
:root{--ink:#20231f;--dark:#191d19;--paper:#f4f3ef;--sage:#c8d4b8;--muted:#64695f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.header{height:84px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:var(--dark);color:#f8f7f2}.logo{font-weight:800;letter-spacing:.09em;font-size:17px}.logo small{display:block;color:var(--sage);font-size:8px;letter-spacing:.25em;margin-top:5px}.nav{display:flex;gap:25px;align-items:center;font-size:12px}.nav a:hover{color:var(--sage)}.nav .navcta{border:1px solid var(--sage);padding:12px}.menu{display:none;background:none;color:white;border:0;font-size:24px}.hero{min-height:690px;background:linear-gradient(90deg,rgba(22,26,22,.98),rgba(22,26,22,.7),rgba(22,26,22,.35)),url('https://images.unsplash.com/photo-1554068865-24cecd4e34b8?auto=format&fit=crop&w=1800&q=85') center/cover;color:#f8f7f2;display:flex;align-items:center;padding:8vw}.hero>div{max-width:690px}.eyebrow{color:#8d9e7c;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:700;margin:0 0 20px}.hero h1,.pagehero h1{font-size:clamp(50px,7vw,92px);line-height:.96;letter-spacing:-.06em;margin:0 0 25px}.hero h1 em,.pagehero h1 em,h2 em{font-style:normal;color:var(--sage)}.lead{font-size:17px;line-height:1.75;max-width:580px;color:#ddd}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.button{display:inline-block;background:var(--sage);color:#192017;padding:15px 19px;font-size:11px;font-weight:700}.quiet{font-size:12px;border-bottom:1px solid var(--sage);padding-bottom:7px}.proof{margin-top:45px;font-size:11px;color:#ddd}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 8vw;background:#e5e7df;gap:20px}.stats strong{font-size:26px;display:block}.stats span{font-size:11px;color:var(--muted)}section.content{padding:90px 9vw}.split{display:grid;grid-template-columns:1fr 1.4fr;gap:8vw}.split h2,.content h2,.feature h2,.pagehero h2{font-size:clamp(32px,4.5vw,58px);line-height:1.04;letter-spacing:-.05em;margin:0 0 22px}.copy{color:var(--muted);line-height:1.8;max-width:700px}.services{background:#e8e9e2}.heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.heading p{max-width:350px;color:var(--muted);line-height:1.7}.cards{border-top:1px solid #c9cbc1}.card{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:27px 10px;border-bottom:1px solid #c9cbc1}.card .num{color:#809072;font-size:12px}.card h3{font-size:23px;margin:0 0 9px}.card p{margin:0 0 10px;line-height:1.7;color:var(--muted);max-width:700px}.card a{font-size:11px;font-weight:700;color:#56634e}.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--dark);color:white}.feature-img{min-height:480px;background:url('https://images.unsplash.com/photo-1595435934249-5df7ed86e1c0?auto=format&fit=crop&w=1100&q=85') center/cover;filter:saturate(.6)}.feature-copy{padding:75px 8vw 75px 6vw;align-self:center}.feature-copy p:not(.eyebrow){line-height:1.8;color:#d0d2ca;max-width:500px}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px}.metric{background:#e5e7df;padding:30px;align-self:center}.metric strong{display:block;font-size:48px}.metric span{font-size:11px;color:var(--muted)}.location{background:#dce2d4;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.location p{color:#555e50;line-height:1.8}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.panel{background:#e5e7df;padding:30px}.panel p{color:var(--muted);line-height:1.7}.footer{background:var(--dark);color:#ddd;padding:35px 6vw;display:flex;align-items:center;justify-content:space-between;gap:25px}.footerlinks{display:flex;gap:16px;flex-wrap:wrap;font-size:11px}.pagehero{padding:90px 9vw;background:var(--dark);color:#fff}.pagehero p:last-child{max-width:650px;color:#ddd;line-height:1.8}.detail{padding:65px 12vw;border-bottom:1px solid #ddd}.detail:nth-child(even){background:#e8e9e2}.detail h2{font-size:38px;margin:10px 0}.detail p,.detail li{color:var(--muted);line-height:1.8}.detail ul{columns:2}.bioimg{min-height:430px;background:url('https://images.unsplash.com/photo-1560012057-4372e14c5085?auto=format&fit=crop&w=1100&q=85') center/cover}.analysisgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.analysisgrid article{border-top:1px solid #c9cbc1;padding-top:20px}.analysisgrid p{color:var(--muted);line-height:1.7;font-size:13px}.cta{text-align:center;background:#dce2d4;padding:80px 20px}.cta h2{font-size:clamp(32px,4vw,52px)}.legal{padding:70px 10vw;max-width:900px;min-height:65vh}.legal p{line-height:1.8;color:var(--muted)}@media(max-width:760px){.header{height:72px}.menu{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--dark);padding:25px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero{min-height:650px;padding:8vw}.hero h1{font-size:52px}.stats{grid-template-columns:1fr 1fr}.split,.feature,.about,.location,.contact{grid-template-columns:1fr}.content{padding:65px 7vw!important}.feature-img,.bioimg{min-height:300px}.heading{display:block}.analysisgrid{grid-template-columns:1fr 1fr}.footer{align-items:flex-start;flex-direction:column}.detail{padding:55px 7vw}.detail ul{columns:1}}


/* Ruhiger, zentrierter Standort-Banner und kompakte Karriere-Kennzahlen */
.metric-compact {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(24px, 4vw, 56px);
  text-align: center;
}
.metric-compact > div { min-width: 0; }
.metric-compact strong { font-size: clamp(34px, 4vw, 46px); }
.metric-compact span { display: block; max-width: 130px; line-height: 1.5; margin: 5px auto 0; }
.metric-compact hr { display: none; }
.location-centered {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 12px !important;
  padding: clamp(48px, 7vw, 78px) 24px !important;
}
.location-centered .eyebrow { margin: 0; }
.location-centered h2 {
  max-width: 760px;
  margin: 0;
  line-height: 1.18;
}
.location-centered > p:last-child {
  max-width: 520px;
  margin: 0;
  line-height: 1.65;
}
@media (max-width: 700px) {
  .metric-compact { gap: 28px; }
  .metric-compact strong { font-size: 34px; }
  .location-centered h2 { font-size: clamp(30px, 8vw, 42px); }
}


/* Dezente visuelle Trennung nach dem Einstieg – ohne zusätzlichen Bannertext */
.stats { border-bottom: 1px solid #d9dcd2; }
.split {
  background: #f8f7f3;
  padding-top: clamp(88px, 9vw, 112px) !important;
  padding-bottom: clamp(88px, 9vw, 112px) !important;
}


/* Startseite: weniger Kennzahlen, mehr Ruhe und klare Hierarchie */
.stats-compact {
  grid-template-columns: repeat(2, minmax(150px, 220px));
  justify-content: center;
  text-align: center;
  gap: clamp(28px, 6vw, 88px);
  padding-top: 32px;
  padding-bottom: 32px;
}
.stats-compact > div { padding: 4px 0; }
.stats-compact strong {
  font-size: clamp(30px, 3.4vw, 42px);
  letter-spacing: -.04em;
}
.stats-compact span {
  display: block;
  margin-top: 6px;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .stats-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding-left: 6vw; padding-right: 6vw; }
  .stats-compact strong { font-size: 32px; }
}

/* Eigene Spielerfotos – vorläufige Auswahl bis zum geplanten Coaching-Shooting */
.hero-jeremy {
  background-image: linear-gradient(90deg,rgba(22,26,22,.96),rgba(22,26,22,.76),rgba(22,26,22,.28)),url('action-clay-jeremy.jpg') !important;
  background-position: center 42%;
}
.feature-img-jeremy {
  background-image: url('action-hardcourt-jeremy.jpg') !important;
  background-position: center 35%;
}
.stats-four {
  grid-template-columns: repeat(4, minmax(0,1fr));
  text-align: center;
  align-items: center;
}
.stats-four strong { font-size: clamp(19px, 2.2vw, 30px); }
.stats-four span { display:block; margin-top:7px; line-height:1.5; }
.about-photo {
  display:grid;
  grid-template-columns: .8fr 1.2fr;
  gap:24px;
  padding-top:0 !important;
  padding-bottom:30px !important;
}
.about-photo img {
  display:block;
  width:100%;
  height:360px;
  object-fit:cover;
  object-position:center 35%;
}
.about-photo img:first-child { object-position:center 25%; }
@media (max-width: 700px) {
  .stats-four { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap:24px; }
  .about-photo { grid-template-columns:1fr; }
  .about-photo img { height:auto; max-height:460px; }
}

/* Hauptseiten-Kennzahlen nach gewünschter Formulierung */
.stats-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 2.4vw, 32px);
}
.stats-four strong {
  font-size: clamp(17px, 1.8vw, 25px);
  overflow-wrap: anywhere;
}
.stats-four span {
  display: block;
  margin-top: 7px;
  line-height: 1.45;
}
@media (max-width: 700px) {
  .stats-four { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 22px; }
}
