:root{
  --black:#000;--white:#fff;--paper:#f6f5f3;--text:#111;--muted:#6b6660;--grey:#999;
  --line:rgba(0,0,0,.12);--wline:rgba(255,255,255,.18);
  --gold:#b08a4b;--gold-soft:#c9a15f;
  --pad:clamp(20px,5vw,88px);--max:1360px;--rail:320px;--sec:clamp(88px,10vw,150px);
  --sans:"Jost","Futura","Helvetica Neue",Arial,sans-serif;
  --serif:"Cormorant Garamond","Didot",Georgia,serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--text);font:300 16px/1.8 var(--sans);letter-spacing:.01em;overflow-x:clip}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}
h1,h2,h3,p{margin-top:0}strong,b{font-weight:500}
:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap,.container{width:min(var(--max),calc(100% - 2*var(--pad)));margin-inline:auto}
.sans{font-family:var(--sans);font-weight:300;text-transform:uppercase;letter-spacing:.075em;line-height:1}
.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:0;line-height:1.08}
.eyebrow,.section-no{font:500 9px/1.55 var(--sans);letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}

/* ===== HEADER — STARTSEITEN-SYSTEM ===== */
.alert{background:#000;color:#fff;text-align:center;padding:10px var(--pad);font:400 10px/1.6 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.alert a{border-bottom:1px solid}.wiesn{display:none}.wiesn.on{display:inline;margin-right:8px}
.top{position:sticky;top:0;z-index:80;background:#fff;color:#000;border-bottom:1px solid var(--line)}
.top a,.top a:visited,.alert a,.alert a:visited{text-decoration:none!important}
.top__in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;height:84px}
.brand{grid-column:2;text-align:center;font:500 20px/1 var(--sans);letter-spacing:.42em;padding-left:.42em;white-space:nowrap}
.brand small{display:block;margin-top:9px;font-weight:400;font-size:8px;letter-spacing:.42em;color:var(--muted)}
.top__cta{grid-column:3;display:flex;justify-content:flex-end;gap:10px}
.top__cta a{display:flex;align-items:center;gap:10px;height:42px;padding:0 16px;border:1px solid #000}
.top__cta small{font:500 9px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;opacity:.6}
.top__cta strong{font:400 12px/1 var(--sans);letter-spacing:.1em;white-space:nowrap}
.top__cta .sos{background:#000;color:#fff}
.menu{display:none;grid-column:1;justify-self:start;background:none;border:0;color:#000;font:500 10px var(--sans);letter-spacing:.28em;padding:12px 0;cursor:pointer}
.nav__list{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:clamp(26px,3.6vw,58px)}
.mm__t{display:block;padding:14px 0 16px;font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;border-bottom:2px solid transparent}
.mm__t:hover,.mm.open .mm__t{border-color:#000}
.mm__p{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 40px 60px rgba(0,0,0,.05);opacity:0;visibility:hidden;transition:.25s}
.mm.open .mm__p{opacity:1;visibility:visible}
.mm__in{position:relative;display:grid;grid-template-columns:230px repeat(4,minmax(0,1fr));gap:40px;padding:56px 0 64px}
.mm__hub a{display:block;margin-bottom:30px;font:500 11px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.mm__hub a:last-child{font-weight:400;letter-spacing:.14em;color:var(--muted)}
.mm__h{margin:0 0 22px;font:500 11px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.mm__col a{display:block;padding:6px 0;font:300 15px/1.45 var(--sans);color:#333}
.mm__col a:hover{text-decoration:underline;text-underline-offset:4px}
.mm__x{position:absolute;right:0;top:22px;background:none;border:0;font:200 34px/1 var(--sans);cursor:pointer}
.mm__img{grid-column:span 2;margin:0;position:relative;overflow:hidden;height:300px;background:var(--paper)}
.mm__img img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:grayscale(1)}
.mm__img figcaption{position:absolute;left:18px;bottom:14px;color:#fff;font:500 9px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase}

/* ===== HERO ===== */
.subhero{display:grid;grid-template-columns:1.04fr .96fr;min-height:clamp(610px,calc(100svh - 120px),850px);background:#fff;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.subhero__media{grid-column:2;grid-row:1;position:relative;background:#111;min-height:610px}
.subhero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) contrast(1.05) brightness(.78)}
.subhero__shade{display:none}
.subhero__meta{grid-column:1;grid-row:1;align-self:start;z-index:2;margin:42px max(var(--pad),calc((100vw - var(--max))/2));display:flex;justify-content:space-between;gap:20px;font:500 8px/1.5 var(--sans);letter-spacing:.23em;text-transform:uppercase;color:var(--muted)}
.subhero__title{grid-column:1;grid-row:1;align-self:center;z-index:2;padding:80px clamp(30px,5vw,88px) 80px max(var(--pad),calc((100vw - var(--max))/2));max-width:920px}
.subhero__title-prefix{display:block;margin-bottom:18px;color:var(--gold);font:500 9px/1.5 var(--sans);letter-spacing:.28em;text-transform:uppercase}
.subhero__title>.sans:not(.small){display:block;font-size:clamp(48px,6.1vw,100px);font-weight:200;line-height:.92;letter-spacing:.07em}

.subhero__title-location{display:block}
.subhero__title .small{font-size:clamp(25px,3vw,44px);letter-spacing:.15em;color:var(--gold)}
.subhero__bottom{grid-column:1;grid-row:1;align-self:end;z-index:2;padding:0 clamp(30px,5vw,88px) 42px max(var(--pad),calc((100vw - var(--max))/2))}
.subhero__bottom p{max-width:64ch;font-size:14px;color:var(--muted)}
.subhero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-btn{min-height:54px;padding:0 22px;border:1px solid #111;display:inline-flex;align-items:center;justify-content:center;font:500 9px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.hero-btn--primary{background:#000;color:#fff;border-color:#000;box-shadow:inset 3px 0 0 var(--gold)}
.hero-btn:hover{background:#000;color:#fff}
.subhero__ghost{display:none}

/* ===== CONTACT RIBBON ===== */
.subpage-contact-ribbon{display:grid;grid-template-columns:1.3fr .9fr 1.1fr 1fr;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.subpage-contact-ribbon>div,.subpage-contact-ribbon>a{min-height:78px;padding:15px 22px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}
.subpage-contact-ribbon span{display:block;margin-bottom:5px;color:var(--gold);font:500 7px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.subpage-contact-ribbon strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.subpage-contact-ribbon__urgent{background:#000;color:#fff;box-shadow:inset 3px 0 0 var(--gold)}
.subpage-contact-ribbon__urgent span{color:var(--gold-soft)}

/* ===== STATEMENT ===== */
.statement-scene{position:relative;overflow:hidden}
.statement-scene--uhaft,.erpressung-break{background:#000;color:#fff;padding:clamp(80px,9vw,140px) var(--pad);box-shadow:inset 0 2px 0 rgba(176,138,75,.44)}
.handy-statement__grid{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:end}
.handy-statement__title span{display:block}
.handy-statement__title .sans,.erpressung-break h2 .sans{font-size:clamp(46px,6.5vw,104px);line-height:.92;letter-spacing:.065em}
.handy-statement__title .serif,.erpressung-break h2 .serif{margin:.18em 0 0 8vw;color:#d8d4cd;font-size:clamp(34px,4vw,60px)}
.erpressung-reel__contact,.erpressung-break__contact{padding-top:22px;border-top:1px solid rgba(176,138,75,.42)}
.erpressung-reel__contact span,.erpressung-break__contact span{font:500 8px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft)}
.erpressung-reel__contact a,.erpressung-break__contact b{display:block;margin-top:10px;font:300 clamp(29px,3.2vw,50px)/1 var(--sans);letter-spacing:.07em}
.erpressung-reel__contact small{display:block;margin-top:12px;color:#999;font-size:11px}
.erpressung-break{margin:0 calc(clamp(34px,6vw,92px) * -1);padding-left:clamp(34px,6vw,92px);padding-right:clamp(34px,6vw,92px)}
.erpressung-break h2 span{display:block}.erpressung-break__ghost{display:none}

/* ===== ARTICLE / RAIL ===== */
.article-shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);background:var(--paper);align-items:stretch}
.article-rail{background:#000;color:#fff;padding:38px 24px 54px}
.article-rail__sticky{position:sticky;top:104px}
.article-rail>.article-rail__sticky>.eyebrow{color:var(--gold-soft);margin-bottom:16px}
.article-rail__portrait{aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(176,138,75,.48)}
.article-rail__portrait img{width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:grayscale(1)}
.article-rail__person-copy{padding:18px 0 20px}
.article-rail__person-label{display:block;margin-bottom:7px;color:var(--gold-soft);font:500 7px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.article-rail__person-copy strong{display:block;font:300 26px/1.1 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.article-rail__person-copy>span:last-child{font-size:10px;color:#999}
.article-rail__direct{border-top:1px solid rgba(176,138,75,.28)}
.article-rail__direct a{display:block;padding:11px 0;border-bottom:1px solid rgba(176,138,75,.24)}
.article-rail__direct span{display:block;margin-bottom:6px;color:var(--gold-soft);font:500 6.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.article-rail__direct strong{font-size:11px;overflow-wrap:anywhere}
.article-rail__direct--urgent{background:rgba(176,138,75,.08);padding-left:10px!important}
.article-rail__index-label{margin-top:24px;color:var(--gold-soft);font:500 7px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase}
.article-rail__index{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:7px}
.article-rail__index a{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:7.5px;line-height:1.35;color:#bbb}

.fachtext{background:var(--paper);padding:88px clamp(34px,6vw,92px) 110px;min-width:0}
.fachblock{padding:62px 0;border-top:1px solid var(--line)}
.fachblock:first-child{padding-top:0;border-top:0}
.fachblock h2{max-width:1000px;font:300 clamp(34px,4.2vw,64px)/1.08 var(--sans);letter-spacing:.03em;text-transform:uppercase}
.fachblock h3{margin:30px 0 14px;font:400 italic clamp(25px,2.6vw,38px)/1.15 var(--serif);color:#292622}
.fachblock p{max-width:880px;font-size:15px;line-height:1.82;color:#48443f}
.subblock{margin-top:34px}
.fachtext a.internal-link{border-bottom:1px solid rgba(176,138,75,.7)}
.brand-contact-strip{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:36px;border:1px solid rgba(176,138,75,.38);background:#fff;box-shadow:inset 4px 0 0 var(--gold)}
.brand-contact-strip__copy{padding:24px 26px}
.brand-contact-strip__copy span{display:block;margin-bottom:8px;color:var(--gold);font:500 8px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.brand-contact-strip__copy strong{display:block;font-size:14px;line-height:1.5}
.brand-contact-strip__call{align-self:stretch;min-width:220px;padding:18px 22px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;background:#000;color:#fff}
.brand-contact-strip__call small{color:var(--gold-soft);font:500 7px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.brand-contact-strip__call b{margin-top:7px;font-size:18px;letter-spacing:.05em}

/* ===== DEFENSE PROCESS ===== */
.defense-process{margin-top:38px;border-top:1px solid var(--line)}
.defense-process__item{display:grid;grid-template-columns:72px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}
.defense-process__number{font:200 30px/1 var(--sans);color:var(--gold)}
.defense-process__content h3{margin:0 0 8px}
.defense-process__content p{margin:0}

/* ===== FAQ ===== */
.faq{background:#fff;padding:var(--sec) var(--pad)}
.faq__head{width:min(var(--max),100%);margin:0 auto 50px}
.faq__head h2 span{display:block}
.faq__head .sans{font-size:clamp(48px,7vw,112px);letter-spacing:.07em}
.faq__head .serif{margin:.12em 0 0 10vw;color:#333;font-size:clamp(34px,4vw,60px)}
.faq__list{width:min(1100px,100%);margin:auto}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:24px 0;font-size:18px}
.faq summary::-webkit-details-marker{display:none}
.faq details>div{max-width:820px;padding:0 0 28px;color:var(--muted);font-size:14px}

/* ===== REVIEWS ===== */
.reviews{background:#fff;padding:var(--sec) 0 0}
.reviews-head{position:relative;padding-bottom:70px;overflow:hidden}
.reviews-head__meta{display:flex;justify-content:space-between;margin-bottom:35px}
.reviews-head__main{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:end}
.reviews-head h2 span{display:block}
.reviews-head .r1,.reviews-head .r3{font-size:clamp(44px,6vw,96px);letter-spacing:.06em}
.reviews-head .r2{margin:.15em 0 .15em 7vw;color:#333;font-size:clamp(32px,3.8vw,56px)}
.reviews-head__seo{color:var(--muted);font-size:14px;line-height:1.7}
.reviews-google-link{display:inline-block;margin-top:18px;padding-bottom:4px;border-bottom:1px solid var(--gold);font:500 9px/1 var(--sans);letter-spacing:.17em;text-transform:uppercase}
.reviews-head__slash{position:absolute;left:-10vw;top:60%;width:120vw;height:1px;background:rgba(176,138,75,.5);transform:rotate(-4deg)}
.reviews-head__ghost{position:absolute;right:-.03em;bottom:-.15em;font-size:22vw;color:rgba(176,138,75,.045)}
.reviews-stage{background:var(--paper);padding:64px var(--pad) 78px}
.reviews-stage__topline{width:min(var(--max),100%);margin:0 auto 28px;display:flex;gap:20px;justify-content:space-between}
.reviews-stage__hint,.reviews-stage__google{font:500 8px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.review-track{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.review-card{margin:0;padding:34px;background:#fff;border:1px solid rgba(176,138,75,.28)}
.review-stars{color:var(--gold);letter-spacing:.2em}
.review-card blockquote{margin:24px 0}
.review-card .headline{font:400 italic clamp(26px,2.5vw,36px)/1.12 var(--serif);color:#111}
.review-card blockquote p:not(.headline){color:var(--muted);font-size:14px}
.review-card figcaption{font:500 8px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

/* ===== PROCEDURE LINKS ===== */
.procedure-links{padding:var(--sec) var(--pad);background:#fff}
.procedure-links__inner{width:min(var(--max),100%);margin:auto}
.procedure-links__kicker{font:500 9px/1 var(--sans);letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}
.procedure-links__title{margin:25px 0 50px}
.procedure-links__title-main{display:block;font:300 clamp(48px,7vw,110px)/.9 var(--sans);letter-spacing:.08em}
.procedure-links__title-serif{display:block;margin:.15em 0 0 10vw;font:400 italic clamp(34px,4vw,60px)/1 var(--serif);color:#333}
.procedure-links__list{border-top:1px solid var(--line)}
.procedure-links__item{display:grid;grid-template-columns:65px 1fr 15px 30px;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.procedure-links__no{font:300 12px/1 var(--sans);color:var(--gold)}
.procedure-links__label{font:300 clamp(21px,2vw,30px)/1 var(--sans);letter-spacing:.08em}
.procedure-links__pulse{width:5px;height:5px;border-radius:50%;background:var(--gold)}
.procedure-links__arrow{justify-self:end}

/* ===== CONTACT FINAL ===== */
.contact-final{position:relative;background:#000;color:#fff;padding:var(--sec) var(--pad) 70px;overflow:hidden;box-shadow:inset 0 3px 0 var(--gold)}
.contact-final>.eyebrow,.contact-final__title,.contact-final__numbers,.contact-final__bottom{position:relative;z-index:2;width:min(var(--max),100%);margin-left:auto;margin-right:auto}
.contact-final__title{margin-top:25px;margin-bottom:62px}
.contact-final__title .sans{display:block;font-size:clamp(70px,11vw,180px);line-height:.76;letter-spacing:.08em}
.contact-final__title .serif{display:block;margin:.18em 0 0 20vw;color:#d9d5ce;font-size:clamp(34px,4vw,62px)}
.contact-final__numbers{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--wline);border-bottom:1px solid var(--wline)}
.contact-final__numbers a{padding:30px 0}
.contact-final__numbers a:first-child{border-right:1px solid var(--wline);padding-right:34px}
.contact-final__numbers a:last-child{padding-left:34px}
.contact-final__label{display:block;margin-bottom:8px;color:var(--gold-soft);font:500 8px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.contact-final__number{font-size:clamp(36px,4.5vw,66px);font-weight:200;letter-spacing:.06em}
.contact-final__bottom{margin-top:26px;color:#aaa;font-size:11px}
.contact-final__meta{display:flex;gap:18px;flex-wrap:wrap}
.contact-final__ghost{position:absolute;right:-.05em;bottom:-.13em;font-size:25vw;color:rgba(176,138,75,.05)}

/* ===== FOOTER ===== */
.foot{background:#000;color:#999;font-size:13px;padding:80px 0 44px;border-top:1px solid var(--wline);box-shadow:inset 0 1px 0 rgba(176,138,75,.34)}
.foot a,.foot a:visited,.bar a,.bar a:visited{text-decoration:none!important}
.foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.foot b{display:block;margin-bottom:18px;font:500 9px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#fff}
.foot a{display:block;padding:4px 0}.foot a:hover{color:#fff}
.foot__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:56px;padding-top:24px;border-top:1px solid var(--wline);font-size:11px;letter-spacing:.1em}
.foot__legal nav{display:flex;gap:22px}
.bar{position:fixed;z-index:90;left:0;right:0;bottom:0;background:#000;color:#fff;transform:translateY(105%);transition:transform .35s;padding-bottom:env(safe-area-inset-bottom)}
.bar.show{transform:none}
.bar__in{display:flex;align-items:center;height:62px;justify-content:flex-end}
.bar a{display:flex;align-items:center;gap:12px;height:100%;padding:0 26px;border-left:1px solid var(--wline)}
.bar a small{font:500 9px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;opacity:.65}
.bar a strong{font:400 13px/1 var(--sans);letter-spacing:.12em;white-space:nowrap}
.bar .sos{background:#fff;color:#000;border:0;box-shadow:inset 3px 0 0 var(--gold)}

/* Gold text is always clean Jost; serif remains neutral. */
.subhero__title-prefix,.subhero__title .small,.eyebrow,.section-no,
.subpage-contact-ribbon span,.article-rail__person-label,.article-rail__direct span,
.article-rail__index-label,.brand-contact-strip__copy span,.brand-contact-strip__call small,
.reviews-stage__hint,.reviews-stage__google,.procedure-links__kicker,
.procedure-links__no,.contact-final__label{
  font-family:var(--sans)!important;
  font-style:normal!important;
}

/* ===== RESPONSIVE HEADER ===== */
@media(min-width:1201px){
 .top__in{width:min(1480px,calc(100% - 2*clamp(18px,2.4vw,42px)));height:82px;gap:clamp(24px,2.4vw,40px)}
 .nav{grid-column:1;grid-row:1;justify-self:end;width:auto}.nav__list{justify-content:flex-end;gap:clamp(18px,1.7vw,28px)}
 .mm__t{padding:12px 0 14px;font-size:10px;letter-spacing:.20em;border-bottom-width:1px;white-space:nowrap}
 .brand{grid-column:2;grid-row:1;justify-self:center;min-width:300px;font-size:20px;letter-spacing:.40em;padding-left:.40em}.brand small{margin-top:8px;font-size:8px;letter-spacing:.38em}
 .top__cta{grid-column:3;grid-row:1;justify-self:start;justify-content:flex-start;gap:8px}.top__cta a{height:40px;padding:0 13px;gap:8px}.top__cta small{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.20em;opacity:.72}.top__cta strong{font-size:10.5px;letter-spacing:.065em}
 .top__cta .mid small::before{content:"✦";color:var(--gold);font-size:9px}.top__cta .sos small::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--gold)}
 .mm__p{top:82px}
}
@media(max-width:1200px){
 .menu{display:block}.top__cta .mid{display:none}
 .nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 130px);overflow-y:auto;background:#fff;border-bottom:1px solid var(--line)}
 .nav.open{display:block}.nav__list{flex-direction:column;gap:0;padding:6px var(--pad) 26px}
 .mm__t{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)!important;font-size:12px}
 .mm:has(.mm__p) .mm__t::after{content:"+";font-weight:300;font-size:18px}.mm.open .mm__t::after{transform:rotate(45deg)}
 .mm__p{position:static;display:none;opacity:1;visibility:visible;border:0;box-shadow:none}.mm.open .mm__p{display:block}
 .mm__in{grid-template-columns:1fr;gap:22px;padding:18px 0 26px;width:100%}.mm__x,.mm__img{display:none}
 .foot__grid{grid-template-columns:1fr 1fr}
}

/* ===== MOBILE ===== */
@media(max-width:900px){
 body{padding-bottom:62px}.alert__long{display:none}
 /* Mobile header: fixed instead of sticky so MENÜ remains visible while scrolling (incl. iOS Safari). */
 .top{position:fixed;inset:0 0 auto 0;width:100%;z-index:100;background:#fff}
 .alert{margin-top:68px}
 .top__in{height:68px;gap:10px}.brand{font-size:13px;letter-spacing:.3em}.brand small{display:none}
 .top__cta a{height:38px;padding:0 10px}.top__cta small{display:none}.top__cta strong{font-size:10px;letter-spacing:.06em}

 .subhero{display:block;min-height:0}
 .subhero__meta{position:static;display:flex;margin:0;padding:28px 18px 0;width:100%}
 .subhero__meta span:last-child{display:none}
 .subhero__title{position:static;display:block;width:100%;margin:0;padding:18px 18px 0}
 .subhero__title-prefix{margin-bottom:14px}
 .subhero__title>.sans:not(.small){font-size:clamp(33px,8.7vw,40px);line-height:.98;letter-spacing:.035em;max-width:100%;overflow-wrap:normal;hyphens:none}
 .subhero__title>.serif{font-size:clamp(28px,7.4vw,34px);margin:.18em 0 .2em;color:#333}
 .subhero__title .small{font-size:clamp(21px,5.9vw,27px);line-height:1.08;letter-spacing:.1em}
 .subhero__bottom{position:static;display:block;width:100%;margin:0;padding:24px 18px 30px}
 .subhero__bottom p{font-size:12.5px;line-height:1.7}
 .subhero__actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
 .hero-btn{width:100%;min-width:0;padding:0 12px;font-size:8px;letter-spacing:.17em}
 .subhero__media{position:relative;display:block;width:100%;min-height:0;aspect-ratio:4/3;margin:0}
 .subhero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}

 .subpage-contact-ribbon{grid-template-columns:1fr 1fr}
 .subpage-contact-ribbon>div{grid-column:1/-1}
 .subpage-contact-ribbon>div,.subpage-contact-ribbon>a{min-height:64px;padding:13px 16px}

 .handy-statement__grid{grid-template-columns:1fr;width:100%}
 .handy-statement__title .sans,.erpressung-break h2 .sans{font-size:clamp(37px,10vw,47px)}
 .handy-statement__title .serif,.erpressung-break h2 .serif{margin:.2em 0;font-size:clamp(28px,7.5vw,34px)}
 .statement-scene--uhaft{padding:72px 18px}.erpressung-break{margin:0 -16px;padding:68px 16px}

 .article-shell{display:block}
 .article-rail{padding:34px 16px}.article-rail__sticky{position:static}
 .article-rail__person{max-width:520px;margin:auto}.article-rail__portrait{width:min(300px,100%);margin:auto}.article-rail__person-copy{text-align:center}
 .article-rail__direct,.article-rail__index{max-width:520px;margin-left:auto;margin-right:auto}

 .fachtext{padding:72px 16px 84px}
 .fachblock{padding:50px 0}
 .fachblock h2{font-size:clamp(27px,7.2vw,34px);line-height:1.12;letter-spacing:.02em;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
 .fachblock h3{font-size:clamp(24px,6.5vw,30px)}
 .fachblock p{font-size:13.5px}
 .brand-contact-strip{grid-template-columns:1fr}.brand-contact-strip__call{min-width:0;border-left:0;border-top:1px solid var(--line)}
 .defense-process__item{grid-template-columns:52px 1fr}

 .faq{padding:82px 16px}.faq__head .sans{font-size:clamp(38px,10vw,48px)}.faq__head .serif{margin:.2em 0;font-size:clamp(28px,7.5vw,35px)}.faq summary{font-size:16px}
 .reviews{padding-top:82px}.reviews-head{width:auto;margin:0 16px;padding-bottom:56px}.reviews-head__main{grid-template-columns:1fr}.reviews-head .r1,.reviews-head .r3{font-size:clamp(34px,9vw,43px)}.reviews-head .r2{margin:.2em 0;font-size:clamp(28px,7.5vw,35px)}
 .reviews-stage{padding:42px 16px 64px}.reviews-stage__topline{display:block}.reviews-stage__hint{display:none}.reviews-stage__google{display:inline-block;margin-top:10px}.review-track{grid-template-columns:1fr}.review-card{padding:28px}
 .procedure-links{padding:82px 16px}.procedure-links__title-main{font-size:clamp(38px,10vw,48px)}.procedure-links__title-serif{margin:.2em 0;font-size:clamp(28px,7.5vw,35px)}.procedure-links__item{grid-template-columns:42px 1fr 8px 22px;gap:10px}.procedure-links__label{font-size:20px;hyphens:auto;overflow-wrap:break-word}

 .contact-final{padding:82px 16px}.contact-final__title .sans{font-size:18vw}.contact-final__title .serif{margin:.2em 0;font-size:8vw}.contact-final__numbers{grid-template-columns:1fr}.contact-final__numbers a:first-child{padding-right:0;border-right:0;border-bottom:1px solid var(--wline)}.contact-final__numbers a:last-child{padding-left:0}.contact-final__number{font-size:10vw}
 .foot__grid{grid-template-columns:1fr}.bar{transform:none}.bar__in{width:100%;display:grid;grid-template-columns:1fr 1fr}.bar a{flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:6px;padding:0 18px;border-left:0}
}
@media(max-width:520px){
 .subpage-contact-ribbon{grid-template-columns:1fr}
 .article-rail__index{grid-template-columns:1fr 1fr}
 .fachblock h2{font-size:clamp(25px,6.8vw,31px)}
 .brand-contact-strip__copy{padding:22px 18px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* =========================================================
   HERO REFINEMENT — kompakter, klarer, näher an der Startseite
   ========================================================= */
.subhero{
  min-height:clamp(540px,70vh,700px);
  grid-template-columns:1.08fr .92fr;
}
.subhero__title{
  padding-top:72px;
  padding-bottom:72px;
  max-width:880px;
}
.subhero__title-prefix{
  margin-bottom:22px;
}
.subhero__title>.sans:not(.small){
  font-size:clamp(46px,5.2vw,82px);
  line-height:.96;
  letter-spacing:.055em;
  max-width:820px;
}
.subhero__title-sub{
  display:block;
  margin-top:24px;
  max-width:650px;
  color:#2e2b27;
  font:300 clamp(18px,1.7vw,25px)/1.35 var(--sans);
  letter-spacing:.035em;
}
.subhero__bottom{
  padding-bottom:34px;
}
.subhero__bottom p{
  max-width:580px;
  font-size:13px;
}
.subhero__media img{
  object-position:center 44%;
}
.hero-btn{
  min-width:0;
  padding-inline:20px;
}
.hero-btn--primary{
  box-shadow:inset 3px 0 0 var(--gold);
}

/* Kontaktstandard: Kanzlei + Mail */
.top__cta .sos{
  background:#000;
  color:#fff;
}
.top__cta .sos small::before{
  content:"✦";
  color:var(--gold);
  font-size:9px;
}
.subpage-contact-ribbon__urgent{
  background:#000;
  color:#fff;
  box-shadow:inset 3px 0 0 var(--gold);
}
.bar .mail{
  background:#fff;
  color:#000;
  box-shadow:inset 3px 0 0 var(--gold);
}
.contact-final__number--mail{
  display:block;
  font:300 clamp(20px,2.6vw,38px)/1.15 var(--sans);
  letter-spacing:.03em;
  text-transform:none;
  overflow-wrap:anywhere;
}
.contact-final__mail{
  padding-left:34px;
}

@media(max-width:900px){
  .subhero{
    min-height:0;
  }
  .subhero__title{
    padding:18px 18px 0;
  }
  .subhero__title>.sans:not(.small){
    font-size:clamp(31px,8.1vw,37px);
    line-height:1;
    letter-spacing:.03em;
  }
  .subhero__title-sub{
    margin-top:16px;
    font-size:clamp(16px,4.6vw,20px);
    line-height:1.35;
    letter-spacing:.02em;
  }
  .subhero__bottom{
    padding-top:22px;
  }
  .contact-final__mail{
    padding-left:0;
  }
  .contact-final__number--mail{
    font-size:clamp(18px,5vw,24px);
  }
}


/* =========================================================
   HERO IMAGE — bewusst farbig
   ========================================================= */
.subhero__media img{
  filter:none !important;
  object-position:center 44%;
}

/* =========================================================
   KONTAKTBANNER — Kanzlei · E-Mail · Notruf
   ========================================================= */
.subpage-contact-ribbon{
  grid-template-columns:minmax(280px,1.35fr) .72fr 1.08fr .78fr;
  background:#fff;
}
.subpage-contact-ribbon>div{
  background:var(--paper);
}
.subpage-contact-ribbon>a{
  position:relative;
  transition:background .2s ease,color .2s ease;
}
.subpage-contact-ribbon>a:hover{
  background:#f1eee9;
}
.subpage-contact-ribbon__urgent{
  background:#000 !important;
  color:#fff;
  box-shadow:inset 3px 0 0 var(--gold);
}
.subpage-contact-ribbon__urgent:hover{
  background:#111 !important;
}
.subpage-contact-ribbon__urgent span{
  color:var(--gold-soft);
}

/* Rail emergency remains visibly separate */
.article-rail__direct--urgent{
  background:rgba(176,138,75,.08);
  box-shadow:inset 2px 0 0 var(--gold);
  padding-left:12px !important;
}

/* =========================================================
   FINALER KONTAKTBANNER — ruhige Dreiteilung
   ========================================================= */
.contact-final__numbers{
  display:grid;
  grid-template-columns:.85fr 1.3fr .9fr;
  border-top:1px solid var(--wline);
  border-bottom:1px solid var(--wline);
}
.contact-final__numbers .contact-final__item{
  min-width:0;
  padding:30px 30px 28px;
  border-right:1px solid var(--wline);
  display:flex;
  flex-direction:column;
  justify-content:center;
  transition:background .2s ease;
}
.contact-final__numbers .contact-final__item:first-child{
  padding-left:0;
}
.contact-final__numbers .contact-final__item:last-child{
  border-right:0;
  padding-right:0;
}
.contact-final__numbers .contact-final__item:hover{
  background:rgba(255,255,255,.035);
}
.contact-final__numbers .contact-final__item--urgent{
  background:rgba(176,138,75,.07);
  box-shadow:inset 3px 0 0 var(--gold);
  padding-left:30px;
}
.contact-final__number{
  display:block;
  font-size:clamp(27px,3vw,48px);
  line-height:1.05;
  letter-spacing:.045em;
}
.contact-final__number--mail{
  font:300 clamp(18px,1.8vw,28px)/1.15 var(--sans);
  letter-spacing:.015em;
  text-transform:none;
  overflow-wrap:anywhere;
}
.contact-final__item small{
  display:block;
  margin-top:12px;
  color:#888;
  font:400 8px/1.5 var(--sans);
  letter-spacing:.16em;
  text-transform:uppercase;
}
.contact-final__item--urgent small{
  color:#aaa;
}

/* Undo old 2-column paddings */
.contact-final__numbers a:first-child{
  padding-right:30px;
  border-right:1px solid var(--wline);
}
.contact-final__numbers a:last-child{
  padding-left:30px;
}

/* Mobile contact banners */
@media(max-width:900px){
  .subpage-contact-ribbon{
    grid-template-columns:1fr 1fr;
  }
  .subpage-contact-ribbon>div{
    grid-column:1/-1;
  }

  .contact-final__numbers{
    grid-template-columns:1fr;
  }
  .contact-final__numbers .contact-final__item,
  .contact-final__numbers .contact-final__item:first-child,
  .contact-final__numbers .contact-final__item:last-child,
  .contact-final__numbers .contact-final__item--urgent{
    padding:24px 0;
    border-right:0;
    border-bottom:1px solid var(--wline);
    box-shadow:none;
    background:transparent;
  }
  .contact-final__numbers .contact-final__item:last-child{
    border-bottom:0;
  }
  .contact-final__numbers .contact-final__item--urgent{
    box-shadow:inset 3px 0 0 var(--gold);
    padding-left:16px;
  }
  .contact-final__number{
    font-size:clamp(26px,8vw,38px);
  }
  .contact-final__number--mail{
    font-size:clamp(17px,4.8vw,22px);
  }
}

@media(max-width:520px){
  .subpage-contact-ribbon{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   BANDENDIEBSTAHL FINAL FIX
   - echtes Farbbild
   - keine fixe Bottom-Bar
   ========================================================= */
.subhero__media img{
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  object-position:center 38%;
}

/* Auf dieser Fachseite kein permanent klebender Kontaktbalken. */
#bar,
.bar{
  display:none !important;
}
@media(max-width:900px){
  body{
    padding-bottom:0 !important;
  }
}

/* Statischer Kontaktabschluss: klar, luftig, hochwertig */
.contact-final{
  padding-top:clamp(86px,9vw,130px);
  padding-bottom:clamp(70px,7vw,100px);
}
.contact-final__numbers{
  margin-top:8px;
}
.contact-final__numbers .contact-final__item{
  min-height:150px;
}
.contact-final__numbers .contact-final__item--urgent{
  background:rgba(176,138,75,.06);
}
@media(max-width:900px){
  .contact-final__numbers .contact-final__item{
    min-height:0;
  }
}


/* =========================================================
   BILDREGEL
   - Architektur-Hero bleibt wie im Original
   - Portraits / Kanzleibilder von Caroline Kromer farbig
   ========================================================= */
.subhero__media img{
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

/* Personenbilder auf dieser Seite grundsätzlich farbig */
.article-rail__portrait img,
.mm__img img,
img[alt*="Caroline Kromer"],
img[alt*="Rechtsanwältin Caroline Kromer"],
img[alt*="Strafverteidigerin in München"]{
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}


/* =========================================================
   FINAL VISUAL SYSTEM
   - Hero-Bild rechts full-bleed bis Bildschirmkante
   - keine dekorative Serifenschrift: Startseiten-Typografie
   ========================================================= */

/* Hero rechts wirklich bis zur Viewportkante */
.subhero{
  width:100%;
  max-width:none;
}
.subhero__media{
  margin-right:0 !important;
  width:100%;
  max-width:none;
  justify-self:stretch;
  align-self:stretch;
}
.subhero__media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block;
}

/* Auf dieser Fachseite nur die klare Startseiten-Typografie */
.serif,
.subhero__title>.serif,
.handy-statement__title .serif,
.erpressung-break h2 .serif,
.faq__head .serif,
.reviews-head .r2,
.review-card .headline,
.procedure-links__title-serif,
.contact-final__title .serif,
.fachblock h3{
  font-family:var(--sans) !important;
  font-style:normal !important;
  font-weight:300 !important;
  letter-spacing:.035em !important;
}

/* Die bisherigen Editorial-Zeilen etwas ruhiger */
.handy-statement__title .serif,
.erpressung-break h2 .serif,
.faq__head .serif,
.reviews-head .r2,
.procedure-links__title-serif,
.contact-final__title .serif{
  text-transform:none;
  color:inherit;
}

/* Fachtext-Zwischenüberschriften nicht kursiv */
.fachblock h3{
  color:#292622;
  line-height:1.2;
  letter-spacing:.02em !important;
}

/* Reviews ebenfalls klarer */
.review-card .headline{
  line-height:1.2;
  letter-spacing:.01em !important;
}

/* Desktop: Bildkante garantiert bündig rechts */
@media(min-width:901px){
  .subhero{
    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  }
  .subhero__media{
    grid-column:2;
    width:calc(100% + max(0px, (100vw - 100%) / 2));
  }
}

/* Mobile: Bild ebenfalls bündig */
@media(max-width:900px){
  .subhero__media{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw) !important;
  }
}


/* =========================================================
   ALLGEMEINES STRAFRECHT — FINALSTANDARD + SEO HARD
   ========================================================= */
.subhero__media{margin-right:0!important;width:100%;max-width:none;justify-self:stretch;align-self:stretch}
.subhero__media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.article-rail__portrait img,
img[alt*="Caroline Kromer"],img[alt*="Rechtsanwältin Caroline Kromer"],img[alt*="Strafverteidigerin"]{
  filter:none!important;-webkit-filter:none!important;opacity:1!important;mix-blend-mode:normal!important
}
.serif,.subhero__title>.serif,.handy-statement__title .serif,.erpressung-break h2 .serif,
.faq__head .serif,.reviews-head .r2,.review-card .headline,.procedure-links__title-serif,
.related__head .serif,.cta-impact .serif,.contact-final__title .serif,.fachblock h3{
  font-family:var(--sans)!important;font-style:normal!important;font-weight:300!important;letter-spacing:.035em!important
}
.handy-statement__title .serif,.erpressung-break h2 .serif,.faq__head .serif,.reviews-head .r2,
.procedure-links__title-serif,.related__head .serif,.cta-impact .serif,.contact-final__title .serif{color:inherit!important}
.fachblock h3{line-height:1.2;letter-spacing:.02em!important}
.review-card .headline{line-height:1.2;letter-spacing:.01em!important}
.seo-lead{margin:24px 0 30px;padding:22px 24px;border-left:2px solid var(--gold);background:rgba(176,138,75,.055);font-size:clamp(16px,1.25vw,19px);line-height:1.65}
.seo-home-links{margin-top:26px}
.fachkontakt__links{display:grid;grid-template-columns:.8fr 1.15fr .8fr}
.fachkontakt__urgent{box-shadow:inset 3px 0 0 var(--gold)}
#bar,.bar{display:none!important}
@media(max-width:900px){body{padding-bottom:0!important}.fachkontakt__links{grid-template-columns:1fr}}
@media(min-width:901px){
  .subhero{width:100%;max-width:none;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)}
  .subhero__media{grid-column:2;width:calc(100% + max(0px,(100vw - 100%)/2));margin-right:0!important}
}
@media(max-width:900px){
  .subhero__media{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)!important}
}
.subhero__title>.sans:not(.small){
  max-width:980px;font-size:clamp(34px,4.2vw,68px);line-height:.98;letter-spacing:.025em
}
.subhero__title-sub{max-width:700px}
.fachblock h2,.related__head h2,.cta-impact h2{
  hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word
}
@media(max-width:900px){
  .subhero__title>.sans:not(.small){font-size:clamp(24px,6.3vw,33px);letter-spacing:.01em}
}




/* =========================================================
   INDEX-MASTER · REZENSIONEN EXAKT
   ========================================================= */
.rev-light{
  background:var(--paper) !important;
  padding:clamp(64px,7vw,110px) 0 !important;
  position:relative;
  overflow:hidden;
}
.rev-light .wrap{
  width:min(var(--max),calc(100% - 2*var(--pad)));
  margin-inline:auto;
}
.rev-light .head{
  display:block;
  text-align:center;
  max-width:980px;
  margin:0 auto clamp(36px,4vw,56px) !important;
}
.rev-light .kicker{
  display:block;
  margin:0 0 30px;
  font:500 10px/1.8 var(--sans);
  letter-spacing:.32em;
  text-transform:uppercase;
  color:var(--muted);
}
.rev-light .display{
  font-size:clamp(34px,4.4vw,70px)!important;
  margin:0;
  font-family:var(--sans);
  font-weight:300;
  letter-spacing:.08em;
  line-height:1.02;
}
.rev-light .display>span{display:block}
.rev-light .display .serif{
  font-family:var(--serif);
  font-style:italic;
  font-weight:400;
  text-transform:none;
  letter-spacing:0;
  line-height:1.1;
  color:var(--muted);
  font-size:.62em;
  margin-top:.45em;
}
.rev-light .head .score{justify-content:center;margin-top:40px}
/* ---------- Bewertungen ---------- */
.rev-light{background:var(--paper)}
.score{display:flex;align-items:center;gap:24px}
.score b{font:200 clamp(80px,8vw,130px)/.9 var(--sans);letter-spacing:.02em;color:#000}
.score span{font-size:12px;letter-spacing:.06em;color:var(--muted);text-align:left}
.score .stars{display:block;color:#000;font-size:14px;letter-spacing:.3em;margin-bottom:6px}
.score a{color:#000;text-decoration:none;border-bottom:1px solid #000}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:min(82vw,440px);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:26px;scrollbar-width:thin;scrollbar-color:#000 transparent}
.card{scroll-snap-align:start;margin:0;padding:44px 38px;background:#fff;display:flex;flex-direction:column}
.card__stars{font-size:11px;letter-spacing:.35em;color:#000;margin-bottom:28px}
.card blockquote{margin:0 0 28px}
.card blockquote strong{display:block;margin-bottom:18px;font:400 italic clamp(26px,2.2vw,34px)/1.12 var(--serif)}
.card blockquote p{margin:0;font-size:14px;color:var(--muted)}
.card figcaption{margin-top:auto;font:500 9px/1.6 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.rev-foot{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center;margin-top:56px}
.rev-foot .intro{max-width:60ch}

.rev-light .rev-foot{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:30px;
  text-align:center;
  margin-top:56px;
}
.rev-light .rev-foot .intro{max-width:60ch}
@media(max-width:900px){
  .rev-light .display{font-size:clamp(28px,8vw,40px)!important}
  .rev-light .card{padding:32px 26px}
}

/* =========================================================
   INDEX-MASTER · FOOTER EXAKT
   ========================================================= */
/* ---------- Footer & Leiste ---------- */
.foot{background:#000;color:var(--grey);font-size:13px;padding:80px 0 44px;border-top:1px solid var(--wline)}
.foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.foot b{display:block;margin-bottom:18px;font:500 9px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#fff}
.foot a{display:block;padding:4px 0;text-decoration:none}.foot a:hover{color:#fff}
.foot__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:56px;padding-top:24px;border-top:1px solid var(--wline);font-size:11px;letter-spacing:.1em}
.foot__legal nav{display:flex;gap:22px}
.bar{position:fixed;z-index:60;left:0;right:0;bottom:0;background:#000;color:#fff;transform:translateY(105%);transition:transform .35s;padding-bottom:env(safe-area-inset-bottom)}
.bar.show{transform:none}
.bar__in{display:flex;align-items:center;height:62px}
.bar__in .status{margin-right:auto;color:#fff!important}
.bar a{display:flex;align-items:center;gap:12px;height:100%;padding:0 26px;text-decoration:none;border-left:1px solid var(--wline)}
.bar a small{font:500 9px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;opacity:.65}
.bar a strong{font:400 13px/1 var(--sans);letter-spacing:.12em;white-space:nowrap}
.bar .sos{background:#fff;color:#000;border:0}

/* =========================================================
   INDEX-MASTER · GOLDENE KONTAKT-ICONS EXAKT
   ========================================================= */
/* ========== KONTAKT-ICON-SYSTEM · warmes Gold ========== */
/* Icons nur in gestalteten Kontaktmodulen, nicht in Fließtext/FAQ. */
.contact-email small,
.contact-office small,
.contact-emergency small{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.contact-email small::before,
.contact-office small::before,
.contact-emergency small::before,
.mm__hub .contact-email::before,
.mm__hub .contact-office::before,
.mm__hub .contact-emergency::before,
.glance .contact-email::before,
.glance .contact-office::before,
.glance .contact-emergency::before,
.foot .contact-email::before,
.foot .contact-office::before,
.foot .contact-emergency::before{
  content:"";
  display:inline-block;
  width:11px;
  height:11px;
  flex:0 0 11px;
  vertical-align:-1px;
  margin-right:7px;
  background:#b08a4b;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.contact-email small::before,
.mm__hub .contact-email::before,
.glance .contact-email::before,
.foot .contact-email::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='1'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='1'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}
.contact-office small::before,
.mm__hub .contact-office::before,
.glance .contact-office::before,
.foot .contact-office::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.69 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.33 1.84.56 2.8.69A2 2 0 0 1 22 16.9z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.69 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.33 1.84.56 2.8.69A2 2 0 0 1 22 16.9z'/%3E%3C/svg%3E");
}
.contact-emergency small::before,
.mm__hub .contact-emergency::before,
.glance .contact-emergency::before,
.foot .contact-emergency::before{
  width:8px;
  height:8px;
  flex-basis:8px;
  border-radius:50%;
  -webkit-mask-image:none;
  mask-image:none;
  box-shadow:0 0 0 3px rgba(176,138,75,.14);
}
/* Footer/Fakten/Megamenü: Symbol und Text ruhig ausrichten. */
.mm__hub .contact-email,
.mm__hub .contact-office,
.mm__hub .contact-emergency,
.glance .contact-email,
.glance .contact-office,
.glance .contact-emergency,
.foot .contact-email,
.foot .contact-office,
.foot .contact-emergency{
  display:flex;
  align-items:center;
}
/* Bereits dunkle Notrufbuttons behalten ihre Typografie; Gold bleibt nur das feine Signal. */
.sos.contact-emergency small::before{background:#b08a4b;box-shadow:0 0 0 3px rgba(176,138,75,.16)}
@media (max-width:900px){
  .contact-email small::before,.contact-office small::before{width:10px;height:10px;flex-basis:10px}
  .contact-emergency small::before{width:7px;height:7px;flex-basis:7px}
}


/* =========================================================
   SEITENABSCHLUSS — CTA + RELATED + FAQ
   kompakt, couture, ohne Roh-HTML-Look
   ========================================================= */

/* CTA */
.cta-impact{
  background:#000;
  color:#fff;
  padding:clamp(52px,6vw,88px) var(--pad);
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:clamp(36px,6vw,90px);
  align-items:end;
  border-top:1px solid rgba(255,255,255,.12);
}
.cta-impact .eyebrow{
  grid-column:1/-1;
  margin:0 0 -10px;
  color:var(--gold-soft);
}
.cta-impact h2{
  margin:0;
  max-width:760px;
  font:300 clamp(34px,4.3vw,66px)/1.03 var(--sans);
  letter-spacing:.045em;
  text-transform:uppercase;
}
.cta-impact h2 span{
  display:block;
}
.cta-impact p{
  margin:0;
  max-width:58ch;
  color:#aaa;
  font-size:15px;
  line-height:1.75;
}
.cta-impact__actions{
  grid-column:2;
  grid-row:2 / span 2;
  align-self:center;
  justify-self:end;
}
.cta-impact__actions a{
  display:inline-flex;
  align-items:center;
  gap:16px;
  min-height:58px;
  padding:0 26px;
  border:1px solid rgba(255,255,255,.55);
  color:#fff;
  text-decoration:none !important;
  font:500 10px/1 var(--sans);
  letter-spacing:.22em;
  text-transform:uppercase;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.cta-impact__actions a:hover{
  background:#fff;
  color:#000;
  border-color:#fff;
}

/* Weiterführende Themen */
.related{
  background:#fff;
  padding:clamp(58px,6vw,92px) var(--pad) clamp(64px,7vw,100px);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.related__head{
  width:min(var(--max),100%);
  margin:0 auto 38px;
}
.related__head .eyebrow{
  margin-bottom:18px;
}
.related__head h2{
  margin:0;
}
.related__head h2 .sans{
  font-size:clamp(30px,3.4vw,52px);
  line-height:1.05;
  letter-spacing:.055em;
}
.related__grid{
  width:min(var(--max),100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.related__grid a{
  position:relative;
  min-height:112px;
  padding:24px 22px;
  display:grid;
  grid-template-columns:28px 1fr 20px;
  gap:12px;
  align-items:center;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  text-decoration:none !important;
  transition:background .2s ease,color .2s ease;
}
.related__grid a span{
  font:300 11px/1 var(--sans);
  color:var(--muted);
}
.related__grid a strong{
  font:400 15px/1.35 var(--sans);
  letter-spacing:.04em;
}
.related__grid a b{
  justify-self:end;
  font:300 17px/1 var(--sans);
}
.related__grid a:hover{
  background:#000;
  color:#fff;
}
.related__grid a:hover span{
  color:#aaa;
}

/* FAQ direkt anschließen, kein riesiger Weißraum */
.faq{
  padding:clamp(64px,7vw,104px) var(--pad) !important;
  background:#fff;
}
.faq__head{
  width:min(1100px,100%) !important;
  margin:0 auto 36px !important;
}
.faq__head .eyebrow{
  margin-bottom:18px;
}
.faq__head h2{
  margin:0;
}
.faq__head .sans{
  font-size:clamp(34px,4.4vw,66px) !important;
  line-height:1.02;
  letter-spacing:.06em !important;
}
.faq details{
  width:min(1100px,100%);
  margin-left:auto;
  margin-right:auto;
}
.faq summary{
  padding:20px 0 !important;
  font-size:17px !important;
}
.faq details>div{
  padding-bottom:24px !important;
}

@media(max-width:900px){
  .cta-impact{
    grid-template-columns:1fr;
    padding:54px var(--pad);
  }
  .cta-impact .eyebrow,
  .cta-impact h2,
  .cta-impact p,
  .cta-impact__actions{
    grid-column:auto;
    grid-row:auto;
  }
  .cta-impact__actions{
    justify-self:start;
    margin-top:8px;
  }
  .related__grid{
    grid-template-columns:1fr;
  }
  .related__grid a{
    min-height:82px;
  }
}


/* =========================================================
   FACHSEITEN-MODULE KOMPAKT
   Statement · Fachkontakt · Vorwurf-Trenner
   Desktop + iPhone Pro 402px
   ========================================================= */

/* ---------- SCHWEIGEN-SZENE ---------- */
.statement-scene--handy,
.erpressung-reel{
  min-height:0 !important;
  height:auto !important;
  padding:clamp(50px,5vw,76px) var(--pad) !important;
  overflow:hidden !important;
}

.statement-scene--handy .statement-scene__eyebrow,
.erpressung-reel .statement-scene__eyebrow{
  margin:0 0 20px !important;
}

.handy-statement__grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr) !important;
  gap:clamp(40px,6vw,90px) !important;
  align-items:center !important;
  min-height:0 !important;
}

.handy-statement__title{
  margin:0 !important;
  max-width:760px !important;
  line-height:.98 !important;
}

.handy-statement__title .sans{
  display:block !important;
  font-size:clamp(44px,5vw,76px) !important;
  line-height:.96 !important;
  letter-spacing:.045em !important;
}

.handy-statement__title .serif{
  display:block !important;
  margin-top:12px !important;
  font-family:var(--sans) !important;
  font-style:normal !important;
  font-weight:300 !important;
  font-size:clamp(27px,2.8vw,42px) !important;
  line-height:1.1 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
  color:#fff !important;
}

.erpressung-reel__contact{
  align-self:center !important;
  margin:0 !important;
  padding:24px 0 2px !important;
  border-top:1px solid rgba(176,138,75,.45) !important;
  min-height:0 !important;
}

.erpressung-reel__contact span{
  display:block !important;
  margin-bottom:14px !important;
  font:500 9px/1.4 var(--sans) !important;
  letter-spacing:.22em !important;
  color:var(--gold-soft) !important;
}

.erpressung-reel__contact a{
  display:inline-block !important;
  margin:0 0 10px !important;
  font:200 clamp(34px,3.6vw,54px)/1 var(--sans) !important;
  letter-spacing:.08em !important;
  text-decoration:none !important;
  color:#fff !important;
}

.erpressung-reel__contact small{
  display:block !important;
  font-size:12px !important;
  line-height:1.55 !important;
  color:#8e8e8e !important;
}

/* ---------- FACHKONTAKT ---------- */
.fachkontakt{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr) !important;
  gap:0 !important;
  margin:0 !important;
  min-height:0 !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  background:#fff !important;
}

.fachkontakt__intro{
  padding:26px 32px !important;
  border-right:1px solid var(--line) !important;
}

.fachkontakt__intro>span{
  display:block !important;
  margin-bottom:8px !important;
  font:500 9px/1.4 var(--sans) !important;
  letter-spacing:.24em !important;
  color:var(--gold) !important;
}

.fachkontakt__intro>strong{
  display:block !important;
  margin-bottom:8px !important;
  font:400 16px/1.25 var(--sans) !important;
  letter-spacing:.04em !important;
}

.fachkontakt__intro p{
  margin:0 !important;
  max-width:58ch !important;
  font-size:13px !important;
  line-height:1.55 !important;
  color:var(--muted) !important;
}

.fachkontakt__note{
  margin-top:10px !important;
  font-size:10px !important;
  line-height:1.45 !important;
}

.fachkontakt__links{
  display:grid !important;
  grid-template-columns:.85fr 1.15fr !important;
  min-height:0 !important;
}

.fachkontakt__links>a{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-width:0 !important;
  padding:24px 26px !important;
  border:0 !important;
  border-right:1px solid var(--line) !important;
  text-decoration:none !important;
}

.fachkontakt__links>a:last-child{
  border-right:0 !important;
}

.fachkontakt__links span{
  margin-bottom:8px !important;
  font:500 8px/1.3 var(--sans) !important;
  letter-spacing:.22em !important;
  color:var(--gold) !important;
}

.fachkontakt__links strong{
  font:400 14px/1.25 var(--sans) !important;
  letter-spacing:.03em !important;
  overflow-wrap:anywhere !important;
}

/* ---------- VORWURF-TRENNER ---------- */
.erpressung-break{
  min-height:0 !important;
  height:auto !important;
  padding:clamp(48px,5vw,72px) var(--pad) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-rows:auto auto !important;
  column-gap:clamp(40px,6vw,100px) !important;
  row-gap:18px !important;
  align-items:end !important;
  overflow:hidden !important;
}

.erpressung-break__ghost{
  opacity:.025 !important;
  font-size:clamp(90px,12vw,190px) !important;
}

.erpressung-break>.eyebrow{
  grid-column:1 !important;
  grid-row:1 !important;
  margin:0 !important;
}

.erpressung-break h2{
  grid-column:1 !important;
  grid-row:2 !important;
  margin:0 !important;
  max-width:760px !important;
}

.erpressung-break h2 .sans{
  display:block !important;
  font-size:clamp(40px,4.8vw,70px) !important;
  line-height:.95 !important;
  letter-spacing:.045em !important;
}

.erpressung-break h2 .serif{
  display:block !important;
  margin-top:10px !important;
  font-family:var(--sans) !important;
  font-style:normal !important;
  font-weight:300 !important;
  font-size:clamp(25px,2.5vw,38px) !important;
  line-height:1.05 !important;
  letter-spacing:.02em !important;
  color:#fff !important;
}

.erpressung-break__contact{
  grid-column:2 !important;
  grid-row:1 / 3 !important;
  align-self:center !important;
  min-width:270px !important;
  padding:20px 0 !important;
  border-top:1px solid rgba(176,138,75,.45) !important;
  color:#fff !important;
  text-decoration:none !important;
}

.erpressung-break__contact span:first-child{
  display:block !important;
  margin-bottom:12px !important;
  font:500 8px/1.3 var(--sans) !important;
  letter-spacing:.22em !important;
  color:var(--gold-soft) !important;
}

.erpressung-break__contact b{
  display:block !important;
  font:200 clamp(28px,3vw,44px)/1 var(--sans) !important;
  letter-spacing:.08em !important;
}

.erpressung-break__contact span[aria-hidden]{
  display:none !important;
}

/* ---------- MOBILE ---------- */
@media(max-width:900px){

  .statement-scene--handy,
  .erpressung-reel{
    padding:36px var(--pad) 40px !important;
  }

  .statement-scene--handy .statement-scene__eyebrow,
  .erpressung-reel .statement-scene__eyebrow{
    margin-bottom:14px !important;
  }

  .handy-statement__grid{
    grid-template-columns:1fr !important;
    gap:30px !important;
  }

  .handy-statement__title .sans{
    font-size:clamp(30px,8.2vw,36px) !important;
    letter-spacing:.025em !important;
  }

  .handy-statement__title .serif{
    margin-top:6px !important;
    font-size:clamp(21px,5.8vw,25px) !important;
    line-height:1.12 !important;
  }

  .erpressung-reel__contact{
    padding-top:18px !important;
  }

  .erpressung-reel__contact span{
    margin-bottom:10px !important;
    font-size:7px !important;
  }

  .erpressung-reel__contact a{
    font-size:clamp(26px,7vw,30px) !important;
    margin-bottom:8px !important;
  }

  .erpressung-reel__contact small{
    font-size:10px !important;
  }

  .fachkontakt{
    grid-template-columns:1fr !important;
  }

  .fachkontakt__intro{
    padding:18px 14px 16px !important;
    border-right:0 !important;
    border-bottom:1px solid var(--line) !important;
  }

  .fachkontakt__intro>span{
    margin-bottom:6px !important;
    font-size:7px !important;
  }

  .fachkontakt__intro>strong{
    margin-bottom:6px !important;
    font-size:14px !important;
  }

  .fachkontakt__intro p{
    font-size:12px !important;
    line-height:1.5 !important;
  }

  .fachkontakt__note{
    margin-top:8px !important;
    font-size:9px !important;
  }

  .fachkontakt__links{
    grid-template-columns:1fr 1fr !important;
  }

  .fachkontakt__links>a{
    padding:15px 14px !important;
    border-right:1px solid var(--line) !important;
  }

  .fachkontakt__links>a:last-child{
    border-right:0 !important;
  }

  .fachkontakt__links span{
    margin-bottom:5px !important;
    font-size:7px !important;
  }

  .fachkontakt__links strong{
    font-size:11px !important;
  }

  .erpressung-break{
    padding:36px var(--pad) 38px !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    gap:18px !important;
  }

  .erpressung-break>.eyebrow,
  .erpressung-break h2,
  .erpressung-break__contact{
    grid-column:1 !important;
    grid-row:auto !important;
  }

  .erpressung-break h2 .sans{
    font-size:clamp(30px,8vw,36px) !important;
  }

  .erpressung-break h2 .serif{
    margin-top:5px !important;
    font-size:clamp(21px,5.8vw,25px) !important;
  }

  .erpressung-break__contact{
    min-width:0 !important;
    width:100% !important;
    padding:16px 0 0 !important;
  }

  .erpressung-break__contact span:first-child{
    margin-bottom:9px !important;
    font-size:7px !important;
  }

  .erpressung-break__contact b{
    font-size:clamp(25px,7vw,29px) !important;
  }

  .erpressung-break__ghost{
    font-size:92px !important;
  }
}


/* =========================================================
   MOBILE · COUTURE-PFEILE
   Keine groben Standard-Icons – nur feine goldene Pfeile
   ========================================================= */
@media(max-width:900px){

  /* Related / weiterführende Themen */
  .related__grid a b,
  .procedure-links a b,
  .row__a{
    font-size:0 !important;
    line-height:1 !important;
    width:18px !important;
    height:18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--gold) !important;
  }

  .related__grid a b::before,
  .procedure-links a b::before,
  .row__a::before{
    content:"→";
    display:block;
    font-family:var(--sans);
    font-size:16px;
    font-weight:300;
    line-height:1;
    color:var(--gold);
    transform:translateY(-1px);
  }

  /* kleine Textlinks / CTA-Pfeile */
  .cta-impact__actions a span[aria-hidden],
  .hero-btn span[aria-hidden],
  .link::after{
    color:var(--gold) !important;
  }

  .cta-impact__actions a span[aria-hidden]{
    font-size:0 !important;
  }

  .cta-impact__actions a span[aria-hidden]::before{
    content:"→";
    font-family:var(--sans);
    font-size:15px;
    font-weight:300;
    color:var(--gold);
  }

  /* Falls alte ↗-Zeichen als separates <b> oder <span> mitkommen */
  .related__grid a b,
  .procedure-links a b{
    letter-spacing:0 !important;
  }

  /* FAQ-Plus bleibt bewusst neutral; keine Browser/Emoji-Symbole */
  .faq summary::after{
    font-family:var(--sans) !important;
    font-weight:200 !important;
    color:var(--gold) !important;
  }
}

/* =========================================================
   HERO — ECHT FULLSCREEN · FINAL OVERRIDE
   steht absichtlich ganz am Dateiende
   ========================================================= */
@media (min-width:901px){
  .subhero{
    height:calc(100svh - 122px) !important;
    min-height:calc(100svh - 122px) !important;
    max-height:none !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr) !important;
    grid-template-rows:auto 1fr auto !important;
    align-items:stretch !important;
  }

  .subhero__media{
    grid-column:2 !important;
    grid-row:1 / -1 !important;
    align-self:stretch !important;
    height:100% !important;
    min-height:0 !important;
    width:calc(100% + max(0px,(100vw - 100%)/2)) !important;
    margin-right:0 !important;
  }

  .subhero__media img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .subhero__shade{
    grid-column:2 !important;
    grid-row:1 / -1 !important;
  }

  .subhero__meta{
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:start !important;
  }

  .subhero__title{
    grid-column:1 !important;
    grid-row:2 !important;
    align-self:center !important;
  }

  .subhero__bottom{
    grid-column:1 !important;
    grid-row:3 !important;
    align-self:end !important;
  }
}

@media (max-width:900px){
  .subhero{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
}



/* =========================================================
   AUSLIEFERUNGSRECHT · PAGE-SPECIFIC
   confirmed master system inherited above
   ========================================================= */

/* Hero architecture remains monochrome; person portrait stays color */
.subhero__media img{
  object-position:center 48% !important;
}
.article-rail__portrait img,
img[alt*="Caroline Kromer"],
img[alt*="Rechtsanwältin Caroline Kromer"],
img[alt*="Strafverteidigerin"]{
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

/* Long title */
.subhero__title>.sans:not(.small){
  max-width:980px;
  font-size:clamp(34px,4.15vw,66px) !important;
  line-height:.98 !important;
  letter-spacing:.025em !important;
}
.subhero__title-sub{
  max-width:720px;
}

/* SEO intro */
.seo-lead{
  margin:24px 0 30px;
  padding:22px 24px;
  border-left:2px solid var(--gold);
  background:rgba(176,138,75,.055);
  font-size:clamp(16px,1.25vw,19px);
  line-height:1.65;
}
.seo-home-links{margin-top:26px}

/* avoid excessive rail/contact density */
.article-rail__person{margin-bottom:28px !important}
.article-rail__index-label{margin-top:0 !important}

/* tighter black modules because Auslieferungsrecht is long */
.statement-scene--handy,
.erpressung-reel{
  padding-top:46px !important;
  padding-bottom:52px !important;
}
.erpressung-break{
  padding-top:44px !important;
  padding-bottom:48px !important;
}

@media(max-width:900px){
  .subhero__title>.sans:not(.small){
    font-size:clamp(23px,6.1vw,31px) !important;
    letter-spacing:.01em !important;
  }
  .subhero__title-sub{
    font-size:clamp(18px,5vw,22px) !important;
  }
  .statement-scene--handy,
  .erpressung-reel{
    padding-top:32px !important;
    padding-bottom:34px !important;
  }
  .erpressung-break{
    padding-top:32px !important;
    padding-bottom:34px !important;
  }
}

/* DROGENSTRAFRECHT PAGE-SPECIFIC */
.subhero__media img{object-position:center 50%!important}
.article-rail__portrait img,img[alt*="Caroline Kromer"],img[alt*="Rechtsanwältin Caroline Kromer"],img[alt*="Strafverteidigerin"]{filter:none!important;-webkit-filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
.subhero__title>.sans:not(.small){max-width:980px;font-size:clamp(36px,4.4vw,70px)!important;line-height:.98!important;letter-spacing:.025em!important}.subhero__title-sub{max-width:700px}.seo-lead{margin:24px 0 30px;padding:22px 24px;border-left:2px solid var(--gold);background:rgba(176,138,75,.055);font-size:clamp(16px,1.25vw,19px);line-height:1.65}.seo-home-links{margin-top:26px}
.fachtext ul,.fachtext ol{list-style:none!important;padding-left:0!important}.fachtext ul li,.fachtext ol li{position:relative}.fachtext ul li::before{content:""!important;position:absolute!important;left:0!important;top:.78em!important;width:14px!important;height:1px!important;background:var(--gold)!important;border:0!important}.fachtext ol{counter-reset:item}.fachtext ol li{counter-increment:item}.fachtext ol li::before{content:counter(item,decimal-leading-zero)!important;position:absolute!important;left:0!important;top:.12em!important;font:500 8px/1 var(--sans)!important;letter-spacing:.08em!important;color:var(--gold)!important}.fachblock h2{hyphens:none!important;-webkit-hyphens:none!important;word-break:normal!important}
@media(max-width:900px){.subhero__title>.sans:not(.small){font-size:clamp(23px,6.1vw,31px)!important;letter-spacing:.008em!important}.subhero__title-sub{font-size:clamp(18px,5vw,22px)!important}.fachblock h2{font-size:clamp(21px,5.45vw,24px)!important;line-height:1.07!important;letter-spacing:0!important;hyphens:none!important;-webkit-hyphens:none!important;word-break:normal!important;overflow-wrap:anywhere!important}.fachtext ul li,.fachtext ol li{padding-left:25px!important;margin-bottom:8px!important;line-height:1.58!important}.fachtext ul li::before{width:11px!important;top:.74em!important}.fachtext ol li{padding-left:30px!important}.fachtext ol li::before{font-size:7px!important}html,body{width:100%;max-width:100%;overflow-x:hidden!important}main,.article-shell,.fachtext,.fachblock,.subblock,.service-intro__subblock,.fachkontakt,.statement-scene,.erpressung-reel,.erpressung-break,.related,.faq,.rev-light,.contact-final{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.article-shell{display:block!important;width:100%!important;margin:0!important;padding:0!important}.article-rail{display:none!important}.fachtext{width:100%!important;margin:0!important;padding:0 var(--pad)!important}.fachblock,.subblock{width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}}
@media(min-width:901px){.subhero{height:calc(100svh - 122px)!important;min-height:calc(100svh - 122px)!important;max-height:none!important;overflow:hidden!important}}



/* =========================================================
   JUGENDSTRAFRECHT · PAGE-SPECIFIC FINAL
   ========================================================= */
.subhero__media img{
  object-position:center 46% !important;
}
.article-rail__portrait img,
img[alt*="Caroline Kromer"],
img[alt*="Rechtsanwältin Caroline Kromer"],
img[alt*="Strafverteidigerin"]{
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

.subhero__title>.sans:not(.small){
  max-width:980px;
  font-size:clamp(35px,4.25vw,68px) !important;
  line-height:.98 !important;
  letter-spacing:.022em !important;
}
.subhero__title-sub{max-width:760px}

.seo-lead{
  margin:24px 0 30px;
  padding:22px 24px;
  border-left:2px solid var(--gold);
  background:rgba(176,138,75,.055);
  font-size:clamp(16px,1.25vw,19px);
  line-height:1.65;
}
.seo-home-links{margin-top:26px}

/* Couture bullets */
.fachtext ul,.fachtext ol{
  list-style:none !important;
  padding-left:0 !important;
}
.fachtext ul li,.fachtext ol li{position:relative}
.fachtext ul li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:.78em !important;
  width:14px !important;
  height:1px !important;
  background:var(--gold) !important;
  border:0 !important;
}
.fachtext ol{counter-reset:item}
.fachtext ol li{counter-increment:item}
.fachtext ol li::before{
  content:counter(item, decimal-leading-zero) !important;
  position:absolute !important;
  left:0 !important;
  top:.12em !important;
  font:500 8px/1 var(--sans) !important;
  color:var(--gold) !important;
}

.fachblock h2{
  hyphens:none !important;
  -webkit-hyphens:none !important;
  word-break:normal !important;
}

/* black banners: compact + no overlap */
.erpressung-break{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:clamp(42px,4.5vw,66px) clamp(28px,4vw,56px) !important;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr) !important;
  column-gap:clamp(42px,5vw,80px) !important;
  overflow:hidden !important;
}
.erpressung-break h2 .sans{
  font-size:clamp(36px,3.8vw,58px) !important;
}
.erpressung-break h2 .serif{
  margin:8px 0 0 clamp(18px,4vw,60px) !important;
  font-size:clamp(23px,2vw,32px) !important;
}
.erpressung-break__contact{
  max-width:390px !important;
  min-width:0 !important;
  padding-top:20px !important;
  border-top:1px solid rgba(176,138,75,.55) !important;
}
.erpressung-break__contact b{
  font-size:clamp(21px,2.1vw,32px) !important;
}
.erpressung-break__ghost{display:none !important}

@media(max-width:900px){
  .subhero__title>.sans:not(.small){
    font-size:clamp(23px,6vw,30px) !important;
    letter-spacing:.006em !important;
  }
  .subhero__title-sub{
    font-size:clamp(18px,4.9vw,22px) !important;
  }

  .fachblock h2{
    font-size:clamp(21px,5.45vw,24px) !important;
    line-height:1.07 !important;
    letter-spacing:0 !important;
    hyphens:none !important;
    -webkit-hyphens:none !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
  }

  .fachtext ul li,.fachtext ol li{
    padding-left:25px !important;
    margin-bottom:8px !important;
    line-height:1.58 !important;
  }
  .fachtext ul li::before{
    width:11px !important;
    top:.74em !important;
  }

  .erpressung-break{
    grid-template-columns:1fr !important;
    padding:34px var(--pad) 36px !important;
    gap:20px !important;
  }
  .erpressung-break>.eyebrow,
  .erpressung-break h2,
  .erpressung-break__contact{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  .erpressung-break h2 .sans{
    font-size:clamp(27px,7.4vw,33px) !important;
  }
  .erpressung-break h2 .serif{
    margin:5px 0 0 !important;
    font-size:clamp(20px,5.3vw,24px) !important;
  }
  .erpressung-break__contact{
    max-width:none !important;
    padding-top:15px !important;
  }

  /* hard overflow guard */
  html,body{width:100%;max-width:100%;overflow-x:hidden !important}
  main,.article-shell,.fachtext,.fachblock,.subblock,.service-intro__subblock,
  .fachkontakt,.statement-scene,.erpressung-reel,.erpressung-break,
  .related,.faq,.rev-light,.contact-final{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  .article-shell{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .article-rail{display:none !important}
  .fachtext{
    width:100% !important;
    margin:0 !important;
    padding:0 var(--pad) !important;
  }
  .fachblock,.subblock{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* true fullscreen desktop hero */
@media(min-width:901px){
  .subhero{
    height:calc(100svh - 122px) !important;
    min-height:calc(100svh - 122px) !important;
    max-height:none !important;
    overflow:hidden !important;
  }
}


/* =========================================================
   JUGENDSTRAFRECHT · CTA KOMPAKT FINAL
   keine Vollbild-Bühne, keine Worttrennung
   ========================================================= */
.cta-impact{
  min-height:0 !important;
  height:auto !important;
  padding:clamp(46px,5vw,72px) var(--pad) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr) !important;
  grid-template-rows:auto auto auto !important;
  column-gap:clamp(42px,6vw,90px) !important;
  row-gap:16px !important;
  align-items:center !important;
  overflow:hidden !important;
}

.cta-impact .eyebrow{
  grid-column:1 / -1 !important;
  grid-row:1 !important;
  margin:0 0 4px !important;
}

.cta-impact h2{
  grid-column:1 !important;
  grid-row:2 !important;
  margin:0 !important;
  max-width:720px !important;
  min-width:0 !important;
  font-family:var(--sans) !important;
  font-size:clamp(36px,4.1vw,62px) !important;
  font-weight:300 !important;
  line-height:.98 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  text-wrap:balance !important;
}

.cta-impact h2 .sans,
.cta-impact h2 .serif{
  display:block !important;
  font-family:var(--sans) !important;
  font-style:normal !important;
  font-weight:300 !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

.cta-impact h2 .serif{
  margin-top:8px !important;
  font-size:.62em !important;
  line-height:1.08 !important;
  letter-spacing:.015em !important;
  text-transform:none !important;
  color:#d1cdc7 !important;
}

.cta-impact > p{
  grid-column:1 !important;
  grid-row:3 !important;
  margin:10px 0 0 !important;
  max-width:62ch !important;
  font-size:14px !important;
  line-height:1.7 !important;
  color:#9d9d9d !important;
}

.cta-impact__actions{
  grid-column:2 !important;
  grid-row:2 / 4 !important;
  justify-self:end !important;
  align-self:center !important;
  margin:0 !important;
}

.cta-impact__actions a{
  min-width:230px !important;
  min-height:56px !important;
  padding:0 26px !important;
  justify-content:center !important;
}

@media(max-width:900px){
  .cta-impact{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    padding:34px var(--pad) 38px !important;
    row-gap:16px !important;
  }

  .cta-impact .eyebrow,
  .cta-impact h2,
  .cta-impact > p,
  .cta-impact__actions{
    grid-column:1 !important;
    grid-row:auto !important;
  }

  .cta-impact h2{
    font-size:clamp(27px,7.2vw,33px) !important;
    line-height:1.02 !important;
    letter-spacing:.018em !important;
    max-width:100% !important;
    text-wrap:pretty !important;
  }

  .cta-impact h2 .serif{
    margin-top:5px !important;
    font-size:.7em !important;
  }

  .cta-impact > p{
    margin-top:4px !important;
    max-width:none !important;
    font-size:12px !important;
    line-height:1.6 !important;
  }

  .cta-impact__actions{
    justify-self:start !important;
    width:100% !important;
    margin-top:4px !important;
  }

  .cta-impact__actions a{
    width:100% !important;
    min-width:0 !important;
    min-height:52px !important;
  }
}

/* =========================================================
   JUGENDSTRAFRECHT · INDEX-LAYOUT 30.09.2026
   Hero + Trust + Reviews bewusst an der Startseite orientiert.
   ========================================================= */
.jugendstrafrecht-page .youth-index-hero{
  position:relative;
  height:calc(100svh - 116px - 84px);
  min-height:600px;
  max-height:1000px;
  overflow:hidden;
  background:#000;
  color:#fff;
}
.jugendstrafrecht-page .youth-index-hero__img{position:absolute;inset:0;margin:0}
.jugendstrafrecht-page .youth-index-hero__img img{
  width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:none;
}
.jugendstrafrecht-page .youth-index-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.64) 0%,rgba(0,0,0,.38) 22%,rgba(0,0,0,.12) 43%,rgba(0,0,0,0) 62%);
}
.jugendstrafrecht-page .youth-index-hero__content{
  position:absolute;z-index:2;left:0;right:0;bottom:clamp(28px,4.2vh,52px);
  padding:0 var(--pad);text-align:center;color:#fff;
}
.jugendstrafrecht-page .youth-index-hero__eyebrow{
  margin:0 0 18px;font:500 9px/1.4 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.78);
}
.jugendstrafrecht-page .youth-index-hero__h1{margin:0;display:flex;flex-direction:column;align-items:center;gap:15px}
.jugendstrafrecht-page .youth-index-hero__main{
  font:500 11px/1.4 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.9);margin-right:-.34em;
}
.jugendstrafrecht-page .youth-index-hero__def{
  font:300 clamp(30px,3.1vw,48px)/1.08 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-right:-.16em;
}
.jugendstrafrecht-page .youth-index-hero__lead{
  max-width:700px;margin:20px auto 0;font:300 14px/1.65 var(--sans);letter-spacing:.025em;color:rgba(255,255,255,.86);
}
.jugendstrafrecht-page .youth-index-hero__cta{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 42px;margin-top:28px}
.jugendstrafrecht-page .youth-index-hero__link{
  padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.9);color:#fff!important;text-decoration:none!important;
  font:500 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;transition:opacity .2s;
}
.jugendstrafrecht-page .youth-index-hero__link b{font-weight:500;margin-left:.55em;letter-spacing:.14em}
.jugendstrafrecht-page .youth-index-hero__link:hover{opacity:.68}

.jugendstrafrecht-page .youth-index-trust{
  min-height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;
}
.jugendstrafrecht-page .youth-index-trust__list{
  list-style:none;margin:0 auto;padding:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
  font:500 10px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#000;
}
.jugendstrafrecht-page .youth-index-trust__list li{padding:0 clamp(18px,2.4vw,40px)}
.jugendstrafrecht-page .youth-index-trust__list li+li{border-left:1px solid var(--line)}
.jugendstrafrecht-page .youth-index-trust__score{display:inline-flex;align-items:center;gap:11px;color:#000!important;text-decoration:none!important}
.jugendstrafrecht-page .youth-index-trust__score .stars-g{font-size:14px;letter-spacing:.12em;color:#b08a4b}
.jugendstrafrecht-page .youth-index-trust__score b{font:300 22px/1 var(--sans);letter-spacing:.04em}
.jugendstrafrecht-page .youth-index-trust__quote q{quotes:"„" "“";font:300 17px/1.25 var(--sans);letter-spacing:.02em;text-transform:none}

.jugendstrafrecht-page .youth-index-intro{
  padding:clamp(64px,7vw,100px) var(--pad);background:#fff;border-bottom:1px solid var(--line);text-align:center;
}
.jugendstrafrecht-page .youth-index-intro .wrap{max-width:850px}
.jugendstrafrecht-page .youth-index-intro p{margin:0 auto;max-width:72ch;font-size:15.5px;line-height:1.82;color:var(--muted)}
.jugendstrafrecht-page .youth-index-intro strong{color:#111;font-weight:400}
.jugendstrafrecht-page .youth-index-intro__facts{margin-top:24px!important;font:500 9px/1.7 var(--sans)!important;letter-spacing:.19em!important;text-transform:uppercase;color:#8a6b38!important}

.jugendstrafrecht-page .youth-index-reviews{padding:clamp(76px,8vw,120px) 0;background:var(--paper)}
.jugendstrafrecht-page .youth-index-reviews__head{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(46px,7vw,100px);align-items:end;margin-bottom:clamp(42px,5vw,66px);
}
.jugendstrafrecht-page .youth-index-reviews__display{margin:22px 0 0}
.jugendstrafrecht-page .youth-index-reviews__display>span{display:block;font:300 clamp(46px,6.4vw,96px)/.9 var(--sans);letter-spacing:.075em}
.jugendstrafrecht-page .youth-index-reviews__display>small{display:block;margin-top:14px;font:300 clamp(19px,2vw,27px)/1.25 var(--sans);letter-spacing:.02em;color:#444}
.jugendstrafrecht-page .youth-index-score{display:flex;align-items:center;justify-content:flex-end;gap:24px}
.jugendstrafrecht-page .youth-index-score>b{font:200 clamp(80px,8vw,126px)/.85 var(--sans);letter-spacing:.02em;color:#000}
.jugendstrafrecht-page .youth-index-score>span{font-size:11px;line-height:1.7;letter-spacing:.055em;color:var(--muted);text-align:left}
.jugendstrafrecht-page .youth-index-score__stars{display:block;width:max-content;margin-bottom:6px;color:#b08a4b!important;font-size:14px;letter-spacing:.26em;text-decoration:none!important}
.jugendstrafrecht-page .youth-index-score>span>a:last-child{display:inline-block;margin-top:5px;border-bottom:1px solid #111;color:#111!important;text-decoration:none!important}
.jugendstrafrecht-page .youth-index-review-track{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(330px,31%);gap:18px;overflow-x:auto;padding:0 0 16px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;
}
.jugendstrafrecht-page .youth-index-review-card{
  scroll-snap-align:start;margin:0;padding:34px;background:#fff;border:1px solid rgba(176,138,75,.26);min-height:100%;
}
.jugendstrafrecht-page .youth-index-review-card__stars{display:inline-block;margin-bottom:26px;color:#b08a4b!important;font-size:11px;letter-spacing:.3em;text-decoration:none!important}
.jugendstrafrecht-page .youth-index-review-card blockquote{margin:0}
.jugendstrafrecht-page .youth-index-review-card blockquote strong{display:block;margin-bottom:18px;font:400 clamp(23px,2vw,31px)/1.17 var(--sans);letter-spacing:.01em;color:#111}
.jugendstrafrecht-page .youth-index-review-card blockquote p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.75}
.jugendstrafrecht-page .youth-index-review-card figcaption{margin-top:24px;font:500 8px/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.jugendstrafrecht-page .youth-index-reviews__foot{display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center;margin-top:48px}
.jugendstrafrecht-page .youth-index-reviews__foot p{max-width:65ch;margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.jugendstrafrecht-page .youth-index-reviews__cta{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;background:#000;color:#fff!important;text-decoration:none!important;font:500 9px/1 var(--sans);letter-spacing:.19em;text-transform:uppercase;box-shadow:inset 3px 0 0 var(--gold)}

@media(max-width:1100px) and (min-width:901px){
  .jugendstrafrecht-page .youth-index-trust__quote{display:none}
}
@media(max-width:900px){
  .jugendstrafrecht-page .youth-index-hero{height:calc(100svh - 205px);min-height:470px;max-height:720px}
  .jugendstrafrecht-page .youth-index-hero__img img{object-position:center 18%}
  .jugendstrafrecht-page .youth-index-hero::after{background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 30%,rgba(0,0,0,.08) 58%,rgba(0,0,0,0) 72%)}
  .jugendstrafrecht-page .youth-index-hero__content{bottom:24px;padding:0 18px}
  .jugendstrafrecht-page .youth-index-hero__eyebrow{font-size:8px;letter-spacing:.24em;margin-bottom:12px}
  .jugendstrafrecht-page .youth-index-hero__main{font-size:9px;letter-spacing:.2em;margin-right:-.2em}
  .jugendstrafrecht-page .youth-index-hero__def{font-size:clamp(23px,6.5vw,31px);letter-spacing:.09em;margin-right:-.09em}
  .jugendstrafrecht-page .youth-index-hero__lead{font-size:12.5px;line-height:1.55;margin-top:15px}
  .jugendstrafrecht-page .youth-index-hero__cta{flex-direction:column;align-items:center;gap:16px;margin-top:20px}
  .jugendstrafrecht-page .youth-index-hero__link{font-size:9px;letter-spacing:.17em}
  .jugendstrafrecht-page .youth-index-trust{height:auto;padding:17px 0}
  .jugendstrafrecht-page .youth-index-trust__list{row-gap:11px;font-size:8.5px;letter-spacing:.15em}
  .jugendstrafrecht-page .youth-index-trust__list li{padding:0 10px;border-left:0!important}
  .jugendstrafrecht-page .youth-index-trust__rating,.jugendstrafrecht-page .youth-index-trust__quote{width:100%;text-align:center}
  .jugendstrafrecht-page .youth-index-trust__score{justify-content:center}
  .jugendstrafrecht-page .youth-index-trust__quote q{font-size:15px}
  .jugendstrafrecht-page .youth-index-intro{padding:48px 18px;text-align:left}
  .jugendstrafrecht-page .youth-index-intro p{font-size:14px;line-height:1.72}
  .jugendstrafrecht-page .youth-index-intro__facts{font-size:8px!important;letter-spacing:.14em!important}
  .jugendstrafrecht-page .youth-index-reviews{padding:62px 0}
  .jugendstrafrecht-page .youth-index-reviews__head{grid-template-columns:1fr;gap:30px;margin-bottom:36px}
  .jugendstrafrecht-page .youth-index-reviews__display>span{font-size:clamp(42px,13vw,62px)}
  .jugendstrafrecht-page .youth-index-reviews__display>small{font-size:18px}
  .jugendstrafrecht-page .youth-index-score{justify-content:flex-start;gap:18px}
  .jugendstrafrecht-page .youth-index-score>b{font-size:76px}
  .jugendstrafrecht-page .youth-index-review-track{grid-auto-columns:min(86vw,340px);gap:12px}
  .jugendstrafrecht-page .youth-index-review-card{padding:26px}
  .jugendstrafrecht-page .youth-index-review-card blockquote strong{font-size:22px}
}

/* =========================================================
   JUGENDSTRAFRECHT · EINSTIEGS-H2 FEINER · 30.09.2026
   Nur die große Überschrift im ersten Fachblock verkleinert.
   ========================================================= */
@media (min-width:901px){
  .jugendstrafrecht-page .fachblock--lead > h2{
    max-width:980px;
    font-size:clamp(38px,3.35vw,52px) !important;
    line-height:1.08 !important;
    letter-spacing:.02em !important;
  }
}

/* =========================================================
   JUGENDSTRAFRECHT · MOBILE FACHTEXT POLISH · 30.09.2026
   Ruhigere Proportionen für Fachüberschriften und Textfluss.
   ========================================================= */
@media (max-width:900px){
  .jugendstrafrecht-page .fachtext{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .jugendstrafrecht-page .fachblock{
    padding-top:38px !important;
    padding-bottom:38px !important;
  }
  .jugendstrafrecht-page .fachblock:first-child{
    padding-top:0 !important;
  }

  .jugendstrafrecht-page .section-no{
    display:block;
    margin-bottom:8px !important;
    font-size:7.5px !important;
    line-height:1.35 !important;
    letter-spacing:.18em !important;
  }

  .jugendstrafrecht-page .fachblock h2{
    max-width:100% !important;
    margin-bottom:16px !important;
    font-size:clamp(19px,5.05vw,22px) !important;
    line-height:1.13 !important;
    letter-spacing:.006em !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  .jugendstrafrecht-page .fachblock p{
    margin-bottom:14px !important;
    font-size:13.25px !important;
    line-height:1.72 !important;
  }

  .jugendstrafrecht-page .subblock{
    margin-top:26px !important;
  }
}

@media (max-width:420px){
  .jugendstrafrecht-page .fachblock h2{
    font-size:clamp(18.5px,5vw,20.5px) !important;
    line-height:1.14 !important;
  }
}

/* =========================================================
   JUGENDSTRAFRECHT · MOBILE RELATED · INDEX/COUTURE FINAL
   Nur Darstellung: Inhalte und HTML bleiben unverändert.
   ========================================================= */
@media (max-width:900px){
  .related{
    padding:54px 20px 58px !important;
    background:#fff !important;
    border-top:1px solid var(--line) !important;
    border-bottom:1px solid var(--line) !important;
  }

  .related__head{
    width:100% !important;
    margin:0 0 34px !important;
  }

  .related__head .eyebrow{
    margin:0 0 18px !important;
    color:var(--gold) !important;
    font-size:7px !important;
    letter-spacing:.24em !important;
  }

  .related__head h2,
  .related__head h2 .sans{
    margin:0 !important;
    max-width:100% !important;
    font-size:clamp(25px,7.2vw,29px) !important;
    line-height:1.14 !important;
    letter-spacing:.055em !important;
    font-weight:300 !important;
    hyphens:none !important;
    -webkit-hyphens:none !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .related__grid{
    width:100% !important;
    display:block !important;
    margin:0 !important;
    border:0 !important;
    border-top:1px solid var(--line) !important;
  }

  .related__grid a{
    width:100% !important;
    min-height:68px !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 20px !important;
    grid-template-rows:auto auto !important;
    column-gap:12px !important;
    row-gap:4px !important;
    align-content:center !important;
    align-items:center !important;
    background:#fff !important;
    color:#111 !important;
    border:0 !important;
    border-bottom:1px solid var(--line) !important;
  }

  .related__grid a span{
    grid-column:1 !important;
    grid-row:1 !important;
    margin:0 !important;
    color:var(--gold) !important;
    font:500 7px/1 var(--sans) !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
  }

  .related__grid a strong{
    grid-column:1 !important;
    grid-row:2 !important;
    min-width:0 !important;
    margin:0 !important;
    color:#111 !important;
    font:400 15px/1.2 var(--sans) !important;
    letter-spacing:.045em !important;
    text-transform:none !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
  }

  .related__grid a b{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    align-self:center !important;
    justify-self:end !important;
    width:18px !important;
    height:18px !important;
    margin:0 !important;
    color:var(--gold) !important;
  }

  .related__grid a b::before{
    content:"↗" !important;
    font-size:15px !important;
    font-weight:300 !important;
    color:var(--gold) !important;
    transform:none !important;
  }

  .related__grid a:hover,
  .related__grid a:focus,
  .related__grid a:active{
    background:#fff !important;
    color:#111 !important;
  }

  .related__grid a:hover span,
  .related__grid a:focus span,
  .related__grid a:active span{
    color:var(--gold) !important;
  }
}

/* =========================================================
   JUGENDSTRAFRECHT · MOBILE REVIEWS + DIREKT WEITER · FINAL
   30.09.2026 · nur Darstellung, keine Inhalte geändert
   ========================================================= */
@media (max-width:900px){
  /* Rezensionen: Index-Look auf Mobil wiederherstellen */
  .jugendstrafrecht-page .youth-index-reviews{
    padding:58px 0 64px !important;
    overflow:hidden !important;
  }
  .jugendstrafrecht-page .youth-index-reviews .wrap{
    width:100% !important;
    max-width:100% !important;
    padding-left:20px !important;
    padding-right:20px !important;
    box-sizing:border-box !important;
  }
  .jugendstrafrecht-page .youth-index-reviews__head{
    display:block !important;
    margin:0 0 32px !important;
  }
  .jugendstrafrecht-page .youth-index-reviews__head .kicker{
    display:block !important;
    margin:0 0 18px !important;
    color:var(--gold) !important;
    font:500 7px/1.45 var(--sans) !important;
    letter-spacing:.20em !important;
    text-transform:uppercase !important;
    max-width:34ch !important;
  }
  .jugendstrafrecht-page .youth-index-reviews__display{
    margin:0 !important;
  }
  .jugendstrafrecht-page .youth-index-reviews__display>span{
    font-size:clamp(36px,10.5vw,44px) !important;
    line-height:.95 !important;
    letter-spacing:.06em !important;
  }
  .jugendstrafrecht-page .youth-index-reviews__display>small{
    margin-top:10px !important;
    font-size:15px !important;
    line-height:1.4 !important;
  }
  .jugendstrafrecht-page .youth-index-score{
    justify-content:flex-start !important;
    align-items:flex-end !important;
    gap:16px !important;
    margin-top:28px !important;
  }
  .jugendstrafrecht-page .youth-index-score>b{
    flex:0 0 auto !important;
    font-size:clamp(58px,17vw,70px) !important;
    line-height:.82 !important;
  }
  .jugendstrafrecht-page .youth-index-score>span{
    min-width:0 !important;
    font-size:9.5px !important;
    line-height:1.55 !important;
  }
  .jugendstrafrecht-page .youth-index-score__stars{
    margin-bottom:5px !important;
    font-size:12px !important;
  }
  .jugendstrafrecht-page .youth-index-review-track{
    width:100% !important;
    grid-auto-columns:min(84vw,320px) !important;
    gap:12px !important;
  }
  .jugendstrafrecht-page .youth-index-review-card{
    padding:26px 24px !important;
  }
  .jugendstrafrecht-page .youth-index-review-card blockquote strong{
    font-size:20px !important;
    line-height:1.18 !important;
  }

  /* Direkt weiter: JUGENDSTRAFRECHT darf nie aus dem Viewport laufen */
  .jugendstrafrecht-page .procedure-links{
    padding:58px 20px 64px !important;
    overflow:hidden !important;
  }
  .jugendstrafrecht-page .procedure-links__inner{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  .jugendstrafrecht-page .procedure-links__kicker{
    margin:0 0 20px !important;
    font-size:7px !important;
    letter-spacing:.22em !important;
  }
  .jugendstrafrecht-page .procedure-links__title{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 0 38px !important;
    overflow:hidden !important;
  }
  .jugendstrafrecht-page .procedure-links__title-main{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(27px,7.2vw,32px) !important;
    line-height:1.02 !important;
    letter-spacing:.035em !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }
  .jugendstrafrecht-page .procedure-links__title-serif{
    display:block !important;
    margin:6px 0 0 !important;
    font-size:clamp(22px,6.2vw,27px) !important;
    line-height:1.05 !important;
  }
  .jugendstrafrecht-page .procedure-links__item{
    grid-template-columns:36px minmax(0,1fr) 6px 18px !important;
    gap:8px !important;
    min-width:0 !important;
    padding:18px 0 !important;
  }
  .jugendstrafrecht-page .procedure-links__label{
    min-width:0 !important;
    font-size:clamp(15px,4.2vw,18px) !important;
    line-height:1.15 !important;
    letter-spacing:.06em !important;
    hyphens:none !important;
    -webkit-hyphens:none !important;
    overflow-wrap:break-word !important;
  }
}

@media (max-width:420px){
  .jugendstrafrecht-page .procedure-links__title-main{
    font-size:clamp(26px,7vw,29px) !important;
    letter-spacing:.025em !important;
  }
}


/* ======================================================================
   JUGENDSTRAFRECHT · SEO/GEO MASTER · 02.10.2026
   Gleiche Editorial-Logik wie Sexualstrafrecht: White Split Hero,
   Trust im ersten Screen, sichtbare Entity-Ebene, ruhiger Fachtext.
   ====================================================================== */
.jugendstrafrecht-page .youth-stars,
.jugendstrafrecht-page .youth-index-score__stars,
.jugendstrafrecht-page .youth-index-review-card__stars{color:var(--gold)!important;letter-spacing:.12em}

/* HERO */
.jugendstrafrecht-page .youth-master-hero{background:#fff;color:#111;overflow:hidden;border-bottom:1px solid var(--line)}
.jugendstrafrecht-page .youth-master-hero__main{display:grid;grid-template-columns:1.05fr .95fr;min-height:0;background:#fff}
.jugendstrafrecht-page .youth-master-hero__copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,4.2vw,70px) clamp(32px,5vw,86px);background:#fff;color:#111}
.jugendstrafrecht-page .youth-master-hero__meta{display:flex;justify-content:space-between;gap:24px;margin:0 0 clamp(22px,2.4vw,34px);color:#777;font:500 8px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.jugendstrafrecht-page .youth-master-hero__meta span:first-child::before{content:"";display:inline-block;width:6px;height:6px;margin:0 10px 1px 0;border-radius:50%;background:var(--gold)}
.jugendstrafrecht-page .youth-master-hero__brandline{margin:0 0 18px;color:#777;font:500 10px/1.4 var(--sans);letter-spacing:.34em;text-transform:uppercase}
.jugendstrafrecht-page .youth-master-hero h1{max-width:760px;margin:0;color:#111;font:200 clamp(42px,4.55vw,72px)/.98 var(--sans);letter-spacing:.045em;text-transform:uppercase}
.jugendstrafrecht-page .youth-master-hero h1>span{display:block}
.jugendstrafrecht-page .youth-master-hero h1 .youth-master-hero__city{margin-top:8px;font-size:.61em;letter-spacing:.16em;text-transform:none}
.jugendstrafrecht-page .youth-master-hero__lead{max-width:680px;margin:clamp(22px,2.5vw,34px) 0 0;color:#666;font:300 clamp(16px,1.35vw,20px)/1.58 var(--sans);letter-spacing:.01em}
.jugendstrafrecht-page .youth-master-hero__lead strong{color:#111;font-weight:500}
.jugendstrafrecht-page .youth-master-hero__focus{display:flex;flex-wrap:wrap;gap:7px 15px;max-width:690px;margin:18px 0 0;color:#777;font:500 7px/1.45 var(--sans);letter-spacing:.15em;text-transform:uppercase}
.jugendstrafrecht-page .youth-master-hero__focus span{position:relative;color:inherit;white-space:nowrap}
.jugendstrafrecht-page .youth-master-hero__focus span:not(:last-child)::after{content:"·";position:absolute;right:-10px;color:var(--gold)}
.jugendstrafrecht-page .youth-master-hero__contact{display:flex;align-items:center;justify-content:space-between;width:min(315px,100%);margin-top:clamp(24px,2.7vw,36px);padding:16px 18px;background:#050505;border-left:2px solid var(--gold);color:#fff!important;text-decoration:none;font:500 9px/1.35 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.jugendstrafrecht-page .youth-master-hero__contact b{color:var(--gold);font-size:17px;font-weight:300}
.jugendstrafrecht-page .youth-master-hero__portrait{position:relative;min-width:0;min-height:0;margin:0;overflow:hidden;background:var(--paper)}
.jugendstrafrecht-page .youth-master-hero__portrait img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 22%;filter:none!important;-webkit-filter:none!important}

/* TRUST — im ersten Screen */
.jugendstrafrecht-page .youth-master-trust{min-height:76px;display:flex;align-items:center;background:#fff;color:#111;border-top:1px solid var(--line)}
.jugendstrafrecht-page .youth-master-trust__list{width:100%;max-width:1500px;margin:0 auto;padding:0 clamp(28px,4.8vw,78px);list-style:none;display:grid;grid-template-columns:1.05fr 1.35fr .95fr .95fr;align-items:center;font:500 8px/1.35 var(--sans);letter-spacing:.17em;text-transform:uppercase}
.jugendstrafrecht-page .youth-master-trust__list>li{min-width:0;padding:0 clamp(15px,2.2vw,32px);text-align:center}
.jugendstrafrecht-page .youth-master-trust__list>li:first-child{padding-left:0}.jugendstrafrecht-page .youth-master-trust__list>li:last-child{padding-right:0}
.jugendstrafrecht-page .youth-master-trust__list>li+li{border-left:1px solid var(--line)}
.jugendstrafrecht-page .youth-master-trust__rating a{display:flex;align-items:center;justify-content:center;gap:9px;color:#111;text-decoration:none;white-space:nowrap}
.jugendstrafrecht-page .youth-master-trust__rating .youth-stars{font-size:12px;color:var(--gold)!important}
.jugendstrafrecht-page .youth-master-trust__rating b{font:300 20px/1 var(--sans);letter-spacing:.02em}
.jugendstrafrecht-page .youth-master-trust__quote q{display:block;quotes:"„" "“";font:400 italic 17px/1.15 var(--serif);letter-spacing:0;text-transform:none}
.jugendstrafrecht-page .youth-master-trust__quote small{display:block;margin-top:4px;color:var(--muted);font:500 6px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.jugendstrafrecht-page .youth-master-trust__list>li>strong,.jugendstrafrecht-page .youth-master-trust__list>li>span{display:block}
.jugendstrafrecht-page .youth-master-trust__list>li>strong{font:500 8px/1.3 var(--sans);letter-spacing:.18em}
.jugendstrafrecht-page .youth-master-trust__list>li>span{margin-top:5px;color:var(--muted);font:400 9px/1.35 var(--sans);letter-spacing:.04em;text-transform:none}

/* GEO / ANSWER LAYER */
.jugendstrafrecht-page .youth-geo{background:#fff;color:#111;border-bottom:1px solid var(--line)}
.jugendstrafrecht-page .youth-geo__answer{display:grid;grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);gap:clamp(34px,6vw,92px);align-items:start;max-width:1360px;margin:0 auto;padding:clamp(58px,6vw,92px) clamp(28px,5vw,78px) clamp(48px,5vw,76px)}
.jugendstrafrecht-page .youth-geo__kicker{grid-column:1/-1;margin-bottom:-8px;color:var(--gold);font:500 7px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.jugendstrafrecht-page .youth-geo__answer h2{margin:0;font:300 clamp(30px,3.1vw,46px)/1.05 var(--sans);letter-spacing:.015em;text-transform:uppercase}
.jugendstrafrecht-page .youth-geo__answer p{max-width:800px;margin:0;color:#555;font:300 clamp(15px,1.25vw,18px)/1.72 var(--sans)}
.jugendstrafrecht-page .youth-geo__answer p strong{color:#111;font-weight:500}
.jugendstrafrecht-page .youth-geo__entity{display:grid;grid-template-columns:repeat(4,1fr);max-width:1360px;margin:0 auto;padding:0 clamp(28px,5vw,78px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.jugendstrafrecht-page .youth-geo__entity>div{min-width:0;margin:0;padding:22px clamp(14px,2vw,28px)}
.jugendstrafrecht-page .youth-geo__entity>div:first-child{padding-left:0}.jugendstrafrecht-page .youth-geo__entity>div+div{border-left:1px solid var(--line)}
.jugendstrafrecht-page .youth-geo__entity dt{margin:0 0 7px;color:var(--gold);font:500 7px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.jugendstrafrecht-page .youth-geo__entity dd{margin:0;color:#111;font:400 12px/1.45 var(--sans);letter-spacing:.025em}
.jugendstrafrecht-page .youth-geo__criteria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1360px;margin:0 auto;padding:clamp(64px,7vw,108px) clamp(28px,5vw,78px) clamp(72px,7.5vw,118px)}
.jugendstrafrecht-page .youth-geo__criteria-head{grid-column:1/-1;padding-bottom:34px;border-bottom:1px solid rgba(176,138,75,.55)}
.jugendstrafrecht-page .youth-geo__criteria-head>span{display:block;margin-bottom:13px;color:var(--gold);font:500 7px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.jugendstrafrecht-page .youth-geo__criteria-head h2{margin:0;font:300 clamp(34px,3.4vw,50px)/1.04 var(--sans);letter-spacing:.015em;text-transform:uppercase}
.jugendstrafrecht-page .youth-geo__criteria article{position:relative;padding:34px clamp(22px,3vw,42px) 0 0}
.jugendstrafrecht-page .youth-geo__criteria article+article{padding-left:clamp(22px,3vw,42px);border-left:1px solid var(--line)}
.jugendstrafrecht-page .youth-geo__criteria article>span{display:block;margin-bottom:22px;color:var(--gold);font:500 8px/1 var(--sans);letter-spacing:.18em}
.jugendstrafrecht-page .youth-geo__criteria h3{margin:0 0 18px;font:400 clamp(18px,1.65vw,24px)/1.16 var(--sans);letter-spacing:.04em}
.jugendstrafrecht-page .youth-geo__criteria p{margin:0;color:#5e5e5e;font:300 13px/1.72 var(--sans)}

/* RAIL farbig und ruhiger */
.jugendstrafrecht-page .article-rail__portrait img{filter:none!important;-webkit-filter:none!important;object-position:center 24%!important}

/* Desktop: Hero + Trust exakt im ersten Viewport */
@media(min-width:901px){
  .jugendstrafrecht-page .youth-master-hero{height:calc(100svh - 120px);min-height:620px;display:grid;grid-template-rows:minmax(0,1fr) 76px;overflow:hidden}
  .jugendstrafrecht-page .youth-master-hero__main{min-height:0;height:auto;align-items:stretch}
  .jugendstrafrecht-page .youth-master-hero__copy{min-height:0;padding:clamp(28px,3vw,48px) clamp(32px,5vw,86px)}
  .jugendstrafrecht-page .youth-master-hero__meta{margin-bottom:clamp(16px,1.8vw,26px)}
  .jugendstrafrecht-page .youth-master-hero__brandline{margin-bottom:14px}
  .jugendstrafrecht-page .youth-master-hero__lead{margin-top:clamp(16px,1.8vw,24px);line-height:1.52}
  .jugendstrafrecht-page .youth-master-hero__focus{margin-top:13px}
  .jugendstrafrecht-page .youth-master-hero__contact{margin-top:clamp(18px,2vw,28px)}
  .jugendstrafrecht-page .youth-master-hero__portrait{height:100%;min-height:0}
  .jugendstrafrecht-page .youth-master-trust{height:76px;min-height:0;align-self:stretch}

  /* Fachtext: gleiche ruhige Editorial-Hierarchie wie Sexualstrafrecht */
  .jugendstrafrecht-page .article-shell{grid-template-columns:300px minmax(0,1fr)!important;background:#fff!important}
  .jugendstrafrecht-page .fachtext{width:min(1040px,calc(100% - 92px))!important;margin:0 auto!important;background:#fff!important;padding:88px 0 110px!important}
  .jugendstrafrecht-page .fachblock{position:relative;margin:0 0 clamp(92px,8vw,132px)!important;padding-top:0!important;border-top:0!important}
  .jugendstrafrecht-page .fachblock + .fachblock{padding-top:54px!important;border-top:1px solid rgba(0,0,0,.12)!important}
  .jugendstrafrecht-page .fachblock + .fachblock::before{content:"";position:absolute;top:-1px;left:0;width:72px;height:1px;background:var(--gold)}
  .jugendstrafrecht-page .fachtext .fachblock>h2{max-width:780px!important;margin:0 0 42px!important;font-size:clamp(32px,2.75vw,43px)!important;line-height:1.08!important;letter-spacing:.005em!important;text-transform:none!important}
  .jugendstrafrecht-page .fachblock>p{max-width:780px!important;font-size:15px!important;line-height:1.8!important}
  .jugendstrafrecht-page .fachblock:not(.fachblock--lead)>.subblock{display:grid!important;grid-template-columns:minmax(190px,250px) minmax(0,1fr)!important;column-gap:clamp(34px,4.2vw,62px)!important;align-items:start!important;max-width:none!important;padding:30px 0 34px!important;border-top:1px solid rgba(0,0,0,.10)!important}
  .jugendstrafrecht-page .fachblock:not(.fachblock--lead)>.subblock h3{grid-column:1!important;grid-row:1/span 20!important;margin:0!important;padding-left:16px!important;border-left:1px solid rgba(176,138,75,.72)!important;font-family:var(--sans)!important;font-style:normal!important;font-size:clamp(18px,1.45vw,22px)!important;line-height:1.25!important;font-weight:400!important;color:#222!important}
  .jugendstrafrecht-page .fachblock:not(.fachblock--lead)>.subblock>p,.jugendstrafrecht-page .fachblock:not(.fachblock--lead)>.subblock>ul,.jugendstrafrecht-page .fachblock:not(.fachblock--lead)>.subblock>ol{grid-column:2!important;max-width:690px!important;margin-top:0!important}
  .jugendstrafrecht-page .fachblock:not(.fachblock--lead)>.subblock>p+p{margin-top:15px!important}
  .jugendstrafrecht-page .fachblock:not(.fachblock--lead)>.subblock:last-child{border-bottom:1px solid rgba(0,0,0,.10)!important}
}

@media(max-width:1120px) and (min-width:901px){
  .jugendstrafrecht-page .youth-master-hero__main{grid-template-columns:1.08fr .92fr}
  .jugendstrafrecht-page .youth-master-hero h1{font-size:clamp(39px,4.2vw,56px)}
  .jugendstrafrecht-page .youth-master-hero__lead{font-size:15px}
  .jugendstrafrecht-page .youth-master-trust__list{grid-template-columns:1fr 1.25fr .9fr .9fr;padding:0 22px}
  .jugendstrafrecht-page .youth-master-trust__list>li{padding:0 12px}
  .jugendstrafrecht-page .article-shell{grid-template-columns:240px minmax(0,1fr)!important}
  .jugendstrafrecht-page .article-rail{padding-left:18px!important;padding-right:18px!important}
  .jugendstrafrecht-page .fachtext{width:min(100% - 44px,900px)!important}
}

@media(max-width:900px){
  .jugendstrafrecht-page .youth-master-hero{height:auto;min-height:0;background:#fff}
  .jugendstrafrecht-page .youth-master-hero__main{display:grid;grid-template-columns:1fr;background:#fff}
  .jugendstrafrecht-page .youth-master-hero__copy{padding:34px 18px 30px;background:#fff}
  .jugendstrafrecht-page .youth-master-hero__meta{margin-bottom:20px;font-size:7px;letter-spacing:.17em}
  .jugendstrafrecht-page .youth-master-hero__meta span:last-child{display:none}
  .jugendstrafrecht-page .youth-master-hero__brandline{margin-bottom:12px;font-size:8px;letter-spacing:.24em}
  .jugendstrafrecht-page .youth-master-hero h1{font-size:clamp(35px,10vw,48px);line-height:.98;letter-spacing:.02em}
  .jugendstrafrecht-page .youth-master-hero h1 .youth-master-hero__city{margin-top:7px;font-size:.66em;letter-spacing:.12em}
  .jugendstrafrecht-page .youth-master-hero__lead{margin-top:18px;font-size:14px;line-height:1.55}
  .jugendstrafrecht-page .youth-master-hero__focus{gap:6px 13px;margin-top:15px;font-size:6.5px;letter-spacing:.12em}
  .jugendstrafrecht-page .youth-master-hero__focus span:not(:last-child)::after{right:-8px}
  .jugendstrafrecht-page .youth-master-hero__contact{margin-top:20px;width:100%;max-width:none;padding:15px 16px}
  .jugendstrafrecht-page .youth-master-hero__portrait{aspect-ratio:4/3.9;min-height:0}
  .jugendstrafrecht-page .youth-master-hero__portrait img{position:absolute;object-position:center 22%!important}
  .jugendstrafrecht-page .youth-master-trust{min-height:0;padding:14px 0;background:#fff}
  .jugendstrafrecht-page .youth-master-trust__list{grid-template-columns:1fr 1fr;gap:13px 0;padding:0 12px;font-size:7px}
  .jugendstrafrecht-page .youth-master-trust__list>li{min-height:42px;display:flex;flex-direction:column;justify-content:center;padding:0 9px;border-left:0!important}
  .jugendstrafrecht-page .youth-master-trust__list>li:nth-child(even){border-left:1px solid var(--line)!important}
  .jugendstrafrecht-page .youth-master-trust__quote q{font-size:13px}.jugendstrafrecht-page .youth-master-trust__rating b{font-size:18px}.jugendstrafrecht-page .youth-master-trust__rating .youth-stars{font-size:10px}.jugendstrafrecht-page .youth-master-trust__list>li>span{font-size:8px}
  .jugendstrafrecht-page .youth-geo__answer{display:block;padding:50px 18px 42px}
  .jugendstrafrecht-page .youth-geo__kicker{margin:0 0 16px}
  .jugendstrafrecht-page .youth-geo__answer h2{font-size:30px;line-height:1.05}
  .jugendstrafrecht-page .youth-geo__answer p{margin-top:22px;font-size:14px;line-height:1.68}
  .jugendstrafrecht-page .youth-geo__entity{grid-template-columns:1fr 1fr;padding:0 18px}
  .jugendstrafrecht-page .youth-geo__entity>div{padding:17px 12px 17px 0}.jugendstrafrecht-page .youth-geo__entity>div+div{border-left:0}.jugendstrafrecht-page .youth-geo__entity>div:nth-child(even){padding-left:12px;border-left:1px solid var(--line)}.jugendstrafrecht-page .youth-geo__entity>div:nth-child(n+3){border-top:1px solid var(--line)}
  .jugendstrafrecht-page .youth-geo__entity dt{font-size:6.5px}.jugendstrafrecht-page .youth-geo__entity dd{font-size:11px}
  .jugendstrafrecht-page .youth-geo__criteria{display:block;padding:58px 18px 68px}
  .jugendstrafrecht-page .youth-geo__criteria-head{padding-bottom:26px}.jugendstrafrecht-page .youth-geo__criteria-head h2{font-size:31px}
  .jugendstrafrecht-page .youth-geo__criteria article,.jugendstrafrecht-page .youth-geo__criteria article+article{padding:28px 0 30px;border-left:0;border-bottom:1px solid var(--line)}
  .jugendstrafrecht-page .youth-geo__criteria article:last-child{border-bottom:0;padding-bottom:0}.jugendstrafrecht-page .youth-geo__criteria article>span{margin-bottom:15px}.jugendstrafrecht-page .youth-geo__criteria h3{font-size:19px;margin-bottom:13px}.jugendstrafrecht-page .youth-geo__criteria p{font-size:13px;line-height:1.68}

  .jugendstrafrecht-page .article-shell{display:block!important;background:#fff!important}
  .jugendstrafrecht-page .article-rail{display:none!important}
  .jugendstrafrecht-page .fachtext{width:100%!important;margin:0!important;padding:64px 20px 88px!important;background:#fff!important}
  .jugendstrafrecht-page .fachblock{margin-bottom:74px!important;padding-top:0!important}
  .jugendstrafrecht-page .fachblock + .fachblock{padding-top:38px!important;border-top:1px solid rgba(0,0,0,.10)!important}
  .jugendstrafrecht-page .fachtext .fachblock>h2{margin-bottom:28px!important;font-size:clamp(25px,7.2vw,32px)!important;line-height:1.08!important;text-transform:none!important}
  .jugendstrafrecht-page .fachblock:not(.fachblock--lead)>.subblock h3{padding-left:13px!important;border-left:1px solid rgba(176,138,75,.72)!important;font-family:var(--sans)!important;font-style:normal!important;color:#222!important}
}

/* ======================================================================
   JUGENDSTRAFRECHT · REVIEWS + DIREKT WEITER · FINAL POLISH · 02.10.2026
   Alte Related-Karten entfernt. Reviews und Procedure Links desktop/mobile
   bewusst ruhig, bündig und ohne angeschnittene Karten.
   ====================================================================== */

/* Reviews: SEO-H2 bleibt semantisch erhalten, visuell nur feiner Kicker. */
.jugendstrafrecht-page .youth-index-reviews__head .kicker{
  display:block !important;
  max-width:52ch !important;
  margin:0 0 22px !important;
  color:var(--gold) !important;
  font:500 8px/1.55 var(--sans) !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
}

/* Desktop: exakt drei vollständige Karten im Sichtbereich; weitere per Scroll. */
@media (min-width:901px){
  .jugendstrafrecht-page .youth-index-reviews .wrap{
    overflow:hidden !important;
  }
  .jugendstrafrecht-page .youth-index-review-track{
    grid-auto-columns:calc((100% - 36px) / 3) !important;
    gap:18px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:thin;
  }
  .jugendstrafrecht-page .youth-index-review-card{
    min-width:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
    scroll-snap-align:start !important;
  }
}

/* Direkt weiter: ruhiger, exakt bündig, ohne abgeschnittene Typografie. */
.jugendstrafrecht-page .procedure-links{
  overflow:hidden !important;
}
.jugendstrafrecht-page .procedure-links__title{
  max-width:100% !important;
}
.jugendstrafrecht-page .procedure-links__item{
  min-width:0 !important;
}
.jugendstrafrecht-page .procedure-links__label{
  min-width:0 !important;
}

.jugendstrafrecht-page .youth-index-reviews__swipe{display:none;}

/* Mobile: nächste Review bewusst sichtbar als Swipe-Hinweis. */
@media (max-width:900px){
  .jugendstrafrecht-page .youth-index-reviews{
    padding:56px 0 62px !important;
    overflow:hidden !important;
  }
  .jugendstrafrecht-page .youth-index-reviews .wrap{
    width:100% !important;
    max-width:100% !important;
    padding-left:18px !important;
    padding-right:18px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  .jugendstrafrecht-page .youth-index-reviews__head{
    display:block !important;
    margin:0 0 30px !important;
  }
  .jugendstrafrecht-page .youth-index-reviews__head .kicker{
    max-width:32ch !important;
    margin:0 0 16px !important;
    font-size:7px !important;
    line-height:1.55 !important;
    letter-spacing:.18em !important;
  }
  .jugendstrafrecht-page .youth-index-reviews__display>span{
    font-size:clamp(38px,11vw,48px) !important;
    line-height:.94 !important;
    letter-spacing:.055em !important;
  }
  .jugendstrafrecht-page .youth-index-reviews__display>small{
    margin-top:10px !important;
    font-size:15px !important;
    line-height:1.35 !important;
  }
  .jugendstrafrecht-page .youth-index-score{
    justify-content:flex-start !important;
    align-items:flex-end !important;
    gap:14px !important;
    margin-top:26px !important;
  }
  .jugendstrafrecht-page .youth-index-score>b{
    font-size:clamp(60px,18vw,76px) !important;
    line-height:.82 !important;
  }
  .jugendstrafrecht-page .youth-index-score>span{
    min-width:0 !important;
    padding-bottom:2px !important;
    font-size:9px !important;
    line-height:1.5 !important;
  }
  .jugendstrafrecht-page .youth-index-score__stars{
    margin-bottom:5px !important;
    font-size:11px !important;
    letter-spacing:.16em !important;
  }
  .jugendstrafrecht-page .youth-index-reviews__swipe{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    margin:0 0 12px !important;
    color:var(--gold) !important;
    font:500 7px/1 var(--sans) !important;
    letter-spacing:.18em !important;
    text-transform:uppercase !important;
  }
  .jugendstrafrecht-page .youth-index-reviews__swipe span{
    white-space:nowrap !important;
    color:#555 !important;
  }
  .jugendstrafrecht-page .youth-index-review-track{
    width:100% !important;
    grid-auto-columns:86% !important;
    gap:12px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:none !important;
  }
  .jugendstrafrecht-page .youth-index-review-track::-webkit-scrollbar{display:none !important;}
  .jugendstrafrecht-page .youth-index-review-card{
    width:100% !important;
    min-width:0 !important;
    padding:25px 22px !important;
    box-sizing:border-box !important;
    scroll-snap-align:start !important;
  }
  .jugendstrafrecht-page .youth-index-review-card__stars{
    margin-bottom:20px !important;
    font-size:10px !important;
    letter-spacing:.15em !important;
  }
  .jugendstrafrecht-page .youth-index-review-card blockquote strong{
    margin-bottom:14px !important;
    font-size:clamp(20px,5.6vw,23px) !important;
    line-height:1.16 !important;
  }
  .jugendstrafrecht-page .youth-index-review-card blockquote p{
    font-size:13px !important;
    line-height:1.68 !important;
  }
  .jugendstrafrecht-page .youth-index-review-card figcaption{
    margin-top:20px !important;
    font-size:7px !important;
    letter-spacing:.15em !important;
  }

  /* Direkt weiter: mobile Couture-Liste statt Karten, alles innerhalb des Viewports. */
  .jugendstrafrecht-page .procedure-links{
    padding:58px 18px 64px !important;
  }
  .jugendstrafrecht-page .procedure-links__kicker{
    margin:0 0 18px !important;
    font-size:7px !important;
    letter-spacing:.20em !important;
  }
  .jugendstrafrecht-page .procedure-links__title{
    margin:0 0 32px !important;
    overflow:visible !important;
  }
  .jugendstrafrecht-page .procedure-links__title-main{
    display:block !important;
    max-width:100% !important;
    font-size:clamp(27px,7.5vw,33px) !important;
    line-height:1.02 !important;
    letter-spacing:.035em !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
  }
  .jugendstrafrecht-page .procedure-links__title-serif{
    display:block !important;
    margin:6px 0 0 !important;
    font-family:var(--sans) !important;
    font-style:normal !important;
    font-size:clamp(21px,6vw,27px) !important;
    line-height:1.05 !important;
    letter-spacing:.02em !important;
  }
  .jugendstrafrecht-page .procedure-links__item{
    grid-template-columns:32px minmax(0,1fr) 5px 18px !important;
    gap:8px !important;
    padding:17px 0 !important;
  }
  .jugendstrafrecht-page .procedure-links__no{
    font-size:9px !important;
  }
  .jugendstrafrecht-page .procedure-links__label{
    font-size:clamp(15px,4.4vw,18px) !important;
    line-height:1.15 !important;
    letter-spacing:.045em !important;
    hyphens:none !important;
    -webkit-hyphens:none !important;
    overflow-wrap:break-word !important;
  }
  .jugendstrafrecht-page .procedure-links__pulse{
    width:4px !important;
    height:4px !important;
  }
  .jugendstrafrecht-page .procedure-links__arrow{
    font-size:15px !important;
  }
}

@media (max-width:380px){
  .jugendstrafrecht-page .procedure-links__title-main{
    font-size:25px !important;
    letter-spacing:.025em !important;
  }
  .jugendstrafrecht-page .procedure-links__title-serif{
    font-size:21px !important;
  }
}


/* =========================================================
   V16 — HERO PORTRAIT + EDITORIAL IMAGE BANNER
   Hero: Caroline portrait / former hero image: wide banner
   ========================================================= */
.jugendstrafrecht-page .youth-master-hero__portrait img{
  object-fit:cover;
  object-position:center 20% !important;
}

.jugendstrafrecht-page .youth-editorial-banner{
  position:relative;
  width:100%;
  height:clamp(190px,22vw,340px);
  margin:0;
  overflow:hidden;
  background:#f4f2ef;
  border-bottom:1px solid rgba(0,0,0,.10);
}
.jugendstrafrecht-page .youth-editorial-banner img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 38%;
  filter:none !important;
  -webkit-filter:none !important;
}

@media (max-width:900px){
  .jugendstrafrecht-page .youth-master-hero__portrait{
    aspect-ratio:4/5 !important;
  }
  .jugendstrafrecht-page .youth-master-hero__portrait img{
    object-position:center 18% !important;
  }
  .jugendstrafrecht-page .youth-editorial-banner{
    height:auto;
    aspect-ratio:16/7;
  }
  .jugendstrafrecht-page .youth-editorial-banner img{
    object-position:center 38%;
  }
}

@media (max-width:560px){
  .jugendstrafrecht-page .youth-editorial-banner{
    aspect-ratio:16/8.5;
  }
}

/* ======================================================================
   JUGENDSTRAFRECHT · MOBILE REVIEW CAROUSEL · SAFARI/FLEX FIX · V19
   02.10.2026
   Grid auf Mobil bewusst durch Flex ersetzt: keine überlagernden Karten,
   nächste Rezension bleibt als Swipe-Hinweis sichtbar.
   ====================================================================== */
@media (max-width:900px){
  .jugendstrafrecht-page .youth-index-review-track{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:12px !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 0 12px !important;
    scroll-snap-type:x mandatory !important;
    scroll-padding-inline:0 !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-x:contain !important;
    scrollbar-width:none !important;
  }
  .jugendstrafrecht-page .youth-index-review-track::-webkit-scrollbar{
    display:none !important;
  }
  .jugendstrafrecht-page .youth-index-review-card{
    display:block !important;
    position:relative !important;
    flex:0 0 86% !important;
    width:86% !important;
    min-width:86% !important;
    max-width:86% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:25px 22px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
    transform:none !important;
  }
  .jugendstrafrecht-page .youth-index-review-card > *,
  .jugendstrafrecht-page .youth-index-review-card blockquote,
  .jugendstrafrecht-page .youth-index-review-card blockquote strong,
  .jugendstrafrecht-page .youth-index-review-card blockquote p,
  .jugendstrafrecht-page .youth-index-review-card figcaption{
    position:static !important;
    float:none !important;
    width:auto !important;
    max-width:100% !important;
    transform:none !important;
    translate:none !important;
  }
  .jugendstrafrecht-page .youth-index-review-card blockquote{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
  }
  .jugendstrafrecht-page .youth-index-review-card blockquote strong{
    display:block !important;
    margin:0 0 14px !important;
    font-size:clamp(20px,5.6vw,23px) !important;
    line-height:1.18 !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
  .jugendstrafrecht-page .youth-index-review-card blockquote p{
    display:block !important;
    margin:0 !important;
    font-size:13px !important;
    line-height:1.68 !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
  .jugendstrafrecht-page .youth-index-review-card figcaption{
    display:block !important;
    margin:20px 0 0 !important;
    line-height:1.5 !important;
    white-space:normal !important;
  }
}


/* ===== V21 · GEO PRAXISANTWORTEN / JUGENDSTRAFRECHT ===== */
.jugendstrafrecht-page .youth-practice-answer{position:relative;max-width:780px;margin:38px 0 8px;padding:28px 30px 27px;background:#f7f6f3;border-top:1px solid rgba(176,138,75,.72);border-bottom:1px solid rgba(0,0,0,.10)}
.jugendstrafrecht-page .youth-practice-answer__kicker{display:block;margin:0 0 12px;color:var(--gold);font:500 7px/1.35 var(--sans);letter-spacing:.22em;text-transform:uppercase}
.jugendstrafrecht-page .youth-practice-answer h3{margin:0 0 14px!important;padding:0!important;border:0!important;color:#111!important;font:400 clamp(20px,1.75vw,26px)/1.18 var(--sans)!important;letter-spacing:.01em!important}
.jugendstrafrecht-page .youth-practice-answer p{max-width:700px!important;margin:0 0 12px!important;color:#555;font:300 14px/1.72 var(--sans)!important}
.jugendstrafrecht-page .youth-practice-answer p:last-of-type{margin-bottom:0!important}
.jugendstrafrecht-page .youth-practice-answer p strong{color:#222;font-weight:500}
.jugendstrafrecht-page .youth-practice-answer .youth-practice-answer__note{margin-top:15px!important;padding-top:14px;border-top:1px solid rgba(0,0,0,.09);font-size:12.5px!important;color:#666}
.jugendstrafrecht-page .youth-practice-answer__link{display:inline-block;margin-top:17px;color:#111;border-bottom:1px solid rgba(176,138,75,.75);font:500 8px/1.4 var(--sans);letter-spacing:.11em;text-transform:uppercase;text-decoration:none}
@media(max-width:900px){.jugendstrafrecht-page .youth-practice-answer{margin:30px 0 4px;padding:24px 18px 23px}.jugendstrafrecht-page .youth-practice-answer h3{font-size:21px!important;line-height:1.18!important;margin-bottom:12px!important}.jugendstrafrecht-page .youth-practice-answer p{font-size:13.5px!important;line-height:1.68!important}.jugendstrafrecht-page .youth-practice-answer .youth-practice-answer__note{font-size:12px!important}.jugendstrafrecht-page .youth-practice-answer__link{font-size:7.5px;line-height:1.5;letter-spacing:.08em}}