html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
:root {
--light-cream: #fafaf8;
--light-grey: #5d656c;
--dark-grey: #47525b;
--white: white;
--medbellevue: #a4b0b6;
--redmedium: #af6666;
--royalbellevue: #49616d;
--sand: #b9a879;
--lightbellevue: #edeff0;
--dark-cream: #e2ded5;
--darkbellevue: #173c4e;
--redsalon: #7e1818;
--reddark: #551515;
--light-blue: #e4eff2;
--lindgreen: #abb27b;
--b9a879: #838a7b;
--gold: #938257;
--lightsand: #f4ebd8;
--gold-dark: #af9f2b;
--blackbellevue: #072230;
--redlight: #f6eeee;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex;
}
.w-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
background-color: var(--light-cream);
color: var(--light-grey);
font-family: Raleway, sans-serif;
font-size: 16px;
line-height: 20px;
}
h1 {
color: var(--dark-grey);
margin-top: 0;
margin-bottom: 24px;
font-family: Cormorant Garamond, sans-serif;
font-size: 8vw;
font-weight: 400;
line-height: 110%;
}
h2 {
color: var(--dark-grey);
margin-top: 0;
margin-bottom: 24px;
font-family: Cormorant Garamond, sans-serif;
font-size: 6vw;
font-weight: 400;
line-height: 120%;
}
h3 {
color: var(--dark-grey);
margin-top: 0;
margin-bottom: 24px;
font-family: Cormorant Garamond, sans-serif;
font-size: 5vw;
font-weight: 400;
line-height: 110%;
}
h4 {
color: var(--dark-grey);
margin-top: 0;
margin-bottom: 16px;
font-family: Cormorant Garamond, sans-serif;
font-size: 4.5vw;
font-weight: 400;
line-height: 110%;
}
h5 {
color: var(--dark-grey);
margin-top: 0;
margin-bottom: 8px;
font-family: Cormorant Garamond, sans-serif;
font-size: 3.2vw;
font-weight: 400;
line-height: 120%;
}
h6 {
color: var(--dark-grey);
margin-top: 0;
margin-bottom: 8px;
font-family: Cormorant Garamond, sans-serif;
font-size: 2vw;
font-weight: 400;
line-height: 120%;
}
p {
color: var(--light-grey);
margin-bottom: 16px;
font-family: Raleway, sans-serif;
font-size: 1.4vw;
line-height: 160%;
}
a {
color: var(--dark-grey);
font-family: Raleway, sans-serif;
font-size: 1.7vw;
font-style: italic;
line-height: 120%;
text-decoration: underline;
}
ul {
margin-top: 16px;
margin-bottom: 16px;
padding-left: 32px;
}
li {
padding-bottom: 8px;
font-size: 1.4vw;
line-height: 160%;
}
img {
max-width: 100%;
display: inline-block;
}
label {
color: var(--light-grey);
margin-bottom: 5px;
font-family: Raleway, sans-serif;
font-size: 1.4vw;
font-weight: 400;
line-height: 140%;
display: block;
}
em {
font-style: italic;
}
figure {
margin-bottom: 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
font-size: 1.1vw;
line-height: 140%;
}
.section {
padding-top: 144px;
padding-bottom: 220px;
}
.section.top-padding-160 {
padding-top: 160px;
display: none;
}
.section.top-padding-160.bottom-distance {
padding-bottom: 60px;
display: none;
}
.section.padding-192 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white);
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 140px;
padding-bottom: 140px;
display: flex;
position: relative;
}
.section.padding-192.hide {
display: none;
}
.section.padding-192.distance-bottom-no {
flex-flow: column;
padding-top: 100px;
padding-bottom: 0;
}
.section.bottom-padding-192 {
background-color: var(--light-cream);
padding-bottom: 140px;
display: flex;
overflow: visible;
}
.section.bottom-padding-192.no-top-padding {
display: flex;
}
.section.bottom-padding-192.no-top-padding.bottom-distance {
padding-bottom: 100px;
}
.section.bottom-padding-192.hide {
display: none;
}
.section.bottom-padding-192.abstand-bottom {
padding-bottom: 40px;
display: flex;
}
.section.no-top-padding {
padding-top: 0;
padding-bottom: 140px;
}
.section.no-top-padding.angebote {
padding-bottom: 0;
}
.section.padding-96 {
padding-top: 96px;
padding-bottom: 96px;
}
.section.bg-color-2 {
background-color: var(--medbellevue);
}
.section.bg-color-2.salon {
background-color: var(--redmedium);
}
.section.bg-color-1 {
background-color: #49616d;
padding-bottom: 120px;
}
.section.bg-color-1.overlap-section-top {
background-color: var(--royalbellevue);
margin-top: -240px;
display: none;
}
.section.bg-color-1.salon {
background-color: #551515;
}
.section.bg-color-5 {
background-color: var(--medbellevue);
}
.section.bg-color-5.overlap-section-top {
background-color: var(--sand);
margin-top: -240px;
}
.section.top-bottom-padding {
background-color: #0000;
padding-top: 60px;
padding-bottom: 120px;
}
.section.padding-192-white {
background-color: var(--light-cream);
padding-top: 140px;
padding-bottom: 140px;
}
.section.padding-192-white.abstand-bottom {
background-color: var(--white);
padding-bottom: 0;
}
.section.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 40px;
}
.section.padding-192-sand {
background-color: var(--lightbellevue);
padding-top: 140px;
padding-bottom: 192px;
}
.section.padding-192-sand.salon {
background-color: #f6eeee;
}
.section.impressum {
background-color: #edeff0;
}
.section.angebote {
padding-top: 0;
}
.section.no-bottom-padding {
padding-top: 60px;
padding-bottom: 0;
display: block;
}
.container {
background-color: #0000;
width: 100%;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
padding-left: 10vw;
padding-right: 10vw;
}
.container.room-slider-section {
overflow: hidden;
}
.container.cta {
text-align: center;
justify-content: space-between;
display: flex;
}
.container.cta-2 {
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
display: flex;
}
.container.abstand {
padding-top: 100px;
}
.container.room-teaser {
flex: 1;
}
.container.bottom-distance {
text-align: center;
margin-bottom: 100px;
display: block;
}
.container.distance-top {
padding-top: 40px;
padding-bottom: 40px;
}
.styleguide-section-wrapper {
align-items: flex-start;
display: flex;
}
.styleguide-title-wrapper {
z-index: 2;
width: 25%;
padding-right: 32px;
position: sticky;
top: 64px;
}
.styleguide-content-wrapper {
width: 75%;
padding-left: 8px;
}
.style-guide-color-grid {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-columns: 1fr 1fr 1fr;
}
.styleguide-color {
width: 200px;
height: 200px;
margin-bottom: 8px;
}
.styleguide-color.dark-cream {
border: 1px solid var(--dark-cream);
background-color: var(--dark-cream);
}
.styleguide-color.forest-green {
border: 1px solid var(--medbellevue);
background-color: var(--medbellevue);
}
.styleguide-color.light-grey {
border: 1px solid var(--light-grey);
background-color: var(--light-grey);
}
.styleguide-color.dark-grey {
border: 1px solid var(--dark-grey);
background-color: var(--dark-grey);
}
.styleguide-heading-wrapper {
border-top: 1px solid var(--light-grey);
padding-top: 16px;
padding-bottom: 16px;
display: flex;
}
.styleguide-heading-wrapper.last {
border-bottom: 1px solid var(--light-grey);
}
.styleguide-heading-content {
width: 85%;
font-family: Quicksand, sans-serif;
}
.styleguide-heading-label {
width: 15%;
padding-right: 16px;
}
.display {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 12vw;
font-weight: 300;
}
.display.light {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
display: block;
}
.display.light.salon {
display: block;
}
.display.white {
margin-bottom: 10px;
}
.feature-paragraph {
color: var(--light-grey);
align-items: stretch;
margin-top: 10px;
margin-bottom: 10px;
font-family: Quicksand, sans-serif;
font-size: 1.4vw;
font-weight: 400;
line-height: 160%;
display: block;
}
.feature-paragraph.medium-width {
max-width: 80vw;
margin-left: auto;
margin-right: auto;
}
.feature-paragraph.medium-width.left-aligned {
text-align: left;
max-width: 70vw;
margin-left: 0;
}
.feature-paragraph.centered {
text-align: center;
margin-bottom: 0;
line-height: 120%;
}
.feature-paragraph.room-details {
font-size: 1.4vw;
}
.small-text {
color: var(--light-grey);
margin-top: 20px;
margin-bottom: 8px;
font-family: Quicksand, sans-serif;
font-size: 1.2vw;
line-height: 140%;
}
.small-text.right-arrow-text {
transform-origin: 0 0;
color: var(--light-cream);
white-space: nowrap;
width: 120px;
position: absolute;
inset: 138px auto auto 0%;
transform: rotate(-90deg);
}
.small-text.left-arrow-text {
transform-origin: 100% 100%;
color: var(--light-cream);
text-align: left;
white-space: nowrap;
width: 120px;
position: absolute;
inset: auto 0% 112px auto;
transform: rotate(-90deg);
}
.small-text.white {
color: var(--dark-cream);
margin-top: 40px;
}
.styleguide-buttons-wrapper {
border-top: 1px solid var(--light-grey);
padding-top: 32px;
padding-bottom: 16px;
}
.button {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid var(--dark-grey);
background-color: var(--dark-grey);
color: var(--light-cream);
text-align: left;
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f38120880a2269b9496431_Arrow%20short%20white.png");
background-position: 90%;
background-repeat: no-repeat;
background-size: 48px 14px;
flex-flow: row;
width: auto;
margin-top: 0;
padding: 16px 96px 16px 20px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 1.6vw;
transition: background-position .3s;
display: flex;
position: static;
}
.button:hover {
background-color: var(--darkbellevue);
background-position: 94%;
}
.button.light {
border-color: var(--light-cream);
background-color: var(--light-cream);
color: var(--dark-grey);
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f04cda9c46d9_light_btn_arrow.svg");
}
.button.outline {
color: var(--dark-grey);
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f04cda9c46d9_light_btn_arrow.svg");
}
.button.secondary {
color: var(--dark-grey);
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f381201cf3a83b77f39cc7_Arrow%20short.png");
border-style: none;
align-items: stretch;
margin-top: 0;
padding-left: 20px;
padding-right: 110px;
font-family: Frank Ruhl Libre, sans-serif;
display: flex;
}
.button.secondary:hover {
color: var(--dark-grey);
}
.button.secondary.margin-right {
align-self: center;
margin-right: 40px;
}
.button.secondary.margin-right.margin_bottom {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f381201cf3a83b77f39cc7_Arrow%20short.png");
background-repeat: no-repeat;
background-size: 48px 14px;
margin-right: 0;
padding-left: 24px;
padding-right: 96px;
font-size: 1.6vw;
}
.button.salon {
background-color: var(--redsalon);
color: var(--white);
border-width: 0;
}
.button.salon:hover {
background-color: var(--reddark);
}
.button.salon.distance {
margin-bottom: 60px;
}
.button.salon.distance.width {
align-items: center;
max-width: 400px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.button.salon.width2 {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.styleguide-single-button {
margin-top: 24px;
margin-bottom: 24px;
margin-right: 56px;
display: inline-block;
}
.styleguide-single-button.light {
background-color: var(--medbellevue);
padding: 24px;
}
.button-rounded {
border: 1px solid var(--dark-grey);
background-color: var(--dark-grey);
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f028879c46d8_dark_btn_arrow.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
border-radius: 50%;
width: 90px;
height: 90px;
}
.button-rounded.light {
border-color: var(--light-cream);
background-color: var(--light-cream);
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f04cda9c46d9_light_btn_arrow.svg");
}
.button-rounded.outline {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f04cda9c46d9_light_btn_arrow.svg");
}
.hero4 {
text-align: center;
padding-top: 25vh;
padding-left: 0;
text-decoration: none;
position: relative;
}
.hero4.distance-bottom, .hero4.distance-bottom-2 {
margin-bottom: 140px;
}
.hero1 {
min-height: 100vh;
position: relative;
}
.hero1-content-wrapper {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
min-height: 100vh;
margin-left: auto;
margin-right: auto;
padding-bottom: 5vh;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: sticky;
top: 0;
}
.hero1-content {
width: 100%;
padding-left: 10vw;
position: relative;
}
.light {
color: var(--light-cream);
font-family: Frank Ruhl Libre, sans-serif;
font-size: 3vw;
font-weight: 300;
display: inline-block;
}
.light.right-align {
text-align: left;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 3vw;
font-weight: 300;
}
.light.right-align.salon, .light.right-align.restaurant {
display: block;
}
.light.subtext {
font-size: 1.8vw;
}
.light.left {
display: block;
}
.light.booking {
font-size: 3vw;
display: block;
}
.light.aktivit-ten, .light.sauna, .light.speisekarte, .light.footer, .light.terasse {
display: block;
}
.hero-badge {
height: 140px;
margin-bottom: 16px;
}
.right-align {
text-align: right;
}
.subhero-section {
background-color: var(--lightbellevue);
padding-top: 20px;
padding-bottom: 20px;
display: none;
}
.subhero-section.blue {
background-color: var(--light-blue);
}
.form-input {
color: var(--dark-grey);
letter-spacing: 2px;
background-color: #0000;
border: 1px #0000;
border-bottom: 2px dotted #63636380;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-family: Quicksand, sans-serif;
font-size: 1.5vw;
font-style: italic;
line-height: 140%;
transition: border-color .3s;
}
.form-input:focus {
border-bottom-color: var(--light-grey);
color: var(--dark-grey);
font-family: Quicksand, sans-serif;
}
.form-input:focus-visible, .form-input[data-wf-focus-visible] {
background-color: var(--lightbellevue);
}
.form-input::placeholder {
color: #3c3a3499;
}
.form-input.light {
color: var(--light-cream);
border-bottom-color: #fafaf899;
}
.form-input.light:focus {
border-bottom-color: #fafaf8;
}
.form-input.light::placeholder {
color: #fafaf8b3;
}
.form-input.distance, .form-input.distance-2 {
height: auto;
margin-bottom: 20px;
}
.booking-form-block {
margin-bottom: 0;
}
.booking-form {
justify-content: space-between;
align-items: center;
display: flex;
}
.submit-button {
border: 0px solid var(--dark-grey);
background-color: var(--royalbellevue);
color: var(--light-cream);
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f38120880a2269b9496431_Arrow%20short%20white.png");
background-position: 86%;
background-repeat: no-repeat;
background-size: 48px 14px;
padding: 16px 96px 16px 32px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 20px;
font-style: italic;
line-height: 120%;
transition: background-color .3s, background-position .3s;
}
.submit-button:hover {
background-color: var(--darkbellevue);
background-position: 90%;
}
.submit-button.light {
border-color: var(--light-cream);
background-color: var(--light-cream);
color: var(--dark-grey);
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f04cda9c46d9_light_btn_arrow.svg");
}
.submit-button.salon {
background-color: var(--redsalon);
color: var(--white);
}
.submit-button.salon:hover {
background-color: var(--redsalon);
color: var(--light-cream);
}
.two-column-body-grid {
grid-column-gap: 128px;
}
.two-column-body-grid._1-row {
grid-template-rows: auto;
}
.two-column-body-wrapper {
padding-bottom: 96px;
padding-left: 10vw;
padding-right: 10vw;
}
.heading-wrapper {
padding-bottom: 80px;
}
.heading-wrapper.inner-spacing {
padding-bottom: 60px;
padding-left: 0;
}
.heading-wrapper.centered {
text-align: center;
max-width: 80%;
padding-bottom: 20px;
}
.heading-wrapper.centered.left-padding.right-padding.distance-bot {
padding-bottom: 40px;
}
.heading-wrapper.centered.left-padding.right-padding.distance-bot.width {
max-width: 100%;
}
.heading-wrapper.centered.left-padding.right-padding.kontakt {
max-width: 80%;
}
.heading-wrapper.centered.left-padding.right-padding.bottom {
max-width: 100%;
padding-bottom: 60px;
}
.heading-wrapper.centered.left-padding.right-padding.wide {
max-width: 100%;
padding-bottom: 40px;
}
.heading-wrapper.centered.left-padding.right-padding.wide.feste {
margin-bottom: 0;
}
.heading-wrapper.centered.left-padding.right-padding.insta {
max-width: 100%;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.heading-wrapper.centered.left-padding.right-padding.sauna, .heading-wrapper.centered.left-padding.right-padding.maps {
margin-bottom: 0;
}
.heading-wrapper.width-small.centered {
margin-left: auto;
margin-right: auto;
}
.overlap-image-wrapper {
height: 70vh;
overflow: hidden;
}
.overlap-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.div-block {
padding-left: 10vh;
}
.divider {
color: var(--medbellevue);
margin-left: 20px;
margin-right: 20px;
padding-top: 3px;
display: block;
}
.divider._288px {
height: 144px;
}
.divider._288px.mobile-none {
height: 100px;
}
.divider._144px {
height: 144px;
}
.divider._96px {
height: 96px;
}
.divider.middle {
margin-left: 0;
margin-right: 0;
}
.divider.hide {
color: var(--medbellevue);
display: none;
}
.home-room-slider-wrapper {
overflow: hidden;
}
.grid-layout-content-wrapper.right-padding {
padding-right: 0;
}
.grid-layout-content-wrapper.left-padding, .grid-layout-content-wrapper.left-padding.right-padding {
padding-left: 0;
}
.grid-layout-content-wrapper.left-padding20 {
padding-left: 20vw;
}
.card-image-wapper {
align-items: flex-end;
display: flex;
overflow: hidden;
}
.card-content-wrapper {
text-align: center;
margin-bottom: 40px;
padding-top: 60px;
}
.card-content-wrapper.bar {
padding-top: 0;
}
.card-image {
height: auto;
}
.split-section-wrapper {
grid-template-rows: auto;
display: flex;
}
.testimonial-wrapper {
flex-direction: column;
align-items: flex-end;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.testimonial-content {
margin-bottom: 40px;
}
.testimonial-profile {
align-items: center;
display: flex;
}
.testimonial-profile-image-wrapper {
border-radius: 50%;
width: 90px;
height: 90px;
margin-right: 16px;
overflow: hidden;
}
.paragraph-width-medium {
max-width: 60vw;
margin-left: auto;
margin-right: auto;
font-family: Quicksand, sans-serif;
font-weight: 400;
}
.full-frame-image-wrapper {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
background-attachment: scroll;
justify-content: flex-start;
align-items: flex-end;
height: 100vh;
padding-bottom: 3vw;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
overflow: hidden;
}
.full-frame-image-wrapper.homepage {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/628b8ad5f2eae090384985f7_Bellevue_grossaufnahmen_de-7125_worked_Sundown.jpg");
background-position: 50%;
background-size: cover;
background-attachment: fixed;
}
.full-frame-image-wrapper.gastronomy {
background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6597200f5f5842c2b6b332b2_9AEEAC53-073E-47A4-81DA-2373C500A2BA.JPG");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, fixed;
}
.full-frame-image-wrapper.experiences {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/62968c2c732fd020d4d9498c_Bellevue_grossaufnahmen_de-7709_s.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.full-frame-image-wrapper.hotel {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65da7948bada2318eaf1ae09_Gartenteich.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.full-frame-image-wrapper.contact {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/62b0699ad54cdf77c2477edc_Landschaft.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.full-frame-image-wrapper.gastronomy-2 {
background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/659878f45c74962847736361_62A6C289-3300-4899-A49F-7492D9CA3AA2.JPG");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, fixed;
}
.full-frame-image-wrapper.lahn-erleben {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/62b0514bd95a84bde145e7ac_Bellevue_grossaufnahmen_de-8881_s.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.full-frame-image-wrapper.contact-salon {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65972275d52fdc5fb913417d_EAB9D82F-9BC5-498E-975A-5086965AAE06.JPG");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.full-frame-image-wrapper.hotel-a-z {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65a6cd7d0f90d7422414b58a_60E2494A-F147-4751-90C8-A573B6F943B9.JPG");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
height: 60vh;
}
.grid-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.grid-list-item-wrapper {
border-top: 1px solid var(--light-grey);
padding-top: 32px;
padding-bottom: 32px;
font-style: normal;
text-decoration: none;
display: flex;
}
.grid-list-item-wrapper.last {
border-bottom: 1px solid var(--light-grey);
}
.grid-list-item-image-wrapper {
width: 25%;
overflow: hidden;
}
.grid-list-item-content-wrapper {
width: 60%;
padding-left: 10%;
}
.grid-list-item-number-wrapper {
width: 15%;
position: relative;
}
.grid-list-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.cta-1-grid {
grid-column-gap: 8px;
grid-row-gap: 16px;
grid-template: ". . . Area-2 Area-2 . . . . . Area-4 Area-4" minmax(auto, 1fr)
"Area Area . . . . Area-3 Area-3 Area-3 . Area-4 Area-4" minmax(auto, 1fr)
/ 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.cta-wrapper {
position: relative;
}
.cta-area-1 {
overflow: hidden;
}
.cta-area-2 {
width: auto;
overflow: hidden;
}
.cta-area-3, .cta-area-4 {
overflow: hidden;
}
.cta-1-link-block {
justify-content: center;
align-items: center;
font-style: normal;
text-decoration: none;
display: flex;
position: absolute;
inset: 0%;
}
.cta-1-arrow {
margin-left: 32px;
}
.footer-wrapper {
border-top: 0px solid var(--light-grey);
padding-top: 56px;
padding-bottom: 16px;
}
.footer-top-row {
padding-bottom: 96px;
display: flex;
}
.footer-bottom-row {
justify-content: space-between;
display: flex;
}
.footer-menu {
width: 25%;
}
.footer-contact {
width: 30%;
}
.footer-logo {
flex-direction: column;
justify-content: space-between;
width: 45%;
padding-right: 10%;
display: flex;
}
.footer-link {
margin-bottom: 8px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 2.2vw;
font-style: normal;
font-weight: 300;
line-height: 140%;
text-decoration: none;
transition: color .3s;
display: block;
}
.footer-link:hover {
color: var(--medbellevue);
}
.footer-link.salon {
color: var(--dark-grey);
}
.footer-link.salon:hover {
color: var(--redsalon);
}
.footer-contact-link {
align-items: flex-start;
margin-bottom: 8px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 2.2vw;
font-style: normal;
font-weight: 300;
line-height: 140%;
text-decoration: none;
transition: color .3s;
display: flex;
}
.footer-contact-link:hover {
color: #838a7bb3;
}
.footer-contact-icon {
margin-right: 16px;
padding-top: 10px;
}
.footer-contact-icon.abstand-kleiner {
padding-top: 0;
}
.footer-secondary-link {
margin-right: 32px;
font-size: 1.1vw;
font-style: normal;
line-height: 140%;
text-decoration: none;
transition: color .3s;
}
.footer-secondary-link:hover {
color: #838a7bb3;
}
.footer-social-links {
display: flex;
}
.footer-logo-link {
margin-bottom: 24px;
}
.footer-logo-link.w--current {
width: auto;
}
.footer-social-link {
width: 40px;
margin-right: 20px;
}
.hero2 {
background-color: var(--royalbellevue);
flex-direction: column;
min-height: 100vh;
display: flex;
}
.hero2-image-wrapper {
width: 70%;
height: 85%;
position: absolute;
inset: 10% 0% 0% auto;
overflow: hidden;
}
.hero-content {
width: 100%;
padding-bottom: 5vh;
padding-left: 5vw;
position: relative;
}
.hero2-content-wrapper {
flex: 1;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 5vh;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: relative;
}
.hero2-image-overlay {
background-image: linear-gradient(87deg, #251e1673, #382c2000);
display: block;
position: absolute;
inset: 0%;
}
.room-type-wrapper {
margin-bottom: 140px;
padding-bottom: 40px;
display: flex;
}
.room-type-wrapper:nth-child(2n) {
flex-direction: row-reverse;
}
.room-type-image-wrapper {
align-items: flex-end;
width: 50%;
display: flex;
overflow: hidden;
}
.room-type-image-wrapper.large-height.right-padding {
align-items: flex-start;
height: auto;
}
.room-type-content-wrapper {
flex-direction: column;
justify-content: space-between;
width: 50%;
display: flex;
}
.room-type-content-wrapper.right-padding {
justify-content: flex-start;
}
.room-amenity-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.room-amenity-icon {
width: 80px;
margin-right: 0;
}
.collection-item {
padding-left: 0;
padding-right: 0;
}
.room-amenity-section {
border-top: 1px solid var(--light-grey);
margin-top: 60px;
padding-top: 10px;
display: flex;
}
.right-padding {
padding-right: 5vw;
}
.left-padding {
padding-left: 5vw;
}
.room-type-btn-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: flex-start;
margin-top: 40px;
display: grid;
}
.full-frame-slider-wrapper {
display: block;
overflow: hidden;
}
.full-frame-slider {
background-color: #0000;
height: 100vh;
position: relative;
}
.left-arrow {
align-items: center;
width: 20vw;
height: 90vh;
padding-left: 1vw;
display: flex;
}
.right-arrow {
justify-content: flex-end;
align-items: center;
width: 10vw;
height: 90vh;
padding-right: 1vw;
display: flex;
}
.full-frame-single-slide-wrapper {
width: 100%;
height: 100%;
}
.full-frame-single-slide-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.slide-nav {
color: var(--lindgreen);
text-align: left;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
padding-left: 5vw;
padding-right: 5vw;
font-size: 12px;
}
.slider-mask {
padding-bottom: 50px;
}
.cta-2-link-block {
justify-content: center;
align-items: center;
font-style: normal;
text-decoration: none;
display: flex;
position: absolute;
inset: 0%;
}
.cta-2-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "." minmax(auto, 1fr)
"." minmax(auto, 1fr)
/ 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.centered-paragraph {
text-align: center;
padding-top: 96px;
}
.hero3 {
align-items: flex-end;
width: 100%;
min-height: 100vh;
padding-left: 0;
padding-right: 0;
display: inline-block;
position: relative;
}
.footer-container {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 5vw;
padding-right: 5vw;
}
.banner {
justify-content: center;
align-items: center;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.subtitle {
color: var(--light-grey);
margin-bottom: 8px;
font-family: Quicksand, sans-serif;
font-size: 1.7vw;
line-height: 140%;
}
.subtitle.light {
color: var(--light-cream);
font-family: Quicksand, sans-serif;
display: block;
}
.italics {
font-family: Quicksand, sans-serif;
font-style: italic;
}
.banner-collection-list {
justify-content: space-around;
display: flex;
}
.banner-collection-item {
border-right: 1px solid var(--light-grey);
text-align: center;
flex-direction: row;
flex: 1;
justify-content: center;
padding-top: 16px;
padding-bottom: 8px;
display: flex;
}
.banner-title {
border-right: 1px solid var(--light-grey);
padding-top: 16px;
padding-bottom: 8px;
padding-right: 56px;
}
.home-room-slider {
background-color: #0000;
width: 100%;
height: auto;
}
.home-room-mask {
width: 70vw;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
.home-room-single-slide {
padding-left: 5vw;
padding-right: 5vw;
}
.room-slider-collection-item {
height: 100%;
}
.room-slide-wrapper {
flex-direction: column;
justify-content: flex-end;
height: 100%;
font-style: normal;
text-decoration: none;
display: flex;
}
.room-slide-image-wrapper {
transform-origin: 50% 100%;
flex-direction: column;
justify-content: flex-end;
height: 70vh;
display: flex;
}
.room-slide-content-wrapper {
padding-top: 32px;
display: flex;
}
.hide {
display: none;
}
.room-slide-title {
width: 40%;
padding-right: 16px;
}
.room-slide-description {
width: 60%;
padding-left: 16px;
}
.room-slide-image {
transform-origin: 50% 100%;
object-fit: cover;
width: 100%;
height: 100%;
}
.room-slider-collection-list-wrapper, .room-slider-collection-list {
height: 100%;
}
.room-slide-image-container {
height: 100%;
position: relative;
overflow: hidden;
}
.hero-arrow {
position: absolute;
inset: auto 0% -64px auto;
}
.mobile-only {
display: none;
}
.room-slider-right-arrow {
z-index: 2;
width: 10vw;
padding-top: 10vh;
display: block;
position: absolute;
inset: 0% 0% 0% auto;
}
.room-slider-left-arrow {
z-index: 2;
width: 10vw;
padding-top: 70vh;
display: block;
}
.grid-halves {
grid-template-rows: auto;
grid-template-columns: 1fr 1.25fr;
}
.main-content {
border-right: 1px solid var(--light-grey);
padding-top: 24px;
padding-bottom: 24px;
padding-right: 5vw;
}
.secondary-content {
padding-top: 24px;
padding-bottom: 24px;
padding-left: 5vw;
}
.width-small {
max-width: 40vw;
}
.room-flex-thirds {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.room-item {
width: 32%;
}
.image-cover {
object-fit: cover;
width: 100%;
height: 100%;
margin-bottom: 16px;
}
.grid-layout {
grid-template-rows: auto;
display: flex;
}
.grid-layout.distance {
margin-bottom: 140px;
}
.grid-layout.distance.hide, .grid-layout.hide {
display: none;
}
.grid-layout-section-content {
width: 100%;
}
.grid-layout-section-content.space-between {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.grid-split-section {
grid-row-gap: 144px;
grid-template-rows: auto;
}
.grid-split-section._2row {
grid-row-gap: 96px;
grid-template-rows: auto auto;
}
.grid-split-section._3row {
grid-row-gap: 144px;
grid-template-rows: auto auto auto;
}
.image-container {
align-items: flex-end;
display: flex;
overflow: hidden;
}
.image-container.large-height.right-padding.hide {
display: flex;
}
.content-container {
flex-direction: column;
justify-content: center;
display: flex;
}
.content-container.right-padding.no-padding-tablet {
padding-right: 0;
}
.content-container.right-padding.hide {
display: flex;
}
.content-container.left-padding.no-padding-tablet {
padding-left: 0;
}
.medium-height {
height: 70vh;
}
.small-height {
height: 50vh;
}
.split-section {
width: 50%;
}
.split-section.padding-top {
padding-top: 48px;
}
.main-content-wrapper {
margin-top: 100px;
margin-bottom: 40px;
}
.main-content-wrapper.news {
margin-top: 0;
}
.btn-wrapper {
text-align: left;
align-self: flex-start;
margin-top: 0;
}
.btn-wrapper.centered {
justify-content: center;
align-items: center;
width: auto;
display: flex;
}
.cta-3-grid {
grid-column-gap: 16px;
grid-row-gap: 56px;
grid-template: "Area-2 Area-2 Area-2 Area-2 Area-2 . Area Area Area Area" minmax(auto, 1fr)
"Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" minmax(auto, 1fr)
/ 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
padding-left: 5vw;
padding-right: 5vw;
}
.newsletter-form {
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.newsletter-form.hide {
display: none;
}
.newsletter-input {
color: var(--light-cream);
width: 33%;
font-family: Quicksand, sans-serif;
}
.newsletter-input.white {
flex: 1;
}
.large-height {
height: 75vh;
}
.full-frame-video {
height: 100%;
}
.booking-input {
width: 15%;
}
.cta-4-grid {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template: "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2" minmax(auto, 1fr)
"Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" minmax(auto, 1fr)
/ 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
padding-left: 5vw;
padding-right: 5vw;
}
.extra-small-height {
height: 35vh;
}
.right-padding10 {
padding-right: 10vw;
}
.hero-paragraph {
padding-left: 15vw;
padding-right: 5vw;
display: block;
}
.hero-paragraph.impressum, .hero-paragraph.agb {
padding-left: 0;
padding-right: 0;
display: block;
}
.hero-image-overlay {
background-color: #1b1d2a66;
position: absolute;
inset: 0%;
}
.hero-image-overlay.spa {
background-color: #25060266;
}
.hero-image-overlay.terrasse {
background-color: #1b100466;
bottom: 0%;
}
.hero-image-wrapper {
object-fit: cover;
flex-flow: column;
flex: 0 auto;
display: block;
position: absolute;
inset: 0%;
overflow: hidden;
}
.hero-image-wrapper.bar {
object-fit: cover;
inset: 0%;
}
.hero-content-wrapper {
flex: 1;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 5vw;
padding-right: 5vw;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.grid-layout-2 {
flex-wrap: wrap;
grid-template-rows: auto;
display: flex;
}
.grid-layout-2-section-center {
width: 100%;
padding-left: 20vw;
padding-right: 20vw;
}
.grid-layout-2-section-left {
width: 40%;
}
.grid-layout-2-section-right {
width: 60%;
}
.hero-image {
object-fit: cover;
background-image: linear-gradient(#00000080, #00000080);
width: 100%;
height: 100%;
}
.hero-image.mobile-none {
object-fit: cover;
height: auto;
min-height: 100vh;
display: inline-block;
position: absolute;
inset: auto 0% 0%;
}
.hero-image.mobile-none.extra-height {
object-fit: cover;
max-height: 600px;
}
.hero-image.mobile-none.bar-lounge {
bottom: -20%;
}
.contact-input {
text-align: left;
margin-bottom: 40px;
font-family: Quicksand, sans-serif;
}
.form-message {
color: var(--dark-grey);
letter-spacing: 2px;
background-color: #0000;
border: 1px #0000;
border-bottom: 2px dotted #5c5a5380;
padding-left: 0;
font-family: Quicksand, sans-serif;
font-size: 16px;
font-style: italic;
line-height: 140%;
transition: border-color .3s;
}
.form-message:focus {
border-bottom-color: var(--light-grey);
}
.form-message::placeholder {
color: #3c3a3499;
}
.contact-info {
margin-top: 40px;
font-family: Frank Ruhl Libre, sans-serif;
}
.contact-link {
align-items: flex-start;
margin-bottom: 24px;
font-family: Cormorant Garamond, sans-serif;
font-size: 2.2vw;
font-style: normal;
line-height: 140%;
text-decoration: none;
transition: color .3s;
display: flex;
}
.contact-link:hover {
color: #838a7bb3;
}
.contact-link.opentimes {
padding-top: 40px;
}
.maps-wrapper {
height: 75vh;
overflow: hidden;
}
.map {
height: 100%;
}
.tab-link {
background-color: #0000;
margin-right: 56px;
padding-left: 0;
padding-right: 0;
font-family: Cormorant Garamond, sans-serif;
font-size: 2.2vw;
font-style: normal;
line-height: 140%;
}
.tab-link.w--current {
border-bottom: 1px solid var(--light-grey);
background-color: #0000;
}
.tab-pane {
padding-top: 64px;
}
.hero1-arrow {
position: absolute;
inset: auto auto 0% 0%;
}
.nav-link {
padding-top: 1vh;
padding-bottom: 1vh;
font-family: Cormorant Garamond, sans-serif;
font-size: 5vw;
font-style: normal;
text-decoration: none;
display: inline-block;
}
.nav-link.w--current {
color: var(--medbellevue);
}
.nav-link._1, .nav-link._2, .nav-link._3 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 4vw;
font-weight: 300;
}
.nav-link._4, .nav-link._5 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 4vw;
}
.nav-link._6 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 4vw;
font-weight: 300;
}
.navigation-bar {
z-index: 99;
background-color: #0000;
border: 0 solid #000;
border-bottom: 1px solid #a4b0b680;
justify-content: space-between;
align-items: center;
width: 100%;
height: 70px;
margin-left: auto;
margin-right: auto;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: relative;
}
.navigation-bar.dark {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--royalbellevue);
border-bottom-width: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 80px;
display: flex;
box-shadow: 0 2px 15px 5px #0000001a;
}
.navigation-bar.dark.salon {
background-color: var(--redsalon);
}
.nav-logo {
z-index: 99;
align-self: center;
padding-left: 0;
position: relative;
}
.nav-logo.mobile-only, .nav-logo.mobile-none {
height: 50px;
}
.nav-buttons {
z-index: 99;
flex: 0 auto;
justify-content: flex-end;
display: flex;
position: relative;
}
.book-button {
align-items: center;
margin-right: 32px;
padding: 16px;
display: none;
}
.menu-button {
cursor: pointer;
align-self: center;
align-items: center;
padding: 0 0 0 16px;
font-size: 1.4vw;
text-decoration: none;
display: flex;
}
.menu-button.w--open {
background-color: #0000;
}
.nav-links-container {
z-index: 98;
background-color: var(--dark-cream);
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
padding-top: 60px;
padding-left: 5vw;
padding-right: 5vw;
display: none;
position: absolute;
inset: 0%;
}
.nav-links-container.light {
background-color: var(--lightbellevue);
color: var(--lightbellevue);
display: none;
}
.nav-links-container.light.gold {
background-color: #f6eeee;
display: none;
}
.nav-primary-wrapper {
flex: 1;
align-items: center;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.nav-secondary-wrapper {
border-top: 1px solid var(--light-grey);
justify-content: space-between;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
}
.nav-social-wrapper {
align-items: center;
display: flex;
}
.nav-social-link {
width: 32px;
margin-right: 20px;
}
.nav-social-link.last {
margin-right: 0;
}
.nav-social-link.first {
margin-left: 32px;
}
.nav-secondary-link {
margin-bottom: 8px;
margin-right: 56px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 2.2vw;
font-style: normal;
line-height: 140%;
text-decoration: none;
transition: color .3s;
}
.nav-secondary-link:hover {
color: var(--medbellevue);
}
.nav-secondary-link.first {
margin-right: 56px;
}
.nav-secondary-link.last {
margin-right: 40px;
}
.nav-primary-links-wrapper {
flex-direction: column;
align-items: flex-start;
width: 50%;
padding-top: 100px;
padding-right: 5vw;
display: flex;
}
.nav-image-wrapper {
align-items: center;
width: 50%;
display: flex;
}
.nav-image-wrapper.medium-height {
display: flex;
position: relative;
overflow: hidden;
}
.main-nav-image {
position: absolute;
inset: auto 0% 0%;
}
.secondary-nav-image {
align-self: center;
position: absolute;
inset: auto 0% 0%;
}
.secondary-nav-image._1, .secondary-nav-image._2, .secondary-nav-image._3, .secondary-nav-image._4, .secondary-nav-image._5, .secondary-nav-image._6 {
display: none;
}
.logo-light.mobile-only, .logo-light.mobile-none {
height: 50px;
}
.lottie-btn {
filter: invert();
color: var(--light-cream);
width: 40px;
margin-bottom: 0;
margin-left: 8px;
padding-top: 4px;
display: block;
}
.no-margin {
align-self: center;
margin-bottom: 0;
margin-right: 20px;
font-family: Quicksand, sans-serif;
}
.no-margin.feature {
font-size: 1.4vw;
}
.no-margin.feature-small {
text-align: center;
font-size: 1.2vw;
}
.nav-container {
justify-content: space-between;
width: 100%;
max-width: 100%;
display: flex;
position: relative;
}
.navigation-bar-dark {
z-index: 99;
background-color: #0000;
justify-content: space-between;
align-items: center;
width: 100%;
height: 60px;
margin-left: auto;
margin-right: auto;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.btn-explore {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.arrow-img {
width: 90px;
}
.cta-grid-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.slider-arrow-image {
width: 90px;
height: 90px;
}
.mobile-none {
color: var(--light-cream);
font-family: Quicksand, sans-serif;
font-weight: 300;
}
.mobile-none:hover {
color: var(--redmedium);
}
.room-subhero-section {
background-color: #edeff0;
padding-top: 24px;
padding-bottom: 24px;
}
.rooms-collection-list-wrapper {
width: 100%;
padding-left: 5vw;
padding-right: 5vw;
}
.collection-image-wrapper {
height: 50vh;
margin-bottom: 16px;
overflow: hidden;
}
.collection-image-wrapper.rooms {
height: 30vh;
}
.booking-wrapper {
z-index: 9999;
background-color: var(--lightbellevue);
align-items: center;
width: 100%;
padding-left: 5vw;
padding-right: 5vw;
display: none;
position: fixed;
inset: 0%;
}
.booking-content {
align-items: center;
display: flex;
position: relative;
}
.boking-image-wrapper {
align-items: flex-end;
width: 45%;
display: flex;
overflow: hidden;
}
.booking-form-wrapper {
width: 55%;
}
.main-booking-form-block {
margin-bottom: 0;
}
.main-booking-form {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.main-booking-input {
width: 30%;
margin-bottom: 64px;
}
.booking-close-btn {
align-items: center;
height: 60px;
margin-right: 80px;
text-decoration: none;
display: flex;
position: absolute;
inset: 0% 5vw auto auto;
}
.room-slider-next {
width: 10vw;
height: 45.5vh;
padding-top: 10vh;
position: absolute;
inset: 24.5vh 0% auto auto;
}
.room-slider-previous {
width: 10vw;
height: 45.5vh;
padding-top: 10vh;
position: absolute;
inset: 24.5vh auto auto 0%;
}
.collection-list-wrapper {
flex: 1;
}
.room-link-block {
width: 100%;
text-decoration: none;
}
.collection-content-wrapper {
align-items: center;
padding-top: 8px;
padding-bottom: 0;
display: flex;
}
.collection-arrow-img {
margin-bottom: 8px;
margin-left: 20px;
margin-right: 20px;
}
.banner-collection-list-wrapper {
flex: 1;
}
.raleway {
font-family: Raleway, sans-serif;
}
.styleguide-icons-content {
justify-content: space-between;
width: 85%;
display: flex;
}
.icon {
width: 48px;
height: 48px;
}
.grid-arrow {
display: none;
position: absolute;
inset: 0% auto auto 0%;
}
.lottie-mobile {
width: 40px;
margin-bottom: 0;
margin-left: 8px;
padding-top: 4px;
display: none;
}
.utility-page-wrap {
background-color: var(--lightbellevue);
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
flex: 1;
justify-content: center;
align-self: center;
align-items: center;
width: 50%;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: relative;
}
.nav-link-light {
color: var(--light-cream);
font-family: Quicksand, sans-serif;
font-size: 1.4vw;
font-weight: 300;
}
._404-grid {
grid-row-gap: 64px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1.25fr 1fr;
max-width: 100%;
min-height: 100vh;
padding: 15vh 5vw 5vh;
position: absolute;
inset: 0%;
}
._404-grid-1 {
overflow: hidden;
}
._404-grid-2 {
padding-right: 10vw;
}
._404-grid-4 {
overflow: hidden;
}
._404-grid-3 {
padding-left: 10vw;
}
._404-grid-image {
opacity: .6;
object-fit: cover;
width: 100%;
height: 100%;
}
.navigation-dark {
z-index: 998;
height: auto;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.navigation-light {
z-index: 1001;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.nav-link-dark {
color: var(--light-cream);
font-family: Quicksand, sans-serif;
font-size: 1.4vw;
font-weight: 300;
}
.nav-link-dark:hover {
color: var(--redmedium);
}
.testimonial-section {
padding-top: 144px;
padding-bottom: 144px;
display: none;
}
.hero-bg-image {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f0197a9c46da_light%20_%20desktop%20_%20sections%20_%20hero_section.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
background-attachment: scroll, scroll;
position: absolute;
inset: 0%;
}
.hero-bg-overlay {
background-image: linear-gradient(359deg, #382c2000 20%, #382c20b3);
position: absolute;
inset: 0%;
}
.card-image-wapper-fixed {
overflow: hidden;
}
.card-image-wapper-fixed.small-height {
height: 60vh;
}
.card-image-wapper-fixed.extra-large-height {
height: 90vh;
}
.card-image-fixed {
object-fit: cover;
width: 100%;
height: 100%;
}
.loader {
z-index: 9999;
background-color: var(--lightbellevue);
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%;
}
.loader-logo-wrapper {
text-align: center;
width: 100%;
max-width: 300px;
display: inline-block;
}
.loader-line {
background-color: var(--royalbellevue);
transform-origin: 50% 100%;
height: 1px;
margin-top: 32px;
}
.loader-line.red {
background-color: var(--redsalon);
}
.full-frame-video-wrapper {
justify-content: flex-start;
align-items: flex-end;
height: 100vh;
overflow: hidden;
}
.close-icon {
margin-left: 8px;
}
.hero-arrow-image {
text-align: center;
text-decoration: none;
}
.popup {
z-index: 9998;
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%;
}
.popup-info {
background-color: var(--light-cream);
align-items: center;
width: 60vw;
display: flex;
position: relative;
}
.popup-overlay {
background-color: #3c3a34bf;
position: absolute;
inset: 0%;
}
.popup-image-wrapper {
align-self: stretch;
width: 45%;
}
.popup-content-wrapper {
width: 55%;
padding: 64px 32px;
}
.popup-close-btn {
align-items: center;
height: 60px;
margin-right: 24px;
text-decoration: none;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.popup-close-icon {
margin-left: 8px;
}
.hero-bg-wrapper {
display: none;
position: absolute;
inset: 0%;
overflow: hidden;
}
.hero-content-centered {
text-align: center;
padding-top: 30vh;
padding-left: 5vw;
padding-right: 5vw;
position: relative;
}
.blog-post {
max-width: 80%;
margin-left: auto;
margin-right: auto;
font-family: Quicksand, sans-serif;
}
.blog-post img {
margin-top: 56px;
margin-bottom: 56px;
}
.blog-collection-list-wrapper {
width: 100%;
}
.blog-flex-thirds {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.blog-item {
width: 32%;
}
.collection-link-block {
cursor: pointer;
width: 100%;
text-decoration: none;
}
.blog-list-item {
flex-wrap: wrap;
margin-bottom: 144px;
display: flex;
}
.blog-list-item:nth-child(2n) {
flex-direction: row-reverse;
}
.blog-list-item:last-child {
margin-bottom: 0;
}
.blog-image-container {
align-items: flex-end;
width: 50%;
display: flex;
overflow: hidden;
}
.blog-image-container.large-height.right-padding {
height: 75%;
}
.blog-image-container.small-height.right-padding {
justify-content: flex-start;
align-self: auto;
align-items: center;
}
.blog-content-container {
flex-direction: column;
justify-content: center;
width: 50%;
display: flex;
}
.blog-content-container.right-padding {
justify-content: center;
align-self: stretch;
}
.filter-section {
background-color: var(--lightbellevue);
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
}
.filter-link {
margin-bottom: 8px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 2.2vw;
font-style: normal;
font-weight: 300;
line-height: 140%;
text-decoration: none;
transition: color .3s;
display: block;
}
.filter-link:hover {
color: #838a7bb3;
}
.filter-link.w--current {
color: #3c3a3480;
}
.filter-collection-item {
text-align: center;
padding: 16px 32px 8px;
}
.filter-collection-list {
justify-content: flex-start;
display: flex;
}
.filter-collection-list.news {
flex-flow: row;
justify-content: space-between;
display: flex;
}
.filter-collection-list-wrapper {
flex: 1;
}
.filter-wrapper {
padding: 16px 32px 8px;
}
.filter-banner {
justify-content: flex-start;
align-items: center;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.fab-button {
z-index: 5;
position: fixed;
inset: auto 2vw 2vw auto;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.background-video {
object-fit: cover;
height: 100vh;
}
.field-label {
font-family: Quicksand, sans-serif;
}
.field-label-2 {
color: var(--light-cream);
font-family: Quicksand, sans-serif;
}
.field-label-2.bellevue {
color: var(--dark-grey);
}
.field-label-3 {
font-family: Quicksand, sans-serif;
}
.heading {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph {
font-family: Quicksand, sans-serif;
}
.paragraph.distance-top {
margin-top: 60px;
}
.paragraph.centered {
margin-bottom: 0;
}
.field-label-4, .field-label-5, .field-label-6 {
font-family: Quicksand, sans-serif;
}
.heading-2 {
color: var(--dark-grey);
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-2 {
text-align: center;
max-width: 100%;
font-family: Quicksand, sans-serif;
font-style: normal;
}
.paragraph-3 {
font-family: Quicksand, sans-serif;
}
.paragraph-3.distance-bottom {
margin-bottom: 20px;
}
.heading-3 {
color: var(--royalbellevue);
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.heading-4 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-4 {
font-family: Quicksand, sans-serif;
}
.heading-5 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-5 {
font-family: Quicksand, sans-serif;
}
.heading-6 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-6 {
font-family: Quicksand, sans-serif;
}
.heading-7, .heading-8 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-7, .paragraph-8, .paragraph-9, .paragraph-10 {
font-family: Quicksand, sans-serif;
}
.heading-9 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-11, .paragraph-12 {
font-family: Quicksand, sans-serif;
}
.heading-10, .heading-11, .heading-12, .heading-13, .heading-14 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-13, .paragraph-14, .paragraph-15, .paragraph-16, .paragraph-17 {
font-family: Quicksand, sans-serif;
}
.paragraph-18 {
font-family: Quicksand, sans-serif;
font-weight: 400;
}
.paragraph-19, .link, .paragraph-20 {
font-family: Quicksand, sans-serif;
}
.heading-15 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-21, .paragraph-22 {
font-family: Quicksand, sans-serif;
}
.heading-16 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 3vw;
font-weight: 300;
}
.heading-16.salon {
color: var(--redsalon);
}
.heading-17, .heading-18 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-23 {
font-family: Quicksand, sans-serif;
font-weight: 300;
}
.heading-19 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.text-block {
color: var(--dark-grey);
font-size: 1.8vw;
}
.text-block:hover {
color: var(--medbellevue);
}
.text-block-2 {
font-size: 1.8vw;
}
.image {
max-width: 300%;
height: 140px;
margin-left: 0;
}
.image.salon {
height: 140px;
margin-left: 0;
}
.image-2 {
height: 120px;
}
.heading-20, .heading-21 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-24 {
font-family: Quicksand, sans-serif;
font-size: 1.2vw;
font-weight: 400;
}
.heading-22 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-25, .paragraph-26 {
font-family: Quicksand, sans-serif;
font-weight: 300;
}
.success-message {
background-color: var(--lightbellevue);
}
.text-block-3 {
font-family: Quicksand, sans-serif;
}
.text-block-4 {
color: #9e0202;
font-family: Quicksand, sans-serif;
}
.error-message {
background-color: #0000;
padding-left: 0;
}
.goldmund-navigation-light {
z-index: 1001;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.goldmund-navigation-bar {
z-index: 99;
background-color: #0000;
justify-content: space-between;
align-items: center;
width: 100%;
height: 70px;
margin-left: auto;
margin-right: auto;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: relative;
}
.goldmund-navigation-bar.dark {
background-color: var(--light-cream);
height: 70px;
}
.goldmund-nav-links-container {
z-index: 98;
background-color: var(--dark-cream);
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
padding-top: 60px;
padding-left: 5vw;
padding-right: 5vw;
display: none;
position: absolute;
inset: 0%;
}
.goldmund-nav-links-container.light {
background-color: var(--lightbellevue);
display: none;
}
.goldmund-nav-container {
justify-content: space-between;
width: 100%;
max-width: 100%;
display: flex;
position: relative;
}
.goldmund-nav-logo {
z-index: 99;
align-self: center;
padding-left: 0;
position: relative;
}
.goldmund-nav-logo.mobile-none, .goldmund-logo-light.mobile-only, .goldmund-logo-light.mobile-none {
height: 60px;
}
.goldmund-nav-buttons {
z-index: 99;
flex: 1;
justify-content: flex-end;
display: flex;
position: relative;
}
.reservation-button {
margin-right: 32px;
padding: 16px;
}
.goldmund-nav-link-light {
color: var(--light-cream);
font-size: 1.4vw;
}
.goldmund-menu-button {
cursor: pointer;
align-self: center;
align-items: center;
padding: 0 0 0 16px;
font-size: 1.4vw;
text-decoration: none;
display: flex;
}
.goldmund-menu-button.w--open {
background-color: #0000;
}
.nav-link-light-copy {
color: var(--light-cream);
font-size: 1.4vw;
}
.goldmund-hero1-content-wrapper-copy {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
min-height: 100vh;
margin-left: auto;
margin-right: auto;
padding-bottom: 5vh;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: sticky;
top: 0;
}
.div-block-2 {
background-color: #f6eeee;
display: none;
}
.gold {
color: var(--redsalon);
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.heading-wrapper-2 {
padding-bottom: 20px;
}
.heading-wrapper-2.inner-spacing {
padding-left: 5vw;
}
.heading-wrapper-2.centered {
text-align: center;
}
.heading-wrapper-2.width-small.centered {
margin-left: auto;
margin-right: auto;
}
.centered-paragraph-2 {
text-align: center;
padding-top: 20px;
}
.container-goldmund {
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
padding-left: 5vw;
padding-right: 5vw;
}
.container-goldmund.room-slider-section {
overflow: hidden;
}
.paragraph-27, .paragraph-28, .paragraph-29, .paragraph-30, .paragraph-31, .paragraph-32 {
font-family: Quicksand, sans-serif;
}
.heading-23 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.heading-23.centered {
text-align: center;
margin-bottom: 60px;
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-33 {
font-family: Quicksand, sans-serif;
}
.feature-item {
align-items: center;
display: flex;
}
.div-block-3 {
align-self: auto;
}
.feature-img {
margin-right: 10px;
}
.main-button-hotel {
border: 0px solid var(--dark-grey);
background-color: var(--royalbellevue);
color: var(--light-cream);
text-align: left;
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f028879c46d8_dark_btn_arrow.svg");
background-position: 86% 42%;
background-repeat: no-repeat;
background-size: auto;
width: auto;
min-width: 300px;
padding: 16px 96px 16px 32px;
font-family: Frank Ruhl Libre, sans-serif;
transition: background-color .3s, background-position .3s;
}
.main-button-hotel:hover {
background-color: var(--darkbellevue);
background-position: 90% 42%;
}
.main-button-hotel.light {
border-color: var(--light-cream);
background-color: var(--light-cream);
color: var(--dark-grey);
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f04cda9c46d9_light_btn_arrow.svg");
}
.main-button-hotel.outline {
color: var(--dark-grey);
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f04cda9c46d9_light_btn_arrow.svg");
}
.main-button-hotel.secondary {
color: var(--dark-grey);
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f04cda9c46d9_light_btn_arrow.svg");
border-style: none;
padding-left: 0;
font-family: Quicksand, sans-serif;
}
.main-button-hotel.secondary.margin-right {
margin-right: 40px;
}
.cta-info-txt {
color: var(--royalbellevue);
text-align: left;
flex-direction: row;
align-self: center;
align-items: center;
width: auto;
margin-bottom: 0;
margin-right: 40px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 1.6vw;
display: block;
}
.cta-info-txt.white {
color: var(--light-cream);
font-family: Quicksand, sans-serif;
}
.cta-info-txt.white.distance {
margin-bottom: 40px;
}
.bold-text {
margin-left: 0;
margin-right: 0;
}
.hero-video {
height: 100%;
display: flex;
}
.grid {
grid-template-rows: auto;
}
.grid-profile {
grid-template-rows: auto;
justify-items: center;
}
.grid-profile.right {
justify-content: end;
justify-items: center;
}
.grid-profile.hide {
display: none;
}
.image-3 {
height: 300px;
}
.image-3.right {
text-align: right;
object-fit: cover;
border-radius: 200px;
width: 400px;
height: 400px;
margin-bottom: 40px;
}
.image-3.left {
border-radius: 200px;
height: 400px;
margin-bottom: 40px;
}
.heading-centered {
text-align: center;
margin-bottom: 60px;
}
.heading-centered.kleiner-abstand {
margin-bottom: 20px;
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.right {
text-align: right;
}
.detail.centered {
text-align: center;
max-width: 80%;
}
.heading-24 {
text-align: center;
width: auto;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 3vw;
font-weight: 300;
line-height: 120%;
}
.heading-24.white {
color: var(--light-cream);
}
.paragraph-34 {
text-align: center;
font-family: Quicksand, sans-serif;
}
.paragraph-34.white {
color: var(--light-cream);
}
.paragraph-34.white.bottom-distance {
margin-bottom: 60px;
}
.field-label-7 {
font-family: Quicksand, sans-serif;
}
.field-label-7.white {
color: var(--light-cream);
}
.field-label-8 {
font-family: Quicksand, sans-serif;
}
.field-label-8.white {
color: var(--light-cream);
}
.heading-25, .text-block-5 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.text-block-6, .text-block-7 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 20px;
font-weight: 300;
}
.field-label-9 {
font-family: Quicksand, sans-serif;
font-size: 16px;
}
.heading-26, .heading-27, .text-block-8, .text-block-9, .text-block-10 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-35 {
font-family: Quicksand, sans-serif;
}
.paragraph-36 {
font-family: Quicksand, sans-serif;
font-weight: 400;
}
.text-block-11 {
font-family: Quicksand, sans-serif;
line-height: 24px;
}
.success-message-2 {
background-color: var(--light-cream);
}
.error-message-2 {
background-color: #ebc7c7;
margin-top: 20px;
}
.heading-28 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.div-block-4 {
text-align: center;
width: 100%;
}
.heading-29 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-37 {
font-family: Quicksand, sans-serif;
}
.heading-30 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-38 {
font-family: Quicksand, sans-serif;
}
.heading-31 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-39 {
font-family: Quicksand, sans-serif;
}
.heading-32 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-40, .paragraph-41 {
font-family: Quicksand, sans-serif;
}
.gueltigkeit {
font-style: italic;
}
.grid-2 {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-areas: "Area Area"
"Area Area";
}
.image-4 {
max-width: 90%;
}
.div-block-5 {
border-top: 1px solid var(--royalbellevue);
direction: rtl;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.metalink {
margin-right: 20px;
font-size: 1.2vw;
font-style: normal;
text-decoration: none;
}
.link-block {
margin-right: 0;
font-family: Quicksand, sans-serif;
text-decoration: none;
display: flex;
}
.link-block.distance-right {
justify-content: center;
align-items: flex-start;
margin-right: 40px;
display: flex;
}
.language-btn {
color: var(--light-cream);
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-items: center;
padding-right: 20px;
font-size: 14px;
display: flex;
}
.language-link {
font-style: italic;
text-decoration: underline;
display: inline;
}
.text-block-12 {
color: var(--light-cream);
font-family: Quicksand, sans-serif;
font-size: 1.4vw;
font-weight: 300;
text-decoration: underline;
}
.text-block-12.dark {
color: var(--light-cream);
font-weight: 300;
}
.text-block-12.dark:hover {
color: var(--medbellevue);
}
.heading-33 {
color: var(--light-cream);
}
.image-5 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65972f50f95c6e8d17e30a34_2D055D97-A88A-4806-8FE5-ABBECBBF0CD1.JPG");
background-position: 50%;
background-size: auto;
}
.gallery-overview {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
display: none;
position: relative;
}
.container-2 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.gallery-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.gallery-block {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.gallery-features-block {
margin-top: 16px;
margin-bottom: 24px;
}
.gallery-feature {
background-image: url("https://cdn.prod.website-files.com/62434fa732124a0fb112aab4/62434fa732124a700a12aad4_check%20circle.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 20px;
margin-bottom: 8px;
padding-left: 30px;
font-size: 14px;
line-height: 24px;
}
.button-primary {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary:hover {
color: #fff;
background-color: #32343a;
}
.button-primary:active {
background-color: #43464d;
}
.gallery-grid {
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.gallery-image {
width: 100%;
}
.centered {
text-align: center;
max-width: 60%;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
font-family: Quicksand, sans-serif;
display: block;
}
.category-title {
color: var(--light-grey);
letter-spacing: 3px;
text-transform: uppercase;
align-items: stretch;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 1.2vw;
font-weight: 300;
line-height: 120%;
display: block;
}
.category-title.medium-width {
max-width: 80vw;
margin-left: auto;
margin-right: auto;
}
.category-title.medium-width.left-aligned {
text-align: left;
max-width: 70vw;
margin-left: 0;
}
.category-title.centered {
text-align: center;
margin-bottom: 0;
line-height: 120%;
}
.heading-34 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 5vw;
font-weight: 300;
}
.heading-35 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 3vw;
font-weight: 300;
}
.heading-35.bottom-distance {
text-align: center;
font-size: 3vw;
}
.heading-36 {
text-align: center;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 3vw;
font-weight: 300;
}
.heading-37 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-43 {
font-family: Quicksand, sans-serif;
}
.paragraph-2-copy {
font-family: Quicksand, sans-serif;
font-size: 1.4vw;
font-style: normal;
}
.heading-38, .heading-39 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-44 {
font-family: Quicksand, sans-serif;
}
.heading-40 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-45 {
font-family: Quicksand, sans-serif;
}
.heading-41 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-46 {
font-family: Quicksand, sans-serif;
}
.heading-42 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.paragraph-47 {
font-family: Quicksand, sans-serif;
}
.heading-43, .heading-44, .heading-45 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.image-6, .image-7 {
height: 120px;
}
.heading-46 {
width: 100%;
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.heading-47 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.select-field {
color: var(--light-grey);
letter-spacing: 2px;
background-color: #f3f3f300;
border: 1px #000;
border-bottom: 2px dotted #5c5a5380;
height: 54px;
font-family: Quicksand, sans-serif;
font-size: 1.5vw;
font-style: italic;
line-height: 30px;
}
.hero2-salon {
background-color: #551515;
flex-direction: column;
min-height: 100vh;
display: flex;
}
.subhero-section-salon {
z-index: 54;
background-color: #f6eeee;
padding-top: 24px;
padding-bottom: 24px;
transition: opacity .2s;
position: sticky;
top: 80px;
}
.subhero-section-salon.blue {
background-color: var(--light-blue);
}
.subhero-section-salon.hide {
text-align: center;
justify-content: center;
align-items: flex-start;
display: block;
}
.salon-hl {
text-align: center;
margin-bottom: 60px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 24px;
font-weight: 300;
}
.submenu {
text-align: center;
justify-content: center;
display: flex;
}
.submenu.abisz-width {
clear: none;
flex-wrap: wrap;
place-content: stretch center;
max-width: 80%;
height: auto;
margin-left: auto;
margin-right: auto;
display: flex;
}
.heading-wrapper-salon {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
vertical-align: baseline;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 42px;
line-height: 56px;
display: block;
overflow: visible;
}
.heading-wrapper-salon.inner-spacing {
padding-bottom: 60px;
padding-left: 5vw;
}
.heading-wrapper-salon.centered {
text-align: center;
}
.heading-wrapper-salon.centered.left-padding.right-padding.distance-bot {
padding-bottom: 40px;
}
.heading-wrapper-salon.centered.left-padding.right-padding.distance-bot.width {
max-width: 100%;
}
.heading-wrapper-salon.centered.left-padding.right-padding.kontakt {
max-width: 80%;
}
.heading-wrapper-salon.centered.left-padding.right-padding.bottom {
max-width: 100%;
padding-bottom: 60px;
}
.heading-wrapper-salon.centered.left-padding.right-padding.wide {
max-width: 100%;
padding-bottom: 40px;
}
.heading-wrapper-salon.width-small.centered {
margin-left: auto;
margin-right: auto;
}
.heading-wrapper-salon.kaesefondue {
display: none;
}
.heading-wrapper-salon.allergene-abstand {
padding-top: 140px;
}
.heading-wrapper-salon.hide {
display: none;
}
.menu-title {
text-align: center;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 20px;
}
.menu-txt {
margin-bottom: 220px;
font-family: Quicksand, sans-serif;
font-weight: 400;
}
.hl-salon {
margin-top: 0;
margin-bottom: 40px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 6vw;
font-weight: 300;
}
.hl-salon.salon {
margin-top: 0;
font-size: 4vw;
}
.hl-salon.salon.space-headline {
color: var(--light-cream);
}
.menu-text {
text-align: center;
margin-top: 20px;
margin-bottom: 0;
font-family: Quicksand, sans-serif;
font-size: 1rem;
line-height: 160%;
display: block;
}
.menu-text.salon {
margin-bottom: 20px;
}
.menu-text.salon.hide {
display: none;
}
.salon-zwischenheadline {
color: var(--redsalon);
margin-top: 0;
margin-bottom: 20px;
padding-top: 40px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 2rem;
font-weight: 400;
line-height: 240%;
}
.salon-zwischenheadline.small {
font-size: 1.3rem;
}
.section-ostermenue {
padding-top: 144px;
padding-bottom: 144px;
}
.section-ostermenue.top-padding-192 {
padding-top: 192px;
}
.section-ostermenue.padding-192 {
background-color: var(--lightbellevue);
padding-top: 140px;
padding-bottom: 140px;
}
.section-ostermenue.padding-192.hide {
display: none;
}
.section-ostermenue.bottom-padding-192 {
padding-bottom: 192px;
display: flex;
}
.section-ostermenue.bottom-padding-192.no-top-padding {
display: flex;
}
.section-ostermenue.bottom-padding-192.hide {
display: none;
}
.section-ostermenue.bottom-padding-192.abstand-bottom {
padding-bottom: 40px;
}
.section-ostermenue.no-bottom-padding {
padding-top: 40px;
padding-bottom: 0;
}
.section-ostermenue.no-top-padding {
padding-top: 0;
}
.section-ostermenue.padding-96 {
padding-top: 96px;
padding-bottom: 96px;
}
.section-ostermenue.bg-color-2 {
background-color: var(--medbellevue);
}
.section-ostermenue.bg-color-1 {
background-color: var(--medbellevue);
padding-bottom: 120px;
}
.section-ostermenue.bg-color-1.overlap-section-top {
background-color: var(--royalbellevue);
margin-top: -240px;
}
.section-ostermenue.bg-color-5 {
background-color: var(--medbellevue);
}
.section-ostermenue.bg-color-5.overlap-section-top {
background-color: var(--sand);
margin-top: -240px;
}
.section-ostermenue.top-bottom-padding {
background-color: #0000;
padding-top: 60px;
padding-bottom: 120px;
}
.section-ostermenue.padding-192-white {
background-color: var(--light-cream);
padding-top: 140px;
padding-bottom: 140px;
}
.section-ostermenue.padding-192-white.abstand-bottom {
padding-bottom: 0;
}
.section-ostermenue.padding-192-sand {
background-color: var(--lightbellevue);
padding-top: 140px;
padding-bottom: 192px;
}
.paragraph_1 {
text-align: left;
padding-top: 20px;
}
.insta-script {
margin-bottom: 0;
}
.div-block-6 {
margin-top: 40px;
margin-bottom: 40px;
}
.main-button-hotel-invert {
border: 0px solid var(--dark-grey);
background-color: var(--darkbellevue);
color: var(--light-cream);
text-align: left;
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f38120880a2269b9496431_Arrow%20short%20white.png");
background-position: 86%;
background-repeat: no-repeat;
background-size: 48px 14px;
flex: 0 auto;
width: auto;
min-width: 300px;
margin-bottom: 10px;
margin-right: 20px;
padding: 16px 110px 16px 32px;
font-family: Frank Ruhl Libre, sans-serif;
transition: background-color .3s, background-position .3s;
}
.main-button-hotel-invert:hover {
color: var(--light-cream);
background-color: #072230;
background-position: 90%;
}
.main-button-hotel-invert.light {
border-color: var(--light-cream);
background-color: var(--light-cream);
color: var(--dark-grey);
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f04cda9c46d9_light_btn_arrow.svg");
}
.main-button-hotel-invert.outline {
color: var(--dark-grey);
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f04cda9c46d9_light_btn_arrow.svg");
}
.main-button-hotel-invert.secondary {
color: var(--dark-grey);
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f04cda9c46d9_light_btn_arrow.svg");
border-style: none;
padding-left: 0;
font-family: Quicksand, sans-serif;
}
.main-button-hotel-invert.secondary.margin-right {
margin-right: 40px;
}
.invert-locale {
color: var(--light-cream);
font-size: 18px;
}
.invert-locale.w--current {
color: var(--medbellevue);
font-size: 18px;
}
.invert-locale.salon {
color: var(--light-cream);
font-style: italic;
}
.invert-locale.salon.w--current {
color: var(--redmedium);
}
.locales-list {
justify-content: space-between;
padding-top: 2px;
display: flex;
}
.locale {
margin-right: 20px;
}
.heading-gueltigkeit {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 20px;
font-weight: 300;
}
.salon {
color: var(--redsalon);
}
.heading-48, .heading-49 {
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.main-button-hotel-invert-salon {
border: 0px solid var(--dark-grey);
background-color: var(--redsalon);
color: var(--light-cream);
text-align: left;
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f38120880a2269b9496431_Arrow%20short%20white.png");
background-position: 86%;
background-repeat: no-repeat;
background-size: 48px 14px;
flex: 0 auto;
width: auto;
min-width: 300px;
padding: 16px 96px 16px 32px;
font-family: Frank Ruhl Libre, sans-serif;
transition: background-color .3s, background-position .3s;
}
.main-button-hotel-invert-salon:hover {
color: var(--light-cream);
background-color: #943838;
background-position: 90%;
}
.main-button-hotel-invert-salon.light {
border-color: var(--light-cream);
background-color: var(--light-cream);
color: var(--dark-grey);
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f04cda9c46d9_light_btn_arrow.svg");
}
.main-button-hotel-invert-salon.outline {
color: var(--dark-grey);
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f04cda9c46d9_light_btn_arrow.svg");
}
.main-button-hotel-invert-salon.secondary {
color: var(--dark-grey);
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6282367aa6d9f04cda9c46d9_light_btn_arrow.svg");
border-style: none;
padding-left: 0;
font-family: Quicksand, sans-serif;
}
.main-button-hotel-invert-salon.secondary.margin-right {
margin-right: 40px;
}
.features-list {
background-color: #f5f7fa;
border-bottom: 0 solid #e4ebf3;
padding: 80px 30px 0;
position: relative;
}
.container-3 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.features-wrapper-two {
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.features-left {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 100%;
margin-bottom: 60px;
display: flex;
}
.features-paragraph {
margin-bottom: 24px;
font-family: Quicksand, sans-serif;
font-size: 1.4vw;
}
.text-link-arrow {
color: #1a1b1f;
justify-content: flex-start;
align-items: center;
font-size: 14px;
line-height: 20px;
text-decoration: none;
display: flex;
}
.arrow-embed {
margin-left: 2px;
display: flex;
}
.features-right {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 100%;
margin-top: 0;
margin-bottom: -16px;
display: flex;
}
.features-block-two {
flex: 0 auto;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
margin-bottom: 16px;
display: block;
}
.features-image {
object-fit: cover;
width: 200px;
height: auto;
margin-right: 16px;
padding-top: 18px;
}
.hotel-zwischenheadline {
color: var(--royalbellevue);
font-family: Frank Ruhl Libre, sans-serif;
font-size: 3vw;
font-weight: 400;
line-height: 240%;
display: inline;
}
.hotel-zwischenheadline.white {
color: var(--light-cream);
}
.hotel-zwischenheadline.inverted {
color: var(--lightbellevue);
}
.hotel-zwischenheadline.inverted.height {
line-height: 100%;
}
.hotel-zwischenheadline.inverted.height.distance {
margin-bottom: 20px;
padding-top: 10px;
font-size: 1.5rem;
display: block;
}
.heading-50 {
font-size: 4vw;
}
.paragraph-48 {
align-self: auto;
font-family: Quicksand, sans-serif;
font-size: 16px;
display: flex;
}
.heading-51 {
margin-bottom: 40px;
}
.html-embed {
padding-top: 100px;
padding-bottom: 100px;
}
.html-embed.check_availibility {
background-color: var(--dark-cream);
}
.html-embed.property_grid {
background-color: #ededed;
padding-top: 40px;
}
.html-embed.channelcode_emea {
background-color: #eef6d6;
}
.menu-text-block-bis-150424 {
font-family: Quicksand, sans-serif;
font-size: 1rem;
display: block;
}
.allergene {
text-align: center;
margin-bottom: 40px;
font-family: Quicksand, sans-serif;
font-size: .9rem;
font-style: italic;
font-weight: 400;
line-height: 160%;
}
.text-span {
text-decoration: underline;
}
.subhero-section-bellevue {
background-color: #edeff0;
margin-bottom: 60px;
padding-top: 24px;
padding-bottom: 20px;
position: sticky;
top: 80px;
}
.subhero-section-bellevue.blue {
background-color: var(--light-blue);
}
.a-z-block {
text-align: center;
font-family: Quicksand, sans-serif;
font-size: 1rem;
}
.a-z-block.centered {
text-align: center;
max-width: 100%;
}
.a-z-block.left {
text-align: left;
}
.hl-abisz {
text-align: left;
margin-top: 0;
margin-bottom: 40px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 6vw;
font-weight: 300;
}
.heading-wrapper-bellevue {
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
padding-bottom: 60px;
padding-left: 0;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 42px;
line-height: 56px;
}
.heading-wrapper-bellevue.inner-spacing {
padding-bottom: 60px;
padding-left: 5vw;
}
.heading-wrapper-bellevue.centered {
text-align: center;
}
.heading-wrapper-bellevue.centered.left-padding.right-padding.distance-bot {
padding-bottom: 40px;
}
.heading-wrapper-bellevue.centered.left-padding.right-padding.distance-bot.width {
max-width: 100%;
}
.heading-wrapper-bellevue.centered.left-padding.right-padding.kontakt {
max-width: 80%;
}
.heading-wrapper-bellevue.centered.left-padding.right-padding.bottom {
max-width: 100%;
padding-bottom: 60px;
}
.heading-wrapper-bellevue.centered.left-padding.right-padding.wide {
max-width: 100%;
padding-bottom: 40px;
}
.heading-wrapper-bellevue.width-small.centered {
margin-left: auto;
margin-right: auto;
}
.html-embed-2 {
align-self: auto;
}
.quick-stack {
grid-row-gap: 20px;
}
.fastaccessservices {
width: auto;
max-width: 100%;
margin-bottom: 80px;
margin-left: 5vw;
margin-right: 5vw;
}
.quick-stack-services {
grid-row-gap: 20px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 60px;
padding-left: 5vw;
padding-right: 5vw;
}
.html-embed-2-wetter {
background-color: var(--lightbellevue);
text-align: center;
border: 0 solid #49626d;
align-self: auto;
padding-top: 20px;
font-family: Quicksand, sans-serif;
}
.link-speisekarte {
background-color: #7e1818;
padding-left: 20px;
padding-right: 20px;
}
.white {
color: var(--light-cream);
}
.restaurant-linkbox {
text-align: center;
background-color: #7e1818;
height: 100%;
padding: 20px 20px 10px;
text-decoration: none;
display: flex;
}
.restaurant-linkbox:hover {
background-color: #551515;
}
.text-linkbox {
color: var(--light-cream);
text-align: left;
flex-direction: column;
font-family: Quicksand, sans-serif;
font-size: 1rem;
font-style: normal;
font-weight: 300;
text-decoration: none;
display: block;
}
.logo-linkbox {
text-align: left;
max-width: 60%;
margin-bottom: 20px;
margin-left: -15px;
}
.link-linkbox {
text-decoration: underline;
}
.cell {
border: 1px solid #a4b0b6;
}
.section-newsletter-teaser {
padding-top: 144px;
padding-bottom: 220px;
}
.section-newsletter-teaser.top-padding-160 {
padding-top: 160px;
}
.section-newsletter-teaser.top-padding-160.bottom-distance {
padding-bottom: 60px;
}
.section-newsletter-teaser.padding-192 {
background-color: var(--white);
padding-top: 140px;
padding-bottom: 140px;
}
.section-newsletter-teaser.padding-192.hide {
display: none;
}
.section-newsletter-teaser.bottom-padding-192 {
padding-bottom: 192px;
display: flex;
}
.section-newsletter-teaser.bottom-padding-192.no-top-padding {
display: flex;
}
.section-newsletter-teaser.bottom-padding-192.no-top-padding.bottom-distance {
padding-bottom: 100px;
}
.section-newsletter-teaser.bottom-padding-192.hide {
display: none;
}
.section-newsletter-teaser.bottom-padding-192.abstand-bottom {
padding-bottom: 40px;
}
.section-newsletter-teaser.no-bottom-padding {
padding-top: 120px;
padding-bottom: 0;
}
.section-newsletter-teaser.no-top-padding {
padding-top: 0;
padding-bottom: 140px;
}
.section-newsletter-teaser.no-top-padding.angebote {
padding-bottom: 100px;
}
.section-newsletter-teaser.padding-96 {
padding-top: 96px;
padding-bottom: 96px;
}
.section-newsletter-teaser.bg-color-1 {
background-color: #49616d;
padding-bottom: 120px;
}
.section-newsletter-teaser.bg-color-1.overlap-section-top {
background-color: var(--royalbellevue);
margin-top: -240px;
}
.section-newsletter-teaser.bg-color-1.salon {
background-color: #551515;
}
.section-newsletter-teaser.bg-color-5 {
background-color: var(--medbellevue);
}
.section-newsletter-teaser.bg-color-5.overlap-section-top {
background-color: var(--sand);
margin-top: -240px;
}
.section-newsletter-teaser.top-bottom-padding {
background-color: #0000;
padding-top: 60px;
padding-bottom: 120px;
}
.section-newsletter-teaser.padding-192-white {
background-color: var(--light-cream);
padding-top: 140px;
padding-bottom: 140px;
}
.section-newsletter-teaser.padding-192-white.abstand-bottom {
background-color: var(--white);
padding-bottom: 0;
}
.section-newsletter-teaser.padding-192-sand {
background-color: var(--lightbellevue);
padding-top: 140px;
padding-bottom: 192px;
}
.section-newsletter-teaser.padding-192-sand.salon {
background-color: #f6eeee;
}
.section-newsletter-teaser.impressum {
background-color: #edeff0;
}
.section-newsletter-teaser.angebote {
padding-top: 0;
}
.section-newsletter-teaser.bg-color-2 {
background-color: #a4b0b6;
padding-top: 80px;
padding-bottom: 40px;
}
.section-newsletter-teaser.bg-color-2.salon {
background-color: var(--reddark);
}
.success-message {
background-color: #edeff000;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 10px;
}
.flex-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: stretch;
width: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.closingheader {
padding-bottom: 80px;
}
.closingheader.inner-spacing {
padding-bottom: 60px;
padding-left: 5vw;
}
.closingheader.centered {
text-align: center;
margin-top: 140px;
padding-bottom: 0;
}
.closingheader.centered.left-padding.right-padding.distance-bot {
padding-bottom: 40px;
}
.closingheader.centered.left-padding.right-padding.distance-bot.width {
max-width: 100%;
}
.closingheader.centered.left-padding.right-padding.kontakt {
max-width: 80%;
}
.closingheader.centered.left-padding.right-padding.bottom {
max-width: 100%;
padding-bottom: 60px;
}
.closingheader.centered.left-padding.right-padding.wide {
max-width: 100%;
padding-bottom: 40px;
}
.closingheader.centered.left-padding.right-padding.wide.feste, .closingheader.centered.left-padding.right-padding.insta, .closingheader.centered.left-padding.right-padding.sauna {
margin-bottom: 0;
}
.closingheader.width-small.centered {
margin-left: auto;
margin-right: auto;
}
.lahnerleben-linkbox {
text-align: center;
background-color: #49616d;
flex-wrap: nowrap;
height: 100%;
padding: 20px 20px 10px;
text-decoration: none;
display: flex;
}
.lahnerleben-linkbox:hover {
background-color: #173c4e;
}
.div-block-7 {
text-align: left;
width: 65%;
padding-left: 20px;
}
.image-8 {
object-fit: cover;
width: 100%;
height: 100%;
}
.img-linkbox.hide {
object-fit: contain;
width: 300px;
height: 240px;
display: inline-block;
}
.body {
background-color: #fff;
margin-bottom: 60px;
padding-bottom: 60px;
}
.textlink_small {
font-size: 1.3vw;
}
.textlink_small.xtra-small {
font-size: 1.2vw;
}
.column, .column-2 {
text-align: center;
padding-left: 0;
}
.columns {
width: 70%;
margin-top: 40px;
}
.columns.centered {
float: left;
text-align: center;
width: 60%;
display: block;
}
.unterschrift {
text-align: center;
max-height: 50px;
margin-top: 40px;
margin-bottom: 10px;
font-family: Quicksand, sans-serif;
font-size: 1rem;
}
.smaller {
font-size: .8rem;
}
.error-message-3 {
margin-top: 20px;
}
.field-label-10, .field-label-11 {
font-family: Quicksand, sans-serif;
font-size: 16px;
}
.text-block-13 {
line-height: 24px;
}
.form-input-2 {
color: var(--light-cream);
letter-spacing: 2px;
background-color: #0000;
border: 1px #0000;
border-bottom: 2px dotted #ffffff80;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-family: Quicksand, sans-serif;
font-size: 1.5vw;
font-style: italic;
line-height: 140%;
transition: border-color .3s;
}
.form-input-2:focus {
border-bottom-color: var(--light-grey);
color: var(--dark-grey);
font-family: Quicksand, sans-serif;
}
.form-input-2:focus-visible, .form-input-2[data-wf-focus-visible] {
background-color: var(--lightbellevue);
}
.form-input-2::placeholder {
color: #3c3a3499;
}
.form-input-2.light {
color: var(--light-cream);
border-bottom-color: #fafaf899;
}
.form-input-2.light:focus {
border-bottom-color: #fafaf8;
}
.form-input-2.light::placeholder {
color: #fafaf8b3;
}
.section_oeffnungszeiten {
text-align: center;
background-color: #f6eaea;
padding-top: 100px;
padding-bottom: 100px;
}
.section_oeffnungszeiten.hotel {
background-color: #edeff0;
}
.two-column-body-wrapper-copy {
flex-direction: row;
padding-bottom: 40px;
padding-left: 10vw;
padding-right: 10vw;
display: block;
}
.bold-text-2 {
font-style: normal;
}
.form-input-dark {
color: var(--dark-grey);
letter-spacing: 2px;
background-color: #0000;
border: 1px #0000;
border-bottom: 2px dotted #42424180;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-family: Quicksand, sans-serif;
font-size: 16px;
font-style: italic;
line-height: 140%;
transition: border-color .3s;
}
.form-input-dark:focus {
border-bottom-color: var(--light-grey);
color: var(--dark-grey);
font-family: Quicksand, sans-serif;
}
.form-input-dark:focus-visible, .form-input-dark[data-wf-focus-visible] {
background-color: var(--lightbellevue);
}
.form-input-dark::placeholder {
color: #3c3a3499;
}
.form-input-dark.light {
color: var(--light-cream);
border-bottom-color: #fafaf899;
}
.form-input-dark.light:focus {
border-bottom-color: #fafaf8;
}
.form-input-dark.light::placeholder {
color: #fafaf8b3;
}
.form-input-dark.distance {
margin-bottom: 20px;
}
.container-social-media {
background-color: #0000;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 10vw;
padding-right: 10vw;
}
.container-social-media.room-slider-section {
overflow: hidden;
}
.container-social-media.cta {
text-align: center;
justify-content: space-between;
display: flex;
}
.container-social-media.cta-2 {
text-align: center;
justify-content: space-between;
padding-left: 0;
padding-right: 0;
display: flex;
}
.container-social-media.abstand {
padding-top: 100px;
}
.container-social-media.room-teaser {
flex: 1;
}
.section-insta {
padding-top: 144px;
padding-bottom: 100px;
}
.section-insta.top-padding-160 {
padding-top: 160px;
}
.section-insta.top-padding-160.bottom-distance {
padding-bottom: 60px;
}
.section-insta.padding-192 {
background-color: var(--white);
padding-top: 140px;
padding-bottom: 140px;
}
.section-insta.padding-192.hide {
display: none;
}
.section-insta.padding-192.distance-bottom-no {
padding-bottom: 0;
}
.section-insta.bottom-padding-192 {
padding-bottom: 192px;
display: flex;
}
.section-insta.bottom-padding-192.no-top-padding {
display: flex;
}
.section-insta.bottom-padding-192.no-top-padding.bottom-distance {
padding-bottom: 100px;
}
.section-insta.bottom-padding-192.hide {
display: none;
}
.section-insta.bottom-padding-192.abstand-bottom {
padding-bottom: 40px;
}
.section-insta.no-bottom-padding {
padding-top: 120px;
padding-bottom: 0;
}
.section-insta.no-top-padding {
padding-top: 0;
padding-bottom: 140px;
}
.section-insta.no-top-padding.angebote {
padding-bottom: 100px;
}
.section-insta.padding-96 {
padding-top: 96px;
padding-bottom: 96px;
}
.section-insta.bg-color-2 {
background-color: var(--medbellevue);
}
.section-insta.bg-color-2.salon {
background-color: var(--redmedium);
}
.section-insta.bg-color-1 {
background-color: #49616d;
padding-bottom: 120px;
}
.section-insta.bg-color-1.overlap-section-top {
background-color: var(--royalbellevue);
margin-top: -240px;
}
.section-insta.bg-color-1.salon {
background-color: #551515;
}
.section-insta.bg-color-5 {
background-color: var(--medbellevue);
}
.section-insta.bg-color-5.overlap-section-top {
background-color: var(--sand);
margin-top: -240px;
}
.section-insta.top-bottom-padding {
background-color: #0000;
padding-top: 60px;
padding-bottom: 120px;
}
.section-insta.padding-192-white {
background-color: var(--light-cream);
padding-top: 140px;
padding-bottom: 140px;
}
.section-insta.padding-192-white.abstand-bottom {
background-color: var(--white);
padding-bottom: 0;
}
.section-insta.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 100px;
}
.section-insta.padding-192-sand {
background-color: var(--lightbellevue);
padding-top: 140px;
padding-bottom: 192px;
}
.section-insta.padding-192-sand.salon {
background-color: #f6eeee;
}
.section-insta.impressum {
background-color: #edeff0;
}
.section-insta.angebote {
padding-top: 0;
}
.section-booking {
padding-top: 144px;
padding-bottom: 220px;
}
.section-booking.top-padding-160 {
padding-top: 160px;
}
.section-booking.top-padding-160.bottom-distance {
padding-bottom: 60px;
}
.section-booking.padding-192 {
background-color: var(--white);
padding-top: 140px;
padding-bottom: 140px;
}
.section-booking.padding-192.hide {
display: none;
}
.section-booking.padding-192.distance-bottom-no {
padding-bottom: 0;
}
.section-booking.bottom-padding-192 {
padding-bottom: 192px;
display: flex;
}
.section-booking.bottom-padding-192.no-top-padding {
display: flex;
}
.section-booking.bottom-padding-192.no-top-padding.bottom-distance {
padding-bottom: 100px;
}
.section-booking.bottom-padding-192.hide {
display: none;
}
.section-booking.bottom-padding-192.abstand-bottom {
padding-bottom: 40px;
}
.section-booking.no-bottom-padding {
padding-top: 120px;
padding-bottom: 0;
}
.section-booking.no-top-padding {
padding-top: 0;
padding-bottom: 140px;
}
.section-booking.no-top-padding.angebote {
padding-bottom: 100px;
}
.section-booking.padding-96 {
padding-top: 96px;
padding-bottom: 96px;
}
.section-booking.bg-color-2 {
background-color: var(--medbellevue);
}
.section-booking.bg-color-2.salon {
background-color: var(--redmedium);
}
.section-booking.bg-color-1 {
background-color: #49616d;
padding-top: 100px;
padding-bottom: 100px;
}
.section-booking.bg-color-1.overlap-section-top {
background-color: var(--royalbellevue);
margin-top: -240px;
}
.section-booking.bg-color-1.salon {
background-color: #551515;
}
.section-booking.bg-color-5 {
background-color: var(--medbellevue);
}
.section-booking.bg-color-5.overlap-section-top {
background-color: var(--sand);
margin-top: -240px;
}
.section-booking.top-bottom-padding {
background-color: #0000;
padding-top: 60px;
padding-bottom: 120px;
}
.section-booking.padding-192-white {
background-color: var(--light-cream);
padding-top: 140px;
padding-bottom: 140px;
}
.section-booking.padding-192-white.abstand-bottom {
background-color: var(--white);
padding-bottom: 0;
}
.section-booking.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 100px;
}
.section-booking.padding-192-sand {
background-color: var(--lightbellevue);
padding-top: 140px;
padding-bottom: 192px;
}
.section-booking.padding-192-sand.salon {
background-color: #f6eeee;
}
.section-booking.impressum {
background-color: #edeff0;
}
.section-booking.angebote {
padding-top: 0;
}
.section-kontakt-salon {
padding-top: 144px;
padding-bottom: 220px;
}
.section-kontakt-salon.top-padding-160 {
padding-top: 160px;
}
.section-kontakt-salon.top-padding-160.bottom-distance {
padding-bottom: 60px;
}
.section-kontakt-salon.padding-192 {
background-color: var(--white);
padding-top: 140px;
padding-bottom: 140px;
}
.section-kontakt-salon.padding-192.hide {
display: none;
}
.section-kontakt-salon.padding-192.distance-bottom-no {
padding-bottom: 0;
}
.section-kontakt-salon.bottom-padding-192 {
padding-bottom: 192px;
display: flex;
}
.section-kontakt-salon.bottom-padding-192.no-top-padding {
display: flex;
}
.section-kontakt-salon.bottom-padding-192.no-top-padding.bottom-distance {
padding-bottom: 100px;
}
.section-kontakt-salon.bottom-padding-192.hide {
display: none;
}
.section-kontakt-salon.bottom-padding-192.abstand-bottom {
padding-bottom: 40px;
}
.section-kontakt-salon.no-bottom-padding {
padding-top: 120px;
padding-bottom: 0;
}
.section-kontakt-salon.no-top-padding {
padding-top: 0;
padding-bottom: 140px;
}
.section-kontakt-salon.no-top-padding.angebote {
padding-bottom: 100px;
}
.section-kontakt-salon.padding-96 {
padding-top: 96px;
padding-bottom: 96px;
}
.section-kontakt-salon.bg-color-2 {
background-color: var(--medbellevue);
}
.section-kontakt-salon.bg-color-2.salon {
background-color: var(--redmedium);
}
.section-kontakt-salon.bg-color-1 {
background-color: #49616d;
padding-bottom: 120px;
}
.section-kontakt-salon.bg-color-1.overlap-section-top {
background-color: var(--royalbellevue);
margin-top: -240px;
}
.section-kontakt-salon.bg-color-1.salon {
background-color: #551515;
}
.section-kontakt-salon.bg-color-5 {
background-color: var(--medbellevue);
}
.section-kontakt-salon.bg-color-5.overlap-section-top {
background-color: var(--sand);
margin-top: -240px;
}
.section-kontakt-salon.top-bottom-padding {
background-color: #0000;
padding-top: 60px;
padding-bottom: 120px;
}
.section-kontakt-salon.padding-192-white {
background-color: var(--light-cream);
padding-top: 140px;
padding-bottom: 140px;
}
.section-kontakt-salon.padding-192-white.abstand-bottom {
background-color: var(--white);
padding-bottom: 0;
}
.section-kontakt-salon.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 100px;
}
.section-kontakt-salon.padding-192-sand {
background-color: var(--lightbellevue);
padding-top: 140px;
padding-bottom: 192px;
}
.section-kontakt-salon.padding-192-sand.salon {
background-color: #f6eeee;
padding-bottom: 120px;
}
.section-kontakt-salon.impressum {
background-color: #edeff0;
}
.section-kontakt-salon.angebote {
padding-top: 0;
}
.text-block-14 {
color: var(--light-grey);
}
.error-box {
margin-top: 20px;
padding: 16px 40px 16px 20px;
line-height: 24px;
}
.success-box {
padding-bottom: 30px;
}
.section-newsletter {
padding-top: 144px;
padding-bottom: 220px;
}
.section-newsletter.top-padding-160 {
padding-top: 160px;
}
.section-newsletter.top-padding-160.bottom-distance {
padding-bottom: 60px;
}
.section-newsletter.padding-192 {
background-color: var(--white);
padding-top: 140px;
padding-bottom: 140px;
}
.section-newsletter.padding-192.hide {
display: none;
}
.section-newsletter.padding-192.distance-bottom-no {
padding-bottom: 0;
}
.section-newsletter.bottom-padding-192 {
padding-bottom: 192px;
display: flex;
}
.section-newsletter.bottom-padding-192.no-top-padding {
display: flex;
}
.section-newsletter.bottom-padding-192.no-top-padding.bottom-distance {
padding-bottom: 100px;
}
.section-newsletter.bottom-padding-192.hide {
display: none;
}
.section-newsletter.bottom-padding-192.abstand-bottom {
padding-bottom: 40px;
}
.section-newsletter.no-bottom-padding {
padding-top: 120px;
padding-bottom: 0;
}
.section-newsletter.no-top-padding {
padding-top: 0;
padding-bottom: 140px;
}
.section-newsletter.no-top-padding.angebote {
padding-bottom: 100px;
}
.section-newsletter.padding-96 {
padding-top: 96px;
padding-bottom: 96px;
}
.section-newsletter.bg-color-2 {
background-color: var(--medbellevue);
}
.section-newsletter.bg-color-2.salon {
background-color: var(--reddark);
padding-top: 80px;
padding-bottom: 40px;
display: flex;
}
.section-newsletter.bg-color-1 {
background-color: #49616d;
padding-bottom: 120px;
}
.section-newsletter.bg-color-1.overlap-section-top {
background-color: var(--royalbellevue);
margin-top: -240px;
}
.section-newsletter.bg-color-1.salon {
background-color: #551515;
}
.section-newsletter.bg-color-5 {
background-color: var(--medbellevue);
}
.section-newsletter.bg-color-5.overlap-section-top {
background-color: var(--sand);
margin-top: -240px;
}
.section-newsletter.top-bottom-padding {
background-color: #0000;
padding-top: 60px;
padding-bottom: 120px;
}
.section-newsletter.padding-192-white {
background-color: var(--light-cream);
padding-top: 140px;
padding-bottom: 140px;
}
.section-newsletter.padding-192-white.abstand-bottom {
background-color: var(--white);
padding-bottom: 0;
}
.section-newsletter.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 100px;
}
.section-newsletter.padding-192-sand {
background-color: var(--lightbellevue);
padding-top: 140px;
padding-bottom: 192px;
}
.section-newsletter.padding-192-sand.salon {
background-color: #f6eeee;
}
.section-newsletter.impressum {
background-color: #edeff0;
}
.section-newsletter.angebote {
padding-top: 0;
}
.paragraph-49 {
font-size: 1.2vw;
}
.paragraph-50, .paragraph-51, .paragraph-52 {
font-family: Quicksand, sans-serif;
}
.section-gallery {
padding-top: 144px;
padding-bottom: 220px;
}
.section-gallery.top-padding-160 {
padding-top: 160px;
}
.section-gallery.top-padding-160.bottom-distance {
padding-bottom: 60px;
}
.section-gallery.padding-192 {
background-color: var(--white);
padding-top: 140px;
padding-bottom: 140px;
}
.section-gallery.padding-192.hide {
display: none;
}
.section-gallery.padding-192.distance-bottom-no {
padding-bottom: 0;
}
.section-gallery.bottom-padding-192 {
padding-bottom: 192px;
display: flex;
}
.section-gallery.bottom-padding-192.no-top-padding {
display: flex;
}
.section-gallery.bottom-padding-192.no-top-padding.bottom-distance {
padding-bottom: 100px;
}
.section-gallery.bottom-padding-192.hide {
display: none;
}
.section-gallery.bottom-padding-192.abstand-bottom {
padding-bottom: 40px;
}
.section-gallery.no-bottom-padding {
padding-top: 120px;
padding-bottom: 0;
}
.section-gallery.no-top-padding {
padding-top: 0;
padding-bottom: 140px;
display: block;
}
.section-gallery.no-top-padding.angebote {
padding-bottom: 100px;
}
.section-gallery.padding-96 {
padding-top: 96px;
padding-bottom: 96px;
}
.section-gallery.bg-color-2 {
background-color: var(--medbellevue);
}
.section-gallery.bg-color-2.salon {
background-color: var(--redmedium);
}
.section-gallery.bg-color-1 {
background-color: #49616d;
padding-bottom: 120px;
}
.section-gallery.bg-color-1.overlap-section-top {
background-color: var(--royalbellevue);
margin-top: -240px;
}
.section-gallery.bg-color-1.salon {
background-color: #551515;
}
.section-gallery.bg-color-5 {
background-color: var(--medbellevue);
}
.section-gallery.bg-color-5.overlap-section-top {
background-color: var(--sand);
margin-top: -240px;
}
.section-gallery.top-bottom-padding {
background-color: #0000;
padding-top: 60px;
padding-bottom: 120px;
}
.section-gallery.padding-192-white {
background-color: var(--light-cream);
padding-top: 140px;
padding-bottom: 140px;
}
.section-gallery.padding-192-white.abstand-bottom {
background-color: var(--white);
padding-bottom: 0;
}
.section-gallery.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 100px;
}
.section-gallery.padding-192-sand {
background-color: var(--lightbellevue);
padding-top: 140px;
padding-bottom: 192px;
}
.section-gallery.padding-192-sand.salon {
background-color: #f6eeee;
}
.section-gallery.impressum {
background-color: #edeff0;
}
.section-gallery.angebote {
padding-top: 0;
}
.titel-header {
color: var(--light-cream);
margin-bottom: 10px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 10vw;
font-weight: 300;
}
.titel-header.light {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 8vw;
font-weight: 300;
}
.p {
color: var(--light-cream);
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
}
.p.right-align {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 3vw;
font-weight: 300;
}
.p.subtext {
font-size: 1.8vw;
}
.img-subtitle {
color: var(--light-cream);
font-family: Frank Ruhl Libre, sans-serif;
font-weight: 300;
display: none;
}
.img-subtitle.right-align {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 3vw;
font-weight: 300;
}
.img-subtitle.subtext {
font-size: 1.8vw;
}
.bottom-paragraph {
text-align: center;
width: 100%;
font-family: Quicksand, sans-serif;
}
.paragraph-53 {
text-align: left;
align-self: auto;
align-items: flex-start;
font-family: Quicksand, sans-serif;
font-size: 16px;
display: flex;
}
.paragraph-54 {
font-family: Quicksand, sans-serif;
font-size: 16px;
display: flex;
}
.paragraph-55 {
text-align: center;
font-family: Quicksand, sans-serif;
}
.list-item {
font-family: Quicksand, sans-serif;
font-size: 1.4px;
}
.list-item-2, .list-item-3 {
font-family: Quicksand, sans-serif;
}
.form-headline {
margin-bottom: 20px;
font-size: 2vw;
}
.sction-sundown {
padding-top: 144px;
padding-bottom: 220px;
}
.sction-sundown.top-padding-160 {
padding-top: 160px;
}
.sction-sundown.top-padding-160.bottom-distance {
padding-bottom: 60px;
}
.sction-sundown.padding-192 {
background-color: var(--white);
padding-top: 140px;
padding-bottom: 140px;
}
.sction-sundown.padding-192.hide {
display: none;
}
.sction-sundown.padding-192.distance-bottom-no {
padding-bottom: 0;
}
.sction-sundown.bottom-padding-192 {
padding-bottom: 192px;
display: flex;
}
.sction-sundown.bottom-padding-192.no-top-padding {
display: flex;
}
.sction-sundown.bottom-padding-192.no-top-padding.bottom-distance {
padding-bottom: 100px;
}
.sction-sundown.bottom-padding-192.hide {
display: none;
}
.sction-sundown.bottom-padding-192.abstand-bottom {
padding-bottom: 40px;
}
.sction-sundown.no-bottom-padding {
padding-top: 120px;
padding-bottom: 0;
}
.sction-sundown.no-top-padding {
padding-top: 0;
padding-bottom: 140px;
}
.sction-sundown.no-top-padding.angebote {
padding-bottom: 100px;
}
.sction-sundown.padding-96 {
padding-top: 96px;
padding-bottom: 96px;
}
.sction-sundown.bg-color-2 {
background-color: var(--medbellevue);
}
.sction-sundown.bg-color-2.salon {
background-color: var(--redmedium);
}
.sction-sundown.bg-color-1 {
background-color: #49616d;
padding-bottom: 120px;
}
.sction-sundown.bg-color-1.overlap-section-top {
background-color: var(--royalbellevue);
margin-top: -240px;
}
.sction-sundown.bg-color-1.salon {
background-color: #551515;
}
.sction-sundown.bg-color-5 {
background-color: var(--medbellevue);
}
.sction-sundown.bg-color-5.overlap-section-top {
background-color: var(--sand);
margin-top: -240px;
}
.sction-sundown.top-bottom-padding {
background-color: #0000;
padding-top: 60px;
padding-bottom: 120px;
}
.sction-sundown.padding-192-white {
background-color: var(--light-cream);
padding-top: 140px;
padding-bottom: 140px;
}
.sction-sundown.padding-192-white.abstand-bottom {
background-color: var(--white);
padding-bottom: 0;
}
.sction-sundown.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 100px;
}
.sction-sundown.padding-192-sand {
background-color: var(--lightbellevue);
padding-top: 140px;
padding-bottom: 192px;
}
.sction-sundown.padding-192-sand.salon {
background-color: #f6eeee;
}
.sction-sundown.impressum {
background-color: #edeff0;
}
.sction-sundown.angebote {
padding-top: 0;
}
.med-headline {
color: var(--redsalon);
}
.empty-state {
display: block;
}
.nav-link-dark-bellevue {
color: var(--light-cream);
font-family: Quicksand, sans-serif;
font-size: 1.4vw;
font-weight: 300;
}
.nav-link-dark-bellevue:hover {
color: var(--medbellevue);
}
.mobile-none-bellevue {
color: var(--light-cream);
font-family: Quicksand, sans-serif;
font-weight: 300;
}
.mobile-none-bellevue:hover {
color: var(--medbellevue);
}
.submenu-a-z {
text-align: center;
justify-content: center;
display: flex;
}
.submenu-a-z.abisz-width {
clear: none;
flex-wrap: wrap;
place-content: stretch center;
max-width: 80%;
height: auto;
margin-left: auto;
margin-right: auto;
display: flex;
}
.link-block-a-z {
margin-right: 0;
font-family: Quicksand, sans-serif;
text-decoration: none;
}
.link-block-a-z.distance-right {
margin-right: 40px;
}
.divider-a-z {
color: var(--medbellevue);
margin-left: 20px;
margin-right: 20px;
padding-top: 3px;
}
.divider-a-z._288px {
height: 144px;
}
.divider-a-z._288px.mobile-none {
height: 180px;
}
.divider-a-z._144px {
height: 144px;
}
.divider-a-z._96px {
height: 96px;
}
.divider-a-z.middle {
margin-left: 0;
margin-right: 0;
}
.divider-a-z.hide {
color: var(--medbellevue);
display: none;
}
.footer-contact-icon-2 {
margin-right: 16px;
padding-top: 0;
}
.footer-contact-icon-2.abstand-kleiner {
padding-top: 0;
}
.container-4 {
background-color: #0000;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 10vw;
padding-right: 10vw;
}
.heading-wrapper-3 {
padding-bottom: 80px;
}
.heading-wrapper-3.centered {
text-align: center;
max-width: 80%;
margin-bottom: 0;
padding-bottom: 60px;
}
.heading-54 {
text-align: center;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 3vw;
font-weight: 300;
}
.heading-54.left {
text-align: left;
}
.heading-54.abstand_bottom {
margin-bottom: 100px;
}
.paragraph-width-medium-2 {
text-align: center;
max-width: 60vw;
margin-left: auto;
margin-right: auto;
font-family: Quicksand, sans-serif;
font-weight: 400;
}
.paragraph-width-medium-2.white.bottom-distance {
margin-bottom: 40px;
}
.paragraph-width-medium-2.agb {
text-align: left;
margin-top: 60px;
}
.paragraph-width-medium-2.left {
text-align: left;
}
.paragraph-width-medium-2.distance-top {
margin-top: 60px;
}
.paragraph-width-medium-2.left-mobile {
text-align: left;
text-align: left;
}
.slide-12 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.left-arrow-2 {
color: #5d656c;
}
.mask {
width: 100%;
height: 100%;
min-height: 100%;
position: absolute;
}
.icon-3 {
color: var(--light-grey);
border-radius: 0;
margin-left: 20px;
margin-right: 20px;
overflow: visible;
}
.slider {
clear: both;
aspect-ratio: auto;
object-fit: cover;
width: 100%;
height: auto;
min-height: 800px;
max-height: 700px;
line-height: 20px;
display: block;
overflow: visible;
}
.slider.hide {
display: none;
}
.slide-26 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/62b052394e77807ae3b7d4da_Bellevue_Entwuerfe_grossaufnahmen_de-8362_s.jpg");
background-position: 50%;
background-size: cover;
}
.right-arrow-2 {
color: #5d656c;
}
.slide-24 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65972567b7ee6f9dd40ab384_A69AD146-3683-4F03-87DD-FAEB4BBF9D37.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-19 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.icon-2 {
color: var(--light-grey);
text-align: left;
-webkit-text-stroke-color: var(--light-grey);
margin-left: 20px;
margin-right: 20px;
overflow: visible;
}
.slide-10 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.slide-28 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6597254147d6f771e9e0e0ec_DC9D720B-E47B-4CF7-8803-AFDC8312C1FA.JPG");
background-position: 50%;
background-size: cover;
}
.slide-13 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.slide-27 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6597258a05aee72f7e8a9c51_BC13DCC7-B4C2-468E-8F98-D0C5F4900E40.JPG");
background-position: 50%;
background-size: cover;
}
.slide-21 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.slide-25 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65da7948bada2318eaf1ae09_Gartenteich.jpg");
background-position: 50%;
background-size: cover;
}
.slide-23 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65de11cffc97b35d054dee46_5EDD873B-DD5C-4218-8915-A6505113F921.JPG"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0, 0 0;
background-size: cover, auto;
}
.slide-14, .slide-15 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.slide {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65de11cffc97b35d054dee46_5EDD873B-DD5C-4218-8915-A6505113F921.JPG");
background-position: 0 0;
background-size: cover;
width: 100%;
height: 100%;
min-height: 100%;
max-height: none;
}
.slide-11 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f766c0a05c1a6291954d26_Hotel-Bellevue-Humpel-0001.jpg");
}
.form-input-3 {
color: var(--dark-grey);
letter-spacing: 2px;
background-color: #0000;
border: 1px #0000;
border-bottom: 2px dotted #63636380;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-family: Quicksand, sans-serif;
font-size: 1.5vw;
font-style: italic;
line-height: 140%;
transition: border-color .3s;
}
.form-input-3:focus {
color: #47525b;
border-bottom-color: #5d656c;
font-family: Quicksand, sans-serif;
}
.form-input-3:focus-visible, .form-input-3[data-wf-focus-visible] {
background-color: #edeff0;
}
.form-input-3::placeholder {
color: #3c3a3499;
}
.form-input-3.white {
-webkit-text-stroke-color: #fff;
color: #fff;
border-bottom-color: #99999780;
}
.form-input-3.white:active {
color: #fffff5;
}
.form-input-3.white:focus-visible, .form-input-3.white[data-wf-focus-visible] {
background-color: #0000;
}
.form-input-3.white::placeholder {
color: var(--redmedium);
}
.container-5 {
background-color: #0000;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 10vw;
padding-right: 10vw;
}
.submit-button-2 {
color: #fafaf8;
cursor: pointer;
background-color: #49616d;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f38120880a2269b9496431_Arrow%20short%20white.png");
background-position: 86%;
background-repeat: no-repeat;
background-size: 48px 14px;
border: 0 solid #47525b;
padding: 16px 96px 16px 32px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 1.7vw;
font-style: italic;
line-height: 120%;
transition: background-position .3s;
}
.submit-button-2:hover {
background-color: #173c4e;
background-position: 90%;
}
.submit-button-2.white {
color: #551515;
background-color: #fafaf8;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f6d7eb35a8b452bb07081f_Arrow%20short_red.png");
}
.heading-55 {
text-align: center;
width: 100%;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 3vw;
font-weight: 300;
}
.heading-55.white {
color: var(--dark-grey);
}
.newsletter-form-2 {
text-align: left;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.hotel-zwischenheadline-2 {
color: #49616d;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 2vw;
font-weight: 400;
line-height: 240%;
display: inline;
}
.small-text-2 {
color: #5d656c;
text-align: center;
margin-top: 30px;
margin-bottom: 8px;
font-family: Quicksand, sans-serif;
font-size: 1.2vw;
line-height: 140%;
}
.small-text-2.white {
-webkit-text-stroke-color: var(--dark-cream);
}
.paragraph-60 {
text-align: center;
width: 80%;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
font-family: Quicksand, sans-serif;
}
.paragraph-60.white {
-webkit-text-stroke-color: var(--dark-grey);
}
.field-label-12 {
color: var(--light-cream);
font-family: Quicksand, sans-serif;
}
.field-label-12.bellevue {
color: var(--dark-grey);
}
.newsletter-input-2 {
color: #fff;
width: 33%;
font-family: Quicksand, sans-serif;
}
.footer-contact-link-2 {
align-items: flex-start;
margin-bottom: 8px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 2.2vw;
font-style: normal;
font-weight: 300;
line-height: 140%;
text-decoration: none;
transition: color .3s;
display: flex;
}
.footer-contact-link-2:hover {
color: #838a7bb3;
}
.paragraph-61 {
font-family: Quicksand, sans-serif;
}
.text-block-15 {
font-size: 1.6vw;
}
.footer-link-2 {
margin-bottom: 8px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 1.8vw;
font-style: normal;
font-weight: 300;
line-height: 140%;
text-decoration: none;
transition: color .3s;
display: block;
}
.footer-link-2:hover {
color: #a4b0b6;
}
.footer-link-2.hide {
display: none;
}
.div-block-9 {
border-top: 1px solid #49616d;
flex-flow: wrap-reverse;
justify-content: flex-end;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.metalink-2 {
margin-right: 20px;
font-size: 1.2vw;
font-style: normal;
text-decoration: none;
}
.footer-contact-icon-3 {
margin-right: 16px;
padding-top: 10px;
}
.footer-contact-icon-3.abstand-kleiner {
padding-top: 0;
}
.footer-contact-2 {
width: 30%;
}
.text-block-16 {
color: #47525b;
font-size: 1.6vw;
}
.text-block-16:hover {
color: #a4b0b6;
}
.text-block-17 {
font-size: 1.6vw;
}
.footer-wrapper-2 {
border-top: 0 solid #5d656c;
padding-top: 56px;
padding-bottom: 16px;
}
.image-9 {
max-width: 300%;
height: 140px;
margin-left: 0;
}
.columns-signature {
text-align: center;
width: 80%;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
}
.columns-signature.centered {
float: none;
text-align: center;
width: 60%;
margin-bottom: 0;
display: block;
}
.name-block {
text-align: center;
font-family: Quicksand, sans-serif;
font-size: 1rem;
}
.name-block.centered {
text-align: center;
max-width: 100%;
}
.column-sign {
text-align: center;
padding-left: 0;
}
.no-margin-2 {
margin-bottom: 0;
font-family: Quicksand, sans-serif;
font-size: 16px;
}
.nav-social-wrapper-2 {
align-items: center;
display: flex;
}
.nav-links-container-2 {
z-index: 98;
background-color: #e2ded5;
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
padding-top: 60px;
padding-left: 5vw;
padding-right: 5vw;
display: none;
position: absolute;
inset: 0%;
}
.nav-links-container-2.light {
color: #edeff0;
background-color: #edeff0;
display: flex;
}
.nav-primary-wrapper-2 {
flex: 1;
align-items: center;
padding-left: 5vw;
padding-right: 5vw;
display: block;
}
.nav-secondary-wrapper-2 {
border-top: 1px solid #5d656c;
justify-content: space-between;
margin-bottom: 20px;
padding-top: 16px;
padding-bottom: 16px;
display: block;
}
.nav-secondary-link-2 {
margin-bottom: 8px;
margin-left: 100px;
margin-right: 10px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 20px;
font-style: normal;
line-height: 120%;
text-decoration: none;
transition: color .3s;
}
.nav-secondary-link-2:hover {
color: #a4b0b6;
}
.nav-secondary-link-2.last {
margin-left: 20px;
margin-right: 40px;
}
.nav-link-2 {
padding-top: 1vh;
padding-bottom: 1vh;
font-family: Cormorant Garamond, sans-serif;
font-size: 5vw;
font-style: normal;
text-decoration: none;
display: inline-block;
}
.nav-link-2.w--current {
color: #a4b0b6;
}
.nav-link-2._4, .nav-link-2._7 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 30px;
}
.nav-link-2._3, .nav-link-2._1, .nav-link-2._6 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 30px;
font-weight: 300;
}
.nav-link-2._2 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 30px;
font-weight: 300;
}
.nav-link-2._4 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 30px;
}
.nav-link-2._7 {
font-size: 30px;
}
.nav-link-2._3, .nav-link-2._1, .nav-link-2._6 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 30px;
font-weight: 300;
}
.nav-link-2._5 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 30px;
}
.lottie-mobile-2 {
width: 40px;
margin-bottom: 0;
margin-left: 8px;
padding-top: 4px;
display: none;
}
.feature-hl {
color: var(--royalbellevue);
text-align: center;
min-width: 33%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 2vw;
font-weight: 400;
line-height: 120%;
display: inline;
}
.feature-hl.white {
color: var(--light-cream);
}
.feature-hl.inverted {
color: var(--lightbellevue);
}
.feature-hl.inverted.height {
line-height: 100%;
}
.feature-hl.inverted.height.distance {
margin-bottom: 20px;
padding-top: 10px;
font-size: 1.5rem;
display: block;
}
.feature {
padding-bottom: 20px;
display: flex;
}
.feature-txt {
text-align: center;
align-self: auto;
padding-top: 0;
font-family: Quicksand, sans-serif;
font-size: 16px;
text-decoration: none;
display: flex;
}
.slide-51 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65da7beb3d4f02927b40ebb1_Strandkorb_2.jpg");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-52 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65da7beaccc1b21e49c68960_Skulptur.jpg");
background-position: 50%;
background-size: cover;
}
.slide-53 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/659878f45c74962847736361_62A6C289-3300-4899-A49F-7492D9CA3AA2.JPG");
background-position: 50%;
background-size: cover;
}
.slide-54 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f749f521e5ea2f01596458_IMG_1772.JPG");
background-position: 50%;
background-size: cover;
}
.slide-56 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f74afc964d8d137a9bd790_3FE95080-1A6A-4853-A7BE-A497269F28D5.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-60 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/62b22317f19e8dc50a035bfd_Bellevue_grossaufnahmen_de-7633_s.jpg");
background-position: 50%;
background-size: cover;
}
.slide-61 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/62b052394e77807ae3b7d4da_Bellevue_Entwuerfe_grossaufnahmen_de-8362_s.jpg");
background-position: 50%;
background-size: cover;
}
.slide-62 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65da7beaa0cf4509f3eb6116_Terrasse_3.jpg");
background-position: 50%;
background-size: cover;
}
.slide-63 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65da79480bca11cd03e4640c_Sonnenliegen.jpg");
background-position: 50%;
background-size: cover;
}
.slide-64 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65de11cffc97b35d054dee46_5EDD873B-DD5C-4218-8915-A6505113F921.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-070 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/628380c0b421b339f70aec5d_Hotel-Bellevue-Humpel-0082.jpg");
background-position: 50%;
background-size: cover;
}
.slide-071 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65da7948bada2318eaf1ae09_Gartenteich.jpg");
background-position: 50%;
background-size: cover;
}
.slide-072 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/62b052394e77807ae3b7d4da_Bellevue_Entwuerfe_grossaufnahmen_de-8362_s.jpg");
background-position: 50%;
background-size: cover;
}
.slide-073 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/628380eb00792ffdfc21a946_Haus%20Bellevue%20web-5.jpg");
background-position: 50%;
background-size: cover;
}
.slide-074 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/62838094378ef56097bdd0f9_Hotel-Bellevue-Humpel-0018.jpg");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-80 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65972567b7ee6f9dd40ab384_A69AD146-3683-4F03-87DD-FAEB4BBF9D37.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-81 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6597254147d6f771e9e0e0ec_DC9D720B-E47B-4CF7-8803-AFDC8312C1FA.JPG");
background-position: 50%;
background-size: cover;
}
.slide-82 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65da7948bada2318eaf1ae09_Gartenteich.jpg");
background-position: 50%;
background-size: cover;
}
.slide-83 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65da7678ab39073a886454ba_Champus.jpg");
background-position: 50%;
background-size: cover;
height: 100%;
}
.slide-84 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6597258a05aee72f7e8a9c51_BC13DCC7-B4C2-468E-8F98-D0C5F4900E40.JPG");
background-position: 50%;
background-size: cover;
}
.slide-90 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6512ca3c6782fc1b240dbc38_Bildschirm%C2%ADfoto%202023-09-26%20um%2014.09.05.png");
background-position: 50%;
background-size: cover;
}
.slide-91 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/62b0f17a201fd04ce5065dbf_Bellevue_grossaufnahmen_de-8808_s.jpg");
background-position: 50%;
background-size: cover;
}
.slide-92 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/62b051de8e7ede0999fea5c3_Bellevue_grossaufnahmen_de-8794.jpg");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-93 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65987d487eb3fc71ac5aab49_timotheus-frobel-YDywGFCrP3g-unsplash%202.png");
background-position: 50%;
background-size: cover;
position: relative;
inset: 0%;
}
.slide-100 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f756b2b8bd31222e3fe62c_IMG_2926.JPG");
background-position: 50%;
background-size: cover;
}
.slide-101 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/659726995a27f90ae10e3c24_4238C8F5-1259-4D64-9ED6-7E0479810CC0.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-102 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/659726411144a1cdc3dc426c_B3811D2A-8502-4631-9882-C6D301C9D712.JPG");
background-position: 50%;
background-size: cover;
position: relative;
}
.slide-103 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f7568db79b01d8dd9da3b8_IMG_2933.JPG");
background-position: 50%;
background-size: cover;
}
.text-block-18 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 20px;
}
.slide-110 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6597200f5f5842c2b6b332b2_9AEEAC53-073E-47A4-81DA-2373C500A2BA.JPG");
background-position: 50%;
background-size: cover;
position: relative;
}
.slide-111 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/659878b6333a0d396d9f6de6_DFCAAB8C-ECDD-467B-AF18-BB4B72161C26.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-112 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f827672eb11d006a36b9ed_IMG_1594.JPG");
background-position: 50%;
background-size: cover;
}
.slide-113 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/659878f45c74962847736361_62A6C289-3300-4899-A49F-7492D9CA3AA2.JPG");
background-position: 50%;
background-size: cover;
}
.slide-114 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65972275d52fdc5fb913417d_EAB9D82F-9BC5-498E-975A-5086965AAE06.JPG");
background-position: 50%;
background-size: cover;
}
.slide-120 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f763629a9665a9dcf0683e_IMG_2328.JPG");
background-position: 50%;
background-size: cover;
}
.slide-121 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65987a3a47bff26d77e6c25c_F58A1290-8FF9-4C3F-A8FF-D96CC2D5E9BC.JPG");
background-position: 50%;
background-size: cover;
}
.slide-122 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65972f932f006858965548b8_5A3B40C7-CB3B-477D-8A27-E0C912B15799.JPG");
background-position: 50%;
background-size: cover;
}
.slide-123 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65da7678ab39073a886454ba_Champus.jpg");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-124 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65973013de5f8bf64983ea47_18EFBCC1-3BDF-45FC-9080-7C5C4881D494.JPG");
background-position: 50%;
background-size: cover;
position: relative;
}
.light-home.right-aline {
color: var(--light-cream);
font-size: 4vw;
}
.paragraph-62.agb {
margin-top: 60px;
}
.no-margin-3 {
margin-bottom: 0;
font-family: Quicksand, sans-serif;
font-size: 16px;
}
.nav-secondary-links-wrapper-3 {
text-align: left;
}
.nav-social-wrapper-3 {
align-items: center;
display: flex;
}
.nav-links-container-3 {
z-index: 98;
background-color: #e2ded5;
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
padding-top: 60px;
padding-left: 5vw;
padding-right: 5vw;
display: none;
position: absolute;
inset: 0%;
}
.nav-links-container-3.light {
color: #edeff0;
background-color: #edeff0;
display: block;
}
.nav-primary-links-wrapper-2 {
flex-direction: column;
align-items: flex-start;
width: 50%;
padding-right: 5vw;
display: flex;
}
.nav-primary-wrapper-3 {
flex: 1;
align-items: center;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.nav-secondary-wrapper-3 {
border-top: 1px solid #5d656c;
justify-content: space-between;
margin-bottom: 20px;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
}
.nav-secondary-link-3 {
margin-bottom: 8px;
margin-left: 100px;
margin-right: 10px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 20px;
font-style: normal;
line-height: 120%;
text-decoration: none;
transition: color .3s;
}
.nav-secondary-link-3:hover {
color: #a4b0b6;
}
.nav-secondary-link-3.last {
margin-left: 20px;
margin-right: 40px;
display: inline;
}
.feature-list {
grid-template-rows: auto auto auto;
margin-top: 40px;
margin-bottom: 100px;
padding-left: 10px;
padding-right: 10px;
}
.feature-block {
flex-flow: column;
display: flex;
}
.feature-block.distance-bottom {
margin-bottom: 20px;
}
.image-10 {
height: 60px;
}
.icon-feature {
width: 80px;
height: 80px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
display: none;
}
.buchungsblock {
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.img-10prozent {
height: 200px;
}
.img-10prozent-mobile {
height: 250px;
display: none;
}
.paragraph-63 {
padding-left: 20px;
padding-right: 20px;
}
.hero-3 {
flex-flow: column;
display: flex;
position: relative;
}
.section-gruppenanfrage {
padding-top: 144px;
padding-bottom: 220px;
}
.section-gruppenanfrage.top-padding-160 {
padding-top: 160px;
display: none;
}
.section-gruppenanfrage.top-padding-160.bottom-distance {
padding-bottom: 60px;
display: none;
}
.section-gruppenanfrage.padding-192 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white);
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 140px;
padding-bottom: 140px;
display: flex;
position: relative;
}
.section-gruppenanfrage.padding-192.hide {
display: none;
}
.section-gruppenanfrage.padding-192.distance-bottom-no {
flex-flow: column;
padding-top: 100px;
padding-bottom: 0;
}
.section-gruppenanfrage.bottom-padding-192 {
padding-bottom: 140px;
display: none;
overflow: visible;
}
.section-gruppenanfrage.bottom-padding-192.no-top-padding {
display: flex;
}
.section-gruppenanfrage.bottom-padding-192.no-top-padding.bottom-distance {
padding-bottom: 100px;
}
.section-gruppenanfrage.bottom-padding-192.hide {
display: none;
}
.section-gruppenanfrage.bottom-padding-192.abstand-bottom {
padding-bottom: 40px;
display: flex;
}
.section-gruppenanfrage.no-top-padding {
padding-top: 0;
padding-bottom: 140px;
}
.section-gruppenanfrage.no-top-padding.angebote {
padding-bottom: 100px;
}
.section-gruppenanfrage.padding-96 {
padding-top: 96px;
padding-bottom: 96px;
}
.section-gruppenanfrage.bg-color-2 {
background-color: var(--medbellevue);
}
.section-gruppenanfrage.bg-color-2.salon {
background-color: var(--redmedium);
}
.section-gruppenanfrage.bg-color-1 {
background-color: #49616d;
padding-bottom: 120px;
}
.section-gruppenanfrage.bg-color-1.overlap-section-top {
background-color: var(--royalbellevue);
margin-top: -240px;
display: none;
}
.section-gruppenanfrage.bg-color-1.salon {
background-color: #551515;
}
.section-gruppenanfrage.bg-color-5 {
background-color: var(--medbellevue);
}
.section-gruppenanfrage.bg-color-5.overlap-section-top {
background-color: var(--sand);
margin-top: -240px;
}
.section-gruppenanfrage.top-bottom-padding {
background-color: #0000;
padding-top: 60px;
padding-bottom: 120px;
}
.section-gruppenanfrage.padding-192-white {
background-color: var(--light-cream);
padding-top: 140px;
padding-bottom: 140px;
}
.section-gruppenanfrage.padding-192-white.abstand-bottom {
background-color: var(--white);
padding-bottom: 0;
}
.section-gruppenanfrage.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 40px;
}
.section-gruppenanfrage.padding-192-sand {
background-color: var(--lightbellevue);
padding-top: 140px;
padding-bottom: 192px;
}
.section-gruppenanfrage.padding-192-sand.salon {
background-color: #f6eeee;
}
.section-gruppenanfrage.impressum {
background-color: #edeff0;
}
.section-gruppenanfrage.angebote {
padding-top: 0;
}
.section-gruppenanfrage.no-bottom-padding {
padding-top: 60px;
padding-bottom: 0;
display: block;
}
.section-slider {
padding-top: 144px;
padding-bottom: 220px;
}
.section-slider.top-padding-160 {
padding-top: 160px;
display: none;
}
.section-slider.top-padding-160.bottom-distance {
padding-bottom: 60px;
display: none;
}
.section-slider.padding-192 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white);
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 140px;
padding-bottom: 0;
display: flex;
position: relative;
}
.section-slider.padding-192.hide {
display: none;
}
.section-slider.padding-192.distance-bottom-no {
flex-flow: column;
padding-top: 100px;
padding-bottom: 0;
}
.section-slider.bottom-padding-192 {
padding-bottom: 140px;
display: flex;
overflow: visible;
}
.section-slider.bottom-padding-192.no-top-padding {
display: flex;
}
.section-slider.bottom-padding-192.no-top-padding.bottom-distance {
padding-bottom: 100px;
}
.section-slider.bottom-padding-192.hide {
display: none;
}
.section-slider.bottom-padding-192.abstand-bottom {
padding-bottom: 40px;
display: flex;
}
.section-slider.no-top-padding {
padding-top: 0;
padding-bottom: 140px;
}
.section-slider.no-top-padding.angebote {
padding-bottom: 0;
}
.section-slider.padding-96 {
padding-top: 96px;
padding-bottom: 96px;
}
.section-slider.bg-color-2 {
background-color: var(--medbellevue);
}
.section-slider.bg-color-2.salon {
background-color: var(--redmedium);
}
.section-slider.bg-color-1 {
background-color: #49616d;
padding-bottom: 120px;
}
.section-slider.bg-color-1.overlap-section-top {
background-color: var(--royalbellevue);
margin-top: -240px;
display: none;
}
.section-slider.bg-color-1.salon {
background-color: #551515;
}
.section-slider.bg-color-5 {
background-color: var(--medbellevue);
}
.section-slider.bg-color-5.overlap-section-top {
background-color: var(--sand);
margin-top: -240px;
}
.section-slider.top-bottom-padding {
background-color: #0000;
padding-top: 60px;
padding-bottom: 120px;
}
.section-slider.padding-192-white {
background-color: var(--light-cream);
padding-top: 140px;
padding-bottom: 140px;
}
.section-slider.padding-192-white.abstand-bottom {
background-color: var(--white);
padding-bottom: 0;
}
.section-slider.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 40px;
}
.section-slider.padding-192-sand {
background-color: var(--lightbellevue);
padding-top: 140px;
padding-bottom: 192px;
}
.section-slider.padding-192-sand.salon {
background-color: #f6eeee;
}
.section-slider.impressum {
background-color: #edeff0;
}
.section-slider.angebote {
padding-top: 0;
}
.section-slider.no-bottom-padding {
padding-top: 60px;
padding-bottom: 0;
display: block;
}
.section-slder {
padding-top: 144px;
padding-bottom: 220px;
}
.section-slder.top-padding-160 {
padding-top: 160px;
display: none;
}
.section-slder.top-padding-160.bottom-distance {
padding-bottom: 60px;
display: none;
}
.section-slder.padding-192 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white);
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 140px;
padding-bottom: 0;
display: flex;
position: relative;
}
.section-slder.padding-192.hide {
display: none;
}
.section-slder.padding-192.distance-bottom-no {
flex-flow: column;
padding-top: 100px;
padding-bottom: 0;
}
.section-slder.bottom-padding-192 {
padding-bottom: 140px;
display: flex;
overflow: visible;
}
.section-slder.bottom-padding-192.no-top-padding {
display: flex;
}
.section-slder.bottom-padding-192.no-top-padding.bottom-distance {
padding-bottom: 100px;
}
.section-slder.bottom-padding-192.hide {
display: none;
}
.section-slder.bottom-padding-192.abstand-bottom {
padding-bottom: 40px;
display: flex;
}
.section-slder.no-top-padding {
padding-top: 0;
padding-bottom: 140px;
}
.section-slder.no-top-padding.angebote {
padding-bottom: 0;
}
.section-slder.padding-96 {
padding-top: 96px;
padding-bottom: 96px;
}
.section-slder.bg-color-2 {
background-color: var(--medbellevue);
}
.section-slder.bg-color-2.salon {
background-color: var(--redmedium);
}
.section-slder.bg-color-1 {
background-color: #49616d;
padding-bottom: 120px;
}
.section-slder.bg-color-1.overlap-section-top {
background-color: var(--royalbellevue);
margin-top: -240px;
display: none;
}
.section-slder.bg-color-1.salon {
background-color: #551515;
}
.section-slder.bg-color-5 {
background-color: var(--medbellevue);
}
.section-slder.bg-color-5.overlap-section-top {
background-color: var(--sand);
margin-top: -240px;
}
.section-slder.top-bottom-padding {
background-color: #0000;
padding-top: 60px;
padding-bottom: 120px;
}
.section-slder.padding-192-white {
background-color: var(--light-cream);
padding-top: 140px;
padding-bottom: 140px;
}
.section-slder.padding-192-white.abstand-bottom {
background-color: var(--white);
padding-bottom: 0;
}
.section-slder.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 40px;
}
.section-slder.padding-192-sand {
background-color: var(--lightbellevue);
padding-top: 140px;
padding-bottom: 192px;
}
.section-slder.padding-192-sand.salon {
background-color: #f6eeee;
}
.section-slder.impressum {
background-color: #edeff0;
}
.section-slder.angebote {
padding-top: 0;
}
.section-slder.no-bottom-padding {
padding-top: 60px;
padding-bottom: 0;
display: block;
}
.body-3, .body-4, .body-5, .body-6, .body-7 {
background-color: #fff;
}
.slide-55 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65da7948bada2318eaf1ae09_Gartenteich.jpg");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-57 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f74afdf33ea969ede00d10_IMG_1293.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-58 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f74afcdaab805a92160d97_IMG_3099.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-59 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/659840dce59e430cbc723e81_7365732E-AF10-4989-9F8A-8605BB38C801.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-65 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f74c89b79b01d8dd9400a3_71765C31-6415-4F67-8162-ADA7E63431F0.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-66 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f74d4bdecc52c44bb0d2d9_IMG_0563.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-67 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f74e1584038dee30024a73_IMG_2432.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-68 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/659733d157784af19319b2fd_6DF55A5D-8D70-46FC-BB54-44F2B3EB268F.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-69 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6597334b7400299cdf7ebd95_A1C66A73-8290-4719-AF88-B2FE7C9F194F.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.image-11 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.slide-65-copy {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f74c89b79b01d8dd9400a3_71765C31-6415-4F67-8162-ADA7E63431F0.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-72 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f74afdf33ea969ede00d10_IMG_1293.JPG");
background-position: 50%;
background-size: cover;
}
.slide-71 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/62b052394e77807ae3b7d4da_Bellevue_Entwuerfe_grossaufnahmen_de-8362_s.jpg");
background-position: 50%;
background-size: cover;
}
.slide-70 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f751d2f33ea969ede6ef50_87BF8B11-1890-4BA2-8A85-25AC4FCD8BFB.JPG");
background-position: 50%;
background-size: cover;
}
.slide-73 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/628380c0b421b339f70aec5d_Hotel-Bellevue-Humpel-0082.jpg");
background-position: 50%;
background-size: cover;
}
.slide-75 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f74c89b79b01d8dd9400a3_71765C31-6415-4F67-8162-ADA7E63431F0.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-76 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f74d4bdecc52c44bb0d2d9_IMG_0563.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-77 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/62b053f8e7ad8f11a2305ec5_Bellevue_grossaufnahmen_de-7542_s.jpg");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-78 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6598412e4565097625a70725_08394305-7F46-4CE4-A699-BDD8C236BE51.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-79 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/659726411144a1cdc3dc426c_B3811D2A-8502-4631-9882-C6D301C9D712.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-74 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/628380a1f081de0cfb6262c6_Hotel-Bellevue-Humpel-0022.jpg");
background-position: 50%;
background-size: cover;
}
.slide-85 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65a6cd79d89423d3fabaf559_84F2F5B2-E38B-438E-9094-82382E6A3F29.JPG");
background-position: 50%;
background-size: cover;
}
.slide-86 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f74e1584038dee30024a73_IMG_2432.JPG");
background-position: 50%;
background-size: cover;
}
.slide-87 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f7555340ae1c68f8f2e25d_IMG_2574.JPG");
background-position: 50%;
background-size: cover;
}
.slide-88 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f7557fd0d5daf21d245877_IMG_2591.JPG");
background-position: 50%;
background-size: cover;
}
.paragraph-small {
text-align: left;
max-width: 60vw;
margin: 30px auto 0;
font-family: Quicksand, sans-serif;
font-size: 1.1vw;
font-weight: 400;
}
.paragraph-small.white.bottom-distance {
margin-bottom: 40px;
}
.paragraph-small.agb {
text-align: left;
margin-top: 60px;
}
.paragraph-small.left {
text-align: left;
}
.paragraph-small.distance-top {
margin-top: 60px;
}
.slide-103-copy {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f7568db79b01d8dd9da3b8_IMG_2933.JPG");
background-position: 50%;
background-size: cover;
}
.slide-126 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f763ed72e50bf572550087_IMG_2425.JPG");
background-position: 50%;
background-size: cover;
position: relative;
}
.slide-127 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/659840dce59e430cbc723e81_7365732E-AF10-4989-9F8A-8605BB38C801.JPG");
background-position: 50%;
background-size: cover;
position: relative;
}
.slide-128 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f7641af9ed005fb35818f9_IMG_1598.JPG");
background-position: 50%;
background-size: cover;
position: relative;
}
.slide-200 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/628380a1f081de0cfb6262c6_Hotel-Bellevue-Humpel-0022.jpg");
background-position: 50%;
background-size: cover;
}
.slide-201 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f76638f33ea969edfade28_Hotel-Bellevue-Humpel-0010.jpg");
background-position: 50%;
background-size: cover;
}
.slide-203 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/62b22317f19e8dc50a035bfd_Bellevue_grossaufnahmen_de-7633_s.jpg");
background-position: 50%;
background-size: cover;
}
.slide-204 {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65da79480bca11cd03e4640c_Sonnenliegen.jpg");
background-position: 50%;
background-size: cover;
}
.slide-205 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f7674cf9ed005fb35b44f6_Hotel-Bellevue-Humpel-0019.jpg");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-206 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f766c0a05c1a6291954d26_Hotel-Bellevue-Humpel-0001.jpg");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-208 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f74e1584038dee30024a73_IMG_2432.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-207 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/659733d157784af19319b2fd_6DF55A5D-8D70-46FC-BB54-44F2B3EB268F.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-209 {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/6597334b7400299cdf7ebd95_A1C66A73-8290-4719-AF88-B2FE7C9F194F.JPG");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.slide-202, .slide-202-copy {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f76665decc52c44bcb2e0e_Hotel-Bellevue-Humpel-0009.jpg");
background-position: 50%;
background-size: cover;
}
.section-gallery-zimmerdetails {
padding-top: 144px;
padding-bottom: 220px;
}
.section-gallery-zimmerdetails.top-padding-160 {
padding-top: 160px;
}
.section-gallery-zimmerdetails.top-padding-160.bottom-distance {
padding-bottom: 60px;
}
.section-gallery-zimmerdetails.padding-192 {
background-color: var(--white);
padding-top: 140px;
padding-bottom: 140px;
}
.section-gallery-zimmerdetails.padding-192.hide {
display: none;
}
.section-gallery-zimmerdetails.padding-192.distance-bottom-no {
padding-bottom: 0;
}
.section-gallery-zimmerdetails.bottom-padding-192 {
padding-bottom: 192px;
display: flex;
}
.section-gallery-zimmerdetails.bottom-padding-192.no-top-padding {
display: flex;
}
.section-gallery-zimmerdetails.bottom-padding-192.no-top-padding.bottom-distance {
padding-bottom: 100px;
}
.section-gallery-zimmerdetails.bottom-padding-192.hide {
display: none;
}
.section-gallery-zimmerdetails.bottom-padding-192.abstand-bottom {
padding-bottom: 40px;
}
.section-gallery-zimmerdetails.no-bottom-padding {
padding-top: 120px;
padding-bottom: 0;
}
.section-gallery-zimmerdetails.no-top-padding {
padding-top: 0;
padding-bottom: 20px;
display: block;
}
.section-gallery-zimmerdetails.no-top-padding.angebote {
padding-bottom: 100px;
}
.section-gallery-zimmerdetails.padding-96 {
padding-top: 96px;
padding-bottom: 96px;
}
.section-gallery-zimmerdetails.bg-color-2 {
background-color: var(--medbellevue);
}
.section-gallery-zimmerdetails.bg-color-2.salon {
background-color: var(--redmedium);
}
.section-gallery-zimmerdetails.bg-color-1 {
background-color: #49616d;
padding-bottom: 120px;
}
.section-gallery-zimmerdetails.bg-color-1.overlap-section-top {
background-color: var(--royalbellevue);
margin-top: -240px;
}
.section-gallery-zimmerdetails.bg-color-1.salon {
background-color: #551515;
}
.section-gallery-zimmerdetails.bg-color-5 {
background-color: var(--medbellevue);
}
.section-gallery-zimmerdetails.bg-color-5.overlap-section-top {
background-color: var(--sand);
margin-top: -240px;
}
.section-gallery-zimmerdetails.top-bottom-padding {
background-color: #0000;
padding-top: 60px;
padding-bottom: 120px;
}
.section-gallery-zimmerdetails.padding-192-white {
background-color: var(--light-cream);
padding-top: 140px;
padding-bottom: 140px;
}
.section-gallery-zimmerdetails.padding-192-white.abstand-bottom {
background-color: var(--white);
padding-bottom: 0;
}
.section-gallery-zimmerdetails.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 100px;
}
.section-gallery-zimmerdetails.padding-192-sand {
background-color: var(--lightbellevue);
padding-top: 140px;
padding-bottom: 192px;
}
.section-gallery-zimmerdetails.padding-192-sand.salon {
background-color: #f6eeee;
}
.section-gallery-zimmerdetails.impressum {
background-color: #edeff0;
}
.section-gallery-zimmerdetails.angebote {
padding-top: 0;
}
.container-reservierung {
background-color: #0000;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 10vw;
padding-right: 10vw;
}
.container-reservierung.room-slider-section {
overflow: hidden;
}
.container-reservierung.cta {
text-align: center;
justify-content: space-between;
display: flex;
}
.container-reservierung.cta-2 {
text-align: center;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
display: flex;
}
.container-reservierung.abstand {
padding-top: 100px;
}
.container-reservierung.room-teaser {
flex: 1;
}
.container-reservierung.bottom-distance {
text-align: center;
margin-bottom: 100px;
display: block;
}
.container-reservierung.distance-top {
padding-top: 40px;
padding-bottom: 40px;
}
.section-reservierungsteaser {
padding-top: 144px;
padding-bottom: 220px;
}
.section-reservierungsteaser.top-padding-160 {
padding-top: 160px;
display: none;
}
.section-reservierungsteaser.top-padding-160.bottom-distance {
padding-bottom: 60px;
display: none;
}
.section-reservierungsteaser.padding-192 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white);
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 140px;
padding-bottom: 140px;
display: flex;
position: relative;
}
.section-reservierungsteaser.padding-192.hide {
display: none;
}
.section-reservierungsteaser.padding-192.distance-bottom-no {
flex-flow: column;
padding-top: 100px;
padding-bottom: 0;
}
.section-reservierungsteaser.bottom-padding-192 {
background-color: var(--light-cream);
padding-bottom: 140px;
display: flex;
overflow: visible;
}
.section-reservierungsteaser.bottom-padding-192.no-top-padding {
display: flex;
}
.section-reservierungsteaser.bottom-padding-192.no-top-padding.bottom-distance {
padding-bottom: 100px;
}
.section-reservierungsteaser.bottom-padding-192.hide {
display: none;
}
.section-reservierungsteaser.bottom-padding-192.abstand-bottom {
padding-bottom: 40px;
display: flex;
}
.section-reservierungsteaser.no-top-padding {
padding-top: 0;
padding-bottom: 140px;
}
.section-reservierungsteaser.no-top-padding.angebote {
padding-bottom: 0;
}
.section-reservierungsteaser.padding-96 {
padding-top: 96px;
padding-bottom: 96px;
}
.section-reservierungsteaser.bg-color-2 {
background-color: var(--medbellevue);
}
.section-reservierungsteaser.bg-color-2.salon {
background-color: var(--redmedium);
}
.section-reservierungsteaser.bg-color-1 {
background-color: #49616d;
padding-bottom: 120px;
}
.section-reservierungsteaser.bg-color-1.overlap-section-top {
background-color: var(--royalbellevue);
margin-top: -240px;
display: none;
}
.section-reservierungsteaser.bg-color-1.salon {
background-color: #551515;
padding-top: 100px;
}
.section-reservierungsteaser.bg-color-5 {
background-color: var(--medbellevue);
}
.section-reservierungsteaser.bg-color-5.overlap-section-top {
background-color: var(--sand);
margin-top: -240px;
}
.section-reservierungsteaser.top-bottom-padding {
background-color: #0000;
padding-top: 60px;
padding-bottom: 120px;
}
.section-reservierungsteaser.padding-192-white {
background-color: var(--light-cream);
padding-top: 140px;
padding-bottom: 140px;
}
.section-reservierungsteaser.padding-192-white.abstand-bottom {
background-color: var(--white);
padding-bottom: 0;
}
.section-reservierungsteaser.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 40px;
}
.section-reservierungsteaser.padding-192-sand {
background-color: var(--lightbellevue);
padding-top: 140px;
padding-bottom: 192px;
}
.section-reservierungsteaser.padding-192-sand.salon {
background-color: #f6eeee;
}
.section-reservierungsteaser.impressum {
background-color: #edeff0;
}
.section-reservierungsteaser.angebote {
padding-top: 0;
}
.section-reservierungsteaser.no-bottom-padding {
padding-top: 60px;
padding-bottom: 0;
display: block;
}
.subtitle-zimmerteaser {
color: var(--light-grey);
margin-bottom: 8px;
font-family: Quicksand, sans-serif;
font-size: 1.7vw;
line-height: 140%;
}
.subtitle-zimmerteaser.light {
color: var(--light-cream);
font-family: Quicksand, sans-serif;
display: block;
}
.menu-text-block-bis-180324 {
font-family: Quicksand, sans-serif;
font-size: 1rem;
display: none;
}
.menu-text-vegetarisches-fisch-fleisch-bis-150424, .menu-text-suppe-bis-180324 {
text-align: center;
margin-bottom: 60px;
font-family: Quicksand, sans-serif;
font-size: 1rem;
line-height: 160%;
}
.salon-zwischenheadline-suppe {
color: var(--redsalon);
margin-bottom: 20px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 2rem;
font-weight: 400;
line-height: 240%;
}
.salon-zwischenheadline-suppe.small {
font-size: 1.3rem;
}
.menu-text-fleisch-bis-180324 {
text-align: center;
margin-bottom: 60px;
font-family: Quicksand, sans-serif;
font-size: 1rem;
line-height: 160%;
}
.salon-zwischenheadline-k-sefondue-bis-180324-copy {
color: var(--redsalon);
margin-bottom: 20px;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 2rem;
font-weight: 400;
line-height: 240%;
}
.salon-zwischenheadline-k-sefondue-bis-180324-copy.small {
font-size: 1.3rem;
}
.menu-text-k-sefondue-bis-180324, .menu-text-dessert-bis-150424 {
text-align: center;
margin-bottom: 60px;
font-family: Quicksand, sans-serif;
font-size: 1rem;
line-height: 160%;
}
.menu-text-block-ab-160424 {
font-family: Quicksand, sans-serif;
font-size: 1rem;
display: block;
}
.actionbar {
background-color: var(--medbellevue);
pointer-events: auto;
text-align: center;
mix-blend-mode: normal;
object-fit: fill;
flex-direction: row;
justify-content: center;
align-items: center;
height: 50px;
margin-bottom: 0;
transition: opacity .2s;
display: none;
overflow: visible;
}
.actiontxtwrapper {
width: 100%;
display: flex;
overflow: hidden;
}
.loop-container {
align-items: center;
display: flex;
}
.content-holder {
display: flex;
}
.actionbar-txt {
color: var(--darkbellevue);
white-space: nowrap;
flex: 0 auto;
margin-right: 100px;
display: block;
}
.acttxt-link {
color: var(--darkbellevue);
font-size: 16px;
}
.acttxt-link:hover {
color: #fff;
text-decoration: underline;
}
.acttxt-link.w--current {
color: #000;
font-weight: 400;
text-decoration: underline;
}
.bold-text-3 {
color: var(--darkbellevue);
}
.text-span-2 {
text-decoration: underline;
}
.preis {
font-style: italic;
font-weight: 400;
}
.heading-56 {
text-align: center;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 3vw;
font-weight: 300;
}
.heading-56.left {
text-align: left;
font-size: 24px;
}
.heading-56.abstand_bottom {
margin-bottom: 100px;
}
.heading-57 {
text-align: center;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 48px;
font-weight: 300;
}
.heading-57.left {
text-align: left;
}
.heading-57.abstand_bottom {
margin-bottom: 100px;
}
.link-block-2, .link-block-3, .text-block-19 {
display: none;
}
.anfrageformular {
background-color: #e0dcce;
padding-top: 100px;
padding-bottom: 100px;
}
.form_container {
max-width: 600px;
}
.hero_anfrage {
background-image: linear-gradient(87deg, #251e1673, #382c2000);
display: block;
position: absolute;
inset: 0%;
}
.inputfieldcontainer {
border: 0 dashed #0003;
border-radius: 20px;
margin-bottom: 40px;
padding: 25px 0 0;
}
.container-6 {
width: 80%;
max-width: 1200px;
padding-top: 100px;
padding-bottom: 40px;
}
.section-2 {
background-color: #ededed;
}
.hero2-image-overlay-anfrage {
background-image: linear-gradient(87deg, #251e1673, #382c2000);
display: flex;
position: absolute;
inset: 0%;
}
.link-block-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.link-block-5 {
display: block;
}
.kaesefondue {
color: var(--redsalon);
margin-top: 0;
margin-bottom: 20px;
padding-top: 0;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 2rem;
font-weight: 400;
line-height: 240%;
}
.kaesefondue.small {
font-size: 1.3rem;
}
.ostermen {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
vertical-align: baseline;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
margin-bottom: 0;
padding-top: 100px;
padding-bottom: 0;
padding-left: 0;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 42px;
line-height: 56px;
display: block;
overflow: visible;
}
.ostermen.inner-spacing {
padding-bottom: 60px;
padding-left: 5vw;
}
.ostermen.centered {
text-align: center;
}
.ostermen.centered.left-padding.right-padding.distance-bot {
padding-bottom: 40px;
}
.ostermen.centered.left-padding.right-padding.distance-bot.width {
max-width: 100%;
}
.ostermen.centered.left-padding.right-padding.kontakt {
max-width: 80%;
}
.ostermen.centered.left-padding.right-padding.bottom {
max-width: 100%;
padding-bottom: 60px;
}
.ostermen.centered.left-padding.right-padding.wide {
max-width: 100%;
padding-bottom: 40px;
}
.ostermen.width-small.centered {
margin-left: auto;
margin-right: auto;
}
.ostermen.kaesefondue {
display: none;
}
.ostermen.allergene-abstand {
padding-top: 140px;
}
.ostermen.hide {
display: none;
}
@media screen and (min-width: 1280px) {
.section.bottom-padding-192.hide {
display: none;
}
.feature-paragraph {
line-height: 140%;
}
.paragraph-width-medium {
font-weight: 400;
}
.hero-image-overlay.terrasse {
object-fit: cover;
height: 100%;
display: block;
inset: auto 0% -.5%;
overflow: visible;
}
.nav-links-container.light, .nav-links-container.light.gold {
display: none;
}
.nav-primary-wrapper {
display: flex;
}
.loader {
display: none;
}
.paragraph-42 {
font-family: Quicksand, sans-serif;
}
.category-title {
line-height: 140%;
}
.paragraph-2-copy {
font-size: 1.4vw;
}
.salon-zwischenheadline {
margin-bottom: 0;
}
.section-ostermenue.bottom-padding-192.hide {
display: none;
}
.a-z-block {
font-size: 1.1rem;
}
.section-newsletter-teaser.bottom-padding-192.hide, .section-insta.bottom-padding-192.hide, .section-booking.bottom-padding-192.hide, .section-kontakt-salon.bottom-padding-192.hide, .section-newsletter.bottom-padding-192.hide, .section-gallery.bottom-padding-192.hide, .sction-sundown.bottom-padding-192.hide {
display: none;
}
.paragraph-width-medium-2 {
font-weight: 400;
}
.mask {
min-height: 100%;
}
.slider.hide {
display: none;
}
.name-block {
font-size: 1.1rem;
}
.nav-links-container-2.light {
display: none;
}
.nav-primary-wrapper-2 {
display: flex;
}
.nav-links-container-3.light {
display: none;
}
.nav-primary-wrapper-3 {
display: flex;
}
.section-gruppenanfrage.bottom-padding-192.hide, .section-slider.bottom-padding-192.hide, .section-slder.bottom-padding-192.hide {
display: none;
}
.paragraph-small {
font-weight: 400;
}
.section-gallery-zimmerdetails.bottom-padding-192.hide, .section-reservierungsteaser.bottom-padding-192.hide {
display: none;
}
.kaesefondue {
margin-bottom: 0;
}
}
@media screen and (min-width: 1440px) {
h1 {
font-size: 7vw;
}
p {
font-size: 1.2vw;
}
a {
font-size: 1.4vw;
}
li, label {
font-size: 1.2vw;
}
.container {
padding-left: 10vw;
padding-right: 10vw;
}
.display {
font-size: 10vw;
}
.feature-paragraph {
font-size: 2vw;
}
.feature-paragraph.medium-width {
max-width: 60vw;
}
.button {
font-size: 1.4vw;
}
.hero4 {
padding-left: 0;
}
.hero1-content-wrapper {
padding-left: 10vw;
padding-right: 10vw;
}
.form-input {
font-size: 1.2vw;
}
.booking-form-block {
padding-left: 10vh;
padding-right: 10vh;
}
.submit-button {
font-size: 1.4vw;
}
.card-image {
width: 100%;
}
.paragraph-width-medium {
max-width: 50vw;
}
.full-frame-image-wrapper {
padding-left: 10vw;
padding-right: 10vw;
}
.footer-link, .footer-contact-link {
font-size: 2vw;
}
.hero2 {
flex-direction: column;
}
.hero2-content-wrapper {
padding-left: 10vw;
padding-right: 10vw;
}
.slide-nav {
max-width: 1600px;
padding-left: 80px;
padding-right: 80px;
}
.hero3 {
padding-left: 10vw;
padding-right: 10vw;
}
.room-flex-thirds {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
}
.hero-paragraph {
text-align: center;
padding-left: 10vw;
padding-right: 10vw;
display: block;
}
.hero-image-overlay.spa {
display: block;
position: absolute;
}
.hero-image-wrapper {
object-fit: cover;
flex-flow: row;
display: block;
position: absolute;
overflow: hidden;
}
.hero-image.mobile-none {
object-fit: cover;
display: inline-block;
}
.form-message {
font-size: 1.2vw;
}
.nav-logo {
width: 250px;
}
.nav-logo.w--current, .nav-logo.mobile-only, .nav-logo.mobile-none {
width: auto;
}
.menu-button {
font-size: 1.2vw;
}
.nav-links-container {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.nav-links-container.light {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
font-size: 3px;
display: none;
}
.nav-links-container.light.gold {
display: none;
}
.nav-primary-wrapper {
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.nav-secondary-link {
font-size: 2vw;
}
.logo-light {
width: 250px;
}
.logo-light.mobile-none {
width: auto;
}
.navigation-bar-dark, .rooms-collection-list-wrapper, .booking-wrapper {
padding-left: 10vw;
padding-right: 10vw;
}
.nav-link-light, .nav-link-dark {
font-size: 1.2vw;
}
.blog-collection-list-wrapper {
padding-left: 10vw;
padding-right: 10vw;
}
.blog-flex-thirds {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
}
.filter-link {
font-size: 2vw;
}
.paragraph.white {
display: none;
}
.goldmund-nav-links-container {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.goldmund-nav-logo {
width: 250px;
}
.goldmund-nav-logo.w--current, .goldmund-nav-logo.mobile-only, .goldmund-nav-logo.mobile-none {
width: auto;
}
.goldmund-logo-light {
width: 250px;
}
.goldmund-logo-light.mobile-none {
width: auto;
}
.goldmund-nav-link-light, .goldmund-menu-button, .nav-link-light-copy {
font-size: 1.2vw;
}
.goldmund-hero1-content-wrapper-copy, .container-goldmund {
padding-left: 10vw;
padding-right: 10vw;
}
.main-button-hotel {
align-self: center;
min-width: 320px;
font-size: 1.4vw;
}
.category-title {
font-size: 2vw;
}
.category-title.medium-width {
max-width: 60vw;
}
.paragraph-2-copy {
font-size: 1.4vw;
}
.hero2-salon {
flex-direction: column;
}
.main-button-hotel-invert, .main-button-hotel-invert-salon {
font-size: 1.4vw;
}
.a-z-block {
font-size: 1.2rem;
}
.form-input-2, .form-input-dark {
font-size: 1.2vw;
}
.container-social-media {
padding-left: 10vw;
padding-right: 10vw;
}
.titel-header {
font-size: 10vw;
}
.nav-link-dark-bellevue {
font-size: 1.2vw;
}
.container-4 {
padding-left: 10vw;
padding-right: 10vw;
}
.paragraph-width-medium-2 {
max-width: 50vw;
}
.slider {
min-height: 900px;
}
.slider.hide {
display: none;
}
.form-input-3 {
font-size: 1.2vw;
}
.container-5 {
padding-left: 10vw;
padding-right: 10vw;
}
.submit-button-2 {
font-size: 1.4vw;
}
.footer-contact-link-2, .footer-link-2 {
font-size: 2vw;
}
.name-block {
font-size: 1.2rem;
}
.nav-links-container-2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.nav-links-container-2.light {
display: none;
}
.nav-primary-wrapper-2 {
padding-left: 5vw;
padding-right: 5vw;
}
.nav-secondary-link-2 {
font-size: 2vw;
}
.paragraph-62 {
display: block;
}
.nav-links-container-3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.nav-links-container-3.light {
display: none;
}
.nav-primary-wrapper-3 {
padding-left: 5vw;
padding-right: 5vw;
}
.nav-secondary-link-3 {
font-size: 2vw;
}
.slide-86 {
background-attachment: scroll;
}
.paragraph-small {
max-width: 50vw;
}
.container-reservierung {
padding-left: 10vw;
padding-right: 10vw;
}
}
@media screen and (min-width: 1920px) {
.hero-image-wrapper {
display: block;
position: absolute;
}
.nav-link._1, .nav-link._2, .nav-link._3, .nav-link._4, .nav-link._5, .nav-link._6 {
font-size: 4vw;
}
.nav-links-container.light {
display: none;
}
.nav-primary-wrapper {
display: flex;
}
.secondary-nav-image._1, .secondary-nav-image._2, .secondary-nav-image._3, .secondary-nav-image._4, .secondary-nav-image._5, .secondary-nav-image._6, .goldmund-nav-links-container.light {
display: none;
}
.main-button-hotel {
min-width: 400px;
}
.container-3 {
max-width: 1200px;
}
.features-paragraph {
font-size: 1.4vw;
}
.hotel-zwischenheadline {
font-size: 1.6vw;
line-height: 120%;
}
.paragraph-48 {
font-size: 1.1vw;
}
.a-z-block {
font-size: 1.6rem;
}
.smaller {
font-size: 1.2rem;
}
.paragraph-53, .paragraph-54 {
font-size: 1.1vw;
}
.slider {
min-height: 1000px;
max-height: 1000px;
}
.slider.hide {
display: none;
}
.hotel-zwischenheadline-2 {
font-size: 1.6vw;
line-height: 120%;
}
.name-block {
font-size: 1.6rem;
}
.nav-links-container-2.light {
display: none;
}
.nav-link-2._2, .nav-link-2._4, .nav-link-2._3, .nav-link-2._1, .nav-link-2._6, .nav-link-2._5 {
font-size: 4vw;
}
.nav-link-2._2, .nav-link-2._4, .nav-link-2._7, .nav-link-2._3, .nav-link-2._1, .nav-link-2._6, .nav-link-2._5 {
font-size: 3vw;
}
.feature-hl {
font-size: 1.6vw;
line-height: 120%;
}
.feature-txt {
font-size: 1.1vw;
}
.slide-074 {
background-attachment: scroll;
position: absolute;
}
.nav-links-container-3.light {
display: none;
}
.slide-125 {
position: absolute;
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 11vw;
}
h2 {
font-size: 8vw;
}
h3 {
font-size: 6.5vw;
}
h4 {
font-size: 5vw;
}
h5 {
font-size: 4vw;
}
h6 {
font-size: 3vw;
}
p {
font-size: 2vw;
}
a {
font-size: 2.5vw;
}
li, label {
font-size: 2vw;
}
figcaption {
font-size: 1.6vw;
}
.section {
padding-top: 64px;
padding-bottom: 64px;
}
.section.top-padding-160 {
padding-top: 96px;
}
.section.padding-192 {
padding-top: 64px;
padding-bottom: 64px;
}
.section.bottom-padding-192 {
flex-flow: column;
padding-bottom: 64px;
}
.section.bg-color-1.overlap-section-top, .section.bg-color-5.overlap-section-top {
margin-top: -128px;
padding-top: 128px;
}
.section.top-bottom-padding {
padding-bottom: 64px;
}
.section.padding-192-white, .section.padding-192-sand {
padding-top: 64px;
padding-bottom: 64px;
}
.container {
padding-left: 5vw;
padding-right: 5vw;
}
.style-guide-color-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.styleguide-color {
width: 140px;
height: 140px;
}
.feature-paragraph {
font-size: 16px;
}
.small-text {
font-size: 1.6vw;
}
.small-text.right-arrow-text {
top: 316px;
}
.button {
text-align: left;
padding-left: 32px;
font-size: 20px;
}
.button.secondary {
border-style: solid;
padding-left: 20px;
font-size: 2.2vw;
}
.button.secondary.margin-right {
margin-bottom: 32px;
margin-right: 0;
}
.button.secondary.margin-right.margin_bottom {
text-align: left;
align-self: stretch;
margin-bottom: 0;
}
.hero4 {
padding-top: 25vh;
padding-left: 0;
}
.hero4.hero-content-centered {
padding-top: 25vh;
}
.hero4.distance-bottom, .hero4.distance-bottom-2 {
margin-bottom: 100px;
}
.hero1 {
min-height: 100vh;
}
.hero1-content-wrapper {
position: relative;
}
.hero1-content {
padding-bottom: 0;
padding-left: 0;
}
.light {
aspect-ratio: auto;
white-space: normal;
word-break: normal;
overflow-wrap: normal;
object-fit: fill;
flex-flow: row;
font-size: 45px;
line-height: 60px;
display: inline-block;
}
.hero-badge {
padding-left: 40px;
}
.subhero-section {
display: none;
}
.form-input {
font-size: 2vw;
}
.booking-form {
flex-wrap: wrap;
}
.submit-button {
font-size: 2.5vw;
}
.two-column-body-grid {
grid-column-gap: 64px;
}
.two-column-body-wrapper {
padding-bottom: 48px;
padding-left: 5vw;
padding-right: 5vw;
}
.heading-wrapper {
padding-bottom: 48px;
}
.heading-wrapper.width-small {
max-width: 50vw;
}
.divider._288px {
height: 144px;
}
.divider._144px {
height: 96px;
}
.divider._96px {
height: 48px;
}
.card-image {
align-self: center;
}
.paragraph-width-medium {
max-width: 75vw;
}
.full-frame-image-wrapper {
height: 50vh;
}
.grid-list-item-wrapper {
padding-top: 16px;
padding-bottom: 16px;
}
.cta-1-grid {
width: 100%;
}
.cta-area-2 {
height: auto;
}
.footer-top-row {
flex-wrap: wrap;
padding-bottom: 48px;
}
.footer-bottom-row {
flex-wrap: wrap;
}
.footer-menu, .footer-contact {
width: 50%;
}
.footer-logo {
width: 100%;
}
.footer-link {
font-size: 3vw;
}
.footer-contact-link {
margin-bottom: 16px;
font-size: 3vw;
}
.footer-contact-icon {
padding-top: 0;
}
.footer-bottom-links {
width: 100%;
margin-bottom: 16px;
}
.footer-secondary-link {
font-size: 2vw;
}
.footer-social-links {
padding-top: 48px;
padding-bottom: 56px;
}
.footer-social-link {
width: 40px;
}
.hero-content {
width: 90%;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
padding-left: 0;
}
.room-type-wrapper {
padding-bottom: 98px;
}
.room-type-image-wrapper.large-height.right-padding {
height: auto;
}
.room-amenity-wrapper {
flex-direction: column;
}
.room-amenity-icon {
margin-right: 0;
}
.room-amenity-section {
margin-top: 24px;
padding-top: 16px;
}
.room-type-btn-wrapper {
flex-direction: column;
margin-top: 32px;
}
.full-frame-slider {
height: 70vh;
}
.cta-2-grid {
width: 100%;
}
.centered-paragraph {
padding-top: 64px;
}
.hero3 {
min-height: 80vh;
}
.banner {
flex-direction: column;
align-items: stretch;
padding-left: 0;
padding-right: 0;
}
.subtitle {
font-size: 2.5vw;
}
.subtitle.light {
padding-left: 0;
}
.subtitle.light.left {
text-align: left;
padding-left: 0;
}
.subtitle.light.left.home.tablet-hoch {
padding-left: 40px;
}
.subtitle.light.right.home {
text-align: left;
padding-left: 40px;
}
.banner-collection-item {
padding-top: 0;
padding-left: 32px;
padding-right: 32px;
}
.banner-title {
align-items: center;
padding-right: 32px;
display: flex;
}
.room-slide-image-wrapper {
height: 55vh;
}
.room-slide-content-wrapper {
flex-wrap: wrap;
}
.room-slide-title {
width: 100%;
padding-right: 0;
}
.room-slide-description {
width: 100%;
padding-left: 0;
}
.hero-arrow {
bottom: -32px;
}
.room-slider-left-arrow {
padding-top: 60vh;
}
.grid-halves {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.main-content {
border-bottom: 1px solid var(--light-grey);
border-right-style: none;
}
.main-content.zimmerdetail {
padding-bottom: 60px;
}
.secondary-content {
padding-left: 0;
}
.grid-split-section, .grid-split-section._3row {
grid-row-gap: 96px;
}
.medium-height {
height: 40vh;
}
.small-height {
height: 35vh;
}
.main-content-wrapper {
margin-top: 0;
}
.main-content-wrapper.news {
margin-bottom: 0;
}
.btn-wrapper {
text-align: left;
margin-top: 32px;
}
.btn-wrapper.centered {
text-align: center;
align-self: flex-start;
max-width: 80%;
display: block;
}
.cta-3-grid {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.newsletter-form {
flex-wrap: wrap;
}
.large-height {
height: 55vh;
}
.booking-input {
width: 30%;
margin-bottom: 32px;
}
.cta-4-grid {
grid-row-gap: 32px;
grid-template-rows: minmax(auto, .5fr) minmax(auto, 1fr);
grid-template-areas: "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2"
"Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3";
width: 100%;
padding-left: 0;
padding-right: 0;
}
.extra-small-height {
height: 20vh;
}
.hero-image-overlay.spa {
width: auto;
height: 100%;
}
.hero-image-overlay.terrasse {
bottom: 0%;
}
.hero-image-wrapper {
min-height: 80vh;
position: absolute;
}
.hero-image-wrapper.bar {
height: 100%;
inset: 0%;
}
.hero-content-wrapper {
aspect-ratio: auto;
object-fit: fill;
padding-left: 0;
padding-right: 0;
display: block;
position: absolute;
overflow: visible;
}
.grid-layout-2-section-center {
padding-left: 15vw;
padding-right: 15vw;
}
.hero-image.mobile-none {
object-fit: cover;
min-height: 80vh;
inset: auto 0% 0%;
}
.form-message {
font-size: 16px;
}
.contact-link {
font-size: 3vw;
}
.maps-wrapper {
height: 50vh;
}
.tab-link {
font-size: 3vw;
}
.nav-link {
font-size: 6.5vw;
}
.nav-link._1, .nav-link._2, .nav-link._3, .nav-link._4, .nav-link._5, .nav-link._6 {
font-size: 6vw;
}
.book-button {
margin-right: 20px;
}
.menu-button {
font-size: 2vw;
}
.nav-links-container.light {
flex-flow: column;
display: none;
}
.nav-links-container.light.gold {
display: none;
}
.nav-primary-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 0;
padding-right: 0;
display: flex;
}
.nav-secondary-wrapper {
margin-bottom: 7vh;
}
.nav-social-link {
width: 40px;
}
.nav-secondary-link {
margin-right: 32px;
font-size: 3vw;
}
.nav-image-wrapper.medium-height {
display: none;
}
.no-margin.feature {
font-size: 16px;
}
.btn-explore {
width: 80px;
height: 80px;
inset: auto 16px 16px auto;
}
.arrow-img {
display: none;
}
.mobile-none {
font-family: Raleway, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 400;
}
.room-subhero-section {
display: flex;
}
.room-subhero-section.hide {
display: none;
}
.collection-image-wrapper {
height: 30vh;
}
.boking-image-wrapper.large-height.left-padding {
display: none;
}
.booking-form-wrapper {
width: 100%;
}
.main-booking-form {
flex-wrap: wrap;
}
.main-booking-input {
width: 30%;
margin-bottom: 32px;
}
.room-slider-next, .room-slider-previous {
height: 55vh;
top: 0;
}
.room-type-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.no-padding-tablet {
padding-left: 0;
padding-right: 0;
}
.nav-link-light {
font-size: 2vw;
}
._404-grid-2 {
padding-right: 5vw;
}
._404-grid-3 {
padding-left: 5vw;
}
.navigation-light {
display: none;
}
.nav-link-dark {
font-size: 2vw;
}
.testimonial-section {
padding-top: 64px;
padding-bottom: 64px;
}
.card-image-wapper-fixed.extra-large-height {
height: 65vh;
}
.full-frame-video-wrapper {
height: 50vh;
}
.hero-arrow-image {
height: 80px;
}
.popup-info {
width: 90vw;
}
.hero-content-centered {
padding-top: 40vh;
padding-left: 0;
}
.blog-post {
max-width: 100%;
}
.blog-post img {
margin-top: 32px;
margin-bottom: 32px;
}
.blog-image-container.large-height.right-padding {
height: 55%;
}
.blog-content-container.right-padding.top-margin {
flex: 0 auto;
}
.filter-link {
font-size: 3vw;
}
.filter-collection-item {
padding-left: 32px;
padding-right: 32px;
}
.filter-wrapper {
align-items: center;
padding-right: 32px;
display: flex;
}
.filter-banner {
align-items: stretch;
padding-left: 0;
padding-right: 0;
}
.fab-button {
width: 80px;
}
.paragraph-2 {
max-width: 50%;
font-size: 16px;
}
.paragraph-3.distance-bottom {
font-size: 16px;
}
.text-block, .text-block-2 {
font-size: 2.4vw;
}
.image-2 {
height: 100%;
}
.goldmund-navigation-light {
display: none;
}
.goldmund-nav-link-light, .goldmund-menu-button, .nav-link-light-copy {
font-size: 2vw;
}
.goldmund-hero1-content-wrapper-copy {
position: relative;
}
.heading-wrapper-2 {
padding-bottom: 48px;
}
.heading-wrapper-2.width-small {
max-width: 50vw;
}
.centered-paragraph-2 {
padding-top: 64px;
}
.paragraph-33 {
font-size: 16px;
}
.main-button-hotel {
text-align: center;
padding-left: 32px;
}
.main-button-hotel.secondary {
border-style: solid;
padding-left: 32px;
}
.main-button-hotel.secondary.margin-right {
margin-bottom: 32px;
margin-right: 0;
}
.cta-info-txt.white {
font-family: Quicksand, sans-serif;
font-size: 16px;
}
.metalink {
font-size: 1.6vw;
}
.language-btn {
padding-right: 10px;
}
.container-2 {
max-width: 728px;
}
.gallery-wrapper {
grid-template-columns: 1fr 1fr;
}
.category-title {
font-size: 3vw;
}
.paragraph-2-copy {
max-width: 100%;
font-size: 16px;
}
.image-6 {
height: 100%;
}
.subhero-section-salon {
display: block;
}
.submenu.abisz-width {
max-width: 90%;
height: auto;
}
.heading-wrapper-salon {
padding-bottom: 48px;
}
.heading-wrapper-salon.width-small {
max-width: 50vw;
}
.heading-wrapper-salon.allergene-abstand {
padding-top: 140px;
}
.heading-wrapper-salon.distance-top {
padding-top: 100px;
}
.hl-salon.salon {
font-size: 5vw;
}
.salon-zwischenheadline {
font-size: 24px;
}
.section-ostermenue {
padding-top: 64px;
padding-bottom: 64px;
}
.section-ostermenue.top-padding-192 {
padding-top: 96px;
}
.section-ostermenue.padding-192 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-ostermenue.bottom-padding-192 {
padding-bottom: 64px;
}
.section-ostermenue.no-bottom-padding {
padding-top: 0;
}
.section-ostermenue.bg-color-1.overlap-section-top, .section-ostermenue.bg-color-5.overlap-section-top {
margin-top: -128px;
padding-top: 128px;
}
.section-ostermenue.top-bottom-padding {
padding-bottom: 64px;
}
.section-ostermenue.padding-192-white, .section-ostermenue.padding-192-sand {
padding-top: 64px;
padding-bottom: 64px;
}
.paragraph_1 {
padding-top: 64px;
}
.main-button-hotel-invert {
text-align: left;
padding-left: 32px;
}
.main-button-hotel-invert.secondary {
border-style: solid;
padding-left: 32px;
}
.main-button-hotel-invert.secondary.margin-right {
margin-bottom: 32px;
margin-right: 0;
}
.invert-locale, .invert-locale.w--current {
font-size: 2vw;
}
.invert-locale.salon {
font-family: Raleway, sans-serif;
font-size: 18px;
}
.locales-list {
padding-top: 4px;
}
.salon {
font-family: Frank Ruhl Libre, sans-serif;
}
.main-button-hotel-invert-salon {
text-align: center;
padding-left: 20px;
}
.main-button-hotel-invert-salon.secondary {
border-style: solid;
padding-left: 32px;
}
.main-button-hotel-invert-salon.secondary.margin-right {
margin-bottom: 32px;
margin-right: 0;
}
.container-3 {
max-width: 728px;
}
.features-wrapper-two {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.features-left {
max-width: 100%;
margin-bottom: 40px;
}
.features-paragraph {
text-align: center;
font-family: Quicksand, sans-serif;
font-size: 16px;
}
.features-right {
max-width: 100%;
}
.hotel-zwischenheadline {
font-size: 20px;
}
.heading-50 {
font-family: Frank Ruhl Libre, sans-serif;
}
.paragraph-48 {
font-family: Quicksand, sans-serif;
font-size: 16px;
}
.menu-text-block-bis-150424 {
font-size: 1rem;
}
.allergene {
font-size: 1.7vw;
}
.subhero-section-bellevue {
display: block;
}
.a-z-block {
text-align: center;
font-size: 1rem;
}
.hl-abisz {
font-size: 8vw;
}
.heading-wrapper-bellevue {
padding-bottom: 48px;
}
.heading-wrapper-bellevue.width-small {
max-width: 50vw;
}
.restaurant-linkbox {
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.text-linkbox {
text-align: left;
}
.logo-linkbox {
max-width: 160px;
margin-bottom: 10px;
margin-left: -12px;
}
.section-newsletter-teaser {
padding-top: 64px;
padding-bottom: 64px;
}
.section-newsletter-teaser.top-padding-160 {
padding-top: 96px;
}
.section-newsletter-teaser.padding-192 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-newsletter-teaser.bottom-padding-192 {
padding-bottom: 64px;
}
.section-newsletter-teaser.bg-color-1.overlap-section-top, .section-newsletter-teaser.bg-color-5.overlap-section-top {
margin-top: -128px;
padding-top: 128px;
}
.section-newsletter-teaser.top-bottom-padding {
padding-bottom: 64px;
}
.section-newsletter-teaser.padding-192-white, .section-newsletter-teaser.padding-192-sand {
padding-top: 64px;
padding-bottom: 64px;
}
.flex-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.closingheader {
padding-bottom: 48px;
}
.closingheader.width-small {
max-width: 50vw;
}
.lahnerleben-linkbox {
width: 100%;
max-width: 100%;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.div-block-7 {
text-align: left;
width: 65%;
margin-left: 30px;
padding-left: 0;
}
.image-8 {
width: 100%;
height: 100%;
}
.img-linkbox {
width: 200px;
height: 200px;
}
.img-linkbox.hide {
width: 300px;
display: flex;
}
.textlink_small {
font-family: Quicksand, sans-serif;
font-size: 16px;
}
.unterschrift {
font-size: 1rem;
}
.smaller {
font-size: 12px;
}
.form-input-2 {
font-size: 2vw;
}
.two-column-body-wrapper-copy {
padding-bottom: 48px;
padding-left: 5vw;
padding-right: 5vw;
}
.form-input-dark {
font-size: 16px;
}
.container-social-media {
padding-left: 5vw;
padding-right: 5vw;
}
.section-insta {
padding-top: 64px;
padding-bottom: 64px;
}
.section-insta.top-padding-160 {
padding-top: 96px;
}
.section-insta.padding-192 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-insta.bottom-padding-192 {
padding-bottom: 64px;
}
.section-insta.bg-color-1.overlap-section-top, .section-insta.bg-color-5.overlap-section-top {
margin-top: -128px;
padding-top: 128px;
}
.section-insta.top-bottom-padding {
padding-bottom: 64px;
}
.section-insta.padding-192-white, .section-insta.padding-192-sand, .section-booking {
padding-top: 64px;
padding-bottom: 64px;
}
.section-booking.top-padding-160 {
padding-top: 96px;
}
.section-booking.padding-192 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-booking.bottom-padding-192 {
padding-bottom: 64px;
}
.section-booking.bg-color-1.overlap-section-top, .section-booking.bg-color-5.overlap-section-top {
margin-top: -128px;
padding-top: 128px;
}
.section-booking.top-bottom-padding {
padding-bottom: 64px;
}
.section-booking.padding-192-white, .section-booking.padding-192-sand, .section-kontakt-salon {
padding-top: 64px;
padding-bottom: 64px;
}
.section-kontakt-salon.top-padding-160 {
padding-top: 96px;
}
.section-kontakt-salon.padding-192 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-kontakt-salon.bottom-padding-192 {
padding-bottom: 64px;
}
.section-kontakt-salon.bg-color-1.overlap-section-top, .section-kontakt-salon.bg-color-5.overlap-section-top {
margin-top: -128px;
padding-top: 128px;
}
.section-kontakt-salon.top-bottom-padding {
padding-bottom: 64px;
}
.section-kontakt-salon.padding-192-white, .section-kontakt-salon.padding-192-sand, .section-newsletter {
padding-top: 64px;
padding-bottom: 64px;
}
.section-newsletter.top-padding-160 {
padding-top: 96px;
}
.section-newsletter.padding-192 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-newsletter.bottom-padding-192 {
padding-bottom: 64px;
}
.section-newsletter.bg-color-1.overlap-section-top, .section-newsletter.bg-color-5.overlap-section-top {
margin-top: -128px;
padding-top: 128px;
}
.section-newsletter.top-bottom-padding {
padding-bottom: 64px;
}
.section-newsletter.padding-192-white, .section-newsletter.padding-192-sand {
padding-top: 64px;
padding-bottom: 64px;
}
.paragraph-49 {
font-family: Quicksand, sans-serif;
font-size: 16px;
}
.paragraph-50, .paragraph-51, .paragraph-52 {
font-size: 16px;
}
.section-gallery {
padding-top: 64px;
padding-bottom: 64px;
}
.section-gallery.top-padding-160 {
padding-top: 96px;
}
.section-gallery.padding-192 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-gallery.bottom-padding-192 {
padding-bottom: 64px;
}
.section-gallery.bg-color-1.overlap-section-top, .section-gallery.bg-color-5.overlap-section-top {
margin-top: -128px;
padding-top: 128px;
}
.section-gallery.top-bottom-padding {
padding-bottom: 64px;
}
.section-gallery.padding-192-white, .section-gallery.padding-192-sand {
padding-top: 64px;
padding-bottom: 64px;
}
.titel-header.light {
margin-top: 40px;
padding-left: 30px;
font-size: 100px;
}
.titel-header.home {
padding-left: 40px;
}
.p {
white-space: normal;
word-break: normal;
overflow-wrap: normal;
font-size: 45px;
line-height: 45px;
}
.img-subtitle {
white-space: normal;
word-break: normal;
overflow-wrap: normal;
font-size: 16px;
line-height: 45px;
}
.bottom-paragraph, .paragraph-53, .paragraph-54, .paragraph-55 {
font-family: Quicksand, sans-serif;
font-size: 16px;
}
.sction-sundown {
padding-top: 64px;
padding-bottom: 64px;
}
.sction-sundown.top-padding-160 {
padding-top: 96px;
}
.sction-sundown.padding-192 {
padding-top: 64px;
padding-bottom: 64px;
}
.sction-sundown.bottom-padding-192 {
padding-bottom: 64px;
}
.sction-sundown.bg-color-1.overlap-section-top, .sction-sundown.bg-color-5.overlap-section-top {
margin-top: -128px;
padding-top: 128px;
}
.sction-sundown.top-bottom-padding {
padding-bottom: 64px;
}
.sction-sundown.padding-192-white, .sction-sundown.padding-192-sand {
padding-top: 64px;
padding-bottom: 64px;
}
.paragraph-56, .paragraph-57, .paragraph-58 {
font-family: Quicksand, sans-serif;
font-size: 16px;
}
.med-headline {
font-family: Frank Ruhl Libre, sans-serif;
}
.paragraph-59 {
font-family: Quicksand, sans-serif;
font-size: 16px;
}
.nav-link-dark-bellevue {
font-size: 2vw;
}
.submenu-a-z.abisz-width {
max-width: 90%;
height: auto;
}
.divider-a-z._288px {
height: 144px;
}
.divider-a-z._144px {
height: 96px;
}
.divider-a-z._96px {
height: 48px;
}
.footer-contact-icon-2 {
padding-top: 0;
}
.container-4 {
padding-left: 5vw;
padding-right: 5vw;
}
.heading-wrapper-3 {
padding-bottom: 48px;
}
.paragraph-width-medium-2 {
max-width: 75vw;
}
.paragraph-width-medium-2.left, .paragraph-width-medium-2.left-mobile, .paragraph-width-medium-2.left-mobile {
margin-left: 0;
}
.form-input-3 {
font-size: 2vw;
}
.form-input-3.white {
border-bottom-color: #99999980;
}
.container-5 {
padding-left: 5vw;
padding-right: 5vw;
}
.submit-button-2 {
font-size: 2.5vw;
}
.newsletter-form-2 {
flex-wrap: wrap;
}
.hotel-zwischenheadline-2 {
font-size: 20px;
}
.small-text-2 {
font-size: 1.6vw;
}
.footer-contact-link-2 {
margin-bottom: 16px;
font-size: 3vw;
}
.text-block-15 {
font-size: 2.4vw;
}
.footer-link-2 {
font-size: 3vw;
}
.metalink-2 {
font-size: 1.6vw;
}
.footer-contact-icon-3 {
padding-top: 0;
}
.footer-contact-2 {
width: 50%;
}
.text-block-16, .text-block-17 {
font-size: 2.4vw;
}
.name-block {
font-size: 1rem;
}
.name-block.centered {
margin-left: 0;
margin-right: 0;
display: block;
}
.nav-links-container-2.light {
flex-flow: column;
display: none;
}
.nav-primary-wrapper-2 {
padding-top: 100px;
padding-left: 0;
padding-right: 0;
}
.nav-secondary-wrapper-2 {
margin-bottom: 7vh;
}
.nav-secondary-link-2 {
margin-right: 32px;
font-size: 3vw;
}
.nav-link-2 {
font-size: 6.5vw;
}
.nav-link-2._2, .nav-link-2._4, .nav-link-2._3, .nav-link-2._1, .nav-link-2._6, .nav-link-2._5 {
font-size: 6vw;
}
.feature-hl {
font-size: 20px;
}
.feature-txt {
font-family: Quicksand, sans-serif;
font-size: 16px;
}
.slide-56 {
background-size: cover;
}
.light-home.right-aline {
padding-left: 40px;
}
.nav-links-container-3.light {
flex-flow: column;
display: none;
}
.nav-primary-wrapper-3 {
padding-left: 0;
padding-right: 0;
}
.nav-secondary-wrapper-3 {
margin-bottom: 7vh;
}
.nav-secondary-link-3 {
margin-right: 32px;
font-size: 3vw;
}
.buchungsblock {
grid-template-columns: 1fr .75fr;
}
.img-10prozent, .img-10prozent-mobile {
height: 200px;
}
.section-gruppenanfrage {
padding-top: 64px;
padding-bottom: 64px;
}
.section-gruppenanfrage.top-padding-160 {
padding-top: 96px;
}
.section-gruppenanfrage.padding-192 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-gruppenanfrage.bottom-padding-192 {
flex-flow: column;
padding-bottom: 64px;
}
.section-gruppenanfrage.bg-color-1.overlap-section-top, .section-gruppenanfrage.bg-color-5.overlap-section-top {
margin-top: -128px;
padding-top: 128px;
}
.section-gruppenanfrage.top-bottom-padding {
padding-bottom: 64px;
}
.section-gruppenanfrage.padding-192-white, .section-gruppenanfrage.padding-192-sand, .section-slider {
padding-top: 64px;
padding-bottom: 64px;
}
.section-slider.top-padding-160 {
padding-top: 96px;
}
.section-slider.padding-192 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-slider.bottom-padding-192 {
flex-flow: column;
padding-bottom: 64px;
}
.section-slider.bg-color-1.overlap-section-top, .section-slider.bg-color-5.overlap-section-top {
margin-top: -128px;
padding-top: 128px;
}
.section-slider.top-bottom-padding {
padding-bottom: 64px;
}
.section-slider.padding-192-white, .section-slider.padding-192-sand, .section-slder {
padding-top: 64px;
padding-bottom: 64px;
}
.section-slder.top-padding-160 {
padding-top: 96px;
}
.section-slder.padding-192 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-slder.bottom-padding-192 {
flex-flow: column;
padding-bottom: 64px;
}
.section-slder.bg-color-1.overlap-section-top, .section-slder.bg-color-5.overlap-section-top {
margin-top: -128px;
padding-top: 128px;
}
.section-slder.top-bottom-padding {
padding-bottom: 64px;
}
.section-slder.padding-192-white, .section-slder.padding-192-sand {
padding-top: 64px;
padding-bottom: 64px;
}
.slide-55, .slide-57, .slide-58, .slide-59, .slide-86 {
background-size: cover;
}
.paragraph-small {
max-width: 75vw;
}
.section-gallery-zimmerdetails {
padding-top: 64px;
padding-bottom: 64px;
}
.section-gallery-zimmerdetails.top-padding-160 {
padding-top: 96px;
}
.section-gallery-zimmerdetails.padding-192 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-gallery-zimmerdetails.bottom-padding-192 {
padding-bottom: 64px;
}
.section-gallery-zimmerdetails.bg-color-1.overlap-section-top, .section-gallery-zimmerdetails.bg-color-5.overlap-section-top {
margin-top: -128px;
padding-top: 128px;
}
.section-gallery-zimmerdetails.top-bottom-padding {
padding-bottom: 64px;
}
.section-gallery-zimmerdetails.padding-192-white, .section-gallery-zimmerdetails.padding-192-sand {
padding-top: 64px;
padding-bottom: 64px;
}
.container-reservierung {
padding-left: 5vw;
padding-right: 5vw;
}
.section-reservierungsteaser {
padding-top: 64px;
padding-bottom: 64px;
}
.section-reservierungsteaser.top-padding-160 {
padding-top: 96px;
}
.section-reservierungsteaser.padding-192 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-reservierungsteaser.bottom-padding-192 {
flex-flow: column;
padding-bottom: 64px;
}
.section-reservierungsteaser.bg-color-1.overlap-section-top, .section-reservierungsteaser.bg-color-5.overlap-section-top {
margin-top: -128px;
padding-top: 128px;
}
.section-reservierungsteaser.top-bottom-padding {
padding-bottom: 64px;
}
.section-reservierungsteaser.padding-192-white, .section-reservierungsteaser.padding-192-sand {
padding-top: 64px;
padding-bottom: 64px;
}
.subtitle-zimmerteaser {
font-size: 2.5vw;
}
.subtitle-zimmerteaser.light {
padding-left: 0;
}
.subtitle-zimmerteaser.light.left {
text-align: left;
padding-left: 0;
}
.subtitle-zimmerteaser.light.left.home.tablet-hoch {
padding-left: 40px;
}
.subtitle-zimmerteaser.light.right.home {
text-align: left;
padding-left: 40px;
}
.menu-text-block-bis-180324 {
font-size: 1rem;
}
.salon-zwischenheadline-suppe, .salon-zwischenheadline-k-sefondue-bis-180324-copy {
font-size: 24px;
}
.menu-text-block-ab-160424 {
font-size: 1rem;
}
.hero2-image-overlay-anfrage {
inset: 0% 0% auto auto;
}
.kaesefondue {
font-size: 24px;
}
.ostermen {
padding-bottom: 48px;
}
.ostermen.width-small {
max-width: 50vw;
}
.ostermen.allergene-abstand {
padding-top: 140px;
}
.ostermen.distance-top {
padding-top: 100px;
}
}
@media screen and (max-width: 767px) {
.section {
padding-bottom: 0;
}
.section.top-padding-160 {
padding-top: 64px;
}
.section.bottom-padding-192 {
flex-flow: column;
}
.section.no-top-padding {
padding-bottom: 100px;
}
.container {
padding-right: 5vw;
transition: opacity .2s;
}
.container.abstand {
padding-bottom: 60px;
}
.style-guide-color-grid {
grid-column-gap: 8px;
grid-row-gap: 32px;
}
.styleguide-color {
width: auto;
height: 120px;
}
.display.light {
font-size: 14vw;
}
.feature-paragraph {
margin-top: 0;
font-size: 20px;
}
.feature-paragraph.room-details {
margin-top: 20px;
}
.small-text {
width: 60%;
margin-top: 40px;
font-size: 12px;
}
.small-text.white {
width: 70%;
}
.button {
text-align: left;
font-size: 20px;
}
.button.secondary {
padding-left: 20px;
font-size: 20px;
}
.button.secondary.margin-right.margin_bottom {
text-align: left;
width: 100%;
margin-bottom: 0;
font-size: 20px;
}
.button.secondary.lang {
padding-bottom: 0;
}
.hero4.hero-content-centered {
padding-top: 20vh;
}
.hero1-content-wrapper {
padding-top: 10vh;
}
.hero1-content {
padding-top: 20px;
padding-left: 0;
}
.light.right-align {
font-size: 4vw;
}
.light.subtext {
font-size: 16px;
line-height: 24px;
}
.light.booking {
font-size: 4vw;
}
.hero-badge {
width: auto;
height: 120px;
padding-left: 0;
}
.subhero-section {
display: none;
}
.form-input {
font-size: 16px;
}
.submit-button.salon {
padding-left: 20px;
font-size: 20px;
}
.two-column-body-wrapper {
padding-left: 0;
padding-right: 0;
}
.heading-wrapper {
padding-bottom: 32px;
}
.heading-wrapper.inner-spacing {
padding-left: 0;
}
.heading-wrapper.centered.left-padding.right-padding.distance-bot.width {
margin-bottom: 0;
}
.heading-wrapper.centered.left-padding.right-padding.bottom {
padding-bottom: 0;
}
.overlap-image {
margin-bottom: 52px;
}
.divider._288px.mobile-none {
height: 100px;
}
.grid-layout-content-wrapper {
padding-left: 5vw;
}
.grid-layout-content-wrapper.left-padding.right-padding10 {
padding-top: 40px;
padding-right: 5vw;
}
.grid-layout-content-wrapper.left-padding20 {
padding-left: 10vw;
}
.grid-layout-content-wrapper.right-padding10 {
padding-right: 0;
}
.card-image-wapper.small-height {
height: 20vh;
}
.card-content-wrapper {
font-family: Quicksand, sans-serif;
}
.split-section-wrapper {
flex-wrap: wrap;
grid-template-columns: 1fr;
}
.split-section-wrapper.reverse-wrap {
flex-wrap: wrap-reverse;
}
.testimonial-wrapper {
padding-left: 0;
padding-right: 0;
}
.paragraph-width-medium {
max-width: 100%;
font-size: 16px;
}
.full-frame-image-wrapper {
height: 100vh;
}
.cta-area-2 {
height: auto;
overflow: visible;
}
.footer-top-row {
flex-wrap: wrap;
}
.footer-menu, .footer-contact {
width: 50%;
}
.footer-logo {
width: 100%;
}
.hero-content {
padding-top: 10vh;
padding-bottom: 5vh;
}
.room-type-wrapper {
flex-flow: wrap;
padding-bottom: 140px;
}
.room-type-image-wrapper.large-height.right-padding {
flex-flow: row;
width: 100%;
padding-right: 0;
}
.room-type-content-wrapper.right-padding {
flex-flow: column;
width: 100%;
}
.room-amenity-wrapper {
width: 100%;
}
.collection-item {
width: 25%;
}
.full-frame-slider {
height: 100vh;
}
.left-arrow, .right-arrow {
display: none;
}
.hero3 {
min-height: 80vh;
}
.subtitle.italics {
font-size: 20px;
}
.subtitle.light {
margin-bottom: 5px;
padding-left: 0;
font-size: 3vw;
}
.subtitle.light.left {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
}
.subtitle.light.left.home.tablet-hoch {
padding-left: 0;
}
.banner-collection-list {
width: 100%;
}
.banner-collection-item {
padding-left: 24px;
padding-right: 24px;
}
.room-slide-image-wrapper {
height: 70vh;
}
.hero-arrow {
inset: auto 0% 0% auto;
}
.room-item {
margin-right: 16px;
}
.grid-layout {
grid-template-columns: 1fr;
}
.image-container.large-height.right-padding {
justify-content: flex-start;
align-items: flex-start;
}
.image-container.large-height.left-padding {
justify-content: center;
align-items: flex-start;
}
.medium-height {
height: 65vh;
}
.small-height {
height: 50vh;
}
.btn-wrapper {
text-align: left;
}
.cta-3-grid {
grid-row-gap: 56px;
grid-template-rows: minmax(auto, 1fr) minmax(auto, 1.75fr);
grid-template-areas: "Area-2 Area-2 Area-2 Area-2 Area-2 . Area Area Area Area"
"Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3";
}
.newsletter-form-block {
font-family: Quicksand, sans-serif;
}
.newsletter-form {
flex-flow: column;
height: 100%;
}
.newsletter-input {
width: 70%;
margin-bottom: 20px;
}
.large-height {
height: 70vh;
}
.extra-small-height {
height: 35vh;
}
.hero-image-overlay.terrasse {
bottom: 0%;
}
.hero-image-wrapper.bar {
inset: 0%;
}
.grid-layout-2 {
grid-template-columns: 1fr;
}
.hero-image.mobile-none {
min-height: 80vh;
}
.hero-image.mobile-none.bar-lounge {
inset: 0%;
}
.contact-info {
width: 50%;
}
.maps-wrapper {
height: 100vh;
}
.hero1-arrow {
inset: auto 0% 0% auto;
}
.nav-link._1, .nav-link._2, .nav-link._3, .nav-link._4, .nav-link._5, .nav-link._6 {
font-size: 6vw;
}
.nav-logo.mobile-none {
height: 36px;
}
.book-button {
margin-right: 0;
}
.nav-links-container.light {
display: none;
}
.nav-primary-wrapper {
flex: 1;
justify-content: flex-start;
align-items: flex-start;
}
.nav-secondary-wrapper {
flex-wrap: wrap;
margin-top: 2vh;
margin-bottom: 2vh;
}
.nav-secondary-links-wrapper {
display: flex;
}
.nav-primary-links-wrapper {
width: 100%;
height: 43.9518%;
}
.nav-image-wrapper.medium-height {
height: 40vh;
}
.main-nav-image, .secondary-nav-image._1 {
inset: 0% 0% auto;
}
.no-margin.feature-small {
font-size: 12px;
}
.mobile-none {
font-size: 16px;
}
.room-collection-list {
display: flex;
}
.collection-image-wrapper {
height: 30vh;
}
.booking-wrapper {
min-height: 100vh;
}
.booking-content {
padding-top: 10vh;
padding-bottom: 10vh;
}
.booking-close-btn {
z-index: 2;
margin-right: 0;
}
.icon {
width: 32px;
}
.nav-link-dark {
font-size: 2.5vw;
}
.card-image-wapper-fixed.extra-small-height {
height: 25vh;
}
.card-image-fixed {
display: inline-block;
}
.full-frame-video-wrapper {
height: 100vh;
}
.popup-info {
align-items: stretch;
width: 100vw;
min-height: 100vh;
}
.popup-image-wrapper {
width: 25%;
}
.popup-content-wrapper {
align-self: center;
width: 75%;
padding-top: 24px;
padding-bottom: 24px;
}
.popup-close-btn {
z-index: 2;
}
.blog-post {
font-family: Quicksand, sans-serif;
font-size: 16px;
}
.blog-item {
margin-right: 16px;
}
.blog-list-item {
flex-flow: row;
width: 100%;
margin-bottom: 40px;
display: flex;
}
.blog-list-item.distance-bottom {
margin-bottom: 140px;
}
.blog-image-container.large-height.right-padding {
justify-content: flex-start;
align-self: auto;
align-items: flex-end;
width: 100%;
height: 70%;
}
.blog-content-container.right-padding {
width: 100%;
}
.blog-content-container.right-padding.top-margin {
flex-flow: column;
width: 50%;
}
.filter-wrapper {
font-size: 22px;
}
.filter-banner {
font-size: 20px;
}
.paragraph, .paragraph-22 {
font-size: 16px;
}
.text-block, .text-block-2 {
font-size: 3vw;
}
.reservation-button {
margin-right: 16px;
}
.goldmund-hero1-content-wrapper-copy {
padding-top: 10vh;
}
.heading-wrapper-2 {
padding-bottom: 32px;
}
.paragraph-27, .paragraph-28, .paragraph-29, .paragraph-31, .paragraph-32 {
font-size: 16px;
}
.main-button-hotel {
text-align: left;
font-size: 20px;
}
.cta-info-txt.white {
font-size: 14px;
}
.cta-info-txt.white.distance {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.paragraph-34 {
margin-bottom: 0;
font-size: 16px;
}
.field-label-7, .paragraph-37, .paragraph-38, .paragraph-39, .paragraph-40, .paragraph-41 {
font-size: 16px;
}
.metalink {
font-size: 2vw;
}
.link-block, .link-block.distance-right, .link-block.distance-right.w--current {
font-size: 16px;
}
.language-btn {
padding-left: 20px;
padding-right: 0;
}
.gallery-overview {
padding: 60px 15px;
}
.paragraph-43 {
font-size: 16px;
}
.paragraph-2-copy {
max-width: 100%;
}
.subhero-section-salon {
display: block;
top: 80px;
}
.submenu.abisz-width {
flex-direction: row;
height: auto;
}
.heading-wrapper-salon {
padding-bottom: 32px;
}
.hl-salon.salon {
font-size: 7vw;
}
.section-ostermenue.top-padding-192 {
padding-top: 64px;
}
.paragraph_1.salon-dist-parag {
padding-top: 20px;
}
.main-button-hotel-invert {
height: 100%;
font-size: 15px;
}
.invert-locale, .invert-locale.w--current {
font-size: 2.5vw;
}
.invert-locale.salon {
font-size: 16px;
}
.locales-list {
padding-top: 3px;
font-size: 2vw;
}
.features-list {
padding: 60px 15px;
}
.hotel-zwischenheadline {
line-height: 120%;
}
.hotel-zwischenheadline.inverted.height.distance {
padding-top: 0;
}
.subhero-section-bellevue {
display: block;
}
.a-z-block {
text-align: center;
}
.hl-abisz {
font-size: 10vw;
}
.hl-abisz.salon {
font-size: 7vw;
}
.heading-wrapper-bellevue {
padding-bottom: 32px;
}
.html-embed-2-wetter {
padding-top: 20px;
}
.restaurant-linkbox {
padding-left: 30px;
padding-right: 30px;
}
.text-linkbox {
margin-bottom: 0;
}
.section-newsletter-teaser.top-padding-160 {
padding-top: 64px;
}
.closingheader {
padding-bottom: 32px;
}
.lahnerleben-linkbox {
padding-left: 20px;
}
.div-block-7 {
margin-left: 20px;
}
.img-linkbox.hide {
aspect-ratio: 1;
object-fit: cover;
width: auto;
}
.textlink_small.xtra-small {
font-size: 12px;
}
.column.distance-bottom {
margin-bottom: 20px;
}
.section_oeffnungszeiten {
padding-left: 20px;
padding-right: 20px;
}
.section_oeffnungszeiten.hotel {
padding: 80px 20px;
}
.two-column-body-wrapper-copy {
padding-left: 0;
padding-right: 0;
}
.container-social-media {
padding-right: 5vw;
}
.container-social-media.abstand {
padding-bottom: 60px;
}
.section-insta.top-padding-160, .section-booking.top-padding-160, .section-kontakt-salon.top-padding-160, .section-newsletter.top-padding-160 {
padding-top: 64px;
}
.div-block-8 {
width: 99.8248%;
}
.heading-52 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 45px;
}
.paragraph-49 {
font-family: Quicksand, sans-serif;
font-size: 16px;
}
.section-gallery.top-padding-160 {
padding-top: 64px;
}
.titel-header.light {
margin-top: 10px;
font-size: 14vw;
}
.titel-header.home {
padding-left: 0;
}
.p.right-align {
font-size: 4vw;
}
.img-subtitle {
line-height: 24px;
}
.img-subtitle.right-align {
font-size: 4vw;
}
.form-headline {
font-family: Frank Ruhl Libre, sans-serif;
}
.sction-sundown.top-padding-160 {
padding-top: 64px;
}
.sction-sundown.no-bottom-padding {
padding-top: 100px;
}
.sction-sundown.no-top-padding {
padding-bottom: 100px;
}
.nav-link-dark-bellevue, .mobile-none-bellevue {
font-size: 2.5vw;
}
.submenu-a-z.abisz-width {
flex-direction: row;
height: auto;
}
.link-block-a-z, .link-block-a-z.distance-right, .link-block-a-z.distance-right.w--current {
font-size: 16px;
}
.divider-a-z._288px.mobile-none {
height: 100px;
}
.container-4 {
padding-right: 5vw;
}
.heading-wrapper-3 {
padding-bottom: 32px;
}
.heading-54 {
font-size: 4vw;
}
.paragraph-width-medium-2 {
max-width: 100%;
font-size: 16px;
}
.paragraph-width-medium-2.agb {
font-size: 14px;
}
.slider {
min-height: 800px;
max-height: 800px;
}
.form-input-3 {
font-size: 16px;
}
.form-input-3.white {
border-bottom-color: #a0a0a080;
}
.container-5 {
padding-right: 5vw;
}
.newsletter-form-2 {
flex-flow: column;
height: 100%;
}
.hotel-zwischenheadline-2 {
line-height: 120%;
}
.small-text-2 {
width: 60%;
margin-top: 40px;
font-size: 12px;
}
.paragraph-60 {
margin-bottom: 0;
font-size: 16px;
}
.field-label-12 {
font-size: 16px;
}
.newsletter-input-2 {
width: 70%;
margin-bottom: 20px;
}
.paragraph-61 {
font-size: 16px;
}
.text-block-15 {
font-size: 3vw;
}
.metalink-2 {
font-size: 2vw;
}
.footer-contact-2 {
width: 50%;
}
.text-block-16, .text-block-17 {
font-size: 3vw;
}
.nav-secondary-links-wrapper-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.nav-social-wrapper-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
flex: 0 auto;
justify-content: flex-end;
align-items: center;
}
.nav-links-container-2.light {
display: none;
}
.nav-secondary-wrapper-2 {
flex-wrap: wrap;
margin-top: 2vh;
margin-bottom: 2vh;
}
.nav-secondary-link-2 {
margin-left: 60px;
margin-right: 10px;
}
.nav-secondary-link-2.last {
margin-left: 0;
margin-right: 0;
}
.nav-link-2._2, .nav-link-2._4, .nav-link-2._7, .nav-link-2._3, .nav-link-2._1, .nav-link-2._6, .nav-link-2._5 {
font-size: 6vw;
}
.feature-hl {
line-height: 120%;
}
.feature-hl.inverted.height.distance {
padding-top: 0;
}
.light-home.right-aline {
float: none;
text-align: left;
padding-left: 0;
display: block;
}
.nav-secondary-links-wrapper-3 {
display: flex;
}
.nav-links-container-3.light {
display: none;
}
.nav-primary-links-wrapper-2 {
width: 100%;
height: 43.9518%;
}
.nav-secondary-wrapper-3 {
flex-wrap: wrap;
margin-top: 2vh;
margin-bottom: 2vh;
}
.feature-block {
padding-left: 5px;
padding-right: 5px;
}
.buchungsblock {
text-align: center;
flex-flow: column;
grid-auto-flow: row;
display: flex;
}
.img-10prozent {
width: 200px;
margin-left: auto;
margin-right: auto;
display: none;
}
.img-10prozent-mobile {
width: auto;
margin-left: auto;
margin-right: auto;
display: block;
}
.section-gruppenanfrage {
padding-bottom: 0;
}
.section-gruppenanfrage.top-padding-160 {
padding-top: 64px;
}
.section-gruppenanfrage.bottom-padding-192 {
flex-flow: column;
}
.section-gruppenanfrage.no-top-padding {
padding-bottom: 100px;
}
.section-slider {
padding-bottom: 0;
}
.section-slider.top-padding-160 {
padding-top: 64px;
}
.section-slider.bottom-padding-192 {
flex-flow: column;
}
.section-slider.no-top-padding {
padding-bottom: 100px;
}
.section-slder {
padding-bottom: 0;
}
.section-slder.top-padding-160 {
padding-top: 64px;
}
.section-slder.bottom-padding-192 {
flex-flow: column;
}
.section-slder.no-top-padding {
padding-bottom: 100px;
}
.paragraph-small {
max-width: 100%;
font-size: 16px;
}
.paragraph-small.agb {
font-size: 14px;
}
.section-gallery-zimmerdetails.top-padding-160 {
padding-top: 64px;
}
.container-reservierung {
padding-right: 5vw;
transition: opacity .2s;
}
.container-reservierung.abstand {
padding-bottom: 60px;
}
.section-reservierungsteaser {
padding-bottom: 0;
}
.section-reservierungsteaser.top-padding-160 {
padding-top: 64px;
}
.section-reservierungsteaser.bottom-padding-192 {
flex-flow: column;
}
.section-reservierungsteaser.no-top-padding {
padding-bottom: 100px;
}
.subtitle-zimmerteaser.italics {
font-size: 20px;
}
.subtitle-zimmerteaser.light {
margin-bottom: 5px;
padding-left: 0;
font-size: 3vw;
}
.subtitle-zimmerteaser.light.left {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
}
.subtitle-zimmerteaser.light.left.home.tablet-hoch {
padding-left: 0;
}
.heading-56, .heading-57 {
font-size: 4vw;
}
.ostermen {
padding-bottom: 32px;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 15.5vw;
}
h2 {
font-size: 15vw;
line-height: 100%;
}
h3 {
margin-bottom: 8px;
font-size: 12vw;
}
h4 {
font-size: 9vw;
}
h5 {
font-size: 7vw;
}
h6 {
font-size: 6vw;
}
p, a {
font-size: 4.5vw;
}
ul {
padding-left: 16px;
}
li {
font-size: 4.5vw;
}
label {
font-size: 5vw;
}
figcaption {
font-size: 4vw;
}
.section {
padding-left: 0;
}
.section.padding-192.distance-bottom-no {
padding-top: 100px;
}
.section.bottom-padding-192 {
flex-flow: column;
padding-bottom: 64px;
}
.section.no-top-padding {
padding-bottom: 60px;
}
.section.padding-96 {
padding-top: 64px;
padding-bottom: 64px;
}
.section.bg-color-1 {
padding-bottom: 100px;
}
.section.top-bottom-padding {
padding-bottom: 64px;
}
.section.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 20px;
}
.section.no-bottom-padding {
padding-top: 60px;
}
.container {
padding-left: 2vw;
padding-right: 2vw;
}
.container.cta-2 {
flex-direction: column;
}
.container.abstand {
padding-top: 0;
padding-bottom: 60px;
}
.container.a-z-distance-top {
padding-top: 100px;
}
.container.agb {
margin-top: 75px;
}
.styleguide-section-wrapper {
flex-wrap: wrap;
}
.styleguide-title-wrapper {
background-color: var(--light-cream);
width: 100%;
margin-bottom: 32px;
padding-top: 60px;
padding-right: 0;
top: 0;
}
.styleguide-content-wrapper {
width: 100%;
padding-left: 0;
}
.style-guide-color-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.styleguide-heading-content {
width: 100%;
}
.styleguide-heading-label {
display: none;
}
.display {
font-size: 26vw;
}
.display.light {
font-size: 16vw;
}
.display.white {
margin-bottom: 10px;
}
.feature-paragraph {
margin-top: 0;
margin-bottom: 0;
font-family: Frank Ruhl Libre, sans-serif;
font-size: 6.5vw;
font-weight: 300;
display: block;
}
.feature-paragraph.room-details {
font-size: 5vw;
}
.small-text {
width: 100%;
margin-top: 40px;
font-size: 4vw;
}
.small-text.right-arrow-text {
top: 156px;
}
.small-text.white {
width: 100%;
}
.button {
text-align: left;
background-position: 80%;
width: 100%;
padding-left: 20px;
font-size: 5vw;
font-style: italic;
}
.button:hover {
background-position: 86%;
}
.button.secondary {
margin-bottom: 0;
padding-left: 20px;
font-size: 20px;
}
.button.secondary.margin-right {
text-align: left;
font-size: 5vw;
}
.button.secondary.margin-right.margin_bottom {
text-align: left;
order: -1;
align-self: stretch;
width: 100%;
margin-bottom: 0;
display: block;
position: static;
}
.button.secondary.dist-bot {
margin-bottom: 40px;
}
.button.secondary.lang {
text-align: left;
padding-bottom: 16px;
font-size: 18px;
text-decoration: none;
display: inline-block;
}
.button.secondary.new {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.button.salon {
font-size: 20px;
}
.button.salon.width2 {
margin-left: 0;
margin-right: 0;
}
.hero4 {
padding-top: 10vh;
padding-left: 0;
}
.hero1 {
min-height: 90vh;
}
.hero1-content-wrapper {
min-height: 90vh;
padding-top: 0;
}
.light {
text-align: left;
margin-bottom: 0;
font-size: 30px;
line-height: 45px;
display: inline-block;
}
.light.right-align {
text-align: left;
font-size: 16px;
line-height: 24px;
}
.light.subtext {
font-size: 16px;
line-height: 24px;
}
.light.left {
text-align: left;
}
.light.booking.mobile {
margin-bottom: 20px;
font-size: 6vw;
line-height: 30px;
}
.hero-badge {
padding-left: 0;
}
.form-input {
font-size: 5vw;
}
.submit-button {
background-image: url("https://cdn.prod.website-files.com/6282367aa6d9f05a1c9c46aa/65f38120880a2269b9496431_Arrow%20short%20white.png");
background-position: 86%;
background-size: 48px 14px;
font-size: 16px;
}
.two-column-body-grid {
grid-template: "."
"."
"."
/ 1fr;
}
.two-column-body-wrapper {
padding-bottom: 64px;
}
.heading-wrapper {
padding-bottom: 8px;
}
.heading-wrapper.inner-spacing {
margin-top: 60px;
padding-bottom: 40px;
padding-left: 0;
}
.heading-wrapper.centered {
text-align: left;
max-width: 100%;
}
.heading-wrapper.centered.left-padding.right-padding.distance-bot.width {
margin-bottom: 0;
}
.heading-wrapper.width-small {
max-width: 100vw;
}
.overlap-image-wrapper {
height: 65vh;
}
.overlap-image {
margin-bottom: 26px;
}
.divider {
color: var(--medbellevue);
}
.divider._288px, .divider._144px, .divider._96px {
height: 64px;
}
.divider.hide {
display: none;
}
.grid-layout-content-wrapper {
margin-bottom: 80px;
padding-left: 0;
}
.grid-layout-content-wrapper.right-padding {
padding-left: 0;
}
.grid-layout-content-wrapper.left-padding {
order: 1;
}
.grid-layout-content-wrapper.left-padding.right-padding {
padding-left: 0;
}
.grid-layout-content-wrapper.last {
margin-bottom: 0;
}
.card-image-wapper.large-height {
height: 50%;
}
.card-content-wrapper {
font-family: Quicksand, sans-serif;
}
.testimonial-wrapper {
align-items: flex-start;
}
.testimonial-profile-image-wrapper {
width: 80px;
height: 80px;
}
.paragraph-width-medium {
text-align: center;
font-size: 14px;
}
.full-frame-image-wrapper {
background-attachment: scroll;
height: 65vh;
margin-top: 32px;
display: flex;
}
.full-frame-image-wrapper.experiences {
background-position: 50%;
}
.full-frame-image-wrapper.hotel {
background-position: 30% 100%;
}
.full-frame-image-wrapper.contact {
background-position: 50%;
}
.full-frame-image-wrapper.lahn-erleben {
background-position: 100%;
}
.full-frame-image-wrapper.contact-salon {
background-position: 50%;
}
.full-frame-image-wrapper.hotel-a-z {
background-position: 30% 100%;
}
.grid-list-item-wrapper {
flex-wrap: wrap;
padding-top: 40px;
padding-bottom: 40px;
}
.grid-list-item-image-wrapper {
order: -1;
width: 100%;
padding-right: 0%;
}
.grid-list-item-content-wrapper {
width: 100%;
padding-left: 0%;
}
.grid-list-item-number-wrapper {
width: 100%;
}
.cta-1-grid {
grid-column-gap: 16px;
grid-row-gap: 8px;
grid-template: "Area Area Area . . ." minmax(auto, .5fr)
"Area Area Area . Area-4 Area-4" minmax(auto, .5fr)
". . . . Area-4 Area-4" minmax(auto, 1fr)
"Area-2 Area-2 Area-2 . . ."
"Area-2 Area-2 Area-2 Area-3 Area-3 Area-3"
". . . Area-3 Area-3 Area-3"
/ 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
}
.cta-area-1 {
padding-left: 0;
}
.cta-1-link-block {
text-align: center;
flex-direction: column;
}
.footer-wrapper {
padding-top: 48px;
}
.footer-top-row {
padding-bottom: 48px;
}
.footer-bottom-row {
flex-direction: column;
}
.footer-menu, .footer-contact {
width: 100%;
margin-top: 48px;
}
.footer-logo {
padding-right: 0%;
}
.footer-link {
margin-bottom: 16px;
font-size: 8vw;
}
.footer-contact-link {
margin-bottom: 16px;
font-size: 6.5vw;
}
.footer-contact-icon {
width: 24px;
padding-top: 8px;
}
.footer-secondary-link {
margin-bottom: 16px;
margin-right: 0;
font-size: 4vw;
display: block;
}
.footer-social-links {
padding-top: 32px;
padding-bottom: 0;
}
.hero2 {
min-height: 80vh;
}
.hero2-image-wrapper {
width: 80%;
height: 100%;
inset: auto 0% 0% auto;
}
.hero2-image-wrapper.header-img-salon {
height: 70%;
margin-bottom: 60px;
padding-bottom: 0;
}
.hero-content {
padding-top: 0;
padding-bottom: 0;
}
.hero2-content-wrapper {
max-height: 70vh;
}
.hero2-image-overlay {
height: 100%;
}
.room-type-wrapper {
flex-wrap: wrap;
padding-bottom: 80px;
}
.room-type-image-wrapper {
width: 100%;
}
.room-type-image-wrapper.large-height.right-padding {
height: 55vh;
}
.room-type-content-wrapper {
flex-direction: column-reverse;
order: 1;
align-content: flex-end;
width: 100%;
}
.room-type-content-wrapper.right-padding.distance-top {
margin-top: 20px;
}
.room-amenity-wrapper {
align-self: center;
padding-left: 4px;
padding-right: 4px;
}
.collection-item {
width: 25%;
}
.room-amenity-section {
border-bottom: 1px solid var(--light-grey);
margin-bottom: 32px;
padding-top: 0;
padding-bottom: 16px;
}
.right-padding {
padding-right: 0;
}
.left-padding {
padding-left: 0;
}
.room-type-btn-wrapper {
flex-wrap: wrap;
}
.full-frame-slider {
height: 50vh;
}
.cta-2-link-block {
text-align: center;
flex-wrap: wrap;
align-content: center;
}
.cta-2-grid {
grid-row-gap: 8px;
grid-template-rows: minmax(auto, .25fr) minmax(auto, .25fr) minmax(auto, .25fr) minmax(auto, .25fr) minmax(auto, .25fr) minmax(auto, .25fr) minmax(auto, .25fr);
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.hero3 {
min-height: 60vh;
}
.banner {
flex-direction: column;
align-items: stretch;
}
.subtitle {
margin-top: 40px;
font-size: 5.5vw;
}
.subtitle.italics.distance-top {
margin-top: 0;
}
.subtitle.light {
text-align: left;
margin-bottom: 10px;
padding-left: 0;
font-size: 5vw;
line-height: 24px;
display: flex;
}
.banner-collection-item {
border-right-style: solid;
border-right-color: var(--medbellevue);
width: 33%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.banner-collection-item.lastitem-line {
border-right-style: none;
}
.banner-title {
border-bottom: 1px solid var(--light-grey);
text-align: center;
border-right-style: none;
justify-content: center;
}
.home-room-mask {
width: 85vw;
margin-left: 5vw;
}
.home-room-single-slide {
padding-left: 0;
}
.room-slide-wrapper {
justify-content: flex-start;
overflow: hidden;
}
.room-slide-image-wrapper {
height: 45vh;
}
.room-slide-content-wrapper {
flex-wrap: wrap;
}
.room-slide-title, .room-slide-description {
width: 100%;
}
.hero-arrow {
bottom: -48px;
right: -2vw;
}
.mobile-only {
display: block;
}
.room-slider-left-arrow {
display: none;
}
.main-content {
padding-top: 0;
}
.main-content.zimmerdetail {
margin-left: 20px;
}
.room-flex-thirds {
width: 270%;
}
.room-item {
width: 90%;
}
.grid-layout {
flex-wrap: wrap;
}
.grid-layout-section-content {
width: 100%;
}
.grid-split-section {
grid-row-gap: 24px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.grid-split-section._2row {
grid-row-gap: 24px;
}
.grid-split-section._3row {
grid-row-gap: 24px;
grid-template-rows: auto auto auto auto auto auto;
}
.image-container.large-height.left-padding {
height: 45vh;
}
.content-container {
margin-bottom: 56px;
}
.medium-height {
height: 50vh;
}
.small-height {
height: 40vh;
}
.split-section {
width: 100%;
}
.main-content-wrapper {
margin-top: 40px;
}
.main-content-wrapper.news {
flex-flow: column;
align-self: center;
align-items: center;
margin-top: 20px;
margin-bottom: 0;
display: flex;
}
.btn-wrapper {
align-self: stretch;
}
.btn-wrapper.centered {
max-width: 100%;
margin-left: 10px;
margin-right: 10px;
}
.cta-3-grid {
grid-column-gap: 8px;
grid-row-gap: 16px;
grid-template: "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2" minmax(auto, .75fr)
"Area Area Area Area Area Area" minmax(auto, 1fr)
"Area-3 Area-3 Area-3 Area-3 Area-3 Area-3"
"Area-3 Area-3 Area-3 Area-3 Area-3 Area-3"
/ 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
}
.newsletter-input {
width: 100%;
margin-bottom: 40px;
}
.large-height {
height: 55vh;
}
.booking-input {
width: 100%;
}
.cta-4-grid {
grid-column-gap: 8px;
grid-row-gap: 16px;
grid-template: "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2" minmax(auto, .3fr)
"Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" minmax(auto, 1fr)
/ 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
}
.hero-paragraph {
padding-left: 0;
padding-right: 0;
}
.hero-image-wrapper {
min-height: 60vh;
}
.grid-layout-2-section-center {
padding-left: 0;
padding-right: 0;
}
.grid-layout-2-section-left {
order: 1;
width: 100%;
}
.grid-layout-2-section-right {
width: 100%;
}
.hero-image.mobile-none {
min-height: 60vh;
display: block;
}
.form-message {
font-size: 5vw;
}
.contact-info {
width: 100%;
}
.contact-link {
margin-bottom: 16px;
font-size: 8vw;
}
.maps-wrapper {
height: 80vh;
margin-top: 32px;
}
.tab-link {
white-space: nowrap;
margin-right: 32px;
font-size: 6.5vw;
}
.hero1-arrow {
bottom: 5vh;
}
.nav-link {
font-size: 13vw;
}
.nav-link._1, .nav-link._2, .nav-link._3, .nav-link._4, .nav-link._5, .nav-link._6 {
font-size: 10vw;
}
.nav-logo.w--current {
width: auto;
height: auto;
}
.nav-logo.mobile-only {
color: var(--light-cream);
width: auto;
max-width: 80%;
height: auto;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 10px;
}
.nav-logo.mobile-none {
width: auto;
height: 40px;
padding-left: 0;
}
.book-button {
margin-right: 0;
padding-left: 0;
padding-right: 10px;
}
.menu-button {
background-color: var(--reddark);
border-radius: 50%;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-left: 10px;
padding-left: 0;
display: flex;
}
.menu-button.hotel {
background-color: #173c4e00;
margin-left: 0;
}
.nav-links-container {
position: fixed;
}
.nav-links-container.light {
display: none;
}
.nav-primary-wrapper {
margin-bottom: 60px;
}
.nav-secondary-wrapper {
border-top-width: 0;
margin-top: 0;
display: block;
}
.nav-social-wrapper {
border-top: 1px solid var(--light-grey);
width: 100%;
margin-top: 16px;
padding-top: 16px;
}
.nav-secondary-links-wrapper {
flex-direction: column;
display: flex;
}
.nav-social-link.first {
text-align: left;
text-align: left;
flex: 0 auto;
order: 0;
margin-left: 10px;
margin-right: 10px;
display: block;
}
.nav-secondary-link {
margin-bottom: 16px;
margin-right: 24px;
font-size: 8vw;
}
.nav-primary-links-wrapper {
width: 100%;
margin-top: 30px;
padding-top: 20px;
display: flex;
}
.nav-image-wrapper.medium-height {
display: none;
}
.logo-light.mobile-only, .logo-light.mobile-none {
width: auto;
height: 40px;
}
.lottie-btn {
margin-left: 0;
display: none;
}
.no-margin.feature {
font-size: 3.6vw;
}
.no-margin.feature-small {
font-size: 12px;
}
.mobile-none {
display: none;
}
.no-padding-mobile {
padding-left: 0;
padding-right: 0;
}
.room-collection-list {
width: 100%;
}
.cta-grid-image-wrapper.first {
padding-left: 5vw;
}
.room-subhero-section {
padding-top: 15px;
padding-bottom: 15px;
}
.rooms-collection-list-wrapper {
padding-bottom: 24px;
padding-left: 5vw;
overflow: scroll;
}
.tabs-menu {
padding-bottom: 16px;
display: flex;
overflow: scroll;
}
.booking-wrapper {
align-items: flex-start;
display: none;
overflow: scroll;
}
.main-booking-input {
width: 100%;
}
.room-slider-next {
width: 8vw;
height: 45vh;
padding-top: 0;
}
.room-slider-previous {
display: none;
}
.room-link-block {
width: 100%;
}
.collection-content-wrapper {
justify-content: center;
}
.collection-content-wrapper.zimmeteaser {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.styleguide-icons-content {
flex-wrap: wrap;
width: 100%;
}
.lottie-mobile {
color: var(--dark-grey);
-webkit-text-fill-color: inherit;
background-image: none;
background-size: auto;
background-clip: border-box;
width: 32px;
height: 32px;
margin-left: 0;
display: block;
}
.utility-page-content {
width: 100%;
}
.nav-link-light {
font-size: 4.5vw;
}
._404-grid {
display: none;
}
.navigation-light {
display: flex;
}
.nav-link-dark {
text-align: right;
font-size: 4.5vw;
}
.loader-logo-wrapper {
max-width: 240px;
}
.full-frame-video-wrapper {
height: 65vh;
margin-top: 32px;
}
.popup-info {
flex-wrap: wrap;
align-content: flex-start;
width: 100vw;
min-height: 100vh;
}
.popup-image-wrapper {
width: 100%;
height: 35vh;
}
.popup-content-wrapper {
width: 100%;
padding-left: 5vw;
padding-right: 5vw;
}
.popup-close-btn {
background-color: var(--light-cream);
border-radius: 50%;
justify-content: center;
width: 48px;
height: 48px;
margin-top: 24px;
margin-right: 5vw;
}
.popup-close-icon {
margin-left: 0;
}
.hero-content-centered {
padding-top: 35vh;
padding-left: 0;
}
.blog-post img {
margin-top: 24px;
margin-bottom: 24px;
}
.blog-collection-list-wrapper {
flex-flow: wrap;
padding-bottom: 24px;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
overflow: scroll;
}
.blog-flex-thirds {
width: 270%;
}
.blog-item {
width: 90%;
}
.collection-link-block {
width: 100%;
}
.blog-list-item {
flex-flow: column;
margin-bottom: 24px;
display: block;
}
.blog-image-container {
width: 100%;
}
.blog-image-container.large-height.right-padding {
justify-content: flex-start;
align-items: flex-end;
}
.blog-content-container {
width: 100%;
margin-top: 24px;
margin-bottom: 56px;
}
.blog-content-container.right-padding {
text-align: center;
}
.blog-content-container.right-padding.top-margin {
align-items: center;
margin-top: 0;
padding-right: 0;
}
.blog-content-container.right-padding.top-margin.mobile-width {
width: 100%;
}
.filter-section {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 8px;
padding-bottom: 8px;
display: block;
}
.filter-link {
margin-bottom: 16px;
font-size: 6vw;
}
.filter-link.w--current {
aspect-ratio: auto;
font-size: 6vw;
}
.filter-collection-item {
border-right-style: none;
flex: none;
width: 33%;
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
}
.filter-wrapper {
padding-left: 5px;
padding-right: 5px;
}
.filter-banner {
align-items: stretch;
padding-left: 5vw;
padding-right: 5vw;
overflow: scroll;
}
.background-video {
height: 90vh;
}
.paragraph-2 {
text-align: center;
max-width: 100%;
}
.heading-3 {
font-size: 14vw;
}
.paragraph-5 {
font-size: 16px;
}
.heading-16 {
font-size: 12vw;
}
.heading-16.salon {
text-align: center;
}
.text-block, .text-block-2 {
font-size: 6.5vw;
}
.image-2 {
height: auto;
}
.goldmund-nav-links-container {
position: fixed;
}
.reservation-button {
margin-right: 0;
}
.goldmund-nav-link-light {
font-size: 4.5vw;
}
.goldmund-menu-button {
background-color: var(--dark-grey);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-left: 16px;
padding-left: 0;
display: flex;
}
.nav-link-light-copy {
font-size: 4.5vw;
}
.goldmund-hero1-content-wrapper-copy {
padding-top: 0;
}
.heading-wrapper-2 {
padding-bottom: 8px;
}
.heading-wrapper-2.inner-spacing {
padding-left: 0;
}
.heading-wrapper-2.centered {
text-align: left;
}
.heading-wrapper-2.width-small {
max-width: 100vw;
}
.container-goldmund {
padding-top: 80px;
}
.paragraph-27 {
margin-left: 20px;
margin-right: 20px;
}
.feature-item {
align-items: center;
display: flex;
}
.main-button-hotel {
background-position: 80%;
width: 100%;
padding-left: 20px;
font-size: 20px;
font-style: italic;
}
.main-button-hotel:hover {
background-position: 86%;
}
.cta-info-txt.white {
text-align: center;
width: 100%;
margin-bottom: 20px;
margin-right: 0;
font-size: 5vw;
}
.image-3.right {
height: auto;
margin-bottom: 0;
}
.paragraph-34 {
margin-bottom: 20px;
font-size: 16px;
}
.paragraph-37, .paragraph-38, .paragraph-39, .paragraph-40, .paragraph-41 {
font-size: 16px;
}
.image-4 {
max-width: 100%;
}
.div-block-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: left;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
font-size: 24px;
display: block;
}
.metalink {
flex: 1;
margin-right: 20px;
font-size: 4vw;
}
.link-block {
text-align: left;
align-items: stretch;
margin-bottom: 5px;
margin-left: auto;
margin-right: 40px;
}
.link-block.distance-right {
margin-left: 40px;
margin-right: auto;
}
.link-block.distance-right.w--current {
align-self: center;
margin-left: auto;
margin-right: auto;
}
.language-btn {
align-self: auto;
padding-left: 0;
padding-right: 0;
}
.container-2 {
max-width: none;
}
.gallery-wrapper {
grid-template-columns: 1fr;
}
.centered {
max-width: 90%;
}
.category-title {
font-size: 6.5vw;
}
.heading-34 {
font-size: 8vw;
}
.heading-35.bottom-distance {
text-align: center;
margin-bottom: 40px;
font-size: 7vw;
}
.heading-36 {
margin-bottom: 20px;
font-size: 7vw;
}
.paragraph-2-copy {
text-align: center;
max-width: 100%;
}
.image-6, .image-7 {
height: 100%;
}
.heading-46.salon {
text-align: center;
}
.hero2-salon {
min-height: 72vh;
position: relative;
}
.subhero-section-salon {
padding-top: 10px;
padding-bottom: 10px;
display: block;
position: sticky;
top: 80px;
}
.submenu {
text-align: center;
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.submenu.abisz-width {
flex-direction: row;
height: auto;
display: flex;
}
.heading-wrapper-salon {
margin-left: 10px;
margin-right: 10px;
padding-bottom: 8px;
}
.heading-wrapper-salon.inner-spacing {
padding-left: 0;
}
.heading-wrapper-salon.centered {
text-align: left;
}
.heading-wrapper-salon.width-small {
max-width: 100vw;
}
.heading-wrapper-salon.allergene-abstand {
margin-bottom: 40px;
}
.hl-salon {
font-size: 12vw;
}
.hl-salon.salon {
font-size: 2.4rem;
}
.menu-text {
margin-bottom: 60px;
font-size: 4.5vw;
}
.menu-text.salon {
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
}
.salon-zwischenheadline {
margin-bottom: 20px;
font-size: 1.6rem;
line-height: 2.2rem;
}
.section-ostermenue.bottom-padding-192 {
padding-bottom: 64px;
}
.section-ostermenue.no-bottom-padding {
padding-top: 0;
}
.section-ostermenue.padding-96 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-ostermenue.top-bottom-padding {
padding-bottom: 64px;
}
.main-button-hotel-invert {
text-align: left;
background-position: 80%;
width: 100%;
padding-left: 20px;
font-size: 18px;
font-style: italic;
}
.main-button-hotel-invert:hover {
background-position: 86%;
}
.invert-locale, .invert-locale.w--current {
font-size: 14px;
}
.locales-list {
padding-top: 6px;
}
.locale {
margin-right: 10px;
}
.heading-gueltigkeit {
margin-top: 20px;
}
.heading-48 {
float: none;
clear: none;
}
.main-button-hotel-invert-salon {
background-position: 80%;
width: 100%;
font-size: 4.5vw;
font-style: italic;
}
.main-button-hotel-invert-salon:hover {
background-position: 86%;
}
.features-list {
padding-top: 0;
padding-bottom: 0;
}
.container-3 {
max-width: none;
}
.features-left {
margin-top: 60px;
margin-bottom: 0;
}
.features-right {
margin-bottom: -30px;
}
.features-block-two {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 30px;
}
.features-image {
margin-bottom: 20px;
}
.hotel-zwischenheadline {
font-size: 6vw;
}
.heading-50 {
margin-bottom: 20px;
font-size: 7vw;
}
.heading-51.agb {
margin-top: 40px;
font-size: 10vw;
}
.menu-text-block-bis-150424 {
font-size: 1rem;
}
.allergene {
font-size: 12px;
}
.text-span {
text-decoration: underline;
}
.subhero-section-bellevue {
height: auto;
padding-top: 10px;
padding-bottom: 10px;
display: block;
}
.a-z-block {
text-align: center;
font-size: 1rem;
}
.hl-abisz {
font-size: 14vw;
}
.hl-abisz.salon {
font-size: 3rem;
}
.heading-wrapper-bellevue {
padding-bottom: 8px;
}
.heading-wrapper-bellevue.inner-spacing {
padding-left: 0;
}
.heading-wrapper-bellevue.centered {
text-align: left;
}
.heading-wrapper-bellevue.width-small {
max-width: 100vw;
}
.fastaccessservices {
width: auto;
}
.html-embed-2-wetter {
object-fit: fill;
max-width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
.restaurant-linkbox {
grid-column-gap: 16px;
grid-row-gap: 16px;
aspect-ratio: auto;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
width: auto;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.section-newsletter-teaser.bottom-padding-192 {
padding-bottom: 64px;
}
.section-newsletter-teaser.no-bottom-padding {
padding-top: 40px;
}
.section-newsletter-teaser.padding-96 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-newsletter-teaser.bg-color-1 {
padding-bottom: 100px;
}
.section-newsletter-teaser.top-bottom-padding {
padding-bottom: 64px;
}
.section-newsletter-teaser.bg-color-2 {
padding-top: 40px;
}
.flex-block {
justify-content: stretch;
max-width: 100%;
}
.closingheader {
padding-bottom: 8px;
}
.closingheader.inner-spacing {
margin-top: 60px;
padding-bottom: 40px;
padding-left: 0;
}
.closingheader.centered {
text-align: left;
max-width: 100%;
}
.closingheader.centered.left-padding.right-padding.distance-bot.width {
margin-bottom: 0;
}
.closingheader.width-small {
max-width: 100vw;
}
.lahnerleben-linkbox {
flex-direction: column;
padding-left: 20px;
padding-right: 20px;
}
.div-block-7 {
margin-top: 20px;
margin-left: 0;
}
.textlink_small {
font-family: Quicksand, sans-serif;
font-size: 14px;
}
.unterschrift {
font-size: 1rem;
}
.form-input-2 {
font-size: 5vw;
}
.two-column-body-wrapper-copy {
padding-bottom: 64px;
}
.form-input-dark {
font-size: 16px;
}
.container-social-media.cta-2 {
flex-direction: column;
}
.container-social-media.abstand {
padding-bottom: 60px;
}
.section-insta {
padding-left: 0;
}
.section-insta.bottom-padding-192 {
padding-bottom: 64px;
}
.section-insta.no-bottom-padding {
padding-top: 40px;
}
.section-insta.padding-96 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-insta.bg-color-1 {
padding-bottom: 100px;
}
.section-insta.top-bottom-padding {
padding-bottom: 64px;
}
.section-booking {
padding-left: 0;
}
.section-booking.bottom-padding-192 {
padding-bottom: 64px;
}
.section-booking.no-bottom-padding {
padding-top: 40px;
}
.section-booking.padding-96 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-booking.bg-color-1 {
padding-top: 60px;
padding-bottom: 70px;
}
.section-booking.top-bottom-padding {
padding-bottom: 64px;
}
.section-kontakt-salon {
padding-left: 0;
}
.section-kontakt-salon.bottom-padding-192 {
padding-bottom: 64px;
}
.section-kontakt-salon.no-bottom-padding {
padding-top: 40px;
}
.section-kontakt-salon.padding-96 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-kontakt-salon.bg-color-1 {
padding-bottom: 100px;
}
.section-kontakt-salon.top-bottom-padding, .section-kontakt-salon.padding-192-sand.salon {
padding-bottom: 64px;
}
.section-newsletter {
padding-left: 0;
}
.section-newsletter.bottom-padding-192 {
padding-bottom: 64px;
}
.section-newsletter.no-bottom-padding {
padding-top: 40px;
}
.section-newsletter.padding-96 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-newsletter.bg-color-1 {
padding-bottom: 100px;
}
.section-newsletter.top-bottom-padding {
padding-bottom: 64px;
}
.section-gallery {
padding-left: 0;
}
.section-gallery.bottom-padding-192 {
padding-bottom: 64px;
}
.section-gallery.no-bottom-padding {
padding-top: 40px;
}
.section-gallery.no-top-padding {
padding-bottom: 60px;
}
.section-gallery.padding-96 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-gallery.bg-color-1 {
padding-bottom: 100px;
}
.section-gallery.top-bottom-padding {
padding-bottom: 64px;
}
.titel-header {
margin-bottom: 10px;
font-size: 20vw;
}
.titel-header.light {
margin-top: 20px;
margin-bottom: 10px;
padding-left: 0;
font-size: 18vw;
}
.titel-header.home {
padding-left: 0;
}
.p {
font-size: 45px;
line-height: 45px;
display: block;
}
.p.right-align {
text-align: left;
font-size: 5vw;
}
.img-subtitle {
font-size: 16px;
line-height: 20px;
display: none;
}
.img-subtitle.right-align {
text-align: left;
font-size: 5vw;
}
.bottom-paragraph {
width: 100%;
}
.form-headline {
margin-bottom: 40px;
font-size: 8vw;
}
.sction-sundown {
padding-left: 0;
}
.sction-sundown.bottom-padding-192 {
padding-bottom: 64px;
}
.sction-sundown.no-bottom-padding {
padding-top: 40px;
}
.sction-sundown.no-top-padding {
padding-bottom: 60px;
}
.sction-sundown.padding-96 {
padding-top: 64px;
padding-bottom: 64px;
}
.sction-sundown.bg-color-1 {
padding-bottom: 100px;
}
.sction-sundown.top-bottom-padding {
padding-bottom: 64px;
}
.nav-link-dark-bellevue {
text-align: right;
font-size: 4.5vw;
}
.mobile-none-bellevue {
display: none;
}
.submenu-a-z {
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.submenu-a-z.abisz-width {
flex-direction: row;
height: auto;
display: flex;
}
.link-block-a-z {
margin-bottom: 5px;
padding-top: 2px;
font-size: 14px;
}
.link-block-a-z.distance-right {
margin-left: auto;
margin-right: auto;
}
.link-block-a-z.distance-right.w--current {
align-self: center;
margin-left: auto;
margin-right: auto;
}
.divider-a-z {
color: var(--medbellevue);
margin-left: 10px;
margin-right: 10px;
padding-top: 0;
}
.divider-a-z._288px, .divider-a-z._144px, .divider-a-z._96px {
height: 64px;
}
.divider-a-z.hide {
display: none;
}
.footer-contact-icon-2 {
width: 24px;
padding-top: 8px;
}
.heading-wrapper-3 {
padding-bottom: 8px;
}
.heading-wrapper-3.centered {
text-align: center;
max-width: 100%;
padding-bottom: 40px;
display: block;
}
.heading-54 {
font-size: 8vw;
line-height: 110%;
}
.heading-54.left {
text-align: left;
font-size: 9vw;
}
.heading-54.left.distance-top {
margin-top: 10px;
}
.heading-54.left.cenetred {
text-align: center;
}
.heading-54.white.left {
text-align: left;
}
.paragraph-width-medium-2 {
margin-left: 20px;
margin-right: 20px;
font-size: 16px;
}
.paragraph-width-medium-2.left {
text-align: center;
margin-left: 0;
}
.paragraph-width-medium-2.left.margin-right {
margin-right: 0;
}
.paragraph-width-medium-2.left-mobile {
text-align: left;
margin-left: 0;
}
.paragraph-width-medium-2.left-mobile.margin-right {
margin-right: 0;
}
.mask {
min-height: 100%;
}
.slider {
min-height: 600px;
max-height: 600px;
}
.slide-27 {
aspect-ratio: auto;
object-fit: fill;
}
.slide-23 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.form-input-3 {
text-align: center;
font-size: 5vw;
}
.form-input-3.white {
border-bottom-color: #a7a7a780;
}
.submit-button-2 {
font-size: 4.5vw;
}
.heading-55 {
font-size: 8vw;
line-height: 110%;
}
.newsletter-form-2 {
text-align: center;
width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.hotel-zwischenheadline-2 {
font-size: 6vw;
}
.small-text-2 {
text-align: center;
width: 100%;
margin-top: 40px;
font-size: 4vw;
}
.paragraph-60 {
margin-top: 20px;
margin-bottom: 40px;
font-size: 14px;
line-height: 160%;
}
.newsletter-input-2 {
width: 100%;
margin-bottom: 40px;
}
.footer-contact-link-2 {
margin-bottom: 10px;
font-size: 6.5vw;
}
.text-block-15 {
font-size: 5.5vw;
line-height: 100%;
}
.footer-link-2 {
margin-bottom: 16px;
font-size: 6vw;
line-height: 100%;
}
.div-block-9 {
direction: rtl;
text-align: left;
flex-flow: wrap-reverse;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
font-size: 24px;
position: static;
}
.metalink-2 {
text-align: left;
margin-right: 10px;
font-size: 4vw;
}
.footer-contact-icon-3 {
width: 24px;
padding-top: 8px;
}
.footer-contact-2 {
width: 100%;
margin-top: 48px;
line-height: 20px;
}
.text-block-16 {
font-size: 5.5vw;
line-height: 100%;
}
.text-block-17 {
font-size: 5.5vw;
line-height: 140%;
}
.footer-wrapper-2 {
text-align: left;
margin-left: 10px;
margin-right: 10px;
padding-top: 48px;
}
.name-block {
font-size: 1rem;
}
.no-margin-2 {
margin-left: 60px;
}
.nav-secondary-links-wrapper-2 {
flex-direction: column;
margin-left: 10px;
display: flex;
}
.nav-social-wrapper-2 {
clear: none;
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: auto;
text-align: left;
object-fit: cover;
border-top: 1px solid #5d656c;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
width: 100%;
margin: 16px auto 20px;
padding-top: 16px;
position: sticky;
}
.nav-links-container-2 {
position: fixed;
}
.nav-links-container-2.light {
display: none;
}
.nav-primary-wrapper-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-transform: none;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
margin-bottom: 60px;
margin-left: 10px;
padding-top: 0;
display: block;
}
.nav-secondary-wrapper-2 {
border-top-width: 0;
justify-content: space-between;
margin-top: 0;
margin-bottom: 10vh;
}
.nav-secondary-link-2 {
margin-bottom: 16px;
margin-left: 0;
margin-right: 24px;
font-size: 7vw;
line-height: 100%;
}
.nav-secondary-link-2.last {
margin-left: 0;
line-height: 100%;
}
.nav-link-2 {
font-size: 13vw;
}
.nav-link-2._2, .nav-link-2._4 {
font-size: 7vw;
line-height: 100%;
}
.nav-link-2._3, .nav-link-2._1, .nav-link-2._6, .nav-link-2._5, .nav-link-2._2, .nav-link-2._4 {
font-size: 7vw;
line-height: 100%;
}
.nav-link-2._4.w--current {
line-height: 80%;
}
.nav-link-2._7 {
font-family: Frank Ruhl Libre, sans-serif;
font-size: 7vw;
line-height: 100%;
}
.nav-link-2._3, .nav-link-2._1, .nav-link-2._6, .nav-link-2._5 {
font-size: 7vw;
line-height: 100%;
}
.lottie-mobile-2 {
order: 0;
width: 32px;
height: 32px;
margin-left: 0;
display: block;
overflow: visible;
}
.feature-hl {
font-size: 6vw;
}
.slide-52, .slide-63, .slide-073, .slide-84, .slide-93, .slide-100, .slide-112, .slide-113, .slide-114, .slide-120, .slide-121, .slide-122 {
aspect-ratio: auto;
object-fit: fill;
}
.light-home.right-aline {
margin-bottom: 30px;
padding-left: 0;
font-size: 6vw;
}
.paragraph-62.agb {
text-align: left;
}
.body-2 {
font-size: 14px;
}
.no-margin-3 {
margin-left: 60px;
}
.nav-secondary-links-wrapper-3 {
text-align: left;
flex-direction: column;
margin-left: 10px;
display: flex;
}
.nav-social-wrapper-3 {
clear: none;
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: auto;
text-align: left;
object-fit: cover;
border-top: 1px solid #5d656c;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
width: 100%;
margin: 16px auto 20px;
padding-top: 16px;
position: sticky;
}
.nav-links-container-3 {
position: fixed;
}
.nav-links-container-3.light {
display: none;
}
.nav-primary-links-wrapper-2 {
width: 100%;
}
.nav-primary-wrapper-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-transform: none;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
margin-bottom: 60px;
margin-left: 10px;
display: flex;
}
.nav-secondary-wrapper-3 {
border-top-width: 0;
justify-content: space-between;
margin-top: 0;
margin-bottom: 10vh;
}
.nav-secondary-link-3 {
text-align: left;
margin-bottom: 16px;
margin-left: 0;
margin-right: 24px;
font-size: 7vw;
line-height: 100%;
}
.nav-secondary-link-3.last {
text-align: left;
margin-left: 0;
line-height: 100%;
}
.feature-list {
grid-template-columns: 1fr;
}
.img-10prozent-mobile {
width: auto;
margin-bottom: 20px;
}
.section-gruppenanfrage {
padding-left: 0;
}
.section-gruppenanfrage.padding-192.distance-bottom-no {
padding-top: 100px;
}
.section-gruppenanfrage.bottom-padding-192 {
flex-flow: column;
padding-bottom: 64px;
}
.section-gruppenanfrage.no-top-padding {
padding-bottom: 60px;
}
.section-gruppenanfrage.padding-96 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-gruppenanfrage.bg-color-1 {
padding-bottom: 100px;
}
.section-gruppenanfrage.top-bottom-padding {
padding-bottom: 64px;
}
.section-gruppenanfrage.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 20px;
}
.section-gruppenanfrage.no-bottom-padding {
padding-top: 60px;
}
.section-slider {
padding-left: 0;
}
.section-slider.padding-192.distance-bottom-no {
padding-top: 100px;
}
.section-slider.bottom-padding-192 {
flex-flow: column;
padding-bottom: 64px;
}
.section-slider.no-top-padding {
padding-bottom: 60px;
}
.section-slider.padding-96 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-slider.bg-color-1 {
padding-bottom: 100px;
}
.section-slider.top-bottom-padding {
padding-bottom: 64px;
}
.section-slider.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 20px;
}
.section-slider.no-bottom-padding {
padding-top: 60px;
}
.section-slder {
padding-left: 0;
}
.section-slder.padding-192.distance-bottom-no {
padding-top: 100px;
}
.section-slder.bottom-padding-192 {
flex-flow: column;
padding-bottom: 64px;
}
.section-slder.no-top-padding {
padding-bottom: 60px;
}
.section-slder.padding-96 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-slder.bg-color-1 {
padding-bottom: 100px;
}
.section-slder.top-bottom-padding {
padding-bottom: 64px;
}
.section-slder.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 20px;
}
.section-slder.no-bottom-padding {
padding-top: 60px;
}
.slide-73, .slide-74, .slide-85, .slide-86, .slide-87, .slide-88 {
aspect-ratio: auto;
object-fit: fill;
}
.paragraph-small {
margin-left: 20px;
margin-right: 20px;
font-size: 16px;
}
.paragraph-small.centered {
text-align: center;
}
.slide-204 {
aspect-ratio: auto;
object-fit: fill;
}
.section-gallery-zimmerdetails {
padding-left: 0;
}
.section-gallery-zimmerdetails.bottom-padding-192 {
padding-bottom: 64px;
}
.section-gallery-zimmerdetails.no-bottom-padding {
padding-top: 40px;
}
.section-gallery-zimmerdetails.no-top-padding {
padding-bottom: 60px;
}
.section-gallery-zimmerdetails.padding-96 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-gallery-zimmerdetails.bg-color-1 {
padding-bottom: 100px;
}
.section-gallery-zimmerdetails.top-bottom-padding {
padding-bottom: 64px;
}
.container-reservierung {
padding-left: 2vw;
padding-right: 2vw;
}
.container-reservierung.cta-2 {
flex-direction: column;
width: 90%;
}
.container-reservierung.abstand {
padding-bottom: 60px;
}
.container-reservierung.a-z-distance-top {
padding-top: 100px;
}
.container-reservierung.agb {
margin-top: 75px;
}
.section-reservierungsteaser {
padding-left: 0;
}
.section-reservierungsteaser.padding-192.distance-bottom-no {
padding-top: 100px;
}
.section-reservierungsteaser.bottom-padding-192 {
flex-flow: column;
padding-bottom: 64px;
}
.section-reservierungsteaser.no-top-padding {
padding-bottom: 60px;
}
.section-reservierungsteaser.padding-96 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-reservierungsteaser.bg-color-1 {
padding-bottom: 100px;
}
.section-reservierungsteaser.top-bottom-padding {
padding-bottom: 64px;
}
.section-reservierungsteaser.padding-192-white.abstand-bottom.distance-top-no {
padding-top: 20px;
}
.section-reservierungsteaser.no-bottom-padding {
padding-top: 60px;
}
.subtitle-zimmerteaser {
margin-top: 40px;
font-size: 5.5vw;
}
.subtitle-zimmerteaser.italics {
align-self: center;
margin-top: 0;
}
.subtitle-zimmerteaser.italics.distance-top {
margin-top: 0;
}
.subtitle-zimmerteaser.light {
text-align: left;
margin-bottom: 10px;
padding-left: 0;
font-size: 5vw;
line-height: 24px;
display: flex;
}
.menu-text-block-bis-180324 {
font-size: 1rem;
}
.menu-text-vegetarisches-fisch-fleisch-bis-150424, .menu-text-suppe-bis-180324 {
margin-bottom: 60px;
font-size: 4.5vw;
}
.salon-zwischenheadline-suppe {
font-size: 1.6rem;
line-height: 2.2rem;
}
.menu-text-fleisch-bis-180324 {
margin-bottom: 60px;
font-size: 4.5vw;
}
.salon-zwischenheadline-k-sefondue-bis-180324-copy {
font-size: 1.6rem;
line-height: 2.2rem;
}
.menu-text-k-sefondue-bis-180324, .menu-text-dessert-bis-150424 {
margin-bottom: 60px;
font-size: 4.5vw;
}
.menu-text-block-ab-160424 {
font-size: 1rem;
}
.heading-56 {
font-size: 8vw;
line-height: 110%;
}
.heading-56.left {
text-align: center;
font-size: 9vw;
}
.heading-56.left.distance-top {
margin-top: 10px;
}
.heading-56.left.cenetred {
text-align: center;
}
.heading-57 {
font-size: 8vw;
line-height: 110%;
}
.heading-57.left {
text-align: center;
font-size: 9vw;
}
.heading-57.left.distance-top {
margin-top: 10px;
}
.heading-57.left.cenetred {
text-align: center;
}
.hero_anfrage, .hero2-image-overlay-anfrage {
height: 100%;
}
.kaesefondue {
margin-bottom: 20px;
font-size: 1.6rem;
line-height: 2.2rem;
}
.ostermen {
margin-left: 10px;
margin-right: 10px;
padding-bottom: 8px;
}
.ostermen.inner-spacing {
padding-left: 0;
}
.ostermen.centered {
text-align: left;
}
.ostermen.width-small {
max-width: 100vw;
}
.ostermen.allergene-abstand {
margin-bottom: 40px;
}
}
#w-node-_3e824ed7-12ab-072e-7ca8-32671c13ff24-38a494a2 {
grid-area: Area;
}
#w-node-b45193f4-b25a-c406-7151-8c01831a36e5-38a494a2 {
grid-area: Area-2;
}
#w-node-fb63b2f3-6ff6-11e1-1c83-17e8c863bfb7-38a494a2 {
grid-area: Area-3;
}
#w-node-_9ce6b1f4-930a-5747-baa4-6080f7aec469-38a494a2 {
grid-area: Area-4;
}
#w-node-fa076686-28b0-e54c-dc56-09600ee43816-84a49573 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-a7204c47-76d9-b664-fced-a38af7cb1570-84a49573 {
grid-area: 2 / 4 / 3 / 6;
}
#w-node-bdcc890f-8cc3-e57a-617d-4322725da9ae-84a49573 {
grid-area: 1 / 7 / 2 / 10;
}
#w-node-_0b3ec6fa-d6d4-b9f9-c2a3-39480fea69b3-84a49573 {
grid-area: 1 / 11 / 3 / 13;
}
#w-node-_3dbd0afd-df7d-8073-6f83-9493757de541-e8a49576, #w-node-_1e4e0e92-958f-b30b-5c84-1eef638d2d0b-e8a49576, #w-node-_776e8579-040d-16d0-0cf7-e34a94b64476-e8a49576, #w-node-a226737b-4bff-f582-ea44-a61f36226fd6-e8a49576, #w-node-_9760fd7a-de02-1690-1a42-bc75fcf07088-e8a49576 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_07ea048f-41e5-172d-affb-b5ac98aa4d95-e8a49576 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center end;
}
#w-node-d481c57c-0e0e-9c45-f38d-7da7adfbeb08-e8a49576 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_613d4081-7f5c-6da8-8317-18d18803eb46-e8a49576 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_902681b9-3aeb-449b-6c23-5e25c0f16837-e8a49576, #w-node-_902681b9-3aeb-449b-6c23-5e25c0f16849-e8a49576, #w-node-_902681b9-3aeb-449b-6c23-5e25c0f1684a-e8a49576, #w-node-_902681b9-3aeb-449b-6c23-5e25c0f1684b-e8a49576, #w-node-_902681b9-3aeb-449b-6c23-5e25c0f1684c-e8a49576, #w-node-_902681b9-3aeb-449b-6c23-5e25c0f1684d-e8a49576, #w-node-_902681b9-3aeb-449b-6c23-5e25c0f1684e-e8a49576, #w-node-_902681b9-3aeb-449b-6c23-5e25c0f1684f-e8a49576, #w-node-_902681b9-3aeb-449b-6c23-5e25c0f16850-e8a49576, #w-node-_902681b9-3aeb-449b-6c23-5e25c0f16851-e8a49576, #w-node-_902681b9-3aeb-449b-6c23-5e25c0f16852-e8a49576 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f4d2f5ec-8ec9-44a0-da6b-631d7d296331-74a70e1c {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-f4d2f5ec-8ec9-44a0-da6b-631d7d296333-74a70e1c {
grid-area: 2 / 4 / 3 / 6;
}
#w-node-f4d2f5ec-8ec9-44a0-da6b-631d7d296335-74a70e1c {
grid-area: 1 / 7 / 2 / 10;
}
#w-node-f4d2f5ec-8ec9-44a0-da6b-631d7d296337-74a70e1c {
grid-area: 1 / 11 / 3 / 13;
}
#w-node-_9347b755-8f60-495f-6268-b86e1b5a40cb-1b5a40c7 {
grid-area: Area-2;
}
#w-node-_9347b755-8f60-495f-6268-b86e1b5a40ce-1b5a40c7 {
grid-area: Area-3;
}
#w-node-_675b5f33-2c6b-3d29-d804-754eae27ebbb-7eedefde {
align-self: stretch;
}
#w-node-_1e353ca7-911c-d501-016d-4258bee078aa-7eedefde, #w-node-_4f2909c3-ae3f-a811-298e-4f98f3da47b6-7eedefde {
place-self: center;
}
#w-node-ad811a2c-6881-de0b-6b77-e0660ff09f44-7eedefde {
place-self: stretch stretch;
}
#w-node-_24abaffe-b1f3-e377-2d33-c65db6205d7e-7eedefde {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
display: none;
}
#w-node-df244165-f4c2-ac87-1b07-73912fea1d60-7eedefde, #w-node-_5e476289-8020-6a63-3640-80faf8179ebc-7eedefde {
grid-column: span 2 / span 2;
}
#w-node-fa076686-28b0-e54c-dc56-09600ee43816-e829919e {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-a7204c47-76d9-b664-fced-a38af7cb1570-e829919e {
grid-area: 2 / 4 / 3 / 6;
}
#w-node-bdcc890f-8cc3-e57a-617d-4322725da9ae-e829919e {
grid-area: 1 / 7 / 2 / 10;
}
#w-node-_0b3ec6fa-d6d4-b9f9-c2a3-39480fea69b3-e829919e {
grid-area: 1 / 11 / 3 / 13;
}
@media screen and (max-width: 991px) {
#w-node-_902681b9-3aeb-449b-6c23-5e25c0f16837-e8a49576 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1e353ca7-911c-d501-016d-4258bee078aa-7eedefde, #w-node-_4f2909c3-ae3f-a811-298e-4f98f3da47b6-7eedefde {
place-self: stretch;
}
#w-node-_24abaffe-b1f3-e377-2d33-c65db6205d7e-7eedefde {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 767px) {
#w-node-_24abaffe-b1f3-e377-2d33-c65db6205d7e-7eedefde {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-df244165-f4c2-ac87-1b07-73912fea1d60-7eedefde, #w-node-_5e476289-8020-6a63-3640-80faf8179ebc-7eedefde {
grid-column: span 2 / span 2;
}
}
@media screen and (max-width: 479px) {
#w-node-fa076686-28b0-e54c-dc56-09600ee43816-84a49573 {
grid-column: 1 / 5;
grid-row-end: 3;
}
#w-node-a7204c47-76d9-b664-fced-a38af7cb1570-84a49573 {
grid-column: 5 / 7;
grid-row-end: 4;
}
#w-node-bdcc890f-8cc3-e57a-617d-4322725da9ae-84a49573 {
grid-area: 5 / 1 / 7 / 4;
}
#w-node-_0b3ec6fa-d6d4-b9f9-c2a3-39480fea69b3-84a49573 {
grid-area: 6 / 4 / 8 / 7;
}
#w-node-_953dc96d-2c5c-e8a8-2727-12f20f350290-46a49574 {
grid-column-end: 1.99537;
grid-row: 4 / 5;
grid-column-start: 1;
}
#w-node-_902681b9-3aeb-449b-6c23-5e25c0f16837-e8a49576 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_953dc96d-2c5c-e8a8-2727-12f20f350290-74a70e1c {
grid-column-end: 1.99537;
grid-row: 4 / 5;
grid-column-start: 1;
}
#w-node-f4d2f5ec-8ec9-44a0-da6b-631d7d296331-74a70e1c {
grid-column: 1 / 5;
grid-row-end: 3;
}
#w-node-f4d2f5ec-8ec9-44a0-da6b-631d7d296333-74a70e1c {
grid-column: 5 / 7;
grid-row-end: 4;
}
#w-node-f4d2f5ec-8ec9-44a0-da6b-631d7d296335-74a70e1c {
grid-area: 5 / 1 / 7 / 4;
}
#w-node-f4d2f5ec-8ec9-44a0-da6b-631d7d296337-74a70e1c {
grid-area: 6 / 4 / 8 / 7;
}
#w-node-_675b5f33-2c6b-3d29-d804-754eae27ebbb-7eedefde {
justify-self: auto;
}
#w-node-fa076686-28b0-e54c-dc56-09600ee43816-e829919e {
grid-column: 1 / 5;
grid-row-end: 3;
}
#w-node-a7204c47-76d9-b664-fced-a38af7cb1570-e829919e {
grid-column: 5 / 7;
grid-row-end: 4;
}
#w-node-bdcc890f-8cc3-e57a-617d-4322725da9ae-e829919e {
grid-area: 5 / 1 / 7 / 4;
}
#w-node-_0b3ec6fa-d6d4-b9f9-c2a3-39480fea69b3-e829919e {
grid-area: 6 / 4 / 8 / 7;
}
}