/*
************************************************************
Styles:     flix//theme
************************************************************
*/


/* *******************************************************************************
*** Allgemeine Styles
******************************************************************************** */
html, body {
    background-color: #ffffff;
    color: #626262;
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    font-size: 16px;
    height: auto !important;
    padding: 0;
    margin-bottom: 0;
}

.wrapper {
    width: 1400px;
    margin: 0 auto;
    position: relative;
}

.clear {
    clear: both;
}

.headline-wrapper {
    width: 1160px;
    margin: 0 auto;
}

.start .headline-wrapper {
    width: 800px;
    text-align: center;
    margin-bottom: 10px;
}

.detail .headline-wrapper {
    margin-bottom: 10px;
    width: auto;
}

.headline-wrapper .subline {
    font-size: 17px;
    color: #5d8b87;
}

h1 {
    position: relative;
    font-size: 30px;
    font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    color: #00524E;
    margin-bottom: 20px;
}


h2 {
    color: #00524E;
    font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-bottom: 15px;
}

p {
    margin-bottom: 15px;
    line-height: 22px;
}

a {
    text-decoration: none;
    color: #1a918b;
    outline: none;
}

a:hover {
    text-decoration: none;
    color: #80B3AF;
}

p {
    line-height: 21px;
}

em {
    font-family: 'Open Sans Italic', sans-serif;
}

strong {
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.mobile,
#nav-mobile-button {
    display: none;
}

.nomobile {
    display: block;
}

* {
    outline: none;
}

img {
    display: block;
}

input[type="text"],
input[type="textarea"],
input[type="button"],
textarea {
    -webkit-appearance: none;
}


#button-anfrage {
    position: fixed;
    right: 0;
    top: 260px;
    width: 56px;
    height: 190px;
    display: block;
    background: url(/_images/button_anfrage.png) left top no-repeat;
    background-size: 56px 420px;
    z-index: 500;
}

#button-anfrage:hover {
    background-position: left bottom;
}

#sticky-teaser {
    display: inline-block;
    position: fixed;
    right: -250px;
    top: 500px;
    z-index: 99;
    transition: ease-in-out .3s;
}

#sticky-teaser .box-left {
    /*padding: 15px;*/
    cursor: pointer;
    height: 190px;
    width: 55px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background: #8C035B url('/_images/arrows.png') no-repeat;
    float: left;
    background-position-x: -50px;
}

#sticky-teaser .box-right {
    background-color: #8C035B;
    padding: 15px 15px 0;
    box-sizing: border-box;
    height: 190px;
    width: 250px;
    float: right;

}

#sticky-teaser .sticky-headline {
    color: #fff;
    font-family: 'open_sanssemibold', sans-serif;
    font-size: 18px;
}

#sticky-teaser .sticky-text {
    color: #fff;
    font-family: 'open_sansregular', sans-serif;
    display: block;
    padding-top: 5px;
}

/* *************************************************
*** Header
************************************************* */
#header-canvas {
    position: relative;
    width: 100%;
    background-color: #8CAE41;
}

#header-canvas .wrapper {
    position: relative;
    z-index: 550;
}

.sm-icons {
    float: right;
    margin-top: 7px;
}

.sm-icons .icon {
    color: #fff;
    margin-left: 5px;
}

.sm-icons .icon i {
    font-size: 20px;
}

.bghead {
    position: absolute;
    top: 0;
    height: 100%;
    display: block;
    background-image: url(/_images/bg_header.png);
    background-size: 679px 1067px;
    background-repeat: no-repeat;
    z-index: 10;
}

#bghead-left.bghead {
    left: 0;
    width: 679px;
    /*   height:421px;*/
    background-position: left -35px;
}

#bghead-right.bghead {
    right: 0;
    width: 679px;
    /*   height:616px;*/
    background-position: left -570px;
}

#logo {
    float: left;
    display: block;
    width: 315px;
    height: 76px;
    margin-left: 120px;
    background: url(/_images/logo.png) left top no-repeat;
    background-size: 315px 76px;
}

.head-right-container {
    float: right;
    margin-right: 60px;
    color: #646464;
}

#header-text {
    display: table;
    margin: 0 auto;
    padding-bottom: 20px;
    color: #00524E;
}

#header-text .big {
    font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    font-size: 27px;
    display: block;
}

#header-text .small {
    font-size: 21px;
    display: block;
}

#shadow-header {
    position: relative;
    display: block;
    width: 1400px;
    height: 19px;
    background: url(/_images/shadow_header.png) left top no-repeat;
    margin: 0 auto;
    z-index: 500;
}


/* *************************************************
*** Slider
************************************************* */
#slider-canvas {
    height: 500px;
    width: 100%;
    position: relative;
    top: -19px;
    overflow: hidden;
    display: block;
    margin-bottom: 11px;
}

.start #slider-canvas {
    margin-bottom: -19px;
}

.standard #slider-canvas,
.detail #slider-canvas {
    height: 420px;
}

#slider-canvas .slidertext-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 500px;
    z-index: 400;
}

#slider-canvas .slidertext-wrapper {
    margin: 0 auto;
    width: 1400px;
    z-index: 401;
}

#slider-canvas .textbox {
    display: inline-block;
    margin: 80px 0 0 120px;
    /*   padding:10px 30px 30px 30px;*/
    color: #ffffff;
    /*   background:url(/_images/_bg-slider.png) left top repeat;*/
}

#slider-canvas .textbox .headline {
    font-size: 38px;
    font-family: 'Lumios-Marker', cursive, Arial, Helvetica, sans-serif;
    line-height: 70px;
    margin-bottom: 10px;
}

#slider-canvas .textbox .text {
    font-size: 16px;
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
}

#slider-canvas .textbox .link {
    border: 1px solid #ffffff;
    padding: 15px 15px;
    text-transform: uppercase;
    display: inline-block;
    color: #ffffff;
    margin-top: 30px;
}

#slider-canvas .textbox .link:hover {
    background-color: #00524E;
}


/* *************************************************
*** Booking
************************************************* */
#booking-canvas {
    width: 100%;
    min-height: 130px;
    background-color: #8cae41;
    color: #576471;
    font-size: 15px;
    display: table;
    margin-bottom: 15px;
    margin-top: 15px;
}

#booking-canvas .wrapper {
    padding-top: 15px;
}

#quickbook-form, #booking-canvas .wrapper form {
    display: flex;
    margin: 0px auto 0 auto;
    justify-content: center;
    align-items: flex-end;
}

@media screen and (max-width: 1450px) {
    #booking-canvas button {
        width: 250px !important;
    }

    #booking-canvas input {
        width: 200px !important;
    }
}

@media screen and (max-width: 1200px) {
    #booking-canvas button {
        width: 200px !important;
    }

    #booking.canvas input {
        width: 150px !important;
    }
}

@media screen and (max-width: 1000px) {
    #booking-canvas form {
        flex-direction: column;
        align-items: center !important;
    }

    #booking-canvas .wrapper div {
        margin-right: 0 !important;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 350px) {
    #booking-canvas {
        display: none;
    }
}

.quickbook-row,
.quickbook-row input,
.quickbook-row label,
#booking-canvas input {
    float: left;
}

.quickbook-row,
#booking-canvas .wrapper div {
    margin-right: 20px;
    display: flex;
    flex-direction: column;
}

