:root{--ink:#171513;--paper:#fbf8f3;--cream:#f1ebe4;--taupe:#b29b87;--muted:#6e655e;--line:rgba(23,21,19,.18);--max:1240px}*{box-sizing:border-box}html{scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.75}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px}figure{margin:0;min-width:0}p{margin:0 0 1.25em}h1,h2,.serif-note{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em}h1{font-size:clamp(3.1rem,6.1vw,6.15rem);line-height:1.03;margin:.22em 0 .37em}h2{font-size:clamp(2.5rem,4.4vw,4.7rem);line-height:1.06;margin:.24em 0 .45em}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.section{padding-block:clamp(74px,9vw,128px)}.cream{background:var(--cream)}.eyebrow{font-size:.875rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:20px}.lead{font-size:1.18rem;line-height:1.7}.prose{max-width:620px}.header{min-height:102px;width:min(1390px,calc(100% - 96px));margin:auto;display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid var(--line)}.brand{display:block}.brand img{width:246px;height:auto}.header nav{display:flex;gap:28px;font-size:.9375rem}.header a{text-decoration:none}.header nav a{padding:12px 0}.header nav a:last-child{border-bottom:1px solid var(--ink)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,86px);align-items:center;padding:66px 0 98px}.hero-copy{max-width:580px}.hero-image{padding-top:52px}.hero-image img{width:100%;height:auto}.hero-image figcaption{margin-top:13px}.text-link{display:inline-block;padding:12px 0;border-bottom:1px solid;text-decoration:none;font-weight:700;font-size:1rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,105px);align-items:center}.stack{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.stack>figure:first-child{grid-column:1/-1}.small-portrait{grid-column:2;margin-top:12px}figcaption{font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:10px}.section-head{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:75px;margin-bottom:54px}.second-brand{width:245px;height:auto;margin-bottom:32px}.wedding-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.wedding-grid figure:nth-child(3){width:78%;margin:auto}.wedding-grid figure:nth-child(4){width:88%;margin:auto}.story-heading{max-width:1080px;margin-bottom:54px}.story-heading h2{font-size:clamp(2.5rem,5vw,5.1rem)}.story-layout{display:grid;grid-template-columns:.93fr 1fr;gap:clamp(35px,7vw,108px);align-items:start}.story-images{display:grid;gap:64px;padding-top:8px}.story-images figure:nth-child(2){width:76%;margin-left:auto}.teeth-row{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:center;margin-top:58px}.teeth-row figure:nth-child(2){padding-top:48px}.story-after{margin:48px 0 0 auto}.turning-copy{max-width:730px;margin-inline:auto;margin-bottom:58px}.turning-copy h2{font-size:clamp(2.8rem,5.7vw,5.9rem)}.transition-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(25px,5vw,74px);align-items:center;max-width:1120px;margin:auto}.transition-grid figure:nth-child(2){padding-top:80px}.origin{margin-top:106px}.origin>div:first-child{max-width:510px}.serif-note{font-size:2rem;line-height:1.22;margin:1.3em 0;color:var(--ink)}.gallery-head{display:grid;grid-template-columns:1.4fr .6fr;gap:65px;align-items:end;margin-bottom:55px}.gallery-head>p{color:var(--muted);margin-bottom:30px}.soft-gallery{columns:3;column-gap:24px}.gallery-item{break-inside:avoid;margin-bottom:24px}.contact{background:var(--ink);color:var(--paper)}.contact .eyebrow{color:#c6b7a9}.contact-head{max-width:850px}.contact-head .lead{max-width:720px}.contact h2{font-size:clamp(2.8rem,5.7vw,5.7rem)}.next-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border:1px solid;text-decoration:none;padding:14px 21px;font-size:1rem;line-height:1.4;font-weight:700}.button.light{border-color:#a89d94;color:var(--paper)}.button.filled{background:var(--paper);border-color:var(--paper);color:var(--ink)}.contact-line{margin-top:35px;padding-top:35px;border-top:1px solid #514b46;display:flex;gap:36px;flex-wrap:wrap;align-items:center}.quiet-link{font-size:.95rem;padding:12px 0}.footer{padding:44px 0 28px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}.footer-top img{width:230px;height:auto}.footer-top p{font-size:.9375rem;color:var(--muted);margin:0}.footer nav{display:flex;gap:24px;flex-wrap:wrap;font-size:.9375rem}.footer nav a{padding:8px 0}.cookie-status{margin:20px 0 0;font-size:.9375rem;color:var(--muted)}.cookie-status:empty{display:none}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:100;background:var(--paper);padding:12px;border:2px solid}a:focus-visible{outline:3px solid #8d5947;outline-offset:6px}a:hover{text-decoration:underline}.button:hover{background:var(--taupe);color:var(--ink);text-decoration:none}.header nav a:hover,.text-link:hover{color:#805f47}
@media(max-width:1100px){.wrap,.header{width:calc(100% - 64px)}.hero{gap:36px}.hero-copy .lead{font-size:1.08rem}.section-head{gap:38px}.soft-gallery{columns:2}.gallery-head{gap:32px;grid-template-columns:1.2fr .8fr}.hero-image{padding-top:0}}
@media(max-width:760px){body{font-size:1.0625rem;line-height:1.75}.wrap,.header{width:calc(100% - 36px)}.header{min-height:86px;gap:10px}.brand img{width:188px}.header nav{gap:0;font-size:.875rem}.header nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding:43px 0 62px;gap:33px}.hero-copy{max-width:none}.hero h1{font-size:clamp(2.8rem,11vw,4.2rem);line-height:1.04;margin-top:.25em}.hero p{max-width:620px}.lead,.hero-copy .lead{font-size:1.125rem}.eyebrow{font-size:.8125rem;letter-spacing:.09em;margin-bottom:16px}.hero-image{padding:0}.hero-image figcaption{font-size:.8125rem}.section{padding-block:67px}.split,.section-head,.story-layout,.gallery-head{grid-template-columns:1fr;gap:34px}.section-head{margin-bottom:30px}.stack{gap:16px}.small-portrait{margin-top:0}.second-brand{width:214px;margin-bottom:25px}h2{font-size:clamp(2.4rem,9.7vw,3.7rem);line-height:1.1}.wedding-grid{gap:18px;grid-template-columns:1fr}.wedding-grid figure:nth-child(3){width:76%;margin:14px auto}.wedding-grid figure:nth-child(4){width:100%}.story-heading{margin-bottom:32px}.story-heading h2{font-size:clamp(2.4rem,10vw,3.7rem)}.story-heading h2 br{display:none}.story-layout{gap:30px}.story-images{grid-template-columns:1fr .8fr;gap:16px;align-items:center;padding:0}.story-images figure:nth-child(2){width:100%;margin:0}.teeth-row{grid-template-columns:1fr;gap:24px;margin-top:32px}.teeth-row figure:nth-child(2){padding:0;width:86%;margin-left:auto}.story-after{margin-top:36px}.turning-copy{margin-bottom:34px}.turning-copy h2{font-size:clamp(2.5rem,10.5vw,4rem)}.transition-grid{grid-template-columns:1fr;gap:32px}.transition-grid figure:first-child{width:80%;margin-right:auto}.transition-grid figure:nth-child(2){padding:0;width:86%;margin-left:auto}.origin{margin-top:62px;gap:33px}.origin>div:first-child{max-width:none;width:86%;margin-left:auto}.serif-note{font-size:1.8rem}.gallery-head{gap:0;margin-bottom:30px}.gallery-head>p{margin:0}.soft-gallery{columns:1}.gallery-item{margin-bottom:24px}.gallery-item:nth-child(5),.gallery-item:nth-child(9){width:82%;margin-left:auto;margin-bottom:28px}.contact h2{font-size:clamp(2.6rem,10.5vw,4rem)}.next-links{display:grid;grid-template-columns:1fr;gap:12px;margin-top:26px}.contact-line{display:grid;gap:13px;padding-top:27px;margin-top:27px}.contact-line .quiet-link{text-align:center}.footer{padding-top:36px}.footer-top{align-items:start;flex-direction:column;gap:18px}.footer nav{gap:8px 22px}.footer-top img{width:210px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:360px){.brand img{width:164px}.header nav{font-size:.8125rem}.hero h1{font-size:2.7rem}.hero h1 br{display:none}}
/* Auf dem Telefon begegnet man Marc direkt im ersten Bildschirm. */
@media(max-width:760px){.hero{gap:18px}.hero-copy{display:contents}.hero-copy .eyebrow{order:1;margin-bottom:0}.hero-copy h1{order:2;margin:0 0 6px}.hero-image{order:3;margin-bottom:14px}.hero-copy .lead{order:4;margin:0 0 4px}.hero-copy p:not(.lead):not(.eyebrow){order:5;margin:0}.hero-copy .text-link{order:6;margin-top:7px;justify-self:start}}
h1{font-size:clamp(3.1rem,5vw,5.1rem)}
h1,h2,p,a,figcaption{overflow-wrap:anywhere}
.hero-copy,.prose,.split>*,.section-head>*,.story-layout>*,.gallery-head>*{min-width:0}
.header{flex-wrap:wrap}
@media(max-width:760px){.header{padding-block:14px}.header nav{margin-left:auto}.hero h1{font-size:clamp(2.8rem,11vw,4.2rem)}}
@media(max-width:360px){.hero h1{font-size:2.7rem}}

/* Chronologische Bildfolge V3 */
.moment-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}
.music-sequence{--music-offset:clamp(18px,2.5vw,36px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.music-sequence figure:nth-child(2){padding-top:var(--music-offset)}.music-sequence figure:last-child{padding-top:calc(var(--music-offset)*2)}
.bed-main{max-width:1120px;margin:0 auto 40px}.bed-main img{width:100%;height:auto}
.bed-details{max-width:1060px;margin-inline:auto}
@media(max-width:1100px){.moment-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.moment-sequence,.music-sequence{grid-template-columns:1fr;gap:32px}.music-sequence figure:nth-child(2),.music-sequence figure:last-child{padding:0}.bed-main{margin-bottom:30px}.bed-details{gap:30px}}

/* Daggis Freude über die ersten Bilder, V6 */
.camera-reactions{display:grid;gap:28px}.camera-detail{max-width:620px;margin:48px auto 0}.camera-detail img,.camera-reactions img{width:100%;height:auto}
@media(max-width:760px){.camera-reactions{gap:24px}.camera-detail{margin-top:30px}}

/* V15: kurzer Einstieg ohne Hochzeitsbild. */
.origin-intro{max-width:780px}.origin-intro p:not(.eyebrow){max-width:680px}.header nav{flex-wrap:wrap;gap:8px 24px}

/* Shared mobile navigation dropdown containing block. */
.site-header{position:relative}