Subversion-Projekte lars-tiefland.faltradxxs.de

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
2 lars 1
/* Bei 850px muss hier schon der Header anders dargestellt werden. Der Rest ist noch ok */
2
 
3
.content .box_2 {
4
    width:96%;
5
    padding:0 2%;
6
}
7
.aktion_box {
8
    padding:0 2%;
9
}
10
.adressdaten {
11
    width:90%;
12
}
13
.adressdaten .placeholder {
14
    margin:4px 0 0 8px;
15
}
16
.adressdaten select {
17
    width:calc(98% - 2px);
18
}
19
.bestellvorgang input[type="text"],
20
.bestellvorgang input[type="email"],
21
.bestellvorgang input[type="password"],
22
.bestellvorgang textarea {
23
    width:calc(98% - 2px);
24
}
25
.adressdaten .addr_50 {
26
  width: calc(48% - 5px)!important;
27
}
28
.adressdaten .addr_100 {
29
    gap:6%;
30
}
31
 
32
.divtoggle {
33
    margin:2%;
34
    display:flex;
35
    flex-wrap:wrap;
36
}
37
.dropd {
38
    min-width:unset;
39
}
40
.subdir_sort .options_select {
41
    width:unset!important;
42
    max-width:44%;
43
}
44
 
45
.content .subdir_info_wrapper {
46
    flex-direction:column;
47
}
48
.social,
49
.shoplogos {
50
    justify-content:center;
51
}
52
.service_center > div {
53
    width:100%!important;
54
}
55
.service_center_menu {
56
    max-height:unset;
57
}
58
.service_center_menu li {
59
    width:100%;
60
}
61
.hinweis_vk {
62
    background-color:#EC659E;
63
    color:#fff;
64
}
65
 
66
.box_top h3 {
67
    padding-left:3%;
68
}
69
.liefer_select > div {
70
    width:100%;
71
}
72
.search_result_msg {
73
    padding:0 2%;
74
}
75
 
76
footer .inner {
77
    display:block!important;
78
}
79
footer .inner .service_center,
80
footer .inner .kontakt
81
 {
82
    width:100%;
83
}
84
.ce-textpic > div {
85
    width:100%!important;
86
}
87
.search #searchSubmit {
88
    background-position: center;
89
    height: 26px;
90
    margin: 14px 0px 0px 89% !important;
91
    top:1px;
92
}
93
#artikel .itemTable_container .itemTable_rownew {
94
    display: flex;
95
    flex-direction: column;
96
}
97
#artikel .itemTable_container .itemTable_rownew td {
98
    width:100%;
99
}
100
.itemTable_container thead {
101
    display:none;
102
}
103
.konfig_scroll {
104
    width:92%;
105
}
106
.zahlarten_wrapper {
107
    justify-content: center;
108
}
109
.zahlarten_wrapper div {
110
    margin:0 auto;
111
}
112
.footer li {
113
    justify-content:center;
114
}
115
 
116
.jetztKaufenButton {
117
    display:block;
118
    text-align:center;
119
}
120
.bestellvorgang input[type=text],
121
.bestellvorgang input[type=email],
122
.bestellvorgang input[type=password],
123
.bestellvorgang textarea,
124
.bestellvorgang select,
125
.versand_laenderauswahl select {
126
    padding: 2%;
127
}
128
 
129
.ui-dialog-buttonset .ui-button {
130
    padding:3%!important;
131
    font-size:.9rem!important;
132
}
133
.bottom_nav {
134
    flex-direction:column;
135
    gap:15px;
136
    margin:0;
137
    margin-bottom:50px;
138
}
139
.item_mobile {
140
    display:block;
141
}
142
.item_single {
143
    display:flex;
144
    max-width:100%;
145
    justify-content:left;
146
    align-items:top;
147
    flex-wrap:wrap;
148
}
149
.item_detail {
150
    display:flex;
151
    clear:both;
152
    align-items:center;
153
    margin-top:5px;
154
    margin-bottom:20px;
155
    background:#eee;
156
    padding:2px;
157
    width:100%;
158
}
159
.item_liefer {
160
    color:#666;
161
    padding:2% 0 2%;
162
}
163
.item_delete {
164
    display:flex;
165
    align-items:center;
166
    gap:4px;
167
    justify-content:right;
168
}
169
.itemBeschreibung {
170
    flex:min-content;
171
}
172
.itemBild {
173
    padding:5px;
174
    text-align:center;
175
    max-width:110px;
176
}
177
.itemMenge {
178
    display:flex;
179
    align-items:center;
180
    gap: 10px;
181
}
182
.easycredit_box {
183
    flex-wrap:unset;
184
}
185
.easycredit_box img {
186
    margin:10px -2px;
187
 
188
}
189
.basket_table_left .itemSmall_menge {
190
    display:flex;
191
    gap:10px;
192
}
193
.item_centerrow {
194
    width:100%;
195
}
196
.item_rightrow {
197
    width:100% !important;
198
}
199
 
