/*
 Theme Name:   Insellust Child - twentytwentyone
 Template:     twentytwentyone
 Version:      1.0.0
*/

@font-face {
    font-family: "Poiret One";
    src:url("fonts/PoiretOne-Regular.ttf");
}
@font-face {
    font-family: "SofiaPro";
    src:url("fonts/SofiaProLight.otf") format("opentype");
}
@font-face {
    font-family: "SofiaPro";
    font-weight: bold;
    src:url("fonts/SofiaProBold.otf") format("opentype");
}

:root{
    --global-primary-color-blau: #29363E;
    --global-primary-color-okker: #BE9D5C;
    --global-primary-color-gruen: #B2C7C6;
    --global-primary-color-braun: #CBC1B2;
    --global-secondary-color-gelb: #F4EEE2;
    --global-secondary-color-gruen: #D5E0E0;
    --global-secondary-color-okker: #DCCAA7;
    --global-secondary-color-grau: #EEF2F2;
    --global--font-size-base: 1.25rem;
    --global-nav-color-primary: var(--global-primary-color-blau);
    --global-nav-sticky-color-primary: var( --e-global-color-primary );
    --global-nac-color-secondary: #000;
    --global--admin-bar--height: 0;
    --global--spacing-vertical: 44px;
    --branding--logo--max-height: 300px;
    --global--font-size-base:1rem;
    --wp--typography--line-height: 1.5;
    --wp--typography--line-height-larger: 1.8;
    --entry-content--font-family: SofiaPro;
    --page--padding: 44px;
    --headline--padding--bottom: 50px;
    --font-headings: "Poiret One";
    --font-base: "SofiaPro";
    --global--font-size-base: 16px;
    --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    --footer--font-size: 12px;
}


body .entry-content, body .entry-summary, body .primary-navigation a, body .widget-area, footer .widget-area a, body .elementor-widget-button .elementor-button {
    font-family: SofiaPro;
}

body .elementor-widget-button .elementor-button {
    font-weight: bold;
}

html{
    margin: 0!important;
    padding: 0!important;
}

body{
    background-color: #CBC1B2;
}

#page{

    max-width: 1100px;
    margin: 0 auto;
    background-color: #fff;
}

#innerhead {
    max-width: 1100px;
    margin: auto;
    width: 100%;
    position: fixed;
    top: 0;
    padding: 0;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}

#innerhead.sticky {
    /* background-color: #fff; */
    /* overflow-y: visible; */
    /* overflow-x: clip; */
}

body .site-branding {
    display: block;
    margin: auto;
    text-align: center;
    position: absolute;
    top: 0px;
    width: 12%;
    z-index: 6;
    left: 44%;
}

.admin-bar #innerhead{
    margin-top: 30px;
}

#masthead {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    display: block;
    height: 0px;
    padding: 0;
    z-index: 10000;
    position: relative;
}
#site-navigation {
/* bfsg */
    background-color: white;

    max-width: 1100px;
    margin: auto;
    width: 100%;
    padding: 15px 2rem;
    top: 0px;
    z-index: 3;
    /* -webkit-transition: all 500ms linear; */
    /* -moz-transition: all 500ms linear; */
    /* -ms-transition: all 500ms linear; */
    /* -o-transition: all 500ms linear; */
    /* transition: all 500ms linear; */
    transition-property: box-shadow, background-color;
    transition-duration: 700ms, 700ms;
    transition-delay: 0s, 0s;
}



.sticky #site-navigation{

    box-shadow: #ddd 10px 0px 3px;

    box-shadow: rgba(133,133,133,0.5) 0px 3px 3px;

    background-color: #fff;
}

.site .site-header .site-logo {
    display: block;
    margin: auto;
    text-align: center;
    position: relative;
}



.site .site-header .site-logo .custom-logo-link, .site .site-header .site-logo .custom-logo-link-sticky{
    display: block;
    position:absolute;
    z-index: 3;
}

.site .site-header .site-logo .custom-logo-link-sticky{
    z-index: 2;
    position: relative;
    height: 100%;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    width: 100%;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
    opacity: 1;
    text-align: center;
    padding: 4px 0 0;
}


.site .site-header .site-logo img{
    transition: all 0.5s;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    max-width: 100%;
    max-height: unset;
}

.site-logo .custom-logo-link-sticky img{
    display:none;
    height: 42px;
    max-height: 42px;
    top: 0px;
    position: relative;
}

.sticky .site-logo .custom-logo-link-sticky img{
    display:block;
}

.site .site-header .site-logo .custom-logo-link{
    position:relative;
}

.site .site-header .sticky .site-logo .custom-logo-link{
    top: -150px;
    /* position: absolute; */
}

.sticky .site-logo .custom-logo-link-sticky{
    opacity: 1;
}

.sticky .site-logo .custom-logo-link-sticky img{
    height: 42px;
    width: 42px;
    position:relative;
    top: 0px;
    display: block;
    max-width: none;
    max-height: none;
    margin: auto;
}


.site .site-header .site-logo .custom-logo-link{
    position:absolute;
    z-index: 55;
    max-height: 300px;
    /* transition: all 0.5s; */
    /* -webkit-transition: all 300ms linear; */
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    /* transition: all 300ms linear; */
    margin: 0px;
    display: block;
    top: 0px;
    transition-property: top;
    transition-duration: 700ms;
    transition-delay: 0s;
}


.site-formular {
    background-color: var(--global-primary-color-blau);
    line-height: 1;
    padding: 35px 2rem;
    height: 110px;
    z-index: 9;
    position: relative;
}

.site-formular .site-formular-desktop-form {
    line-height: 1;
    display: flex;
    position: relative;
    align-items: center;
}

.site-formular .site-formular-desktop-form div {
    padding: 0 15px;
    margin: 0px 10px;
    flex: 2;
    display: contents;
    min-width: 225px;
}


.site-formular form input,
.site-formular form select {
    height: 40px;
    line-height: 30px;
    margin: 0 0 0 10px;
    padding:0px 15px;
    width: 100%;
    font-size: 12px;
    outline: none;
    border: none;
}

.site-formular form div:first-child input{
    margin-left: 0px;
    margin-right: 10px;
}
.site-formular form div:last-child input {
    margin-left: 10px;
    margin-right: 0px;
}

body .site-formular form input[type="submit"],
body .site-formular form input[type="submit"]:hover {
    background-color: var( --e-global-color-3c88ff4 )!important;
    color: #fff!important;
    border-width: 0px;
    line-height: 1;
    height: 40px;
    font-size:12px;
    font-weight: bold;
    outline: none;
    border: none;
}

.site-formular-mobile a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2rem;
}


body .primary-navigation .primary-menu-container{
    max-width: 1100px;
    left: 0px;
    margin: 0;
}


a#homebutton {
    display: block;
    position: absolute;
    margin: 0;
    text-align: center;
    top: -2px;
    padding: 15px 15px 0;
/* bfsg    color: #fff;*/
    color: var(--primary-nav--color-link-hover);
    z-index: 5;
}
.sticky a#homebutton {
    color: var(--primary-nav--color-link-hover);
}


#primary-menu-list{
    max-width: 1100px;
}

.primary-navigation .primary-menu-container > ul > .menu-item > a
body .sticky .primary-navigation a:hover, body .sticky  .primary-navigation a:link, body .sticky  .primary-navigation a:visited {
    color: var( --global-nav-sticky-color-primary);
}

.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle{
    display:none;
}
.primary-navigation .primary-menu-container > ul > .menu-item{
    flex: 0 0 16.666%;
    flex: 0 0 14.2%;
}

body .primary-navigation .primary-menu-container > ul > .menu-item > a{
    margin: auto;
/* bfsg   color: #fff;*/
    color: #28303d;
    text-transform: uppercase;
    font-weight: 600;
/* bfsg    text-shadow: 1px 1px 3px #555;*/
    font-size: 1rem;
    padding: 0;
    text-decoration: none!important;
}

body .sticky .primary-navigation .primary-menu-container > ul > .menu-item > a{
    color: var(--e-global-color-primary);
    text-shadow: none;
}


.primary-navigation .primary-menu-container > ul > .menu-item:nth-child(3) {
    margin-right: 7.4%;
}
.primary-navigation .primary-menu-container > ul > .menu-item:nth-child(4) {
    margin-left: 7.4%;
}

body .site-main {
    padding-top: 0;
    padding-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

body .entry-header .post-thumbnail{

    width:100%;
}

body .post-thumbnail .wp-post-image{
    margin-bottom: 0;
    margin-top: 0;
}


div#content {
    z-index: 888;
    position: relative;
}

body .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width{
    max-width: 1100px;
    /* border-left: 1px solid #ccc; */
    /* border-right: 1px solid #ccc; */
    /* background-color: #fff; */
}

.wp-block-group .wp-block-group__inner-container > * {
    margin-top: 0;
    margin-bottom: 10px;
}


body.singular .has-post-thumbnail .entry-header{
    padding-bottom: 0px;
    max-width: 1100px;
    width: 100%;
    margin: auto;
    /* border-left: 1px solid #ccc; */
    /* border-right: 1px solid #ccc; */
}
body .site-main > article > *{
    margin: 0px;
}

.hideondesktop{
    display:none;
}

.entry-content p{
    margin-bottom: 1.5rem;
    line-height: var(--wp--typography--line-height, var(--global--line-height-body));
}

.entry-content li {
    margin-bottom: 0.3rem;
    line-height: var(--wp--typography--line-height, var(--global--line-height-body));
}


.left_red .elementor-heading-title{
    margin-left: 2rem;
    margin-right: 2rem;
}

.left_red .elementor-heading-title:before {
    margin-left: -2rem;
    content: "";
    display: inline-block;
    width: 7rem;
    height: 2px;
    background: var( --e-global-color-3c88ff4 );
    margin-right: 1rem;
    vertical-align: middle;
}


.right_red .elementor-heading-title{
    text-align: right;
    padding: 0 2rem;
}
.right_red .elementor-heading-title:before {
    content: "";
    display: inline-block;
    width: 7rem;
    height: 2px;
    background: var( --e-global-color-3c88ff4 );
    margin-left: 1rem;
    vertical-align: middle;
    float: right;
    margin-top: 15px;
    margin-right: -2rem;
}




footer.entry-footer{
    display:none;
}

footer.site-footer {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    display: block;
    padding: 0;
    z-index: 999;
    position: relative;
    /* border-left: 1px solid #ccc; */
    /* border-right: 1px solid #ccc; */
    background-color: var(--global-primary-color-blau);
    padding: 0 0rem;
    border-bottom: 5px solid var( --e-global-color-accent );
}

footer .widget-area {
    color: #ccc;
    line-height: 2.5;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    margin: 2rem 0;
    padding: 0;
    column-gap: normal;
    max-width: 100%;
}


footer .widget-area section {
    padding: 0 var(--page--padding);
    flex: 1 1 auto;
    /* background: red; */
    position: relative;
    /* text-align: center; */
    line-height: 40px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    column-gap: normal;
    max-width: 100%;
    margin: 0;
}


footer .widget-area section + section {
    border-left: solid 1px white;
    padding-top: 5px;
}

footer .widget-area .widget-title{
    color: #ddd;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1rem;
}



footer .widget-area .textwidget{
    color: #ccc;
    text-decoration: none;
    font-size: 0.7rem;
}



footer .widget-area .textwidget p{
    margin-bottom: 10px;
}



footer .widget-area a:link, footer .widget-area a:visited, footer .widget-area a:active{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: var(--footer--font-size);
    line-height: 2.5;
}


footer .widget-area a:hover{
    border-bottom: 2px solid var( --e-global-color-3c88ff4 );
    /* padding: 0 0 2px; */
}

footer .widget-area .textwidget {
    text-underline-offset: 5px;
}


body .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul, body .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=true] ~ ul
{
    display: none;
}





body .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, body .primary-navigation > div > .menu-wrapper > li > .sub-menu:after{
    left: 50%;
    border-color: #fff transparent;
    top: 11px;
    margin-left: -7px;
}

body .primary-navigation .menu-item:hover .sub-menu {
    display:block;
}

body .primary-navigation .sub-menu {
    border: 0px;
}

body .primary-navigation > div > .menu-wrapper > li > .sub-menu li{
    background-color: #fff;
    padding: 3px 8px;
}

body .primary-navigation > div > .menu-wrapper > li > .sub-menu li:first-child{
    padding-top: 5px;
}

body .primary-navigation > div > .menu-wrapper > li > .sub-menu li:last-child{
    padding-bottom: 5px;
}

body .primary-navigation .sub-menu .menu-item > a{
    padding: 5px 5px;
    font-size: 0.8rem;
    text-decoration: none;
    text-decoration-style: dotted;
    font-weight: 500;
    font-size: 1rem;
    width: 90%;
}

body .primary-navigation > div > .menu-wrapper > li > .sub-menu .sub-menu li > a:before{
    content: "\00BB";
    display: inline-block;
    margin-right: 6px;
}

body .primary-navigation .sub-menu .menu-item a:hover {color: #eb5e57;}

.site-formular-mobile{
    display:none;
}


footer.site-footer{
    /* border-top: solid 50px #fff; */
}


.col.saisonzeitenpreise.saisonzeitenpreisegrid {
    display: grid;
    grid-template-columns: 220px auto auto;
    grid-template-rows: 34px;
}

.saisonzeitenpreisegrid .saisonzeitenpreise_reisezeitraum {
  /* grid-column-start: 1; */
  /* grid-column-end: 4; */
  padding-left: 20px;
  text-align: left;
}

.saisonzeitenpreisegrid .saisonzeitenpreise_saison,.saisonzeitenpreisegrid  .saisonzeitenpreise_sternchentext {
  grid-column-start: 1;
  grid-column-end: 4;
}
.saisonzeitenpreisegrid  .saisonzeitenpreise_sternchentext {
  padding: 0 20px;
}
.saisonzeitenpreisegrid .saisonzeitenpreise_saison{
  padding: 10px 0 0 10px;
}

.saisonzeitenpreise_von, .saisonzeitenpreisegrid .saisonzeitenpreise_trenner, .saisonzeitenpreisegrid .saisonzeitenpreise_bis, .saisonzeitenpreisegrid .saisonzeitenpreise_dauer, .saisonzeitenpreisegrid .saisonzeitenpreise_preis {
  padding: 0px 5px;
  white-space: nowrap;
}



.saisonzeitenpreisegrid .saisonzeitenpreise_dauer, .saisonzeitenpreisegrid .saisonzeitenpreise_preis {
  text-align:right;
}

.saisonzeitenpreisegrid .Hauptsaison{
    background-color: #e9e3da;
}

.saisonzeitenpreisegrid .Zwischensaison {
    background-color: #f1eee8;
}

.saisonzeitenpreisegrid .Nebensaison {
    background-color: #f9f8f6;
}

.saisonzeitenpreise_reisezeitraum, .saisonzeitenpreise_aufenthalt, .saisonzeitenpreise_preise {
    font-weight: bold;
    text-align:right;
    padding-right: 20px;
}

.saisonzeitenpreise_aufenthalt {
    padding-right: 5px;
}

.saisonzeitenpreisegrid .saisonzeitenpreise_von {
    padding-left: 20px;
}

.saisonzeitenpreise_preis.Hauptsaison {}

.saisonzeitenpreisegrid .saisonzeitenpreise_preis {
    padding-right: 20px;
}


.badge-offer {
    position: relative;
    overflow: hidden;
    height: 40px;
    margin-bottom: -40px;
    z-index: 1;
    padding: 0 .5em;
    border-radius: 2px 2px 0 0;
    color: #fff;
    text-align: left;
}
.badge-offer:before, .badge-offer:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}
.badge-offer:after {
    background: #de6d63;
    transform: rotate(-3deg);
    transform-origin: bottom left;
    height: 100%;
    width: 110%;
}
.badge-offer:before {
    background: var(--global-primary-color-blau);
    height: 100%;
    width: 110%;
    transform-origin: bottom right;
    transform: rotate(1deg);
}
.badge-offer-label {
    position: relative;
    z-index: 1;
    font-weight: bold;
    color: #FFF;
}

@media only screen and (min-width: 750px) {

    body .primary-navigation > .primary-menu-container ul > li:hover a + .sub-menu-toggle[aria-expanded=true] ~ ul
    {
        display: initial;
        border: 0px;
    }

    body .primary-navigation .sub-menu .menu-item > a{
        width: 100%;
    }
}



