:root{--pink:#ffd9d9;--brown:#453029;--vanilla:#ffffd9;--coral:#ff7a7a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--pink);color:var(--brown);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,.track:focus-visible{outline:3px solid #ad433f;outline-offset:5px}.header{background:var(--brown);color:var(--pink);padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{display:block;width:260px;height:auto}.socials{display:flex;gap:22px;align-items:center}.social{border:0;background:none;color:inherit;padding:6px;position:relative;cursor:help}.social svg{width:23px;height:23px;fill:currentColor}.social:hover,.social:focus-visible{color:var(--vanilla)}.social:after{content:attr(data-tip);position:absolute;top:110%;right:0;background:var(--brown);color:var(--vanilla);padding:9px 12px;font-size:12px;white-space:nowrap;border-radius:5px;display:none;z-index:8}.social:hover:after,.social:focus-visible:after{display:block}.hours{min-height:85px;display:flex;justify-content:center;align-items:center;text-align:center;padding:18px;color:#8a484d;font-size:13px;letter-spacing:.04em}.hours strong{font-weight:400}.hours .example{font-size:10px;margin-left:10px}.track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 7vw 12px;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.track::-webkit-scrollbar{display:none}.track.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.slide{flex:0 0 86vw;scroll-snap-align:center;min-height:560px;height:min(660px,68vw);max-height:78vh;border-radius:24px;position:relative;overflow:hidden;padding:45px;display:flex;flex-direction:column;justify-content:space-between}.slide img{user-select:none;-webkit-user-drag:none}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:700;line-height:1.6}h1,h2,p{margin:0}h1,.slide h2{font-family:Georgia,serif;font-size:clamp(45px,5.4vw,86px);font-weight:400;letter-spacing:-.045em;line-height:1.02}.slide p{font-size:18px;line-height:1.5;max-width:430px;margin:20px 0}.small{font-size:12px;line-height:1.7}.button{border:1px solid currentColor;border-radius:40px;text-decoration:none;padding:15px 24px;display:inline-flex;justify-content:space-between;gap:35px;align-items:center;font-size:14px;max-width:340px}.button:hover{background:var(--brown);color:var(--pink)}.button.light:hover{background:var(--pink);color:var(--brown)}.instagram{background:#efb5b5;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-content:center}.instagram>.eyebrow{position:absolute;top:36px;left:45px}.insta-photo{position:relative;height:100%;min-height:360px;max-height:470px}.insta-photo>img{width:100%;height:100%;object-fit:cover;border-radius:16px}.pill{position:absolute;bottom:15px;left:15px;border-radius:30px;background:var(--pink);padding:9px 15px;font-size:12px}.card-bottom{align-self:center}.instagram h1{font-size:clamp(42px,4.6vw,72px)}.cover,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(90deg,rgba(32,16,11,.82),rgba(32,16,11,.05))}.photo-copy{position:relative;color:#fff5e9;max-width:660px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.photo-copy .eyebrow{margin-bottom:auto}.ice{background:#b1e6e1}.ice-art{position:absolute;right:12%;top:23%;width:240px;height:300px;transform:rotate(12deg)}.ice-art i{width:135px;height:135px;border-radius:50%;background:#ffc76b;position:absolute;top:0;left:60px;box-shadow:inset -12px -12px 0 #0000000c}.ice-art i:nth-child(2){background:#ff9fba;top:70px;left:0;z-index:2}.ice-art i:nth-child(3){background:#78604b;top:70px;left:110px;z-index:2}.ice-art b{position:absolute;top:170px;left:57px;width:125px;height:155px;background:repeating-linear-gradient(45deg,#dca65e 0 3px,#edc68d 3px 16px);clip-path:polygon(0 0,100% 0,50% 100%)}.ice h2{position:relative;z-index:3}.ice p{margin-top:auto}.text-link{text-underline-offset:5px}.cafe{background:var(--vanilla);text-align:center;align-items:center}.cup{font-size:100px;line-height:1}.cafe h2{font-size:clamp(40px,5vw,76px)}.welcome{background:var(--brown);color:var(--pink);text-align:center;align-items:center}.stamp{width:110px;height:110px;object-fit:contain}.welcome h2{font-size:clamp(40px,5vw,75px)}.section{max-width:1250px;margin:0 auto;padding:100px 60px}.intro{padding-top:115px;display:grid;grid-template-columns:1.2fr 1fr;gap:35px 70px}.intro>.eyebrow{grid-column:1/-1}.section h2{font-family:Georgia,serif;font-size:clamp(38px,4.5vw,67px);line-height:1.08;font-weight:400;letter-spacing:-.035em}.intro em{font-weight:400}.intro-copy{align-self:end}.section p{font-size:17px;line-height:1.8;margin-top:22px}.values{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0}.value-photo img{width:100%;height:530px;object-fit:cover;border-radius:20px}.value-copy{background:#fff0eb;padding:55px;border-radius:20px;margin-left:-35px;position:relative}.value-copy h2{margin-top:20px}.draft-label{font-size:11px;display:block;margin-top:25px;opacity:.65}.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:65px}.faq h2{margin-top:15px}.questions details{border-bottom:1px solid #45302940;padding:22px 0}.questions summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:18px}.questions summary::-webkit-details-marker{display:none}.questions details[open] summary span{transform:rotate(45deg)}.questions p{font-size:15px}.visit{border-top:1px solid #45302935}.visit h2{margin-top:20px}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-band{background:#efb5b5;padding:55px max(6%,calc((100vw - 1130px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-band h2{font-family:Georgia,serif;font-size:40px;font-weight:400;margin-top:8px}.footer{background:var(--brown);color:var(--pink);padding:55px 6% 30px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:35px;border-bottom:1px solid #ffd9d940}.footer-top img{width:210px}.footer-links{display:flex;gap:25px;flex-wrap:wrap;margin:30px 0}.footer-links a{font-size:13px;text-decoration:none}.footer-note{font-size:11px;opacity:.7;line-height:1.7}.legal{max-width:850px;margin:0 auto;padding:60px 25px}.legal h1{font-size:48px}.legal h2{font-size:26px;margin-top:35px}.legal p{line-height:1.8;margin-top:20px}@media(min-width:1500px){.slide{flex-basis: min(86vw,1500px)}.track{padding-inline:calc((100vw - min(86vw,1500px))/2)}}@media(max-width:700px){.header{padding:18px 6%;gap:12px}.brand img{width:165px}.socials{gap:8px}.social{padding:3px}.social svg{width:19px;height:19px}.hours{min-height:74px;font-size:11px;padding-inline:28px}.hours .example{display:block;margin:5px 0 0}.track{gap:12px;padding-inline:7vw}.slide{min-height:570px;height:73vh;max-height:720px;padding:27px;border-radius:18px}.instagram{display:flex;gap:18px;justify-content:flex-start;padding-top:62px}.instagram>.eyebrow{left:27px;top:25px;font-size:9px}.insta-photo{height:46%;min-height:210px;width:100%}.card-bottom{align-self:stretch}.instagram h1{font-size:43px}.slide h2{font-size:49px}.slide p{font-size:15px;margin:15px 0}.slide .small{font-size:10px}.ice-art{transform:scale(.65) rotate(12deg);right:0;top:29%;transform-origin:center}.ice p{margin-top:auto}.cup{font-size:78px}.stamp{width:90px;height:90px}.section{padding:65px 7%}.intro,.values,.faq{display:block}.intro h2{margin-top:20px;font-size:41px}.intro-copy{margin-top:28px}.value-photo img{height:330px}.value-copy{margin:-30px 12px 0;padding:30px}.value-copy h2{font-size:40px}.questions{margin-top:30px}.questions summary{font-size:16px}.visit-grid{grid-template-columns:1fr;gap:0}.contact-band{padding:36px 7%;align-items:flex-start;flex-direction:column}.contact-band h2{font-size:35px}.footer-top{align-items:flex-start;flex-direction:column}.footer-links{gap:20px}.footer-top img{width:200px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.track.repositioning{scroll-snap-type:none!important;scroll-behavior:auto!important}

/* Begrenzte Bühne auf Desktop; mobile Proportionen bleiben erhalten. */
@media(min-width:701px){
.track{width:100%;max-width:1440px;margin-inline:auto;gap:24px;padding-inline:calc((100% - min(86vw,1250px))/2);}
.slide{flex-basis:min(86vw,1250px);height:592px;min-height:560px;}
}
@media(min-width:1440px){.track{padding-inline:95px;}}

/* Gemeinsame Ausrichtung mit den Inhaltsflächen (1250px inkl. Innenabstand). */
.header{padding:22px 0;display:block}.header-inner,.footer-inner{max-width:1250px;margin-inline:auto;padding-inline:60px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer{padding:55px 0 30px}.social{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}.contact-band{padding-inline:max(60px,calc((100vw - 1130px)/2))}.hours-label{font-weight:700}.hours .example{display:block;margin:6px 0 0;letter-spacing:.02em}
@media(max-width:700px){.header{padding:18px 0}.header-inner,.footer-inner{padding-inline:7%}.header-inner{gap:12px}.contact-band{padding-inline:7%}}

/* Gemeinsame Geometrie: Nachbarkachel nur innerhalb ihres Inhaltsabstands zeigen. */
:root{--stage-width:min(100vw,calc(var(--card-width) + 2 * (var(--slide-gap) + var(--card-inset))));--card-width:min(86vw,1250px);--card-inset:45px;--slide-gap:24px}
.track{width:var(--stage-width);max-width:none;gap:var(--slide-gap);padding-inline:calc((var(--stage-width) - var(--card-width))/2);margin-inline:auto}
.slide{flex-basis:var(--card-width);padding:var(--card-inset)}
.header-inner{max-width:none;width:var(--card-width);padding-inline:var(--card-inset)}
@media(max-width:700px){:root{--slide-gap:12px;--card-inset:27px;--card-width:min(86vw,calc(100vw - 78px));--stage-width:calc(var(--card-width) + 2 * (var(--slide-gap) + var(--card-inset)))}.header-inner{padding-inline:var(--card-inset)}}

@media(max-width:700px){.header-inner .brand img{width:clamp(80px,25vw,165px)}.header-inner .socials{gap:4px}.header-inner .social{padding:2px}.header-inner .social svg{width:17px;height:17px}}

/* Nachbarkacheln dürfen wieder angeschnittene Inhalte zeigen. */
:root{--stage-width:min(100vw,1440px);--card-width:min(86vw,1250px)}
@media(max-width:700px){:root{--stage-width:100vw;--card-width:86vw}}

.hours-week{display:block;font-size:11px;margin-top:7px;opacity:.8}.hours{line-height:1.7;padding-inline:7%}.hours>div{max-width:1130px}

/* Öffnungszeiten mittig im Zwischenraum, mit kleiner optischer Schriftkorrektur. */
.hours{display:grid;place-items:center;min-height:85px;padding-block:18px;text-align:center}
.hours>div{margin:0;transform:translateY(2px)}
@media(max-width:700px){.hours{min-height:74px}}

.image-rights{max-width:850px;margin:0 auto;padding:0 25px 60px}.image-rights h2{font-size:26px}.image-rights p{line-height:1.8}.image-credits{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin-top:25px}.image-credits figure{margin:0}.image-credits img{width:100%;height:130px;object-fit:contain}.image-credits figcaption{font-size:12px;line-height:1.6;margin-top:10px}

/* Besuchsfragen: Einleitung links, eine Fragenliste rechts; mobil untereinander. */
.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:65px;align-items:start}.faq .questions{margin-top:0;min-width:0}.questions summary{align-items:center;line-height:1.5}.questions summary span{flex:0 0 auto;transition:transform .18s ease}.questions p{max-width:78ch}.questions details{padding-block:23px}
@media(max-width:900px){.faq{display:block}.faq .questions{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.questions summary span{transition:none}}

/* C-Day: ruhige Bild-Text-Promo, ohne Videowiedergabe. */
.cday-promo{background:#efb5b5;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px;align-items:center}.cday-photo{height:100%;min-height:0}.cday-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;border-radius:16px}.cday-copy{min-width:0}.cday-copy h2{font-size:clamp(36px,3.8vw,58px);margin-top:15px}.cday-copy p{font-size:15px;line-height:1.5;margin:14px 0;max-width:none}.cday-copy .cday-date{font-size:14px}.cday-copy .button{padding:11px 20px}.cday-context{font-size:11px;line-height:1.65;margin-top:13px}.cday-context a{text-underline-offset:3px}
@media(max-width:1000px) and (min-width:701px){.cday-promo{gap:24px;padding:30px;height:auto;min-height:592px;max-height:none}.cday-copy h2{font-size:38px}.cday-copy p{font-size:14px}}
@media(max-width:700px){.cday-promo{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:18px;height:auto;min-height:0;max-height:none}.cday-photo{height:200px;flex:0 0 200px}.cday-copy h2{font-size:37px;margin-top:10px}.cday-copy .eyebrow{font-size:9px;letter-spacing:.1em}.cday-copy p{font-size:14px;margin:12px 0}.cday-copy .cday-date{font-size:13px}.cday-context{font-size:10px}}

/* Kompakter Terminbereich und gleich hohe mobile Karussellkacheln. */
.cday-visit{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:14px 0}.cday-visit .cday-date{margin:0}.cday-directions{font-size:13px;line-height:1.5;text-underline-offset:4px;display:inline-flex;gap:8px;align-items:center;min-height:44px}.cday-directions:hover{text-decoration-thickness:2px}
@media(max-width:700px){.track{align-items:stretch}.track>.slide{height:auto;min-height:max(570px,73svh);max-height:none}.cday-promo{gap:14px}.cday-photo{height:150px;flex:0 0 150px}.cday-copy h2{font-size:35px}.cday-visit{margin:12px 0;gap:2px 14px}.cday-directions{font-size:12px}.cday-context{font-size:11px;line-height:1.5}}

/* Ein gemeinsamer Inhalt auf allen Geräten; Promo wächst mobil mit dem Text. */
@media(max-width:700px){.track{align-items:flex-start}.track>.slide{height:73vh;min-height:570px;max-height:720px}.track>.cday-promo{height:auto;min-height:0;max-height:none;gap:18px;padding:27px}.cday-photo{height:200px;flex:0 0 200px;max-height:none}.cday-copy h2{font-size:37px;margin-top:10px}.cday-copy p{font-size:15px;line-height:1.5;margin:15px 0}.cday-copy .cday-date{font-size:13px}.cday-visit{gap:10px 16px;margin:15px 0}.cday-context{font-size:12px;line-height:1.6;margin-top:16px}}

/* Dezente Desktop-Pagination: aktive Kachel als abgerundete Kapsel. */
.carousel-dots{display:flex;justify-content:center;align-items:center;gap:0;margin:6px auto 0}.carousel-dot{appearance:none;border:0;padding:0;background:transparent;width:32px;height:36px;display:grid;place-items:center;cursor:pointer;color:var(--brown)}.carousel-dot::before{content:"";display:block;width:7px;height:7px;border-radius:999px;background:currentColor;opacity:.35;transition:width .2s ease,opacity .2s ease}.carousel-dot[aria-current="true"]{width:42px}.carousel-dot[aria-current="true"]::before{width:25px;opacity:.8}.carousel-dot:hover::before{opacity:.75}.carousel-dot:focus-visible{outline:2px solid var(--brown);outline-offset:0;border-radius:8px}
@media(max-width:700px){.carousel-dots{display:none}}
@media(prefers-reduced-motion:reduce){.carousel-dot::before{transition:none}}

/* Startkachel in der Desktop-Pagination mit eigenem Roséton markieren. */
.carousel-dot:first-child{color:#a65362}.carousel-dot:first-child::before{opacity:.65}.carousel-dot:first-child[aria-current="true"]::before,.carousel-dot:first-child:hover::before{opacity:1}

/* Direkt sichtbare Google-Karte als anklickbare Bildkachel neben der Adresse. */
.visit-map-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:45px;align-items:center;margin-top:30px}.visit-details p:first-child{margin-top:0}.location-map{min-width:0}.map-frame{position:relative;height:340px;border-radius:20px;overflow:hidden;background:#efb5b5}.map-frame iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}.map-open{position:absolute;inset:0;display:block;border-radius:inherit;cursor:pointer}.map-open:focus-visible{outline:3px solid var(--brown);outline-offset:-5px}
@media(max-width:700px){.visit-map-layout{grid-template-columns:1fr;gap:25px}.map-frame{height:290px;border-radius:18px}}

/* Mehr Umfeld zeigen: auch auf schmalen Displays genügend Kartenhöhe. */
.map-frame{height:380px}
@media(max-width:700px){.map-frame{height:360px}}

/* Karte wieder unter den Besuchsdaten über die gesamte Inhaltsbreite. */
.visit-map-layout{display:block}.visit-details.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.visit-details.visit-grid p{margin-top:0}.location-map{margin-top:30px}.map-frame{height:390px}
@media(max-width:700px){.visit-details.visit-grid{grid-template-columns:1fr;gap:22px}.map-frame{height:360px}}

/* Echte Eis- und Kuchenmotive, Desktop nebeneinander und mobil untereinander. */
.slide.photo-teaser{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:35px;align-items:center;text-align:left;justify-content:normal}
.teaser-photo{height:100%;min-height:0;min-width:0;overflow:hidden;border-radius:16px}
.teaser-photo img{display:block;width:100%;height:100%;object-fit:cover}
.ice .teaser-photo img{object-position:50% 45%}
.cafe .teaser-photo img{object-position:50% 65%}
.teaser-copy{min-width:0}
.slide.photo-teaser h2{font-size:clamp(38px,4.2vw,64px);margin-top:20px}
.slide.photo-teaser p{margin-top:25px;max-width:30ch}
@media(max-width:1000px) and (min-width:701px){.slide.photo-teaser{gap:25px;padding:30px}.slide.photo-teaser h2{font-size:clamp(34px,4.2vw,48px)}}
@media(max-width:700px){.track>.slide.photo-teaser{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;height:auto;min-height:570px;max-height:none}.teaser-photo{height:auto;aspect-ratio:4/3;flex:0 0 auto;width:100%}.teaser-photo img{height:100%}.slide.photo-teaser h2{font-size:39px;margin-top:15px}.slide.photo-teaser p{font-size:16px;line-height:1.6;margin:20px 0 10px;max-width:none}}

.welcome.photo-teaser .teaser-photo img{object-position:50% 45%}.welcome.photo-teaser .button{margin-top:8px}.ice.photo-teaser .teaser-photo img{object-position:50% 50%}


/* Zentrierte Desktop-Bühne mit rosa Außenrändern und höhenbewusstem Layout. */
@media(min-width:701px){
 :root{--stage-width:min(calc(100vw - 80px),1280px,220svh);--card-width:calc(var(--stage-width) - 128px);--card-inset:32px;--slide-gap:20px}
 .track{align-items:stretch;padding-bottom:10px}
 .track>.slide{height:auto;min-height:var(--desktop-slide-height,480px);max-height:none;padding:var(--card-inset)}
 .header{padding-block:16px}.header .brand img{width:230px}
 .hours{min-height:68px;padding-block:12px}
 .slide.cday-promo{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:28px}
 .cday-photo,.teaser-photo{position:relative;height:auto;min-height:200px;align-self:stretch}
 .cday-photo img,.teaser-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 .slide h2,.slide.photo-teaser h2{font-size:clamp(38px,3.8vw,58px)}
 .cday-copy h2{font-size:clamp(34px,3.5vw,48px);margin-top:10px}
 .cday-copy p{margin:12px 0}.cday-context{margin-top:10px}
}
@media(min-width:701px) and (max-height:800px){
 :root{--card-inset:24px}
 .header{padding-block:12px}.header .brand img{width:195px}
 .hours{min-height:58px;padding-block:9px;line-height:1.5}
 .slide.cday-promo{grid-template-columns:minmax(0,.45fr) minmax(0,1fr);gap:24px}
 .cday-copy h2{font-size:34px;line-height:1.02;margin-top:8px}
 .cday-copy .eyebrow{font-size:10px;letter-spacing:.12em}
 .cday-copy p{font-size:14px;line-height:1.42;margin:10px 0}
 .cday-visit{margin:8px 0;gap:6px 16px}.cday-visit .cday-date{margin:0;font-size:13px}
 .cday-copy .button{padding:9px 16px;font-size:13px;gap:20px}
 .cday-context{font-size:11px;line-height:1.45;margin-top:8px}
 .slide.photo-teaser{gap:26px}.slide.photo-teaser h2{font-size:40px;margin-top:14px}
 .slide.photo-teaser p{font-size:16px;line-height:1.5;margin-top:18px}
 .slide.chocolate h2,.slide.craft h2{font-size:48px}
}

/* Responsive Lesbarkeit: Textgröße folgt der Textspalte, nicht der Fensterbreite. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.track>.slide{min-width:0;max-height:none}
.track>.slide .cday-copy,.track>.slide .teaser-copy,.track>.slide .photo-copy{container-type:inline-size;min-width:0;max-width:100%}
.track>.slide h2{font-size:clamp(28px,10cqi,48px);line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere;hyphens:auto}
.track>.slide .cday-copy h2{font-size:clamp(24px,10cqi,42px);line-height:1.1}
.track>.slide .teaser-copy h2{font-size:clamp(26px,12cqi,44px);line-height:1.1}
.track>.slide .photo-copy h2{font-size:clamp(28px,10cqi,48px);line-height:1.08}
.track>.slide .photo-copy{height:auto;flex:1}
.track>.slide p,.track>.slide .eyebrow,.track>.slide .cday-context{overflow-wrap:anywhere}
.chocolate .shade,.craft .shade{background:linear-gradient(90deg,rgba(32,16,11,.76),rgba(32,16,11,.12)),linear-gradient(0deg,rgba(32,16,11,.78),transparent 75%)}
.track>.slide .button{max-width:100%;white-space:normal;gap:16px;min-height:44px;line-height:1.45}
.track>.slide .button span{flex:0 0 auto}
.cday-visit{align-items:center;flex-wrap:wrap}
@media(max-width:900px){
 :root{--stage-width:100vw;--card-width:86vw;--card-inset:clamp(18px,5vw,28px);--slide-gap:12px}
 .track{align-items:flex-start}
 .track>.slide{padding:var(--card-inset);height:auto;min-height:0;max-height:none}
 .track>.slide.photo-teaser,.track>.slide.cday-promo{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:22px;height:auto;min-height:0;max-height:none}
 .track>.slide .teaser-photo,.track>.slide .cday-photo{position:relative;flex:0 0 auto;width:100%;height:auto;min-height:0;max-height:260px;aspect-ratio:4/3;align-self:stretch}
 .track>.slide .teaser-photo img,.track>.slide .cday-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 .track>.slide .teaser-copy,.track>.slide .cday-copy{width:100%;flex:0 0 auto}
 .track>.slide .teaser-copy h2,.track>.slide .cday-copy h2{margin-top:12px}
 .track>.slide .teaser-copy p,.track>.slide .cday-copy p{font-size:16px;line-height:1.55;margin:16px 0;max-width:none}
 .track>.slide .cday-copy .cday-date{font-size:14px;line-height:1.55;margin:0}
 .track>.slide .cday-context{font-size:13px;line-height:1.6;margin-top:15px}
 .track>.slide .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.12em}
 .track>.slide.chocolate,.track>.slide.craft{min-height:clamp(360px,68svh,500px)}
 .track>.slide .photo-copy p{font-size:16px;line-height:1.55;margin:20px 0 0}
 .track>.slide .cday-visit{margin:16px 0;gap:12px}
 .track>.slide .button{font-size:14px;padding:12px 18px}
 .carousel-dots{display:none}
 .header-inner{width:var(--card-width);padding-inline:var(--card-inset)}
}
@media(min-width:701px) and (max-width:900px){
 .header .brand img{width:195px}.header{padding-block:14px}
}
@media(max-width:360px){.header-inner .brand img{width:95px}.header-inner .socials{gap:3px}.header-inner .social svg{width:16px;height:16px}}

/* Auch die Inhaltsabschnitte dürfen auf kleinen Bildschirmen nicht seitlich überlaufen. */
.section h2,.contact-band h2,.legal h1,.legal h2{overflow-wrap:anywhere;hyphens:auto}
.section p,.footer p,.legal p,.footer-links a{overflow-wrap:anywhere}
.intro-copy,.value-copy,.visit-details,.questions{min-width:0}
@media(max-width:700px){.section h2,.intro h2,.value-copy h2{font-size:clamp(30px,8vw,40px)}.value-copy{padding:26px}.contact-band h2{font-size:32px}}