@import url('https://fonts.verwaltungsportal.de/css/?family=Poppins:400,600,400i,600i');

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #5E5E5E;
    background: url('../img/form-header.svg') top left no-repeat, url('../img/form-footer.svg') bottom -260px right no-repeat, #fff;
    font-size: clamp(0.9375rem, 2vw, 1.125rem);
    line-height: 1.5;
}

@media (min-width: 992px) {
    body {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 100px 40px 0 rgba(0, 0, 0, 0.1);
    }
}

a {
    color: #973826;
}

a:is(:hover, :focus),
:is(main, footer) a {
    color: #973826;
    text-decoration: underline;
}

b,
strong {
    font-weight: 600;
}

:is(main, #header-collage, footer) :is(b, strong) {
    color: #303030;
}

#overflow {
    overflow: clip;
}

/* logo */

#logo {
    display: inline-block;
}

@media (max-width: 991px) {
    #logo {
        margin: 24px 0;
    }
}

#logo img {
    display: block;
}

@media (max-width: 991px) {
    #logo img {
        max-width: 220px;
        width: 100%;
    }
}

/* #region tab font sizes ------------------------------------------ */

.default-tab,
#important-fact,
:is(#carousel-content, #development) .tab,
footer {
    font-size: 0.875rem;
}

@media (min-width: 576px) {

    .default-tab,
    #important-fact,
    :is(#carousel-content, #development) .tab,
    #references,
    footer {
        font-size: 1rem;
    }
}

/* #endregion tab font sizes --------------------------------------- */

/* #region button design ------------------------------------------ */

.button-design a,
button.button-design,
.navbar-default .navbar-nav>li>a[title*="test"],
:is(#form-demo, #form-contact) form[id^="form"] input[type="submit"]:not([value="Filtern"]) {
    line-height: 1.2;
    border: 1px solid rgba(255, 255, 255, 0);
    padding: 12px 20px;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 12px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #fff !important;
    background: #BB239D !important;
    box-shadow: 0 10px 20px 0 rgba(151, 56, 38, 0.2);
}

:is(#form-demo, #form-contact) form[id^="form"] input[type="submit"]:not([value="Filtern"]):is(:hover, :focus) {
    background: #973826 !important;
}

button.button-design:disabled {
    background: #5E5E5E !important;
    cursor: inherit;
}

.button-design a,
button.button-design {
    display: inline-block;
}

@media (min-width: 576px) {

    .button-design.button-large a,
    button.button-design.button-large {
        font-size: 18px;
        padding: 18px 22px;
    }
}

.button-design a::after,
button.button-design::after,
.navbar-default .navbar-nav>li>a[title*="test"]::after {
    content: "";
    display: block;
    background: #BB239D linear-gradient(45deg, #973826, rgba(255, 255, 255, 0)) no-repeat;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 12px;
    transition: width 200ms linear;
}

.button-design a:hover::after,
.button-design a:focus::after,
button.button-design:hover::after,
button.button-design:focus::after,
.navbar-nav>li:hover>a[title*="test"]::after,
.navbar-nav>li>a[title*="test"]:hover::after,
.navbar-nav>li>a[title*="test"]:focus::after,
.navbar-nav>li.open>a[title*="test"]::after,
.navbar-nav>li.open>a[title*="test"]:hover::after,
.navbar-nav>li.open>a[title*="test"]:focus::after,
.navbar-nav>li[class$="_over"]>a[title*="test"]::after,
.navbar-nav>li[class$="_over"]>a[title*="test"]:hover::after,
.navbar-nav>li[class$="_over"]>a[title*="test"]:focus::after {
    width: 0;
}

.button-design a:focus-within:after,
button.button-design:focus-within:after,
.navbar-nav>li:focus-within>a[title*="test"]::after {
    width: 0;
}

/* #endregion button design --------------------------------------- */

/* #region smartphone + laptop ------------------------------------ */

.smartphone,
.laptop,
.tablet {
    position: relative;
    overflow: hidden;
}

:is(.smartphone, .laptop, .tablet) .banner {
    overflow: hidden;
    height: 100%;
}

.smartphone .banner {
    border-radius: 10px;
}

.smartphone {
    padding: 6px 7px 6px 7px;
    width: 100px;
    height: 196px;
    background: url('../img/smartphone.webp') center / contain no-repeat;
}

@media (min-width: 992px) {
    body.index .smartphone .banner {
        border-radius: 18px;
    }

    body.index .smartphone {
        padding: 11px 13px 10px 14px;
        width: 200px;
        height: 391px;
    }

    .smartphone::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 10;
        left: 0;
        top: 5px;
        right: 0;
        background: url('../img/smartphone-camera.webp') center top / contain no-repeat;
        height: 14px;
    }
}

.laptop {
    background: url('../img/laptop.webp') center / contain no-repeat;
}

.tablet {
    padding: 40px 15px 60px 15px;
    width: 333px;
    height: 474px;
    background: url('../img/tablet.webp') center / contain no-repeat;
}

/* #endregion smartphone + laptop --------------------------------- */

/* #region perspective image -------------------------------------- */

.col-img {
    perspective: 500px;
    position: relative;
}

.col-img .banner {
    overflow: hidden;
    position: relative;
    transform: rotate3d(0, 1, 0, -8deg) translateX(-8px);
}

@media (max-width: 991px) {
    main .col-img .banner {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }
}

.header-image-1 .banner {
    transform: rotate3d(0, 1, 0, 10deg);
}

.header-image-2 .banner {
    transform: rotate3d(0, 1, 0, -8deg);
}

.banner img {
    display: block;
}

.col-img .banner img {
    border-radius: 22px;
}

/* #endregion perspective image ----------------------------------- */

/* #region dot deco ----------------------------------------------- */

@media (min-width: 1400px) {

    #get-demo .col-img::after,
    #contact-bar:after,
    #tab-cluster:after {
        content: "";
        position: absolute;
        display: block;
        width: 44px;
        height: 105px;
        background-image: radial-gradient(rgba(94, 94, 94, 0.5) 25%, transparent 25%);
        background-position: top -2px left -2px;
        background-size: 15px 15px;
    }

    #get-demo .col-img::after {
        top: 244px;
        right: -110px;
    }

    #contact-bar:after {
        bottom: -90px;
        right: -118px;
    }

    #tab-cluster:after {
        top: 30px;
        left: -68px;
    }
}

/* #endregion dot deco -------------------------------------------- */

/* #region list design -------------------------------------------- */

.tab ul,
#datenschutz .default-tab ul {
    list-style: none;
    margin: 0 !important;
}

.tab ul li,
#datenschutz .default-tab ul li {
    padding: 0 0 0 26px !important;
    background-color: transparent !important;
    background-position: top 7px left !important;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10.335' viewBox='0 0 15 10.335'%3E%3Cpath d='M14.373 24.235a.548.548 0 0 1-.271-.064A.991.991 0 0 1 13.883 24l-4.3-4.278a.405.405 0 0 1 0-.593.538.538 0 0 1 .3-.1.427.427 0 0 1 .271.1l4.227 4.253L23.728 14a.444.444 0 0 1 .284-.1.554.554 0 0 1 .309.1.376.376 0 0 1 0 .567L14.888 24a.887.887 0 0 1-.232.168A.625.625 0 0 1 14.373 24.235Z' transform='translate(-9.45 -13.9)' fill='%235e5e5e'/%3E%3C/svg%3E") !important;
}

.tab ul li::before,
#datenschutz .default-tab ul li::before {
    content: none !important;
}

.tab ul li+li,
#datenschutz .default-tab ul li+li {
    margin-top: 5px;
}

@media (min-width: 992px) {

    .tab ul li+li,
    #datenschutz .default-tab ul li+li {
        margin-top: 10px;
    }
}

/* #endregion list design ----------------------------------------- */

/* #region h1 - h6, newslink -------------------------------------- */

.h4link a:is(:link, :hover, :focus, :visited),
H6,
H5,
H4,
H3,
H2,
H1 {
    color: #202020;
    font-weight: 600;
    line-height: 1.2;
    font-family: "Poppins", sans-serif;
}

H2,
H1 {
    margin-bottom: 30px;
}

h1,
.h1,
.legacy_h1,
:is(#carousel, #get-demo, #contact-box, #zeiterfassung, #references, #funktionen, #wichtigste-funktionen, #anwender, #individuell) h2,
#get-demo h3:not(.h6) {
    font-size: clamp(1.625rem, 4vw, 2.5rem);
}

@media (max-width: 575px) {
    #get-demo :is(h2, h3) {
        font-size: 1.375rem;
    }
}

:is(h1, .h1, h2, .h2) :is(i, em),
.mini-heading :is(h1, .h1, h2, .h2, h3) :is(i, em) {
    position: relative;
    display: table;
    cursor: text;
    z-index: 1;
    font-style: normal;
    font-size: 0.875rem;
    text-transform: uppercase;
    background-image: linear-gradient(to right, #973826, #BB239D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 768px) {

    :is(h1, .h1, h2, .h2) :is(i, em),
    .mini-heading :is(h1, .h1, h2, .h2, h3) :is(i, em) {
        font-size: 1rem;
    }
}

main :is(h1, .h1, h2, .h2) :is(i, em),
main .mini-heading :is(h1, .h1, h2, .h2, h3) :is(i, em) {
    padding: 8px 20px;
    margin-bottom: 10px;
}

.index main :is(h1, .h1, h2, .h2) :is(i, em),
.index main .mini-heading :is(h1, .h1, h2, .h2, h3) :is(i, em) {
    margin-left: auto;
    margin-right: auto;
}

main :is(h1, .h1, h2, .h2) :is(i, em)::after,
main .mini-heading :is(h1, .h1, h2, .h2, h3) :is(i, em)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 40px;
    background-color: rgba(151, 56, 38, 0.1);
}

