/* Layout für die Rechtsseiten — Impressum, Datenschutz, AGB */
:root{
  --deep:#071b2b; --petrol:#0b3d62; --green:#159a57; --green-l:#3fcf85;
  --cake:#e8b33c; --paper:#f5f3ef; --ink:#10202c; --muted:#5f7080;
  --muted-d:#8ea6b8; --line:#dcd8d0; --line-d:rgba(255,255,255,.13);
  --sans:"IBM Plex Sans",-apple-system,"Segoe UI",Roboto,sans-serif;
  --serif:"Fraunces",Georgia,serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --pad:clamp(20px,5vw,48px);
}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16.5px;line-height:1.72;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh;}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:700;line-height:1.12;letter-spacing:-.015em;}
p,ul,ol{margin:0;}
a{color:var(--petrol);}
:focus-visible{outline:2.5px solid var(--green);outline-offset:3px;}
.wrap{max-width:820px;margin:0 auto;padding-inline:var(--pad);width:100%;}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:500;}

.top{background:var(--deep);color:#fff;}
.top-in{display:flex;align-items:center;gap:18px;height:72px;max-width:1180px;margin:0 auto;padding-inline:var(--pad);}
.brand{display:flex;flex-direction:column;line-height:1;text-decoration:none;}
.brand b{font-weight:600;font-size:21px;letter-spacing:-.03em;color:#fff;}
.brand b i{font-style:normal;color:var(--green-l);}
.brand span{font-family:var(--mono);font-size:8.5px;letter-spacing:.26em;color:var(--muted-d);margin-top:5px;}
.top .back{margin-left:auto;font-size:14px;color:#cfe0ec;text-decoration:none;border:1px solid var(--line-d);border-radius:2px;padding:9px 15px;transition:.16s;}
.top .back:hover{border-color:#fff;color:#fff;}

.head{background:var(--deep);color:#fff;padding-block:14px clamp(38px,6vw,64px);}
.head .wrap{max-width:1180px;}
.head h1{font-size:clamp(32px,5.2vw,54px);color:#fff;margin-top:12px;}
.head p{color:#a9c2d3;margin-top:14px;max-width:52ch;font-size:16px;}

main{flex:1;padding-block:clamp(38px,5vw,64px) 76px;}
main h2{font-size:clamp(22px,2.8vw,29px);margin-top:46px;padding-top:22px;border-top:1px solid var(--line);}
main h2:first-of-type{margin-top:0;border-top:none;padding-top:0;}
main h3{font-size:18.5px;margin-top:28px;font-family:var(--sans);font-weight:600;letter-spacing:0;}
main p{margin-top:14px;}
main ul,main ol{margin-top:14px;padding-left:22px;}
main li{margin-top:7px;}
main strong{font-weight:600;}
.addr{font-style:normal;background:#fff;border:1px solid var(--line);border-left:3px solid var(--green);padding:18px 20px;margin-top:18px;line-height:1.6;}
.dl{margin-top:18px;border-top:1px solid var(--line);}
.dl div{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:8px 24px;padding:12px 0;border-bottom:1px solid var(--line);}
.dl dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:4px;}
.dl dd{margin:0;}
.note{background:#fff;border:1px solid var(--line);border-left:3px solid var(--cake);padding:16px 19px;margin-top:22px;font-size:15px;color:#3d4b56;}
.stand{margin-top:44px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted);}

footer{background:var(--deep);color:#6f8698;padding-block:30px;font-size:12.5px;}
footer .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-family:var(--mono);letter-spacing:.05em;max-width:1180px;}
footer a{color:#8ea6b8;text-decoration:none;}
footer a:hover{color:#fff;}

@media (max-width:620px){
  .dl div{grid-template-columns:1fr;gap:2px;}
  body{font-size:16px;}
}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms !important;}}
