/* --- MAINMENU --- */

.menu.main .level-2 .commonDesign > .li > span.title .mainTitle:hover{text-decoration:none;color: var(--main-color);transition: color 0.3s ease, transform 0.3s ease;}

.menu.main{margin:0;width:100%}
header nav .menu.main{padding-top:10px;width:95%}

nav a,nav a:hover{text-decoration:none;color:inherit}
header nav > section + *{display:inline-block}

.noteBox .hGroup .h2,.noteBox .hGroup .h2 *,.menu.main .fixBtn span::before,.menu.main .level-1 > li > span.title > a,.menu.main .level-1 > li > span.title > span#expdLevel-2,
.siteMap .level-1 > li > a,.siteMap .level-2 > li > span.title > a{font-family:bold,arial,helvetica,awesome5,awesome5b,awesome5l,awesome5s,icofont,sans-serif;font-weight:bold}

.noteBox .hGroup .h2,.noteBox .hGroup .h2 *,.siteMap .level-1 > div > a{font-weight:600}
.levels-all .menu.main:not(.subClosed) .level-3 > div > .title > *{font-weight:bold}

.menu .li a i{font-style:normal;-webkit-transition:all .4s;transition:all .4s}

/* notebox */

.noteBox{padding-bottom:20px}
.noteBox .hGroup{margin:0 0 20px!important;padding:0}
.noteBox .hGroup:only-child,.noteBox .hGroup:last-child{margin:0!important}
.noteBox ul li{text-indent:-20px}
.noteBox ul li::before{content:'\eed6';margin-right:10px;font-family:icofont;font-weight:bold}

/* additional plugins */

header nav .menuPlugins{position:relative;padding-bottom:10px;height:55%}
header nav .menu.main.horizMenu.hasPlug + .menuPlugins{width:20%}
header nav .menu.main.horizMenu.hasPlug + .menuPlugins.hasSpacer{width:calc(20% - 1px)}
header nav .menu.main.horizMenu.hasPlug.plugRight + .menuPlugins{width:auto}
header nav .noPlugin + .menuPlugins{display:none}
header nav .main.menu.plugRight.hasHam + .menuPlugins{margin-left:25px}

header nav .menuPlugins > *{display:inline-block;padding:0 0 17px 15px;width:auto}
header nav .mclickArrow + .menuPlugins > *{padding-bottom:12px}
header nav .menuPlugins > * ~ *{padding-left:25px}

header nav .main.menu.horizMenu.plugLeft + .menuPlugins .search form{right:auto!important;left:0!important}

/* hamburger button */

.menu.main #ham{display:inline-block;position:relative;margin-bottom:20px;width:50px;height:50px;line-height:1;border:2px solid var(--main-color);-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-transition:all .4s;transition:all .4s}
.menu.main:not(.hasHam) #ham,.menu.page #ham{display:none}
.menu.main #ham:hover,.menu.main #ham.cur{border-color:var(--main-color);-webkit-transition:all .6s;transition:all .6s}
.menu.main #ham::before{content:'Menü öffnen';display:none;position:absolute;z-index:50;top:100%;right:0;margin-top:5px;max-height:0;overflow:hidden;text-align:center;line-height:1.2;-webkit-transition:all .4s;transition:all .4s;white-space:nowrap}
.scrolled .menu.main #ham::before{top:0;right:auto;left:calc(100% + 20px)}
.menu.main #ham.cur::before{content:'Menü schließen'}
.menu.main #ham:hover::before{padding:5px 10px;max-height:none;overflow:visible;-webkit-transition:all .4s;transition:all .4s}

/* levels */

.menu.main .level-1{width:100%}
.menu.main .level-1 > .li{position:relative;width:auto}
.menu.main .level-1 > .li > span.title{display:block;position:relative}
.menu.main .level-1 > .li > span.title::after{content:'';display:block;margin-top:5px;width:100%;height:3px;background-color:var(--main-color);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}
.menu.main .level-1 > .li > span.title:hover::after,.menu.main .level-1 > .li > span.title.act::after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:all .4s;transition:all .4s}
.menu.main .level-1 > .li > span.title > *{width:100%;font-family:bold,helvetica,sans-serif;font-weight:bold;line-height:1.3;cursor:pointer;-webkit-transition:all .6s;transition:all .6s}
.menu.main .level-1 > .li > span.title > .expdLevel > *::after{position:relative;top:2px;margin-left:10px}
.menu.main .level-1 > .li.cur > span.title *,.menu.main .level-1 > .li > span.title:hover > .expdLevel > *{color:var(--main-color)}
.menu.main .level-2 .headline,.menu.main .level-1 .handler,.menu.main .level-1 > .li > .titleGroup > .subtitle{display:none}
.menu.main .level-1 > .li > .titleGroup{display:block;width:100%}
.menu.main .level-1 > .li > span.title > a > span{text-align:center}

