@charset "UTF-8";
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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%);;
}

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

html body {
    font-size: 1.125000rem;
}

@media screen and (max-width: 50.000000rem) {
    html body {
        font-size: 1.000000rem;
    }
}

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

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

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

h1 {
    font-size: 2.2222222222rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold';
    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', cursive !important;
    display: inline-block;
    line-height: 2.2
}

h3 {
    font-size: 1.67rem;
}

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

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

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

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

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

.quote h3 {
    font-family: 'Architects Daughter';
}


p {
    color: #2b2b2b
}

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

a:active, a:focus, 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';
    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
}

@media only screen and (max-width: 32.5rem){
    h2,
    h2 .sub-headline {
        font-size: 1.25rem;
    }

    h3 {
        font-size: 1.2rem;
    }
}

.sticky {
    /*
    position: -webkit-sticky !important;
    position: sticky !important;
    position: -ms-device-fixed !important;
    */
    position: fixed;
    z-index: 2000 !important
}

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

.pageElement-contentbox.header .contentbox-header {
    display: block
}

.contactteaser-contentbox, .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;
}

.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,
.pageElement-job-list,
.pageElement-job-detail-main {
    width: 100%;
    height: auto;
    padding: 0;
    background-color: #fff;
    position: relative
}

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

.intro-overlay {
    height: 8.750000rem
}

.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,
.headline.pageElement-job-list h2,
.headline.pageElement-job-detail-main h2 {
    margin-bottom: 1.5em
}

.pageElement-contentbox .headline h2 {
    font-size: 1.3333333333rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold';
    font-weight: 700;
    margin-bottom: 0;
}

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

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

@media screen and (max-width: 64.000000rem) {
    .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:focus-visible,
#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,
.jobs-list-content,
.jobs-list-element,
.jobs-list-header,
.jobs-detail-bottom,
.jobs-detail-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,
.infobox-wide-container,
.intro-content,
.jobs-detail-bottom {
    overflow: unset;
}

.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;
}

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

.pageElement-header {
    overflow: visible;
}

@media screen and (max-width: 120.000000rem) {
    #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, .jobs-list-content, .jobs-list-element, .jobs-list-header, .jobs-detail-bottom, .jobs-detail-container {
        width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)))
    }
}

@media screen and (max-width: 50.000000rem) {
    #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, .jobs-list-content, .jobs-list-element, .jobs-list-header, .jobs-detail-bottom, .jobs-detail-container {
        width: 80%
    }
}

@media screen and (max-width: 42.500000rem) {
    #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, .jobs-list-content, .jobs-list-element, .jobs-list-header, .jobs-detail-bottom, .jobs-detail-container {
        width: 80%
    }
}

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

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

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

@media screen and (max-width: 32.500000rem) {
    .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,
.jobs-content,
.jobs-detail-content {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.jobs-content,
.pageElement-text .text-content {
    overflow: unset;
}

.offer-content .headline,
.offer-detail-content .headline,
.news-detail-content .headline,
.pageElement-header .header-headline .headline,
.pageElement-text .text-content .headline,
.jobs-content .headline,
.jobs-detail-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,
.jobs-content .border-bottom,
.jobs-detail-content .border-bottom,
.jobs-detail-content .header {
    border-bottom: 0.125000rem 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,
.jobs-detail-content .detail-items,
.jobs-detail-content .detail-items .item,
.jobs-detail-text {
    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 {
    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,
.jobs-image,
.jobs-detail-content .image {
    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;
    height: 100%
}

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

.social-grid-item {
    height: calc(((45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120))) - 3.750000rem) / 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,
.jobs-image .image,
.jobs-detail-content .image .image {
    width: 100%;
    height: auto;
    position: relative !important
}


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

.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,
.jobs-detail-content .image .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: #FFFFFF;
    transition: all .25s;
}

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

@media screen and (max-width: 87.500000rem) {
    .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,
    .jobs-detail-content .image .label {
        height: 1.875000rem;
        font-size: 1.1111111111rem;
        line-height: 1.5555555556
    }
}

.extension-button,
.infobox-button,
.infobox-wide-button,
.teaser-big-button,
.pageElement-button-main .button,
.pageElement-job-detail-main .apply-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.062500rem solid transparent;
    border-radius: 0.375000rem;
    width: fit-content;
    font-size: 1.125000rem;
    line-height: 2.000000rem;
    font-family: 'Open Sans Bold';
    font-weight: 700;
    padding: 0.562500rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16.6666666667rem;
    max-width: 100%;
    max-height: 3.125000rem;
    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.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    margin: 0 auto 5rem auto;
}

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

@media screen and (min-width: 50.000000rem) {
    .extension-button,
    .infobox-button {
        width: 21.875000rem;
        max-width: 21.875000rem;
        height: 3.125000rem;
        font-size: 1.375000rem;
        line-height: 1.875000rem;
        font-family: 'Open Sans Bold';
        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,
.jobs-button,
.jobs-detail-content .detail-items .item .button,
.pageElement-job-detail-main .apply-button,
.pageElement-jobapplication-form .link {
    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.062500rem solid transparent;
    border-radius: 0.375000rem;
    font-weight: 700;
    padding: 0.562500rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16.6666666667rem;
    max-width: 100%;
    height: 2.7777777778rem;
    max-height: 3.125000rem;
    font-size: 1rem;
    line-height: 1.3333333333;
    font-family: 'Open Sans Bold';
    font-weight: 700
}

.jobs-button-container {
    width: fit-content;
    max-width: 100%;
}

.jobs-button-container:focus-visible {
    outline: 0.1875rem solid #005CA2;
    outline-offset: 0.1875rem;
}

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

.contactform-button, .contactteaser-button,
.offer-detail-button, .news-detail-button,
.offer-list-button, .news-list-button,
.jobs-list-button, .jobs-detail-button,
.pageElement-jobapplication-form .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.062500rem solid transparent;
    border-radius: 0.375000rem;
    width: fit-content;
    max-width: 100%;
    font-size: 1.125000rem;
    line-height: 2.000000rem;
    font-family: 'Open Sans Bold';
    font-weight: 700;
    padding: 0.562500rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16.6666666667rem;
    min-width: fit-content;
    height: 4.375000rem;
    padding: 1.187500rem 2.000000rem
}

.news-detail-bottom .news-detail-button,
.pageElement-jobapplication-form .button-submit,
.pageElement-jobapplication-form .link {
    background-color: #005CA2;
    color: #FFFFFF;
}

.pageElement-jobapplication-form .button-submit:focus-visible {
    outline: 0.1875rem solid #005CA2;
    outline-offset: 0.1875rem;
}

.socialmedia-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.062500rem solid transparent;
    border-radius: 0.375000rem;
    width: fit-content;
    max-width: 18.750000rem;
    font-size: 1.125000rem;
    line-height: 2.000000rem;
    font-family: 'Open Sans Bold';
    font-weight: 700;
    padding: 0.562500rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    margin-bottom: 1.562500rem;
    width: 100%;
    max-width: 8.875000rem;
    height: 2.812500rem;
    max-height: 2.812500rem;
    font-size: 1.000000rem;
    line-height: 1.375000rem;
    padding: .4em .8em
}

.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.062500rem solid transparent;
    border-radius: 0.375000rem;
    width: fit-content;
    max-width: 18.750000rem;
    font-size: 1.125000rem;
    line-height: 2.000000rem;
    font-family: 'Open Sans Bold';
    font-weight: 700;
    padding: 0.562500rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    max-width: 100%;
    height: 3.3333333333rem;
    max-height: 3.750000rem;
    border-radius: 0.500000rem;
    font-size: 1rem;
    line-height: 1.3333333333;
    padding: 1rem 0rem;
}

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

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

}

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

form .form-check,
.socialmedia-newsletter form .form-check {
    display: block;
    max-width: 37.500000rem;
    border: 0.125000rem solid transparent;
    padding: 0.312500rem;
    color: #2b2b2b;
    background: #fff;
    font-size: 1rem;
    width: 100%
}

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

.form .form-row .textarea,
.socialmedia-newsletter form .form-row .textarea {
    display: block;
    max-width: 37.500000rem;
    border: 0.125000rem solid transparent;
    padding: 0.312500rem;
    color: #2b2b2b;
    background: #fff;
    font-size: 1rem;
    width: 100%
}

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

.form .form-row input[type=text],
.socialmedia-newsletter form .form-row input[type=text] {
    max-width: 43.750000rem;
    border: 0.062500rem solid transparent;
    padding: 0.250000rem 0.625000rem;
    color: #2b2b2b;
    background: #fff;
    font-size: 1rem;
    height: 2.812500rem
}

.form .form-row input[type=text]:focus,
.socialmedia-newsletter form .form-row input[type=text]:focus {
    opacity: .9;
    border: 0.125000rem solid #fff
}

.form .form-row input[type=email],
.socialmedia-newsletter form .form-row input[type=email] {
    max-width: 25.500000rem;
    border: 0.062500rem solid transparent;
    padding: 0.250000rem 0.625000rem;
    color: #2b2b2b;
    background: #fff;
    font-size: 0.875000rem;
    width: 22.6666666667rem;
    height: 2.812500rem
}

.form .form-row input[type=email]:focus,
.socialmedia-newsletter form .form-row input[type=email]:focus {
    opacity: .9;
    border: 0.125000rem solid #fff
}

.form .form-row input[type=radio],
.socialmedia-newsletter form .form-row input[type=radio] {
    margin: 0.687500rem 0.312500rem 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%;
}

#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;
    height: 100%;
    color: #fff;
    background-color: #ff8c00;
    -webkit-transform: translateZ(0);
    z-index: 1000;
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 1.875000rem;
    padding: 0.125000rem
}

#head-canvas #head-bar #head-top p {
    color: #2b2b2b
}

#head-canvas #head-bar #head-top .text {
    font-size: 1.000000rem;
    line-height: 1.375000rem;
    font-weight: 400;
    width: 100%;
    padding: 0.250000rem;
    color: #2b2b2b;
}

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

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

#head-canvas #head-bar #head-menu .headline {
    font-size: 1.125000rem;
    line-height: 1.500000rem;
    font-weight: 200;
    float: left;
    height: 14.375000rem;
    max-width: 25.000000rem;
    padding-top: 0.187500rem
}

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

#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;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    justify-content: space-evenly !important;
    -webkit-justify-content: space-around;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    width: auto;
    height: 2.500000rem;
    margin-left: 20%;
    z-index: 4
}

@media screen and (max-width: 87.500000rem) {
    #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-link {
    display: block;
    text-decoration: none;
    height: 1.500000rem;
    margin-top: .2em
}

#head-canvas #head-bar #head-menu .nav1 .nav1-link span {
    color: #005ca2;
    font-size: 1.125000rem;
    line-height: 1.500000rem;
    font-family: 'Open Sans Bold';
    font-weight: 700;
    display: block;
    border-bottom: 0.125000rem solid transparent
}

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

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

#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.625000rem;
    z-index: 1000;
    width: 15.625000rem;
}

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

.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.062500rem solid #FFFFFF;
}

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

.nav2dropdown-link {
    padding: 0.625000rem 1.250000rem;
    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.375000rem;
    left: -1.500000rem;
    width: 20%;
    max-width: 14.625000rem;
    height: auto
}

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

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

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

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

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

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

@media screen and (max-width: 32.500000rem) {
    #head-canvas #head-bar #head-menu .logo {
        left: -10%;
        top: 0.250000rem;
        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% - .250000rem);
    width: 2.812500rem;
    height: 1.875000rem;
    cursor: pointer
}

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

@media screen and (max-width: 87.500000rem) {
    #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: #575756;
        height: 0.250000rem;
        margin-bottom: 0.562500rem
    }

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

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

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

#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.500000rem) {
    #head-canvas #menu-mobile-container {
        background-color: #fff;
        position: absolute;
        z-index: 99999999;
        overflow-y: auto;
        top: 1.875000rem;
        width: 100%;
        height: 100%;
        min-height: 100vh;
        margin: 0
    }

    #head-canvas #menu-mobile-container .logo {
        position: absolute;
        height: 7.000000rem;
        width: 10.000000rem;
        left: 1.250000rem;
        top: 0.562500rem;
        z-index: 1;
    }

    #head-canvas #menu-mobile-container .mobile-menu-close {
        position: absolute;
        top: 1.250000rem;
        right: 4.25%;
        width: 2.500000rem;
        height: 2.500000rem;
        cursor: pointer;
    }

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

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

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

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

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

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

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

    #head-canvas #menu-mobile-container .nav1-mobile .nav1-mobile-item .nav1-mobile-link span {
        font-size: 1.250000rem;
        line-height: 3.000000rem;
        color: #ffffff;
        display: block
    }

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

    #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 span {
        font-size: 1.125000rem;
        color: #ffffff;
        line-height: 2.812500rem;
    }

    #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.250000rem) {
    #head-canvas #menu-mobile-container .mobile-menu-close {
        position: absolute;
        overflow: hidden;
        top: 0.625000rem;
        right: 2.5%;
        width: 1.875000rem;
        height: 1.875000rem;
        cursor: pointer
    }

    #head-canvas #menu-mobile-container .logo {
        position: absolute;
        height: 4.375000rem;
        width: 6.250000rem;
        left: 1.250000rem;
        top: 0.562500rem;
        z-index: 1;
    }
}

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

#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.250000rem + 52 * (100vw - 64.000000rem) / 896);
}

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

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

@media screen and (max-width: 50.000000rem) {
    #page-canvas #page #page-image::after {
        top: 1.125000rem
    }
}

