/* Startseite - aus build/entwurf_startseite.html gezogen (tools/startseite_ziehen.py).
   Aenderungen gehoeren in den Entwurf (build/entwurf_startseite.py), nicht hierher. */
.page-template-startseite .site-main { padding: 0; --st-rinne: 15px; --st-rand: 16px; --serif-ja: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif; }
.page-template-startseite [lang="ja"] { font-family: var(--serif-ja); }
/* Betreiber 2026-09-10: kein Rauschen/Korn auf der Startseite (Theme 3.19.4/5 legt es auf .site-content/.site-main). */
.page-template-startseite :is(.site-content, .site-main, .btm-buehne) { background-image: none; }
body.page-template-startseite { background-image: none; } /* Betreiber 2026-09-10: grauer Schleier am Fussrand und unter dem Fuss = Korn des Bodys; nur diese Seite */
/* ---- st-stil ---- */
.st-titel {
  font-size: 20px; font-variation-settings: "opsz" 20; font-weight: 500;
  line-height: 1.2; margin: 0; text-wrap: pretty;
}
.st-marke {
  font-family: var(--mono); font-size: 12px; font-weight: 500;
  letter-spacing: 0.1em; text-transform: uppercase; color: var(--gedaempft);
  margin: 0.6rem 0 0; display: flex; flex-wrap: wrap;
  align-items: baseline; gap: 0.5rem;
}
.st-zahl { font-family: var(--mono); font-variant-numeric: tabular-nums; }
a.st-weg { color: inherit; text-decoration: none; }
a.st-weg:hover, a.st-weg:focus-visible {
  color: var(--moos); text-decoration: underline; text-underline-offset: 0.18em;
}
:focus-visible { outline: 2px solid var(--moos); outline-offset: 3px; }
.st-rahmen { overflow: hidden; display: block; }
@media (prefers-reduced-motion: no-preference) {
.st-rahmen img {
    transition: transform 600ms cubic-bezier(.2, .6, .2, 1), filter 600ms;
  }
.st-rahmen:hover img, a:focus-visible .st-rahmen img {
    transform: scale(1.035);
    filter: saturate(1.06);
  }
}
.st-e-bild:hover + .st-e-satz .st-titel,
figure:hover .st-titel { color: var(--moos); }
.st-titel { transition: color 300ms; }
[data-laeufer] { scrollbar-width: none; }
[data-laeufer]::-webkit-scrollbar { display: none; }
:root:not([data-js]) [data-laeufer] { scrollbar-width: thin; }
.st-pfeile {
  grid-column: 9 / -1; grid-row: 1; justify-self: end;
  display: flex; gap: 0.4rem; margin: 0 0 1.1rem;
}
.st-pfeil {
  width: 34px; height: 34px; padding: 0; cursor: pointer;
  display: grid; place-items: center;
  background: transparent; color: var(--tinte);
  
  border: 1px solid var(--gedaempft); border-radius: 50%;
  font: inherit; line-height: 1;
  transition: background 200ms, color 200ms, border-color 200ms, opacity 200ms;
}
.st-pfeil svg { width: 15px; height: 15px; display: block; }
.st-pfeil:hover:not(:disabled), .st-pfeil:focus-visible:not(:disabled) {
  background: var(--tinte); color: var(--papier); border-color: var(--tinte);
}
.st-pfeil:disabled { opacity: 0.3; cursor: default; }
@media (max-width: 900px) {
.st-pfeile { grid-column: 7 / -1; }
}
@media (prefers-reduced-motion: reduce) {
* { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}
/* ---- ew-stil ---- */
[lang="ja"] { font-family: var(--serif-ja); }
.ew-standard { max-width: 1188px; margin-inline: auto; padding-inline: 30px; box-sizing: content-box; }
.ew-weit { max-width: 1600px; margin-inline: auto; }
.ew-schmal { max-width: 1188px; margin-inline: auto; padding-inline: 30px; box-sizing: content-box; }
.ew-variante { --takt-sektion: 90px; --abstand: calc(var(--takt-sektion) * 2.5); --tinte-kopf: color-mix(in oklab, var(--tinte) 80%, var(--papier)); --kopf-inhalt: calc(17px * 1.6); --zeichen-max: 240px; margin-top: var(--abstand); position: relative; z-index: 0; --kopf: 40px; timeline-scope: --kopf; }
.ew-variante { --zeichen-lage: calc(5em / 6); --zeichen-hub: 0.5em; }
.ew-ziffer { position: absolute; left: 30px; top: calc(var(--kopf) * 1.1 / 2 - var(--zeichen-lage)); z-index: -1; font-family: var(--serif-ja);
  font-size: min(var(--zeichen-max), (var(--abstand) + var(--kopf) * 0.55) * 0.75); line-height: 1; font-weight: 400;
  color: color-mix(in srgb, var(--rinde) 12%, transparent); pointer-events: none; user-select: none; }
@supports (top: anchor(top)) {
.ew-ziffer { top: calc(anchor(--kopf center) - var(--zeichen-lage)); }
}
@media (max-width: 900px) {
.ew-variante { --zeichen-max: 120px; --takt-sektion: 56px; --zeichen-lage: 0.55em; --zeichen-hub: 0.25em; }
.ew-ziffer { left: 16px; }
.ew-wege { justify-content: flex-start; gap: 0.4rem 1.25rem; }
.ew-wege li:nth-child(n + 3) { display: none; }
}
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.ew-ziffer { animation: ziffer-treiben linear both; animation-timeline: --kopf; }
@keyframes ziffer-treiben { from { transform: translateY(calc(var(--zeichen-hub) * -1)); } to { transform: translateY(var(--zeichen-hub)); } }
}
}
.ew-knopf { display: inline-block; font-family: var(--mono); font-size: 12px; font-weight: 500;
  letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; color: var(--tinte);
  border-radius: var(--radius-knopf); }