200
.sie_sparen {
201
    margin:3% 0;
202
}
203
.item_rightrow .vk_link, .item_rightrow .preis_lieferstatus {
204
    width:100%;
205
    text-align:left;
206
    padding:2% 0;
207
}
208
/* kacheln startseite */
209
.einstieg02 .inner .einstieg_box {
210
    height:120px;
211
    margin:0 auto!important;
212
}
213
.einstieg02 .inner .einstieg_box .einstieg_name {
214
    background-color:transparent!important;
215
    text-shadow: 2px 2px #3A3B3D;
216
    color:#fff!important;
217
}
218
.einstieg02 .inner {
219
  grid-template-rows: repeat(auto-fill, 120px);
220
}
221
 
222
.addr_table .input,
223
.addr_table textarea,
224
.addr_table select,
225
.addr_table input[type=text],
226
.addr_table input[type=email],
227
.addr_table input[type=password] {
228
    width:unset;
229
}
230
.addr_table textarea {
231
    width:100%!important;
232
}
233
.addr_table td:first-of-type {
234
    display: table-cell;
235
    text-align: left !important;
236
    width: auto !important;
237
}
238
.addr_table *{
239
    font-size: .9em;
240
}
241
.addr_table .persdata {
242
    margin:2px 0;
243
}
244
td.save_address {
245
    display:unset;
246
}
247
.hLogo {
248
    width: 96%;
249
    float: none;
250
    text-align: center;
251
}
252
.back {
253
    float: none;
254
    clear: both;
255
}
256
.hText {
257
    float: left;
258
    width: 96%;
259
    line-height: 1.4em;
260
    padding: 2%;
261
}
262
 
263
.artikel_box {
264
    flex:unset;
265
    max-width:unset;
266
}
267
.inner_basket h1,
268
.inner_basket h3 {
269
    padding:10px 0px;
270
}
271
 
272
.box_subdir a .top {
273
    min-height:250px;
274
}
275
.merkmale {
276
    width:100%;
277
}
278
.content .basketNav2 {
279
    float:unset;
280
}
281
#accordionBasket {
282
    clear:both;
283
}
284
.bottom_nav .special_buy {
285
    width:100%
286
    float:left;
287
    text-align:center;
288
}
289
.bottom_nav .special_buy a {
290
    float:right;
291
}
292
 
293
.bottom_nav_left {
294
    display:none;
295
}
296
.gutschein_table input {
297
    width:93%;
298
    margin:0 auto;
299
}
300
#gutschein {
301
    padding:5px;
302
}
303
.subdir_bild {
304
    width:100%!important;
305
    min-height:230px;
306
}
307
.subdir_text {
308
    clear:both;
309
    float:none;
310
    width:96%!important;
311
}
312
.service_center {
313
    flex-direction:column;
314
    text-align:center;
315
}
316
.service_center_text {
317
    transition:all 200ms ease;
318
}
319
.shopname {
320
    font-size: .8em;
321
    padding-left: 10px;
322
    padding-top:0;
323
}
324
.hotline {
325
width: 100%;
326
text-align: right;
327
padding-left: 0;
328
padding-right: 10%;
329
clear: both;
330
float: right;
331
}
332
 
333
.basket-items-overview tr {
334
    vertical-align:top;
335
}
336
.basket_table_artikel {
337
    margin-left:0px;
338
    padding-left:0px;
339
    width:100%;
340
}
341
.basket_table_artikel thead {
342
    display:none;
343
}
344
.basket_table td {
345
    padding: 5px;
346
    /*display:flex;*/
347
}
348
.steps_image {
349
    display:none;
350
}
351
 
352
 
353
.subdir_title {
354
    left:unset!important;
355
    top:unset!important;
356
    position:relative!important;
357
    clear:both;
358
    float:none;
359
}
360
.subdir_title h1 {
361
    padding:3px 0!important;
362
}
363
.inner_basket {
364
    width:96%!important;
365
}
366
 
367
.content .basketNav2 {
368
    border-bottom:none;
369
}
370
.nav_home,
371
.bx-controls-direction {
372
    display:none;
373
}
374
 
375
.footernav {
376
    width:100%;
377
}
378
.footernav ul {
379
    display:block;
380
    width:100%;
381
}
382
.footernav ul li {
383
    text-align:center!important;
384
    width:100%;
385
    padding:0!important;
386
}
387
.infobar {
388
    display:none;
389
}
390
.backToShopButton
391
{
392
    float: right;
393
    clear: both;
394
    width: 100%;
395
    text-align: center;
396
    padding-left: 0;
397
    padding-right: 0;
398
}
399
 
400
html{
401
    height:100%;
402
}
403
 
