:root {
      --blue:#0d4d9b;
      --dark:#16324f;
      --green:#2ea44f;
      --light:#f4f8fb;
      --text:#243746;
      --orange:#f39a1e;
      --white:#ffffff;
      --border:#d8e3ee;
    }
    * { box-sizing: border-box; }
    body {
      margin:0;
      font-family: Arial, Helvetica, sans-serif;
      color:var(--text);
      background:#fff;
      line-height:1.5;
    }
    a { text-decoration:none; color:inherit; }
    .container {
      width:min(1180px, 92%);
      margin:0 auto;
    }
    header {
      position:sticky;
      top:0;
      z-index:1000;
      background:rgba(255,255,255,.96);
      border-bottom:1px solid var(--border);
      backdrop-filter: blur(8px);
    }
    .topbar {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      padding:14px 0;
    }
    .brand {
      display:flex;
      align-items:center;
      gap:14px;
      min-width:0;
    }
    .brand img {
      width:auto;
      height:150px;
      object-fit:contain;
      border-radius:12px;
      background:#fff;
      flex-shrink:0;
    }
    .brand-text {
      min-width:0;
    }
    .brand-text h1 {
      margin:0;
      font-size:1.55rem;
      color:var(--blue);
      line-height:1.05;
      letter-spacing:.02em;
    }
    .brand-text span {
      display:block;
      font-size:.85rem;
      color:#5b6b79;
    }
    nav {
      display:flex;
      align-items:center;
      gap:18px;
      flex-wrap:wrap;
      justify-content:flex-end;
      font-size:.97rem;
    }
    nav a {
      color:var(--dark);
      font-weight:600;
    }
    .lang {
      display:flex;
      gap:8px;
      align-items:center;
      margin-left:8px;
    }
    .lang a {
      border:1px solid var(--border);
      padding:7px 10px;
      border-radius:999px;
      font-size:.85rem;
      background:#fff;
    }
    .lang a.active {
      background:var(--blue);
      color:#fff;
      border-color:var(--blue);
    }
    .hero {
      background:linear-gradient(135deg, #eef6ff 0%, #ffffff 60%);
      padding:72px 0 48px;
    }
    .hero-grid {
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap:34px;
      align-items:center;
    }
    .eyebrow {
      color:var(--green);
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-size:.88rem;
      margin-bottom:10px;
    }
    .hero h2 {
      font-size:clamp(2rem, 4vw, 3.4rem);
      line-height:1.08;
      margin:0 0 16px;
      color:var(--dark);
    }
    .hero p {
      font-size:1.08rem;
      margin:0 0 24px;
      max-width:700px;
      color:#496070;
    }
    .cta-row {
      display:flex;
      gap:14px;
      flex-wrap:wrap;
      margin-bottom:18px;
    }
    .btn {
      display:inline-block;
      padding:14px 22px;
      border-radius:12px;
      font-weight:700;
      border:2px solid transparent;
    }
    .btn-primary {
      background:var(--blue);
      color:#fff;
    }
    .btn-secondary {
      border-color:var(--blue);
      color:var(--blue);
      background:#fff;
    }
    .trust {
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:8px;
      color:#516777;
      font-size:.95rem;
    }
    .trust span {
      background:#fff;
      border:1px solid var(--border);
      padding:9px 12px;
      border-radius:999px;
    }
    .hero-card {
      background:#fff;
      border:1px solid var(--border);
      border-radius:24px;
      padding:28px;
      box-shadow:0 15px 40px rgba(16,52,87,.08);
    }
    .hero-card h3 {
      margin:0 0 10px;
      color:var(--blue);
      font-size:1.25rem;
    }
    .hero-card ul {
      margin:14px 0 0;
      padding-left:18px;
    }
    section {
      padding:64px 0;
    }
    .section-title {
      text-align:center;
      max-width:860px;
      margin:0 auto 36px;
    }
    .section-title h3 {
      margin:0 0 10px;
      font-size:2rem;
      color:var(--dark);
    }
    .section-title p {
      margin:0;
      color:#5a6f7f;
      font-size:1.03rem;
    }
    .grid-3 {
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:22px;
    }
    .card {
      border:1px solid var(--border);
      border-radius:20px;
      padding:26px;
      background:#fff;
      box-shadow:0 8px 24px rgba(16,52,87,.04);
    }
    .card h4 {
      margin:0 0 12px;
      color:var(--blue);
      font-size:1.2rem;
    }
    .card p {
      margin:0 0 14px;
      color:#566b7a;
    }
    .card ul {
      margin:0;
      padding-left:18px;
    }

    a.card {
      display:block;
      position:relative;
      padding-bottom:58px;
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    a.card::after {
      content:"Mehr erfahren →";
      position:absolute;
      right:26px;
      bottom:22px;
      color:var(--blue);
      font-weight:700;
      font-size:.95rem;
    }
    a.card:hover {
      transform:translateY(-4px);
      box-shadow:0 14px 30px rgba(16,52,87,.10);
      border-color:#b9cfe3;
      cursor:pointer;
    }
    a.card h4 {
      padding-right:24px;
    }
    .soft {
      background:var(--light);
    }
    .split {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:24px;
    }
    .cta-box {
      background:linear-gradient(135deg, var(--blue), #1a67c8);
      color:#fff;
      border-radius:24px;
      padding:34px;
      display:flex;
      justify-content:space-between;
      gap:20px;
      align-items:center;
      flex-wrap:wrap;
    }
    .cta-box h3 {
      margin:0 0 8px;
      font-size:1.8rem;
      color:#fff;
    }
    .cta-box p {
      margin:0;
      color:rgba(255,255,255,.9);
      max-width:700px;
    }
    footer {
      background:#102738;
      color:#d7e2eb;
      padding:36px 0;
      margin-top:10px;
    }
    .footer-grid {
      display:grid;
      grid-template-columns:1.2fr .8fr .8fr;
      gap:24px;
    }
    .footer-logo {
      display:flex;
      gap:14px;
      align-items:center;
      margin-bottom:14px;
    }
    .footer-logo img {
      width:54px;
      height:54px;
      object-fit:contain;
      border-radius:10px;
      background:#fff;
    }
    .footer-logo strong {
      font-size:1.25rem;
      color:#fff;
    }
    .footer-col h5 {
      color:#fff;
      margin:0 0 12px;
      font-size:1rem;
    }
    .footer-col a, .footer-col p {
      display:block;
      margin:0 0 10px;
      color:#d7e2eb;
      font-size:.95rem;
    }

    .price-note {
      font-size:1.12rem;
      font-weight:600;
      color:var(--dark);
      margin:0 0 18px;
    }
    .facts-strip {
      padding:34px 0;
      background:#fff;
      border-top:1px solid #e5eef6;
      border-bottom:1px solid #e5eef6;
    }
    .facts-grid {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:24px;
      text-align:center;
    }
    .fact-number {
      color:var(--blue);
      font-size:1.75rem;
      font-weight:700;
      line-height:1.1;
      margin:0 0 6px;
    }
    .fact-text {
      margin:0;
      color:#566b7a;
      font-size:.95rem;
    }
    @media (max-width: 960px) {
      .hero-grid, .grid-3, .split, .footer-grid, .facts-grid {
        grid-template-columns:1fr;
      }
      nav {
        display:none;
      }
      .topbar {
        padding:12px 0;
      }
      .brand img {
        width:70px;
        height:70px;
      }
    }
.hero-card img{
  width:100%;
  max-width:420px;
  height:auto;
  display:block;
  margin:0 auto;
}