/* hi-res laptops and desktops */
@media only screen and (min-width:1281px) and (max-width:1600px) {
/* body::before{content:"Small Desktop (1281px > 1500px), Z:226";display:block;position:fixed;bottom:.5vw;left:0;z-index:99;padding:5px 10px;font-size:14px;text-align:center;background:rgba(255,0,0,.6);transition:opacity 1s} */
/* body:hover::before{-moz-opacity:0;-webkit-opacity:0;-o-opacity:0;-ms-opacity:0;opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s} */

.menu.main ul.level-1,.menu.main ul.level-2{padding-left:15%}
.menu.main ul.level-1{padding-right:15%}
}


/* big landscape tablets, laptops, and desktops */
@media only screen and (min-width:1025px) and (max-width:1280px) {
/* body::before{content:"Laptop + XL Tablets (1024px > 1280px, Z:232)";display:block;position:fixed;bottom:.5vw;left:0;z-index:99;padding:5px 10px;font-size:14px;text-align:center;background:rgba(255,255,0,.9);transition:opacity 1s} */
/* body:hover::before{-moz-opacity:0;-webkit-opacity:0;-o-opacity:0;-ms-opacity:0;opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s} */

.menu.main ul.level-1,.menu.main ul.level-2{padding-left:5%}
.menu.main ul.level-1{padding-right:15%}
}


