/* Kundenabnahme V19: gelbe Akzente statt Gruen, lesbare Beschriftungen. */
:root{--sage:#e8d58c;--sage-deep:#8b691b;--sage-soft:#faf2cd;--butter:#e8d58c;--butter-soft:#faf2cd;--wohlii-yellow:#e8d58c;--wohlii-ink:#342f25}
.btn-primary,.button:not(.alt),.nav-my-area,.comparison thead th,.strip,.pagination-btn.current,.inbox-filters a[aria-current="page"]{background:var(--wohlii-yellow)!important;color:var(--wohlii-ink)!important;border-color:#d4bf6a!important}
.btn-primary:hover,.button:not(.alt):hover,.nav-my-area:hover{background:#f1de9c!important;color:var(--wohlii-ink)!important}
button:focus-visible,a:focus-visible{outline-color:#a37e20}
.site-nav{display:flex;align-items:center}
.site-nav .nav-my-area{margin-left:auto;white-space:nowrap;padding:.75rem 1.3rem;border-radius:999px;font-weight:800!important;text-decoration:none!important}
.site-nav .nav-my-area[aria-current="page"]{text-decoration:none}
.hero{padding-top:clamp(22px,4vw,44px)}
.hero-slideshow{position:relative}
.hero-slide[hidden]{display:none!important}
.hero-slide{animation:wohlii-hero-in .5s ease both}
@keyframes wohlii-hero-in{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.hero-slide-title{font:400 clamp(2rem,4.6vw,3.2rem)/1.18 var(--f-display);margin:0 0 .4em}
.hero-slide-title em,.hero h1 em{color:#b69125!important;font-style:normal}
.hero-copy{min-width:0}
.hero-grid{min-height:390px}
.hero-highlight{display:inline-flex;max-width:100%;padding:.75rem 1.1rem;border-radius:12px;background:var(--wohlii-yellow);color:var(--wohlii-ink);font-size:clamp(1rem,1.65vw,1.35rem)!important;font-weight:850;line-height:1.4;box-shadow:0 4px 18px #49360a1c}
.hero-mosaic{aspect-ratio:5/4;max-height:440px}
.hero-mosaic figure:first-child{min-height:0}
.hero-mosaic img{object-position:center}
.hero-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:12px}
.hero-dots{display:flex;gap:10px;align-items:center}
.hero-dots button{width:14px;height:14px;border:1px solid #9e883e;background:#f8f1d2;border-radius:999px;cursor:pointer;padding:0}
.hero-dots button.is-active{width:35px;background:#ad8a2b}
.hero-pause{background:transparent;border:1px solid #cfc7a8;padding:.45rem .75rem;border-radius:999px;color:#453b22;font:700 .8rem var(--f-body);cursor:pointer}
.hero-search-area{margin-top:10px}
.hero-search-label{font-weight:800;font-size:clamp(1.15rem,2.3vw,1.55rem);color:#524522;margin:0 0 6px}
.search.hero-search{margin-top:8px}
.board-label{font-size:.92rem;font-weight:900;color:#92701b;letter-spacing:.1em}
.cal-day.free,.public-calendar .cal-day.free,.board-calendar .cal-day.free{background:#f4e29a!important;color:#45350b!important}
.cal-day.booked,.public-calendar .cal-day.booked,.board-calendar .cal-day.booked{background:#e2e0db!important;color:#787872!important;text-decoration:line-through}
.cal-day.past-day,.public-calendar .cal-day.past-day{background:#f1f0ed!important;color:#aaa69f!important}
.lg.free{background:#f4e29a!important}.lg.booked{background:#e2e0db!important}
.calendar-cell:not(.occupied):not(.out-month){background:#f4e29a;color:#45350b}
.calendar-cell.occupied{background:#e2e0db;color:#787872}
.calendar-selected{background:#d1a642!important;color:#242016!important}
.calendar-range{background:#f3e4a5!important;color:#372b13!important}
.concept-quote{margin-top:.8rem;font-weight:800;color:#82621a;font-size:1.08rem}
.guest-intro{padding:clamp(40px,6vw,70px) 0;background:#fff9e5}
.guest-intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(25px,5vw,70px)}
.guest-intro-grid img{width:100%;height:370px;object-fit:cover;border-radius:22px}
.guest-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.guest-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
/* Brandfarbe nicht auf rein dekorative Fotos oder den neutralen dunklen Footer anwenden. */
@media(max-width:900px){.hero-grid{min-height:0}.hero-mosaic{aspect-ratio:16/9;max-height:330px}.guest-intro-grid{grid-template-columns:1fr}.guest-intro-grid img{height:280px}}
@media(max-width:760px){.site-nav{display:none}.site-nav.is-open{display:flex}.site-nav .nav-my-area{margin-left:0;text-align:center}.hero-mosaic{aspect-ratio:5/3}.hero-grid{gap:16px}.hero-highlight{margin-top:.3rem}.hero-controls{margin-top:12px}.guest-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hero-slide{animation:none}}
/* Zwei Bilder pro Folie ohne leere Rasterzelle. */
.hero-mosaic{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);grid-template-rows:minmax(0,1fr)}
.hero-mosaic figure:first-child{grid-column:1;grid-row:1}
.hero-mosaic figure:last-child{grid-column:2;grid-row:1;min-height:0}
@media(max-width:860px){.site-nav{display:none}.site-nav.is-open{display:flex}.site-nav .nav-my-area{margin-left:0}}

/* V20: Kontositzung ausserhalb der exakt fuenf Hauptnavigationslinks.
   Damit ist sicheres Abmelden auf jeder authentifizierten Seite erreichbar,
   auch unmittelbar nach dem Versand einer Anfrage. */
.account-session-bar{background:#fbf9f0;border-bottom:1px solid #e8e0c4}
.account-session-inner{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;min-height:36px}
.account-session-label{font-size:.78rem;color:#665d41}
.account-session-logout{margin:0;display:inline-flex}
.account-logout-button{font:inherit;font-size:.83rem;font-weight:700;color:#44370f;background:transparent;border:0;border-radius:5px;padding:.35rem .6rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.account-logout-button:hover,.account-logout-button:focus-visible{background:#f0e3b5;outline-offset:2px}
@media(max-width:480px){.account-session-label{display:none}.account-session-inner{min-height:32px}}