/*
 * Waldner site header — CSS extracted verbatim from the live site scrape
 * (scraped/produktseite/.../assets/css/c7697cf5c1455e6c.css), so the header
 * renders pixel-identical to waldner.de. Do not hand-edit; re-extract from the
 * scrape if the live header changes. Icon assets live in assets/img/header/.
 * Markup is injected by assets/js/header.js into <header id="site-header">.
 */
@font-face{font-family:"iconfont";src:url(../../img/header/e89d10d0f498ba12.woff) format("woff"),url(../../img/header/107646bc4704d973.ttf) format("truetype");font-style:normal;font-weight:normal}
.fa-external-link:before{content:"\f08e"}
.fa-external-link-square:before{content:"\f14c"}
.icon-external-link-solid:before{content:"\e906"}
.page-header-mellow{position:fixed;top:0;right:0;left:0;z-index:6;background-color:#fff;border-bottom:1px solid #F1F1F1}
.page-header-mellow+*{margin-top:7.6875rem}
.page-header-mellow .content-wrap{display:flex;justify-content:space-between}
.page-header-mellow .left{padding:3rem 0 1.5rem 0;transition:padding 0.2s}
.page-header-mellow .left .logo{width:6.375rem;height:auto;transition:width 0.2s}
.page-header-mellow .left .logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}
.page-header-mellow .left .logo.logo-au{width:12.625rem}
.page-header-mellow .right{display:flex;margin-top:1.1875rem;justify-content:space-between;flex-direction:column;transition:margin-top 0.2s}
.page-header-mellow.scrolled .left{padding-top:0.875rem;padding-bottom:0.875rem}
.page-header-mellow.scrolled .left .logo{width:5rem}
.page-header-mellow.scrolled .left .logo.logo-au{width:8.25rem}
.page-header-mellow.scrolled .right{margin-top:0}
@media (max-height:850px),(max-width:1440px){.page-header-mellow+*{margin-top:4.0625rem}
.page-header-mellow .content-wrap{align-items:center}
.page-header-mellow .left{padding:1rem 0}
.page-header-mellow .left .logo{width:4.375rem}
.page-header-mellow .left .logo.logo-au{width:8.25rem}
.page-header-mellow .right{margin-top:0}
}
.nav-level-1{display:flex;height:100%}
.nav-level-1>li{display:flex;height:100%;padding:0 1.25rem;align-items:center;text-align:center;transition:background-color 0.3s}
.nav-level-1>li>a{font-size:18px;line-height:1.5555555556}
.nav-level-1>li>*{text-align:left}
.nav-level-1>li.has-submenu.flyout-double,.nav-level-1>li.has-submenu.flyout-fourfold,.nav-level-1>li.has-submenu.flyout-single,.nav-level-1>li.has-submenu.flyout-triple{position:relative}
.nav-level-1>li.is-active,.nav-level-1>li:not(.contact):hover{background-color:#F1F1F1}
.nav-level-1>li.contact{padding:0 20px}
.nav-level-1>li.contact a{position:relative;color:#fff}
.nav-level-1>li.contact a:before{content:"";position:absolute;top:-0.25rem;left:-0.625rem;display:block;width:calc(100% + 20px);height:calc(100% + 0.5rem);background-color:#32A5FF;transition:background-color 0.3s}
.careerpage .nav-level-1>li.contact a:before{background-color:#02E8C2}
.nav-level-1>li.contact a span{position:relative}
.nav-level-1>li.contact:hover a:before{background-color:#76C3FF}
.careerpage .nav-level-1>li.contact:hover a:before{background-color:#005EA8}
.nav-level-1>li:first-child.contact{padding-left:0.625rem}
.nav-level-1>li:last-child.contact{padding-right:0.625rem}
.nav-level-1 a{display:block;min-width:auto;flex-grow:1;flex-shrink:1;text-decoration:none}
.nav-level-1 a:hover~.nav-level-2{display:flex;transition:top 0.3s}
body.eretec .nav-level-1>li.contact a{color:#fff}
body.eretec .nav-level-1>li.contact a:before{background-color:#005EA8}
body.eretec .nav-level-1>li.contact:hover a{color:#fff}
body.eretec .nav-level-1>li.contact:hover a:before{background-color:rgba(0,94,168,0.8)}
body.eretec .nav-level-1>li.is-active>a,body.eretec .nav-level-1>li:hover>a{color:#005EA8}
@media (max-width:1280px){.nav-level-1>li.has-submenu.flyout-double,.nav-level-1>li.has-submenu.flyout-fourfold,.nav-level-1>li.has-submenu.flyout-triple{position:inherit}
}
.nav-level-2{position:absolute;top:80px;right:0;z-index:7;display:none;width:100%;margin-top:3px;transform-origin:top;box-shadow:0 3px 6px rgba(0,0,0,0.08);transition:transform 0.3s,top 0.3s}
.nav-level-2:hover{display:flex}
.nav-level-2:after,.nav-level-2:before{content:"";position:absolute;left:0;display:block;width:100%}
.nav-level-2:after{top:-3px;height:3px;background-color:#F1F1F1}
.nav-level-2:before{top:-34px;height:34px}
.nav-level-2>.nav{width:100%;padding:30px 30px 40px;flex-direction:row;background-color:#fff}
.nav-level-2>.nav>ul{display:flex;flex-wrap:wrap}
.nav-level-2>.nav>ul>li{margin-right:30px}
.nav-level-2>.nav>ul>li>a{font-size:18px;font-weight:600;line-height:1.5555555556}
.nav-level-2>.nav>ul>li.is-active>a{text-decoration:underline}
.nav-level-2>.nav a{position:relative}
.nav-level-2>.nav a:hover{text-decoration:underline}
body.benelux .nav-level-1 li:first-of-type .nav-level-2{right:unset;left:0}
.flyout-single .nav-level-2{width:352px}
.flyout-single .nav-level-2>.nav>ul>li{width:100%}
.flyout-single .nav-level-2>.nav>ul>li+li{margin-top:1.875rem}
.flyout-double .nav-level-2{width:616px}
.flyout-double .nav-level-2>.nav>ul>li{width:calc(50% - 15px - 1px)}
.flyout-double .nav-level-2>.nav>ul>li:nth-child(2n){margin-right:0}
.flyout-double .nav-level-2>.nav>ul>li:nth-child(n+3){margin-top:1.875rem}
.flyout-triple .nav-level-2{width:632px}
.flyout-triple .nav-level-2>.nav>ul>li{width:calc(33.3333333333% - 20px - 1px)}
.flyout-triple .nav-level-2>.nav>ul>li:nth-child(3n){margin-right:0}
.flyout-triple .nav-level-2>.nav>ul>li:nth-child(n+4){margin-top:1.875rem}
.flyout-fourfold .nav-level-2{width:930px}
.flyout-fourfold .nav-level-2>.nav>ul>li{width:calc(25% - 22.5px - 1px)}
.flyout-fourfold .nav-level-2>.nav>ul>li:nth-child(4n){margin-right:0}
.flyout-fourfold .nav-level-2>.nav>ul>li:nth-child(n+5){margin-top:1.875rem}
.flyout-five-times .nav-level-2>.nav>ul>li{width:calc(20% - 24px - 1px)}
.flyout-five-times .nav-level-2>.nav>ul>li:nth-child(5n){margin-right:0}
.flyout-five-times .nav-level-2>.nav>ul>li:nth-child(n+6){margin-top:1.875rem}
@media (max-width:1600px){.flyout-fourfold .nav-level-2{width:632px}
.flyout-fourfold .nav-level-2>.nav>ul>li{width:calc(33.3333333333% - 20px - 1px)}
.flyout-fourfold .nav-level-2>.nav>ul>li:nth-child(3n){margin-right:0}
.flyout-fourfold .nav-level-2>.nav>ul>li:nth-child(4n){margin-right:1.875rem}
.flyout-fourfold .nav-level-2>.nav>ul>li:nth-child(n+4){margin-top:1.875rem}
}
@media (max-width:1280px){.flyout-double body:not(.benelux) .nav-level-2{width:100%}
.flyout-double body:not(.benelux) .nav-level-2>.nav>ul>li{width:calc(33.3333333333% - 20px - 1px)}
.flyout-double body:not(.benelux) .nav-level-2>.nav>ul>li:nth-child(2n){margin-right:1.875rem}
.flyout-double body:not(.benelux) .nav-level-2>.nav>ul>li:nth-child(3n){margin-right:0}
.flyout-double body:not(.benelux) .nav-level-2>.nav>ul>li:nth-child(n+3){margin-top:0}
.flyout-double body:not(.benelux) .nav-level-2>.nav>ul>li:nth-child(n+4){margin-top:1.875rem}
.flyout-fourfold body:not(.benelux) .nav-level-2,.flyout-triple body:not(.benelux) .nav-level-2{width:100%}
.flyout-five-times body:not(.benelux) .nav-level-2>.nav>ul>li{width:calc(25% - 22.5px - 1px)}
.flyout-five-times body:not(.benelux) .nav-level-2>.nav>ul>li:nth-child(4n){margin-right:0}
.flyout-five-times body:not(.benelux) .nav-level-2>.nav>ul>li:nth-child(5n){margin-right:1.875rem}
.flyout-five-times body:not(.benelux) .nav-level-2>.nav>ul>li:nth-child(n+5){margin-top:1.875rem}
}
.nav-level-3{margin-top:6px}
.nav-level-3 li{position:relative}
.nav-level-3 li+li{margin-top:0.25rem}
.nav-level-3 li>a{font-size:16px;line-height:1.625}
.nav-level-3 li.is-active>a{text-decoration:underline}
@media (max-width:1024px){.nav-level-1{height:auto;flex-direction:column;transform:none;box-shadow:0 3px 6px rgba(0,0,0,0.05);transition:background-color 0.3s,height 0.3s}
.nav-level-1:after,.nav-level-1:before{display:none}
.nav-level-1>li{position:relative;height:auto;padding:0;border-top:2px solid #005EA8;flex-direction:column;flex-grow:0;align-items:flex-start;text-align:left}
.nav-level-1>li+li{border-top:2px solid #F1F1F1}
.nav-level-1>li.has-submenu .level-2-opener{background-color:transparent;pointer-events:all}
.nav-level-1>li.has-submenu .level-2-opener:after{color:#005EA8}
.nav-level-1>li.has-submenu.flyout-double,.nav-level-1>li.has-submenu.flyout-fourfold,.nav-level-1>li.has-submenu.flyout-triple{position:relative}
.nav-level-1>li:not(.has-submenu) .level-2-opener{display:none}
.nav-level-1>li.contact{display:none}
.nav-level-1>li:first-child.contact{padding-left:0}
.nav-level-1>li a{color:#005EA8;font-size:18px;line-height:28px}
.nav-level-1>li>*{transform:none}
.nav-level-1>li:after,.nav-level-1>li:before{display:none}
.nav-level-1>li.is-active,.nav-level-1>li:hover{background-color:transparent}
.nav-level-1>li.is-active>a,.nav-level-1>li:hover>a{text-decoration:underline}
.nav-level-1>li.is-active{padding:0;margin:0}
.nav-level-1 a{min-width:100%;padding:1.3125rem 5rem 1.3125rem 2.5rem;flex-grow:0}
.nav-level-1 a:hover~.nav-level-2{display:none}
body.careerpage .nav-level-1>li.contact{display:block;padding:0;background-color:#02E8C2}
body.careerpage .nav-level-1>li.contact a:after,body.careerpage .nav-level-1>li.contact a:before{display:none}
body.careerpage .nav-level-1>li.contact a:hover{text-decoration:none}
body.careerpage .nav-level-1>li.contact:hover{background-color:#005EA8}
}
body.eretec .nav-level-1>li.is-active>a,body.eretec .nav-level-1>li:hover>a{text-decoration:none}
@media (max-width:680px){.nav-level-1{transition:margin-top 0.3s}
}
@media (max-width:1024px){.nav-level-2{position:static;width:100%;margin-top:0;transform:none!important;box-shadow:none}
.nav-level-2:before{display:none}
.nav-level-2:after{display:none}
.nav-level-2>.nav{padding:0;border:none;flex-direction:column}
.nav-level-2>.nav>ul{width:100%;border-top:2px solid #F1F1F1;padding:0.8125rem 0}
.nav-level-2>.nav>ul>li{position:relative;padding:0}
.nav-level-2>.nav>ul>li+li{margin-top:0}
.nav-level-2>.nav>ul>li.has-submenu:after{pointer-events:all}
.nav-level-2>.nav>ul>li.has-submenu>a:after{display:none}
.nav-level-2>.nav>ul>li.has-submenu .level-3-opener{pointer-events:all}
.nav-level-2>.nav>ul>li.has-submenu .level-3-opener:after{color:#005EA8}
.nav-level-2>.nav>ul>li:not(.has-submenu) .level-3-opener{display:none}
.nav-level-2>.nav>ul>li a{padding:0.6875rem 5rem 0.6875rem 2.5rem;font-size:16px;font-weight:400;line-height:26px}
.nav-level-2>.nav>ul>li a:before{display:none}
.nav-level-2>.nav>ul>li.is-active>a,.nav-level-2>.nav>ul>li:hover>a{text-decoration:underline}
.flyout-double .nav-level-2,.flyout-five-times .nav-level-2,.flyout-fourfold .nav-level-2,.flyout-single .nav-level-2,.flyout-triple .nav-level-2{width:100%}
.flyout-double .nav-level-2>.nav>ul>li,.flyout-five-times .nav-level-2>.nav>ul>li,.flyout-fourfold .nav-level-2>.nav>ul>li,.flyout-single .nav-level-2>.nav>ul>li,.flyout-triple .nav-level-2>.nav>ul>li{width:100%;margin:0!important}
}
@media (max-width:680px){.nav-level-2-single .nav{display:flex;flex-grow:1}
}
@media (max-width:1024px){.nav-level-3{display:none;margin-top:0}
.nav-level-3>li{position:relative;z-index:2;padding:0}
.nav-level-3>li+li{margin-top:0;border-top:none}
.nav-level-3>li>a{padding:0.5625rem 5rem 0.5625rem 4.375rem!important;font-size:14px!important;line-height:24px!important}
.nav-level-3>li.is-active>a,.nav-level-3>li:hover>a{text-decoration:underline}
}
@media (max-width:1300px){body.benelux .nav-level-1{height:auto;flex-direction:column;transform:none;box-shadow:0 3px 6px rgba(0,0,0,0.05);transition:background-color 0.3s,height 0.3s}
body.benelux .nav-level-1:after,body.benelux .nav-level-1:before{display:none}
body.benelux .nav-level-1>li{position:relative;height:auto;padding:0;border-top:2px solid #005EA8;flex-direction:column;flex-grow:0;align-items:flex-start;text-align:left}
body.benelux .nav-level-1>li+li{border-top:2px solid #F1F1F1}
body.benelux .nav-level-1>li.has-submenu.is-active,body.benelux .nav-level-1>li.has-submenu:hover{background-color:transparent}
body.benelux .nav-level-1>li.has-submenu .level-2-opener{background-color:transparent;pointer-events:all}
body.benelux .nav-level-1>li.has-submenu .level-2-opener:after{color:#005EA8}
body.benelux .nav-level-1>li.has-submenu.flyout-double,body.benelux .nav-level-1>li.has-submenu.flyout-fourfold,body.benelux .nav-level-1>li.has-submenu.flyout-triple{position:relative}
body.benelux .nav-level-1>li:not(.has-submenu) .level-2-opener{display:none}
body.benelux .nav-level-1>li.contact{display:none}
body.benelux .nav-level-1>li:first-child.contact{padding-left:0}
body.benelux .nav-level-1>li a{color:#005EA8;font-size:18px;line-height:28px}
body.benelux .nav-level-1>li>*{transform:none}
body.benelux .nav-level-1>li:after,body.benelux .nav-level-1>li:before{display:none}
body.benelux .nav-level-1>li.is-active>a,body.benelux .nav-level-1>li:hover>a{text-decoration:underline}
body.benelux .nav-level-1>li.is-active{padding:0;margin:0}
body.benelux .nav-level-1 a{min-width:100%;padding:1.3125rem 5rem 1.3125rem 2.5rem;flex-grow:0}
body.benelux .nav-level-1 a:hover~.nav-level-2{display:none}
}
@media (max-width:1300px){body.benelux .nav-level-2{position:static;width:100%;margin-top:0;transform:none!important;box-shadow:none}
body.benelux .nav-level-2:before{display:none}
body.benelux .nav-level-2:after{display:none}
body.benelux .nav-level-2>.nav{padding:0;border:none;flex-direction:column}
body.benelux .nav-level-2>.nav>ul{width:100%;border-top:2px solid #F1F1F1;padding:0.8125rem 0}
body.benelux .nav-level-2>.nav>ul>li{position:relative;width:100%;padding:0}
body.benelux .nav-level-2>.nav>ul>li+li{margin-top:0}
body.benelux .nav-level-2>.nav>ul>li.has-submenu:after{pointer-events:all}
body.benelux .nav-level-2>.nav>ul>li.has-submenu>a:after{display:none}
body.benelux .nav-level-2>.nav>ul>li.has-submenu .level-3-opener{pointer-events:all}
body.benelux .nav-level-2>.nav>ul>li.has-submenu .level-3-opener:after{color:#005EA8}
body.benelux .nav-level-2>.nav>ul>li:not(.has-submenu) .level-3-opener{display:none}
body.benelux .nav-level-2>.nav>ul>li a{padding:0.6875rem 5rem 0.6875rem 2.5rem;font-size:16px;font-weight:400;line-height:26px}
body.benelux .nav-level-2>.nav>ul>li a:before{display:none}
body.benelux .nav-level-2>.nav>ul>li.is-active>a,body.benelux .nav-level-2>.nav>ul>li:hover>a{text-decoration:underline}
.flyout-double body.benelux .nav-level-2,.flyout-five-times body.benelux .nav-level-2,.flyout-fourfold body.benelux .nav-level-2,.flyout-single body.benelux .nav-level-2,.flyout-triple body.benelux .nav-level-2{width:100%}
.flyout-double body.benelux .nav-level-2>.nav>ul>li,.flyout-five-times body.benelux .nav-level-2>.nav>ul>li,.flyout-fourfold body.benelux .nav-level-2>.nav>ul>li,.flyout-single body.benelux .nav-level-2>.nav>ul>li,.flyout-triple body.benelux .nav-level-2>.nav>ul>li{width:100%;margin:0!important}
}
@media (max-width:1300px){body.benelux .nav-level-3{display:none;margin-top:0}
body.benelux .nav-level-3>li{position:relative;z-index:2;padding:0}
body.benelux .nav-level-3>li+li{margin-top:0;border-top:none}
body.benelux .nav-level-3>li>a{padding:0.5625rem 5rem 0.5625rem 4.375rem!important;font-size:14px!important;line-height:24px!important}
body.benelux .nav-level-3>li.is-active>a,body.benelux .nav-level-3>li:hover>a{text-decoration:underline}
}
.page-header-mellow .meta-navigation-mellow-list{display:flex;align-items:center}
.page-header-mellow .meta-navigation-mellow-list li+li{margin-left:1.125rem}
.page-header-mellow .meta-navigation-mellow-list a,.page-header-mellow .meta-navigation-mellow-list button{display:flex;width:100%;padding:0;border:none;color:#005EA8;font-size:1rem;font-weight:400;line-height:2.125rem;text-align:center;background-color:transparent;transition:color 0.2s}
.page-header-mellow .meta-navigation-mellow-list a.active,.page-header-mellow .meta-navigation-mellow-list a:hover,.page-header-mellow .meta-navigation-mellow-list button.active,.page-header-mellow .meta-navigation-mellow-list button:hover{color:#303030;text-decoration:none}
.page-header-mellow .meta-navigation-mellow-list a.active,.page-header-mellow .meta-navigation-mellow-list button.active{font-weight:600}
.page-header-mellow .meta-navigation-mellow-list .nav-level-2-mellow{position:relative}
.page-header-mellow .meta-navigation-mellow-list .nav-level-2-mellow li+li{margin-left:0;margin-top:0.625rem}
.page-header-mellow .meta-navigation-mellow-list .nav-level-2-mellow .flyout,.page-header-mellow .meta-navigation-mellow-list .nav-level-2-mellow .language-list{position:absolute;top:100%;right:0;z-index:11;width:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding:1.25rem 1.875rem;margin:0;background:#F1F1F1}
.page-header-mellow .meta-navigation-mellow-list{}
.page-header-mellow .meta-navigation-mellow-list .nav-level-2-mellow:not([open]) .flyout,.page-header-mellow .meta-navigation-mellow-list .nav-level-2-mellow:not([open]) .language-list{display:none}
.page-header-mellow .meta-navigation-mellow-list{}
.page-header-mellow .meta-navigation-mellow-list .nav-level-2-mellow[open] .flyout{display:block}
.page-header-mellow .meta-navigation-mellow-list .nav-level-2-mellow[open] .language-list{display:flex;justify-content:flex-start}
.page-header-mellow .meta-navigation-mellow-list .nav-level-2-mellow[open] summary>a{color:#303030}
.page-header-mellow .meta-navigation-mellow-list .language-trigger,.page-header-mellow .meta-navigation-mellow-list .login,.page-header-mellow .meta-navigation-mellow-list .search-trigger{position:relative;display:flex;padding-right:1.5625rem;align-items:center}
.page-header-mellow .meta-navigation-mellow-list .language-trigger:after,.page-header-mellow .meta-navigation-mellow-list .login:after,.page-header-mellow .meta-navigation-mellow-list .search-trigger:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);color:#005EA8;line-height:1}
.page-header-mellow .meta-navigation-mellow-list .language-trigger:after{content:url(../../img/header/a457c35f5837e4ec.svg);display:inline-block;width:1.25rem;height:1.25rem}
.page-header-mellow .meta-navigation-mellow-list .search-trigger:after{content:url(../../img/header/2d90f9f288c8358d.svg);display:inline-block;width:1.375rem;height:1.375rem}
.page-header-mellow .meta-navigation-mellow-list .login:after{content:url(../../img/header/d8d1631597c7ba78.svg);display:inline-block;width:1.25rem;height:1.25rem}
.page-header-mellow .meta-navigation-mellow-list .language-list li+li{margin-top:0}
.page-header-mellow .meta-navigation-mellow-list .language-list li+li:before{content:"|";margin-left:0.625rem;margin-right:0.625rem;color:#303030}
.page-header-mellow .meta-navigation-mellow-list .language-list a,.page-header-mellow .meta-navigation-mellow-list .language-list span{display:inline-block;color:#005EA8;font-size:1rem;font-weight:400;line-height:2rem}
.page-header-mellow .meta-navigation-mellow-list .language-list a.active,.page-header-mellow .meta-navigation-mellow-list .language-list span.active{color:#303030;font-weight:600;cursor:not-allowed}
.page-header-mellow .meta-navigation-mellow-list .language-list a{display:inline}
.page-header-mellow.scrolled .meta-navigation-mellow-list{display:none}
@media (max-height:850px),(max-width:1440px){.page-header-mellow nav{all:unset}
.page-header-mellow nav .meta-navigation-item{display:none}
.page-header-mellow .meta-navigation-mellow .language-trigger,.page-header-mellow .meta-navigation-mellow .login,.page-header-mellow .meta-navigation-mellow .search-trigger{font-size:0}
.page-header-mellow .meta-navigation-mellow .language-trigger:after,.page-header-mellow .meta-navigation-mellow .login:after,.page-header-mellow .meta-navigation-mellow .search-trigger:after{width:2rem;height:2rem}
.page-header-mellow .meta-navigation-mellow .search-trigger:after{width:2.25rem;height:2.25rem}
.page-header-mellow .meta-navigation-mellow li+li{margin-left:1.5625rem}
}
nav#main-navigation>ul{display:flex;justify-content:flex-end}
nav#main-navigation>ul>li>.navigation-level-1>summary>a.active{background-color:#F1F1F1}
nav#main-navigation>ul .no-submenu.active,nav#main-navigation>ul .no-submenu:hover{background-color:#F1F1F1}
nav#main-navigation>ul .navigation-level-1>.flyout>ul .no-submenu{padding:0}
nav#main-navigation>ul .navigation-level-1>.flyout>ul .no-submenu.active,nav#main-navigation>ul .navigation-level-1>.flyout>ul .no-submenu:hover{color:#303030;background-color:transparent}
nav#main-navigation>ul li+li{margin-top:0;margin-left:0.3125rem}
nav#main-navigation>ul summary{transition:background-color 0.2s}
nav#main-navigation>ul .meta-navigation-item{display:none}
nav#main-navigation>ul a{display:inline-block;width:100%;padding:1.125rem 1.25rem;color:#005EA8;font-size:1.25rem;font-weight:600;text-decoration:none;transition:background-color 0.2s}
nav#main-navigation>ul a:hover{background-color:#F1F1F1}
nav#main-navigation>ul .navigation-level-1[open]>summary>a{background-color:#F1F1F1}
nav#main-navigation .navigation-level-1>.flyout{position:fixed;top:7.6875rem;left:0;display:none;width:100vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:#fff;z-index:10}
nav#main-navigation .navigation-level-1>.flyout>ul{display:grid;width:100%;max-width:1810px;padding-right:5rem;padding-left:5rem;padding-top:3.25rem;padding-bottom:3.25rem;margin:auto;grid-template-columns:19.8125rem 1fr 1fr 1fr 1fr 1fr;grid-template-areas:"teaser navcol1 navcol2 navcol3 navcol4 navcol5";gap:2.625rem}
nav#main-navigation .navigation-level-1>.flyout>ul :first-child{-ms-grid-row:1;-ms-grid-column:1;grid-area:teaser}
nav#main-navigation .navigation-level-1>.flyout>ul :nth-child(2){-ms-grid-row:1;-ms-grid-column:3;grid-area:navcol1}
nav#main-navigation .navigation-level-1>.flyout>ul :nth-child(3){-ms-grid-row:1;-ms-grid-column:5;grid-area:navcol2}
nav#main-navigation .navigation-level-1>.flyout>ul :nth-child(4){-ms-grid-row:1;-ms-grid-column:7;grid-area:navcol3}
nav#main-navigation .navigation-level-1>.flyout>ul :nth-child(5){-ms-grid-row:1;-ms-grid-column:9;grid-area:navcol4}
nav#main-navigation .navigation-level-1>.flyout>ul :nth-child(6){-ms-grid-row:1;-ms-grid-column:11;grid-area:navcol5}
nav#main-navigation .navigation-level-1:focus-within>.flyout,nav#main-navigation .navigation-level-1[open]>.flyout{display:block}
nav#main-navigation .navigation-level-2:focus-within>ul.navigation-level-3,nav#main-navigation .navigation-level-2[open]>ul.navigation-level-3{display:block}
nav#main-navigation .navigation-level-2 summary{background-color:transparent}
nav#main-navigation .navigation-level-2 summary:hover{background-color:transparent}
nav#main-navigation .navigation-level-2 summary.active{background-color:transparent}
nav#main-navigation .navigation-level-2 summary.active:hover{background-color:transparent}
nav#main-navigation .navigation-level-2 summary.active a{background-color:transparent;color:#303030;font-weight:600}
nav#main-navigation .navigation-level-2 a{padding:0;font-size:1.125rem;line-height:1.3;background-color:transparent}
nav#main-navigation .navigation-level-2 a.active,nav#main-navigation .navigation-level-2 a:hover{background-color:transparent;color:#303030}
nav#main-navigation .navigation-level-2 a.active{font-weight:600}
nav#main-navigation .navigation-level-2>ul{margin-top:1.5rem}
nav#main-navigation .navigation-level-2>ul li+li{margin-left:0;margin-top:1.25rem}
nav#main-navigation .navigation-level-2>ul>li{padding:0}
nav#main-navigation .navigation-level-2>ul>li>a{padding:0;font-size:1.125rem;line-height:1.3;font-weight:lighter}
nav#main-navigation .navigation-level-2>ul>li>a.active,nav#main-navigation .navigation-level-2>ul>li>a:hover{background-color:transparent;color:#303030}
nav#main-navigation .navigation-level-2>ul>li>a.active{font-weight:600}
nav#main-navigation .navigation-level-2+.navigation-level-2{margin-top:3.875rem}
nav#main-navigation .navigation-level-3{margin-top:3.25rem}
nav#main-navigation .navigation-level-3 li a{padding:0;font-size:1.125rem;line-height:1.3;font-weight:lighter}
nav#main-navigation .navigation-level-3 li a.active,nav#main-navigation .navigation-level-3 li a:hover{background-color:transparent;color:#303030}
nav#main-navigation .navigation-level-3 li a.active{font-weight:600}
nav#main-navigation .navigation-level-3 li+li{margin-top:1.25rem;margin-left:0}
nav#main-navigation .external-link{display:flex;align-items:center}
nav#main-navigation .external-link:after{content:url(../../img/header/79b21eec3e015f75.svg);height:1.625rem;margin-left:0.6875rem}
nav#main-navigation .external-link:hover{background-color:transparent;color:#007AFF}
nav#main-navigation .external-link:hover:after{content:url(../../img/header/c156044e6ea90bef.svg)}
.page-header-mellow.scrolled nav#main-navigation .navigation-level-1>.flyout{top:4.25rem}
@media (max-height:850px),(max-width:1440px){.page-header-mellow .main-navigation{position:absolute;top:4.125rem;right:-100%;height:100vh;background-color:#fff;transition:right 0.2s}
.page-header-mellow .main-navigation.open{right:0;border-top:2px solid #005EA8}
.page-header-mellow .main-navigation nav#main-navigation>ul{width:50vw;height:calc(100vh - 4.125rem);flex-direction:column;justify-content:flex-start;overflow:scroll;border-left:1px solid #F1F1F1}
.page-header-mellow .main-navigation nav#main-navigation>ul>li>.navigation-level-1>summary>a.active{color:#303030;font-weight:600;background-color:transparent}
.page-header-mellow .main-navigation nav#main-navigation>ul .no-submenu.active,.page-header-mellow .main-navigation nav#main-navigation>ul .no-submenu:hover{color:#303030;font-weight:600;background-color:transparent}
.page-header-mellow .main-navigation nav#main-navigation>ul .navigation-level-1>.flyout>ul .no-submenu{padding-left:2.5rem}
.page-header-mellow .main-navigation nav#main-navigation>ul .navigation-level-1>.flyout>ul a.active{font-weight:600}
.page-header-mellow .main-navigation nav#main-navigation>ul li+li{margin-left:0;border-top:1px solid #F1F1F1}
.page-header-mellow .main-navigation nav#main-navigation>ul .meta-navigation-item{display:block}
.page-header-mellow .main-navigation nav#main-navigation>ul .meta-navigation-item ul{display:flex;flex-direction:column}
.page-header-mellow .main-navigation nav#main-navigation>ul .meta-navigation-item ul a{padding-top:0.75rem;padding-bottom:0.75rem}
.page-header-mellow .main-navigation nav#main-navigation>ul a{padding-left:2.5rem;font-size:18px;font-weight:500}
.page-header-mellow .main-navigation nav#main-navigation>ul .has-submenu{position:relative}
.page-header-mellow .main-navigation nav#main-navigation>ul .has-submenu:after{content:"\e901";position:absolute;top:1.25rem;right:3.625rem;transform:translateX(-50%);color:#005EA8;font-family:"iconfont",sans-serif;font-size:13px;transition:transform 0.3s;cursor:pointer}
.page-header-mellow .main-navigation nav#main-navigation>ul .has-submenu a{width:80%}
.page-header-mellow .main-navigation nav#main-navigation>ul details[open]>summary.has-submenu{background-color:#F1F1F1}
.page-header-mellow .main-navigation nav#main-navigation>ul details[open]>summary.has-submenu:after{transform:translateX(-50%) rotate(90deg)}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout{all:unset;display:block;margin-top:1rem}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout>ul{padding:0;padding-bottom:2.625rem;grid-template-columns:1fr;grid-template-areas:"navcol1" "navcol2" "navcol3" "navcol4" "navcol5" "teaser";gap:1.25rem}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout>ul li+li{border:none}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout>ul details[open]>summary.has-submenu{background-color:transparent}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout>ul details[open]>summary.has-submenu a{color:#303030}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout>ul a{font-size:16px}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout>ul summary:after{top:0.1875rem}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout .navigation-level-3{padding-bottom:1.25rem;margin-top:0.75rem}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout .navigation-level-3 li+li{margin-top:0.75rem}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout .navigation-level-3 a{font-size:15px}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-2+.navigation-level-2{margin-top:1.125rem}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-2:has(.navigation-level-3 a.active)>summary>a{color:#303030;font-weight:600}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout>ul>:first-child{-ms-grid-row:11;-ms-grid-column:1}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout>ul>:nth-child(2){-ms-grid-row:1;-ms-grid-column:1}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout>ul>:nth-child(3){-ms-grid-row:3;-ms-grid-column:1}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout>ul>:nth-child(4){-ms-grid-row:5;-ms-grid-column:1}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout>ul>:nth-child(5){-ms-grid-row:7;-ms-grid-column:1}
.page-header-mellow .main-navigation nav#main-navigation .navigation-level-1>.flyout>ul>:nth-child(6){-ms-grid-row:9;-ms-grid-column:1}
}
@media (max-width:1024px){.page-header-mellow .main-navigation nav#main-navigation>ul{width:100vw;border-left:none}
.page-header-mellow .main-navigation nav#main-navigation>ul a{padding-left:2.5rem}
.page-header-mellow .main-navigation nav#main-navigation>ul .has-submenu:after{right:2.5rem}
}
nav#main-navigation .flyout .main-navigation-teaser-mellow .top .title{display:block;font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:1%;color:#005EA8}
nav#main-navigation .flyout .main-navigation-teaser-mellow .top .text{display:block;margin-top:1.125rem;font-size:1rem;line-height:1.875rem;color:#303030;letter-spacing:1%}
nav#main-navigation .flyout .main-navigation-teaser-mellow .top a.button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0.625rem 1.75rem;margin-top:1rem}
nav#main-navigation .flyout .main-navigation-teaser-mellow .top a.button:hover{color:#007AFF;background-color:#fff;border:3px solid #007AFF}
nav#main-navigation .flyout .main-navigation-teaser-mellow .top a.button:after{display:none}
nav#main-navigation .flyout .main-navigation-teaser-mellow .bottom{margin-top:4.25rem}
nav#main-navigation .flyout .main-navigation-teaser-mellow .bottom .title{display:block;font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:1%;color:#303030}
nav#main-navigation .flyout .main-navigation-teaser-mellow .bottom a.link{display:block;padding:0;margin-top:1.25rem;color:#303030;font-size:1.25rem;font-weight:400;line-height:2rem;letter-spacing:1%;transition:color 0.2s}
nav#main-navigation .flyout .main-navigation-teaser-mellow .bottom a.link:hover{color:#007AFF;background-color:#fff}
@media (max-height:850px),(max-width:1440px){nav#main-navigation .flyout .main-navigation-teaser-mellow{padding-left:2.5rem;padding-right:2.5rem}
nav#main-navigation .flyout .main-navigation-teaser-mellow .top{display:none}
nav#main-navigation .flyout .main-navigation-teaser-mellow .bottom{margin-top:1.5rem}
nav#main-navigation .flyout .main-navigation-teaser-mellow .bottom .title{font-size:18px;line-height:24px}
nav#main-navigation .flyout .main-navigation-teaser-mellow .bottom a.link{font-size:16px;line-height:22px}
}
.burger-menu-list-item{display:none}
.burger-menu{position:relative;width:30px;height:20px;cursor:pointer}
.burger-menu span{position:absolute;top:50%;translate:0 -50%;display:block;width:30px;height:3px;background-color:#005EA8;opacity:1;transition:opacity 0.2 ease}
.burger-menu:after,.burger-menu:before{content:"";position:absolute;width:30px;height:3px;background-color:#005EA8;rotate:0deg;translate:0 0;transition:all 0.33s ease}
.burger-menu:before{top:0}
.burger-menu:after{bottom:0}
.burger-menu.open span{opacity:0}
.burger-menu.open:before{top:50%;translate:0 -50%;rotate:45deg}
.burger-menu.open:after{top:50%;translate:0 -50%;rotate:-45deg}
@media (max-height:850px),(max-width:1440px){.burger-menu-list-item{display:block}
}
@media (max-width:560px){.burger-menu{width:30px;height:18px}
.burger-menu span{width:30px;height:3px}
.burger-menu:after,.burger-menu:before{width:30px;height:3px}
}
nav#main-navigation ul>.event-ticker{display:none}
nav#main-navigation ul>li>details>.flyout .event-ticker{position:absolute;left:0;bottom:-4.1875rem}
nav#main-navigation .event-ticker{background-color:#007AFF}
nav#main-navigation .event-ticker-link{padding-left:0;padding-right:0}
nav#main-navigation .event-ticker-link:hover{background-color:#007AFF}
nav#main-navigation .event-ticker-text{color:#fff}
@media (max-height:850px),(max-width:1440px){nav#main-navigation .event-ticker{display:none}
}

/* ── Authored layer (Nachbau-Glue — not from the scrape) ───────────────────────
 * The live site relies on a global CSS reset (list bullets + <summary> markers)
 * that lives in its other bundle. Re-apply it scoped to the header so the injected
 * markup renders cleanly here, and lift the fixed header above the sticky CTA
 * (z-index 90) while the off-canvas menu is open. */
.page-header-mellow ul { margin: 0; padding: 0; list-style: none; }
.page-header-mellow summary { list-style: none; cursor: pointer; }
.page-header-mellow summary::-webkit-details-marker { display: none; }
.page-header-mellow summary::marker { content: ""; }
.page-header-mellow.menu-open { z-index: 100; }

/* The live header relies on a global `.content-wrap` (centered, max-width, side
 * gutters) that lives in its other bundle; the scrape only carries the flex rule.
 * Without it the header runs edge-to-edge on wide displays — logo glued to the
 * left viewport edge, nav to the right. Re-apply the live site's exact values
 * (max-width 1810px = 113.125rem, 5rem gutters; tightening at 1600/1024px) so the
 * header keeps its breathing room and the long nav labels stay on one line. */
.page-header-mellow .content-wrap { width: 100%; max-width: 113.125rem; margin-inline: auto; padding-inline: 5rem; }
@media (max-width: 100rem) { .page-header-mellow .content-wrap { padding-inline: 3.75rem; } }
@media (max-width: 64rem) { .page-header-mellow .content-wrap { padding-inline: 2.5rem; } }

/* The off-canvas menu (.main-navigation) is parked at right:-100% below the
 * 1440px/850px breakpoint. Nothing clips it, so it adds a viewport-width of
 * horizontal scroll on narrow screens. Clip it at the root the way the live
 * site does (html{overflow:hidden}). overflow-x: clip — not hidden — does not
 * establish a scroll container, so the page's position:sticky bits keep working. */
html { overflow-x: clip; }