/* assets/startseite.css */

						
						/* =============================================================
						   STARTSEITE · TINO BOTH · PERSÖNLICHE FASSUNG V8
						   Gemeinsame Gestaltung für die acht neuen Startseiten-Blöcke.
						   Diesen Style zusammen mit Abschnitt 01 einsetzen.
						   Die bisherigen Startseiten-Blöcke inkl. ihrer Styles ersetzen.
						   Menü, Footer, Tracking und Buchungskalender bleiben außerhalb.
						   ============================================================= */
						section.anfh-home {
						  --anfh-ink: #15313e;
						  --anfh-copy: #395361;
						  --anfh-muted: #607480;
						  --anfh-teal: #28736e;
						  --anfh-teal-light: #78ddd5;
						  --anfh-coral: #ef8b68;
						  --anfh-primary: #315f81;
						  --anfh-primary-hover: #254b68;
						  --anfh-link: #236f69;
						  --anfh-border: #d9e5e8;
						  --anfh-focus-ring: #236f69;
						  display: block;
						  position: relative;
						  box-sizing: border-box;
						  width: 100%;
						  min-width: 0;
						  max-width: 100%;
						  margin: 0;
						  padding: clamp(60px, 6.5vw, 88px) 24px;
						  overflow-x: hidden;
						  overflow-x: clip;
						  font-family: inherit;
						  font-size: 17px;
						  line-height: 1.65;
						  color: var(--anfh-copy);
						  background: #fff;
						  text-align: left;
						  scroll-margin-top: 105px;
						  -webkit-text-size-adjust: 100%;
						  text-size-adjust: 100%;
						}
						section.anfh-home *,
						section.anfh-home *::before,
						section.anfh-home *::after { box-sizing: border-box; }
						section.anfh-home > *,
						section.anfh-home .anfh-wrap > *,
						section.anfh-home .anfh-grid > * { min-width: 0; }
						section.anfh-home .anfh-wrap {
						  width: min(100%, 1180px);
						  margin: 0 auto;
						}
						section.anfh-home :where(h1, h2, h3, p, a, li, blockquote, summary, figcaption) {
						  font-family: inherit;
						}
						section.anfh-home :where(h1, h2, h3, p, figure, blockquote) { margin: 0; }
						section.anfh-home h1,
						section.anfh-home h2,
						section.anfh-home h3 {
						  color: var(--anfh-ink);
						  font-style: normal;
						  font-weight: 750;
						  overflow-wrap: break-word;
						}
						section.anfh-home h1 {
						  font-size: clamp(38px, 4.8vw, 65px);
						  line-height: 1.07;
						  letter-spacing: -.042em;
						  text-wrap: balance;
						}
						section.anfh-home h2 {
						  font-size: clamp(29px, 3.35vw, 44px);
						  line-height: 1.16;
						  letter-spacing: -.032em;
						  text-wrap: balance;
						}
						section.anfh-home h3 {
						  font-size: 21px;
						  line-height: 1.28;
						  letter-spacing: -.015em;
						}
						section.anfh-home p {
						  font-size: inherit;
						  font-weight: 400;
						  line-height: inherit;
						  color: inherit;
						}
						section.anfh-home a {
						  color: var(--anfh-link);
						  text-decoration: underline;
						  text-underline-offset: 4px;
						  text-decoration-thickness: 1px;
						  overflow-wrap: anywhere;
						}
						section.anfh-home a:hover { text-decoration-thickness: 2px; }
						section.anfh-home :where(a, summary):focus-visible {
						  outline: 3px solid var(--anfh-focus-ring);
						  outline-offset: 5px;
						  border-radius: 5px;
						}
						section.anfh-home img { display: block; max-width: 100%; }
						section.anfh-home .anfh-kicker {
						  margin: 0 0 12px;
						  color: var(--anfh-teal);
						  font-size: 12px;
						  font-weight: 800;
						  line-height: 1.5;
						  letter-spacing: .095em;
						  text-transform: uppercase;
						}
						section.anfh-home .anfh-heading { max-width: 770px; margin: 0 0 34px; }
						section.anfh-home .anfh-heading > p:last-child { margin-top: 17px; }
						section.anfh-home .anfh-text-link {
						  display: inline-flex;
						  align-items: center;
						  gap: 10px;
						  min-height: 44px;
						  padding: 5px 0;
						  font-size: 16px;
						  font-weight: 700;
						  line-height: 1.45;
						  text-decoration: none;
						}
						section.anfh-home .anfh-text-link:hover { text-decoration: underline; }
						section.anfh-home .anfh-arrow { flex: 0 0 auto; font-size: 1.15em; }
						section.anfh-home .anfh-actions {
						  display: flex;
						  align-items: center;
						  flex-wrap: wrap;
						  gap: 12px;
						}
						section.anfh-home .anfh-button {
						  display: inline-flex;
						  align-items: center;
						  justify-content: center;
						  min-height: 52px;
						  max-width: 100%;
						  padding: 13px 22px;
						  border: 1px solid transparent;
						  border-radius: 9px;
						  font-size: 16px;
						  font-weight: 750;
						  line-height: 1.35;
						  text-align: center;
						  text-decoration: none;
						  transition: background-color .18s ease, border-color .18s ease;
						}
						section.anfh-home .anfh-button--primary {
						  color: #fff;
						  background: var(--anfh-primary);
						}
						section.anfh-home .anfh-button--primary:hover { background: var(--anfh-primary-hover); }
						section.anfh-home .anfh-button--secondary {
						  color: var(--anfh-ink);
						  border-color: #a8c3c7;
						  background: transparent;
						}
						section.anfh-home .anfh-button--secondary:hover { background: #edf6f5; }
						section.anfh-home.anfh-dark {
						  --anfh-ink: #f7fbfc;
						  --anfh-copy: #d3e0e5;
						  --anfh-muted: #b9ccd3;
						  --anfh-teal: #78ddd5;
						  --anfh-link: #90e6df;
						  --anfh-border: rgba(132, 212, 206, .25);
						  --anfh-focus-ring: #90e6df;
						  color: var(--anfh-copy);
						  background: #102731;
						}
						section.anfh-home.anfh-dark .anfh-button--secondary {
						  color: #f7fbfc;
						  border-color: rgba(207, 233, 235, .36);
						  background: rgba(255, 255, 255, .025);
						}
						section.anfh-home.anfh-dark .anfh-button--secondary:hover {
						  background: rgba(255, 255, 255, .08);
						  border-color: rgba(207, 233, 235, .6);
						}
						/* Glasbox: gleiche feine Türkis-Koralle-Lichtkante wie im Symptomkompass. */
						section.anfh-home .anfh-glass {
						  position: relative;
						  border: 1px solid rgba(120, 221, 213, .26);
						  border-radius: 20px;
						  background: linear-gradient(120deg,
						    rgba(53, 170, 164, .13), rgba(7, 23, 34, .4) 48%, rgba(239, 139, 104, .1));
						  box-shadow: 0 24px 54px rgba(0, 0, 0, .16);
						}
						section.anfh-home .anfh-glass::before {
						  content: "";
						  position: absolute;
						  z-index: 1;
						  left: 50%;
						  top: -1px;
						  width: 62%;
						  height: 2px;
						  transform: translateX(-50%);
						  background: linear-gradient(90deg,
						    transparent, var(--anfh-teal-light), var(--anfh-coral), transparent);
						  pointer-events: none;
						}
						
						/* Strukturierter dunkler Hintergrund aus der gelieferten klk-cases-Sektion.
						   Statisches Raster; keine Animation, keine externe Datei, keine Klickbarriere. */
						section.anfh-home.anfh-pattern {
						  isolation: isolate;
						  background:
						    radial-gradient(circle at 13% 18%, rgba(58,167,162,.18), transparent 29%),
						    radial-gradient(circle at 89% 82%, rgba(235,139,102,.16), transparent 31%),
						    linear-gradient(145deg, #071523 0%, #0a1b2c 50%, #102839 100%);
						}
						section.anfh-home.anfh-pattern::before {
						  content: "";
						  position: absolute;
						  z-index: 0;
						  inset: 0;
						  opacity: .42;
						  pointer-events: none;
						  background-image:
						    linear-gradient(rgba(153,206,207,.045) 1px, transparent 1px),
						    linear-gradient(90deg, rgba(153,206,207,.045) 1px, transparent 1px);
						  background-size: 62px 62px;
						  -webkit-mask-image: linear-gradient(115deg, transparent 4%, #000 34%, #000 75%, transparent 98%);
						  mask-image: linear-gradient(115deg, transparent 4%, #000 34%, #000 75%, transparent 98%);
						}
						section.anfh-home.anfh-pattern > .anfh-wrap { position: relative; z-index: 1; }
						
						/* 02 · Persönliche Vorstellung statt einer zweiten Methodenerklärung. */
						#anfh-about { background: #f8faf9; }
						#anfh-about .anfh-about__inner {
						  display: grid;
						  grid-template-columns: minmax(0, .83fr) minmax(0, 1.17fr);
						  align-items: center;
						  gap: clamp(35px, 6vw, 84px);
						}
						#anfh-about .anfh-about__portrait { max-width: 435px; }
						#anfh-about .anfh-about__portrait img {
						  width: 100%;
						  height: auto;
						  aspect-ratio: 4 / 5;
						  border-radius: 18px;
						  object-fit: cover;
						  object-position: center 31%;
						  background: #e2e9e8;
						}
						#anfh-about figcaption { margin-top: 11px; color: var(--anfh-muted); font-size: 14px; }
						#anfh-about .anfh-about__copy > p:not(.anfh-kicker) { margin-top: 18px; }
						#anfh-about .anfh-about__credentials {
						  display: flex;
						  flex-wrap: wrap;
						  gap: 8px 18px;
						  margin: 23px 0 13px;
						  padding: 18px 0 0;
						  list-style: none;
						  border-top: 1px solid var(--anfh-border);
						}
						#anfh-about .anfh-about__credentials li {
						  padding: 0;
						  margin: 0;
						  color: #244c57;
						  font-size: 14px;
						  font-weight: 700;
						  line-height: 1.5;
						}
						#anfh-about .anfh-about__bottom {
						  display: flex;
						  flex-wrap: wrap;
						  align-items: center;
						  justify-content: space-between;
						  gap: 18px;
						  margin-top: 9px;
						}
						#anfh-about .anfh-ambassador__link {
						  display: inline-flex; align-items: center; gap: 8px;
						  min-height: 52px; max-width: 220px; padding: 6px 0;
						  color: #24404b; background: transparent; text-decoration: none;
						}
						#anfh-about .anfh-ambassador__logo { width: 190px; height: auto; object-fit: contain; }
						#anfh-about .anfh-ambassador__pending { font-size: 14px; line-height: 1.45; font-weight: 650; }
						#anfh-about .anfh-ambassador__link:hover { text-decoration: underline; }
						
						/* 03 · Sechs klare Anliegen, keine vorgeschaltete zweite Sortierung. */
						#anfh-focus .anfh-focus__grid {
						  display: grid;
						  grid-template-columns: repeat(3, minmax(0, 1fr));
						  gap: 0 32px;
						}
						#anfh-focus .anfh-focus__item { border-top: 1px solid #bdcfD1; }
						#anfh-focus .anfh-focus__link {
						  display: flex;
						  min-height: 236px;
						  height: 100%;
						  padding: 26px 0;
						  flex-direction: column;
						  align-items: flex-start;
						  color: var(--anfh-copy);
						  text-decoration: none;
						}
						#anfh-focus .anfh-focus__link h3 { margin-bottom: 12px; }
						#anfh-focus .anfh-focus__link p { font-size: 16px; line-height: 1.65; }
						#anfh-focus .anfh-focus__more {
						  display: inline-flex;
						  align-items: center;
						  gap: 10px;
						  margin-top: auto;
						  padding-top: 18px;
						  color: var(--anfh-link);
						  font-size: 15px;
						  font-weight: 750;
						  line-height: 1.4;
						}
						#anfh-focus .anfh-focus__link:hover h3,
						#anfh-focus .anfh-focus__link:hover .anfh-focus__more {
						  text-decoration: underline;
						  text-underline-offset: 4px;
						}
						#anfh-focus .anfh-focus__bottom { margin-top: 16px; }
						
						/* 04 · Ein einziger Ablauf mit einem konkreten Vergleichsbeispiel. */
						#anfh-process { /* Hintergrund über .anfh-pattern */ }
						#anfh-process .anfh-process__inner {
						  display: grid;
						  grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr);
						  gap: clamp(36px, 6vw, 76px);
						  align-items: center;
						}
						#anfh-process .anfh-process__intro { margin-top: 19px; }
						#anfh-process .anfh-process__list { margin: 27px 0 0; padding: 0; list-style: none; }
						#anfh-process .anfh-step {
						  display: grid;
						  grid-template-columns: 37px minmax(0, 1fr);
						  gap: 15px;
						  padding: 20px 0;
						  margin: 0;
						  border-top: 1px solid rgba(185, 222, 223, .2);
						}
						#anfh-process .anfh-step__number {
						  color: var(--anfh-teal-light);
						  font-size: 14px;
						  font-weight: 800;
						  line-height: 1.8;
						}
						#anfh-process .anfh-step h3 { margin-bottom: 8px; font-size: 20px; }
						#anfh-process .anfh-step p { font-size: 16px; line-height: 1.65; }
						#anfh-process .anfh-process__example { padding: 34px; }
						#anfh-process .anfh-process__example h3 { font-size: 27px; line-height: 1.2; }
						#anfh-process .anfh-process__example > p:not(.anfh-kicker) { margin-top: 19px; }
						#anfh-process .anfh-process__comparison {
						  display: grid;
						  grid-template-columns: 1fr auto 1fr;
						  align-items: center;
						  gap: 12px;
						  margin: 26px 0 5px;
						  padding: 19px 0;
						  border-top: 1px solid rgba(185, 222, 223, .22);
						  border-bottom: 1px solid rgba(185, 222, 223, .22);
						  color: #f8fbfc;
						  font-size: 16px;
						  line-height: 1.5;
						}
						#anfh-process .anfh-process__comparison strong { display: block; color: var(--anfh-teal-light); font-size: 13px; }
						#anfh-process .anfh-process__example .anfh-process__takeaway { color: #bdd0d7; font-size: 15px; }
						#anfh-process .anfh-process__example .anfh-text-link { margin-top: 17px; }
						
						/* 05 · Zitate und Bewertungslinks in einem Abschnitt. */
						#anfh-reviews { background: #f8faf9; }
						#anfh-reviews .anfh-testimonials__grid {
						  display: grid;
						  grid-template-columns: repeat(3, minmax(0, 1fr));
						  gap: 18px;
						}
						#anfh-reviews .anfh-testimonial {
						  display: flex;
						  flex-direction: column;
						  min-width: 0;
						  padding: 28px;
						  border: 1px solid #dce7e8;
						  border-radius: 15px;
						  background: #fff;
						}
						#anfh-reviews .anfh-testimonial__topic {
						  margin-bottom: 18px;
						  color: var(--anfh-teal);
						  font-size: 12px;
						  font-weight: 750;
						  line-height: 1.5;
						  letter-spacing: .045em;
						  text-transform: uppercase;
						}
						#anfh-reviews blockquote { color: #2d4b59; font-size: 16px; line-height: 1.75; }
						#anfh-reviews .anfh-testimonial__source { margin-top: auto; padding-top: 23px; }
						#anfh-reviews .anfh-testimonial__source strong { display: block; color: var(--anfh-ink); font-size: 15px; }
						#anfh-reviews .anfh-testimonial__source a { display: inline-block; padding: 8px 0; font-size: 14px; line-height: 1.5; }
						#anfh-reviews .anfh-reviews__note { margin-top: 21px; color: var(--anfh-muted); font-size: 14px; }
						#anfh-reviews .anfh-review-links {
						  display: flex;
						  flex-wrap: wrap;
						  align-items: center;
						  gap: 5px 23px;
						  margin-top: 19px;
						  padding-top: 18px;
						  border-top: 1px solid var(--anfh-border);
						}
						#anfh-reviews .anfh-review-links > span { font-size: 15px; }
						#anfh-reviews .anfh-review-links a { font-size: 15px; }
						
						/* Kompakte Bewertungsübersicht statt einer zweiten großen Kartenreihe.
						   Sterne sind eigene neutrale Zeichen, keine nachgebauten Plattformlogos. */
						#anfh-reviews .anfh-rating-strip {
						  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
						  gap: 0; margin: 0 0 29px; padding: 24px 0;
						  border-top: 1px solid #cbdcdd; border-bottom: 1px solid #cbdcdd;
						}
						#anfh-reviews .anfh-rating {
						  display: block; min-width: 0; padding: 0 25px;
						  border-left: 1px solid #d7e3e4; text-decoration: none;
						  color: var(--anfh-copy);
						}
						#anfh-reviews .anfh-rating:first-child { border-left: 0; padding-left: 0; }
						#anfh-reviews .anfh-rating__platform { display: block; color: var(--anfh-ink); font-size: 16px; font-weight: 750; }
						#anfh-reviews .anfh-rating__line { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; margin: 7px 0; }
						#anfh-reviews .anfh-rating__score { color: var(--anfh-ink); font-size: 30px; font-weight: 750; line-height: 1.15; letter-spacing: -.035em; }
						#anfh-reviews .anfh-rating__score small { font-size: 15px; font-weight: 500; letter-spacing: 0; }
						#anfh-reviews .anfh-stars {
						  position: relative; display: inline-block; color: #b2c4c4;
						  font-family: Arial, sans-serif; font-size: 19px; line-height: 1;
						  letter-spacing: 2px; white-space: nowrap; overflow: hidden;
						}
						#anfh-reviews .anfh-stars__fill {
						  position: absolute; left: 0; top: 0; overflow: hidden;
						  color: #267a72; white-space: nowrap;
						}
						#anfh-reviews .anfh-rating__count { display: block; color: #526c77; font-size: 14px; }
						#anfh-reviews .anfh-rating__open { display: block; margin-top: 9px; color: var(--anfh-link); font-size: 13px; font-weight: 650; }
						#anfh-reviews .anfh-rating:hover .anfh-rating__open { text-decoration: underline; text-underline-offset: 3px; }
						#anfh-reviews .anfh-rating-maintenance { margin: -15px 0 30px; color: var(--anfh-muted); font-size: 12px; line-height: 1.6; }
						#anfh-focus .anfh-focus__context { max-width: 770px; margin: 18px 0 0; font-size: 14px; color: var(--anfh-muted); }
						
						/* 06 · Fragen vor einer Kontaktaufnahme. Native Details: kein JavaScript. */
						#anfh-faq .anfh-wrap { max-width: 920px; }
						#anfh-faq .anfh-faq__list { border-top: 1px solid var(--anfh-border); }
						#anfh-faq details { border-bottom: 1px solid var(--anfh-border); }
						#anfh-faq summary {
						  position: relative;
						  display: block;
						  min-height: 66px;
						  padding: 22px 45px 22px 0;
						  color: var(--anfh-ink);
						  font-size: 17px;
						  font-weight: 700;
						  line-height: 1.45;
						  cursor: pointer;
						  list-style: none;
						}
						#anfh-faq summary::-webkit-details-marker { display: none; }
						#anfh-faq summary::after {
						  content: "+";
						  position: absolute;
						  right: 6px;
						  top: 50%;
						  transform: translateY(-50%);
						  color: var(--anfh-teal);
						  font-size: 25px;
						  font-weight: 400;
						}
						#anfh-faq details[open] summary::after { content: "−"; }
						#anfh-faq .anfh-answer { max-width: 810px; padding: 0 35px 24px 0; font-size: 16px; line-height: 1.75; }
						
						/* 07 · Persönliche Einladung in der gewünschten Glasbox. */
						#anfh-cta { /* Hintergrund über .anfh-pattern */ }
						#anfh-cta .anfh-cta__box {
						  max-width: 980px;
						  margin: 0 auto;
						  padding: 46px 48px;
						  text-align: center;
						}
						#anfh-cta h2 { max-width: 840px; margin: 0 auto; }
						#anfh-cta .anfh-cta__intro { max-width: 720px; margin: 21px auto 26px; }
						#anfh-cta .anfh-actions { justify-content: center; }
						#anfh-cta .anfh-cta__small { margin-top: 17px; color: #c2d4db; font-size: 14px; }
						#anfh-cta .anfh-cta__mail { margin-top: 18px; color: #c2d4db; font-size: 15px; }
						#anfh-cta .anfh-cta__mail a { display: inline-block; padding: 5px 0; }
						
						/* 08 · Fachliche Angebote kompakt, nach dem Kundenbereich. */
						#anfh-workshops { padding: 39px 24px; background: #f4f8f7; }
						#anfh-workshops .anfh-workshops__inner {
						  display: grid;
						  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
						  gap: 26px 54px;
						  align-items: center;
						}
						#anfh-workshops h2 { font-size: clamp(25px, 2.6vw, 34px); }
						#anfh-workshops .anfh-workshops__copy > p { font-size: 16px; }
						#anfh-workshops .anfh-actions { margin-top: 10px; gap: 9px 24px; }
						
						/* Breitenwechsel: nur zwei Hero-Layouts, keine schmalen Zwischen-Spalten. */
						
						
						/* Fallback nur für Browser ohne Container Queries. */
						
						@media (max-width: 1000px) {
						  #anfh-focus .anfh-focus__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
						  #anfh-reviews .anfh-testimonial { padding: 23px; }
						}
						@media (max-width: 820px) {
						  #anfh-about .anfh-about__inner { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 30px; }
						  #anfh-about .anfh-about__portrait img { aspect-ratio: 2 / 3; }
						  #anfh-about .anfh-about__bottom { align-items: flex-start; flex-direction: column; gap: 12px; }
						  #anfh-process .anfh-process__inner { grid-template-columns: 1fr; gap: 31px; }
						  #anfh-process .anfh-process__example { max-width: 650px; }
						  #anfh-reviews .anfh-testimonials__grid { grid-template-columns: 1fr; }
						  #anfh-workshops .anfh-workshops__inner { grid-template-columns: 1fr; gap: 19px; }
						}
						@media (max-width: 660px) {
						  
						}
						@media (max-width: 640px) {
						  section.anfh-home { padding: 53px 20px; font-size: 16px; line-height: 1.7; }
						  section.anfh-home h1 { font-size: clamp(36px, 9vw, 49px); }
						  section.anfh-home h2 { font-size: 29px; }
						  section.anfh-home h3 { font-size: 20px; }
						  section.anfh-home .anfh-kicker { font-size: 11.5px; margin-bottom: 10px; }
						  section.anfh-home .anfh-heading { margin-bottom: 27px; }
						  section.anfh-home .anfh-button { width: 100%; font-size: 16px; }
						  section.anfh-home .anfh-actions { align-items: stretch; flex-direction: column; gap: 11px; }
						  
						  #anfh-about .anfh-about__inner { grid-template-columns: 1fr; gap: 30px; }
						  #anfh-about .anfh-about__copy { order: 1; }
						  #anfh-about .anfh-about__portrait { order: 2; max-width: 360px; width: 100%; margin: 0 auto; }
						  #anfh-about .anfh-about__portrait img { aspect-ratio: 4 / 5; }
						  #anfh-about .anfh-about__credentials { gap: 9px 16px; }
						  #anfh-about .anfh-about__bottom { flex-direction: row; align-items: center; gap: 13px 23px; }
						  #anfh-focus .anfh-focus__grid { grid-template-columns: 1fr; }
						  #anfh-focus .anfh-focus__link { min-height: 0; padding: 24px 0; }
						  #anfh-focus .anfh-focus__more { padding-top: 15px; }
						  #anfh-process .anfh-step { grid-template-columns: 29px minmax(0, 1fr); gap: 12px; }
						  #anfh-process .anfh-process__example { padding: 29px 23px; }
						  #anfh-process .anfh-process__example h3 { font-size: 25px; }
						  #anfh-reviews .anfh-testimonial { padding: 25px 22px; }
						  #anfh-reviews .anfh-rating { padding: 0 13px; }
						  #anfh-reviews .anfh-rating__platform { font-size: 14px; }
						  #anfh-reviews .anfh-rating__line { gap: 7px; }
						  #anfh-reviews .anfh-rating__score { font-size: 27px; }
						  #anfh-reviews .anfh-rating__count { font-size: 13px; }
						  #anfh-reviews .anfh-review-links { gap: 6px 20px; }
						  #anfh-reviews .anfh-review-links > span { flex-basis: 100%; }
						  #anfh-faq summary { padding-top: 20px; padding-bottom: 20px; font-size: 16px; }
						  #anfh-faq .anfh-answer { padding-right: 8px; }
						  #anfh-cta .anfh-cta__box { padding: 35px 22px; }
						  #anfh-cta .anfh-cta__intro { margin-top: 19px; }
						  #anfh-cta .anfh-cta__small { font-size: 13px; }
						  #anfh-workshops { padding: 35px 20px; }
						  #anfh-workshops .anfh-actions { align-items: flex-start; gap: 2px; }
						}
						@media (max-width: 520px) {
						  #anfh-reviews .anfh-rating-strip { grid-template-columns: 1fr; padding: 0; }
						  #anfh-reviews .anfh-rating { display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 16px; align-items: center; border-left: 0; border-top: 1px solid #d7e3e4; padding: 18px 0; }
						  #anfh-reviews .anfh-rating:first-child { border-top: 0; }
						  #anfh-reviews .anfh-rating__platform { font-size: 15px; }
						  #anfh-reviews .anfh-rating__line { grid-column: 2; grid-row: 1 / 3; display: flex; flex-direction: column; align-items: flex-end; margin: 0; }
						  #anfh-reviews .anfh-rating__count { grid-column: 1; margin-top: 3px; }
						  #anfh-reviews .anfh-rating__open { grid-column: 1 / -1; margin-top: 7px; }
						}
						@media (prefers-reduced-motion: reduce) {
						  section.anfh-home *, section.anfh-home *::before, section.anfh-home *::after {
						    transition: none !important;
						    animation: none !important;
						    scroll-behavior: auto !important;
						  }
						}
						@media (forced-colors: active) {
						  section.anfh-home .anfh-glass,
						  section.anfh-home .anfh-button { border-color: ButtonText; }
						  section.anfh-home .anfh-glass::before { background: CanvasText; }
						  section.anfh-home :where(a, summary):focus-visible { outline-color: Highlight; }
						}
						
						
						
						
						/* Menü-Trennlinie aus der gelieferten bestehenden Hero-Vorlage. */
						#anfh-hero::after {
						 content:""; position:absolute; z-index:3;
						 top:calc(var(--anfh-menu-overlap) + var(--anfh-x5-offset-compensation));
						 left:50%; width:min(92%,1440px); height:1px; transform:translateX(-50%);
						 pointer-events:none;
						 background:linear-gradient(90deg,transparent,rgba(103,211,202,.5),transparent);
						}
						  #anfh-hero {
						 --anfh-menu-overlap:75px; --anfh-x5-offset-compensation:76px;
						 position:relative; isolation:isolate; container:anfhHero / inline-size;
						 box-sizing:border-box; width:100%; min-width:0; margin-top:calc(-1 * var(--anfh-menu-overlap));
						 padding:calc(var(--anfh-menu-overlap) + var(--anfh-x5-offset-compensation)) 0 0;
						 background:#0d1a27; color:#f4f7f8; font-family:inherit; font-size:17px; line-height:1.65;
						}
						#anfh-hero *, #anfh-hero *::before, #anfh-hero *::after {box-sizing:border-box;}
						#anfh-hero .anfh-hero__stage {position:relative; z-index:2; display:flex; align-items:flex-end; min-height:clamp(500px,calc(100svh - 230px),700px); padding:36px 0 42px;}
						#anfh-hero .anfh-hero__background {position:absolute; z-index:0; inset:0; display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:54% top;}
						#anfh-hero .anfh-hero__shade {position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 32%,rgba(8,20,30,.05) 48%,rgba(8,20,30,.83) 73%,rgba(8,20,30,.94)),linear-gradient(0deg,rgba(8,20,30,.55),transparent 65%);}
						#anfh-hero .anfh-hero__grid {position:absolute;z-index:1;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(153,206,207,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(153,206,207,.045) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(115deg,transparent 4%,#000 34%,#000 75%,transparent 98%);}
						#anfh-hero .anfh-hero__inner {position:relative;z-index:2;width:min(calc(100% - 64px),1660px);min-width:0;margin:0 auto;}
						#anfh-hero .anfh-hero__copy {width:min(650px,52%);min-width:0;margin-left:auto;text-align:left;}
						#anfh-hero .anfh-eyebrow {margin:0 0 16px;color:#55c3bc;font-size:13px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;}
						#anfh-hero h1 {margin:0 0 24px;color:#fff;font-family:inherit;font-size:clamp(40px,4cqi,64px);line-height:1.08;letter-spacing:-.045em;text-wrap:balance;}
						#anfh-hero .anfh-hero__lead {margin:0;color:#d0dbe1;font-size:18px;line-height:1.68;}
						#anfh-hero .anfh-hero__lead strong {color:#fff;}
						#anfh-hero .anfh-hero__contact {display:flex;align-items:center;gap:20px;margin-top:27px;min-width:0;}
						#anfh-hero .anfh-actions {display:flex;gap:12px;flex-wrap:wrap;min-width:0;flex:1;}
						#anfh-hero .anfh-button {display:inline-flex;align-items:center;justify-content:center;min-height:50px;max-width:100%;padding:13px 18px;border:1px solid transparent;border-radius:8px;font-size:15px;font-weight:800;line-height:1.35;text-align:center;text-decoration:none;transition:background-color .2s,border-color .2s;}
						#anfh-hero .anfh-button--primary {color:#fff;background:#3a9d98;}
						#anfh-hero .anfh-button--primary:hover {background:#48aaa4;}
						#anfh-hero .anfh-button--secondary {color:#fff;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.28);}
						#anfh-hero .anfh-button--secondary:hover {background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.52);}
						#anfh-hero .anfh-ambassador {position:static;flex:0 0 112px;margin:0;padding:0;border:0;}
						#anfh-hero .anfh-ambassador__link {display:block;width:112px;max-width:100%;padding:0;border-radius:5px;}
						#anfh-hero .anfh-ambassador__logo {display:block;width:100%;height:auto;}
						#anfh-hero .anfh-hero__note {margin:11px 0 0;color:#c7d1d7;font-size:14px;}
						#anfh-hero .anfh-hero__direct {margin:8px 0 0;font-size:14px;}
						#anfh-hero .anfh-hero__direct a {display:inline-block;padding:6px 0;color:#79d8d0;text-underline-offset:4px;}
						#anfh-hero a:focus-visible {outline:3px solid #79d8d0;outline-offset:5px;}
						@media(max-width:660px){#anfh-hero {--anfh-menu-overlap:68px;--anfh-x5-offset-compensation:64px;}}
						/* STACKED_RULES_START */
						@container anfhHero (min-width:1400px) {
						 #anfh-hero .anfh-hero__background {width:min(100%,1300px);-webkit-mask-image:linear-gradient(90deg,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,#000 72%,transparent 100%);}
						}
						@container anfhHero (min-width:561px) and (max-width:849px) {
						 #anfh-hero .anfh-hero__contact {gap:12px;}
						 #anfh-hero .anfh-actions {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);}
						 #anfh-hero .anfh-button {padding:12px;font-size:14px;}
						}
						@container anfhHero (min-width:561px) and (max-width:660px) {
						 #anfh-hero .anfh-hero__lead {font-size:16px;line-height:1.6;}
						}
						@container anfhHero (min-width:850px) and (max-width:1199px) {
						 #anfh-hero .anfh-hero__shade {background:linear-gradient(90deg,transparent 32%,rgba(8,20,30,.05) 48%,rgba(8,20,30,.83) 73%,rgba(8,20,30,.94)),linear-gradient(0deg,rgba(8,20,30,.86),rgba(8,20,30,.12) 55%,transparent 75%);}
						 #anfh-hero .anfh-hero__copy {width:min(650px,70%);}
						 #anfh-hero h1 {font-size:clamp(34px,3.8cqi,46px);}
						 #anfh-hero .anfh-hero__lead {font-size:17px;}
						 #anfh-hero .anfh-eyebrow {font-size:12px;}
						 #anfh-hero .anfh-hero__contact {gap:14px;}
						 #anfh-hero .anfh-button {padding:13px 14px;font-size:14px;}
						 #anfh-hero .anfh-ambassador {flex-basis:96px;}
						 #anfh-hero .anfh-ambassador__link {width:96px;}
						}
						
						@container anfhHero (max-width:849px) {
						 #anfh-hero .anfh-hero__stage {display:block;min-height:0;padding:0 0 46px;}
						 #anfh-hero .anfh-hero__background {position:relative;inset:auto;height:75cqi;object-fit:contain;object-position:center top;}
						 #anfh-hero .anfh-hero__shade {display:none;}
						 #anfh-hero .anfh-hero__inner {width:min(calc(100% - 48px),740px);margin:32px auto 0;}
						 #anfh-hero .anfh-hero__copy {width:100%;margin:0;text-align:center;}
						 #anfh-hero h1 {font-size:clamp(29px,4.8cqi,44px);}
						 #anfh-hero .anfh-actions {justify-content:center;}
						 #anfh-hero .anfh-hero__contact {justify-content:center;}
						}
						@container anfhHero (max-width:560px) {
						 #anfh-hero .anfh-hero__background {height:75cqi;}
						 #anfh-hero .anfh-hero__inner {width:calc(100% - 40px);margin-top:28px;}
						 #anfh-hero .anfh-eyebrow {font-size:11.5px;line-height:1.4;margin-bottom:12px;}
						 #anfh-hero h1 {font-size:29px;line-height:1.12;margin-bottom:17px;}
						 #anfh-hero .anfh-hero__lead {font-size:14.8px;line-height:1.58;}
						 #anfh-hero .anfh-hero__copy {display:flex;flex-direction:column;}
						 #anfh-hero .anfh-hero__contact {display:contents;}
						 #anfh-hero .anfh-actions {flex:none;flex-direction:column;margin-top:24px;}
						 #anfh-hero .anfh-button {width:100%;font-size:14.5px;}
						 #anfh-hero .anfh-ambassador {flex:none;align-self:center;width:104px;order:4;margin-top:18px;}
						 #anfh-hero .anfh-ambassador__link {width:104px;}
						 #anfh-hero .anfh-hero__note {font-size:13px;}
						 #anfh-hero .anfh-hero__direct {font-size:13px;}
						}
						@container anfhHero (max-width:520px) {#anfh-hero .anfh-button--secondary {display:none;}}
						@container anfhHero (max-width:420px) {#anfh-hero h1 {font-size:26px;} #anfh-hero .anfh-hero__lead {font-size:14px;}}
						/* STACKED_RULES_END */
						@media(prefers-reduced-motion:reduce){#anfh-hero a {transition:none;}}
						
						@supports not (container-type:inline-size) {
						
						@media (min-width:1400px) {
						 #anfh-hero .anfh-hero__background {width:min(100%,1300px);-webkit-mask-image:linear-gradient(90deg,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,#000 72%,transparent 100%);}
						}
						@media (min-width:561px) and (max-width:849px) {
						 #anfh-hero .anfh-hero__contact {gap:12px;}
						 #anfh-hero .anfh-actions {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);}
						 #anfh-hero .anfh-button {padding:12px;font-size:14px;}
						}
						@media (min-width:561px) and (max-width:660px) {
						 #anfh-hero .anfh-hero__lead {font-size:16px;line-height:1.6;}
						}
						@media (min-width:850px) and (max-width:1199px) {
						 #anfh-hero .anfh-hero__shade {background:linear-gradient(90deg,transparent 32%,rgba(8,20,30,.05) 48%,rgba(8,20,30,.83) 73%,rgba(8,20,30,.94)),linear-gradient(0deg,rgba(8,20,30,.86),rgba(8,20,30,.12) 55%,transparent 75%);}
						 #anfh-hero .anfh-hero__copy {width:min(650px,70%);}
						 #anfh-hero h1 {font-size:clamp(34px,3.8vw,46px);}
						 #anfh-hero .anfh-hero__lead {font-size:17px;}
						 #anfh-hero .anfh-eyebrow {font-size:12px;}
						 #anfh-hero .anfh-hero__contact {gap:14px;}
						 #anfh-hero .anfh-button {padding:13px 14px;font-size:14px;}
						 #anfh-hero .anfh-ambassador {flex-basis:96px;}
						 #anfh-hero .anfh-ambassador__link {width:96px;}
						}
						
						@media (max-width:849px) {
						 #anfh-hero .anfh-hero__stage {display:block;min-height:0;padding:0 0 46px;}
						 #anfh-hero .anfh-hero__background {position:relative;inset:auto;height:75vw;object-fit:contain;object-position:center top;}
						 #anfh-hero .anfh-hero__shade {display:none;}
						 #anfh-hero .anfh-hero__inner {width:min(calc(100% - 48px),740px);margin:32px auto 0;}
						 #anfh-hero .anfh-hero__copy {width:100%;margin:0;text-align:center;}
						 #anfh-hero h1 {font-size:clamp(29px,4.8vw,44px);}
						 #anfh-hero .anfh-actions {justify-content:center;}
						 #anfh-hero .anfh-hero__contact {justify-content:center;}
						}
						@media (max-width:560px) {
						 #anfh-hero .anfh-hero__background {height:75vw;}
						 #anfh-hero .anfh-hero__inner {width:calc(100% - 40px);margin-top:28px;}
						 #anfh-hero .anfh-eyebrow {font-size:11.5px;line-height:1.4;margin-bottom:12px;}
						 #anfh-hero h1 {font-size:29px;line-height:1.12;margin-bottom:17px;}
						 #anfh-hero .anfh-hero__lead {font-size:14.8px;line-height:1.58;}
						 #anfh-hero .anfh-hero__copy {display:flex;flex-direction:column;}
						 #anfh-hero .anfh-hero__contact {display:contents;}
						 #anfh-hero .anfh-actions {flex:none;flex-direction:column;margin-top:24px;}
						 #anfh-hero .anfh-button {width:100%;font-size:14.5px;}
						 #anfh-hero .anfh-ambassador {flex:none;align-self:center;width:104px;order:4;margin-top:18px;}
						 #anfh-hero .anfh-ambassador__link {width:104px;}
						 #anfh-hero .anfh-hero__note {font-size:13px;}
						 #anfh-hero .anfh-hero__direct {font-size:13px;}
						}
						@media (max-width:520px) {#anfh-hero .anfh-button--secondary {display:none;}}
						@media (max-width:420px) {#anfh-hero h1 {font-size:26px;} #anfh-hero .anfh-hero__lead {font-size:14px;}}
						
						}
						
						
/* assets/rahmen.css */
@font-face{font-family:Lato;src:url("../fonts/Lato-Regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--site-navy:#0d1a27;--site-mint:#78ddd5;--site-teal:#2f7f78}
html{scroll-behavior:smooth;background:#fff}body{margin:0;font-family:Lato,Arial,Helvetica,sans-serif;color:#395361;font-size:17px;line-height:1.65}
*{box-sizing:border-box}a{color:#236f69}a:focus-visible,summary:focus-visible{outline:3px solid #78ddd5;outline-offset:5px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;top:-100px;left:16px;padding:10px 18px;background:#fff;color:#15313e;z-index:1000}.skip-link:focus{top:12px}
.site-header{position:absolute;inset:0 0 auto;height:75px;z-index:100;color:#fff;background:rgba(13,26,39,.25)}
.site-header__inner{width:min(100% - 48px,1440px);height:100%;margin:auto;display:flex;gap:24px;align-items:center}
.site-brand{display:flex;gap:12px;align-items:center;flex-shrink:0;color:inherit;text-decoration:none;line-height:1.15}
.site-brand img{width:42px;height:46px;object-fit:contain}.site-brand strong{display:block;color:#fff;font-size:25px;font-weight:700;letter-spacing:-.03em}
.site-brand small{display:block;margin-top:5px;color:#e1eef0;font-size:13px;white-space:nowrap}
.desktop-nav{margin-left:auto;display:flex;gap:22px;align-items:center}.desktop-nav a{color:#fff;text-decoration:none;font-size:15px;white-space:nowrap}
.desktop-nav a:hover{text-decoration:underline;text-underline-offset:6px}
.site-header__cta{display:flex;align-items:center;justify-content:center;min-height:36px;padding:5px 16px;border:2px solid transparent;border-radius:6px;background:var(--site-teal);color:#fff;text-decoration:none;font-size:15px;white-space:nowrap;line-height:1.25}
.site-header__cta:hover{background:#fff;color:#1f354d}
.mobile-menu{display:none;margin-left:auto}.mobile-menu summary{cursor:pointer;color:#fff;font-size:28px;line-height:1;list-style:none;padding:8px}.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu nav{position:absolute;top:75px;left:0;right:0;padding:18px 24px;background:#0d1a27;border-top:1px solid #315561;box-shadow:0 12px 24px #0003}
.mobile-menu nav a{display:block;color:#fff;padding:10px 8px;text-decoration:none;font-size:17px}
main{padding-top:75px;min-width:0}body #anfh-hero{--anfh-menu-overlap:75px;--anfh-x5-offset-compensation:0px}
.site-footer{padding:60px 24px 66px;color:#d9e7eb;background:#2c3e50;font-size:15px;line-height:1.65}
.site-footer__grid{width:min(100%,1180px);margin:auto;display:grid;grid-template-columns:1.25fr .7fr 1.1fr;gap:64px;align-items:start}
.site-footer strong{color:#fff}.site-footer p{margin:20px 0;max-width:430px}.site-footer a{color:#fff;text-decoration:none;overflow-wrap:anywhere}
.site-footer nav>a,.site-footer__grid>div:last-child>a{display:block;margin-top:9px}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.site-footer__bottom{width:min(100%,1180px);margin:45px auto 0;padding-top:24px;border-top:1px solid #ffffff2e;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:13px}
.site-footer__bottom nav{display:flex;gap:20px;flex-wrap:wrap}.site-footer__bottom nav>a{margin:0}
.preview-status{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);width:max-content;z-index:110;padding:8px 16px;border:1px solid #c8d9dc;border-radius:8px;background:rgba(244,249,249,.97);box-shadow:0 3px 20px #0715231a;color:#395361;font-size:12px;line-height:1.5;text-align:center}
.preview-page{width:min(100% - 48px,960px);margin:60px auto 100px;min-height:42vh;padding:40px;border:1px solid #d9e5e8;border-radius:18px;background:#f6f9fa}
.preview-page h1{margin:0 0 24px;color:#15313e;font-size:clamp(30px,4vw,48px);line-height:1.15}.preview-page p{margin:16px 0}.preview-page__eyebrow{color:#28736e;font-size:13px;font-weight:bold;text-transform:uppercase;letter-spacing:.08em}.preview-page__back{display:inline-block;margin-top:12px;font-weight:bold}
body:has(.preview-page) .site-header{background:#0d1a27}
@media(max-width:1240px){.desktop-nav{display:none}.mobile-menu{display:block}.site-header__cta{margin-left:auto}.site-header__inner{gap:16px}}
@media(max-width:700px){.site-header{height:68px}.site-header__inner{width:calc(100% - 32px);gap:8px}.site-brand{gap:8px}.site-brand img{width:31px;height:37px}.site-brand strong{font-size:21px}.site-brand small{font-size:11px}.site-header__cta{display:none}.mobile-menu nav{top:68px}main{padding-top:68px}body #anfh-hero{--anfh-menu-overlap:68px;--anfh-x5-offset-compensation:0px}.site-footer{padding:44px 24px 72px}.site-footer__grid{grid-template-columns:1fr;gap:30px}.site-footer__bottom{margin-top:32px;gap:16px}.preview-page{padding:24px;margin-top:32px}.preview-status{font-size:11px;padding:7px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.preview-status,.mobile-menu,.site-header{display:none}main{padding-top:0}body #anfh-hero{--anfh-menu-overlap:0px}}

/* assets/oberflaeche-v2.css */
/* Owned interface additions; the approved homepage stylesheet stays intact. */
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #78ddd5;outline-offset:5px}
.site-header__inner{gap:24px}
.site-brand{gap:12px}
.site-brand .site-brand__mark{width:44px;height:46px}
.site-brand .site-brand__wordmark{width:210px;height:auto}
.desktop-nav{display:flex;gap:21px}
.desktop-nav a{position:relative;padding:10px 0;text-decoration:none}
.desktop-nav a::after{content:"";position:absolute;left:0;bottom:3px;width:100%;height:2px;background:#78ddd5;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.desktop-nav a:hover{text-decoration:none}
.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{transform:scaleX(1)}
.mobile-menu{display:none}
.mobile-menu summary{position:relative;z-index:304;width:48px;height:48px;display:grid;place-items:center;padding:0;border:1px solid #ffffff38;border-radius:12px;background:#ffffff08;touch-action:manipulation}
.menu-bars{position:relative;display:block;width:24px;height:18px}
.menu-bars i{display:block;position:absolute;left:0;width:24px;height:2px;border-radius:4px;background:currentColor;transition:transform .3s ease,opacity .2s ease}
.menu-bars i:nth-child(1){top:0}.menu-bars i:nth-child(2){top:8px}.menu-bars i:nth-child(3){top:16px}
.mobile-menu[open] .menu-bars i:nth-child(1){transform:translateY(8px) rotate(45deg)}
.mobile-menu[open] .menu-bars i:nth-child(2){opacity:0}
.mobile-menu[open] .menu-bars i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.menu-backdrop{position:fixed;inset:0;z-index:300;background:#07121cd1;touch-action:none}
.menu-drawer{position:fixed;inset:0 0 0 auto;z-index:303;width:min(380px,calc(100% - 36px));height:100vh;height:100dvh;padding:32px 28px;display:flex;flex-direction:column;gap:26px;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(155deg,#183745,#0d1a27 72%);box-shadow:-18px 0 65px #0005;color:#fff}
.menu-enhanced .menu-backdrop{opacity:0;transition:opacity .32s ease}
.menu-enhanced .menu-drawer{transform:translateX(100%);transition:transform .36s cubic-bezier(.22,.7,.24,1)}
.menu-enhanced .mobile-menu[data-state="open"] .menu-backdrop{opacity:1}
.menu-enhanced .mobile-menu[data-state="open"] .menu-drawer{transform:translateX(0)}
.menu-drawer__top{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding-right:50px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#78ddd5}
.menu-close{position:absolute;right:28px;top:32px;width:44px;height:44px;border:1px solid #ffffff38;border-radius:12px;background:#ffffff08;color:#cce9e7;font:30px/1 Lato,Arial,sans-serif;cursor:pointer}
.menu-enhanced .mobile-menu[open]>summary{z-index:301}
html:not(.menu-enhanced) .menu-close{display:none}
.mobile-menu .menu-drawer nav{position:static;padding:0;background:none;border:0;box-shadow:none}
.mobile-menu .menu-drawer nav a{padding:13px 0;font-size:22px;border-bottom:1px solid #ffffff15;transition:color .2s ease,padding .2s ease}
.mobile-menu .menu-drawer nav a:hover{color:#78ddd5;padding-left:7px}
.menu-drawer__contact{margin-top:auto;padding-top:15px}
.menu-drawer__contact p{color:#c6dcdf;font-size:14px;margin:0 0 12px}
.menu-drawer__contact a{display:block;font-size:15px;color:#fff;text-decoration:none}
.menu-drawer__contact .menu-drawer__cta{padding:13px 15px;margin-bottom:14px;border-radius:9px;background:#78ddd5;color:#102d38;display:flex;gap:12px;justify-content:space-between;align-items:center;font-weight:bold}
.menu-drawer__signature{font-size:11px;color:#a9c8ce;line-height:1.4}
body.menu-is-open .preview-status{visibility:hidden}
.site-footer{position:relative;isolation:isolate;overflow:hidden;padding:70px 32px 76px;background:radial-gradient(ellipse at 8% 0%,#234856 0,transparent 60%),#101f2b;color:#d9e7eb}
.site-footer::before{content:"";position:absolute;z-index:-1;inset:auto auto -150px -90px;width:400px;height:410px;background:url("../../images/Logo-2026_white.svg") center/contain no-repeat;opacity:.025;transform:rotate(-14deg);pointer-events:none}
.site-footer__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.7fr) minmax(0,1.2fr);gap:54px}
.site-footer .site-brand .site-brand__mark{width:40px;height:42px}
.site-footer .site-brand .site-brand__wordmark{width:200px;height:auto}
.site-footer .site-footer__headline{margin:30px 0 16px;font-size:clamp(25px,2.5vw,34px);line-height:1.18;color:#fff;letter-spacing:-.03em}
.site-footer__headline span{color:#87dcd5}
.site-footer .site-footer__intro{margin:0 0 24px;font-size:14px;color:#bdd0d8;line-height:1.8}
.site-icon{display:block;width:22px;height:22px;flex:0 0 22px}
.site-social{display:flex;gap:10px;flex-wrap:wrap}
.site-social a{display:grid;place-items:center;width:46px;height:46px;margin:0;border:1px solid #ffffff30;border-radius:50%;background:#ffffff06;color:#e5f5f3;transition:background .2s ease,transform .2s ease}
.site-social a:hover{background:#78ddd5;color:#0d1a27;transform:translateY(-3px)}
.footer-eyebrow{display:block;margin-bottom:16px;color:#91cdc9;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:bold}
.site-footer__nav{padding-top:8px}
.site-footer .site-footer__nav a{display:flex;justify-content:space-between;gap:18px;max-width:220px;padding:8px 0;margin:0;border-bottom:1px solid #ffffff16;font-size:15px}
.site-footer__nav a span{color:#80beb9}
.site-footer__contact{padding:28px;border-radius:18px;background:#e9f4f2;box-shadow:0 10px 35px #0002;color:#173943}
.site-footer__contact .footer-eyebrow{color:#316e68}
.site-footer__contact h2{margin:0 0 22px;font-size:27px;line-height:1.15;font-weight:400;letter-spacing:-.02em;color:inherit}
.site-footer .site-footer__contact .footer-contact-link{display:flex;align-items:center;gap:10px;margin:10px 0;color:inherit;font-size:14px;line-height:1.5}
.footer-contact-link span{min-width:0;overflow-wrap:anywhere}
.site-footer .site-footer__contact .footer-whatsapp{display:flex;gap:10px;align-items:center;margin:20px 0;padding:13px 14px;border-radius:9px;background:#247468;color:#fff;text-decoration:none;font-size:14px;line-height:1.4}
.footer-whatsapp>span:last-child{margin-left:auto}
.site-footer .footer-whatsapp:hover{background:#195a50}
.site-footer .footer-address{display:flex;gap:10px;margin:16px 0 0;color:inherit;font-size:13px;line-height:1.6}
.footer-address .site-icon{margin-top:2px;width:19px;flex-basis:19px}
.site-footer__bottom{margin-top:42px;border-color:#ffffff20;color:#aac5ce}
.site-footer__bottom a{color:#c6dce2}
.site-footer--light{background:#f3f7f5;color:#23434e}
.site-footer--light::before{background-image:url("../../images/Logo-2026_colored_wText.svg");opacity:.025;width:800px}
.site-footer--light .site-brand img{width:min(100%,275px);height:auto}
.site-footer--light .site-footer__headline{color:#153a45}
.site-footer--light .site-footer__headline span{color:#29796f}
.site-footer--light .site-footer__intro{color:#4c6870}
.site-footer--light .footer-eyebrow{color:#327369}
.site-footer--light .site-footer__nav a{color:#23434e;border-color:#cddcda}
.site-footer--light .site-social a{color:#28574f;background:#fff;border-color:#cfdfda}
.site-footer--light .site-social a:hover{background:#d8eeea}
.site-footer--light .site-footer__contact{background:#183740;color:#fff;box-shadow:none}
.site-footer--light .site-footer__contact .footer-eyebrow{color:#9adfd4}
.site-footer--light .site-footer__contact .footer-whatsapp{background:#a7e5d6;color:#173a35}
.site-footer--light .site-footer__contact .footer-whatsapp:hover{background:#bff2e6}
.site-footer--light .site-footer__bottom{border-color:#cededa;color:#4c6870}
.site-footer--light .site-footer__bottom a{color:#315660}
.site-footer--compact{padding-top:48px;background:linear-gradient(120deg,#16474b,#101f2b 80%)}
.site-footer--compact .site-footer__grid{grid-template-columns:1fr 1fr;gap:26px 60px}
.site-footer--compact .site-footer__headline{font-size:28px;margin-top:22px}
.site-footer--compact .site-footer__contact{grid-column:2;grid-row:1;border-radius:0;padding:0 0 0 30px;background:transparent;box-shadow:none;border-left:1px solid #ffffff24;color:#e4f0ef}
.site-footer--compact .site-footer__contact h2{font-size:25px}
.site-footer--compact .site-footer__contact .footer-eyebrow{color:#91cdc9}
.site-footer--compact .site-footer__nav{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:12px 30px;padding-top:25px;border-top:1px solid #ffffff20}
.site-footer--compact .site-footer__nav .footer-eyebrow{margin:0}
.site-footer--compact .site-footer__nav a{border:0;padding:0}
.site-footer--compact .site-footer__bottom{margin-top:26px}
.footer-comparison__intro,.footer-comparison__label{width:min(100% - 64px,1180px);margin:auto}
.footer-comparison__intro{padding:60px 0 46px}
.footer-comparison__intro h1{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.025em;color:#173943;margin:0 0 20px}
.footer-comparison__intro p{max-width:660px}
.footer-comparison__intro nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.footer-comparison__intro nav a{padding:9px 16px;background:#e8f3f1;border-radius:8px;color:#1f655c;text-decoration:none;font-size:14px}
.footer-comparison__label{padding:32px 0 22px}
.footer-comparison__label h2{margin:0 0 8px;font-size:25px;line-height:1.2;color:#173943}
.footer-comparison__label p{margin:0;font-size:15px}
.footer-comparison{scroll-margin-top:24px;margin-bottom:36px}
body:has(.footer-comparison__intro) .site-header{background:#0d1a27}
.preview-status a{white-space:nowrap;font-weight:bold;margin-left:5px}
@media(min-width:1000px) and (max-width:1240px){.desktop-nav{display:flex}.mobile-menu{display:none}.site-header__cta{display:none}.site-header__inner{gap:20px}}
@media(min-width:1241px) and (max-width:1320px){.desktop-nav{gap:17px}.site-header__inner{gap:18px}.site-header__cta{font-size:14px;padding-inline:12px}}
@media(max-width:999px){.desktop-nav{display:none}.mobile-menu{display:block}.site-header__cta{display:flex;margin-left:auto}.site-header__inner{gap:18px}.site-footer__grid{gap:24px;grid-template-columns:1fr 1fr}.site-footer__nav{grid-column:1;grid-row:2}.site-footer__contact{grid-column:2;grid-row:1/3}.site-footer .site-footer__headline{font-size:28px}}
@media(max-width:699px){.site-header__inner{width:calc(100% - 32px);gap:8px}.site-brand .site-brand__mark{width:39px;height:41px}.site-header .site-brand__wordmark{display:none}.site-header__cta{display:none}.mobile-menu{margin-left:auto}.mobile-menu summary{width:44px;height:44px}.menu-drawer{padding:24px;gap:22px}.menu-drawer__top{padding-right:50px}.menu-close{top:18px;right:24px}.site-footer{padding:46px 24px 84px}.site-footer__grid{grid-template-columns:1fr;gap:32px}.site-footer__nav,.site-footer__contact{grid-column:auto;grid-row:auto}.site-footer__nav{grid-row:3}.site-footer__contact{padding:24px}.site-footer .site-brand__wordmark{width:200px}.site-footer .site-footer__headline{font-size:30px;margin-top:24px}.site-footer__bottom{margin-top:30px;gap:16px}.site-footer--compact .site-footer__grid{grid-template-columns:1fr;gap:28px}.site-footer--compact .site-footer__contact{grid-column:auto;grid-row:auto;border-left:0;border-top:1px solid #ffffff24;padding:26px 0 0}.site-footer--compact .site-footer__nav{grid-column:auto;gap:12px 22px}.site-footer--compact .site-footer__nav .footer-eyebrow{width:100%}.footer-comparison__intro,.footer-comparison__label{width:calc(100% - 40px)}.footer-comparison__intro{padding:40px 0 20px}.footer-comparison__intro h1{font-size:34px}.footer-comparison__intro nav{gap:8px}.footer-comparison__intro nav a{font-size:13px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.menu-backdrop,.menu-drawer,.menu-bars i,.desktop-nav a::after,.site-social a,.mobile-menu .menu-drawer nav a{transition:none!important}}
@media print{.mobile-menu,.preview-status{display:none}.site-footer{background:#fff!important;color:#173943!important}}


.footer-comparison__intro .footer-eyebrow{color:#327369}


/* assets/feinschliff-v3.css */
/* Ratios from Logo-2026_white_wText.svg: viewBox 1451.07 × 307.85.
   Separate files retain mobile wordmark hiding; only the graphic is lowered. */
.site-header{height:75px;background:linear-gradient(180deg,rgba(10,23,35,.48),rgba(10,23,35,.22));overflow:visible}
.site-header__inner{width:min(calc(100% - 48px),1440px);gap:20px}
.site-header .site-brand{--brand-height:70px;gap:calc(var(--brand-height)*.15598)}
.site-header .site-brand__mark{width:calc(var(--brand-height)*.972117);height:var(--brand-height);transform:translateY(13px)}
.site-header .site-brand__wordmark{width:calc(var(--brand-height)*3.58543);height:calc(var(--brand-height)*.88985)}
.site-header__cta{display:flex;margin-left:0;min-height:40px;padding:7px 14px;font-size:14px;flex-shrink:0}
.desktop-nav{margin-left:auto;gap:19px;flex-shrink:0}
.site-footer .site-brand__complete{width:min(100%,255px);height:auto}
main{padding-top:75px}
body #anfh-hero{--anfh-menu-overlap:75px}

/* Match the wide photo height to its 4:3 composition, including the patient.
   Keep the original composition at narrower tablet widths. Text remains in the
   dark right half instead of drifting over the shirt and the patient's leg. */
@media(min-width:700px){
  #anfh-hero .anfh-hero__stage{display:flex;align-items:center;min-height:max(560px,calc(min(61.5vw,900px) - var(--anfh-menu-overlap)));padding:48px 0}
  #anfh-hero .anfh-hero__background{position:absolute;inset:0;display:block;width:min(82%,1200px);height:100%;object-fit:cover;object-position:54% top}
  #anfh-hero .anfh-hero__shade{display:block;background:linear-gradient(90deg,transparent 20%,rgba(8,20,30,.12) 35%,rgba(8,20,30,.82) 53%,rgba(8,20,30,.97) 73%,#08141e),linear-gradient(0deg,rgba(8,20,30,.5),transparent 70%)}
  #anfh-hero .anfh-hero__inner{width:min(calc(100% - 64px),1660px);margin:0 auto}
  #anfh-hero .anfh-hero__copy{position:relative;width:min(650px,52%);margin-left:auto;text-align:left}
  #anfh-hero .anfh-eyebrow{color:#83dfd5}
  #anfh-hero h1{font-size:clamp(34px,4vw,60px);line-height:1.1}
  #anfh-hero .anfh-hero__lead{font-size:18px;line-height:1.65;color:#e1ebee}
  #anfh-hero .anfh-hero__contact{display:flex;justify-content:flex-start;gap:18px}
  #anfh-hero .anfh-actions{display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap}
}
@media(min-width:700px) and (max-width:1199px){
  #anfh-hero .anfh-hero__background{width:82%;object-position:72% top}
  #anfh-hero .anfh-hero__shade{background:linear-gradient(90deg,transparent 10%,rgba(8,20,30,.05) 27%,rgba(8,20,30,.76) 46%,rgba(8,20,30,.96) 60%,#08141e 86%),linear-gradient(0deg,rgba(8,20,30,.48),transparent 65%)}
  #anfh-hero .anfh-hero__copy{width:54%}
  #anfh-hero h1{font-size:clamp(32px,4vw,44px)}
  #anfh-hero .anfh-hero__lead{font-size:17px;line-height:1.6}
  #anfh-hero .anfh-eyebrow{font-size:11px;line-height:1.5}
  #anfh-hero .anfh-hero__contact{display:block}
  #anfh-hero .anfh-button{font-size:14px;padding:12px 14px}
  #anfh-hero .anfh-ambassador{position:absolute;right:0;bottom:9px;display:block;width:80px}
  #anfh-hero .anfh-ambassador__link{width:80px}
  #anfh-hero .anfh-hero__note,#anfh-hero .anfh-hero__direct{max-width:calc(100% - 100px)}
}
@media(min-width:1400px){
  #anfh-hero .anfh-hero__background{width:min(82%,1200px)}
}
@media(min-width:1000px) and (max-width:1199px){
  .site-header__inner{width:calc(100% - 40px);gap:16px}
  .site-header .site-brand{--brand-height:58px}
  .desktop-nav{display:flex;gap:14px}
  .desktop-nav a{font-size:14px}
  .site-header__cta{display:flex;font-size:13px;padding:7px 12px}
  .mobile-menu{display:none}
}
@media(min-width:1200px) and (max-width:1320px){
  .site-header .site-brand{--brand-height:64px}
  .desktop-nav{gap:17px}
  .site-header__inner{gap:18px}
}
@media(min-width:700px) and (max-width:999px){
  .site-header .site-brand{--brand-height:64px}
  .site-header__cta{display:flex;margin-left:auto;font-size:14px}
  .desktop-nav{display:none}
  .mobile-menu{display:block;margin-left:0}
}
@media(min-width:700px) and (max-width:799px){
  #anfh-hero .anfh-hero__inner{width:calc(100% - 48px)}
  #anfh-hero .anfh-hero__lead{font-size:16px}
  #anfh-hero .anfh-button{font-size:13px;padding:11px 10px}
  #anfh-hero .anfh-actions{gap:10px}
}
@media(max-width:699px){
  .site-header{height:68px}
  .site-header__inner{width:calc(100% - 32px);gap:8px}
  .site-header .site-brand{--brand-height:54px}
  .site-header .site-brand__mark{transform:translateY(12px)}
  .site-header .site-brand__wordmark{display:none}
  .site-header__cta{display:none}
  .mobile-menu{margin-left:auto}
  main{padding-top:68px}
  body #anfh-hero{--anfh-menu-overlap:68px;padding-top:0}
}
@media print{.site-header{display:none}main{padding-top:0}}


/* assets/content-neuroathletik-sportler-vereine-niederbayern.css */

						.nat-hero-section {
						  background: #1f354d;
						  padding: 74px 24px 76px 24px;
						  box-sizing: border-box;
						  color: #ffffff;
						  overflow: hidden;
						}
						
						.nat-hero-inner {
						  max-width: 1120px;
						  margin: 0 auto;
						  text-align: center;
						}
						
						.nat-hero-section h1 {
						  color: #ffffff;
						  font-size: 38px;
						  line-height: 1.15;
						  font-weight: 800;
						  margin: 0 0 18px 0;
						}
						
						.nat-hero-subline {
						  max-width: 900px;
						  margin: 0 auto 34px auto;
						  color: #ffffff;
						  font-size: 19px;
						  line-height: 1.45;
						  font-weight: 700;
						}
						
						.nat-hero-divider {
						  max-width: 960px;
						  height: 1px;
						  background: rgba(255,255,255,0.65);
						  margin: 0 auto 42px auto;
						}
						
						.nat-hero-content {
						  display: grid;
						  grid-template-columns: 0.95fr 1.05fr;
						  gap: 50px;
						  align-items: center;
						  max-width: 980px;
						  margin: 0 auto;
						  text-align: left;
						}
						
						.nat-hero-card {
						  background: rgba(255,255,255,0.10);
						  border-radius: 18px;
						  padding: 28px 30px;
						  box-sizing: border-box;
						  box-shadow: 0 10px 24px rgba(0,0,0,0.12);
						}
						
						.nat-hero-card-lead {
						  color: #ffffff;
						  font-size: 18px;
						  line-height: 1.45;
						  font-weight: 800;
						  margin: 0 0 24px 0;
						}
						
						.nat-hero-card-divider {
						  height: 1px;
						  background: rgba(255,255,255,0.28);
						  margin: 0 0 24px 0;
						}
						
						.nat-hero-list {
						  display: grid;
						  gap: 13px;
						}
						
						.nat-hero-list-item {
						  display: flex;
						  gap: 12px;
						  align-items: flex-start;
						}
						
						.nat-hero-dot {
						  flex: 0 0 auto;
						  width: 8px;
						  height: 8px;
						  background: #2f7f78;
						  border-radius: 50%;
						  margin-top: 9px;
						}
						
						.nat-hero-list-text {
						  color: #ffffff;
						  font-size: 17px;
						  line-height: 1.45;
						  font-weight: 700;
						}
						
						.nat-hero-image-wrap {
						  text-align: center;
						}
						
						.nat-hero-image {
						  display: block;
						  width: 100%;
						  max-width: 470px;
						  height: auto;
						  margin: 0 auto;
						}
						
						.nat-hero-buttons {
						  display: flex;
						  justify-content: center;
						  gap: 120px;
						  align-items: center;
						  flex-wrap: wrap;
						  max-width: 820px;
						  margin: 34px auto 0 auto;
						}
						
						.nat-hero-button {
						  display: inline-block;
						  text-decoration: none;
						  font-size: 18px;
						  font-weight: 800;
						  line-height: 1.2;
						  border-radius: 10px;
						  padding: 14px 22px;
						  box-sizing: border-box;
						  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
						}
						
						.nat-hero-button.primary {
						  background: transparent;
						  color: #ffffff !important;
						  border: 2px solid #ffffff;
						  box-shadow: 0 8px 18px rgba(0,0,0,0.12);
						}
						
						.nat-hero-button.whatsapp {
						  background: #ffffff;
						  color: #344654 !important;
						  box-shadow: 0 8px 18px rgba(0,0,0,0.16);
						}
						
						.nat-hero-button:hover {
						  transform: translateY(-2px);
						  box-shadow: 0 10px 22px rgba(0,0,0,0.22);
						}
						
						.nat-hero-button.primary:hover {
						  background: rgba(255,255,255,0.08);
						}
						
						.nat-hero-button.whatsapp:hover {
						  background: #f3f5f6;
						}
						
						/* Tablet */
						@media (max-width: 900px) {
						  .nat-hero-section {
						    padding: 64px 20px;
						  }
						
						  .nat-hero-section h1 {
						    font-size: 34px;
						  }
						
						  .nat-hero-content {
						    grid-template-columns: 1fr;
						    gap: 28px;
						    max-width: 680px;
						  }
						
						  .nat-hero-image-wrap {
						    order: -1;
						  }
						
						  .nat-hero-buttons {
						    gap: 16px;
						  }
						}
						
						/* Handy */
						@media (max-width: 640px) {
						  .nat-hero-section {
						    padding: 38px 14px 46px 14px;
						  }
						
						  .nat-hero-inner {
						    text-align: left;
						  }
						
						  .nat-hero-section h1 {
						    font-size: 27px;
						    line-height: 1.15;
						    margin-bottom: 14px;
						  }
						
						  .nat-hero-subline {
						    font-size: 15.5px;
						    line-height: 1.38;
						    margin: 0 0 22px 0;
						    font-weight: 700;
						  }
						
						  .nat-hero-divider {
						    margin: 0 0 24px 0;
						    background: rgba(255,255,255,0.32);
						  }
						
						  .nat-hero-content {
						    gap: 20px;
						  }
						
						  .nat-hero-image-wrap {
						    order: -1;
						  }
						
						  .nat-hero-image {
						    max-width: 310px;
						  }
						
						  .nat-hero-card {
						    border-radius: 16px;
						    padding: 20px 18px;
						    box-shadow: 0 6px 14px rgba(0,0,0,0.12);
						  }
						
						  .nat-hero-card-lead {
						    font-size: 15.5px;
						    line-height: 1.42;
						    margin-bottom: 16px;
						  }
						
						  .nat-hero-card-divider {
						    margin-bottom: 16px;
						  }
						
						  .nat-hero-list {
						    gap: 9px;
						  }
						
						  .nat-hero-list-item {
						    gap: 9px;
						  }
						
						  .nat-hero-dot {
						    width: 7px;
						    height: 7px;
						    margin-top: 7px;
						  }
						
						  .nat-hero-list-text {
						    font-size: 14.5px;
						    line-height: 1.38;
						  }
						
						  .nat-hero-buttons {
						    display: grid;
						    grid-template-columns: 1fr;
						    gap: 10px;
						    margin-top: 20px;
						  }
						
						  .nat-hero-button {
						    width: 100%;
						    text-align: center;
						    font-size: 14.5px;
						    padding: 13px 18px;
						  }
						}
						
						/* Kleine Handys */
						@media (max-width: 420px) {
						  .nat-hero-section {
						    padding: 34px 12px 42px 12px;
						  }
						
						  .nat-hero-section h1 {
						    font-size: 25px;
						  }
						
						  .nat-hero-subline {
						    font-size: 14.5px;
						  }
						
						  .nat-hero-image {
						    max-width: 275px;
						  }
						
						  .nat-hero-card {
						    padding: 18px 16px;
						  }
						
						  .nat-hero-card-lead,
						  .nat-hero-list-text {
						    font-size: 14px;
						  }
						
						  .nat-hero-button {
						    font-size: 14px;
						  }
						}
						

						.neuro-problems-section {
						  background: #f3f5f6;
						  padding: 86px 24px;
						  box-sizing: border-box;
						}
						
						.neuro-problems-inner {
						  max-width: 1040px;
						  margin: 0 auto;
						  text-align: center;
						}
						
						.neuro-problems-section h2 {
						  color: #1f354d;
						  font-size: 34px;
						  line-height: 1.18;
						  font-weight: 800;
						  margin: 0 0 16px 0;
						}
						
						.neuro-problems-intro {
						  max-width: 820px;
						  margin: 0 auto 46px auto;
						  color: #2f7f78;
						  font-size: 18px;
						  line-height: 1.5;
						  font-weight: 700;
						}
						
						.neuro-problems-grid {
						  display: grid;
						  grid-template-columns: repeat(2, 1fr);
						  gap: 26px 34px;
						  max-width: 900px;
						  margin: 0 auto;
						}
						
						.neuro-problem-card {
						  background: #ffffff;
						  border-radius: 16px;
						  padding: 28px 30px;
						  box-sizing: border-box;
						  text-align: center;
						  border-left: 7px solid #2f7f78;
						  box-shadow: 0 8px 20px rgba(0,0,0,0.10);
						  min-height: 150px;
						  display: flex;
						  flex-direction: column;
						  justify-content: center;
						}
						
						.neuro-problem-card h3 {
						  color: #1f354d;
						  font-size: 23px;
						  line-height: 1.22;
						  font-weight: 800;
						  margin: 0 0 12px 0;
						}
						
						.neuro-problem-card p {
						  color: #4a4f55;
						  font-size: 17px;
						  line-height: 1.42;
						  margin: 0;
						}
						
						/* Tablet */
						@media (max-width: 900px) {
						  .neuro-problems-section {
						    padding: 70px 20px;
						  }
						
						  .neuro-problems-grid {
						    gap: 22px;
						  }
						
						  .neuro-problem-card {
						    padding: 26px 24px;
						    min-height: 140px;
						  }
						
						  .neuro-problem-card h3 {
						    font-size: 21px;
						  }
						
						  .neuro-problem-card p {
						    font-size: 16px;
						  }
						}
						
						/* Handy */
						@media (max-width: 640px) {
						  .neuro-problems-section {
						    padding: 48px 14px;
						  }
						
						  .neuro-problems-inner {
						    text-align: left;
						  }
						
						  .neuro-problems-section h2 {
						    font-size: 25px;
						    line-height: 1.18;
						    margin-bottom: 12px;
						  }
						
						  .neuro-problems-intro {
						    font-size: 14.5px;
						    line-height: 1.45;
						    margin: 0 0 28px 0;
						    font-weight: 700;
						  }
						
						  .neuro-problems-grid {
						    grid-template-columns: 1fr;
						    gap: 14px;
						    max-width: none;
						  }
						
						  .neuro-problem-card {
						    border-radius: 15px;
						    padding: 20px 18px;
						    min-height: auto;
						    text-align: left;
						    border-left: 5px solid #2f7f78;
						    box-shadow: 0 6px 14px rgba(0,0,0,0.07);
						  }
						
						  .neuro-problem-card h3 {
						    font-size: 18.5px;
						    line-height: 1.22;
						    margin-bottom: 8px;
						  }
						
						  .neuro-problem-card p {
						    font-size: 14.5px;
						    line-height: 1.4;
						  }
						}
						
						/* Kleine Handys */
						@media (max-width: 420px) {
						  .neuro-problems-section {
						    padding: 42px 12px;
						  }
						
						  .neuro-problems-section h2 {
						    font-size: 23px;
						  }
						
						  .neuro-problems-intro,
						  .neuro-problem-card p {
						    font-size: 14px;
						  }
						
						  .neuro-problem-card {
						    padding: 18px 16px;
						  }
						
						  .neuro-problem-card h3 {
						    font-size: 18px;
						  }
						}
						

						.neuro-info-section {
						  background: #ffffff;
						  padding: 90px 24px;
						  box-sizing: border-box;
						}
						
						.neuro-info-inner {
						  max-width: 1040px;
						  margin: 0 auto;
						  display: grid;
						  grid-template-columns: 0.95fr 1.05fr;
						  gap: 56px;
						  align-items: center;
						}
						
						.neuro-info-text {
						  max-width: 500px;
						}
						
						.neuro-info-kicker {
						  color: #2f7f78;
						  font-size: 17px;
						  font-weight: 700;
						  margin-bottom: 16px;
						}
						
						.neuro-info-text h2 {
						  color: #1f354d;
						  font-size: 34px;
						  line-height: 1.18;
						  font-weight: 800;
						  margin: 0 0 42px 0;
						}
						
						.neuro-info-text p {
						  color: #344654;
						  font-size: 18px;
						  line-height: 1.52;
						  margin: 0 0 28px 0;
						}
						
						.neuro-info-note {
						  margin-top: 54px;
						  background: #f3f5f6;
						  border-radius: 16px;
						  padding: 22px 26px;
						  box-sizing: border-box;
						  border-left: 6px solid #2f7f78;
						  box-shadow: 0 8px 18px rgba(0,0,0,0.06);
						  color: #1f354d;
						  font-size: 17px;
						  line-height: 1.45;
						  text-align: center;
						}
						
						.neuro-info-note strong {
						  font-weight: 800;
						}
						
						.neuro-info-graphic {
						  background: #ffffff;
						  border-radius: 22px;
						  box-shadow: 0 10px 24px rgba(0,0,0,0.10);
						  padding: 38px 34px;
						  box-sizing: border-box;
						  border-top: 6px solid #2f7f78;
						  max-width: 470px;
						  margin: 0 auto;
						  text-align: center;
						}
						
						.neuro-info-graphic h3 {
						  color: #1f354d;
						  font-size: 24px;
						  line-height: 1.2;
						  font-weight: 800;
						  margin: 0 0 26px 0;
						}
						
						.neuro-info-step {
						  background: #f3f5f6;
						  border-radius: 16px;
						  padding: 22px 18px;
						  margin-bottom: 16px;
						  box-sizing: border-box;
						}
						
						.neuro-info-step h4 {
						  color: #1f354d;
						  font-size: 19px;
						  line-height: 1.2;
						  font-weight: 800;
						  margin: 0 0 8px 0;
						}
						
						.neuro-info-step p {
						  color: #4a4f55;
						  font-size: 15px;
						  line-height: 1.4;
						  margin: 0;
						}
						
						.neuro-info-arrow {
						  color: #2f7f78;
						  font-size: 28px;
						  font-weight: 800;
						  line-height: 1;
						  margin: 2px 0 16px 0;
						}
						
						.neuro-info-step-final {
						  background: #1f354d;
						  border-radius: 16px;
						  padding: 22px 18px;
						  box-sizing: border-box;
						}
						
						.neuro-info-step-final h4 {
						  color: #ffffff;
						  font-size: 19px;
						  line-height: 1.2;
						  font-weight: 800;
						  margin: 0 0 8px 0;
						}
						
						.neuro-info-step-final p {
						  color: #ffffff;
						  font-size: 15px;
						  line-height: 1.4;
						  margin: 0;
						}
						
						/* Tablet */
						@media (max-width: 900px) {
						  .neuro-info-section {
						    padding: 70px 20px;
						  }
						
						  .neuro-info-inner {
						    grid-template-columns: 1fr;
						    gap: 38px;
						  }
						
						  .neuro-info-text {
						    max-width: 760px;
						    margin: 0 auto;
						    text-align: center;
						  }
						
						  .neuro-info-text h2 {
						    margin-bottom: 28px;
						  }
						
						  .neuro-info-note {
						    max-width: 640px;
						    margin: 34px auto 0 auto;
						  }
						}
						
						/* Handy */
						@media (max-width: 640px) {
						  .neuro-info-section {
						    padding: 48px 14px;
						  }
						
						  .neuro-info-inner {
						    gap: 28px;
						  }
						
						  .neuro-info-text {
						    text-align: left;
						  }
						
						  .neuro-info-kicker {
						    font-size: 15px;
						    margin-bottom: 8px;
						  }
						
						  .neuro-info-text h2 {
						    font-size: 25px;
						    line-height: 1.18;
						    margin-bottom: 18px;
						  }
						
						  .neuro-info-text p {
						    font-size: 14.5px;
						    line-height: 1.45;
						    margin-bottom: 14px;
						  }
						
						  .neuro-info-note {
						    margin-top: 22px;
						    border-radius: 16px;
						    padding: 20px 18px;
						    border-left: 5px solid #2f7f78;
						    font-size: 14.5px;
						    line-height: 1.42;
						    text-align: left;
						    box-shadow: 0 6px 14px rgba(0,0,0,0.07);
						  }
						
						  .neuro-info-graphic {
						    border-radius: 16px;
						    padding: 24px 18px;
						    border-top: 5px solid #2f7f78;
						    box-shadow: 0 6px 14px rgba(0,0,0,0.08);
						  }
						
						  .neuro-info-graphic h3 {
						    font-size: 20px;
						    margin-bottom: 18px;
						  }
						
						  .neuro-info-step {
						    border-radius: 14px;
						    padding: 16px 14px;
						    margin-bottom: 10px;
						  }
						
						  .neuro-info-step h4,
						  .neuro-info-step-final h4 {
						    font-size: 17px;
						    margin-bottom: 6px;
						  }
						
						  .neuro-info-step p,
						  .neuro-info-step-final p {
						    font-size: 14px;
						    line-height: 1.35;
						  }
						
						  .neuro-info-arrow {
						    font-size: 22px;
						    margin: 0 0 10px 0;
						  }
						
						  .neuro-info-step-final {
						    border-radius: 14px;
						    padding: 16px 14px;
						  }
						}
						
						/* Kleine Handys */
						@media (max-width: 420px) {
						  .neuro-info-section {
						    padding: 42px 12px;
						  }
						
						  .neuro-info-text h2 {
						    font-size: 23px;
						  }
						
						  .neuro-info-text p,
						  .neuro-info-note {
						    font-size: 14px;
						  }
						
						  .neuro-info-note {
						    padding: 18px 16px;
						  }
						
						  .neuro-info-graphic {
						    padding: 22px 16px;
						  }
						
						  .neuro-info-graphic h3 {
						    font-size: 19px;
						  }
						}
						

						.neuro-systems-section {
						  background: #1f354d;
						  padding: 90px 24px;
						  box-sizing: border-box;
						  color: #ffffff;
						}
						
						.neuro-systems-inner {
						  max-width: 1120px;
						  margin: 0 auto;
						  text-align: center;
						}
						
						.neuro-systems-kicker {
						  color: #74c8be;
						  font-size: 17px;
						  font-weight: 700;
						  margin-bottom: 12px;
						}
						
						.neuro-systems-section h2 {
						  color: #ffffff;
						  font-size: 34px;
						  line-height: 1.18;
						  font-weight: 800;
						  margin: 0 0 18px 0;
						}
						
						.neuro-systems-intro {
						  max-width: 780px;
						  margin: 0 auto 48px auto;
						  color: #ffffff;
						  font-size: 18px;
						  line-height: 1.55;
						}
						
						.neuro-systems-grid {
						  display: grid;
						  grid-template-columns: repeat(3, 1fr);
						  gap: 24px;
						  max-width: 900px;
						  margin: 0 auto;
						}
						
						.neuro-system-card {
						  background: rgba(255,255,255,0.08);
						  border: 1px solid rgba(255,255,255,0.15);
						  border-radius: 18px;
						  padding: 28px 26px 26px 26px;
						  box-sizing: border-box;
						  text-align: left;
						  min-height: 180px;
						  box-shadow: 0 8px 18px rgba(0,0,0,0.16);
						}
						
						.neuro-system-card::before {
						  content: "";
						  display: block;
						  width: 62px;
						  height: 5px;
						  background: #2f7f78;
						  border-radius: 999px;
						  margin-bottom: 22px;
						}
						
						.neuro-system-card h3 {
						  color: #ffffff;
						  font-size: 21px;
						  line-height: 1.22;
						  font-weight: 800;
						  margin: 0 0 12px 0;
						}
						
						.neuro-system-card p {
						  color: #ffffff;
						  font-size: 16px;
						  line-height: 1.48;
						  margin: 0;
						}
						
						/* Tablet */
						@media (max-width: 980px) {
						  .neuro-systems-section {
						    padding: 70px 20px;
						  }
						
						  .neuro-systems-grid {
						    grid-template-columns: repeat(2, 1fr);
						    gap: 20px;
						  }
						
						  .neuro-system-card {
						    min-height: 165px;
						  }
						}
						
						/* Handy */
						@media (max-width: 640px) {
						  .neuro-systems-section {
						    padding: 48px 14px;
						  }
						
						  .neuro-systems-inner {
						    text-align: left;
						  }
						
						  .neuro-systems-kicker {
						    font-size: 15px;
						    margin-bottom: 8px;
						  }
						
						  .neuro-systems-section h2 {
						    font-size: 25px;
						    line-height: 1.18;
						    margin-bottom: 12px;
						  }
						
						  .neuro-systems-intro {
						    font-size: 14.5px;
						    line-height: 1.45;
						    margin: 0 0 28px 0;
						  }
						
						  .neuro-systems-grid {
						    grid-template-columns: 1fr;
						    gap: 14px;
						    max-width: none;
						  }
						
						  .neuro-system-card {
						    text-align: left;
						    min-height: auto;
						    border-radius: 15px;
						    padding: 20px 18px;
						    box-shadow: 0 6px 14px rgba(0,0,0,0.14);
						  }
						
						  .neuro-system-card::before {
						    width: 48px;
						    height: 4px;
						    margin-bottom: 14px;
						  }
						
						  .neuro-system-card h3 {
						    font-size: 18.5px;
						    line-height: 1.22;
						    margin-bottom: 8px;
						  }
						
						  .neuro-system-card p {
						    font-size: 14.5px;
						    line-height: 1.4;
						  }
						}
						
						/* Kleine Handys */
						@media (max-width: 420px) {
						  .neuro-systems-section {
						    padding: 42px 12px;
						  }
						
						  .neuro-systems-section h2 {
						    font-size: 23px;
						  }
						
						  .neuro-systems-intro,
						  .neuro-system-card p {
						    font-size: 14px;
						  }
						
						  .neuro-system-card {
						    padding: 18px 16px;
						  }
						
						  .neuro-system-card h3 {
						    font-size: 18px;
						  }
						}
						

						.neuro-rtp-card-wrap {
						  padding: 18px;
						  box-sizing: border-box;
						}
						
						.neuro-rtp-card {
						  background: #ffffff;
						  border-radius: 18px;
						  box-shadow: 0 8px 18px rgba(0,0,0,0.10);
						  padding: 34px 38px;
						  box-sizing: border-box;
						  border-left: 7px solid #2f7f78;
						  max-width: 560px;
						  margin: 0 auto;
						}
						
						.neuro-rtp-kicker {
						  color: #2f7f78;
						  font-size: 17px;
						  font-weight: 700;
						  margin-bottom: 10px;
						}
						
						.neuro-rtp-card h2 {
						  color: #1f354d;
						  font-size: 32px;
						  line-height: 1.15;
						  font-weight: 800;
						  margin: 0 0 20px 0;
						}
						
						.neuro-rtp-card p {
						  color: #344654;
						  font-size: 17px;
						  line-height: 1.5;
						  margin: 0 0 18px 0;
						}
						
						.neuro-rtp-question {
						  background: #eef2f3;
						  border-radius: 14px;
						  padding: 18px 20px;
						  margin: 0 0 24px 0;
						  color: #1f354d;
						  font-size: 18px;
						  line-height: 1.35;
						  font-weight: 800;
						}
						
						.neuro-rtp-list {
						  display: grid;
						  gap: 12px;
						  margin-bottom: 24px;
						}
						
						.neuro-rtp-item {
						  display: flex;
						  gap: 12px;
						  align-items: flex-start;
						}
						
						.neuro-rtp-dot {
						  flex: 0 0 auto;
						  width: 10px;
						  height: 10px;
						  background: #2f7f78;
						  border-radius: 50%;
						  margin-top: 7px;
						}
						
						.neuro-rtp-item-text {
						  color: #344654;
						  font-size: 16px;
						  line-height: 1.4;
						}
						
						.neuro-rtp-small {
						  color: #344654;
						  font-size: 15px;
						  line-height: 1.45;
						  margin: 0;
						}
						
						/* Handy */
						@media (max-width: 640px) {
						  .neuro-rtp-card-wrap {
						    padding: 10px 12px;
						  }
						
						  .neuro-rtp-card {
						    border-radius: 16px;
						    padding: 24px 20px;
						    border-left: 5px solid #2f7f78;
						    box-shadow: 0 6px 14px rgba(0,0,0,0.08);
						  }
						
						  .neuro-rtp-kicker {
						    font-size: 15px;
						    margin-bottom: 8px;
						  }
						
						  .neuro-rtp-card h2 {
						    font-size: 25px;
						    line-height: 1.18;
						    margin-bottom: 14px;
						  }
						
						  .neuro-rtp-card p {
						    font-size: 14.5px;
						    line-height: 1.45;
						    margin-bottom: 13px;
						  }
						
						  .neuro-rtp-question {
						    border-radius: 14px;
						    padding: 16px 15px;
						    margin: 0 0 18px 0;
						    font-size: 16px;
						    line-height: 1.35;
						  }
						
						  .neuro-rtp-list {
						    gap: 10px;
						    margin-bottom: 18px;
						  }
						
						  .neuro-rtp-item {
						    gap: 9px;
						  }
						
						  .neuro-rtp-dot {
						    width: 8px;
						    height: 8px;
						    margin-top: 7px;
						  }
						
						  .neuro-rtp-item-text {
						    font-size: 14.5px;
						    line-height: 1.38;
						  }
						
						  .neuro-rtp-small {
						    font-size: 13.8px;
						    line-height: 1.42;
						  }
						}
						
						/* Kleine Handys */
						@media (max-width: 420px) {
						  .neuro-rtp-card-wrap {
						    padding: 8px 10px;
						  }
						
						  .neuro-rtp-card {
						    padding: 22px 17px;
						  }
						
						  .neuro-rtp-kicker {
						    font-size: 14px;
						  }
						
						  .neuro-rtp-card h2 {
						    font-size: 23px;
						  }
						
						  .neuro-rtp-card p,
						  .neuro-rtp-item-text {
						    font-size: 14px;
						  }
						
						  .neuro-rtp-question {
						    font-size: 15.5px;
						    padding: 15px 14px;
						  }
						
						  .neuro-rtp-small {
						    font-size: 13.5px;
						  }
						}
						

						.nat-process-section {
						  background: #ffffff;
						  padding: 90px 24px;
						  box-sizing: border-box;
						}
						
						.nat-process-inner {
						  max-width: 1120px;
						  margin: 0 auto;
						  text-align: center;
						}
						
						.nat-process-kicker {
						  color: #2f7f78;
						  font-size: 17px;
						  font-weight: 700;
						  margin-bottom: 12px;
						}
						
						.nat-process-section h2 {
						  color: #1f354d;
						  font-size: 34px;
						  line-height: 1.18;
						  margin: 0 0 18px 0;
						}
						
						.nat-process-intro {
						  max-width: 760px;
						  margin: 0 auto 48px auto;
						  color: #344654;
						  font-size: 18px;
						  line-height: 1.55;
						}
						
						.nat-process-grid {
						  display: grid;
						  grid-template-columns: repeat(4, 1fr);
						  gap: 22px;
						}
						
						.nat-process-card {
						  background: #f3f5f6;
						  border-radius: 18px;
						  padding: 30px 24px 28px 24px;
						  box-sizing: border-box;
						  text-align: center;
						  position: relative;
						  box-shadow: 0 8px 18px rgba(0,0,0,0.10);
						  border-top: 5px solid #2f7f78;
						  min-height: 245px;
						}
						
						.nat-process-number {
						  width: 46px;
						  height: 46px;
						  border-radius: 50%;
						  background: #1f354d;
						  color: #ffffff;
						  display: flex;
						  align-items: center;
						  justify-content: center;
						  font-size: 20px;
						  font-weight: 800;
						  margin: 0 auto 18px auto;
						}
						
						.nat-process-card h3 {
						  color: #1f354d;
						  font-size: 21px;
						  line-height: 1.2;
						  margin: 0 0 14px 0;
						}
						
						.nat-process-card p {
						  color: #344654;
						  font-size: 16px;
						  line-height: 1.45;
						  margin: 0;
						}
						
						.nat-process-note {
						  max-width: 820px;
						  margin: 46px auto 0 auto;
						  padding: 22px 26px;
						  background: #f3f5f6;
						  border-left: 6px solid #2f7f78;
						  border-radius: 14px;
						  color: #1f354d;
						  font-size: 17px;
						  line-height: 1.45;
						  text-align: left;
						  box-sizing: border-box;
						}
						
						.nat-process-note strong {
						  font-weight: 800;
						}
						
						/* Tablet */
						@media (max-width: 1050px) {
						  .nat-process-section {
						    padding: 70px 20px;
						  }
						
						  .nat-process-grid {
						    grid-template-columns: repeat(2, 1fr);
						    gap: 20px;
						  }
						
						  .nat-process-card {
						    min-height: 215px;
						  }
						}
						
						/* Handy */
						@media (max-width: 640px) {
						  .nat-process-section {
						    padding: 48px 14px;
						  }
						
						  .nat-process-inner {
						    text-align: left;
						  }
						
						  .nat-process-kicker {
						    font-size: 15px;
						    margin-bottom: 8px;
						  }
						
						  .nat-process-section h2 {
						    font-size: 25px;
						    line-height: 1.18;
						    margin-bottom: 12px;
						  }
						
						  .nat-process-intro {
						    font-size: 14.5px;
						    line-height: 1.45;
						    margin: 0 0 28px 0;
						  }
						
						  .nat-process-grid {
						    grid-template-columns: 1fr;
						    gap: 14px;
						  }
						
						  .nat-process-card {
						    min-height: auto;
						    border-radius: 15px;
						    padding: 20px 18px;
						    text-align: left;
						    border-top: 0;
						    border-left: 5px solid #2f7f78;
						    box-shadow: 0 6px 14px rgba(0,0,0,0.07);
						  }
						
						  .nat-process-number {
						    width: 36px;
						    height: 36px;
						    font-size: 17px;
						    margin: 0 0 12px 0;
						  }
						
						  .nat-process-card h3 {
						    font-size: 18.5px;
						    line-height: 1.22;
						    margin-bottom: 8px;
						  }
						
						  .nat-process-card p {
						    font-size: 14.5px;
						    line-height: 1.4;
						  }
						
						  .nat-process-note {
						    margin-top: 24px;
						    border-radius: 16px;
						    padding: 20px 18px;
						    border-left: 5px solid #2f7f78;
						    font-size: 14.5px;
						    line-height: 1.42;
						    text-align: left;
						  }
						}
						
						/* Kleine Handys */
						@media (max-width: 420px) {
						  .nat-process-section {
						    padding: 42px 12px;
						  }
						
						  .nat-process-section h2 {
						    font-size: 23px;
						  }
						
						  .nat-process-intro {
						    font-size: 14px;
						  }
						
						  .nat-process-card {
						    padding: 18px 16px;
						  }
						
						  .nat-process-card h3 {
						    font-size: 18px;
						  }
						
						  .nat-process-card p,
						  .nat-process-note {
						    font-size: 14px;
						  }
						
						  .nat-process-note {
						    padding: 18px 16px;
						  }
						}
						

						.nat-format-section {
						  background: #f3f5f6;
						  padding: 90px 24px 70px 24px;
						  box-sizing: border-box;
						}
						
						.nat-format-inner {
						  max-width: 1120px;
						  margin: 0 auto;
						  text-align: center;
						}
						
						.nat-format-kicker {
						  color: #2f7f78;
						  font-size: 17px;
						  font-weight: 700;
						  margin-bottom: 12px;
						}
						
						.nat-format-section h2 {
						  color: #1f354d;
						  font-size: 34px;
						  line-height: 1.18;
						  margin: 0 0 18px 0;
						}
						
						.nat-format-intro {
						  max-width: 760px;
						  margin: 0 auto 48px auto;
						  color: #344654;
						  font-size: 18px;
						  line-height: 1.55;
						}
						
						.nat-format-grid {
						  display: grid;
						  grid-template-columns: repeat(3, 1fr);
						  gap: 26px;
						}
						
						.nat-format-card {
						  background: #ffffff;
						  border-radius: 18px;
						  padding: 34px 30px 32px 30px;
						  box-shadow: 0 8px 20px rgba(0,0,0,0.11);
						  box-sizing: border-box;
						  text-align: left;
						  border-left: 7px solid #2f7f78;
						  min-height: 310px;
						}
						
						.nat-format-label {
						  display: inline-block;
						  background: #f3f5f6;
						  color: #2f7f78;
						  font-size: 14px;
						  font-weight: 800;
						  padding: 7px 12px;
						  border-radius: 999px;
						  margin-bottom: 20px;
						}
						
						.nat-format-card h3 {
						  color: #1f354d;
						  font-size: 24px;
						  line-height: 1.18;
						  margin: 0 0 16px 0;
						}
						
						.nat-format-card p {
						  color: #344654;
						  font-size: 16px;
						  line-height: 1.48;
						  margin: 0 0 18px 0;
						}
						
						.nat-format-card ul {
						  margin: 18px 0 0 0;
						  padding: 0;
						  list-style: none;
						}
						
						.nat-format-card li {
						  color: #344654;
						  font-size: 15px;
						  line-height: 1.4;
						  margin-bottom: 10px;
						  display: flex;
						  gap: 10px;
						  align-items: flex-start;
						}
						
						.nat-format-card li::before {
						  content: "";
						  flex: 0 0 auto;
						  width: 9px;
						  height: 9px;
						  background: #2f7f78;
						  border-radius: 50%;
						  margin-top: 6px;
						}
						
						.nat-format-cta {
						  max-width: 860px;
						  margin: 54px auto 0 auto;
						  background: #ffffff;
						  border-radius: 18px;
						  padding: 34px 34px;
						  box-shadow: 0 8px 20px rgba(0,0,0,0.10);
						  box-sizing: border-box;
						  text-align: center;
						}
						
						.nat-format-cta h3 {
						  color: #1f354d;
						  font-size: 26px;
						  line-height: 1.2;
						  margin: 0 0 14px 0;
						}
						
						.nat-format-cta p {
						  color: #344654;
						  font-size: 17px;
						  line-height: 1.5;
						  max-width: 720px;
						  margin: 0 auto 24px auto;
						}
						
						.nat-format-buttons {
						  display: flex;
						  justify-content: center;
						  gap: 14px;
						  flex-wrap: wrap;
						}
						
						.nat-format-button {
						  display: inline-block;
						  color: #ffffff !important;
						  text-decoration: none;
						  font-size: 17px;
						  font-weight: 700;
						  padding: 14px 24px;
						  border-radius: 10px;
						  transition: background 0.2s ease, transform 0.18s ease, box-shadow 0.18s ease;
						  box-shadow: 0 8px 18px rgba(0,0,0,0.12);
						}
						
						.nat-format-button.primary {
						  background: #1f354d;
						}
						
						.nat-format-button.primary:hover {
						  background: #2d4664;
						}
						
						.nat-format-button.whatsapp {
						  background: #25d366;
						}
						
						.nat-format-button.whatsapp:hover {
						  background: #20bd5a;
						}
						
						.nat-format-button:hover {
						  transform: translateY(-2px);
						  box-shadow: 0 10px 22px rgba(0,0,0,0.18);
						}
						
						.nat-format-whatsapp-note {
						  color: #344654;
						  font-size: 15px;
						  line-height: 1.4;
						  margin-top: 18px;
						}
						
						/* Tablet */
						@media (max-width: 980px) {
						  .nat-format-section {
						    padding: 70px 20px 58px 20px;
						  }
						
						  .nat-format-grid {
						    grid-template-columns: 1fr;
						    gap: 20px;
						    max-width: 680px;
						    margin: 0 auto;
						  }
						
						  .nat-format-card {
						    min-height: auto;
						  }
						}
						
						/* Handy */
						@media (max-width: 640px) {
						  .nat-format-section {
						    padding: 48px 14px;
						  }
						
						  .nat-format-inner {
						    text-align: left;
						  }
						
						  .nat-format-kicker {
						    font-size: 15px;
						    margin-bottom: 8px;
						  }
						
						  .nat-format-section h2 {
						    font-size: 25px;
						    line-height: 1.18;
						    margin-bottom: 12px;
						  }
						
						  .nat-format-intro {
						    font-size: 14.5px;
						    line-height: 1.45;
						    margin: 0 0 28px 0;
						  }
						
						  .nat-format-grid {
						    gap: 14px;
						    max-width: none;
						  }
						
						  .nat-format-card {
						    border-radius: 15px;
						    padding: 20px 18px;
						    border-left: 5px solid #2f7f78;
						    box-shadow: 0 6px 14px rgba(0,0,0,0.07);
						  }
						
						  .nat-format-label {
						    font-size: 12px;
						    padding: 6px 11px;
						    margin-bottom: 12px;
						  }
						
						  .nat-format-card h3 {
						    font-size: 18.5px;
						    line-height: 1.22;
						    margin-bottom: 8px;
						  }
						
						  .nat-format-card p {
						    font-size: 14.5px;
						    line-height: 1.4;
						    margin-bottom: 12px;
						  }
						
						  .nat-format-card ul {
						    margin-top: 12px;
						  }
						
						  .nat-format-card li {
						    font-size: 14.5px;
						    line-height: 1.36;
						    margin-bottom: 8px;
						    gap: 9px;
						  }
						
						  .nat-format-card li::before {
						    width: 8px;
						    height: 8px;
						    margin-top: 6px;
						  }
						
						  .nat-format-cta {
						    margin-top: 24px;
						    border-radius: 16px;
						    padding: 22px 18px;
						    text-align: left;
						    box-shadow: 0 6px 14px rgba(0,0,0,0.07);
						  }
						
						  .nat-format-cta h3 {
						    font-size: 19px;
						    line-height: 1.25;
						    margin-bottom: 10px;
						  }
						
						  .nat-format-cta p {
						    font-size: 14.5px;
						    line-height: 1.45;
						    margin: 0 0 18px 0;
						  }
						
						  .nat-format-buttons {
						    display: grid;
						    grid-template-columns: 1fr;
						    gap: 10px;
						  }
						
						  .nat-format-button {
						    width: 100%;
						    text-align: center;
						    font-size: 14.5px;
						    padding: 13px 18px;
						    box-sizing: border-box;
						  }
						
						  .nat-format-whatsapp-note {
						    font-size: 13.5px;
						    line-height: 1.42;
						    margin-top: 14px;
						  }
						}
						
						/* Kleine Handys */
						@media (max-width: 420px) {
						  .nat-format-section {
						    padding: 42px 12px;
						  }
						
						  .nat-format-section h2 {
						    font-size: 23px;
						  }
						
						  .nat-format-intro,
						  .nat-format-card p,
						  .nat-format-card li,
						  .nat-format-cta p {
						    font-size: 14px;
						  }
						
						  .nat-format-card {
						    padding: 18px 16px;
						  }
						
						  .nat-format-card h3 {
						    font-size: 18px;
						  }
						
						  .nat-format-cta {
						    padding: 20px 16px;
						  }
						
						  .nat-format-cta h3 {
						    font-size: 18px;
						  }
						
						  .nat-format-button {
						    font-size: 14px;
						  }
						}
						

						.nat-sports-section {
						  background: #ffffff;
						  padding: 80px 24px;
						  box-sizing: border-box;
						}
						
						.nat-sports-inner {
						  max-width: 1080px;
						  margin: 0 auto;
						  text-align: center;
						}
						
						.nat-sports-kicker {
						  color: #2f7f78;
						  font-size: 17px;
						  font-weight: 700;
						  margin-bottom: 12px;
						}
						
						.nat-sports-section h2 {
						  color: #1f354d;
						  font-size: 34px;
						  line-height: 1.18;
						  margin: 0 0 18px 0;
						}
						
						.nat-sports-intro {
						  max-width: 760px;
						  margin: 0 auto 42px auto;
						  color: #344654;
						  font-size: 18px;
						  line-height: 1.55;
						}
						
						.nat-sports-tags {
						  display: flex;
						  flex-wrap: wrap;
						  gap: 14px;
						  justify-content: center;
						  max-width: 900px;
						  margin: 0 auto 42px auto;
						}
						
						.nat-sports-tag {
						  background: #f3f5f6;
						  color: #1f354d;
						  border: 1px solid rgba(47,127,120,0.28);
						  border-radius: 999px;
						  padding: 12px 20px;
						  font-size: 16px;
						  font-weight: 700;
						  line-height: 1.2;
						  box-shadow: 0 5px 12px rgba(0,0,0,0.07);
						}
						
						.nat-sports-highlight {
						  max-width: 820px;
						  margin: 0 auto;
						  background: #f3f5f6;
						  border-left: 6px solid #2f7f78;
						  border-radius: 14px;
						  padding: 24px 28px;
						  box-sizing: border-box;
						  color: #1f354d;
						  font-size: 17px;
						  line-height: 1.5;
						  text-align: left;
						}
						
						.nat-sports-highlight strong {
						  font-weight: 800;
						}
						
						/* Tablet */
						@media (max-width: 900px) {
						  .nat-sports-section {
						    padding: 70px 20px;
						  }
						
						  .nat-sports-tags {
						    gap: 12px;
						    margin-bottom: 34px;
						  }
						}
						
						/* Handy */
						@media (max-width: 640px) {
						  .nat-sports-section {
						    padding: 48px 14px;
						  }
						
						  .nat-sports-inner {
						    text-align: left;
						  }
						
						  .nat-sports-kicker {
						    font-size: 15px;
						    margin-bottom: 8px;
						  }
						
						  .nat-sports-section h2 {
						    font-size: 25px;
						    line-height: 1.18;
						    margin-bottom: 12px;
						  }
						
						  .nat-sports-intro {
						    font-size: 14.5px;
						    line-height: 1.45;
						    margin: 0 0 26px 0;
						  }
						
						  .nat-sports-tags {
						    justify-content: flex-start;
						    gap: 9px;
						    margin: 0 0 24px 0;
						  }
						
						  .nat-sports-tag {
						    font-size: 13.5px;
						    padding: 9px 13px;
						    box-shadow: 0 4px 10px rgba(0,0,0,0.06);
						  }
						
						  .nat-sports-highlight {
						    border-left: 5px solid #2f7f78;
						    border-radius: 16px;
						    padding: 20px 18px;
						    font-size: 14.5px;
						    line-height: 1.45;
						    text-align: left;
						  }
						}
						
						/* Kleine Handys */
						@media (max-width: 420px) {
						  .nat-sports-section {
						    padding: 42px 12px;
						  }
						
						  .nat-sports-section h2 {
						    font-size: 23px;
						  }
						
						  .nat-sports-intro,
						  .nat-sports-highlight {
						    font-size: 14px;
						  }
						
						  .nat-sports-tags {
						    gap: 8px;
						  }
						
						  .nat-sports-tag {
						    font-size: 13px;
						    padding: 8px 11px;
						  }
						
						  .nat-sports-highlight {
						    padding: 18px 16px;
						  }
						}
						

						  .tino-why-wrap {
						    width: 100%;
						    margin: 0 auto;
						    padding: 48px 24px;
						    background: #eef0f1;
						    box-sizing: border-box;
						  }
						
						  .tino-why-wrap * {
						    box-sizing: border-box;
						  }
						
						  .tino-why-inner {
						    max-width: 1180px;
						    margin: 0 auto;
						    display: flex;
						    align-items: stretch;
						    gap: 34px;
						  }
						
						  .tino-why-image {
						    flex: 1 1 48%;
						    display: flex;
						    align-items: center;
						  }
						
						  .tino-why-image img {
						    display: block;
						    width: 100%;
						    height: auto;
						    border-radius: 24px;
						    object-fit: cover;
						  }
						
						  .tino-why-card {
						    flex: 1 1 52%;
						    background: #f7f7f7;
						    border-radius: 24px;
						    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
						    position: relative;
						    padding: 34px 38px 30px 38px;
						    overflow: hidden;
						    display: flex;
						    align-items: center;
						  }
						
						  .tino-why-card::before {
						    content: "";
						    position: absolute;
						    left: 0;
						    top: 0;
						    width: 7px;
						    height: 100%;
						    background: #2e8a82;
						    border-radius: 24px 0 0 24px;
						  }
						
						  .tino-why-content {
						    width: 100%;
						    text-align: center;
						    color: #2f4258;
						  }
						
						  .tino-why-eyebrow {
						    margin: 0 0 10px 0;
						    color: #2e8a82;
						    font-size: 1.05rem;
						    font-weight: 700;
						    line-height: 1.2;
						  }
						
						  .tino-why-title {
						    margin: 0 0 18px 0;
						    color: #243b57;
						    font-size: 2.25rem;
						    line-height: 1.08;
						    font-weight: 800;
						  }
						
						  .tino-why-content p {
						    margin: 0 0 18px 0;
						    font-size: 1.14rem;
						    line-height: 1.72;
						    color: #3a4e63;
						  }
						
						  .tino-why-list {
						    list-style: none;
						    padding: 0;
						    margin: 26px 0 28px 0;
						    text-align: left;
						  }
						
						  .tino-why-list li {
						    position: relative;
						    padding-left: 34px;
						    margin-bottom: 18px;
						    font-size: 1.08rem;
						    line-height: 1.5;
						    color: #3a4e63;
						  }
						
						  .tino-why-list li::before {
						    content: "";
						    position: absolute;
						    left: 0;
						    top: 0.55em;
						    width: 10px;
						    height: 10px;
						    border-radius: 50%;
						    background: #2e8a82;
						    transform: translateY(-50%);
						  }
						
						  .tino-why-quote {
						    background: #e9eaec;
						    border-radius: 16px;
						    padding: 18px 20px;
						    color: #243b57;
						    font-weight: 700;
						    font-size: 1.15rem;
						    line-height: 1.45;
						    text-align: center;
						    max-width: 520px;
						    margin: 0 auto;
						  }
						
						  /* Tablet */
						  @media (max-width: 1024px) {
						    .tino-why-inner {
						      gap: 24px;
						    }
						
						    .tino-why-card {
						      padding: 28px 30px 26px 30px;
						    }
						
						    .tino-why-title {
						      font-size: 2rem;
						    }
						
						    .tino-why-content p,
						    .tino-why-list li {
						      font-size: 1.02rem;
						    }
						  }
						
						  /* Mobile */
						  @media (max-width: 820px) {
						    .tino-why-wrap {
						      padding: 28px 14px;
						    }
						
						    .tino-why-inner {
						      display: flex !important;
						      flex-direction: column !important;
						      gap: 22px;
						    }
						
						    .tino-why-image,
						    .tino-why-card {
						      flex: none;
						      width: 100% !important;
						      max-width: 100% !important;
						    }
						
						    .tino-why-image {
						      order: 1;
						    }
						
						    .tino-why-card {
						      order: 2;
						      padding: 24px 20px 24px 20px;
						      border-radius: 20px;
						    }
						
						    .tino-why-card::before {
						      width: 6px;
						      border-radius: 20px 0 0 20px;
						    }
						
						    .tino-why-image img {
						      width: 100% !important;
						      max-width: 100% !important;
						      height: auto !important;
						      border-radius: 20px;
						    }
						
						    .tino-why-content {
						      text-align: center;
						    }
						
						    .tino-why-eyebrow {
						      font-size: 0.98rem;
						      margin-bottom: 8px;
						    }
						
						    .tino-why-title {
						      font-size: 1.85rem;
						      line-height: 1.1;
						      margin-bottom: 16px;
						    }
						
						    .tino-why-content p {
						      font-size: 1rem;
						      line-height: 1.65;
						      margin-bottom: 16px;
						    }
						
						    .tino-why-list {
						      margin: 22px 0 24px 0;
						    }
						
						    .tino-why-list li {
						      font-size: 0.98rem;
						      line-height: 1.45;
						      padding-left: 28px;
						      margin-bottom: 14px;
						    }
						
						    .tino-why-list li::before {
						      width: 9px;
						      height: 9px;
						      top: 0.52em;
						    }
						
						    .tino-why-quote {
						      font-size: 1rem;
						      line-height: 1.4;
						      padding: 16px 16px;
						      border-radius: 14px;
						    }
						  }
						

						.nat-final-cta-section {
						  background: #1f354d;
						  padding: 86px 24px;
						  box-sizing: border-box;
						  color: #ffffff;
						}
						
						.nat-final-cta-inner {
						  max-width: 980px;
						  margin: 0 auto;
						  text-align: center;
						}
						
						.nat-final-cta-kicker {
						  color: #74c8be;
						  font-size: 17px;
						  font-weight: 700;
						  margin-bottom: 14px;
						}
						
						.nat-final-cta-section h2 {
						  color: #ffffff;
						  font-size: 36px;
						  line-height: 1.18;
						  margin: 0 0 20px 0;
						}
						
						.nat-final-cta-text {
						  max-width: 760px;
						  margin: 0 auto 34px auto;
						  color: #d9e3ea;
						  font-size: 18px;
						  line-height: 1.55;
						}
						
						.nat-final-cta-box {
						  max-width: 820px;
						  margin: 0 auto 34px auto;
						  background: rgba(255,255,255,0.08);
						  border: 1px solid rgba(255,255,255,0.16);
						  border-radius: 18px;
						  padding: 28px 30px;
						  box-sizing: border-box;
						  display: grid;
						  grid-template-columns: repeat(2, 1fr);
						  gap: 22px;
						  text-align: left;
						}
						
						.nat-final-cta-mini {
						  background: rgba(255,255,255,0.08);
						  border-radius: 14px;
						  padding: 22px 22px;
						  box-sizing: border-box;
						}
						
						.nat-final-cta-mini h3 {
						  color: #ffffff;
						  font-size: 20px;
						  line-height: 1.2;
						  margin: 0 0 10px 0;
						}
						
						.nat-final-cta-mini p {
						  color: #d9e3ea;
						  font-size: 16px;
						  line-height: 1.45;
						  margin: 0;
						}
						
						.nat-final-cta-buttons {
						  display: flex;
						  justify-content: center;
						  gap: 14px;
						  flex-wrap: wrap;
						}
						
						.nat-final-cta-button {
						  display: inline-block;
						  text-decoration: none;
						  font-size: 18px;
						  font-weight: 800;
						  padding: 15px 28px;
						  border-radius: 10px;
						  box-shadow: 0 8px 18px rgba(0,0,0,0.20);
						  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
						}
						
						.nat-final-cta-button.primary {
						  background: #ffffff;
						  color: #1f354d !important;
						}
						
						.nat-final-cta-button.whatsapp {
						  background: #25d366;
						  color: #ffffff !important;
						}
						
						.nat-final-cta-button.primary:hover {
						  background: #f3f5f6;
						}
						
						.nat-final-cta-button.whatsapp:hover {
						  background: #20bd5a;
						}
						
						.nat-final-cta-button:hover {
						  transform: translateY(-1px);
						  box-shadow: 0 10px 22px rgba(0,0,0,0.26);
						}
						
						.nat-final-cta-whatsapp {
						  margin-top: 22px;
						  color: #d9e3ea;
						  font-size: 16px;
						  line-height: 1.45;
						}
						
						/* Tablet */
						@media (max-width: 760px) {
						  .nat-final-cta-section {
						    padding: 68px 18px 62px 18px;
						  }
						
						  .nat-final-cta-section h2 {
						    font-size: 29px;
						  }
						
						  .nat-final-cta-text {
						    font-size: 16px;
						  }
						
						  .nat-final-cta-box {
						    grid-template-columns: 1fr;
						    text-align: center;
						    padding: 24px 20px;
						  }
						
						  .nat-final-cta-mini {
						    padding: 20px 18px;
						  }
						
						  .nat-final-cta-button {
						    font-size: 17px;
						    padding: 14px 22px;
						  }
						}
						
						/* Handy */
						@media (max-width: 640px) {
						  .nat-final-cta-section {
						    padding: 48px 14px;
						  }
						
						  .nat-final-cta-inner {
						    text-align: left;
						  }
						
						  .nat-final-cta-kicker {
						    font-size: 15px;
						    margin-bottom: 8px;
						  }
						
						  .nat-final-cta-section h2 {
						    font-size: 25px;
						    line-height: 1.18;
						    margin-bottom: 14px;
						  }
						
						  .nat-final-cta-text {
						    font-size: 14.5px;
						    line-height: 1.45;
						    margin: 0 0 24px 0;
						  }
						
						  .nat-final-cta-box {
						    margin: 0 0 24px 0;
						    border-radius: 16px;
						    padding: 18px 16px;
						    gap: 12px;
						    text-align: left;
						    box-shadow: 0 6px 14px rgba(0,0,0,0.14);
						  }
						
						  .nat-final-cta-mini {
						    border-radius: 14px;
						    padding: 16px 15px;
						  }
						
						  .nat-final-cta-mini h3 {
						    font-size: 18px;
						    line-height: 1.22;
						    margin-bottom: 7px;
						  }
						
						  .nat-final-cta-mini p {
						    font-size: 14px;
						    line-height: 1.38;
						  }
						
						  .nat-final-cta-buttons {
						    display: grid;
						    grid-template-columns: 1fr;
						    gap: 10px;
						  }
						
						  .nat-final-cta-button {
						    width: 100%;
						    box-sizing: border-box;
						    text-align: center;
						    font-size: 14.5px;
						    padding: 13px 18px;
						  }
						
						  .nat-final-cta-whatsapp {
						    margin-top: 16px;
						    font-size: 13.5px;
						    line-height: 1.42;
						  }
						}
						
						/* Kleine Handys */
						@media (max-width: 420px) {
						  .nat-final-cta-section {
						    padding: 42px 12px;
						  }
						
						  .nat-final-cta-section h2 {
						    font-size: 23px;
						  }
						
						  .nat-final-cta-text {
						    font-size: 14px;
						  }
						
						  .nat-final-cta-box {
						    padding: 16px 14px;
						  }
						
						  .nat-final-cta-mini {
						    padding: 15px 14px;
						  }
						
						  .nat-final-cta-mini h3 {
						    font-size: 17.5px;
						  }
						
						  .nat-final-cta-mini p {
						    font-size: 13.8px;
						  }
						
						  .nat-final-cta-button {
						    font-size: 14px;
						  }
						}
						

						.nat-faq-section {
						  background: #ffffff;
						  padding: 86px 24px;
						  box-sizing: border-box;
						}
						
						.nat-faq-inner {
						  max-width: 900px;
						  margin: 0 auto;
						}
						
						.nat-faq-header {
						  text-align: center;
						  margin-bottom: 44px;
						}
						
						.nat-faq-kicker {
						  color: #2f7f78;
						  font-size: 17px;
						  font-weight: 700;
						  margin-bottom: 12px;
						}
						
						.nat-faq-section h2 {
						  color: #1f354d;
						  font-size: 34px;
						  line-height: 1.18;
						  margin: 0 0 16px 0;
						}
						
						.nat-faq-intro {
						  max-width: 720px;
						  margin: 0 auto;
						  color: #344654;
						  font-size: 18px;
						  line-height: 1.55;
						}
						
						.nat-faq-list {
						  display: grid;
						  gap: 14px;
						}
						
						.nat-faq-item {
						  background: #f3f5f6;
						  border-radius: 16px;
						  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
						  overflow: hidden;
						  border-left: 6px solid #2f7f78;
						}
						
						.nat-faq-item summary {
						  list-style: none;
						  cursor: pointer;
						  padding: 22px 26px;
						  color: #1f354d;
						  font-size: 19px;
						  font-weight: 800;
						  line-height: 1.3;
						  position: relative;
						  padding-right: 58px;
						}
						
						.nat-faq-item summary::-webkit-details-marker {
						  display: none;
						}
						
						.nat-faq-item summary::after {
						  content: "+";
						  position: absolute;
						  right: 24px;
						  top: 50%;
						  transform: translateY(-50%);
						  width: 28px;
						  height: 28px;
						  border-radius: 50%;
						  background: #1f354d;
						  color: #ffffff;
						  display: flex;
						  align-items: center;
						  justify-content: center;
						  font-size: 22px;
						  line-height: 1;
						  font-weight: 700;
						}
						
						.nat-faq-item[open] summary::after {
						  content: "–";
						}
						
						.nat-faq-answer {
						  padding: 0 26px 24px 26px;
						  color: #344654;
						  font-size: 17px;
						  line-height: 1.55;
						}
						
						.nat-faq-answer p {
						  margin: 0;
						}
						
						.nat-faq-note {
						  margin-top: 38px;
						  padding: 22px 26px;
						  background: #f3f5f6;
						  border-radius: 16px;
						  border-left: 6px solid #2f7f78;
						  color: #1f354d;
						  font-size: 16px;
						  line-height: 1.5;
						}
						
						/* Tablet */
						@media (max-width: 900px) {
						  .nat-faq-section {
						    padding: 70px 20px;
						  }
						
						  .nat-faq-header {
						    margin-bottom: 36px;
						  }
						}
						
						/* Handy */
						@media (max-width: 640px) {
						  .nat-faq-section {
						    padding: 48px 14px;
						  }
						
						  .nat-faq-header {
						    text-align: left;
						    margin-bottom: 28px;
						  }
						
						  .nat-faq-kicker {
						    font-size: 15px;
						    margin-bottom: 8px;
						  }
						
						  .nat-faq-section h2 {
						    font-size: 25px;
						    line-height: 1.18;
						    margin-bottom: 12px;
						  }
						
						  .nat-faq-intro {
						    font-size: 14.5px;
						    line-height: 1.45;
						    margin: 0;
						  }
						
						  .nat-faq-list {
						    gap: 12px;
						  }
						
						  .nat-faq-item {
						    border-radius: 15px;
						    border-left: 5px solid #2f7f78;
						    box-shadow: 0 6px 14px rgba(0,0,0,0.07);
						  }
						
						  .nat-faq-item summary {
						    font-size: 16px;
						    line-height: 1.28;
						    padding: 17px 48px 17px 18px;
						  }
						
						  .nat-faq-item summary::after {
						    right: 16px;
						    width: 24px;
						    height: 24px;
						    font-size: 20px;
						  }
						
						  .nat-faq-answer {
						    font-size: 14.5px;
						    line-height: 1.45;
						    padding: 0 18px 18px 18px;
						  }
						
						  .nat-faq-note {
						    margin-top: 24px;
						    border-radius: 16px;
						    border-left: 5px solid #2f7f78;
						    padding: 20px 18px;
						    font-size: 14.5px;
						    line-height: 1.42;
						  }
						}
						
						/* Kleine Handys */
						@media (max-width: 420px) {
						  .nat-faq-section {
						    padding: 42px 12px;
						  }
						
						  .nat-faq-section h2 {
						    font-size: 23px;
						  }
						
						  .nat-faq-intro {
						    font-size: 14px;
						  }
						
						  .nat-faq-item summary {
						    font-size: 15.5px;
						    padding: 16px 46px 16px 16px;
						  }
						
						  .nat-faq-answer {
						    font-size: 14px;
						    padding: 0 16px 17px 16px;
						  }
						
						  .nat-faq-item summary::after {
						    right: 14px;
						    width: 23px;
						    height: 23px;
						    font-size: 19px;
						  }
						
						  .nat-faq-note {
						    padding: 18px 16px;
						    font-size: 14px;
						  }
						}
						

						.nat-links-section {
						  background: #f3f5f6;
						  padding: 82px 24px;
						  box-sizing: border-box;
						}
						
						.nat-links-inner {
						  max-width: 1080px;
						  margin: 0 auto;
						  text-align: center;
						}
						
						.nat-links-kicker {
						  color: #2f7f78;
						  font-size: 17px;
						  font-weight: 700;
						  margin-bottom: 12px;
						}
						
						.nat-links-section h2 {
						  color: #1f354d;
						  font-size: 34px;
						  line-height: 1.18;
						  margin: 0 0 18px 0;
						}
						
						.nat-links-intro {
						  max-width: 760px;
						  margin: 0 auto 44px auto;
						  color: #344654;
						  font-size: 18px;
						  line-height: 1.55;
						}
						
						.nat-main-link-card {
						  max-width: 820px;
						  margin: 0 auto 42px auto;
						  background: #ffffff;
						  border-radius: 18px;
						  box-shadow: 0 8px 20px rgba(0,0,0,0.10);
						  padding: 34px 36px;
						  box-sizing: border-box;
						  border-left: 7px solid #2f7f78;
						  text-align: left;
						}
						
						.nat-main-link-card h3 {
						  color: #1f354d;
						  font-size: 25px;
						  line-height: 1.2;
						  margin: 0 0 12px 0;
						}
						
						.nat-main-link-card p {
						  color: #344654;
						  font-size: 17px;
						  line-height: 1.5;
						  margin: 0 0 22px 0;
						}
						
						.nat-link-button {
						  display: inline-block;
						  background: #1f354d;
						  color: #ffffff !important;
						  text-decoration: none;
						  font-size: 16px;
						  font-weight: 800;
						  padding: 13px 22px;
						  border-radius: 10px;
						  box-shadow: 0 7px 16px rgba(0,0,0,0.12);
						  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
						}
						
						.nat-link-button:hover {
						  background: #2d4664;
						  transform: translateY(-2px);
						  box-shadow: 0 9px 20px rgba(0,0,0,0.16);
						}
						
						.nat-blog-grid {
						  display: grid;
						  grid-template-columns: repeat(2, 1fr);
						  gap: 18px;
						  max-width: 920px;
						  margin: 0 auto;
						}
						
						.nat-blog-link {
						  display: block;
						  background: #ffffff;
						  color: #1f354d !important;
						  text-decoration: none;
						  border-radius: 14px;
						  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
						  padding: 20px 22px;
						  box-sizing: border-box;
						  text-align: left;
						  border-left: 6px solid #2f7f78;
						  transition: transform 0.2s ease, box-shadow 0.2s ease;
						}
						
						.nat-blog-link:hover {
						  transform: translateY(-2px);
						  box-shadow: 0 9px 20px rgba(0,0,0,0.13);
						}
						
						.nat-blog-link span {
						  display: block;
						  color: #2f7f78;
						  font-size: 13px;
						  font-weight: 800;
						  margin-bottom: 7px;
						}
						
						.nat-blog-link strong {
						  display: block;
						  color: #1f354d;
						  font-size: 17px;
						  line-height: 1.32;
						}
						
						/* Tablet */
						@media (max-width: 760px) {
						  .nat-links-section {
						    padding: 64px 18px;
						  }
						
						  .nat-links-section h2 {
						    font-size: 28px;
						  }
						
						  .nat-links-intro {
						    font-size: 16px;
						    margin-bottom: 34px;
						  }
						
						  .nat-main-link-card {
						    padding: 30px 24px;
						  }
						
						  .nat-blog-grid {
						    grid-template-columns: 1fr;
						  }
						}
						
						/* Handy */
						@media (max-width: 640px) {
						  .nat-links-section {
						    padding: 48px 14px;
						  }
						
						  .nat-links-inner {
						    text-align: left;
						  }
						
						  .nat-links-kicker {
						    font-size: 15px;
						    margin-bottom: 8px;
						  }
						
						  .nat-links-section h2 {
						    font-size: 25px;
						    line-height: 1.18;
						    margin-bottom: 12px;
						  }
						
						  .nat-links-intro {
						    font-size: 14.5px;
						    line-height: 1.45;
						    margin: 0 0 26px 0;
						  }
						
						  .nat-main-link-card {
						    margin: 0 0 24px 0;
						    border-radius: 16px;
						    padding: 22px 18px;
						    border-left: 5px solid #2f7f78;
						    text-align: left;
						    box-shadow: 0 6px 14px rgba(0,0,0,0.07);
						  }
						
						  .nat-main-link-card h3 {
						    font-size: 19px;
						    line-height: 1.24;
						    margin-bottom: 9px;
						  }
						
						  .nat-main-link-card p {
						    font-size: 14.5px;
						    line-height: 1.42;
						    margin-bottom: 16px;
						  }
						
						  .nat-link-button {
						    width: 100%;
						    box-sizing: border-box;
						    text-align: center;
						    font-size: 14.5px;
						    padding: 13px 18px;
						  }
						
						  .nat-blog-grid {
						    gap: 12px;
						  }
						
						  .nat-blog-link {
						    border-radius: 15px;
						    padding: 18px 17px;
						    border-left: 5px solid #2f7f78;
						    text-align: left;
						    box-shadow: 0 6px 14px rgba(0,0,0,0.07);
						  }
						
						  .nat-blog-link span {
						    font-size: 12px;
						    margin-bottom: 6px;
						  }
						
						  .nat-blog-link strong {
						    font-size: 14.8px;
						    line-height: 1.32;
						  }
						}
						
						/* Kleine Handys */
						@media (max-width: 420px) {
						  .nat-links-section {
						    padding: 42px 12px;
						  }
						
						  .nat-links-section h2 {
						    font-size: 23px;
						  }
						
						  .nat-links-intro,
						  .nat-main-link-card p {
						    font-size: 14px;
						  }
						
						  .nat-main-link-card {
						    padding: 20px 16px;
						  }
						
						  .nat-main-link-card h3 {
						    font-size: 18px;
						  }
						
						  .nat-blog-link {
						    padding: 16px 15px;
						  }
						
						  .nat-blog-link strong {
						    font-size: 14.2px;
						  }
						
						  .nat-link-button {
						    font-size: 14px;
						  }
						}
						

/* assets/content-integration-v8.css */
/* Integration only: editorial text and original section styles stay in the export. */
.page-content main img{max-width:100%;height:auto}
.page-content main{min-width:0}
.page-content .legacy-text{width:min(100% - 48px,1100px);margin:36px auto;color:#244653;overflow-wrap:anywhere}
.page-content .legacy-text h1,.page-content .legacy-text h2{color:#15313e;line-height:1.2}
.page-content .legacy-text [role="heading"][aria-level="1"]{font-size:clamp(30px,4.5vw,52px);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin:25px 0;color:#15313e}
.page-content .legacy-text [role="heading"][aria-level="2"]{font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.2;margin:25px 0 16px;color:#15313e}
.page-content .legacy-text .imTACenter{text-align:center}
.page-content .legacy-button{display:block;width:fit-content;max-width:calc(100% - 32px);margin:24px auto 50px;padding:13px 25px;border-radius:8px;background:#287e78;color:#fff;font-weight:700;text-decoration:none;text-align:center}
.content-redirect{max-width:900px;margin:80px auto;padding:24px;text-align:center}
.page-content [id^="imObjectImage_"]{width:min(100% - 48px,1000px);margin:24px auto;text-align:center}
.page-content .external-content{display:block;max-width:680px;margin:28px auto;padding:24px 28px;border:1px solid #78b4b1;border-radius:18px;background:linear-gradient(135deg,#13313f,#1c4a53);color:#fff;font-weight:700;text-align:center;text-decoration:none;box-shadow:0 12px 32px #12313a12}
.page-content .external-content:hover{background:#245f66}.external-content small{display:block;margin-top:8px;font-weight:400;font-size:14px;color:#d4e6e9}
.migration-note{max-width:1000px;margin:40px auto;padding:24px;border-left:3px solid #338c87;background:#ecf5f4;color:#294954}
.page-content .tidycal-embed{min-height:0!important}
.page-content main a,.page-content main p{overflow-wrap:break-word}
.page-content main iframe{max-width:100%}
.page-content .preview-page{margin-top:45px}
@media(max-width:699px){.page-content .legacy-text,.page-content [id^="imObjectImage_"]{width:calc(100% - 32px)}.migration-note{margin:24px 16px}.page-content .external-content{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){.page-content main *,.page-content main *::before,.page-content main *::after{animation:none!important;transition:none!important}}

/* assets/feinschliff-v9.css */
/* Only blog pages need the rounded continuation beneath the lowered symbol. */
.site-header{--header-height:75px;--header-surface:#0d202c}
.site-header .site-brand{position:relative;isolation:isolate}
/* Booking heroes continue through the navigation; keep the white links. */
body.page-booking-live .site-header{background:transparent}
/* Match the one-pixel navigation dividers on the other hero sections. */
body.page-content #sk-hero::after{height:1px}
.page-blog-index .site-header .site-brand::before,.page-blog-article .site-header .site-brand::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-16px;top:calc(50% + var(--header-height)/2 - 1px);width:calc(var(--brand-height)*.972117 + 32px);height:16px;background:var(--header-surface);border-radius:0 0 16px 16px}
/* An illuminated surround gives the contact card room before the dark footer. */
body.page-content #sk-cta{background:linear-gradient(140deg,#f7fafb,#eaf4f2)!important}
body.page-content #sk-cta .sk-cta-box{background:radial-gradient(ellipse at 0 0,#20515c,transparent 70%),linear-gradient(120deg,#123744,#0d2633);box-shadow:0 20px 48px #12343f18}
/* Old exported blog CSS sets body dark with !important. Own the page surface
   explicitly; the original article cards keep their approved local styling. */
body.page-blog-index,body.page-blog-article{background:#f5f9fa!important}
.page-blog-index .site-header,.page-blog-article .site-header,.page-privacy-settings .site-header,.page-legal .site-header{background:linear-gradient(180deg,#153d47 0%,var(--header-surface) 100%)}
.page-blog-article #inhalt{display:flow-root;background:radial-gradient(ellipse at 10% 15%,#edf7f5,transparent 55%),#f5f9fa;padding-bottom:clamp(56px,7vw,88px)}
.page-blog-article .blog-hero h1{color:#143240}
.page-blog-article .blog-hero .blog-meta{color:#496672}
.page-blog-article .blog-back{color:#236f69}
.page-blog-article .blog-bottom{margin-bottom:0;padding:28px;border-top:1px solid #cddfe1}
.blog-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:42px}
.blog-pagination a,.blog-pagination span{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:44px;padding:8px 13px;border:1px solid #bed5d8;border-radius:9px;text-decoration:none;color:#23545d;background:#fff;font-size:15px}
.blog-pagination a:hover{background:#e4f1ef;border-color:#297f78}
.blog-pagination [aria-current="page"]{background:#194752;border-color:#194752;color:#fff;font-weight:700}
.blog-pagination .pagination-gap{border:0;background:none;min-width:18px;padding:4px}
.blog-pagination[hidden]{display:none}
.blog-index-heading{scroll-margin-top:24px;outline:none}
.blog-count{color:#49636d;margin:22px 0}
@media(max-width:699px){.site-header{--header-height:68px}.page-blog-index .site-header .site-brand::before,.page-blog-article .site-header .site-brand::before{left:-12px;width:calc(var(--brand-height)*.972117 + 24px);height:14px;border-radius:0 0 14px 14px}.page-blog-article .blog-bottom{padding:24px 10px}}
@media(max-width:420px){.blog-pagination{gap:6px}.blog-pagination a,.blog-pagination span{min-width:36px;padding:7px 10px}}

/* assets/scroll-scenes.css */
/* Subtle depth for selected scenes. The source layout and reading flow stay intact. */
.scene-photo-window {
  display: block;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.scene-photo-window > img { display: block; }
/* The training decoration belongs behind the new isolated photo frame. */
#anfm-training .anfm-training__image { isolation: isolate; }
#anfm-training .anfm-training__image > .scene-photo-window { z-index: 1; }
#anfm-cases .anfm-case__image > .scene-photo-window { height: 100%; }
@media (max-width: 900px) {
  #anfm-cases .anfm-case__image > .scene-photo-window { height: auto; }
}
html.scroll-scenes .scene-photo-window > img {
  transform: translate3d(0, clamp(calc(-1 * var(--scene-photo-limit, 100px)), var(--scene-photo-y, 0px), var(--scene-photo-limit, 100px)), 0) scale(var(--scene-photo-scale, 1.1));
  transform-origin: center;
}
html.scroll-scenes .scene-photo-window.scene-is-visible > img { will-change: transform; }

/* The homepage picture fills its existing stage on desktop and has its own
   clipped frame above the copy on phones. This also works on mobile browsers. */
#anfh-hero .scene-home-picture { --scene-photo-scale: 1.045; --scene-photo-limit: 12px; }
@media (min-width: 700px) {
  #anfh-hero .scene-home-picture { position: absolute; inset: 0; z-index: 0; }
}
@media (max-width: 699px) {
  #anfh-hero .scene-home-picture { position: relative; width: 100%; --scene-photo-limit: 4px; }
}

html.scroll-scenes .scene-section { position: relative; isolation: isolate; overflow: hidden; }
.scene-ambient {
  position: absolute;
  inset: -64px -24px;
  z-index: -1;
  pointer-events: none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 700' fill='none' stroke='%2355bfb7' stroke-width='1.3'%3E%3Cpath d='M-80 580C220 550 180 150 550 200S950 660 1480 260M-100 330C180 410 360 40 710 90S1050 480 1500 120'/%3E%3Ccircle cx='550' cy='200' r='6'/%3E%3Ccircle cx='710' cy='90' r='5'/%3E%3Ccircle cx='1060' cy='462' r='6'/%3E%3C/svg%3E") center / cover no-repeat,
    radial-gradient(ellipse at 80% 45%, #55bfb718, transparent 60%);
  opacity: .16;
  transform: translate3d(0, var(--scene-ambient-y, 0px), 0) scale(1.04);
}
#anfm-hero .scene-ambient, #anfm-cta .scene-ambient { opacity: .25; }
html.scroll-scenes .scene-section.scene-is-visible > .scene-ambient { will-change: transform; }
html:not(.scroll-scenes) .scene-ambient { display: none; }

@media (prefers-reduced-motion: reduce) {
  html.scroll-scenes .scene-photo-window > img { transform: none; will-change: auto; }
  .scene-ambient { display: none !important; }
}
@media print {
  html.scroll-scenes .scene-photo-window > img { transform: none; }
  .scene-ambient { display: none; }
}

/* assets/content-story.css */
.owned-story-panel{display:none}
body.page-content #sk-prozess,body.page-content #nl-chain,body.page-content #vv-process{overflow:clip!important}
#inhalt .story-active .owned-story-steps::before{display:none}
#inhalt .owned-story.story-active{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:start;margin:40px 0}
#inhalt .story-active .owned-story-panel{display:block;position:sticky;top:28px;overflow:hidden;border-radius:24px;padding:22px;background:radial-gradient(ellipse at 10% 10%,#24505a,transparent 75%),#102834;color:#fff;border:1px solid #375660;box-shadow:0 24px 60px #183c4820}
.owned-story-art{display:block;width:100%;max-height:290px}.story-path-base,.story-path-fill{fill:none;stroke:#41646e;stroke-width:1.3}.story-path-fill{stroke:url(#story-line);stroke-width:2.4;stroke-dasharray:100;stroke-dashoffset:var(--story-trace,100)}
.story-orbit{fill:none;stroke:#66959c;stroke-width:1;stroke-dasharray:2 8;transform-origin:center;transform:rotate(var(--story-rotate,0deg))}.story-orbit-two{opacity:.35;stroke-dasharray:60 120}
#inhalt .owned-story-readout{padding:12px 8px 20px;min-height:114px}.owned-story-number{font-size:12px;letter-spacing:.15em;color:#82d9d3}
#inhalt .owned-story-label{font-size:clamp(23px,2.5vw,32px);font-weight:700;line-height:1.2;color:#fff;margin:12px 0 0}
.owned-story-dots{display:flex;gap:9px;padding:0 8px 12px}.owned-story-dots span{flex:1;height:3px;border-radius:3px;background:#41616c}.owned-story-dots .story-dot-done{background:#79dbd0}
#inhalt .story-active .owned-story-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,8vh,80px);margin:0;padding:0}
#inhalt .story-active .owned-story-step{min-height:210px;display:flex;flex-direction:column;justify-content:center;transition:border-color .3s,box-shadow .3s;position:relative}
#inhalt .story-active .owned-story-step.story-current{border-color:#3dada4;box-shadow:0 12px 36px #24757014}
@media(max-width:760px){
 #inhalt .owned-story.story-active{display:block;margin:28px 0}
 #inhalt .story-active .owned-story-panel{top:10px;z-index:3;display:grid;grid-template-columns:95px 1fr;align-items:center;border-radius:17px;padding:12px;margin-bottom:24px;background:#102d39}
 .owned-story-art{height:92px}.owned-story-dots{grid-column:1/-1;padding:0 5px 0}
 #inhalt .owned-story-readout{padding:0 4px 10px;min-height:80px}#inhalt .owned-story-label{font-size:20px;margin-top:6px}
 #inhalt .story-active .owned-story-steps{gap:30px;padding-top:8px}#inhalt .story-active .owned-story-step{min-height:200px}
}
@media(max-height:540px){#inhalt .story-active .owned-story-panel{position:relative;top:0}}
@media(prefers-reduced-motion:reduce){#inhalt .owned-story.story-active{display:block}#inhalt .story-active .owned-story-panel{display:none}#inhalt .story-active .owned-story-step{transition:none;min-height:0}}

/* assets/landing-pages.css */
/* Campaign pages intentionally have no masthead, including on phones. */
body.page-landing #inhalt{display:flow-root;padding-top:0;scroll-margin-top:0}
.page-landing #inhalt>section:first-child{scroll-margin-top:0}
body.page-landing #se-ended{--se-menu-overlap:0px;--se-x5-offset-compensation:0px}
.gang-landing{--gang-ink:#163b45;--gang-muted:#47616a;--gang-mint:#a1e7dc;color:var(--gang-ink);background:#f8faf8;font-size:19px;line-height:1.65;overflow:clip}
.gang-landing *{box-sizing:border-box}
.gang-landing :is(h1,h2,h3,p,figure){margin:0}
.gang-landing :is(h1,h2,h3){color:inherit;font-family:Lato,Arial,sans-serif;font-weight:700;letter-spacing:-.035em;text-wrap:balance}
.gang-landing h2{font-size:clamp(34px,4.3vw,54px);line-height:1.12}
.gang-landing h3{font-size:25px;line-height:1.25}
.gang-landing a{color:inherit;text-underline-offset:5px}
.gang-landing a:focus-visible{outline:3px solid #3caca0;outline-offset:6px}
.gang-wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}
.gang-landing .gang-kicker{font-size:13px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;line-height:1.6;margin-bottom:23px;color:#286e68}
.gang-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 10% 40%,#234e54 0,transparent 67%),#102c36;color:#f5faf7;padding:70px 0 26px}
.gang-hero .gang-kicker{color:var(--gang-mint)}
.gang-flow{position:absolute;inset:-5% 0;width:100%;height:110%;z-index:-1;fill:none;stroke:#8ed8cb;stroke-width:1;opacity:.16;transform:translateY(var(--gang-drift,0px));pointer-events:none}
.gang-hero-grid{display:grid;grid-template-columns:1.16fr 1fr;gap:clamp(40px,6vw,86px);align-items:center}
.gang-hero h1{font-size:clamp(43px,5.1vw,67px);line-height:1.07;max-width:690px;overflow-wrap:normal}
.gang-hero h1 em{font-style:normal;color:var(--gang-mint)}
.gang-hero .gang-intro{font-size:clamp(18px,1.6vw,21px);line-height:1.65;margin:28px 0 18px;max-width:530px;color:#edf4f2}
.gang-invitation{max-width:450px;color:#d4e7e4;margin-bottom:28px!important}
.gang-landing .gang-button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;min-height:56px;padding:14px 22px;color:#123c3d;background:#a1e7dc;border:1px solid #a1e7dc;border-radius:8px;text-decoration:none;font-weight:700;font-size:17px;line-height:1.35;transition:background .2s,transform .2s}
.gang-landing .gang-button:hover{background:#c1f2e9;transform:translateY(-2px)}
.gang-button>span{font-size:24px;line-height:1}
.gang-landing .gang-micro{font-size:14px;line-height:1.5;margin-top:12px;color:#d4e7e4}
.gang-portrait{position:relative;align-self:stretch;min-height:530px;max-height:620px;border-radius:160px 160px 16px 16px;overflow:hidden;background:#e5e9e5}
.gang-portrait img{display:block;width:100%;height:100%;min-height:530px;object-fit:cover;object-position:52% 45%}
.gang-portrait figcaption{position:absolute;inset:auto 18px 18px;padding:17px 20px;background:#f4faf6;color:#173e46;border-radius:8px;box-shadow:0 4px 24px #173e4610}
.gang-portrait figcaption strong{display:block;font-size:22px;line-height:1.3;color:#173e46}
.gang-portrait figcaption span{display:block;font-size:14px;line-height:1.5;margin-top:4px}
.gang-continue{display:flex;align-items:center;gap:12px;justify-content:center;width:fit-content;margin:32px auto 0;color:#cfe5e0!important;font-size:14px;text-decoration:none;padding:8px}
.gang-continue span{font-size:23px}
.gang-everyday{padding:80px 0 70px;background:#fbf9f3}
.gang-section-heading{max-width:630px}
.gang-section-heading>p:last-child{margin-top:20px;color:var(--gang-muted)}
.gang-moments{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}
.gang-moment{border-top:1px solid #b8c9c2;padding-top:22px}
.gang-number{display:block;color:#567870;font-size:14px;letter-spacing:.1em;margin-bottom:20px}
.gang-moment h3{margin-bottom:15px}
.gang-moment p{color:var(--gang-muted);max-width:320px}
.gang-landing .gang-afterthought{margin-top:48px;padding-top:32px;border-top:1px solid #d7dfd6;font-size:24px;line-height:1.5;color:#395b5c}
.gang-afterthought strong{color:#163b45;font-weight:700}
.gang-control{padding:65px 0;background:#fff;color:var(--gang-ink)}
.gang-control h2{font-size:clamp(32px,3.8vw,48px);max-width:800px}
.gang-landing .gang-control-intro{max-width:820px;margin-top:22px}
.gang-senses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}
.gang-senses>div{padding:20px 22px;background:#f0f6f3;border-top:3px solid #699d8e;border-radius:0 0 12px 12px}
.gang-senses dt{font-size:20px;font-weight:700;line-height:1.35;margin-bottom:8px;color:#163b45}
.gang-senses dd{margin:0;color:var(--gang-muted);font-size:17px;line-height:1.6}
.gang-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}
.gang-control-grid h3{font-size:24px;max-width:480px;margin-bottom:14px}
.gang-control-grid p{color:var(--gang-muted);font-size:18px}
.gang-control-sources{margin-top:24px;color:#47616a;font-size:14px}
.gang-control-sources summary{cursor:pointer;padding:8px 0;min-height:40px;width:fit-content;text-decoration:underline;text-underline-offset:4px}
.gang-control-sources summary:focus-visible{outline:3px solid #3caca0;outline-offset:4px}
.gang-control-sources p{padding:8px 0;line-height:1.8}
@media(max-width:720px){.gang-control{padding:45px 0}.gang-senses{grid-template-columns:1fr;gap:12px;margin:25px 0}.gang-senses>div{padding:15px 18px;border-top:0;border-left:3px solid #699d8e;border-radius:0 10px 10px 0}.gang-control-grid{grid-template-columns:1fr;gap:26px}.gang-control-grid h3{font-size:24px}.gang-control-sources p{overflow-wrap:anywhere}}
.gang-personal{padding:80px 0;background:#e6f0ec}
.gang-personal-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}
.gang-personal-heading{align-self:start}
.gang-personal-line{width:min(90%,350px);height:90px;margin-top:27px;fill:none;stroke:#508a7e;stroke-width:2}
.gang-personal-copy p+p{margin-top:22px}
.gang-detail-link{display:block;margin-top:30px;padding-top:25px;border-top:1px solid #bed2c9;font-size:17px;text-decoration:none}
.gang-detail-link strong{color:#205f57;text-decoration:underline;text-underline-offset:5px;line-height:1.65}
.gang-contact{padding:65px 0;background:#fbf9f3}
.gang-contact-card{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;background:#163b45;color:#f5faf7;border-radius:20px;padding:45px 48px}
.gang-contact-card .gang-kicker{color:var(--gang-mint);margin-bottom:18px}
.gang-contact-card h2{font-size:clamp(32px,3.4vw,43px)}
.gang-contact-card h2+p{max-width:450px;margin-top:20px;color:#d4e7e4}
.gang-contact-action{text-align:center}
.gang-landing .gang-contact-alternative{font-size:15px;margin-top:25px;line-height:1.9;color:#d4e7e4}
.gang-contact-alternative a{color:#f5faf7}
.gang-medical{padding:0 0 55px;background:#fbf9f3;color:#47616a}
.gang-medical .gang-wrap{max-width:920px}
.gang-medical h2{font-size:19px;letter-spacing:0;margin-bottom:12px;color:#163b45}
.gang-medical p{font-size:15px;line-height:1.75}
.gang-medical p+p{margin-top:12px}
.gang-medical strong{color:#354f57;font-weight:700}
@media(min-width:1700px){.gang-hero{padding-top:85px}}
@media(max-width:1000px){.gang-wrap{width:calc(100% - 48px)}.gang-hero{padding-top:45px}.gang-hero-grid{grid-template-columns:1.1fr .85fr;gap:32px}.gang-hero h1{font-size:clamp(38px,5vw,52px)}.gang-portrait{border-radius:110px 110px 14px 14px}.gang-moments{gap:25px}.gang-personal-grid{gap:40px}.gang-contact-card{padding:35px 30px;gap:30px}.gang-contact-card .gang-button{gap:15px;padding-inline:16px}.gang-hero .gang-kicker{font-size:12px}}
@media(max-width:720px){.gang-landing{font-size:18px}.gang-wrap{width:calc(100% - 40px)}.gang-hero{padding-top:34px}.gang-hero-grid{grid-template-columns:1fr;gap:30px}.gang-hero-copy{max-width:570px}.gang-hero h1{font-size:clamp(34px,7.6vw,49px);line-height:1.12}.gang-hero .gang-intro{margin:22px 0 16px}.gang-invitation{margin-bottom:22px!important}.gang-portrait{height:350px;min-height:0;max-height:none;width:100%;border-radius:120px 120px 12px 12px}.gang-portrait img{min-height:0;object-position:50% 40%}.gang-portrait figcaption{inset:auto 14px 14px;padding:12px 18px}.gang-portrait figcaption span{font-size:13px}.gang-portrait figcaption br{display:none}.gang-portrait figcaption strong{font-size:20px}.gang-continue{margin-top:20px}.gang-everyday,.gang-personal{padding:50px 0}.gang-landing .gang-kicker{margin-bottom:18px;font-size:12px}.gang-moments{grid-template-columns:1fr;gap:26px;margin-top:30px}.gang-moment{position:relative;padding:24px 0 0 38px}.gang-number{position:absolute;left:0;top:27px}.gang-moment h3{font-size:24px;margin-bottom:8px}.gang-moment p{max-width:540px}.gang-landing .gang-afterthought{font-size:22px;margin-top:30px;padding-top:25px}.gang-personal-grid{grid-template-columns:1fr;gap:24px}.gang-personal-line{width:170px;height:38px;margin-top:20px}.gang-contact{padding:38px 0}.gang-contact-card{grid-template-columns:1fr;gap:28px;padding:30px 24px}.gang-contact-action{text-align:left}.gang-contact-card h2{font-size:34px}.gang-medical{padding-bottom:40px}}
@media(max-width:360px){.gang-wrap{width:calc(100% - 32px)}.gang-hero h1{font-size:32px}.gang-landing .gang-button{font-size:16px;gap:12px;padding:14px 16px}.gang-contact-card{padding:28px 18px}.gang-contact-card .gang-button{font-size:15px;padding-inline:12px}.gang-portrait{height:320px}}
@media(prefers-reduced-motion:reduce){.page-landing{scroll-behavior:auto}.gang-flow{transform:none}.gang-landing .gang-button{transition:none}.gang-landing .gang-button:hover{transform:none}}

/* assets/consent.css */
/* Scoped, native dialog: the website and training app design remain independent. */
.privacy-dialog,.privacy-page,.privacy-media{font-family:Lato,Arial,sans-serif;line-height:1.55}
.privacy-dialog *,.privacy-page *,.privacy-media *{box-sizing:border-box}
.privacy-dialog [hidden],.privacy-page [hidden],.privacy-media [hidden]{display:none!important}
.privacy-is-open{overflow:hidden}
.privacy-dialog{color:#173847;background:#f6faf9;border:1px solid #d3e4e6;border-radius:24px;padding:0;width:min(640px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto 24px 24px;box-shadow:0 24px 90px #031a2850;overflow:auto;overscroll-behavior:contain}
.privacy-dialog::backdrop{background:#071d2a69;backdrop-filter:blur(2px)}
.privacy-dialog[open]{animation:privacy-arrive .24s ease-out}
.privacy-dialog__head{position:relative;padding:25px 28px 22px;color:white;background:radial-gradient(ellipse at 5% 0%,#28757780,transparent 68%),#102b39;border-radius:22px 22px 0 0;overflow:hidden}
.privacy-dialog__head::after{content:"";position:absolute;width:270px;height:160px;right:-90px;top:-100px;border:1px solid #a0dcd852;border-radius:50%;box-shadow:0 15px 0 0 #a0dcd81a,0 30px 0 0 #a0dcd811;pointer-events:none}
.privacy-dialog__eyebrow{display:block;color:#8edde0;font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:700;margin:0 0 10px}
.privacy-dialog h2{color:white;font-size:clamp(24px,3.3vw,30px);line-height:1.15;margin:0;padding-right:22px;letter-spacing:-.025em}
.privacy-dialog h2:focus{outline:none}
.privacy-dialog__close{position:absolute;right:14px;top:12px;z-index:1;border:1px solid #b5d6d442;background:transparent;color:white;border-radius:50%;width:32px;height:32px;font:24px/1 Arial;cursor:pointer}
.privacy-dialog__body{padding:22px 28px 8px}
.privacy-dialog p{font-size:15px;margin:0 0 14px}
.privacy-dialog a,.privacy-page a,.privacy-media a{color:#166d76;text-decoration:underline;text-underline-offset:3px}
.privacy-dialog__necessary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #d6e3e3;border-bottom:1px solid #d6e3e3;font-size:14px}
.privacy-dialog__necessary span:last-child{color:#276857;background:#e0efe9;border-radius:20px;padding:3px 10px;font-size:12px;white-space:nowrap}
.privacy-dialog__options{padding-top:4px}
.privacy-option{padding:14px 0;border-bottom:1px solid #d6e3e3}
.privacy-option label{display:flex;gap:15px;justify-content:space-between;align-items:center;font-weight:700;font-size:16px;cursor:pointer}
.privacy-option small{display:block;margin:5px 58px 0 0;font-size:13px;color:#425e68;line-height:1.5}
.privacy-option input{appearance:none;flex:none;width:44px;height:25px;border:1px solid #899fa4;border-radius:30px;background:#cbd8da;cursor:pointer;position:relative;margin:0}
.privacy-option input::after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #092a3940;transition:transform .18s}
.privacy-option input:checked{background:#21776e;border-color:#21776e}
.privacy-option input:checked::after{transform:translateX(18px)}
.privacy-option details{margin-top:7px;font-size:12px;color:#425e68}
.privacy-option summary{cursor:pointer;width:fit-content;text-decoration:underline;text-underline-offset:3px}
.privacy-option details p{font-size:12px;margin-top:7px;margin-bottom:2px}
.privacy-dialog__actions{position:sticky;bottom:0;padding:15px 28px 18px;background:#f6faf9;border-top:1px solid #dce7e6}
.privacy-dialog__buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.privacy-btn{font:700 13px/1.3 Lato,Arial,sans-serif;border-radius:9px;min-height:46px;padding:11px 12px;background:#e6f1ef;color:#143d48;border:1px solid #89b5b4;cursor:pointer;text-align:center;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center}
.privacy-btn:hover{background:#d2e7e3;border-color:#286e72}
.privacy-btn:focus-visible,.privacy-dialog a:focus-visible,.privacy-dialog input:focus-visible,.privacy-dialog summary:focus-visible,.privacy-dialog__close:focus-visible{outline:3px solid #e5b854;outline-offset:3px}
.privacy-dialog__links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:12px}
.privacy-dialog .privacy-dialog__preview{font-size:12px;background:#e8f0f2;padding:9px 12px;border-radius:8px;margin-top:12px}
.privacy-dialog [data-privacy-status]:empty{display:none}
.privacy-dialog [data-privacy-status]{font-size:13px;color:#8b3925;padding-top:10px}
.privacy-page{max-width:900px;margin:auto;padding:155px 24px 80px;color:#173847;overflow-wrap:anywhere;hyphens:auto}
.privacy-page h1{font-size:clamp(32px,5vw,48px);line-height:1.12;margin:15px 0 22px}
.privacy-page__card{background:white;border:1px solid #d5e4e4;border-radius:20px;padding:28px;margin:25px 0;box-shadow:0 15px 50px #143d4808}
.privacy-page__card h2{font-size:23px;margin:0 0 12px}
.privacy-page__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.privacy-page__label{font-size:12px;font-weight:700;letter-spacing:.08em;color:#187782;text-transform:uppercase}
.privacy-page__list{padding-left:20px}.privacy-page__list li{margin:10px 0}
.privacy-media{margin:20px 0;padding:24px;background:#e9f4f2;border:1px solid #c6dedb;border-radius:18px;color:#173847}
.privacy-media__placeholder{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:start}
.privacy-media__icon{display:grid;place-items:center;background:#123643;color:#91d7d6;border-radius:18px;width:64px;height:64px;font-size:25px}
.privacy-media h3{font-size:23px!important;color:#173847!important;margin:0 0 10px!important}
.privacy-media p{font-size:14px!important;color:#385863!important;margin:0 0 14px!important}
.privacy-media__links{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:13px}
.privacy-media__player iframe{display:block;width:100%;border:0;border-radius:12px;min-height:352px;background:#102b39}
.privacy-media__manage{display:block;font-size:12px;margin-top:12px}
@media(max-width:600px){.privacy-dialog{margin:auto 10px 10px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:20px}.privacy-dialog__head{padding:22px 20px 20px}.privacy-dialog__body{padding:18px 20px 5px}.privacy-dialog__actions{padding:12px 20px 16px}.privacy-dialog__buttons{grid-template-columns:1fr 1fr}.privacy-dialog__buttons .privacy-btn:last-child{grid-column:1/-1}.privacy-dialog h2{font-size:26px}.privacy-dialog p{font-size:14px}.privacy-option small{margin-right:0}.privacy-media{padding:18px}.privacy-media__placeholder{grid-template-columns:1fr;gap:14px}.privacy-page__card{padding:22px}}
@media(prefers-reduced-motion:reduce){.privacy-dialog[open]{animation:none}.privacy-option input::after{transition:none}}
@keyframes privacy-arrive{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* assets/website-verknuepfung.css?v=20261006 */
/* Only the new sport transitions; existing headers, news and motion remain intact. */
.brand-bridge{max-width:1180px;margin:48px auto;padding:32px;border:1px solid #cddfe0;border-radius:24px;background:linear-gradient(125deg,#eef7f6,#faf7f0);color:#123440;box-sizing:border-box;scroll-margin-top:110px}
.brand-bridge__eyebrow{margin:0 0 12px!important;font-size:12px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#256a6b!important}
.brand-bridge h2{margin:0 0 16px!important;font-size:clamp(25px,3vw,36px)!important;line-height:1.2!important;color:#123440!important}
.brand-bridge__lead{max-width:68ch;margin:0 0 24px!important;font-size:17px!important;line-height:1.65!important;color:#234753!important}
.brand-bridge__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.brand-bridge__option{display:flex;flex-direction:column;gap:10px;padding:24px;background:#fff;border:1px solid #d3dfe0;border-radius:16px;color:#123440!important;text-decoration:none!important;transition:border-color .2s,box-shadow .2s}
.brand-bridge__option:hover{border-color:#708e88;box-shadow:0 7px 22px #12344012}
.brand-bridge__option strong{font-size:20px;line-height:1.3}
.brand-bridge__option span{font-size:15px;line-height:1.6}
.brand-bridge__option b{margin-top:auto;padding-top:8px;font-size:14px;color:#246e6d}
.brand-bridge__domain{margin:20px 0 0!important;font-size:13px!important;color:#45606a!important}
.brand-bridge__domain a{color:inherit!important;overflow-wrap:anywhere;text-decoration:underline!important;text-underline-offset:3px}
.brand-bridge--article{margin:0 0 28px;padding:28px;max-width:none}
.brand-bridge--article h2{font-size:clamp(23px,2.5vw,30px)!important}
.brand-bridge__actions{display:flex;flex-wrap:wrap;gap:12px}
.brand-bridge__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 19px;border-radius:9px;background:#236d69;color:#fff!important;text-decoration:none!important;font-size:15px;font-weight:700;box-sizing:border-box}
.brand-bridge__button--secondary{background:#fff;color:#123440!important;border:1px solid #afc7c9}
.brand-bridge a:focus-visible{outline:3px solid #258f8a;outline-offset:4px}
.brand-bridge-hero-note{font-size:15px!important;line-height:1.6!important;color:#c9ecea!important;max-width:54ch;margin:20px 0!important}
@media(max-width:700px){.brand-bridge{margin:28px 18px;padding:23px 20px;border-radius:18px}.brand-bridge__options{grid-template-columns:1fr}.brand-bridge__option{padding:20px}.brand-bridge__lead{font-size:16px!important}.brand-bridge--article{margin:0 0 24px;padding:22px 18px}.brand-bridge__actions{flex-direction:column}.brand-bridge__button{width:100%;text-align:center}.brand-bridge h2{font-size:27px!important}}
@media(prefers-reduced-motion:reduce){.brand-bridge__option{transition:none}}