@charset "UTF-8";
   .slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.greeny, .zimmer_aps, .slider_aps, .slider2_aps, .angebote_aps, .angebote2_aps, .trenner_aps, .kontakt_aps, .kontakt2_aps{
display: none;
} @font-face {
font-display: swap;
font-family: 'intro-rust';
font-style: normal;
font-weight: 400;
src: url(//www.jaegershotel.de/wp-content/themes/theweekend/fonts/intro-rust/intro-rust.woff2) format('woff2'); }
@font-face {
font-display: swap;
font-family: 'gotham-htf';
font-style: normal;
font-weight: 400;
src: url(//www.jaegershotel.de/wp-content/themes/theweekend/fonts/gotham-htf/GothamHTF-Book.woff2) format('woff2'); }
@font-face {
font-family: 'westbahn';
src: url(//www.jaegershotel.de/wp-content/themes/theweekend/fonts/font/westbahn.eot?31338048);
src: url(//www.jaegershotel.de/wp-content/themes/theweekend/fonts/font/westbahn.eot?31338048#iefix) format('embedded-opentype'),
url(//www.jaegershotel.de/wp-content/themes/theweekend/fonts/font/westbahn.woff2?31338048) format('woff2'),
url(//www.jaegershotel.de/wp-content/themes/theweekend/fonts/font/westbahn.woff?31338048) format('woff'),
url(//www.jaegershotel.de/wp-content/themes/theweekend/fonts/font/westbahn.ttf?31338048) format('truetype'),
url(//www.jaegershotel.de/wp-content/themes/theweekend/fonts/font/westbahn.svg?31338048#westbahn) format('svg');
font-weight: normal;
font-style: normal;
} .wpcf7 .screen-reader-response {position: absolute;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);height: 1px;width: 1px;margin: 0;padding: 0;border: 0;}
.wpcf7 form .wpcf7-response-output {margin: 2em 0.5em 1em;padding: 0.2em 1em;border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output {display: none;}
.wpcf7 form.sent .wpcf7-response-output {border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {border-color: #ffb900; }
.wpcf7-form-control-wrap {position: relative;}
.wpcf7-not-valid-tip {color: #dc3232;font-size: 1em;font-weight: normal;display: block;}
.use-floating-validation-tip .wpcf7-not-valid-tip {position: absolute;top: 20%;left: 20%;z-index: 100;border: 1px solid #dc3232;background: #fff;padding: .2em .8em;}
span.wpcf7-list-item {display: inline-block;margin: 0 0 0 1em;}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {content: " ";}
div.wpcf7 .ajax-loader {visibility: hidden;display: inline-block;background-image: url(//www.jaegershotel.de/wp-content/assets/ajax-loader.gif);width: 16px;height: 16px;border: none;padding: 0;margin: 0 0 0 4px;vertical-align: middle;}
div.wpcf7 .ajax-loader.is-active {visibility: visible;}
div.wpcf7 div.ajax-error {display: none;}
div.wpcf7 .placeheld {color: #888;}
div.wpcf7 input[type="file"] {cursor: pointer;}
div.wpcf7 input[type="file"]:disabled {cursor: default;}
div.wpcf7 .wpcf7-submit:disabled {cursor: not-allowed;}
.wpcf7 input[type="url"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"] {direction: ltr;}
body {width: 100%;background: var(--color-white);font-family: 'gotham-htf',sans-serif;}
* {margin: 0;padding: 0;outline: none;scroll-behavior: smooth;position: relative;box-sizing: border-box;}
.speed {content-visibility: auto;}
h1, h2, h3, h4, h5, h6 {font-family: 'intro-rust', -sans-serif;overflow-wrap:break-word;font-style: normal;font-weight: 300;color: var(--main-color);text-transform: none;text-align: left;display: inline-block;line-height:1.2;}
p, figcaption {font-style: normal;font-weight: 300;line-height: 1.5em;font-size: 1rem;text-align: left;margin: 1rem 0 !important;color: var(--color-black);}
p a {text-decoration: underline;font-weight: bolder;}
h1 {font-size: 2.25rem;}
h2 {font-size: 2.25rem;}
h3 {font-size: 1.5rem;}
h5 {font-size: 1.3rem;padding: 20px 0px;}
td {font-style: normal;font-weight: 300;line-height: 1.5em;font-size: 1.05em;text-align: justify;padding: 0px 10px 0px 10px;}
li {font-style: normal;font-weight: 300;line-height: 1.5em;font-size: 1.05em;text-align: left;}
thead {display: none;}
tr {padding: 10px 0px;}
strong {color: var(--main-color);}
select {display: block;font-size: .9rem;font-weight: 700;color: #444;line-height: 1.3;padding: .5em;width: auto;max-width: 50%;box-sizing: border-box;border: 1px solid;}
select::-ms-expand {display: none;}
select:hover {border-color: #888;}
select:focus {border-color: #aaa;box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);box-shadow: 0 0 0 3px -moz-mac-focusring;color: #222;outline: none;}
select option {font-weight:normal;}
label {width: 50%;}
figcaption {text-align: center;font-style: italic;font-weight: 100;}
.label, .value {padding: 0px;}
.italic {font-style: italic;}
img {max-width: 100%;height: 100%;height: auto;width: auto;display: block;}
a {color: var(--color-black);text-decoration: none;}
a:hover {color: var(--main-color);}
ul {list-style-type: none;}
ol {margin: 1rem;}
.button {padding: 1rem 2rem;font-size: 1rem;display: inline-block;text-align: center;margin: 0;width: auto;color: white;transition: 0.5s;border: none;min-width: 140px;text-decoration: none;background: var(--second-color);cursor: pointer;border-radius: 7px;text-transform: uppercase;font-weight: 600;}
.button:hover, input[type=submit]:hover {background-color: var(--main-color);transition: 0.5s;color: white;}
.textblock {text-align: left;max-width: 750px;}
.divider.border, .divider.border .white {background-image: url(//www.jaegershotel.de/wp-content/themes/theweekend/images/white-divide.svg);background-position: center;width: auto;height: 6rem;background-size: cover;background-repeat: no-repeat;position: absolute;transform: translateY(-80%);min-width: 100%;z-index: 99;}
.divider.border.black {background-image: url(//www.jaegershotel.de/wp-content/themes/theweekend/images/black-divide.svg);}
.divider.border.grey {background-image: url(//www.jaegershotel.de/wp-content/themes/theweekend/images/grey-divide.svg);}
.divider.border.white.top {transform: translateY(-83%);z-index: 999;}
.white, .white h1, .white h2, .white p, .white h3 {color: var(--color-white);}
.margin {margin: auto;}
.textfull {max-width: 800px;}
.nullauto {margin: 0 auto;}
.stretch {align-items: stretch !important;}
.divider.border.bottom {transform: translateY(-15%);}
.uppercase {text-transform: uppercase;}
.bold {font-weight: bolder;}
.hide {display: none;}
main {overflow: hidden;} #logo {background: white; padding: 1rem;border-radius: 0 0 7px 7px;display: block;position: relative;z-index: 5;font-size: 2rem;color: var(--main-color);height: auto;width: auto;}
.header {display: flex;justify-content: space-between;align-items: center;flex-direction: row;}
.headernav {margin-top: 50px;}
.header_inner {display: flex;flex-direction: row-reverse;align-items: center;}
.header-icons {display: flex;margin-right: .5rem;}
header {position: fixed;top: 0;padding: 0rem 1.5rem .5rem;z-index: 3;width: 100%;background: var(--main-color);background: linear-gradient(180deg, rgba(106, 70, 43, .8) 0%, rgba(106, 70, 43,0) 100%);}
header .menu a {font-size: 1.5rem;transition: .3s;}
header .menu a:hover {color: var(--second-color);transition: .3s;}
.menu {display: block;}
label.hamburg {right: 0;display: block;margin-left: auto;margin-right: auto;width: 35px;height: 30px;padding: 0px;z-index: 3;}
input#hamburg {display:none}
.line {position: absolute;height: 2px;width: 35px;background: white;border-radius: 2px;display: block;transition: 0.5s;transform-origin: center;}
.hamburg .line:nth-child(1) { top: 7px; }
.hamburg .line:nth-child(2) { top: 14px; }
.hamburg .line:nth-child(3) { top: 21px; }
#hamburg:checked + .hamburg .line:nth-child(1){transform: translateY(7px) rotate(-45deg);background: var(--second-color);}
#hamburg:checked + .hamburg .line:nth-child(2){opacity:0;}
#hamburg:checked + .hamburg .line:nth-child(3){transform: translateY(-7px) rotate(45deg);background: var(--second-color);}
#hamburg:checked ~ #main-nav {max-height: 100vh;height: 100vh;-webkit-transition: max-height .8s cubic-bezier(0.52, 0.16, 0.24, 1);transition: max-height .46s cubic-bezier(0.52,0.16,0.24,1);}
label {width: 100%;}
#logo {margin-bottom: 0;}
#logo img {height: 50px;}
#main-nav {display: flex;flex-direction: column;width: 100%;justify-content: center;background-color: var(--color-white);position: fixed;z-index: 2;overflow-y: scroll !important;max-height: 0;-webkit-transition: max-height .8s cubic-bezier(0.52, 0.16, 0.24, 1);transition: max-height .46s cubic-bezier(0.52,0.16,0.24,1);max-width: none;color:var(--main-color);top:0rem;left: 0;right: 0;bottom:0;}
#menu-main li {width: 100%;padding: 0;text-align: center;margin: 15px 0;}
.language {transition: .3s;font-weight: 400;margin:0 .5rem;font-size: 1rem;color: var(--main-color);background: white;padding: .5rem;border-radius: 7px;}
.language:hover {transition: .3s;background: var(--second-color);color: white;} section {background: var(--color-white);}
.firstsection {margin-top: -1rem;}
.firstsection img {height: 100%;width: 100%;object-fit: cover;}
.container {width: 100%;max-width: 1200px;display: block;position: relative;margin:5rem auto;padding: 0 1.5rem;}
.topnull {margin: 0 auto;padding: 4rem 1.5rem;}
.half {width: 50%;}
.flex {display: flex;justify-content: flex-start;flex-flow: row wrap;}
.wrap {flex-wrap: wrap;}
.gapping {align-items: center;width: 100%;}
.imagebox {flex: 1;position: relative;z-index: 0;max-height: 500px;overflow: hidden;display: block;border: none;width: auto;}
.imagebox img{height: 100%;width: 100%;object-fit: cover;}
.baseline {align-items: baseline;}
.baseline .imagebox {background: var(--main-color);}
.jarallax {position: relative;z-index: 0;}
.jarallax > .jarallax-img {position: absolute;object-fit: cover;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.heroimage:after {content: "";height: 80%;top: 0;position: absolute;width: 100%;background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
.textblock.center, .textblock.center h2, .textblock.center p, .textblock.center h1, .textblock.center h3 {margin: auto;text-align: center;}
.heroimage {height: 60rem;}
.justifycenter {justify-content: center;}
.absolute {position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: auto;z-index: 1;}
.whitebox {background: var(--color-white);padding: 3rem 5rem;box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);}
.profile {max-width: 300px;border-radius: 50%;overflow: hidden;}
.profile img { border-radius: 50%;  transition: 0.5s;}
.textblock.whitebox.absolute {max-width: max-content;}
.profile:hover img{filter: brightness(.3);transition: 0.5s;}
.shufflegrid {margin: 5rem auto;}
.content-details {position: absolute;text-align: center;padding-left: 1em;padding-right: 1em;width: 100%;top: 50%;left: 50%;opacity: 0;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.profile:hover .content-details{top: 50%;left: 50%;opacity: 1;}
.content-details h3 {color: #fff;margin-bottom: 0rem;text-align: center;font-size: 3rem;}
.content-details p {color: #fff;font-size: 0.8em;text-transform: uppercase;text-align: center;padding: 0;font-weight: 400;letter-spacing: .2rem;}
.fadeIn-bottom{top: 80%;}
.shufflegrid:nth-child(odd) .flex {flex-direction: row-reverse;}
.logo-box img {position: relative;width: 100%;filter: brightness(999);min-height: 100px;}
.logo-box {flex: 33% 0;transition: .5s;}
.logo-box:hover {transform: scale(1.1);transition: .5s;}
.space {justify-content: space-between;}
.background p {color: black;}
.background {background: var(--background-color);}
.firstsection > div {margin: 1rem auto 5rem;}
.titlebox h1 {text-align: right;font-size: 3rem;max-width: 23rem;line-height: 3.3rem;margin-right: 4rem;}
.iconbox svg {position: absolute;color: white;top: 50%;transform: translateY(-50%) translateX(-50%);left: 50%;}
.iconbox {background: var(--main-color);width: 4rem;height: 4rem;border-radius: 50%;margin: auto;}
.overlay {background: var(--main-color);width: 100%;height: 100%;position: absolute;filter: opacity(0.5);top: 0;transition: all .5s ease 0s;}
.parallax {background-repeat: no-repeat;background-attachment: fixed;background-size: cover;}
.reverse {flex-direction: row-reverse;}
.portolfio.slider {margin: 3rem;}
.portolfio.slider.port-margin {margin: 0;}
.post {flex: 1;margin: 1rem;overflow: hidden;}
.post img {height: 100%;width: 100%;object-fit: cover;}
.gradient {position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(18,18,18,0) 0%, rgba(45,92,98,1) 90%);}
.post_thumbnail {display: block;line-height: 0;height: 100%;max-height: 30rem;}
.post_inner {position: absolute;bottom: 0;line-height: 1.2;padding: 1rem;width: 100%;}
.post p {max-height: 0;margin: 0;overflow: hidden;padding: 0;transition: all .5s ease 0s;}
.post a {position: relative;height: 100%;width: 100%;display: block;}
.post:hover p {max-height: 150px;transition: all .5s ease 0s;}
.post h3 {padding-top: 3rem;}
.posting .post_thumbnail {height: auto;margin-bottom: 2rem;max-height: none;}
.posting h1 {padding-top: 3rem;}
.posting .container {margin: 2rem 0 0 0;width: 100%;padding: 0;}
figure.wp-block-image {margin: 3rem;}
figure.aligncenter {text-align: center;margin: 3rem auto;}
.posting .thumbnail img {max-height: 25rem;width: 100%;height: 100%;object-fit: cover;}
.posts {flex-flow: row wrap;}
.textblock.custom {max-width: none;flex: 0 34%;padding: 3rem 0;padding-right: 2rem;margin-right: 0;}
.imagebox.custom {background-size: cover!important;background-position: center 9%!important;center: center;flex: 0 66%;margin-right: 0;}
.imagebox.custom.zwei {flex: 0 50%;}
.imagebox.custom.drei {flex: 0 34%;}
.textblock.custom.zwei {flex: 0 50%;}
.textblock.custom.drei {flex: 0 66%;}
.reverse .imagebox.custom {margin-right: 2rem;}
.hotel .textblock {flex-direction: column;display: flex;max-height: 0;overflow: hidden;transition: all .6s ease 0s;margin: 0;}
.hotel .button {margin: 0;}
.merkmal {display: flex; flex-flow: row nowrap;align-items: center;margin: .5rem 0;}
.merkmal p {font-weight: 600;margin: 0 0 0 .5rem !important;text-align: left !important;}
.merkmal svg {background: var(--main-color);height: 40px;padding: 5px;}
.merkmal svg path {fill:white;}
.hotel h3 {font-weight: 600;text-transform: uppercase;border-bottom: 1px dashed var(--second-color)!important;}
.merkmale {margin: 1rem 0;}
.hotel:hover .textblock {max-height: 100%;transition: all .6s ease 0s;}
.hotel:hover .overlay {background: black;transition: all .6s ease 0s;opacity: 1;}
figure.wp-block-image {max-width: 1200px;margin: auto;}
.anchor {position: absolute;top: -5rem;}
.anchor.basic {top: 0;}
.formblock .textblock {flex: 1;padding-top: 2rem;}
.formblock {padding: 0 3rem;}
main > .textblock_block:first-child {margin-top: 15rem;} .full.teaser {height: 70vh;min-height: 40rem;}
.teaser_inner {max-width: 500px;text-align: center;color: white;filter: invert(50%) brightness(989%);padding: 0 1.5rem;}
.teaser_inner span {font-size: 2rem;position: relative;margin-top: 2rem;display: block;}
.full.teaser img {width: 100%;height: 100%;object-fit: cover;}
.full.teaser .teaser_inner img{max-height: 20rem; object-fit: contain;} .form.booking {margin: -3rem auto 5rem; max-width: 700px;width: calc(100% - 3rem);}
.form_inner form {display: block;}
.form-group label {display: block;font-weight: 700;font-family: 'gotham-htf', sans-serif;font-size: 1.2rem;}
.form-group input {border: none;box-shadow: none;padding: 0;margin-top: 1rem;}
.form-group {flex:1;padding: 0 .5rem;border-left: 2px solid var(--color-mint);}
.form-control.short {max-width: 1.5rem;}
input[type="number"] {-moz-appearance: textfield;-webkit-appearance: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.form-group button {width: auto;transition: all 300ms ease;}
.form-group .button-plus {border: none;box-shadow: none;line-height: 1;font-weight: 300;padding: 0;position: relative;background: none;cursor: pointer;font-size: 1.2rem;font-family: 'gotham-htf', sans-serif;}
.booking .form_inner input[type=submit] {margin: 0;}
.form.booking {padding: 0;}
img.greeny {position: absolute;bottom: 0;right: 0;opacity: .5;}
.greeny.orange {left: 0;right: auto;}
.booking .textblock{padding: 2rem;}
.booking .textblock h2 {display: block;} .zimmer {width: 100%;padding: .5rem .5rem 5rem .5rem;}
.zimmer_inner {background: white;box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);border-radius: 7px;height: 100%;position: relative;}
.zimmer_inner img {border-radius: 7px 7px 0px 0px;max-height: 265px;width: 100% !important;height: 100% !important;object-fit: cover;}
.zimmer_info {border-radius: 0px 0px 7px 7px;padding: 2rem;background: white;}
.zimmer_info i{font-style: normal;font-size: 1rem;line-height:1.5em;}
.zimmer_info p {margin: 0rem !important;}
.book {background: var(--second-color);color: white;padding: .5rem .95rem;position: absolute;bottom: 0;right: 0;    border-radius: 7px 0px 7px 7px;}
.zimmer_title {position: absolute;top: -1rem;width: 100%;}
.zimmer_title h2 {font-size: 2rem;transform: rotate(-12deg);top: 0px;left: 1rem;line-height: 0;}
.zimmer_title p {color: var(--second-color);text-align: center;text-transform: uppercase;font-weight: 600;font-size: 1.2rem;margin: 0 !important;}
.room-background {background: var(--color-mint);position: absolute;width: 100vw;height: 15rem;left: 0;right: 0;top: 50%;transform: translateY(-50%);}
.buttoncontainer {margin: 4rem auto;text-align: center;}
.zimmer_block {padding-top: 4rem;z-index: 1;}
.zimmer_block.z-index{ z-index: 3;}
.roomslider .slick-list, .roomslider .slick-track {padding: 0 !important;}
.zimmer_block .buttons {margin-top: 4rem;}
.roomslider .slick-arrow{z-index: 1;padding: .5rem .75rem .6rem;}
.roomslider .slick-prev{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.roomslider .slick-next{border-top-right-radius: 0; border-bottom-right-radius: 0;}
.zimmer_overlay {visibility: hidden; opacity: 0; pointer-events: none;position: fixed;display: flex; flex-flow: column nowrap; overflow-y: auto; background: rgb(0 0 0 /80%);height: 100vh;width: 100vw;z-index: 999;top: 0;left: 0;right: 0;bottom: 0;justify-content: center;padding: 1.5rem;}
.zimmer_overlay.show {visibility: visible; pointer-events: initial; opacity: 1;}
.close {position: absolute;right: 1rem;top: 1rem;z-index: 999;cursor: pointer;}
.close i{padding: .35rem; background-color: rgba(0, 0, 0, .5); border-radius: .25rem;}
.close i::before{color:white; margin: 0;}
.zimmer_overlay_inner{position: relative; max-height: 800px;min-height: 500px;display: flex; flex-flow: column nowrap; height: 100%; margin: 0 auto; max-width: 100%;background-color: white;}
.zimmer_overlay .text_container {padding: 8rem 1rem 1rem;}
.zimmer_overlay .text_container p, .zimmer_overlay .text_container i, .zimmer_overlay .text_container li{ font-size: .9rem; line-height: 1.4em;}
.image_container img {height: 100%;width: 100%;object-fit: cover;}
.image_container {width: 100%;position: relative;overflow-y:hidden;}
.zimmer_overlay .zimmer_info{padding: 1.5rem;}
.zimmer_overlay .zimmer_title{top: 4rem; width: unset;}
.zimmer_overlay .zimmer_title p{color: black; padding-top: 2rem;}
.zimmer_overlay .book{border-radius: 7px 0 0 0;}
.overlayclick{cursor: pointer;} .textblock_block p + .buttons {margin-top: 2rem;}
.buttons .button {margin: .5rem;} .sliderblock.slick-initialized.slick-slider {margin: 4rem auto 0;max-width: 1000px;}
.slick-slide{transition: .3s;background: white;}
.slick-center {transition: .3s;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);display: block;opacity: 1;z-index: 5;box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);}
.slick-track{display: flex !important;}
.slick-slide img {opacity: .6;display: block;height: 100%;width: 100%;object-fit: cover;border-radius: 7px;}
.slick-center img {opacity: 1;}
.slick-list, .slick-track {padding: 2rem 0 !important;}
.roomslider,
.roomslider .slick-slider,
.roomslider .slick-list,
.roomslider .slick-track,
.roomslider img{height:100%;}
.slick-arrow {background: var(--second-color);border:none;border-radius: 7px;color: white;cursor: pointer;padding: .5rem .95rem;font-size: 1rem;font-weight: 600;font-family: 'gotham-htf', sans-serif;}
.sliderblock235 {padding:0 4rem;max-width: 850px;margin: 2rem auto 0;}
button.slick-prev {position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
button.slick-next {right: 0;top: 50%;transform: translateY(-50%);position: absolute;} .backgroundimage {background-size: cover;background-repeat: no-repeat;box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);}
.trenner_block h2 {font-size: 2.25rem;line-height: 1.2;color: white;} .angebot {flex: 1 100%;margin: 2rem auto;border-radius: 7px;overflow: hidden;}
.angebote_inner {display: flex;align-items: center;height: 270px;background: var(--main-color);padding: 2rem;}
.angebote_inner :is(h1, h2, h3, h4, h5, h6) {font-family: 'gotham-htf', sans-serif;font-weight: 600;    font-size: 1.3rem;}
.angebote_inner p {margin: 0;font-size: .9rem;}
.angebot img {height: 270px;object-fit: cover;width: 100%;}
.angebot:nth-child(2) {flex-direction: column;display: flex;}
.angebote_liste {border-radius: 7px;overflow: hidden;margin-top: 4rem;z-index: 2;}
.angebot .book {border-radius: 7px 0 0 7px;} .box {flex: 1 100%;padding: .5rem;}
.box_inner {height: 100%;padding: 1rem 0;background: white;border-radius: 7px;box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);text-align: center;}
.box_inner img {max-width: 100px;margin: auto;padding: 1rem;}
.box_info {padding: 0 2rem 2rem;text-align: left;}
.box_info :is(h2, h3, h4, h5, h6) {font-family: 'gotham-htf', sans-serif;font-weight: 600;color: black;font-size: 1.3rem;}
.box_info p {margin: 1rem 0 0 0 !important;}
.box_info .text{max-height: 200px; overflow: clip;position: relative;}
.box_info .text:not(.open)::after{content: ''; position: absolute;bottom: 0;left: 0;width: 100%; height: 1.5rem; background: linear-gradient(rgba(255, 255, 255, 0), white);}
.box_info .text.open{max-height: initial;}
.boxen_liste {margin-top: 4rem;}
span.anreise-background {height: 260px;background: var(--main-color);position: absolute;width: 60vw;top: 85%;transform: translateY(-50%);}
.container.anreiseblock {margin-bottom: 10rem;}
.dropdown {display: none;padding: 1px 0;margin-top: 1rem}
.button.readmore {margin: 1rem auto;border: none;cursor: pointer;padding: 0;background: none;color: var(--main-color);min-width: auto;}
.button.readmore:hover {color: var(--second-color)}
.dropdown > h1,.dropdown > h2, .dropdown > h3, .dropdown > h4, .dropdown > h5, .dropdown > h6 {margin-top: var(--space-between)} input {-webkit-appearance: textfield;background-color: none;-webkit-rtl-ordering: logical;cursor: text;padding: 10px;border-bottom: 1px solid var(--main-color);color: var(--color-black);font-style: normal;text-decoration: none;max-width: -webkit-fill-available;font-weight: 300;outline: none;}
textarea {font-family: 'gotham-htf', sans-serif;color: var(--color-black);-webkit-appearance: textfield;background: none;-webkit-rtl-ordering: logical;cursor: text;padding: 10px;border: 1px solid var(--main-color);width: 100%;resize: none;font-weight: 300;border-radius: 7px;}
form {text-align: left;}
.wpcf7-form label {display: block;justify-content: flex-start;width: 100%;text-align: left;}
.wpcf7-form input {-webkit-appearance: textfield;background-color: white;-webkit-rtl-ordering: logical;cursor: text;border: 1px solid var(--main-color);border-radius: 7px;color: var(--color-black);font-style: normal;text-decoration: none;width: 100%;color: var(--color-black);padding: .5rem;font-weight: 300;}
.wpcf7-form input:focus, textarea:focus {border: 1px solid var(--second-color);}
.wpcf7-form p {text-align: center;margin: .5rem auto;font-size: 1rem;}
input[type="submit"], input[type="checkbox"]{border: 1px solid var(--main-color) !important;display: inline-block;width: auto;cursor: pointer;}
input.wpcf7-submit {background: var(--main-color);border: none;padding: .8rem 3rem;min-width: 140px;color: var(--color-black);font-size: .9rem;font-weight: 300;margin-block: 0 !important;}
.datenschutz {width: 100%;}
.wpcf7-list-item label {display: flex;align-items: center;}
.wpcf7-list-item-label {text-align: justify;padding-left: 2em;}
input[type="checkbox"]:checked {background: var(--main-color);}
input[type=checkbox] {margin: 0 !important;appearance: none;border-radius: 50%;padding: .5rem;}
input[type=submit] {color: white;margin: 1rem auto;border:none!important;transition: .5s;}
span.wpcf7-list-item {display: inline-block;margin: 0;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{border-color: var(--main-color);background: var(--main-color);color: var(--color-white);text-align: center;}
.wpcf7 form.sent .wpcf7-response-output {border-color: var(--main-color);background: var(--main-color);text-align: center;padding: 1rem;}
p.notice {text-align: left;}
.form {padding: 2rem;background: white;border-radius: 7px;box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);z-index: 1;width: 100%;}
.rounded img {border-radius: 7px;}
.half.absolute.rounded {z-index: 0;right: 0;left: auto;}
.formflex {align-items: center;flex-flow: row wrap;max-width: 600px;margin: 2rem auto 0;}
.formflex .absolute {position: relative;top: -1rem;transform: none;width: 100%;}
.form-half{display: flex;flex-flow: row wrap; gap: 1rem;}
.form-half > *{width: calc(50% - .5rem);margin: 0 !important;}
.wpcf7-checkbox{display: flex;flex-flow: row wrap;gap: .35rem 1rem; margin-block-start: -.75rem;}
.wpcf7-checkbox > *{text-align: left;width: 100%;}
.wpcf7-checkbox > * > .wpcf7-list-item-label{padding-left: 1rem;} div#popup {top:0;position: fixed;background: rgba(255,255,255,0.9);height: 100%;left: 0;right: 0;width: 100%;z-index: 999;display:none;justify-content: center;align-items: center;}
div#popup.active{display:flex}
div#popup #popup-close-area{position:absolute;top:0;left:0;height:100%;width:100%;z-index:0}
.popup_inner {border-radius: 7px;z-index:3;display: flex;justify-content: center;flex-direction: column;align-items: center;margin: auto;text-align: center;background: var(--main-color);padding: 3rem;    box-shadow: 0 0 2rem rgb(0 0 0 / 10%);}
.buttons {display: flex;justify-content: center;flex-flow: row wrap;}
div#close {color: white;position: absolute;right: 2rem;top: 1.5rem;font-weight: 700;font-size: 1.5rem;cursor: pointer;}
#popup #logo {background: none;width: 200px;justify-content: center;filter: invert(50%) brightness(999);}
#popup #logo img{margin: auto;} .customerslider {max-width: 850px;margin: 2rem auto 0;padding: 0 4rem;}
.customer_text .inner {padding: 2rem;width: 100%;}
.customer_text {display: flex !important;align-items: stretch;height: 100% !important;border-radius: 7px;overflow: hidden;}
.customer_text .customer_image {width: 75%;display: block;background-size: cover !important;height: auto;}
.customerslider .slick-list, .customerslider .slick-track {padding: 0 !important;}
.customer_text .inner.center, .customer_text .inner.center p {text-align: center;} .map {padding: 4rem 0;min-height: 25rem;display: flex;align-items: center;}
.datenschutz-hinweis {padding: 1.5rem;} footer {width: 100%;text-align: center;margin: 0 auto;background: var(--main-color);}
.footer {width: 100%;margin: 0 auto;position: relative;padding: 5rem 1.5rem;max-width: 1200px;}
.footerinner {align-items: flex-start;justify-content: space-between;margin-bottom: 2rem;flex-flow: row wrap;}
footer .menu a {color: white;font-style: normal;text-decoration: none;font-size: 1rem;}
footer .menu a:hover {color: var(--second-color);}
footer .menu {flex-direction: column;align-items: baseline;}
footer .menu-item {padding: 0 0 10px 0;}
.footer h3 {margin-bottom: 1rem;color: white;font-size: 2.5rem;}
footer p {color: white;}
footer .gapping {gap: 10rem;}
.bottombar {display: flex;justify-content:space-between;flex-direction: row;max-width: 1200px;margin: auto;width: 100%;border-top: 1px solid white; align-items: center;}
footer .icon svg{fill:white;margin-right: 10px;width: auto;height: 30px;}
.icon a:hover {color: white;}
li.icon svg:hover {fill:var(--second-color);}
ul.vorteile {margin-top: 20px;}
.grecaptcha-badge {display: none !important;}
.footer-nav .menu li {padding: 0 0rem;}
.footer #logo img {margin: auto;text-align: center;width: auto;display: block;}
.bottombar a, .bottombar p {color: white;font-weight: 300;}
.footer #logo {background: none;}
.footcon {text-align: left;}
.footerinner .footcon:not(:first-child) {margin-top: 2rem;} img.zimmer_aps {position: absolute;bottom: -8rem;height: 40vh;z-index: 1;left: 0;}
img.slider_aps {position: absolute;top: 50%;transform: translateY(-50%);height: 40vh;z-index: 0;left: 0;}
img.slider2_aps {position: absolute;top: -2rem;height: 60vh;z-index: 0;right: 0;}
img.trenner_aps {position: absolute;top: -2.36rem;height: 20vh;z-index: 2;left: 0;}
img.angebote2_aps {position: absolute;right: -5rem;height: 40vh;z-index: 2;bottom: -11rem;}
img.angebote_aps {position: absolute;top: -7rem;height: 60vh;z-index: 2;left: 0;}
img.kontakt_aps {position: absolute;right: 0;height: 60vh;z-index: 2;bottom: -11rem;top: 50%;transform: translateY(-50%);}
img.kontakt2_aps {position: absolute;top: 50%;transform: translateY(-50%);height: 60vh;z-index: 2;left: 0;} @media only screen and (min-width: 768px) {
.wpcf7-checkbox > *{width: calc(50% - .5rem);}
.form_inner form {display: flex;}
.zimmer {width: 50%;padding: .5rem;}
.box {flex: 1 50%; height: max-content;}
img.greeny {opacity: 1;}
.zimmer_overlay .text_container p, .zimmer_overlay .text_container i, .zimmer_overlay .text_container li{font-size: 1rem; line-height: 1.5em}
}
@media only screen and (min-width: 1024px) {
.zimmer {width: 25%;padding: .5rem;}
.angebot {flex: 1 33.33%;border-radius: 0;overflow: clip;margin: 0;}
.angebot:nth-child(2) {flex-direction: column-reverse}
.box {flex: 1 25%;}
#logo img {height: 100px;}
.form {width: calc(50% + 2rem);}
.formflex {align-items: center;flex-flow: row nowrap;max-width: 1000px;margin: 2rem auto 0;}
.formflex .absolute {position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: auto;z-index: 2;width: 50%;}
.topnull {padding: 4rem 0rem;}
.zimmer_overlay_inner {flex-flow: row nowrap; max-width: 1000px; height: unset; width: 100%;min-height: 400px;}
.zimmer_overlay_inner .text_container{padding: 10rem 2rem 2rem; min-width: calc(1/3 * 100%); max-width: calc(1/3 * 100%);}
.zimmer_overlay_inner .image_container{min-width: calc(2/3 * 100%); max-width: calc(2/3 * 100%); position: absolute; top: 0; right: 0; height: calc(100% + 1px);} label.hamburg {display: none;}
#main-nav {flex-direction: row;background-color: transparent;position: relative;max-height: none;overflow-y: auto !important;}
.menu {display: flex;}
header .menu a {color: white;font-size: 1.5rem;margin: 0 1.5rem;}
.header-icons {display: flex;margin-right: 0rem;}
.header_inner {flex-direction: row;}
}
@media only screen and (min-width: 1200) {
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "westbahn";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #555;
margin-right: 5px;
}
.icon-videocam-alt:before { content: '\e800'; } .icon-glass:before { content: '\e801'; } .icon-lock:before { content: '\e802'; } .icon-monitor:before { content: '\e803'; } .icon-cancel:before { content: '\e804'; } .icon-resize-full:before { content: '\e805'; } .icon-group:before { content: '\e806'; } .icon-wheelchair:before { content: '\f193'; } .icon-wifi:before { content: '\f1eb'; } .icon-bed:before { content: '\f236'; } .icon-thermometer:before { content: '\f2c7'; } .icon-shower:before { content: '\f2cc'; }