Subversion-Projekte lars-tiefland.faltradxxs.de

Revision

Revision 2 | Details | Vergleich mit vorheriger | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
2 lars 1
/* standard shadow */
2
/*
3
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
4
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
5
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
6
*/
28 lars 7
.herstellerKats {
8
    padding:1%;
9
}
2 lars 10
.versand_aufschlag {
11
    cursor:help;
12
    border-radius:3px;
13
    padding:2% 1%;
14
    background:#e91524;
15
    color:#fff;
16
    text-align:center;
17
    width:90%;
18
    margin:10px 0;
19
}
20
.clear {
21
    clear:both;
22
}
23
.rating {
24
    margin:2% 0;
25
}
26
#loading {
27
    overflow:hidden;
28
    display: flex;
29
    width: auto;
30
    min-height: 0px;
31
    max-height: none;
32
    height: 195px;
33
    flex-direction:column;
34
    justify-content: center;
35
    align-items: center;
36
}
37
img {
38
    max-width:100%;
39
    border-style: none;
40
}
41
 
42
@media screen and (max-width: 1150px) {
43
    .skycraper_img {
44
        display: none;
45
    }
46
}
47
 
48
@media screen and (max-width: 1024px) {
49
    .mainslider {
50
        width: 100% !important;
51
    }
52
    .mainslider .toplayer img {
53
        width: 100%;
54
    }
55
}
56
 
57
* {
58
    transition:all 200ms ease;
59
    margin: 0px;
60
    padding: 0px;
61
}
62
.p_artikel,
63
.p_page {
64
    display:block;
65
}
66
.ausgabe_zubehoer {
67
    clear: both;
68
    margin: 0 auto;
69
    width: 90%;
70
}
71
/* input felder */
72
#gs_code,
73
.pagination_container select {
74
    padding: 3px !important;
75
}
76
 
77
.bestellvorgang {
78
    line-height:1.1rem;
79
}
80
.bestellvorgang input[type=text],
81
.bestellvorgang input[type=email],
82
.bestellvorgang input[type=password],
83
.bestellvorgang textarea,
84
.bestellvorgang select,
85
.versand_laenderauswahl select {
86
    padding: 1vH;
87
    border:1px solid #666;
88
    width:calc(96% - 2px);
89
    font-size:1em;
90
}
91
.bestellvorgang textarea {
92
    font-size:1.5em;
93
}
94
h3 {
95
    padding: 0 10px;
96
}
97
 
98
.box_top h3 {
99
    padding: 0;
100
}
101
 
102
.box_top p {
103
    font-weight: 800;
104
}
105
/** mobile.de iframe **/
106
#mobile_de {
107
    width: 100%;
108
    height: 70vh;
109
}
110
/** google map **/
111
#gmap {
112
    width: 100%;
113
    height: 20vh;
114
    border: 1px solid #ccc !important;
115
}
116
.footer_icons {
117
    width: 100%;
118
    height: auto;
119
    max-width: 28px;
120
    margin: 4px 0;
121
}
122
.divider {
123
    width: 66px;
124
    border-top: 3px solid #ccc;
125
    margin-bottom: 10px;
126
}
127
 
128
/* tooltip */
129
.tooltip_opener {
130
    /*
131
    cursor: help;
132
    */
133
}
134
.tooltip_opener a:link,
135
.tooltip_opener a:active,
136
.tooltip_opener a:visited {
137
    text-decoration: none !important;
138
}
139
.tooltip {
140
    transition: visibility 200ms ease-in;
141
    position: absolute;
142
    display: none;
143
    background-color: #fff;
144
    border: 1px solid #c1bfb9;
145
    padding: 1%;
146
    z-index: 99999;
147
}
148
.tooltip_opener:focus .tooltip,
149
.tooltip_opener:hover .tooltip {
150
    display: block;
151
}
152
 
153
.siegel {
154
    text-align: center;
155
    padding: 10%;
156
    clear: both;
157
}
158
img {
159
    border-style: none;
160
    display: inline-block;
161
}
162
 
163
#topbutton {
164
    display: none;
165
    cursor: pointer;
166
    position: fixed;
167
    bottom: 1%;
168
    right: 1%;
169
    z-index: 9999999;
170
}
171
 
172
.mainnav img,
173
.serviceBanner img {
174
    width: 100%;
175
    height: auto;
176
}
177
section {
178
    clear: both;
179
}
180
/* service / werbung */
181
section.serviceInfo .inner {
182
    max-width: 925px !important;
183
}
184
section.serviceInfo {
185
    width: 100%;
186
    float: left;
187
}
188
.serviceBanner {
189
    max-width: 48%;
190
    margin: 1%;
191
    float: left;
192
}
193
.serviceInfo .mainnav {
194
    float: none;
195
}
196
 
197
body {
198
    text-align: left;
199
    width: 100%;
200
    /* -- stretch background -- */
201
    /*
202
    background: url(/images/webelemente/background.jpg);
203
    background-position: 50%;
204
    background-attachment: fixed;
205
    background-repeat: no-repeat;
206
    background-size: cover;
207
    */
208
}
209
.gutschein_toggle {
210
    float:right;
211
    margin:2% 1.5%;
212
    width:100%;
213
    }
214
.gutschein_toggle summary {
215
    text-align:right;
216
    cursor:pointer;
217
}
218
.gutschein_table {
219
    float: right;
220
    width:97%;
221
    text-align:right;
222
    padding:0;
223
    margin:2vh auto;
224
}
225
.gutschein_container {
226
    display: flex;
227
    flex-direction: row;
228
    justify-content: end;
229
    align-items: center;
230
}
231
#gutschein {
232
    margin:0 0 0 10px!important;
233
}
234
#gs_check_result {
235
    display: inline-block;
236
    margin: 10px 0;
237
    font-size: .8em;
238
}
239
 
240
.topbutton {
241
    display: none;
242
    width: 30px;
243
    height: 30px;
244
    position: fixed;
245
    right: 2%;
246
    bottom: 2%;
247
    padding: 2%;
248
    background: rgba(192, 192, 192, 0.7);
249
    z-index: 99999999;
250
}
251
.topbutton:focus,
252
.topbutton:hover {
253
    background: rgba(192, 192, 192, 1);
254
}
255
.triangle {
256
    border-color: transparent transparent #EA5802;
257
    border-style: solid;
258
    border-width: 0 15px 20px;
259
    height: 0;
260
    transform: rotate(360deg);
261
    width: 0;
262
    z-index: 99999999;
263
}
264
.edit a,
265
.trash a {
266
    text-decoration:underline;
267
    cursor: pointer;
268
}
269
#maincontent {
270
    float: left;
271
    width: 100%;
272
}
273
#maincontent section {
274
    margin: 0 auto;
275
}
276
[role="navigation"] {
277
    display: none;
278
}
279
/* mainslider auf startseite */
280
.mainslider {
281
    width: 1027px;
282
    margin: 0 auto;
283
    clear: both;
284
    float: none;
285
}
286
.mainslider .toplayer {
287
    position: absolute;
288
    z-index: 9999;
289
    width: 100%;
290
    max-width: 1027px;
291
}
292
 
293
 
294
 
295
 
296
/* themenwelten mainnav einstieg */
297
.mainnav {
298
    padding: 0;
299
    margin: 0;
300
}
301
.mainnav_items {
302
    margin: 0 auto;
303
    display: table;
304
    width: 100%;
305
    max-width: 1400px;
306
    padding: 2% 0;
307
    background-color: white;
308
}
309
.mainnav_items img {
310
    display: block;
311
}
312
.mainnav .col {
313
    width: 48%;
314
    float: left;
315
    height: auto;
316
    margin: 0 1%;
317
    text-align: center;
318
}
319
.mainnav .col .box {
320
    background-color: #fff;
321
    float: left;
322
    height: auto;
323
    width: calc(100% - 16px);
324
    margin: 1.5% 8px;
325
    max-width: 584px;
326
    overflow: hidden;
327
    padding: 0px 0 0px 0 !important;
328
    border-style: none !important;
329
}
330
.mainnav .col p {
331
    text-align: left;
332
}
333
.mainnav .box {
334
    background-color: #fff;
335
    float: left;
336
    height: auto;
337
    width: calc(50% - 34px);
338
    margin: 1.5% 16px;
339
    overflow: hidden;
340
    padding: 0px 0 0px 0 !important;
341
    border: 1px solid #d7d7d7;
342
}
343
 
344
.mainnav .box .bild {
345
    clear: both;
346
    float: left;
347
    width: 100%;
348
    overflow: hidden;
349
    padding: 0px !important;
350
}
351
/*
352
.mainnav .box .bild img {
353
    max-height:220px;
354
}
355
*/
356
.mainnav .bottom {
357
    margin-top: -28px;
358
    position: relative;
359
    padding: 4px 0;
360
    background-color: #27272b;
361
}
362
.mainnav_title {
363
    text-align: center;
364
    clear: both;
365
    float: none;
366
    padding: 0;
367
    margin-top: 3%;
368
}
369
.mainnav_beschreibung {
370
    line-height: 1em;
371
    text-align: center;
372
    clear: both;
373
    float: none;
374
    margin: 0 auto;
375
    width: 60%;
376
    padding: 0 0 6% 0;
377
}
378
 
379
/*
380
    Hinweis, dass der Shop sich nur
381
    an Gewerbetreibende richtet
382
*/
383
#hinweis {
384
    width: 100%;
385
    text-transform: uppercase;
386
    text-align: center;
387
    padding: 7px 0;
388
}
389
/* infobalken oben */
390
 
391
#topinfo .inner {
392
    display: flex;
393
    justify-content: right;
394
    gap: 20px;
395
    padding:16px 0 0;
396
}
397
#topinfo img {
398
    width:35px;
399
    height:auto;
400
    margin: 10px 0 5px;
401
}
402
 
403
/* WK im infobalken */
404
.topinfo_wk {
405
    float: left;
406
    width: 98px !important;
407
    overflow: hidden;
408
    position: absolute;
409
    right: 0;
410
    padding: 17px 2% 6px !important;
411
    max-height: 113px;
412
    /*
413
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
414
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
415
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
416
    */
417
}
418
.topinfo_icon {
419
    padding-right: 3px;
420
}
421
 
422
/* login im infobalken */
423
#topinfo .login:hover .infocenter_submenu {
424
    display: block;
425
}
426
.mobile,
427
.item_mobile {
428
    display: none;
429
}
430
th {
431
    font-weight: normal !important;
432
}
433
 
434
.bx-wrapper .bx-controls-direction a {
435
}
436
.bx-wrapper {
437
    width: 100%;
438
    /*max-width: 1015px!important;*/
439
    max-height:500px;
440
    display:flex;
441
}
442
.item_leftrow .bx-prev {
443
    margin-left:-39px;
444
}
445
.item_leftrow .bx-next {
446
    margin-right:-39px;
447
}
448
 
449
.header {
450
 
451
    clear: both;
452
    float: left;
453
    width: 100%;
454
 
455
}
456
.topinfo_div {
457
    display:flex;
458
}
459
/* search im header */
460
#suchbegriff::placeholder {
461
    opacity:1;
462
    color:#fff;
463
}
464
 
465
.search {
466
    float: left;
467
    width: 205px;
468
    padding: 0 20px;
469
}
470
.search #suchbegriff {
471
    outline: none;
472
    border-style: none;
473
    color:#fff;
474
    border: none;
475
    border-radius:5px;
476
    padding: 10px 10px;
477
    z-index: 10;
478
    float: left;
479
    margin-top: 10px;
480
    display: block;
481
    width: 100%;
482
 
483
    max-height:30px;
484
 
485
}
486
.search #searchSubmit {
487
    background: url(/images/webelemente/icon_lupe.svg) no-repeat;
488
    background-position-x: 0%;
489
    background-position-y: 0%;
490
    background-size: auto;
491
    background-position: 9px 1px;
492
    background-size: 68%;
493
    float: left;
494
    cursor: pointer;
495
    border-style: none;
496
    height: 30px;
497
    width: 30px;
498
    position: absolute;
499
    margin: 8px 0px 0px 85% !important;
500
    display: block;
501
    right: -14px;
502
    top: 7px;
503
}
504
.change_menge {
505
    width:47px;
506
}
507
/* logo */
508
.logo {
509
    float:left;
510
    width:205px;
511
    margin-top:13px;
512
}
513
.logo_infos {
514
    position: absolute;
515
    margin:0px 0 0 174px;
516
}
517
.logo img {
518
    position: relative;
519
    z-index: 1000;
520
    display: block;
521
    max-height: 100px;
522
    margin-top: -125px;
523
}
524
/* /logo */
525
 
526
.header .info {
527
    position: relative;
528
    margin: -16% 10% 0 37%;
529
    float: left;
530
    z-index: 15;
531
}
532
.header .info .oeffn {
533
    text-align: right;
534
}
535
.header .kontakt div {
536
    padding: 0 10px;
537
    margin-top: 10px;
538
    float: left;
539
}
540
.header .mainlogo {
541
    background: url(/images/webelemente/logo.jpg) no-repeat;
542
    background-size: 100%;
543
    height: 120px;
544
}
545
 
546
.root {
547
    clear: both;
548
    width: 100%;
549
    padding: 0;
550
    max-width: 1400px;
551
    margin: 0 auto;
552
}
553
.bottomfooter {
554
    clear: both;
555
    width: 96%;
556
    float: left;
557
    padding: 0 2%;
558
}
559
.bottomfooter {
560
    padding: 1% 2%;
561
}
562
.inner,
563
#container-content,
564
#container-footer,
565
.section_itemSlider {
566
    margin: 0 auto;
567
    position: relative;
568
    /*before 1165px*/
569
    max-width: 1400px !important;
570
    text-align: left;
571
    margin-top: 0px;
572
    width: 100% !important;
573
    /*overflow:hidden;*/
574
}
575
 
576
/** breadcrumb **/
577
.root .breadcrumb {
578
    padding:0;
579
    margin:0;
580
}
581
.root .breadcrumb-trenner {
582
}
583
.root .breadcrumb p,
584
.root .breadcrumb table {
585
    padding: 3px;
586
}
587
.root .breadcrumbActive {
588
    text-decoration: underline;
589
    font-weight: bold;
590
}
591
.breadcrumb_li {
592
    display: flex;
593
}
594
.breadcrumb_first_span {
595
    flex-direction: row;
596
    display: flex;
597
    padding: 1% 2px;
598
    flex-wrap: wrap;
599
}
600
/** /breadcrumb **/
601
 
602
/* aktion */
603
.aktion {
604
    margin-bottom: 1%;
605
}
606
.aktion .bx-wrapper {
607
    margin: 0px auto 10px;
608
}
609
.bx-viewport {
610
    box-shadow: none !important;
611
    border: none !important;
612
    left: 0;
613
    position: static !important;
614
}
615
 
616
 
617
/*
618
.aktion .bx-viewport * {
619
    width: 100% !important;
620
}
621
*/
622
 
623
p {
624
    -moz-hyphens: auto;
625
    -o-hyphens: auto;
626
    -webkit-hyphens: auto;
627
    -ms-hyphens: auto;
628
    hyphens: auto;
629
 
630
    margin-bottom: 3px;
631
}
632
.homebutton {
633
    position: absolute;
634
    padding: 15px 0 0 0;
635
    margin: 0 0 0 1015px;
636
    height: 50px;
637
}
638
.slogan {
639
    position: absolute;
640
    margin: 115px 0 0 88px;
641
}
642
 
643
#contact {
644
    padding: 10px 0 0 310px;
645
}
646
#contact div {
647
    float: left;
648
    padding-right: 50px;
649
}
650
.header .basket_icon {
651
    position: absolute;
652
    margin: -10px 0 0 -50px !important;
653
}
654
.headermenu {
655
    position: absolute;
656
    background: url(/images/webelemente/butt_anmelde_backtop.gif) no-repeat;
657
    width: 193px;
658
    height: 40px;
659
    margin-left: 803px;
660
    margin-top: -5px;
661
    text-align: center;
662
    padding-top: 2px;
663
}
664
.artikeldialog {
665
    margin: 0 auto;
666
    padding: 10px 5px;
667
}
668
.artikeldialog td {
669
    padding: 0 5px;
670
}
671
.comodo {
672
    position: absolute;
673
    margin: 46px 0 0 570px;
674
}
675
.trustedShops {
676
    position: absolute;
677
    margin: 46px 0 0 660px;
678
}
679
.hd_service {
680
    background: url(/images/webelemente/hd_service.gif) no-repeat;
681
    float: left;
682
    text-align: left;
683
}
684
.hd_hotline {
685
    float: right;
686
    margin: 0 15px 0 0;
687
}
688
 
689
.basket_info_content {
690
    padding: 10px;
691
}
692
.basket_info_a {
693
    clear: both;
694
    float: left;
695
    padding-bottom: 3px;
696
    margin-top: 3px;
697
    border-bottom: 1px dotted #3A3B3D;
698
    width: 100%;
699
}
700
.basket_info_a img {
701
    max-width: 70px;
702
}
703
.basket_info_a:nth-last-child(1) {
704
    border-bottom: none;
705
}
706
.basket_info_item {
707
    text-align: left;
708
}
709
.basket_info_preis {
710
    text-align: right;
711
}
712
.basket_info_sum {
713
    clear: both;
714
    float: none;
715
    border-top: 1px solid #3A3B3D;
716
    padding: 5px 0px 0px;
717
    text-align: right;
718
}
719
.basket_info_msg {
720
    text-align: right;
721
}
722
.header_hr {
723
    width: 220px;
724
    margin-top: 4px;
725
}
726
.hd_wk_icon {
727
    position: absolute;
728
    width: 35px;
729
    height: 34px;
730
}
731
.hd_wk_text {
732
    position: absolute;
733
    padding: 17px 0 0 0;
734
    margin: 0px 0 0 41px;
735
 
736
    height: 26px;
737
}
738
 
739
.msg_small {
740
    display: block;
741
    margin-top: -15px;
742
    padding-right: 10px;
743
}
744
.headerlink {
745
    margin: 20px 0 0 12px;
746
    width: 430px;
747
    height: 50px;
748
}
749
 
750
#beschreibung {
751
    margin-bottom: 5px;
752
    overflow:hidden;
753
    transition:all 200ms ease;
754
}
755
#showmore,
756
#showless {
757
    cursor:pointer;
758
    text-decoration:none;
759
}
760
#beschreibung td {
761
}
762
#beschreibung ul,
763
#beschreibung ol {
764
    margin-left: 40px;
765
    line-height:1.4em;
766
}
767
.input1 {
768
    margin: 4px 0 4px 0;
769
    padding: 2px;
770
}
771
.input2 {
772
    margin-bottom: 5px !important;
773
 
774
    width: 130px;
775
}
776
fieldset {
777
    border-style: none;
778
}
779
legend {
780
    padding: 0px;
781
    margin: 0px;
782
}
783
.headline {
784
    background: url(/images/webelemente/headline.jpg) top no-repeat;
785
    width: 633px;
786
    height: 25px;
787
    margin-bottom: 10px;
788
}
789
.header_info {
790
    position: absolute;
791
    margin: -39px 0 0 480px;
792
}
793
.input_img {
794
    position: absolute;
795
    padding-top: 3px;
796
    padding-left: 5px;
797
}
798
 
