body { color:#6b6b6b; font-size: 15px; font-family: Ubuntu, Arial, verdana, "Trebuchet MS", Arial, sans-se; font-weight: 400; font-style: normal; background:url(/cms/daten/templates/layout/hintergrund.png); background-color: #eaeaea; } img { border-style:none; } h1 { font-family: Ubuntu; font-style: normal; font-weight: 500; color: #f39222; font-size:42px; line-height: normal; margin-top: 14px; margin-bottom: 14px; } h2 { color: #6b6b6b; font-size: 25px; font-weight: normal; line-height: 30px; } h3 { color: #6b6b6b; font-size: 18px; } hr{ border: solid 1px #f39222; } .produktdetailbereich hr { margin-top: 20px; margin-bottom: 20px; border-bottom: 1px dotted #d8d8d8; border-top-style: none; border-right-style: none; border-left-style: none; } .warenkorb hr{ border-bottom: 2px solid #d8d8d8; border-top-style: none; border-right-style: none; border-left-style: none; margin-top: 10px; margin-bottom: 10px; } .warenkorb_haendler hr { margin-top: 10px; margin-bottom: 10px; border-bottom: 1px dotted #d8d8d8; border-top-style: none; border-right-style: none; border-left-style: none; } a, a:link, a:visited{ color: #f39222; /*font-weight: bold;*/ text-decoration: none; } a:hover{ color: #f39222; /*font-weight: bold;*/ text-decoration: underline; } .grau a, .grau a:link, .grau a:visited{ color: #6b6b6b;} .warenkorb_produkt input{ border: 1px solid #d8d8d8; width: 50px; text-align: center; border-radius: 8px; height: 30px;} .btn5 {color: #ffffff; background: #67645f; /* Old browsers */ background: -moz-linear-gradient(top, #f39222 0%, #444341 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67645f), color-stop(100%,#444341)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f39222 0%,#444341 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f39222 0%,#444341 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f39222 0%,#444341 100%); /* IE10+ */ background: linear-gradient(to bottom, #f39222 0%,#444341 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39222', endColorstr='#444341',GradientType=0 ); /* IE6-9 */ /*background:-moz-linear-gradient(bottom,#444341,#67645F); /* Firefox */ /*filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='444341',endColorstr='#67645F'); /* Internet Explorer */ border: solid 1pt #444341;/*border: dotted 2pt #6b6b6b;*/ border-radius: 8px; display: inline-block; padding: 14px 19px 11px; vertical-align: middle; white-space: nowrap; font-size: 22px; font-family: "Chau Philomene One", sans-serif;} .btn5 a { font-weight: normal; color: #ffffff;} /*.btn1:hover { border: solid 1pt #f39222; color: #f39222; }*/ .btn5:hover a { font-weight: normal; color: #f39222; text-decoration: none; } .btn1 {color: #ffffff; background: #67645f; /* Old browsers */ background: -moz-linear-gradient(top, #67645f 0%, #444341 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67645f), color-stop(100%,#444341)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #67645f 0%,#444341 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #67645f 0%,#444341 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #67645f 0%,#444341 100%); /* IE10+ */ background: linear-gradient(to bottom, #67645f 0%,#444341 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67645f', endColorstr='#444341',GradientType=0 ); /* IE6-9 */ /*background:-moz-linear-gradient(bottom,#444341,#67645F); /* Firefox */ /*filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='444341',endColorstr='#67645F'); /* Internet Explorer */ border: solid 1pt #444341;/*border: dotted 2pt #6b6b6b;*/ border-radius: 8px; display: inline-block; padding: 14px 19px 11px; vertical-align: middle; white-space: nowrap; font-size: 22px; font-family: "Chau Philomene One", sans-serif;} .btn1 a { font-weight: normal; color: #ffffff;} /*.btn1:hover { border: solid 1pt #f39222; color: #f39222; }*/ .btn1:hover a { font-weight: normal; color: #f39222; text-decoration: none; } .btn2 { border: solid 2pt #f39222; color: #f39222;/*border: dotted 2pt #6b6b6b;*/ border-radius: 8px; display: inline-block; padding: 1px 15px; vertical-align: middle; white-space: nowrap; font-size: 18px; font-family: 'Chau Philomene One', sans-serif;} .btn2 a { font-weight: normal; } .btn2:hover { border: solid 2pt #6b6b6b; color: #6b6b6b;} .btn2:hover a { font-weight: normal; color: #6b6b6b; text-decoration: none; } .btn3 { border: solid 2pt #6b6b6b; /*border: dotted 2pt #6b6b6b;*/ border-radius: 8px; display: inline-block; padding: 2px 15px 1px; vertical-align: middle; white-space: nowrap; font-size: 18px; font-family: "Chau Philomene One", sans-serif;} .btn4 { color: #6b6b6b; border: solid 1pt #d8d8d8;/*border: dotted 2pt #6b6b6b;*/ border-radius: 8px; display: inline-block; padding: 15px 19px 12px; vertical-align: middle; white-space: nowrap; font-size: 22px; font-family: "Chau Philomene One", sans-serif;} .btn6 { background-color: white; color: #e53b6e!important; border-radius: 18px; display: inline-block; padding: 10px 20px 9px; vertical-align: middle; white-space: nowrap; font-size: 18px; font-family: "Chau Philomene One", sans-serif; box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.15);} .btn6 a {color: #e53b6e!important;} .btn7 { background-color: #fff; border: 1pt solid #d8d8d8; border-radius: 8px; color: #6b6b6b; display: inline-block; font-size: 12px; height: 30px; padding-left: 10px; padding-right: 10px; vertical-align: middle; white-space: nowrap; } .btn8 {color: #ffffff; background: #67645f; /* Old browsers */ background: -moz-linear-gradient(top, #67645f 0%, #444341 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67645f), color-stop(100%,#444341)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #67645f 0%,#444341 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #67645f 0%,#444341 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #67645f 0%,#444341 100%); /* IE10+ */ background: linear-gradient(to bottom, #67645f 0%,#444341 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67645f', endColorstr='#444341',GradientType=0 ); /* IE6-9 */ /*background:-moz-linear-gradient(bottom,#444341,#67645F); /* Firefox */ /*filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='444341',endColorstr='#67645F'); /* Internet Explorer */ border: solid 1pt #444341; border-radius: 16px; display: inline-block; padding: 4px 19px 4px; vertical-align: middle; white-space: nowrap; font-size: 18px; font-family: "Chau Philomene One", sans-serif;} .btn8 a { font-weight: normal; color: #ffffff;} .btn8:hover a { font-weight: normal; color: #fb5285; text-decoration: none; } .btn9 {color: #6b6b6b; background-color: #ffffff; border: solid 1pt #CBCBCB; border-radius: 16px; display: inline-block; padding: 4px 19px 4px; vertical-align: middle; white-space: nowrap; font-size: 18px; font-family: "Chau Philomene One", sans-serif;} .btn9 a { font-weight: normal; color: #6b6b6b;} .btn9:hover a { font-weight: normal; color: #fb5285; text-decoration: none; } .warenkorb_haendler { font-size: 12px; } .ebene_oben { margin-top: -8px; } .ebene_aussen { margin-left: -8px; margin-right: -8px; } .ebene_innen { margin-left:auto; margin-right:auto; width: 100%; } .weiss { background-color: #ffffff; } .rahmen { border-bottom: 2px solid #eaeaea; } .links360 {float: left; width: 360px; max-width: 100%} .mittig { text-align: center; vertical-align: middle; } .vmittig { vertical-align: middle; } .hoehe130 {height: 130px;} .suche {max-width: 320px;} #kopf_ebene { background-color: #6b6b6b; line-height: 25px; width: 100%; text-align: center; font-size: 11px; color: #c4c4c4; text-transform: uppercase;} #logo_ebene { background-color: #6b6b6b; height: 0px; margin-left: -8px; margin-right: -8px; position: absolute; z-index: 1500; top: 12px; width: 100%;} #logo { margin-left:auto; margin-right:auto; width: 1040px; height: 0px; } #logo_box { margin-left: -5px; width: 321px;} #kundendaten_box { float: left; font-size: 14px; padding-left: 10px; padding-right: 10px; line-height: 40px;} #meta_nav_box { color: #bbb; font-size: 14px; font-family: Ubuntu; font-style: normal; font-weight: 400; float: right; padding-left: 10px; padding-right: 10px; line-height: 40px; } #meta_nav_box a, .lieferland{ background-image: url(/cms/daten/templates/layout/punkt.png); background-repeat: no-repeat; background-position: 15px 7px; padding-left: 35px; } #meta_nav_box .erstes { background-image: none; padding-left: 0px; } #meta_nav_box a, #meta_nav_box a:link, #meta_nav_box a:visited { font-weight: normal; color: #bbb;} #meta_nav_box a.aktiv {color: #f39222;} #meta_nav_box a:hover{ color: #f39222; text-decoration: none; /*font-weight: bold;*/ } #meta_nav_box li { float: left; line-height: 38px; background-image: url(/cms/daten/templates/layout/trenner.png); background-repeat: no-repeat; background-position: 0 5px; height: 46px; } #meta_nav_box ul { margin: 0; padding: 0; padding-left: 425px; padding-top: 20px; border: none; list-style-type: none;} /*#meta_nav_box a.aktiv {color: #f39222; font-weight: normal; background-image: url(/cms/daten/templates/layout/trenner_aktiv_modscho.png); background-repeat: no-repeat; background-position: 0 5px; }*/ #meta_nav_box ul li ul li { text-align: left; padding-bottom: 0 !important; padding-top: 0 !important; float: none !important; } #meta_nav_box ul ul {position: absolute; display: none; top: 54px; padding-top: 0px; z-index: 4000;} #meta_nav_box li ul {display: none; position: absolute; display: block;} #meta_nav_box li ul li, #meta_nav_box li ul li a {height: 21px; background-image: none; line-height: normal;} #meta_nav_box ul li ul { display: none; color: white; padding: 5px 0 0; } #meta_nav_box ul li ul li a, #meta_nav_box ul li ul li a:link { display: block; color: white !important; padding-left: 10px; padding-right: 25px; margin-right: 5px;} #meta_nav_box ul li ul li a:hover, #meta_nav_box ul li ul li .aktiv { color: white !important; font-weight: normal !important; } #meta_nav_box ul li:hover ul { display: list-item !important; clear:both; background-color: #e53b6e; } #bild_ebene { background-color: #ecbd50; background-repeat: no-repeat; background-position: center 0; margin-left: -8px; margin-right: -8px; z-index: 1000; } #bild { margin-left:auto; margin-right:auto; } #bild_box { } #menue_haupt_ebene { background-color: #6b6b6b; margin-left: -8px; margin-right: -8px; } #menue_haupt { margin-left:auto; margin-right:auto; width: 100%; } #menue_haupt_box { text-align: center; color: #ffffff; font-size: 18px; font-family: Ubuntu; font-style: normal; font-weight: 500; padding-left: 10px; padding-right: 10px;} /*#menue_haupt_box a { padding-left: 6px; padding-right: 7px;} #menue_haupt_box a, #menue_unten_box a:link, #menue_unten_box a:visited{ color: #999; text-decoration: none;}*/ #menue_haupt_box a {font-weight: normal; text-transform: uppercase; display: block; padding-top: 5px; padding-left: 22px; padding-right: 22px; } #menue_haupt_box a, #menue_box a:link, #menue_box a:visited{ color: #ffffff; text-decoration: none; } #menue_haupt_box a:hover{ font-weight: normal; color: #f37021 !important; text-decoration: none !important; } #menue_haupt_box li { line-height: 50px; } #menue_haupt_box ul { margin: 0; padding: 0; border: none; list-style-type: none;} #menue_haupt_box a.aktiv {color: #fEfEfE; } #menue_haupt_box ul li ul li { text-align: left; padding-bottom: 0 !important; padding-top: 0 !important; float: none !important; } #menue_haupt_box ul ul {display: none; padding-top: 0px; z-index: 4000;} #menue_haupt_box li ul {display: none; position: absolute; display: block;} #menue_haupt_box li ul li, #menue_haupt_box li ul li a {background-image: none; line-height: normal; text-transform: none; padding-top: 0px; padding-bottom: 0px;} #menue_haupt_box ul li ul { display: none; color: white; padding: 5px 0 10px; border-left: 1px solid #f37021; /*margin-left: -26px;*/} #menue_haupt_box ul li ul li a, #menue_box ul li ul li a:link { display: block; color: white !important; padding-left: 10px; font-size: 14px; padding-right: 25px; margin-right: 5px;} #menue_haupt_box ul li ul li a:hover, #menue_box ul li ul li .aktiv { color: #6b6b6b !important; } #menue_haupt_box ul li:hover ul { display: list-item !important; clear:both; /* special IE6 */ list-style: none; background-color: #F37021; filter:alpha(opacity=90); -moz-opacity:0.9; background: rgba(243, 112, 33, .9); } .flexmittig {align-self: center; box-sizing: border-box; max-width: 100%;} #menue_ebene { background-color: #6b6b6b; margin-left: -8px; margin-right: -8px; } #menue { margin-left:auto; margin-right:auto; width: 100%; } #menue_box {/*text-align: center;*/ color: #ffffff; font-size: 18px; font-family: Ubuntu; font-style: normal; font-weight: 500; padding-left: 10px; padding-right: 10px;} #menue_box a { font-weight: normal; text-transform: uppercase; display: block; height: 42px; padding-top: 8px; padding-left: 22px; padding-right: 22px; } #menue_box a, #menue_box a:link, #menue_box a:visited{ color: #ffffff; text-decoration: none; } #menue_box a:hover { font-weight: normal; color: #f39222 !important; text-decoration: none !important; } #menue_box ul .klappmenue_pfeil a:hover {background-image: url(/cms/daten/templates/layout/pfeil-menue.png); background-repeat: no-repeat; background-position: center 42px;} #menue_box ul .klappmenue_pfeil ul a:hover { background-image: none; } #menue_box ul .klappmenue_pfeil .obermenuepunkt a ul:hover {background-image: url(/cms/daten/templates/layout/pfeil-menue.png); background-repeat: no-repeat; background-position: center 42px;} /*#menue_box a { font-weight: normal; color: #f39222 !important; text-decoration: none !important; } #menue_box ul .klappmenue_pfeil ul a { background-image: none; }*/ #menue_box li { float: left; line-height: 38px; height: 50px; } #menue_box ul { margin: 0; padding: 0; border: none; list-style-type: none; } #menue_box a.aktiv {color: #f39222 !important; text-decoration: none!important; background-image: url(/cms/daten/templates/layout/pfeil-menue-aktiv.png); background-repeat: no-repeat; background-position: center 42px; } .klappmenue_pfeil {margin-left: 50px; margin-right: 50px;} /*#menue_box ul li ul li { text-align: left; padding-bottom: 0 !important; padding-top: 0 !important; float: none !important; } #menue_box ul ul {position: absolute; display: none; top: 430px; padding-top: 0px; z-index: 4000;} #menue_box li ul {display: none; position: absolute; display: block;} #menue_box li ul li, #menue_box li ul li a {height: 21px; background-image: none; line-height: normal;} #menue_box ul li ul { display: none; color: white; padding: 5px 0 0; } #menue_box ul li ul li a, #menue_box ul li ul li a:link { display: block; color: white !important; padding-left: 10px; padding-right: 25px; margin-right: 5px;} #menue_box ul li ul li a:hover, #menue_box ul li ul li .aktiv { color: white !important; font-weight: bold !important; } #menue_box ul li:hover ul { display: list-item !important; clear:both; background-color: #e53b6e; }*/ /*vollflächiges Menü*/ .klappmenue { background-color: #F39222; margin-left: -8px; margin-right: -8px; padding-bottom: 0px; padding-top:0px; display: none; left: 8px; position: absolute; z-index: 2000; right: 0; /*top: 430px;*/ width: 100%; } .klappmenue_ulbox { margin-left:auto; margin-right:auto; width: 100%; display: inline;} #menue_box li .klappmenue_ulbox a {display: inline!important; line-height: unset!important; line-height: unset!important; font-size: 15px; color: #ffffff!important; text-transform: none;} #modscho_menue {line-height: 23px!important;} #modscho_menue .gross, #modscho_menue .gross a { text-transform: uppercase!important; padding-bottom: 15px!important; font-size: 17px!important;} #modscho_menue .vierspalten { float: none; padding-top: 40px; padding-bottom: 40px; padding-left: 20px; padding-right: 20px;} #modscho_menue a {padding-left: 0px; padding-right: 0px;} /*.klappmenue { background-color: #e53b6e; padding-bottom: 10px; padding-top:10px; display: none; position: absolute; }*/ #menue_box ul li ul li { text-align: left; padding-bottom: 0 !important; padding-top: 0 !important; float: none !important; } #menue_box ul ul { /*top: 444px;*/ padding-top: 0px; z-index: 4000; } #menue_box li ul li, #menue_box li ul li a { height: 20px; background-image: none; line-height: normal; text-transform: none; } #menue_box ul li ul { color: white; padding: 0px; } /*#menue_box ul li ul li a, #menue_box ul li ul li a:link { display: block; color: white !important; font-size: 14px; text-transform: none; }*/ #menue_box ul li ul li a:hover, #menue_box ul li ul li .aktiv { color: #ffffff !important; font-weight: bold !important; background-image: none; } /*#menue_box ul li ul li a, #menue_box ul li ul li .aktiv { color: #ffffff !important; font-weight: bold !important; background-image: none; }*/ #menue_box ul li:hover div{ display: list-item; } /*#menue_box ul li:hover ul { display: list-item !important; clear:both; /* special IE6 */ /* list-style: none; /*background-color: #d6d9dd; filter:alpha(opacity=40); -moz-opacity:0.4;*/ /* background: rgba(207, 41, 87, .9); }*/ .modscho #content_ebene {margin-left: -8px; margin-right: -8px;} #content_ebene { margin-top: 0; /*margin-left: -8px; margin-right: -8px;*/ z-index: 1000; /*background: #eaeaea;*/ /* Old browsers */ /*background: -moz-linear-gradient(top, #4f4f4f 0%, #e3e3e3 50%, #4f4f4f 100%); /* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(50%,#e3e3e3), color-stop(100%,#4f4f4f)); /* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, #4f4f4f 0%,#e3e3e3 50%,#4f4f4f 100%); /* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, #4f4f4f 0%,#e3e3e3 50%,#4f4f4f 100%); /* Opera 11.10+ */ /*background: -ms-linear-gradient(top, #4f4f4f 0%,#e3e3e3 50%,#4f4f4f 100%); /* IE10+ */ /*background: linear-gradient(to bottom, #4f4f4f 0%,#e3e3e3 50%,#4f4f4f 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */ } #content { margin-left:auto; margin-right:auto; } /*#content_box { padding-bottom: 80px; }*/ #footer_ebene { background-color: #6b6b6b; margin-top: 0; margin-left: -8px; margin-right: -8px; margin-bottom: -8px; z-index: 1000; } #footer { margin-left:auto; margin-right:auto; } #footer_box { font-family: Ubuntu; font-style: normal; font-weight: 400; font-size: 12px; color: #a0a0a0; padding-top: 40px; line-height: 20px;} #footer_box a { color: #a0a0a0; font-weight: normal; font-size: 12px; } #footer_box a:hover {color: #f39222;} .ansprechpartner {line-height: 25px;} .farbig {color: #f39222;} .gross { text-transform: uppercase; } .spendenbild {background-image: url(/cms/daten/templates/layout/spenden-inaktiv.png); width: 243px; height: 183px;} .spendenbild:hover {background-image: url(/cms/daten/templates/layout/spenden-aktiv.png); } .startseite a { color: #6b6b6b !important; } .startseite a:hover { color: #ffffff !important; } .startseite h3 { color: #6b6b6b } .startseite h3 a { color: #6b6b6b; font-weight: bold; } .teaser {float: left; background-image: url(/cms/daten/templates/layout/teaser.png); height: 166px; width: 330px; padding-bottom: 4px; padding-right: 4px; line-height: 25px;} .teaser h1 {font-family: Ubuntu; font-style: normal; font-weight: 500; color: #f39222; font-size:32px; margin-top: 16px; margin-bottom: 6px;} .teaser .btn2 {margin-top: 8px;} .eingabefeld_produkte_fehlerhaft { border: 1pt solid #e53b6e !important; } .kontakt_links, .kontakt_links2 {float:left; width: 338px} .kontakt_rechts { float:left; width: 271px; padding-left: 68px; border-left: 1pt solid #cbcbcb; } .kontakt_links input, .kontakt_rechts input, .kontakt_links select {width: 271px; height: 36px; line-height: 36px; margin-bottom: 9px; border: 1pt solid #cbcbcb;} .textarea_kontak {width: 100%; border: 1pt solid #cbcbcb;} .linknichtfett a {font-weight: normal;} .restaurant_links {float: left; width: 135px;} .restaurant_rechts {float: left; width: 375px;} .LandAuswahl {} .lieferland{background-position: 15px 19px; } .Shop-Lieferland-laenderliste {float: right; padding-left: 10px; margin-top: 0px;} .Shop-Lieferland-laenderliste form { margin-bottom: 0px;} .logo {height: 85px; /*padding-top: 45px;*/} .produktübersicht { width: 245px; float: left; margin: 10px; background-color: #ffffff; color: #6b6b6b !important; font-weight: normal !important; box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.15); } .bildrahmen { padding: 4px; border: solid 4px #eee; max-width: 420px; margin-bottom: 40px; position: relative; } .kurzinfo h1 { font-size: 32px; line-height: normal; margin-top: 7px; margin-bottom: 7px; color: #6B6B6B;} .kurzinfo h3 {font-weight: normal;} .produktdetailbereich_einfach {padding-top: 19px; padding-bottom: 17px; /*margin-bottom: -20px;*/ font-size: 11px;} .produktdetailbereich_einfach a {color: #6b6b6b;} .kurzinfo { float: left; box-sizing: border-box;} .bildspalte { float: left; box-sizing: border-box;} .Artikelbild {margin-bottom: -3px;} .preis { font-size: 20px; color: #6b6b6b/*#f39222*/} .detailseite .preis {color: #6b6b6b} .grauer_link a {color: #aaaaaa} .grauer_link a:hover{ color: #f39222; text-decoration: underline; } .produktuebersicht {margin-left: 10px; margin-right: 10px;} .produktuebersicht_me { width: 249px; padding: 2px; border-radius: 10px; float: left; margin: 10px; background-color: #ffffff; color: #333333 !important; font-weight: normal !important; box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.15); } .Bilduebsichtfeld { line-height: 20px; overflow: hidden; } div.table { display:table; border-collapse:collapse; } div.tr { display:table-row; } div.td { display:table-cell; padding:5px; } #filmbox_bild { position: relative; height: 0; width: 98%; z-index: 100000;} #filmoverlay { position:absolute; top:0; left:0; width:100%; height:100%; /*background-color:#000;*/ background: rgba(255, 255, 255, .7); /*cursor:pointer;*/ z-index:90000; display: none; visibility: hidden; } .lightbox_box { left: 0; max-width: 90%; width: auto; position: relative; z-index: 100000; display: inline-block;} .lightbox_inhalt { background-color: #ffffff; border-radius: 6px; border-width: 1px; border-style: solid; border-color: #000000; padding: 10px; margin: 30px; } .lightbox_ende { box-sizing: border-box; float: right; background-color: #ffffff; border-radius: 18px; width: 36px; height: 36px; margin-top: -31px; margin-bottom: -28px; margin-right: -31px; padding-top: 3px; border: solid 2px black; } /*Aufklapptext Start*/ .ac-container input:not(:checked) ~ article{ display: none; visibility: hidden; } .ac-container input:checked ~ article{ display: block; visibility: visible; } .ac-container input { display: none; } .ac-container label {padding-left: 80px; padding-bottom: 11px; padding-top: 13px; background-color: #eeeeee; background-position: 5px center; background-repeat: no-repeat; border-radius: 3px; display: block; } .ac-container label .ueberschrift {font-size: 16px;} .ac-container input:not(:checked) ~ label .oeffnen {background-image: url('/cms/daten/templates/layout/dropdown.png'); background-repeat: no-repeat; background-position: 44px 3px;} .ac-container input:not(:checked) ~ label .oeffnen:before {content: 'öffnen'; padding-right: 40px;} .ac-container input:checked ~ label .oeffnen{background-image: url('/cms/daten/templates/layout/dropdown-zu.png'); background-repeat: no-repeat; background-position: 57px 3px;} .ac-container input:checked ~ label .oeffnen:before { content: 'schließen'; padding-right: 40px;} .ac-container input:checked ~ label .ueberschrift {color: #f39222;} .ac-container label:hover { cursor: pointer; } .ac-container .ac-text {padding-left: 120px; padding-right: 120px; padding-top: 60px; padding-bottom: 60px; background-color: #6b6b6b; color: #ffffff} .ac-container .ac-text h2 {color: #f39222;} .ac-container .ac-text ul, .vorteile-text ul {list-style-type: none;list-style-image: none;margin-left: 0;} .ac-container .ac-text li, .vorteile-text li {line-height: 23px; background: url("/cms/daten/templates/layout/modscho-vorteile.png") no-repeat scroll 0 0; margin-bottom: 13px; min-height: 31px; padding-left: 50px; padding-top: 13px;} .ac-inhalt {border-left: solid 2pt #ffffff;border-right: solid 2pt #ffffff;border-bottom: solid 2pt #ffffff;} .ac-inhalt .oeffnen {font-size: 10px; line-height: 15px; font-weight: bold;} /*Aufklapptext Ende*/ .bietenanzeige { box-sizing: border-box; width: 100%;} .bieten { padding-left: 19px; padding-right: 19px; background-color: #F7F7F7; background-image: linear-gradient(to top, white 0%, #eeeeee 100%); padding-bottom: 20px; border: solid 1pt #eeeeee;} .bild_grau { filter: grayscale(100%); /* Standard */ -webkit-filter: grayscale100%); /* Webkit */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Old WebKit */ opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=730); } .bild_grau:hover { filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0); /* Old WebKit */ opacity: 1.0; -moz-opacity:1.0; filter:alpha(opacity=100); } .knopf_bildwechsel {margin-top: -20px; position: absolute; width: 100%; z-index: 2200;} .knopf_bildwechsel img {margin-left: 5px; margin-right: 5px;} .spalten {margin-left: -5px; margin-right: -5px;} .vierspalten, .vierspalten_groß, .vierspalten_klein {float: left; box-sizing: border-box; padding-left: 5px; padding-right: 5px;} .box_bezahlen {display: flex; align-items: center;} .balken_oberhalb_beschreibung {margin-left: -80px; margin-right: -80px; padding-left: 80px; padding-right: 80px; height: 20px; border-bottom: 1px solid #EAEAEB; background-image: linear-gradient(to bottom, white 0%, #F7F7F7 100%); margin-top: 50px; margin-bottom: 10px;} .balken_unterhalb_beschreibung {margin-left: -80px; margin-right: -80px; padding-left: 80px; padding-right: 80px; height: 20px; border-top: 1px solid #EAEAEB; background-image: linear-gradient(to top, white 0%, #F7F7F7 100%); margin-top: 10px; } .body_i { cursor: pointer; float: left; margin-left: 10px; } .body_i_hover { background-color: white; border: 1pt solid black; border-radius: 6px; display: none; margin-left: 0px; margin-top: 23px; padding: 10px; position: absolute; left: 10px; right: 10px; visibility: hidden; max-width: 400px; z-index: 500; } .body_i:hover .body_i_hover { display: inline; visibility: visible; } .artikelbeschreibung .body_i img {width: 15px; margin-top: 5px;} .tool ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #f39222; } .tool :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f39222; opacity: 1; } .tool ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #f39222; opacity: 1; } .tool :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #f39222; } .tool :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: #f39222; } .weitereseiten a { border: solid 1pt #f39222; background-color: white; border-radius: 8px; display: inline-block; padding: 0px 6px 0px; vertical-align: middle; white-space: nowrap; font-size: 12px; } .weitereseiten span { border: solid 1pt #6b6b6b; background-color: white; border-radius: 8px; display: inline-block; padding: 0px 6px 0px; vertical-align: middle; white-space: nowrap; font-size: 12px; } .detaillinks a { border: solid 1pt #f39222; background-color: white; border-radius: 8px; display: inline-block; padding: 6px 6px 6px; vertical-align: middle; white-space: nowrap; font-size: 14px; } @media(max-width:440px) { .vierspalten {width: 100%;} .vierspalten_groß {width: 100%;} .vierspalten_klein {width: 100%;} .linie_links2, .linie_links4 {} .box_bezahlen {flex-wrap: wrap;} } @media(min-width:440px) and (max-width: 920px) { .vierspalten {width: 50%;} .vierspalten_groß {width: 50%;} .vierspalten_klein {width: 50%;} .linie_links2 { border-left: 1px solid #F8BE7A;} .linie_links4 { height: 100%;} .box_bezahlen {flex-wrap: nowrap;} } @media(min-width:920px) { .vierspalten {width: 25%;} .vierspalten_groß {width: 28%;} .vierspalten_klein {width: 16%;} .linie_links2, .linie_links4 { border-left: 1px solid #F8BE7A;} .box_bezahlen {flex-wrap: nowrap;} } @media(max-width:720px) { .warenkorb_preis {width: 100%;} .warenkorb_produkt {flex-wrap: wrap;} .titel_produkt {display: flex!important; visibility: visible!important; width: 100%;} .titel_warenkorb {display: none; visibility: hidden;} } @media(min-width:1080px) { .slider1020 {display: list-item; visibility: visible;} } @media(max-width:1080px) { .slider1020 {display: none; visibility: hidden;} } @media(min-width:640px) { .kurzinfo { width: 50%; } .bildspalte { width: 50%;; } } @media(max-width:640px) { .kurzinfo { width: 100%; } .bildspalte { width: 100%; } } @media(min-width:520px) and (max-width: 950px) { .produktdetailbereich { padding: 20px 80px; background-color: #ffffff; max-width: 880px; box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.15); margin-top: 20px; } .produktdetailbereich_einfach { max-width: 960px; } .bildrahmen, .abstand_bildspalte_rechts { margin-right: 20px; } .bildspalte { padding-right: 10px; } } @media(min-width:950px) { .produktdetailbereich { padding: 50px 80px; background-color: #ffffff; max-width: 880px; box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.15); margin-top: 20px; } .produktdetailbereich_einfach { max-width: 960px; } .bildrahmen, .abstand_bildspalte_rechts { margin-right: 40px; } .bildspalte { padding-right: 10px; } } @media(min-width:1300px) { .bietenanzeige {max-width: 624px;} } @media(max-width:1299px) { .bietenanzeige {max-width: 420px;} } /*@media (min-width: 768px) and (max-width: 991px)*/ @media(max-width:520px) { .produktdetailbereich { background-color: #ffffff; max-width: 100%; } .produktdetailbereich_einfach { max-width: 100%; } #content_ebene { margin-left: -8px; margin-right: -8px; } .bildrahmen, .abstand_bildspalte_rechts { margin-right: 0px; } }