h2,
.h2,
.legacy_h2 {
    font-size: clamp(1.5625rem, 4vw, 2.1875rem);
}

h3,
.h3,
.legacy_h3 {
    font-size: clamp(1.5rem, 4vw, 1.875rem);
}

h4,
.h4,
.h4link a:is(:link, :hover, :focus, :visited),
.legacy_h4 {
    font-size: clamp(1.4375rem, 4vw, 1.5625rem);
}

h5,
.h5,
.legacy_h5,
:is(#detailinformationen, #datenschutz, #terminal-app .smartphone-row, #anwender .default-tab, #individuell .default-tab) :is(h1, h2, h3, h4, h5, h6) {
    font-size: 1.4375rem;
}

h6,
.h6,
.legacy_h6 {
    font-size: 1.3125rem;
}

/* #endregion h1 - h6, newslink ----------------------------------- */

/* #region hr ----------------------------------------------------- */

hr {
    height: 2px;
    opacity: 1;
    background: rgba(48, 48, 48, 0.3);
    margin: 30px 0;
}

@media (min-width: 1200px) {
    hr {
        margin: 40px 0;
    }
}

/* #endregion hr -------------------------------------------------- */

/* #region navigation --------------------------------------------- */

/* burgermenu for tablet */

@media (max-width: 991px) {
    #menu {
        position: static !important;
        background: #fff;
    }

    #burgerButton {
        font-size: 0;
        display: block;
        height: 50px;
        width: 60px;
        border-radius: 2px;
        padding: 6px 8px;
        cursor: pointer;
        background: #fff;
        border: none !important;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
    }

    #burgerButtonInner2,
    #burgerButton:after,
    #burgerButtonInner {
        background-color: #973826;
        border-radius: 2px;
        position: absolute;
        width: 40px;
        height: 3px;
        left: 10px;
        transition: transform 200ms linear, opacity 200ms linear;
    }

    #burgerButton[aria-expanded="true"] #burgerButtonInner {
        transform: rotate(-45deg) translate(-6px, 6px);
    }

    #burgerButton[aria-expanded="true"] #burgerButtonInner2 {
        opacity: 0;
    }

    #burgerButton[aria-expanded="true"]:after {
        transform: rotate(45deg) translate(-4px, -6px);
    }

    #burgerButtonInner {
        top: 16px;
    }

    #burgerButtonInner2 {
        top: 24px;
    }

    #burgerButton:after {
        top: 32px;
        content: "";
        display: block;
    }

    .navbar-nav {
        padding: 20px 15px;
    }

    .navbar-collapse {
        top: 0;
        background: #fff;
        position: fixed;
        left: -100%;
        bottom: 0;
        z-index: 100;
        height: auto !important;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        opacity: 0;
        pointer-events: none;
        overflow-y: auto;
        transition: left 300ms linear, opacity 300ms linear;
    }

    .navbar-collapse[aria-expanded="true"],
    .navbar-collapse.in {
        left: 0;
        opacity: 1;
        pointer-events: auto;
    }

    .navbar-header {
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 101;
    }

    .navbar-toggle::before {
        content: "";
        opacity: 0;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 0;
        z-index: -1;
        display: block;
        background-color: rgba(0, 0, 0, 0.5);
        transition: width 300ms linear, opacity 300ms linear;
    }

    .navbar-toggle[aria-expanded="true"]::before {
        opacity: 1;
        width: 90px;
    }

    .dropdown-toggle-button {
        border-radius: 12px;
    }

    .dropdown-toggle-button-wrapper {
        top: 4px;
        right: 1px;
    }

    .dropdown-toggle-button-wrapper2 {
        top: 3px;
        right: 1px;
    }
}

@media (min-width: 575px) and (max-width: 991px) {
    .navbar-collapse {
        width: 60%;
    }

    .navbar-collapse.collapse.in:after,
    .navbar-toggle[aria-expanded="true"]::before {
        width: 40%;
    }
}

/* menu desktop */

.sticky-wrapper {
    z-index: 1002;
}

@media (min-width: 992px) {
    #menu {
        background-color: #fff;
        border-radius: 12px;
        max-width: 1480px;
        margin-left: auto;
        margin-right: auto;
        padding: 21px 0 20px 5px;
        position: sticky;
        top: 0;
        z-index: 50;
        transition: margin-top 300ms linear;
    }

    .sticky-wrapper #menu::after {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        background: #fff;
        top: 0;
        width: 950px;
        bottom: 0;
        opacity: 0;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
        transition: opacity 300ms linear, width 300ms linear;
    }

    .sticky-wrapper #menu::after,
    .is-sticky #menu {
        left: 50% !important;
        transform: translateX(-50%);
    }

    .is-sticky #menu::after {
        opacity: 1;
        width: 100vw;
    }

    #menu>.row {
        width: 100% !important;
        max-width: 100%;
    }

    nav.horizontally .navbar-nav {
        position: relative;
        display: flex;
        justify-content: end !important;
        align-items: center !important;
    }

    nav.horizontally .navbar-nav li[class*="toplevel"]>ul {
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        max-width: 700px;
        z-index: 1000;
        display: flex !important;
        flex-wrap: wrap;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 300ms linear;
    }

    nav.horizontally .navbar-nav li[class*="toplevel"]>ul>li {
        width: 50%;
    }

    nav.horizontally .navbar-nav li[class*="toplevel"]>ul>li>.dropdown-menu {
        display: block !important;
    }

    nav.horizontally .navbar-nav li:is(.open, :hover)>ul,
    nav.horizontally .navbar-nav li.open:focus-within>ul,
    nav.horizontally .navbar-nav li[class*="secondlevel"]>ul[style*="block"] {
        pointer-events: auto !important;
        opacity: 1 !important;
        visibility: visible;
    }

    nav.horizontally .navbar-nav li.open>ul {
        pointer-events: none !important;
        opacity: 0 !important;
        visibility: hidden;
    }

    nav.horizontally .navbar-nav li:is(:hover, :focus)>ul {
        z-index: 1003;
    }
}

@media (min-width: 1200px) {
    #menu {
        top: 40px;
    }

    .sticky-wrapper #menu {
        margin-top: 40px;
    }

    .is-sticky #menu {
        margin-top: 0;
    }

    nav.horizontally .navbar-nav li[class*="toplevel"]>ul {
        max-width: 840px;
    }

    nav.horizontally .navbar-nav li[class*="toplevel"]>ul>li {
        width: 33.33%;
    }
}

/* toplevel ------------------------------------------------------- */

.navbar-default .navbar-nav>li>a {
    color: #303030;
    font-weight: 600;
    text-align: left;
    padding: 12px 35px 12px 0;
    position: relative;
    font-size: 0.875rem;
    line-height: 1.2;
    text-decoration: none;
}

@media (min-width: 992px) {
    .navbar-default .navbar-nav>li>a {
        padding: 12px 18px;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 100%;
    }
}

