:root{--cream:#fffaf0;--paper:#f8edda;--gold:#c9963e;--gold2:#ecd39b;--red:#a91f32;--red2:#d13d4c;--blue:#193f78;--ink:#243044;--muted:#6f6a63;--shadow:0 20px 60px rgba(63,42,20,.18);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;background:#f7efe2;overflow-x:hidden}img{max-width:100%;display:block}.shell{width:min(1180px,calc(100% - 40px));margin:auto}
.hero{position:relative;min-height:410px;background:url('../images/design/header.webp') center 52%/cover no-repeat;color:#fff;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.42)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,25,21,.54),rgba(34,25,21,.14) 58%,rgba(34,25,21,.26)),linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.04) 65%,rgba(72,39,21,.22))}.hero-inner{position:relative;z-index:2;padding:26px 0 68px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;text-shadow:0 2px 14px rgba(0,0,0,.28)}.brand-mark{width:42px;height:42px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;color:#ffe3a0;font-size:24px;background:rgba(83,52,22,.22);backdrop-filter:blur(8px)}.brand strong{display:block;font:700 29px/1 Georgia,serif;letter-spacing:.2px}.brand small{display:block;margin-top:5px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.9}.secure-chip{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.88);color:#4b3928;padding:8px 14px 8px 9px;border-radius:999px;font-size:13px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.12)}.secure-chip img{width:28px;height:28px;object-fit:contain}.hero-copy{margin-top:70px;max-width:720px}.eyebrow{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:#ffe5ac;margin-bottom:12px}.hero h1{margin:0;font:700 clamp(46px,7vw,76px)/.98 Georgia,serif;text-shadow:0 4px 28px rgba(0,0,0,.22)}.hero-copy>p{font-size:19px;line-height:1.55;max-width:650px;margin:18px 0 20px;text-shadow:0 2px 12px rgba(0,0,0,.28)}.trust-row{display:flex;flex-wrap:wrap;gap:10px}.trust-row span{padding:9px 12px;border-radius:999px;background:rgba(35,27,21,.28);border:1px solid rgba(255,255,255,.32);font-size:12px;backdrop-filter:blur(8px)}.hero-corner{position:absolute;z-index:1;width:430px;opacity:.34;pointer-events:none}.hero-corner-left{left:-155px;bottom:-210px}
.today-zone{position:relative;min-height:690px;margin-top:-1px;padding:72px 0 100px;background:linear-gradient(rgba(247,239,226,.58),rgba(247,239,226,.92)),url('../images/design/main-bg.webp') center/cover fixed;overflow:hidden}.today-zone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,249,238,.9) 0 32%,rgba(255,249,238,.2) 58%,rgba(255,249,238,.08));z-index:2;pointer-events:none}.today-shell{position:relative;z-index:6;display:grid;grid-template-columns:220px minmax(0,1fr) 260px;gap:20px;align-items:center}.glass-card{background:rgba(255,250,242,.94);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.mini-card{border-radius:var(--radius);padding:24px;text-align:center;position:relative;overflow:hidden}.mini-card:after{content:"";position:absolute;inset:auto -25% -44% -25%;height:120px;background:radial-gradient(circle,var(--gold2),transparent 65%);opacity:.35}.mini-icon{width:58px;height:58px;object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 6px 12px rgba(101,66,22,.15))}.card-kicker{display:block;font:700 18px Georgia,serif;color:var(--blue);margin:2px 0 8px}.big-date{display:block;font:700 76px/.9 Georgia,serif;color:var(--red)}.month-year{display:block;margin-top:8px;font-weight:800}.weekday{display:block;margin-top:5px;font-size:13px;color:var(--muted)}
.birthday-focus{background:rgba(255,251,242,.97);border-radius:30px;box-shadow:0 26px 70px rgba(89,49,15,.24);overflow:hidden;border:1px solid rgba(255,255,255,.72);min-height:370px}.focus-head{min-height:68px;background:linear-gradient(135deg,#8f1728,#c82d43);color:#fff;display:flex;justify-content:center;align-items:center;gap:10px;font:700 21px Georgia,serif;letter-spacing:.01em}.focus-head img{width:42px;height:42px;object-fit:contain}.focus-body{padding:30px 34px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,248,232,.92));min-height:302px;display:flex;align-items:center}.birthday-person,.empty-today{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;width:100%}.birthday-person+.birthday-person{margin-top:26px;padding-top:26px;border-top:1px solid rgba(201,150,62,.25)}.portrait-wrap{width:150px;height:150px;border-radius:26px;overflow:hidden;background:#f2e4c8;border:4px solid #fff;box-shadow:0 12px 32px rgba(76,46,13,.2)}.portrait-wrap img{width:100%;height:100%;object-fit:cover}.today-label{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:900}.focus-body h2{margin:7px 0 6px;font:700 clamp(34px,4vw,50px)/1 Georgia,serif;color:#2b3140}.age{margin:0 0 14px;color:var(--muted);font-size:18px}.age strong{color:var(--red);font-size:30px}.wish{font:italic 17px/1.55 Georgia,serif;color:#5b5147;margin:0}.empty-today>img{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(80,45,10,.16))}.empty-today h2{font-size:35px}.empty-today p{margin:10px 0 0;line-height:1.6;color:var(--muted)}
.week-card{text-align:left;min-height:330px}.week-card .mini-icon{margin-left:0}.week-list{list-style:none;padding:0;margin:12px 0 0}.week-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid rgba(172,135,71,.2)}.week-list li:last-child{border-bottom:0}.week-list span{display:flex;flex-direction:column}.week-list small{color:var(--muted);margin-top:3px}.week-list em{font-size:11px;color:var(--red);font-style:normal;font-weight:800}.empty-week{font-size:13px;line-height:1.5;color:var(--muted)}
.collage{position:absolute;inset:0;z-index:1;pointer-events:none}.collage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(250,242,228,.1),rgba(250,242,228,.28))}.collage-item{position:absolute;width:180px;height:128px;transform:translate(-50%,-50%) rotate(var(--rot)) scale(var(--scale));border:7px solid #fff;border-radius:12px;background:#fff;box-shadow:0 18px 42px rgba(52,36,22,.26);overflow:hidden;opacity:.86;transition:transform .35s ease}.collage-item img{width:100%;height:100%;object-fit:cover}.demo-collage .collage-item{filter:saturate(.88) brightness(1.02)}.confetti{position:absolute;z-index:4;width:250px;opacity:.32;pointer-events:none}.confetti-left{left:47%;top:50%;transform:translate(-50%,-50%)}
.about-zone{padding:86px 0;background:linear-gradient(180deg,#f4ead8,#fffaf1 55%,#efe1cc)}.about-card{position:relative;background:rgba(255,250,240,.96);border:1px solid #ead8b6;border-radius:34px;padding:58px 58px 30px;box-shadow:0 24px 60px rgba(75,49,20,.12);overflow:hidden}.about-card:before{content:"";position:absolute;inset:0;background:url('../images/design/paper.webp') center/cover no-repeat;opacity:.18;pointer-events:none}.about-copy,.feature-grid,.divider,.footer-note{position:relative;z-index:2}.eyebrow.dark{color:var(--red)}.about-copy{max-width:790px}.about-copy h2{margin:4px 0 15px;font:700 clamp(34px,5vw,52px)/1.05 Georgia,serif;color:#32303a}.about-copy p{font-size:16px;line-height:1.7;color:#655e56}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}.feature{background:rgba(255,255,255,.74);border:1px solid rgba(201,150,62,.26);border-radius:22px;padding:18px;min-height:170px;box-shadow:0 10px 26px rgba(73,48,22,.07)}.feature img{width:54px;height:54px;object-fit:contain;margin-bottom:8px}.feature strong{display:block;font:700 18px Georgia,serif;color:var(--blue);margin-bottom:6px}.feature span{font-size:13px;line-height:1.45;color:var(--muted)}.about-ornament{position:absolute;right:-80px;top:-95px;width:360px;opacity:.2;z-index:1}.divider{width:min(650px,80%);margin:44px auto 20px}.footer-note{text-align:center;font:italic 14px Georgia,serif;color:#7a6d5f}
@media(max-width:980px){.today-shell{grid-template-columns:1fr 1fr}.birthday-focus{grid-column:1/-1;grid-row:1}.date-card,.week-card{min-height:260px}.feature-grid{grid-template-columns:repeat(2,1fr)}.collage-item{opacity:.34}}
@media(max-width:680px){.shell{width:min(100% - 24px,1180px)}.hero{min-height:470px}.hero-inner{padding-bottom:56px}.brand-row{align-items:flex-start}.secure-chip{font-size:0;padding:6px}.secure-chip img{width:32px;height:32px}.hero-copy{margin-top:70px}.hero h1{font-size:48px}.hero-copy>p{font-size:17px}.trust-row{display:none}.today-zone{padding:44px 0 70px;background-attachment:scroll}.today-shell{display:flex;flex-direction:column}.birthday-focus{order:1;width:100%}.date-card{order:2;width:100%}.week-card{order:3;width:100%}.birthday-person,.empty-today{grid-template-columns:1fr;text-align:center}.portrait-wrap{margin:auto}.focus-body{padding:28px 22px}.empty-today>img{margin:auto}.focus-head{font-size:18px}.big-date{font-size:64px}.collage-item{width:125px;height:90px;opacity:.25}.about-zone{padding:55px 0}.about-card{padding:38px 22px 24px}.feature-grid{grid-template-columns:1fr}.feature{min-height:auto}.about-ornament{width:260px}.brand strong{font-size:25px}}
/* v2: echte Grußbilder im Tagesfokus vollständig zeigen */
.birthday-person:has(.greeting-image){grid-template-columns:minmax(250px,330px) 1fr}
.portrait-wrap.greeting-image{width:min(330px,100%);height:auto;aspect-ratio:4/3;border-radius:20px;background:#fff}
.portrait-wrap.greeting-image img{object-fit:contain;background:#fff}
@media(max-width:680px){.birthday-person:has(.greeting-image){grid-template-columns:1fr}.portrait-wrap.greeting-image{width:min(100%,420px);margin:auto}}

/* v3: Admin-Einstieg */
.header-actions{display:flex;align-items:center;gap:10px}.admin-link{display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.04em;border:1px solid rgba(255,255,255,.5);background:rgba(35,27,21,.28);backdrop-filter:blur(8px);padding:10px 14px;border-radius:999px;transition:background .2s ease}.admin-link:hover{background:rgba(255,255,255,.18)}
@media(max-width:680px){.header-actions{gap:6px}.admin-link{padding:9px 11px}.secure-chip{display:none}}