.menu.main .subContainer{display:none;position:fixed;z-index:292;left:0;width:100%;max-height:calc(100% - 160px);overflow-y:auto;background-color:#fff;border-top:1px solid #d2d2d2}
.menu.main .subContainer{scrollbar-width:thin;scrollbar-color:Transparent transparent}
.menu.main .subContainer::-webkit-scrollbar{width:8px}
.menu.main .subContainer::-webkit-scrollbar-track{background:transparent}
.menu.main .subContainer::-webkit-scrollbar-thumb{background-color:#f2f2f2;border-radius:4px;border:2px solid transparent;background-clip:content-box}
.menu.main .subContainer::-webkit-scrollbar-thumb:hover{background-color:var(--main-color)}
.menu.main .level-2{margin:0 auto;padding:30px 0;width:calc(75rem - 4.574rem)}
.menu.main.mhover:not(.hasHam) .level-1 > .li:hover > span.title + .level-2{height:auto;overflow:visible;-webkit-transition:all .4s;transition:all .4s;transform:scaleY(1);transform:scaleY(1)}
.menu.main.mhover:not(.hasHam) .level-1 > .li:hover > span.title + .level-2,.menu.main .level-2.expd,.menu.main .level-2.fixed{padding-top:50px;padding-bottom:20px}

.menu.main .li.act > .level-2,.menu.main .level-2.expd,.menu.main .level-2.fixed{transform:scaleY(1);transform:scaleY(1);-webkit-box-shadow:0 4px 4px rgba(0,0,0,.2);box-shadow:0 4px 4px rgba(0,0,0,.2)}
.menu.main.hasHam .li.act > .level-2,.menu.main.hasHam .level-2.expd{transform:none;-webkit-box-shadow:none;box-shadow:none}

.menu.main .level-2 .levelHeader{display:none;position:absolute;top:0;left:15%;margin:40px 0;width:12%;height:calc(100% - 80px);white-space:unset;border-right:2px solid var(--main-color)}
.menu.main .level-2 .levelHeader > *{padding-right:40%;font-family:medium,helvetica,sans-serif,awesome5,awesome5b,awesome5l,awesome5s,microns,icofont;font-weight:bold;line-height:1.2}

.menu.main .level-2 .buttonDesignWrap{display:none;padding:0 0 30px}
.menu.main .level-2 .buttonDesignWrap.hasButtons{display:block}
.menu.main .level-2 .buttonDesignWrap::after{content:'';display:block;margin-top:10px;width:100%;height:4px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.2);-ms-box-shadow:0 4px 4px rgba(0,0,0,.2);box-shadow:0 4px 4px rgba(0,0,0,.2)}
.menu.main .level-2 .buttonDesign{padding:0 5%}
.menu.main .level-2 .buttonDesign > span{margin:0 10px 15px;-webkit-border-radius:25px;border-radius:25px}
.menu.main .level-2 .buttonDesign > span > a{display:block}
.menu.main .level-2 .buttonDesign > span > a > i{font-style:normal}
.menu.main .level-2 .buttonDesign > span > a > .mainTitle{display:inline-block;padding-top:2px;vertical-align:top}

.menu.main .level-2 .commonDesign{width:65%}
.menu.main .level-2 .commonDesign > .li{padding-right:40px;width:50%}
.menu.main .level-2 .commonDesign > .li:nth-child(even){padding-right:0}
.menu.main .level-2 .commonDesign > .li > span.title{display:block;padding:0 0 15px;width:100%;height:100%;font-family:medium,helvetica,sans-serif,awesome5,awesome5b,awesome5l,awesome5s,microns,icofont;line-height:1.2;text-align:left}
.menu.main .level-2 .commonDesign > .li > span.title > a{display:block;padding:0;width:100%;height:100%}
.menu.main .level-2 .commonDesign > .li:first-of-type > span.title > a{border-top:none}
.menu.main .level-2 .commonDesign > .li > span.title > a::before{content:'\f178';display:none;position:relative;margin-right:5px;color:var(--color-red);-webkit-transition:all .4s;transition:all .4s}
.menu.main .level-2 .commonDesign > .li > span.title > a:hover::before,.menu.main .level-2 .commonDesign  > .li.cur > span.title > a::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.menu.main .level-2 .commonDesign > .li > span.title .mainTitle{display:block;width:100%;text-decoration:underline}
.menu.main .level-2 .commonDesign > .li > span.title .mainTitle:hover,.menu.main .level-2 .commonDesign > .li.cur > span.title .mainTitle{text-decoration:none}
.menu.main .level-2 .commonDesign > .li.cur > span.title .mainTitle{color:var(--main-color)}
.menu.main .level-2 .commonDesign > .li > span.title .subTitle{display:block;margin-top:10px;width:100%;font-family:light,helvetica,sans-serif,awesome5,awesome5b,awesome5l,awesome5s,microns,icofont;font-weight:normal;line-height:1.8}
.menu.main .level-2 .commonDesign > .li > span.title img{position:relative;top:5px;width:24px!important;height:24px!important;margin-right:5px}

.menu.main .level-2 .addText{padding:20px 0 0}
.menu.main .level-2 .addText p br{float:left;width:auto}
.menu.main .level-2 .addText a{margin-left:15px;text-decoration:underline;-webkit-transition: color 0.3s ease, transform 0.3s ease;transition: color 0.3s ease, transform 0.3s ease}
.menu.main .level-2 .addText a:hover{text-decoration:none;color: var(--main-color);-webkit-transform: translateY(-2px);transform: translateY(-2px)}

.menu.main .level-2 .innerPluginWrap{width:35%;padding:10px 0 20px 40px}
.menu.main .level-2 .innerPlugin{padding:20px;border-radius:5px;border: 1px solid #d6d6d6;box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);-ms-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);}
.menu.main .level-2 .innerPlugin .ceItem,.menu.main .level-2 .innerPlugin > *{width:100%}
.menu.main .level-2 .innerPlugin .buttonBox{margin-top:20px;text-align:center}
.menu.main .level-2 .innerPlugin .btn{margin:0;width:100%;text-align:center}
.menu.main .level-2 .innerPlugin .btn a{padding:7px 20px 10px}
.menu.main .level-2 .innerPlugin .btn a::after{content:'\f105';display:inline-block;position:relative;top:1px}
.menu.main .level-2 .innerPlugin .txtBody{padding:20px 0 0}
.menu.main .level-2 .innerPlugin .txtBody p{line-height:1.8}
.menu.main .level-2 .innerPlugin .newsLatest{margin:0;width:100%}
.menu.main .level-2 .innerPlugin .newsLatest:not(.newsSlide) article{margin:0;width:100%!important;-webkit-box-shadow:none;-ms-box-shadow:none;box-shadow:none}
.menu.main .level-2 .innerPlugin .newsLatest article .newsMedia{height:150px}
.menu.main .level-2 .innerPlugin .newsLatest article .newsMedia figure{border:1px solid #d2d2d2;-webkit-border-radius:5px;border-radius:5px}
.menu.main .level-2 .innerPlugin .newsLatest article .newsText{padding:20px 0 0}
.menu.main .level-2 .innerPlugin .newsLatest article .newsTeaser{display:none}
.menu.main .level-2 .innerPlugin .newsLatest article .newsMore{padding:0}

/* button expand levels */

.menu.main:not(.hasHam) button.expdLevel,.menu.main:not(.mhover):not(.hasHam) .level-2 button.expdLevel,.menu.main.hasHam.subOpened button.expdLevel{display:none}
.menu.main:not(.hasHam) .level-2 button.expdLevel + a,.menu.main.hasHam.subOpened button.expdLevel + a{width:100%}
.menu.main.subClosed .level-2 button.expdLevel{display:-moz-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}

/* clickmenu horizontal */

.menu.main.horizMenu.hasPlug{width:80%}
.menu.main.horizMenu.hasOwn.hasPlug{min-width:50%;width:auto}
nav.mainNav.rev .menu.main.horizMenu.hasOwn.hasPlug{min-width:unset}

.menu.main.mclick .level-1 > div > span.title.hasExpd,.menu.main.mclickArrow .level-1 > div > span.title.hasExpd{position:relative}
.menu.main.mclick .level-1 > div > span.title.hasExpd *,.menu.main.mclickArrow .level-1 > div > span.title.hasExpd *{line-height:1.3;-webkit-transition:background-color .4s, transform .4s;transition:background-color .4s, transform .4s}

.menu.main.mclickArrow .level-1 > div > span.title > a{-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}

.menu.main.mclick .level-1 > div > span.title > .expdLevel,.menu.main.mclickArrow .level-1 > div > span.title > .expdLevel{cursor:pointer}
.menu.main.mclick .level-1 > div > span.title > .expdLevel.aCenter,.menu.main.mclickArrow .level-1 > div > span.title > .expdLevel.aCenter{text-align:center}
.menu.main.mclick .level-1 > div > span.title > .expdLevel.aEnd,.menu.main.mclickArrow .level-1 > div > span.title > .expdLevel.aEnd{text-align:right}
.menu.main.mclick .level-1 > div > span.title.hasExpd > a > span,.menu.main.mclick .level-1 > div > span.title > .expdLevel > span,
.menu.main.mclickArrow .level-1 > div > span.title.hasExpd > a > span,.menu.main.mclickArrow .level-1 > div > span.title > .expdLevel > span{display:inline-block}

.menu.main.mclick .level-1 > div > span.title > button.expdLevel,.menu.main.mclickArrow .level-1 > div > span.title > button.expdLevel{display:block;width:100%;text-align:center;line-height:1;cursor:pointer}
.menu.main.mclick .level-1 > div.noSub > span.title > button.expdLevel,.menu.main.mclickArrow .level-1 > div.noSub > span.title > button.expdLevel{display:none}
.menu.main.mclick .level-1 > div > span.title > button.expdLevel > span,.menu.main.mclickArrow .level-1 > div > span.title > button.expdLevel > span{display:inline-block}

.menu.main.mclick .level-1 > div > span.title + .subContainer,.menu.main.mclick .level-1 > div > span.title:hover + .subContainer,
.menu.main.mclickArrow .level-1 > div > span.title + .subContainer,.menu.main.mclickArrow .level-1 > div > span.title:hover + .subContainer{-webkit-transform:scaleY(0);transform:scaleY(0)}
.menu.main.mclick .level-1 > div.act > .subContainer,.menu.main.mclick .level-1 > div > span.title + .subContainer.expd,
.menu.main.mclickArrow .level-1 > div.act > .subContainer,.menu.main.mclickArrow .level-1 > div > span.title + .subContainer.expd{-webkit-transform:scaleY(1)!important;transform:scaleY(1)!important}

.menu.main.mclick.subClosed .level-2 > div > span.title,.menu.main.mclickArrow.subClosed .level-2 > div > span.title,.menu.main.mhover.subClosed .level-2 > div > span.title{padding:0}

/* hamburger menu */

.menu.main.hasHam #ham::before{content:'Menü öffnen';display:none;position:absolute;z-index:50;top:100%;right:0;margin-top:5px;max-height:0;overflow:hidden;text-align:center;line-height:1.2;-webkit-transition:all .4s;transition:all .4s;white-space:nowrap}
.scrolled .menu.main.hasHam #ham::before{top:0;right:auto;left:calc(100% + 20px)}
.menu.main.hasHam #ham.act::before{content:'Menü schließen'}
.menu.main.hasHam #ham:hover::before{padding:10px;max-height:none;overflow:visible;-webkit-transition:all .6s;transition:all .6s}

.menu.main.hasHam .level-1{display:block;position:absolute;z-index:4;right:-102%;padding:0 0 20px;width:50%;height:auto;-webkit-transition:all 1s;transition:all 1s}
.navExpd .menu.main.hasHam .level-1{right:0}

.menu.main.hasHam .level-1 div{position:relative;z-index:4;margin:0 20% 0 30px;padding:0;width:calc(80% - 30px);overflow-x:hidden;text-align:right}
.menu.main.hasHam .level-1 div.act{padding-right:20px}

.menu.main.hasHam .level-1 div span.title{display:inline-block;position:relative;margin-left:0!important;width:100%}
.menu.main.hasHam .level-1 div span.title::after{display:none}

.menu.main.hasHam .level-1 div span.title a{position:relative;padding-right:30px!important;-webkit-transition:all .4s;transition:all .4s}
.menu.main.hasHam .level-1 div span.title:hover a{padding-right:40px!important}
.menu.main.hasHam .level-1 div span.title a::after{content:'\f176';position:absolute;right:5px;font-family:awesome5l;-webkit-transform:rotate(25deg);transform:rotate(25deg);-webkit-transition:all .4s;transition:all .4s}
.menu.main.hasHam .level-1 div span.title a:hover::after{right:15px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}

.menu.main.hasHam .level-1 div > span.title.act,.menu.main.hasHam .level-1 div > span > *:hover,.menu.main.hasHam .level-1 > div > span > *,.menu.main.hasHam .level-1 > div > span > *:hover::before,
.menu.main.hasHam .level-1 div > span.cur > *{padding-bottom:0;border:none!important}
.menu.main.hasHam .level-1 div .title button.expdLevel .maintitle{display:none}

.menu.main.hasHam .level-1 div > span.title > button.expdLevel{line-height:1}
.menu.main.hasHam .level-1 div.noSub > span.title > button.expdLevel{display:none}

.menu.main.hasHam .level-1 div a,.menu.main.hasHam .level-1 div span,.menu.main.hasHam .level-1 > div:last-of-type > span a{margin:0!important;text-align:right;border-top-color:transparent!important}
.menu.main.hasHam .level-1 div a{display:block;position:relative;width:100%}

.menu.main.hasHam .level-1 div > span.title > a{padding:12px 0}
.menu.main.hasHam .level-1 div > span.title > a::after{top:12px}

.menu.main.hasHam .level-1 > div > span.title > a::before{content:'';position:absolute;bottom:0;right:0;width:100%;height:100%;-webdivt-transform:scaleX(0);transform:scaleX(0);-webkiz-transform-origin:right;transform-origin:right;-webkit-transition:all .4s;transition:all .4s}
.menu.main.hasHam .level-1 > div:hover > span.title > a::before,.menu.main.hasHam .level-1 > div.act > span.title > a::before{-webdivt-transform:scaleX(1);transform:scaleX(1);-webkit-transition:transform .6s;transition:transform .6s}

.menu.main.hasHam .level-1 div > span.title > a > *{position:relative;z-index:2;top:unset!important;right:unset!important;bottom:unset!important;left:unset!important}

.menu.main.hasHam .level-2,.menu.main.hasHam .level-3,.menu.main.hasHam .level-4{display:block;position:static;padding:0!important;border:none;-webkit-transform:scaleY(1);transform:scaleY(1)}
.menu.main.hasHam .level-2 div{margin:0!important;padding:0!important;width:100%!important}
.menu.main.hasHam .level-2 div > span.title{padding:0!important;font-family:regular,helvetica,sans-serif,awesome5,awesome5b,awesome5l,awesome5s,microns,icofont;border:none!important}
.menu.main.hasHam .level-2 > div.act > span.title > a,.menu.main.hasHam .level-2 > div.cur > span.title > a{font-family:medium,helvetica,sans-serif,awesome5,awesome5b,awesome5l,awesome5s,microns,icofont;font-weight:bold}

.menu.main.hasHam .level-3{margin-top:0}
.menu.main.hasHam .level-3 > div.noSub > span.title > button{display:none}
.menu.main.hasHam .level-3 > div > * > *{padding:10px 0!important}

.menu.main.hasHam .level-4{margin-top:1px}
.menu.main.hasHam .level-4 > div{padding:0!important}

.menu.main.hasHam .level-2{padding-left:40px!important}
.menu.main.hasHam .level-3{padding-left:40px!important}
.menu.main.hasHam .level-4{padding-left:40px!important}

.menu.main.hasHam:not(.subClosed) .level-1.jEnd .level-2 > div > span.title > a{padding-right:40px!important}
.menu.main.hasHam:not(.subClosed) .level-1.jStart .level-2 > div > span.title > a{padding-left:40px!important}
.menu.main.hasHam:not(.subClosed) .level-1.jEnd .level-2 > div > span.title > a::after{right:15px!important}
.menu.main.hasHam:not(.subClosed) .level-1.jStart .level-2 > div > span.title > a::after{left:15px!important}


/* --- SITEMAP --- */

.siteMap ul{margin:20px 0 0!important;padding:0 0 0 20px!important;width:100%!important}
.siteMap ul li{text-indent:0!important}
.siteMap ul li a{text-decoration:none!important;-webkit-transition:all .4s;transition:all .4s}
.siteMap ul li a::after{line-height:1;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all .4s;transition:all .4s}
.siteMap ul li a:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform-origin:center center;transform-origin:center center}

.siteMap .level-1{margin:0 0 0 -20px!important;padding:0!important;width:calc(100% + 20px)!important}
.siteMap .level-1 > li{display:inline-block;margin:20px 0 0 20px;padding:20px;border:1px solid #a2a2a2}
.siteMap .level-1 > li{width:calc(33.33% - 20px)}

.siteMap .level-2{padding-top:20px!important;border-top:1px solid #a2a2a2}

.siteMap .level-3 > li > span.title > a{display:inline-block;width:auto}
.siteMap .level-3 > li > span.title > a::after{content:'\ea94';display:inline-block;position:relative;top:2px;margin-left:5px;font-family:icofont;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.siteMap .level-3 > li > span.title > a:hover::after{-webkit-transform:rotate(0);transform:rotate(0)}

.siteMap button.expdLevel{display:none}


/* --- PICMENU --- */

/* filter */

.catMenu ul.filterList{margin:0!important;padding:0 0 20px!important;width:100%;border-bottom:1px solid #a2a2a2}
.noteBox + .picNav.hasFilter .catMenu ul.filterList{padding-top:30px!important;border-top:1px solid #a2a2a2}

.catMenu ul.filterList li.filterItem{margin:0 10px;width:auto;text-indent:0}
.catMenu ul.filterList li.filterItem label{padding:10px 12px;-webkit-transition:all .4s;transition:all .4s}
.catMenu ul.filterList li.filterItem .btn label{color:#000!important}
.catMenu ul.filterList li.filterItem .btn:hover label{color:#fff!important}

/* menu items */

.galOverview{margin-left:-20px;width:calc(100% + 20px)}
.catMenu + .galOverview{margin-top:20px}

#page .picItem{margin:20px 0 20px 20px;width:calc(25% - 20px)}
#page #subBox3 .picItem{margin:20px 0 0 20px}
#page .picItem.act{-webkit-opacity:.4;opacity:.4}
#page .picItem.act:hover{-webkit-opacity:1;opacity:1}

#page .picItem .galImg{display:block!important;position:relative;z-index:3;width:100%;height:270px;-webkit-transition:all .4s;transition:all .4s}
#page .picItem .galImg:hover figure,#page .picItem.act .galImg figure{-webkit-opacity:.6;opacity:.6}

#page .picItem .galImg figure,.picItem .galImg video{border:1px solid #e2e2e2}
#page .picItem .galImg figure{display:block;height:100%;overflow:hidden;-webkit-transition:all .4s;transition:all .4s}
#page .picItem .galImg:hover figure{border:3px solid var(--main-color)}
#page .picItem.act .galImg figure{border:2px solid #a2a2a2}
#page .picItem .galImg figure + figure{display:none}
#page .picItem .galImg figure a{display:block;position:relative;height:100%;overflow:hidden;background:transparent url(../../../../addconfig/Resources/Public/img/defaults/dummy.jpg)}
#page .picItem .galImg figure img{width:100%!important;height:100%!important;object-fit:cover;object-position:top;-webkit-transition:all .4s;transition:all .4s}

#page .picItem .galImg figcaption.hGroup{display:inline-block;position:absolute;z-index:2;top:auto!important;bottom:0;left:0;margin:0!important;padding:0!important;width:auto!important;max-width:80%;height:auto!important}
#page .picItem .galImg .title,.picItem .galImg .hGroup br{display:none}
#page .picItem .galImg .subtitle{display:inline-block;position:relative;padding:10px 40px 10px 20px;width:auto;height:auto;font-weight:bold}
#page .picItem .galImg .subtitle::after{content:'\f176';position:absolute;top:14px;right:20px;font-family:awesome5l;-webkit-transition:all .4s;transition:all .4s}

#page .picItem .galImg video{height:100%;cursor:pointer}
#page .picItem .galImg video + .hGroup{top:0;bottom:auto;-moz-border-radius:15px 0 0 0;-webkit-border-radius:15px 0 0 0;-ms-border-radius:15px 0 0 0;border-radius:15px 0 0 0}

#page .picItem .galImg figure img{background-color:#e2e2e2}
#page .picItem .galImg figcaption.hGroup{background-color:rgba(0,0,0,.6)}
#page .picItem .galImg:hover figcaption.hGroup{background-color:var(--main-color)}
#page .picItem.act .galImg figcaption.hGroup{background-color:rgba(0,0,0,.4)}
#page .picItem.act .galImg:hover figcaption.hGroup{background-color:rgba(0,0,0,.4)!important}
#page .picItem .galImg figcaption.hGroup *{color:#fff!important}

#page .picItem .galImg figure,.picItem .galImg video{-moz-border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;border-radius:15px}

#page .picItem .galImg figure:hover,#page .picItem.act .galImg figure{-webkit-transform:scale(.95);transform:scale(.95)}
#page .picItem .galImg.hasVideo figure:hover{-webkit-transform:scale(1);transform:scale(1)}

#page .picItem .galImg .subtitle::after{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#page .picItem .galImg:hover .subtitle::after{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}


/* --- TOPBOX MENU / LANGUAGE MENU --- */

header ul.topMenu{text-align:right}
header ul.topMenu li{display:inline-block;margin-left:15px;width:auto;height:auto!important}
header ul.topMenu li:nth-child(3){display:none}
header ul.topMenu li > span{display:block;border:1px solid transparent;-webkit-border-radius:2px;border-radius:2px;-webkit-transition:all .4s;transition:all .4s}
header ul.topMenu li > span:not(.hasColor){border-color:#212121}
header ul.topMenu li > span.hasColor:hover{filter:brightness(1.5)}
header ul.topMenu li > span:not(.hasColor):hover{border-color:var(--main-color)}
header ul.topMenu li a{display:block;padding:8px 20px 12px;line-height:1;color:inherit;background-color:transparent}
header ul.topMenu li a:hover,header ul.topMenu li.act a{text-decoration:none}
header ul.topMenu li > span:not(.hasColor):hover *{color:var(--main-color)}

header ul.langMenu{text-align:right}
header ul.langMenu li{display:inline-block;width:auto;height:auto!important}
header ul.langMenu li:last-child{margin-left:-1px}
header ul.langMenu li span{display:block}
header ul.langMenu li a{display:block;padding:12px 20px;font-family:regular,arial,helvetica,sans-serif,awesome5,awesome5b,awesome5l,awesome5s,microns,icofont,icofontAdd;font-weight:normal;line-height:1;color:#212121;background-color:#fff;border:1px solid #a2a2a2;-webkit-border-radius:2px;border-radius:2px;-webkit-transition:all .4s;transition:all .4s}
header ul.langMenu li.act a{font-weight:bold;font-family:medium,arial,helvetica,sans-serif;background-color:#eaeaea}
header ul.langMenu li a:hover{text-decoration:none;color:var(--main-color);border-color:var(--main-color)}

header ul.langMenu li.disabled{display:block;padding:12px 20px 12px;font-family:regular,arial,helvetica,sans-serif,awesome5,awesome5b,awesome5l,awesome5s,microns,icofont,icofontAdd;font-weight:normal;line-height:1;border:1px solid #a2a2a2;-webkit-border-radius:2px;border-radius:2px;-webkit-opacity:.4;opacity:.4;-webkit-transition:all .4s;transition:all .4s}


/* --- FOOTER MENU --- */

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

.menu.page .level-1{text-align:right}
.menu.page .level-1 .li{display:inline-block;margin-left:30px;width:auto}
.menu.page .level-1 .li span{display:block;color:#fff}
.menu.page .level-1 .li a{display:block;padding:0;color:#fff}
.menu.page .level-1 .li a,.menu.page .level-1 .li a *{-webkit-transition:all .4s;transition:all .4s}
.menu.page .level-1 .li a:hover,.menu.page ul .li.act a,.menu.page .level-1 .li a:hover *,.menu.page ul .li.act a *{text-decoration:none;color:rgba(255,255,255,.6)}
.menu.page .level-1 .li a img{position:relative;top:5px;width:20px;height:20px;-webkit-opacity:.6;opacity:.6;-webkit-transition:all .4s;transition:all .4s}
.menu.page .level-1 .li a:hover img{-webkit-opacity:1;opacity:1}
.menu.page .li a i{position:relative;top:5px;color:rgba(255,255,255,.6)}
.menu.page .li a:hover i{color:#fff!important}


/* --- ROOTLINES --- */

.rootLine{margin-top:10px}
.scrolled .rootLine,header.small .rootLine{text-align:center}
.scrolled .rootLine ul,header.small .rootLine ul{display:inline-block;width:100%}
.rootLine li{display:none}
.rootLine li.act{display:inline-block;width:100%}
.rootLine li a{display:block;width:100%;text-align:center}
.rootLine li a > span{display:block;color:#000;-webkit-transition:all .4s;transition:all .4s}
.rootLine li a .title{display:inline-block;min-width:10vw;width:auto}
.rootLine li a .title strong{-webkit-transition:all .4s;transition:all .4s}
.scrolled .rootLine li a .title strong,header.small .rootLine li a .title strong{-webkit-transition:all .6s;transition:all .6s}
.rootLine li a .subTitle{padding:15px 0 0 0;width:100%;text-align:center}

.breadWrap{display:none;padding-top:40px}
.breadCrumb{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #d2d2d2}
.breadCrumb span.cur::after,.breadCrumb span.last::after{display:none}
.breadCrumb span.root::after,.breadCrumb span.prev::after{padding:0 5px}
.breadCrumb span.root:hover,.breadCrumb span.root a:hover,.breadCrumb span.root:hover::after,.breadCrumb span.root a:hover::after,.breadCrumb span.prev a:hover,.breadCrumb span.prev a:hover::after{color:var(--main-color)}
.breadCrumb .cur{color:var(--color-red);font-weight:bold}
.breadCrumb span.root a:hover ~ .cur,.breadCrumb span.prev a:hover ~ .cur{color:#000}
.breadCrumb .print a::after,#page-190 .breadCrumb span.last{color:var(--main-color)}
.breadCrumb .print a:hover::after{color:#ac0e0c}

.bgTxt.header-101 .hGroup h2::before,.bgTxt.header-101 .hGroup h2::after,.singleContentText .prodTxt .interest span.fwd::before,.singleContentText .prodTxt .interest span.fwd::after,
h2.patch::before,h2.patch::after{content:'';display:inline-block;position:absolute;z-index:10;padding:0;width:25px;height:100px;background-color:rgba(235,235,235,.6)}

.bgTxt.header-101 .hGroup h2::before{bottom:-40px;left:0}
.bgTxt.header-101 .hGroup h2::before{left:10px;height:70px}
.bgTxt.header-101 .hGroup h2::after{top:-50px;right:-15px;width:35px;height:100px}
.bgTxt.header-101 .hGroup h2::after{right:-5px;width:25px;height:80px}
h2.patch::before{bottom:-30px!important;left:0}
h2.patch::after{bottom:-30px!important;right:0}
.bgTxt.header-101 .hGroup h2 > *,h2.patch > *,.ceItem.txtTeaser .hGroup h2.patch > *:only-child{display:block;margin-bottom:1.5vw;padding:10px 60px;font-family:medium,arial,helvetica,sans-serif;font-weight:normal;text-transform:uppercase;color:#fff!important;background-color:var(--main-color);white-space:nowrap}
.bgTxt.header-101 .hGroup h2 > *{padding:10px 5%;font-weight:bold;font-family:black,arial,helvetica,sans-serif;text-transform:uppercase}
h2.patch > *,.ceItem.txtTeaser .hGroup h2.patch > *:only-child{margin:0;-webkit-transition:all .4s;transition:all .4s}
h2.patch:hover > *,.ceItem.txtTeaser .hGroup h2.patch:hover > *:only-child,h2.patch.expd > *,.ceItem.txtTeaser .hGroup h2.patch.expd > *:only-child{margin:0;background-color:#323232;-webkit-transition:all .6s;transition:all .6s}
.frame-112.bgTxt.header-101 .hGroup h2 > *{padding:15px 5%}
.bgTxt.red.header-101 .hGroup h2 > *{color:var(--main-color)!important;background-color:#fff}
.bgTxt.grey.header-101 .hGroup h2 > *{background-color:var(--main-color)}

#page .hGroup.patchBox.expd{padding-bottom:0!important}
h2.patch.expd{position:static;width:100%!important}
h2.patch.expd::before{display:none}
h2.patch.expd::after{content:'\eee4';bottom:auto!important;top:50px!important;right:50px;font-family:icofont;background-color:transparent!important}
h2.patch.expd > *{padding:0!important;-webkit-transition:none!important;transition:none!important}


/* --- LARGER VIEWPORTS --- */

@media only screen and (min-width:2000px) {
	#page .picItem,#page .mapItem{width:calc(20% - 20px)}
	#page .picItem .galImg,#page .mapItem .mapImg{height:370px}
}

@media only screen and (min-width:1400px) {
	header nav .menuPlugins.leftSpacer::before,header nav .menuPlugins.rightSpacer::after{content:'';display:inline-block;position:relative;bottom:0;width:1px;height:100%}
	header nav .menuPlugins.leftSpacer::before{border-left:1px solid #a2a2a2}
	header nav .menuPlugins.rightSpacer::after{border-right:1px solid #a2a2a2;padding-right:20px}
}