/* nicolehuber.de – Übergangsseiten bis zum Blog (Phase 3). Keine externen Schriften, keine Cookies. */
:root {
  --beere: #a50050; --beere-dunkel: #720a3b; --orange: #f1894c; --gold: #e7b02e; --gruen: #6ba81c; --blau: #0055a3;
  --verlauf: linear-gradient(90deg, var(--orange), var(--gold) 33%, var(--gruen) 66%, var(--blau));
  --bg: #fbf8f5; --fl: #fff; --tx: #1f1a24; --tx2: #5a5360; --rand: #ece4e8;
  --schrift: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #17121a; --fl: #221a25; --tx: #f1ebf2; --tx2: #c2b6c6; --rand: #3a2e3d; --beere-dunkel: #f19bc2; --beere: #e8609e; }
}
* { box-sizing: border-box; }
body { margin: 0; font: 17px/1.65 var(--schrift); color: var(--tx); background: var(--bg); }
.band { height: 6px; background: var(--verlauf); }
header, main, footer { max-width: 760px; margin: 0 auto; padding: 0 20px; }
header { padding-top: 28px; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px; }
.name { font-weight: 800; font-size: 1.25rem; color: var(--beere-dunkel); text-decoration: none; letter-spacing: -.01em; }
nav a { color: var(--tx2); text-decoration: none; margin-left: 16px; font-size: .95rem; }
nav a:hover { color: var(--beere); }
main { padding-top: 40px; padding-bottom: 56px; }
h1 { font-size: clamp(1.9rem, 5vw, 2.6rem); line-height: 1.15; margin: 0 0 .4em; color: var(--beere-dunkel); letter-spacing: -.02em; }
h2 { font-size: 1.2rem; margin: 2em 0 .4em; color: var(--beere-dunkel); }
h3 { font-size: 1rem; margin: 1.4em 0 .3em; }
a { color: var(--beere); }
.lead { font-size: 1.2rem; color: var(--tx2); max-width: 36em; }
.themen { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0; padding: 0; list-style: none; }
.themen li { padding: 6px 14px; border-radius: 999px; background: var(--fl); border: 1px solid var(--rand); font-size: .92rem; }
.themen li::before { content: "●"; margin-right: 6px; }
.themen li:nth-child(1)::before { color: var(--gruen); } .themen li:nth-child(2)::before { color: var(--blau); }
.themen li:nth-child(3)::before { color: var(--orange); } .themen li:nth-child(4)::before { color: var(--beere); }
.themen li:nth-child(5)::before { color: var(--gold); }
.karte { background: var(--fl); border: 1px solid var(--rand); border-left: 5px solid var(--gold); border-radius: 14px; padding: 16px 20px; }
.entwurf { background: #fff3c4; color: #5a4400; border-radius: 10px; padding: 10px 14px; font-size: .9rem; margin-bottom: 24px; }
.luecke { background: #ffe1ec; color: #720a3b; padding: 0 4px; border-radius: 4px; }
footer { border-top: 1px solid var(--rand); padding-top: 16px; padding-bottom: 32px; font-size: .9rem; color: var(--tx2); }
footer a { color: var(--tx2); margin-right: 16px; }