#page-canvas #page #page-sticker {
    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;
    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.500000rem;
    width: 11.875rem;
    height: 11.875rem;
    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', cursive;
    font-size: 2rem;
    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.250000rem) {
    #page-canvas #page #page-sticker .text {
        font-size: 2rem;
    }
}

@media screen and (max-width: 67.500000rem) {
    #page-canvas #page #page-sticker {
        width: 8.875rem;
        height: 8.875rem;
    }

    #page-canvas #page #page-sticker .text {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 50.000000rem) {
    #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;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    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.500000rem;
    width: 100%;
    height: 4.000000rem
}

@media screen and (max-width: 50.000000rem) {
    #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.812500rem;
    height: 100%
}

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

@media screen and (max-width: 105.000000rem) {
    #footer-canvas #footer .footer-logo {
        width: 12.500000rem
    }

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

@media screen and (max-width: 56.250000rem) {
    #footer-canvas #footer .footer-logo {
        width: 10.000000rem
    }
}

@media screen and (max-width: 50.000000rem) {
    #footer-canvas #footer .footer-logo {
        width: 18.750000rem
    }

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

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

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

#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){
    outline: #fff solid .188rem;
    outline-offset: -0.564rem;
}

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

.page-template {
    padding-top: 1.125000rem
}

@media screen and (max-width: 28.125000rem) {
    .page-template {
        padding-top: 1.875000rem
    }
}

.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.500000rem) {
    .pageElement-header .header-headline h1 {
        font-size: 1.562500rem;
    }

    .pageElement-header .header-subheadline {
        font-size: 1.437500rem;
    }
}

.pageElement-breadcrumb {
    margin-top: 2.5rem;
    padding-top: 0.625000rem !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.250000rem;
    margin-right: 0;
    padding: 0.062500rem
}

.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-text {
    margin-bottom: 5rem;
}