.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
    display: none!important;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus {
    display: block!important;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle.sub-menu-toggle-open .icon-plus {
    display: none!important;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle.sub-menu-toggle-open .icon-minus {
    display: block!important;
}




#buchungsformSchritt1-top > div {
    position: relative;
}


#buchungsformSchritt1-top input:valid[type=date] + label,
#buchungsformSchritt1-top input:valid[type=text] + label {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    color: #be9d5c;
}

#buchungsformSchritt1-top input[type=date] + label,
#buchungsformSchritt1-top input[type=text] + label {
    color: #fff;
    width: 100%;
    display: inline-block;
    margin: 0;
    font-weight: 600;
    font-size: 17px;
    padding: 5px 0 4px;
}

#buchungsformSchritt1-top input:invalid[type=date],
#buchungsformSchritt1-top input:invalid[type=text] {
    position: absolute;
    opacity: 0;
}

#buchungsformSchritt1-top input[type=date],
#buchungsformSchritt1-top input[type=text] {
    color: #fff;
    background: transparent;
    border: 0;
    color-scheme: dark;
    font-size: 18px;
    line-height: 17px;
    padding: 8px 0 8px;
    outline: none;
    font-weight: 600;
    width: 130px;
    z-index: 10;
    display: inline-block;
    position: relative;
}

#buchungsformSchritt1-top select {
    color: #fff;
    background: #be9d5c;
    background-color: #be9d5c;
    border: 0;
    color-scheme: dark;
    font-size: 18px;
    line-height: 17px;
    padding: 10px 0 10px;
    outline: none;
    font-weight: 600;
    width: 100px;
    z-index: 10;
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
}





@media only screen and (min-width: 1025px) {


    .shrinkBorderZimmerStatic{
        margin-bottom:2rem;
    }

    .shrinkBorderZimmerStatic > div{
        z-index: 5;
    }
    .shrinkBorderZimmerStatic:after {
        content:"";
        display:block;
        position: absolute;
        height: 60%;
        width: 100%;
        border-right: 2px solid #eb5e57;
        border-bottom: 2px solid #eb5e57;
        bottom: 0;
        z-index: 4;
    }

    .shrinkBorderZimmerStatic:before {
        content:"";
        display:block;
        position: absolute;
        height: 60%;
        width: 100%;
        border-left: 2px solid #eb5e57;
        border-top: 2px solid #eb5e57;
        top: 0;
        z-index: 4;
    }
    body .primary-navigation > .primary-menu-container ul > li:hover a + .sub-menu-toggle[aria-expanded=true] ~ ul {
        /* left: 50%; */
        border: 0px;
        margin-left: -40%;
        width: 100%;
        margin: auto;
        padding-top: 20px;
    }

    .rechtes_bild_roter_rand {
        margin-bottom: -90px;
        position: relative;
    }

    .rechtes_bild_roter_rand > div {
        margin-bottom: -25%;
        position: relative;
    }

    .rechtes_bild_roter_rand img {
        padding-right: 25px;
        padding-bottom: 25px;
    }

    .rechtes_bild_roter_rand > div:after {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 90px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-color: var( --e-global-color-3c88ff4 );
        border-width: 3px;
    }

    .verlauf_weiss_gruen {
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, var( --e-global-color-b35fd99 ) 50%, var( --e-global-color-b35fd99 ) 100%);
    }

    .verlauf_weiss_gruen_25 {
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, var( --e-global-color-b35fd99 ) 25%, var( --e-global-color-b35fd99 ) 100%);
    }

    .verlauf_gruen_weiss {
        background: linear-gradient(180deg, var( --e-global-color-b35fd99 ) 0%, var( --e-global-color-b35fd99 ) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    }

    .verlauf_weiss_okker {
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, var( --e-global-color-cef2308 ) 50%, var( --e-global-color-cef2308 ) 100%);
    }

    .verlauf_okker_weiss {
        background: linear-gradient(180deg, var( --e-global-color-cef2308 ) 0%, var( --e-global-color-cef2308 ) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    }
    .verlauf_okker_weiss_40 {
        background: linear-gradient(180deg, var( --e-global-color-cef2308 ) 0%, var( --e-global-color-cef2308 ) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
    }
}


@media only screen and (min-width: 750px) {
    .primary-navigation .primary-menu-container > ul > .menu-item:nth-child(1){
        margin-left: 30px;
        margin-right: -30px;
    }

    .primary-navigation .primary-menu-container > ul > .menu-item:nth-child(2){
        margin-left: 15px;
        margin-right: -15px;
    }
}


@media only screen and (max-width: 1024px) {

    .rechtes_bild_roter_rand {
        margin-bottom: 0%;
        position: relative;
        background: linear-gradient(180deg, var( --e-global-color-b35fd99 ) 0%, var( --e-global-color-b35fd99 ) 19%, #ffffff 19%, #ffffff 100%);
        padding-left: 2rem;
    }

    .rechtes_bild_roter_rand > div {
        /* top: 20%; */
        margin-bottom: 0%;
        position: relative;
    }

    .rechtes_bild_roter_rand img {
        padding-left: 25px;
        padding-top: 25px;
    }

    .rechtes_bild_roter_rand > div:before {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        height: 19%;
        border-left-style: solid;
        border-top-style: solid;
        border-color: var( --e-global-color-3c88ff4 );
        border-width: 3px;
    }


    .rechtes_bild_roter_rand > div {
        /* max-width: 50%; */
        /* left: 50%; */
    }

    body.elementor-kit-175 h1 {
        font-size: 30px;
    }

    .left_red .elementor-heading-title:before {
        width: 3.5rem;
        margin-right: 0.5rem;
    }

    .right_red .elementor-heading-title:before {
        width: 3.5rem;
        margin-left: 0.5rem;
    }


    h2.elementor-heading-title:before, h3.elementor-heading-title:after {
        width: 4rem;
    }

    body .primary-navigation .primary-menu-container > ul > .menu-item > a
    {
        font-size:0.9rem;
    }

    body .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
        position: absolute;
        padding-top: 0;
        margin-top: 0;
        top: var(--global--admin-bar--height);
    }

    body .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
        display: none;
    }

    body .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
        max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);
    }

    body .site-header.has-logo.has-title-and-tagline {
        align-items: flex-start;
    }

    body .site-header.has-logo.has-title-and-tagline.has-menu {
        justify-content: space-between;
    }

    body .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
        max-width: calc(100% - 160px);
    }

    body .site-header.has-logo.has-title-and-tagline .site-branding {
        margin-right: 0;
    }

    body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
        display: none;
    }

    body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
        position: relative;
        top: 0;
    }


    body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
        padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
        padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
        margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
    }

    body .site-header:not(.has-logo).has-title-and-tagline .site-branding {
        margin-right: 0;
        max-width: calc(100% - 160px);
    }

    body .site-header:not(.has-menu) {
        justify-content: center;
    }

    .primary-navigation-open .site-formular{
        display:none;
    }

    body .menu-button-container #primary-mobile-menu {font-size: 0;}


    body .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon{
        max-width: 60px;
        width: 60px;
        font-weight: bolder;
        color: #000;
    }

    body .site .button:focus, body button:focus, body input[type=submit]:focus, body input[type=reset]:focus, body .wp-block-search .wp-block-search__button:focus, body .wp-block-button .wp-block-button__link:focus, body .wp-block-file a.wp-block-file__button:focus{
        outline-offset: 0px;
        outline: 0px dotted currentColor;
    }

    body .site-header.has-logo.has-title-and-tagline.has-menu .site-branding{
        max-width: 100%;
    }

    footer.footer2 aside{
        padding: 0 20px;
    }
    footer.footer2 .widget-area section{
        padding-left: 20px;
        padding-right: 20px;
    }
    

}

@media only screen and (max-width: 899px) {

    body .primary-navigation .primary-menu-container > ul > .menu-item > a
    {
        font-size: 0.7rem;
    }

    .site .site-header .site-logo .custom-logo-link-sticky{
        padding: 0;
    }

    a#homebutton {
        font-size: 15px;
    }

    .rechtes_bild_roter_rand > div {
        /* max-width: 70%; */
        /* left: 30%; */
    }
    
    footer.footer2 aside{
        padding: 0 30px;
    }
    footer.footer2 .widget-area section{
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 799px) {

    
    footer .widget-area {
        margin: 0rem 0 2rem;
        padding: 0;
        width: 100%;
        max-width: none;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        min-height: 250px;
        max-width: 100%;
    }

    footer .widget-area:after{
        content:"";
        display:block;
        clear:both;
    }

    footer .widget-area section
    {
        width: 50%;
        flex: unset;
        margin-top: 2rem;
    }

    footer .widget-area section:nth-child(2n+1){

        border-left: 0px;
    }
}

@media only screen and (max-width: 767px) {
    body .primary-navigation .primary-menu-container > ul > .menu-item > a
    {
        font-size:0.7rem;
    }
    .mobileWidth80 a {
        width: 100%!important;
        display: block;
        margin: auto;
        max-width: 400px;
        min-width: 200px;
    }


}

@media only screen and (max-width: 749px) {


    .rechtes_bild_roter_rand > div {
        /* max-width: 80%; */
        /* left: 20%; */
    }

    a#homebutton{
        display: none;
    }

    a#homebutton i{
        display: none;
    }

    .primary-navigation-open a#homebutton{
        display: block;
        position: relative;
        text-align: left;
        width: 90%;
        left: 10%;
        content: "Startseite";
        border-bottom: 1px solid #000;
        padding: 10px!important;
        margin: 10px;
        display: none;
        color: #000;
        text-shadow: none;
        font-size: 1rem;
        line-height: 1.5rem;
        text-align: left;
        text-transform: uppercase;
        font-weight: 600;
    }

    .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg{
        margin-top: 10px;
    }

    .primary-navigation-open a#homebutton:before{
        content: "Startseite";
    }

    .site-formular{
        height: 60px;
        padding: 10px 0;
        line-height: 20px;
    }

    div#content {
        z-index: 888;
        position: relative;
        /* margin-top: 60px; */
    }

    .site-formular-desktop{
        display:none;
    }
    .site-formular-mobile{
        display:initial;
    }

    .left_red .elementor-heading-title:before {
        width: 1.5rem;
        margin-right: 0.5rem;
    }
    .right_red .elementor-heading-title:before {
        width: 1.5rem;
        margin-left: 0.5rem;
    }

    body .site-branding {
        display:none;
        left:50%;
        top:15px;
        margin-left: -5px;
    }
    body.primary-navigation-open .site-branding {display:block;}

    body.primary-navigation-open .site .site-header .site-logo .custom-logo-link {display:none;}
    body.primary-navigation-open .site .site-header .site-logo .custom-logo-link-sticky {display:block; opacity:1;}
    body.primary-navigation-open .site .site-header .site-logo .custom-logo-link-sticky img {display:block;top: initial;filter: contrast(100);margin:0;}


    h2.elementor-heading-title:before {
        width: 4rem;
    }

    .sticky #innerhead {
        background: transparent;
        position: relative;
    }

    .sticky .site-logo .custom-logo-link-sticky{
        display:none;
    }



    footer .widget-area section + section{
        /* border: 0px; */
    }



    body .primary-navigation > .primary-menu-container ul > li a + .sub-menu-toggle.sub-menu-toggle-open ~ ul
    {
        display: initial;
        width: 100%;
        border: 0px;
        padding-top: 10px;
        position: relative;
    }

    body .primary-navigation > div > .menu-wrapper > li > .sub-menu li, body .primary-navigation > div > .menu-wrapper > li > .sub-menu
    {
        background-color: transparent;
    }


    body .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, body .primary-navigation > div > .menu-wrapper > li > .sub-menu:after
    {
        display:none;
    }

    body .primary-navigation .primary-menu-container > ul > .menu-item > a{
        display:block;
        width: 100%;
    }
    .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle{
        display:block;
        position: absolute;
        right: 0px;
        top:0px;
    }

    body .site .site-header .site-logo .custom-logo-link .custom-logo{
        width: 300px;
        max-width: 30%;
    }

    body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
        position: relative;
        padding-top: 0;
        margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit)));
    }


    body .menu-button-container {
        display: flex;
    }

    body #innerhead #site-navigation {
        padding: 0;
        top: -10px;
    }

    #site-navigation{
        display:block;
        width: 90%;
        left: 10%;
        margin: 0;
    }
    body.primary-navigation-open #innerhead:before{
        display: block;
        height: 100%;
        width: 100%;
        content:"";
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(100,100,100,0.5);
        z-index: 2;
    }

    body #site-navigation{
        padding: 0;
        top: 10px;
    }

    .sticky #site-navigation{

        background-color: transparent;

        box-shadow: none;
    }

    body.primary-navigation-open #site-navigation{
        background-color: #F4EEE2;
        top: 0px;
    }

    body.primary-navigation-open .has-title-and-tagline .primary-navigation > .primary-menu-container{
        padding-top: 0;
        /* width: 100%; */
        /* left: 0; */
    }


    body.primary-navigation-open .menu-button-container{
        position:relative;
        left: 10%;
        width: 90%;
        background-color: transparent;
        z-index: 55555;
    }


    body .has-title-and-tagline .primary-navigation > .primary-menu-container {
        position: relative;
        transform: translateY(0) translateX(100%);
        visibility: visible;
        opacity: 1;
        background-color: transparent;
        top: 0px;
        right: 0px;
        z-index: 555;
        width: 90%;
        left: 10%;
        padding-bottom: 50px;
        padding-left: 0;
        padding-right: 0;
        display: none;
    }

    body .primary-navigation{

    }
    .primary-navigation-open .has-title-and-tagline .primary-navigation > .primary-menu-container{
        transform: translateX(0) translateY(0);
        display: block;
    }

    body .primary-navigation > div > .menu-wrapper{
        display: block;
    }

    body.primary-navigation-open .primary-navigation .primary-menu-container > ul > .menu-item{
        border-bottom: 1px solid #000;
        padding: 10px!important;
        margin: 10px;
        display: block;
    }

    body.primary-navigation-open .primary-navigation .primary-menu-container > ul > .menu-item > a{
        color: #000;
        text-shadow: none;
        font-size: 1rem;
        line-height: 1.5rem;
        text-align:
                left;
        margin: 0;
        width: 80%;
    }

    body.elementor-kit-175 h1 {
        font-size: 25px;
    }
    body.elementor-kit-175 h2, body.elementor-kit-175 h3{
        font-size: 20px;
    }


    footer .widget-area
    {
        padding: 0 2rem;
        display: block;
    }
    footer .widget-area section {
        width: 100%;
        padding: 0 0 2rem 0;
    }
    footer .widget-area section + section{
        padding: 2rem 0;
        border-left: 0;
        border-top: solid 1px white;
        margin-top: 0;
    }

    footer .widget-area section:nth-child(3)
    {
        /* display:none; */
    }

    footer .widget-area section:nth-child(4)
    {
        /* display:none; */
    }
}


@media only screen and (max-width: 499px) {


    .rechtes_bild_roter_rand > div {
        /* max-width: 90%; */
        /* left: 10%; */
    }

}


.zimmer_galerie div.galeriebutton {
    display: block;
    position: absolute;
    z-index: 15;
    width: 100%;
    height: 100%;
    background-color: rgb(67 66 82 / 72%);
}

.zimmer_galerie div.galeriebutton span {
    text-align:center;
    background-color: var(--global-primary-color-blau);
    top: 45%;
    display: inline-block;
    position: relative;
    color: #fff;border: 1px solid #be9d5c;
    margin: -10px auto 0;
    width: 60%;
    left: 20%;
    padding: 6px 15px;
    font-weight: bold;
    font-size: 15px;
}

.zimmer_galerie .col-6  a{
    position:relative;
    display: block;
    width: auto;
}
body table td, body table th {
    border: 0px solid black;
}
body .site a, body .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button), body .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){
    text-decoration: none;
}

body .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button), body .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){
    text-decoration: none;
    background-color: transparent;
}

body .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img{
    text-decoration: none;
    background-color: transparent;
    outline: none;
}

.elementor-widget-text-editor ul, .elementor-widget-text-editor ol {
    padding-left: 20px;
}

.elementor-widget-image.shrinkBorder .elementor-widget-container a, .elementor-widget-image.shrinkBorder .elementor-widget-container a img{
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}

.elementor-widget-image.shrinkBorder:hover .elementor-widget-container a img {

    transform: scale(0.9);
}