.v2-rubrik { font-style: italic; font-size: 20px; font-variation-settings: "opsz" 20; margin: 0 0 0.3rem; }
.ew-wege { display: flex; flex-wrap: wrap; gap: 0.4rem 1.5rem; list-style: none; padding: 0; margin: 40px 0 0; justify-content: center; }
.ew-wege li { font-family: var(--mono); font-size: 12px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; }
.ew-wege a { color: var(--gedaempft); text-decoration: none; }
.ew-wege a:hover { color: var(--moos); }
@media (max-width: 900px) {
.ew-standard, .ew-schmal { padding-inline: 16px; }
}
/* ---- ew-zwei ---- */
.ew-sektionskopf { text-align: center; }
.ew-sektionskopf h2 { font-size: var(--kopf); font-variation-settings: "opsz" 40; font-weight: 500; line-height: 1.1;
  letter-spacing: -0.01em; margin: 0; text-wrap: balance; }
.ew-sektionskopf h2, .ew-variante :is(h3, h4), .f5-tag-begriff { color: var(--tinte-kopf); }
#la { margin-top: 0; }
#cta { margin-top: calc(var(--takt-sektion) * 2); }
#la .ew-sektionskopf h2 { font-size: 24px; font-variation-settings: "opsz" 24; font-weight: 400; }
@media (max-width: 900px) {
.ew-variante { --kopf: 1.75rem; }
.ew-sektionskopf h2 { font-variation-settings: "opsz" 28; }
}
.ew-sektionskopf { anchor-name: --kopf; view-timeline: --kopf block; }
.ew-bild figure a { color: inherit; text-decoration: none; }
.ew-bild figure { margin: 0; }
.ew-bild figcaption .st-titel { font-size: 24px; font-variation-settings: "opsz" 24; font-weight: 400; line-height: 1.2; margin-top: 0.4rem; }
.ew-bild figcaption .st-marke { margin-top: 0.3rem; }
.ew-bild figure:hover .st-titel { color: var(--moos); }
.z1-kopf { display: grid; grid-template-columns: 1fr auto; margin-bottom: var(--kopf-inhalt); }
.z1-kopf .ew-sektionskopf { grid-column: 1 / -1; grid-row: 1; }
.z1-kopf .st-pfeile { grid-column: 2; grid-row: 1; justify-self: end; align-self: center; margin: 0; }
.z1-laeufer { display: flex; gap: var(--st-rinne); overflow-x: auto; scroll-snap-type: x proximity; list-style: none;
  margin: 0 auto; max-width: 1188px; padding: 0 0 0.5rem; scrollbar-width: none;
  
  scroll-padding-inline: 0; }
