:root { 
        --main-color:#46D1CC;
        --sub-color:#46D1CC;
        --sub-color2:#46D1CC;
        --color-white:#fdfffe;
        --font-color:#000000;
        --font-highlight-color:#000000;
        --navi-color:#fdfffe;
        
        




}
html,body {padding:0;margin:0;}
body {  font-family: 'Roboto', sans-serif;color:var(--font-color);z-index:1;font-size:0.8em;line-height:160%;z-index:0;}
.topleiste {display:block;width:100%;position:fixed;height:150px;left:0px;top:0px;z-index:9999999;background:var(--main-color);}
.logo {width:225px;height:150px;display:block;float:left;margin:0;padding:0;background:url(/img/cssimages/Logo-v2.jpg)no-repeat 0px 10px;background-size:250px auto;}
.topleiste .lang {position:fixed;top:23px;right:30px;display:block;line-height:11px;text-align:right;display:none;}
.topleiste .lang a {color:var(--font-color);text-decoration:none;letter-spacing:1px; }
.breadcrumb a {color:var(--font-color);text-decoration:none;letter-spacing:1px; }
.mainmenu {display:block;margin:0 0 0 260px;font-size:20px;padding-top:52px;}
.mainmenu a.off {text-decoration:none;padding:35px 40px 0 26px;height:69px;color:var(--font-color);font-weight:100;display:block;float:left;letter-spacing:1px; background:url(/img/cssimages/koehrer-logo-left.png)no-repeat left 42px;background-size:auto 20px;}
.mainmenu a {text-decoration:none;padding:38px 40px 0 10px;height:32px;color:var(--navi-color);font-weight:400;display:block;float:left;letter-spacing:1px; }
#searchwrap {position:absolute;top:88px;right:50px;width:190px;}
#searchwrap #searchterm {border:1px solid var(--navi-color);width:153px;display:block;height:20px;background:var(--navi-color);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#searchwrap #searchgo {display:block;position:absolute;top:0px;right:0px;width:25px;height:24px;background:url(/img/cssimages/suche.png) no-repeat right 3px;background-size:18px 18px;cursor:pointer;}
.content {display:block;margin:0;padding:170px 30px 30px 30px;min-height: calc(100vh - 375px);}
.footer {display:block;clear:both;width:100%;background:var(--main-color);padding-top:30px;}
.footer .contact {display:block;text-align:center;font-size:14px;color:var(--color-white);}
.footer .contact a {text-decoration:none;color:var(--color-white);}

