/*
Theme Name: StuttgartHeute – Stadtmagazin
Theme URI: https://stuttgartheute.de/
Author: StuttgartHeute Redaktion
Description: Responsives, redaktionelles WordPress-Theme für StuttgartHeute.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stuttgartheute
*/
:root{--ink:#172a27;--muted:#62716d;--paper:#f6f4ee;--white:#fff;--green:#123b35;--lime:#d8e59a;--rust:#b94f31;--line:#d9ddd4;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--rust)}img,svg{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 42px));margin-inline:auto}.topline{background:#102d29;color:#d7e3da;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.topline .wrap{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.topline a{color:#d7e3da;text-decoration:none}.masthead{background:var(--green);color:white;border-bottom:1px solid rgba(255,255,255,.15)}.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 0}.brand{display:flex;align-items:center;gap:14px;color:white;text-decoration:none}.brand img{width:48px}.brand-word{font:700 29px/1 var(--serif);letter-spacing:-.04em}.brand-word span{color:var(--lime)}.tagline{margin-top:5px;color:#c5d3cc;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.head-weather{min-width:190px;text-align:right;color:#e5eee8;font-size:13px}.head-weather strong{display:block;color:var(--lime);font:700 16px var(--serif)}.navband{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}.navwrap{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:54px}.main-nav{display:flex;list-style:none;margin:0;padding:0;gap:3px}.main-nav>li{position:relative}.main-nav a{display:block;padding:16px 14px;color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}.main-nav a:hover,.main-nav a:focus{background:#f1f2ea;color:var(--green)}.main-nav .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:230px;background:white;box-shadow:0 12px 26px #14282224;padding:8px 0;list-style:none}.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:block}.main-nav .sub-menu a{padding:10px 15px}.nav-toggle{display:none;border:1px solid var(--line);background:white;padding:8px 12px;font-weight:700}.search-link{font-size:13px;font-weight:bold}.hero{background:var(--green);color:white;padding:50px 0 62px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:45px}.eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#aebb7d;font-weight:bold}.hero h1{font:500 clamp(40px,6vw,76px)/.99 var(--serif);letter-spacing:-.045em;margin:13px 0 22px;max-width:720px}.hero p{max-width:620px;color:#d3e0d8;font-size:18px}.hero-art{border-radius:2px;overflow:hidden;background:#d9e1d6;box-shadow:18px 18px 0 #c6d48a;transform:rotate(1deg)}.hero-art img{display:block;width:100%;height:350px;object-fit:cover}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-block;padding:12px 19px;background:var(--lime);color:#173a32!important;font-weight:700;text-decoration:none;border:0;cursor:pointer}.button:hover{background:white}.button-outline{background:transparent;color:white!important;border:1px solid #9ab0a4}.section{padding:54px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:15px}.section-head h2,.section h2{font:500 clamp(27px,3vw,40px)/1.1 var(--serif);letter-spacing:-.03em;margin:0}.section-head p{margin:0;color:var(--muted);max-width:540px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);min-width:0}.card-visual{display:block;position:relative;background:#dce3d8;overflow:hidden}.card-visual img{width:100%;height:210px;object-fit:cover;display:block;transition:transform .35s}.card:hover .card-visual img{transform:scale(1.035)}.card-copy{padding:19px 20px 22px}.card-copy .eyebrow{color:#788b6e}.card h3{font:500 25px/1.12 var(--serif);margin:8px 0}.card p{color:var(--muted);font-size:14px;margin:0 0 15px}.text-link{font-size:13px;font-weight:bold}.directory-panel{background:#e9ece3;padding:30px}.district-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.district-grid a{background:white;padding:11px 13px;text-decoration:none;font-weight:700;font-size:13px;border:1px solid #dfe2da}.district-grid a:hover{border-color:var(--green);background:#f6f8f1}.feature-strip{background:#173b35;color:white;padding:35px 0}.feature-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.feature-strip h2{font:500 32px var(--serif);margin:0}.feature-strip p{color:#cad6d0;margin:4px 0 0}.weather-card{background:white;border:1px solid var(--line);padding:21px}.weather-head{display:flex;justify-content:space-between;align-items:center}.weather-head h2{font:500 25px var(--serif);margin:0}.weather-data{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.weather-day{background:#f3f4ee;padding:12px 14px;min-width:110px;flex:1}.weather-day strong{display:block;font-size:12px}.weather-day span{font:500 20px var(--serif)}.weather-note,.small-note{font-size:12px;color:var(--muted)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:42px;padding:42px 0 70px}.article{background:white;padding:clamp(24px,5vw,58px);border:1px solid var(--line)}.article h1{font:500 clamp(38px,5vw,60px)/1.02 var(--serif);letter-spacing:-.04em;margin:7px 0 18px}.article .lead{font:500 20px/1.55 var(--serif);color:#435650}.article h2{font:500 32px/1.1 var(--serif);letter-spacing:-.025em;margin:38px 0 12px}.article h3{font:600 22px var(--serif)}.article p{margin:0 0 18px}.article li{margin:6px 0}.sidebar-box{background:#e9ece3;padding:23px;margin-bottom:18px}.sidebar-box h2{font:500 24px var(--serif);margin:0 0 10px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:20px}.source-note{border-top:1px solid var(--line);padding-top:14px;margin-top:30px;font-size:12px;color:var(--muted)}.map-panel{margin:22px 0;background:#eef1e9;padding:18px}.map-panel iframe{width:100%;height:310px;border:0;display:none;margin-top:14px}.map-panel.is-open iframe{display:block}.map-panel .map-placeholder{background:linear-gradient(140deg,#dbe5d1,#f1ead6);padding:30px;text-align:center}.archive-head{padding:45px 0 26px}.archive-head h1{font:500 clamp(40px,5vw,62px)/1 var(--serif);margin:8px 0}.archive-head p{max-width:720px;color:var(--muted)}.pagination{margin:30px 0}.pagination .page-numbers{display:inline-block;padding:8px 12px;margin:2px;background:white;border:1px solid var(--line);text-decoration:none}.pagination .current{background:var(--green);color:white}.footer{background:#102d29;color:#e1e9e3;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{color:#dce6df}.footer h2{font:500 25px var(--serif)}.footer-bottom{border-top:1px solid #ffffff29;margin-top:30px;padding-top:14px;color:#aebdb5;font-size:12px}.notice{background:#f2eedf;padding:15px 18px;font-size:13px;border-left:3px solid var(--rust)}.page-title-center{text-align:center}.skip-link{position:absolute;left:-9999px;top:0;background:white;padding:10px;z-index:10}.skip-link:focus{left:10px}.listing-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted);margin:16px 0}.listing-meta span{padding:5px 9px;background:#f1f2ed}@media(max-width:800px){.wrap{width:min(var(--max),calc(100% - 28px))}.hero-grid{grid-template-columns:1fr}.hero-art img{height:260px}.cards{grid-template-columns:repeat(2,1fr)}.district-grid{grid-template-columns:repeat(3,1fr)}.content-layout{grid-template-columns:1fr;gap:20px}.sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sidebar-box{margin:0}.head-weather{display:none}.nav-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;box-shadow:0 10px 18px #162b261a;flex-direction:column;padding:8px 14px}.main-nav.is-open{display:flex}.main-nav>li>a{padding:11px}.main-nav .sub-menu{display:block;position:static;box-shadow:none;padding:0 0 6px 12px}.main-nav .sub-menu a{padding:7px 10px}.feature-strip .wrap{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.topline .wrap{font-size:10px}.topline .edition{display:none}.masthead .wrap{padding:16px 0}.brand-word{font-size:24px}.brand img{width:40px}.hero{padding:38px 0 45px}.hero p{font-size:16px}.hero-art img{height:220px}.section{padding:38px 0}.cards{grid-template-columns:1fr}.card-visual img{height:220px}.district-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;flex-direction:column}.sidebar{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.article{padding:23px}.article .lead{font-size:18px}}