/* #region ----------------------------------- header ------------------------------------------- */

@media (min-width: 992px) {
    body.handbuch #header-collage {
        overflow: unset;
        padding: 40px 0 50px 0;
        margin-bottom: -50px;
        background-position: top 20px left 30px;
    }
}

#header-text h1 {
    font-size: clamp(1.875rem, 4vw, 2.5rem);
}

@media (min-width: 768px) {
    #header-text h1 {
        margin-bottom: 0;
    }
}

.header-tab {
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='52.52' viewBox='0 0 62 52.52'%3E%3Cpath id='hotel_class_24dp_973826_FILL0_wght200_GRAD0_opsz24' d='M55-35.058,67.32-45.7l5.115.477L59.149-33.77l3.929,17.332L58.74-19.071,55-35.058ZM48.236-55.971l-3.451-8.144,1.964-4.842,5.634,13.375ZM26.069-25.448l11.172-6.739,11.172,6.828L45.487-38.128l9.842-8.512L42.384-47.793,37.241-59.852,32.1-47.881,19.152-46.729l9.842,8.6ZM20.66-18.007l4.4-18.846L10.435-49.518,29.7-51.189l7.544-17.767,7.544,17.767,19.262,1.671L49.422-36.853l4.4,18.846L37.241-28.012ZM37.241-40.856Z' transform='translate(-10.435 68.957)' fill='%23973826'/%3E%3C/svg%3E%0A") center left 20px no-repeat;
    color: #202020;
    border-radius: 12px;
    padding: 20px 20px 20px 100px;
    overflow: hidden;
    font-size: 1rem;
}


@media (min-width: 1200px) {
    .header-tab {
        background-color: #fff0e3;
    }
}

@media (max-width: 575px) {
    .header-tab a {
        margin-top: 10px;
    }
}

@media (min-width: 576px) {
    .header-tab .template-page>.row>div {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        gap: 20px;
    }

    .header-tab .template-page>.row>div p:has(a) {
        flex-shrink: 0;
    }
}

/* #endregion -------------------------------- header ------------------------------------------- */

#content {
    padding-top: 0;
    font-size: clamp(0.9375rem, 2vw, 1rem);
}

#content-container>.row {
    row-gap: 30px;
}

@media (min-width: 992px) {
    #content-container>.row {
        max-width: 1450px;
    }

    #content {
        padding-top: 40px;
    }

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

    body.handbuch #content-container {
        padding-top: 30px;
    }

    body.handbuch #content-container>.row>div:last-child {
        padding-left: 30px;
    }
}

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

#content-container p+ :is(h1, h2, h3, h4, h5, h6) {
    margin-top: 0;
}

#content-container :is(h2, h1) {
    margin-bottom: 15px;
}

#content-container :is(h2, .h2, .legacy_h2) {
    font-size: 26px;
}

#content-container :is(h3, .h3, .legacy_h3) {
    font-size: 22px;
}

#content-container :is(h4, .h4, .h4link a:is(:link, :hover, :focus, :visited), .legacy_h4) {
    font-size: 18px;
}

#content-container :is(h5, .h5, .legacy_h5, h6, .h6, .legacy_h6) {
    font-size: 16px;
}

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


/* #region ----------------------------------- search ------------------------------------------- */

#search {
    display: flex;
    gap: 2px;
    border-radius: 12px;
    border: 1px solid #5e5e5e;
    margin-bottom: 10px;
}

#search_input {
    color: inherit;
    font-size: 1rem;
    font-style: normal !important;
    background: transparent;
    border: 0;
    width: 100%;
    border-radius: 12px;
    padding: 9px 15px;
}