.z1-laeufer::-webkit-scrollbar { display: none; }
.z1-laeufer li { flex: 0 0 286px; scroll-snap-align: start; }
.z1-laeufer .st-rahmen { aspect-ratio: 3 / 2; display: block; }
.z1-laeufer img { width: 100%; height: 100%; object-fit: cover; }
.z1-mehr { text-align: center; margin: 2rem 0 0; }
.z1-mehr .ew-knopf:hover { color: var(--moos); }
.z2-raster { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--st-rinne); margin: var(--kopf-inhalt) 0 0; padding: 0; list-style: none; }
.z2-raster figcaption .st-titel { overflow-wrap: anywhere; }
.z2-raster .st-rahmen { aspect-ratio: 1; display: block; }
.z2-raster img { width: 100%; height: 100%; object-fit: cover; }
.z2-raster figcaption .st-titel { margin-top: 0.8rem; font-weight: 400; font-size: 24px; font-variation-settings: "opsz" 24; line-height: 1.2; }
.z2-raster figcaption .v2-rubrik { font-family: var(--mono); font-style: normal; font-size: 12px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gedaempft); margin: 0.4rem 0 0; }
.z2-raster .st-zahl { font-size: 12px; }
@media (max-width: 900px) {
.z1-laeufer { padding-inline: 16px; gap: 16px; scroll-padding-inline: 16px; }
.z1-kopf .st-pfeile { display: none; }
.z1-laeufer li { flex-basis: 212px; }
.z2-raster { grid-template-columns: 1fr 1fr; gap: 24px 15px; }
}
/* ---- ew-laeufer ---- */
#la-laeufer { gap: calc(var(--st-rinne) * 2); }
#la-laeufer li { flex-basis: calc((100% - 3 * var(--st-rinne) * 2) / 4); }
@media (max-width: 900px) {
#la-laeufer { gap: 16px; }
#la-laeufer li { flex-basis: 212px; }
}
.la-karte figcaption .st-titel, .la-karte .st-zeile-satz .st-titel { font-size: 20px; font-variation-settings: "opsz" 20; font-weight: 400; line-height: 1.25; margin-top: 0.8rem; }
.la-karte .st-marke { margin: 0.4rem 0 0; }
.la-karte figure:hover .st-titel { color: var(--moos); }
main > section:first-child { margin-top: 40px; }
.hero-live { padding-right: max(var(--rand), 4.5rem); --hero-oben: 32px; }
main > section.hero-live:first-child { margin-top: var(--hero-oben); }
.hero-live { min-height: calc(100svh - var(--kopfhoehe, 147px) - var(--hero-oben)); }
.hero-hinweis { position: absolute; inset-inline: 0; bottom: 3rem;  width: max-content; margin-inline: auto; display: block; 
  color: var(--gedaempft); line-height: 0; }
.hero-hinweis:hover, .hero-hinweis:focus-visible { color: var(--moos); }
@media (max-width: 900px) {
.hero-live { min-height: 0; }
.hero-hinweis { display: none; }
#la, #cta { margin-top: var(--abstand); }
}
.hero-maus { display: block; }
@media (prefers-reduced-motion: no-preference) {
.hero-rad { animation: hero-rad 1.8s var(--kurve) infinite; }
@keyframes hero-rad { 0% { transform: translateY(0); opacity: 1; } 70%, 100% { transform: translateY(6px); opacity: 0; } }
@supports (animation-timeline: scroll()) {
.hero-hinweis { animation: hero-hinweis-aus linear both; animation-timeline: scroll(root); animation-range: 0 120px; }
@keyframes hero-hinweis-aus { to { opacity: 0; visibility: hidden; } }
}
}
/* ---- ew-cta ---- */
.cta { position: relative; overflow: clip; view-timeline: --cta block; aspect-ratio: 2 / 1; max-height: 800px; display: grid; place-items: center;
  
  --cta-text: var(--papier); --cta-schleier: var(--schleierfarbe); }
