/* STÖCKL / RETRO EDITION — warm print textures and editorial hair culture. */
:root {
 --color-background:#f4eee3; --color-forest:#243c34; --color-surface:#e9dfcf;
 --color-text:#25382f; --color-accent:#d76350; --color-mustard:#d4ad62;
 --color-lime:#e2c887; --color-button-text:#172a22; --color-link:#25382f;
 --muted:#5c655c; --line:rgba(37,56,47,.22);
 --banner-background:#d76350; --banner-color:#172a22;
 --display:Impact,Haettenschweiler,'Arial Narrow',sans-serif;
 --body:'Segoe UI',Arial,sans-serif; --measure:1320px;
}
body {font-size:16px}
body::before{opacity:.028;z-index:120;mix-blend-mode:multiply}
h1,h2,h3 {text-wrap:balance}
.site-header{background:#f4eee3f5;backdrop-filter:blur(18px);border-bottom:1px solid #25382f2b}
.header-inner{min-height:94px;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--color-text)}
.brand img{width:42px;height:43px;max-height:none;object-fit:contain}
.brand-wordmark{font-family:Georgia,'Times New Roman',serif;font-weight:900;font-size:30px;letter-spacing:-1.6px}
.main-nav{gap:24px}.main-nav ul{gap:20px}.main-nav li a{font-size:12px;letter-spacing:0}
.main-nav li a:hover{color:var(--color-accent)}
.menu-toggle{border-color:var(--line);color:var(--color-text)}
:is(.button,.shared-action){border-radius:0;min-height:52px;padding:15px 25px;font-size:11px;letter-spacing:.065em;border:1px solid var(--color-text);box-shadow:3px 3px 0 var(--color-text)}
:is(.button,.shared-action):hover{transform:translate(-1px,-2px);box-shadow:5px 5px 0 var(--color-text)}
:is(.button-outline,.shared-outline){color:var(--color-text);border-color:var(--color-text)}
:is(.button-dark,.shared-dark){background:var(--color-forest);color:#f4eee3}
.hero{min-height:780px;min-height:calc(100svh - 20px);padding-top:150px;padding-bottom:25px;display:grid;grid-template-columns:1fr;overflow:hidden;background:var(--color-background)}
.hero-media{left:54%;top:128px;right:4%;bottom:82px;z-index:0;border-radius:48% 48% 2px 2px;border:1px solid #243c34;overflow:hidden;box-shadow:12px 12px 0 #d76350}
.hero-image{height:100%;filter:saturate(.62) sepia(.12);animation:none;object-position:59% center}
.hero-shade{display:none}
.hero-content{position:relative;z-index:1;padding:25px 0 45px;pointer-events:none}
.hero-content>*{pointer-events:auto}
.hero-title{font-size:clamp(68px,7.8vw,124px);max-width:760px;line-height:.94;letter-spacing:-.035em;color:var(--color-text);margin-bottom:25px}
.hero-title::first-line{color:var(--color-accent)}
.hero .eyebrow{color:var(--color-text);font-size:11px;letter-spacing:.2em;margin-bottom:30px}
.hero-tagline{background:var(--color-lime);font-size:24px;padding:5px 15px;transform:rotate(-3deg);margin:0 0 27px;border:1px solid var(--color-text)}
.hero-description{max-width:380px;color:#526054;font-size:16px;margin-bottom:30px}
.hero .button-row{max-width:490px}
.hero-stamp{z-index:2;right:4%;bottom:67px;width:130px;height:130px;white-space:pre-line;border:1px solid #25382f;outline:7px solid var(--color-lime);background:var(--color-lime);color:#25382f;font-size:12px;line-height:1.8;letter-spacing:.09em;box-shadow:0 0 0 8px #25382f}
.hero-bottom{z-index:1;position:relative;border-top:1px solid var(--line);padding-top:20px;width:min(var(--measure),100% - var(--gutter)*2)}
.hero-bottom p{font-size:10px;letter-spacing:.1em}
.demo-credit{grid-column:1;font-size:10px;margin-top:18px;margin-bottom:0;color:#657064;position:relative}
.promo{border-block:1px solid #25382f;transform:rotate(-1deg);margin-top:0;z-index:3}
.ticker-link{font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:26px}
.section{padding-block:clamp(75px,8vw,120px)}
.section-title{font-size:clamp(44px,5.1vw,78px);line-height:.99}
.eyebrow{color:#886149;font-size:10px}
.about{background:#f4eee3}.about-grid{gap:clamp(40px,8vw,110px)}
.about-copy .lead{font-family:Georgia,serif;font-size:27px;line-height:1.35}
.about-copy p:not(.lead):not(.eyebrow){color:#5c655c}
.about-photos .photo-frame{border-radius:46% 46% 0 0;overflow:hidden;border:1px solid #25382f;box-shadow:-10px 10px 0 #d4ad62}
.about-photos img{filter:saturate(.65)}
.paper-label{background:#d76350;color:#25382f;border:1px solid #25382f;box-shadow:4px 4px 0 #25382f;font-family:Georgia,serif;font-style:italic}
.photo-caption{font-size:11px;color:#687164;margin-top:24px}
.services{background:#e9dfcf;border-block:1px solid var(--line)}
.services-grid{grid-template-columns:repeat(4,1fr);gap:20px}
.service-card{border:1px solid var(--line);background:#f4eee3;box-shadow:none}
.service-photo{height:210px}.service-photo img{filter:saturate(.6)}
.service-body{padding:24px}.service-body h3{font-size:27px}.service-body p{font-size:14px;min-height:88px}
.service-body .text-link{font-size:10px}.service-number{background:#243c34;color:#f4eee3}
.gallery-section{background:var(--color-forest);color:#f4eee3}
.gallery-section .section-intro,.gallery-caption p,.gallery-status{color:#d2d5c6}
.gallery-section .eyebrow{color:#e2c887}
.gallery-section .circle-button{color:#f4eee3;border-color:#f4eee380}
.gallery-filters button{color:#f4eee3;border-color:#f4eee360}
.gallery-photo{border-radius:140px 140px 0 0;border:1px solid #f4eee350}
.gallery-card:nth-child(even) .gallery-photo{border-radius:0}
.gallery-photo img{filter:saturate(.7);aspect-ratio:.8}
.gallery-caption h3{font-size:31px;letter-spacing:0}.gallery-card{flex-basis:calc((100% - 46px)/3)}
.retro-section{background:#f4eee3}
.retro-grid{gap:35px}.retro-card{background:#e9dfcf;border-color:#25382f;box-shadow:6px 6px 0 #25382f}
.retro-body{padding:18px 24px 28px}.retro-body h3{font-size:39px}.retro-body p{font-size:14px}
.retro-photo{margin:12px}.retro-photo img{aspect-ratio:.95;filter:saturate(.55) sepia(.1)}
.video-section{background:#e9dfcf;border-block:1px solid var(--line)}
.video-grid{grid-template-columns:repeat(3,1fr);gap:28px}.video-card:first-child{grid-column:auto;grid-row:auto}
.video-card:first-child video,.video-thumb video{aspect-ratio:16/11}.video-card:first-child h3,.video-card h3{font-size:30px}
.voucher-section{background:#d76350;color:#25382f}
.voucher-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}
.voucher-section .eyebrow{color:#25382f}.voucher-section p{max-width:460px}
.voucher-art{border:1px solid #25382f;outline:8px solid #e9dfcf;box-shadow:14px 17px 0 #25382f;background:#f4eee3;padding:38px;transform:rotate(4deg);min-height:300px;display:flex;flex-direction:column;justify-content:space-between}
.voucher-art img{object-fit:contain}.voucher-art p:nth-child(2){font-family:Georgia,serif;font-style:italic;font-size:44px;line-height:1.15;margin:20px 0}.voucher-art p:last-child{font-size:9px;letter-spacing:.16em;margin:0}
.contact-section{background:#243c34;color:#f4eee3}.contact-section .eyebrow{color:#e2c887}.contact-section a{color:#f4eee3}.contact-section :is(.button,.shared-action){color:#25382f}
.contact-section .contact-grid p{color:#d2d5c6}.contact-section .contact-grid{border-color:#f4eee340}
.site-footer{background:#1c3029;color:#f4eee3;border-top:1px solid #f4eee340}
.site-footer .brand,.site-footer a{color:#f4eee3}.site-footer .brand-wordmark{font-size:38px}.site-footer .footer-grid :is(p,.shared-text){color:#d2d5c6}.site-footer .footer-bottom{border-color:#f4eee330}
.consent-settings-link{display:block;margin:20px auto;border:0;border-bottom:1px solid #f4eee360;background:transparent;color:#f4eee3;font-size:12px}
.subpage-main{padding-top:145px}.subpage-heading{padding-block:45px 10px}.subpage-heading h1{font-size:clamp(50px,8vw,110px)}
.legal-page{padding-bottom:90px;max-width:900px}.legal-page h1{font-size:clamp(42px,7vw,75px);font-family:var(--display)}.legal-page a{overflow-wrap:anywhere}
.site-status{background:#e2c887;color:#25382f;border:1px solid #25382f}
@media(max-width:1150px){.main-nav.is-open{background:#f4eee3;color:#25382f}.main-nav li a{font-size:24px}.header-inner{min-height:84px}.services-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:clamp(68px,9vw,100px)}.voucher-grid{gap:45px}.brand-wordmark{font-size:27px}}
@media(max-width:767px){
 .hero{display:flex;min-height:auto;padding-top:112px;padding-bottom:30px}
 .hero-content{padding:18px 0 0}.hero-title{font-size:clamp(60px,12.4vw,92px);max-width:100%;margin-bottom:20px}.hero .eyebrow{font-size:9px;margin-bottom:24px}
 .hero-description{max-width:100%;font-size:15px}.hero-tagline{font-size:22px}
 .hero-media{position:relative;inset:auto;order:2;margin:38px var(--gutter) 36px;aspect-ratio:1.15;border-radius:45% 45% 0 0;box-shadow:8px 8px 0 #d76350}
 .hero-stamp{right:9%;bottom:90px;width:90px;height:90px;font-size:9px;outline-width:4px;box-shadow:0 0 0 5px #25382f}
 .hero-bottom{order:3}.demo-credit{order:4}.hero-bottom p{font-size:8px;max-width:180px}.hero-bottom a{font-size:9px}
 .about-grid{gap:60px}.section-title{font-size:clamp(41px,8vw,64px)}
 .service-body{padding:18px}.service-body p{font-size:13px;min-height:110px}.service-body h3{font-size:25px}.service-photo{height:170px}
 .gallery-card{flex-basis:80%}.retro-grid{grid-template-columns:1fr;gap:40px;margin-inline:8px}.retro-photo img{aspect-ratio:1.1}.retro-body p{min-height:0}
 .video-grid{grid-template-columns:1fr}.video-card:first-child{grid-column:auto}.video-thumb video,.video-card:first-child video{aspect-ratio:16/10}
 .voucher-grid{grid-template-columns:1fr;gap:45px}.voucher-art{margin:10px 12px;min-height:270px;padding:26px;transform:rotate(2deg)}
 .contact-section .section-title{font-size:clamp(43px,9vw,65px)}.brand-wordmark{font-size:27px}.site-header .brand img{width:34px;height:35px}
}
@media(max-width:380px){.services-grid{grid-template-columns:1fr}.service-photo{height:230px}.service-body p{min-height:0}.hero .button-row{gap:14px}.hero :is(.button,.shared-action){width:100%}.hero-title{font-size:58px}}
@media(prefers-reduced-motion:reduce){.hero-media,.voucher-art,.retro-card{transform:none}.hero-image{animation:none}}
/* Relaunch: full page tree, responsive disclosures and editorial detail pages. */
.main-nav > ul {gap:18px}.main-nav > ul > li{position:relative;display:flex;align-items:center;gap:3px}
.main-nav .submenu-list{display:none;position:absolute;top:100%;left:-15px;min-width:255px;max-width:calc(100vw - 40px);padding:12px;background:#f4eee3;border:1px solid #25382f;box-shadow:5px 5px 0 #25382f;z-index:105;list-style:none;max-height:65vh;overflow:auto}
.main-nav .submenu-list a{font-size:12px;padding:10px 12px;white-space:normal}.main-nav .submenu-list li{display:block}
.submenu-button{width:26px;height:34px;padding:0;border:0;background:transparent;color:inherit;font-size:18px;line-height:1}
.has-submenu:hover > .submenu-list,.has-submenu:focus-within > .submenu-list,.submenu-open > .submenu-list{display:block}
.detail-hero{padding-block:25px 75px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;margin-bottom:45px}.breadcrumbs>*:not(:last-child)::after{content:' /';margin-left:12px;opacity:.4}
.detail-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}.detail-title{font-family:var(--display);font-size:clamp(52px,6.5vw,100px);line-height:.98;letter-spacing:-.025em;margin-bottom:28px}.detail-hero .lead{max-width:650px;font-family:Georgia,serif;font-size:25px;color:#596456}.detail-image{margin:0;max-width:440px}.detail-image img{width:100%;aspect-ratio:.95;object-fit:cover;border-radius:45% 45% 0 0;box-shadow:9px 9px 0 #d76350}.detail-image figcaption{font-size:10px;color:#6b7268;margin-top:20px}
.detail-body{padding-bottom:100px}.topic-block{max-width:850px;padding-block:36px;border-top:1px solid #25382f33}.topic-block h2{font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.2;margin-bottom:20px}.topic-block p{font-size:17px;line-height:1.8;color:#596456}
.topic-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-block:35px 55px}.topic-link-card{padding:30px;border:1px solid #25382f44;background:#e9dfcf;display:flex;flex-direction:column;align-items:flex-start}.topic-link-card h2{font-family:var(--display);font-size:35px}.topic-link-card p:not(.eyebrow){color:#596456;font-size:14px}.topic-link-card .text-link{margin-top:auto}.legacy-overview{background:#e9dfcf}.legacy-overview .topic-link-card{background:#f4eee3}
.team-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 28px;margin-block:40px}.team-profile img{width:100%;aspect-ratio:.8;object-fit:cover;border-radius:45% 45% 0 0}.team-profile h2{font-family:var(--display);font-size:40px;margin:24px 0 12px}.team-profile p{font-size:14px;color:#596456}.footer-services{display:flex;flex-wrap:wrap;gap:12px 25px;padding-top:30px;padding-bottom:30px;border-top:1px solid #f4eee330}.footer-services a{font-size:11px;text-decoration:none;color:#e2ddcf}.page-index{padding-left:18px}.page-index li{padding-block:9px}.page-index a{overflow-wrap:anywhere}.detail-body>:is(.button,.shared-action){margin:10px 15px 10px 0}.source-page-inner,.source-page{max-width:100%}.source-field{border-top:1px solid #25382f33;padding-block:22px}.source-field h2{font-size:17px}.source-field p,.source-field a{overflow-wrap:anywhere}
@media(min-width:1151px){.main-nav > ul > li > a{font-size:11px}.main-nav{gap:20px}.main-nav > ul{gap:14px}.nav-booking{padding:11px 15px}}
@media(max-width:1150px){.main-nav > ul > li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0}.main-nav .submenu-list{position:static;width:100%;max-width:none;max-height:none;box-shadow:none;border:0;border-left:1px solid #25382f66;margin:4px 0 14px;padding:0 0 0 14px}.main-nav .submenu-list a{font-size:16px;padding:10px 6px}.submenu-button{width:42px;height:42px}.has-submenu:hover > .submenu-list{display:none}.has-submenu:focus-within > .submenu-list,.submenu-open > .submenu-list{display:block}.main-nav.is-open{overflow-y:auto;max-height:calc(100dvh - 84px)}.detail-hero-grid{gap:45px}.topic-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.detail-hero{padding-block:10px 50px}.breadcrumbs{margin-bottom:30px}.detail-hero-grid{grid-template-columns:1fr;gap:40px}.detail-title{font-size:clamp(48px,12vw,76px)}.detail-hero .lead{font-size:22px}.detail-image{max-width:100%;margin:0 10px}.detail-image img{aspect-ratio:1.25}.topic-links{grid-template-columns:1fr}.team-profile-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.team-profile h2{font-size:34px}.topic-block h2{font-size:27px}.topic-block p{font-size:16px}.topic-link-card{padding:25px}.subpage-main{padding-top:115px}}
@media(max-width:380px){.team-profile-grid{grid-template-columns:1fr}}
@media(scripting:none){.main-nav .submenu-list{display:block}.main-nav > ul{flex-wrap:wrap}.submenu-button{display:none}}

/* Text in the shared layout uses the same typography as its original paragraphs. */
.shared-text { display: block; font-size: inherit; }
.eyebrow.shared-text { font-size: 10px; }
.footer-heading.shared-text { font-size: 13px; }
.source-field .setting-name { display: block; margin: 0 0 .8em; font-size: 17px; }
.submenu-button svg { vertical-align: middle; }

/* Seasonal overlay. The base layout, photography, typography and shared navigation remain in use. */
:root { --season-ink:#214137; --season-paper:#FAF0DE; --foil:#F1CF87; --season-rule:#9A4452; }
.site-header { border-bottom-color:var(--season-rule); }
.hero-media,.detail-image img,.jobs-photo { box-shadow:7px 7px 0 var(--season-rule); }
.hero-stamp { border-color:var(--season-rule); }
.promo.season-promo { display:block; position:relative; transform:none; isolation:isolate; min-height:0; margin:0; overflow:hidden; background:var(--season-ink); color:var(--season-paper); border-block:1px solid var(--season-ink); }
.promo.season-promo[hidden],.season-promo [hidden] { display:none; }
.season-panel { display:grid; grid-template-columns:minmax(140px,.7fr) minmax(0,2.35fr); align-items:center; gap:clamp(24px,4vw,72px); padding-block:clamp(28px,3.8vw,58px); }
.season-plate { position:relative; padding:12px 0; color:var(--foil); border-block:1px solid currentColor; opacity:.98; }
.season-art { display:block; height:auto; width:100%; max-width:275px; margin:auto; overflow:visible; }
.season-plate-label { display:flex; justify-content:space-between; padding-top:4px; font:600 10px/1.4 var(--sans,Arial,sans-serif); letter-spacing:.13em; }
.season-kicker { margin:0 0 10px; font:750 11px/1.4 var(--sans,Arial,sans-serif); letter-spacing:.14em; color:var(--foil); }
.season-copy h2 { margin:0 0 11px; font:italic 500 clamp(32px,3.6vw,59px)/1.04 Georgia,serif; letter-spacing:-.037em; color:var(--season-paper); }
.season-copy p.season-description { max-width:64ch; margin:0; color:var(--season-paper); font-size:clamp(15px,1.2vw,18px); line-height:1.55; }
.season-actions { display:flex; align-items:center; flex-wrap:wrap; column-gap:22px; row-gap:10px; margin-top:18px; }
.season-actions a { display:inline-flex; align-items:center; min-height:44px; color:var(--season-paper); font:700 13px/1.4 var(--sans,Arial,sans-serif); text-underline-offset:5px; }
.season-actions a:first-child { padding:9px 17px; border:1px solid var(--foil); color:var(--season-ink); background:var(--foil); text-decoration:none; }
.season-actions a:first-child:hover { color:var(--season-paper); background:transparent; }
.season-clock { display:block; margin:0 0 12px; font:600 12px/1.5 var(--sans,Arial,sans-serif); color:var(--foil); font-variant-numeric:tabular-nums; }
.season-runner { display:flex; align-items:stretch; color:var(--banner-color); background:var(--banner-background); }
.season-promo .ticker-link { font-size:clamp(18px,2.15vw,30px); }
.season-promo .ticker-controls button { min-width:44px; min-height:44px; }
.season-promo a:focus-visible,.season-promo button:focus-visible { outline:3px solid currentColor; outline-offset:-3px; }
.season-promo .season-mobile { transform-box:fill-box; transform-origin:50% 50%; animation:seasonMovement 7s ease-in-out infinite alternate; }
.season-promo .ornament { transform-origin:50% 0; }
.season-promo:is(.paused,.is-static) .season-mobile,.season-promo:hover .season-mobile,.season-promo:focus-within .season-mobile { animation-play-state:paused; }
.season-promo [data-promo-fallback] { padding:15px var(--gutter); margin:0; background:var(--banner-background);color:var(--banner-color); }
@keyframes seasonMovement { from { transform:rotate(-3deg); } to { transform:rotate(3deg); } }
@media(max-width:700px){
  .season-panel { grid-template-columns:minmax(0,1fr); gap:12px; }
  .season-plate { width:120px; padding:0; border:0; }
  .season-art { height:55px; width:auto; margin:0; }
  .season-plate-label { display:none; }
  .season-actions { column-gap:14px; }
  .season-promo .ticker-controls { flex:none; }
}
@media(prefers-reduced-motion:reduce){.season-promo .season-mobile{animation:none}}
html[data-motion=off] .season-mobile { animation:none; }
@media(scripting:none){.season-mobile,.promo .ticker-track{animation:none!important}.promo .ticker-controls{display:none}.ticker-original{white-space:normal}}

:root { --banner-color:#243E34; --banner-background:#F1CF87; --banner-duration:38s; }

/* Stöckl · Weihnachtspost aus Purgstall */
:root { --advent-pine:#233e34; --advent-wine:#823943; --advent-paper:#f8efdb; --advent-gold:#dfbd7c; }
.hero .hero-title::first-line {color:var(--advent-wine)}
.hero-tagline {background:#eddbb6}
.hero-media::after,.about-photos::before,.detail-image::after,.jobs-photo-window::after {
 content:"";position:absolute;pointer-events:none;background:url("../images/christbaumkugeln.svg") center top / contain no-repeat;width:clamp(108px,12vw,188px);aspect-ratio:22/13;z-index:2;
}
.hero-media::after {right:18%;top:0;width:clamp(118px,14vw,205px)}
.about-photos,.detail-image,.jobs-photo-window {position:relative}
.about-photos::before {top:-28px;left:3%}
.detail-image::after,.jobs-photo-window::after {top:0;right:5%;width:clamp(90px,11vw,150px)}
.site-footer {position:relative;padding-top:104px}
.site-footer::before {content:"";position:absolute;inset:0 max(6%,var(--gutter)) auto auto;width:134px;height:84px;background:url("../images/christbaumkugeln.svg") center top / contain no-repeat;pointer-events:none}
.gallery-section::before,.voucher-section::before {content:"";position:absolute;top:0;right:var(--gutter);width:clamp(92px,12vw,160px);aspect-ratio:22/13;background:url("../images/christbaumkugeln.svg") center top / contain no-repeat;pointer-events:none}
.voucher-section {background:#ecdfc2;border-block:1px solid #a4814e}
.voucher-art {box-shadow:12px 14px 0 var(--advent-wine)}
.advent-jump {display:inline-flex;padding:10px 0;color:var(--advent-pine);font:700 13px/1.5 var(--body);text-underline-offset:4px}
.season-actions .advent-jump {color:var(--season-paper)}
#adventkalender {scroll-margin-top:110px}
.advent {color:var(--advent-pine);background:var(--advent-paper);background-image:repeating-linear-gradient(90deg,#af884d09 0 1px,transparent 1px 7px);padding-block:clamp(48px,7vw,108px)}
.advent-folio {display:flex;align-items:center;justify-content:space-between;gap:14px;border-block:1px solid #876d43;padding:9px 0;color:#5e513c;font:700 10px/1.5 var(--body);letter-spacing:.16em;text-transform:uppercase}
.advent-layout {display:grid;grid-template-columns:minmax(225px,.82fr) minmax(0,1.95fr);align-items:start;gap:clamp(24px,4.5vw,84px);margin-top:clamp(26px,4vw,56px)}
.advent-edition {margin-bottom:14px;font:750 11px/1.4 var(--body);color:var(--advent-wine);text-transform:uppercase;letter-spacing:.16em}
.advent-title {font:italic 500 clamp(43px,5vw,84px)/.98 Georgia,serif;letter-spacing:-.06em;margin:0 0 20px}
.advent-blurb {font:400 16px/1.55 var(--body);max-width:35ch;margin:0 0 18px}
.advent-status {display:block;border-left:3px solid #a57b40;padding-left:13px;max-width:34ch;font:650 13px/1.55 var(--body)}
.advent-illustration {margin:24px 0 0;width:min(76%,195px);height:auto;aspect-ratio:22/13;background:url("../images/christbaumkugeln.svg") left top / contain no-repeat}
.advent-board {background:#e1ceb0;border:1px solid #9d8257;box-shadow:5px 6px 0 #ab936b;padding:clamp(7px,1.2vw,17px);position:relative}
.advent-doors {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(4px,.55vw,9px);list-style:none;padding:0;margin:0}
.advent-doors li {min-width:0;list-style:none}
.advent-door {--door:#305344;position:relative;isolation:isolate;overflow:hidden;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;aspect-ratio:1.02;color:#fff3d6;background:var(--door);border:1px solid #3f422d;box-shadow:1px 1px 0 #897650;border-radius:1px;opacity:1;transition:transform .18s,box-shadow .18s;letter-spacing:0;padding:5px;cursor:pointer}
.advent-doors li:nth-child(4n+2) {--illustration:33.333%}
.advent-doors li:nth-child(4n+3) {--illustration:66.667%}
.advent-doors li:nth-child(4n) {--illustration:100%}
.advent-doors li:is(:nth-child(5n+2),:nth-child(5n+4)) .advent-door {--door:#803b40}
.advent-doors li:is(:nth-child(7n),:nth-child(7n+3)) .advent-door {--door:#6b5238}
.advent-doors li:nth-child(24) .advent-door {--door:#512d39}
.advent-door::before {position:absolute;content:"";inset:4px;border:1px dashed #eed09885;pointer-events:none}
.advent-door b {font:italic 500 clamp(25px,2.55vw,47px)/1 Georgia,serif;font-variant-numeric:lining-nums;letter-spacing:-.055em}
.advent-door i {display:block;width:clamp(17px,2vw,28px);aspect-ratio:1;background:url("../images/adventmotive.svg") var(--illustration,0%) center / 400% 100% no-repeat}
.advent-door:disabled {cursor:default;opacity:1;color:#f5e7c7}
.advent-door:enabled:hover {transform:translateY(-2px);box-shadow:2px 4px 0 #735c42}
.advent-door:focus-visible,.advent-close:focus-visible,.advent-jump:focus-visible {outline:3px solid #a54841;outline-offset:2px;z-index:2}
.advent-door.advent-today::before {border:2px solid #ffe5a7;inset:3px}
.advent-door[data-opened="true"]::after {content:"✓";color:#3d3024;position:absolute;right:0;top:0;width:23px;height:23px;background:#ebcd8d;clip-path:polygon(0 0,100% 0,100% 100%);text-align:right;padding-right:1px;font:700 11px/12px Arial,sans-serif}
.advent-panel {padding:clamp(26px,5vw,52px);width:min(480px,calc(100% - 36px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;margin:auto;border:1px solid #9c7f4a;outline:4px double #dabe81;outline-offset:-9px;box-shadow:8px 9px 0 #233e3466;background:var(--advent-paper);color:var(--advent-pine);text-align:left}
.advent-panel:not([open]) {display:none}
.advent-panel::backdrop {background:#132b26bf}
.advent-panel h3 {font:italic 500 clamp(38px,6vw,58px)/1 Georgia,serif;margin:0 0 18px;letter-spacing:-.045em}
.advent-panel p {font:400 18px/1.55 var(--body);margin:0 0 24px}
.advent-close {min-height:44px;color:var(--advent-paper);background:var(--advent-pine);border:1px solid #20392d;padding:9px 17px;font:650 13px var(--body)}
@media(max-width:820px){.advent-layout{grid-template-columns:1fr;gap:25px}.advent-blurb,.advent-status{max-width:55ch}.advent-illustration{display:none}.advent-title{font-size:clamp(44px,8vw,66px)}.advent-door b{font-size:clamp(26px,5.6vw,40px)}.advent-door i{width:22px}}
@media(max-width:540px){.advent-doors{grid-template-columns:repeat(4,minmax(0,1fr))}.advent-door{aspect-ratio:1.12}.hero-media::after{right:19%;width:112px}.advent-folio{font-size:8px;letter-spacing:.12em}.advent-door i{width:17px}.site-footer::before{width:100px;height:68px}.gallery-section::before,.voucher-section::before{width:94px}.site-footer{padding-top:84px}}
@media(prefers-reduced-motion:reduce){.advent-door{transition:none}.advent-door:enabled:hover{transform:none}}

.advent-layout > div:first-child {container-type:inline-size}
.advent-title {font-size:clamp(32px,3.55vw,64px)}
@supports (font-size:1cqi){.advent-title{font-size:clamp(30px,14.5cqi,68px)}}