/* DER WECHSEL — letzte Sektion der Startseite (15.10.2026, Aufbau nach dem Bild des Wirts von Kit: „Switch without the
   stress"). Eine Karte mit Foto (bilder/schluss/umzug.jpg, ChatGPT-Bild des Wirts), gleichmäßig abgedunkelt — keine
   Verläufe —, mittig Überschrift, ein Satz, zwei Knöpfe. Ohne den Vogel des Vorbilds (Wirt). Gemessen am Bild (1744 breit):
   Karte 75 % der Breite, Seitenverhältnis 2,7 : 1, Ecke ≈ 18; Überschrift zwei Zeilen, Satz eine, Knöpfe 62 hoch.
   Gebaut auf der Spalte des Kopfs (1404): Karte 1404 × 520. Schriften der Landingpage (Playfair + DM Sans).
   Der Aufruf „Bereit für mehr Lieblingsgäste?" im Abschluss ist seit 15.10.2026 auf allen Seiten weg (fuss.js). Präfix we-. */
.we{background:#FFFFFF;padding:40px 0 120px}
.we-karte{position:relative;width:min(100% - 48px,1404px);height:520px;margin:0 auto;border-radius:18px;overflow:hidden;background:#1A1410;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#FFFFFF}
.we-karte img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 50%;display:block}
.we-karte::after{content:"";position:absolute;inset:0;background:rgba(12,9,7,.62)}   /* gleichmäßig dunkler, damit die Schrift trägt */
.we-innen{position:relative;z-index:1;padding:0 32px}
.we-titel{margin:0;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:64px;line-height:68px;letter-spacing:-.01em;color:#FFFFFF}
.we-text{margin:20px auto 0;max-width:640px;font-size:21px;line-height:29px;color:#E4E2DE}
.we-knoepfe{display:flex;justify-content:center;gap:16px;margin-top:38px}
.we-knopf{display:inline-flex;align-items:center;justify-content:center;height:58px;padding:0 30px;border-radius:12px;font-weight:500;font-size:18px;text-decoration:none}
.we-hohl{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85);color:#FFFFFF}
.we-hohl:hover{background:rgba(255,255,255,.1)}
.we-voll{background:var(--violett);color:#101013}
.we-voll:hover{opacity:.9}
.we-knopf:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}

@media (max-width:999px){ .we-karte{height:auto;min-height:460px;padding:72px 0} .we-titel{font-size:46px;line-height:50px} }
@media (max-width:759px){
  .we{padding:24px 0 80px}
  .we-karte{width:calc(100% - 32px);min-height:420px;padding:56px 0}
  .we-titel{font-size:34px;line-height:39px}
  .we-text{font-size:17px;line-height:24px}
  .we-knoepfe{flex-direction:column;align-items:center;gap:12px}
  .we-knopf{width:240px;height:52px;font-size:17px}
}