@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%;
}
}