:root {
  --color-accent: #148dbb;
  --color-ad: #f4faff;
  --color-brand: #1cade6;
  --color-focus: #148dbb;
  --color-ink: #172033;
  --color-line: #d8e7f5;
  --color-link: #1cade6;
  --color-muted: #64748b;
  --color-panel: #f7fbff;
  --color-paper: #ffffff;
  --color-soft: #eef7ff;
  --content-max: 1180px;
  --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --text-base: 16px;
}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;color:var(--color-ink);background:var(--color-paper);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.65}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.16em}a:hover{color:var(--color-accent)}.skip-link{position:absolute;left:1rem;top:-5rem;background:#fff;padding:.75rem;z-index:99}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--color-line);background:color-mix(in srgb,var(--color-paper) 94%,transparent);backdrop-filter:blur(14px)}.header-rail,.footer-rail,.page-shell{width:min(var(--content-max),calc(100% - 2rem));margin-inline:auto}.header-rail{min-height:5rem;display:flex;align-items:center;gap:2rem}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-family:var(--font-display);font-size:1.35rem;font-weight:800;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:50%;background:var(--color-brand);color:#fff;font-family:var(--font-sans);font-size:.85rem;letter-spacing:.08em}.primary-nav{display:flex;gap:1.25rem;overflow:auto;font-size:.9rem;font-weight:700}.primary-nav a{text-decoration:none;white-space:nowrap}.mobile-nav{display:none;margin-left:auto}.mobile-nav summary{cursor:pointer;font-weight:800}.mobile-nav nav{position:absolute;left:0;right:0;top:100%;display:grid;padding:1rem;background:var(--color-paper);border-bottom:1px solid var(--color-line)}.mobile-nav a{padding:.65rem;text-decoration:none}.page-shell{padding-block:clamp(2rem,5vw,5rem)}.page--article .page-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,20rem);column-gap:clamp(2rem,5vw,5rem)}.page--article .page-shell>*:not(.latest-sidebar){grid-column:1}.article-header,.content-section,.channel-header,.lead-layout,.event-calendar{grid-column:1/-1}.latest-sidebar{grid-column:2;grid-row:3/span 8}.kicker,.eyebrow{margin:0 0 .5rem;color:var(--color-accent);font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3{font-family:var(--font-display);line-height:1.08;letter-spacing:-.025em}h1{font-size:clamp(2.2rem,6vw,5.2rem);margin:.2rem 0 1rem}h2{font-size:clamp(1.45rem,3vw,2.5rem)}h3{font-size:1.25rem}.dek{font-family:var(--font-serif);font-size:clamp(1.15rem,2vw,1.5rem);max-width:52rem}.lead-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(17rem,1fr);gap:clamp(1.5rem,4vw,4rem);padding-bottom:4rem;border-bottom:1px solid var(--color-line)}.lead-story img,.hero-media img,.story-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--color-soft)}.lead-story h1{font-size:clamp(2rem,5vw,4.25rem)}.lead-story h1 a,.story-card h3 a,.compact-card h2 a{text-decoration:none}.lead-stack{display:grid;align-content:start}.compact-card{padding:1.25rem 0;border-top:1px solid var(--color-line)}.compact-card:first-child{padding-top:0;border-top:0}.compact-card h2{font-size:1.35rem;margin:.25rem 0}.content-section{margin-top:clamp(3rem,8vw,7rem)}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:3px solid var(--color-ink);margin-bottom:1.5rem}.section-heading h2{margin:0 0 .65rem}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.5rem)}.story-card{border-bottom:1px solid var(--color-line);padding-bottom:1.25rem}.story-card h3{margin:.3rem 0}.story-card p{margin:.45rem 0}.story-card time,.article-meta,.facts-meta{color:var(--color-muted);font-size:.78rem}.channel-header{padding:clamp(2rem,7vw,5rem);margin-bottom:3rem;background:var(--color-soft);border-left:.5rem solid var(--color-brand)}.channel-header h1{margin:.2rem 0}.article-header{max-width:70rem}.article-meta{display:flex;gap:1.25rem;margin:1.5rem 0}.hero-media{margin:2rem 0 0}.hero-media figcaption{color:var(--color-muted);font-size:.76rem;margin-top:.4rem}.article-layout,.facts-box,.sources-box,.more-context,.ad-slot{max-width:48rem}.article-copy{font-family:var(--font-serif);font-size:clamp(1.08rem,2vw,1.22rem)}.article-copy h2,.article-copy h3{font-family:var(--font-display);margin-top:2.4em}.article-copy a{color:var(--color-link);font-weight:650}.article-copy blockquote{border-left:.3rem solid var(--color-brand);margin:2rem 0;padding:.4rem 0 .4rem 1.5rem;font-size:1.25em}.more-context,.facts-box,.sources-box{margin:2.5rem 0;padding:1.5rem;border:1px solid var(--color-line);background:var(--color-panel)}.more-context ul,.sources-box ol{padding-left:1.3rem}.facts-box{margin-top:4rem;border-top:.4rem solid var(--color-brand)}.facts-box dl{margin:1.5rem 0}.facts-box dl div{padding:1rem 0;border-top:1px solid var(--color-line)}.facts-box dt{font-weight:800}.facts-box dd{margin:.3rem 0 0}.sources-box:focus{outline:3px solid var(--color-focus);outline-offset:.3rem}.latest-sidebar{align-self:start;position:sticky;top:7rem;border-top:4px solid var(--color-brand);padding-top:1rem}.latest-sidebar h2{font-size:1.35rem}.latest-sidebar ol{list-style:none;padding:0}.latest-sidebar li{border-top:1px solid var(--color-line)}.latest-sidebar a{display:grid;grid-template-columns:2rem 1fr;gap:.5rem;padding:.9rem 0;text-decoration:none;font-weight:700;line-height:1.25}.latest-sidebar a span{color:var(--color-accent);font-size:.8rem}.ad-slot{min-height:180px;display:grid;align-content:center;margin:2rem 0;background:var(--color-ad);border:1px solid var(--color-line);text-align:center}.ad-slot>span{display:block;color:var(--color-muted);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.ad-slot--top{max-width:none;grid-column:1/-1;min-height:250px}.event-calendar ol{list-style:none;padding:0}.event-calendar li{display:grid;grid-template-columns:12rem 1fr;gap:2rem;padding:1.5rem 0;border-top:1px solid var(--color-line)}.event-calendar h2{font-size:1.4rem;margin:0}.calendar-filter{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin-bottom:2rem;padding:1rem;background:var(--color-soft)}.calendar-filter label{display:grid;font-size:.8rem;font-weight:700}.calendar-filter input,.calendar-filter button{font:inherit;padding:.65rem;border:1px solid var(--color-line);background:#fff}.calendar-filter button{background:var(--color-brand);color:#fff;border-color:var(--color-brand);font-weight:700}.site-footer{margin-top:6rem;padding:4rem 0;background:var(--color-ink);color:var(--color-paper)}.site-footer nav{display:flex;gap:1rem}.footer-rail{display:grid;grid-template-columns:1fr 2fr auto;gap:2rem;align-items:start}@media(max-width:900px){.primary-nav{display:none}.mobile-nav{display:block}.lead-layout,.card-grid,.page--article .page-shell{grid-template-columns:1fr}.latest-sidebar{grid-column:1;grid-row:auto;position:static;margin-top:4rem}.lead-stack{grid-template-columns:1fr 1fr;gap:1rem}.event-calendar li{grid-template-columns:1fr}.footer-rail{grid-template-columns:1fr}}@media(max-width:560px){.header-rail,.footer-rail,.page-shell{width:min(100% - 1.25rem,var(--content-max))}.lead-stack,.card-grid{grid-template-columns:1fr}.article-meta{display:grid;gap:.25rem}h1{font-size:2.35rem}.channel-header{padding:1.5rem}.calendar-filter{display:grid}.ad-slot--top{min-height:180px}}

.page--article .page-shell > .ad-slot--top {
  grid-column: 1 / -1;
  max-width: none;
}

.source-jump {
  color: var(--color-link);
  font-weight: 750;
}

#quellen {
  scroll-margin-top: 7rem;
}
html,body{overflow-x:clip}.sources-box{scroll-margin-top:8rem}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--color-line);font-weight:700}.pagination a{color:var(--color-link)}@media(max-width:560px){.pagination{align-items:stretch;flex-direction:column}.pagination span{order:-1}}