404
img{
405
    max-width:100%;
406
}
407
.ui-accordion .ui-accordion-content{
408
    padding: 2%;
409
}
410
.root{
411
    clear:none;
412
    margin-top:0px;
413
    overflow:hidden;
414
}
415
.header {
416
    transition:all 200ms ease;
417
    height: auto;
418
    position:relative;
419
    z-index: 99999999999999999;
420
    padding-top: 0px;
421
    border-bottom: 1px solid #ccc !important;
422
    float: left;
423
}
424
 
425
.basketIcon {
426
    height:auto;
427
}
428
 
429
.fixed{
430
 /*   position:fixed;*/
431
}
432
.basket_table_left .mobile,
433
.desktop,
434
#topinfo.desktop,
435
.header .desktop{
436
    display: none;
437
}
438
.mobile,
439
.header .mobile {
440
    display: block;
441
    float:left;
442
}
443
.header .mobile{
444
    background-color:#fff;
445
}
446
 
447
.boxCenter {
448
    text-align:center;
449
}
450
.boxCenter a {
451
    margin:0 auto;
452
    display:inline-block;
453
}
454
 
455
.boxCenter img {
456
    width:auto;
457
    margin:0 auto;
458
    max-height:81px;
459
    display:block;
460
}
461
 
462
.header .mobile .boxLeft, .header .mobile .boxCenter, .header .mobile .boxRight {
463
    float: left;
464
    width: 33.33%;
465
}
466
 
467
.header .mobile .boxLeft .menue,
468
.header .mobile .boxLeft .suche,
469
.header .mobile .boxRight .location,
470
.header .mobile .boxRight .warenkorb{
471
    float:left;
472
    width:48%;
473
    padding:0% 1%;
474
    margin: 0;
475
    text-align: center;
476
    position:relative;
477
    height:auto;
478
}
479
 
480
.header .mobile .boxCenter .logo{
481
    text-align:center;
482
    max-width:100%;
483
    position: relative;
484
    float: none;
485
    margin: 0px;
486
}
487
.header .mobile .boxCenter .logo a{
488
    margin: 0 0 -3px 0;
489
    display: block;
490
}
491
.header .mobile .menue img,
492
.header .mobile .suche img,
493
.header .mobile .location img,
494
.header .mobile .warenkorb img{
495
    max-width:35px;
496
}
497
.header .mobile .logo img{
498
    max-width: 90px;
499
    margin-top:-3%;
500
}
501
.header .mobile .warenkorb .warenkorb_icon{
502
    padding:0px;
503
    width: 100%;
504
}
505
.warenkorb_preis {
506
    background-color: transparent;
507
    float: none;
508
    position: absolute;
509
    margin-top: 39%;
510
    height: auto;
511
    color: #000 !important;
512
    width: 57px;
513
}
514
.searchMobile{
515
    float:left;
516
    width:100%;
517
}
518
.searchMobile .mobile .search{
519
    padding: 1% 0px;
520
    width: 100%;
521
    float: left;
522
}
523
.searchMobile .mobile #suchbegriff{
524
    max-width: none;
525
    width:85%;
526
    height:30px;
527
    float:left;
528
    padding: 0 2%;
529
    border: 1px solid #ccc;
530
}
531
.header_wk_anzahl {
532
    width: 13%;
533
    text-align: center;
534
    margin: 0px;
535
    padding: 12px 2.5%;
536
    float: left;
537
}
538
.warenkorb_menu{
539
    top:100%;
540
    right:-10px;
541
    margin: 0;
542
}
543
.header_wk_anzahl_10 {
544
    width: 13%;
545
    text-align: center;
546
    margin: 0px;
547
    padding: 12px 1.9%;
548
    float: left;
549
}
550
 
551
 
552
.topnav, .topnav * {
553
    margin:0!important;
554
    padding:0!important;
555
    width:100%!important;
556
    background:none;
557
    height:auto!important;
558
    float:left;
559
    overflow:hidden;
560
}
561
.topnav ul {
562
    margin: 0;
563
    float:left;
564
    clear:both;
565
    display:block;
566
}
567
.topnav ul li{
568
    width: 100%;
569
    max-width:none;
570
    clear:both;
571
    float:left;
572
    border-bottom:1px solid #ccc;
573
}
574
.topnav ul li a {
575
    float:left;
576
    width:94%!important;
577
    display: block;
578
    text-align:left!important;
579
    padding:4% 3%!important;
580
    background-color:#fff!important;
581
    color:#000;
582
}
583
.topnav ul li a:focus,
584
.topnav ul li a:hover {
585
    text-decoration:none;
586
    background-color:#2FBABD;
587
}
588
 
589
[role="search"],
590
.search {
591
    transition: .2s all ease;
592
    height: 0;
593
	float: left;
594
    display:none;
595
    z-index:99;
596
}
597
.active-search .search {
598
    clear:both;
599
    transition: .2s all ease;
600
    height: auto;
601
    display: block;
602
    padding: 10px !important;
603
    background: #fff;
604
    margin: 0 2%!important;
605
    float: left;
606
    max-width:100%;
607
    width:calc(96% - 20px);
608
}
609
#topnav {
610
    top:100%;