799
.left {
800
    display: block;
801
    float: left;
802
    width: 192px;
803
    padding: 0;
804
    margin: 0px 0 0 0;
805
    overflow: hidden;
806
}
807
.left .box_1 {
808
    display: block;
809
    float: left;
810
    width: 192px;
811
    padding: 10px 0 0 0;
812
}
813
.left .box_1_menu {
814
    margin-top: 10px;
815
}
816
.left .box_head_left {
817
    float: left;
818
}
819
.left .box_head_right {
820
    cursor: pointer !important;
821
    float: left;
822
    border: 1px solid #ebe4d1;
823
    padding: 9px 0 0 10px;
824
    width: 160px;
825
    height: 19px;
826
}
827
.left .box_middle {
828
    clear: both;
829
    float: none;
830
    margin: -3px 0 0 0;
831
    width: 190px;
832
    overflow: hidden;
833
    border-left: 1px solid #8b8a8a;
834
    border-right: 1px solid #8b8a8a;
835
    border-bottom: 1px solid #8b8a8a;
836
}
837
 
838
.left .inner {
839
    text-align: left;
840
    padding: 10px;
841
}
842
.left .box_bottom {
843
    background: url(/images/webelemente/left_box_bottom.jpg) no-repeat;
844
    width: 205px;
845
    height: 8px;
846
    clear: both;
847
    float: none;
848
}
849
 
850
.left .box_middle p {
851
    padding: 5px;
852
    margin: 0px;
853
}
854
 
855
.left .news {
856
    border-left: 1px solid #ccc;
857
    border-right: 1px solid #ccc;
858
    border-bottom: 1px solid #ccc;
859
    width: 148px;
860
}
861
 
862
.content {
863
    /*margin: 0px 0 0 0px;*/
864
    /*padding: 0 2% 2% 2%;*/
865
    /*float: right;*/
866
    width: 100%;
867
    display: flex;
868
    flex-direction: column;
869
    justify-content: flex-start;
870
}
871
.content p {
872
    margin: 1% 0px;
873
    padding: 0px;
874
    line-height:1.5rem;
875
}
876
#beschreibung div {
877
    line-height:1.5rem;
878
}
879
/*Content Hauptboxen*/
880
.aktion_img {
881
    width: 500px;
882
    text-align: center;
883
}
884
 
885
.content .serviceBox {
886
}
887
/*
888
.content .serviceBox:nth-child(2){
889
    margin-right: 0%;
890
    margin-left: 1%;
891
}
892
*/
893
.content .serviceBox .bild {
894
    position: relative;
895
    background: url("/images/webelemente/onlineservice.png") no-repeat bottom
896
        right;
897
    width: 100%;
898
    background-size: contain;
899
}
900
.content .serviceBox .bild2 {
901
    background: url("/images/webelemente/qualitaet.png") no-repeat bottom right;
902
}
903
.content .serviceBox .bild div {
904
    width: 100%;
905
    max-width: 170px;
906
    padding: 5%;
907
    line-height: 1.6;
908
}
909
.content .serviceBox .bild2 div {
910
    max-width: 250px;
911
}
912
.content .serviceBox .bild div h3 {
913
    text-transform: uppercase;
914
}
915
.content .serviceBox .bild div p {
916
    padding: 0 0 5%;
917
}
918
.subdir img {
919
    /*max-width:80%!important;*/
920
    height: auto;
921
}
922
.subdir {
923
    display:grid;
924
    grid-template-columns: repeat(3, minmax(10px, 1fr));
925
    grid-template-rows: repeat(auto-fill, 324px);
926
    gap:20px;
927
    margin:20px 0;
928
    width: 100%;
929
}
930
 
931
.content .subdir_artikel .bild img {
932
    max-height: 213px;
933
}
934
 
935
 
936
 
937
/*.artikel_box:nth-child(3n + 2) {
938
    margin-left: 2%;
939
    margin-right: 2%;
940
}
941
*/
942
.artikel_box {
943
    overflow:hidden;
944
 
945
}
946
.artikel_box .center > a {
947
    display:flex;
948
    flex-direction:column;
949
}
950
 
951
.artikel_box .top {
952
    transition:all 1000ms ease;
953
}
954
.artikel_box:hover .top,
955
.artikel_box:focus .top {
956
    /*transform:scale(1.1);*/
957
    scale:calc(110%);
958
    rotate:2.5deg;
959
}
960
 
961
 
962
 
963
/* item special */
964
.item_special {
965
    position:absolute;
966
    z-index:1;
967
    display:flex;
968
    width:100%;
969
    gap:5px;
970
    left:7px;
971
    font-size:14px;
972
    top:1.4%;
973
}
974
.sie_sparen {
975
    padding:2px 7px!important;
976
    border-radius:7px;
977
}
978
.neu_icon {
979
    text-transform:uppercase;
980
    padding: 2px 7px !important;
981
    border-radius: 7px;
982
}
983
.item_slider_inner .item_special {
984
    padding-top:7px;
985
}
986
 
987
 
988
.content .subdir_artikel {
989
    margin-top:20px;
990
    margin-bottom:20px;
991
    display:grid;
992
    grid-template-columns: repeat(12, 1fr);
993
    /*grid-template-rows: repeat(auto-fill, 324px);*/
994
    gap:28px;
995
    width: 100%;
996
}
997
 
998
.subdir_artikel .artikel_box {
999
    position: relative;
1000
    height: 462px;
1001
    grid-column: span 3;
1002
    /*width:calc(25% - 23px);*/
1003
}
1004
 
1005
 
1006
.item_slider_inner,
1007
.artikel_box {
1008
    transition:all 200ms ease;
1009
    border:1px solid #9CD9DA;
1010
}
1011
 
1012
.item_slider_inner:hover,
1013
.item_slider_inner:focus,
1014
.artikel_box:hover,
1015
.artikel_box:focus {
1016
    border:1px solid #2FBABD;
1017
}
1018
.artikel_box .bild {
1019
    padding: 10px 0;
1020
}
1021
.subdir_artikel_wrapper {
1022
    width:100%;
1023
}
1024
.content .subdir_artikel_wrapper .subdir_artikel .directory_box img,
1025
.content .serviceBox .bild img {
1026
    height: auto;
1027
    max-width: 100%;
1028
}
1029
 
1030
.content .subdir_artikel_wrapper .subdir_artikel .artikel_box .bottom,
1031
.content .subdir_artikel_wrapper .subdir_artikel .directory_box .bottom {
1032
    width: 100%;
1033
    float: left;
1034
    margin: 0;
1035
    bottom: 0 !important;
1036
    position: absolute;
1037
    text-align: center;
1038
    padding: 4px 0;
1039
}
1040
 
1041
.infopic.strike.uvp {
1042
    margin-bottom: 1%;
1043
    margin-top: 1%;
1044
}
1045
.content .subdir_artikel_wrapper .subdir_artikel .artikel_box .bottom {
1046
    padding: 0%;
1047
    overflow: hidden;
1048
}
1049
 
1050
.content .subdir_artikel_wrapper .subdir_artikel .directory_box .bottom img {
1051
    width: auto;
1052
    vertical-align: middle;
1053
    margin-top: -4px;
1054
}
1055
 
1056
 .artikel_box .top {
1057
    margin: 0;
1058
    text-align: center;
1059
    height: auto;
1060
    clear: both;
1061
    overflow: hidden;
1062
    padding: 0 !important;
1063
    vertical-align: middle !important;
1064
    display:flex;
1065
    min-height:245px;
1066
    overflow:hidden;
1067
}
1068
 
1069
.artikel_box .center {
1070
    width: 96%;
1071
    padding: 3% 2% 0 2%;
1072
    min-height: 205px;
1073
    background: #fff;
1074
    position: relative;
1075
    z-index: 1;
1076
}
1077
.content .subdir_artikel_wrapper .subdir_artikel .directory_box .bottom div,
1078
.content .serviceBox_wrapper .serviceBox .bottom div {
1079
    text-align: right;
1080
    padding: 0.5% 2%;
1081
}
1082
.content .subdir_artikel_wrapper .subdir_artikel .artikel_box .bottom {
1083
    height: 50px;
1084
    float: left;
1085
    width: 100%;
1086
}
1087
.content .subdir_artikel_wrapper .subdir_artikel .artikel_box .bottom .basket {
1088
    width: 50%;
1089
    float: left;
1090
}
1091
.basketImg {
1092
    float: right;
1093
    height: auto;
1094
    text-align: center;
1095
    background:#EA5802;
1096
}
1097
.basketImg img {
1098
    width:35px;
1099
    height:auto;
1100
    margin: 7px 10px;
1101
}
1102
.content
1103
    .subdir_artikel_wrapper
1104
    .subdir_artikel
1105
    .artikel_box
1106
    .bottom
1107
    .basket
1108
    .basketImg:hover {
1109
    cursor: pointer;
1110
}
1111
.content
1112
    .subdir_artikel_wrapper
1113
    .subdir_artikel
1114
    .artikel_box
1115
    .bottom
1116
    .basket
1117
    .mengen_input {
1118
    float: left;
1119
    width: 54%;
1120
    padding: 4px 3%;
1121
}
1122
.content
1123
    .subdir_artikel_wrapper
1124
    .subdir_artikel
1125
    .artikel_box
1126
    .bottom
1127
    .basket
1128
    .mengen_input
1129
    .mengeninput {
1130
    margin: 0;
1131
    height: 20px;
1132
    width: 95%;
1133
}
1134
.content
1135
    .subdir_artikel_wrapper
1136
    .subdir_artikel
1137
    .artikel_box
1138
    .bottom
1139
    .basket
1140
    .mengen_input
1141
    span {
1142
    width: 100% !important;
1143
    float: left;
1144
    text-align: center;
1145
    padding: 2px 0 0 0;
1146
}
1147
 
1148
.box_subdir {
1149
    background-color: #fff;
1150
    min-height: 324px;
1151
    overflow:hidden;
1152
}
1153
.box_subdir
1154
.box_subdir .top {
1155
    overflow:hidden;
1156
    justify-content:center;
1157
    align-items:center;
1158
}
1159
.box_subdir:hover .top {
1160
    transform:scale(1.1);
1161
}
1162
.box_subdir a {
1163
    display: flex;
1164
    flex-direction: column;
1165
    min-height: 100%;
1166
}
1167
.box_subdir a:hover {
1168
    text-decoration: none;
1169
}
1170
 
1171
.box_subdir a .top {
1172
    background-size: contain;
1173
    background-repeat: no-repeat;
1174
    background-position: center;
1175
    flex-grow: 1;
1176
    margin:0%;
1177
    display:flex;
1178
}
1179
.box_subdir a .bottom {
1180
    height: 45px;
1181
    display: flex;
1182
    align-items: center;
1183
    justify-content: center;
1184
    text-align:center;
1185
    padding:2%;
1186
    z-index:1;
1187
    font-family:work_sanssemibold;
1188
}
1189
 
1190
 
1191
.content .subdir .box_subdir .title,
1192
.content .subdir_artikel_wrapper .subdir_artikel .artikel_box .title {
1193
    height: 40px;
1194
    margin: 15px 0;
1195
    width: 100%;
1196
    text-align: center;
1197
}
1198
.content .subdir .box_subdir .titleInner,
1199
.content .subdir_artikel_wrapper .subdir_artikel .artikel_box .titleInner {
1200
    height: 40px;
1201
    text-align: center;
1202
}
1203
 
1204
.content .subdir .box_subdir .description,
1205
.content .subdir_artikel_wrapper .subdir_artikel .artikel_box .description {
1206
    float: left;
1207
    width: 100%;
1208
}
1209
.content .subdir_artikel_wrapper .subdir_artikel .artikel_box .preis {
1210
    float: left;
1211
    width: 100%;
1212
}
1213
 
1214
 
1215
.artikel_box .preis_messageInner {
1216
    padding: 0;
1217
    width: 92%;
1218
    float: left;
1219
}
1220
.preis_messageInner a {
1221
    color: #EA5802;
1222
}
1223
.artikel_box .description {
1224
    min-height: 51px;
1225
}
1226
.preis_message {
1227
    margin-bottom: 5%;
1228
}
1229
.descriptionInner {
1230
    padding: 0 1% 5px;
1231
    width: 98%;
1232
    overflow: hidden;
1233
    text-align: left;
1234
}
1235
.itemNav {
1236
    clear: both;
1237
    float: none;
1238
    text-align:right;
1239
    padding:2% 0;
1240
}
1241
.itemNav a:hover,
1242
.itemNav a:focus {
1243
    text-decoration:underline;
1244
}
1245
 
1246
.itemnameInner {
1247
    padding: 0% 0% 0% .5%;
1248
    width: 98%;
1249
    float: left;
1250
    text-align: left;
1251
    height: 60px;
1252
    display: flex;
1253
    align-items: center;
1254
}
1255
 
1256
.artikel_box .preisInner {
1257
    padding: 0px;
1258
    width: 100%;
1259
    font-weight:700;
1260
}
1261
 
1262
.content .subdir_artikel_wrapper .subdir_artikel .artikel_box .bild,
1263
.content .subdir_artikel_wrapper .subdir_artikel .directory_box .bild {
1264
    clear: both;
1265
    float: left;
1266
    text-align: center;
1267
    width: 100%;
1268
    height: auto !important;
1269
    margin: auto !important;
1270
    padding: 10px 0;
1271
    display:flex;
1272
    justify-content: center;
1273
    align-self: center;
1274
}
1275
 
1276
 
1277
.content .subdir_artikel_wrapper .subdir_artikel .artikel_box img {
1278
    height: auto;
1279
    max-width:100%;
1280
    height: auto;
1281
}
1282
.content .subdir .box_subdir img {
1283
    height: auto;
1284
    max-width:300px;
1285
    height: auto;
1286
    max-height:240px;
1287
 
1288
}
1289
.artikel_box .preis_message {
1290
    width: 100%;
1291
    float: left;
1292
}
1293
.box_2 .preis_lieferstatus {
1294
    display:flex;
1295
    justify-content:left;
1296
    flex-direction:column;
1297
 
1298
}
1299
.box_2 .preis_lieferstatus img {
1300
    width:0px;
1301
    height:auto;
1302
}
1303
.content
1304
    .subdir_artikel_wrapper
1305
    .subdir_artikel
1306
    .artikel_box
1307
    .preis_lieferstatus {
1308
    width: 48%;
1309
    float: left;
1310
    margin: 0;
1311
    padding-left: 2%;
1312
}
1313
.content .preis_lieferstatus {
1314
    text-align:left;
1315
    line-height:1.4em;
1316
}
1317
.content
1318
    .subdir_artikel_wrapper
1319
    .subdir_artikel
1320
    .artikel_box
1321
    .preis_lieferstatus
1322
    > span {
1323
    height: 50px;
1324
    float: none;
1325
}
1326
.content
1327
    .subdir_artikel_wrapper
1328
    .subdir_artikel
1329
    .artikel_box
1330
    .subdir_addFavorites {
1331
    float: left;
1332
    width: 100%;
1333
    clear: both;
1334
}
1335
.content
1336
    .subdir_artikel_wrapper
1337
    .subdir_artikel
1338
    .artikel_box
1339
    .preis_lieferstatus
1340
    img {
1341
    width: auto;
1342
    float: left;
1343
    margin: 0 4%;
1344
    border-radius: 0px;
1345
    margin: 0 2% 0% 0;
1346
}
1347
.content
1348
    .subdir_artikel_wrapper
1349
    .subdir_artikel
1350
    .artikel_box
1351
    .preis_lieferstatus
1352
    .lieferstatusText {
1353
    display: table-cell;
1354
    width: 75%;
1355
    height: 50px;
1356
    vertical-align: middle;
1357
    text-align: left;
1358
}
1359
.content
1360
    .subdir_artikel_wrapper
1361
    .subdir_artikel
1362
    .artikel_box
1363
    .preis_lieferstatus
1364
    .lieferstatusImg {
1365
    display: table-cell;
1366
    vertical-align: middle;
1367
    width: 15%;
1368
    height: 50px;
1369
    padding: 0 4%;
1370
}
1371
 
1372
/* subdir boxen */
1373
.content .subdir_info_wrapper{
1374
    width:100%;
1375
    display:flex;
1376
}
1377
 
1378
.subdir_bild_small {
1379
    padding: 35px 21px;
1380
}
1381
.content .subdir_info_wrapper .subdir_bild {
1382
    float: left;
1383
    padding: 0%;
1384
}
1385
.subdir_bild div {
1386
    padding:2%;
1387
}
1388
.content .subdir_info_wrapper .subdir_bild,
1389
.content .subdir_info_wrapper .subdir_bild * {
1390
    line-height: 1.4em !important;
1391
}
1392
.subdir_bild {
1393
    margin:0;
1394
}
1395
.subdir_bild ul {
1396
    margin-left: 8%;
1397
}
1398
.subdir_bild h1 {
1399
    padding: 0;
1400
}
1401
.content .subdir_info_wrapper .subdir_bild_small img,
1402
.content .subdir_info_wrapper .subdir_bild img {
1403
    float: left;
1404
    /*width: 100%;*/
1405
    max-width: 100%;
1406
 
1407
}
1408
.content .subdir_info_wrapper .subdir_title {
1409
    left: 6%;
1410
    position: absolute;
1411
    top: 58px;
1412
}
1413
.content .subdir_info_wrapper .subdir_title h1 {
1414
    padding: 3px 22px;
1415
}
1416
.content .subdir_info_wrapper .subdir_info {
1417
    float: left;
1418
    width: 96%;
1419
    padding: 0 0%;
1420
}
1421
.content .subdir_info_wrapper p {
1422
    padding: 5px 0;
1423
    line-height: 1.2em;
1424
    text-align: left !important;
1425
}
1426
 
1427
/* box_1 START */
1428
.content .box_1 {
1429
    float: left;
1430
    width: 260px;
1431
    overflow: hidden !important;
1432
    border: 1px solid #ccc;
1433
    position: relative;
1434
}
1435
.content .box_1 .box_text {
1436
    height: 55px;
1437
    margin: 0px 14px 0px 14px;
1438
 
1439
    padding-right: 7px;
1440
    float: left;
1441
}
1442
.content .box_2 {
1443
    margin-top: 12px;
1444
}
1445
.content .box_2 .box_text {
1446
    text-align: left;
1447
    float: left;
1448
    padding: 10px;
1449
    width: 400px;
1450
}
1451
.content .box_1 .artikelbox_top h1 {
1452
}
1453
.content .box_1 .artikelbox_top {
1454
    text-align: left !important;
1455
    padding: 1px 0 2px 3px;
1456
    height: 35px;
1457
    overflow: hidden;
1458
}
1459
.content .box_1 .box_middle {
1460
    text-align: left;
1461
    float: left;
1462
    width: 260px;
1463
}
1464
.content .box_1 .box_logo {
1465
    position: absolute;
1466
    overflow: hidden;
1467
    padding-left: 5px;
1468
}
1469
.content .box_1 .box_logo img {
1470
    width: 50%;
1471
}
1472
.item_slider_wrapper {
1473
    text-align: left;
1474
}
1475
.item_beschreibung {
1476
    height:69px;
1477
}
1478
.content .box_1 .item_name {
1479
    padding: 0 5px 0 5px;
1480
    height: 50px;
1481
    clear: both;
1482
    float: none;
1483
    text-align: center;
1484
}
1485
.content .box_1 .item_teaser {
1486
    padding: 0 5px 0 5px;
1487
    height: 42px;
1488
    width: 180px;
1489
    overflow: hidden;
1490
}
1491
.content .box_1 .item_link {
1492
    padding: 0 !important;
1493
    margin: 0px 0 -4px 0 !important;
1494
    width: 310px !important;
1495
    text-align: right;
1496
    position: relative;
1497
}
1498
.content .box_1 .item_dirlink {
1499
    padding: 0 5px 2px 5px;
1500
    height: 15px;
1501
    clear: both;
1502
    float: none;
1503
    overflow: hidden;
1504
    height: 30px;
1505
}
1506
.content .box_item_top {
1507
    position: absolute;
1508
    left: 0;
1509
    width: 200px;
1510
}
1511
.content .box_topleft {
1512
    position: absolute;
1513
    right: 50%;
1514
    float: left;
1515
    padding: 6px 0 0 0px;
1516
    text-align: left;
1517
    height: 50px;
1518
    width: 50%;
1519
    overflow: hidden;
1520
    left: 5px;
1521
}
1522
.content .box_1 .box1_topright {
1523
    position: absolute;
1524
    text-align: right;
1525
    padding: 0px;
1526
    margin: 0 0 0 2px !important;
1527
    width: 100px !important;
1528
    overflow: hidden;
1529
}
1530
.content .box_2 .box1_topright {
1531
    position: absolute;
1532
    text-align: right;
1533
    padding: 0px;
1534
    margin: 0px 0 0 310px;
1535
    width: 100px !important;
1536
    height: 100px;
1537
    overflow: hidden;
1538
}
1539
.content .box_1:hover {
1540
    border: 1px solid #787878;
1541
}
1542
.content .box_1:hover .box_lower *,
1543
.content .box_1:hover .box_lower {
1544
}
1545
.content .box_1:hover .box_lower * img {
1546
    background-color: transparent !important;
1547
    z-index: 99;
1548
}
1549
.content .box_1 .box_item_img {
1550
    width: 245px;
1551
    height: 250px;
1552
    text-align: center;
1553
    float: left;
1554
}
1555
 
