/* FLEX-BOXES */

/* rows */
.displayFlex,#headerBox,#navi,#centerBox,#interBox,#footerBox,#creditsBox,.tileDesign #textBox,.gallery.tiles .innerBox,.gallery.tiles .ce-lastCol,.textPic.left,.textPic.right,.download .textPic,
#right div[data-ce-images="2"] .imgRow,.galWrap[data-ce-columns="2"] .imgRow,.galWrap[data-ce-columns="3"] .imgRow,.galWrap[data-ce-columns="4"] .imgRow,.galWrap[data-ce-columns="5"] .imgRow,
#menuBox ul.topLevel,#menuBox li.item1 ul span.subWrap,#langBox ul,#topnavBox ul,.ordering ul,#pagenav ul,#anfrage ol,#anfrage li.csc-form-element-checkbox,.cmenu ul,.cmenu ul li,
#kesearch_results ul,#right .newsContent,ul.slick-dots,.ncSlider ul.slick-dots,.cagListPic:hover ul.slick-dots,.cagListWrap,.cagList,.cagContent,.cagListMenu,.lb-nav,.conItemBox,fieldset#anfrage-fieldset-1 .form-group{
  display:-webkit-flex;-webkit-flex-direction:row;-webkit-flex-wrap:wrap;-webkit-justify-content:center;-webkit-align-items:center;-webkit-align-content:center;
  display:-ms-flexbox;-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-justify-content:center;-ms-align-items:center;-ms-align-content:center;
  display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center
  }
.textPic.right,#anfrage li.csc-form-element-checkbox{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.cagListPic a,.cagListPic.slickSlide a,.lb-outerContainer,.conVendor a,.conVendor.theme h4,.conVendor .imgFile,.conVendor .imgCap{
  display:-webkit-flex;-webkit-flex-direction:column;-webkit-flex-wrap:wrap;-webkit-justify-content:center;-webkit-align-items:flex-start;-webkit-align-content:flex-start;
  display:-ms-flexbox;-ms-flex-direction:column;-ms-flex-wrap:wrap;-ms-justify-content:center;-ms-align-items:flex-start;-ms-align-content:flex-start;
  display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:flex-start;align-content:flex-start
  }

/* horizontal, all */
#menuBox ul.topLevel,.cmenu ul li,#right div[data-ce-images="2"] .imgRow,#right .newsContent,fieldset#anfrage-fieldset-1 .form-group,
.cagContent,.cagListWrap,.cagList{-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start}
#navi,#langBox ul,#topnavBox ul,.ordering ul,#pagenav ul,.ncSlider ul.slick-dots,.cagListPic a,.cagListPic.slickSlide a,.cagListMenu{-webkit-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end}
.cagListPic ul.slick-dots,.cagType.counter + .catalogue .cagListPic a.lightbox{-webkit-justify-content:center;-ms-justify-content:center;justify-content:center}
#headerBox,#interBox,#anfrage ol,.tileDesign #textBox,.gallery.tiles .innerBox,.gallery.tiles .ce-lastCol,.textPic.left,.textPic.right,.download .textPic,
.galWrap[data-ce-columns="2"] .imgRow,.galWrap[data-ce-columns="3"] .imgRow,.galWrap[data-ce-columns="4"] .imgRow,.galWrap[data-ce-columns="5"] .imgRow,
.cmenu ul,.col-1 .cagList,.cagListWrap.col-4,.cagListWrap.col-5,.conItemBox,.lb-nav{-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between}
#Box{-webkit-justify-content:space-around;-ms-justify-content:space-around;justify-content:space-around}