611
    transition: .2s all ease;
612
    margin-left:-106%!important;
613
    position:absolute;
614
}
615
.active-nav #topnav {
616
	margin:0%!important;
617
	width:100%;
618
    background-color: rgb(255, 255, 255);
619
    overflow:hidden;
620
    padding:0!important;
621
}
622
 
623
.mainslider{
624
    float:left;
625
    clear:none;
626
}
627
/** BESTELLVORGANG **/
628
.content .basket_table_right{
629
    display:block;
630
}
631
.content .basketNav2{
632
    width: 100%;
633
    padding:0;
634
    height:auto;
635
}
636
.content .basketNav2 .headline{
637
    display: none;
638
}
639
.content .basketNav2 .basketNav2Image{
640
    width: 100%;
641
}
642
.content .basketNav2 .basketNav2Image img{
643
    max-width: 25%;
644
}
645
/*.content .subdir .box_subdir img, */
646
.content .subdir_artikel_wrapper .subdir_artikel .artikel_box img,
647
.content .subdir_artikel_wrapper .subdir_artikel .artikel_box a{
648
    max-width:100%;
649
}
650
.basket_comodo{
651
    margin: 0!important;
652
}
653
/* Neue Mobile Buy1 TPL */
654
.steps_image {
655
    display:none;
656
}
657
    .grid-container {
658
  display: grid;
659
  grid-template-columns: 1fr;
660
  grid-template-rows: 0fr 0fr;
661
  gap: 1px 1px;
662
  grid-template-areas:
663
    "mobile_buy_login"
664
    "mobil_buy_buttons_options"
665
    ;
666
  width:100%;
667
  margin-top: 5%;
668
}
669
 
670
.mobil_buy_buttons_options { grid-area: mobil_buy_buttons_options; }
671
 
672
.mobile_buy_login { grid-area: mobile_buy_login; padding: 1% 2.5% 5% 2%;}
673
 
674
.mobile_options_buy_1
675
{
676
   display:flex;
677
   width: 100%;
678
}
679
.bestellartButtons_mobile a {
680
    font-weight: bold;
681
    color:white !important;
682
}
683
.bestellartButtons_mobile {
684
    margin-bottom: 5%;
685
}
686
.bestellartButtons_mobile a {
687
    color: white;
688
}
689
.weiterButton_mobile {
690
    padding: 14px;
691
    background-color: #2fbabd;
692
    display: flex;
693
    width: 100%;
694
    justify-content: center;
695
    border-radius:5px;
696
}
697
.weiterButton_mobile:hover,
698
.weiterButton_mobile:focus {
699
    background:#9cd9da;
700
}
701
 
702
.login-form_mobile {
703
  position: relative;
704
  z-index: 1;
705
  text-align: center;
706
}
707
.login-page p {
708
    font-weight: bold;
709
}
710
.login-form_mobile input {
711
  outline: 0;
712
  background: #f2f2f2;
713
  width: 100%;
714
  border: 0;
715
  border-radius:5px;
716
  margin: 0 0 15px;
717
  padding: 15px;
718
  box-sizing: border-box;
719
}
720
.login-form_mobile button {
721
  outline: 0;
722
  font-weight: bold;
723
  background: #2fbabd;
724
  width: 100%;
725
  border: 0;
726
  border-radius:5px;
727
  padding: 15px;
728
  color: #FFFFFF;
729
  -webkit-transition: all 0.3 ease;
730
  transition: all 0.3 ease;
731
  cursor: pointer;
732
}
733
.login-form_mobile button:hover,
734
.login-form_mobile button:focus {
735
    background:#9cd9da;
736
}
737
.buttons_selection
738
{
739
  padding: 1% 10% 0% 2%;
740
}
741
 
742
 
743
@media screen and (max-width:990px) {
744
    .grill_anim {
745
        display:none;
746
    }
747
    .billiger_gesehen_headline {
748
        max-width:50%;
749
    }
750
}
751
/*Neue Mobil1 TPL Ende*/
752
/* Darstellung des Contents */
753
@media screen and (max-width:800px){
754
 
755
   section.billiger_gesehen {
756
    display:block!important;
757
   }
758
   .billiger_gesehen_headline {
759
        max-width:100%!important;
760
   }
761
   .billiger_gesehen_headline h2 {
762
    font-size:1.3em;
763
   }
764
    body {
765
        background:none!important;
766
    }
767
 
768
    /*.subdir {
769
        width:100%!important;
770
        padding:0!important;
771
    }
772
    .box_subdir {
773
        max-width:100%;
774
        height:auto;
775
        min-height:0;
776
    }
777
    .box_subdir .top {
778
        height:auto!important;
779
    }*/
780
    header .inner {
781
        width:96%!important;
782
    }
783
    #topnav .inner {
784
        width:100%!important;
785
    }
