.elementor-13 .elementor-element.elementor-element-dbe4e56{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;top:0px;--z-index:100;}.elementor-13 .elementor-element.elementor-element-dbe4e56::before, .elementor-13 .elementor-element.elementor-element-dbe4e56 > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-dbe4e56 > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-dbe4e56 > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-dbe4e56 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-dbe4e56 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-dbe4e56{left:0px;}body.rtl .elementor-13 .elementor-element.elementor-element-dbe4e56{right:0px;}.elementor-13 .elementor-element.elementor-element-c0b2b16{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-ec6e671{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-56df31a{--display:flex;}.elementor-13 .elementor-element.elementor-element-1c374c5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-581568d > .elementor-widget-container{margin:-100px 200px 0px 200px;}.elementor-13 .elementor-element.elementor-element-581568d{z-index:10;}.elementor-13 .elementor-element.elementor-element-9117a7f{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-b7d13c1 > .elementor-widget-container{margin:-100px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-b7d13c1{z-index:10;}.elementor-13 .elementor-element.elementor-element-a448a84{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-5b8f44f > .elementor-widget-container{margin:-100px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-5b8f44f{z-index:10;}.elementor-13 .elementor-element.elementor-element-6d15891{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-c0b2b16{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-c0b2b16{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-581568d{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-581568d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-581568d.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-9117a7f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-b7d13c1{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-b7d13c1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-b7d13c1.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-a448a84{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-5b8f44f{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-5b8f44f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-5b8f44f.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-6d15891{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-31cac9c */:root {
    --main-teal: #124e54;
    --gold: #c5a059;
    --gold-bright: #e2c07d;
    --soft-white: #f0f5f5;
    --text-muted: #cbdada;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: var(--main-teal);
    color: var(--soft-white);
}

.hero {
    position: relative;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: url('http://devinsorakel.de/wp-content/uploads/2026/01/The_dice_should_2k_202601261509-scaled.jpeg?auto=format&fit=crop&q=80&w=2000') no-repeat center center/cover;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(18, 78, 84, 0.9) 0%, rgba(26, 107, 115, 0.5) 100%);
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 0 20px;
}

.hero-nav {
    position: absolute;
    top: -30vh;
    width: 100%;
    left: 0;
}

.logo {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.8rem;
    letter-spacing: 6px;
    color: var(--gold);
    font-weight: 600;
}

.sub-title {
    display: block;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 0.9rem;
    color: var(--gold);
    margin-bottom: 20px;
}

.hero-text-box h1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(3rem, 10vw, 5.5rem);
    line-height: 1.1;
    margin-bottom: 30px;
    font-weight: 300;
}

.hero-text-box p {
    font-size: 1.25rem;
    max-width: 650px;
    margin: 0 auto 45px;
    color: var(--text-muted);
}

.btn-primary {
    display: inline-block;
    padding: 18px 45px;
    background: var(--gold);
    color: var(--main-teal);
    text-decoration: none;
    border-radius: 50px;
    font-size: 1rem; 
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px; 
    transition: all 0.4s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.btn-primary:hover {
    background: var(--gold-bright);
    transform: translateY(-3px);
    letter-spacing: 4px;
    box-shadow: 0 15px 35px rgba(197, 160, 89, 0.4);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-665e803 *//* --- BASIS-STRUKTUR --- */
.split-section {
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
    background-color: var(--main-teal);
    width: 100%;
}

.sticky-side {
    flex: 0 0 50%;
    min-width: 50%;
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.product-visual {
    width: 100%;
    height: 100%;
    position: relative;
}

.product-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.7);
}

.content-side {
    flex: 0 0 50%;
    min-width: 50%;
    background-color: var(--main-teal);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 10%;
}

/* --- WEICHER BILD-AUSLAUF --- */
.image-soft-fade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Desktop: Auslauf nur nach rechts zum Text hin */
    background: linear-gradient(to right, transparent 50%, var(--main-teal) 100%);
    pointer-events: none;
    z-index: 2;
}

/* --- EDLER HORIZONTALER TRENNER --- */
.elegant-divider {
    background-color: var(--main-teal);
    padding: 80px 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.divider-line {
    height: 1px;
    flex: 1;
    max-width: 300px;
}

.line-left { background: linear-gradient(to right, transparent, var(--gold)); }
.line-right { background: linear-gradient(to left, transparent, var(--gold)); }

.divider-sparkle {
    color: var(--gold);
    font-size: 1.5rem;
}

/* --- TEXT-OVERLAY (AUF DEM BILD) --- */
.product-title-overlay {
    position: absolute;
    bottom: 12%;
    left: 10%;
    right: 10%;
    z-index: 5;
}

.product-title-overlay h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2.4rem, 9vw, 4rem); 
    line-height: 1.1;
    color: var(--soft-white);
    word-wrap: break-word;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.product-title-overlay h2 span {
    color: var(--gold);
    font-style: italic;
}

/* --- TEXT-BESCHREIBUNG --- */
.category {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 0.85rem;
    color: var(--gold);
    margin-bottom: 20px;
    display: block;
}

.product-description h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3rem;
    margin-bottom: 25px;
    color: var(--gold);
    line-height: 1.2;
}

.product-description p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--text-muted);
    margin-bottom: 30px;
}

.features {
    list-style: none;
    margin-bottom: 40px;
}

.features li {
    margin-bottom: 15px;
    font-size: 1rem;
    color: var(--soft-white);
    display: flex;
    align-items: center;
    gap: 12px;
}

.price-tag {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3rem;
    margin-bottom: 35px;
    color: var(--soft-white);
}

/* --- RESPONSIVE OPTIMIERUNG --- */
@media (max-width: 1024px) {
    .split-section { flex-direction: column; }
    .sticky-side, .content-side { flex: 0 0 100%; min-width: 100%; }
    
    .sticky-side { 
        position: relative; 
        height: 60vh; /* Etwas mehr Bildanteil mobil */
        top: auto; 
    }
    
    .image-soft-fade { 
        /* MOBIL: Weicher Auslauf nach OBEN und UNTEN */
        background: linear-gradient(
            to bottom, 
            var(--main-teal) 0%, 
            transparent 15%, 
            transparent 85%, 
            var(--main-teal) 100%
        ); 
    }
    
    .content-side { 
        padding: 50px 30px 80px; /* Oben kompakter, unten mehr Platz zum Trenner */
        text-align: center; 
    }
    
    .product-description h3 {
        font-size: 2.4rem;
        margin-bottom: 20px;
    }
    
    .product-description p {
        font-size: 1.05rem;
        margin-bottom: 25px;
    }

    .features {
        margin-bottom: 35px;
        padding-left: 0;
    }
    
    .product-title-overlay { 
        left: 5%; 
        right: 5%; 
        text-align: center; 
        bottom: 15%; 
    }
    
    .divider-line { max-width: 80px; }
    .elegant-divider { padding: 40px 5%; }
}

@media (max-width: 480px) {
    .product-title-overlay h2 { 
        font-size: 2.2rem; 
        line-height: 1.1;
    }
    
    .product-description h3 {
        font-size: 2.1rem;
    }
    
    .price-tag {
        font-size: 2.4rem;
        margin-bottom: 30px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9117a7f *//* --- BASIS-STRUKTUR --- */
.split-section {
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
    background-color: var(--main-teal);
    width: 100%;
}

.sticky-side {
    flex: 0 0 50%;
    min-width: 50%;
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.product-visual {
    width: 100%;
    height: 100%;
    position: relative;
}

.product-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.7);
}

.content-side {
    flex: 0 0 50%;
    min-width: 50%;
    background-color: var(--main-teal);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 10%;
}

/* --- WEICHER BILD-AUSLAUF --- */
.image-soft-fade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Desktop: Auslauf nur nach rechts zum Text hin */
    background: linear-gradient(to right, transparent 50%, var(--main-teal) 100%);
    pointer-events: none;
    z-index: 2;
}

/* --- EDLER HORIZONTALER TRENNER --- */
.elegant-divider {
    background-color: var(--main-teal);
    padding: 80px 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.divider-line {
    height: 1px;
    flex: 1;
    max-width: 300px;
}

.line-left { background: linear-gradient(to right, transparent, var(--gold)); }
.line-right { background: linear-gradient(to left, transparent, var(--gold)); }

.divider-sparkle {
    color: var(--gold);
    font-size: 1.5rem;
}

/* --- TEXT-OVERLAY (AUF DEM BILD) --- */
.product-title-overlay {
    position: absolute;
    bottom: 12%;
    left: 10%;
    right: 10%;
    z-index: 5;
}

.product-title-overlay h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2.4rem, 9vw, 4rem); 
    line-height: 1.1;
    color: var(--soft-white);
    word-wrap: break-word;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.product-title-overlay h2 span {
    color: var(--gold);
    font-style: italic;
}

/* --- TEXT-BESCHREIBUNG --- */
.category {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 0.85rem;
    color: var(--gold);
    margin-bottom: 20px;
    display: block;
}

.product-description h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3rem;
    margin-bottom: 25px;
    color: var(--gold);
    line-height: 1.2;
}

.product-description p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--text-muted);
    margin-bottom: 30px;
}

.features {
    list-style: none;
    margin-bottom: 40px;
}

.features li {
    margin-bottom: 15px;
    font-size: 1rem;
    color: var(--soft-white);
    display: flex;
    align-items: center;
    gap: 12px;
}

.price-tag {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3rem;
    margin-bottom: 35px;
    color: var(--soft-white);
}

/* --- RESPONSIVE OPTIMIERUNG --- */
@media (max-width: 1024px) {
    .split-section { flex-direction: column; }
    .sticky-side, .content-side { flex: 0 0 100%; min-width: 100%; }
    
    .sticky-side { 
        position: relative; 
        height: 60vh; /* Etwas mehr Bildanteil mobil */
        top: auto; 
    }
    
    .image-soft-fade { 
        /* MOBIL: Weicher Auslauf nach OBEN und UNTEN */
        background: linear-gradient(
            to bottom, 
            var(--main-teal) 0%, 
            transparent 15%, 
            transparent 85%, 
            var(--main-teal) 100%
        ); 
    }
    
    .content-side { 
        padding: 50px 30px 80px; /* Oben kompakter, unten mehr Platz zum Trenner */
        text-align: center; 
    }
    
    .product-description h3 {
        font-size: 2.4rem;
        margin-bottom: 20px;
    }
    
    .product-description p {
        font-size: 1.05rem;
        margin-bottom: 25px;
    }

    .features {
        margin-bottom: 35px;
        padding-left: 0;
    }
    
    .product-title-overlay { 
        left: 5%; 
        right: 5%; 
        text-align: center; 
        bottom: 15%; 
    }
    
    .divider-line { max-width: 80px; }
    .elegant-divider { padding: 40px 5%; }
}

@media (max-width: 480px) {
    .product-title-overlay h2 { 
        font-size: 2.2rem; 
        line-height: 1.1;
    }
    
    .product-description h3 {
        font-size: 2.1rem;
    }
    
    .price-tag {
        font-size: 2.4rem;
        margin-bottom: 30px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a448a84 *//* --- BASIS-STRUKTUR --- */
.split-section {
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
    background-color: var(--main-teal);
    width: 100%;
}

.sticky-side {
    flex: 0 0 50%;
    min-width: 50%;
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.product-visual {
    width: 100%;
    height: 100%;
    position: relative;
}

.product-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.7);
}

.content-side {
    flex: 0 0 50%;
    min-width: 50%;
    background-color: var(--main-teal);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 10%;
}

/* --- WEICHER BILD-AUSLAUF --- */
.image-soft-fade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Desktop: Auslauf nur nach rechts zum Text hin */
    background: linear-gradient(to right, transparent 50%, var(--main-teal) 100%);
    pointer-events: none;
    z-index: 2;
}

/* --- EDLER HORIZONTALER TRENNER --- */
.elegant-divider {
    background-color: var(--main-teal);
    padding: 80px 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.divider-line {
    height: 1px;
    flex: 1;
    max-width: 300px;
}

.line-left { background: linear-gradient(to right, transparent, var(--gold)); }
.line-right { background: linear-gradient(to left, transparent, var(--gold)); }

.divider-sparkle {
    color: var(--gold);
    font-size: 1.5rem;
}

/* --- TEXT-OVERLAY (AUF DEM BILD) --- */
.product-title-overlay {
    position: absolute;
    bottom: 12%;
    left: 10%;
    right: 10%;
    z-index: 5;
}

.product-title-overlay h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2.4rem, 9vw, 4rem); 
    line-height: 1.1;
    color: var(--soft-white);
    word-wrap: break-word;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.product-title-overlay h2 span {
    color: var(--gold);
    font-style: italic;
}

/* --- TEXT-BESCHREIBUNG --- */
.category {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 0.85rem;
    color: var(--gold);
    margin-bottom: 20px;
    display: block;
}

.product-description h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3rem;
    margin-bottom: 25px;
    color: var(--gold);
    line-height: 1.2;
}

.product-description p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--text-muted);
    margin-bottom: 30px;
}

.features {
    list-style: none;
    margin-bottom: 40px;
}

.features li {
    margin-bottom: 15px;
    font-size: 1rem;
    color: var(--soft-white);
    display: flex;
    align-items: center;
    gap: 12px;
}

.price-tag {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3rem;
    margin-bottom: 35px;
    color: var(--soft-white);
}

/* --- RESPONSIVE OPTIMIERUNG --- */
@media (max-width: 1024px) {
    .split-section { flex-direction: column; }
    .sticky-side, .content-side { flex: 0 0 100%; min-width: 100%; }
    
    .sticky-side { 
        position: relative; 
        height: 60vh; /* Etwas mehr Bildanteil mobil */
        top: auto; 
    }
    
    .image-soft-fade { 
        /* MOBIL: Weicher Auslauf nach OBEN und UNTEN */
        background: linear-gradient(
            to bottom, 
            var(--main-teal) 0%, 
            transparent 15%, 
            transparent 85%, 
            var(--main-teal) 100%
        ); 
    }
    
    .content-side { 
        padding: 50px 30px 80px; /* Oben kompakter, unten mehr Platz zum Trenner */
        text-align: center; 
    }
    
    .product-description h3 {
        font-size: 2.4rem;
        margin-bottom: 20px;
    }
    
    .product-description p {
        font-size: 1.05rem;
        margin-bottom: 25px;
    }

    .features {
        margin-bottom: 35px;
        padding-left: 0;
    }
    
    .product-title-overlay { 
        left: 5%; 
        right: 5%; 
        text-align: center; 
        bottom: 15%; 
    }
    
    .divider-line { max-width: 80px; }
    .elegant-divider { padding: 40px 5%; }
}

@media (max-width: 480px) {
    .product-title-overlay h2 { 
        font-size: 2.2rem; 
        line-height: 1.1;
    }
    
    .product-description h3 {
        font-size: 2.1rem;
    }
    
    .price-tag {
        font-size: 2.4rem;
        margin-bottom: 30px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d15891 *//* --- BASIS-STRUKTUR --- */
.split-section {
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
    background-color: var(--main-teal);
    width: 100%;
}

.sticky-side {
    flex: 0 0 50%;
    min-width: 50%;
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.product-visual {
    width: 100%;
    height: 100%;
    position: relative;
}

.product-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.7);
}

.content-side {
    flex: 0 0 50%;
    min-width: 50%;
    background-color: var(--main-teal);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 10%;
}

/* --- WEICHER BILD-AUSLAUF --- */
.image-soft-fade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Desktop: Auslauf nur nach rechts zum Text hin */
    background: linear-gradient(to right, transparent 50%, var(--main-teal) 100%);
    pointer-events: none;
    z-index: 2;
}

/* --- EDLER HORIZONTALER TRENNER --- */
.elegant-divider {
    background-color: var(--main-teal);
    padding: 80px 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.divider-line {
    height: 1px;
    flex: 1;
    max-width: 300px;
}

.line-left { background: linear-gradient(to right, transparent, var(--gold)); }
.line-right { background: linear-gradient(to left, transparent, var(--gold)); }

.divider-sparkle {
    color: var(--gold);
    font-size: 1.5rem;
}

/* --- TEXT-OVERLAY (AUF DEM BILD) --- */
.product-title-overlay {
    position: absolute;
    bottom: 12%;
    left: 10%;
    right: 10%;
    z-index: 5;
}

.product-title-overlay h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2.4rem, 9vw, 4rem); 
    line-height: 1.1;
    color: var(--soft-white);
    word-wrap: break-word;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.product-title-overlay h2 span {
    color: var(--gold);
    font-style: italic;
}

/* --- TEXT-BESCHREIBUNG --- */
.category {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 0.85rem;
    color: var(--gold);
    margin-bottom: 20px;
    display: block;
}

.product-description h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3rem;
    margin-bottom: 25px;
    color: var(--gold);
    line-height: 1.2;
}

.product-description p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--text-muted);
    margin-bottom: 30px;
}

