Subversion-Projekte lars-tiefland.zeldi.de_alt

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