.pageElement-intro-text .intro-content-box {
    /*    width: 92% !important;
        max-width: 50.000000rem !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.000000rem !important;
}

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

@media screen and (max-width: 62.500000rem) {
    .pageElement-intro .intro-overlay {
        margin-top: -3.437500rem;
    }
}

@media screen and (max-width: 42.500000rem) {
    .pageElement-intro .intro-overlay {
        margin-top: -4.375000rem;
    }
}

@media screen and (max-width: 33.750000rem) {
    .pageElement-intro .intro-overlay {
        margin-top: -5.312500rem;
    }
}

@media screen and (max-width: 22.500000rem) {
    .pageElement-intro .intro-overlay {
        margin-top: -6.562500rem;
    }
}

.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.437500rem;
    background-image: url(/_images/elements/bogen-blue.png);
    background-position: bottom
}

@media screen and (min-width: 92.500000rem) {
    .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.000000rem;
        background-image: url(/_images/elements/bogen-blue.png);
        background-position: bottom
    }
}

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

@media screen and (max-width: 32.500000rem) {
    .pageElement-intro.theme-blue .intro-overlay::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        left: 0;
        width: 100%;
        bottom: -0.625000rem;
        height: 24.437500rem;
        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.000000rem !important;
}

@media screen and (max-width: 50.000000rem) {
    .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.437500rem;
    background-image: url(/_images/elements/bogen-green.png);
    background-position: bottom
}

@media screen and (min-width: 92.500000rem) {
    .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.000000rem;
        background-image: url(/_images/elements/bogen-green.png);
        background-position: bottom
    }
}

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

@media screen and (max-width: 32.500000rem) {
    .pageElement-intro.theme-green .intro-overlay::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        left: 0;
        width: 100%;
        bottom: -0.625000rem;
        height: 24.437500rem;
        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
}

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

.intro-content-box h3 {
    color: #2b2b2b;
}

.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.375000rem
}

.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;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-flow: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    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.375000rem
}

.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.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.000000rem, auto) minmax(10.000000rem, auto) minmax(10.000000rem, auto) minmax(10.000000rem, auto);
    grid-template-columns:minmax(10.000000rem, auto) minmax(10.000000rem, auto) minmax(10.000000rem, auto) minmax(10.000000rem, auto);
    height: 100%;
    column-gap: 8.3333333333rem;
    row-gap: 1.250000rem
}

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

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

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

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

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

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

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

@media screen and (max-width: 42.500000rem) {
    .pageElement-intro.theme-blue .extension-items,
    .pageElement-intro.theme-green .extension-items {
        -ms-grid-columns: minmax(11.250000rem, auto) minmax(11.250000rem, auto);
        grid-template-columns:minmax(11.250000rem, auto) minmax(11.250000rem, auto);
        row-gap: 0.625000rem;
        column-gap: 2.500000rem
    }
}

@media screen and (max-width: 32.500000rem) {
    .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;
    justify-content: center;
    -webkit-justify-content: center;
    -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%;
    height: 5.000000rem;
    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%;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-flow: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-items: center;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    padding-bottom: 1.250000rem
}

@media screen and (max-width: 50.000000rem) {
    .pageElement-intro.theme-blue .extension-items .item,
    .pageElement-intro.theme-green .extension-items .item {
        padding-bottom: 1.250000rem
    }
}

@media screen and (max-width: 32.500000rem) {
    .pageElement-intro.theme-blue .extension-items .item,
    .pageElement-intro.theme-green .extension-items .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-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;
        -webkit-box-align: center;
        justify-content: center;
        -webkit-justify-content: center;
        -webkit-box-align: 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.875000rem
    }
}

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

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

@media screen and (max-width: 32.500000rem) {
    .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';
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 87.500000rem) {
    .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.000000rem) {
    .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.500000rem) {
    .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-left: 2rem !important;
    padding-right: 2rem !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    background-color: #005ca2;
    color: #fff
}

.quickbook-content p {
    color: #fff
}

@media screen and (max-width: 23.437500rem) {
    .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;
    height: 3.750000rem;
    grid-gap: 0.625000rem;
    height: 3.3333333333rem
}

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

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

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

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

    .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.000000rem) {
    .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;
    align-items: stretch;
    -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;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

@media screen and (max-width: 39.375000rem) {
    .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.625000rem !important;
        padding: 0 !important
    }
}

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

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

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

.quickbook-contentbox {
    justify-content: start;
    padding-top: 1.375000rem;
    padding-bottom: 1.375000rem
}

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

.quickbook-contentbox form .form-row::after {
    content: '';
    position: absolute;
    top: .6em;
    right: 1em;
    width: 2rem;
    height: 2rem;
    background: url(/_images/icons/kalender.png) no-repeat right;
    background-size: contain;
    padding-right: 1.250000rem;
    opacity: .8
}

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

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

.quickbook-contentbox form .form-row input[type=submit] {
    border: 0.125000rem solid transparent;
    background-color: transparent;
    color: #fff;
    font-size: 1.3333333333rem;
    line-height: 1.375;
    font-weight: 100;
    letter-spacing: 0.063750rem;
    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: #2b2b2b;
    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: #2b2b2b;
    background-color: #a2c614
}

.pageElement-teaser-big.theme-green .teaser-big-image p {
    color: #2b2b2b
}

.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;
    background-color: #fff
}

.pageElement-teaser-big .section.intro-overlay {
    height: 8.750000rem
}

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

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

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

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

.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.250000rem
}

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

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

.pageElement-teaser-big.theme-blue .teaser-big-content-grid .text a:focus-visible {
    outline: 0.188rem solid #fff;
    outline-offset: 0.188rem;
}

.pageElement-teaser-big.theme-green .teaser-big-content-grid .text a:focus-visible {
    outline: 0.188rem solid #2b2b2b;
    outline-offset: 0.188rem;
}

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

    .teaser-big-content-grid :first-child {
        -ms-grid-column: 1/span 4;
        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.000000rem, auto) minmax(10.000000rem, auto) minmax(10.000000rem, auto) minmax(10.000000rem, auto);
    grid-template-columns:minmax(10.000000rem, auto) minmax(10.000000rem, auto) minmax(10.000000rem, auto) minmax(10.000000rem, auto);
    height: 100%;
    column-gap: 8.3333333333rem;
    row-gap: 1.250000rem
}

@media screen and (max-width: 112.500000rem) {
    .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.000000rem) {
    .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.250000rem) {
    .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.500000rem) {
    .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.250000rem) {
    .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.250000rem) {
    .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.000000rem) {
    .pageElement-teaser-big.theme-blue .teaser-big-items,
    .pageElement-teaser-big.theme-green .teaser-big-items {
        -ms-grid-columns: minmax(10.000000rem, auto) minmax(10.000000rem, auto) minmax(10.000000rem, auto);
        grid-template-columns:minmax(10.000000rem, auto) minmax(10.000000rem, auto) minmax(10.000000rem, auto);
        row-gap: 0
    }
}

@media screen and (max-width: 42.500000rem) {
    .pageElement-teaser-big.theme-blue .teaser-big-items,
    .pageElement-teaser-big.theme-green .teaser-big-items {
        -ms-grid-columns: minmax(11.250000rem, auto) minmax(11.250000rem, auto);
        grid-template-columns:minmax(11.250000rem, auto) minmax(11.250000rem, auto);
        row-gap: 0.625000rem;
        column-gap: 2.500000rem
    }
}

@media screen and (max-width: 32.500000rem) {
    .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;
    justify-content: center;
    -webkit-justify-content: center;
    -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%;
    height: 5.000000rem;
    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%;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-flow: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    -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;
    padding-bottom: 1.250000rem
}

@media screen and (max-width: 50.000000rem) {
    .pageElement-teaser-big.theme-blue .teaser-big-items .item,
    .pageElement-teaser-big.theme-green .teaser-big-items .item {
        padding-bottom: 1.250000rem
    }
}

@media screen and (max-width: 32.500000rem) {
    .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-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%;
        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;
        -webkit-box-align: 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.875000rem
    }
}

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

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

@media screen and (max-width: 32.500000rem) {
    .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';
    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.500000rem) {
    .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.000000rem) {
    .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.500000rem) {
    .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
}

.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
}

.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.250000rem + 176 * (100vw - 64.000000rem) / 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.250000rem + 176 * (100vw - 64.000000rem) / 896)
}

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

    .pageElement-teaser-image .overlay-content {
        width: 100% !important;
        min-height: 25.000000rem;
        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-top: 1rem !important;
    padding-bottom: 2rem !important;
    padding-left: 2.44rem !important;
    padding-right: 2.44rem !important;
    background-color: #005ca2;
    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;
    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;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    justify-items: center;
    margin-top: -0.062500rem;
    bottom: -0.062500rem
}

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

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

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

@media screen and (max-width: 50.000000rem) {
    .teaser-image-content {
        padding: 2.500000rem 9% 7.500000rem 9% !important
    }
}

@media screen and (max-width: 32.500000rem) {
    .teaser-image-content {
        padding: 2.500000rem 9% 6.250000rem 9% !important
    }
}

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

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

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

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

@media screen and (max-width: 32.5rem){
    .teaser-image-headline h2 {
        font-size: 1.25rem;
    }

    .teaser-image-headline h2 .sub-headline {
        font-size: 1.25rem;
    }
}

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

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

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

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

.teaser-image-grid {
    padding-top: 0.625000rem !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.250000rem;
    row-gap: 0
}

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

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

@media screen and (max-width: 120.000000rem) {
    .teaser-image img {
        height: calc(30.000000rem + 20 * ((100vw - 64.000000rem) / 896))
    }
}

@media screen and (max-width: 64.000000rem) {
    .teaser-image img {
        height: 30.000000rem
    }
}

@media screen and (max-width: 64.000000rem) {
    .teaser-image img {
        height: 30.000000rem
    }
}

@media screen and (max-width: 64.000000rem) and (max-width: 64.000000rem) {
    .teaser-image img {
        height: calc(23.750000rem + 100 * ((100vw - 50.000000rem) / 224))
    }
}

@media screen and (max-width: 64.000000rem) and (max-width: 50.000000rem) {
    .teaser-image img {
        height: 23.750000rem
    }
}

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

    .teaser-image img {
        height: 23.750000rem
    }
}

@media screen and (max-width: 50.000000rem) and (max-width: 50.000000rem) {
    .teaser-image img {
        height: calc(17.500000rem + 100 * ((100vw - 31.250000rem) / 300))
    }
}

@media screen and (max-width: 50.000000rem) and (max-width: 31.250000rem) {
    .teaser-image img {
        height: 17.500000rem
    }
}

.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;
    height: 100%
}

.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.750000rem
}

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

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

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

@media screen and (min-width: 50.000000rem) and (max-width: 61.250000rem) {
    .teaser-image-grid {
        width: 75%;
        column-gap: 0.625000rem;
    }

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

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

    .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.500000rem) {
    .teaser-image-grid .item {
        height: 3.437500rem;
    }

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

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

.pageElement-contentbox-testimonial {
    margin-bottom: 5rem;
    color: #fff;
    background-color: #005ca2;
}

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

.pageElement-contentbox-testimonial p {
    color: #fff
}

.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.250000rem;
    height: 100%
}

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

@media screen and (max-width: 50.000000rem) {
    .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 {
        -ms-grid-row: 1;
        -ms-grid-column: 1/span 4;
        grid-row: 1;
        grid-column: 1/span 4
    }

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

@media screen and (max-width: 32.500000rem) {
    .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 {
        -ms-grid-row: 1;
        -ms-grid-column: 1/span 4;
        grid-row: 1;
        grid-column: 1/span 4
    }

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

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

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

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

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

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

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

.testimonial-contentbox .quote > :not(:last-child) {
    margin-bottom: 1.33rem;
}

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

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

@media screen and (max-width: 32.500000rem) {
    .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;
    -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%;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    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.250000rem !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.250000rem
}

@media screen and (max-width: 32.500000rem) {
    .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.000000rem) {
    .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.500000rem) and (max-width: 36.250000rem) {
    .infobox-button {
        font-size: .9rem;
        line-height: 1.2222222222
    }
}

.infobox-row :first-child .icon {
    width: 2.187500rem !important;
    max-width: 2.687500rem !important;
    margin-left: 0.250000rem !important;
    margin-right: 0.250000rem !important
}

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

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

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

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

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

.infobox-row .item .icon {
    width: 2.562500rem;
    max-width: 2.687500rem;
    height: fit-content;
    max-height: 2.687500rem;
    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.625000rem;
    font-family: 'Open Sans Bold';
    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
}

.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.250000rem
}

.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-media-wall-more-wrapper {
    margin: 1.250000rem auto 0;
    width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
}

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

@media screen and (max-width: 87.500000rem) {
    .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.250000rem) {
    .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.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120))) - 2.500000rem) / 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.500000rem) {
    .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.000000rem) {
    .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.250000rem) / 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.625000rem) {
    .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.000000rem) {
    .social-grid-item .text,
    .social-grid-item .social-media-post-link {
        font-size: 1rem;
        line-height: 1.25
    }
}

@media screen and (max-width: 28.125000rem) {
    .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.750000rem) {
    .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-top: 1.25rem;
    margin-bottom: 1.25rem;
    background-color: #005ca2;
    color: #fff;
    width: 72.91%;
    position: relative;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    padding: 1rem 3rem;
    min-height: 3.000000rem
}

.target-header p {
    color: #fff
}

@media screen and (max-width: 120.000000rem) {
    .target-header {
        width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)))
    }
}

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

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

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

    .target-header h2 {
        font-size: 1.375000rem
    }
}

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

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

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

.target-grid {
    width: 72.91%;
    position: relative;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    -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.250000rem
}

@media screen and (max-width: 120.000000rem) {
    .target-grid {
        width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)))
    }
}

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

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

@media screen and (max-width: 50.000000rem) {
    .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 {
    overflow: hidden
}

.target-grid-item .image::after {
    content: ' ';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: -0.125000rem;
    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: fit-content;
    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;
    -webkit-box-align: center;
    align-content: center;
    -webkit-align-content: center;
    font-size: 1.4444444444rem;
    font-weight: 400
}

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

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

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

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

@media screen and (max-width: 32.500000rem) {
    .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.500000rem);
}

.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.125000rem solid #A2C614;
}

@media screen and (max-width: 80.000000rem) {
    .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.750000rem) {
    .pageElement-offer-list.no-price p {
        padding-bottom: .5rem !important
    }
}

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

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

.offer-list-element {
    border-bottom: 0.125000rem solid #A2C614;
    padding-top: 1.250000rem !important;
    padding-bottom: 1.250000rem !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;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

@media screen and (max-width: 50.000000rem) {
    .offer-list-element {
        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%;
        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.500000rem !important;
    padding-bottom: 2.500000rem !important
}

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

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

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

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

.offer-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%;
    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.000000rem) {
    .offer-content {
        padding-top: 1.250000rem
    }
}

.offer-content .text {
    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-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;
}

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

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

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

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

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

.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.687500rem
}

@media screen and (max-width: 120.000000rem) {
    .offer-image .image img {
        height: calc(14.250000rem + 39 * ((100vw - 64.000000rem) / 896))
    }
}

@media screen and (max-width: 64.000000rem) {
    .offer-image .image img {
        height: 14.250000rem
    }
}

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

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

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

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

.pageElement-news-list .news-list-items:first-child .news-list-element {
    border-top: 0.125000rem 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.000000rem) {
    .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.750000rem) {
    .pageElement-news-list.no-price p {
        padding-bottom: .5rem !important
    }
}

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

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

.news-list-element {
    border-bottom: 0.125000rem solid #005ca2;
    padding-top: 1.250000rem !important;
    padding-bottom: 1.250000rem !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;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

@media screen and (max-width: 50.000000rem) {
    .news-list-element {
        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%;
        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.500000rem !important;
    padding-bottom: 2.500000rem !important
}

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

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

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

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

.news-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%;
    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.000000rem) {
    .news-content {
        padding-top: 1.250000rem
    }
}

.news-content .text {
    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-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.000000rem) {
    .news-content .text .heading {
        font-size: 1.64rem;
        line-height: 1.32
    }
}

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

@media screen and (max-width: 32.500000rem) {
    .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.687500rem
}

@media screen and (max-width: 120.000000rem) {
    .news-image .image img {
        height: calc(14.250000rem + 39 * ((100vw - 64.000000rem) / 896))
    }
}

@media screen and (max-width: 64.000000rem) {
    .news-image .image img {
        height: 14.250000rem
    }
}

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

@media screen and (max-width: 50.000000rem) {
    .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,
.jobs-detail-content .detail-items .item 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,
.jobs-detail-content .detail-items .item h2 {
    font-size: 1.9444444444rem;
    line-height: 1.4583333333;
    font-family: 'Open Sans Bold';
    font-weight: 700
}

@media only screen and (max-width: 80rem){
    .contentbox-content .content h2 {
        font-size: 1.500000rem;
        line-height: 1.3333333333;
    }
}

@media screen and (max-width: 32.5rem) {
    .contentbox-content .content h2 {
        font-size: 1.250000rem;
        padding-right: 0 !important
    }
}

.offer-detail-content .detail-items .item p,
.overviewitem-large .content p,
.room-detail-text p,
.jobs-detail-content .detail-items .item p {
    margin-bottom: 0.250000rem
}

.contentbox-content .content img,
.offer-content img,
.offer-detail-content .detail-items .item img,
.overviewitem-large .content img, .room-detail-text img,
.jobs-detail-content .detail-items .item 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,
.jobs-detail-content .detail-items .item .price {
    padding-top: 0;
    font-family: 'Open Sans Bold';
    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,
.jobs-detail-content .detail-items .item .image img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    min-height: 14.125000rem
}

.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,
.jobs-detail-content .detail-items .item .image img {
    height: 14.250000rem
}

@media screen and (max-width: 120.000000rem) {
    .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.687500rem + -39 * ((100vw - 64.000000rem) / 896))
    }
}

@media screen and (max-width: 64.000000rem) {
    .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,
    .jobs-detail-content .detail-items .item .image img {
        height: 16.687500rem
    }
}

.offer-detail-container {
    padding-top: 4rem !important;
    padding-bottom: 1rem !important;
    border-top: 0.125000rem 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.250000rem
}

.offer-detail-container h2,
.offer-detail-container h5 {
    color: #A2C614;
}

.news-detail-container {
    padding-top: 4rem !important;
    padding-bottom: 1rem !important;
    border-top: 0.125000rem solid #005ca2;
    border-bottom: 0.125000rem solid #005ca2;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: new-detail-contents;
    -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.250000rem
}

.jobs-detail-container {
    padding-top: 4rem !important;
    padding-bottom: 1rem !important;
    border-top: 0.125000rem solid #005ca2;
    -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.250000rem
}

.jobs-detail-container h2,
.jobs-detail-container h5 {
    color: #005ca2;
}


@media screen and (max-width: 50.000000rem) {
    .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
    }

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

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


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

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

    .jobs-detail-container {
        border-bottom: 0.125000rem solid #005ca2
    }
}

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

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

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

.offer-detail-text {
    padding-right: 1.22rem !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;
    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-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start
}

.jobs-detail-text {
    padding-right: 1.22rem !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;
    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-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start
}

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

    .jobs-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
}

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

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

.jobs-detail-text .text {
    margin-bottom: 3.75rem;
    color: #2b2b2b
}

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

    .jobs-detail-text .text {
        margin-bottom: 2.5rem
    }
}

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

    .jobs-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-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%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start
}

@media screen and (max-width: 32.500000rem) {
    .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.000000rem) {
    .news-detail-text .text {
        margin-bottom: 2.5rem
    }
}

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

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

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

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

    .jobs-detail-content {
        padding-left: 0 !important
    }
}

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

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

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

.jobs-detail-content .image {
    padding-bottom: 1.875000rem !important;
    color: #fff;
    background-color: #fbb900;
    height: auto;
    margin-bottom: 2.500000rem;
}

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

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

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

    .jobs-detail-content .image {
        padding: 0 !important
    }
}

.offer-detail-content .image img {
    height: 21.250000rem
}

.jobs-detail-content .image img {
    height: 21.250000rem;
    object-fit: cover;
}

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

    .jobs-detail-content .image img {
        height: calc(12.500000rem + 140 * ((100vw - 64.000000rem) / 896))
    }
}

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

    .jobs-detail-content .image img {
        height: 12.500000rem
    }
}

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

    .jobs-detail-content .image img {
        height: auto !important
    }
}

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

    .jobs-detail-content .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0.625000rem;
        background-image: url(/_images/elements/bogen-blue-bottom.png);
        background-position: bottom
    }
}

@media screen and (min-width: 32.562500rem) {
    .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
    }

    .jobs-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-blue-bottom.png);
        background-position: bottom
    }
}

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

.jobs-detail-content .header {
    margin-top: 1.5rem;
    margin-bottom: 1.25rem;
    color: #005ca2;
    border-color: #005ca2;
}

.jobs-detail-content .header h2 {
    font-size: 1.3333333333rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold';
    font-weight: 700;
    margin-bottom: 0;
}

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

    .jobs-detail-content .header {
        margin-top: 3.75rem
    }
}

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

    .jobs-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;
    height: 100%;
    grid-gap: 1.250000rem;
    justify-content: left;
    align-items: start;
    height: auto
}

.offer-detail-content .detail-items .item {
    border-bottom: 0.125000rem solid #A2C614;
    padding-top: 0.625000rem !important;
    padding-bottom: 1.250000rem !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;
    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;
    height: auto
}

.jobs-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;
    height: 100%;
    grid-gap: 1.250000rem;
    justify-content: left;
    align-items: start;
    height: auto
}

.jobs-detail-content .detail-items .item {
    border-bottom: 0.125000rem solid #A2C614;
    padding-top: 0.625000rem !important;
    padding-bottom: 1.250000rem !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;
    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;
    height: auto
}

.jobs-detail-content .detail-items .item a {
    color: #2b2b2b;
}

.jobs-detail-content .detail-items .item a:not(.apply-button) {
    text-decoration: underline;
}

.jobs-detail-content .detail-items .item a:focus-visible,
.jobs-detail-content .detail-items .item a:hover {
    outline: 0.1875rem solid #005CA2;
    outline-offset: 0.1875rem;
}

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

.offer-detail-content .detail-items .item .button {
    margin-top: 0.250000rem;
    color: #fff;
    background-color: #fbb900
}

.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;
    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%;
    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: #fff
}

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

.jobs-detail-content .detail-items .item .apply-button {
    margin-top: 1.562500rem;
    color: #fff;
    background-color: #005ca2
}

.jobs-detail-content .detail-items .item .apply-button p {
    color: #fff
}

.jobs-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;
    align-items: stretch;
    -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
}

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

.jobs-detail-button:focus-visible {
    outline: 0.1875rem solid #005CA2;
    outline-offset: 0.1875rem;
}

.jobs-detail-button p {
    color: #fff
}


@media screen and (max-width: 50.000000rem) {
    .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.000000rem) {
    .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-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: 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;
}

@media screen and (max-width: 32.500000rem) {
    .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.000000rem) {
    .news-detail-content .text {
        margin-bottom: 2.5rem
    }
}

@media screen and (max-width: 32.500000rem) {
    .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.375000rem
}

.news-detail-content li li {
    color: #2b2b2b;
    padding-top: 0.250000rem;
    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.375000rem
}

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

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

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

.news-detail-content .image {
    padding-bottom: 2.500000rem !important;
    color: #fff;
    height: auto
}

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

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

.news-detail-content .image img {
    height: 21.250000rem
}

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

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

@media screen and (max-width: 64.000000rem) {
    .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.000000rem) {
    .news-detail-content .header {
        margin-top: 3.75rem
    }
}

@media screen and (max-width: 32.500000rem) {
    .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;
    height: 100%;
    justify-content: left;
    align-items: start;
    height: auto
}

.news-detail-content .detail-items .item {
    padding-top: 0.625000rem !important;
    padding-bottom: 1.250000rem !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;
    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;
    height: auto
}

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

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

.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;
    align-items: stretch;
    -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
}

.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.062500rem;
    bottom: -0.187500rem;
    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.062500rem;
    bottom: -0.187500rem;
    background-image: url(/_images/elements/zimmer-bogen-gelb.svg);
    background-position: bottom
}

.pageElement-room-detail.theme-yellow .icon-box {
    background-color: #fff;
    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.500000rem
}

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

@media screen and (max-width: 50.000000rem) {
    .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.000000rem) {
    .room-detail-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%;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        flex-flow: column;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-items: flex-start
    }
}

.room-detail-images {
    border-bottom: 0.125000rem solid #005ca2;
    padding-bottom: 1.875000rem !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.250000rem;
    height: 100%
}

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

@media screen and (max-width: 32.500000rem) {
    .room-detail-images {
        grid-gap: 0.250000rem
    }
}

.room-detail-text {
    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%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-items: flex-start
}

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

}

.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;
}

.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-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%;
    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
}

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

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

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

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

@media screen and (max-width: 30.000000rem) {
    .room-detail-overlay {
        bottom: -0.250000rem;
        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;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-flow: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    height: auto;
    margin-left: 0.250000rem;
    margin-right: 0.250000rem;
    margin-bottom: 0.125000rem
}

@media screen and (max-width: 32.500000rem) {
    .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;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        height: 100%;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        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.125000rem
    }
}

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

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

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

@media screen and (max-width: 32.500000rem) and (max-width: 22.500000rem) {
    .room-detail-overlay .icons .icon img {
        margin-left: 1.125000rem
    }
}

@media screen and (max-width: 20.000000rem) {
    .room-detail-overlay .icons .icon img {
        width: 1.687500rem;
        height: 1.687500rem;
        margin-top: 0.312500rem;
        margin-left: 1.375000rem;
    }
}

.room-detail-overlay .icons .icon-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;
    -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;
    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;
    justify-content: center
}

@media screen and (max-width: 32.500000rem) {
    .room-detail-overlay .icons .icon-box {
        width: 2.125000rem !important;
        height: 1.750000rem !important;
        font-size: 1rem;
        line-height: 1.250000rem
    }
}

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

.room-detail-overlay .label {
    font-family: 'Open Sans Bold';
    font-weight: 700
}

.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: 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;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-flow: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    overflow-x: hidden;
}

.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.000000rem) {
    .overviewitem-large {
        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%;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -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-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%;
    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-top: 4rem !important;
    padding-bottom: 4rem !important;
    padding-left: 4.88rem !important;
    padding-right: 2.44rem !important;
    height: fit-content;
    overflow: visible
}

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


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

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

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

@media screen and (max-width: 50.000000rem) {
    .overviewitem-large .content {
        padding-left: 2.44rem !important;
        padding-right: 2.44rem !important;
        padding-bottom: 2.500000rem !important;
        padding-top: 0 !important;
        height: auto !important
    }

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

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

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

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

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

@media screen and (max-width: 32.5rem) {
    .overviewitem-large .content .text h3 {
        font-size: 1.2rem
    }
}

.overviewitem-large .content .text h2, .overviewitem-large .content .text p {
    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.500000rem) {
    .overviewitem-large .content .text h2, .overviewitem-large .content .text p {
        padding-bottom: 2rem !important
    }
}

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

@media screen and (max-width: 68.750000rem) {
    .overviewitem-large .content .text h2, .overviewitem-large .content .text p {
        padding-bottom: .5rem !important
    }
}

@media screen and (max-width: 60.000000rem) {
    .overviewitem-large .content .text h2, .overviewitem-large .content .text p {
        padding-right: 0 !important
    }
}

@media screen and (max-width: 50.000000rem) {
    .overviewitem-large .content .text h2, .overviewitem-large .content .text p {
        padding: 0 0 1.250000rem 0 !important
    }
}

@media screen and (max-width: 80.000000rem) {
    .overviewitem-large .content .text h2 {
        width: 100%;
        font-size: 1.500000rem;
        line-height: 1.3333333333;
    }
}

@media screen and (max-width: 32.5rem) {
    .overviewitem-large .content .text h2 {
        width: 116%;
        font-size: 1.250000rem;
        padding-right: 0 !important
    }
}

.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.750000rem) {
    .overviewitem-large .content .button {
        height: 2rem;
        font-size: small
    }
}

@media screen and (max-width: 50.000000rem) {
    .overviewitem-large .content .button {
        height: 3.125000rem
    }
}

@media screen and (max-width: 32.500000rem) {
    .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.000000rem) {
    .overviewitem-large .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 101%;
        left: 0;
        bottom: -0.187500rem;
        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.250000rem;
    column-gap: 2rem;
}

.overviewitem-small-items :nth-last-child(1):nth-child(odd) {
    -ms-grid-column: 1/span 2;
    grid-column: 1/span 2;
    width: 100%
}

@media screen and (max-width: 50.000000rem) {
    .overviewitem-small-items {
        column-gap: 1rem
    }
}

@media screen and (max-width: 42.500000rem) {
    .overviewitem-small-items {
        grid-auto-flow: row
    }

    .overviewitem-small-items :nth-child(n) {
        -ms-grid-column: 1/span 2;
        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: 32.500000rem) {
    .overviewitem-small-item:nth-child(odd):last-child {
        max-width: 50%
    }
}

.overviewitem-small-item .image {
    overflow: hidden;
    width: auto !important;
}

@media screen and (max-width: 42.500000rem) {
    .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.125000rem;
    background-image: url(/_images/elements/bogen-blue-bottom.svg);
    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.125000rem;
    background-image: url(/_images/elements/bogen-weiss-overviewitem-small.svg);
    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.svg); /* load images */
}