.elementor-widget-image.shrinkBorder .elementor-widget-container a:after {

    content:"MEHR ERFAHREN";
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-accent-font-weight );
    background-color: var( --e-global-color-3c88ff4 );
    border-radius: 0px 0px 0px 0px;
    color: #fff;
    font-size: 15px;
    padding: 12px 10px;
    position:absolute;
    margin: auto;
    width: 170px;
    left: 50%;
    margin-left: -85px;
    z-index:55;
    line-height: 16px;
    top: 50%;
    margin-top: -20px;
    opacity: 0;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}


.elementor-widget-image.shrinkBorder:hover .elementor-widget-container a:after {

    opacity:1;
}


.elementor-widget-image.shrinkBorder .elementor-widget-container a img {}


.elementor-widget-image.shrinkBorder:hover .elementor-widget-container:after {
    content:"";
    display:block;
    position: absolute;
    height: 60%;
    width: 100%;
    border-right: 2px solid #eb5e57;
    border-bottom: 2px solid #eb5e57;
    bottom: 0;
}

.elementor-widget-image.shrinkBorder:hover .elementor-widget-container:before {
    content:"";
    display:block;
    position: absolute;
    height: 60%;
    width: 100%;
    border-left: 2px solid #eb5e57;
    border-top: 2px solid #eb5e57;
    top: 0;
    z-index: 1;
}

.elementor-widget-image.shrinkBorder .elementor-widget-container a, .elementor-widget-image.shrinkBorder .elementor-widget-container img {
    z-index: 1;
    position: relative;
}




.elementor-widget-image.shrinkBorderStatic .elementor-widget-container, .elementor-widget-image.shrinkBorderStatic .elementor-widget-container img{
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}

.elementor-widget-image.shrinkBorderStatic .elementor-widget-container img {

    transform: scale(0.9);
}

.elementor-widget-image.shrinkBorderStatic .elementor-widget-container:after {
    content:"";
    display:block;
    position: absolute;
    height: 60%;
    width: 100%;
    border-right: 2px solid #eb5e57;
    border-bottom: 2px solid #eb5e57;
    bottom: 0;
}

.elementor-widget-image.shrinkBorderStatic .elementor-widget-container:before {
    content:"";
    display:block;
    position: absolute;
    height: 60%;
    width: 100%;
    border-left: 2px solid #eb5e57;
    border-top: 2px solid #eb5e57;
    top: 0;
    z-index: 1;
}

.elementor-widget-image.shrinkBorderStatic .elementor-widget-container, .elementor-widget-image.shrinkBorderStatic .elementor-widget-container img {
    z-index: 1;
    position: relative;
}


body.category .site-content {
    max-width: 1100px;
    width: 100%;
    margin: auto;
    padding: 2rem;
    background-color: #fff;
    padding-top: 150px;
}

body.post-template-default .site-content {
    max-width: 1100px;
    width: 100%;
    margin: auto;
    padding: 2rem;
    background-color: #fff;
    padding-top: 150px;
}

.entry-content.nopostthumbnail {
    padding-top: 150px;
    max-width: 1100px;
    width: 100%;
    margin: auto;
    padding: 2rem;
    background-color: #fff;
    padding-top: 150px;
}

/** iOS Fix, ohne diesen werden die Datumsfelder als iOS-Buttons interpretiert */
.site-formular input[type="date"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}

.site-formular input[type="date"]:before {
    content: attr(placeholder);
    padding-right: 5px;
    position: absolute;
    background-color: #fff;
}
.site-formular input.eingetragen[type="date"]:before, .site-formular input[type="date"]:focus:before {
    display:none;
}

/* Bewertungen */
.wrapper {
    width: 500px;
}
.progress-bar,
.progress-bar2 {
    width: 100%;
    background-color: #e0e0e0;
    padding: 0;
    border-radius: 100vh;
    height: 2em;
    margin: auto;
}
.progress-bar2 {
    width: 100%;
    height: 1em;
}
.progress-bar-fill {
    display: block;
    height: 100%;
    background-color: #EB5E57;
    border-radius: 100vh;
    transition: width 1s ease-in-out;
}
.progress-bar2 .progress-bar-fill {
    background-color: #abc9c8;
}

.site-main > * {
    margin-top: 0;
    margin-bottom: 0;
}

section{
    padding: var(--page--padding);
    padding-top: 0;
}

.singular .entry-header {
    border-bottom: 0px solid var(--global--color-border);
    padding-bottom: calc(var(--global--spacing-vertical));
    margin-bottom: 0;
    margin: 0;
    max-width: none;
}

section.ein_spaltig_headline {

}
#buchungsformSchritt1-top input#personen-fake {
    margin: 0;
    background: transparent;
    color: #fff;
    text-align: center;
    border: none;
    font-weight: bold;
    font-size: 17px;
    line-height: 17px;
    padding: 6px 0 5px;
    outline: none;
}


#buchungsformSchritt1-top input#personen-fake::placeholder {
    color: #fff;
    text-align: center;
}

section.ein_spaltig_headline .row > div > :before {
    margin-left: calc((var(--page--padding))*-1);
    content: "";
    display: inline-block;
    width: 5rem;
    height: 2px;
    background: #BE9D5C;
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 8px;
}

section.ein_spaltig_headline .row > div > * {
    margin-top: var(--headline--padding--bottom);
    font-size: 32px;
    line-height: 1;
}
.unterkunft-template-default section.ein_spaltig_headline .row > div > * {
    margin-top: 0px;
}

section.ein_spaltig_text .row > div > p {
    font-size: 16px;
    margin-bottom: 16px;
}


section.zwei_spaltig_ausstatung .row > div > h2:before {
    margin-left: calc((var(--page--padding))*-1);
    content: "";
    display: inline-block;
    width: 5rem;
    height: 2px;
    background: #BE9D5C;
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 8px;
}

section.zwei_spaltig_ausstatung .row > div > ul.zimmerausstattung {
    font-size: 16px;
    line-height: 1.5;
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    list-style: none;
    padding: 0;
}

section.zwei_spaltig_ausstatung .row > div > h1, section.zwei_spaltig_ausstatung .row > div > h2, section.zwei_spaltig_ausstatung .row > div > h3, section.zwei_spaltig_ausstatung .row > div > h4, section.zwei_spaltig_ausstatung .row > div > h5, section.zwei_spaltig_ausstatung .row > div > h6 {
    font-size: 32px;
    line-height: 1;
    padding-bottom: var(--headline--padding--bottom);
}


section.zimmer_saisionzeiten {

}
.row.saisonzeiten {
    column-gap: 40px;
}
section.zimmer_saisionzeiten .saisonzeitenpreise{
    /* padding-right: 20px; */
    flex-grow: 7;
}

section.zimmer_saisionzeiten .saisonzeitenpreise table td, section.zimmer_saisionzeiten .saisonzeitenpreise table th{
    padding: 0px;
    font-family: var(--global--font-secondary);
    text-align:
            right;
}
section.zimmer_saisionzeiten .saisonzeitenpreise table th{
    padding-bottom: 10px;
    padding-top: 10px;
}
section.zimmer_saisionzeiten .saisonzeitenpreise table tr.Hauptsaison:first-child td, section.zimmer_saisionzeiten .saisonzeitenpreise table tr.Zwischensaison:first-child td, section.zimmer_saisionzeiten .saisonzeitenpreise table tr.Nebensaison:first-child td{
    padding-top: 10px;
}
section.zimmer_saisionzeiten .saisonzeitenpreise table tr.Hauptsaison:last-child td, section.zimmer_saisionzeiten .saisonzeitenpreise table tr.Zwischensaison:last-child td, section.zimmer_saisionzeiten .saisonzeitenpreise table tr.Nebensaison:last-child td{
    padding-bottom: 10px;
}

section.zimmer_saisionzeiten .saisonzeitenpreise table td:first-child, section.zimmer_saisionzeiten .saisonzeitenpreise table th:first-child{
    text-align:left;
}

section.zimmer_saisionzeiten .saisonzeitenpreise table tr td:first-child, section.zimmer_saisionzeiten .saisonzeitenpreise table tr th:first-child{
    padding-left: 20px;
}

section.zimmer_saisionzeiten .saisonzeitenpreise table tr td:last-child, section.zimmer_saisionzeiten .saisonzeitenpreise table tr th:last-child{
    padding-right: 20px;
    padding-left: 10px;
    white-space: nowrap;
}

section.zimmer_saisionzeiten .saisonzeitenpreise table tr.Hauptsaison td{
    background-color: #e9e3da;
}

section.zimmer_saisionzeiten .saisonzeitenpreise table tr.Zwischensaison td{
    background-color: #f1eee8;
}

section.zimmer_saisionzeiten .saisonzeitenpreise table tr.Nebensaison td{
    background-color: #f9f8f6;
}

section.zimmer_saisionzeiten .sondertext{
    /* padding-left: 20px; */
    margin-top: 34px;
    flex-grow: 5;
    padding: 20px 30px 10px;
    background-color: #dfd7ca;
}

section.zimmer_saisionzeiten .sondertext p{
    /* padding: 20px 30px; */
    /* background-color: #dfd7ca; */
    line-height: 1.2;
    /* margin-top: 48px; */
    margin-bottom: 15px;
}



section.zwei_spaltig_ausstatung.zimmer_saisionzeiten .row > div > h2 {
    padding-bottom: 30px;
}

section.zwei_spaltig_headline_text .headline > * {
    font-size: 58px;
}

section.ein_spaltig_headline .headline > * {
    font-size: 32px;
}

section.zwei_spaltig_headline_text .text > * {
    font-size: 18px;
    line-height: var(--wp--typography--line-height-larger);
}

button, input[type=submit], input[type=reset], .wp-block-search .wp-block-search__button, .wp-block-button .wp-block-button__link, .wp-block-file a.wp-block-file__button {
    border: 0;
    border-radius: 0;
    cursor: pointer;
    font-weight: 400;
    font-family: var(--entry-content--font-family);
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    padding: 7px;
    font-weight: 900;
    margin-bottom: 20px;
    width: 100%;
}

.site .button:hover, .site .button:active, button:hover, button:active, input[type=submit]:hover, input[type=submit]:active, input[type=reset]:hover, input[type=reset]:active, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:active, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:active, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:active {
    background-color: transparent;
    border-color: transparent;
    color: initial;
    outline: none;
}

button:not(:hover):not(:active):not(.has-text-color) {
    font-family: var(--entry-content--font-family);
    outline: none;
}

button.button1:not(:hover):not(:active):not(.has-text-color) {
    color: #fff;
    font-family: var(--entry-content--font-family);
    font-weight: 900;
    font-size: 16px;
    background-color: var(--global-primary-color-okker);
    width: 100%;
}

.site .button1:hover{
    background-color: var(--global-secondary-color-okker);
    background-color: var(--global-primary-color-okker);
}

button.button2, button.button2:not(:hover):not(:active):not(.has-text-color) {
    color: #fff;
    font-family: var(--entry-content--font-family);
    font-weight: 900;
    font-size: 16px;
    background-color: var(--global-primary-color-blau);
    width: 100%;
}

.col.grow1{
    flex-grow: 1;
}

.col.grow2{
    flex-grow: 2;
}

.col.grow3{
    flex-grow: 3;
}

.col.grow4{
    flex-grow: 4;
}

.site .button2:hover{
    background-color: var(--global-primary-color-blau);
    color: #fff;
}

section.zimmer_galerie > div > div.row > div.col-6:nth-child(2n+1) {
    padding-right: 12px;
}

section.zimmer_galerie > div > div.row > div.col-6:nth-child(2n) {
    padding-left: 12px;
}

section.zimmer_galerie > div > div.row > div.col-6:nth-child(2n) > div > div.row > div.col-6:nth-child(1) {
    padding-right: 8px;
    padding-bottom: 8px;
}

section.zimmer_galerie > div > div.row > div.col-6:nth-child(2n) > div > div.row > div.col-6:nth-child(2) {
    padding-left: 8px;
    padding-bottom: 8px;
}

section.zimmer_galerie > div > div.row > div.col-6:nth-child(2n) > div > div.row > div.col-6:nth-child(3) {
    padding-right: 8px;
    padding-top: 8px;
}

section.zimmer_galerie > div > div.row > div.col-6:nth-child(2n) > div > div.row > div.col-6:nth-child(4) {
    padding-left: 8px;
    padding-top: 8px;
}

footer.site-footer{

}


footer.footer1 {
    background-color: #D5E0E0;
    color: var(--global-primary-color-blau);
    padding: 30px 0 20px;
}

footer.footer1 .widget > *{
    margin: 0;
}

footer.footer1 .widget > .widget_block{
    margin-bottom: 20px;
}

footer.footer1 .wp-block-group .wp-block-group__inner-container > *{
    margin: 0;
}

footer.footer1 .widget-area section + section{
    border: 0;
}

footer.footer1 .widget-area, footer.footer1 .widget-area a {
    color: var(--global-primary-color-blau);
    font-size: 18px;
}

footer.footer1 .widget-area .widget_text a {
    /* text-decoration: underline; */
    line-height: 1.8;
    display: inline-block;
    padding-right: 10px;
    border-bottom: 1px solid var(--global-primary-color-blau);
}

footer.footer2 .widget-area section + section {
    padding-top: 18px;
}
section.zimmer_galerie {
    background: linear-gradient(to bottom, #fff 20%, #f2eee9 20%);
}
section.zwei_spaltig_ausstatung, section.ein_spaltig_beschreibung{
    background: #f2eee9;
}



section.zimmer_verfuegbarkeit{
    background: #eff3f4;
    padding-top: 0px;
}

section.zimmer_verfuegbarkeit_kalender{
    background: #eff3f4;
    padding-top: 60px;
}

section.zimmer_verfuegbarkeit.booking{
    margin-bottom: 40px;
}

section.serviceleistungen{
    background: #f2eee9;
    padding-top: 60px;
}


section.zusammenfassung{
    background: #fff;
    padding-top: 60px;
}

section.zimmer_saisionzeiten{
    background: #fff;
    padding-top: 50px;
}

.zwei_spaltig_headline_text .row{
    column-gap: 40px
}

.zwei_spaltig_headline_text .headline{
    font-size: 74px;
    text-align:right;
}

.zwei_spaltig_headline_text .text{
    font-size: 18px;
}

.zwei_spaltig_text_text .row{
    column-gap: 104px
}

.zwei_spaltig_text_text .text{
    line-height: var(--wp--typography--line-height, var(--global--line-height-body));
}

.zwei_spaltig_text_text .text p{
    margin-top: 0;
    margin-bottom: 0;
    min-height: 1.5em;
}

.zwei_spaltig_text_text .text p:empty::after{
    content: "\00a0";
}



.zwei_spaltig_bild_bild .row, .x_spaltig_bild .row{
    gap: 19px;
}


header img, main img, footer img{
    max-width: 100%
}




.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio: 100%}.ratio-4x3{--bs-aspect-ratio: calc(3 / 4 * 100%)}.ratio-16x9{--bs-aspect-ratio: calc(9 / 16 * 100%)}.ratio-21x9{--bs-aspect-ratio: calc(9 / 21 * 100%)}