/* vertical, items */
.conVendor .imgFile,.conVendor .imgCap{-webkit-align-items:center;-ms-align-items:center;align-items:center}
#footerBox,#anfrage ol,.tileDesign #textBox,.gallery.tiles .innerBox,.gallery.tiles .ce-lastCol,.textPic.left,.textPic.left .imgRow,.textPic.right,.textPic.right .imgRow,.download .textPic,
.cmenu ul,#menuBox li.item1 ul span.subWrap,.ordering ul,#pagenav ul,#right .newsContent,.cagContent,.cagListWrap,.cagList,.cagListPic a,
.conItemBox,.conVendorBox{-webkit-align-items:flex-start;-ms-align-items:flex-start;align-items:flex-start}
#Box{-webkit-align-items:flex-end;-ms-align-items:flex-end;align-items:flex-end}
.cmenu ul li,.cagListPic a,.cagListPic.slickSlide a,.lb-nav,.lb-outerContainer,.conVendorBox,.conVendor a,.conVendor.theme h4{-webkit-align-items:center;-ms-align-items:center;align-items:center}
#kesearch_results ul{-webkit-align-items:stretch;-ms-align-items:stretch;align-items:stretch}

/* element spaces */
.conVendor .imgFile,.conVendor .imgCap{-webkit-place-content:center;-ms-place-content:center;place-content:center}

/* overrides */
#right .topNews.cur .newsContent{display:block}


/* GLOBAL DISPLAY-OPTIONS */

.listItem.active .videoNav,#page .button.exit,#page #videoList .listItem .button.exit,
.videopage .button.expand,.videopage .button.enter.title,
.videonale .button.expand,.videonale .button.enter.title{display:none}
#page .listItem.act .button.exit{display:block}

.pageTitle,.vjs-poster,.vjs-youtube .vjs-big-play-button,
.indexpage .videoDesc,
.themes .singleStage,.themes .videoDesc,.themes.ready #themeNav,.themes.ready #textBox,
.videonale #videoStage+#videoList+#textBox,.videonale.act #textBox{display:none}

.themes .singleStage.act,.themes .videoDesc.act,.themes.ready #mediaBox{display:block}

.themes.ready .listItem,.themes.act .listItem{display:none}
.themes.ready .listItem.act{display:block}
.themes.act .listItem.act{display:none}
.themes.act #mediaNav:hover .listItem.act{display:block}

#page #videoStage:hover .button.exit,#page.act .button.exit,
.videos .pageTitle,
.themes.ready .listItem:hover .button.exit,.themes.act .listItem:hover .button.exit{display:inline-block}

#page .displayNone{display:none}
#page .displayBlock{display:block}
#page .displayInline{display:inline}
#page .displayInBlock{display:inline-block}
#page .displayCell{display:table-cell}

#page .inVisible{visibility:hidden}


/* VIEWPORTS */

@media only screen and (min-width: 200px) and (max-width: 1450px) {

#layoutPanel{display:none!important}
.sliderText,.sliderNews > div{width:80%}
.ncSlider h1,.sliderText h1 a,.ncSlider h2,.sliderText h2 a{font-size:35px}

.cagListLoc span.cagLoc{font-size:16px}
.cagList,.cagType.counter + .catalogue .cagListItem{margin-bottom:30px;width:48%}
.cagListBody{min-height:520px}

#page .cagType.counter + .catalogue .cagListPic img.horiz{width:auto!important;height:50%!important}

}

@media only screen and (min-width: 1151px) and (max-width: 1450px) {

.standpage #mediaBox,.standpage #textBox,#supportBox{width:80%!important}
#footerBox{margin-top:10px}

}

@media only screen and (min-width: 801px) and (max-width: 1150px) {

#menuBox ul.topLevel li a,#menuBox ul.topLevel li span{font-size:16px}
#interBox,#textBox,#footerBox,#creditsBox,#supportBox{width:96%!important}
#textBox,#supportBox,#footerBox,#creditsBox{margin-right:2%;margin-left:2%}
#interBox{padding-right:2%;padding-left:2%}
#supportBox,#footerBox,#left,#creditsBox{margin-top:30px;padding-top:30px;border-top-width:1px}
#headerBox{height:80px}
#logo{margin-left:2%;padding:10px 0;width:15%}
#logo a,#logo a img{width:100%!important}
#navi{margin-right:2%;width:81%}
#interBox,#mediaBox{margin-top:80px}
#mediaBox{margin-left:0;width:100%!important}
#footerBox{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
#left, #right{width:100%}
#credits{width:30%}
#pagenav{width:70%}
#menuBox ul.topLevel li a,.menu li span.noLink{padding:10px 5px}
#menuBox ul.subLevel{top:62px}
#menuBox ul.topLevel li.act::after,#menuBox ul.topLevel li.cur::after{top:50px}

}

