@font-face {
    font-family: 'Apfel';
    src: url('../fonts/ApfelGrotezk-Mittel.woff') format("woff");
}

:root {
    font-size: 13px;
    line-height: 1.4;
    --trans-time: 0.4s;
    --padd-default: 16px;
    --padd-half: 8px;
    --radius: 12px;
    --side-padd: 20px;

    --padd-col: 8px;
    --b-radius: 20px;
    --color-just-black: #000;
    --grey-dark: #42433d;
    --page-top-padd: 40vh;
    --approach-cards: 6;

    --grey: #838383;

    --footer-grey: #D2D0CD;
    --color-text: #000;
    --color-bg: #F8F8F8;
    --color-link: #000;
    --icon: 120px;

}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: 'Apfel', sans-serif;
    margin: 0;
    padding: 0;
    color: var(--color-text);
    background-color: var(--color-bg);
    font-size: 1rem;
    touch-action: pan-y;
    overflow-x: hidden;
    transition: all 0.5s;
}

body.white-body {
    background-color: #fff;
    color: #000;
}

body.white-body .color-bg {
    background-color: #fff;
    color: #000;
}
body.white-body footer *{
    color: #000;
}
.aite {
    align-items: end;
}

.clearfix {
    clear: both;
}

a {
    color: var(--color-text);
    text-decoration: none;
}

::-moz-selection { /* Code for Firefox */
    color: white;
    background: black;
}

::selection {
    color: white;
    background: black;
}

*, :after, :before {
    box-sizing: border-box;
}

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}

.grid-row {
    display: flex;
    flex-wrap: wrap;
    /*width: 100%;*/

    margin: 0 calc(var(--padd-col) - var(--padd-col) * 2);
}
.flex-col{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.col {
    box-sizing: border-box;
    padding: 0 var(--padd-col);
    position: relative;
}

.col-1 {
    width: 8.33%;
}

.col-2 {
    width: 16.66%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33%;
}

.col-5 {
    width: 41.66%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33%;
}

.col-8 {
    width: 66.66%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33%;
}

.col-11 {
    width: 91.66%;
}

.col-12 {
    width: 100%;
}

.col-ml-1 {
    margin-left: 8.33%;
}

.col-ml-2 {
    margin-left: 16.66%;
}

.col-ml-3 {
    margin-left: 25%;
}

.col-ml-4 {
    margin-left: 33.33%;
}

.col-ml-5 {
    margin-left: 41.66%;
}

.col-ml-6 {
    margin-left: 50%;
}

.hidden {
    display: none;
}

.main-container {
    padding: 0 var(--side-padd);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    font-size: 3.7rem;
    font-weight: 400;
    line-height: 1.3;
}

p {
    font-size: 2.75rem;
    line-height: 1.3;
    margin: 0;

}

.full-h {
    height: 100vh;
}

.h-90 {
    height: 90vh;
}

.pt-1 {
    padding-top: var(--padd-default) !important;
}

.pt-2 {
    padding-top: calc(var(--padd-default) * 2) !important;
}

.pt-3 {
    padding-top: calc(var(--padd-default) * 3) !important;
}

.pb-1 {
    padding-bottom: var(--padd-default) !important;
}

.pt-4 {
    padding-top: calc(var(--padd-default) * 4) !important;
}

.pt-5 {
    padding-top: calc(var(--padd-default) * 5) !important;
}

.mt-2 {
    margin-top: calc(var(--padd-default) * 2) !important;
}

.mt-3 {
    margin-top: calc(var(--padd-default) * 3) !important;
}

.pb-5 {
    padding-bottom: calc(var(--padd-default) * 5) !important;
}

.pb-2 {
    padding-bottom: calc(var(--padd-default) * 2) !important;
}

.pb-1-5 {
    padding-bottom: calc(var(--padd-default) * 1.5);
}

.pb-0-5 {
    padding-bottom: calc(var(--padd-default) / 2);
}

.pt-1-5 {
    padding-top: calc(var(--padd-default) * 1.5);
}

.pt-2-5 {
    padding-top: calc(var(--padd-default) * 2.5);
}

.pb-3 {
    padding-bottom: calc(var(--padd-default) * 3) !important;
}

.pb-4 {
    padding-bottom: calc(var(--padd-default) * 4) !important;
}

.pt-big {
    padding-top: calc(var(--padd-default) * 6);
/

}

.pb-big {
    padding-bottom: calc(var(--padd-default) * 6);

}

.pt-biggest {
    padding-top: calc(var(--padd-default) * 8);
}

.pb-biggest {
    padding-bottom: calc(var(--padd-default) * 8);
}

.page-container {
    padding: var(--side-padd);

}

.front-wrap {
    position: relative;
    z-index: 1;
    align-items: center;
}

/*-------------------general-------------*/
.rotating-wrap p {
    font-size: 3.7rem;
    display: flex;
    gap: 0.3em;
    align-items: flex-start;
}

.rotating-wrap {
    left: var(--side-padd);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#rotator {
    position: relative;
    display: inline-block;
    height: 1.3em;
    width: 50vw;
    overflow: hidden;

}

#rotator > span {

    position: absolute;
    top: 0;
    left: 0;
}

