body {
    padding-top: 0px;}

header {
    position: fixed;
    /*position: absolute;*/
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9999;
    background: var(--overlay-black);}
header nav.main-nav {
    position: relative;}
header nav.main-nav.opened {
    min-height: 100vh;
    max-height: 100vh;
    overflow-y: scroll;}
header nav.main-nav.scrolled .nav-part-one {
    background: var(--dark-grey);}
header nav.main-nav.opened .nav-part-one {
    background: var(--full-black);}
header nav.main-nav.opened .nav-part-two {
    background: var(--dark-grey);}

/* nav-opener */
header nav.main-nav .cont-nnn .nav-opener {
    position: absolute;
    left: var(--container-padding);
    top: 55px;
    width: 40px;
    z-index: 500;}
header nav.main-nav .cont-nnn .nav-opener a {
    color: var(--txt_color-white);
    display: block;
    text-decoration: none;
    position: relative;}
header nav.main-nav .cont-nnn .nav-opener a i {
    font-size: 24px;
    display: block;}
header nav.main-nav .cont-nnn .nav-opener a i:before {
    display: block;}
header nav.main-nav .cont-nnn .nav-opener a i.nnn-close {
    display: none;
    color: var(--txt_color-white);}
header nav.main-nav .cont-nnn .nav-opener a .nav-desktop-txt {
    display: none;}

/* main-navi langswitch */
header nav.main-nav .lang-switch {
    position: absolute;
    top: 55px;
    right: var(--nav-indent-2024);
    z-index: 9999;}
header nav.main-nav .lang-switch a {
    text-transform: uppercase;
    text-decoration: none;
    color: var(--txt_color-white);
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: 300;}
header nav.main-nav .lang-switch a span {
    display: none;}
header nav.main-nav .lang-switch a.dropdown-toggle::after {
    display: none;}
header nav.main-nav .lang-switch a > i {
    margin-right: 0px;}
header nav.main-nav .lang-switch .dropdown-menu {
    z-index: 500;}
header nav.main-nav .lang-switch .dropdown-menu a.dropdown-item > img {
    padding-right: 5px;}
header nav.main-nav.opened .lang-switch {
    top: 100px;
    left: var(--container-padding);
    right: auto;}
header nav.main-nav.opened .lang-switch a {
    color: var(--txt_color-white);}
header nav.main-nav.opened .lang-switch a > i {
    margin-right: 10px;}
header nav.main-nav.opened .lang-switch a span {
    display: inline;}
header nav.main-nav .lang-switch .dropdown-menu a.dropdown-item {
    color: var(--txt_color);}

/* nav-top */
header nav.main-nav .cont-nnn .nav-top {
    display: none;}
header nav.main-nav.opened .cont-nnn .nav-top {
    display: block;
    position: absolute;
    top: 130px;
    left: var(--container-padding);}

/* Konfigurator Link */
header nav.main-nav .cont-nnn .nav-top .konfigurator-link a {
    text-transform: uppercase;
    text-decoration: none;
    color: var(--txt_color-white);
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: 300;}
header nav.main-nav .cont-nnn .nav-top .konfigurator-link a > i {
    margin-right: 10px;}

/* Katalog Link */
header nav.main-nav .cont-nnn .nav-top .katalog-link {
    margin-top: 5px;}
header nav.main-nav .cont-nnn .nav-top .katalog-link a {
    text-decoration: none;
    color: var(--txt_color-white);
    text-transform: uppercase;
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: 400;}
header nav.main-nav .cont-nnn .katalog-link a > i {
    margin-right: 10px;}

/* Händler Link */
header nav.main-nav .cont-nnn .haendler-link,
header nav.main-nav .cont-nnn .xtra-katalog-or-aanbod {
    display: none;
    position: absolute;
    top: 285px;
    left: var(--container-padding);
    text-transform: uppercase;}
header nav.main-nav .cont-nnn .xtra-katalog-or-aanbod {
    top: 340px;}
header nav.main-nav.opened .cont-nnn .haendler-link,
header nav.main-nav.opened .cont-nnn .xtra-katalog-or-aanbod {
    display: block;}

/* main-navi modelle */
header nav.main-nav .cont-nnn li.nav-level-bau {
    display: none;
    position: absolute;
    top: 210px;
    left: var(--container-padding);
    right: var(--container-padding);
    text-align: left;}
