/* Gemeinsames Aussehen für Impressum und Datenschutzerklärung */

:root{
  --gruen:#246C30;
  --gruen-dunkel:#1B5424;
  --tuerkis:#48C0CC;
  --petrol:#0E5A66;
  --hell:#EAF7F9;
  --text:#223B33;
  --text-hell:#5E6F66;
  --text-schwach:#7C8B82;
  --rand:#E4EAE8;
}
*{box-sizing:border-box}
body{
  margin:0; background:#fff; color:var(--text);
  font-family:Figtree,"Segoe UI",system-ui,sans-serif;
  font-size:19px; line-height:1.6; -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block}
a{color:var(--gruen)}
a:hover{color:var(--gruen-dunkel)}

.kopf{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  max-width:900px; margin:0 auto; padding:22px 24px;
}
.kopf img{height:46px; width:auto}
.kopf a.zurueck{
  display:inline-flex; align-items:center; min-height:46px; padding:0 20px;
  background:var(--gruen); color:#fff; border-radius:10px; text-decoration:none;
  font-family:Outfit,sans-serif; font-weight:500; font-size:16px;
}
.kopf a.zurueck:hover{background:var(--gruen-dunkel)}

main{max-width:900px; margin:0 auto; padding:10px 24px 60px}
h1{
  font-family:Outfit,sans-serif; font-size:42px; font-weight:500;
  margin:14px 0 8px; color:var(--text);
}
.stand{color:var(--text-schwach); font-size:16px; margin:0 0 36px}
h2{
  font-family:Outfit,sans-serif; font-size:26px; font-weight:500;
  margin:40px 0 12px; padding-top:20px; border-top:1px solid var(--rand);
}
h3{font-family:Outfit,sans-serif; font-size:20px; font-weight:600; margin:26px 0 8px}
p{margin:0 0 1em; text-wrap:pretty}
ul{margin:0 0 1em; padding-left:22px}
li{margin-bottom:.4em}
dl{margin:0 0 1em; display:grid; grid-template-columns:210px 1fr; gap:6px 20px}
dt{color:var(--text-schwach)}
dd{margin:0}
.kasten{background:var(--hell); border-radius:14px; padding:24px 28px; margin:0 0 1.4em}
.kasten p:last-child{margin-bottom:0}
.hinweis{border:1px dashed #D5DFDB; border-radius:14px; padding:20px 24px; background:#FAFCFC; color:var(--text-hell); font-size:17px}
.hinweis p:last-child{margin-bottom:0}
.luecke{background:#FFF3D6; padding:1px 6px; border-radius:4px}

footer{
  max-width:900px; margin:0 auto; padding:26px 24px 40px;
  border-top:1px solid var(--rand); color:var(--text-schwach); font-size:16px;
  display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap;
}
footer a{color:var(--text-schwach)}
.fuss-marke{display:flex; align-items:center; gap:12px}
.fuss-marke img{height:26px; width:auto; opacity:.75}

@media (max-width:700px){
  body{font-size:18px}
  h1{font-size:32px}
  h2{font-size:23px}
  dl{grid-template-columns:1fr; gap:2px 0}
  dt{margin-top:10px}
  .kopf{padding:16px 20px}
  .kopf img{height:38px}
  main{padding:6px 20px 44px}
}