.quickbook-row.last {
    margin-right: 30px;
}

.quickbook-row.radio input {
    margin: 3px 5px 0 0;
}

.quickbook-row.inputfield, #booking-canvas input {
    width: 300px;
    height: 60px;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
}

.quickbook-row.inputfield, #booking-canvas input {
    color: #576471;
    font-size: 16px;
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
    border: none;
}

.quickbook-row.inputfield input#quickbook-persons {
    margin: 10px;
}

.quickbook-row.inputfield .ui-datepicker-trigger {
    margin-top: 8px;
    cursor: pointer;
    float: right;
    margin-right: 15px;
}

#booking-canvas .send {
    float: left;
    border: none;
    cursor: pointer;
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

#booking-canvas .send.anfrage {
    margin-right: 20px;
    width: 300px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid #fff;
    box-sizing: border-box;
    margin-left: 20px;
    display: flex;
    justify-content: center;
}

#booking-canvas .send.anfrage:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

#booking-canvas .send.booking {
    background-color: #8D045A;
    width: 300px;
    height: 60px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    vertical-align: center;
}

#booking-canvas .send.booking:hover {
    background-color: #00524e;
}

#booking-canvas .send.booking.inaktiv {
    cursor: default;
    background: #D4D4D4;
    color: #b0b0b0;
}

#booking-canvas label {
    color: #ffffff;
    margin-bottom: 5px;
}

/* ********** breadcrumb ********** */
#breadcrumb-canvas {
    width: 1160px;
    margin: 0 auto 25px auto;
}

.breadcrumb {
    float: left;
}

.breadcrumb-item {
    float: left;
    color: #646464;
    margin-right: 5px;
}

.breadcrumb-item:before {
    float: left;
    content: '»';
    margin-right: 5px;
    color: #646464;
}

.breadcrumb-item:first-child:before {
    content: '';
    margin-right: 0;
}

.breadcrumb-link {
    color: #646464;
}

.breadcrumb-link:hover {
    color: #00524E;
}

.breadcrumb-item.active {
    color: #00524E;
}


/* ********** content-wrapper ********** */
#content-wrapper {
    width: 1160px;
    margin: 0 auto;
}


/* *************************************************
*** Navigation
************************************************* */
/* ********** nav-meta ********** */
.nav-meta-canvas {
    width: 100%;
    background: rgba(0, 82, 78, 0.7);
    margin-bottom: 50px;
}

.nav-meta {
    float: right;
    height: 35px;
    line-height: 35px;
    margin-right: 60px;
}

.nav-meta-item {
    float: left;
    margin-right: 15px;
}

.nav-meta-item:last-child {
    margin-right: 0;
}

.nav-meta-link {
    color: #ffffff;
}

.nav-meta-link:hover,
.nav-meta-link.active {
    color: #8CAE41;
}


/* ********** nav1 ********** */
.nav1-wrapper {
    float: left;
}

.nav1 {
    float: left;
}

.nav1-item {
    float: left;
    position: relative;
    margin-right: 3px;
}

.nav1-item:last-child {
    margin-right: 0;
}

.nav1-link {
    height: 65px;
    color: #6d6d6d;
    background-color: #ffffff;
    display: block;
    padding: 0 15px;
    line-height: 65px;
    font-size: 16px;
    text-transform: uppercase;
}

.nav1-link.home {
    width: 28px;
    background: url(/_images/ic_home.png) center 20px no-repeat #ffffff;
    background-size: 28px 90px;
}

.nav1-item:hover .nav1-link,
.nav1-link.active {
    color: #ffffff;
    background-color: #00524E;
    text-decoration: none;
}

.nav1-item:hover .nav1-link.home,
.nav1-link.home.active {
    background-position: center -45px;
}

.subnav-nav-trigger {
    display: none;
}


/* ********** nav2 ********** */
.nav2 {
    position: absolute;
    top: 65px;
    left: 0;
    display: none;
    min-width: 280px;
    z-index: 550;
    padding-top: 2px;
}

.nav2-item {
    border-bottom: 1px solid #6d6d6d;
}

.nav2-item:last-child {
    border-bottom: 0;
}

.nav2-link {
    color: #6d6d6d;
    display: block;
    padding: 10px 15px;
    font-size: 16px;
    background: rgba(255, 255, 255, 0.85);
}

.nav2-link:hover {
    color: #00524E;
    text-decoration: none;
}

.nav2-link.active {
    color: #ffffff;
    background: #00524E;
}

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


/* ********** nav-footer ********** */
.nav-footer {

}

.nav-footer-item {
    margin-bottom: 10px;
}

.nav-footer-link {
    color: #646464;
}

.nav-footer-link:hover,
.nav-footer-link.active {
    color: #00524E;
}


/* *************************************************
*** Main
************************************************* */
#main-canvas {
    padding-bottom: 30px;
}

#content-canvas {
    float: left;
    width: 545px;
    margin-right: 70px;
}

#info-canvas {
    float: left;
    width: 545px;
}


/* *************************************************
*** Footer
************************************************* */
#footer-canvas {
    width: 100%;
    padding: 20px 0 10px 0;
    background: url(/_images/_bg.png) left top repeat;
}

#footer-canvas .footerbox {
    float: left;
    width: 470px;
    font-size: 14px;
    color: #646464;
    /*   margin-right:175px;*/
}

#footer-canvas .wrapper {
    width: 1275px;
}

#footer-canvas .footerbox.text {
    margin-right: 70px;
}

#footer-canvas .footerbox.last {
    width: 120px;
}

#footer-canvas .kolping-logo {
    height: 100px;
    width: 140px;
    float: right;
}

#footer-canvas .footerbox.first {
    width: 200px;
    margin-right: 240px;
}

#footer-canvas .footerbox p {
    margin-bottom: 10px;
}

#footer-canvas .footerbox p.bigmargin {
    margin-bottom: 15px;
}

#footer-canvas .footerbox .headline {
    color: #00524E;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#footer-canvas a {
    color: #646464;
}

#footer-canvas .footerbox .email {
    color: #5d8b87;
}

#footer-canvas a:hover,
#footer-canvas .footerbox .email:hover {
    color: #00524E;
}

/*#footer-canvas .footerbox .footerlogo-text {
   float:left;
   display:blcok;
   width:120px;
   font-size:10px;
   line-height:14px;
   margin-right:35px;
}*/

#footer-canvas .footerbox .footerlogo {
    float: left;
    height: 64px;
    display: block;
    background-image: url(/_images/logos_footer.png);
    background-repeat: no-repeat;
    background-size: 155px 221px;
    margin-right: 20px;
}

#footer-canvas .footerbox .footerlogo.kneipp {
    width: 117px;
    background-position: left 0;
}

#footer-canvas .footerbox .footerlogo.hotels {
    width: 155px;
    background-position: left -78px;
}

#footer-canvas .footerbox .footerlogo.international {
    width: 155px;
    background-position: left -157px;
    margin: 0;
}

#socialmedia-canvas {
    margin-top: 30px;
    display: flex;
}

.sociallink {
    /*float: left;
    height: 27px;
    display: block;
    background-image: url(/_images/ic_socialmedia.png);
    background-repeat: no-repeat;
    background-size: 235px 94px;*/
    margin-right: 8px;
}

