.bg-wrapper {
    margin-top: 210px;
}


.navWrapper {
    background-color: #fff;
}

header {
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 1;
    transition: all 0.3s ease;
}

/* Allgemeine Stile für die Navbar */
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: 10;
    display: flex;
    justify-content: center;
    transition: height 0.3s ease;
}

/* Geschrumpfte Navbar */
.navbar.shrink {
    height: 60px;
}

.backNav {
    position: fixed;
    top: 150px;
    left: 0;
    width: 100%;
    z-index: 10;
    display: flex;
    justify-content: center;
    transition: all 0.3s ease;
}

.backNav.shrink {
    top: 60px;
}

a.backbutton:link, a.backbutton:visited {
    color: #1d1e1c !important;
    font-size: 20px;
    font-weight: bold;
}

a.backbutton:hover, a.backbutton:active {
    color: #E2361F !important;
}

a.backbutton::before {
    content: "";
    width: 16px;
    height: 16px;
    position: relative;
    top: 1px;
    margin-right: 6px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg id='backButton' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.23 30.7'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%231d1d1b;stroke-linecap:round;stroke-miterlimit:10;stroke-width:5px;%7D%3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='16.73 2.5 3.54 15.7 16.04 28.2'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

a.backbutton:hover::before {
    content: "";
    width: 16px;
    height: 16px;
    position: relative;
    top: 1px;
    margin-right: 6px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg id='backButton' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.23 30.7'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23E2361F;stroke-linecap:round;stroke-miterlimit:10;stroke-width:5px;%7D%3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='16.73 2.5 3.54 15.7 16.04 28.2'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Wrapper für Navbar */
.navbar .navWrapper, .backNav .navWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1400px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Logo */
.logo {
    flex-shrink: 0;
    /* Verhindert, dass das Logo sich schrumpft */
    font-weight: bold;
    font-size: 33px;
    line-height: 33px;
    font-family: Helvetica, sans-serif;
    margin-right: 0px;
    /* Abstand zum ersten Navigationselement */
}

.navbar .logo a {
    color: black !important;
}

.logo p {
    margin: 0;
    white-space: nowrap;
}

/* Elemente im geschrumpften Zustand ausblenden */
.navbar.shrink .logo .line1,
.navbar.shrink .logo .line3 {
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Navigation Links */

/* Styling für das Menü */
.nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-evenly;
}


ul#main {
    width: 100%;
    margin-right: 100px;
}


ul#main li.roundbutton-nav a {
    border: 2px solid transparent;
    border-radius: 100px;
    padding: 8px 30px;
    margin: 0px 10px 0 0;
    display: inline-block;
    font-size: 16px;
    background-color: transparent;
    text-transform: uppercase;
    font-weight: normal;
    color: black !important;
}

ul#main li.roundbutton-nav.current a {
    border: 2px solid transparent;
    border-radius: 100px;
    padding: 8px 30px;
    margin: 0px 10px 0 0;
    display: inline-block;
    font-size: 16px;
    background: #3C2E83;
    text-transform: uppercase;
    font-weight: bold;
    color: white !important;
}

ul#main li.roundbutton-nav.current a:hover {
    color: white !important;
}

ul#main li.roundbutton-nav a:hover {
    color: #3C2E83 !important;
    text-decoration: none;
    border: 2px solid #3C2E83;
}

.nav-links {
    display: flex;
    flex: 1;
    height: 150px;
    align-items: center;
    transition: transform 0.3s ease;
}

/* In der normalen Darstellung (ohne shrink) */
.navbar:not(.shrink) .nav-links, .navbar:not(.shrink) .hamburger:not(.shrink) {
    transform: translateY(30px);
    /* Navigation um 30px nach unten verschieben */
}

/* In der shrink-Variante, zurück auf die Ausgangsposition */
.navbar.shrink .nav-links, .navbar.shrink .hamburger {
    transform: translateY(0);
    /* Navigation wieder auf 0px setzen */
}


.nav-links a {
    text-decoration: none;
    font-size: 1.2em;
    color: #000;
}



/* Für Medium Devices */
@media screen and (min-width: 641px) and (max-width: 960px) {

    .nav-links {
        display: none;
    }

}

/* Für Small Devices */
@media screen and (max-width: 640px) {

    .nav-links {
        display: none;
    }


}



/* Hamburger Menü */
.hamburger {
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 12;
    transition: transform 0.3s ease;
}

.hamburger div {
    width: 100%;
    height: 2px;
    background-color: #000;
    transition: transform 0.3s ease, opacity 0.3s ease;
}


