/* Layerpix V12 Logo Colors — bold design using logo palette */
.lp-page{
 --lp-bg:#09090b;
 --lp-bg2:#121217;
 --lp-panel:#17171c;
 --lp-panel2:#1d1d24;
 --lp-white:#ffffff;
 --lp-text:#f5f3ee;
 --lp-muted:#d6d1c8;
 --lp-line:rgba(255,255,255,.12);
 --lp-gold:#d6ae68;
 --lp-gold-soft:#e6c88d;
 --lp-silver:#f2eee5;
 --lp-blue:#a9cdf7;
 --lp-blue-strong:#83b6ef;
 color:var(--lp-text);
 font-family:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
 max-width:1220px!important;
 margin:0 auto;
 padding:24px 22px 86px;
 box-sizing:border-box;
}
.lp-page *{box-sizing:border-box}
.lp-page h1,.lp-page h2,.lp-page h3{
 font-family:"Trebuchet MS","Segoe UI",Helvetica,Arial,sans-serif;
 color:var(--lp-text);
 font-weight:700;
 letter-spacing:-.052em;
 line-height:1.02;
 margin-top:0;
 text-wrap:balance;
}
.lp-page h2{font-size:clamp(2rem,3vw,3.1rem);margin-bottom:15px}
.lp-page h3{font-size:1.45rem;margin-bottom:10px}
.lp-page p,.lp-page a,.lp-page button{font-family:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif}
.lp-page p{color:var(--lp-muted);line-height:1.7}
.lp-page a{transition:.18s ease}