.row{--bs-gutter-x: 0rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%;}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x: 0}.g-0,.gy-0{--bs-gutter-y: 0}.g-1,.gx-1{--bs-gutter-x: 0.5rem}.g-1,.gy-1{--bs-gutter-y: 0.5rem}.g-2,.gx-2{--bs-gutter-x: 1.25rem}.g-2,.gy-2{--bs-gutter-y: 1.25rem}.g-3,.gx-3{--bs-gutter-x: 1.875rem}.g-3,.gy-3{--bs-gutter-y: 1.875rem}.g-4,.gx-4{--bs-gutter-x: 2.5rem}.g-4,.gy-4{--bs-gutter-y: 2.5rem}.g-5,.gx-5{--bs-gutter-x: 3.75rem}.g-5,.gy-5{--bs-gutter-y: 3.75rem}.g-6,.gx-6{--bs-gutter-x: 5.625rem}.g-6,.gy-6{--bs-gutter-y: 5.625rem}.g-7,.gx-7{--bs-gutter-x: 6.875rem}.g-7,.gy-7{--bs-gutter-y: 6.875rem}.g-8,.gx-8{--bs-gutter-x: 7.5rem}.g-8,.gy-8{--bs-gutter-y: 7.5rem}.g-9,.gx-9{--bs-gutter-x: 9rem}.g-9,.gy-9{--bs-gutter-y: 9rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x: 0}.g-sm-0,.gy-sm-0{--bs-gutter-y: 0}.g-sm-1,.gx-sm-1{--bs-gutter-x: 0.5rem}.g-sm-1,.gy-sm-1{--bs-gutter-y: 0.5rem}.g-sm-2,.gx-sm-2{--bs-gutter-x: 1.25rem}.g-sm-2,.gy-sm-2{--bs-gutter-y: 1.25rem}.g-sm-3,.gx-sm-3{--bs-gutter-x: 1.875rem}.g-sm-3,.gy-sm-3{--bs-gutter-y: 1.875rem}.g-sm-4,.gx-sm-4{--bs-gutter-x: 2.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y: 2.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x: 3.75rem}.g-sm-5,.gy-sm-5{--bs-gutter-y: 3.75rem}.g-sm-6,.gx-sm-6{--bs-gutter-x: 5.625rem}.g-sm-6,.gy-sm-6{--bs-gutter-y: 5.625rem}.g-sm-7,.gx-sm-7{--bs-gutter-x: 6.875rem}.g-sm-7,.gy-sm-7{--bs-gutter-y: 6.875rem}.g-sm-8,.gx-sm-8{--bs-gutter-x: 7.5rem}.g-sm-8,.gy-sm-8{--bs-gutter-y: 7.5rem}.g-sm-9,.gx-sm-9{--bs-gutter-x: 9rem}.g-sm-9,.gy-sm-9{--bs-gutter-y: 9rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x: 0}.g-md-0,.gy-md-0{--bs-gutter-y: 0}.g-md-1,.gx-md-1{--bs-gutter-x: 0.5rem}.g-md-1,.gy-md-1{--bs-gutter-y: 0.5rem}.g-md-2,.gx-md-2{--bs-gutter-x: 1.25rem}.g-md-2,.gy-md-2{--bs-gutter-y: 1.25rem}.g-md-3,.gx-md-3{--bs-gutter-x: 1.875rem}.g-md-3,.gy-md-3{--bs-gutter-y: 1.875rem}.g-md-4,.gx-md-4{--bs-gutter-x: 2.5rem}.g-md-4,.gy-md-4{--bs-gutter-y: 2.5rem}.g-md-5,.gx-md-5{--bs-gutter-x: 3.75rem}.g-md-5,.gy-md-5{--bs-gutter-y: 3.75rem}.g-md-6,.gx-md-6{--bs-gutter-x: 5.625rem}.g-md-6,.gy-md-6{--bs-gutter-y: 5.625rem}.g-md-7,.gx-md-7{--bs-gutter-x: 6.875rem}.g-md-7,.gy-md-7{--bs-gutter-y: 6.875rem}.g-md-8,.gx-md-8{--bs-gutter-x: 7.5rem}.g-md-8,.gy-md-8{--bs-gutter-y: 7.5rem}.g-md-9,.gx-md-9{--bs-gutter-x: 9rem}.g-md-9,.gy-md-9{--bs-gutter-y: 9rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x: 0}.g-lg-0,.gy-lg-0{--bs-gutter-y: 0}.g-lg-1,.gx-lg-1{--bs-gutter-x: 0.5rem}.g-lg-1,.gy-lg-1{--bs-gutter-y: 0.5rem}.g-lg-2,.gx-lg-2{--bs-gutter-x: 1.25rem}.g-lg-2,.gy-lg-2{--bs-gutter-y: 1.25rem}.g-lg-3,.gx-lg-3{--bs-gutter-x: 1.875rem}.g-lg-3,.gy-lg-3{--bs-gutter-y: 1.875rem}.g-lg-4,.gx-lg-4{--bs-gutter-x: 2.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y: 2.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x: 3.75rem}.g-lg-5,.gy-lg-5{--bs-gutter-y: 3.75rem}.g-lg-6,.gx-lg-6{--bs-gutter-x: 5.625rem}.g-lg-6,.gy-lg-6{--bs-gutter-y: 5.625rem}.g-lg-7,.gx-lg-7{--bs-gutter-x: 6.875rem}.g-lg-7,.gy-lg-7{--bs-gutter-y: 6.875rem}.g-lg-8,.gx-lg-8{--bs-gutter-x: 7.5rem}.g-lg-8,.gy-lg-8{--bs-gutter-y: 7.5rem}.g-lg-9,.gx-lg-9{--bs-gutter-x: 9rem}.g-lg-9,.gy-lg-9{--bs-gutter-y: 9rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x: 0}.g-xl-0,.gy-xl-0{--bs-gutter-y: 0}.g-xl-1,.gx-xl-1{--bs-gutter-x: 0.5rem}.g-xl-1,.gy-xl-1{--bs-gutter-y: 0.5rem}.g-xl-2,.gx-xl-2{--bs-gutter-x: 1.25rem}.g-xl-2,.gy-xl-2{--bs-gutter-y: 1.25rem}.g-xl-3,.gx-xl-3{--bs-gutter-x: 1.875rem}.g-xl-3,.gy-xl-3{--bs-gutter-y: 1.875rem}.g-xl-4,.gx-xl-4{--bs-gutter-x: 2.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y: 2.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x: 3.75rem}.g-xl-5,.gy-xl-5{--bs-gutter-y: 3.75rem}.g-xl-6,.gx-xl-6{--bs-gutter-x: 5.625rem}.g-xl-6,.gy-xl-6{--bs-gutter-y: 5.625rem}.g-xl-7,.gx-xl-7{--bs-gutter-x: 6.875rem}.g-xl-7,.gy-xl-7{--bs-gutter-y: 6.875rem}.g-xl-8,.gx-xl-8{--bs-gutter-x: 7.5rem}.g-xl-8,.gy-xl-8{--bs-gutter-y: 7.5rem}.g-xl-9,.gx-xl-9{--bs-gutter-x: 9rem}.g-xl-9,.gy-xl-9{--bs-gutter-y: 9rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x: 0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y: 0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x: 0.5rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y: 0.5rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x: 1.25rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y: 1.25rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x: 1.875rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y: 1.875rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x: 2.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y: 2.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x: 3.75rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y: 3.75rem}.g-xxl-6,.gx-xxl-6{--bs-gutter-x: 5.625rem}.g-xxl-6,.gy-xxl-6{--bs-gutter-y: 5.625rem}.g-xxl-7,.gx-xxl-7{--bs-gutter-x: 6.875rem}.g-xxl-7,.gy-xxl-7{--bs-gutter-y: 6.875rem}.g-xxl-8,.gx-xxl-8{--bs-gutter-x: 7.5rem}.g-xxl-8,.gy-xxl-8{--bs-gutter-y: 7.5rem}.g-xxl-9,.gx-xxl-9{--bs-gutter-x: 9rem}.g-xxl-9,.gy-xxl-9{--bs-gutter-y: 9rem}}



.padding_nopadding {
    padding-left: 0;
    padding-right: 0;
}

.x_spaltig_headline_bild_text .row {
    gap:24px;
    display:grid;
}

.x_spaltig_headline_bild_text .ansicht_bild_text_content img {
    height: 250px;
    object-fit: cover;
}

section.x_spaltig_headline_bild_text.spalten1 .row {
    grid-template-columns: repeat(1, 1fr);
}

section.x_spaltig_headline_bild_text.spalten2 .row {
    grid-template-columns: repeat(2, 1fr);
}

section.x_spaltig_headline_bild_text.spalten3 .row {
    grid-template-columns: repeat(3, 1fr);
}

section.x_spaltig_headline_bild_text.spalten4 .row {
    grid-template-columns: repeat(4, 1fr);
}

section.x_spaltig_headline_bild_text.spalten5 .row {
    grid-template-columns: repeat(5, 1fr);
}

section.x_spaltig_headline_bild_text.spalten6 .row {
    grid-template-columns: repeat(6, 1fr);
}

.x_spaltig_headline_bild_text * .ansicht_bild_text > p {
    font-size: 24px;
    font-family: var(--heading--font-family);
    font-weight: var(--heading--font-weight);
    padding-left: 26px;
    margin-bottom: 20px;
    line-height:1.3em;
}

.ansicht_bild_text_content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    color: #fff;
}

.textcolorschwarz .ansicht_bild_text_content {
    color: #000;
}

.ansicht_bild_text_content div {
    flex-grow: 1;
}

.x_spaltig_headline_bild_text .col {
    display: flex;
    flex-direction: column;
}

.x_spaltig_headline_bild_text .col.nichts_gefunden {
    grid-column: span 2;
    justify-content: center;
    text-align: left;
    background: #f2f5f5;
}
@media only screen and (min-width: 601px) {
    .x_spaltig_headline_bild_text .col:nth-child(3n+1).nichts_gefunden {
        grid-column: span 3;
    }

    .x_spaltig_headline_bild_text .col:nth-child(3n+2).nichts_gefunden {
        grid-column: span 2;
    }
}
.x_spaltig_headline_bild_text .col:nth-child(3n+3).nichts_gefunden {
    grid-column: span 1;
}


.x_spaltig_headline_bild_text .ansicht_bild_text > div > p {
    padding: 20px 25px;
}

.x_spaltig_headline_bild_text .ansicht_bild_text > div > p.title {
    padding-bottom: 0;
    font-weight: bold;
}

.x_spaltig_headline_bild_text .ansicht_bild_text > div > p.title + p {
    padding-top: 0;
}

.x_spaltig_headline_bild_text .ansicht_bild_text_content_button {
    padding: 16px;
    text-align: right;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    color: #fff;
}

.x_spaltig_headline_bild_text .ansicht_bild_text_content_button a {
    padding: 3px 10px;
    border: 2px solid #fff;
    color: #fff;
}

.x_spaltig_headline_bild_text.textcolorschwarz .ansicht_bild_text_content_button a {
    color: #000;
}







.x_spaltig_bild_text .row {
    gap: 17px;
}

.x_spaltig_bild_text .col {
    display: grid;
    grid-auto-rows: 1fr;
}

section.ansichtgrid .row {
    display:grid;
}

section.ansichtgrid.spalten1 .row {
    grid-template-columns: repeat(1, 1fr);
}

section.ansichtgrid.spalten2 .row {
    grid-template-columns: repeat(2, 1fr);
}

section.ansichtgrid.spalten3 .row {
    grid-template-columns: repeat(3, 1fr);
}

section.ansichtgrid.spalten4 .row {
    grid-template-columns: repeat(4, 1fr);
}

section.ansichtgrid.spalten5 .row {
    grid-template-columns: repeat(5, 1fr);
}

.x_spaltig_bild_text .row div img {
    height: 50%;
    width: 100%;
    object-fit: cover;
}

.x_spaltig_bild_text .row div p {
    padding: 0;
}

.x_spaltig_bild_text .row div p + p,
.x_spaltig_bild_text .row div ul > li {
    padding: 5px 0 0;
    flex:1;
    line-height: 1.4;
}

.col.grow1.ansicht_text_bild {
    /* display: flex; */
    /* flex-direction: column; */
}

.col.grow1.ansicht_text_bild img{
    order:5;
}

.x_spaltig_bild_text .col div.content{
    flex-grow:1;
    padding: 26px 22px 26px 28px;
    line-height: 1px;
}

.x_spaltig_bild_text .col:first-child div.content{
    padding-left: 44px;
}


.x_spaltig_bild_text .col div{
    flex-grow: 1;
    order: 2;
}

.x_spaltig_bild_text .col div.image{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.x_spaltig_bild_text .col.ansicht_text_bild div.image{
    order: 3;
}



.x_spaltig_bild_text .col:last-child div.content{
    padding: 26px 28px 26px 22px;
    padding-right: 44px;
}



section.x_spaltig_bild_text.spalten2.ansichtgrid .col:nth-child(2n-1) .content {
    padding-right: 21px;
}

section.x_spaltig_bild_text.spalten2.ansichtgrid .col:nth-child(2n) .content {
    padding-left: 33px;
}

section.x_spaltig_bild_text.spalten2.ansichtgrid .col.ansicht_text_bild .content {
    padding-bottom: 20px;

}
section.x_spaltig_bild_text.spalten2.ansichtgrid .col.ansicht_bild_text .content {
    padding-top: 20px;
}





section.x_spaltig_headline_titel_auf_bild.spalten1 .row {
    grid-template-columns: repeat(1, 1fr);
}

section.x_spaltig_headline_titel_auf_bild.spalten2 .row {
    grid-template-columns: repeat(2, 1fr);
}

section.x_spaltig_headline_titel_auf_bild.spalten3 .row {
    grid-template-columns: repeat(3, 1fr);
}

section.x_spaltig_headline_titel_auf_bild.spalten4 .row {
    grid-template-columns: repeat(4, 1fr);
}

section.x_spaltig_headline_titel_auf_bild.spalten5 .row {
    grid-template-columns: repeat(5, 1fr);
}

section.x_spaltig_headline_titel_auf_bild.spalten6 .row {
    grid-template-columns: repeat(6, 1fr);
}

.x_spaltig_headline_titel_auf_bild .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 17px;
}