.features {
    list-style: none;
    margin-bottom: 40px;
}

.features li {
    margin-bottom: 15px;
    font-size: 1rem;
    color: var(--soft-white);
    display: flex;
    align-items: center;
    gap: 12px;
}

.price-tag {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3rem;
    margin-bottom: 35px;
    color: var(--soft-white);
}

/* --- RESPONSIVE OPTIMIERUNG --- */
@media (max-width: 1024px) {
    .split-section { flex-direction: column; }
    .sticky-side, .content-side { flex: 0 0 100%; min-width: 100%; }
    
    .sticky-side { 
        position: relative; 
        height: 60vh; /* Etwas mehr Bildanteil mobil */
        top: auto; 
    }
    
    .image-soft-fade { 
        /* MOBIL: Weicher Auslauf nach OBEN und UNTEN */
        background: linear-gradient(
            to bottom, 
            var(--main-teal) 0%, 
            transparent 15%, 
            transparent 85%, 
            var(--main-teal) 100%
        ); 
    }
    
    .content-side { 
        padding: 50px 30px 80px; /* Oben kompakter, unten mehr Platz zum Trenner */
        text-align: center; 
    }
    
    .product-description h3 {
        font-size: 2.4rem;
        margin-bottom: 20px;
    }
    
    .product-description p {
        font-size: 1.05rem;
        margin-bottom: 25px;
    }

    .features {
        margin-bottom: 35px;
        padding-left: 0;
    }
    
    .product-title-overlay { 
        left: 5%; 
        right: 5%; 
        text-align: center; 
        bottom: 15%; 
    }
    
    .divider-line { max-width: 80px; }
    .elegant-divider { padding: 40px 5%; }
}

