/* Gemeinsames Stylesheet für Impressum und Datenschutz.
   Bewusst schlank gehalten – diese Seiten brauchen nur Typografie,
   keine Verläufe und keine Animationen. */

@font-face{
  font-family:'Raleway'; font-style:normal; font-weight:100 900; font-display:swap;
  src:url('fonts/raleway-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Raleway'; font-style:normal; font-weight:100 900; font-display:swap;
  src:url('fonts/raleway-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  --bg:#FFFCF6; --ink:#1B1611; --ink-2:#4C4139; --ink-3:#7A6C60;
  --gold:#F5A623; --gold-text:#8F5D06; --line:#EFE3CE;
  --grad:linear-gradient(100deg,#E5820F 0%,#F5A623 38%,#FFD75E 68%,#F5A623 100%);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:'Raleway',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:17px; line-height:1.75; -webkit-font-smoothing:antialiased;
}
img{max-width:100%; height:auto; display:block}
.wrap{width:100%; max-width:760px; margin-inline:auto; padding-inline:24px}
:focus-visible{outline:3px solid var(--gold); outline-offset:3px; border-radius:6px}

/* Kopf */
.masthead{padding:32px 0 0; text-align:center; border-bottom:1px solid var(--line)}
.masthead a{display:inline-block; padding-bottom:26px}
.masthead img{width:min(232px,58vw); margin-inline:auto}

/* Inhalt */
main{padding:56px 0 72px}
h1{
  font-size:clamp(2rem,5vw,2.7rem); font-weight:800; letter-spacing:-.03em;
  line-height:1.15; margin:0 0 10px;
}
.stand{color:var(--ink-3); font-size:.92rem; margin:0 0 34px}
.rule{width:78px; height:4px; border-radius:4px; background:var(--grad); margin:0 0 38px}
h2{
  font-size:1.32rem; font-weight:700; letter-spacing:-.01em;
  margin:44px 0 12px; padding-top:4px;
}
h3{font-size:1.06rem; font-weight:700; margin:28px 0 8px}
p{margin:0 0 16px; color:var(--ink-2)}
ul,ol{margin:0 0 16px; padding-left:22px; color:var(--ink-2)}
li{margin-bottom:8px}
strong,b{color:var(--ink); font-weight:700}
a{color:var(--gold-text); text-underline-offset:3px}
a:hover{color:var(--ink)}
address{font-style:normal; color:var(--ink-2)}

/* Platzhalter – vor dem Livegang ersetzen und diese Klasse entfernen */
.platzhalter{
  position:relative; background:#FFF8E8; border:1px dashed #E8CE95;
  border-radius:12px; padding:22px 22px 18px; margin:0 0 22px; color:#6B4E14;
}
.platzhalter::before{
  content:"Platzhalter – bitte ersetzen";
  display:block; font-size:.66rem; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:#9A7B3E; margin-bottom:10px;
}
.platzhalter p:last-child,.platzhalter ul:last-child{margin-bottom:0}

/* Zurück-Link */
.zurueck{
  display:inline-flex; align-items:center; gap:9px; margin-top:48px;
  font-weight:600; font-size:.95rem; color:var(--ink-2); text-decoration:none;
  border-bottom:1px solid transparent; padding-bottom:2px;
}
.zurueck:hover{color:var(--gold-text); border-bottom-color:var(--gold)}

/* Fuß */
footer.site{border-top:1px solid var(--line); background:#FFFDF9; padding:34px 0 32px}
.foot{display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:space-between}
.foot nav{display:flex; flex-wrap:wrap; gap:22px}
.foot a{color:var(--ink-3); text-decoration:none; font-size:.92rem; font-weight:500}
.foot a:hover{color:var(--gold-text); text-decoration:underline; text-underline-offset:4px}
.foot .copy{width:100%; font-size:.84rem; color:var(--ink-3); padding-top:18px; border-top:1px solid var(--line)}

@media (max-width:600px){
  body{font-size:16px}
  .wrap{padding-inline:20px}
  main{padding:40px 0 56px}
}