786
    .filialen .topfooter_box:nth-of-type(4) {
787
        text-align:center!important;
788
        padding:0;
789
    }
790
    .filialen .topfooter_box:nth-of-type(4) img {
791
        max-width:96%!important;
792
        margin:0 auto!important;
793
    }
794
    .filialen .topfooter_box {
795
        width:100%!important;
796
        clear:both!important;
797
        float:none!important;
798
        text-align:center!important;
799
        margin-bottom:8%;
800
    }
801
    .topfooter_inner {
802
        text-align:center;
803
    }
804
    .filialen .topfooter_box * {
805
        width:100%!important;
806
    }
807
    .header .info{
808
        display:none;
809
    }
810
    .header_wk_anzahl{
811
        padding: 2% 2.5%;
812
    }
813
    .root{
814
        width:100%;
815
        float:left;
816
    }
817
    #container-content,
818
    .mainnav{
819
        /*background-color: #2c4f1b;*/
820
    }
821
    .content{
822
        padding: 0;
823
        width:100%;
824
    }
825
    /*.content .subdir .box_subdir {
826
        width:100%;
827
    }*/
828
    .content .mainnav .box{
829
        width:100%;
830
        float:left;
831
        margin:20px auto!important;
832
    }
833
    .artikel_box:nth-of-type(3n+2),
834
    .box_subdir:nth-of-type(3n+2) {
835
        margin:1% 0%;
836
    }
837
 
838
    .subdir_artikel .artikel_box {
839
        margin:20px 0;
840
        height: auto;
841
        max-height:none;
842
        width: 100%;
843
        grid-column: span 12;
844
    }
845
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .bottom{
846
        position:relative;
847
        padding: 0;
848
        height: auto;
849
        width: 100%;
850
    }
851
    /*.content .subdir,*/
852
    .content .subdir_artikel_wrapper,
853
    .content .mainnav,
854
    .content .serviceBox_wrapper{
855
        width:100%;
856
        float:left;
857
        padding:2% 0%;
858
    }
859
 
860
/*
861
    .content .subdir .box_subdir:nth-child(3n+2){
862
        margin: 0px;
863
    }
864
    */
865
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .preisInner,
866
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .preis_messageInner,
867
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .favorite_ButtonInner {
868
        padding: 1% 0% 0;
869
        width: 100%;
870
        float: left;
871
        text-align: center;
872
        line-height: 1.3em !important;
873
        height:auto!important;
874
        min-height:0;
875
    }
876
 
877
 
878
    /** ITEMSEITE **/
879
    .content .box_2 .box_singleitem_img{
880
        display:block;
881
    }
882
    .content .box_2 .item_preis{
883
        width:auto;
884
    }
885
    .itemBasketButton {
886
        margin-left: 0;
887
    }
888
    .basketButton{
889
        width: 100%;
890
    }
891
    .itemTopSection{
892
        width:97%
893
    }
894
    .itemRightLeft{
895
        margin-left:0;
896
    }
897
    .itemPreis div span > span{
898
        float:left;
899
    }
900
    .content .box_2 .basket,
901
    .content .box_2 .basket img,
902
    .basketButton img{
903
        max-width:100%;
904
    }
905
    /** LOGIN CONTROL CENTER **/
906
    .loginInfo{
907
        min-width: 0px;
908
    }
909
    .basket-table-items{
910
        margin: 0;
911
    }
912
 
913
    /** SLIDER **/
914
    .content .neueProdukte .bx-wrapper,
915
    .content .bottomcontent .lastvisited .bx-wrapper,
916
    .content .bottomcontent .kundenBesuchtenAuch .bx-wrapper{
917
        width: 88%;
918
    }
919
    .content .neueProdukte .item_slider_inner .item_slider_img,
920
    .content .bottomcontent .lastvisited .item_slider_inner .item_slider_img,
921
    .content .bottomcontent .kundenBesuchtenAuch .item_slider_inner .item_slider_img{
922
        width:auto;
923
        height: 95px;
924
    }
925
    .content .neueProdukte .item_slider_inner .item_slider_wrapper,
926
    .content .bottomcontent .lastvisited .item_slider_inner .item_slider_wrapper,
927
    .content .bottomcontent .kundenBesuchtenAuch .item_slider_inner .item_slider_wrapper{
928
        width: auto;
929
    }
930
    .content .neueProdukte .item_slider_inner .item_slider_wrapper span,
931
    .content .neueProdukte .item_slider_inner .item_slider_wrapper h3,
932
    .content .bottomcontent .lastvisited .item_slider_inner .item_slider_wrapper span,
933
    .content .bottomcontent .lastvisited .item_slider_inner .item_slider_wrapper h3,
934
    .content .bottomcontent .kundenBesuchtenAuch .item_slider_inner .item_slider_wrapper span,
