:root{
      --accent:#f6cd48;
      --text:#1a1a1a;
      --muted:#555;
      --glass-card:rgba(255,255,255,.20);
      --glass-chrome-start:rgba(255,255,255,.55);
      --glass-chrome-end:rgba(255,255,255,.28);
      --glass-border:rgba(255,255,255,.45);
    }

    *{box-sizing:border-box;}

    body{
      margin:0;
      font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.8) 0%, rgba(245,247,255,.9) 40%, transparent 80%),
        linear-gradient(180deg,#f6f7fb 0%,#e9ecf5 100%);
      background-attachment:fixed;
      min-height:100vh;
      display:flex;
      flex-direction:column;
      letter-spacing:.2px;
    }

    a{color:var(--text); text-decoration:none;}
    a:hover{color:var(--text); text-decoration:underline; text-underline-offset:3px;}

    /* Skip-Link */
    .skip-link {
      position:absolute;
      top:-40px;
      left:10px;
      background:#f6cd48;
      color:#111;
      padding:8px 12px;
      border-radius:6px;
      z-index:9999;
      transition:top 0.2s;
    }
    .skip-link:focus-visible {top: 10px;}

    /* Chrome-Bereiche */
    .chrome{
      position:relative;
      isolation:isolate;
      background:linear-gradient(180deg,var(--glass-chrome-start),var(--glass-chrome-end));
      -webkit-backdrop-filter:blur(18px) saturate(160%);
      backdrop-filter:blur(18px) saturate(160%);
    }
    .chrome::after{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:radial-gradient(140% 80% at 50% -40%, rgba(255,255,255,.35), transparent 60%);
      mix-blend-mode:screen;
    }

    /* HEADER als Pille */
    header.chrome {
      position: sticky;
      top: 16px;
      z-index: 1000;
      overflow: visible !important;

      width: min(1280px, 100% - 48px);
      margin: 16px auto;
      border-radius: 999px;

      padding: 14px 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;

      border: 1px solid rgba(255,255,255,0.35);
      box-shadow: 0 18px 40px rgba(15,23,42,0.12);

      background: linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0.28));
      -webkit-backdrop-filter: blur(18px) saturate(160%);
      backdrop-filter: blur(18px) saturate(160%);
      transition: background .25s, box-shadow .25s, border-color .25s, padding .25s;
    }
    header.chrome.scrolled {
      background: linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.06));
      -webkit-backdrop-filter: blur(26px) saturate(180%);
      backdrop-filter: blur(26px) saturate(180%);
    }

    .logo{
  display:flex;
  align-items:center;
  text-decoration:none;
}