/* Portal Factory v8: redaktionelle Shell und Harzer-Roller-CI. */
.news-ticker{position:relative;z-index:51;overflow:hidden;background:var(--color-brand);color:#fff;border-bottom:1px solid rgb(255 255 255/.3)}
.news-ticker__viewport{overflow:hidden;white-space:nowrap}
.news-ticker__track{display:inline-flex;min-width:max-content;align-items:center;padding:.62rem 0;animation:news-ticker-scroll 84s linear infinite;will-change:transform}
.news-ticker__item{display:inline-flex;align-items:center;color:#fff;text-decoration:none;font-size:.78rem;font-weight:800}
.news-ticker__item::after{content:"•";margin:0 1.2rem;color:rgb(255 255 255/.7)}
.news-ticker__item:hover{color:#fff;text-decoration:underline}
@keyframes news-ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.news-ticker__track{animation:none}}

.site-header{border-bottom:.32rem solid var(--color-brand);background:rgb(255 255 255/.97);backdrop-filter:none}
.header-rail{min-height:6.5rem;gap:1.5rem}
.brand-logo{width:auto;height:auto;max-width:15.5rem;max-height:4.5rem;object-fit:contain}
.primary-nav{flex:1;justify-content:flex-end;overflow:visible;font-size:.72rem;letter-spacing:.015em;text-transform:uppercase}
.primary-nav ul{display:flex;justify-content:flex-end;align-items:center;gap:.05rem;width:100%;margin:0;padding:0;list-style:none}
.primary-nav li{position:relative;margin:0}
.primary-nav>ul>li>a{display:flex;align-items:center;min-height:2.6rem;padding:.45rem .38rem;text-decoration:none;font-weight:800;white-space:nowrap}
.primary-nav .has-submenu>a::after{content:"▾";margin-left:.3rem;font-size:.65rem}
.nav-submenu{position:absolute;left:0;top:calc(100% + .25rem);display:grid!important;visibility:hidden;opacity:0;transform:translateY(.4rem);width:15rem!important;padding:.45rem 0!important;background:#fff;border:1px solid var(--color-line);border-top:.22rem solid var(--color-brand);box-shadow:0 1rem 2.4rem rgb(15 23 42/.14);transition:.16s ease;z-index:90}
.has-submenu:hover .nav-submenu,.has-submenu:focus-within .nav-submenu{visibility:visible;opacity:1;transform:none}
.nav-submenu a{display:block;padding:.62rem .85rem;text-decoration:none;font-size:.78rem;font-weight:750;text-transform:none}
.mobile-subitem{padding-left:1.6rem!important;color:var(--color-muted)}

h1,h2,h3{font-weight:850;letter-spacing:-.035em}
.page-shell{padding-top:clamp(2rem,4vw,4rem)}
.lead-layout--editorial{padding-bottom:3rem}
.lead-layout--editorial .lead-story h1{font-size:clamp(2.25rem,5vw,4.6rem)}
.lead-layout--editorial .lead-stack>h2{margin:0 0 .7rem;padding-bottom:.65rem;border-bottom:.22rem solid var(--color-ink);font-size:1.35rem}
.lead-layout--editorial .compact-card{padding:.9rem 0}
.lead-layout--editorial .compact-card h3{margin:.2rem 0;font-size:1.15rem}
.lead-layout--editorial .compact-card>p:last-child{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem}
.region-navigation{grid-column:1/-1;margin:2.5rem 0 1rem;padding:1.2rem 1.4rem;background:var(--color-soft);border-left:.35rem solid var(--color-brand)}
.region-navigation>strong{display:block;margin-bottom:.8rem;font-size:1.25rem}
.region-navigation ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem 1.25rem;margin:0;padding:0;list-style:none}
.region-navigation a{display:flex;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid var(--color-line);text-decoration:none;font-weight:750}
.homepage-sections{grid-column:1/-1}
.home-topic-section{margin-top:clamp(3.5rem,7vw,6rem)}
.home-topic-section .section-heading{align-items:flex-start}
.home-topic-section .section-heading p{margin:.2rem 0 .7rem;color:var(--color-muted)}
.story-media{display:block;text-decoration:none;background:var(--color-soft)}
.story-media--fallback{display:grid;place-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-soft),var(--color-panel));color:var(--color-accent);font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.story-secondary{color:var(--color-muted);font-size:.85rem;font-weight:700}

.category-editorial-header{grid-column:1/-1;padding-bottom:2.5rem;border-bottom:1px solid var(--color-line)}
.category-editorial-header>h1{margin:.15rem 0 .6rem}
.category-editorial-header>p{max-width:52rem}
.category-lead{display:grid;grid-template-columns:minmax(18rem,1.15fr) minmax(18rem,1fr);gap:2rem;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-line)}
.category-lead img{width:100%;aspect-ratio:16/9;object-fit:cover}
.category-lead h2{margin:.25rem 0;font-size:clamp(1.65rem,3vw,2.7rem)}
.category-lead h2 a{text-decoration:none}
.category-lead time,.category-chronology time{color:var(--color-muted);font-size:.76rem}
.category-chronology{grid-column:1/-1;margin-top:3rem}
.category-chronology ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--color-line)}
.category-chronology li{display:grid;grid-template-columns:10.5rem 1fr;gap:1.2rem;padding:.72rem 0;border-bottom:1px dotted var(--color-line)}
.category-chronology a{text-decoration:none;font-weight:800;line-height:1.3}
.category-grid{grid-column:1/-1}