header nav.main-nav.opened .cont-nnn li.nav-level-bau {
    display: block;}
header nav.main-nav .cont-nnn li.nav-level-bau > a {
	display: none;}
header nav.main-nav .cont-nnn li.nav-level-bau .second_level_menu a {
    text-transform: uppercase;
    text-decoration: none;
    color: var(--txt_color-white);
    text-transform: uppercase;
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: 300;
    padding: 0px 10px;}
header nav.main-nav .cont-nnn li.nav-level-bau .second_level_menu a:first-child {
    padding-left: 0px;}
header nav.main-nav .cont-nnn li.nav-level-bau .second_level_menu a:last-child {
    padding-right: 0px;}

/* special nav element "APERO #connect" */
header nav.main-nav .cont-nnn li.nav-level-bau .second_level_menu a[target="_blank"] {
    text-transform: none;
    padding-left: 0px;
    display: block;}

/* Logo */
header nav.main-nav .cont-nnn .logo .logo-white {
    display: none;}
header nav.main-nav.opened .cont-nnn .logo .logo-white {
    display: block;}
header nav.main-nav.opened .cont-nnn .logo .logo-color {
    display: none;}
header nav.main-nav .cont-nnn .logo a {
    padding: 30px 0px 30px 0px;
    display: block;
    width: 50%;
    margin: 0 auto;}
header nav.main-nav.opened .cont-nnn .logo a {
    margin-left: auto;
    margin-right: 0px;
    padding: 30px 0px 305px 0px;}
header nav.main-nav .cont-nnn .logo a img {
	display: block;
    width: 172px;
    height: 60px;
    margin: 0 auto;}
header nav.main-nav.opened .cont-nnn .logo a img {
    margin-left: auto;
    margin-right: 0px;}

/* main-navi general */
header nav.main-nav .main-navi {
	display: none;
    padding-top: 30px;
    padding-left: 5px;
    padding-right: 5px;}
header nav.main-nav .main-navi a {
    text-decoration: none;
    color: var(--txt_color-white);
    font-family: 'Roboto Light';
    font-weight: 300;}
header nav.main-nav .main-navi a.dropdown-toggle::after {
    display: none;}
header nav.main-nav .main-navi a > i {
    margin-right: 10px;}
header nav.main-nav .main-navi li {
    list-style: none;}
header nav.main-nav .main-navi li a {
    position: relative;}

/* main navi list */
header nav.main-nav .main-navi .main-nav-list > li > a {
    display: block;
    font-size: var(--subline-size);
    margin-bottom: 10px;}
header nav.main-nav .main-navi .main-nav-list > li .second_level_menu {
    margin-bottom: 30px;}
header nav.main-nav .main-navi .main-nav-list > li .second_level_menu a {
    display: block;
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: 300;
    margin-bottom: 6px;}

/* nav main aktuelles */
header nav.main-nav .aktuelles-navi {
    margin-bottom: 100px;}
header nav.main-nav .aktuelles-navi a.aktuelles-title {
    display: block;
    font-size: var(--subline-size);
    margin-bottom: 10px;}
header nav.main-nav .aktuelles-navi li a.aktuelles-link,
header nav.main-nav .aktuelles-navi li a.nav-link.active {
    display: block;
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: 300;
    margin-bottom: 6px;
    padding: 0px;}
header nav.main-nav .aktuelles-navi a.aktuelles-button {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: 'Roboto Light';
    font-weight: normal;}
header nav.main-nav .aktuelles-navi a.aktuelles-button:after {
    display: block;
    clear: both;
    content: '';}
header nav.main-nav .aktuelles-navi a.aktuelles-button i {
    float: right;
    margin-right: 0px;}
header nav.main-nav .aktuelles-navi .aktuelles-right > li > a {
    display: none;}
header nav.main-nav .aktuelles-navi .aktuelles-right .second_level_menu a {
    display: block;
    margin-bottom: 30px;}
header nav.main-nav .aktuelles-navi .aktuelles-right .second_level_menu a .aktuelles-img {
    height: 130px;
    width: 100%;
    margin-bottom: 15px;}