.sociallink.facebook {
    width: 28px;
    /*background-position: 0 top;*/
}

.sociallink.facebook::before {
    content: '\f082';
    font-family: 'Font Awesome 6 Brands', sans-serif;
    font-size: 30px;
    color: #00524E;
    width: 40px;
}

.sociallink.instagram {
    width: 29px;
    /* background-position: -68px top;*/
}

.sociallink.instagram::before {
    content: '\e055';
    font-family: 'Font Awesome 6 Brands', sans-serif;
    font-size: 30px;
    color: #00524E;
    width: 40px;
}

/*.sociallink.twitter {
    width: 29px;
   background-position: -137px top;
}*/

.sociallink.email {
    width: 29px;
    /* background-position: -206px top;*/
}

.sociallink .fa-envelope {
    font-size: 30px;
    color: #00524E;
    width: 40px;
}

.sociallink.pinterest::before {
    content: '\f0d2';
    font-family: 'Font Awesome 6 Brands', sans-serif;
    font-size: 30px;
    color: #00524E;
    width: 40px;
}

/* .sociallink.facebook:hover {
    background-position: 0 bottom;
}

.sociallink.instagram:hover {
    background-position: -68px bottom;
}

.sociallink.twitter:hover {
    background-position: -137px bottom;
}

.sociallink.email:hover {
    background-position: -206px bottom;
}
*/

/* *************************************************
*** PageElements Info
************************************************* */
.infobox {
    width: 100%;
    margin-bottom: 30px;
    background-color: #f3f3f4;
    display: inline-block;
}

.infobox .infobox-wrapper {
    margin: 20px;
}

.infobox ul {
    margin-bottom: 15px;
}

.infobox li {
    padding-left: 12px;
    background: url(/_images/ic_list-green.png) left 8px no-repeat;
    background-size: 4px 5px;
    line-height: 21px;
}

.infobox h2 {
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-bottom: 15px;
    color: #00524E;
}

.infobox .linklist a {
    color: #6d6d6d;
}

.infobox .linklist a:hover {
    color: #8CAE41;
}


/* ********** texteditor-info ********* */
.texteditor-info .headline-headline-wrapper {
    width: 100%;
    margin-bottom: 15px;
}

.texteditor-info .headline-headline-wrapper.hasmeta {
    display: table;
}

.texteditor-info .headline-headline-wrapper.hasmeta h2 {
    display: table-cell;
    vertical-align: top;
    width: 240px;
    padding-right: 25px;
    margin: 0;
}

.texteditor-info .headline-headline-wrapper.hasmeta .meta-text {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    width: 240px;
}


/* ********** image-info ********* */
.image-info {
    margin-bottom: 30px;
}


/* ********** linksextern-info ********* */
.linksextern-info .linklist li {
    background: url(/_images/ic_linkextern.png) left 7px no-repeat;
    background-size: 9px 9px;
    padding-left: 15px;
}


/* ********** linksintern-info ********* */
.linksintern-info .linklist li {
    background: none;
    padding-left: 0;
}

.linksintern-info .linklist .sign {
    color: #8CAE41;
}


/* ********** downloads-info ********* */
.downloads-info .linklist li {
    background: url(/_images/ic_download.png) left 2px no-repeat;
    background-size: 16px 14px;
    padding-left: 21px;
}


/* ********** contact-info ********* */
.contact-info p {
    margin-bottom: 5px;
}

.contact-info a {
    color: #6d6d6d;
}

.contact-info a:hover {
    color: #8CAE41;
}


/* ********** offer-info ********* */
.offer-info .email {
    color: #6d6d6d;
}

.offer-info .email:hover {
    color: #8CAE41;
}