1556
.content .box_1 .box_bottom {
1557
    height: 10px;
1558
    clear: both;
1559
    float: none;
1560
    width: 300px;
1561
    margin-left: 10px;
1562
    position: relative;
1563
}
1564
.overlay {
1565
}
1566
 
1567
.content .cleft {
1568
    clear: both;
1569
    float: left;
1570
    margin: 5px 5px 0 0 !important;
1571
}
1572
.content .ccenter {
1573
    float: left;
1574
    margin: 5px 5px 0 0 !important;
1575
}
1576
.content .cright {
1577
    float: left;
1578
    margin: 5px 0px 0 0 !important;
1579
}
1580
.content .itemcleft {
1581
    clear: both;
1582
    float: left;
1583
    /*border-left: 1px solid #BABABA;
1584
    border-right: 1px solid #BABABA;*/
1585
    border-bottom: 1px solid #bababa;
1586
}
1587
.content .itemccenter {
1588
    float: left;
1589
    border-left: 0px;
1590
    /*border-right: 1px solid #BABABA;*/
1591
    border-bottom: 1px solid #bababa;
1592
}
1593
.content .itemcright {
1594
    float: left;
1595
    /*border-right: 1px solid #BABABA;*/
1596
    border-bottom: 1px solid #bababa;
1597
}
1598
.content .box_1 .box_item_text {
1599
    display: none;
1600
    width: 320px;
1601
    float: left;
1602
}
1603
.content .box_1 .box_desc {
1604
    width: 100px;
1605
    float: left;
1606
}
1607
.content .box_1 p.box_desc {
1608
    width: 115px;
1609
    padding-top: 3px;
1610
}
1611
 
1612
.content .box_1 .itemlink {
1613
    float: left;
1614
    text-align: left;
1615
    width: 310px;
1616
    padding: 0 7px 8px 10px;
1617
}
1618
.content .box_1 .itemlink .add_zusatz,
1619
.content .box_1 .itemlink .add_item_from_subdir {
1620
    cursor: pointer;
1621
    float: left;
1622
    margin-left: 5px;
1623
    margin-right: 0;
1624
}
1625
.content .box_2 .itemlink .add_zusatz,
1626
.content .box_1 .itemlink .add_item_from_subdir {
1627
    cursor: pointer;
1628
    float: left;
1629
    text-align: right;
1630
    margin-left: 0px;
1631
    margin-right: 10px;
1632
}
1633
.content .box_1 .item_lieferstatus {
1634
    position: absolute;
1635
    padding: 0px 2px 0 0;
1636
    margin: 0 0 0 140px;
1637
}
1638
.content .box_1 .preis_message {
1639
    margin-top: -13px;
1640
    padding-bottom: 5px;
1641
    clear: both;
1642
    float: right;
1643
    text-align: left;
1644
 
1645
    width: 50%;
1646
}
1647
.content .box_1 .box_preis {
1648
    padding: 0px 14px;
1649
    float: right;
1650
    width: 90%;
1651
}
1652
.content .box_1 .preis_small {
1653
    padding: 5px 0px 0 0px;
1654
    text-align: right;
1655
    float: right;
1656
    margin-left: 0px;
1657
 
1658
    font-weight: bold;
1659
    min-width: 110px;
1660
}
1661
.content .box_1 .basket {
1662
    margin: 11px 10px 0px 0px;
1663
    float: right;
1664
}
1665
.content .box_1 .subdir_addFavorites {
1666
    float: left !important;
1667
    text-align: right !important;
1668
    margin-left: 0px !important;
1669
    margin-right: 10px !important;
1670
}
1671
 
1672
.content .box_1 .basket:hover,
1673
.content .box_1 .subdir_addFavorites:hover {
1674
    cursor: pointer;
1675
}
1676
 
1677
.content .box_1 .box_item_text {
1678
    float: left;
1679
}
1680
.content .box_1 .box_lower {
1681
    clear: both;
1682
    float: left;
1683
    width: 260px;
1684
    margin-top: 15px;
1685
}
1686
.content .box_1 .preis_lieferstatus {
1687
    clear: both;
1688
    float: left;
1689
    padding: 5px 0px 2px 6px;
1690
    width: 244px !important;
1691
    text-align: left;
1692
    margin: 37px 0px 0px 14px;
1693
    height: 15px;
1694
}
1695
/* box_1 ENDE */
1696
 
1697
/* Item Detailansicht Boxen START */
1698
.content .box_2 .box_singleitem_img {
1699
    /*float:left;*/
1700
    clear: both;
1701
    text-align: center;
1702
    overflow: hidden;
1703
    max-width: 100%;
1704
    display: table-cell;
1705
    vertical-align: middle;
1706
    border: 1px solid #fff;
1707
    width: 100%;
1708
    float: left;
1709
    /*height:600px!important;*/
1710
}
1711
.content .box_2 .box_singleitem_img img {
1712
    margin: 0 auto;
1713
    max-width: 100%;
1714
    max-height:626px;
1715
    width:auto;
1716
}
1717
.content .box_2 .box_singleitem_logo {
1718
    padding: 10px 0;
1719
    float: left;
1720
    line-height: 1.3em;
1721
}
1722
.content .box_2 .box_singleitem_logo h1 {
1723
    text-transform: uppercase;
1724
    padding: 3px 0 8px 0;
1725
}
1726
 
1727
.content .box_2 .box_singleitem_text {
1728
    float: right;
1729
    width: 135px;
1730
    text-align: right;
1731
    padding: 10px;
1732
}
1733
.content .box_2 .box_singleitem_text .preisImage {
1734
    margin-left: -40px !important;
1735
}
1736
.content .box_2 .box_singleitem_text label {
1737
}
1738
.content .box_2 .box_singleitem_lieferstatus {
1739
}
1740
.content .box_2 .box_singleitem_preis_message {
1741
    font-weight: normal !important;
1742
    clear: both;
1743
}
1744
.content .box_2 .basket_button {
1745
    margin: 15px 0px 0 0;
1746
}
1747
.content .box_2 .item_popup {
1748
    clear: both;
1749
    float: left;
1750
    width: 130px;
1751
}
1752
/* ENDE Item einzelansicht */
1753
 
1754
.content .box_2 .item_text {
1755
    float: right;
1756
    padding: 10px 0 0 0;
1757
}
1758
.content .box_2 .box_item_name {
1759
    display: none;
1760
}
1761
/* diese Klasse wird durch den css-switcher freigegeben */
1762
.content .box_1 .box_item_name {
1763
    padding: 5px;
1764
 
1765
    height: 50px;
1766
    margin: 4px 0 0 0;
1767
    float: left;
1768
}
1769
.content .box_2 .item_box_preis {
1770
    text-align: left;
1771
    padding: 0 5px 5px 5px;
1772
    float: left;
1773
    width: 335px;
1774
}
1775
.content .box_2 .item_basket {
1776
    float: right;
1777
}
1778
.content .box_2 .item_preis_message {
1779
    clear: both;
1780
    float: none;
1781
    margin-right: 80px;
1782
    margin-top: -13px;
1783
    text-align: right;
1784
}
1785
.content .box_2 .addinfo {
1786
    padding-top: 5px;
1787
    clear: both;
1788
    float: right;
1789
    text-align: right;
1790
}
1791
/* Item Detailansicht Boxen ENDE */
1792
 
1793
/* box_2 START */
1794
.content .box_2 {
1795
    display: block;
1796
    position: relative;
1797
    float: left;
1798
    float: left;
1799
    width: 100%;
1800
}
1801
.content .box_static {
1802
    position: relative;
1803
    width: 100%;
1804
    display: inline-block;
1805
    margin-top: 12px;
1806
}
1807
.content .box_2 .artikelbox_top {
1808
    overflow: hidden;
1809
    width: 94%;
1810
    height: auto;
1811
}
1812
.content .box_2 .box_middle,
1813
.content .box_static .box_middle {
1814
    width: 100%;
1815
    padding: 2% 0;
1816
    background-color: white;
1817
    float: left;
1818
}
1819
.content .box_middle_basket {
1820
    float: left;
1821
    width: 100%;
1822
}
1823
.content .box_2 .box_bottom {
1824
    height: 10px;
1825
    clear: both;
1826
    float: none;
1827
    border-bottom: 1px dotted #3A3B3D;
1828
    margin-left: 10px;
1829
    margin-right: 10px;
1830
    width: 990px;
1831
}
1832
.content .box_2 .box_middle_empty {
1833
    width: 803px;
1834
    text-align: left;
1835
    padding: 15px;
1836
    float: left;
1837
}
1838
.preis_lieferstatus {
1839
    margin-bottom: 5%;
1840
}
1841
.content .box_2 .box_middle p,
1842
.content .box_2 .box_middle li {
1843
}
1844
.content .box_2 .box_middle tr.order {
1845
}
1846
.content .box_2 .item_big_preis {
1847
}
1848
.content .box_2 .item_big_link {
1849
    position: absolute;
1850
    clear: both;
1851
    float: none;
1852
    width: 150px;
1853
    bottom: -4px !important;
1854
}
1855
.content .box_2 .item_top {
1856
    clear: both;
1857
    float: left;
1858
    width: 100%;
1859
    padding: 0 0 0 10px;
1860
}
1861
 
1862
 
1863
.content .box_2 .box_preis {
1864
    clear: both;
1865
    float: left;
1866
    width: 245px;
1867
    text-align: right;
1868
    padding: 10px 0px 0 0;
1869
}
1870
.content .box_2 .preis {
1871
    text-align: right;
1872
    padding: 0 6px 0 0;
1873
}
1874
.content .box_2 .basket {
1875
    text-align: right;
1876
    float: left;
1877
    width: 72px;
1878
    height: 72px;
1879
    padding: 0;
1880
    margin: 0px 0 0 0px;
1881
}
1882
.content .box_2 .preis_message {
1883
    clear: both;
1884
 
1885
    text-align: right;
1886
 
1887
    padding: 0 6px 0 0;
1888
}
1889
.content .box_2 .box_lieferstatus {
1890
    text-align: left;
1891
}
1892
.content .box_2 .item_left {
1893
    clear: both;
1894
    float: left;
1895
    width: 130px;
1896
    padding: 10px;
1897
    padding-bottom: 20px;
1898
}
1899
 
1900
/*
1901
.content .box_2 .box_item_img {
1902
    min-height: 120px;
1903
    text-align: center;
1904
    width: 210px;
1905
    padding: 10px;
1906
    float: left;
1907
}
1908
*/
1909
 
1910
.content .box_2 .neu_icon_item {
1911
    position: absolute;
1912
    float: right;
1913
    top: 0px;
1914
 
1915
    padding: 0 10px 0 0px;
1916
}
1917
 
1918
.content .box_2 .box_item_text {
1919
    float: left;
1920
    padding: 14px 0 0 0;
1921
    width: 289px;
1922
}
1923
.content .box_2 .box_item_text2 {
1924
    width: 260px;
1925
    float: left;
1926
    text-align: right;
1927
    padding: 10px 0 0 0;
1928
}
1929
 
1930
/*
1931
.content .box_2 .item_img {
1932
    padding: 10px;
1933
    float: left;
1934
    margin-top: 20px;
1935
    width: 200px;
1936
    text-align: left;
1937
}
1938
*/
1939
 
1940
.content .box_2 .item_right {
1941
    float: right;
1942
    width: 280px;
1943
    text-align: right;
1944
}
1945
 
1946
.thumbs_container_div {
1947
    width:90%;
1948
    padding:0 5%;
1949
}
1950
.thumbs_container {
1951
    display:inline;
1952
    width: 100%;
1953
    height: auto;
1954
}
1955
.content .box_2 .thumbs_container_video {
1956
    clear: both;
1957
    float: left;
1958
    width: 100%;
1959
    height: auto;
1960
    margin-top: 10px;
1961
}
1962
.content .box_2 .thumbs_container_video .thumbs {
1963
    list-style-type: none;
1964
    max-width: 100px !important;
1965
    height: auto;
1966
}
1967
.content .box_2 .thumbs_container_video .youtubeLink img {
1968
    max-width: 100px;
1969
    height: auto;
1970
}
1971
/*
1972
.content .box_2 .thumbs_container .thumbs {
1973
    float:left;
1974
    text-align:left;
1975
    list-style-type:none;
1976
    display:inline;
1977
    vertical-align:middle;
1978
    width: 100px;
1979
    min-height:82px;
1980
    padding:2px;
1981
}
1982
.content .box_2 .thumbs_container .thumbs img{
1983
    max-width: 100%;
1984
    max-height:100px;
1985
}
1986
*/
1987
 
1988
.content .box_2 .box_options {
1989
    width: 200px;
1990
    margin-right: 50px;
1991
    padding-right: 10px;
1992
    text-align: right;
1993
 
1994
    padding-top: 20px;
1995
    vertical-align: bottom;
1996
    position: absolute;
1997
    right: 0px;
1998
    float: left;
1999
}
2000
 
2001
.content .box_2 .box_bottom_empty {
2002
    border-left: 1px solid #808080;
2003
    border-right: 1px solid #808080;
2004
    border-bottom: 1px solid #808080;
2005
    width: 582px;
2006
}
2007
/* box_2 ENDE */
2008
 
2009
.item_lieferstatus {
2010
    float: right;
2011
    margin: 10px;
2012
}
2013
 
2014
/*Box_Top der Content Hauptboxen*/
2015
/*Box_Middle der Content Hauptboxen*/
2016
 
2017
.content .middlecontent {
2018
    padding: 10px;
2019
    float: left;
2020
}
2021
.content .middlecontent ul,
2022
.content .middlecontent ol {
2023
    margin-left: 30px;
2024
}
2025
 
2026
/*Box_Bottom der Content Hauptboxen*/
2027
.content .box_1 .box_bottom_small {
2028
    border-left: 1px solid #808080;
2029
    border-right: 1px solid #808080;
2030
    border-bottom: 1px solid #808080;
2031
    clear: both;
2032
    float: none;
2033
    padding-left: 3px;
2034
}
2035
.content .box_2 .basket_bottom {
2036
    width: 582px;
2037
    height: 27px;
2038
    border-left: 1px solid #808080;
2039
    border-right: 1px solid #808080;
2040
    border-bottom: 1px solid #808080;
2041
 
2042
    float: left;
2043
    margin-left: 0px;
2044
}
2045
.content .box_2 .item_bottom {
2046
    width: 628px;
2047
    height: 27px;
2048
    border-left: 1px solid #808080;
2049
    border-right: 1px solid #808080;
2050
    border-bottom: 1px solid #808080;
2051
 
2052
    float: left;
2053
    margin-left: -1px;
2054
}
2055
 
2056
/* START box_3 */
2057
.content .box_3 {
2058
    width: 90px;
2059
    height: 90px;
2060
    float: left;
2061
    border: 1px solid #d3d1d0;
2062
    overflow: hidden;
2063
}
2064
.content .box_3 .box_middle {
2065
    border-style: none;
2066
}
2067
.content .box_3 .box_img {
2068
    width: 90px;
2069
    height: 90px;
2070
    margin: 10px;
2071
    padding: 10px;
2072
    text-align: center;
2073
    overflow: hidden;
2074
}
2075
.content .box_3 .box_text {
2076
    clear: both;
2077
    float: none;
2078
    float: left;
2079
 
2080
    padding-left: 3px;
2081
    padding-top: 0px;
2082
    width: 125px;
2083
    height: 80px;
2084
    text-align: center;
2085
}
2086
 
2087
.content_2 {
2088
    clear: both;
2089
    float: left;
2090
}
2091
.content_2 .box_3 {
2092
    width: 250px;
2093
    height: 100px;
2094
    float: left;
2095
    margin-right: 5px;
2096
}
2097
.content_2 .box_3 .box_img_addon {
2098
    width: 60px;
2099
    height: 60px;
2100
    margin: 10px;
2101
    padding: 10px;
2102
    overflow: hidden;
2103
    float: left;
2104
}
2105
.content_2 .box_3 .box_text {
2106
    float: left;
2107
    padding-left: 5px;
2108
    padding-top: 10px;
2109
    width: 140px;
2110
}
2111
.content_2 .box_3 .basket_button {
2112
    float: left;
2113
    width: 30px;
2114
    padding-top: 20px;
2115
}
2116
 
2117
.content_1 {
2118
    display: block;
2119
    float: left;
2120
    margin: 0px;
2121
    width: 628px;
2122
    height: 313px;
2123
}
2124
 
2125
.content_1 p,
2126
.content_1 h1 {
2127
    padding: 15px;
2128
    text-align: justify;
2129
    line-height: 17px;
2130
}
2131
 
2132
/* RECHTE SPALTE START */
2133
 
2134
.right {
2135
    float: right;
2136
    padding: 0px 0px 0 0;
2137
    margin: 0 0 0 10px;
2138
    width: 200px;
2139
    overflow: hidden;
2140
}
2141
.right h1 {
2142
    padding: 0px 0 0 7px;
2143
    margin: 0px 0 0 0;
2144
}
2145
.right .box_1 {
2146
    width: 200px;
2147
    margin: 0px;
2148
}
2149
 
2150
.right .box_middle {
2151
    width: 198px;
2152
    margin: -3px 0 0 !important;
2153
    padding: 0 !important;
2154
    clear: both;
2155
    float: none;
2156
    border-left: 1px solid #ebe4d1;
2157
    border-right: 1px solid #ebe4d1;
2158
    border-bottom: 1px solid #ebe4d1;
2159
}
2160
.right .box_middle .inner {
2161
    padding: 10px;
2162
    text-align: left;
2163
}
2164
 
2165
.right .box_bottom {
2166
    width: 174px;
2167
    height: 10px;
2168
}
2169
 
2170
.right .sonderkasten {
2171
    width: 177px;
2172
    float: left;
2173
    margin-bottom: 10px;
2174
    padding: 10px;
2175
}
2176
.right .box_1 .sonderkasten p {
2177
    margin: -10px 0 0 0;
2178
}
2179
.right .box_1 .sonderkasten p,
2180
.right .box_1 .box_middle p {
2181
    padding: 0;
2182
    margin: 0;
2183
}
2184
.right ul {
2185
    clear: both;
2186
    float: none;
2187
    list-style-type: none;
2188
    padding-left: 10px;
2189
}
2190
.right .standort ul {
2191
    padding-left: 19px;
2192
}
2193
.right .box_middle p {
2194
}
2195
.right .small {
2196
}
2197
.right .standort {
2198
    background-repeat: no-repeat;
2199
    width: 180px;
2200
    height: 188px;
2201
    padding-top: 35px;
2202
}
2203
 
