/* Projektseite "FlightGear – unsere Flotte" im codeMich-Stil (wie der-letzte-korridor.css, Palette aus css/style.css). */
.fg-seite{ padding-bottom:2rem; }
.fg-seite,
section.fg-seite{ max-width:var(--breite); }

.fg-app{ display:grid; gap:2rem; }

.fg-intro,
.fg-karte,
.fg-flugzeug{
   background:#fff;
   border:var(--border);
   border-radius:var(--radius);
   box-shadow:var(--box-shadow);
}
.fg-intro{ padding:2.4rem; }
.fg-intro .heading{ margin-bottom:1rem; }

.fg-held{ margin:0; background:#fff; border-radius:var(--radius); overflow:hidden; box-shadow:var(--box-shadow); }
.fg-held img{ display:block; width:100%; height:auto; }
.fg-held figcaption{ padding:.8rem 1.4rem; font-size:1.4rem; color:var(--light-color); }

.fg-titel{ font-size:2.2rem; font-weight:600; color:var(--black); margin-top:.6rem; }
.fg-titel i{ color:var(--main-color); margin-right:.6rem; }

.fg-flotte{ display:grid; grid-template-columns:repeat(auto-fit,minmax(26rem,1fr)); gap:1.6rem; }
.fg-flugzeug{ overflow:hidden; display:flex; flex-direction:column; }
.fg-flugzeug img{ display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.fg-flugzeug-txt{ padding:1.6rem 1.8rem 1.8rem; display:flex; flex-direction:column; flex:1; }
.fg-flugzeug h3{ font-size:2rem; font-weight:600; color:var(--black); }
.fg-kennung{ font-size:1.3rem; letter-spacing:.08em; text-transform:uppercase; color:var(--main-color); padding:.2rem 0 .8rem; }
.fg-flugzeug p{ font-size:1.5rem; line-height:1.55; color:#41576a; }
.fg-fps{ margin-top:auto; padding-top:1rem; font-weight:600; color:var(--black) !important; }
.fg-fps i{ color:var(--main-color); margin-right:.4rem; }

.fg-twitch{ display:grid; grid-template-columns:minmax(0,1.6fr) minmax(28rem,1fr); gap:2rem; align-items:start; }
.fg-karte code{ font-size:1.4rem; background:var(--accent-soft); padding:.1rem .5rem; border-radius:.4rem; }

.fg-karten{ display:grid; grid-template-columns:repeat(auto-fit,minmax(30rem,1fr)); gap:2rem; }
.fg-karte{ padding:2.2rem 2.4rem; }
.fg-karte h2{ font-size:2rem; font-weight:600; padding-bottom:1.2rem; }
.fg-karte h2 i{ color:var(--main-color); margin-right:.6rem; }
.fg-karte p{ font-size:1.6rem; line-height:1.6; color:#41576a; padding:.4rem 0; }

.fg-tabelle{ width:100%; border-collapse:collapse; font-size:1.5rem; }
.fg-tabelle td{ padding:.7rem .4rem; border-bottom:.1rem solid #e2eef3; color:#41576a; vertical-align:top; line-height:1.5; }
.fg-tabelle td:first-child{ white-space:nowrap; padding-right:1.2rem; color:var(--black); font-weight:600; }
.fg-tabelle tr:last-child td{ border-bottom:0; }

.fg-download,
.fg-beitrag{
   display:flex; gap:1.4rem; align-items:center; margin-bottom:1.2rem; padding:1.2rem 1.6rem;
   border-radius:1.2rem; background:var(--accent-soft); color:var(--black); font-size:1.6rem;
   transition:background .15s ease;
}
.fg-beitrag{ display:block; }
.fg-download:hover,
.fg-beitrag:hover{ background:var(--accent); }
.fg-download i{ font-size:2.8rem; color:var(--main-color); width:3.4rem; text-align:center; }
.fg-download small,
.fg-beitrag small{ font-size:1.3rem; color:#41576a; }
.fg-klein{ font-size:1.4rem !important; color:var(--light-color); }

.fg-galerie{ display:grid; grid-template-columns:repeat(auto-fit,minmax(26rem,1fr)); gap:1.6rem; }
.fg-galerie figure{ margin:0; background:#fff; border-radius:1.2rem; overflow:hidden; box-shadow:var(--box-shadow); }
.fg-galerie img{ display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.fg-galerie figcaption{ padding:.8rem 1.2rem; font-size:1.4rem; color:var(--light-color); }

@media (max-width:900px){
   .fg-twitch{ grid-template-columns:1fr; }
}
@media (max-width:600px){
   .fg-intro,.fg-karte{ padding:1.8rem; }
   .fg-tabelle td:first-child{ white-space:normal; }
}

.fg-zentriert{ text-align:center; }