/* Overlay */
.overlay {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    transform: translateY(-100%);
    transition: all 0.3s ease;
    z-index: 11;
}

/* Offenes Overlay */
.overlay.open {
    transform: translateY(0);
    display: block;
    opacity: 1;
}

/* Overlay-Wrapper für max. Breite */
.overlay .overlay-wrapper {
    position: relative;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

/* Schließen-Button (X) im Overlay */
.close-button {
    cursor: pointer;
    font-size: 1.5em;
    color: #000;
    transition: top 0.3s ease;
    position: absolute;
    right: 20px;
    top: 93px;
}

.close-button.shrink {
    top: 18px;
}

/* Menü im Overlay */
.menu {
    text-align: center;
    font-size: 1.5em;
    /* margin-top: 50px; */
    width: 100%;
}

.menu a {
    color: #000;
    list-style: none;
    padding: 8px;
    text-decoration: none;
    font-size: 18px;
    line-height: 22px !important;
    display: block;
    transition: 0.3s;
}

ul#hamburgerMenu {
    flex-direction: column;
  }


ul#hamburgerMenu li {
    list-style: none;
    color: black !important;
}

ul#hamburgerMenu li a {
    color: black !important;
    text-transform: uppercase;
    line-height: 22px !important;
}

ul#hamburgerMenu li.highlight a {
    font-size: 30px;
    line-height: 40px !important;
}

ul#hamburgerMenu li.highlight.current a,
ul#hamburgerMenu li.current a,
ul#hamburgerMenu li a:hover {
    text-decoration: underline;
    color: #E2361F !important;
}


/* leichte sprache icon  */

/* Positionierung von "Leichte Sprache" */
.nav_LS_icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}


ul#main li.nav_LS_icon a {
    display: block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

