html, body {margin: 0; padding: 0; width: 100%; min-height: 101%;}
body {font-family: Arial, Verdana, Tahoma; color:#333333; font-size: 0.9em;}
/* roboto-300 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
url('fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url('fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
url('fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url('fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
url('fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
a {text-decoration: none; color: #333333;}
a:hover {text-decoration: underline;}
ul {margin: 0; padding: 0;list-style: none;}
p {}
strong {font-size: 100%; color: #000000; font-weight: bold;}
b {font-size: 100%; font-weight: bold;}
input,select{display: inline-block;}
textarea {font-size: 85%; font-family: Arial, Verdana, Tahoma;}
h1 {font-family: 'Roboto'; font-size: 160%; font-weight: 400; color: #97C11F;}
h2 {font-family: 'Roboto'; font-size: 130%; font-weight: 400; color: #97C11F;}
h3 {font-family: 'Roboto'; font-size: 100%; font-weight: 700; color: #97C11F;}
h4 {font-family: 'Roboto'; font-size: 100%; font-weight: 400; color: #97C11F;}
hr {border: 0; border-bottom: 1px solid #999;}
img {border: 0;}
.clear {clear: both; line-height: 0; font-size: 0; height: 0;}
.superspace {letter-spacing: 1.5em; color: #FFFFFF;}
.red {color: #FF0000;}
.centa {text-align: center;}
.hidden {position:absolute;left:-1000px;}
div,span {border: 0px solid #C0C0C0;}
/* CKEditor */
.gruen-gross1 {font-family: 'Roboto'; color: #97C11F; font-size: 180%;}
.gruen-gross2 {font-family: 'Roboto'; color: #97C11F; font-size: 150%;}
.gruen-gross3 {font-family: 'Roboto'; color: #97C11F; font-size: 125%;}
.gruen-fett {font-weight: bold; color: #97C11F;}
.rot-fett {font-weight: bold; color: #FF0000;}
.lr {float: left;}
.l50 {float: left; width: 47%;}
.r50 {float: right; width: 47%;}
.r50 img {float: right;}
.l50,.r50 {vertical-align: top;}
/* Allgemein */
#l {float: left;}
#r {float: right; text-align: right;}
#half-l {float: left; width: 48%;}
#half-r {float: right;width: 48%; text-align: right; margin-right: 10px;}
#dummy {position: relative; top: -108px; left: -236px; width: 550px; height: auto; padding-top: 10px; padding-left: 5px; border: 1px;}
.fs70 {font-size: 70%;}
.fs75 {font-size: 75%;}
.fs80 {font-size: 80%;}
.fs85 {font-size: 85%;}
.fs90 {font-size: 90%;}
.fs95 {font-size: 95%;}
.trennlinie {border-bottom-color: #CCCCCC; border-bottom-width: 1px; border-bottom-style: solid;}
.hinweis {font-size: 90%; color: #999999;}
.box1 {border: 1px solid #CCCCCC; background-color: #FFFFFF;}
.box-red {border: 2px solid #CC0000; background-color: #FFFFFF; margin: 0 20px 0 20px; padding: 5px; font-size: 85%; text-align: center;}
.box-green {border: 3px double #339933; background-color: #FFFFFF; margin: 0 20px 0 20px; padding: 5px; font-size: 85%; text-align: center; line-height: 1.5em;}
.b1red {font-size: 100%; font-weight: bold; color: #CC0000;}
.error-red {font-size: 100%; font-weight: bold; color: #FF0000;}
.fett-schwarz {font-size: 100%; font-weight: bold; color: #000000;}
.dklgrau-schwarz{font-size: 100%; font-weight: bold; color: #666666;}
.gruen {color: #96c11f;}
.fett-gruen {font-weight: bold; color: #96c11f;}
.blaettern-u {text-align:center; font-size: 80%;}
.fliesstext {font-size: 70%;}
.kurzbeschreibung {font-size: 70%;}
.rechtliches {font-size: 90%; color: #666666;}
.rechtliches a {text-decoration: underline; color: #97C11F;}
.orderfeld {vertical-align: top;}
.input1 {text-align:center;vertical-align: top;}
.anzahl {text-align:center; vertical-align: top; width: 20px; margin-top: -1px;}
.leerzeile1 {height: 15px;}
.wnlz {font-size: 85%; font-weight: bold; color: #FFFFFF; background-color: #CCCCCC; padding: 1px;}
.zh5 {line-height: 5px;}
.zh10 {line-height: 10px;}
.form1 {font-size: 95%; font-weight: bold;}
.content {padding: 20px; }
/*---WRAPPER---*/
#wrapper {margin: 0 auto; max-width: 1000px; height: auto; border: 0px solid #FF0000;}
/*---HEADER---*/
#header {float: left; width: 100%; height: auto; margin-top: 1em;}
#header .l {float: left; width: 50%;}
#header .r {float: right; width: auto; padding-top: 1em; text-align: right; line-height: 200%;}
#header .logo {max-width: 100% !important; height: auto; border: 0; padding: 0; margin: 0 0 1em 0;}
.service a {font-size: 80%; font-weight: normal;}
#header .search_form {}
#header .search {height: 1.35em; width: 15em; line-height: 1.5em; font-size: 80%; color: #666666; border-top: 1px dotted #999999; border-right: 1px dotted #999999; border-bottom: 1px dotted #999999; border-left: 1px dotted #999999; border-radius: 2px;}
#header .search_bttn { }
#header .fa_search_bttn {font-size: 80%; background-color: #97C11F; border: 0; padding: 0.2em 0.4em 0.4em 0.4em;}
#header .warenkorb {margin-top: 1em;}
#header .wk_link {background-color: #97C11F; color: #000000; padding: 0.385em 0.5em; text-decoration: none;}
/*#header .wk_img {vertical-align: text-bottom; margin-right: 0.2em;}*/
/*---FontAwesome ARROWS---*/
.def_color {color: #97C11F;}
.fa_arr_big {font-size: 2.5em; color: #97C11F; vertical-align: middle;}
/*---Top-Adresse---*/
.top_adr {float: left; width: 100%; height: 2.8em; line-height: 2.8em; background: linear-gradient(to bottom, #f8f7f7, #f0eeef) no-repeat bottom; background-size: 100% 50%; border: 1px solid #d7d7d7;
font-size: 80%; font-weight: bold; color: #333333; text-align: center; margin-bottom: 2em;}
.top_adr .spacer {padding: 0 0.7em;}
.nojs {float: left; width: 99.7%; font-weight: bold; border: 3px dashed #FF0000; font-size: 90%; text-align: center; padding: 1.5em 0; margin-bottom: 2em;}
/*---NAVI---*/
.navigation {float: left; width: 27%;}
.nav_box {float: left; width: 99%; border-top: 5px solid #97C11F; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; padding: 0.5%;}
.nav_box_ue {font-family: 'Roboto'; font-size: 120%; font-weight: 500; padding: 0.4em 0 0.5em 0.7em; border-bottom: 1px solid #999999;}
.nav_box_service {float: left; width: 99%; border-top: 5px solid #97C11F; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; padding: 0.5%;}
.nav_box_content {width: 92%; height: auto; padding: 1em 0.8em; margin: 0; font-family: Arial,Verdana; font-size: 90%;}
.nav_box_content a {text-decoration: none;}
.nav_box_content a.navsubinaktiv {color: #333333;}
.nav_box_content a.navsubinaktiv:hover, #nav_box_content a.navsubinaktiv:activ {color: #333333;}
.nav_box_content a.navsubaktiv {color: #97C11F;}
.nav_box_content strong {font-size: 110%;}
.nav_img {display:block; margin: 0; padding: 0;}
.navi-kat0 {font-weight: bold;}
.navi-kat1 {display: none;}
.navi-kat1a {margin: 2px 0 0 7px; font-weight: normal;}
.navi-kat1a img {padding-bottom: 0.1em; border: 0;}
.linie1 {border-bottom: dotted #CCCCCC 1px; background-color:#FCFCFC; font-size:1px; margin: 5px 0; width: 95%}
/*---horizontal navi---*/
.hh_navi {margin: 0 auto;; width: 100%; height: 3.1em; font-size: 110%; font-weight: bold; color: #333333; text-align: center;
background: linear-gradient(to bottom, #f8f7f7, #f0eeef) no-repeat bottom; background-size: 100% 50%; border: 1px solid #d7d7d7;}
.hh_navi ul {display: inline-block; list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
.hh_navi li {float: left; padding: 1em; border-right: 1px solid #CCCCCC;}
.hh_navi li a {display: block; color: #333333; text-align: center; text-decoration: none;}
.hh_navi li a:hover {color: #D60B51;}
/*---CONTENT-MAIN---*/
#main_content {float: right; width: 70%; height: auto; font-size: 100%;}
#main_content .rand {margin: 1em;}
#main_content a {text-decoration: underline;}
/*---WAI---*/
#main_content .wai {float: left; width: 100%; font-size: 95%; margin-bottom: 1em;}
#main_content .wai a {color: #97C11F; }
/*
#main_content .main {float: left; width: 576px; border-left: 1px solid #d7d7d7; border-right: 1px solid #D7D7D7;}
#main_content .fin {float: left; width: 578px; height: 5px;}
#main_content .fin-l {float: left; width: 5px; height: 5px; background: url(../clips/tab_grey-ul.gif);}
#main_content .fin-m {float: left; width: 568px; height: 5px; border-bottom: 1px solid #d7d7d7;}
#main_content .fin-r {float: left; width: 5px; height: 5px; background: url(../clips/tab_grey-ur.gif);}
*/
/*---showsubkats--*/
.showsubkats {margin: 0;}
.kat_box {float: left; width: 20%; min-height: 150px; margin: 0 1em 0.5em 0; padding: 1em 0.7em; text-align: center; border: 1px solid #C0C0C0}
/*---Auflistung Produkte--*/
.result {float: left; width: 100%; height: auto; padding: 0; margin: 1em 0; font-size: 90%; color: #999999;}
.l {float: left; width: auto;}
.r {float: right; width: auto;}
.arrow {border: 0; margin-bottom: 0.2em;}
.color {border: 0; margin-bottom: -0.2em;}
.blaettern {text-align:center; font-size: 90%;}
#showprods {}
#showprods .proddetails {float: left; width: 100%; border-bottom: 1px dotted #CCCCCC; margin: 1em 0; padding-bottom: 1em;}
#showprods .proddetails .photo {float: left; width: 24%;}
#showprods .thumbnail {border: 1px solid #CCCCCC; padding: 0.5em;}
#showprods .details {float: left; width: 75%; font-size: 100%;}
#showprods .name {float: left; font-weight: bold;}
#showprods .l {float: left; width: auto; }
#showprods .r {float: right; width: auto; text-align: right;}
#showprods .l p {margin: 0;}
#showprods .l a {color: #95b931;}
#showprods p {margin: 0.2em; padding: 0}
#showprods .neuerartikel {text-align: center; background-color: #006699; color: #FFFFFF; font-size: 80%; font-weight: bold; padding: 0.3em; margin-bottom: 1em;}
#showprods .uvp {font-size: 85%; color: #666666;}
#showprods .zzgl {font-size: 85%; color: #666666;}
#showprods .preis {font-size: 100%; font-weight: bold;}
#showprods .lagerstand {font-size: 85%; color: #999999;}
#showprods .wnlz {font-size: 80%; font-weight: bold; color: #FFFFFF; background-color: #CCCCCC; padding: 2px;}
#showprods .bestellen {margin-top: 0.5em;}
#showprods select {vertical-align: bottom; padding: 0.3em 0.1em; margin-right: 0.1em; border: 1px solid #ccc; background-color:#F0F0F0;}
.shoppingcart {vertical-align: bottom; margin-right: 0.1em}
.fa_sc {background-color: #97C11F; color: #FFFFFF; padding: 0.5em 0.5em 0.4em 0.5em;}
input[type=submit] {background-color: #97C11F; color: #000000; padding: 0.4em 0.5em; border: none;}
input[type=submit]:hover{background-color: #99CC33;}
/*
#showprods .img {float: left; width: auto; text-align: center; border: 1px solid #FFCCCC; margin-right: 1em;}
*/
/*---Produkte Detailseite--*/
/*
.carousel {float: left; width: 100%; height: auto; padding: 0; margin: 0; font-size: 90%; color: #999999;}
#proddetail .name {font-size: 110%; font-weight: bold; color: #000000; background-color: #F5F5F5; padding: 2px; line-height: 200%;}
*/
#proddetail {}
#proddetail p {margin: 0.2em; padding: 0}
#proddetail select {vertical-align: bottom; padding: 0.3em 0.1em; margin-right: 0.1em; border: 1px solid #ccc; background-color:#F0F0F0;}
#proddetail .lagerstand {font-size: 85%; color: #999999;}
#proddetail .listenpreis {font-size: 85%; color: #666666;}
#proddetail .lz {font-size: 90%; color: #333333;}
#proddetail .zzgl {font-size: 85%; color: #666666;}
#proddetail .preis {font-size: 100%; font-weight: bold;}
#proddetail .wnlz {font-size: 80%; font-weight: bold; color: #FFFFFF; background-color: #CCCCCC; padding: 2px;}
.versandkostenzuschlag {float: right; font-size: 90%; font-weight: bold;}
#proddetail .beschreibung {font-size: 100%;}
#proddetail .l {float: left; width: 48%; margin: 0;}
#proddetail .r {float: right;width: 48%; margin: 0; text-align: right;}
#proddetail .bestellen {margin-top: 0.5em;}
#photos {width: 100%; text-align: center; padding-top: 1em;}
#photos img {border: 1px solid #999999; padding: 1px; }
#photos .lupe {font-size: 85%; color: #666666;}
#photos .lupe img {border: 0;}
.prodimage {border: 1px solid #666666;}
.farbvarianten {}
.farbvarianten .fv {background-color: #D60B51; color: #FFFFFF; font-weight: bold; padding: 0.2em;}
.farbvarianten p {margin: 0.2em; padding: 0}
/* Produktvariation */
.pv {}
.pv .ue {background-color: #D60B51; color: #FFFFFF; font-weight: bold; padding: 0.2em;}
.pv .prod {float: left; width: 25%; min-height: 15em; margin-left: 2%; padding: 1em; border: 1px solid #CCCCCC; text-align: center;}
.pv .photo {}
.pv .name {}
.pv .preis {}
.pv .thumbnail {max-width: 95% !important; height: auto; border: 1px solid #CCCCCC; padding: 0.5em;}
.pv .wnlz {font-size: 80%; font-weight: normal; color: #999999; background-color: #FFFFFF; }
.pv .shoppingcart{vertical-align: baseline; margin: 0;}
.pv .bestellen {margin: 0;}
/* Warenkorb - ShowCart */
.box-showcart {border: 1px solid #999999; background-color: #F9F9F9; font-size: 90%;}
.meldung_hinweis{padding: 1em; border: 3px solid #97C11F; margin-bottom:1em;}
.cart {width: 100%; border: 1px solid #999999; font-size: 90%; }
.cart_th {float: left; width: 100%; background-color: #EBEBEB; font-weight: bold; border-bottom: 1px solid #999999; line-height: 225%;}
.cart_bez_th {float: left; width: 52%; padding: 0.5%; border-right: 1px solid #FFFFFF;}
.cart_preis_th {float: left; width: 11%; padding: 0.5%; border-right: 1px solid #FFFFFF; text-align: center;}
.cart_anz_th {float: left; width: 11%; padding: 0.5%; border-right: 1px solid #FFFFFF; text-align: center;}
.cart_ges_th {float: left; width: 11%; padding: 0.5%; border-right: 1px solid #FFFFFF; text-align: center;}
.cart_aktion_th {float: left; width: 9%; padding: 0.5%; text-align: center; font-weight: normal;}
.cart_ {float: left; width: 100%; border-bottom: 1px dotted #CCCCCC; line-height: 225%;}
.cart_bez {float: left; width: 52%; padding: 0.5%; border-right: 1px solid #F9F9F9;}
.cart_preis {float: left; width: 9.5%; padding: 0.5% 2% 0.5% 0.5%; border-right: 1px solid #F9F9F9; text-align: right;}
.cart_anz {float: left; width: 9.5%; padding: 0.5% 2% 0.5% 0.5%; border-right: 1px solid #F9F9F9; text-align: right;}
.cart_anz input {width: 1.8em; text-align: center;}
.cart_anz .img {width: auto; vertical-align: text-bottom;}
.cart_ges {float: left; width: 9.5%; padding: 0.5% 2% 0.5% 0.5%; border-right: 1px solid #F9F9F9; text-align: right;}
.cart_aktion {float: left; width: 9%; padding: 0.5%; border-right: 1px solid #F9F9F9; text-align: center; vertical-align: text-bottom;}
.cart_ges_summe {float: left; width: 87%; padding: 0.5% 2% 0.5% 0.5%; border-right: 1px solid #F9F9F9; text-align: right; border-top: 1px solid #999999;}
.cart_ges_inkl {float: left; width: 9%; padding: 0.5%; font-size: 80%; color: #666666; text-align: center; border-top: 1px solid #999999; line-height: 1em;}
.action {}
/*.action img {vertical-align: middle;}*/
.action_button {background-color: #97C11F; color: #000000; padding: 0.4em 0.5em; border: none;}
a.action_button:link {text-decoration: none !important;}
a.action_button:hover {background-color: #99CC33; text-decoration: none;}
.no_action_button {background-color: #97C11F; font-size: 100%; font-weight: normal; color: #FFFFFF; padding: 0.4em 0.5em; border: none; }
/* Checkout - Last-Check */
.inv {background-color: #97C11F; color: #FFFFFF; font-size: 0.9em; font-weight: bold; padding:3px; border: 1px solid #333333;}
.required {color: #990000; font-size: 150%; font-weight: bold; padding-left: 0.1em;}
.optional {color: #339933; font-size: 150%; font-weight: bold; padding-left: 0.1em;}
/* Checkout Stammdaten */
#checkout-count {text-align: right; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; font-size: 80%; font-weight: bold; padding-bottom: 0.5em; margin-bottom: 3em;}
#delay {padding: 1em; border: 3px solid #97C11F;}
#checkout {margin: 0 auto; width: 85%; font-size: 95%;}
#checkout .one {background-color: #97C11F; color: #FFFFFF; padding: 0.4em 0.5em; font-weight: bold;}
#checkout .mussfelder {font-size: 80%; font-weight: normal; color: #999999; padding-bottom: 1em;}
#checkout .z {clear: both; padding: 1% 0;}
#checkout .s1 {float: left; width: 26%; margin: 0; font-weight: bold;}
#checkout .s2 {float: left; width: 73%; margin: 0;}
#checkout .zw_zus_ko {font-size: 90%;}
/*#checkout input {padding: 0.3em 0.5em; border: 1px solid #ccc; font-size: 100%; color: #000000;}*/
#checkout select {vertical-align: bottom; padding: 0.3em 0.1em; border: 1px solid #ccc; font-size: 100%; color: #000000;}
#checkout textarea {width: 95%; padding: 0.3em 0.1em; border: 1px solid #ccc; font-size: 100%; color: #000000;}
#checkout .firma {width: 40%}
#checkout .titel {width: 15%}
#checkout .vorname {width: 40%}
#checkout .name {width: 40%}
#checkout .strasse {width: 40%}
#checkout .plz {width: 15%}
#checkout .ort {width: 40%}
#checkout .tel {width: 40%}
#checkout .email {width: 40%}
#checkout .weiter {text-align: center;}
/*
#checkout .weiter input[type=submit] {vertical-align: middle; background-color: #97C11F; color: #000000; border: none; padding: 0.33em 0.5em; margin-right: 0.3em}
#checkout .weiter input[type=submit]:hover {vertical-align: middle;background-color: #99CC33;}
#checkout .weiter img {vertical-align: middle;}
*/
.zurueck {text-align: center; font-size: 90%; color: #97C11F;}
.zurueck a {text-decoration: underline; color: #97C11F;}
/* Checkout Versand */
#checkout .vkfrei {font-size: 90%; color: #999999;}
/* Checkout ZW Zahlungsweise */
#checkout-zw {font-size: 95%;}
.paypal1 {font-weight: bold; color: #00437f}
.paypal2 {font-weight: bold; color: #007ac5}
/*
#cc_fields {padding: 1em 0 0 0.5em;}
#cc_fields input,select {font-size: 100%;}
#cc_fields .vorname {width: 15em;}
#cc_fields .zuname {width: 15em;}
#cc_fields .nr {width: 15em;}
#cc_fields .monat {width: 2em;}
#cc_fields .jahr {width: 4em;}
#cc_fields .cvv2 {width: 3em;}
#cc_fields .cvv2_hinweis{font-size: 80%; color: #999999;}
*/
/* Checkout LastCheck */
#checkout .box-lastcheck{border: 1px solid #999999; background-color: #FDFDFD; font-size: 100%;}
#checkout .hinweis-ust {font-size: 80%; font-weight: normal; text-align: right; margin: 1em 15px 0 0;}
#checkout .agbcheck {border: 1px solid #FF0000; margin-top: 5px;}
#checkout .cell-top {background-color: #F6F6F6; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; line-height: 225%;}
#checkout .cell-pos {border-bottom-width: 1px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC;}
#checkout .cell-mid {background-color: #F6F6F6; font-weight: bold; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999;}
#checkout .cell-bottom {background-color: #F6F6F6; font-weight: bold; color: #000000; line-height: 280%; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; }
#checkout .cell-bottom-s{background-color: #F6F6F6; font-size: 80%; color: #999999; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; }
/* Bye */
.box-lastcheck {border: 1px solid #999999; background-color: #F9F9F9; font-size: 90%;}
.hinweis-ust {font-size: 80%; font-weight: normal; text-align: right; margin: 1em 15px 0 0;}
.cell-top {background-color: #EBEBEB; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999;}
.cell-pos {border-bottom-width: 1px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC;}
.cell-mid {background-color: #EBEBEB; font-weight: bold; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999;}
.cell-bottom {background-color: #EBEBEB; font-weight: bold; color: #000000; line-height: 280%; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; }
.cell-bottom-s {background-color: #EBEBEB; font-size: 0.6em; color: #999999; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; }
#bye .bttn {border:1px solid #666666; margin: 1.5em 0; font-size: 100%; font-weight: bold; padding: 5px;}
#overlay {
position: fixed; /* Sit on top of the page content */
display: none; /* Hidden by default */
width: 30%; /* Full width (cover the whole page) */
height: 25%; /* Full height (cover the whole page) */
top: 20%;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5); /* Black background with opacity */
z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
cursor: pointer; /* Add a pointer on hover */
}
/*---bsnpta Bestseller, neue Produkte und Top-Angebote ---*/
#topangebote {float: right; width: 1px; text-align: center; font-size: 85%; background-color: #FFFFFF; background-image: url(../clips/back-bsnpta.gif); height: auto; margin: 0 5px 0 0px; border: 1px solid #cccccc;}
.topangebote {margin: 8px; padding: 5px 0; border: 1px solid #CCCCCC; background-color: #FFFFFF;}
/* Slideshow ========================================================= */
#slideshow {width: 560px; height: 240px; background-color: #FFFFFF; padding:0px; border: 1px solid #999999; margin: 8px 0 8px 7px}
#frame {}
/*---NEWS--*/
.box-news {border: 2px solid #006699; background-color: #FFFFFF; margin: 0 5px 0 5px; padding: 5px; font-size: 85%; line-height: 155%;}
.news {margin: 0 1px; height: 36px; background-color: #eeeced; color: #000000; background-image: url(../clips/bg-c.gif); font-size: 100%; font-weight: bold; line-height: 36px; padding-left: 10px;}
.news-red {font-size: 100%; font-weight: bold; color: #FF0000; margin-bottom: 5px;}
/* Orphans? */
.cobtbl {border: 1px solid #CCCCCC;}
.cobhl {background-color: #EBEBEB; font-size: 90%; font-weight: bold;}
.cobll {background-color: #F9F9F9; font-size: 90%; font-weight: bold;}
input.cobll {background-color: #FAFAFA; font-size: 85%; font-weight: bold; color: #000000; border: 1px solid #666666;}
/*--MCE--*/
.ww {color: #D946D9; font-size: 130%;}
.ww-fett {color: #D946D9; font-size: 130%; font-weight: bold;}
.schwarz {color: #000000;}
.schwarz-fett {color: #000000; font-weight: bold;}
/*---FOOTER--*/
.footer {float: left; text-align: center; width: 100%; line-height: 1.5em; min-height: 5em; margin-top: 5em; padding-top: 0.5em; color: #999999; font-size: 75%; color: #999999; border-top: 1px solid #C0C0C0;}
.footer a {color: #999999;}*/
/* MOBILE NAVI =================================================================================================================================================== */
.nav_mobile ul {margin: 0; padding: 0; list-style-type: none; background: #e3e3e3; position: relative;}
.nav_mobile ul li {display: inline-block; border-bottom: 1px solid #999999;}
.nav_mobile ul li a {color: #292929; text-decoration: none; padding: 15px; display: block;}
.nav_mobile ul li:hover {background: lightgrey;}
.nav_mobile ul ul {position: absolute; min-width: 200px; background: lightgrey; display: none;}
.nav_mobile ul ul li {display: block; background: #FFFFFF;}
.nav_mobile ul li:hover ul {display: block;}
.nav_mobile ul li i {color: #292929; float: right; padding-left: 20px;}
.nav_mobile div {background: lightgrey; color: #292929; font-size: 24px; padding: 0.6em; cursor: pointer; display: none;}
.navtxt {font-size: 90%; font-family: Arial, Verdana, Tahoma; padding-left: 0.3em}
/* MEDIA QUERIES =================================================================================================================================================== */
/* 536px */
@media all and (min-width: 767px)
{
.nav_box {visibility: visible;}
.nav_mobile {visibility: hidden; display: none !important;}
.mob_adr {visibility:hidden; display: none !important;}
}
/* 535px */
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px)
{
body {font-size: 1em;}
#header {float: left; width: 100%; height: auto; margin: 1em 0 0 0;}
#header .l {float: left; width: 99%; text-align: center; margin: 0; padding: 0;}
#header .logo {margin: 0; padding: 0;}
#header .r {float: left; width: 99%; text-align: center; margin: 0; padding-top: 0.5em;}
#header .search {font-size: 85%; color: #666666; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999; border-left: 1px dotted #999999;}
#header .fa_search_bttn {font-size: 80%; background-color: #97C11F; border: 0; padding: 0.3em 0.4em 0.3em 0.4em;}
.top_adr {visibility: hidden; display: none !important;}
.hh_navi {visibility: hidden; display: none !important;}
.mob_adr {visibility: visible; font-size: 80%; font-weight: bold; line-height: 150%;}
/*.navigation {visibility: hidden; display: none !important;}*/
/* Navi */
.navigation {visibility: hidden; display: none !important;}
/* mobile Navi */
.nav_mobile {visibility: visible; width: 100%; margin-bottom: 1em;}
.nav_mobile div {display: block;}
.nav_mobile ul {display: none; position: static; background: #e3e3e3;}
.nav_mobile ul li {display: block;}
.nav_mobile ul ul {position: static; background: #e3e3e3;}
/*.service br {display: none;}*/
#main_content {float: left; width: 97%; height: auto; font-size: 90%; padding: 0 1% 0 2%}
#main_content img {max-width: 100% !important; height: auto;}
.kat_box {margin: 0.2em; float: left; width: 94%; min-height: auto; padding: 1em 0.7em; text-align: center; border: 1px solid #C0C0C0;}
#showprods .proddetails .photo {width: 100%; text-align: center;}
#showprods .details {width: 100%; text-align: center; font-size: 100%;}
#showprods .l {width: 100%; text-align: center; }
#showprods .r {width: 100%; text-align: center; }
#showprods .name {width: 100%; text-align: center;}
#showprods .neuerartikel {background-color: #97C11F; color: #FFFFFF; font-size: 80%; font-weight: bold; padding: 0.3em; margin-bottom: 1em;}
.result {float: left; width: 99%; height: auto; padding: 0; margin: 1em 0; font-size: 90%; color: #999999;}
#proddetail {margin: 0 auto; width: 98%;}
#proddetail .l {width: 100%;}
#proddetail .r {width: 100%;}
#header .warenkorb {margin-top: 0.3em;}
.cart_th {float: left; width: 100%; background-color: #EBEBEB; font-weight: bold; border-bottom: 1px solid #999999; line-height: 125%;}
.cart_bez_th {float: left; width: 100%; padding: 0.5% 0.5% 0.5% 4%; border-right: 0;}
.cart_preis_th {float: left; width: 25%; padding: 0; border-right: 1px solid #FFFFFF; text-align: center;}
.cart_anz_th {float: left; width: 25%; padding: 0; border-right: 1px solid #FFFFFF; text-align: center;}
.cart_ges_th {float: left; width: 25%; padding: 0; border-right: 1px solid #FFFFFF; text-align: center;}
.cart_aktion_th {float: right; width: 10%; padding-right: 2em; text-align: center; font-weight: normal;}
.cart_bez {float: left; width: 100%; padding: 0.5%; border-right: 1px solid #F9F9F9;}
.cart_preis {float: left; width: 25%; padding: 0; border-right: 1px solid #F9F9F9; text-align: center;}
.cart_anz {float: left; width: 25%; padding: 0; border-right: 1px solid #F9F9F9; text-align: center;}
.cart_ges {float: left; width: 25%; padding: 0; border-right: 1px solid #F9F9F9; text-align: center;}
.cart_aktion {float: right; width: 10%; padding-right: 2em; border-right: 1px solid #F9F9F9; text-align: center; vertical-align: text-bottom;}
.cart_ges_summe {float: left; width: 99%; padding: 0.5%; border-right: 1px solid #999999; text-align: right; border-top: 1px solid #999999;}
.cart_ges_inkl {float: left; width: 99%; padding: 0.5%; font-size: 80%; color: #666666; text-align: right; border-top: 1px solid #999999; line-height: 1em;}
.cart_ges_inkl br {display: none;}
#checkout {width: 100%; font-size: 95%;}
#checkout .s1 {width: 35%;}
#checkout .s2 {width: 64%;}
#checkout .one {line-height: 200%;}
#checkout .firma {width: 80%}
#checkout .titel {width: 25%}
#checkout .vorname {width: 80%}
#checkout .name {width: 80%}
#checkout .strasse {width: 80%}
#checkout .plz {width: 25%}
#checkout .ort {width: 80%}
#checkout .tel {width: 80%}
#checkout .email {width: 80%}
}
/* COOKIE CONSENT =================================================================================================================================================== */
/* Cookies */
:root{--cc-bg:#fff;--cc-text:#2d4156;--cc-btn-primary-bg:#2d4156;--cc-btn-primary-text:var(--cc-bg);--cc-btn-primary-hover-bg:#1d2e38;--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-text:var(--cc-text);--cc-btn-secondary-hover-bg:#d8e0e6;--cc-toggle-bg-off:#919ea6;--cc-toggle-bg-on:var(--cc-btn-primary-bg);--cc-toggle-bg-readonly:#d5dee2;--cc-toggle-knob-bg:#fff;--cc-toggle-knob-icon-color:#ecf2fa;--cc-block-text:var(--cc-text);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-bg-hover:#e9eff4;--cc-section-border:#f1f3f5;--cc-cookie-table-border:#e9edf2;--cc-overlay-bg:rgba(4, 6, 8, .85);--cc-webkit-scrollbar-bg:#cfd5db;--cc-webkit-scrollbar-bg-hover:#9199a0}.c_darkmode{--cc-bg:#181b1d;--cc-text:#d8e5ea;--cc-btn-primary-bg:#a6c4dd;--cc-btn-primary-text:#000;--cc-btn-primary-hover-bg:#c2dff7;--cc-btn-secondary-bg:#33383c;--cc-btn-secondary-text:var(--cc-text);--cc-btn-secondary-hover-bg:#3e454a;--cc-toggle-bg-off:#667481;--cc-toggle-bg-on:var(--cc-btn-primary-bg);--cc-toggle-bg-readonly:#454c54;--cc-toggle-knob-bg:var(--cc-cookie-category-block-bg);--cc-toggle-knob-icon-color:var(--cc-bg);--cc-block-text:#b3bfc5;--cc-cookie-category-block-bg:#23272a;--cc-cookie-category-block-bg-hover:#2b3035;--cc-section-border:#292d31;--cc-cookie-table-border:#2b3035;--cc-webkit-scrollbar-bg:#667481;--cc-webkit-scrollbar-bg-hover:#9199a0}.cc_div *,.cc_div :after,.cc_div :before{-webkit-box-sizing:border-box;box-sizing:border-box;float:none;font-style:inherit;font-variant:normal;font-weight:inherit;font-family:inherit;line-height:1.2;font-size:1em;transition:none;animation:none;margin:0;padding:0;text-transform:none;letter-spacing:unset;color:inherit;background:0 0;border:none;box-shadow:none;text-decoration:none;text-align:left;visibility:unset}.cc_div{font-size:16px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:#2d4156;color:var(--cc-text)}#c-ttl,#s-bl td:before,#s-ttl,.cc_div .b-tl,.cc_div .c-bn{font-weight:600}#cm,#s-bl .act .b-acc,#s-inr,.cc_div .b-tl,.cc_div .c-bl{border-radius:.35em}#s-bl .act .b-acc{border-top-left-radius:0;border-top-right-radius:0}.cc_div a,.cc_div button,.cc_div input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cc_div a{border-bottom:1px solid}.cc_div a:hover{text-decoration:none;border-color:transparent}#cm-ov,#cs-ov,.c--anim #cm,.c--anim #s-cnt,.c--anim #s-inr{transition:visibility .25s linear,opacity .25s ease,transform .25s ease!important}.c--anim .c-bn{transition:background-color .25s ease!important}.c--anim #cm.bar.slide,.c--anim .bar.slide #s-inr{transition:visibility .4s ease,opacity .4s ease,transform .4s ease!important}.c--anim #cm.bar.slide+#cm-ov,.c--anim .bar.slide+#cs-ov{transition:visibility .4s ease,opacity .4s ease,transform .4s ease!important}#cm.bar.slide,.cc_div .bar.slide #s-inr{transform:translateX(100%);opacity:1}#cm.bar.top.slide,.cc_div .bar.left.slide #s-inr{transform:translateX(-100%);opacity:1}#cm.slide,.cc_div .slide #s-inr{transform:translateY(1.6em)}#cm.top.slide{transform:translateY(-1.6em)}#cm.bar.slide{transform:translateY(100%)}#cm.bar.top.slide{transform:translateY(-100%)}.show--consent .c--anim #cm,.show--consent .c--anim #cm.bar,.show--settings .c--anim #s-inr,.show--settings .c--anim .bar.slide #s-inr{opacity:1;transform:scale(1);visibility:visible!important}.show--consent .c--anim #cm.box.middle,.show--consent .c--anim #cm.cloud.middle{transform:scale(1) translateY(-50%)}.show--settings .c--anim #s-cnt{visibility:visible!important}.force--consent.show--consent .c--anim #cm-ov,.show--settings .c--anim #cs-ov{visibility:visible!important;opacity:1!important}#cm{font-family:inherit;padding:1.1em 1.8em 1.4em 1.8em;position:fixed;z-index:1;background:#fff;background:var(--cc-bg);max-width:24.2em;width:100%;bottom:1.25em;right:1.25em;box-shadow:0 .625em 1.875em #000;box-shadow:0 .625em 1.875em rgba(2,2,3,.28);opacity:0;visibility:hidden;transform:scale(.95);line-height:initial}#cc_div #cm{display:block!important}#c-ttl{margin-bottom:.7em;font-size:1.05em}.cloud #c-ttl{margin-top:-.15em}#c-txt{font-size:.9em;line-height:1.5em}.cc_div #c-bns{display:flex;justify-content:space-between;margin-top:1.4em}.cc_div .c-bn{color:#40505a;color:var(--cc-btn-secondary-text);background:#e5ebef;background:var(--cc-btn-secondary-bg);padding:1em 1.7em;display:inline-block;cursor:pointer;font-size:.82em;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;text-align:center;border-radius:4px;flex:1}#c-bns button+button,#s-c-bn,#s-cnt button+button{float:right;margin-left:1em}#s-cnt #s-rall-bn{float:none}#cm .c_link:active,#cm .c_link:hover,#s-c-bn:active,#s-c-bn:hover,#s-cnt button+button:active,#s-cnt button+button:hover{background:#d8e0e6;background:var(--cc-btn-secondary-hover-bg)}#s-cnt{position:fixed;top:0;left:0;width:100%;z-index:101;display:table;height:100%;visibility:hidden}#s-bl{outline:0}#s-bl .title{margin-top:1.4em}#s-bl .title:first-child{margin-top:0}#s-bl .b-bn{margin-top:0}#s-bl .b-acc .p{margin-top:0;padding:1em}#s-cnt .b-bn .b-tl{display:block;font-family:inherit;font-size:.95em;width:100%;position:relative;padding:1.3em 6.4em 1.3em 2.7em;background:0 0;transition:background-color .25s ease}#s-cnt .b-bn .b-tl.exp{cursor:pointer}#s-cnt .act .b-bn .b-tl{border-bottom-right-radius:0;border-bottom-left-radius:0}#s-cnt .b-bn .b-tl:active,#s-cnt .b-bn .b-tl:hover{background:#e9eff4;background:var(--cc-cookie-category-block-bg-hover)}#s-bl .b-bn{position:relative}#s-bl .c-bl{padding:1em;margin-bottom:.5em;border:1px solid #f1f3f5;border-color:var(--cc-section-border);transition:background-color .25s ease}#s-bl .c-bl:hover{background:#f0f4f7;background:var(--cc-cookie-category-block-bg)}#s-bl .c-bl:last-child{margin-bottom:.5em}#s-bl .c-bl:first-child{transition:none;padding:0;margin-top:0;border:none;margin-bottom:2em}#s-bl .c-bl:not(.b-ex):first-child:hover{background:0 0;background:unset}#s-bl .c-bl.b-ex{padding:0;border:none;background:#f0f4f7;background:var(--cc-cookie-category-block-bg);transition:none}#s-bl .c-bl.b-ex+.c-bl{margin-top:2em}#s-bl .c-bl.b-ex+.c-bl.b-ex{margin-top:0}#s-bl .c-bl.b-ex:first-child{margin-bottom:1em}#s-bl .c-bl.b-ex:first-child{margin-bottom:.5em}#s-bl .b-acc{max-height:0;overflow:hidden;padding-top:0;margin-bottom:0;display:none}#s-bl .act .b-acc{max-height:100%;display:block;overflow:hidden}#s-cnt .p{font-size:.9em;line-height:1.5em;margin-top:.85em;color:#2d4156;color:var(--cc-block-text)}.cc_div .b-tg .c-tgl:disabled{cursor:not-allowed}#c-vln{display:table-cell;vertical-align:middle;position:relative}#cs{padding:0 1.7em;width:100%;position:fixed;left:0;right:0;top:0;bottom:0;height:100%}#s-inr{height:100%;position:relative;max-width:45em;margin:0 auto;transform:scale(.96);opacity:0;padding-top:4.75em;padding-bottom:4.75em;position:relative;height:100%;overflow:hidden;visibility:hidden;box-shadow:rgba(3,6,9,.26) 0 13px 27px -5px}#s-bns,#s-hdr,#s-inr{background:#fff;background:var(--cc-bg)}#s-bl{overflow-y:auto;overflow-y:overlay;overflow-x:hidden;height:100%;padding:1.3em 2.1em;display:block;width:100%}#s-bns{position:absolute;bottom:0;left:0;right:0;padding:1em 2.1em;border-top:1px solid #f1f3f5;border-color:var(--cc-section-border);height:4.75em}.cc_div .cc-link{color:#253b48;color:var(--cc-btn-primary-bg);border-bottom:1px solid #253b48;border-color:var(--cc-btn-primary-bg);display:inline;padding-bottom:0;text-decoration:none;cursor:pointer;font-weight:600}.cc_div .cc-link:active,.cc_div .cc-link:hover{border-color:transparent}#c-bns button:first-child,#s-bns button:first-child{color:#fff;color:var(--cc-btn-primary-text);background:#253b48;background:var(--cc-btn-primary-bg)}#c-bns.swap button:first-child{color:#40505a;color:var(--cc-btn-secondary-text);background:#e5ebef;background:var(--cc-btn-secondary-bg)}#c-bns.swap button:last-child{color:#fff;color:var(--cc-btn-primary-text);background:#253b48;background:var(--cc-btn-primary-bg)}.cc_div .b-tg .c-tgl:checked~.c-tg{background:#253b48;background:var(--cc-toggle-bg-on)}#c-bns button:first-child:active,#c-bns button:first-child:hover,#c-bns.swap button:last-child:active,#c-bns.swap button:last-child:hover,#s-bns button:first-child:active,#s-bns button:first-child:hover{background:#1d2e38;background:var(--cc-btn-primary-hover-bg)}#c-bns.swap button:first-child:active,#c-bns.swap button:first-child:hover{background:#d8e0e6;background:var(--cc-btn-secondary-hover-bg)}#s-hdr{position:absolute;top:0;width:100%;display:table;padding:0 2.1em;height:4.75em;vertical-align:middle;z-index:2;border-bottom:1px solid #f1f3f5;border-color:var(--cc-section-border)}#s-ttl{display:table-cell;vertical-align:middle;font-size:1em}#s-c-bn{padding:0;width:1.7em;height:1.7em;font-size:1.45em;margin:0;font-weight:initial;position:relative}#s-c-bnc{display:table-cell;vertical-align:middle}.cc_div span.t-lb{position:absolute;top:0;z-index:-1;opacity:0;pointer-events:none;overflow:hidden}#c_policy__text{height:31.25em;overflow-y:auto;margin-top:1.25em}#c-s-in{position:relative;transform:translateY(-50%);top:50%;height:100%;height:calc(100% - 2.5em);max-height:37.5em}@media screen and (min-width:688px){#s-bl::-webkit-scrollbar{width:.9em;height:100%;background:0 0;border-radius:0 .25em .25em 0}#s-bl::-webkit-scrollbar-thumb{border:.25em solid var(--cc-bg);background:#cfd5db;background:var(--cc-webkit-scrollbar-bg);border-radius:100em}#s-bl::-webkit-scrollbar-thumb:hover{background:#9199a0;background:var(--cc-webkit-scrollbar-bg-hover)}#s-bl::-webkit-scrollbar-button{width:10px;height:5px}}.cc_div .b-tg{position:absolute;right:0;top:0;bottom:0;display:inline-block;margin:auto;right:1.2em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.cc_div .b-tg .c-tgl{position:absolute;cursor:pointer;display:block;top:0;left:0;margin:0;border:0}.cc_div .b-tg .c-tg{position:absolute;background:#919ea6;background:var(--cc-toggle-bg-off);transition:background-color .25s ease,box-shadow .25s ease;pointer-events:none}.cc_div .b-tg,.cc_div .b-tg .c-tg,.cc_div .b-tg .c-tgl,.cc_div span.t-lb{width:3.4em;height:1.5em;border-radius:4em}.cc_div .b-tg .c-tg.c-ro{cursor:not-allowed}.cc_div .b-tg .c-tgl~.c-tg.c-ro{background:#d5dee2;background:var(--cc-toggle-bg-readonly)}.cc_div .b-tg .c-tgl~.c-tg.c-ro:after{box-shadow:none}.cc_div .b-tg .c-tg:after{content:"";position:relative;display:block;left:.125em;top:.125em;width:1.25em;height:1.25em;border:none;box-sizing:content-box;background:#fff;background:var(--cc-toggle-knob-bg);box-shadow:0 1px 2px rgba(24,32,35,.36);transition:transform .25s ease;border-radius:100%}.cc_div .b-tg .c-tgl:checked~.c-tg:after{transform:translateX(1.9em)}#s-bl table,#s-bl td,#s-bl th{border:none}#s-bl tbody tr{transition:background-color .25s ease}#s-bl tbody tr:hover{background:#e9eff4;background:var(--cc-cookie-category-block-bg-hover)}#s-bl table{text-align:left;border-collapse:collapse;width:100%;padding:0;margin:0;overflow:hidden}#s-bl td,#s-bl th{padding:.8em .625em;text-align:left;vertical-align:top;font-size:.8em;padding-left:1.2em}#s-bl th{font-family:inherit;padding:1.2em 1.2em}#s-bl thead tr:first-child{border-bottom:1px solid #e9edf2;border-color:var(--cc-cookie-table-border)}.force--consent #cs,.force--consent #s-cnt{width:100vw}#cm-ov,#cs-ov{position:fixed;left:0;right:0;top:0;bottom:0;visibility:hidden;opacity:0;background:#070707;background:rgba(4,6,8,.85);background:var(--cc-overlay-bg);display:none;transition:none}.c--anim #cs-ov,.force--consent .c--anim #cm-ov,.force--consent.show--consent #cm-ov,.show--settings #cs-ov{display:block}#cs-ov{z-index:2}.force--consent .cc_div{position:fixed;top:0;left:0;bottom:0;width:100%;width:100vw;visibility:hidden;transition:visibility .25s linear}.force--consent.show--consent .c--anim .cc_div,.force--consent.show--settings .c--anim .cc_div{visibility:visible}.force--consent #cm{position:absolute}.force--consent #cm.bar{width:100vw;max-width:100vw}html.force--consent.show--consent{overflow-y:hidden!important}html.force--consent.show--consent,html.force--consent.show--consent body{height:auto!important;overflow-x:hidden!important}.cc_div .act .b-bn .exp::before,.cc_div .b-bn .exp::before{border:solid #2d4156;border-color:var(--cc-btn-secondary-text);border-width:0 2px 2px 0;padding:.2em;display:inline-block;position:absolute;content:'';margin-right:15px;position:absolute;transform:translateY(-50%) rotate(45deg);left:1.2em;top:50%}.cc_div .act .b-bn .b-tl::before{transform:translateY(-20%) rotate(225deg)}.cc_div .on-i::before{border:solid #fff;border-color:var(--cc-toggle-knob-icon-color);border-width:0 2px 2px 0;padding:.1em;display:inline-block;padding-bottom:.45em;content:'';margin:0 auto;transform:rotate(45deg);top:.37em;left:.75em;position:absolute}#s-c-bn::after,#s-c-bn::before{content:'';position:absolute;left:.82em;top:.58em;height:.6em;width:1.5px;background:#444d53;background:var(--cc-btn-secondary-text);transform:rotate(45deg);border-radius:1em;margin:0 auto}#s-c-bn::after{transform:rotate(-45deg)}.cc_div .off-i,.cc_div .on-i{height:100%;width:50%;position:absolute;right:0;display:block;text-align:center;transition:opacity .15s ease}.cc_div .on-i{left:0;opacity:0}.cc_div .off-i::after,.cc_div .off-i::before{right:.8em;top:.42em;content:' ';height:.7em;width:.09375em;display:block;background:#cdd6dc;background:var(--cc-toggle-knob-icon-color);margin:0 auto;position:absolute;transform-origin:center}.cc_div .off-i::before{transform:rotate(45deg)}.cc_div .off-i::after{transform:rotate(-45deg)}.cc_div .b-tg .c-tgl:checked~.c-tg .on-i{opacity:1}.cc_div .b-tg .c-tgl:checked~.c-tg .off-i{opacity:0}#cm.box.middle,#cm.cloud.middle{top:50%;transform:translateY(-37%);bottom:auto}#cm.box.middle.zoom,#cm.cloud.middle.zoom{transform:scale(.95) translateY(-50%)}#cm.box.center{left:1em;right:1em;margin:0 auto}#cm.cloud{max-width:50em;margin:0 auto;text-align:center;left:1em;right:1em;overflow:hidden;padding:1.3em 2em;width:unset}.cc_div .cloud #c-inr{display:table;width:100%}.cc_div .cloud #c-inr-i{width:70%;display:table-cell;vertical-align:top;padding-right:2.4em}.cc_div .cloud #c-txt{font-size:.85em}.cc_div .cloud #c-bns{min-width:170px;display:table-cell;vertical-align:middle}#cm.cloud .c-bn{margin:.625em 0 0 0;width:100%}#cm.cloud .c-bn:first-child{margin:0}#cm.cloud.left{margin-right:1.25em}#cm.cloud.right{margin-left:1.25em}#cm.bar{width:100%;max-width:100%;left:0;right:0;bottom:0;border-radius:0;position:fixed;padding:2em}#cm.bar #c-inr{max-width:32em;margin:0 auto}#cm.bar #c-bns{max-width:33.75em}#cm.bar #cs{padding:0}.cc_div .bar #c-s-in{top:0;transform:none;height:100%;max-height:100%}.cc_div .bar #s-bl,.cc_div .bar #s-bns,.cc_div .bar #s-hdr{padding-left:1.6em;padding-right:1.6em}.cc_div .bar #cs{padding:0}.cc_div .bar #s-inr{margin:0;margin-left:auto;margin-right:0;border-radius:0;max-width:32em}.cc_div .bar.left #s-inr{margin-left:0;margin-right:auto}.cc_div .bar #s-bl table,.cc_div .bar #s-bl tbody,.cc_div .bar #s-bl td,.cc_div .bar #s-bl th,.cc_div .bar #s-bl thead,.cc_div .bar #s-bl tr,.cc_div .bar #s-cnt{display:block}.cc_div .bar #s-bl thead tr{position:absolute;top:-9999px;left:-9999px}.cc_div .bar #s-bl tr{border-top:1px solid #e3e7ed;border-color:var(--cc-cookie-table-border)}.cc_div .bar #s-bl td{border:none;position:relative;padding-left:35%}.cc_div .bar #s-bl td:before{position:absolute;left:1em;padding-right:.625em;white-space:nowrap;content:attr(data-column);color:#000;color:var(--cc-text);overflow:hidden;text-overflow:ellipsis}#cm.top{bottom:auto;top:1.25em}#cm.left{right:auto;left:1.25em}#cm.right{left:auto;right:1.25em}#cm.bar.left,#cm.bar.right{left:0;right:0}#cm.bar.top{top:0}@media screen and (max-width:688px){#cm,#cm.cloud,#cm.left,#cm.right{width:auto;max-width:100%;margin:0;padding:1.4em!important;right:1em;left:1em;bottom:1em;display:block}.force--consent #cm,.force--consent #cm.cloud{width:auto;max-width:100vw}#cm.top{top:1em;bottom:auto}#cm.bottom{bottom:1em;top:auto}#cm.bar.bottom{bottom:0}#cm.cloud .c-bn{font-size:.85em}#s-bns,.cc_div .bar #s-bns{padding:1em 1.3em}.cc_div .bar #s-inr{max-width:100%;width:100%}.cc_div .cloud #c-inr-i{padding-right:0}#cs{border-radius:0;padding:0}#c-s-in{max-height:100%;height:100%;top:0;transform:none}.cc_div .b-tg{transform:scale(1.1);right:1.1em}#s-inr{margin:0;padding-bottom:7.9em;border-radius:0}#s-bns{height:7.9em}#s-bl,.cc_div .bar #s-bl{padding:1.3em}#s-hdr,.cc_div .bar #s-hdr{padding:0 1.3em}#s-bl table{width:100%}#s-inr.bns-t{padding-bottom:10.5em}.bns-t #s-bns{height:10.5em}.cc_div .bns-t .c-bn{font-size:.83em;padding:.9em 1.6em}#s-cnt .b-bn .b-tl{padding-top:1.2em;padding-bottom:1.2em}#s-bl table,#s-bl tbody,#s-bl td,#s-bl th,#s-bl thead,#s-bl tr,#s-cnt{display:block}#s-bl thead tr{position:absolute;top:-9999px;left:-9999px}#s-bl tr{border-top:1px solid #e3e7ed;border-color:var(--cc-cookie-table-border)}#s-bl td{border:none;position:relative;padding-left:35%}#s-bl td:before{position:absolute;left:1em;padding-right:.625em;white-space:nowrap;content:attr(data-column);color:#000;color:var(--cc-text);overflow:hidden;text-overflow:ellipsis}#cm .c-bn,.cc_div .c-bn{width:100%;margin-right:0}#s-cnt #s-rall-bn{margin-left:0}.cc_div #c-bns{flex-direction:column}#c-bns button+button,#s-cnt button+button{margin-top:.625em;margin-left:0;float:unset}#cm.box,#cm.cloud{left:1em;right:1em;width:auto}#cm.cloud.left,#cm.cloud.right{margin:0}.cc_div .cloud #c-bns,.cc_div .cloud #c-inr,.cc_div .cloud #c-inr-i{display:block;width:auto;min-width:unset}.cc_div .cloud #c-txt{font-size:.9em}.cc_div .cloud #c-bns{margin-top:1.625em}}.cc_div.ie #c-vln{height:100%;padding-top:5.62em}.cc_div.ie .bar #c-vln{padding-top:0}.cc_div.ie #cs{max-height:37.5em;position:relative;top:0;margin-top:-5.625em}.cc_div.ie .bar #cs{margin-top:0;max-height:100%}.cc_div.ie #cm{border:1px solid #dee6e9}.cc_div.ie #c-s-in{top:0}.cc_div.ie .b-tg{padding-left:1em;margin-bottom:.7em}.cc_div.ie .b-tg .c-tgl:checked~.c-tg:after{left:1.95em}.cc_div.ie #s-bl table{overflow:auto}.cc_div.ie .b-tg .c-tg{display:none}.cc_div.ie .b-tg .c-tgl{position:relative;display:inline-block;vertical-align:middle;margin-bottom:.2em;height:auto}.cc_div.ie #s-cnt .b-bn .b-tl{padding:1.3em 6.4em 1.3em 1.4em}.cc_div.ie .bar #s-bl td:before{display:none}.cc_div.ie .bar #s-bl td{padding:.8em .625em .8em 1.2em}.cc_div.ie .bar #s-bl thead tr{position:relative}.cc_div.ie .b-tg .t-lb{filter: alpha(opacity=0);}.cc_div.ie #cm-ov,.cc_div.ie #cs-ov{filter: alpha(opacity=80);}
#c-p-bn {max-width:50%;}
#c-s-bn {visibility:hidden; display: none !important;}