.poster {
    background-size: cover;
    background-repeat: no-repeat;
}

.nav-link:hover,
.nav-link:focus {
    background-color: #fdce60;
    color: #ffffff;
    border-radius: 12px;
    padding-left: 5px;
}

.colorbadge {
    min-height: 110px;
}

.hover-effect {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-effect:hover {
    transform: scale(1.1);
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    cursor: pointer;
}

.shrink-on-hover {
    transition: transform 0.2s ease-in-out;
}

.shrink-on-hover:hover {
    transform: scale(0.95);

    /* 5% kleiner beim Hover
Version: 1.1.428

Theme Name: NicolaS
*/
}

.smallest {
    font-size: 10px;
    line-height: 1.2em;
}

.bildausschnitt {
    /* gewünschte Breite */
    height: 300px;

    /* gewünschte Breite */
    width: 300px;

    /* gewünschte Höhe */
    object-fit: cover;

    /* Bild füllt Container, Überstand wird abgeschnitten */
    object-position: center;

    /* Das nur weil WP eigenen Style hinzufügt */
    max-width: none;
}

.square-crop {
    width: 200px;

    /* gewünschte Quadratgröße */
    aspect-ratio: 1 / 1;

    /* Seitenverhältnis 1:1 */
    object-fit: cover;

    /* Bild füllt das Quadrat aus, Überstände werden abgeschnitten */
}

.book-crop {
    width: 200px;

    /* gewünschte Quadratgröße */
    /* Seitenverhältnis 1:1 */
    object-fit: cover;

    /* Das nur weil WP eigenen Style hinzufügt */
    max-width: none;
}

.object-fit {
    width: 300px;
    height: 300px;
}

.object-fit img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.img-overlay-container {
    position: relative;
    display: inline-block;
}

.img-overlay-container img {
    display: block;
    height: auto;
}

.download-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 2.5rem;
    background: rgba(0,0,0,0.4);
    padding: 16px;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s;
    text-decoration: none;
}

.img-overlay-container:hover .download-icon {
    opacity: 1;
}

svg {
    display: block;

    /* margin-bottom: -1px */
    /* Überdeckt ggf. den 1px-Streifen */
    /* width: 36% */
    height: auto;
    padding: 0;
    line-height: 0;
    background: transparent;
}

.imgshadow {
    border-radius: 16px;

    /* Rundung anpassen */
    box-shadow: -20px -20px 0px #e9e9e9;

    /* Versatz und Weichheit */
    display: block;

    /* Optional, für besseren Schattenfluss */
    padding-left: 3px;
    padding-top: 3px;
}

.imgshadow-sm {
    border-radius: 16px;

    /* Rundung anpassen */
    box-shadow: -10px -10px 0px #e9e9e9;

    /* Versatz und Weichheit */
    display: block;

    /* Optional, für besseren Schattenfluss */
    padding-left: 3px;
    padding-top: 3px;
}

.imgshadow-xs {
    border-radius: 16px;

    /* Rundung anpassen */
    box-shadow: -4px -5px 0px #e9e9e9;

    /* Versatz und Weichheit */
    display: block;

    /* Optional, für besseren Schattenfluss */
    padding-left: 3px;
    padding-top: 3px;
}

.poster:before {
    background-image: url() !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
}

body.poster:before {
    position: fixed;
}

.top-5 {
    top: 5px;
}

.img-boradius {
    border-radius: 20px;
}

/* Slider CSS */
.slider,
.pg-main-cs-95 {
    position: relative;
}

.slider .slides-container,
.pg-main-cs-95 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
}

/* Slider CSS Backend */
.slider .slides-container-backend,
.pg-main-cs-95 {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
}

/* Slider CSS Backend */
@media (any-pointer: coarse) {
    .slider .slides-container,
    .pg-main-cs-95 {
        overflow: auto;
    }
}

.slider .slides-container[data-pg-id],
.pg-main-cs-95 {
    overflow: auto;
}

.slider .slide,
.pg-main-cs-95 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
}

.slider .slider-controls,
.pg-main-cs-95 {
}

.slider .slider-pagination,
.pg-main-cs-95 {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 18px;
    right: 0;
}

