#errorDummyForUserInput1 { display:none; }

/*************************** NEU NEU NEU ***************************/
/*** ---------------------- ***/
/*------------------- Inhalt -*/
/*----------------------------*/
/*-------- Kapitel 1: Basics -*/
/*-------------- Allgemeines -*/
/*-------------------- Grids -*/
/*------- spezielle Elemente -*/
/*------------------ Plugins -*/
/*---------------- Abstaende -*/
/*---------------- Schriften -*/
/*------------------- Rahmen -*/
/*------------------- Farben -*/
/*-------------------- float -*/
/*----------------- position -*/
/*----------------- Groessen -*/
/*------------------ display -*/
/*------------- Sichtbarkeit -*/
/*------------------- Cursor -*/
/*-------------- Transitions -*/
/*- Kapitel 2: Media Queries -*/
/*---------------- min 480px -*/
/*---------------- min 680px -*/
/*---------------- min 880px -*/
/*** ---------------------- ***/

/*** Allgemeines ***/
* { box-sizing:border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body { -webkit-text-size-adjust:100%; -moz-text-size-adjust:none; -ms-text-size-adjust:100%; overflow-x:hidden; background-color:#dddddd; background-repeat:no-repeat; background-position:center top; background-attachment:fixed; }
body, html { margin:0; height:100%; font-family:Arial,Helvetica; font-size:12px; color:#000000; }
body.generator { margin-top:0 !important; }
body.iframe { background:transparent; background-image:none; }
body.mzdummy { background-color:#eeeeee; }
body, html, div { outline:0 none; }

h4 { font-size:1em; color:#d91608; }
h3 { font-size:1.2em; color:#d91608; }
h2 { font-size:1.3em; color:#d91608; }

figure { margin:0; padding:0; }

a { color:#000000; }
a:hover { color:#d91608; }

hr { background-color:#b2b2b2; color:#b2b2b2; border:0; height:1px; }

input, select, textarea, number, password, submit, button, email, tel, url { font-size:1em; padding:0.8em; font-family:Arial,Helvetica; background-color:#eeeeee; color:#1f1f1f; }
input:not([type="submit"]):disabled, select:disabled, textarea:disabled, number:disabled, password:disabled, email:disabled, tel:disabled, url:disabled { background-color:transparent; }

input[type="submit"] { -webkit-appearance:none; -moz-appearance:none; appearance:none; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
input[type="number"] { -moz-appearance:textfield; }

:focus { outline:none; }

/*eigene input-Elemente*/
.checkbox { position:relative; display:inline-block; vertical-align:middle; }
.checkbox input[type="checkbox"] { position:absolute; z-index:-1; margin:0; font-size:0; height:0; width:0; }
.checkbox input[type="checkbox"] + label { display:inline-block; padding:0.2em; border:1px solid #5d5d5d; border-radius:2px; font-family:'Font Awesome 5 Free'; position:relative; width: 1.5em; height:1.5em; transition:border-color 0.3s; overflow:hidden; background-color:#eeeeee; cursor:pointer; }
.checkbox input[type="checkbox"].error + label { border-color:#cd0a0a; }
.checkbox input[type="checkbox"] + label::before { position:absolute; top:2px; left:-2em; transition:left 0.3s; content:"\f00c"; font-weight:900; color:#1f1f1f; }
.checkbox input[type="checkbox"]:checked + label::before { left:0.2em; }
.checkbox input[type="checkbox"]:focus + label { border-color:#d91608; }
.checkbox input[type="checkbox"]:disabled + label { border-color:#d5d5d5; }
.checkbox + label { display:inline-block; margin:0.25em 0 0.25em 0;  width:calc(100% - 4em); vertical-align:middle; cursor:pointer; }
.checkbox.checkbox_top + label { vertical-align:top; }
.checkbox.checkbox_bottom + label { vertical-align:bottom; }
.checkbox:not(.hide_1) + label { margin-left:0.7em; }

.radio { background-color:#eeeeee; position:relative; display:inline-block; }
.radio input[type="radio"] { position:absolute; z-index:-1; margin:0; font-size:0; height:0; width:0; }
.radio input[type="radio"] + label { display:inline-block; padding:0.2em; border:1px solid #5d5d5d; border-radius:50%; font-family:'Font Awesome 5 Free'; position:relative; width: 1.5em; height:1.5em; transition:border-color 0.3s; overflow:hidden; }
.radio input[type="radio"] + label::after { position:absolute; display:block; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transition:height 0.3s, width 0.3s; content:""; background-color:#5d5d5d; width:0em; height:0em; overflow:hidden; font-size:2em; border-radius:50%; }
.radio input[type="radio"]:checked + label::after { height:0.5em; width:0.5em; }
.radio input[type="radio"]:focus + label { border-color:#d91608; }
.radio input[type="radio"]:disabled + label { border-color:#d5d5d5; }
.radio + label { display:inline-block; vertical-align:top; margin:0.3em 0 0.4em 0.4em; width:calc(100% - 3em); }

address { font-style: normal; }

/*eigene Dialogboxen*/
.alert { zoom:1.0001; }

/** Browser-Anpassungen **/
/*IE9*/
img { border-style:none; }

/*** Grids ***/
/** Shop-Grid **/
.shop-width { max-width:1200px; }
#shop { position:relative; padding-top:36px; }
#shop.disable::after { position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; content:""; display:block; z-index:1001; transition:all 0.4s; }
#Header { width:100%; position:absolute; top:0; z-index:1000; }
#Header  #header_content { margin:0 auto; position:relative; }
body:not(.mobile) #Header:not(.style2) { margin:0 auto; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); }
#Main { display:block; width:100%; margin:0 auto; }

#Middle {}
#Left {}
#Right {}

body:not(.desktop) #logo { display:none; }
#logo { position:absolute; top:10px; left:10px; width:180px; height:100px; }

/** Shop-Design**/
#Header { background:#eeeeee; }
#Header  #header_content { background-repeat:no-repeat; background-position:0 0; }
#Header:not(.style2) #header_content { border-style:solid; border-color:#c1c1c1; border-width:0 1px 1px 1px; }
body.mobile #Header { position:fixed; border-bottom:1px solid #c1c1c1; }
#Main { background-color:#eeeeee;; border-style:solid; border-color:#c1c1c1; border-width:0 1px; padding-bottom:15px; }
body.mobile #Main { border:none; padding:0 10px 10px 10px; }

#Main::after { clear:both; content:""; display:block; }
#Middle { padding:0; width:100%; display:inline-block; }
#Left { padding:0; float:left; width:100%; display:none; }
#Left:not(:empty) { display:block; padding-top:15px; }
#Right { padding:0; float:right; width:100%; display:none; }
#Right:not(:empty) { display:block; padding-top:15px; }
body.with-left #Left { display:block; }
body.with-right #Right { display:block; }

#Left > *:not(:first-child) { margin-top:15px; }
#Right > *:not(:first-child) { margin-top:15px; }
#Left > *:first-child { margin-top:0; }
#Right > *:first-child { margin-top:0; }

/* Footer-Grid */
body:not(.mobile) .footercol.col_2 { width:50%; }
body:not(.mobile) .footercol.col_3 { width:33.33%; }
body:not(.mobile) .footercol.col_4 { width:25%; }
body:not(.mobile) .footercol.col_5 { width:20%; }

#Footer { width:100%; background-color:#dddddd;; border-style:solid; border-color:#c1c1c1; border-width:2px 1px 1px 1px; border-top-color:#d91608; }
#Footer:not(.style2) { margin:0 auto; }
#footer_content { margin:0 auto; overflow:hidden; }
#footer_content::after { clear:left; content:""; display:block; }
#footer_content > .footercol { padding:15px; padding-bottom:32768px; margin-bottom:-32768px; }
#footer_content .footercol_content { padding-bottom:15px; }
.footercol_content .item { display:inline-block; margin-bottom:0.8em; }
.footercol_content .item:not(:last-child) { margin-right:0.8em; }
body:not(.mobile) #footer_content > .footercol { float:left; }
body.mobile #footer_content > .footercol:not(:last-child) { border-bottom:1px solid #c1c1c1; }
body:not(.mobile) #footer_content > .footercol:not(:last-child) { border-right:1px solid #c1c1c1; }
* + .content_block { margin-top:15px; }

.footermenu { margin:0; padding:0; list-style:none; }
.footermenu li { padding-top:0.4em; }
.footermenu li a { text-decoration:none; }
.footermenu .open-submenu { display:none; }

#footer_mwst, #shopversion { border-top-style:solid; border-top-color:#c1c1c1; border-top-width:1px; padding:0.8em 15px; text-align:center; font-size:0.9em; color:#4c4c4c; }
#footer_mwst a { color:#4c4c4c; }
#shopversion:empty { display:none; }

/** header-options **/
.header_options { position:absolute; top:0; right:-1px; width:100%; }
.header_options::after { clear:left; content:""; display:block; }
.header_options .option { line-height:30px; padding-left:0.8em; padding-right:0.8em; float:left; border-style:solid; border-width:0 0 1px 1px; border-color:#cccccc; background: #dddddd; /* Old browsers */background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; }
.header_options .option:last-child { border-right-width:1px; }
body.mobile .header_options .option { width:100%; }

/** Sprachwechsel, Waehrungswechsel **/
#language_choice, #currency_choice { position:relative; }
#language_choice .language:not(.active), #currency_choice .currency:not(.active) { padding:0 0.8em; }
#language_choice .language_container, #currency_choice .currency_container { background: #dddddd; /* Old browsers */background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; position:absolute; top:30px; left:0; z-index:100; white-space:nowrap; }
#currency_choice .currency_container.loading::before { content:"" }

#mobileUser .language, #mobileUser .currency { padding:0.4em 0 !important; }
#mobileUser .language.active, #mobileUser .currency.active { padding:0 !important; }
#mobileUser .language_container, #mobileUser .currency_container { padding-top:0.4em; }
#mobileUser .language_container, #mobileUser .currency_container { background:transparent; position:static; width:100%; border:none; }

#more-options-mobile-content > * { padding:0.8em; }
#more-options-mobile-content > *:not(:last-child) { border-bottom:1px solid #aeaeae; }

/** Navigation-Grid **/
.h_menu { display:flex; display:-ms-flexbox; flex-wrap:wrap; -ms-flex-wrap:wrap;  }
ul.h_menu, .h_menu ul { padding:0; margin:0; list-style-type:none; }
.h_menu ul:not(.level2)::after { clear:both; content:""; display:block; }
.h_menu li.level0 { padding:0; margin:0; display:block; }
.h_menu li > a { padding:1em; display:block; text-decoration:none; }
.h_menu ul.level1 { display:none;  }

/*Topnav*/
#topnav { background: #d91608; /* Old browsers */background: -moz-linear-gradient(top,  #f73a2d 0%, #d91608 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f73a2d), color-stop(100%,#d91608)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* IE10+ */background: linear-gradient(to bottom,  #f73a2d 0%,#d91608 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f73a2d', endColorstr='#d91608',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; }
#topnav .h_menu li.level0 > a { background: #d91608; /* Old browsers */background: -moz-linear-gradient(top,  #f73a2d 0%, #d91608 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f73a2d), color-stop(100%,#d91608)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* IE10+ */background: linear-gradient(to bottom,  #f73a2d 0%,#d91608 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f73a2d', endColorstr='#d91608',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; padding:0.8em 15px; line-height:2em; transition:background-color 0.3s, color 0.3s; color:#ffffff; text-transform:uppercase; font-weight:bold; height:100%; }
#topnav .h_menu ul:not(.level0) { background-color:#eeeeee; }
#topnav .h_menu > li.active > a { background: #d91608; /* Old browsers */background: -moz-linear-gradient(top,  #870e06 0%, #d91608 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#870e06), color-stop(100%,#d91608)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #870e06 0%,#d91608 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #870e06 0%,#d91608 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #870e06 0%,#d91608 100%); /* IE10+ */background: linear-gradient(to bottom,  #870e06 0%,#d91608 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#870e06', endColorstr='#d91608',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; transition-delay:0.2s; }
#topnav .h_menu > li.active > a { background: #d91608; /* Old browsers */background: -moz-linear-gradient(top,  #870e06 0%, #d91608 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#870e06), color-stop(100%,#d91608)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #870e06 0%,#d91608 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #870e06 0%,#d91608 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #870e06 0%,#d91608 100%); /* IE10+ */background: linear-gradient(to bottom,  #870e06 0%,#d91608 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#870e06', endColorstr='#d91608',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; }
#topnav.fixed { position:fixed; top:0; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); width:100%; z-index:1000;  zoom:1.001; }
#topnav.style2, #topnav_placeholder #topnav, #topnav.style1 #topnav_content { width:100%; max-width:none; }

#topnav_sub { border-width:1px; border-style:solid; border-color:#c1c1c1; }
#topnav_sub.style2 { width:100%; max-width:none; border-width:1px 0; }
#topnav_sub.style1 #topnav_sub_content { width:100%; max-width:none; }
#naviPos6.h_menu li > a { padding:0.8em 15px; font-weight:bold; }

.h_menu.megamenu { position:relative; }
.h_menu.megamenu > li > ul { position:absolute; left:0; width:100%; padding:0.8em; }
.h_menu.megamenu:not(.touch) > li:hover, .h_menu.megamenu.touch > li.opened { overflow:visible; }
.h_menu.megamenu:not(.touch) > li:hover > ul, .h_menu.megamenu.touch > li.opened > ul { visibility:visible; }
.h_menu.megamenu:not(.touch) > li:hover > a, .h_menu.megamenu.touch > li.opened > a { position:relative; }
.h_menu.megamenu.touch > li > ul a.opened { color:#4c4c4c; }
.h_menu.megamenu li.level0.children > a::after { content:""; visibility:hidden; transition-delay:0.2s; }
.h_menu.megamenu:not(.touch) li.level0.children:hover > a::after, .h_menu.megamenu.touch li.level0.children.opened > a::after { position:absolute; bottom:-1em; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); border-width:1em 1em 0 1em; border-color:#d91608 transparent transparent; border-style:solid; z-index:101; content:""; visibility:visible; transition-delay:0.2s; }
.h_menu.megamenu ul.level1 { padding:1em 2em; box-shadow:0px 8px 8px -8px #7e7e7e; display:block; visibility:hidden; transition-delay:0.2s;}
.h_menu.megamenu li.level1 { display:inline-block; vertical-align:top; margin-top:0.5em; width:19.5%; }
.h_menu.megamenu li.level1 > a { padding-bottom:0; color:#d91608; font-weight:bold; min-height: 3.5em; }
.h_menu.megamenu li.level2 { padding:0.4em 0; }
.h_menu.megamenu li.level2 > a { padding:0 1em; }
.h_menu.megamenu ul.level2 ul { display:none; }
.h_menu .open-submenu { display:none; }

/*Grafiken*/
.h_menu a:not(.level1).smallgraphic > .img { display:inline-block; vertical-align:middle; width:32px; height:2em; position:relative; }
.h_menu a:not(.level1).smallgraphic > .img > img { max-width:100%; max-height:100%; width:auto; height:auto; position:absolute; left:0; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); }
.h_menu a:not(.level1).smallgraphic > .text { padding-left:8px; }
.h_menu a:not(.level1) .text { display:inline-block; vertical-align:middle; }
.h_menu a.level1.smallgraphic > .img { display:block; }
.h_menu a.level1.smallgraphic > .img > img { max-width:100%; max-height:10em; width:auto; height:auto; display:block; }
.h_menu a.level1.smallgraphic > .text { display:block; margin-top:0.4em; }

.desktop_nav { display:none; }
#header_content { height:0; }
#topnav_content, #topnav_sub_content { margin:0 auto; }

/*vertkales Menue*/
body:not(.mobile) .v_menu { border-style:solid; border-width:1px 1px 0 1px; border-color:#c1c1c1; }
.v_menu a span.bezeichung { display:block; transition:transform 0.2s; transition-delay:0.2s; }

ul.v_menu, .v_menu ul { padding:0; margin:0; list-style-type:none; }
.v_menu ul:not(.level0) { display:none; }

.v_menu li { position:relative; padding:0; margin:0; display:block; background-color:#d5d5d5;}
.v_menu li:not(.level0).active > a { color:#d91608; }
.v_menu li > a { padding:1em; display:block; text-decoration:none; }
.v_menu li a, .v_menu_mobile { border-bottom:1px solid #c1c1c1; }
.v_menu li.inpath a { border-bottom:0; }
.v_menu ul a { border-bottom:0; }
.v_menu li.inpath ul ul { border-top:0; }
.v_menu li.inpath a { }
.v_menu li.inpath ul a { border-bottom:0; }
.v_menu li ul { background-color:#eeeeee; }
.v_menu li > ul > li { padding-left:1em; }
.v_menu li.level0 ul { display:none; }
.v_menu li.level0 ul.open_nav { display:block; }
.v_menu li.active > ul { display:block; }
.v_menu li.inpath > ul { display:block; }
.v_menu li.active a.level0, .v_menu li.inpath a.level0 { background: #d91608; /* Old browsers */background: -moz-linear-gradient(top,  #f73a2d 0%, #d91608 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f73a2d), color-stop(100%,#d91608)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* IE10+ */background: linear-gradient(to bottom,  #f73a2d 0%,#d91608 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f73a2d', endColorstr='#d91608',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; color:#ffffff; }
.v_menu li.level0.inpath > .mobile-mega-opener { color:#ffffff; }
.v_menu li.level1 { border-bottom:1px solid #aeaeae; }
.v_menu ul ul { border-bottom:0; }
.v_menu ul.level1 li { background-color:transparent; background-repeat:no-repeat; }
.v_menu ul.level1 li { font-weight:normal; }
.v_menu li li.active a { background-color:transparent; background-repeat:no-repeat; }
.v_menu li li.active li a { background-image:none; }
.v_menu span { background-repeat:no-repeat; }
/*.v_menu a.level1 { color:#ffffff; }*/
.v_menu a.level2 span { margin-left:8px; text-indent:-8px; }
.v_menu a.level3 span { margin-left:8px; text-indent:-8px; }
.v_menu a.level4 span { margin-left:7px; text-indent:-7px; }
.v_menu .smallgraphic {  }
.v_menu .smallgraphic > .img { display:inline-block; vertical-align:middle; width:32px; height:2em; position:relative; }
.v_menu .smallgraphic > .img > img { max-width:100%; max-height:100%; width:auto; height:auto; position:absolute; left:0;  top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.v_menu .smallgraphic > .text { display:inline-block; width:calc(100% - 40px); padding-left:8px; vertical-align:middle; }

.v_menu li.children > a { position:relative; padding-right:3em; }
.v_menu .open-submenu { display:block; height:35px; width:3em; position:absolute; right:0; top:0; cursor:pointer; border-style:none; border-width:0 0 0 1px; }
.v_menu .open-submenu::before,.v_menu .open-submenu::after { top: 42%; }
.v_menu li.level0.inpath > .open-submenu, .v_menu li.level0.inpath > .open-submenu:hover, .v_menu li.level0.active > .open-submenu:hover { color:#ffffff; }

/*Grafiken*/
.v_menu .graphicfirst > span {  }
.v_menu .graphicfirst > span > img { max-height:2em; max-width:100%; }

/*mehr Anzeigen*/
.h_menu li.morelink, .h_menu.megamenu li.morelink, .v_menu li.morelink, .morelink { display:none; }
.h_menu.megamenu li.level1:nth-child(9) ~ li { display:none; }
.h_menu.megamenu li.level1:nth-child(9) + li ~ .morelink { display:inline-block; }
.h_menu.megamenu li.level2:nth-child(5) ~ li { display:none; }
.h_menu.megamenu li.level2:nth-child(5) + li ~ .morelink { display:inline-block; }

/*kleines Menue*/
.mobile-header-icon { margin-left:0.2em; font-size:1.7em; padding:0.4em; }
.button-mobile-cart { position:relative; }
.inventory_number { position:absolute; top:-3px; right:0; background: #d91608; /* Old browsers */background: -moz-linear-gradient(top,  #f73a2d 0%, #d91608 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f73a2d), color-stop(100%,#d91608)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* IE10+ */background: linear-gradient(to bottom,  #f73a2d 0%,#d91608 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f73a2d', endColorstr='#d91608',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; padding:1px 3px; border-radius:50%; color:#ffffff; font-weight:bold; font-size:0.7em; }

/*mobiles Menue*/
#close_menu, #close_filter, #close_user { display:block; padding:5px; font-size:2em; cursor:pointer; text-align:center; }

#mobileNavigationBox { padding:8px 10px; }
#mobileSearchNavigation { width:100%; z-index:2000; top:0; left:0; }
body.desktop #mobileSearchNavigation { border:none; }
#mobile_logo { margin-left:0.6em; display:block; background-size:contain; background-repeat:no-repeat; background-position:center; background-image:url(../_conf/img/Vogel-einzeln31px.jpg); }

.slideleft, .slideright { position:fixed; top:0; z-index:2100; margin:0; width:250px; height:100%; border:1px solid #c1c1c1; box-shadow:0 0 10px #838383; z-index:1001; }
.slideleft { left:-258px; }
.slideright { right:-258px; }
body.mobile .slideleft, body.mobile .slideright { background-color:#eeeeee; overflow-y:scroll; }
#mobileNavigation.slideleft { display:block; padding-top:0; }
#mobileNavigation > ul > li, #mobileNavigationTrigger { cursor:pointer; }

body.mobile #topnav_placeholder, body.mobile #nav6_placeholder, #mobileNavigation { display:none; }

/** Breadcrumb **/
#breadcrumb { color:#5d5d5d; font-size:0.9em; white-space:nowrap; }
#breadcrumb div { display:inline; }
#breadcrumb a { color:#5d5d5d; }
#markenauswahl + #breadcrumb > div { padding-left:15px; }

/** Filternavigation **/
.filtergroup { padding:0.8em 0; }
.filtergroupcap { font-weight:bold; border-bottom:1px solid #c1c1c1; padding-bottom:0.4em; }
.filtergroupitems { padding:0.8em 0; }

.filteritem { padding:1px; display:block; margin-bottom:0.4em; position:relative; }
.filteritem .deactivate { display:none; position:absolute; top:-1px; right:-1px; background-color:#eeeeee; color:#000000; border:1px solid #000000; padding:2px; font-size:0.8em; }
.filteritem.active .deactivate { display:block; }

.filteritem.type0 { text-decoration:none; }
.filteritem.type0:not(.active):hover { background-color:#c1c1c1; }
.filteritem.type0.active { border-bottom:1px solid #d91608; color:#d91608; font-weight:bold; }

.filteritem.type1 { cursor:pointer; }
.filteritem.type1:not(.active):hover { background-color:#c1c1c1; }
.filteritem.type1.active { border-bottom:1px solid #d91608; color:#d91608; font-weight:bold; }

.filteritem.type2 { display:inline-block; border:1px solid #c1c1c1; }
.filteritem.type2.active { border:1px solid #d91608; }

.filteritem.type3 > label { cursor:pointer; }
.filteritem.type3:hover { background-color:#c1c1c1; }
.filteritem.type3.active > label { border-bottom:1px solid #d91608; color:#d91608; font-weight:bold; }

.filteritem.type4 > label { cursor:pointer; }
.filteritem.type4:hover { background-color:#c1c1c1; }
.filteritem.type4.active > label { border-bottom:1px solid #d91608; color:#d91608; font-weight:bold; }

.filteritem.type5 { cursor:pointer; }
.filteritem.type5.active { color:#d91608; font-weight:bold; }

.morefilteritemsFooter { cursor:pointer; }

/** Artikel-Grid **/
/* catalog grid */
.catalog.grid article::after, .catalog.grid property::after { clear:both; content:""; display:block; }
.catalog.grid article .pic { display:block; float:left; position:relative; width:100%; overflow:hidden; }
.catalog.grid article .pic > figure > img{ max-height:200px; }
.catalog.grid article .desc { float:left; width:100%; /*overflow:hidden;*/ }
.catalog.grid article .desc::after { clear:both; content:""; display:block; }
.catalog.grid article .desc-left { float:left; width:100%; }
.catalog.grid article .desc-right { float:right; width:100%; }
.catalog.grid section.childitem { width:100%; }
.catalog.grid section.childitem::after { clear:both; content:""; display:block; }

.catalog article .agerating_s { position:absolute; bottom:0.8em; left:0.8em; }

/*catalog design*/
.catalog.design article { border-color:#c1c1c1; border-style:solid; border-width:1px 0 0;
                   background:#dddddd;
                   background:linear-gradient(to right, #eeeeee 10%,#dddddd 65%);
                   background:-moz-gradient(left, #eeeeee 10%,#dddddd 65%);
                   background:-webkit-linear-gradient(left, #eeeeee 10%,#dddddd 65%);
                   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#eeeeee, endColorstr=#dddddd ,GradientType=1 );
                 }
.catalog.design.cart article { border-width:1px 1px 0 1px; }
.catalog.design:not(.cart) article { margin-top:15px; border-width:1px; }
.catalog.design:not(.cart) article.child { border-width:0; }
.catalog.design article .pic { padding:0.8em; text-decoration:none; }
.catalog.design article .desc { padding:0.8em; }
.catalog.grid article .desc-right { margin-top:15px; }
.catalog.design section.childitem { border-top:1px solid #c1c1c1; padding-top:15px; margin-top:15px; }

.catalog article .agerating_s { position:absolute; bottom:0.8em; left:0.8em; }

/*tiles grid*/
.tiles.grid { display:-ms-flexbox; display:-webkit-flexbox; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; }
.tiles.grid > * { width:100%; }
/*tiles design*/
.tiles.design > * { padding-top:16px; }

/*catblog grid*/
.catblog.grid article > div { position:relative; height:100%; }
.catblog.grid article > .position-and-dimensions-anchor > div { height:100%; position:relative; }
.catblog.grid article .pic { display:block; position:relative; width:100%; max-height:320px; overflow:hidden; }
.catblog.grid article .pic > .dimensions { padding-bottom:100%; }
.catblog.grid .productname { height:5em; position:relative; }
.catblog.grid .productname > a { position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); zoom:1.01; display:block; width:100%; }
.catblog.grid article .desc { width:100%; }
.catblog.grid._height article:hover > .position-and-dimensions-anchor > div { position:absolute; top:0; left:0; transform:translateY(-8px); -ms-transform:translateY(-8px); width:100%; height:auto; min-height:100%; z-index:100; }
.catblog.grid .bottom-container { position:absolute; bottom:0; left:0; }

/*catblog design*/
.catblog.design article > .position-and-dimensions-anchor > div { border:1px solid #c1c1c1; background-color:#dddddd; padding-bottom:3em; text-align:center; transition:box-shadow 0.3s, transform 0.3s; }
.catblog.design article .pic { padding:0.8em; text-decoration:none; background-color:#eeeeee; }
.catblog.design .productname:not(.carousel-text) { background-color:#c1c1c1; padding:0.5em; }
.catblog.design .productname:not(.carousel-text) > a { padding:0.5em; }
.catblog.design article .desc { padding:0.8em 0.8em 0; }
.catblog.design article:hover > .position-and-dimensions-anchor > div { box-shadow:0 8px 16px #7e7e7e; }
.catblog.design .bottom-container { padding:0.8em; width:100%; }

.catblog article .agerating_s { position:absolute; bottom:0.8em; left:0.8em; }

.cat_more_info { position:absolute; right:0; bottom:5em; border-color:#989898; border-width:1px 0 1px 1px; border-radius:3px 0 0 3px; border-style:solid; background-color:#cccccc; }
.cat_more_info::before { content:"\f103"; font-family:"Font Awesome 5 free"; display:block; font-weight:bold; padding:0.4em 0.2em; }
/*.cat_more_info { position:absolute; right:0.8em; bottom:5em; line-height:20px;}
.cat_more_info::before { position:absolute; content:"\f103"; font-family:"Font Awesome 5 free"; font-weight:bold; width:0.8em; height:20px; border-color:#7e7e7e; border-width:1px 0 1px 1px; border-radius:3px 0 0 3px; border-style:solid; background-color:#c1c1c1; }*/
/*.cat_more_info::after { position:absolute; top:1px; right:-20px; content:"..."; font-size:20px; font-weight:normal; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }*/

.catblog article .cat_more_info, .catblog article:hover .additional_information.filled ~ .cat_more_info { display:none; }
.catblog article .additional_information.filled ~ .cat_more_info { display:block; }

/*subnavi grid*/
.subnavi.grid .pic img { max-height:120px; max-width:100%; width:auto; }

.subnavi .item > div { height:100%; }
.subnavi.grid .pic:not(:empty) { height:120px; }

/*subnavi design*/
.subnavi.design .pic { text-align:center }
.subnavi.design .item > div { border:1px solid #c1c1c1; background-color:#eeeeee; padding:0.8em; overflow:hidden; position:relative; }
.subnavi.design .title { padding-top:0.8em; font-weight:bold; text-align:center; }
.subnavi.design .text { margin-top:0.8em; text-align:center; }
.subnavi.design .text img { max-width:100%; }

/** Produktdetail **/
article.product > section { padding:0.8em 0; }
.product .picture { float:left; width:100%; }
.product .details { float:right; width:100%; margin-top:10px; }
.product .details .border-and-padding { background-color:#dddddd; border:1px solid #c1c1c1; }
.product .functions > .border-and-padding { border:1px solid #c1c1c1; background-color:#dddddd; padding:0.8em; }
#product #form_eingabe > *:first-child { margin-top:0; }
.product .priceandmore > *:first-child { margin-top:0; }
/* UVP */
.uvp-ehemaliger { display:none; }

/* Artikelbilder in Detailansicht */
.apics { text-align:center; position:relative; top:0; left:0; margin-top:-1px; }
.apics:empty { margin-top:0; }
.apics #detailimage { text-align:center; width:100%; }

.apics #detailimage .pic { text-align:center; width:100%; vertical-align:middle; position:relative; }
.apics #detailimage .pic:empty { padding-top:1px; }
.apics #detailimage span.makeheight { display:inline-block; width:0; }
.apics #detailimage .detailimagea_v, .apics #detailimage .detailimageaimg_v { visibility:visible !important; left:0 !important; height:auto !important; }
.apics #detailimage { position:relative; top:0; left:0; }
.apics #detailimage .detailimage { text-align:center; width:100%; top:0; visibility:hidden; height:0; position:relative; left:-1000000px; max-width:100%; }



#slideOverlay { height:100%; width:3em; position:absolute; top:0; right:0; z-index:1000; box-shadow:-3px 0 2px -4px #000000; border-left:1px solid #eeeeee; }
#slideOverlay::after { content:'\f338'; font-family:'Font Awesome 5 Free'; font-weight:900; font-size:4em; color:#eeeeee; text-shadow:0 0 2px #000000; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); }

.slider { position:relative; overflow:hidden; }
.slider > div { position:absolute; left:0; top:0; width:25000px; text-align:left; }
.sliderButton { position:absolute; top:0; }
.sliderLeft { left:0; }
.sliderRight { right:0; }

.slider img { opacity:0.7; }
.slider img:hover, .slider .active-img > img { opacity:1; }

#slider img { max-height:52px; }

#detailimage_zoom { position:absolute; top:0; left:0; }
.elevatezoom_detail { max-width:100%; }
.aslimbox img { max-width:100%; }

/*elevateZoomPlus*/
.zoomWindowContainer > div { height:100% !important; width:100% !important; }
.zoomContainer .zoomWindowContainer .zoomWindow { background-color:#eeeeee; }

/*magicZoomPlus*/
.slidebar .slider a.mz-thumb img { opacity:1; }

/* crossselling */
.catalog.product article .pic { padding:0 0.8em 0 0; min-height:auto; height:3em; width:auto; }

/* Staffelrabatt */
.pricescale { position:relative; }
.pricescale .pricescale_visible { cursor:pointer; padding:5px 0; font-weight:bold; }
.pricescale .pricescale_table { display:none; transform:translateX(0); -ms-transform:translateX(0); }

.pricescale .pricescale_table table td { padding:5px; border:0 solid #c1c1c1; }
.pricescale .pricescale_table table td:last-child { border:none; padding-left:15px; }
.pricescale .pricescale_table table td:first-child { border-right-width:1px; }
.pricescale .pricescale_table table td:nth-child(2) > span { display:block; }

.pricescale_saving,
.pricescale .pricescale_baseprice .indicator:empty,
.pricescale .pricescale_baseprice .indicator:empty + span { display:none; }
.pricescale .pricescale_baseprice { font-size:0.8em; white-space:nowrap; }
.pricescale .show_table { display:inline-block; }
.pricescale .show_table::before { content:"\f0fe"; font-family:"Font Awesome 5 Free"; font-weight:300; padding-right:5px; }
.pricescale .show_table::after { content:""; display:none; clear:right; }
.pricescale.show_all .pricescale_table { display:inline-block; }
.pricescale.show_all .show_table::before { content:"\f146"; }

.catblog .item.show_all { overflow:visible; z-index:900; }
.catblog .item.show_all .inneritem { overflow: visible; min-height: 100%; height: auto; }

.catalog .pricescale_table { text-align:center; }

/** merken oder nicht merken **/
.memorise.gemerkt .can-memorise, .memorise:not(.gemerkt) .is-memorise { display:none; }

/** Butten zum Produkt **/
.toProductButton { display:none; position:absolute; bottom:3em; left:0; width:100%; }
/*
.toProductButton { display:block; }
.catblog.design article > .position-and-dimensions-anchor > div { padding-bottom:6em; }
*/

/** Suche **/
#search { position:absolute; top:56px; left:40%; width:300px; z-index:100; }
#searchi { position:relative; }
#SearchStr, #SearchStrUnderlay { width:100%; padding-right:2.6em; margin-top:0; }
#SearchStrUnderlay { z-index:-1; position:absolute; top:0; }
.search button[type="submit"] { position:absolute; top:50%; transform:translateY(-50%); right:0.6em; cursor:pointer; outline:none; display:inline-block; width:1em; height:1em; border:0; padding:0; }
.search button[type="submit"]::before { content:'\f002'; }
.search button[type="submit"]:hover, .search button[type="submit"]:active { color:#4c4c4c; }
body.mobile #search { position:static; top:42px; width:100%; padding:0 10px 8px 10px; }

/** Bestellungen / Retoure **/
.order-open > div { text-align:center; padding:5px; margin:0; }
.order-open > div > span { transition:transform 0.5s; }
.order-open > div.show > span { transform:rotate(180deg); -ms-transform:rotate(180deg); }
.order-overview .caption { font-weight:bold; }
.order-state .fa-check { color:green; }
.order-address-content { z-index:10; top:1em; }
.order-address:hover .order-address-content { display:block; }
.order-address-content, .order-more-numbers { line-height:1.5em; }
.order-pay .order-discount { top:1em; }
.order-pay:hover .order-discount { display:block; }
.order-info .order-orderNr { position:relative; text-align:right; font-style:italic; }
.order-info .order-orderNr > div:empty { display:none; }
.order-info .order-orderNr:hover .order-more-numbers { display:block; }
.order-content { display:none; }
.order-position:first-child { border:none; }
.order-position .order-pos-pic img { max-width:100%; max-height:150px; }
.order-position.child { border-top:none; }

.retoureadrblock:first-child { border:none; }
.order-retoure-pos { padding-left:3em; }
.order-retoure-pos .retoure-pos-pic img { max-width:100%; width:100%; }

.retoure-check-pos:not(:first-child) { margin-top:15px; }
.retoure-check-pos-pic img { max-width:100%; width:100%; }

/** Konfiguratorfilter **/
#konfigurator {  }
#konfigurator .ebene { padding:0; margin:0; height:0; opacity:0; overflow:hidden; transition:opacity 0.5s; position:relative; }
#konfigurator .ebene.showConfiguratorLevel { height:auto; opacity:1; padding:15px 0; margin:15px 0; }
#konfigurator .ebene::after { clear:left; content:""; display:block; }
#konfigurator .ebene .filterLevelName { text-align:center; font-size:2em; margin-bottom:0.5em; padding-bottom:0.5em; border-style:solid; border-width:0 0 1px 0; border-color:#c1c1c1; }
#konfigurator .ebene .filterLevelName > span {  }
#konfigurator .ebene .filterWrapper { width:100%; position:relative; }
#konfigurator .ebene .filter { padding:15px; }
#konfigurator .filter > a { display:block; overflow:hidden; width:100%; height:100%; text-align:center; text-decoration:none; position:relative; }
#konfigurator .filter > a:focus { outline:0; }
#konfigurator .filter > a > img { max-width:250px; width:100%; height:auto; display:inline; border-radius:50%; border:2px solid #c1c1c1; }
#konfigurator .filter > a > span { display:block; width:100%; font-size:1.3em; font-weight:bold; padding:10px 1.5em; }
#konfigurator .filter > a.selected, #konfigurator .filter > a.selected:hover { color:#d91608; }
#konfigurator .filter > a.selected > img { border-color:#d91608; }
#konfigurator .slick-buttons { text-align:center; }
#konfigurator .slick-buttons button { padding:1em 1.5em; margin:0 1em; background:white; border:1px solid #c1c1c1; }
#konfigurator .slick-buttons button:active { box-shadow:0 0 1px 1px #989898 inset; border-color:#c1c1c1; }
#konfigurator .slick-buttons button:focus { outline:0; border-color:#c1c1c1; }
#konfigurator .slick-buttons button:before { font-family:'Font Awesome 5 Free'; font-size:1.3em; font-weight:900; }
#konfigurator .slick-buttons button.slick-next:before { content:"\f061"; }
#konfigurator .slick-buttons button.slick-prev:before { content:"\f060"; }

/** Datenschutzseite **/
#datenschutz #main_middle > div:not(#headline) { line-height:1.8em; }
#datenschutz ol { padding:0; margin:0; counter-reset:section; list-style-type:none; }
#datenschutz ol > li { margin-top:2em; font-weight:bold; font-size:1.2rem; }
#datenschutz ol > li::before { counter-increment:section; content:counters(section,'.') '. '; }
#datenschutz ol > li > * { font-weight:normal; font-size:1rem; }
#datenschutz ol > li > p:first-child { font-weight:bold; font-size:1.2rem; display:inline; }
#datenschutz ol > li > ol { margin-left:1em; }
#datenschutz ol > li ul { list-style-type:square; }
#datenschutz dt { margin:1em 0 0.5em 0; font-weight:bold; }
#datenschutz .datenschutzbeauftragter p { margin:0.1em 0; }


/** Empfehlungen RDE **/
.rdecontent .item { position:relative; }
.rdecontent .offer-info { position:absolute; top:0; left:0; padding:0.5em; background:rgba(255,255,255,0.8); }
.rdecontent .eek { height:1.5em; }
.rdecontent .productdata { line-height:1.5em; }
.rde.re_catblog .productname { height:auto; }
.rde.re_catalog { margin-top:15px; }
.rde + .rde { margin-top:15px; }

/*** spezielle Elemente ***/
/** Icons **/
/*Font Awesome*/
/*!
 *
 *  Font Awesome Free - 5.7.0
 *  License - Font Awesome Free license: https://fontawesome.com/license/free.
 *  Icons: CC BY 4.0 License
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family:'Font Awesome 5 Free';
  font-style:normal;
  font-weight:900;
  font-display:auto;
  src: url("fonts/fa-solid-900.eot");
  src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
  font-family:'Font Awesome 5 Free';
  font-style:normal;
  font-weight:400;
  font-display:auto;
  src: url("fonts/fa-solid-400.eot");
  src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff"), url("fonts/fa-regular-400.ttf") format("truetype"), url("fonts/fa-regular-400.svg#fontawesome") format("svg");
}
@font-face {
  font-family:'Font Awesome 5 Free Brands';
  font-style:normal;
  font-weight:400;
  font-display:auto;
  src: url("fonts/fa-brands-400.eot");
  src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff"), url("fonts/fa-brands-400.ttf") format("truetype"), url("fonts/fa-brands-400.svg#fontawesome") format("svg");
}
/*Funktionen*/
.fa {
  display: inline-block;
  font-family:'Font Awesome 5 Free';
  font-style:normal;
  text-rendering:auto !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  -ms-transform:translate(0, 0);
  font-weight:900 !important;
}
.far {
  display: inline-block;
  font-family:'Font Awesome 5 Free';
  font-style:normal;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  -ms-transform:translate(0, 0);
  font-weight:400;
}
.fab {
  display: inline-block;
  font-family:'Font Awesome 5 Free Brands';
  font-style:normal;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  -ms-transform:translate(0, 0);
  font-weight:400;
}


.wishlist_icon-a::before { content:"\f02e"; } /*Faehnchen*/
.wishlist_icon-b::before { content:"\f02e"; } /*Faehnchen voll*/
.availability_icon::before { content:"\f0c8"; } /*Verfuegbarkeit*/
.cart_icon::before { content:"\f07a"; } /*Warenkoerbchen*/
.delete_icon::before { content:"\f2ed"; } /*Muelltonnchen*/
.refresh_icon::before { content:"\f2f1"; } /*Kreispfeilchen*/
.save_icon::before { content:"\f0c7"; } /*Diskettchen*/
.forbidden_icon::before { content:"\f05e"; } /*Verbotenschildchen*/
.house_icon::before { content:"\f015"; } /*Haeuschen*/
.check_icon::before { content:"\f00c"; } /*Haekchen*/
.close_icon::before { content:"\f00d"; } /*Kreuzchen*/
.warning_icon::before { content:"\f071"; } /*Hinweischen*/
.pencil-icon::before { content:"\f303"; } /*Stiftchen*/
.loading-icon::before, .spinner_icon::before { content:"\f110"; } /*Kringelchen*/
.pdf_data-icon::before { content:"\f1c1"; } /*pdf-auf-Blaettchen*/
.zip_data-icon::before, ._data-icon::before { content:"\f1c6"; } /*zip-auf-Blaettchen*/
.video_data-icon::before { content:"\f1c8"; } /*video-auf-Blaettchen*/
.user_icon::before { content: "\f007"; } /*Maennchen*/
.search_icon::before { content: "\f002"; } /*Lupchen*/
.envelope_icon::before { content:"\f0e0"; } /*Umschlagchen*/
.phone_icon::before { content:"\f095"; } /*Telefonchen*/
.fax_icon::before { content:"\f1ac"; } /*Faxchen*/
.sign-in_icon::before { content:"\f2f6"; } /*Anmeldenchen*/
.sign-out_icon::before { content:"\f2f5"; } /*Abmeldenchen*/
.guenstiger_icon:before { content:"\f155"; } /*Dollarchen*/
.recommend_icon::before { content:"\f164"; } /*Daeumchen*/
.percent_icon::before { content:"\f295"; } /*Prozentchen*/
.marker_icon::before { content:"\f3c5"; } /*Markerchen*/
.shop_icon::before { content:"\f54f"; } /*Ladenchen*/
.menu_icon::before { content:"\f0c9"; } /*Menuechen*/
.list_icon::before { content:"\f00b"; } /*Listchen*/
.tiles_icon::before { content:"\f00a"; } /*Kachelchen*/
.smallList_icon::before { content:"\f0ca"; } /*kleines Listchen*/
.id_icon::before { content:'\f2c2'; } /*IDchen*/
.gift_icon::before { content:'\f06b'; } /*Geschenkchen*/
.sticky_icon::before { content:'\f249'; } /*Notizchen*/
.calendar_icon::before { content:'\f073'; } /*Kalenderchen*/
.comment_icon::before { content:'\f075'; } /*Textchen*/
.truck_icon::before { content:"\f0d1"; } /*LKWchen*/
.map_icon::before { content:"\f279"; } /*Kaertchen*/
.mapman_icon::before { content:"\f21d"; } /*Nananana Mapman*/
.poll_icon::before { content:"\f681"; } /*Statistikchen*/
.shop_icon::before { content:"\f54f"; } /*Shopchen*/
.doc_icon::before { content:"\f15c"; }
.link_icon::before { content:"\f35d"; }
.cog_icon::before { content:"\f4fe"; } /*Zahnraedchen an Maennchen*/
.nakedCog_icon::before { content:"\f013"; } /*Zahnraedchen*/
.location_arrow::before { content:"\f124"; color:#4285F4; } /* blaues Ortspfeilchen */
.plus_icon::before { content:"\f067"; }
.plus-square_icon::before { content:"\f0fe"; }
.minus_icon::before { content:"\f068"; }
.minus-square_icon::before { content:"\f146"; }
.cube_icon::before { content:"\f1b2"; } /*Wuerfelchen*/
.money_icon::before { content:"\f3d1"; } /*Geldscheinchen*/
.card_icon::before { content:"\f09d"; } /*Kaertchen*/
.sticker_icon::before{ content:"\f0a3"; }
.pickup_icon::before { content:"\f4ce"; } /*Abholung*/
.dollar_alt_icon::before { content:"\f651"; } /*Dollar in Blase*/
.dollar_hand_icon::before { content:"\f4c0"; } /*Dollar in Hand*/
.leaf_icon::before { content:"\f06c"; } /*Baumblaettchen*/
.crown_icon::before { content:"\f521"; } /*Kroenchen*/
.file_icon::before { content:"\f574"; }
.mesure_icon::before { content:"\f546"; } /*Linealchen Ecke*/
.mesure2_icon::before { content:"\f548"; } /*Linealchen hoch*/
.back_icon::before { content:"\f060"; } /*Zurueckchen*/
.bike_icon::before { content:"\f84a" } /*Fahrradchen*/

.minimize_icon::before { content:"\f2d1"; }
.maximize_icon::before { content:"\f2d0" }

.worldmap::before {
  content:"\f57c";
  font-family:"Font Awesome 5 free"; display:block; font-weight:bold;
  color:#b2b2b2;
  position:absolute;
}

/*Satzzeichen*/
.star_icon::before { content:"\f005"; } /*Sternchen*/
.info_icon::before { content:"\f05a"; } /*Ausrufezeichen in Kullerchen*/
.nakedInfo_icon::before { content:"\f129"; } /*Ausrufezeichenchen*/
.question_icon::before { content:"\f059" } /*Fragechen*/

/*Richtungen*/
.down_icon::before { content:"\f0d7"; } /*Runter-Pfeilchen*/
.to-start_icon::before { content:"\f048"; } /*Ganz-Links-Pfeilchen*/
.to-end_icon::before { content:"\f051"; } /*Ganz-Rechts-Pfeilchen*/
.next_icon::before { content:"\f04b"; transform:scaleX(0.7); -ms-transform:scaleX(0.7); display:inline-block; } /*Rechts-Pfeilchen*/
.prev_icon::before { content:"\f04b"; transform:rotate(180deg) scaleX(0.7); -ms-transform:rotate(180deg) scaleX(0.7); display:inline-block; } /*Links-Pfeilchen*/
.angle-r_icon::before { content:"\f105"; } /*Rechts-Spitzchen*/
.angle-l_icon::before { content:"\f104"; } /*Links-Spitzchen*/
.arrow-up_icon::before { content:"\f062"; } /*Pfeilchen nach oben*/
.double-arrow_icon::before { content:"\f338" } /*Pfeilchen hoch runter*/

/*Marken .fab*/
.amazonpay_icon::before { content:"\f42c"; }
.amazon_icon::before { content:"\f270"; }
.facebook_icon::before { content:"\f39e"; }
.twitter_icon::before { content:"\f099"; }

/*icon colors*/
.icon-green { color:green; }
.icon-yellow { color:yellow; }
.icon-red { color:red; }

/** Effekte **/
/* Animationen */
.bounce_down { animation:bouncer_down 500ms ease-out alternate; }
@keyframes bouncer_down {
  0% { top:0; }
  100% { top:1em; }
}

.bounce_up { animation:bouncer_up 500ms ease alternate; }
@keyframes bouncer_up {
  0% { bottom:0; }
  100% { bottom:1em; }
}

.spin { animation:spinner 1500ms linear; }
@keyframes spinner {
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}
.spin_rev { animation:spinner_rev 1500ms linear; }
@keyframes spinner_rev {
  0% { transform:rotate(0deg); }
  100% { transform:rotate(-360deg); }
}

.pulse { animation:pulsar 1500ms ease-out }
@keyframes pulsar {
  from {
    transform:scale(1);
    opacity:1;
  }
  to {
    transform:scale(1.5);
    opacity:0;
  }
}

.animate_infinite, .loop { animation-iteration-count:infinite; }

/*Vue-Transition*/
.slider-enter-active, .slider-leave-active { transition:height 0.3s ease-in-out; overflow:hidden; }
.slider-enter, .slider-leave-to { height:0; }

/* Filter */
.filter_gray { filter:grayscale(100); }
.with-blur { filter:blur(7px) }

.disable.with-dark::after { background-color:rgba(85,85,85,0.8); }

/* Verfuegbarkeitsanzeige */
.availability .icon { position:relative; margin-left:0.4em; }
.availability .icon:before { content:"\f0c8"; font-size:14px; }
.availability .icon:after { content:"\f0c8"; position:absolute; top:1px; left:1px; font-size:12px; }
.availability .gruen { color:#03bf00; } /*Hauptfarbe*/
.availability .gruen.fa:before { color:#03A200; } /*Rand*/
.availability .gelb { color:#FFD42C; }
.availability .gelb.fa:before { color:#D8B324; }
.availability .rot { color:#d30000; }
.availability .rot.fa:before { color:#940000; }
.availability .icon + .text { margin-left:0.4em; }
.availability .text[data-content=""] { display:none; }
.cartpos .availability span { font-weight:bold; }

/* Bewertungssternchen */
#product_stars:hover > #stars_view { display:table; }
#stars_view { position:absolute; top:20px; right:0; display:none; width:250px; z-index:2000; }
.evaluation span { margin-right:2px; }
.evaluation_row_quant { padding-left:5px; }
.evaluation_row_bg { width:60%; position:relative; height:20px; margin:4px 0; }
.evaluation_row_bg:last-child { margin-bottom:0; }
.evaluation_row_bg:first-child { margin-top:0; }
.evaluation_row { height:20px; background-color:#ffd42c; position:relative; }
.evaluation_row:after { display:block; height:100%; width:100%; content:''; position:absolute; top:0; left:0;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

#star_selection { unicode-bidi:bidi-override; direction:rtl; display:inline-block; }
#star_selection > span { color:#c1c1c1; position:relative; display:inline-block; margin:0 1px; }
#star_selection > span:hover:before,
#star_selection > span:hover ~ span:before,
#star_selection > span.eval_mark:before,
#star_selection > span.eval_mark ~ span:before,
.evaluation .star_full { color:#ffd42c; }

.star_full { color:#ffd42c; }
.star_empty { color:#b2b2b2; }

/* Admin Icon */
#adminicon { position:fixed; bottom:0; left:0; padding:4px 4px 24px 8px; }
#adminicon span:after { content:"\f0ad"; font-size:2em; }
#adminicon.isadmin_ { display:none; }

/** Slick **/
/*Slick essentials*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide:focus { outline:none; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/** Carousel **/
.carousel { position:relative; }
/*Buttons*/
.carousel .carousel-button { position:absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); zoom:1.01; }
.carousel .carousel-slider ~ .carousel-button { padding:2em 1em; text-align:center; cursor:pointer; }
.carousel .carousel-slider ~ .carousel-button.slick-disabled { color:#dddddd; cursor:auto; }
.carousel .carousel-slider ~ .carousel-next { right:0; }
.carousel .carousel-slider ~ .carousel-prev { left:0; }
.carousel .carousel-slider ~ .carousel-prev .fa, .carousel .carousel-slider ~ .carousel-next .fa { font-size:1.8em; }
.carousel .carousel-slider.slick-vertical ~ .carousel-button { padding:0 2em; left:50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); zoom:1.01; }
.carousel .carousel-slider.slick-vertical ~ .carousel-next { bottom:0; top:auto; right:auto; }
.carousel .carousel-slider.slick-vertical ~ .carousel-prev { top:0; right:auto; bottom:auto; }
.carousel .carousel-slider.slick-vertical ~ .carousel-prev .fa, .carousel .carousel-slider.slick-vertical ~ .carousel-next .fa { transform:rotate(90deg); -ms-transform:rotate(90deg); }
/*Slider*/
.carousel .carousel-slider { padding:0 32px; }
.carousel .carousel-slider.slick-vertical { padding:32px 0; }
.carousel .carousel-slider .slider-item { padding:0 10px; position:relative; text-align:center; }
.carousel .carousel-slider .slider-item .slider-link { display:block; text-decoration:none; }
.carousel .carousel-slider .slider-item .carousel-image { height:150px; padding:10px; border:1px solid #dddddd; position:relative; overflow:hidden; }
.carousel .carousel-slider .slider-item .carousel-image > figure { display:block; width:100%; padding:10px; text-align:center; position:absolute; top: 50%; left:0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); zoom:1.01; }
.carousel .carousel-slider .slider-item .carousel-image + .carousel-text { margin-top:10px; min-height:2.3em; }
.carousel .carousel-slider .slider-item .carousel-text { font-weight:normal; overflow:hidden; }
.carousel .carousel-slider.slick-vertical .slider-item { padding:5px 0; }
.carousel .carousel-slider.slick-vertical .slider-item > div { border:1px none #c1c1c1; height:100%; padding:10px 0; }
.carousel .carousel-slider .carousel-image img { max-width:100%; max-height:130px; width:auto; height:auto; display:inline; }
.carousel .carousel-slider .slider-item .carousel-image .evaluation { position:absolute; bottom:5px; left:0; width:100%; }
/*Fallback*/
.carousel.noslide .carousel-slider .slider-item { width:25%; float:left; margin-right:0; }
.carousel.noslide .carousel-slider::after { content:""; display:block; clear:left; }
.carousel.noslide .carousel-button { display:none; }

/** Slideshow **/
.slider-wrapper { padding:15px 0; position:relative; overflow:hidden; }
#slickSlideshow .slider-item { text-align:center; position:relative; }
#slickSlideshow .slider-item img { max-width:100%; height:auto; display:inline; }
#slideshow .slideshow-button { position:absolute; z-index:20; padding:16px; cursor:pointer; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); zoom:1.01; }
#slideshow .slideshow-button > span { font-size:32px; color:white; }
#slideshow .slideshow-button .fa-angle-l.shape { font-size:38px; position:absolute; top:12px; left:13px; color:black; }
#slideshow .slideshow-button .fa-angle-r.shape { font-size:38px; position:absolute; top:12px; right:13px; color:black; }
#slideshow #slideshow-prev { left:0; }
#slideshow #slideshow-next { right:0; text-align:right}
#slideshow .slideshow-longtext { color:black; position:absolute; left:0; bottom:0; width:100%; display:block; padding:1em 2em; color:#000000; background:rgba(255,255,255,0.8); }
#slideshow.slider_big img { max-height:299px; }
#slideshow.slider_normal img { max-height:270px; }

/** Slidepanel und Trigger **/
.trigger-bottom { padding:0; text-align:center; font-size:0.9em; line-height:20pt; }
.trigger-bottom a { display:block; text-decoration:none; }
.slidepanel { position:absolute; display:none; width:auto; height:auto; z-index:5000; background-color:#eeeeee; }
.slidepanel_close { padding:0 5px; font-size:0.9em; }
.slidepanel_close:hover, .slidepanel_close:active { cursor:pointer; }

/* Warenkorb-Vorschau, Merkzettel-Vorschau */
.triggerWishlistSmall { border:0 solid #989898; border-width:0 1px 1px 1px; background-color:#d5d5d5; }

.slidepanel::-webkit-scrollbar { width:5px; }
.slidepanel::-webkit-scrollbar-track { background-color:#eeeeee;; }
.slidepanel::-webkit-scrollbar-thumb { background:#838383; border-radius:4px; }

/** Zoomtools **/
/*fancyboxPlus*/
.afancybox > img { max-width:100%; }
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp
{ padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancy.sidebox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { font-family:'Font Awesome 5 Free'; font-weight:900; font-size:3em; color:#fff; text-shadow:0 0 1px #000; }
#fancybox-loading { position: fixed; top:0; left:0; width:100%; height:100%; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div::after { display:block; content:"\f110"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:7em; position:absolute; left:50%; top:35%; transform:translateY(-50%); -ms-transform:translateY(-50%); animation:spinner infinite 1500ms linear; }
.fancybox-close { position: absolute; top: -17px; right: -27px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; text-decoration:none; } .fancybox-close:before { content:"\f057"; }
a.fancybox-close { color:#fff; text-shadow:0 0 1px #000; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent; -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; } .fancybox-prev span:before { content:'\f137'; }
.fancybox-next span { right: 10px; } .fancybox-next span:before { content:'\f138'; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background:rgba(0,0,0,0.7); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/** Breite e. Spalte in Abh. v. Anzahl d. Spalten **/
.col-2 > * { width:50%; }
.col-3 > * { width:33.33%; }
.col-4 > * { width:25%; }
.col-5 > * { width:20%; }
.col-6 > * { width:16.66%; }

/* Paketdienst-Auswahlbutton */
#deliveryservices .deliveryservice > label:hover { background-color: #dddddd; }

#speedbar::after { clear:left; content:""; display:block; }
#speedbar > * { position:relative; text-align:center; float:left; display:block; }
#speedbar > *::before { display:block; position:absolute; top:1.8em; left:0; height:5px; width:100%; content:""; }
#speedbar > *:first-child::before { width:50%; left:50%; }
#speedbar > *:last-child::before { width:50%; right:50%; }
#speedbar > *.sp_button::before { background-color:#008000; }
#speedbar > *.sp_active::before { background:#008000; background:linear-gradient(to right, #008000 50%, #c1c1c1); }
#speedbar > *.sp_disabled::before { background-color:#c1c1c1; }

.sp_icon { display:block; padding:0.5em; border-radius:50%; font-size:1.8em; color:#ffffff; }
.sp_icon.sp_button { background-color:#008000; }
.sp_icon.sp_button::before { content:"\f00c"; }
.sp_icon.sp_active { background-color:#008000; }
.sp_icon.sp_active::before { content:"\f303"; }
.sp_icon.sp_disabled { background-color:#c1c1c1; }
.sp_icon.sp_disabled::before { content:"\f110"; }

/** Checkoutprozess **/
.gocheckout { margin:15px 0; }
.gocheckout_forward { float:right; text-align:right; width:50%; }
.gocheckout_forward > input { white-space:normal; }
.gocheckout_back { float:left; text-align:left; width:50%; }
.checkout .paymentsystem_info { padding-top:15px; }
#checkout_process .checkout_content,
body.desktop #checkout_process #loginarea { max-width:920px; margin:0 auto; }
#checkboxes > div { margin-top:10px; }
#checkboxes > div:first { margin-top:0; }
#PaymentMethod_area > .content:hover, #shippingmethod_area > .content:hover { /*background-color: #dddddd;*/ box-shadow: 0 0 5px #4c4c4c; }

/** Service-Page **/
body.service .content { width:600px; padding:20px; margin:50px auto; border-width:1px; border-style:solid; background-color:#eeeeee; }

/** Energeeffizienzklassen **/
#eek_label { position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; }
#eek_label_img { max-width:100%; max-height:100%; }
#eek_label_close { position:absolute; top:0.2em; right:0.4em; color:#333333; cursor:pointer; }
.eek_img { max-height:2em; width:auto; }
.rdecontent .eek_img { max-height:1.5em; margin-top:0; }
.rdecontent .eek_rde { float:left; }
.catblog .energy { position:absolute; top:0.8em; right:0.8em; }

/** Markenslider **/
#markenslider { display:none; margin-top:15px;}
#markenslider .markenslider-item { padding:0 0.8em; }
#markenslider .markenslider-item img { max-height:50px; max-width:100%; }

/** Links **/
.highlink { text-decoration:none; color:#d91608; }
.highlink:hover { color:#4c4c4c; }
.nicelink { color:#008000; text-decoration:none; }
.nicelink:hover { color:#008000; }
.lightlink { color:#343434; text-decoration:none; }
.lightlink.before::before { content:"\00BB"; margin-right:0.4em; }
.lightlink.after::after { content:"\00BB"; margin-left:0.4em; }
.lightlink > span { vertical-align:middle }

.link-extern::before { content:"\f35d"; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:0.4em; }
.link-download::before { content:"\f56d"; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:0.4em; }

.link-styled::after { content:"\f30b"; font-family:"Font Awesome 5 Free"; font-weight:900; margin-left:0.4em; }
.link-marker::after { content:"\f064"; font-family:"Font Awesome 5 Free"; font-weight:900; margin-left:0.4em; }

/** Video/Bild **/
.ratio_16_9 { width:278px; height:156px; }
.ratio_4_3 { width:278px; height:208px; }

.video_placeholder { position:relative; cursor:pointer; overflow:hidden; }
.video_placeholder img { width:auto; }
.video_placeholder:not(.playing)::before, .video_placeholder:not(.playing)::after { position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); zoom:1.01; }

.youtube_placeholder:not(.playing)::before { content:"\f167"; font-family:"Font Awesome 5 Free Brands"; color:#000000; font-size:62px; font-weight:900; opacity:0.7; transition:color 0.2s, opacity 0.2s; }
.youtube_placeholder:not(.playing)::after { content:"\f04b"; font-family:"Font Awesome 5 Free"; color:#ffffff; font-size:18px; font-weight:900; }
.youtube_placeholder:not(.playing):hover::before { opacity:1; color:rgb(255,0,0); }

.vimeo_placeholder:not(.playing)::before { content:""; display:block; height:40px; width:65px; border-radius:5px; background-color:#000000; opacity:0.7; transition:color 0.2s, opacity 0.2s; }
.vimeo_placeholder:not(.playing)::after { content:"\f04b"; font-family:"Font Awesome 5 Free"; color:#ffffff; font-size:18px; font-weight:900; }
.vimeo_placeholder:not(.playing):hover::before { opacity:1; background-color:#0088CC; }

/** Neu-Banderole **/
.new_sleeve { position:absolute; top:-28px; left:-51px; transform-origin:120px; -ms-transform-origin:120px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); width:120px; padding:0.2em; font-size:1.3em; text-align:center; background: #d91608; /* Old browsers */background: -moz-linear-gradient(top,  #f73a2d 0%, #d91608 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f73a2d), color-stop(100%,#d91608)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* IE10+ */background: linear-gradient(to bottom,  #f73a2d 0%,#d91608 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f73a2d', endColorstr='#d91608',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; color:#ffffff; opacity:0.8; }

/** Aktion-Banderole **/
.sale_sleeve { position:absolute; top:-40px; left:-55px; transform-origin:100px; -ms-transform-origin:100px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); width:100px; padding:0.3em 0 0.2em 0; font-size:1.3em; text-align:center; background-color:#cd0a0a; color:#ffffff; opacity:0.8; }
.childitem .sale_sleeve { display:none; }

/*Verkaufsaktionen*/
.sale_sticker { position:absolute; bottom:-0.5em; left:-2.5em; padding:1em; }
.catblog .sale_sticker { bottom:0.7em; left:-2%; }
.sale_sticker_text { position:absolute; z-index:1; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); font-weight:bold; color:#ffffff; zoom:1.01; }
.sale_sticker_graphic { position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; color:#cd0a0a; zoom:1.01; }

/** Warenkorb-Button **/
.button_put2cart { background: #d91608; /* Old browsers */background: -moz-linear-gradient(top,  #f73a2d 0%, #d91608 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f73a2d), color-stop(100%,#d91608)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* IE10+ */background: linear-gradient(to bottom,  #f73a2d 0%,#d91608 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f73a2d', endColorstr='#d91608',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; transition:background-color 0.3s; border:none; border-radius:4px; cursor:pointer; color:#ffffff; font-size:1em; font-weight:bold; text-align:center; padding:0.8em; }
.button_put2cart::before { content:"\f07a"; font-family:'Font Awesome 5 Free';font-weight:900; font-size:1.5em; text-align:center; }
.button_put2cart.forbidden { cursor:not-allowed; }
.button_put2cart.forbidden::before { content:"\f05e"; }
.button_put2cart:hover { background: #d91608; /* Old browsers */background: -moz-linear-gradient(top,  #870e06 0%, #d91608 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#870e06), color-stop(100%,#d91608)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #870e06 0%,#d91608 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #870e06 0%,#d91608 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #870e06 0%,#d91608 100%); /* IE10+ */background: linear-gradient(to bottom,  #870e06 0%,#d91608 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#870e06', endColorstr='#d91608',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; }

.product-main-info .button_put2cart::before,.product_varianten .button_put2cart::before { margin-right:0.8em; font-size:1.8em; vertical-align:middle; }

/** Warenkorbfeld **/
.cartfield::after { clear:left; content:""; display:block; }
.cartfield .unit { float:left; margin-top:0.4em; }
.cartfield input { min-width:0; }
.field_put2cart { border:1px solid #c1c1c1; padding:0.8em; width:60%; text-align:center; }
/*+,- deaktivieren*/
.cart .cartfield .button_default { display:none; }

.product-main.detail-page .cartfield { border:1px solid #aeaeae; border-radius:4px; display:flex; }
.catalog.product .cartfield { border:1px solid #aeaeae; border-radius:4px; display:flex; }
.product-main.detail-page .cartfield .unit { margin-top:0; display:inline-block; text-align:center; background-color:#c1c1c1; width:40%; padding:1.0em; float:left; border-radius:4px 0 0 4px; }
.catalog.product .cartfield .unit { margin-top:0; display:inline-block; text-align:center; background-color:#c1c1c1; width:40%; padding:0.8em; float:left; border-radius:4px 0 0 4px; }
.product-main.detail-page .field_put2cart { border:none; font-weight:bold; font-size:1em; border-radius:0 4px 4px 0; }
.catalog.product .field_put2cart { border:none; font-weight:bold; font-size:1em; border-radius:0 4px 4px 0; }

/* Warenkorb im Header */
#cartsmall { position:absolute; top:50px; right:15px; }
.catalog.grid.aside { overflow-y:auto; height:calc(100% - 12em); }
.triggerCartSmall { background: #d91608; /* Old browsers */background: -moz-linear-gradient(top,  #f73a2d 0%, #d91608 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f73a2d), color-stop(100%,#d91608)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* IE10+ */background: linear-gradient(to bottom,  #f73a2d 0%,#d91608 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f73a2d', endColorstr='#d91608',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */ }
.triggerCartSmall a { color:#ffffff; }

/** Formulare **/
.mandatory { position:relative; }
.mandatory::after { content:"*"; color:#cd0a0a; font-weight:bold; font-size:2em; position:absolute; left:-0.1em; top:-0.3em; }
.mandatory.valid::after { display:none; }
.mandatory > .caption-small { padding-left:0.4em; }

#SearchStrUnderlay,
.input-field > input,
.input-field > select,
.input-field > textarea { border:1px solid #989898; border-radius:4px; transition:border-color 0.2s, outline 0.2s; }
.input-field > input,
.input-field > select,
.input-field > button { height:3em; }
.input-field > input:focus,
.input-field > select:focus,
.input-field > textarea:focus { border-color:#d91608; outline:#d91608; }
.input-field { position:relative; margin-top:0.6em; margin-bottom:0.6em; }
.input-field > label { position:absolute; transition:all 0.2s; top:0.9em; left:0.8em; color:#4c4c4c; cursor:text; }
.input-field.focus > label, .input-field > select + label { top:-0.6em; font-size:0.8em; background-color:#eeeeee; padding:0 0.4em; }
.input-field > input.error,
.input-field > select.error,
.input-field > textarea.error { border-color:#cd0a0a; }

.input-field.show-value { margin:0; }
.input-field.show-value > label { display:none; }
.input-field.show-value > * { border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; background:transparent; background-color:transparent; background-image:none; padding:0; margin:0; height:auto; resize:none; cursor:text; -webkit-appearance:none; }

/*Spam-Abwehr Input Feld*/
.contact_name { position:absolute; overflow:hidden; width:1px; height:1px; left:-9000px; }

/* Fehlermarkierung */
.error, .error a { color:#cd0a0a; }
.error-with-border .error, .error-with-border.error { border:1px solid #cd0a0a; }
.notice { color:#008000; }
.input-field > input.notice,
.input-field > select.notice,
.input-field > textarea.notice { border-color:#008000; }
input.changed,
select.changed,
textarea.changed { border-color:#cd0a0a; }

/* Ausblenden mit Checkboxen */
.hidebox:checked + * { display:none; }

/** allgemeiner Button **/
.button_default { padding:0.4em 0.6em; border-width:1px; border-style:solid; border-color:#999999 #999999 #777777 #777777; background: #777777; /* Old browsers */background: -moz-linear-gradient(top,  #999999 0%, #777777 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#999999), color-stop(100%,#777777)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #999999 0%,#777777 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #999999 0%,#777777 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #999999 0%,#777777 100%); /* IE10+ */background: linear-gradient(to bottom,  #999999 0%,#777777 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#777777',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; transition:background-color 0.3s; border-radius:4px; display:inline-block; cursor:pointer; font-weight:bold; font-size:1em; color:#efefef; }
.button_default.big { padding:0.8em 2em; }
.button_default.hover, .button_default:hover { background: #888888; /* Old browsers */background: -moz-linear-gradient(top,  #777777 0%, #888888 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#777777), color-stop(100%,#888888)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #777777 0%,#888888 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #777777 0%,#888888 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #777777 0%,#888888 100%); /* IE10+ */background: linear-gradient(to bottom,  #777777 0%,#888888 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#888888',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */ }
a.button_default, a.button_default:hover { color:; }

/**  **/
.button_default2 { padding:0.4em 0.6em; border-width:1px; border-style:solid; border-color:#666666 #666666 #444444 #444444; background: #444444; /* Old browsers */background: -moz-linear-gradient(top,  #666666 0%, #444444 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#666666), color-stop(100%,#444444)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #666666 0%,#444444 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #666666 0%,#444444 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #666666 0%,#444444 100%); /* IE10+ */background: linear-gradient(to bottom,  #666666 0%,#444444 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; transition:background-color 0.3s; border-radius:4px; display:inline-block; cursor:pointer; font-weight:bold; font-size:1em; color:#efefef; }
.button_default2.big { padding:0.8em 2em; }
.button_default2.hover, .button_default2:hover { background: #555555; /* Old browsers */background: -moz-linear-gradient(top,  #444444 0%, #555555 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#444444), color-stop(100%,#555555)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #444444 0%,#555555 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #444444 0%,#555555 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #444444 0%,#555555 100%); /* IE10+ */background: linear-gradient(to bottom,  #444444 0%,#555555 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#555555',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */ }
a.button_default2, a.button_default2:hover { color:; }

/** Button mit Checkbox oder Radio **/
.button_check, .button_radio { position:relative; min-height:2.5em; /*border:1px solid #989898; background-color:#cccccc; border-radius:4px;*/ display:inline-block; }
.button_check:hover, .button_radio:hover { background-color:#cccccc; }
.button_check > input, .button_radio > input { visibility:hidden; position:absolute; left:0; top:0; }
.button_check > label, .button_radio > label { display:inline-block; line-height:2.5em; padding:0 0.6em 0 3em; width:100%; font-weight:bold; cursor:pointer; }
.button_check > label::before, .button_radio > label::before { content:""; display:block; border:1px solid #c1c1c1; background-color:#eeeeee; border-radius:2px; width:1.5em; height:1.5em; position:absolute; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); left:0.5em; }
.button_check > label::after { content:"\f00c"; display:block; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:1.2em; position:absolute; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); left:0.6em; }
.button_check > input:not(:checked)+label::after { display:none; }

.button_radio { border-top-left-radius:3em; border-bottom-left-radius:3em; }
.button_radio > label::before { border-radius:100%; width:1.2em; height:1.2em; }
.button_radio > input:checked+label::before { background-color:#000000; }

/** Merkzettel fuer zukuenftige Checkboxen **/
/*.button_check > label::before, .button_radio > label::before { content:""; display:block; border:1px solid #c1c1c1; background-color:#eeeeee; border-radius:2px; width:2.5em; height:2.5em; position:absolute; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); left:0; }
.button_check > label::after { content:"\f00c"; display:block; font-family:"FontAwesome"; font-size:1.5em; position:absolute; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); left:0.45em; }
.button_check:not(.cart_check):not(.delete_check) > input:not(:checked)+label::after { display:none; }
.button_check.cart_check > label::after { content:"\f07a"; color:#c1c1c1; }
.button_check.delete_check > label::after { content:"\f014"; color:#c1c1c1; }
.button_check.cart_check > input:checked+label::after, .button_check.delete_check > input:checked+label::after { content:"\f00c"; color:#343434; }*/

/** hervorgehobener Button **/
.button_high { background: #d91608; /* Old browsers */background: -moz-linear-gradient(top,  #f73a2d 0%, #d91608 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f73a2d), color-stop(100%,#d91608)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* IE10+ */background: linear-gradient(to bottom,  #f73a2d 0%,#d91608 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f73a2d', endColorstr='#d91608',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; transition:background-color 0.3s; border:1px solid #d91608; border-radius:4px; cursor:pointer; color:#ffffff; font-weight:bold; font-size:1em; padding:0.4em 0.6em; display:inline-block; }
.button_high.big { padding:0.8em 2em; }
.button_high:hover { background: #d91608; /* Old browsers */background: -moz-linear-gradient(top,  #870e06 0%, #d91608 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#870e06), color-stop(100%,#d91608)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #870e06 0%,#d91608 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #870e06 0%,#d91608 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #870e06 0%,#d91608 100%); /* IE10+ */background: linear-gradient(to bottom,  #870e06 0%,#d91608 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#870e06', endColorstr='#d91608',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; }
a.button_high, a.button_high:hover { color:#ffffff; }

/** deaktivierter button **/
.button_disabled { background-color:#d5d5d5; color:#4c4c4c; cursor:default; }
.button_disabled:hover { background-color:#d5d5d5; color:#4c4c4c; }

/** nach-oben-Button **/
#toTopButton { display:block; position:fixed; right:0.4em; bottom:0.4em; z-index:1001; opacity:0.6; font-size:2.5em; text-decoration:none; color:#eeeeee; background-color:#4c4c4c; padding:0.2em; border-radius:0.2em; }

/** irgendwas inaktiv darstellen **/
.disabled { opacity:0.6; cursor:default; }
.disabled-w-icon { opacity:0.6; position:relative; padding-left:2em; cursor:not-allowed; }
.disabled-w-icon::before { content:"\f05e"; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:0.4em; position:absolute; left:0.5em; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); }

/*
#ajaxBusy { position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999; background:rgba(255,255,255,0.8); display:none; }
#ajaxBusy::after { display:block; content:"\f110"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:7em; position:absolute; left:50%; top:35%; transform:translateY(-50%); -ms-transform:translateY(-50%); animation:spinner infinite 1500ms linear; }
*/
#shopBusy { position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; display:none; }
#shopBusy.visual { background:rgba(255,255,255,0.8); }
#shopBusy.visual::after { display:block; content:"\f110"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:7em; position:absolute; left:50%; top:35%; transform:translateY(-50%); -ms-transform:translateY(-50%); animation:spinner infinite 1500ms linear; }


/** Cookies **/
#cookie-jar, #newCookieJar { z-index:10000; }
#newCookieJar { max-height:calc( 100vh - 50px ); overflow-y:auto; }

/** Datepicker **/
.ui-datepicker { background-color:#eeeeee; box-shadow:0px 0px 4px #838383; }
.ui-datepicker-header { background-color:#c1c1c1; }
.ui-state-default { background-color:#c1c1c1; border:1px solid #c1c1c1; }
.ui-state-default:hover { background-color:#989898; }
.ui-state-active { color:#d91608; border-color:#d91608; }
.ui-datepicker-next,.ui-datepicker-prev { cursor:pointer; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); }
.ui-datepicker-next::before { content:"\f105"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:1.5em; position:absolute; left:50%; top:0; }
.ui-datepicker-prev::before { content:"\f104"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:1.5em; position:absolute; right:50%; top:0; }
.ui-datepicker-unselectable > .ui-state-default { -moz-opacity:0.3; -webkit-opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.3; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:50%; }

/** Produkt **/
.productname { font-size:1.1em; font-weight:bold; }
.productnr { font-size:0.9em; }
.saleName { color:#cd0a0a; }
.saleDuration { font-size:0.9em; }
.unit { font-size:0.8em; }

/** Preis **/
.itemprice { font-size:1.6em; font-weight:bold; color:#008000; }
.product-main .itemprice { font-size:2.3em; }
.specialprice { color:#cd0a0a; }
.oldprice { color:#343434; }
.baseprice { font-size:0.8em; font-style:italic; }
.mwst-hint { font-size:0.8em; color:#4c4c4c; }
.extraCosts { font-size:0.9em; }

/* Alterskennzeichen */
.agerating_s, .agerating .icon { background-image:url(../nav/icons/usk.png); background-repeat:no-repeat; }
.pic .agerating_s { position:absolute; left:6px; bottom:6px; }
.rdecontent .agerating_s { left:0; bottom:0; }
.agerating { font-size:0.9em; }
.agerating .icon { width:40px; height:40px; display:block; }
.agerating .text { padding-left:44px; margin-top:-40px; }
.agerating_0 .icon { background-position:-40px 0; }
.agerating_6 .icon { background-position:-80px 0; }
.agerating_12 .icon { background-position:0 -40px; }
.agerating_16 .icon { background-position:-40px -40px; }
.agerating_18 .icon { background-position:-80px -40px; }
.agerating_s { width:20px; height:20px; }
.agerating_s_0 { background-position:0 0; }
.agerating_s_6 { background-position:-20px 0; }
.agerating_s_12 { background-position:0 -20px; }
.agerating_s_16 { background-position:-20px -20px; }
.agerating_s_18 { background-position:-120px 0; }

/** Hersteller **/
.catblog .manufacturer.text, .catblog .manufacturer .text { font-size:1.2em; color:#5d5d5d; font-weight:bold; }
.catalog .manufacturer.text, .catalog .manufacturer .text { display:inline-block; padding:0.4em; border:1px solid #aeaeae; }

/* Schutzklick */
body.confirmationpage #schutzklick_wrapper #sisu_container { margin-top:15px; border-style:solid; border-width:1px; padding:15px; }
body.checkout #schutzklick_wrapper #sisu_container > div { margin-left:auto; margin-right:auto; margin-bottom:0; }

/* Produktvergleich */
#compare { padding-right:1px; }
#compare > table { border-collapse:collapse; table-layout:fixed; }
#compare > table > thead > tr.products { background-color:#eeeeee; z-index:12; border-bottom:1px solid #c1c1c1; }
#compare.favorite > table > thead > tr > td:first-of-type, #compare.favorite > table > tbody > tr > td:first-of-type, #compare.favorite > table > tfoot > tr > td:first-of-type { z-index:10; background-color:#eeeeee; position:relative; }
#compare.favorite > table > thead > tr.products > td:first-of-type { box-shadow:8px 0 8px -4px #838383; }
#compare > table > tbody > tr > td, #compare > table > thead > tr > td, #compare > table > tfoot > tr > td { text-align:center; }
#compare > table > tbody > tr > td { border-bottom:1px solid #c1c1c1; border-right:1px solid #c1c1c1; }
#compare > table > tbody > tr:first-child > td, #compare > table > thead + tbody > tr:first-child > th, #compare tr.groupname + tr td, #compare tr.groupname + tr th { border-top:1px solid #c1c1c1; }
#compare > table > tbody > tr > th, #compare > table > thead > tr > th, #compare > table > tfoot > tr > th { z-index:11; position:relative; }
#compare > table > tbody > tr.groupname > th { text-align:left; padding-top:1em; padding-left:1px; background-color:#eeeeee; font-weight:normal; }
#compare > table > tbody > tr > td:not(.vcenter), #compare > table > thead > tr > td { vertical-align:top; }
#compare > table > tbody.bg_even > tr:nth-child(even) > td, #compare > table > tbody.bg_odd > tr:nth-child(odd) > td { background-color:#dddddd; }
#compare.favorite > table > tbody.bg_even > tr:nth-child(even) > td:first-of-type, #compare.favorite > table > tbody.bg_odd > tr:nth-child(odd) > td:first-of-type { background-color:#d5d5d5; }
#compare > table > tbody > tr:not(.groupname) > th { border-bottom:1px solid #eeeeee; vertical-align:top; text-align:left; background-color:#c1c1c1; }
#compare > table > tbody > tr:last-child > th { border-bottom:1px solid #c1c1c1; }
#compare > table > tbody.collapsed + tbody > tr.groupname > th { padding-top: 0.1em; }
#compare .availability .icon { margin-left:0; }
#compare .prev, #compare .next { position:absolute; top:40%; background-color:#c1c1c1; padding: 0.5em; cursor:pointer; z-index:13; font-size:1.5em; }
#compare .prev { top:130px; left:100px; }
#compare .next { top:130px; right:0; }
#compare .collapsed .minus-square_icon::before { content:"\f0fe"; }
#compare td.add:nth-of-type(1n+3) { display:none; }
#compare ~ #noprod { display:none; }
#compare .pic { display:block; position:relative; width:100%; height:200px; overflow:hidden; }
#compare .buttons { position:absolute; top:0; left:0; z-index:13; }
#compare .remove-all { cursor:pointer; }
#compare > table > thead > tr > th { width:11em; }
@media (max-width:640px) {
  #compare > table > thead > tr > th { width:9em; }
}
.compare.listed .can-compare { display:none; }
.compare.listed .on-compare-list { display:block; }
.compare .poll_icon:not(.invert)::before { font-size:1.3em; line-height:1.1rem; vertical-align:-1px; }
.compare .poll_icon.invert::before { font-size:1.1em; line-height:1.1rem; background-color:#000000; color:#eeeeee; border-left:1px solid #000000; border-right:1px solid #000000; border-radius:0.2em; }
#product .compare .poll_icon.invert::before, .catblog.design .compare .poll_icon.invert:before { color:#dddddd; }

.compare-button { position:fixed; right:12px; bottom:20px; z-index:1001; font-size:3.6em; opacity:0.8; bottom:60px; }
#cookie-jar ~ .compare-button { bottom:160px; }
.compare-button .fa { color:#5d5d5d; line-height:0.9em; background-color: #eeeeee; border-radius:0.3rem; }
.compare-button .value { right:-0.7em; top:0; background-color:#cd0a0a; color:#eeeeee; padding:0.2em 0.5em; font-weight:bold; text-align:center; border:2px solid #dddddd; border-radius:50%; }

/*Services*/
.service:not(:first-child) { margin-top:1.2em; }
.service_input_file .service_input { transition:all 1s; }
.service_input_file .upload_pane { min-height:5em; width:calc(100% - 2em); }
.service_input_file .upload_pane.no-file::after { display:block; content:'\f574'; font-family:'Font Awesome 5 free'; font-weight:900; font-size:3em; margin-top:0.8rem; }
.service_input_file .upload_pane.no-file .help-description { display:block; }
.service_input_file .service_input.error { background-color:#ffeeee; border:red; }
.service_input_file .service_input.isDrag { border-color:green; background-color:lightgreen; }
.service_input_file .service_input.isDropped { border-style:dashed; border-color:green; }
.service_type_5 .info { min-height:52px; max-height:152px; }
/*#checkout_process .service_type_5 .info { min-height:auto; max-height:none; }*/

/** TrustedShops **/
/*Badge im Shop*/
div[id^="tsbadgeResponsiveTop"] { position:fixed; top:auto; bottom:0; z-index:3; }
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 667px), (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 736px), only screen and (max-width: 648px){
  div[id^="tsbadgeResponsiveTop"] ~ #cookie-jar ~ #toTopButton { bottom:160px; }
  div[id^="tsbadgeResponsiveTop"] ~ #cookie-jar ~ .compare-button { bottom:210px; }
  div[id^="tsbadgeResponsiveTop"] ~ #toTopButton { bottom:60px; }
  div[id^="tsbadgeResponsiveTop"] ~ .compare-button { bottom:110px; }
  div[id^="tsbadgeResponsiveTop"] ~ #cookie-jar { bottom:4.5em; }
}
#cookie-jar ~ div[id^="tsbadge"] { bottom:50px !important; }
.compare-button:not(.hide) ~ div[id^="tsbadge"] { bottom:125px !important; }
#cookie-jar ~ .compare-button:not(.hide) ~ div[id^="tsbadge"] { bottom:230px !important; }

/*Card in Bestaetigung*/
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 667px), (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 736px), only screen and (max-width: 648px){
  div[id^="checkoutTrustcardResponsive"].consumerMembership { height:40% !important; overflow-y:scroll !important; position:fixed; bottom:0; left:0; z-index:2; box-shadow:0 0 15px #989898; }
}

/** Suchvorschlagsbereiche (e-vendo RE und FACT-Finder)**/
li.suggestHighlight { background-color:#c1c1c1; }
ul.suggestLayerList, ul.suggestLayerBlock { border-color:#5d5d5d; -moz-box-shadow:0 4px 10px 1px #838383; -webkit-box-shadow:0 4px 10px 1px #838383; box-shadow:0 4px 10px 1px #838383; }
li.suggestRow { border-bottom-color:#838383; }
.suggestLayer, ul.suggestLayerList, ul.suggestLayerBlock { background-color:#eeeeee; }

#suggestLayerContainer { max-width:100%; position:absolute; top:24px; z-index:20000; width:400px; }
/* needed otherwise the searchBoxLine will pop-up in IE */
div.suggestFormWrap { position:absolute; z-index:20001; }
div.suggestLayer { height:1px; display:none; padding:0; margin:0; background:transparent; }
ul.suggestLayerList, ul.suggestLayerBlock { list-style:none; font-size:0.9em; cursor:pointer; border-collapse:separate; padding:0; border-width:2px; border-style:solid; }
ul.suggestLayerList li, ul.suggestLayerBlock li { list-style:none; display:block; }
li.suggestHeader { font-weight:normal; font-size:0.9em; padding:3px 10px 3px 5px; border-bottom-width:1px; border-bottom-style:solid; }
li.suggestRow { margin:0 6px; padding:6px; border-bottom-style:dotted; border-bottom-width:1px; }
li.suggestRowWithImage { height:52px; }
li.suggestShowAll { text-align:right; border-bottom-width:0; }
span.suggestTextQuery { display:block; font-weight:bold; margin-bottom:4px; }
span.suggestTextQueryTyped { color:#d91608; text-decoration:underline; }
span.suggestTextType { font-size:0.8em; margin-left:5px; }
span.suggestTextAmount { font-size:0.8em; }
span.suggestImage { padding-right:10px; width:80px; height:40px; float:left; }
span.suggestImage img { max-height:40px; max-width:80px; border-width:1px; border-style:solid; border-color:#c1c1c1; }
ul.suggestLayerBlock li.suggestHeader { background-image:none; }

/* FACT-Finder-Logo */
li.suggestHeaderFF { background-image: url("../nav/logos/fact-finder_suggest.gif"); background-repeat:no-repeat; background-position:98%; }

/* FINDOLOGIC Autocomplete */
.ac_odd { /*background-color: #d5d5d5;*/ }
.ac_over { background-color:#cccccc; }

.ac_results { max-width:100%; background-color:#eeeeee; border-color:#4c4c4c; padding:0; border-width:1px; border-style:solid; overflow:hidden; z-index:99999; min-width:250px; }
.ac_results ul { width:100%; list-style-position:outside; list-style:none; padding:0; margin:0; }
.ac_results td { vertical-align:middle; margin:0; padding:2px 10px; cursor:default; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font-size:1em /*12px*/; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height:16px; overflow:hidden; }
.ac_results td.ac_name { text-align:left; }
.ac_results td.ac_cat { text-align:right; }
.autocompleteCat, .autocompleteCat .flHighlight { background-color:#eeeeee; color:#000000; font-weight:bold; }
.autocompleteCat { margin:-2px -15px 2px; padding:5px; }
/*.flHighlight { font-size:inherit; }*/
.ac_results td.ac_image { padding: 2px 5px; }
#preview { position:absolute; border-width:1px; border-style:solid; border-color:#989898; background:#000000; color:#eeeeee; display:none; z-index: 100000; }
.autocompletecount { float:right; font-size:0.9em; }
/*.flHighlight { font-weight:normal; }*/

.ui-dialog {
  z-index:2020;
}

/** Register, z.B. Marken, Stichwort **/
.register .letters:after { content:"."; display:block; height:0;  visibility:hidden; clear:both; }
.register .letters > li { float:left; padding:0; margin:0 0.3em; font-size:1.3em; list-style:none;}
.registerletter .register > ul { margin:0; margin-left:20px; list-style-type:square; }
.registerletter .register .registerpos { margin:0 10px; line-height:20px; }

/** Tabs **/
.default_tabs { border:1px solid #c1c1c1; background-color:#dddddd; margin:0; padding:0; list-style:none; }
.default_tab { background-color:#dddddd; cursor:pointer; padding:1em; margin:0; font-size:1.1em; transition:background-color 0.3s; list-style:none; padding-right:2em; position:relative; }
.default_tab:hover { background-color:#c1c1c1; }
.default_tab.active { background-color:#c1c1c1; }
.default_tab::after { content:'\f101'; font-family:'Font Awesome 5 Free'; font-weight:900; position:absolute; right:0.8em; top:1em; }

/** �berschriften **/
.caption { font-size:1.4em; font-weight:bold; margin-bottom:0.8em; }
.caption-box { background-color:#d5d5d5; padding:0.8em; border:1px solid #c1c1c1; font-weight:bold; }
.caption-small { font-size:1.2em; font-weight:bold; margin-bottom:0.8em; }
.caption-smallest { font-size:1em; font-weight:bold; margin-bottom:0.8em; }

/** Box / Area **/
.area {}
.area_bg-l { background-color:#eeeeee; }
.area_bg { background-color:#dddddd; }
.area .content, .area_bg .content, .area_bg-l .content { border:1px solid #c1c1c1; border-top-width:0; padding:0.8em; }

/** Scroll-Box **/
.scrollbox { box-shadow:0 0 16px #c1c1c1; position:fixed; top:0; left:0; background-color:#eeeeee;; }

/** Info-Box **/
.infobox { padding:10px; border:solid 1px #d91608; box-shadow:0 0 8px #838383; background-color:#eeeeee; position:relative; }
.infosheet { padding:15px; border:1px solid #c1c1c1; box-shadow:0 0 8px #838383; background-color:#eeeeee; position:fixed; top:0; left:-800px; max-width:800px; width:100%; z-index:1010; height:100%; }

.witharrow-t_l::before, .witharrow-t_c::before, .witharrow-t_r::before,
.witharrow-r_t::before, .witharrow-r_c::before, .witharrow-r_b::before,
.witharrow-b_l::before, .witharrow-b_c::before, .witharrow-b_r::before,
.witharrow-l_t::before, .witharrow-l_c::before, .witharrow-l_b::before
{ content:""; position:absolute; z-index:1; display:block; }
.witharrow-t_l::after, .witharrow-t_c::after, .witharrow-t_r::after,
.witharrow-r_t::after, .witharrow-r_c::after, .witharrow-r_b::after,
.witharrow-b_l::after, .witharrow-b_c::after, .witharrow-b_r::after,
.witharrow-l_t::after, .witharrow-l_c::after, .witharrow-l_b::after
{ content:"";  position:absolute; z-index:0; display:block; }

.witharrow-t_l, .witharrow-t_c, .witharrow-t_r { margin-top:28px; }
.witharrow-r_t, .witharrow-r_c, .witharrow-r_b { margin-right:28px; }
.witharrow-b_l, .witharrow-b_c, .witharrow-b_r { margin-bottom:28px; }
.witharrow-l_t, .witharrow-l_c, .witharrow-l_b { margin-left:28px; }

/* Pfeil oben links*/
.witharrow-t_l::before { top:-14px; left:0px; border:solid 7px transparent; border-bottom-color:#eeeeee; border-left-color:#eeeeee; }
.witharrow-t_l::after { top:-16px; left:-1px; border:solid 8px transparent; border-bottom-color:#d91608; border-left-color:#d91608; }
/* Pfeil oben mittig */
.witharrow-t_c::before { top:-26px; right:50%; transform: translateX(50%); -ms-transform: translateX(50%); border:solid 14px transparent; border-bottom-color:#eeeeee; }
.witharrow-t_c::after { top:-28px; right:50%; transform: translateX(50%); -ms-transform: translateX(50%); border:solid 14px transparent; border-bottom-color:#d91608; }
/* Pfeil oben rechts*/
.witharrow-t_r::before { top:-14px; right:0px; border:solid 7px transparent; border-right-color:#eeeeee; border-bottom-color:#eeeeee; }
.witharrow-t_r::after { top:-16px; right:-1px; border:solid 8px transparent; border-right-color:#d91608; border-bottom-color:#d91608; }

/* Pfeil rechts oben */
.witharrow-r_t::before { top:0; right:-14px; border:solid 7px transparent; border-top-color:#eeeeee; border-left-color:#eeeeee; }
.witharrow-r_t::after { top:-1px; right:-16px; border:solid 8px transparent; border-top-color:#d91608; border-left-color:#d91608; }
/* Pfeil rechts mittig */
.witharrow-r_c::before { right:-26px; bottom:50%; transform: translateY(50%); -ms-transform: translateY(50%); border:solid 14px transparent; border-left-color:#eeeeee; }
.witharrow-r_c::after { right:-28px; bottom:50%; transform: translateY(50%); -ms-transform: translateY(50%); border:solid 14px transparent; border-left-color:#d91608; }
/* Pfeil rechts unten */
.witharrow-r_b::before { right:-14px; bottom:0; border:solid 7px transparent; border-bottom-color:#eeeeee; border-left-color:#eeeeee; }
.witharrow-r_b::after { right:-16px; bottom:-1px; border:solid 8px transparent; border-bottom-color:#d91608; border-left-color:#d91608; }

/* Pfeil unten links*/
.witharrow-b_l::before { bottom:-14px; left:0px; border:solid 7px transparent; border-top-color:#eeeeee; border-left-color:#eeeeee; }
.witharrow-b_l::after { bottom:-16px; left:-1px; border:solid 8px transparent; border-top-color:#d91608; border-left-color:#d91608; }
/* Pfeil unten mittig */
.witharrow-b_c::before { right:50%; bottom:-26px; transform: translateX(50%); -ms-transform: translateY(50%); border:solid 14px transparent; border-top-color:#eeeeee; }
.witharrow-b_c::after { right:50%; bottom:-28px; transform: translateX(50%); -ms-transform: translateY(50%); border:solid 14px transparent; border-top-color:#d91608; }
/* Pfeil unten rechts*/
.witharrow-b_r::before { right:0px; bottom:-14px;border:solid 7px transparent; border-top-color:#eeeeee; border-right-color:#eeeeee; }
.witharrow-b_r::after { right:-1px; bottom:-16px; border:solid 8px transparent; border-top-color:#d91608; border-right-color:#d91608; }

/* Pfeil links oben */
.witharrow-l_t::before { top:0; left:-14px; border:solid 7px transparent; border-top-color:#eeeeee; border-right-color:#eeeeee; }
.witharrow-l_t::after { top:-1px; left:-16px; border:solid 8px transparent; border-top-color:#d91608; border-right-color:#d91608; }
/* Pfeil links mittig */
.witharrow-l_c::before { left:-26px; bottom:50%; transform: translateY(50%); -ms-transform: translateY(50%); border:solid 14px transparent; border-right-color:#eeeeee; }
.witharrow-l_c::after { left:-28px; bottom:50%; transform: translateY(50%); -ms-transform: translateY(50%); border:solid 14px transparent; border-right-color:#d91608; }
/* Pfeil links unten */
.witharrow-l_b::before { bottom:0; left:-14px; border:solid 7px transparent; border-right-color:#eeeeee; border-bottom-color:#eeeeee; }
.witharrow-l_b::after { bottom:-1px; left:-16px; border:solid 8px transparent; border-right-color:#d91608; border-bottom-color:#d91608; }

/** Pfeile fuer aufklappbare Bereiche - bird vogel **/
.morearrow { position:relative; padding-left:2em; cursor:pointer; vertical-align:middle; }
.morearrow::before, .morearrow::after { display:block; content:"\f068"; font-family:'Font Awesome 5 Free'; font-weight:900; position:absolute; top:0.1em; transition:transform 0.5s, left 0.5s; font-size:0.8em; }
.morearrow::before { left:0.5em; transform:rotate(45deg); -ms-transform:rotate(45deg); }
.morearrow::after { left:1em; transform:rotate(-45deg); -ms-transform:rotate(-45deg); }
.morearrow.open::before { transform:rotate(-45deg); -ms-transform:rotate(-45deg); left:0.6em; }
.morearrow.open::after { transform:rotate(45deg); -ms-transform:rotate(45deg); }

/** chilltip **/
.chilltiptitle { padding:0.8em; border:solid 1px #d91608; box-shadow:0 0 16px #c1c1c1; background-color:#eeeeee;; display:none; height:auto; width:auto; max-width:300px; position:absolute; z-index:1001; }
.chilltiptitle p { padding:0; margin:0; }

/** Tabelle **/
table.design { border-spacing:0; }
table.design tr > * { padding:0.45em; }
table.design.noframe tr:first-child > * { padding-top:0; }
table.design.noframe tr:last-child > * { padding-bottom:0; }
table.design.noframe tr > *:first-child { padding-left:0; }
table.design.noframe tr > *:last-child{ padding-right:0; }
table.design tr > *.label { padding-right:1em; }

table.borders { border-collapse:collapse; }
table.borders tr > * { border:1px solid #b2b2b2; }
table.borders_h { border-collapse:collapse; }
table.borders_h tr > * { border:0 solid #b2b2b2; border-width:1px 0; }
table.borders_v { border-collapse:collapse; }
table.borders_v tr > * { border:0 solid #b2b2b2; border-width:0 1px; }

/* Preistabelle */
table.prices {}
table.prices td.label { text-align:left; }
table.prices td.value { text-align:right; }

/** modale Elemente **/
.modal_background::before { content:""; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.8); z-index: -1; }
.modal_background { z-index:2000; position:relative; }

.modal { background-color:rgba(255,255,255,0.8); position:absolute; top:0; left:0; width:100%; height:100%; }

/** Teaser **/
.teaser { padding:0.8em 0.4em; }

/** Benutzertexte **/
.db_htmltext { line-height:1.6em; overflow:hidden; }
.db_htmltext img { max-width:100%; }

/** Textgestaltung **/
.tp-container + .tp-container { margin-top:20px; }
hr.tp-hr { margin:20px 0; }

/* Text und Bild */
.tp-container img.tp-picture_left { float:left; margin-right:1.8em; }
.tp-container img.tp-picture_left + div:after { display:block; content:""; clear:left; }
.tp-container img.tp-picture_right { float:right; margin-left:1.8em; }
.tp-container img.tp-picture_right + div:after { display:block; content:""; clear:right; }
.tp-left { text-align:left; }
.tp-center { text-align:center; }
.tp-right { text-align:right; }
.tp-block { text-align:justify; }
.tp-border-right, .tp-border-left { border:0px solid #c1c1c1; }
.tp-border-left { border-left-width:0; border-top-width:1px; }
.tp-border-right { border-right-width:0; border-bottom-width:1px; }
/*3 irgendwas nebeneinander*/
.tp-container_3 > * { display:block; padding:8px 0; max-width:100%; margin-top:0 !important; }
.tp-container_3 > *:first-child { padding-top:0; }
.tp-container_3 > *:last-child { padding-bottom:0; }
.tp-container_3 { padding:10px 0; }
.tp-container_3:after { clear:both; content:""; display:block; }
/*2 irgendwas nebneinander*/
.tp-container_2 > * { display:block; padding:0; max-width:100%; margin-top:0 !important; }
.tp-container_2 > *:first-child { padding-bottom:8px; }
.tp-container_2 > *:last-child { padding-top:8px; }
.tp-container_2 { padding:10px 0; }
.tp-container_2:after { clear:both; content:""; display:block; }

/* Bilderklasse fuer Anwender */
.myImage { max-width:100%; height:auto; }

/* AGB Formatierungen */
#agb p { margin:10px 0; }
#agb #agbgliederung { padding-left:20px; text-indent:-20px; }
#agb .caption { font-weight:bold; margin:10px 0; }
.expand_text { display:none; background-color:#eeeeee; }
.expand_text .close_text { text-align:right; }
.expand_text.open { display:block; margin-top:10px; }
#agb_text + .hangingindent20 ~ #wdr_text + div:not(.hangingindent20) { margin-top:5px; }

/*** Plugins ***/
/* fancySelect*/
.fancySelect { display:flex; flex-flow:row wrap; padding:0.4em 0; }
.fancyOption { padding:0.4em; cursor:pointer; border:1px solid #aeaeae; background-color:#eeeeee; flex-grow:1; display:inline-block; text-align:center; }
.fancyOption:not(:last-child) { margin-right:0.4em; }
.fancyOption.selected { border-color:#d91608; }


/*** Abstaende ***/
/**margin**/
.m_none, .m_0 { margin:0; }
.m_parent { margin:inherit; }
.m_0-auto { margin:0 auto; }

.m-t_0 { margin-top:0; }
.m-r_0 { margin-right:0; }
.m-b_0 { margin-bottom:0; }
.m-l_0 { margin-left:0; }

/*margin absolute*/
.m_b-a { margin:25px; }
.m_m-a { margin:15px; }
.m_s-a { margin:10px; }
.m_ss-a { margin:5px; }

.m-t_b-a { margin-top:25px; } .m-t_b-a--neg { margin-top:-25px; }
.m-t_m-a { margin-top:15px; } .m-t_m-a--neg { margin-top:-15px; }
.m-t_s-a { margin-top:10px; } .m-t_s-a--neg { margin-top:-10px; }
.m-t_ss-a { margin-top:5px; } .m-t_ss-a--neg { margin-top:-5px; }

.m-r_b-a { margin-right:25px; } .m-r_b-a--neg { margin-right:-25px; }
.m-r_m-a { margin-right:15px; } .m-r_m-a--neg { margin-right:-15px; }
.m-r_s-a { margin-right:10px; } .m-r_s-a--neg { margin-right:-10px; }
.m-r_ss-a { margin-right:5px; } .m-r_ss-a--neg { margin-right:-5px; }

.m-b_b-a { margin-bottom:25px; } .m-b_b-a--neg { margin-bottom:-25px; }
.m-b_m-a { margin-bottom:15px; } .m-b_m-a--neg { margin-bottom:-15px; }
.m-b_s-a { margin-bottom:10px; } .m-b_s-a--neg { margin-bottom:-10px; }
.m-b_ss-a { margin-bottom:5px; } .m-b_ss-a--neg { margin-bottom:-5px; }

.m-l_b-a { margin-left:25px; } .m-l_b-a--neg { margin-left:-25px; }
.m-l_m-a { margin-left:15px; } .m-l_m-a--neg { margin-left:-15px; }
.m-l_s-a { margin-left:10px; } .m-l_s-a--neg { margin-left:-10px; }
.m-l_ss-a { margin-left:5px; } .m-l_ss-a--neg { margin-left:-5px; }

/*margin relative*/
.m_b-r { margin:2em; }
.m_m-r { margin:1.2em; }
.m_s-r { margin:0.8em; }
.m_ss-r { margin:0.4em; }

.m-h_s-r { margin:0 0.8em; }
.m-v_s-r { margin:0.8em 0; }

.m-t_b-r { margin-top:2em; } .m-t_b-r--neg { margin-top:-2em; }
.m-t_m-r { margin-top:1.2em; } .m-t_m-r--neg { margin-top:-1.2em; }
.m-t_s-r { margin-top:0.8em; } .m-t_s-r--neg { margin-top:-0.8em; }
.m-t_ss-r { margin-top:0.4em; } .m-t_ss-r--neg { margin-top:-0.4em; }

.m-r_b-r { margin-right:2em; } .m-r_b-r--neg { margin-right:-2em; }
.m-r_m-r { margin-right:1.2em; } .m-r_m-r--neg { margin-right:-1.2em; }
.m-r_s-r { margin-right:0.8em; } .m-r_s-r--neg { margin-right:-0.8em; }
.m-r_ss-r { margin-right:0.4em; } .m-r_ss-r--neg { margin-right:-0.4em; }

.m-b_b-r { margin-bottom:2em; } .m-b_b-r--neg { margin-bottom:-2em; }
.m-b_m-r { margin-bottom:1.2em; } .m-b_m-r--neg { margin-bottom:-1.2em; }
.m-b_s-r { margin-bottom:0.8em; } .m-b_s-r--neg { margin-bottom:-0.8em; }
.m-b_ss-r { margin-bottom:0.4em; } .m-b_ss-r--neg { margin-bottom:-0.4em; }

.m-l_bb-r { margin-left:3em; } .m-l_bb-r--neg { margin-left:-3em; }
.m-l_b-r { margin-left:2em; } .m-l_b-r--neg { margin-left:-2em; }
.m-l_m-r { margin-left:1.2em; } .m-l_m-r--neg { margin-left:-1.2em; }
.m-l_s-r { margin-left:0.8em; } .m-l_s-r--neg { margin-left:-0.8em; }
.m-l_ss-r { margin-left:0.4em; } .m-l_ss-r--neg { margin-left:-0.4em; }

/**padding**/
.p_none, .p_0 { padding:0; }
.p_parent { padding:inherit; }
.p_init { padding:initial; }

/*padding absolute*/
.p_b-a { padding:25px; }
.p_m-a { padding:15px; }
.p_s-a { padding:10px; }
.p_ss-a { padding:5px; }

.p-t_b-a { padding-top:25px; }
.p-t_m-a { padding-top:15px; }
.p-t_s-a { padding-top:10px; }
.p-t_ss-a { padding-top:5px; }

.p-r_b-a { padding-right:25px; }
.p-r_m-a { padding-right:15px; }
.p-r_s-a { padding-right:10px; }
.p-r_ss-a { padding-right:5px; }

.p-b_b-a { padding-bottom:25px; }
.p-b_m-a { padding-bottom:15px; }
.p-b_s-a { padding-bottom:10px; }
.p-b_ss-a { padding-bottom:5px; }

.p-l_b-a { padding-left:25px; }
.p-l_m-a { padding-left:15px; }
.p-l_s-a { padding-left:10px; }
.p-l_ss-a { padding-left:5px; }

/*padding relative*/
.p_b-r { padding:2em; }
.p_m-r { padding:1.2em; }
.p_s-r { padding:0.8em; }
.p_ss-r { padding:0.4em; }

.p-t_b-r { padding-top:2em; }
.p-t_m-r { padding-top:1.2em; }
.p-t_s-r { padding-top:0.8em; }
.p-t_ss-r { padding-top:0.4em; }

.p-r_b-r { padding-right:2em; }
.p-r_m-r { padding-right:1.2em; }
.p-r_s-r { padding-right:0.8em; }
.p-r_ss-r { padding-right:0.4em; }

.p-b_b-r { padding-bottom:2em; }
.p-b_m-r { padding-bottom:1.2em; }
.p-b_s-r { padding-bottom:0.8em; }
.p-b_ss-r { padding-bottom:0.4em; }

.p-l_b-r { padding-left:2em; }
.p-l_m-r { padding-left:1.2em; }
.p-l_s-r { padding-left:0.8em; }
.p-l_ss-r { padding-left:0.4em; }

.p-t_0 { padding-top:0; }
.p-r_0 { padding-right:0; }
.p-b_0 { padding-bottom:0; }
.p-l_0 { padding-left:0; }

/*** Schriften ***/
/**Schriftgroesse**/
.mobile-header-icone_p { font-size:inherit; }
.f-size_3 { font-size:3em; }
.f-size_2, .f-size_bb, .f-huge { font-size:2em; }
.f-size_18 { font-size:1.8em; }
.f-size_16, .f-size_b, .f-big { font-size:1.6em; }
.f-size_15 { font-size:1.5em; }
.f-size_14 { font-size:1.4em; }
.f-size_12, .f-size_m, .f-medium { font-size:1.2em; }
.f-size_11 { font-size:1.1em; }
.f-size_ { font-size:1em; }
.f-size_09 { font-size:0.9em; }
.f-size_08, .f-size_s, .f-small { font-size:0.8em; }
.f-size_07, .f-size_ss, .f-tiny { font-size:0.7em; }
.f-size_basic { font-size:1rem; }

.f-size_3.rem { font-size:3rem; }
.f-size_2.rem, .f-size_bb.rem { font-size:2rem; }
.f-size_18.rem { font-size:1.8rem; }
.f-size_16.rem, .f-size_b.rem { font-size:1.6rem; }
.f-size_15.rem { font-size:1.5rem; }
.f-size_14.rem { font-size:1.4rem; }
.f-size_12.rem, .f-size_m.rem { font-size:1.2rem; }
.f-size_11.rem { font-size:1.1rem; }
.f-size_09.rem { font-size:0.9rem; }
.f-size_08.rem, .f-size_s.rem { font-size:0.8rem; }
.f-size_07.rem, .f-size_ss.rem { font-size:0.7rem; }

.stop-line-height { line-height:normal; }

/**Schriftstil**/
.style-parent { font-style:inherit; }
.style-0 { font-weight:normal; font-style:normal; }
.italic, .cursive, .kursive { font-style:italic; }
.bold { font-weight:bold; }
.weight_0 { font-weight:normal; }
.no-deco { text-decoration:none; }
.underline { text-decoration:underline; }
.crossline { text-decoration:line-through; }
.upper { text-transform:uppercase; }

.simlink { cursor:pointer; }
.simlink:hover { color:#d91608; }
.unlink { cursor:default; color:#000000; text-decoration:none; }
.unlink:hover { color:#000000; }
.cartpos .availability span { color:#d91608; }
.l-marker::before { font-family:"Font Awesome 5 Free"; font-weight:bold; content:"\f101"; margin-right:0.2em; vertical-align:middle; }

/**Ausrichtung**/
.acenter { text-align:center; }
.aleft { text-align:left; }
.aright { text-align:right; }
.vbase { vertical-align:baseline; }
.vcenter { vertical-align:middle; }
.vbottom { vertical-align:bottom; }
.up { vertical-align:super; }
.vtop { vertical-align:top; }
.raquo { vertical-align:5%; }

.nowrap { white-space:nowrap; }
.wrap_normal, .wrap { white-space:normal; }
.hyphens { overflow:hidden; word-wrap:break-word; overflow-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; }

/**Schriftfarben**/
.f-color_parent { color:inherit; }
.f-color_basic { color:#000000; }
.f-color_color1 { color:#343434; }
.f-color_color2, .f-color_light, .f-light { color:#4c4c4c; }
.f-color_color3 { color:#5d5d5d; }
.f-color_color4, .f-color_lighter, .f-lighter { color:#7e7e7e; }
.f-color_color5, .f-color_lightest, .f-lightest, .f-color_disabled { color:#b2b2b2; }
.f-color_warning { color:#cd0a0a; }
.f-color_action, f-color_prominent { color:#cd0a0a; }
.f-color_notice { color:#008000; }
.f-color_evaluation { color:#ffd42c; }

.f-color_onhigh { color:#ffffff; }
.f-color_high { color:#d91608; }

.highlight { color:#d91608; font-weight:bold; }
.changed { color:#cd0a0a; }

/*Hover*/
.f-color_basic-hover:hover { color:#000000; }
.f-color_color1-hover:hover { color:#343434; }
.f-color_color2-hover:hover, .f-color_light-hover:hover { color:#4c4c4c; }
.f-color_color3-hover:hover { color:#5d5d5d; }
.f-color_color4-hover:hover, .f-color_lighter-hover:hover { color:#7e7e7e; }
.f-color_color5-hover:hover, .f-color_lightest-hover:hover, .f-color_disabled-hover:hover { color:#b2b2b2; }
.f-color_warning-hover:hover { color:#cd0a0a; }
.f-color_action-hover:hover, .f-color_prominent-hover:hover { color:#cd0a0a; }
.f-color_notice-hover:hover { color:#008000; }
.f-color_evaluation-hover:hover { color:#ffd42c; }

.f-color_onhigh-hover:hover { color:#ffffff; }
.f-color_hover-high:hover { color:#d91608; }

.highlight-hover:hover { color:#d91608; font-weight:bold; }


.rot { color:#d30000; }
.gelb { color:#ffd42c; }
.gruen { color:#03bf00; }

/*** Rahmen ***/
.b-none { border:none; }
.b-parent { border:inherit; }
/**Rahmenstaerke**/
.b-0 { border-width:0; }
.b-1 { border-width:1px; }
.b-b { border-width:2px; }
/*oben*/
.b-t_ { border-top-width:1px; }
.b-t_0 { border-top-width:0px; }
/*rechts*/
.b-r_ { border-right-width:1px; }
.b-r_0 { border-right-width:0px; }
/*unten*/
.b-b_ { border-bottom-width:1px; }
.b-b_0 { border-bottom-width:0px; }
/*links*/
.b-l_ { border-left-width:1px; }
.b-l_0 { border-left-width:0px; }

/**Rahmenart**/
.b_none { border-style:none; }
.b_solid { border-style:solid; }
.b_dashed { border-style:dashed; }
.b_dotted { border-style:dotted; }

/**Kombis**/
.b_ { border-width:1px; border-style:solid; border-color:#c1c1c1; } .b_-trans { border-width:1px; border-style:solid; border-color:transparent; }
.b_t { border-top:1px solid #c1c1c1; } .b_t-trans { border-top:1px solid transparent; }
.b_b { border-bottom:1px solid #c1c1c1; } .b_b-trans { border-bottom:1px solid transparent; }
.b_l { border-left:1px solid #c1c1c1; } .b_l-trans { border-left:1px solid transparent; }
.b_r { border-right:1px solid #c1c1c1; } .b_r-trans { border-right:1px solid transparent; }
.b_h { border-width:1px 0; border-style:solid; border-color:#c1c1c1; } .b_h-trans { border-width:1px 0; border-style:solid; border-color:transparent; }
.b_v { border-width:0 1px; border-style:solid; border-color:#c1c1c1; } .b_v-trans { border-width:0 1px; border-style:solid; border-color:transparent; }
.b_tub { border-width:0 1px 1px 1px; border-style:solid; border-color:#c1c1c1; } .b_tub-trans { border-width:0 1px 1px 1px; border-style:solid; border-color:transparent; }
.b_hat { border-width:1px 1px 0 1px; border-style:solid; border-color:#c1c1c1; } .b_hat-trans { border-width:1px 1px 0 1px; border-style:solid; border-color:transparent; }

/** Ecken **/
.b_hard { border-radius:0; }
.b_smooth { border-radius:4px; }
.b_strong { border-radius:10px; }

/**Rahmenfarbe**/
.b_color1 { border-color:#eeeeee; }
.b_color2, .b_light { border-color:#dddddd; }
.b_color3 { border-color:#d5d5d5; }
.b_color4 { border-color:#cccccc; }
.b_color5, .b_standard, .b_disabled { border-color:#c1c1c1; }
.b_color6 { border-color:#aeaeae; }
.b_color7 { border-color:#989898; }
.b_color8, .b_dark { border-color:#838383; }
.b_high { border-color:#cd0a0a; }

/**Schatten**/
.shadow { box-shadow:0px 0px 8px #838383; }
.shadow-b-l { box-shadow:-4px 4px 8px #838383; }
.shadow-b-r { box-shadow:4px 4px 8px #838383; }
.shadow-t-l { box-shadow:-4px -4px 8px #838383; }
.shadow-t-r { box-shadow:4px -4px 8px #838383; }

.shadow-t { box-shadow:0px -8px 8px -8px #838383; }
.shadow-b { box-shadow:0px 8px 8px -8px #838383; }
.shadow-l { box-shadow:-8px 0px 8px -8px #838383; }
.shadow-r { box-shadow:8px 0px 8px -8px #838383; }

.shadow.small-shadow { box-shadow:0px 0px 4px #838383; }
.shadow-b-l.small-shadow { box-shadow:-2px 2px 4px #838383; }
.shadow-b-r.small-shadow { box-shadow:2px 2px 4px #838383; }
.shadow-t-l.small-shadow { box-shadow:-2px -2px 4px #838383; }
.shadow-t-r.small-shadow { box-shadow:2px -2px 4px #838383; }

.shadow-t.small-shadow { box-shadow:0px -4px 4px -4px #838383; }
.shadow-b.small-shadow { box-shadow:0px 4px 4px -4px #838383; }
.shadow-l.small-shadow { box-shadow:-4px 0px 4px -4px #838383; }
.shadow-r.small-shadow { box-shadow:4px 0px 4px -4px #838383; }

/**Scrollbar**/
.scrollbar-light::-webkit-scrollbar { width:5px; }
.scrollbar-light::-webkit-scrollbar-button { display:none; }
.scrollbar-light::-webkit-scrollbar-track { background-color:#c1c1c1; }
.scrollbar-light::-webkit-scrollbar-thumb { background-color:#838383; border-radius:4px; }

/*** Farben ***/
/**Hintergrund**/
/*Standard-Farben*/
.bg-color_parent { background-color:inherit; }
.bg-color_color1, .bg-color_light { background-color:#eeeeee; }
.bg-color_color2 { background-color:#dddddd; }
.bg-color_color3, .bg-color_smooth { background-color:#d5d5d5; }
.bg-color_color4 { background-color:#cccccc; }
.bg-color_color5, .bg-color_strong { background-color:#c1c1c1; }
.bg-color_color6 { background-color:#aeaeae; }
.bg-color_color7 { background-color:#989898; }
.bg-color_color8, .bg-color_dark { background-color:#838383; }
.bg-color_main { background-color:#eeeeee; }

/*High-Farben*/
.bg-color_high { background: #d91608; /* Old browsers */background: -moz-linear-gradient(top,  #f73a2d 0%, #d91608 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f73a2d), color-stop(100%,#d91608)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #f73a2d 0%,#d91608 100%); /* IE10+ */background: linear-gradient(to bottom,  #f73a2d 0%,#d91608 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f73a2d', endColorstr='#d91608',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; }
.bg-color_high-hover:hover { background: #d91608; /* Old browsers */background: -moz-linear-gradient(top,  #870e06 0%, #d91608 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#870e06), color-stop(100%,#d91608)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #870e06 0%,#d91608 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #870e06 0%,#d91608 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #870e06 0%,#d91608 100%); /* IE10+ */background: linear-gradient(to bottom,  #870e06 0%,#d91608 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#870e06', endColorstr='#d91608',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */; }

/*Verl�ufe*/
.bg-color_1-2-h { background:linear-gradient(to right, #eeeeee 10%, #dddddd 65%); }

/*Spezialf�lle*/
.bg-translucent_dark { background-color:rgba(0,0,0,0.8); }
.bg-translucent_light { background-color:rgba(85,85,85,0.8); }

/*** float ***/
.float_l { float:left; }
.float_r { float:right; }
.clear_b::after { clear:both; display:block; content:""; }
.clear_l::after { clear:left; display:block; content:""; }
.clear_r::after { clear:right; display:block; content:""; }
.clear { clear:both; display:block; }

/*** position ***/
.pos_parent { position:inherit; }
.pos_a { position:absolute; } .Pos_a { position:absolute !important; }
.pos_r { position:relative; } .Pos_r { position:relative !important; }
.pos_fixed, .pos_f { position:fixed; }
.top { top:0; } .Top { top:0 !important; }
.left { left:0; } .Left { left:0 !important; }
.right { right:0; } .Right { right:0 !important; }
.bottom { bottom:0; } .Bottom { bottom:0 !important; }

.top_s-r { top:0.8em; } .Top_s-r { top:0.8em !important; }
.left_s-r { left:0.8em; } .Left_s-r { left:0.8em !important; }
.right_s-r { right:0.8em; } .Right_s-r { right:0.8em !important; }
.bottom_s-r { bottom:0.8em; } .Bottom_s-r { bottom:0.8em !important; }

/* Neutralisation */
.-top { top:auto; } .-Top { top:auto !important; }
.-left { left:auto; } .-Left { left:auto !important; }
.-right { right:auto; } .-Right { right:auto !important; }
.-bottom { bottom:auto; } .-Bottom { bottom:auto !important; }

.vcenter-block { top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); display:block; zoom:1.01; }
.vcenter-block-cell { display:table-cell; vertical-align:middle; }
.hcenter-block { left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); display:block; zoom:1.01; }
.center-block { top:50%; left:50%; transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); display:block; zoom:1.01; }

.hcenter-easy { margin-right:auto; margin-left:auto; }

/*die dritte Dimension*/
.nearest { z-index:9001 }
.near { z-index:100; }
.far { z-index:1; }

/*** Groessen ***/
/**Breite**/
.w_auto { width:auto; }

/*absolute*/
.w_50px { width:50px; }
.w_65px { width:65px; }
.w_75px { width:75px; }
.w_100px { width:100px; }
.w_150px { width:150px; }
.w_200px { width:200px; }
.w_250px { width:250px; }
.w_320px { width:320px; }
.w_350px { width:350px; }
.w_20em { width:20em; }

.w-max_100px { max-width:100px; }
.w-max_250px { max-width:250px; }
.w-max_320px, .w-max_minMobile { max-width:320px; }
.w-max_400px { max-width:400px; }

/*relative*/
.w_100 { width:100%; }
.w_90 { width:90%; }
.w_80 { width:80%; }
.w_75 { width:75%; }
.w_70 { width:70%; }
.w_66 { width:66.66%; }
.w_60 { width:60%; }
.w_50 { width:50%; }
.w_40 { width:40% }
.w_33 { width:33.33% }
.w_30 { width:30%; }
.w_25 { width:25%; }
.w_20 { width:20%; }
.w_10 { width:10%; }
.w_68em { width:68em; }

.w-max_100 { max-width:100%; }
.w-max_100vw { max-width:100vw; }
.w_2em { width:2em; }
.w_3em { width:3em; }
.w_100-3em { width:calc(100% - 3em); }
.w_min-13em { min-width:13em; }
.w_minMobile { min-width:320px; }
.w-max_20em { max-width:20em; }
.w-max_28em { max-width:28em; }
.w-max_68em { max-width:68em; }

/**Hoehe**/
.h_auto { height:auto; }

/*absolute*/
.h_1px { height:1px; }
.h_50px { height:50px; } .h-max_50px { max-height:50px; }
.h_65px { height:65px; } .h-max_65px { max-height:65px; }
.h_75px { height:75px; } .h-max_75px { max-height:75px; }
.h_100px { height:100px; } .h-max_100px { max-height:100px; }
.h_150px { height:150px; } .h-max_150px { max-height:150px; }
.h_200px { height:200px; } .h-max_200px { max-height:200px; }
.h_250px { height:250px; } .h-max_250px { max-height:250px; }
.h_320px { height:320px; } .h-max_320px { max-height:320px; }
.h_350px { height:350px; } .h-max_350px { max-height:350px; }

.h-min_1px { min-height:1px; }
.h-min_100px { min-height:100px; }
.h-max_100px { max-height:100px; }
.h-max_320px { max-height:320px; }

/*relative*/
.h_100 { height:100%; }
.h_50 { height:50%; }
.h_33 { height:33.33% }
.h_25 { height:25%; }
.h-max_100 { max-height:100%; }

.h_1em { height:1em; }
.h_2em { height:2em; }
.h_3em { height:3em; }
.h_20em { height:20em; }

.h-max_1em { max-height:1em; }
.h-max_2em { max-height:2em; }
.h-max_3em { max-height:3em; }

.h_20em { height:20em; }

/** Bilder **/
.img_w-max_100 img { max-width:100%; }

/*** Sichtbarkeit ***/
.hide, .hide_x, .hide_1, .not-empty:empty, .not-empty-next:empty, .not-empty-next + *, .hide-next + *, template { display:none; }
.not-empty-next:empty + *:not(:empty) { display:initial; }
.empty-next-hide:empty + *, .not-empty-hide-all-next:not(:empty) ~ * { display:none; }
.show, .show_x, .show_1 { display:block; }
.hide-first { display:none; }
.show-first { display:block; }
.hidden { visibility:hidden; }
.visible { visibility:visible; }
.hollow { opacitiy:0; }
.full { opacity:1; }

/*** display ***/
#mobileBreakpoint { display:block; }

/* Basics */
.display_b, .block { display:block; }
.display_ib, .inline-block { display:inline-block; }
.display_i, .inline { display:inline; }
.display_f { display:flex; }
.display_n { display:none; }

/* Flexbox */
.flex { display:flex; display:-webkit-flexbox; display:-ms-flexbox; }
.flex-wrap { flex-wrap:wrap; -ms-flex-wrap:wrap; }
.flex-nowrap { flex-wrap:nowrap; -ms-flex-wrap:none; }
.flex-wrap-reverse { flex-wrap:wrap-reverse; -ms-flex-wrap:wrap-reverse; }
.flex-column { flex-direction:column; -ms-flex-direction:column; }
.flex-grow_0 { flex-grow:0; } .flex-grow_1 { flex-grow:1; } .flex-grow_2 { flex-grow:2; } .flex-grow_3 { flex-grow:3; } .flex-grow_4 { flex-grow:4; }
.flex-center_h { justify-content:center; }
.flex-center_v { align-items:center; }
.flex-bottom { align-items:flex-end; }
.flex-baseline { align-items:baseline; }
.flex-sb { justify-content:space-between; }
.flex-sa { justify-content:space-around; }
.flex-se { justify-content:space-evenly; }
.flex-samesize { flex:1 1 0px; }

/* Navigation */
.display-in-row { display:block; }
.display-in-row > * { display:block; float:left; }
.display-in-row::after { clear:left; content:""; display:block; }

/* overflow */
.oflow_hidden, .noscroll { overflow:hidden; }
.oflow_visible { overflow:visible; }
.oflow_scrollX, .scrollX { overflow:scroll-x; }
.oflow_scrollY, .scrollY { overflow:scroll-y; }
.oflow_scroll, .scroll { overflow:scroll; }
.oflow_auto { overflow:auto; }

/* Druckversion */
#printversion a { text-decoration:none; }
#printversion img { vertical-align:middle; margin-right:10px; }

/*** Cursor ***/
.basic { cursor:default; }
.pointer { cursor:pointer; }

/*** Transitions ***/
.trans-short { transition:all 0.3s; }
.trans_bg-color { transition:background-color 0.3s; }

.shuffle-enter, .shuffle-leave-to { opacity: 0; transform: translateY(150px); }
.shuffle-leave-active { position: absolute; }
.shuffle-item { transition:all 1s; }

.slide-fade-enter-active, .slide-fade-leave-active { transition: all .5s ease; }
.slide-fade-enter, .slide-fade-leave-to { transform: translateX(100px); opacity: 0; }

.fade-enter-active, .fade-leave-active { transition: opacity 3s; }
.fade-enter, .fade-leave-to {  opacity: 0; }

/* -----------------------------------------------------------------------------
   Eigene Definitionen Teil m
   -------------------------------------------------------------------------- */

#errorDummyForUserInputm { display:none; }


/*** Media Queries ***/
/* bei min-Groessen kleinste zuerst */

/**************************************************************************************************************************/
/* ************************ min 480px *********************************************************************************** */
/**************************************************************************************************************************/

@media (min-width:480px){ /*catblog 2-spaltig, catalog Bild links*/
  /**Sichtbarkeit**/
  .display_b-480 { display:block; }
  .display_ib-480 { display:inline-block; }
  .display_i-480 { display:inline; }
  .display_n-480 { display:none; }
  .display_f-480 { display:flex; }

  /*** Groesse ***/
  .w_auto-480 { width:auto; }
  .w_100-480 { width:100%; }
  .w_80-480 { width:80%; }
  .w_75-480 { width:75%; }
  .w_60-480 { width:60%; }
  .w_50-480 { width:50%; }
  .w_40-480 { width:40%; }
  .w_33-480 { width:33.33%; }
  .w_25-480 { width:25%; }
  .w_20-480 { width:20%; }

  .w_50px-480 { width:50px; }
  .w_75px-480 { width:75px; }
  .w_100px-480 { width:100px; }
  .w_150px-480 { width:150px; }
  .w_200px-480 { width:200px; }
  .w_250px-480 { width:250px; }
  .w_350px-480 { width:350px; }
  .w_420px-480 { width:420px; }

  /*** Video/Bild ***/
  .ratio_16_9 { width:438px; height:246px; }
  .ratio_4_3 { width:438px; height:328px; }

  /*** Abstaende ***/
  /** margin **/
  .m-t_0-480 { margin-top:0; }
  .m-l_0-480 { margin-left:0; }
  .m-b_0-480 { margin-bottom:0; }
  .m-b_m-a-480 { margin-bottom:15px; }

  /** padding **/
  .p_none-480 { padding:0; }
  .p-r_s-r-480 { padding-right:0.8em; }
  .p-l_s-r-480 { padding-left:0.8em; }
  .p-l_m-a-480 { padding-left:15px; }

  /*** Rahmen ***/
  .b_l-480 { border-left:1px solid #c1c1c1; }
  .b_r-480 { border-right:1px solid #c1c1c1; }

  /*** Position ***/
  .pos_a-480 { position:absolute; }

  /** Floating **/
  .float_l-480 { float:left; }
  .float_r-480 { float:right; }
  .float_n-480 { float:none; }

  /**Ausrichtung**/
  .acenter-480 { text-align:center; }
  .aleft-480 { text-align:left; }
  .aright-480 { text-align:right; }

  /*** spezielle Elemente ***/
  .catalog.grid:not(.product) article .desc { width:100%; }
  .catalog.grid:not(.product) article .pic { width:100%; }
  .catalog.grid article .desc-left { width:60% }
  .catalog.grid article .desc-right { width:40%; }
  .catalog.design article .desc-right { margin-top:0; }

  /*.tiles.grid > *:not(.nogrid) { width:50%; }*/
  .tiles.design { margin-right:-16px; }
  .tiles.design > * { padding-right:16px; }


  .tiles.grid > *:not(.nogrid) { width:50%; }
  .tiles.big.grid > *:not(.nogrid) { width:100%; }

  .default_tabs::after { clear:left; content:''; display:block; }
  .default_tab { float:left; width:50%; }
  .default_tab:first-child { border-left:none; }

  .tp-container_2 > * { max-width:50% !important; float:left; }
  .tp-container_3 > * { max-width:33.33% !important;; float:left; }
  .tp-container_2 > *:first-child { padding-bottom:0; padding-right:8px; }
  .tp-container_2 > *:last-child { padding-top:0; padding-left:8px; }
  .tp-container_3 > * { padding:0 5px;}
  .tp-container_3 > *:first-child { padding-left:0; padding-right:10px; }
  .tp-container_3 > *:last-child { padding-right:0; padding-left:10px; }
  .tp-border-right { border-right-width:1px; }
  .tp-border-left { border-left-width:1px; }
}


/**************************************************************************************************************************/
/* ************************ min 640px *********************************************************************************** */
/**************************************************************************************************************************/

@media (min-width:640px){ /*Detailseite 2-spaltig, catblog 3-spaltig*/
  /*** Sichtbarkeit ***/
  .display_b-640 { display:block; }
  .display_ib-640 { display:inline-block; }
  .display_i-640 { display:inline; }
  .display_n-640 { display:none; }

  /*Groesse*/
  .w_auto-640 { width:auto; }
  .w_100-640 { width:100%; }
  .w_75-640 { width:75%; }
  .w_66-640 { width:66.66%; }
  .w_60-640 { width:60%; }
  .w_50-640 { width:50%; }
  .w_40-640 { width:40%; }
  .w_33-640 { width:33.33%; }
  .w_30-640 { width:30%; }
  .w_25-640 { width:25%; }
  .w_20-640 { width:20%; }
  .w_10-640 { width:10%; }

  /*** Video/Bild ***/
  .ratio_16_9 { width:598px; height:336px; }
  .ratio_4_3 { width:598px; height:448px; }

  /*** Abstaende ***/
  /** margin **/
  .m-t_0-640 { margin-top:0; }
  .m-l_0-640 { margin-left:0; }
  .m-b_0-640 { margin-bottom:0; }
  .m-b_m-a-640 { margin-bottom:15px; }

  /** padding **/
  .p-r_s-r-640 { padding-right:0.8em; }
  .p-l_s-r-640 { padding-left:0.8em; }
  .p-r_m-a-640 { padding-right:15px; }

  /*** Rahmen ***/
  .b_l-640 { border-left:1px solid #c1c1c1; }
  .b_r-640 { border-right:1px solid #c1c1c1; }

  /**Ausrichtung**/
  .acenter-640 { text-align:center; }
  .aleft-640 { text-align:left; }
  .aright-640 { text-align:right; }

  /*** spezielle Elemente ***/
  .catalog.grid:not(.product) article .desc { width:80%; }
  .catalog.grid:not(.product) article .pic { width:20%; }
  .catalog.grid.cart article .desc-left { width:50%; }
  .catalog.grid:not(.cart) article .desc-left { width:50%; }
  #Main.row_3 .catalog.grid:not(.cart) article .desc-left { width:40%; }

  .catalog.grid.cart article .desc-right { width:50%; }
  .catalog.grid:not(.cart) article .desc-right { width:50%; text-align:right; }
  #Main.row_3 .catalog.grid:not(.cart) article .desc-right { width:60%; }

  .tiles.grid > *:not(.nogrid) { width:33.33%; }
  .tiles.big.grid > *:not(.nogrid) { width:50%; }

  .subnavi.grid .pic { height:auto; }

  article.product > section { padding:0; margin-top:15px; }
  .product .picture { width:60%; padding-right:8px; }
  .product .details { width:40%; padding-left:8px; margin-top:0; }
  /** Hilfselement zum Scrollen in der Detailseite **/
  #slideOverlay { display:none; }

  .default_tab { width:33.33%; }

  /*Warenkorb*/
  #cartVUE { display:flex; flex-direction:column; }
  #cart_extensions { order:-1; border-bottom:1px solid #aeaeae; border-top:none; }
}


/**************************************************************************************************************************/
/* ************************ min 880px *********************************************************************************** */
/**************************************************************************************************************************/

@media (min-width:880px){ /*catblog 4-spaltig und Desktop*/
  /** Hintergrundbild setzen */
  body { background-image:url(../_conf/img/shop-background-02.jpg); }

  /** mobiler Umbruch **/
  #mobileBreakpoint { display:none; }

  /**Sichtbarkeit**/
  .display_b-880, .show_880 { display:block; }
  .display_ib-880, .inline-block_880 { display:inline-block; }
  .display_i-880, .inline_880 { display:inline; }
  .display_n-880, .none_880 { display:none; }

  /*Groesse*/
  .w_auto-880 { width:auto; }
  .w_100-880 { width:100%; }
  .w_75-880 { width:75%; }
  .w_66-880 { width:66.66%; }
  .w_60-880 { width:60%; }
  .w_50-880 { width:50%; }
  .w_40-880 { width:40%; }
  .w_33-880 { width:33.33%; }
  .w_25-880 { width:25%; }
  .w_20-880 { width:20%; }
  .w_10-880 { width:10%; }

  /*** Abstaende ***/
  /** margin **/
  .m-t_0-880 { margin-top:0; }
  .m-l_0-880 { margin-left:0; }
  .m-b_0-880 { margin-bottom:0; }
  .m-b_m-a-880 { margin-bottom:15px; }

  /** padding **/
  .p-r_s-r-880 { padding-right:0.8em; }
  .p-l_s-r-880 { padding-left:0.8em; }
  .p-r_m-a-880 { padding-right:15px; }

  /**Ausrichtung**/
  .acenter-880 { text-align:center; }
  .aleft-880 { text-align:left; }
  .aright-880 { text-align:right; }

  /*Kacheln*/
  /* .tiles.grid > *:not(.nogrid) { width:33.33%; }
  .tiles.big.grid > *:not(.nogrid) { width:50%; }
  body:not(.with-left) #Middle .tiles.grid > *:not(.nogrid), body:not(.with-right) #Middle .tiles.grid > *:not(.nogrid) { width:25%; }
  body:not(.with-left) #Middle .tiles.big.grid > *:not(.nogrid), body:not(.with-right) #Middle .tiles.big.grid > *:not(.nogrid) { width:33.33%; }
  body:not(.with-left):not(.with-right) #Middle .tiles.grid > *:not(.nogrid) { width:20%; }
  body:not(.with-left):not(.with-right) #Middle .tiles.big.grid > *:not(.nogrid) { width:25%; } */

  .tiles.grid > *:not(.nogrid) { width:50%; }
  .tiles.big.grid > *:not(.nogrid) { width:50%; }
  body:not(.with-left) #Middle .tiles.grid > *:not(.nogrid), body:not(.with-right) #Middle .tiles.grid > *:not(.nogrid) { width:33.33%; }
  body:not(.with-left) #Middle .tiles.big.grid > *:not(.nogrid), body:not(.with-right) #Middle .tiles.big.grid > *:not(.nogrid) { width:50%; }
  body:not(.with-left):not(.with-right) #Middle .tiles.grid > *:not(.nogrid) { width:25%; }
  body:not(.with-left):not(.with-right) #Middle .tiles.big.grid > *:not(.nogrid) { width:33.33%; }

  #Main.minWidth__1120 .tiles.grid > *:not(.nogrid) { width:33.33%; }
  #Main.minWidth__1120 .tiles.big.grid > *:not(.nogrid) { width:50%; }

  #Main.minWidth__1200 .tiles.grid > *:not(.nogrid) { width:33.33%; }
  #Main.minWidth__1200 .tiles.big.grid > *:not(.nogrid) { width:50%; }
  body:not(.with-left) #Main.minWidth__1200 .tiles.grid > *:not(.nogrid), body:not(.with-right) #Main.minWidth__1200 .tiles.grid > *:not(.nogrid) { width:25%; }
  body:not(.with-left) #Main.minWidth__1200 .tiles.big.grid > *:not(.nogrid), body:not(.with-right) #Main.minWidth__1200 .tiles.big.grid > *:not(.nogrid) { width:33.33%; }
  body:not(.with-left):not(.with-right) #Main.minWidth__1200 .tiles.grid > *:not(.nogrid) { width:20%; }
  body:not(.with-left):not(.with-right) #Main.minWidth__1200 .tiles.big.grid > *:not(.nogrid) { width:25%; }

  #Main.minWidth__1360 .tiles.grid > *:not(.nogrid) { width:25%; }
  #Main.minWidth__1360 .tiles.big.grid > *:not(.nogrid) { width:33.33%; }
  body:not(.with-left) #Main.minWidth__1360 .tiles.grid > *:not(.nogrid), body:not(.with-right) #Main.minWidth__1360 .tiles.grid > *:not(.nogrid) { width:20%; }
  body:not(.with-left) #Main.minWidth__1360 .tiles.big.grid > *:not(.nogrid), body:not(.with-right) #Main.minWidth__1360 .tiles.big.grid > *:not(.nogrid) { width:25%; }
  body:not(.with-left):not(.with-right) #Main.minWidth__1360 .tiles.grid > *:not(.nogrid) { width:16.66%; }
  body:not(.with-left):not(.with-right) #Main.minWidth__1360 .tiles.big.grid > *:not(.nogrid) { width:20%; }

  #Main.minWidth__1600 .tiles.grid > *:not(.nogrid) { width:20%; }
  #Main.minWidth__1600 .tiles.big.grid > *:not(.nogrid) { width:25%; }
  body:not(.with-left) #Main.minWidth__1600 .tiles.grid > *:not(.nogrid), body:not(.with-right) #Main.minWidth__1600 .tiles.grid > *:not(.nogrid) { width:16.66%; }
  body:not(.with-left) #Main.minWidth__1600 .tiles.big.grid > *:not(.nogrid), body:not(.with-right) #Main.minWidth__1600 .tiles.big.grid > *:not(.nogrid) { width:20%; }
  body:not(.with-left):not(.with-right) #Main.minWidth__1600 .tiles.grid > *:not(.nogrid) { width:14.28%; }
  body:not(.with-left):not(.with-right) #Main.minWidth__1600 .tiles.big.grid > *:not(.nogrid) { width:16.66%; }

  /* hover effect subnavi */
  .tiles.hover > * > div { transition:box-shadow 0.3s, transform 0.3s; }
  .tiles.hover._height > *:not(.disabled):hover > div { transform:translateY(-8px); -ms-transform:translateY(-8px); box-shadow:0 8px 16px #7e7e7e; }

  .default_tab { width:auto; padding-right:1em; }
  .default_tab::after { display:none; }

  /*** Video/Bild ***/
  .ratio_16_9 { width:640px; height:360px; }
  .ratio_4_3 { width:640px; height:480px; }
  /* #Main.row_3 */
  #Main.row_3.ratio_16_9 { width:495px; height:278px; }
  #Main.row_3.ratio_4_3 { width:495px; height:371px; }

  /*Shop-Grid*/
  body:not(.with-left):not(.with-right) #Middle { padding:0 15px; width:100%; }
  body:not(.with-left).with-right #Middle { padding:0 5px 0 15px; min-width:80%; width:calc(100% - 250px); }
  body:not(.with-right).with-left #Middle { padding:0 15px 0 5px; min-width:80%; width:calc(100% - 250px); }
  body.with-left.with-right #Middle { padding:0 5px; display:inline-block; min-width:60%; width:calc(100% - 500px); }
  body.with-left #Left, #Left:not(:empty) { padding:0 10px 0 15px; float:left; width:20%; max-width:250px; min-height:1px; }
  body.with-right #Right, #Right:not(:empty) { padding:0 15px 0 10px; float:right; width:20%; max-width:250px; min-height:1px; }

  #shop { position:relative; padding-top:164px; }
  #Header { background-color:#eeeeee;; }
  #Header.style2, #Header.style1 #header_content { width:100%; max-width:none; }
  #Main { padding-top:0; }
  #Footer.style2, #Footer.style1 #footer_content { width:100%; max-width:none; }

  /* Staffelpreise */
  .pricescale .show_table { display:none; }
  .pricescale .pricescale_visible:hover ~ .pricescale_table, .pricescale_table:hover { display:block; }
  .pricescale .pricescale_table { position:absolute; overflow:visible; z-index:100; top:5px; right:50%; transform:translateX(50%); -ms-transform:translateX(50%); white-space:nowrap; zoom:1.01; }
  .pricescale .pricescale_table::before, .pricescale .pricescale_table::after { display:block; }

  /** Navigation-Grid **/
  .desktop_nav { display:block; }

  /** Filter **/
  #Middle .filterclassdata { display:flex; align-items:stretch; flex-wrap:wrap; margin-right:-15px; }
  #Middle .filtergroup { width:33.33%; padding-right:15px; }

  /** Markenauswahl **/
  #markenauswahl { max-width:250px; }
  #breadcrumb > div { padding-left:15px; }
  #markenauswahl + #breadcrumb > div { padding-left:5px; }

  /** Head-Bereich **/
  #header_content { height:120px; }
  #mobile_logo, #mobileNavigationBox, .mobile-menu-caption, #close_menu, #close_filter { display:none; }

  /* User-Menue */
  .header_options .option { height:30px; }

  /* mobiles Menue */
  #mobileSearchNavigation { height:0; }
  #mobileNavigation.slideleft { display:none; }

  .slideleft { position:static; width:auto; height:auto; box-shadow:none; border:none; z-index:initial; }

  /* Hochscroll-Button auf Desktops */
  #toTopButton { display:none; }

  /* Produktvergleichs-Button auf Desktops */
  .compare-button { bottom:5px; }

  /* Trusted Shops Badge auf Desktops */
  .compare-button:not(.hide) ~ div[id^="tsbadge"] { bottom:70px !important; }

  /** spezielle Elemente **/
  #Main.row_3 .catalog.grid.cart article .desc-left { width:40%; }
  #Main.row_2 .catalog.grid.cart article .desc-left { width:55%; }
  #Main.row_1 .catalog.grid.cart article .desc-left { width:60%; }
  #Main.row_3 .catalog.grid.cart article .desc-right { width:60%; }
  #Main.row_2 .catalog.grid.cart article .desc-right { width:45%; }
  #Main.row_1 .catalog.grid.cart article .desc-right { width:40%; }

  #Main.row_1 .product .picture { width:60%; }
  #Main.row_1 .product .details { width:40%; }
  #Main.row_2 .product .picture { width:50%; }
  #Main.row_2 .product .details { width:50%; }
  #Main.row_3 .product .picture { width:50%; }
  #Main.row_3 .product .details { width:50%; }
}


/**************************************************************************************************************************/
/* ************************ min 1200px *********************************************************************************** */
/**************************************************************************************************************************/

@media (min-width:1200px){
  #Main.row_1 .product .picture { width:70%; }
  #Main.row_1 .product .details { width:30%; }
  #Main.row_2 .product .picture { width:60%; }
  #Main.row_2 .product .details { width:40%; }
  #Main.row_3 .product .picture { width:50%; }
  #Main.row_3 .product .details { width:50%; }
}

/**/
@media (pointer:coarse){

}

/* -----------------------------------------------------------------------------
   Erweiterungen durch Plugins
  --------------------------------------------------------------------------- */



/* -----------------------------------------------------------------------------
   Korrektur der Formularelemente fuer iOS-Geraete
  --------------------------------------------------------------------------- */
@supports (-webkit-overflow-scrolling: touch) {
  select, textarea, input, /*label,*/ .button_default, .button_high { font-size: 16px; }
  .input-field > label { top: 16px; }
  input[type="radio"] { border-radius:1em; }
  input:checked{ background-color:#343434; }
  .button_high.big { padding:0.8em 1em; }
}

/* -----------------------------------------------------------------------------
   Druckersupport
  --------------------------------------------------------------------------- */
@media print {
  /*** Allgemeines ***/
  .no-print { display:none !important; }
  #Main { border:none; }
  .caption-box { border:none; padding:0; }
  #shop { padding:0 !important; }
  .button_high, .button_put2cart { color:#000000; border:1px solid; border-color: #999999 #999999 #777777 #777777; }

  /* JS Plugins */
  div[id^="tsbadge"] { visibility:hidden; }
}

/* -----------------------------------------------------------------------------
   Eigene Definitionen Teil 2
   -------------------------------------------------------------------------- */


#errorDummyForUserInput { display:none; }