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