@media (min-width: 1200px) {
    .navbar-default .navbar-nav>li>a {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) and (min-width: 992px) {
    .navbar-default .navbar-nav>li>a {
        display: block;
    }
}

.navbar-default .navbar-nav>li>a[title*="Start"] {
    font-size: 0;
    height: 40px;
    background-position: center left;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17.707' viewBox='0 0 16 17.707'%3E%3Cpath d='M10.2 24.307h4.16V17.773h5.28v6.533H23.8V14.12L17 9l-6.8 5.12Zm0 1.2a1.23 1.23 0 0 1-1.2-1.2V14.12a1.261 1.261 0 0 1 .12-.547 1.009 1.009 0 0 1 .36-.413l6.8-5.12a.943.943 0 0 1 .347-.187A1.353 1.353 0 0 1 17 7.8a1.312 1.312 0 0 1 .387.053.965.965 0 0 1 .333.187l6.8 5.12a1.009 1.009 0 0 1 .36.413 1.261 1.261 0 0 1 .12.547V24.307a1.23 1.23 0 0 1-1.2 1.2H18.413V18.973H15.587v6.533ZM17 16.627Z' transform='translate(-9 -7.8)' fill='%23973826'/%3E%3C/svg%3E");
    filter: grayscale(1);
    transition: filter 300ms linear;
}

@media (min-width: 992px) {
    .navbar-default .navbar-nav>li>a[title*="Start"] {
        height: auto;
        width: 36px;
        margin-right: 6px;
        background-position: center;
    }
}

.navbar-default .navbar-nav>li>a[title*="Kontakt"] {
    border: 1px solid #973826;
    border-radius: 12px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 992px) {
    .navbar-default .navbar-nav>li>a[title*="Kontakt"] {
        margin-left: 45px;
    }
}

.navbar-default .navbar-nav>li>a[title*="Kontakt"]::before {
    content: "";
    position: absolute;
    left: -35px;
    top: calc(50% - 2px);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #303030;
    opacity: 0.2;
    pointer-events: none;
}

@media (max-width: 991px) {

    .navbar-default .navbar-nav>li>a:is([title*="Kontakt"], [title*="test"]) {
        margin-top: 12px;
    }
}

@media (min-width: 992px) {
    .navbar-default .navbar-nav>li>a[title*="test"] {
        margin-left: 30px;
    }
}

/* toplevel-over -------------------------------------------------- */

.navbar-nav>li:is(:hover, .open)>a,
.navbar-nav>li>a:is(:hover, :focus),
.navbar-nav>li.open>:is(:hover, :focus),
.navbar-nav>li[class$="_over"]>a,
.navbar-nav>li[class$="_over"]>a:is(:hover, :focus) {
    color: #973826;
}

.navbar-nav>li:focus-within>a {
    color: #973826;
}

.navbar-nav>li:is(:hover, .open)>a[title*="Start"],
.navbar-nav>li>a[title*="Start"]:is(:hover, :focus),
.navbar-nav>li.open>a[title*="Start"]:is(:hover, :focus),
.navbar-nav>li[class$="_over"]>a[title*="Start"],
.navbar-nav>li[class$="_over"]>a[title*="Start"]:is(:hover, :focus) {
    filter: grayscale(0);
}

.navbar-nav>li:focus-within>a[title*="Start"] {
    filter: grayscale(0);
}

/* secondlevel + thirdlevel dropdown-box -------------------------- */

.navbar-default :is([class*="toplevel"]>ul, [class*="secondlevel"]>ul) {
    padding: 0;
    background-color: #fff;
}

.navbar-default [class*="secondlevel"]>ul {
    padding-left: 20px;
}

@media(min-width: 992px) {
    .navbar-default [class*="toplevel"]>ul {
        margin-top: 37px;
        padding: 35px 10px;
        border-radius: 12px;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    }

    .navbar-default [class*="toplevel"]>ul::before {
        content: "";
        position: absolute;
        display: block;
        height: 50px;
        left: 0;
        right: 0;
        top: -50px;
    }
}

@media(min-width: 1200px) {
    .navbar-default [class*="toplevel"]>ul {
        padding: 40px 20px;
    }
}

/* secondlevel + thirdlevel --------------------------------------- */

.navbar-default :is(li[class*="secondlevel"]>a, li[class*="thirdlevel"]>a) {
    color: #303030;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.2;
    text-decoration: none;
    border-radius: 12px;
}

.navbar-default li[class*="secondlevel"]>a {
    font-weight: 600;
    padding: 8px 25px 8px 37px;
    background-size: 18px auto;
    background-repeat: no-repeat;
    background-position: center left 9px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M23.406 25.031l-4.947-4.947V13.114h1.083v6.5l4.622 4.622ZM18.458 10.153V7.119h1.083v3.033Zm9.389 9.389V18.458h3.033v1.083ZM18.458 30.881V27.847h1.083v3.033ZM7.119 19.542V18.458h3.033v1.083ZM19 32a12.45 12.45 0 0 1-5.056-1.029 13.293 13.293 0 0 1-6.915-6.915A12.45 12.45 0 0 1 6 19a12.577 12.577 0 0 1 1.029-5.074 13.06 13.06 0 0 1 2.8-4.117 13.5 13.5 0 0 1 4.117-2.781A12.45 12.45 0 0 1 19 6a12.577 12.577 0 0 1 5.074 1.029 13.061 13.061 0 0 1 6.9 6.9A12.577 12.577 0 0 1 32 19a12.45 12.45 0 0 1-1.029 5.056 13.5 13.5 0 0 1-2.781 4.117 13.06 13.06 0 0 1-4.117 2.8A12.577 12.577 0 0 1 19 32Zm.036-1.119a11.414 11.414 0 0 0 8.378-3.467 11.5 11.5 0 0 0 3.467-8.45 11.444 11.444 0 0 0-3.449-8.378A11.439 11.439 0 0 0 19 7.119a11.487 11.487 0 0 0-8.414 3.449A11.439 11.439 0 0 0 7.119 19a11.456 11.456 0 0 0 3.467 8.414A11.5 11.5 0 0 0 19.036 30.881ZM19 19Z' transform='translate(-6 -6)' fill='%23973826'/%3E%3C/svg%3E");
}

.navbar-default li[class*="secondlevel"]:nth-child(3)>a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='24.589' viewBox='0 0 28 24.589'%3E%3Cpath d='M7.072 33.164a.529.529 0 0 1-.417-.171.581.581 0 0 1-.152-.4.632.632 0 0 1 .152-.436.529.529 0 0 1 .417-.171H31.679a.584.584 0 0 1 .607.607.546.546 0 0 1-.171.4.591.591 0 0 1-.436.171ZM9.5 25.126a1.008 1.008 0 0 1-.72-.038.94.94 0 0 1-.493-.493L5.82 20.348a.575.575 0 0 1-.057-.512.447.447 0 0 1 .4-.284 1.382 1.382 0 0 1 .227.019.584.584 0 0 1 .228.095l2.5 2.161 8.835-2.351-5.877-9.82a.652.652 0 0 1-.057-.626.749.749 0 0 1 .512-.436.775.775 0 0 1 .341 0 .834.834 0 0 1 .341.152l10.275 9.176 8.228-2.161a1.447 1.447 0 0 1 1.384.265 1.564 1.564 0 0 1 .626 1.289 1.655 1.655 0 0 1-.3.967 1.315 1.315 0 0 1-.834.55Z' transform='translate(-5.727 -8.575)' fill='%23973826'/%3E%3C/svg%3E");
}

.navbar-default li[class*="secondlevel"]:nth-child(4)>a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M21 28.313a.908.908 0 0 0 .67-.264.86.86 0 0 0 .264-.63V21.934h5.484a.86.86 0 0 0 .63-.264.983.983 0 0 0 0-1.341.86.86 0 0 0-.63-.264H21.934V14.581a.83.83 0 0 0-.284-.63.928.928 0 0 0-.65-.264.908.908 0 0 0-.67.264.86.86 0 0 0-.264.63v5.484H14.581a.83.83 0 0 0-.63.284.928.928 0 0 0-.264.65.908.908 0 0 0 .264.67.86.86 0 0 0 .63.264h5.484v5.484a.86.86 0 0 0 .264.63A.908.908 0 0 0 21 28.313ZM10.234 34A2.219 2.219 0 0 1 8 31.766V10.234A2.219 2.219 0 0 1 10.234 8H31.766A2.219 2.219 0 0 1 34 10.234V31.766A2.219 2.219 0 0 1 31.766 34Zm0-1.259H31.766a.971.971 0 0 0 .975-.975V10.234a.971.971 0 0 0-.975-.975H10.234a.971.971 0 0 0-.975.975V31.766a.971.971 0 0 0 .975.975Zm-.975 0v0Z' transform='translate(-8 -8)' fill='%23973826'/%3E%3C/svg%3E");
}

.navbar-default li[class*="secondlevel"]:nth-child(5)>a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M19 32a12.577 12.577 0 0 1-5.074-1.029 13.061 13.061 0 0 1-6.9-6.9 13.021 13.021 0 0 1 0-10.147 13.061 13.061 0 0 1 6.9-6.9 13.021 13.021 0 0 1 10.147 0 13.061 13.061 0 0 1 6.9 6.9 13.021 13.021 0 0 1 0 10.147 13.061 13.061 0 0 1-6.9 6.9A12.577 12.577 0 0 1 19 32Zm0-1.119A11.776 11.776 0 0 0 30.881 19a11.46 11.46 0 0 0-.812-4.279 12.931 12.931 0 0 0-2.293-3.737L10.983 27.775A11.7 11.7 0 0 0 19 30.881Zm-8.775-3.864L27.017 10.225a11.285 11.285 0 0 0-3.7-2.311A11.975 11.975 0 0 0 19 7.119 11.776 11.776 0 0 0 7.119 19a11.556 11.556 0 0 0 .813 4.315A12.445 12.445 0 0 0 10.225 27.017Z' transform='translate(-6 -6)' fill='%23973826'/%3E%3C/svg%3E");
}

.navbar-default li[class*="secondlevel"]:nth-child(6)>a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='23.245' viewBox='0 0 28 23.245'%3E%3Cpath d='M21.065 31.895a2.081 2.081 0 0 1-.574-.082 2.6 2.6 0 0 1-.574-.246l-7.748-4.182a2.749 2.749 0 0 1-.82-.861 2.223 2.223 0 0 1-.328-1.189V18.776L8.274 17.3a1.182 1.182 0 0 1-.389-.43 1.653 1.653 0 0 1-.184-.553 1.01 1.01 0 0 1 .164-.574 1.464 1.464 0 0 1 .41-.41l11.643-6.4a4.815 4.815 0 0 1 .574-.2 2.05 2.05 0 0 1 1.148 0 1.387 1.387 0 0 1 .492.246l12.955 7.01a1.241 1.241 0 0 1 .451.43 1.042 1.042 0 0 1 .164.553v9.142a.59.59 0 0 1-.184.43.638.638 0 0 1-.471.184.63.63 0 0 1-.615-.615v-9.06l-3.362 1.722v6.559a2.336 2.336 0 0 1-.307 1.189 2.415 2.415 0 0 1-.84.861L22.13 31.567a1.892 1.892 0 0 1-.533.246 1.948 1.948 0 0 1-.533.082ZM20.7 22.63a.571.571 0 0 0 .348.123.991.991 0 0 0 .43-.123l11.561-6.313L21.475 10.085a.991.991 0 0 0-.43-.123.571.571 0 0 0-.348.123l-11.6 6.231Zm-.041 7.912a.6.6 0 0 0 .369.123 1.02 1.02 0 0 0 .451-.123l7.871-4.3a.83.83 0 0 0 .369-.348 1.143 1.143 0 0 0 .123-.553v-5.78L22.13 23.7a1.548 1.548 0 0 1-.512.225 2.521 2.521 0 0 1-1.107 0 2.054 2.054 0 0 1-.553-.225l-7.666-4.182v5.821a1.372 1.372 0 0 0 .1.533.706.706 0 0 0 .348.369ZM21.065 22.793ZM21.065 24.966ZM21.065 24.966Z' transform='translate(-7.7 -8.65)' fill='%23973826'/%3E%3C/svg%3E");
}