.top-section {
    height: 100svh;
    position: relative;
    z-index: 1;
}

.hero-video {
    position: absolute;
    bottom: 0;
    left: var(--side-padd);
    height: 40svh;
    opacity: 1;
    z-index: 0;
    max-width: calc(100vw - calc(var(--side-padd) * 2));
    transition: all 0.5s ease 0.3s;
}

body.white-body .hero-video {
    opacity: 0;
    transition: all 0.1s ease 0.1s;
}

.flex-vcenter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.gen-txt {
    font-size: 2.75rem;
    line-height: 1.3;
}

.gen-btn {
    color: #fff;
    font-size: 1.38rem;
    cursor: pointer;
    background-color: #000;
    border-radius: var(--radius);
    padding: var(--padd-default) calc(var(--padd-default) * 2);
    display: inline-block;
}

.gen-img {
    width: 100%;
    border-radius: var(--radius);
}

.top-logo {
    top: var(--side-padd);
    position: absolute;
    color: #fff;

}

.gen-bigTitle {
    font-size: 3.4rem;
    padding: 0 var(--padd-default);
    border-radius: var(--b-radius);
    display: inline-block;
    width: auto;
    border: 5px solid #fff;
}

.half-txt-wrap .gen-bigTitle {
    margin-bottom: calc(var(--padd-default) * 2.3);
}

.color-btn {
    margin-top: calc(var(--padd-default) * 2.3);
    color: #000;
}

body:not(.white-body) .color-btn {
    background-color: #fff !important;

}

.footer-menu a {
    color: #fff;
    font-size: 1.23rem;

}

.footer-menu a.current::before, .big-menu a.current::before {
    position: absolute;
    width: 100%;
    height: 1px;
    background: currentColor;
    top: 100%;
    left: 0;transform: scale3d(1, 1, 1);
    pointer-events: none;
}
.social-menu a {
    color: #fff;
    font-size: 1.23rem;
    display: block;
}

/*-------------------inside pages-------------*/

.center-full-sect p {
    font-size: 2.2rem;
}