ul#main li.nav_LS_icon {
    padding-top: 8px;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 595.3 841.9" style="enable-background:new 0 0 595.3 841.9;" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;fill:transparent;}.st1{fill-rule:evenodd;clip-rule:evenodd;}</style><g><path class="st0" d="M297.7-206.4c344.8,0,624.7,279.9,624.7,624.7S642.5,1043,297.7,1043S-327,763.1-327,418.3S-47.1-206.4,297.7-206.4L297.7-206.4z"/><path class="st1" d="M-263.8,421C-264.2,730.4-12.6,981.9,297,982c307.1,0.1,560.9-248.4,561.1-560.9c0.1-311.4-252.3-561.4-561.2-561.2C-14.6-139.9-264.4,113.2-263.8,421L-263.8,421z M956.3,421.2c-0.7,365.5-296.2,658.9-659.2,658.9c-365.5,0-659.3-296.5-659.1-659.3c0.1-362.3,293.2-659.1,659.6-658.9C662.5-237.9,955.9,57.4,956.3,421.2L956.3,421.2z"/><path class="st1" d="M-61.4,560.8C-61.4,560.8-61.4,560.8-61.4,560.8c-0.1,21-0.1,41.9-0.1,62.9c0,1.4,0,2.9,0.1,4.3c0.2,2.7,1.7,4.4,4.3,5.1c0.9,0.3,1.9,0.4,2.8,0.6c9.4,1.9,18.8,3.8,28.2,5.7c4.5,0.9,6.7-0.5,7.8-4.8c0.1-0.5,0.2-0.9,0.3-1.4c8.1-39.8,16.2-79.6,24.3-119.3c0.2-0.9,0.5-1.9,0.6-2.8c0.6-4.9-2-8.8-6.7-10.3c-1.1-0.3-2.2-0.5-3.3-0.8c-16.8-3.4-33.5-6.9-50.3-10.3c-0.6-0.1-1.2-0.3-1.9-0.4c-3.2-0.3-5.7,1.6-6.1,4.7c-0.2,1.4-0.1,2.9-0.1,4.3C-61.4,519.2-61.4,540-61.4,560.8L-61.4,560.8z M128.9,670.8c1.7-0.4,3.6-0.6,5.5-1.1c4.8-1.5,8.2-4.7,10.8-9c15.6-26.4,31.4-52.8,46.2-79.7c3.3-6,6.6-12.1,9.4-18.4c2.8-6.2,1.7-12.2-2.6-17.5c-2.7-3.4-6.3-5.3-10.6-6.1c-10.8-2.2-21.6-4.4-32.4-6.6c-6.4-1.3-12.9-2.5-19.3-4c-10.5-2.4-16.2-14.2-12.7-23.2c0.7-1.8,1.3-3.6,2.2-5.3c4.6-9.5,9.1-19,13.8-28.5c3.9-7.9,8.1-15.6,12.2-23.4c1.8-3.5,2.8-7.1,2.5-11.1c-0.7-10.3-11.5-18.5-21.6-15.3c-4.4,1.4-8.1,3.7-11.2,7.1c-1.3,1.4-2.4,3-3.6,4.5c-11.9,14.9-23.7,29.8-35.7,44.6c-6,7.3-12.3,14.3-18.5,21.4c-4,4.5-9.2,6.8-14.9,8.2c-1.7,0.4-3.5,0.6-5.2,1c-6.6,1.7-10.9,5.7-13.1,12.1c-0.5,1.4-0.7,2.8-1,4.2c-6.9,33.8-13.9,67.6-20.8,101.5c-0.7,3.6-1.6,7.2-2.1,10.8c-0.8,5.3,1.9,9.1,7,10.4c1.4,0.4,2.8,0.6,4.2,0.9c34.5,7,68.9,14.1,103.4,21.1C123.4,669.9,126.1,670.3,128.9,670.8L128.9,670.8z M273.9,381.1c1,2,0.6,3.8,0.6,5.5c-0.1,30.6-0.3,61.1-0.4,91.7c-0.3,108.5-0.6,217-0.9,325.4c0,1.8,0,3.5,0,5.3c0.1,16.9-16,33-36.8,28c-9.8-2.3-19.5-5-29.3-7.5c-58.8-15.2-117.6-30.4-176.4-45.6C-8,774-46.7,764-85.4,754c-1.2-0.3-2.5-0.7-3.7-1c-11.5-3.8-19.4-13.9-20.3-26c-0.1-2.1-0.2-4.2-0.2-6.2c0-135.5,0-271,0-406.5c0-3.8,0-7.7,1-11.4c4.1-15.4,18.9-24.6,34.7-21.5c12.7,2.5,25.4,5.2,38.1,7.7c24.3,5,48.5,9.9,72.8,14.9c24.3,4.9,48.6,9.8,72.8,14.8c22.9,4.7,45.7,9.4,68.6,14c2.6,0.5,4.7,1.4,6.6,3.4c24,24.4,52.9,39.3,86.7,44.6C272.4,380.8,273.1,380.9,273.9,381.1L273.9,381.1z"/><path class="st1" d="M368.7,702.3c0,7.2,4.5,13.3,11.4,15.4c2.8,0.9,5.6,0.9,8.5,0.3c24.7-5.1,49.4-10.2,74.2-15.3c28.6-5.9,57.3-11.8,85.9-17.7c4.8-1,9.8-1.8,14.5-3.1c6.7-1.7,10.8-6.2,11.8-13c1-6.4-1.5-11.7-6.8-15.4c-3.8-2.7-8.1-3.5-12.8-2.5c-24.7,5.2-49.4,10.2-74.2,15.3c-27.1,5.6-54.1,11.2-81.2,16.7c-6.3,1.3-12.5,2.5-18.8,3.9C373.7,688.7,368.7,694.8,368.7,702.3L368.7,702.3z M383.7,620.2c1.3-0.2,3.5-0.5,5.7-0.9c22.4-4.6,44.7-9.3,67.1-13.9c25.3-5.3,50.7-10.5,76-15.8c25.5-5.3,51-10.6,76.5-15.9c7.5-1.6,15.1-3,22.5-4.8c7.6-1.9,12.5-9.2,11.6-16.6c-1-8.2-7.3-14.2-15.4-14.3c-2.2,0-4.5,0.3-6.6,0.8c-21,4.3-41.9,8.6-62.9,13c-25.2,5.2-50.4,10.4-75.6,15.7c-27.2,5.6-54.4,11.3-81.6,16.9c-7.4,1.5-14.7,2.9-22,4.7c-8.1,2-12.8,9-11.9,17.2C367.8,614,374.7,620,383.7,620.2L383.7,620.2z M383.5,525c1.1-0.2,3.2-0.5,5.2-0.9c23.9-4.9,47.9-9.9,71.8-14.9c25.3-5.3,50.7-10.5,76-15.8c25.5-5.3,51-10.6,76.5-15.9c5.9-1.2,11.9-2.3,17.8-3.8c7.8-2,12.6-9.2,11.7-17c-0.9-7.7-7.4-13.8-15.2-14c-2.4-0.1-4.8,0.4-7.1,0.8c-20.8,4.3-41.6,8.6-62.4,12.9c-25.5,5.3-51,10.6-76.5,15.9c-28.5,5.9-56.9,11.8-85.4,17.7c-5.8,1.2-11.6,2.4-17.3,3.7c-9,2-13,10.5-12.1,17.1C367.4,519.2,374.2,525.1,383.5,525L383.5,525z M383,668.1c1.9-0.3,3.8-0.5,5.7-0.9c19.4-4,38.8-8,58.2-12.1c26.7-5.6,53.5-11.1,80.2-16.7c27.1-5.6,54.1-11.2,81.2-16.9c7.7-1.6,15.4-3,23-4.9c8.8-2.1,12.3-9.8,12-15.9c-0.4-7.9-6.4-14.1-14.2-15.1c-2.8-0.3-5.4,0.2-8.1,0.7c-21.1,4.4-42.2,8.7-63.4,13.1c-25.2,5.2-50.4,10.4-75.6,15.7c-27.2,5.6-54.4,11.3-81.7,16.9c-7.2,1.5-14.4,3-21.6,4.6c-6.7,1.5-13,8.2-11.7,17.4C368.1,661.9,374.8,668.2,383,668.1L383,668.1z M366.8,555.3c-0.1,7.4,4.6,13.6,11.7,15.7c2.7,0.8,5.3,0.8,8,0.2c18.9-4,37.9-7.9,56.8-11.8c28.5-5.9,56.9-11.8,85.4-17.7c28.8-6,57.6-12,86.3-18c5.5-1.1,11-2.1,16.4-3.6c7-1.9,11.5-7.9,11.6-14.8c0.1-7.1-4.5-13.3-11.4-15.5c-3.2-1-6.3-0.8-9.5-0.1c-17.7,3.7-35.4,7.3-53,11c-26.9,5.6-53.8,11.1-80.7,16.7c-28.6,5.9-57.3,11.9-85.9,17.8c-7.8,1.6-15.7,3.1-23.5,4.9C371.7,541.8,366.9,547.9,366.8,555.3L366.8,555.3z M626.2,396c-0.6,0.1-2,0.3-3.4,0.6c-15.8,3.3-31.6,6.6-47.4,9.8c-30.2,6.2-60.4,12.5-90.6,18.7c-30.5,6.3-61,12.7-91.5,19c-4.7,1-9.4,1.8-14.1,3c-7.3,1.8-12.2,8.1-12.1,15.3c0,7.3,4.9,13.5,12.1,15.5c2.7,0.7,5.3,0.6,8,0.1c20.6-4.3,41.3-8.6,62-12.8c26.8-5.5,53.5-11.1,80.3-16.7c28.6-5.9,57.3-11.9,85.9-17.9c5.5-1.1,11-2.2,16.4-3.5c9-2.2,12.5-10.9,11.6-17C642.1,401.9,635.3,395.9,626.2,396L626.2,396z M318.8,380.9c1.6-0.4,2.6-0.8,3.7-1c30.8-5.7,57.3-19.6,79.6-41.5c2.3-2.2,4.7-3.5,7.8-4.1c34.3-6.9,68.6-13.9,102.9-20.9c30.7-6.3,61.4-12.6,92.1-18.8c20.2-4.1,40.4-8.3,60.6-12.3c18.8-3.7,32.4,8.2,35.9,21.3c0.7,2.8,1,5.7,1.3,8.5c0.2,1.4,0,2.9,0,4.3c0,134.9,0,269.8,0,404.6c0,2.9,0,5.8-0.5,8.6c-2.2,12.5-9.5,20.7-21.6,24.5c-7.2,2.2-14.5,3.9-21.8,5.7c-61.4,15.9-122.9,31.7-184.3,47.6c-38.2,9.9-76.5,19.7-114.7,29.6c-6,1.6-12,2-18,0.2c-12.5-3.6-21.3-14.8-21.9-27.9c-0.1-1.6-0.1-3.2-0.1-4.8c-0.4-138.9-0.8-277.7-1.1-416.6C318.8,385.7,318.8,383.5,318.8,380.9L318.8,380.9z"/><path class="st1" d="M459.4,169.2c0.2,89.3-72.1,165.4-165.7,165.2c-93.3-0.2-165.1-76.2-165-165.5C128.8,79.7,200.7,3.5,294.5,3.7C388.4,3.9,459.8,80.4,459.4,169.2L459.4,169.2z"/></g></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}