.navbar-default li[class*="secondlevel"]:nth-child(7)>a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M26.279-10.5H8.721a2.152,2.152,0,0,1-1.585-.636A2.152,2.152,0,0,1,6.5-12.721V-30.279a2.152,2.152,0,0,1,.636-1.585A2.152,2.152,0,0,1,8.721-32.5H26.279a2.152,2.152,0,0,1,1.585.636,2.152,2.152,0,0,1,.636,1.585v17.557a2.152,2.152,0,0,1-.636,1.585A2.152,2.152,0,0,1,26.279-10.5ZM7.875-26.313h19.25v-3.966a.809.809,0,0,0-.264-.582.809.809,0,0,0-.582-.264H8.721a.809.809,0,0,0-.582.264.809.809,0,0,0-.264.582Zm3.966,1.375H7.875v12.216a.809.809,0,0,0,.264.582.809.809,0,0,0,.582.264h3.12Zm11.318,0v13.063h3.12a.809.809,0,0,0,.582-.264.809.809,0,0,0,.264-.582V-24.938Zm-1.375,0H13.216v13.063h8.568Z' transform='translate(-6.5 32.5)' fill='%23973826'/%3E%3C/svg%3E%0A");
}

.navbar-default li[class*="secondlevel"]:nth-child(9)>a {
    background-size: 15px auto;
    background-position: center left 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='25.419' viewBox='0 0 20 25.419'%3E%3Cpath d='M254.865-864.157l-.914-.914a3.513,3.513,0,0,0,.82-.994,2.486,2.486,0,0,0,.317-1.226,2.486,2.486,0,0,0-.317-1.226,3.513,3.513,0,0,0-.82-.994l.914-.914a4.75,4.75,0,0,1,1.088,1.412,3.764,3.764,0,0,1,.406,1.722,3.764,3.764,0,0,1-.406,1.722A4.751,4.751,0,0,1,254.865-864.157Zm2.723,2.723-.9-.9A6.881,6.881,0,0,0,258.2-864.6a7,7,0,0,0,.528-2.689,7,7,0,0,0-.528-2.689,6.882,6.882,0,0,0-1.513-2.268l.9-.9a8.04,8.04,0,0,1,1.791,2.679,8.3,8.3,0,0,1,.621,3.177,8.3,8.3,0,0,1-.621,3.177A8.04,8.04,0,0,1,257.588-861.435Zm-15.535,6.853a1.98,1.98,0,0,1-1.453-.6,1.98,1.98,0,0,1-.6-1.453v-21.312a1.98,1.98,0,0,1,.6-1.453,1.98,1.98,0,0,1,1.453-.6H253.2a1.98,1.98,0,0,1,1.453.6,1.98,1.98,0,0,1,.6,1.453v4.2H253.98v-1.809H241.271v16.522H253.98v-1.809h1.271v4.2a1.98,1.98,0,0,1-.6,1.453,1.98,1.98,0,0,1-1.453.6Zm-.782-3.177v1.124a.748.748,0,0,0,.244.538.748.748,0,0,0,.538.244H253.2a.748.748,0,0,0,.538-.244.748.748,0,0,0,.244-.538v-1.124Zm0-19.064H253.98v-1.124a.747.747,0,0,0-.244-.538.748.748,0,0,0-.538-.244H242.053a.748.748,0,0,0-.538.244.747.747,0,0,0-.244.538Zm0,0v0Zm0,19.064v0Z' transform='translate(-240 880)' fill='%23973826'/%3E%3C/svg%3E%0A");
}

.navbar-default li[class*="secondlevel"]:nth-child(10)>a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M164.663-784.375h1.25v-7.5h-1.25Zm4.712,0h1.25v-11.25h-1.25Zm4.712,0h1.25v-3.75h-1.25ZM162.019-780a1.956,1.956,0,0,1-1.441-.578,1.956,1.956,0,0,1-.578-1.441v-15.961a1.956,1.956,0,0,1,.578-1.441,1.956,1.956,0,0,1,1.441-.578h15.961a1.956,1.956,0,0,1,1.441.578,1.956,1.956,0,0,1,.578,1.441v15.961a1.956,1.956,0,0,1-.578,1.441,1.956,1.956,0,0,1-1.441.578Zm0-1.25h15.961a.735.735,0,0,0,.529-.24.735.735,0,0,0,.24-.529v-15.961a.735.735,0,0,0-.24-.529.735.735,0,0,0-.529-.24H162.019a.735.735,0,0,0-.529.24.735.735,0,0,0-.24.529v15.961a.735.735,0,0,0,.24.529A.735.735,0,0,0,162.019-781.25Zm-.769-17.5v0Z' transform='translate(-160 800)' fill='%23973826'/%3E%3C/svg%3E%0A");
}

.navbar-default li[class*="secondlevel"]:nth-child(11)>a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18.928' viewBox='0 0 20 18.928'%3E%3Cpath d='M155.38-821.072l-3.571-3.571H140.737a1.719,1.719,0,0,1-1.261-.525,1.719,1.719,0,0,1-.525-1.261v-.268h12.5a1.806,1.806,0,0,0,1.324-.551,1.805,1.805,0,0,0,.551-1.324v-7.946h.268a1.719,1.719,0,0,1,1.261.525,1.719,1.719,0,0,1,.525,1.261Zm-18.839-7.185,1.922-1.922H149.13a.7.7,0,0,0,.513-.2.7.7,0,0,0,.2-.513v-7.232a.7.7,0,0,0-.2-.514.7.7,0,0,0-.513-.2H137.255a.7.7,0,0,0-.513.2.7.7,0,0,0-.2.514Zm-1.161,2.81v-12.678a1.805,1.805,0,0,1,.551-1.324,1.805,1.805,0,0,1,1.324-.551H149.13a1.806,1.806,0,0,1,1.324.551,1.806,1.806,0,0,1,.551,1.324v7.232a1.805,1.805,0,0,1-.551,1.324,1.806,1.806,0,0,1-1.324.551H138.951Zm1.161-5.446v0Z' transform='translate(-135.38 840)' fill='%23973826'/%3E%3C/svg%3E%0A");
}

.navbar-default li[class*="secondlevel"]:nth-child(12)>a {
    background-size: 15px auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='25.714' viewBox='0 0 20 25.714'%3E%3Cpath d='M202.308-814.286a2.226,2.226,0,0,1-1.634-.674,2.226,2.226,0,0,1-.674-1.634v-12.527a2.226,2.226,0,0,1,.674-1.634,2.226,2.226,0,0,1,1.634-.674h1.978v-2.857a5.512,5.512,0,0,1,1.664-4.051A5.512,5.512,0,0,1,210-840a5.512,5.512,0,0,1,4.051,1.664,5.512,5.512,0,0,1,1.664,4.051v2.857h1.978a2.226,2.226,0,0,1,1.634.674,2.226,2.226,0,0,1,.674,1.634v12.527a2.226,2.226,0,0,1-.674,1.634,2.226,2.226,0,0,1-1.634.674Zm0-1.429h15.384a.857.857,0,0,0,.632-.247.857.857,0,0,0,.247-.632v-12.527a.857.857,0,0,0-.247-.632.857.857,0,0,0-.632-.247H202.308a.857.857,0,0,0-.632.247.857.857,0,0,0-.247.632v12.527a.857.857,0,0,0,.247.632A.857.857,0,0,0,202.308-815.714Zm7.692-5a2.07,2.07,0,0,0,1.523-.62,2.07,2.07,0,0,0,.62-1.523,2.07,2.07,0,0,0-.62-1.523A2.07,2.07,0,0,0,210-825a2.07,2.07,0,0,0-1.523.62,2.07,2.07,0,0,0-.62,1.523,2.07,2.07,0,0,0,.62,1.523A2.07,2.07,0,0,0,210-820.714Zm-4.286-10.714h8.571v-2.857a4.133,4.133,0,0,0-1.25-3.036,4.133,4.133,0,0,0-3.036-1.25,4.133,4.133,0,0,0-3.036,1.25,4.133,4.133,0,0,0-1.25,3.036Zm-4.286,15.714v0Z' transform='translate(-200 840)' fill='%23973826'/%3E%3C/svg%3E%0A");
}