.overviewitem-small-item:hover .label {
    color: #005ca2;
}

@media screen and (max-width: 87.500000rem) {
    .overviewitem-small-item .label {
        font-size: 1.2222222222rem;
    }
}

@media screen and (max-width: 50.000000rem) {
    .overviewitem-small-item .label {
        font-size: 1rem;
    }
}

@media screen and (max-width: 42.500000rem) {
    .overviewitem-small-item .label {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 23.750000rem) {
    .overviewitem-small-item .label {
        font-size: 1rem;
    }
}

.pageElement-text {
    margin-bottom: 5rem
}

.pageElement-text .text.texteditor {
    margin-bottom: 1.33rem;
}

.pageElement-text.margin_bottom {
    margin-bottom: 0;
}


@media screen and (max-width: 32.500000rem) {
    .pageElement-text .text-container {
        padding-right: 1.250000rem !important
    }
}

.pageElement-text .text-content .headline {
    color: #005ca2
}

.pageElement-text .text-content .heading {
    padding-bottom: 2rem !important;
    color: #2b2b2b;
    font-family: 'Open Sans Bold';
    font-weight: 700
}

.pageElement-text .text-content li {
    color: #2b2b2b
}

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

.pageElement-infobox {
    padding-bottom: 5rem
}

.pageElement-infobox .infobox-container {
    color: #fff;
    background-color: #a2c614;
    padding-top: 3rem !important;
    padding-bottom: 1rem !important;
    padding-left: 4.88rem !important;
    padding-right: 4.88rem !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.000000rem) {
    .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-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%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start
}

.infobox-content .text {
    padding-top: .5rem !important
}

.infobox-content .text p {
    padding-bottom: 1rem !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-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%;
    justify-content: space-evenly !important;
    -webkit-justify-content: space-around;
    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
}

.infobox-items {
    width: 100%;
    height: auto;
    text-align: left
}

.infobox-items .item {
    display: inline-flex;
    width: fit-content;
    width: -moz-fit-content;
    padding: 0.625000rem 0;
    height: auto
}

.infobox-items .item .icon {
    width: 2.78rem;
    max-width: 3.125000rem;
    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';
    font-weight: 700
}

@media screen and (max-width: 87.500000rem) {
    .infobox-items .item .label {
        font-size: 1.1111111111rem
    }
}

@media screen and (max-width: 75.000000rem) {
    .infobox-items .item .label {
        font-size: 1rem
    }
}

@media screen and (max-width: 64.000000rem) {
    .infobox-items .item .label {
        font-size: .8888888889rem
    }
}

@media screen and (max-width: 32.500000rem) {
    .infobox-items .item .icon {
        max-width: 1.875000rem;
    }
}

.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.000000rem) {
    .infobox-content p {
        font-size: .96rem;
        line-height: 1.4
    }
}

@media screen and (max-width: 80.000000rem) {
    .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;
    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%;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    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 h2 {
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    padding-left: 1rem;
    width: calc(100% - 1.437500rem);
    font-size: 1.3333333333rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: 700;
    margin-bottom: 0;
}

@media screen and (max-width: 32.500000rem) {
    .infobox-content .headline h2 {
        padding-left: .8rem
    }
}

.infobox-content .headline .icon {
    position: relative;
    width: 1.500000rem;
    height: 1.500000rem
}

.infobox-content .headline .icon img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1.500000rem;
    max-width: 1.500000rem;
    height: 1.500000rem
}

.pageElement-infobox-wide {
    margin-bottom: 5rem;
    background-color: #005ca2;
    color: #fff
}

.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-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%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start
}

.infobox-wide-content .text p {
    padding-bottom: 1rem !important
}

.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.000000rem) {
    .infobox-wide-content p {
        font-size: .96rem;
        line-height: 1.4
    }
}

@media screen and (max-width: 80.000000rem) {
    .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;
    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%;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    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.250000rem
}

.infobox-wide-content .headline .icon {
    position: relative;
    width: 2.562500rem;
    height: 3.000000rem;
    padding-right: 1.5rem;
    box-sizing: content-box;
}

.infobox-wide-content .headline .icon img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2.562500rem;
    max-width: 2.562500rem;
    height: 2.562500rem
}

.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.500000rem) {
    .infobox-wide-content .headline .icon img {
        width: 2.250000rem;
        height: 2.250000rem;
        max-width: 2.250000rem
    }
}

.infobox-wide-content .headline .label {
    font-size: 1.7777777778rem;
    line-height: 1.36;
    font-family: 'Open Sans Bold';
    font-weight: 700;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}

@media screen and (max-width: 32.500000rem) {
    .infobox-wide-content .headline .label {
        font-size: 1.25rem;
        line-height: 1.2857142857
    }
}

.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: #fff;
}

.testimonial-container .quote a::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: '\f138';
    margin-right: 0.500000rem;
    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.000000rem) {
    .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.000000rem) {
    .extension-content .text,
    .teaser-big-content-grid .text,
    .teaser-image-content .text {
        padding-right: 0
    }
}

@media only screen and (max-width: 32.5rem) {
    .teaser-image-content h2 {
        font-size: 1.25rem;
    }
}

.extension-content .headline h5,
.teaser-big-content-grid .headline h5,
.teaser-image-content .headline h5 {
    display: inline-block;
    padding-top: 0.625000rem;
    padding-left: 2rem
}

.extension-content .headline .icon,
.teaser-big-content-grid .headline .icon,
.teaser-image-content .headline .icon {
    width: 3.125000rem;
    max-width: 3.125000rem;
    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.500000rem;
    max-width: 2.500000rem
}

.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.937500rem !important;
    padding-bottom: 0.937500rem !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.250000rem;
    -webkit-column-gap: 1.250000rem;
    -moz-column-gap: 1.250000rem;
    overflow: hidden
}

.pageElement-contactteaser.bg-yellow .contactteaser-contentbox .slogan,
.pageElement-contactteaser.bg-green .contactteaser-contentbox .slogan {
    color: #2b2b2b;
}

@media screen and (max-width: 50.000000rem) {
    .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.000000rem) {
    .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.000000rem) {
    .contactteaser-imagebox .image {
        max-width: 11.1111111111rem
    }
}

@media screen and (max-width: 50.000000rem) {
    .contactteaser-imagebox-optional {
        display: none
    }
}

.contactteaser-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-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-content: space-evenly !important;
    -webkit-justify-content: space-around;
    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
}

.contactteaser-contentbox .slogan {
    font-size: 1.3333333333rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold';
    font-weight: 700;
    padding-bottom: 1.5rem;
}

@media screen and (max-width: 32.500000rem) {
    .contactteaser-contentbox .slogan {
        font-size: 1.1666666667rem;
        line-height: 1.3333333333
    }
}

@media screen and (max-width: 50.000000rem) {
    .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.500000rem) {
    .contactteaser-button {
        width: 16.6666666667rem;
        max-width: 100%;
        max-height: 3.125000rem;
        font-size: 1rem;
        line-height: 1.3333333333;
        padding: .8em .5em
    }
}

@media screen and (min-width: 50.000000rem) {
    .pageElement-contentbox.theme-blue.position-right .contentbox-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%;
        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.062500rem) and (max-width: 80.000000rem) {
    .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.062500rem) {
    .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.125000rem;
        background-image: url(/_images/elements/bogen-blue-right.png);
        background-position: right
    }
}

@media screen and (min-width: 50.062500rem) {
    .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.000000rem) {
    .pageElement-contentbox.theme-blue .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 101%;
        left: 0;
        bottom: -1.875000rem;
        background-image: url(/_images/elements/bogen-blue-bottom.png);
        background-position: bottom
    }
}

@media screen and (max-width: 32.500000rem) {
    .pageElement-contentbox.theme-blue .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 101%;
        left: 0;
        bottom: -1.250000rem;
        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.000000rem) {
    .pageElement-contentbox.theme-yellow.position-right .contentbox-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%;
        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.062500rem) {
    .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.125000rem;
        background-image: url(/_images/elements/bogen-yellow-right.png);
        background-position: right
    }
}

@media screen and (min-width: 50.062500rem) {
    .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.000000rem) {
    .pageElement-contentbox.theme-yellow .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 101%;
        left: 0;
        bottom: -1.875000rem;
        background-image: url(/_images/elements/bogen-yellow-bottom.png);
        background-position: bottom
    }
}

@media screen and (max-width: 32.500000rem) {
    .pageElement-contentbox.theme-yellow .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 101%;
        left: 0;
        bottom: -1.250000rem;
        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.062500rem) {
    .pageElement-contentbox.theme-green.position-right .contentbox-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%;
        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.062500rem) {
    .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.125000rem;
        background-image: url(/_images/elements/bogen-green-right.png);
        background-position: right
    }
}

@media screen and (min-width: 50.062500rem) {
    .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.000000rem) {
    .pageElement-contentbox.theme-green .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 101%;
        left: 0;
        bottom: -1.875000rem;
        background-image: url(/_images/elements/bogen-green-bottom.png);
        background-position: bottom
    }
}

