.center {
	
		text-align: center;
		
	 }
 
    :root{
      --bg: #0b1220;           /* tiefes Blau */
      --surface: #0f172a;      /* dunkelblau */
      --muted: #94a3b8;        /* slate-300 */
      --text: #e5e7eb;         /* zinc-200 */
      --brand: #0ea5e9;        /* sky-500 */
      --brand-2: #38bdf8;      /* sky-400 */
      --ok: #22c55e;           /* green-500 */
      --warn: #f59e0b;         /* amber-500 */
      --danger: #ef4444;       /* red-500 */
      --radius: 1.25rem;
      --shadow: 0 10px 30px rgba(2,6,23,.35), inset 0 1px 0 rgba(255,255,255,.04);
      --ring: 0 0 0 3px rgba(56,189,248,.35);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji"; color:var(--text); background: radial-gradient(1200px 800px at 85% -10%, rgba(14,165,233,.15), transparent), linear-gradient(180deg, #0b1220 0%, #0b1220 60%, #0f172a 100%);}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    .container{max-width:1100px;margin-inline:auto;padding:0 20px}
    header{position:sticky;top:0;z-index:20;background:rgba(15,23,42,.7);backdrop-filter:saturate(120%) blur(10px);border-bottom:1px solid rgba(148,163,184,.15)}
    .nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
    .brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:.3px}
    .logo{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow: var(--shadow)}
    .nav a.link{opacity:.9;margin-left:18px}
    .nav a.link:hover{opacity:1}
    .cta{display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#00131d;padding:.85rem 1.1rem;border-radius:999px;font-weight:700;box-shadow:var(--shadow);border:0;cursor:pointer}
    .cta:hover{filter:brightness(1.05)}
    .cta.secondary{background:transparent;color:var(--text);border:1px solid rgba(148,163,184,.35)}

    .hero{padding:64px 0 28px}
    .hero .wrap{display:grid;gap:26px;grid-template-columns:1.2fr .8fr;align-items:center}
    .pill{display:inline-flex;align-items:center;gap:.5rem;color:#d1fae5;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);padding:.35rem .6rem;border-radius:999px;font-size:.9rem}
    h1{font-size:clamp(1.9rem, 3.5vw + 1rem, 3.2rem);margin:10px 0 12px;line-height:1.08}
    p.lead{font-size:1.1rem;color:var(--muted);margin:0 0 18px}
    .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
    .card{background:linear-gradient(180deg, rgba(148,163,184,.08), rgba(148,163,184,.04));border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);box-shadow:var(--shadow)}
    .hero-art{padding:16px}

    .grid{display:grid;gap:18px}
    .grid-3{grid-template-columns:repeat(3,1fr)}
    .grid-4{grid-template-columns:repeat(4,1fr)}

    section{padding:40px 0}
    section h2{font-size:1.6rem;margin:0 0 8px}
    section p.sub{color:var(--muted);margin:0 0 18px}

    .service{padding:18px}
    .service h3{margin:8px 0 6px}
    .service p{margin:0;color:var(--muted)}

    .features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .feature{display:flex;gap:12px;align-items:flex-start;padding:16px}
    .badge{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(148,163,184,.25);padding:.35rem .55rem;border-radius:999px;font-size:.9rem;color:var(--muted)}

    .prices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .price{padding:22px}
    .price h3{margin:0 0 6px}
    .price .num{font-size:2rem;font-weight:800}
    .price ul{margin:10px 0 0;padding:0 0 0 18px;color:var(--muted)}

    .contact{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
    form{display:grid;gap:12px}
    input, textarea, select{width:100%;padding:12px 14px;background:#0b1220;border:1px solid rgba(148,163,184,.35);border-radius:14px;color:var(--text)}
    input:focus, textarea:focus, select:focus{outline:none;box-shadow:var(--ring);border-color:transparent}
    label{font-size:.95rem}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .submit{margin-top:6px}

    footer{padding:28px 0 60px;color:var(--muted)}
    footer .links{display:flex;gap:16px;flex-wrap:wrap}

    @media (max-width: 900px){
      .hero .wrap, .contact{grid-template-columns:1fr}
    }
    @media (max-width: 760px){
      .grid-3, .grid-4, .features, .prices{grid-template-columns:1fr}
      .nav .hide-sm{display:none}
      .hero{padding-top:28px}
    }