2204
.qv_container {
2205
    width: 100%;
2206
    float: left;
2207
}
2208
.qv_left {
2209
    width: 45%;
2210
    float: left;
2211
}
2212
.qv_img {
2213
    text-align: center;
2214
}
2215
.qv_right {
2216
    width: 55%;
2217
    float: left;
2218
}
2219
.qv_inner {
2220
    padding: 2%;
2221
    width: 98%;
2222
}
2223
.qv_inner .itemBasketButton {
2224
    width: 102%;
2225
}
2226
.qv_inner .preis {
2227
    color: #962a2a;
2228
}
2229
.qv_inner .lieferstatus_container {
2230
    text-align: right;
2231
    float: right;
2232
}
2233
 
2234
/* RECHTE SPALTE ENDE */
2235
 
2236
/** angebote **/
2237
#angebote {
2238
    width: 100%;
2239
    float: left;
2240
    padding-bottom: 3vh;
2241
    text-align: center;
2242
    border-top: 1px solid #e4e4e4;
2243
    border-bottom: 1px solid #e4e4e4;
2244
}
2245
#angebote_inner {
2246
    margin: 0 auto;
2247
    max-width:1400px;
2248
    padding-top: 3vh;
2249
    display:flex;
2250
    text-align: left;
2251
    gap:10px;
2252
}
2253
#angebote_inner .box {
2254
    overflow:hidden;
2255
}
2256
#angebote img {
2257
    transition: all 200ms ease;
2258
    transform: scale(1);
2259
}
2260
#angebote img:hover,
2261
#angebote img:focus
2262
 {
2263
    transform: scale(1.3);
2264
 
2265
}
2266
 
2267
 
2268
.box {
2269
    padding: 0;
2270
    float: left;
2271
}
2272
.box .box_content {
2273
}
2274
.headtext {
2275
    line-height: 18px;
2276
}
2277
.box_content {
2278
    width: 85%;
2279
    padding: 20px 0 0 0px;
2280
}
2281
/** /angebote **/
2282
 
2283
/* topfooter */
2284
.bg01 {
2285
    clear:both;
2286
    float:left!important;
2287
}
2288
.topfooter {
2289
    clear: both;
2290
    float: none;
2291
    width: 100%;
2292
    margin: 0;
2293
}
2294
.topfooter > .inner {
2295
    display:flex;
2296
}
2297
.topfooter_inner {
2298
    width: 100%;
2299
    margin: 0 auto;
2300
}
2301
 
2302
.topfooter .inner .topfooter_box {
2303
    float: left;
2304
    width: 30%;
2305
    text-align: left;
2306
    padding: 0;
2307
}
2308
.filialen .topfooter_box:nth-of-type(3) {
2309
    width: 13%;
2310
}
2311
.filialen .topfooter_box:nth-of-type(4) {
2312
    width: 58%;
2313
}
2314
.filialen .topfooter_box:nth-of-type(4) img {
2315
    max-width: 100%;
2316
}
2317
.service_center {
2318
    line-height: 1.6em;
2319
    margin:2% 0;
2320
    display:flex;
2321
    gap:30px;
2322
    width:100%;
2323
}
2324
.kontakt {
2325
    width:33.33%;
2326
    padding:2%;
2327
}
2328
.service_center .head {
2329
    clear:both;
2330
}
2331
.topfooter .inner .service_center > div {
2332
    float: left;
2333
    padding: 0 1% 10px;
2334
    width: 31.33%;
2335
}
2336
.topfooter .inner .service_center .head {
2337
    padding: 0 0 2% 0;
2338
}
2339
.topfooter .inner .service_center .box {
2340
    padding: 3% 0 0 0;
2341
}
2342
.topfooter .topfooter_box ul {
2343
    list-style-type: none;
2344
}
2345
.topfooter .topfooter_box ul li {
2346
    padding: 10px 0 10px 0;
2347
}
2348
.topfooter .newsletter_abo {
2349
    position: absolute;
2350
    width: 1043px;
2351
    margin-top: -131px;
2352
    text-align: center;
2353
}
2354
/* /topfooter */
2355
 
2356
/* START Footer */
2357
.footer {
2358
    margin: 0;
2359
    width: 100%;
2360
    clear: both;
2361
    float: left;
2362
    overflow: hidden;
2363
}
2364
.footer_head {
2365
    padding: 7px;
2366
}
2367
.footer_col {
2368
    float: left;
2369
}
2370
.footer_head_color {
2371
    width: 100px;
2372
    float: left;
2373
    height: 16px;
2374
}
2375
.footer_head_color {
2376
    width: 140px;
2377
    float: left;
2378
    padding: 5px 0px 5px 0px !important;
2379
}
2380
.footer_col .footer_top {
2381
    clear: both;
2382
    float: left;
2383
    padding: 5px 10px 5px 0px !important;
2384
    width: 155px;
2385
 
2386
    font-weight: bold;
2387
}
2388
.footer p {
2389
    clear: both;
2390
    float: none;
2391
    padding: 3px 0 3px 0;
2392
}
2393
.footer ul {
2394
    clear: both;
2395
    float: none;
2396
    list-style-type: none;
2397
}
2398
.footer li {
2399
    padding: 3px 0 3px 0;
2400
    display: flex;
2401
    gap: 6px;
2402
}
2403
.footer_logo {
2404
    float: left;
2405
}
2406
.footer_text {
2407
    float: left;
2408
    padding: 0 0 0 15px;
2409
}
2410
 
2411
.footer .herstellerListe {
2412
    width: 80px;
2413
}
2414
.footernav {
2415
    width: 70%;
2416
    margin: 0 auto;
2417
    text-align: center;
2418
}
2419
.footernav ul {
2420
    display: block;
2421
    margin: 0 auto;
2422
    width: 50%;
2423
    line-height:1.6em;
2424
}
2425
.footernav li {
2426
    float: left;
2427
    padding: 0 2%;
2428
    text-align: center !important;
2429
    width: auto;
2430
}
2431
.footernav .fa-stop {
2432
    color: #EA5802;
2433
    margin: 8px 0 0 0;
2434
    display: block;
2435
}
2436
/* ENDE Footer */
2437
 
2438
.break {
2439
    clear: both;
2440
    float: none;
2441
    display: block;
2442
}
2443
.linebreak {
2444
    clear: both;
2445
    float: none;
2446
    height: 15px;
2447
    border-bottom: 1px solid #ccc;
2448
    margin-bottom: 20px;
2449
}
2450
/* jQuery Autosuggest: start */
2451
#result {
2452
    height: 20px;
2453
    padding: 5px;
2454
    margin-bottom: 10px;
2455
}
2456
 
2457
.suggestionsBox {
2458
    position: absolute;
2459
    margin-top: 180px;
2460
    margin-left: 20px;
2461
    padding: 0px;
2462
}
2463
 
2464
.suggestionList {
2465
    margin: 0px;
2466
    margin-top: 0px;
2467
    padding: 0px;
2468
}
2469
/* das sucheingabefeld */
2470
 
2471
#select-wrapper {
2472
    display: inline-block;
2473
    border: none;
2474
    border-left: 1px solid #d8d8d8;
2475
    background: url("/images/webelemente/butt_arrow_down.png") no-repeat right;
2476
    overflow: hidden;
2477
    cursor: pointer;
2478
    float: left;
2479
    width: 155px;
2480
    margin: 5px 5px 0 -168px;
2481
    padding: 0 5px 0 0;
2482
}
2483
#select-wrapper,
2484
#select-wrapper select {
2485
    height: 30px;
2486
    line-height: 30px;
2487
}
2488
#select-wrapper select {
2489
    z-index: 2;
2490
    width: 180px;
2491
    cursor: pointer;
2492
    outline: none;
2493
    background: transparent;
2494
    border-radius: 0;
2495
    border: none;
2496
    -webkit-appearance: none;
2497
}
2498
#search_type:focus {
2499
    outline: 0;
2500
}
2501
ul {
2502
    padding: 0;
2503
    margin: 0;
2504
}
2505
 
2506
#suggest {
2507
    position: relative;
2508
}
2509
 
2510
input.checkbox {
2511
    display: block;
2512
    border:1px solid #666;
2513
    background:#fff;
2514
    display:block;
2515
    appearance:auto;
2516
    border-radius: 5px;
2517
    -webkit-appearance: unset;
2518
    -moz-appearance: unset;
2519
    appearance: unset;
2520
    width:20px;
2521
    height:20px;
2522
}
2523
 
2524
/* jQuery Autosuggest: ende  */
2525
 
2526
.left .sonderkasten {
2527
    width: 177px;
2528
    padding: 10px;
2529
    margin: 0px;
2530
    float: left;
2531
}
2532
.left .sonderkasten p {
2533
    margin: -10px 0 0 0;
2534
}
2535
.left .left_img {
2536
    padding: 0px;
2537
    width: 20px;
2538
    height: 30px;
2539
    float: left;
2540
}
2541
.left_text {
2542
    float: left;
2543
    width: 100px;
2544
    padding-left: 5px;
2545
}
2546
.left .sonderkasten .left_text p {
2547
    padding: 0px !important;
2548
}
2549
 
2550
.sk_title {
2551
    padding-left: 10px;
2552
    padding-top: 5px;
2553
    text-transform: uppercase;
2554
}
2555
.content .detail {
2556
    text-align: right;
2557
    float: right;
2558
    padding-right: 5px;
2559
    padding-top: 5px;
2560
}
2561
.content .detail img {
2562
    position: absolute;
2563
    margin-left: -47px;
2564
    margin-top: -4px;
2565
    width: 42px;
2566
    height: 43px;
2567
}
2568
/** bottomcontent z.b. lastvisited etc. **/
2569
.bottomcontent {
2570
    float: left;
2571
    width: 100%;
2572
    overflow: hidden;
2573
    margin: 30px 0px;
2574
}
2575
 
2576
.footer .lastvisited_headline {
2577
    padding-top: 15px;
2578
    width: 1005px !important;
2579
    clear: both;
2580
    float: none;
2581
}
2582
.preis_zusatztext {
2583
    padding-right: 0 !important;
2584
}
2585
.box_3 .lastVisitItemZoom {
2586
    width: 125px !important;
2587
    z-index: 999;
2588
    /*height:180px !important;*/
2589
}
2590
.lastvisited .box_3 {
2591
    margin: 0px 2px;
2592
}
2593
 
2594
.box_top {
2595
    display: initial;
2596
    width:100%;
2597
    margin: 0%;
2598
    padding: 1% 0;
2599
    float: left;
2600
    min-height: 20px;
2601
    /*text-align:center;*/
2602
    /*background:url(/images/webelemente/headline_bg.png) repeat-x;*/
2603
    background-position: 0 42%;
2604
}
2605
 
2606
.section_itemSlider .box_top {
2607
    width: 100%;
2608
    margin: 0;
2609
    padding: 1% 0;
2610
}
2611
 
2612
/*.section_itemSlider .box_top div {
2613
    font-weight: 800;
2614
}*/
2615
 
2616
.box_top > h1,
2617
.box_top > div {
2618
    background-color: #fff;
2619
    padding: 0 1%;
2620
    display: initial;
2621
}
2622
/** /bottomcontent z.b. lastvisited etc. **/
2623
.footer .bottomcontent .hersteller_slider,
2624
.footer .bottomcontent .zahlarten,
2625
.footer .bottomcontent .werbungen {
2626
    float: left;
2627
    width: 100%;
2628
}
2629
 
2630
.herstellerSliderWrapper {
2631
    padding: 2% 2% 0%;
2632
    text-align: center;
2633
    margin: 0 auto;
2634
}
2635
 
2636
.footer .bottomcontent .werbungen .werbung_wrapper {
2637
    background-color: transparent;
2638
    float: left;
2639
    width: 96%;
2640
    padding: 2%;
2641
}
2642
 
2643
.zahlarten_wrapper {
2644
    display: flex;
2645
    flex-wrap: wrap;
2646
    justify-content: left;
2647
    align-items: center;
2648
    gap:10px;
2649
}
2650
 
2651
.zahlarten_wrapper div {
2652
    width: calc(47% - 20px);
2653
    padding:10px;
2654
    text-align:center;
2655
    border-radius:3px;
2656
    min-height:30px;
2657
    display: flex;
2658
    align-items: center;
2659
    justify-content: center;
2660
}
2661
 
2662
.zahlarten_wrapper img {
2663
    /*filter: grayscale(1) invert(1);*/
2664
    width: auto;
2665
    max-width: 90%;
2666
    height: auto;
2667
    max-height:30px;
2668
    margin: 0;
2669
}
2670
 
2671
 
2672
 
2673
.footer .bottomcontent .werbungen .werbung_wrapper div {
2674
    float: left;
2675
    width: 33%;
2676
    text-align: center;
2677
}
2678
 
2679
.content .lupe_bg {
2680
    background: url(/images/webelemente/filtern_lupe.jpg) no-repeat;
2681
    background-position: 10px 10px;
2682
}
2683
.content .subdir_info p {
2684
    font-weight: normal !important;
2685
 
2686
    padding: 0px 10px 10px 1px;
2687
    float: left;
2688
}
2689
.content .subdir_head h1 {
2690
}
2691
.content .subdir_text {
2692
    float: left;
2693
    padding: 0 2% 0;
2694
    margin: 0px 0 0 0;
2695
}
2696
 
2697
.subdir_text ul {
2698
    margin-left:40px;
2699
}
2700
 
2701
.subdir_text h2 {
2702
    padding:5% 2% 0;
2703
}
2704
 
2705
#beschreibung2 p,
2706
.subdir_text p {
2707
    line-height:1.4em!important;
2708
}
2709
.content .subdir_image {
2710
    padding: 10px 0 10px 0;
2711
    text-align: center;
2712
    float: right;
2713
}
2714
.content .subdir_sort {
2715
    padding:.5% 2%;
2716
    width:96%;
2717
}
2718
 
2719
.content .subdir_sort select {
2720
    margin: 5px 10px 5px 0px;
2721
    border: 2px solid #EA5900;
2722
    background: #fff;
2723
    background-color: rgb(255, 255, 255);
2724
    background-position-x: 0%;
2725
    background-position-y: 0%;
2726
    background-repeat: repeat;
2727
    background-attachment: scroll;
2728
    background-image: none;
2729
    background-size: auto;
2730
    background-origin: padding-box;
2731
    background-clip: border-box;
2732
    color: #EA5900;
2733
}
2734
.content .subdir_sort_button {
2735
    padding: 20px;
2736
    text-align: right;
2737
}
2738
.submitbutton {
2739
}
2740
.content #beschreibung ul {
2741
    border: none !important;
2742
}
2743
.content #beschreibung li {
2744
    padding: 0 !important;
2745
}
2746
.content #reiter {
2747
    clear: both;
2748
    float: left;
2749
    margin-top: 35px;
2750
    width: 96%;
2751
    padding: 0;
2752
    margin-bottom: 2%;
2753
}
2754
#reiter input,
2755
#reiter textarea {
2756
    border-radius:5px;
2757
    padding:6px;
2758
}
2759
.content #reiter > div {
2760
    border:none;
2761
    border-top:1px solid RGB(203,203,203);
2762
    font-size:.9em;
2763
}
2764
.content #reiter {
2765
    border: 0px !important;
2766
}
2767
.content #reiter img {
2768
    height: auto !important;
2769
    max-width: 100% !important;
2770
}
2771
#reiter iframe {
2772
    max-width: 100% !important;
2773
}
2774
.jetztKaufenButton,
2775
.druckenButton,
2776
.content .box_2 .bestellartWrapper .bestellartbox .bestellartButtons input,
2777
.weiterButton,
2778
.backToShopButton,
2779
.shopButton,
2780
.zurKasseButton {
2781
    display: inline-block;
2782
    cursor: pointer;
2783
    padding: 10px 20px!important;
2784
    text-decoration: none;
2785
    font-weight: normal;
2786
    border-radius: 5px;
2787
}
2788
select {
2789
    border-radius:5px!important;
2790
    cursor:pointer;
2791
}
2792
.shopButton2 {
2793
    background:#2FBABD;
2794
    color:#fff;
2795
    display: inline-block;
2796
    cursor: pointer;
2797
    padding: 6px 35px;
2798
    text-decoration: none;
2799
    font-weight: normal;
2800
    border-radius:40px;
2801
}
2802
.shopButton2:hover,
2803
.shopButton2:focus {
2804
    background:#9CD9DA;
2805
}
2806
 
2807
#tabsBasket {
2808
    float: left;
2809
    padding: 2%;
2810
    width:96%;
2811
    border-style: none;
2812
    margin-bottom: 2%;
2813
}
2814
#tabsBasket > div,
2815
.content #reiter > div {
2816
    padding: 2%;
2817
}
2818
#tabsBasket ul li,
2819
.content #reiter ul li {
2820
}
2821
#tabsBasket div,
2822
.content #reiter div {
2823
    border-width: 1px;
2824
}
2825
.content .basket_table_left {
2826
    float: left;
2827
    width: 99%;
2828
}
2829
.content .basket_table_right {
2830
    float: right;
2831
    width: 100%;
2832
}
2833
.content .versicherung {
2834
    float: left;
2835
    left: 300px;
2836
    padding: 5px 10px 10px 10px;
2837
    width: 300px;
2838
}
2839
.content .zubehoer_scroll {
2840
    clear: both;
2841
    float: left;
2842
    width: 700px;
2843
    padding: 0 0 0 20px;
2844
}
2845
.content .item_zubehoer {
2846
    float: right;
2847
    width: 350px !important;
2848
    padding: 0 0 0 0px;
2849
    margin-left: -11px;
2850
}
2851
.bottom_nav a {
2852
    margin:4px 0;
2853
}
2854
.bottom_nav2 {
2855
    float: left;
2856
    margin: 0px 0 0px 0;
2857
    text-align: center;
2858
    width:100%;
2859
}
2860
.bottom_nav2 div {
2861
    max-width:50%;
2862
}
2863
.content .basket_top {
2864
    width: 584px;
2865
    height: 29px;
2866
 
2867
    padding-left: 0px;
2868
    padding-top: 14px;
2869
    margin-top: -14px;
2870
}
2871
.basket-table-items {
2872
    width: 100%;
2873
    margin: 5px 0 10px 10px;
2874
}
2875
 
2876
.basket-table-items td,
2877
.basket-table-items th {
2878
    padding: 3px;
2879
    vertical-align: top;
2880
    font-weight: normal !important;
2881
}
2882
.basket-table-items thead {
2883
    height: 30px;
2884
    vertical-align: top;
2885
    font-weight: normal !important;
2886
}
2887
.basket_preis {
2888
    width: 200px !important;
2889
    text-align: right;
2890
}
2891
.basket_summe {
2892
    width: 200px !important;
2893
    text-align: right;
2894
}
2895
.basket_row td {
2896
    border-bottom: 1px dotted #808080;
2897
    padding: 4px;
2898
}
2899
.basket_row img {
2900
    max-width: 100px;
2901
}
2902
.basket_versand {
2903
    width: 530px;
2904
    margin: 20px;
2905
}
2906
.basket_head {
2907
    border-bottom: 1px dotted #606060;
2908
    width: 600px;
2909
    text-align: left;
2910
}
2911
.basket_head1 {
2912
    text-align: left;
2913
    border-bottom: 1px dotted #606060;
2914
 
2915
    padding: 10px 0 0 5px;
2916
}
2917
.basket_head2 {
2918
    text-align: left;
2919
 
2920
    border-bottom: 1px dotted #606060;
2921
}
2922
.bottom_nav table {
2923
    margin: 0 0 20px 0;
2924
}
2925
.basket_versand_item {
2926
    border-bottom: 1px dotted #cecece;
2927
    vertical-align: top;
2928
    padding:2%;
2929
    width:96%;
2930
}
2931
.basket_table {
2932
    width: 100%;
2933
    margin: 0px;
2934
 
2935
}
2936
.basket_table * {
2937
}
2938
.basket_table td {
2939
    padding: 5px;
2940
}
2941
.versandauswahl tr {
2942
    display:flex;
2943
}
2944
 