#search_submit {
    border: none;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M29.006-8.1l-9.172-9.172a8.058,8.058,0,0,1-2.527,1.448,8.444,8.444,0,0,1-2.87.513A8.106,8.106,0,0,1,8.48-17.751,8.1,8.1,0,0,1,6.042-23.7a8.115,8.115,0,0,1,2.436-5.958A8.091,8.091,0,0,1,14.432-32.1a8.113,8.113,0,0,1,5.958,2.437,8.1,8.1,0,0,1,2.441,5.957,8.276,8.276,0,0,1-.541,2.955,8.028,8.028,0,0,1-1.42,2.442L30.042-9.14ZM14.437-16.779a6.693,6.693,0,0,0,4.922-2.007,6.692,6.692,0,0,0,2.007-4.922,6.692,6.692,0,0,0-2.007-4.922,6.693,6.693,0,0,0-4.922-2.007,6.692,6.692,0,0,0-4.922,2.007,6.692,6.692,0,0,0-2.007,4.922,6.692,6.692,0,0,0,2.007,4.922,6.692,6.692,0,0,0,4.922,2.007Z' transform='translate(-6.042 32.103)' fill='%23973826'/%3E%3C/svg%3E%0A") center / 22px auto no-repeat;
    padding: 0;
    border-radius: 12px;
    cursor: pointer;
    font-size: 0;
    min-width: 48px;
    flex-shrink: 0;
}

#search_submit:is(:hover, :focus) {
    background-color: #fff0e3;
}

#search_input::placeholder {
    color: #5e5e5e !important;
    opacity: 1 !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

/* #endregion -------------------------------- search ------------------------------------------- */


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

nav.navbar :is(.dropdown-toggle-button-wrapper, .dropdown-toggle-button-wrapper2) {
    display: block !important;
    position: absolute;
    right: 0;
    top: 6px;
}

nav.navbar .dropdown-toggle-button::before,
nav.navbar .dropdown-toggle-button::after {
    content: "";
    display: block;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}

nav.navbar .dropdown-toggle-button {
    padding: 12px 7px;
}

nav.navbar .dropdown-toggle-button::before {
    background: #973826;
    width: 16px;
    height: 10px;
}

nav.navbar .dropdown-toggle-button::after {
    background: #fff;
    width: 12px;
    height: 8px;
    margin: -9px 0 0 2px;
}

nav.navbar .dropdown-toggle-button-open::before,
nav.navbar .dropdown-toggle-button-open::after {
    transform: scaleY(-1);
}

nav.navbar .dropdown-toggle-button-wrapper {
    top: 6px;
}

nav.navbar .navbar-nav li {
    position: relative;
}

@media (min-width: 992px) {
    nav.navbar {
        width: 100%;
        position: sticky;
        top: 120px;
        max-height: calc(100vh - 150px);
        overflow: auto;
    }

    nav.navbar .navbar-nav>li {
        display: block !important;
        width: 100%;
        float: none;
    }

    .navbar-default .navbar-nav li:is([class*="toplevel"], [class*="secondlevel"]):focus-within>ul {
        display: block;
    }
}

/* toplevel */

nav.navbar li[class*="toplevel"] {
    border-top: 1px solid rgba(48, 48, 48, 0.3);
}

nav.navbar a[class*="toplevel"] {
    color: #202020;
    font-weight: 600;
    text-align: left;
    padding: 13px 35px 13px 50px;
    position: relative;
    font-size: 1rem;
    line-height: 1.2;
    text-decoration: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M20.246-12.7l-4.579-4.579v-6.487H17v5.951l4.164,4.164ZM15.667-26.333V-29H17v2.667Zm8.667,8.667V-19H27v1.333Zm-8.667,10v-2.667H17v2.667Zm-10-10V-19H8.333v1.333ZM16.338-6.333a11.7,11.7,0,0,1-4.68-.945A12.128,12.128,0,0,1,7.845-9.842a12.108,12.108,0,0,1-2.566-3.809,11.669,11.669,0,0,1-.946-4.678,11.7,11.7,0,0,1,.945-4.68,12.128,12.128,0,0,1,2.564-3.812,12.108,12.108,0,0,1,3.809-2.566,11.669,11.669,0,0,1,4.678-.946,11.7,11.7,0,0,1,4.68.945,12.128,12.128,0,0,1,3.812,2.564,12.108,12.108,0,0,1,2.566,3.809,11.669,11.669,0,0,1,.946,4.678,11.7,11.7,0,0,1-.945,4.68,12.128,12.128,0,0,1-2.564,3.812,12.108,12.108,0,0,1-3.809,2.566A11.669,11.669,0,0,1,16.338-6.333Zm0-1.333a10.3,10.3,0,0,0,7.567-3.1A10.3,10.3,0,0,0,27-18.333,10.3,10.3,0,0,0,23.9-25.9,10.3,10.3,0,0,0,16.333-29a10.3,10.3,0,0,0-7.567,3.1,10.3,10.3,0,0,0-3.1,7.567,10.3,10.3,0,0,0,3.1,7.567A10.3,10.3,0,0,0,16.333-7.667ZM16.333-18.333Z' transform='translate(-4.333 30.333)' fill='%23973826'/%3E%3C/svg%3E%0A") center left 13px no-repeat;
}