935
    .content .bottomcontent .kundenBesuchtenAuch .item_slider_inner .item_slider_wrapper h3{
936
        height: 20%;
937
    }
938
 
939
    /** FOOTER **/
940
    .topfooter .desktop{
941
        display: none;
942
    }
943
    .topfooter .mobile{
944
        width:96%!important;
945
        display: block;
946
    }
947
    .topfooter_inner{
948
        width:100%;
949
        /*background-color: #2C4F1B;*/
950
    }
951
    .topfooter_inner .head_background{
952
        width: 100%;
953
        height: 15px;
954
    }
955
    .topfooter .topfooter_box{
956
        padding: 5%;
957
        width: 90%;
958
    }
959
    .topfooter .topfooter_box div{
960
        width: 100%;
961
        text-align:center;
962
 
963
    }
964
    .topfooter .topfooter_box div:nth-child(1){
965
 
966
    }
967
    .topfooter .topfooter_box .head{
968
        text-align: left;
969
        padding: 0;
970
 
971
    }
972
    .topfooter .top .topfooter_box .head,
973
    .topfooter .topfooter_box .head{
974
        background-color: transparent;
975
    }
976
 
977
 
978
    .topfooter_inner .top{
979
        position: unset!important;
980
        float: left;
981
        margin: 9px 0px 0px;
982
    }
983
    .topfooter_inner .top a:link,
984
    .topfooter_inner .top a:active,
985
    .topfooter_inner .top a:visited{
986
 
987
    }
988
 
989
    .topfooter .top .topfooter_box{
990
        padding-top: 0px;
991
        text-align:center;
992
    }
993
    .topfooter .top .topfooter_box div{
994
        border-bottom: none;
995
    }
996
    .topfooter .top .topfooter_box .head{
997
        text-align:center;
998
    }
999
} /* ende 800 */
1000
 
1001
 
1002
@media screen and (max-width: 768px) {
1003
    #brandklassen tr:nth-of-type(2) {
1004
        display: none;
1005
    }
1006
 
1007
    .typo3content table img {
1008
        width: 5vw;
1009
    }
1010
 
1011
    .einstieg_box {
1012
        clear: both;
1013
        float: none !important;
1014
        margin: 20px auto !important;
1015
    }
1016
 
1017
    .stoerer_samstags {
1018
        display: none;
1019
    }
1020
 
1021
    .quickview_opener {
1022
        display: none !important;
1023
    }
1024
 
1025
    .aktion .bx-wrapper .bx-controls-direction a {
1026
        display: none;
1027
    }
1028
}
1029
 
1030
 
1031
@media screen and (max-width:700px){
1032
    #maincontent {
1033
        overflow:hidden;
1034
    }
1035
    section.aktion {
1036
        /*
1037
        width:200%;
1038
        margin-left:-50%;
1039
        */
1040
    }
1041
 
1042
    .content .subdir_info_wrapper img {
1043
        margin-bottom:3%!important;
1044
    }
1045
 
1046
    .header .search{
1047
        padding:0;
1048
    }
1049
 
1050
    /**LOGINCENTER **/
1051
    #accordionBasket > div{
1052
        min-height:200px;
1053
    }
1054
    .addresses .box_middle .boxInner{
1055
        clear:both;
1056
        width: 100%;
1057
        padding-left: 0px;
1058
    }
1059
    .addresses .box_middle .boxInner:nth-child(2n+1){
1060
        border-right: 0px;
1061
    }
1062
    /** BESTELLVORGANG **/
1063
    .content .box_2 .bestellartWrapper:nth-child(2),
1064
    .content .box_2 .bestellartWrapper{
1065
        clear:both;
1066
        width: 60%;
1067
        padding: 0px 20%;
1068
    }
1069
 
1070
    .itemLeftContainer{
1071
        width: 100%;
1072
    }
1073
    #img_zoom{
1074
        max-width:50%;
1075
    }
1076
    .itemRightContainer{
1077
        width:100%;
1078
    }
1079
    .itemRightLeft{
1080
        width: 50%;
1081
    }
1082
    .content .box_2 .item_top{
1083
        padding: 0px;
1084
    }
1085
 
1086
    .itemPreis {
1087
       text-align: left;
1088
    }
1089
    .itemBasketButton{
1090
        clear:none;
1091
 
1092
    }
1093
    .basket_addFavorites,
1094
    .favoriteButton{
1095
        /*width:100%;*/
1096
    }
1097
 
1098
    .footer .bottomcontent .werbungen .werbung_wrapper div{
1099
        width:100%;
1100
        padding: 2% 0;
1101
   }
1102
 
1103
 
1104
}
1105
 
