/*
 * ClubKlar – Vereinssoftware
 * Eigenentwicklung von ClubKlar
 * © 2026 ClubKlar – Alle Rechte vorbehalten.
 */

@media(max-width:520px){
  .ck-hero-brand-schedule{grid-template-rows:68px auto!important;align-items:start!important;}
  .ck-hero-day,
  .ck-hero-day--today,
  .ck-hero-day--tomorrow{
    height:68px!important;min-height:68px!important;max-height:68px!important;
    block-size:68px!important;min-block-size:68px!important;max-block-size:68px!important;
    box-sizing:border-box!important;overflow:hidden!important;padding:3px 5px!important;
    margin:0!important;align-self:start!important;transform:none!important;transition:none!important;
  }
}

@supports(content-visibility:auto){.home-contact-section,.home-newsletter-section,.ck-home-gallery-preview,.page-slug-home .services-section,.page-slug-home .ck-review-slider-section,.page-slug-home .ck-home-entry{content-visibility:auto;contain-intrinsic-size:auto 900px}}

html body:is(.page-slug-angebot-a,.page-slug-angebot-b,.page-slug-angebot-c,.page-slug-angebot-d,.page-slug-angebot-e,.page-slug-angebot-f,.page-slug-freies-training,.page-slug-angebot-g,.page-slug-course-registration,.page-slug-angebot-h) .content-box{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;max-width:100%!important;
}
html body:is(.page-slug-angebot-a,.page-slug-angebot-b,.page-slug-angebot-c,.page-slug-angebot-d,.page-slug-angebot-e,.page-slug-angebot-f,.page-slug-freies-training,.page-slug-angebot-g,.page-slug-course-registration,.page-slug-angebot-h) .content-box>.intro-block,
html body:is(.page-slug-angebot-a,.page-slug-angebot-b,.page-slug-angebot-c,.page-slug-angebot-d,.page-slug-angebot-e,.page-slug-angebot-f,.page-slug-freies-training,.page-slug-angebot-g,.page-slug-course-registration,.page-slug-angebot-h) .content-box>.highlight{
  grid-column:1/-1!important;
}
html body:is(.page-slug-angebot-a,.page-slug-angebot-b,.page-slug-angebot-c,.page-slug-angebot-d,.page-slug-angebot-e,.page-slug-angebot-f,.page-slug-freies-training,.page-slug-angebot-g,.page-slug-course-registration,.page-slug-angebot-h) .content-box>.intro-block,
html body:is(.page-slug-angebot-a,.page-slug-angebot-b,.page-slug-angebot-c,.page-slug-angebot-d,.page-slug-angebot-e,.page-slug-angebot-f,.page-slug-freies-training,.page-slug-angebot-g,.page-slug-course-registration,.page-slug-angebot-h) .content-box>.content-section{
  box-sizing:border-box!important;margin:0!important;padding:clamp(19px,2.5vw,26px)!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.014))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html body:is(.page-slug-angebot-a,.page-slug-angebot-b,.page-slug-angebot-c,.page-slug-angebot-d,.page-slug-angebot-e,.page-slug-angebot-f,.page-slug-freies-training,.page-slug-angebot-g,.page-slug-course-registration,.page-slug-angebot-h) .content-box>.intro-block{
  border-top:2px solid rgba(188,38,37,.70)!important;background:linear-gradient(145deg,rgba(188,38,37,.075),rgba(255,255,255,.018))!important;
}
html body:is(.page-slug-angebot-a,.page-slug-angebot-b,.page-slug-angebot-c,.page-slug-angebot-d,.page-slug-angebot-e,.page-slug-angebot-f,.page-slug-freies-training,.page-slug-angebot-g,.page-slug-course-registration,.page-slug-angebot-h) .content-box h2{margin-top:0!important;margin-bottom:10px!important;line-height:1.18!important}
html body:is(.page-slug-angebot-a,.page-slug-angebot-b,.page-slug-angebot-c,.page-slug-angebot-d,.page-slug-angebot-e,.page-slug-angebot-f,.page-slug-freies-training,.page-slug-angebot-g,.page-slug-course-registration,.page-slug-angebot-h) .content-box p:last-child{margin-bottom:0!important}