.slider .slider-pagination-item,
.pg-main-cs-95 {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.53);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-left: 10px;
}

.slider .slider-pagination-item:first-child,
.pg-main-cs-95 {
    margin-left: 0;
}

.slider .slider-control,
.pg-main-cs-95 {
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.8);
    display: inline-flex;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 1;
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    padding-bottom: 2px;
    text-decoration: none;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
}

.slider .slider-control:hover,
.slider .slider-control:focus,
.pg-main-cs-95 {
    color: #000000;
}

.slider .slider-control.prev,
.pg-main-cs-95 {
    left: 1rem;
}

.slider .slider-control.next,
.pg-main-cs-95 {
    right: 1rem;
}

.slider .slide-img,
.pg-main-cs-95 {
    height: 650px;
    width: 100%;
    object-fit: cover;
}

.slider .slide-content,
.pg-main-cs-95 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
}

.slide .slide-subtitle,
.pg-main-cs-95 {
    margin-bottom: 0;
}

.slide .slide-title,
.pg-main-cs-95 {
    font-size: 4.5rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.slide .slide-title > span,
.pg-main-cs-95 {
    display: inline-block;
}

.slide .product-price,
.pg-main-cs-95 {
    color: var(--red);
    font-weight: bold;
    margin-bottom: 1.25rem;
    font-size: 2.25rem;
}

.slide .btn,
.pg-main-cs-95 {
    padding: 0.5rem 2rem;
    font-weight: 500;
}

.slide .btn:hover,
.pg-main-cs-95 {
    background-color: var(--red);
    color: white;
}

.slidebg1 {
    background: linear-gradient(90deg, #ffe259, #ffa751);
}

.slidebg2 {
    background: linear-gradient(90deg, #DCE35B, #45B649);
}

.slidebg3 {
    background: linear-gradient(90deg, #FEAC5E, #C779D0, #4BC0C8);
}

/* END Slider CSS */
/* Size of Press img CSS */
/* Scrolling logos */
.logo-track {
    width: 100%;
    overflow: hidden;
    position: relative;

    /* Wichtig für die Farbverläufe */
}

.logo-slide {
    display: flex;
    white-space: nowrap;
    flex-wrap: nowrap;
    width: max-content;
}

.logo-item {
    display: flex;
    align-items: center;

    /* Vertikale Zentrierung der Logos */
    justify-content: center;

    /* Horizontale Zentrierung der Logos im Item-Div */
    height: 80px;

    /* Einheitliche Höhe für alle Logo-Container */
    margin: 0 20px;

    /* Abstand zwischen den Logos über den Container */
    /* Optional: Stellt sicher, dass die Logos nicht verkleinert werden */
    flex-shrink: 0;
}

.logo-item img {
    max-height: 100%;

    /* Begrenzt die Höhe des Bildes auf den Container */
    width: auto;

    /* Erlaubt unterschiedliche Breiten */
    object-fit: contain;
}

/* Linker und rechter Farbverlauf wie gehabt */
.logo-track::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 10;
    pointer-events: none;
}

.logo-track::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 10;
    pointer-events: none;
}

/* Marquee */
.scrolling-row {
    overflow: hidden;
    width: 100%;
    background: rgb(255, 255, 255);
    height: 50px;
    position: relative;
}

.scrolling-row__content {
    display: flex;
    white-space: nowrap;
    will-change: transform;
    font-size: 1.5em;
}

.item {
    padding: 0 2em;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Gradienten Overlay links */
.scrolling-row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;

    /* breite des Verlaufs */
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to right, rgb(255, 255, 255), transparent);
    z-index: 10;
}

/* Gradienten Overlay rechts */
.scrolling-row::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;

    /* breite des Verlaufs */
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to left, rgb(255, 255, 255), transparent);
    z-index: 10;
}

/* Apple und Android Buttons */
.android-logo::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    padding-left: 0px;
    margin-top: 5px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='1em' height='1em'><g><path fill='none' d='M0 0h24v24H0z'/><path d='M6.382 3.968A8.962 8.962 0 0 1 12 2c2.125 0 4.078.736 5.618 1.968l1.453-1.453 1.414 1.414-1.453 1.453A8.962 8.962 0 0 1 21 11v1H3v-1c0-2.125.736-4.078 1.968-5.618L3.515 3.93l1.414-1.414 1.453 1.453zM3 14h18v7a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7zm6-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm6 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/></g></svg>");
    background-repeat: no-repeat;
    background-size: contain;
}