.footer .credits {display:block;text-align:right;font-size:10px;}
.footer .credits a{color:#f3f3f3;text-decoration:none;padding-right:10px;}

.fullmenu {display:none;position:absolute;top:150px;left:0px;right:0px;background:url(/img/cssimages/white90.png)repeat left top;text-align:center;font-size:20px;padding:50px 0 50px 0;box-shadow: 10px 10px 10px #eeeeee;z-index:999999;}
.fullmenu ul {list-style-type:none;margin:0;padding:0px;}
.fullmenu li {margin:0;padding:0;}
.fullmenu li.withSubCat {margin-top:10px;}
.fullmenu li a {padding:0 0 20px 0;text-decoration:none;color:var(--font-color);}
.fullmenu li ul.subcat a {font-size:16px;font-style:italic;line-height:32px;}
.fullmenu li ul.subcat {margin-bottom:10px;display:none;}
.fullmenu li span {display:block;margin:20px 0 0 0;color:var(--main-color);font-weight:600;letter-spacing:3px;font-size:28px;}
.fullmenu li span.subkatopener {display:inline-block;cursor:pointer;background:url(/img/cssimages/v-30-blau.png) no-repeat center 5px;background-size:20px 20px;width:40px;height:20px;margin-left:5px;}
.fullmenu li.ShowSubkat span.subkatopener {background:url(/img/cssimages/v-30-reverse-blau.png) no-repeat center center;background-size:20px 20px;}
.fullmenu li.ShowSubkat ul.subcat {display:block;margin-top:20px;}
#fullmenuclose {display:block;z-index:1000000;display:block;position:absolute;top:30px;right:30px;width:30px;height:30px;background:url(/img/cssimages/x-30-blau.png) no-repeat left top;cursor:pointer;}

.fullmenuinfo {display:none;position:absolute;top:150px;left:0px;right:0px;background:url(/img/cssimages/white90.png)repeat left top;text-align:center;font-size:20px;line-height:60px;padding:50px 0 50px 0;box-shadow: 10px 10px 10px #eeeeee;z-index:999999;}
.fullmenuinfo ul {list-style-type:none;margin:0;padding:0px;}
.fullmenuinfo li {margin:0;padding:0;}
.fullmenuinfo li.withSubCat {margin-top:10px;}
.fullmenuinfo li a {padding:0 0 20px 0;text-decoration:none;color:var(--font-color);}
.fullmenuinfo li ul.subcat a {font-size:16px;font-style:italic;line-height:32px;}
.fullmenuinfo li ul.subcat {margin-bottom:10px;display:none;}
.fullmenuinfo span {display:block;margin:10px 0 20px 0;color:var(--main-color);font-weight:600;letter-spacing:3px;font-size:28px;}
.fullmenuinfo li span {display:block;margin:10px 0 20px 0;color:var(--main-color);font-weight:600;letter-spacing:3px;font-size:28px;}
.fullmenuinfo li span.subkatopener {display:inline-block;cursor:pointer;background:url(/img/cssimages/v-30-blau.png) no-repeat center 5px;background-size:20px 20px;width:20px;height:20px;margin-left:5px;}
.fullmenuinfo li.ShowSubkat span.subkatopener {background:url(/img/cssimages/v-30-reverse-blau.png) no-repeat center center;background-size:20px 20px;}
.fullmenuinfo li.ShowSubkat ul.subcat {display:block;}
#fullmenuinfoclose {display:block;z-index:1000000;display:block;position:absolute;top:30px;right:30px;width:30px;height:30px;background:url(/img/cssimages/x-30-blau.png) no-repeat left top;cursor:pointer;}

#overlaytoall {display:block;position:absolute;top:150px;left:0px;bottom:0px;width:100%;margin-left:-100%;background: url(/img/cssimages/white90.png)repeat left top;z-index:2000000;
-webkit-transition: margin-left 1s; 
  -moz-transition:  margin-left 1s; 
  -ms-transition: margin-left 1s;  
  -o-transition: margin-left 1s; 
  transition:  margin-left 1s; 
}
#overlaytoallinner {display:block;margin:0 auto;max-width:1200px;text-align:center;padding-top:100px;}
#overlaytoallinner img.fullsize{width:60%;height:auto;}
#overlaytoall.show {margin-left:0;}
#overlaytoallclose {display:block;position:absolute;top:10px;right:10px;width:20px;height:20px;z-index:2200000;background: url(/img/cssimages/x-30-blau.png)no-repeat left top;background-size:20px 20px;cursor:pointer;}

#toolsdiv  {display:none;position:absolute;top:150px;left:0px;right:0px;background:url(/img/cssimages/white90.png)repeat left top;text-align:center;font-size:20px;line-height:40px;padding:70px 0 50px 0;box-shadow: 10px 10px 10px #eeeeee;z-index:999999;}
#toolsdiv span {font-size:28px;margin-bottom:40px;font-weight:600;display:inline-block;}
#toolsdiv a {padding:0 0 20px 0;text-decoration:none;color:var(--font-color);}

#toolsclose {display:block;z-index:1000000;display:block;position:absolute;top:30px;right:30px;width:30px;height:30px;background:url(/img/cssimages/x-30-blau.png) no-repeat left top;cursor:pointer;}

.contentitself {max-width:1600px;margin:0 auto;display:block;padding:30px 0 0 0;z-index:1;}
.contentitself a {text-decoration:none;color:var(--sub-color2);}
.itemwrapper {display:flex;flex-wrap:wrap;gap:20px;justify-content:center;}
.itemwrapper .item {flex:1 1 calc(25% - 50px);display:flex;flex-direction:column;max-width:calc(25% - 50px);min-width:320px;margin-bottom:50px;position:relative;}
.contentitself .itemoff {width:24%;display:inline-block;margin:0 0.5% 30px 0.5%;position:relative;}
.contentitself .item .itemimage {width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.contentitself .item .itemimage a {width:100%;height:100%;align-items:center;justify-content:center;display:flex;}
.contentitself .item .itemimage img {width:100%;height:100%; object-fit:contain;}
.contentitself .item .itemimage .promotion {position:absolute;top:0px;left:0px;right:50px;bottom:0px;background:url(/img/cssimages/sonderaktion.png)no-repeat right top;background-size:auto 12%;}
.contentitself .item .itemimage .promotion.typ2 {position:absolute;top:0px;left:0px;right:50px;bottom:0px;background:url(/img/cssimages/promotion.png)no-repeat right top;background-size:auto 12%;}
.contentitself .item .itemimage .promotion.typ3 {position:absolute;top:0px;left:0px;right:50px;bottom:0px;background:url(/img/cssimages/Aktion.png)no-repeat right top;background-size:auto 12%;}
.contentitself .item .itemimage .promotion.typ4 {position:absolute;top:0px;left:0px;right:50px;bottom:0px;background:url(/img/cssimages/gewinnspiel.png)no-repeat right top;background-size:auto 12%;}
.contentitself .item .itemimage .promotion.typ5 {position:absolute;top:0px;left:0px;right:50px;bottom:0px;background:url(/img/cssimages/abverkauf.png)no-repeat right top;background-size:auto 12%;}

.Langen .contentitself .item .itemimage .promotion.typ3 {position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:url(/img/cssimages/CAMPAIGN.png)no-repeat right top;background-size:auto 12%;}
.Langen .contentitself .item .itemimage .promotion.typ4 {position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:url(/img/cssimages/COMPETITION.png)no-repeat right top;background-size:auto 12%;}
.Langen .contentitself .item .itemimage .promotion.typ5 {position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:url(/img/cssimages/SALES.png)no-repeat right top;background-size:auto 12%;}

.contentitself .item .itemname {text-align:center;font-size:15px;font-weight:400;}
.contentitself .item .itemname a {color:var(--font-color);text-decoration:none;}

.itemcount {position:absolute;top:0px;right:0px;width:35px;height:35px;border-radius: 50%;display: flex; align-items: center;justify-content: center;border:1px solid var(--main-color);background:rgba(255,255,255,0.9);}
.itemcount span {display:none;}



.contentitself .itemdetail {max-width:1200px;margin:0px auto 0 auto;}
.contentitself .itemdetail .itemleft {width:40%;float:left;display:block;}
.contentitself .itemdetail .itemleft h1 {font-size:27px;font-weight:400;line-height:35px;}
.contentitself .itemdetail .itemleft h2 {font-size:20px;font-weight:400;}
.contentitself .itemdetail .itemleft .price {width:90%;max-width:300px;display:block;z-index:1;padding:8px 20px;font-size:14px;font-weight:600;position:relative;cursor:pointer; margin:30px 0;border:1px solid var(--sub-color2);color:var(--sub-color2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.contentitself .itemdetail .itemleft .price .addimage {position:absolute;top:5px;right:15px;display:block;width:40px;height:27px;background:url(/img/cssimages/info-blue.png) no-repeat center center;background-size:20px 20px;
-webkit-transition: background 1s,background-size 1s; 
  -moz-transition:  background 1s,background-size 1s; 
  -ms-transition: background 1s,background-size 1s;  
  -o-transition: background 1s,background-size 1s; 
  transition:  background 1s,background-size 1s; 
}
.contentitself .itemdetail .itemleft .price:hover .addimage {background:url(/img/cssimages/info-blue.png) no-repeat center center;background-size:27px 27px;}


.contentitself .itemdetail .itemright {width:60%;display:block;margin:0 0 0 40%;}
.contentitself .itemdetail .itemright .imagebox {width:80%;display:block;position:relative;margin:0 10% 0 10%;}
.contentitself .itemdetail .itemright .imagebox img{width:100%;height:auto;}
.contentitself .itemdetail .itembottom {clear:both;margin:30px 0 0 0;}
.contentitself .itemdetail .itemright .imagebox #galleria {height:500px;}
.contentitself .itemdetail .itemright .imagebox #galleria .galleria-stage .galleria-image{cursor:zoom-in;}
.contentitself .itemdetail .itemright .imagebox #galleria .galleria-thumbnails-list{text-align:center;}
.contentitself .itemdetail .itemright .imagebox #galleria .galleria-thumbnails{display: inline-block;padding:1px;}
.contentitself .itemdetail .itemleft a {text-decoration:none;color:var(--font-color);}
.contentitself .itemdetail .itemright .imagebox #galleria .galleria-theme-classic .galleria-thumbnails .galleria-image {border:1px solid var(--sub-color2);background:#ffffff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.contentitself .itemdetail .promotiondescription {margin:30px 0;padding:120px 0 0 0;background:url(/img/cssimages/sonderaktion.png)no-repeat left 30px;background-size:auto 70px;border-top:1px solid var(--sub-color2);}
.contentitself .itemdetail .promotiondescription.typ2 {padding:120px 0 0 0;background:url(/img/cssimages/promotion.png)no-repeat left 30px;background-size:auto 70px;}
.contentitself .itemdetail .promotiondescription.typ3 {padding:120px 0 0 0;background:url(/img/cssimages/Aktion.png)no-repeat left 30px;background-size:auto 70px;}
.contentitself .itemdetail .promotiondescription.typ4 {padding:120px 0 0 0;background:url(/img/cssimages/gewinnspiel.png)no-repeat left 30px;background-size:auto 70px;}
.contentitself .itemdetail .promotiondescription.typ5 {padding:120px 0 0 0;background:url(/img/cssimages/abverkauf.png)no-repeat left 30px;background-size:auto 70px;}

.Langen .contentitself .itemdetail .promotiondescription.typ3 {padding:120px 0 0 0;background:url(/img/cssimages/CAMPAIGN.png)no-repeat left 30px;background-size:auto 70px;}
.Langen .contentitself .itemdetail .promotiondescription.typ4 {padding:120px 0 0 0;background:url(/img/cssimages/COMPETITION.png)no-repeat left 30px;background-size:auto 70px;}
.Langen .contentitself .itemdetail .promotiondescription.typ5 {padding:120px 0 0 0;background:url(/img/cssimages/SALES.png)no-repeat left 30px;background-size:auto 70px;}

.contentitself .itemdetail .promotiondescription .incentivebox {margin:0px 0 20px 20px;width:200px;float:right;padding:0 0 0 20px;border-left:1px dotted var(--sub-color2);}
.contentitself .itemdetail .promotiondescription .incentive {margin:5px;width:200px;}
.contentitself .itemdetail .promotiondescription .incentive img {width:100%;height:auto;}

.contentitself .itemdetail a .documentlink {border:1px solid var(--sub-color2);padding:8px 100px 8px 20px;color:var(--sub-color2); text-decoration:none; position:relative;display:inline-block;margin-bottom:20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.contentitself .itemdetail a .documentlink .separator{display:none;}
.contentitself .itemdetail a .documentlink .filetype {position:absolute;top:5px;right:5px;width:30px;height:24px;padding-top:2px;background:var(--main-color);color:var(--color-white);font-weight:600;text-align:center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.cmspage {max-width:1000px;margin:0 auto;}

.imagebox.home #galleria{height:auto;margin:-10px 0px 60px 0px;width:100%;overflow:hidden;aspect-ratio: 3 / 1;}
.imagebox.home .galleria-theme-classic .galleria-stage{bottom:0px;}
.imagebox.home .galleria-theme-classic .galleria-thumbnails {margin-left:41%;}
.imagebox.home .galleria-theme-classic .galleria-thumbnails .galleria-image{width:14px !important;height:14px !important;overflow:hidden;background:transparent;
}

.imagebox.home .galleria-theme-classic .galleria-thumbnails img{width:0px !important;height:0px !important;border:7px solid #ffffff;}

#contactContactForm {display:block;max-width:600px;margin:0 auto;}
#contactContactForm .input label {display:inline-block;width:200px;}
#contactContactForm .input input {display:inline-block;width:200px;margin-bottom:5px;}
#contactContactForm .input.textarea {margin-bottom:25px;}
#contactContactForm .submit  {text-align:right;}
#contactContactForm .submit.left  {text-align:left;}
#contactContactForm .submit input {background:#ffffff;border: 1px solid var(--sub-color2); padding:8px; cursor:pointer;color:var(--sub-color2);font-weight:600;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#contactContactForm span {color:var(--sub-color2);}
.errormessage {font-size:14px;color:var(--sub-color2);font-weight:600;margin:20px 0;padding:30px; border: 1px solid var(--sub-color2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.center {text-align:center;}
.center h1 {text-align:center;}
.center.katview {position:relative;}
.center.katview h1 {text-align:left;margin:15px 0 10px 0;padding:10px 0 20px 0;}

#sortcriteriaViewForm div.submit {display:inline-block;}
.FilterInner{max-height:0px;background:url(/img/cssimages/white90.png)repeat left top; display:block;position:absolute;top:170px;left:0px;right:0px;overflow:hidden; z-index:1000;text-align:left;
-webkit-transition: max-height 1s; 
  -moz-transition:  max-height 1s; 
  -ms-transition: max-height 1s;  
  -o-transition: max-height 1s; 
  transition:  max-height 1s; 
  
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

box-shadow: 10px 10px 10px #eeeeee;
}
.FilterInner h2 {clear:both;margin:0;padding:10px 0 5px 0;font-size:20px;font-weight:400;color:var(--sub-color2);}
.FilterInnerClose {display:block;z-index:1000000;display:block;position:absolute;top:30px;right:30px;width:30px;height:30px;background:url(/img/cssimages/x-30-blau.png) no-repeat left top;cursor:pointer;}
#filterViewForm, .FilterInner.onmain form{width:90%;margin:50px auto 100px auto;}
.FilterInner.open{max-height:2500px;

}
.FilterInner .filterblock {display:block;padding:5px 15px 5px 15px;clear:both; 
-webkit-transition: max-height 1s, background 1s; 
  -moz-transition:  max-height 1s, background 1s; 
  -ms-transition: max-height 1s, background 1s;  
  -o-transition: max-height 1s, background 1s; 
  transition:  max-height 1s, background 1s; 
}
.filterblock .filteritem {width:260px;padding:0 0 2px 5px;float:left;text-align:left;}
.FilterInner #sortby {margin-bottom:10px;}
.FilterInner #sortbyfieldset {border:none;padding:0 0 0 18px;}
.FilterInner #sortbyfieldset .elem {display:inline-block;width:265px;text-align:left;}
.FilterInner .submit {text-align:right;}
.FilterInner .submit input {background:#ffffff;border: 1px solid var(--sub-color2); padding:8px; cursor:pointer;color:var(--sub-color2);font-weight:600;letter-spacing:1px; margin-top:20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.center.katview .Filter {position:absolute;top:0px;right:0px;width:140px;text-align:right;border: 1px solid var(--sub-color2);padding:7px 10px 7px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.center.katview .Filter h1 {width:100%;padding:0;margin:0;color:var(--sub-color2);text-align:left;}
.Filter h1 {cursor:pointer;background:url(/img/cssimages/filter.png)no-repeat right 2px;background-size:16px 16px;width:110px;margin:0px auto 20px auto;padding:0px;font-weight:600;font-size:14px;}

.filterblock.kategorien {display: flex; flex-wrap: wrap; gap: 10px; }
.filterblock.kategorien .filtermaincatwrapper {display: flex;flex-direction: column; flex: 1 1 calc(25% - 30px); min-width: 450px;  padding: 10px 0;}
.filterblock.kategorien .filtermaincatwrapper:last-child .filteritem { border-bottom: none; }
.filterblock.kategorien .filteritem {padding: 5px;float:none;width:100%;}
.filterblock.kategorien .filteritem label span {font-weight:600;margin-left:5px;}



.Newsletteranmeldung {text-align:center;}
.Newsletteranmeldung #NewsletterIndexForm{display:block;width:450px;margin:0 auto;}
.Newsletteranmeldung #NewsletterIndexForm .input label{display:inline-block;width:120px;margin:5px;text-align:left;}
.Newsletteranmeldung #NewsletterIndexForm .input input{display:inline-block;width:290px;margin:5px;text-align:left;}
.Newsletteranmeldung #NewsletterIndexForm .submit input {background:#ffffff;border: 1px solid var(--sub-color2); padding:8px; cursor:pointer;color:var(--sub-color2);font-weight:600; margin:30px 5px 0 5px;width:425px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.Newsletteranmeldung #NewsletterUnsubscribeForm {display:block;width:450px;margin:0 auto;}
.Newsletteranmeldung #NewsletterUnsubscribeForm .input label{display:inline-block;width:120px;margin:5px;text-align:left;}
.Newsletteranmeldung #NewsletterUnsubscribeForm .input input{display:inline-block;width:290px;margin:5px;text-align:left;}
.Newsletteranmeldung #NewsletterUnsubscribeForm .submit input {background:#ffffff;border: 1px solid var(--sub-color2); padding:8px; cursor:pointer;color:var(--sub-color2);font-weight:600; margin:30px 5px 0 5px;width:425px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.nothingfound {font-size:140%;text-align:center;}

.Newsletter a {color:var(--font-color);}
.Newsletter h1 {font-size:1.6em;}

#toolbar { position:absolute;top:220px;left:18px;display:block;padding:0px;color:var(--font-color);background-color:#ffffff;display:none;}

#toolbar a {color:var(--font-color);text-decoration:none;padding:5px;margin:15px 0 15px 15px;line-height:15px;font-size:13px;}
.toolbarlink {margin-bottom:10px;}
#toolsdiv #toolsinner .toolbarlink {margin-bottom:15px;}

.contentitself #aktionenwrap .item {vertical-align:top;min-width:288px;max-width:450px;}
.contentitself #aktionenwrap .item .itemname {min-height:40px;margin-bottom:10px;font-size:15px;}
.contentitself #aktionenwrap .item .itemdescriptions {padding:0 10px 0 10px;text-align:center;}
.contentitself #aktionenwrap .item .itemdescriptions a{text-decoration:none;color:var(--sub-color2);}
.contentitself #aktionenwrap .item .productlink {padding:10px 10px 0 10px;text-align:center;}
.contentitself #aktionenwrap .item .productlink a{text-decoration:none;color:var(--sub-color2);}





.contentitself #aktionenwrap .itemimage {margin:40px 0 20px 0;}
.contentitself #aktionenwrap .item .itemname {text-align:left;}
.contentitself #aktionenwrap .item .itemdescriptions {text-align:left;padding:10px 10px 0 0px;}
.contentitself #aktionenwrap .item .productlink {text-align:left;padding:10px 10px 0 0px;}

.Newsletteranmeldung .innerwrap {display:block;max-width:450px;margin:0 auto;text-align:left;}
.Newsletteranmeldung .innerwrap h1 {margin-left:5px;margin-bottom:25px;}
.Newsletteranmeldung p {margin-left:5px;}




.katalogfilter h2 {color:var(--sub-color2);}
.katalogfilter a {color:var(--font-color);text-decoration:none;margin-right:10px;}
.katalogfilter a input {margin-right:5px;}
#aktionenwrap .kataloge h1 {padding-left:5px;}
.katalogfilter {padding-left:5px;}

.katalogfilter a {width:150px;display:inline-block;}


.sideicons {position:fixed;right:0px;top:50%;bottom:0px;display:flex;flex-direction:column;justify-content:center;align-items:end;z-index:100000;display:none;}
.sideicons .onesideicon {width:0px;height:60px;overflow:hidden;padding:0 0 0 60px;transition: width 0.7s linear;color:var(--font-color);text-decoration:none;font-size:15px;line-height:60px;border:1px solid #464548;margin-top:-1px;}
.sideicons .onesideicon:hover {width:150px;padding:0 10px 0 60px;}
.sideicons .onesideicon.Kalender {background:url("/img/icons/Icon_Kalender.svg") no-repeat 10px 10px;background-size:40px auto;} 
.sideicons .onesideicon.Telefon {background:url("/img/icons/Icon_Telefon.svg") no-repeat 10px 10px;background-size:40px auto;} 



.marquee {
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.marquee span {
    display: inline-block;
    padding-left: 100%;  /* show the marquee just outside the paragraph */
    animation: marquee 15s linear infinite;
}
 
 
@-webkit-keyframes marquee {
 0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
 
@keyframes marquee {
 0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}






@media all and (max-width: 1600px) {
  .FilterInner.open{max-height:2200px;}
}
@media all and (max-width: 1200px) {
  .FilterInner.open{max-height:2500px;}
}
@media all and (max-width: 1000px) {
  .FilterInner.open{max-height:3200px;}
}
@media all and (max-width: 800px) {
  .FilterInner.open{max-height:8000px;}
}


















@media all and (max-width: 1600px) {
  #toolbar { position:relative;top:0px;left:0px;display:block;padding:30px 0 0 0;color:var(--font-color);background-color:#ffffff;border-top:1px solid #464548;display:none;}
  
}

@media all and (max-width: 1100px) {
    #searchwrap {top:30px;}   
  
}
@media all and (max-width: 855px) {
    #homelink {position:absolute;top:0px;left:0px;}
    .logo {background-size:150px auto;width:150px;height:75px;float:none;} 
    .mainmenu {margin:10px 0 0 30px;}
  
}
@media all and (min-width: 769px) {
    #mobilemenu {display:none;}
}
@media all and (max-width: 768px) {
    .mainmenu {display:none;}
    .logo {width:80px;height:70px;background:url(/img/cssimages/Logo-v2.jpg)no-repeat -30px -5px;background-size:150px auto;}
    #searchwrap {position: absolute;top: 23px;left: 50%;transform: translateX(-40%);}
    .topleiste {height:70px;}
    .content {padding:100px 20px 20px 20px;min-height: calc(100vh - 290px);}
    #mobilemenuopener { position: absolute; top: 20px; right: 20px; width: 40px; height: 30px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } 
    #mobilemenuopener span { display: block; height: 4px; width: 100%; background-color: var(--color-white); border-radius: 2px; transition: transform 0.3s ease, opacity 0.3s ease; } 
    #mobilemenuopener.opened span:nth-child(1) { transform: translateY(13px) rotate(45deg); } 
    #mobilemenuopener.opened span:nth-child(2) { opacity: 0; } 
    #mobilemenuopener.opened span:nth-child(3) { transform: translateY(-13px) rotate(-45deg); }
    
    #mobilemenu { position: fixed; top: 70px; left: 0; width: 100%; height: calc(100vh - 70px); overflow-y: auto; background:var(--sub-color2);z-index:1999;display:none;}
    #mobilemenu {color:var(--color-white);}
    #mobilemenu span {color:var(--font-color);display:block;text-align:center;font-size:20px;font-weight:600;margin:20px 0 30px 0;}
    #mobilemenu a{color:var(--color-white);text-decoration:none;font-size:20px;text-align:center;padding:15px 40px;display:block;border-bottom:1px dotted rgba(255,255,255,0.0);}
    #mobilemenu ul {margin:0;padding:0;list-style-type:none;}
    #mobilemenu ul.subcat a {font-style:italic;font-size:15px;}
    
    #mobilemenu li span.subkatopener {display:inline-block;cursor:pointer;background:url(/img/cssimages/v-30-blau.png) no-repeat center 5px;background-size:20px 20px;width:40px;height:20px;margin-left:5px;}
    #mobilemenu li.ShowSubkat span.subkatopener {background:url(/img/cssimages/v-30-reverse-blau.png) no-repeat center center;background-size:20px 20px;}
    #mobilemenu li ul.subcat {max-height:0;overflow:hidden;transition:margin-bottom 0.5s ease-out, max-height 0.5s ease-out;margin-bottom:0;}
    #mobilemenu li.ShowSubkat ul.subcat {max-height:2000px;margin-bottom:30px;}
    
    #mobilemenu .hasSubCat {position:relative;}
    #mobilemenu .hasSubCat .subkatopener {display:block;background-position:14px 18px;margin:0;padding:0;position:absolute;top:0px;right:0px;width:50px;height:50px;border:1px dotted rgba(255,255,255,0.2);}
    
    .FilterInner {top:70px;}
        
    .center.katview .Filter {top:-40px;}
    .contentitself .itemdetail {display:flex;flex-direction:column;}
    .contentitself .itemdetail .itemleft {width:100%;float:none;order:2;}
    .contentitself .itemdetail .itemright {width:100%;margin:0;order:1;}
    .contentitself .itemdetail .itemrdescription {width:100%;margin:0;order:3;}
    .contentitself .itemdetail > *:not(.itemright):not(.itemleft):not(.itemdescription) {order: 4;}
    .contentitself .itemdetail .promotiondescription {display:flex;flex-direction:column;}
    .contentitself .itemdetail .promotiondescription > *:not(.incentivebox) {width:100%;float:none;order:1;}
    .contentitself .itemdetail .promotiondescription .incentivebox {width:100%;float:none;order:2;text-align:center;padding:0;border-left:none;margin:20px 0;}
    .contentitself .itemdetail .promotiondescription .incentive {width:calc(100% - 40px);margin:0 20px;}
    
    .filterblock.kategorien {transform: translateX(-30px);}
    .filterblock.kategorien .filtermaincatwrapper {min-width:100%;}
    #contactContactForm .input label {width:95%;}
    #contactContactForm .input input {width:95%;}
    #contactContactForm .input textarea {width:95%;}
    
    .itemwrapper .item {min-width:100%;}
    .footer .credits {text-align:center;padding-top:20px;}
    .imagebox.home.scaled {
        height: 200%;
        transform: scale(2);
        transform-origin: center center;
        margin:25% 0 25% 0;
    }
    #overlaytoall {top:70px;}    
}

@media all and (max-width: 370px) {
    #searchwrap {width:140px;}
    #searchwrap #searchterm {width:100px;}
}



@media print {
}





/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/roboto-v47-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('/fonts/roboto-v47-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/roboto-v47-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 200;
  src: url('/fonts/roboto-v47-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/roboto-v47-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/roboto-v47-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/roboto-v47-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/roboto-v47-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/roboto-v47-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/roboto-v47-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/roboto-v47-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-v47-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/roboto-v47-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/roboto-v47-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 800;
  src: url('/fonts/roboto-v47-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/roboto-v47-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('/fonts/roboto-v47-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}