1106
@media screen and (max-width:640px){
1107
    .item-3-cols .vk_link {
1108
        width:100%!important;
1109
        text-align:left!important;
1110
    }
1111
    .item-3-cols .item_preis {
1112
        clear:both;
1113
        display:block;
1114
    }
1115
    .item-3-cols .preis_lieferstatus {
1116
        clear:both!important;
1117
        float:left!important;
1118
    }
1119
    .content .subdir_info_wrapper .subdir_bild_small img,
1120
    .content .subdir_info_wrapper .subdir_bild img {
1121
        float:none;
1122
    }
1123
    .ui-button-text-only .ui-button-text {
1124
        padding:0;
1125
    }
1126
 
1127
    section.serviceInfo .serviceBanner {
1128
        width:100%;
1129
        max-width:98%;
1130
 
1131
    }
1132
    .topbutton {
1133
        display:block!important;
1134
    }
1135
 
1136
    .itemSumme {
1137
        border-bottom: 1px dotted #ccc;
1138
        float: right;
1139
        font-weight: bold;
1140
        margin: 0;
1141
        padding: 10px 0;
1142
        text-align: right;
1143
    }
1144
    td.basket_preis {
1145
        float:none;
1146
        width:unset;
1147
        margin:0!important;
1148
        padding:0!important;
1149
        text-align:left;
1150
    }
1151
    td.basket_summe {
1152
        float:none;
1153
        width:unset;
1154
        margin:0!important;
1155
        padding:0!important;
1156
        text-align:right;
1157
        font-size:1.3em;
1158
    }
1159
    .basket_table_left .mobile {
1160
        width:100%;
1161
        padding:0;
1162
        margin:0;
1163
    }
1164
    .itemMenge .mengeninput {
1165
        margin:0;
1166
        float:right;
1167
    }
1168
    .itemSumme, .itemPreis {
1169
        width:100%;
1170
    }
1171
    .itemBeschreibung {
1172
        padding:1%;
1173
    }
1174
    .itemMenge {
1175
        text-align:right!important;
1176
        float:right!important;
1177
    }
1178
    .special_buy a {
1179
        margin:1% 0;
1180
    }
1181
    .gutschein_table td {
1182
        display:block;
1183
        clear:both;
1184
        float:none;
1185
        padding:1%;
1186
        height:auto!important;
1187
    }
1188
    .gutschein_table button {
1189
        width:100%;
1190
        margin:1% auto;
1191
    }
1192
 
1193
 
1194
    .typo3content ul {
1195
        margin-left:6%!important;
1196
    }
1197
 
1198
    .sliderLastVisited li,
1199
    .sliderKBA li {
1200
        width:245px!important;
1201
    }
1202
    .sliderLastVisited .bx-next,
1203
    .sliderKBA .bx-next {
1204
        right:45px!important;
1205
    }
1206
    #img_zoom {
1207
        max-width:100%!important;
1208
    }
1209
    .artikel_box .preis_messageInner {
1210
        padding:2% 0!important;
1211
    }
1212
    .artikel_box .top {
1213
        height:auto!important;
1214
    }
1215
 
1216
} /* ende 640 */
1217
@media screen and (max-width:600px){
1218
   .content .mainnav .col,
1219
   .content .subdir_artikel_wrapper .directory_box,
1220
   .content .serviceBox_wrapper .serviceBox,
1221
   .content .mainnav .col:nth-child(2){
1222
        width:100%;
1223
        margin-left:0;
1224
        margin-right: 0;
1225
   }
1226
   .mainnav_beschreibung {
1227
        width:80%;
1228
   }
1229
 
1230
   /* item Detailseite */
1231
   .item_leftrow {
1232
        width:96%;
1233
        clear:both;
1234
        float:left;
1235
        padding: 0 2%;
1236
   }
1237
 
1238
    .basketIconWrapper{
1239
        padding:0!important;
1240
        width:100%!important;
1241
    }
1242
}
1243
@media screen and (max-width:530px){
1244
    .mainnav .col {
1245
        clear:both;
1246
        float:none;
1247
        width:100%;
1248
        margin:0;
1249
        padding:0;
1250
    }
1251
 
1252
    .mainnav .box {
1253
        clear:both;
1254
        float:none;
1255
        width:100%;
1256
        margin:20px auto;
1257
    }
1258
    .item_tablerow_img {
1259
        display:none;
1260
    }
1261
    .item_tablerow_text a {
1262
      -moz-hyphens: auto;
1263
      -o-hyphens: auto;
1264
      -webkit-hyphens: auto;
1265
      -ms-hyphens: auto;
1266
      hyphens: auto;
1267
    }
1268
    .desktop,
1269
    .content .basket-table-items{
1270
        display: none!important;
1271
    }
1272
    .box_2_basket .mobile{
1273
        display: block;
1274
    }
1275
    .basket_table_left .mobile{
1276
        display:block;
1277
    }
1278
    .basket_table_left .mobile span{
1279
        float:right;
1280
    }
1281
    .itemRightLeft,
1282
    .itemBasketButton{
1283
        width: 100%!important;
1284
        clear: both;
1285
    }
1286
    .itemBasketButton{
1287
        text-align:center;
1288
    }
1289
    .basket_preis{
1290
        width:calc(60% - 8px)!important;
1291
        float:left;
1292
    }
1293
    .basket_summe{
1294
        font-weight:bold;
1295
        width:calc(40% - 8px)!important;
1296
        float:left;
1297
    }
1298
    .bottom_nav {
1299
        float:left;
1300
        width:100%;
1301
    }
1302
 
1303
}
1304
 