.apple-logo::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    padding-left: 0px;
    margin-top: 4px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='1em' height='1em'><g><path fill='none' d='M0 0h24v24H0z'/><path fill-rule='nonzero' d='M11.624 7.222c-.876 0-2.232-.996-3.66-.96-1.884.024-3.612 1.092-4.584 2.784-1.956 3.396-.504 8.412 1.404 11.172.936 1.344 2.04 2.856 3.504 2.808 1.404-.06 1.932-.912 3.636-.912 1.692 0 2.172.912 3.66.876 1.512-.024 2.472-1.368 3.396-2.724 1.068-1.56 1.512-3.072 1.536-3.156-.036-.012-2.94-1.128-2.976-4.488-.024-2.808 2.292-4.152 2.4-4.212-1.32-1.932-3.348-2.148-4.056-2.196-1.848-.144-3.396 1.008-4.26 1.008zm3.12-2.832c.78-.936 1.296-2.244 1.152-3.54-1.116.048-2.46.744-3.264 1.68-.72.828-1.344 2.16-1.176 3.432 1.236.096 2.508-.636 3.288-1.572z'/></g></svg>");
    background-repeat: no-repeat;
    background-size: contain;
}

.insta-logo::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    padding-left: 0px;
    margin-top: 6px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='1em' height='1em'><g><path fill='none' d='M0 0h24v24H0z'/><path fill-rule='nonzero' d='M12 2c2.717 0 3.056.01 4.122.06 1.065.05 1.79.217 2.428.465.66.254 1.216.598 1.772 1.153a4.908 4.908 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428.047 1.066.06 1.405.06 4.122 0 2.717-.01 3.056-.06 4.122-.05 1.065-.218 1.79-.465 2.428a4.883 4.883 0 0 1-1.153 1.772 4.915 4.915 0 0 1-1.772 1.153c-.637.247-1.363.415-2.428.465-1.066.047-1.405.06-4.122.06-2.717 0-3.056-.01-4.122-.06-1.065-.05-1.79-.218-2.428-.465a4.89 4.89 0 0 1-1.772-1.153 4.904 4.904 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.013 15.056 2 14.717 2 12c0-2.717.01-3.056.06-4.122.05-1.066.217-1.79.465-2.428a4.88 4.88 0 0 1 1.153-1.772A4.897 4.897 0 0 1 5.45 2.525c.638-.248 1.362-.415 2.428-.465C8.944 2.013 9.283 2 12 2zm0 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm6.5-.25a1.25 1.25 0 0 0-2.5 0 1.25 1.25 0 0 0 2.5 0zM12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6z'/></g></svg>");
    background-repeat: no-repeat;
    background-size: contain;
}

.facebook-logo::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    padding-left: 0px;
    margin-top: 6px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='1em' height='1em'><g><path fill='none' d='M0 0h24v24H0z'/><path d='M12 2C6.477 2 2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.989C18.343 21.129 22 16.99 22 12c0-5.523-4.477-10-10-10z'/></g></svg>");
    background-repeat: no-repeat;
    background-size: contain;
}

.podcast-logo::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    padding-left: 0px;
    margin-top: 6px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath fill-rule='evenodd' d='M8.5 2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5m-2 2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5m-6 1.5A.5.5 0 0 1 5 6v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m8 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m-10 1A.5.5 0 0 1 3 7v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5m12 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.trainer-logo::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    padding-left: 0px;
    margin-top: 6px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m1.679-4.493-1.335 2.226a.75.75 0 0 1-1.174.144l-.774-.773a.5.5 0 0 1 .708-.708l.547.548 1.17-1.951a.5.5 0 1 1 .858.514M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0M8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3Cpath d='M8.256 14a4.5 4.5 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10q.39 0 .74.025c.226-.341.496-.65.804-.918Q8.844 9.002 8 9c-5 0-6 3-6 4s1 1 1 1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}