/* ==========================================================================
   01. Webfonts
   ========================================================================== */

/* inter-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/inter-v20-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/inter-v20-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/inter-v20-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/inter-v20-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/inter-v20-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/inter-v20-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* newsreader-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/newsreader-v26-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* newsreader-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/newsreader-v26-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* newsreader-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/newsreader-v26-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* newsreader-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/newsreader-v26-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* newsreader-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/newsreader-v26-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* newsreader-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/newsreader-v26-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montecarlo-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'MonteCarlo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montecarlo-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* =========================================================
   01. Design-Tokens
   ========================================================= */

:root {
  --sc-ink: #1d3557;
  --sc-ink-soft: #294a6d;
  --sc-paper: #f1faee;
  --sc-white: #fff;
  --sc-accent: #e63946;
  --sc-sky: #a8dadc;
  --sc-mint: var(--sc-sky);
  --sc-blue: #457b9d;
  --sc-dark: #1d3557;
  --sc-dark-deep: #142743;
  --sc-muted: #607286;
  --sc-line: #c8dddf;
  --sc-soft: #e4f1ee;
  --sc-field: #fbfdf9;
}

/* =========================================================
   02. Basis und globales Seitenlayout
   ========================================================= */

* {
  box-sizing: border-box;
}
html {
  min-height: 100%;
  background: var(--sc-paper);
}
[hidden] {
  display: none !important;
}
body {
  min-height: 100vh;
  margin: 0;
  background: var(--sc-paper);
  color: var(--sc-ink);
  font-family: "Inter", Arial, sans-serif;
  display: flex;
  flex-direction: column;
}
main {
  width: 100%;
  flex: 1 0 auto;
}
main > section {
  margin-inline: auto;
}
button,
input,
select {
  font: inherit;
}

/* =========================================================
   03. Header und Desktop-Navigation
   ========================================================= */

.sc-site-header {
  position: relative;
  z-index: 80;
  width: 100%;
  padding: 18px 24px 34px;
  color: #fff;
}
.sc-site-header::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: var(--sc-dark);
  clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
}
.sc-site-header__inner {
  width: min(1300px, 100%);
  min-height: 56px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
}

.sc-header-brand {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  color: var(--sc-paper);
  text-decoration: none;
  line-height: 1;
}

.sc-header-brand:focus-visible {
  outline: 2px solid var(--sc-accent);
  outline-offset: 6px;
  border-radius: 0;
}

.sc-header-brand__icon {
  display: block;
  flex: 0 0 auto;
 /*  width: clamp(42px, 4vw, 62px); */
  height: auto;
  max-height: 62px;
  object-fit: contain;
}

.sc-header-brand__wordmark {
  color: var(--sc-paper);
  font: italic 400 clamp(28px, 2.8vw, 35px) / 1 "Newsreader", Arial, sans-serif;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

@media (max-width: 560px) {
  .sc-header-brand {
    gap: 10px;
  }

  .sc-header-brand__icon {
    width: 62px;
    max-height: 62px;
  }

  .sc-header-brand__wordmark {
    font-size: 26px;
  }

  .sc-header-brand--mobile .sc-header-brand__icon {
    width: 48px;
    max-height: 48px;
  }

  .sc-header-brand--mobile .sc-header-brand__wordmark {
    font-size: 28px;
  }
}


.sc-site-nav {
  display: flex;
  align-items: center;
  gap:18px;
}
.sc-site-nav > a,
.sc-site-nav summary {
  position: relative;
  padding: 18px 0;
  color: rgba(255, 255, 255, 0.82);
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: color 0.18s ease;
}
.sc-site-nav > a:hover,
.sc-site-nav > a:focus-visible,
.sc-site-nav summary:hover,
.sc-site-nav details[open] > summary,
.sc-site-nav > a[aria-current="page"],
.sc-site-nav summary[aria-current="page"] {
  color: var(--sc-sky);
}

.sc-site-nav > a::after,
.sc-site-nav__group > summary::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 7px;
  left: 0;
  height: 1px;
  background: var(--sc-accent);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.18s ease;
}
.sc-site-nav > a:hover::after,
.sc-site-nav > a:focus-visible::after,
.sc-site-nav > a[aria-current="page"]::after,
.sc-site-nav__group > summary:hover::after,
.sc-site-nav__group > summary:focus-visible::after,
.sc-site-nav__group[open] > summary::after,
.sc-site-nav__group > summary[aria-current="page"]::after {
  transform: scaleX(1);
}

.sc-site-nav__group {
  position: relative;
}
.sc-site-nav__group summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 6px;
}
.sc-site-nav__group summary::-webkit-details-marker {
  display: none;
}
.sc-site-nav__group summary span {
  font-size: 14px;
  transition: transform 0.2s ease;
}
.sc-site-nav__group[open] summary span {
  transform: rotate(180deg);
}
.sc-site-nav__group ul {
  position: absolute;
  z-index: 10;
  top: calc(100% + 2px);
  right: -18px;
  width: 310px;
  margin: 0;
  padding: 9px;
  list-style: none;
  background: #fff;
  color: var(--sc-ink);
  box-shadow: 0 18px 50px rgba(29, 53, 87, 0.22);
}
.sc-site-nav__group ul::before {
  content: "";
  position: absolute;
  right: 26px;
  top: -6px;
  width: 14px;
  height: 14px;
  background: #fff;
  transform: rotate(45deg);
}
.sc-site-nav__group li + li {
  border-top: 1px solid var(--sc-line);
}
.sc-site-nav__group li a {
  display: block;
  padding: 13px 14px;
  color: var(--sc-ink);
  text-decoration: none;
}
.sc-site-nav__group li a:hover,
.sc-site-nav__group li a:focus-visible {
  background: var(--sc-soft);
}
.sc-site-nav__group li strong,
.sc-site-nav__group li small {
  display: block;
}
.sc-site-nav__group li strong {
  font: 700 16px "Inter";
}
.sc-site-nav__group li small {
  margin-top: 3px;
  color: var(--sc-muted);
  font-size: 11px;
  line-height: 1.4;
}
.sc-site-menu-button {
  display: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  background: transparent;
  color: #fff;
  cursor: pointer;
}
.sc-site-menu-button > span {
  position: absolute;
  width: 18px;
  height: 2px;
  background: currentColor;
}
.sc-site-menu-button > span:nth-child(1) {
  transform: translateY(-6px);
}
.sc-site-menu-button > span:nth-child(3) {
  transform: translateY(6px);
}
.sc-site-menu-button b {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}


.sc_powered{
  display:grid;
  place-items:center;
  margin:0 auto;
  padding:60px 20px;
  color:#457b9d;
}

