:root {
      --alixon-blau: #003865;
      --alixon-gruen: #2d6b46;
      --hellgrau:   #f4f6f8;
      --grau:       #e0e0e0;
    }
    *{box-sizing:border-box;}
    body{
      margin:0;font-family:"Segoe UI",Arial,sans-serif;
      background:var(--hellgrau);color:#333;line-height:1.55;
    }
    .container{width:92%;max-width:960px;margin:0 auto;}

    /* ---------- Header ---------- */
    header{background:#fff;border-bottom:2px solid var(--grau);}
    .header-inner{display:flex;align-items:center;padding:1.5rem 0;gap:1.5rem;}
    header img{max-height:60px;height:auto;}
    header h1{font-size:1.6rem;color:var(--alixon-blau);margin:0;font-weight:600;}

    /* ---------- Card ---------- */
    main{margin:2.5rem auto;}
    .card{
      background:#fff;border-radius:10px;
      box-shadow:0 4px 12px rgba(0,0,0,.06);
      padding:2.5rem 2rem;
    }
    h2{color:var(--alixon-blau);font-size:1.4rem;margin-top:0;}
    h3{color:var(--alixon-gruen);font-size:1.1rem;margin-bottom:.4rem;}

    ul{list-style:none;padding-left:.4rem;margin:0 0 1.2rem 0;}
    ul li{margin-bottom:.35rem;position:relative;padding-left:1.4rem;}
    ul li::before{
      content:"✔";position:absolute;left:0;top:0;
      color:var(--alixon-gruen);font-weight:600;
    }
    .upgrades li::before{color:var(--alixon-blau);}

    table{width:100%;border-collapse:collapse;margin-top:.8rem;font-size:.95rem;}
    th,td{border:1px solid var(--grau);padding:.6rem .5rem;text-align:left;}
    th{background:var(--grau);font-weight:600;color:#000;}

    /* ===== Overrides für updates.html: Einwände schwarze Punkte statt grüner Haken ===== */
	.einwand-content ul {
	list-style-type: disc;          /* schwarze Punkte */
	list-style-position: inside;    /* Punkt innen */
	margin: 0 0 1.2rem 1.2rem;      /* passts zu euren Abständen */
	padding: 0;                     /* remove default padding */
	}
	.einwand-content ul li {
	position: static;               /* entfernt das positioning für ::before */
	padding-left: 0;                /* kein extra padding */
	}
	.einwand-content ul li::before {
	content: none;                  /* deaktiviert den grünen Haken */
	}
	/* Mehr Abstand zwischen <p>-Blöcken in updates.html */
	.einwand-content p {
	margin-bottom: 2rem;  /* statt dem Standardwert */
	}


	/* ---------- CTA ---------- */
    .cta{text-align:center;margin:2.2rem 0 2.8rem;}
    .cta-headline{margin-bottom:1rem;font-size:1.3rem;color:var(--alixon-blau);}
    .cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:.8rem;}
    .btn{
      display:inline-block;padding:.75rem 1.6rem;border-radius:6px;
      font-weight:600;text-decoration:none;color:#fff;
    }
    .btn.primary{background:var(--alixon-blau);}
    .btn.secondary{background:var(--alixon-gruen);}
    .btn:hover{opacity:.9;}

    /* ---------- Kontaktformular (Platzhalter) ---------- */
    #kontaktformular{margin-top:3rem;background:#fff;padding:2rem 1.5rem;
      border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.05);}
    #kontaktformular h2{margin-top:0;}

    /* ---------- Footer ---------- */
    footer{text-align:center;font-size:.85rem;padding:2rem 1rem;color:#666;}
    footer a{color:var(--alixon-blau);text-decoration:none;font-weight:600;}
    footer a:hover{text-decoration:underline;}

    /* ---------- Sticky Button ---------- */
    .fab{
      position:fixed;bottom:20px;right:20px;z-index:999;
      width:56px;height:56px;border-radius:50%;
      background:var(--alixon-blau);color:#fff;
      display:flex;align-items:center;justify-content:center;
      font-size:1.6rem;text-decoration:none;
      box-shadow:0 4px 14px rgba(0,0,0,.2);
    }
    .fab:hover{opacity:.85;}

    /* ---------- Responsive ---------- */
    @media(max-width:600px){
      header h1{font-size:1.25rem;}
      .card{padding:2rem 1.2rem;}
	  
		/* 1. Logo & Titel untereinander */
		.header-inner{flex-wrap:wrap;}
		.header-inner>*{flex:1 1 100%; text-align:center;}
		/* 2. Überschrift automatisch skalieren */
		header h1{
		font-size:clamp(1.1rem,4.8vw,1.4rem);
		}
		/* 3. Logo mittig mit etwas Abstand */
		header img{margin:0 auto 0.4rem;}
		}
    }