.center-full-sect {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.center-full-sect .grid-row {
    flex: 1;
    display: flex;
    align-items: center;
}

.inside-slider {
    display: flex;
    align-items: flex-end;
    color: #B8AA98;
    overflow-x: hidden;
}

.inside-slider * {
    user-select: none;
}

.inside-slider .inside-slider-content {
    display: flex;
    flex-direction: row;
    /*column-gap: calc(var(--padd-default)*4.37);*/
    width: max-content;
    height: 70vh;
    align-items: baseline;
}

.inside-slider .inside-slider-media {
    -moz-border-radius: var(--radius);
    border-radius: var(--radius);
    overflow: hidden;
    pointer-events: none;
    flex-shrink: 0;
    width: 25vw;
    margin: 0 calc(var(--padd-default) * 2.2);
    height: 100%;
    background-position: center;
    background-size: cover;
}

/*--------*/
.coffeeMenu-sect {
    background-color: #F6F7F7;
    border-radius: var(--radius);
    padding: 9vh 10vw;
    color: #000;
}

.coffeeMenu-type {
    font-size: 2.75rem;
    margin-bottom: calc(var(--padd-default) * 1.5);
}

.coffeeMenu-grid {
    font-size: 1.38rem;
    display: flex;
    flex-direction: column;
    gap: var(--padd-default);
    margin-bottom: calc(var(--padd-default) * 4.5);
}

.coffeeMenu-row {
    display: grid;
    grid-template-columns: 3fr 2fr 1fr 2fr; /* You can adjust widths */
    gap: var(--padd-default);
}

.tiny-txt {
    font-size: 0.92rem;
}

/*--------*/
.my-slider-progress {
    background: #EBEBEB;
    height: calc(var(--padd-default) * 1.25);
    border-radius: var(--radius);
    padding: calc( var(--padd-default)/4);
    margin-top: calc(var(--padd-default) * 1.5);
    width: 70%;
    margin-left: 15%;
}

.my-slider-progress-bar {
    background: #696969;
    height: calc(var(--padd-default) /1.33);
    transition: width 400ms ease;
    width: 0;
    border-radius: var(--radius);
}

.splide__slide {

    border-radius: var(--radius);
    width: calc(100% - var(--padd-default)) !important;
    height: 40vh;
    background-position: center;
    background-size: cover;
    margin: var(--padd-half);
    overflow: hidden;
}

.splide-gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, black, transparent);
    height: 30%;
    z-index: 0;
}

.splide-txt {
    padding: calc(var(--padd-default) * 1.25) calc(var(--padd-default) * 1.75);
    color: #fff;
    font-size: 1.38rem;
    position: relative;
    z-index: 1;
}

/*-------------------booking-------------*/
.BookingPage .top-section {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#Form_BookingForm {
}

#Form_BookingForm fieldset, #Form_BookingForm input, #Form_BookingForm textarea {
    border: none;
    width: 100%;
}

#Form_BookingForm input, #Form_BookingForm textarea {
    border: none;
    width: 100%;
    padding: var(--padd-default) calc(var(--padd-default) * 1.5);
    font-size: 1.2rem;
    font-family: 'Apfel', sans-serif;
    border-radius: var(--radius);
    margin-bottom: calc(var(--padd-default) / 1.33);
}

#Form_BookingForm textarea {
    min-height: 170px;
}

#Form_BookingForm input.action {
    width: auto;
}

#Form_BookingForm .checkbox-buttons {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
}

#Form_BookingForm .btn-checkbox input[type="checkbox"] {
    display: none;
}

#Form_BookingForm .btn-checkbox {
    border-radius: var(--radius);
}

#Form_BookingForm .btn-checkbox span {
    border: 2px solid transparent;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 1.38rem;
    border-radius: var(--radius);
    padding: var(--padd-default) calc(var(--padd-default) * 2);
}

#Form_BookingForm .btn-checkbox input[type="checkbox"]:checked + span {
    border: 2px solid #fff;
    color: #fff;
}

.form-subtitle {
    font-size: 1.38rem;
    margin-bottom: calc(var(--padd-default) / 1.33);
}

.form-daterow {
    display: flex;
    gap: var(--padd-default);
}

.form-daterow .field.date {
    flex: 1;
}

#form-response {
    font-size: 1.38rem;
    text-align: center;
    border-radius: var(--radius);
    padding: var(--padd-half);
}

/*-----------------*/
.fc .fc-button {
    font-size: 0.8em;
}

#calendar {
    width: 100%;
    color: #000;
    background: #fff;
    border-radius: var(--radius);
    padding: var(--side-padd);
}

.fc .fc-toolbar-title {

    font-size: 1.5rem;

}

