/* Eventplaner360 Ratgeber – gemeinsames Stylesheet */
:root{--cream:#f9f8f5;--paper:#fff;--ink:#16233c;--muted:#6b7280;--navy:#14264a;--gold:#cfa243;--rose:#b76e79;--line:#e6e3dc}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Segoe UI",system-ui,Arial,sans-serif;line-height:1.7;font-size:16px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:600;color:var(--navy);line-height:1.25}
h1{font-size:clamp(26px,3.6vw,38px);margin:0 0 10px}
h2{font-size:clamp(20px,2.6vw,26px);margin:34px 0 10px}
h3{font-size:17px;margin:22px 0 6px}
p{margin:0 0 12px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin-bottom:6px}
a{color:var(--navy)}
.wrap{width:min(780px,calc(100vw - 48px));margin:0 auto;padding:26px 0 60px}
.top{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.top img{width:38px;height:38px}
.top .name{font-family:Georgia,serif;font-size:19px}
.top .name b{color:var(--navy)}
.top .name i{font-style:normal;color:var(--gold);font-weight:700}
.top .back{margin-left:auto;font-size:13.5px}
.crumbs{font-size:12.5px;color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--muted)}
.hero-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(20,38,74,.07);padding:26px;margin-bottom:18px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(20,38,74,.06);padding:24px 26px;margin-bottom:16px}
.lead{font-size:17.5px;color:#33405c}
.note{background:#fdf6e9;border:1px solid #efe0bf;border-radius:12px;padding:12px 16px;font-size:14.5px;margin:14px 0}
.tip{background:#f3f7f3;border:1px solid #d9e6d9;border-radius:12px;padding:12px 16px;font-size:14.5px;margin:14px 0}
.warn{background:#fdf3f1;border:1px solid #f0d8d2;border-radius:12px;padding:12px 16px;font-size:14.5px;margin:14px 0}
.cta{background:linear-gradient(160deg,#fff7f2,#fff);border:1.5px solid #f0d9d2;border-radius:18px;padding:22px 24px;margin:24px 0;text-align:center}
.cta h3{margin-top:0}
.btn{display:inline-block;font-weight:600;font-size:15px;padding:12px 20px;border-radius:11px;border:1px solid var(--rose);background:var(--rose);color:#fff;text-decoration:none;margin:4px 4px 0}
.btn.ghost{background:#fff;color:var(--navy);border-color:var(--line)}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14.5px}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:#faf7f2}
details{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:8px;background:#fdfcf9}
details[open]{background:#fff}
summary{cursor:pointer;font-weight:600;color:var(--navy);font-size:14.5px}
.meta{font-size:13px;color:var(--muted);margin:0 0 4px}
.toc{background:#fbf9f4;border:1px solid var(--line);border-radius:14px;padding:14px 18px;font-size:14.5px;margin:0 0 18px}
.toc b{display:block;margin-bottom:6px;color:var(--navy)}
.toc a{display:block;padding:2px 0;color:#41507a;text-decoration:none}
.toc a:hover{text-decoration:underline}
.rel{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
.rel a{font-size:13.5px;border:1px solid var(--line);border-radius:20px;padding:6px 12px;background:#fff;text-decoration:none}
.rel a:hover{border-color:var(--rose);color:var(--rose)}
.foot{margin-top:26px;font-size:12.5px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}
figure.shot{margin:18px 0}
figure.shot img{width:100%;height:auto;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 28px rgba(20,38,74,.12);display:block}
figure.shot figcaption{font-size:12.5px;color:var(--muted);margin-top:7px}
.share{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:22px 0 4px;font-size:13px}
.share .sh-label{color:var(--muted);font-weight:600;margin-right:2px}
.share a.sh,.share button.sh{border:1px solid var(--line);border-radius:999px;padding:7px 13px;background:#fff;color:var(--navy);text-decoration:none;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.share a.sh:hover,.share button.sh:hover{border-color:var(--rose);color:var(--rose)}
.share .sh.wa{border-color:#cde8d4;color:#128c4b}
.share .sh.wa:hover{border-color:#25d366;background:#f0fbf3}
@media print{body{background:#fff}.card,.hero-card,.cta{box-shadow:none;border:0}}


/* GEO: Antwort-, Autoren- und CTA-Bloecke */
.answer{border-left:4px solid var(--rose,#b76e79);background:#fdf6f4;border-radius:0 14px 14px 0;padding:14px 18px;margin:18px 0 20px}
.answer b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9c4a58;margin-bottom:6px}
.answer p{margin:0;font-size:16px;line-height:1.55;color:#3b2f38}
.answer .answer-src{font-size:12px;color:#8a7a86;margin-top:8px}
.geo-cta{background:linear-gradient(135deg,#2b1633,#5c2f3f);color:#fdf8f4;border-radius:18px;padding:22px 24px;margin:22px 0}
.geo-cta b{display:block;font-family:Georgia,serif;font-size:20px;margin-bottom:6px}
.geo-cta p{margin:0 0 14px;color:#e6d6e0;font-size:15px;line-height:1.5}
.geo-cta .btn{display:inline-block;padding:10px 18px;border-radius:999px;text-decoration:none;font-size:14px;background:#e8b7c0;color:#2b1633;border:1px solid #e8b7c0;margin:0 8px 8px 0}
.geo-cta .btn.ghost{background:transparent;color:#fdf8f4;border-color:rgba(255,255,255,.35)}
.author{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e6e3dc;border-radius:16px;padding:16px 18px;margin:22px 0}
.author img{border-radius:12px;flex:0 0 auto}
.author b{display:block;font-size:15px;color:#2b1633;margin-bottom:4px}
.author p{margin:0;font-size:14px;line-height:1.5;color:#6b6270}
.author .author-links{margin-top:6px;font-size:13px}
@media (max-width:560px){.geo-cta{padding:18px}.author{flex-direction:column}}