/* ============================================================
   Textseiten (Impressum, Datenschutz, So geht's): Ergänzung zu zwoazam.css
   Gemeinsame Kopfzeile mit Login-Pille, Textspalte, Hinweiskästen.
   ============================================================ */

/* Login-Pille: Kreis mit Z, daneben „Log-In“ in Messing */
.login-pille{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none;color:#c8952c;font-size:.86rem;font-weight:700;white-space:nowrap;flex:0 0 auto}
.login-pille__kreis{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#163226;border:2px solid #1F8A8A;color:#e8c36a;font:700 1.05rem/1 "Zilla Slab",Rockwell,Georgia,serif;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.login-pille:hover{color:#94681a}
.login-pille:hover .login-pille__kreis{border-color:#e8c36a}
.kopf__inhalt .login-pille{margin-left:auto}
@media (max-width:700px){
  .kopf__inhalt .login-pille{margin-left:0}
  .login-pille span:last-child{font-size:.8rem}
}

/* Textspalte */
.text{width:min(760px,100% - 32px);margin:0 auto;padding:28px 0 72px}
.text h1{font-size:clamp(1.9rem,5vw,2.6rem);color:var(--dunkelgruen);margin:0 0 .25em}
.text h2{font-size:1.45rem;color:var(--dunkelgruen);margin:1.7em 0 .45em}
.text h3{font-size:1.1rem;color:var(--dunkelgruen);margin:1.2em 0 .3em}
.text p,.text ul,.text ol{margin:.5em 0}
.text li{margin:.25em 0}
.text a{color:#166868;font-weight:600}
.text a:hover{color:var(--dunkelgruen)}
.text .unterzeile{color:var(--tinte-weich);margin:0 0 1.2em;font-size:1.02rem}
.text .zurueck{margin-top:2rem}

/* Hinweiskästen (gelb) */
.hinweiskasten{background:#fff4d6;border:1.5px solid #c8952c;border-radius:10px;padding:12px 16px;margin:14px 0;color:#3d2e07}
.hinweiskasten p{margin:0}
.hinweiskasten b{color:#7a5a14}
.offen-kasten{background:#fff4d6;border:1.5px solid #c8952c;border-left-width:6px;border-radius:10px;padding:10px 14px;margin:12px 0;color:#3d2e07;font-size:.95rem}
.offen-kasten p{margin:0}

/* Weißer Kasten (Impressum-Angaben, Beispiele) */
.kartonkasten{background:#fffdf8;border:1px solid #d8cba9;border-radius:12px;padding:16px 18px;margin:16px 0;box-shadow:0 6px 16px rgba(22,50,38,.08)}
.kartonkasten h2{margin-top:0}

/* Anschrift-Bild */
#anschrift{display:block;max-width:100%;width:340px;height:auto;margin:6px 0 0;text-align:left}
.anschrift-fehler{color:#8a1d22;font-weight:600;margin:8px 0 0}

/* So geht's: Beispielkarten */
.beispielkarten{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start;margin:14px 0}
.beispielkarten figure{margin:0;width:112px}
.beispielkarten figcaption{font-size:.85rem;color:var(--tinte-weich);text-align:center;margin-top:8px}
.beispielkarten .karte{cursor:default}
.beispielkarten .karte__rueck::after{inset:18%}
.begriffe{padding-left:1.1em}
.knopfzeile{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:10px}

/* Info-Seiten je Spielart (SEO, 21.10.2026) */
.krumen{font-size:.85rem;color:var(--tinte-weich);margin:0 0 14px}
.krumen a{font-weight:600}
.spielart-liste{padding-left:1.2em}
.spielart-liste li{margin:.35em 0}
.marke-verweis{font-size:.9rem;color:var(--tinte-weich)}
.seiten-fuss{width:min(760px,100% - 32px);margin:0 auto;padding:0 0 40px;font-size:.88rem;color:var(--tinte-weich)}
.seiten-fuss a{color:#166868}
.beispielkarten .karte__feld svg{width:92%;height:92%}