.fc .fc-button {
    background: rgba(66, 66, 66, 1);
    border: none;

    font-weight: 100;
}

.fc .fc-button:hover {
    background: rgba(100, 100, 100, 1);

}

.fc-h-event .fc-event-title {

    color: #000;

}

/* Day numbers */
.fc-daygrid-day-number {

    font-size: 24px;
    font-weight: 100;
}

/* Background colors for event markers */
.fc-event {
    background-color: transparent !important;
    position: relative;
}

.fc-event::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: currentColor;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
}

.fc-event::before {
    display: none;
}

.fc .fc-button {
    background: rgba(66, 66, 66, 1);

    border-radius: 20px;
}

/*--------------homepage-----------------------*/
.scroll-section {
    position: relative;
    overflow: hidden;
}

.columns {
    display: flex;
    position: relative;
    overflow: hidden;
}

.left-col,
.right-col {
    width: 50vw;

    padding: 0 8.33vw;
    position: relative;
    overflow: hidden;
}

.left-col {
    position: fixed;
    top: 0;
    z-index: 0;

}

.right-col {
    margin-left: 50vw;
}

.full-h {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.columns p {
    font-size: 2.2rem;
    line-height: 1.4;
}

.columns img {
    width: 100%;
    border-radius: var(--radius);
}
/*-----------menu-----------*/
.submenu{
    margin-left:8vw;
}
.menu-btn{
    font-size:1.23rem;
    position: fixed;
    top:50%;
    z-index:1001;
    right:var(--side-padd);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fullscreen-menu {
    position: fixed;
    inset: 0;
    top:0;
    left:0;
    right:0;
    bottom:0;
    color:#fff;
    background-color: #363636;
    z-index: 1000;

    pointer-events: none;
    opacity: 0;
}
.fullscreen-menu .bottom-footer{
    z-index: -1;    height: auto;
    max-height:50vh;
}
.fullscreen-menu .social-menu{
    position: absolute;
    width: calc(100% - var(--side-padd));
    bottom: var(--side-padd);
}
.menu-video-wrapper{
    flex-grow: 1;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.menu-video{
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    object-fit: contain;
    transition: all 0.5s ease 0.3s;
}
.big-menu{

}
.big-menu a{
    color:#fff;
    display: block;
    font-size:3.7rem;
}
/*-----------footer-----------*/
.prefooter{
    height:100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.bottom-footer h1{
    margin-top: calc(var(--padd-default)*3);
    margin-bottom: calc(var(--padd-default)*3);
}
.bottom-footer {
    position: absolute;
    bottom: 0;
    left:var(--side-padd);
    right:var(--side-padd);
    /*width: 100%;*/
    height:calc(50svh + 10px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.footer-video-wrapper{
    flex-grow: 1;
    display: flex;
    align-items: center;
    overflow: hidden;
}

footer{
    height:100vh;
    position: relative;
}
.footer-video{
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    object-fit: contain;
    transition: all 0.5s ease 0.3s;
}
body.white-body .footer-video{
    opacity: 0; transition: all 0.1s ease 0.1s;
}

/*----------------------*/
.general-full-sect p{
    font-size:1.38rem;

}
.general-full-sect h1{
    font-size:3rem;
    margin: calc(var(--padd-default)*2.5) 0;
}
.general-full-sect h2{
    font-size:2.78rem; margin: calc(var(--padd-default)*2.5) 0;
}
.general-full-sect h3{
    font-size:2.35rem; margin: calc(var(--padd-default)*2.5) 0;
}
.general-full-sect h4{
    font-size:2rem; margin: calc(var(--padd-default)*2.5) 0;
}
.general-full-sect h5{
    font-size:1.75rem; margin: calc(var(--padd-default)*2.5) 0;
}
.general-full-sect h6{
    font-size:1.5rem; margin: calc(var(--padd-default)*2.5) 0;
}
/*------*/
.link--metis {
    position: relative;
    white-space: nowrap;
    color: var(--color-text);
}

.link--metis::before,
.link--metis::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: currentColor;
    top: 100%;
    left: 0;
    pointer-events: none;

}

.link--metis::before {
    content: '';
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}
.link--metis:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

/*------*/
.preloader {
    position: fixed;
    z-index: 10000000;
    width: 100vw;
    height: 100svh;
    background-color: #f1efe7;
    overflow: hidden;
}

.preloader-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #263dee;
    transform-origin: bottom;
    transform: scaleY(0%);
}

.counter {
    position: fixed;
    right: 3rem;
    bottom: 2rem;
    display: flex;
    height: 120px;
    font-size: 120px;
    line-height: 150px;

    clip-path: polygon(0 0, 100% 0, 100% 120px, 0 120px);
}

.counter-1,
.counter-2,
.counter-3 {
    position: relative;
    top: -15px;
}

.num1offset1 {
    position: relative;
    right: -30px;
}
/*------*/
#cookie-bar .contact-btn {
    float: right;    margin-top: 12px;
    line-height: 1;
}
#cookie-bar .general-link {
    text-decoration: underline;
    font-size: 1.4rem;
    line-height: 1;
}
#cookie-bar p{
    font-size: 1.4rem;
}
#cookie-bar .cb-enable{


    color: #fff;
    font-size: 1.23rem;
    cursor: pointer;
    background-color: #000;
    border-radius: var(--radius);
    padding: calc(var(--padd-default) * 0.5) calc(var(--padd-default) * 1.2);
    display: inline-block;
    float: right;
}
#cookie-bar {
    position: fixed;
    font-size: 1.4rem;
    background-color: #fff;
    width: 400px;
    display: flex;