.page--article .page-shell{grid-template-columns:minmax(0,1fr) 21.25rem;column-gap:3rem}
.article-header{max-width:61rem}
.article-header h1{font-size:clamp(2.35rem,5vw,4.8rem)}
.article-meta{flex-wrap:wrap;align-items:center}
.author-link{color:var(--color-link);font-weight:800}
.article-story{max-width:48rem}
.article-copy{font-family:var(--font-serif);font-size:clamp(1.06rem,1.7vw,1.2rem);line-height:1.72}
.inline-related-post{margin:1.4rem 0;border-top:.22rem solid var(--color-brand);border-bottom:1px solid var(--color-line);background:var(--color-panel)}
.inline-related-post__link{display:grid;grid-template-columns:10.5rem minmax(0,1fr);min-height:6rem;text-decoration:none}
.inline-related-post__media{display:grid;place-items:center;width:10.5rem;min-height:6rem;overflow:hidden;background:var(--color-soft);color:var(--color-accent);font-size:.75rem;font-weight:850;text-transform:uppercase}
.inline-related-post__media img{width:100%;height:100%;margin:0!important;object-fit:cover}
.inline-related-post__body{display:grid;align-content:center;gap:.15rem;padding:.7rem .9rem}
.inline-related-post__meta{color:var(--color-accent);font-size:.68rem;font-weight:850;text-transform:uppercase}
.inline-related-post__secondary{color:var(--color-muted);font-size:.76rem;font-weight:700}
.inline-related-post__title{font-size:.94rem;line-height:1.22}
.page--article .page-shell>#top_ad{grid-column:1/-1;grid-row:1}
.page--article .page-shell>#headline{grid-column:1/-1;grid-row:2}
.page--article .page-shell>#story{grid-column:1;grid-row:3}
.page--article .page-shell>#facts{grid-column:1;grid-row:4}
.page--article .page-shell>#quellen{grid-column:1;grid-row:5}
.post-sidebar{grid-column:2;grid-row:3/6;position:static;align-self:start}
.ad-slot--rail{min-height:17rem;margin:0 0 1.4rem}
.latest-list{border-top:.25rem solid var(--color-brand)}
.latest-list h2{margin:.8rem 0;font-size:1.3rem}
.latest-list ol{margin:0;padding:0;list-style:none}
.latest-list li{border-top:1px dotted var(--color-line)}
.latest-list a{display:block;padding:.72rem 0;text-decoration:none;line-height:1.22}
.latest-list a>*{display:block}
.latest-meta{color:var(--color-accent);font-size:.64rem;font-weight:850;text-transform:uppercase}
.latest-secondary{color:var(--color-muted);font-size:.72rem}
.latest-list strong{font-size:.9rem}
.page--article .page-shell>#related{grid-column:1/-1;grid-row:6;max-width:none}
.related--editorial .card-grid--related{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.related--editorial .story-card>p:last-child{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ad-slot--top{min-height:9rem;margin-top:0}
.ad-slot--lower{min-height:11rem;margin:2.5rem 0}
.ad-slot:has(ins[data-ad-status="unfilled"]){min-height:0;padding:0;border:0;background:transparent}
.ad-slot:has(ins[data-ad-status="unfilled"])>span{display:none}
:root[data-ads-consent]:not([data-ads-consent="granted"]) .ad-slot{display:none}

.headlines-shell,.author-profile{max-width:58rem;margin-inline:auto}
.headlines-header{padding-bottom:1.5rem;border-bottom:.3rem solid var(--color-brand)}
.headline-day-group{margin-top:2.5rem}
.headline-day-group h2{font-size:1.4rem}
.headline-day-group ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--color-line)}
.headline-day-group li{display:grid;grid-template-columns:10rem 1fr;gap:1rem;padding:.72rem 0;border-bottom:1px dotted var(--color-line)}
.headline-day-group time{color:var(--color-muted);font-size:.76rem}
.headline-day-group a{text-decoration:none;font-weight:800}
.author-role{color:var(--color-accent);font-weight:850}

