/* Gemeinsames Aussehen der Rechtsseiten von Spanisch mit Ana.
   Gleiche Marke wie index.html: Terrakotta, Meerblau, Sand, Nunito, große Schrift. */
@font-face{font-family:'Nunito';src:url('../fonts/nunito-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Nunito';src:url('../fonts/nunito-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Nunito';src:url('../fonts/nunito-800.woff2') format('woff2');font-weight:800;font-display:swap}
:root{
  --terra:#C1512F; --terra-dunkel:#A03F21; --meer:#1E6E8C;
  --sand:#F6EFE3; --sand-hell:#FCF8F0; --tinte:#2E2A25; --grau:#6B6157; --linie:#E3D9C9;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Nunito',sans-serif;font-size:19px;line-height:1.7;color:var(--tinte);background:var(--sand-hell)}
a{color:var(--meer)}
.kopfleiste{background:var(--sand);border-bottom:1px solid var(--linie)}
.kopfleiste .in{max-width:860px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.marke{font-weight:800;font-size:20px;color:var(--tinte);text-decoration:none}
.zurueck{font-weight:700;font-size:17px;white-space:nowrap}
main{max-width:860px;margin:0 auto;padding:44px 24px 64px;background:#fff}
h1{font-size:34px;font-weight:800;margin-bottom:8px;line-height:1.2}
.stand{color:var(--grau);font-size:16px;margin-bottom:28px}
h2{font-size:23px;font-weight:800;margin:34px 0 10px;color:var(--tinte);line-height:1.25}
h3{font-size:20px;font-weight:700;margin:22px 0 8px}
p,li{margin-bottom:12px}
ul,ol{margin:0 0 12px 26px}
.kasten{border:1px solid var(--linie);border-radius:12px;padding:18px 22px;background:var(--sand-hell);margin-bottom:18px}
.kasten p:last-child{margin-bottom:0}
.hinweis{border-left:5px solid var(--terra);background:#FDF3EE;border-radius:0 12px 12px 0;padding:16px 20px;margin:20px 0;font-size:17.5px}
.formular{border:1px dashed var(--linie);border-radius:12px;padding:18px 22px;background:var(--sand-hell);margin:14px 0 20px;font-size:17.5px}
table{border-collapse:collapse;width:100%;margin-bottom:18px;font-size:17px}
th,td{border:1px solid var(--linie);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--sand);font-weight:700}
footer{background:var(--tinte);color:#CFC7BC;padding:34px 24px;text-align:center;font-size:17px}
footer a{color:#EFE9DF;text-decoration:none}
footer .links{display:flex;gap:10px 22px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
@media(max-width:640px){
  body{font-size:18px}
  h1{font-size:27px}
  h2{font-size:21px}
  main{padding:30px 18px 46px}
  table{font-size:16px}
}

/* Kündigungsknopf nach § 312k BGB — dauerhaft sichtbar, als Knopf erkennbar */
footer a.kuend{border:2px solid #EFE9DF;border-radius:999px;padding:5px 14px;font-weight:700}
footer a.kuend:hover{background:#EFE9DF;color:#2A2119}