2945
/* Klassen bestellvorgang */
2946
.bestellartbox {
2947
    float: left;
2948
    width: 32%;
2949
    padding: 5px;
2950
}
2951
.bestellartbox {
2952
}
2953
 
2954
/*------------------------*/
2955
/* Klassen Basket */
2956
 
2957
/*----------------*/
2958
 
2959
.req {
2960
    margin-top: 4px;
2961
    margin-bottom: 5px;
2962
}
2963
.bottom_right {
2964
    text-align: right;
2965
    padding-top: 1px;
2966
    padding-right: 5px;
2967
}
2968
 
2969
.subdir_desc {
2970
    width: 630px;
2971
    font-style: italic;
2972
    text-align: center;
2973
    padding: 0 10px 0 10px;
2974
}
2975
 
2976
/* ME: klassen für das nichtGefunden-Modul  start */
2977
.content .not_found_small {
2978
    border: 1px solid #abb0b8;
2979
}
2980
.content #ng_top {
2981
    width: 96%;
2982
    display: none;
2983
    border: 1px solid #abb0b8;
2984
    padding: 2%;
2985
    float: left;
2986
}
2987
.content #ng_top .title {
2988
    float: left;
2989
}
2990
.content #ng_top .hide {
2991
    float: right;
2992
    margin: -10px 0 0 0px;
2993
}
2994
.content #ng_top .text {
2995
    clear: both;
2996
    float: none;
2997
    padding: 10px 1% 20px 0;
2998
}
2999
.content #ng_top .form .eingabefeld {
3000
    float: left;
3001
    margin: 0 1% 0 0;
3002
}
3003
.content #ng_top .form #send_ng {
3004
    float: right;
3005
    margin: 15px 0 0 1px;
3006
}
3007
/* ME: klassen für das nichtGefunden-Modul  end */
3008
 
3009
/* NEWS MODUL */
3010
.news_img {
3011
    float: left;
3012
    width: 120px;
3013
}
3014
 
3015
.news_text {
3016
}
3017
#overDiv {
3018
    background-color:#fff;
3019
    padding:1%;
3020
    max-width:400px;
3021
}
3022
#message {
3023
    width: 505px;
3024
    text-align: center;
3025
    padding: 10px;
3026
}
3027
.neue_produkte {
3028
    margin-top: 10px;
3029
    margin-left: 0px;
3030
    position: absolute;
3031
    width: 174px;
3032
}
3033
.right .box_middle .np_title {
3034
}
3035
.more_link {
3036
    padding: 0px;
3037
    margin: 0px;
3038
}
3039
.errorBox {
3040
    padding: 20px;
3041
}
3042
.item_img {
3043
    clear: both;
3044
    float: left;
3045
    margin: 0px 0 10px 0;
3046
    text-align: center;
3047
    width:100%;
3048
}
3049
.item_hersteller {
3050
    float: left;
3051
    text-align: left;
3052
}
3053
.eigenschaften_table td {
3054
    padding: 2px 4px 2px 4px;
3055
}
3056
.eigenschaften {
3057
    border-top: 3px solid #fff;
3058
}
3059
.t3content {
3060
    padding: 10px;
3061
}
3062
.t3content ul {
3063
    margin: 5px 0 0 20px;
3064
}
3065
.t3content ol {
3066
    margin: 5px 0 0 20px;
3067
}
3068
.content .bodytext {
3069
    margin: 0px;
3070
    padding: 0px;
3071
}
3072
.contenttable {
3073
    margin-left: 0px;
3074
    margin-bottom: 10px;
3075
    width: 100% !important;
3076
    float: left;
3077
}
3078
.middlecontent h3,
3079
.middlecontent h3 {
3080
    margin-left: 10px;
3081
}
3082
.contenttable h3 {
3083
    margin: 5px 0 0 0;
3084
    padding: 0px;
3085
}
3086
.contenttable th {
3087
    text-align: left;
3088
}
3089
.contenttable td {
3090
    vertical-align: top;
3091
    padding: 0px;
3092
}
3093
 
3094
.noborder th,
3095
.noborder td {
3096
    border-style: none !important;
3097
}
3098
 
3099
/* DIE ICONS IN DEN KLEINEN BOXEN START */
3100
.icon {
3101
    width: 42px;
3102
    height: 43px;
3103
    position: absolute;
3104
    margin-top: 5px;
3105
    margin-left: 150px;
3106
}
3107
/* DIE ICONS IN DEN KLEINEN BOXEN ENDE */
3108
 
3109
/* WARENKORB Klassen START */
3110
.content .basketNav {
3111
    padding: 0px;
3112
    height: 42px;
3113
    margin: 0 0 10px 5px !important;
3114
    overflow: hidden;
3115
}
3116
.content .basketNav2 {
3117
    overflow: hidden;
3118
    float: left;
3119
    width: 99%;
3120
    padding: 2% 0.5% 0 0.5%;
3121
    /*border-bottom: 2px solid #565656;*/
3122
    overflow: visible;
3123
    height: auto;
3124
}
3125
.content .basketNav2 .headline {
3126
    clear: both;
3127
    float: left;
3128
    width: 35%;
3129
    margin-bottom: 0px;
3130
    height: auto;
3131
}
3132
.content .basketNav2 .basketNav2Image {
3133
    width: 65%;
3134
    float: left;
3135
    position: relative;
3136
    z-index: 1;
3137
}
3138
.content .basketNav2 .basketNav2Image img {
3139
    float: left;
3140
    margin: 12px 0 0 0px;
3141
}
3142
 
3143
.content .box_2_basket {
3144
    margin-bottom: 10px;
3145
    padding:0 1%;
3146
}
3147
.content .box_2_basket * {
3148
}
3149
 
3150
/* WARENKORB Klassen ENDE */
3151
.billigerGesehen_form {
3152
}
3153
.neue_produkte {
3154
    display: none;
3155
}
3156
 
3157
.content #map_canvas {
3158
    margin-left: 10px;
3159
}
3160
 
3161
/* VERTICAL CENTER! START */
3162
.content .box_1 .subdir,
3163
.content .box_1 .itembox {
3164
    float: left;
3165
    display: table-cell;
3166
    vertical-align: middle;
3167
    text-align: center;
3168
    height: 160px;
3169
    padding-right: 0px;
3170
    margin: 0px 0 10px 0;
3171
}
3172
.content .box_1 .itembox {
3173
    height: 310px !important;
3174
}
3175
.content .box_1 .subdir *,
3176
.content .box_1 .itembox *,
3177
.content .box_1 .box_item_img * {
3178
    vertical-align: middle;
3179
}
3180
 
3181
.content .box_1 .subdir,
3182
.content .box_1 .box_item_img {
3183
    display: block;
3184
    padding-top: 5px;
3185
}
3186
.content .box_1 .subdir span,
3187
.content .box_1 .box_item_img span {
3188
    display: inline-block;
3189
    height: 100%;
3190
    width: 1px;
3191
}
3192
/* VERTICAL CENTER! ENDE */
3193
 
3194
.req_fields {
3195
    padding-left: 10px;
3196
}
3197
.content .item_bg {
3198
    background-image: url(/images/webelemente/item_bg.jpg);
3199
    background-repeat: no-repeat;
3200
    background-position: 281px 20px;
3201
}
3202
 
3203
.content .middle {
3204
    margin: 10px;
3205
}
3206
.content .gratisartikel {
3207
    clear: both;
3208
    float: none;
3209
    position: absolute;
3210
    margin-top: -27px;
3211
}
3212
.content .box_2 .box_middle ul.csc-menu {
3213
    list-style-type: none;
3214
 
3215
    margin: 20px;
3216
}
3217
.basket_icon {
3218
    position: absolute;
3219
    margin: -20px 0 0 140px;
3220
}
3221
.preis_big {
3222
    font-style: italic;
3223
    padding-right: 10px;
3224
}
3225
.lieferstatusText {
3226
    display: inline-block;
3227
    margin-bottom: 10px;
3228
    text-align: left;
3229
}
3230
.liefer_orange {
3231
    margin: 3px 0 0 0 !important;
3232
}
3233
.liefer_orange i {
3234
    color: #ab4040;
3235
}
3236
.liefer_0
3237
{
3238
    color: #6EE118;
3239
}
3240
.liefer_1 {
3241
    color: #e0ab00;
3242
}
3243
.liefer_2 {
3244
    color: #b81d19;
3245
}
3246
.content .subdirStammImage {
3247
    float: left;
3248
    width: 200px;
3249
    padding: 10px;
3250
    text-align: center;
3251
}
3252
.content .subdirStammText {
3253
    float: left;
3254
    width: 750px;
3255
    padding: 10px;
3256
}
3257
.content .subdir_preis {
3258
    width: 750px;
3259
    text-align: right;
3260
}
3261
.stamm_thumbs {
3262
    float: right;
3263
    margin-top: 20px;
3264
    width: 110px;
3265
    text-align: right;
3266
    padding: 0 0 0 0;
3267
}
3268
.stamm_thumbs ul {
3269
    list-style-type: none;
3270
}
3271
.stamm_thumbs li {
3272
    border: 1px solid #d7d8d8;
3273
    margin: 5px 0px 5px 0px !important;
3274
    text-align: center;
3275
}
3276
/* ArtikelStamm Tabelle START */
3277
#artikel .itemTable_container {
3278
    float: left;
3279
    width: 100%;
3280
    display: table;
3281
}
3282
#artikel .itemTable_container .basketImg {
3283
    float: right;
3284
}
3285
#artikel .itemTable_container div {
3286
    display: table-row;
3287
}
3288
#artikel .itemTable_container div div {
3289
    padding: 1%;
3290
}
3291
#artikel .itemTable_container .itemTable_row {
3292
    border-bottom: 1px solid #3A3B3D;
3293
    float: left;
3294
    width: 100%;
3295
}
3296
#artikel .itemTable_container .bild {
3297
    width: 5%;
3298
    float: left;
3299
}
3300
#artikel .itemTable_container .basket img,
3301
#artikel .itemTable_container .bild img {
3302
    width: 100%;
3303
}
3304
#artikel .itemTable_container .bezeichnung {
3305
    width: 50%;
3306
}
3307
#artikel .itemTable_container .lieferstatus {
3308
    width: 15%;
3309
    text-align: center !important;
3310
}
3311
#artikel .itemTable_container .lieferstatus * {
3312
    text-align: center;
3313
}
3314
#artikel .itemTable_container .basket {
3315
    width: 5%;
3316
    height: auto;
3317
    float: right;
3318
}
3319
h3.bezeichnung {
3320
    padding: 0;
3321
    line-height:1.2em;
3322
    height:75px;
3323
    display: flex;
3324
    align-items: center;
3325
}
3326
.itemTableBox {
3327
    border: 1px solid #ccc;
3328
    width: 100%;
3329
}
3330
.tbl_static_header {
3331
    padding: 2px;
3332
}
3333
.tbl_dyn_header td {
3334
    padding: 2px;
3335
}
3336
.dyn_header {
3337
    border-left: 1px dotted #ccc;
3338
    vertical-align: top;
3339
}
3340
.tbl_dyn_cell {
3341
    border: 1px dotted #ccc;
3342
    padding: 2px;
3343
    vertical-align: top;
3344
}
3345
.tbl_static_cell {
3346
    padding: 2px 2px 0px 2px;
3347
    vertical-align: top;
3348
}
3349
.topborder {
3350
    border-top: 1px solid #7c7c7c;
3351
}
3352
.art_table_desc {
3353
    display: none;
3354
}
3355
.art_table_desc td {
3356
    padding: 3px 3px 10px 3px;
3357
}
3358
/* ArtikelStamm Tabelle ENDE */
3359
 
3360
.item_options {
3361
    clear: both;
3362
    float: none;
3363
 
3364
    margin: 0;
3365
    padding-left: 30px;
3366
    text-align: left;
3367
}
3368
.item_options label {
3369
    width: 100px;
3370
 
3371
    float: left;
3372
    clear: both;
3373
}
3374
.item_lieferstatus_text {
3375
}
3376
.item_backbutton {
3377
    position: absolute;
3378
    width: 90px;
3379
    margin: -6px 0 0 -16px;
3380
}
3381
.backbutton {
3382
    float: right !important;
3383
    height: auto !important;
3384
}
3385
.artikel_table {
3386
    margin-left: 0px;
3387
    overflow: auto;
3388
}
3389
.artstamm_name {
3390
    text-align: center;
3391
}
3392
.artstammLink {
3393
    padding: 5px;
3394
 
3395
    position: absolute;
3396
    float: left;
3397
}
3398
.log_button {
3399
    margin: 10px 0 0 0px;
3400
    width: 128px;
3401
}
3402
.versanduebersicht {
3403
    width: 100%;
3404
    float: left;
3405
    padding: 2%;
3406
}
3407
.versanduebersicht td {
3408
    padding: 3px;
3409
}
3410
 
3411
.versandfrei {
3412
    display: block;
3413
    margin-top: 2px;
3414
    padding: 2px;
3415
}
3416
.versandauswahl {
3417
    width: 100%;
3418
    border-bottom: none;
3419
}
3420
.versandauswahl td {
3421
    vertical-align: middle;
3422
    height: 50px;
3423
}
3424
.gb_body {
3425
    padding: 10px;
3426
}
3427
.gb_nav {
3428
    border-bottom: 1px dotted #666;
3429
    padding: 2px;
3430
    text-align: center;
3431
}
3432
.gb_entry_0 {
3433
    padding: 3px;
3434
    border-bottom: 1px dotted #666;
3435
}
3436
.gb_entry_1 {
3437
    padding: 2px;
3438
    border-bottom: 1px dotted #666;
3439
}
3440
.gb_name {
3441
}
3442
.gb_text {
3443
    padding: 10px;
3444
}
3445
 
3446
ul.jqzoom {
3447
    list-style: none;
3448
}
3449
ul.jqzoom li {
3450
    display: inline;
3451
}
3452
.jqzoom_img {
3453
    width: 200px;
3454
    position: absolute;
3455
    top: 70px;
3456
    left: 10px;
3457
}
3458
 
3459
.left .toggle_login_hide {
3460
    cursor: pointer;
3461
}
3462
.left .toggle_kontakt_hide {
3463
    cursor: pointer;
3464
}
3465
.left .login_hide {
3466
    display: none;
3467
}
3468
.left .kontakt_hide {
3469
}
3470
 
3471
.login_ul {
3472
    list-style-type: none;
3473
    margin: 0px 0 0 0px;
3474
}
3475
.login_ul li {
3476
}
3477
.login_ul_loggedin {
3478
    margin: -10px 0 0 0px;
3479
    list-style-type: none !important;
3480
}
3481
 
3482
.pagination_container {
3483
  background-color: rgb(255,255,255);
3484
  display: flex;
3485
  justify-content: center;
3486
  align-items: center;
3487
  gap: 30px;
3488
  padding: 1% 2%;
3489
}
3490
 
3491
.pagination_artikelproseite {
3492
    width: 20%;
3493
    margin: 0 auto;
3494
    text-align: center !important;
3495
}
3496
.pagination_container div {
3497
    flex: 33%;
3498
}
3499
 
3500
.pagination_container div div {
3501
    width: 100%;
3502
}
3503
a.pagination {
3504
    padding: 2%;
3505
    border: 1px solid #ccc;
3506
    margin: 1%;
3507
    display: inline-block;
3508
}
3509
a.pagination:hover,
3510
a.pagination:focus {
3511
    background-color: #EA5802;
3512
    color: #fff;
3513
}
3514
.pagination {
3515
    clear: both !important;
3516
    float: none !important;
3517
}
3518
.pagination_container .active {
3519
    font-weight: bold;
3520
}
3521
.versandTitle {
3522
}
3523
.basket-items-overview {
3524
}
3525
.basket_print {
3526
    position: absolute;
3527
 
3528
    margin: 5px 0 0 540px;
3529
}
3530
.box_middle_inner {
3531
    padding: 10px 0 10px 10px;
3532
}
3533
object {
3534
    /*   display:none!important;*/
3535
}
3536
/* HerstelleListe/INFO */
3537
ul.herstellerListe {
3538
    float: left;
3539
    padding-right: 20px;
3540
}
3541
.herstellerListe li {
3542
    width: 140px;
3543
}
3544
.hLogo {
3545
    width: 16%;
3546
    float: left;
3547
}
3548
.hText {
3549
    float: left;
3550
    width: 76%;
3551
    line-height:1.4em;
3552
}
3553
.hText p {
3554
    padding:2% 0;
3555
}
3556
.bestellvorgang * {
3557
}
3558
.bestellvorgang {
3559
    width: 96%;
3560
    padding: 2% 2%;
3561
    border: none;
3562
    float: left;
3563
    width: ;
3564
}
3565
.bestellvorgang h1 {
3566
    padding: 5px 0;
3567
}
3568
.alph {
3569
    padding: 10px;
3570
}
3571
.alph li {
3572
    float: left;
3573
    list-style-type: none;
3574
    padding: 0 3px 0 3px;
3575
}
3576
.hersteller_alph {
3577
    clear: both;
3578
    float: none;
3579
    width: 99%;
3580
    padding: 12px;
3581
}
3582
.hersteller_alph li {
3583
    float: left;
3584
    list-style-type: none;
3585
    padding: 0 10px 0 10px;
3586
    width: 170px;
3587
}
3588
.back {
3589
    /*clear:both;*/
3590
    float: right;
3591
    /*margin:20px;*/
3592
}
3593
#register {
3594
    display: none;
3595
}
3596
 
3597
.pw {
3598
    display: none;
3599
}
3600
.switch {
3601
    float: right;
3602
}
3603
#switch_small {
3604
    cursor: pointer;
3605
    float: right;
3606
}
3607
#switch_big {
3608
    cursor: pointer;
3609
    float: right;