nav.navbar li[class*="toplevel"]:nth-child(2) a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21.386' viewBox='0 0 24 21.386'%3E%3Cpath d='M5.465-7.439V-8.745H26.353v1.306ZM7.2-13.867,3.155-20.62l1.9-.5,3.48,2.968,5.4-1.409L7.506-28.19l2.43-.635,9.282,7.866,5.574-1.476a1.807,1.807,0,0,1,1.422.207,1.815,1.815,0,0,1,.872,1.144,1.94,1.94,0,0,1-.157,1.422,1.643,1.643,0,0,1-1.093.872Z' transform='translate(-3.155 28.825)' fill='%23973826'/%3E%3C/svg%3E%0A");
}

nav.navbar li[class*="toplevel"]:nth-child(3) a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17.375-13.75h2.25v-5.625H25.25v-2.25H19.625V-27.25h-2.25v5.625H11.75v2.25h5.625ZM8.923-8.5a2.347,2.347,0,0,1-1.729-.694A2.347,2.347,0,0,1,6.5-10.923V-30.077a2.347,2.347,0,0,1,.694-1.729A2.347,2.347,0,0,1,8.923-32.5H28.077a2.347,2.347,0,0,1,1.729.694,2.347,2.347,0,0,1,.694,1.729v19.154a2.347,2.347,0,0,1-.694,1.729,2.347,2.347,0,0,1-1.729.694Zm0-1.5H28.077a.882.882,0,0,0,.635-.288A.882.882,0,0,0,29-10.923V-30.077a.882.882,0,0,0-.288-.635A.882.882,0,0,0,28.077-31H8.923a.882.882,0,0,0-.635.288A.882.882,0,0,0,8-30.077v19.154a.882.882,0,0,0,.288.635A.882.882,0,0,0,8.923-10ZM8-31v0Z' transform='translate(-6.5 32.5)' fill='%23973826'/%3E%3C/svg%3E%0A");
}

nav.navbar li[class*="toplevel"]:nth-child(4) a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.338-6.333a11.7,11.7,0,0,1-4.68-.945A12.128,12.128,0,0,1,7.845-9.842a12.108,12.108,0,0,1-2.566-3.809,11.669,11.669,0,0,1-.946-4.678,11.7,11.7,0,0,1,.945-4.68,12.128,12.128,0,0,1,2.564-3.812,12.108,12.108,0,0,1,3.809-2.566,11.669,11.669,0,0,1,4.678-.946,11.7,11.7,0,0,1,4.68.945,12.128,12.128,0,0,1,3.812,2.564,12.108,12.108,0,0,1,2.566,3.809,11.669,11.669,0,0,1,.946,4.678,11.7,11.7,0,0,1-.945,4.68,12.128,12.128,0,0,1-2.564,3.812,12.108,12.108,0,0,1-3.809,2.566A11.669,11.669,0,0,1,16.338-6.333Zm0-1.333a10.514,10.514,0,0,0,3.761-.686,10.6,10.6,0,0,0,3.285-1.991L8.344-25.379a11.077,11.077,0,0,0-1.978,3.285,10.345,10.345,0,0,0-.7,3.761,10.3,10.3,0,0,0,3.1,7.567A10.3,10.3,0,0,0,16.333-7.667Zm7.99-3.621a10.6,10.6,0,0,0,1.991-3.285A10.514,10.514,0,0,0,27-18.333,10.3,10.3,0,0,0,23.9-25.9,10.3,10.3,0,0,0,16.333-29a10.788,10.788,0,0,0-3.778.673,9.862,9.862,0,0,0-3.268,2Z' transform='translate(-4.333 30.333)' fill='%23973826'/%3E%3C/svg%3E%0A");
}

