/* Responsive Font Size H1 */
.hero-font-clamp {
    font-size: clamp(5rem, calc(5rem + ((1vw - 0.3rem) * 8.3333)), 15rem);
    line-height: clamp(4rem, calc(4rem + ((1vw - 0.3rem) * 8)), 12rem);
    min-height: 0vw;
}

.intro-font-clamp {
    font-size: clamp(3rem, calc(3rem + ((1vw - 0.2rem) * 5.3846)), 10rem);
    min-height: 0vw;
}

.number-font-clamp {
    font-size: clamp(6rem, calc(6rem + ((1vw - 0.2rem) * 6.9231)), 15rem);
    min-height: 0vw;
}

/* Shape Divider */
.custom-shape-divider-top {
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-top svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 90px;
}

.custom-shape-divider-top .shape-fill {
    fill: #FFFFFF;
}

/* Shape Divider */
.-translate-x-full {
    transform: translateX(-100%);
}

/* Overlay Slider (Photo ––––– IMG Max Height */
.slide__image {
    max-height: 90vh;
}

/* Styles für die Karten im SwiperJS image carousel */
.swiper-slide {
    width: 100%;
}

@media screen and (min-width : 640px) {
    .swiper-slide {
        width: 50%;
    }
}

@media screen and (min-width : 768px) {
    .swiper-slide {
        width: 33.3%;
    }
}

@media screen and (min-width : 1024px) {
    .swiper-slide {
        width: 25%;
    }
}

@media screen and (min-width : 1280px) {
    .swiper-slide {
        width: 20%;
    }
}

.swiper-slide.swiper-slide--landscape {
    width: 100%;
}

@media screen and (min-width : 640px) {
    .swiper-slide.swiper-slide--landscape {
        width: 100%;
    }
}

@media screen and (min-width : 768px) {
    .swiper-slide.swiper-slide--landscape {
        width: 66.6%;
    }
}

@media screen and (min-width : 1024px) {
    .swiper-slide.swiper-slide--landscape {
        width: 50%;
    }
}

@media screen and (min-width : 1280px) {
    .swiper-slide.swiper-slide--landscape {
        width: 40%;
    }
}

/* Flipcard ––––– Start */
.backface-visible {
    backface-visibility: visible;
    -moz-backface-visibility: visible;
}

.backface-hidden {
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.preserve-3d {
    transform-style: preserve-3d;
}

.rotate-y-180 {
    transform: rotateY(180deg);
}

.peer:checked~.peer-checked\:rotate-y-180 {
    transform: rotateY(180deg);
}

.group:hover>.group\:hover\:rotate-y-180 {
    transform: rotateY(180deg);
}

.group:focus>.group\:focus\:rotate-y-180 {
    transform: rotateY(180deg);
}

.kk-flipcard {
    width: 18rem;
    height: 28rem;
}

.kk-flipcard--hover:focus {
    outline: 0;
}

/* Verhindere flackern durch verzögertes Initialisieren vn AlpineJS */
[x-cloak] {
    display: none !important;
}

/* PhotoSwipe Dynamic caption */
.pswp__dynamic-caption {
    color: #FFFFFF;
    text-align: center;
}

.pswp__dynamic-caption--mobile {
    background: rgba(0, 0, 0, 0.5);
    padding: 35px;
}

/* Media Query for Intro Header to prevent animations on mobile */
@media only screen and (max-width: 768px) {
    .intro-animations {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .no-intro-animations {
        display: none;
    }
}