/* =====================================================================
   Raimund Dietz – raimunddietz.com · Neuauflage „Editorial Geometry“
   Palette und Schriften der Bestandsseite, neu gesetzt:
   Papier #F1EFE8 · Tusche #1D1F22 · Kobalt #2447D8 · Oxblood #6B1F24
   Inter (Wortmarke, UI) · Source Serif (Lesetext, Zitate)
   ===================================================================== */

@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-400.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter-500.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-600.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter-700.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url('../fonts/inter-900.woff2') format('woff2');}
@font-face{font-family:'Source Serif Pro';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/source-serif-400.woff2') format('woff2');}
@font-face{font-family:'Source Serif Pro';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/source-serif-600.woff2') format('woff2');}
@font-face{font-family:'Source Serif Pro';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/source-serif-700.woff2') format('woff2');}
@font-face{font-family:'Source Serif Pro';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/source-serif-400-italic.woff2') format('woff2');}

:root{
  --papier:#F1EFE8;
  --papier-hell:#F7F5F0;
  --tusche:#1D1F22;
  --kobalt:#2447D8;
  --kobalt-tief:#1C38AD;
  --oxblood:#6B1F24;
  --linie:rgba(29,31,34,0.14);
  --linie-stark:rgba(29,31,34,0.30);
  --gedeckt:rgba(29,31,34,0.62);
  --max:1200px;
  --serif:'Source Serif Pro',Georgia,serif;
  --sans:'Inter',-apple-system,sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
}

body{
  margin:0;
  background:var(--papier);
  color:var(--tusche);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;}
::selection{background:var(--kobalt);color:#fff;}

:focus-visible{outline:2px solid var(--kobalt);outline-offset:3px;}

.wrap{max-width:var(--max);margin:0 auto;padding:0 40px;}

.skip-link{position:absolute;left:-9999px;top:0;background:var(--tusche);color:var(--papier);padding:10px 16px;z-index:200;}
.skip-link:focus{left:0;}

/* ---------- Scroll-Reveal ---------- */
/* Ohne JavaScript bleibt alles sichtbar – Inhalte dürfen nie von einem
   Skript abhängen. Erst wenn JS läuft (Klasse js am html-Element), werden
   sie für die Einblendung kurz ausgeblendet. */
.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease;}
.js .reveal.is-visible{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;}}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(241,239,232,0.88);
  -webkit-backdrop-filter:blur(10px) saturate(1.1);
  backdrop-filter:blur(10px) saturate(1.1);
  border-bottom:1px solid var(--linie);
  transition:box-shadow .25s ease;
}
.site-header.is-scrolled{box-shadow:0 1px 0 var(--linie),0 10px 30px -18px rgba(29,31,34,0.25);}
.nav-inner{
  max-width:var(--max);margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:18px 40px;
}
.site-logo{display:flex;align-items:center;gap:14px;}
.site-logo img{width:44px;height:auto;display:block;}
.site-logo .wortmarke{
  font-size:15px;font-weight:700;letter-spacing:-0.01em;line-height:1.15;white-space:nowrap;
}
.site-logo .wortmarke small{
  display:block;font-size:11px;font-weight:500;letter-spacing:0.04em;
  color:var(--gedeckt);
}

.site-nav ul{list-style:none;display:flex;gap:30px;margin:0;padding:0;flex-wrap:wrap;justify-content:flex-end;align-items:center;}
.site-nav a{
  font-size:15px;font-weight:500;color:var(--tusche);
  padding-bottom:5px;border-bottom:2px solid transparent;
  transition:color .15s ease,border-color .15s ease;display:inline-block;
}
.site-nav a:hover,.site-nav a:focus-visible{color:var(--kobalt);}
.site-nav li.current > a{color:var(--kobalt);border-bottom-color:var(--kobalt);}

.nav-toggle{
  display:none;background:none;border:1px solid var(--linie-stark);
  font:inherit;font-size:15px;font-weight:500;color:var(--tusche);
  padding:8px 14px;cursor:pointer;
}

/* ---------- Hero (Start) ---------- */
.hero{
  max-width:var(--max);margin:0 auto;padding:84px 40px 72px;
  display:grid;grid-template-columns:1.15fr 0.85fr;gap:56px;align-items:center;
  min-height:calc(92vh - 90px);
}
.hero-eyebrow{
  font-size:13px;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;
  color:var(--gedeckt);margin:0 0 26px;
}
.hero-eyebrow .dot{color:var(--kobalt);}
h1.name{
  font-family:var(--sans);
  font-size:clamp(60px,9.2vw,124px);
  font-weight:900;line-height:0.92;letter-spacing:-0.03em;
  margin:0 0 30px;
}
.programmsatz{
  font-family:var(--serif);
  font-size:clamp(24px,2.6vw,34px);
  font-weight:400;line-height:1.4;max-width:15em;margin:0;
}
.programmsatz em{font-style:italic;color:var(--kobalt);}
.hero-rule{border:none;border-top:1px solid var(--linie-stark);max-width:520px;margin:0 0 30px;}

.motif-wrap{display:flex;justify-content:center;}
.motif{width:100%;max-width:470px;height:auto;}

/* Motiv zeichnet sich beim Laden (nur einmal, dezent) */
.motif .draw{stroke-dasharray:600;stroke-dashoffset:600;animation:draw 1.4s ease forwards;}
.motif .draw2{stroke-dasharray:600;stroke-dashoffset:600;animation:draw 1.4s ease .5s forwards;}
.motif .pop{opacity:0;animation:pop .5s ease 1.2s forwards;}
@keyframes draw{to{stroke-dashoffset:0;}}
@keyframes pop{to{opacity:1;}}
@media (prefers-reduced-motion:reduce){
  .motif .draw,.motif .draw2{stroke-dashoffset:0;animation:none;}
  .motif .pop{opacity:1;animation:none;}
}

.hero-hint{
  max-width:var(--max);margin:0 auto;padding:0 40px 26px;
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-size:13px;letter-spacing:0.06em;text-transform:uppercase;color:var(--gedeckt);
}
.hero-hint a{color:var(--gedeckt);}
.hero-hint a:hover{color:var(--kobalt);}

/* ---------- Sektionen ---------- */
.section{border-top:1px solid var(--linie);padding:80px 0;}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:44px;flex-wrap:wrap;}
.eyebrow{
  font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;
  color:var(--kobalt);margin:0 0 16px;
}
.section-title{
  font-family:var(--serif);font-size:clamp(28px,3.4vw,40px);
  font-weight:600;line-height:1.2;letter-spacing:-0.01em;margin:0;
}
.section-lead{
  font-family:var(--serif);font-size:20px;line-height:1.6;color:var(--gedeckt);
  max-width:34em;margin:18px 0 0;
}

/* ---------- Themen-Index (Verzeichnis) ---------- */
.themen-index{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie-stark);}
.themen-index li{border-bottom:1px solid var(--linie);}
.thema-row{
  display:grid;grid-template-columns:72px minmax(0,1.1fr) minmax(0,1fr) 44px;
  gap:28px;align-items:center;padding:26px 8px;
  transition:background-color .2s ease;
}
.thema-row:hover,.thema-row:focus-visible{background:var(--papier-hell);}
.thema-row .emblem{width:56px;height:56px;}
.thema-num{
  font-family:var(--serif);font-style:italic;font-size:15px;color:var(--gedeckt);
  white-space:nowrap;margin:0 0 4px;
}
.thema-row h3{
  font-family:var(--sans);font-size:20px;font-weight:700;line-height:1.25;margin:0;letter-spacing:-0.01em;
}
.thema-row .teaser{
  font-family:var(--serif);font-size:15.5px;line-height:1.5;color:var(--gedeckt);margin:0;
}
.thema-row .pfeil{
  font-size:20px;color:var(--kobalt);justify-self:end;
  transition:transform .2s ease;
}
.thema-row:hover .pfeil{transform:translateX(6px);}

