@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Westbahn Hotel Vienna
Theme URI: https://www.themius.de
Author: Tim Kurzweg
Author URI:  https://www.fotografpassau.de
Description: Template for Westbahn Hotel Vienna.
Version: 1.0
Text Domain: westbahn
*/
:root{--main-color:#ECC505;
  --second-color:#eeeeee;
  --color-mint: #A5BD92;
  --color-white:#fff;
  --color-black:#181818;
  --color-headline:#2a2a2a;
  --background-color:#f5f5f5;}

/* Slider */
.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: 2px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/* barlow-300 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-300.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-regular - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-500 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-500.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-600 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-600.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-700 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/theweekend/fonts/barlow/barlow-v5-latin-700.svg#Barlow') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'westbahn';
  src: url('/wp-content/themes/theweekend/fonts/font/westbahn.eot?31338048');
  src: url('/wp-content/themes/theweekend/fonts/font/westbahn.eot?31338048#iefix') format('embedded-opentype'),
       url('/wp-content/themes/theweekend/fonts/font/westbahn.woff2?31338048') format('woff2'),
       url('/wp-content/themes/theweekend/fonts/font/westbahn.woff?31338048') format('woff'),
       url('/wp-content/themes/theweekend/fonts/font/westbahn.ttf?31338048') format('truetype'),
       url('/wp-content/themes/theweekend/fonts/font/westbahn.svg?31338048#westbahn') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*CF/ CSS*/
.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; /* Blue */}
.wpcf7 form.init .wpcf7-response-output {display: none;}
.wpcf7 form.sent .wpcf7-response-output {border-color: #46b450; /* Green */}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {border-color: #dc3232; /* Red */}
.wpcf7 form.spam .wpcf7-response-output {border-color: #f56e28; /* Orange */}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {border-color: #ffb900; /* Yellow */}
.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: 2px 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('../../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: 'Barlow',sans-serif;}
* {margin: 0;padding: 0;outline: none;scroll-behavior: smooth;box-sizing: border-box;}
.speed {content-visibility: auto;}
h1, h2, h3, h4, h5, h6 {position: relative;font-family: 'Barlow', sans-serif;overflow-wrap:break-word;font-style: normal;font-weight: 400;color: black;text-transform: uppercase;text-align: left;display: inline-block;}
h1:after, h2:after, h3:after {content: '';position: absolute;bottom: -.5rem;width: 5rem;height: 2px;background: var(--main-color);left: 0;right: auto;margin: auto;}
.center h1:after, .center h2:after, .center h3:after {right: 0;}
p, figcaption, i {font-style: normal;font-weight: 400;line-height: 1.6;font-size: .9rem;text-align: left;margin: 1rem 0 !important;color: var(--color-black);letter-spacing: .025rem;}
p a {text-decoration: underline;font-weight: bolder;}
h1 {font-size: 2rem;line-height: 1;}
h2 {font-size: 2rem; line-height: 1;}
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: 2px 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, input.wpcf7-submit {letter-spacing: 2px;padding: .5rem 1rem;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: 0;text-transform: uppercase;font-weight: 600;}
.button:hover, input[type=submit]:hover {background-color: var(--main-color);transition: 0.5s;color: white;}

.button.ghost {background: none;border: 2px solid var(--main-color); border-radius: 0;color: black;}
.button.ghost:hover {background: var(--main-color);color: black;border:2px solid var(--main-color);}

.button.colored {background-color: var(--main-color);transition: 0.5s;color: white;}
.button.colored:hover {background: black;color: white;}

.textblock {text-align: left;max-width: 570px;z-index: 3;}
.divider.border, .divider.border .white {background-image: url(/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(/wp-content/themes/theweekend/images/black-divide.svg);}
.divider.border.grey {background-image: url(/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;}

/*Header*/
#logo {padding: 1rem 0;border-radius: 0 0 7px 7px;display: block;position: relative;z-index: 5;font-size: 2rem;color: var(--main-color);height: auto;width: auto;}
.sticky #logo img {filter: brightness(999);height: 35px;transition: .3s;}
.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: 9;width: 100%;transition: background-color 300ms linear;background: none;}
header .menu a {color: black;margin: 0 0rem;font-size: 1.5rem;transition: .3s;text-transform: uppercase;font-weight: 500;white-space: nowrap;}
header .menu a:hover {color: var(--main-color);transition: .3s;}
.menu {display: block;padding: 0 1.5rem;}
label.hamburg {position: relative;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(--main-color);}
#hamburg:checked + .hamburg .line:nth-child(2){opacity:0;}
#hamburg:checked + .hamburg .line:nth-child(3){transform: translateY(-7px) rotate(45deg);background: var(--main-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%;}
#hamburg:checked ~ #logo img {filter: brightness(1);}
#logo {margin-bottom: 0;}
#logo img {height: 50px;transition: .3s;}
#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(--main-color);color: white;}
.sticky {background: var(--main-color);transition: background-color 300ms linear;}
header.sticky .menu a:hover {color: black;}

/*Body*/
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: 5rem 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;font-family: '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: 2;}
.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);background: linear-gradient(307deg, rgba(222,222,222,1) 0%, rgba(172,172,172,1) 100%);}
.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: black;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: -8rem;}
.anchor.basic {top: 0;}
.formblock .textblock {flex: 1;padding-top: 2rem;}
.formblock {padding: 0 3rem;}

/*Teaser*/
.full.teaser {position: relative;min-height: 50rem;display: flex;align-items: flex-end;justify-content: flex-end;background-position: center !important;background-size: cover !important;}
.teaser_inner {text-align: left;color: white;padding: 5rem 1.5rem 5rem;width: 100%;}
.teaser_inner .buttons {text-align: left;}
.full.teaser img {width: 100%;height: 100%;object-fit: cover;filter: opacity(0.75);}
.teaser_inner h1 {color: white;}
.teaser_inner .buttons .button, .teaser_inner p, .teaser_inner a {position: relative;color: white;}
.teaser_inner > * {max-width: 600px;}

/*Booking*/
.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: 'Barlow', 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: 'Barlow', 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*/
.zimmer_list {display: flex;flex-flow: row wrap;justify-content: flex-start;}
.zimmer {flex: 1 50%;padding: .5rem;}
.zimmer_inner {background: var(--background-color);border-radius: 0;height: 100%;}
.overlayclick {min-height: 265px;}
.zimmer_inner img {border-radius: 0px;max-height: 265px;width: 100%;height: 265px;object-fit: cover;}
.zimmer_info {border-radius: 0px 0px 7px 7px;padding: 1rem;}
.zimmer_info p {margin: 0rem !important;}
.zimmer_info h3 {margin-bottom: 1rem;}
.zimmer_block {padding-top: 4rem;}
.infos_bottom span {font-size: 2rem;}
hr {margin: 1rem 0 0;background: var(--main-color);height: 1px;border: none;}
.infos_list p {padding-right: 1rem;}
.infos_bottom.flex {margin-bottom: 1rem;}

.roomoverlay {display: none;position: fixed;background: rgb(0 0 0 /80%);height: 100vh;width: 100vw;z-index: 999;top: 0;left: 0;right: 0;bottom: 0;
  display: none;align-items: center;justify-content: center;padding: 1.5rem;}
.roomoverlay.show {display: flex;overflow-y: auto;}
.img img {height: 100%;width: 100%;object-fit: cover;}
.close {position: absolute;right: 1rem;top: 1rem;z-index: 999;cursor: pointer;}
.img {width: 100%;position: relative;max-height: 250px;}
.roomoverlay .zimmer_inner {height: auto;padding: 1rem;}
.roomoverlay_inner {    width: 100%;max-width: 700px;display: flex;flex-flow: row nowrap;max-height: 800px;flex-direction: column-reverse;position: relative;justify-content: flex-end;height: 100%;}
.ausstattung {margin: 1rem 0;}

.popslider { height: 100%;overflow: hidden;display: block;}
.popslider .slick-list {height: 100%;padding: 0 !important;}
.popslider .slick-track {height: 100%;padding: 0 !important;}
.popslider button.slick-next.slick-arrow {right: 1rem;}
.popslider button.slick-prev.slick-arrow {left: 1rem;}

/*Textblock*/
.textblock_block p + .buttons {margin-top: 2rem;}
.buttons .button:not(:last-child) {margin-right: 1rem;}

/*Slider*/
.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);-moz-transform: scale(1);transform: scale(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{height: inherit !important;border-radius: 0;}
.slick-slide img {opacity: .6;display: block;height: 100%;width: 100%;object-fit: cover;}
.slick-center img {opacity: 1;}
.slick-list, .slick-track {padding: 2rem 0 3rem !important;}
.slick-arrow {z-index:9;background: var(--main-color);border:none;border-radius: 7px;color: white;cursor: pointer;padding: .5rem .95rem;font-size: 1rem;font-weight: 600;font-family: 'Barlow', sans-serif;}
.sliderblock235, .sliderblock237 {padding:0rem;max-width: 1100px;margin: 0rem 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;}
.business .button {color: white;font-weight: normal;white-space: nowrap;font-size: 1rem;}

.businessicons li img {max-height: 3rem;}
.businessicons {display: flex;margin-top: 2rem;align-items: center;}
.businessicons li {flex: 1;}

/*Trener*/
.backgroundimage {position: relative;background-size: cover !important;background-repeat: no-repeat !important;background-position: center !important;box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);}
.infos li img {width: 2rem;}
.infos li {display: block;align-items: center;}
.infos li *:not(:last-child) {margin-right: 2rem;}
.infos li p {text-align: left !important;}
.infos li *:not(:last-child) {margin-right: 2rem !important;}
.infos li .icontitle {min-width: 6rem;text-transform: uppercase;font-weight: 500;font-size: 1.2rem;}
.infos {margin-top: 2rem;}

