/* ============================================================
   Trocknungsblitz – Stylesheet für Impressum & Datenschutz
   Gleiche Gestaltungsmerkmale wie die Startseite, aber nur
   die Teile, die diese Seiten brauchen.
   ============================================================ */
:root{
  --navy:#001D45;
  --navy-3:#123A6B;
  --blue:#0048D0;
  --gold:#FDC001;
  --gold-2:#E0A800;
  --ink:#141A24;
  --body:#5C6675;
  --line:#E2E6EC;
  --line-2:#EEF1F5;
  --soft:#F5F7FA;
  --container:900px;
  --r:3px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  color:var(--ink);background:#fff;font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}
.container{max-width:var(--container);margin:0 auto;padding:0 24px}

/* ---------- Topbar ---------- */
.topbar{background:var(--navy);color:rgba(255,255,255,.72);font-size:.8rem}
.topbar .container{max-width:1220px;display:flex;align-items:center;justify-content:space-between;height:38px;gap:24px}
.topbar b{color:#fff;font-weight:600}
.topbar a{color:inherit;text-decoration:none}
.topbar .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);display:inline-block;margin-right:8px;vertical-align:1px}
.topbar__right{display:flex;gap:26px;align-items:center}
@media(max-width:900px){.topbar__right span:first-child{display:none}}
@media(max-width:600px){.topbar{font-size:.74rem}.topbar__left{display:none}}

/* ---------- Header ---------- */
.head{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line)}
.head .container{max-width:1220px;display:flex;align-items:center;justify-content:space-between;height:78px;gap:32px}
.brand img{height:34px;width:auto}
.nav{display:flex;gap:30px;margin-left:auto}
.nav a{font-size:.9rem;font-weight:600;color:var(--ink);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;transition:border-color .15s,color .15s}
.nav a:hover{border-color:var(--gold);color:var(--navy)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:13px 24px;border:1px solid transparent;border-radius:var(--r);
  font-weight:700;font-size:.9rem;text-decoration:none;white-space:nowrap;
  transition:background .15s;
}
.btn--gold{background:var(--gold);color:var(--navy)}
.btn--gold:hover{background:var(--gold-2)}
@media(max-width:1060px){
  .nav{display:none}
  .head .container{height:66px}
  .brand img{height:28px}
}
@media(max-width:420px){.head .btn--gold{display:none}}

/* ---------- Inhalt ---------- */
.recht{padding:70px 0 90px}
.eyebrow{
  font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--blue);margin-bottom:14px;display:flex;align-items:center;gap:10px;
}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--gold);flex:none}

.recht h1{
  margin:0 0 10px;font-size:clamp(2rem,4.4vw,2.9rem);font-weight:800;
  letter-spacing:-.03em;line-height:1.08;overflow-wrap:break-word;hyphens:auto;
}
.recht h2{
  margin:44px 0 12px;font-size:1.1rem;font-weight:800;letter-spacing:-.015em;
  line-height:1.3;padding-bottom:10px;border-bottom:2px solid var(--navy);
  overflow-wrap:break-word;hyphens:auto;
}
.recht p{margin:0 0 14px;color:var(--body);overflow-wrap:break-word}
.recht ul{margin:0 0 16px;padding:0;list-style:none}
.recht li{
  position:relative;padding:5px 0 5px 20px;color:var(--body);
  border-top:1px solid var(--line-2);font-size:.95rem;
}
.recht li::before{
  content:"";position:absolute;left:4px;top:15px;
  width:5px;height:5px;background:var(--gold);
}
.recht li:last-child{border-bottom:1px solid var(--line-2)}
.recht a{color:var(--navy);text-decoration:underline;text-underline-offset:2px}
.recht a:hover{color:var(--blue)}
.recht b{color:var(--ink)}

.adresse{
  border-left:3px solid var(--gold);padding:4px 0 4px 16px;
  color:var(--ink);font-weight:500;
}

/* Noch offene Punkte – vor dem Livegang entfernen */
.offen{background:#FFF8E1;border:1px solid #F3DFA2;border-radius:var(--r);padding:14px 16px}
.hinweis{display:block;font-size:.85rem;color:#7A5B00;margin-top:4px}

.zurueck{margin-top:50px;padding-top:24px;border-top:1px solid var(--line)}
.zurueck a{font-weight:700;text-decoration:none}
.zurueck a:hover{text-decoration:underline}

@media(max-width:700px){
  .recht{padding:48px 0 64px}
  .recht h2{margin-top:34px}
}

/* ---------- Footer ---------- */
.foot{background:var(--navy);color:rgba(255,255,255,.6);font-size:.86rem}
.foot .container{max-width:1220px}
.foot a{color:inherit;text-decoration:none}
.foot a:hover{color:var(--gold)}
.foot__bar{
  padding:22px 0;display:flex;justify-content:space-between;gap:20px;
  font-size:.79rem;flex-wrap:wrap;
}