.x_spaltig_headline_titel_auf_bild .row .col.grow.ansicht_ {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.x_spaltig_headline_titel_auf_bild .row .col.grow.ansicht_ img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.x_spaltig_headline_titel_auf_bild .row .col.grow.ansicht_ .content_hintergrund {
    z-index: 9999;
    width: 100%;
    text-align: center;
    height: 100%;
    padding: 48px;
}


.x_spaltig_headline_titel_auf_bild .row .col.grow.ansicht_ div .titel {
    font-size: 32px;
    font-family: var(--heading--font-family);
    font-weight: var(--heading--font-weight);
    margin-top: 16px;
    position: relative;
    padding: 16px;
    width: 70%;
    margin: 0 auto;
}

.x_spaltig_headline_titel_auf_bild .row .col.grow.ansicht_ div .titel::before {
    content: "";
    height: 5px;
    width: 75%;
    position: absolute;
    bottom: 0;
    left: 12.5%;
    border-bottom:1px solid black;
}

.x_spaltig_headline_titel_auf_bild .row .col.grow.ansicht_ div .titel::after {
    content: "";
    height: 5px;
    width: 75%;
    position: absolute;
    top: 0;
    left: 12.5%;
    border-bottom:1px solid black;
}

.x_spaltig_headline_titel_auf_bild .row .col.grow.ansicht_ div .headline {
    margin-bottom: 16px;
    font-weight: bold;
}

.x_spaltig_headline_titel_auf_bild .row .co.grow1.ansicht_ a  {
    position: relative;
    display: block;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.x_spaltig_headline_titel_auf_bild .row .content_hintergrund > div {
    height: 100%;
    padding: 20px;
}

.x_spaltig_headline_titel_auf_bild .row .content_hintergrund a > div {
    height: 100%;
    padding: 20px;
}

.x_spaltig_headline_titel_auf_bild_review .row .col {
    overflow: hidden;
}

.x_spaltig_headline_titel_auf_bild_review .row .col.grow.ansicht_ .content_hintergrund {
    width: calc(100% - 48px);
    padding: 24px 16px;
    box-sizing: border-box;
}

.x_spaltig_headline_titel_auf_bild_review .row .col.grow.ansicht_ .content_hintergrund .review_content_box {
    width: 100%;
    max-width: 430px;
    height: auto;
    min-height: 100%;
    margin: 0 auto;
    padding: 14px 8px;
    box-sizing: border-box;
}

.x_spaltig_headline_titel_auf_bild_review .row .col.grow.ansicht_ div .titel {
    width: 100%;
    max-width: 370px;
    padding: 14px 0;
    font-size: 16px;
    font-family: var(--entry-content--font-family);
    font-weight: normal;
    box-sizing: border-box;
}

.x_spaltig_headline_titel_auf_bild_review .review_shortcode_content {
    width: 100%;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 900px) {
    .x_spaltig_headline_titel_auf_bild_review .row .col.grow.ansicht_ .content_hintergrund {
        width: calc(100% - 32px);
        padding: 20px 10px;
    }
}

@media only screen and (max-width: 600px) {
    .x_spaltig_headline_titel_auf_bild_review .container {
        width: 100%;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }

    .x_spaltig_headline_titel_auf_bild_review .row {
        gap: 16px;
    }

    .x_spaltig_headline_titel_auf_bild_review .row .col.grow.ansicht_ {
        width: 100%;
    }

    .x_spaltig_headline_titel_auf_bild_review .row .col.grow.ansicht_ .content_hintergrund {
        width: 100%;
        padding: 28px 0;
    }

    .x_spaltig_headline_titel_auf_bild_review .row .col.grow.ansicht_ .content_hintergrund .review_content_box {
        width: 100%;
        max-width: none;
        padding: 14px 4px;
    }

    .x_spaltig_headline_titel_auf_bild_review .row .col.grow.ansicht_ div .titel {
        max-width: 100%;
    }

}
.zimmersuchleiste select[name="personen-fake"],
.zimmersuchleiste select[name="schlafzimmer-fake"],
.zimmersuchleiste select[name="hausgruppe-fake"],
.zimmersuchleiste select[name="naechte-fake"] {
    color: #fff;
    background: var(--global-primary-color-blau);
    border: 0;
    color-scheme: dark;
    font-size: 18px;
    line-height: 17px;
    padding: 10px 0 10px;
    outline: none;
    font-weight: 600;
    width: 100px;
    z-index: 10;
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
}

section.zimmersuchleiste input[type=date],
section.zimmersuchleiste input:invalid[type=text],
section.zimmersuchleiste input[name="hausgruppe-fake"]:placeholder-shown,
section.zimmersuchleiste input[name="naechte-fake"]:placeholder-shown {
    position: absolute;
    opacity:0;
    height: 100%;
}

section.zimmersuchleiste input:focus{
    outline: none;
    color: #fff;
}

section.zimmersuchleiste input{
    padding: 3px;
}

section.zimmersuchleiste input[type=date] + label,
section.zimmersuchleiste input[type=text] + label{
    color: #fff;
}

section.zimmersuchleiste input[type=submit] {
    background: var(--global-primary-color-okker)!important;
/* bfsg    color: #fff!important; */
    color: var(--global-primary-color-blau)!important;
    border: 1px solid var(--global-primary-color-okker);
}

section.zimmersuchleiste input[type=date] + label,
section.zimmersuchleiste input:not([name="hausgruppe-fake"]):valid[type=text] + label,
section.zimmersuchleiste input[name="hausgruppe-fake"]:not(:placeholder-shown) + label,
section.zimmersuchleiste input:not([name="naechte-fake"]):valid[type=text] + label,
section.zimmersuchleiste input[name="naechte-fake"]:not(:placeholder-shown) + label,
section.zimmersuchleiste input:not([name="personen-fake"]):valid[type=text] + label,
section.zimmersuchleiste input[name="personen-fake"]:not(:placeholder-shown) + label,
section.zimmersuchleiste input:not([name="schlafzimmer-fake"]):valid[type=text] + label,
section.zimmersuchleiste input[name="schlafzimmer-fake"]:not(:placeholder-shown) + label {
    display:none;
}
section.zimmersuchleiste input[name="hausgruppe-fake"]:placeholder-shown + label,
section.zimmersuchleiste input[name="naechte-fake"]:placeholder-shown + label,
section.zimmersuchleiste input[name="personen-fake"]:placeholder-shown + label,
section.zimmersuchleiste input[name="schlafzimmer-fake"]:placeholder-shown + label {
    display: flex;
}
section.zimmersuchleiste input[type=date],
section.zimmersuchleiste input[type=text] {
    color: #fff;
    background: transparent;
    border: 0;
    color-scheme: dark;
    font-size: 19px;
    line-height: 17px;
    padding: 0px 0 2px;
}

.zimmersuchleiste .row {
    gap: 25px;
}

section.zimmersuchleiste {
    padding-top: 30px;
    padding-bottom: 10px;
}

.zimmersuchleiste .row:not(.nopos) .col {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--global-secondary-color-okker);
    position: relative;
}
.zimmersuchleiste .row:not(.nopos) .col.noborder {
    border-color: transparent;
}
.zimmersuchleiste .row:not(.nopos) .col.goleft {
    justify-content: left;
}

.zimmersuchleiste label {
    margin: 0;
    font-weight:bold;
}

.zimmersuchleiste input {
    margin: 0;
    background: transparent;
    color: #fff;
    text-align: center;
    border: none;
    font-weight:bold;
}

.zimmersuchleiste input[type=date],
.zimmersuchleiste input[type=text] {
    font-size: 19px;
    line-height: 17px;
    padding: 0px 0 2px;
}

section.zimmersuchleiste input[name="schlafzimmer-fake"].small {
    font-size: .9rem;
    width: 100%;
}

.zimmersuchleiste input::placeholder {
    color: #fff;
    text-align: center;
}






section.ansicht_text_bild {
    padding: 0;
    background: var(--global-secondary-color-grau);
    margin-bottom: 16px;
}

section.ansicht_text_bild .row {
    align-items: center;
}

section.ansicht_text_bild .col.bild {
    order:2;
}
section.ansicht_text_bild .col.text p{
    order:1;
    padding: 0 46px;
}



section.ansicht_bild_text {
    padding: 0;
    background: var(--global-secondary-color-grau);
    margin-bottom: 16px;
}

section.ansicht_bild_text .row {
    align-items: center;
}

section.ansicht_bild_text .col.bild {
    order:1;
}

section.ansicht_bild_text .col.text{
    order:2;
}

section.zwei_spaltig_bild_text  .text{
    padding: 10px 0;
}

section.ansicht_bild_text .col.text p{
    order:2;
    padding: 46px;
}

section.ansicht_text_bild:last-child{
    margin-bottom:32px;
}





section.x_spaltig_headline_text.spalten1 .row {
    grid-template-columns: repeat(1, 1fr);
}

section.x_spaltig_headline_text.spalten2 .row {
    grid-template-columns: repeat(2, 1fr);
}

section.x_spaltig_headline_text.spalten3 .row {
    grid-template-columns: repeat(3, 1fr);
}

section.x_spaltig_headline_text.spalten4 .row {
    grid-template-columns: repeat(4, 1fr);
}

section.x_spaltig_headline_text.spalten5 .row {
    grid-template-columns: repeat(5, 1fr);
}

section.x_spaltig_headline_text.spalten6 .row {
    grid-template-columns: repeat(6, 1fr);
}


.x_spaltig_headline_text .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:16px;
}


.x_spaltig_headline_text .col {
    display: flex;
    flex-direction: column;
}

.x_spaltig_headline_text .headline {
    margin-left: 44px;
    margin-top: 32px;
    margin-bottom: 46px;
    font-size: 32px;
    line-height: 1;
    font-family: var(--heading--font-family);
    font-weight: var(--heading--font-weight);
    color: #fff;
}

.x_spaltig_headline_text.textcolorschwarz .headline {
    color: #000;
}

.x_spaltig_headline_text .headline:before {
    margin-left: calc((var(--page--padding))*-1);
    content: "";
    display: inline-block;
    width: 5rem;
    height: 2px;
    background: #BE9D5C;
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 8px;
}


.x_spaltig_headline_text .col p{
    margin: 0 44px 1em;
    color: #fff;
}

.x_spaltig_headline_text .col p:last-child {
    margin-bottom: 0;
}

.x_spaltig_headline_text.textcolorschwarz .col p {
    color: #000;
}

.x_spaltig_headline_text .col ul,
.x_spaltig_headline_text .col ol {
    margin: 0 44px 0;
    padding-left: 25px;
    color: #fff;
}

.x_spaltig_headline_text .col li {
    margin: 0 0 0.35em;
    padding-left: 0;
}

.x_spaltig_headline_text.textcolorschwarz .col ul,
.x_spaltig_headline_text.textcolorschwarz .col ol {
    color: #000;
}

.x_spaltig_headline_text .col > a{
    margin: 32px 44px 32px auto;
    margin-left: auto;
    padding: 8px 44px;
    text-align: right;
    background: #BE9D5C;
    color: #fff;
}

.x_spaltig_headline_text .col > a:active{
    background: #BE9D5C;
    color: #fff;
}

.x_spaltig_headline_text .col > a:focus{
    background: #BE9D5C;
    color: #fff;
}

section.ein_spaltig_button {
    text-align: right;
}

section.ein_spaltig_button a{
    padding: 8px 44px;
    background: #BE9D5C;
    color: #fff;
    font-weight: bold;
}


.grid-two-columns {
    grid-column: span 2;
}

.grid-two-rows {
    grid-row: span 2;
}


.x_spaltig_mitarbeiter .row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.x_spaltig_mitarbeiter.spaltenansicht_team-hinter-dem-team .row {
    grid-template-columns: repeat(5, 1fr);
}

.x_spaltig_mitarbeiter .col {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.x_spaltig_mitarbeiter .col .headline{
    font-family: var(--heading--font-family);
    position: absolute;
    display: none;
    font-size: 20px;
    text-align: center;
    color: #fff;
    padding: 5px;
}


.x_spaltig_mitarbeiter .col:hover .headline{
    display: flex;
    background: #1111116e;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}





#navsidebar {
    background: #be9d5c;
    position: fixed;
    transform: translateY(50%);
    right: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    z-index: 9999;
}

#navsidebar .navsidebar-link{
    display: flex;
    justify-content: center;
    padding: 12px 5px;
}

#navsidebar .navsidebar-link:hover{
    background: #cab58a;
}

#navsidebar .navsidebar-link:not(:last-child):not(:first-child) {
    padding: 17px 5px;
}
#navsidebar .navsidebar-link:not(:first-child){
    border-top: 2px solid #CBC1B2;
}

#navsidebar .navsidebar-link img,
#navsidebar .navsidebar-link svg {
    height: 100%;
    vertical-align: middle;
    width: 28px;
}

#navsidebar .navsidebar-link:last-child{
    border-bottom-left-radius: 12px;
}
#navsidebar .navsidebar-link:first-child{
    border-top-left-radius: 12px;
    padding: 12px 5px;
}



.zimmersuchleiste .row {
    padding-bottom: 0px;
}
.zimmersuchleiste .row2 {
    padding-top: 15px;
}

.zimmersuchleiste .row.filteroptionen:not(.nopos) .col{
    padding: 10px 0 20px;
    text-align: center;
    /* min-width: 20%; */
}

.zimmersuchleiste .row.filteroptionen .col{
    vertical-align: middle;
    border: 0;
    color: #fff;
    /* min-width: 20%; */
}

.zimmersuchleiste .row2 .filterreset {
    color: #fff;
    border-bottom: 1px solid #be9d5c;
    position: absolute;
    width: auto;
    font-size: 12px;
    right: 0;
    cursor: pointer;
    font-weight: normal;
}
.zimmersuchleiste .row2 .filterreset label {
    cursor: pointer;
    font-size: 12px;
    font-weight: 300;
}

.zimmersuchleiste .row.filteroptionen .col:nth-child(9){
    border-left: 1px solid #be9d5c;
    padding-left: 10px;
    margin-left: 10px;
}

.zimmersuchleiste .row.filteroptionen{
    padding: 20px 0 0;
    position: relative;
    gap: 5px;
}

.zimmersuchleiste .row.filteroptionen.selection {
    padding-top: 0;
}


.zimmersuchleiste .row span {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}
.zimmersuchleiste .row span.searchresults-count {
    font-size: 19px;
}


.zimmersuchleiste .row.filteroptionen input{
    display:none;
}


.zimmersuchleiste .row.filteroptionen input:checked + label p{
    color:#be9d5c;
}

.zimmersuchleiste .row.filteroptionen input:checked + label svg.svgico,
.zimmersuchleiste .row.filteroptionen input:checked + label svg.svgico *,
.zimmersuchleiste .row.suchtyp input:checked + label svg.svgico,
.zimmersuchleiste .row.suchtyp input:checked + label svg.svgico * {
    stroke: #be9d5c;
}
.zimmersuchleiste .row.filteroptionen input:checked + label svg.svgico.hund,
.zimmersuchleiste .row.filteroptionen input:checked + label svg.svgico.hund *,
.zimmersuchleiste .row.suchtyp input:checked + label svg.svgico.hund,
.zimmersuchleiste .row.suchtyp input:checked + label svg.svgico.hund * {
    fill: #be9d5c;
}

.zimmersuchleiste .row.suchtyp {
    margin-bottom: 15px;
}
@media only screen and (max-width: 700px) {
    .zimmersuchleiste .row.suchtyp {
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 1024px) {
    .zimmersuchleiste .row.suchtyp .col.hide-l {
        display: none;
    }
}
.zimmersuchleiste .row.suchtyp input + label {
    font-size: 18px;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}
.zimmersuchleiste .row.suchtyp input + label svg {
    vertical-align: inherit;
    margin-right: 5px;
}
.zimmersuchleiste .row.suchtyp input:checked + label {
    color: #be9d5c;
}

.zimmersuchleiste .row.filteroptionen .col label img,
.zimmersuchleiste .row.filteroptionen .col label svg{
    max-height: 50px;
}


.zimmersuchleiste .row.filteroptionen .col label p{
    font-weight: 300;
    font-size: 12px;
    margin-top: 10px;
    white-space: nowrap;
}

.zimmersuchleiste select {
    font-family: SofiaPro, sans-serif;
}

input#filteroptionen_input {
    display: none;
}

input#filteroptionen_input:checked + .row.filteroptionen_geschlossen {
    display: none;
}

input#filteroptionen_input + .row.filteroptionen_geschlossen + .filteroptionen, input#filteroptionen_input + .row.filteroptionen_geschlossen + .filteroptionen + .filteroptionen{
    display: none;
}

input#filteroptionen_input:checked + .row.filteroptionen_geschlossen + .filteroptionen, input#filteroptionen_input:checked + .row.filteroptionen_geschlossen + .filteroptionen + .filteroptionen{
    display: flex;
}

input#filteroptionen_input + .row.filteroptionen_geschlossen + .filteroptionen + .filteroptionen{
    padding-bottom: 30px;
}

.row.filteroptionen_geschlossen {
    color: #fff;
    padding-right: 10px;
    border-bottom: 1px solid #be9d5c;
    padding: 10px 10px 0 0;
    left: 86.5%;
    position: relative;
    width: auto;
    display: inline-block;
    font-size: 12px;
}

.row.filteroptionen_geschlossen label {
    font-size: 12px;
    font-weight: 300;
}



@media only screen and (max-width: 600px) {

    .row.filteroptionen_geschlossen {
        left: auto;
    }

    .zimmersuchleiste .row.filteroptionen .col:nth-child(8) {
        border-left: 0;
        padding: 10px 0 20px;
        margin-left: 0px;
    }

    .zimmersuchleiste .row.filteroptionen:not(.nopos) .col {
        vertical-align: middle;
        text-align: center;
        border: 0;
        color: #fff;
        padding: 10px 0 20px;
    }
	
	.saisonzeitenpreisegrid .saisonzeitenpreise_von {
		padding-left: 5px;
	}

}


#buchungsformSchritt1 .content {
    margin-top: 44px;
    display: grid;
    grid-template-areas:
        "a a a b"
        "c c c c";
    gap: 16px;
}

#buchungsformSchritt1-middle{
    grid-area: a;
}

#buchungsformSchritt1-middle .buchungsformSchritt1-middle-title{
    margin-top: 42px;
    margin-bottom: 15px;
}


#buchungsformSchritt1-middle .buchungsformSchritt1-middle-options{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

#buchungsformSchritt1-middle .buchungsformSchritt1-middle-options .buchungsformSchritt1-middle-option {
    margin: 16px 0;
}

#buchungsformSchritt1-right{
    grid-area: b;
}

#buchungsformSchritt1-bottom{
    grid-area: c;
    display: flex;
    gap: 16px;
    grid-column: 1 / 4;
}

.buchungsformSchritt2-middle-inputs.grow1 {
    grid-column: span 1;
}

.buchungsformSchritt2-middle-inputs.grow2 {
    grid-column: span 2;
}

.buchungsformSchritt2-middle-inputs.grow3 {
    grid-column: span 3;
}

.buchungsformSchritt2-middle-inputs.grow4 {
    grid-column: span 4;
}

.buchungsformSchritt2-middle-inputs.grow5 {
    grid-column: span 5;
}

.buchungsformSchritt2-middle-inputs.grow6 {
    grid-column: span 6;
}

.buchungsformSchritt2-middle-inputs.grow7 {
    grid-column: span 7;
}

#buchungsformSchritt2 .content{
    margin-top: 14px;
    display: grid;
    grid-template-columns: 1fr;
}

#buchungsformSchritt2 .content #buchungsformSchritt2-middle{
    /* display: grid; */
    grid-template-columns: repeat(7, 1fr);
    gap: 16px;
}

#buchungsformSchritt2 .content #buchungsformSchritt2-bottom{
    margin-top: 44px;
    display: flex;
    gap: 20px;
}

#buchungsformSchritt2 .content #buchungsformSchritt2-bottom #buchungsformSchritt2-bottom-button:last-child{
    margin-left: auto;
}

#buchungsformSchritt3 .content{
    margin-top: 44px;
}

#buchungsformSchritt3 .content #buchungsformSchritt3-middle{
    margin-bottom: 44px;
}

#buchungsformSchritt3 .content #buchungsformSchritt3-middle .buchungsformSchritt3-middle-rows{
    margin-top: 44px;
    display: flex;
    gap: 44px;
}

