/* Rechtsseiten (Impressum, Datenschutz) — schlanke Textseiten im Seitenlook */
@font-face { font-family:'Barlow Condensed'; src:url('../fonts/barlow-condensed-v13-latin-600.215a93c6.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Barlow Condensed'; src:url('../fonts/barlow-condensed-v13-latin-700.3787a5a4.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Source Serif 4'; src:url('../fonts/source-serif-4-v14-latin-regular.02194deb.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Source Serif 4'; src:url('../fonts/source-serif-4-v14-latin-600.f2b7e1cf.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }

:root {
  --silber:#F2F5F7; --weiss:#fff; --tinte:#2E3439; --nacht:#1D2D39;
  --blau:#0095DA; --blau-tief:#04719F; --blau-hell:#7FC6EA;
  --linie:rgba(46,52,57,.15);
  --kopf:'Barlow Condensed','Arial Narrow',sans-serif;
  --text:'Source Serif 4',Georgia,serif;
}
*,*::before,*::after { box-sizing:border-box; }
html { overflow-x:clip; }
body {
  margin:0; background:var(--silber); color:var(--tinte);
  font-family:var(--text); font-size:1.0625rem; line-height:1.7;
  overflow-x:clip; -webkit-font-smoothing:antialiased;
}
a { color:var(--blau-tief); text-underline-offset:3px; }
a:hover { color:var(--nacht); }
:focus-visible { outline:3px solid var(--blau-tief); outline-offset:3px; }

.kopfleiste { background:var(--weiss); border-top:4px solid var(--blau); border-bottom:1px solid var(--linie); }
.kopfleiste .innen { max-width:52rem; margin-inline:auto; padding:.9rem clamp(1.25rem,4vw,2rem); }
.marke { display:inline-flex; align-items:center; gap:.8rem; text-decoration:none; color:var(--tinte); }
.marke span { font-family:var(--kopf); font-weight:600; font-size:1.18rem; line-height:1.1; letter-spacing:.015em; white-space:nowrap; }
.marke small { display:block; font-size:.78rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--blau-tief); }

main { max-width:52rem; margin-inline:auto; padding:clamp(2.5rem,6vw,4rem) clamp(1.25rem,4vw,2rem) 4rem; }

h1 {
  font-family:var(--kopf); font-weight:700; line-height:1.05;
  font-size:clamp(2.4rem,5.5vw,3.6rem); margin:0 0 1.8rem;
}
h2 {
  font-family:var(--kopf); font-weight:700; line-height:1.1;
  font-size:clamp(1.5rem,3vw,2rem); margin:2.6rem 0 .8rem;
  padding-top:1.4rem; border-top:1px solid var(--linie);
}
h3 { font-family:var(--kopf); font-weight:600; font-size:1.25rem; margin:1.8rem 0 .5rem; }
p, li { margin:0 0 1em; }
ul { padding-left:1.3rem; }
address { font-style:normal; margin-bottom:1.4rem; }

/* Platzhalter, die vor dem Livegang gefüllt werden müssen */
.platzhalter {
  background:#FFF4D6; border-left:4px solid #C99700;
  padding:.65rem .9rem; margin:0 0 1.2rem;
  font-size:.98rem;
}
.platzhalter strong { font-family:var(--kopf); font-weight:600; letter-spacing:.02em; }

.hinweisbox {
  background:var(--weiss); border:1px solid var(--linie); border-left:4px solid var(--blau);
  padding:1rem 1.2rem; margin:1.5rem 0;
}
.hinweisbox p:last-child { margin-bottom:0; }

.stand { font-family:var(--kopf); font-weight:600; font-size:.92rem; letter-spacing:.08em; text-transform:uppercase; color:rgba(46,52,57,.6); }

.fuss {
  border-top:1px solid var(--linie); background:var(--weiss);
  padding:1.2rem clamp(1.25rem,4vw,2rem);
}
.fuss .innen {
  max-width:52rem; margin-inline:auto;
  display:flex; flex-wrap:wrap; gap:.6rem 1.6rem; justify-content:space-between;
  font-size:.92rem; color:rgba(46,52,57,.7);
}
.fuss p { margin:0; }
.fuss a { text-decoration:none; }
.fuss a:hover { text-decoration:underline; }

@media print { .kopfleiste, .fuss { display:none; } body { background:#fff; } }

.marke-logo { height: clamp(38px, 4.5vw, 58px); width: auto; display: block; }
@media (max-width: 860px) { .marke-logo { height: 34px; } }
