:root{
 --fw-blue-dark:#06101f;--fw-blue-deep:#081321;--fw-blue:#1679ff;--fw-blue-light:#2581ff;
 --fw-bg:#f6f7f9;--fw-surface:#fff;--fw-text:#18202b;--fw-muted:#66717f;--fw-border:#dfe4ea;
}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:var(--fw-bg);color:var(--fw-text);line-height:1.65}img{display:block;max-width:100%;height:auto}a{color:inherit}.main-nav{position:sticky;top:0;z-index:100;background:rgba(2,9,21,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-container,.footer-inner,.section-container{width:min(1120px,calc(100% - 48px));margin:0 auto}.nav-container{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:30px}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-weight:700;letter-spacing:.08em}.brand-logo img,.custom-logo{max-height:38px;width:auto}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(37,129,255,.45);border-radius:7px;color:var(--fw-blue-light)}.nav-links,.footer-links{list-style:none;display:flex;align-items:center;gap:28px}.nav-links a,.footer-links a{text-decoration:none}.nav-links a{color:#b7c1cf;font-size:.88rem}.nav-links a:hover{color:#fff}.hero{min-height:58vh;display:flex;align-items:center;padding:125px 24px 70px;color:#fff;background:radial-gradient(circle at 70% 35%,rgba(20,112,255,.16),transparent 35%),radial-gradient(circle at 20% 70%,rgba(0,92,220,.09),transparent 30%),linear-gradient(135deg,#020915 0%,#06162d 55%,#03101f 100%)}.hero-content{width:min(1000px,100%);margin:0 auto}.eyebrow,.section-label{margin-bottom:16px;color:var(--fw-blue-light);font-size:.78rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.hero h1{max-width:900px;font-size:clamp(2.7rem,6vw,5.4rem);line-height:1.03;letter-spacing:-.05em}.hero-text{max-width:760px;margin-top:24px;color:#aeb9c7;font-size:1.1rem}.section{padding:100px 0}.section-light{background:#fff}.section-soft{background:#f3f5f8}.section-dark{background:var(--fw-blue-dark);color:#f4f7fb}.section-container.narrow{max-width:820px}.section h1,.section h2{margin-bottom:24px;line-height:1.1;letter-spacing:-.035em}.section h1{font-size:clamp(2.4rem,5vw,4.4rem)}.section h2{font-size:clamp(2rem,4vw,3.2rem)}.prose p{margin-bottom:1.2em}.prose a,.text-link,.link-list a{color:var(--fw-blue);font-weight:700;text-decoration:none}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.content-card{background:#fff;border:1px solid var(--fw-border);border-radius:12px;overflow:hidden}.content-card img{aspect-ratio:3/4;object-fit:cover;width:100%}.content-card-body{padding:24px}.content-card h2,.content-card h3{font-size:1.45rem;margin-bottom:12px}.content-card h2 a,.content-card h3 a{text-decoration:none}.content-card p{color:var(--fw-muted);margin-bottom:18px}.case-hero{padding:64px 0 72px}.case-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:72px;align-items:start}.case-cover{max-width:300px}.case-cover img{width:100%;box-shadow:0 18px 45px rgba(6,16,31,.14)}.case-intro{padding-top:72px;max-width:680px}.case-intro h1{margin-bottom:12px;font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.06}.case-subtitle{font-size:1.25rem;line-height:1.35;color:var(--fw-muted);margin:0 0 24px}.case-lead{font-size:1.08rem;color:var(--fw-muted);margin-bottom:28px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;padding:12px 18px;border-radius:6px;background:var(--fw-blue);color:#fff;text-decoration:none;font-weight:700}.button.secondary{background:transparent;color:var(--fw-blue);border:1px solid rgba(22,121,255,.35)}.link-list{display:flex;flex-wrap:wrap;gap:24px}.sources{color:#b8c3d1}.platform-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.platform-link{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--fw-border);border-radius:10px;text-decoration:none;color:var(--fw-text);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.platform-link:hover{transform:translateY(-2px);border-color:rgba(22,121,255,.4);box-shadow:0 10px 28px rgba(6,16,31,.08)}.platform-link img{width:34px;height:34px;flex:0 0 34px}.platform-link span{display:flex;flex-direction:column;min-width:0}.platform-link strong{font-size:.98rem;line-height:1.2}.platform-link small{margin-top:4px;color:var(--fw-muted);font-size:.76rem;line-height:1.35}.platform-links-compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.shortcase-image{margin:30px 0}.site-footer{background:#020914;color:#8290a3;padding:34px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-links a{color:#aeb9c7}.page-main{min-height:60vh}
@media(max-width:900px){.platform-links{grid-template-columns:1fr 1fr}.platform-links-compact{grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:1fr 1fr}.case-grid{grid-template-columns:260px minmax(0,1fr);gap:44px}.case-cover{max-width:260px}.case-intro{padding-top:48px}.nav-links{gap:16px}}
@media(max-width:700px){.platform-links,.platform-links-compact{grid-template-columns:1fr}.nav-container,.footer-inner,.section-container{width:calc(100% - 32px)}.nav-container{min-height:62px}.brand-name{display:none}.nav-links{gap:12px}.nav-links a{font-size:.76rem}.hero{min-height:52vh;padding-top:100px}.section{padding:72px 0}.card-grid{grid-template-columns:1fr}.case-hero{padding:42px 0 56px}.case-grid{grid-template-columns:1fr;gap:34px}.case-cover{max-width:260px}.case-intro{padding-top:0}.case-intro h1{font-size:clamp(2rem,10vw,2.7rem)}.case-subtitle{font-size:1.12rem}.footer-inner{flex-direction:column;text-align:center}.footer-links{gap:16px;flex-wrap:wrap;justify-content:center}}

/* ========================================
   VERÖFFENTLICHUNGEN / BEZUGSQUELLEN
======================================== */
.publications-section {
    border-top: 1px solid var(--fw-border, #dfe4ea);
}

.publication-groups {
    display: grid;
    gap: 34px;
    margin-top: 8px;
}

.publication-group {
    scroll-margin-top: 100px;
}

.publication-group h2 {
    margin: 0 0 14px;
    font-size: 1.35rem;
    letter-spacing: -0.02em;
    color: #18202b;
}

.provider-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.provider-link {
    min-width: 170px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 13px 16px;
    border: 1px solid #d7dee8;
    border-radius: 8px;
    color: #18202b;
    text-decoration: none;
    background: #fff;
    font-weight: 700;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.provider-link span:last-child {
    color: #1679ff;
}

.provider-link:hover {
    border-color: #1679ff;
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(16, 35, 60, .07);
}

@media (max-width: 700px) {
    .provider-links { display: grid; grid-template-columns: 1fr; }
    .provider-link { width: 100%; }
}

/* ========================================
   FORMAT-NAVIGATION IM FALL-KOPF
   Alle Formate gleich gewichtet; keine
   scheinbar aktive Standardauswahl.
======================================== */
.button-row .button,
.button-row .button.secondary {
    background: transparent;
    color: var(--fw-blue);
    border: 1px solid rgba(22,121,255,.45);
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.button-row .button:hover,
.button-row .button.secondary:hover {
    background: var(--fw-blue);
    color: #fff;
    border-color: var(--fw-blue);
    transform: translateY(-1px);
}

.button-row a.button[href^="#"]::after {
    content: "↓";
    margin-left: .55em;
    font-size: .9em;
}


/* ========================================
   QUELLENVERZEICHNIS
======================================== */
.sources-section {
    border-top: 1px solid var(--fw-border);
    scroll-margin-top: 92px;
}

.source-list {
    margin: 8px 0 0;
    padding-left: 2.1rem;
    display: grid;
    gap: 0;
}

.source-list li {
    padding: 14px 0 14px 8px;
    border-bottom: 1px solid var(--fw-border);
    color: var(--fw-text);
}

.source-list li::marker {
    color: var(--fw-blue);
    font-weight: 700;
}

.source-list a {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    color: var(--fw-text);
    text-decoration: none;
}

.source-list a:hover {
    color: var(--fw-blue);
}

.source-list a span[aria-hidden="true"] {
    color: var(--fw-blue);
    font-size: .85em;
}

.sources-legacy {
    color: var(--fw-text-muted, #66717f);
}

@media (max-width:700px) {
    .source-list { padding-left: 1.7rem; }
    .source-list li { padding-left: 4px; }
}


/* FALLWERK brand assets – 0.7 */
.brand-signet{width:38px;height:38px;object-fit:contain;flex:0 0 38px}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-signet{width:28px;height:28px;object-fit:contain;opacity:.9}
.hero-content-home{display:flex;flex-direction:column;align-items:flex-start}
.hero-brand-logo{width:min(900px,92%);height:auto;margin:0 0 42px;filter:drop-shadow(0 18px 45px rgba(0,0,0,.12))}
.hero-content-home h1{max-width:820px;font-size:clamp(2.25rem,4.8vw,4.5rem);line-height:1.04;letter-spacing:-.045em}
@media(max-width:700px){.brand-signet{width:34px;height:34px;flex-basis:34px}.hero-brand-logo{width:100%;margin-bottom:30px}.hero-content-home h1{font-size:clamp(2rem,10vw,3.2rem)}}

/* ========================================
   AKTUELL / MELDUNGEN
======================================== */
.news-section h2,.news-archive h1{margin-bottom:18px}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px}
.news-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--fw-border);border-radius:12px;overflow:hidden;min-width:0}
.news-card-image{display:block;overflow:hidden;background:#e9edf2}
.news-card-image img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .25s ease}
.news-card:hover .news-card-image img{transform:scale(1.02)}
.news-card-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:24px}
.news-date{display:block;margin-bottom:10px;color:var(--fw-muted);font-size:.8rem}
.news-card h2,.news-card h3{margin:0 0 12px;font-size:1.35rem;line-height:1.18;letter-spacing:-.025em}
.news-card h2 a,.news-card h3 a{text-decoration:none}
.news-card p{margin:0 0 18px;color:var(--fw-muted)}
.news-card .text-link{margin-top:auto}
.news-more{display:flex;justify-content:center;margin-top:34px}
.archive-intro{max-width:720px;color:var(--fw-muted);font-size:1.05rem}
.news-grid-archive{margin-top:46px}
.pagination-wrap{margin-top:46px}
.pagination-wrap .nav-links{display:flex;justify-content:center;gap:10px}
.pagination-wrap .page-numbers{display:inline-flex;padding:9px 12px;border:1px solid var(--fw-border);border-radius:6px;text-decoration:none;background:#fff}
.pagination-wrap .page-numbers.current{background:var(--fw-blue);border-color:var(--fw-blue);color:#fff}
.news-single-main{padding-top:82px;padding-bottom:100px}
.news-single-container{max-width:900px}
.news-single-header{padding-bottom:42px}
.news-single-header h1{margin:8px 0 18px;font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.06;letter-spacing:-.045em}
.news-lead{font-size:1.15rem;color:var(--fw-muted)}
.news-single-image-wrap{max-width:780px;margin:0 0 42px;padding:0}
.news-single-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.news-single-content{max-width:780px;font-size:1.04rem}
.news-single-content>p:first-child{margin-top:0}

@media(max-width:900px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.news-grid{grid-template-columns:1fr}.news-card-body{padding:20px}.news-single-main{padding-top:62px;padding-bottom:78px}.news-single-header{padding-bottom:30px}.news-single-image-wrap{margin-bottom:30px}.news-single-content{font-size:1rem}}

/* ========================================
   TRUE CRIME – STARTSEITE / ÜBERSICHT 0.10
======================================== */
.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}
.section-heading-row>div{max-width:760px}.section-heading-row h2{margin-bottom:12px}.section-heading-row.compact{margin-top:76px}.section-intro{max-width:720px;color:var(--fw-muted);font-size:1.04rem}.section-more{flex:0 0 auto;margin-bottom:10px;white-space:nowrap}.case-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.case-card{display:grid;grid-template-columns:42% 1fr;min-height:310px;background:#fff;border:1px solid var(--fw-border);border-radius:12px;overflow:hidden}.case-card-cover{display:block;background:#e7ebf0}.case-card-cover img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover}.case-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:26px 24px}.card-kicker{margin-bottom:8px;color:var(--fw-blue);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.case-card h2,.case-card h3{margin:0 0 9px;font-size:1.38rem;line-height:1.15;letter-spacing:-.025em}.case-card h2 a,.case-card h3 a{text-decoration:none}.card-subtitle{margin:0 0 18px;color:var(--fw-muted);font-size:.94rem;line-height:1.45}.case-card .text-link{margin-top:auto}.shortcases-home-block{margin-top:82px;padding-top:72px;border-top:1px solid var(--fw-border)}.shortcase-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.shortcase-card{background:#fff;border:1px solid var(--fw-border);border-radius:12px;overflow:hidden}.shortcase-card-image{display:block;background:#e7ebf0}.shortcase-card-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.shortcase-card-body{padding:22px}.shortcase-card h2,.shortcase-card h3{margin:0 0 10px;font-size:1.3rem;line-height:1.18;letter-spacing:-.02em}.shortcase-card h2 a,.shortcase-card h3 a{text-decoration:none}.shortcase-card-body>p:not(.card-kicker){margin-bottom:17px;color:var(--fw-muted)}.truecrime-more{display:flex;justify-content:center;margin-top:42px}.section-action{margin-top:24px}.narrow-wide{max-width:900px}.truecrime-intro h1{margin-bottom:20px}.truecrime-page-copy{max-width:760px;color:var(--fw-muted);font-size:1.1rem}.truecrime-page-copy.default-copy{margin:0}.empty-format-note{padding:22px 24px;border:1px solid var(--fw-border);border-radius:10px;background:var(--fw-bg);color:var(--fw-muted);max-width:720px}.archive-card-grid{margin-top:46px}.archive-hero-compact{padding-top:86px}.archive-hero-compact h1{margin-bottom:16px}

@media(max-width:1050px){.case-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcase-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.section-heading-row{display:block}.section-more{display:inline-block;margin-top:12px}.section-heading-row.compact{margin-top:58px}.case-card-grid,.shortcase-card-grid{grid-template-columns:1fr}.case-card{grid-template-columns:130px 1fr;min-height:220px}.case-card-body{padding:22px 20px}.case-card h2,.case-card h3{font-size:1.25rem}.shortcases-home-block{margin-top:62px;padding-top:56px}.archive-hero-compact{padding-top:66px}}
@media(max-width:480px){.case-card{grid-template-columns:105px 1fr}.case-card-body{padding:18px 16px}.card-subtitle{font-size:.88rem}.case-card h2,.case-card h3{font-size:1.12rem}}

/* FALLWERK 0.11 – Kurzfall-Detailseite */
.shortcase-hero{padding-top:82px}
.shortcase-hero-inner h1{margin-bottom:10px;max-width:900px}
.shortcase-subtitle{margin:-8px 0 30px;color:var(--fw-muted);font-size:1.25rem;line-height:1.4}
.shortcase-image{margin:34px 0 38px;border-radius:12px;overflow:hidden;background:#e7ebf0;box-shadow:0 14px 34px rgba(6,16,31,.08)}
.shortcase-image img{width:100%;aspect-ratio:16/9;object-fit:cover}
.shortcase-copy{max-width:820px;font-size:1.05rem}
.shortcase-listen-block{margin-top:52px;padding-top:42px;border-top:1px solid var(--fw-border)}
.shortcase-listen-block .section-label{margin-bottom:18px}
.shortcase-single .sources-section{border-top:1px solid rgba(24,32,43,.04)}
@media(max-width:700px){.shortcase-hero{padding-top:58px}.shortcase-subtitle{font-size:1.08rem;margin-bottom:24px}.shortcase-image{margin:26px 0 30px}.shortcase-listen-block{margin-top:40px;padding-top:34px}}

/* ========================================
   ÜBER FALLWERK – 0.12
======================================== */
.about-brand-section{padding-top:96px;padding-bottom:92px}
.about-brand-section h1{margin-bottom:28px;font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.05;letter-spacing:-.045em}
.about-brand-copy{max-width:820px;font-size:1.08rem}
.about-brand-copy p:last-child{margin-bottom:0}
.about-person-section{padding-top:104px;padding-bottom:110px}
.about-person-grid{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:86px;align-items:center}
.about-person-image-wrap{border-radius:14px;overflow:hidden;background:#e7ebf0;box-shadow:0 18px 44px rgba(6,16,31,.10)}
.about-person-image{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;filter:grayscale(100%)}
.about-person-image-placeholder{display:grid;place-items:center;aspect-ratio:4/5;color:var(--fw-muted);background:#e7ebf0}
.about-person-copy{max-width:620px}
.about-person-copy h2{margin:0 0 6px;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.04em}
.about-person-role{margin:0 0 28px;color:var(--fw-blue);font-weight:700}
.about-person-bio{font-size:1.05rem}
.about-person-empty{color:var(--fw-muted)}
@media(max-width:850px){.about-person-grid{grid-template-columns:1fr;gap:42px}.about-person-image-wrap{max-width:520px}.about-person-copy{max-width:720px}}
@media(max-width:700px){.about-brand-section{padding-top:68px;padding-bottom:70px}.about-person-section{padding-top:72px;padding-bottom:76px}.about-person-grid{gap:34px}}

/* ========================================
   YOUTUBE & AUDIO – 0.13
======================================== */
.media-intro-section{padding-top:96px;padding-bottom:92px}
.media-intro-section h1{margin-bottom:26px;font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.05;letter-spacing:-.045em}
.media-page-copy{max-width:820px;font-size:1.08rem}
.media-playlist-section{padding-top:96px;padding-bottom:102px}
.media-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(460px,1.2fr);gap:74px;align-items:center}
.media-grid-reverse{grid-template-columns:minmax(460px,1.2fr) minmax(0,.8fr)}
.media-copy{max-width:520px}
.media-copy h2{margin:0 0 18px;font-size:clamp(2.15rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.04em}
.media-copy>p:not(.section-label){font-size:1.05rem}
.section-dark .media-copy>p:not(.section-label){color:#aeb9c7}
.media-player-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#020914;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 48px rgba(0,0,0,.16)}
.media-player-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.media-platform-section{padding-top:88px;padding-bottom:96px}
.platform-feature-card{display:grid;grid-template-columns:64px 1fr;gap:24px;align-items:start;padding:34px 36px;border:1px solid var(--fw-border);border-radius:14px;background:#fff}
.platform-feature-card img{width:44px;height:44px;margin-top:4px}
.platform-feature-card h2{margin:0 0 12px;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.1;letter-spacing:-.035em}
.platform-feature-card p:not(.section-label){max-width:650px;color:var(--fw-muted)}
@media(max-width:900px){.media-grid,.media-grid-reverse{grid-template-columns:1fr;gap:42px}.media-grid-reverse .media-player-wrap{order:2}.media-grid-reverse .media-copy{order:1}.media-copy{max-width:720px}}
@media(max-width:700px){.media-intro-section{padding-top:68px;padding-bottom:70px}.media-playlist-section{padding-top:72px;padding-bottom:76px}.media-grid,.media-grid-reverse{gap:30px}.platform-feature-card{grid-template-columns:48px 1fr;padding:26px 22px;gap:18px}.platform-feature-card img{width:38px;height:38px}.media-platform-section{padding-top:68px;padding-bottom:74px}}

/* ========================================
   404 – 0.16
======================================== */
.error-404-main{min-height:calc(100vh - 160px)}
.error-404-section{display:flex;align-items:center;min-height:62vh}
.error-404-inner{padding-top:12px;padding-bottom:12px}
.error-404-inner h1{max-width:760px;margin-bottom:20px}
.error-404-copy{max-width:680px;color:var(--fw-muted);font-size:1.08rem}
.error-404-actions{margin-top:30px}
@media(max-width:700px){.error-404-section{min-height:56vh}.error-404-copy{font-size:1rem}}