.sc-site-nav > .sc-site-nav__instagram {
  width: 34px;
  height: 34px;
  margin-left: 12px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.9);
}
.sc-site-nav > .sc-site-nav__instagram::after {
  display: none;
}
.sc-site-nav__instagram svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
}
.sc-site-nav > .sc-site-nav__instagram:hover,
.sc-site-nav > .sc-site-nav__instagram:focus-visible {
  color: var(--sc-sky);
}
.sc-powered-link { display:grid; justify-items:center; gap:8px; max-width:560px; color:var(--sc-blue,#457b9d); text-align:center; text-decoration:none; }
.sc-powered-link img { display:block; width:96px; height:96px; }
.sc-powered-link > strong { margin-top:6px; color:var(--sc-dark,#1d3557); font:400 italic clamp(23px,2.5vw,30px)/1.15 "Newsreader",serif; letter-spacing:-.03em; }
.sc-powered-link > span { color:var(--sc-muted,#607286); font-size:16px; font-weight:400; line-height:1.65; }
.sc-powered-link > b { margin-top:5px; color:var(--sc-blue,#457b9d); font-size:15px; font-weight:700; }
.sc-powered-link > b span { color:var(--sc-accent,#e63946); }
.sc-powered-link:hover,.sc-powered-link:focus-visible { color:var(--sc-accent,#e63946); }
.sc-powered-link:hover > b,.sc-powered-link:focus-visible > b { color:var(--sc-accent,#e63946); }
.sc-powered-link:focus-visible { outline:2px solid var(--sc-accent,#e63946); outline-offset:6px; }
/* =========================================================
   Listen innerhalb von Contentseiten
   ========================================================= */

.sc-content ul,
.sc-content ol {
  margin: 20px 0 28px;
  padding: 0;
  color: var(--sc-dark, #1d3557);
}

.sc-content ul {
  list-style: none;
}

.sc-content ul > li {
  position: relative;
  margin-bottom: 9px;
  padding-left: 20px;
  line-height: 1.65;
}

.sc-content ul > li::before {
  content: "";
  position: absolute;
  top: 0.68em;
  left: 2px;
  width: 5px;
  height: 5px;
  background: var(--sc-blue, #457b9d);
}

/* Nummerierte Listen */

.sc-content ol {
  padding-left: 24px;
}

.sc-content ol > li {
  margin-bottom: 9px;
  padding-left: 5px;
  line-height: 1.65;
}

.sc-content ol > li::marker {
  color: var(--sc-blue, #457b9d);
  font-weight: 700;
}

/* Verschachtelte Listen */

.sc-content li > ul,
.sc-content li > ol {
  margin: 9px 0 4px;
}

/* Links innerhalb normaler Listen */

.sc-content li a {
  color: var(--sc-blue, #457b9d);
  text-decoration: underline;
  text-decoration-color: rgba(69, 123, 157, 0.35);
  text-underline-offset: 3px;
}

.sc-content li a:hover {
  color: var(--sc-accent, #e63946);
  text-decoration-color: currentColor;
}


/* =========================================================
   Inhaltsverzeichnis
   ========================================================= */

.sc-inhaltsverzeichnis {
  width: 100%;
  box-sizing: border-box;
  margin: 30px 0 42px;
  padding: 22px 0;
  border-top: 1px solid rgba(29, 53, 87, 0.2);
  border-bottom: 1px solid rgba(29, 53, 87, 0.2);
  color: var(--sc-dark, #1d3557);
}

/* Überschrift */

.sc-inhaltsverzeichnis > strong {
  display: block;
  margin-bottom: 16px;
  color: var(--sc-dark, #1d3557);
  font-family: "Inter", Arial, sans-serif;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Allgemeine Content-Listenregeln zurücksetzen */

.sc-content .sc-inhaltsverzeichnis ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: sc-inhalt;
}

.sc-content .sc-inhaltsverzeichnis li {
  position: static;
  margin: 0;
  padding: 0;
  counter-increment: sc-inhalt;
}

.sc-content .sc-inhaltsverzeichnis li::before {
  content: none;
}

/* Links */

.sc-content .sc-inhaltsverzeichnis a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(29, 53, 87, 0.09);
  color: var(--sc-dark, #1d3557);
  font-size: 0.94rem;
  font-weight: 600;
  line-height: 1.45;
  text-decoration: none;
  transition:
    color 150ms ease,
    padding-left 150ms ease;
}

/* Automatische Nummerierung */

.sc-inhaltsverzeichnis a::before {
  content: counter(sc-inhalt, decimal-leading-zero);
  flex: 0 0 auto;
  color: var(--sc-blue, #457b9d);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

/* Hover */

.sc-content .sc-inhaltsverzeichnis a:hover {
  padding-left: 3px;
  color: var(--sc-accent, #e63946);
}

/* Tastatursteuerung */

.sc-content .sc-inhaltsverzeichnis a:focus-visible {
  outline: 2px solid var(--sc-accent, #e63946);
  outline-offset: 3px;
  color: var(--sc-accent, #e63946);
}

/* Abstand zum festen Header beim Anspringen */

.sc-content h2[id],
.sc-content h3[id] {
  scroll-margin-top: 110px;
}
.sc-content p a,
.sc-content blockquote a,
.sc-content figcaption a {
  color: var(--sc-accent, #e63946);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(230, 57, 70, 0.38);
  text-underline-offset: 3px;
}

.sc-content p a:hover,
.sc-content blockquote a:hover,
.sc-content figcaption a:hover {
  color: #b92734;
  text-decoration-color: currentColor;
}
/* =========================================================
   FAQ
   ========================================================= */

.sc-lk-faq {
  width: 100%;
  padding: clamp(48px, 7vw, 90px) 0;
  color: var(--sc-dark, #1d3557);
}

.sc-lk-faq__header {
  max-width: 760px;
  margin-bottom: clamp(28px, 4vw, 48px);
}

.sc-lk-faq__eyebrow {
  display: block;
  margin-bottom: 10px;
  color: var(--sc-accent, #e63946);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.sc-lk-faq__header h2 {
  margin: 0 0 14px;
  color: var(--sc-dark, #1d3557);
}

.sc-lk-faq__header p {
  max-width: 680px;
  margin: 0;
  color: #536273;
  line-height: 1.7;
}

.sc-lk-faq__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(32px, 6vw, 80px);
  align-items: start;
}

.sc-lk-faq__column {
  border-top: 1px solid rgba(29, 53, 87, 0.22);
}

.sc-lk-faq__item {
  margin: 0;
  border-bottom: 1px solid rgba(29, 53, 87, 0.22);
}

.sc-lk-faq__item summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px;
  gap: 20px;
  align-items: center;
  padding: 22px 0;
  cursor: pointer;
  list-style: none;
}

.sc-lk-faq__item summary::-webkit-details-marker {
  display: none;
}

.sc-lk-faq__q {
  margin: 0;
  color: var(--sc-dark, #1d3557);
  font-size: clamp(16px, 1.4vw, 19px);
  font-weight: 650;
  line-height: 1.45;
  transition: color 180ms ease;
}

.sc-lk-faq__item summary:hover .sc-lk-faq__q,
.sc-lk-faq__item[open] .sc-lk-faq__q {
  color: var(--sc-accent, #e63946);
}

/* Plus-/Minus-Symbol */

.sc-lk-faq__icon {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
}

.sc-lk-faq__icon::before,
.sc-lk-faq__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background: var(--sc-accent, #e63946);
  transform: translate(-50%, -50%);
  transition: transform 180ms ease;
}

.sc-lk-faq__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.sc-lk-faq__item[open] .sc-lk-faq__icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

/* Antwort */

.sc-lk-faq__a {
  padding: 0 48px 24px 0;
  animation: scFaqOpen 220ms ease;
}

.sc-lk-faq__a p {
  margin: 0;
  color: #536273;
  font-size: 15px;
  line-height: 1.75;
}

.sc-lk-faq__item summary:focus-visible {
  outline: 2px solid var(--sc-accent, #e63946);
  outline-offset: 5px;
}

@keyframes scFaqOpen {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Smartphone */

@media (max-width: 760px) {
  .sc-lk-faq__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .sc-lk-faq__column:last-child {
    border-top: 0;
  }

  .sc-lk-faq__item summary {
    padding: 19px 0;
  }

  .sc-lk-faq__a {
    padding-right: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sc-lk-faq__a,
  .sc-lk-faq__icon::before,
  .sc-lk-faq__icon::after,
  .sc-lk-faq__q {
    animation: none;
    transition: none;
  }
}


/* =========================================================
   Smartphone
   ========================================================= */

@media (max-width: 700px) {
  .sc-inhaltsverzeichnis {
    margin: 24px 0 34px;
    padding: 18px 0;
  }

  .sc-content .sc-inhaltsverzeichnis ul {
    grid-template-columns: 1fr;
  }

  .sc-content .sc-inhaltsverzeichnis a {
    padding: 10px 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sc-content .sc-inhaltsverzeichnis a {
    transition: none;
  }
}
/* =========================================================
   04. Mobiles Vollbildmenü
   ========================================================= */

.sc-mobile-menu {
  position: fixed;
  z-index: 999;
  inset: 0;
  display: flex;
  flex-direction: column;
  padding: 22px clamp(22px, 7vw, 54px) 28px;
  background: var(--sc-dark);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-14px);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    visibility 0.25s;
}
.sc-mobile-menu.is-open {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.sc-mobile-menu__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sc-mobile-menu__close {
  position: relative;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 50%;
  background: transparent;
  color: #fff;
  cursor: pointer;
}
.sc-mobile-menu__close span {
  position: absolute;
  left: 13px;
  top: 21px;
  width: 18px;
  height: 2px;
  background: currentColor;
}
.sc-mobile-menu__close span:first-child {
  transform: rotate(45deg);
}
.sc-mobile-menu__close span:last-child {
  transform: rotate(-45deg);
}
.sc-mobile-menu__nav {
  margin-top: clamp(34px, 8vh, 72px);
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.sc-mobile-menu__primary,
.sc-mobile-menu details {
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.sc-mobile-menu__primary,
.sc-mobile-menu summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  color: #fff;
  text-decoration: none;
  font: 700 clamp(20px, 6vw, 30px) "Inter";
  letter-spacing: -0.025em;
}
.sc-mobile-menu summary {
  list-style: none;
  cursor: pointer;
}
.sc-mobile-menu summary::-webkit-details-marker {
  display: none;
}
.sc-mobile-menu summary span,
.sc-mobile-menu__primary span {
  color: var(--sc-mint);
  font-weight: 400;
  transition: transform 0.2s ease;
}
.sc-mobile-menu details[open] summary span {
  transform: rotate(45deg);
}
.sc-mobile-menu details > div {
  display: grid;
  gap: 2px;
  padding: 0 0 16px 14px;
}
.sc-mobile-menu details > div a {
  padding: 9px 0;
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.sc-mobile-menu details > div a:hover,
.sc-mobile-menu details > div a:focus-visible {
  color: var(--sc-mint);
}
.sc-mobile-menu__footer {
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.sc-mobile-menu__footer span {
  color: var(--sc-mint);
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.sc-mobile-menu__footer p {
  margin: 5px 0 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 11px;
}
.sc-menu-open {
  overflow: hidden;
}

/* =========================================================
   05. Main- und Content-Bereiche
   Inhalt oben, Bereiche horizontal zentriert
   ========================================================= */

.sc-lk-page {
  min-height: 0;
  padding: clamp(20px, 5vw, 76px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(32px, 5vw, 70px);
}
.sc-lk-page > section {
  margin-inline: auto;
}
.sc-content-page {
  width: 100%;
  padding: clamp(32px, 5vw, 76px) clamp(20px, 5vw, 76px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(24px, 4vw, 52px);
}
.sc-content-page > section {
  width: min(1280px, 100%);
  margin-inline: auto;
}
.sc-content-page p {
  font-size: 15px;
  line-height: 1.75;
}
/* =========================================================
   09. Desktop-Dropdowns und Animation
   ========================================================= */

.sc-site-nav__group ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-7px);
  transition:
    opacity 0.18s ease,
    transform 0.18s ease,
    visibility 0.18s;
}
.sc-site-nav__group[open] ul,
.sc-site-nav__group:hover ul,
.sc-site-nav__group:focus-within ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}
.sc-site-nav__group:hover summary span,
.sc-site-nav__group:focus-within summary span {
  transform: rotate(180deg);
}


/* =========================================================
   10. Footer
   ========================================================= */

.sc-site-footer {
  width: 100%;
  margin-top: auto;
  color: #fff;
}
.sc-site-footer__main {
  padding: 140px 24px 140px;
  background: var(--sc-dark);
  clip-path: polygon(-5% 12%, 100% 0, 100% 100%, 0 100%);
}
.sc-site-footer__inner {
  width: min(1300px, 100%);
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1.15fr;
  gap: clamp(36px, 7vw, 100px);
}
.sc-site-footer__column h2 {
  margin: 0 0 17px;
  color: var(--sc-mint);
  font: 700 12px "Inter";
  text-transform: uppercase;
  letter-spacing: 0.13em;
}
.sc-site-footer__column nav {
  display: grid;
  gap: 10px;
}
.sc-site-footer__column nav a {
  width: max-content;
  margin-bottom: 10px;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.sc-site-footer__column nav a:hover,
.sc-site-footer__column nav a:focus-visible {
  color: var(--sc-mint);
}
.sc-site-footer__instagram {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 31px;
  padding-top: 17px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
}
.sc-site-footer__instagram svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: var(--sc-mint);
  stroke-width: 1.7;
}
.sc-site-footer__instagram:hover span,
.sc-site-footer__instagram:focus-visible span {
  color: var(--sc-mint);
}
.sc-site-footer__brand {
  justify-self: end;
  text-align: right;
}
.sc-site-brand--footer strong,
.sc-site-brand--footer em {
  font-size: 20px;
}
.sc-site-footer__brand p {
  margin: 16px 0 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  line-height: 1.6;
}
.sc-site-footer__copyright {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-top: -2px;
  padding: 40px 40px;
  background: var(--sc-dark-deep);
}
.sc-site-footer__copyright > div {
  width: min(1300px, 100%);
  margin: auto;
  display: flex;
  padding: 20px 0 20px 0;
  justify-content: space-between;
  gap: 20px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;

  letter-spacing: 0.04em;
}
@media (max-width: 850px) {
  .sc-site-footer__main {
    padding-top: 72px;
  }
  .sc-site-footer__inner {
    grid-template-columns: 1fr 1fr;
  }
  .sc-site-footer__brand {
    grid-column: 1/-1;
    justify-self: start;
    text-align: left;
    padding-top: 28px;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
  }
}
@media (max-width: 560px) {
  .sc-site-footer__main {
    padding: 68px 20px 44px;
    clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%);
  }
  .sc-site-footer__inner {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .sc-site-footer__brand {
    grid-column: auto;
    padding-top: 26px;
  }
  .sc-site-footer__copyright {
    padding-inline: 20px;
  }
  .sc-site-footer__copyright > div {
    display: grid;
    gap: 5px;
  }
}

/* =========================================================
   11. Barrierearme Bewegung
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto !important;
  }
  .sc-site-nav__group ul,
  .sc-site-nav > a::after,
  .sc-site-nav__group > summary::after {
    transition: none;
  }
}

/* =======================================================
   SchlaegerClub Neuaufbau – Staging-Grundlage
   ======================================================= */
.sc-logo-placeholder {
  display: inline-grid;
  width: 62px;
  height: 62px;
  place-items: center;
  border: 1px dashed currentColor;
  border-radius: 50%;
  font: 600 15px/1 Inter, sans-serif;
  letter-spacing: .08em;
}
.sc-schlaegerclub-logo { display:block; width:auto; max-width:100%; height:auto; }
.sc-schlaegerclub-logo--header { width:180px; }
.sc-schlaegerclub-logo--mobile { width:min(180px,62vw); }
.sc-schlaegerclub-logo--footer { width:min(180px,100%); }
.sc-new-logo-stage { border:0; border-radius:0; background:var(--sc-dark,#1d3557); }
.sc-schlaegerclub-logo--stage { width:min(180px,82%); }

.sc-new-hero,
.sc-new-section,
.sc-placeholder-page,
.sc-content-page {
  width: min(100% - 40px, 1280px);
  margin-inline: auto;
}
.sc-placeholder-page,
.sc-content-page {
  --sc-page-gutter:clamp(24px,5vw,64px);
  box-sizing:border-box;
  padding-right:var(--sc-page-gutter);
  padding-left:var(--sc-page-gutter);
}

.sc-new-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr);
  gap: clamp(40px, 8vw, 120px);
  align-items: center;
  min-height: 68vh;
  padding-block: clamp(72px, 10vw, 150px);
}

.sc-new-hero h1,
.sc-placeholder-page h1,
.sc-content-page h1,
.sc-lk-calc__header h1 {
  max-width: 900px;
  margin: 12px 0 22px;
  font-family: "Newsreader", sans-serif;
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 400;
  font-style: italic;
  line-height: 1.1;
  letter-spacing: -0.05em;
}

.sc-new-hero p,
.sc-placeholder-page p,
.sc-content-page__header p {
  max-width: 760px;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.55;
}

.sc-new-eyebrow {
  display: inline-block;
  color: #457b9d;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sc-new-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.sc-new-actions a,
.sc-new-grid a { color: inherit; font-weight: 600; }
.sc-new-actions a { padding:12px 18px; border:1px solid currentColor; border-radius:0; text-decoration:none; }

.sc-new-logo-stage {
  display: grid;
  aspect-ratio: 1;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: var(--sc-dark, #1d3557);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.sc-new-section { padding-block: 40px 120px; }
.sc-new-section h2 { max-width: 780px; margin: 10px 0 36px; font: 400 italic clamp(30px, 4vw, 46px)/1.1 "Newsreader", sans-serif; letter-spacing: -.05em; }
.sc-new-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.sc-new-grid article { padding:28px; border:1px solid #d7dde3; border-radius:0; }
.sc-new-grid article > span { color: #457b9d; font-weight: 600; }
.sc-new-grid h3 { margin: 28px 0 12px; font-size: 26px; }
.sc-new-grid p { min-height: 120px; }

.sc-placeholder-page { min-height: 62vh; padding-block: clamp(80px, 12vw, 160px); }
.sc-content-page { padding-block: clamp(70px, 9vw, 130px); }
.sc-content-page article { max-width: 920px; margin: auto; }
.sc-content-page__body { margin-top: 60px; }
.sc-content-page__body h2 { margin-top: 48px; font-size: clamp(28px, 4vw, 44px); }
.sc-content-page__body p { font-size:15px; line-height:1.75; }

.sc-service-page {
  --sc-page-gutter:clamp(24px,5vw,64px);
  width:min(100% - 40px,1280px);
  margin-inline:auto;
  padding:0 var(--sc-page-gutter) clamp(76px,9vw,120px);
  box-sizing:border-box;
  background:var(--sc-white,#fff);
  box-shadow:0 24px 80px rgba(29,53,87,.12);
}
.sc-service-page > .sc-breadcrumbs { margin-bottom:30px; padding-right:0; padding-left:0; }
.sc-service-page article { max-width:980px; }
.sc-service-page__header { padding-bottom:clamp(32px,5vw,56px); }
.sc-service-page__header h1 { max-width:900px; margin:12px 0 20px; font:400 italic clamp(30px,4vw,46px)/1.1 "Newsreader",sans-serif; letter-spacing:-.05em; }
.sc-service-page__header p { max-width:820px; margin:0; color:var(--sc-ink,#1d3557); font-size:15px; line-height:1.75; }
.sc-service-page__body { padding-top:clamp(34px,5vw,56px); border-top:1px solid #c8dddf; }
.sc-service-page__body h2 { margin:48px 0 16px; font:600 clamp(24px,3vw,34px)/1.25 Inter,sans-serif; letter-spacing:-.025em; }
.sc-service-page__body h2:first-child { margin-top:0; }
.sc-service-page__body h3 { margin:32px 0 12px; font:600 21px/1.35 Inter,sans-serif; }
.sc-service-page__body p,.sc-service-page__body li,.sc-service-page__body address { font-size:15px; line-height:1.75; }
.sc-service-page__body address { margin:0 0 28px; font-style:normal; }
.sc-service-page__body ul { padding-left:1.25em; }
.sc-service-page__body a { color:#1d5f86; text-underline-offset:3px; }
.sc-service-page__review { margin-top:48px; padding:22px 24px; border:1px solid #c8dddf; background:#f3f8f7; }
.sc-service-page__action { display:inline-block; padding:13px 18px; border:1px solid #1d3557; color:#1d3557!important; font-weight:700; text-decoration:none; }
.sc-newsletter-page__body { display:grid; grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr); gap:clamp(34px,6vw,80px); align-items:start; }
.sc-newsletter-page__intro h2,.sc-newsletter-form h2 { margin-top:0; }
.sc-newsletter-form { min-width:0; padding:clamp(24px,4vw,42px); background:linear-gradient(145deg,var(--sc-blue,#457b9d),var(--sc-dark,#1d3557)); color:var(--sc-white,#fff); }
.sc-newsletter-form h2 { color:var(--sc-white,#fff); }
main.sc-content .sc-newsletter-form .sc-newsletter-form__note { margin:-4px 0 24px; color:var(--sc-white,#fff); font-size:13px!important; }
.sc-newsletter-form__field { margin-bottom:20px; }
.sc-newsletter-form__field label { display:block; margin-bottom:8px; color:var(--sc-white,#fff); font-size:14px; font-weight:750; }
.sc-newsletter-form__field input { box-sizing:border-box; width:100%; min-height:48px; padding:12px 14px; border:2px solid transparent; border-radius:0; background:var(--sc-white,#fff); color:var(--sc-ink,#1d3557); font:inherit; }
.sc-newsletter-form__field input:focus-visible { border-color:var(--sc-sky,#a8dadc); outline:3px solid rgba(168,218,220,.42); outline-offset:2px; }
.sc-newsletter-form__captcha { min-height:78px; margin:8px 0 18px; overflow-x:auto; overflow-y:hidden; }
main.sc-content .sc-newsletter-form .sc-newsletter-form__privacy { margin:0 0 20px; color:var(--sc-white,#fff); font-size:13px!important; line-height:1.6!important; }
.sc-newsletter-form__privacy a { color:var(--sc-white,#fff)!important; font-weight:700; }
.sc-newsletter-form__submit { min-height:48px; padding:12px 18px; border:2px solid var(--sc-accent,#e63946); background:var(--sc-accent,#e63946); color:var(--sc-white,#fff); font:700 15px/1.2 Inter,sans-serif; cursor:pointer; }
.sc-newsletter-form__submit:hover,.sc-newsletter-form__submit:focus-visible { border-color:var(--sc-white,#fff); background:var(--sc-white,#fff); color:var(--sc-ink,#1d3557); }
.sc-newsletter-form__submit:focus-visible { outline:3px solid var(--sc-sky,#a8dadc); outline-offset:3px; }
.sc-newsletter-form__error { color:var(--sc-white,#fff); font-weight:700; }
@media (max-width:800px) {
  .sc-newsletter-page__body { grid-template-columns:1fr; }
  .sc-newsletter-form { margin-right:-20px; margin-left:-20px; }
}
@media (max-width:420px) {
  .sc-newsletter-form__captcha { overflow:hidden; }
  .sc-newsletter-form__captcha .g-recaptcha { transform:scale(.96); transform-origin:left top; }
}
@media (max-width:380px) {
  .sc-newsletter-form { padding-right:16px; padding-left:16px; }
  .sc-newsletter-form__captcha { margin-right:-8px; }
  .sc-newsletter-form__captcha .g-recaptcha { transform:scale(.9); transform-origin:left top; }
}
.sc-service-page--about .sc-service-page__body { max-width:1060px; }
.sc-tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #c8dddf; border-left:1px solid #c8dddf; }
.sc-tool-card { display:flex; min-height:320px; flex-direction:column; padding:clamp(24px,3vw,38px); border-right:1px solid #c8dddf; border-bottom:1px solid #c8dddf; background:#fff; }
.sc-tool-card__status { color:#457b9d; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.sc-tool-card h2 { margin:24px 0 14px; font:600 clamp(22px,2vw,28px)/1.25 Inter,sans-serif; letter-spacing:-.025em; }
.sc-tool-card p { margin:0 0 30px; color:#536273; font-size:17px; line-height:1.7; }
.sc-tool-card .sc-text-link { margin-top:auto; }
.sc-tool-card--available { background:#f3f8f7; }
.sc-calendar { padding:0 var(--sc-page-gutter) clamp(70px,9vw,110px); }
.sc-calendar__notice { display:grid; grid-template-columns:minmax(180px,.35fr) minmax(0,1fr); gap:22px; padding:22px 0; border-top:1px solid #c8dddf; border-bottom:1px solid #c8dddf; color:#536273; line-height:1.6; }
.sc-calendar__notice strong { color:#1d3557; }
.sc-calendar__filters { display:grid; grid-template-columns:2fr repeat(4,1fr); gap:16px; padding:34px 0; border-bottom:1px solid #c8dddf; }
.sc-calendar__filters label { display:flex; min-width:0; flex-direction:column; gap:8px; color:#1d3557; font-size:13px; font-weight:700; }
.sc-calendar__filters input,.sc-calendar__filters select,.sc-calendar__filters button,.sc-calendar__toolbar button,.sc-calendar-card__actions button { min-height:44px; border:1px solid #9ebec4; border-radius:0; background:#fff; color:#1d3557; font:600 14px/1.2 Inter,sans-serif; }
.sc-calendar__filters input,.sc-calendar__filters select { width:100%; padding:10px 12px; box-sizing:border-box; }
.sc-calendar__filters button { align-self:end; padding:10px 14px; cursor:pointer; }
.sc-calendar__favorite-filter { flex-direction:row!important; align-items:center; align-self:end; min-height:44px; }
.sc-calendar__favorite-filter input { width:18px; min-height:18px; margin:0; }
.sc-calendar__toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:32px 0 20px; }
.sc-calendar__toolbar div { display:flex; gap:12px; align-items:baseline; }
.sc-calendar__toolbar strong { font-size:24px; }
.sc-calendar__toolbar span { color:#607286; }
.sc-calendar__toolbar button { padding:10px 16px; cursor:pointer; }
.sc-calendar__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #c8dddf; border-left:1px solid #c8dddf; }
.sc-calendar-card { display:flex; min-height:286px; flex-direction:column; padding:26px; border-right:1px solid #c8dddf; border-bottom:1px solid #c8dddf; }
.sc-calendar-card__meta { display:flex; flex-wrap:wrap; gap:8px 14px; color:#457b9d; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.sc-calendar-card h2 { margin:22px 0 14px; font:600 24px/1.25 Inter,sans-serif; letter-spacing:-.03em; }
.sc-calendar-card p { margin:0 0 8px; color:#536273; font-size:16px; line-height:1.55; }
.sc-calendar-card__date { color:#1d3557!important; font-weight:700; }
.sc-calendar-card__actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; padding-top:22px; }
.sc-calendar-card__actions button { min-height:38px; padding:8px 10px; cursor:pointer; }
.sc-calendar-card__actions button[aria-pressed="true"] { border-color:#1d3557; background:#1d3557; color:#fff; }
.sc-calendar__empty { grid-column:1/-1; padding:40px; border-right:1px solid #c8dddf; border-bottom:1px solid #c8dddf; }
.sc-calendar-page > .sc-rule-sources { margin-right:var(--sc-page-gutter); margin-left:var(--sc-page-gutter); }

@media (max-width: 900px) {
  .sc-new-hero { grid-template-columns: 1fr; min-height: auto; }
  .sc-new-logo-stage { width: min(70vw, 360px); }
  .sc-new-grid { grid-template-columns: repeat(2, 1fr); }
  .sc-tool-grid { grid-template-columns:1fr; }
  .sc-calendar__filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sc-calendar__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 560px) {
  .sc-new-hero, .sc-new-section, .sc-placeholder-page, .sc-content-page, .sc-service-page { width: min(100% - 28px, 1320px); }
  .sc-new-grid { grid-template-columns: 1fr; }
  .sc-new-grid p { min-height: 0; }
  .sc-calendar__notice,.sc-calendar__filters,.sc-calendar__grid { grid-template-columns:1fr; }
  .sc-calendar__toolbar { align-items:flex-start; flex-direction:column; }
}

/* Navigation und Footer bleiben strukturell im Stil der LK-Rechner-Vorlage. */
.sc-new-section {
  width: min(1300px, 100%);
  margin-inline: auto;
  padding: clamp(40px, 6vw, 80px);
  background: var(--sc-white);
  box-shadow: 0 24px 80px rgba(29, 53, 87, 0.12);
  box-sizing: border-box;
}
.sc-home,
.sc-home main { background:#fff; }
.sc-home .sc-new-section { box-shadow:none; }
.sc-home .sc-new-hero,
.sc-home .sc-new-section,
.sc-home .sc-home-editorial {
  width:min(1600px,calc(100% - 40px));
  max-width:1600px;
}

/* Startseiten-Hero: redaktioneller Einstieg auf dem neuen Titelmotiv. */
.sc-home .sc-home-hero {
  position:relative;
  display:grid;
  min-height:clamp(580px,46.57vw,745px);
  grid-template-columns:minmax(0,1fr);
  align-items:center;
  gap:0;
  padding:clamp(54px,7vw,112px) clamp(30px,6vw,96px);
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 30%,rgba(255,255,255,.58) 48%,rgba(255,255,255,.08) 68%,rgba(255,255,255,0) 78%),
    url("/img/hero-schlaegerclub.webp") center right/cover no-repeat;
  box-sizing:border-box;
}
.sc-home-hero__content {
  position:relative;
  z-index:1;
  width:min(720px,58%);
}

@media (max-width:900px) {
  .sc-home .sc-home-hero {
    min-height:640px;
    padding:48px 28px;
    background:
      linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 46%,rgba(255,255,255,.34) 75%,rgba(255,255,255,.12) 100%),
      url("/img/hero-schlaegerclub.webp") 62% center/cover no-repeat;
  }
  .sc-home-hero__content { width:min(620px,78%); }
}

@media (max-width:560px) {
  .sc-home .sc-home-hero {
    width:calc(100% - 28px);
    min-height:620px;
    padding:38px 20px;
    align-items:end;
    background:
      linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.22) 32%,rgba(255,255,255,.92) 62%,rgba(255,255,255,.98) 100%),
      url("/img/hero-schlaegerclub.webp") 66% center/cover no-repeat;
  }
  .sc-home-hero__content { width:100%; }
  .sc-home .sc-home-hero h1 { font-size:clamp(32px,10vw,42px); }
  .sc-home .sc-home-hero p { font-size:16px; line-height:1.55; }
}

/* Startseite: Magazin, Lexikon, Partner und LK-Rechner */
.sc-home { --sc-home-section-gap:clamp(64px,7vw,104px); }
.sc-home-editorial {
  width:min(1600px,calc(100% - 40px));
  margin:0 auto var(--sc-home-section-gap);
  padding:clamp(30px,3vw,44px);
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr) minmax(280px,1fr);
  gap:clamp(24px,2.4vw,38px);
  border:0;
  background:#fff;
}
.sc-home-editorial h2 { color:var(--sc-dark); }
.sc-home-editorial__heading { margin-bottom:18px; }
.sc-home-editorial__heading h2 { margin:8px 0 0; font:400 italic clamp(30px,3vw,40px)/1.1 "Newsreader",sans-serif; letter-spacing:-.05em; }
.sc-home-latest { border-top:1px solid rgba(29,53,87,.2); }
.sc-home-latest__item { display:grid; grid-template-columns:112px minmax(0,1fr); gap:16px; padding:15px 0; border-bottom:1px solid rgba(29,53,87,.18); }
.sc-home-latest__image { display:block; align-self:start; overflow:hidden; }
.sc-home-latest__image img { display:block; width:100%; height:84px; max-height:84px; aspect-ratio:4/3; object-fit:cover; }
.sc-home-latest__meta { display:flex; flex-wrap:wrap; gap:6px 10px; margin:0 0 6px; color:var(--sc-muted); font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.sc-home-latest__meta span { color:var(--sc-blue); }
.sc-home-latest__item h3 { margin:0 0 8px; font-size:clamp(16px,1.15vw,18px); line-height:1.25; }
.sc-home-latest__item h3 a { color:var(--sc-dark); text-decoration:none; }
.sc-home-latest__item h3 a:hover,.sc-home-latest__item h3 a:focus-visible { color:var(--sc-accent); }
.sc-home-text-link { color:var(--sc-dark); font-size:13px; font-weight:700; text-decoration:none; }
.sc-home-text-link span,.sc-home-magazine-card a span,.sc-home-lexicon-card a span,.sc-home-lk-card a span { color:var(--sc-accent); }
.sc-home-editorial__middle { display:flex; flex-direction:column; gap:14px; }
.sc-home-magazine-card { padding:24px; background:var(--sc-dark-deep); color:#fff; }
.sc-home-magazine-card .sc-home-label { color:var(--sc-sky); }
.sc-home-magazine-card h2 { margin:16px 0 12px; color:#fff; font:400 italic 28px/1.12 "Newsreader",sans-serif; letter-spacing:-.04em; }
.sc-home-magazine-card p { margin:0 0 20px; color:rgba(255,255,255,.72); font-size:13px; line-height:1.6; }
.sc-home-magazine-card a,.sc-home-lexicon-card a,.sc-home-lk-card a { color:inherit; font-weight:700; text-decoration:none; }
.sc-home-label { display:block; color:var(--sc-blue); font-size:11px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.sc-home-affiliate { display:grid; grid-template-columns:1fr auto; gap:3px 12px; padding:14px 18px; background:var(--sc-accent); color:#fff; text-decoration:none; }
.sc-home-affiliate span { grid-column:1; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.sc-home-affiliate strong { grid-column:1; font-size:17px; }
.sc-home-affiliate b { grid-column:2; grid-row:1/3; align-self:center; font-size:22px; }
.sc-home-lexicon-card { flex:1; padding:24px; background:var(--sc-soft); }
.sc-home-lexicon-card h2 { margin:16px 0 10px; font:400 italic 26px/1.1 "Newsreader",sans-serif; letter-spacing:-.04em; }
.sc-home-lexicon-card p { display:-webkit-box; margin:0 0 18px; overflow:hidden; color:#536273; font-size:13px; line-height:1.6; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.sc-home-lexicon-card__all { display:block; margin-top:16px; padding-top:16px; border-top:1px solid rgba(29,53,87,.18); color:var(--sc-blue)!important; font-size:13px; }
.sc-home-lk-card { display:flex; flex-direction:column; background:#edf3f7; }
.sc-home-lk-card__visual { min-height:170px; padding:22px; display:grid; place-items:center; align-content:center; gap:12px; background:var(--sc-dark); color:#fff; }
.sc-home-lk-card__visual img { width:88px; height:88px; }
.sc-home-lk-card__visual span { font:400 italic 27px/1 "Newsreader",sans-serif; }
.sc-home-lk-card__body { padding:24px; }
.sc-home-lk-card__body h2 { margin:14px 0; font:400 italic clamp(25px,2vw,29px)/1.12 "Newsreader",sans-serif; letter-spacing:-.04em; }
.sc-home-lk-card__body p { margin:0 0 20px; color:#536273; font-size:14px; line-height:1.62; }

.sc-home-newsletter {
  position:relative;
  width:min(1600px,calc(100% - 40px));
  margin:0 auto var(--sc-home-section-gap);
  padding:clamp(32px,4.5vw,60px) clamp(28px,5vw,76px);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:40px;
  align-items:center;
  overflow:hidden;
  background:var(--sc-dark);
  color:#fff;
}
.sc-home-newsletter::after {
  content:none;
}
.sc-home-newsletter .sc-home-label { color:var(--sc-sky); }
.sc-home-newsletter h2 { margin:10px 0 12px; color:#fff; font:400 italic clamp(30px,3.5vw,44px)/1.08 "Newsreader",sans-serif; letter-spacing:-.05em; }
.sc-home-newsletter p { max-width:780px; margin:0; color:rgba(255,255,255,.72); font-size:16px; line-height:1.7; }
.sc-home-newsletter > a { position:relative; z-index:1; padding:15px 22px; border:1px solid var(--sc-accent); background:var(--sc-accent); color:#fff; font-weight:800; text-decoration:none; white-space:nowrap; }
.sc-home-newsletter > a span { margin-left:7px; }
.sc-home-newsletter > a:hover,.sc-home-newsletter > a:focus-visible { border-color:var(--sc-sky); background:transparent; color:var(--sc-sky); }

.sc-home-mission {
  display:block;
  width:min(1232px,calc(100% - 40px));
  margin:0 auto var(--sc-home-section-gap);
  padding:clamp(44px,5vw,72px) 20px;
  border:0;
  background:transparent;
  text-align:center;
}
.sc-home-mission__intro h2 { margin:0; color:var(--sc-dark); font:400 italic clamp(30px,4vw,46px)/1.1 "Newsreader",sans-serif; letter-spacing:-.05em; }
.sc-home-mission__intro p { margin:6px 0 24px; color:var(--sc-muted); font-size:clamp(18px,2vw,20px); line-height:1.45; }
.sc-home-mission__text { max-width:1050px; margin:0 auto; }
.sc-home-mission__text p { margin:0 auto 5px; color:var(--sc-dark); font-size:clamp(16px,1.35vw,18px); line-height:1.72; }
.sc-home-mission__text p:nth-child(2) { font-weight:400; }
.sc-home-mission__text .sc-home-mission__claim { margin-top:26px; font-weight:400; }
.sc-home-mission__claim strong { color:inherit; font-weight:400; }
.sc-home-mission__text img { display:block; width:41px; height:auto; margin:28px auto 0; }

.sc-home-tour {
  width:min(1600px,calc(100% - 40px));
  margin:0 auto var(--sc-home-section-gap);
  padding:clamp(30px,3vw,44px);
  border:0;
  background:#fff;
}
.sc-home-finder-cta {
  display:grid;
  width:min(1600px,calc(100% - 40px));
  margin:0 auto var(--sc-home-section-gap);
  padding:clamp(34px,4vw,56px) clamp(30px,5vw,76px);
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(28px,4vw,64px);
  background:#edf3f7;
  color:var(--sc-dark);
}
.sc-home-finder-cta .sc-home-label { color:var(--sc-blue); }
.sc-home-finder-cta h2 { margin:9px 0 12px; color:var(--sc-dark); font:400 italic clamp(30px,3.5vw,44px)/1.08 "Newsreader",sans-serif; letter-spacing:-.05em; }
.sc-home-finder-cta p { max-width:850px; margin:0; color:#536273; font-size:15px; line-height:1.7; }
.sc-home-finder-cta > a { padding:15px 22px; background:var(--sc-accent); color:#fff; font-size:14px; font-weight:800; text-decoration:none; white-space:nowrap; }
.sc-home-finder-cta > a span { margin-left:7px; }
.sc-home-finder-cta > a:hover,.sc-home-finder-cta > a:focus-visible { background:var(--sc-dark); color:#fff; }
.sc-home-tour__header { padding:15px 0 22px; text-align:center; }
.sc-home-tour__header h2 { margin:8px 0 0; color:var(--sc-dark); font:400 italic clamp(32px,4vw,46px)/1.08 "Newsreader",sans-serif; letter-spacing:-.05em; }
.sc-home-tour__viewport { overflow-x:auto; overscroll-behavior-inline:contain; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; }
.sc-home-tour__viewport::-webkit-scrollbar { display:none; }
.sc-home-tour__viewport:focus-visible { outline:2px solid var(--sc-accent); outline-offset:4px; }
.sc-home-tour__track { display:flex; gap:18px; width:max-content; padding:0 0 4px; }
.sc-home-tour__card { display:flex; flex:0 0 clamp(270px,21vw,340px); flex-direction:column; overflow:hidden; scroll-snap-align:start; border-radius:3px; background:#edf3f8; color:var(--sc-dark); }
.sc-home-tour__card:last-child { scroll-snap-align:end; }
.sc-home-tour__image { display:block; flex:0 0 260px; height:260px; overflow:hidden; background:#dce7ef; }
.sc-home-tour__image img { display:block; width:100%; height:100%; max-height:none; object-fit:cover; object-position:center; }
.sc-home-tour__body { display:flex; flex:1; flex-direction:column; min-height:260px; padding:16px 18px 18px; }
.sc-home-tour__year { color:var(--sc-blue); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.sc-home-tour__card h3 { display:-webkit-box; min-height:2.44em; margin:7px 0 9px; overflow:hidden; font-size:clamp(18px,1.35vw,21px); line-height:1.22; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.sc-home-tour__card h3 a { color:var(--sc-dark); text-decoration:none; }
.sc-home-tour__card h3 a:hover,.sc-home-tour__card h3 a:focus-visible { color:var(--sc-accent); }
.sc-home-tour__card p { display:-webkit-box; margin:0 0 15px; overflow:hidden; color:#455b73; font-size:13.5px; line-height:1.55; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.sc-home-tour__link { margin-top:auto; color:var(--sc-dark); font-size:13px; font-weight:800; text-decoration:none; }
.sc-home-tour__link span { margin-left:4px; color:var(--sc-accent); }
.sc-home-tour__link:hover,.sc-home-tour__link:focus-visible { color:var(--sc-accent); }
.sc-home-tour__controls { display:flex; align-items:center; justify-content:space-between; padding-top:14px; }
.sc-home-tour__control { display:grid; width:52px; height:42px; padding:0; place-items:center; border:0; border-radius:0; background:transparent; color:var(--sc-dark); cursor:pointer; font-size:38px; font-weight:300; line-height:1; }
.sc-home-tour__control:hover,.sc-home-tour__control:focus-visible { color:var(--sc-accent); }
.sc-home-tour__control:focus-visible { outline:2px solid var(--sc-accent); outline-offset:2px; }
.sc-home-tour__control:disabled { opacity:.25; cursor:default; }

.sc-home-logo-slider {
  position:relative;
  width:min(1600px,calc(100% - 40px));
  margin:0 auto var(--sc-home-section-gap);
  padding:clamp(14px,1.5vw,21px) 0 14px;
  background:#fff;
}
.sc-home-logo-slider__viewport { margin:0 62px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; }
.sc-home-logo-slider__viewport::-webkit-scrollbar { display:none; }
.sc-home-logo-slider__viewport:focus-visible { outline:2px solid var(--sc-accent); outline-offset:4px; }
.sc-home-logo-slider__track { display:flex; width:max-content; min-width:100%; align-items:center; gap:clamp(34px,4vw,72px); }
.sc-home-logo-slider__item { display:grid; flex:0 0 clamp(220px,18vw,290px); height:126px; padding:14px; place-items:center; scroll-snap-align:start; text-decoration:none; }
.sc-home-logo-slider__item:last-child { scroll-snap-align:end; }
.sc-home-logo-slider__item img { display:block; width:min(var(--sc-partner-logo-width,250px),100%); max-width:100%; height:72px; object-fit:contain; filter:brightness(0) saturate(100%) invert(18%) sepia(27%) saturate(1515%) hue-rotate(174deg) brightness(91%) contrast(94%); transition:filter .22s ease,opacity .22s ease; }
.sc-home-logo-slider__item:hover img,.sc-home-logo-slider__item:focus-visible img { filter:none; }
.sc-home-logo-slider__item:focus-visible { outline:2px solid var(--sc-accent); outline-offset:-2px; }
.sc-home-logo-slider__controls { position:absolute; inset:50% 0 auto; display:flex; justify-content:space-between; pointer-events:none; transform:translateY(-50%); }
.sc-home-logo-slider__control { display:grid; width:52px; height:52px; padding:0; place-items:center; border:0; border-radius:0; background:#fff; color:var(--sc-dark); cursor:pointer; font-size:38px; font-weight:300; line-height:1; pointer-events:auto; }
.sc-home-logo-slider__control:hover,.sc-home-logo-slider__control:focus-visible { color:var(--sc-accent); }
.sc-home-logo-slider__control:focus-visible { outline:2px solid var(--sc-accent); outline-offset:2px; }
.sc-home-logo-slider__control:disabled { opacity:.24; cursor:default; }

.sc-home-advice-latest {
  width:min(1120px,calc(100% - 40px));
  margin:0 auto var(--sc-home-section-gap);
  padding:clamp(30px,3vw,44px);
  background:#fff;
}
.sc-home-advice-latest__header { margin-bottom:clamp(28px,3vw,42px); }
.sc-home-advice-latest__header h2 { margin:8px 0 0; color:var(--sc-dark); font:400 italic clamp(32px,4vw,46px)/1.08 "Newsreader",sans-serif; letter-spacing:-.05em; }
.sc-home-advice-latest__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(30px,5vw,80px); }
.sc-home-advice-latest__item { display:flex; min-width:0; flex-direction:column; padding:0 0 8px; }
.sc-home-advice-latest__badge { align-self:flex-start; padding:5px 8px 4px; background:var(--sc-accent); color:#fff; font-size:11px; font-weight:800; letter-spacing:.08em; line-height:1; text-transform:uppercase; }
.sc-home-advice-latest__item h3 { margin:12px 0 14px; color:var(--sc-dark); font-size:clamp(19px,1.6vw,24px); line-height:1.28; }
.sc-home-advice-latest__item h3 a { color:inherit; text-decoration:none; }
.sc-home-advice-latest__item h3 a:hover,.sc-home-advice-latest__item h3 a:focus-visible { color:var(--sc-accent); }
.sc-home-advice-latest__item p { display:-webkit-box; margin:0 0 18px; overflow:hidden; color:#455b73; font-size:15px; line-height:1.68; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.sc-home-advice-latest__link { align-self:flex-start; margin-top:auto; color:var(--sc-dark); font-size:14px; font-weight:800; text-decoration:none; }
.sc-home-advice-latest__link span { margin-left:4px; color:var(--sc-accent); }
.sc-home-advice-latest__link:hover,.sc-home-advice-latest__link:focus-visible { color:var(--sc-accent); }

.sc-home-advice-slider {
  width:min(1600px,calc(100% - 40px));
  margin:0 auto var(--sc-home-section-gap);
  padding:clamp(48px,6vw,82px) clamp(30px,5vw,76px) clamp(34px,4vw,54px);
  background:var(--sc-dark-deep,#102743);
  color:#fff;
}
.sc-home-advice-slider__header { margin-bottom:32px; text-align:center; }
.sc-home-advice-slider__header .sc-new-eyebrow { color:var(--sc-sky); }
.sc-home-advice-slider__header h2 { margin:8px 0 0; color:#fff; font:400 italic clamp(32px,4vw,46px)/1.08 "Newsreader",sans-serif; letter-spacing:-.05em; }
.sc-home-advice-slider__viewport { max-width:1220px; margin:0 auto; overflow-x:auto; overscroll-behavior-inline:contain; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; }
.sc-home-advice-slider__viewport::-webkit-scrollbar { display:none; }
.sc-home-advice-slider__viewport:focus-visible { outline:2px solid var(--sc-sky); outline-offset:4px; }
.sc-home-advice-slider__track { display:flex; gap:18px; width:max-content; }
.sc-home-advice-slider__card { display:flex; flex:0 0 clamp(290px,27vw,394px); min-height:350px; flex-direction:column; padding:34px 32px; scroll-snap-align:start; background:#0b1d33; }
.sc-home-advice-slider__card:last-child { scroll-snap-align:end; }
.sc-home-advice-slider__label { color:var(--sc-sky); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.sc-home-advice-slider__card h3 { display:-webkit-box; margin:14px 0 20px; overflow:hidden; color:var(--sc-sky); font-size:clamp(20px,1.7vw,25px); font-weight:500; line-height:1.3; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.sc-home-advice-slider__card h3 a { color:inherit; text-decoration:none; }
.sc-home-advice-slider__card h3 a:hover,.sc-home-advice-slider__card h3 a:focus-visible { color:#fff; }
.sc-home-advice-slider__card p { display:-webkit-box; margin:0 0 24px; overflow:hidden; color:rgba(255,255,255,.78); font-size:14px; line-height:1.7; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.sc-home-advice-slider__link { align-self:flex-start; margin-top:auto; padding:10px 13px; background:var(--sc-accent); color:#fff; font-size:12px; font-weight:800; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; }
.sc-home-advice-slider__link:hover,.sc-home-advice-slider__link:focus-visible { background:#fff; color:var(--sc-dark); }

/* Kuratierter, bewusst leicht zugänglicher Einstieg für Tennisanfänger. */
.sc-home-beginner {
  width:min(1120px,calc(100% - 40px));
  margin:0 auto var(--sc-home-section-gap);
  padding:clamp(48px,6vw,84px) clamp(28px,4.5vw,72px);
  background:#fff;
}
.sc-home-beginner__header { margin-bottom:clamp(30px,3vw,46px); }
.sc-home-beginner__header h2 { margin:8px 0 12px; color:var(--sc-dark); font:400 italic clamp(32px,4vw,46px)/1.08 "Newsreader",sans-serif; letter-spacing:-.05em; }
.sc-home-beginner__header p { margin:0; color:var(--sc-dark); font-size:16px; font-weight:800; line-height:1.5; }
.sc-home-beginner__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:clamp(34px,4vw,72px); row-gap:clamp(22px,2.4vw,34px); }
.sc-home-beginner__item { min-width:0; }
.sc-home-beginner__item h3 { margin:0 0 8px; color:var(--sc-dark); font-size:17px; line-height:1.3; }
.sc-home-beginner__item h3 a { color:inherit; text-decoration:none; }
.sc-home-beginner__item h3 a:hover,.sc-home-beginner__item h3 a:focus-visible { color:var(--sc-accent); }
.sc-home-beginner__link { color:var(--sc-dark); font-size:13px; font-weight:800; text-decoration:none; }
.sc-home-beginner__link span { margin-left:3px; color:var(--sc-accent); }
.sc-home-beginner__link:hover,.sc-home-beginner__link:focus-visible { color:var(--sc-accent); }

@media (max-width:1050px) {
  .sc-home-beginner__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:650px) {
  .sc-home-beginner { width:calc(100% - 28px); padding:40px 20px 48px; }
  .sc-home-beginner__grid { grid-template-columns:1fr; row-gap:28px; }
}
.sc-home-advice-slider__controls { display:grid; grid-template-columns:52px 1fr 52px; align-items:center; gap:20px; max-width:1220px; margin:18px auto 0; }
.sc-home-advice-slider__arrow { display:grid; width:52px; height:42px; padding:0; place-items:center; border:0; border-radius:0; background:transparent; color:#fff; cursor:pointer; font-size:38px; line-height:1; }
.sc-home-advice-slider__arrow:hover,.sc-home-advice-slider__arrow:focus-visible { color:var(--sc-sky); }
.sc-home-advice-slider__arrow:focus-visible { outline:2px solid var(--sc-sky); outline-offset:2px; }
.sc-home-advice-slider__arrow:disabled { opacity:.25; cursor:default; }
.sc-home-advice-slider__dots { display:flex; justify-content:center; gap:8px; }
.sc-home-advice-slider__dots button { width:8px; height:8px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.3); cursor:pointer; }
.sc-home-advice-slider__dots button[aria-current="true"] { background:#fff; }
.sc-home-advice-slider__dots button:focus-visible { outline:2px solid var(--sc-sky); outline-offset:3px; }

.sc-magazine-overview { padding:0 var(--sc-overview-gutter) clamp(70px,9vw,112px); }
.sc-magazine-overview > h2 { margin:12px 0 38px; font-size:clamp(32px,4vw,48px); }
.sc-magazine-overview__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 clamp(24px,3vw,42px); border-top:1px solid rgba(29,53,87,.2); }
.sc-magazine-overview__grid article,.sc-magazine-overview__grid article:nth-child(even) { padding:34px 0 38px; border:0; border-bottom:1px solid rgba(29,53,87,.2); }
.sc-magazine-overview__image { display:block; margin-bottom:22px; }
.sc-magazine-overview__image img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.sc-magazine-overview__grid h3 { margin:0 0 12px; font-size:23px; line-height:1.3; }
.sc-magazine-overview__grid h3 a { color:var(--sc-dark); text-decoration:none; }
.sc-magazine-overview__grid article > p:not(.sc-home-latest__meta) { color:#536273; line-height:1.7; }

/* Zentraler Lexikon-Hub */
.sc-lexicon { padding:0 var(--sc-overview-gutter) clamp(76px,9vw,116px); }
.sc-lexicon__header { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.55fr); gap:50px; align-items:end; padding-bottom:34px; border-bottom:1px solid var(--sc-line); }
.sc-lexicon__header h2 { margin:12px 0 0; font-size:clamp(32px,4vw,50px); }
.sc-lexicon__search { display:grid; gap:8px; color:var(--sc-dark); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.sc-lexicon__search input { width:100%; padding:14px 0; border:0; border-bottom:2px solid var(--sc-dark); border-radius:0; outline:0; background:transparent; color:var(--sc-dark); font-size:16px; text-transform:none; }
.sc-lexicon__search input:focus-visible { outline:2px solid var(--sc-accent,#e63946); outline-offset:4px; border-bottom-color:var(--sc-accent,#e63946); }
.sc-lexicon__search input:focus { border-color:var(--sc-accent); }
.sc-lexicon__filters { display:flex; flex-wrap:wrap; gap:10px; padding:26px 0 16px; }
.sc-lexicon__filters button { padding:9px 13px; border:1px solid var(--sc-line); border-radius:0; background:#fff; color:var(--sc-dark); font-size:13px; font-weight:700; cursor:pointer; }
.sc-lexicon__filters button:hover,.sc-lexicon__filters button:focus-visible,.sc-lexicon__filters button.is-active { border-color:var(--sc-dark); background:var(--sc-dark); color:#fff; }
.sc-lexicon__result { margin:0 0 22px; color:var(--sc-muted); font-size:13px; }
.sc-lexicon__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--sc-line); }
.sc-lexicon-card { display:grid; grid-template-columns:42px minmax(0,1fr); gap:22px; min-height:260px; padding:32px 34px 34px 0; border-bottom:1px solid var(--sc-line); }
.sc-lexicon-card:nth-child(even) { padding-left:34px; border-left:1px solid var(--sc-line); }
.sc-lexicon-card__letter { color:var(--sc-accent); font:400 italic 34px/1 "Newsreader",sans-serif; }
.sc-lexicon-card__category { color:var(--sc-blue); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.sc-lexicon-card h3 { margin:12px 0 10px; color:var(--sc-dark); font-size:22px; line-height:1.25; }
.sc-lexicon-card p { margin:0 0 20px; color:#536273; font-size:14px; line-height:1.68; }
.sc-lexicon-card a { color:var(--sc-dark); font-size:14px; font-weight:800; text-decoration:none; }
.sc-lexicon-card a span { color:var(--sc-accent); }
.sc-lexicon-card[hidden] { display:none; }
.sc-lexicon__empty { padding:34px 0; border-top:1px solid var(--sc-line); color:var(--sc-muted); }
@media(max-width:760px){
  .sc-lexicon__header { grid-template-columns:1fr; gap:28px; }
  .sc-lexicon__grid { grid-template-columns:1fr; }
  .sc-lexicon-card,.sc-lexicon-card:nth-child(even) { min-height:0; padding:27px 0; border-left:0; }
}

@media (max-width:1120px) {
  .sc-home-editorial { grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); }
  .sc-home-lk-card { grid-column:1/-1; display:grid; grid-template-columns:minmax(260px,.7fr) minmax(0,1fr); }
  .sc-magazine-overview__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .sc-home-finder-cta { width:calc(100% - 28px); padding:32px 22px; grid-template-columns:1fr; gap:24px; }
  .sc-home-finder-cta > a { justify-self:start; white-space:normal; }
  .sc-home-editorial { width:calc(100% - 28px); grid-template-columns:1fr; padding:30px 0; }
  .sc-home-lk-card { grid-column:auto; display:flex; }
  .sc-home-latest__item { grid-template-columns:130px minmax(0,1fr); gap:17px; }
  .sc-home-latest__image img { height:130px; max-height:130px; aspect-ratio:auto; }
  .sc-magazine-overview__grid { grid-template-columns:1fr; }
  .sc-magazine-overview__grid article,.sc-magazine-overview__grid article:nth-child(even) { padding:28px 0; border-left:0; }
  .sc-home-newsletter { width:calc(100% - 28px); grid-template-columns:1fr; gap:26px; padding:34px 26px; }
  .sc-home-newsletter > a { justify-self:start; white-space:normal; }
  .sc-home-mission { width:calc(100% - 28px); padding:36px 0 44px; }
  .sc-home-tour { width:calc(100% - 28px); margin-bottom:var(--sc-home-section-gap); padding:30px 0; }
  .sc-home-tour__header { padding:15px 0 22px; }
  .sc-home-tour__card { flex-basis:min(82vw,310px); }
  .sc-home-tour__image { flex-basis:235px; height:235px; }
  .sc-home-tour__body { min-height:235px; padding:15px 16px 17px; }
  .sc-home-tour__card h3 { font-size:18px; }
  .sc-home-tour__card p { font-size:13px; line-height:1.5; }
  .sc-home-advice-latest { width:calc(100% - 28px); margin-bottom:var(--sc-home-section-gap); padding:30px 0; }
  .sc-home-advice-latest__grid { grid-template-columns:1fr; gap:36px; }
  .sc-home-advice-latest__item + .sc-home-advice-latest__item { padding-top:30px; border-top:1px solid var(--sc-line); }
  .sc-home-advice-slider { width:calc(100% - 28px); margin-bottom:var(--sc-home-section-gap); padding:42px 18px 28px; overflow:hidden; }
  .sc-home-advice-slider__header { margin-bottom:26px; }
  .sc-home-advice-slider__viewport { width:100%; max-width:100%; }
  .sc-home-advice-slider__track { max-width:none; }
  .sc-home-advice-slider__card { box-sizing:border-box; flex-basis:calc(100vw - 64px); max-width:310px; min-width:0; min-height:330px; padding:28px 24px; }
  .sc-home-advice-slider__card h3 { font-size:20px; }
  .sc-home-advice-slider__card h3,
  .sc-home-advice-slider__card p { overflow-wrap:anywhere; }
  .sc-home-advice-slider__controls { grid-template-columns:44px 1fr 44px; gap:10px; }
  .sc-home-advice-slider__arrow { width:44px; }
  .sc-home-advice-slider__dots { min-width:0; gap:7px; overflow:hidden; }
}
@media (max-width:500px) {
  .sc-home-latest__item { grid-template-columns:105px minmax(0,1fr); gap:14px; }
  .sc-home-latest__image img { height:105px; max-height:105px; }
  .sc-home-latest__item h3 { font-size:16px; }
}

.sc-menu-open { overflow: hidden; }

@media (max-width: 850px) {
  .sc-site-nav--desktop { display: none; }
  .sc-site-menu-button { display: flex; position: relative; }
  .sc-site-header { padding: 15px 20px 34px; margin-bottom: 20px; }
  .sc-site-header__inner { min-height: 50px; }
}

@media (max-width: 560px) {
  .sc-site-header { padding-inline: 18px; }
  .sc-mobile-menu { padding-inline: 20px; }
}

@media (max-width: 1220px) {
  .sc-new-section { width: calc(100% - 28px); }
}

@media (prefers-reduced-motion: reduce) { .sc-mobile-menu { transition: none; } }

/* Pilotbereich Tennistraining */
.sc-pillar-page,
.sc-article-page {
  --sc-page-gutter:clamp(24px,5vw,64px);
  width: min(1280px, calc(100% - 40px));
  margin:0 auto;
  background: var(--sc-white, #fff);
  box-shadow: 0 24px 80px rgba(29, 53, 87, .12);
}
.sc-pillar-page { --sc-overview-gutter:var(--sc-page-gutter); }
.sc-breadcrumbs { width:100%; margin:0 0 30px; padding:24px var(--sc-page-gutter) 0; }
.sc-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; color: #66717d; font-size: 13px; }
.sc-breadcrumbs li:not(:last-child)::after { content: "/"; margin-left: 8px; color: #a6afb8; }
.sc-breadcrumbs a { color: inherit; text-decoration: none; }
.sc-breadcrumbs a:hover { color: var(--sc-accent, #e63946); }
.sc-pillar-hero { padding:28px var(--sc-overview-gutter) clamp(64px,8vw,96px); }
.sc-article-header { padding:28px var(--sc-page-gutter) 30px; border-bottom:0; }
.sc-pillar-hero--compact { padding-bottom:clamp(52px,7vw,82px); }
.sc-pillar-page h1,
.sc-article-page h1,
.sc-lk-calc__header h1 {
  max-width: 940px;
  margin: 12px 0 24px;
  font-family:"Newsreader",sans-serif;
  font-size:clamp(30px,4vw,46px);
  font-weight:400;
  font-style:italic;
  line-height:1.1;
  letter-spacing:-.05em;
}
.sc-pillar-page h2,
.sc-article-page h2 {
  font-family:"Inter",Arial,sans-serif;
  font-style:normal;
  font-weight:700;
  letter-spacing:normal;
  line-height:1.2;
}
.sc-pillar-hero p { max-width:790px; margin:0; color:#536273; font-size:clamp(18px,2vw,23px); line-height:1.65; }
.sc-article-lead { max-width:none; margin:0; color:var(--sc-ink,#1d3557); font-size:16px; line-height:1.75; }
.sc-pillar-intro { padding:0 var(--sc-overview-gutter) clamp(70px,9vw,112px); }
.sc-pillar-intro > h2,
.sc-cluster-map h2 { max-width: 800px; margin: 12px 0 38px; font-size: clamp(34px, 5vw, 58px); line-height: 1.08; }
.sc-topic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid rgba(29,53,87,.2); }
.sc-publication-cluster { scroll-margin-top: 120px; padding-top: 34px; }
.sc-publication-cluster + .sc-publication-cluster { margin-top: 52px; border-top: 1px solid rgba(29,53,87,.14); }
.sc-publication-cluster > header { max-width: 820px; margin-bottom: 24px; }
.sc-publication-cluster > header h3 { margin: 8px 0 10px; font-size: clamp(26px,3vw,38px); line-height: 1.12; }
.sc-publication-cluster > header p { margin: 0; color: var(--sc-muted); }
.sc-topic-card { min-height: 260px; padding: 34px 34px 34px 0; border-bottom: 1px solid rgba(29,53,87,.2); }
.sc-topic-card:nth-child(even) { padding-left: 34px; border-left: 1px solid rgba(29,53,87,.2); }
.sc-topic-card > span { color: var(--sc-accent, #e63946); font-size: 12px; font-weight: 700; letter-spacing: .12em; }
.sc-topic-card h2 { margin: 24px 0 14px; font-size: clamp(25px, 3vw, 34px); }
.sc-topic-card h2 a { color: var(--sc-dark, #1d3557); text-decoration: none; }
.sc-topic-card p { max-width: 450px; color: #536273; line-height: 1.7; }
.sc-text-link { color: var(--sc-dark, #1d3557); font-weight: 700; text-decoration: none; }
.sc-text-link span { color: var(--sc-accent, #e63946); }
.sc-cluster-map { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(40px,8vw,100px); padding:0 var(--sc-overview-gutter) clamp(70px,9vw,112px); }
.sc-cluster-map > div p { color: #536273; line-height: 1.75; }
.sc-cluster-map ol { margin: 0; padding: 0; border-top: 1px solid rgba(29,53,87,.22); list-style: none; }
.sc-cluster-map li { border-bottom: 1px solid rgba(29,53,87,.22); }
.sc-cluster-map li a { display: grid; grid-template-columns: 36px 1fr; gap: 4px 18px; padding: 24px 0; color: var(--sc-dark, #1d3557); text-decoration: none; }
.sc-cluster-map li a > span { grid-row: 1 / 3; color: var(--sc-accent, #e63946); font-size: 12px; font-weight: 700; }
.sc-cluster-map li strong { font-size: 18px; }
.sc-cluster-map li small { color: #687585; }
.sc-article-page article { width:100%; max-width:none; margin:0; padding-bottom:clamp(70px,9vw,110px); }
.sc-article-meta { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 30px; color: #66717d; font-size: 13px; }
.sc-inhaltsverzeichnis { width:auto; box-sizing:border-box; margin:30px var(--sc-page-gutter) 42px; padding:22px 0; border-top:1px solid rgba(29,53,87,.2); border-bottom:1px solid rgba(29,53,87,.2); color:var(--sc-dark,#1d3557); }
.sc-inhaltsverzeichnis > strong { display:block; margin-bottom:16px; color:var(--sc-dark,#1d3557); font-family:"Inter",Arial,sans-serif; font-size:.82rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.sc-content .sc-inhaltsverzeichnis ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; margin:0; padding:0; list-style:none; counter-reset:sc-inhalt; }
.sc-content .sc-inhaltsverzeichnis li { position:static; margin:0; padding:0; counter-increment:sc-inhalt; }
.sc-content .sc-inhaltsverzeichnis li::before { content:none; }
.sc-content .sc-inhaltsverzeichnis a { display:flex; align-items:baseline; gap:10px; padding:9px 0; border-bottom:1px solid rgba(29,53,87,.09); color:var(--sc-dark,#1d3557); font-size:.94rem; font-weight:600; line-height:1.45; text-decoration:none; transition:color 150ms ease,padding-left 150ms ease; }
.sc-inhaltsverzeichnis a::before { content:counter(sc-inhalt,decimal-leading-zero); flex:0 0 auto; color:var(--sc-blue,#457b9d); font-weight:800; letter-spacing:.04em; }
.sc-content .sc-inhaltsverzeichnis a:hover { padding-left:3px; color:var(--sc-accent,#e63946); }
.sc-content .sc-inhaltsverzeichnis a:focus-visible { outline:2px solid var(--sc-accent,#e63946); outline-offset:3px; color:var(--sc-accent,#e63946); }
.sc-content h2[id],.sc-content h3[id] { scroll-margin-top:110px; }
.sc-article-body { padding:0 var(--sc-page-gutter); color:var(--sc-ink,#1d3557); font-family:"Inter",Arial,sans-serif; font-size:15px; line-height:1.75; }
.sc-article-body h2 { margin:42px 0 14px; font-size:24px; line-height:1.2; }
.sc-article-body h3 { margin:32px 0 12px; font:700 19px/1.3 "Inter",Arial,sans-serif; }
.sc-article-body p { margin:0 0 20px; color:var(--sc-ink,#1d3557); font-size:15px; line-height:1.75; }
.sc-article-body blockquote { margin:34px 0; padding:6px 0 6px 28px; border-left:3px solid var(--sc-accent,#e63946); }
.sc-article-body blockquote p { color:var(--sc-dark,#1d3557); font:italic 400 24px/1.45 "Newsreader",serif; }
.sc-related-link { margin-top: 44px; padding: 24px; background: #f5f7f9; }
.sc-magazine-detail .sc-article-body > figure { display:none; }
.sc-editorial-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(34px,5vw,74px); align-items:center; margin:clamp(48px,6vw,86px) 0; }
.sc-editorial-split__media { grid-column:1; grid-row:1; min-width:0; }
.sc-editorial-split__text { grid-column:2; grid-row:1; min-width:0; }
.sc-editorial-split--image-right .sc-editorial-split__media { grid-column:2; }
.sc-editorial-split--image-right .sc-editorial-split__text { grid-column:1; }
.sc-editorial-split figure { margin:0; }
.sc-editorial-split img { display:block; width:100%; height:auto; max-height:520px; object-fit:cover; border:0; }
.sc-magazine-detail .sc-article-body figcaption { margin-top:8px; color:var(--sc-muted,#607286); font-size:13px; line-height:1.5; }
.sc-editorial-split__text > :first-child { margin-top:0; }
.sc-editorial-split__text > :last-child { margin-bottom:0; }
.sc-editorial-notice { margin:30px 0 38px; padding:18px 20px; border:1px solid rgba(29,53,87,.22); border-left:4px solid var(--sc-accent); background:rgba(239,247,238,.62); color:var(--sc-ink); line-height:1.65; border-radius:0; }
.sc-editorial-notice strong { display:block; margin-bottom:4px; }
.sc-rule-sources { margin-top:clamp(48px,6vw,78px); padding-top:30px; border-top:1px solid rgba(29,53,87,.22); }
.sc-rule-sources h2 { margin-top:0; }
.sc-rule-sources ul { margin:18px 0 0; padding:0; list-style:none; display:grid; gap:10px; }
.sc-rule-sources a { color:var(--sc-blue); text-underline-offset:4px; }
.sc-magazine-detail__back { margin:44px var(--sc-page-gutter) 70px; padding-top:24px; border-top:1px solid var(--sc-line,#c8dddf); }
.sc-magazine-detail__back a { color:var(--sc-dark,#1d3557); font-weight:700; text-decoration:none; }
.sc-magazine-detail__back a span { color:var(--sc-accent,#e63946); }
.sc-magazine-search { margin:28px 0 42px; padding:26px 0; border-top:1px solid var(--sc-line,#c8dddf); border-bottom:1px solid var(--sc-line,#c8dddf); }
.sc-magazine-search > label { display:block; margin-bottom:9px; color:var(--sc-dark,#1d3557); font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.sc-magazine-search__row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; }
.sc-magazine-search input { width:100%; min-height:48px; padding:11px 14px; border:1px solid rgba(29,53,87,.3); border-radius:0; background:#fff; color:var(--sc-dark,#1d3557); font:400 16px/1.5 "Inter",Arial,sans-serif; }
.sc-magazine-search input:focus { border-color:var(--sc-blue,#457b9d); outline:2px solid rgba(69,123,157,.2); outline-offset:1px; }
.sc-magazine-search__row button,.sc-magazine-filter button { border:1px solid var(--sc-dark,#1d3557); border-radius:0; background:#fff; color:var(--sc-dark,#1d3557); font:700 14px/1.2 "Inter",Arial,sans-serif; cursor:pointer; }
.sc-magazine-search__row button { padding:10px 18px; }
.sc-magazine-filter { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.sc-magazine-filter button { padding:8px 12px; }
.sc-magazine-filter button:hover,.sc-magazine-filter button:focus-visible,.sc-magazine-filter button.is-active { background:var(--sc-dark,#1d3557); color:#fff; }
.sc-magazine-search__status { margin:14px 0 0; color:var(--sc-muted,#607286); font-size:14px; }
.sc-magazine-search__empty { margin:36px 0 0; padding:30px 0; border-top:1px solid var(--sc-line,#c8dddf); border-bottom:1px solid var(--sc-line,#c8dddf); color:var(--sc-muted,#607286); text-align:center; }
.sc-magazine-overview__grid > article[hidden] { display:none !important; }
.sc-content-image { margin:34px 0; }
.sc-content-image img { display:block; width:100%; height:auto; border:0; }
.sc-content-image a { display:block; }
.sc-content-image figcaption { display:flex; justify-content:space-between; gap:18px; padding:10px 0 0; color:var(--sc-muted,#607286); font-size:13px; line-height:1.5; }
.sc-content-image figcaption small { flex:0 0 auto; font:inherit; }
.sc-content-image--lead { margin:30px var(--sc-page-gutter) 42px; }
.sc-content-image--standard { max-width:860px; }
.sc-content-image--detail { max-width:620px; }
.sc-image-sequence { margin:42px 0; }
.sc-image-sequence > figcaption { margin-bottom:14px; color:var(--sc-dark,#1d3557); font-weight:700; }
.sc-image-sequence > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.sc-image-sequence .sc-content-image { margin:0; }
.sc-image-sequence .sc-content-image figcaption { display:block; }

/* FAQ-Komponente: verbindliche Struktur und Gestaltung der LK-Rechner-Contentseiten. */
.sc-pillar-page > .sc-lk-faq,
.sc-article-page .sc-lk-faq { padding:52px var(--sc-page-gutter) 90px; border-top:1px solid var(--sc-line,#c8dddf); color:var(--sc-dark,#1d3557); }
.sc-lk-faq__header { max-width:760px; margin-bottom:clamp(44px,5vw,58px); }
.sc-lk-faq__eyebrow { display: block; margin-bottom: 10px; color: var(--sc-accent, #e63946); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.sc-lk-guide__header h2,
.sc-lk-faq h2 { margin:0 0 14px; color:var(--sc-dark,#1d3557); font-family:"Newsreader",sans-serif; font-size:clamp(28px,4vw,42px); font-weight:400; font-style:italic; line-height:1.08; letter-spacing:-.05em; }
.sc-lk-faq__header p { max-width: 680px; margin: 0; color: #536273; line-height: 1.7; }
.sc-lk-faq__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 clamp(32px,6vw,80px); align-items: start; }
.sc-lk-faq__column { border-top: 1px solid rgba(29,53,87,.22); }
.sc-lk-faq__item { margin: 0; border-bottom: 1px solid rgba(29,53,87,.22); }
.sc-lk-faq__item summary { display:grid; grid-template-columns:minmax(0,1fr) 38px; gap:20px; align-items:center; padding:19px 0; cursor:pointer; list-style:none; }
.sc-lk-faq__item summary::-webkit-details-marker { display: none; }
.sc-lk-faq__q { margin:0; color:var(--sc-dark,#1d3557); font-family:"Inter",Arial,sans-serif; font-size:clamp(17px,1.45vw,20px); font-style:normal; font-weight:700; letter-spacing:normal; line-height:1.4; transition:color 180ms ease; }
.sc-lk-faq__item summary:hover .sc-lk-faq__q,.sc-lk-faq__item[open] .sc-lk-faq__q { color: var(--sc-accent,#e63946); }
.sc-lk-faq__icon { position:relative; display:block; width:36px; height:36px; border-radius:50%; background:var(--sc-soft,#e4f1ee); color:var(--sc-accent,#e63946); }
.sc-lk-faq__icon::before,.sc-lk-faq__icon::after { content:""; position:absolute; top:50%; left:50%; width:14px; height:2px; background:currentColor; transform:translate(-50%,-50%); transition:transform 180ms ease; }
.sc-lk-faq__icon::after { transform:translate(-50%,-50%) rotate(90deg); }
.sc-lk-faq__item[open] .sc-lk-faq__icon::after { transform:translate(-50%,-50%) rotate(0); }
.sc-lk-faq__item[open] .sc-lk-faq__icon { background:var(--sc-dark,#1d3557); color:var(--sc-accent,#e63946); }
.sc-lk-faq__a { padding: 0 48px 24px 0; }
.sc-lk-faq__a p { margin:0; color:#536273; font-size:15px; line-height:1.75; }
.sc-lk-faq__item summary:focus-visible { outline:2px solid var(--sc-accent,#e63946); outline-offset:5px; }

/* Dreistufiges Desktop- und Mobile-Menü */
.sc-site-nav__group > .sc-cluster-mega {
  position:absolute;
  z-index:18;
  top:calc(100% + 18px);
  right:0;
  width:min(760px,calc(100vw - 40px));
  padding:26px 28px 30px;
  background:#fff;
  box-shadow:0 18px 50px rgba(29,53,87,.22);
}
.sc-cluster-mega__header { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; padding-bottom:18px; border-bottom:1px solid var(--sc-line,#dfe4e8); }
.sc-cluster-mega__header > div { display:grid; gap:4px; }
.sc-cluster-mega__header strong { color:var(--sc-dark,#1d3557); font-size:18px; }
.sc-cluster-mega__header span { color:var(--sc-muted,#66717d); font-size:14px; }
.sc-cluster-mega__header > a { flex:0 0 auto; color:var(--sc-dark,#1d3557); font-size:15px; font-weight:700; text-decoration:none; }
.sc-cluster-mega__header > a span { color:var(--sc-accent,#e63946); }
.sc-site-nav__group .sc-cluster-mega__grid { position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 34px; width:auto; margin:0; padding:12px 0 0; background:transparent; box-shadow:none; list-style:none; }
.sc-site-nav__group .sc-cluster-mega__grid::before { content:none; }
.sc-site-nav__group .sc-cluster-mega__grid li,.sc-site-nav__group .sc-cluster-mega__grid li + li { border-top:0; border-bottom:1px solid var(--sc-line,#dfe4e8); }
.sc-cluster-mega__grid a { display:grid; gap:4px; padding:15px 0; color:var(--sc-dark,#1d3557); text-decoration:none; }
.sc-cluster-mega__grid a:hover strong,.sc-cluster-mega__grid a:focus-visible strong { color:var(--sc-accent,#e63946); }
.sc-cluster-mega__grid strong { font-size:16px; line-height:1.3; }
.sc-cluster-mega__grid small { color:var(--sc-muted,#66717d); font-size:13px; line-height:1.45; }
.sc-site-nav__group > .sc-nav-tree { width:340px; overflow:visible; }
.sc-site-nav summary[aria-current] { color:var(--sc-sky); }
.sc-site-nav__group > summary[aria-current]::after { transform:scaleX(1); }
.sc-site-nav__group .sc-nav-tree > .sc-nav-tree__branch { padding-bottom:8px; }
.sc-nav-tree__branch-row { display:grid; grid-template-columns:minmax(0,1fr) 42px; align-items:stretch; }
.sc-nav-tree__branch-row > a { min-width:0; }
.sc-nav-tree__toggle { position:relative; display:grid; place-items:center; margin:7px 5px 7px 0; padding:0; border:0; border-left:1px solid var(--sc-line,#dfe4e8); background:transparent; color:var(--sc-blue,#457b9d); cursor:pointer; }
.sc-nav-tree__toggle:hover,.sc-nav-tree__toggle:focus-visible { background:var(--sc-soft,#f3f6f8); color:var(--sc-accent,#e63946); }
.sc-nav-tree__toggle span::before { content:"+"; font-size:23px; font-weight:400; line-height:1; }
.sc-nav-tree__toggle[aria-expanded="true"] span::before { content:"−"; }
.sc-site-nav__group .sc-nav-tree > .sc-nav-tree__branch > ul { position:static; width:auto; margin:0 10px 5px 24px; padding:0 0 0 13px; border-left:2px solid var(--sc-line,#dfe4e8); background:transparent; box-shadow:none; }
.sc-site-nav__group .sc-nav-tree > .sc-nav-tree__branch > ul[hidden] { display:none !important; }
.sc-site-nav__group .sc-nav-tree > .sc-nav-tree__branch > ul::before { content:none; }
.sc-site-nav__group .sc-nav-tree > .sc-nav-tree__branch > ul li { border:0; }
.sc-site-nav__group .sc-nav-tree a { font-size:16px; }
.sc-site-nav__group .sc-nav-tree > .sc-nav-tree__branch > ul a { padding:9px 10px; color:var(--sc-muted,#66717d); font-size:16px; font-weight:600; line-height:1.35; }
.sc-site-nav__group .sc-nav-tree__level-three > .sc-nav-tree__has-flyout { position:relative; }
.sc-site-nav__group .sc-nav-tree__level-three > .sc-nav-tree__has-flyout::after { content:""; position:absolute; z-index:19; top:-8px; right:100%; width:18px; height:calc(100% + 16px); }
.sc-site-nav__group .sc-nav-tree__level-three > .sc-nav-tree__has-flyout > a { display:flex; align-items:center; justify-content:space-between; }
.sc-site-nav__group .sc-nav-tree__level-three > .sc-nav-tree__has-flyout > a > span { color:var(--sc-blue,#457b9d); font-size:18px; }
.sc-site-nav__group .sc-nav-tree__level-three > .sc-nav-tree__has-flyout > .sc-nav-tree__flyout {
  position:absolute;
  z-index:20;
  top:-10px;
  right:calc(100% + 12px);
  display:block;
  width:245px;
  margin:0;
  padding:10px;
  border:0;
  background:#fff;
  box-shadow:0 18px 50px rgba(29,53,87,.22);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(7px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.sc-site-nav__group .sc-nav-tree__level-three > .sc-nav-tree__has-flyout > .sc-nav-tree__flyout::before { content:""; position:absolute; top:17px; right:-6px; width:14px; height:14px; background:#fff; transform:rotate(45deg); }
.sc-site-nav__group .sc-nav-tree__flyout > .sc-nav-tree__flyout-overview { margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid var(--sc-line,#dfe4e8); }
.sc-site-nav__group .sc-nav-tree__flyout > .sc-nav-tree__flyout-overview a { color:var(--sc-dark,#1d3557); }
.sc-site-nav__group .sc-nav-tree__level-three > .sc-nav-tree__has-flyout:hover > .sc-nav-tree__flyout,
.sc-site-nav__group .sc-nav-tree__level-three > .sc-nav-tree__has-flyout:focus-within > .sc-nav-tree__flyout { opacity:1; visibility:visible; pointer-events:auto; transform:none; }
.sc-mobile-menu__nav details details { margin-left:16px; border-top:1px solid rgba(255,255,255,.12); }
.sc-mobile-menu__nav details details summary { font-size:16px; }
.sc-mobile-menu__overview { font-weight:700; }
.sc-mobile-menu { overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
.sc-mobile-menu__top { flex:0 0 auto; }
.sc-mobile-menu__nav { flex:0 0 auto; }
.sc-mobile-menu__footer { flex:0 0 auto; margin-top:40px; }
.sc-mobile-menu summary > span { width:28px; color:transparent; font-size:0; text-align:center; transform:none !important; }
.sc-mobile-menu summary > span::before { content:"+"; color:var(--sc-mint); font-size:28px; font-weight:400; line-height:1; }
.sc-mobile-menu details[open] > summary > span::before { content:"−"; }
.sc-mobile-menu summary[aria-current],
.sc-mobile-menu a[aria-current] { color:var(--sc-mint,#a8dadc); }
.sc-mobile-menu summary[aria-current] { box-shadow:inset 3px 0 0 var(--sc-accent,#e63946); }

@media (max-width:760px) {
  .sc-pillar-page,.sc-article-page { width:calc(100% - 28px); }
  .sc-pillar-page,.sc-article-page { --sc-page-gutter:20px; }
  .sc-placeholder-page,.sc-content-page { --sc-page-gutter:20px; }
  .sc-pillar-page { --sc-overview-gutter:var(--sc-page-gutter); }
  .sc-topic-grid,.sc-cluster-map,.sc-lk-faq__grid { grid-template-columns:1fr; }
  .sc-topic-card,.sc-topic-card:nth-child(even) { min-height:0; padding:28px 0; border-left:0; }
  .sc-cluster-map { gap:32px; }
  .sc-lk-faq__column:last-child { border-top:0; }
  .sc-lk-faq__item summary { padding:19px 0; }
  .sc-lk-faq__a { padding-right:24px; }
  .sc-article-header { padding-top:23px; padding-bottom:23px; }
  .sc-article-page .sc-lk-faq { padding-top:42px; padding-bottom:64px; }
  .sc-inhaltsverzeichnis { margin-top:24px; margin-bottom:34px; padding:18px 0; }
  .sc-content .sc-inhaltsverzeichnis ul { grid-template-columns:1fr; }
  .sc-content .sc-inhaltsverzeichnis a { padding:10px 0; }
  .sc-content-image--lead { margin-top:24px; margin-bottom:34px; }
  .sc-magazine-detail__back { margin-top:38px; margin-bottom:58px; }
  .sc-editorial-split { grid-template-columns:1fr; gap:24px; margin:44px 0; }
  .sc-editorial-split__media,.sc-editorial-split__text,.sc-editorial-split--image-right .sc-editorial-split__media,.sc-editorial-split--image-right .sc-editorial-split__text { grid-column:1; }
  .sc-editorial-split__text,.sc-editorial-split--image-right .sc-editorial-split__text { grid-row:1; }
  .sc-editorial-split__media,.sc-editorial-split--image-right .sc-editorial-split__media { grid-row:2; }
  .sc-magazine-search__row { grid-template-columns:1fr; }
  .sc-content-image figcaption { display:block; }
  .sc-content-image figcaption small { display:block; margin-top:3px; }
  .sc-image-sequence > div { grid-template-columns:1fr; }
}

@media (max-width:1280px) {
  .sc-site-nav--desktop { display:none; }
  .sc-site-menu-button { display:flex; position:relative; }
  .sc-site-header { padding:15px 20px 34px; margin-bottom:20px; }
  .sc-site-header__inner { min-height:50px; }
}

/* Verbindliches Typografie-System nach lk-rechner.tennis. */
main.sc-content,
.sc-content-page {
  color:var(--sc-ink,#1d3557);
  font-family:"Inter",Arial,sans-serif;
}

main.sc-content p,
.sc-content-page p {
  margin-block-start:1em;
  margin-block-end:1em;
  margin-inline:0;
  font-size:16px;
  line-height:1.75;
}

main.sc-content h1,
.sc-content-page h1 {
  margin:0;
  font-family:"Newsreader",sans-serif;
  font-size:clamp(30px,4vw,46px);
  font-weight:400;
  font-style:italic;
  line-height:1.1;
  letter-spacing:-.05em;
}

main.sc-content h2,
.sc-content-page h2 {
  display:block;
  margin-block-start:.83em;
  margin-block-end:.83em;
  margin-inline-start:0;
  margin-inline-end:0;
  font-size:1.5em;
  font-weight:bold;
  font-style:normal;
  line-height:normal;
  letter-spacing:normal;
  unicode-bidi:isolate;
}

main.sc-content h3,
.sc-content-page h3 {
  display:block;
  margin-block-start:1em;
  margin-block-end:1em;
  margin-inline:0;
  font-family:"Inter",Arial,sans-serif;
  font-size:1.17em;
  font-weight:bold;
  font-style:normal;
  line-height:normal;
  letter-spacing:normal;
  unicode-bidi:isolate;
}

main.sc-content ul,
main.sc-content ol,
.sc-content-page ul,
.sc-content-page ol {
  margin:20px 0 28px;
  font-size:16px;
}

main.sc-content li,
.sc-content-page li {
  margin-bottom:9px;
  line-height:1.65;
}

/* Bewusste Komponenten-Abweichungen entsprechen ebenfalls der Referenz. */
main.sc-content .sc-lk-guide__header h2,
main.sc-content .sc-lk-faq h2,
.sc-content-page .sc-lk-guide__header h2,
.sc-content-page .sc-lk-faq h2 {
  margin:0 0 14px;
  font-family:"Newsreader",sans-serif;
  font-size:clamp(28px,4vw,42px);
  font-weight:400;
  font-style:italic;
  line-height:1.08;
  letter-spacing:-.05em;
}

main.sc-content .sc-lk-faq__header p,
.sc-content-page .sc-lk-faq__header p {
  max-width:680px;
  margin:0;
  color:var(--sc-muted,#607286);
  font-size:16px;
  line-height:1.7;
}

main.sc-content .sc-lk-faq__a p,
.sc-content-page .sc-lk-faq__a p {
  margin:0;
  color:var(--sc-muted,#607286);
  font-size:15px;
  line-height:1.75;
}

main.sc-content .sc-lk-faq__q,
.sc-content-page .sc-lk-faq__q {
  margin:0;
  font-family:"Inter",Arial,sans-serif;
  font-size:clamp(16px,1.4vw,19px);
  font-weight:650;
  font-style:normal;
  line-height:1.45;
  letter-spacing:normal;
}

main.sc-content .sc-lk-guide__header p,
.sc-content-page .sc-lk-guide__header p {
  margin:16px 0 0;
  color:var(--sc-muted,#607286);
  font-size:14px;
  line-height:1.75;
}

main.sc-content .sc-service-page__header p {
  margin:0;
  color:var(--sc-ink,#1d3557);
  font-size:16px;
  line-height:1.75;
}

/* =========================================================
   Verbindliches Content-Raster nach Miras Proportionssystem
   ========================================================= */
.sc-pillar-page,
.sc-article-page {
  --sc-page-gutter:clamp(24px,5vw,64px);
}

.sc-article-page .sc-breadcrumbs {
  margin:0 0 15px;
  padding:32px var(--sc-page-gutter) 0;
}
.sc-article-page .sc-breadcrumbs ol {
  font-family:"Inter",Arial,sans-serif;
  font-size:14px;
  line-height:1.5;
}

.sc-article-page .sc-article-header {
  padding:30px var(--sc-page-gutter) 34px;
}
.sc-article-page h1 {
  width:100%;
  max-width:min(1120px,100%);
  margin:12px 0 24px;
  font-family:"Newsreader",sans-serif;
  font-size:clamp(30px,4vw,46px);
  font-weight:400;
  font-style:italic;
  line-height:1.1;
  letter-spacing:-.05em;
}
.sc-article-page .sc-article-lead {
  width:100%;
  max-width:78rem;
  margin:0;
  color:var(--sc-ink,#1d3557);
  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  line-height:1.75;
}

.sc-article-page .sc-editorial-notice {
  margin:30px var(--sc-page-gutter) 38px;
  padding:18px 20px;
  border:1px solid rgba(29,53,87,.22);
  border-left:4px solid var(--sc-accent,#e63946);
  border-radius:0;
  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  line-height:1.65;
}

.sc-article-page .sc-inhaltsverzeichnis {
  margin:30px var(--sc-page-gutter) 42px;
  padding:22px 0;
}
.sc-article-page .sc-inhaltsverzeichnis a {
  font-family:"Inter",Arial,sans-serif;
  font-size:15px;
  line-height:1.45;
}

.sc-article-page .sc-article-body {
  width:auto;
  padding-right:var(--sc-page-gutter);
  padding-left:var(--sc-page-gutter);
  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  line-height:1.75;
}
main.sc-content .sc-article-body p {
  max-width:78rem;
  margin:0 0 20px;
  color:var(--sc-ink,#1d3557);
  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  line-height:1.75;
}
main.sc-content .sc-article-body h2 {
  margin:42px 0 14px;
  font-family:"Inter",Arial,sans-serif;
  font-size:1.5em;
  font-weight:700;
  font-style:normal;
  line-height:1.2;
  letter-spacing:normal;
}

.sc-article-page article {
  padding-bottom:0;
}
.sc-article-page article > .sc-article-body:last-child {
  padding-bottom:clamp(48px,6vw,72px);
}
main.sc-content .sc-magazine-detail__back {
  margin:44px var(--sc-page-gutter) 44px;
  padding-top:24px;
}
.sc_powered {
  padding:48px 20px;
}

.sc-site-header {
  padding-top:22px;
  overflow:visible;
}
.sc-site-header__inner {
  align-items:center;
  overflow:visible;
}
.sc-header-brand {
  min-height:40px;
  margin-top:0;
}
.sc-schlaegerclub-logo--header {
  display:block;
  width:180px;
  height:auto;
}

/* Ruhigere Content-Listen mit optisch mittig ausgerichteten Markierungen. */
.sc-article-body ul,
.sc-article-body ol,
.sc-content-page__body ul,
.sc-content-page__body ol,
.sc-service-page__body ul,
.sc-service-page__body ol {
  margin:24px 0 32px;
  padding-left:0;
}
.sc-article-body ul,
.sc-content-page__body ul,
.sc-service-page__body ul {
  list-style:none;
}
.sc-article-body ol,
.sc-content-page__body ol,
.sc-service-page__body ol {
  list-style:none;
  counter-reset:sc-content-list;
}
.sc-article-body li,
.sc-content-page__body li,
.sc-service-page__body li {
  position:relative;
  margin:0 0 13px;
  padding-left:28px;
  line-height:1.75;
}
.sc-article-body ul > li::before,
.sc-content-page__body ul > li::before,
.sc-service-page__body ul > li::before {
  content:"";
  position:absolute;
  top:.875em;
  left:5px;
  width:6px;
  height:6px;
  background:var(--sc-accent,#e63946);
  border-radius:50%;
  transform:translateY(-50%);
}
.sc-article-body ol > li,
.sc-content-page__body ol > li,
.sc-service-page__body ol > li {
  counter-increment:sc-content-list;
}
.sc-article-body ol > li::before,
.sc-content-page__body ol > li::before,
.sc-service-page__body ol > li::before {
  content:counter(sc-content-list,decimal-leading-zero);
  position:absolute;
  top:0;
  left:0;
  color:var(--sc-accent,#e63946);
  font-size:13px;
  font-weight:700;
  line-height:2.15385;
}

/* Gewuenschte vertikale Proportion zwischen Header und Seiteninhalt. */
.sc-site-header {
  margin-bottom:15px;
  padding-bottom:39px;
}

/* Hinweise: nur Flaeche und roter Orientierungsbalken, kein Rahmen. */
.sc-article-page .sc-editorial-notice {
  border:0;
  border-left:4px solid var(--sc-accent,#e63946);
}

/* Quellenbereiche bleiben auf derselben Seitenachse wie der Content. */
.sc-article-page .sc-rule-sources {
  margin-top:clamp(48px,6vw,72px);
  margin-right:var(--sc-page-gutter);
  margin-left:var(--sc-page-gutter);
  padding:30px 0 clamp(38px,4vw,48px);
}
.sc-content .sc-rule-sources ul {
  gap:12px;
  margin:20px 0 0;
  padding:0;
}
.sc-content .sc-rule-sources li {
  margin:0;
  padding:0;
  line-height:1.65;
}
.sc-content .sc-rule-sources li::before {
  content:none;
}

@media (max-width:760px) {
  .sc-article-page .sc-breadcrumbs { margin-bottom:12px; padding-top:24px; }
  .sc-article-page .sc-article-header { padding-top:24px; padding-bottom:28px; }
  .sc-article-page .sc-inhaltsverzeichnis { margin-top:24px; margin-bottom:34px; }
  main.sc-content .sc-magazine-detail__back { margin-top:38px; margin-bottom:38px; }
  .sc_powered { padding:40px 20px; }
  .sc-site-header { margin-bottom:35px; padding-bottom:39px; }
}

/* Interne, passwortgeschützte QA-Übersicht. */
.sc-qa-toolbar { display:grid; gap:10px; margin:0 0 36px; }
.sc-qa-toolbar label { font-weight:700; }
.sc-qa-toolbar input { width:100%; min-height:48px; padding:10px 12px; border:1px solid var(--sc-line,#c8dddf); border-radius:0; color:var(--sc-dark,#1d3557); font:inherit; }
.sc-qa-toolbar input:focus-visible { outline:2px solid var(--sc-accent,#e63946); outline-offset:3px; }
.sc-qa-toolbar p { margin:0; color:var(--sc-muted,#607286); }
.sc-qa-groups { display:grid; gap:42px; }
.sc-qa-group h3 { display:flex; justify-content:space-between; gap:20px; padding-bottom:12px; border-bottom:1px solid var(--sc-line,#c8dddf); }
.sc-qa-group h3 span { color:var(--sc-muted,#607286); font-size:.8em; }
.sc-qa-group ul { margin:0; padding:0; list-style:none; }
.sc-qa-group li { display:grid; grid-template-columns:28px minmax(0,1fr); gap:10px; align-items:start; margin:0; padding:10px 0; border-bottom:1px solid rgba(29,53,87,.1); }
.sc-qa-group label { display:grid; place-items:center; min-height:24px; }
.sc-qa-group input { width:18px; height:18px; margin:2px 0 0; accent-color:var(--sc-accent,#e63946); }
.sc-qa-group a { overflow-wrap:anywhere; color:var(--sc-dark,#1d3557); text-decoration:none; }
.sc-qa-group a:hover,.sc-qa-group a:focus-visible { color:var(--sc-accent,#e63946); text-decoration:underline; }
.sc-qa-group li:has(input:checked) a { color:var(--sc-muted,#607286); text-decoration:line-through; }

/* Redaktionelle Zitate bleiben als bewusstes Gestaltungselement größer. */
main.sc-content .sc-article-body blockquote p {
  font:italic 400 24px/1.45 "Newsreader",serif;
}

/* Tennisschläger-Finder */
.sc-racket-finder { padding:0 var(--sc-page-gutter,42px) 72px; }
.sc-racket-finder__notice { display:grid; grid-template-columns:minmax(220px,.7fr) 1.8fr; gap:24px; margin-bottom:34px; padding:22px 0; border-top:1px solid var(--sc-line,#dfe4e8); border-bottom:1px solid var(--sc-line,#dfe4e8); color:var(--sc-muted,#66717d); line-height:1.65; }
.sc-racket-finder__notice strong { color:var(--sc-dark,#1d3557); }
.sc-racket-finder__filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; padding:30px; background:var(--sc-soft,#eef5f1); }
.sc-racket-finder__filters h2 { grid-column:1/-1; margin:0; font-family:"Inter",Arial,sans-serif; font-size:24px; font-style:normal; letter-spacing:normal; }
.sc-racket-finder__filters fieldset { grid-column:1/-1; display:flex; gap:26px; margin:0; padding:0 0 20px; border:0; border-bottom:1px solid rgba(29,53,87,.16); }
.sc-racket-finder__filters legend { margin-bottom:14px; color:var(--sc-dark,#1d3557); font-weight:700; }
.sc-racket-finder__filters label { display:grid; gap:8px; color:var(--sc-dark,#1d3557); font-weight:650; }
.sc-racket-finder__filters fieldset label { display:flex; align-items:center; gap:8px; }
.sc-racket-finder__filters select { width:100%; min-height:48px; padding:0 38px 0 13px; border:1px solid #bdcbd2; border-radius:0; background:#fff; color:var(--sc-dark,#1d3557); font:inherit; }
.sc-racket-finder__adult { grid-column:span 3; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.sc-racket-finder__adult[hidden],.sc-racket-finder__kids[hidden] { display:none; }
.sc-racket-finder__kids { grid-column:span 3; }
.sc-racket-finder__actions { grid-column:1/-1; display:flex; gap:12px; padding-top:8px; }
.sc-racket-finder__actions button { min-height:48px; padding:0 22px; border:1px solid var(--sc-dark,#1d3557); border-radius:0; background:var(--sc-dark,#1d3557); color:#fff; font:700 15px/1 "Inter",Arial,sans-serif; cursor:pointer; }
.sc-racket-finder__actions [data-reset] { background:transparent; color:var(--sc-dark,#1d3557); }
.sc-racket-results { padding-top:46px; }
.sc-racket-results__head { display:flex; justify-content:space-between; gap:24px; align-items:baseline; padding-bottom:18px; border-bottom:1px solid var(--sc-line,#dfe4e8); }
.sc-racket-results__head h2 { margin:0; font-family:"Inter",Arial,sans-serif; font-size:clamp(24px,2.2vw,32px); font-style:normal; letter-spacing:normal; }
.sc-racket-results__head span { color:var(--sc-muted,#66717d); }
.sc-racket-results__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:28px; background:var(--sc-line,#dfe4e8); }
.sc-racket-card { display:flex; flex-direction:column; min-width:0; background:#fff; }
.sc-racket-card__media { display:grid; place-items:center; align-content:center; gap:14px; height:240px; padding:18px; background:var(--sc-soft,#eef5f1); }
.sc-racket-card__mark { display:grid; place-items:center; width:86px; height:86px; border:1px solid var(--sc-blue,#457b9d); border-radius:50%; color:var(--sc-dark,#1d3557); font:400 italic 30px/1 "Newsreader",serif; }
.sc-racket-card__media-label { color:var(--sc-blue,#457b9d); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.sc-racket-card__body { display:flex; flex:1; flex-direction:column; padding:24px; border-top:1px solid var(--sc-line,#dfe4e8); }
.sc-racket-card h3 { margin:7px 0 18px; color:var(--sc-dark,#1d3557); font:700 20px/1.35 "Inter",Arial,sans-serif; }
.sc-racket-card__specs { display:grid; grid-template-columns:auto 1fr; gap:7px 14px; margin:0 0 18px; font-size:14px; }
.sc-racket-card__specs dt { color:var(--sc-muted,#66717d); }.sc-racket-card__specs dd { margin:0; color:var(--sc-dark,#1d3557); font-weight:700; }
.sc-racket-card__match { margin:0 0 22px; color:var(--sc-muted,#66717d); font-size:14px; line-height:1.6; }
.sc-racket-card .sc-text-link { margin-top:auto; }
.sc-racket-results__disclosure { margin:24px 0 0; color:var(--sc-muted,#66717d); font-size:13px; line-height:1.65; }

@media (max-width:960px) {
  .sc-racket-finder__filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sc-racket-finder__adult,.sc-racket-finder__kids { grid-column:1/-1; }
  .sc-racket-results__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .sc-racket-finder { padding-right:var(--sc-page-gutter,20px); padding-left:var(--sc-page-gutter,20px); }
  .sc-racket-finder__notice { grid-template-columns:1fr; gap:8px; }
  .sc-racket-finder__filters { grid-template-columns:1fr; padding:22px 18px; }
  .sc-racket-finder__filters fieldset,.sc-racket-finder__adult { display:grid; grid-template-columns:1fr; }
  .sc-racket-finder__adult,.sc-racket-finder__kids,.sc-racket-finder__actions { grid-column:1; }
  .sc-racket-finder__actions,.sc-racket-results__head { align-items:stretch; flex-direction:column; }
  .sc-racket-finder__actions button { width:100%; }
  .sc-racket-results__grid { grid-template-columns:1fr; }
  .sc-racket-card__media { height:210px; }
}

/* =========================================================
   Globale Hinweisboxen nach dem verbindlichen Content-Raster
   ========================================================= */
.sc-editorial-notice,
.sc-service-page__review,
.sc-calendar__notice,
.sc-racket-finder__notice {
  box-sizing:border-box;
  padding:18px 20px;
  border:0;
  border-left:4px solid var(--sc-accent,#e63946);
  border-radius:0;
  background:rgba(239,247,238,.62);
  color:var(--sc-ink,#1d3557);
  font-family:"Inter",Arial,sans-serif;
  font-size:16px;
  line-height:1.65;
}
.sc-pillar-page .sc-editorial-notice,
.sc-article-page .sc-editorial-notice {
  margin:30px var(--sc-page-gutter) 38px;
}

/* Inhaltsnavigation und globaler Ruecksprung. */
html {
  scroll-behavior:smooth;
}
.sc-content [id],
.sc-pillar-page [id],
.sc-service-page [id] {
  scroll-margin-top:110px;
}
.sc-back-to-top {
  position:fixed;
  z-index:70;
  right:clamp(18px,2.5vw,36px);
  bottom:148px;
  display:grid;
  width:48px;
  height:48px;
  padding:0;
  place-items:center;
  border:0;
  border-radius:0;
  background:var(--sc-dark,#1d3557);
  color:#fff;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  cursor:pointer;
  transition:opacity 160ms ease,visibility 160ms ease,background-color 160ms ease;
}
.sc-back-to-top.is-visible {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.sc-back-to-top:hover {
  background:#142a49;
}
.sc-back-to-top:focus-visible {
  outline:2px solid var(--sc-accent,#e63946);
  outline-offset:4px;
}
.sc-back-to-top svg {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:square;
  stroke-linejoin:miter;
}
@media (max-width:760px) {
  .sc-back-to-top { display:none !important; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .sc-back-to-top { transition:none; }
}

@media (max-width:720px) {
  .sc-home-logo-slider { width:calc(100% - 28px); padding:22px 0 10px; }
  .sc-home-logo-slider__viewport { margin:0 42px; }
  .sc-home-logo-slider__track { gap:22px; }
  .sc-home-logo-slider__item { flex-basis:min(54vw,210px); height:98px; padding:14px; }
  .sc-home-logo-slider__item img { max-height:58px; }
  .sc-home-logo-slider__control { width:38px; height:46px; font-size:31px; }
}

/* Current-Markierung im mobilen Hauptmenue ohne Texteingriff. */
.sc-mobile-menu summary[aria-current] {
  box-shadow:none;
}
.sc-mobile-menu__nav > details > summary,
.sc-mobile-menu__nav > .sc-mobile-menu__primary {
  position:relative;
}
.sc-mobile-menu__nav > details > summary[aria-current]::before,
.sc-mobile-menu__nav > .sc-mobile-menu__primary[aria-current]::before {
  content:"";
  position:absolute;
  top:14px;
  bottom:14px;
  left:-14px;
  width:3px;
  background:var(--sc-accent,#e63946);
  pointer-events:none;
}

/* =========================================================
   Globale SchlaegerClub-Suche
   ========================================================= */
.sc-visually-hidden {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
.sc-global-search {
  position:relative;
  z-index:74;
  display:block;
  font-family:"Inter",Arial,sans-serif;
}
.sc-global-search--hero {
  width:min(680px,100%);
  margin-top:clamp(28px,3vw,40px);
}
.sc-global-search--compact {
  width:min(1280px,calc(100% - 40px));
  margin:0 auto 20px;
}
.sc-global-search--compact .sc-global-search__form {
  width:min(760px,100%);
}
.sc-header-utility {
  position:relative;
  z-index:74;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
  width:min(1280px,calc(100% - 40px));
  margin:0 auto 20px;
}
.sc-header-utility--search-only { grid-template-columns:minmax(0,760px); }
.sc-header-utility .sc-global-search--compact { width:100%; margin:0; }
.sc-header-utility .sc-global-search--compact .sc-global-search__form { width:100%; }
.sc-content-marquee {
  min-width:0;
  height:48px;
  overflow:hidden;
  background:var(--sc-accent,#e63946);
  color:#fff;
  font-family:"Inter",Arial,sans-serif;
}
.sc-content-marquee__track {
  display:flex;
  width:max-content;
  height:100%;
  animation:sc-content-marquee 34s linear infinite;
  will-change:transform;
}
.sc-content-marquee__group {
  display:flex;
  flex:none;
  align-items:center;
  gap:26px;
  height:100%;
  padding-right:26px;
  white-space:nowrap;
}
.sc-content-marquee__item { display:inline-flex; align-items:center; gap:26px; font:600 italic 18px/1.1 "Newsreader",sans-serif; }
.sc-content-marquee a,
.sc-content-marquee a:hover,
.sc-content-marquee a:focus { color:#fff; text-decoration:none; }
.sc-content-marquee a { transition:opacity .18s ease; }
.sc-content-marquee a:hover { opacity:.72; }
.sc-content-marquee a:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.sc-content-marquee__logo { display:block; flex:0 0 auto; width:22px; height:20px; object-fit:contain; }
.sc-content-marquee:hover .sc-content-marquee__track,
.sc-content-marquee:focus-within .sc-content-marquee__track { animation-play-state:paused; }
@keyframes sc-content-marquee { to { transform:translateX(-50%); } }
.sc-global-search__form {
  position:relative;
}
.sc-global-search__row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
}
.sc-global-search__row input {
  width:100%;
  min-width:0;
  height:54px;
  padding:0 18px;
  border:0;
  border-radius:0;
  background:#fff;
  color:var(--sc-dark,#1d3557);
  font:400 16px/1.2 "Inter",Arial,sans-serif;
  appearance:none;
}
.sc-global-search--compact .sc-global-search__row input {
  height:48px;
}
.sc-global-search__row input::placeholder {
  color:#667788;
  opacity:1;
}
.sc-global-search__row button {
  min-width:106px;
  padding:0 20px;
  border:1px solid var(--sc-dark,#1d3557);
  border-radius:0;
  background:var(--sc-dark,#1d3557);
  color:#fff;
  font:700 15px/1 "Inter",Arial,sans-serif;
  cursor:pointer;
}
.sc-global-search__row button:hover {
  background:#142a49;
}
.sc-global-search__row button:focus-visible,
.sc-global-search__result:focus-visible,
.sc-global-search__all:focus-visible,
.sc-search-results__filters button:focus-visible,
.sc-search-results__item:focus-visible {
  position:relative;
  z-index:2;
  outline:2px solid var(--sc-accent,#e63946);
  outline-offset:3px;
}
.sc-global-search__row input:focus-visible {
  position:relative;
  z-index:2;
  outline:2px solid var(--sc-accent,#e63946);
  outline-offset:0;
}
.sc-global-search__panel {
  position:absolute;
  z-index:75;
  top:100%;
  right:0;
  left:0;
  max-height:min(520px,65vh);
  overflow-y:auto;
  border:1px solid rgba(29,53,87,.22);
  border-top:3px solid var(--sc-accent,#e63946);
  border-radius:0;
  background:#fff;
  box-shadow:0 18px 45px rgba(29,53,87,.16);
}
.sc-global-search__hint {
  margin:0;
  padding:16px;
  color:var(--sc-dark,#1d3557);
  font:italic 400 13px/1.5 "Newsreader",Georgia,serif;
}
.sc-global-search__suggestions {
  display:grid;
}
.sc-global-search__result {
  display:grid;
  gap:4px;
  padding:14px 16px;
  border-bottom:1px solid var(--sc-line,#dfe4e8);
  color:var(--sc-dark,#1d3557);
  text-decoration:none;
}
.sc-global-search__result__type {
  color:var(--sc-blue,#457b9d);
  font-size:11px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.sc-global-search__result strong {
  font-size:16px;
  line-height:1.35;
}
.sc-global-search__result small {
  display:-webkit-box;
  overflow:hidden;
  color:var(--sc-muted,#607286);
  font-size:14px;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.sc-global-search__result:hover,
.sc-global-search__result.is-active {
  background:rgba(168,218,220,.2);
}
.sc-global-search__result:hover strong,
.sc-global-search__result.is-active strong {
  color:var(--sc-accent,#e63946);
}
.sc-global-search__all {
  display:block;
  padding:14px 16px;
  color:var(--sc-dark,#1d3557);
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  text-decoration:none;
}
.sc-global-search__all span {
  color:var(--sc-accent,#e63946);
}

/* Vollständige Suchergebnisse. */
.sc-search-results {
  padding:0 var(--sc-page-gutter) clamp(64px,8vw,104px);
}
.sc-search-results__filters {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 24px;
  padding-bottom:20px;
  border-bottom:1px solid var(--sc-line,#dfe4e8);
}
.sc-search-results__filters button {
  min-height:42px;
  padding:10px 14px 8px;
  border:0;
  border-bottom:3px solid transparent;
  border-radius:0;
  background:#eef5f1;
  color:var(--sc-dark,#1d3557);
  font:700 14px/1.2 "Inter",Arial,sans-serif;
  cursor:pointer;
}
.sc-search-results__filters button.is-active {
  border-bottom-color:var(--sc-accent,#e63946);
  background:var(--sc-dark,#1d3557);
  color:#fff;
}
.sc-search-results__status {
  margin:0 0 18px;
  color:var(--sc-muted,#607286);
  font:600 14px/1.5 "Inter",Arial,sans-serif;
}
.sc-search-results__list {
  display:grid;
  border-top:1px solid var(--sc-line,#dfe4e8);
}
.sc-search-results__item {
  display:grid;
  gap:6px;
  padding:22px 0;
  border-bottom:1px solid var(--sc-line,#dfe4e8);
  color:var(--sc-dark,#1d3557);
  font-family:"Inter",Arial,sans-serif;
  text-decoration:none;
}
.sc-search-results__item__type {
  color:var(--sc-blue,#457b9d);
  font-size:11px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.sc-search-results__item strong {
  max-width:980px;
  font-size:20px;
  line-height:1.35;
}
.sc-search-results__item small {
  max-width:78rem;
  color:var(--sc-muted,#607286);
  font-size:15px;
  line-height:1.65;
}
.sc-search-results__item:hover strong {
  color:var(--sc-accent,#e63946);
}
.sc-search-results__empty {
  margin:0;
  padding:28px 0;
  color:var(--sc-muted,#607286);
  font-size:16px;
  line-height:1.65;
}

@media (max-width:900px) {
  .sc-header-utility {
    grid-template-columns:1fr;
    gap:8px;
    width:calc(100% - 28px);
    margin-bottom:14px;
  }
  .sc-content-marquee { height:44px; }
}
@media (max-width:760px) {
  .sc-global-search--compact {
    width:calc(100% - 28px);
    margin-bottom:14px;
  }
  .sc-header-utility .sc-global-search--compact { width:100%; margin:0; }
  .sc-global-search__panel { max-height:55vh; }
  .sc-global-search__row button { min-width:86px; padding:0 14px; }
  .sc-global-search__row input { padding:0 14px; }
  .sc-global-search__result { padding:12px 14px; }
  .sc-search-results__filters { gap:6px; }
  .sc-search-results__filters button { min-height:40px; padding-inline:11px; font-size:13px; }
  .sc-search-results__item { padding:19px 0; }
  .sc-search-results__item strong { font-size:18px; }
}
@media (prefers-reduced-motion:reduce) {
  .sc-global-search__panel { scroll-behavior:auto; }
  .sc-content-marquee { overflow-x:auto; }
  .sc-content-marquee__track { animation:none; }
  .sc-content-marquee__group[aria-hidden="true"] { display:none; }
  .sc-home-tour__viewport { scroll-behavior:auto; }
  .sc-home-tour__image img { transition:none; }
}

/* =========================================================
   Verbindliche Content-Grundstruktur für sämtliche Templates
   ========================================================= */
:is(.sc-article-page,.sc-pillar-page,.sc-service-page,.sc-content-page) {
  --sc-content-max:1280px;
  --sc-page-gutter:clamp(24px,5vw,64px);
  --sc-content-end-space:clamp(64px,8vw,96px);
  width:min(var(--sc-content-max),calc(100% - 40px));
  margin-inline:auto;
  box-sizing:border-box;
  background:var(--sc-white,#fff);
}

/* Service- und freie Contentseiten nutzen dieselbe volle Modulbreite. */
.sc-service-page article,
.sc-content-page article,
.sc-content-page > section {
  width:100%;
  max-width:none;
  margin-inline:0;
}
.sc-content-page {
  display:block;
  padding:clamp(54px,7vw,88px) var(--sc-page-gutter) var(--sc-content-end-space);
}
.sc-service-page {
  padding-right:var(--sc-page-gutter);
  padding-bottom:var(--sc-content-end-space);
  padding-left:var(--sc-page-gutter);
}

/* Eine gemeinsame Breadcrumb-Achse und ein einheitlicher Header-Rhythmus. */
:is(.sc-article-page,.sc-pillar-page) > .sc-breadcrumbs,
:is(.sc-article-page,.sc-pillar-page) .sc-breadcrumbs {
  margin:0 0 24px;
  padding:30px var(--sc-page-gutter) 0;
}
.sc-service-page > .sc-breadcrumbs {
  margin:0 0 24px;
  padding:30px 0 0;
}
.sc-content-page > .sc-breadcrumbs {
  margin:0 0 24px;
  padding:0;
}
:is(.sc-article-page,.sc-pillar-page) .sc-breadcrumbs ol,
.sc-service-page .sc-breadcrumbs ol {
  font:400 14px/1.5 "Inter",Arial,sans-serif;
}
.sc-content-page .sc-breadcrumbs ol { font:400 14px/1.5 "Inter",Arial,sans-serif; }
.sc-breadcrumbs ol { align-items:baseline; row-gap:6px; }
.sc-breadcrumbs ol {
  flex-wrap:nowrap;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  white-space:nowrap;
}
.sc-breadcrumbs ol::-webkit-scrollbar { display:none; }
.sc-breadcrumbs li { flex:0 0 auto; }
.sc-breadcrumbs li:last-child { min-width:0; }
.sc-article-page .sc-article-header,
.sc-pillar-page .sc-pillar-hero {
  padding-top:0;
  padding-right:var(--sc-page-gutter);
  padding-bottom:48px;
  padding-left:var(--sc-page-gutter);
}
.sc-service-page__header,
.sc-content-page__header {
  padding-bottom:48px;
}
.sc-service-page__header { padding-top:0; }
.sc-content-page__header { padding-top:0; }
.sc-service-page__body {
  padding-top:0;
  border-top:0;
}
.sc-content-page__body { margin-top:0; }
:is(.sc-article-page,.sc-pillar-page,.sc-service-page,.sc-content-page) h1 {
  width:100%;
  max-width:1120px;
  margin:12px 0 24px;
  font:400 italic clamp(30px,4vw,46px)/1.1 "Newsreader",sans-serif;
  letter-spacing:-.05em;
}
.sc-article-page .sc-article-lead,
.sc-pillar-page .sc-pillar-hero p,
.sc-service-page__header p,
.sc-content-page__header p {
  width:100%;
  max-width:78rem;
  margin:0;
  color:var(--sc-ink,#1d3557);
  font:400 16px/1.75 "Inter",Arial,sans-serif;
}

/* Verbindliche Lesetypografie. */
main.sc-content p,
.sc-content-page p,
.sc-service-page__body p,
.sc-article-body p {
  color:var(--sc-ink,#1d3557);
  font-family:"Inter",Arial,sans-serif;
  font-size:15px;
  line-height:1.75;
}
main.sc-content .sc-article-body h2,
.sc-content-page__body h2,
.sc-service-page__body h2 {
  margin:42px 0 14px;
  font:700 1.5em/1.2 "Inter",Arial,sans-serif;
  letter-spacing:normal;
}
main.sc-content .sc-article-body h3,
.sc-content-page__body h3,
.sc-service-page__body h3 {
  margin:32px 0 12px;
  font:700 1.17em/1.3 "Inter",Arial,sans-serif;
  letter-spacing:normal;
}

/* Inhaltsverzeichnis auf allen Artikelseiten identisch. */
.sc-article-page .sc-inhaltsverzeichnis {
  width:auto;
  margin:0 var(--sc-page-gutter) 48px;
  padding:22px 0;
  border-top:1px solid rgba(29,53,87,.2);
  border-bottom:1px solid rgba(29,53,87,.2);
}
.sc-article-page .sc-inhaltsverzeichnis a,
.sc-content-page .sc-inhaltsverzeichnis a {
  min-width:0;
  max-width:100%;
  font:600 15px/1.45 "Inter",Arial,sans-serif;
  overflow-wrap:anywhere;
}

/* Kein Inhalt darf die gemeinsame 1280-px-Achse verbreitern. */
.sc-article-page > article,
.sc-article-page .sc-article-header,
.sc-article-page .sc-article-body,
.sc-article-page .sc-inhaltsverzeichnis,
.sc-article-page .sc-inhaltsverzeichnis ul,
.sc-article-page .sc-inhaltsverzeichnis li {
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.sc-article-body :is(img,video,iframe,svg) {
  max-width:100%;
}
.sc-article-body :is(img,video) { height:auto; }
.sc-article-body :is(pre,table) { max-width:100%; }
.sc-article-body .table-responsive {
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.sc-article-body pre { overflow-x:auto; }

.sc-article-related {
  margin:44px var(--sc-page-gutter) 10px;
  padding:24px 0;
  border-top:1px solid var(--sc-line,#c8dddf);
  border-bottom:1px solid var(--sc-line,#c8dddf);
}
.sc-article-related > strong {
  display:block;
  margin-bottom:14px;
  color:var(--sc-dark,#1d3557);
  font:800 13px/1.4 "Inter",Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sc-article-related ul { display:flex; flex-wrap:wrap; gap:10px 22px; margin:0; padding:0; list-style:none; }
.sc-article-related a { color:var(--sc-dark,#1d3557); font:700 15px/1.5 "Inter",Arial,sans-serif; text-decoration-thickness:1px; text-underline-offset:4px; }
.sc-article-related a:hover,.sc-article-related a:focus-visible { color:var(--sc-accent,#e63946); }

/* Hinweise: ruhige Fläche, ausschließlich roter Orientierungsbalken. */
.sc-article-page .sc-editorial-notice,
.sc-service-page .sc-service-page__review,
.sc-pillar-page .sc-calendar__notice,
.sc-pillar-page .sc-racket-finder__notice,
.sc-content-page .sc-editorial-notice {
  margin-top:30px;
  margin-bottom:38px;
  padding:18px 20px;
  border:0;
  border-left:4px solid var(--sc-accent,#e63946);
  border-radius:0;
  background:rgba(239,247,238,.62);
  color:var(--sc-ink,#1d3557);
  font:400 15px/1.65 "Inter",Arial,sans-serif;
}
.sc-article-page article > .sc-editorial-notice {
  margin-top:0;
  margin-right:var(--sc-page-gutter);
  margin-bottom:48px;
  margin-left:var(--sc-page-gutter);
}

/* Listen mit gemeinsamer Grundlinie; Komponentenlisten bleiben isoliert. */
:is(.sc-article-body,.sc-content-page__body,.sc-service-page__body) > :is(ul,ol) {
  margin:24px 0 32px;
  padding-left:0;
  font-size:15px;
}
:is(.sc-article-body,.sc-content-page__body,.sc-service-page__body) > :is(ul,ol) > li {
  margin:0 0 13px;
  line-height:1.75;
}

/* Quellen und FAQ folgen derselben Contentachse. */
.sc-article-page .sc-rule-sources,
.sc-pillar-page > .sc-rule-sources {
  margin:clamp(48px,6vw,72px) var(--sc-page-gutter) 0;
  padding:30px 0 44px;
  border-top:1px solid var(--sc-line,#c8dddf);
}
.sc-article-page .sc-lk-faq,
.sc-pillar-page > .sc-lk-faq {
  padding:52px var(--sc-page-gutter) var(--sc-content-end-space);
  border-top:1px solid var(--sc-line,#c8dddf);
}
.sc-lk-faq__q { font:700 clamp(16px,1.4vw,19px)/1.45 "Inter",Arial,sans-serif; }
.sc-lk-faq__a p { margin:0; color:var(--sc-muted,#607286); font-size:15px; line-height:1.75; }

/* Übersichtshierarchie und optisch ruhiger Bereichsrhythmus. */
.sc-pillar-page { --sc-overview-section-space:clamp(48px,6vw,64px); }
.sc-pillar-page .sc-pillar-hero--compact {
  padding-bottom:48px;
}
.sc-pillar-page .sc-pillar-intro {
  padding-bottom:var(--sc-overview-section-space);
}
.sc-pillar-page .sc-cluster-map {
  padding-bottom:var(--sc-overview-section-space);
}
.sc-pillar-page .sc-pillar-intro > h2,
.sc-pillar-page .sc-cluster-map h2 {
  max-width:800px;
  margin:10px 0 30px;
  font:700 clamp(28px,3vw,38px)/1.16 "Inter",Arial,sans-serif;
  letter-spacing:-.025em;
}

/* Gleicher Abschluss vor Powered-Link und Footer. */
.sc-article-page article > .sc-article-body:last-child {
  padding-bottom:var(--sc-content-end-space);
}
.sc_powered { padding:48px 20px; }

@media (max-width:760px) {
  :is(.sc-article-page,.sc-pillar-page,.sc-service-page,.sc-content-page) {
    --sc-page-gutter:20px;
    --sc-content-end-space:64px;
    width:calc(100% - 28px);
  }
  :is(.sc-article-page,.sc-pillar-page) > .sc-breadcrumbs,
  :is(.sc-article-page,.sc-pillar-page) .sc-breadcrumbs,
  .sc-service-page > .sc-breadcrumbs,
  .sc-content-page > .sc-breadcrumbs { padding-top:24px; }
  .sc-article-page .sc-article-header,
  .sc-pillar-page .sc-pillar-hero,
  .sc-service-page__header { padding-top:0; }
  .sc-content-page__header { padding-top:0; }
  .sc-content .sc-inhaltsverzeichnis ul { grid-template-columns:1fr; }
  .sc-lk-faq__grid { grid-template-columns:1fr; }
}

/* =========================================================
   Startseite: Full-Bleed-Hero unter transparenter Navigation
   ========================================================= */
body.sc-home .sc-site-header {
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:80;
  margin:0;
  background:transparent;
}
body.sc-home .sc-site-header::before { display:none; }
body.sc-home .sc-home-hero {
  width:100%;
  max-width:none;
  margin:0;
  padding-top:clamp(132px,11vw,176px);
  background:
    linear-gradient(180deg,rgba(20,39,67,.82) 0%,rgba(20,39,67,.5) 9%,rgba(20,39,67,0) 24%),
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 30%,rgba(255,255,255,.58) 48%,rgba(255,255,255,.08) 68%,rgba(255,255,255,0) 78%),
    url("/img/hero-schlaegerclub.webp") center right/cover no-repeat;
}

@media (max-width:900px) {
  body.sc-home .sc-site-header {
    padding-top:15px;
    padding-bottom:34px;
  }
  body.sc-home .sc-home-hero {
    padding-top:132px;
    background:
      linear-gradient(180deg,rgba(20,39,67,.84) 0%,rgba(20,39,67,.48) 11%,rgba(20,39,67,0) 27%),
      linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 46%,rgba(255,255,255,.34) 75%,rgba(255,255,255,.12) 100%),
      url("/img/hero-schlaegerclub.webp") 62% center/cover no-repeat;
  }
}

@media (max-width:560px) {
  body.sc-home .sc-home-hero {
    width:100%;
    min-height:clamp(740px,195vw,800px);
    padding:132px 20px 36px;
    align-items:end;
    overflow:hidden;
    background:
      linear-gradient(180deg,rgba(20,39,67,.86) 0%,rgba(20,39,67,.48) 12%,rgba(20,39,67,0) 28%),
      linear-gradient(180deg,rgba(255,255,255,0) 36%,rgba(255,255,255,.18) 46%,rgba(255,255,255,.9) 62%,rgba(255,255,255,.98) 72%,#fff 100%),
      url("/img/hero-schlaegerclub.webp") 70% center/cover no-repeat;
  }
  body.sc-home .sc-home-hero::before,
  body.sc-home .sc-home-hero::after { content:none; }
  body.sc-home .sc-home-hero .sc-home-hero__content {
    position:relative;
    z-index:1;
    width:min(100%,390px);
  }
  body.sc-home .sc-home-hero h1 {
    margin:10px 0 16px;
    font-size:clamp(34px,9.5vw,40px);
    line-height:1.06;
  }
  body.sc-home .sc-home-hero p {
    margin:0;
    font-size:15px;
    line-height:1.55;
  }
  body.sc-home .sc-home-hero .sc-global-search--hero { margin-top:22px; }
  body.sc-home .sc-home-hero .sc-global-search__row input,
  body.sc-home .sc-home-hero .sc-global-search__row button { height:48px; }
  body.sc-home .sc-home-hero .sc-new-actions {
    gap:8px;
    margin-top:16px;
  }
  body.sc-home .sc-home-hero .sc-new-actions a {
    padding:10px 12px;
    font-size:14px;
  }
}

@media (max-width:379px) {
  body.sc-home .sc-home-hero .sc-new-actions a {
    width:100%;
    text-align:center;
  }
}

/* Hero-Crossfade: zwei eigenständige Bildebenen ohne Layoutsprung. */
body.sc-home .sc-home-hero {
  isolation:isolate;
  background:#fff;
}
.sc-home-hero__media,
.sc-home-hero__slide {
  position:absolute;
  inset:0;
}
.sc-home-hero__media {
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.sc-home-hero__slide {
  background-position:center right;
  background-size:cover;
  background-repeat:no-repeat;
  will-change:opacity;
}
.sc-home-hero__slide--one {
  background-image:url("/img/hero-schlaegerclub.webp");
  animation:sc-home-hero-one 14s ease-in-out infinite;
}
.sc-home-hero__slide--two {
  background-image:url("/img/hero-tennis.webp");
  animation:sc-home-hero-two 14s ease-in-out infinite;
}
body.sc-home .sc-home-hero::after {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:
    linear-gradient(180deg,rgba(20,39,67,.82) 0%,rgba(20,39,67,.5) 9%,rgba(20,39,67,0) 24%),
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 30%,rgba(255,255,255,.58) 48%,rgba(255,255,255,.08) 68%,rgba(255,255,255,0) 78%);
  pointer-events:none;
}
body.sc-home .sc-home-hero__content { z-index:2; }

@keyframes sc-home-hero-one {
  0%,36% { opacity:1; }
  50%,86% { opacity:0; }
  100% { opacity:1; }
}
@keyframes sc-home-hero-two {
  0%,36% { opacity:0; }
  50%,86% { opacity:1; }
  100% { opacity:0; }
}

/* Suchfeld bleibt rahmenlos, hebt sich aber klar vom Motiv ab. */
body.sc-home .sc-home-hero .sc-global-search__form {
  background:rgba(255,255,255,.97);
  box-shadow:0 12px 36px rgba(20,39,67,.24);
}
body.sc-home .sc-home-hero .sc-global-search__row input {
  background:rgba(255,255,255,.97);
}

@media (max-width:900px) {
  body.sc-home .sc-home-hero::after {
    background:
      linear-gradient(180deg,rgba(20,39,67,.84) 0%,rgba(20,39,67,.48) 11%,rgba(20,39,67,0) 27%),
      linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 46%,rgba(255,255,255,.34) 75%,rgba(255,255,255,.12) 100%);
  }
  .sc-home-hero__slide { background-position:62% center; }
}

@media (max-width:560px) {
  body.sc-home .sc-home-hero::after {
    content:"";
    background:
      linear-gradient(180deg,rgba(20,39,67,.86) 0%,rgba(20,39,67,.48) 12%,rgba(20,39,67,0) 28%),
      linear-gradient(180deg,rgba(255,255,255,0) 36%,rgba(255,255,255,.2) 48%,rgba(255,255,255,.68) 64%,rgba(255,255,255,.86) 100%);
  }
  .sc-home-hero__slide { background-position:70% center; }
  body.sc-home .sc-home-hero .sc-home-hero__content {
    position:relative;
    z-index:5 !important;
    color:var(--sc-dark,#1d3557);
  }
  body.sc-home .sc-home-hero h1,
  body.sc-home .sc-home-hero p { color:var(--sc-dark,#1d3557); }
  body.sc-home .sc-home-hero .sc-new-eyebrow { color:var(--sc-blue,#457b9d); }
  body.sc-home .sc-home-hero .sc-global-search__form {
    position:relative;
    z-index:6;
    background:#fff;
    box-shadow:0 9px 28px rgba(20,39,67,.28);
  }
  body.sc-home .sc-home-hero .sc-global-search__row input {
    background:#fff;
    color:var(--sc-dark,#1d3557);
  }
  body.sc-home .sc-home-hero .sc-global-search__row button {
    background:var(--sc-dark,#1d3557);
    color:#fff;
  }
}

@media (prefers-reduced-motion:reduce) {
  .sc-home-hero__slide--one { animation:none; opacity:1; }
  .sc-home-hero__slide--two { display:none; animation:none; }
}

/* Bildkarten der beiden Startseiten-Slider im SchlaegerClub-Duoton. */
.sc-home-tour__image {
  isolation:isolate;
  background:var(--sc-dark,#1d3557);
}
.sc-home-tour__image img {
  filter:grayscale(1) contrast(1.16);
  mix-blend-mode:screen;
  transform:none;
}
.sc-home-tour__image:hover img,
.sc-home-tour__image:focus-visible img {
  filter:grayscale(1) contrast(1.16);
  transform:none;
}

/* Startseiten-Hero: dunkler Verlauf als ruhige Textfläche. */
body.sc-home .sc-home-hero { background:var(--sc-dark,#1d3557); }
body.sc-home .sc-home-hero::after {
  background:
    linear-gradient(180deg,rgba(20,39,67,.88) 0%,rgba(20,39,67,.56) 10%,rgba(20,39,67,0) 27%),
    linear-gradient(90deg,rgba(20,39,67,.98) 0%,rgba(20,39,67,.91) 30%,rgba(20,39,67,.6) 48%,rgba(20,39,67,.13) 69%,rgba(20,39,67,0) 80%);
}
body.sc-home .sc-home-hero h1,
body.sc-home .sc-home-hero p { color:#fff; }
body.sc-home .sc-home-hero .sc-new-actions a { border-color:rgba(255,255,255,.82); color:#fff; }
body.sc-home .sc-home-hero .sc-new-actions a:hover,
body.sc-home .sc-home-hero .sc-new-actions a:focus-visible { border-color:#fff; background:#fff; color:var(--sc-dark,#1d3557); }

/* Footer-Inhalte und vertikaler Rhythmus nach der bisherigen SchlaegerClub-Struktur. */
.sc-site-footer__main { padding:112px 24px 102px; }
.sc-site-footer__inner { grid-template-columns:minmax(280px,360px) minmax(220px,300px) 1fr; gap:clamp(54px,7vw,105px); }
.sc-site-footer__column { min-width:0; }
.sc-site-footer__column .sc-site-footer__group { margin:0 0 50px; }
.sc-site-footer__column .sc-site-footer__group:last-child { margin-bottom:0; }
.sc-site-footer__column h2 { margin:0 0 22px; color:var(--sc-mint); }
.sc-site-footer__column nav { gap:8px; }
.sc-site-footer__column nav a {
  margin:0;
  font-size:16px;
  font-weight:400;
  line-height:1.45;
  letter-spacing:0;
}
.sc-site-footer__column nav a:not(.sc-site-footer__muted-link) { color:#fff; }
.sc-site-footer__column nav .sc-site-footer__muted-link { color:rgba(255,255,255,.56); }
.sc-site-footer__instagram { margin:0; padding:0; border:0; font-size:16px; font-weight:400; }
.sc-site-footer__instagram svg { width:27px; height:27px; }
.sc-site-footer__brand { justify-self:start; text-align:left; }
.sc-home-tour--clubs { margin-bottom:calc(var(--sc-home-section-gap) * .5); }

@media (max-width:900px) {
  body.sc-home .sc-home-hero::after {
    background:
      linear-gradient(180deg,rgba(20,39,67,.9) 0%,rgba(20,39,67,.58) 13%,rgba(20,39,67,.08) 31%),
      linear-gradient(90deg,rgba(20,39,67,.97) 0%,rgba(20,39,67,.86) 47%,rgba(20,39,67,.35) 78%,rgba(20,39,67,.15) 100%);
  }
  .sc-site-footer__inner { grid-template-columns:1fr 1fr; }
}

@media (max-width:560px) {
  body.sc-home .sc-home-hero::after {
    background:
      linear-gradient(180deg,rgba(20,39,67,.87) 0%,rgba(20,39,67,.5) 13%,rgba(20,39,67,.04) 31%),
      linear-gradient(180deg,rgba(20,39,67,0) 34%,rgba(20,39,67,.28) 48%,rgba(20,39,67,.86) 65%,rgba(20,39,67,.98) 100%);
  }
  body.sc-home .sc-home-hero .sc-home-hero__content,
  body.sc-home .sc-home-hero h1,
  body.sc-home .sc-home-hero p { color:#fff; }
  .sc-site-footer__main { padding:74px 20px 60px; }
  .sc-site-footer__inner { grid-template-columns:1fr; gap:52px; }
  .sc-site-footer__column .sc-site-footer__group { margin-bottom:42px; }
  .sc-home-logo-slider__item { flex-basis:min(62vw,240px); height:110px; }
  .sc-home-logo-slider__item img { height:64px; max-height:64px; }
}

/* Einheitlicher Farbverlauf für alle großen dunkelblauen Startseitenflächen. */
body.sc-home .sc-home-magazine-card,
body.sc-home .sc-home-lk-card__visual,
body.sc-home .sc-home-newsletter,
body.sc-home .sc-home-advice-slider {
  background:linear-gradient(145deg,var(--sc-blue),var(--sc-dark));
}

/* Die Ratgeberkarten spiegeln den Flächenverlauf und bleiben bewusst dunkler. */
body.sc-home .sc-home-advice-slider__card {
  background:linear-gradient(325deg,var(--sc-dark-deep),var(--sc-dark));
}

/* Die Schräge liegt außerhalb der Footerfläche und verkürzt nicht mehr das Padding. */
.sc-site-footer__main {
  position:relative;
  margin-top:60px;
  padding:90px 24px 105px;
  clip-path:none;
}
.sc-site-footer { overflow:hidden; }
.sc-site-footer__main::before {
  content:"";
  position:absolute;
  right:-2px;
  bottom:calc(100% - 2px);
  left:-48px;
  height:62px;
  background:var(--sc-dark);
  clip-path:polygon(0 100%,100% 0,100% 100%);
  pointer-events:none;
}
.sc-site-footer__inner { position:relative; }
.sc-site-footer__column nav a:hover,
.sc-site-footer__column nav a:focus-visible,
.sc-site-footer__column nav .sc-site-footer__muted-link:hover,
.sc-site-footer__column nav .sc-site-footer__muted-link:focus-visible {
  color:var(--sc-mint);
}

@media (max-width:560px) {
  .sc-site-footer__main { margin-top:28px; padding:76px 20px 84px; }
  .sc-site-footer__main::before { right:-2px; left:-24px; height:30px; }
}

/* Redaktionelle Autorenbox zwischen Artikel und LK-Rechner-Verweis. */
.sc-author-box {
  display:grid;
  width:min(1280px,calc(100% - 40px));
  box-sizing:border-box;
  margin:20px auto 30px;
  padding:clamp(34px,4.5vw,58px) clamp(28px,6vw,84px);
  grid-template-columns:190px minmax(0,1fr);
  align-items:center;
  gap:clamp(34px,6vw,78px);
  background:#fff;
  box-shadow:0 24px 80px rgba(29,53,87,.12);
  color:var(--sc-dark,#1d3557);
}
.sc-author-box__portrait-frame {
  display:block;
  width:190px;
  height:190px;
  overflow:hidden;
  border-radius:50%;
  isolation:isolate;
  background:var(--sc-dark,#1d3557);
  border:0;
  outline:0;
  box-shadow:none;
}
.sc-author-box__portrait {
  display:block;
  width:190px;
  height:190px;
  object-fit:cover;
  border-radius:50%;
  filter:grayscale(1) contrast(1.15);
  mix-blend-mode:screen;
  border:0;
  outline:0;
  box-shadow:none;
}
.sc-author-box__content h2 {
  margin:0 0 18px;
  color:var(--sc-dark,#1d3557);
  font:700 clamp(18px,1.7vw,22px)/1.35 "Inter",Arial,sans-serif;
}
.sc-author-box__content h2 strong { color:#0b8f7f; }
.sc-author-box__content p {
  max-width:780px;
  margin:0;
  color:var(--sc-ink,#1d3557);
  font:400 15px/1.65 "Inter",Arial,sans-serif;
}
.sc-author-box + .sc_powered { padding-top:0; }

@media (max-width:650px) {
  .sc-author-box {
    width:calc(100% - 28px);
    padding:30px 24px 34px;
    grid-template-columns:1fr;
    gap:24px;
  }
  .sc-author-box__portrait-frame,
  .sc-author-box__portrait { width:120px; height:120px; }
}

@media (max-width:560px) {
  body.sc-home .sc-home-hero .sc-home-hero__content { transform:translateY(-5px); }
}

/* Globaler Seitenkopf-Rhythmus nach der Tenniswissen-Referenz. */
.sc-content-page { padding-top:0; }
:is(.sc-article-page,.sc-pillar-page,.sc-service-page,.sc-content-page) > .sc-breadcrumbs {
  margin-bottom:24px;
}
.sc-content-page > .sc-breadcrumbs { padding:30px 0 0; }
main.sc-content .sc-breadcrumbs ol,
.sc-content-page .sc-breadcrumbs ol {
  margin:0;
  padding:0;
  font:400 14px/1.5 "Inter",Arial,sans-serif;
}
main.sc-content .sc-breadcrumbs li,
.sc-content-page .sc-breadcrumbs li {
  margin:0;
  padding:0;
  line-height:inherit;
}
.sc-article-page > article > .sc-article-header,
.sc-pillar-page > .sc-pillar-hero,
:is(.sc-service-page__header,.sc-content-page__header) {
  padding-top:0;
  padding-bottom:48px;
}
:is(.sc-article-header,.sc-pillar-hero,.sc-service-page__header,.sc-content-page__header) > .sc-new-eyebrow {
  display:block;
  margin:0;
}
.sc-article-page .sc-article-header > h1,
.sc-pillar-page .sc-pillar-hero > h1,
.sc-service-page .sc-service-page__header > h1,
.sc-content-page .sc-content-page__header > h1 {
  margin:12px 0 24px;
}
:is(.sc-article-header,.sc-pillar-hero,.sc-service-page__header,.sc-content-page__header) > p {
  margin:0;
}
.sc-article-page .sc-article-header > .sc-article-meta { margin-top:22px; }

.sc-article-related {
  margin:44px var(--sc-page-gutter) 10px;
  padding:24px 0 0;
  border-top:1px solid var(--sc-line,#c8dddf);
  border-bottom:0;
}
.sc-article-related__title {
  margin:0 0 14px;
  color:var(--sc-dark,#1d3557);
  font:800 13px/1.4 "Inter",Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sc-article-related__links { display:flex; flex-wrap:wrap; gap:10px 22px; }
.sc-article-related__links a,
.sc-article-related__links a:visited,
.sc-article-related__links a:hover,
.sc-article-related__links a:active {
  border:0;
  color:var(--sc-dark,#1d3557);
  font:700 15px/1.5 "Inter",Arial,sans-serif;
  text-decoration:none;
  box-shadow:none;
}
.sc-article-related__links a:hover,
.sc-article-related__links a:focus-visible { color:var(--sc-accent,#e63946); }
.sc-article-related__links a:focus-visible { outline:2px solid currentColor; outline-offset:4px; }

.sc-404-page { min-height:0; }
.sc-404-page__content {
  width:100%;
  box-sizing:border-box;
  margin:0;
  padding:clamp(56px,8vw,112px) var(--sc-page-gutter) clamp(72px,10vw,132px);
  background:#fff;
}
.sc-404-page__content h1 { margin:12px 0 22px; }
.sc-404-page__content > p { max-width:760px; }

body.sc-home .sc-home-hero { overflow:visible; z-index:2; }
body.sc-home .sc-home-hero__media { overflow:hidden; }
body.sc-home .sc-home-hero__content,
body.sc-home .sc-global-search,
body.sc-home .sc-global-search__form { overflow:visible; }
body.sc-home .sc-global-search__panel {
  z-index:90;
  color:var(--sc-dark,#1d3557);
  background:#fff;
}
body.sc-home .sc-global-search__panel :is(a,a:visited,a:hover,a:active,strong,small,span,p) {
  color:var(--sc-dark,#1d3557);
}
body.sc-home .sc-global-search__panel a:hover,
body.sc-home .sc-global-search__panel a:focus-visible { background:#eef6f5; color:var(--sc-dark,#1d3557); }

@media (max-width:560px) {
  .sc-article-page .sc-article-header > .sc-article-meta { margin-top:18px; }
  body.sc-home .sc-home-hero {
    min-height:min(560px,82svh);
    height:auto;
    padding:clamp(130px,28svh,190px) 20px calc(30px + env(safe-area-inset-bottom));
    align-items:end;
    overflow:visible;
  }
  body.sc-home .sc-home-hero .sc-home-hero__content { transform:none; }
  body.sc-home .sc-global-search { margin-top:22px; }
  body.sc-home .sc-global-search__panel { max-height:min(360px,48svh); }
}

@media (max-width:560px) and (max-height:520px) {
  body.sc-home .sc-home-hero { min-height:auto; padding-top:96px; }
}

@media (min-width:561px) and (max-width:900px) and (max-height:520px) {
  body.sc-home .sc-home-hero {
    min-height:auto;
    padding:96px 28px calc(28px + env(safe-area-inset-bottom));
    align-items:end;
  }
}

/* Globaler Bildstandard für redaktionelle Unterseiten; die Startseite ist ausgenommen. */
.sc-article-page .sc-article-media {
  display:block;
  box-sizing:border-box;
  margin:32px auto 40px;
  border:0;
}
.sc-article-page .sc-article-media picture { display:block; }
.sc-article-page .sc-article-media img {
  display:block;
  width:100%;
  height:auto;
  border:0;
  border-radius:10px;
  box-shadow:none;
}
.sc-article-page .sc-article-media--hero {
  width:min(1120px,calc(100% - (2 * var(--sc-page-gutter))));
}
.sc-article-page .sc-article-media--hero img {
  aspect-ratio:16 / 9;
  object-fit:cover;
  object-position:var(--media-position,50% 50%);
  border-radius:12px;
}
.sc-article-page .sc-article-media--inline {
  width:min(100%,820px);
}
.sc-article-page .sc-article-media--inline:not(.sc-article-media--portrait) img {
  aspect-ratio:3 / 2;
  object-fit:cover;
  object-position:var(--media-position,50% 50%);
}
.sc-article-page .sc-article-media--portrait {
  width:min(100%,560px);
}
.sc-article-page .sc-article-media--portrait img {
  aspect-ratio:4 / 5;
  object-fit:cover;
  object-position:var(--media-position,50% 50%);
}
.sc-article-page .sc-article-media--square-corners img {
  border-radius:0;
}
.sc-article-page .sc-article-media--uncropped img {
  aspect-ratio:auto;
  object-fit:contain;
}
.sc-article-page .sc-article-media figcaption {
  margin-top:8px;
  color:var(--sc-ink-soft);
  font:400 13px/1.5 "Inter",Arial,sans-serif;
}

@media (max-width:640px) {
  .sc-article-page .sc-article-media { margin-block:24px 32px; }
  .sc-article-page .sc-article-media--hero img {
    aspect-ratio:4 / 3;
    border-radius:8px;
  }
}

@media (max-width:760px) {
  .sc-content-page > .sc-breadcrumbs { padding-top:24px; }
}

/* Cookie consent */
.sc-site-footer__link-button {
  width:max-content; margin:0 0 10px; padding:0; border:0; background:none; color:var(--sc-white);
  font:inherit; font-size:16px; line-height:1.45; text-align:left; cursor:pointer;
}
.sc-site-footer__link-button:hover,
.sc-site-footer__link-button:focus-visible { color:var(--sc-accent); text-decoration:underline; }
/* Cookie-Consent-Dialog im bestehenden SchlaegerClub-Designsystem. */
.cc-overlay[hidden],.cc-banner[hidden],.cc-prefs[hidden],.cc-revoke[hidden] { display:none !important; }
.cc-overlay { position:fixed; inset:0; z-index:9998; background:color-mix(in srgb,var(--sc-dark-deep) 28%,transparent); pointer-events:none; }
.cc-banner,.cc-banner *,.cc-banner *::before,.cc-banner *::after { box-sizing:border-box; }
.cc-banner {
  position:fixed; left:50%; bottom:max(18px,env(safe-area-inset-bottom)); z-index:9999;
  width:min(760px,calc(100% - 32px)); max-height:calc(100dvh - 36px); padding:26px;
  overflow-y:auto; overscroll-behavior:contain; transform:translateX(-50%);
  background:var(--sc-white); color:var(--sc-ink); border:1px solid var(--sc-line);
  border-radius:0; box-shadow:none;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:15px; line-height:1.55;
}
.cc-banner:focus { outline:none; }
.cc-banner h2 { margin:0 0 8px; color:var(--sc-ink); font-family:"Newsreader",Georgia,serif; font-size:20px; font-style:italic; font-weight:400; line-height:1.3; }
.cc-banner p { margin:0 0 18px; color:var(--sc-muted); }
.cc-link { color:var(--sc-blue); font-weight:600; text-decoration:underline; text-underline-offset:2px; }
.cc-link:hover { color:var(--sc-ink); }
.cc-link:focus-visible,.cc-btn:focus-visible,.cc-revoke:focus-visible { outline:2px solid var(--sc-accent); outline-offset:3px; }
.cc-row { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.cc-actions { display:flex; flex-wrap:wrap; gap:10px; width:100%; justify-content:flex-end; }
.cc-btn {
  min-height:44px; padding:10px 17px; border:1px solid var(--sc-line); border-radius:0;
  background:var(--sc-soft); color:var(--sc-ink); font:inherit; font-weight:600;
  line-height:1.2; cursor:pointer; transition:background-color .2s ease,border-color .2s ease;
}
.cc-btn:hover { background:var(--sc-field); border-color:var(--sc-sky); }
.cc-btn.primary { border-color:var(--sc-accent); background:var(--sc-accent); color:var(--sc-white); }
.cc-btn.primary:hover { border-color:var(--sc-dark); background:var(--sc-dark); }
.cc-prefs { margin-top:20px; padding-top:18px; border-top:1px solid var(--sc-line); }
.cc-prefs-intro { margin-bottom:14px; color:var(--sc-muted); font-size:13px; }
.cc-group { display:flex; gap:12px; align-items:flex-start; margin:0 0 14px; padding:12px; border:0; border-radius:0; background:var(--sc-field); cursor:pointer; }
.cc-group-essential { cursor:default; }
.cc-group-text { flex:1; }
.cc-group strong { display:inline-block; margin-bottom:2px; color:var(--sc-ink); }
.cc-small { display:inline-block; color:var(--sc-muted); font-size:13px; line-height:1.45; }
.cc-switch { position:relative; display:inline-block; flex:0 0 auto; width:46px; height:26px; margin-top:1px; }
.cc-switch input { position:absolute; width:1px; height:1px; opacity:0; }
.cc-slider { position:absolute; inset:0; border-radius:0; background:var(--sc-muted); cursor:pointer; transition:background-color .2s ease; }
.cc-slider::before { position:absolute; top:3px; left:3px; width:20px; height:20px; content:""; border-radius:0; background:var(--sc-white); box-shadow:none; transition:transform .2s ease; }
.cc-switch input:checked + .cc-slider { background:var(--sc-blue); }
.cc-switch input:checked + .cc-slider::before { transform:translateX(20px); }
.cc-switch input:focus-visible + .cc-slider { outline:2px solid var(--sc-accent); outline-offset:3px; }
.cc-switch input:disabled + .cc-slider { cursor:not-allowed; opacity:.65; }
.cc-revoke {
  position:fixed; right:clamp(18px,2.5vw,36px); bottom:28px; z-index:9990;
  display:flex; align-items:center; justify-content:center; width:48px; height:48px; padding:8px;
  border:0; border-radius:0; background:var(--sc-dark); color:var(--sc-white);
  box-shadow:none; cursor:pointer; transition:background-color 160ms ease;
}
.cc-revoke:hover { background:var(--sc-dark-deep); }
.cc-revoke img { display:block; width:32px; height:32px; }
body.sc-menu-open .cc-revoke { display:none; }
.sc-floating-instagram {
  position:fixed;
  right:clamp(18px,2.5vw,36px);
  bottom:88px;
  z-index:9990;
  display:flex;
  width:48px;
  height:48px;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:0;
  background:var(--sc-dark);
  color:var(--sc-white);
  text-decoration:none;
  box-shadow:none;
}
.sc-floating-instagram:hover { background:var(--sc-dark-deep); color:var(--sc-white); }
.sc-floating-instagram:focus-visible { outline:2px solid var(--sc-accent); outline-offset:3px; }
.sc-floating-instagram svg { width:32px; height:32px; fill:none; stroke:currentColor; stroke-width:1.7; }
body.sc-menu-open .sc-floating-instagram { display:none; }
@media (max-width:650px) {
  .cc-banner { bottom:max(10px,env(safe-area-inset-bottom)); width:calc(100% - 20px); max-height:calc(100dvh - 20px); padding:20px 18px; border-radius:0; font-size:14px; }
  .cc-banner h2 { font-size:18px; }
  .cc-actions { flex-direction:column; }
  .cc-btn { width:100%; }
  .cc-group { padding:11px; }
}
@media (prefers-reduced-motion:reduce) { .cc-btn,.cc-slider,.cc-slider::before { transition:none; } }

/* Desktop-Hauptnavigation mit Megamenü für weitere Bereiche. */
.sc-site-header__desktop-nav { display:flex; align-items:center; gap:6px; }
.sc-site-nav__more { position:relative; display:flex; align-items:center; }
.sc-site-nav__more-toggle {
  display:flex;
  width:48px;
  height:48px;
  padding:0;
  flex-direction:column;
  gap:4px;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:0;
  background:transparent;
  color:rgba(255,255,255,.82);
  cursor:pointer;
}
.sc-site-nav__more-toggle > span { width:5px; height:5px; border-radius:50%; background:currentColor; }
.sc-site-nav__more-toggle:hover,
.sc-site-nav__more-toggle:focus-visible,
.sc-site-nav__more-toggle[aria-expanded="true"] { color:var(--sc-sky); }
.sc-site-nav__more-toggle[aria-current="location"] { color:var(--sc-accent); }
.sc-site-nav__more-toggle:focus-visible { outline:2px solid var(--sc-accent); outline-offset:2px; }
.sc-site-nav__more > .sc-cluster-mega {
  position:absolute;
  z-index:18;
  top:calc(100% + 18px);
  right:0;
  width:min(560px,calc(100vw - 40px));
  padding:26px 28px 30px;
  background:var(--sc-white);
  box-shadow:0 18px 50px rgba(29,53,87,.22);
}
.sc-site-nav__more > .sc-cluster-mega::before { content:""; position:absolute; right:0; bottom:100%; width:100%; height:18px; }
.sc-site-nav__more > .sc-cluster-mega[hidden] { display:none !important; }
.sc-site-nav__more .sc-cluster-mega__grid {
  position:static;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 34px;
  width:auto;
  margin:0;
  padding:12px 0 0;
  background:transparent;
  box-shadow:none;
  list-style:none;
}
.sc-site-nav__more .sc-cluster-mega__grid::before { content:none; }
.sc-site-nav__more .sc-cluster-mega__grid li { border-bottom:1px solid var(--sc-line); }

@media (max-width:1280px) {
  .sc-site-header__desktop-nav { display:none !important; }
}

body.sc-home .sc-home-hero .sc-new-actions .sc-home-tools-action,
body.sc-home .sc-home-hero .sc-new-actions .sc-home-tools-action[aria-current="page"] {
  border-color:var(--sc-accent,#e63946); background:var(--sc-accent,#e63946); color:var(--sc-white,#fff);
}
body.sc-home .sc-home-hero .sc-new-actions .sc-home-tools-action:hover,
body.sc-home .sc-home-hero .sc-new-actions .sc-home-tools-action:focus-visible,
body.sc-home .sc-home-hero .sc-new-actions .sc-home-tools-action:active {
  border-color:var(--sc-white,#fff); background:var(--sc-white,#fff); color:var(--sc-blue,#457b9d);
}
body.sc-home .sc-home-hero .sc-new-actions .sc-home-tools-action:focus-visible { outline:2px solid var(--sc-blue,#457b9d); outline-offset:3px; }

@media (max-width:560px) {
  body.sc-home .sc-home-hero .sc-new-actions {
    display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; width:100%;
  }
  body.sc-home .sc-home-hero .sc-new-actions a {
    display:flex; min-width:0; width:100%; padding:10px 4px; align-items:center; justify-content:center;
    font-size:clamp(10px,2.8vw,12px); letter-spacing:-.02em; line-height:1.15; text-align:center; white-space:nowrap;
  }
}

@media (max-width:339px) {
  body.sc-home .sc-home-hero .sc-new-actions { grid-template-columns:1fr; }
  body.sc-home .sc-home-hero .sc-new-actions a { font-size:12px; }
}

/* Kompakte redaktionelle Übersichten: gemeinsame Themenkarten-Komponente. */
.sc-pillar-page .sc-pillar-intro {
  padding-bottom:40px;
}
.sc-pillar-page .sc-pillar-intro > h2 {
  margin:10px 0 16px;
}
.sc-pillar-page .sc-topic-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  border-top:0;
}
.sc-pillar-page .sc-topic-card,
.sc-pillar-page .sc-topic-card:nth-child(even) {
  display:flex;
  min-width:0;
  min-height:0;
  flex-direction:column;
  padding:16px;
  border:1px solid var(--sc-line);
  background:var(--sc-white);
}
.sc-pillar-page .sc-topic-card > span {
  margin:0 0 6px;
  color:var(--sc-accent);
}
.sc-pillar-page .sc-topic-card h2 {
  display:-webkit-box;
  margin:0 0 8px;
  overflow:hidden;
  color:var(--sc-ink);
  font-size:clamp(18px,1.6vw,20px);
  line-height:1.25;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.sc-pillar-page .sc-topic-card h2 a {
  color:inherit;
}
.sc-pillar-page .sc-topic-card p {
  display:-webkit-box;
  max-width:none;
  margin:0 0 10px;
  overflow:hidden;
  color:var(--sc-muted);
  font-size:14px;
  line-height:1.55;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.sc-pillar-page .sc-topic-card .sc-text-link {
  display:inline-flex;
  min-height:44px;
  align-items:center;
  align-self:flex-start;
  margin-top:auto;
  color:var(--sc-blue);
}
.sc-pillar-page .sc-topic-card:hover {
  border-color:var(--sc-sky);
  background:var(--sc-field);
}
.sc-pillar-page .sc-topic-card a:focus-visible {
  outline:2px solid var(--sc-accent);
  outline-offset:3px;
}
.sc-pillar-page .sc-publication-cluster {
  padding-top:24px;
}
.sc-pillar-page .sc-publication-cluster + .sc-publication-cluster {
  margin-top:36px;
  border-top:1px solid var(--sc-line);
}
.sc-pillar-page .sc-publication-cluster > header {
  margin-bottom:16px;
}
.sc-pillar-page .sc-publication-cluster > header h3 {
  margin:6px 0 8px;
}

@media (max-width:1199px) {
  .sc-pillar-page .sc-topic-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:899px) {
  .sc-pillar-page .sc-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:599px) {
  .sc-pillar-page .sc-pillar-intro { padding-bottom:32px; }
  .sc-pillar-page .sc-topic-grid { grid-template-columns:1fr; gap:14px; }
  .sc-pillar-page .sc-topic-card,
  .sc-pillar-page .sc-topic-card:nth-child(even) { padding:14px; }
  .sc-pillar-page .sc-publication-cluster + .sc-publication-cluster { margin-top:32px; }
}

/* Interner kompakter LK-Rechner. */
.sc-lk-page { display:block; padding:0; background:var(--sc-white,#fff); color:var(--sc-ink); }
.sc-lk-calculator { padding:clamp(32px,6vw,72px) 0; border-top:1px solid var(--sc-line); }
.sc-lk-calculator__intro { max-width:720px; margin-bottom:24px; }
.sc-lk-calculator__intro h2 { margin:8px 0 10px; }
.sc-lk-calculator__intro p { margin:0; color:var(--sc-muted); }
.sc-lk-calculator__layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr); border:1px solid var(--sc-line,#c8dddf); background:#fff; }
.sc-lk-form { padding:clamp(22px,4vw,42px); }
.sc-lk-form__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 18px; }
.sc-lk-field,.sc-lk-select,.sc-lk-weeks { display:grid; gap:9px; }
.sc-lk-field__label { display:flex; align-items:center; justify-content:space-between; gap:16px; font-weight:700; }
.sc-lk-field__label output { color:#457b9d; font-size:18px; }
.sc-lk-field input[type="range"] { width:100%; height:8px; margin:10px 0; padding:0; border:0; border-radius:999px; background:#e4f1ee; accent-color:#457b9d; cursor:pointer; }
.sc-lk-field input[type="range"]::-webkit-slider-thumb { width:26px; height:26px; cursor:grab; }
.sc-lk-number { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--sc-muted); font-size:13px; }
.sc-lk-number input,.sc-lk-select select,.sc-lk-weeks input { min-height:46px; border:1px solid var(--sc-line); border-radius:0; background:var(--sc-white); color:var(--sc-ink); font:inherit; }
.sc-lk-number input { width:92px; padding:8px 10px; text-align:center; font-weight:700; }
.sc-lk-select > span,.sc-lk-weeks > span { font-weight:700; }
.sc-lk-select select { width:100%; padding:10px 38px 10px 12px; }
.sc-lk-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:24px; }
.sc-lk-options label { display:flex; min-height:74px; gap:12px; align-items:flex-start; padding:15px; border:1px solid var(--sc-line); cursor:pointer; }
.sc-lk-options input { width:20px; height:20px; margin:1px 0 0; accent-color:#457b9d; }
.sc-lk-options span { display:grid; gap:3px; }
.sc-lk-options small,.sc-lk-weeks small { color:var(--sc-muted); line-height:1.45; }
.sc-lk-weeks { margin-top:24px; }
.sc-lk-weeks input { width:130px; padding:8px 12px; }
.sc-lk-submit,.sc-lk-share { min-height:48px; border:0; background:#1d3557; color:#fff; font:700 13px/1.2 Inter,sans-serif; cursor:pointer; }
.sc-lk-submit { display:flex; width:100%; align-items:center; justify-content:space-between; margin-top:24px; padding:14px 18px; }
.sc-lk-submit:hover,.sc-lk-submit:focus-visible { background:#457b9d; }
.sc-lk-result { padding:clamp(24px,4vw,42px); background:linear-gradient(145deg,#457b9d,#1d3557); color:#fff; outline:none; }
.sc-lk-result h2 { margin:8px 0 18px; color:inherit; font-size:clamp(22px,3vw,32px); }
.sc-article-page .sc-article-body .sc-lk-result h2,
.sc-article-page .sc-article-body .sc-lk-result__feedback,
.sc-article-page .sc-article-body .sc-lk-disclaimer { color:#fff; }
.sc-lk-result .sc-new-eyebrow { color:#a8dadc; }
.sc-lk-result__primary { display:block; margin-bottom:26px; color:#a8dadc; font:700 clamp(46px,7vw,76px)/1 Inter,Arial,sans-serif; letter-spacing:-.04em; }
.sc-lk-result__details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; border-top:1px solid rgba(255,255,255,.18); }
.sc-lk-result__details div { padding:14px 10px 14px 0; border-bottom:1px solid rgba(255,255,255,.18); }
.sc-lk-result__details dt { color:rgba(255,255,255,.65); font-size:11px; letter-spacing:.05em; text-transform:uppercase; }
.sc-lk-result__details dd { margin:5px 0 0; font-weight:700; }
.sc-lk-page .sc-lk-result__feedback { min-height:22px; margin:18px 0 10px; color:#fff; }
.sc-lk-share { width:100%; padding:12px 16px; background:#fff; color:#1d3557; }
.sc-lk-share:hover,.sc-lk-share:focus-visible { background:#a8dadc; color:#1d3557; }
.sc-lk-page .sc-lk-disclaimer { margin:16px 0 0; color:#fff; font-size:12px; line-height:1.55; }

@media (max-width:880px) {
  .sc-lk-calculator__layout { grid-template-columns:1fr; }
  .sc-lk-result { min-height:0; }
}
@media (max-width:640px) {
  .sc-lk-form__grid,.sc-lk-options { grid-template-columns:1fr; }
  .sc-lk-form,.sc-lk-result { padding:22px 18px; }
  .sc-lk-result__details { grid-template-columns:1fr; }
}
