:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192c39;background:#f7f9fb;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.55}a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.skip{position:absolute;top:-100px;left:12px;background:#fff;padding:10px;z-index:20}.skip:focus{top:10px}.header{background:#fff;border-bottom:1px solid #e2e9ed}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:#174c60;color:#fff;font-size:24px;font-weight:800;border-radius:13px}.brand strong,.brand small{display:block}.brand strong{font-size:17px}.brand small{font-size:12px;color:#657780}.nav{display:flex;align-items:center;flex-wrap:wrap;gap:22px;font-size:14px;font-weight:650}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.nav .login{background:#174c60;color:#fff;border-radius:8px;padding:11px 16px}.hero{background:linear-gradient(125deg,#103848,#1d6573);color:#fff}.hero-content{padding:100px 0 108px;max-width:1120px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:750;color:#b7e5dc}.eyebrow.dark{color:#25706f}h1{font-size:clamp(36px,5vw,60px);line-height:1.12;letter-spacing:-.035em;max-width:780px;margin:18px 0 20px}h2{font-size:clamp(27px,3vw,37px);line-height:1.2;letter-spacing:-.025em;margin:10px 0}h3{font-size:20px;margin:10px 0}.hero p{font-size:18px;max-width:690px;color:#d8e9eb}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;background:#fff;color:#174c60;padding:13px 19px;border-radius:9px;text-decoration:none;font-weight:700}.button.secondary{background:transparent;color:#fff;border:1px solid #aac9ce}.section{padding:74px 0 100px}.intro{max-width:660px;color:#51646e;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}.card{background:#fff;border:1px solid #e1e9ed;border-radius:16px;padding:26px;box-shadow:0 8px 26px #0c35430a}.symbol{display:grid;place-items:center;width:42px;height:42px;background:#e9f5f3;border-radius:12px;color:#226967;font-size:25px}.card p{color:#566a74}.coming{display:block;margin-top:25px;color:#667984;font-size:12px}.footer{background:#102f3c;color:#d1dfe2}.footer-inner{padding:27px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}a:focus-visible{outline:3px solid #e2b25c;outline-offset:3px}@media(max-width:720px){.header-inner{align-items:flex-start;flex-direction:column;padding:18px 0}.nav{gap:14px}.hero-content{padding:66px 0 74px}.cards{grid-template-columns:1fr}.section{padding:56px 0 70px}}

/* Homepage v0.8 – öffentliche Kalenderliste */
.hp-calendar-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid #e5e7eb}.hp-calendar-item h3{margin:5px 0}.hp-calendar-item p{margin:4px 0;color:#667085}@media(max-width:600px){.hp-calendar-item{align-items:flex-start;flex-direction:column}}

/* Homepage v0.8 TEST 3 – gemeinsame Terminkarten für Startseite und Kalenderseite */
.hp-calendar-list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;max-width:100%;margin:20px 0 24px;text-align:left}
.hp-calendar-list .hp-calendar-card{box-sizing:border-box;display:flex;align-items:center;gap:22px;width:100%;min-width:0;padding:20px 22px;background:#fff;border:1px solid #e9e3e5;border-radius:16px;color:#26232a;text-decoration:none;box-shadow:0 3px 14px rgba(37,17,27,.045);transition:border-color .18s,box-shadow .18s,transform .18s}
.hp-calendar-list .hp-calendar-card:hover{border-color:var(--hp-primary,#AD303B);box-shadow:0 8px 24px rgba(37,17,27,.09);transform:translateY(-1px)}
.hp-calendar-list .hp-calendar-card:focus-visible{outline:3px solid var(--hp-primary,#AD303B);outline-offset:3px}
.hp-calendar-date{display:flex;flex:0 0 74px;flex-direction:column;align-items:center;justify-content:center;min-height:78px;border-radius:12px;background:#f8eff0;color:var(--hp-primary,#AD303B);line-height:1.1}
.hp-calendar-day{font-size:30px;font-weight:800;letter-spacing:-1px}.hp-calendar-month{margin-top:5px;font-size:12px;font-weight:750;letter-spacing:1px}
.hp-calendar-info{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:7px}
.hp-calendar-title{font-size:clamp(17px,2vw,21px);font-weight:750;line-height:1.3;color:#25232a;overflow-wrap:anywhere}
.hp-calendar-meta{display:flex;align-items:center;gap:7px;font-size:14px;line-height:1.4;color:#68636a;overflow-wrap:anywhere}
.hp-calendar-meta>span:first-child{font-size:18px;color:#8c8084;line-height:1}
.hp-calendar-arrow{flex:0 0 auto;font-size:30px;font-weight:300;line-height:1;color:var(--hp-primary,#AD303B)}
@media(max-width:600px){.hp-calendar-list{gap:11px}.hp-calendar-list .hp-calendar-card{gap:13px;padding:14px 12px;border-radius:12px}.hp-calendar-date{flex-basis:58px;min-height:65px}.hp-calendar-day{font-size:25px}.hp-calendar-month{font-size:10px}.hp-calendar-meta{font-size:12px}.hp-calendar-arrow{font-size:24px}}