.navbar-default li[class*="secondlevel"]:nth-child(13)>a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='33.85' viewBox='0 0 36 33.85'%3E%3Cpath d='M23.55 42V40.45h13.7a1.2 1.2 0 0 0 1.2-1.2V24.1a13.2 13.2 0 0 0-1.175-5.5 15.349 15.349 0 0 0-3.15-4.575 14.889 14.889 0 0 0-4.6-3.125 13.847 13.847 0 0 0-11.05 0 14.889 14.889 0 0 0-4.6 3.125 15.349 15.349 0 0 0-3.15 4.575A13.2 13.2 0 0 0 9.55 24.1V36.15H9a2.988 2.988 0 0 1-3-3v-4a2.552 2.552 0 0 1 .55-1.575A5.18 5.18 0 0 1 8 26.3l.05-2.65a15.521 15.521 0 0 1 1.4-6.075 16.136 16.136 0 0 1 8.5-8.225A15.431 15.431 0 0 1 24 8.15a15.9 15.9 0 0 1 6.075 1.175A15.509 15.509 0 0 1 35.1 12.6a16.394 16.394 0 0 1 3.45 4.925 15.628 15.628 0 0 1 1.4 6.125L40 26.2a4.19 4.19 0 0 1 1.45 1.15 2.384 2.384 0 0 1 .55 1.5v4.6a2.384 2.384 0 0 1-.55 1.5A4.19 4.19 0 0 1 40 36.1v3.15A2.82 2.82 0 0 1 37.25 42Zm-4.8-13.9a1.244 1.244 0 0 1-.9-.4 1.3 1.3 0 0 1-.4-.95 1.244 1.244 0 0 1 .4-.9 1.3 1.3 0 0 1 .95-.4 1.372 1.372 0 0 1 1.3 1.3 1.366 1.366 0 0 1-1.35 1.35Zm10.5 0a1.366 1.366 0 0 1-1.35-1.35 1.244 1.244 0 0 1 .4-.9 1.3 1.3 0 0 1 .95-.4 1.372 1.372 0 0 1 1.3 1.3 1.3 1.3 0 0 1-.4.95A1.244 1.244 0 0 1 29.25 28.1Zm-15.8-3.15a10.125 10.125 0 0 1 .7-4.75 10.882 10.882 0 0 1 9.95-6.7 9.827 9.827 0 0 1 6.825 2.55A10.759 10.759 0 0 1 34.4 22.4 13.186 13.186 0 0 1 27 20.15a14.827 14.827 0 0 1-5-5.65 14.005 14.005 0 0 1-3 6.325 14.192 14.192 0 0 1-5.55 4.125Z' transform='translate(-6 -8.15)' fill='%23973826'/%3E%3C/svg%3E");
}

.navbar-default li[class*="secondlevel"]:nth-child(14)>a {
    background-size: 20px auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M11.9 45q-2.05 0-3.475-1.425Q7 42.15 7 40.15q0-2.05 1.425-3.45 1.425-1.4 3.425-1.4.65 0 1.225.15.575.15 1.125.4l5.75-7.1q-.9-1-1.25-2.175-.35-1.175-.15-2.475l-8.4-2.8q-.65 1.2-1.75 1.875t-2.55.675q-2 0-3.425-1.425Q1 21 1 19q0-2.05 1.425-3.45 1.425-1.4 3.425-1.4 2.05 0 3.45 1.425Q10.7 17 10.7 19q0 .2-.025.325t-.025.275l8.45 2.9q.6-1.2 1.6-1.95t2.4-1V10.6q-1.9-.35-2.925-1.75t-1.025-3q0-2 1.425-3.425Q22 1 24 1q2.05 0 3.45 1.425 1.4 1.425 1.4 3.425 0 1.6-1.025 3T24.9 10.6v8.95q1.4.25 2.4 1t1.65 1.95l8.4-2.9q-.05-.1-.05-.25V19q0-2 1.4-3.425 1.4-1.425 3.4-1.425 2.05 0 3.475 1.425Q47 17 47 19q0 2.05-1.425 3.45-1.425 1.4-3.425 1.4-1.4 0-2.55-.7t-1.75-1.85l-8.4 2.8q.25 1.3-.125 2.5t-1.275 2.1l5.75 7.15q.5-.25 1.1-.4.6-.15 1.2-.15 2.1 0 3.5 1.4t1.4 3.4q0 2.05-1.425 3.475Q38.15 45 36.15 45q-2.05 0-3.45-1.425-1.4-1.425-1.4-3.425 0-.95.25-1.675.25-.725.9-1.475l-5.75-7.2q-1.2.75-2.725.75-1.525 0-2.675-.75l-5.75 7.25q.6.7.875 1.425.275.725.275 1.675 0 2-1.4 3.425Q13.9 45 11.9 45ZM5.85 22.3q1.4 0 2.35-.975.95-.975.95-2.325 0-1.4-.975-2.35-.975-.95-2.325-.95-1.4 0-2.35.975-.95.975-.95 2.325 0 1.4.975 2.35.975.95 2.325.95Zm6 21.15q1.4 0 2.35-.975.95-.975.95-2.325 0-1.4-.975-2.35-.975-.95-2.325-.95-1.4 0-2.35.975-.95.975-.95 2.325 0 1.4.975 2.35.975.95 2.325.95ZM24 9.15q1.4 0 2.35-.975.95-.975.95-2.325 0-1.4-.975-2.35-.975-.95-2.325-.95-1.4 0-2.35.975-.95.975-.95 2.325 0 1.4.975 2.35.975.95 2.325.95ZM24 29q1.65 0 2.825-1.175Q28 26.65 28 25q0-1.65-1.175-2.825Q25.65 21 24 21q-1.65 0-2.825 1.175Q20 23.35 20 25q0 1.65 1.175 2.825Q22.35 29 24 29Zm12.15 14.45q1.4 0 2.35-.975.95-.975.95-2.325 0-1.4-.975-2.35-.975-.95-2.325-.95-1.4 0-2.35.975-.95.975-.95 2.325 0 1.4.975 2.35.975.95 2.325.95Zm6-21.15q1.4 0 2.35-.975.95-.975.95-2.325 0-1.4-.975-2.35-.975-.95-2.325-.95-1.4 0-2.35.975-.95.975-.95 2.325 0 1.4.975 2.35.975.95 2.325.95ZM24 5.85ZM5.85 19ZM24 25Zm18.15-6Zm-30.3 21.15Zm24.3 0Z' fill='%23973826'/%3E%3C/svg%3E");
}

.navbar-default li[class*="secondlevel"]:nth-child(15)>a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M21 36a14.265 14.265 0 0 1-4.5-.729 18.065 18.065 0 0 1-4.292-2.1l.958-.917A13.9 13.9 0 0 0 21 34.708 13.588 13.588 0 0 0 34.708 21a13.234 13.234 0 0 0-3.979-9.729A13.234 13.234 0 0 0 21 7.292a13.234 13.234 0 0 0-9.729 3.979A13.234 13.234 0 0 0 7.292 21H6a14.512 14.512 0 0 1 1.188-5.854 15.014 15.014 0 0 1 7.979-7.958 14.972 14.972 0 0 1 11.687 0 15.07 15.07 0 0 1 7.958 7.958 14.972 14.972 0 0 1 0 11.687 15.014 15.014 0 0 1-7.958 7.979A14.512 14.512 0 0 1 21 36ZM8.042 28.583l6.125-6.042 5.125 4.375 9.333-9.333v6.125h1.167v-8H21.75v1.125h6.167L19.25 25.5l-5.125-4.375L7.542 27.667q.125.292.229.5A2.36 2.36 0 0 0 8.042 28.583ZM21 21Z' transform='translate(-6 -6)' fill='%23973826'/%3E%3C/svg%3E");
}

.navbar-default li[class*="secondlevel"] {
    padding: 2px 0;
}

@media(min-width: 992px) {
    .navbar-default li[class*="secondlevel"] {
        padding: 5px 15px;
    }
}

.navbar-default li[class*="thirdlevel"]>a {
    font-weight: 400;
    padding: 8px 15px;
}

/* secondlevel + thirdlevel over ---------------------------------- */

.navbar-default li[class*="secondlevel"]:is(:hover, .open)>a,
.navbar-default li[class*="secondlevel"]>a:is(:hover, :focus),
.navbar-default li[class*="secondlevel"].open>a:is(:hover, :focus),
.navbar-default li[class*="secondlevel"][class$="_over"]>a,
.navbar-default li[class*="secondlevel"][class$="_over"]>a:is(:hover, :focus) {
    background-color: rgba(255, 178, 110, 0.4);
}

.navbar-default li[class*="thirdlevel"]>a:is(:hover, :focus),
.navbar-default li[class*="thirdlevel"].open>a,
.navbar-default li[class*="thirdlevel"].open>a:is(:hover, :focus),
.navbar-default li[class*="thirdlevel"][class$="_over"]>a,
.navbar-default li[class*="thirdlevel"][class$="_over"]>a:is(:hover, :focus) {
    color: #973826;
}

.navbar-default li[class*="secondlevel"]:focus-within>a {
    background-color: rgba(255, 178, 110, 0.4);
}

.navbar-default li[class*="thirdlevel"]:focus-within>a {
    color: #973826;
}