.lp-hero{
 position:relative;
 overflow:hidden;
 border-radius:34px;
 padding:clamp(52px,8vw,110px) clamp(26px,7vw,86px);
 margin:18px 0 44px;
 background:
 radial-gradient(circle at 18% 20%, rgba(214,174,104,.12), transparent 25%),
 radial-gradient(circle at 88% 22%, rgba(169,205,247,.12), transparent 25%),
 linear-gradient(135deg,#101015 0%,#1b1b22 56%,#0b0b0f 100%);
 border:1px solid rgba(255,255,255,.1);
 box-shadow:0 28px 90px rgba(0,0,0,.38);
}
.lp-hero:before{
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(115deg, transparent 0 52%, rgba(255,255,255,.03) 52% 53%, transparent 53% 100%);
 pointer-events:none;
}
.lp-hero-soft,.lp-hero-light,.lp-hero-reveal{
 background:
 radial-gradient(circle at 20% 18%, rgba(214,174,104,.13), transparent 24%),
 radial-gradient(circle at 86% 22%, rgba(169,205,247,.14), transparent 26%),
 linear-gradient(135deg,#101015,#1c1b22 58%,#0b0b0f);
}
.lp-hero-reveal{
 background:
 radial-gradient(circle at 18% 20%, rgba(214,174,104,.14), transparent 22%),
 radial-gradient(circle at 84% 22%, rgba(169,205,247,.17), transparent 24%),
 linear-gradient(135deg,#101015,#201d24 52%,#0d1016);
}
.lp-eyebrow,.lp-kicker{
 text-transform:uppercase;
 letter-spacing:.18em;
 font-size:.74rem;
 font-weight:800;
 color:var(--lp-blue)!important;
 margin-bottom:15px;
}
.lp-h1{
 font-size:clamp(3rem,7vw,6.8rem);
 max-width:980px;
 margin-bottom:24px;
 background:linear-gradient(90deg,var(--lp-gold) 0%, var(--lp-gold-soft) 28%, var(--lp-silver) 58%, var(--lp-silver) 70%, var(--lp-blue) 100%);
 -webkit-background-clip:text;
 background-clip:text;
 color:transparent!important;
}
.lp-lead{
 font-size:clamp(1.08rem,1.6vw,1.36rem);
 max-width:810px;
 margin-bottom:0;
 color:#ece8df!important;
}

.lp-card-grid{gap:24px!important;margin:0 0 24px!important}
.lp-card{
 position:relative;
 overflow:hidden;
 background:linear-gradient(145deg,#18181e,#101014);
 border:1px solid var(--lp-line);
 border-radius:26px;
 min-height:300px;
 padding:36px;
 box-shadow:0 18px 55px rgba(0,0,0,.24);
 display:flex;
 flex-direction:column;
 height:100%;
}
.lp-card:before{
 content:"";
 position:absolute;
 width:170px;height:170px;border-radius:50%;
 right:-55px;bottom:-55px;
 background:radial-gradient(circle,rgba(214,174,104,.15),transparent 68%);
}
.lp-card:nth-of-type(2n):before{
 background:radial-gradient(circle,rgba(169,205,247,.15),transparent 68%);
}
.lp-card-reveal{
 background:
 radial-gradient(circle at 90% 85%,rgba(169,205,247,.14),transparent 30%),
 linear-gradient(145deg,#19191f,#101014);
}
.lp-card h2{
 font-size:clamp(1.8rem,2.6vw,2.55rem);
 margin-bottom:12px;
}
.lp-card .wp-block-buttons{margin-top:auto;padding-top:18px}
.lp-card .wp-block-button__link{
 background:linear-gradient(90deg,var(--lp-gold),var(--lp-silver),var(--lp-blue))!important;
 color:#0b0b0d!important;
}

.lp-product-section{
 position:relative;
 overflow:hidden;
 padding:clamp(30px,5vw,58px);
 border-radius:28px;
 margin:28px 0;
 background:linear-gradient(145deg,#17171d,#101014);
 border:1px solid var(--lp-line);
 box-shadow:0 18px 60px rgba(0,0,0,.23);
}
.lp-product-section.lp-alt{
 background:
 radial-gradient(circle at 92% 16%,rgba(169,205,247,.10),transparent 26%),
 linear-gradient(145deg,#18181f,#111116);
}
.lp-product-row{gap:clamp(28px,5vw,70px)!important;margin:0!important}

.lp-slider-stage{
 position:relative;
 overflow:hidden;
 border-radius:24px;
 background:#0a0a0d;
 min-height:350px;
 touch-action:pan-y;
 border:1px solid rgba(255,255,255,.12);
 box-shadow:0 18px 48px rgba(0,0,0,.32);
}
.lp-slide{display:none;width:100%;height:100%}
.lp-slide.is-active{display:block}
.lp-slide figure,.lp-slide .wp-block-image{margin:0!important}
.lp-slide img,.lp-slide video{
 width:100%;height:100%;min-height:350px;display:block;object-fit:cover;border-radius:24px
}
.lp-media-placeholder{
 min-height:350px;
 border-radius:24px;
 background:
 radial-gradient(circle at 20% 20%,rgba(214,174,104,.14),transparent 24%),
 radial-gradient(circle at 82% 22%,rgba(169,205,247,.14),transparent 24%),
 linear-gradient(135deg,#1a1a22,#101015);
 border:1px dashed rgba(255,255,255,.22);
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:8px;padding:30px;text-align:center;color:#ddd7ce;
 font:800 .8rem/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.08em
}
.lp-media-placeholder small{font-weight:500;letter-spacing:0;color:#a8a39b}
.lp-video-placeholder:before{
 content:"▶";display:grid;place-items:center;width:58px;height:58px;border-radius:50%;
 background:linear-gradient(135deg,var(--lp-gold),var(--lp-silver),var(--lp-blue));
 color:#08080a;font-size:1.05rem;margin-bottom:4px;
 box-shadow:0 10px 32px rgba(169,205,247,.16)
}
.lp-slider-arrow{
 position:absolute;top:50%;transform:translateY(-50%);z-index:5;
 width:46px;height:46px;border-radius:50%;
 border:1px solid rgba(255,255,255,.16);
 background:rgba(12,12,16,.76);
 color:#fff;font-size:1.9rem;line-height:1;
 display:grid;place-items:center;cursor:pointer;
 box-shadow:0 8px 24px rgba(0,0,0,.28);
 backdrop-filter:blur(10px)
}
.lp-slider-arrow:hover{background:#fff;color:#111}
.lp-prev{left:12px}.lp-next{right:12px}
.lp-slider-dots{display:flex;justify-content:center;gap:7px;margin-top:13px}
.lp-dot{
 width:8px;height:8px;padding:0;border:0;border-radius:999px;
 background:#555561;cursor:pointer
}
.lp-dot.is-active{
 width:28px;
 background:linear-gradient(90deg,var(--lp-gold),var(--lp-silver),var(--lp-blue))
}

.lp-options,.lp-faq{
 margin-top:22px;
 padding:24px 26px;
 border-radius:20px;
 background:rgba(255,255,255,.045);
 border:1px solid var(--lp-line);
}
.lp-options h3,.lp-faq h3{font-size:1.3rem;margin-bottom:12px}
.lp-options ul{margin:0;padding-left:1.25rem;color:var(--lp-muted);line-height:1.65}
.lp-options li::marker{color:var(--lp-gold-soft)}
.lp-options li+li{margin-top:4px}
.lp-faq details{border-top:1px solid rgba(255,255,255,.1);padding:14px 0}
.lp-faq details:first-of-type{border-top:0;padding-top:0}
.lp-faq summary{cursor:pointer;font-weight:800;color:#fff}
.lp-faq details p{margin:9px 0 0;font-size:.96rem}

.lp-button .wp-block-button__link,.lp-button-secondary .wp-block-button__link{
 border-radius:999px!important;
 padding:14px 22px!important;
 font-weight:800;
 font-size:.95rem;
 text-decoration:none!important;
 transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.lp-button .wp-block-button__link{
 background:linear-gradient(90deg,var(--lp-gold),var(--lp-silver),var(--lp-blue))!important;
 color:#0a0a0c!important;
 box-shadow:0 10px 28px rgba(169,205,247,.15)
}
.lp-button-secondary .wp-block-button__link{
 background:transparent!important;
 color:#fff!important;
 border:1px solid rgba(255,255,255,.28)
}
.lp-button .wp-block-button__link:hover,.lp-button-secondary .wp-block-button__link:hover{
 transform:translateY(-2px);
 filter:brightness(1.05)
}

.lp-page .lp-actions{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:12px!important;
 width:100%;
 margin-top:28px
}
.lp-page .lp-actions .wp-block-button{width:100%;margin:0!important}
.lp-page .lp-actions .wp-block-button__link{
 display:flex!important;align-items:center;justify-content:center;
 width:100%!important;min-height:50px;
 padding:12px 16px!important;text-align:center;box-sizing:border-box
}

.lp-feature,.lp-about,.lp-note{
 background:
 radial-gradient(circle at 18% 18%,rgba(214,174,104,.08),transparent 22%),
 radial-gradient(circle at 90% 22%,rgba(169,205,247,.08),transparent 22%),
 linear-gradient(145deg,#17171d,#111116);
 border:1px solid var(--lp-line);
 border-radius:26px;
 padding:clamp(26px,5vw,52px);
 box-shadow:0 18px 60px rgba(0,0,0,.22)
}
.lp-feature>.lp-real-image img{max-height:680px;object-fit:cover;margin-bottom:32px}
.lp-about,.lp-note{margin-top:36px}
.lp-about p{max-width:800px}

.lp-image-placeholder{
 min-height:350px;border-radius:24px;
 background:
 radial-gradient(circle at 20% 20%,rgba(214,174,104,.13),transparent 24%),
 radial-gradient(circle at 82% 24%,rgba(169,205,247,.13),transparent 24%),
 linear-gradient(135deg,#1a1a22,#111116);
 border:1px dashed rgba(255,255,255,.22);
 display:flex;align-items:center;justify-content:center;
 padding:30px;text-align:center
}
.lp-image-placeholder p{
 font-size:.8rem;font-weight:800;letter-spacing:.08em;color:#d3cdc4!important;
 max-width:260px;margin:0
}

.lp-small-grid,.lp-info-columns{gap:24px!important;margin-top:24px!important}
.lp-mini-card{
 height:100%;padding:30px;border-radius:22px;
 background:linear-gradient(145deg,#17171d,#111116);
 border:1px solid var(--lp-line)
}

@media(min-width:782px){
 .lp-reverse .wp-block-column:first-child{order:2}
 .lp-reverse .wp-block-column:last-child{order:1}
}
@media(max-width:781px){
 .lp-page{padding:12px 14px 54px}
 .lp-hero{border-radius:24px;margin:8px 0 24px;padding:42px 22px}
 .lp-product-section,.lp-card,.lp-feature,.lp-about,.lp-note{border-radius:22px}
 .lp-product-section{padding:20px}
 .lp-card{min-height:0}
 .lp-card-grid{gap:16px!important;margin-bottom:16px!important}
 .lp-slider-stage,.lp-slide img,.lp-slide video,.lp-media-placeholder,.lp-image-placeholder{min-height:270px}
 .lp-page .lp-actions{grid-template-columns:1fr}
}


/* V13 Gutenberg-Galerie: Editor */
.editor-styles-wrapper .lp-editor-gallery,.lp-editor-gallery{
 background:#111116;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px
}
.lp-editor-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.lp-editor-label{color:#a9cdf7;font-size:12px;font-weight:700;letter-spacing:.12em;margin-top:3px;text-transform:uppercase}
.lp-editor-media-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.lp-editor-media-item{background:#1a1a21;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden}
.lp-editor-preview{aspect-ratio:4/3;background:#09090c;overflow:hidden}
.lp-editor-preview img,.lp-editor-preview video{display:block;width:100%;height:100%;object-fit:cover}
.lp-editor-meta{padding:12px}
.lp-editor-controls{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0 12px}
.lp-editor-tip{margin:14px 0 0;color:#c9c6bf;font-size:13px}
@media(max-width:600px){.lp-editor-gallery-head{align-items:flex-start;flex-direction:column}.lp-editor-media-list{grid-template-columns:1fr}}


/* V16 – eigenes Full-Width-Template, keine Theme-Hülle */
html{
    background:#000 !important;
}
body.layerpix-standalone{
    margin:0 !important;
    background:#000 !important;
    color:#fff;
}
body.layerpix-standalone > *{
    max-width:none;
}
.lp-standalone-shell{
    min-height:100vh;
    background:#000;
}
.lp-site-brand{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:34px 24px 8px;
    background:#000;
}
.lp-site-brand a{
    display:block;
}
.lp-site-brand img{
    display:block;
    width:min(620px,72vw);
    max-width:100%;
    height:auto;
}
.lp-standalone-main{
    width:100%;
    background:#000;
}

body.layerpix-standalone .lp-page{
    width:min(94vw,1600px) !important;
    max-width:1600px !important;
    margin:0 auto !important;
    padding:0 28px 88px !important;
    background:#000 !important;
}

/* Hero wirkt wie Teil der Seite, nicht wie ein Kasten */
body.layerpix-standalone .lp-hero{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:72px 0 82px !important;
    margin:0 !important;
}
body.layerpix-standalone .lp-hero::before,
body.layerpix-standalone .lp-hero::after{
    display:none !important;
}
body.layerpix-standalone .lp-h1{
    max-width:1120px;
}
body.layerpix-standalone .lp-lead{
    max-width:900px;
}

/* Produktübersicht: eine große "Zelle" pro Bereich, untereinander */
body.layerpix-standalone .lp-overview-section{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    margin:0 !important;
    padding:86px 0 !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
}
body.layerpix-standalone .lp-overview-row{
    gap:clamp(44px,5vw,90px) !important;
    margin:0 !important;
    align-items:center !important;
}
body.layerpix-standalone .lp-overview-section h2{
    font-size:clamp(2rem,3.5vw,4rem);
    margin-bottom:18px;
}

/* Jede Zelle hat eine große Medienfläche für viele Bilder/Videos */
body.layerpix-standalone .lp-overview-section .lp-slider-stage{
    min-height:520px;
    border-radius:18px !important;
    background:#080808 !important;
    border:0 !important;
    box-shadow:none !important;
}
body.layerpix-standalone .lp-overview-section .lp-slide img,
body.layerpix-standalone .lp-overview-section .lp-slide video,
body.layerpix-standalone .lp-overview-section .lp-media-placeholder{
    min-height:520px;
    height:520px;
    object-fit:cover;
    border-radius:18px !important;
}

/* Unterseiten ebenfalls offen und breit */
body.layerpix-standalone .lp-product-section,
body.layerpix-standalone .lp-product-section.lp-alt,
body.layerpix-standalone .lp-feature,
body.layerpix-standalone .lp-about,
body.layerpix-standalone .lp-note{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
body.layerpix-standalone .lp-product-section{
    margin:0 !important;
    padding:86px 0 !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
}
body.layerpix-standalone .lp-product-row{
    gap:clamp(44px,5vw,90px) !important;
    margin:0 !important;
}
body.layerpix-standalone .lp-feature,
body.layerpix-standalone .lp-about,
body.layerpix-standalone .lp-note{
    margin:0 !important;
    padding:72px 0 !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
}

/* große Galerien auf Detailseiten */
body.layerpix-standalone .lp-product-section .lp-slider-stage{
    min-height:500px;
    border:0 !important;
    box-shadow:none !important;
    border-radius:18px !important;
}
body.layerpix-standalone .lp-product-section .lp-slide img,
body.layerpix-standalone .lp-product-section .lp-slide video,
body.layerpix-standalone .lp-product-section .lp-media-placeholder{
    min-height:500px;
    height:500px;
    object-fit:cover;
    border-radius:18px !important;
}

/* Auswahl und FAQs nicht als schwarze Kästen */
body.layerpix-standalone .lp-options{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    padding:24px 0 0 !important;
    margin-top:28px !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
}
body.layerpix-standalone .lp-options ul{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 28px;
}
body.layerpix-standalone .lp-faq{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    padding:28px 0 0 !important;
    margin-top:28px !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
}
body.layerpix-standalone .lp-faq details{
    border-top:1px solid rgba(255,255,255,.10) !important;
    padding:17px 0 !important;
}

/* Logo-Farben */
body.layerpix-standalone .lp-eyebrow,
body.layerpix-standalone .lp-kicker{
    color:#a9cdf7 !important;
}
body.layerpix-standalone .lp-h1{
    background:linear-gradient(90deg,#d6ae68 0%,#e8cb91 28%,#f2eee5 58%,#a9cdf7 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent !important;
}
body.layerpix-standalone .lp-button .wp-block-button__link{
    background:linear-gradient(90deg,#d6ae68,#f2eee5,#a9cdf7) !important;
    color:#080808 !important;
    border-radius:8px !important;
}
body.layerpix-standalone .lp-button-secondary .wp-block-button__link{
    border-radius:8px !important;
}

/* Desktop alternating gallery/text */
@media(min-width:782px){
    body.layerpix-standalone .lp-reverse .wp-block-column:first-child{
        order:2;
    }
    body.layerpix-standalone .lp-reverse .wp-block-column:last-child{
        order:1;
    }
}

/* Tablet/mobile */
@media(max-width:900px){
    body.layerpix-standalone .lp-page{
        width:100% !important;
        padding:0 20px 60px !important;
    }
    .lp-site-brand{
        padding-top:24px;
    }
    .lp-site-brand img{
        width:min(520px,82vw);
    }
    body.layerpix-standalone .lp-overview-section,
    body.layerpix-standalone .lp-product-section{
        padding:58px 0 !important;
    }
    body.layerpix-standalone .lp-overview-section .lp-slider-stage,
    body.layerpix-standalone .lp-overview-section .lp-slide img,
    body.layerpix-standalone .lp-overview-section .lp-slide video,
    body.layerpix-standalone .lp-overview-section .lp-media-placeholder,
    body.layerpix-standalone .lp-product-section .lp-slider-stage,
    body.layerpix-standalone .lp-product-section .lp-slide img,
    body.layerpix-standalone .lp-product-section .lp-slide video,
    body.layerpix-standalone .lp-product-section .lp-media-placeholder{
        min-height:360px;
        height:360px;
    }
}
@media(max-width:620px){
    body.layerpix-standalone .lp-page{
        padding-left:14px !important;
        padding-right:14px !important;
    }
    body.layerpix-standalone .lp-hero{
        padding:42px 0 48px !important;
    }
    body.layerpix-standalone .lp-options ul{
        grid-template-columns:1fr;
    }
    body.layerpix-standalone .lp-overview-section .lp-slider-stage,
    body.layerpix-standalone .lp-overview-section .lp-slide img,
    body.layerpix-standalone .lp-overview-section .lp-slide video,
    body.layerpix-standalone .lp-overview-section .lp-media-placeholder,
    body.layerpix-standalone .lp-product-section .lp-slider-stage,
    body.layerpix-standalone .lp-product-section .lp-slide img,
    body.layerpix-standalone .lp-product-section .lp-slide video,
    body.layerpix-standalone .lp-product-section .lp-media-placeholder{
        min-height:280px;
        height:280px;
    }
}


/* =========================================================
   V17 – DESKTOP BREIT + MOBILE SAUBER
   Entfernt die Gutenberg-"constrained"-Breiten innerhalb
   unserer eigenen Full-Width-Seite.
   ========================================================= */

/* Gutenberg darf innerhalb unserer Layerpix-Seite NICHT auf die Theme-Contentbreite begrenzen */
body.layerpix-standalone .lp-page.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.layerpix-standalone .lp-hero.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.layerpix-standalone .lp-overview-section.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.layerpix-standalone .lp-product-section.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.layerpix-standalone .lp-feature.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.layerpix-standalone .lp-about.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.layerpix-standalone .lp-note.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
    max-width:none !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

/* Manche Themes setzen zusätzlich content-size auf verschachtelte Groups */
body.layerpix-standalone .lp-page .is-layout-constrained,
body.layerpix-standalone .lp-page .wp-block-group__inner-container{
    max-width:none !important;
}

/* Gesamtbreite */
body.layerpix-standalone .lp-page{
    width:min(94vw, 1680px) !important;
    max-width:1680px !important;
    margin:0 auto !important;
    padding-left:32px !important;
    padding-right:32px !important;
}

/* Hero: breit, aber Text nicht übertrieben lang */
body.layerpix-standalone .lp-hero{
    width:100% !important;
    padding:64px 0 78px !important;
}
body.layerpix-standalone .lp-h1{
    font-size:clamp(3.2rem,5.15vw,5.6rem) !important;
    max-width:1050px !important;
    line-height:.98 !important;
}
body.layerpix-standalone .lp-lead{
    max-width:900px !important;
    font-size:clamp(1.05rem,1.3vw,1.28rem) !important;
}

/* Produktübersicht: Desktop echte 2-Spalten-Komposition */
body.layerpix-standalone .lp-overview-row.wp-block-columns{
    display:grid !important;
    grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr) !important;
    gap:clamp(48px,6vw,100px) !important;
    align-items:center !important;
    width:100% !important;
}
body.layerpix-standalone .lp-overview-row > .wp-block-column{
    width:auto !important;
    flex-basis:auto !important;
    min-width:0 !important;
    margin:0 !important;
}

/* Alternierende Bereiche wirklich drehen */
@media(min-width:901px){
    body.layerpix-standalone .lp-overview-row.lp-reverse > .wp-block-column:first-child{
        order:2 !important;
    }
    body.layerpix-standalone .lp-overview-row.lp-reverse > .wp-block-column:last-child{
        order:1 !important;
    }
}

/* Große Medienfläche, nicht zu hoch */
body.layerpix-standalone .lp-overview-section .lp-slider-stage{
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:16/10 !important;
}
body.layerpix-standalone .lp-overview-section .lp-slide,
body.layerpix-standalone .lp-overview-section .lp-slide figure{
    height:100% !important;
}
body.layerpix-standalone .lp-overview-section .lp-slide img,
body.layerpix-standalone .lp-overview-section .lp-slide video,
body.layerpix-standalone .lp-overview-section .lp-media-placeholder{
    min-height:0 !important;
    height:100% !important;
    aspect-ratio:16/10 !important;
    object-fit:cover !important;
}

/* Detailseiten ebenfalls breit */
body.layerpix-standalone .lp-product-row.wp-block-columns{
    display:grid !important;
    grid-template-columns:minmax(0,1.45fr) minmax(340px,.95fr) !important;
    gap:clamp(48px,6vw,96px) !important;
    align-items:start !important;
    width:100% !important;
}
body.layerpix-standalone .lp-product-row > .wp-block-column{
    width:auto !important;
    flex-basis:auto !important;
    min-width:0 !important;
    margin:0 !important;
}
@media(min-width:901px){
    body.layerpix-standalone .lp-product-row.lp-reverse > .wp-block-column:first-child{
        order:2 !important;
    }
    body.layerpix-standalone .lp-product-row.lp-reverse > .wp-block-column:last-child{
        order:1 !important;
    }
}

/* Detail-Galerien ebenfalls proportional statt fester Pixelhöhe */
body.layerpix-standalone .lp-product-section .lp-slider-stage{
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:4/3 !important;
}
body.layerpix-standalone .lp-product-section .lp-slide,
body.layerpix-standalone .lp-product-section .lp-slide figure{
    height:100% !important;
}
body.layerpix-standalone .lp-product-section .lp-slide img,
body.layerpix-standalone .lp-product-section .lp-slide video,
body.layerpix-standalone .lp-product-section .lp-media-placeholder{
    min-height:0 !important;
    height:100% !important;
    aspect-ratio:4/3 !important;
    object-fit:cover !important;
}

/* Texte auf Desktop nicht künstlich zentrieren */
body.layerpix-standalone .lp-page,
body.layerpix-standalone .lp-page p,
body.layerpix-standalone .lp-page h1,
body.layerpix-standalone .lp-page h2,
body.layerpix-standalone .lp-page h3{
    text-align:left;
}

/* Etwas mehr Luft zwischen Produktwelten */
body.layerpix-standalone .lp-overview-section{
    padding:82px 0 !important;
}
body.layerpix-standalone .lp-product-section{
    padding:82px 0 !important;
}

/* Tablet und Handy: alles sauber EINSPALTIG */
@media(max-width:900px){
    body.layerpix-standalone .lp-page{
        width:100% !important;
        max-width:100% !important;
        padding-left:22px !important;
        padding-right:22px !important;
    }

    body.layerpix-standalone .lp-overview-row.wp-block-columns,
    body.layerpix-standalone .lp-product-row.wp-block-columns{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:30px !important;
    }

    /* auf kleineren Screens immer Galerie zuerst, Text danach */
    body.layerpix-standalone .lp-overview-row > .wp-block-column:first-child,
    body.layerpix-standalone .lp-product-row > .wp-block-column:first-child,
    body.layerpix-standalone .lp-overview-row.lp-reverse > .wp-block-column:first-child,
    body.layerpix-standalone .lp-product-row.lp-reverse > .wp-block-column:first-child{
        order:1 !important;
    }
    body.layerpix-standalone .lp-overview-row > .wp-block-column:last-child,
    body.layerpix-standalone .lp-product-row > .wp-block-column:last-child,
    body.layerpix-standalone .lp-overview-row.lp-reverse > .wp-block-column:last-child,
    body.layerpix-standalone .lp-product-row.lp-reverse > .wp-block-column:last-child{
        order:2 !important;
    }

    body.layerpix-standalone .lp-h1{
        font-size:clamp(2.75rem,9vw,4.6rem) !important;
    }

    body.layerpix-standalone .lp-overview-section,
    body.layerpix-standalone .lp-product-section{
        padding:58px 0 !important;
    }

    body.layerpix-standalone .lp-overview-section .lp-slider-stage,
    body.layerpix-standalone .lp-overview-section .lp-slide img,
    body.layerpix-standalone .lp-overview-section .lp-slide video,
    body.layerpix-standalone .lp-overview-section .lp-media-placeholder{
        aspect-ratio:4/3 !important;
    }
}

/* echtes Handy */
@media(max-width:560px){
    .lp-site-brand{
        padding:22px 14px 4px !important;
    }
    .lp-site-brand img{
        width:min(390px,88vw) !important;
    }

    body.layerpix-standalone .lp-page{
        padding-left:15px !important;
        padding-right:15px !important;
    }

    body.layerpix-standalone .lp-hero{
        padding:36px 0 44px !important;
    }

    body.layerpix-standalone .lp-h1{
        font-size:clamp(2.5rem,12vw,3.7rem) !important;
        line-height:1 !important;
    }

    body.layerpix-standalone .lp-lead{
        font-size:1rem !important;
        line-height:1.6 !important;
    }

    body.layerpix-standalone .lp-overview-section,
    body.layerpix-standalone .lp-product-section{
        padding:48px 0 !important;
    }

    body.layerpix-standalone .lp-overview-row.wp-block-columns,
    body.layerpix-standalone .lp-product-row.wp-block-columns{
        gap:24px !important;
    }

    body.layerpix-standalone .lp-overview-section h2,
    body.layerpix-standalone .lp-product-section h2{
        font-size:clamp(2rem,9vw,2.8rem) !important;
    }

    /* Galerien gut sichtbar, aber nicht riesig */
    body.layerpix-standalone .lp-overview-section .lp-slider-stage,
    body.layerpix-standalone .lp-overview-section .lp-slide img,
    body.layerpix-standalone .lp-overview-section .lp-slide video,
    body.layerpix-standalone .lp-overview-section .lp-media-placeholder,
    body.layerpix-standalone .lp-product-section .lp-slider-stage,
    body.layerpix-standalone .lp-product-section .lp-slide img,
    body.layerpix-standalone .lp-product-section .lp-slide video,
    body.layerpix-standalone .lp-product-section .lp-media-placeholder{
        aspect-ratio:1/1 !important;
        border-radius:14px !important;
    }

    .lp-slider-arrow{
        width:40px !important;
        height:40px !important;
    }

    /* Auswahl und FAQs mobil gut lesbar */
    body.layerpix-standalone .lp-options ul{
        grid-template-columns:1fr !important;
    }

    /* Buttons volle Breite */
    body.layerpix-standalone .wp-block-buttons{
        width:100%;
    }
    body.layerpix-standalone .wp-block-button,
    body.layerpix-standalone .wp-block-button__link{
        width:100%;
    }
    body.layerpix-standalone .wp-block-button__link{
        justify-content:center !important;
        text-align:center !important;
    }
}


/* =========================================================
   V18 – TYPOGRAFIE STÄRKER UND BESSER LESBAR
   ========================================================= */

/* Blaue Kategorie-Titel deutlich präsenter */
body.layerpix-standalone .lp-eyebrow,
body.layerpix-standalone .lp-kicker{
    font-size:clamp(.92rem,1vw,1.08rem) !important;
    line-height:1.25 !important;
    letter-spacing:.15em !important;
    font-weight:800 !important;
    margin-bottom:18px !important;
    color:#a9cdf7 !important;
}

/* Top-Intro größer und hochwertiger */
body.layerpix-standalone .lp-lead{
    font-size:clamp(1.18rem,1.45vw,1.42rem) !important;
    line-height:1.65 !important;
    max-width:1080px !important;
    color:#e6e2dc !important;
}

/* Produktbereich-Titel stärker */
body.layerpix-standalone .lp-overview-section h2,
body.layerpix-standalone .lp-product-section h2{
    font-size:clamp(2.7rem,3.4vw,4.6rem) !important;
    line-height:1.02 !important;
    margin-bottom:22px !important;
}

/* Produktbeschreibungen größer */
body.layerpix-standalone .lp-overview-section p,
body.layerpix-standalone .lp-product-section p{
    font-size:clamp(1.08rem,1.2vw,1.28rem) !important;
    line-height:1.72 !important;
}

/* FAQ/Optionen nicht aufblasen */
body.layerpix-standalone .lp-options p,
body.layerpix-standalone .lp-faq p{
    font-size:1rem !important;
}
body.layerpix-standalone .lp-options li{
    font-size:1.02rem !important;
}
body.layerpix-standalone .lp-faq summary{
    font-size:1.03rem !important;
}

/* Mobile: klar lesbar, ohne zu riesig zu werden */
@media(max-width:900px){
    body.layerpix-standalone .lp-eyebrow,
    body.layerpix-standalone .lp-kicker{
        font-size:.86rem !important;
        letter-spacing:.13em !important;
        margin-bottom:14px !important;
    }

    body.layerpix-standalone .lp-lead{
        font-size:1.06rem !important;
        line-height:1.62 !important;
    }

    body.layerpix-standalone .lp-overview-section h2,
    body.layerpix-standalone .lp-product-section h2{
        font-size:clamp(2.35rem,7.5vw,3.5rem) !important;
        margin-bottom:16px !important;
    }

    body.layerpix-standalone .lp-overview-section p,
    body.layerpix-standalone .lp-product-section p{
        font-size:1.04rem !important;
        line-height:1.65 !important;
    }
}

@media(max-width:560px){
    body.layerpix-standalone .lp-eyebrow,
    body.layerpix-standalone .lp-kicker{
        font-size:.8rem !important;
    }

    body.layerpix-standalone .lp-overview-section h2,
    body.layerpix-standalone .lp-product-section h2{
        font-size:clamp(2.15rem,10vw,3rem) !important;
    }
}


/* =========================================================
   V19 – CLEAN / WIDER / BRIGHTER / UNIFORM
   ========================================================= */

/* angenehmeres dunkles Anthrazit statt tiefem Schwarz */
html,
body.layerpix-standalone,
.lp-standalone-shell,
.lp-standalone-main{
    background:#111318 !important;
}

body.layerpix-standalone .lp-page{
    background:#111318 !important;
}

/* Logo-Bereich ebenfalls durchgehend */
.lp-site-brand{
    background:#111318 !important;
}

/* mehr Desktopfläche nutzen */
body.layerpix-standalone .lp-page{
    width:min(97vw, 1860px) !important;
    max-width:1860px !important;
    padding-left:24px !important;
    padding-right:24px !important;
}

/* Hero etwas kompakter, damit mehr Inhalt sichtbar wird */
body.layerpix-standalone .lp-hero{
    padding-top:54px !important;
    padding-bottom:66px !important;
}

/* blaue Kategorie-Titel noch deutlicher */
body.layerpix-standalone .lp-eyebrow,
body.layerpix-standalone .lp-kicker{
    font-size:clamp(1.05rem,1.15vw,1.28rem) !important;
    letter-spacing:.13em !important;
    line-height:1.25 !important;
    font-weight:800 !important;
    margin-bottom:20px !important;
    color:#b6d8ff !important;
}

/* Fließtext klar größer */
body.layerpix-standalone .lp-lead{
    font-size:clamp(1.28rem,1.55vw,1.55rem) !important;
    line-height:1.62 !important;
    max-width:1200px !important;
    color:#ece8e2 !important;
}

body.layerpix-standalone .lp-overview-section p,
body.layerpix-standalone .lp-product-section p{
    font-size:clamp(1.18rem,1.35vw,1.42rem) !important;
    line-height:1.68 !important;
    color:#ddd9d3 !important;
}

/* Hauptüberschriften Produktbereiche */
body.layerpix-standalone .lp-overview-section h2,
body.layerpix-standalone .lp-product-section h2{
    font-size:clamp(3rem,3.5vw,4.7rem) !important;
    line-height:1.03 !important;
    margin-bottom:24px !important;
}

/* alle Hauptbereiche gleich aufgebaut und gleich hoch */
body.layerpix-standalone .lp-overview-section{
    min-height:720px !important;
    display:flex !important;
    align-items:center !important;
    padding:72px 0 !important;
}

body.layerpix-standalone .lp-overview-section > .wp-block-columns{
    width:100% !important;
}

/* identische Spaltenverteilung für jeden Bereich */
body.layerpix-standalone .lp-overview-row.wp-block-columns{
    grid-template-columns:minmax(0,1.6fr) minmax(360px,.8fr) !important;
    gap:clamp(56px,5vw,100px) !important;
}

/* identische Galeriegröße in JEDEM Produktbereich */
body.layerpix-standalone .lp-overview-section .lp-slider-stage{
    width:100% !important;
    aspect-ratio:16/10 !important;
    min-height:0 !important;
    max-height:none !important;
    background:#17191f !important;
}

body.layerpix-standalone .lp-overview-section .lp-slide,
body.layerpix-standalone .lp-overview-section .lp-slide figure{
    width:100% !important;
    height:100% !important;
}

body.layerpix-standalone .lp-overview-section .lp-slide img,
body.layerpix-standalone .lp-overview-section .lp-slide video,
body.layerpix-standalone .lp-overview-section .lp-media-placeholder{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:16/10 !important;
    object-fit:cover !important;
    object-position:center !important;
}

/* Unterseiten auch etwas breiter und einheitlicher */
body.layerpix-standalone .lp-product-section{
    min-height:690px !important;
    display:flex !important;
    align-items:center !important;
    padding:70px 0 !important;
}

body.layerpix-standalone .lp-product-section > .wp-block-columns{
    width:100% !important;
}

/* Slider-Hintergrund passend zum helleren Anthrazit */
body.layerpix-standalone .lp-slider-stage{
    background:#17191f !important;
}

/* Linien etwas weicher */
body.layerpix-standalone .lp-overview-section,
body.layerpix-standalone .lp-product-section,
body.layerpix-standalone .lp-feature,
body.layerpix-standalone .lp-about,
body.layerpix-standalone .lp-note{
    border-color:rgba(255,255,255,.13) !important;
}

/* Footer */
.lp-site-footer{
    background:#111318;
    width:min(97vw,1860px);
    margin:0 auto;
    padding:10px 24px 34px;
    color:#c8c4be;
}
.lp-footer-line{
    height:1px;
    background:rgba(255,255,255,.14);
    margin-bottom:24px;
}
.lp-footer-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;
}
.lp-footer-brand{
    font-weight:800;
    letter-spacing:.16em;
    font-size:.82rem;
    background:linear-gradient(90deg,#d6ae68,#f2eee5,#a9cdf7);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.lp-footer-links{
    display:flex;
    gap:28px;
}
.lp-footer-links a{
    color:#d8d4ce;
    text-decoration:none;
    font-size:.96rem;
}
.lp-footer-links a:hover{
    color:#fff;
}

/* Tablet */
@media(max-width:1000px){
    body.layerpix-standalone .lp-page{
        width:100% !important;
        padding-left:22px !important;
        padding-right:22px !important;
    }

    body.layerpix-standalone .lp-overview-section,
    body.layerpix-standalone .lp-product-section{
        min-height:0 !important;
    }

    body.layerpix-standalone .lp-overview-row.wp-block-columns,
    body.layerpix-standalone .lp-product-row.wp-block-columns{
        grid-template-columns:1fr !important;
        gap:34px !important;
    }

    body.layerpix-standalone .lp-overview-section .lp-slider-stage,
    body.layerpix-standalone .lp-overview-section .lp-slide img,
    body.layerpix-standalone .lp-overview-section .lp-slide video,
    body.layerpix-standalone .lp-overview-section .lp-media-placeholder{
        aspect-ratio:4/3 !important;
    }
}

/* Handy */
@media(max-width:600px){
    html,
    body.layerpix-standalone,
    .lp-standalone-shell,
    .lp-standalone-main,
    body.layerpix-standalone .lp-page{
        background:#111318 !important;
    }

    body.layerpix-standalone .lp-page{
        padding-left:15px !important;
        padding-right:15px !important;
    }

    body.layerpix-standalone .lp-eyebrow,
    body.layerpix-standalone .lp-kicker{
        font-size:.88rem !important;
        margin-bottom:14px !important;
    }

    body.layerpix-standalone .lp-lead{
        font-size:1.08rem !important;
        line-height:1.6 !important;
    }

    body.layerpix-standalone .lp-overview-section p,
    body.layerpix-standalone .lp-product-section p{
        font-size:1.06rem !important;
        line-height:1.64 !important;
    }

    body.layerpix-standalone .lp-overview-section h2,
    body.layerpix-standalone .lp-product-section h2{
        font-size:clamp(2.2rem,10vw,3rem) !important;
    }

    body.layerpix-standalone .lp-overview-section,
    body.layerpix-standalone .lp-product-section{
        padding:48px 0 !important;
        min-height:0 !important;
    }

    body.layerpix-standalone .lp-overview-section .lp-slider-stage,
    body.layerpix-standalone .lp-overview-section .lp-slide img,
    body.layerpix-standalone .lp-overview-section .lp-slide video,
    body.layerpix-standalone .lp-overview-section .lp-media-placeholder{
        aspect-ratio:1/1 !important;
    }

    .lp-site-footer{
        width:100%;
        padding:8px 15px 28px;
    }
    .lp-footer-inner{
        flex-direction:column;
        align-items:flex-start;
        gap:14px;
    }
    .lp-footer-links{
        gap:22px;
        flex-wrap:wrap;
    }
}


/* =========================================================
   V20 – NEUER AUFBAU
   ========================================================= */

/* Logo sitzt auf echtem Schwarz; danach sanfter Übergang ins Anthrazit */
.lp-site-brand{
    position:relative;
    background:#000 !important;
    padding:34px 24px 52px !important;
}
.lp-site-brand::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:-44px;
    height:46px;
    background:linear-gradient(to bottom,#000 0%,#111318 100%);
    pointer-events:none;
}
.lp-standalone-main{
    padding-top:44px;
}

/* Übersicht: keine Slider, sondern echte Bildraster */
.lp-overview-section{
    display:grid !important;
    grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr) !important;
    gap:clamp(54px,5vw,100px) !important;
    align-items:center !important;
    min-height:720px !important;
    padding:72px 0 !important;
    border-top:1px solid rgba(255,255,255,.13) !important;
}
.lp-overview-media-grid{
    display:grid;
    gap:18px;
    width:100%;
}
.lp-overview-media-grid.lp-media-count-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.lp-overview-media-grid.lp-media-count-1{
    grid-template-columns:1fr;
}
.lp-overview-media-grid figure{
    margin:0;
    aspect-ratio:4/3;
    overflow:hidden;
    border-radius:16px;
    background:#191b21;
}
.lp-overview-media-grid img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.lp-overview-text{
    min-width:0;
}
.lp-overview-text p:not(.lp-kicker){
    font-size:clamp(1.2rem,1.33vw,1.42rem) !important;
    line-height:1.7 !important;
}
.lp-overview-text p + p{
    margin-top:14px;
}

/* Produktseiten: Produkte im gleichmäßigen 2er Raster */
.lp-product-grid{
    display:grid;
    gap:36px;
    width:100%;
    padding:10px 0 72px;
}
.lp-product-grid.lp-two-col{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.lp-product-grid.lp-one-col{
    grid-template-columns:minmax(0,1fr);
    max-width:980px;
}
.lp-product-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:0;
}
.lp-product-card .lp-slider-stage{
    width:100% !important;
    aspect-ratio:4/3 !important;
    min-height:0 !important;
    height:auto !important;
    background:#191b21 !important;
    border-radius:16px !important;
}
.lp-product-card .lp-slide,
.lp-product-card .lp-slide figure{
    width:100% !important;
    height:100% !important;
}
.lp-product-card .lp-slide img,
.lp-product-card .lp-slide video,
.lp-product-card .lp-media-placeholder{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    aspect-ratio:4/3 !important;
    object-fit:cover !important;
    border-radius:16px !important;
}
.lp-product-card .lp-kicker{
    margin-top:28px !important;
}
.lp-product-card h2{
    font-size:clamp(2.3rem,2.7vw,3.5rem) !important;
    min-height:2.05em;
}
.lp-product-card > p:not(.lp-kicker){
    font-size:clamp(1.12rem,1.18vw,1.28rem) !important;
    line-height:1.68 !important;
}
.lp-options-inline{
    padding-top:20px;
    margin-top:auto;
}
.lp-options-inline strong{
    display:block;
    font-size:1.08rem;
    margin-bottom:10px;
}
.lp-options-inline ul{
    margin:0;
    padding-left:1.2rem;
    color:#d8d4ce;
    line-height:1.65;
}
.lp-options-inline li::marker{
    color:#d6ae68;
}

/* gemeinsame FAQs unter allen zusammengehörigen Produkten */
.lp-category-faq{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:62px 0 78px !important;
    border-top:1px solid rgba(255,255,255,.13);
}
.lp-category-faq.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
    max-width:none !important;
    width:100% !important;
}
.lp-category-faq h2{
    font-size:clamp(2.7rem,3.4vw,4.3rem) !important;
    margin-bottom:24px;
}
.lp-category-faq details{
    border-top:1px solid rgba(255,255,255,.12);
    padding:18px 0;
}
.lp-category-faq details:last-child{
    border-bottom:1px solid rgba(255,255,255,.12);
}
.lp-category-faq summary{
    font-size:1.16rem;
    font-weight:800;
    cursor:pointer;
}
.lp-category-faq details p{
    font-size:1.08rem !important;
    max-width:1100px;
    line-height:1.65 !important;
}

/* Über Layerpix länger und angenehm lesbar */
.lp-about-expanded{
    max-width:1250px !important;
}
.lp-about-expanded p:not(.lp-eyebrow){
    font-size:clamp(1.16rem,1.25vw,1.35rem) !important;
    line-height:1.75 !important;
    max-width:1150px !important;
}
.lp-about-expanded p + p{
    margin-top:18px;
}

/* Mehr nutzbare Breite */
body.layerpix-standalone .lp-page{
    width:min(98vw,1920px) !important;
    max-width:1920px !important;
    padding-left:22px !important;
    padding-right:22px !important;
}

/* Desktop große Übersichtsbereiche */
@media(min-width:1200px){
    .lp-overview-media-grid.lp-media-count-2 figure{
        aspect-ratio:3/4;
    }
    .lp-overview-media-grid.lp-media-count-1{
        max-width:780px;
    }
}

/* Tablet */
@media(max-width:1000px){
    .lp-overview-section{
        grid-template-columns:1fr !important;
        gap:34px !important;
        min-height:0 !important;
        padding:58px 0 !important;
    }
    .lp-overview-media-grid.lp-media-count-2{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .lp-product-grid.lp-two-col{
        grid-template-columns:1fr;
    }
    .lp-product-card h2{
        min-height:0;
    }
}

/* Handy */
@media(max-width:620px){
    .lp-site-brand{
        padding-bottom:34px !important;
    }
    .lp-site-brand::after{
        bottom:-28px;
        height:30px;
    }
    .lp-standalone-main{
        padding-top:28px;
    }
    .lp-overview-media-grid.lp-media-count-2{
        grid-template-columns:1fr;
    }
    .lp-overview-media-grid figure{
        aspect-ratio:4/3 !important;
    }
    .lp-overview-text p:not(.lp-kicker){
        font-size:1.06rem !important;
    }
    .lp-product-grid{
        gap:52px;
        padding-bottom:48px;
    }
    .lp-category-faq{
        padding:48px 0 58px !important;
    }
    .lp-category-faq summary{
        font-size:1.05rem;
    }
}


/* =========================================================
   V21 – eigene Bilder, gleichmäßige Produktkarten
   ========================================================= */

/* Übersicht: alle Bildfelder gleich groß und NICHT brutal beschneiden */
.lp-overview-media-grid{
    display:grid !important;
    gap:16px !important;
    align-self:stretch;
}
.lp-overview-media-grid.lp-grid-four{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.lp-overview-media-grid.lp-grid-two{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.lp-overview-media-grid figure{
    margin:0 !important;
    width:100%;
    aspect-ratio:4/3 !important;
    background:#191b21 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    display:flex;
    align-items:center;
    justify-content:center;
}
.lp-overview-media-grid img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    display:block !important;
}

/* Produktkarten: exakt gleiche Medienfläche */
.lp-product-grid.lp-two-col{
    align-items:stretch !important;
}
.lp-product-grid.lp-two-col .lp-product-card{
    height:100% !important;
}
.lp-product-card{
    display:flex !important;
    flex-direction:column !important;
}
.lp-product-card .lp-slider-stage{
    aspect-ratio:4/3 !important;
    height:auto !important;
    min-height:0 !important;
    background:#191b21 !important;
}
.lp-product-card .lp-slide,
.lp-product-card .lp-slide figure{
    height:100% !important;
    width:100% !important;
}
.lp-product-card .lp-slide img,
.lp-product-card .lp-slide video,
.lp-product-card .lp-media-placeholder{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    aspect-ratio:4/3 !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#191b21 !important;
}

/* Überschriften/Textblöcke einheitlich */
.lp-product-card h2{
    min-height:2.05em !important;
    margin-bottom:18px !important;
}
.lp-product-description{
    flex:1 1 auto;
}
.lp-product-description p{
    font-size:clamp(1.12rem,1.18vw,1.28rem) !important;
    line-height:1.7 !important;
    margin-bottom:14px !important;
}

/* Buttons bei zwei Produkten wirklich identisch */
.lp-product-card .wp-block-buttons{
    margin-top:auto !important;
    padding-top:20px !important;
}
.lp-product-card .lp-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
}
.lp-product-card .lp-actions .wp-block-button,
.lp-product-card .lp-single-action .wp-block-button{
    width:100% !important;
}
.lp-product-card .lp-actions .wp-block-button__link,
.lp-product-card .lp-single-action .wp-block-button__link{
    width:100% !important;
    min-height:52px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    padding:12px 16px !important;
}

/* einzelne Produkte schön mittig */
.lp-centered-single{
    max-width:1120px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* FAQ nur "Häufige Fragen", ohne Extra-Kicker/Noch-Fragen-Optik */
.lp-category-faq{
    padding-top:58px !important;
}
.lp-category-faq h2{
    font-size:clamp(2.5rem,3vw,4rem) !important;
    margin:0 0 26px !important;
}
.lp-category-faq details{
    padding:18px 0 !important;
    border-top:1px solid rgba(255,255,255,.13) !important;
}
.lp-category-faq details:last-child{
    border-bottom:1px solid rgba(255,255,255,.13) !important;
}
.lp-category-faq summary{
    font-size:1.16rem !important;
    font-weight:800 !important;
}
.lp-category-faq details p{
    font-size:1.08rem !important;
    line-height:1.65 !important;
    max-width:1150px !important;
}

/* Produktübersicht auf Desktop ausgewogen */
.lp-overview-section{
    grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr) !important;
}

/* Tablet / mobil */
@media(max-width:1000px){
    .lp-overview-media-grid.lp-grid-four,
    .lp-overview-media-grid.lp-grid-two{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .lp-product-card h2{
        min-height:0 !important;
    }
}
@media(max-width:620px){
    .lp-overview-media-grid.lp-grid-four,
    .lp-overview-media-grid.lp-grid-two{
        grid-template-columns:1fr !important;
    }
    .lp-product-card .lp-actions{
        grid-template-columns:1fr !important;
    }
}


/* =========================================================
   V22 – Übersicht: genau EIN 4:5-Bild pro Produkt
   ========================================================= */

.lp-overview-products{
    display:grid !important;
    gap:22px !important;
    align-items:start;
    width:100%;
}
.lp-overview-products.lp-two-products{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.lp-overview-products.lp-one-product{
    grid-template-columns:minmax(260px,440px) !important;
    justify-content:center !important;
}

.lp-overview-product{
    min-width:0;
}
.lp-overview-product figure{
    margin:0 !important;
    width:100%;
    aspect-ratio:4/5 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background:#191b21 !important;
}
.lp-overview-product figure img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
}
.lp-overview-product.lp-contain-thumb figure img{
    object-fit:contain !important;
    padding:0 !important;
    background:#f7f7f7 !important;
}
.lp-overview-product h3{
    margin:14px 0 0 !important;
    font-size:clamp(1.25rem,1.25vw,1.55rem) !important;
    line-height:1.2 !important;
    letter-spacing:-.02em !important;
    color:#f3efe8 !important;
}

/* overview overall proportions */
.lp-overview-section{
    grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr) !important;
    gap:clamp(50px,5vw,90px) !important;
}

/* keep button position tidy */
.lp-overview-text .wp-block-buttons{
    margin-top:26px !important;
}

/* mobile */
@media(max-width:1000px){
    .lp-overview-products.lp-two-products{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .lp-overview-products.lp-one-product{
        grid-template-columns:minmax(240px,420px) !important;
        justify-content:start !important;
    }
}

@media(max-width:620px){
    .lp-overview-products.lp-two-products{
        grid-template-columns:1fr 1fr !important;
        gap:12px !important;
    }
    .lp-overview-products.lp-one-product{
        grid-template-columns:minmax(0,1fr) !important;
    }
    .lp-overview-product h3{
        font-size:1.02rem !important;
        margin-top:10px !important;
    }
}


/* V23 – CTA-Hierarchie: Etsy immer farbig, Generator sekundär */
.lp-product-card .lp-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
}
.lp-product-card .lp-actions .wp-block-button{
    width:100% !important;
}
.lp-product-card .lp-actions .wp-block-button__link{
    width:100% !important;
    min-height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}
.lp-product-card .lp-button-secondary .wp-block-button__link{
    background:#111318 !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.28) !important;
}
.lp-product-card .lp-button .wp-block-button__link{
    background:linear-gradient(90deg,#d6ae68,#f2eee5,#a9cdf7) !important;
    color:#080808 !important;
    border:0 !important;
}

/* FAQ etwas luftiger und besser scanbar */
.lp-category-faq{
    max-width:1320px !important;
}
.lp-category-faq summary{
    font-size:1.18rem !important;
    line-height:1.4 !important;
}
.lp-category-faq details p{
    font-size:1.09rem !important;
    line-height:1.7 !important;
    color:#d8d4ce !important;
}
.lp-category-faq details[open] summary{
    color:#b6d8ff !important;
}

@media(max-width:620px){
    .lp-product-card .lp-actions{
        grid-template-columns:1fr !important;
    }
}


/* =========================================================
   V25 – Farbstil wiederhergestellt + Überschriften nicht abschneiden
   ========================================================= */

/* kleine Überschriften wieder klar hellblau */
body.layerpix-standalone .lp-eyebrow,
body.layerpix-standalone .lp-kicker,
body.layerpix-standalone .lp-overview-product h3{
    color:#a9cdf7 !important;
    -webkit-text-fill-color:#a9cdf7 !important;
}

/* große Headlines wieder Gold → Weiß → Blau */
body.layerpix-standalone .lp-h1,
body.layerpix-standalone .lp-overview-section h2,
body.layerpix-standalone .lp-product-card h2,
body.layerpix-standalone .lp-category-faq h2,
body.layerpix-standalone .lp-about h2{
    background:linear-gradient(90deg,#d6ae68 0%,#f3ede2 53%,#a9cdf7 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
}

/* Umlaute / Oberlängen / Unterlängen dürfen nicht mehr abgeschnitten werden */
body.layerpix-standalone h1,
body.layerpix-standalone h2,
body.layerpix-standalone h3,
body.layerpix-standalone .lp-h1{
    line-height:1.16 !important;
    padding-top:.10em !important;
    padding-bottom:.16em !important;
    overflow:visible !important;
    text-rendering:optimizeLegibility;
}

/* besonders große Hero-Headline mit extra Luft */
body.layerpix-standalone .lp-h1{
    line-height:1.13 !important;
    padding-top:.12em !important;
    padding-bottom:.20em !important;
    margin-top:-.08em !important;
    margin-bottom:.10em !important;
}

/* Eltern dürfen ebenfalls nichts abschneiden */
body.layerpix-standalone .lp-hero,
body.layerpix-standalone .lp-overview-text,
body.layerpix-standalone .lp-product-card,
body.layerpix-standalone .lp-about,
body.layerpix-standalone .lp-category-faq{
    overflow:visible !important;
}

/* Übersichtstitel bekommen ebenfalls genug Luft */
body.layerpix-standalone .lp-overview-section h2{
    line-height:1.12 !important;
    padding-top:.10em !important;
    padding-bottom:.18em !important;
    margin-top:-.06em !important;
}

/* Produktseitentitel */
body.layerpix-standalone .lp-product-card h2{
    line-height:1.14 !important;
    padding-top:.08em !important;
    padding-bottom:.16em !important;
}

/* auf Mobil nicht wieder zu eng werden */
@media(max-width:620px){
    body.layerpix-standalone .lp-h1,
    body.layerpix-standalone .lp-overview-section h2,
    body.layerpix-standalone .lp-product-card h2,
    body.layerpix-standalone .lp-category-faq h2,
    body.layerpix-standalone .lp-about h2{
        line-height:1.17 !important;
        padding-top:.10em !important;
        padding-bottom:.16em !important;
    }
}


/* =========================================================
   V28 – Bildunterschriften weiß
   ========================================================= */

/* Nur die Beschriftungen direkt unter den Produktbildern weiß */
body.layerpix-standalone .lp-overview-product h3{
    color:#f5f3ef !important;
    -webkit-text-fill-color:#f5f3ef !important;
    background:none !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;
}

/* Kleine Kategorieüberschriften bleiben hellblau */
body.layerpix-standalone .lp-eyebrow,
body.layerpix-standalone .lp-kicker{
    color:#a9cdf7 !important;
    -webkit-text-fill-color:#a9cdf7 !important;
}


/* =========================================================
   V33 – MOBILE FINAL OVERRIDE
   Behebt die noch aktive Desktop-Zweispaltenlogik auf Handys.
   Desktop ab 901px bleibt unverändert.
   ========================================================= */

@media (max-width: 900px) {

    html,
    body.layerpix-standalone{
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }

    body.layerpix-standalone .lp-standalone-shell,
    body.layerpix-standalone .lp-standalone-main,
    body.layerpix-standalone .lp-page{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow-x:hidden !important;
        box-sizing:border-box !important;
    }

    body.layerpix-standalone .lp-page{
        padding-left:20px !important;
        padding-right:20px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    /* Produktübersicht MUSS mobil einspaltig sein */
    body.layerpix-standalone .lp-overview-section{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-areas:
            "media"
            "text" !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        gap:30px !important;
        padding:52px 0 !important;
        min-height:0 !important;
        align-items:start !important;
        overflow:visible !important;
    }

    body.layerpix-standalone .lp-overview-products,
    body.layerpix-standalone .lp-overview-media-grid{
        grid-area:media !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
    }

    body.layerpix-standalone .lp-overview-text{
        grid-area:text !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        text-align:left !important;
    }

    /* Zwei Produkte: sauber nebeneinander */
    body.layerpix-standalone .lp-overview-products.lp-two-products{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:14px !important;
    }

    /* Ein Produkt: nicht winzig, sondern gut sichtbar */
    body.layerpix-standalone .lp-overview-products.lp-one-product{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        width:min(82vw,420px) !important;
        max-width:420px !important;
        justify-self:center !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    body.layerpix-standalone .lp-overview-product{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:visible !important;
    }

    body.layerpix-standalone .lp-overview-product figure{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        aspect-ratio:4/5 !important;
        margin:0 !important;
        border-radius:14px !important;
        overflow:hidden !important;
    }

    body.layerpix-standalone .lp-overview-product figure img{
        width:100% !important;
        height:100% !important;
        max-width:100% !important;
        display:block !important;
        object-fit:cover !important;
        object-position:center !important;
    }

    body.layerpix-standalone .lp-overview-product.lp-contain-thumb figure img{
        object-fit:contain !important;
    }

    /* Bildunterschriften */
    body.layerpix-standalone .lp-overview-product h3{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:10px 0 0 !important;
        padding:0 !important;
        font-size:1rem !important;
        line-height:1.22 !important;
        text-align:left !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
        word-break:normal !important;
        color:#f5f3ef !important;
        -webkit-text-fill-color:#f5f3ef !important;
    }

    /* Kategorien + Überschriften */
    body.layerpix-standalone .lp-eyebrow,
    body.layerpix-standalone .lp-kicker{
        font-size:.82rem !important;
        line-height:1.35 !important;
        letter-spacing:.11em !important;
        margin-bottom:12px !important;
    }

    body.layerpix-standalone .lp-overview-section h2{
        width:100% !important;
        max-width:100% !important;
        font-size:clamp(2.15rem,8.7vw,3.25rem) !important;
        line-height:1.12 !important;
        margin:0 0 20px !important;
        padding:.08em 0 .12em !important;
        overflow:visible !important;
        overflow-wrap:normal !important;
    }

    body.layerpix-standalone .lp-overview-text p:not(.lp-kicker){
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        font-size:1.08rem !important;
        line-height:1.62 !important;
        text-align:left !important;
        margin-left:0 !important;
        margin-right:0 !important;
        overflow-wrap:break-word !important;
    }

    body.layerpix-standalone .lp-overview-text p + p{
        margin-top:18px !important;
    }

    /* CTA sauber und volle Breite */
    body.layerpix-standalone .lp-overview-text .wp-block-buttons{
        width:100% !important;
        max-width:100% !important;
        margin-top:26px !important;
        display:block !important;
    }

    body.layerpix-standalone .lp-overview-text .wp-block-button{
        width:100% !important;
        max-width:100% !important;
        display:block !important;
    }

    body.layerpix-standalone .lp-overview-text .wp-block-button__link{
        width:100% !important;
        max-width:100% !important;
        min-height:54px !important;
        box-sizing:border-box !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:13px 18px !important;
        font-size:1.04rem !important;
        line-height:1.25 !important;
        text-align:center !important;
        white-space:normal !important;
    }

    /* Detailseiten ebenfalls sicher einspaltig */
    body.layerpix-standalone .lp-product-grid.lp-two-col,
    body.layerpix-standalone .lp-product-grid.lp-one-col{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        gap:52px !important;
    }

    body.layerpix-standalone .lp-product-card{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:visible !important;
    }

    body.layerpix-standalone .lp-product-card .lp-slider-stage{
        width:100% !important;
        max-width:100% !important;
        aspect-ratio:4/3 !important;
        min-height:0 !important;
        height:auto !important;
    }

    body.layerpix-standalone .lp-product-card h2{
        min-height:0 !important;
        font-size:clamp(2rem,8vw,2.9rem) !important;
        line-height:1.14 !important;
    }

    body.layerpix-standalone .lp-product-description p{
        font-size:1.06rem !important;
        line-height:1.62 !important;
    }

    body.layerpix-standalone .lp-product-card .lp-actions{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        gap:12px !important;
        width:100% !important;
    }

    body.layerpix-standalone .lp-product-card .wp-block-button,
    body.layerpix-standalone .lp-product-card .wp-block-button__link{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    body.layerpix-standalone .lp-category-faq{
        width:100% !important;
        max-width:100% !important;
        padding:46px 0 58px !important;
    }

    body.layerpix-standalone .lp-category-faq h2{
        font-size:clamp(2.1rem,8vw,3rem) !important;
    }

    /* Hero mobil ebenfalls begrenzen */
    body.layerpix-standalone .lp-hero{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        padding:42px 0 48px !important;
    }

    body.layerpix-standalone .lp-h1{
        width:100% !important;
        max-width:100% !important;
        font-size:clamp(2.55rem,11vw,4rem) !important;
        line-height:1.11 !important;
        overflow-wrap:normal !important;
    }

    body.layerpix-standalone .lp-lead{
        width:100% !important;
        max-width:100% !important;
        font-size:1.08rem !important;
        line-height:1.6 !important;
    }
}

/* Sehr kleine Handys */
@media (max-width: 420px) {
    body.layerpix-standalone .lp-page{
        padding-left:16px !important;
        padding-right:16px !important;
    }

    body.layerpix-standalone .lp-overview-products.lp-two-products{
        gap:10px !important;
    }

    body.layerpix-standalone .lp-overview-product h3{
        font-size:.92rem !important;
    }

    body.layerpix-standalone .lp-overview-section h2{
        font-size:clamp(2rem,9vw,2.75rem) !important;
    }

    body.layerpix-standalone .lp-overview-text p:not(.lp-kicker){
        font-size:1.02rem !important;
    }
}


/* =========================================================
   V34 – MOBILE REIHENFOLGE
   Erst Titel, dann Bilder, dann Beschreibung.
   Desktop bleibt unverändert.
   ========================================================= */

@media (max-width: 900px) {

    /* Produktübersicht */
    body.layerpix-standalone .lp-overview-section{
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
    }

    body.layerpix-standalone .lp-overview-text{
        display:contents !important;
    }

    body.layerpix-standalone .lp-overview-text .lp-kicker{
        order:1 !important;
        margin:0 0 10px !important;
    }

    body.layerpix-standalone .lp-overview-text h2{
        order:2 !important;
        margin:0 0 22px !important;
    }

    body.layerpix-standalone .lp-overview-products,
    body.layerpix-standalone .lp-overview-media-grid{
        order:3 !important;
        margin:0 0 28px !important;
    }

    body.layerpix-standalone .lp-overview-text > p:not(.lp-kicker){
        order:4 !important;
        margin-top:0 !important;
        margin-bottom:18px !important;
    }

    body.layerpix-standalone .lp-overview-text .wp-block-buttons{
        order:5 !important;
        margin-top:8px !important;
    }

    /* Produkt-Unterseiten */
    body.layerpix-standalone .lp-product-card{
        display:flex !important;
        flex-direction:column !important;
    }

    body.layerpix-standalone .lp-product-card > .lp-kicker{
        order:1 !important;
        margin-top:0 !important;
        margin-bottom:10px !important;
    }

    body.layerpix-standalone .lp-product-card > h2{
        order:2 !important;
        margin-top:0 !important;
        margin-bottom:22px !important;
    }

    body.layerpix-standalone .lp-product-card > .wp-block-layerpix-media-slider,
    body.layerpix-standalone .lp-product-card > [class*="wp-block-layerpix"],
    body.layerpix-standalone .lp-product-card > .lp-media-slider,
    body.layerpix-standalone .lp-product-card > .lp-slider,
    body.layerpix-standalone .lp-product-card > .lp-slider-stage{
        order:3 !important;
        margin-bottom:28px !important;
    }

    body.layerpix-standalone .lp-product-card > .lp-product-description{
        order:4 !important;
    }

    body.layerpix-standalone .lp-product-card > .wp-block-buttons{
        order:5 !important;
    }
}

@media (max-width: 420px) {
    body.layerpix-standalone .lp-overview-text h2,
    body.layerpix-standalone .lp-product-card > h2{
        margin-bottom:18px !important;
    }

    body.layerpix-standalone .lp-overview-products,
    body.layerpix-standalone .lp-overview-media-grid{
        margin-bottom:24px !important;
    }
}


/* =========================================================
   V35 – Allgemeiner Etsy-Shop-Link im Hero
   ========================================================= */

body.layerpix-standalone .lp-hero-shop{
    margin-top:30px !important;
}

body.layerpix-standalone .lp-hero-shop a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:54px !important;
    padding:13px 24px !important;
    border-radius:10px !important;
    background:linear-gradient(90deg,#d6ae68,#f2eee5,#a9cdf7) !important;
    color:#080808 !important;
    text-decoration:none !important;
    font-weight:800 !important;
    font-size:1.04rem !important;
    line-height:1.2 !important;
    box-sizing:border-box !important;
}

body.layerpix-standalone .lp-hero-shop a:hover{
    transform:translateY(-1px);
}

@media(max-width:900px){
    body.layerpix-standalone .lp-hero-shop{
        width:100% !important;
        margin-top:24px !important;
    }

    body.layerpix-standalone .lp-hero-shop a{
        width:100% !important;
        max-width:100% !important;
    }
}