.offer-info .detail-dates-row {
    display: table;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.offer-info .detail-dates-row:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.offer-info .offerdate {
    display: table-cell;
    vertical-align: top;
    padding-right: 40px;
}

.offer-info .offerbooking {
    width: 136px;
    display: table-cell;
    vertical-align: top;
}

.offer-info .linkbutton-detail {
    padding: 8px 10px;
    border-radius: 5px;
}


/* ********** images-info ********* */
.images-info .gallery-image {
    margin: 0 30px 30px 0;
    display: block;
    float: left;
}

.images-info .gallery-image.nomargin {
    margin: 0 0 30px 0;
}


/* *************************************************
*** PageElements Main
************************************************* */
.contentbox {
    width: 100%;
    margin-bottom: 30px;
}

.contentbox .wrapper {
    width: 1280px;
    margin: 0 auto;
}


/* ********** texteditor-start-main ********** */
.texteditor-start-main {
    text-align: center;
    margin: 0;
}

.texteditor-start-main h2 {
    margin-bottom: 5px;
    font-size: 17px;
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
}

.texteditor-start-main .wrapper {
    width: 800px;
    padding-bottom: 15px;
}


/* ********** texteditor-standard ********** */
.texteditor-standard,
.texteditor-detail {
    display: inline-block;
    margin-bottom: 15px;
}

.texteditor-standard h2.headline-wide {
    position: relative;
    font-size: 27px;
    font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    color: #00524E;
    margin-bottom: 0;
}

.texteditor-standard h3,
.texteditor-standard h2 {
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
}

.texteditor-standard h3.petrol,
.texteditor-standard h2.petrol {
    color: #5d8b87;
}

.texteditor-standard .left {
    display: table-cell;
    vertical-align: top;
    width: 530px;
    padding-right: 50px;
}

.texteditor-standard .left.only,
.texteditor-standard .right.only {
    width: 100%;
    padding: 0;
}

.texteditor-standard .right {
    display: table-cell;
    vertical-align: top;
    width: 530px;
    padding-left: 50px;
}


/* ********** texteditor-detail ********** */
.texteditor-detail.greybox {
    background-color: #f3f3f4;
    padding: 20px 20px 5px 20px;
}

.texteditor-detail h2 {
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #00524E;
    margin-bottom: 15px;
}

.texteditor-detail h2.has-pricetext {
    float: left;
    display: inline-block;
    width: auto;
}

.texteditor-detail .pricetext {
    float: right;
}

.texteditor-detail ul,
.texteditor-standard ul {
    margin-bottom: 15px;
}

.texteditor-detail li,
.texteditor-standard li {
    padding-left: 12px;
    background: url(/_images/ic_list-green.png) left 8px no-repeat;
    background-size: 4px 5px;
    line-height: 21px;
}


/* ********** overview-pages ********** */
.overview-pages.contentbox:first-child {
    margin-top: 15px;
}

.overview-pages .overview-item {
    float: left;
    margin: 0 40px 30px 0;
    display: inline-block;
    width: 360px;
    max-height: 440px;
    height: 100%;
    box-sizing: border-box;
}

.overview-pages .overview-item.nomargin {
    margin: 0 0 30px 0;
}

.overview-pages h2 {
    margin: 0;
    color: #ffffff;
    background-color: #8CAE41;
    padding: 15px 25px 15px 25px;
}

.overview-pages .overview-item:hover h2 {
    background-color: #00524E;
}

.overview-pages .overview-item .headline-box {
    min-height: 145px;
    height: auto;
}

.overview-pages .overview-item .headline-box:hover {
    background-color: #8D045A;
}


/* ********** offer-list ********** */
.offer-list {
    margin-bottom: 15px;
}

.offer-list h2 {
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #00524E;
    background: none;
    padding: 0;
    margin-bottom: 15px;
}

.offer-list h2.text-headline {
    position: relative;
    font-size: 27px;
    font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    color: #00524E;
    margin-bottom: 35px;
}

.offer-list .headline-box {
    background-color: #8CAE41;
    display: table;
    width: 100%;
}

.offer-list .headline-box-wrapper {
    min-height: 100px;
    margin: 15px 25px 15px 25px;
    overflow: hidden;
}

.offer-list h4 {
    font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    margin: 0;
    font-size: 21px;
    color: #ffffff;
    width: 100%;
    padding-bottom: 15px;
}

.offer-list .overview-item:hover .headline-box {
    background-color: #8D045A;
}

.offer-list .datebox {
    color: #ffffff;
    padding: 8px 25px 8px 25px;
    background-color: #00524E;
    min-height: 60px;
    font-size: 15px;
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
    font-weight: normal;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.offer-list .text h3 {
    color: #5d8b87;
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
}


/* ********** offercategories-list ********** */
.offercategories-list {
    margin-bottom: 25px;
}

.offercategories-list a {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.offercategories-list a .image {
    display: flex;
    flex-direction: column;
}

.offercategories-list a .image h3 {
    background: #00524e;
    color: #fff;
    font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    font-size: 25px;
    margin-bottom: 0;
    padding: 9px 16px;
}

.offercategories-list a .image img {
    width: 100%;
    flex: 1;
    object-fit: cover;
}

.offercategories-list a .text {
    background: #8cae41;
    color: #fff;
    font-size: 18px;
    padding: 40px 25px;

    display: flex;
    flex-direction: column;
    gap: 20px;
}

.offercategories-list a .text div {
    flex: 1;
}

.offercategories-list a .text .link {
    display: flex;
    align-items: center;
    gap: 10px;
}

.offercategories-list a .text .link img {
    width: 35px;
}

.offercategories-list a .text * {
    line-height: initial;
}

.offercategories-list a + a {
    margin-top: 25px;
}

@media (max-width: 1000px) {
    .offercategories-list a {
        grid-template-columns: initial;
    }

    .offercategories-list a .text {
        padding: 16px;
    }

    .offercategories-list a .text :last-child {
        margin-bottom: 0;
    }
}


/* ********** news-list ********* */
.news-list .newsbox {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #cccccc;
}

.news-list .newsbox:last-child {
    margin-bottom: 15px;
}

.news-list .image-wrapper {
    display: table-cell;
    vertical-align: top;
    padding-right: 15px;
}

.news-list .content-wrapper {
    display: table-cell;
    vertical-align: top;
}

.news-list .date {
    margin-bottom: 5px;
}

.news-list h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

.pageturnNav {
    float: right;
}


/* ********** news-detail ********* */
.news-detail .introtext {
    line-height: 21px;
    margin-bottom: 15px;
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
}

.news-detail .date {
    line-height: 21px;
    margin-bottom: 15px;
}

.news-detail .copytext ul, .news-detail .copytext ol {
    padding: 15px 0;
}

.news-detail .copytext li {
    margin-bottom: 10px;
    list-style: disc;
    margin-left: 15px;
}


/* ********** service-list ********* */
/*.service-list .list-left {
   display:table-cell;
   padding-right:100px;
   width:530px;
   vertical-align:top;
}

.service-list .list-right {
   display:table-cell;
   vertical-align:top;
}

.service-list .list-item {
   display:block;
   width:100%;
   cursor:pointer;
}

.service-list .trigger {
   background:url(/_images/servicelist-trigger.png) center 13px no-repeat #8CAE41;
   background-size:18px 62px
}

.service-list .klapptext {
   padding: 7px 47px 7px 15px;  32px
   display:none;
}

.service-list .list-link:hover {
   color:#6d6d6d;
   background-color:#f3f3f4;
}

.service-list .list-link.opened {
   background-color: #8CAE41;
   color:#ffffff;
}

.service-list .list-link.opened .trigger {
   background-position:center -38px;
}*/


/* ********** linkbutton-detail ********* */
.linkbutton-detail {
    width: auto;
    display: inline-block;
    background-color: #8CAE41;
    color: #ffffff;
    border-radius: 10px;
    padding: 12px 15px;
    margin-right: 20px;
}

.linkbutton-detail:hover {
    background-color: #00524E;
    color: #ffffff;
}

/* ********** downloads-main ********** */
.downloads-main h2 {
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #00524E;
    margin-bottom: 15px;
}

.downloads-main .linklist li {
    background: url(/_images/ic_download.png) left 2px no-repeat;
    background-size: 16px 14px;
    padding-left: 21px;
    line-height: 21px;
    margin-bottom: 3px;
}

.downloads-main .link-download {
    color: #6d6d6d;
}

.downloads-main .link-download:hover {
    color: #8CAE41;
}


/* ********** gallery-detail  ********** */
.gallery-detail .galleryImageThumb {
    margin: 0 30px 30px 0;
    display: block;
    float: left;
}


/* ********** citation-start-main ********** */
.citation-start-main {
    margin-bottom: 0;
    font-family: 'Lumios-Marker', cursive, Arial, Helvetica, sans-serif;
    font-size: 40px;
    color: #ffffff;
    text-align: center;
    padding: 20px 0;
}

.citation-start-main.blue, .citation-main.blue {
    background-color: #80B3AF;
}

.citation-start-main.green, .citation-main.green {
    background-image: url("/_images/zitate-kneipp-muster_gruen.png");
    width: 100%;
    min-height: 255px;
    background-size: contain;

}

/*.citation-start-main.brown {
   background-color:#987D59;
}

.citation-start-main.petrol {
   background-color:#00524E;
}*/

.citation-start-main .wrapper {
    width: 800px;
}

.citation-start-main .text {
    position: relative;
    display: inline-block;
}

.citation-start-main .quotation {
    width: 47px;
    height: 55px;
    display: block;
    position: absolute;
    background-image: url(/_images/ic_zitat.png);
    background-repeat: no-repeat;
    background-size: 319px 55px;
}

.citation-start-main .quotation.left {
    left: -57px;
    top: 10px;
    background-position: left top;
}

.citation-start-main .quotation.right {
    right: -57px;
    bottom: 13px;
    background-position: right top;
}

.citation-start-main .img_kneipp {
    width: 145px;
    height: 55px;
    display: block;
    background: url(/_images/ic_zitat.png) -87px top no-repeat;
    background-size: 319px 55px;
    margin: 0 auto;
}

.citation-start-main.contentbox.petrol {
    background-image: url("/_images/zitate-kneipp-muster_gruen.png");
    width: 100%;
    min-height: 255px;
    background-size: contain;

}


/* ********** offerteaser-start ********** */
.offerteaser-start {
    padding: 20px 0 30px 0;
    background: url(/_images/_bg.png) left top repeat;
    margin: 0;
}

.offerteaser-start .offerbox {
    width: 395px;
    margin-top: 20px;
}

.offerteaser-start .offerbox:not(.first) {
    margin-left: 50px;
}

@media screen and (max-width: 1550px) {
    .offerteaser-start .offerbox {
    }
}

.offerteaser-start .offerbox.first {
    margin-left: 20px;
}

/*@media screen and (max-width: 1400px ) {
    .offerteaser-start .offerbox-container {
        display: grid;
    }
}*/

.offerteaser-start .offerbox img {
    width: 395px;
    height: auto;
}

.offerteaser-start h2 {
    font-size: 21px;
}

.offerteaser-start h3 {
    font-size: 21px;
    color: #ffffff;
    font-family: noto_serifregular, Arial, Helvetica, sans-serif;
}

.offerteaser-start .title-date {
    background-color: #8CAE41;
    padding: 25px 25px 15px 25px;
    min-height: 147px;
    box-sizing: border-box;
}

.offerteaser-start .title-date:hover {
    background-color: #8D045A;
    cursor: pointer;
}

.offerteaser-start .title-date p {
    color: #fff;
    margin-top: 15px;
}

.offerteaser-start .datebox {
    min-height: 50px;
    font-size: 15px;
    color: #fff;
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
    background-color: #00524E;
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.offerteaser-start .datebox p {
    margin-bottom: 0 !important;
}

.offerteaser-start .offerbox-container {
    /* display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     grid-template-rows: auto; */
    display: flex;

}

@media screen and (max-width: 910px) {
    .offerteaser-start .offerbox:not(.first) {
        margin-left: 0;
    }
}

@media screen and (max-width: 1400px) {
    .offerteaser-start .offerbox-container {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 900px) {
    .offerteaser-start .offerbox-container {
        flex-direction: column;
    }
}

@media screen and (max-width: 1350px) {
    .offerteaser-start .offerbox-container {
        /* grid-template-columns: 395px 395px; */
        justify-content: center;
    }

    .offerteaser-start .offerbox:nth-child(odd) {
        margin-left: 0;
    }

}

@media screen and (max-width: 850px) {
    .offerteaser-start .offerbox-container {
        /* grid-template-columns: 395px; */
        justify-content: center;
    }

    .offerteaser-start .offerbox {
        margin-left: 0;
    }
}

@media screen and (max-width: 450px) {
    .offerteaser-start .offerbox {
        max-width: 250px;
        width: auto;
        margin: 0 auto 20px auto !important;
    }

    .offerteaser-start .offerbox img {
        max-width: 250px;
        width: auto;
        height: auto;
    }
}


.offerteaser-start .text-container {
    padding: 15px 25px;
    background-color: #ffffff;
}

.offerteaser-start .meta {
    display: block;
    color: #00524E;
    margin-bottom: 15px;
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
}

.offerteaser-start .text {
    display: block;
    color: #576471;
    font-size: 14px;
    margin-bottom: 15px;
}

.offerteaser-start .text-cyan {
    display: block;
    /*   color:#80B3AF;*/
    color: #5d8b87;
    font-size: 14px;
}

.offerteaser-start li {
    padding-left: 12px;
    background: url(/_images/ic_list-cyan.png) left 8px no-repeat;
    background-size: 4px 5px;
}

.offerteaser-start .offerlink {
    display: block;
    color: #ffffff;
    background-color: #80B3AF;
    padding: 15px 25px;
}

.offerteaser-start .offerlink:hover {
    background-color: #00524E;
}

.offerteaser-start .shadow {
    width: 320px;
    height: 10px;
    display: block;
    background: url(/_images/shadow_offerbox.png) left top no-repeat;
    background-size: 320px 10px;
}

.offerteaser-start .button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    min-height: 35px;
    padding: 0;
    box-sizing: border-box;
    height: 100%;
    margin-right: 10px;
    cursor: pointer;
}

.offerteaser-start .button-icon .fa-solid {
    font-size: 18px;
    color: white;
    background-color: #5d8b87;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 35px;
    height: 100%;
    box-sizing: border-box;
}

.offerteaser-start .datebox {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.offerteaser-start h2 {
    margin-left: 20px;
}

/* ********** pageteaser-start ********** */

.pageteaser-start {
    padding: 20px 0 30px 0;
    margin: 0;
}

.pageteaser-start .teaserbox {
    float: left;
    width: 395px;
    margin-right: 47px;
    color: #ffffff;
}

.pageteaser-start .teaserbox:hover .text-container {
    background-color: #00524E;
}

.pageteaser-start .teaserbox.last {
    margin-right: 0;
}

.pageteaser-start.red .text-container {
    background-color: #8C035B;
    display: inline-block;
}

.pageteaser-start.green .text-container {
    background-color: #8CAE41;
    display: inline-block;
}

.pageteaser-start .text-wrapper {
    height: 125px;
    overflow: hidden;
    margin: 15px 25px 25px 25px;
    font-size: 14px;
}

.pageteaser-start h2 {
    font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    font-size: 21px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.pageteaser-start h3 {
    font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    font-size: 21px;
    margin-bottom: 10px;
}

.pageteaser-start .text {
    display: block;
    margin-bottom: 5px;
}

.pageteaser-start .teaserlink {
    display: inline-block;
}


/* ********* offer-detail ********** */
#offer-topline {
    color: #646464;
    display: block;
}

#offersign {
    position: absolute;
    top: 5px;
    left: -43px;
    width: 11px;
    height: 18px;
    display: block;
    background: url(/_images/arrow_offer-list.png) center center no-repeat #8CAE41;
    background-size: 11px 18px;
    padding: 5px 10px;
}

.offer-detail .text {
    margin-bottom: 15px;
    display: inline-block;
}

.offer-detail .link-back {
    display: table;
    margin-top: 30px;
}

.offer-detail .price-wrapper {
    display: inline-block;
    background-color: #f3f3f4;
    padding: 15px;
    margin: 15px 0 15px 0;
}

.offer-detail .price,
.offer-booking-main .price {
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
    display: block;
    color: #00524E;
    font-size: 18px;
}

.offer-detail .priceinfo,
.offer-booking-main .priceinfo {
    display: block;
    font-size: 14px;
}


/* ********** googlemaps-main ********** */
.googlemaps-main {
    height: 400px;
}

#googlemaps-main-mapcontainer {
    height: 100%;
    width: 100%;
}

.route-headline {
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    color: #00524E;
    margin-bottom: 5px;
}

.route-text {
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 19px;
}

.route-address {
    width: 180px;
    border: 1px solid #bcbcbb;
    padding: 3px 5px;
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    color: #6f6f6e;
    font-size: 12px;
    margin-right: 2px;
}

.route-submit {
    border: none;
    cursor: pointer;
    font-size: 12px;
    color: #ffffff;
    background-color: #8CAE41;
    border-radius: 5px;
    padding: 3px;
    display: inline-block;
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
}

.route-submit:hover {
    background-color: #00524E;
    text-decoration: none;
}


/* ********** contact formular ********** */
.contactform h2,
.feedbackform h2 {
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

.contactform h2.petrol,
.feedbackform h2.petrol {
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
}

.contactform .form-part,
.feedbackform .form-part {
    float: left;
    margin-bottom: 30px;
}

.contactform .form-part.last,
.feedbackform .form-part.last {
    margin-bottom: 0;
}

.defaultform textarea,
.form-row textarea {
    display: block;
    width: 350px;
    max-width: 350px;
    border: 1px solid #bcbcbb;
    padding: 5px 10px;
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    color: #6f6f6e;
    font-size: 14px;
}

.defaultform textarea:focus,
.form-row textarea:focus,
.form-row input[type="text"]:focus,
.form-row input[type="password"]:focus {
    border: 1px solid #00524E;
    color: #00524E;
}

.feedbackform textarea,
.feedbackform .textbox[name*="bewertung"] {
    width: 100% !important;
    max-width: none;
    box-sizing: border-box;
    margin-bottom: -2px; /* Hide border */
}

.form-row,
.defaultform .form-submit-container,
.offer-booking-main .form-submit-container {
    float: left;
    width: 100%;
    display: block;
    margin-top: 10px;
}

.form-row.email {
    display: none;
}

.form-row .ui-datepicker-trigger {
    float: left;
    margin: 4px 0 0 5px;
}

.form-row label {
    float: left;
    width: 140px;
    padding: 5px 0;
    /*margin-right: 10px;*/
}

.form-row label[for="-1"],
.form-row label[for="-2"] {
    margin: 0;
    width: 60px;
}

.form-row input {
    float: left;
}

.form-row input[type="text"],
.form-row input[type="password"] {
    width: 351px;
    border: 1px solid #bcbcbb;
    padding: 5px 10px;
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    color: #6f6f6e;
    font-size: 14px;
}

.form-row select {
    width: 373px;
    border: 1px solid #bcbcbb;
    padding: 5px 10px;
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    color: #6f6f6e;
    font-size: 14px;
}

.form-row input[type="radio"] {
    margin: 8px 5px 0 0;
}

.form-row.no-display {
    display: none;
}

.form-row.mailmail {
    display: none;
}

.form-row.form-row-rating {
    margin-top: 0;
    border-bottom: 1px solid rgba(117, 111, 108, 0.44);
    max-width: 680px;
    padding-bottom: 1px;
}

.form-row.form-row-rating + p {
    margin-top: initial;
}

.button-submit {
    border: none;
    cursor: pointer;
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin-left: 150px;
    background: #8CAE41 none;
    color: #fff;
    border-radius: 10px;
    padding: 12px 15px;
}

.button-submit.anfrage {
    background-position: 226px 6px;
    margin-top: 15px;
}

.defaultform .form-submit-container {
    margin-top: 20px;
}

.button-submit:hover {
    background: #00524E;
    text-decoration: none;
}

.form-row label.error,
.form-error {
    color: #ff0000;
}


.form-row input.Error {
    border: 1px solid #ff0000;
}

.form-row.plz label,
.form-row.half label,
.form-row.third label {
    float: left;
    width: auto;
    margin: 0;
}

.form-plz-ort-label,
.form-half-label,
.form-third-label {
    float: left;
    width: 140px;
    /*margin-right: 10px;*/
}

.form-row.plz span,
.form-row.half span,
.form-row.third span {
    float: left;
    margin-top: 5px;
}

.plz-input,
.ort-input,
.plz-ort-input-wrapper,
.half-input,
.third-input {
    float: left;
}

.plz-input .textbox {
    width: 100px !important;
}

.half-input .textbox,
.half-input .selectbox {
    width: 159px !important;
    margin-right: 11px;
}

.third-input .textbox,
.third-input .selectbox {
    width: 96px !important;
    margin-right: 9.5px;
}

.form-row [name="anrede"] + *,
.form-row [name*="bewertung"] + * {
    width: initial !important;
    margin-right: 10px !important;
}

label[for="bewertung10"] + .radiobuttons-wrapper,
label[for="bewertung11"] + .radiobuttons-wrapper,
label[for="bewertung14"] + .radiobuttons-wrapper {
    display: block;
    clear: both;
    width: max-content;
    margin-bottom: 14px;
}

label[for="bewertung10"],
label[for="bewertung11"] {
    width: 100% !important;
}

label[for="bewertung14"] {
    display: none;
}

.feedbackform label,
.feedbackform .form-half-label,
.feedbackform .form-third-label {
    width: 298px;
}

.feedbackform .button-submit {
    margin-left: 313px;
}

.feedbackform h2 {
    clear: both;
}

.feedbackform .feedback-title {
    color: #00524E;
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 5px;
    max-width: 680px;
}

.ort-input .textbox {
    width: 219px !important;
    margin-left: 10px;
}

.form-error p {
    padding: 12px;
    border: 1px solid #ff0000;
    color: #ff0000;
    display: inline-block;
}

.form-info p {

}

.form-detailCanvas {
    padding: 20px;
    background-color: #f3f3f4;
    display: block;
}

.radio-wrapper {
    float: left;
}

.radio-wrapper .checkboxes {
    margin: 9px 9px 0 0;
}

.radio-wrapper .checkbox-text {
    float: left;
}

.radio-wrapper .checkbox-text label {
    margin: 0;
    width: auto;
}

#amount_present {
    width: 100px;
}

.form-row .euro-sign {
    float: left;
    padding: 3px 0;
    margin-left: 5px;
    font-size: 18px;
}

.gutscheinform .form-row textarea {
    height: 100px;
}

.form-row input#formAnreise,
.form-row input#formAbreise,
.form-row input#anzahl_personen {
    width: 110px;
}

.form-row .ui-datepicker-trigger {
    float: left;
    margin: 4px 0 0 5px;
}


.offer-booking-main .box-buchung .texteditor-detail {
    margin: 0;
}

.offer-booking-main .box-buchung {
    width: 100%;
    background-color: #f3f3f4;
    display: inline-block;
    margin-bottom: 15px;
}

.offer-booking-main .box-buchung .wrapper {
    width: auto;
    margin: 20px;
}

.offer-booking-main .link-back {
    margin-bottom: 30px;
    display: inline-block;
}


/* ********** optout ********* */
#optout {
    width: 100%;
    height: 110px;
    border: 0;
    padding: 0;
    margin: 0;
}


/* ********** blog-list ********** */
.blog-list {
    margin-bottom: 15px;
}

.blog-list h2 {
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #00524E;
    background: none;
    padding: 0;
    margin-bottom: 15px;
}

.blog-list h2.text-headline {
    position: relative;
    font-size: 27px;
    font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    color: #00524E;
    margin-bottom: 0;
}

.blog-list .headline-box {
    background-color: #8CAE41;
    display: table;
    width: 100%;
}

.blog-list .headline-box-wrapper {
    height: 50px;
    margin: 15px 25px 15px 25px;
    overflow: hidden;
}

.blog-list h4 {
    font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    margin: 0;
    font-size: 18px;
    color: #ffffff;
    width: 100%;
}

.blog-list .overview-item:hover .headline-box {
    background-color: #00524E;
}

.blog-list .datebox {
    color: #ffffff;
    padding: 8px 25px 8px 25px;
    background-color: #00524E;
    text-align: right;
}

.blog-list .text h3 {
    color: #5d8b87;
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
}


/* ********** blog-detail ********* */
.blog-detail .introtext {
    line-height: 21px;
    margin-bottom: 15px;
    font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
}

.blog-detail .date {
    line-height: 21px;
    margin-bottom: 15px;
}

.blog-detail .copytext li {
    list-style: disc;
    margin-left: 15px;
}


/* ********** blogteaser-start-main ********** */
.blogteaser-start-main {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 15px;
    padding: 0 50px;

}

.blogteaser-start-main-content {
    display: flex;
    justify-content: center;
    width: 100%;
}

.blogteaser-start-main h2 {
    color: #00524E;
    font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-bottom: 15px;
    background-color: #fff;
    padding: 15px 0 5px;
}

.blogteaser-start-main h2.text-headline {
    position: relative;
    font-size: 27px;
    font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    color: #00524E;
    margin-bottom: 0;
}

.blogteaser-start-main .headline-box {
    background-color: #8CAE41;
    display: table;
    width: 100%;
}

.blogteaser-start-main .headline-box-wrapper {
    height: 50px;
    margin: 15px 25px 15px 25px;
    overflow: hidden;
}

.blogteaser-start-main h4 {
    font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    margin: 0;
    font-size: 18px;
    color: #ffffff;
    width: 100%;
}

.blogteaser-start-main .overview-item:hover .headline-box {
    background-color: #00524E;
}

.blogteaser-start-main .datebox {
    color: #ffffff;
    padding: 8px 25px 8px 25px;
    background-color: #00524E;
    text-align: right;
}

.blogteaser-start-main .text h3 {
    color: #5d8b87;
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
}

@media only screen and (min-width: 0px) and (max-width: 810px) {
    .blogteaser-start-main {
        padding: 0;
    }
}

.button-book-offer {
    margin-left: 20px;
}


/***** Clock PMS CSS ****/


form .data-clock-pms-wbe-form input {
    width: 300px;
}

#clock-pms-wbe-container.clock-pms-mode-standard {
    right: 50% !important;
    transform: translateX(50%) !important;
}