/* #endregion navigation ------------------------------------------ */

/* #region banner text -------------------------------------------- */

#header-collage {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
}

body:not(.index) #header-collage>.row,
body:not(.index) #header-images {
    position: static;
}

@media (max-width: 767px) {
    body.index #header-collage {
        padding-top: 320px;
    }
}

@media (min-width: 768px) {
    body.index #header-collage {
        min-height: 580px;
    }
}

@media (max-width: 767px) {

    #header-collage>.row,
    #header-images {
        position: static;
    }
}

@media (min-width: 992px) {
    body:not(.index) #header-collage {
        background-position: top 70px left 30px;
    }

    #header-collage>.row {
        max-width: 1510px;
        width: 100% !important;
    }

    body.index #header-text {
        padding-top: 55px;
    }

    #header-collage {
        padding-top: 90px;
        padding-bottom: 60px;
    }

    body.index #header-collage {
        min-height: 850px;
    }

    body:not(.index) #header-collage {
        min-height: 325px;
    }

    .sticky-wrapper+#header-collage {
        padding-top: 60px;
    }
}

@media (min-width: 1200px) {
    #header-collage {
        padding-top: 130px;
        padding-bottom: 90px;
        background-repeat: no-repeat;
        background-position: top 120px left 30px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='152.555' viewBox='0 0 150 152.555'%3E%3Cg transform='translate(-0.824 326.628)' opacity='0.08'%3E%3Cpath id='Pfad_35' data-name='Pfad 35' d='M94.7-326.334C80.4-324.7 66.834-319.273 56.453-311c-5 4.021-6.453 5.471-6.453 6.64 0 1.263 2.432 3.741 3.647 3.741.514 0 2.478-1.309 4.349-2.9a69.325 69.325 0 0 1 30.4-14.964c6.406-1.4 19.78-1.543 26.28-.234a69.7 69.7 0 0 1 44.049 29.553 70.46 70.46 0 0 1-2.665 81.412c-2.011 2.665-2.291 4.583-.935 6.266 1.122 1.4 3.086 1.356 4.629-.047 1.87-1.777 6.874-9.539 9.493-14.777a84.105 84.105 0 0 0 6.64-19.874 90 90 0 0 0 0-28.338 76.744 76.744 0 0 0-30.021-47.744 85.783 85.783 0 0 0-21-10.8C116.027-325.913 103.215-327.269 94.7-326.334Z' transform='translate(-26.181)' fill='%23973826'/%3E%3Cpath id='Pfad_36' data-name='Pfad 36' d='M80.2-303.208a64.9 64.9 0 0 0-49.848 35.586 66.8 66.8 0 0 0-3.32 51.064c7.388 20.9 24.784 36.848 45.639 41.9a62.342 62.342 0 0 0 31.05 0c21-5.05 38.344-21 45.733-41.9a67.938 67.938 0 0 0 0-43.3A65.1 65.1 0 0 0 94.419-303.4 48.27 48.27 0 0 0 80.2-303.208Zm4.3 12.392v6.079H91.52v-12.2l2.712.281a58.676 58.676 0 0 1 50.362 44.423A70.811 70.811 0 0 1 146-244.9l.327 3.18H133.137v7.014h13.187L146-231.569a61.993 61.993 0 0 1-7.716 23.053c-9.82 16.367-25.579 26.607-44.049 28.758l-2.712.281v-12.2H84.505v12.2l-2.432-.327A58.6 58.6 0 0 1 31.9-224.181a71.5 71.5 0 0 1-1.4-7.388l-.327-3.133H42.42v-7.014H30.168l.327-3.18A62.051 62.051 0 0 1 38.211-267.9c9.446-15.712 24.5-25.906 42.039-28.478C84.973-297.082 84.505-297.69 84.505-290.816Z' transform='translate(-12.054 -12.137)' fill='%23973826'/%3E%3Cpath id='Pfad_37' data-name='Pfad 37' d='M143.91-234.065v13.982l-1.122.514a15.275 15.275 0 0 0-5.985 6.079 13.412 13.412 0 0 0 0 9.539 15 15 0 0 0 6.547 6.313 13.649 13.649 0 0 0 5.424.561l3.741-.14 12.158 16.18c6.734 8.931 12.345 16.226 12.485 16.226.608.094 5.331-3.834 5.284-4.349-.047-.374-5.518-7.856-12.2-16.694L158.078-201.94l.888-2.011a13.953 13.953 0 0 0 .14-9.352c-.888-2.151-4.816-6.032-6.593-6.453l-1.122-.281V-248H143.91Zm6.547 20.9a5.761 5.761 0 0 1 2.806 4.442 5.643 5.643 0 0 1-5.378 5.144 5.643 5.643 0 0 1-5.378-5.144C142.507-212.508 146.949-214.986 150.456-213.163Z' transform='translate(-71.926 -41.86)' fill='%23973826'/%3E%3Cpath id='Pfad_38' data-name='Pfad 38' d='M14.607-258.737c-2.852 2.712-7.949 13.093-10.662 21.651-3.18 10.194-4.021 24.176-2.1 35.258a76.009 76.009 0 0 0 50.5 59.387 73.947 73.947 0 0 0 47.042 0c5.424-1.824 12.906-5.284 13.841-6.36a3.71 3.71 0 0 0 .094-4.489c-1.076-1.59-3.227-1.309-7.949 1.029a66.537 66.537 0 0 1-15.992 5.518c-6.827 1.543-20.341 1.5-27.168 0a66.467 66.467 0 0 1-34.229-18.751C17.927-175.549 11.9-186.771 8.809-201.08c-1.543-7.108-1.543-20.482 0-27.589a71.109 71.109 0 0 1 9.633-23.848 14.163 14.163 0 0 0 2.1-3.975c0-1.076-2.525-3.507-3.647-3.507A4.537 4.537 0 0 0 14.607-258.737Z' transform='translate(0 -35.471)' fill='%23973826'/%3E%3Cpath id='Pfad_39' data-name='Pfad 39' d='M252.276-47.541c-1.543 1.777-1.543 3.414-.047 4.863 1.637 1.637 3.554 1.543 5.1-.281 1.543-1.777 1.543-3.414.047-4.863C255.736-49.459 253.819-49.365 252.276-47.541Z' transform='translate(-133.25 -147.814)' fill='%23973826'/%3E%3C/g%3E%3C/svg%3E");
    }

    .sticky-wrapper+#header-collage {
        padding-top: 90px;
    }
}

#header-text h1 {
    font-size: clamp(1.875rem, 4vw, 3.125rem);
    margin-bottom: 22px;
}

#header-text :is(h1, .h1) :is(i, em) {
    position: relative;
    padding-left: 22px;
    margin-bottom: 6px;
}

#header-text h1 i::after,
#header-text .h1 i::after,
#header-text h1 em::after,
#header-text .h1 em::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-position: center left;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15.158' viewBox='0 0 16 15.158'%3E%3Cpath d='M7.075 2.255a1 1 0 0 1 1.85 0L9.965 4.79a1 1 0 0 0 .852.618l2.735.2a1 1 0 0 1 .571 1.762L12.035 9.131a1 1 0 0 0-.327 1l.652 2.65a1 1 0 0 1-1.5 1.09L8.525 12.431a1 1 0 0 0-1.05 0L5.136 13.875a1 1 0 0 1-1.5-1.09l.652-2.65a1 1 0 0 0-.327-1L1.877 7.372A1 1 0 0 1 2.448 5.61l2.735-.2a1 1 0 0 0 .852-.618Z' fill='%23973826'/%3E%3C/svg%3E");
}

#facts {
    margin-top: 30px;
}

#header-text .fact+.fact {
    margin-top: 15px;
}

@media (min-width: 768px) {
    #header-text .fact+.fact {
        margin-top: 30px;
    }
}

@media (min-width: 992px) {
    body.index #facts {
        margin-top: 52px;
    }

    #header-text .fact:nth-child(2n+2) {
        margin-left: 30px;
    }
}

#header-text .fact {
    padding-left: 60px;
    display: inline-block;
    min-width: 51%;
    background-position: center left 15px;
    background-repeat: no-repeat;
}

#header-text .fact-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='21.446' viewBox='0 0 28 21.446'%3E%3Cpath d='M7.834 27.341V9.85a2.123 2.123 0 0 1 .62-1.532 2.072 2.072 0 0 1 1.551-.64H31.3a.558.558 0 0 1 .407.175.6.6 0 0 1 .175.446.541.541 0 0 1-.175.427.594.594 0 0 1-.407.155H10.006a.93.93 0 0 0-.97.97v17.49H16.56a.892.892 0 1 1 0 1.784H5.546a.927.927 0 0 1-.931-.931.793.793 0 0 1 .271-.6.934.934 0 0 1 .659-.252Zm15.939 1.784a1.161 1.161 0 0 1-.853-.349 1.258 1.258 0 0 1-.349-.931V14a1.1 1.1 0 0 1 .349-.834 1.2 1.2 0 0 1 .853-.33h7.485a1.445 1.445 0 0 1 .97.33 1.047 1.047 0 0 1 .388.834V27.845a1.191 1.191 0 0 1-.388.931 1.4 1.4 0 0 1-.97.349Zm0-1.784h7.64v-13.3h-7.64Z' transform='translate(-4.615 -7.679)' fill='%23973826'/%3E%3C/svg%3E");
}