.site-footer{border-top:.35rem solid var(--color-brand)}
.footer-rail{grid-template-columns:1.3fr repeat(3,1fr);gap:2.5rem}
.footer-rail nav{display:grid;align-content:start;gap:.45rem}
.footer-rail nav>strong{margin-bottom:.3rem}
.footer-rail a{font-size:.87rem;text-decoration:none}

@media(max-width:1120px){.primary-nav{display:none}.mobile-nav{display:block}.header-rail{min-height:5.5rem}.brand-logo{max-height:3.8rem}.page--article .page-shell{grid-template-columns:1fr}.post-sidebar{grid-column:1;grid-row:auto;position:static;margin-top:3rem}.ad-slot--rail{display:none}.footer-rail{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1120px){.page--article .page-shell{display:flex;flex-direction:column}.page--article .page-shell>#top_ad{order:1}.page--article .page-shell>#headline{order:2}.page--article .page-shell>#story{order:3}.page--article .page-shell>#facts{order:4}.page--article .page-shell>#quellen{order:5}.page--article .page-shell>#latest{order:6}.page--article .page-shell>#related{order:7}.page--article .page-shell>#headline,.page--article .page-shell>#story,.page--article .page-shell>#facts,.page--article .page-shell>#quellen,.page--article .page-shell>#latest,.page--article .page-shell>#related{width:100%}}
@media(max-width:720px){.news-ticker__track{animation-duration:62s}.category-lead{grid-template-columns:1fr}.category-chronology li,.headline-day-group li{grid-template-columns:1fr;gap:.2rem}.region-navigation ul{grid-template-columns:1fr 1fr}.related--editorial .card-grid--related{grid-template-columns:1fr 1fr}.inline-related-post__link{grid-template-columns:7rem minmax(0,1fr)}.inline-related-post__media{width:7rem}.footer-rail{grid-template-columns:1fr}}
@media(max-width:520px){.brand-logo{max-width:12.5rem}.region-navigation ul,.related--editorial .card-grid--related{grid-template-columns:1fr}.inline-related-post__link{grid-template-columns:1fr}.inline-related-post__media{width:100%;aspect-ratio:16/7}.lead-layout--editorial .lead-story h1{font-size:2.2rem}}
/* --- Beitragsseite: gemessene Werte der Vorgaengerseite ---------------------
   Quellen: original/post_page.css und original/global.css des Altbestands
   (99_EINGANG/2026-08-30_legacy-ci-snapshot). Abgeschrieben, nicht nachempfunden.
   --reading-width der Altseite = 780px, --content-width = 1180px.            */
body{background:radial-gradient(circle at top left,rgba(28,173,230,.10),transparent 360px),linear-gradient(180deg,#f4faff 0%,#ffffff 420px);line-height:1.6}
/* Kopf steht in Spalte 1 wie im alten .two-column-layout, nicht ueber beide */
.page--article .page-shell>#headline{grid-column:1;grid-row:2}
/* Die Leiste spannt ueber die Textzeilen. Mit grid-row:2 lag sie mit dem Kopf
   in einer Zeile: die Zeile wuchs auf ihre Hoehe, der Kopf wurde mitgedehnt und
   der Beitragstext begann erst darunter. Der Klebebereich war zudem genau so
   hoch wie das Element selbst -- es gab nichts, worin es kleben konnte.
   position hier mit ID-Vorrang, weil das Element zwei Klassen traegt und
   .post-sidebar{position:static} die Regel .latest-sidebar{position:sticky}
   ueberschreibt (gleiche Spezifitaet, spaeter notiert). Die Vorgaengerseite
   hatte .post-sidebar{position:sticky;top:var(--desktop-sticky-offset)}.

   Klebeabstand 8.5rem statt 7rem: Die Kopfleiste ist 109px hoch und klebt bei
   top:0. Mit 7rem (112px) blieben 3px Luft -- bei anderem Zoom schoebe sich die
   Leiste darunter.

   Warum innen geklebt wird und nicht aussen: Ein normal fliessendes
   Rasterkind klebt innerhalb des Inhaltskastens seines Rastercontainers, nicht
   innerhalb seines Rasterbereichs -- der Bereich ist nur fuer absolut
   positionierte Rasterkinder der umschliessende Block. grid-row begrenzt das
   Kleben also nicht. Gemessen: Die aussen klebende Leiste wanderte bis
   Dokumentposition 7024 statt bei 4706 zu stoppen und legte sich damit ueber
   den Empfehlungsblock in Zeile 6, der beide Spalten ueberspannt.

   Deshalb spannt die Leiste jetzt ueber ihren Bereich (align-self:stretch) und
   klebt nicht selbst; der innere Kasten klebt und hat damit die Leiste als
   umschliessenden Block. Er endet zwangslaeufig dort, wo die Leiste endet.

   max-height/overflow-y am inneren Kasten: Die Leiste ist mit zwoelf
   Eintraegen und Werbeplatz rund 1350px hoch, also hoeher als das Fenster.
   Ohne Deckelung waeren die unteren Eintraege beim Kleben nie sichtbar.
   Rahmen und Innenabstand wandern mit dem inneren Kasten, sonst bliebe die
   Zierlinie allein am Spaltenanfang zurueck. */
.page--article .page-shell>#latest{grid-column:2;grid-row:2/span 4;align-self:stretch;position:static;border-top:0;padding-top:0}
.page--article .page-shell>#latest>.post-sidebar__sticky{position:sticky;top:8.5rem;max-height:calc(100vh - 10.5rem);overflow-y:auto;scrollbar-width:thin;border-top:4px solid var(--color-brand);padding-top:1rem}
.post-article{width:100%;min-width:0}
.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--color-muted);font-size:12px}
.breadcrumb a{color:inherit;text-decoration:none}
.breadcrumb a:hover,.breadcrumb a:focus-visible{color:#1cade6}
.post-header{display:grid;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--color-line);justify-items:center;text-align:center;width:100%;min-width:0}
.post-secondary-title{margin:0;width:100%;max-width:760px;color:#1cade6;font-size:1.08rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding-bottom:8px;border-bottom:1px solid #000}
.post-header h1{margin:0;width:100%;max-width:980px;font-weight:700;font-size:clamp(2.2rem,4vw,4.2rem);line-height:.92;letter-spacing:-.035em;overflow-wrap:anywhere}
.hero-image{aspect-ratio:16/9;overflow:hidden;background:#d9f4fb;margin-top:24px}
.hero-image img{width:100%;height:100%;object-fit:cover}
.post-caption{max-width:780px;margin:0;padding:12px 14px;background:#f3f4f6;border-bottom:3px solid #1cade6;color:#6b7280;font-size:12px;font-weight:400;line-height:1.5}
.post-caption--placeholder{text-align:center;letter-spacing:.06em;text-transform:uppercase}
.post-meta{display:flex;gap:16px}
.post-meta--under-hero{max-width:780px;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:16px 26px;margin-top:18px;padding-top:16px;border-top:1px solid var(--color-line);color:var(--color-muted);font-size:12px}
.post-meta__details{display:flex;align-items:center;gap:16px 26px;flex-wrap:wrap}
.post-meta__item{display:inline-flex;align-items:center;gap:9px;line-height:1.2}
.post-meta__item a{color:inherit;text-decoration:none}
.post-meta__item a:hover,.post-meta__item a:focus-visible{color:#1cade6}
.post-meta__icon{display:inline-flex;width:15px;height:15px;color:#1cade6;line-height:1}
.post-meta__icon svg{width:100%;height:100%;display:block}
.post-meta__share{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;flex-shrink:0}
.post-meta__share-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:#1cade6;text-decoration:none;transition:color 120ms ease,transform 120ms ease,opacity 120ms ease}
.post-meta__share-link:hover,.post-meta__share-link:focus-visible{color:#0f8fb7;transform:translateY(-1px);opacity:.9}
.post-meta__share-icon{display:inline-flex;width:18px;height:18px}
.post-meta__share-icon svg{width:100%;height:100%;display:block}
/* Fliesstext: die alten .post-content-Werte auf das V8-Element .article-copy */
.article-story{margin-top:32px}
.article-copy{font-family:var(--font-sans);width:100%;max-width:780px;font-size:1.12rem;line-height:1.88;min-width:0}
.article-copy h2{font-size:2.05rem;line-height:1.12;margin:1.8em 0 .7em;font-weight:700;letter-spacing:normal}
.article-copy h3{font-size:1.5rem;line-height:1.2;margin:1.8em 0 .7em;font-weight:700;letter-spacing:normal}
.article-copy a{color:#1cade6;text-decoration:underline;text-underline-offset:.16em}
.article-copy p{margin:0 0 1.4em}
.article-copy figure,.article-copy img{margin:1.8em auto}
@media(max-width:1120px){.page--article .page-shell>#headline,.page--article .page-shell>#latest{grid-column:1}.page--article .page-shell>#latest{grid-row:auto}.page--article .page-shell>#latest>.post-sidebar__sticky{position:static;max-height:none;overflow:visible}}
@media(max-width:560px){.post-meta--under-hero{flex-wrap:wrap}.post-meta__share{width:100%;justify-content:center;margin-left:0}}
/* Die Eintragshoehe darf nicht von der Titellaenge abhaengen: Das Modul
   tauscht die Liste nach dem Laden aus, und unterschiedlich hohe Eintraege
   liessen die Seite springen. Drei Zeilen decken die uebliche Titellaenge. */
.latest-sidebar li strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.author-page__content{display:grid;gap:28px}
.author-page__content .card{background:var(--color-paper);border:1px solid var(--color-line);overflow:hidden}
.author-page__content .card-padding{padding:40px}
.author-page__content .author-header{display:flex;align-items:center;gap:30px;padding-bottom:28px;border-bottom:1px solid var(--color-line);margin-bottom:24px}
.author-page__content .author-img{width:150px;height:150px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--color-line)}
.author-page__content .author-info h1{margin:0 0 8px;font-size:2.2rem;font-weight:700;line-height:1.15;color:var(--color-ink)}
.author-page__content .author-role{display:inline-block;background:var(--color-accent);color:#fff;padding:3px 10px;font-size:.75rem;font-weight:700;letter-spacing:.04em}
.author-page__content p{color:var(--color-ink);font-size:1rem;line-height:1.75;margin-bottom:16px}
.author-page__content .bio-text p{font-size:1.05rem;margin-bottom:18px}
.author-page__content h3{margin:28px 0 14px;font-size:1.15rem;color:var(--color-ink)}
.author-page__content .principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.author-page__content .principle{border:1px solid var(--color-line);padding:18px;background:var(--color-paper)}
.author-page__content .principle strong{display:block;margin-bottom:8px;color:var(--color-ink)}
.author-page__content .principle p{margin:0;font-size:.95rem}
.author-page__content .contact-wrap{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.author-page__content .btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--color-line);text-decoration:none;font-weight:700}
@media(max-width:560px){.author-page__content .card-padding{padding:24px}.author-page__content .author-header{flex-direction:column;align-items:flex-start}.author-page__content .author-img{width:128px;height:128px}.author-page__content .principles-grid{grid-template-columns:1fr}}

.consent-banner,.consent-dialog{position:fixed;inset:auto 0 0;z-index:1000;padding:1rem}.consent-dialog{inset:0;display:grid;place-items:center;background:rgb(15 23 42/.58)}.consent-banner[hidden],.consent-dialog[hidden]{display:none}.consent-panel{width:min(100%,64rem);margin:auto;padding:1.1rem 1.25rem;border:1px solid var(--color-line);border-radius:.65rem;background:var(--color-paper);box-shadow:0 18px 50px rgb(15 23 42/.22);color:var(--color-ink)}.consent-banner .consent-panel{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.consent-banner p{margin:0}.consent-actions{display:flex;flex-wrap:wrap;gap:.65rem}.consent-actions button,.consent-head button{min-height:2.75rem;padding:.55rem .9rem;border:1px solid var(--color-line);border-radius:.45rem;background:var(--color-paper);color:var(--color-ink);font:inherit;font-weight:700;cursor:pointer}.consent-actions button:last-child{border-color:var(--color-brand);background:var(--color-brand);color:#fff}.consent-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.consent-head h2{margin:0}.consent-options{display:grid;gap:.75rem;margin:1rem 0}.consent-options>p,.consent-options>label{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:.8rem;border:1px solid var(--color-line);border-radius:.45rem}.consent-options small{display:block;margin-top:.2rem;color:var(--color-muted)}.consent-options input{width:1.35rem;height:1.35rem}@media(max-width:720px){.consent-banner .consent-panel{display:block}.consent-actions{margin-top:1rem}.consent-actions button{flex:1}.consent-dialog{padding:.5rem}}