/* Wegweiser · Grundstil „Steingarten“ (ab 05.11.2026): Schriften, Farben, Kopf, Knöpfe, Abschnitte, Formular, Fuß. Seitenspezifisches in start.css. */
:root{
  --bg:#FFFFFF; --flaeche:#F6F4EE; --flaeche2:#ECE9E0; --linie:#DAD6CB; --linie2:#C7C2B4;
  --tinte:#1C1F1D; --grau:#565A55; --grau2:#80847E;
  --gruen:#245B3A; --gruen-d:#1B4A2E; --gruen-h:#E8EFE7; --rot:#9A3D2F; --rot-h:#F6EBE7;
  --kopf:#1C1F1D; --kopf-text:#F3F1EA;
  --serif:'Zen Old Mincho',Georgia,serif; --sans:'Zen Kaku Gothic New',system-ui,sans-serif;
  --breite:1160px; --lese:720px; --r:4px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#141716; --flaeche:#1C1F1E; --flaeche2:#232726; --linie:#2E3331; --linie2:#3C423F;
  --tinte:#ECEAE3; --grau:#B5B9B2; --grau2:#8B8F89;
  --gruen:#9CC9A3; --gruen-d:#B6DBBB; --gruen-h:#1C2A20; --rot:#E5A396; --rot-h:#33211D;
  --kopf:#0E1110; --kopf-text:#ECEAE3;
}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tinte);font-family:var(--sans);font-size:16.5px;line-height:1.6}
a{color:var(--gruen);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;margin:0;line-height:1.25}
p,ul,ol,dl,dd{margin:0}
img{display:block;max-width:100%}
main{display:block}
.hülle{max-width:var(--breite);margin:0 auto;padding:0 24px}
.lab{font-size:13px;font-weight:700;color:var(--grau2)}
.lab::before{content:"";display:inline-block;width:14px;height:2px;background:var(--gruen);vertical-align:middle;margin-right:8px;margin-top:-2px}