#buchungsformSchritt3 .content #buchungsformSchritt3-middle .buchungsformSchritt3-middle-rows .buchungsformSchritt3-middle-row:last-child{
    margin-left: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#buchungsformSchritt3 .content #buchungsformSchritt3-middle .buchungsformSchritt3-middle-rows .buchungsformSchritt3-middle-row-title{
    grid-column: span 2;
}

#buchungsformSchritt3 .buchungsformSchritt3-middle-row-title{
    font-weight: bold;
    margin-bottom: 16px;
}

#buchungsformSchritt3 .gesamtpreis{
    font-weight: bold;
    margin-top: 20px;
}

#buchungsformSchritt3 #buchungsformSchritt3-right-middle-row-right{
    text-align: right;
}


#buchungsformSchritt3 #buchungsformSchritt3-bottom{
    display: flex;
    justify-content: space-between;
}

#buchungsformSchritt3 #buchungsformSchritt3-bottom #buchungsformSchritt3-bottom-button button{
    padding: 7px 16px;
}

div#buchungsform {
    margin-top: 80px;
}

div#buchungsformSchritt0 {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

div#buchungsformSchritt0 .content {
    flex: 10;
}

div#buchungsformSchritt0 .buttons {
    flex: 4;
}


button#buchungsformSchritt0BTN1 {
    background-color: #be9d5c;
    color: #fff;
}

button#buchungsformSchritt0BTN1:hover {
    background-color: #be9d5c;
    color: #000;
}


button#buchungsformSchritt0BTN2 {
    background-color: var(--global--color-primary);
    color: #fff;
}


button#buchungsformSchritt0BTN2:hover {
    background-color: var(--global--color-primary);
    color: #000;
}


div#buchungsform {
    margin-top: 60px;
}

div#buchungsformSchritt0 {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

div#buchungsformSchritt0 .content {
    flex: 10;
}

div#buchungsformSchritt0 .buttons {
    flex: 4;
}



button#buchungsformSchritt0BTN1 {
    background-color: #be9d5c;
    color: #fff;
}

button#buchungsformSchritt0BTN1:hover {
    background-color: #be9d5c;
    color: #000;
}


button#buchungsformSchritt0BTN2 {
    background-color: var(--global--color-primary);
    color: #fff;
}


button#buchungsformSchritt0BTN2:hover {
    background-color: var(--global--color-primary);
    color: #000;
}

div#buchungsform {

}

div#buchungsform div#buchungsformSchritt1 {
    /* display: grid; */
    column-gap: 0px;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
}

div#buchungsform div#buchungsformSchritt1 .arrows {
    display: grid;
    column-gap: 0px;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
}

div#buchungsform div#buchungsformSchritt1 .arrows > div{
    /* width: 33%; */
    /* display: inline-block; */
    text-align: center;
    position: relative;
    height: 44px;
    line-height: 44px;
    font-weight: bold;
    font-size: 16px;
}

div#buchungsform div#buchungsformSchritt1 .arrows > div:nth-child(1){
    background-color:#b2c7c6;

}
div#buchungsform div#buchungsformSchritt1 .arrows > div:nth-child(2):before{
    content:
            "";
    display: block;
    position:
            absolute;
    top: 0;
    left: -22px;
    width: 20px;
    height: 20px;
    background-color: #cfdddc;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #b2c7c6;
}

div#buchungsform div#buchungsformSchritt1 .arrows > div:nth-child(2){
    background-color:#cfdddc;
}


div#buchungsform div#buchungsformSchritt1 .arrows > div:nth-child(3):before{
    content:
            "";
    display: block;
    position:
            absolute;
    top: 0;
    left: -22px;
    width: 20px;
    height: 20px;
    background-color: #dfe8e8;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #cfdddc;
}

div#buchungsform div#buchungsformSchritt1 .arrows > div:nth-child(3){
    background-color:#dfe8e8;
}


div#buchungsform div#buchungsformSchritt1 .arrows > div:nth-child(3):after{
    content:
            "";
    display: block;
    position:
            absolute;
    top: 0;
    right: 0px;
    width: 20px;
    height: 20px;
    background-color: #eef3f3;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #dfe8e8;
}



div#buchungsform div#buchungsformSchritt2 .arrows {
    display: grid;
    column-gap: 0px;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
}

div#buchungsform div#buchungsformSchritt2 .arrows > div{
    /* width: 33%; */
    /* display: inline-block; */
    text-align: center;
    position: relative;
    height: 44px;
    line-height: 44px;
    font-weight: bold;
    font-size: 16px;
}

div#buchungsform div#buchungsformSchritt2 .arrows > div:nth-child(1){
    background-color:#cfdddc;

}
div#buchungsform div#buchungsformSchritt2 .arrows > div:nth-child(2):before{
    content:
            "";
    display: block;
    position:
            absolute;
    top: 0;
    left: -22px;
    width: 20px;
    height: 20px;
    background-color: #b2c7c6;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #cfdddc;
}

div#buchungsform div#buchungsformSchritt2 .arrows > div:nth-child(2){
    background-color:#b2c7c6;
}


div#buchungsform div#buchungsformSchritt2 .arrows > div:nth-child(3):before{
    content:
            "";
    display: block;
    position:
            absolute;
    top: 0;
    left: -22px;
    width: 20px;
    height: 20px;
    background-color: #dfe8e8;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #b2c7c6;
}

div#buchungsform div#buchungsformSchritt2 .arrows > div:nth-child(3){
    background-color:#dfe8e8;
}


div#buchungsform div#buchungsformSchritt2 .arrows > div:nth-child(3):after{
    content:
            "";
    display: block;
    position:
            absolute;
    top: 0;
    right: 0px;
    width: 20px;
    height: 20px;
    background-color: #eef3f3;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #dfe8e8;
}

div#buchungsform div#buchungsformSchritt1 .arrows .activ {

}



#arrows-examples div {
    margin: 0 0 15px 0;
}

.arrow-right {
}

div#buchungsformSchritt1-top {
    display: grid;
    column-gap: 20px;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
}

div#buchungsformSchritt1-top > div {
    color: #fff;
    font-family: var(--entry-content--font-family);
    font-weight: 900;
    font-size: 16px;
    background-color: var(--global-primary-color-okker);
    width: 100%;
    outline: none;
    text-align:
    center;
    padding: 0px;
}

div#buchungsformSchritt1-middle {
}

.buchungsformSchritt1-middle-title, #buchungsformSchritt3-top {
    font-weight: bold;
    font-size:  16px;
}

.buchungsformSchritt1-middle-option input{
    border: 0;
    outline: none!important;
    width: 30px;
    height: 30px;
}

.buchungsformSchritt1-middle-option input[type=checkbox]:checked:after{
    width: 12px;
    height: 23px;
    left: 9px;
    border-width: 4px;
}

.buchungsformSchritt1-middle-option input[type=checkbox] + label{
    border: 0;
    outline: none!important;
    /* font-weight: 600; */
    font-size: 14px;
    line-height: 16px;
}

div#buchungsformSchritt1-right {
    padding: 7px 20px;
    background-color: #f7f9f9;
}

div#buchungsformSchritt1-right-middle-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    margin-bottom: 3px;
}

div#buchungsformSchritt1-right-middle-row-left {
    text-align: left;
    flex: 1;
}

div#buchungsformSchritt1-right-middle-row-right {
    text-align: right;
    flex: 1;
}

div#buchungsformSchritt1-right-middle-row.gesamtpreis {
    margin-top: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

div#buchungsformSchritt1-right-top {
    margin-bottom: 26px;
    font-weight: bold;
}


div#buchungsform div#buchungsformSchritt2 .arrows {
    display: grid;
    column-gap: 0px;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
}

div#buchungsform div#buchungsformSchritt2 .arrows > div{
    /* width: 33%; */
    /* display: inline-block; */
    text-align: center;
    position: relative;
    height: 44px;
    line-height: 44px;
    font-weight: bold;
    font-size: 16px;
}

div#buchungsform div#buchungsformSchritt2 .arrows > div:nth-child(1){
    background-color:#cfdddc;

}
div#buchungsform div#buchungsformSchritt2 .arrows > div:nth-child(2):before{
    content:
            "";
    display: block;
    position:
            absolute;
    top: 0;
    left: -22px;
    width: 20px;
    height: 20px;
    background-color: #b2c7c6;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #cfdddc;
}

div#buchungsform div#buchungsformSchritt2 .arrows > div:nth-child(2){
    background-color:#b2c7c6;
}


div#buchungsform div#buchungsformSchritt2 .arrows > div:nth-child(3):before{
    content:
            "";
    display: block;
    position:
            absolute;
    top: 0;
    left: -22px;
    width: 20px;
    height: 20px;
    background-color: #dfe8e8;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #b2c7c6;
}

div#buchungsform div#buchungsformSchritt2 .arrows > div:nth-child(3){
    background-color:#dfe8e8;
}


div#buchungsform div#buchungsformSchritt2 .arrows > div:nth-child(3):after{
    content:
            "";
    display: block;
    position:
            absolute;
    top: 0;
    right: 0px;
    width: 20px;
    height: 20px;
    background-color: #eef3f3;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #dfe8e8;
}


div#buchungsform div#buchungsformSchritt3 .arrows {
    display: grid;
    column-gap: 0px;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
}

div#buchungsform div#buchungsformSchritt3 .arrows > div{
    /* width: 33%; */
    /* display: inline-block; */
    text-align: center;
    position: relative;
    height: 44px;
    line-height: 44px;
    font-weight: bold;
    font-size: 16px;
}

div#buchungsform div#buchungsformSchritt3 .arrows > div:nth-child(1){
    background-color:#cfdddc;

}
div#buchungsform div#buchungsformSchritt3 .arrows > div:nth-child(2):before{
    content: "";
    display: block;
    position:
            absolute;
    top: 0;
    left: -22px;
    width: 20px;
    height: 20px;
    background-color: #e0e8e8;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #cfdddc;
}

div#buchungsform div#buchungsformSchritt3 .arrows > div:nth-child(2){
    background-color:#e0e8e8;
}


div#buchungsform div#buchungsformSchritt3 .arrows > div:nth-child(3):before{
    content: "";
    display: block;
    position:
            absolute;
    top: 0;
    left: -22px;
    width: 20px;
    height: 20px;
    background-color: #b2c7c6;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #e0e8e8;
}

div#buchungsform div#buchungsformSchritt3 .arrows > div:nth-child(3){
    background-color:#b2c7c6;
}


div#buchungsform div#buchungsformSchritt3 .arrows > div:nth-child(3):after{
    content: "";
    display: block;
    position:
            absolute;
    top: 0;
    right: 0px;
    width: 20px;
    height: 20px;
    background-color: #eef3f3;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #b2c7c6;
}

div#buchungsformSchritt1-bottom-button button {
    background-color: #b2c7c6;
    color: #28303d;
    display: inline;
    width: auto;
    padding: 7px 24px;
}

div#buchungsformSchritt1-bottom-button button:hover {
    color: #fff;
}

button#buchungsformSchritt1BTN {}

button#buchungsformSchritt1BTN:disabled {
    opacity: .2;
    cursor: not-allowed;
}

div#buchungsformSchritt1-bottom-right button {
    background-color: #be9d5c;
    color: #fff;
    width: 100%;
}

div#buchungsformSchritt1-bottom-button:last-child button:hover {
    color: #28303d;
}


div#buchungsformSchritt2-bottom-button button {
    background-color: #b2c7c6;
    color: #28303d;
    display: inline;
    width: auto;
    padding: 7px 24px;
}

div#buchungsformSchritt2-bottom-button button:hover {
    color: #fff;
}

button#buchungsformSchritt1BTN {}

div#buchungsformSchritt2-bottom-button:first-child button,
div#buchungsformSchritt2-bottom-button:last-child button {
    background-color: #be9d5c;
    color: #fff;
    padding-left: 50px;
    padding-right: 50px;
}

div#buchungsformSchritt2-bottom-button:first-child button:hover
div#buchungsformSchritt2-bottom-button:last-child button:hover {
    color: #28303d;
}

.buchungsformSchritt2-middle-inputs label {
    font-weight: bold;
    padding: 3px;
    display: block;
    height: 18px;
}

.buchungsformSchritt2-middle-inputs input, .buchungsformSchritt2-middle-inputs select {
    border: 0;
    width: 100%;
    padding: 5px;
    outline: none!important;
}


.buchungsformSchritt2-middle-inputs-row {
    display: flex;
    width: 100%;
    gap: 20px;
    margin-top: 20px;
}

.buchungsformSchritt2-middle-inputs select{
    outline: none!important;
    border: 0;
    background: none;
    background-color: #be9d5c;
    color: #fff;
    font-weight: bold;
    margin-right: 15px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

select::-ms-expand {
    display: none;
}

#buchungsformSchritt2BTN-BACK {
    background-color: #be9d5c;
    color: #fff;
}

#buchungsformSchritt2BTN-BACK:hover {
    color: #28303d;
}

.buchungsformSchritt2-middle-inputs.grow1 {
    width: 8.3333%;
}
.buchungsformSchritt2-middle-inputs.grow2 {
    width: 16.6666%;
}
.buchungsformSchritt2-middle-inputs.grow3 {
    width: 25%;
}
.buchungsformSchritt2-middle-inputs.grow4 {
    width: 33.333%;
}
.buchungsformSchritt2-middle-inputs.grow5 {
    width: 41.666%;
}
.buchungsformSchritt2-middle-inputs.grow6 {
    width: 50%;
}
.buchungsformSchritt2-middle-inputs.grow7 {
    width: 58.3333%;
}
.buchungsformSchritt2-middle-inputs.grow8 {
    width: 66.666%;
}
.buchungsformSchritt2-middle-inputs.grow9 {
    width: 75%;
}
.buchungsformSchritt2-middle-inputs.grow10 {
    width: 83.333%;
}
.buchungsformSchritt2-middle-inputs.grow11 {
    width: 91.666%;
}

select {}

#buchungsformSchritt3BTN-ASK{
    background-color: #b2c7c6;
    color: #28303d;
    white-space: nowrap;
}

#buchungsformSchritt3BTN-BACK {
    background-color: #be9d5c;
    color: #fff;
}

#buchungsformSchritt3BTN-BOOK {
    background-color: #be9d5c;
    color: #fff;
}

#buchungsformSchritt3BTN-ASK:hover {
    color: #fff;
}

#buchungsformSchritt3BTN-BACK:hover {
    color: #28303d;
}

#buchungsformSchritt3BTN-BOOK:hover {
    color: #28303d;
}


#buchungsformSchritt3-bottom-button input{
    border: 0;
    outline: none!important;
    width: 30px;
    height: 30px;
}

#buchungsformSchritt3-bottom-button input[type=checkbox]:checked:after{
    width: 12px;
    height: 23px;
    left: 9px;
    border-width: 4px;
}






.serviceleistungen .servicebeschreibung{
    gap: 16px;
    row-gap: 44px;
    justify-content: space-between;
    /*margin-top: 44px;*/
}

.serviceleistungen .servicebeschreibung .col-4{
    width: 30%;
}

.serviceleistungen .servicebeschreibung .servicebeschreibung-head {
    display: flex;
    align-items: center;
}

.serviceleistungen .servicebeschreibung .col-4 p{
    line-height: 1.3em;
    margin-top: 16px;
}

.serviceleistungen .servicebeschreibung .servicebeschreibung-head img,
.serviceleistungen .servicebeschreibung .servicebeschreibung-head svg{
    width: 45px;
    margin-right: 8px;
}

.serviceleistungen .servicebeschreibung .servicebeschreibung-head svg * {
    stroke: #be9d5c;
}
.serviceleistungen .servicebeschreibung .servicebeschreibung-head svg.hund * {
    fill: #be9d5c;
}

.serviceleistungen .servicebeschreibung .servicebeschreibung-titel{
    text-transform: uppercase;
    width: fit-content;
    font-size: 20px;
    color: #be9d5c;
    font-weight: bold;
}










.zusammenfassungen{
    padding: 0 20px;
    justify-content: center;
}

.zusammenfassungen > div{
    padding: 20px 0;
    display: inline-block;
}

.zusammenfassungen img{
    height: 50px;
    padding-right: 10px;
    /* float: left; */
}





.zusammenfassungen-personen {
    width: 20%;
}

.zusammenfassungen-euro {
    width: 25%;
    }

.zusammenfassungen-haus {
    width: 15%;
    }