@media screen and (max-width: 32.500000rem) {
    .pageElement-contentbox.theme-green .image::after {
        content: ' ';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 101%;
        left: 0;
        bottom: -1.250000rem;
        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.250000rem !important;
    padding-bottom: 1.250000rem !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-type: disc;
    list-style-position: outside;
    padding-top: 0.375000rem
}


@media screen and (max-width: 50.000000rem) {
    .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-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%;
    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.000000rem) {
    .contentbox-content .content {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media screen and (max-width: 64.000000rem) {
    .contentbox-content .content {
        padding-top: 2rem !important
    }
}

@media screen and (max-width: 50.000000rem) {
    .contentbox-content .content {
        padding-left: 2.500000rem !important;
        padding-right: 2.500000rem !important;
        padding-top: 0 !important;
        padding-bottom: 2rem !important;
    }
}

.contentbox-content .content .headline {
    padding-bottom: 2.5rem !important;
    padding-top: 1rem;
}

@media screen and (max-width: 80.000000rem) {
    .contentbox-content .content .headline {
        padding-bottom: 2rem !important
    }
}

@media screen and (max-width: 64.000000rem) {
    .contentbox-content .content .headline {
        padding-bottom: 1rem !important
    }
}

@media screen and (max-width: 50.000000rem) {
    .contentbox-content .content .headline {
        padding-top: 1rem !important;
        padding-bottom: 2rem !important
    }
}

@media screen and (max-width: 32.500000rem) {
    .contentbox-content .content .headline {
        padding-top: 2rem !important
    }
}

.contentbox-content .image {
    overflow: hidden
}

.contentbox-content .image img {
    /*height: calc(18.750000rem + 200 * (100vw - 64.000000rem) / 896)*/
    object-fit: cover;
}

@media screen and (max-width: 64.000000rem) {
    .contentbox-content .image img {
        height: auto;
        min-height: 15.000000rem
    }
}

.pageElement-contentbox-tipp {
    margin-bottom: 5rem;
    color: #2b2b2b;
    background-color: #a2c614
}

.pageElement-contentbox-tipp p {
    color: #2b2b2b
}

.contentbox-tipp-container {
    padding-top: 1.250000rem !important;
    padding-bottom: 1.250000rem !important;
    padding-left: 4rem !important;
    padding-right: 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.250000rem
}

.contentbox-tipp-container .quote li {
    margin-left: 1.2em;
    list-style-type: disc;
    list-style-position: outside;
    padding-top: 0.375000rem
}


.contentbox-tipp-container :last-child {
    -ms-grid-column: 2/span 3;
    grid-column: 2/span 3
}

@media screen and (max-width: 50.000000rem) {
    .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 {
        -ms-grid-row: 1;
        -ms-grid-column: 1/span 4;
        grid-row: 1;
        grid-column: 1/span 4
    }

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

@media screen and (max-width: 32.500000rem) {
    .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 {
        -ms-grid-row: 1;
        -ms-grid-column: 1/span 4;
        grid-row: 1;
        grid-column: 1/span 4
    }

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

@media screen and (max-width: 50.000000rem) {
    .contentbox-tipp-container {
        padding-top: 2.500000rem !important;
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }
}

@media screen and (max-width: 32.500000rem) {
    .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;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    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: #2b2b2b;
    width: auto;
    background-image: url(/_images/elements/ellipse-white.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.contentbox-overlay {
    height: 12.937500rem
}

@media screen and (max-width: 120.000000rem) {
    .contentbox-overlay {
        height: calc(11.250000rem + 27 * ((100vw - 64.000000rem) / 896))
    }
}

@media screen and (max-width: 64.000000rem) {
    .contentbox-overlay {
        height: 11.250000rem
    }
}

@media screen and (max-width: 50.000000rem) {
    .contentbox-overlay {
        height: 8.750000rem
    }
}

.contentbox-overlay .text {
    font-size: 1.3333333333rem;
    line-height: 1.5555555556;
    text-align: center;
    align-self: center;
    padding: 1rem;
    font-family: 'Open Sans Bold';
    font-weight: 700
}

@media screen and (max-width: 64.000000rem) {
    .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-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%;
    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.000000rem) {
    .contentbox {
        padding-top: 1.250000rem;
        padding-bottom: 1.250000rem
    }
}

@media screen and (max-width: 50.000000rem) {
    .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.000000rem) {
    .pageElement-price-table {
        margin-top: 0 !important
    }
}

.price-table-content {
    overflow-y: hidden;
    -ms-overflow-y: -moz-scrollbars-none
}

.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.250000rem;
}

.pageElement-price-table .label {
    font-size: 1.77rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold';
    font-weight: 700;
    color: #005ca2;
}

.price-table :nth-child(n) {
    -ms-grid-column: 1/span 3;
    grid-column: 1/span 3
}

@media screen and (max-width: 50.000000rem) {
    .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.250000rem;
}

.price-table-ext :nth-child(n) {
    -ms-grid-column: 1/span 3;
    grid-column: 1/span 3
}

@media screen and (min-width: 50.000000rem) {
    .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;
}

.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.000000rem) {
    .price-table .main-col,
    .price-table-ext .main-col {
        width: 31.250000rem !important
    }
}

@media screen and (max-width: 50.000000rem) {
    .price-table .main-col,
    .price-table-ext .main-col {
        width: 13.3333333333rem
    }
}

.price-table .col,
.price-table-ext .col {
    display: block;
    width: 12.500000rem;
    text-align: center
}

@media screen and (max-width: 50.000000rem) {
    .price-table .col,
    .price-table-ext .col {
        width: 11.250000rem
    }
}

.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;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 1.11rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold';
    font-weight: 700;
    color: #005ca2;
    padding-bottom: 0.625000rem !important;
    width: 100%;
    text-align: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

@media screen and (max-width: 50.000000rem) {
    .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.000000rem) {
    .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.500000rem) {
    .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.000000rem) {
    .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';
    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';
    font-weight: 700
}

@media screen and (max-width: 50.000000rem) {
    .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.000000rem) {
    .price-table .table-head .small,
    .price-table-ext .table-head .small {
        padding: 0.625000rem
    }
}

.price-table .table-head .upper,
.price-table-ext .table-head .upper {
    margin-top: -1.000000rem
}

.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;
    -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%;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    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.187500rem;
    padding: 0.250000rem 0.625000rem
}

@media screen and (max-width: 50.000000rem) {
    .price-table .table-row,
    .price-table-ext .table-row {
        font-size: 1.000000rem;
        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.000000rem) {
    .price-table .table-row .main-col,
    .price-table-ext .table-row .main-col {
        width: unset !important;
        padding-left: .5555555556rem;
        padding-right: 0.625000rem;
    }
}

@media screen and (max-width: 32.500000rem) {
    .price-table .table-row .main-col,
    .price-table-ext .table-row .main-col {
        width: 20rem
    }
}

@media screen and (min-width: 87.500000rem) {
    .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.000000rem) {
    .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.000000rem) {
    .price-table .table-row .col,
    .price-table-ext .table-row .col {
        width: 13.3333333333rem
    }
}

@media screen and (max-width: 32.500000rem) {
    .price-table .table-row .col,
    .price-table-ext .table-row .col {
        width: 8.750000rem
    }
}

@media screen and (max-width: 30.000000rem) {
    .price-table .table-row .col,
    .price-table-ext .table-row .col {
        width: 4.375000rem
    }
}

.contactform-content {
    padding-bottom: 2.500000rem !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.250000rem;
    overflow: visible
}

@media screen and (max-width: 50.000000rem) {
    .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
}

.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;
    height: 100%;
    grid-gap: 1.2rem;
    width: 100%;
    height: auto
}

.contact-form form .form-select select{
    position: relative;
    display: block;
    width: 100%;
    border: 0.062500rem solid #707070;
    color: #2b2b2b;
    height: 3.3333333333rem
}

.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: .800000rem;
    background-size: 1rem;
    margin-right: 2rem;
    width: 100%;
    padding: 0.8rem 2rem 0.8rem 1.4rem;
    color: #2b2b2b;
    font-size: 1.125rem;
    height: 100%;
}

.contact-form form .form-select #job {
    background: url('/_images/icons/angle-down-solid.svg') no-repeat 0 0 #E9E9ED;
    background-position-x: 95%;
    background-position-y: 1.000000rem;
    background-size: 1rem;
}

.contact-form form .form-select select:focus-visible {
    outline: 0.188rem solid #005ca2;
    outline-offset: 0.188rem;
}

.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.062500rem solid #707070 !important;
    color: #2b2b2b;
    background: #fff;
    width: 100%;
    height: 8.3333333333rem;
    padding: 1.187500rem 1.5rem;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    outline: none;
}

.contact-form form .form-row textarea:focus-visible {
    outline: 0.188rem solid #005ca2;
    outline-offset: 0.188rem;
}

.contact-form form .form-row input:focus-visible {
    outline: 0.188rem solid #005ca2;
    outline-offset: 0.188rem;
}

.contact-form form .form-row label {
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.7rem;
    color: #2b2b2b;
    margin-bottom: 0.3rem;
    display: block;
}

.contact-form form .form-select label {
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.7rem;
    color: #2b2b2b;
    margin-bottom: 0.3rem;
    display: block;
}

.contact-form form .form-row input[type=text] {
    width: 100%;
    height: 3.3333333333rem;
    border: 0.062500rem solid #707070;
    background: #fff;
    color: #2b2b2b;
    padding: 1.187500rem 1.5rem;
    font-size: 1.125rem;
}


.contact-form form .form-row input[type=text]:focus {
    border: 0.062500rem solid #005ca2
}

.contact-form form .form-row input[type=text]:focus-visible {
    border: 0.062500rem solid #005ca2
}

.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.062500rem solid #707070;
    background: #fff;
    color: #2b2b2b;
    padding: 1.187500rem 1.5rem;
    font-size: 1rem;
    line-height: 1.1111111111rem;
}

.contact-form form .form-row input[type=email]:focus {
    opacity: .9;
    border: 0.062500rem solid #005ca2
}

#form-upload-element_buttons:has(input:focus-visible) {
    outline: 0.1875rem solid;
    outline-offset: 0.1rem;
}

.contact-form form .form-row.dataprotection a {
    color: inherit;
    text-decoration: underline;
}

.contact-form form .form-row.dataprotection a:focus-visible {
    outline: 0.188rem #2b2b2b solid;
    outline-offset: 0.188rem;
}

.contact-form form .form-row.dataprotection a:hover {
    text-decoration-thickness: 0.125rem;
}

.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: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    color: #2b2b2b;
    border: 0.125000rem 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 {
    margin-left: 0.625000rem !important;
    width: 100%;
    /*font-size: .8888888889rem;*/
    /*line-height: 1.0625*/
}

.contactform-button {
    background-color: #005ca2;
    color: #fff;
    margin-top: 2.5rem
}

.contactform-button p {
    color: #fff
}

@media screen and (max-width: 50.000000rem) {
    .contactform-button {
        margin-top: 1rem;
        max-height: 3.125000rem;
        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;
    -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%;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    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.000000rem) {
    .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.937500rem;
    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.000000rem) {
    .contactform-contact .image {
        width: 21.2777777778rem
    }
}

@media screen and (max-width: 50.000000rem) {
    .contactform-contact .image {
        width: 17.2777777778rem;
    }

    .contactform-contact .text {
        margin-top: 1.5rem;
    }
}

@media screen and (max-width: 32.500000rem) {
    .contactform-contact .image {
        width: 13.2777777778rem;
    }

    .contactform-contact .text {
        margin-top: 0.5rem;
    }
}

.contactform-contact .text .company {
    padding-bottom: 2.500000rem !important
}

.contactform-contact .text .company .headline {
    font-size: 1.1111111111rem;
    line-height: 1.5;
    font-family: 'Open Sans Bold';
    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;
    -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%;
    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.500000rem;
    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;
    -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%;
    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.625000rem
}

@media screen and (max-width: 32.500000rem) {
    .contactform-contact .text {
        padding-left: 0;
        padding-right: 0;
    }
}

.pageElement-footer-socialmedia {
    margin-top: 1.25rem
}

.socialmedia-content {
    padding-top: 1.250000rem !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;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-start;
    -webkit-align-items: flex-start
}

@media screen and (max-width: 50.000000rem) {
    .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.250000rem !important;
    line-height: 1.687500rem;
    font-family: 'Open Sans Bold';
    font-weight: 700
}

@media screen and (max-width: 68.750000rem) {
    .socialmedia-content .headline {
        font-size: 1.125000rem !important
    }
}

@media screen and (max-width: 60.000000rem) {
    .socialmedia-content .headline {
        font-size: 1.000000rem !important
    }
}

@media screen and (max-width: 50.000000rem) {
    .socialmedia-content .headline {
        font-size: 1.250000rem !important
    }
}

@media screen and (max-width: 32.500000rem) {
    .socialmedia-content .headline {
        font-size: 1.062500rem !important
    }
}

@media screen and (min-width: 50.062500rem) {
    .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.250000rem calc((100vw - (45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)))) / 1.4);
        padding-bottom: 1.250000rem
    }

    .socialmedia-content p {
        color: #fff
    }
}

@media screen and (min-width: 87.500000rem) {
    .socialmedia-content {
        padding: 1.250000rem calc((100vw - (45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)))) / 1.5);
        padding-bottom: 1.250000rem
    }
}

@media screen and (min-width: 112.500000rem) {
    .socialmedia-content {
        padding: 1.250000rem calc((100vw - (45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)))) / 1.6);
        padding-bottom: 1.250000rem
    }
}

@media screen and (min-width: 50.000000rem) {
    .socialmedia-right {
        padding-left: 2rem !important
    }
}