/* ---------- Zitatband ---------- */
.zitat{
  border-top:1px solid var(--linie);padding:96px 0;
}
.zitat blockquote{
  margin:0 auto;max-width:820px;padding:0 40px;
  font-family:var(--serif);font-size:clamp(24px,3vw,34px);
  font-weight:400;line-height:1.45;text-align:center;
}
.zitat blockquote::before{
  content:"";display:block;width:56px;height:3px;background:var(--kobalt);
  margin:0 auto 34px;
}
.zitat figcaption{
  margin-top:26px;text-align:center;font-size:13px;letter-spacing:0.08em;
  text-transform:uppercase;color:var(--gedeckt);
}

/* ---------- Buch-Karten ---------- */
.buch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
.buch-grid-alle{grid-template-columns:repeat(4,minmax(0,1fr));}

.buch-karte{display:flex;flex-direction:column;gap:18px;align-self:start;}
.cover{
  aspect-ratio:2/3;background:var(--tusche);color:var(--papier);
  display:flex;flex-direction:column;justify-content:space-between;
  padding:26px 22px;position:relative;
  transition:transform .25s ease,box-shadow .25s ease;
  box-shadow:0 14px 34px -20px rgba(29,31,34,0.5);
}
a.buch-karte:hover .cover{transform:translateY(-6px);box-shadow:0 24px 44px -20px rgba(29,31,34,0.55);}

