:root{--umbra: #1b1108;--umbra-raised: #281a0d;--plaster: #ece0c8;--plaster-deep: #ddcdab;--cream: #f4ead6;--cream-dim: #cdbb9b;--amber: #e2a52f;--amber-bright: #f5c45e;--oxblood: #7d3122;--oxblood-deep: #531f15;--timber: #3c2c18;--font-display: "Eczar", "Georgia", serif;--font-body: "Spectral", "Georgia", serif;--beam: repeating-linear-gradient( -45deg, transparent 0 26px, var(--timber) 26px 38px ), repeating-linear-gradient(45deg, transparent 0 26px, var(--timber) 26px 38px), repeating-linear-gradient(90deg, transparent 0 110px, var(--timber) 110px 122px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--umbra);color:var(--cream);font-family:var(--font-body);font-weight:300;font-size:1.0625rem;line-height:1.75;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:var(--amber-bright);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--cream)}em{font-style:italic}strong{font-weight:600}.skip-link{position:absolute;left:-999px;top:0;background:var(--amber);color:var(--umbra);padding:.5rem 1rem;z-index:1001}.skip-link:focus{left:0}.logo-mask{display:inline-block;aspect-ratio:466 / 282;background:currentColor;-webkit-mask:url(/logo-stierstall.svg) no-repeat center / contain;mask:url(/logo-stierstall.svg) no-repeat center / contain}.topbar{position:fixed;inset:0 0 auto 0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.85rem clamp(1.25rem,4vw,3rem);background:color-mix(in srgb,var(--umbra) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--amber) 22%,transparent)}.topbar__brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cream);text-decoration:none}.topbar__logo{height:1.6rem;color:var(--amber)}.topbar__nav{display:flex;gap:clamp(1rem,2.5vw,2.2rem)}.topbar__nav a{font-family:var(--font-display);font-weight:500;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent;transition:color .25s,border-color .25s}.topbar__nav a:hover{color:var(--amber-bright);border-color:var(--amber-bright)}.topbar__burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:6px;cursor:pointer}.topbar__burger span{width:24px;height:2px;background:var(--cream);transition:transform .3s,opacity .3s}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:7rem 1.5rem 5rem;background:radial-gradient(ellipse 70% 55% at 50% 38%,rgba(226,165,47,.16),transparent 70%),radial-gradient(ellipse 110% 80% at 50% 110%,rgba(125,49,34,.35),transparent 60%),var(--umbra);overflow:hidden}.hero__fachwerk{position:absolute;left:0;right:0;height:56px;background-color:var(--plaster-deep);background-image:var(--beam);opacity:.16}.hero__fachwerk--top{top:0}.hero__fachwerk--bottom{bottom:0}.hero__inner{max-width:46rem}.hero__kicker{font-family:var(--font-display);font-weight:500;font-size:clamp(.8rem,1.6vw,.95rem);letter-spacing:.42em;text-transform:uppercase;color:var(--amber);margin-bottom:.8rem}.hero__logo{margin-top:1.2rem;line-height:0}.hero__logo-mark{width:clamp(300px,52vw,600px);background:linear-gradient(165deg,var(--cream) 45%,var(--amber-bright) 95%);filter:drop-shadow(0 14px 34px rgba(0,0,0,.65)) drop-shadow(0 0 70px rgba(226,165,47,.3))}.hero__sub{margin-top:1.6rem;font-size:clamp(1.05rem,2.4vw,1.3rem);font-style:italic;color:var(--cream-dim)}.hero__actions{margin-top:2.4rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{font-family:var(--font-display);font-weight:600;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:.85rem 1.9rem;border:1px solid var(--amber);transition:background .25s,color .25s,transform .25s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn--solid{background:var(--amber);color:var(--umbra)}.btn--solid:hover{background:var(--amber-bright);color:var(--umbra)}.btn--ghost{color:var(--amber-bright);background:transparent}.btn--ghost:hover{background:#e2a52f1f;color:var(--amber-bright)}.reveal-load{opacity:0;transform:translateY(22px);animation:rise .9s cubic-bezier(.16,1,.3,1) forwards}.reveal-load:nth-child(1){animation-delay:.1s}.reveal-load:nth-child(2){animation-delay:.25s}.reveal-load:nth-child(3){animation-delay:.4s}.reveal-load:nth-child(4){animation-delay:.55s}.reveal-load:nth-child(5){animation-delay:.7s}@keyframes rise{to{opacity:1;transform:none}}.marquee{background:var(--amber);color:var(--umbra);overflow:hidden;transform:rotate(-1.2deg) scale(1.02);border-block:3px solid var(--umbra);box-shadow:0 10px 40px #00000080;position:relative;z-index:5}.marquee__track{display:flex;width:max-content;animation:slide 32s linear infinite;font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.18em;text-transform:uppercase;padding:.65rem 0;white-space:nowrap}@keyframes slide{to{transform:translate(-50%)}}.section{padding:clamp(4.5rem,9vw,7.5rem) clamp(1.5rem,6vw,4rem);max-width:72rem;margin:0 auto}.section__head{margin-bottom:clamp(2.5rem,5vw,4rem)}.section__kicker{font-family:var(--font-display);font-weight:500;font-size:.85rem;letter-spacing:.34em;text-transform:uppercase;color:var(--amber);margin-bottom:.5rem}.section__title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.1rem,5.5vw,3.6rem);line-height:1.1;color:var(--cream)}.section--plaster{max-width:none;background:linear-gradient(#ece0c8f7,#ece0c8f7),var(--plaster);color:#332614;position:relative}.section--plaster:before,.section--plaster:after{content:"";position:absolute;left:0;right:0;height:14px;background:var(--timber)}.section--plaster:before{top:0}.section--plaster:after{bottom:0}.section--plaster .section__title{color:#2b1f10}.section--plaster a{color:var(--oxblood)}.section--plaster>*{max-width:72rem;margin-left:auto;margin-right:auto}.section--plaster .section__head{margin-bottom:clamp(2.5rem,5vw,4rem)}.section--oxblood{max-width:none;background:radial-gradient(ellipse 90% 90% at 50% 0%,rgba(226,165,47,.1),transparent 55%),linear-gradient(160deg,var(--oxblood) 0%,var(--oxblood-deep) 80%);border-block:1px solid color-mix(in srgb,var(--amber) 35%,transparent)}.section--oxblood>*{max-width:72rem;margin-left:auto;margin-right:auto}.story{max-width:44rem}.story p+p{margin-top:1.2rem}.story__lead{font-size:clamp(1.2rem,2.6vw,1.45rem);line-height:1.6;font-weight:400;color:var(--cream)}.story__lead em{color:var(--amber-bright)}.timeline{list-style:none;margin-top:clamp(3rem,6vw,4.5rem);border-left:2px solid color-mix(in srgb,var(--amber) 40%,transparent);padding-left:0}.timeline__item{position:relative;padding:0 0 2.2rem 2.2rem;max-width:38rem}.timeline__item:last-child{padding-bottom:0}.timeline__item:before{content:"";position:absolute;left:-7px;top:.55rem;width:12px;height:12px;background:var(--amber);transform:rotate(45deg);box-shadow:0 0 14px #e2a52f99}.timeline__year{display:block;font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--amber-bright);margin-bottom:.15rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.2rem}.card{background:#fffcf58c;border:1px solid rgba(60,44,24,.25);border-top:4px solid var(--oxblood);padding:1.8rem 1.6rem 1.6rem;box-shadow:0 8px 28px #3c2c181f;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 16px 36px #3c2c1833}.card__num{font-family:var(--font-display);font-weight:800;font-size:.85rem;letter-spacing:.2em;color:var(--oxblood)}.card h3{font-family:var(--font-display);font-weight:700;font-size:1.3rem;margin:.4rem 0 .6rem;color:#2b1f10}.quote{margin-top:clamp(3rem,6vw,4.5rem);text-align:center}.quote blockquote{font-family:var(--font-display);font-weight:600;font-size:clamp(1.3rem,3.2vw,1.9rem);line-height:1.4;color:#2b1f10;max-width:38rem;margin:0 auto}.quote figcaption{margin-top:.9rem;font-style:italic;font-size:.95rem;color:var(--oxblood)}.hours{max-width:36rem}.hours__table{width:100%;border-collapse:collapse;font-size:1.05rem}.hours__table tr{border-bottom:1px solid color-mix(in srgb,var(--cream) 14%,transparent)}.hours__table th,.hours__table td{text-align:left;padding:.75rem .5rem}.hours__table th{font-family:var(--font-display);font-weight:600;letter-spacing:.05em;color:var(--cream);width:40%}.hours__table td{color:var(--cream-dim)}.hours__table tr.is-today{background:#e2a52f1f;border-bottom-color:var(--amber)}.hours__table tr.is-today th{color:var(--amber-bright)}.hours__table tr.is-today th:after{content:" · heute";font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}.hours__table tr.is-today td{color:var(--cream)}.hours__note{margin-top:1.4rem;font-size:.95rem;font-style:italic;color:var(--cream-dim)}.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2.5rem;max-width:50rem}.contact__block h3{font-family:var(--font-display);font-weight:600;font-size:.9rem;letter-spacing:.28em;text-transform:uppercase;color:var(--amber);margin-bottom:.6rem}.contact__block h3+p{margin-bottom:1.4rem}.contact__phone{font-family:var(--font-display);font-weight:700;font-size:1.6rem;text-decoration:none}.footer{background:#120a04;text-align:center}.footer__fachwerk{height:44px;background-color:var(--plaster-deep);background-image:var(--beam);opacity:.14}.footer__inner{padding:3.5rem 1.5rem 2.5rem}.footer__logo{height:52px;color:var(--amber);opacity:.9}.footer__name{font-family:var(--font-display);font-weight:700;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;margin-top:.6rem}.footer__line{margin-top:.4rem;color:var(--cream-dim);font-size:.95rem}.footer__legal{margin-top:1.2rem;display:flex;gap:1.5rem;justify-content:center}.footer__legal a{color:var(--cream-dim);font-size:.9rem}.footer__copy{margin-top:1.6rem;font-size:.82rem;color:#6f5e44}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal,.reveal-load{opacity:1;transform:none;animation:none;transition:none}.marquee__track{animation:none}html{scroll-behavior:auto}}@media(max-width:720px){.topbar__burger{display:flex}.topbar__nav{position:fixed;top:58px;right:0;left:0;flex-direction:column;align-items:center;gap:0;background:var(--umbra-raised);border-bottom:1px solid color-mix(in srgb,var(--amber) 25%,transparent);max-height:0;overflow:hidden;transition:max-height .35s ease}.topbar__nav.is-open{max-height:22rem}.topbar__nav a{padding:1rem;width:100%;text-align:center;border-bottom:1px solid rgba(226,165,47,.08)}.topbar__burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.topbar__burger[aria-expanded=true] span:nth-child(2){opacity:0}.topbar__burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
