*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:#493f31;background:#eee8d8;background-image:repeating-linear-gradient(0deg,transparent,transparent 5px,#b5a5870b 6px);font:18px/1.7 Georgia,serif}body:before{content:"";display:block;height:16px;background:repeating-linear-gradient(90deg,#954c3c 0 20px,#faf1d7 20px 40px)}header{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:23px 30px;gap:22px}header a{font:700 14px/1.5 system-ui,sans-serif;color:#455d3d;text-decoration:none}nav{display:flex;gap:25px}main{max-width:1120px;margin:0 auto 40px;background:#fffaf0;border-radius:24px;overflow:hidden;border:1px solid #d7cfb8;box-shadow:0 14px 45px #55442514}.hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;padding:64px 55px;gap:45px;background:linear-gradient(120deg,#fbf5e7,#e9eedb)}.eyebrow{font:700 12px/1.6 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#7b6242}h1{font:normal clamp(38px,5vw,62px)/1.1 Georgia,serif;color:#633e2e;margin:15px 0 22px}h2{font:normal clamp(28px,3vw,38px)/1.2 Georgia,serif;color:#633e2e;margin:12px 0 24px}h3{font:normal 24px/1.25 Georgia,serif;margin:10px 0;color:#465c3f}.claim{font-style:italic;font-size:24px;line-height:1.5;color:#5b6c45}.button{display:inline-block;padding:14px 21px;border-radius:9px;background:#426145;color:#fff;text-decoration:none;font:700 14px/1.6 system-ui,sans-serif;margin-top:12px}.button:hover{background:#2e4a31}.anniversary{text-align:center;border:7px double #a78955;border-radius:50%;aspect-ratio:1;background:#f6edcf;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 12px 24px #54462713;transform:rotate(3deg)}.anniversary>span{font-style:italic;font-size:22px;color:#8d4e3a}.anniversary strong{font:normal clamp(90px,13vw,155px)/1 Georgia,serif;color:#536a42}.anniversary b{font:normal 36px/1.2 Georgia,serif}.anniversary small{font:12px/1.8 system-ui,sans-serif;letter-spacing:.04em;margin-top:13px}.anniversary i{font-size:25px;font-style:normal}.ribbon{text-align:center;padding:15px;color:#f9f5df;background:#6c7750;font:italic 23px/1.5 Georgia,serif}.section{padding:48px 55px}.section>p{max-width:80ch}.tinted{background:#f0eedf}.facts,.ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.facts article,.ideas article{padding:24px;background:#fffcf4;border:1px solid #ded9c6;border-radius:14px}.facts small{font:700 11px/1.5 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#80714d}.facts p,.ideas p{font-size:16px;margin-bottom:0}.ideas article>span{font-size:30px;color:#a26841}.note{padding:20px;border-left:4px solid #ac8052;background:#faf6e8;font-size:15px;margin-top:25px}blockquote{margin:30px 0 0;padding:26px;border-radius:12px;background:#f4edda;color:#6a5339;font:italic 25px/1.6 Georgia,serif}.closing{padding:50px;text-align:center;background:#e9eddd}.back{display:block;margin-top:18px;color:#4d643e;font-size:15px}footer{text-align:center;padding:0 20px 35px;font-size:14px}footer a{color:#4b643d}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:20px;background:white;padding:12px}a:focus-visible{outline:3px solid #ab533a;outline-offset:4px}@media(max-width:760px){.hero{padding:35px 25px;gap:25px;grid-template-columns:1fr}.anniversary{width:240px;justify-self:center}.anniversary strong{font-size:100px}.section,.closing{padding:32px 24px}.facts,.ideas{grid-template-columns:1fr}header{padding:20px;flex-wrap:wrap}nav{gap:17px}.claim{font-size:21px}main{margin:0 12px 30px}blockquote{font-size:21px}.ribbon{font-size:19px}}

/* Festlicher Kopfbereich */
.hero{position:relative;padding-top:95px;gap:30px;grid-template-columns:1.1fr 1fr;background:radial-gradient(ellipse at 88% 20%,#f1d99b66,transparent 48%),linear-gradient(120deg,#fff8e9,#e9eedb)}
.bunting{position:absolute;top:15px;left:-2%;width:104%;height:50px;border-top:2px solid #9d8454;display:flex;justify-content:space-around;transform:rotate(-2deg);pointer-events:none}.bunting i{width:35px;height:44px;clip-path:polygon(0 0,100% 0,50% 100%);background:#aa614b}.bunting i:nth-child(3n){background:#b99c50}.bunting i:nth-child(3n + 2){background:#75855a}
.birthday-art{margin:0;position:relative;align-self:center;text-align:center}.birthday-art img{display:block;width:100%;height:auto;border-radius:48% 48% 18px 18px;border:7px solid #fff8e9;box-shadow:0 12px 30px #66512a22}.birthday-art figcaption{font:italic 18px/1.5 Georgia,serif;color:#617449;margin-top:17px}.date-seal{position:relative;z-index:1;display:inline-block;margin-bottom:-20px;padding:10px 24px;background:#76503a;color:#fff5d7;border:3px double #d6b877;border-radius:12px;transform:rotate(3deg);font:italic 17px/1.5 Georgia,serif;box-shadow:0 4px 12px #55442522}.date-seal strong{display:block;font:700 15px/1.5 system-ui,sans-serif;letter-spacing:.04em}.hero-copy h1{font-size:clamp(37px,4.5vw,57px)}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:80px}.birthday-art{max-width:430px;justify-self:center}.bunting i{width:24px;height:32px}.hero-copy h1{font-size:42px}}