@charset "UTF-8";
*, :after, :before {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

:root {
    --filter-to-black: brightness(0) saturate(100%) invert(13%) sepia(7%) saturate(0%) hue-rotate(212deg) brightness(94%) contrast(89%);;
}

/*
***********************************************************
Styles:     flix//styles
***********************************************************
*/

html {
    height: 100%;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1250rem;
    color: #2b2b2b;
    line-height: 1.33rem;
    font-style: normal;
}

@media screen and (max-width: 120.0000rem) {
    html {
        font-size: calc(1.0000rem + (18 - 16) * (100vw - 80.0000rem) / (1120));
    }
}

@media screen and (max-width: 50.0000rem) {
    html {
        font-size: 1.0000rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    html {
        font-size: 1.0000rem;
    }
}

body {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 2.2222222222rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
}

h2 {
    font-size: 1.7777777778rem;
    line-height: 2.2500rem;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    margin-bottom: 1.4375rem;
}

h2 .sub-headline {
    font-family: 'Architects Daughter', sans-serif !important;
    display: inline-block;
    line-height: 2.2;
}

h3 {
    font-size: 1.67rem;
}

.handwriting {
    font-family: 'Architects Daughter', sans-serif;
    font-size: 1.67rem;
    line-height: 1.2;
    font-style: normal;
    font-weight: 400;
    display: block;
}

.header-subheadline {
    font-family: 'Architects Daughter', sans-serif;
    font-size: 1.67rem;
    line-height: 1.2;
    font-style: normal;
    font-weight: 400;
    color: #005ca2;
}

h4 {
    font-size: 1.3333333333rem;
    line-height: 1.8333333333;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
}

h5 {
    font-size: 1.3333333333rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
}

h6 {
    font-size: 2.7777777778rem;
    line-height: 1.36;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
}

.quote {
    font-family: 'Architects Daughter', sans-serif;
    font-size: 1.6666666667rem;
    line-height: 1.2;
    font-style: normal;
}

p {
    color: #2b2b2b;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a:active, a:focus-visible, a:hover, a:link, a:visited {
    text-decoration: none;
    cursor: pointer;
}

a[disabled=''] {
    cursor: default !important;
    opacity: .8;
}

ul {
    list-style-type: circle;
    list-style-position: outside;
}

li {
    list-style-type: none;
}

strong {
    font-style: normal;
    font-weight: 400;
}

strong {
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
}

table {
    border-collapse: collapse;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

img[data-sizes=auto] {
    display: block;
    width: 100%;
}

img {
    border: 0;
}

input {
    -moz-appearance: none;
    appearance: none;
}

input[type=checkbox] {
    -webkit-appearance: checkbox !important;
}

.sticky {
    position: fixed;
    z-index: 2000 !important;
}

.contentbox-header,
.page-template.main .pageelement-breadcrumb {
    display: none;
}

.pageelement-contentbox.header .contentbox-header {
    display: block;
}

.contactteaser-contentbox,
.testimonial-contentbox {
    text-align: center;
}

.blue {
    color: #005ca2 !important;
}

.green {
    color: #a2c614 !important;
}

.yellow {
    color: #fbb900 !important;
}

.bg-blue {
    color: #fff !important;
    background-color: #005ca2 !important;
}

.bg-blue p {
    color: #fff;
}

.bg-blue .infobox-button {
    color: #005ca2;
}

.bg-green {
    color: #2b2b2b;
    background-color: #a2c614 !important;
}

.bg-green p {
    color: #2b2b2b;
}

.bg-green .infobox-button {
    color: #2b2b2b;
}

.bg-yellow {
    color: #2b2b2b;
    background-color: #fbb900 !important;
}

.bg-yellow p {
    color: #fff;
}

.bg-yellow .infobox-button {
    color: #2b2b2b;
}


.theme-blue {
    color: #fff !important;
}

.theme-blue p {
    color: #fff;
}

.theme-green {
    color: #2b2b2b !important;
}

.theme-green p {
    color: #2b2b2b;
}

.theme-yellow {
    color: #2b2b2b !important;
}

.theme-yellow p {
    color: #2b2b2b;
}

.fa-solid {
    font-family: 'Font Awesome 5 Pro', sans-serif;
}

nav {
    width: 100%;
}

.extension-box,
.intro-extention,
.intro-overlay,
.pageelement-breadcrumb,
.pageelement-contactform,
.pageelement-contactteaser,
.pageelement-contentbox,
.pageelement-contentbox-testimonial,
.pageelement-contentbox-tipp,
.pageelement-footer-targetgroups,
.pageelement-infobox,
.pageelement-infobox-prices,
.pageelement-infobox-wide,
.pageelement-intro,
.pageelement-intro-text,
.pageelement-offer-detail,
.pageelement-news-detail-main,
.pageelement-offer-list,
.pageelement-news-list,
.pageelement-overviewitem-large,
.pageelement-overviewitem-small,
.pageelement-price-table,
.pageelement-quickbook,
.pageelement-room-detail,
.pageelement-social-grid,
.pageelement-teaser-image,
.pageelement-text {
    width: 100%;
    height: auto;
    padding: 0;
    background-color: #fff;
    position: relative;
}

.pageelement-contactform {
    padding-top: 2rem;
}

.intro-overlay {
    height: 8.7500rem;
}

.headline.extension-box h2,
.headline.intro-extention h2,
.headline.intro-overlay h2,
.headline.pageelement-breadcrumb h2,
.headline.pageelement-contactform h2,
.headline.pageelement-contactteaser h2,
.headline.pageelement-contentbox h2,
.headline.pageelement-contentbox-testimonial h2,
.headline.pageelement-contentbox-tipp h2,
.headline.pageelement-footer h2,
.headline.pageelement-footer-bottom h2,
.headline.pageelement-footer-socialmedia h2,
.headline.pageelement-footer-targetgroups h2,
.headline.pageelement-infobox h2,
.headline.pageelement-infobox-prices h2,
.headline.pageelement-infobox-wide h2,
.headline.pageelement-intro h2,
.headline.pageelement-intro-text h2,
.headline.pageelement-offer-detail h2,
.headline.pageelement-news-detail-main h2,
.headline.pageelement-offer-list h2,
.headline.pageelement-news-list h2,
.headline.pageelement-overviewitem-large h2,
.headline.pageelement-overviewitem-small h2,
.headline.pageelement-price-table h2,
.headline.pageelement-quickbook h2,
.headline.pageelement-room-detail h2,
.headline.pageelement-social-grid h2,
.headline.pageelement-teaser-image h2,
.headline.pageelement-text h2 {
    margin-bottom: 1.5em;
}

.contactform-contact {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.logo.contactform-contact {
    position: absolute;
    top: -6.8750rem;
    left: 60%;
    width: 23.9375rem;
    height: auto;
}

@media screen and (max-width: 64.0000rem) {
    .logo.contactform-contact {
        width: 21.2777777778rem;
        left: 56%;
    }
}

#head-canvas #head-bar #head-menu {
    width: 72.91%;
    position: relative;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
}

#head-menu a {
    display: block;
}

#head-menu a:focus-visible {
    outline: 0.1875rem #005ca2 solid;
    outline-offset: 0.1250rem;
}

#head-menu .logo a:hover {
    outline: 0.1875rem #005ca2 solid;
    outline-offset: 0.1250rem;
}

#head-menu .nav2dropdown-link:focus-visible {
    outline: 0.2500rem #2b2b2b solid;
    outline-offset: 0.0625rem;
}


.contactform-content,
.contactteaser-container,
.contentbox-content,
.contentbox-tipp-container,
.extension-box-content,
.footer-content,
.infobox-wide-container,
.intro-content,
.offer-detail-bottom,
.offer-detail-container,
.news-detail-bottom,
.news-detail-container,
.offer-list-content,
.offer-list-element,
.offer-list-header,
.news-list-content,
.news-list-element,
.news-list-header,
.overlay-container,
.overviewitem-large,
.overviewitem-small-items,
.pageelement-breadcrumb .breadcrumb-content,
.pageelement-header,
.pageelement-infobox .infobox-container,
.pageelement-infobox-prices .infobox-container,
.pageelement-text .text-container,
.price-table-content,
.quickbook-content,
.room-detail-content,
.room-detail-images,
.social-grid,
.teaser-big-content,
.testimonial-container {
    width: 72.91%;
    position: relative;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
}

.contentbox-tipp-container,
.room-detail-content,
.room-detail-images,
.offer-list-content,
.social-grid,
.offer-detail-bottom,
.news-detail-container,
.news-detail-bottom,
.offer-list-element {
    overflow: unset;
}

.testimonial-container {
    overflow: hidden;
}

.pageelement-infobox .infobox-container,
.extension-box-content,
.price-table-content,
.pageelement-infobox-prices .infobox-container,
.overviewitem-small-items,
.overlay-container,
.teaser-big-content,
.pageelement-text .text-container,
.intro-content {
    overflow: unset;
}

/*
.overlay-container {
    overflow: hidden;
}
*/


.footer-content,
.pageelement-header {
    position: unset;
}

.pageelement-header,
.infobox-wide-container {
    overflow: visible;
}

@media screen and (max-width: 120.0000rem) {
    #head-canvas #head-bar #head-menu,
    .contactform-content,
    .contactteaser-container,
    .contentbox-content,
    .contentbox-tipp-container,
    .extension-box-content,
    .footer-content,
    .infobox-wide-container,
    .intro-content,
    .offer-detail-bottom,
    .offer-detail-container,
    .news-detail-bottom,
    .news-detail-container,
    .offer-list-content,
    .offer-list-element,
    .offer-list-header,
    .news-list-content,
    .news-list-element,
    .news-list-header,
    .overlay-container,
    .overviewitem-large,
    .overviewitem-small-items,
    .pageelement-breadcrumb .breadcrumb-content,
    .pageelement-header,
    .pageelement-infobox .infobox-container,
    .pageelement-infobox-prices .infobox-container,
    .pageelement-text .text-container,
    .price-table-content,
    .quickbook-content,
    .room-detail-content,
    .room-detail-images,
    .social-grid,
    .teaser-big-content,
    .testimonial-container {
        width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    }
}

@media screen and (max-width: 50.0000rem) {
    #head-canvas #head-bar #head-menu,
    .contactform-content,
    .contactteaser-container,
    .contentbox-content,
    .contentbox-tipp-container,
    .extension-box-content,
    .footer-content,
    .infobox-wide-container,
    .intro-content,
    .offer-detail-bottom,
    .offer-detail-container,
    .news-detail-bottom,
    .news-detail-container,
    .offer-list-content,
    .offer-list-element,
    .offer-list-header,
    .news-list-content,
    .news-list-element,
    .news-list-header,
    .overlay-container,
    .overviewitem-large,
    .overviewitem-small-items,
    .pageelement-breadcrumb .breadcrumb-content,
    .pageelement-header,
    .pageelement-infobox .infobox-container,
    .pageelement-infobox-prices .infobox-container,
    .pageelement-text .text-container,
    .price-table-content,
    .quickbook-content,
    .room-detail-content,
    .room-detail-images,
    .social-grid,
    .teaser-big-content,
    .testimonial-container {
        width: 80%;
    }
}

@media screen and (max-width: 42.5000rem) {
    #head-canvas #head-bar #head-menu,
    .contactform-content,
    .contactteaser-container,
    .contentbox-content,
    .contentbox-tipp-container,
    .extension-box-content,
    .footer-content,
    .infobox-wide-container,
    .intro-content,
    .offer-detail-bottom,
    .offer-detail-container,
    .news-detail-bottom,
    .news-detail-container,
    .offer-list-content,
    .offer-list-element,
    .offer-list-header,
    .news-list-content,
    .news-list-element,
    .news-list-header,
    .overlay-container,
    .overviewitem-large,
    .overviewitem-small-items,
    .pageelement-breadcrumb .breadcrumb-content,
    .pageelement-header,
    .pageelement-infobox .infobox-container,
    .pageelement-infobox-prices .infobox-container,
    .pageelement-text .text-container,
    .price-table-content,
    .quickbook-content,
    .room-detail-content,
    .room-detail-images,
    .social-grid,
    .teaser-big-content,
    .testimonial-container {
        width: 80%;
    }
}

.contentbox-header,
.teaser-big-header {
    width: 72.91%;
    position: relative;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
}

.teaser-big-header {
    overflow: unset;
}

@media screen and (max-width: 120.0000rem) {
    .contentbox-header,
    .teaser-big-header {
        width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    }
}

@media screen and (max-width: 50.0000rem) {
    .contentbox-header,
    .teaser-big-header {
        width: 80%;
    }
}

@media screen and (max-width: 32.5000rem) {
    .contentbox-header,
    .teaser-big-header {
        width: 80%;
    }
}

.contentbox-header h2,
.teaser-big-header h2 {
    margin-bottom: 1.5em;
}

.offer-content,
.offer-detail-content,
.news-content,
.news-detail-content,
.pageelement-header .header-headline,
.pageelement-text .text-content {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.pageelement-header .header-headline,
.pageelement-text .text-content,
.offer-content,
.news-content,
.news-detail-content {
    overflow: unset;
}

.offer-content .headline,
.offer-detail-content .headline,
.news-detail-content .headline,
.pageelement-header .header-headline .headline,
.pageelement-text .text-content .headline {
    padding: 0;
}

.offer-content .border-bottom,
.offer-detail-content .border-bottom,
.news-detail-content .border-bottom,
.offer-detail-content .header,
.news-detail-content .header,
.pageelement-header .header-headline .border-bottom,
.pageelement-text .text-content .border-bottom {
    border-bottom: 0.1250rem solid #005ca2;
}

.contactteaser-imagebox .image,
.room-detail-image .image,
.testimonial-imagebox .image {
    width: 100%;
    height: auto;
    position: relative !important;
}

.contact-form,
.contactform-contact,
.contactform-contact-box,
.contactteaser-contentbox,
.contentbox,
.contentbox-content .content,
.contentbox-overlay,
.extension-content,
.infobox-button-grid,
.infobox-content,
.infobox-items,
.infobox-row,
.infobox-wide-content,
.intro-content-box,
.intro-headline,
.offer-detail-content .detail-items,
.news-detail-content .detail-items,
.offer-detail-content .detail-items .item,
.news-detail-content .detail-items .item,
.offer-detail-text,
.news-detail-text,
.overlay-content,
.overviewitem-large .content,
.pageelement-intro.theme-blue .extension-items,
.pageelement-intro.theme-green .extension-items,
.pageelement-teaser-big.theme-blue .teaser-big-items,
.pageelement-teaser-big.theme-green .teaser-big-items,
.price-table,
.price-table-ext,
.quickbook-contentbox,
.room-detail-image,
.room-detail-text,
.teaser-big-content-grid,
.teaser-image-content {
    width: 100%;
    height: 100%;
    position: relative;
}

.pageelement-intro.theme-blue .extension-items,
.pageelement-intro.theme-green .extension-items,
.pageelement-teaser-big.theme-green .teaser-big-items,
.pageelement-teaser-big.theme-blue .teaser-big-items,
.infobox-wide-content {
    overflow: visible;
}

.contentbox-content .image,
.offer-detail-content .image,
.news-detail-content .image,
.offer-image,
.news-image,
.overviewitem-large .image,
.overviewitem-small-item,
.room-detail-images .item,
.social-grid-item,
.target-grid-item {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.overviewitem-small-item,
.target-grid-item,
.room-detail-images .item,
.social-grid-item {
    overflow: unset;
}

.social-grid-item {
    height: calc(((45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120))) - 3.7500rem) / 4);
}

.pageelement-contentbox.position-right .contentbox-content .image {
    height: auto;
}

.overviewitem-large .image {
    height: auto;
    width: unset;
    overflow: hidden;
    display: unset !important;
}

.contentbox-content .image .image,
.offer-detail-content .image .image,
.news-detail-content .image .image,
.offer-image .image,
.news-image .image,
.overviewitem-large .image .image,
.overviewitem-small-item .image,
.room-detail-images .item .image,
.target-grid-item .image {
    width: 100%;
    height: auto;
    position: relative !important;
}


.room-detail-images .item .image {
    margin-top: 1.25rem;
    border: none;
}

.room-detail-images .item .image:focus-visible {
    outline: 0.1875rem #005ca2 solid;
    outline-offset: 0.1875rem;
}

.contentbox-content .image .label,
.offer-detail-content .image .label,
.news-detail-content .image .label,
.offer-image .label,
.news-image .label,
.overviewitem-large .image .label,
.room-detail-images .item .label,
.target-grid-item .label {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3.1111111111rem;
    text-align: center;
    font-size: 1.4444444444rem;
    font-weight: 300;
    line-height: 2;
}

.overviewitem-small-item .label {
    position: absolute;
    bottom: 8.5%;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.44rem;
    transform: translateY(50%);
    color: #2b2b2b;
    transition: all .25s;
}

.overviewitem-small-item .label p {
    color: #ffffff;
}

@media screen and (max-width: 87.5000rem) {
    .contentbox-content .image .label,
    .offer-detail-content .image .label,
    .news-detail-content .image .label,
    .offer-image .label,
    .news-image .label,
    .overviewitem-large .image .label,
    .room-detail-images .item .label,
    .target-grid-item .label {
        height: 1.8750rem;
        font-size: 1.1111111111rem;
        line-height: 1.5555555556;
    }
}

.extension-button,
.infobox-button,
.infobox-wide-button,
.teaser-big-button,
.pageelement-button-main .button,
.pageelement-infobox .mail {
    display: inline-flex;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-style: normal;
    transition: all .25s;
    white-space: nowrap;
    touch-action: manipulation;
    outline: 0;
    user-select: none;
    color: #fff;
    border: 0.0625rem solid transparent;
    border-radius: 0.3750rem;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16.6666666667rem;
    max-width: 100%;
    max-height: 3.1250rem;
    font-size: 1rem;
    line-height: 1.3333333333;
    padding: .8em .5em;
}

.pageelement-button-main .button {
    max-width: 100%;
    color: #2b2b2b;
}


.pageelement-button-main {
    width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    margin: 0 auto 5rem auto;
}

@media screen and (min-width: 120.0625rem) {
    .pageelement-button-main {
        width: 72.91%;
    }
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-button-main {
        width: 80%;
        max-width: 80%;
    }
}

@media screen and (min-width: 50.0000rem) {
    .extension-button,
    .infobox-button {
        width: 21.8750rem;
        max-width: 21.8750rem;
        height: 3.1250rem;
        font-size: 1.3750rem;
        line-height: 1.8750rem;
        font-family: 'Open Sans Bold', sans-serif;
        font-weight: 700;
        padding: .4em 1em;
    }
}

.offer-button,
.news-button,
.offer-detail-content .detail-items .item .button,
.news-detail-content .detail-items .item .button,
.overviewitem-large .content .button,
.room-detail-text .button,
.contact-form .link,
.offer-detail-content .detail-items .button-preise {
    display: inline-flex;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-style: normal;
    transition: all .25s;
    white-space: nowrap;
    touch-action: manipulation;
    outline: 0;
    user-select: none;
    color: #fff;
    border: 0.0625rem solid transparent;
    border-radius: 0.3750rem;
    font-weight: 700;
    padding: 0.5625rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16.6666666667rem;
    max-width: 100%;
    height: 2.7777777778rem;
    max-height: 3.1250rem;
    font-size: 1rem;
    line-height: 1.3333333333;
    font-family: 'Open Sans Bold', sans-serif;
}

.offer-button-container,
.news-button-container {
    width: fit-content;
    max-width: 100%;
}

.offer-detail-content .detail-items .item .button,
.overviewitem-large .content .w-50.button,
.room-detail-text .w-50.button,
.w-50.offer-button,
.offer-detail-content .detail-items .button-preise {
    max-width: 37.5000rem;
    min-width: fit-content;
    width: 50%;
}

.contactform-button,
.contactteaser-button,
.offer-detail-button,
.news-detail-button,
.offer-list-button,
.news-list-button,
.pageelement-bewerbungform .button-submit {
    display: inline-flex;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-style: normal;
    transition: all .25s;
    white-space: nowrap;
    touch-action: manipulation;
    outline: 0;
    user-select: none;
    color: #fff;
    border: 0.0625rem solid transparent;
    border-radius: 0.3750rem;
    max-width: 100%;
    font-size: 1.1250rem;
    line-height: 2.0000rem;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16.6666666667rem;
    min-width: fit-content;
    height: 4.3750rem;
    padding: 1.1875rem 2.0000rem;
}

.pageelement-bewerbungform .button-submit {
    background: #005CA2;
}

.news-detail-bottom .news-detail-button {
    background-color: #005CA2;
    color: #FFFFFF;
}

.socialmedia-button {
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-style: normal;
    transition: all .25s;
    white-space: nowrap;
    touch-action: manipulation;
    outline: 0;
    user-select: none;
    color: #fff;
    border: 0.0625rem solid transparent;
    border-radius: 0.3750rem;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 100%;
    max-width: 8.8750rem;
    height: 2.8125rem;
    max-height: 2.8125rem;
    font-size: 1.0000rem;
    line-height: 1.3750rem;
    padding: .4em .8em;
}

.socialmedia-button:focus-visible {
    outline: #fff 0.1875rem solid;
    outline-offset: 0.1875rem;
}

.quickbook-button {
    display: inline-flex;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-style: normal;
    transition: all .25s;
    white-space: nowrap;
    touch-action: manipulation;
    outline: 0;
    user-select: none;
    color: #fff;
    border: 0.0625rem solid transparent;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    max-width: 100%;
    height: 3.3333333333rem;
    max-height: 3.7500rem;
    border-radius: 0.5000rem;
    font-size: 1rem;
    line-height: 1.3333333333;
    padding: 1rem 0;
}

.quickbook-button.wide {
    width: 100%;
}

.quickbook-button:hover {
    background: inherit;
    box-shadow: inset 0 0 0 0.2500rem #ffffff;
    color: #ffffff;

}

.quickbook-button:focus-visible {
    outline: #fff 0.1875rem solid;
    outline-offset: 0.1875rem;
}

.socialmedia-newsletter .form-row {
    margin-bottom: 0;
}

.socialmedia-newsletter form .form-text {
    display: block;
    border: 0.1250rem solid transparent;
    padding: 0.3125rem;
    color: #2B2B2B;
    background: #fff;
    font-size: 1rem;
    width: 100%;
}

.socialmedia-newsletter form .form-check {
    display: block;
    max-width: 37.5000rem;
    border: 0.1250rem solid transparent;
    color: #2B2B2B;
    background: #fff;
    font-size: 1rem;
    width: 100%;
}

.form .form-row,
.socialmedia-newsletter form .form-row {
    width: auto;
}

.socialmedia-newsletter form .form-row .textarea {
    display: block;
    max-width: 37.5000rem;
    border: 0.1250rem solid transparent;
    padding: 0.3125rem;
    color: #2B2B2B;
    background: #fff;
    font-size: 1rem;
    width: 100%;
}

.socialmedia-newsletter form .form-row label {
    float: left;
    width: 12.5000rem;
    font-size: 1rem;
}

.socialmedia-newsletter form .form-row input[type=text] {
    max-width: 43.7500rem;
    border: 0.0625rem solid transparent;
    padding: 0.2500rem 0.6250rem;
    color: #2B2B2B;
    background: #fff;
    font-size: 1rem;
    height: 2.8125rem;
}

.socialmedia-newsletter form .form-row input[type=text]:focus-visible {
    opacity: .9;
    border: 0.1250rem solid #2b2b2b;
}

.socialmedia-newsletter form .form-row input[type=email] {
    max-width: 25.5000rem;
    border: 0.0625rem solid transparent;
    padding: 0.2500rem 0.6250rem;
    color: #2B2B2B;
    background: #fff;
    font-size: 0.8750rem;
    width: 22.6666666667rem;
    height: 2.8125rem;
}

.socialmedia-newsletter form .form-row input[type=email]:focus-visible {
    border: 0.1250rem solid #fff;
}

.socialmedia-newsletter form .form-row input[type=radio] {
    margin: 0.6875rem 0.3125rem 0 0;
}

.form .form-submit,
.socialmedia-newsletter form .form-submit {
    width: 100%;
}

#head-canvas {
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    max-width: 100%;
    background: #fff;
}

#head-canvas:target #menu-mobile-container,
#head-canvas:target .nav1-mobile {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.25s, opacity 0.25s linear;
}

#head-canvas #head-bar {
    position: absolute;
    z-index: 100000;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    height: 4.2500rem;
}

#head-canvas #head-bar #head-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    color: #2b2b2b;
    background-color: #ff8c00;
    z-index: 1000;
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 1.8750rem;
    padding: 0.1250rem;
}

#head-canvas #head-bar #head-top p {
    color: #fff;
}

#head-canvas #head-bar #head-top .text {
    font-size: 1.0000rem;
    line-height: 1.3750rem;
    font-weight: 400;
    width: 100%;
    padding: 0.2500rem;
}

#head-canvas #head-bar #head-menu {
    overflow: visible;
    /*height: 14.3750rem;*/
    padding-top: 1.2500rem;
    justify-items: center;
}

@media screen and (max-width: 50.0000rem) {
    #head-canvas #head-bar #head-menu {
        overflow: visible;
    }
}

#head-canvas #head-bar #head-menu .headline {
    font-size: 1.1250rem;
    line-height: 1.5000rem;
    font-weight: 200;
    float: left;
    height: 14.3750rem;
    max-width: 23.0000rem;
    padding-top: 0.1875rem;
}

#head-canvas #head-bar #head-menu .nav1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-evenly !important;
    -webkit-justify-content: space-around;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    width: auto;
    height: 2.5000rem;
    z-index: 4;
}

@media screen and (max-width: 106.25rem) {
    #head-canvas #head-bar #head-menu .headline {
        display: none;
    }

    #head-canvas #head-bar #head-menu .nav1 {
        justify-content: space-between !important;
    }
}

@media screen and (max-width: 87.5000rem) {
    #head-canvas #head-bar #head-menu .nav1 {
        display: none;
    }
}

#head-canvas #head-bar #head-menu .nav1 .nav1-item {
    position: relative;
    overflow: visible;
    float: left;
    width: auto;
    height: auto;
    margin-right: 0;
}

#head-canvas #head-bar #head-menu .nav1 .nav1-item.has-subnav button:focus-visible,
#head-canvas #head-bar #head-menu .nav1 .nav1-item.has-subnav button:hover {
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1250rem;
}

#head-canvas #head-bar #head-menu .nav1 .nav1-link {
    display: block;
    text-decoration: none;
    height: 1.5000rem;
    margin-top: .2em;
}

#head-canvas #head-bar #head-menu .nav1 .nav1-link span {
    color: #005ca2;
    font-size: 1.1250rem;
    line-height: 1.5000rem;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    display: block;
    border-bottom: 0.1250rem solid transparent;
}

@media screen and (max-width: 72.1250rem) {
    #head-canvas #head-bar #head-menu .nav1 .nav1-link span {
        line-height: 1.3750rem;
        font-size: 1.0000rem;
    }
}

@media screen and (max-width: 64.0000rem) {
    #head-canvas #head-bar #head-menu .nav1 .nav1-link span {
        line-height: 1.1250rem;
        font-size: 0.8750rem;
    }
}

#head-canvas #head-bar #head-menu .nav1 .nav1-link span:hover {
    border-bottom-color: #005ca2;
}

#head-canvas #head-bar #head-menu .nav1 .nav1-link.active span {
    border-bottom-color: #005ca2;
}


/* Nav2 dropdown **************************** */

.nav2dropdown {
    display: none;
    float: none;
    position: absolute;
    padding-top: 0.6250rem;
    z-index: 1000;
    width: 15.6250rem;
}

.nav1-item.has-subnav .nav1-link {
    margin-right: 1.5625rem;
    /*background:url('/_images/icon_subnav.png') right bottom  no-repeat;*/
}

.nav1-item.has-subnav button {
    position: absolute;
    right: 0;
    top: 0.2500rem;
    background: none;
    border: none;
    font-size: 1.1250rem;
    font-weight: 600;
    color: #005ca2;
    cursor: pointer;
}

.nav1-item:hover .nav2dropdown {
    display: block;
}

.nav2dropdown-item {
    display: flex;
    float: none;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    background-color: #005CA2;
    border-bottom: 0.0625rem solid #FFFFFF;
}

.nav2dropdown-item span {
    color: #fff;
    font-weight: 400;
}

.nav2dropdown-link {
    padding: 0.6250rem 1.2500rem;
    display: flex;
    float: none;
    width: 100%;
}

.nav2dropdown-link:hover span {
    font-weight: bold;
}


#head-canvas #head-bar #head-menu .logo {
    position: absolute;
    z-index: 9;
    top: 2.3750rem;
    left: -1.5000rem;
    width: 20%;
    max-width: 14.6250rem;
    height: auto;
}

