@font-face{font-family:'Cinzel';font-style:normal;font-weight:700;font-display:swap;src:url(/schrift/cinzel-700.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(/schrift/hanken-grotesk-400.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/schrift/hanken-grotesk-600.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(/schrift/hanken-grotesk-700.woff2) format('woff2')}
:root{--gold:#9a6f24;--gold-hell:#c9a24c;--creme:#faf5ed;--text:#1d1b18;--grau:#5f5a52;--linie:#e7dccb;--dunkel:#151311}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--creme);color:var(--text);font-family:"Hanken Grotesk",-apple-system,Arial,sans-serif;font-size:17px;line-height:1.6}
a{color:#7a5a1f}
img{max-width:100%;height:auto}
.kopf{display:flex;align-items:center;gap:12px;padding:12px 16px;max-width:1120px;margin:0 auto}
.marke{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}
.marke img{width:52px;height:auto}.marke b{display:block;font-family:"Cinzel",serif;font-size:20px;letter-spacing:.5px}
.marke small{display:block;font-size:12px;color:var(--grau)}
.tel{margin-left:auto;white-space:nowrap;color:var(--text);font-weight:700;text-decoration:none;font-size:15px}
main section{max-width:1120px;margin:0 auto;padding:28px 16px}
h1{font-family:"Cinzel",serif;font-weight:700;font-size:clamp(28px,6vw,46px);line-height:1.15;margin:.2em 0 .4em}
h2{font-family:"Cinzel",serif;font-weight:700;font-size:clamp(23px,4.5vw,32px);line-height:1.25;margin:1.2em 0 .5em}
section>h2:first-child,.hell>h2:first-child{margin-top:0}
h3{font-size:21px;margin:.2em 0 .3em}
.hero{display:grid;gap:24px;align-items:center}@media(min-width:860px){.hero{grid-template-columns:1.1fr .9fr}}
.hero-bild{width:100%;border-radius:18px;aspect-ratio:4/5;object-fit:cover}
.hero-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-duo img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:18px}
.lead{font-size:19px}
.knopf{display:inline-block;background:var(--gold);color:#fff;font-weight:700;text-decoration:none;padding:15px 24px;border-radius:999px;font-size:17px;text-align:center}
.knopf:hover{background:#7f5b1c;color:#fff}.knopf.klein{padding:11px 18px;font-size:15px}
.weiche{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.weiche a{border:2px solid var(--gold);color:#5c4214;font-weight:700;text-decoration:none;padding:10px 16px;border-radius:999px;font-size:15px;background:#fff}
.belege{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--grau);font-size:15px}.belege b{color:var(--text)}
.karten{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.karte{background:#fff;border:1px solid var(--linie);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;scroll-margin-top:16px}
.karte img{width:100%;aspect-ratio:4/3;object-fit:cover}
.kt{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.kt p{margin:0 0 8px;color:var(--grau);font-size:16px;flex:1}
.alter{align-self:flex-start;display:inline-block;background:#f3e7cf;color:#5c4214;font-weight:700;font-size:13px;padding:4px 10px;border-radius:999px}.alter.gross{font-size:15px}
.hinweis{font-size:14px;color:var(--grau);background:#fff;border:1px solid var(--linie);padding:10px 14px;border-radius:10px;margin-top:18px}
.hell{background:#fff;border-radius:22px;padding:28px 22px}
.schritte{padding-left:22px;margin:0}.schritte li{margin-bottom:10px}
.qual{font-weight:600;margin-top:16px}
.person{display:grid;gap:22px;align-items:center}@media(min-width:760px){.person{grid-template-columns:320px 1fr}}
.person img{width:100%;max-width:340px;border-radius:18px;aspect-ratio:4/5;object-fit:cover}
.textlink{font-weight:600}
details{background:#fff;border:1px solid var(--linie);border-radius:12px;padding:12px 16px;margin-bottom:10px}
summary{font-weight:700;cursor:pointer}details p{margin:.5em 0 0;color:var(--grau)}
.haken{padding-left:0;list-style:none}.haken li{padding-left:28px;position:relative;margin-bottom:8px}.haken li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:800}
.zurueck{display:block;max-width:1120px;margin:6px auto 0;padding:0 16px;color:var(--grau);text-decoration:none}
.text{max-width:780px!important}
.tabelle{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff;border-radius:12px;overflow:hidden;font-size:16px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linie);vertical-align:top}th{background:#f3e7cf}
footer{background:var(--dunkel);color:#d9ccb3;margin-top:30px;padding:28px 16px 90px;font-size:15px}
footer .in{max-width:1120px;margin:0 auto;display:grid;gap:14px}@media(min-width:760px){footer .in{grid-template-columns:1fr 1fr 1fr}footer{padding-bottom:28px}}
footer a{color:#e9cf96}footer b{color:#fff}.absender{grid-column:1/-1;font-size:13px;opacity:.8}
.mobil-knopf{position:fixed;left:0;right:0;bottom:0;background:rgba(250,245,237,.96);padding:10px 16px;border-top:1px solid var(--linie);text-align:center}
@media(min-width:860px){.mobil-knopf{display:none}}
