/* BUCHUNG direkt unter dem Titelbild — Wunsch von Christian Knoll (Call 24.09.2026) */
.buchung-band{padding:clamp(3.4rem,7vw,6rem) clamp(1.4rem,5vw,4.5rem)}
.buchung-band .innen{max-width:1080px;margin:0 auto}
.buchung-kopf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.6rem,4vw,4rem);align-items:end}
.buchung-kopf h2{margin:0}
.buchung-kopf p{margin:0;color:var(--text);font-size:.98rem;line-height:1.65}
.buchung-tor{margin-top:clamp(1.8rem,3.5vw,2.8rem);display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem}
.buchung-tor .knopf-rot{background:var(--oliv);border-color:var(--oliv);color:#fff}
.buchung-tor .knopf-rot::after{background:var(--tinte)}
.buchung-tor .knopf-rot:hover,.buchung-tor .knopf-rot:focus-visible{border-color:var(--tinte);color:#fff}
.buchung-alt{margin:0;font-size:.9rem;color:var(--text-leise)}
.buchung-alt a{color:var(--oliv)}
.buchung-fehler{flex-basis:100%;color:var(--oliv)}
#Bs-BookingWidget{margin-top:clamp(1.6rem,3vw,2.4rem);min-height:120px}
@media (max-width:760px){.buchung-kopf{grid-template-columns:1fr}}

/* Buchungsfenster 1:1 wie auf hotelcornelia.com (David 05.10.): KEINE eigenen Farb- oder Formregeln für das Widget.
   Die Umfärbung vom 02.10. hat im Kalender alle Tagesfelder gleich eingefärbt — Tage waren nicht mehr auswählbar.
   Das Widget wird von unseren Seitenregeln abgeschirmt: keine Bewegung, kein Einblenden, keine fremden Schatten. */
#Bs-BookingWidget,#Bs-BookingWidget *{animation:none!important}
html.pro body.kopf-casa #Bs-BookingWidget{opacity:1!important;transform:none!important;translate:none!important}