/* Kopf: dunkle Leiste */
.kopfleiste{background:var(--kopf);color:var(--kopf-text)}
header.kopf{display:flex;align-items:center;gap:32px;height:64px}
.marke{font-family:var(--serif);font-size:22px;color:var(--kopf-text);letter-spacing:.01em;white-space:nowrap}
.marke:hover{text-decoration:none}
.marke small{display:block;font-family:var(--sans);font-size:11px;color:#A9ADA6;letter-spacing:.02em;line-height:1;margin-top:1px}
nav.haupt{display:flex;gap:22px;font-size:14.5px;margin-left:8px}
nav.haupt a{color:var(--kopf-text);opacity:.85}nav.haupt a:hover{opacity:1}
.kopfsuche{margin-left:auto;display:flex;gap:0}
.kopfsuche input{font:inherit;font-size:14px;width:260px;padding:8px 12px;border:1px solid #4A4F4B;border-right:0;border-radius:var(--r) 0 0 var(--r);background:#2A2E2C;color:var(--kopf-text)}
.kopfsuche input::placeholder{color:#9EA29C}
.kopfsuche button{font:inherit;font-size:14px;padding:8px 14px;border:1px solid #4A4F4B;border-radius:0 var(--r) var(--r) 0;background:#2A2E2C;color:var(--kopf-text);cursor:pointer}
.kopfsuche input:focus{outline:2px solid var(--gruen);outline-offset:-1px}
.unterzeile{border-bottom:1px solid var(--linie);font-size:13.5px;color:var(--grau);padding:9px 0;display:flex;gap:24px;flex-wrap:wrap}
.unterzeile b{color:var(--tinte);font-weight:500}

/* Knöpfe */
.knopf{display:inline-block;background:var(--gruen);color:#fff;padding:11px 18px;border-radius:var(--r);border:1px solid var(--gruen);font:inherit;font-size:15px;font-weight:500;cursor:pointer;line-height:1.2}
.knopf:hover{background:var(--gruen-d);text-decoration:none}
.knopf:disabled{opacity:.6;cursor:wait}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .knopf{color:#0E1110}}

/* Abschnitte */
.sek{padding:64px 0}.sek+.sek{border-top:1px solid var(--linie)}
.sek.flaeche{background:var(--flaeche);border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.sek .kopfz{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.sek h2{font-size:clamp(24px,2.6vw,30px)}
.sek .kopfz p{color:var(--grau);max-width:60ch;margin-top:8px;font-size:16px}
.sek .kopfz .mehr{font-size:14.5px;white-space:nowrap}

/* Kontakt: Frage-Formular (Startseite) und Kontaktseite */
.kontaktbox{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);padding:32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.kontaktbox h2{font-size:26px}.kontaktbox p{color:var(--grau);margin-top:12px;font-size:15.5px}
.formular{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.formular textarea,.formular .voll{grid-column:1/-1}
.formular input,.formular textarea,.kontaktform input:not([type=checkbox]),.kontaktform textarea{font:inherit;font-size:15px;padding:11px 12px;border:1px solid var(--linie2);border-radius:var(--r);background:var(--bg);color:var(--tinte);width:100%}
.formular input:focus,.formular textarea:focus,.kontaktform input:focus,.kontaktform textarea:focus{outline:2px solid var(--gruen);outline-offset:-1px}
.formular small{grid-column:1/-1;font-size:12.5px;color:var(--grau2)}
.formular .einw{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--grau)}.formular .einw input{margin-top:4px;width:auto;flex:none}
.formular .status{font-size:14px;color:var(--grau);margin-left:12px}
.kontaktform{display:grid;gap:14px;margin:18px 0 26px;max-width:520px}
.kontaktform label{display:grid;gap:6px;font-size:14px;color:var(--grau)}
.kontaktform .einw{display:block;font-size:13.5px;line-height:1.45}.kontaktform .einw input{margin-right:8px}
.kontaktform button{justify-self:start;background:var(--gruen);color:#fff;padding:11px 22px;border-radius:var(--r);border:1px solid var(--gruen);font:inherit;font-size:15px;font-weight:500;cursor:pointer}
.kontaktform button:disabled{opacity:.6;cursor:wait}
.kontaktform .hinweis,#formstatus{font-size:13.5px;color:var(--grau2)}

/* Textseiten (Impressum, Kontakt, Datenschutz) */
main.text{max-width:var(--lese);margin:0 auto;padding:44px 24px 72px}
.text h1{font-size:clamp(30px,3.6vw,40px)}.text h2{font-size:22px;margin-top:32px}.text h3{font-size:18px;margin-top:22px}
.text p,.text ul,.text ol{margin-top:10px}.text p{color:var(--grau)}.text ul,.text ol{padding-left:22px;color:var(--grau)}
.text .teaser{font-size:18px;color:var(--grau);margin-top:10px}

/* Fuß */
footer{border-top:1px solid var(--linie);padding:40px 0 32px;font-size:14px;color:var(--grau)}
footer.fuss{max-width:var(--lese);margin:0 auto;padding:24px 24px 48px}
.fussspalten{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.fussspalten h4{font-family:var(--sans);font-size:13px;font-weight:700;color:var(--tinte);margin-bottom:10px}
.fussspalten ul{list-style:none;padding:0}.fussspalten li{padding:3px 0}.fussspalten a{color:var(--grau)}
.fusszeile{border-top:1px solid var(--linie);margin-top:32px;padding-top:16px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--grau2)}

@media (max-width:980px){.fussspalten{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  header.kopf{height:auto;flex-wrap:wrap;padding:12px 0;gap:12px 20px}
  nav.haupt{flex-wrap:wrap;gap:8px 18px;margin-left:0;width:100%}
  .kopfsuche{width:100%;margin-left:0}.kopfsuche input{flex:1;width:auto}
  .kontaktbox{grid-template-columns:1fr;gap:20px;padding:22px}.formular{grid-template-columns:1fr}
  .sek{padding:40px 0}.fussspalten{grid-template-columns:1fr}
}
@media print{.kopfsuche,nav.haupt{display:none}body{background:#fff;color:#000}}