@media only screen and (min-width: 200px) and (max-width: 800px) {

td{font-size:12px}
#exitBox .button,#menuBox ul li a,#menuBox ul li span{font-size:16px}
h1,h2,h1 a,h2 a,#mediaBox h3,h2.listHeadline,#pageTitle,#rootLine{font-size:18px}
.indexpage #textBox h2{margin-bottom:20px;font-size:22px;text-transform:uppercase;color:var(--cbasic)}

.indexpage #contentBox,#footerBox,#supportBox,#topnavBox,#page .listItem.active h2.listHeadline{display:none!important}
.indexpage #footerBox,.indexpage #supportBox,#headerBox,#interBox,#navi,#langBox ul,#topnavBox ul,.ordering ul,#pagenav ul{display:block!important}

#menuBox ul ul,#page #mediaNav,#page #mediaBox{height:auto!important}

#navBox,#headerBox,#mediaNav,#contentBox,#footerBox,#creditsBox,#supportBox{margin:0;width:100%!important}
#searchBox,#textBox,#footerBox,h2.listHeadline,#mediaBox .noLineSpacing,.standpage #textBox{margin-left:2%;width:96%!important}
.standpage #textBox{width:96%!important}
#footerBox{padding-top:25px}
#right{padding:25px 0;border-top-width:1px;border-bottom-width:1px}
#creditsBox{margin-top:25px;border-top-width:1px}
.indexpage #creditsBox{margin-top:0;border-top-width:0}

.standpage #contentBox,.standpage #textBox{background-color:transparent}

.standpage #textBox,.standpage #textBox h1,.standpage #textBox h2,.standpage #textBox h3,.standpage #textBox p,.standpage #textBox a,.standpage #textBox li,.standpage #textBox td{color:#000}

#headerBox{position:relative;padding:20px 0 0 0;height:auto;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;box-shadow:none}
#logo,#navi{margin:0;padding-top:0;padding-bottom:0;width:100%;text-align:center}
#logo a{width:50%}

#interBox,#mediaBox{margin-top:0;height:auto}
#interBox{margin:2% 2% 0;padding:15px 4%;width:88%}
#pageTitle{display:none}

#page #mediaBox{display:none;margin:0;width:100%!important;height:auto!important}

#navBox{
  display:-ms-flexbox;display:-webkit-flex;display:flex;
  -webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;
  -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
  -webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content: flex-start;
  -webkit-align-content:flex-start;-ms-flex-line-pack:start;
  border-bottom-width:1px;
  padding-bottom:35px;
  }
#navRight{display:block;text-align:center}
#navLeft,#navRight,#theme,#themeNav,#mediaNav{display:block;margin-left:0;width:100%}
#mediaNav{margin-top:20px!important}
#themeNav{display:none}
#navRight,#langBox ul,#topnavBox ul{justify-content:center}
#langBox{display:none;margin-top:5%}
#searchBox{display:block;margin-top:5%;margin-bottom:5%}
#page .tx-kesearch-pi1 .searchInput input{padding:5px 2%;width:95%;font-size:16px}

#textBox{margin-top:0}
.indexpage #textBox{margin-top:20px}

#footerBox{margin-top:25px}

#left, #right, #footerLeft, #footerRight, #credits, #pagenav{margin-bottom:30px;width:100%}
#left{text-align:left}
#left table{width:auto}
#left table td:last-child{padding-left:20px}
div[data-ce-images="2"] .ce-row{justify-content:center}
#pagenav{text-align:center}
.standpage #textBox > div{padding:25px 0 0 0!important}
#credits{margin:0 0 15px 0}
#credits p{text-align:center}

#page h2.listHeadline{position:static;padding:0 2% 1px 2%;width:96%;font-size:22px;font-weight:bold;text-align:center;color:#000}