/***** Update *****/


/******* buttons *********/

.pageElement-buttons .button-item-container {
    list-style-type: none;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 540px;
    min-height: 35px;
    box-sizing: border-box;
    flex-direction: row;
}

.pageElement-buttons .button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 35px;
    min-height: 35px;
    padding: 0;
    box-sizing: border-box;
    height: 100%;
    width: auto;
}

.pageElement-buttons .button-icon .fa-solid {
    font-size: 18px;
    color: white;
    background-color: #00524E;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 35px;
    height: 100%;
    box-sizing: border-box;
}

.pageElement-buttons .text {
    font-size: 18px;
    color: #00524E;
    font-family: open_sanssemibold, sans-serif;
    overflow-wrap: break-word;
    word-break: break-word;
    padding: 0 5px 0 10px;
    height: 100%;
    margin-top: 0;
}

.pageElement-buttons .button-link {
    display: flex;
    align-items: center;
    /*max-width: 268px;*/
    width: 100%;
    background-color: #e3e3e3;
    min-height: 35px;
    box-sizing: border-box;
    height: 100%;
}


/**************** overlay **************/


.pageElement-offer-teaser-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    overflow-y: auto;
}

.pageElement-offer-teaser-overlay li {
    list-style: initial;
}


.pageElement-offer-teaser-overlay .page-link,
.pageElement-offer-teaser-overlay .button-close {
    color: #fff;
    text-decoration: none;
    padding: 12px 18px;
    font-size: 16px;
    background: #8cae41;
    max-width: 150px;
    position: absolute;
    bottom: 30px;
    font-weight: bold;
    border-radius: 8px;
}

