@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--ink:#243d2d;--paper:#faf9f2;--purple:#70428a;--lime:#e5efb9;--line:#243d2d35}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--purple);outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.08}em{font-weight:400;color:var(--purple)}header{min-height:112px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{font-family:Georgia,serif;font-size:31px;letter-spacing:-1.3px;line-height:1.2}.brand span{color:var(--purple)}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:1.9px;margin-top:8px}nav{display:flex;gap:34px;align-items:center;font-size:14px}.nav-comic{border:1px solid var(--ink);padding:10px 19px;border-radius:25px}nav a:hover{color:var(--purple)}.hero{display:grid;grid-template-columns:1fr 1fr;position:relative;padding:55px 5% 0;gap:34px}.hero-copy{padding:30px 0 15px 5%}.eyebrow,.section-label{font-size:12px;font-weight:600;letter-spacing:2px}.hero h1{font-size:clamp(65px,7.5vw,112px);letter-spacing:-5px;margin:24px 0}.intro{font-size:18px;line-height:1.7}.button{display:inline-block;background:var(--ink);color:white;padding:14px 26px;border-radius:30px;font-size:14px;margin-top:28px;transition:background .2s}.button:hover{background:var(--purple)}.handnote{font-family:Georgia,serif;font-style:italic;font-size:21px;margin:35px 0 0 80px;transform:rotate(-6deg);color:var(--purple)}.hero-image{position:relative;min-height:530px;margin:0 20px 25px 0}.hero-image>img{border-radius:48% 48% 3px 3px;position:absolute;object-position:49% 50%}.stamp{position:absolute;right:-26px;bottom:48px;width:148px;height:148px;border-radius:50%;background:var(--lime);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10px;letter-spacing:1.4px;line-height:1.7;transform:rotate(10deg);border:1px solid var(--ink)}.stamp em{font-family:Georgia,serif;font-size:20px;letter-spacing:0}.photo-note{position:absolute;bottom:-30px;left:0;font-size:11px;letter-spacing:.4px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:25px 0;font-size:12px;letter-spacing:1px;margin-top:30px}.hero-bottom span:last-child{font-size:10px}.section{padding:95px 9%}.place-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;margin:30px 0 44px}h2{font-size:clamp(38px,4.2vw,61px);letter-spacing:-2px}.place-heading p{max-width:440px;font-size:16px;padding-top:7px}.room img{height:470px;object-position:center 50%}.room figcaption{display:flex;justify-content:space-between;margin-top:15px;font-family:Georgia,serif;font-style:italic;font-size:20px}.room figcaption span:last-child{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:1.5px;font-style:normal;padding-top:7px}.favourite{display:grid;grid-template-columns:1fr 1fr;gap:85px;background:#edf0de;align-items:center}.favourite-photo{height:510px;position:relative}.favourite-photo img{border-radius:200px 200px 0 0;object-position:45% center}.little-label{position:absolute;bottom:30px;left:-20px;background:var(--paper);padding:10px 25px;transform:rotate(-7deg);font-family:Georgia,serif;font-style:italic;font-size:22px}.favourite h2{margin:24px 0}.favourite-copy>p:not(.eyebrow){margin:16px 0;max-width:470px}.botanical{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);display:grid;grid-template-columns:90px 1fr;line-height:1.5}.botanical span{font-size:10px;letter-spacing:1px;grid-row:span 2;padding-top:6px}.botanical strong{font-weight:500;font-size:20px}.botanical i{font-family:Georgia,serif;font-size:15px}.comic{background:#eee3f4}.comic-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.comic-title h2{margin-top:20px}.comic-title>p{font-size:14px}.comic-art{width:100%;height:auto;border:1px solid var(--ink)}.comic-captions{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:26px}.comic-captions article{border-top:1px solid var(--line);padding-top:16px}.comic-captions span{font-size:10px;letter-spacing:1.2px}.comic-captions h3{font-size:24px;margin:15px 0;line-height:1.3}.comic-captions p{font-size:14px}.comic-signoff{text-align:right;font-family:Georgia,serif;font-style:italic;font-size:23px;margin-top:35px;color:var(--purple);transform:rotate(-3deg)}.moments-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:26px 0 42px}.moments-heading p{font-size:14px}.gallery{display:grid;grid-template-columns:1.1fr .8fr;gap:65px;align-items:start}.gallery figure:last-child{margin-top:90px}.gallery img{height:460px}.gallery figure:last-child img{height:410px}.gallery figcaption{margin-top:17px;font-size:14px}.gallery figcaption span{font-size:11px;margin-right:18px;color:var(--purple)}.closing{text-align:center;padding:85px 20px;background:var(--ink);color:var(--paper)}.closing p{font-size:11px;letter-spacing:2px;margin-bottom:20px}.closing h2{font-size:clamp(40px,5.7vw,78px)}.closing em{color:#d3a8e8}.closing a{display:inline-block;margin-top:35px;border-bottom:1px solid #ffffff60;padding-bottom:6px;font-size:14px}footer{padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>span{font-size:12px}.skip{position:absolute;top:-70px;left:20px;padding:12px;background:white;z-index:5}.skip:focus{top:10px}@media(min-width:1550px){body{max-width:1700px;margin:auto}}@media(max-width:850px){header{min-height:100px}nav{gap:16px}nav a{font-size:12px}.nav-comic{padding:8px 12px}.hero{gap:15px}.hero-copy{padding-left:0}.hero h1{font-size:70px;letter-spacing:-3px}.hero-image{min-height:500px}.intro{font-size:16px}.section{padding:65px 6%}.place-heading,.favourite{gap:35px}.stamp{width:120px;height:120px;right:-15px}.stamp em{font-size:17px}.gallery{gap:30px}.room img{height:360px}}@media(max-width:600px){header{padding:22px 0;display:block}.brand{font-size:29px}.brand small{font-size:8px}nav{margin-top:22px;justify-content:space-between;gap:10px}nav a{font-size:11px}.nav-comic{border:0;padding:0}.hero{grid-template-columns:1fr;padding-top:28px}.hero-copy{padding-top:10px}.eyebrow,.section-label{font-size:10px}.hero h1{font-size:76px;margin:20px 0}.intro br{display:none}.intro{max-width:310px}.handnote{margin:24px 0 30px 95px;font-size:20px}.hero-image{min-height:400px;margin:0 15px 25px 0}.hero-image>img{border-radius:48% 48% 0 0}.hero-bottom{margin-top:0;padding:22px 0;font-size:10px}.hero-bottom span:last-child{display:none}.place-heading,.favourite{grid-template-columns:1fr}.place-heading{gap:24px}.section{padding:55px 6%}h2{font-size:43px}.room img{height:300px}.room figcaption{font-size:17px}.room figcaption span:last-child{display:none}.favourite-photo{height:380px;margin:0 15px}.favourite-copy{padding-top:15px}.favourite{gap:28px}.comic-title,.moments-heading{display:block}.comic-title>p,.moments-heading p{margin-top:20px}.comic-captions{gap:20px;grid-template-columns:1fr}.comic-captions h3{margin:9px 0;font-size:24px}.comic-signoff{font-size:20px}.gallery{gap:30px;grid-template-columns:1fr}.gallery figure:last-child{margin-top:0}.gallery img,.gallery figure:last-child img{height:380px}footer{align-items:start;flex-wrap:wrap}footer>span{width:100%;padding-top:15px;border-top:1px solid var(--line)}.closing{padding:65px 15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Markanter Auftakt, bestehende Schrift und Farbwelt */
header .brand{font-size:clamp(2rem,3.2vw,3rem)}
.hero{grid-template-columns:1.25fr 1fr}
.hero-copy{min-width:0;padding-left:0}
.hero h1{font-size:clamp(5rem,8.7vw,9rem);font-weight:600;line-height:1.06;letter-spacing:-.045em;margin:24px 0 32px}
.hero h1 em{font-weight:500}
@media(max-width:850px) and (min-width:601px){header{flex-wrap:wrap;padding:20px 0}.hero h1{font-size:8.5vw}}
@media(max-width:600px){.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(3.4rem,13.5vw,5.5rem)}header .brand{font-size:2.3rem}}