/* URGSTOA Regensburg | Startseite. Farben, Schriften und Formen aus dem Styleguide „Steinalt und brandneu.“ (23.10.2026).
   Ein Licht: Kalk wie die Gewölbewände, dunkel nur dort, wo das Haus dunkel ist (Kreidetafel, Fuß). Ein Bewegungsmoment: der Bogen. */
@font-face{font-family:"Grenze";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/grenze-latin.woff2") format("woff2")}
@font-face{font-family:"Grenze";font-style:italic;font-weight:100 900;font-display:swap;src:url("../fonts/grenze-italic-latin.woff2") format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 900;font-display:swap;src:url("../fonts/schibsted-latin.woff2") format("woff2")}

:root{
  --tusche:#23201D;--tafel:#35373A;--stoa:#6B645C;--putz:#E6E0D4;--kalk:#F3EFE6;
  --senf:#C29E4F;--senfkorn:#5C4718;--ocker:#D9BF84;--schaum:#F2E7C9;
  --kruste:#4A2416;--brezn:#7A3F27;--lauge:#B47648;--teig:#F0DFCB;
  --kartusche:#2D4356;--blau:#6B8BA6;--himmel:#E3EBF1;
  --linie:rgba(35,32,29,.14);--kreide-linie:rgba(243,239,230,.32);
  --f-titel:"Grenze",Georgia,"Times New Roman",serif;
  --f-text:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --t-h1:clamp(3.25rem,2.1rem + 5.4vw,6rem);
  --t-h2:clamp(2.375rem,1.75rem + 2.7vw,4rem);
  --t-h3:clamp(1.5rem,1.3rem + .8vw,1.875rem);
  --t-lead:clamp(1.125rem,1.04rem + .42vw,1.3125rem);
  --t-text:1.0625rem;--t-klein:.9375rem;--t-mini:.8125rem;
  --abschnitt:clamp(4.5rem,3rem + 5.5vw,8.5rem);
  --breite:1200px;
  --aus:cubic-bezier(.16,1,.3,1);
  --kopf:64px;
  color-scheme:light;
}
@media (min-width:900px){:root{--kopf:76px}}

*,*::before,*::after{box-sizing:border-box}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--kopf) + 12px);scrollbar-color:var(--stoa) var(--putz);background:var(--kalk)}
body{margin:0;background:var(--kalk);color:var(--tusche);font:400 var(--t-text)/1.6 var(--f-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;caret-color:var(--brezn)}
::selection{background:var(--senf);color:var(--tusche)}
img,svg{display:block;max-width:100%}
h1,h2,h3,p,ul,ol,figure,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--senf);outline-offset:3px;border-radius:2px}
.dunkel :focus-visible,.fuss :focus-visible{outline-color:var(--ocker)}
.knopf:focus-visible{outline-color:var(--tusche)}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sprung{position:absolute;left:12px;top:-60px;z-index:60;background:var(--tusche);color:var(--kalk);padding:10px 16px;font-weight:600}
.sprung:focus{top:calc(10px + env(safe-area-inset-top,0px))}
.wrap{width:100%;max-width:calc(var(--breite) + 64px);margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:600px){.wrap{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}
.ic{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}

/* Überschriften */
.h1,.h2,.h3{font-family:var(--f-titel);font-weight:900;line-height:.94;letter-spacing:-.012em;text-wrap:balance}
.h1{font-size:var(--t-h1);line-height:.9}
.h2{font-size:var(--t-h2)}
.h3{font-size:var(--t-h3);font-weight:800;line-height:1.05;letter-spacing:0}
.h1 i,.h2 i{font-weight:400}
.lead{font-size:var(--t-lead);line-height:1.5;max-width:34ch}
.text{max-width:62ch}
.text p+p{margin-top:.9em}
.klein{font-size:var(--t-klein);line-height:1.55}

/* Knöpfe */
.knoepfe{display:flex;flex-wrap:wrap;gap:12px}
.knopf{display:inline-flex;align-items:center;gap:.6em;min-height:52px;padding:.85em 1.35em;font:700 1rem/1.1 var(--f-text);letter-spacing:.01em;text-decoration:none;color:var(--tusche);background:var(--senf);border:2px solid var(--senf);border-radius:0;cursor:pointer;transition:transform .5s var(--aus),background-color .3s,border-color .3s,box-shadow .5s var(--aus)}
.knopf:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(35,32,29,.55)}
.knopf:active{transform:translateY(0);box-shadow:none}
.knopf.linie{background:transparent;border-color:var(--tusche)}
.knopf.linie:hover{background:var(--tusche);color:var(--kalk)}
.dunkel .knopf.linie{border-color:var(--kalk);color:var(--kalk)}
.dunkel .knopf.linie:hover{background:var(--kalk);color:var(--tusche)}
.knopf .ic{width:1.15em;height:1.15em}