.pageElement-offer-teaser-overlay .page-link {
    right: 300px;
}

.pageElement-offer-teaser-overlay .button-close {
    right: 100px;
}

.pageElement-offer-teaser-overlay .inner-container {
    background: white;
    position: relative;
    width: auto;
    display: grid;
    margin-right: 20px;
    margin-left: 20px;
    overflow: auto;
    max-height: 100%;
}

.pageElement-offer-teaser-overlay .left-container {
    grid-column: 1 / 1;
    width: 100%;
}

.pageElement-offer-teaser-overlay .right-container {
    grid-column: 2 / 2;
    position: relative;
    max-width: 600px;
}

/*@media screen and (max-width: 1100px) {
    .pageElement-offer-teaser-overlay .right-container {
        max-width: none;
    }

}*/

.pageElement-offer-teaser-overlay .left-headline {
    min-height: 58px;
    min-width: 600px;
    background-color: #00524E;
    color: white;
    font-size: 25px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 25px;
    box-sizing: border-box;
}

.pageElement-offer-teaser-overlay .right-headline {
    font-size: 22px;
    font-weight: bold;
    color: #6d6d6d;
    padding: 58px 100px 25px 50px;
}

.pageElement-offer-teaser-overlay .info-text {
    font-size: 16px;
    color: #6d6d6d;
    padding-right: 100px;
    padding-left: 50px;
}