[data-theme="dark"] .cta { --cta-text: var(--tinte); }
.cta img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.cta::after { content: ""; position: absolute; inset: 0; background: color-mix(in srgb, var(--cta-schleier) 45%, transparent); }
.cta-satz { position: relative; z-index: 1; text-align: center; color: var(--cta-text); padding: 0 30px; max-width: 46rem; box-sizing: border-box; }
.cta-knoepfe { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; margin-top: 1.6rem; }
.cta-satz .cta-knoepfe .ew-knopf { margin-top: 0; }
.cta-satz p.cta-text { font-size: 40px; font-variation-settings: "opsz" 40; line-height: 1.15; letter-spacing: -0.01em; margin: 0; text-wrap: balance; }
.cta-satz p.cta-unter { font-size: 17px; font-variation-settings: "opsz" 17; line-height: 1.45; margin: 0.8rem auto 0; max-width: 46ch; color: inherit; text-wrap: balance; }
.cta-satz .st-zahl { font-family: inherit; }
.cta-satz .ew-knopf { color: inherit; border: 1px solid currentColor; padding: 0 28px; height: 46px; line-height: 44px; box-sizing: border-box; margin-top: 1.6rem; }
.cta-satz .ew-knopf:hover, .cta-satz .ew-knopf:focus-visible { background: var(--cta-text); color: var(--cta-schleier); }
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.cta img { height: 160%; top: -30%; animation: cta-treiben linear both; animation-timeline: --cta; }
@keyframes cta-treiben { from { transform: translateY(-18%); } to { transform: translateY(18%); } }
}
}
@media (max-width: 900px) {
.cta { aspect-ratio: 4 / 5; }
.cta-satz p.cta-text { font-size: 28px; }
.cta-knoepfe { gap: 12px; }
}
/* ---- st-canvas ---- */
.st-pfeile { grid-row: 1; }
.st-wahlzeile {
  border: 0; margin: 0; padding: 0; min-width: 0; grid-column: 1 / -1;
  display: grid; grid-template-columns: minmax(0, 1fr);
}
.st-wahlzeile legend { padding: 0; margin: 0 0 0.4rem; }
.st-leiste {
  position: relative;
  display: flex; flex-wrap: nowrap; gap: 0 1.25rem; margin: 0; padding: 0;
  list-style: none; overflow-x: auto; scroll-snap-type: x proximity;
  scrollbar-width: none;
}
.st-leiste::-webkit-scrollbar { display: none; }
.st-leiste li { scroll-snap-align: start; flex: 0 0 auto; }
.st-leiste label {
  display: inline-block; padding-block: 0.55rem; cursor: pointer;
  font-family: var(--mono); font-size: 12px; font-weight: 500;
  letter-spacing: 0.1em; text-transform: uppercase; color: var(--gedaempft);
  border-bottom: 1px solid transparent; white-space: nowrap;
  transition: color 200ms, border-color 200ms;
}
.st-leiste label:hover { color: var(--moos); }
.st-leiste label:has(:checked) { color: var(--moos); border-bottom-color: var(--moos); }
.st-leiste label:has(:focus-visible) { outline: 2px solid var(--moos); outline-offset: 3px; }
.st-leiste .st-zahl { color: inherit; margin-left: 0.35em; }
@media (max-width: 900px) {
.st-pfeile { grid-row: 2; grid-column: 8 / -1; align-self: end; margin-bottom: 1.1rem; }
#st-drei .st-leiste { display: grid; grid-template-columns: repeat(6, max-content);
                        justify-content: space-between; overflow: visible; }
}
/* ---- ew-drei ---- */
.ew-mitte { text-align: center; }
.ew-mitte .st-marke, .ew-mitte .st-leiste { justify-content: center; }
.t1 .st-leiste { margin: var(--kopf-inhalt) auto 0; width: max-content; max-width: 100%; }
.t1-monat { margin-top: 40px; }
.t1-monat > .st-marke { margin-bottom: 1rem; }
.t1-arbeiten { margin: 0; padding: 0; list-style: none; text-align: left; }
.t1-arbeiten li { display: grid; grid-template-columns: 2.5rem 186px 1fr auto; column-gap: var(--st-rinne); align-items: start;
  
  padding: 20px 0; border-top: 1px solid var(--linie); }