/* Platzhalter im Entwurf */
.platzhalter{display:inline-block;font:650 var(--t-mini)/1.2 var(--f-text);letter-spacing:.02em;padding:.3em .6em;border:1.5px dashed currentColor;vertical-align:.12em;white-space:nowrap}

/* Kopf */
.kopf{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--kalk);transition:box-shadow .4s var(--aus)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:41;background:var(--kalk)}
.kopf.gescrollt{box-shadow:0 1px 0 var(--linie),0 10px 24px -20px rgba(35,32,29,.5)}
.kopf-innen{height:var(--kopf);display:flex;align-items:center;gap:12px}
.marke{display:flex;align-items:center;gap:10px;min-height:48px;text-decoration:none;color:var(--tusche);flex:none}
.marke .m-u{height:30px;width:auto}
.marke .m-wm{height:22px;width:auto}
@media (min-width:900px){.marke .m-u{height:36px}.marke .m-wm{height:26px}}
.nav{display:none}
.status{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-left:auto;font:600 var(--t-klein)/1.2 var(--f-text);color:var(--tusche);text-decoration:none;white-space:nowrap}
.status .punkt{width:10px;height:10px;border-radius:50%;background:var(--stoa);box-shadow:0 0 0 3px rgba(107,100,92,.18)}
.status.offen .punkt{background:var(--senf);box-shadow:0 0 0 3px rgba(194,158,79,.28)}
.status .lang{display:none}
.menue-knopf{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-right:-8px;border:0;background:transparent;color:var(--tusche);cursor:pointer}
.menue-knopf svg{width:26px;height:26px}
.anruf-kopf{display:none}
.anruf-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--tusche);border:2px solid var(--tusche);flex:none}
.anruf-icon .ic{width:20px;height:20px}
@media (min-width:480px){.status .lang{display:inline}}
@media (min-width:900px){
  .kopf-innen{gap:28px}
  .nav{display:flex;gap:26px;margin-left:12px}
  .nav a{font:600 var(--t-klein)/1 var(--f-text);text-decoration:none;padding:10px 0;background:linear-gradient(var(--senf),var(--senf)) 0 100%/0 2px no-repeat;transition:background-size .45s var(--aus)}
  .nav a:hover{background-size:100% 2px}
  .menue-knopf{display:none}
  .anruf-icon{display:none}
  .anruf-kopf{display:inline-flex;min-height:44px;padding:.6em 1em}
}
.menue{position:fixed;inset:0;z-index:50;background:var(--tusche);color:var(--kalk);display:flex;flex-direction:column;padding-block:calc(18px + env(safe-area-inset-top,0px)) calc(28px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.menue[hidden]{display:none!important}
.menue-kopf{display:flex;justify-content:space-between;align-items:center;min-height:48px}
.menue-kopf .m-u{height:34px;width:auto}
.menue-zu{width:48px;height:48px;border:0;background:transparent;color:var(--kalk);cursor:pointer;margin-right:-8px}
.menue-zu svg{width:26px;height:26px}
.menue nav{margin-top:28px;display:grid;gap:4px}
.menue nav a{font:900 clamp(2.25rem,9vw,3rem)/1.15 var(--f-titel);text-decoration:none;padding:4px 0}
.menue-fuss{margin-top:auto;display:grid;gap:14px;font-size:var(--t-klein)}
.menue-fuss .knoepfe .knopf.linie{border-color:var(--kalk);color:var(--kalk)}

/* Hero */
.hero{padding-block:clamp(1.75rem,1rem + 3vw,4rem) var(--abschnitt)}
.hero-raster{display:grid;gap:clamp(2.5rem,1.5rem + 3vw,4rem);align-items:center}
.hero .lead{margin-top:1.25rem}
.hero .knoepfe{margin-top:1.75rem}
.hero-fakten{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:var(--t-klein);color:var(--stoa)}
.hero-fakten li{display:flex;align-items:center;gap:8px}
.hero-fakten .ic{width:1.1em;height:1.1em;color:var(--senfkorn)}
.hero-fakten a{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:var(--tusche);text-decoration:underline;text-decoration-color:rgba(35,32,29,.35)}
.hero-fakten a:hover{text-decoration-color:currentColor}
.hero-bild{justify-self:center;width:min(100%,430px)}
.bogen{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--putz);border:6px solid var(--tusche);border-radius:50% 50% 0 0/40% 40% 0 0}
.bogen img{width:100%;height:100%;object-fit:cover}
.hero-bild .bogen img{transform:scale(1.08);transform-origin:50% 40%}
.bildzeile{margin-top:12px;font-size:var(--t-mini);color:var(--stoa)}
@media (min-width:900px){
  .hero-raster{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
  .hero-bild{justify-self:end;width:min(100%,460px)}
}

/* Tafel */
.tafel-abschnitt{padding-block:0 var(--abschnitt)}
.brett{position:relative;background:var(--tafel);color:var(--kalk);border:clamp(8px,1.4vw,14px) solid var(--lauge);box-shadow:inset 0 0 0 3px var(--kruste),0 1px 0 rgba(35,32,29,.08),0 30px 60px -40px rgba(35,32,29,.7);padding:clamp(1.75rem,1rem + 3.4vw,4rem) clamp(1.25rem,.6rem + 3.4vw,4rem)}
.brett-kopf{display:grid;gap:14px;max-width:60ch;position:relative}
.brett-kopf .volute{position:absolute;left:0;top:.35em;width:42px;height:42px;display:none}
@media (min-width:600px){.brett-kopf{padding-left:58px}.brett-kopf .volute{display:block}}
.brett-kopf p{color:var(--kalk);font-size:var(--t-lead);line-height:1.45}
.karte{display:grid;gap:clamp(2.25rem,1.5rem + 2.5vw,3.5rem);margin-top:clamp(2rem,1.4rem + 2vw,3rem)}
@media (min-width:900px){.karte{grid-template-columns:1fr 1fr;column-gap:clamp(3rem,6vw,6rem)}}
.karte .h3{color:var(--kalk);display:flex;align-items:baseline;gap:.5em;flex-wrap:wrap}
.karte .h3 small{font:500 var(--t-klein)/1.3 var(--f-text);color:#C9C2B6}
.posten{margin-top:1.1rem;display:grid}
.posten li{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;column-gap:.7em;padding:.62em 0;border-bottom:1px solid rgba(243,239,230,.08)}
.posten .name{font-weight:600;font-size:1.0625rem}
.posten .leiste{border-bottom:2px dotted var(--kreide-linie);transform:translateY(-.3em);min-width:1.5em}
.posten .preis{font-weight:700;color:var(--ocker);white-space:nowrap}
.posten .hinweis{grid-column:1 / -1;font-size:var(--t-klein);color:#C9C2B6;margin-top:.1em}
.posten .preis .platzhalter{color:var(--ocker);font-weight:650}
.brett-fuss{margin-top:clamp(2rem,1.5rem + 1.5vw,3rem);padding-top:1.25rem;border-top:1px solid var(--kreide-linie);display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:var(--t-klein);color:var(--ocker)}
.brett-fuss .gruss{font:400 italic 1.375rem/1.2 var(--f-titel);color:var(--kalk);margin-right:auto}

/* Gewölbe: der Bogen öffnet sich */
.gewoelbe{position:relative;padding-block:var(--abschnitt);overflow:clip}
.gw-buehne{display:grid;gap:clamp(2rem,1.2rem + 3vw,3.5rem);align-items:center}
.gw-bogen{width:min(100%,520px);justify-self:center;transform-origin:50% 100%;will-change:transform}
.gw-bogen .bogen{border-width:7px}
.gw-text .text{margin-top:1.1rem}
.fruehstueck{margin-top:1.75rem;display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;column-gap:.8em;padding:1rem 0;border-block:2px solid var(--brezn);max-width:520px}
.fruehstueck b{font:800 var(--t-h3)/1.1 var(--f-titel);color:var(--kruste)}
.fruehstueck .leiste{border-bottom:2px dotted var(--lauge);transform:translateY(-.35em)}
.fruehstueck .preis{font:700 1.25rem/1 var(--f-text);white-space:nowrap;color:var(--kruste)}
.fruehstueck small{grid-column:1 / -1;margin-top:.5rem;font-size:var(--t-klein);color:var(--stoa)}
.gw-text .knoepfe{margin-top:1.75rem}
@media (min-width:900px){
  .gw-buehne{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:calc(100vh - var(--kopf));min-height:calc(100svh - var(--kopf))}
  .gw-bogen{order:2;width:min(100%,calc((100svh - var(--kopf) - 4rem) * .8),560px)}
}

/* Anfrage */
.anfrage{padding-block:var(--abschnitt);background:var(--teig)}
.anfrage-raster{display:grid;gap:clamp(2.5rem,1.5rem + 3vw,4rem)}
.anfrage .text{margin-top:1.1rem}
.anfrage-foto{margin-top:2rem;border:4px solid var(--kruste);aspect-ratio:4/3;overflow:hidden;background:var(--kalk);max-width:520px}
.anfrage-foto img{width:100%;height:100%;object-fit:cover}
.anruf-zeile{margin-top:1.25rem;font-size:var(--t-klein)}
.anruf-zeile a{font-weight:700;display:inline-block;padding-block:10px}
@media (min-width:900px){.anfrage-raster{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}}
.formular{background:var(--kalk);padding:clamp(1.25rem,.8rem + 2vw,2.5rem);border:2px solid var(--tusche);display:grid;gap:1.1rem}
.feldgruppe{display:grid;gap:1.1rem}
@media (min-width:600px){.feldgruppe.zwei{grid-template-columns:1fr 1fr}.feldgruppe.drei{grid-template-columns:1.3fr 1fr 1fr}}
.feld{display:grid;gap:.4rem}
.feld label{font:650 var(--t-klein)/1.2 var(--f-text)}
.feld label span{font-weight:400;color:var(--stoa)}
.feld input,.feld select,.feld textarea{width:100%;font:400 1rem/1.4 var(--f-text);color:var(--tusche);background:#FBF9F4;border:2px solid var(--tusche);border-radius:0;padding:.8em .85em;min-height:52px;transition:border-color .2s,box-shadow .3s var(--aus)}
.feld textarea{min-height:120px;resize:vertical}
.feld select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tusche) 50%),linear-gradient(135deg,var(--tusche) 50%,transparent 50%);background-position:calc(100% - 22px) 52%,calc(100% - 16px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:2.5em}
.feld input:focus-visible,.feld select:focus-visible,.feld textarea:focus-visible{outline:none;border-color:var(--senfkorn);box-shadow:0 0 0 4px rgba(194,158,79,.45)}
.feld input::placeholder,.feld textarea::placeholder{color:#7A7268}
.feld [aria-invalid="true"]{border-color:var(--brezn);box-shadow:0 0 0 3px rgba(122,63,39,.18)}
.fehler{font-size:var(--t-klein);color:var(--brezn);font-weight:600;min-height:0}
.fehler:empty{display:none}
.honig{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.formular .knopf{justify-self:start}
.formular .knopf[disabled]{opacity:.55;cursor:progress;transform:none;box-shadow:none}
.formular-hinweis{font-size:var(--t-mini);color:var(--stoa)}
.antwort{padding:1rem 1.1rem;background:var(--schaum);border-left:0;outline:2px solid var(--senf);font-size:var(--t-klein)}
.antwort[hidden]{display:none}
.antwort b{font-family:var(--f-titel);font-size:1.25rem;font-weight:800;display:block;margin-bottom:.2rem}

/* Mitbringsl */
.mitbringsl{padding-block:var(--abschnitt);background:var(--himmel);color:var(--tusche)}
.mb-raster{display:grid;gap:clamp(2rem,1.4rem + 2.5vw,3.5rem);align-items:center}
.mb-bild{border:4px solid var(--kartusche);overflow:hidden;aspect-ratio:1080/470;background:var(--kalk)}
.mb-bild img{width:100%;height:100%;object-fit:cover}
.mb-text .text{margin-top:1.1rem}
.mb-liste{margin-top:1.4rem;font:650 var(--t-klein)/1.6 var(--f-text);color:var(--kartusche);max-width:44ch}
.mb-tuete{width:64px;height:64px;color:var(--kartusche);margin-bottom:1rem}
@media (min-width:900px){.mb-raster{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.mb-bild{order:2}}

/* Der Urgstoa */
.urgstoa{padding-block:var(--abschnitt);background:var(--senf);color:var(--tusche)}
.ur-raster{display:grid;gap:clamp(2rem,1.4rem + 2.5vw,3.5rem);align-items:center}
.ur-bild{width:min(100%,300px);justify-self:center;border:5px solid var(--tusche);aspect-ratio:540/1000;overflow:hidden;background:var(--ocker)}
.ur-bild img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.ur-text .text{margin-top:1.1rem}
.ur-text .bildzeile{color:var(--tusche);margin-top:1.4rem}
@media (min-width:900px){.ur-raster{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.ur-bild{justify-self:start;width:min(100%,360px)}}

/* Termine */
.termine{background:var(--tusche);color:var(--kalk);padding-block:clamp(2.25rem,1.6rem + 2vw,3.25rem)}
.termine-innen{display:grid;gap:14px;align-items:center}
.termine .ic{width:44px;height:44px;color:var(--senf);stroke-width:2.6}
.termine p{max-width:70ch}
.termine p b{font-family:var(--f-titel);font-weight:800;font-size:1.3rem}
.termine a{color:var(--ocker);font-weight:650;display:inline-block;padding-block:10px}
@media (min-width:700px){.termine-innen{grid-template-columns:auto 1fr auto;gap:28px}}

/* Anfahrt */
.anfahrt{padding-block:var(--abschnitt)}
.af-raster{display:grid;gap:clamp(2.5rem,1.5rem + 3vw,4rem);margin-top:clamp(2rem,1.4rem + 2vw,3rem)}
@media (min-width:900px){.af-raster{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}}
.karte-bild{border:4px solid var(--tusche);background:#EDE8DE}
.karte-bild svg{width:100%;height:auto}
.karte-bild figcaption{font-size:var(--t-mini);color:var(--stoa);padding:10px 14px;border-top:2px solid var(--tusche);background:var(--kalk)}
.af-info{display:grid;gap:2rem}
.af-adresse{font-style:normal;font:800 1.5rem/1.3 var(--f-titel)}
.af-adresse span{display:block;font:400 var(--t-text)/1.55 var(--f-text);color:var(--stoa);margin-top:.35rem}
.wege{display:grid;gap:10px}
.wege li{display:grid;grid-template-columns:5.5rem 1fr;gap:12px;align-items:baseline;border-top:2px solid var(--tusche);padding-top:.6rem}
.wege b{font:900 1.6rem/1 var(--f-titel);color:var(--senfkorn)}
.zeiten{width:100%;border-collapse:collapse}
.zeiten caption{text-align:left;font:800 var(--t-h3)/1.1 var(--f-titel);margin-bottom:.6rem}
.zeiten th,.zeiten td{text-align:left;padding:.5em 0;border-bottom:1px solid var(--linie);font-weight:400}
.zeiten td{text-align:right}
.zeiten tr.heute th,.zeiten tr.heute td{font-weight:700}
.zeiten tr.heute th::after{content:"heute";margin-left:.6em;font:650 var(--t-mini)/1 var(--f-text);padding:.25em .5em;background:var(--senf);color:var(--tusche);vertical-align:.15em}
.af-info .klein{color:var(--stoa)}
.telefon{font:800 1.5rem/1.2 var(--f-titel);text-decoration:none;display:inline-block;padding-block:6px}

/* Fuß */
.fuss{background:var(--tusche);color:var(--kalk);padding-block:clamp(3.5rem,2.5rem + 3vw,5.5rem) calc(2rem + env(safe-area-inset-bottom,0px))}
.fuss-raster{display:grid;gap:2.5rem}
.fuss-logo{width:clamp(170px,22vw,230px);height:auto;color:var(--kalk)}
.fuss .gruss{font:400 italic clamp(1.75rem,1.4rem + 1.6vw,2.5rem)/1.12 var(--f-titel);color:var(--ocker);max-width:18ch;text-wrap:balance}
.fuss-spalten{display:grid;gap:1.75rem;font-size:var(--t-klein);line-height:1.6}
.fuss-spalten h2{font:800 1.125rem/1.2 var(--f-titel);color:var(--ocker);margin-bottom:.4rem}
.fuss-spalten a{color:var(--kalk);display:inline-block;padding-block:6px}
.fuss-unten{margin-top:3rem;padding-top:1.25rem;border-top:1px solid rgba(243,239,230,.18);display:flex;flex-wrap:wrap;gap:8px 22px;font-size:var(--t-mini);color:#B9B1A5}
.fuss-unten a{color:#D8D1C5;display:inline-block;padding-block:10px}
@media (min-width:700px){.fuss-spalten{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.fuss-raster{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);align-items:start}.fuss-kopf{display:grid;gap:1.75rem}}

/* Rechtliches als Platzhalter im Entwurf */
.recht{padding-block:clamp(3rem,2rem + 3vw,4.5rem);background:var(--putz)}
.recht .h3{margin-bottom:.6rem}
.recht-raster{display:grid;gap:2rem}
@media (min-width:800px){.recht-raster{grid-template-columns:1fr 1fr}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
  .gw-bogen{transform:none!important}
}

/* Karte (gezeichnet aus OpenStreetMap-Daten) */
.k-grund{fill:#EDE8DE}
.k-wasser{fill:var(--himmel);stroke:#C9D6E0;stroke-width:2}
.k-haus{fill:#DDD5C7;stroke:#D2C9B8;stroke-width:1}
.k-wichtig{fill:#B7AC98;stroke:#A39781;stroke-width:1}
.k-urgstoa{fill:var(--senf);stroke:var(--tusche);stroke-width:2.5}
.k-strasse{fill:none;stroke:#FBF9F4;stroke-width:11;stroke-linecap:round;stroke-linejoin:round}
.k-gasse{fill:none;stroke:#FBF9F4;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.k-bruecke-rand{fill:none;stroke:#8E867B;stroke-width:19;stroke-linecap:butt;stroke-linejoin:round}
.k-bruecke{fill:none;stroke:#E4DCCD;stroke-width:13;stroke-linecap:butt;stroke-linejoin:round}
.k-weg{fill:none;stroke:var(--brezn);stroke-width:4.5;stroke-dasharray:2 9;stroke-linecap:round;stroke-linejoin:round}
.k-punkt{fill:var(--tusche);stroke:#FBF9F4;stroke-width:4}
.k-name{font:800 24px var(--f-titel);fill:var(--tusche);paint-order:stroke;stroke:#EDE8DE;stroke-width:6px;stroke-linejoin:round}
.k-hausname{font:900 32px var(--f-titel);fill:var(--tusche);paint-order:stroke;stroke:#EDE8DE;stroke-width:8px;stroke-linejoin:round}
.k-bruecke-name{font:italic 400 22px var(--f-titel);fill:var(--stoa)}
.k-fluss{font:italic 400 30px var(--f-titel);fill:var(--kartusche)}
.k-zusatz{font:500 15px var(--f-text);fill:#4F4942;paint-order:stroke;stroke:#EDE8DE;stroke-width:5px;stroke-linejoin:round}
.k-nord{fill:var(--tusche)}
.k-mass{stroke:var(--tusche);stroke-width:3}

/* nur in der Vorschau */
.entwurf-hinweis{margin:0;font:500 .875rem/1.45 var(--f-text);color:var(--kalk);background:var(--kartusche);padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px))}.entwurf-hinweis b{font-weight:700}