@font-face{font-family:"Cinzel";src:url(/assets/fonts/cinzel.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Kantumruy Pro";src:url(/assets/fonts/kantumruy-pro.woff2) format("woff2");font-weight:100 700;font-style:normal;font-display:swap}
@font-face{font-family:"Kantumruy Pro";src:url(/assets/fonts/kantumruy-pro-italic.woff2) format("woff2");font-weight:100 700;font-style:italic;font-display:swap}

:root{
  --kalk:#f3ede2;--papier:#fbf8f1;--tinte:#23201c;--grau:#5f584d;
  --donau:#1d5658;--donau-tief:#123a3c;--donau-hell:#d9e7e3;
  --ziegel:#a2412a;--ocker:#b4862c;--linie:#ddd2bf;
  --breit:1140px;--schmal:700px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kalk);color:var(--tinte);font:400 1.0625rem/1.68 "Kantumruy Pro",system-ui,sans-serif}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--donau);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--ziegel)}
h1,h2,h3{font-family:"Cinzel",Georgia,serif;font-weight:600;line-height:1.22;color:var(--donau-tief);letter-spacing:.01em}
h1{font-size:clamp(1.85rem,4.4vw,2.8rem);margin:.2em 0 .45em}
h2{font-size:clamp(1.3rem,2.6vw,1.7rem);margin:2.1em 0 .6em}
h3{font-size:1.12rem;margin:1.4em 0 .4em}
p{margin:0 0 1.1em}
.springer{position:absolute;left:-999px;top:0;background:var(--tinte);color:#fff;padding:.5em 1em;z-index:9}
.springer:focus{left:1rem}

/* Kopf */
.dobn{background:var(--papier);border-top:5px solid var(--ziegel);border-bottom:1px solid var(--linie)}
.dobn-innen{max-width:var(--breit);margin:0 auto;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap}
.zoachn{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--tinte)}
.zoachn svg{width:44px;height:44px;flex:none}
.zoachn b{display:block;font:600 1.12rem/1.1 "Cinzel",serif;color:var(--donau-tief)}
.zoachn small{display:block;font-size:.8rem;color:var(--grau);letter-spacing:.04em}
.wegerl ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem 1.3rem}
.wegerl a{text-decoration:none;color:var(--tinte);font-size:.95rem;padding:.2rem 0;border-bottom:2px solid transparent}
.wegerl a:hover,.wegerl a[aria-current]{border-bottom-color:var(--ocker);color:var(--donau-tief)}

.gstell{max-width:var(--breit);margin:0 auto;padding:0 1rem}

/* Startseite */
.oschaun{display:grid;grid-template-columns:1fr;gap:2rem;padding:2.4rem 0 1rem}
@media (min-width:900px){.oschaun{grid-template-columns:5fr 6fr;align-items:start;padding-top:3.2rem}}
.oschaun .ofang{font-size:1.15rem}
.stodplan{background:var(--papier);border:1px solid var(--linie);border-radius:4px;padding:.6rem}
.stodplan figcaption{font-size:.82rem;color:var(--grau);padding:.4rem .3rem 0}
.stazerl{counter-reset:st;list-style:none;padding:0;margin:1.2rem 0 1.6rem}
.stazerl li{counter-increment:st;position:relative;padding:0 0 .75rem 2.6rem}
.stazerl li::before{content:counter(st);position:absolute;left:0;top:.1rem;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--ziegel);color:#fff;font:600 .85rem/1.8rem "Cinzel",serif;text-align:center}
.stazerl li::after{content:"";position:absolute;left:.86rem;top:2rem;bottom:.1rem;border-left:2px dotted var(--ocker)}
.stazerl li:last-child::after{display:none}