@media screen and (max-width: 50.000000rem) {
    .socialmedia-right {
        max-width: 100%;
        width: 100%;
        position: relative;
        z-index: -1;
        margin-left: 0;
        margin-right: 0;
        overflow: auto;
        color: #fff;
        background-color: #a2c614;
        padding: 0.625000rem 12% 1.250000rem 12%
    }

    .socialmedia-right p {
        color: #fff
    }
}

@media screen and (max-width: 32.500000rem) {
    .socialmedia-right {
        padding: 0.625000rem 11% 1.250000rem 11%
    }
}

@media screen and (min-width: 50.000000rem) {
    .socialmedia-left {
        padding-right: 2rem !important
    }
}

@media screen and (max-width: 50.000000rem) {
    .socialmedia-left {
        max-width: 100%;
        width: 100%;
        position: relative;
        z-index: -1;
        margin-left: 0;
        margin-right: 0;
        overflow: auto;
        color: #fff;
        background-color: #a2c614;
        margin-top: 0.500000rem;
        padding: 0.625000rem 12% 1.250000rem 12%
    }

    .socialmedia-left p {
        color: #fff
    }
}

@media screen and (max-width: 32.500000rem) {
    .socialmedia-left {
        padding: 0.625000rem 11% 1.250000rem 11%
    }
}

.socialmedia-box {
    padding-top: 0.625000rem !important;
    padding-bottom: 0.625000rem !important;
    color: #2b2b2b;
    width: 100%;
    overflow: visible
}

@media screen and (max-width: 32.500000rem) {
    .socialmedia-box .headline {
        text-align: center
    }
}

.socialmedia-icons {
    padding-top: 1.250000rem !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;
    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;
    width: 100%;
    max-height: 3.750000rem
}

.socialmedia-icons .social-icon {
    filter: var(--filter-to-black);
}

.socialmedia-icons .social-icon img {
    width: 3.125000rem;
    height: 3.125000rem
}

.socialmedia-icons :nth-child(n) {
    padding-left: 2rem
}

.socialmedia-icons a:focus-visible,
.socialmedia-icons a:hover {
    outline-offset: 0.188rem;
    outline: 0.188rem solid;
}

@media screen and (min-width: 87.500000rem) {
    .socialmedia-icons :nth-child(n) {
        padding-left: 3rem
    }
}

@media screen and (min-width: 112.500000rem) {
    .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.000000rem) {
    .socialmedia-icons {
        padding-top: 1.875000rem !important;
        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;
        justify-content: space-between;
        -webkit-justify-content: space-between
    }
}

@media screen and (max-width: 23.750000rem) {
    .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: 1.250000rem !important;
    width: 100%;
    max-height: 3.750000rem
}

.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;
    align-items: stretch;
    -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;
    background: 0 0;
    overflow: hidden;
    width: 100%;
    height: 2.812500rem
}

.socialmedia-newsletter form .form-row {
    -webkit-flex-grow: 1;
    -webkit-flex-shrink: 0;
    flex-grow: 1;
    flex-shrink: 0;
    display: inline-flex;
    width: auto
}

@media screen and (max-width: 64.000000rem) {
    .socialmedia-newsletter form .form-row {
        width: 50%
    }
}

@media screen and (max-width: 50.000000rem) {
    .socialmedia-newsletter form .form-row {
        width: auto
    }
}

@media screen and (max-width: 32.500000rem) {
    .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.875000rem !important;
    min-width: 7.500000rem
}

.socialmedia-button {
    background-color: #fff;
    color: #a2c614
}

.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.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    margin: 1.25rem auto 0 auto;
    padding: 0.625000rem 0;
}

.footer-bar .wrapper .link {
    color: #fff;
}

.footer-bar .wrapper .link:hover {
    text-decoration: underline;
}

@media screen and (max-width: 50.000000rem) {
    .footer-bar .wrapper {
        width: 80%;
        grid-gap: 0.625000rem;
        flex-flow: column;
        align-items: center;
    }
}

.footer-content {
    padding-top: 0.625000rem !important;
    padding-bottom: 1.250000rem !important;
    overflow: visible
}

@media screen and (max-width: 50.000000rem) {
    .footer-content {
        padding-bottom: 1rem !important
    }
}

@media screen and (max-width: 32.500000rem) {
    .footer-content {
        padding-bottom: 2rem !important
    }
}

@media screen and (max-width: 31.250000rem) {
    .socialmedia-right {
        padding: 0.625000rem 11% 0.625000rem 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.500000rem !important;
    padding-bottom: 1.250000rem !important;
    justify-items: center;
    text-align: left;
    overflow: visible
}

@media screen and (max-width: 105.000000rem) {
    .footer-items {
        grid-gap: 1.250000rem
    }
}

@media screen and (max-width: 64.000000rem) {
    .footer-items {
        grid-gap: 0.625000rem
    }
}

@media screen and (max-width: 50.000000rem) {
    .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.250000rem;
        column-gap: 0;
        margin-left: auto;
        margin-right: auto
    }

    .footer-items :first-child {
        -ms-grid-column: 1/span 2;
        grid-column: 1/span 2;
        row-gap: 0
    }
}

@media screen and (max-width: 32.500000rem) {
    .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.500000rem;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .footer-items :nth-child(n) {
        -ms-grid-column: 1/span 1;
        grid-column: 1/span 1
    }
}

@media screen and (min-width: 32.500000rem) and (max-width: 50.000000rem) {
    .footer-items {
        padding-bottom: 0
    }
}

@media screen and (max-width: 32.500000rem) {
    .footer-items .footer-item:first-child {
        margin-bottom: -1.875000rem
    }
}

@media screen and (min-width: 105.000000rem) {
    .footer-items .footer-item:nth-child(2) {
        padding-left: 4rem !important
    }
}

@media screen and (min-width: 64.000000rem) {
    .footer-items .footer-item:nth-child(2) {
        padding-left: 1.250000rem
    }

    .footer-items .footer-item:nth-child(3) {
        -webkit-box-align: end;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        padding-right: 1.250000rem
    }

    .footer-items .footer-item:nth-child(5) {
        padding-left: 1.250000rem
    }
}

.footer-items .footer-item p,
.footer-items .footer-item a {
    color: #ffffff;
    font-size: 1.125rem;
    line-height: 1.7rem;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.footer-items .footer-item a:hover {
    text-decoration: underline;
}

.footer-item a:focus-visible {
    outline: 0.188rem #fff solid;
    outline-offset: 0.188rem;
}

.footer-items .footer-item p.strong {
    font-family: 'Open Sans Bold';
    font-weight: 700
}

@media screen and (max-width: 50.000000rem) {
    .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-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%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-items: flex-start;
    width: max-content;
    width: -moz-max-content
}

@media screen and (max-width: 80.000000rem) {
    .footer-items .footer-item .text-footer {
        width: unset;
        min-width: 11.250000rem
    }
}

@media screen and (max-width: 32.500000rem) {
    .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-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%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-flow: column;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-items: flex-start
}

@media screen and (max-width: 32.500000rem) {
    .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.750000rem) {
    .footer-items .footer-item .nav-footer .nav-footer-item {
        width: max-content;
        width: -moz-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: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    justify-content: space-evenly !important;
    -webkit-justify-content: space-around;
    padding-top: 1.250000rem !important;
    padding-bottom: 1.250000rem !important;
    width: 100%;
    height: auto;
    text-align: left
}

.footer-info-items a {
    display: inherit;
}

.footer-info-items a:focus-visible {
    outline: 0.188rem #2b2b2b solid;
    outline-offset: 0.188rem;
}

@media screen and (max-width: 32.500000rem) {
    .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: 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-content: space-evenly !important;
        -webkit-justify-content: space-around;
        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-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-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%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    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;
    align-items: center
}

@media screen and (max-width: 36.250000rem) {
    .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.562500rem;
    line-height: 2.125000rem;
    font-family: 'Open Sans Bold';
    font-weight: 700;
    padding-top: 0.125000rem;
    color: #2b2b2b
}

.footer-info-items .footer-info-item .text:hover {
    text-decoration: underline;
}

@media screen and (max-width: 50.000000rem) {
    .footer-info-items .footer-info-item .text {
        font-size: 1.25rem;
        line-height: 1.8888888889
    }
}

@media screen and (max-width: 23.750000rem) {
    .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.000000rem;
    margin-right: 1.250000rem
}

.pageElement-downloads-main {
    margin-bottom: 5rem;
}

.pageElement-downloads-main .headline {
    color: #005CA2;
    width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.250000rem;

}

.download-item {
    display: flex;
    justify-content: center;
    margin-bottom: 0.937500rem;
}

.download-link {
    display: inline-block;
    width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    font-size: 1.125000rem;
    line-height: 1.500000rem;
    padding: 0.812500rem 0.625000rem 0.812500rem 4.88rem;
    background: #005CA2;
    color: white;
    font-weight: bold;
    border-radius: 0.625000rem;
    transition: all .25s;
}

.download-link:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: '\f56d';
    font-size: 1.500000rem;
    margin-right: 0.937500rem;
    width: auto;
}

.download-link:hover {
    opacity: 0.8;
}

@media screen and (max-width: 50.000000rem) {

    .pageElement-downloads-main .headline {
        width: 80%;

    }

    .download-link {
        width: 80%;
        padding-left: 2.44rem;
    }

    .pageElement-job-detail-main .download-link {
        width: 100%;
    }
}

@media screen and (max-width: 32.500000rem) {
    .download-link {
        padding-left: 1.5rem;
    }
}


.pageElement-image-main {
    width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    margin: 0 auto 5rem auto;
}

.pageElement-image-main .image:hover {
    cursor: pointer;
}

@media screen and (max-width: 50.000000rem) {
    .pageElement-image-main {
        width: 80%;
    }
}

@media screen and (max-width: 50.000000rem) {
    .pageElement-booking-main {
        width: 80%;
    }
}

/* button-wide-main*/

.pageElement-button-wide-main .wrapper {
    width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    margin: 0 auto 5rem auto;
    display: flex;
    justify-content: center;
}

.pageElement-button-wide-main .wrapper a {
    text-align: center;
    font-size: 1.500000rem;
    line-height: 2.375000rem;
    padding: 0.500000rem 5.000000rem;
    border-radius: 0.625000rem;
    transition: all .25s;
}

.pageElement-button-wide-main .wrapper a:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Pro';
    margin-right: 0.500000rem;
    font-weight: 900;
}

@media screen and (max-width: 50.000000rem) {
    .pageElement-button-wide-main .wrapper {
        width: 80%;
    }

    .pageElement-button-wide-main .wrapper a {
        font-size: 1.375000rem;
        line-height: 2.125000rem;
        padding: 0.625000rem 3.125000rem;
    }
}

/* link-main  */

.pageElement-link-main {
    width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    margin: 0 auto 5rem auto;
}

.pageElement-link-main .link-box {
    width: 100%;
    background: #81BF53;
    clear: both;
    min-height: 4.375000rem;
    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.250000rem;
}

.pageElement-link-main > h2 {
    margin-bottom: 1.250000rem;
    color: #005ca2;
}

.pageElement-link-main a.link-main-link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    color: inherit;
    font-size: 1.500000rem;
    padding: 0.625000rem 4.375000rem 0.625000rem 8.125000rem;
    line-height: 1.625000rem;
}

.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 a.link-main-link::before {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-size: 1.875000rem;
    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 a.link-main-link::before {
    content: '\f05a';
}

.pageElement-link-main.contact a.link-main-link::before {
    content: '\f2bd';
}

.pageElement-link-main.extern a.link-main-link::before {
    content: '\f324';
}

.pageElement-link-main.mail a.link-main-link::before {
    content: '\f0e0';
}

.pageElement-link-main a.link-main-link::after {
    font-family: 'Font Awesome 5 Pro', sans-serif;
    content: '\f054';
    position: absolute;
    right: 2.500000rem;
    font-size: 3.125000rem;
    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.250000rem #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.250000rem #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.250000rem #2b2b2b;
}

.pageElement-link-main.theme-yellow:hover a.link-main-link {
    color: #2b2b2b
}

@media screen and (max-width: 50.000000rem) {
    .pageElement-link-main {
        width: 80%;
    }

    .pageElement-link-main a.link-main-link {
        padding: 0.625000rem 4.375000rem 0.625000rem 5.312500rem;
    }

    .pageElement-link-main a.link-main-link::before {
        left: 2.44rem;
    }

    .pageElement-link-main a.link-main-link::after {
        right: 1.562500rem;
    }
}

@media screen and (max-width: 32.500000rem) {
    .pageElement-link-main .link-box {
        min-height: 3.750000rem;
    }

    .pageElement-link-main a.link-main-link {
        font-size: 1.125000rem;
        padding: 0.625000rem 2.187500rem 0.625000rem 3.562500rem;
        font-weight: bold;
    }

    .pageElement-link-main a.link-main-link::before {
        left: 1.5rem;
        font-size: 1.437500rem;
    }

    .pageElement-link-main a.link-main-link::after {
        right: 0.750000rem;
        font-size: 2.125000rem;
    }
}

@media screen and (max-width: 25.000000rem) {
    .pageElement-link-main a.link-main-link {
        hyphens: auto;
    }
}

/* webcam-main */

.pageElement-webcam-main {
    width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    margin: 0 auto 5rem auto;
}

@media screen and (max-width: 50.000000rem) {
    .pageElement-webcam-main {
        width: 80%;
    }
}

/* media-main */

.pageElement-media-main {
    width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    margin: 0 auto 5rem auto;
}

.movie-box.youtube, .movie-box.video {
    position: relative;
    padding-top: 0;
}

.movie:focus-visible {
    outline: 0.1875rem solid;
    outline-offset: 0.1250rem;
}

.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%;
}