/* Bereits strukturierte SEO-Spartenseiten: gleiche ruhige Kartenlogik. */
html body .ck-seo-service-page{display:grid!important;gap:14px!important}
html body .ck-seo-service-page>.ck-seo-service-hero{padding:clamp(22px,3vw,30px)!important;border:1px solid rgba(255,255,255,.085)!important;border-top:2px solid rgba(188,38,37,.70)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(188,38,37,.07),rgba(255,255,255,.018))!important}
html body .ck-seo-service-page>.ck-seo-service-hero h2{margin:8px 0 10px!important;line-height:1.16!important}
html body .ck-seo-service-page>.ck-seo-service-hero p:last-child{margin-bottom:0!important}
html body .ck-seo-facts-grid{gap:10px!important}
html body .ck-seo-facts-grid>div{padding:16px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:12px!important;background:rgba(255,255,255,.022)!important}
html body .ck-seo-benefit-grid{gap:10px!important}
html body .ck-seo-benefit-card{margin:0!important;padding:19px!important;background:rgba(255,255,255,.02)!important}
html body .ck-seo-local-card,html body .ck-seo-faq-box{margin:0!important}

/* Spartenzeiten bleiben in der ursprünglichen schlichten Darstellung. */
/* Startseite: bei „Kein Training“ liegt das X auf Desktop neben dem Text; mobil bleibt die robuste Stapelung. */
@media(min-width:901px){
  html body .page-slug-home .ck-hero-day__empty{display:flex!important;flex-direction:row!important;justify-content:center!important;gap:7px!important}
  html body .page-slug-home .ck-hero-day__status-icon--variant-a{display:inline-block!important;width:16px!important;height:16px!important;margin:0!important;align-self:center!important;flex:0 0 16px!important}
}
@media(max-width:760px){
  html body:is(.page-slug-angebot-a,.page-slug-angebot-b,.page-slug-angebot-c,.page-slug-angebot-d,.page-slug-angebot-e,.page-slug-angebot-f,.page-slug-freies-training,.page-slug-angebot-g,.page-slug-course-registration,.page-slug-angebot-h) .content-box{grid-template-columns:minmax(0,1fr)!important;gap:11px!important}
  html body:is(.page-slug-angebot-a,.page-slug-angebot-b,.page-slug-angebot-c,.page-slug-angebot-d,.page-slug-angebot-e,.page-slug-angebot-f,.page-slug-freies-training,.page-slug-angebot-g,.page-slug-course-registration,.page-slug-angebot-h) .content-box>.intro-block,
  html body:is(.page-slug-angebot-a,.page-slug-angebot-b,.page-slug-angebot-c,.page-slug-angebot-d,.page-slug-angebot-e,.page-slug-angebot-f,.page-slug-freies-training,.page-slug-angebot-g,.page-slug-course-registration,.page-slug-angebot-h) .content-box>.highlight{grid-column:auto!important}
}

/* Sichere Lighthouse-Verbesserung: unterhalb des ersten Inhaltsblocks wird erst gerendert, wenn der Bereich naht. */
@supports(content-visibility:auto){
  html body .ck-seo-service-page>:not(.ck-seo-service-hero),
  html body:is(.page-slug-angebot-a,.page-slug-angebot-b,.page-slug-angebot-c,.page-slug-angebot-d,.page-slug-angebot-e,.page-slug-angebot-f,.page-slug-freies-training,.page-slug-angebot-g,.page-slug-course-registration,.page-slug-angebot-h) .content-box>:not(:first-child){content-visibility:auto;contain-intrinsic-size:auto 260px}
}