@media (max-width: 480px) {
    .product-title-overlay h2 { 
        font-size: 2.2rem; 
        line-height: 1.1;
    }
    
    .product-description h3 {
        font-size: 2.1rem;
    }
    
    .price-tag {
        font-size: 2.4rem;
        margin-bottom: 30px;
    }
}/* End custom CSS */
/* Start custom CSS *//* 1. DEN SLIDER-MECHANISMUS IN RUHE LASSEN */
.wpmtst-testimonial-slider .slick-track {
    display: block !important; /* Slick braucht das oft als Standard */
}

/* 2. NUR DEN INHALT DER SLIDES ZENTRIEREN */
.wpmtst-testimonial {
    text-align: center !important;
}

/* 3. ALLE TEXTE UND STERNE MITTIG */
.wpmtst-testimonial-heading, 
.wpmtst-testimonial-content,
.wpmtst-testimonial-content p,
.wpmtst-testimonial-field {
    text-align: center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

/* 4. STERNE-FIX (FLEX NUR FÜR DIE STERNE-REIHE) */
.wpmtst-testimonial-field.testimonial-field {
    display: flex !important;
    justify-content: center !important;
}

/* 5. DOTS ZENTRIEREN */
.wpmtst-testimonial-slider .slick-dots {
    text-align: center !important;
    padding: 0 !important;
}/* End custom CSS */