/* Echte Umschläge. Die Dateien liegen bereits einheitlich als 600×900 vor
   (tools/cover_aufbereiten.py füllt schmalere Umschläge mit dem Grundton auf),
   deshalb füllen sie diese Fläche exakt – ohne Beschnitt und ohne Ränder. */
.cover.cover-bild{padding:0;background:none;aspect-ratio:2/3;}
.cover.cover-bild::before{display:none;}
.cover.cover-bild img{
  width:100%;height:100%;object-fit:contain;display:block;
}
a.buch-karte:hover .cover.cover-bild{transform:translateY(-6px);}
a.buch-karte:hover .cover.cover-bild img{box-shadow:0 24px 44px -20px rgba(29,31,34,0.55);}
.cover::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--kobalt);}
.cover.rot::before{background:var(--oxblood);}
.cover .cover-jahr{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:0.1em;opacity:0.75;}
.cover .cover-titel{font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.35;}
.cover .cover-verlag{font-family:var(--sans);font-size:12px;letter-spacing:0.05em;opacity:0.7;}
.buch-karte .buch-meta{font-size:14px;color:var(--gedeckt);line-height:1.5;}
.buch-karte .buch-meta strong{color:var(--tusche);font-weight:600;display:block;margin-bottom:2px;}

.mehr-link{
  display:inline-flex;align-items:center;gap:8px;
  font-size:15px;font-weight:600;color:var(--kobalt);
}
/* Der Pfeil rückt nach – über transform, damit sich die Breite des Links
   nicht ändert. Sonst wandert die Rasterbreite mit und alle Umschläge
   springen beim Überfahren in der Größe. */
.mehr-link span{transition:transform .2s ease;}
.mehr-link:hover span{transform:translateX(5px);}

/* ---------- Hinweis-/Institutionenband ---------- */
.band{
  border-top:1px solid var(--linie);padding:64px 0;
}
.band-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.band h2{font-family:var(--serif);font-size:26px;font-weight:600;margin:0 0 14px;}
.band p{font-family:var(--serif);font-size:17px;line-height:1.65;color:var(--gedeckt);margin:0 0 18px;max-width:34em;}

/* ---------- Inhaltsseiten ---------- */
.page-head{padding:72px 0 0;}
.crumb{
  font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;
  color:var(--gedeckt);margin:0 0 20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;
}
.crumb a{color:var(--gedeckt);}
.crumb a:hover{color:var(--kobalt);}
.crumb .sep{color:var(--linie-stark);}
.page-title{
  font-family:var(--serif);font-size:clamp(34px,4.6vw,52px);
  font-weight:600;line-height:1.12;letter-spacing:-0.015em;margin:0 0 20px;max-width:18em;
}
.page-head .emblem{width:64px;height:64px;margin-bottom:26px;}

.prose{max-width:68ch;}
.prose p{
  font-family:var(--serif);font-size:19px;line-height:1.72;margin:0 0 26px;
}
.prose > p:first-child{font-size:22px;line-height:1.6;}
.prose ul{font-family:var(--serif);font-size:19px;line-height:1.7;padding-left:26px;}
.prose li{margin-bottom:12px;}
.prose h2{font-family:var(--serif);font-size:26px;font-weight:600;margin:44px 0 16px;}
.prose a{color:var(--kobalt);text-decoration:underline;text-underline-offset:3px;}
.prose a:hover{color:var(--kobalt-tief);}
.prose hr{border:none;border-top:1px solid var(--linie-stark);max-width:520px;margin:44px 0;margin-left:0;}

/* Leitsätze als Pull-Quote */
.leitsaetze{
  margin:52px 0;padding:34px 0 34px 36px;border-left:3px solid var(--kobalt);
}
.leitsaetze .ls-label{
  font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:0.08em;
  text-transform:uppercase;color:var(--kobalt);margin:0 0 18px;
}
.leitsaetze p{
  font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.55;
  margin:0 0 16px;max-width:30em;
}
.leitsaetze p:last-child{margin-bottom:0;}