.zusammenfassungen-bett {
    width: 20%;}

.zusammenfassungen-zigarette {
    text-align:right;
    width: 10%;}

.zusammenfassungen-adresse {
    width: 40%;
    }

.zusammenfassungen-lageplan {
    text-align:
    right;
    width: 50%;
    }




.zimmersuchleiste .row.filteroptionen .col.colbreak {
    width: 1px;
    max-width: 1px;
}


@media only screen and (max-width: 1000px) {

    .x_spaltig_bild_text.padding_nopadding.ansichtflex, .x_spaltig_bild_text.ansichtflex{
        padding-top: 44px;
    }

    .zimmersuchleiste .row.filteroptionen .col.colbreak {
          flex-basis: 100%;
          height: 1px;
          width: 100%;
          max-width: 100%;
          height: 20px;
          padding: 0;
          border: 0;
          line-height: 0;
          border-bottom: 1px solid #be9d5c;
          margin-top: -30px;
          margin: -30px 0 0;
    }

    
    .zimmersuchleiste .row.filteroptionen:not(.nopos) .col {
    min-width: 10%;
    padding: 5px 0 5px;
    }
        
div#buchungsform div#buchungsformSchritt1 .arrows, div#buchungsform div#buchungsformSchritt2 .arrows, div#buchungsform div#buchungsformSchritt3 .arrows{
    display: block;
}
div#buchungsform div#buchungsformSchritt1 .arrows > div, div#buchungsform div#buchungsformSchritt2 .arrows > div, div#buchungsform div#buchungsformSchritt3 .arrows > div{
    margin-bottom: 4px;
}

div#buchungsform div#buchungsformSchritt1 .arrows > div .hideondesktop, div#buchungsform div#buchungsformSchritt2 .arrows > div .hideondesktop, div#buchungsform div#buchungsformSchritt3 .arrows > div .hideondesktop{
    display: initial;
}
    

div#buchungsform div#buchungsformSchritt1 .arrows > div, div#buchungsform div#buchungsformSchritt2 .arrows > div, div#buchungsform div#buchungsformSchritt3 .arrows > div{
    display: block;
}

div#buchungsform div#buchungsformSchritt1 .arrows > div:before, div#buchungsform div#buchungsformSchritt1 .arrows > div:after, div#buchungsform div#buchungsformSchritt2 .arrows > div:before, div#buchungsform div#buchungsformSchritt2 .arrows > div:after, div#buchungsform div#buchungsformSchritt3 .arrows > div:before, div#buchungsform div#buchungsformSchritt3 .arrows > div:after{
    display: none!important;
}

    .zusammenfassungen-personen {
        width: 45%;
    }

    .zusammenfassungen-euro {
        width: 45%;
    }

    .zusammenfassungen-haus {
        width: 45%;
    }

    .zusammenfassungen-bett {
        width: 35%;
    }

    .zusammenfassungen-zigarette {
        text-align:right;
        width: 10%;
    }

    .zusammenfassungen-adresse {
        width: 90%;
    }

    .zusammenfassungen-lageplan {
    text-align:left;
    width: 90%;
    }
    #buchungsformSchritt3 #buchungsformSchritt3-bottom:nth-child(3) #buchungsformSchritt3-bottom-button:first-child {
        display: grid;
        grid-template-columns: 30px 1fr;
    }
    #buchungsformSchritt3 #buchungsformSchritt3-bottom:nth-child(3) #buchungsformSchritt3-bottom-button:first-child label {
        padding-right: 20px;
    }
	
	.row.saisonzeiten {
		flex-direction: column;
	}

    footer .widget-area section{
        
    }
}



@media only screen and (max-width: 900px) {

    .zimmer_galerie div.galeriebutton span {
        width: 100%;
        left: 0%;
    }

    .zwei_spaltig_headline_text .row{
        flex-direction: column;
        gap: 16px;
    }

    .zwei_spaltig_headline_text .headline{
        text-align: left;
    }

    .zwei_spaltig_headline_text .headline .fs-1{
        font-size: 52px;
    }

    .zwei_spaltig_text_text .row{
        flex-direction: column;
        gap: 16px;
    }


    .x_spaltig_headline_bild_text .row{
        grid-template-columns: repeat(2, 1fr)!important;
    }




    .x_spaltig_bild_text.ansichtflex .row{
        flex-direction: column;
    }

    .x_spaltig_bild_text.ansichtflex .col{
        display: flex;
        flex-direction: row;
    }

    .x_spaltig_bild_text.ansichtflex .row div img{
        height: 100%;
        width: 50%;
    }

    .x_spaltig_bild_text.ansichtflex .col .content{
        width: 50%;
    }

    .x_spaltig_bild_text.ansichtflex .col .content, .x_spaltig_bild_text .col:first-child div.content, .x_spaltig_bild_text .col:last-child div.content {
        padding: 26px 28px 26px 22px;
        padding-right: 44px;
    }

    .x_spaltig_bild_text.ansichtflex .col.ansicht_text_bild .content, .x_spaltig_bild_text .col.ansicht_text_bild:last-child div.content {
        padding: 26px 22px 26px 44px;
    }

    .x_spaltig_bild_text.ansichtflex .col.grow1.ansicht_text_bild img {
        order: initial;
    }


    section.x_spaltig_bild_text.ansichtgrid .row{
        grid-template-columns: repeat(2, 1fr);
    }



    section.x_spaltig_headline_titel_auf_bild.spalten2 .row{
        grid-template-columns: 1fr;
    }


    .x_spaltig_mitarbeiter .row {
        grid-template-columns: repeat(3, 1fr);
    }

    .x_spaltig_headline_bild_text .col.nichts_gefunden {
        grid-column: span 1;
        padding: 20px 10px;
    }

    .x_spaltig_headline_bild_text * .ansicht_bild_text > p{
        font-size: 25px;
    }

    #buchungsformSchritt1 .content{
        grid-template-areas:
			"a a"
			"b b"
			"d d"
			"c c";
    }

    div#buchungsformSchritt1-top{
        grid-auto-flow: row;
        gap: 16px;
    }

    #buchungsformSchritt1-bottom{
        flex-wrap: wrap;
    }


    #buchungsformSchritt2-bottom #buchungsformSchritt2-bottom-button:last-child{
        order: 1;
        text-align: right;
        width: 100%
    }

    #buchungsformSchritt2-bottom{
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    div#buchungsformSchritt2-bottom-button:last-child button{
        width: 100%
    }

    .buchungsformSchritt2-middle-inputs-row,

    .buchungsformSchritt2-middle-inputs-row .buchungsformSchritt2-middle-inputs{
        display: block!important;
        width: 100%!important;margin-top: 10px;
    }

    #buchungsformSchritt2-bottom #buchungsformSchritt2-bottom-button{
        order: 2;
    }

    #buchungsformSchritt2-bottom button{
        margin: 0;
    }

    #buchungsformSchritt3 .content #buchungsformSchritt3-middle .buchungsformSchritt3-middle-rows {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #buchungsformSchritt3 .content #buchungsformSchritt3-middle .buchungsformSchritt3-middle-row {
        width: 30%%;

    }

    #buchungsformSchritt3 .content #buchungsformSchritt3-middle .buchungsformSchritt3-middle-rows .buchungsformSchritt3-middle-row:last-child{
        margin-left: 0;
    }

    div#buchungsformSchritt1-bottom-right {
        grid-area: d;
    }

    #buchungsformSchritt1-bottom {
        grid-template-areas:
            "a a"
            "b b"
            "d d"
            "c c";
    }

    div#buchungsformSchritt1-bottom {
        grid-column: auto;
    }

    .serviceleistungen .servicebeschreibung .col-4{
        width: 47%;
    }

    .menu-button-container #primary-mobile-menu{
        padding-right: 0;
    }

    body .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon{
        width: 40px;
    }


    #navsidebar .navsidebar-link:nth-child(1){
        padding: 8px 5px;
    }
    #navsidebar .navsidebar-link:not(:last-child){
        padding: 8px 5px 12px;
    }
    #navsidebar .navsidebar-link:last-child{
        padding: 8px 5px;
    }


    #navsidebar .navsidebar-link img{
        width: 21px;
    }

/*    #navsidebar .navsidebar-link:nth-child(3) img{
        width: 26px;
    }
    #navsidebar .navsidebar-link:nth-child(1) img{
        width: 28px;
    }*/


    div#buchungsformSchritt0{
        flex-direction: column;
    }


    #buchungsformSchritt3 #buchungsformSchritt3-bottom{
        flex-direction: column;
    }
    #buchungsformSchritt3 .content div:nth-child(3) div:nth-child(2) {
        margin-top: 30px;
    }

    #buchungsformSchritt3 .content div:nth-child(4) {
    }

    #buchungsformSchritt3 .content div:nth-child(4) div:nth-child(1) {
        order: 2;
        margin-top: 30px;
    }

    #buchungsformSchritt3 .content div:nth-child(4) div:nth-child(2) {
        order: 1;
    }

    div#buchungsformSchritt1-bottom {
        grid-area: c;
        display: grid;
    }

    div#buchungsformSchritt1-bottom-button {flex: 1;}


    div#buchungsformSchritt1-bottom-button:nth-child(1) {flex:2;grid-area: a;}

    div#buchungsformSchritt1-bottom-button a,
    div#buchungsformSchritt1-bottom-button a button,
    div#buchungsformSchritt2-bottom-button a,
    div#buchungsformSchritt2-bottom-button a button {
        width:100%;
        white-space: nowrap;
        margin: 0;
    }


    #buchungsformSchritt2 .content #buchungsformSchritt2-bottom{
        justify-content: space-between;
    }

    #buchungsformSchritt2-bottom #buchungsformSchritt2-bottom-button:first-child{
        width: 100%;
    }

    #buchungsformSchritt2-bottom #buchungsformSchritt2-bottom-button{
        display: inline-block;
        width: 100%;
    }

    #buchungsformSchritt2-bottom #buchungsformSchritt2-bottom-button a button{
        width: 100%;
    }

}

@media only screen and (max-width: 700px) {

    
    
    .hideondesktop{
        display:initial;
    }
    .zusammenfassungen-personen {
        width: 100%;
    }

    .zusammenfassungen-euro {
        width: 100%;
    }

    .zusammenfassungen-haus {
        width: 100%;
    }

    .zusammenfassungen-bett {
        width: 100%;
    }

    .zusammenfassungen-zigarette {
        text-align:left;
        width: 100%;
    }

    .zusammenfassungen-adresse {
        width: 1090%;
    }

    .zusammenfassungen-lageplan {
        text-align:left;
        width: 100%;
    }
    .zimmersuchleiste .row{
        display: grid;
        gap: 15px;
    }

    .zimmersuchleiste .row:not(.nopos) .col{
        min-height: 40px;
        width: 100%;
        min-width: 60px;
        position: relative;
    }

    .zimmersuchleiste .row.filteroptionen_geschlossen {
        width: 100%;
        text-align: right;
        border: 0;
        justify-content: right;
        left: initial;
    }


    .zimmersuchleiste .row.filteroptionen_geschlossen label{
        border-bottom: 1px solid #be9d5c;
        width: 110px;
    }
}



@media only screen and (max-width: 600px) {


    .zimmersuchleiste .row.filteroptionen:not(.nopos) .col {
        min-width: 20%;
        padding: 5px 0 5px;
    }
    .zwei_spaltig_headline_text .headline .fs-1{
        font-size: 44px;
    }

    .x_spaltig_headline_bild_text .row{
        grid-template-columns: 1fr!important;
    }

    section.x_spaltig_bild_text.ansichtgrid .row{
        grid-template-columns: 1fr;
    }


    section.x_spaltig_headline_titel_auf_bild.spalten2 .row{
        grid-template-columns: 1fr;
        grid-auto-rows: 1fr;
    }


    .x_spaltig_bild_text.ansichtflex .col{
        display: flex;
        flex-direction: column;
    }

    .x_spaltig_bild_text.ansichtflex .row div img{
        width: 100%;
    }

    .x_spaltig_bild_text.ansichtflex .col .content{
        width: 100%;
    }

    .x_spaltig_bild_text.padding_nopadding.ansichtflex {
        padding: 44px;
        /* padding-top: 0; */
    }

    .x_spaltig_bild .row {
        flex-direction: column;
    }

    section.ansichtgrid.spalten3 .row, section.ansichtgrid.spalten2 .row, section.ansichtgrid.spalten4 .row{
        grid-template-columns: none;
    }

    section.x_spaltig_headline_text.spalten2 .row{
        grid-template-columns: 1fr;
    }

    section.zwei_spaltig_ausstatung.zimmer_ausstattung .row {
        flex-direction: column-reverse;
    }

    section.zwei_spaltig_ausstatung.zimmer_ausstattung .row .col-3{
        width: 100%;
    }

    section.zwei_spaltig_ausstatung.zimmer_ausstattung .row .col-9{
        width: 100%;
    }




    section.zwei_spaltig_ausstatung.zimmer_saisionzeiten .row {
        flex-direction: column;
    }

    section.zwei_spaltig_ausstatung.zimmer_saisionzeiten .row .col-7{
        width: 100%;
        padding: 0;
    }

    section.zwei_spaltig_ausstatung.zimmer_saisionzeiten .row .col-5{
        width: 100%;
        padding: 0;
    }



    .x_spaltig_mitarbeiter .row {
        grid-template-columns: repeat(2, 1fr);
    }

    section.zwei_spaltig_bild_text .row{
        flex-direction: column;
    }

    section.zwei_spaltig_text_bild .row{
        flex-direction: column;
    }

    section.zwei_spaltig_bild_text .bild img{
        width: 100%;
    }


    section.ansicht_bild_text .col.bild {
        order:1;
    }

    section.ansicht_bild_text .col.text{
        order:2;
    }

    section.ansicht_text_bild .col.bild {
        order:1;
    }

    section.ansicht_text_bild .col.text{
        order:2;
    }

    section.zwei_spaltig_bild_text {
        padding: 44px;
    }

    section.zwei_spaltig_text_bild {
        padding: 44px;
    }


    section.ansicht_bild_text .col.text p{
        padding: 0;
        padding-top: 44px;
    }

    section.ansicht_text_bild .col.text p{
        padding: 0;
        padding-top: 44px;
    }

    section.zwei_spaltig_ausstatung .row > div > ul.zimmerausstattung{
        columns: 2;
        -webkit-columns: 2;
    }

    .zimmer_galerie .row{
        flex-direction: column;
    }

    .zimmer_galerie > .container > .row > .col-6{
        width: 100%;
        padding: 16px 0!important;
    }

    .zimmer_galerie > .container .row{
        flex-direction: row;
    }

    #buchungsformSchritt1-middle .buchungsformSchritt1-middle-options{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #buchungsformSchritt1-middle .buchungsformSchritt1-middle-option{
        min-width: 190px;
        margin-right: 16px;
    }


    #buchungsformSchritt1-bottom button{
        margin: 0;
    }

    #buchungsformSchritt2 .content #buchungsformSchritt2-middle{
        grid-template-columns: 1fr;
    }


    .serviceleistungen .servicebeschreibung .col-4{
        width: 90%;
    }
    section.ein_spaltig_headline .row > div > *{
    padding-left: 15px;
    }

    section.zwei_spaltig_ausstatung .row > div > h2{
        padding: 30px 0px 30px;
        margin-left: 15px;
    }

    section.zwei_spaltig_ausstatung .row > div > h1, section.zwei_spaltig_ausstatung .row > div > h2, section.zwei_spaltig_ausstatung .row > div > h3, section.zwei_spaltig_ausstatung .row > div > h4, section.zwei_spaltig_ausstatung .row > div > h5, section.zwei_spaltig_ausstatung .row > div > h6{
        font-size: 28px;
    }

    .unterkunft-template-default header.entry-header.alignwide{
        padding-bottom: 30px;
    }

    .unterkunft-template-default section.ein_spaltig_headline{
        padding-bottom: 20px;
    }

    section.zwei_spaltig_ausstatung .row > div > h2:before{
        width: 44px;
        position: absolute;
        margin-top: 15px;
        margin-left: -59px;
    }

    section.ein_spaltig_headline .row > div > :before{
        width: 44px;
        position: absolute;
        margin-top: 15px;
        margin-left: -59px;
    }
    .x_spaltig_headline_titel_auf_bild .row .col.grow.ansicht_ div .titel{
        width: 100%;
        font-size: 26px;
    }


    .x_spaltig_bild_text .row .col div.content{
        padding: 20px;
    }

    .x_spaltig_bild_text.ansichtflex .col{
        display: grid;
    }

    .x_spaltig_bild_text.ansichtflex .row .col .image{
        order: 1;
    }

    .x_spaltig_bild_text.ansichtflex .row .col .content{
        order: 2;
        padding: 26px 22px;
    }
    section.zimmersuchleiste input[type=date]{
        height: 40px;
    }

    section#footer-block-1 div#block-7 .wp-block-group__inner-container{
        display: grid;
        grid-gap: 5px;
        grid-template-columns: 33% 33% 33%;
    }

    section#footer-block-1 div#block-7 .wp-block-group__inner-container p{text-align:center;
        grid-column-start: 1;
        grid-column-end: 5;
    }

    section#footer-block-1 div#block-7 .wp-block-group__inner-container .wp-block-image{}

    section#footer-block-1 div#block-7 .wp-block-group__inner-container .wp-block-image figure{
        margin: 0;
        padding: 10px;
    }

    section#footer-block-1 div#block-7 .wp-block-group__inner-container .wp-block-image figure img{
        width: 50px;
    }

    .unterkunft-template-default header.entry-header.alignwide{
        padding-bottom: 30px;
    }

    .zusammenfassungen div{
        display: grid;
        grid-template-columns: 80px 90%;
        vertical-align:middle;
        align-items: center;
    }
    .zusammenfassungen div span{
    }
    section.zimmer_saisionzeiten .saisonzeitenpreise table tr td{
        white-space: nowrap;
        padding: 5px 8px;
    }

	section.zimmer_saisionzeiten .saisonzeitenpreise .saisonzeitenpreise_datum
	{
		display: flex;
		flex-direction: column;
		align-items:center;
		padding-bottom: 16px;

	}

	.col.saisonzeitenpreise.saisonzeitenpreisegrid {
		grid-template-columns: 150px auto auto;
	}



	section.zimmer_saisionzeiten .saisonzeitenpreise .Hauptsaison,
	section.zimmer_saisionzeiten .saisonzeitenpreise .Zwischensaison,
	section.zimmer_saisionzeiten .saisonzeitenpreise .Nebensaison,
	{
		display: flex;
		flex-direction: column;
		justify-content:center;
	}
}

 




