/* Startseite inventus.blue, Farbwelt Tinte und Creme.
   Aufmacher mit Titel im Bild, orangene Zeile darunter.
   Heller Bereich als sanfter Verlauf mit feinem Korn. */
:root{
  color-scheme: light;
  --dunkel:#0f1830; --dunkel2:#1a2642; --dunkel3:#091124;
  --text:#161b26; --leise:#60646f;
  --ruf:#d76a22; --ruf-hell:#eca063;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23k)' opacity='.055'/%3E%3C/svg%3E"),
  linear-gradient(180deg,#fdfbf6 0%,#f7f3ec 42%,#f2ebdf 100%);
}
img{max-width:100%;display:block}
h1,h2,h3{margin:0;text-wrap:balance;font-family:"Instrument Sans",sans-serif;letter-spacing:-.028em}
p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--ruf);outline-offset:3px}
.bahn{max-width:1200px;margin:0 auto;padding-inline:clamp(18px,4.5vw,56px)}
.nur-fuer-vorleser{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  white-space:nowrap}
.sprung-link{position:absolute;left:-9999px;top:0;z-index:99;background:var(--ruf);color:#fff;
  padding:10px 16px;font-size:13px}
.sprung-link:focus{left:0}

/* Sprachen, Kontakt, Login und die Netzwerke, schmal und oben */
.meta{background:var(--dunkel3);border-bottom:1px solid rgba(255,255,255,.07)}
.meta .innen{display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding-block:7px;flex-wrap:wrap}
/* Kürzel 15 px (Versalhöhe knapp 10 px), Zeichen 13 px (Peter Kerler, 19.10.2026) */
.meta a{text-decoration:none;font-size:15px;letter-spacing:.08em;text-transform:uppercase;
  color:#8b94ab;font-weight:500;transition:color .15s}
.meta a:hover{color:var(--ruf-hell)}
.meta a[aria-current="true"]{color:#dfe3ee}
.meta .gruppe{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.meta .trenn{width:1px;height:12px;background:rgba(255,255,255,.14);flex:none}
/* Die Netze als Zeichen. Die Pfade stehen in der Seite, nicht in einer
   fremden Schriftart: kein zusätzlicher Ladevorgang, keine Daten nach außen. */
.meta .zeichenreihe{gap:14px}
.meta .zeichenreihe a{display:flex;align-items:center;color:#8b94ab}
.meta .zeichenreihe svg{width:13px;height:13px;fill:currentColor;display:block}
.meta .zeichenreihe a:hover{color:var(--ruf-hell)}
/* Die Sprachen als Kürzel, die laufende in Rufweite */
.meta .sprachen{display:flex;align-items:center;gap:11px}
.meta .sprachen .strich{color:rgba(255,255,255,.2);font-size:13px;line-height:1}
.meta .sprachen a[aria-current="true"]{color:var(--ruf-hell);font-weight:700}
/* Auf schmalen Schirmen bleiben Zeichen und Kürzel an ihren Rändern,
   sie brauchen zusammen nur 210 der 375 Punkte. Die frühere Zentrierung
   war für die ausgeschriebenen Wörter gedacht, die es nicht mehr gibt. */
@media(max-width:560px){.meta .gruppe{gap:12px}
  .meta a{font-size:14px;letter-spacing:.06em}
  .meta .zeichenreihe svg{width:11px;height:11px}
  .meta .trenn{height:10px}
  .meta .sprachen .strich{font-size:11px}
  .meta .zeichenreihe{gap:13px}}

/* Riegel mit Logo und Hauptmenü */
.riegel{background:var(--dunkel);color:#fff;position:sticky;top:0;z-index:40;
  border-bottom:3px solid var(--ruf)}
.riegel .innen{display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding-block:15px;flex-wrap:wrap}
.riegel .zeichen{display:block;flex:none}
.riegel img{height:30px;width:auto}
.nav-zeile{display:flex;gap:22px;font-family:"Instrument Sans",sans-serif;font-size:12px;
  font-weight:500;letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap}
.nav-zeile a{text-decoration:none;color:#fff;opacity:.84;transition:color .15s,opacity .15s}
.nav-zeile a:hover{opacity:1;color:var(--ruf-hell)}
/* Der Bereich, in dem man sich befindet */
.nav-zeile a[aria-current="page"]{opacity:1;color:var(--ruf-hell);font-weight:700;
  position:relative}
.nav-zeile a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;
  bottom:-6px;height:2px;background:var(--ruf)}
@media(max-width:840px){.nav-zeile{width:100%;gap:17px;overflow-x:auto;padding-bottom:3px;
  scrollbar-width:none}.nav-zeile::-webkit-scrollbar{display:none}
  .nav-zeile a{white-space:nowrap}}

/* Aufmacher */
.buehne{position:relative;overflow:hidden;background:var(--dunkel)}
.buehne .band{aspect-ratio:1600/560;max-width:100%;overflow:hidden}
.buehne .band img{width:100%;height:100%;object-fit:cover}
.buehne .auflage{position:absolute;inset:0;display:flex;align-items:flex-end;
  padding-bottom:clamp(26px,4vw,52px);
  background:linear-gradient(180deg,rgba(15,24,48,.42) 0%,rgba(15,24,48,.12) 34%,rgba(15,24,48,.9) 100%)}
.buehne .auflage > div{width:100%}
.buehne h1{font-size:clamp(27px,5vw,62px);line-height:1.03;max-width:15ch;font-weight:700;
  color:#f4efe6}
.buehne .teaser{margin-top:clamp(15px,1.9vw,23px)}
.buehne .teaser a{display:inline-block;text-decoration:none;font-size:clamp(11px,1.15vw,13px);
  letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--ruf-hell);
  transition:color .15s}
.buehne .teaser a:hover{color:#f6b983}
@media(max-width:620px){.buehne .band{aspect-ratio:4/5}}

/* Zitat */
/* Das Zitat spricht leise: Serife, kursiv, klein, ohne eigene Farbfläche */
.zitat{background:var(--dunkel);color:#fff;padding-block:clamp(26px,3.2vw,40px)}
.zitat blockquote{margin:0;max-width:52ch;font-family:"Newsreader",Georgia,serif;
  font-size:clamp(15px,1.6vw,18px);line-height:1.52;font-weight:300;font-style:italic;
  color:#b9c0d2}
.zitat cite{display:block;margin-top:11px;font-family:"Source Sans 3",sans-serif;
  font-style:normal;font-size:10px;letter-spacing:.17em;text-transform:uppercase;
  color:#7b8398;font-weight:600}

/* Inhaltsblöcke */
.block{padding-block:clamp(40px,5.4vw,72px)}
.block + .block{border-top:1px solid rgba(180,164,138,.3)}
.zeile{display:flex;align-items:baseline;gap:14px;margin-bottom:10px}
.nr{font-family:"Instrument Sans",sans-serif;font-size:12px;font-weight:700;color:var(--ruf)}
.marke{font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--leise)}
.block h2{font-size:clamp(25px,3.4vw,40px);line-height:1.1;margin-bottom:22px;
  color:var(--dunkel);font-weight:700;padding-top:4px}
.block h2 a{text-decoration:none;transition:color .15s}
.block h2 a:hover{color:var(--ruf)}
.lauftext{display:grid;gap:16px;font-size:clamp(15.5px,1.45vw,17px);line-height:1.76;
  font-weight:300;max-width:68ch;color:#2a2f3a}
.lauftext a{color:var(--dunkel);text-decoration:none;border-bottom:1px solid rgba(215,106,34,.5);
  transition:color .15s,border-color .15s}
.lauftext a:hover{color:var(--ruf);border-color:var(--ruf)}
.weiter{margin-top:24px}
.weiter a{display:inline-flex;align-items:center;gap:9px;text-decoration:none;
  font-family:"Instrument Sans",sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ruf);transition:gap .18s,color .15s}
.weiter a:hover{gap:14px;color:var(--dunkel)}

/* Bildstreifen */
/* Jedes Bild behält sein eigenes Format, nichts wird beschnitten.
   Die Spaltenzahl richtet sich nach dem Platz. */
.bildstreifen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));
  gap:12px;align-items:start;margin:8px 0 22px}
.bildstreifen div{min-width:0}
.bildstreifen img{width:100%;height:auto;display:block;margin:0}

/* Fuß */
.fuss{background:var(--dunkel);color:#9aa3b8;padding-block:clamp(34px,4.4vw,54px)}
.fuss .spalten{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;
  padding-bottom:26px;border-bottom:1px solid var(--dunkel2);margin-bottom:24px}
.fuss .spalte{min-width:0}
.fuss strong{display:block;color:#dfe3ee;font-family:"Instrument Sans",sans-serif;font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin-bottom:11px}
.fuss .spalte a{display:block;text-decoration:none;font-size:13px;line-height:1.9;
  transition:color .15s}
.fuss .spalte a:hover{color:var(--ruf-hell)}
.fuss .reihe{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;font-size:12.5px}
.fuss .reihe a{text-decoration:none}
.fuss .reihe a:hover{color:var(--ruf-hell)}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition-duration:.01ms!important}
}

/* =====================================================================
   Unterseiten: Seitenkopf, Untermenü und Fließinhalt
   ===================================================================== */

/* Die Hauptüberschrift der Seite, im Inhalt */
.inhaltstext h1{font-family:"Instrument Sans",sans-serif;font-size:clamp(26px,3.8vw,44px);
  line-height:1.08;letter-spacing:-.028em;color:var(--dunkel);font-weight:700;
  margin:0 0 22px;max-width:24ch}

.seite{padding-block:clamp(34px,4.6vw,64px)}
.seite .geruest{display:grid;gap:clamp(26px,4vw,56px);align-items:start}
.seite.mit-spalte .geruest{grid-template-columns:minmax(0,220px) minmax(0,1fr)}
@media(max-width:860px){.seite.mit-spalte .geruest{grid-template-columns:1fr}}

.unterspalte{min-width:0}
@media(max-width:860px){.unterspalte{border-bottom:1px solid rgba(180,164,138,.4);
  padding-bottom:18px}}
.unterspalte .bereichskopf{display:block;font-family:"Instrument Sans",sans-serif;
  font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--leise);text-decoration:none;padding-bottom:11px;margin-bottom:4px;
  border-bottom:1px solid rgba(180,164,138,.45);transition:color .15s}
.unterspalte .bereichskopf:hover{color:var(--ruf)}
/* Der Punkt, auf dem man steht, bleibt stehen und wird gekennzeichnet */
.unterspalte a[aria-current="page"]{color:var(--ruf);font-weight:600;
  box-shadow:inset 3px 0 0 var(--ruf);padding-left:11px;margin-left:-11px}
.unterspalte a[aria-current="page"]:hover{color:var(--ruf)}
.unterspalte .punkte{display:flex;flex-direction:column}
.unterspalte a{text-decoration:none;font-size:14px;line-height:1.5;padding-block:7px;
  color:var(--dunkel);border-bottom:1px solid rgba(180,164,138,.22);transition:color .15s}
.unterspalte a:hover{color:var(--ruf)}
/* Statusmarke im Objektverzeichnis: "im Vertrieb" hervorgehoben, Rest ruhig */
.unterspalte .lage{display:block;font-family:"Instrument Sans",sans-serif;font-size:9.5px;
  font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9a9284;margin-top:2px}
.unterspalte .lage.jetzt{color:var(--ruf)}
.unterspalte a[aria-current="page"] .lage{color:var(--ruf)}
@media(max-width:860px){.unterspalte .punkte{flex-flow:row wrap;gap:4px 18px}
  .unterspalte a{border-bottom:none;font-size:13px}}
@media(max-width:860px){.unterspalte .lage{display:inline;margin:0 0 0 6px;font-size:9px}}

/* Fließinhalt aus der bestehenden Seite */
.inhaltstext{min-width:0;font-size:clamp(15.5px,1.45vw,17px);line-height:1.76;
  font-weight:300;color:#2a2f3a}
.inhaltstext > *:first-child{margin-top:0}
.inhaltstext p{margin:0 0 17px;max-width:68ch}
/* Die Lesebreite gilt dem Text. Ein Absatz, der nur ein Bild oder einen Film
   trägt, nutzt die volle Spalte. */
.inhaltstext p:has(> iframe),.inhaltstext p:has(> img),
.inhaltstext p:has(> a > img),.inhaltstext p:has(> strong > img){max-width:none}
.inhaltstext h2,.inhaltstext h3,.inhaltstext h4{font-family:"Instrument Sans",sans-serif;
  color:var(--dunkel);font-weight:700;letter-spacing:-.02em;margin:34px 0 14px;line-height:1.16}
.inhaltstext h2{font-size:clamp(22px,2.8vw,32px)}
.inhaltstext h3{font-size:clamp(18px,2.1vw,23px)}
.inhaltstext h4{font-size:16px;letter-spacing:.01em}
.inhaltstext a{color:var(--dunkel);text-decoration:none;
  border-bottom:1px solid rgba(215,106,34,.5);transition:color .15s,border-color .15s}
.inhaltstext a:hover{color:var(--ruf);border-color:var(--ruf)}
.inhaltstext strong,.inhaltstext b{font-weight:600;color:var(--dunkel)}
.inhaltstext ul,.inhaltstext ol{margin:0 0 18px;padding-left:1.3em;max-width:66ch}
.inhaltstext li{margin-bottom:8px}
.inhaltstext li::marker{color:var(--ruf)}
.inhaltstext img{margin:8px 0 22px;max-width:100%;height:auto}
.inhaltstext figure{margin:0 0 22px}
.inhaltstext figcaption{font-size:12.5px;color:var(--leise);margin-top:7px}
.inhaltstext blockquote{margin:24px 0;padding-left:20px;border-left:3px solid var(--ruf);
  font-size:clamp(17px,1.9vw,21px);line-height:1.46;color:var(--dunkel)}
.inhaltstext hr{border:none;border-top:1px solid rgba(180,164,138,.45);margin:30px 0}
.inhaltstext table{border-collapse:collapse;width:100%;margin:0 0 22px;font-size:14.5px}
.inhaltstext th,.inhaltstext td{text-align:left;padding:9px 12px;
  border-bottom:1px solid rgba(180,164,138,.4);vertical-align:top}
.inhaltstext th{font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--leise)}
.inhaltstext .tabellenrahmen{overflow-x:auto}
/* Eingebettete Filme: 600 breit, im Seitenverhältnis 16 zu 9.
   Auf schmalen Schirmen nehmen sie die volle Breite. */
.inhaltstext iframe,.inhaltstext embed,.inhaltstext object{display:block;width:100%;
  max-width:600px;aspect-ratio:16/9;height:auto;border:0;margin:10px 0 24px;background:#000}
.inhaltstext input,.inhaltstext textarea,.inhaltstext select{font:inherit;
  padding:10px 12px;border:1px solid rgba(180,164,138,.6);background:#fffdf9;
  color:var(--text);max-width:100%}
.inhaltstext button,.inhaltstext input[type="submit"]{font-family:"Instrument Sans",sans-serif;
  font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  padding:12px 20px;border:1px solid var(--ruf);background:var(--ruf);color:#fff;
  cursor:pointer;transition:background .18s}
.inhaltstext button:hover,.inhaltstext input[type="submit"]:hover{background:#b9551a}

/* =====================================================================
   Kontaktseite: Anschrift als Karte, Formular in Gruppen
   ===================================================================== */

.kontaktkarte{background:#fffdf9;border-left:3px solid var(--ruf);
  padding:clamp(22px,2.8vw,32px);margin-bottom:clamp(30px,3.6vw,46px);
  display:grid;gap:14px}
.kontaktkarte p{margin:0;max-width:none}
.kontaktkarte p:first-child{font-family:"Instrument Sans",sans-serif;
  font-size:clamp(19px,2.2vw,25px);font-weight:700;letter-spacing:-.02em;
  color:var(--dunkel)}
.kontaktkarte br{line-height:2}
.kontaktkarte a{border-bottom-color:rgba(215,106,34,.55)}

.formulartitel{font-family:"Instrument Sans",sans-serif;font-size:clamp(20px,2.4vw,27px);
  font-weight:700;letter-spacing:-.02em;color:var(--dunkel);margin:0 0 22px}

.formular{display:grid;gap:clamp(22px,2.6vw,30px);max-width:760px}
.feldgruppe{display:grid;gap:12px}
.gruppentitel{font-family:"Instrument Sans",sans-serif;font-size:10.5px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:var(--ruf);
  padding-bottom:9px;border-bottom:1px solid rgba(180,164,138,.45)}
.felder{display:grid;gap:14px 18px}
.felder.zwei{grid-template-columns:1fr 1fr}
.felder.strasse-ort{grid-template-columns:2fr 1fr 1.6fr}
@media(max-width:620px){.felder.zwei,.felder.strasse-ort{grid-template-columns:1fr}}
.feld{margin:0;display:grid;gap:6px;min-width:0}
.feld label{font-size:12.5px;font-weight:600;letter-spacing:.03em;color:var(--leise)}
.feld .stern{color:var(--ruf);font-weight:700}
.feld input,.feld textarea{font:inherit;font-weight:300;font-size:15.5px;
  padding:11px 13px;border:1px solid rgba(180,164,138,.65);border-radius:0;
  background:#fffdf9;color:var(--text);width:100%;min-width:0;
  transition:border-color .15s,box-shadow .15s}
.feld input:hover,.feld textarea:hover{border-color:rgba(180,164,138,.95)}
.feld input:focus,.feld textarea:focus{outline:none;border-color:var(--ruf);
  box-shadow:0 0 0 3px rgba(215,106,34,.14)}
.feld textarea{resize:vertical;line-height:1.6}
/* Formularfelder nutzen die volle Breite, auch wenn sie als Absatz gesetzt sind */
.inhaltstext p.feld,.formular .feld{max-width:none}
/* Fängt selbsttätige Einträge ab, für Menschen unsichtbar */
.honigtopf{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.absenden{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:4px}
.absenden button{font-family:"Instrument Sans",sans-serif;font-size:12px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;padding:14px 26px;
  border:1px solid var(--ruf);background:var(--ruf);color:#fff;cursor:pointer;
  transition:background .18s,border-color .18s}
.absenden button:hover{background:#b9551a;border-color:#b9551a}
.absenden .hinweis{font-size:12.5px;color:var(--leise);max-width:34ch;line-height:1.5}

/* =====================================================================
   Meldungen: Übersicht als Karten, Wechsel statt langem Menü
   ===================================================================== */

.meldungsliste{display:grid;gap:2px}
.meldung{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0;
  background:#fffdf9;transition:background .18s}
.meldung:hover{background:#fff}
@media(max-width:700px){.meldung{grid-template-columns:1fr}}
/* Ohne Bild gibt es keine Bildspalte, der Text bekommt die volle Breite */
.meldung.ohne-bild{grid-template-columns:1fr}
.kartenbild{display:block;overflow:hidden;background:#f2ebdf;aspect-ratio:200/150}
.kartenbild img{width:100%;height:100%;object-fit:cover;
  transition:transform .5s cubic-bezier(.2,.6,.2,1)}
.meldung:hover .kartenbild img{transform:scale(1.04)}
@media(max-width:700px){.kartenbild{aspect-ratio:16/9}}
.kartentext{padding:clamp(18px,2.2vw,26px);min-width:0;display:flex;flex-direction:column}
.kartentext .datum{font-family:"Instrument Sans",sans-serif;font-size:10.5px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ruf);margin-bottom:9px}
.kartentext h3{font-family:"Instrument Sans",sans-serif;font-size:clamp(17px,2vw,22px);
  font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 9px}
.kartentext h3 a{text-decoration:none;color:var(--dunkel);transition:color .15s}
.kartentext h3 a:hover{color:var(--ruf)}
.kartentext p{margin:0 0 14px;font-size:14.5px;line-height:1.66;color:#454b58;max-width:62ch}
.kartentext .mehr{margin-top:auto;align-self:flex-start;text-decoration:none;
  font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ruf);transition:color .15s}
.kartentext .mehr:hover{color:var(--dunkel)}

.meldungsdatum{font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ruf);margin-bottom:18px;
  padding-bottom:14px;border-bottom:1px solid rgba(180,164,138,.4)}

.meldungswechsel{margin-top:clamp(34px,4vw,52px);padding-top:22px;
  border-top:1px solid rgba(180,164,138,.45);
  display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start}
@media(max-width:760px){.meldungswechsel{grid-template-columns:1fr;gap:12px}}
.meldungswechsel a{text-decoration:none;min-width:0}
.meldungswechsel .kennung{display:block;font-family:"Instrument Sans",sans-serif;
  font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ruf);margin-bottom:5px}
.meldungswechsel .titelchen{display:block;font-size:13.5px;line-height:1.45;
  color:var(--dunkel);font-weight:400}
.meldungswechsel a:hover .titelchen{color:var(--ruf)}
.meldungswechsel .aelter{text-align:right}
@media(max-width:760px){.meldungswechsel .aelter{text-align:left}}
.meldungswechsel .zurueck{align-self:center;font-family:"Instrument Sans",sans-serif;
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--dunkel);border:1px solid rgba(180,164,138,.7);padding:11px 18px;
  white-space:nowrap;transition:border-color .18s,color .18s,background .18s}
.meldungswechsel .zurueck:hover{border-color:var(--ruf);color:var(--ruf);background:#fffdf9}

/* Ergänzungen für die Vorlagen im Redaktionssystem */
.inhaltstext .kennzahlen{font-size:clamp(15px,1.6vw,18px);color:var(--dunkel);font-weight:400;
  margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid rgba(180,164,138,.4)}
.inhaltstext .kennzahlen strong{font-weight:700;color:var(--ruf)}
.formularmeldung{padding:14px 18px;margin:0 0 22px;font-size:14.5px;line-height:1.6;
  border-left:3px solid var(--ruf);background:#fffdf9}
.formularmeldung.gut{border-left-color:#3f7d4f}
.formularmeldung.fehler{border-left-color:#a8321f}

/* Chronik: Meldungen nach Jahren, Jahreszahl bleibt beim Scrollen stehen */
.chronik{margin-top:clamp(18px,3vw,30px)}
.chronik-jahr{display:grid;grid-template-columns:150px minmax(0,1fr);gap:clamp(18px,3vw,36px);
  padding:clamp(22px,3vw,32px) 0;border-top:1px solid rgba(180,164,138,.45)}
.inhaltstext .chronik-jahr .jahreszahl{position:sticky;top:96px;align-self:start;margin:0;
  font-family:"Newsreader",Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(42px,5vw,60px);
  line-height:.9;letter-spacing:-1px;color:var(--dunkel)}
.chronik-jahr .jahreszahl small{display:block;margin-top:10px;font-family:"Instrument Sans",sans-serif;
  font-style:normal;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9a8f7c}
.chronik .eintraege{display:flex;flex-direction:column;gap:2px}
.inhaltstext .chronik .eintrag{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:start;
  padding:14px;margin:0 -14px;text-decoration:none;color:inherit;border-radius:2px;transition:background .15s}
.inhaltstext .chronik .eintrag:hover{background:#fff}
.chronik .vorschau{display:block;width:120px;aspect-ratio:4/3;overflow:hidden;background:#e8e2d6}
.chronik .vorschau img{display:block;width:100%;height:100%;object-fit:cover;margin:0;max-width:none;
  transition:transform .35s}
.inhaltstext .chronik .eintrag:hover .vorschau img{transform:scale(1.05)}
.chronik .vorschau.leer{background:linear-gradient(135deg,var(--dunkel),#25335c)}
.chronik .text{display:block;min-width:0}
.chronik .datum{display:block;font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.12em;color:var(--ruf)}
.chronik .titel{display:block;margin:5px 0 5px;font-family:"Instrument Sans",sans-serif;font-weight:600;
  font-size:17px;line-height:1.32;color:var(--dunkel);transition:color .15s}
.inhaltstext .chronik .eintrag:hover .titel{color:var(--ruf)}
.chronik .anriss{display:block;font-size:14.5px;line-height:1.55;color:#6a7080}
@media(max-width:760px){
  .chronik-jahr{grid-template-columns:1fr;gap:8px}
  .inhaltstext .chronik-jahr .jahreszahl{position:static;font-size:40px}
  .chronik-jahr .jahreszahl small{display:inline;margin:0 0 0 10px}
  .inhaltstext .chronik .eintrag{grid-template-columns:84px minmax(0,1fr);gap:14px}
  .chronik .vorschau{width:84px}
}

/* Zurück zur Chronik: oben auf jeder Meldung, Sprung genau zum Eintrag */
.inhaltstext .zur-chronik{display:inline-block;margin:0 0 18px;font-family:"Instrument Sans",sans-serif;
  font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7d879c;
  text-decoration:none;transition:color .15s}
.inhaltstext .zur-chronik:hover{color:var(--ruf)}
.inhaltstext .zur-chronik span{font-size:16px;margin-right:2px}
.chronik .eintrag{scroll-margin-top:130px}
.inhaltstext .chronik .eintrag:target{animation:aufleuchten 2.4s ease-out}
@keyframes aufleuchten{0%,30%{background:#fff3e6}100%{background:transparent}}
/* Auf der Chronik sofort zum Eintrag springen statt weich durch alle Jahre zu fahren */
html:has(.chronik){scroll-behavior:auto}

/* Unternehmen: alles auf einer Seite, Leitsatz, Zahlen, Grundsätze, Team */
.inhaltstext .leitsatz{font-family:"Newsreader",Georgia,serif;font-style:italic;font-weight:300;
  font-size:clamp(28px,3.4vw,44px);line-height:1.18;color:var(--dunkel);max-width:none;margin:6px 0 40px}
.inhaltstext .zahlenleiste{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;
  margin:0 0 52px;padding:40px 0;background:var(--dunkel);
  box-shadow:0 0 0 100vmax var(--dunkel);clip-path:inset(0 -100vmax)}
.zahlenleiste b{display:block;font-family:"Instrument Sans",sans-serif;font-weight:700;
  font-size:clamp(36px,4.4vw,54px);letter-spacing:-2px;line-height:1;color:var(--ruf-hell)}
.zahlenleiste span{display:block;margin-top:8px;font-size:14px;line-height:1.4;color:#aeb6c6}
.zahlenleiste b small{font-size:.5em;letter-spacing:0;margin-left:4px}
@media(max-width:1100px){.inhaltstext .zahlenleiste{grid-template-columns:repeat(3,minmax(0,1fr))}}
.inhaltstext .haltung{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px;margin:0 0 40px}
.inhaltstext .haltung h2{margin:0}
.inhaltstext .grundsaetze{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 56px}
.grundsaetze .karte{background:#fff;border:1px solid #e6dfd2;padding:26px 24px}
.grundsaetze .nr{display:block;font-family:"Newsreader",Georgia,serif;font-style:italic;font-size:40px;line-height:1;color:var(--ruf)}
.inhaltstext .grundsaetze h3{font-size:19px;margin:12px 0 8px}
.inhaltstext .grundsaetze p{margin:0;font-size:15px;line-height:1.62}
.inhaltstext .schilder{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;max-width:none}
.inhaltstext .schilder li{margin:0;padding:4px 9px;background:#f2ede3;color:#6a5c42;
  font-family:"Instrument Sans",sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.04em}
.inhaltstext .personen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0 56px}
.person{background:#fff;border:1px solid #e6dfd2}
.inhaltstext .person img{display:block;width:100%;max-width:none;aspect-ratio:4/5;object-fit:cover;object-position:center top;
  margin:0;filter:grayscale(1);transition:filter .3s}
.person:hover img{filter:grayscale(0)}
.person .angaben{padding:16px 18px 18px}
.person .rolle{font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ruf)}
.inhaltstext .person h3{font-size:18px;margin:6px 0 2px}
.inhaltstext .person .seit{font-size:13px;color:#9a8f7c;margin:0 0 10px}
.inhaltstext .person p{font-size:14px;line-height:1.58;margin:0}
.inhaltstext .weiterfuehrend{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 20px}
.inhaltstext .weiterfuehrend a{display:block;padding:22px 24px;background:#fff;border:1px solid #e6dfd2;
  color:var(--dunkel);text-decoration:none;font-family:"Instrument Sans",sans-serif;transition:border-color .15s}
.inhaltstext .weiterfuehrend a:hover{border-color:var(--ruf)}
.weiterfuehrend b{display:block;font-size:20px}
.weiterfuehrend span{display:block;margin-top:4px;font-family:"Source Sans 3",sans-serif;font-size:14px;color:#6a7080}
@media(max-width:860px){
  .inhaltstext .zahlenleiste,.inhaltstext .personen{grid-template-columns:1fr 1fr}
  .inhaltstext .haltung,.inhaltstext .grundsaetze,.inhaltstext .weiterfuehrend{grid-template-columns:1fr}
  .inhaltstext .haltung{gap:12px}
}
@media(max-width:520px){.inhaltstext .personen{grid-template-columns:1fr}}

/* Consulting: zwei Wege, Leistungen zum Aufklappen */
.inhaltstext .zahlenleiste.einzeln{display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.zahlenleiste.einzeln span{margin:0;max-width:34ch;font-size:15px}
.inhaltstext .wege{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0 0 22px}
.weg{background:#fff;border:1px solid #e6dfd2}
.weg .wegkopf{padding:24px 26px 18px;border-bottom:1px solid #eee5d6}
.weg .fuer{font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ruf)}
.inhaltstext .weg h2{font-size:26px;letter-spacing:-.5px;margin:6px 0 6px}
.inhaltstext .weg .wegkopf p{margin:0;font-size:14.5px;line-height:1.55;color:#6a7080}
.weg details{border-bottom:1px solid #eee5d6;scroll-margin-top:130px}
.weg details:last-child{border-bottom:0}
.weg summary{list-style:none;cursor:pointer;padding:16px 26px;display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:12px;align-items:start}
.weg summary::-webkit-details-marker{display:none}
.weg summary:hover .name{color:var(--ruf)}
.weg summary .name{display:block;font-family:"Instrument Sans",sans-serif;font-weight:600;font-size:17px;
  color:var(--dunkel);transition:color .15s}
.weg summary .kurz{display:block;margin-top:3px;font-size:14px;line-height:1.45;color:#6a7080}
.weg summary .auf{font-family:"Instrument Sans",sans-serif;font-size:24px;line-height:1;color:var(--ruf);transition:transform .2s}
.weg details[open] summary .auf{transform:rotate(45deg)}
.weg details[open] summary .name{color:var(--ruf)}
.weg .voll{padding:0 26px 20px;font-size:15px;line-height:1.65}
.inhaltstext .weg .voll p{margin:0 0 10px}
.inhaltstext .weg .voll ul{margin:0 0 10px}
.inhaltstext .weg .voll h2,.inhaltstext .weg .voll h3{font-size:15.5px;margin:0 0 8px}
.inhaltstext .rechtshinweis{font-size:13.5px;color:#9a8f7c;margin:0 0 20px}
@media(max-width:860px){.inhaltstext .wege{grid-template-columns:1fr}.weg summary{padding:14px 18px}.weg .voll{padding:0 18px 18px}}

/* Medien: DEAL Magazin und Presse über uns */
.inhaltstext .zahlenleiste.drei{grid-template-columns:repeat(3,minmax(0,1fr))}
.inhaltstext .medienprofil{display:grid;grid-template-columns:250px minmax(0,1fr);gap:44px;align-items:start;margin:0 0 52px}
.inhaltstext .medienprofil img{display:block;width:220px;max-width:100%;margin:6px 0 0;
  box-shadow:0 18px 40px rgba(15,24,48,.25);transform:rotate(-2deg)}
.inhaltstext .medienprofil h2{margin:0 0 12px}
.inhaltstext .medienprofil p{margin:0 0 14px}
.inhaltstext a.knopf{display:inline-block;margin-top:6px;padding:13px 20px;background:var(--dunkel);color:#fff;border:0;
  font-family:"Instrument Sans",sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  transition:background .15s}
.inhaltstext a.knopf:hover{background:var(--ruf);color:#fff}
.inhaltstext .presse{margin:0 0 48px}
.inhaltstext .presse h2{margin:0 0 14px}
.inhaltstext a.bericht{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:baseline;
  padding:16px 0;border:0;border-bottom:1px solid #e1d8c8;color:inherit;text-decoration:none}
.bericht .zeitung{display:block;font-family:"Instrument Sans",sans-serif;font-size:11.5px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ruf)}
.bericht .datum{display:block;margin-top:3px;font-size:13.5px;color:#9a8f7c}
.bericht .titel{font-family:"Newsreader",Georgia,serif;font-style:italic;font-size:21px;line-height:1.3;color:var(--dunkel);transition:color .15s}
.inhaltstext a.bericht:hover .titel{color:var(--ruf)}
.inhaltstext .angebot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;
  background:#fff;border:1px solid #e6dfd2;padding:28px 30px;margin:0 0 20px}
.inhaltstext .angebot h2{font-size:22px;margin:0 0 6px}
.inhaltstext .angebot p{margin:0}
@media(max-width:860px){
  .inhaltstext .zahlenleiste.drei{grid-template-columns:1fr}
  .inhaltstext .medienprofil,.inhaltstext .angebot{grid-template-columns:1fr;gap:24px}
  .inhaltstext a.bericht{grid-template-columns:1fr;gap:6px}
}

/* Kontakt: Formular links, direkte Wege rechts, Hinweis unter dem Knopf */
.kontaktraster{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:56px;align-items:start}
.seitenweg{position:sticky;top:110px;border-left:3px solid var(--ruf);padding-left:22px}
.inhaltstext .seitenweg h2{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ruf);margin:0 0 6px}
.inhaltstext .seitenweg a,.seitenweg .ort{display:block;padding:12px 0;border:0;border-bottom:1px solid #e1d8c8;color:inherit;text-decoration:none}
.seitenweg .ort{border-bottom:0}
.seitenweg .art{display:block;font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:#9a8f7c}
.seitenweg .wert{display:block;margin-top:3px;font-family:"Instrument Sans",sans-serif;font-size:16px;font-weight:600;
  line-height:1.35;color:var(--dunkel);transition:color .15s}
.seitenweg .zus{display:block;margin-top:3px;font-size:13px;color:#9a8f7c}
.inhaltstext .seitenweg a:hover .wert{color:var(--ruf)}
.absenden{flex-direction:column;align-items:flex-start;gap:14px}
.absenden .hinweis{max-width:none}
@media(max-width:960px){.kontaktraster{grid-template-columns:1fr;gap:40px}.seitenweg{position:static}}
/* Vermietung als Schaufenster: freie Flächen groß, vermietete als Raster */
.inhaltstext h2.abschnitt{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ruf);margin:0 0 14px}
.inhaltstext .freie-flaechen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0 0 48px}
.inhaltstext a.flaechenkarte{display:block;background:#fff;border:1px solid #e6dfd2;color:inherit;text-decoration:none;
  transition:border-color .15s,transform .15s}
.inhaltstext a.flaechenkarte:hover{border-color:var(--ruf);transform:translateY(-2px)}
.flaechenkarte .bild{display:block;aspect-ratio:16/10;background:#e8e2d6 center/cover no-repeat}
.flaechenkarte .angaben{display:block;padding:18px 22px 20px}
.flaechenkarte .ort{display:block;font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ruf)}
.flaechenkarte .name{display:block;margin:6px 0 12px;font-family:"Instrument Sans",sans-serif;font-size:22px;font-weight:600;color:var(--dunkel)}
.flaechenkarte .werte{display:flex;gap:30px;flex-wrap:wrap}
.flaechenkarte .werte span{display:block;font-size:12.5px;color:#9a8f7c}
.flaechenkarte .werte b{display:block;font-family:"Instrument Sans",sans-serif;font-size:22px;font-weight:600;color:var(--dunkel)}
.flaechenkarte .knopf{display:inline-block;margin-top:16px;padding:11px 18px;background:var(--dunkel);color:#fff;
  font-family:"Instrument Sans",sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:background .15s}
.inhaltstext a.flaechenkarte:hover .knopf{background:var(--ruf)}
.inhaltstext .vermietet-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 30px}
.inhaltstext a.referenzkachel{display:block;background:#fff;border:1px solid #e6dfd2;color:inherit;text-decoration:none}
.referenzkachel .bild{display:block;aspect-ratio:4/3;background:#e8e2d6 center/cover no-repeat;filter:grayscale(.6);transition:filter .3s}
.inhaltstext a.referenzkachel:hover .bild{filter:none}
.referenzkachel .angaben{display:block;padding:12px 14px 14px}
.referenzkachel .name{display:block;font-family:"Instrument Sans",sans-serif;font-size:15px;font-weight:600;color:var(--dunkel);margin:0 0 3px}
.referenzkachel .zus{display:block;font-size:12.5px;color:#9a8f7c}
@media(max-width:860px){.inhaltstext .freie-flaechen{grid-template-columns:1fr}.inhaltstext .vermietet-raster{grid-template-columns:1fr 1fr}}

/* Investment: Projekt im Vertrieb als quer liegende Karte, verkaufte als Kacheln */
.inhaltstext .freie-flaechen.eins{grid-template-columns:1fr}
.inhaltstext a.flaechenkarte.quer{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.flaechenkarte.quer .bild{aspect-ratio:3/2;min-height:0}
.flaechenkarte.quer .angaben{padding:30px 32px;border-left:1px solid #e6dfd2}
.flaechenkarte.quer .name{font-size:28px}
/* Verkaufsstand: grüner Balken, darunter gut lesbar die Zahl (Peter Kerler, 25.10.2026), in der Karte und auf der Objektseite */
.verkaufsstand{display:block;margin:20px 0 4px;max-width:520px}
.verkaufsstand .balken{display:block;height:10px;border-radius:5px;background:#e3ebe2;position:relative;overflow:hidden}
.verkaufsstand .balken i{position:absolute;inset:0 auto 0 0;background:#2e7d32;border-radius:5px}
.verkaufsstand .balkentext{display:block;margin-top:8px;font:600 15px/1.4 "Instrument Sans",sans-serif;color:#1f5a23}
.inhaltstext .kennzahlen .verkaufsstand{margin:14px 0 0}
.flaechenkarte .merkmale{display:block;margin:14px 0 0;font-size:14px;line-height:1.7;color:#5b5446}
.inhaltstext p.hinweis{font-size:13px;color:#9a8f7c;margin:8px 0 0}
@media(max-width:860px){.inhaltstext a.flaechenkarte.quer{grid-template-columns:1fr}
  .flaechenkarte.quer .bild{min-height:0;aspect-ratio:3/2}.flaechenkarte.quer .angaben{border-left:0;padding:20px 22px}}

/* Kontakt Fassung A: vier direkte Wege als dunkles Band unter dem Formular */
.inhaltstext .wegeband{background:var(--dunkel);box-shadow:0 0 0 100vmax var(--dunkel);clip-path:inset(0 -100vmax);
  padding:44px 0;margin:64px 0 -64px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.wegeband .art{display:block;font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ruf-hell)}
.inhaltstext .wegeband .wert{display:block;margin-top:10px;font-family:"Instrument Sans",sans-serif;font-size:19px;font-weight:600;
  color:#fff;line-height:1.3;text-decoration:none;border:0}
.inhaltstext .wegeband a.wert:hover{color:var(--ruf-hell)}
.wegeband .zus{display:block;margin-top:6px;font-size:13.5px;line-height:1.5;color:#aeb6c6}
.inhaltstext .wegeband .zus a{color:#fff;border-bottom:1px solid rgba(255,255,255,.3);text-decoration:none}
@media(max-width:960px){.inhaltstext .wegeband{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.inhaltstext .wegeband{grid-template-columns:1fr;gap:24px}}

/* Anfrage auf aktuellen Angeboten: Knopf oben, Band am Ende */
.inhaltstext p.anfragelink{margin:0 0 26px}
.inhaltstext .anfragelink a{display:inline-block;padding:10px 18px;background:var(--ruf);color:#fff;border:0;text-decoration:none;
  font-family:"Instrument Sans",sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.inhaltstext .anfragelink a:hover{background:#b9551a}
.inhaltstext .anfrageband{background:var(--dunkel);color:#fff;padding:32px 34px;margin:44px 0 10px;scroll-margin-top:110px}
.inhaltstext .anfrageband h2{color:#fff;margin:0 0 6px;font-size:24px}
.inhaltstext .anfrageband p{color:#aeb6c6;margin:0 0 22px}
.anfrageband .wege{display:flex;flex-wrap:wrap;align-items:center;gap:18px 36px}
.inhaltstext .anfrageband .wege a{color:#fff;border:0;text-decoration:none;font-family:"Instrument Sans",sans-serif;font-size:17px;font-weight:600}
.anfrageband .wege .art{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ruf-hell);margin-bottom:3px}
.inhaltstext .anfrageband .wege a.knopf{padding:14px 22px;background:var(--ruf);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.inhaltstext .anfrageband .wege a.knopf:hover{background:#b9551a}
.inhaltstext .anfrageband .wege a:not(.knopf):hover{color:var(--ruf-hell)}
.inhaltstext .formular{max-width:none}

/* Untermenü bei Objekten: Bildliste in zwei Gruppen, auf dem Handy ein Streifen zum Wischen */
.objektliste .gruppe{font-family:"Instrument Sans",sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#9a8f7c;margin:22px 0 6px}
.objektliste .gruppe.aktuell{color:var(--ruf)}
.unterspalte.objektliste a.objekt{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;
  padding:7px 8px 7px 8px;margin-left:-11px;border-bottom:0;border-left:3px solid transparent;box-shadow:none;font-weight:400}
.unterspalte.objektliste a.objekt:hover{background:rgba(215,106,34,.06)}
.unterspalte.objektliste a.objekt[aria-current="page"]{border-left-color:var(--ruf);background:#fff;padding-left:8px;margin-left:-11px}
.objektliste .kleinbild{display:block;width:64px;height:46px;background:#e8e2d6 center/cover no-repeat}
.objektliste a.objekt:not(.aktuell) .kleinbild{filter:grayscale(.7);transition:filter .2s}
.objektliste a.objekt:hover .kleinbild,.objektliste a.objekt[aria-current="page"] .kleinbild{filter:none}
.objektliste .name{display:block;font-family:"Instrument Sans",sans-serif;font-size:13.5px;font-weight:600;line-height:1.25;color:var(--dunkel)}
.objektliste a.objekt:hover .name,.objektliste a.objekt[aria-current="page"] .name{color:var(--ruf)}
.objektliste .zus{display:block;margin-top:2px;font-size:11.5px;line-height:1.35;color:#9a8f7c}
@media(max-width:860px){
  .unterspalte.objektliste .punkte{flex-flow:row nowrap;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
    margin:0 -16px;padding:4px 16px 8px;-webkit-overflow-scrolling:touch}
  .objektliste .gruppe{display:none}
  .unterspalte.objektliste a.objekt,.unterspalte.objektliste a.objekt[aria-current="page"]{flex:0 0 138px;display:block;margin:0;padding:0;
    border:0;border-bottom:3px solid transparent;background:#fff;scroll-snap-align:start}
  .unterspalte.objektliste a.objekt[aria-current="page"]{border-bottom-color:var(--ruf)}
  .unterspalte.objektliste a.objekt.aktuell{box-shadow:inset 0 3px 0 var(--ruf)}
  .objektliste .kleinbild{width:100%;height:86px}
  .objektliste .text{display:block;padding:8px 10px 10px}
  .objektliste .name{font-size:13px}
}
.inhaltstext p.hinweis.auswahl{margin:-8px 0 16px}
/* Leitsatz: fester Umbruch an der Sinngrenze, auf schmalen Bildschirmen fließt der Text frei */
@media(max-width:700px){.inhaltstext .leitsatz br.umbruch{display:none}}

/* Startseite Fassung A: Zahlenband, Angebote, Bereiche, Chronik */
.start-zahlen{background:var(--dunkel);border-top:1px solid rgba(255,255,255,.08);padding-block:clamp(30px,3.6vw,46px)}
.start-zahlen .bahn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.start-zahlen b{display:block;font-family:"Instrument Sans",sans-serif;font-weight:700;font-size:clamp(34px,3.8vw,48px);
  letter-spacing:-2px;line-height:1;color:var(--ruf-hell)}
.start-zahlen b small{font-size:.5em;letter-spacing:0;margin-left:4px}
.start-zahlen span{display:block;margin-top:8px;font-size:14px;line-height:1.4;color:#aeb6c6}
.start-abschnitt{padding-block:clamp(40px,5vw,64px) 0}
.start-abschnitt:last-of-type{padding-bottom:clamp(48px,6vw,80px)}
.start-kopf{font-family:"Instrument Sans",sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ruf);margin:0 0 18px}
.start-kopf a{color:inherit;text-decoration:none}
.start-angebote{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
a.start-karte{display:block;background:#fff;border:1px solid #e6dfd2;color:inherit;text-decoration:none;transition:transform .15s,border-color .15s}
a.start-karte:hover{transform:translateY(-2px);border-color:var(--ruf)}
.start-karte .bild{display:block;aspect-ratio:16/10;background:#e8e2d6 center/cover no-repeat}
.start-karte .angaben{display:block;padding:18px 20px 20px}
.start-karte .ort{display:block;font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ruf)}
.start-karte .name{display:block;margin:6px 0 12px;font-family:"Instrument Sans",sans-serif;font-size:21px;font-weight:600;color:var(--dunkel)}
.start-karte .werte{display:flex;gap:22px;flex-wrap:wrap}
.start-karte .werte span{display:block;font-size:12px;color:#9a8f7c}
.start-karte .werte b{display:block;font-family:"Instrument Sans",sans-serif;font-size:19px;font-weight:600;color:var(--dunkel)}
.start-karte .knopf{display:inline-block;margin-top:16px;padding:10px 16px;background:var(--dunkel);color:#fff;
  font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
a.start-karte:hover .knopf{background:var(--ruf)}
.start-bereiche{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #e1d8c8}
.start-bereiche a{display:block;padding:26px 22px 28px 0;margin-right:22px;border-bottom:3px solid transparent;color:inherit;text-decoration:none}
.start-bereiche a:hover{border-bottom-color:var(--ruf)}
.start-bereiche .nr{font-family:"Instrument Sans",sans-serif;font-size:12px;color:#b3a78f}
.start-bereiche .titel{display:block;margin:10px 0 8px;font-family:"Instrument Sans",sans-serif;font-size:20px;font-weight:600;color:var(--dunkel)}
.start-bereiche .satz{display:block;font-family:"Newsreader",Georgia,serif;font-style:italic;font-size:17px;line-height:1.35;color:#5b5446}
.start-bereiche .weiter{display:block;margin-top:14px;font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ruf)}
.start-chronik{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.start-chronik a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center;color:inherit;text-decoration:none}
.start-chronik img{width:120px;height:90px;object-fit:cover;display:block}
.start-chronik .datum{display:block;font-size:12.5px;color:#9a8f7c}
.start-chronik .titel{display:block;font-family:"Instrument Sans",sans-serif;font-size:16px;font-weight:600;line-height:1.3;color:var(--dunkel)}
.start-chronik a:hover .titel{color:var(--ruf)}
@media(max-width:960px){.start-zahlen .bahn,.start-angebote,.start-chronik{grid-template-columns:1fr 1fr}.start-bereiche{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.start-angebote,.start-chronik,.start-bereiche{grid-template-columns:1fr}
  .start-bereiche a{margin-right:0;padding:20px 0;border-bottom:1px solid #e1d8c8}}

/* Chronik: Zeitachse mit allen Jahrgängen im blauen Band, jeder Punkt springt zum Jahr */
.inhaltstext .zeitachse{background:var(--dunkel);box-shadow:0 0 0 100vmax var(--dunkel);clip-path:inset(0 -100vmax);
  padding:34px 0 28px;margin:0 0 48px}
.zeitachse .achse{display:flex;justify-content:space-between;gap:6px;position:relative;padding-top:20px}
.zeitachse .achse:before{content:"";position:absolute;left:0;right:0;top:4px;height:1px;background:rgba(255,255,255,.22)}
.inhaltstext .zeitachse a{position:relative;flex:1 0 auto;min-width:46px;text-align:center;text-decoration:none;border:0;
  font-family:"Instrument Sans",sans-serif}
.zeitachse a:before{content:"";position:absolute;left:50%;top:-20px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;
  background:var(--ruf-hell);transition:transform .15s}
.inhaltstext .zeitachse a b{display:block;color:#fff;font-size:clamp(14px,1.6vw,20px);font-weight:700;letter-spacing:-.5px}
.zeitachse a span{display:block;margin-top:2px;font-size:11px;color:#aeb6c6}
.inhaltstext .zeitachse a:hover b{color:var(--ruf-hell)}
.zeitachse a:hover:before{transform:scale(1.4)}
.chronik-jahr,.inhaltstext .chronik-jahr .jahreszahl{scroll-margin-top:120px}
@media(max-width:860px){
  .zeitachse .achse{overflow-x:auto;justify-content:flex-start;gap:4px;padding-bottom:6px;scrollbar-width:none}
  .zeitachse .achse:before{width:max-content;min-width:100%}
  .inhaltstext .zeitachse a{flex:0 0 52px}
}

/* Fuß: leiser Kontaktknopf statt Anschrift, nur Rahmen, füllt sich beim Darüberfahren */
.fuss .reihe{align-items:center}
.fuss .reihe a.kontaktknopf{display:inline-block;padding:9px 16px;border:1px solid var(--ruf-hell);color:var(--ruf-hell);
  font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;
  transition:background .15s,border-color .15s,color .15s}
.fuss .reihe a.kontaktknopf:hover{background:var(--ruf);border-color:var(--ruf);color:#fff}

/* Knöpfe in zwei Stufen, beide orange (Peter Kerler, 19.10.2026):
   abschicken und anfragen gefüllt, weitergehen mit Rahmen wie im Fuß. Kein Dunkelblau mehr als Knopffarbe. */
.inhaltstext a.knopf{background:none;color:var(--ruf);border:1px solid var(--ruf);transition:background .15s,color .15s,border-color .15s}
.inhaltstext a.knopf:hover{background:var(--ruf);color:#fff}
.inhaltstext .angebot a.knopf{background:var(--ruf);color:#fff;border-color:var(--ruf)}
.inhaltstext .angebot a.knopf:hover{background:#b9551a;border-color:#b9551a}
.inhaltstext .anfrageband .wege a.knopf{border-color:var(--ruf)}
.inhaltstext .anfrageband .wege a.knopf:hover{border-color:#b9551a}
.flaechenkarte .knopf,.start-karte .knopf{background:none;color:var(--ruf);border:1px solid var(--ruf);transition:background .15s,color .15s}
.inhaltstext a.flaechenkarte:hover .knopf,a.start-karte:hover .knopf{background:var(--ruf);color:#fff}

/* Lange Adressen im Fließtext brechen um, statt die Seite auf dem Handy zu verbreitern (19.10.2026) */
.inhaltstext p a,.inhaltstext li a{overflow-wrap:anywhere}

/* Filme mit Zwei-Klick-Lösung: Vorschaubild vom eigenen Server, oranger Abspielknopf (19.10.2026) */
.inhaltstext .film{max-width:600px;margin:10px 0 24px}
.inhaltstext .film-start{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;cursor:pointer;
  background:#0f1830 center/cover no-repeat}
.inhaltstext .film-start:after{content:"";position:absolute;inset:0;background:rgba(15,24,48,.18);transition:background .2s}
.inhaltstext .film-start:hover:after{background:rgba(15,24,48,.05)}
.film-knopf{position:absolute;z-index:1;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;
  background:var(--ruf);box-shadow:0 6px 22px rgba(0,0,0,.28);transition:transform .2s,background .2s}
.film-knopf:before{content:"";position:absolute;left:31px;top:24px;border-style:solid;border-width:14px 0 14px 22px;
  border-color:transparent transparent transparent #fff}
.inhaltstext .film-start:hover .film-knopf{transform:scale(1.08);background:#b9551a}
.inhaltstext .film-start:focus-visible{outline:3px solid var(--ruf);outline-offset:3px}
.film-hinweis{display:block;margin-top:8px;font-size:12.5px;line-height:1.45;color:#9a8f7c}
.inhaltstext figure:has(.film) figcaption{margin-top:4px}

/* Handynummer halb verdeckt, ein Klick auf "anzeigen" setzt sie zusammen (19.10.2026) */
.inhaltstext .nr-teil b{font-weight:600;letter-spacing:2px;opacity:.6;color:inherit}
.inhaltstext button.nr-mehr{display:inline;margin:0 0 0 4px;padding:0;background:none;border:0;border-radius:0;cursor:pointer;
  color:var(--ruf);font:600 13px "Source Sans 3",sans-serif;letter-spacing:0;text-transform:none;
  text-decoration:underline;text-underline-offset:3px;vertical-align:baseline}
.inhaltstext button.nr-mehr:hover{background:none;color:#b9551a}
.inhaltstext .wegeband button.nr-mehr,.inhaltstext .anfrageband button.nr-mehr{color:var(--ruf-hell)}
.inhaltstext .wegeband button.nr-mehr:hover,.inhaltstext .anfrageband button.nr-mehr:hover{color:#fff}
.inhaltstext .anfrageband .wege .nr-teil{color:#fff;font-family:"Instrument Sans",sans-serif;font-size:17px;font-weight:600}

/* Projektraum: Anmeldung, Objekte, Verwaltung der Zugänge (19.10.2026) */
.projektraum .klein{font-size:13px;color:#9a8f7c;margin:6px 0 0}
.pr-anmeldung{max-width:460px;background:#fff;border:1px solid #e6dfd2;padding:28px 30px;margin:0 0 30px}
.pr-anmeldung p{margin:0 0 16px;font-size:15px}
.pr-anmeldung label,.pr-form label{display:block;font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#9a8f7c;margin:0 0 6px}
.pr-anmeldung input,.pr-form input{width:100%;padding:12px 14px;border:1px solid #d9d0c0;background:#fdfcf9;font:inherit;color:var(--dunkel)}
.pr-anmeldung input{margin:0 0 16px;letter-spacing:.12em;text-transform:uppercase}
.pr-anmeldung small{display:block;margin-top:16px;font-size:13px;color:#9a8f7c}
.pr-leiste{display:flex;justify-content:space-between;align-items:center;gap:10px 20px;flex-wrap:wrap;background:var(--dunkel);color:#aeb6c6;
  padding:13px 18px;margin:0 0 22px;font-family:"Instrument Sans",sans-serif;font-size:13px}
.pr-leiste b{color:var(--ruf-hell);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.inhaltstext .pr-leiste a{color:#fff;border:0;text-decoration:none;margin-left:18px}
.inhaltstext .pr-leiste a:hover{color:var(--ruf-hell)}
.pr-karten{margin:0 0 30px}
.pr-karte .pr-zus{display:block;font-size:13px;color:#9a8f7c;margin:-6px 0 4px}
.pr-bearb{color:var(--ruf);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pr-reiter{display:flex;gap:4px;margin:0 0 18px}
.inhaltstext .pr-reiter a{font-family:"Instrument Sans",sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:10px 16px;background:#e8e2d6;color:var(--dunkel);border:0;text-decoration:none}
.inhaltstext .pr-reiter a[aria-current="page"]{background:var(--dunkel);color:#fff}
.pr-tabelle{overflow-x:auto;margin:0 0 26px}
.pr-tabelle table{width:100%;border-collapse:collapse;background:#fff;font-size:14px;margin:0}
.pr-tabelle th{text-align:left;font-family:"Instrument Sans",sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9a8f7c;
  padding:10px 12px;border-bottom:1px solid #e1d8c8;background:#fbf9f5;white-space:nowrap}
.pr-tabelle td{padding:12px;border-bottom:1px solid #eee6d8;vertical-align:top}
.pr-chip{display:inline-block;font-size:12px;padding:3px 8px;margin:0 4px 4px 0;background:#f3e7dc;color:#9a4a16;border:1px solid #ecd2bd}
.pr-status{font-family:"Instrument Sans",sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.pr-status.aktiv{color:#3a7d44}.pr-status.abgelaufen,.pr-status.gesperrt{color:#b9551a}
.pr-form{background:#fff;border:1px solid #e6dfd2;padding:22px 24px;margin:0 0 30px}
.pr-form h2{margin:0 0 16px;font-size:20px}
.pr-felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.pr-form label.pr-haken{display:block;font-family:inherit;font-size:15px;letter-spacing:0;text-transform:none;color:var(--dunkel);font-weight:400;margin:4px 0}
.pr-form .pr-haken input{width:auto;margin-right:6px}
.pr-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:20px}
.inhaltstext button.pr-rahmen{background:none;color:var(--ruf);border:1px solid var(--ruf)}
.inhaltstext button.pr-rahmen:hover{background:var(--ruf);color:#fff}
.inhaltstext button.pr-loeschen{color:#9a3a12;border-color:#d9b3a0}
.pr-neues-passwort{background:#fff;border:2px solid var(--ruf);padding:20px 22px;margin:0 0 24px}
.pr-neues-passwort code{font-size:20px;letter-spacing:2px;background:#f3e7dc;padding:3px 8px}
.pr-neues-passwort textarea{width:100%;font:14px/1.5 "Source Sans 3",sans-serif;border:1px solid #d9d0c0;padding:10px 12px;background:#fdfcf9;margin:10px 0 12px}
.pr-zurueck{margin:0 0 18px;font-size:14px}
.pr-modell{margin:24px 0 8px;border:1px solid #e6dfd2;background:var(--dunkel)}
.inhaltstext .pr-modell iframe{display:block;width:100%;max-width:none;height:min(86vh,980px);min-height:560px;aspect-ratio:auto;margin:0;border:0;background:var(--dunkel)}
/* Das Modell erst nach Klick bedienen, sonst bleibt man beim Scrollen hängen (Gestaltung Projektraum 4, Peter 22.10.2026).
   Die Sperre liegt nur über der 3D-Ansicht; frei ist sie durchlässig, bleibt aber liegen, damit sie das Rollen aus dem Bild bemerkt. */
.pr-modell{position:relative}
/* .inhaltstext button setzt Farbe, Großbuchstaben und Rundung aller Knöpfe; die Sperre ist kein Knopf in diesem Sinn */
.inhaltstext button.pr-sperre{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:auto;min-width:0;height:auto;border:0;border-radius:0;padding:0;margin:0;
  background:rgba(15,24,48,.06);box-shadow:none;cursor:pointer;font:inherit;text-transform:none;letter-spacing:normal}
.inhaltstext button.pr-sperre span{background:rgba(15,24,48,.72);color:#fbf8f2;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;line-height:1.3}
.inhaltstext button.pr-sperre:hover{background:rgba(15,24,48,.12)}
.inhaltstext button.pr-sperre.frei{background:none;pointer-events:none}
.inhaltstext button.pr-sperre.frei span{display:none}
.inhaltstext button.pr-sperre[hidden]{display:none}
.pr-vollbild{font-size:14px}
@media(max-width:760px){.pr-felder{grid-template-columns:1fr}.pr-anmeldung,.pr-form{padding:20px 18px}}

/* Projektraum: Freigabe durch den Verwalter (19.10.2026). Entwurf deutlich, Knopf unter der Karte */
.pr-status.entwurf{color:#fff;background:var(--ruf);padding:2px 7px;margin-right:6px}
.pr-objekt{display:flex;flex-direction:column}
.pr-objekt .pr-karte{flex:1}
.pr-objekt form{margin:10px 0 0}
.inhaltstext .pr-objekt form button{width:100%}
.pr-form label.pr-haken .pr-status.entwurf{font-size:10px;margin-left:4px}

/* Projektraum: Suche neben den Reitern (19.10.2026) */
.pr-reiter{flex-wrap:wrap;align-items:stretch}
.inhaltstext .pr-reiter input.pr-suche{margin:0 0 0 8px;width:260px;max-width:100%;padding:0 12px;min-height:38px;border:1px solid #d9d1c1;
  background:#fffdf9;font:400 15px "Source Sans 3",sans-serif;color:var(--text);border-radius:0;box-sizing:border-box}
.inhaltstext .pr-reiter input.pr-suche:focus{outline:2px solid var(--ruf);outline-offset:1px;border-color:var(--ruf)}
.pr-objekt[hidden],.pr-tabelle tr[hidden]{display:none}
@media (max-width:640px){.inhaltstext .pr-reiter input.pr-suche{margin:6px 0 0;width:100%;flex:1 1 100%}}

/* Projektraum: zwei Bereiche (20.10.2026). Anlagenverzeichnis wie beim Bauantrag (O3),
   Zugänge nach Art (V4). Die Ergänzung bekommt einen warmen Grund, damit sie nie mit A verwechselt wird. */
.pr-amt-hinweis{background:#fff;border-left:4px solid var(--dunkel);padding:12px 16px;font-size:15px;line-height:1.55;margin:0 0 18px}
.pr-verwalter-sicht{margin:-8px 0 16px}
.pr-verwalter-sicht .pr-status{margin:0 10px 0 4px}
.pr-anlagen{margin:30px 0 10px}
.pr-anlagen h2{margin:0 0 12px}
.pr-anlagen td.pr-nr{font-family:"Instrument Sans",sans-serif;font-weight:700;color:var(--ruf);width:44px}
.pr-anlagen td.pr-laden{white-space:nowrap;text-align:right}
.inhaltstext .pr-anlagen td.pr-laden a{color:var(--ruf);text-decoration:none;border-bottom:1px solid #ecd2bd}
.pr-anlagen tr.pr-zwischen td{background:#f3ede3;font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7a705e;padding:8px 12px}
.pr-anlagen tr.pr-b td{background:#fdf9f3}
.pr-pakete{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.inhaltstext a.pr-paket{display:inline-block;padding:11px 18px;background:var(--ruf);color:#fff;text-decoration:none;border:1px solid var(--ruf);
  font-family:"Instrument Sans",sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.inhaltstext a.pr-paket.pr-rahmen{background:none;color:var(--ruf)}
.inhaltstext a.pr-paket:hover{background:var(--dunkel);border-color:var(--dunkel);color:#fff}
.pr-art{display:inline-block;font-family:"Instrument Sans",sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border:1px solid;vertical-align:middle}
.pr-art.kunde{color:#3c4150;border-color:#c9ccd4}
.pr-art.amt{color:#fff;background:var(--dunkel);border-color:var(--dunkel)}
.pr-art.investor{color:#9a4a16;border-color:#ecd2bd;background:#fbf3ea}
.pr-form h2 .pr-art{margin-left:8px}
.pr-chip i{font-style:normal;font-family:"Instrument Sans",sans-serif;font-weight:700;margin-left:6px;padding-left:6px;border-left:1px solid #ecd2bd}
.pr-rueckfrage{background:#fff;border:2px solid #9a4a16;padding:18px 22px;margin:0 0 24px;font-size:15px;line-height:1.55}
.pr-rueckfrage p{margin:0 0 8px}
.pr-rueckfrage .pr-kennung,.pr-neu .pr-artwahl b{font-family:"Instrument Sans",sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9a4a16}
.pr-artwahl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.pr-form .pr-artwahl label{display:block;position:relative;font:400 14px/1.5 "Source Sans 3",sans-serif;letter-spacing:0;text-transform:none;color:var(--text);
  background:#fdfcf9;border:1px solid #e6dfd2;padding:14px 16px 14px 40px;margin:0;cursor:pointer}
.pr-form .pr-artwahl label:has(input:checked){border:2px solid var(--ruf);padding:13px 15px 13px 39px;background:#fff}
.pr-form .pr-artwahl input{position:absolute;left:14px;top:17px;width:auto;margin:0}
.pr-neu .pr-artwahl b{display:block;font-size:16px;letter-spacing:-.01em;text-transform:none;color:var(--dunkel);margin:0 0 4px}
.pr-neu .pr-nur-amt{display:none}
.pr-neu:has(input[name="art"][value="amt"]:checked) .pr-nur-amt{display:block}
.pr-objektwahl{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 0}
.pr-form select{padding:8px 10px;border:1px solid #d9d0c0;background:#fdfcf9;font:inherit;color:var(--dunkel)}
.pr-form .pr-nur-amt select{width:100%}
.pr-protokoll{background:#fff;border:1px solid #e6dfd2;padding:20px 24px;margin:0 0 30px}
.pr-protokoll h2{margin:0 0 12px;font-size:20px}
.pr-protokoll ul{list-style:none;margin:0;padding:0;font-size:14px}
.pr-protokoll li{padding:6px 0;border-top:1px solid #f0eadf}
.pr-protokoll li:first-child{border-top:0}
.pr-protokoll li span{display:inline-block;min-width:150px;color:#9a8f7c}
.pr-objekt form{display:flex;flex-direction:column;gap:6px}
@media(max-width:760px){.pr-artwahl{grid-template-columns:1fr}.pr-anlagen .pr-weg{display:none}}

/* Projektraum: Freigabe mit zwei Knöpfen je Zugang und Objekt (Fassung F2, 20.10.2026).
   Rot heißt gesperrt, grün freigegeben, so hat Peter es gewollt. Außer ihm sieht niemand A oder B. */
.pr-zugaenge{margin:0 0 26px}
.pr-zugang{background:#fff;border:1px solid #e6dfd2;margin:0 0 14px}
.pr-zugang[hidden]{display:none}
.pr-zkopf{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:14px 16px}
.pr-zkopf strong{font:600 17px "Instrument Sans",sans-serif;color:var(--dunkel);letter-spacing:-.01em}
.pr-zkopf .klein{flex-basis:100%;margin:0}
.pr-zobjekt{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:11px 16px;border-top:1px solid #f0eadf}
.pr-ztitel{font-size:15px}
.pr-zknoepfe{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.inhaltstext button.pr-kn,.pr-kn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:132px;margin:0;padding:10px 10px;border:1px solid;
  font:700 11px/1 "Instrument Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer}
.inhaltstext .pr-kn b,.pr-kn b{font-size:12.5px;font-weight:700;letter-spacing:.04em;color:inherit}
.inhaltstext button.pr-kn.zu{background:#b3261e;border-color:#b3261e;color:#fff}
.inhaltstext button.pr-kn.zu:hover{background:#8f1e18;border-color:#8f1e18}
.inhaltstext button.pr-kn.auf{background:#2e7d32;border-color:#2e7d32;color:#fff}
.inhaltstext button.pr-kn.auf:hover{background:#246428;border-color:#246428}
.inhaltstext button.pr-kn:disabled{opacity:.45;cursor:default}
.pr-kn.fest{color:#9a8f7c;background:#f1ece3;border-color:#e1d8c8;cursor:default}
.inhaltstext button.pr-weg-knopf{background:none;border:0;color:#9a8f7c;font:400 22px/1 "Source Sans 3",sans-serif;padding:4px 8px;margin:0;min-width:0}
.inhaltstext button.pr-weg-knopf:hover{color:var(--dunkel);background:none}
.pr-zobjekt .pr-rueckfrage{flex-basis:100%;margin:6px 0 2px;padding:14px 16px;border:2px solid var(--dunkel);box-shadow:0 8px 24px rgba(15,24,48,.14)}
.pr-zobjekt .pr-rueckfrage .pr-kennung{color:#b3261e}
.inhaltstext button.pr-ja{background:#2e7d32;border-color:#2e7d32}
.pr-zdazu{display:flex;gap:8px;flex-wrap:wrap;padding:11px 16px;border-top:1px solid #f0eadf}
.pr-zdazu select{flex:1 1 200px;padding:9px 10px;border:1px solid #d9d0c0;background:#fdfcf9;font:inherit;color:var(--dunkel)}
.inhaltstext .pr-zdazu button{margin:0}
.inhaltstext a.pr-zmehr{display:block;padding:11px 16px;border-top:1px solid #f0eadf;border-bottom:0;font-size:14px;color:var(--ruf);text-decoration:none}
.pr-nur-b{display:inline-block;margin-left:0;font:700 10px/1.4 "Instrument Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;
  padding:1px 6px;color:#9a4a16;border:1px solid #ecd2bd;background:#fbf3ea;vertical-align:middle;white-space:nowrap}
@media(max-width:420px){.inhaltstext button.pr-kn,.pr-kn{min-width:0;flex:1 1 0}.pr-zknoepfe{flex-basis:100%}}
/* Hinter einem nicht angekreuzten Objekt ist die Einstellung A / A und B ohne Wirkung, darum blass */
.pr-objektwahl:has(input[type="checkbox"]:not(:checked)) select{opacity:.4}
/* Kreuzchen mit zwei Knöpfen dahinter (20.10.2026) */
.pr-form .pr-objektwahl{flex-wrap:wrap;gap:6px 12px;padding:6px 0;border-top:1px solid #f0eadf}
.pr-form .pr-objektwahl:first-child{border-top:0}
.pr-form .pr-objektwahl .pr-zknoepfe{display:flex;gap:6px;flex-wrap:nowrap}
.inhaltstext .pr-form button.pr-kn{min-width:124px;padding:9px 8px;margin:0}
.inhaltstext button.pr-kn.leise{opacity:.4;cursor:default}
.pr-neu .pr-wahl .pr-kn.fest{display:none}
.pr-neu:has(input[name="art"][value="amt"]:checked) .pr-wahl .pr-kn.fest{display:inline-flex}
.pr-neu:has(input[name="art"][value="amt"]:checked) .pr-wahl .pr-kn[data-b="B"]{display:none}
@media(max-width:420px){.pr-form .pr-objektwahl .pr-zknoepfe{flex-basis:100%}.inhaltstext .pr-form button.pr-kn,.pr-form .pr-kn.fest{flex:1 1 0;min-width:0}}
/* Knöpfe A und B feiner (Peter, 20.10.2026): kleiner, helle Fläche mit kräftiger Schrift statt greller Farbe.
   Ohne Häkchen sind sie blass, bis das Objekt angekreuzt ist. */
.inhaltstext .pr-form button.pr-kn,.pr-form .pr-kn.fest{min-width:104px;padding:5px 8px;font-size:10px;letter-spacing:.08em;border-radius:0;transition:none}
.inhaltstext .pr-form .pr-kn b{font-size:10.5px;font-weight:700}
.inhaltstext .pr-form button.pr-kn.zu{background:#f8e3e1;border-color:#e4aaa4;color:#9a2d25}
.inhaltstext .pr-form button.pr-kn.zu:hover{background:#f3d2ce;border-color:#d98f88;color:#8a241d}
.inhaltstext .pr-form button.pr-kn.auf{background:#e1f0e3;border-color:#9fcaa6;color:#24652d}
.inhaltstext .pr-form button.pr-kn.auf:hover{background:#d1e8d5;border-color:#86bb8f;color:#1d5425}
.inhaltstext .pr-form button.pr-kn.leise{opacity:.45}
.pr-form .pr-objektwahl:has(input[type="checkbox"]:not(:checked)) .pr-zknoepfe{opacity:.35}
.pr-form .pr-objektwahl:has(input[type="checkbox"]:not(:checked)) .pr-zknoepfe .pr-kn.leise{opacity:1}
/* Die Knöpfe stehen in jeder Zeile rechts, ein langer Objektname bricht stattdessen um */
.pr-form .pr-objektwahl{flex-wrap:nowrap}
.pr-form .pr-objektwahl label.pr-haken{flex:1 1 auto;min-width:0;margin:0}
.pr-form .pr-objektwahl .pr-zknoepfe{flex:none}
@media(max-width:420px){.pr-form .pr-objektwahl{flex-wrap:wrap}.pr-form .pr-objektwahl .pr-zknoepfe{flex:1 1 100%}}
/* „frei“ statt „freigegeben“: alle Knöpfe gleich breit, rot, grün, blass und „nie“, damit nichts springt */
.inhaltstext .pr-form button.pr-kn,.pr-form .pr-kn.fest{width:92px;min-width:0;flex:none;justify-content:center;gap:3px}
.inhaltstext .pr-form .pr-kn b{font-size:10px;letter-spacing:.06em}
@media(max-width:420px){.inhaltstext .pr-form button.pr-kn,.pr-form .pr-kn.fest{width:auto;flex:1 1 0}}

/* Art des Zugangs als farbiges Pflichtfeld neben der Überschrift (Peter, 20.10.2026). Je Art eine ruhige Farbe,
   dieselbe in der Übersicht. Solange keine Art gewählt ist, steht das Feld in Rufweite. */
.pr-form h2{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.pr-form select.pr-artfeld{width:auto;padding:5px 28px 5px 10px;border:1px solid;font:700 11px/1.4 "Instrument Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;
  appearance:none;-webkit-appearance:none;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23555'/%3E%3C/svg%3E") no-repeat right 10px center}
.pr-form select.pr-artfeld:has(option[value=""]:checked){background-color:var(--ruf);border-color:var(--ruf);color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23fff'/%3E%3C/svg%3E")}
.pr-form select.pr-artfeld:has(option[value="kunde"]:checked),.pr-art.kunde{background-color:#e8eef8;border-color:#b7c7e3;color:#2b4a8b}
.pr-form select.pr-artfeld:has(option[value="amt"]:checked),.pr-art.amt{background-color:#efeaf6;border-color:#cdbfe3;color:#5a3e86}
.pr-form select.pr-artfeld:has(option[value="investor"]:checked),.pr-art.investor{background-color:#fbf0e1;border-color:#e6caa0;color:#8a5a12}
.pr-form select.pr-artfeld option{background:#fff;color:var(--dunkel)}
.pr-form .pr-arthinweis{margin:-10px 0 14px}
.pr-form .pr-arthinweis span{display:none}
.pr-form:has(select[name="art"] option[value=""]:checked) .pr-arthinweis span[data-art=""],
.pr-form:has(select[name="art"] option[value="kunde"]:checked) .pr-arthinweis span[data-art="kunde"],
.pr-form:has(select[name="art"] option[value="amt"]:checked) .pr-arthinweis span[data-art="amt"],
.pr-form:has(select[name="art"] option[value="investor"]:checked) .pr-arthinweis span[data-art="investor"]{display:inline}
.pr-form:has(select[name="art"] option[value=""]:checked) .pr-arthinweis span[data-art=""]{color:var(--ruf);font-weight:600}
.pr-form .pr-nur-amt{display:none}
.pr-form:has(select[name="art"] option[value="amt"]:checked) .pr-nur-amt{display:block}
.pr-form .pr-wahl .pr-kn.fest{display:none}
.pr-form:has(select[name="art"] option[value="amt"]:checked) .pr-wahl .pr-kn.fest{display:inline-flex}
.pr-form:has(select[name="art"] option[value="amt"]:checked) .pr-wahl .pr-kn[data-b="B"]{display:none}
.pr-form .pr-amtzuviel{margin:-6px 0 12px}
.inhaltstext .pr-form button:disabled{opacity:.45;cursor:not-allowed}
.pr-form:has(select[name="art"] option[value=""]:checked) button[value="neu"]{opacity:.45}
/* Protokoll: Zeit und Eintrag in zwei Spalten, ein langer Eintrag bleibt in seiner Spalte (20.10.2026) */
.pr-protokoll li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 14px;align-items:baseline}
.pr-protokoll li span{min-width:0}
@media(max-width:480px){.pr-protokoll li{grid-template-columns:96px minmax(0,1fr);gap:0 10px}}

/* Vorschau für den Verwalter (20.10.2026, Fassung 1): nur er sieht die Leiste, immer blau (Peter);
   das gewählte Feld ist weiß hinterlegt und zeigt, welche Ansicht gilt. */
.pr-vorschau{background:var(--dunkel);color:#dfe3ee;font:600 12px/1.3 "Instrument Sans",sans-serif;letter-spacing:.06em}
.pr-vorschau .bahn{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;padding-block:8px}
.pr-vorschau .pr-vk{font-weight:700;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ruf-hell)}
.pr-vorschau a{color:inherit}
.pr-vorschau .pr-vwahl{display:flex;flex-wrap:wrap;border:1px solid rgba(255,255,255,.28)}
.pr-vorschau .pr-vwahl a{padding:6px 10px;text-decoration:none;border:0;font-size:11px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.pr-vorschau .pr-vwahl a+a{border-left:1px solid rgba(255,255,255,.28)}
.pr-vorschau .pr-vwahl a[aria-current]{background:#fff;color:var(--dunkel)}
@media(max-width:480px){.pr-vorschau .pr-vwahl{width:100%}.pr-vorschau .pr-vwahl a{flex:1 1 auto;text-align:center;padding:6px 6px;font-size:10px}}
/* Objektliste im Projektraum: Karten einer Reihe gleich hoch, „Öffnen“ immer unten auf einer Linie,
   auch wenn ein langer Name zweizeilig wird (Peter, 20.10.2026). Nur hier, nicht auf der Startseite. */
.pr-karten a.pr-karte{display:flex;flex-direction:column;height:100%}
.pr-karten .pr-karte .angaben{display:flex;flex-direction:column;align-items:flex-start;flex:1}
.pr-karten .pr-karte .angaben > *{max-width:100%}
.pr-karten .pr-karte .knopf{margin-top:auto}
.pr-karten .pr-karte .angaben > :nth-last-child(2){margin-bottom:16px}

/* Verfahren Antrag auf Vorbescheid (20.10.2026, Fassung F1 mit Gruppenzeile): über dem Modell, worum es geht;
   darunter Stufen, Zeile mit Zählung und die Liste mit festen Nummern und Ampel. */
.pr-vb-kopf{background:#fff;border:1px solid #e6dfd2;border-left:4px solid var(--dunkel);padding:12px 16px;margin:20px 0 14px}
.pr-vb-kopf .pr-vb-k{display:block;font:700 12px "Instrument Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--dunkel)}
.pr-vb-kopf p{margin:4px 0 0;font-size:15px}
.pr-verfahren{margin:26px 0 10px}
.pr-stufen{display:flex;flex-wrap:wrap;border:1px solid #e6dfd2;background:#fff;margin:0 0 18px}
.pr-stufen > span,.pr-stufen .pr-stufe{flex:1 1 0;min-width:0;margin:0;border-left:1px solid #e6dfd2}
.pr-stufen > :first-child{border-left:0}
.pr-stufen > span,.inhaltstext .pr-stufen .pr-stufe button{display:block;width:100%;height:100%;padding:9px 6px;text-align:center;background:none;border:0;
  font:700 10.5px/1.3 "Instrument Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#9a8f7c}
.inhaltstext .pr-stufen .pr-stufe button{cursor:pointer}
.inhaltstext .pr-stufen .pr-stufe button:hover{background:#f6f2ea;color:var(--dunkel)}
.pr-stufen .fertig,.inhaltstext .pr-stufen .pr-stufe button.fertig{color:#2e7d32}
.pr-stufen .jetzt,.inhaltstext .pr-stufen .pr-stufe button.jetzt{background:var(--dunkel);color:#fff}
.pr-stufen small{display:block;font:400 11px "Source Sans 3",sans-serif;letter-spacing:0;text-transform:none;margin-top:2px}
.pr-gruppen{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14.5px;margin:-4px 0 10px}
.pr-gruppen span{display:inline-flex;align-items:center;gap:6px}
.pr-punkt{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}
.pr-punkt.rot{background:#b3261e}.pr-punkt.gelb{background:#c99a14}.pr-punkt.gruen{background:#2e7d32}
.pr-vb-liste td{vertical-align:middle}
.pr-vb-liste .pr-wer{display:block;font-size:12.5px;color:#9a8f7c}
.pr-vb-liste td.pr-vb-stand{white-space:nowrap;width:1%}
.pr-stand{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:#5b5446}
.pr-ampel{display:inline-flex;gap:3px}
.pr-ampel form{margin:0}
.inhaltstext .pr-ampel button{width:26px;height:26px;min-width:0;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d9d0c0;cursor:pointer;opacity:.45}
.inhaltstext .pr-ampel button i{width:10px;height:10px;border-radius:50%;display:block}
.inhaltstext .pr-ampel button.rot i{background:#b3261e}.inhaltstext .pr-ampel button.gelb i{background:#c99a14}.inhaltstext .pr-ampel button.gruen i{background:#2e7d32}
.inhaltstext .pr-ampel button.an{opacity:1}
.inhaltstext .pr-ampel button.an.rot{background:#f8e3e1;border-color:#e4aaa4}.inhaltstext .pr-ampel button.an.gelb{background:#fbf1d2;border-color:#e8cf7d}.inhaltstext .pr-ampel button.an.gruen{background:#e1f0e3;border-color:#9fcaa6}
.inhaltstext .pr-ampel button:hover{opacity:1}
.pr-vb-liste td.pr-laden{white-space:nowrap}
.pr-vb-liste td.pr-laden form{display:inline;margin:0 0 0 8px}
.inhaltstext button.pr-anfordern{background:none;color:var(--ruf);border:1px solid var(--ruf);padding:4px 8px;font-size:10.5px;margin:0}
.inhaltstext button.pr-anfordern:hover{background:var(--ruf);color:#fff}
.pr-was-fehlt{background:#fff;border:1px solid #e6dfd2;padding:14px 16px;margin:6px 0 16px}
.pr-was-fehlt label{display:block;font-size:14.5px;margin:0 0 6px}
.pr-was-fehlt textarea{width:100%;border:1px solid #d9d0c0;background:#fdfcf9;padding:8px 10px;font:inherit;margin:0 0 10px}
.pr-anforderungen{background:#fff;border:1px solid #e6dfd2;padding:14px 16px;margin:0 0 16px}
.pr-anforderungen h3{margin:0 0 8px;font-size:16px}
.pr-anforderungen ul{list-style:none;margin:0;padding:0}
.pr-anforderungen li{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:7px 0;border-top:1px solid #f0eadf;font-size:14px}
.pr-anforderungen li:first-child{border-top:0}
.pr-anforderungen li.erledigt{color:#9a8f7c}
.pr-anforderungen .pr-wann{color:#9a8f7c;font-size:13px}
.pr-anforderungen form{margin:0}
.pr-einreichen{background:#fff;border:1px solid #e6dfd2;padding:14px 16px;margin:0 0 16px}
.pr-einreichen form{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:0 0 10px}
.pr-einreichen label{font:700 11px "Instrument Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#9a8f7c;min-width:120px}
.pr-einreichen input{border:1px solid #d9d0c0;background:#fdfcf9;padding:8px 10px;font:inherit}
.inhaltstext .pr-einreichen button{margin:0}
@media(max-width:600px){.pr-stufen > span,.pr-stufen .pr-stufe{flex:1 1 33.3%;border-top:1px solid #e6dfd2}
  .pr-anforderungen li{grid-template-columns:1fr}.pr-vb-liste td.pr-laden form{display:block;margin:6px 0 0}}
.pr-verfahren td.pr-nr{font-family:"Instrument Sans",sans-serif;font-weight:700;color:var(--ruf);width:44px}
.inhaltstext .pr-verfahren td.pr-laden a{color:var(--ruf);text-decoration:none;border-bottom:1px solid #ecd2bd}
/* Handy: Ampel und Laden unter den Titel, damit nichts seitlich läuft */
@media(max-width:600px){.pr-vb-liste,.pr-vb-liste tbody{display:block}.pr-vb-liste tr:first-child{display:none}
  .pr-vb-liste tr{display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px 8px;padding:10px 12px;border-bottom:1px solid #eee6d8}
  .pr-vb-liste td{border:0;padding:0;width:auto}.pr-vb-liste td.pr-vb-stand,.pr-vb-liste td.pr-laden{grid-column:2;width:auto;text-align:left}
  .pr-vb-liste td.pr-laden form{display:inline;margin:0 0 0 10px}}
.pr-eckdaten{font-size:14.5px;color:#5b5446;margin:-6px 0 16px}
.pr-vb-kopf .pr-vb-stand-k{margin:6px 0 0}
.pr-vb-kopf .klein{margin:6px 0 0}

/* Fester Aufbau der Objektseite (Peter, 20.10.2026): Kopf und Modell, dann die Unterlagen als Klappfeld wie im
   Modell, dann der untere Teil des Modells mit den übrigen Klappfeldern. */
details.pr-fold{background:#fffdf9;border:1px solid #e6dfd2;margin:24px 0 12px}
details.pr-fold>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;
  gap:12px;padding:16px 18px;font:600 11px/1.3 "Instrument Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--leise)}
details.pr-fold>summary::-webkit-details-marker{display:none}
details.pr-fold>summary::after{content:"";flex:none;width:8px;height:8px;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:4px;transition:transform .15s}
details.pr-fold[open]>summary::after{transform:rotate(-135deg)}
details.pr-fold>summary:hover{color:var(--ruf)}
details.pr-fold>:not(summary){margin-inline:18px}
details.pr-fold>:last-child{margin-bottom:18px}
details.pr-fold .pr-verfahren{margin-top:0}
.pr-modell.pr-teil{margin:0;border:0;background:transparent}
.inhaltstext .pr-modell.pr-teil iframe{height:auto;min-height:0;background:transparent}
@media (max-width:600px){details.pr-fold>:not(summary){margin-inline:12px}}

/* Kopf fürs Bauamt: die Karte „Gegenstand“ (Peter, 20.10.2026, gewählt Fassung 1; die verworfenen in entwuerfe/projektraum-verworfen/) */
.pr-kopf{margin:22px 0 18px}
.pr-kopf .pr-kopf-k{display:block;font:700 11px/1.3 "Instrument Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--ruf)}
.pr-kopf .pr-kopf-g{margin:6px 0 0;font:500 clamp(17px,1.7vw,20px)/1.4 "Instrument Sans",sans-serif;letter-spacing:-.01em;color:var(--dunkel);text-wrap:pretty}
.pr-kopf .pr-kopf-fuss{margin:0;font-size:13.5px;color:var(--leise)}
.pr-kopf-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.pr-kopf-chips span{display:inline-flex;align-items:center;gap:7px;font-size:14px;padding:5px 12px;border-radius:999px}
.pr-kopf1{background:#fffdf9;border:1px solid #e6dfd2;padding:20px 22px 16px}
.pr-kopf1 .pr-kopf-chips span{background:#f7f3ec;border:1px solid #e6dfd2;color:var(--dunkel)}
.pr-kopf1 .pr-kopf-fuss{margin-top:14px;padding-top:10px;border-top:1px solid #eee6d8}
@media (max-width:600px){
  .pr-kopf1{padding-inline:16px}
}

/* Liste des Vorbescheids: jede Unterlage ein Klappfeld wie „Lage“, Ampel in der Kopfzeile (Peter, 20.10.2026) */
.pr-vb-titel{font:700 12px/1.3 "Instrument Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--dunkel);margin:30px 0 12px}
.pr-uk-liste{margin:14px 0 0}
details.pr-uk{margin:0 0 8px}
details.pr-uk>summary{justify-content:flex-start;letter-spacing:.12em;padding:14px 18px}
details.pr-uk>summary .pr-uk-nr{flex:none;width:34px;color:var(--ruf);font-weight:700;letter-spacing:.04em}
details.pr-uk>summary .pr-uk-t{flex:1;color:var(--dunkel)}
details.pr-uk>summary .pr-stand{flex:none;display:inline-flex;align-items:center;gap:7px;text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:500;color:var(--leise)}
details.pr-uk.rot>summary{box-shadow:inset 3px 0 0 #b3261e}
details.pr-uk.gelb>summary{box-shadow:inset 3px 0 0 #c99a14}
details.pr-uk.gruen>summary{box-shadow:inset 3px 0 0 #2e7d32}
details.pr-uk>.pr-uk-b{margin:0;padding:0 18px 16px 70px}
.pr-uk-b>p{margin:0 0 8px;font-size:15px}
.pr-uk-b .pr-uk-meta{font-size:13.5px;color:var(--leise)}
.pr-uk-tun{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-start;margin-top:10px}
.pr-uk-laden{display:inline-block;background:var(--ruf);color:#fff;text-decoration:none;font:700 12px/1 "Instrument Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:11px 16px}
.pr-uk-laden:hover{background:var(--dunkel)}
.pr-uk-anf{display:grid;gap:6px;width:100%;max-width:560px}
.pr-uk-anf label{font-size:13.5px;color:var(--leise)}
.pr-uk-anf textarea,.pr-uk-anf input{width:100%;font:inherit;font-size:15px;padding:8px 10px;border:1px solid #d9d0bf;background:#fff}
.pr-uk-anf button{justify-self:start}
.pr-uk-datei{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
details.pr-weitere{background:transparent;border-style:dashed}
details.pr-weitere>summary .pr-uk-nr{font-size:15px}
.pr-hinweis-amt{margin:32px 0 8px;padding-top:12px;border-top:1px solid #eee6d8;font-size:13.5px;color:var(--leise)}
@media (max-width:600px){
  details.pr-uk>summary{flex-wrap:wrap;row-gap:4px;padding-inline:14px}
  details.pr-uk>summary .pr-uk-t{flex:1 1 calc(100% - 60px)}
  details.pr-uk>summary .pr-stand{margin-left:34px}
  details.pr-uk>.pr-uk-b{padding:0 14px 14px}
}
.inhaltstext .pr-uk-anf button.pr-anfordern{font-size:12px;padding:9px 14px}
.inhaltstext .pr-kopf p,.inhaltstext .pr-uk-b p{max-width:none}
.inhaltstext h2.pr-vb-titel{font:700 12px/1.3 "Instrument Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--dunkel);margin:30px 0 12px}
/* Kopf 1 nach Peters Durchsicht (20.10.2026): Kapseln mit Luft, darunter Grundstück, Bauherrin, Ansprechpartner */
.pr-kopf1{padding:22px 24px 18px}
.pr-kopf1 .pr-kopf-g{font-weight:600;font-size:clamp(18px,1.8vw,21px)}
.pr-kopf1 .pr-kopf-chips{margin-top:20px}
.pr-kopf1 .pr-kopf-chips span{padding:7px 14px}
.pr-kopf-angaben{margin:20px 0 0;padding-top:16px;border-top:1px solid #eee6d8;display:grid;grid-template-columns:1.1fr 1.1fr 1fr;gap:12px 24px}
.pr-kopf-angaben dt{font:600 11px/1.3 "Instrument Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--leise)}
.pr-kopf-angaben dd{margin:4px 0 0;font-size:15px;line-height:1.5;color:var(--dunkel)}
.pr-kopf-angaben a{color:var(--dunkel);text-decoration-color:#d9d0bf;text-underline-offset:3px}
.pr-kopf-angaben a:hover{color:var(--ruf)}
.pr-kopf1 .pr-kopf-angaben+.pr-kopf-fuss{border-top:0;padding-top:0;margin-top:16px}
@media (max-width:600px){.pr-kopf-angaben{grid-template-columns:1fr}}
.pr-kopf1 .pr-kopf-chips span{border-radius:var(--pr-rund)}
/* Angaben in Kopf 1 (Peter, 20.10.2026): ohne Linie, feste Zeilen, Spalten oben bündig */
.pr-kopf-angaben{border-top:0;padding-top:0;margin-top:22px;grid-template-columns:auto auto auto;justify-content:start;column-gap:48px}
.pr-kopf-angaben dd{margin-top:6px}
.pr-kopf-angaben .pr-z{display:block;white-space:nowrap}
.pr-vb-nummern{font-size:13.5px;color:var(--leise);margin:4px 0 0}
@media (max-width:600px){
  .pr-kopf-angaben{grid-template-columns:1fr;row-gap:14px}
  .pr-kopf-angaben .pr-z{white-space:normal}
}

/* Abstandsraster des Projektraums (Peter, 20.10.2026): gilt für jeden Kasten der Objektseite,
   dieselben Werte stehen in den Modellteilen (lechhoehe-umstyling.py, RASTER_CSS) */
:root{--pr-innen:24px;--pr-luft:14px;--pr-abstand:24px;--pr-zeile:8px} /* --pr-zeile: zwischen gleichartigen Klappfeldern */
@media (max-width:600px){:root{--pr-innen:16px}}
.pr-kopf1{padding:var(--pr-innen);margin:var(--pr-abstand) 0 0}
.pr-kopf1 .pr-kopf-g{margin-top:var(--pr-luft)}
.pr-kopf1 .pr-kopf-chips{margin-top:var(--pr-luft)}
.pr-kopf1 .pr-kopf-angaben{margin-top:var(--pr-abstand)}
.projektraum .pr-modell{margin-top:var(--pr-abstand)}
.inhaltstext h2.pr-vb-titel{margin:var(--pr-abstand) 0 var(--pr-luft)}
@media (max-width:600px){.pr-kopf1{padding-inline:var(--pr-innen)}}
/* Vorschau-Leiste: jedes Feld für sich, mit Abstand nach dem Raster (Peter, 20.10.2026) */
.pr-vorschau .pr-vwahl{border:0;gap:var(--pr-luft) var(--pr-luft)}
.pr-vorschau .pr-vwahl a{border:1px solid rgba(255,255,255,.28)}
.pr-vorschau .pr-vwahl a+a{border-left:1px solid rgba(255,255,255,.28)}
.pr-vorschau .pr-vwahl a[aria-current]{border-color:#fff}
@media(max-width:480px){
  .pr-vorschau .pr-vwahl{display:grid;grid-template-columns:1fr 1fr;gap:var(--pr-luft)}
  .pr-vorschau .pr-vwahl a{padding:8px 6px;font-size:10.5px}
}

/* Angaben als Schriftfeld wie auf einem Plan (Peter, 20.10.2026, gewählt Fassung 3; die verworfenen in entwuerfe/projektraum-verworfen/).
   Haarlinie 0.5px, auf dem Handy und Retina so fein wie auf einem Plan */
.pr-feld{--haar:.5px solid #a9a090;margin-top:var(--pr-abstand)}
.pr-feld dt{font-size:10px;letter-spacing:.18em}
.pr-feld dd{margin-top:6px}
/* Eine waagrechte Haarlinie darüber, senkrechte zwischen den Spalten */
.pr-kopf-angaben.pr-feld3{grid-template-columns:repeat(3,1fr);gap:0;border-top:var(--haar);padding-top:var(--pr-luft)}
.pr-feld3>div{padding:0 var(--pr-innen)}
.pr-feld3>div:first-child{padding-left:0}
.pr-feld3>div+div{border-left:var(--haar)}
@media (max-width:600px){
  .pr-kopf-angaben.pr-feld3{grid-template-columns:1fr}
  .pr-feld3>div,.pr-feld3>div:first-child{padding:var(--pr-luft) 0}
  .pr-feld3>div:first-child{padding-top:0}
  .pr-feld3>div+div{border-left:0;border-top:var(--haar)}
}

/* Objektseite im Projektraum nach dem Abstandsraster, von oben bis unten gemessen (Peter, 20.10.2026):
   24 zwischen Kästen und Bereichen, 14 zwischen Überschrift und Inhalt und zwischen Teilen eines Bereichs */
.projektraum .pr-vorschau+.geruest .pr-zurueck{margin-top:var(--pr-abstand)}
.projektraum .inhaltstext .pr-zurueck{margin-bottom:var(--pr-luft)}
.projektraum .inhaltstext .zeile{margin-bottom:var(--pr-luft)}
.projektraum .inhaltstext h1{margin-bottom:var(--pr-luft)}
.projektraum .inhaltstext .kennzahlen{margin-bottom:0;padding-bottom:var(--pr-luft)}
.projektraum .pr-modell{margin-bottom:0}
.projektraum .inhaltstext .pr-vollbild{margin:var(--pr-luft) 0 0}
.projektraum .pr-verfahren{display:flex;flex-direction:column;gap:var(--pr-luft)}
.projektraum .pr-verfahren>*{margin-top:0;margin-bottom:0}
.projektraum .inhaltstext .pr-verfahren>h2.pr-vb-titel{margin:var(--pr-abstand) 0 0}
.projektraum .pr-verfahren .pr-gruppen{margin:0}
.projektraum .inhaltstext .pr-hinweis-amt{margin:var(--pr-abstand) 0 0}
.projektraum details.pr-fold#unterlagen{margin:var(--pr-abstand) 0 0}
.projektraum .inhaltstext .pr-verfahren{margin-top:0}
.projektraum .inhaltstext p.anfragelink{margin:var(--pr-abstand) 0 var(--pr-luft)}
.projektraum .inhaltstext .anfrageband{margin-top:var(--pr-abstand)}
details.pr-uk{margin:0 0 var(--pr-zeile)}
/* Wechsel zwischen fertiger Zeile und Klappfeld (21.10.2026, Lechhöhe): Luft statt Zeile, wie zwischen ungleichartigen Elementen */
.projektraum .pr-kasten .pr-uk-zeile+details.pr-uk,.projektraum .pr-kasten details.pr-uk+.pr-uk-zeile{margin-top:var(--pr-luft)}

/* Stand nur im Kopf (Peter, 20.10.2026): Peter wählt ihn im Feld „Stand“, das Amt sieht nur den Text */
.pr-punkt.grau{background:#a9a090}
.pr-kopf-chips{align-items:flex-start}
.pr-stand-wahl{position:relative}
.pr-stand-wahl>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:14px;padding:7px 14px;
  background:#f7f3ec;border:1px solid #e6dfd2;color:var(--dunkel)}
.pr-stand-wahl>summary::-webkit-details-marker{display:none}
.pr-stand-wahl>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 2px 3px 6px}
.pr-stand-wahl[open]>summary{border-color:var(--dunkel)}
.pr-stand-menue{position:absolute;z-index:5;top:calc(100% + 6px);left:0;width:min(340px,80vw);background:#fff;border:1px solid var(--dunkel);
  padding:var(--pr-zeile);display:grid;gap:var(--pr-zeile);box-shadow:0 8px 24px rgba(15,24,48,.12)}
.pr-stand-menue form{display:flex;gap:8px;align-items:center;margin:0}
.inhaltstext .pr-stand-menue button{flex:none;background:none;border:1px solid #e6dfd2;color:var(--dunkel);font:500 14px/1.2 "Source Sans 3",sans-serif;
  letter-spacing:0;text-transform:none;padding:8px 12px;margin:0;cursor:pointer;text-align:left}
.inhaltstext .pr-stand-menue form:not(:has(input:not([type=hidden]))) button{flex:1}
.inhaltstext .pr-stand-menue button:hover{border-color:var(--dunkel)}
.inhaltstext .pr-stand-menue button[aria-current]{background:var(--dunkel);color:#fff;border-color:var(--dunkel)}
.pr-stand-menue input{min-width:0;flex:1;font:inherit;font-size:14px;padding:7px 8px;border:1px solid #d9d0bf}
.inhaltstext .pr-stand-menue .klein{margin:2px 0 0;font-size:12.5px;color:var(--leise)}
/* Überschrift Bereich 3 wie „Gegenstand“ und „Kennzahlen“: orange, gleicher Einzug */
.projektraum .inhaltstext .pr-verfahren>h2.pr-vb-titel{font:700 11px/1.3 "Instrument Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--ruf);
  padding-left:calc(var(--pr-innen) + 1px)}

/* Bereich 3 als Kasten wie Gegenstand und Kennzahlen (Peter, 20.10.2026) */
:root{--pr-rund:8px} /* Rundung der Klappfelder, überall gleich */
.projektraum .pr-kasten{background:#fffdf9;border:1px solid #e6dfd2;padding:var(--pr-innen);margin-top:var(--pr-abstand)}
.projektraum .inhaltstext .pr-kasten>h2.pr-vb-titel{margin:0;padding-left:0}
.pr-kasten details.pr-uk{background:#fff;border-radius:var(--pr-rund);overflow:hidden}
.pr-kasten details.pr-uk:last-child{margin-bottom:0}
.inhaltstext .pr-kasten h3.pr-vb-unter{font:700 11px/1.3 "Instrument Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--leise);margin:var(--pr-luft) 0 0}
.pr-kasten .pr-tabelle{margin:0}
.pr-uk-eingang{font-size:14px;padding:8px 12px;border-left:3px solid #c99a14;background:#fbf6e8}
.pr-uk-eingang.angenommen{border-left-color:#2e7d32;background:#eef6ee}
.pr-uk-eingang.abgelehnt{border-left-color:#b3261e;background:#fbeeed}
.pr-uk-anf input[type=file]{padding:6px;background:#fff}
/* Link zum Modell bei Objekten ohne geteiltes Modell: Zeile unter dem Rahmen */
.pr-pfeil{margin-left:8px}
@media(max-width:760px){.pr-kasten .pr-weg{display:none}} /* wie im Anlagenverzeichnis: schmal ohne Stand und Format */

/* Eine Rundung für alle Kästen, Felder und Knöpfe des Projektraums (Peter, 20.10.2026): --pr-rund 8px, nirgends mehr.
   Ampelpunkte bleiben Punkte. Wer Inhalt am Rand hat, schneidet ihn mit ab. */
.projektraum .pr-kopf,.projektraum .pr-kasten,.projektraum details.pr-fold,.projektraum .pr-stand-wahl>summary,.projektraum .pr-stand-menue,
.projektraum .pr-vorschau .pr-vwahl a,.pr-vorschau .pr-vwahl a,.projektraum .pr-uk-laden,.projektraum .pr-paket,.projektraum .pr-tabelle table,
.projektraum .inhaltstext button,.projektraum .inhaltstext .pr-kn,.projektraum input:not([type=checkbox]):not([type=radio]),.projektraum select,.projektraum textarea,
.projektraum .pr-artfeld,.projektraum .pr-anmeldung,.projektraum .pr-form,.projektraum .pr-objekt,.projektraum .anfragelink a,.projektraum .anfrageband{border-radius:var(--pr-rund)}
.projektraum .pr-modell{border-radius:var(--pr-rund);overflow:hidden}
.projektraum .pr-modell iframe{border-radius:calc(var(--pr-rund) - 1px)}
.projektraum .pr-tabelle table{overflow:hidden}
.projektraum .inhaltstext .pr-ampel button{border-radius:50%}
.projektraum .inhaltstext .pr-form button.pr-kn,.projektraum .pr-form .pr-kn.fest{border-radius:var(--pr-rund)}
.projektraum .pr-protokoll{border-radius:var(--pr-rund)}
.projektraum .pr-karte{border-radius:var(--pr-rund);overflow:hidden}
.projektraum .pr-karte .knopf{border-radius:var(--pr-rund)}
.projektraum .pr-leiste,.projektraum .inhaltstext .pr-reiter a{border-radius:var(--pr-rund)}

/* Eine Farbpalette für alle Bereiche (Peter, 20.10.2026): Kastengrund, Feldgrund, Rand. Dieselben Werte in den
   Modellteilen (lechhoehe-umstyling.py). Felder in einem Kasten: Klappfelder, Kacheln, Legende, Stand und Unterlagen im Kopf */
:root{--pr-kasten:#fbf8f2;--pr-feld:#fffdf9;--pr-rand:#e6dfd2}
.projektraum .pr-kopf1,.projektraum .pr-kasten,.projektraum .pr-modell{background:var(--pr-kasten);border-color:var(--pr-rand)}
.projektraum .pr-kopf1 .pr-kopf-chips>span,.projektraum .pr-stand-wahl>summary{background:var(--pr-feld);border-color:var(--pr-rand)}
.projektraum .pr-kasten details.pr-uk{background:var(--pr-feld);border-color:var(--pr-rand)}
.projektraum .pr-kasten details.pr-weitere{background:transparent}
.projektraum .pr-kasten .pr-tabelle table{background:var(--pr-feld)}
.projektraum .inhaltstext .pr-verfahren.pr-kasten{margin-top:var(--pr-abstand)} /* Abstand Bereich 2 zu 3 wie 1 zu 2, außerhalb des Rahmens */

/* Vier Arten (Peter, 20.10.2026): Eigentümer blau (bisher Kunde), Kaufinteressent salbeigrün, Bauamt violett, Investor ocker.
   Die alte Art „kunde“ steht als „Art wählen“ orange, bis Peter sie neu wählt. */
.pr-form select.pr-artfeld:has(option[value="eigentum"]:checked),.pr-art.eigentum{background-color:#e8eef8;border-color:#b7c7e3;color:#2b4a8b}
.pr-form select.pr-artfeld:has(option[value="kauf"]:checked),.pr-art.kauf{background-color:#e9f1ec;border-color:#b9d2c2;color:#2f5d43}
.pr-art.offen{background-color:var(--ruf);border-color:var(--ruf);color:#fff}
.pr-uk-liste:not(:has(*)){display:none}
/* Vorschau-Leiste mit fünf Feldern, alle gleich breit (Peter, 20.10.2026): so viele nebeneinander, wie passen;
   schmal zwei Spalten, „Alles“ über die ganze Breite */
.pr-vorschau .bahn{flex-wrap:nowrap}
.pr-vorschau .pr-vwahl{flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--pr-luft)}
@media(max-width:760px){.pr-vorschau .bahn{flex-wrap:wrap}.pr-vorschau .pr-vwahl{flex-basis:100%;grid-template-columns:1fr 1fr}.pr-vorschau .pr-vwahl a:first-child{grid-column:1/-1}}
.pr-vorschau .pr-vwahl a{text-align:center}
@media(max-width:480px){.pr-vorschau .bahn{flex-wrap:wrap}.pr-vorschau .pr-vwahl{grid-template-columns:1fr 1fr;gap:var(--pr-luft)}.pr-vorschau .pr-vwahl a:first-child{grid-column:1/-1}}
.pr-art{white-space:nowrap}

/* Fertige Unterlage offen statt Klappfeld (Peter, 20.10.2026): Kopfzeile wie das Klappfeld, darunter das Dokument,
   dann „Laden“ mit Dateiname, Stand und Größe */
.projektraum .pr-kasten .pr-uk-offen{background:var(--pr-feld);border:1px solid var(--pr-rand);border-radius:var(--pr-rund);overflow:hidden;margin:0 0 var(--pr-zeile)}
.pr-uk-offen>.pr-uk-kopf{display:flex;align-items:center;gap:12px;padding:14px 18px;font:600 11px/1.3 "Instrument Sans",sans-serif;letter-spacing:.12em;
  text-transform:uppercase;color:var(--leise);box-shadow:inset 3px 0 0 #2e7d32}
.pr-uk-offen>.pr-uk-kopf .pr-uk-nr{flex:none;width:34px;color:var(--ruf);font-weight:700;letter-spacing:.04em}
.pr-uk-offen>.pr-uk-kopf .pr-uk-t{flex:1;color:var(--dunkel)}
.pr-uk-offen>.pr-uk-kopf .pr-stand{flex:none;display:inline-flex;align-items:center;gap:7px;text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:500;color:var(--leise);margin-right:22px}
.pr-uk-offen>.pr-uk-b{padding:0 18px 18px}
.pr-uk-dok{display:block;width:100%;height:560px;border:1px solid var(--pr-rand);border-radius:var(--pr-rund);background:var(--pr-feld)}
.pr-uk-bild{display:block;border:1px solid var(--pr-rand);border-radius:var(--pr-rund);overflow:hidden;background:var(--pr-feld)}
.pr-uk-bild img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain}
.pr-uk-dateizeile{align-items:center;margin-top:var(--pr-luft)}
.pr-probe{display:inline-block;margin-left:8px;padding:1px 6px;border-radius:var(--pr-rund);background:var(--ruf);color:#fff;font-size:10px;letter-spacing:.1em}
@media (max-width:600px){
  .pr-uk-offen>.pr-uk-kopf{flex-wrap:wrap;row-gap:4px;padding-inline:14px}
  .pr-uk-offen>.pr-uk-kopf .pr-uk-t{flex:1 1 calc(100% - 60px)}
  .pr-uk-offen>.pr-uk-kopf .pr-stand{margin-left:34px}
  .pr-uk-offen>.pr-uk-b{padding:0 14px 14px}
  .pr-uk-dok{height:420px}
}
.inhaltstext iframe.pr-uk-dok{width:100%;max-width:none;aspect-ratio:auto;margin:0}
.inhaltstext iframe.pr-uk-dok{height:560px}
@media (max-width:600px){.inhaltstext iframe.pr-uk-dok{height:420px}}
/* Peters Notiz im Feld: eigene Zeile über die ganze Breite, Beschriftung darüber */
.pr-uk-notiz{display:grid;grid-template-columns:1fr auto;gap:6px var(--pr-zeile);width:100%;align-items:end}
.pr-uk-notiz label{grid-column:1/-1;font-size:13px;color:var(--leise)}
.inhaltstext .pr-uk-notiz textarea{width:100%;resize:vertical;font:inherit;font-size:14.5px;padding:8px 10px;border:1px solid var(--pr-rand);background:var(--pr-feld)}
.inhaltstext .pr-uk-notiz button{margin:0}
/* PDF als Seitenbilder untereinander, Klick öffnet die Seite groß (Peter, 20.10.2026) */
.pr-uk-seiten{display:grid;gap:var(--pr-zeile)}
.pr-uk-seiten .pr-uk-bild img{max-height:none}
/* Grünes Feld ist wieder ein Klappfeld, nur offen beim Laden der Seite: Kopfzeile und Pfeil wie bei den anderen */
.projektraum .pr-kasten details.pr-uk.pr-uk-offen>.pr-uk-b{padding:0 18px 18px}
@media (max-width:600px){.projektraum .pr-kasten details.pr-uk.pr-uk-offen>.pr-uk-b{padding:0 14px 14px}}

/* Grünes Feld als schlichte Zeile (Peter, 20.10.2026): Kopfzeile wie die Klappfelder, darunter kleines Vorschaubild,
   Dateiname, Stand, Größe und „Öffnen ↗“ in einem neuen Reiter. Kein eingebettetes Dokument, kein Auf- und Zuklappen. */
.projektraum .pr-kasten .pr-uk-zeile{background:var(--pr-feld);border:1px solid var(--pr-rand);border-radius:var(--pr-rund);overflow:hidden;margin:0 0 var(--pr-zeile)}
.pr-uk-zeile>.pr-uk-kopf{display:flex;align-items:center;gap:12px;padding:14px 18px;font:600 11px/1.3 "Instrument Sans",sans-serif;letter-spacing:.12em;
  text-transform:uppercase;color:var(--leise);box-shadow:inset 3px 0 0 #2e7d32}
.pr-uk-zeile>.pr-uk-kopf .pr-uk-nr{flex:none;width:34px;color:var(--ruf);font-weight:700;letter-spacing:.04em}
.pr-uk-zeile>.pr-uk-kopf .pr-uk-t{flex:1;color:var(--dunkel)}
.pr-uk-zeile>.pr-uk-kopf .pr-stand{flex:none;display:inline-flex;align-items:center;gap:7px;text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:500;color:var(--leise);margin-right:22px}
.projektraum .pr-kasten .pr-uk-zeile>.pr-uk-b{padding:0 18px 16px 70px}
.pr-uk-datei{display:flex;gap:var(--pr-luft);align-items:center}
.pr-uk-mini{flex:none;display:block;width:96px;border:1px solid var(--pr-rand);border-radius:var(--pr-rund);overflow:hidden;background:#fff}
.pr-uk-mini img{display:block;width:100%;height:auto}
.pr-uk-dateiinfo{display:flex;flex-wrap:wrap;gap:10px var(--pr-luft);align-items:center;justify-content:space-between;flex:1}
@media (max-width:600px){
  .pr-uk-zeile>.pr-uk-kopf{flex-wrap:wrap;row-gap:4px;padding-inline:14px}
  .pr-uk-zeile>.pr-uk-kopf .pr-uk-t{flex:1 1 calc(100% - 60px)}
  .pr-uk-zeile>.pr-uk-kopf .pr-stand{margin-left:34px}
  .projektraum .pr-kasten .pr-uk-zeile>.pr-uk-b{padding:0 14px 14px}
  .pr-uk-mini{width:72px}
}
/* Karte „Objekt“ (Eigentümer, Kaufinteressent, Investor): „Jetzt anfragen“ in der Karte, nach dem Schriftfeld */
.projektraum .inhaltstext .pr-objektkarte p.anfragelink{margin:var(--pr-abstand) 0 0}
/* Unten liegen Kästen im Rahmen selbst, der Rahmen hat keinen eigenen Grund und Rand */
.projektraum .pr-modell.pr-teil{background:transparent;border:0;border-radius:0;overflow:visible}
/* Kasten „Anfrage“ am Seitenende der Objektseite (Peter, 20.10.2026) */
.projektraum .inhaltstext .pr-kasten>h2.pr-kasten-k{font:700 11px/1.3 "Instrument Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--ruf);margin:0 0 var(--pr-luft)}
.projektraum .inhaltstext .pr-anfrage>p{margin:0;max-width:none}
.projektraum .inhaltstext .pr-anfrage>p.pr-anfrage-knopf{margin-top:var(--pr-luft)}
.projektraum .pr-anfrage .pr-uk-laden{display:inline-block}
.projektraum .pr-kopf-angaben.pr-feld3.pr-zwei{grid-template-columns:repeat(2,minmax(0,1fr))} /* Kunden-Karte: Grundstück und Ansprechpartner */
@media (max-width:600px){.projektraum .pr-kopf-angaben.pr-feld3.pr-zwei{grid-template-columns:1fr}}
/* Kunden-Liste nach Gruppen (Peter, 20.10.2026): Zwischenüberschrift grau wie „Weitere Unterlagen“, Abstand nach Raster */
.inhaltstext .pr-kasten h3.pr-vb-unter{margin:0;font:700 11px/1.3 "Instrument Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--leise)}
.projektraum .pr-kasten .pr-uk-liste{margin:0}
.projektraum .pr-kasten .pr-uk-liste>:last-child{margin-bottom:0}
/* Vergleich ohne Nummern (?nummern=aus, nur Vorschau) */
.pr-kasten.ohne-nr .pr-uk-nr{display:none}
.pr-kasten.ohne-nr .pr-uk-zeile>.pr-uk-b,.pr-kasten.ohne-nr details.pr-uk>.pr-uk-b{padding-left:18px}
.pr-uk-mini{height:68px}.pr-uk-mini img{height:100%;object-fit:cover;object-position:top} /* gleich hohe Zeilen, oberer Teil der ersten Seite */
@media (max-width:600px){.pr-uk-mini{height:52px}}
/* Schmal: Vorschaubild links, rechts Dateiangaben und „Öffnen ↗“ untereinander, damit alle Felder gleich gebaut sind */
@media (max-width:600px){
  .pr-uk-datei{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:var(--pr-luft)}
  .pr-uk-datei>.pr-uk-dateiinfo:only-child{grid-column:1/-1}
  .pr-uk-dateiinfo{display:grid;gap:var(--pr-zeile);justify-items:start}
  .pr-uk-dateiinfo .pr-uk-meta{overflow-wrap:anywhere}
}

/* Vorschau über der Seite (Peter, 20.10.2026): dunkler Grund dahinter, Rahmen nach den Regeln, Seite so groß wie möglich */
.pr-ansicht{position:fixed;inset:0;z-index:200;background:rgba(15,24,48,.88);display:flex;align-items:center;justify-content:center;padding:var(--pr-abstand)}
.pr-ansicht[hidden]{display:none}
html.pr-ansicht-offen{overflow:hidden}
.pr-ansicht-rahmen{background:var(--pr-kasten);border:1px solid var(--pr-rand);border-radius:var(--pr-rund);padding:var(--pr-luft);
  display:flex;flex-direction:column;gap:var(--pr-luft);max-width:min(1400px,100%);max-height:100%;width:auto}
.pr-ansicht-leiste{display:flex;align-items:center;gap:var(--pr-luft);font:600 11px/1.3 "Instrument Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--dunkel)}
.pr-ansicht-titel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-ansicht-zahl{flex:none;color:var(--leise);letter-spacing:.04em}
.pr-ansicht-oeffnen{flex:none;background:var(--ruf);color:#fff;text-decoration:none;padding:9px 14px;border-radius:var(--pr-rund);letter-spacing:.14em}
.pr-ansicht-oeffnen:hover{background:var(--dunkel)}
.pr-ansicht button{flex:none;font:400 22px/1 "Instrument Sans",sans-serif;color:var(--dunkel);background:var(--pr-feld);border:1px solid var(--pr-rand);
  border-radius:var(--pr-rund);width:40px;height:40px;cursor:pointer;padding:0;margin:0}
.pr-ansicht button:hover:not(:disabled){border-color:var(--dunkel)}
.pr-ansicht button:disabled{opacity:.35;cursor:default}
.pr-ansicht-buehne{display:flex;align-items:center;gap:var(--pr-luft);min-height:0}
.pr-ansicht-buehne img{display:block;max-width:calc(100vw - 2*var(--pr-abstand) - 2*var(--pr-luft) - 2*40px - 2*var(--pr-luft) - 2px);
  max-height:calc(100vh - 2*var(--pr-abstand) - 3*var(--pr-luft) - 40px - 2px);width:auto;height:auto;background:#fff;border:1px solid var(--pr-rand);border-radius:var(--pr-rund)}
@media (max-width:600px){
  .pr-ansicht{padding:8px}
  .pr-ansicht-rahmen{padding:var(--pr-zeile);gap:var(--pr-zeile)}
  .pr-ansicht-buehne .pr-ansicht-vor,.pr-ansicht-buehne .pr-ansicht-nach{display:none}   /* schmal wischen */
  .pr-ansicht-buehne img{max-width:calc(100vw - 16px - 2*var(--pr-zeile) - 2px);max-height:calc(100vh - 16px - 3*var(--pr-zeile) - 40px - 2px)}
  .pr-ansicht-oeffnen{padding:9px 10px}
}
/* Zeile einer fertigen Unterlage ist klickbar (Peter, 20.10.2026): Zeiger, Rand und Kopfzeile dunkler beim Darüberfahren,
   Tastatur mit Enter oder Leertaste; „Laden ↓“ rechts lädt herunter */
.pr-uk-ansehen{cursor:pointer;transition:border-color .12s,background-color .12s}
.projektraum .pr-kasten .pr-uk-ansehen:hover{border-color:#c9bfab;background:#fff}
.pr-uk-ansehen:hover>.pr-uk-kopf .pr-uk-t{color:var(--ruf)}
.pr-uk-ansehen:focus-visible{outline:2px solid var(--ruf);outline-offset:2px}
.pr-uk-zeile .pr-uk-datei{display:flex}
@media (max-width:600px){.pr-uk-zeile .pr-uk-datei{display:block}}
/* Fertige Unterlage als eine Zeile, so hoch wie ein zugeklapptes Klappfeld (Peter, 20.10.2026): Nr., Titel, Stand,
   beim Amt der Punkt, „Laden ↓“ klein rechts. Kein Dateiname, keine zweite Zeile. */
.pr-uk-zeile>.pr-uk-kopf{padding:8px 10px 8px 18px;min-height:46px;box-sizing:border-box}
.pr-uk-zeile>.pr-uk-kopf .pr-uk-t{min-width:0}
.pr-uk-zeile>.pr-uk-kopf .pr-uk-datum{flex:none;font:500 12.5px/1 "Source Sans 3",sans-serif;letter-spacing:0;text-transform:none;color:var(--leise)}
.pr-uk-zeile>.pr-uk-kopf .pr-punkt{flex:none}
.projektraum .pr-uk-zeile>.pr-uk-kopf .pr-uk-laden{flex:none;padding:8px 12px;font-size:11px;letter-spacing:.12em;line-height:1}
.projektraum .pr-kasten .pr-uk-zeile>.pr-uk-b{padding:0 18px 14px}
@media (max-width:600px){
  .pr-uk-zeile>.pr-uk-kopf{flex-wrap:nowrap;padding:8px 8px 8px 14px}
  .pr-uk-zeile>.pr-uk-kopf .pr-uk-t{flex:1 1 auto}
  .pr-uk-zeile>.pr-uk-kopf .pr-uk-nr{width:30px}
  .pr-uk-zeile>.pr-uk-kopf .pr-uk-datum{display:none}   /* schmal nur Nr., Titel und Laden */
}
/* Peters Knöpfe im Feld gleich hoch nach Raster (Peter, 20.10.2026): Annehmen und Ablehnen, Speichern der Notiz */
.projektraum .inhaltstext .pr-uk-tun form button,.projektraum .inhaltstext .pr-uk-notiz button{height:36px;padding:0 14px;margin:0;line-height:1;display:inline-flex;align-items:center}
.pr-uk-tun{gap:var(--pr-zeile)}
/* „erledigt“ ohne Datei als kleiner Textknopf */
.projektraum .inhaltstext button.pr-textknopf{background:none;border:0;padding:0;margin:0;height:auto;color:var(--leise);font:500 13px/1.3 "Source Sans 3",sans-serif;
  letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.projektraum .inhaltstext button.pr-textknopf:hover{color:var(--ruf);background:none}
.projektraum .inhaltstext .pr-wirtschaft .pr-uk-liste{margin:0}
/* Kein reines Weiß und Ränder nach dem Raster (Prüfwerkzeug, Peter 20.10.2026: „1 bis 7 beheben“): Eingabefelder,
   Amt-Hinweis, Peters Stand-Menü und „Anforderungen vom Bauamt“ auf --pr-feld, Ränder --pr-rand, Ecken --pr-rund */
.projektraum .pr-uk-anf textarea,.projektraum .pr-uk-anf input,.projektraum .pr-uk-anf input[type=file],.projektraum .pr-stand-menue input{
  background:var(--pr-feld);border:1px solid var(--pr-rand);border-radius:var(--pr-rund)}
.projektraum .pr-amt-hinweis,.projektraum .pr-anforderungen,.projektraum .pr-stand-menue{background:var(--pr-feld)}
.projektraum .pr-stand-menue{border-color:var(--pr-rand)}   /* der Schatten hebt das Menü ab, der Rand ist wie überall */
.projektraum .pr-anforderungen{border-radius:var(--pr-rund)}
/* Knöpfe nebeneinander nie enger als --pr-luft: „Annehmen, auf Grün“ und „Ablehnen“ */
.pr-uk-tun{gap:var(--pr-zeile) var(--pr-luft)}

/* Zugangsliste: je Objekt zwei Punkte A und B, grün frei, rot gesperrt (Peter, 21.10.2026, Fassung C);
   ein Objekt je Zeile, A und B dahinter (Peter, 21.10.2026: „bitte untereinander“) */
.pr-obj{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin:0 0 6px;font-size:14.5px}
.pr-obj:last-child{margin-bottom:0}
.pr-obj-ab{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.pr-obj em{font-style:normal;display:inline-flex;align-items:center;gap:3px;font:700 10.5px/1 "Instrument Sans",sans-serif;color:#6b6457}
.pr-obj em::before{content:"";width:9px;height:9px;border-radius:50%;background:#b3261e}
.pr-obj em.frei::before{background:#2e7d32}

/* Fünfte Art „Vorschau Objektseite“ (Peter Kerler, 22.10.2026): sieht nur die Objektseite, etwa lechhoehe.de, nie B.
   Schiefergrau, damit sie sich von den vier Arten des Projektraums abhebt. */
.pr-form select.pr-artfeld:has(option[value="vorschau"]:checked),.pr-art.vorschau{background-color:#eef0f3;border-color:#c5cbd5;color:#3c4a5c}
.pr-form:has(select[name="art"] option[value="vorschau"]:checked) .pr-arthinweis span[data-art="vorschau"]{display:inline}
.pr-form:has(select[name="art"] option[value="vorschau"]:checked) .pr-wahl .pr-kn.fest{display:inline-flex}
.pr-form:has(select[name="art"] option[value="vorschau"]:checked) .pr-wahl .pr-kn[data-b="B"]{display:none}

/* Startseite: Absatz über Inventus nach „Was wir machen“ (25.10.2026) */
.start-ueber{max-width:62ch;font-size:1.15rem;line-height:1.6;margin:0}
.inhaltstext p.ueber{max-width:62ch;font-size:1.1rem;line-height:1.6}   /* Unternehmen: Absatz unter dem Leitsatz */

/* Meldungen: Autor beim Datum und als Zeile am Ende (Fassung C, 25.10.2026) */
.meldungsdatum a{color:inherit;text-decoration:none}.meldungsdatum a:hover{text-decoration:underline}
.autorzeile{display:flex;gap:16px;align-items:center;border-top:1px solid var(--rand,#e6dfd2);padding:20px 0;margin:32px 0 8px}
.autorzeile img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;margin:0}
.autorzeile .name{font-weight:700;color:var(--dunkel);text-decoration:none}.autorzeile .name:hover{text-decoration:underline}
.autorzeile p{margin:2px 0 0;color:var(--leise,#60646f);font-size:15px;line-height:1.5}

/* Projektraum: Anmeldung mit dem Inventus-Konto über dem Passwort (25.10.2026) */
.pr-anmeldung .pr-konto{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e6dfd2}
.pr-anmeldung .pr-konto .knopf{display:flex;justify-content:center;align-items:center;min-height:48px;text-decoration:none;margin-bottom:8px}
.pr-anmeldung .pr-konto small{display:block;margin:0}