3610
}
3611
.box_2_sort {
3612
}
3613
.box_top_sort {
3614
    padding: 3px 0px 3px 10px;
3615
    width: 996px;
3616
    overflow: hidden;
3617
}
3618
.box_top_sort h1 {
3619
}
3620
.box_middle_sort {
3621
    clear: both;
3622
    float: left;
3623
    width: 1006px;
3624
    margin-bottom: 10px !important;
3625
}
3626
.small_img {
3627
    display: none;
3628
}
3629
.switch {
3630
    padding: 4px;
3631
    float: left;
3632
}
3633
.switch img {
3634
    width: 15px;
3635
}
3636
.versandinfo {
3637
    display: none;
3638
}
3639
.item_addons {
3640
    clear: both;
3641
    float: none;
3642
}
3643
.toggle_versand {
3644
}
3645
.neu_icon_mini {
3646
    position: absolute;
3647
    left: 70px;
3648
    top: -10px;
3649
}
3650
.neu_icon_mini img {
3651
    width: 60px;
3652
}
3653
.art_count {
3654
    float: left;
3655
    padding-top: 14px;
3656
}
3657
.billiger {
3658
    padding: 5px 0 0 0;
3659
}
3660
.special_buy {
3661
    padding:2%;
3662
}
3663
.special_buy .backToShop {
3664
    padding: 0 9px;
3665
}
3666
.checkbox_text {
3667
    text-align: left;
3668
}
3669
.scrollDiv {
3670
    overflow: scroll;
3671
    width: 500px;
3672
    height: 400px;
3673
    padding: 10px;
3674
}
3675
.basket_comodo {
3676
    position: absolute;
3677
 
3678
    margin: 2px 0 0 736px;
3679
    width: 76px;
3680
    height: 26px;
3681
}
3682
.basket_comodo1 {
3683
    position: absolute;
3684
    margin: -44px 0 0 950px;
3685
    width: 76px;
3686
    height: 26px;
3687
}
3688
.livechat {
3689
    display: none;
3690
    position: absolute;
3691
    border: 1px solid #3A3B3D;
3692
    margin: 20px 0 0 500px;
3693
}
3694
.weban {
3695
    clear: both;
3696
    float: none;
3697
 
3698
    width: 1009px;
3699
    padding: 2px 0px 20px 0;
3700
}
3701
.order td {
3702
    padding: 0 4px 0 4px;
3703
}
3704
.versand_header {
3705
    border: 1px solid #ccc;
3706
}
3707
 
3708
.zusatz {
3709
    margin-right: 5px;
3710
    width: 100%;
3711
}
3712
 
3713
#tl_popupSC5 {
3714
}
3715
 
3716
/* Klassen von exorbyte */
3717
.exo-cats,
3718
.exo-multi-facet,
3719
.exo-price,
3720
#exo-header,
3721
.exo-list {
3722
}
3723
 
3724
.addons {
3725
}
3726
.chatStatus {
3727
    position: absolute;
3728
    margin: 19px 0 0 484px;
3729
}
3730
 
3731
/* Kontaktformular */
3732
.middlecontent #mailform {
3733
}
3734
 
3735
.middlecontent #mailform fieldset div label {
3736
    position: absolute;
3737
 
3738
    text-align: right;
3739
    width: 100px;
3740
}
3741
 
3742
.middlecontent #mailform fieldset div input,
3743
.middlecontent #mailform fieldset div textarea {
3744
    margin: 0 0 0 105px;
3745
}
3746
 
3747
.middlecontent #mailform fieldset div textarea {
3748
    width: 350px;
3749
}
3750
 
3751
.csc-mailform .csc-mailform-label {
3752
}
3753
 
3754
.contact_spacer {
3755
    margin: 20px 0 !important;
3756
}
3757
.middlecontent #mailform fieldset div {
3758
    margin: 0 0 5px 0;
3759
}
3760
 
3761
.border_hell {
3762
    border: 1px solid #ebe4d1 !important;
3763
}
3764
.horizontal_verlauf {
3765
    background: url(/images/webelemente/horizontal_verlauf.gif) repeat-y;
3766
}
3767
.vertical_verlauf {
3768
    background: url(/images/webelemente/vertical_verlauf.gif) repeat-x;
3769
}
3770
.noborder {
3771
    border: none !important;
3772
}
3773
.border {
3774
    border: 1px solid #f00;
3775
}
3776
 
3777
/* sonderkasten */
3778
.za_left {
3779
    float: left;
3780
    width: 49%;
3781
}
3782
.za_right {
3783
    float: left;
3784
    width: 49%;
3785
}
3786
.za_center {
3787
    width: 100%;
3788
    text-align: center;
3789
    clear: both;
3790
    float: left;
3791
    padding: 0px 0 0 0;
3792
}
3793
 
3794
.align_left {
3795
    text-align: left !important;
3796
}
3797
.align_center {
3798
    text-align: center !important;
3799
}
3800
.align_right {
3801
    text-align: right !important;
3802
}
3803
 
3804
.lowercase {
3805
    text-transform: lowercase !important;
3806
}
3807
.uppercase {
3808
    text-transform: uppercase !important;
3809
}
3810
.padding {
3811
    padding: 10px !important;
3812
}
3813
.padding_top {
3814
    padding-top: 10px !important;
3815
}
3816
.padding_right {
3817
    padding-right: 10px !important;
3818
}
3819
.padding_bottom {
3820
    padding-bottom: 10px !important;
3821
}
3822
 
3823
/* allg. Font-Klassen ENDE */
3824
.vk_left {
3825
    width: 45%;
3826
    text-align: right;
3827
    vertical-align: top;
3828
    padding-right: 5px;
3829
}
3830
.vk_right {
3831
    width: 55%;
3832
    text-align: left;
3833
    vertical-align: top;
3834
    padding-right: 30px;
3835
}
3836
 
3837
.content .box_1 .artikelbox_top a {
3838
    display: block;
3839
 
3840
    height: 50px;
3841
    padding: 0 0 0 0px;
3842
}
3843
.left .sonderkasten_top {
3844
    width: 180px;
3845
    padding: 8px 10px 10px 10px;
3846
}
3847
 
3848
/* Aktionsslider */
3849
section.aktion {
3850
    width: 100%;
3851
    float: left;
3852
    padding-bottom:3%;
3853
}
3854
.aktion_slider {
3855
    display: none;
3856
    margin: 0 auto !important;
3857
    margin-bottom: 15px !important;
3858
}
3859
 
3860
.aktion_slider_placeholder {
3861
    height: 237px;
3862
    width: 913px !important;
3863
    line-height: 270px;
3864
    vertical-align: middle;
3865
    margin-bottom: 15px;
3866
    text-align: center;
3867
}
3868
 
3869
.aktion_slider_placeholder img {
3870
    margin: 0 auto !important;
3871
}
3872
 
3873
#aktionSlider {
3874
    height: 237px;
3875
    float: left;
3876
    width: 913px;
3877
    margin-left: 49px;
3878
}
3879
 
3880
.aktionslider_navigation {
3881
    height: 20px;
3882
    line-height: 20px;
3883
    vertical-align: middle;
3884
}
3885
 
3886
.caroufredsel_wrapper {
3887
    overflow: hidden;
3888
    text-align: center;
3889
}
3890
 
3891
#prev_btn,
3892
#next_btn {
3893
    height: 237px;
3894
    width: 49px;
3895
    cursor: pointer;
3896
    position: absolute;
3897
}
3898
 
3899
#prev_btn {
3900
    background: url("/images/webelemente/scrollbox_left.gif") no-repeat;
3901
    background-position: right;
3902
    margin-left: 0;
3903
    float: left;
3904
}
3905
 
3906
#next_btn {
3907
    background: url("/images/webelemente/scrollbox_right.gif") no-repeat;
3908
    background-position: left;
3909
    margin: 0 0 0 960px;
3910
    float: right;
3911
}
3912
 
3913
.aktionslider_navigation {
3914
    clear: both;
3915
    text-align: center;
3916
    line-height: 30px;
3917
    height: 30px;
3918
    vertical-align: middle;
3919
}
3920
 
3921
/* Aktionsslider ENDE*/
3922
 
3923
.toplink {
3924
    position: absolute;
3925
    margin-left: -72px;
3926
    margin-top: 0px;
3927
}
3928
 
3929
/* item Detailseite neu */
3930
.itemContainer {
3931
    clear: both;
3932
    float: left;
3933
    width: 988px;
3934
    padding: 10px;
3935
    margin-bottom: 10px;
3936
}
3937
.itemLeft {
3938
    width: 180px;
3939
    float: left;
3940
}
3941
.itemContent {
3942
    width: 500px;
3943
    float: left;
3944
    border: 1px solid #f00;
3945
}
3946
.itemContent .itemNeu {
3947
    position: absolute;
3948
    margin: -10px 0 0 400px !important;
3949
}
3950
.itemRight {
3951
    text-align: right;
3952
    width: 320px;
3953
    float: left;
3954
    padding: 0 10px 0 0;
3955
}
3956
.itemBottom {
3957
    clear: both;
3958
    float: left;
3959
}
3960
 
3961
/* hersteller slider */
3962
.herstellerSliderWrapper .bx-viewport {
3963
    height: 100px !important;
3964
}
3965
.herstellerSliderWrapper .bx-prev,
3966
.herstellerSliderWrapper .bx-next {
3967
    top: 61% !important;
3968
}
3969
.herstellerSlider_Elem {
3970
    height: 60px;
3971
    vertical-align: middle !important;
3972
    display: block;
3973
    margin-right: 5px !important;
3974
    margin: 0 5px !important;
3975
}
3976
.herstellerSlider_Elem a {
3977
    display: inline-block;
3978
    text-align: center;
3979
}
3980
 
3981
.hersteller_slider {
3982
    margin: 0;
3983
    width: 100%;
3984
    float: left;
3985
    overflow: hidden;
3986
    padding: 0;
3987
}
3988
.hersteller_slider h1 {
3989
    text-align: center;
3990
}
3991
.hersteller_slider_inner {
3992
    width: 100%;
3993
    float: left;
3994
}
3995
 
3996
/* hersteller_static */
3997
.hersteller_static {
3998
    display: inline-block;
3999
    margin: 10px 0 0 0 !important;
4000
    padding: 10px;
4001
    width: 978px !important;
4002
    overflow: hidden;
4003
    clear: both;
4004
    float: none;
4005
    text-align: center;
4006
}
4007
.hersteller_static div {
4008
    text-align: center !important;
4009
    float: left;
4010
    width: 16%;
4011
}
4012
 
4013
/* Top Angebote */
4014
.angebote {
4015
    float: left;
4016
}
4017
.angebote h1 {
4018
    padding: 0 0 0 15px;
4019
    width: 200px;
4020
}
4021
.angebote h2 {
4022
}
4023
/* UNSER STORE */
4024
.store {
4025
    width: 998px;
4026
    float: left;
4027
    padding-bottom: 20px;
4028
}
4029
.store01 {
4030
    float: left;
4031
    width: 270px;
4032
}
4033
.store01 h1 {
4034
    padding: 0 0 0 15px;
4035
    width: 200px;
4036
}
4037
.store01 h2 {
4038
    padding: 10px 15px 0px 15px;
4039
}
4040
.store02 {
4041
    float: left;
4042
    width: 170px;
4043
    text-align: right;
4044
    padding-top: 30px;
4045
}
4046
.store03 {
4047
    float: left;
4048
    padding: 23px 10px 10px 10px;
4049
}
4050
.store04 {
4051
    float: left;
4052
    padding: 23px 10px 10px 10px;
4053
}
4054
.preis_tiny {
4055
    /*text-shadow:#3A3B3D 1px 1px 1px;*/
4056
}
4057
/* neue Addons Technik */
4058
.addonItems {
4059
    clear: both;
4060
    float: none;
4061
    text-align: left;
4062
    display: table;
4063
}
4064
.box_addons {
4065
    display: table-cell;
4066
    width: 90px !important;
4067
    height: 90px !important;
4068
    margin: 5px;
4069
    text-align: center;
4070
    vertical-align: middle;
4071
    float: left;
4072
}
4073
.box_addons img {
4074
    max-height: 100px;
4075
}
4076
.hidden {
4077
    display: none;
4078
}
4079
.addonItemZoom {
4080
    position: absolute !important;
4081
    padding: 15px;
4082
    width: 140px;
4083
    /*height:200px;*/
4084
    border: 1px solid #ccc;
4085
    z-index: 9999999 !important;
4086
    background-color: #fff;
4087
}
4088
.addonItemZoom .box_text {
4089
    text-align: center;
4090
}
4091
.addonItemZoomImg {
4092
    text-align: center;
4093
}
4094
/* lastVisited */
4095
.lastVisit {
4096
    clear: both;
4097
    float: none;
4098
    text-align: left;
4099
    display: table;
4100
}
4101
.lastVisitItem {
4102
    display: table-cell;
4103
    width: 90px !important;
4104
    height: 100px !important;
4105
    margin: 5px;
4106
    text-align: center;
4107
    vertical-align: middle;
4108
}
4109
.lastVisitItemZoom {
4110
    margin: -70px 0 0 -135px;
4111
    position: absolute;
4112
    padding: 15px;
4113
    width: 150px;
4114
    /*height:200px;*/
4115
    height: auto !important;
4116
    border: 1px solid #ccc;
4117
    z-index: 999 !important;
4118
    float: left;
4119
}
4120
.lastVisitItemZoom .box_text {
4121
    text-align: center;
4122
}
4123
 
4124
/* Item Detailseite */
4125
.itemLeftContainer {
4126
    float: left;
4127
    width: 63%;
4128
}
4129
.itemRightContainer {
4130
    width: 37%;
4131
    float: left;
4132
}
4133
 
4134
.itemTopContainer {
4135
    width: 98%;
4136
    float: left;
4137
    padding: 2%;
4138
    text-align: left !important;
4139
}
4140
.itemRightLeft {
4141
    width: 100%;
4142
    float: left;
4143
    margin-left: 10px;
4144
}
4145
.itemRightRight {
4146
    padding: 10px;
4147
    text-align: right;
4148
    float: right;
4149
    width: 200px;
4150
}
4151
.itemTopSection {
4152
    padding: 0px 10px 10px 10px;
4153
    clear: both;
4154
    float: left;
4155
    width: 318px;
4156
    text-align: left;
4157
}
4158
.itemTopSection ul {
4159
    margin-left:30px;
4160
}
4161
 
4162
.itemRightLeft option {
4163
    padding: 2px 10px 2px 10px;
4164
    border: 0px !important;
4165
}
4166
.itemBasketSection {
4167
    padding: 10px;
4168
    clear: both;
4169
    float: left;
4170
    width: 375px;
4171
    margin: 15px 10px 0 0;
4172
    text-align: center;
4173
    /* Schatten */
4174
    /*box-shadow:1px 1px 2px #A9A9A9,
4175
              -1px 1px 2px #A9A9A9;
4176
    -moz-box-shadow:1px 1px 2px #A9A9A9,
4177
                   -1px 1px 2px #A9A9A9;
4178
    -ms-box-shadow:1px 1px 2px #A9A9A9,
4179
                  -1px 1px 2px #A9A9A9;
4180
    -webkit-box-shadow:1px 1px 2px #A9A9A9,
4181
                      -1px 1px 2px #A9A9A9;*/
4182
    /* IE 6-9 */
4183
    /*filter:
4184
  progid:DXImageTransform.Microsoft.Shadow(color=#A9A9A9,direction=90,strength=2),
4185
  progid:DXImageTransform.Microsoft.Shadow(color=#A9A9A9,direction=135,strength=2),
4186
  progid:DXImageTransform.Microsoft.Shadow(color=#A9A9A9,direction=180,strength=2),
4187
  progid:DXImageTransform.Microsoft.Shadow(color=#A9A9A9,direction=225,strength=2); */
4188
}
4189
 
4190
.itemBasketButton {
4191
    display:flex;
4192
    gap:4px;
4193
}
4194
.itemBasketButton .basketButton {
4195
    padding:0;
4196
    border-radius: 12px;
4197
    width: 100%;
4198
    text-align: center;
4199
    display:flex;
4200
}
4201
 
4202
.basketReload .basketButton {
4203
    margin: 3% 0;
4204
    padding: 5% 25%;
4205
    border-radius: 0px;
4206
    background: url(/images/webelemente/icon_warenkorb_weiss.svg) no-repeat;
4207
    background-position: left center;
4208
    background-color: #2FBABD;
4209
}
4210
 
4211
.button_inner {
4212
    display:flex;
4213
}
4214
.button_inner img {
4215
    min-height:30px;
4216
}
4217
.itemBasketButton span {
4218
    float: left;
4219
}
4220
.itemBasketButton .basketButton {
4221
    padding:0;
4222
    border-radius: 12px;
4223
    background-color: #2FBABD;
4224
    width: 100%;
4225
    text-align: center;
4226
    justify-content:left;
4227
    align-items:center;
4228
}
4229
.basket_text {
4230
    width:75%;
4231
    border-top-right-radius:12px;
4232
    border-bottom-right-radius:12px;
4233
    margin-right:5px;
4234
}
4235
.itemBasketButton .basketButton img {
4236
    /* float: left; */
4237
    margin: -3px 5px 0 0;
4238
    display: flex;
4239
    justify-content: center;
4240
    height:auto;
4241
}
4242
 
4243
.itemRightLeft h2 {
4244
    float: left;
4245
    clear: both;
4246
}
4247
.itemRightLeft .options {
4248
    float: left;
4249
    width: 100%;
4250
    margin: 0 0 10px 0;
4251
}
4252
.itemRightLeft .options #modellForm {
4253
    float: left;
4254
}
4255
.itemRightLeft .options .options_select {
4256
    float: left;
4257
    margin: 1.5% 0;
4258
    width: 100%;
4259
}
4260
.itemRightLeft .options #resetForm {
4261
    margin: 10px 0px 0 0px;
4262
    float: right;
4263
}
4264
.itemRightLeft .options .options_select select,
4265
.itemRightLeft .options select {
4266
    padding: 10px 0px;
4267
    border: 0px !important;
4268
    font-weight: bold;
4269
    min-width: 205px;
4270
    width: 100%;
4271
}
4272
 
4273
.itemPreis {
4274
    float: left;
4275
    text-align: left;
4276
    padding: 10px 0 10px 0px;
4277
    width: 100%;
4278
}
4279
.mengen_input {
4280
    text-align: center;
4281
    max-width: min-content;
4282
}
4283
.mengeninput {
4284
    height: 30px;
4285
    width: 30px;
4286
    text-align: center;
4287
}
4288
 
4289
.basketButton {
4290
    float: left;
4291
}
4292
 
4293
.add_to_basket {
4294
    cursor: pointer;
4295
}
4296
 
4297
#img_change {
4298
    float: left;
4299
    text-align: center;
4300
    margin-top: 10px;
4301
    margin-bottom: 10px;
4302
    width: 998px;
4303
}
4304
.box_1 .neu_icon {
4305
    float: left;
4306
    margin: 265px 0 0 10px;
4307
}
4308
.box_2 .neu_icon {
4309
    margin-left: 10px;
4310
}
4311
/* linke Spalte, allgemeine Styles */
4312
.leftcontent {
4313
    float: left;
4314
    width: 174px;
4315
    margin-bottom: 10px;
4316
    min-height: 500px;
4317
}
4318
.leftcontent .box h1 {
4319
    line-height: 25px;
4320
    padding: 0 0 0 10px;
4321
}
4322
.leftcontent .box p {
4323
    line-height: 18px;
4324
    padding: 0px 0 4px 10px;
4325
}
4326
/* linke Spalte Startseite */
4327
.startseite .box {
4328
    padding: 10px;
4329
    width: 169px;
4330
    /*border-right:1px solid #bbb;*/
4331
    min-height: 315px;
4332
}
4333
.startseite .subdir_info {
4334
    margin-top: 45px;
4335
}
4336
/** rechte Spalte Startseite **/
4337
.rightcontent {
4338
    width: 100%;
4339
    float: left;
4340
}
4341
 
4342
/** AKTION oben Einzelartikel **/
4343
.aktion_item {
4344
    margin: 20px 0 20px 0;
4345
}
4346
.aktion_item_img {
4347
    float: left;
4348
    /*width:330px;*/
4349
    margin-left: -13px;
4350
    text-align: center;
4351
    vertical-align: middle !important;
4352
    height: 330px;
4353
    /*display:inline-table;*/
4354
}
4355
.aktion_item_text {
4356
    float: left;
4357
    width: 258px;
4358
    padding-top: 70px;
4359
    padding-left: 20px;
4360
}
4361
.aktion_item_name {
4362
    padding: 15px 20px 15px 0;
4363
}
4364
.aktion_item_preis {
4365
    font-weight: 700;
4366
    text-align: right;
4367
    width: 80%;
4368
}
4369
.aktion_item_text h1 {
4370
    font-weight: normal;
4371
    line-height: 0.9em;
4372
}
4373
.aktion_bild {
4374
    padding-top: 4px;
4375
    margin-bottom: 10px;
4376
    margin-left: 13px;
4377
}
4378
.aktion_bild img {
4379
    max-width: 840px;
4380
}
4381
.service_box {
4382
    width: 100%;
4383
    padding: 1% 0px;
4384
    text-align: center;
4385
    float: left;
4386
}
4387
 