color:#000;

    border-radius: calc(var(--radius) / 2);
    padding: var(--padd-default);
    bottom: 4vh;
    z-index: 2;
    /* width: auto; */
    left: var(--side-padd);
    /* align-items: center; */
    transition: bottom 1s ease-out;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.20);
}

#cookie-bar .contact-btn {
    float: right;    margin-top: 12px;
    line-height: 1;
}

#cookie-bar {
    position: fixed;

    background-color: #fff;
    width: 400px;
    display: flex;
    border-radius: var(--radius);
    padding: var(--padd-default);
    bottom: 4vh;
    z-index: 2;
    /* width: auto; */
    left: 5vw;
    /* align-items: center; */
    transition: bottom 1s ease-out;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.20);
}
/*-----------not mobile-----------*/
.hide-deskt{
    display: none;
}
.show-xs{
    display: none;
}

/*-------------mobile----------------*/
@media (max-width: 1200px) {
    .prefooter .col-5.flex-vcenter {
        width: auto;
    }

    .prefooter .col-5 {
        width: 50%;
    }
.menu-btn{
    padding:var(--padd-default) calc(var(--padd-default)*1.2);
}
    .inside-slider .inside-slider-media{
        width:35vw;
    }
    .calendar-col{
        width:41.66%;
    }
}

@media (max-width: 992px) {
    :root {
        font-size: 12.5px;
    }
    .general-full-sect .col-5{
        width:100%;
        margin: 0;
    }
.left-col{
    display: none;
}
    .right-col{
        width:100%;
        margin-left:0;
    }

    .hide-deskt{
        display: block;
    }

    .full-h{
        min-height:1px;
        height:auto;
        padding:calc(var(--padd-default)*1.5) 0;
    }
    .half-inside-txt{
        padding-bottom:calc(var(--padd-default)*2.5);
    }
    .inside-slider .inside-slider-content{
        height:50vh;
    }
    .center-full-sect{
        min-height:1px;
    }
    .bigger-s{
        width: 66.66%;
        margin-left: 16.66%;
    }
    .inside-slider{
        margin-bottom:calc(var(--padd-default)*4);
    }
    .splide__slide{
        height:35vh;
    }
    .gen-bigTitle{
        font-size:3rem;
    }
.calendar-col{
    width:83.33%;
    margin-top:calc(var(--padd-default)*8);
    margin-bottom:calc(var(--padd-default)*4);
}
.form-col{
    width:83.33%; margin-bottom:calc(var(--padd-default)*4);
}
    .BookingPage .top-section{
        height:auto;
    }
    .prefooter {
        height: 60svh;
    }
}

