/* Landingpage-Styles (page8-11, page15-18) im Design der Startseite:
   Foto-Hero mit Glass-Eyebrow, helle Fläche #f5f6f2, weiße Karten-Sektionen,
   orange Pill-Buttons. Ersetzt die früheren identischen Inline-<style>-Blöcke. */

:root {
    --brand-blue: #0042aa;
    --brand-orange: #ff8546;
    --page-bg: #f5f6f2;
    --surface: #ffffff;
    --surface-muted: #f0f3f7;
    --text-strong: #111827;
    --text-body: #556070;
    --line-soft: rgba(15, 23, 42, 0.09);
    --line-strong: rgba(15, 23, 42, 0.14);
    --card-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

html { overflow-x: hidden; }
body.landing-page { margin: 0; background: var(--page-bg); color: var(--text-body); overflow-x: hidden; }
body.landing-page img, body.landing-page iframe, body.landing-page svg, body.landing-page video { max-width: 100%; }
.landing-main { padding-top: 96px; }
@media (max-width: 700px) { .landing-main { padding-top: 120px; } }

/* ---- Hero: dunkles Foto + Overlay, linksbündig (wie Startseite) ---- */
.lhero {
    position: relative;
    background-color: #10121b;
    background-image: linear-gradient(135deg, rgba(16, 18, 27, 0.72) 0%, rgba(16, 18, 27, 0.28) 100%), url('../../images/mbr-1920x859.webp');
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 4rem 1.5rem 4.5rem;
    text-align: left;
}
@media (max-width: 768px) {
    .lhero { background-image: linear-gradient(135deg, rgba(16, 18, 27, 0.72) 0%, rgba(16, 18, 27, 0.28) 100%), url('../../images/mbr-hero-mobile-768.webp'); }
}
.lhero-inner { max-width: 1100px; margin: 0 auto; }
.lhero .leyebrow {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.9rem;
    margin: 0 0 1.25rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.08) 100%);
    backdrop-filter: blur(14px) saturate(165%);
    -webkit-backdrop-filter: blur(14px) saturate(165%);
    box-shadow: rgba(255, 255, 255, 0.26) 0 1px 0 inset, rgba(15, 23, 42, 0.06) 0 8px 18px;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.lhero h1 {
    font-size: clamp(2rem, 5.5vw, 3.4rem);
    line-height: 1.1;
    margin: 0 0 1rem;
    max-width: 18ch;
    font-weight: 700;
    text-shadow: rgba(0, 0, 0, 0.32) 0 10px 32px;
}
.lhero p.lsub {
    font-size: clamp(1rem, 2.4vw, 1.2rem);
    line-height: 1.5;
    margin: 0 0 1.75rem;
    max-width: 52ch;
    color: rgba(255, 255, 255, 0.92);
    text-shadow: rgba(0, 0, 0, 0.32) 0 6px 24px;
}
.lcta { display: inline-flex; gap: 0.75rem; flex-wrap: wrap; justify-content: flex-start; }
.lbtn { display: inline-block; padding: 0.75rem 1.5rem; border-radius: 999px; font-weight: 700; text-decoration: none; font-size: 1rem; transition: transform 0.12s, box-shadow 0.12s, background 0.12s; }
.lbtn:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18); }
.lbtn-primary { background: var(--brand-orange); color: #fff; }
.lbtn-primary:hover { background: #ff6b36; color: #fff; }
.lbtn-ghost {
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.lhero-rating { margin: 1.25rem 0 0; font-size: 0.95rem; color: rgba(255, 255, 255, 0.92); text-shadow: rgba(0, 0, 0, 0.32) 0 4px 16px; }
.lhero-rating .lstars { color: #ffb320; letter-spacing: 0.1em; margin-right: 0.25rem; }

/* ---- Intro-Absatz unter dem Hero ---- */
.lintro { max-width: 62ch; margin: 2.5rem auto 0; padding: 0 1.25rem; font-size: 1.12rem; line-height: 1.65; color: var(--text-body); }

/* ---- Sektionen als weisse Karten (wie Startseite) ---- */
.lsection { padding: 1.25rem; }
.lsection .lwrap {
    max-width: 860px;
    margin: 0 auto;
    background: var(--surface);
    border: 1px solid var(--line-soft);
    border-radius: 24px;
    box-shadow: var(--card-shadow);
    padding: 2.5rem;
}
@media (max-width: 560px) { .lsection .lwrap { padding: 1.5rem; border-radius: 16px; } }
.lsection.alt .lwrap { background: var(--surface-muted); }
.lsection h2 { color: var(--text-strong); font-size: clamp(1.4rem, 3.5vw, 1.8rem); font-weight: 700; margin: 0 0 0.75rem; }
.lsection p { line-height: 1.65; margin: 0 0 0.9rem; color: var(--text-body); }
.lsection a { color: var(--brand-blue); }

.ltile-list { list-style: none; padding: 0; margin: 1rem 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.55rem 0.9rem; }
@media (max-width: 560px) { .ltile-list { grid-template-columns: 1fr; } }
.ltile-list li { position: relative; padding-left: 1.5rem; line-height: 1.4; color: var(--text-strong); }
.ltile-list li::before { content: "\2713"; position: absolute; left: 0; top: 0; color: var(--brand-orange); font-weight: 800; }

/* ---- Nummerierte Schritte (page18 "So funktioniert's") ---- */
.lsteps { list-style: none; counter-reset: lstep; padding: 0; margin: 1.25rem 0 0; }
.lsteps li { counter-increment: lstep; position: relative; padding: 0 0 1.5rem 3.25rem; }
.lsteps li::before { content: counter(lstep); position: absolute; left: 0; top: 0; width: 2.25rem; height: 2.25rem; border-radius: 50%; background: var(--brand-orange); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.lsteps li:not(:last-child)::after { content: ""; position: absolute; left: 1.05rem; top: 2.5rem; bottom: 0.25rem; width: 2px; background: var(--line-strong); }
.lsteps h3 { font-size: 1.1rem; margin: 0.25rem 0 0.25rem; color: var(--text-strong); font-weight: 700; }
.lsteps p { margin: 0; line-height: 1.6; color: var(--text-body); }

/* ---- FAQ: weisse Karten mit weicher Linie ---- */
.lfaqs { max-width: 860px; margin: 0 auto; padding: 1.25rem; }
.lfaqs h2 { color: var(--text-strong); font-size: clamp(1.4rem, 3.5vw, 1.8rem); font-weight: 700; text-align: center; margin: 1.25rem 0 1.5rem; }
.lfaq { border: 1px solid var(--line-soft); border-radius: 16px; margin-bottom: 0.75rem; overflow: hidden; background: var(--surface); box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05); }
.lfaq summary { cursor: pointer; padding: 1rem 3rem 1rem 1.25rem; font-weight: 600; color: var(--text-strong); list-style: none; position: relative; }
.lfaq summary::-webkit-details-marker { display: none; }
.lfaq summary::after { content: "+"; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); color: var(--brand-orange); font-size: 1.4rem; font-weight: 700; }
.lfaq[open] summary::after { content: "\2013"; }
.lfaq-a { padding: 0 1.25rem 1.1rem; }
.lfaq-a p { margin: 0; line-height: 1.6; color: var(--text-body); }

/* ---- Blaues CTA-Band (wie Startseiten-Footer-Bereich) ---- */
.lband { background: var(--brand-blue); color: #fff; text-align: center; padding: 2.75rem 1.25rem; margin-top: 1.25rem; }
.lband h2 { font-size: clamp(1.4rem, 3.6vw, 1.9rem); margin: 0 0 0.6rem; font-weight: 800; }
.lband p { margin: 0 auto 1.4rem; max-width: 46ch; color: #eaf1ff; line-height: 1.55; }
.lband .lcta { justify-content: center; }

/* ---- Querverweis-Pills ---- */
.lcross-wrap { max-width: 860px; margin: 0 auto; padding: 1.75rem 1.25rem; text-align: center; }
.lcross-wrap h2 { color: var(--text-strong); font-size: 1.3rem; font-weight: 700; margin: 0 0 1rem; }
.lcross { display: inline-block; margin: 0.3rem; padding: 0.55rem 1.1rem; border-radius: 999px; background: var(--surface); color: var(--brand-blue); text-decoration: none; font-weight: 600; border: 1px solid var(--line-strong); box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05); }
.lcross:hover { background: var(--surface-muted); color: var(--brand-blue); }

/* ==================================================================
   Seiten-Themes (page15-22): jede Sonderlandingpage bekommt ihre
   eigene Stimmung — thematisches Hero-Foto, Farbwelt und Akzente.
   Fotos: assets/images/landing/ (Adobe Stock Free lizenziert 30.08.2026:
   jga=238868766, abschluss=197355102, festival=330262001; uebrige aus
   catalog/). Aktivierung per body-Klasse (lp-theme-*); Variablen-Overrides
   ziehen durch Buttons, Checks, Steps, FAQ-Icons, Links und CTA-Band.
   ================================================================== */

/* ---- T-Shirts bedrucken: Shirt-Regal-Foto + Farbklecks-Glows ---- */
body.lp-theme-tshirt .lhero {
    background-image:
        radial-gradient(38rem 24rem at 82% 18%, rgba(255, 133, 70, 0.4) 0%, transparent 60%),
        radial-gradient(30rem 20rem at 12% 85%, rgba(45, 212, 191, 0.35) 0%, transparent 60%),
        linear-gradient(135deg, rgba(2, 44, 110, 0.9) 0%, rgba(10, 99, 214, 0.65) 100%),
        url('../../images/mbr-1920x859.webp');
}
@media (max-width: 768px) {
    body.lp-theme-tshirt .lhero {
        background-image:
            radial-gradient(24rem 16rem at 85% 15%, rgba(255, 133, 70, 0.4) 0%, transparent 60%),
            linear-gradient(135deg, rgba(2, 44, 110, 0.9) 0%, rgba(10, 99, 214, 0.65) 100%),
            url('../../images/mbr-hero-mobile-768.webp');
    }
}

/* ---- Abschluss-Shirts: Huetewerfen im Sonnenuntergang ---- */
body.lp-theme-abschluss {
    --brand-orange: #b45309;
    --brand-blue: #6d28d9;
}
body.lp-theme-abschluss .lhero {
    background-color: #312e81;
    background-image:
        linear-gradient(100deg, rgba(49, 46, 129, 0.82) 0%, rgba(76, 29, 149, 0.38) 55%, rgba(245, 158, 11, 0.1) 100%),
        url('../../images/landing/abschluss-1920.webp');
}
@media (max-width: 768px) {
    body.lp-theme-abschluss .lhero {
        background-image:
            linear-gradient(100deg, rgba(49, 46, 129, 0.82) 0%, rgba(76, 29, 149, 0.42) 60%, rgba(245, 158, 11, 0.12) 100%),
            url('../../images/landing/abschluss-768.webp');
    }
}
body.lp-theme-abschluss .lband { background: #4c1d95; }

/* ---- Hoodies besticken: Hoodie-Portrait, Premium-Dunkel mit Gold ---- */
body.lp-theme-stickpremium {
    --brand-orange: #a16207;
    --brand-blue: #92610a;
}
body.lp-theme-stickpremium .lhero {
    background-color: #14161c;
    background-image:
        radial-gradient(42rem 26rem at 78% 20%, rgba(214, 174, 96, 0.18) 0%, transparent 62%),
        linear-gradient(100deg, rgba(15, 17, 23, 0.9) 0%, rgba(20, 22, 28, 0.55) 55%, rgba(20, 22, 28, 0.25) 100%),
        url('../../images/landing/streetwear-1920.webp');
}
@media (max-width: 768px) {
    body.lp-theme-stickpremium .lhero {
        background-image:
            linear-gradient(100deg, rgba(15, 17, 23, 0.9) 0%, rgba(20, 22, 28, 0.6) 60%, rgba(20, 22, 28, 0.3) 100%),
            url('../../images/landing/streetwear-768.webp');
    }
}
body.lp-theme-stickpremium .lhero-rating .lstars { color: #d6ae60; }
body.lp-theme-stickpremium .lband { background: #16181d; }

/* ---- WhatsApp bestellen: Chat-Welt in WhatsApp-Gruen ---- */
body.lp-theme-whatsapp {
    --brand-orange: #15803d;
    --brand-blue: #075e54;
}
body.lp-theme-whatsapp .lbtn-primary:hover { background: #166534; }
body.lp-theme-whatsapp .lhero {
    background-color: #075e54;
    background-image:
        radial-gradient(36rem 24rem at 85% 12%, rgba(37, 211, 102, 0.35) 0%, transparent 60%),
        linear-gradient(135deg, #052e2b 0%, #075e54 55%, #0a7d63 100%);
}
/* Steps als Chat-Bubbles wie im Messenger */
body.lp-theme-whatsapp .lsection .lwrap:has(.lsteps) { background: #e9e2d6; }
body.lp-theme-whatsapp .lsteps li { padding-left: 3.5rem; }
body.lp-theme-whatsapp .lsteps li > h3,
body.lp-theme-whatsapp .lsteps li > p {
    background: #ffffff;
    border-radius: 0 14px 14px 14px;
    padding: 0.6rem 0.9rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
    max-width: 46ch;
}
body.lp-theme-whatsapp .lsteps li > h3 { margin: 0 0 2px; border-radius: 14px 14px 3px 3px; padding-bottom: 0.25rem; }
body.lp-theme-whatsapp .lsteps li > p { margin-top: 0; border-radius: 3px 14px 14px 14px; }
body.lp-theme-whatsapp .lsteps li:not(:last-child)::after { background: rgba(21, 128, 61, 0.3); }
body.lp-theme-whatsapp .lband { background: #075e54; }

/* ---- Flexdruck: Team-Kreis mit Nummern + Watermark ---- */
body.lp-theme-flex {
    --brand-orange: #be123c;
    --brand-blue: #0b1e3a;
}
body.lp-theme-flex .lhero {
    background-color: #0b1e3a;
    background-image:
        linear-gradient(100deg, rgba(8, 21, 39, 0.88) 0%, rgba(11, 30, 58, 0.5) 55%, rgba(11, 30, 58, 0.22) 100%),
        url('../../images/landing/sportteams-1920.webp');
    overflow: hidden;
}
@media (max-width: 768px) {
    body.lp-theme-flex .lhero {
        background-image:
            linear-gradient(100deg, rgba(8, 21, 39, 0.88) 0%, rgba(11, 30, 58, 0.55) 60%, rgba(11, 30, 58, 0.28) 100%),
            url('../../images/landing/sportteams-768.webp');
    }
}
body.lp-theme-flex .lhero::before {
    content: "10";
    position: absolute;
    right: -0.05em;
    top: 50%;
    transform: translateY(-50%);
    font-size: clamp(14rem, 32vw, 26rem);
    font-weight: 800;
    line-height: 1;
    color: rgba(255, 255, 255, 0.07);
    letter-spacing: -0.05em;
    pointer-events: none;
}
body.lp-theme-flex .lhero-inner { position: relative; }
body.lp-theme-flex .lband { background: #0b1e3a; }

/* ---- Gastro: Koch mit Schuerze, warme Gastgeber-Toene ---- */
body.lp-theme-gastro {
    --brand-orange: #c2410c;
    --brand-blue: #1a3c34;
    --page-bg: #f7f4ee;
    --surface-muted: #f3ede2;
}
body.lp-theme-gastro .lhero {
    background-color: #1a3c34;
    background-image:
        radial-gradient(40rem 26rem at 82% 20%, rgba(194, 65, 12, 0.2) 0%, transparent 60%),
        linear-gradient(100deg, rgba(14, 33, 28, 0.88) 0%, rgba(26, 60, 52, 0.5) 55%, rgba(26, 60, 52, 0.2) 100%),
        url('../../images/landing/gastronomie-1920.webp');
    background-position: right center;
}
@media (max-width: 768px) {
    body.lp-theme-gastro .lhero {
        background-image:
            linear-gradient(100deg, rgba(14, 33, 28, 0.88) 0%, rgba(26, 60, 52, 0.55) 60%, rgba(26, 60, 52, 0.25) 100%),
            url('../../images/landing/gastronomie-768.webp');
    }
}
body.lp-theme-gastro .lband { background: #1a3c34; }

/* ---- JGA: Club-Nacht mit Neon-Licht ---- */
body.lp-theme-jga {
    --brand-orange: #be185d;
    --brand-blue: #7e22ce;
}
body.lp-theme-jga .lbtn-primary:hover { background: #9d174d; }
body.lp-theme-jga .lhero {
    background-color: #2e1065;
    background-image:
        linear-gradient(100deg, rgba(30, 10, 60, 0.85) 0%, rgba(46, 16, 101, 0.45) 55%, rgba(112, 26, 117, 0.2) 100%),
        url('../../images/landing/jga-1920.webp');
}
@media (max-width: 768px) {
    body.lp-theme-jga .lhero {
        background-image:
            linear-gradient(100deg, rgba(30, 10, 60, 0.85) 0%, rgba(46, 16, 101, 0.5) 60%, rgba(112, 26, 117, 0.25) 100%),
            url('../../images/landing/jga-768.webp');
    }
}
body.lp-theme-jga .lband { background: #3b0764; }

/* ---- Festival-Merch: Crowd unter Buehnenlicht ---- */
body.lp-theme-festival {
    --brand-orange: #6d28d9;
    --brand-blue: #4c1d95;
}
body.lp-theme-festival .lbtn-primary:hover { background: #5b21b6; }
body.lp-theme-festival .lhero {
    background-color: #0c0a14;
    background-image:
        linear-gradient(100deg, rgba(12, 10, 20, 0.8) 0%, rgba(30, 27, 75, 0.28) 55%, rgba(109, 40, 217, 0.06) 100%),
        url('../../images/landing/festival-1920.webp');
}
@media (max-width: 768px) {
    body.lp-theme-festival .lhero {
        background-image:
            linear-gradient(100deg, rgba(12, 10, 20, 0.8) 0%, rgba(30, 27, 75, 0.32) 60%, rgba(109, 40, 217, 0.08) 100%),
            url('../../images/landing/festival-768.webp');
    }
}
body.lp-theme-festival .lband { background: #1e1b4b; }

/* ---- Caps besticken: urbanes Schiefer-Dunkel + Signal-Rot (Cap-Foto) ---- */
body.lp-theme-caps {
    --brand-orange: #b91c1c;
    --brand-blue: #7f1d1d;
}
body.lp-theme-caps .lbtn-primary:hover { background: #991b1b; }
body.lp-theme-caps .lhero {
    background-color: #1c1f26;
    background-image:
        linear-gradient(100deg, rgba(20, 23, 30, 0.9) 0%, rgba(28, 31, 38, 0.55) 55%, rgba(127, 29, 29, 0.2) 100%),
        url('../../images/landing/caps-1920.webp');
}
@media (max-width: 768px) {
    body.lp-theme-caps .lhero {
        background-image:
            linear-gradient(100deg, rgba(20, 23, 30, 0.9) 0%, rgba(28, 31, 38, 0.6) 60%, rgba(127, 29, 29, 0.24) 100%),
            url('../../images/landing/caps-768.webp');
    }
}
body.lp-theme-caps .lband { background: #1c1f26; }

/* ---- Firmenlauf: frisches Teal, Energie & Bewegung (Stadtlauf-Foto) ---- */
body.lp-theme-firmenlauf {
    --brand-orange: #0f766e;
    --brand-blue: #134e4a;
}
body.lp-theme-firmenlauf .lbtn-primary:hover { background: #115e59; }
body.lp-theme-firmenlauf .lhero {
    background-color: #134e4a;
    background-image:
        linear-gradient(100deg, rgba(15, 45, 42, 0.88) 0%, rgba(19, 78, 74, 0.45) 55%, rgba(45, 212, 191, 0.12) 100%),
        url('../../images/landing/firmenlauf-1920.webp');
}
@media (max-width: 768px) {
    body.lp-theme-firmenlauf .lhero {
        background-image:
            linear-gradient(100deg, rgba(15, 45, 42, 0.88) 0%, rgba(19, 78, 74, 0.5) 60%, rgba(45, 212, 191, 0.15) 100%),
            url('../../images/landing/firmenlauf-768.webp');
    }
}
body.lp-theme-firmenlauf .lband { background: #134e4a; }

/* ---- Schulen & Vereine: freundliches Blau + bunte Tupfer (Team-Kreis-Foto) ---- */
body.lp-theme-schulen {
    --brand-orange: #1d4ed8;
    --brand-blue: #1e3a8a;
}
body.lp-theme-schulen .lbtn-primary:hover { background: #1e40af; }
body.lp-theme-schulen .lhero {
    background-color: #1e3a8a;
    background-image:
        radial-gradient(3px 3px at 16% 24%, rgba(250, 204, 21, 0.9) 40%, transparent 50%),
        radial-gradient(3px 3px at 30% 70%, rgba(74, 222, 128, 0.85) 40%, transparent 50%),
        radial-gradient(3px 3px at 55% 18%, rgba(248, 113, 113, 0.85) 40%, transparent 50%),
        radial-gradient(3px 3px at 88% 66%, rgba(250, 204, 21, 0.8) 40%, transparent 50%),
        linear-gradient(100deg, rgba(23, 37, 84, 0.88) 0%, rgba(30, 58, 138, 0.5) 55%, rgba(59, 130, 246, 0.16) 100%),
        url('../../images/landing/schulen-1920.webp');
}
@media (max-width: 768px) {
    body.lp-theme-schulen .lhero {
        background-image:
            linear-gradient(100deg, rgba(23, 37, 84, 0.88) 0%, rgba(30, 58, 138, 0.55) 60%, rgba(59, 130, 246, 0.2) 100%),
            url('../../images/landing/schulen-768.webp');
    }
}
body.lp-theme-schulen .lband { background: #1e3a8a; }

/* ---- Hoodie bedrucken: Elektro-Indigo, Streetwear-Druck (Hoodie-Foto) ---- */
body.lp-theme-hoodiedruck {
    --brand-orange: #4338ca;
    --brand-blue: #312e81;
}
body.lp-theme-hoodiedruck .lbtn-primary:hover { background: #3730a3; }
body.lp-theme-hoodiedruck .lhero {
    background-color: #1e1b4b;
    background-image:
        linear-gradient(100deg, rgba(23, 21, 59, 0.9) 0%, rgba(30, 27, 75, 0.55) 55%, rgba(67, 56, 202, 0.22) 100%),
        url('../../images/landing/hoodiedruck-1920.webp');
}
@media (max-width: 768px) {
    body.lp-theme-hoodiedruck .lhero {
        background-image:
            linear-gradient(100deg, rgba(23, 21, 59, 0.9) 0%, rgba(30, 27, 75, 0.6) 60%, rgba(67, 56, 202, 0.26) 100%),
            url('../../images/landing/hoodiedruck-768.webp');
    }
}
body.lp-theme-hoodiedruck .lband { background: #312e81; }

/* ---- Weihnachtsgeschenke: Tannengruen + Schneeflocken (Geschenke-Foto) ---- */
body.lp-theme-weihnachten {
    --brand-orange: #166534;
    --brand-blue: #14532d;
}
body.lp-theme-weihnachten .lbtn-primary:hover { background: #15803d; }
body.lp-theme-weihnachten .lhero h1 { max-width: 24ch; hyphens: auto; -webkit-hyphens: auto; }
body.lp-theme-weihnachten .lhero {
    background-color: #14532d;
    background-image:
        radial-gradient(3px 3px at 14% 22%, rgba(255, 255, 255, 0.9) 40%, transparent 50%),
        radial-gradient(2px 2px at 32% 64%, rgba(255, 255, 255, 0.75) 40%, transparent 50%),
        radial-gradient(3px 3px at 58% 16%, rgba(255, 255, 255, 0.85) 40%, transparent 50%),
        radial-gradient(2px 2px at 86% 58%, rgba(255, 255, 255, 0.8) 40%, transparent 50%),
        linear-gradient(100deg, rgba(15, 46, 26, 0.9) 0%, rgba(20, 83, 45, 0.5) 55%, rgba(180, 83, 9, 0.14) 100%),
        url('../../images/landing/weihnacht-1920.webp');
}
@media (max-width: 768px) {
    body.lp-theme-weihnachten .lhero {
        background-image:
            linear-gradient(100deg, rgba(15, 46, 26, 0.9) 0%, rgba(20, 83, 45, 0.55) 60%, rgba(180, 83, 9, 0.16) 100%),
            url('../../images/landing/weihnacht-768.webp');
    }
}
body.lp-theme-weihnachten .lband { background: #14532d; }

/* ---- Polos besticken: Business-Marine (Polo-Kragen-Foto) ---- */
body.lp-theme-polos {
    --brand-orange: #1e40af;
    --brand-blue: #1e3a8a;
}
body.lp-theme-polos .lbtn-primary:hover { background: #1e3a8a; }
body.lp-theme-polos .lhero {
    background-color: #0f172a;
    background-image:
        linear-gradient(100deg, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.66) 55%, rgba(30, 64, 175, 0.3) 100%),
        url('../../images/landing/polo-1920.webp');
}
@media (max-width: 768px) {
    body.lp-theme-polos .lhero {
        background-image:
            linear-gradient(100deg, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.7) 60%, rgba(30, 64, 175, 0.34) 100%),
            url('../../images/landing/polo-768.webp');
    }
}
body.lp-theme-polos .lband { background: #0f172a; }

/* ---- Taschen bedrucken: warmes Natur-Espresso (Jutebeutel-Foto) ---- */
body.lp-theme-taschen {
    --brand-orange: #92400e;
    --brand-blue: #78350f;
    --page-bg: #f7f4ee;
    --surface-muted: #f3ede2;
}
body.lp-theme-taschen .lbtn-primary:hover { background: #7c3509; }
body.lp-theme-taschen .lhero {
    background-color: #292524;
    background-image:
        linear-gradient(100deg, rgba(28, 25, 23, 0.9) 0%, rgba(41, 37, 36, 0.6) 55%, rgba(146, 64, 14, 0.24) 100%),
        url('../../images/landing/taschen-1920.webp');
}
@media (max-width: 768px) {
    body.lp-theme-taschen .lhero {
        background-image:
            linear-gradient(100deg, rgba(28, 25, 23, 0.9) 0%, rgba(41, 37, 36, 0.64) 60%, rgba(146, 64, 14, 0.26) 100%),
            url('../../images/landing/taschen-768.webp');
    }
}
body.lp-theme-taschen .lband { background: #292524; }