span.button.exit{position:static;margin:20px 0 0 0;width:100%}
span.button.exit a{padding:10px 2%;width:96%;line-height:130%}
span.button.exit input[type="button"]{padding:5px 2%;width:100%;line-height:130%}

.indexpage button.slick-arrow{display:none!important}

#left table{margin-left:0;width:100%}
#left table td:last-child{padding-left:5px;text-align:right}

#pagenav ul{display:block}
#pagenav ul li{float:none;margin-left:0;width:100%;text-align:center}
#pagenav ul li a{display:block;padding:7px 0;text-align:center}

#menuBox ul.topLevel{display:block;margin:0 2%;width:96%}
#menuBox ul.topLevel li{width:100%;text-align:left;background-color:#000;border-top-width:1px}
#menuBox ul.topLevel li a,#menuBox ul.topLevel li span{display:block;position:relative;padding:10px 2%!important;width:96%!important;text-align:left;color:#fff}
#menuBox ul.topLevel li:first-child a,#menuBox ul.topLevel li:first-child span.noLink{display:block!important;padding:10px 2%!important}
#menuBox ul.topLevel li span.noLink,#menuBox ul.topLevel li:first-child span.noLink{padding:8px 2%!important}
#menuBox ul.topLevel li.cur{background-color:#3f3f3f}
#menuBox ul.topLevel li a{text-decoration:none}
#menuBox ul.topLevel li.act > span::after,#menuBox ul.topLevel li.act > a::after,#menuBox ul.topLevel li.cur > span::after,#menuBox ul.topLevel li.cur > a::after{content:'•';position:absolute;top:8px;right:3%;font-size:27px;line-height:100%}
#menuBox ul.topLevel li.cur > span::after,#menuBox ul.topLevel li.cur > a::after{content:'▼';margin-top:5px;font-size:15px}
#menuBox ul.topLevel li.act::after, #menuBox ul.topLevel li.cur::after{display:none}

#menuBox ul.topLevel li.home{text-align:center;background-color:transparent;border-top-width:0}
#menuBox ul.topLevel li.home a{display:inline-block!important;width:auto!important}
#menuBox ul.topLevel li.home a::before{color:#000}

#menuBox ul.subLevel{position:static;padding:0;min-width:auto;background-color:transparent}
#menuBox ul.subLevel li{padding:0;width:100%;background-color:#7f7f7f}
#menuBox ul.subLevel li:first-child{border-top-width:1px}
#menuBox ul.subLevel li a{padding:10px 2% 10px 8%;width:90%}

#page .tx-kesearch-pi1 .searchAcc{display:none!important}
#page .tx-kesearch-pi1 .searchContent{display:block!important;position:relative;top:auto;right:auto;padding:0;width:100%;background-color:transparent}

.cagType{display:none}
.cagGroup > h2{margin-bottom:25px}
.cagList{margin-top:0}
.cagListBody{min-height:auto}
.cagList,.cagListItem,.cagListLoc,.cagListPic,.cagTeaser,.cagContent{padding-right:0;width:100%!important}
.cagListLoc,.cagTeaser{width:90%!important}
.cagListItem,.cagType.counter + .catalogue .cagListItem{margin:30px 0 0 0;padding-top:30px;border-top-width:1px}
.cagListPic,.cagListPic.slickSlide,.cagType.counter + .catalogue .cagTeaser{height:auto;min-height:auto}
.cagType.counter + .catalogue .cagListPic{width:100%;height:auto;text-align:center}
.cagDetails{width:100%}

.cagListPic .slick-initialized .slick-slide,.cagListPic a, .cagListPic.slickSlide a{display:block}

#page .cagListPic img.vert{max-width:60%!important;max-height:auto!important}
#page .cagListPic img.horiz{width:100%!important;height:auto!important}

}


/* CLEARER */

#main div:last-child{margin-bottom:10px!important}
#page .clearer,#page .clearer:last-child{display:block!important;clear:both!important;float:none!important;margin:0!important;padding:0!important;width:auto!important;height:0!important;font-size:0!important;line-height:0!important;background:none transparent!important;border:none!important}
#main .newsLatest .clearer:last-child{margin-bottom:0!important}