/*
Theme Name: Gasthof Wagner
Theme URI: https://gasthof-wagner.de/
Author: Gasthof Wagner
Description: Maßgeschneidertes, modernes WordPress-Theme für Hotel & Gasthof Wagner.
Version: 1.9.2
Text Domain: gasthof-wagner
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap');

:root{--ink:#172044;--green:#1c3687;--sage:#d6dbea;--cream:#f4f1ea;--paper:#fbfaf7;--gold:#c38311;--line:rgba(28,54,135,.18);--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}body.menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}.narrow{width:min(820px,calc(100% - 48px));margin-inline:auto}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 22px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:600}.eyebrow:before{content:"";width:38px;height:1px;background:currentColor}.display{font-family:var(--serif);font-weight:400;font-size:clamp(52px,7vw,108px);line-height:.92;letter-spacing:-.035em;margin:0}.title{font-family:var(--serif);font-weight:400;font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-.025em;margin:0 0 28px}.lead{font-size:clamp(18px,2vw,24px);font-weight:300;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 24px;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600;transition:.25s}.btn:after{content:"→";font-size:17px;line-height:0}.btn:hover{background:var(--green);border-color:var(--green);color:#fff}.btn-light:hover{background:#fff;border-color:#fff;color:var(--green)}
.site-header{position:fixed;z-index:30;inset:0 0 auto;color:#fff;background:transparent;border-bottom:1px solid rgba(255,255,255,.28);transition:background .35s ease,color .35s ease,box-shadow .35s ease,border-color .35s ease}.header-inner{height:96px;display:flex;align-items:center;justify-content:space-between;transition:height .35s ease}.brand{display:flex;align-items:center}.brand-logo-wrap{position:relative;display:block;width:245px;aspect-ratio:1128/292}.brand-logo{position:absolute;inset:50% auto auto 0;display:block;width:100%;height:auto;transform:translateY(-50%);transition:opacity .3s ease}.brand-logo-white{opacity:1}.brand-logo-color{opacity:0}.main-nav{display:flex;align-items:center;gap:30px}.main-nav>li{list-style:none;position:relative}.main-nav>a,.nav-group>a,.main-nav>li>a{font-size:11px;text-transform:uppercase;letter-spacing:.12em;transition:color .25s ease}.main-nav a:hover{color:#f3c76f}.nav-group{position:relative}.sub-menu{position:absolute;top:calc(100% + 18px);left:-22px;width:210px;padding:14px 0;margin:0;background:#fff;color:var(--green);box-shadow:0 18px 50px rgba(12,25,65,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s}.sub-menu:before{content:"";position:absolute;inset:-20px 0 auto;height:20px}.sub-menu li{list-style:none}.sub-menu a{display:block;padding:9px 22px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.sub-menu a:hover{color:var(--gold)}.nav-group:hover .sub-menu,.nav-group:focus-within .sub-menu,.menu-item-has-children:hover .sub-menu,.menu-item-has-children:focus-within .sub-menu{opacity:1;visibility:visible;transform:none}.nav-book{border:1px solid var(--gold);background:var(--gold);color:#fff;padding:13px 18px}.nav-book:hover{background:#fff;color:var(--green)!important;border-color:#fff}.menu-toggle{display:none;background:none;border:0;color:#fff;padding:10px;transition:color .3s ease}.menu-toggle span{display:block;width:26px;height:1px;background:currentColor;margin:6px}.site-header.is-scrolled{color:var(--green);background:rgba(255,255,255,.97);border-color:rgba(28,54,135,.12);box-shadow:0 8px 35px rgba(16,29,72,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-header.is-scrolled .header-inner{height:82px}.site-header.is-scrolled .brand-logo-white{opacity:0}.site-header.is-scrolled .brand-logo-color{opacity:1}.site-header.is-scrolled .main-nav a:hover{color:var(--gold)}.site-header.is-scrolled .nav-book{color:#fff}.site-header.is-scrolled .nav-book:hover{background:var(--green);border-color:var(--green);color:#fff!important}.site-header.is-scrolled .menu-toggle{color:var(--green)}
.hero{min-height:100svh;position:relative;color:#fff;display:flex;align-items:flex-end;background:var(--green) url("assets/images/hero-gasthof-wagner.jpg") center center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,39,100,.72),rgba(20,39,100,.12) 72%),linear-gradient(0deg,rgba(17,31,78,.64),transparent 58%)}.hero-content{position:relative;z-index:1;padding:220px 0 88px}.hero .display{max-width:850px}.hero .eyebrow{color:#f3c76f}.hero-sub{display:flex;align-items:flex-end;justify-content:space-between;margin-top:48px;border-top:1px solid rgba(255,255,255,.45);padding-top:25px}.hero-sub p{max-width:480px;margin:0;font-size:17px;font-weight:300}.scroll-note{font-size:10px;letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl}
.intro{padding:150px 0;background:var(--cream)}.intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw}.intro-copy p:last-of-type{margin-bottom:36px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:90px;padding-top:28px}.fact strong{display:block;font-family:var(--serif);font-size:42px;font-weight:400}.fact span{font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.feature{display:grid;grid-template-columns:1.2fr .8fr;min-height:760px}.feature.reverse{grid-template-columns:.8fr 1.2fr}.feature-media{min-height:600px;background:center/cover no-repeat;position:relative;overflow:hidden}.feature-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.feature:hover img{transform:scale(1.02)}.feature-copy{background:var(--green);color:#fff;padding:10vw 7vw;display:flex;flex-direction:column;justify-content:center}.feature.reverse .feature-copy{background:#e5e8f1;color:var(--ink)}.feature-copy p{max-width:510px;margin:0 0 35px}.feature-media.food{background:linear-gradient(135deg,#c38311,#46361e)}.feature-media.room{background:linear-gradient(135deg,#e7e9f0,#7581a8)}.image-fallback{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.8);font-family:var(--serif);font-size:42px;text-align:center;padding:30px}
.offers{padding:140px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:60px}.section-head .title{max-width:650px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border-top:1px solid var(--ink);padding-top:20px}.card-num{font-size:10px;letter-spacing:.15em}.card h3{font-family:var(--serif);font-size:34px;font-weight:400;margin:60px 0 14px}.card p{color:#536057;margin-bottom:28px}.card-link{font-size:11px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid;padding-bottom:5px}
.quote{background:var(--cream);padding:130px 0;text-align:center}.quote blockquote{font-family:var(--serif);font-size:clamp(38px,5vw,68px);line-height:1.08;margin:0 auto 34px;max-width:1000px}.quote cite{font-style:normal;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.booking{padding:130px 0;background:var(--green);color:#fff}.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end}.booking-actions{display:grid;gap:14px}.booking-actions .btn{width:100%;justify-content:space-between}.booking-note{font-size:12px;opacity:.75;margin-top:18px}.opentable-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;margin-top:90px;padding-top:70px;border-top:1px solid rgba(255,255,255,.25);scroll-margin-top:120px}.opentable-heading h3{font-family:var(--serif);font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1;margin:0 0 18px}.opentable-heading>p:last-child{max-width:390px;color:rgba(255,255,255,.75)}.opentable-widget{min-height:128px;background:#fff;padding:22px;border-radius:2px;color:var(--ink);box-shadow:0 18px 50px rgba(10,22,60,.22)}.opentable-widget .ot-dtp-picker{width:100%!important;margin:0!important}.opentable-widget .ot-dtp-picker.wide{width:100%!important}.opentable-widget .ot-title{color:var(--green)!important}.opentable-widget .ot-button{background-color:var(--gold)!important;border-color:var(--gold)!important}
.site-footer{background:var(--cream);color:var(--green);padding:90px 0 30px;border-top:5px solid var(--gold)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8vw}.footer-logo{width:min(360px,100%);height:auto;margin-bottom:30px}.footer-brand p{max-width:330px;color:rgba(23,32,68,.72)}.footer-col h3{font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin:0 0 22px;color:var(--gold)}.footer-col a,.footer-col p{display:block;margin:0 0 8px;color:rgba(23,32,68,.78)}.footer-col a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(28,54,135,.18);padding-top:25px;margin-top:70px;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:rgba(23,32,68,.58)}
.page-hero{background:var(--green);color:#fff;padding:210px 0 90px}.content-area{padding:100px 0}.content-area h1,.content-area h2,.content-area h3{font-family:var(--serif);font-weight:400;line-height:1.1}.content-area h2{font-size:44px}.content-area a{text-decoration:underline}.alignwide{width:min(1200px,100%);margin-left:50%;transform:translateX(-50%)}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.experience-hero{min-height:720px;padding:210px 0 100px;background:linear-gradient(135deg,#142766,var(--green));color:#fff;display:flex;align-items:flex-end;position:relative;overflow:hidden}.experience-hero:after{content:"W";position:absolute;right:-3vw;bottom:-18vw;font-family:var(--serif);font-size:55vw;line-height:1;color:rgba(255,255,255,.035);pointer-events:none}.experience-hero-inner{position:relative;z-index:1}.experience-hero .eyebrow{color:#f3c76f}.experience-hero .display{max-width:880px}.experience-lead{max-width:650px;margin:45px 0 0 35%;font-size:clamp(18px,2vw,24px);font-weight:300;line-height:1.5}.experience-intro{padding:130px 0;background:var(--cream)}.experience-intro-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw}.experience-intro-grid .lead{margin:0}.experience-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:90px;padding-top:30px;border-top:1px solid var(--line)}.experience-facts strong{display:block;font-family:var(--serif);font-size:32px;font-weight:400;color:var(--green)}.experience-facts span{font-size:10px;text-transform:uppercase;letter-spacing:.13em}.experience-cards{padding:110px 0;background:var(--paper)}.experience-card{display:grid;grid-template-columns:90px 1fr;gap:4vw;padding:45px 0;border-top:1px solid var(--line)}.experience-card:last-child{border-bottom:1px solid var(--line)}.experience-card h2{font-family:var(--serif);font-size:clamp(35px,4vw,54px);font-weight:400;line-height:1;margin:0 0 16px}.experience-card p{max-width:720px;margin:0 0 24px;color:#4d5875}.experience-quote{padding:120px 0;background:var(--gold);color:#fff;text-align:center}.experience-quote blockquote{font-family:var(--serif);font-size:clamp(38px,5vw,68px);line-height:1.06;margin:0}.experience-cta{padding:120px 0;background:var(--green);color:#fff}.experience-cta-grid{display:grid;grid-template-columns:1fr auto;gap:8vw;align-items:end}.experience-cta .title{margin-bottom:20px}.experience-cta p:not(.eyebrow){max-width:620px;color:rgba(255,255,255,.75)}
.digital-menu{padding:130px 0;background:var(--paper)}.menu-top{display:flex;align-items:end;justify-content:space-between;gap:50px;padding-bottom:65px;border-bottom:1px solid var(--green)}.menu-top .title{margin:0}.menu-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:25px}.menu-column{min-width:0}.menu-category{padding:50px 0 15px;border-bottom:1px solid var(--line)}.menu-category h3{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 30px;font-family:var(--serif);font-size:clamp(32px,3.5vw,48px);font-weight:400;line-height:1;color:var(--green)}.menu-category h3:after{content:"";flex:1;height:1px;background:var(--gold);margin-left:20px}.menu-category h3 small{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.1em}.menu-item,.menu-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;align-items:start;padding:13px 0}.menu-item p,.menu-option p{margin:0;line-height:1.45}.menu-item>span,.menu-option>span{color:var(--gold);font-weight:600;white-space:nowrap}.menu-item small{color:#66708c;font-size:12px;white-space:nowrap}.menu-item sup{color:var(--gold);font-size:9px}.menu-option{padding:6px 0 6px 22px;font-size:14px}.menu-item-options{padding-bottom:5px}.menu-note{margin:8px 0 18px;color:#68718a;font-size:13px;font-style:italic}.wine-list .menu-item{padding:15px 0}.wine-list .menu-item strong,.wine-list .menu-item em{display:block}.wine-list .menu-item strong{font-weight:600}.wine-list .menu-item em{margin-top:4px;color:#68718a;font-size:13px;font-style:normal}
.reveal-ready .reveal-item{opacity:0;transform:translate3d(0,42px,0);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}.reveal-ready .reveal-item.reveal-left{transform:translate3d(-55px,0,0)}.reveal-ready .reveal-item.reveal-right{transform:translate3d(55px,0,0)}.reveal-ready .reveal-item.is-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}.hero .reveal-item{transition-duration:1s}.hero .eyebrow.reveal-item{--reveal-delay:120ms}.hero .display.reveal-item{--reveal-delay:260ms}.hero .hero-sub.reveal-item{--reveal-delay:420ms}
@keyframes gwHeaderEnter{from{opacity:0;transform:translate3d(0,-24px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes gwHeroEnter{from{opacity:0;transform:translate3d(0,48px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.reveal-ready .site-header{animation:gwHeaderEnter .75s cubic-bezier(.22,1,.36,1) both}.reveal-ready .hero .eyebrow.reveal-item,.reveal-ready .hero .display.reveal-item,.reveal-ready .hero .hero-sub.reveal-item,.reveal-ready .experience-hero-inner>.reveal-item{transition:none;animation:gwHeroEnter .95s cubic-bezier(.22,1,.36,1) both}.reveal-ready .hero .eyebrow.reveal-item,.reveal-ready .experience-hero-inner>.reveal-item:nth-child(1){animation-delay:.18s}.reveal-ready .hero .display.reveal-item,.reveal-ready .experience-hero-inner>.reveal-item:nth-child(2){animation-delay:.34s}.reveal-ready .hero .hero-sub.reveal-item,.reveal-ready .experience-hero-inner>.reveal-item:nth-child(3){animation-delay:.52s}
@media(max-width:900px){.wrap{width:min(100% - 40px,1280px)}.header-inner{height:82px}.brand-logo-wrap{width:190px}.site-header.is-scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}.main-nav{position:fixed;z-index:40;inset:0;width:100vw;height:100vh;height:100dvh;min-height:100vh;background:#fff;color:#111;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:22px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;overflow-y:auto;overscroll-behavior:contain;padding:130px 30px 55px}.main-nav.is-open{opacity:1;visibility:visible;transform:none}.main-nav>a,.nav-group>a,.main-nav>li>a{font-family:var(--serif);font-size:31px;text-transform:none;letter-spacing:0;color:#111}.main-nav a:hover,.site-header.is-scrolled .main-nav a:hover{color:var(--gold)}.nav-group{text-align:center}.sub-menu{position:static;width:auto;padding:7px 0 0;margin:0;background:transparent;color:#111;box-shadow:none;opacity:1;visibility:visible;transform:none}.sub-menu:before{display:none}.sub-menu a{padding:5px;font-family:var(--sans);font-size:12px;font-weight:500;color:#111;letter-spacing:.1em}.main-nav .nav-book{width:min(320px,100%);margin-top:12px;padding:17px 22px;background:var(--gold);border-color:var(--gold);color:#fff!important;font-family:var(--sans);font-size:12px;text-transform:uppercase;letter-spacing:.12em;text-align:center}.main-nav .nav-book:hover{background:#a66d08;border-color:#a66d08;color:#fff!important}.site-header.is-scrolled .main-nav{color:#111}.menu-toggle{display:block;position:relative;z-index:50}.menu-toggle span{transition:transform .25s ease,opacity .2s ease}.menu-open .site-header{background:#fff;border-color:rgba(28,54,135,.12)}.menu-open .brand-logo-white{opacity:0}.menu-open .brand-logo-color{opacity:1}.menu-open .menu-toggle{color:#111}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.intro-grid,.booking-grid,.opentable-section,.experience-intro-grid,.experience-cta-grid,.menu-layout{grid-template-columns:1fr}.intro{padding:100px 0}.facts{margin-top:60px}.feature,.feature.reverse{grid-template-columns:1fr}.feature-media{min-height:65vw}.feature-copy{padding:90px 40px}.feature.reverse .feature-media{order:1}.feature.reverse .feature-copy{order:2}.cards{grid-template-columns:1fr}.card{padding-bottom:35px}.card h3{margin-top:32px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.experience-lead{margin-left:0}.experience-facts{grid-template-columns:1fr}.experience-cta .btn{justify-self:start}.menu-top{align-items:flex-start;flex-direction:column}.menu-layout{gap:0}}
@media(max-width:600px){.brand-copy span{display:none}.hero-content{padding-bottom:45px}.hero-sub{align-items:flex-start}.hero-sub .btn{display:none}.display{font-size:54px}.title{font-size:44px}.facts{grid-template-columns:1fr;gap:25px}.fact{border-bottom:1px solid var(--line);padding-bottom:15px}.offers,.quote,.booking{padding:90px 0}.section-head{display:block}.section-head .btn{margin-top:25px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}.experience-hero{min-height:620px;padding-bottom:70px}.experience-intro,.experience-cards,.experience-quote,.experience-cta,.digital-menu{padding:80px 0}.experience-card{grid-template-columns:1fr;gap:20px}.experience-card .card-num{color:var(--gold)}.menu-item,.menu-option{gap:14px;font-size:14px}.menu-item p br{display:none}}
@media(max-width:900px) and (prefers-reduced-motion:no-preference){.experience-page .reveal-item{transition-duration:.75s,.85s}.experience-page .experience-hero-inner>.reveal-item:nth-child(2){--reveal-delay:120ms}.experience-page .experience-hero-inner>.reveal-item:nth-child(3){--reveal-delay:240ms}.experience-page .experience-facts>.reveal-item:nth-child(2),.experience-page .experience-card>.reveal-item:nth-child(2){--reveal-delay:100ms}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready .reveal-item,.reveal-ready .reveal-item.reveal-left,.reveal-ready .reveal-item.reveal-right{opacity:1;transform:none;transition:none;animation:none}.reveal-ready .site-header{animation:none}.brand-logo,.site-header,.header-inner,.feature-media img{transition:none}}