.pageElement-offer-teaser-overlay .price {
    font-size: 18px;
    font-weight: bold;
    padding: 0 100px 0 50px;
    margin-top: 20px;
}

.pageElement-offer-teaser-overlay .close-overlay {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 24px;
    color: #000;
    cursor: pointer;
}

.pageElement-offer-teaser-overlay ul,
.pageElement-offer-teaser-overlay ol {
    margin-bottom: 15px;
}

.overlay-header {
    margin-bottom: 20px;
}


@media screen and (max-width: 1250px) {
    .pageElement-offer-teaser-overlay .inner-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .pageElement-offer-teaser-overlay .right-headline {
        padding-top: 20px;
    }

    .pageElement-offer-teaser-overlay .end-buttons {
        margin-top: 100px;
    }
}

@media screen and (max-width: 700px) {
    .pageElement-offer-teaser-overlay .left-headline {
        /*max-width: 400px;*/
        min-width: 0;
    }

    .pageElement-offer-teaser-overlay .page-link,
    .pageElement-offer-teaser-overlay .button-close {
        width: 230px;
        padding: 10px;
        box-sizing: border-box;
    }

    .pageElement-offer-teaser-overlay .right-container {
        /*max-width: 400px;*/
    }

    .pageElement-offer-teaser-overlay .page-link {
        right: 110px;
        margin-bottom: 50px;
    }

    .pageElement-offer-teaser-overlay .button-close {
        right: 110px;
        margin-top: 50px;
    }

    .pageElement-offer-teaser-overlay .price,
    .pageElement-offer-teaser-overlay .info-text,
    .pageElement-offer-teaser-overlay .right-headline {
        padding-left: 25px;
        padding-right: 15px;
    }

    .pageElement-offer-teaser-overlay .right-headline,
    .pageElement-offer-teaser-overlay .price {
        padding-top: 20px;
    }

    .pageElement-offer-teaser-overlay .price {
        margin-bottom: 50px;
    }

    .pageElement-offer-teaser-overlay .left-container .image-wrapper {
        /*max-width: 300px;
        height: auto;*/
        display: none;
    }

    .pageElement-offer-teaser-overlay .left-container img {
        width: 100%;
        height: 100%;
    }

    .pageElement-offer-teaser-overlay .end-buttons {
        margin-top: 150px;
    }
}

@media screen and (max-width: 450px) {
    .pageElement-offer-teaser-overlay .left-headline {
        /*max-width: 300px;*/
        min-width: 0;
    }


    .pageElement-offer-teaser-overlay .right-container {
        /*max-width: 300px;*/
    }
}


@media screen and (max-height: 770px) {
    .pageElement-offer-teaser-overlay .left-container {
        /*display: none;*/
    }

    .pageElement-offer-teaser-overlay .page-link,
    .pageElement-offer-teaser-overlay .button-close {
        bottom: 50px;
    }

    .pageElement-offer-teaser-overlay .right-container {
        margin-top: 30px;
    }
}

