body { font-family: system-ui; margin:0; }
.container { max-width:1100px; margin:auto; padding:1rem; }
.header { background:#0b3c5d; color:white; }
.nav { display:flex; justify-content:space-between; }
nav a { color:white; margin-left:1rem; text-decoration:none; }
.nav-cta { background:white; color:#0b3c5d; padding:6px 12px; border-radius:6px; }
.hero { display:flex; align-items:center; gap:2rem; padding:3rem 1rem; }
.hero img { max-width:400px; border-radius:10px; }
.btn { background:#0b3c5d; color:white; padding:12px 20px; border-radius:6px; display:inline-block; }
.trust { display:flex; gap:1rem; text-align:center; }
.box { flex:1; background:#f4f6f8; padding:1rem; border-radius:8px; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; }
.card { background:#f4f6f8; padding:1rem; border-radius:8px; }
.about { display:flex; gap:2rem; align-items:center; }
.about img { max-width:250px; border-radius:50%; }
.cta { background:#0b3c5d; color:white; text-align:center; padding:2rem; }
.contact { display:flex; gap:2rem; }
.form input, .form textarea { width:100%; padding:10px; margin-bottom:1rem; }
footer { text-align:center; padding:1rem; background:#eee; }

@media(max-width:768px){
  /* Header & Nav Korrektur */
  .nav { 
    flex-direction: column; 
    gap: 1rem; 
    align-items: center; 
    text-align: center; 
    padding: 1.5rem 1rem;
  }
  
  nav {
    display: flex;
    flex-direction: column; /* Links untereinander */
    gap: 0.8rem;
    margin-top: 10px;
    width: 100%;
  }

  nav a { 
    margin: 0; 
    font-size: 1.1rem;
  }

  .nav-cta {
    display: inline-block;
    padding: 10px 20px; /* Größere Klickfläche für Daumen */
    width: fit-content;
    align-self: center;
  }

  /* Layout Korrekturen */
  .hero, .about, .contact { 
    flex-direction: column; 
    text-align: center; 
  }
  
  .hero-image img {
    max-width: 100%; /* Bild sprengt nicht den Rahmen */
    height: auto;
  }

  .trust { 
    flex-direction: column; 
  }

  /* Kontaktformular Mobil-Optimierung */
  .contact {
    gap: 1.5rem;
  }
  
  .form input, .form textarea {
    font-size: 16px; /* Verhindert automatisches Zoomen bei iOS */
  }
}