/*Angbebote*/
.angebot {flex: 1 100%;margin: 2rem auto;border-radius: 0;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: 'Barlow', sans-serif;font-weight: 600;font-size: 1.3rem;}
.angebote_inner p {margin: 0;}
.angebot img {height: 270px;object-fit: cover;width: 100%;opacity: 1;}
.angebot:nth-child(2) {flex-direction: column;display: flex;}
.angebote_liste {border-radius: 0;overflow: hidden;margin-top: 4rem;z-index: 3;}
.angebot .book {border-radius: 0 0 0 7px;}
.sliderblock237 {max-width: none;}
.angebot.slick-slide {margin: 0 .5rem;}
.sliderblock237 .slick-list {margin:-.5rem;}

/*Anreise*/
.box {flex: 1 100%;padding: .5rem;}
.box_inner {height: 100%;padding: 1rem 0;background: white;border-radius: 0;text-align: center;}
.box_inner img {max-width: 100px;margin: auto;padding: 1rem;min-height: 100px;filter: brightness(0);}
.box_info {padding: 0 2rem 2rem;text-align: center;}
.box_info h2, .box_info h3, .box_info h4, .box_info h5, .box_info h6 {font-family: 'Barlow', sans-serif;font-weight: 600;color: black;font-size: 1.3rem;width: 100%;text-align: center;}
.box_info p {margin: 1rem 0 0 0 !important;text-align:center;}
.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;}

