/* site.css — Grundlage, Kopf und Fuß von lisboacard.com.
   Die Sektionen bringen ihr eigenes CSS mit (assets/css/lc/<sektion>.css,
   unverändert aus der WordPress-Fassung). Farben: #57b1e3 Primärblau,
   #1a3a5c Dunkelblau, #ef4a37 nur für Kauf-Knöpfe. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: #222;
  background: #fff;
}
img { max-width: 100%; height: auto; }
a { color: #1a3a5c; }
.lc-haupt { display: block; padding: 0; }
.lc-haupt > :last-child:not(.lc-fcta) { margin-bottom: 56px; }
.lc-haupt > * + * { margin-top: 40px; }
.lc-haupt > .lc-trust-bar + *, .lc-haupt > .lcw2-data + *, .lc-haupt > .lcw2-cal-modal, .lc-haupt > [aria-hidden="true"] { margin-top: 0; }
/* Startseite: hellblauer Auftakt wie die Kopfkästen der Unterseiten, damit Produktkarte und
   Widget nicht direkt an Kopf und Trust-Bar kleben. */
@media (min-width: 769px) {
  .lc-haupt > .lc-booking-section {
    margin-top: 24px; padding-top: 28px; border-radius: 14px;
    background: linear-gradient(180deg, #eaf4fb 0%, rgba(234,244,251,0) 340px);
  }
}
@media (max-width: 768px) {
  .lc-haupt > .lc-booking-section { padding-top: 16px; background: linear-gradient(180deg, #eaf4fb 0%, rgba(234,244,251,0) 220px); }
}

/* ── Kopf ── */
.lc-kopf { background: #fff; border-bottom: 1px solid #e6edf3; position: relative; z-index: 50; }
.lc-kopf__innen { position: relative; }
.lc-kopf__innen {
  max-width: 1200px; margin: 0 auto; padding: 10px 16px;
  display: flex; align-items: center; gap: 16px;
}
.lc-kopf__logo { flex: 0 0 auto; line-height: 0; }
.lc-kopf__logo img { width: 200px; height: auto; }
.lc-kopf__burger { margin-left: auto; background: none; border: 0; cursor: pointer; display: flex; align-items: center; gap: 8px; color: #1a3a5c; font: inherit; font-weight: 600; font-size: 15px; padding: 8px 4px; }
.lc-nav__mehr > summary::-webkit-details-marker, .lc-sprache > summary::-webkit-details-marker { display: none; }
.lc-burger, .lc-burger::before, .lc-burger::after { display: block; width: 20px; height: 2px; background: #1a3a5c; border-radius: 2px; position: relative; content: ""; }
.lc-burger::before { position: absolute; top: -6px; } .lc-burger::after { position: absolute; top: 6px; }
.lc-nav { display: none; flex-direction: column; }
.lc-nav.lc-offen { display: flex; position: absolute; right: 16px; top: 100%; width: min(92vw, 340px); background: #fff; border: 1px solid #e6edf3; border-radius: 10px; box-shadow: 0 12px 32px rgba(26,58,92,.16); padding: 6px 0; }
.lc-nav a, .lc-nav__mehr > summary { display: block; padding: 10px 14px; color: #1a3a5c; text-decoration: none; font-size: 15px; font-weight: 500; cursor: pointer; list-style: none; }
.lc-nav a:hover, .lc-nav__mehr > summary:hover { color: #57b1e3; }
.lc-nav a[aria-current="page"] { color: #57b1e3; }
.lc-nav__mehr > summary::after { content: ""; display: inline-block; margin-left: 6px; border: 4px solid transparent; border-top-color: currentColor; vertical-align: 1px; }
.lc-nav__liste a { padding-left: 28px; }
.lc-kopf__kaufen {
  flex: 0 0 auto; background: #ef4a37; color: #fff !important; text-decoration: none;
  font-weight: 700; font-size: 15px; padding: 10px 18px; border-radius: 8px; white-space: nowrap;
}
.lc-kopf__kaufen:hover { background: #d63c2a; }
.lc-sprache { position: relative; flex: 0 0 auto; }
.lc-sprache > summary { list-style: none; cursor: pointer; font-weight: 700; font-size: 14px; color: #1a3a5c; border: 1px solid #cfdde8; border-radius: 6px; padding: 6px 10px; }
.lc-sprache__liste { position: absolute; right: 0; top: calc(100% + 6px); background: #fff; border: 1px solid #e6edf3; border-radius: 8px; box-shadow: 0 8px 24px rgba(26,58,92,.12); min-width: 160px; padding: 6px 0; }
.lc-sprache__liste a { display: block; padding: 8px 14px; color: #1a3a5c; text-decoration: none; font-size: 15px; }
.lc-sprache__liste a:hover, .lc-sprache__liste a[aria-current] { background: #eaf4fb; }
.lc-kopf__logo img { width: 160px; }
@media (max-width: 600px) {
  .lc-kopf__menuetext { display: none; }
  .lc-kopf__kaufen { font-size: 14px; padding: 9px 12px; }
  .lc-kopf__innen { gap: 10px; }
  .lc-kopf__logo img { width: 130px; }
}
@media (min-width: 1100px) {
  .lc-kopf__logo img { width: 200px; }
  .lc-kopf__burger { display: none; }
  .lc-nav, .lc-nav.lc-offen { display: flex; flex-direction: row; align-items: center; margin-left: auto; position: static; width: auto; border: 0; box-shadow: none; padding: 0; }
  .lc-nav a, .lc-nav__mehr > summary { padding: 8px 9px; font-size: 14.5px; }
  .lc-nav > a, .lc-nav__mehr > summary { white-space: nowrap; }
  .lc-nav__liste a { white-space: normal; }
  .lc-nav__mehr { position: relative; }
  .lc-nav__liste { position: absolute; right: 0; top: calc(100% + 8px); background: #fff; border: 1px solid #e6edf3; border-radius: 10px; box-shadow: 0 12px 32px rgba(26,58,92,.16); min-width: 290px; padding: 6px 0; }
  .lc-nav__liste a { padding-left: 14px; }
}

/* ── Fuß ── */
.lc-fuss { background: #1a3a5c; color: #d6e4ef; font-size: 14px; }
.lc-fuss__innen { max-width: 1200px; margin: 0 auto; padding: 28px 16px 32px; text-align: center; }
.lc-fuss__hinweis { max-width: 760px; margin: 0 auto 14px; line-height: 1.55; }
.lc-fuss__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; margin-bottom: 10px; }
.lc-fuss__links a { color: #fff; text-decoration: none; }
.lc-fuss__links a:hover { color: #57b1e3; }
.lc-fuss__copy { margin: 0; opacity: .75; font-size: 13px; }

/* ── Rechtsseiten (Modul rechtstexte) ── */
.lc-recht { max-width: 800px; margin: 40px auto 0; padding: 0 16px; }
.lc-recht h1 { color: #1a3a5c; line-height: 1.25; }
.lc-recht h2 { color: #1a3a5c; font-size: 1.2em; margin-top: 1.6em; }

/* Unter WordPress lagen die Sektionen im Inhaltsbereich von GeneratePress,
   der auf schmalen Bildschirmen seitlichen Abstand mitbrachte. */
@media (max-width: 768px) {
  .lc-haupt > :not(.lc-fcta):not(.lc-trust-bar):not(.lc-booking-section):not(.lcw2-data):not(.lcw2-cal-modal) { padding-left: 16px; padding-right: 16px; }
}