.flussl{background:var(--donau-tief);color:#e9f1ef;margin:3rem 0;padding:2.6rem 0 2.2rem}
.flussl h2{color:#fff;margin-top:0}
.flussl a{color:#f3d9a0}
.flussl .linie{margin:1.4rem 0 1.6rem}
.ausflugl{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));list-style:none;padding:0;margin:0}
.ausflugl li{border-top:3px solid var(--ocker);padding-top:.7rem}
.ausflugl a{font:600 1.05rem/1.3 "Cinzel",serif;text-decoration:none;color:#fff}
.ausflugl a:hover{color:#f3d9a0}
.ausflugl p{font-size:.92rem;margin:.35rem 0 0;color:#cfdeda}

.gschichtl{list-style:none;padding:0;margin:0;border-top:1px solid var(--linie)}
.gschichtl li{display:grid;grid-template-columns:1fr;gap:.2rem 1.4rem;padding:1rem 0;border-bottom:1px solid var(--linie)}
@media (min-width:700px){.gschichtl li{grid-template-columns:15rem 1fr auto;align-items:baseline}}
.gschichtl a{font:600 1.05rem "Cinzel",serif;text-decoration:none}
.gschichtl span{color:var(--grau);font-size:.95rem}
.gschichtl em{font-style:normal;font-size:.82rem;color:var(--ziegel);white-space:nowrap}

.kastl{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:1rem 0 2rem}
.kastl > div{background:var(--papier);border:1px solid var(--linie);padding:1.2rem 1.2rem .4rem;border-radius:4px}
.kastl h3{margin-top:0}
.hoamat{max-width:var(--schmal);margin:3rem 0 1rem;padding:1.4rem 0;border-top:2px solid var(--donau)}
.empfehlung{margin:1.4rem 0 0;font-size:.95rem}

/* Artikel */
.brosl{font-size:.86rem;color:var(--grau);padding-top:1.6rem}
.brosl ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.brosl li+li::before{content:"›";margin:0 .45rem;color:var(--ocker)}
.brosl a{color:var(--grau)}
.blattl{max-width:var(--schmal)}
.zeitl{font-size:.88rem;color:var(--grau);margin-bottom:1.3rem}
.ofang{font-size:1.13rem;color:#3b362f}
.steckbriaf{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:1.6rem 0;background:var(--papier);border:1px solid var(--linie);border-left:5px solid var(--donau)}
.steckbriaf div{padding:.7rem .9rem;border-bottom:1px solid var(--linie)}
.steckbriaf dt{font-size:.74rem;letter-spacing:.06em;color:var(--ziegel);font-weight:600}
.steckbriaf dd{margin:.1rem 0 0;font-size:.93rem;line-height:1.4}
figure{margin:1.8rem 0}
figure img{width:100%;border-radius:3px}
figcaption{font-size:.8rem;color:var(--grau);margin-top:.45rem;line-height:1.45}
figcaption a{color:var(--grau)}
.bildl{background:var(--papier);border:1px solid var(--linie);border-radius:3px;padding:.8rem}
.gschrift{counter-reset:abs}
.gschrift h2{counter-increment:abs;display:flex;gap:.7rem;align-items:baseline}
.gschrift h2::before{content:counter(abs);flex:none;width:1.75rem;height:1.75rem;border:2px solid var(--ocker);border-radius:50%;font-size:.85rem;line-height:1.5rem;text-align:center;color:var(--ocker);transform:translateY(-.15rem)}
.gschrift ul,.gschrift ol{padding-left:1.25rem}
.gschrift li{margin-bottom:.45rem}
.gschrift .stazerl{padding-left:0}
.merkzettl{background:var(--donau-hell);border-radius:3px;padding:1rem 1.2rem .2rem;margin:1.6rem 0;font-size:.98rem}
.merkzettl strong{color:var(--donau-tief)}
.quelln{font-size:.9rem;color:var(--grau);border-top:1px dashed var(--linie);padding-top:.8rem;margin-top:2rem}
.weidageh{display:flex;justify-content:space-between;gap:1rem;margin:2.4rem 0 1rem;flex-wrap:wrap}
.weidageh a{display:block;max-width:48%;text-decoration:none;font-size:.95rem}
.weidageh small{display:block;color:var(--grau);font-size:.78rem}
.weidageh .noch{text-align:right;margin-left:auto}
.nachbarschaft{margin:2rem 0 3rem}
.nachbarschaft ul{list-style:none;padding:0;margin:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.nachbarschaft li{background:var(--papier);border:1px solid var(--linie);border-radius:4px;padding:1rem}
.nachbarschaft a{font:600 1rem/1.3 "Cinzel",serif;text-decoration:none}
.nachbarschaft p{font-size:.9rem;color:var(--grau);margin:.4rem 0 0}

/* Hubs */
.sammlung{list-style:none;padding:0;margin:1.5rem 0 3rem;display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.sammlung li{background:var(--papier);border:1px solid var(--linie);border-radius:4px;overflow:hidden}
.sammlung img{aspect-ratio:3/2;object-fit:cover;width:100%}
.sammlung .ohnebild{aspect-ratio:3/2;background:var(--donau-hell);display:flex;align-items:center;justify-content:center;padding:1rem}
.sammlung div.txt{padding:1rem 1.1rem .3rem}
.sammlung a{font:600 1.08rem/1.3 "Cinzel",serif;text-decoration:none}
.sammlung p{font-size:.93rem;color:var(--grau)}
.adressn dt{font-weight:600;margin-top:1rem}
.adressn dd{margin:.2rem 0 0;color:var(--grau)}

/* Fuß */
.drunt{background:var(--tinte);color:#d8d1c4;margin-top:3rem;font-size:.92rem}
.drunt .silhouettn{display:block;width:100%;height:auto;background:var(--kalk)}
.drunt-innen{max-width:var(--breit);margin:0 auto;padding:1.6rem 1rem 2rem;display:grid;gap:1.6rem;grid-template-columns:1fr}
@media (min-width:760px){.drunt-innen{grid-template-columns:2fr 1fr 1fr}}
.drunt h2{font-size:.95rem;color:#f3e6c8;margin:0 0 .6rem}
.drunt ul{list-style:none;margin:0;padding:0}
.drunt li{margin:.25rem 0}
.drunt a{color:#d8d1c4}
.drunt a:hover{color:#f3d9a0}
.drunt .schluss{grid-column:1/-1;border-top:1px solid #4a443b;padding-top:1rem;font-size:.82rem;color:#a99f8f}