#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:normal;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:.001s!important;animation-duration:.001s!important}#cookie-notice .cookie-notice-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin:-10px 0 0 0;width:15px;height:15px;opacity:.5;padding:10px;border:none;outline:none;background:none;box-shadow:none;cursor:pointer}.cn-close-icon:focus,.cn-close-icon:focus-visible{outline:2px solid currentColor;outline-offset:3px}.cn-close-icon:hover{opacity:1}.cn-close-icon:before,.cn-close-icon:after{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:rgba(128,128,128,1)}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:normal;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0 0 0 10px;text-align:center;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:none;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px 0}.cn-text-container,.cn-buttons-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
font-family: "Six Caps";
src: url(//yogiflownarts.de/wp-content/themes/main/sass/fonts/SixCaps-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
}        h1, h2, h3, h4, h5, p, div, li, table, a, input {
font-family: "Montserrat", Open Sans, Helvetica, Arial, sans-serif !important;
color: #41423c;
display: block;
font-size: 1rem;
margin: 0;
}
h1 { font-size: 2.5rem;
line-height: 2.5rem;
font-weight: 800;
}
h2 {
font-weight: 100;
letter-spacing: 0.07rem;
font-size: 2.125rem;
line-height: 2.125rem; }
h3 {
font-weight: 800;
font-size: 1.25rem;
line-height: 1.25rem;
margin: 1rem 0rem; }
h4 {
font-size: 0.75rem;
line-height: 0.75rem;
font-weight: 800;
}
h5 {
font-weight: 800;
font-size: 1.25rem;
line-height: 1.25rem;
margin: 1rem 0rem;
}
p, span, li {
margin: 0px !important;
font-size: 1rem;
font-weight: 200;
}
button, #cn-accept-cookie {
background-color: #343434 !important;
color: #faf7f2 !important;
padding: 0.5rem 1.5rem !important;
border-radius: 0px !important;
border: none !important;
width: fit-content !important;
font-weight: 300 !important;
cursor: pointer !important;
line-height: 1rem !important;
}
input, textarea {
border: none !important;
border-radius: 0 !important;
background-color: #e8ddcf !important;
}
input:focus, textarea:focus {
border: 1px solid #84777f !important;
background-color: #e8ddcf !important;
}
a {
color: #41423c;
text-decoration: none;
text-underline-offset: 3px;
}
a:hover, a:visited, a:active, a:focus {
color: #41423c;
}
ol li {
display: list-item;
}
.elementor-element-populated {
padding: 0px !important;
}
.elementor-widget:not(:last-child) {
margin: 0px !important;
}
* {
box-sizing: border-box;
}
#page {
display: none;
}
#primary {
padding: 75px 50px 0px 50px;
overflow-x: hidden;
background-color: #faf6f1;
min-height: 100vh;
}
#primary .elementor-top-section {
margin: 50px auto;
}
#primary .elementor-top-section:first-of-type {
margin: 0px auto;
}
@media screen and (max-width: 992px) {
h2 {
font-size: 2rem;
line-height: 2rem;
}
}
@media screen and (max-width: 768px) {
h1 {
font-size: 2rem;
line-height: 2rem;
}
#primary {
padding: 75px 25px 0px 25px;
}
h2 {
font-size: 1.625rem !important;
line-height: 1.625rem !important;
}
}    #masthead {
position: fixed;
top: 0;
left: 0;
z-index: 9;
width: 100%;
height: 75px;
padding: 10px 50px;
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
box-shadow: 0px 0px 20px #f5f5f550;
background-color: #faf6f1;
}
#masthead.higherZIndex {
z-index: 100;
}
#masthead .site-branding {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 100%;
}
#masthead .site-branding #logo {
width: 45px;
min-width: 45px;
height: 45px;
transition: all 0.3s ease-in-out;
}
#masthead .site-branding #logo img {
width: 100%;
height: 100%;
}
#masthead .site-branding .main-navigation {
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
padding-right: 50px;
}
#masthead .site-branding .main-navigation .menu-toggle {
display: none;
height: 32px;
width: 32px;
padding: 3px 0px;
position: absolute;
z-index: 2;
cursor: pointer;
}
#masthead .site-branding .main-navigation .menu-toggle .line {
display: block;
height: 2px;
width: 100%;
border-radius: 10px;
background: #343434;
}
#masthead .site-branding .main-navigation .menu-toggle .line.line1 {
transform-origin: 0% 0%;
transition: transform 0.4s ease-in-out;
}
#masthead .site-branding .main-navigation .menu-toggle .line.line2 {
transition: transform 0.2s ease-in-out;
}
#masthead .site-branding .main-navigation .menu-toggle .line.line3 {
transform-origin: 0% 100%;
transition: transform 0.4s ease-in-out;
}
#masthead .site-branding .main-navigation #primary-menu {
display: flex;
gap: 30px;
flex-direction: row;
}
#masthead .site-branding .main-navigation #primary-menu li {
height: 100%;
list-style-type: none;
}
#masthead .site-branding .main-navigation #primary-menu li a {
cursor: pointer;
padding: 5px;
font-weight: 800;
}
#masthead .site-branding .main-navigation #primary-menu li.current-menu-item::after {
width: 100%;
}
#masthead .site-branding .main-navigation #primary-menu li:hover::after {
width: 100%;
}
#masthead .site-branding .main-navigation #primary-menu li::after {
content: "";
position: absolute;
width: 0%;
height: 2px;
display: block;
transition: all 0.4s ease;
background-color: #84777f;
bottom: 0;
left: 0;
}
#masthead .site-branding .main-navigation.toggled .menu-toggle {
display: flex !important;
}
#masthead .site-branding .main-navigation.toggled .menu-toggle .line1 {
transform: rotate(45deg);
}
#masthead .site-branding .main-navigation.toggled .menu-toggle .line2 {
transform: scaleY(0);
}
#masthead .site-branding .main-navigation.toggled .menu-toggle .line3 {
transform: rotate(-45deg);
}
#masthead .site-branding .main-navigation.toggled #primary-menu {
display: flex !important;
flex-direction: column;
width: 100vw;
align-items: flex-end;
position: absolute;
top: 75px;
left: 0;
height: 100vh;
margin-top: 0;
padding: 5% 10% 5% 5% !important;
background-color: #faf6f1;
}
#masthead .site-branding .main-navigation.toggled #primary-menu > li {
height: auto !important;
width: fit-content;
}
#masthead .site-branding .main-navigation.toggled #primary-menu > li a {
font-size: 20px !important;
}
#masthead .site-branding .instaLogo a, #masthead .site-branding .instaLogo img {
width: 30px;
height: 30px;
}
#masthead .site-branding .instaLogo.showAtBottom {
display: block !important;
position: fixed;
left: 50%;
bottom: 5vh;
transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
header {
padding: 10px 25px !important;
}
header #logo {
width: 50px !important;
height: 50px !important;
min-width: 50px !important;
}
header .menu-toggle {
display: flex !important;
flex-direction: column;
justify-content: space-between;
}
header .main-navigation {
padding-right: 0px !important;
}
header #primary-menu {
display: none !important;
}
header .instaLogo {
display: none;
}
}
footer {
background-color: #faf6f1;
display: flex;
justify-content: center;
align-items: center;
min-height: 75px;
padding: 0px 50px;
position: relative;
z-index: 2;
}
footer .menu-footer-menu-container {
width: 100%;
max-width: 600px;
}
footer .menu-footer-menu-container .menu {
margin: 0px !important;
padding: 0px !important;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
footer .menu-footer-menu-container .menu li a {
font-weight: 800;
font-size: 0.75rem !important;
}
@media screen and (max-width: 768px) {
footer {
padding: 0px 25px;
}
}    body {
margin: 0;
}
body.page {
margin: 0 !important;
}
body.page #primary a {
display: inline;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
}
.entry-content {
margin: 0 !important;
}
#section_booking_confirm {
display: none;
}
#section_news {
background-color: #faf6f1;
}
#section_anfahrt h2 {
text-align: right;
margin-bottom: 2rem;
}
#section_anfahrt .elementor-element-4b4a1b5 .elementor-widget-text-editor {
padding: 2rem;
}
.wbk-outer-container {
height: 0;
overflow: hidden;
pointer-events: none;
display: none;
}
.pin-spacer {
background-color: #faf6f1; min-height: calc(100vh - 150px); }
#cookie-notice .cookie-notice-container {
display: flex !important;
align-items: center;
justify-content: center;
padding: 1rem 2.5rem 1rem 2rem;
}
#cookie-notice .cookie-notice-container .cookieImage {
height: 50px;
margin-right: 20px;
width: 50px;
}
#cookie-notice .cookie-notice-container #cn-notice-text {
margin-bottom: 0 !important;
}
#cookie-notice .cookie-notice-container #cn-notice-text a {
text-decoration: underline !important;
display: inline;
}
#cookie-notice .cookie-notice-container #cn-close-notice {
transform: translateY(-50%);
}
#cookie-notice.cookie-notice-hidden {
display: none;
}
.swiper-container-initialized .swiper-button-prev, .swiper-container-initialized .swiper-button-next {
color: #41423c;
font-weight: 100 !important;
}
@media screen and (max-width: 768px) {
#section_anfahrt h2 {
margin-bottom: 1rem;
}
#section_anfahrt .elementor-element-4b4a1b5 .elementor-widget-text-editor {
padding: 2rem 0 0 0;
}
}    .homeElement {
min-height: calc(100vh - 75px);
display: flex;
align-items: center;
}
.homeElement .innerWrapper {
display: grid;
grid-template-columns: calc(50% - 20px) calc(50% - 20px);
gap: 40px;
z-index: 1;
width: 100%;
}
.homeElement .innerWrapper .leftSide {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
border-bottom: 1px solid #84777f;
padding-bottom: 15px;
flex: 1;
}
.homeElement .innerWrapper .leftSide h1, .homeElement .innerWrapper .leftSide h2 {
text-transform: uppercase;
}
.homeElement .innerWrapper .leftSide h1 {
font-weight: 400 !important;
font-family: "Six Caps" !important;
letter-spacing: 1rem;
margin: 15px 0px;
font-size: 16rem !important;
line-height: 16rem !important;
}
.homeElement .innerWrapper .leftSide h2 {
margin: 0.5rem 0 0.5rem 1rem;
}
.homeElement .innerWrapper .rightSide {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
flex: 1;
font-weight: 200;
}
.homeElement .innerWrapper .rightSide > p {
height: 100%;
display: flex;
align-items: center;
}
.homeElement .innerWrapper .rightSide .bottomBar {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 10px;
}
.homeElement .innerWrapper .rightSide .bottomBar > div {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.homeElement .innerWrapper .rightSide .bottomBar > div p {
font-size: 0.875rem;
opacity: 0.8;
}
.homeElement .backgroundImage {
position: absolute;
left: 5%;
top: 100px;
pointer-events: none;
height: 50vh;
aspect-ratio: 1;
}
.newsElement {
min-height: calc(100vh - 75px);
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.newsElement .scrollWrapper {
width: calc(100% - 75px);
}
.newsElement .scrollWrapper h1 {
text-align: right;
margin-bottom: 1rem;
}
.newsElement .scrollWrapper .postSwiper {
height: 100%;
}
.newsElement .scrollWrapper .postSwiper .swiper-wrapper .swiper-slide {
display: grid;
grid-template-columns: 60% 40%;
position: relative;
}
.newsElement .scrollWrapper .postSwiper .swiper-wrapper .swiper-slide .leftSide {
display: flex;
flex-direction: column;
z-index: 1;
}
.newsElement .scrollWrapper .postSwiper .swiper-wrapper .swiper-slide .leftSide .postInfo {
display: grid;
grid-template-columns: 1fr 1fr;
display: inline-flex;
margin: 0.5rem 0;
}
.newsElement .scrollWrapper .postSwiper .swiper-wrapper .swiper-slide .leftSide .postInfo .postDay {
font-size: 3rem;
line-height: 3rem;
font-weight: 100;
margin-right: 10px !important;
}
.newsElement .scrollWrapper .postSwiper .swiper-wrapper .swiper-slide .leftSide .postInfo .wrapper {
display: flex;
flex-direction: column;
justify-content: center;
}
.newsElement .scrollWrapper .postSwiper .swiper-wrapper .swiper-slide .leftSide .postInfo .wrapper .postMonth {
font-size: 0.625rem;
font-weight: 800;
}
.newsElement .scrollWrapper .postSwiper .swiper-wrapper .swiper-slide .leftSide .postInfo .wrapper .postYear {
font-size: 1rem;
font-weight: 800;
}
.newsElement .scrollWrapper .postSwiper .swiper-wrapper .swiper-slide .leftSide .postTitle {
width: calc(100% + 50px);
border-top: 1px solid #84777f;
border-bottom: 1px solid #84777f;
}
.newsElement .scrollWrapper .postSwiper .swiper-wrapper .swiper-slide .leftSide .postTitle h3 {
margin: 0.5rem 0;
}
.newsElement .scrollWrapper .postSwiper .swiper-wrapper .swiper-slide .leftSide .postContent {
width: calc(100% + 50px);
border-bottom: 1px solid #84777f;
padding: 0.5rem 60px 0.5rem 0;
}
.newsElement .scrollWrapper .postSwiper .swiper-wrapper .swiper-slide .imageWrapper {
display: flex;
justify-content: center;
align-items: center;
}
.newsElement .scrollWrapper .postSwiper .swiper-wrapper .swiper-slide .imageWrapper img {
flex-shrink: 0;
min-width: 100%;
min-height: 100%;
max-height: 65vh;
object-fit: contain;
}
.newsElement .scrollWrapper .postSwiper .swiper-wrapper .swiper-slide.swiper-slide-active {
opacity: 1;
}
.newsElement .scrollWrapper .postSwiper .swiper-wrapper .swiper-slide.swiper-slide-next, .newsElement .scrollWrapper .postSwiper .swiper-wrapper .swiper-slide.swiper-slide-prev {
opacity: 0 !important;
}
.newsElement .scrollWrapper .postSwiper .swiper-button-next {
right: -3rem;
top: 50%;
}
.newsElement .scrollWrapper .postSwiper .swiper-button-next::after {
transform: scaleY(1.75);
content: ">";
}
.newsElement .scrollWrapper .postSwiper .swiper-button-prev {
left: -3rem;
top: 50%;
}
.newsElement .scrollWrapper .postSwiper .swiper-button-prev::after {
transform: scaleY(1.75);
content: "<";
}
.kursWrapper {
display: flex;
align-items: center;
justify-content: flex-end;
flex-direction: row;
background-color: #faf6f1;
min-height: calc(100vh - 75px);
}
.kursWrapper .scrollElement .insideWrapper {
position: relative;
display: grid;
grid-template-columns: calc(60% - 0.5rem) calc(40% - 0.5rem);
align-items: center;
gap: 1rem;
border-left: 1px solid #84777f;
margin-left: 3rem;
margin-top: 3rem;
}
.kursWrapper .scrollElement .insideWrapper .leftSide {
height: 100%;
padding: 2rem;
display: flex;
justify-content: space-between;
flex-direction: column;
gap: 10px;
}
.kursWrapper .scrollElement .insideWrapper .leftSide .textWrapper {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
flex-grow: 4;
}
.kursWrapper .scrollElement .insideWrapper .leftSide .datesWrapper {
flex-grow: 1;
}
.kursWrapper .scrollElement .insideWrapper .leftSide .datesWrapper > div {
margin: 10px 0px;
text-transform: uppercase;
}
.kursWrapper .scrollElement .insideWrapper .leftSide .datesWrapper .itemRow {
display: flex;
align-items: center;
width: 100%;
}
.kursWrapper .scrollElement .insideWrapper .leftSide .datesWrapper .itemRow > div {
width: 50%;
}
.kursWrapper .scrollElement .insideWrapper .leftSide .datesWrapper .eventsWithHeader {
display: flex;
gap: 5%;
flex-wrap: wrap;
align-items: center;
}
.kursWrapper .scrollElement .insideWrapper .leftSide .datesWrapper .eventsWithNoHeader ul {
margin: 0;
padding: 0;
}
.kursWrapper .scrollElement .insideWrapper .leftSide .datesWrapper > .flowDetails {
margin-right: 20px;
}
.kursWrapper .scrollElement .insideWrapper .leftSide > a {
width: fit-content;
}
.kursWrapper .scrollElement .insideWrapper .rightSide {
height: 100%;
}
.kursWrapper .scrollElement .insideWrapper .rightSide img {
min-height: 70vh;
width: 100%;
object-fit: cover;
height: 100%;
max-height: 100%;
}
.kursWrapper .scrollElement .insideWrapper .kursTitle {
position: absolute;
left: -3rem;
writing-mode: vertical-rl;
transform: rotate(180deg);
transition: all 0.5s;
text-transform: uppercase;
}
.kursWrapper .scrollElement .insideWrapper .kursTitle h2 {
line-height: 2.825rem;
}
.kursWrapper .scrollElement .insideWrapper .kursType {
position: absolute;
top: -3rem;
right: 0;
}
.kursWrapper .scrollElement .insideWrapper .kursType h2 {
text-transform: lowercase;
}
.bookingWrapper {
display: flex;
flex-direction: column;
gap: 3rem;
}
.bookingWrapper .infoWrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
}
.bookingWrapper .infoWrapper .leftSide h2 {
text-transform: uppercase;
padding: 0 5rem 0.5rem 0;
}
.bookingWrapper .infoWrapper .leftSide .lowerPart {
border-top: 1px solid #84777f;
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
padding: 0.5rem 0 0 0;
flex-wrap: wrap;
}
.bookingWrapper .infoWrapper .leftSide .lowerPart .dateDetails {
display: flex;
gap: 1rem;
align-items: center;
flex-wrap: wrap;
}
.bookingWrapper .infoWrapper .leftSide .lowerPart .dateDetails .littleDateBox {
min-width: fit-content;
}
.bookingWrapper .infoWrapper .leftSide .lowerPart .dateDetails .littleDateBox > h4, .bookingWrapper .infoWrapper .leftSide .lowerPart .dateDetails .littleDateBox p {
text-transform: uppercase;
}
.bookingWrapper .infoWrapper .leftSide .lowerPart .dateDetails.breakLine {
flex-direction: column;
gap: 0.5rem !important;
width: 100%;
}
.bookingWrapper .infoWrapper .leftSide .lowerPart .dateDetails.breakLine .nextLineWrapper {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.bookingWrapper .bookingForm {
display: none;
grid-template-columns: repeat(3, 1fr);
gap: 4rem;
}
.bookingWrapper .bookingForm .box {
background-color: #41423c;
min-height: 300px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
gap: 2rem;
padding: 2rem;
transition: background-color 0.5s;
width: calc((100vw - 100px - 13px - 8rem) / 3);
max-width: calc((1140px - 8rem) / 3);
}
.bookingWrapper .bookingForm .box p, .bookingWrapper .bookingForm .box div, .bookingWrapper .bookingForm .box h2, .bookingWrapper .bookingForm .box h4 {
color: #faf6f1 !important;
}
.bookingWrapper .bookingForm .box h2 {
font-size: 3rem !important;
}
.bookingWrapper .bookingForm .box .innerBoxWrapper {
display: flex;
justify-content: flex-start;
flex-grow: 1;
flex-direction: column;
width: 100%;
padding: 5px 0px;
}
.bookingWrapper .bookingForm .box .innerBoxWrapper .inputFieldWrapper {
display: flex;
flex-direction: column;
width: 100%;
border-bottom: 1px solid #faf6f1;
}
.bookingWrapper .bookingForm .box .innerBoxWrapper .inputFieldWrapper .labelLine {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.5rem 0px;
}
.bookingWrapper .bookingForm .box .innerBoxWrapper .inputFieldWrapper .labelLine > p {
font-size: 1.25rem !important;
}
.bookingWrapper .bookingForm .box .innerBoxWrapper .inputFieldWrapper .labelLine .plusSign {
font-size: 1.5rem !important;
cursor: pointer;
}
.bookingWrapper .bookingForm .box .innerBoxWrapper .inputFieldWrapper .inputLine {
width: 100%;
display: none;
}
.bookingWrapper .bookingForm .box .innerBoxWrapper .inputFieldWrapper .inputLine .singleLine.isSelected {
color: #000000 !important;
}
.bookingWrapper .bookingForm .box .innerBoxWrapper .inputFieldWrapper .inputLine.expanded {
display: block;
}
.bookingWrapper .bookingForm .box .innerBoxWrapper .inputFieldWrapper.inputMissing {
border: 1px solid #944b4b !important;
}
.bookingWrapper .bookingForm .box .innerBoxWrapper.inputMissing {
border: 1px solid #944b4b !important;
}
.bookingWrapper .bookingForm .box.nameBox .inputFieldWrapper:first-of-type, .bookingWrapper .bookingForm .box.paymentBox .inputFieldWrapper:first-of-type {
border-top: 1px solid #faf6f1;
}
.bookingWrapper .bookingForm .box.nameBox .inputFieldWrapper, .bookingWrapper .bookingForm .box.paymentBox .inputFieldWrapper {
padding: 0.5rem 0rem;
}
.bookingWrapper .bookingForm .box.nameBox .inputFieldWrapper .inputLine p, .bookingWrapper .bookingForm .box.paymentBox .inputFieldWrapper .inputLine p {
color: #000000 !important;
}
.bookingWrapper .bookingForm .box.nameBox .inputFieldWrapper.isDeactivated, .bookingWrapper .bookingForm .box.paymentBox .inputFieldWrapper.isDeactivated {
pointer-events: none;
opacity: 0.5;
}
.bookingWrapper .bookingForm .box.nameBox.boxActive .inputFieldWrapper:first-of-type, .bookingWrapper .bookingForm .box.paymentBox.boxActive .inputFieldWrapper:first-of-type {
border-top: 1px solid #343434;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper {
overflow: hidden;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper {
width: 100%;
height: 100%;
position: relative;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide {
padding: 0 0.125rem;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide .monthName {
color: #faf6f1;
text-align: center;
font-size: 1.25rem !important;
padding: 0.5rem 0 !important;
border-top: 1px solid #faf6f1;
border-bottom: 1px solid #faf6f1;
text-transform: uppercase;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide .inputFieldWrapper {
border-bottom: 1px solid #faf6f1;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide .inputFieldWrapper .labelLine {
padding: 0.25rem 0px !important;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide .inputFieldWrapper .labelLine .plusSign {
cursor: pointer;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide .inputFieldWrapper .isFullWrapper {
display: none;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide .inputFieldWrapper .isFullWrapper > p {
font-size: 0.75rem !important;
margin-bottom: 0.5rem !important;
padding: 0 0.25rem;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide .inputFieldWrapper .isFullWrapper.expanded {
display: block;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide .inputFieldWrapper .inputLine .singleLine {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0.25rem;
cursor: pointer;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide .inputFieldWrapper .inputLine .singleLine span:nth-child(1) {
margin-right: 0.5rem !important;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide .inputFieldWrapper .inputLine .singleLine span:nth-child(3) {
margin-left: 0.5rem !important;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide .inputFieldWrapper .inputLine .singleLine .filler {
border-bottom: 1px dashed #000000;
flex-grow: 1;
height: 1rem;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide .inputFieldWrapper .inputLine .singleLine span {
font-size: 0.75rem !important;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide .inputFieldWrapper .inputLine .singleLine.isSelected {
background-color: #e8ddcf;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide .inputFieldWrapper .inputLine.expanded {
margin-bottom: 0.5rem;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide.swiper-slide-next, .bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-wrapper .swiper-slide.swiper-slide-prev {
opacity: 0;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-button-next, .bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-button-prev {
top: 1.5rem;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-button-next::after, .bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-button-prev::after {
font-size: 1rem !important;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-button-prev {
justify-content: flex-start !important;
left: 0.25rem !important;
}
.bookingWrapper .bookingForm .box.dateBox .innerBoxWrapper .calendarSwiper .swiper-button-next {
justify-content: flex-end !important;
right: 0.25rem !important;
}
.bookingWrapper .bookingForm .box.paymentBox .topLineWrapper {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.bookingWrapper .bookingForm .box.paymentBox .topLineWrapper h4 {
font-size: 1.5rem !important;
font-weight: 100 !important;
}
.bookingWrapper .bookingForm .box.paymentBox .labelLine {
padding: 0.5rem 0.5rem !important;
}
.bookingWrapper .bookingForm .box.paymentBox .labelLine.expanded {
background-color: #e8ddcf;
}
.bookingWrapper .bookingForm .box.paymentBox .labelLine.expanded > p {
color: #000000 !important;
}
.bookingWrapper .bookingForm .box.paymentBox .inputLine.expanded {
padding: 0 0.5rem 0.5rem 0.5rem;
background-color: #e8ddcf;
}
.bookingWrapper .bookingForm .box.boxActive {
background-color: transparent !important;
border: 1px solid #343434;
}
.bookingWrapper .bookingForm .box.boxActive h2, .bookingWrapper .bookingForm .box.boxActive h4, .bookingWrapper .bookingForm .box.boxActive p, .bookingWrapper .bookingForm .box.boxActive span, .bookingWrapper .bookingForm .box.boxActive .filler, .bookingWrapper .bookingForm .box.boxActive .swiper-button-next, .bookingWrapper .bookingForm .box.boxActive .swiper-button-prev {
color: #000000 !important;
}
.bookingWrapper .bookingForm .box.boxActive .monthName {
border-top: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
color: #000000 !important;
}
.bookingWrapper .bookingForm .box.boxActive .inputFieldWrapper {
border-bottom: 1px solid #000000 !important;
}
.bookingWrapper .bookingForm.twoColumns {
grid-template-columns: repeat(2, 1fr);
}
.bookingWrapper .bookingForm.twoColumns .box {
width: 100%;
max-width: none !important;
}
.bookingWrapper .bookingForm.twoColumns .box.dateBox {
display: none !important;
}
.bookingWrapper .isFullWrapperBox {
display: none;
width: 100%;
justify-content: center;
}
.bookingWrapper .isFullWrapperBox > p {
max-width: 500px;
border: 1px solid #84777f;
padding: 1rem;
}
.bookingWrapper .isFullWrapperBox.isVisible {
display: flex !important;
}
.bookingWrapper .loadingSign {
display: flex;
justify-content: center;
}
.bookingWrapper .loadingSign .lds-ring {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.bookingWrapper .loadingSign .lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 64px;
height: 64px;
margin: 8px;
border: 8px solid #41423c;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #41423c transparent transparent transparent;
}
.bookingWrapper .loadingSign .lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.bookingWrapper .loadingSign .lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.bookingWrapper .loadingSign .lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.bookingWrapper .submitButtonWrapper {
display: none;
flex-direction: column;
align-items: center;
}
.bookingWrapper .submitButtonWrapper .innerWrapper {
max-width: 325px;
display: flex;
flex-direction: column;
align-items: center;
}
.bookingWrapper .submitButtonWrapper .innerWrapper .checkboxWrapper {
padding: 0.5rem 0.5rem;
margin-bottom: 1rem;
display: none;
gap: 1rem;
align-items: center;
}
.bookingWrapper .submitButtonWrapper .innerWrapper .checkboxWrapper a {
text-decoration: underline !important;
display: inline;
}
.bookingWrapper .submitButtonWrapper .innerWrapper .checkboxWrapper.inputMissing {
border: 1px solid #944b4b !important;
}
.bookingWrapper .submitButtonWrapper .innerWrapper .checkboxWrapper.isVisible {
display: flex !important;
}
.bookingWrapper .submitButtonWrapper .innerWrapper button {
width: calc(100% - 1rem);
}
.bookingSuccessWrapper {
display: flex;
flex-direction: column;
align-items: flex-end;
position: relative;
top: -50px;
}
.bookingSuccessWrapper h2 {
text-align: right;
margin-bottom: 1rem;
width: 100%;
}
.bookingSuccessWrapper .innerWrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
max-width: 900px;
}
.bookingSuccessWrapper .innerWrapper .leftSide {
display: flex;
flex-direction: column;
}
.bookingSuccessWrapper .innerWrapper .leftSide h3 {
font-size: 4rem;
line-height: 5rem;
margin-bottom: 1rem;
}
.bookingSuccessWrapper .innerWrapper .leftSide ul.detailsList {
padding: 0;
margin: 0;
width: calc(100% + 75px);
z-index: 1;
}
.bookingSuccessWrapper .innerWrapper .leftSide ul.detailsList li {
padding: 0.5rem 0;
border-bottom: 1px solid #84777f;
}
.bookingSuccessWrapper .innerWrapper .leftSide ul.detailsList li:first-of-type {
border-top: 1px solid #84777f;
text-transform: uppercase;
}
.bookingSuccessWrapper .innerWrapper .imageWrapper img {
height: 100%;
width: 100%;
max-height: 600px;
object-fit: cover;
}
.wartelisteElement {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.wartelisteElement h2 {
text-align: right;
margin-bottom: 1rem;
width: 100%;
}
.wartelisteElement .innerWrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
}
.wartelisteElement .innerWrapper .leftSide {
display: flex;
flex-direction: column;
}
.wartelisteElement .innerWrapper .leftSide > h3 {
text-transform: uppercase;
padding-bottom: 1rem;
border-bottom: 1px solid #84777f;
}
.wartelisteElement .innerWrapper .leftSide > p {
margin: 1rem 0 !important;
}
.wartelisteElement .innerWrapper .leftSide h4 {
margin-top: 1rem;
}
.wartelisteElement .innerWrapper .leftSide .fluentform {
width: 100%;
}
.wartelisteElement .innerWrapper .leftSide .fluentform fieldset {
display: flex;
flex-direction: column;
gap: 2rem;
}
.wartelisteElement .innerWrapper .leftSide .fluentform fieldset .ff_screen_reader_title {
display: none;
}
.wartelisteElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) {
display: flex;
flex-direction: row;
align-items: center;
position: relative;
gap: 1rem;
margin: 0px;
}
.wartelisteElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) > h3 {
min-width: 2.5rem;
}
.wartelisteElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) .innerFlexWrapper {
border-top: 1px solid #84777f;
border-bottom: 1px solid #84777f;
padding: 10px 0;
display: flex;
flex-direction: column;
width: 100%;
}
.wartelisteElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) .innerFlexWrapper .ff-el-input--label {
position: static;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 0px;
}
.wartelisteElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) .innerFlexWrapper .ff-el-input--label label {
font-size: 1.25rem;
font-weight: 100;
}
.wartelisteElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) .innerFlexWrapper .ff-el-input--label label::after {
display: none;
}
.wartelisteElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) .innerFlexWrapper .ff-el-input--label .plusSign {
font-size: 1.5rem;
cursor: pointer;
}
.wartelisteElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) .innerFlexWrapper .ff-el-input--content {
width: calc(100% - 50px);
max-height: 0px;
height: 0px;
overflow: hidden;
transition: all 1s;
}
.wartelisteElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) .innerFlexWrapper .ff-el-input--content.expanded {
max-height: none;
height: auto !important;
max-height: 200px;
}
.wartelisteElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper).hideInput {
display: none;
}
.wartelisteElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper)::before {
display: none !important;
}
.wartelisteElement .innerWrapper .leftSide .fluentform .ff-message-success {
border: none !important;
box-shadow: none !important;
padding: 0px !important;
}
.wartelisteElement .innerWrapper .leftSide .fluentform .ff-message-success .checkmark__circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 2;
stroke-miterlimit: 10;
stroke: #343434;
fill: #343434;
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.wartelisteElement .innerWrapper .leftSide .fluentform .ff-message-success .checkmark {
width: 56px;
height: 56px;
border-radius: 50%;
display: block;
stroke-width: 2;
stroke: #faf6f1;
stroke-miterlimit: 10;
margin: 5% auto;
box-shadow: inset 0px 0px 0px #343434;
animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
.wartelisteElement .innerWrapper .leftSide .fluentform .ff-message-success .checkmark__check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
100% {
stroke-dashoffset: 0;
}
}
@keyframes scale {
0%, 100% {
transform: none;
}
50% {
transform: scale3d(1.1, 1.1, 1);
}
}
@keyframes fill {
100% {
box-shadow: inset 0px 0px 0px 30px #7ac142;
}
}
.wartelisteElement .innerWrapper .imageWrapper {
display: flex;
justify-content: center;
align-items: center;
}
.wartelisteElement .innerWrapper .imageWrapper img {
max-height: 100%;
flex-shrink: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.aboutElement {
margin: 3vh 0;
}
.aboutElement > h1 {
text-align: right;
}
.aboutElement.oneColumn > h1 {
margin-bottom: 1rem;
}
.aboutElement.oneColumn .oneColumnWrapper {
position: relative;
display: grid;
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column;
align-items: center;
gap: 10px;
border-left: 1px solid #84777f;
margin-left: 3rem;
}
.aboutElement.oneColumn .oneColumnWrapper .leftSide {
height: 100%;
padding: 2rem;
display: flex;
justify-content: space-between;
flex-direction: column;
gap: 10px;
}
.aboutElement.oneColumn .oneColumnWrapper .leftSide .textWrapper {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
flex-grow: 4;
}
.aboutElement.oneColumn .oneColumnWrapper .rightSide {
height: 100%;
}
.aboutElement.oneColumn .oneColumnWrapper .rightSide .aboutPicSwiper {
position: relative;
}
.aboutElement.oneColumn .oneColumnWrapper .rightSide .aboutPicSwiper .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}
.aboutElement.oneColumn .oneColumnWrapper .rightSide .aboutPicSwiper .swiper-slide img {
max-height: 75vh;
min-height: 60vh;
width: 100%;
object-fit: cover;
}
.aboutElement.oneColumn .oneColumnWrapper .rightSide .aboutPicSwiper .buttonWrapper {
position: relative;
height: 50px;
padding: 0 20%;
display: flex;
justify-content: space-evenly;
align-items: center;
}
.aboutElement.oneColumn .oneColumnWrapper .rightSide .aboutPicSwiper .buttonWrapper .swiper-button-prev, .aboutElement.oneColumn .oneColumnWrapper .rightSide .aboutPicSwiper .buttonWrapper .swiper-button-next {
position: relative;
top: 0 !important;
left: 0 !important;
margin: 0px !important;
}
.aboutElement.oneColumn .oneColumnWrapper .rightSide .aboutPicSwiper .buttonWrapper .swiper-button-next {
right: -3rem;
top: 50%;
}
.aboutElement.oneColumn .oneColumnWrapper .rightSide .aboutPicSwiper .buttonWrapper .swiper-button-next::after {
transform: scaleY(1.5);
content: ">";
}
.aboutElement.oneColumn .oneColumnWrapper .rightSide .aboutPicSwiper .buttonWrapper .swiper-button-prev {
left: -3rem;
top: 50%;
}
.aboutElement.oneColumn .oneColumnWrapper .rightSide .aboutPicSwiper .buttonWrapper .swiper-button-prev::after {
transform: scaleY(1.5);
content: "<";
}
.aboutElement.oneColumn .oneColumnWrapper .rightSide > img {
object-fit: cover;
width: 100%;
max-height: 85vh;
}
.aboutElement.oneColumn .oneColumnWrapper .title {
position: absolute;
left: -3rem;
writing-mode: vertical-rl;
transform: rotate(180deg);
transition: all 0.5s;
text-transform: uppercase;
}
.aboutElement.oneColumn .oneColumnWrapper .title h3 {
line-height: 2.825rem;
}
.aboutElement.twoColumns > h1 {
margin-right: 15px;
}
.aboutElement.twoColumns .grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.aboutElement.twoColumns .grid-container > div {
padding: 20px;
}
.aboutElement.twoColumns .grid-container .titleBox {
word-spacing: 9999rem;
text-align: right;
border-right: 2px solid #84777f;
display: flex;
align-items: flex-end;
}
.aboutElement.twoColumns .grid-container .pictureBox {
background-size: cover;
background-repeat: no-repeat;
padding: 0px;
margin: 20px;
}
.aboutElement.twoColumns .grid-container .littleText {
display: flex;
justify-content: end;
align-items: end;
border-right: 2px solid #84777f;
border-top: 2px solid #84777f;
padding-bottom: 0px;
}
.aboutElement.twoColumns .grid-container .littleText h5 {
margin-top: 5px;
text-align: right;
}
.aboutElement.twoColumns .grid-container .littleText p {
text-align: right;
}
.aboutElement.twoColumns .grid-container .contentBox {
border-top: 2px solid #84777f;
padding-bottom: 0px;
}
.aboutElement.twoColumns .grid-container .contentBox h3 {
margin-bottom: 1rem;
}
.kontaktElement {
min-height: calc(100vh - 75px);
position: relative;
display: flex;
align-items: flex-end;
flex-direction: column;
justify-content: center;
}
.kontaktElement h2 {
font-size: 4rem;
line-height: 5rem;
margin-bottom: 1rem;
width: 100%;
}
.kontaktElement .innerWrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
max-width: 900px;
width: 100%;
}
.kontaktElement .innerWrapper .leftSide {
display: flex;
flex-direction: column;
}
.kontaktElement .innerWrapper .leftSide h3 {
font-size: 4rem;
line-height: 5rem;
margin-bottom: 1rem;
}
.kontaktElement .innerWrapper .leftSide .fluentform {
width: 100%;
}
.kontaktElement .innerWrapper .leftSide .fluentform fieldset .ff_screen_reader_title {
display: none;
}
.kontaktElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) {
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
border-top: 1px solid #84777f;
margin: 0px;
padding: 10px 0px;
width: calc(100% + 50px);
}
.kontaktElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) .ff-el-input--label {
position: static;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 0px;
}
.kontaktElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) .ff-el-input--label label {
font-size: 1.25rem;
font-weight: 100;
}
.kontaktElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) .ff-el-input--label label::after {
display: none;
}
.kontaktElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) .ff-el-input--label .plusSign {
font-size: 1.5rem;
cursor: pointer;
}
.kontaktElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) .ff-el-input--content {
width: calc(100% - 50px);
max-height: 0px;
height: 0px;
overflow: hidden;
transition: all 1s;
}
.kontaktElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper) .ff-el-input--content.expanded {
max-height: none;
height: auto !important;
max-height: 200px;
}
.kontaktElement .innerWrapper .leftSide .fluentform fieldset > .ff-el-group:not(.ff_submit_btn_wrapper).lastElement {
border-bottom: 1px solid #84777f;
}
.kontaktElement .innerWrapper .leftSide .fluentform fieldset .ff_submit_btn_wrapper {
display: flex;
justify-content: center;
align-items: center;
margin: 30px 0 0 0;
}
.kontaktElement .innerWrapper .leftSide .fluentform fieldset .ff_submit_btn_wrapper button {
background-color: #41423c;
padding: 0.5rem 2.5rem;
border-radius: 0px;
border: none;
width: fit-content;
font-weight: 100;
font-size: 1rem;
line-height: 1rem;
}
.kontaktElement .innerWrapper .leftSide .fluentform .ff-message-success {
border: none !important;
box-shadow: none !important;
padding: 0px !important;
}
.kontaktElement .innerWrapper .leftSide .fluentform .ff-message-success p {
border-top: 1px solid #84777f;
border-bottom: 1px solid #84777f;
width: calc(100% + 80px);
padding: 0.5rem 0;
}
.kontaktElement .innerWrapper .imageWrapper {
display: flex;
justify-content: center;
align-items: center;
}
.kontaktElement .innerWrapper .imageWrapper img {
max-height: 500px;
flex-shrink: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.mapsKontaktElement h1 {
text-align: right;
margin-bottom: 1rem;
}
.mapsKontaktElement .innerWrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.mapsKontaktElement .innerWrapper .leftSide {
display: flex;
flex-direction: column;
gap: 40px;
}
.mapsKontaktElement .innerWrapper .leftSide h5, .mapsKontaktElement .innerWrapper .leftSide p {
border-bottom: 1px solid #84777f;
padding: 0.5rem 0;
margin: 0;
}
.mapsKontaktElement .innerWrapper .mapsWrapper {
min-height: 350px;
}
.mapsKontaktElement .innerWrapper .mapsWrapper iframe {
height: 100%;
-webkit-filter: grayscale(100%);
}
.legalPageElement h1 {
text-align: right;
margin-bottom: 1.5rem;
}
.legalPageElement h2 {
margin: 1.5rem 0rem;
font-size: 1.5rem;
}
.legalPageElement ol {
list-style: decimal-leading-zero;
margin: 0px !important;
padding-inline-start: 2rem;
}
.legalPageElement ol li {
font-weight: 200;
margin-bottom: 2rem;
}
@media screen and (max-width: 1200px) {
.newsElement .swiper-button-next {
right: -1rem !important;
}
.newsElement .swiper-button-prev {
left: -1rem !important;
}
}
@media screen and (max-width: 992px) {
.aboutElement .swiper-button-next, .aboutElement .swiper-button-prev {
top: 25% !important;
font-size: 0.75rem !important;
}
.aboutElement .swiper-button-next.after, .aboutElement .swiper-button-prev.after {
font-size: 2.25rem !important;
}
.aboutElement.twoColumns {
border-bottom: 2px solid #84777f !important;
}
.aboutElement.twoColumns > h1 {
margin-right: 0px !important;
}
.aboutElement.twoColumns .grid-container > div {
grid-column: span 3 !important;
padding: 10px 0px !important;
border: none !important;
}
.aboutElement.twoColumns .grid-container .pictureBox {
margin: 10px 0px;
min-height: 200px;
}
.aboutElement.twoColumns .grid-container .pictureBox.box-1 {
order: 1;
}
.aboutElement.twoColumns .grid-container .contentBox.box-1 {
order: 2;
}
.aboutElement.twoColumns .grid-container .titleBox {
order: 3;
word-spacing: unset;
text-align: left;
padding: 25px 0px;
}
.aboutElement.twoColumns .grid-container .pictureBox.box-2 {
order: 4;
}
.aboutElement.twoColumns .grid-container .contentBox.box-2 {
order: 5;
}
.aboutElement.twoColumns .grid-container .littleText {
order: 6;
}
.bookingWrapper .bookingForm {
grid-template-columns: repeat(1, 1fr) !important;
gap: 2rem !important;
}
.bookingWrapper .bookingForm .box {
width: calc(100vw - 100px) !important;
max-width: none !important;
}
.bookingWrapper .bookingForm .box .swiper-slide {
width: calc(100% + 2px) !important;
}
.kontaktElement .box {
left: 10%;
}
}
@media screen and (max-width: 768px) {
.homeElement {
top: 0px !important;
}
.homeElement .leftSide {
border-bottom: none !important;
align-items: center !important;
}
.homeElement .leftSide .innerTitle h1, .homeElement .leftSide .innerTitle h2 {
width: 100%;
text-align: center !important;
}
.homeElement .leftSide .innerTitle h1 {
font-size: 10rem !important;
line-height: 10rem !important;
margin: 0 !important;
}
.homeElement .leftSide .innerTitle h2 {
font-size: 1.45rem !important;
margin-left: -6px !important;
}
.homeElement .rightSide {
align-items: center !important;
}
.homeElement .rightSide > p {
text-align: center;
}
.homeElement .rightSide .bottomBar {
margin-top: 2rem !important;
}
.homeElement .backgroundImage {
left: 0px !important;
top: 0px !important;
}
.homeElement .leftSide, .homeElement .rightSide {
grid-column: span 2;
}
.homeElement h2 {
width: 100%;
margin-left: 0px !important;
text-align: right;
}
.newsElement .scrollWrapper {
width: calc(100% - 25px);
}
.newsElement .scrollWrapper h1 {
margin-bottom: 0px;
}
.newsElement .scrollWrapper .postSwiper .swiper-slide .leftSide {
grid-column: span 2;
}
.newsElement .scrollWrapper .postSwiper .swiper-slide .leftSide .postInfo {
margin: 0.375rem 0 !important;
}
.newsElement .scrollWrapper .postSwiper .swiper-slide .leftSide .postInfo .postDay {
font-size: 2.5rem !important;
line-height: 2.5rem !important;
}
.newsElement .scrollWrapper .postSwiper .swiper-slide .leftSide .postInfo .postMonth, .newsElement .scrollWrapper .postSwiper .swiper-slide .leftSide .postInfo .postYear {
font-weight: 600 !important;
}
.newsElement .scrollWrapper .postSwiper .swiper-slide .leftSide .postTitle {
width: 100% !important;
}
.newsElement .scrollWrapper .postSwiper .swiper-slide .leftSide .postTitle h2 {
margin: 0.375rem 0 !important;
}
.newsElement .scrollWrapper .postSwiper .swiper-slide .leftSide .postContent {
width: 100% !important;
padding-right: 0 !important;
border-bottom: none !important;
}
.newsElement .scrollWrapper .postSwiper .swiper-slide .leftSide .swiper-button-prev::after, .newsElement .scrollWrapper .postSwiper .swiper-slide .leftSide .swiper-button-next::after {
font-size: 2.5rem !important;
}
.newsElement .scrollWrapper .postSwiper .swiper-slide .imageWrapper {
grid-column: span 2;
}
.newsElement .scrollWrapper .swiper-button-prev {
left: -1.5rem !important;
}
.newsElement .scrollWrapper .swiper-button-prev::after {
font-size: 2.5rem !important;
}
.newsElement .scrollWrapper .swiper-button-next {
right: -1.5rem !important;
}
.newsElement .scrollWrapper .swiper-button-next::after {
font-size: 2.5rem !important;
}
.kursWrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.kursWrapper .topContent {
display: flex;
}
.kursWrapper .insideWrapper {
grid-template-columns: auto !important;
margin-left: 0 !important;
border-left: none !important;
}
.kursWrapper .insideWrapper .kursTitle {
position: relative !important;
left: 0px !important;
writing-mode: lr !important;
transform: none !important;
}
.kursWrapper .insideWrapper .kursType {
top: -2rem !important;
}
.kursWrapper .insideWrapper .leftSide {
padding: 0 !important;
}
.kursWrapper .insideWrapper .leftSide .textWrapper h5 {
margin-top: 0.5rem !important;
}
.kursWrapper .insideWrapper .leftSide .datesWrapper {
display: flex;
gap: 15%;
flex-wrap: wrap;
}
.kursWrapper .insideWrapper .rightSide {
order: -1;
}
.kursWrapper .insideWrapper .rightSide img {
max-height: 50vh !important;
}
.bookingWrapper {
gap: 2rem !important;
}
.bookingWrapper .infoWrapper h2, .bookingWrapper .infoWrapper .lowerPart {
padding-right: 2.5rem !important;
}
.bookingWrapper .bookingForm .box {
width: calc(100vw - 50px) !important;
}
.bookingSuccessWrapper .innerWrapper {
grid-template-columns: repeat(1, 1fr);
width: 100%;
}
.bookingSuccessWrapper .innerWrapper .leftSide {
order: 1;
}
.bookingSuccessWrapper .innerWrapper .leftSide > h2 {
text-align: center;
font-size: 2.5rem !important;
line-height: 2.5rem !important;
}
.bookingSuccessWrapper .innerWrapper .leftSide > .detailsList {
width: 100% !important;
}
.bookingSuccessWrapper .innerWrapper .imageWrapper {
display: flex;
justify-content: center;
align-items: center;
max-height: 40vh;
}
.bookingSuccessWrapper .innerWrapper .imageWrapper img {
max-height: 100%;
flex-shrink: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.wartelisteElement .innerWrapper {
grid-template-columns: 1fr;
gap: 2rem !important;
}
.wartelisteElement .innerWrapper .leftSide {
order: 1;
}
.wartelisteElement .innerWrapper .leftSide .fluentform .ff-el-group {
gap: 0.5rem !important;
}
.wartelisteElement .innerWrapper .imageWrapper {
max-height: 40vh;
}
.aboutElement.oneColumn > h1 {
margin-bottom: 0 !important;
}
.aboutElement.oneColumn .oneColumnWrapper {
margin-left: 0px !important;
border: none !important;
gap: 0px !important;
grid-auto-flow: row;
}
.aboutElement.oneColumn .oneColumnWrapper .leftSide {
order: 2;
grid-column: 2 span;
padding: 0 !important;
}
.aboutElement.oneColumn .oneColumnWrapper .rightSide {
order: 3;
grid-column: 2 span;
}
.aboutElement.oneColumn .oneColumnWrapper .rightSide .aboutPicSwiper {
margin: 0.5rem 0 !important;
}
.aboutElement.oneColumn .oneColumnWrapper .rightSide .swiper-slide img {
width: 100% !important;
}
.aboutElement.oneColumn .oneColumnWrapper .title {
order: 2;
position: relative !important;
left: 0 !important;
writing-mode: lr !important;
transform: none !important;
transition: all 0.5s;
text-transform: uppercase;
grid-column: 2 span;
}
.mapsKontaktElement .innerWrapper {
grid-template-columns: 1fr;
}
.mapsKontaktElement .innerWrapper .leftSide {
gap: 20px;
}
.mapsKontaktElement .innerWrapper .leftSide .infoElement p, .mapsKontaktElement .innerWrapper .leftSide .infoElement h5 {
text-align: center;
}
}
@media screen and (max-width: 578px) {
.homeElement {
margin-top: 0px !important;
}
.homeElement .leftSide {
border-bottom: none !important;
}
.homeElement .leftSide h1, .homeElement .leftSide h2 {
width: 100%;
text-align: center;
}
.homeElement .rightSide > p {
text-align: center;
}
.homeElement .backgroundImage {
left: 0px !important;
top: 0px !important;
}
.kursWrapper .rightSide img {
max-height: 50vh !important;
}
.kursWrapper .datesWrapper {
gap: 0 !important;
justify-content: space-between;
}
.bookingWrapper .infoWrapper {
gap: 2rem !important;
flex-direction: column-reverse;
}
.bookingWrapper .infoWrapper .leftSide {
width: 100%;
}
.bookingWrapper .infoWrapper .leftSide .lowerPart {
flex-direction: row !important;
}
.bookingWrapper .infoWrapper .leftSide .lowerPart .dateDetails {
gap: 0.75rem !important;
}
.bookingWrapper .infoWrapper .rightSide {
width: 100%;
text-align: right;
}
.kontaktElement .innerWrapper {
grid-template-columns: 1fr;
width: 100%;
}
.kontaktElement .innerWrapper .leftSide {
order: 1;
}
.kontaktElement .innerWrapper .leftSide h2 {
font-size: 1.75rem;
line-height: 1.75rem;
text-align: center;
}
.kontaktElement .innerWrapper .leftSide .fluentform .ff-el-group {
width: 100% !important;
}
.kontaktElement .innerWrapper .leftSide .fluentform .ff-el-input--content {
width: 100% !important;
}
.kontaktElement .innerWrapper .leftSide .fluentform .ff-message-success {
margin-bottom: 1rem;
font-size: 2.5rem !important;
line-height: 2.5rem !important;
}
.kontaktElement .innerWrapper .leftSide .fluentform .ff-message-success p {
width: 100% !important;
text-align: center;
}
.kontaktElement .innerWrapper .imageWrapper {
max-height: 45vh;
width: 100%;
}
}