#header-text .fact-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='28.471' viewBox='0 0 30 28.471'%3E%3Cpath d='M27.074 10.382a.708.708 0 0 1-.319-.08.522.522 0 0 1-.239-.239L25.6 8.109l-1.954-.917a.549.549 0 0 1-.239-.219.6.6 0 0 1 0-.6.549.549 0 0 1 .239-.219L25.6 5.2l.917-1.914a.522.522 0 0 1 .239-.239.708.708 0 0 1 .319-.08.491.491 0 0 1 .279.08.6.6 0 0 1 .2.239L28.509 5.2l1.914.957a.549.549 0 0 1 .239.219.6.6 0 0 1 0 .6.549.549 0 0 1-.239.219l-1.914.917-.957 1.954a.6.6 0 0 1-.2.239A.491.491 0 0 1 27.074 10.382ZM30.3 22.225a.708.708 0 0 1-.319-.08.5.5 0 0 1-.239-.279l-.518-1.117-1.117-.518a1.708 1.708 0 0 1-.319-.518.708.708 0 0 1 .08-.319.522.522 0 0 1 .239-.239l1.117-.518.518-1.117q.04-.12.558-.319a.708.708 0 0 1 .319.08.522.522 0 0 1 .239.239l.479 1.117 1.156.518a1.8 1.8 0 0 1 .319.558.593.593 0 0 1-.08.3.549.549 0 0 1-.239.219l-1.156.518-.479 1.117Q30.822 21.986 30.3 22.225ZM11.921 31.436a1.113 1.113 0 0 1-.758-.279 1.043 1.043 0 0 1-.359-.718l-.239-2.193a10.645 10.645 0 0 1-1.555-.678 5.536 5.536 0 0 1-1.356-.957l-1.914.837a.988.988 0 0 1-.8.06 1.061 1.061 0 0 1-.6-.5l-1.4-2.193a1.17 1.17 0 0 1-.1-.817 1.06 1.06 0 0 1 .459-.658L5.1 22.105a8.283 8.283 0 0 1-.2-1.655 7.721 7.721 0 0 1 .2-1.615L3.307 17.6a1.06 1.06 0 0 1-.459-.658 1.048 1.048 0 0 1 .1-.778l1.4-2.233a1.061 1.061 0 0 1 .6-.5.988.988 0 0 1 .8.06l1.914.837a5.536 5.536 0 0 1 1.356-.957 8.023 8.023 0 0 1 1.555-.638l.239-2.273a1.01 1.01 0 0 1 .359-.678 1.113 1.113 0 0 1 .758-.279h2.592a1.062 1.062 0 0 1 1.077.957l.279 2.273a9.052 9.052 0 0 1 1.535.638 5.428 5.428 0 0 1 1.376.957l1.954-.837a.849.849 0 0 1 .738-.06 1.252 1.252 0 0 1 .618.5l1.356 2.233a.95.95 0 0 1 .14.778 1.06 1.06 0 0 1-.459.658l-1.834 1.236a6.5 6.5 0 0 1 .239 1.615 6.972 6.972 0 0 1-.239 1.655l1.834 1.236a1.076 1.076 0 0 1 .319 1.475L22.089 27.01a1.252 1.252 0 0 1-.618.5.849.849 0 0 1-.738-.06l-1.954-.837a5.428 5.428 0 0 1-1.376.957 12.758 12.758 0 0 1-1.535.678l-.279 2.193a1.079 1.079 0 0 1-.339.718 1.04 1.04 0 0 1-.738.279ZM13.2 24.3a3.774 3.774 0 0 0 2.751-1.1 3.875 3.875 0 0 0 0-5.443A3.739 3.739 0 0 0 13.2 16.642a3.626 3.626 0 0 0-2.692 1.117 3.925 3.925 0 0 0 0 5.443A3.659 3.659 0 0 0 13.2 24.3Zm0-1.2a2.48 2.48 0 0 1-1.854-.758A2.582 2.582 0 0 1 10.6 20.47a2.533 2.533 0 0 1 .738-1.834 2.48 2.48 0 0 1 1.854-.758 2.546 2.546 0 0 1 1.874.758 2.5 2.5 0 0 1 .758 1.834A2.588 2.588 0 0 1 13.2 23.1Zm-1.236 7.1h2.512l.319-2.911a9.321 9.321 0 0 0 2.054-.817A6.476 6.476 0 0 0 18.5 25.136l2.632 1.156 1.276-2.074L19.936 22.5a5 5 0 0 0 .4-2.014 5.285 5.285 0 0 0-.4-2.054l2.432-1.755-1.236-2.034-2.632 1.2a6.865 6.865 0 0 0-1.655-1.356 7.689 7.689 0 0 0-2.054-.8l-.319-2.951H11.961l-.319 2.951a7.689 7.689 0 0 0-2.054.8 7.6 7.6 0 0 0-1.695 1.356L5.3 14.648l-1.2 2.034 2.353 1.755a5.285 5.285 0 0 0-.4 2.054 5 5 0 0 0 .4 2.014L4.025 24.219 5.3 26.292l2.592-1.156a7.135 7.135 0 0 0 1.695 1.336 9.322 9.322 0 0 0 2.054.817ZM13.2 20.47Z' transform='translate(-2.816 -2.965)' fill='%23973826'/%3E%3C/svg%3E");
}

#header-text .fact-3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='26.328' viewBox='0 0 28 26.328'%3E%3Cpath d='M16.545 29.468a.56.56 0 0 1-.408-.175.606.606 0 0 1-.175-.447.6.6 0 0 1 .583-.583H26.618a.929.929 0 0 0 .933-.933V15.546a10.269 10.269 0 0 0-.914-4.278 11.938 11.938 0 0 0-2.45-3.558 11.581 11.581 0 0 0-3.578-2.431 10.77 10.77 0 0 0-8.594 0A11.581 11.581 0 0 0 8.437 7.71a11.938 11.938 0 0 0-2.45 3.558 10.269 10.269 0 0 0-.914 4.278V24.49a.409.409 0 0 1-.117.331.47.47 0 0 1-.311.1 2.324 2.324 0 0 1-2.333-2.333V19.474a1.985 1.985 0 0 1 .428-1.225 4.029 4.029 0 0 1 1.128-.992L3.906 15.2A12.072 12.072 0 0 1 5 10.471a12.55 12.55 0 0 1 6.611-6.4 12 12 0 0 1 4.706-.933 12.368 12.368 0 0 1 4.725.914A12.063 12.063 0 0 1 24.945 6.6a12.751 12.751 0 0 1 2.683 3.831A12.155 12.155 0 0 1 28.718 15.2l.039 1.983a3.259 3.259 0 0 1 1.128.894 1.854 1.854 0 0 1 .428 1.167v3.578a1.854 1.854 0 0 1-.428 1.167 3.259 3.259 0 0 1-1.128.894v2.45a2.193 2.193 0 0 1-2.139 2.139ZM12.229 18.657a.967.967 0 0 1-.7-.311 1.009 1.009 0 0 1-.311-.739.967.967 0 0 1 .311-.7 1.009 1.009 0 0 1 .739-.311 1.067 1.067 0 0 1 1.011 1.011 1.062 1.062 0 0 1-1.05 1.05Zm8.167 0a1.062 1.062 0 0 1-1.05-1.05.967.967 0 0 1 .311-.7A1.009 1.009 0 0 1 20.4 16.6a1.067 1.067 0 0 1 1.011 1.011 1.009 1.009 0 0 1-.311.739A.967.967 0 0 1 20.4 18.657ZM8.106 16.207a7.875 7.875 0 0 1 .544-3.694A8.463 8.463 0 0 1 16.39 7.3 7.644 7.644 0 0 1 21.7 9.285a8.368 8.368 0 0 1 2.7 4.939 10.256 10.256 0 0 1-5.756-1.75 11.532 11.532 0 0 1-3.889-4.394A10.893 10.893 0 0 1 12.423 13 11.038 11.038 0 0 1 8.106 16.207Z' transform='translate(-2.312 -3.14)' fill='%23973826'/%3E%3C/svg%3E");
}

.fact-headline {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    color: #303030;
}

#important-fact {
    width: 150px;
    height: 130px;
    background-image: linear-gradient(45deg, #973826, rgba(255, 255, 255, 0));
    background-color: #BB239D;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
    z-index: 11;
    right: 0;
    top: 170px;
    color: #fff;
    padding: 25px 15px 20px 20px;
}

@media (max-width: 767px) {
    #important-fact {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}

@media (min-width: 768px) {
    #important-fact {
        right: 120px;
        width: 200px;
        height: 200px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.3' height='22.3' viewBox='0 0 31.3 22.3'%3E%3Cpath d='M18.9 35.1a1.468 1.468 0 0 1-.55-.1 1.524 1.524 0 0 1-.5-.35L8.8 25.6a1.569 1.569 0 0 1 0-2.2 1.45 1.45 0 0 1 2.1 0l8 8L37.05 13.25A1.52 1.52 0 1 1 39.2 15.4L19.95 34.65a1.524 1.524 0 0 1-.5.35 1.468 1.468 0 0 1-.55.1Z' transform='translate(-8.35 -12.8)' fill='%23fff'/%3E%3C/svg%3E"),
            linear-gradient(45deg, #973826, rgba(255, 255, 255, 0));
        background-position: center top 30px, center;
        top: 182px;
        padding: 77px 20px 20px 20px;
    }
}

@media (min-width: 992px) {
    #important-fact {
        width: 220px;
        height: 220px;
        background-position: center top 40px, center;
        top: 160px;
        left: calc(50% + 80px);
        right: auto;
        padding: 87px 30px 30px 30px;
    }
}