/* Vor/Zurück zwischen Themen */
.thema-pager{
  border-top:1px solid var(--linie-stark);margin-top:72px;
  display:grid;grid-template-columns:1fr 1fr;
}
.pager-card{
  padding:30px 24px;display:flex;flex-direction:column;gap:8px;
  transition:background-color .2s ease;
}
.pager-card:hover{background:var(--papier-hell);}
.pager-card + .pager-card{border-left:1px solid var(--linie);text-align:right;align-items:flex-end;}
.pager-card .richtung{font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--gedeckt);}
.pager-card .ziel{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--tusche);}
.pager-card:hover .ziel{color:var(--kobalt);}

/* ---------- Veröffentlichungen ---------- */
.pub-liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie-stark);}
.pub-liste li{
  border-bottom:1px solid var(--linie);padding:26px 8px;
  display:grid;grid-template-columns:86px 1fr;gap:28px;align-items:baseline;
}
.pub-jahr{font-family:var(--sans);font-size:15px;font-weight:700;color:var(--kobalt);}
.pub-titel{font-family:var(--serif);font-size:19px;line-height:1.5;margin:0 0 6px;}
.pub-meta{font-size:14px;color:var(--gedeckt);margin:0;}
.tag{
  display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:0.06em;
  text-transform:uppercase;color:var(--oxblood);border:1px solid currentColor;
  padding:3px 8px;margin-left:10px;vertical-align:2px;white-space:nowrap;
}
.tag.blau{color:var(--kobalt);}

.hinweis{
  font-family:var(--serif);font-style:italic;font-size:17px;color:var(--gedeckt);
  margin:0 0 28px;max-width:38em;
}

/* ---------- Über mich ---------- */
.bio-grid{display:grid;grid-template-columns:0.9fr 1.4fr;gap:72px;align-items:start;}
.portrait{
  position:sticky;top:120px;
  border:1px solid var(--linie-stark);padding:40px 32px;text-align:center;
}
.portrait img{width:96px;height:auto;margin:0 auto 22px;display:block;}
.portrait img.foto{width:100%;max-width:360px;margin:0 auto 26px;}
.portrait .p-name{font-family:var(--serif);font-size:24px;font-weight:600;margin:0 0 6px;}
.portrait .p-rolle{font-size:14px;color:var(--gedeckt);margin:0 0 22px;}
.portrait .p-mail{font-size:14px;font-weight:600;color:var(--kobalt);}
.stationen{list-style:none;margin:44px 0 0;padding:0;border-top:1px solid var(--linie-stark);}
.stationen li{
  border-bottom:1px solid var(--linie);padding:18px 4px;
  display:grid;grid-template-columns:14px 1fr;gap:18px;align-items:baseline;
}
.stationen .punkt{width:8px;height:8px;background:var(--kobalt);border-radius:50%;position:relative;top:-1px;}
.stationen p{margin:0;font-size:16px;line-height:1.5;}
.stationen p small{display:block;color:var(--gedeckt);font-size:13.5px;margin-top:2px;}

/* ---------- Kontakt ---------- */
.kontakt-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:start;}
.kontakt-mail{
  display:inline-block;font-family:var(--serif);font-size:22px;font-weight:600;
  color:var(--kobalt);border-bottom:2px solid var(--kobalt);padding-bottom:2px;margin:8px 0 26px;
}
.kontakt-mail:hover{color:var(--kobalt-tief);border-color:var(--kobalt-tief);}
.kontakt-side p{font-family:var(--serif);font-size:18px;line-height:1.65;color:var(--gedeckt);max-width:30em;}