4388
 
4389
.aktion_dir {
4390
    margin-bottom: 20px;
4391
}
4392
.aktion_dir_img {
4393
    text-align: center;
4394
}
4395
/** /AKTION oben Einzelartikel **/
4396
 
4397
/** Adresse Bestellvorgang **/
4398
.shippingAddress,
4399
.billingAddress {
4400
    text-align: left;
4401
}
4402
.changeShippingAddress:hover,
4403
.changeBillingAddress:hover {
4404
    cursor: pointer;
4405
}
4406
/**                    **/
4407
.tabelle {
4408
    display: table;
4409
    width: 100%;
4410
}
4411
.tabelle .head {
4412
    font-weight: bold;
4413
}
4414
.tabelle div {
4415
    display: table-row;
4416
}
4417
.tabelle div div {
4418
    display: table-cell;
4419
}
4420
/** Favoriten **/
4421
 
4422
/** Adresse Login Center **/
4423
.addresses .box_middle .boxInner {
4424
    width: 48%;
4425
    float: left;
4426
    padding-bottom: 2%;
4427
    padding-left: 2%;
4428
}
4429
.addresses .box_middle .boxInner:nth-child(2n + 1) {
4430
    padding-left: 0;
4431
}
4432
.addresses .box_middle .boxInner > div {
4433
    padding: 0 2%;
4434
}
4435
 
4436
 
4437
/** Buy / Kaufen **/
4438
.content .box_2 .bestellartWrapper {
4439
    float: left;
4440
    width: 33%;
4441
}
4442
.content .box_2 .bestellartWrapper .bestellartHeadline {
4443
    padding: 5px 9px;
4444
    float: left;
4445
    font-weight: bold;
4446
    width: 100%;
4447
}
4448
.content .box_2 .bestellartWrapper .bestellartbox {
4449
    border: 1px solid #484848;
4450
    width: 65%;
4451
    height: 200px;
4452
    padding: 15%;
4453
    float: left;
4454
    margin: 0 1.5%;
4455
}
4456
 
4457
.content .box_2 .bestellartWrapper .bestellartbox .bestellartInfoText {
4458
    float: left;
4459
    min-height: 185px;
4460
    width: 100%;
4461
    line-height:1.4rem;
4462
}
4463
.content .box_2 .bestellartWrapper .bestellartbox .bestellartLogin {
4464
    padding: 0px 0 10px 0;
4465
    float: left;
4466
    width:100%;
4467
}
4468
.content .box_2 .bestellartWrapper .bestellartbox .bestellartButtons {
4469
    text-align: center;
4470
}
4471
.content .box_2 .bestellartWrapper .bestellartbox .bestellartButtons input {
4472
    margin: 0 !important;
4473
    background: url(/images/webelemente/butt_anmelden.png) no-repeat;
4474
    width: 144px;
4475
    height: 40px;
4476
    border: 0px !important;
4477
}
4478
#kundendaten {
4479
    width: 100% !important;
4480
}
4481
 
4482
/* typo3 infoseite brandklassen */
4483
.csc-textpic-single-image img {
4484
    max-width:96%;
4485
    margin-bottom:40px;
4486
}
4487
.typo3content table {
4488
    width: 100%;
4489
    border: 1px solid #3A3B3D;
4490
}
4491
.typo3content table img {
4492
    width: auto;
4493
    max-width: 100%;
4494
    height: auto;
4495
}
4496
.typo3content table td {
4497
    width: 14%;
4498
    max-width: 14% !important;
4499
    border-bottom: 1px solid #3A3B3D;
4500
    border-right: 1px solid #3A3B3D;
4501
    text-align: center;
4502
}
4503
.typo3content table td:first-child,
4504
.typo3content .tbl_head {
4505
    -moz-hyphens: auto;
4506
    -o-hyphens: auto;
4507
    -webkit-hyphens: auto;
4508
    -ms-hyphens: auto;
4509
    hyphens: auto;
4510
    max-width: calc(14% - 20px) !important;
4511
    padding: 0 10px;
4512
}
4513
.typo3content table td:last-child {
4514
    border-right: none;
4515
}
4516
 
4517
 
4518
/* typo3 infoseite zahlungsarten */
4519
#zahlungsarten img {
4520
    padding: 30px 30px 30px 0;
4521
}
4522
.bxslider {
4523
    text-align: center;
4524
    list-style-type: none;
4525
}
4526
 
4527
/* typo3 tabellen */
4528
.typo3content .contenttable {
4529
    width: 100%;
4530
}
4531
.typo3content .contenttable td {
4532
    padding: 3px;
4533
}
4534
.smartphone,
4535
.mobile {
4536
    display: none;
4537
}
4538
.slider {
4539
    border-bottom: none;
4540
}
4541
.slider .inner {
4542
    padding: 0;
4543
}
4544
.strike {
4545
    text-decoration: line-through;
4546
}
4547
 
4548
#gewichtsHinweis {
4549
    color: #c00c08;
4550
    text-decoration: underline;
4551
}
4552
 
4553
/* font awesome */
4554
.fa-chevron-right {
4555
    color: #8e1406;
4556
}
4557
 
4558
/** item Detailseite **/
4559
.item-3-cols {
4560
    width: 100%;
4561
}
4562
.item_leftrow {
4563
    float: left;
4564
    width: 60%;
4565
    padding: 0% 2% 2% 2%;
4566
}
4567
#item_name_h1 {
4568
    line-height:1.1em;
4569
}
4570
.item_leftrow h1 {
4571
    padding: 0 0 25px 0;
4572
}
4573
.item_centerrow {
4574
    float: left;
4575
    width: 20%;
4576
    padding: 2%;
4577
}
4578
.leftrow_flex {
4579
    display:flex;
4580
}
4581
.item_rightrow {
4582
    float: left;
4583
    width: 35%;
4584
    padding:0;
4585
}
4586
.item_rightrow .mengeninput {
4587
    border: none;
4588
    border-radius: 5px;
4589
}
4590
 
4591
.item_rightrow .item_preisbox {
4592
}
4593
.item_rightrow .item_preis {
4594
    color: #EA5802;
4595
    font-weight: bold;
4596
    float:left;
4597
}
4598
.item_rightrow .item_preiseinheit {
4599
    vertical-align: 8px;
4600
    color: #3e3e3e;
4601
    margin-left: 5px;
4602
    margin-top: 18px;
4603
    display: inline-block;
4604
}
4605
.item_rightrow .vk_link {
4606
    text-decoration: underline;
4607
    padding: 5px 0 0 0;
4608
    display: block;
4609
    color: #7a7a7a;
4610
}
4611
.item_rightrow .lieferstatusImg {
4612
    display: none;
4613
}
4614
.item_rightrow .lieferstatusText {
4615
    clear: both;
4616
    float: none;
4617
    margin: 15px 0 0 0;
4618
    display: block;
4619
}
4620
.item_rightrow .basketMenge {
4621
    padding: 7px;
4622
    border-top-left-radius:12px;
4623
    border-bottom-left-radius:12px;
4624
 
4625
}
4626
.basket_addFavorites {
4627
    cursor:pointer;
4628
    border-radius:12px;
4629
    display: flex;
4630
    justify-content: center;
4631
    align-items: center;
4632
    padding:0 3%;
4633
}
4634
.item_divider {
4635
    border-top: 1px solid #a7a7a7;
4636
    margin: 15px 0 12px 0;
4637
    clear: both;
4638
    float: none;
4639
}
4640
.item_icons {
4641
    text-transform: uppercase;
4642
    width: 50px;
4643
    text-align: center;
4644
    margin-right: 15px;
4645
    float: left;
4646
    margin-bottom: 8px;
4647
}
4648
.item_icons img {
4649
    width: 35px;
4650
    height: 35px;
4651
}
4652
 
4653
/* item_table_row */
4654
.item_table {
4655
    clear: both;
4656
    float: none;
4657
    width: 100%;
4658
}
4659
.item_tablerow {
4660
    clear: both;
4661
    float: none;
4662
}
4663
.item_tablerow_img,
4664
.item_tablerow_text,
4665
.item_tablerow_link,
4666
.item_tablerow_menge,
4667
.item_tablerow_order {
4668
    display: table-cell;
4669
    vertical-align: middle !important;
4670
    padding: 5px;
4671
    border-bottom: 1px solid #3e3e3e;
4672
}
4673
.item_tablerow_img {
4674
    border-right: 1px solid #3e3e3e;
4675
    text-align: center;
4676
    background-color: #fff;
4677
    height: 50px;
4678
    min-width: 50px;
4679
}
4680
.item_tablerow_img img {
4681
    max-height: 45px;
4682
    max-width: 45px;
4683
}
4684
.item_tablerow_text {
4685
    width: 81%;
4686
    border-right: 1px solid #3e3e3e;
4687
}
4688
.item_tablerow_link {
4689
    border-right: 1px solid #3e3e3e;
4690
    text-align: center;
4691
    width: 80px;
4692
}
4693
.item_tablerow_link a:link,
4694
.item_tablerow_link a:active,
4695
.item_tablerow_link a:visited {
4696
    color: #b81d19;
4697
    text-decoration: none;
4698
}
4699
.item_tablerow_link a:hover {
4700
    text-decoration: underline;
4701
}
4702
.item_tablerow_menge {
4703
    border-right: 1px solid #3e3e3e;
4704
    text-align: center;
4705
    background-color: #c1bfb9 !important;
4706
    width: 45px;
4707
}
4708
.basket_row .itemSmall_menge {
4709
    display: flex;
4710
    justify-content: center;
4711
    gap: 5px;
4712
}
4713
.itemSmall_menge input {
4714
    margin:0!important;
4715
}
4716
.item_tablerow_menge .itemSmall_menge {
4717
    width: 100%;
4718
    background-color: #c1bfb9 !important;
4719
}
4720
.item_tablerow_menge .mengeninput {
4721
    width: 30px;
4722
    height: 25px;
4723
    margin: 0;
4724
    padding: 0;
4725
    text-align: center;
4726
}
4727
.item_tablerow_order {
4728
    text-align: center;
4729
    background-color: #EA5802 !important;
4730
    color: #fff;
4731
    min-width: 80px;
4732
}
4733
.item_tablerow_order * {
4734
    background-color: #EA5802 !important;
4735
}
4736
.item_table .last div {
4737
    border-bottom: none;
4738
}
4739
/* /item_table_row */
4740
 
4741
/* itemSlider */
4742
.section_itemSlider {
4743
    width: 100%;
4744
    clear: both;
4745
    padding: 1% 0;
4746
    margin: 20px auto;
4747
}
4748
#topic_themenwelten {
4749
    background-color: rgb(0, 0, 0);
4750
    text-align: center;
4751
    color: rgb(255, 255, 255);
4752
    width: 100%;
4753
    margin: 0;
4754
    padding: 1% 0;
4755
}
4756
 
4757
 
4758
.section_itemSlider .bx-wrapper {
4759
    /*
4760
    width:100%!important;
4761
    max-width:1005px!important;
4762
    */
4763
    overflow:unset;
4764
}
4765
.section_itemSlider .bx-prev {
4766
    margin-left:-50px;
4767
}
4768
.section_itemSlider .bx-next {
4769
    margin-right:-50px;
4770
}
4771
div.itemSlider {
4772
    width: 100% !important;
4773
    border: 1px solid #f00;
4774
}
4775
.itemSliderWrapper .bx-wrapper img {
4776
    display: inline-block;
4777
}
4778
.bx-wrapper img {
4779
    margin:0 auto;
4780
}
4781
.item_slider_img {
4782
    text-align: center;
4783
    min-height:208px;
4784
    max-height:208px;
4785
    overflow:hidden;
4786
    display: flex;
4787
    justify-content: center
4788
}
4789
 
4790
 
4791
/*
4792
.item_slider_img a {
4793
    align-self: center!important;
4794
}
4795
*/
4796
.itemSlider .item_slider_img img {
4797
    max-height: 140px;
4798
    width: auto !important;
4799
    display: inline !important;
4800
    margin: 0 auto;
4801
}
4802
.item_slider_hersteller {
4803
    margin: 3% 0;
4804
    height: 30px;
4805
}
4806
.item_slider_hersteller img {
4807
    width: auto !important;
4808
    max-height: 30px !important;
4809
}
4810
 
4811
.item_slider_top {
4812
    position: absolute;
4813
}
4814
.item_slider_special {
4815
    margin: 3px;
4816
    position: fixed;
4817
    width: 100%;
4818
}
4819
.item_slider_special img {
4820
    max-width: 40px;
4821
    float: left;
4822
    margin-right: 2px;
4823
}
4824
 
4825
.itemSliderWrapper .bx-wrapper {
4826
    /*   max-width:95%!important; */
4827
}
4828
.itemSlider .item_preis {
4829
    margin-top: 3%;
4830
    line-height: 1.2em;
4831
}
4832
.item_slider_inner {
4833
    padding: 2%;
4834
    width: 100%;
4835
}
4836
h3.bezeichnung.slider.topic {
4837
    font-weight: normal;
4838
}
4839
h3.bezeichnung.slider.topic a,
4840
h3.bezeichnung.slider.topic a:hover,
4841
h3.bezeichnung.slider.topic a:focus
4842
 {
4843
    color:#3A3B3D!important;
4844
}
4845
 
4846
.itemSliderWrapper {
4847
    max-width: 100% !important;
4848
    margin: 0 auto;
4849
}
4850
 
4851
/* infobar */
4852
.infobar ul {
4853
    display: table;
4854
    margin: 0 auto;
4855
    width: 100%;
4856
    max-width: 1005px;
4857
}
4858
.infobar ul li {
4859
    float: left;
4860
    list-style-type: none;
4861
    padding: 2px 0;
4862
    width: 25%;
4863
    text-align: center;
4864
}
4865
 
4866
.trustpilot {
4867
    clear: both;
4868
}
4869
.trustpilot .box_top {
4870
    text-align:center;
4871
}
4872
 
4873
/** internet explorer hacks **/
4874
@media screen\0 {
4875
    #suchbegriff {
4876
        height: 17px;
4877
    }
4878
}
4879
 
4880
/*Santander Finanzierung*/
4881
#finanzierung {
4882
    background:#9999;
4883
}
4884
#finanzierungsDlg table tr td table td {
4885
    padding: 7px 5px;
4886
}
4887
#finanzierungsDlg .wrapper {
4888
    width: 60%;
4889
    margin: 20px auto 0 auto;
4890
}
4891
.result select,
4892
.result input {
4893
    border: 1px solid #ccc !important;
4894
    text-align: right !important;
4895
}
4896
 
4897
.scontent td {
4898
    width: auto;
4899
}
4900
.scontent input {
4901
    text-align: right;
4902
}
4903
.scontent select {
4904
    border: 1px solid #ccc !important;
4905
}
4906
 
4907
/*Amazon Payments */
4908
#addressBookWidgetDiv,
4909
#walletWidgetDiv {
4910
    width: 49%;
4911
    height: 228px;
4912
    float: left;
4913
    margin-top: 0px;
4914
}
4915
#readOnlyAddressBookWidgetDiv,
4916
#readOnlyWalletWidgetDiv {
4917
    width: 49%;
4918
    height: 185px;
4919
    float: left;
4920
}
4921
#readOnlyWalletWidgetDiv {
4922
    margin-top: -18px !important;
4923
}
4924
#walletWidgetDiv,
4925
#readOnlyWalletWidgetDiv {
4926
    margin-left: 10px;
4927
}
4928
 
4929
/* typo3 content */
4930
.typo3content {
4931
    padding: 2%;
4932
    width: 96%;
4933
}
4934
.typo3content h3 {
4935
    padding:0;
4936
}
4937
.typo3content p {
4938
    font-weight: normal;
4939
    line-height: 1.4em;
4940
}
4941
.typo3content ul,
4942
.csc-mailform ol {
4943
    margin-left: 2% !important;
4944
}
4945
.csc-mailform ol {
4946
    list-style-type: none;
4947
}
4948
.csc-default {
4949
    clear: both;
4950
    float: left;
4951
    margin: 0 auto 5% auto;
4952
    width: 100%;
4953
}
4954
.csc-textpic-intext-left .csc-textpic-imagewrap {
4955
    float: left;
4956
    padding: 0 20px 0 0;
4957
}
4958
.csc-firstHeader {
4959
    padding: 0 0 3% 0;
4960
}
4961
.csc-mailform .csc-form-element {
4962
    padding: 5px;
4963
}
4964
.csc-mailform label {
4965
    width: 20%;
4966
    float: left;
4967
}
4968
 
4969
/* versand accordion */
4970
h3.vkselection {
4971
    height: auto;
4972
    float: left;
4973
    width: 98%;
4974
    padding: 1% !important;
4975
    margin: 0 !important;
4976
}
4977
.ui-accordion .ui-accordion-content {
4978
    width:calc(96% - 2px);
4979
    padding: 2% !important;
4980
}
4981
 
4982
.za_text {
4983
    float: left;
4984
    display: block;
4985
    width: 80%;
4986
    padding: 0;
4987
}
4988
.za_text p {
4989
    margin: 1% 0 0 30px;
4990
}
4991
.za_logo {
4992
    float: right;
4993
    display: block;
4994
    width: 13%;
4995
    text-align: right;
4996
}
4997
.za_logo img {
4998
    max-height: 30px;
4999
    width: auto;
5000
    padding-left: 2%;
5001
}
5002
.auswahl {
5003
    float: left;
5004
    display: block;
5005
    width: calc(6% - 8px);
5006
    text-align: center;
5007
    padding: 0 4px;
5008
}
5009
.auswahl img {
5010
    max-height: 30px;
5011
    width: auto;
5012
}
5013
 
5014
.fancybox-overlay {
5015
    z-index: 8010;
5016
}
5017
 
5018
/* detailseite finanzierung */
5019
#finanzierungsLink {
5020
    margin: 3% 0%;
5021
    background-color: lightgrey;
5022
    padding: 4%;
5023
}
5024
.finance_info,
5025
.vorkasse_info,
5026
#finanzierungsLink_a {
5027
    margin-bottom: 3%;
5028
    margin-top: 3%;
5029
}
5030
#finanzierungsLink_a {
5031
    color: #EA5802;
5032
}
5033
form#basket {
5034
    width: 100%;
5035
}
5036
 
5037
.itemBasketButton .favoriteButton {
5038
    cursor: pointer;
5039
}
5040
.content .box_2 .thumbs_container .thumbs {
5041
    float: left;
5042
    text-align: center !important;
5043
    list-style-type: none;
5044
    width: 31%;
5045
    max-width: 210px;
5046
    height: 100%;
5047
    max-height: 140px;
5048
    margin-right: 1.5%;
5049
}
5050
.itemBasketButton .favorite_ButtonInner {
5051
 
5052
}
5053
.favorite_ButtonInner {
5054
    cursor:pointer;
5055
}
5056
 
5057
input.ui-button {
5058
    padding: 0.3em 1em !important;
5059
}
5060
 
5061
.uvp {
5062
    clear: both;
5063
}
5064
#youtubeFrame {
5065
    width: 100%;
5066
    height: auto;