@media screen and (max-width: 50.000000rem) {
    .pageElement-media-main {
        width: 80%;
    }
}

/* maps-main */
.pageElement-maps-main {
    width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    margin: 0 auto 5rem auto;
}

.pageElement-maps-main .headline {
    color: #005CA2;
    margin-bottom: 1.250000rem;
}

.pageElement-maps-main .leaflet-container {
    height: 25.000000rem;
}

@media screen and (max-width: 50.000000rem) {
    .pageElement-maps-main {
        width: 80%;
    }
}

/* text-accordion-main */

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

.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,
.pageElement-text-accordion-main .top summary:hover {
    /*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: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    margin: 0 auto 1.250000rem auto;
    font-size: 1.77rem;

}

@media screen and (max-width: 50.000000rem) {
    .pageElement-headline-main {
        width: 80%;
    }
}

/* gallery-detail-main */
.pageElement-gallery-detail-main {
    width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    margin: 0 auto 5rem auto;
}

.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.250000rem;
}

.pageElement-gallery-detail-main .gallery-container .gallery-image {
    height: calc(((45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120))) - 3.750000rem) / 4);
    width: 100%;
    background: none;
    border: none;
}

.pageElement-gallery-detail-main .gallery-container .gallery-image:focus-visible {
    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.000000rem) {
    .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.500000rem) / 3);
    }
}

@media screen and (max-width: 40.000000rem) {
    .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.250000rem) / 2);
    }
}

/* newsletter-subscription */
.pageElement-newsletter-subscription {
    width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (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.062500rem);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.312500rem;
    font-size: 0.812500rem;
    resize: vertical;
}


.pageElement-newsletter-subscription .form-row,
.pageElement-newsletter-subscription .defaultform .form-submit-container {
    float: left;
    width: 100%;
    display: block;
    margin-top: 0.625000rem;
}

.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 {
    padding-left: 9.062500rem;
}

.pageElement-newsletter-subscription .form-row.email {
    display: none;
}

.pageElement-newsletter-subscription .form-row label {
    float: left;
    width: 9.062500rem;
    padding: 0.312500rem 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: calc(100% - 9.187500rem);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.312500rem 0.625000rem;
    font-size: 0.812500rem;
    display: block;
    appearance: auto;
}

.pageElement-newsletter-subscription .form-row input[type='radio'] {
    margin: 0.312500rem 0.312500rem 0 0;
    height: 1.250000rem;
    width: 1.562500rem;
    appearance: auto;
}

.pageElement-newsletter-subscription .form-row.no-display {
    display: none;
}

.pageElement-newsletter-subscription .form-row.bund select {
    width: 20.062500rem;
}

.pageElement-newsletter-subscription .form-row.mailmail {
    display: none;
}

.pageElement-newsletter-subscription .button-submit {
    border: none;
    cursor: pointer;
    display: inline-block;
    margin-top: 0.687500rem;
    margin-left: 9.062500rem;
    padding: 0.937500rem 2.500000rem;
    background-color: #005CA2;
    color: #FFFFFF;
    border-radius: 0.625000rem;
    font-size: 1.000000rem;
    font-family: 'Open Sans';
    transition: all .25s;
}

.pageElement-newsletter-subscription .button-submit:hover {
    background: #fff;
    box-shadow: inset 0 0 0 0.250000rem #005CA2;
    color: #005CA2;
}

.pageElement-newsletter-subscription .defaultform .form-submit-container {
    margin-top: 1.250000rem;
}

.pageElement-newsletter-subscription .defaultform select {
    display: block;
    width: 100%;
    padding: 0.312500rem;
    width: calc(100% - 9.187500rem);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pageElement-newsletter-subscription .button-submit:hover {
    text-decoration: none;
    opacity: 1;
}


.pageElement-newsletter-subscription .form-row input.Error {
    border: 0.062500rem solid #ff0000;
}

.pageElement-newsletter-subscription .form-row.plz label {
    float: left;
    width: auto;
}

.pageElement-newsletter-subscription .form-plz-ort-label {
    float: left;
    width: 9.062500rem;
}

.pageElement-newsletter-subscription .form-row.plz span {
    float: left;
    margin-top: 0.312500rem;
}

.pageElement-newsletter-subscription .plz-ort-input-wrapper {
    width: calc(100% - 9.187500rem);
    -webkit-box-sizing: border-box;
    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.500000rem);

}

.pageElement-newsletter-subscription .ort-input {
    width: calc(60% - 0.500000rem);
}

.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.750000rem;
    border: 0.062500rem solid #ff0000;
    display: inline-block;
}

.pageElement-newsletter-subscription .form-info p {

}

@media screen and (max-width: 50.000000rem) {
    .pageElement-newsletter-subscription {
        width: 80%;
    }
}

@media screen and (max-width: 40.625000rem) {
    .pageElement-newsletter-subscription .radiobutton-wraper,
    .pageElement-newsletter-subscription .radiobuttons-wraper {
        flex-wrap: wrap;
        width: 100%;
    }

    .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.000000rem;
    }

    .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.625000rem);
    }

    .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.937500rem;
    }

    .pageElement-newsletter-subscription .form-row label[for='anrede'] {
        width: auto;
        margin-right: 0.937500rem;
    }

    .pageElement-newsletter-subscription .form-row.optin-text {
        padding-left: 0.000000rem;
    }

}

/* 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.062500rem solid transparent;
    border-radius: 0.375000rem;
    width: fit-content;
    font-size: 1.125000rem;
    font-weight: 700;
    padding: 0.562500rem 1.250000rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-width: 100%;
    font-size: 1.125000rem;
    font-family: 'Open Sans';
    font-weight: 700;
    box-sizing: border-box;
}

.pageElement-meetingrooms-list-main .room-button span:before {
    content: '\f35d';
    font-family: 'Font Awesome 5 Pro';
    margin-right: 0.500000rem;
}

.pageElement-meetingrooms-list-main {
    padding-bottom: 5rem;
    width: 100%;
    height: auto;
    padding: 0;
    background-color: #fff;
    position: relative;
}

.pageElement-meetingrooms-list-main > h2 {
    font-size: 1.77rem;
    width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.937500rem;
    color: #005CA2;
}

.pageElement-meetingrooms-list-main .room-table-content {
    overflow-y: hidden;
    width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    position: relative;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    overflow: 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;
    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;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 1.250000rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold';
    font-weight: 700;
    color: #9a9a9a;
    padding-bottom: 0.000000rem;
    width: 100%;
    text-align: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pageElement-meetingrooms-list-main .room-table :nth-child(n) {
    -ms-grid-column: 1/span 3;
    grid-column: 1/span 3;
}

.pageElement-meetingrooms-list-main .room-table .table-head .main-col {
    padding-left: 0;
    text-align: left;
    width: 31.250000rem;
    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.312500rem;
}

.pageElement-meetingrooms-list-main .room-table .table-head .col.solo {
    margin-right: 0.750000rem !important;
}

.pageElement-meetingrooms-list-main .room-table .col,
.pageElement-meetingrooms-list-main .room-table-ext .col {
    display: block;
    width: 12.500000rem;
    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.375000rem;
    line-height: 1.375;
    font-family: 'Open Sans Bold';
    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.000000rem;
}

.pageElement-meetingrooms-list-main .room-table .table-head .small,
.pageElement-meetingrooms-list-main .room-table-ext .table-head .small {
    font-size: 1.125000rem;
    line-height: 1.35;
    font-family: 'Open Sans Bold';
    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;
    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%;
    -webkit-box-align: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 1.125000rem;
    line-height: 1.3333333333;
    font-weight: 400;
    background-color: #005CA2;
    color: #fff;
    width: 100%;
    min-height: 2.187500rem;
    padding: 0.250000rem 0.625000rem;
    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.250000rem;
    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 {
    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: 0.6rem;
    width: 100%;
    height: 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.125000rem;
    color: #2b2b2b;
}

@media screen and (max-width: 50.000000rem) {
    .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) {
        -ms-grid-column: 1/span 3;
        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;
        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.625000rem;
    }

    .pageElement-meetingrooms-list-main .room-table-ext .table-row,
    .pageElement-meetingrooms-list-main .footnote p {
        font-size: 1.000000rem;
    }
}

/* pageElement-offer-booking-main */
.pageElement-offer-booking-main {
    width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    margin: 0 auto 5rem;
    text-align: start;
    justify-content: start;
    -webkit-justify-content: start;
    flex-wrap: wrap;
}

.pageElement-offer-booking-main .booking-container {
    max-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.250000rem;
    overflow: visible;
}

.pageElement-offer-booking-main form .form-check {
    margin-bottom: 0.937500rem;
}

.pageElement-offer-booking-main .form-row {
    overflow: hidden;
}

.pageElement-offer-booking-main .form-check .checkbox-wraper {
    display: flex;
}

.pageElement-offer-booking-main .form-check .checkboxLabel {
    margin-left: 0.625000rem !important;
    width: 100%;
}

.pageElement-offer-booking-main .booking-info {
    background: #a2c614;
    padding: 1.562500rem;
    margin-bottom: 1.562500rem;
}

.pageElement-offer-booking-main .booking-info h2 {
    margin-bottom: 0.937500rem;
    font-size: 1.500000rem;
}

.pageElement-offer-booking-main .booking-info p,
.pageElement-offer-booking-main .booking-info h2 {
    color: #fff;
}

.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 {
    background: white;
    border: solid 0.062500rem #707070;
    font-size: 1.125000rem;
    font-family: 'Open Sans';
    color: #2b2b2b;
    height: 3.750000rem;
    width: 100%;
    margin-bottom: 1.250000rem;
    padding: 0.937500rem;
    display: block;
    appearance: none;
    -webkit-appearance: none;
    background: url(/_images/icons/angle-down-solid.svg) no-repeat white;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: 1.562500rem;
    background-position-x: calc(100% - 1.250000rem);
    background-position-y: center;
}

.pageElement-offer-booking-main .form-row input[type='text'] {
    width: 100%;
    height: 3.750000rem;
    border: solid 0.062500rem #707070;
    font-size: 1.125000rem;
    padding: 1.250000rem;
    display: block;
    margin-bottom: 0.937500rem;
    color: #2b2b2b;
}

.pageElement-offer-booking-main .form-row input[type='text']:focus,
.pageElement-offer-booking-main textarea:focus,
.pageElement-offer-booking-main .rubrik-inhalt select:focus,
.pageElement-offer-booking-main .form-row select:focus {
    opacity: .9;
    border: 0.062500rem solid #005ca2;
    outline: none;
}

.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.375000rem;
}

.pageElement-offer-booking-main textarea {
    width: 100%;
    height: 12.500000rem;
    border: solid 0.062500rem #707070;
    font-size: 1.125000rem;
    padding: 1.250000rem;
    margin-right: calc(100% - 31.250000rem);
    margin-bottom: 0.937500rem;
    font-family: 'Open Sans', sans-serif;
    color: #2b2b2b;
}

.pageElement-offer-booking-main .button-submit {
    background: #005CA2;
    color: #fff;
    border: none;
    border-radius: 0.625000rem;
    font-size: 1.125000rem;
    font-family: 'Open Sans Bold';
    padding: 0.937500rem 3.125000rem;
    cursor: pointer;
    display: inline-block;
    margin-top: 1.250000rem;
}

.pageElement-offer-booking-main .link-back.detail-linkback-link {
    background: #005CA2;
    color: #fff;
    border: none;
    border-radius: 0.625000rem;
    font-size: 1.125000rem;
    font-family: 'Open Sans Bold';
    padding: 0.937500rem 3.125000rem;
    cursor: pointer;
    display: inline-block;
    margin-top: 1.250000rem;
    margin-bottom: 1.250000rem;
    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.375000rem;
}

@media screen and (max-width: 50.000000rem) {
    .pageElement-offer-booking-main {
        width: 80%;
    }

    .pageElement-offer-booking-main .booking-info h2 {
        font-size: 1.375000rem;
        line-height: 1.875000rem;
    }

    .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.250000rem;
    }

}

@media screen and (max-width: 32.500000rem) {
    .pageElement-offer-booking-main .form-row input[type='text'] {
        height: 3.125000rem;
        font-size: 1.000000rem;
        padding: 0.625000rem;
    }

    .pageElement-offer-booking-main .rubrik-inhalt select,
    .pageElement-offer-booking-main .form-row select {
        font-size: 1.000000rem;
        height: 3.125000rem;
        margin-bottom: 0.937500rem;
        padding: 0.625000rem;
        background-size: 0.812500rem;
        background-position-x: calc(100% - 0.625000rem);
        padding-right: 1.875000rem;
    }

    .pageElement-offer-booking-main .button-submit,
    .pageElement-offer-booking-main .link-back.detail-linkback-link {
        padding: 0.625000rem 1.562500rem;
        font-size: 1.000000rem;
    }

    .pageElement-offer-booking-main textarea {
        font-size: 1.000000rem;
        height: 8.437500rem;
        padding: 0.625000rem;
    }

    .contentbox-header h2,
    .infobox-content .headline h5 {
        hyphens: auto;
    }
}