#head-canvas #head-bar #head-menu .logo {
    top: 4.3750rem;
}

@media screen and (max-width: 120.0000rem) {
    #head-canvas #head-bar #head-menu .logo {
        top: calc(2.5000rem + 30 * ((100vw - 92.5000rem) / 440));
    }
}

@media screen and (max-width: 92.5000rem) {
    #head-canvas #head-bar #head-menu .logo {
        top: 2.5000rem;
    }
}

#head-canvas #head-bar #head-menu .logo img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 92.5000rem) {
    #head-canvas #head-bar #head-menu .logo {
        z-index: 10000 !important;
        left: -8%;
        top: 4.3750rem;
        width: 18.4%;
    }
}

@media only screen and (max-width: 87.5000rem) {
    #head-canvas #head-bar #head-menu .logo {
        left: -1%;
        top: 0.8125rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    #head-canvas #head-bar #head-menu .logo {
        left: -4%;
        top: -0.1250rem;
        width: 26.4%;
    }
}

@media screen and (max-width: 32.5000rem) {
    #head-canvas #head-bar #head-menu .logo {
        left: -10%;
        top: 0.2500rem;
        width: 28.4%;
    }
}

#head-canvas #head-bar #head-menu-mobile .menu-mobile-canvas {
    display: none;
    position: absolute;
    z-index: 8;
    right: 4.25%;
    top: calc(100% - 1.2500rem);
    width: 2.8125rem;
    height: 1.8750rem;
    cursor: pointer;
    background: none;
    border: none;
}

#head-canvas #head-bar #head-menu-mobile .menu-mobile-canvas:hover {
    opacity: .8;
}

#head-canvas #head-bar #head-menu-mobile .menu-mobile-canvas:focus-visible {
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

@media screen and (max-width: 87.5000rem) {
    #head-canvas #head-bar #head-menu-mobile .menu-mobile-canvas {
        display: block;
    }

    #head-canvas #head-bar #head-menu-mobile .menu-mobile-canvas .line {
        display: block;
        background: #2b2b2b;
        height: 0.2500rem;
        margin-bottom: 0.5625rem;
    }

    #head-canvas #head-bar #head-menu-mobile .menu-mobile-canvas .line:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 36.2500rem) {
    #head-canvas #head-bar #head-menu-mobile .menu-mobile-canvas {
        width: 1.8750rem;
        right: 2.5%;
        top: calc(100% - 1.5000rem);
    }

    #head-canvas #head-bar #head-menu-mobile .menu-mobile-canvas .line {
        height: 0.2500rem;
        margin-bottom: 0.3750rem;
    }
}

#head-canvas #menu-mobile-container {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.25s, opacity 0.25s linear;
}

#head-canvas #menu-mobile-container:target {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

#head-canvas #menu-mobile-container:target .nav1-mobile {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

@media screen and (max-width: 87.5000rem) {
    #head-canvas #menu-mobile-container {
        background-color: #fff;
        position: absolute;
        z-index: 99999999;
        overflow-y: auto;
        top: 1.8750rem;
        width: 100%;
        height: 100%;
        min-height: 100vh;
        margin: 0;
    }

    #head-canvas #menu-mobile-container .logo {
        position: absolute;
        width: 10.0000rem;
        left: 1.2500rem;
        top: 0.5625rem;
        z-index: 1;
    }

    #head-canvas #menu-mobile-container .logo:focus-visible {
        outline: 0.1875rem solid #005ca2;
    }

    #head-canvas #menu-mobile-container .mobile-menu-close {
        position: absolute;
        top: 1.2500rem;
        right: 4.25%;
        width: 2.5000rem;
        height: 2.5000rem;
        cursor: pointer;
        background: none;
        border: none;
    }

    #head-canvas #menu-mobile-container .mobile-menu-close:focus-visible {
        outline: 0.1875rem solid #005ca2;
        outline-offset: 0.0625rem;
    }

    #head-canvas #menu-mobile-container .mobile-menu-close .close-border:first-child {
        position: absolute;
        display: block;
        top: 0.7500rem;
        width: 100%;
        height: 0.2500rem;
        background: #2b2b2b;
        transform: rotate(45deg);
    }

    #head-canvas #menu-mobile-container .mobile-menu-close .close-border:last-child {
        position: absolute;
        display: block;
        top: 0.7500rem;
        width: 100%;
        height: 0.2500rem;
        background: #2b2b2b;
        transform: rotate(-45deg);
    }

    #head-canvas #menu-mobile-container .nav1-mobile {
        margin-top: 2.5000rem;
        width: 100%;
    }

    #head-canvas #menu-mobile-container .nav1-mobile.open {
        max-width: 85%;
        margin-left: 3%;
        margin-top: 4.0625rem;
    }

    #head-canvas #menu-mobile-container .nav1-mobile .nav1-mobile-item {
        position: relative;
        overflow: hidden;
        display: block;
        width: 100%;
        height: auto;
        min-height: 3.0000rem;
        margin-bottom: 0.1250rem;
        background: #005CA2;
    }

    #head-canvas #menu-mobile-container .nav1-mobile .nav1-mobile-item .nav1-mobile-link {
        display: block;
        float: left;
        width: 100%;
        padding: 0.6250rem 0 0.6250rem 4.0625rem;
    }

    #head-canvas #menu-mobile-container .nav1-mobile .nav1-mobile-item .nav1-mobile-link.with-icon {
        display: block;
        float: left;
        width: calc(100% - 5.0000rem);
        padding: 0.6250rem 0.3125rem;
    }

    #head-canvas #menu-mobile-container .nav1-mobile .nav1-mobile-item .nav1-mobile-link.with-icon:focus-visible {
        outline: none;
    }

    #head-canvas #menu-mobile-container .nav1-mobile .nav1-mobile-item .nav1-mobile-link span {
        font-size: 1.2500rem;
        line-height: 1.6250rem;
        color: #ffffff;
        display: block;
        width: fit-content;
    }

    #head-canvas #menu-mobile-container .nav2-mobile .nav2-mobile-item {
        margin-left: 4.0625rem;
    }

    #head-canvas #menu-mobile-container .nav2-mobile .nav2-mobile-item .nav2-mobile-link {
        width: 100%;
        display: inline-block;
    }

    #head-canvas #menu-mobile-container .nav2-mobile .nav2-mobile-item .nav2-mobile-link:focus-visible {
        outline: none;
    }

    #head-canvas #menu-mobile-container .nav2-mobile .nav2-mobile-item .nav2-mobile-link:focus-visible span {
        outline: 0.1875rem solid;
        outline-offset: 0.0625rem;
    }

    #head-canvas #menu-mobile-container .nav2-mobile .nav2-mobile-item span {
        font-size: 1.1250rem;
        color: #ffffff;
        line-height: 2.8125rem;
    }

    #head-canvas #menu-mobile-container .nav1-mobile .nav1-mobile-item .nav1-mobile-link:hover {
        background-color: #005ca2;
        color: #fff;
        font-weight: bold;
    }

    #head-canvas #menu-mobile-container .nav1-mobile .nav1-mobile-item .nav1-mobile-link:hover p {
        color: #fff;
    }

    #head-canvas #menu-mobile-container .nav1-mobile .nav1-mobile-item .nav1-mobile-link:hover span {
        background-color: #005ca2;
        color: #fff;
    }

    #head-canvas #menu-mobile-container .nav1-mobile .nav1-mobile-item .nav1-mobile-link:hover span p {
        color: #fff;
    }

    #head-canvas #menu-mobile-container .nav2-mobile .nav2-mobile-item .nav2-mobile-link:hover {
        font-weight: bold;
    }
}

@media screen and (max-width: 36.2500rem) {
    #head-canvas #menu-mobile-container .mobile-menu-close {
        position: absolute;
        overflow: hidden;
        top: 0.6250rem;
        right: 2.5%;
        width: 1.8750rem;
        height: 1.8750rem;
        cursor: pointer;
    }

    #head-canvas #menu-mobile-container .logo {
        position: absolute;
        height: 4.3750rem;
        width: 6.2500rem;
        left: 1.2500rem;
        top: 0.5625rem;
        z-index: 1;
    }
}

@media screen and (min-width: 87.5625rem) {
    #menu-mobile-container {
        display: none;
    }
}


/* skiplinks */
.skiplink {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    background-color: #005ca2;
    color: #fff;
    padding: 1.2500rem 1.8750rem;
    z-index: 1000000;
    font-size: 1.6250rem;
    text-decoration: underline !important;
}

.skiplink:focus-visible {
    transform: translateY(0);
    outline: 0.1250rem solid #fff;
}

/* Slider */
.slick-prev,
.slick-next {
    width: 3.4375rem;
    height: 3.7500rem;
    position: absolute;
    background: 0 0;
    top: 60%;
    left: 3.1250rem;
    z-index: 300;
    border: none;
    color: #fff;
    font-size: 3.1250rem;
    cursor: pointer;
}

.slick-next {
    left: unset;
    right: 3.1250rem;
}

@media only screen and (max-width: 87.5000rem) {
    .slick-prev {
        left: 1.5625rem;
    }

    .slick-next {
        right: 1.5625rem;
    }
}

@media only screen and (max-width: 64.0000rem) {
    .slick-prev, .slick-next {
        height: 3.4375rem;
        font-size: 2.8125rem;
    }

    .slick-prev {
        left: 0.3125rem;
    }

    .slick-next {
        right: 0.3125rem;
    }
}

@media only screen and (max-width: 36.2500rem) {
    .slick-prev,
    .slick-next {
        height: 3.0000rem;
        font-size: 2.3750rem;
    }
}


#page-canvas {
    width: 100%;
    height: auto;
}

#page-canvas #page {
    position: relative;
}

#page-canvas #page #page-image {
    width: 100%;
    height: auto;
}

#page-canvas #page #page-image img {
    position: relative;
    overflow: hidden;
    padding-top: calc(2.2500rem + 52 * (100vw - 64.0000rem) / 896);
}

@media screen and (max-width: 50.0000rem) {
    #page-canvas #page #page-image img {
        padding-top: 1.1250rem;
    }
}

#page-canvas #page #page-image::after {
    content: ' ';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    top: 1.1250rem;
    width: 100%;
    height: 100%;
    background-image: url(/_images/elements/bogen.png);
    background-position: top;
    z-index: 0;
}

.slide.slick-slide:first-child {
    display: block;
}


@media screen and (max-width: 50.0000rem) {
    #page-canvas #page #page-image::after {
        top: 1.1250rem;
    }
}

#page-canvas #page #page-sticker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    justify-content: space-evenly !important;
    -webkit-justify-content: space-around;
    position: absolute;
    z-index: 0;
    right: 7.5%;
    bottom: 2.5000rem;
    width: 12.4%;
    height: 25.8%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/_images/elements/sticker.png);
    background-position: right;
}

#page-canvas #page #page-sticker .text {
    font-family: 'Architects Daughter', sans-serif;
    font-size: 3rem;
    line-height: 1.2;
    color: #fff;
    display: block;
    text-align: center;
    width: 100%;
    height: auto;
    margin-top: 0;
    padding-left: .1rem;
}

@media screen and (max-width: 106.2500rem) {
    #page-canvas #page #page-sticker .text {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 875.0000rem) {
    #page-canvas #page #page-sticker .text {
        font-size: 2rem;
    }
}

@media screen and (max-width: 67.5000rem) {
    #page-canvas #page #page-sticker .text {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    #page-canvas #page #page-sticker {
        display: none;
    }
}

#page-canvas #page #page-down {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    flex-flow: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-evenly !important;
    -webkit-justify-content: space-around;
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 2.5000rem;
    width: 100%;
    height: 4.0000rem;
}

#page-canvas #page #page-down a:focus-visible {
    outline: none;
}

@media screen and (max-width: 50.0000rem) {
    #page-canvas #page #page-down {
        display: none;
    }
}

#main-canvas {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    height: auto;
    background-color: #fff;
}

#footer-canvas {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#footer-canvas #footer .footer-logo {
    width: 16.8125rem;
    height: 100%;
}

#footer-canvas #footer .footer-logo img {
    width: 16.8125rem;
}

@media screen and (max-width: 105.0000rem) {
    #footer-canvas #footer .footer-logo {
        width: 12.5000rem;
    }

    #footer-canvas #footer .footer-logo img {
        width: 12.5000rem;
    }
}

@media screen and (max-width: 56.2500rem) {
    #footer-canvas #footer .footer-logo {
        width: 10.0000rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    #footer-canvas #footer .footer-logo {
        width: 18.7500rem;
    }

    #footer-canvas #footer .footer-logo img {
        width: 16.8125rem;
    }
}

#footer-canvas #footer .nav-footer .nav-footer-item {
    display: inline-grid;
    margin-bottom: 0.1250rem;
    line-height: 0.8750rem;
}

#footer-canvas #footer .nav-footer .nav-footer-link {
    font-size: .8888888889rem;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}

#footer-canvas #footer .nav-footer .nav-footer-link.link-extern {
    display: flex;
}

#footer-canvas #footer .nav-footer .nav-footer-link.link-extern:after {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    content: '\f08e';
    margin-left: 0.3125rem;
    width: auto;
    display: inline-block;
}

#footer-canvas #footer .nav-footer .nav-footer-link:hover {
    text-decoration: underline;
}

#back-to-top-canvas {
    display: none;
    float: right;
    top: 90%;
    width: 3.5555555556rem;
    height: 3.5555555556rem;
    margin-right: 2.187500rem;
    background-color: #005ca2;
    right: 0.000000rem;
    cursor: pointer;
    border: #fff 0.188rem solid;
}

#back-to-top-canvas .back-to-top {
    border: solid #fff;
    border-width: 0 0.187500rem 0.187500rem 0;
    display: inline-block;
    padding: 0.625000rem;
    position: absolute;
    top: calc(50% - 0.312500rem);
    left: calc(50% - 0.750000rem);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-135deg);
    background: none;
}

#back-to-top-canvas:has(.back-to-top:focus-visible),
#back-to-top-canvas:hover {
    outline: #fff solid .188rem;
    outline-offset: -0.564rem;
}

#back-to-top-canvas .back-to-top:focus-visible {
    outline: none;
}

.page-template {
    padding-top: 1.1250rem;
}

@media screen and (max-width: 28.1250rem) {
    .page-template {
        padding-top: 1.8750rem;
    }
}

.pageelement-header {
    margin-top: 1.25rem;
}

.pageelement-header .header-headline {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.pageelement-header .header-headline h1 {
    color: #005ca2;
}

#content-canvas > *:first-child.pageelement-text {
    margin-top: 2.5rem;
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-header .header-headline h1 {
        font-size: 1.5625rem;
    }

    .pageelement-header .header-subheadline {
        font-size: 1.4375rem;
    }
}

.pageelement-breadcrumb {
    margin-top: 2.5rem;
    padding-top: 0.6250rem !important;
}

.pageelement-breadcrumb .breadcrumb-items {
    font-size: .8888888889rem;
    line-height: 1.375;
    font-weight: 400;
}

.pageelement-breadcrumb .breadcrumb-items .breadcrumb-item {
    position: relative;
    overflow: visible;
    text-decoration: none;
    float: left;
    width: auto;
    height: 1.2500rem;
    margin-right: 0;
    padding: 0.0625rem;
}

.pageelement-breadcrumb .breadcrumb-items .breadcrumb-item.sub:before {
    content: ' · ';
}

.pageelement-breadcrumb .breadcrumb-items .bread-link.active {
    text-decoration: underline;
}

.pageelement-breadcrumb .breadcrumb-items .bread-link:hover {
    color: #005ca2;
}

.pageelement-intro {
    margin-bottom: 5rem;
    /*overflow: hidden;*/
}

.pageelement-intro .intro-headline h2 {
    margin-bottom: 1.5000rem;
}

.pageelement-intro-text {
    margin-bottom: 5rem;
}

.pageelement-intro-text .intro-content-box {
    /*    width: 92% !important;
        max-width: 50.0000rem !important;
    padding-top: 1rem !important;*/
    margin-bottom: 5rem;
}

.pageelement-intro .intro-extention,
.pageelement-intro .intro-overlay {
    display: none;
}

.pageelement-intro.theme-blue .intro-extention,
.pageelement-intro.theme-blue .intro-overlay {
    display: block;
}

.pageelement-intro.theme-blue .intro-content-box {
    width: 92% !important;
    max-width: 50.0000rem !important;
    padding-top: 1rem !important;
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-intro-text .intro-content-box,
    .pageelement-intro.theme-blue .intro-content-box {
        width: 100% !important;
    }
}

@media screen and (max-width: 62.5000rem) {
    .pageelement-intro .intro-overlay {
        margin-top: -3.4375rem;
    }
}

@media screen and (max-width: 42.5000rem) {
    .pageelement-intro .intro-overlay {
        margin-top: -4.3750rem;
    }
}

@media screen and (max-width: 33.7500rem) {
    .pageelement-intro .intro-overlay {
        margin-top: -5.3125rem;
    }
}

@media screen and (max-width: 22.5000rem) {
    .pageelement-intro .intro-overlay {
        margin-top: -6.5625rem;
    }
}

.pageelement-intro.theme-blue .intro-overlay::after {
    content: ' ';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    width: 100%;
    bottom: -3.33rem;
    height: 24.4375rem;
    background-image: url(/_images/elements/bogen-blue.png);
    background-position: bottom;
}

@media screen and (min-width: 92.5000rem) {
    .pageelement-intro.theme-blue .intro-overlay::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        left: 0;
        width: 100%;
        bottom: -5.33rem;
        height: 50.0000rem;
        background-image: url(/_images/elements/bogen-blue.png);
        background-position: bottom;
    }
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-intro.theme-blue .intro-overlay::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        left: 0;
        width: 100%;
        bottom: -1.8750rem;
        height: 24.4375rem;
        background-image: url(/_images/elements/bogen-blue.png);
        background-position: bottom;
    }
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-intro.theme-blue .intro-overlay::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        left: 0;
        width: 100%;
        bottom: -0.6250rem;
        height: 24.4375rem;
        background-image: url(/_images/elements/bogen-blue.png);
        background-position: bottom;
    }
}

.pageelement-intro.theme-blue .extension-box {
    background-color: #005ca2;
    color: #fff;
}

.pageelement-intro.theme-blue .extension-box p {
    color: #fff;
}

.pageelement-intro.theme-green .intro-extention,
.pageelement-intro.theme-green .intro-overlay {
    display: block;
}

.pageelement-intro.theme-green .intro-content-box {
    width: 92% !important;
    max-width: 50.0000rem !important;
    padding-top: 1rem !important;
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-intro.theme-green .intro-content-box {
        width: 100% !important;
    }
}

.pageelement-intro.theme-green .intro-overlay::after {
    content: ' ';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    width: 100%;
    bottom: -3.33rem;
    height: 24.4375rem;
    background-image: url(/_images/elements/bogen-green.png);
    background-position: bottom;
}

@media screen and (min-width: 92.5000rem) {
    .pageelement-intro.theme-green .intro-overlay::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        left: 0;
        width: 100%;
        bottom: -5.33rem;
        height: 50.0000rem;
        background-image: url(/_images/elements/bogen-green.png);
        background-position: bottom;
    }
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-intro.theme-green .intro-overlay::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        left: 0;
        width: 100%;
        bottom: -1.8750rem;
        height: 24.4375rem;
        background-image: url(/_images/elements/bogen-green.png);
        background-position: bottom;
    }
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-intro.theme-green .intro-overlay::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        left: 0;
        width: 100%;
        bottom: -0.6250rem;
        height: 24.4375rem;
        background-image: url(/_images/elements/bogen-green.png);
        background-position: bottom;
    }
}

.pageelement-intro.theme-green .extension-box {
    color: #2b2b2b;
    background-color: #a2c614;
}

.pageelement-intro.theme-green .extension-box p {
    color: #2b2b2b;
}

.pageelement-intro.theme-green .extension-box a {
    color: inherit;
}

.intro-headline {
    color: #005ca2;
    padding-bottom: 2rem !important;
}

.intro-content-box a {
    color: inherit;
    text-decoration: underline;
}

.intro-content-box p {
    color: #2B2B2B;
}

.intro-content-box li {
    color: #2B2B2B;
}

.intro-content-box li {
    margin-left: 1.2em;
    list-style-type: disc;
    list-style-position: outside;
    padding-top: 0.3750rem;
}

