:root {
      --navy:       #1a2a4a;
      --navy-deep:  #0f1e38;
      --navy-mid:   #243355;
      --gold:       #b89a5e;
      --gold-light: #d4b87a;
      --cream:      #f5f2ed;
      --light-bg:   #edeae4;
      --text-dark:  #1a2a4a;
      --text-muted: #0b2848;
      --white:      #ffffff;
    }

    *, *::before, *::after { box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'Jost', sans-serif;
      font-weight: 300;
      color: var(--text-dark);
      background-color: var(--white);
      overflow-x: hidden;
    }

    h1, h2, h3, h4 {
       font-family: 'Urbanist', sans-serif;
      font-weight: 600;
    }

    /* ─── LOGO HEADER ─── */
    .logo-header {
      background: var(--white);
      padding: 1.6rem 0 1.4rem;
      border-bottom: 1px solid rgba(26,42,74,0.08);
	  letter-spacing:1px;
    }

    .logo-header img {
      display: block;
      max-width: 100%;
      height: auto;
    }

    /* ─── NAVBAR ─── */
    .navbar {
      background: var(--white);
      border-bottom: 1px solid rgba(26,42,74,0.1);
      padding: 0.85rem 0;
      position: sticky;
      top: 0;
      z-index: 1000;
    }

    .navbar-brand .logo-letters {
      display: flex;
      gap: 1.1.2rem;
      align-items: baseline;
    }

    .navbar-brand .logo-letters span {
       font-family: 'Urbanist', sans-serif;
      font-weight: 500;
      font-size: 1.5rem;
      color: var(--navy);
      letter-spacing: 0.05em;
    }

    .nav-link {
      font-family: 'Jost', sans-serif;
      font-weight: 600;
      font-size: 0.8rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--navy) !important;
      padding: 0.25rem 0.9rem !important;
      transition: color 0.2s;
    }
    .nav-link:hover { color: var(--gold) !important; }

    /* ─── HERO ─── */
    .hero {
      background: var(--navy-deep);
      padding: 8rem 0 6rem;
      position: relative;
      overflow: hidden;
    }

    .hero::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      background:
        radial-gradient(ellipse 60% 50% at 80% 50%, rgba(184,154,94,0.08) 0%, transparent 70%),
        radial-gradient(ellipse 40% 60% at 20% 80%, rgba(255,255,255,0.03) 0%, transparent 60%);
    }

    .hero-eyebrow {
      font-family: 'Jost', sans-serif;
      font-size: 0.92rem;
      letter-spacing: 0.25em;
	  font-weight:700;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 1.5rem;
      display: block;
    }

    .hero h1 {
      font-size: clamp(1.5rem);
      color: var(--white);
      line-height: 1.1;
      font-weight: 600;
	  letter-spacing: 2px;
      margin-bottom: 2rem;
    }

    .hero h1 em {
      font-style: normal;
      color: var(--gold-light);
    }

    .hero-lead {
      font-size: 1.05rem;
      color: rgba(255,255,255,0.7);
      font-weight: 300;
      line-height: 1.8;

    }

    .hero-divider {
      width: 48px;
      height: 1px;
      background: var(--gold);
      margin: 2rem 0;
    }

    .hero-address {
      font-size: 0.8rem;
      letter-spacing: 0.1em;
      color: rgba(255,255,255,0.45);
      text-transform: uppercase;
    }

    /* ─── ALERT BANNER ─── */
    .alert-banner {
      background: #c0392b;
      color: var(--white);
      padding: 1rem 0;
    }

    .alert-banner-inner {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      font-size: 0.88rem;
      font-weight: 400;
      letter-spacing: 0.03em;
    }

    .alert-banner i {
      font-size: 1.1.2rem;
      flex-shrink: 0;
    }

    /* ─── SECTION BASE ─── */
    .section {
      padding: 6rem 0;
    }

    .section-label {
      font-family: 'Jost', sans-serif;
      font-size: 1.2rem;
	   font-weight:700;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--gold);
      display: block;
      margin-bottom: 10px;
	  margin-top:20px;
    }

    .section-title {
      font-size: clamp(2rem, 3.5vw, 3rem);
      font-weight: 400;
      color: var(--navy);
      line-height: 1.2;
      margin-bottom: 10px;
    }

    .section-lead {
      font-size: 1.2rem;
      color: var(--text-muted);
      line-height: 1.9;
      font-weight: 300;
    }

    .thin-rule {
      border: none;
      border-top: 1px solid rgba(26,42,74,0.12);
      margin: 0;
    }

    /* ─── ÜBER UNS ─── */
    .about-section { background: var(--white); }

    .about-card {
      background: var(--cream);
      padding: 2.5rem;
      border-left: 3px solid var(--gold);
    }

    .about-card h4 {
      font-size: 1.35rem;
      color: var(--navy);
      margin-bottom: 0.75rem;
    }

    .about-card p {
      font-size: 1.2rem;;
      color: var(--text-muted);
      line-height: 1.8;
      margin: 0;
    }

    /* ─── KEIN INSOLVENZRECHT ─── */
    .no-insolvency {
      background: var(--navy-deep);
      position: relative;
      overflow: hidden;
    }

    .no-insolvency::after {
      content: '';
      position: absolute;
      right: -80px; top: -80px;
      width: 400px; height: 400px;
      border-radius: 50%;
      border: 1px solid rgba(184,154,94,0.12);
    }

    .no-insolvency .section-title { color: var(--white); }
    .no-insolvency .section-lead { color: rgba(255,255,255,0.65); }

    .warning-box {
      border: 1px solid rgba(255,255,255,0.15);
      padding: 2rem 2.5rem;
      position: relative;
    }

    .warning-box::before {
      content: '!';
      position: absolute;
      top: -1px; left: -1px;
      background: var(--gold);
      color: var(--white);
       font-family: 'Urbanist', sans-serif;
      font-size: 1.2rem;
      font-weight: 600;
      width: 28px; height: 28px;
      display: flex; align-items: center; justify-content: center;
    }

    .warning-box p {
      color: rgba(255,255,255,0.75);
      font-size: 1.2rem;;
      line-height: 1.85;
      margin: 0;
    }

    .warning-box strong {
      color: var(--white);
      font-weight: 500;
    }

    /* ─── BETRUG AUFKLÄRUNG ─── */
    .fraud-section { background: var(--light-bg); }

    .fraud-card {
      background: var(--white);
      padding: 2rem 2rem 2rem 1.75rem;
      border-top: 3px solid var(--gold);
      height: 100%;
    }

    .fraud-card .icon-wrap {
      width: 44px; height: 44px;
      background: rgba(26,42,74,0.06);
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 1.25rem;
    }

    .fraud-card .icon-wrap i {
      color: var(--navy);
      font-size: 1.2rem;
    }

    .fraud-card h4 {
      font-size: 1.2rem;
      color: var(--navy);
      margin-bottom: 0.75rem;
    }

    .fraud-card p {
      font-size: 1.2rem;
      color: var(--text-muted);
      line-height: 1.85;
      margin: 0;
    }

    .domain-list {
      list-style: none;
      padding: 0;
      margin: 1rem 0 0;
    }

    .domain-list li {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 1.2rem;
      color: #c0392b;
      padding: 0.3rem 0;
      border-bottom: 1px dashed rgba(192,57,43,0.2);
    }

    .domain-list li:last-child { border-bottom: none; }

    .domain-list li i { font-size: 0.75rem; }

    /* ─── SCHUTZ STEPS ─── */
    .steps-section { background: var(--white); }

    .step-item {
      display: flex;
      gap: 1.5rem;
      margin-bottom: 2.5rem;
      align-items: flex-start;
    }

    .step-num {
       font-family: 'Urbanist', sans-serif;
      font-size: 3rem;
      font-weight: 300;
      color: rgba(26,42,74,0.12);
      line-height: 1;
      flex-shrink: 0;
      min-width: 2.5rem;
    }

    .step-content h4 {
      font-size: 1.15rem;
      color: var(--navy);
      margin-bottom: 0.4rem;
    }

    .step-content p {
      font-size: 1.2rem;
      color: var(--text-muted);
      line-height: 1.8;
      margin: 0;
    }

    /* ─── KONTAKT ─── */
    .contact-section { background: var(--navy); }
    .contact-section .section-title { color: var(--white); }
    .contact-section .section-lead { color: rgba(255,255,255,0.65); }

    .contact-detail {
      display: flex;
      align-items: flex-start;
      gap: 1.2rem;
      margin-bottom: 1.5rem;
    }

    .contact-detail .icon {
      width: 38px; height: 38px;
      border: 1px solid rgba(255,255,255,0.2);
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }

    .contact-detail .icon i {
      color: var(--gold-light);
      font-size: 1.2rem;
    }

    .contact-detail .info {
      padding-top: 0.1.2rem;
    }

    .contact-detail .info small {
      display: block;
      font-size: 0.68rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.4);
      margin-bottom: 0.2rem;
    }

    .contact-detail .info span {
      color: rgba(255,255,255,0.85);
      font-size: 1.2rem;;
    }

    .official-notice {
      background: rgba(255,255,255,0.06);
      border-left: 3px solid var(--gold);
      padding: 1.5rem 2rem;
      margin-top: 2rem;
    }

    .official-notice p {
      color: rgba(255,255,255,0.7);
      font-size: 1.2rem;
      line-height: 1.8;
      margin: 0;
    }

    .official-notice strong { color: var(--gold-light); }

    /* ─── FOOTER ─── */
    footer {
      background: var(--navy-deep);
      padding: 2rem 0;
      border-top: 1px solid rgba(255,255,255,0.06);
    }

    footer p {
      color: rgba(255,255,255,0.35);
      font-size: 0.78rem;
      margin: 0;
      letter-spacing: 0.05em;
    }

    footer a {
      color: rgba(255,255,255,0.5);
      text-decoration: none;
    }

    footer a:hover { color: var(--gold-light); }

    /* ─── RESPONSIVE ─── */
    @media (max-width: 767px) {
      .hero { padding: 5rem 0 4rem; }
      .section { padding: 4rem 0; }
      .navbar-brand .logo-letters span { font-size: 1.2rem; }
      .navbar-brand .logo-letters { gap: 0.7rem; }
    }

    /* ─── ANIMATIONS ─── */
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(24px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    .hero > .container > * {
      animation: fadeUp 0.7s ease both;
    }

    .hero .hero-eyebrow { animation-delay: 0.1s; }
    .hero h1           { animation-delay: 0.2s; }
    .hero .hero-divider{ animation-delay: 0.35s; }
    .hero .hero-lead   { animation-delay: 0.4s; }
    .hero .hero-address{ animation-delay: 0.55s; }