.kontakt-form{max-width:560px;}
.form-row{margin-bottom:20px;}
.form-row-name{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;}
.field-label{display:block;font-size:15px;font-weight:600;margin-bottom:10px;}
.required{color:var(--oxblood);}
.kontakt-form input[type="text"],
.kontakt-form input[type="email"],
.kontakt-form textarea{
  width:100%;font-family:var(--sans);font-size:16px;color:var(--tusche);
  background:var(--papier-hell);border:1px solid var(--linie-stark);
  padding:0 14px;height:46px;transition:border-color .15s ease,box-shadow .15s ease;
}
.kontakt-form textarea{height:140px;padding:12px 14px;resize:vertical;}
.kontakt-form input:focus,.kontakt-form textarea:focus{
  outline:none;border-color:var(--kobalt);box-shadow:0 0 0 1px var(--kobalt);
}
.sublabel{display:block;font-size:13px;color:var(--gedeckt);margin-top:6px;}
.gdpr-row{display:flex;gap:14px;align-items:flex-start;}
.gdpr-row input[type="checkbox"]{width:17px;height:17px;margin:3px 0 0;accent-color:var(--kobalt);flex-shrink:0;}
.gdpr-text{font-size:14.5px;line-height:1.5;color:var(--gedeckt);font-weight:400;}
.kontakt-form button[type="submit"]{
  font-family:var(--sans);font-size:15px;font-weight:600;color:#fff;
  background:var(--kobalt);border:none;padding:16px 34px;cursor:pointer;
  transition:background-color .15s ease,transform .15s ease;
}
.kontakt-form button[type="submit"]:hover{background:var(--kobalt-tief);}
.kontakt-form button[type="submit"]:active{transform:translateY(1px);}
.kontakt-form button[disabled]{opacity:0.6;cursor:wait;}
.form-status{margin-top:16px;font-size:15px;display:none;}
.form-status.ok{display:block;color:#1a7a2e;}
.form-status.err{display:block;color:var(--oxblood);}

/* ---------- Footer ---------- */
.site-footer{border-top:1px solid var(--linie-stark);margin-top:96px;}
.footer-grid{
  max-width:var(--max);margin:0 auto;padding:56px 40px;
  display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;
}
.footer-grid .f-marke img{width:44px;margin-bottom:16px;}
.footer-grid .f-marke p{font-family:var(--serif);font-size:16px;line-height:1.6;color:var(--gedeckt);margin:0;max-width:22em;}
.footer-grid h3{font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--gedeckt);margin:0 0 16px;}
.footer-grid ul{list-style:none;margin:0;padding:0;}
.footer-grid li{margin-bottom:10px;}
.footer-grid a{font-size:15px;color:var(--tusche);}
.footer-grid a:hover{color:var(--kobalt);}
.footer-bottom{
  border-top:1px solid var(--linie);
}
.footer-bottom-inner{
  max-width:var(--max);margin:0 auto;padding:20px 40px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:13.5px;color:var(--gedeckt);
}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .hero{grid-template-columns:1fr;min-height:0;padding-top:56px;gap:40px;}
  .motif-wrap{order:-1;}
  .motif{max-width:320px;}
  .thema-row{grid-template-columns:56px 1fr 44px;grid-template-areas:"emblem kopf pfeil" "emblem teaser pfeil";row-gap:6px;}
  .thema-row .emblem{grid-area:emblem;width:44px;height:44px;}
  .thema-row .thema-kopf{grid-area:kopf;}
  .thema-row .teaser{grid-area:teaser;}
  .thema-row .pfeil{grid-area:pfeil;}
  .buch-grid,.buch-grid-alle{grid-template-columns:repeat(2,minmax(0,1fr));}
  .band-inner,.bio-grid,.kontakt-grid{grid-template-columns:1fr;gap:44px;}
  .portrait{position:static;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:680px){
  .wrap,.nav-inner,.hero,.hero-hint,.footer-grid,.footer-bottom-inner{padding-left:22px;padding-right:22px;}
  .section{padding:56px 0;}
  .nav-toggle{display:block;}
  .site-nav{display:none;flex-basis:100%;}
  .site-nav.open{display:block;}
  .site-nav ul{flex-direction:column;align-items:flex-start;gap:2px;padding:12px 0 16px;}
  .site-nav a{padding:10px 0;}
  .nav-inner{flex-wrap:wrap;}
  .site-logo .wortmarke{display:none;}
  .buch-grid,.buch-grid-alle{grid-template-columns:minmax(0,1fr);}
  .thema-pager{grid-template-columns:1fr;}
  .pager-card + .pager-card{border-left:none;border-top:1px solid var(--linie);text-align:left;align-items:flex-start;}
  .pub-liste li{grid-template-columns:1fr;gap:6px;}
  .form-row-name{grid-template-columns:1fr;row-gap:20px;}
  .zitat blockquote{padding:0 22px;}
}

/* ---------- Druck ---------- */
@media print{
  .site-header,.site-footer,.nav-toggle,.thema-pager,.kontakt-form,.hero-hint{display:none !important;}
  body{background:#fff;color:#000;font-size:12pt;}
  .prose p,.prose ul{font-size:12pt;line-height:1.6;}
  a{color:#000;}
  .leitsaetze{border-left-color:#000;}
}