/* Kontaktformular */
input {font-family: 'Barlow', sans-serif;font-size: .9rem;letter-spacing: 0.025rem;-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: 400;outline: none;}
textarea {font-size: .9rem;letter-spacing: 0.025rem;font-family: 'Barlow', sans-serif;color: var(--color-black);-webkit-appearance: textfield;background: none;-webkit-rtl-ordering: logical;cursor: text;padding: 10px;border: 2px solid var(--main-color);width: 100%;resize: none;font-weight: 400;border-radius: 0;}
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: 2px solid var(--main-color);border-radius: 0;color: var(--color-black);font-style: normal;text-decoration: none;width: 100%;color: var(--color-black);padding: .5rem;font-weight: 400;}
.wpcf7-form input:focus, textarea:focus {border: 2px solid black;}
.wpcf7-form p {text-align: center;margin: .5rem auto;font-size: 1rem;}
input[type="checkbox"]{border: 2px solid var(--main-color) !important;display: inline-block;width: auto;cursor: pointer;}
.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;}
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: 0;box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);z-index: 2;width: 100%;margin-top: 5rem;}
.rounded img {border-radius: 0;}
.half.absolute.rounded {z-index: 1;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%;}
.flex.formflex > div {flex: 1 50%;}
.formflex .textblock {margin-right: 2rem;}
input.wpcf7-submit {cursor: pointer;background: var(--main-color);color: white;font-weight: 600;width: auto;font-size: 1rem;border:none;}
input.wpcf7-submit:hover {background: black;color: white;border: none;}

