/* Erstellt von: Claude Code (Sonnet 5.5) — Stand: 05.11.2026 */
:root{--akzent:#e2231a;--text:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Public Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#222;background:#fff;line-height:1.6}
a{color:var(--akzent)}
header{position:fixed;top:0;left:0;right:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(4px);padding:.6rem 1rem}
header .in{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
header img{height:42px;width:auto;display:block}
header nav a{color:#222;text-decoration:none;margin-left:1.2rem;font-size:.95rem}
header nav a:hover{text-decoration:underline}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text);padding:6rem 1rem 3rem;
 background:linear-gradient(rgba(5,15,35,.45),rgba(5,15,35,.55)),#1b2a44 url("img/vienna-2989756_1920.jpg") center/cover no-repeat fixed}
.hero h1{font-size:clamp(2.2rem,6vw,4rem);margin:0 0 1rem;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.hero p{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:600;margin:.4rem 0;text-shadow:0 2px 6px rgba(0,0,0,.6)}
.hero a{color:#ff6b63}
section.inhalt{max-width:820px;margin:0 auto;padding:3.5rem 1.2rem}
section.inhalt h2{font-size:1.8rem;margin-top:0}
.slogan{font-weight:700;font-size:1.2rem}
.karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}
.karten div{background:#f3f5f8;border-left:4px solid var(--akzent);padding:1rem 1.2rem;font-weight:600}
.btn{display:inline-block;background:var(--akzent);color:#fff;text-decoration:none;padding:.7rem 1.4rem;border-radius:4px;font-weight:600}
.btn:hover{filter:brightness(.9)}
footer{background:#0f1a2e;color:#cfd6e2;text-align:center;padding:2rem 1rem;font-size:.9rem}
footer a{color:#fff}
.text{max-width:820px;margin:0 auto;padding:6rem 1.2rem 3rem}
.text h1{font-size:2rem}.text h2{margin-top:2.2rem;font-size:1.3rem}.text h3{margin-top:1.6rem;font-size:1.1rem}
@media(max-width:600px){header nav a{margin-left:.8rem;font-size:.85rem}.hero{background-attachment:scroll}}
/* Buttons unter „Neu hier?“ und Anfahrt */
.karten a{display:block;background:#f3f5f8;border-left:4px solid var(--akzent);padding:1.2rem;font-weight:600;color:#222;text-decoration:none;font-size:1.1rem}
.karten a:hover{background:#e6e9ef}
.btn{margin:.3rem .4rem .3rem 0}
.zitat{border-left:4px solid #ccc;margin:1.5rem 0;padding:.2rem 1.2rem;color:#444;font-style:italic}
.zitat cite{display:block;font-style:normal;font-size:.9rem;margin-top:.5rem}
.iban{background:#f3f5f8;padding:1rem 1.2rem;border-left:4px solid var(--akzent);font-size:1.1rem}
/* Popup (Lightbox) auf der Startseite */
dialog#popup{border:0;border-radius:6px;padding:0;width:min(860px,92vw);max-height:85vh;overflow:auto;color:#222}
dialog#popup::backdrop{background:rgba(5,15,35,.7)}
dialog#popup .text{padding:2rem 1.5rem 1.5rem}
dialog#popup .text h1{margin-top:0}
dialog#popup .zu{position:sticky;top:.4rem;float:right;margin:.4rem;border:0;background:var(--akzent);color:#fff;width:2.2rem;height:2.2rem;border-radius:50%;font-size:1.4rem;line-height:1;cursor:pointer}