@media only screen and (max-width: 400px) {
    section.zwei_spaltig_ausstatung .row > div > ul.zimmerausstattung {
        columns: 1;
        -webkit-columns: 1;
    }
}

@media only screen and (max-width: 500px) {
    .col.saisonzeitenpreise.saisonzeitenpreisegrid{
		display: initial;
	}

	section.zimmer_saisionzeiten .saisonzeitenpreise div {
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
	}

	section.zimmer_saisionzeiten .saisonzeitenpreise .saisonzeitenpreise_datum {
		flex-direction: row;
		justify-content: center;
		padding: 0;
		padding-top: 16px;
	}

	section.zimmer_saisionzeiten .saisonzeitenpreise .saisonzeitenpreise_von {
		padding: 0 5px;
	}

	.saisonzeitenpreisegrid .saisonzeitenpreise_preis {
		padding-bottom: 16px!important;
	}

	.saisonzeitenpreise_reisezeitraum, 
	.saisonzeitenpreise_preise, 
	.saisonzeitenpreise_aufenthalt
	{
		display: none;
	}
}


.saisonzeitenpreise_datum{
    display:grid;
    grid-template-columns: 100px 20px 100px;
}

/*
section.zimmer_kalender > div > div.row > div.col-3:nth-child(2n+1) {
    padding-right: 12px;
}

section.zimmer_kalender > div > div.row > div.col-3:nth-child(2n) {
    padding-left: 12px;
}
*/

section.zimmer_kalender {
    padding-bottom: 0;
}

section.zimmer_kalender > div > div.row > div.col > div > div.row div.col-3 {
    padding-right: 8px;
    padding-bottom: 8px;
}

.zimmer_kalender .calendar_wrap > table {
    min-width: initial;
    width: initial;
}

.zimmer_kalender .calendar_wrap > table caption {
    font-weight: bold;
}

.zimmer_kalender .calendar_wrap > table th, .zimmer_kalender .calendar_wrap > table td {
    padding: 0 calc(0.25 * var(--global--spacing-unit));
}

.zimmer_kalender .calendar_wrap > table td.grau, .calendar_legend.grau {
    background-color: transparent;
}

.zimmer_kalender .calendar_wrap > table td.anreise, .calendar_legend.anreise {
    background: #D4C4A0;
    background: linear-gradient(to right, #B2C7C6, #BE9D5C);
}

.zimmer_kalender .calendar_wrap > table td.belegt, .calendar_legend.belegt {
    background: #BE9D5C;
}

.zimmer_kalender .calendar_wrap > table td.abreise, .calendar_legend.abreise {
    background: #CDDADA;
    background: linear-gradient(to right, #BE9D5C, #B2C7C6);
}

.zimmer_kalender .calendar_wrap > table td.frei, .calendar_legend.frei {
    background: #B2C7C6;
}

.zimmer_kalender .calendar_wrap > table td.active, .calendar_legend.active {
    background: #FFD700;
}

td.dpick.frei, td.dpick.anreise, td.dpick.abreise {
    cursor: pointer;
}

button#kalenderBTNMehr {
    white-space: nowrap;
    text-transform: uppercase;
    background-color: var(--global--color-primary);
    color: #fff;
}
button#kalenderBTNMehr:hover {
    background-color: var(--global--color-primary);
    color: #000;
}

#searchresults {
    gap: 31px;
}

#searchresults .ansicht_bild_text:nth-child(9n+1)>.ansicht_bild_text_content,
.unterkunftliste .ansicht_bild_text:nth-child(9n+1)>.ansicht_bild_text_content {
    background-color: #be9d5c;
}
#searchresults .ansicht_bild_text:nth-child(9n+2)>.ansicht_bild_text_content,
.unterkunftliste .ansicht_bild_text:nth-child(9n+2)>.ansicht_bild_text_content {
    background-color: #b2c7c6;
}
#searchresults .ansicht_bild_text:nth-child(9n+3)>.ansicht_bild_text_content,
.unterkunftliste .ansicht_bild_text:nth-child(9n+3)>.ansicht_bild_text_content {
    background-color: #cbc1b2;
}
#searchresults .ansicht_bild_text:nth-child(9n+4)>.ansicht_bild_text_content,
.unterkunftliste .ansicht_bild_text:nth-child(9n+4)>.ansicht_bild_text_content {
    background-color: #cbc1b2;
}
#searchresults .ansicht_bild_text:nth-child(9n+5)>.ansicht_bild_text_content,
.unterkunftliste .ansicht_bild_text:nth-child(9n+5)>.ansicht_bild_text_content {
    background-color: #b2c7c6;
}
#searchresults .ansicht_bild_text:nth-child(9n+6)>.ansicht_bild_text_content,
.unterkunftliste .ansicht_bild_text:nth-child(9n+6)>.ansicht_bild_text_content {
    background-color: #be9d5c;
}
#searchresults .ansicht_bild_text:nth-child(9n+7)>.ansicht_bild_text_content,
.unterkunftliste .ansicht_bild_text:nth-child(9n+7)>.ansicht_bild_text_content {
    background-color: #be9d5c;
}
#searchresults .ansicht_bild_text:nth-child(9n+8)>.ansicht_bild_text_content,
.unterkunftliste .ansicht_bild_text:nth-child(9n+8)>.ansicht_bild_text_content {
    background-color: #cbc1b2;
}
#searchresults .ansicht_bild_text:nth-child(9n+9)>.ansicht_bild_text_content,
.unterkunftliste .ansicht_bild_text:nth-child(9n+9)>.ansicht_bild_text_content {
    background-color: #b2c7c6;
}
svg.svgico, svg.svgico * {
    fill: transparent;
    stroke: white;
}
svg.svgico.hund * {
    fill: white;
}
svg.svgico {
    width: 100%;
    height: 100%;
}

section.zimmersuchleiste select[name="personen"],
section.zimmersuchleiste select[name="schlafzimmer"],
section.zimmersuchleiste select[name="hausgruppe[]"],
section.zimmersuchleiste select[name="naechte"],
#buchungsformSchritt1-top #personen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0 ;
}

section.intranet {
    background: #eff3f4;
}

section.intranet p {
    margin-bottom: 1.2em;
}

section.intranet .row:not(:first-child) {
    margin-top: 1.2em;
}

form.intranet div.dropdown {
    color: #fff;
    font-family: var(--entry-content--font-family);
    font-weight: 900;
    font-size: 16px;
    background-color: var(--global-primary-color-okker);
    width: 100%;
    outline: none;
    text-align: center;
    padding: 0px;
}

form.intranet input.fake {
    margin: 0;
    background: transparent;
    color: #fff;
    text-align: center;
    border: none;
    font-weight: bold;
    font-size: 17px;
    line-height: 17px;
    padding: 6px 0 5px;
    outline: none;
}

form.intranet input:valid[type=text] + label {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    color: #be9d5c;
}

form.intranet input[type=text] + label {
    color: #fff;
    width: 100%;
    display: inline-block;
    margin: 0;
    font-weight: 600;
    font-size: 17px;
    padding: 5px 0 4px;
}

form.intranet.login input:invalid[type=text] {
    position: absolute;
    opacity: 0;
}

@media screen and (max-width: 750px) {
    form.intranet.login .col {
        width: 100%;
    }
}

@media screen and (max-width: 499px) {
    section.ein_spaltig_beschreibung.einleitung.intranet .col {
        width: 100%;
    }
}

form.intranet select {
    color: #fff;
    background: #be9d5c;
    background-color: #be9d5c;
    border: 0;
    color-scheme: dark;
    font-size: 18px;
    line-height: 17px;
    padding: 10px;
    outline: none;
    font-weight: 600;
    z-index: 10;
    display: inline-block;
    position: relative;
    text-align: center;
    margin-left: .5em;
    margin-right: .5em;
}
form.intranet button.submit {
    margin: 0;
}


form.intranet input.fake::placeholder {
    color: #fff;
    text-align: center;
}

form.intranet div.dropdown {
    position: relative;
}

form.intranet section .col:not(:last-child) {
    padding-right: 4%;
}

form.intranet.login label {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

form.intranet input[type="text"] {
    border: none;
}

form.intranet.login input[type="text"] {
    width: 100%;
}

form.intranet:not(.login) button {
    display: inline;
    width: auto;
    padding: 7px 24px;
    background-color: #be9d5c!important;
    color: #fff;
    padding-left: 50px;
    padding-right: 50px;
}

form.intranet button.traveler-edit {
    padding: .5em 1em;
}

form.intranet.login button {
    background-color: var(--global--color-primary);
    color: #FFF;
    text-transform: uppercase;
}

.intranet button.logout {
    background-color: var(--global--color-primary);
    color: var(--global--color-background);
}

section.ein_spaltig_headline.nospace .row > div > * {
    margin-top: 0;
}

section.bgwhite {
    background-color: #FFF;
}

section.innerbgwhite > .container {
    background-color: #FFF;
    padding: var(--page--padding);
}

section.bggreen {
    background-color: #D5E0E0;
}

section.innerbggreen > .container {
    background-color: #D5E0E0;
    padding: var(--page--padding);
}





/**
 Pfeile Intranet
 */
.v2arrows {
    display: grid;
    column-gap: 0px;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
}

.v2arrows > div{
    /* width: 33%; */
    /* display: inline-block; */
    text-align: center;
    position: relative;
    height: 44px;
    line-height: 44px;
    font-weight: bold;
    font-size: 16px;
    background-color: red;
    cursor: pointer;
}

.v2arrows > div:nth-child(1){
    background-color:#b2c7c6;

}
.v2arrows > div:nth-child(2):before{
    content:
            "";
    display: block;
    position:
            absolute;
    top: 0;
    left: -22px;
    width: 20px;
    height: 20px;
    background-color: #cfdddc;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #b2c7c6;
    background-color: red;
}

.v2arrows > div:nth-child(2):before{
    content:
            "";
    display: block;
    position:
            absolute;
    top: 0;
    left: -22px;
    width: 20px;
    height: 20px;
    background-color: #cfdddc;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #b2c7c6;
}

.v2arrows > div:nth-child(2){
    background-color:#cfdddc;
}


.v2arrows > div:nth-child(3):before{
    content:
            "";
    display: block;
    position:
            absolute;
    top: 0;
    left: -22px;
    width: 20px;
    height: 20px;
    background-color: #dfe8e8;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #cfdddc;
}

.v2arrows > div:nth-child(3){
    background-color:#dfe8e8;
}


.v2arrows > div:nth-child(3):after{
    content:
            "";
    display: block;
    position:
            absolute;
    top: 0;
    right: 0px;
    width: 20px;
    height: 20px;
    background-color: #eef3f3;
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 44px solid #dfe8e8;
}


.v2arrows > div:nth-child(4){
    background-color:#eef3f3;
}

.v2arrows > div:last-child:after {
    display: none;
}

@media only screen and (max-width: 1000px) {
    .v2arrows {
        display: block;
    }
    .v2arrows > div {
        margin-bottom: 4px;
    }

    .v2arrows > div .hideondesktop {
        display: initial;
    }


    .v2arrows > div {
        display: block;
    }

    .v2arrows > div:before, .v2arrows > div:after {
        display: none!important;
    }
}

#gaestebeitrag .col-4 {
    padding: 1em;
}

@media only screen and (max-width: 499px) {
    #gaestebeitrag .col-4 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    #gaestebeitrag-edit > section > .container > .row > .col {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    #gaestebeitrag-edit input[type="radio"] {
        width: 15px;
        height: 15px;
        border-width: 2px;
    }
    #gaestebeitrag-edit input[type="radio"]:after {
        left: 3px;
        top: 3px;
        width: 5px;
        height: 5px;
    }
}

section.ein_spaltig_beschreibung p:not(:last-child) {
    margin-bottom: 1em;
}

.section_hidden {
    opacity: .25;
    position: relative;
}
.section_hidden:after {
    content: " ";
    background-color: red;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    opacity: .5;
}


/**
 * Wohnungs-Infos bzgl. Filtern unterhalb des Bildes
 */
.filters-visualize {
    background-color: #29363E;
    height: 2em;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-grow: initial!important;
}
.filters-visualize svg.svgico {
    height: calc( 100% - .8em );
    width: auto;
    margin: .25em;
}
.filters-visualize svg.svgico.aktiv * {
    stroke: #be9d5c;
}
.filters-visualize svg.svgico.aktiv.hund * {
    fill: #be9d5c;
}
@media screen and (min-width: 1024px) {
    .filters-visualize {
        height: 2.5em;
    }
}
/**
 * Simple Mouseovers
 */
*[data-infotext]:hover:after,
*[data-infotext]:active:after {
    content: attr(data-infotext);
    position: absolute;
    z-index: 1;
    display: inline-block;
    transform: translateY(2em);
    background: #be9d5c;
    border-radius: 1em;
    padding: 0.5em;
    color: #FFF;
    max-width: 300px;
}

/**
 * RP-Kundenbewertung
 */
.rp_skala_all {
    border: none;
}
.rp_skala_1 {
    background-color:#FF5858;
    border-radius: 20px 0 0 20px;
}
.rp_skala_2 {
    background-color:#FF927E;
}
.rp_skala_3 {
    background-color:#DDED3B;
}
.rp_skala_4 {
    background-color:#1FE085;
    border-radius: 0 20px 20px 0;
}
.rp_skala_5 {
    display: none;
}
.rp_fragebogen_formular input[type="radio"] {
    vertical-align: bottom;
}
@media screen and (max-width: 600px) {
    .rp_skala_1,
    .rp_skala_2,
    .rp_skala_3,
    .rp_skala_4,
    .rp_skala_5 {
        padding: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
/**
 * Videoeinbindung Unterkünfte
 */
video.preview {
    display: none;
    background: rgb(255 255 255 / 75%);
}
.video-icon:hover + video.preview {
    display: inline-block;
}
video.preview:hover {
    display: inline-block;
}


/**
Entwicklungs-Vorschau
 */





#wpcf7-f237901-o1 .wpcf7-submit:hover{background:#be9d5c;}
#wpcf7-f237901-o1 .wpcf7-submit{max-width:400px;}



/* BFSG */
.x_spaltig_headline_bild_text.textcolorschwarzgrau div.ansicht_bild_text_content p {
    color: #2E3A47;
}
.x_spaltig_headline_bild_text.textcolorschwarzgrau .ansicht_bild_text_content_button a {
    color: #2E3A47;
    border-color: #2E3A47;
}