/* Familien-Platzhalter – selbständig, ohne Frameworks */
:root{color-scheme:dark;--ivory:#fff3e5;--orange:#ff711c}
*{box-sizing:border-box}
html,body{min-width:280px;min-height:100%;margin:0}
body{background:#07111c;color:var(--ivory);font-family:"Segoe UI",Arial,sans-serif}
.scene{min-height:100svh;min-height:100vh;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;overflow:hidden;text-align:center;background:#0a1522 url("assets/abendblick.webp") center center/cover no-repeat}
.scene::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(1,8,16,.18),rgba(2,9,15,.0) 38%,rgba(2,8,13,.0) 75%,rgba(0,4,9,.28) 100%)}
.content{width:min(95%,1120px);padding:clamp(32px,6vh,76px) 14px 18px;position:relative;z-index:1;text-shadow:0 4px 20px rgba(0,0,0,.48)}
h1{font-family:"Segoe Print","Comic Sans MS","Comic Neue","Z003",cursive;font-size:clamp(2.8rem,7.4vw,6.8rem);font-weight:700;line-height:1.19;letter-spacing:-.035em;margin:0 0 clamp(22px,3vh,38px);position:relative;display:inline-block}
h1 .first{color:var(--orange)}
h1::after{content:"";position:absolute;left:24%;right:6%;height:7px;bottom:-8px;transform:rotate(-1.5deg);border-radius:85% 18% 64% 22%;background:linear-gradient(90deg,transparent,var(--orange) 18%,#f65d16 85%,transparent)}
.line{font-family:"Segoe Print","Comic Sans MS","Comic Neue","Z003",cursive;font-size:clamp(1.08rem,2.35vw,2.05rem);font-weight:500;line-height:1.58;letter-spacing:.005em;margin:0 auto .1em;max-width:1100px}
.rule{width:75px;height:3px;background:var(--orange);border-radius:100%;margin:clamp(15px,2.4vh,24px) auto clamp(16px,2.6vh,26px);transform:rotate(-1deg)}
.closing{display:flex;justify-content:center;align-items:center;gap:14px;font-family:"Segoe Print","Comic Sans MS","Comic Neue","Z003",cursive;font-size:clamp(1.07rem,2.05vw,1.7rem);line-height:1.6;font-weight:600}
.mail-icon{width:32px;height:32px;stroke:var(--orange);stroke-width:1.6;fill:none;flex:0 0 auto}
@media(max-width:650px){.scene{background-position:center 52%}.content{padding-top:clamp(22px,5.3vh,44px);width:98%;padding-inline:10px}h1{font-size:clamp(2.15rem,9.1vw,3.7rem);margin-bottom:27px}.line{font-size:clamp(1rem,4vw,1.4rem);line-height:1.56}.rule{margin:13px auto}.closing{gap:9px;font-size:clamp(.98rem,3.8vw,1.34rem)}.mail-icon{width:25px;height:25px}}
@media(max-height:650px) and (min-width:651px){.content{padding-top:22px}h1{font-size:clamp(2.7rem,6vw,4.5rem);margin-bottom:14px}.line{font-size:clamp(1.1rem,2vw,1.7rem)}.rule{margin:8px auto}.closing{font-size:1.25rem}}
@media(prefers-reduced-motion:no-preference){.content{animation:rise .85s cubic-bezier(.22,.8,.25,1) both}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}