header nav.main-nav .aktuelles-navi .aktuelles-right .second_level_menu a .aktuelles-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--box-radius);}
header nav.main-nav .aktuelles-navi .aktuelles-right .second_level_menu a .aktuelles-title {
    display: block;
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: 400;
    font-size: var(--subline-size);
    margin-bottom: 5px;}
header nav.main-nav .aktuelles-navi .aktuelles-right .second_level_menu a .aktuelles-subtitle {
    display: block;
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: 300;}

header nav.main-nav .aktuelles-navi .aktuelles-left {
    display: none;}
.de header nav.main-nav .aktuelles-navi .aktuelles-left {
    display: block;}
.nl header nav.main-nav .aktuelles-navi .aktuelles-right .second_level_menu a .aktuelles-img img {
    object-fit: contain;
    background: var(--txt_color-white);
    padding: 5px;}

/* main-navi-footer */
header nav.main-nav .footer-copyright {
    color: var(--txt_color-white);
    text-align: center;}
header nav.main-nav .main-navi .main-navi-footer {
    margin: 15px -15px 0px -15px;
    text-align: center;
    padding: 20px 15px 30px 15px;
    border-top: 1px solid var(--txt_color-white);}
header nav.main-nav .main-navi .main-navi-footer li {
    display: inline-block;}
header nav.main-nav .main-navi .main-navi-footer li a.nav-link {
    display: inline-block;}
header nav.main-nav .main-navi .main-navi-footer .footer-bottom {
    margin-bottom: 30px;}
header nav.main-nav .main-navi .main-navi-footer .footer-social.footer-social-icon-version .nav-item a i {
    font-size: 30px;
    margin-right: 0px;
    display: block;}

@media (min-width: 600px) {

    /* special nav element "APERO #connect" */
    header nav.main-nav .cont-nnn li.nav-level-bau .second_level_menu a[target="_blank"] {
        display: inline;
        padding-left: 10px;}

}


@media (min-width: 768px) {

    /* Logo */
    header nav.main-nav .cont-nnn .logo a {
        margin-left: auto;
        margin-right: 0px;}
    header nav.main-nav.opened .cont-nnn .logo a {
        padding-bottom: 90px;}
    header nav.main-nav .cont-nnn .logo a img {
        margin-left: auto;
        margin-right: 0px;}

    /* nav-opener */
    header nav.main-nav .cont-nnn .nav-opener {
        top: 69px;}
    header nav.main-nav .cont-nnn .nav-opener a .nav-desktop-txt {
        display: block;
        position: absolute;
        top: 1px;
        left: 30px;
        font-family: 'Roboto Regular';
        font-style: normal;
        font-weight: 400;
        text-transform: uppercase;}
    header nav.main-nav.opened .cont-nnn .nav-opener a .nav-desktop-txt {
        color: var(--txt_color-white);}

    /* nav-top */
    header nav.main-nav.scrolled .cont-nnn .nav-top {
        display: block;
        position: absolute;
        top: 25px;
        left: 90px;}
    header nav.main-nav.opened .cont-nnn .nav-top {
        top: 25px;
        left: 165px;}

    /* main-navi langswitch */
    header nav.main-nav .lang-switch {
        display: block;
        top: 30px;
        right: auto;
        left: 34px;}
    header nav.main-nav.opened .lang-switch {
        display: block;
        top: 30px;
        left: 34px;}
    header nav.main-nav .lang-switch a > i {
        margin-right: 10px;}

    /* Konfigurator Link */
    header nav.main-nav .cont-nnn .nav-top .konfigurator-link {
        display: inline-block;
        margin-right: 25px;}
    header nav.main-nav .cont-nnn .nav-top .konfigurator-link a span {
        display: none;}
    header nav.main-nav.opened .cont-nnn .nav-top .konfigurator-link a span {
        display: inline;}

    /* Katalog Link */
    header nav.main-nav .cont-nnn .nav-top .katalog-link {
        display: inline-block;}
    header nav.main-nav .cont-nnn .nav-top .katalog-link a span {
        display: none;}
    header nav.main-nav.opened .cont-nnn .nav-top .katalog-link a span {
        display: inline;}

    /* main-navi modelle */
    header nav.main-nav .cont-nnn li.nav-level-bau {
        display: block;
        top: 70px;
        left: 75px;}
    header nav.main-nav .cont-nnn li.nav-level-bau .second_level_menu {
        text-align: left;}

    /* Händler Link + additional Katalog/Aanbod Button */
    header nav.main-nav.scrolled .cont-nnn .haendler-link,
    header nav.main-nav.scrolled .cont-nnn .xtra-katalog-or-aanbod {
        display: block;
        top: 22px;
        left: 200px;}
    header nav.main-nav.scrolled .cont-nnn .xtra-katalog-or-aanbod {
        display: none;}
    header nav.main-nav.opened .cont-nnn .haendler-link,
    header nav.main-nav.opened .cont-nnn .xtra-katalog-or-aanbod {
        display: block;
        top: 110px;
        left: 34px;}
    header nav.main-nav.opened .cont-nnn .xtra-katalog-or-aanbod {
        left: 255px;}
    header nav.main-nav .cont-nnn .haendler-link a.button-2025,
    header nav.main-nav .cont-nnn .xtra-katalog-or-aanbod a.button-2025 {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;}

    /* main navi list */
    header nav.main-nav .main-navi .main-nav-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;}
    header nav.main-nav .main-navi .main-nav-list li {
        width: 50%;}

    /* nav main aktuelles */
    header nav.main-nav .aktuelles-navi .aktuelles-right .second_level_menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;}
    header nav.main-nav .aktuelles-navi .aktuelles-right .second_level_menu a {
        width: calc(50% - 15px);
        margin-right: 30px;}
    header nav.main-nav .aktuelles-navi .aktuelles-right .second_level_menu a:last-child {
        margin-right: 0px;}

    /* main-navi-footer */
    header nav.main-nav .main-navi .main-navi-footer .footer-bottom .nav-item:first-child a {
        padding-left: 0px;}
    header nav.main-nav .main-navi .main-navi-footer .footer-bottom .nav-item:last-child a {
        padding-right: 0px;}

}


