/* mfangano-air.com – Ergaenzungen zu mf.css (gleiche Technik und Gestaltung wie mfangano.com, Neubau 14.10.2026)
   Regeln: Bild auf jeder Seite, Bedienung im Bild durchscheinend (nie weiss, nie schwarz), Gruen nur beim Darueberfahren, keine Streifen, Glaskarten. */

/* Kopf: das Logo im Bild ist breit – volle Leiste erst ab 1500 px, darunter Menueknopf */
@media(min-width:1100px) and (max-width:1499px){.mit-bild.air .hauptnav{display:none}.mit-bild.air .menue-knopf{display:inline-flex!important}}

/* Statuszeile (Startschalter in air_daten.py) */
.mit-bild .inhalt .kopfblock .meta,.start .start-karte .meta{margin:2px 0 10px}
.start .start-karte .abz{background:rgba(230,207,122,.24);border:1px solid rgba(230,207,122,.75);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85)}

/* Startseite: Streckenkarten */
.strecken>h2{display:inline-block;background:var(--glas);color:#fff;padding:6px 14px;border-radius:8px;margin:26px 0 12px;font-size:1.125rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 1px 3px rgba(0,0,0,.85)}
.strecken ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:700px){.strecken ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.strecken ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
.strecke{display:block;height:100%;text-decoration:none;color:#fff;padding:12px 16px;border-radius:12px;background:var(--glas);border:1px solid var(--glasrand);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 1px 3px rgba(0,0,0,.85);transition:background-color .15s,border-color .15s}
.strecke:hover,.strecke:focus-visible{background:rgba(0,102,0,.62);border-color:#8fdc8f}
.s-name{display:block;font-weight:700;line-height:1.3}
.s-zeile{display:block;margin-top:4px;font-size:.9375rem;color:rgba(255,255,255,.85)}
/* Themenkacheln: Ausschnitte aus dem Flughafenbild, nicht vergroessern */
.air .tb img{transform:none!important;object-position:center}
@media(max-width:699px){.start.air .start-themen ul{grid-template-columns:1fr}}

/* Flugplan */
.flugplan{margin-top:16px;scroll-margin-top:90px}
.flugplan>h2{display:inline-block;margin:0 0 8px;padding:6px 14px;border-radius:8px;font-size:1.125rem;background:var(--glas);color:#fff;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%);text-shadow:0 1px 3px rgba(0,0,0,.85)}
.flugplan .tabelle{margin-top:0;padding:10px 14px 12px}
.route-z{margin:0 0 8px;font-weight:700}
.mit-bild .inhalt .tabelle th{background:rgba(12,32,22,.45)}
.flugplan table{min-width:0}
.flugplan td.zeit{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.flugplan .via{display:block;font-size:.875rem;color:rgba(255,255,255,.82)}
@media(max-width:599px){   /* Handy: je Flug zwei Zeilen statt Tabelle (wenig scrollen) */
  .flugplan thead{position:absolute;left:-9999px}
  .flugplan table,.flugplan tbody{display:block}
  .flugplan .tab-rahmen{border:0}
  .flugplan tr{display:grid;grid-template-columns:2.4rem auto auto 1fr;column-gap:8px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.22)}
  .flugplan tr:last-child{border-bottom:0}
  .flugplan td{display:block;border:0!important;padding:0}
  .flugplan td:nth-child(1){grid-column:1;grid-row:1/3;font-weight:700}
  .flugplan td:nth-child(2){grid-column:2;grid-row:1}
  .flugplan td:nth-child(3){grid-column:3/5;grid-row:1}
  .flugplan td:nth-child(3)::before{content:"\2192\00a0"}
  .flugplan td:nth-child(4){grid-column:2;grid-row:2}
  .flugplan td:nth-child(5){grid-column:3;grid-row:2}
  .flugplan td:nth-child(5)::before{content:"\2013\00a0"}
  .flugplan td:nth-child(6){grid-column:4;grid-row:2;color:rgba(255,255,255,.82)}
  .flugplan td:nth-child(6)::before{content:"\00b7\00a0"}
}
.liste{margin:0;padding-left:1.2em}.liste li{margin:4px 0}
/* Karten ohne eigene Ueberschrift: Abstand wie die uebrigen Bausteine */
.karten-sek{margin-top:14px}
.mit-bild .inhalt .knopfreihe{margin-top:14px}
/* Sichtpruefung 14.10.: Karten so breit wie Titelkarte und Bloecke; Insel-Logo im Fuss lesbar groesser */
.karten-sek{max-width:860px}
.air .partner a:first-child img{height:52px}
@media(max-width:999px){.air .partner a:first-child img{height:42px}}
/* Handy-Startseite: Logo im Bild bleibt frei von den Knoepfen */
@media(max-width:699px){.start.air .bild{height:270px;min-height:0}.start.air .bild img{object-position:left top}.start.air .start-held{margin-top:-28px}}
/* Startseite: Bildschirm 1 zeigt nur das volle Bild, die Karte faehrt erst beim Scrollen hoch (Helge 14.10.2026 21:55) */
@media(min-width:700px){.start.air .start-held{min-height:0;padding-top:100vh;padding-bottom:40px}}
/* Buchungsanfrage + Flugplan-Anfrage (Helge 14.10.2026 22:14 "MASSIV Profi Nevau") */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.air .anfrage{max-width:860px}
.air .anfrage h2{margin-top:0}
.air .anfrage-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px;margin:14px 0 6px}
.air .anfrage-raster .breit{grid-column:1/-1}
.air .anfrage label{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:.9375rem}
.air .anfrage input,.air .anfrage select,.air .anfrage textarea{width:100%;min-height:48px;font:inherit;font-weight:400;font-size:1rem;padding:11px 12px;border:2px solid rgba(255,255,255,.35);border-radius:6px;background:rgba(255,255,255,.96);color:#14261b;text-shadow:none}
.air .anfrage textarea{min-height:84px;resize:vertical}
.air .anfrage input:focus,.air .anfrage select:focus,.air .anfrage textarea:focus{outline:3px solid #e6cf7a;outline-offset:1px;border-color:#0b7a3e}
.air .anfrage [hidden]{display:none!important}
.air .anfrage .klein{font-size:.8125rem;opacity:.85;margin:4px 0 10px}
.air .anfrage-fehler{background:#7a1010;color:#fff;border-radius:6px;padding:8px 12px;margin:6px 0;font-weight:700}
.air .anfrage-ok{background:rgba(11,122,62,.9);color:#fff;border-radius:6px;padding:10px 12px;margin:12px 0 0;font-weight:700}
.air .anfrage button.knopf{border:0;cursor:pointer;font:inherit;font-weight:700;font-size:1.0625rem;min-height:50px}
.air .flugplan td.anf{text-align:right;white-space:nowrap}
.air .knopf.klein{min-height:34px;padding:0 12px;font-size:.875rem}
@media(max-width:699px){.air .anfrage-raster{grid-template-columns:1fr 1fr}.air .anfrage-raster label:has(input[type=date]),.air .anfrage-raster label:has(input[type=text]),.air .anfrage-raster label:has(input[type=tel]),.air .anfrage-raster label:has(input[type=email]){grid-column:1/-1}
  .air .flugplan td.anf{text-align:left}.air .flugplan td.anf::before{content:none}}
.air #anfrage,.air .flugplan{scroll-margin-top:96px}