@media (max-width: 767px) {
    :root {
        font-size: 12px;
    }
.right-col{
    padding: 0;
}
.center-full-sect .col{
    width: 100%;
    margin: 0;
}
    .splide__slide{
        height:65vh;
    }
    .hide-xs{
        display: none;
    }
    .show-xs{
        display: block;
    }
.coffeeMenu-sect{
    padding:5vw;
}
.coffeeMenu-col{
    width:100%;
    margin: 0;
}
    .inside-slider .inside-slider-media{
        width:55vw;
    }
    .center-full-sect .splide, .center-full-sect  .gen-img{
        margin-bottom:calc(var(--padd-default)*2);
    }
    .pb-biggest{
        padding-bottom: calc(var(--padd-default) * 4);
    }
    .pt-biggest {
        padding-top: calc(var(--padd-default) * 4);
    }
    .hero-video{
        height:auto;
    }
    .bigger-s {
        width: 100%;
        margin-left: 0;
    }
    .prefooter .col-5 {
        width: 70%;
        margin: 0;
    }
    .menu-btn{
        top:calc(var(--side-padd));
        transform:none;
    }
    .fullscreen-menu .social-menu{
        display: none;
    }
    .bottom-footer{
        height:auto;
    }
    .footer-menu .col-2,   .social-menu .col-2{
        width:50%;
    }
    .social-menu .show-xs{
        display: flex;
    }
    .footer-menu{
        height:50%;
    }
    .rotating-wrap p{
        display: block;
    }#rotator{
             display: block;
         }
}

@media (max-width: 575px) {
    :root {
        font-size: 11px;
        line-height: 1.2;
        --padd-default: 12px;
        --padd-half: 6px;
        --radius: 10px;
        --padd-col: 6px;
        --b-radius: 14px;
    }
    #cookie-bar {
        width: calc(100% - 32px);
        bottom: 2vh;
        left: 16px;
    }
    .calendar-col, .form-col {
        width: 100%;
        margin-left: 0;
    }
    .prefooter .col-5 {
        width: 100%;
        margin-bottom:var(--padd-default);

    }
    .inside-slider .inside-slider-content {
        height: 45vh;
    }
    .inside-slider .inside-slider-media{
        width:65vw;
    }

    p {
        font-size: 2.3rem;
    }


        .splide__slide {
            height: 55vh;
        }

    .coffeeMenu-grid {
        font-size: 1.2rem;
        margin-bottom: calc(var(--padd-default) * 2.5);
    }
    .coffeeMenu-type {
        font-size: 2.3rem;
    }
    .footer-menu a, .social-menu a{

        font-size: 1.4rem;
        line-height: 1.6;
    }

}

/*1200- 1920*/

@media (min-width: 1920px) {
    :root {
        font-size: 18px;
    }
}

@media (min-width: 2400px) {

    :root {
        font-size: 20px;
        line-height: 1.5;
        --padd-default: 24px;
        --padd-half: 12px;
        --radius: 20px;
        --b-radius: 40px;
        --side-padd: 30px;
    }

    .gen-bigTitle {

        border: 8px solid #fff;
    }
    .splide__slide {
        height: 45vh;
    }
    #calendar{
        min-height:50vh;
    }
}

@media (min-width: 3000px) {

    :root {
        font-size: 24px;
        line-height: 1.5;
        --padd-default: 30px;
        --padd-half: 15px;
        --radius: 30px;
        --b-radius: 55px;
        --side-padd: 36px;
    }

    .gen-bigTitle {

        border: 10px solid #fff;
    }
    .splide__slide {
        height: 50vh;
    }
    #calendar{
        min-height:60vh;
    }
}