@media (min-width: 992px) {

    /* Logo */
    header nav.main-nav.opened .cont-nnn .logo a {
        padding-bottom: 30px;}

    /* main-navi langswitch */
    header nav.main-nav.scrolled .lang-switch a span,
    header nav.main-nav.opened .lang-switch a span {
        display: inline;}

    /* nav-top */
    header nav.main-nav.scrolled .cont-nnn .nav-top {
        left: 170px;}
    header nav.main-nav .cont-nnn .nav-top .konfigurator-link a span {
        display: inline;}
    header nav.main-nav .cont-nnn .nav-top .katalog-link a span {
        display: inline;}

    /* main-navi modelle */
    header nav.main-nav .cont-nnn li.nav-level-bau .second_level_menu a {
        color: var(--txt_color-white);}
    header nav.main-nav.opened .cont-nnn li.nav-level-bau .second_level_menu a {
        color: var(--txt_color-white);}

    /* Händler Link + additional Katalog/Aanbod Button */
    header nav.main-nav .cont-nnn .haendler-link,
    header nav.main-nav.scrolled .cont-nnn .haendler-link,
    header nav.main-nav.opened .cont-nnn .haendler-link {
        display: block;
        top: 63px;
        left: 545px;}
    header nav.main-nav.opened .cont-nnn .xtra-katalog-or-aanbod {
        display: none;}
    header nav.main-nav .cont-nnn .haendler-link.special-lang,
    header nav.main-nav.scrolled .cont-nnn .haendler-link.special-lang,
    header nav.main-nav.opened .cont-nnn .haendler-link.special-lang {
        left: 410px;}
    header nav.main-nav .cont-nnn .xtra-katalog-or-aanbod.special-lang,
    header nav.main-nav.scrolled .cont-nnn .xtra-katalog-or-aanbod.special-lang,
    header nav.main-nav.opened .cont-nnn .xtra-katalog-or-aanbod.special-lang {
        display: block;
        top: 63px;
        left: 630px;}

    /* main-navi general */
    header nav.main-nav .main-navi {
        padding-top: 100px;}

    /* main navi list */
    header nav.main-nav .main-navi .main-nav-list {
        margin-bottom: 20px;}
    header nav.main-nav .main-navi .main-nav-list li {
        width: calc(33.33333% - 20px);
        margin-right: 30px;}
    header nav.main-nav .main-navi .main-nav-list li:nth-child(3n+3) {
        margin-right: 0px;}

    /* nav main aktuelles */
    header nav.main-nav .aktuelles-navi {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 50px;}
    header nav.main-nav .aktuelles-navi .aktuelles-left {
        width: calc(33.33333% - 15px);
        margin-right: 30px;}
    header nav.main-nav .aktuelles-navi .aktuelles-right {
        width: calc(66.66666% - 15px);
        margin-right: 30px;}

    /* main-navi-footer */
    header nav.main-nav .main-navi .footer-copyright {
        text-align: right;}
    header nav.main-nav .main-navi .main-navi-footer:after {
        clear: both;
        content: '';
        display: block;}
    header nav.main-nav .main-navi .main-navi-footer .footer-bottom {
        text-align: left;
        float: left;}
    header nav.main-nav .main-navi .main-navi-footer .footer-social.footer-social-icon-version {
        text-align: right;
        float: right;}
    header nav.main-nav .main-navi .main-navi-footer .footer-social.footer-social-icon-version .nav-item a.nav-link {
        padding-top: 4px;}
    header nav.main-nav .main-navi .main-navi-footer .footer-social.footer-social-icon-version .nav-item:last-child a.nav-link {
        padding-right: 0px;}

}