5067
}
5068
#add_basket_msg {
5069
    max-width: 600px;
5070
}
5071
 
5072
/* IMG BOX */
5073
.einstieg02 {
5074
    width: 1400px !important;
5075
    margin-left: auto;
5076
    margin-right: auto;
5077
}
5078
 
5079
.einstieg02 .inner {
5080
    display: -ms-grid;
5081
    display: grid;
5082
    -ms-grid-columns: (minmax(10px, 1fr)) [3];
5083
    grid-template-columns: repeat(3, minmax(10px, 1fr));
5084
    -ms-grid-rows: (320px) [auto-fill];
5085
    grid-template-rows: repeat(auto-fill, 320px);
5086
    gap: 30px;
5087
}
5088
 
5089
.einstieg02 .inner .einstieg_box {
5090
    width: 375px;
5091
    height: 320px;
5092
    background-position: center;
5093
    background-repeat: no-repeat;
5094
    background-size:cover;
5095
}
5096
 
5097
.einstieg02 .inner .einstieg_box .einstieg_name {
5098
    box-sizing: border-box;
5099
    hyphens: auto;
5100
    height: 100%;
5101
    padding:0;
5102
    color: rgba(248, 246, 244, 0) !important;
5103
    font-weight: bold;
5104
    text-transform: uppercase;
5105
    text-align: center;
5106
    display: -webkit-box;
5107
    display: -ms-flexbox;
5108
    display: flex;
5109
    -webkit-box-orient: horizontal;
5110
    -webkit-box-direction: normal;
5111
    -ms-flex-direction: row;
5112
    flex-direction: row;
5113
    -webkit-box-align: center;
5114
    -ms-flex-align: center;
5115
    align-items: center;
5116
    -webkit-box-pack: center;
5117
    -ms-flex-pack: center;
5118
    justify-content: center;
5119
    line-height: normal;
5120
    transition:all 200ms ease;
5121
}
5122
 
5123
.einstieg02 .inner .einstieg_box .einstieg_name:focus,
5124
.einstieg02 .inner .einstieg_box .einstieg_name:hover {
5125
    -webkit-transition: 250ms ease-in-out all !important;
5126
    transition:all 200ms ease;
5127
    color: #f8f6f4 !important;
5128
    background: linear-gradient(150deg, rgba(150,195,100,.7) 0%, rgba(150,195,100,.7) 53%, rgba(149,206,189,.7) 100%);
5129
}
5130
 
5131
@media screen and (max-width: 1300px) and (min-width: 769px) {
5132
    .einstieg02 {
5133
        width: 770px !important;
5134
    }
5135
    .einstieg02 .inner {
5136
        -ms-grid-columns: (minmax(10px, 1fr)) [2];
5137
        grid-template-columns: repeat(2, minmax(10px, 1fr));
5138
    }
5139
    .einstieg02 .inner .einstieg_box {
5140
        width: 100%;
5141
        height: 320px;
5142
    }
5143
 
5144
    .subdir {
5145
        grid-template-columns: repeat(2, minmax(10px, 1fr));
5146
    }
5147
}
5148
 
5149
@media screen and (max-width: 768px) {
5150
    /* Mobile */
5151
    .einstieg02 {
5152
        width: 100% !important;
5153
    }
5154
    .einstieg02 .inner {
5155
        -ms-grid-columns: auto;
5156
        grid-template-columns: auto;
5157
        margin-left: auto;
5158
        margin-right: auto;
5159
    }
5160
    .einstieg02 .inner .einstieg_box {
5161
        width: 100%;
5162
        height: 320px;
5163
    }
5164
    .einstieg02 .inner .einstieg_box .einstieg_name {
5165
        color: #f8f6f4 !important;
5166
        background-color: rgba(50, 50, 50, 0.75) !important;
5167
    }
5168
    .einstieg02 .inner .einstieg_box .einstieg_name:focus,
5169
    .einstieg02 .inner .einstieg_box .einstieg_name:hover {
5170
        background-color: rgba(50, 50, 50, 0) !important;
5171
    }
5172
 
5173
    .subdir {
5174
        grid-template-columns: minmax(10px, 1fr);
5175
    }
5176
}
5177
 
5178
.tipp {
5179
    max-width: 28px!important;
5180
    margin: 0 0 2px 12px;
5181
}
5182
.shopname {
5183
    margin-bottom:10px;
5184
    cursor:pointer;
5185
    max-width:366px;
5186
    line-height:1.1em;
5187
    padding-top:20px;
5188
}
5189
.dropd {
5190
    padding:3px;
5191
}
5192
 
5193
details[open] summary ~ * {
5194
  animation: open 0.3s ease-in-out;
5195
}
5196
@keyframes open {
5197
  0% {
5198
    opacity: 0;
5199
  }
5200
  100% {
5201
    opacity: 1;
5202
  }
5203
}
5204
 
5205
.steps_headline {
5206
    padding:2% 0!important;
5207
}
5208
 
5209
.basket_table_artikel {
5210
    margin-left:10px;
5211
    padding-left:10px;
5212
    width:calc(66% - 20px);
5213
    float:left;
5214
}
5215
 
5216
#beschreibung2 {
5217
    padding:2%;
5218
}
5219
.topbutton_text {
5220
    padding:10px 0;
5221
}
5222
.service_center_text {
5223
    transition:display 200ms ease-in-out;
5224
    margin-bottom:3vh;
5225
}
5226
 
5227
.inner_basket h1,
5228
.inner_basket h3 {
5229
    padding:10px;
5230
}
5231
 
5232
 
5233
.versand_laenderauswahl {
5234
    float:right;
5235
    text-align:right;
5236
    padding:2%;
5237
}
5238
#versandoptionen > div {
5239
    padding:10px 2px;
5240
}
5241
 
5242
.bottom_nav {
5243
    display:flex;
5244
    margin:0;
5245
    justify-content:end;
5246
    align-items: center;
5247
    gap:2%;
5248
    margin-bottom:40px;
5249
    width:50%;
5250
    float:right;
5251
}
5252
.bottom_nav div {
5253
    width:100%;
5254
    text-align:right;
5255
}
5256
.bottom_nav .weiterButton {
5257
    margin-right:6%;
5258
}
5259
.bottom_nav_right .weiterButton,
5260
.bottom_nav_right .druckenButton {
5261
    margin-right:2%;
5262
}
5263
.special_buy,
5264
.bottom_nav_left {
5265
    display:table-cell;
5266
    vertical-align:middle!important;
5267
    height:70px;
5268
    text-align:left;
5269
}
5270
 
5271
.bottom_nav_left a {
5272
    margin-left:2%;
5273
}
5274
.bottom_nav_right {
5275
    display:table-cell;
5276
    text-align:right;
5277
    vertical-align:middle!important;
5278
    height:70px;
5279
}
5280
.special_buy {
5281
    width:4%;
5282
}
5283
.special_buy {
5284
    width:200px;
5285
    padding:0 4px;
5286
}
5287
 
5288
.bottom_nav{
5289
    position:relative;
5290
}
5291
.weiterButton {
5292
    margin:10px 5px;
5293
}
5294
 
5295
/* eigenschaften table */
5296
.merkmale {
5297
    width:50%;
5298
}
5299
.merkmale tr > td:first-of-type {
5300
    border-right:1px solid #e3e3e3;
5301
}
5302
.merkmale tr:nth-of-type(2n) td {
5303
    background-color:#fcfcfc;
5304
}
5305
.merkmale td {
5306
    vertical-align:top;
5307
    padding:2%;
5308
    border-bottom:1px solid #e3e3e3;
5309
}
5310
.merkmale tr:last-of-type td {
5311
    border-bottom:none;
5312
}
5313
.merkmale tr td:last-of-type {
5314
    font-style:italic;
5315
}
5316
/* ENDE eigenschaften table */
5317
 
5318
.bewertungen {
5319
    padding: 10px 0;
5320
 
5321
}
5322
.bewertungen img {
5323
    max-width:17px;
5324
    height:auto;
5325
}
5326
 
5327
.box_2 .sie_sparen {
5328
    display:block;
5329
    padding:2%;
5330
    width:auto;
5331
    margin:2% 0;
5332
    width:fit-content;
5333
}
5334
.weber_aktion {
5335
    margin-top: 20px;
5336
    background: #EA5802;
5337
    color: #fff;
5338
    width: 120px;
5339
    border-radius: 98%;
5340
    display: block;
5341
    text-align: center;
5342
    height: 120px;
5343
    display: flex;
5344
    justify-content: center;
5345
    align-items: center;
5346
    padding: 2%;
5347
 
5348
}
5349
.weber_aktion:hover {
5350
    background-color:#a4465e;
5351
}
5352
a.weber_aktion:link,
5353
a.weber_aktion:active,
5354
a.weber_aktion:visited {
5355
    color:#fff;
5356
    text-decoration:none;
5357
}
5358
a.weber_aktion:focus,
5359
a.weber_aktion:hover {
5360
    color:#fff;
5361
    text-decoration:none;
5362
 
5363
}
5364
.weber_aktion_img {
5365
    max-width:250px;
5366
    margin:10px 0;
5367
}
5368
.tooltip_opener{
5369
    text-decoration:underline!important;
5370
}
5371
.tooltip {
5372
    position:absolute;
5373
    transition:display 200ms ease-in-out;
5374
    display:none;
5375
    background:#fff;
5376
    border:1px solid #ccc;
5377
    padding:2%;
5378
    color:#3A3B3D;
5379
    text-align:left;
5380
}
5381
.tooltip ul {
5382
    margin-left:5%!important;
5383
}
5384
.hersteller_menu {
5385
    width:96%;
5386
    padding:2%;
5387
}
5388
 
5389
.artikel_box .preis_lieferstatus {
5390
    width:46%!important;
5391
    padding:2%!important;
5392
}
5393
 
5394
 
5395
 
5396
.item_pp_message {
5397
    padding:2% 0;
5398
    clear:both;
5399
    margin:2% 0;
5400
}
5401
 
5402
.liefer_24h {
5403
    margin-left:10%!important;
5404
    margin:5px 0 0 0;
5405
    width:40px;
5406
    height:auto;
5407
}
5408
 
5409
 
5410
.icons {
5411
    margin-top:20px;
5412
    display:flex;
5413
    flex-direction:column;
5414
    flex-flow:wrap;
5415
    justify-content: space-around;
5416
}
5417
.icons div {
5418
    width:50%;
5419
    align-self: center;
5420
}
5421
.icons img {
5422
    max-width: 90%;
5423
    height: auto;
5424
    padding: 5% 5% 5% 0;
5425
}
5426
 
5427
 
5428
 
5429
header .nav_container {
5430
    /*background: url(/images/webelemente/header_weihnachten.jpg);*/
5431
}
5432
.schleife {
5433
    padding:4px 0;
5434
    background:#fff;
5435
}
5436
.item_rightrow .small {
5437
    float:none!important;
5438
}
5439
.easycredit_box {
5440
    display: flex;
5441
    flex-wrap: wrap;
5442
    align-items: center;
5443
    border: 1px solid #0066B3;
5444
    border-radius:5px;
5445
    max-width: max-content;
5446
    padding: 7px;
5447
    width: 100%;
5448
    min-width:357px;
5449
}
5450
 
5451
.easycredit_box > div {
5452
    width:auto;
5453
}
5454
 
5455
.ec-text-beschreibung {
5456
    display:none;
5457
}
5458
.liefer_select {
5459
    padding:10px;
5460
    display:flex;
5461
    flex-wrap:wrap;
5462
    gap:10px;
5463
}
5464
.liefer_select input {
5465
    width:unset;
5466
    margin:0 3px;
5467
}
5468
 
5469
 
5470
/* adressdaten eingabe */
5471
.adressdaten {
5472
    display:flex;
5473
    flex-direction: column;
5474
    gap:50px;
5475
}
5476
.adressdaten input[type=text],
5477
.adressdaten input[type=email],
5478
.adressdaten textarea {
5479
    border-radius:5px;
5480
  -webkit-appearance: none;
5481
  -moz-appearance: none;
5482
  appearance: none;
5483
}
5484
input[type=checkbox] {
5485
    appearance:auto;
5486
}
5487
.adressdaten .input_error_msg {
5488
    display:none;
5489
}
5490
.adressdaten .placeholder {
5491
    color:#8E8E8E;
5492
    position: absolute;
5493
    margin:8px 0 0 8px;
5494
    transition:all .4s ease;
5495
}
5496
.adressdaten select {
5497
    width:calc(100% - 2px);
5498
}
5499
.adressdaten .input_error_msg {
5500
    display:none;
5501
    font-size:.7em;
5502
    font-style:italic;
5503
    padding: 3px;
5504
}
5505
 
5506
#herstellerLogo {
5507
    display:flex;
5508
    flex-direction:column;
5509
}
5510
 
5511
.versand_laenderauswahl {
5512
    float:none;
5513
}
5514
#versand_laenderauswahl {
5515
    max-width:max-content;
5516
}
5517
 
5518
 
5519
.itemTableBox {
5520
    width:96%;
5521
}
5522
.itemTableBox td {
5523
    padding:10px;
5524
}
5525
.itemTableBox input[type=radio] {
5526
    margin:1%!important;
5527
}
5528
.p1_preis {
5529
    text-align:right;
5530
}
5531
.konfig_icons {
5532
    display:flex;
5533
    width:100%;
5534
    gap:4px;
5535
    flex-wrap:wrap;
5536
    padding-bottom:10px;
5537
}
5538
.konfig_preis, .konfig_einzelpreis {
5539
  font-size: 1.4em;
5540
  color: #EA5802;
5541
}
5542
.konfig_scroll {
5543
    width: 43%;
5544
    display: block;
5545
    border: 1px solid #aaa;
5546
    float: right;
5547
    margin-right: 2%;
5548
    padding: 2%;
5549
    position:sticky;
5550
}
5551
.artikel_ul {
5552
    margin-left:20px;
5553
}
5554
.artikel_ul li {
5555
    list-style-type:none;
5556
    padding-bottom:3px;
5557
}
5558
.artikel_ul li:before {
5559
  content: "✓"; /* FontAwesome Unicode */
5560
  font-family: FontAwesome;
5561
  display: inline-block;
5562
  margin-left: -1.3em; /* same as padding-left set on li */
5563
  width: 1.3em; /* same as padding-left set on li */
5564
}
5565
.itemTable_container > div {
5566
    float: left;
5567
    display: table;
5568
    border: 1px solid #ccc;
5569
}
5570
.konfigurator_artikel div:last-child {
5571
    text-align:right;
5572
}
5573
 
5574
.module ul {
5575
    margin-left:25px;
5576
}
5577
 
5578
.tr0,
5579
.tr1 {
5580
    display:flex;
5581
    flex-wrap:wrap;
5582
    flex-flow:column;
5583
}
5584
.tr0 label,
5585
.tr1 label {
5586
    display:inline-grid;
5587
}
5588
.p1_input {
5589
    display: flex;
5590
    align-items: baseline;
5591
}
5592
 
5593
.itemTable_container > div {
5594
    width:100%;
5595
}
5596
.lieferstatus {
5597
    font-size:.8em;
5598
}
5599
 
5600
 
5601
 
5602
#container-content #artikel {
5603
    display:contents;
5604
}
5605
#bestellung div#artikel {
5606
    display:flow-root;
5607
}
5608
 
5609
div.artikel_bottom {
5610
    padding:2%;
5611
}
5612
 
5613
.ce-textpic {
5614
    display: flex;
5615
    flex-wrap: wrap;
5616
    justify-content: left;
5617
    align-items: center;
5618
    gap: 20px;
5619
}
5620
.ce-textpic .ce-gallery {
5621
    text-align:center;
5622
}
5623
.ce-textpic > div:nth-of-type(1) {
5624
    width:30%;
5625
}
5626
.ce-textpic > div:nth-of-type(2) {
5627
    width:68%;
5628
}
5629
 
5630
 
5631
 
5632
 
5633
.hinweis_vk {
5634
    margin-top:3px;
5635
}
5636
 
5637
.hinweis_text {
5638
  font-size: 16px;
5639
  line-height: 1em;
5640
  padding-top:19px;
5641
}
5642
 
5643
.hinweis_text2 {
5644
    font-size: 9px !important;
5645
    padding-left: 81px;
5646
}
5647
 
5648
 
5649
.icons {
5650
    display: flex;
5651
    flex-wrap: wrap;
5652
    gap: 0px;
5653
    flex-direction: row;
5654
    align-items: center;
5655
    height: fit-content;
5656
    justify-content:left;
5657
}
5658
.icons img {
5659
    transition:all 400ms ease;
5660
    transform: scale(.8);
5661
    width: calc(100% - 10px);
5662
    height: auto;
5663
    max-width:100px;
5664
    padding:1%;
5665
}
5666
.icons img:hover,
5667
.icons img:focus {
5668
    transform: scale(1);
5669
    transition: all 400ms ease;
5670
    box-shadow: 2px 2px 2px #666;
5671
}
5672
 
5673
.shoplogos,
5674
.social {
5675
    display:flex;
5676
    gap:10px;
5677
}
5678
.social img {
5679
    width:40px;
5680
    height:40px;
5681
}
5682
 
5683
.shoplogos {
5684
    justify-content:left;
5685
    align-items:center;
5686
}
5687
.shoplogos img {
5688
    width:100%;
5689
    max-width:110px;
5690
    height:auto;
5691
}
5692
 
5693
 
5694
.service_center > div {
5695
    flex:1;
5696
}
5697
.service_center > div:nth-of-type(3) {
5698
    flex:2;
5699
}
5700
.service_center_menu {
5701
    display:flex;
5702
    list-style-type: none;
5703
    max-height: 36vh;
5704
    flex-direction: column;
5705
    flex-wrap:wrap;
5706
}
5707
.service_center_menu li {
5708
    width:50%;
5709
}
5710
 
5711
 
5712
/* adressdaten eingabe */
5713
.adressdaten {
5714
    display:flex;
5715
    flex-direction: column;
5716
    gap:24px;
5717
    width:70%;
5718
 
5719
    margin-left: auto;
5720
    margin-right: auto;
5721
}
5722
 
5723
/* TODO: Änderung auch in der Mobile/Tablet Version integrieren */
5724
.adressdaten * {
5725
    box-sizing: border-box;
5726
}
5727
 
5728
.adressdaten .addr_100 {
5729
    display:flex;
5730
    gap:4%;
5731
}
5732
.adressdaten .addr_50 {
5733
    width:48%;
5734
}
5735
.adressdaten .input_error_msg {
5736
    /*display:none;*/
5737
}
5738
 
5739
.adressdaten select {
5740
    width:calc(100% - 2px);
5741
}
5742
.adressdaten .input_error_msg {
5743
    /*display:none;*/
5744
    font-size:.7em;
5745
    font-style:italic;
5746
    padding: 3px;
5747
    margin-top:-15px;
5748
}
5749
 
5750
#herstellerLogo {
5751
    display:flex;
5752
    flex-direction:column;
5753
}
5754
td.basket_item_summe {
5755
    text-align:right;
5756
}
5757
 
5758
.bestell_checkbox {
5759
    display:flex;
5760
    gap:10px;
5761
}
5762
 
5763
.sliderVideos {
5764
    display:flex;
5765
    gap:10px;
5766
    flex-direction:row;
5767
    justify-content: center;
5768
}
5769
 
5770
.logo_breadcrumb{
5771
    display:flex;
5772
    gap:10px;
5773
    justify-content:center;
5774
    align-items:center;
5775
}
5776
 
5777
@media screen and (max-width:1100px) {
5778
    .service_center_menu {
5779
        max-height:unset;
5780
    }
5781
}