nav.navbar li[class*="toplevel"]:nth-child(5) a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='19.552' viewBox='0 0 24 19.552'%3E%3Cpath d='M16.483-9.362,8.414-13.748v-6.517L4.483-22.4l12-6.517,12,6.517v8.586H27.138v-7.831l-2.586,1.376v6.517Zm0-8.059L25.669-22.4l-9.186-4.976L7.3-22.4Zm0,6.525,6.724-3.631v-5l-6.724,3.642L9.759-19.526v5ZM16.483-17.421ZM16.483-15.584ZM16.483-15.584Z' transform='translate(-4.483 28.914)' fill='%23973826'/%3E%3C/svg%3E%0A");
}

nav.navbar li[class*="toplevel"]:nth-child(6) a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M28.077-8.5H8.923a2.347,2.347,0,0,1-1.729-.694A2.347,2.347,0,0,1,6.5-10.923V-30.077a2.347,2.347,0,0,1,.694-1.729A2.347,2.347,0,0,1,8.923-32.5H28.077a2.347,2.347,0,0,1,1.729.694,2.347,2.347,0,0,1,.694,1.729v19.154a2.347,2.347,0,0,1-.694,1.729A2.347,2.347,0,0,1,28.077-8.5ZM8-25.75H29v-4.327a.882.882,0,0,0-.288-.635A.882.882,0,0,0,28.077-31H8.923a.882.882,0,0,0-.635.288A.882.882,0,0,0,8-30.077Zm4.327,1.5H8v13.327a.882.882,0,0,0,.288.635A.882.882,0,0,0,8.923-10h3.4Zm12.347,0V-10h3.4a.882.882,0,0,0,.635-.288A.882.882,0,0,0,29-10.923V-24.25Zm-1.5,0H13.827V-10h9.347Z' transform='translate(-6.5 32.5)' fill='%23973826'/%3E%3C/svg%3E%0A");
}

/* toplevel-over */

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

/* secondlevel + thirdlevel dropdown-box */

nav.navbar [class*="toplevel"] ul {
    padding: 0;
}

nav.navbar li:is([class*="_over"], [class*="open"])>.dropdown-menu {
    display: block !important;
}

/* secondlevel + thirdlevel */

nav.navbar li:is([class*="secondlevel"], [class*="thirdlevel"]) {
    border-top: 1px solid rgba(48, 48, 48, 0.3);
}

nav.navbar a:is([class*="secondlevel"], [class*="thirdlevel"]) {
    color: #202020;
    font-weight: normal;
    text-align: left;
    position: relative;
    font-size: 1rem;
    line-height: 1.2;
    text-decoration: none;
    padding: 12px 35px 12px 80px;
}

nav.navbar a:is([class*="secondlevel"], [class*="thirdlevel"])::before {
    content: "";
    display: block;
    position: absolute;
}

nav.navbar a[class*="secondlevel"]::before {
    left: 52px;
    top: 15px;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.5' height='13.5' viewBox='0 0 13.5 13.5'%3E%3Cpath d='M10.628,3.75,14.25,7.372V14.25H3.75V3.75h6.878m0-1.5H3.75a1.5,1.5,0,0,0-1.5,1.5v10.5a1.5,1.5,0,0,0,1.5,1.5h10.5a1.5,1.5,0,0,0,1.5-1.5V7.372a1.475,1.475,0,0,0-.443-1.057L11.685,2.693a1.475,1.475,0,0,0-1.057-.443Zm-5.378,9h7.5v1.5H5.25Zm0-3h7.5v1.5H5.25Zm0-3H10.5v1.5H5.25Z' transform='translate(-2.25 -2.25)' fill='%23973826'/%3E%3C/svg%3E%0A");
}

nav.navbar a[class*="thirdlevel"]::before {
    left: 56px;
    top: 18px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #202020;
}

/* secondlevel + thirdlevel over */

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


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