/* 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.000000rem;
    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.125000rem;
    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.187500rem transparent solid;
    border-left-color: transparent;
    width: 2.500000rem;
    min-width: 2.500000rem;
    height: 2.500000rem;
    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.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    margin: 0 auto 5rem auto;
    color: #2b2b2b;
    margin-bottom: 0.937500rem;
    position: relative;
    transition: all .25s ease-in-out;
    text-align: start;
}

.pageElement-onlinerechner #formBerechnung {
    width: 100%;
}

.pageElement-onlinerechner input[type='text'] {
    width: 43.750000rem;
    max-width: 100%;
    height: 3.750000rem;
    border: solid 0.062500rem #707070;
    font-size: 1.125000rem;
    padding: 1.250000rem;
    display: block;
    margin-bottom: 0.937500rem;
    color: #2b2b2b;
}

.pageElement-onlinerechner input {
    appearance: radio;
    -moz-appearance: radio;
}

.pageElement-onlinerechner .form-row input[type='text']:focus,
.pageElement-onlinerechner textarea:focus,
.pageElement-onlinerechner .rubrik-inhalt select:focus,
.pageElement-onlinerechner .form-row select:focus {
    opacity: .9;
    border: 0.062500rem solid #005ca2;
    outline: none;
}

.pageElement-onlinerechner .headline-abschnitt {
    font-weight: bold;
    margin-bottom: 1.250000rem;
}

.pageElement-onlinerechner .headline-abschnitt.fameinkomm {
    font-weight: bold;
    margin: 0.625000rem 0 0 0;
}

.pageElement-onlinerechner .headline-abschnitt.erklaerung {
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 1.250000rem;
}

.pageElement-onlinerechner .headline-berechnung {
    margin-bottom: 0.625000rem;
}

.pageElement-onlinerechner .headline-berechnung.margin {
    margin-top: 1.250000rem;
}

.pageElement-onlinerechner .headline-berechnung em {
    font-weight: bold;
}

.pageElement-onlinerechner .frage-canvas {
    width: 100%;
    border-bottom: 0.062500rem solid #707070;
    padding: 0.625000rem 0;
    display: inline-block;
}

.pageElement-onlinerechner .finanzamt .frage-canvas,
.pageElement-onlinerechner .alter .frage-canvas,
.pageElement-onlinerechner .erholung .frage-canvas,
.pageElement-onlinerechner .handicap .frage-canvas {
    border-bottom: none;
    border-top: 0.062500rem solid #707070;
}

.pageElement-onlinerechner .gast .frage-canvas {
    border-bottom: none;
}

.pageElement-onlinerechner .frage-canvas.summe {
    border-bottom: none;
    margin-bottom: 1.250000rem;
}

.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.312500rem;
}

.pageElement-onlinerechner span.minus {
    display: none;
    float: left;
    margin-top: 2.375000rem;
}

.pageElement-onlinerechner input.einzelnachweis {
    margin-top: 0.625000rem;
}

.pageElement-onlinerechner label {
    margin-right: 0.937500rem;
}

.pageElement-onlinerechner select {
    background-color: #FFFFFF;
    border: 0.062500rem solid #666666;
    color: #2b2b2b;
    display: block;
    float: left;
    padding: 0 0.125000rem 0 0.125000rem;
    width: 7.875000rem;
    font-size: 1.125000rem;
    font-family: 'Open Sans';
    height: 3.750000rem;
    width: 100%;
    max-width: 43.750000rem;
    margin-bottom: 1.250000rem;
    padding: 0.937500rem;
    display: block;
    appearance: none;
    -webkit-appearance: none;
    background: url(/_images/icons/angle-down-solid.svg) no-repeat white;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: 1.562500rem;
    background-position-x: calc(100% - 1.250000rem);
    background-position-y: center;
}

.pageElement-onlinerechner option {
    padding-right: 0.500000rem;
}

.pageElement-onlinerechner .g-price-resultbox {
    width: 100%;
    /*border-width:0.125000rem 0.000000rem 0.125000rem 0.000000rem;
    border-color:#0F75B3;
    border-style:solid;*/
    border-top: 0.125000rem solid #707070;
    border-bottom: 0.125000rem solid #707070;
    padding: 0.625000rem 0;
    display: inline-block;
    margin-bottom: 0.625000rem;
}

.pageElement-onlinerechner .einkommen-infobox {
    width: 96%;
    border: 0.062500rem solid #707070;
    padding: 0.625000rem 2% 0.625000rem 2%;
    display: inline-block;
    margin: 0.312500rem 0 0 0;
}

.pageElement-onlinerechner .einkommen-infobox .headline {
    position: relative;
    min-height: 1.750000rem;
    line-height: 1.750000rem;
    cursor: pointer;
    padding-left: 2.000000rem;
}

.pageElement-onlinerechner .einkommen-infobox .headline.active {
    background-position: bottom right;
}

.pageElement-onlinerechner .einkommen-infobox .question {
    height: 1.750000rem;
    width: 1.750000rem;
    float: left;
    -webkit-background-size: 1.750000rem 1.750000rem;
    background-size: 1.750000rem 1.750000rem;
    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';
    font-size: 1.625000rem;
}

.pageElement-onlinerechner .einkommen-infobox .content {
    margin-top: 1.250000rem;
    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.937500rem 0;
}

.pageElement-onlinerechner .einkommen-infobox .content ul li ul {
    list-style-type: disc;
    margin: 0 0 0 0.875000rem;
}

.pageElement-onlinerechner .einkommen-infobox .content ul li ul li {
    margin: 0.187500rem 0;
    list-style: disc;
}

.pageElement-onlinerechner .g-price-true {
    width: 100%;
    padding: 0.937500rem 0;
    border: none;
    background-color: #A2C614;
    color: #ffffff;
    -webkit-border-radius: 0.312500rem;
    border-radius: 0.312500rem;
    font-size: 1.125000rem;
    text-align: center;
    margin-top: 0.625000rem;
}

.pageElement-onlinerechner .g-price-false {
    width: 100%;
    padding: 0.937500rem 0;
    border: none;
    background-color: #FBB900;
    color: #ffffff;
    -webkit-border-radius: 0.312500rem;
    border-radius: 0.312500rem;
    font-size: 1.125000rem;
    text-align: center;
    margin-top: 0.625000rem;
}

.pageElement-onlinerechner .button-print {
    background: #005CA2;
    color: #fff;
    border: none;
    border-radius: 0.625000rem;
    font-size: 1.125000rem;
    font-family: 'Open Sans Bold';
    padding: 0.937500rem 3.125000rem;
    cursor: pointer;
    display: inline-block;
    margin-top: 1.250000rem;
}

.pageElement-onlinerechner .waehrung {
    float: left;
    display: none;
}

.pageElement-onlinerechner .unterschrift {
    float: left;
    width: 18.750000rem;
    padding-top: 0.312500rem;
    margin: 9.375000rem 0 0 0;
    border-top: 0.062500rem solid #005CA2;
    text-align: center;
}

.pageElement-onlinerechner .unterschrift.ort {
    width: 21.875000rem;
    margin: 9.375000rem 3.125000rem 0 0;
}

#step2_werbungskosten_pauschal {
    margin-top: 0.625000rem;
    width: 7.812500rem;
    display: none;
}

.pageElement-onlinerechner .hinweis-alter,
.pageElement-onlinerechner .hinweis-erholung,
.pageElement-onlinerechner .hinweis-handicap {
    color: #ff0000;
    font-weight: bold;
    padding: 0.625000rem 0;
    font-size: 1.000000rem;
    display: none;
}

@media screen and (max-width: 50.000000rem) {
    .pageElement-onlinerechner {
        width: 80%;
    }

}

@media screen and (max-width: 32.500000rem) {
    .pageElement-onlinerechner input[type='text'] {
        height: 3.125000rem;
        font-size: 1.000000rem;
        padding: 0.625000rem;
    }

    .pageElement-onlinerechner select {
        font-size: 1.000000rem;
        height: 3.125000rem;
        margin-bottom: 0.937500rem;
        padding: 0.625000rem;
        background-size: 0.812500rem;
        background-position-x: calc(100% - 0.625000rem);
        padding-right: 1.875000rem;
    }

    .pageElement-downloads-main .headline,
    .contentbox-header h2,
    .pageElement-link-main > h2,
    .pageElement-price-table .label {
        font-size: 1.25rem;
    }

}

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

/* pageElement-jobs-list */

.pageElement-job-list {
    color: #005ca2;
    margin-bottom: calc(5rem - 2.500000rem);
}

.pageElement-job-list > p {
    width: calc(45.000000rem + (1400 - 720) * ((100vw - 50.000000rem) / (1120)));
    margin: auto;
}

.pageElement-job-list.margintop {
    margin-top: 3rem;
}

.pageElement-job-list.no-price p.price {
    display: none
}

.pageElement-job-list.no-price .offer-content {
    margin-bottom: auto !important
}

.pageElement-job-list.no-price h1 {
    padding-bottom: 2rem !important
}

.pageElement-job-list .jobs-list-items:first-child .jobs-list-element {
    border-top: 0.125000rem solid #005ca2;
}

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

.jobs-button p {
    color: #fff
}

@media screen and (max-width: 80.000000rem) {
    .pageElement-job-list.no-price h1 {
        padding-bottom: 1rem !important
    }
}

.pageElement-job-list.no-price p {
    padding-bottom: 1rem !important
}

@media screen and (max-width: 73.750000rem) {
    .pageElement-job-list.no-price p {
        padding-bottom: .5rem !important
    }
}

@media screen and (max-width: 73.750000rem) {
    .pageElement-job-list.no-price p {
        padding-bottom: .2rem !important
    }
}

.jobs-list-header {
    border-bottom: 0.125000rem solid #005ca2;
    padding-bottom: 2.500000rem !important
}

.jobs-list-element {
    border-bottom: 0.125000rem solid #005ca2;
    padding-top: 1.250000rem !important;
    padding-bottom: 1.250000rem !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;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    height: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

@media screen and (max-width: 50.000000rem) {
    .jobs-list-element {
        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%;
        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
    }
}

.jobs-list-content {
    padding-top: 2.500000rem !important;
    padding-bottom: 2.500000rem !important
}

.jobs-list-button {
    background-color: #A2C614;
    color: #fff
}

.jobs-list-button p {
    color: #fff
}

.jobs-image {
    padding-right: 2.500000rem !important
}

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

.jobs-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%;
    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.000000rem) {
    .jobs-content {
        padding-top: 1.250000rem
    }
}

.jobs-content .text {
    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-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;
}

.jobs-content .text .heading {
    font-size: 1.78rem;
    line-height: 1.34;
    font-weight: 400;
    padding-bottom: 1rem !important;
    font-family: 'Open Sans', sans-serif;
}

.jobs-content .text .termine {
    margin-top: 1rem;
}

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

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

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

.jobs-content .text .price {
    color: #A2C614
}

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

.jobs-image .image img {
    height: 16.687500rem
}

@media screen and (max-width: 120.000000rem) {
    .jobs-image .image img {
        height: calc(14.250000rem + 39 * ((100vw - 64.000000rem) / 896))
    }
}

@media screen and (max-width: 64.000000rem) {
    .jobs-image .image img {
        height: 14.250000rem
    }
}

@media screen and (max-width: 64.000000rem) {
    .jobs-image .image img {
        height: auto;
        min-height: 12.500000rem
    }
}

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

/* jobapplicationform */

.pageElement-jobapplication-form .contact-form h2 {
    color: #005ca2;
    margin-bottom: 1.250000rem;
}

.pageElement-jobapplication-form #form-upload-container {
    width: 100%;
}

.pageElement-jobapplication-form #form-upload-container .plupload_wrapper {
    min-width: unset;
}

.pageElement-jobapplication-form #jobapplication-form-submit[disabled]:hover,
.pageElement-jobapplication-form #jobapplication-form-submit:disabled {
    background-color: #c6c6c6;
    pointer-events: none;
}

.form-row:has(.error) > label,
.form-row:has(.error) > legend {
    color: #B00020;
}

/*texteditor*/



.texteditor h2 {
    margin-bottom: 0.625000rem;
    font-size: 1.500000rem;
}

.texteditor > :not(:last-child) {
    margin-bottom: 1.33rem;
}

.texteditor > ul {
    margin-bottom: 1.33rem;
}

.texteditor li {
    list-style-type: disc;
    list-style-position: outside;
    padding-top: 0.375000rem;
    margin-left: 1.2rem;
}

.texteditor ol li {
    list-style-type: decimal !important;
}

.texteditor li li {
    margin-left: 2.4rem;
}

.texteditor a {
    text-decoration: underline;
    text-decoration-thickness: 0.063rem;
    color: inherit;
}

.texteditor a:hover {
    text-decoration: underline;
    text-decoration-thickness: 0.125rem;
}

.texteditor a:focus-visible {
    outline: 0.1875rem solid;
    outline-offset: 0.1250rem;
}

.texteditor a:not(.no-icon):before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: '\f101';
    margin-right: 0.500000rem;
    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';
    content: '\f0e0';
    margin-right: 0.500000rem;
    width: auto;
    text-decoration: none;
    display: inline-block;
}

/*----hover----*/
.socialmedia-button:hover,
.infobox-button:hover,
.infobox-wide-button:hover {
    background: inherit;
    box-shadow: inset 0 0 0 0.250000rem #2b2b2b;
    color: #ffffff;
}

/* 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,
.jobs-button:hover,
.pageElement-jobapplication-form .button-submit:hover,
.jobs-detail-content .detail-items .item .apply-button:hover,
.jobs-detail-button: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;
}

/* fancybox */
.fancybox-navigation .fancybox-button {
    padding: 1.625000rem 0.375000rem 1.625000rem 1.000000rem;
    margin-top: 0.000000rem;
}

.fancybox-navigation button::before {
    background-color: #888;
}

/* openstreetmap */
.openstreetmap-container {
    width: 100%;
    height: 25.000000rem;
    margin-bottom: 3.125000rem;
}