/* ============================================================
   Schlaraffia Lokal-CMS v2.1.5 – Interner Bereich CSS
   Rt Un-Bequem (432) · 2026
   ============================================================ */

/* ── Intern-Nav Basis-Fallback ───────────────────────────────── */
#intern-nav { display: block; }
#intern-nav a:hover { color: #e8b84b !important; }
#inav-sub a:hover   { background: rgba(232,184,75,.15) !important; }

/* ── Intern-Seiten-Layout ─────────────────────────────────────── */
.intern-page {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1.5rem 1.25rem;
}
.intern-hero {
  background: linear-gradient(135deg, #0d1f3c, #1a3560);
  color: #fff;
  padding: 1.5rem 1.75rem;
  border-radius: 12px;
  margin-bottom: 1.75rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.intern-hero h1 { margin: 0; font-size: 1.4rem; color: #fff; }
.intern-hero p  { margin: .25rem 0 0; color: rgba(255,255,255,.7); font-size: .9rem; }
.intern-hero-icon { font-size: 2rem; flex-shrink: 0; }

/* ── Cards ───────────────────────────────────────────────────── */
.intern-card {
  background: #fff;
  border: 1px solid #e0e4ef;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(26,46,90,.06);
  margin-bottom: 1.25rem;
}
.intern-card-header {
  background: #f4f6fb;
  padding: .85rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem;
  border-bottom: 1px solid #e0e4ef;
}
.intern-card-header h2,
.intern-card-header h3 { margin: 0; font-size: 1rem; color: #1a2e5a; }
.intern-card-body { padding: 1.25rem; }

/* ── Stand-Badges ────────────────────────────────────────────── */
.badge-stand {
  display: inline-block;
  font-size: .7rem; font-weight: 700;
  padding: .15rem .55rem;
  border-radius: 99px;
  white-space: nowrap;
}
.badge-junker        { background: #e3f2fd; color: #1565c0; }
.badge-knappe        { background: #e8f5e9; color: #2e7d32; }
.badge-ritter        { background: #fff8e7; color: #c67d00; }
.badge-ehrenritter   { background: #fce4ec; color: #b71c1c; }
.badge-altschlaraffe { background: #f3e5f5; color: #6a1b9a; }

/* ── Tabellen ────────────────────────────────────────────────── */
.intern-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.intern-table { width: 100%; border-collapse: collapse; font-size: .88rem; min-width: 480px; }
.intern-table th {
  background: #f4f6fb;
  padding: .6rem .75rem;
  text-align: left;
  font-size: .75rem; font-weight: 700; color: #666;
  text-transform: uppercase; letter-spacing: .04em;
  border-bottom: 2px solid #e0e4ef;
  white-space: nowrap;
}
.intern-table td {
  padding: .6rem .75rem;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: middle;
}
.intern-table tr:last-child td { border-bottom: none; }
.intern-table tr:hover td { background: #f9faff; }

/* ── Formulare ───────────────────────────────────────────────── */
.intern-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
.intern-form-grid .fg-full { grid-column: 1 / -1; }

/* ── Galerie ─────────────────────────────────────────────────── */
.intern-galerie-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: .6rem;
}
.intern-galerie-item {
  border-radius: 8px; overflow: hidden;
  position: relative; background: #f0f4ff;
  aspect-ratio: 1;
}
.intern-galerie-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .2s; }
.intern-galerie-item:hover img { transform: scale(1.04); }
.intern-galerie-caption {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: rgba(0,0,0,.55); color: #fff;
  font-size: .72rem; padding: .3rem .5rem;
  transform: translateY(100%); transition: transform .2s;
}
.intern-galerie-item:hover .intern-galerie-caption { transform: translateY(0); }

/* ── Pass-Status ─────────────────────────────────────────────── */
.pass-gueltig    { color: #2e7d32; font-weight: 700; }
.pass-ablauf     { color: #c67d00; font-weight: 700; }
.pass-abgelaufen { color: #c62828; font-weight: 700; }

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 900px) {
  .intern-page { padding: 1rem .75rem; }
  .intern-hero { padding: 1.25rem; border-radius: 10px; }
  .intern-hero h1 { font-size: 1.2rem; }
  .intern-form-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .intern-hero { padding: 1rem; gap: .75rem; }
  .intern-hero-icon { font-size: 1.5rem; }
  .intern-hero h1 { font-size: 1.05rem; }
  .intern-hero p  { font-size: .82rem; }
  .intern-galerie-grid { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }
  .intern-card-body { padding: .85rem; }
  .intern-card-header { flex-direction: column; align-items: flex-start; }
}