Subversion-Projekte lars-tiefland.faltradxxs.de

Revision

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