/* Eigenständige Leseseiten, mit den Schriftrollen und Farben der Website. */
.notes-seite{background:var(--wolke)}
.notes-hero{padding-block:76px 68px}
.notes-hero .wrap{max-width:1100px}
.notes-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.16;max-width:830px;margin-block:20px 24px}
.notes-hero h1 .inline-wortmarke{margin-left:.12em}
.notes-lead{font-size:clamp(18px,2vw,21px);line-height:1.8;max-width:650px;color:var(--himmel)}
.notes-autorenzeile{margin-top:30px;font-size:13px;color:var(--text-nacht-leise)}
.notes-autorenzeile a{text-underline-offset:4px;text-decoration-color:#78869e}
.notes-archiv{padding-block:60px 76px;max-width:1100px}
.notes-archiv-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:16px}
.notes-archiv-kopf h2{font-size:30px;line-height:1.3}
.notes-archiv-kopf p,.notes-archiv-kopf>a{font-size:12px;color:var(--text-leise)}
.notes-archiv-kopf>a{text-underline-offset:5px}
.notes-liste{list-style:none;margin:0;padding:0}
.notes-eintrag{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,5vw,68px);align-items:center;padding-block:42px;border-bottom:1px solid var(--linie)}
.notes-eintrag h3{font-family:var(--display);font-weight:400;font-size:32px;line-height:1.24;margin:12px 0 14px;max-width:500px}
.notes-eintrag h3 a{text-decoration:none;text-decoration-thickness:1px;text-underline-offset:5px}
.notes-eintrag h3 a:hover{text-decoration:underline}
.notes-eintrag-text>p:not(.notes-meta){font-size:15px;line-height:1.8;color:var(--text-leise);max-width:510px}
.notes-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--text-leise);font-size:11.5px;line-height:1.8}
.notes-meta>span:first-child{font-weight:650;color:var(--daemmer)}
.notes-lesen{display:inline-flex;gap:16px;align-items:center;font-size:13px;font-weight:600;text-decoration:none;margin-top:23px;padding-block:6px}
.notes-lesen:hover{text-decoration:underline;text-underline-offset:5px}
.notes-eintrag-bild{position:relative;border-radius:18px;background:var(--himmel-hell);padding:38px 12px 20px;min-width:0}
.notes-eintrag:nth-child(2) .notes-eintrag-bild{background:var(--gold-hell)}
.notes-eintrag:nth-child(3) .notes-eintrag-bild{background:#e7ecef}
.notes-eintrag-bild img{display:block;width:100%;height:auto}
.notes-nummer{position:absolute;left:20px;top:14px;color:var(--text-leise);font-size:11px;font-weight:600;letter-spacing:.08em}
.notes-archiv-hinweis{max-width:690px;font-size:12px;line-height:1.9;color:var(--text-leise);margin-top:32px}
.notes-fuss{padding-block:32px}
.notes-fuss>.wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.notes-fuss>.wrap>span{font-size:11px;color:var(--text-nacht-leise)}
.notes-fuss nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;color:var(--himmel)}
.notes-fuss nav a{text-decoration:none}
.notes-fuss nav a:hover{text-decoration:underline;text-underline-offset:4px}
.notes-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 12px;padding-top:32px;font-size:11.5px;color:var(--text-leise);max-width:1100px}
.notes-breadcrumb a{text-decoration:none}
.notes-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.notes-breadcrumb>span[aria-hidden]{opacity:.5}
.note-artikel{width:calc(100% - var(--rand)*2);max-width:760px;margin:52px auto 64px}
.note-kopf h1{font-size:clamp(38px,4.8vw,58px);line-height:1.14;max-width:750px;margin:18px 0 25px;text-wrap:balance}
.note-byline{column-gap:16px;font-size:11px}
.note-byline>a{font-weight:650;text-underline-offset:4px}
.note-byline>span:first-child{font-weight:400}
.note-entwurf{font-size:11px;color:var(--text-leise);margin-top:7px}
.note-lead{font-size:clamp(19px,2vw,22px);line-height:1.75;margin-top:30px;color:var(--daemmer);max-width:710px}
.note-abbildung{margin:36px 0 46px}
.note-abbildung img{display:block;width:100%;height:auto;background:var(--himmel-hell);border-radius:18px;padding:20px 12px}
.note-abbildung figcaption{max-width:650px;margin-top:14px;color:var(--text-leise);font-size:11.5px;line-height:1.8}
.note-inhalt{max-width:680px}
.note-inhalt section{margin-top:38px}
.note-inhalt h2{font-size:clamp(25px,3vw,31px);line-height:1.3;margin-bottom:18px;scroll-margin-top:100px}
.note-inhalt p{font-size:16px;line-height:1.95;margin-top:18px}
.note-probieren{margin-top:48px;border-radius:18px;background:var(--gold-hell);padding:30px 32px}
.note-probieren h2{font-size:28px;line-height:1.35;margin:12px 0}
.note-probieren p:not(.etikett){font-size:14px;line-height:1.8;max-width:560px}
.note-probieren .knopf{margin-top:23px;font-size:13px}
.note-redaktion{border-top:1px solid var(--linie);padding-top:24px;margin-top:40px;color:var(--text-leise);max-width:680px}
.note-redaktion h2{font-family:var(--sans);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:650}
.note-redaktion p{font-size:11.5px;line-height:1.9;margin-top:11px}
.note-forschung{max-width:680px;margin-top:42px;color:var(--text-leise)}
.note-forschung h2{font-size:27px;line-height:1.3;color:var(--nacht);scroll-margin-top:100px}
.note-forschung>p{font-size:13px;line-height:1.85;margin-top:14px}
.note-forschung ul{list-style:none;padding:0;margin:20px 0}
.note-forschung li{margin-top:24px;scroll-margin-top:100px}
.note-forschung h3{font-family:var(--sans);font-size:14px;font-weight:650;line-height:1.6;color:var(--nacht)}
.note-forschung li p{font-size:13px;line-height:1.85;margin-top:8px}
.note-forschung li a{display:block;margin-top:10px;font-size:12px;line-height:1.8;text-underline-offset:3px;overflow-wrap:anywhere}
.note-forschung cite{font-style:normal}
.note-forschung .forschung-grenze{font-size:12px}
.notes-weiter{max-width:1100px;padding-block:36px 72px}
.notes-verwandt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.notes-verwandt>a{display:grid;grid-template-columns:1fr auto;gap:12px 18px;padding:26px;border-radius:16px;background:var(--papier);text-decoration:none;box-shadow:var(--schatten)}
.notes-verwandt>a>.etikett{grid-column:1/-1;font-size:10px}
.notes-verwandt-titel{font-family:var(--display);font-size:24px;line-height:1.3}
.notes-verwandt>a:hover .notes-verwandt-titel{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.notes-verwandt>a>span:last-child{align-self:end}
@media(max-width:700px){
  .notes-hero{padding-block:48px}
  .notes-hero h1{font-size:43px;margin-block:17px 22px}
  .notes-hero .etikett{font-size:11px;letter-spacing:.1em}
  .notes-archiv{padding-block:36px 48px}
  .notes-archiv-kopf{align-items:flex-start;flex-direction:column;gap:9px}
  .notes-archiv-kopf h2{font-size:27px}
  .notes-eintrag{grid-template-columns:1fr;gap:26px;padding-block:32px}
  .notes-eintrag h3{font-size:29px}
  .notes-eintrag-bild{max-width:420px;width:100%;padding:30px 10px 10px}
  .notes-eintrag-bild img{max-height:135px;object-fit:contain}
  .notes-fuss>.wrap{align-items:flex-start;flex-direction:column;gap:20px}
  .notes-breadcrumb{padding-top:24px;font-size:11px}
  .note-artikel{margin-top:34px;margin-bottom:32px}
  .note-kopf h1{font-size:39px;margin-block:16px 22px}
  .note-lead{font-size:19px;margin-top:25px}
  .note-abbildung{margin-block:28px 34px}
  .note-abbildung img{padding:16px 0}
  .note-inhalt p{font-size:15.5px;line-height:1.9}
  .note-probieren{padding:25px 22px;margin-top:36px}
  .note-probieren h2{font-size:26px}
  .notes-weiter{padding-block:32px 44px}
  .notes-verwandt{grid-template-columns:1fr;gap:16px}
}
@media(max-width:360px){.notes-hero h1{font-size:37px}.note-kopf h1{font-size:34px}.notes-zurueck{font-size:11px!important}.notes-meta{column-gap:12px}.note-byline{gap:6px 12px}}
@media print{.notes-kopf,.notes-breadcrumb,.notes-fuss,.notes-weiter,.note-probieren{display:none}.note-artikel{width:100%;max-width:none;margin:0}.note-abbildung{max-width:600px;break-inside:avoid}.note-inhalt p{font-size:11pt}.note-inhalt h2{break-after:avoid}.note-entwurf{color:#000}}