/* JLC Unterseiten-Schicht · 09.11.2026
   Gleiche Navigation, gleicher Fuß, gleicher Termin-Knopf wie die Startseite.
   Eigene Token-Namen (--j-*), damit alte Seitenstile nicht kollidieren. */
:root{--j-bg:#FAFAF7;--j-nav:#1B2A4A;--j-gd:#C9A84C;--j-gdh:#B89A40;--j-gdt:#765A13;--j-txm:#46505F;--j-div:#DDDCD6;--j-bdr:#D0D1CC;
  --j-fd:'Playfair Display',Georgia,serif;--j-fb:'Inter','Helvetica Neue',Arial,sans-serif}
html{scroll-padding-top:90px}
body{padding-top:0!important}
/* Navigation wie Startseite */
nav.jnav{position:sticky;top:0;z-index:60;background:rgba(250,250,247,.98);border-bottom:1px solid var(--j-div);margin:0;padding:0;height:auto;display:block;box-shadow:none;width:auto}
nav.jnav .nav-in{max-width:1160px;padding:16px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
nav.jnav .nlogo{font-family:var(--j-fd);font-size:1.3rem;text-decoration:none;font-weight:600;white-space:nowrap;color:var(--j-nav)}
nav.jnav .nlinks{display:flex;align-items:center;gap:20px;list-style:none;font-size:.82rem;margin:0;padding:0;font-family:var(--j-fb)}
nav.jnav .nlinks li{margin:0;padding:0}
nav.jnav .nlinks a{text-decoration:none;color:var(--j-nav)}
nav.jnav .nlinks a:hover{text-decoration:underline;text-underline-offset:5px}
nav.jnav .nlinks a.nwoa{color:var(--j-gdt);font-weight:600}
nav.jnav .ncta{display:inline-block;background:var(--j-gd);color:var(--j-nav)!important;padding:11px 15px;border-radius:6px;font-weight:600}
nav.jnav .ncta:hover{background:var(--j-gdh);text-decoration:none!important}
.jnav .lang-toggle,.jdrawer .lang-toggle{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--j-bdr);border-radius:5px;background:transparent;color:var(--j-txm);padding:8px;cursor:pointer;font-size:.75rem;min-height:42px;font-family:var(--j-fb)}
nav.jnav .burger{display:none;flex-direction:column;justify-content:center;gap:5px;border:0;background:none;padding:10px;cursor:pointer;min-width:44px;min-height:44px}
nav.jnav .burger span{display:block;width:23px;height:2px;background:var(--j-nav)}
.jscrim{position:fixed;inset:0;background:rgba(20,32,57,.5);z-index:70;display:none}
.jscrim.on{display:block}
.jdrawer{position:fixed;inset:0 0 0 auto;width:min(85vw,340px);height:100dvh;overflow-y:auto;background:var(--j-bg);z-index:80;padding:22px;display:flex;flex-direction:column;gap:3px;transform:translateX(100%);transition:transform .2s;font-family:var(--j-fb);visibility:hidden}
.jdrawer.on{transform:translateX(0);visibility:visible}
.jdrawer .mclose{align-self:flex-end;background:none;border:0;color:var(--j-nav);font-size:1.7rem;min-height:44px;min-width:44px;cursor:pointer}
.jdrawer>a{padding:11px 3px;border-bottom:1px solid var(--j-div);text-decoration:none;color:var(--j-nav)}
.jdrawer a.mdrawer-cta{background:var(--j-gd);color:var(--j-nav);border-radius:6px;text-align:center;font-weight:600;margin-top:10px;padding:14px;border:0}
.jdrawer .lang-toggle{margin-top:16px;align-self:flex-start}
@media(max-width:1060px){nav.jnav .nlinks{gap:12px;font-size:.77rem}nav.jnav .nav-in{gap:14px}}
@media(max-width:900px){nav.jnav .nlinks{display:none}nav.jnav .burger{display:flex}nav.jnav .nav-in{padding:12px 22px}}
@media(prefers-reduced-motion:reduce){.jdrawer{transition:none}}
/* Termin-Knopf direkt unter der Einleitung */
.sub-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:26px 0 8px;font-family:var(--j-fb)}
.sub-cta .btn-j{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 24px;border-radius:6px;background:var(--j-gd);color:var(--j-nav)!important;font-weight:600;font-size:1.02rem;text-decoration:none!important;border:0}
.sub-cta .btn-j:hover{background:var(--j-gdh)}
.sub-cta .sub-note{color:var(--j-txm);font-size:.9rem}
.hero .sub-cta .sub-note,.hero-dark .sub-cta .sub-note{color:inherit;opacity:.85}
/* Bild */
.sub-fig{margin:26px 0 8px;max-width:min(100%,860px)}
.sub-fig img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;border-radius:12px}
.sub-fig figcaption{font-size:.78rem;color:var(--j-txm);margin-top:8px;font-family:var(--j-fb)}
/* Kundenstimme */
.sub-quote{margin:40px auto;max-width:860px;width:calc(100% - 32px);padding:28px 30px;border-left:4px solid var(--j-gd);background:#fff;border-radius:0 12px 12px 0;box-shadow:0 1px 0 var(--j-div);font-family:var(--j-fb)}
.sub-quote blockquote{margin:0;font-family:var(--j-fd);font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.45;color:var(--j-nav)}
.sub-quote figcaption{margin-top:14px;font-size:.88rem;color:var(--j-txm)}
.sub-quote figcaption a{color:var(--j-gdt)}
/* Abschlussband */
.sub-band{background:var(--j-nav);color:#fff;margin:56px 0 0;padding:56px 32px;font-family:var(--j-fb)}
.sub-band .in{max-width:860px;margin:auto;display:grid;gap:14px}
.sub-band h2{font-family:var(--j-fd);color:#fff;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.12;margin:0;font-weight:600}
.sub-band h2 em{color:var(--j-gd)}
.sub-band p{margin:0;color:rgba(255,255,255,.86);max-width:60ch}
.sub-band .sub-cta .sub-note{color:rgba(255,255,255,.8)}
/* Fuß wie Startseite */
footer.jfoot{padding:42px 32px;background:var(--j-nav);color:#fff;font-size:.82rem;font-family:var(--j-fb);margin:0;text-align:left;border:0}
.sub-band+footer.jfoot{border-top:1px solid rgba(255,255,255,.12)}
footer.jfoot .finner{max-width:1096px;margin:auto}
footer.jfoot .flogo{font-family:var(--j-fd);font-size:1.4rem;margin-bottom:12px;color:#fff}
footer.jfoot p{margin:0 0 6px;color:#fff}
footer.jfoot a{color:#fff}
footer.jfoot .flinks{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0}
footer.jfoot .flinks a{padding:6px 0;text-underline-offset:4px}
footer.jfoot .fmission{max-width:820px;font-size:.77rem;opacity:.9}
@media(max-width:720px){.sub-band{padding:44px 22px}footer.jfoot{padding:36px 22px 112px}.sub-quote{padding:22px 20px}}
/* Altlasten der Unterseiten glätten */
.hmotto,.hmotto-sub{display:none!important}
/* Abstand oben: alte Seiten hatten Platz für eine fixierte Leiste */
.jdrawer ~ div:empty{display:none}
.jdrawer + *, .jdrawer + div:empty + *{margin-top:0!important;padding-top:32px!important}
@media(max-width:720px){.jdrawer + *, .jdrawer + div:empty + *{padding-top:22px!important}}
/* Kontrast (Lighthouse 09.11.): blasse Etiketten und Brotkrumen auf hellem Grund abdunkeln */
.breadcrumb,.breadcrumb a,.breadcrumb span{color:#4F5B6B!important}
.eyebrow,.heyebrow,.ep,.price-tag,.price-amount{color:var(--j-gdt)!important}
.price-band .eyebrow,.ctaband .eyebrow{color:var(--j-gd)!important}
.sub-quote figcaption a{text-decoration:underline;text-underline-offset:3px}

.sub-graf{margin:30px 0 12px;max-width:min(100%,880px)}.sub-graf img{display:block;width:100%;height:auto;border-radius:16px}