/*
Theme Name: Nichtraucher werden Kiel – Twenty Seventeen V3.3
Description: Kompendium-Design mit kompakter Typografie und sauberer Navigation.
Author: Frank Schischefsky
Template: twentyseventeen
Version: 3.9.1
*/
:root{--teal:#174f4d;--dark:#103c3a;--gold:#c8943f;--bg:#f6f7f5;--text:#263331;--muted:#667471;--border:#dfe5e2;--max:1160px}
html{scroll-behavior:smooth}
body{color:var(--text);background:#fff;font-size:17px;line-height:1.66;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
h1,h2,h3{color:var(--teal);line-height:1.2}h1{font-size:clamp(2.2rem,4vw,3.45rem)}h2{font-size:clamp(1.55rem,2.4vw,2.15rem)}
a{color:var(--teal)}a:hover{color:var(--gold)}
.site-branding{padding:18px 0 14px;background:#fff}.site-branding .wrap{display:flex;align-items:center;gap:18px}.site-branding .custom-logo{max-height:62px;width:auto}.site-title{font-size:1.35rem!important;font-weight:800!important;letter-spacing:.04em}.site-description{font-size:.92rem;color:var(--muted)}
.custom-header-media,.custom-header{display:none!important}
.navigation-top{border:0;box-shadow:0 2px 10px rgba(0,0,0,.12);background:var(--dark)}.navigation-top .wrap{max-width:var(--max)}.main-navigation a{color:#fff!important;font-size:.9rem;font-weight:700;padding:.82em .7em}.main-navigation a:hover{color:#f0cf91!important}.main-navigation .current-menu-item>a,.main-navigation .current_page_item>a{color:#f0cf91!important}.main-navigation ul ul{background:var(--dark);border-top:3px solid var(--gold);box-shadow:0 8px 25px rgba(0,0,0,.18)}.main-navigation ul ul a{color:#fff!important}.main-navigation ul ul a:hover{background:var(--teal);color:#f0cf91!important}
.site-content{padding:0}.wrap{max-width:var(--max)}
/* V3.7: full-width editorial layout on all portal pages */
body.page .site-content .wrap{max-width:var(--max);display:block}
body.page .site-content .wrap > .content-area{width:100%!important;float:none!important;margin:0!important}
body.page .site-content .wrap > .widget-area{display:none!important}
body.page .entry-header{max-width:var(--max);margin:0 auto;padding:42px 24px 6px}
body.page .entry-title{font-size:clamp(2.2rem,3.8vw,3rem);line-height:1.15;font-weight:700}

/* Remove Twenty Seventeen blog/sidebar artifacts from the portal pages. */
.page:not(.home) .widget-area,.nwk-portal-v3-3 .widget-area{display:none!important}.page:not(.home) .content-area{width:100%!important;float:none!important}.page .entry-header{max-width:var(--max);margin:0 auto;padding:52px 24px 8px}.page .entry-title{font-size:clamp(2rem,4vw,3.15rem);font-weight:800;color:var(--teal);margin:0}
.page .entry-content{max-width:var(--max);margin:0 auto;padding:8px 24px 65px}.page .entry-content .nwk-page{max-width:980px;margin:auto}
/* Compact, consistent paragraph rhythm: no giant gaps between paragraphs. */
.nwk-page p{max-width:850px;margin:0 0 1.0rem;line-height:1.66}.nwk-page h2{margin:2.0rem 0 .72rem}.nwk-page h3{margin:1.45rem 0 .55rem}.nwk-page ul,.nwk-page ol{margin-top:.35rem;margin-bottom:1rem}.nwk-page li{margin-bottom:.35rem}
.nwk-page .nwk-hero{border-bottom:1px solid var(--border);padding:2px 0 24px;margin-bottom:26px}.nwk-kicker,.nwk-pill{text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--gold);font-size:.76rem}.nwk-page .nwk-lead{font-size:1.14rem;line-height:1.58;color:#465552;max-width:880px;margin-bottom:0}
.nwk-grid,.nwk-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 28px}.nwk-card,.nwk-feature{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:24px 26px}.nwk-card h3,.nwk-feature h3{margin-top:0}
.nwk-linklist{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px}.nwk-linklist li{background:var(--bg);border-left:4px solid var(--gold);padding:9px 13px}.nwk-linklist a{text-decoration:none;font-weight:700}
.nwk-note{margin:25px 0;padding:18px 22px;background:#f8f1e5;border-left:5px solid var(--gold)}
.nwk-related{margin:32px 0 0;padding-top:20px;border-top:1px solid var(--border)}.nwk-related h2{margin:0 0 12px;font-size:1.35rem}.nwk-related ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 12px}.nwk-related li{margin:0}.nwk-related a{display:inline-block;background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:8px 12px;text-decoration:none;font-weight:700;font-size:.93rem}
.nwk-cta{margin:38px 0 18px;padding:30px;border-radius:16px;background:var(--teal);color:#fff}.nwk-cta h2{color:#fff}.nwk-cta a{display:inline-block;background:#fff;color:var(--teal);font-weight:800;text-decoration:none;padding:12px 18px;border-radius:8px}.nwk-sources{margin-top:42px;padding-top:22px;border-top:1px solid var(--border);font-size:.9rem;color:var(--muted)}
.nwk-home-hero{background:linear-gradient(100deg,rgba(16,60,58,.97),rgba(23,79,77,.86));color:#fff}.nwk-home-hero-inner{max-width:var(--max);margin:auto;padding:58px 24px 54px}.nwk-home-kicker{color:#f0cf91;text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:.8rem}.nwk-home-hero h1{color:#fff;max-width:1000px;margin:12px 0 17px;font-size:clamp(2.35rem,4vw,3.15rem)}.nwk-home-hero p{font-size:1.18rem;max-width:790px;color:#fff}.nwk-home-actions{display:flex;gap:12px;flex-wrap:wrap}.nwk-btn{display:inline-block;padding:13px 19px;border-radius:8px;font-weight:800;text-decoration:none!important;background:#fff;color:var(--teal)!important}.nwk-btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.65);color:#fff!important}
.nwk-home-section{max-width:var(--max);margin:auto;padding:55px 24px}.nwk-home-section.alt{max-width:none;background:var(--bg)}.nwk-home-inner{max-width:var(--max);margin:auto}.nwk-home-heading{margin-top:9px!important}.nwk-home-intro{max-width:850px;font-size:1.08rem}.nwk-home-intro p{margin-bottom:.95rem}.nwk-home-sub{color:var(--muted);max-width:820px}.nwk-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.nwk-topic{display:block;padding:23px;border:1px solid var(--border);border-radius:14px;background:#fff;text-decoration:none!important;box-shadow:0 4px 16px rgba(0,0,0,.04)}.nwk-topic h3{margin:0 0 7px}.nwk-topic p{color:var(--muted);margin:0}.nwk-arrow{display:block;margin-top:14px;font-weight:800}.nwk-feature-grid{margin-top:26px}.nwk-feature{background:#fff}.nwk-feature h3{font-size:1.5rem}.nwk-feature strong{color:var(--teal)}
.nwk-home-footer-cta{max-width:none;background:var(--dark);color:#fff;text-align:center}.nwk-home-footer-cta h2{color:#fff}.nwk-home-footer-cta p{max-width:750px;margin:0 auto 23px;color:#fff}.site-footer{background:#102f2e;color:#dfe8e6}.site-footer a{color:#fff}.edit-link{display:none!important}
/* Explicit portal navigation */
.nwk-home-nav{background:#fff;border-bottom:1px solid var(--border);box-shadow:0 2px 9px rgba(0,0,0,.05)}.nwk-home-nav-inner{max-width:var(--max);margin:auto;padding:0 24px}.nwk-home-nav .menu{display:flex;justify-content:center;align-items:stretch;gap:0;list-style:none;margin:0;padding:0;flex-wrap:nowrap}.nwk-home-nav .menu>li{position:relative}.nwk-home-nav .menu>li>a{display:block;padding:15px 13px;text-decoration:none;font-size:.86rem;font-weight:750;color:var(--teal);white-space:nowrap}.nwk-home-nav .menu>li>a:hover{color:var(--gold);background:#fafbf9}.nwk-home-nav .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:245px;margin:0;padding:7px 0;background:#fff;list-style:none;border-top:3px solid var(--gold);box-shadow:0 8px 25px rgba(0,0,0,.12);z-index:100}.nwk-home-nav li:hover>.sub-menu,.nwk-home-nav li:focus-within>.sub-menu{display:block}.nwk-home-nav .sub-menu a{display:block;padding:9px 14px;color:var(--teal);text-decoration:none;font-size:.86rem}.nwk-home-nav .sub-menu a:hover{background:var(--bg);color:var(--gold)}
@media(max-width:1050px){.nwk-home-nav .menu>li>a{padding-left:9px;padding-right:9px;font-size:.82rem}}
@media(max-width:900px){body{font-size:16px}.site-branding{padding:14px 18px}.site-branding .wrap{display:block}.site-title{font-size:1.15rem!important}.page .entry-header{padding:38px 20px 7px}.page .entry-content{padding:7px 20px 50px}.nwk-grid,.nwk-topic-grid,.nwk-feature-grid,.nwk-linklist{grid-template-columns:1fr}.nwk-home-hero-inner,.nwk-home-section{padding:52px 20px}.main-navigation a{padding:.75em .5em}.nwk-home-nav-inner{padding:0 12px;overflow-x:auto}.nwk-home-nav .menu{justify-content:flex-start;min-width:max-content}}
@media(max-width:600px){.nwk-home-hero h1{font-size:2.25rem}.nwk-home-hero p{font-size:1.05rem}.nwk-btn{display:block;text-align:center;margin:8px 0}.nwk-related ul{display:block}.nwk-related li{margin-bottom:7px}}

/* V3.7: compact editorial rhythm and clean footer */
body.page .entry-content p{margin-top:0;margin-bottom:.82rem}
body.page .entry-content h2{margin-top:1.65rem;margin-bottom:.55rem}
body.page .entry-content h3{margin-top:1.15rem;margin-bottom:.45rem}
body.page .entry-content hr{margin:1.4rem 0}
.site-footer .widget-area,.site-footer .widget,.site-footer .widget-title{display:none!important}
.site-footer .site-info{padding:18px 0;font-size:.82rem}


/* V3.8: Auf der Startseite nur die eigens gestaltete weiße Navigation anzeigen.
   Das originale Twenty-Seventeen-Navigationsband wird dort ausgeblendet.
   Auf allen Unterseiten bleibt die dunkle Portal-Navigation aktiv. */
body.nwk-home .navigation-top{display:none!important}
body.nwk-home .nwk-home-nav{display:block!important}

/* Die Startseiten-Navigation sitzt unter dem Hero und nicht darüber. */
body.nwk-home .nwk-home-nav{position:relative;z-index:20}

/* Auf Inhaltsseiten keine doppelte Navigation erzeugen. */
body:not(.nwk-home) .nwk-home-nav{display:none!important}

/* V3.9: Twenty-Seventeen floats entfernen – Kompendiumsseiten wirklich vollbreit setzen. */
body.page .site-content .wrap,
body.page .site-content .wrap > .content-area,
body.page .site-content .wrap > .content-area > .site-main,
body.page .entry-header,
body.page .entry-content{
    float:none!important;
    width:100%!important;
    box-sizing:border-box;
}
body.page .entry-header{
    max-width:1280px!important;
    margin:0 auto!important;
    padding:92px 32px 8px!important;
    position:relative;
    z-index:1;
}
/* V3.9.1: Die dunkle Twenty-Seventeen-Navigation darf die Seitenüberschrift
   auf Inhaltsseiten nicht überdecken. Der zusätzliche obere Abstand hält
   den Entry-Header sicher unterhalb des Navigationsbands. */
body:not(.nwk-home) .navigation-top{
    z-index:1000;
}
body:not(.nwk-home) .entry-title{
    scroll-margin-top:90px;
}
body.page .entry-content{
    max-width:1280px!important;
    margin:0 auto!important;
    padding:8px 32px 65px!important;
}
body.page .entry-content .nwk-page{
    max-width:1120px!important;
    margin:0 auto!important;
}
body.page .entry-content .nwk-page p{max-width:900px}
@media(max-width:900px){
 body.page .entry-header{padding:78px 20px 7px!important}
 body.page .entry-content{padding:7px 20px 50px!important}
 body.page .entry-content .nwk-page{max-width:none!important}
}