@media (min-width: 1100px) {

    /* special nav element "APERO #connect" */
    header nav.main-nav .cont-nnn li.nav-level-bau .second_level_menu a[target="_blank"] {
        display: inline;}
    
}


@media (min-width: 1200px) {

    /* main-navi modelle */
    header nav.main-nav .cont-nnn li.nav-level-bau {
        left: 130px;}

    /* main-navi langswitch */
    header nav.main-nav .lang-switch,
    header nav.main-nav.opened .lang-switch {
        left: 69px;}

    /* nav-top */
    header nav.main-nav.scrolled .cont-nnn .nav-top,
    header nav.main-nav.opened .cont-nnn .nav-top {
        left: 205px;}
        
    /* main navi list */
    header nav.main-nav .main-navi .main-nav-list li {
        width: calc(20% - 24px);
        margin-right: 30px;}
    header nav.main-nav .main-navi .main-nav-list li:nth-child(3n+3) {
        margin-right: 30px;}
    header nav.main-nav .main-navi .main-nav-list li:last-child {
        margin-right: 0px;}

    /* Händler Link + additional Katalog/Aanbod Button */
    header nav.main-nav .cont-nnn .haendler-link,
    header nav.main-nav.scrolled .cont-nnn .haendler-link,
    header nav.main-nav.opened .cont-nnn .haendler-link {
        left: 630px;}
    header nav.main-nav .cont-nnn .haendler-link.special-lang,
    header nav.main-nav.scrolled .cont-nnn .haendler-link.special-lang,
    header nav.main-nav.opened .cont-nnn .haendler-link.special-lang {
        left: 470px;}
    header nav.main-nav .cont-nnn .xtra-katalog-or-aanbod.special-lang,
    header nav.main-nav.scrolled .cont-nnn .xtra-katalog-or-aanbod.special-lang,
    header nav.main-nav.opened .cont-nnn .xtra-katalog-or-aanbod.special-lang {
        left: 675px;}

}

@media (min-width: 1400px) {
    header nav.main-nav .cont-nnn .xtra-katalog-or-aanbod,
    header nav.main-nav.scrolled .cont-nnn .xtra-katalog-or-aanbod,
    header nav.main-nav.opened .cont-nnn .xtra-katalog-or-aanbod {
        display: block;
        top: 63px;
        left: 830px;}
}




@media (min-width: 1550px) {

    header nav.main-nav .lang-switch,
    header nav.main-nav.opened .lang-switch {
        left: var(--container-padding);}

    header nav.main-nav .cont-nnn .nav-opener {
        margin-left: -5px;}

    header nav.main-nav.scrolled .cont-nnn .nav-top,
    header nav.main-nav.opened .cont-nnn .nav-top {
        left: 242px;}

    header nav.main-nav.opened .cont-nnn .haendler-link {
        left: 630px;}
}


@media (min-width: 1900px) {

}