@media screen and (max-height: 650px) {
    .pageElement-offer-teaser-overlay .text-container {
        /*display: none;*/
        margin-top: 50px;
    }
}

/*********** Footer adjustments ***********/

.media-newsletter-container {
    width: 100%;
    background-color: #00524E;
    min-height: 140px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.media-newsletter-wrapper {
    display: flex;
    width: 1400px;
    margin: 0 auto;
    justify-content: center;
}

.media-newsletter-container .left-column,
.media-newsletter-container .right-column {
    display: flex;
    flex-direction: column;
    max-width: 640px;
    width: 100%;
}

.media-newsletter-container .left-column {
    padding-left: 50px;
}

.media-newsletter-container .right-column {
    padding-right: 50px;
}

.media-newsletter-container .social-links {
    display: flex;
}

.media-newsletter-container .left-column-header,
.media-newsletter-container .social-links a,
.media-newsletter-container .right-column-header {
    color: #fff;
    font-family: "Noto Serif", serif;
}

.media-newsletter-container .left-column-header,
.media-newsletter-container .right-column-header {
    font-size: 20px;
}

.media-newsletter-container .social-links {
    font-size: 18px;
}

.media-newsletter-container .instagram-link:before {
    content: '\e055';
    font-family: 'Font Awesome 6 Brands', sans-serif;
    font-size: 30px;
    margin-right: 15px;
}

.media-newsletter-container .facebook-link:before {
    content: '\f082';
    font-family: 'Font Awesome 6 Brands', sans-serif;
    font-size: 30px;
    margin-right: 15px;
}

.media-newsletter-container .pinterest-link:before {
    content: '\f0d2';
    font-family: 'Font Awesome 6 Brands', sans-serif;
    font-size: 30px;
    margin-right: 15px;
}

.media-newsletter-container .instagram-link,
.media-newsletter-container .facebook-link,
.media-newsletter-container .pinterest-link {
    margin-right: 40px;
}

.media-newsletter-container input {
    width: 400px;
    height: 45px;
    border: 1px solid #FFFFFF;
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    margin-right: 15px;
    padding-left: 20px;
    box-sizing: border-box;
}

.media-newsletter-container button {
    width: 140px;
    height: 45px;
    font-size: 16px;
    font-weight: bold;
    color: #00524E;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
}


@media screen and (max-width: 1300px) {
    .media-newsletter-wrapper {
        flex-direction: column;
    }

    .media-newsletter-container .left-column,
    .media-newsletter-container .right-column {
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }

    .media-newsletter-container .social-links {
        margin: 0 auto;
    }

    .media-newsletter-container .left-column {
        margin-bottom: 50px;
    }

    .media-newsletter-container .left-column-header {
        margin-top: 20px;
    }

    .media-newsletter-container .newsletter-form {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 600px) {
    .media-newsletter-container .social-links {
        flex-direction: column;
    }

    .media-newsletter-container .newsletter-form {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .media-newsletter-container .newsletter-form-button {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 450px) {
    .media-newsletter-container .left-column-header,
    .media-newsletter-container .social-links a,
    .media-newsletter-container .right-column-header,
    .media-newsletter-container .newsletter-form-button {
        font-size: 13px;
    }

    .media-newsletter-container input {
        width: 250px;
    }
}


.offer-list .bookable-date, .offer-list .headline-box-wrapper p {
    color: white !important;
    font-size: 14px !important;
    line-height: initial;
    margin-bottom: 0 !important;
}

.offer-list .bookable-arrow {
    max-width: 35px;
    max-height: 35px;
    width: 100%;
    height: 100%;
}


.jumpmark-offers .jumpmark-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 1280px;
    width: auto;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    .jumpmark-offers .jumpmark-wrapper {
        max-width: 900px;
    }
}

@media screen and (max-width: 700px) {
    .jumpmark-offers .jumpmark-link {
        font-size: 15px !important;
    }
}

.jumpmark-offers .jumpmark-link {
    width: 100%;
    background-color: #00524E;
    min-height: 50px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    padding-right: 10px;
}

.jumpmark-offers .fa-chevrons-down {
    font-size: 16px;
    padding: 0 20px;
}


.text-image-infobox .pageelement-canvas {
    display: flex;
}

.text-image-infobox .text-wrapper {
    max-width: 545px;
    width: 100%;
    margin-right: 70px;
}

.text-image-infobox .aside-wrapper {
    display: flex;
    flex-direction: column;
}

.text-image-infobox .image-wrapper-small {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
}

.text-image-infobox .image-wrapper-small .image {
    margin: 0 30px 30px 0;
}

.text-image-infobox h3 {
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #5d8b87;
    margin-bottom: 10px;
}

.text-image-infobox .infobox-wrapper {
    display: flex;
    flex-direction: column;
    background-color: #f3f3f4;
    max-width: 545px;
    width: 100%;
    padding: 20px;
    height: min-content;
    box-sizing: border-box;
}

.text-image-infobox .infobox-wrapper h4 {

    color: #00524E;
}

.text-image-infobox.contentbox .wrapper {
    padding: 0;
}

.text-image-infobox h2 {
    font-size: 24px;
}

.text-image-infobox .content-container {
    margin-top: 30px;
}

.text-image-infobox ul {
    list-style: initial;
}

.text-image-infobox li {
    margin-left: 12px;
    line-height: 21px;
}

@media screen and (max-width: 1100px) {
    .text-image-infobox .image-wrapper-small {
        grid-template-columns: 1fr;
    }

    .text-image-infobox .image-wrapper-big,
    .text-image-infobox img {
        max-width: 300px;
    }

    .text-image-infobox .infobox-wrapper {
        margin-top: 30px;
    }
}

.text-image-infobox .image-wrapper-big {
    margin-bottom: 30px;
}

@media screen and (max-width: 900px) {
    .text-image-infobox .pageelement-canvas {
        flex-direction: column;
    }
}


.teaser .inner-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
}

@media screen and (max-width: 1200px) {
    .teaser .inner-container {
        grid-template-columns:  1fr;
    }

    .teaser .right-container {
        grid-column: 1 / span 1 !important;
    }

    .teaser img {
        width: 100%;
    }
}

.teaser .left-container {
    grid-column: 1 / span 1;
}

.teaser .right-container {
    grid-column: 2 / span 1;
    background-color: #00524E;
    padding: 40px 120px 25px 45px;
}

.teaser .left-container .left-headline h4 {
    color: #fff !important;
    font-size: 25px !important;
    font-family: "Noto Serif", serif !important;
    padding-left: 20px;
}

.teaser .left-container .left-headline {
    width: 100%;
    background-color: #8cae41;
    min-height: 60px;
    display: flex;
    align-items: center;
}

.teaser .right-container .right-headline {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    margin-bottom: 35px;
    font-weight: bold;
}

.teaser .right-container .info-text {
    color: #fff;
    font-size: 18px;
    margin-bottom: 45px;
}

.teaser .right-container .page-link {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 10px;
    box-sizing: border-box;
}

.teaser .right-container .page-link-wrapper {
    background-color: #5d8b87;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 35px;
}

.teaser .button-icon {
    font-size: 18px;
    color: #fff;
    background-color: #8cae41;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.teaser .end-button {
    display: flex;
}

.pageElement-html-box iframe {
    width: 100%;
}

.tagung-fields {
    display: none;
}