Subversion-Projekte lars-tiefland.marine-sales.de

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

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