/* v0.5 TEST 2 – öffentliche Startseite. Nur zusätzliche Klassen, keine Verwaltungseingriffe. */
.hp-start{--hp-start-ink:#242027;--hp-start-muted:#68616b;--hp-start-line:#eee7e9;color:var(--hp-start-ink)}
.hp-start-intro{padding:12px 0 28px;max-width:860px}
.hp-start-eyebrow,.hp-start-kicker{display:block;color:var(--hp-primary);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:13px}
.hp-start-intro h1{font-size:clamp(2rem,4.2vw,3.65rem);line-height:1.12;letter-spacing:-.045em;margin:0 0 20px;font-weight:800}
.hp-start-intro>p{font-size:1.14rem;line-height:1.75;color:var(--hp-start-muted)}
.hp-start-editor-content{max-width:100%}.hp-start-editor-content .hp-content-block{padding-left:0;padding-right:0}
.hp-start-editor-content .hp-bg-light,.hp-start-editor-content .hp-bg-primary{padding:24px}
.hp-start-section{padding:38px 0 48px;border-top:1px solid var(--hp-start-line)}
.hp-start-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:25px}
.hp-start-section-heading h2,.hp-start-event-callout h2{font-size:clamp(1.65rem,3vw,2.5rem);letter-spacing:-.035em;line-height:1.16;margin:0}
.hp-start-more{color:var(--hp-primary);font-size:.95rem;font-weight:750;text-decoration:none;white-space:nowrap;padding:10px 0}
.hp-start-more:hover,.hp-start-card-link:hover{text-decoration:underline;text-underline-offset:4px}
.hp-start-card-grid,.hp-start-album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hp-start-card{min-width:0;background:#fff;border:1px solid var(--hp-start-line);border-radius:19px;overflow:hidden;box-shadow:0 8px 30px rgba(48,24,35,.055);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.hp-start-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(48,24,35,.11)}
.hp-start-card-image{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#eee6e8}
.hp-start-card-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.hp-start-image-placeholder{display:grid;place-items:center;background:linear-gradient(130deg,var(--hp-primary),#a34a5b);color:#fff;font-size:2.3rem;font-weight:850;letter-spacing:.15em}
.hp-start-card-content{padding:23px;display:flex;flex-direction:column;align-items:start;flex:1}
.hp-start-card-content time{font-size:.78rem;color:var(--hp-start-muted);margin-bottom:11px}
.hp-start-card-content h3{font-size:1.23rem;line-height:1.3;letter-spacing:-.02em;margin:0 0 10px}
.hp-start-card-content h3 a{color:var(--hp-start-ink);text-decoration:none}
.hp-start-card-content p{font-size:.94rem;line-height:1.65;color:var(--hp-start-muted);margin:0 0 18px}
.hp-start-card-link{margin-top:auto;color:var(--hp-primary);font-weight:750;font-size:.9rem;text-decoration:none}
.hp-start-album{position:relative;min-height:245px;aspect-ratio:4/3;border-radius:19px;overflow:hidden;background:linear-gradient(125deg,var(--hp-primary),#a64b5c);color:white;text-decoration:none;display:block;isolation:isolate}
.hp-start-album img,.hp-start-album-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:grid;place-items:center;font-size:2.4rem;font-weight:800;letter-spacing:.12em;transition:transform .35s ease}
.hp-start-album:hover img{transform:scale(1.055)}
.hp-start-album:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(20,13,18,.85));z-index:1}
.hp-start-album-label{position:absolute;bottom:0;left:0;right:0;padding:24px;display:flex;flex-direction:column;gap:8px;z-index:2}
.hp-start-album-label strong{font-size:1.22rem;line-height:1.2}.hp-start-album-label>span{font-size:.83rem;opacity:.9}
.hp-start-event-callout{background:linear-gradient(110deg,var(--hp-primary),#55212d);color:white;border-radius:24px;padding:35px 38px;margin:14px 0 44px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.hp-start-event-callout .hp-start-kicker{color:#f6d8de}.hp-start-event-callout p{margin:12px 0 0;line-height:1.6;color:#f6e6e9}
.hp-start-event-link{background:white;color:#54202c;text-decoration:none;border-radius:100px;padding:14px 20px;font-weight:750;white-space:nowrap}
.hp-start-event-link:hover{background:#f5e7eb}
@media(max-width:900px){.hp-start-card-grid,.hp-start-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-start-event-callout{align-items:start;flex-direction:column}}
@media(max-width:620px){.hp-start-section{padding:28px 0 36px}.hp-start-section-heading{align-items:start;flex-direction:column;gap:7px}.hp-start-card-grid,.hp-start-album-grid{grid-template-columns:1fr}.hp-start-album{min-height:240px}.hp-start-event-callout{padding:26px 22px;border-radius:18px}.hp-start-event-link{white-space:normal}.hp-start-intro{padding-top:0}}
@media(prefers-reduced-motion:reduce){.hp-start-card,.hp-start-album img{transition:none}.hp-start-card:hover{transform:none}.hp-start-album:hover img{transform:none}}

/* v0.5 TEST 3 – Hero und Vereinsgruppen */
.hp-hero{position:relative;min-height:clamp(360px,52vw,610px);display:flex;align-items:center;background-position:center 43%;background-size:cover;isolation:isolate}
.hp-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(23,13,22,.2),transparent 72%);z-index:-1}
.hp-hero-inner{width:100%;padding:clamp(62px,9vw,125px) 24px;box-sizing:border-box}
.hp-hero-inner h1{max-width:850px;font-size:clamp(2.6rem,6.5vw,5.2rem);line-height:1.06;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 2px 18px #0004}
.hp-hero-inner p{max-width:660px;font-size:clamp(1.04rem,1.8vw,1.25rem);line-height:1.7;text-shadow:0 2px 12px #0005}
.hp-hero-inner .hp-btn{border-radius:100px;padding:14px 24px;font-weight:800;box-shadow:0 8px 22px #0002}
.hp-start-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hp-start-group-card{display:flex;align-items:center;gap:17px;padding:23px;background:linear-gradient(135deg,#fff,#fbf7f8);border:1px solid var(--hp-start-line);border-radius:19px;text-decoration:none;color:var(--hp-start-ink);box-shadow:0 7px 22px #30202b08;transition:transform .2s ease,box-shadow .2s ease}
.hp-start-group-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #30202b16}
.hp-start-group-icon{display:grid;place-items:center;flex:none;width:56px;height:56px;background:var(--hp-primary);color:white;border-radius:16px;font-size:1.6rem}
.hp-start-group-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.hp-start-group-copy strong{font-size:1.12rem}.hp-start-group-copy small{color:var(--hp-start-muted);line-height:1.5;font-size:.86rem}
.hp-start-group-arrow{margin-left:auto;color:var(--hp-primary);font-size:1.4rem}
@media(max-width:700px){.hp-start-group-grid{grid-template-columns:1fr}.hp-hero{min-height:370px}.hp-hero-inner{padding:65px 20px}}
@media(prefers-reduced-motion:reduce){.hp-start-group-card{transition:none}}