/* basic small viewports */
@media only screen and (min-width:200px) and (max-width:900px) {
*{-webkit-transition:none!important;transition:none!important}
p{-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;text-align:left}
body,article h3{font-size:4vw}
.ceItem.hasBg.hasBody .itemWrap .txtWrap .bodyText p,.sliderItem .txtWrap .bodyText p,#mediaBox .ceItem .bodyText p{font-size:2.25vh;line-height:3.2vh}
#topBox ul.focus li.large,#mediaBox .txtWrap .submitBox span.btn a,main .resultPath a::before,#topBox .txtTeaser .hGroup *,#topBox .search .hGroup *,.menu.page ul li a,.check label.act,.radio label.act,header .infoBar *,
.ceItem table.contenttable td,.ceItem table td,.tableCaption p,.extContent .galWrap .sMediaBox .sBody .sText *,.addrList .listItem h4,.ceItem.hasBg.hasBody .itemWrap .txtWrap .bodyText p,figcaption .capDesc{font-size:3vw}
.extContent .galWrap .sMediaBox .sBody .hGroup h2,.menuBar .mapItem .txtWrap .mbHeader,.menuBar .mapItem .txtWrap .mbBody p,.menu.page ul li a,
.menu.main ul.level-0 .donate a,.mapItem .mapImg .title,.btn *,.lnk *,.lnk ::before,.lnk ::after,ul.cList li.hours span,ul.cList li.hours label::before,
.addressDetail ul.cList li i,.addressDetail ul.cList li.phone div,.addressDetail .leafWrap .handler,ul.cList li i,ul.cList li.phone div,.addressDetail .leafWrap .handler,.listFooter ul.cList li.hours label::before,
.sliderItem .txtWrap .hGroup > h2 .btn a,.sliderItem .txtWrap .hGroup > h2 .btn a::before,#kesearch_results ul li a,.scrollDown:not(.def) > *::after,.scrollDown:not(.def):hover > *::after,.scrollDown:not(.def) > *:hover::after{font-size:4vw}
.mapExpd .btn label::before,.mapExpd .btn label::after,.storiesExpd .btn label::before,.storiesExpd .btn label::after{font-size:4vw!important}
.hGroup h1,.hGroup h1 a,.hGroup h2,.hGroup h2 a,.hGroup.wSub h2,.hGroup.wSub h2 a,.bodyText h1,.hGroup h1 a,.bodyText h2,.bodyText h2 a,.hGroup.wSub h3,.hGroup.wSub h3 a,.contentAcc .menuItem h3,.ceItem.hasBg .itemWrap .btn.more a:before,.accItem .txtWrap h3,
.btn.search > ::after,.prodExpd .btn,.prodExpd .btn > *:after,.btn ::before,.btn ::after,.mapItem .mapImg .subtitle,.addrList .listItem h3,
.extContent .galWrap .sMediaBox .sBody .sIcons .btn > ::before,.extContent .galWrap .sMediaBox .sBody .sContact .btn.email a::after,.ceItem .txtWrap div:not(.hGroup) h3,
.newsLatest .newsHeader > h2,figcaption{font-size:5vw}
.hGroup h2.floatHeader,.storiesExpd .btn label::before,.storiesExpd .btn label::after,.addressDetail .addBasic h3{font-size:5vw!important}
.menuBar .mapItem .txtWrap .mbBody .lnk > *,.menuBar .mapItem .txtWrap .mbBody .lnk > *::before{font-size:4vw}
.jobPage.index .hGroup h2.floatHeader,#toTopBox a::before{font-size:8vw!important}
.bgTxt.header-101 .hGroup h2 > *,.bgTxt.header-101 .hGroup h3,.bgTxt.header-101 .lnkWrap .btn > *,.bgTxt.header-101 .lnkWrap .btn > *::after,.hGroup h2.floatHeader span.cBlack{font-size:6vw!important}
.sliderItem .txtWrap .hGroup > *,.ceItem.hasBg .itemWrap .hGroup > *{font-size:5vw!important}
.slideNav > ::after{font-size:25vw!important}

html,body{background-color:#333}
#page{min-height:100vw}

header{padding:0 10vw}
.standPage header,.standPage header > *{position:static!important}
header > *{display:inline-block}
/* .scrolled header{display:none} */
header figure{top:9vw;left:0;right:auto;width:100%;text-align:center}
.scrolled header figure{position:static}
.standPage header figure{width:auto;text-align:right}
header figure .brand img{width:80vw!important}
.scrolled figure .brand img,.standPage figure .brand img{width:40vw!important}
header .infoBar{left:0;right:auto;width:100%;text-align:center}
.standPage header .infoBar,.scrolled header .infoBar{display:none}
header .rootLine{display:none}

main > article > section.ceItem.fullPage{margin-bottom:0!important;height:100vh!important}
main > article > section.ceItem:last-child{display:-moz-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}

footer{display:block;padding:5vw;height:50vw}
footer > *{width:100%!important}

#mediaBox .horiz .right .galWrap{display:none!important}
#mediaBox .ceItem.contExtd:last-child{display:none!important}
#mediaBox .ceItem.text.noBg.noImg.hasBody .txtWrap{padding:0 10vw!important;width:100%!important}
#mediaBox .horiz .right{padding-top:10vw!important}

#page .ceItem.h100,#page .h100{height:auto!important}
#mediaBox .ceItem.text{padding-bottom:25vw}
#mediaBox .ceItem.text.hasBody{padding-bottom:15vw}
.standPage main .ceItem.noBg, .standPage main .ceItem.hasBg{padding:5vw}
.ceItem.text.hasBg .txtWrap .bodyText{width:100%;max-width:unset}
.ceItem.noBg .itemWrap, .ceItem.hasBg .itemWrap{padding:0}
.ceItem .galWrap{height:auto!important}
.ceItem .galWrap .imgRow{display:block}
.ceItem .galWrap .imgCol{margin:0!important;width:auto!important;height:100vh!important}

#mediaBox .ceItem.hasBg:first-child .bgWrap{background-position:80% top}

#mediaBox .ceItem .galWrap .imgRow{height:80vh;overflow:auto}
#mediaBox .ceItem .galWrap .imgCol{height:100%!important}

#mediaBox .ceItem.contExtd .itemWrap.gallery{padding:25vw 10vw 10vw;height:100%!important}
#mediaBox .ceItem.contExtd .itemWrap.gallery .txtWrap{top:25vw;left:10vw}

main > article > .ceItem.hasBg:first-child{background-color:#555}
main > article > .ceItem.hasBg:first-child .bgWrap{position:static;height:calc(50% - 65px)!important;background-position:50% 0;background-size:100% auto}
main > article > .ceItem.hasBg:first-child .itemWrap{height:50%!important}

.slideNav{display:none;bottom:calc(50% - 10vw)!important;width:auto!important;height:auto!important}
.slideNav.next *::before{display:none}

section .scrollPanel{display:block}
.scrolled section .scrollPanel,.standPage section .scrollPanel{display:none}
.scrollDown:not(.def){padding:1.5vw 0!important;width:100%;height:auto!important;-webkit-clip-path:none;clip-path:none}
.scrollDown:not(.def) > *::after,.scrollDown:not(.def) > *:hover::after{content:'Öffnungszeiten & Preise';position:static}
.scrolled .scrollDown:not(.def) > *::after,.scrolled .scrollDown:not(.def) > *:hover::after{content:'\eac8'}
.scrolled .scrollUp{display:none!important}

.hGroup *{text-align:center}
.hGroup h2:only-child{margin:0}

/* .ceItem table:not(.contenttable),.ceItem table:not(.contenttable) tbody,.ceItem table:not(.contenttable) tr,.ceItem table:not(.contenttable) td{display:block} */
.ceItem table:not(.contenttable){margin:0 5%;width:90%}
.ceItem .tableCaption{margin:5% 5% 0;width:90%}
.ceItem .tableCaption p{line-height:1.5}
}


/* tablet, landscape iPad, lo-res laptops ands desktops */
@media only screen and (min-width:641px) and (max-width:1024px) {
/* body::before{content:"Tablet (641px > 1024px, Z:241)";display:block;position:fixed;bottom:.5vw;left:0;z-index:99;padding:5px 10px;font-size:14px;text-align:center;background:rgba(0,255,255,.9);transition:opacity 1s} */
/* body:hover::before{-moz-opacity:0;-webkit-opacity:0;-o-opacity:0;-ms-opacity:0;opacity:0;transition:opacity 1s} */


}


/* smartphones, iPhone, smaller tablets, e-books */
@media only screen and (min-width:200px) and (max-width:640px) {
/* body::before{content:"Smartphone (> 480px), Z:409";display:block;position:fixed;bottom:.5vw;left:0;z-index:99;padding:5px 10px;font-size:14px;text-align:center;background:rgba(255,255,0,0.9);transition:opacity 1s} */
/* body:hover::before{-moz-opacity:0;-webkit-opacity:0;-o-opacity:0;-ms-opacity:0;opacity:0;transition:opacity 1s} */

.ceItem.hasBg.hasBody .itemWrap .txtWrap .bodyText p,.sliderItem .txtWrap .bodyText p,#mediaBox .ceItem .bodyText p{font-size:2.25vh;line-height:3.2vh}
}

/* menus */
@media only screen and (min-width:200px) and (max-width:1024px) {
.menu.main ul.level-1 li a,.menu.main ul.level-1 li span,.menu.main ul.level-1 > li:last-of-type > span a,.menu.main ul.level-1 li.hasSub .handler::before,
.menu.main ul.level-1 li.headLine .title,#page .menu.main ul.level-1 li.headLine .title *,.menu.main ul.level-1 li.headLine .close::before{font-size:5vw!important}

.menu.main{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.menu.main ul.level-0{width:100%}
.menu.main ul.level-0 li.submenu{position:static;width:100%;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.navExpd .menu.main ul.level-0 .donate{display:none}
.menu.main ul.level-0 .ham{order:4;margin-right:5vw;font-size:12vw}
.menu.main ul.level-0 .ham.cur{position:absolute;z-index:20001;top:30px;left:40px}
.portalPage .menu.main ul.level-0 .ham{margin-right:0}
.menu.main ul.level-0 .ham::before{display:none}
.menu.main ul.level-0 .small{margin:0;padding:10px 3vw;font-size:8vw}
.menu.main ul.level-0 .twitter{order:3}
.menu.main ul.level-0 .facebook{order:2}
.menu.main ul.level-0 .phone{order:1}
.menu.main ul.level-1,.menu.main ul.level-2,.menu.main ul.level-3{position:absolute;top:0;left:-100%;height:auto;background-color:#fff;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;box-shadow:none}
.menu.main ul.level-1.cur,.menu.main ul.level-2.cur,.menu.main ul.level-3.cur,
.menu.main ul.level-1.act,.menu.main ul.level-2.act,.menu.main ul.level-3.act{position:static;width:100%}
.menu.main ul.level-1.cur{padding:10vw 0 0;width:100%;height:2000vh}
.menu.main ul.level-1 > li{z-index:auto}
.menu.main ul.level-2.cur{margin:20px 40px 20px 0;padding:20px;background-color:#f2f2f2}
.menu.main ul.level-2.clps{padding-bottom:80px}
.navExpd .menu.main ul.level-2.act{left:-100%}
.navExpd .menu.main ul.level-2.act.cur{left:0}
.menu.main ul.level-2.clsd{left:-100% !important}
.menu.main ul.level-2 li .title a{padding-right:30px!important}
.menu.main ul.level-2 li.headLine{position:absolute;top:10px;left:0;padding:0;width:auto;border:none}
.menu.main ul.level-2 li.headLine .title,.menu.main ul.level-3 .headLine .title{display:none!important}
.menu.main ul.level-2 li.headLine .close{height:5vw}
.menu.main ul.level-2 li.headLine .close::before{top:.8vw;line-height:1}
.menu.main ul.level-3.cur{margin:10px 0;padding:20px;background-color:#e2e2e2}

/* .navExpd .menu.main ul.level-1 > li.act > .handler{display:none} */

#topBox > nav ul{width:100%;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
#topBox > nav ul li{margin:0 2vw 20px}
#topBox > nav ul li a .main{display:inline-block}
#topBox > nav ul li a .sub{display:none}

.rootLine li a{display:block;text-align:right}
.rootLine li a .title{width:100%;text-align:center}
.rootLine li a .title strong{font-size:8vw}
.rootLine li a .subTitle{display:inline-block;margin-top:15px;padding:5px 10px;width:auto;font-size:5vw;color:#fff;background-color:rgba(0,0,0,.8)}

.breadCrumb{margin:0 40px;width:calc(100% - 80px)}
.breadCrumb span{font-size:4vw}
.jobPage .breadCrumb .breadCur{height:auto}
.jobPage .breadCrumb .breadCur h2{position:relative;left:0}
.jobPage .breadCrumb .breadCur h2::before{bottom:-40px}
.jobPage .breadCrumb .breadCur h2 > *{font-size:6vw}

ul.accMenu{margin-bottom:40px!important;padding-bottom:40px!important}
ul.accMenu li{margin:0 1.5vw 3vw;padding:10px 15px}

.menu.page ul{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.menu.page ul li{margin:0}

ul.cList{margin:30px 0 0!important;height:auto}
.contentAcc .accItem .addressDetail .addText > .addContact ul.cList{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
ul.cList li{margin:0 0 10px 0!important;width:100%}
.contentAcc .accItem .addressDetail .addText > .addContact ul.cList li{margin:10px 0 0!important}
.contentAcc .accItem .addressDetail .addText > .addContact ul.cList li:first-child{margin:0!important}
ul.cList li a,ul.cList li.fax i,ul.cList li.hours i,ul.cList li.hours label{padding:2.5vw;text-align:center}
ul.cList li.hours{position:relative}
ul.cList li.hours:hover > div,ul.cList li.hours > div.cur{min-height:15vw}
ul.cList li.hours .hourItem.aID-show{top:18vw;left:2.5vw;width:calc(100% - 5vw)}
ul.cList li.hours .hourWrap strong{font-size:4vw}
ul.cList li.email div,ul.cList li.fax div,ul.cList li.hours > div{display:none;position:static}
ul.cList li.email:hover div,ul.cList li.fax:hover div,ul.cList li.hours:hover > div{}
ul.cList li.fax div.cur,ul.cList li.hours > div.cur{display:block;padding:10px 15px;width:100%;font-size:4vw}

.catMenu ul li,.catMenu ul li span{width:100%}
.catMenu ul li span.btn > * > *{text-align:center}

.imgFloat ul.cList{margin:40px 0 20px!important}
.imgFloat ul.cList li.email div,.imgFloat ul.cList li.fax div,.imgFloat ul.cList li.hours > div{z-index:500;top:auto;bottom:150%}
}

/* news */
@media only screen and (min-width:200px) and (max-width:1024px) {
#subBox1 .newsSlide .slick-arrow{left:-30px;width:auto!important}
#subBox1 .newsSlide .slick-arrow.slickNext{right:-30px;left:auto;width:auto!important}

#subBox1 .news{display:-moz-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}

#subBox1 .newsLatest{order:1;margin:0;padding:0 100px;width:100%}
#subBox1 .newsLatest article{padding:0;width:100%}
#subBox1 .newsLatest article figure{height:30vw}
#subBox1 .newsMore{margin-top:30px}

#subBox1 .newsSearch{margin-bottom:40px;text-align:center}
#subBox1 .newsSearch .btn.acc.search{position:static}

#subBox1 .newsArchive{order:2;position:static;margin:40px 40px 0;padding-top:40px;width:calc(100% - 80px);text-align:center;border-top-width:1px}
#subBox1 .newsArchive .btn.archive a{padding-bottom:15px!important}
#subBox1 .newsArchive .btn.archive a::before{position:relative;top:2px}

.newsLatest.newsIndex{padding:0 40px!important}
.newsLatest.newsIndex article{display:block!important;padding:0 0 40px!important;width:100%!important}

.newsSingle .newsText,.newsSingle .newsMedia{float:none!important;padding:0!important;width:100%!important}
.newsSingle .newsMedia{order:1;margin-bottom:20px}
.newsSingle .newsText{order:2}
.newsSingle .newsNav > span,.newsSingle .newsNav > span > *,.newsSingle .newsNav .prevNext,.newsSingle .newsNav .prevNext > *,.newsSingle .newsNav .prevNext a{display:block;width:100%}
.newsSingle .newsNav .prevNext{margin:30px 0}

.newsPageNav{margin:0;padding:40px 0 0}
.newsPageNav ul li{margin:0 3vw}
}

/* fonts */
@media only screen and (min-width:200px) and (max-width:1024px) {
/* nav .menu.main ul.level-0 .ham{font-size:40vw} */
}
@media only screen and (min-width:200px) and (max-width:480px) {
/* nav .menu.main ul.level-1 > li > span .handler,nav .menu.main ul.level-1 > li > span.title .handler::after{font-size:14px} */
/* nav .menu.main ul.level-1 > li > span.title .handler::before{font-size:12px} */
}

/* height */
@media only screen and (max-height:800px) {


}

html[lang=de] .en,html[lang=de_DE] .en,html[lang=de-DE] .en,html[lang=en] .de,html[lang=en_EN] .de,html[lang=en-EN] .de{display:none!important}
.clearer{clear:both!important;float:none!important;margin:0!important;padding:0!important;width:100%!important;height:1px!important;color:transparent!important;background:none transparent!important}