/* Projektseite "Admiralität" im codeMich-Stil (Palette aus css/style.css, wie Kurvenrausch).
   Die Fallback-Werte greifen nur lokal ohne codemich-CSS. */
.ad-seite{ padding-bottom:2rem; max-width:var(--breite, 1200px); margin:0 auto; }
.ad-app{ display:grid; gap:2rem; }

.ad-intro,
.ad-karte{
   background:#fff;
   border:var(--border, .1rem solid #e2eef3);
   border-radius:var(--radius, 1.6rem);
   box-shadow:var(--box-shadow, 0 .5rem 1.5rem rgba(0,0,0,.08));
}
.ad-intro{ padding:2.4rem; }
.ad-intro .heading{ margin-bottom:1rem; }

/* Startfläche 16:9 mit Bild aus dem Spiel */
.ad-spielfeld{
   position:relative; aspect-ratio:16/9; width:100%;
   border-radius:var(--radius, 1.6rem); overflow:hidden; background:#0c141d;
   box-shadow:var(--box-shadow, 0 .5rem 1.5rem rgba(0,0,0,.08));
}
.ad-spielfeld img{ width:100%; height:100%; object-fit:cover; filter:brightness(.55); }
.ad-start-inhalt{
   position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;
   gap:1.2rem; padding:2rem; text-align:center;
}
.ad-start-knopf{ width:auto; font-size:2rem; padding:1.4rem 3.6rem; }
.ad-start-knopf i{ margin-right:.8rem; }
.ad-start-inhalt p{ color:#f0f8ff; font-size:1.5rem; max-width:50rem; }
.ad-neues-fenster{ display:flex; justify-content:flex-end; gap:1rem; margin-top:-1rem; }

.ad-karten{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(30rem,100%),1fr)); gap:2rem; }
.ad-karte{ padding:2.2rem 2.4rem; }
.ad-karte h2{ font-size:2rem; font-weight:600; padding-bottom:1.2rem; }
.ad-karte h2 i{ color:var(--main-color, #17786c); margin-right:.6rem; }
.ad-karte p{ font-size:1.6rem; line-height:1.6; color:#41576a; padding:.4rem 0; }
.ad-klein{ font-size:1.4rem !important; }
.ad-liste{ margin:0; padding-left:1.8rem; }
.ad-liste li{ font-size:1.5rem; line-height:1.55; color:#41576a; padding:.3rem 0; }
.ad-liste b{ color:var(--black, #1d2b36); }

.ad-tasten{ width:100%; border-collapse:collapse; font-size:1.5rem; }
.ad-tasten td{ padding:.6rem .4rem; border-bottom:.1rem solid #e2eef3; color:#41576a; vertical-align:top; }
.ad-tasten td:first-child{ white-space:nowrap; padding-right:1.2rem; color:var(--black, #1d2b36); }
.ad-tasten tr:last-child td{ border-bottom:0; }
.ad-seite kbd{
   display:inline-block; min-width:2.4rem; padding:.1rem .7rem; font:600 1.3rem/1.6 inherit; text-align:center;
   color:var(--black, #1d2b36); background:var(--accent-soft, #eef8f6); border:.1rem solid #cfe6e1; border-radius:.6rem;
}

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

@media (max-width:600px){
   .ad-intro,.ad-karte{ padding:1.8rem; }
   .ad-start-knopf{ font-size:1.7rem; padding:1.1rem 2.4rem; }
   .ad-start-inhalt p{ font-size:1.3rem; }
}