/*Maps*/
.map {padding: 4rem 0;min-height: 25rem;display: flex;align-items: center;}
.datenschutz-hinweis {padding: 1.5rem;}

/* Footer */
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;margin-bottom: 2rem;flex-flow: row wrap;display: block;}
footer .menu a {color: white;font-style: normal;text-decoration: none;font-size: 1rem;}
footer .menu a:hover {color: black;}
footer .menu {flex-direction: column;align-items: baseline;padding: 0;}
footer .menu-item {padding: 0 0 10px 0;}
.footer h3 {margin-bottom: 1rem;color: white;}
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: 1rem;width: auto;height: 30px;}
.icon a:hover {color: white;}
li.icon svg:hover {fill:black;}
ul.vorteile {margin-top: 20px;}
.grecaptcha-badge {display: none !important;}
.footer-nav .menu li {padding: 0 0rem;}
.footer #logo img {margin: 0;text-align: center;width: auto;display: block;filter: brightness(999);}
.bottombar a, .bottombar p {color: white;font-weight: 300;}
.footer #logo {background: none;}
.footcon {text-align: left;flex:1;}
.footerinner .footcon:not(:first-child) {margin-top: 2rem;}
.footerinner .footcon:not(:last-child) {margin-right: 2rem;}
footer a {color: white;font-weight: normal;}
footer a:hover {color: black;}
footer h1:after, footer h2:after, footer h3:after {background: black;}

/* Media*/
@media only screen and (min-width: 600px) {
  .slick-center {transition: .3s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);}
  .sliderblock235, .sliderblock237 {padding: 0 4rem;}
}
@media only screen and (min-width: 768px) {
  .form_inner form {display: flex;}
  .zimmer {flex: 1 50%;}
  .box {flex: 1 50%;}
  h1, h2 {font-size: 2rem;}
  img.greeny {opacity: 1;}
  .infos li {display: flex;}
  .footerinner {display: flex;}
  .img {max-height: 350px;}
}

@media only screen and (min-width: 1024px) {
  .zimmer {flex: 1 25%;}
  .angebot {flex: 1 33.33%;border-radius: 0;overflow: auto;margin: 0;}
  .angebot:nth-child(2) {flex-direction: column-reverse}
  .box {flex: 1 25%;}
  #logo img {height: 70px;}
  .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: 5rem 0rem;}
  .form {padding: 2rem;background: white;border-radius: 0;box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);z-index: 2;width: 100%;margin-top: 0rem;}
  .roomoverlay_inner {flex-flow: row nowrap;flex-direction: row;}
  .roomoverlay .zimmer_inner {height: auto;padding: 2rem;min-width: 33.33%;}
  .img {max-height: 600px;width: 66%;}
  .roomoverlay_inner {height: auto;max-width: 1200px;}
  .teaser_inner {width: 50%;}
  /*Menü*/
  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-icons {display: flex;margin-right: 0rem;}
  .header_inner {flex-direction: row;}
  header .menu a {color: white;margin: 0 .5rem;}
}

@media only screen and (min-width: 1200px) {
  header .menu a {color: white;margin: 0 1rem;}
}



 [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'; } /* '' */