.t1-bild { display: block; aspect-ratio: 3 / 2; overflow: hidden; }
.t1-bild img { width: 100%; height: 100%; object-fit: cover; display: block; }
.t1-arbeiten li:hover .st-titel { color: var(--moos); }
.t1-arbeiten .st-titel { transition: color 200ms; }
@media (max-width: 900px) {
.t1-arbeiten li { grid-template-columns: 1fr; }
.t1-arbeiten .t1-ziffer { display: none; }
.t1-bild, .t1-arbeiten li > div { grid-column: 1; }
}
.t1-arbeiten .t1-satz2 { font-size: 15px; font-variation-settings: "opsz" 15; line-height: 1.4; color: var(--gedaempft); margin: 0.3rem 0 0; max-width: 52ch; }
.t1-arbeiten .t1-weg { margin-top: 0.35rem; }
.t1-arbeiten .t1-ziffer { font-family: var(--serif-ja); font-size: 12px; font-weight: 500; letter-spacing: 0.1em; color: var(--rinde); font-variant-numeric: tabular-nums; }
.t1-arbeiten .st-titel { font-size: 24px; font-variation-settings: "opsz" 24; font-weight: 400; line-height: 1.2; }
@media (max-width: 900px) {
.t1-arbeiten .st-titel { font-size: 20px; font-variation-settings: "opsz" 20; }
}
.t1-arbeiten .t1-weg { font-family: var(--mono); font-size: 12px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--gedaempft); text-decoration: none; white-space: nowrap; display: inline-block; padding-block: 0.4rem; }
.t1-arbeiten .t1-weg:hover, .t1-arbeiten .t1-weg:focus-visible { color: var(--moos); }
.t1-fuss { margin-top: 1.6rem; }
.t1-fuss .ew-wege { justify-content: center; }
.t1 .st-leiste label { text-transform: none; letter-spacing: 0.04em; font-size: 13px; }
.t1 .t1-gesucht { justify-content: center; margin: -0.6rem 0 1.4rem; color: var(--gedaempft); }
.t1 .t1-gesucht a { color: var(--tinte); }
.t1 .t1-gesucht a:hover { color: var(--moos); }
.t1 .t1-gesucht .st-zahl { color: var(--rinde); margin-left: 0.2em; }
.t1 .t1-gesucht { margin: 0 0 0.8rem; }
.t1-arbeiten .t1-marke { margin: 0 0 0.4rem; justify-content: flex-start; }
.t1-arbeiten .t1-marke .t1-thema { color: var(--rinde); }
.t1 .t1-mehr { margin: 40px 0 0; text-align: center; }
.t1 .t1-mehr .ew-knopf { border: 1px solid var(--linie); padding: 0 28px; height: 46px; line-height: 44px; box-sizing: border-box; }
.t1 .t1-mehr .ew-knopf:hover { border-color: var(--tinte); color: var(--moos); }
.t1 .t1-nachbarn { justify-content: space-between; margin-top: 1.6rem; }
.st-leiste input:focus-visible, .st-wahl input:focus-visible, .t1-nachbarn input:focus-visible { outline: none; }
.t1-nachbarn label { cursor: pointer; display: inline-block; padding-block: 0.5rem; }
.t1-nachbarn label:hover { color: var(--moos); }
@supports selector(:has(a)) {
#t1 .t1-monat { display: none; }
#t1:has(#monat-1:checked) .t1-monat[data-monat="1"] { display: block; }
#t1:has(#monat-2:checked) .t1-monat[data-monat="2"] { display: block; }
#t1:has(#monat-3:checked) .t1-monat[data-monat="3"] { display: block; }
#t1:has(#monat-4:checked) .t1-monat[data-monat="4"] { display: block; }
#t1:has(#monat-5:checked) .t1-monat[data-monat="5"] { display: block; }
#t1:has(#monat-6:checked) .t1-monat[data-monat="6"] { display: block; }
#t1:has(#monat-7:checked) .t1-monat[data-monat="7"] { display: block; }
#t1:has(#monat-8:checked) .t1-monat[data-monat="8"] { display: block; }
#t1:has(#monat-9:checked) .t1-monat[data-monat="9"] { display: block; }
#t1:has(#monat-10:checked) .t1-monat[data-monat="10"] { display: block; }
#t1:has(#monat-11:checked) .t1-monat[data-monat="11"] { display: block; }
#t1:has(#monat-12:checked) .t1-monat[data-monat="12"] { display: block; }
}
/* ---- ew-vier ---- */
.eh4a, .eh4b, .eh4c { --eh-1: 0.4rem; --eh-2: 0.8rem; --eh-3: 1.2rem; --eh-4: 1.6rem; --eh-6: 2.4rem; }
.eh4-tafel > .st-marke { margin: 0 0 var(--eh-1); }
.eh4-titel { font-size: 24px; font-variation-settings: "opsz" 24; font-weight: 400; line-height: 1.2; margin: 0 0 var(--eh-2); text-wrap: balance; }
.eh4-anzeichen { font-size: 17px; font-variation-settings: "opsz" 17; line-height: 1.45; margin: 0 0 var(--eh-2); }
.eh4-anzeichen .st-marke { display: inline; margin: 0 0.5em 0 0; }
.eh4-anzeichen span:not(.st-marke) { color: var(--tinte); }
.eh4-tipp { font-size: 17px; font-variation-settings: "opsz" 17; line-height: 1.45; margin: 0 0 var(--eh-4); max-width: 56ch; }
.eh4-quelle { font-family: var(--mono); font-size: 12px; letter-spacing: 0.06em; line-height: 1.7; margin: 0 0 var(--eh-4); color: var(--gedaempft); }
.eh4-quelle a { color: inherit; text-decoration: none; }
.eh4-quelle a:hover { color: var(--moos); }
.eh4-lesen-marke { margin: 0 0 var(--eh-1); }
.eh4-lesen { margin: 0; padding: 0; list-style: none; }
.eh4-lesen li { padding: var(--eh-3) 0; border-top: 1px solid var(--linie); }
.eh4-lesen .st-titel { font-size: 24px; font-variation-settings: "opsz" 24; font-weight: 400; line-height: 1.2; }
.eh4-lesen .st-titel a { color: inherit; text-decoration: none; }
.eh4-lesen .st-titel a:hover { color: var(--moos); }
.eh4-lesen .t1-satz2 { margin-top: var(--eh-1); font-size: 15px; font-variation-settings: "opsz" 15; line-height: 1.4; color: var(--gedaempft); max-width: 56ch; }
.eh4-knopf { margin: var(--eh-4) 0 0; }
.eh4-knopf .ew-knopf { border: 1px solid var(--linie); padding: 0 28px; height: 46px; line-height: 44px; box-sizing: border-box; }
.eh4-knopf .ew-knopf:hover { border-color: var(--tinte); color: var(--moos); }
@supports selector(:has(a)) {
#eh4a:has(#eh4a-blattabwurf:checked) .eh4-tafel[data-problem="blattabwurf"] { visibility: visible; }
#eh4a:has(#eh4a-gelb:checked) .eh4-tafel[data-problem="gelb"] { visibility: visible; }
#eh4a:has(#eh4a-trocken:checked) .eh4-tafel[data-problem="trocken"] { visibility: visible; }
#eh4a:has(#eh4a-blattlaeuse:checked) .eh4-tafel[data-problem="blattlaeuse"] { visibility: visible; }
#eh4a:has(#eh4a-nass:checked) .eh4-tafel[data-problem="nass"] { visibility: visible; }
#eh4a:has(#eh4a-mehltau:checked) .eh4-tafel[data-problem="mehltau"] { visibility: visible; }
#eh4a:has(#eh4a-spinnmilben:checked) .eh4-tafel[data-problem="spinnmilben"] { visibility: visible; }
#eh4a:has(#eh4a-ameisen:checked) .eh4-tafel[data-problem="ameisen"] { visibility: visible; }
#eh4a:has(#eh4a-wurzelfaeule:checked) .eh4-tafel[data-problem="wurzelfaeule"] { visibility: visible; }
#eh4a:has(#eh4a-frost:checked) .eh4-tafel[data-problem="frost"] { visibility: visible; }
#eh4a:has(#eh4a-schildlaeuse:checked) .eh4-tafel[data-problem="schildlaeuse"] { visibility: visible; }
#eh4a:has(#eh4a-wolllaeuse:checked) .eh4-tafel[data-problem="wolllaeuse"] { visibility: visible; }
}
.eh4c { margin: var(--kopf-inhalt) auto 0; }
.eh4c-tafeln { max-width: none; }
.eh4c .eh4-tafel { display: grid; grid-template-columns: 7fr 5fr; column-gap: calc(var(--st-rinne) * 2); align-items: start; }
.eh4c .eh4-rechts .eh4-lesen-marke { margin-top: 0; }
.eh4c .eh4-rechts .eh4-lesen li:first-child { padding-top: 0; }
#eh4c .eh4-lesen li, #eh4c .eh4-lesen li:last-child { border: 0; padding-block: 20px; }
#eh4c .ew-wege { justify-content: center; }
.eh4c .st-leiste { flex-wrap: wrap; overflow: visible; justify-content: center; gap: 0 1.25rem; margin-top: 40px; }
.eh4c .st-leiste label { text-transform: none; letter-spacing: 0.04em; font-size: 13px; }
.eh4c-tafeln { margin-top: 40px; }
.eh4c-tafeln > .eh4-tafel + .eh4-tafel { margin-top: var(--eh-6); }
@supports selector(:has(a)) {
.eh4c-tafeln > .eh4-tafel { display: none; }
.eh4c-tafeln > .eh4-tafel + .eh4-tafel { margin-top: 0; }
#eh4c:has(#eh4c-blattabwurf:checked) .eh4-tafel[data-problem="blattabwurf"] { display: grid; }
#eh4c:has(#eh4c-gelb:checked) .eh4-tafel[data-problem="gelb"] { display: grid; }
#eh4c:has(#eh4c-trocken:checked) .eh4-tafel[data-problem="trocken"] { display: grid; }
#eh4c:has(#eh4c-blattlaeuse:checked) .eh4-tafel[data-problem="blattlaeuse"] { display: grid; }
#eh4c:has(#eh4c-nass:checked) .eh4-tafel[data-problem="nass"] { display: grid; }
#eh4c:has(#eh4c-mehltau:checked) .eh4-tafel[data-problem="mehltau"] { display: grid; }
#eh4c:has(#eh4c-spinnmilben:checked) .eh4-tafel[data-problem="spinnmilben"] { display: grid; }
#eh4c:has(#eh4c-ameisen:checked) .eh4-tafel[data-problem="ameisen"] { display: grid; }
#eh4c:has(#eh4c-wurzelfaeule:checked) .eh4-tafel[data-problem="wurzelfaeule"] { display: grid; }
#eh4c:has(#eh4c-frost:checked) .eh4-tafel[data-problem="frost"] { display: grid; }
#eh4c:has(#eh4c-schildlaeuse:checked) .eh4-tafel[data-problem="schildlaeuse"] { display: grid; }
#eh4c:has(#eh4c-wolllaeuse:checked) .eh4-tafel[data-problem="wolllaeuse"] { display: grid; }
}
@media (max-width: 900px) {
.eh4c .st-leiste { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; }
.eh4c .eh4-tafel { grid-template-columns: 1fr; row-gap: var(--eh-4); }
}
/* ---- ew-fuenf ---- */
.f5a, .f5b, .f5c { --eh-1: 0.4rem; --eh-2: 0.8rem; --eh-3: 1.2rem; --eh-4: 1.6rem; --eh-6: 2.4rem; }
.f5-pfad-zahl { font-family: var(--mono); font-size: 12px; font-weight: 500; letter-spacing: 0.1em; color: var(--rinde); font-variant-numeric: tabular-nums; margin-left: 0.6em; }
.f5-einstieg-marke { margin: var(--eh-6) 0 var(--eh-1); }
.f5-zeilen {
  margin: var(--eh-6) 0 0; padding: 0; list-style: none;
  
  display: grid; grid-template-columns: 1fr 1fr; column-gap: calc(var(--st-rinne) * 4);
}
.f5-spalte { margin: 0; padding: 0; list-style: none; }
.f5-spalte > li:first-child { border-top: 0; }
.f5-zeile {
  display: grid; grid-template-columns: 1fr auto;
  column-gap: var(--st-rinne); align-items: baseline;
  padding: 14px 0; border-top: 1px solid var(--linie);
  text-align: left; break-inside: avoid;
}
.f5-zeile-name { margin: 0; font-size: 24px; font-variation-settings: "opsz" 24; font-weight: 400; line-height: 1.2; }
.f5-zeile-name a { text-decoration: none; }
.f5-zeile-name a:hover { color: var(--moos); }
.f5-zeile-datum { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.f5-zeile-datum a { text-decoration: none; }
.f5-zeile-datum a:hover { color: var(--moos); }
.f5-einstieg-zeile { margin-top: var(--eh-2); }
.f5-tag { margin: var(--kopf-inhalt) 0 0; text-align: center; }
.f5-tag .st-marke { justify-content: center; margin-bottom: var(--eh-3); }
.f5-tag-begriff {
  display: block; font-family: var(--serif); font-size: 40px;
  font-variation-settings: "opsz" 40; font-weight: 400; line-height: 1.1; letter-spacing: -0.01em;
  color: var(--tinte-kopf); text-decoration: none;
}
.f5-tag-begriff:hover { color: var(--moos); }
.f5-tag-satz { font-size: 17px; max-width: 56ch; margin: var(--eh-3) auto 0; }
@media (max-width: 900px) {
.f5-zeilen { grid-template-columns: 1fr; }
.f5-spalte + .f5-spalte > li:first-child { border-top: 1px solid var(--linie); }
.f5-tag-begriff { font-size: 30px; }
}
/* ---- ew-sechs ---- */
@media (prefers-reduced-motion: no-preference) {
html[data-reveal] .ew-variante > *:not(.ew-ziffer):not(.hero-hinweis):not([data-sichtbar]) { opacity: 0; translate: 0 16px; }
html[data-reveal] .ew-variante > [data-sichtbar]:not(.hero-hinweis) { animation: ew-erscheinen 600ms var(--kurve) both; }
@keyframes ew-erscheinen { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }
.la-karte .st-rahmen, .z2-raster .st-rahmen, .r6-momente .st-rahmen { overflow: hidden; }
.la-karte img, .z2-raster img, .r6-momente img, .t1-bild img { transition: transform 600ms var(--kurve), filter 600ms var(--kurve); }
.la-karte figure:hover img, .z2-raster figure:hover img, .r6-momente figure:hover img, .t1-arbeiten li:hover .t1-bild img { transform: scale(1.035); filter: saturate(1.06); }
.la-karte .st-titel, .z2-raster .st-titel, .r6-momente .st-titel, .eh4-lesen .st-titel, .f5-zeile-name, .r6-themen .st-titel { transition: color 200ms; }
.z2-raster figure:hover .st-titel, .r6-momente figure:hover .st-titel { color: var(--moos); }
.st-leiste label, .ew-wege a, .ew-knopf, .t1-weg { transition: color 200ms, border-color 200ms; }
.eh4c .eh4-tafel, .t1 .t1-monat { transition: opacity 200ms; }
}
@media (hover: hover) {
.la-karte figcaption .st-marke, .z2-raster figcaption .v2-rubrik { opacity: 0; transition: opacity 200ms; }
.la-karte:hover figcaption .st-marke, .la-karte:focus-within figcaption .st-marke,
  .z2-raster li:hover figcaption .v2-rubrik, .z2-raster li:focus-within figcaption .v2-rubrik { opacity: 1; }
}
@media (max-width: 900px) {
.st-leiste, .z1-laeufer {
    scrollbar-width: thin; scrollbar-color: var(--linie) transparent;
    padding-bottom: 6px; padding-right: 48px; scroll-padding-right: 48px;
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 56px), transparent);
    mask-image: linear-gradient(to right, #000 calc(100% - 56px), transparent);
  }
.t1 .st-leiste { width: 100%; }
}
.d2-zeile:first-child, .d3-zeilen li:first-child, .t1-arbeiten li:first-child, .t1-lesen li:first-child, .t2-spalte li:first-child, .t3 li:first-child, .eh-tabelle li:first-child, .eh-wahl:first-of-type, .eh2-kacheln li:first-child, .eh4-lesen li:first-child, .eh4b details:first-of-type, .f5-pfade li:first-child, .f5-begriffe li:first-child, .f5-zeile:first-child, .r6-orte > li:first-child, .r6-spalten > li:first-child, .r6-zeilen li:first-child { border-top: 0; }
.r6 { --eh-1: 0.4rem; --eh-2: 0.8rem; --eh-3: 1.2rem; --eh-4: 1.6rem; --eh-6: 2.4rem; }
.r6-marke { justify-content: center; margin: var(--kopf-inhalt) 0 var(--eh-2); }
.r6-momente { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--st-rinne); margin: 0; padding: 0; list-style: none; }
.r6-momente figure { margin: 0; }
.r6-momente .st-rahmen { aspect-ratio: 1; display: block; overflow: hidden; }
.r6-momente img { width: 100%; height: 100%; object-fit: cover; display: block; }
.r6-momente figcaption .st-marke { margin: 0.8rem 0 0; }
.r6-momente figcaption .st-titel { margin-top: 0.8rem; font-size: 24px; font-variation-settings: "opsz" 24; font-weight: 400; line-height: 1.2; }
.r6-momente figcaption .st-titel a { color: inherit; text-decoration: none; }
.r6-momente figcaption .st-titel a:hover { color: var(--moos); }
.r6-orte { margin: 40px 0 0; padding: 0; list-style: none; }
.r6-orte > li { display: grid; grid-template-columns: 3fr 8fr auto; column-gap: calc(var(--st-rinne) * 2); padding: 20px 0; border-top: 1px solid var(--linie); align-items: start; }
.r6-orte > li > .r6-rechts { justify-self: end; margin: 0; }
.r6-orte .ew-knopf { white-space: nowrap; color: var(--gedaempft); }
.r6-orte .ew-knopf:hover { color: var(--moos); }
.r6-ort-name { font-size: 24px; font-variation-settings: "opsz" 24; font-weight: 400; line-height: 1.2; margin: 0; }
.r6-ort-name a { color: inherit; text-decoration: none; }
.r6-ort-name a:hover { color: var(--moos); }
.r6-ort-satz { font-size: 15px; font-variation-settings: "opsz" 15; line-height: 1.4; color: var(--gedaempft); margin: 0; max-width: 56ch; }
.r6-themen { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: subgrid; grid-column: 2 / 4; }
.r6-themen li { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; column-gap: calc(var(--st-rinne) * 2); align-items: baseline; padding: var(--eh-2) 0; }
.r6-themen li .st-marke { justify-self: end; }
.r6-themen li + li { border-top: 1px solid var(--linie); }
.r6-themen .st-titel { font-size: 24px; font-variation-settings: "opsz" 24; font-weight: 400; line-height: 1.2; margin: 0; }
.r6-themen .st-titel a { color: inherit; text-decoration: none; }
.r6-themen .st-titel a:hover { color: var(--moos); }
@media (max-width: 900px) {
.r6-momente { grid-template-columns: 1fr 1fr; }
.r6-orte > li { grid-template-columns: 1fr; row-gap: var(--eh-2); }
.r6-orte > li > .r6-rechts { justify-self: start; }
.r6-themen { grid-column: 1; grid-template-columns: 1fr auto; }
.r6-themen li { grid-template-columns: 1fr auto; }
}