/* Source and licensing information for the line(s) below can be found at https://www.wfbb.de/themes/custom/wfbb/css/elements/header.css. */
#header {
    position:fixed;
    top:0;
    z-index:1000;
    width:100%;
    background-color:var(--color-item-bg-1);
    box-shadow:0 5px 10px rgba(0,0,0,0);
    transition:all ease-in-out .2s;
    height:var(--header-height);
}
#header:before {
    display:block;
    content:'';
    height:100%;
    width:100%;
    background:var(--color-item-bg-1);
    position:absolute;
}
body.scrolled #header {
    box-shadow:0 5px 10px rgba(0,0,0,.15);
}
.navbar {
    max-width:var(--container-width);
    padding:.5rem var(--section-inner-side-padding);
    margin:0 auto;
    max-height:var(--header-height);
}
.navbar.bg-white {
    background-color:var(--color-item-bg-1) !important;
}
.navbar .container {
    display:grid;
    grid-gap:var(--grid-gap);
    grid-template-columns:var(--grid-columns);
}
.navbar-brand {
    padding:0;
    font-size:0;
    margin:0;
    grid-column:span 3;
}
a.navbar-brand img {
    min-height:5.5rem;
}
@media (max-width:1400px) {
    a.navbar-brand img {
        min-height:4.5rem;
    }
}
@media (max-width:767px) {
    a.navbar-brand img {
        min-height:3rem;
        max-height:3rem;
    }
}
#header #CollapsingNavbar {
    grid-column:span 8;
    justify-content:center !important;
    height:100%;
    width:100%;
    background-color: var(--color-white);
}
#header #CollapsingNavbar ul{
    background-color: var(--color-white);

}
nav#block-wfbb-main-menu {
    height:100%;
}
.navbar-nav {
    height:100%;
    flex-wrap:nowrap;
}
li.nav-item {
    margin:0 2px;
    background-color: var(--color-white);
}
li.nav-item.restricted-page > a:before,
li.nav-item.restricted-page > .direct-nav-link > a:before{
	display: inline-block;
	content: ' ';
	width: 1.3em;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	height: 1em;
	background-position: center;
	background-image: var(--icon-lock-closed);
	margin-left: 0.2em;
	color:red;
}
.nav-item > a.nav-link,
.direct-nav-link a {
    font-size:1rem;
    text-transform:uppercase;
    font-weight:700;
    color:var(--color-grey-dark);
    height:100%;
    display:flex;
    align-items:center;
    padding:0 1rem !important;
    border-radius:var(--border-radius);
    background-color:transparent;
    transition:background-color ease-in-out .3s;
}
.direct-nav-link {
    height:100%;
    display:flex;
    align-items:center;
}
.nav-item > a.nav-link:after {
    display:none;
}
.nav-item > a.nav-link:hover,
.nav-item.show > a.nav-link {
    background-color:var(--color-grey-light);
}
.dropdown-menu.megamenu {
    left:50%;
    transform:translateX(-50%);
    width:100vw;
    margin:0;
    border:0;
    border-radius:0;
    box-shadow:0 15px 30px rgba(0,0,0,0);
    padding:0;
    z-index:-1;
    border-top:1px solid rgba(0,0,0,0);
    max-height:0;
    transition:all ease-in-out .4s;
    overflow:hidden;
    float:none;
    display:block;
}
.dropdown-menu.megamenu::-webkit-scrollbar,
.dropdown-menu.megamenu::-webkit-scrollbar {
    width:0;
    height:0;
}
.dropdown-menu.megamenu.show {
    max-height:calc(100vh - var(--header-height));
    padding:var(--section-gap) 0;
    box-shadow:0 15px 30px rgba(0,0,0,.3);
    border-top:1px solid var(--color-grey-light);
    overflow-y:auto;
}
.dropdown-menu.megamenu .row {
    max-width:var(--container-width);
    margin:0 auto;
    padding:0 var(--section-inner-side-padding);
    opacity:0;
    transition:ease-in-out .4s;
}
.dropdown-menu.megamenu.show .row {
    opacity:1;
}
.dropdown-menu.megamenu .title {
    display:none;
}
.dropdown-menu.megamenu .col {
    display:grid;
    grid-gap:var(--grid-gap);
    grid-template-columns:var(--grid-columns);
}
.megamenu .dropdown-item:hover,
.megamenu .dropdown-item:focus{
    background-color: transparent;
}
.col-megamenu {
    grid-column:span 10;
    grid-column-start:2;
    grid-column-end:12;
    display:grid;
    grid-gap:var(--grid-gap);
    grid-template-columns:var(--grid-columns);
}
.col-level1 {
    grid-column:span 3;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding:.25rem .5rem;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
    background-color:var(--color-grey-light);
}
.col-megamenu-level1 .title-level1 > a.nav-link.active.nav-link-.is-active {
    color:var(--color-primary) !important;
}
.navbar-expand-lg .navbar-nav .title-level1 a.nav-link:hover {
    background:transparent;
    color:var(--color-primary) !important;
}
.nav-link:focus, .nav-link:hover {
    color: var(--color-primary);
}
.title-level1 a {
    font-weight:700;
    font-size:var(--font-size);
}
ul.list-unstyled-level1 {
    padding:0;
}
ul.list-unstyled-level1 a {
    font-size:1rem;
    border-bottom:1px solid var(--color-grey-light);
    font-weight:inherit;
}
li.nav-item.dropdown.has-megamenu:before {
    display:block;
    content:'';
    height:100vh;
    position:absolute;
    z-index:-1;
    left:50%;
    transform:translateX(-50%);
    width:100vw;
    top:0;
    background:linear-gradient(0deg,rgba(0,0,0,0.29735644257703087) 0%,rgba(0,0,0,0.7987570028011204) 100%);
    opacity:0;
    transition:all ease-in-out .2s;
    pointer-events:none;
}
li.nav-item.dropdown.has-megamenu.show:before {
    opacity:1;
}
button.navbar-toggler.navbar-toggler-right {
    padding:0;
}
button.navbar-toggler.navbar-toggler-right[aria-expanded="false"] span.navbar-toggler-icon {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='18.5' viewBox='0 0 21 18.5'%3E%3Cg id='Gruppe_298' data-name='Gruppe 298' transform='translate(-1556.5 -30.75)'%3E%3Cline id='Linie_123' data-name='Linie 123' x2='21' transform='translate(1556.5 31.5)' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cline id='Linie_124' data-name='Linie 124' x2='21' transform='translate(1556.5 40)' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cline id='Linie_125' data-name='Linie 125' x2='21' transform='translate(1556.5 48.5)' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size:1.25rem;
    background-position:left center
}
button.navbar-toggler.navbar-toggler-right[aria-expanded="true"] span.navbar-toggler-icon {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.061' height='19.061' viewBox='0 0 19.061 19.061'%3E%3Cg id='Gruppe_299' data-name='Gruppe 299' transform='translate(-1559.045 -31.545)'%3E%3Cline id='Linie_123' data-name='Linie 123' x2='25.456' transform='translate(1559.575 32.075) rotate(45)' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cline id='Linie_125' data-name='Linie 125' x2='25.456' transform='translate(1559.575 50.075) rotate(-45)' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size:1.125rem
}
.col-megamenu-level1 input[type="checkbox"] {
    display:none;
}
@media (max-width:1400px) {
    .nav-item > a.nav-link,
    .direct-nav-link a {
        font-size:.9rem;
    }
}
@media (max-width:991px) {
    body.menu-open #header {
        height:100%;
        z-index:1000000;
    }
    #header #CollapsingNavbar {
        grid-column:span 12;
        position:absolute;
        top:calc(var(--header-height));
        left:0;
    }
    body.menu-open #header #CollapsingNavbar {
        height:calc(100vh - var(--header-height));
        left:0;
        overflow:scroll;
    }
    body.menu-open #header #CollapsingNavbar {
        transition:all ease-in-out .25s .25s;
    }
    nav#block-wfbb-main-menu {
        height:auto;
    }
    .navbar-expand-lg .navbar-nav .nav-link:hover {
        background-color:transparent;
    }
    .nav-item > a.nav-link,
    .direct-nav-link a {
        font-size:var(--font-size-h3);
        padding:1rem 0 !important;
    }
    .navbar-nav {
        display:block;
        height:auto;
        padding:0 0 0 1rem;
    }
    .dropdown-menu.megamenu {
        left:0;
        transform:initial;
        position:initial;
        z-index:100;
        box-shadow:none;
        max-height:0;
        width:100%;
    }
    .dropdown-menu.megamenu.show {
        max-height:100vh;
        padding:0;
        box-shadow:none;
        border:0;
        overflow-y:visible;
    }
    li.nav-item.dropdown.has-megamenu:before {
        display:none;
    }
    .dropdown-menu.megamenu .row {
        width:100%;
        opacity:1;
        padding:0;
    }
    .dropdown-menu.megamenu .col,
    .col-megamenu {
        display:block;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding:.5rem 3rem .5rem 0;
        color:var(--color-grey-dark);
        line-height:1.3;
        word-break:unset;
    }
    ul.list-unstyled-level1 a {
        font-size:.8em;
    }
    li.nav-item {
        margin:0;
        border-bottom:1px solid var(--color-grey-light);
        transition:all ease-in-out .3s;
    }
    li.nav-item.dropdown.has-megamenu.show {
        margin-bottom:2rem;
    }
    .col-level1 {
        border-bottom:1px solid var(--color-grey-light);
        position:relative;
    }
    .col-level1:last-child {
        border-bottom:0;
    }
    .col-level1:last-child {
        border-bottom:0;
    }
    .nav-item.has-megamenu > a.nav-link:before {
        display:block;
        content:'';
        width:1.5rem;
        height:1rem;
        position:absolute;
        top:1.25rem;
        right:1rem;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.435' height='9.778' viewBox='0 0 17.435 9.778'%3E%3Cpath id='Pfad_897' data-name='Pfad 897' d='M-13176-6838.139l-8.187,8.187-8.187-8.187' transform='translate(13192.904 6838.669)' fill='none' stroke='%23c81423' stroke-width='1.5'/%3E%3C/svg%3E%0A");
        background-repeat:no-repeat;
        background-position:center;
    }
    .nav-item.has-megamenu.show > a.nav-link:before {
        transform:rotate(180deg);
    }
    .col-level1 input[type="checkbox"] {
        display:block;
        position:absolute;
        height:2.4rem;
        top:0;
        right:0;
        width:4rem;
        -webkit-appearance:none;
        appearance:none;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.624' height='6.373' viewBox='0 0 10.624 6.373'%3E%3Cpath id='Pfad_895' data-name='Pfad 895' d='M-13182.811-6838.14l-4.782,4.782-4.781-4.782' transform='translate(13192.904 6838.67)' fill='none' stroke='%23c81423' stroke-width='1.5'/%3E%3C/svg%3E%0A");
        background-repeat:no-repeat;
        background-position:top 1rem right 1.5rem;
        z-index:10;
    }
    .col-level1 input[type="checkbox"]:checked {
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.624' height='6.373' viewBox='0 0 10.624 6.373'%3E%3Cpath id='Pfad_907' data-name='Pfad 907' d='M-13182.811-6838.14l-4.782,4.782-4.781-4.782' transform='translate(-13182.28 -6832.297) rotate(180)' fill='none' stroke='%23c81423' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    }
    .col-level1 input[type="checkbox"]:checked + .list-unstyled-level1 {
        max-height:100vh;
        opacity:1;
    }
    ul.list-unstyled-level1 .title-level1:last-child {
        margin-bottom:1rem;
    }
    ul.list-unstyled-level1 .title-level1:last-child a {
        border-bottom:0;
    }
}


@media (max-width:991px) {
    .navbar-brand {
        grid-column: span 4;
    }
    .navbar-toggler {
        grid-column:11 / 12;
    }
}
@media (max-width:767px) {
    .navbar-brand {
        grid-column:span 6;
    }
}
.list-unstyled-level1 {
    max-height:0;
    opacity:0;
    overflow:hidden;
    transition:all ease-in-out .5s;
}
@media (min-width:992px) {
    .col-megamenu-level1:hover > ul {
        max-height:200vh;
        opacity:1;
    }
}
.col-megamenu-level1 .title-level1 > a:hover {
    color:var(--color-primary) !important;
}