.logo .pv-logo{
  height:32px;
  width:auto;
  display:block;
}

    .page-wrap{
      max-width:1100px;
      margin:0 auto;
      width:100%;
      padding:80px 20px;
    }

    .legal-card{
      background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.12));
      -webkit-backdrop-filter:blur(18px) saturate(140%);
      backdrop-filter:blur(18px) saturate(140%);
      border:1px solid rgba(255,255,255,.35);
      border-radius:22px;
      box-shadow:0 18px 40px rgba(15,23,42,.10);
      padding:32px 26px;
    }
    .legal-card h1{
      margin:0 0 12px;
      font-size:clamp(28px,4vw,40px);
      font-weight:800;
    }
    .legal-card h2{
      margin-top:24px;
      font-size:20px;
      text-transform:uppercase;
    }
    .legal-card p,.legal-card li{line-height:1.5; color:#2a2a2a;}

    :focus-visible{
      outline:3px solid #f6cd48;
      outline-offset:2px;
    }

    /* Header-Actions: Suche + Drucken */
    .header-actions {
      display:flex;
      align-items:center;
      gap:12px;
    }

    .faq-search input[type="search"] {
      padding:6px 10px;
      border-radius:999px;
      border:1px solid rgba(0,0,0,0.08);
      font-size:14px;
      min-width:180px;
      background:rgba(255,255,255,0.7);
      -webkit-backdrop-filter:blur(10px);
      backdrop-filter:blur(10px);
    }

    .print-btn {
      padding:6px 14px;
      border-radius:999px;
      border:1px solid rgba(0,0,0,0.08);
      background:#fff;
      font-size:14px;
      cursor:pointer;
      transition:background 0.15s,transform 0.1s,box-shadow 0.15s;
    }
    .print-btn:hover {
      background:#f3f4f6;
      box-shadow:0 2px 6px rgba(15,23,42,0.18);
      transform:translateY(-1px);
    }
    .print-btn:active {
      transform:translateY(0);
      box-shadow:none;
    }

    .visually-hidden {
      position:absolute;
      width:1px;
      height:1px;
      padding:0;
      margin:-1px;
      overflow:hidden;
      clip:rect(0,0,0,0);
      white-space:nowrap;
      border:0;
    }

    footer.chrome{
      margin-top:auto;
      text-align:center;
      padding:14px 40px;
      border-top:1px solid var(--glass-border);
      box-shadow:0 -2px 18px rgba(15,23,42,.08);
      font-size:15px;
    }
    footer .footer-links{
      display:inline-flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:center;
      gap:0;
    }
    footer .footer-links a{
      padding-inline:12px;
      color:#b9b9b9!important;
      text-decoration:none!important;
      transition:color 0.2s ease;
    }
    footer .footer-links a:hover{
      color:#000!important;
      text-decoration:underline!important;
      text-underline-offset:3px;
    }
    footer .divider{
      display:inline-block;
      margin-inline:12px;
      opacity:1;
      color:#b9b9b9;
      line-height:1;
    }

    @media(max-width:640px){
      .page-wrap{padding:56px 16px;}
      .header-actions { gap:8px; }
      .faq-search input[type="search"]{min-width:140px;}
      footer .footer-links{flex-direction:column; gap:6px;}
      footer .divider{display:none!important;}
    }

    /* Dark Mode */
    @media(prefers-color-scheme:dark){
      :root{
        --text:#eee;
        --muted:#c9c9c9;
        --glass-chrome-start:rgba(32,32,36,.62);
        --glass-chrome-end:rgba(28,28,32,.36);
        --glass-border:rgba(255,255,255,.18);
      }
      body{
        color:var(--text);
        background:
          radial-gradient(circle at 50% 0%, rgba(255,255,255,.06) 0%, rgba(40,40,44,.25) 40%, transparent 80%),
          linear-gradient(180deg,#16171a 0%, #0f1114 100%);
      }
      .legal-card{
        background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
        border:1px solid rgba(255,255,255,.16);
        box-shadow:0 18px 40px rgba(0,0,0,.35);
      }
      a{color:#eaeaea;}
      a:hover{color:#ffffff; text-decoration:underline; text-underline-offset:3px;}
      footer .footer-links a{color:#eaeaea!important;}
      footer .footer-links a:hover{color:#ffffff!important;}
      footer .divider{opacity:.5;}
    }

    /* Druckansicht: nur Inhalt */
    @media print {
      header.chrome,
      footer.chrome,
      .skip-link {
        display:none !important;
      }
      body { background:#ffffff !important; }
      .page-wrap { padding:0; }
      .legal-card {
        box-shadow:none!important;
        border:none!important;
        background:#ffffff!important;
      }
    }

    /* Hervorhebung für Suchtreffer */
    .agb-highlight{
      background:#ffeaa7;
      padding:0 1px;
      border-radius:3px;
    }

      .footer-copy {
  margin-top: 20px;
  font-size: 11.5px;
  color: rgba(0,0,0,0.55);
  text-align: center;
}

    .footer-copy {
  letter-spacing: 0.2px;
}

    /* === Final Call to Action (wie deine großen Pills) === */
/* CTA identisch wie Karriere: Desktop einzeilig, Mobile stacked */
.career-cta{
  margin-top:32px;
  padding:18px 18px;
  border-radius:18px;
  background:linear-gradient(90deg, rgba(246,205,72,.18), rgba(246,205,72,.06));
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;

  flex-wrap: nowrap; /* <<< wichtig: verhindert Umbruch am Desktop */
}

.career-cta-text{
  font-size:15px;
  color:#111827;

  max-width: 760px; /* <<< wichtig: begrenzt Text, damit Button rechts Platz hat */
}

.career-cta-text span{
  display:block;
  font-size:13px;
  color:#4b5563;
  margin-top:2px;
}

.career-cta-actions{
  display:flex;
  align-items:center;
  margin-left:auto; /* <<< Button sicher nach rechts */
  flex-shrink:0;    /* <<< Button darf nicht “zusammengedrückt” werden */
}

.btn{
  display:inline-block;
  padding:10px 20px;
  border-radius:999px;
  border:none;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  text-decoration:none;
  transition:background .15s,box-shadow .15s,transform .1s,filter .15s;
}

.btn-primary{
  background: #2F5FD7;          /* Logo-/PRO-Blau */
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(47,95,215,.28);
}

.btn-primary:hover{
  background: #244DBA;          /* Hover-Blau */
  box-shadow: 0 12px 28px rgba(47,95,215,.38);
  transform: translateY(-1px);
}
.btn-primary:active{
  transform:translateY(0);
  box-shadow:none;
}

/* Mobile: wie Karriere */
@media(max-width:640px){
  .career-cta{
    flex-wrap: wrap;
    align-items:flex-start;
  }
  .career-cta-text{ max-width: 100%; }
  .career-cta-actions{
    width:100%;
    justify-content:flex-start;
    margin-left:0;
  }
}

.page-title-with-icon{
  display:flex;
  align-items:center;   /* <<< Zentriert perfekt */
  gap:14px;
  font-size: clamp(28px, 4vw, 42px);
}

.page-title-icon{
  width:54px;
  height:auto;
  flex-shrink:0;
  border-radius:9px;
}
    .page-title-with-icon h1{
  margin:0;           /* eh schon fast so, aber hier sicherstellen */
  line-height:1;      /* macht den Titelblock kompakter */
}

    /* 🔵 Hover-Rahmen für die Hauptbox (.legal-card) */
.legal-card:hover,
.legal-card:focus-within {
  border-color: #f6cd48 !important;
  box-shadow:
    0 0 0 3px rgba(246,205,72,.35),
    0 30px 70px rgba(15,23,42,.28);
  transform: translateY(-2px);
}

/* =========================
   📱 FAQ Header: Search + Drucken (Mobile Fit)
   → ganz ans ENDE der CSS
========================= */

/* Standard Mobile (bis 640px): Suchfeld breiter */
@media (max-width: 640px){
  header.chrome{
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 12px !important;
  }

  .header-actions{
    gap: 10px !important;
  }

  /* WICHTIG: echte Breite setzen, nicht nur min-width */
  .faq-search input[type="search"]{
    width: 190px !important;
    min-width: 190px !important;
  }
}

/* Kleine Phones (bis 400px): noch enger + Suchfeld etwas kleiner */
@media (max-width: 400px){
  header.chrome{
    padding-left: 18px !important;
    padding-right: 18px !important;
    gap: 10px !important;
  }

  .header-actions{
    gap: 8px !important;
  }

  .faq-search input[type="search"]{
    width: 165px !important;
    min-width: 165px !important;
  }

  /* Drucken kompakter, aber bleibt sichtbar */
  .print-btn{
    padding: 6px 12px !important;
  }
}

/* 📱 Mobile Header – Logo näher an den Rand */
@media (max-width: 640px){

  header.chrome{
    padding: 12px 12px;     /* vorher ~14px 16–40px → weniger Innenrand */
  }

  /* Logo minimal optisch ausbalancieren */
  .logo{
    margin-left: 0;         /* falls irgendwo Margin sitzt → weg */
  }

  .logo .pv-logo{
    margin-left: -2px;      /* Optical alignment (Logo wirkt mittiger) */
  }
}

@media (max-width: 640px){
  header.chrome{
    padding: 12px 12px !important;  /* statt left/right 24 */
    gap: 12px !important;
  }
}