/* AKKOÇ v50.11 – konservatives Design-Finishing
   Nur Darstellung: keine Funktions-, Inhalts- oder Logikänderungen. */
@media (min-width: 1100px){
  /* Etwas kompaktere Typografie auf großen Bildschirmen */
  body{font-size:15px;line-height:1.58}
  h1{font-size:clamp(2.25rem,3.25vw,3.75rem)!important;line-height:1.04!important}
  h2{font-size:clamp(1.75rem,2.35vw,2.65rem)!important;line-height:1.12!important}
  h3{font-size:clamp(1.18rem,1.5vw,1.55rem)!important;line-height:1.2!important}
  .hero{padding-top:54px!important;padding-bottom:54px!important}
  .section{padding-top:54px!important;padding-bottom:54px!important}
  .section .wrap,.hero .wrap{max-width:1160px}
  /* Karten und Inhaltsblöcke ruhiger/kompakter */
  .latest-card,.goal-card,.card,.offer-card,.personal-offer,.check-card{padding-top:18px!important;padding-bottom:18px!important}
  .latest-home,.visual-storytelling,.trust-strip{padding-top:42px!important;padding-bottom:42px!important}
  .latest-home-grid,.visual-story-grid{gap:18px!important}
  /* Personal: wichtiges Tool oben sichtbar, aber nicht bildschirmfüllend */
  .chef-check,.chefcheck,.personal-check,.rating-check{padding-top:22px!important;padding-bottom:22px!important}
  .personal-values{margin-top:18px!important;margin-bottom:26px!important;padding:20px 22px!important}
  /* Navigation minimal schlanker */
  .site-header nav{min-height:68px!important}
  .site-header .links>a,.site-header summary{padding-top:9px!important;padding-bottom:9px!important}
}
/* Große Monitore: Lesebreite begrenzen, ohne Inhalte abzuschneiden */
@media (min-width: 1500px){
  .wrap{max-width:1220px!important}
}
/* Tablet/Mobil bewusst kaum anfassen: Bedienbarkeit bleibt erhalten */
@media (max-width: 1099px){
  h1{line-height:1.08}
  h2{line-height:1.15}
}