1305
@media screen and (max-width:465px){
1306
 
1307
    .csc-textpic-text {
1308
        clear:both;
1309
    }
1310
 
1311
    .serviceBanner {
1312
        clear:both;
1313
        float:none;
1314
        max-width:94%;
1315
        width:94%;
1316
    }
1317
    .item_rightrow .small {
1318
        /*width:50%;*/
1319
        float:left;
1320
    }
1321
 
1322
    .header .mobile .logo img {
1323
        margin-top:-8%;
1324
    }
1325
    .bottom_nav{
1326
        float:left;
1327
    }
1328
    .header_wk_anzahl{
1329
        padding: 2.5% 2.9%;
1330
    }
1331
    .special_buy .backToShop{
1332
        padding: 0
1333
    }
1334
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .center{
1335
        height: auto;
1336
    }
1337
    .content .box_2 .bestellartWrapper:nth-child(2),
1338
    .content .box_2 .bestellartWrapper{
1339
        padding: 10%!important;
1340
        width: 80%!important;
1341
    }
1342
}
1343
 
1344
 
1345
 
1346
@media screen and (max-width:415px){
1347
 
1348
    .divider {
1349
        margin:0 auto 10px auto;
1350
    }
1351
 
1352
    form#basket {
1353
        width:100%;
1354
    }
1355
    .bottomfooter {
1356
        margin:2% 0;
1357
    }
1358
    .footernav ul li {
1359
        clear:both;
1360
        float:none;
1361
        width:100%;
1362
    }
1363
 
1364
    .service_center * {
1365
        text-align:center;
1366
    }
1367
 
1368
 
1369
    .item_socialmedia {
1370
        clear: both;
1371
        float:left;
1372
        margin:0px 0;
1373
        width:100%;
1374
    }
1375
    .item_rightrow .itemBasketButton {
1376
        float: right;
1377
        margin: 0;
1378
        padding: 0;
1379
        width:100!important;
1380
    }
1381
    .basketButton {
1382
        background-color:#b81d19;
1383
        border-radius:0px;
1384
        text-align:center;
1385
    }
1386
    .p_artikel {
1387
        text-align:left;
1388
    }
1389
    .pagination_container div:nth-of-type(1) {
1390
        width:98%;
1391
        clear:both;
1392
        float:none;
1393
    }
1394
    .pagination_container div:nth-of-type(2) {
1395
        width:48%;
1396
        float:left;
1397
    }
1398
    .pagination_container div:nth-of-type(3) {
1399
        width:48%;
1400
        float:left;
1401
    }
1402
    .basketMenge{
1403
        float:left;
1404
 
1405
    }
1406
    .itemPreis{
1407
        clear:both;
1408
    }
1409
 
1410
    /* item Detailseite */
1411
   .item_leftrow,
1412
   .item_centerrow,
1413
   .item_rightrow {
1414
        clear:both;
1415
        float:none;
1416
        width:96%!important;
1417
   }
1418
   .item_rightrow {
1419
    padding:0 2%;
1420
   }
1421
   .itemBasketButton {
1422
    text-align:left!important;
1423
   }
1424
 
1425
   .basket_table textarea{
1426
        width:100%;
1427
   }
1428
   .basket_form {
1429
        overflow-x:scroll;
1430
   }
1431
 
1432
   .basket_table{
1433
    width:100%!important;
1434
   }
1435
 
1436
   .basket_table_wrap {
1437
        overflow-x:scroll;
1438
   }
1439
 
1440
   .itemMenge img{
1441
    display:none;
1442
   }
1443
 
1444
}
1445
 
1446
    #addressBookWidgetDiv,
1447
    #readOnlyAddressBookWidgetDiv {
1448
        margin-bottom:10px;
1449
    }
1450
 
1451
    #addressBookWidgetDiv,
1452
    #walletWidgetDiv
1453
    {
1454
        width:100%;
1455
    }
1456
    #readOnlyWalletWidgetDiv,
1457
    #readOnlyAddressBookWidgetDiv
1458
    {
1459
        width:95%;
1460
    }
1461
    #addressBookWidgetDiv,
1462
    #readOnlyAddressBookWidgetDiv,
1463
    #walletWidgetDiv,
1464
    #readOnlyWalletWidgetDiv {
1465
        clear:both;
1466
        float:none;
1467
        margin-left:0px;
1468
    }
1469
    #widgets {
1470
        display:none;
1471
    }