/* GLOBAL DIMENSIONS */
:root{--cbasic:#8ca327;--cactive:#6c8307;--clight:#acc347;--cdark:#3c5307;--cgreen:#8ca327;--cred:#990000;--cblue:#239ddb;--corange:#ffbb00;--cgrey:#3f3f3f}
:root .red{--cbasic:#990000;--cactive:#7f0000;--clight:#bf0000;--cdark:#5f0000}
:root .blue{--cbasic:#239ddb;--cactive:#037dbb;--clight:#43bdfb;--cdark:#035d9b}
:root .orange{--cbasic:#ffbb00;--cactive:#df9b00;--clight:#ffdb20;--cdark:#af6b00}
:root .grey{--cbasic:#3f3f3f;--cactive:#1f1f1f;--clight:#5f5f5f;--cdark:0f0f0f}

html,body{margin:0;padding:0;width:100%;height:100%}
#page{width:100%}

#interBox,#textBox,#supportBox,#footerBox,#creditsBox{width:80%}
#interBox{padding:0 10%}
#textBox,#supportBox,#footerBox,#creditsBox{margin:0 10%}
#logo{margin-left:10%;width:20%}
#navi{margin-right:10%;width:60%}
#navi ul.subLevel,#navi .searchContent,.sliderLink,ul.slick-dots{right:10%}

#supportBox,#footerBox,#creditsBox{margin-top:40px;padding-top:40px;border-top-width:1px}

#mediaBox,#mediaBox button.slick-arrow,#mediaBox iframe,.sliderText,.sliderNewsItem > div,#mediaBox .slick-slide{height:25vw}


/* OUTER BOX DIMENSIONS */
#contentBox,#footerBox,#supportBox,#creditsBox{position:relative}

#headerBox{position:fixed;z-index:9997;top:0;left:0;width:100%;height:100px;background-color:#fff}
#logo{text-align:left}
#logo a{display:inline-block;width:80%}
#pageTitle{visibility:hidden}

#interBox,#mediaBox{margin-top:100px}
#interBox{height:80px;background-color:var(--cbasic)}
#mediaBox{width:100%;overflow:hidden}
#mediaBox iframe{width:100%}
#textBox{margin-top:40px}
#textBox > div{margin-bottom:2%}
#textBox > div:last-child{margin-bottom:0}
#textBox > .authorBox{margin:0;width:100%}

#left,#right{width:50%}
#creditsBox{padding:20px 0 60px}
#credits{width:20%}
#pagenav{width:80%;text-align:right}

.standpage #mediaBox{margin-top:0;background-color:#3f3f3f}
.standpage #mediaBox > form{padding:3% 0}
.standpage #textBox{background-color:#fff}


/* FRAME VARS */
.rulerBefore,.fruler-before{margin-top:25px;padding-top:25px;border-top-width:1px}
.rulerAfter,.frame-ruler-after{margin-bottom:25px;padding-bottom:25px;border-bottom-width:1px}

.frame-100,.frame-101,.frame-102{padding:25px}
.frame-100{border-width:1px}
.frame-101{border-width:5px}

.noLineSpacing p{margin:0;padding:0}

.header-right{text-align:right}
.header-center{text-align:center}


/* CE DEFINITIONS */
/* globals */
.textPic.right .galWrap,.textPic.left .galWrap{margin-top:10px;width:30%}
.textPic.right .txtWrap,.textPic.left .txtWrap{width:67%}
.galWrap[data-ce-columns="2"] .imgCol{width:50%}
#right div[data-ce-images="2"] .imgCol{margin-right:3%}
.txtWrap .expdText{color:var(--cactive)}
.txtWrap .expdText:hover{color:#000}
.galWrap .innerBox{position:relative}

.imgCol a{display:block;position:relative}
.imgCol .imgCap{margin-top:5px;font-size:12px;color:#8f8f8f}

.textPic.right .imgCol{text-align:right}

/* tiles / kacheln */
.tileDesign #textBox > div{margin-bottom:30px;width:48%;border-width:1px;border-color:#8f8f8f}
.tileDesign #textBox > div h2{margin:0 20px;padding:3% 0;text-align:center;font-size:20px;text-transform:uppercase;color:var(--cbasic);border-bottom-width:1px}
.tileDesign #textBox > div h2 + *{margin:20px}
.tileDesign #textBox > div .textPic.left .galWrap{margin-top:0}
.tileDesign #textBox .imgCap,.gal.tiles .picBox:first-child .imgCap{display:block;position:absolute;bottom:0;left:0;margin:0;padding:1.5% 0;width:100%;text-align:center;line-height:150%;font-size:14px;color:rgba(255,255,255,.6);background-color:rgba(0,0,0,.8);white-space:normal}
.tileDesign #footerBox{margin-top:20px}

/* gallery tiles */
.gal.tiles .galWrap{margin-top:2%}
.gal.tiles .textPic{margin-bottom:0!important}
.gal.tiles .textPic .innerBox{height:100%;overflow:hidden}
.gal.tiles .picBox{display:inline-block;margin:0 0 1vw 1vw;width:9vw;max-height:6vw;overflow:hidden;vertical-align:top;cursor:pointer}
.gal.tiles .col-2 .picBox{width:38%;max-height:300px}
.gal.tiles .col-3 .picBox{width:14.5vw;max-height:9vw}
.gal.tiles .picBox img{-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.6;-ms-opacity:.6;opacity:.6}
.gal.tiles .picBox img:hover,.gal.tiles .picBox:first-child img{-moz-opacity:1;-webkit-opacity:1;-o-opacity:1;-ms-opacity:1;opacity:1}
.gal.tiles .picBox .imgCap,.gal.tiles .picBox .image-caption{display:none}
.gal.tiles .picBox:first-child{float:left;position:relative;margin:0;width:60%;max-height:100%;height:100%}
.gal.tiles .picBox:first-child a{display:block;max-height:100%;height:100%}
.gal.tiles .picBox:first-child .imgCap,.gal.tiles .picBox:first-child .image-caption{display:block}

/* download */
.download .galWrap{width:30%}
.download .txtWrap{width:67%}
.download h2{margin-bottom:15px!important}
.download h2,.download h2 + *{margin-left:0!important;text-align:left!important}
.download .imgCol{position:relative}


/* TO TOP */
#toTopBox{position:fixed;z-index:15;left:0;bottom:0;width:100%}
#toTopBox a{display:block;padding:1px 0 3px 0;width:100%;text-align:center;color:#8f8f8f;background-color:rgba(255,255,255,.9)}
#toTopBox a:hover{text-decoration:none;color:#000}
#toTopBox a::before{content:'▲';font-size:25px}


/* LISTS and TABLES */
ul,ul li,ol,ol li{list-style:none;margin:0;padding:0}
.textPic ul li{list-style:inside square}
.rounded .textPic ul li{list-style:inside disc}
.textPic ol li{list-style:inside decimal}

table{width:100%;table-layout:fixed;border-collpase:collapse;border-spacing:0}
td{padding:0;vertical-align:top}
.contenttable td{padding-bottom:3px}
.contenttable tr:last-child td{padding-bottom:0}


/* FORMS */
fieldset{display:block;margin:0;padding:0;width:100%;border:none}
fieldset > legend:first-child,fieldset .clearfix h2{display:none}
fieldset .form-group{margin-top:10px}
input[type="text"],input[type="password"],select,textarea,input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:focus{border-width:1px}

#anfrage{padding:20px;background-color:#dfdfdf}
#anfrage li{width:33%}

#anfrage .staticText{margin-bottom:15px}

#anfrage fieldset{display:inline-block;margin-right:3%;width:46.8%;vertical-align:top}
#anfrage fieldset#anfrage-fieldset-2{margin:0;padding-left:3%;border-left:1px solid #8f8f8f}

#anfrage fieldset div.formGroup{display:inline-block;width:49.8%;vertical-align:top}
#anfrage fieldset#anfrage-fieldset-2 div.formGroup{display:block;width:100%}
#anfrage fieldset div.formGroup.anfrage-singleselect-1{margin-right:1%;width:48.8%;text-align:right}

#anfrage legend{display:none}
#anfrage label{display:block;margin-bottom:5px;width:100%;font-weight:bold}
#anfrage .form-group label{font-weight:normal}
#anfrage .anfrage-checkbox-1 label{display:inline-block;margin:0;width:auto}

#anfrage input,#anfrage select,#anfrage textarea{margin-bottom:15px;padding:5px 2%;width:92%;border:none}
#anfrage select{width:auto;cursor:pointer}
#anfrage textarea{padding:5px 1%;width:98%!important;height:100px!important}
#anfrage textarea.foc{height:250px!important}
#anfrage span.xxlarge{display:block;width:100%;text-align:center}
#anfrage span.xxlarge::after{content:'[ + ]';display:inline-block;font-size:14px;color:#8f8f8f;cursor:pointer}
#anfrage span.xxlarge:hover::after{color:#000}
#anfrage .foc + span.xxlarge::after{content:'[ - ]';color:#000}

#anfrage .anfrage-checkbox-1{margin-top:15px}
#anfrage fieldset#anfrage-fieldset-1 .form-group .form-check{width:auto}
#anfrage .checkBox{float:left;width:auto}
#anfrage .checkBox.multi{float:none;margin-top:15px;height:35px}
#anfrage .checkBox.multi .checkFields{display:inline-block;margin-right:20px;width:auto;vertical-align:top}
#anfrage .checkBox.multi .checkFields span{display:inline-block;vertical-align:top}
#anfrage .checkBox.multi label{margin:0}
#anfrage .checkBox input{margin:2px 10px 0 0;padding:0;width:auto;cursor:pointer}
#anfrage .checkBox.multi input{margin:2px 5px 0 0}

#anfrage input[type="text"],#anfrage input[type="password"],#anfrage select,#anfrage textarea{background-color:rgba(255,255,255,.8)}
#anfrage input[type="text"]:focus,#anfrage input[type="password"]:focus,#anfrage select:focus,#anfrage textarea:focus{background-color:rgba(255,255,255,1)}

#anfrage .actions,#anfrage li.csc-form-element-submit{margin-top:20px;width:100%;text-align:center}
#anfrage .actions button,#anfrage input[type="submit"]{display:inline-block;padding:10px 15px;width:auto;text-align:center;vertical-align:top;color:#fff;background:none rgba(0,0,0,.5);cursor:pointer}
#anfrage .actions button:hover,#anfrage input[type="submit"]:hover{background-color:rgba(0,0,0,.7)}


/* IMAGES / MEDIA-ELEMENTS */
figure{margin:0!important;width:100%;height:100%}
#mediaBox img,#logo a img,table.exmpl img,.cmenu.menu4 img{width:100%!important;height:auto!important}
#right .topNews .newsPic img{width:90%!important;height:auto!important}
.textPic.left img,.textPic.right img{width:95%!important;height:auto!important}
.gal.tiles .picBox img,.download .imgCol img{width:100%!important;height:auto!important}


/* MENUS */
.menu ul{list-style:none;margin:0;padding:0;text-align:left}
.menu ul li{list-style:none;margin:0;padding:0}
.menu ul li a:hover,.menu li span.noLink:hover,.menu ul li.topAcc.cur > a,.menu ul li.topAcc.cur > span.noLink{text-decoration:none;color:#8f8f8f}
.menu ul li.act a,.menu ul li.topAcc.act.cur > a,.menu ul li.topAcc.act > span.noLink{text-decoration:underline}

/* mainmenu */
#menuBox ul.topLevel li{position:relative}
#menuBox ul.topLevel li.act::after{content:'➧';position:absolute;top:140%;left:46%;z-index:1000;font-size:30px;color:#fff}
/* #menuBox ul.topLevel li.topAcc span.cur::after{content:'=';position:absolute;top:140%;left:46%;z-index:1003;font-size:30px;color:#fff} */
#menuBox ul.topLevel li a,.menu li span.noLink{display:inline-block;padding:10px;white-space:nowrap;cursor:pointer}
#menuBox ul.topLevel li.home a{padding:0 15px}
#menuBox ul.topLevel li.home a::before{content:'\f015';font-family:awesome;font-size:20px}

#menuBox ul.subLevel{position:absolute;z-index:1002;top:72px;margin:0;padding:0;width:auto;min-width:200px;height:auto!important;background-color:rgba(0,0,0,.9)}
#menuBox ul.subLevel li{display:block;position:relative;width:100%}
#menuBox ul.subLevel li.act::after,#menuBox ul.subLevel li.cur::after{display:none}
#menuBox ul.subLevel li a,#menuBox ul.subLevel li span.noLink{display:block;padding:5px 10px!important;text-decoration:none;color:#fff!important}
#menuBox ul.subLevel li a:hover,#menuBox ul.subLevel li span.noLink:hover{background-color:#5f5f5f}
#menuBox ul.subLevel li.act a{background-color:var(--cdark)}
#menuBox ul.subLevel li span.noLink.cur{background-color:#5f5f5f}

#menuBox ul.lastLevel {z-index:898;top:0;left:55%;padding:0;width:100%}
#menuBox ul.lastLevel li{margin:0;width:100%}
#menuBox ul.lastLevel li a{padding-left:20px!important;background-color:#3f3f3f}
#menuBox ul.lastLevel li a:hover,#menuBox ul.lastLevel li.act a{text-decoration:underline}
#menuBox ul.topLevel > li > ul,#menuBox ul.subLevel > li > ul{display:none;transition:all .6s}

/* pagemenu */
#pagenav ul{display:block;width:100%}
#pagenav ul li{margin-left:3%}

/* langmenu */
#langBox ul li.muted,#langBox ul li a:first-child,#langBox ul li.act{display:none}
#langBox ul{margin:0 5px}
#langBox ul li{padding:0 10px}
#langBox ul li a:hover{text-decoration:none}
#langBox ul li.act a{text-decoration:underline}
#langBox ul li.act a:hover{text-decoration:none}

/* contentmenu */
.cmenu.menu4 ul{margin:0;padding:0;width:100%}
.cmenu.menu4 ul li{position:relative;margin:15px 0;width:24%;border-width:1px}
.cmenu.menu4 span{display:block}
.cmenu.menu4 span.menuImg{width:40%}
.cmenu.menu4 span.menuImg img{margin:10%;width:80%!important;height:auto!important;max-height:80%!important}
.cmenu.menu4 span.menuTxt{width:100%}
.cmenu.menu4 span.menuImg+span.menuTxt{width:60%} 
.cmenu.menu4 span.menuTxt h3{margin:20px}
.cmenu.menu4 span.menuTxt p{margin:0 20px 20px 20px}
.cmenu.menu4 span.menuLnk{width:100%}
.cmenu.menu4 span.menuLnk a{display:block;padding:15px 0;width:100%;text-align:center;background-color:var(--cbasic)}
.cmenu.menu4 span.menuLnk a:hover{text-decoration:none;background-color:var(--cactive)}
.cmenu.menu4 span.menuLnk a::after{content:'Mehr erfahren'}

.gallery .cmenu.menu4 ul li{display:block;width:47.6%;height:500px;overflow:hidden}
.gallery .cmenu.menu4 span.menuImg,.gallery .cmenu.menu4 span.menuTxt{float:left}
.gallery .cmenu.menu4 span.menuImg{width:100%}
.gallery .cmenu.menu4 span.menuImg img{margin:0;width:100%!important;height:auto!important;max-height:auto!important}
.gallery .cmenu.menu4 span.menuTxt{position:absolute;z-index:50;top:0;left:0;width:auto!important;background-color:rgba(0,0,0,.8)}
.gallery .cmenu.menu4 span.menuTxt h3,.gallery .cmenu.menu4 span.menuTxt p{text-align:center;color:#fff}
.gallery .cmenu.menu4 span.menuLnk{clear:both;position:absolute;bottom:0}
.gallery .cmenu.menu4 span.menuLnk a::after{content:'Galerie ansehen'}

/* rootline */
#rootLine .root,#rootLine .prev,#rootLine .current{font-size:24px}
#rootLine .root,#rootLine .root a{margin-right:5px}


/* HEADER as BUTTON */
.button.headerLink{padding:1% 0;display:block;width:100%;text-align:center}
.button.headerLink a{display:inline-block;padding:10px 20px;background-color:var(--cbasic)}
.button.headerLink a:hover{text-decoration:none;background-color:var(--cactive)}


/* DIMENSION VARS */
#page .w10{width:10%}#page .w20{width:20%}#page .w25{width:25%}#page .w30{width:30%}#page .w33{width:33%}#page .w40{width:40%}#page .w50{width:50%}
#page .w60{width:60%}#page .w66{width:66%}#page .w70{width:70%}#page .w75{width:75%}#page .w80{width:80%}#page .w90{width:90%}#page .w100{width:100%}


/* STANDARD ACCORDEON */
.txtTeaser.textOnly{min-height:auto}
.txtTeaser h3{margin-bottom:15px;font-size:30px;color:var(--cbasic)}
.txtTeaser .expdText,.txtTeaser .fullText{cursor:pointer}
.txtTeaser .fullText{display:none}
.txtTeaser .fullText::after{content:'[ - ]';display:block;padding:5px 0 3% 0;text-align:center}
.txtTeaser.cur .fullText{display:block}
.txtTeaser.cur .teaserText{display:none}


/* FONTS */
/* @font-face{font-family:'source';src:url('../../../resources/res/fonts/helvetica-new.ttf') format('truetype');font-weight:normal;font-style:normal} */
@font-face{font-family:'awesome';src:url('../../../resources/res/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../../../resources/res/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../../resources/res/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../../../resources/res/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../../../resources/res/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../../../resources/res/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'digital';src:url('../../../resources/res/fonts/ds-digital.woff2') format('woff2'),url('../../../resources/res/fonts/ds-digital.woff') format('woff');font-weight:normal;font-style:normal}

body,#page fieldset,#page legend,#page label,#page label a,#page button,#page input[type="text"],#page input[type="email"],#page input[type="password"],input[type="button"],#page textarea,#page select,#page input[type="submit"]{font-family:lato,arial,helvetica,sans-serif}

p{-moz-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:justify}
.cmenu.menu4 span.menuTxt p{-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;text-align:left}

.videoFilm{font-size:12px}
body,h3,h4,h5,h6,h3 a,h4 a,h5 a,h6 a,p,p a,ul,li,li a,table,th,td,input,select,textarea{font-size:14px}
h3 span,h4 span,h5 span,h6 span,h3 span a,h4 span a,h5 span a,h6 span a{font-size:14px!important}
#menuBox ul li,#menuBox ul li a,#menuBox ul li span,#menuBox ul ul li a,#langBox a{font-size:16px}
.cmenu.menu4 span.menuLnk a::after,#page #kesearch_results ul li .result-title,#page #kesearch_results ul li a{font-size:20px}
h1,h2,h1 a,h2 a{font-size:50px}
.button.headerLink a,.cmenu.menu4 span.menuTxt h3,#footerBox h1,#footerBox h2,#footerBox h1 a,#footerBox h2 a,#mediaBox h3,h2.listHeadline,#pageTitle{font-size:22px}

#mediaBox .sliderText h1,#footerBox h2{text-transform:uppercase}
.gallery .cmenu.menu4 span.menuTxt h3{font-variant:small-caps}

h1,h2,h3,h4,h5,h6{margin:15px 0}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0;margin-bottom:40px}
h3:first-child,h4:first-child,h5:first-child,h6:first-child,
#footerBox h1,#footerBox h2,#footerBox h1 a,#footerBox h2 a{margin-bottom:20px}
p{margin:15px 0 0 0}
p:last-child{margin-bottom:5px}
h1,.rulerBefore h2,.rulerBefore h3,.rulerBefore h4,.rulerBefore h5,.rulerBefore h6,p:first-child,.box.default *:first-child,fieldset .clearfix p{margin-top:0}

p,p a,td,th,li,li a,#page input[type="text"],#page input[type="email"],#page input[type="password"],#page textarea,#page select{line-height:150%}

a{text-decoration:none}
a:hover,.menu li.act>a{text-decoration:underline}

h1,h2,#pageTitle,#rootLine,.gallery .cmenu.menu4 span.menuTxt h3{font-weight:normal}


/* COLORS */
#footerBox h2{color:#8f8f8f}
#textBox h1 a,#textBox h2 a,#textBox h3 a,#textBox h4 a,#textBox h5 a,#textBox h6 a,p a,li a,.contenttable a,#creditsBox p,#creditsBox a,input,select,textarea{color:#8f8f8f}
body,p,p a:hover,#textBox h1 a:hover,#textBox h2 a:hover,#textBox h3 a:hover,#textBox h4 a:hover,#textBox h5 a:hover,#textBox h6 a:hover,.menu a,#creditsBox a:hover,.contenttable a:hover,ul,li,table,th,td,input:focus,select:focus,textarea:focus{color:#000}
.menu a:hover{color:#8f8f8f!important}
.menu.page a:hover{color:#000!important}

.standpage #mediaBox,.standpage #mediaBox p,.standpage #mediaBox p a,.standpage #mediaBox ul,.standpage #mediaBox li,.standpage #mediaBox table,.standpage #mediaBox td,#pageTitle{color:#fff}
#menuBox ul.subLevel li,#menuBox ul.subLevel li a,#menuBox ul.subLevel li a:hover,#menuBox ul.subLevel li:hover a,#menuBox ul.subLevel li.act a,.button.headerLink a,.cmenu.menu4 span.menuLnk a::after{color:#fff!important}

#rootLine .root,#rootLine .root a{color:rgba(255,255,255,.3)}
#rootLine .prev,#rootLine .prev a{color:rgba(255,255,255,.5)}
#rootLine .current,#rootLine .current a{color:rgba(255,255,255,1)}
#rootLine a:hover{text-decoration:none;color:rgba(255,255,255,1)}


/* MISC PROPERTIES */
*{border-width:0;border-style:solid;border-color:#d0d0d0}

input[type="text"],input[type="password"],select,textarea{border-color:#3f3f3f}
input[type="text"]:focus:focus,input[type="password"]:focus,select:focus,textarea:focus{border-color:var(--cbasic)}
#menuBox li.item1 ul li a{border-color:transparent}
#menuBox li.item1 ul li:hover a{border-color:#fff}

.rounded .button.headerLink a,.rounded .gal.tiles .picBox,.rounded .topNews .handler .button.expd::after,.rounded .expdText::after,.rounded .conVendor,.rounded .conVendor.theme h4,.rounded .download figcaption{-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px}
.rounded .ceItem,.rounded .cmenu.menu4 ul li,.rounded .sliderText,.rounded .sliderNews>div,.rounded .conItemBody,.rounded form#anfrage{-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;-ms-border-radius:15px;border-radius:15px}
.rounded .gallery .cmenu.menu4 span.menuTxt{-moz-border-radius:15px 15px 0 0;-webkit-border-radius:15px 15px 0 0;-o-border-radius:15px 15px 0 0;-ms-border-radius:15px 15px 0 0;border-radius:15px 15px 0 0}
.rounded .cmenu.menu4 span.menuLnk a{-moz-border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;-o-border-radius:0 0 15px 15px;-ms-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px}
.rounded .cagListBody{-moz-border-radius:0 15px 15px 15px;-webkit-border-radius:0 15px 15px 15px;-o-border-radius:0 15px 15px 15px;-ms-border-radius:0 15px 15px 15px;border-radius:0 15px 15px 15px}
.rounded .hasCoproducts .cagListBody{-moz-border-radius:0 15px 0 15px;-webkit-border-radius:0 15px 0 15px;-o-border-radius:0 15px 0 15px;-ms-border-radius:0 15px 0 15px;border-radius:0 15px 0 15px}
#Box{-moz-border-radius:0 15px 15px 0;-webkit-border-radius:0 15px 15px 0;-o-border-radius:0 15px 15px 0;-ms-border-radius:0 15px 15px 0;border-radius:0 15px 15px 0}
.rounded .download .imgCol img{-moz-border-radius:15px 0 0 15px;-webkit-border-radius:15px 0 0 15px;-o-border-radius:15px 0 0 15px;-ms-border-radius:15px 0 0 15px;border-radius:15px 0 0 15px}
.rounded .cagDetails{-moz-border-radius:0 15px 0 0;-webkit-border-radius:0 15px 0 0;-o-border-radius:0 15px 0 0;-ms-border-radius:0 15px 0 0;border-radius:0 15px 0 0}
.rounded .download .imgCap{-moz-border-radius:0 0 0 15px;-webkit-border-radius:0 0 0 15px;-o-border-radius:0 0 0 15px;-ms-border-radius:0 0 0 15px;border-radius:0 0 0 15px}
.rounded.gallery .cmenu.menu4 span.menuImg img{-moz-border-radius:15px 0 0 0;-webkit-border-radius:15px 0 0 0;-o-border-radius:15px 0 0 0;-ms-border-radius:15px 0 0 0;border-radius:15px 0 0 0}
.rounded .button,.rounded button,.rounded input,.rounded select,.rounded textarea{-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
.rounded .cagHandler .button{-moz-border-radius:0 5px 0 0;-webkit-border-radius:0 5px 0 0;-o-border-radius:0 5px 0 0;-ms-border-radius:0 5px 0 0;border-radius:0 5px 0 0}
.rounded .cagListMenu .linkSubLevel,.rounded .cagListMenu .linkMainLevel{-moz-border-radius:0 0 0 5px;-webkit-border-radius:0 0 0 5px;-o-border-radius:0 0 0 5px;-ms-border-radius:0 0 0 5px;border-radius:0 0 0 5px}
.rounded ul.slick-dots button{-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:15px;-ms-border-radius:100%;border-radius:100%}
.rounded .frame-ruler-before,.rounded .frame-ruler-after{-moz-border-radius:0!important;-webkit-border-radius:0!important;-o-border-radius:0!important;-ms-border-radius:0!important;border-radius:0!important}

#headerBox{-moz-box-shadow:0 0 5px 3px rgba(0,0,0,.6);-webkit-box-shadow:0 0 5px 3px rgba(0,0,0,.6);-o-box-shadow:0 0 5px 3px rgba(0,0,0,.6);-ms-box-shadow:0 0 5px 3px rgba(0,0,0,.6);box-shadow:0 0 5px 3px rgba(0,0,0,.6)}
.frame-102{-moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,.2);-webkit-box-shadow:3px 3px 5px 3px rgba(0,0,0,.2);-o-box-shadow:3px 3px 5px 3px rgba(0,0,0,.2);-ms-box-shadow:3px 3px 5px 3px rgba(0,0,0,.2);box-shadow:3px 3px 5px 3px rgba(0,0,0,.2)}
#toTopBox a{-moz-box-shadow:-10px 10px 10px 8px #3f3f3f;-webkit-box-shadow:-10px 10px 10px 8px #3f3f3f;-o-box-shadow:-10px 10px 10px 8px #3f3f3f;-ms-box-shadow:-10px 10px 10px 8px #3f3f3f;box-shadow:-10px 10px 10px 8px #3f3f3f}

#Box{background:rgba(0,0,0,0.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,0.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,0.8),rgba(255,255,255,0))}

#page .tx-kesearch-pi1 .searchAcc:hover,#page .tx-kesearch-pi1 .searchAcc.open{-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5;-ms-opacity:.5;opacity:.5}
#page .tx-kesearch-pi1 .searchSubmit input:hover{-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.6;-ms-opacity:.6;opacity:.6}
#Box{-moz-opacity:1;-webkit-opacity:1;-o-opacity:1;-ms-opacity:1;opacity:1}

#menuBox ul.topLevel li.act::after,#menuBox ul.topLevel li.topAcc span.cur::after{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
#Box{-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
#Box{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}

#Box{
-webkit-transition:background-color 0.3s ease 0s,color 0.15s ease 0s,box-shadow 0.3s ease 0s,opacity 0.3s ease 0s;
-moz-transition:background-color 0.3s ease 0s,color 0.15s ease 0s,box-shadow 0.3s ease 0s,opacity 0.3s ease 0s;
-o-transition:background-color 0.3s ease 0s,color 0.15s ease 0s,box-shadow 0.3s ease 0s,opacity 0.3s ease 0s;
-ms-transition:background-color 0.3s ease 0s,color 0.15s ease 0s,box-shadow 0.3s ease 0s,opacity 0.3s ease 0s;
transition:background-color 0.3s ease 0s,color 0.15s ease 0s,box-shadow 0.3s ease 0s,opacity 0.3s ease 0s;
}
#Box{-webkit-transition:all 0;-moz-transition:all 0;-o-transition:all 0;transition:all 0}
#Box{-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}
#Box{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}
#Box{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}


/* PLUGINS */
/* news */
.newsLatest > h2{margin-bottom:10px}
.newsItem{margin-bottom:20px;padding-bottom:20px;border-bottom-width:1px}
.newsItem:last-child{margin-bottom:0;padding-bottom:0;border-bottom-width:0}

.slickSlide .newsItem{margin-bottom:0;padding-bottom:0;border-bottom-width:0}

.topNews{position:relative}

.topNews .handler{position:absolute;top:0;right:0}
.topNews .handler .button.expd{display:block}
.topNews .handler .button.expd::after{content:'\f067';display:inline-block;padding:4px 5px;font-family:awesome;font-size:12px;line-height:100%;color:#fff;background-color:rgba(0,0,0,.5);cursor:pointer}
.topNews.cur .handler .button.expd::after{content:'\f068'}
.topNews .handler .button.expd:hover::after,.topNews.cur .handler .button.expd::after{background-color:rgba(0,0,0,1)}

.topNews .newsPic{width:25%}
.topNews .newsPic a{display:block}
.topNews .newsPic img{margin-top:3px}

.topNews .newsBody{width:75%}
.topNews .newsBody.noPic{width:100%}
.topNews .newsHeader{margin-bottom:20px}
.topNews .newsHeader h3{margin-bottom:0;font-size:18px}
.topNews .newsText .crpdText p:last-child{margin-bottom:0}

.topNews.cur .newsPic{float:left}
.topNews.cur .newsPic img{margin-bottom:3px}
.topNews.cur .newsBody{width:auto}

.topNews .newsText .fullText,.topNews .newsAppend,.topNews .newsMore{display:none}
.topNews.cur .newsText .fullText,.topNews.cur .newsAppend,.topNews.cur .newsMore{display:block}
.topNews.cur .crpdText{display:none}

/* slider */
.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}.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}[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}

.ncSlider{width:100%;height:100%}
.ncSlider h1,.ncSlider h2,.ncSlider h3,.ncSlider h4,.ncSlider p,.ncSlider a{color:#fff}
.ncSlider h1,.ncSlider h2,.ncSlider h3,.ncSlider h4{letter-spacing:2px}
.ncSlider h1,.ncSlider h2{margin-bottom:0}
.ncSlider h1,.sliderText h1 a,.ncSlider h2,.sliderText h2 a{font-size:50px}
.ncSlider h4,.sliderLink,.sliderLink a{margin:0 0 20px 0;font-size:20px}
.ncSlider p{margin:15px 0 0 0}
.ncSlider .newsBody{margin-bottom:1%}

.ncSlider .sliderText.alignCenter h1{font-size:60px}
.ncSlider .sliderText.alignCenter h4{font-size:20px}

.sliderItem{display:block;background-color:#dfdfdf;background-image:url(../../../../resources/res/img/defaults/header1.jpg);background-size:100%;background-position:center center;background-repeat:no-repeat}
.sliderText,.sliderNews > div{display:block;position:absolute;z-index:50;top:20%;left:0;margin:0 10%;padding:1.5% 2%;width:56%;height:auto;background-color:rgba(0,0,0,.6)}
.sliderNews > div{top:15%;width:76%}
.sliderText.alignCenter{top:auto;bottom:30%;width:76%;height:auto;text-align:center}
.sliderNews > div > h2,.ncSlider .news > h2,.ncSlider .newsPic{display:none}
.sliderLink{margin:20px 0 0;width:100%;text-align:right}
.sliderLink,.sliderLink a{color:#fff}
.sliderLink a{padding:0 3px}

ul.slick-dots{position:absolute;z-index:51;bottom:5%;margin:0;padding:0;width:100%}
.cagListPic ul.slick-dots,.newsLatest ul.slick-dots{display:none!important;bottom:3%;left:0}
.cagListPic ul.slick-dots,.cagListPic:hover ul.slick-dots{display:flex!important}
.cagListPic ul.slick-dots::before{content:'Designs / Farben';display:block;padding-bottom:15px;width:100%;text-align:center;font-size:12px;color:#8f8f8f}
ul.slick-dots li{margin:0 10px}
ul.slick-dots button{display:block;width:8px;height:16px;font-size:0;background-color:#fff;color:#fff;cursor:pointer}
.cagListPic ul.slick-dots button{background-color:#dfdfdf} 
ul.slick-dots button:hover{background-color:var(--cbasic)}
ul.slick-dots li.slick-active button{background-color:var(--cactive)}

button.slick-arrow{display:none!important;position:absolute;z-index:250;top:0;font-size:0;background:none transparent;border:none;cursor:pointer}
button.slick-arrow::after{font-size:100px;color:rgba(255,255,255,.8)}
button.slick-arrow:hover::after{color:rgba(255,255,255,1)}
button.slick-prev{left:0;padding-left:1%}
button.slick-arrow::after{content:'〈'}
button.slick-next{right:0;padding-right:1%}
button.slick-next::after{content:'〉'}

#page .cagListPic button.slick-arrow{display:none!important;top:auto;bottom:0}
#page .cagListPic button.slick-next{right:0;margin-bottom:20%;padding-right:0;width:100%}
#page .cagListPic button.slick-next::after{content:url(../../../../resources/res/img/symbols/black/50x50/arrow-50.png);-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.6;-ms-opacity:.6;opacity:.3}
#page .cagListPic button.slick-next:hover::after{-moz-opacity:.8;-webkit-opacity:.8;-o-opacity:.8;-ms-opacity:.8;opacity:.8}
#page .cagListPic button.slick-prev{display:none!important}

.ncSlider:hover ul.slick-dots{display:flex!important}
.ncSlider:hover button.slick-arrow,.cagListPic:hover button.slick-arrow{display:block!important}

/* catalogue */
.cagType{margin-bottom:0!important;font-size:14px;color:var(--cactive)}
.cagListWrap{position:relative;margin-top:50px;width:100%}
.cagList{width:23%}
.cagListItem{position:relative;width:100%}

.cagListWrap.col-2 .cagList,.cagListWrap.col-3 .cagList{margin-left:2%}
.cagListWrap.col-2 .cagList:first-child,.cagListWrap.col-3 .cagList:first-child{margin-left:0}

.cagListWrap.col-1 .cagList{width:100%}
.cagListWrap.col-1 .cagListItem{width:23%}
.cagListWrap.col-1 .col-5 .cagListItem{width:18%}

.cagList.hasCoproducts{position:relative}
.cagListMenu{width:100%}
.cagListMenu span{padding:3px 10px 5px 10px;margin-left:1px;font-size:12px;color:#fff;background-color:#5f5f5f;cursor:pointer}
.cagListMenu span:hover{background-color:#3f3f3f}
.cagListMenu p.cagListMenuDesc{position:absolute;left:0;margin:0;font-size:12px;color:#8f8f8f}
.cagListMenu span.linkMainLevel{display:none;white-space:nowrap}
.cagListMenu span.linkMainLevel.cur{display:block}
.cagListItem.subProduct{display:none;position:absolute;top:0}
.cagListItem.subProduct.act{position:static}

.cagListBody{min-height:700px;min-height:32vw;background-color:#fff;border-width:1px;border-color:#8f8f8f}
.counter + .catalogue .cagListBody{min-height:500px;min-height:24vw}
.cagListItem h4{display:none;margin:30px 0 0 0;width:100%}
.cagListItem img:hover,.cagListPic a:hover img{-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.6;-ms-opacity:.6;opacity:.6}

.cagListLoc{margin:0 5% 10px 5%;padding:3% 0;border-bottom-width:1px}
.cagListLoc span.cagLoc{display:inline-block;padding:2%;width:95.4%;font-size:20px;text-align:center;text-transform:uppercase;color:var(--cbasic)}
.cagListLoc span.cagLocSubtitle{padding-left:10px;font-size:16px;text-transform:none}

.cagListPic,.cagListPic .slick-list,.cagListPic .slick-track{width:100%;height:20vw}
.cagListPic img{display:inline-block}
.cagListPic a{top:auto!important;bottom:0!important;display:block;width:100%;height:100%;max-height:100%;text-align:center}

.cagTeaser{padding:5% 5% 3% 5%;min-height:80px}
.cagTeaser.textOnly{min-height:auto}
.cagTeaser h3{margin-bottom:15px;font-size:30px;color:var(--cbasic)}
.cagTeaser .expdText,.cagTeaser .fullText{cursor:pointer}
.cagTeaser .expdText{white-space:nowrap}
.cagTeaser .fullText{display:none}
.cagTeaser .fullText::after{content:'[ - ]';display:block;padding:5px 0 3% 0;text-align:center}
.cagTeaser.cur .fullText{display:block}
.cagTeaser.cur .teaserText{display:none}

.cagContent{position:relative;width:100%}

.cagHandler{display:block;margin:0 1px 0 0;width:auto}
.cagHandler .button{display:block;padding:3px 10px 3px 8px;font-size:12px;color:#fff;background-color:#5f5f5f;cursor:pointer}
.cagHandler .button:hover,.cagHandler.cur .button{background-color:#1f1f1f}

.cagDetails{display:none;position:absolute;z-index:999;top:100%;left:0;width:100%;background-color:rgba(0,0,0,.8);border-top-width:1px;border-top-color:rgba(255,255,255,.4)}
table.cagDetailTable td{padding:5px 10px;font-size:12px;border-top-width:1px;border-top-color:rgba(255,255,255,.7)}
table.cagDetailTable td:first-child{width:30%;font-weight:700}
table.cagDetailTable.exmpl td:first-child{width:60%}
table.cagDetailTable.exmpl td:last-child{width:40%}
table.cagDetailTable tr:first-child td{border:none}
table.cagDetailTable td,table.cagDetailTable td h3,table.cagDetailTable td p{color:#fff}
table.cagDetailTable td h3,table.cagDetailTable td p{margin:0 0 5px 0;font-size:12px;font-weight:normal}
table.cagDetailTable td h3{font-weight:700}
table.cagDetailTable td p{text-align:left}
table.cagDetailTable td a{color:#7f7f7f}
table.cagDetailTable td a:hover{color:#000}
table.cagDetailTable.exmpl td a{display:block}
table.cagDetailTable.exmpl td img{margin-top:10px}
table.cagDetailTable.exmpl td a:first-child img{margin-top:5px}
table.cagDetailTable.exmpl td a:last-child img{margin-bottom:5px}

.cagType.counter{margin-bottom:0!important}
.cagType.counter + .catalogue .cagListLoc{padding:0}
.cagType.counter + .catalogue .cagListItem h4{display:none}
.cagType.counter + .catalogue .cagListPic{display:block!important;margin-bottom:20px;padding:0;width:99.5%;height:15vw!important}
.cagType.counter + .catalogue .cagListPic a.lightbox{height:100%}
.cagType.counter + .catalogue .cagHandler.counter{width:auto}
.cagType.counter + .catalogue .cagHandler .button{padding:5px 8px}
.cagType.counter + .catalogue .cagDetails{width:100%}
.cagType.counter + .catalogue table.cagDetailTable td:first-child{width:40%}
.cagType.counter + .catalogue .cagHandler.design{display:none}

.cagListPic img.vert{width:auto!important}
.cagListPic img.vert.l{height:95%!important}
.cagListPic img.vert.m{height:80%!important;margin-bottom:5%}
.cagListPic img.vert.s{height:75%!important}
.cagListPic img.horiz{height:auto!important}
.cagListPic img.horiz.l{width:70%!important}
.cagListPic img.horiz.m{width:50%!important}
.cagListPic img.horiz.s{width:25%!important}

/* connectivity box */
.conInfoBox .conType{font-size:14px;color:var(--cactive)}
.conInfoBox h2{margin-top:0}
.conItem{width:49%}
.conItemBody{margin-top:3%;padding:3%;border-width:1px;border-color:#8f8f8f}
.conItem h3{margin-bottom:20px;padding-bottom:20px;font-size:20px;font-weight:normal;text-align:center;text-transform:uppercase;color:var(--cbasic);border-bottom-width:1px}
.conItem .cagTeaser{padding:0;min-height:auto}
/* .conItem.odd .cagTeaser p{padding-right:10%} */
/* .conItem .cagTeaser.cur .fullText p{padding:0} */
.conItem table,.conItem tbody,.conItem tr,.conItem td{height:100%}
.conItem td.col-1{width:30%}
.conItem td.col-1:last-child{width:67%;padding-left:3%}
.conItem td.col-1 .conVendor{display:block;margin:5px 10% 0 0;width:90%;height:150px}
.conVendor{display:inline-block;margin:5px 2% 0 0;width:45%;height:150px;text-align:center;vertical-align:top;border-width:1px}
.conVendor h4{display:none}
.conVendor.theme{position:relative}
.conVendor.theme h4{position:absolute;z-index:10;bottom:0;left:0;margin:0;padding:0;width:100%;height:100%;font-size:16px;font-weight:normal;text-transform:uppercase;text-align:center;color:#000;background-color:rgba(255,255,255,.7)}
.conVendor.theme h4:hover{color:#fff;background-color:rgba(0,0,0,.7)}
.conVendor a{display:block;height:100%;text-decoration:none}
.conVendor .imgFile{width:100%;height:80px}
.conVendor img{width:auto!important;height:auto!important;max-width:90%!important;max-height:90%!important}
.conVendor a:hover img,.conVendor a:hover .imgCap{-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.6;-ms-opacity:.6;opacity:.6}
.conVendor .imgCap{display:block;position:relative;width:100%;height:70px;font-size:12px;color:#8f8f8f}

/* lightbox */
body:after{content:url(../../../../resources/res/img/ext/loading.gif);display:none}
body.lb-disable-scrolling{overflow:hidden}
#lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:rgba(255,255,255,1);display:none}
#lightboxOverlay + .lightbox{position:fixed;top:0!important;left:0!important;width:100%;height:100%;z-index:10000;text-align:left;line-height:0;font-weight:400}
a.lightbox{display:block;position:static;z-index:auto}

.lb-dataContainer{display:block;position:absolute;top:0;right:0;*zoom:1;margin:0 auto;padding:0;width:100%!important}
.lb-data{display:block;position:relative;width:100%;color:#cfcfcf}
.lb-data .lb-details{position:fixed;top:40px;left:0;width:100%;text-align:center;line-height:130%}
.tileDesign #textBox .imgCap.expd{position:fixed;z-index:10001;bottom:5%;padding:0;width:100%;font-size:22px;text-align:center;color:#8f8f8f;background-color:transparent}
.lb-data .lb-caption{font-size:14px;font-weight:700;line-height:1em}
.lb-data .lb-caption a{color:#8f8f8f}
.lb-data .lb-number{display:block;clear:left;padding-bottom:0;width:100%;font-size:14px;text-align:center;color:#8f8f8f}
.lb-data .lb-closeContainer{position:fixed;z-index:10002;top:30px;right:20px}
.lb-data .lb-close{display:block;font-size:50px;font-family:lato,arial,helvetica,sans-serif;text-align:right;cursor:pointer}
.lb-data .lb-close:hover{color:#000!important}

.lb-outerContainer{display:block;position:relative;*zoom:1;margin:0 auto;padding:0;width:80%!important;height:100%!important;background-color:#fff}
.lb-outerContainer:after{content:"";display:table;clear:both}
.lb-container{position:relative;text-align:center}
.lightbox img.lb-image{max-width:100%!important;height:auto!important;border:none}
.lightbox a img{border:none}
.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../../../../resources/res/img/ext/loading.gif) no-repeat}
.lb-nav{position:fixed;top:0;left:0;height:100%;width:100%;z-index:10}
.lb-container > .nav{left:0}
.lightbox:hover .lb-nav > a{display:block!important}
.lb-nav a{width:100%}
.lb-nav a.lb-prev{text-align:left}
.lb-nav a.lb-next{text-align:right}
.lb-nav a:hover{text-decoration:none}
.lb-nav a::after{font-size:10vw;color:#f0f0f0}
.lb-nav a:hover::after{color:#3f3f3f}
.lb-nav a.lb-prev::after{content:'〈'}
.lb-nav a.lb-next::after{content:'〉'}