.extension-box-content {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.extension-content {
    margin-bottom: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    flex-flow: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.extension-content li {
    margin-left: 1.2em;
    list-style-type: disc;
    list-style-position: outside;
    padding-top: 0.3750rem;
}

.extension-button {
    background-color: #fff;
    margin-top: 1.25rem;
}

.pageelement-intro.theme-green .extension-button {
    color: #2b2b2b;
}

.pageelement-intro.theme-blue .extension-button {
    color: #005CA2;
}

.pageelement-intro .extension-button:focus-visible {
    outline: #fff 0.1875rem solid;
    outline-offset: 0.1875rem;
}

.pageelement-intro.theme-blue .extension-items,
.pageelement-intro.theme-green .extension-items {
    margin-top: 1.25rem;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(10.0000rem, auto) minmax(10.0000rem, auto) minmax(10.0000rem, auto) minmax(10.0000rem, auto);
    grid-template-columns:minmax(10.0000rem, auto) minmax(10.0000rem, auto) minmax(10.0000rem, auto) minmax(10.0000rem, auto);
    height: 100%;
    column-gap: 8.3333333333rem;
    row-gap: 1.2500rem;
}

@media screen and (max-width: 112.5000rem) {
    .pageelement-intro.theme-blue .extension-items,
    .pageelement-intro.theme-green .extension-items {
        column-gap: 6.6666666667rem;
    }
}

@media screen and (max-width: 100.0000rem) {
    .pageelement-intro.theme-blue .extension-items,
    .pageelement-intro.theme-green .extension-items {
        column-gap: 3.5555555556rem;
    }
}

@media screen and (max-width: 81.2500rem) {
    .pageelement-intro.theme-blue .extension-items,
    .pageelement-intro.theme-green .extension-items {
        column-gap: 3.1111111111rem;
    }
}

@media screen and (max-width: 67.5000rem) {
    .pageelement-intro.theme-blue .extension-items,
    .pageelement-intro.theme-green .extension-items {
        column-gap: 2.7777777778rem;
    }
}

@media screen and (max-width: 61.2500rem) {
    .pageelement-intro.theme-blue .extension-items,
    .pageelement-intro.theme-green .extension-items {
        column-gap: 2.2222222222rem;
    }
}

@media screen and (max-width: 56.2500rem) {
    .pageelement-intro.theme-blue .extension-items,
    .pageelement-intro.theme-green .extension-items {
        column-gap: 1.1111111111rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-intro.theme-blue .extension-items,
    .pageelement-intro.theme-green .extension-items {
        -ms-grid-columns: minmax(10.0000rem, auto) minmax(10.0000rem, auto) minmax(10.0000rem, auto);
        grid-template-columns:minmax(10.0000rem, auto) minmax(10.0000rem, auto) minmax(10.0000rem, auto);
        row-gap: 0;
    }
}

@media screen and (max-width: 42.5000rem) {
    .pageelement-intro.theme-blue .extension-items,
    .pageelement-intro.theme-green .extension-items {
        -ms-grid-columns: minmax(11.2500rem, auto) minmax(11.2500rem, auto);
        grid-template-columns:minmax(11.2500rem, auto) minmax(11.2500rem, auto);
        row-gap: 0.6250rem;
        column-gap: 2.5000rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-intro.theme-blue .extension-items,
    .pageelement-intro.theme-green .extension-items {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr;
        row-gap: 0;
        column-gap: 0;
    }
}

.pageelement-intro.theme-blue .extension-items,
.pageelement-intro.theme-green .extension-items {
    width: 100%;
    height: auto;
    text-align: left;
    -webkit-box-align: center;
    align-content: center;
    -webkit-align-content: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.pageelement-intro.theme-blue .extension-items .item,
.pageelement-intro.theme-green .extension-items .item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    flex-flow: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-items: center;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    padding-bottom: 1.2500rem;
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-intro.theme-blue .extension-items .item,
    .pageelement-intro.theme-green .extension-items .item {
        padding-bottom: 1.2500rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-intro.theme-blue .extension-items .item,
    .pageelement-intro.theme-green .extension-items .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        flex-flow: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        height: 100%;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        flex-flow: column;
        -webkit-box-align: center;
        justify-content: center;
        -webkit-justify-content: center;
        align-content: center;
        -webkit-align-content: center;
        justify-items: center;
        align-items: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        padding-bottom: 1.8750rem;
    }
}

.pageelement-intro.theme-blue .extension-items .item .icon,
.pageelement-intro.theme-green .extension-items .item .icon {
    width: 2.5000rem;
    height: 2.5000rem;
    max-width: 2.5000rem;
    max-height: 2.5000rem;
    float: left;
}

.pageelement-intro.theme-green .extension-items .item .icon {
    filter: var(--filter-to-black);
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-intro.theme-blue .extension-items .item .icon,
    .pageelement-intro.theme-green .extension-items .item .icon {
        float: unset;
    }
}

.pageelement-intro.theme-blue .extension-items .item .label,
.pageelement-intro.theme-green .extension-items .item .label {
    height: 2.78rem;
    padding-left: 1rem;
    padding-top: .5em;
    padding-bottom: .5em;
    font-size: 1.2222222222rem;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 87.5000rem) {
    .pageelement-intro.theme-blue .extension-items .item .label,
    .pageelement-intro.theme-green .extension-items .item .label {
        font-size: 1.1111111111rem;
    }
}

@media screen and (max-width: 75.0000rem) {
    .pageelement-intro.theme-blue .extension-items .item .label,
    .pageelement-intro.theme-green .extension-items .item .label {
        font-size: 1rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-intro.theme-blue .extension-items .item .label,
    .pageelement-intro.theme-green .extension-items .item .label {
        padding-left: 0 !important;
        -webkit-box-align: center;
        align-content: center;
        -webkit-align-content: center;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
        display: inline-block;
        padding-top: 0.5rem;
    }
}

.pageelement-quickbook {
    margin-bottom: 5rem;
}

.quickbook-content {
    padding: 1rem 2rem;
    background-color: #005ca2;
    color: #fff;
}

.quickbook-content p {
    color: #fff;
}

@media screen and (max-width: 23.4375rem) {
    .quickbook-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100%;
    }

    .quickbook-content .quickbook-contentbox {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.quickbook-form {
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-template-rows:auto;
    grid-gap: 0.6250rem;
    height: auto;
}

.quickbook-form :last-child {
    grid-column: 3/span 4;
}

@media screen and (max-width: 67.5000rem) {
    .quickbook-form {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr;
        grid-auto-flow: row;
        row-gap: 0.6250rem;
        height: 100%;
    }

    .quickbook-form :last-child {
        grid-row: 2;
        grid-column: 1/span 2;
        column-gap: 0.6250rem;
        row-gap: 0.6250rem;
    }
}

@media screen and (max-width: 39.3750rem) {
    .quickbook-form {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        grid-auto-flow: row;
        row-gap: 0.6250rem;
        height: 100%;
    }

    .quickbook-contentbox form .form-row:first-child {
        margin-bottom: 2.5000rem;
    }

    .quickbook-form :nth-child(1) {
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 1;
        grid-column: 1;
    }

    .quickbook-form :nth-child(2) {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 1;
        grid-column: 1;
    }

    .quickbook-form :last-child {
        -ms-grid-row: 3;
        grid-row: 3;
        -ms-grid-column: 1;
        grid-column: 1;
    }
}

@media screen and (max-width: 50.0000rem) {
    .quickbook-form {
        height: 100%;
    }
}

.quickbook-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

@media screen and (max-width: 39.3750rem) {
    .quickbook-buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        row-gap: 0.6250rem !important;
        padding: 0 !important;
    }
}

.quickbook-button {
    margin-left: 1.25rem;
    background-color: #fff;
    color: #005ca2;
}

@media screen and (max-width: 67.5000rem) {
    .quickbook-button {
        min-width: fit-content;
        width: 50%;
        margin: 0 !important;
    }
}

@media screen and (max-width: 39.3750rem) {
    .quickbook-button {
        width: 100% !important;
        max-width: 100% !important;
        height: fit-content;
    }
}

.quickbook-contentbox {
    justify-content: start;
    padding-top: 2.3750rem;
    padding-bottom: 1.3750rem;
    overflow: visible;
}

.quickbook-contentbox form .form-row {
    position: relative;
    background: 0 0;
    border: 0.0625rem solid rgba(255, 255, 255, .67);
    max-height: 3.7500rem;
    height: 3.3333333333rem;
    width: 100%;
}

.pageelement-quickbook .form-row label {
    position: absolute;
    top: -2.1250rem;
    font-size: 1.2500rem;
    font-weight: 700;
    font-family: 'Open Sans Bold', sans-serif;
}

.quickbook-contentbox form .form-row input {
    border: 0.1250rem solid transparent;
    background-color: transparent;
    color: #fff;
    font-size: 1.3333333333rem;
    line-height: 1.375;
    font-weight: 100;
    letter-spacing: 0.0625rem;
    width: 100%;
    height: auto;
    padding: .6rem .8rem;
    opacity: .75;
    font-family: 'Open Sans', sans-serif;
}

.quickbook-contentbox form .form-row input:focus-visible {
    background: white;
    color: #005ca2;
    opacity: 1;
    outline: 0.1875rem #fff solid;
    outline-offset: 0.1875rem;
}

.quickbook-contentbox form .form-row input[data-keeper-edited='yes'] {
    opacity: 1;
}

.quickbook-contentbox form .form-row input[type=submit] {
    border: 0.1250rem solid transparent;
    background-color: transparent;
    color: #fff;
    font-size: 1.3333333333rem;
    line-height: 1.375;
    font-weight: 100;
    letter-spacing: 0.0625rem;
    width: 16.6666666667rem;
    height: auto;
    padding: .6rem .8rem;
    opacity: .75;
}

.quickbook-contentbox form .form-row input::placeholder {
    color: #fff;
    opacity: .67;
}

.quickbook-contentbox form .form-row input:-ms-input-placeholder {
    color: #fff;
}

.quickbook-contentbox form .form-row input::-ms-input-placeholder {
    color: #fff;
}

.pageelement-teaser-big {
    margin-bottom: 5rem;
}

.pageelement-teaser-big.theme-blue {
    background-color: #005ca2;
    color: #fff;
}

.pageelement-teaser-big.theme-blue p {
    color: #fff;
}

.pageelement-teaser-big.theme-blue .teaser-big-header {
    color: #005ca2;
}

.pageelement-teaser-big.theme-blue .teaser-big-content {
    background-color: #005ca2;
    color: #fff;
}

.pageelement-teaser-big.theme-blue .teaser-big-content p {
    color: #fff;
}

.pageelement-teaser-big.theme-blue .teaser-big-image {
    background-color: #005ca2;
    color: #fff;
}

.pageelement-teaser-big.theme-blue .teaser-big-image p {
    color: #fff;
}

.pageelement-teaser-big.theme-blue .teaser-big-image::after {
    content: ' ';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-image: url(/_images/elements/bogen-blue-x.png);
    background-position: bottom;
}

.pageelement-teaser-big.theme-blue .teaser-big-button {
    background-color: #fff;
    color: #005ca2;
}

.pageelement-teaser-big.theme-green {
    color: #fff;
    background-color: #a2c614;
}

.pageelement-teaser-big.theme-green p {
    color: #fff;
}

.pageelement-teaser-big.theme-green .teaser-big-header {
    color: #005ca2;
}

.pageelement-teaser-big.theme-green .teaser-big-content {
    color: #fff;
    background-color: #a2c614;
}

.pageelement-teaser-big.theme-green .teaser-big-content p {
    color: #2B2B2B;
}

.pageelement-teaser-big.theme-green .teaser-big-content * {
    color: #2B2B2B;
}

.pageelement-teaser-big.theme-green .teaser-big-image {
    color: #fff;
    background-color: #a2c614;
}

.pageelement-teaser-big.theme-green .teaser-big-image p {
    color: #fff;
}

.pageelement-teaser-big.theme-green .teaser-big-image::after {
    content: ' ';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-image: url(/_images/elements/bogen-green-x.png);
    background-position: bottom;
}

.pageelement-teaser-big.theme-green .teaser-big-button {
    background-color: #fff;
    color: #2B2B2B;
}

.pageelement-teaser-big .section {
    width: 100%;
    height: auto;
    padding: 0;
    background-color: #fff;
    position: relative;
}

.pageelement-teaser-big .section.intro-overlay {
    height: 8.7500rem;
}

.pageelement-teaser-big .section.headline h2 {
    margin-bottom: 1.5em;
}

.teaser-big-header h2 {
    padding-bottom: 2.5rem;
    line-height: normal;
    margin-bottom: unset;
}

.teaser-big-content {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.teaser-big-content .text li {
    margin-left: 1.2em;
    list-style-position: outside;
    padding-top: 0.3750rem;
}

.teaser-big-content-grid {
    margin-bottom: 1.25rem;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr;
    height: 100%;
    grid-gap: 1.2500rem;
}

.teaser-big-content-grid :first-child {
    grid-column: 1/span 3;
}

.teaser-big-content-grid :last-child {
    justify-self: flex-end;
}

@media screen and (max-width: 50.0000rem) {
    .teaser-big-content-grid {
        grid-auto-flow: row;
        grid-gap: 0;
    }

    .teaser-big-content-grid :first-child {
        grid-column: 1/span 4;
    }

    .teaser-big-content-grid :last-child {
        justify-self: flex-start;
        max-width: 100%;
        grid-column: 1/span 4;
    }
}

.teaser-big-image {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.teaser-big-image img {
    height: auto;
}

.teaser-big-button {
    margin-top: 1.25rem;
}

.pageelement-teaser-big.theme-blue .teaser-big-items,
.pageelement-teaser-big.theme-green .teaser-big-items {
    margin-top: 1.25rem;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(10.0000rem, auto) minmax(10.0000rem, auto) minmax(10.0000rem, auto) minmax(10.0000rem, auto);
    grid-template-columns:minmax(10.0000rem, auto) minmax(10.0000rem, auto) minmax(10.0000rem, auto) minmax(10.0000rem, auto);
    height: 100%;
    column-gap: 8.3333333333rem;
    row-gap: 1.2500rem;
}

@media screen and (max-width: 112.5000rem) {
    .pageelement-teaser-big.theme-blue .teaser-big-items,
    .pageelement-teaser-big.theme-green .teaser-big-items {
        column-gap: 6.6666666667rem;
    }
}

@media screen and (max-width: 100.0000rem) {
    .pageelement-teaser-big.theme-blue .teaser-big-items,
    .pageelement-teaser-big.theme-green .teaser-big-items {
        column-gap: 3.5555555556rem;
    }
}

@media screen and (max-width: 81.2500rem) {
    .pageelement-teaser-big.theme-blue .teaser-big-items,
    .pageelement-teaser-big.theme-green .teaser-big-items {
        column-gap: 3.1111111111rem;
    }
}

@media screen and (max-width: 67.5000rem) {
    .pageelement-teaser-big.theme-blue .teaser-big-items,
    .pageelement-teaser-big.theme-green .teaser-big-items {
        column-gap: 2.7777777778rem;
    }
}

@media screen and (max-width: 61.2500rem) {
    .pageelement-teaser-big.theme-blue .teaser-big-items,
    .pageelement-teaser-big.theme-green .teaser-big-items {
        column-gap: 2.2222222222rem;
    }
}

@media screen and (max-width: 56.2500rem) {
    .pageelement-teaser-big.theme-blue .teaser-big-items,
    .pageelement-teaser-big.theme-green .teaser-big-items {
        column-gap: 1.1111111111rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-teaser-big.theme-blue .teaser-big-items,
    .pageelement-teaser-big.theme-green .teaser-big-items {
        -ms-grid-columns: minmax(10.0000rem, auto) minmax(10.0000rem, auto) minmax(10.0000rem, auto);
        grid-template-columns:minmax(10.0000rem, auto) minmax(10.0000rem, auto) minmax(10.0000rem, auto);
        row-gap: 0;
    }
}

@media screen and (max-width: 42.5000rem) {
    .pageelement-teaser-big.theme-blue .teaser-big-items,
    .pageelement-teaser-big.theme-green .teaser-big-items {
        -ms-grid-columns: minmax(11.2500rem, auto) minmax(11.2500rem, auto);
        grid-template-columns:minmax(11.2500rem, auto) minmax(11.2500rem, auto);
        row-gap: 0.6250rem;
        column-gap: 2.5000rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-teaser-big.theme-blue .teaser-big-items,
    .pageelement-teaser-big.theme-green .teaser-big-items {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr;
        row-gap: 0;
        column-gap: 0;
    }
}

.pageelement-teaser-big.theme-blue .teaser-big-items,
.pageelement-teaser-big.theme-green .teaser-big-items {
    width: 100%;
    height: auto;
    text-align: left;
    -webkit-box-align: center;
    align-content: center;
    -webkit-align-content: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.pageelement-teaser-big.theme-blue .teaser-big-items .item,
.pageelement-teaser-big.theme-green .teaser-big-items .item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    flex-flow: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    padding-bottom: 1.2500rem;
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-teaser-big.theme-blue .teaser-big-items .item,
    .pageelement-teaser-big.theme-green .teaser-big-items .item {
        padding-bottom: 1.2500rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-teaser-big.theme-blue .teaser-big-items .item,
    .pageelement-teaser-big.theme-green .teaser-big-items .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        flex-flow: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        height: 100%;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        flex-flow: column;
        -webkit-box-align: center;
        justify-content: center;
        -webkit-justify-content: center;
        align-content: center;
        -webkit-align-content: center;
        justify-items: center;
        align-items: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        padding-bottom: 1.8750rem;
    }
}

.pageelement-teaser-big.theme-blue .teaser-big-items .item .icon,
.pageelement-teaser-big.theme-green .teaser-big-items .item .icon {
    width: 2.5000rem;
    height: 2.5000rem;
    max-width: 2.5000rem;
    max-height: 2.5000rem;
    float: left;
}

.pageelement-teaser-big.theme-green .teaser-big-items .item .icon {
    filter: var(--filter-to-black);
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-teaser-big.theme-blue .teaser-big-items .item .icon,
    .pageelement-teaser-big.theme-green .teaser-big-items .item .icon {
        float: unset;
    }
}

.pageelement-teaser-big.theme-blue .teaser-big-items .item .label,
.pageelement-teaser-big.theme-green .teaser-big-items .item .label {
    height: 2.78rem;
    padding-left: 1rem;
    padding-top: .5em;
    padding-bottom: .5em;
    font-size: 1.2222222222rem;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pageelement-teaser-big.theme-green .teaser-big-items .item .label {
    color: #2B2B2B;
}

@media screen and (max-width: 87.5000rem) {
    .pageelement-teaser-big.theme-blue .teaser-big-items .item .label,
    .pageelement-teaser-big.theme-green .teaser-big-items .item .label {
        font-size: 1.1111111111rem;
    }
}

@media screen and (max-width: 75.0000rem) {
    .pageelement-teaser-big.theme-blue .teaser-big-items .item .label,
    .pageelement-teaser-big.theme-green .teaser-big-items .item .label {
        font-size: 1rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-teaser-big.theme-blue .teaser-big-items .item .label,
    .pageelement-teaser-big.theme-green .teaser-big-items .item .label {
        padding-left: 0 !important;
        -webkit-box-align: center;
        align-content: center;
        -webkit-align-content: center;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
        display: inline-block;
        padding-top: 0.5rem;
    }
}

.pageelement-teaser-image {
    margin-bottom: 5rem;
}

.pageelement-teaser-image > a:focus-visible,
.pageelement-teaser-image > a:hover {
    outline: none;
}

.pageelement-teaser-image > a:focus-visible .teaser-image-content,
.pageelement-teaser-image > a:hover .teaser-image-content {
    outline: 0.1875rem solid #2b2b2b;
    outline-offset: 0.1875rem;
}

.pageelement-teaser-image.theme-green .teaser-image-content {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/_images/elements/bogen-green-bottom.png);
    background-position: bottom;
    height: 100%;
}

.pageelement-teaser-image.theme-yellow .teaser-image-content {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/_images/elements/bogen-yellow-bottom.png);
    background-position: bottom;
    height: 100%;
}

.pageelement-teaser-image.left-sided .overlay-container {
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.pageelement-teaser-image.left-sided .overlay-content {
    width: 50%;
    padding-left: calc(5.2500rem + 176 * (100vw - 64.0000rem) / 896);
}

.pageelement-teaser-image.right-sided .overlay-container {
    -webkit-box-align: end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.pageelement-teaser-image.right-sided .overlay-content {
    width: 50%;
    padding-right: calc(5.2500rem + 176 * (100vw - 64.0000rem) / 896);
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-teaser-image .overlay-container {
        position: relative !important;
        height: auto;
    }

    .pageelement-teaser-image .overlay-content {
        width: 100% !important;
        min-height: 25.0000rem;
        padding: 0 !important;
    }

    .pageelement-teaser-image > a:focus-visible .teaser-image-content {
        outline: 0.1875rem solid #fff;
        outline-offset: -0.5000rem;
    }
}

.teaser-image-content {
    padding: 1rem 2.44rem 2rem !important;
    background-color: #005ca2;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    justify-content: center;
    -webkit-justify-content: center;
    justify-items: center;
    margin-top: -0.0625rem;
    bottom: -0.0625rem;
}

.teaser-image-content p {
    color: #fff;
}

@media screen and (max-width: 61.2500rem) {
    .teaser-image-content {
        padding-bottom: 4rem !important;
    }
}

@media screen and (max-width: 50.0000rem) {
    .teaser-image-content {
        padding: 2.5000rem 9% 7.5000rem 9% !important;
    }
}

@media screen and (max-width: 32.5000rem) {
    .teaser-image-content {
        padding: 2.5000rem 9% 6.2500rem 9% !important;
    }
}

.teaser-image-headline h2 {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 80.0000rem) {
    .teaser-image-headline h2 .sub-headline {
        line-height: 1.34 !important;
    }
}

@media screen and (max-width: 50.0000rem) {
    .teaser-image-headline h2 {
        margin-bottom: 0.6250rem !important;
    }

    .teaser-image-headline h2 .sub-headline {
        line-height: 2.2 !important;
    }
}

.teaser-image-text {
    padding-right: 4rem !important;
}

.teaser-image-text *:not(a) {
    text-decoration: none;
}

.teaser-image-text a {
    color: inherit;
}

@media screen and (max-width: 80.0000rem) {
    .teaser-image-text {
        padding-right: 1rem !important;
    }
}

@media screen and (max-width: 50.0000rem) {
    .teaser-image-text {
        padding-right: 8rem !important;
    }
}

@media screen and (max-width: 32.5000rem) {
    .teaser-image-text {
        padding-right: 0 !important;
    }
}

.teaser-image-grid {
    padding-top: 0.6250rem !important;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    height: 100%;
    column-gap: 1.2500rem;
    row-gap: 0;
}

.teaser-image {
    width: 100%;
    height: auto;
}

.teaser-image img {
    height: 31.2500rem;
    object-fit: cover;
}

@media screen and (max-width: 120.0000rem) {
    .teaser-image img {
        height: calc(30.0000rem + 20 * ((100vw - 64.0000rem) / 896));
    }
}

@media screen and (max-width: 64.0000rem) {
    .teaser-image img {
        height: 30.0000rem;
    }
}

@media screen and (max-width: 64.0000rem) {
    .teaser-image img {
        height: 30.0000rem;
    }
}

@media screen and (max-width: 64.0000rem) and (max-width: 64.0000rem) {
    .teaser-image img {
        height: calc(23.7500rem + 100 * ((100vw - 50.0000rem) / 224));
    }
}

@media screen and (max-width: 64.0000rem) and (max-width: 50.0000rem) {
    .teaser-image img {
        height: 23.7500rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    .teaser-image img {
        height: auto !important;
    }

    .teaser-image img {
        height: 23.7500rem;
    }
}

@media screen and (max-width: 50.0000rem) and (max-width: 50.0000rem) {
    .teaser-image img {
        height: calc(17.5000rem + 100 * ((100vw - 31.2500rem) / 300));
    }
}

@media screen and (max-width: 50.0000rem) and (max-width: 31.2500rem) {
    .teaser-image img {
        height: 17.5000rem;
    }
}

.overlay-container {
    max-width: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.overlay-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
}

.teaser-image-grid {
    width: 100%;
    height: auto;
    text-align: left;
    max-width: 23.7500rem;
}

.teaser-image-grid .item {
    width: 100%;
    height: 5.0000rem;
    display: flex;
    justify-content: center;
}

.teaser-image-grid .item .icon {
    width: auto;
    max-height: 3.1250rem;
    float: left;
}

.teaser-image-grid .item .icon .small {
    max-width: 2.5000rem;
}

@media screen and (min-width: 50.0000rem) and (max-width: 61.2500rem) {
    .teaser-image-grid {
        width: 75%;
        column-gap: 0.6250rem;
    }

    .teaser-image-grid .item {
        height: 3.4375rem;
    }

    .teaser-image-grid .item .icon {
        max-height: 2.1875rem;
    }

    .teaser-image-content p {
        margin-bottom: 0 !important;
    }

    .pageelement-teaser-image .teaser-image-content .teaser-image-headline {
        padding-top: 1rem;
    }

}

@media screen and (max-width: 32.5000rem) {
    .teaser-image-grid .item {
        height: 3.4375rem;
    }

    .teaser-image-grid .item .icon {
        max-height: 2.5000rem;
    }

    .teaser-image-grid {
        column-gap: 0.9375rem;
    }
}

.pageelement-contentbox-testimonial {
    margin-bottom: 5rem;
    color: #fff;
    background-color: #a2c614;
}

.pageelement-contentbox-testimonial .testimonial-imagebox {
    width: fit-content;
}

.pageelement-contentbox-testimonial p {
    color: #2B2B2B;
}

.testimonial-container {
    -webkit-box-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-gap: 1.2500rem;
    height: 100%;
}

.testimonial-container * {
    color: #2b2b2b;
}

.testimonial-container :last-child {
    grid-column: 2/span 3;
}

@media screen and (max-width: 50.0000rem) {
    .testimonial-container {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-columns:1fr 1fr 1fr 1fr;
        grid-template-rows:auto;
        grid-gap: 0;
    }

    .testimonial-container :first-child {
        grid-row: 1;
        grid-column: 1/span 4;
    }

    .testimonial-container :last-child {
        grid-row: 2;
        grid-column: 1/span 4;
    }
}

@media screen and (max-width: 32.5000rem) {
    .testimonial-container {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-columns:1fr 1fr 1fr 1fr;
        grid-template-rows:auto;
        grid-gap: 0;
    }

    .testimonial-container :first-child {
        grid-row: 1;
        grid-column: 1/span 4;
    }

    .testimonial-container :last-child {
        grid-row: 2;
        grid-column: 1/span 4;
    }
}

@media screen and (max-width: 50.0000rem) {
    .testimonial-container {
        justify-items: center;
        overflow: visible;
    }
}

.testimonial-imagebox .image {
    width: 18.8888888889rem;
    padding-top: 1.2500rem !important;
    padding-bottom: 1.2500rem !important;
}

.testimonial-imagebox .image img {
    border-radius: 50%;
}

@media screen and (max-width: 32.5000rem) {
    .testimonial-imagebox .image {
        padding: 1.2500rem !important;
    }
}

.testimonial-contentbox {
    padding: 1.2500rem 2rem 1.2500rem 4rem;
}

.testimonial-contentbox .quote li {
    margin-left: 1.2em;
    list-style-position: outside;
    padding-top: 0.3750rem;
}

.testimonial-contentbox .quote a:hover {
    text-decoration-thickness: 0.188rem;
}

@media screen and (max-width: 50.0000rem) {
    .testimonial-contentbox {
        padding-right: 0 !important;
        padding-left: 0 !important;
        padding-bottom: 1.2500rem;
        padding-top: 0;
    }
}

@media screen and (max-width: 32.5000rem) {
    .testimonial-contentbox .quote {
        font-size: 1.3333333333rem !important;
        line-height: 1.25 !important;
    }
}

.pageelement-infobox-prices {
    margin-bottom: 5rem;
}

.pageelement-infobox-prices .infobox-container {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.infobox-row {
    padding-top: 2rem !important;
    padding-bottom: 1rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    flex-flow: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.infobox-button-grid {
    padding-top: 1.2500rem !important;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    height: 100%;
    grid-gap: 1.2500rem;
}

@media screen and (max-width: 32.5000rem) {
    .infobox-button-grid {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: auto;
        grid-template-columns:1fr;
        grid-template-rows:auto;
    }
}

.infobox-button {
    background-color: #fff;
    color: #a2c614;
    min-width: fit-content;
    width: 100%;
    max-width: 100%;
    padding: .8rem .5rem;
}

@media screen and (max-width: 50.0000rem) {
    .infobox-button {
        white-space: normal;
        min-width: auto !important;
        width: 100%;
        height: fit-content;
        max-width: 100%;
        padding: .8rem .5rem;
    }
}

@media screen and (min-width: 32.5000rem) and (max-width: 36.2500rem) {
    .infobox-button {
        font-size: .9rem;
        line-height: 1.2222222222;
    }
}

.infobox-row :first-child .icon {
    width: 2.1875rem !important;
    max-width: 2.6875rem !important;
    margin-left: 0.2500rem !important;
    margin-right: 0.2500rem !important;
}

.infobox-row :nth-child(2) .icon {
    margin-left: 0.0625rem !important;
    margin-right: 0.0625rem !important;
}

.infobox-row :nth-child(3) .icon {
    width: 2.8750rem !important;
    max-width: 2.8750rem !important;
}

.infobox-row :nth-child(4) .icon {
    margin-left: 0.0625rem !important;
    margin-right: 0.0625rem !important;
}

.infobox-row .item {
    display: inline-flex;
    width: fit-content;
    align-items: flex-start;
    height: auto;
    flex: 1 1 16.2500rem;
    -ms-flex: 1 1 16.2500rem;
    -webkit-flex: 1 1 16.2500rem;
}

@media screen and (max-width: 50.0000rem) {
    .infobox-row .item {
        padding-bottom: 1.2500rem !important;
    }
}

.infobox-row .item .icon {
    width: 2.5625rem;
    max-width: 2.6875rem;
    height: fit-content;
    max-height: 2.6875rem;
    float: left;
}

.bg-green .infobox-row .item .icon,
.bg-yellow .infobox-row .item .icon {
    filter: var(--filter-to-black);
}

.infobox-row .item .label {
    display: inline-block;
    font-size: 1.22rem;
    line-height: 2.6250rem;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    float: left;
    padding-top: 0;
    padding-left: 1rem;
}

.infobox-row .item .label .tiny {
    display: block;
    font-size: .89rem;
    line-height: 1.375;
    font-weight: 400;
    padding: 0;
}

.pageelement-social-grid {
    margin-bottom: 5rem;
}

.pageelement-social-grid h2.headline {
    width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    margin-left: auto;
    margin-right: auto;
    color: #005ca2;
}

@media only screen and (max-width: 50.0000rem) {
    .pageelement-social-grid h2.headline {
        width: 80%;
    }
}

.social-grid {
    -webkit-box-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr;
    height: 100%;
    grid-gap: 1.2500rem;
}

.social-grid-item .text,
.social-grid-item .social-media-post-link {
    width: 100%;
    font-size: 1.3333333333rem;
    font-weight: 400;
    line-height: 1.5555555556;
    text-align: center;
    align-self: center;
    padding: 1rem;
    margin-top: 1rem;
    color: #fff;
}

.social-grid-item .social-media-post-link {
    margin-top: initial;
    height: 100%;
}

.social-grid-item .social-media-post-link:focus-visible {
    outline: 0.1875rem solid #005ac2;
    outline-offset: 0.1875rem;
}

.social-grid-item.news .social-media-post-link span {
    padding-top: 3.4375rem;
    display: inline-block;
}

.social-media-wall-more-wrapper {
    margin: 1.2500rem auto 0;
    width: 72.91%;
}



@media screen and (max-width: 120.0000rem) {
    .social-media-wall-more-wrapper {
        width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    }
}


.social-media-wall-more-wrapper a {
    color: #005ca2;
}

@media screen and (max-width: 87.5000rem) {
    .social-grid-item .text,
    .social-grid-item .social-media-post-link {
        font-size: 1.22rem;
        line-height: 1.44;
    }
}

@media screen and (max-width: 81.2500rem) {
    .social-grid {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns:1fr 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows:auto;
    }

    .social-grid-item {
        height: calc(((45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120))) - 2.5000rem) / 3);
    }

    .social-grid-item .text,
    .social-grid-item .social-media-post-link {
        font-size: 1.33rem;
        line-height: 1.55;
    }

    .pageelement-social-grid .social-grid-item:nth-child(7),
    .pageelement-social-grid .social-grid-item:nth-child(8) {
        display: none;
    }
}

@media screen and (max-width: 62.5000rem) {
    .social-grid-item .text,
    .social-grid-item .social-media-post-link {
        font-size: 1.22rem;
        line-height: 1.33;
    }
}

@media screen and (max-width: 50.0000rem) {
    .social-grid {
        -webkit-box-align: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr;
    }

    .social-grid-item {
        height: calc((80vw - 1.2500rem) / 2);
    }

    .social-grid-item .text,
    .social-grid-item .social-media-post-link {
        font-size: 1.33rem;
        line-height: 1.44;
    }

    .social-media-wall-more-wrapper {
        width: 80%;
    }

    .pageelement-social-grid .social-grid-item:nth-child(5),
    .pageelement-social-grid .social-grid-item:nth-child(6) {
        display: none;
    }
}

@media screen and (max-width: 40.6250rem) {
    .social-grid-item .text,
    .social-grid-item .social-media-post-link {
        font-size: 1.11rem;
        line-height: 1.11;
    }
}

@media screen and (max-width: 30.0000rem) {
    .social-grid-item .text,
    .social-grid-item .social-media-post-link {
        font-size: 1rem;
        line-height: 1.25;
    }
}

@media screen and (max-width: 28.1250rem) {
    .social-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
    }

    .social-grid-item {
        height: 80vw;
    }

    .social-grid-item .text,
    .social-grid-item .social-media-post-link {
        font-size: 1.33rem;
        line-height: 1.44;
    }

    .pageelement-social-grid .social-grid-item:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width: 23.7500rem) {
    .social-grid-item .text,
    .social-grid-item .social-media-post-link {
        font-size: 1.22rem;
        line-height: 1.33;
    }
}

.social-grid-item .image {
    width: 100%;
    height: auto;
    position: relative !important;
}

.social-grid-item .icon {
    position: absolute;
    z-index: 10000;
    top: 5%;
    left: 6%;
    width: 16%;
    height: auto;
}

.pageelement-footer-targetgroups {
    margin-bottom: 5rem;
}

.target-header {
    margin: 1.25rem auto;
    background-color: #005ca2;
    color: #fff;
    width: 72.91%;
    position: relative;
    z-index: 2;
    padding: 1rem 3rem;
    min-height: 3.0000rem;
}

.target-header h2 {
    margin-bottom: 0;
}

.target-header p {
    color: #fff;
}

@media screen and (max-width: 120.0000rem) {
    .target-header {
        width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    }
}

@media screen and (max-width: 50.0000rem) {
    .target-header {
        width: 80%;
    }
}

@media screen and (max-width: 32.5000rem) {
    .target-header {
        width: 80%;
    }
}

@media screen and (max-width: 32.5000rem) {
    .target-header {
        padding: 1.5rem 2rem;
    }

    .target-header h2 {
        font-size: 1.3750rem;
    }
}

.target-header h2 {
    line-height: normal !important;
}

@media screen and (min-width: 32.5000rem) and (max-width: 36.2500rem) {
    .target-header h2 {
        font-size: 1.66rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .target-header h2 {
        font-size: 1.3rem;
    }
}

.target-grid {
    width: 72.91%;
    position: relative;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-align: end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr;
    height: 100%;
    grid-gap: 1.2500rem;
}

.target-grid a:focus-visible {
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

@media screen and (max-width: 120.0000rem) {
    .target-grid {
        width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    }
}

@media screen and (max-width: 50.0000rem) {
    .target-grid {
        width: 80%;
    }
}

@media screen and (max-width: 32.5000rem) {
    .target-grid {
        width: 80%;
    }
}

@media screen and (max-width: 50.0000rem) {
    .target-grid {
        -webkit-box-align: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-grid-columns: 1fr;
        -ms-grid-rows: auto;
        grid-template-columns:1fr;
        grid-template-rows:auto;
    }
}

.target-grid-item {
    background-color: #005ca2;
    color: #fff;
}

.target-grid-item p {
    color: #fff;
}

.target-grid-item .image::after {
    content: ' ';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: -0.1250rem;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/_images/elements/bogen-footer-targetgroups-blau.png);
    background-position: bottom;
}

.target-grid-item {
    position: relative;
    display: inline-flex;
    width: 100%;
    align-items: flex-start;
    height: auto;
    transition: all .25s;
}

.target-grid-item .label {
    position: absolute;
    bottom: .5rem;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    -webkit-box-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    align-content: center;
    -webkit-align-content: center;
    font-size: 1.4444444444rem;
    font-weight: 400;
}

@media screen and (max-width: 87.5000rem) {
    .target-grid-item .label {
        font-size: 1.2222222222rem;
        line-height: 1.3636363636;
    }
}

@media screen and (max-width: 73.7500rem) {
    .target-grid-item .label {
        font-size: 1.1111111111rem;
        line-height: 1.4;
    }
}

@media screen and (max-width: 64.0000rem) {
    .target-grid-item .label {
        font-size: 1rem;
        line-height: 1.5555555556;
        bottom: .2rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    .target-grid-item .label {
        font-size: 1.4444444444rem;
        line-height: 1.3846153846;
        bottom: 1.2rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .target-grid-item .label {
        font-size: 1.375rem;
        line-height: 1.3636363636;
        bottom: .6rem;
    }
}

.pageelement-footer-targetgroups .target-grid-item:hover {
    color: #005CA2;
}

.pageelement-footer-targetgroups .target-grid-item:hover .image::after {
    background-image: url(/_images/elements/bogen-footer-targetgroups-weiss.png);
}

/*background image preload*/
.pageelement-footer-targetgroups::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1; /* hide images */
    content: url(/_images/elements/bogen-footer-targetgroups-weiss.png); /* load images */
}

.pageelement-offer-list {
    color: #005ca2;
    margin-bottom: calc(5rem - 2.5000rem);
}

.pageelement-offer-list.margintop {
    margin-top: 3rem;
}

.pageelement-offer-list.no-price p.price {
    display: none;
}

.pageelement-offer-list.no-price .offer-content {
    margin-bottom: auto !important;
}

.pageelement-offer-list.no-price h1 {
    padding-bottom: 2rem !important;
}

.pageelement-offer-list .offer-list-items:first-child .offer-list-element {
    border-top: 0.1250rem solid #A2C614;
}

@media screen and (max-width: 80.0000rem) {
    .pageelement-offer-list.no-price h1 {
        padding-bottom: 1rem !important;
    }
}

.pageelement-offer-list.no-price p {
    padding-bottom: 1rem !important;
}

@media screen and (max-width: 73.7500rem) {
    .pageelement-offer-list.no-price p {
        padding-bottom: .5rem !important;
    }
}

@media screen and (max-width: 73.7500rem) {
    .pageelement-offer-list.no-price p {
        padding-bottom: .2rem !important;
    }
}

.offer-list-header {
    border-bottom: 0.1250rem solid #A2C614;
    padding-bottom: 2.5000rem !important;
}

.offer-list-element {
    border-bottom: 0.1250rem solid #A2C614;
    padding-top: 1.2500rem !important;
    padding-bottom: 1.2500rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

@media screen and (max-width: 50.0000rem) {
    .offer-list-element {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        flex-flow: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        height: 100%;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        flex-flow: column;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
}

.offer-list-content {
    padding-top: 2.5000rem !important;
    padding-bottom: 2.5000rem !important;
}

.offer-list-button {
    background-color: #A2C614;
    color: #2b2b2b;
}

a:has(.offer-list-button):focus-visible {
    outline: none;
}

.offer-list-button p {
    color: #fff;
}

.offer-image {
    padding-right: 2.5000rem !important;
}

@media screen and (max-width: 50.0000rem) {
    .offer-image {
        padding-right: 0 !important;
    }
}

.offer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    height: auto !important;
}

@media screen and (max-width: 50.0000rem) {
    .offer-content {
        padding-top: 1.2500rem;
    }
}

.offer-content .text {
    padding-bottom: 1rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
}

.offer-content .text .heading {
    font-size: 1.78rem;
    line-height: 1.34;
    font-weight: 400;
    padding-bottom: 1rem !important;
}

.offer-content .text .termine {
    margin-top: 1rem;
    line-height: 1.5rem;
}

@media screen and (max-width: 64.0000rem) {
    .offer-content .text .heading {
        font-size: 1.64rem;
        line-height: 1.32;
    }
}

@media screen and (max-width: 50.0000rem) {
    .offer-content .text .heading {
        font-size: 1.78rem;
        line-height: 1.34;
    }
}

@media screen and (max-width: 32.5000rem) {
    .offer-content .text .heading {
        font-size: 1.58rem;
        line-height: 1.3;
    }
}

.offer-content .text .price {
    color: #A2C614;
}

.offer-button {
    background-color: #A2C614;
    color: #2b2b2b;
}

.offer-button p {
    color: #fff;
}

.offer-image .image img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.offer-image .image img {
    height: 16.6875rem;
}

@media screen and (max-width: 120.0000rem) {
    .offer-image .image img {
        height: calc(14.2500rem + 39 * ((100vw - 64.0000rem) / 896));
    }
}

@media screen and (max-width: 64.0000rem) {
    .offer-image .image img {
        height: 14.2500rem;
    }
}

@media screen and (max-width: 64.0000rem) {
    .offer-image .image img {
        height: auto;
        min-height: 12.5000rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    .offer-image .image img {
        height: auto;
        min-height: unset;
    }
}

.pageelement-offer-list .state.free::after,
.pageelement-offer-detail .state.free::after {
    content: url(/_images/states/available.svg);
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 0.5rem;
    transform: translateY(0.175rem);
}

.pageelement-offer-list .state.partly-free::after,
.pageelement-offer-detail .state.partly-free::after {
    content: url(/_images/states/partly_available.svg);
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 0.5rem;
    transform: translateY(0.175rem);
}

.pageelement-offer-list .state.waitlist::after,
.pageelement-offer-detail .state.waitlist::after {
    content: url(/_images/states/unavailable.svg);
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 0.5rem;
    transform: translateY(0.175rem);
}

.pageelement-news-list {
    color: #005ca2;
    margin-bottom: calc(5rem - 2.5000rem);
}

.pageelement-news-list.margintop {
    margin-top: 3rem;
}

.pageelement-news-list .news-list-items:first-child .news-list-element {
    border-top: 0.1250rem solid #005CA2;
}

.pageelement-news-list.no-price p.price {
    display: none;
}

.pageelement-news-list.no-price .offer-content {
    margin-bottom: auto !important;
}

.pageelement-news-list.no-price h1 {
    padding-bottom: 2rem !important;
}

@media screen and (max-width: 80.0000rem) {
    .pageelement-news-list.no-price h1 {
        padding-bottom: 1rem !important;
    }
}

.pageelement-news-list.no-price p {
    padding-bottom: 1rem !important;
}

@media screen and (max-width: 73.7500rem) {
    .pageelement-news-list.no-price p {
        padding-bottom: .5rem !important;
    }
}

@media screen and (max-width: 73.7500rem) {
    .pageelement-news-list.no-price p {
        padding-bottom: .2rem !important;
    }
}

.news-list-header {
    border-bottom: 0.1250rem solid #005ca2;
    padding-bottom: 2.5000rem !important;
}

.news-list-element {
    border-bottom: 0.1250rem solid #005ca2;
    padding-top: 1.2500rem !important;
    padding-bottom: 1.2500rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

@media screen and (max-width: 50.0000rem) {
    .news-list-element {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        flex-flow: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        height: 100%;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        flex-flow: column;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
}

.news-list-content {
    padding-top: 2.5000rem !important;
    padding-bottom: 2.5000rem !important;
}

.news-list-button {
    background-color: #005CA2;
    color: #fff;
}

.news-list-button p {
    color: #fff;
}

.news-image {
    padding-right: 2.5000rem !important;
}

@media screen and (max-width: 50.0000rem) {
    .news-image {
        padding-right: 0 !important;
    }
}

.news-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    height: auto !important;
}

@media screen and (max-width: 50.0000rem) {
    .news-content {
        padding-top: 1.2500rem;
    }
}

.news-content .text {
    padding-bottom: 1rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
}

.news-content .text .heading {
    font-size: 1.78rem;
    line-height: 1.34;
    font-weight: 400;
    padding-bottom: 1rem !important;
}

@media screen and (max-width: 64.0000rem) {
    .news-content .text .heading {
        font-size: 1.64rem;
        line-height: 1.32;
    }
}

@media screen and (max-width: 50.0000rem) {
    .news-content .text .heading {
        font-size: 1.78rem;
        line-height: 1.34;
    }
}

@media screen and (max-width: 32.5000rem) {
    .news-content .text .heading {
        font-size: 1.58rem;
        line-height: 1.3;
    }
}

.news-button {
    background-color: #005CA2;
    color: #fff;
}

.news-button p {
    color: #fff;
}

.news-image .image img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.news-image .image img {
    height: 16.6875rem;
}

@media screen and (max-width: 120.0000rem) {
    .news-image .image img {
        height: calc(14.2500rem + 39 * ((100vw - 64.0000rem) / 896));
    }
}

@media screen and (max-width: 64.0000rem) {
    .news-image .image img {
        height: 14.2500rem;
    }
}

@media screen and (max-width: 64.0000rem) {
    .news-image .image img {
        height: auto;
        min-height: 12.5000rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    .news-image .image img {
        height: auto;
        min-height: unset;
    }
}

.contentbox-content .content h1,
.offer-content h1,
.offer-detail-content .detail-items .item h1,
.overviewitem-large .content h1,
.room-detail-text h1 {
    font-size: 1.78rem;
    line-height: 1.34;
    font-weight: 400;
    padding: 0;
    margin: 0;
}

.contentbox-content .content h2,
.offer-content h2,
.offer-detail-content .detail-items .item h2,
.overviewitem-large .content h2,
.room-detail-text h2 {
    font-size: 1.9444444444rem;
    line-height: 1.4583333333;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
}

.offer-detail-content .detail-items .item p,
.room-detail-text p {
    margin-bottom: 0.2500rem;
}

.contentbox-content .content img,
.offer-content img,
.offer-detail-content .detail-items .item img,
.overviewitem-large .content img,
.room-detail-text img {
    width: 100%;
    height: auto;
}

.contentbox-content .content .price,
.offer-content .price,
.offer-detail-content .detail-items .item .price,
.overviewitem-large .content .price,
.room-detail-text .price {
    padding-top: 0;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
}

.contentbox-content .content .image img,
.offer-content .image img,
.offer-detail-content .detail-items .item .image img,
.overviewitem-large .content .image img,
.room-detail-text .image img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    min-height: 14.1250rem;
}

.contentbox-content .content .image img,
.offer-content .image img,
.offer-detail-content .detail-items .item .image img,
.overviewitem-large .content .image img,
.room-detail-text .image img {
    height: 14.2500rem;
}

@media screen and (max-width: 120.0000rem) {
    .contentbox-content .content .image img,
    .offer-content .image img,
    .offer-detail-content .detail-items .item .image img,
    .overviewitem-large .content .image img,
    .room-detail-text .image img {
        height: calc(16.6875rem + -39 * ((100vw - 64.0000rem) / 896));
    }
}

@media screen and (max-width: 64.0000rem) {
    .contentbox-content .content .image img,
    .offer-content .image img,
    .offer-detail-content .detail-items .item .image img,
    .overviewitem-large .content .image img,
    .room-detail-text .image img {
        height: 16.6875rem;
    }
}

.offer-detail-container {
    padding-top: 4rem !important;
    padding-bottom: 1rem !important;
    border-top: 0.1250rem solid #A2C614;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    height: 100%;
    grid-gap: 1.2500rem;
}

.offer-detail-content h2,
.offer-detail-content h5 {
    color: #2B2B2B;
}

.news-detail-container {
    padding-top: 4rem !important;
    padding-bottom: 1rem !important;
    border-top: 0.1250rem solid #005ca2;
    border-bottom: 0.1250rem solid #005ca2;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    height: 100%;
    grid-gap: 1.2500rem;
}


@media screen and (max-width: 50.0000rem) {
    .offer-detail-container {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: 1fr 1fr;
        grid-template-columns:1fr;
        grid-template-rows:1fr auto;
    }

    .offer-detail-container :first-child {
        grid-row: 1;
        -ms-grid-row: 1;
    }

    .news-detail-container {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: 1fr 1fr;
        grid-template-columns:1fr;
        grid-template-rows:1fr auto;
    }

    .news-detail-container :first-child {
        grid-row: 1;
        -ms-grid-row: 1;
    }
}


@media screen and (min-width: 50.0000rem) {
    .offer-detail-container {
        border-bottom: 0.1250rem solid #A2C614;
    }

    .news-detail-container {
        border-bottom: 0.1250rem solid #005ca2;
    }
}

@media screen and (max-width: 50.0000rem) {
    .offer-detail-container {
        padding-bottom: 0 !important;
    }

    .news-detail-container {
        padding-bottom: 0 !important;
    }
}

.offer-detail-text {
    padding-right: 1.22rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

@media screen and (max-width: 32.5000rem) {
    .offer-detail-text {
        padding-right: 0 !important;
    }
}

.offer-detail-text .headline {
    color: #005ca2;
    margin-bottom: 1.25rem;
}

.offer-detail-text .sub-headline {
    color: #005ca2;
    margin-bottom: 1.25rem;
}

.offer-detail-text .text {
    margin-top: 1.25rem;
    margin-bottom: 3.75rem;
    color: #2B2B2B;
}

.offer-detail-text .text a {
    color: inherit;
}

@media screen and (max-width: 50.0000rem) {
    .offer-detail-text .text {
        margin-bottom: 2.5rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .offer-detail-text .text {
        margin-bottom: 1.25rem;
    }
}

.news-detail-text {
    padding-right: 1.22rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

@media screen and (max-width: 32.5000rem) {
    .news-detail-text {
        padding-right: 0 !important;
    }
}

.news-detail-text .headline {
    color: #005ca2;
    margin-bottom: 1.25rem;
}

.news-detail-text .sub-headline {
    color: #005ca2;
    margin-bottom: 1.25rem;
}

.news-detail-text .text {
    margin-top: 1.25rem;
    margin-bottom: 3.75rem;
    color: #2B2B2B;
}

@media screen and (max-width: 50.0000rem) {
    .news-detail-text .text {
        margin-bottom: 2.5rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .news-detail-text .text {
        margin-bottom: 1.25rem;
    }
}

.offer-detail-content {
    padding-left: 1.22rem !important;
}

@media screen and (max-width: 50.0000rem) {
    .offer-detail-content {
        padding-left: 0 !important;
    }
}

.offer-detail-content .image {
    padding-bottom: 1.8750rem !important;
    color: #fff;
    background-color: #fbb900;
    height: auto;
}

.offer-detail-content .image:hover {
    cursor: pointer;
}

.offer-detail-content .image p {
    color: #fff;
}

@media screen and (max-width: 32.5000rem) {
    .offer-detail-content .image {
        padding: 0 !important;
    }
}

.offer-detail-content .image img {
    height: 21.2500rem;
    object-fit: cover;
}

@media screen and (max-width: 120.0000rem) {
    .offer-detail-content .image img {
        height: calc(12.5000rem + 140 * ((100vw - 64.0000rem) / 896));
    }
}

@media screen and (max-width: 64.0000rem) {
    .offer-detail-content .image img {
        height: 12.5000rem;
    }
}

@media screen and (max-width: 64.0000rem) {
    .offer-detail-content .image img {
        height: auto !important;
    }
}

@media screen and (min-width: 50.0625rem) {
    .offer-detail-content .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0.6250rem;
        background-image: url(/_images/elements/bogen-yellow-bottom.png);
        background-position: bottom;
    }
}

@media screen and (min-width: 32.5625rem) {
    .offer-detail-content .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        left: 0;
        bottom: -.2em;
        background-image: url(/_images/elements/bogen-green-bottom.png);
        background-position: bottom;
    }
}

.offer-detail-content .header {
    margin-top: 5rem;
    margin-bottom: 1.25rem;
    color: #A2C614;
    border-color: #A2C614;
}

@media screen and (max-width: 50.0000rem) {
    .offer-detail-content .header {
        margin-top: 3.75rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .offer-detail-content .header {
        margin-top: 2.5rem;
    }
}

.offer-detail-content .detail-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-columns:1fr;
    grid-template-rows:auto;
    grid-gap: 1.2500rem;
    justify-content: left;
    align-items: start;
    height: auto;
}

.offer-detail-content .detail-items .item {
    border-bottom: 0.1250rem solid #A2C614;
    padding-top: 0.6250rem !important;
    padding-bottom: 1.2500rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    height: auto;
}

.offer-detail-content .detail-items .item:last-child,
.news-detail-content .detail-items .item:last-child {
    border-bottom: none;
}

.offer-detail-content .detail-items .item .button {
    margin-top: 0.2500rem;
    color: #2B2B2B;
    background-color: #fbb900;
}

.offer-detail-content .detail-items .button-preise {
    margin-top: 0.2500rem;
    color: #2B2B2B;
    background-color: #A2C614;
}

.offer-detail-content .detail-items .item .button p {
    color: #fff;
}

.offer-detail-bottom {
    margin-top: 2.5rem;
    margin-bottom: 5rem;
    padding-top: 2rem !important;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.offer-detail-button {
    background-color: #A2C614;
    color: #2b2b2b;
}

.offer-detail-button p {
    color: #2b2b2b;
}

.pageelement-offer-detail .waitlist-info {
    margin: 1.5rem 0 !important;
}

@media screen and (max-width: 50.0000rem) {
    .news-detail-content {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: 1fr 1fr;
        grid-template-columns:1fr;
        grid-template-rows:1fr auto;
    }

    .news-detail-content :first-child {
        grid-row: 1;
        -ms-grid-row: 1;
    }
}

@media screen and (max-width: 50.0000rem) {
    .news-detail-content {
        padding-bottom: 0 !important;
    }
}

.news-detail-content {
    padding-right: 1.22rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: auto;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.news-detail-content .image:focus-visible,
.news-detail-content .image:hover {
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

@media screen and (max-width: 32.5000rem) {
    .news-detail-content {
        padding-right: 0 !important;
    }
}

.news-detail-content .headline {
    color: #005ca2;
    margin-bottom: 1.25rem;
}

.news-detail-content .sub-headline {
    color: #005ca2;
    margin-bottom: 1.25rem;
}

.news-detail-content .text {
    margin-top: 1.25rem;
    margin-bottom: 3.75rem;
    color: #2B2B2B;
}

@media screen and (max-width: 50.0000rem) {
    .news-detail-content .text {
        margin-bottom: 2.5rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .news-detail-content .text {
        margin-bottom: 1.25rem;
    }
}

.news-detail-content .list {
    color: #2B2B2B;
}

.news-detail-content .list li {
    margin-left: 1.2em;
    list-style-type: disc;
    list-style-position: outside;
    padding-top: 0.3750rem;
}

.news-detail-content li li {
    color: #2B2B2B;
    padding-top: 0.2500rem;
    padding-left: 2rem !important;
}

.news-detail-content li li {
    margin-left: .5em;
    list-style-type: disc;
    list-style-position: outside;
    padding-left: .25em;
    padding-top: 0.3750rem;
}

@media screen and (max-width: 50.0000rem) {
    .news-detail-content li li {
        padding-left: 1rem !important;
    }
}

.news-detail-content {
    padding-left: 1.22rem !important;
}

@media screen and (max-width: 50.0000rem) {
    .news-detail-content {
        padding-left: 0 !important;
    }
}

.news-detail-content .image {
    margin-bottom: 2.5000rem !important;
    color: #fff;
    height: auto;
    border: none;
    background: none;
}

.news-detail-content .image:hover {
    cursor: pointer;
}

.news-detail-content .image p {
    color: #fff;
}

.news-detail-content .image img {
    height: 21.2500rem;
    object-fit: cover;
}

@media screen and (max-width: 120.0000rem) {
    .news-detail-content .image img {
        height: calc(12.5000rem + 140 * ((100vw - 64.0000rem) / 896));
    }
}

@media screen and (max-width: 64.0000rem) {
    .news-detail-content .image img {
        height: 12.5000rem;
    }
}

@media screen and (max-width: 64.0000rem) {
    .news-detail-content .image img {
        height: auto !important;
    }
}


.news-detail-content .header {
    margin-top: 5rem;
    margin-bottom: 1.25rem;
    color: #005ca2;
}

@media screen and (max-width: 50.0000rem) {
    .news-detail-content .header {
        margin-top: 3.75rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .news-detail-content .header {
        margin-top: 2.5rem;
    }
}

.news-detail-content .detail-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-columns:1fr;
    grid-template-rows:auto;
    justify-content: left;
    align-items: start;
    height: auto;
}

.news-detail-content .detail-items .item {
    padding-top: 0.6250rem !important;
    padding-bottom: 1.2500rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    height: auto;
}

.news-detail-content .detail-items .item .button {
    margin-top: 0.2500rem;
    color: #ffffff;
    background-color: #005CA2;
}

.news-detail-content .detail-items .item .button:before {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-weight: 900;
    content: '\f56d';
    font-size: 1.5000rem;
    margin-right: 0.9375rem;
    width: auto;
}

.news-detail-container .texteditor a {
    color: inherit;
}

.news-detail-bottom {
    margin-top: 2.5rem;
    margin-bottom: 5rem;
    padding-top: 2rem !important;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.news-detail-button {
    background-color: #005ca2;
    color: #fff;
}

.news-detail-button p {
    color: #fff;
}

.pageelement-room-detail {
    margin-bottom: 5rem;
}

.pageelement-room-detail.theme-blue .room-detail-image .image img {
    height: auto;
}

.pageelement-room-detail.theme-blue .room-detail-image .image::after {
    content: ' ';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 101%;
    height: 100%;
    left: -0.0625rem;
    bottom: -0.1875rem;
    background-image: url(/_images/elements/zimmer-bogen-blau.svg);
    background-position: bottom;
}

.pageelement-room-detail.theme-blue .icon-box {
    background-color: #fff;
    color: #005ca2;
}

.pageelement-room-detail.theme-yellow .room-detail-image .image img {
    height: auto;
}

.pageelement-room-detail.theme-yellow .room-detail-image .image::after {
    content: ' ';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 101%;
    height: 100%;
    left: -0.0625rem;
    bottom: -0.1875rem;
    background-image: url(/_images/elements/zimmer-bogen-gelb.svg);
    background-position: bottom;
}

.pageelement-room-detail.theme-yellow .icon-box {
    background-color: #2b2b2b;
    color: #fbb900;
}

.pageelement-room-detail.theme-yellow .room-detail-overlay .icons .icon {
    filter: var(--filter-to-black);
}

.room-detail {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.room-detail-content {
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: 1fr auto;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    height: 100%;
    grid-gap: 2.5000rem;
}

.room-detail-content :first-child {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 1/span 2;
}

@media screen and (max-width: 50.0000rem) {
    .room-detail-content {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: auto;
        grid-template-columns:1fr;
        grid-template-rows:auto;
    }
}

@media screen and (max-width: 50.0000rem) {
    .room-detail-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        flex-flow: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        height: 100%;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        flex-flow: column;
        align-items: flex-start;
        -webkit-align-items: flex-start;
    }
}

.room-detail-images {
    border-bottom: 0.1250rem solid #005ca2;
    padding-bottom: 1.8750rem !important;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-gap: 1.2500rem;
    height: 100%;
}

.pageelement-room-detail .image:hover {
    cursor: pointer;
}

@media screen and (max-width: 32.5000rem) {
    .room-detail-images {
        grid-gap: 0.2500rem;
    }
}

.room-detail-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    justify-items: flex-start;
}

.room-detail-text li {
    margin-left: 1.2em;
    list-style-type: disc;
    list-style-position: outside;
    padding-top: 0.3750rem;

}

.room-detail-text .headline {
    color: #005ca2;
    margin-bottom: 1.25rem;
}

.room-detail-text .text {
    color: #2B2B2B;
    margin-bottom: 5rem;
}

.room-detail-text h5 {
    color: #005ca2;
    padding-bottom: 2rem !important;
}

.room-detail-text p {
    padding-bottom: 2rem !important;
    color: #2B2B2B;
}

.room-detail-text .button {
    color: #fff;
    background-color: #fbb900;
}

.room-detail-text .button p {
    color: #fff;
}

.room-detail-image {
    background-color: #005ca2;
    color: #fff;
    cursor: pointer;
    border: none;
}

.room-detail-image:focus-visible {
    outline: 0.1875rem #005ca2 solid;
    outline-offset: 0.1875rem;
}

.room-detail-image p {
    color: #fff;
}

.room-detail-image .image {
    overflow: hidden;
}

.room-detail-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    color: #fff;
    background-color: transparent;
    position: absolute;
    overflow: hidden;
    z-index: 10000;
    bottom: .8rem;
    right: .8rem;
    width: 7.2222222222rem;
    height: 4.1666666667rem;
}

.room-detail-overlay p {
    color: #fff;
}


.pageelement-room-detail.theme-green .room-detail-overlay,
.pageelement-room-detail.theme-green .room-detail-overlay p,
.pageelement-room-detail.theme-yellow .room-detail-overlay,
.pageelement-room-detail.theme-yellow .room-detail-overlay p {
    color: #2b2b2b;
}

@media screen and (max-width: 80.0000rem) {
    .room-detail-overlay {
        bottom: 0.2500rem;
        right: 1rem;
    }
}

@media screen and (max-width: 64.0000rem) {
    .room-detail-overlay {
        bottom: 0.2500rem;
        right: .5rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    .room-detail-overlay {
        bottom: .4rem;
        right: 1rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .room-detail-overlay {
        bottom: 0;
        right: .6rem;
    }
}

@media screen and (max-width: 30.0000rem) {
    .room-detail-overlay {
        bottom: -0.2500rem;
        right: .6rem;
    }
}

.room-detail-overlay .icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    flex-flow: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    height: auto;
    margin-left: 0.2500rem;
    margin-right: 0.2500rem;
    margin-bottom: 0.1250rem;
}

@media screen and (max-width: 32.5000rem) {
    .room-detail-overlay .icons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-flow: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        align-content: flex-start;
        -ms-flex-align: start;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        flex-flow: row;
        flex-direction: row;
        -webkit-flex-direction: row;
        -webkit-box-align: end;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        height: auto;
        margin-right: 0.1250rem;
    }
}

.room-detail-overlay .icons .icon {
    margin-right: 1.25rem;
    width: 2.5000rem;
    height: 2.5000rem;
}

@media screen and (max-width: 32.5000rem) {
    .room-detail-overlay .icons .icon {
        width: 1.8750rem;
        height: 1.8750rem;
    }

    .room-detail-overlay .icons .icon img {
        width: 1.8750rem;
        height: 1.8750rem;
        margin-left: 0.3750rem;
    }
}

@media screen and (max-width: 32.5000rem) and (max-width: 22.5000rem) {
    .room-detail-overlay .icons .icon img {
        margin-left: 1.1250rem;
    }
}

@media screen and (max-width: 20.0000rem) {
    .room-detail-overlay .icons .icon img {
        width: 1.6875rem;
        height: 1.6875rem;
        margin-top: 0.3125rem;
        margin-left: 1.3750rem;
    }
}

.room-detail-overlay .icons .icon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    justify-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 2.9444444444rem;
    height: 2.5rem;
    font-size: 1.2777777778rem;
    line-height: 1.3888888889;
    font-weight: 900;
    text-align: center;
}

@media screen and (max-width: 32.5000rem) {
    .room-detail-overlay .icons .icon-box {
        width: 2.1250rem !important;
        height: 1.7500rem !important;
        font-size: 1rem;
        line-height: 1.2500rem;
    }
}

@media screen and (max-width: 24.3750rem) {
    .room-detail-overlay .icons .icon-box {
        display: none;
    }
}

.room-detail-overlay .label {
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    font-size: 1rem;
}

.pageelement-overviewitem-large.theme-green .overviewitem-large {
    background-color: #a2c614;
}

.pageelement-overviewitem-large.theme-green .overviewitem-large .content .button {
    color: #2b2b2b;
}

.pageelement-overviewitem-large.theme-blue .overviewitem-large {
    background-color: #005ca2;
}

.pageelement-overviewitem-large.theme-blue .overviewitem-large .content .button {
    color: #005ca2;
}

.pageelement-overviewitem-large.theme-yellow .overviewitem-large {
    background-color: #fbb900;
}

.pageelement-overviewitem-large.theme-yellow .overviewitem-large .content .button {
    color: #2b2b2b;
}

.overviewitem-large {
    margin-bottom: 1.5rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    flex-flow: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.pageelement-overviewitem-large .overviewitem-large .content > a {
    margin-top: 0.9375rem;
}


.theme-green .overviewitem-large,
.theme-yellow .overviewitem-large {
    color: #2b2b2b;
}

@media screen and (max-width: 50.0000rem) {
    .overviewitem-large {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        flex-flow: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        height: 100%;
        -webkit-box-orient: vertical;
        flex-flow: column;
        flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
}

.overviewitem-large .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 4rem 2.44rem 4rem 4.88rem !important;
    height: fit-content;
    overflow: visible;
}

.overviewitem-large .content .text li {
    margin-left: 1.2em;
    list-style-position: outside;
    padding-top: 0.3750rem;
}


@media screen and (max-width: 112.5000rem) {
    .overviewitem-large .content {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media screen and (max-width: 80.0000rem) {
    .overviewitem-large .content {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }
}

@media screen and (max-width: 64.0000rem) {
    .overviewitem-large .content {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

@media screen and (max-width: 50.0000rem) {
    .overviewitem-large .content {
        padding: 0 2.44rem 2.5000rem !important;
        height: auto !important;
    }

    .overviewitem-large .image {
        width: 100%;
        height: 100%;
    }
}

.overviewitem-large .content .text .handwriting {
    padding-bottom: 2rem !important;
}

@media screen and (max-width: 112.5000rem) {
    .overviewitem-large .content .text .handwriting {
        padding-bottom: 1rem !important;
    }
}

@media screen and (max-width: 60.0000rem) {
    .overviewitem-large .content .text .handwriting {
        font-size: 1.27rem;
        padding-bottom: .5rem !important;
    }
}

@media screen and (max-width: 50.0000rem) {
    .overviewitem-large .content .text .handwriting {
        font-size: 1.4rem;
    }
}

.overviewitem-large .content .text h2 {
    padding-bottom: 2rem !important;
}

.overviewitem-large .content .text a {
    color: inherit;
    text-decoration: underline;
}

.overviewitem-large .content .text a:hover {
    text-decoration-thickness: 0.125rem;
}

@media screen and (max-width: 112.5000rem) {
    .overviewitem-large .content .text h2 {
        padding-bottom: 2rem !important;
    }
}

@media screen and (max-width: 92.5000rem) {
    .overviewitem-large .content .text h2 {
        padding-bottom: 1rem !important;
    }
}

@media screen and (max-width: 68.7500rem) {
    .overviewitem-large .content .text h2 {
        padding-bottom: .5rem !important;
    }
}

@media screen and (max-width: 60.0000rem) {
    .overviewitem-large .content .text h2 {
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 50.0000rem) {
    .overviewitem-large .content .text h2 {
        padding: 0 0 1.2500rem 0 !important;
    }
}

@media screen and (max-width: 80.0000rem) {
    .overviewitem-large .content .text h2 {
        width: 100%;
        font-size: 1.5000rem;
        line-height: 1.3333333333;
    }
}

@media screen and (max-width: 60.0000rem) {
    .overviewitem-large .content .text h2 {
        width: 116%;
        font-size: 1.2500rem;
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 50.0000rem) {
    .overviewitem-large .content .text h2 {
        width: 100%;
        font-size: 1.7777777778rem;
    }
}

.overviewitem-large .content .button {
    min-width: fit-content;
    width: 100%;
    max-width: 100%;
    padding: .8rem .5rem;
    background-color: #fff;
}

@media screen and (max-width: 73.7500rem) {
    .overviewitem-large .content .button {
        height: 2rem;
        font-size: small;
    }
}

@media screen and (max-width: 50.0000rem) {
    .overviewitem-large .content .button {
        height: 3.1250rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .overviewitem-large .content .button {
        white-space: normal;
        min-width: auto !important;
        width: 100%;
        height: fit-content;
        max-width: 100%;
        padding: .8rem .5rem;
    }
}

.overviewitem-large .image img {
    height: 100%;
    object-fit: cover;
}

.overviewitem-large .image::after {
    content: ' ';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: left;
}

.pageelement-overviewitem-large.theme-green .overviewitem-large .image::after {
    background-image: url(/_images/elements/bogen-green-left.png);
}

.pageelement-overviewitem-large.theme-blue .overviewitem-large .image::after {
    background-image: url(/_images/elements/bogen-blue-left.png);
}

.pageelement-overviewitem-large.theme-yellow .overviewitem-large .image::after {
    background-image: url(/_images/elements/bogen-yellow-left.png);
}

@media screen and (max-width: 50.0000rem) {
    .overviewitem-large .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 101%;
        left: 0;
        bottom: -0.1875rem;
        background-position: bottom;
    }

    .pageelement-overviewitem-large.theme-green .overviewitem-large .image::after {
        background-image: url(/_images/elements/bogen-green-bottom.png);
    }

    .pageelement-overviewitem-large.theme-blue .overviewitem-large .image::after {
        background-image: url(/_images/elements/bogen-blue-bottom.png);
    }

    .pageelement-overviewitem-large.theme-yellow .overviewitem-large .image::after {
        background-image: url(/_images/elements/bogen-yellow-bottom.png);
    }
}

.pageelement-overviewitem-small {
    margin-bottom: 5rem;
}

.overviewitem-small-items {
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-items: center;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    height: 100%;
    grid-gap: 1.2500rem;
    column-gap: 2rem;
}

.overviewitem-small-items :nth-last-child(1):nth-child(odd) {
    grid-column: 1/span 2;
    width: 100%;
}

@media screen and (max-width: 50.0000rem) {
    .overviewitem-small-items {
        column-gap: 1rem;
    }
}

@media screen and (max-width: 42.5000rem) {
    .overviewitem-small-items {
        grid-auto-flow: row;
    }

    .overviewitem-small-items :nth-child(n) {
        grid-column: 1/span 2;
        max-width: 100%;
    }

    .overviewitem-small-items :nth-last-child(1):nth-child(odd) {
        max-width: 100%;
    }
}

@media screen and (min-width: 42.5000rem) {
    .overviewitem-small-item:nth-child(odd):last-child {
        max-width: 50%;
    }
}

.overviewitem-small-item .image {
    width: auto !important;
}

@media screen and (max-width: 42.5000rem) {
    .overviewitem-small-item .image img {
        max-width: 100% !important;
        max-height: none !important;
    }
}

.overviewitem-small-item .image::after {
    content: ' ';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -0.1250rem;
    background-image: url(/_images/elements/bogen-green-bottom.png);
    background-position: bottom;

}

.overviewitem-small-item:hover .image::after {
    content: ' ';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -0.1250rem;
    background-image: url(/_images/elements/bogen-weiss-overviewitem-small.png);
    background-position: bottom;
}

.overviewitem-small-item > a:focus-visible {
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

/*background image preload*/
.pageelement-overviewitem-small::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1; /* hide images */
    content: url(/_images/elements/bogen-weiss-overviewitem-small.png); /* load images */
}

@media screen and (max-width: 87.5000rem) {
    .overviewitem-small-item .label {
        font-size: 1.2222222222rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    .overviewitem-small-item .label {
        font-size: 1rem;
    }
}

@media screen and (max-width: 42.5000rem) {
    .overviewitem-small-item .label {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 23.7500rem) {
    .overviewitem-small-item .label {
        font-size: 1rem;
    }
}

.pageelement-text {
    margin-bottom: 5rem;
}

.pageelement-text.margin_bottom {
    margin-bottom: 0;
}


@media screen and (max-width: 32.5000rem) {
    .pageelement-text .text-container {
        padding-right: 1.2500rem !important;
    }
}

.pageelement-text .text-content .headline {
    /*    padding-bottom: 2rem !important;*/
    color: #005ca2;
}

.pageelement-text .text-content .heading {
    padding-bottom: 2rem !important;
    color: #2B2B2B;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
}

.pageelement-text .text-content li {
    color: #2B2B2B;
}

.pageelement-text .text-content li {
    margin-left: 1.7em;
    list-style-type: disc;
    list-style-position: outside;
    padding-top: 0.2500rem;
}

.pageelement-text .text-content ol li {
    list-style-type: decimal;
}

.pageelement-text .text-content a {
    color: inherit;
}

.pageelement-infobox {
    padding-bottom: 5rem;
}

.pageelement-infobox .text.texteditor a {
    color: inherit;
}

.pageelement-infobox .infobox-container {
    color: #fff;
    background-color: #a2c614;
    padding: 3rem 4.88rem 1rem !important;
}

.pageelement-infobox .infobox-container p {
    color: #fff;
}

.pageelement-infobox .infobox-container.bg-green,
.pageelement-infobox .infobox-container.bg-green p,
.pageelement-infobox .infobox-container.bg-yellow,
.pageelement-infobox .infobox-container.bg-yellow p {
    color: #2b2b2b;
}

.pageelement-infobox .infobox-container.bg-green .headline .icon img,
.pageelement-infobox .infobox-container.bg-yellow .headline .icon img {
    filter: var(--filter-to-black);
}

.pageelement-infobox .infobox-container.bg-green .mail {
    background-color: #fff;
    color: #2b2b2b;
}

.pageelement-infobox .infobox-container.bg-blue .mail {
    background-color: #fff;
    color: #005CA2;
}

.pageelement-infobox .infobox-container.bg-yellow .mail {
    background-color: #fff;
    color: #2b2b2b;
}

.pageelement-infobox .infobox-container .mail:focus-visible {
    outline: #fff 0.1875rem solid;
    outline-offset: 0.1875rem;
}

.pageelement-infobox .infobox-container.bg-green .infobox-items .item .icon,
.pageelement-infobox .infobox-container.bg-yellow .infobox-items .item .icon {
    filter: var(--filter-to-black);
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-infobox .infobox-container {
        padding-top: 3rem !important;
        padding-left: 2.44rem !important;
        padding-right: 2.44rem !important;
    }
}

.infobox-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.infobox-content .text {
    padding-top: .5rem !important;
}

.infobox-items {
    padding-bottom: 1rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    justify-content: space-evenly !important;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    justify-items: center;
    -webkit-justify-content: center;
}

.infobox-items {
    width: 100%;
    height: auto;
    text-align: left;
}

.infobox-items .item {
    display: inline-flex;
    width: fit-content;
    padding: 0.6250rem 0;
    height: auto;
}

.infobox-items .item .icon {
    width: 2.78rem;
    max-width: 3.1250rem;
    height: 100%;
    float: left;
}

.infobox-items .item .label {
    display: inline-block;
    height: 2.78rem;
    padding-left: 1rem;
    padding-top: .5em;
    padding-bottom: .5em;
    font-size: 1.2222222222rem;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
}

@media screen and (max-width: 87.5000rem) {
    .infobox-items .item .label {
        font-size: 1.1111111111rem;
    }
}

@media screen and (max-width: 75.0000rem) {
    .infobox-items .item .label {
        font-size: 1rem;
    }
}

@media screen and (max-width: 64.0000rem) {
    .infobox-items .item .label {
        font-size: .8888888889rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .infobox-items .item .icon {
        max-width: 1.8750rem;
    }

    .infobox-content .text {
        overflow-wrap: anywhere;
    }
}

.infobox-content {
    width: 100%;
    height: auto;
    text-align: left;
}

.infobox-content p {
    font-size: 1rem;
    line-height: 1.34;
    font-weight: 400;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media screen and (max-width: 80.0000rem) {
    .infobox-content p {
        font-size: .96rem;
        line-height: 1.4;
    }
}

@media screen and (max-width: 80.0000rem) {
    .infobox-content .text {
        padding-right: 0;
    }
}

.infobox-content .headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-flow: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-items: flex-start;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-content: center;
    -webkit-align-content: center;
    height: auto;
}

.infobox-content .headline h5 {
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    padding-left: 1rem;
    width: calc(100% - 1.4375rem);
}

@media screen and (max-width: 32.5000rem) {
    .infobox-content .headline h5 {
        padding-left: .8rem;
    }
}

.infobox-content .headline .icon {
    position: relative;
    width: 1.5000rem;
    height: 1.5000rem;
}

.infobox-content .headline .icon img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1.5000rem;
    max-width: 1.5000rem;
    height: 1.5000rem;
}

.pageelement-infobox-wide {
    margin-bottom: 5rem;
    background-color: #005ca2;
    color: #fff;
}

.pageelement-infobox-wide .text.texteditor a {
    color: inherit;
}

.pageelement-infobox-wide p {
    color: #fff;
}

.infobox-wide-container {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    background-color: #005ca2;
    color: #fff;
}

.infobox-wide-container.bg-yellow,
.infobox-wide-container.bg-green {
    color: #2b2b2b;
}

.infobox-wide-container p {
    color: #fff;
}

.infobox-wide-container.bg-yellow p,
.infobox-wide-container.bg-green p {
    color: #2b2b2b;
}

.infobox-wide-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.infobox-wide-button {
    background-color: #fff;
    margin-top: .625rem;
}

.infobox-wide-container.bg-green .infobox-wide-button {
    color: #2b2b2b;
}

.infobox-wide-container.bg-blue .infobox-wide-button {
    color: #005CA2;
}

.infobox-wide-container.bg-yellow .infobox-wide-button {
    color: #2b2b2b;
}

.infobox-wide-container.bg-green .infobox-wide-button:focus-visible,
.infobox-wide-container.bg-yellow .infobox-wide-button:focus-visible {
    outline: #2b2b2b 0.1875rem solid;
    outline-offset: 0.1875rem;
}

.infobox-wide-content {
    width: 100%;
    height: auto;
    text-align: left;
}

.infobox-wide-content p {
    font-size: 1rem;
    line-height: 1.34;
    font-weight: 400;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media screen and (max-width: 80.0000rem) {
    .infobox-wide-content p {
        font-size: .96rem;
        line-height: 1.4;
    }
}

@media screen and (max-width: 80.0000rem) {
    .infobox-wide-content .text {
        padding-right: 0;
    }
}

.infobox-wide-content .headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-flow: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-items: flex-start;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-content: center;
    -webkit-align-content: center;
    height: 4.2500rem;
}

.infobox-wide-content .headline .icon {
    position: relative;
    width: 2.5625rem;
    height: 3.0000rem;
    padding-right: 1.5rem;
    box-sizing: content-box;
}

.infobox-wide-content .headline .icon img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2.5625rem;
    max-width: 2.5625rem;
    height: 2.5625rem;
}

.bg-green .infobox-wide-content .headline .icon,
.bg-yellow .infobox-wide-content .headline .icon {
    filter: var(--filter-to-black);
}

@media screen and (max-width: 32.5000rem) {
    .infobox-wide-content .headline .icon img {
        width: 2.2500rem;
        height: 2.2500rem;
        max-width: 2.2500rem;
    }
}

.infobox-wide-content .headline .label {
    font-size: 1.7777777778rem;
    line-height: 1.36;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}

@media screen and (max-width: 32.5000rem) {
    .infobox-wide-content .headline .label {
        font-size: 1.5rem;
        line-height: 1.2857142857;
    }
}

@media screen and (max-width: 32.5000rem) {
    .infobox-wide-content .headline .label {
        padding-left: 1rem;
    }
}

.extension-content,
.teaser-big-content-grid,
.teaser-image-content {
    width: 100%;
    height: auto;
    text-align: left;
}

.extension-content h2,
.teaser-big-content-grid h2,
.teaser-image-content h2 {
    font-size: 1.778rem;
    line-height: 1.34;
    font-weight: 400;
    margin-bottom: 1.75rem;
}

.extension-content h2 .quote,
.teaser-big-content-grid h2 .quote,
.teaser-image-content h2 .quote {
    display: inline-block;
}

.testimonial-container .quote a {
    color: #2b2b2b;
}

.testimonial-container .quote a::before {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-weight: 900;
    content: '\f138';
    margin-right: 0.5000rem;
    width: auto;
    text-decoration: none;
    display: inline-block;
}

.extension-content p,
.teaser-big-content-grid p,
.teaser-image-content p {
    font-size: 1rem;
    line-height: 1.34;
    font-weight: 400;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media screen and (max-width: 80.0000rem) {
    .extension-content p,
    .teaser-big-content-grid p,
    .teaser-image-content p {
        font-size: .96rem;
        line-height: 1.4;
    }
}

@media screen and (max-width: 80.0000rem) {
    .extension-content .text,
    .teaser-big-content-grid .text,
    .teaser-image-content .text {
        padding-right: 0;
    }
}

.extension-content .headline h5,
.teaser-big-content-grid .headline h5,
.teaser-image-content .headline h5 {
    display: inline-block;
    padding-top: 0.6250rem;
    padding-left: 2rem;
}

.extension-content .headline .icon,
.teaser-big-content-grid .headline .icon,
.teaser-image-content .headline .icon {
    width: 3.1250rem;
    max-width: 3.1250rem;
    height: fit-content;
    float: left;
}

.extension-content .headline .icon .small,
.extension-content .headline .icon_small,
.teaser-big-content-grid .headline .icon .small,
.teaser-big-content-grid .headline .icon_small,
.teaser-image-content .headline .icon .small,
.teaser-image-content .headline .icon_small {
    width: 2.5000rem;
    max-width: 2.5000rem;
}

.extension-content .headline .label,
.teaser-big-content-grid .headline .label,
.teaser-image-content .headline .label {
    display: inline-block;
    float: left;
    height: auto;
    padding-top: 0;
    padding-left: 2rem;
}

.pageelement-contactteaser {
    margin-bottom: 5rem;
    color: #fff;
    background-color: #fbb900;
}

.pageelement-contactteaser p {
    color: #fff;
}

.contactteaser-container {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    -webkit-box-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    justify-items: center;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 3fr 1fr;
    grid-template-columns:1fr 3fr 1fr;
    height: 100%;
    column-gap: 1.2500rem;
    -webkit-column-gap: 1.2500rem;
    -moz-column-gap: 1.2500rem;
    overflow: hidden;
}

.pageelement-contactteaser.bg-yellow .contactteaser-contentbox .slogan,
.pageelement-contactteaser.bg-green .contactteaser-contentbox .slogan {
    color: #2b2b2b;
}

@media screen and (max-width: 50.0000rem) {
    .contactteaser-container {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        grid-gap: 0;
    }

    .contactteaser-container :nth-child(2) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        grid-row: 2;
        grid-column: 1;
    }

    .contactteaser-container :nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        grid-row: 1;
        grid-column: 1;
    }
}

@media screen and (max-width: 50.0000rem) {
    .contactteaser-container {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

.contactteaser-imagebox .image {
    max-width: 13.278rem;
}

.contactteaser-imagebox .image img {
    border-radius: 50%;
}

@media screen and (max-width: 50.0000rem) {
    .contactteaser-imagebox .image {
        max-width: 11.1111111111rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    .contactteaser-imagebox-optional {
        display: none;
    }
}

.contactteaser-contentbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    justify-content: space-evenly !important;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    justify-items: center;
    -webkit-justify-content: center;
}

.contactteaser-contentbox .slogan {
    font-size: 1.3333333333rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    padding-bottom: 1.5rem;
}

@media screen and (max-width: 32.5000rem) {
    .contactteaser-contentbox .slogan {
        font-size: 1.1666666667rem;
        line-height: 1.3333333333;
    }
}

@media screen and (max-width: 50.0000rem) {
    .contactteaser-contentbox .slogan {
        padding-top: 2rem !important;
        padding-bottom: 1rem !important;
    }
}

.contactteaser-button {
    background-color: #fff;
}

.pageelement-contactteaser.bg-green .contactteaser-button {
    color: #2b2b2b;
}

.pageelement-contactteaser.bg-blue .contactteaser-button {
    color: #005CA2;
}

.pageelement-contactteaser.bg-yellow .contactteaser-button {
    color: #2b2b2b;
}

@media screen and (max-width: 32.5000rem) {
    .contactteaser-button {
        width: 16.6666666667rem;
        max-width: 100%;
        max-height: 3.1250rem;
        font-size: 1rem;
        line-height: 1.3333333333;
        padding: .8em .5em;
    }
}

@media screen and (min-width: 50.0000rem) {
    .pageelement-contentbox.theme-blue.position-right .contentbox-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        height: 100%;
        flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
    }

    .pageelement-contentbox.theme-blue.position-right .contentbox-content .content {
        padding-left: 2.44rem;
        padding-right: 4.88rem;
    }
}

@media screen and (min-width: 50.0625rem) and (max-width: 80.0000rem) {
    .pageelement-contentbox.position-right .contentbox-content .content {
        padding-left: 1.22rem !important;
        padding-right: 2.44rem !important;
    }

    .pageelement-contentbox.position-left .contentbox-content .content {
        padding-right: 2.44rem !important;
    }
}

@media screen and (min-width: 50.0625rem) {
    .pageelement-contentbox.theme-blue.position-right .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        top: 0;
        right: -0.1250rem;
        background-image: url(/_images/elements/bogen-blue-right.png);
        background-position: right;
    }
}

@media screen and (min-width: 50.0625rem) {
    .pageelement-contentbox.theme-blue.position-left .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: url(/_images/elements/bogen-blue-left.png);
        background-position: left;
    }
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-contentbox.theme-blue .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 101%;
        left: 0;
        bottom: -1.8750rem;
        background-image: url(/_images/elements/bogen-blue-bottom.png);
        background-position: bottom;
    }
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-contentbox.theme-blue .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 101%;
        left: 0;
        bottom: -1.2500rem;
        background-image: url(/_images/elements/bogen-blue-bottom.png);
        background-position: bottom;
    }
}

.pageelement-contentbox.theme-blue .contentbox-content {
    background-color: #005ca2;
    color: #fff;
}

.pageelement-contentbox.theme-blue .contentbox-content p {
    color: #fff;
}

@media screen and (min-width: 50.0000rem) {
    .pageelement-contentbox.theme-yellow.position-right .contentbox-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        height: 100%;
        flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
    }

    .pageelement-contentbox.theme-yellow.position-right .contentbox-content .content {
        padding-left: 2.44rem;
        padding-right: 4.88rem;
    }
}

@media screen and (min-width: 50.0625rem) {
    .pageelement-contentbox.theme-yellow.position-right .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        top: 0;
        right: -0.1250rem;
        background-image: url(/_images/elements/bogen-yellow-right.png);
        background-position: right;
    }
}

@media screen and (min-width: 50.0625rem) {
    .pageelement-contentbox.theme-yellow.position-left .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: url(/_images/elements/bogen-yellow-left.png);
        background-position: left;
    }
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-contentbox.theme-yellow .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 101%;
        left: 0;
        bottom: -1.8750rem;
        background-image: url(/_images/elements/bogen-yellow-bottom.png);
        background-position: bottom;
    }
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-contentbox.theme-yellow .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 101%;
        left: 0;
        bottom: -1.2500rem;
        background-image: url(/_images/elements/bogen-yellow-bottom.png);
        background-position: bottom;
    }
}

.pageelement-contentbox.theme-yellow .contentbox-content {
    color: #2b2b2b;
    background-color: #fbb900;
}

.pageelement-contentbox.theme-yellow .contentbox-content p {
    color: #2b2b2b;
}

@media screen and (min-width: 50.0625rem) {
    .pageelement-contentbox.theme-green.position-right .contentbox-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        height: 100%;
        flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
    }

    .pageelement-contentbox.theme-green.position-right .contentbox-content .content {
        padding-left: 5.9rem !important;
        padding-right: 4.88rem !important;
    }
}


@media screen and (min-width: 50.0625rem) {
    .pageelement-contentbox.theme-green.position-right .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        top: 0;
        right: -0.1250rem;
        background-image: url(/_images/elements/bogen-green-right.png);
        background-position: right;
    }
}

@media screen and (min-width: 50.0625rem) {
    .pageelement-contentbox.theme-green.position-left .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: url(/_images/elements/bogen-green-left.png);
        background-position: left;
    }
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-contentbox.theme-green .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 101%;
        left: 0;
        bottom: -1.8750rem;
        background-image: url(/_images/elements/bogen-green-bottom.png);
        background-position: bottom;
    }
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-contentbox.theme-green .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 101%;
        left: 0;
        bottom: -1.2500rem;
        background-image: url(/_images/elements/bogen-green-bottom.png);
        background-position: bottom;
    }
}

.pageelement-contentbox.theme-green .contentbox-content {
    color: #2b2b2b;
    background-color: #a2c614;
}

.pageelement-contentbox.theme-green .contentbox-content p {
    color: #2b2b2b;
}

.contentbox-header {
    padding-top: 1.2500rem !important;
    padding-bottom: 1.2500rem !important;
    color: #005ca2;
}

.contentbox-content {
    margin-bottom: 5rem;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    height: 100%;
}

.contentbox-content .text li {
    margin-left: 1.2em;
    list-style-position: outside;
    padding-top: 0.3750rem;
}


@media screen and (max-width: 50.0000rem) {
    .contentbox-content {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: 1fr 1fr;
        grid-template-columns:1fr;
        grid-template-rows:1fr auto;
        grid-gap: 0;
    }

    .contentbox-content :first-child {
        grid-row: 2;
        -ms-grid-row: 2;
    }
}

.contentbox-content .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    padding-top: 4rem;
    padding-bottom: 4rem;

}

.pageelement-contentbox.position-left .contentbox-content .content {
    padding-left: 4.88rem;
    padding-right: 4.88rem;
}

.pageelement-contentbox.position-right .contentbox-content .content {
    padding-right: 2.44rem;
}

@media screen and (max-width: 80.0000rem) {
    .contentbox-content .content {
        padding-top: 3rem !important;
        padding-bottom: 3rem;
    }
}

@media screen and (max-width: 64.0000rem) {
    .contentbox-content .content {
        padding-top: 2rem !important;
    }
}

@media screen and (max-width: 50.0000rem) {
    .contentbox-content .content {
        padding-left: 2.5000rem !important;
        padding-right: 2.5000rem !important;
        padding-top: 0 !important;
    }
}

@media screen and (max-width: 32.5000rem) {
    .contentbox-content .content {
        padding-left: 1.5625rem !important;
        padding-right: 1.5625rem !important;
    }
}

.contentbox-content .content .headline {
    padding-bottom: 2.5rem !important;
}

@media screen and (max-width: 80.0000rem) {
    .contentbox-content .content .headline {
        padding-bottom: 2rem !important;
    }
}

@media screen and (max-width: 64.0000rem) {
    .contentbox-content .content .headline {
        padding-bottom: 1rem !important;
    }
}

@media screen and (max-width: 50.0000rem) {
    .contentbox-content .content .headline {
        padding-top: 1rem !important;
        padding-bottom: 2rem !important;
    }
}

@media screen and (max-width: 32.5000rem) {
    .contentbox-content .content .headline {
        padding-top: 2rem !important;
    }
}

.contentbox-content .image img {
    /*height: calc(18.7500rem + 200 * (100vw - 64.0000rem) / 896)*/
    object-fit: cover;
}

@media screen and (max-width: 64.0000rem) {
    .contentbox-content .image img {
        height: auto;
        min-height: 15.0000rem;
    }
}

.pageelement-contentbox-tipp {
    margin-bottom: 5rem;
    color: #fff;
    background-color: #a2c614;
}

.pageelement-contentbox-tipp .contentbox {
    align-content: center;
    text-align: center;
}

.pageelement-contentbox-tipp p {
    color: #2b2b2b;
}

.contentbox-overlay .text {
    color: #2b2b2b;
}

.contentbox-tipp-container {
    padding: 1.2500rem 4rem !important;
    -webkit-box-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr;
    height: 100%;
    grid-gap: 1.2500rem;
}

.contentbox-tipp-container .quote li {
    margin-left: 1.2em;
    list-style-position: outside;
    padding-top: 0.3750rem;
}


.contentbox-tipp-container :last-child {
    grid-column: 2/span 3;
}

@media screen and (max-width: 50.0000rem) {
    .contentbox-tipp-container {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-columns:1fr 1fr 1fr 1fr;
        grid-template-rows:auto;
        grid-gap: 0;
    }

    .contentbox-tipp-container :first-child {
        grid-row: 1;
        grid-column: 1/span 4;
    }

    .contentbox-tipp-container :last-child {
        grid-row: 2;
        grid-column: 1/span 4;
    }
}

@media screen and (max-width: 32.5000rem) {
    .contentbox-tipp-container {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-columns:1fr 1fr 1fr 1fr;
        grid-template-rows:auto;
        grid-gap: 0;
    }

    .contentbox-tipp-container :first-child {
        grid-row: 1;
        grid-column: 1/span 4;
    }

    .contentbox-tipp-container :last-child {
        grid-row: 2;
        grid-column: 1/span 4;
    }
}

@media screen and (max-width: 50.0000rem) {
    .contentbox-tipp-container {
        padding-top: 2.5000rem !important;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media screen and (max-width: 32.5000rem) {
    .contentbox-tipp-container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

.contentbox-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    -webkit-align-items: center;
    justify-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    color: #a2c614;
    width: auto;
    background-image: url(/_images/elements/ellipse-white.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.contentbox-overlay {
    height: 12.9375rem;
}

@media screen and (max-width: 120.0000rem) {
    .contentbox-overlay {
        height: calc(11.2500rem + 27 * ((100vw - 64.0000rem) / 896));
    }
}

@media screen and (max-width: 64.0000rem) {
    .contentbox-overlay {
        height: 11.2500rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    .contentbox-overlay {
        height: 8.7500rem;
    }
}

.contentbox-overlay .text {
    font-size: 1.3333333333rem;
    line-height: 1.5555555556;
    text-align: center;
    align-self: center;
    padding: 1rem;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
}

@media screen and (max-width: 64.0000rem) {
    .contentbox-overlay .text {
        font-size: 1.1111111111rem;
        line-height: 1.4444444444;
    }
}

/*
.contentbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    justify-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
*/
/*
@media screen and (max-width: 50.0000rem) {
    .contentbox {
        padding-top: 1.2500rem;
        padding-bottom: 1.2500rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    .contentbox .quote {
        font-size: 1.3333333333rem !important;
        line-height: 1.25 !important;
    }
}
*/

.pageelement-price-table {
    padding-bottom: 5rem !important;
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-price-table {
        margin-top: 0 !important;
    }
}

/*
.price-table-content {
    overflow-y: hidden;
}
*/


.price-table {
    padding-top: 2rem !important;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    height: 100%;
    grid-gap: 1.2500rem;
}

.pageelement-price-table .label {
    font-size: 1.77rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    color: #005ca2;
}

.price-table :nth-child(n) {
    grid-column: 1/span 3;
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-price-table .price-table {
        display: none;
    }
}

.price-table-ext {
    padding-top: 2rem !important;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    height: 100%;
    grid-gap: 1.2500rem;
}

.price-table-ext :nth-child(n) {
    grid-column: 1/span 3;
}

@media screen and (min-width: 50.0000rem) {
    .price-table-ext {
        display: none;
    }
}

.price-table-ext .main-col {
    width: 100% !important;
}

.price-table-ext .table-head.main-col {
    width: 100% !important;
}

.footnote {
    padding-top: 2rem !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.footnote a {
    color: inherit;
}

.price-table,
.price-table-ext {
    font-weight: 400;
}

.price-table .main-col,
.price-table-ext .main-col {
    display: block;
    width: 20rem;
}

@media screen and (min-width: 80.0000rem) {
    .price-table .main-col,
    .price-table-ext .main-col {
        width: 31.2500rem !important;
    }
}

@media screen and (max-width: 50.0000rem) {
    .price-table .main-col,
    .price-table-ext .main-col {
        width: 13.3333333333rem;
    }
}

.price-table .col,
.price-table-ext .col {
    display: block;
    width: 12.5000rem;
    text-align: center;
}

@media screen and (max-width: 50.0000rem) {
    .price-table .col,
    .price-table-ext .col {
        width: 11.2500rem;
    }
}

.price-table .table-head,
.price-table-ext .table-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 1.11rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    color: #005ca2;
    padding-bottom: 0.6250rem !important;
    width: 100%;
    text-align: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 50.0000rem) {
    .price-table .table-head,
    .price-table-ext .table-head {
        font-size: 1.25rem;
        line-height: 1.35;
    }
}

.price-table .table-head .main-col,
.price-table-ext .table-head .main-col {
    padding-left: 0;
    text-align: left;
}

@media screen and (max-width: 50.0000rem) {
    .price-table .table-head .main-col,
    .price-table-ext .table-head .main-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-flow: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        height: 100%;
    }
}

@media screen and (min-width: 87.5000rem) {
    .price-table .table-head .col:nth-child(2),
    .price-table-ext .table-head .col:nth-child(2) {
        margin-right: 4rem;
    }

    .price-table .table-head .col:nth-child(3),
    .price-table-ext .table-head .col:nth-child(3) {
        margin-right: 10rem;
    }
}

@media screen and (min-width: 105.0000rem) {
    .price-table .table-head .col:nth-child(2),
    .price-table-ext .table-head .col:nth-child(2) {
        margin-right: 5rem;
    }

    .price-table .table-head .col:nth-child(3),
    .price-table-ext .table-head .col:nth-child(3) {
        margin-right: 15rem;
    }
}

.price-table .table-head .large,
.price-table-ext .table-head .large {
    font-size: 2.2222222222rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
}

.price-table .table-head .small,
.price-table-ext .table-head .small {
    font-size: 1.1111111111rem;
    line-height: 1.35;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
}

@media screen and (max-width: 50.0000rem) {
    .price-table .table-head .small,
    .price-table-ext .table-head .small {
        font-size: 1.125rem;
        line-height: 1.3333333333;
    }
}

@media screen and (max-width: 50.0000rem) {
    .price-table .table-head .small,
    .price-table-ext .table-head .small {
        padding: 0.6250rem;
    }
}

.price-table .table-head .upper,
.price-table-ext .table-head .upper {
    margin-top: -1.0000rem;
}

.price-table .table-row,
.price-table-ext .table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 1rem;
    line-height: 1.3333333333;
    font-weight: 400;
    background-color: #005ca2;
    color: #fff;
    width: 100%;
    min-height: 2.1875rem;
    padding: 0.2500rem 0.6250rem;
}

@media screen and (max-width: 50.0000rem) {
    .price-table .table-row,
    .price-table-ext .table-row {
        font-size: 1.0000rem;
        line-height: 1.375;
    }
}

.price-table .table-row p,
.price-table-ext .table-row p {
    color: #fff;
}

.price-table .table-row .main-col,
.price-table-ext .table-row .main-col {
    padding-left: 4.4444444444rem;
}

@media screen and (max-width: 50.0000rem) {
    .price-table .table-row .main-col,
    .price-table-ext .table-row .main-col {
        width: unset !important;
        padding-left: .5555555556rem;
        padding-right: 0.6250rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .price-table .table-row .main-col,
    .price-table-ext .table-row .main-col {
        width: 20rem;
    }
}

@media screen and (min-width: 87.5000rem) {
    .price-table .table-row .col:nth-child(2),
    .price-table-ext .table-row .col:nth-child(2) {
        margin-right: 4rem;
    }

    .price-table .table-row .col:nth-child(3),
    .price-table-ext .table-row .col:nth-child(3) {
        margin-right: 10rem;
    }
}

@media screen and (min-width: 105.0000rem) {
    .price-table .table-row .col:nth-child(2),
    .price-table-ext .table-row .col:nth-child(2) {
        margin-right: 5rem;
    }

    .price-table .table-row .col:nth-child(3),
    .price-table-ext .table-row .col:nth-child(3) {
        margin-right: 15rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    .price-table .table-row .col,
    .price-table-ext .table-row .col {
        width: 13.3333333333rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .price-table .table-row .col,
    .price-table-ext .table-row .col {
        width: 8.7500rem;
    }
}

@media screen and (max-width: 30.0000rem) {
    .price-table .table-row .col,
    .price-table-ext .table-row .col {
        width: 4.3750rem;
    }
}

.contactform-content {
    padding-bottom: 2.5000rem !important;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    height: 100%;
    grid-gap: 1.2500rem;
    overflow: visible;
}

@media screen and (max-width: 50.0000rem) {
    .contactform-content {
        align-items: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-columns: 1fr;
        -ms-grid-rows: 1fr 1fr;
        grid-template-columns:1fr;
        grid-template-rows:1fr auto;
    }

    .contactform-content :first-child {
        grid-row: 2;
        -ms-grid-row: 2;
    }
}

.contact-form {
    padding-top: 1rem !important;
    width: 100%;
    max-width: 100%;
    position: relative;
}

.pageelement-contactform .contact-form h2 {
    color: #005CA2;
    margin-bottom: 0.9375rem;
}

.contact-form .link {
    background-color: #005CA2;
    color: #fff;
}

.contact-form form {
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    -ms-grid-rows: auto;
    grid-template-columns:100%;
    grid-template-rows:auto;
    grid-gap: 1.2rem;
    width: 100%;
    height: auto;
}

.contact-form form .form-select option {
    color: #2B2B2B;
}

.contact-form form .form-select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    background: url('/_images/icons/angle-down-solid.svg') no-repeat 0 0;
    background-position-x: 95%;
    background-position-y: 1.0000rem;
    background-size: 1rem;
    margin-right: 2rem;
    width: 100%;
    padding: 1rem 2rem 1rem 1.4rem;
    color: #2B2B2B;
    font-size: 1rem;
    position: relative;
    display: block;
    border: 0.0625rem solid #707070 !important;
    height: 3.3333333333rem;
}

.contact-form form .form-select select:focus-visible {
    border: 0.0625rem solid #005ca2 !important;
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

.contact-form form .form-select select::placeholder {
    color: #2B2B2B;
    opacity: .67;
}

.contact-form form .form-select select:-ms-input-placeholder {
    color: #2B2B2B;
}

.contact-form form .form-select select::-ms-input-placeholder {
    color: #2B2B2B;
}

.contact-form form .form-row {
    position: relative;
    width: 100%;
}

.contact-form form .form-row textarea {
    display: block;
    border: 0.0625rem solid #707070 !important;
    color: #2B2B2B;
    background: #fff;
    width: 100%;
    height: 8.3333333333rem;
    padding: 1.1875rem 1.5rem;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    line-height: 1.33rem;
    font-style: normal;
    outline: none;
}

.contact-form form .form-row label,
.contact-form form .form-select label {
    width: 100%;
    color: #2B2B2B;
    margin-bottom: 0.5000rem;
    display: block;
}

.contact-form form .form-row input[type=text] {
    width: 100%;
    height: 3.3333333333rem;
    border: 0.0625rem solid #707070;
    background: #fff;
    color: #2B2B2B;
    padding: 1.1875rem 1.5rem;
    font-size: 1rem;
    line-height: 1.1111111111rem;
}


.contact-form form .form-row input[type=text]:focus-visible {
    opacity: .9;
    border: 0.0625rem solid #005ca2;
}

.contact-form form .form-row input[type=text]:focus-visible {
    opacity: .9;
    border: 0.0625rem solid #005ca2;
}

.contact-form form .form-row textarea:focus-visible {
    border: 0.0625rem solid #005ca2 !important;
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}


.contact-form form .form-row input[type=text]::placeholder {
    color: #2B2B2B;
    opacity: .67;
}

.contact-form form .form-row input:focus-visible {
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

.contact-form form .form-row input[type=text]:-ms-input-placeholder {
    color: #2B2B2B;
}

.contact-form form .form-row input[type=text]::-ms-input-placeholder {
    color: #2B2B2B;
}

.contact-form form .form-row input[type=email] {
    width: 100%;
    height: 3.3333333333rem;
    border: 0.0625rem solid #707070;
    background: #fff;
    color: #2B2B2B;
    padding: 1.1875rem 1.5rem;
    font-size: 1rem;
    line-height: 1.1111111111rem;
}

.contact-form form .form-row input[type=email]:focus-visible {
    opacity: .9;
    border: 0.0625rem solid #005ca2;
}

.contact-form form .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    flex-flow: row;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    color: #2B2B2B;
    border: 0.1250rem solid transparent;
    width: 100%;
}

.contact-form form .form-check .checkbox-wraper {
    display: flex;
}

.contact-form .form-row.email {
    display: none;
}

.contact-form form .form-check label {
    width: 100%;
    margin-bottom: 0.3125rem;
    /*font-size: .8888888889rem;*/
    /*line-height: 1.0625*/
}

.contact-form form .form-check .checkbox-wrapper {
    display: flex;
    gap: 0.5000rem;
    align-items: start;
}

.contact-form form .form-check .checkbox-wrapper input {
    margin-top: 0.3125rem;
}

.contact-form form .form-check .checkbox-wrapper input:focus-visible {
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1250rem;
}

.contact-form .form-row a {
    color: #2b2b2b;
    text-decoration: underline;
}

.contactform-button {
    background-color: #005ca2;
    color: #fff;
    margin-top: 2.5rem;
}

.contactform-button p {
    color: #fff;
}

@media screen and (max-width: 50.0000rem) {
    .contactform-button {
        margin-top: 1rem;
        max-height: 3.1250rem;
        max-width: 100%;
        line-height: 0;
    }
}

.contactform-contact-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    flex-flow: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-align: center;
    justify-content: center;
    -webkit-justify-content: center;
}

@media screen and (max-width: 50.0000rem) {
    .contactform-contact-box {
        -webkit-box-align: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
}

.contactform-contact {
    padding-bottom: 2rem !important;
    -webkit-box-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: fit-content;
}

.contactform-contact .image {
    width: 23.9375rem;
    height: auto;
}

.contactform-contact .text {
    margin-top: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
    width: 100%;
    max-width: 100%;
    min-height: auto;
}

.contactform-contact .text a:hover {
    text-decoration: underline;
}

.contactform-contact .text a:focus-visible{
    outline: 0.1875rem solid;
    outline-offset: 0.1250rem;
}


@media screen and (max-width: 64.0000rem) {
    .contactform-contact .image {
        width: 21.2777777778rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    .contactform-contact .image {
        width: 17.2777777778rem;
    }

    .contactform-contact .text {
        margin-top: 1.5rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .contactform-contact .image {
        width: 13.2777777778rem;
    }

    .contactform-contact .text {
        margin-top: 0.5rem;
    }
}

.contactform-contact .text .company {
    padding-bottom: 2.5000rem !important;
}

.contactform-contact .text .company h1 {
    font-size: 1.1111111111rem;
    line-height: 1.5;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    color: #005ca2;
}

.contactform-contact .text .company p {
    font-size: 1.1111111111rem;
    line-height: 1.5555555556;
    font-weight: 400;
    color: #2B2B2B;
}

.contactform-contact .text .phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-items: flex-start;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    font-size: 1.1111111111rem;
    line-height: 1.3333333333;
    font-weight: 400;
    color: #2B2B2B;
    height: 1.5000rem;
    position: relative;
}

.contactform-contact .text .email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    justify-items: flex-start;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    font-size: 1.1111111111rem;
    line-height: 1.3333333333;
    font-weight: 400;
    color: #2B2B2B;
    position: relative;
}

.contactform-contact .text img {
    display: inline-block;
    width: 1.3888888889rem;
    height: 1.4444444444rem;
    margin-right: 0.6250rem;
}

@media screen and (max-width: 32.5000rem) {
    .contactform-contact .text {
        padding-left: 0;
        padding-right: 0;
    }
}

.pageelement-footer-socialmedia {
    margin-top: 1.25rem;
}

.pageelement-footer-socialmedia .socialmedia-icons a:focus-visible,
.pageelement-footer-socialmedia .socialmedia-icons a:hover {
    outline: 0.1875rem solid #000;
    outline-offset: 0.1875rem;
}

.socialmedia-content {
    padding-top: 1.2500rem !important;
    -webkit-box-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    height: 100%;
    grid-gap: 0;
}

@media screen and (max-width: 50.0000rem) {
    .socialmedia-content {
        -ms-grid-columns: 1fr;
        -ms-grid-rows: 1fr;
        grid-template-columns:1fr;
        grid-template-rows:1fr;
    }

    .socialmedia-content :last-child {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        grid-row: 1;
        grid-column: 1;
    }
}


.socialmedia-content .headline {
    font-size: 1.2500rem !important;
    line-height: 1.6875rem;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
}

@media screen and (max-width: 68.7500rem) {
    .socialmedia-content .headline {
        font-size: 1.1250rem !important;
    }
}

@media screen and (max-width: 60.0000rem) {
    .socialmedia-content .headline {
        font-size: 1.0000rem !important;
    }
}

@media screen and (max-width: 50.0000rem) {
    .socialmedia-content .headline {
        font-size: 1.2500rem !important;
    }
}

@media screen and (max-width: 32.5000rem) {
    .socialmedia-content .headline {
        font-size: 1.0625rem !important;
    }
}

@media screen and (min-width: 50.0625rem) {
    .socialmedia-content {
        max-width: 100%;
        width: 100%;
        z-index: 2;
        margin-left: 0;
        margin-right: 0;
        overflow: auto;
        color: #fff;
        background-color: #a2c614;
        padding: 1.2500rem calc((100vw - (45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)))) / 1.4);
    }

    .socialmedia-content p {
        color: #fff;
    }
}

@media screen and (min-width: 87.5000rem) {
    .socialmedia-content {
        padding: 1.2500rem calc((100vw - (45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)))) / 1.5);
    }
}

@media screen and (min-width: 112.5000rem) {
    .socialmedia-content {
        padding: 1.2500rem calc((100vw - (45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)))) / 1.6);
    }
}

@media screen and (min-width: 50.0000rem) {
    .socialmedia-right {
        padding-left: 2rem !important;
    }
}

@media screen and (max-width: 50.0000rem) {
    .socialmedia-right {
        max-width: 100%;
        width: 100%;
        position: relative;
        z-index: 0;
        margin-left: 0;
        margin-right: 0;
        overflow: auto;
        color: #fff;
        background-color: #a2c614;
        padding: 0.6250rem 12% 1.2500rem 12%;
    }

    .socialmedia-right p {
        color: #fff;
    }
}

@media screen and (max-width: 32.5000rem) {
    .socialmedia-right {
        padding: 0.6250rem 11% 1.2500rem 11%;
    }
}

@media screen and (min-width: 50.0000rem) {
    .socialmedia-left {
        padding-right: 2rem !important;
    }
}

@media screen and (max-width: 50.0000rem) {
    .socialmedia-left {
        max-width: 100%;
        width: 100%;
        position: relative;
        z-index: 0;
        margin-left: 0;
        margin-right: 0;
        overflow: auto;
        color: #fff;
        background-color: #a2c614;
        margin-top: 0.5000rem;
        padding: 0.6250rem 12% 1.2500rem 12%;
    }

    .socialmedia-left p {
        color: #fff;
    }
}

@media screen and (max-width: 32.5000rem) {
    .socialmedia-left {
        padding: 0.6250rem 11% 1.2500rem 11%;
    }
}

.socialmedia-box {
    padding-top: 0.6250rem !important;
    padding-bottom: 0.6250rem !important;
    color: #2b2b2b;
    width: 100%;
    overflow: visible;
}

@media screen and (max-width: 32.5000rem) {
    .socialmedia-box .headline {
        text-align: center;
    }
}

.socialmedia-icons {
    padding-top: 1.2500rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    width: 100%;
    max-height: 3.7500rem;
}

.socialmedia-icons .social-icon {
    filter: var(--filter-to-black);
}

.socialmedia-icons .social-icon img {
    width: 3.1250rem;
    height: 3.1250rem;
}

.socialmedia-icons :nth-child(n) {
    padding-left: 2rem;
}

@media screen and (min-width: 87.5000rem) {
    .socialmedia-icons :nth-child(n) {
        padding-left: 3rem;
    }
}

@media screen and (min-width: 112.5000rem) {
    .socialmedia-icons :nth-child(n) {
        padding-left: 5rem;
    }
}

.socialmedia-icons :first-child {
    padding-left: 0;
}

.socialmedia-icons :nth-child(4n+1):last-child {
    width: auto;
}

@media screen and (max-width: 50.0000rem) {
    .socialmedia-icons {
        padding-top: 1.8750rem !important;
        align-items: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        justify-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
}

@media screen and (max-width: 23.7500rem) {
    .socialmedia-icons :nth-child(n) {
        padding-left: 1rem;
    }

    .socialmedia-icons :first-child {
        padding-left: 0;
    }
}

.socialmedia-newsletter {
    -webkit-flex-grow: 1;
    -webkit-flex-shrink: 0;
    flex-grow: 1;
    flex-shrink: 0;
    display: inline-flex;
    padding-top: 0.5625rem !important;
    width: 100%;
}

.socialmedia-newsletter form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    background: 0 0;
    width: 100%;
}

.socialmedia-newsletter form .form-row {
    -webkit-flex-grow: 1;
    -webkit-flex-shrink: 0;
    flex-grow: 1;
    flex-shrink: 0;
    width: auto;
    display: flex;
    flex-flow: column;
    gap: 0.3125rem;
}

.socialmedia-newsletter form .form-row label {
    font-size: 1.1250rem;
    font-weight: 700;
}

@media screen and (max-width: 64.0000rem) {
    .socialmedia-newsletter form .form-row {
        width: 50%;
    }
}

@media screen and (max-width: 50.0000rem) {
    .socialmedia-newsletter form .form-row {
        width: auto;
    }
}

@media screen and (max-width: 32.5000rem) {
    .socialmedia-newsletter form .form-row {
        width: 50%;
    }
}

.socialmedia-newsletter form .form-row input[type=email] {
    width: 100%;
}

.socialmedia-newsletter form .form-row .textarea {
    width: 100%;
}

.socialmedia-newsletter form .form-submit {
    padding-left: 1rem !important;
    width: 8.8750rem !important;
    min-width: 7.5000rem;
    align-self: end;
}

.socialmedia-button {
    background-color: #fff;
    color: #2b2b2b;
}

.pageelement-footer {
    margin-top: 0.25rem;
    background-color: #005ca2;
    color: #fff;
}

.pageelement-footer p {
    color: #fff;
}

.footer-bar {
    background-color: #005ca2;
}

.footer-bar .wrapper {
    display: flex;
    justify-content: space-between;
    width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    margin: 1.25rem auto 0 auto;
    padding: 0.6250rem 0;
}

.footer-bar .wrapper .link {
    color: #fff;
}

.footer-bar .wrapper .link:hover {
    text-decoration: underline;
}

.footer-bar a:focus-visible, #footer a:focus-visible, #footer .footer-logo:hover {
    outline: 0.1875rem solid #fff;
    outline-offset: 0.1875rem;
}

#footer .footer-content-wide .footer-info-items a:focus-visible {
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

@media screen and (max-width: 50.0000rem) {
    .footer-bar .wrapper {
        width: 80%;
        grid-gap: 0.6250rem;
        flex-flow: column;
        align-items: center;
    }
}

.footer-content {
    padding-top: 0.6250rem !important;
    padding-bottom: 1.2500rem !important;
    overflow: visible;
}

@media screen and (max-width: 50.0000rem) {
    .footer-content {
        padding-bottom: 1rem !important;
    }
}

@media screen and (max-width: 32.5000rem) {
    .footer-content {
        padding-bottom: 2rem !important;
    }
}

@media screen and (max-width: 31.2500rem) {
    .socialmedia-right {
        padding: 0.6250rem 11% 0.6250rem 11%;
    }

    .socialmedia-newsletter {
        max-height: unset;
    }

    .socialmedia-newsletter form {
        flex-flow: column;
        height: auto;
    }

    .socialmedia-newsletter form .form-row {
        width: 100%;
    }

    .socialmedia-newsletter form .form-submit {
        padding-top: 1rem;
        width: 100% !important;
    }

    .socialmedia-button {
        margin-bottom: 0;
        position: relative;
        left: 50%;
        transform: translate(-50%);
    }
}

.footer-items {
    -webkit-box-align: end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    height: 100%;
    width: 100%;
    grid-gap: 0;
    padding-top: 2.5000rem !important;
    padding-bottom: 1.2500rem !important;
    justify-items: center;
    text-align: left;
    overflow: visible;
}

@media screen and (max-width: 105.0000rem) {
    .footer-items {
        grid-gap: 1.2500rem;
    }
}

@media screen and (max-width: 64.0000rem) {
    .footer-items {
        grid-gap: 0.6250rem;
    }
}

@media screen and (max-width: 50.0000rem) {
    .footer-items {
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        -webkit-box-align: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-grid-columns: 1fr 1fr;
        -ms-grid-rows: 1fr 1fr 1fr;
        grid-template-columns:1fr 1fr;
        grid-template-rows:1fr 1fr 1fr;
        grid-gap: 1.2500rem;
        column-gap: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .footer-items :first-child {
        grid-column: 1/span 2;
        row-gap: 0;
    }
}

@media screen and (max-width: 32.5000rem) {
    .footer-items {
        -webkit-box-align: center;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        -ms-grid-columns: 1fr;
        -ms-grid-rows: auto;
        grid-template-columns:1fr;
        grid-template-rows:auto;
        grid-gap: 2.5000rem;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .footer-items :nth-child(n) {
        grid-column: 1/span 1;
    }
}

@media screen and (min-width: 32.5000rem) and (max-width: 50.0000rem) {
    .footer-items {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 32.5000rem) {
    .footer-items .footer-item:first-child {
        margin-bottom: -1.8750rem;
    }
}

@media screen and (min-width: 105.0000rem) {
    .footer-items .footer-item:nth-child(2) {
        padding-left: 4rem !important;
    }
}

@media screen and (min-width: 64.0000rem) {
    .footer-items .footer-item:nth-child(2) {
        padding-left: 1.2500rem;
    }

    .footer-items .footer-item:nth-child(3) {
        -webkit-box-align: end;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        padding-right: 1.2500rem;
    }

    .footer-items .footer-item:nth-child(5) {
        padding-left: 1.2500rem;
    }
}

.footer-items .footer-item p,
.footer-items .footer-item a {
    color: #ffffff;
    font-size: .8888888889rem;
    line-height: 1.5;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.footer-items .footer-item a:hover {
    text-decoration: underline;
}

.footer-items .footer-item p.strong {
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
}

@media screen and (max-width: 50.0000rem) {
    .footer-items .footer-item p.strong {
        font-weight: 400;
    }
}

.footer-items .footer-item .text-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    justify-items: flex-start;
    width: max-content;
}

@media screen and (max-width: 80.0000rem) {
    .footer-items .footer-item .text-footer {
        width: unset;
        min-width: 11.2500rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .footer-items .footer-item .text-footer {
        align-items: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        justify-items: center;
        justify-content: center;
        -webkit-justify-content: center;
    }
}

.footer-items .footer-item .nav-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    justify-items: flex-start;
}

@media screen and (max-width: 32.5000rem) {
    .footer-items .footer-item .nav-footer {
        align-items: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        justify-items: center;
        justify-content: center;
        -webkit-justify-content: center;
    }
}

@media screen and (min-width: 73.7500rem) {
    .footer-items .footer-item .nav-footer .nav-footer-item {
        width: max-content;
    }
}

.pageelement-footer-bottom {
    background-color: #fff;
}

.footer-content-wide {
    max-width: 100%;
    width: 100%;
    z-index: 2;
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
}

.footer-info-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-evenly !important;
    -webkit-justify-content: space-around;
    padding-top: 1.2500rem !important;
    padding-bottom: 1.2500rem !important;
    width: 100%;
    height: auto;
    text-align: left;
}

.footer-info-items a {
    display: inherit;
}

@media screen and (max-width: 32.5000rem) {
    .footer-info-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        flex-flow: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        align-content: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        height: 100%;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        flex-flow: column;
        justify-content: space-evenly !important;
        align-items: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        justify-items: center;
        -webkit-justify-content: center;
    }
}

.footer-info-items .footer-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    justify-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    color: #ff8c00;
    width: fit-content;
}

@media screen and (max-width: 36.2500rem) {
    .footer-info-items {
        flex-flow: column;
        align-items: center;
    }

    .footer-info-items .footer-info-item {
        -ms-flex-direction: column;
        flex-flow: column;
    }

}

.footer-info-items .footer-info-item .text {
    font-size: 1.5625rem;
    line-height: 2.1250rem;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    padding-top: 0.1250rem;
    color: #2b2b2b;
}

.footer-info-items .footer-info-item .text:hover {
    text-decoration: underline;
}

@media screen and (max-width: 50.0000rem) {
    .footer-info-items .footer-info-item .text {
        font-size: 1.25rem;
        line-height: 1.8888888889;
    }
}

@media screen and (max-width: 23.7500rem) {
    .footer-info-items .footer-info-item .text {
        font-size: 1rem;
        line-height: 1.5;
    }
}

.footer-info-items .footer-info-item .image img {
    float: left;
    width: auto;
    max-height: 4.0000rem;
    margin-right: 1.2500rem;
}

.pageelement-downloads-main {
    margin-bottom: 5rem;
}

.pageelement-downloads-main .headline {
    color: #005CA2;
    width: 72.91%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.2500rem;

}



@media screen and (max-width: 120.0000rem) {
    .pageelement-downloads-main .headline {
        width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    }
}

.download-item {
    display: flex;
    justify-content: center;
    margin-bottom: 0.9375rem;
}

.download-link {
    display: inline-block;
    width: 72.91%;
    font-size: 1.1250rem;
    line-height: 1.5000rem;
    padding: 0.8125rem 0.6250rem 0.8125rem 4.88rem;
    background: #005CA2;
    color: white;
    font-weight: bold;
    border-radius: 0.6250rem;
    transition: all .25s;
}

@media screen and (max-width: 120.0000rem) {
    .download-link {
        width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    }
}

.download-link span.fa-solid {
    font-size: 1.5000rem;
    margin-right: 0.9375rem;
    width: auto;
}

.download-link span.fa-solid:before {
    font-weight: 900;
    content: '\f56d';
}

@media screen and (max-width: 50.0000rem) {

    .pageelement-downloads-main .headline {
        width: 80%;

    }

    .download-link {
        width: 80%;
        padding-left: 2.44rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .download-link {
        padding-left: 1.5rem;
        overflow-wrap: anywhere;
    }
}


.pageelement-image-main {
    width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    margin: 0 auto 5rem auto;
}

.pageelement-image-main .image:hover {
    cursor: pointer;
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-image-main {
        width: 80%;
    }
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-booking-main {
        width: 80%;
    }
}

/* button-wide-main*/

.pageelement-button-wide-main .wrapper {
    width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    margin: 0 auto 5rem auto;
    display: flex;
    justify-content: center;
}

.pageelement-button-wide-main .wrapper a {
    text-align: center;
    font-size: 1.5000rem;
    line-height: 2.3750rem;
    padding: 0.5000rem 5.0000rem;
    border-radius: 0.6250rem;
    transition: all .25s;
}

.pageelement-button-wide-main .wrapper a span.fa-solid {
    margin-right: 0.5000rem;
    font-weight: 900;
}

.pageelement-button-wide-main .wrapper a span.fa-solid:before {
    content: '\f0da';
}


@media screen and (max-width: 50.0000rem) {
    .pageelement-button-wide-main .wrapper {
        width: 80%;
    }

    .pageelement-button-wide-main .wrapper a {
        font-size: 1.3750rem;
        line-height: 2.1250rem;
        padding: 0.6250rem 3.1250rem;
    }
}

/* link-main  */

.pageelement-link-main {
    width: 72.91%;
    margin: 0 auto 5rem auto;
}

@media screen and (max-width: 120.0000rem) {
    .pageelement-link-main {
        width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    }
}

.pageelement-link-main .link-box {
    width: 100%;
    background: #81BF53;
    clear: both;
    min-height: 4.3750rem;
    display: flex;
    align-items: stretch;
    position: relative;
    transition: all .25s;
}

.pageelement-link-main.theme-green .link-box {
    background: #a2c614;
}

.pageelement-link-main.theme-blue .link-box {
    background: #005CA2;
}

.pageelement-link-main.theme-yellow .link-box {
    background: #fbb900;
}

.pageelement-link-main.margin-small {
    margin-bottom: 1.2500rem;
}

.pageelement-link-main > h2 {
    margin-bottom: 1.2500rem;
    color: #005ca2;
}

.pageelement-link-main a.link-main-link {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    color: inherit;
    font-size: 1.5000rem;
    padding: 0.6250rem 4.3750rem 0.6250rem 8.1250rem;
    line-height: 1.6250rem;
}

.pageelement-link-main.theme-green .link-main-link:focus-visible {
    outline: 0.1875rem solid #2b2b2b;
    outline-offset: 0.1875rem;
}

.pageelement-link-main.theme-blue .link-main-link:focus-visible {
    outline: 0.1875rem solid #005CA2;
    outline-offset: 0.1875rem;
}

.pageelement-link-main.theme-yellow .link-main-link:focus-visible {
    outline: 0.1875rem solid #2b2b2b;
    outline-offset: 0.1875rem;
}

.pageelement-link-main .link-box .fa-solid.icon::before {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-size: 1.8750rem;
    font-weight: 900;
    content: '\f138';
    display: inline-block;
    position: absolute;
    left: 4.88rem;
    top: 50%;
    transform: translateY(-50%);
}

.pageelement-link-main.theme-blue .link-box:hover .fa-solid.icon::before {
    color: #005CA2;
}

.pageelement-link-main.theme-green .link-box:hover .fa-solid.icon::before,
.pageelement-link-main.theme-yellow .link-box:hover .fa-solid.icon::before {
    color: #2b2b2b;
}

.pageelement-link-main.info .link-box .fa-solid.icon::before {
    content: '\f05a';
}

.pageelement-link-main.contact .link-box .fa-solid.icon::before {
    content: '\f2bd';
}

.pageelement-link-main.extern .link-box .fa-solid.icon::before {
    content: '\f324';
}

.pageelement-link-main .link-box .fa-solid.fa-chevron-right {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    /*content: '\f054';*/
    position: absolute;
    right: 2.5000rem;
    font-size: 3.1250rem;
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
}

.pageelement-link-main.theme-green:hover .link-box {
    background: #ffffff !important;
    box-shadow: inset 0 0 0 0.2500rem #2b2b2b;
}

.pageelement-link-main.theme-green:hover a.link-main-link {
    color: #2b2b2b;
}

.pageelement-link-main.theme-blue:hover .link-box {
    background: #ffffff !important;
    box-shadow: inset 0 0 0 0.2500rem #005CA2;
}

.pageelement-link-main.theme-blue:hover a.link-main-link {
    color: #005CA2;
}

.pageelement-link-main.theme-yellow:hover .link-box {
    background: #ffffff !important;
    box-shadow: inset 0 0 0 0.2500rem #2b2b2b;
}

.pageelement-link-main.theme-yellow:hover a.link-main-link {
    color: #2b2b2b;
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-link-main {
        width: 80%;
    }

    .pageelement-link-main a.link-main-link {
        padding: 0.6250rem 4.3750rem 0.6250rem 5.3125rem;
    }

    .pageelement-link-main .link-box .fa-solid.icon::before {
        left: 2.44rem;
    }

    .pageelement-link-main .link-box .fa-solid.fa-chevron-right {
        right: 1.5625rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-link-main .link-box {
        min-height: 3.7500rem;
    }

    .pageelement-link-main a.link-main-link {
        font-size: 1.1250rem;
        padding: 0.6250rem 2.1875rem 0.6250rem 3.5625rem;
        font-weight: bold;
    }

    .pageelement-link-main .link-box .fa-solid.icon::before {
        left: 1.5rem;
        font-size: 1.4375rem;
    }

    .pageelement-link-main .link-box .fa-solid.fa-chevron-right {
        right: 0.7500rem;
        font-size: 2.1250rem;
    }
}

@media screen and (max-width: 25.0000rem) {
    .pageelement-link-main a.link-main-link {
        hyphens: auto;
    }
}

/* webcam-main */

.pageelement-webcam-main {
    width: 72.91%;
    margin: 0 auto 5rem auto;
}

@media screen and (max-width: 120.0000rem) {
    .pageelement-webcam-main {
        width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    }
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-webcam-main {
        width: 80%;
    }
}

/* media-main */

.pageelement-media-main {
    width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    margin: 0 auto 5rem auto;
}

.movie-box.youtube,
.movie-box.video {
    position: relative;
    padding-top: 0;
    overflow: hidden;
}

.movie-box.youtube iframe,
.movie-box.youtube object,
.movie-box.youtube embed,
.movie-box.video iframe,
.movie-box.video object,
.movie-box.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pageelement-media-main .movie-box.video video {
    width: 100%;
}

.pageelement-media-main .transcript {
    margin-top: 1rem;
    max-width: 62.5rem;
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-media-main {
        width: 80%;
    }
}

/* maps-main */
.pageelement-maps-main {
    width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    margin: 0 auto 5rem auto;
}

.pageelement-maps-main .headline {
    color: #005CA2;
    margin-bottom: 1.2500rem;
}

.pageelement-maps-main .leaflet-container {
    height: 25.0000rem;
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-maps-main {
        width: 80%;
    }
}

/* text-accordion-main */

.pageelement-text-accordion-main {
    width: 72.91%;
    margin: 0 auto 5rem auto;
}

@media screen and (max-width: 120.0000rem) {
    .pageelement-text-accordion-main {
        width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    }
}

.pageelement-text-accordion-main .wrapper {
    background: #005CA2;
    color: #fff;
}

.pageelement-text-accordion-main.short-margin {
    margin-bottom: 1.5625rem;
}

.pageelement-text-accordion-main .top {
    padding: 0.6250rem 1.8750rem 0.6250rem 4.88rem;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
}

.pageelement-text-accordion-main .top:has(summary:focus-visible),
.pageelement-text-accordion-main .top:has(summary:hover) {
    outline: 0.1875rem solid #005CA2;
    outline-offset: 0.1875rem;
}

.pageelement-text-accordion-main .top summary {
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.pageelement-text-accordion-main .top summary::-webkit-details-marker {
    display: none;
}


.pageelement-text-accordion-main .top summary:focus-visible {
    /*outline: 0.1875rem #fff solid;
    outline-offset: 0.1875rem;*/
    outline: none;
}

.pageelement-text-accordion-main .top .headline {
    font-size: 1.3750rem;
    /*font-weight: bold;*/
    padding-right: 0.9375rem;
    line-height: 1.5625rem;
}

.pageelement-text-accordion-main .top .arrow {
    display: inline-block;
}

.pageelement-text-accordion-main .top .arrow::before {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-weight: 900;
    content: '\f078';
    width: auto;
    font-size: 1.3750rem;
    display: inline-block;
    transition: all 0.5s;
}

.pageelement-text-accordion-main .top[open] .arrow::before {
    transform: rotate(180deg);
}


.pageelement-text-accordion-main .text {
    padding: 0.9375rem 1.5625rem 0 0;
    cursor: default !important;
    display: block;
}

.pageelement-text-accordion-main .text a {
    color: inherit;
}

.pageelement-text-accordion-main .wrapper .text h2,
.pageelement-text-accordion-main .wrapper .text p {
    color: #fff;
}


@media screen and (max-width: 50.0000rem) {
    .pageelement-text-accordion-main {
        width: 80%;
    }

    .pageelement-text-accordion-main .top .headline {
        font-size: 1.1250rem;
    }

    .pageelement-text-accordion-main .top {
        padding-left: 2.44rem;
    }

    .pageelement-text-accordion-main .top .arrow::before {
        font-size: 1.2500rem;
    }

    .pageelement-text-accordion-main .text {
        padding-left: 2.44rem;
    }
}

@media screen and (max-width: 32.5000rem) {
    .pageelement-text-accordion-main .top,
    .pageelement-text-accordion-main .text {
        padding-left: 1.5rem;
    }
}

/* headline-main */

.pageelement-headline-main {
    color: #005CA2;
    width: 72.91%;
    margin: 0 auto 1.2500rem auto;
    font-size: 1.77rem;

}

@media screen and (max-width: 120.0000rem) {
    .pageelement-headline-main {
        width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    }
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-headline-main {
        width: 80%;
    }
}

/* gallery-detail-main */
.pageelement-gallery-detail-main {
    width: 72.91%;
    margin: 0 auto 5rem auto;
}



@media screen and (max-width: 120.0000rem) {
    .pageelement-gallery-detail-main {
        width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    }
}

.pageelement-gallery-detail-main .gallery-container {
    -webkit-box-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    height: 100%;
    grid-gap: 1.2500rem;
}

.pageelement-gallery-detail-main .gallery-container .gallery-image {
    height: calc(((45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120))) - 3.7500rem) / 4);
    width: 100%;
    border: none;
}

.pageelement-gallery-detail-main .gallery-container .gallery-image:focus-visible,
.pageelement-gallery-detail-main .gallery-container .gallery-image:hover {
    outline: solid 0.1875rem #005ca2;
    outline-offset: 0.1875rem;
}

.pageelement-gallery-detail-main .gallery-container .gallery-image img {
    object-fit: cover;
    height: 100%;
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-gallery-detail-main {
        width: 80%;
    }

    .pageelement-gallery-detail-main .gallery-container {
        -webkit-box-align: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }

    .pageelement-gallery-detail-main .gallery-container .gallery-image {
        height: calc((80vw - 2.5000rem) / 3);
    }
}

@media screen and (max-width: 40.0000rem) {
    .pageelement-gallery-detail-main .gallery-container {
        -webkit-box-align: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-grid-columns: 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    .pageelement-gallery-detail-main .gallery-container .gallery-image {
        height: calc((80vw - 1.2500rem) / 2);
    }
}

/* newsletter-subscription */

#newsletter-mail:focus-visible {
    outline: 0.1875rem #2b2b2b solid;
    outline-offset: 0.1875rem;
}

.pageelement-newsletter-subscription {
    width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    margin: 0 auto 5rem auto;
    display: block;
    text-align: start;
}

.pageelement-newsletter-subscription .defaultform textarea,
.pageelement-newsletter-subscription .form-row textarea {
    display: block;
    width: calc(100% - 9.0625rem);
    box-sizing: border-box;
    padding: 0.3125rem;
    font-size: 0.8125rem;
    resize: vertical;
    margin-bottom: 0;
}


.pageelement-newsletter-subscription .form-row,
.pageelement-newsletter-subscription .defaultform .form-submit-container {
    width: 100%;
    display: block;
    margin-top: 0.6250rem;
}

.pageelement-newsletter-subscription .form-row {
    display: flex;
    flex-flow: column;
}

.pageelement-newsletter-subscription .radiobutton-wraper,
.pageelement-newsletter-subscription .radiobuttons-wraper {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
}

.pageelement-newsletter-subscription .form-row.optin-text a {
    color: #2B2B2B;
    text-decoration: underline;
}

.pageelement-newsletter-subscription .form-row.optin-text a:hover {
    text-decoration: underline;
}

.pageelement-newsletter-subscription .form-row.email {
    display: none;
}

.pageelement-newsletter-subscription .form-row label {
    float: left;
    padding: 0.3125rem 0;
}

.pageelement-newsletter-subscription .form-row input {
    float: left;
}

.pageelement-newsletter-subscription .form-row input[type='text'],
.pageelement-newsletter-subscription .form-row input[type='password'],
.pageelement-newsletter-subscription .form-row input[type='email'] {
    width: 100%;
    height: 3.3333333333rem;
    border: 0.0625rem solid #707070;
    background: #fff;
    color: #2B2B2B;
    padding: 1.1875rem 1.5rem;
    font-size: 1rem;
    line-height: 1.1111111111rem;
    font-family: 'Open Sans', sans-serif;
}

.pageelement-newsletter-subscription .form-row input[type='text']:focus-visible,
.pageelement-newsletter-subscription .form-row input[type='password']:focus-visible,
.pageelement-newsletter-subscription .form-row input[type='email']:focus-visible {
    outline: 0.1875rem solid #005ac2;
    outline-offset: 0.1875rem;
}

.pageelement-newsletter-subscription .radiobuttons-wrapper.cols {
    display: flex;
    gap: 1.8750rem;
}

.pageelement-newsletter-subscription .radiobutton-wrapper {
    display: flex;
    width: fit-content;
}

.pageelement-newsletter-subscription .radiobutton-wrapper:has(input:focus-visible) {
    outline: 0.1875rem solid #005ac2;
    outline-offset: 0.1875rem;
}

.pageelement-newsletter-subscription .form-row input[type='radio'] {
    margin: 0.3125rem 0.3125rem 0 0;
    height: 1.2500rem;
    width: 1.5625rem;
    appearance: auto;
}

.pageelement-newsletter-subscription .form-row.no-display {
    display: none;
}

.pageelement-newsletter-subscription .form-row.bund select {
    width: 20.0625rem;
}

.pageelement-newsletter-subscription .form-row.mailmail {
    display: none;
}

.pageelement-newsletter-subscription .button-submit {
    border: none;
    cursor: pointer;
    display: inline-block;
    margin-top: 0.6875rem;
    padding: 0.9375rem 2.5000rem;
    background-color: #005CA2;
    color: #FFFFFF;
    border-radius: 0.6250rem;
    font-size: 1.0000rem;
    font-family: 'Open Sans', sans-serif;
    transition: all .25s;
}

.pageelement-newsletter-subscription .button-submit:hover {
    background: #fff;
    box-shadow: inset 0 0 0 0.2500rem #005CA2;
    color: #005CA2;
}

.pageelement-newsletter-subscription .defaultform .form-submit-container {
    margin-top: 1.2500rem;
}

.pageelement-newsletter-subscription .defaultform select {
    display: block;
    padding: 0.3125rem;
    width: calc(100% - 9.1875rem);
    box-sizing: border-box;
}

.pageelement-newsletter-subscription .button-submit:hover {
    text-decoration: none;
    opacity: 1;
}


.pageelement-newsletter-subscription .form-row input.Error {
    border: 0.0625rem solid #ff0000;
}

.pageelement-newsletter-subscription .form-row.plz label {
    float: left;
    width: auto;
}

.pageelement-newsletter-subscription .form-plz-ort-label {
    float: left;
    width: 9.0625rem;
}

.pageelement-newsletter-subscription .form-row.plz span {
    float: left;
    margin-top: 0.3125rem;
}

.pageelement-newsletter-subscription .plz-ort-input-wrapper {
    width: calc(100% - 9.1875rem);
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pageelement-newsletter-subscription .plz-input,
.pageelement-newsletter-subscription .ort-input {
    display: block;
    overflow: hidden;
}

.pageelement-newsletter-subscription .plz-input {
    width: calc(40% - 0.5000rem);

}

.pageelement-newsletter-subscription .ort-input {
    width: calc(60% - 0.5000rem);
}

.pageelement-newsletter-subscription .plz-input .textbox {
    width: 100% !important;
}

.pageelement-newsletter-subscription .ort-input .textbox {
    width: 100% !important;
}

.pageelement-newsletter-subscription .form-error p {
    padding: 0.7500rem;
    border: 0.0625rem solid #ff0000;
    display: inline-block;
}

.pageelement-newsletter-subscription .form-info p {

}

.pageelement-newsletter-subscription .button-submit.readmore:focus-visible {
    outline: 0.1875rem solid #005CA2;
    outline-offset: 0.1875rem;
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-newsletter-subscription .form-row label {
        width: 100%;
    }

    .pageelement-newsletter-subscription .form-row:has(.radiobuttons-wrapper) {
        float: unset;
        display: flex;
        flex-flow: column;
    }

    .pageelement-newsletter-subscription .radiobuttons-wrapper.cols {
        display: flex;
        gap: 1.2500rem;
    }

    .pageelement-newsletter-subscription .radiobutton-wrapper {
        display: flex;
    }

    .pageelement-newsletter-subscription .form-row.optin-text {
        padding-left: 0;
    }

    .pageelement-newsletter-subscription .button-submit {
        margin-left: 0;
    }

    .pageelement-newsletter-subscription {
        width: 80%;
    }

    .pageelement-newsletter-subscription .radiobutton-wraper:nth-child(4) {
        margin-left: 9.0625rem;
    }
}

@media screen and (max-width: 40.6250rem) {
    .pageelement-newsletter-subscription .radiobutton-wraper,
    .pageelement-newsletter-subscription .radiobuttons-wraper {
        flex-wrap: wrap;
        width: 100%;
    }

    .pageelement-newsletter-subscription .radiobutton-wraper:nth-child(4) {
        margin-left: unset;
    }

    .pageelement-newsletter-subscription .form-row input[type='text'],
    .pageelement-newsletter-subscription .form-row input[type='password'],
    .pageelement-newsletter-subscription .form-row input[type='email'],
    .pageelement-newsletter-subscription .defaultform textarea,
    .form-row textarea {
        width: 100%;
        box-sizing: border-box;
    }

    .pageelement-newsletter-subscription .defaultform select {
        max-width: 100%;
    }

    .pageelement-newsletter-subscription .form-plz-ort-label {
        width: 100%;
    }

    .pageelement-newsletter-subscription .button-submit {
        margin-left: 0;
    }

    .pageelement-newsletter-subscription .plz-ort-input-wrapper {
        width: 100%;
        box-sizing: border-box;
    }

    .pageelement-newsletter-subscription .plz-input {
        width: 30%;
    }

    .pageelement-newsletter-subscription .ort-input {
        width: calc(70% - 0.6250rem);
    }

    .pageelement-newsletter-subscription .plz-input .textbox {
        width: 100%;
        box-sizing: border-box;
    }

    .pageelement-newsletter-subscription .ort-input .textbox {
        width: 100%;
        box-sizing: border-box;
    }

    .pageelement-newsletter-subscription .form-row label[for='anrede-1'],
    .form-row label[for='anrede-2'] {
        width: auto;

    }

    .pageelement-newsletter-subscription .form-row label[for='anrede-1'] {
        margin-right: 0.9375rem;
    }

    .pageelement-newsletter-subscription .form-row label[for='anrede'] {
        width: auto;
        margin-right: 0.9375rem;
    }

    .pageelement-newsletter-subscription .form-row.optin-text {
        padding-left: 0;
    }

}

/* meetingrooms-list-main */

.pageelement-meetingrooms-list-main .room-button {
    display: inline-flex;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-style: normal;
    transition: all .25s;
    touch-action: manipulation;
    outline: 0;
    user-select: none;
    color: #fff;
    border: 0.0625rem solid transparent;
    border-radius: 0.3750rem;
    width: fit-content;
    font-size: 1.1250rem;
    font-weight: 700;
    padding: 0.5625rem 1.2500rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-width: 100%;
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
}

.pageelement-meetingrooms-list-main .room-button span:before {
    content: '\f35d';
    font-family: 'Font Awesome 5 Pro', sans-serif;
    margin-right: 0.5000rem;
}

.pageelement-meetingrooms-list-main {
    width: 100%;
    height: auto;
    padding: 0;
    background-color: #fff;
    position: relative;
}

.pageelement-meetingrooms-list-main > h2 {
    font-size: 1.77rem;
    width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.9375rem;
    color: #005CA2;
}

.pageelement-meetingrooms-list-main .room-table-content {
    width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    position: relative;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5rem;
}

.pageelement-meetingrooms-list-main .room-table {
    font-weight: 400;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    height: 100%;
    grid-gap: .6rem;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.pageelement-meetingrooms-list-main .room-table .table-head,
.pageelement-meetingrooms-list-main .room-table-ext .table-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 1.2500rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    color: #9a9a9a;
    padding-bottom: 0;
    width: 100%;
    text-align: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pageelement-meetingrooms-list-main .room-table :nth-child(n) {
    grid-column: 1/span 3;
}

.pageelement-meetingrooms-list-main .room-table .table-head .main-col {
    padding-left: 0;
    text-align: left;
    width: 31.2500rem;
    display: block;
}

.pageelement-meetingrooms-list-main .room-table .table-head .col:nth-child(2),
.pageelement-meetingrooms-list-main .room-table-ext .table-head .col:nth-child(2) {
    margin-right: 5rem;
    padding-bottom: 0.3125rem;
}

.pageelement-meetingrooms-list-main .room-table .table-head .col.solo {
    margin-right: 0.7500rem !important;
}

.pageelement-meetingrooms-list-main .room-table .col,
.pageelement-meetingrooms-list-main .room-table-ext .col {
    display: block;
    width: 12.5000rem;
    text-align: center;
}

.pageelement-meetingrooms-list-main .room-table .table-row .col.solo {
    margin-right: 0 !important;
}

.pageelement-meetingrooms-list-main .room-table .table-head .large,
.pageelement-meetingrooms-list-main .room-table-ext .table-head .large {
    font-size: 2.3750rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
}

.pageelement-meetingrooms-list-main .room-table .table-head .upper,
.pageelement-meetingrooms-list-main .room-table-ext .table-head .upper {
    margin-top: -1.0000rem;
}

.pageelement-meetingrooms-list-main .room-table .table-head .small,
.pageelement-meetingrooms-list-main .room-table-ext .table-head .small {
    font-size: 1.1250rem;
    line-height: 1.35;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    color: #005CA2;
}

.pageelement-meetingrooms-list-main .room-table .table-row,
.pageelement-meetingrooms-list-main .room-table-ext .table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-flow: row;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    align-content: flex-start;
    -webkit-box-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 1.1250rem;
    line-height: 1.3333333333;
    font-weight: 400;
    background-color: #005CA2;
    color: #fff;
    width: 100%;
    min-height: 2.1875rem;
    padding: 0.2500rem 0.6250rem;
    box-sizing: border-box;
}

.pageelement-meetingrooms-list-main .room-table .table-row .main-col,
.pageelement-meetingrooms-list-main .room-table-ext .table-row .main-col {
    padding-left: 4.4444444444rem;
}

.pageelement-meetingrooms-list-main .room-table .table-row .main-col,
.pageelement-meetingrooms-list-main .room-table-ext .main-col {
    width: 31.2500rem;
    box-sizing: border-box;
}

.pageelement-meetingrooms-list-main .room-table .table-row .col:nth-child(2) {
    margin-right: 5rem;
}

.pageelement-meetingrooms-list-main .room-table-ext {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    height: 100%;
    grid-gap: 0.6rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: none;
}

.pageelement-meetingrooms-list-main .room-table-ext .main-col {
    width: 100%;
}

.pageelement-meetingrooms-list-main .room-table-ext .table-head.main-col {
    width: 100%;
}

.pageelement-meetingrooms-list-main .footnote {
    padding-top: 2rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.pageelement-meetingrooms-list-main .footnote p {
    font-size: 1.1250rem;
    color: #2B2B2B;
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-meetingrooms-list-main > h2 {
        width: 80%;
    }

    .pageelement-meetingrooms-list-main .room-table-ext {
        display: -ms-grid;
        display: grid;
    }

    .pageelement-meetingrooms-list-main .room-table-ext .table-head {
        text-align: left;
    }

    .pageelement-meetingrooms-list-main .room-table .table-row .main-col,
    .pageelement-meetingrooms-list-main .room-table-ext .table-row .main-col {
        width: 68%;
        padding-left: 0.5555555556rem;
    }

    .pageelement-meetingrooms-list-main .room-table-ext .col {
        width: 28%;
    }

    .pageelement-meetingrooms-list-main .room-table {
        display: none;
    }

    .pageelement-meetingrooms-list-main .room-table .table-head,
    .pageelement-meetingrooms-list-main .room-table-ext .table-head {
        font-size: 1.25rem;
        line-height: 1.35;
    }

    .pageelement-meetingrooms-list-main .room-table-ext .table-head:not(:first-child) {
        justify-content: flex-end;
    }

    .pageelement-meetingrooms-list-main .room-table-ext :nth-child(n) {
        grid-column: 1/span 3;
    }

    .pageelement-meetingrooms-list-main .room-table-ext .table-head .main-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-flow: row;
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center;
        height: 100%;
        width: 30%;
    }

    .pageelement-meetingrooms-list-main .room-table-ext .table-head:first-child .main-col {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }

    .pageelement-meetingrooms-list-main .room-table-content {
        width: 80%;
    }

    .pageelement-meetingrooms-list-main .room-table-ext .table-head .small {
        padding: 0.6250rem;
    }

    .pageelement-meetingrooms-list-main .room-table-ext .table-row,
    .pageelement-meetingrooms-list-main .footnote p {
        font-size: 1.0000rem;
    }
}

/* pageElement-offer-booking-main */
.pageelement-offer-booking-main {
    width: 72.91%;
    margin: 0 auto 5rem;
    text-align: start;
    justify-content: start;
    flex-wrap: wrap;
}



@media screen and (max-width: 120.0000rem) {
    .pageelement-offer-booking-main {
        width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    }
}

.pageelement-offer-booking-main .booking-container {
    width: 100%;
}

.pageelement-offer-booking-main .grid {
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    height: 100%;
    grid-gap: 1.2500rem;
    overflow: visible;
}

.pageelement-offer-booking-main form .form-check {
    margin-bottom: 0.9375rem;
}

.pageelement-offer-booking-main .form-select .rubrik-label label {
    margin-bottom: 0.5000rem;
    display: block;
}

.pageelement-offer-booking-main .form-row.datepicker input {
    width: 100%;
    height: 3.7500rem;
    border: solid 0.0625rem #707070;
    font-size: 1.1250rem;
    padding: 0.7500rem 1.2500rem;
    display: block;
    color: #2B2B2B;
    font-family: 'Open Sans', sans-serif;
}

.pageelement-offer-booking-main .form-check:has(.checkbox-wrapper) legend {
    margin-bottom: 0.4rem;
}

.pageelement-offer-booking-main .form-check .checkbox-wrapper {
    display: flex;
    gap: 0.5000rem;
    align-items: start;
}

.pageelement-offer-booking-main form .form-check .checkbox-wrapper input {
    margin-top: 0.3125rem;
}

.pageelement-offer-booking-main form .form-check .checkbox-wrapper input[type='checkbox'] {
    margin-top: 0;
}

.pageelement-offer-booking-main .form-check .checkboxLabel {
    margin-left: 0.6250rem !important;
    width: 100%;
}

.pageelement-offer-booking-main .booking-info {
    background: #a2c614;
    padding: 1.5625rem;
    margin-bottom: 1.5625rem;
}

.pageelement-offer-booking-main .booking-info h2 {
    margin-bottom: 0.9375rem;
    font-size: 1.5000rem;
}

.pageelement-offer-booking-main .booking-info p,
.pageelement-offer-booking-main .booking-info h2 {
    color: #2b2b2b;
}

.pageelement-offer-booking-main .wrapper {
    width: 100%;
    color: #2B2B2B;
    position: relative;
    transition: all .25s ease-in-out;
}

.pageelement-offer-booking-main .rubrik-inhalt select,
.pageelement-offer-booking-main .form-row select {
    border: solid 0.0625rem #707070;
    font-size: 1.1250rem;
    font-family: 'Open Sans', sans-serif;
    color: #2B2B2B;
    height: 3.7500rem;
    width: 100%;
    padding: 0.9375rem;
    display: block;
    appearance: none;
    -webkit-appearance: none;
    background: url(/_images/icons/angle-down-solid.svg) no-repeat white;
    background-size: 1.5625rem;
    background-position-x: calc(100% - 1.2500rem);
    background-position-y: center;
}

.pageelement-offer-booking-main .form-row input[type='text'] {
    width: 100%;
    height: 3.7500rem;
    border: solid 0.0625rem #707070;
    font-size: 1.1250rem;
    padding: 1.2500rem;
    display: block;
    color: #2B2B2B;
}

.pageelement-offer-booking-main .form-row input[type='text']:focus-visible,
.pageelement-offer-booking-main textarea:focus-visible,
.pageelement-offer-booking-main .form-row select:focus-visible {
    border: 0.0625rem solid #005ca2;
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

.pageelement-offer-booking-main .form-row.email,
.pageelement-offer-booking-main .form-row.no-display {
    display: none;
}

.pageelement-offer-booking-main .form-row.lead select {
    margin-top: 0.3750rem;
}

.pageelement-offer-booking-main textarea {
    width: 100%;
    height: 12.5000rem;
    border: solid 0.0625rem #707070;
    font-size: 1.1250rem;
    padding: 1.2500rem;
    margin-right: calc(100% - 31.2500rem);
    margin-bottom: 0.9375rem;
    font-family: 'Open Sans', sans-serif;
    color: #2B2B2B;
}

.pageelement-offer-booking-main .button-submit {
    background: #005CA2;
    color: #fff;
    border: none;
    border-radius: 0.6250rem;
    font-size: 1.1250rem;
    font-family: 'Open Sans Bold', sans-serif;
    padding: 0.9375rem 3.1250rem;
    cursor: pointer;
    display: inline-block;
    margin-top: 1.2500rem;
}

.pageelement-offer-booking-main .button-submit:focus-visible {
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

.pageelement-offer-booking-main .link-back.detail-linkback-link {
    background: #005CA2;
    color: #fff;
    border: none;
    border-radius: 0.6250rem;
    font-size: 1.1250rem;
    font-family: 'Open Sans Bold', sans-serif;
    padding: 0.9375rem 3.1250rem;
    cursor: pointer;
    display: inline-block;
    margin-top: 1.2500rem;
    margin-bottom: 1.2500rem;
    transition: all .25s;
}

.pageelement-offer-booking-main .contactform-contact-box {
    margin-top: 0;
}

.pageelement-offer-booking-main .grid + .grid .contactform-contact-box {
    margin-top: -9.3750rem;
}

.pageelement-offer-booking-main form .form-row input[type=text]:focus-visible {
    border: 0.0625rem solid #005ca2;
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

.pageelement-offer-booking-main form .form-row input[type=text]:focus-visible {
    border: 0.0625rem solid #005ca2;
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

.pageelement-offer-booking-main form .form-row textarea:focus-visible {
    border: 0.0625rem solid #005ca2 !important;
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

.pageelement-offer-booking-main form .form-select select:focus-visible {
    border: 0.0625rem solid #005ca2;
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

.pageelement-offer-booking-main form .form-row input[type=date]:focus-visible {
    border: 0.0625rem solid #005ca2;
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

.pageelement-offer-booking-main .form-check .checkbox-wrapper input:focus-visible {
    outline: none;
}

.pageelement-offer-booking-main .form-check .checkbox-wrapper:has(input[type='checkbox']:focus-visible) {
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}


@media screen and (max-width: 50.0000rem) {
    .pageelement-offer-booking-main {
        width: 80%;
    }

    .pageelement-offer-booking-main .booking-info h2 {
        font-size: 1.3750rem;
        line-height: 1.8750rem;
    }

    .pageelement-offer-booking-main .contactform-contact-box {
        display: none;
    }

    .pageelement-offer-booking-main .grid {
        align-items: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-columns: 1fr;
        -ms-grid-rows: 1fr 1fr;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
    }

    .pageelement-offer-booking-main .datepick-box {
        margin-bottom: -1.2500rem;
    }

}

@media screen and (max-width: 32.5000rem) {
    .pageelement-offer-booking-main .form-row input[type='text'] {
        height: 3.1250rem;
        font-size: 1.0000rem;
        padding: 0.6250rem;
    }

    .pageelement-offer-booking-main .rubrik-inhalt select,
    .pageelement-offer-booking-main .form-row select {
        font-size: 1.0000rem;
        height: 3.1250rem;
        margin-bottom: 0.9375rem;
        padding: 0.6250rem 1.8750rem 0.6250rem 0.6250rem;
        background-size: 0.8125rem;
        background-position-x: calc(100% - 0.6250rem);
    }

    .pageelement-offer-booking-main .button-submit,
    .pageelement-offer-booking-main .link-back.detail-linkback-link {
        padding: 0.6250rem 1.5625rem;
        font-size: 1.0000rem;
    }

    .pageelement-offer-booking-main textarea {
        font-size: 1.0000rem;
        height: 8.4375rem;
        padding: 0.6250rem;
    }

    .contentbox-header h2,
    .infobox-content .headline h5 {
        hyphens: auto;
    }
}

/*****************************************************************
**** FormElements
******************************************************************/

.form-row label {
    padding: 0.3125rem 0;
}

.form-row label a {
    font-size: inherit;
    text-decoration: underline;
    color: #00528c;
}

.form-row label a:hover {
    color: #707070;
}

.form-row label a:focus-visible {
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

/* honeypot */
.form-row.email {
    display: none;
}

/*****************************************************************
**** form-rows
******************************************************************/

.form-row {
    display: flex;
    flex-flow: column;
    margin-bottom: 1.2500rem;
    width: 100%;
    font-size: 1.125rem;
}

/*****************************************************************
**** FormElements
******************************************************************/

.form-row label {
    padding: 0.3125rem 0;
}

.form-row label a {
    font-size: inherit;
    text-decoration: underline;
    color: #00528c;
}

.form-row label a:hover {
    color: #707070;
}

.form-row label a:focus-visible {
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

/* honeypot */
.form-row.email {
    display: none;
}

.form-row input.error {
    border: 0.0625rem solid #B00020 !important;
}

.form-row select.error {
    border: 0.0625rem solid #B00020 !important;
}

.form-row textarea.error {
    border: 0.0625rem solid #B00020 !important;
}

.form-row:has(.error) > label,
.form-row:has(.error) > legend {
    color: #B00020;
}

/* onlinerechner */

.pageelement-onlinerechner #step2_werbungskosten,
.pageelement-onlinerechner .einkommen-steuer,
.pageelement-onlinerechner .einkommen-brutto,
.pageelement-onlinerechner .erholung,
.pageelement-onlinerechner .handicap,
.pageelement-onlinerechner .alter,
.pageelement-onlinerechner .finanzamt,
.pageelement-onlinerechner .g-price-true,
.pageelement-onlinerechner .g-price-false,
.pageelement-onlinerechner .berechnung1,
.pageelement-onlinerechner .berechnung2,
.pageelement-onlinerechner .daten,
.pageelement-onlinerechner .unterschrift {
    display: none;
}

#ajax-loader {
    left: 0;
    position: absolute;
    right: 0;
    margin: 0 auto;
    max-width: 120.0000rem;
    max-height: 100vh;
    height: 100%;
    text-align: center;
    width: 100%;
    z-index: 99999999999;
}

#ajax-loader .grey-background {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
}

#ajax-loader img {
    max-width: 3.1250rem;
    height: auto;
    width: 100%;
    display: block;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 99999999;
    margin: 0 auto;
    top: 50%;
    left: 50%;
}

#ajax-loader .spinner {
    border-radius: 50%;
    border: 0.1875rem transparent solid;
    width: 2.5000rem;
    min-width: 2.5000rem;
    height: 2.5000rem;
    border-left-color: #005CA2;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.pageelement-onlinerechner {
    width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    margin: 0 auto 0.9375rem auto;
    color: #2B2B2B;
    position: relative;
    transition: all .25s ease-in-out;
    text-align: start;
    overflow: visible;
}

.pageelement-onlinerechner #formBerechnung {
    width: 100%;
}

.pageelement-onlinerechner input[type='text'] {
    width: 43.7500rem;
    max-width: 100%;
    height: 3.7500rem;
    border: solid 0.0625rem #707070;
    font-size: 1.1250rem;
    padding: 1.2500rem;
    display: block;
    margin-bottom: 0.9375rem;
    color: #2B2B2B;
}

.pageelement-onlinerechner input[type='text']:focus-visible {
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

.pageelement-onlinerechner .form-row input[type='text']:focus-visible,
.pageelement-onlinerechner textarea:focus-visible,
.pageelement-onlinerechner .rubrik-inhalt select:focus-visible,
.pageelement-onlinerechner .form-row select:focus-visible {
    opacity: .9;
    border: 0.0625rem solid #005ca2;
    outline: none;
}

.pageelement-onlinerechner .headline-abschnitt {
    font-weight: bold;
    margin-bottom: 1.2500rem;
}

.pageelement-onlinerechner .headline-abschnitt.fameinkomm {
    font-weight: bold;
    margin: 0.6250rem 0 0 0;
}

.pageelement-onlinerechner .headline-abschnitt.erklaerung {
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 1.2500rem;
}

.pageelement-onlinerechner .headline-berechnung {
    margin-bottom: 0.6250rem;
}

.pageelement-onlinerechner .headline-berechnung.margin {
    margin-top: 1.2500rem;
}

.pageelement-onlinerechner .headline-berechnung em {
    font-weight: bold;
}

.pageelement-onlinerechner .frage-canvas {
    width: 100%;
    padding: 0.6250rem 0;
    display: inline-block;
}

.pageelement-onlinerechner .border-top {
    border-bottom: none;
    border-top: 0.0625rem solid #707070;
    padding: 0.6250rem 0;
}

.pageelement-onlinerechner .border-top.gast {
    border-top: 0;
}

.pageelement-onlinerechner .gast .frage-canvas {
    border-bottom: none;
}

.pageelement-onlinerechner label:has(input[type='radio']:focus-visible) {
    outline: 0.1875rem #005ca2 solid;
}

.pageelement-onlinerechner .frage-canvas.summe {
    border-bottom: none;
    margin-bottom: 1.2500rem;
}

.frage-canvas.input {
    border-bottom: none;
    padding: 0;
}

.pageelement-onlinerechner .box-frage-big {
    float: left;
    width: 95%;
    padding-right: 5%;
}

.pageelement-onlinerechner .box-frage-big.input {
    width: 100%;
    padding-right: 0;
}

.pageelement-onlinerechner .box-bez {
    float: left;
    width: 30%;
    padding-right: 5%;
}

.pageelement-onlinerechner input[type='radio'] {
    margin-right: 0.3125rem;
    appearance: auto;
}

.pageelement-onlinerechner span.minus {
    display: none;
    float: left;
    margin-top: 2.3750rem;
}

.pageelement-onlinerechner input.einzelnachweis {
    margin-top: 0.6250rem;
}

.pageelement-onlinerechner label {
    margin-right: 0.9375rem;
    margin-bottom: 0.5rem;
    display: inline-block;
}

.pageelement-onlinerechner select {
    border: 0.0625rem solid #666666;
    color: #2B2B2B;
    display: block;
    float: left;
    font-size: 1.1250rem;
    font-family: 'Open Sans', sans-serif;
    height: 3.7500rem;
    width: 100%;
    max-width: 43.7500rem;
    margin-bottom: 1.2500rem;
    padding: 0.9375rem;
    appearance: none;
    -webkit-appearance: none;
    background: url(/_images/icons/angle-down-solid.svg) no-repeat white;
    background-size: 1.5625rem;
    background-position-x: calc(100% - 1.2500rem);
    background-position-y: center;
}

.pageelement-onlinerechner select:focus-visible {
    outline: 0.1875rem solid #005ca2;
    outline-offset: 0.1875rem;
}

.pageelement-onlinerechner option {
    padding-right: 0.5000rem;
}

.pageelement-onlinerechner .g-price-resultbox {
    width: 100%;
    /*border-width:0.1250rem 0.0000rem 0.1250rem 0.0000rem;
    border-color:#0F75B3;
    border-style:solid;*/
    border-top: 0.1250rem solid #707070;
    border-bottom: 0.1250rem solid #707070;
    padding: 0.6250rem 0;
    display: inline-block;
    margin-bottom: 0.6250rem;
}

.pageelement-onlinerechner .einkommen-infobox {
    width: 96%;
    border: 0.0625rem solid #707070;
    padding: 0.6250rem 2% 0.6250rem 2%;
    display: inline-block;
    margin: 0.3125rem 0 0 0;
}

.pageelement-onlinerechner .einkommen-infobox .headline {
    position: relative;
    min-height: 1.7500rem;
    line-height: 1.7500rem;
    cursor: pointer;
    padding-left: 2.0000rem;
}

.pageelement-onlinerechner .einkommen-infobox .headline.active {
    background-position: bottom right;
}

.pageelement-onlinerechner .einkommen-infobox .question {
    height: 1.7500rem;
    width: 1.7500rem;
    float: left;
    -webkit-background-size: 1.7500rem 1.7500rem;
    background-size: 1.7500rem 1.7500rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.pageelement-onlinerechner .einkommen-infobox .question:before {
    content: '\f059';
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-size: 1.6250rem;
}

.pageelement-onlinerechner .einkommen-infobox .content {
    margin-top: 1.2500rem;
    display: none;
}

.pageelement-onlinerechner .einkommen-infobox .content ul {
    list-style-type: none;
    margin: 0;
}

.pageelement-onlinerechner .einkommen-infobox .content ul li {
    margin: 0 0 0.9375rem 0;
}

.pageelement-onlinerechner .einkommen-infobox .content ul li ul {
    list-style-type: disc;
    margin: 0 0 0 0.8750rem;
}

.pageelement-onlinerechner .einkommen-infobox .content ul li ul li {
    margin: 0.1875rem 0;
    list-style: disc;
}

.pageelement-onlinerechner .g-price-true {
    width: 100%;
    padding: 0.9375rem 0;
    border: none;
    background-color: #A2C614;
    color: #2b2b2b;
    -webkit-border-radius: 0.3125rem;
    border-radius: 0.3125rem;
    font-size: 1.1250rem;
    text-align: center;
    margin-top: 0.6250rem;
}

.pageelement-onlinerechner .g-price-false {
    width: 100%;
    padding: 0.9375rem 0;
    border: none;
    background-color: #FBB900;
    color: #2b2b2b;
    -webkit-border-radius: 0.3125rem;
    border-radius: 0.3125rem;
    font-size: 1.1250rem;
    text-align: center;
    margin-top: 0.6250rem;
}

.pageelement-onlinerechner .button-print {
    background: #005CA2;
    color: #fff;
    border: none;
    border-radius: 0.6250rem;
    font-size: 1.1250rem;
    font-family: 'Open Sans Bold', sans-serif;
    padding: 0.9375rem 3.1250rem;
    cursor: pointer;
    display: inline-block;
    margin-top: 1.2500rem;
}

.pageelement-onlinerechner .waehrung {
    float: left;
    display: none;
}

.pageelement-onlinerechner .unterschrift {
    float: left;
    width: 18.7500rem;
    padding-top: 0.3125rem;
    margin: 9.3750rem 0 0 0;
    border-top: 0.0625rem solid #1F386C;
    text-align: center;
}

.pageelement-onlinerechner .unterschrift.ort {
    width: 21.8750rem;
    margin: 9.3750rem 3.1250rem 0 0;
}

#step2_werbungskosten_pauschal {
    margin-top: 0.6250rem;
    width: 7.8125rem;
    display: none;
}

.pageelement-onlinerechner .hinweis-alter,
.pageelement-onlinerechner .hinweis-erholung,
.pageelement-onlinerechner .hinweis-handicap {
    color: #ff0000;
    font-weight: bold;
    padding: 0.6250rem 0;
    font-size: 1.0000rem;
    display: none;
}

@media screen and (max-width: 50.0000rem) {
    .pageelement-onlinerechner {
        width: 80%;
    }

}

@media screen and (max-width: 32.5000rem) {
    .pageelement-onlinerechner input[type='text'] {
        height: 3.1250rem;
        font-size: 1.0000rem;
        padding: 0.6250rem;
    }

    .pageelement-onlinerechner select {
        font-size: 1.0000rem;
        height: 3.1250rem;
        margin-bottom: 0.9375rem;
        padding: 0.6250rem 1.8750rem 0.6250rem 0.6250rem;
        background-size: 0.8125rem;
        background-position-x: calc(100% - 0.6250rem);
    }

    .pageelement-downloads-main .headline,
    .contentbox-header h2,
    .pageelement-link-main > h2,
    .pageelement-price-table .label {
        font-size: 1.5rem;
    }

}

/*****************************************************************
**** form
******************************************************************/

.pageelement-form {
    overflow: unset;
    width: 72.91%;
    margin-left: auto;
    margin-right: auto;
}



@media screen and (max-width: 120.0000rem) {
    .pageelement-form {
        width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    }
}

.pageelement-form .content-container {
    display: block;
}

.pageelement-form .form-row p {
    /*margin-bottom: 0.6250rem;*/
}

.form-row h2 {
    margin-bottom: 0;
}

.pageelement-form .defaultform .button-submit {
    margin-left: unset;
    margin-right: unset;
}

.pageelement-form .detailCanvas .link-back {
    border: none;
    cursor: pointer;
    font-size: 1rem;
    color: #fff;
    background-color: #00528c;
    display: inline-block;
    width: 27.50rem;
    margin-top: 2rem;
    padding: .625rem .9375rem;
    border-radius: .625rem;
    text-align: center;
}

.pageelement-form .detailCanvas .link-back:hover {
    background-color: #707070;
}

.pageelement-form .detailCanvas .link-back:focus-visible {
    outline: var(--defaultform-outline);
    outline-offset: var(--defaultform-outline-offset);
}

/*texteditor*/
/*
.texteditor p {
    padding-bottom: 1.33rem;
}

.texteditor h2 {
    padding-bottom: 0.6250rem;
    font-size: 1.5000rem;
    color: #005CA2;
}

.texteditor > ul {
    padding-bottom: 1.33rem;
}

.texteditor li {
    list-style-type: disc;
    list-style-position: outside;
    padding-top: 0.3750rem;
    margin-left: 1.2rem;
}

.texteditor li li {
    margin-left: 2.4rem;
}

.texteditor a {
    color: inherit;
}

.texteditor a:hover {
    text-decoration: underline;
}

.texteditor a:not(.no-icon):before {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-weight: 900;
    content: '\f101';
    margin-right: 0.5000rem;
    width: auto;
    text-decoration: none;
    display: inline-block;
}

.texteditor a[href^='javascript:void(location.href=\'mailto:\'']:not(.no-icon):before {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    content: '\f0e0';
    margin-right: 0.5000rem;
    width: auto;
    text-decoration: none;
    display: inline-block;
}
*/
/* texteditor */

.texteditor p[linebreak='true'] {
    margin-top: -1.33rem;
}

.texteditor p[linebreak='true']:first-child {
    margin-top: 0;
}

.texteditor > :not(:last-child) {
    margin-bottom: 1.33rem;
}

.texteditor h2 {
    padding-bottom: 0.6250rem;
    font-size: 1.5000rem;
    color: #005CA2;
}

.texteditor ol {
    /*margin-left: 1.2500rem;*/
    margin-top: 0.6250rem;
    margin-bottom: 0.6250rem;
}

.texteditor ol li[data-list ='bullet'] {
    list-style: disc outside;
}

.texteditor strong {
    font-weight: 700;
}

.texteditor a {
    text-decoration: underline;
    color: inherit;
}

.texteditor a:focus-visible {
    outline: 0.1875rem solid;
    outline-offset: 0.1250rem;
}

.texteditor a:hover {
    text-decoration-thickness: 0.1250rem;
}

/*----hover----*/
.socialmedia-button:hover,
.infobox-button:hover,
.infobox-wide-button:hover {
    background: inherit;
    box-shadow: inset 0 0 0 0.2500rem #2b2b2b;
    color: #2b2b2b;
}

.socialmedia-button:focus-visible,
.infobox-button:focus-visible,
.infobox-wide-button:focus-visible {
    outline: solid 0.1875rem #2b2b2b;
    outline-offset: 0.1875rem;
}

/* buttons auf grünem Hintergrund */
.pageelement-teaser-big.theme-green .teaser-big-button:hover,
.pageelement-overviewitem-large.theme-green .overviewitem-large .content .button:hover,
.pageelement-intro.theme-green .extension-button:hover,
.infobox-wide-container.bg-green .infobox-wide-button:hover,
.pageelement-infobox .infobox-container.bg-green .mail:hover,
.pageelement-contactteaser.bg-green .contactteaser-button:hover {
    background: #A2C614;
    box-shadow: inset 0 0 0 0.2500rem #2b2b2b;
    color: #2B2B2B;
}

.pageelement-teaser-big.theme-green a:focus-visible .teaser-big-button,
.pageelement-overviewitem-large.theme-green .overviewitem-large .content > a:focus-visible,
.pageelement-intro.theme-green .extension-button:focus-visible,
.infobox-wide-container.bg-green .infobox-wide-button:focus-visible,
.pageelement-infobox .infobox-container.bg-green .mail:focus-visible,
.pageelement-contactteaser.bg-green .contactteaser-button:focus-visible {
    outline: #2b2b2b 0.1875rem solid;
    outline-offset: 0.1875rem;
}

.pageelement-teaser-big a:focus-visible {
    outline: none;
}

/* grüne buttons auf weißem Hintergrund */
.offer-button:hover,
.offer-list-button:hover,
.offer-detail-button:hover,
.pageelement-button-main .button.bg-green:hover,
.pageelement-button-wide-main .wrapper .bg-green:hover,
.offer-detail-content .detail-items .button-preise:hover {
    background: #ffffff !important;
    box-shadow: inset 0 0 0 0.2500rem #2b2b2b;
    color: #2b2b2b !important;
}

.offer-button-container:focus-visible,
a:focus-visible .offer-list-button,
.offer-detail-button:focus-visible,
.pageelement-button-main .button.bg-green:focus-visible,
.pageelement-button-wide-main .wrapper .bg-green:focus-visible,
.offer-detail-content .detail-items .button-preise:focus-visible {
    outline: #2b2b2b 0.1875rem solid;
    outline-offset: 0.1875rem;
}

/* buttons auf blauem Hintergrund */
.pageelement-teaser-big.theme-blue .teaser-big-button:hover,
.pageelement-overviewitem-large.theme-blue .overviewitem-large .content .button:hover,
.pageelement-intro.theme-blue .extension-button:hover,
.infobox-wide-container.bg-blue .infobox-wide-button:hover,
.pageelement-infobox .infobox-container.bg-blue .mail:hover,
.pageelement-contactteaser.bg-blue .contactteaser-button:hover {
    background: #005CA2;
    box-shadow: inset 0 0 0 0.2500rem #ffffff;
    color: #ffffff;
}

.pageelement-teaser-big.theme-blue a:focus-visible .teaser-big-button,
.pageelement-overviewitem-large.theme-blue .overviewitem-large .content > a:focus-visible,
.pageelement-intro.theme-blue .extension-button:focus-visible,
.infobox-wide-container.bg-blue .infobox-wide-button:focus-visible,
.pageelement-infobox .infobox-container.bg-blue .mail:focus-visible,
.pageelement-contactteaser.bg-blue .contactteaser-button:focus-visible {
    outline: #fff 0.1875rem solid;
    outline-offset: 0.1875rem;
}

/* blaue buttons auf weißem Hintergrund */
.news-button:hover,
.news-list-button:hover,
.news-detail-button:hover,
.news-detail-content .detail-items .item .button:hover,
.pageelement-button-main .button.bg-blue:hover,
.contactform-button:hover,
.download-link:hover,
.pageelement-button-wide-main .wrapper .bg-blue:hover,
.pageelement-offer-booking-main .link-back.detail-linkback-link:hover,
.contact-form .link:hover {
    background: #ffffff !important;
    box-shadow: inset 0 0 0 0.2500rem #005CA2;
    color: #005CA2 !important;
}

.news-button-container:focus-visible .news-button,
.news-list-button:focus-visible,
.news-detail-button:focus-visible,
.news-detail-content .detail-items .item .button:focus-visible,
.pageelement-button-main .button.bg-blue:focus-visible,
.contactform-button:focus-visible,
.download-link:focus-visible,
.pageelement-button-wide-main .wrapper .bg-blue:focus-visible,
.pageelement-offer-booking-main .link-back.detail-linkback-link:focus-visible,
.contact-form .link:focus-visible {
    outline: #005CA2 0.1875rem solid;
    outline-offset: 0.1875rem;
}

.news-button-container:focus-visible {
    outline: none;
}


/* buttons auf gelbem Hintergrund */
.pageelement-contactteaser.bg-yellow .contactteaser-button:hover,
.pageelement-overviewitem-large.theme-yellow .overviewitem-large .content .button:hover,
.pageelement-infobox .infobox-container.bg-yellow .mail:hover,
.pageelement-contactteaser.bg-yellow .contactteaser-button:hover {
    background: #fbb900;
    box-shadow: inset 0 0 0 0.2500rem #2b2b2b;
    color: #2b2b2b;
}

.pageelement-contactteaser.bg-yellow .contactteaser-button:focus-visible,
.pageelement-overviewitem-large.theme-yellow .overviewitem-large .content > a:focus-visible,
.pageelement-infobox .infobox-container.bg-yellow .mail:focus-visible,
.pageelement-contactteaser.bg-yellow .contactteaser-button:focus-visible {
    outline: #2b2b2b 0.1875rem solid;
    outline-offset: 0.1875rem;
}

/* gelbe buttons auf weißem Hintergrund */
.room-detail-text .button:hover,
.offer-detail-content .detail-items .item .button:hover,
.pageelement-button-main .button.bg-yellow:hover,
.pageelement-button-wide-main .wrapper .bg-yellow:hover {
    background: #ffffff !important;
    box-shadow: inset 0 0 0 0.2500rem #2b2b2b;
    color: #2b2b2b !important;
}

.room-detail-text .button:focus-visible,
.offer-detail-content .detail-items .item .button:focus-visible,
.pageelement-button-main .button.bg-yellow:focus-visible,
.pageelement-button-wide-main .wrapper .bg-yellow:focus-visible {
    outline: #2b2b2b 0.1875rem solid;
    outline-offset: 0.1875rem;
}

label[for='optin_newsletter'] a,
.ds-inhalt a {
    color: #00528c;
    text-decoration: underline;
}

label[for='optin_newsletter'] a:hover,
.ds-inhalt a:hover {
    color: #707070;
}

label[for='optin_newsletter'] a:focus-visible,
.ds-inhalt a:focus-visible {
    outline: var(--defaultform-outline);
    outline-offset: var(--defaultform-outline-offset);
}

/* fancybox */
.fancybox-navigation .fancybox-button {
    padding: 1.6250rem 0.3750rem 1.6250rem 1.0000rem;
    margin-top: 0;
}

.fancybox-navigation button::before {
    background-color: #888;
}

.fancybox-button:focus-visible {
    outline: 0.1875rem solid #fff;
    outline-offset: -0.1875rem;
}

.fancybox-navigation .fancybox-button--arrow_left:focus-visible,
.fancybox-navigation .fancybox-button--arrow_right:focus-visible {
    outline-offset: -0.3rem;
}

/* openstreetmap */
.openstreetmap-container {
    width: 100%;
    height: 25.0000rem;
    margin-bottom: 3.1250rem;
}


#usercentrics-button img {
    width: auto;
}

.PDFFlip {
    height: 37.5vw !important;
}


/* quill adaptions
*****************************************  */

p[linebreak='true'] {
    margin-bottom: 0;
    padding-bottom: 0;
}

ol li[data-list='bullet'] {
    list-style: disc outside;
    margin-left: 1.2500rem;
}

ol li[data-list='ordered'] {
    list-style: decimal outside;
    margin-left: 1.2500rem;
}

.texteditor ol li[data-list='bullet'] {
    list-style: disc outside;
}


/*
@media only screen and (max-width: 32.5000rem){
    * {
        word-break: break-all;
    }
}
*/


.offer-detail .texteditor li {
    list-style-type: disc;
    margin-left: 1.2rem;
}


.pageelement-sitemap {
    width: calc(45.0000rem + (1400 - 720) * ((100vw - 50.0000rem) / (1120)));
    margin-left: auto;
    margin-right: auto;
}

.pageelement-sitemap .content-container {
    /* ... */
}

.pageelement-sitemap ul {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
}

.pageelement-sitemap ul ul {
    margin-left: 1.25rem;
}


.pageelement-sitemap li {
    float: none;
    display: block;
}


.pageelement-sitemap li a {
    text-decoration: underline;
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    color: #2b2b2b;
}

.pageelement-sitemap li a:hover {
    text-decoration: underline;
    color: #005ca2;
}

.pageelement-sitemap li a:focus-visible {
    outline: 0.1875rem #005ca2 solid;
    outline-offset: 0.1250rem;
}