@media (min-width: 1200px) {
    #important-fact {
        top: 80px;
        left: 69%;
    }
}

#important-fact :is(h2, b, strong) {
    color: #fff;
}

#important-fact h2 {
    font-size: 16px;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    #important-fact h2 {
        font-size: 22px;
    }
}

/* #endregion banner text ----------------------------------------- */

/* #region banner images ------------------------------------------ */

.header-image-1 {
    position: absolute;
    top: -40px;
    left: 0;
}

@media (min-width: 576px) {

    .header-image-2 {
        position: absolute;
        right: 0;
        bottom: 70px;
        z-index: -1;
    }
}

@media (min-width: 768px) {

    .header-image-1 {
        top: -20px;
        left: 17px;
    }

    .header-image-2 {
        right: 15px;
        bottom: auto;
        top: 20px;
    }
}

@media (max-width: 767px) {

    .col-img.header-image-1 img {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

@media (max-width: 1199px) {
    .col-img.header-image-1 img {
        max-width: 190px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .col-img.header-image-2 img {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}

@media (min-width: 576px) and (max-width: 1199px) {
    .col-img.header-image-2 img {
        max-width: 220px;
    }
}

@media (min-width: 1200px) {
    .col-img.header-image-2 img {
        max-width: 185px;
    }
}

@media (min-width: 992px) {
    .header-image-1 {
        left: 60px;
        top: 30px;
    }

    .header-image-2 {
        right: 60px;
        top: 0;
    }

    .header-image-1 .banner::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        border-radius: 22px;
        box-shadow: inset -90px 0 50px 0 rgba(255, 255, 255, 0.6);
    }
}

@media (min-width: 1200px) {

    .header-image-1 {
        left: 80px;
        top: 75px;
    }

    .header-image-2 {
        display: none;
    }

    .header-image-1 .banner {
        width: 377px;
    }
}

@media (min-width: 1600px) {
    .header-image-2 {
        right: unset;
        left: 450px;
        top: 40px;
        display: block;
    }
}

#header-smartphone,
#header-laptop,
#header-tablet {
    position: absolute;
}

@media (max-width: 991px) {
    body:not(.index) :is(#header-smartphone, #header-laptop) {
        display: none;
    }
}

@media (max-width: 1199px) {
    #header-tablet {
        display: none;
    }
}

#header-smartphone {
    left: 29vw;
    top: 40px;
    z-index: 2;
}

body:not(.index) #header-smartphone::after {
    height: 8px;
}

#header-laptop {
    padding: 12px 0 39px 49px;
    width: 69vw;
    height: 247px;
    right: 0;
    top: 15px;
    background-position: bottom left;
    background-size: auto 100%;
    max-width: 368px;
    z-index: 1;
}

@media (min-width: 576px) {
    #header-smartphone {
        left: 170px;
    }
}

@media (min-width: 768px) {
    #header-smartphone {
        top: 288px;
        left: auto;
        right: 250px;
        z-index: 12;
    }

    #header-laptop {
        top: 260px;
        right: -20px;
    }
}

@media (min-width: 992px) {
    #header-smartphone {
        right: auto;
        left: calc(50% - 200px);
        top: 270px;
    }

    body:not(.index) #header-smartphone {
        left: calc(50% + 100px);
        top: 70px;
    }

    #header-laptop {
        padding: 28px 0 86px 112px;
        width: 512px;
        height: 574px;
        right: 0;
        top: 258px;
        max-width: none;
    }

    body:not(.index) #header-laptop {
        padding: 14px 50px 44px 56px;
        width: 470px;
        height: 285px;
        right: auto;
        left: calc(50% + 100px);
        top: 40px;
        background-size: contain;
    }
}

@media (min-width: 1200px) {
    #header-smartphone {
        left: 45%;
        top: 370px;
    }

    #header-laptop {
        right: -100px;
    }

    body:not(.index) #header-smartphone {
        left: calc(50% + 150px);
        top: 129px;
    }

    body:not(.index) #header-laptop {
        left: calc(50% + 150px);
    }

    #header-tablet {
        left: 55%;
        top: 280px;
    }

    body:not(.index) #header-tablet {
        left: calc(50% + 50px);
        top: 35px;
        z-index: 2;
        padding: 27px 8px 30px 8px;
        width: 190px;
        height: 270px;
    }
}

@media (min-width: 1400px) {
    #header-laptop {
        right: 0;
    }
}

@media (min-width: 1600px) {
    #header-smartphone {
        left: 57%;
    }

    #header-tablet {
        top: 320px;
    }
}

@media (min-width: 1800px) {
    #header-smartphone {
        left: 65%;
    }

    #header-tablet {
        left: 58%;
    }
}

/* #endregion banner images --------------------------------------- */

/* #region footer ------------------------------------------------- */

footer {
    padding-top: clamp(40px, 8vw, 80px);
}

.footer-row-1 {
    padding-bottom: clamp(30px, 6vw, 60px);
}

@media (max-width: 991px) {
    .footer-row-1>*+* {
        margin-top: 30px;
    }
}

.footer-row-2 {
    padding-top: 30px;
    padding-bottom: 30px;
}

footer h2 {
    font-size: 1.125rem;
    margin-bottom: 20px;
}

.appstores :is(img+img, a+a) {
    margin-left: 15px;
}

footer hr {
    margin: 0;
}

#innerfooter ul {
    padding: 0;
    font-size: 0.875rem;
}

#innerfooter li {
    display: block;
}

@media (min-width: 576px) {
    #innerfooter li {
        display: inline-block;
    }
}

#innerfooter a {
    color: #303030;
    text-decoration: none;
    font-weight: 600;
    padding: 4px 0;
    display: inline-block;
}

#innerfooter a:is(:hover, :focus) {
    color: #973826;
}

@media (min-width: 576px) {
    #innerfooter li+li {
        margin-left: 20px;
    }
}

@media (min-width: 992px) {
    #innerfooter li+li {
        margin-left: 30px;
    }
}

#scroll-top-btn {
    display: block;
    width: 42px;
    height: 42px;
    border: 1px solid #973826;
    border-radius: 50%;
    font-size: 0;
    margin: 20px auto 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M17.071 26.75V11.317L9.694 18.694 8.75 17.75l9-9 9 9-.944.944-7.377-7.377V26.75Z' transform='translate(-8.75 -8.75)' fill='%23973826'/%3E%3C/svg%3E");
}

@media (min-width: 768px) {
    #scroll-top-btn {
        margin: 0 0 0 auto;
    }
}

#scroll-top-btn:is(:hover, :focus) {
    background-color: #973826;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M17.071 26.75V11.317L9.694 18.694 8.75 17.75l9-9 9 9-.944.944-7.377-7.377V26.75Z' transform='translate(-8.75 -8.75)' fill='%23ffffff'/%3E%3C/svg%3E");
}

/* #endregion footer ---------------------------------------------- */

/* #region content ------------------------------------------------ */

#background {
    background: url('../img/form-content-2.svg') top 80px left no-repeat, url('../img/form-content-1.svg') top -830px right no-repeat;
}

#content {
    text-align: left;
    padding-top: clamp(40px, 6vw, 60px);
}

@media (min-width: 992px) {
    body:not(.index) #content-container {
        background: #fff;
        border-radius: 22px;
        padding: 40px 30px;
    }
}

main .formgen_row .formgen_top :is(label, legend),
main .formgen_row>legend {
    opacity: 1;
}

/* #endregion content --------------------------------------------- */

/* #region stoerer ------------------------------------------------ */

.stoerer {
    font-size: clamp(0.9375rem, 2vw, 1.125rem);
    text-align: center;
    position: relative;
    z-index: 3;
    display: inline-grid;
    place-items: center;
    padding: 20px;
    margin: 6px 8px;
    aspect-ratio: 1/1;
    color: #fff;
    background: #bb239d linear-gradient(45deg, #973826, rgba(255, 255, 255, 0)) no-repeat;
    border-radius: 50%;
    font-weight: 600;
    box-shadow: 0 3px 6px 0 rgba(151, 56, 38, 0.16);
}

.stoerer.stoerer-2 {
    color: #202020;
    background: #f4eae9;
    font-size: 1rem;
}

.stoerer.stoerer-3 {
    color: #202020;
    background: #fff0e3;
    font-size: 1rem;
}

.stoerer.stoerer-2.decoration .template-page::after {
    content: "";
    display: block;
    height: 11px;
    width: 100px;
    margin: 5px auto 0 auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10.647' viewBox='0 0 10.647 10.647'%3E%3Crect id='Rechteck_1990' data-name='Rechteck 1990' width='7.529' height='7.529' rx='1' transform='translate(5.324) rotate(45)' fill='%23202020'/%3E%3C/svg%3E%0A");
}

.stoerer .template-page+.cleaner {
    display: none;
}

/* #endregion stoerer --------------------------------------------- */