/* =====================================================
   Patch 0438 – Neue Utility-Klassen
   (Ersetzt alle inline style="" Attribute auf Seiten-Ebene)
   ===================================================== */

/* ─── Hintergrund-Varianten ─────────────────────────────── */
.bg-cyan-07      { background: rgba(0,242,255,0.07); }
.bg-cyan-10      { background: rgba(0,242,255,0.1); }
.bg-cyan-05      { background: rgba(0,242,255,0.05); }
.bg-cyan-04      { background: rgba(0,242,255,0.04); }
.bg-error        { background: rgba(255,80,80,0.4); }
.bg-danger       { background: rgba(180,0,0,0.25); }
.bg-danger-dark  { background: rgba(60,5,5,0.92); }
.bg-success-soft { background: rgba(0,200,100,0.2); }
.bg-error-soft   { background: rgba(255,80,80,0.3); }
.bg-error-15     { background: rgba(255,80,80,0.15); }

/* ─── Text-Farben ───────────────────────────────────────── */
.text-cyan-link   { color: #00f2ff; }
.text-cyan-link-2 { color: #00e5ff; }
.text-cyan-bright { color: rgb(0,191,255); }
.text-jana        { color: rgb(173,204,97); }
.text-danger      { color: #ff8080; }
.text-info        { color: #80b8ff; }
.text-warn        { color: #ffd060; }
.text-red-mark    { color: #f87171; }
.text-green-ok    { color: rgb(134,239,172); }

/* ─── Footer-Links ──────────────────────────────────────── */
.footer-link {
  color: rgba(0,191,255,0.7);
  text-decoration: none;
}
.footer-link:hover { color: rgba(0,191,255,1); }

/* ─── Formular-Karten ───────────────────────────────────── */
.form-card-pad { padding: 20px 20px 20px 24px; }
.form-card-pad-sm { padding: 16px 20px; }

/* ─── Radio / Checkbox ──────────────────────────────────── */
.radio-cyan {
  accent-color: #22d3ee;
  flex-shrink: 0;
}
.radio-cyan-mt {
  margin-top: 2px;
  flex-shrink: 0;
  accent-color: #22d3ee;
}
.checkbox-cyan {
  margin-top: 2px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  accent-color: #22d3ee;
}

/* ─── Flex-Helfer ───────────────────────────────────────── */
.flex-start-gap {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.shrink-0   { flex-shrink: 0; }
.flex-1     { flex: 1; }
.flex-wrap  { flex-wrap: wrap; }
.items-start { align-items: flex-start; }

/* ─── Abstände ──────────────────────────────────────────── */
.mb-10px { margin-bottom: 10px; }
.mb-4px  { margin-bottom: 4px; }
.mb-12px { margin-bottom: 12px; }
.mt-12px { margin-top: 12px; }
.gap-3   { gap: 0.75rem; }

/* ─── Opacity ───────────────────────────────────────────── */
.opacity-70 { opacity: 0.7; }
.opacity-50 { opacity: 0.5; }
.opacity-40 { opacity: 0.4; }

/* ─── Font-Größen (Nav) ─────────────────────────────────── */
.text-brand     { font-size: 0.7rem; }
.text-brand-sub { font-size: 0.55rem; }
.text-4xl       { font-size: 2.25rem; line-height: 2.5rem; }
.text-3xl       { font-size: 1.875rem; line-height: 2.25rem; }
.text-4rem      { font-size: 4rem; }
.text-5rem      { font-size: 5rem; line-height: 1; }
.text-inherit   { font-size: inherit; }

/* ─── Zeilenhöhen ───────────────────────────────────────── */
.leading-snug   { line-height: 1.5; }
.leading-normal { line-height: 1.6; }

/* ─── Fußnoten / Trennlinien ────────────────────────────── */
.footnote-border {
  border-top: 1px solid rgba(255,255,255,0.1);
  opacity: 0.75;
}

/* ─── Enter-Seite Logo ──────────────────────────────────── */
.enter-logo {
  width: 176px;
  height: auto;
  filter: drop-shadow(0 0 18px rgba(0,242,255,0.25));
}

/* ─── Content-Wrapper ───────────────────────────────────── */
#lmd-content {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

/* ─── Main-Padding (Spielstraße etc.) ────────────────────── */
.main-pad {
  padding: 0 24px 80px;
  margin-top: 40px;
}

/* ─── Aboutus-Seite ─────────────────────────────────────── */
.aboutus-logo {
  max-width: 180px;
  height: auto;
  filter: brightness(1.1) drop-shadow(0 0 8px rgba(0,242,255,0.2));
  transition: filter 0.3s;
}
.aboutus-photo {
  width: 160px;
  height: 200px;
  object-fit: cover;
  object-position: center top;
  box-shadow: 0 0 18px rgba(0,191,255,0.35);
}
.aboutus-photo-top {
  width: 160px;
  height: 200px;
  object-fit: cover;
  object-position: top;
}
.aboutus-photo-jana {
  box-shadow: 0 0 18px rgba(173,204,97,0.35);
}
.aboutus-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 16px;
}
.quote-cyan {
  border-color: rgb(0,191,255);
  color: rgb(0,191,255);
}
.quote-jana {
  border-color: rgb(173,204,97);
  color: rgb(173,204,97);
}
.heading-jana {
  color: rgb(173,204,97);
}

/* ─── Spielstraße ───────────────────────────────────────── */
.ss-card-no-pad  { padding: 0; }
.ss-card-img {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  border-bottom: 1px solid rgba(0,191,255,0.1);
}
.ss-card-img img {
  max-width: 100%;
  max-height: 190px;
  object-fit: contain;
}
.ss-card-body { padding: 24px; }
.ss-contact-link {
  color: #00e5ff;
  text-decoration: none;
  border-bottom: 1px solid rgba(0,229,255,0.35);
}

/* ─── Namensrecht-Bestätigung ────────────────────────────── */
.namens-confirm-box {
  margin-top: 10px;
  padding: 12px;
  background: rgba(0,242,255,0.05);
  border-left: 2px solid rgba(0,191,255,0.4);
}
.namens-confirm-box-top {
  margin-top: 12px;
  padding: 12px;
  background: rgba(0,242,255,0.05);
  border-left: 2px solid rgba(0,191,255,0.4);
}

/* Pseudonym-Block Padding */
.pseudonym-pad { padding: 10px 0 4px 0; }

/* Overflow visible */
.overflow-visible { overflow: visible; }

/* ─── Technik-Seite ─────────────────────────────────────── */
.tech-emoji-placeholder {
  background: rgba(0,191,255,0.04);
}
.tech-body-pad {
  padding: 26px;
}
.tech-desc-mb {
  margin-bottom: 22px;
}

/* ─── Counter-Seite ─────────────────────────────────────── */
.counter-number {
  font-size: 5rem;
  line-height: 1;
}

/* ─── Burger-Wrapper (Nav) ──────────────────────────────── */
.lmd-burger-wrapper {
  height: 33px;
  align-self: center;
  flex-shrink: 0;
  margin-bottom: 6px;
}
.lmd-burger-inner {
  height: 31px;
}

/* ─── Nav-Bar Layout ────────────────────────────────────── */
.nav-bar {
  height: 45px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

/* ─── Min-Height Helfer ─────────────────────────────────── */
.min-h-180 { min-height: 180px; }
.h-full    { height: 100%; }

 /* ─── Allianz-Seite (moving1.php) ─────────────────────────────────────── */
.allianz-logo {
  max-width: 250px;
  height: auto;
  filter: brightness(1.1) drop-shadow(0 0 8px rgba(0,255,255,0.2));
  transition: filter 0.3s;