/* Gezielte Ergänzung auf dem aktuellen Quappi-Layout. 26.10.2026. */
:root{--ink:#123c52;--muted:#456477;--paper:#fffefa;--aqua:#e0f7f7;--yellow:#ffcf56;--coral:#f5876d;--line:#cee7e9;--ocean:#087a97;--teal:#007c83;color-scheme:light}
.preview-bar{display:flex;justify-content:center;align-items:center;gap:30px;min-height:30px;padding:3px 15px;font-size:9px;letter-spacing:.06em;background:#e8f6f6;color:#3c6170}.preview-bar button{font-size:9px;border:0;background:none;color:inherit;text-decoration:underline;padding:4px}.main-nav a{transition:color .2s}.main-nav a:hover,.main-nav a[aria-current=page]{background:transparent;color:#08718b;text-decoration:underline;text-decoration-color:#eb8e74;text-underline-offset:7px}.main-nav a[aria-current=page]{box-shadow:none}.button{transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #16485b16}.button.yellow{background:var(--yellow);border-color:var(--yellow)}.hero-copy h1 em{color:var(--ocean)}
.home-original-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 90% 12%,#fff5c5 0,transparent 35%),linear-gradient(115deg,#f3fbfc,#dff5f7);padding-bottom:95px;overflow:hidden}.home-original-hero .hero-art{background:#c5ebecb0}.home-original-hero .hero-grid{position:relative;z-index:2}.home-original-hero .hero-art figcaption{bottom:12px}.hero-caption{font-size:12px!important}.google-badge{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;font-size:12px;text-decoration:none;color:#325565;margin-top:17px}.google-badge>span:first-child{color:#a5680b;font-size:16px;letter-spacing:2px}.google-badge .rating-date{width:100%;font-size:10px;color:#58707c;padding-left:0}.moving-shore{position:absolute;left:0;right:0;bottom:-1px;height:75px;overflow:hidden;z-index:1;pointer-events:none}.moving-shore svg{position:absolute;bottom:0;left:0;width:200%;height:100%;fill:#d4eef0;animation:shoreline 14s linear infinite}.moving-shore svg+svg{fill:var(--paper);height:73%;animation-duration:20s;animation-direction:reverse}.home-page .facts{margin-top:20px}.inner-page .page-head{max-width:none;margin-top:25px;padding:44px;border-radius:28px;background:radial-gradient(circle at 95% 5%,#ffe5a565,transparent 28%),linear-gradient(120deg,#e5f7f9,#eafaf4);position:relative;overflow:hidden}.inner-page .page-head:after{content:'';position:absolute;width:170px;height:170px;border:20px solid #fff6;border-radius:50%;right:-55px;bottom:-65px;pointer-events:none}.inner-page .page-head h1{max-width:850px}.inner-page .page-head p{position:relative;z-index:1}.inner-page .hero-course{background:linear-gradient(110deg,#f0fafb,#fff9e9)}.course-card,.trainer{border-color:#cbe2e6}.course-card img{background:#e9f8fa}.foundation-course img{height:245px;object-fit:cover}.foundation-art{margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--line)}.foundation-art img{width:100%}.course-status{display:inline-block;font-size:13px!important;background:#fff2cc;border-radius:30px;padding:7px 13px;color:#705014;font-weight:700}.course-card .note{font-size:13px;line-height:1.65}.path-row-label{text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#3b6d7e;margin:34px 0 22px}.foundation-path{display:flex;justify-content:center;align-items:center;gap:45px}.foundation-path .path-stop{min-width:190px}.foundation-arrow{color:#82bbc6;font-size:36px}.badge-aqua{background:#b6e6f4}.foundation-note{font-size:12px;line-height:1.8;text-align:center;max-width:750px;margin:24px auto}.learning-ocean .path-row-label+ .learning-path{margin-top:0}.learning-ocean h2,.team-sunshine h2{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:800;letter-spacing:-.05em}.learning-ocean h2 em,.team-sunshine h2 em{font-style:normal;color:var(--ocean)}.learning-ocean h3{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:800}.learning-ocean .path-stop strong{font-family:Arial,sans-serif}.team-mini{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}.team-intro{grid-template-columns:.9fr 1.2fr!important;gap:38px!important}.team-mini img{height:170px!important}.team-mini span.portrait-initials{height:170px;width:100%;padding:0;display:grid;place-items:center;background:linear-gradient(140deg,#d1eaf0,#fff5cf);border:5px solid white;border-radius:100px 100px 22px 22px;font-size:30px;color:#43758b}.team-mini a:nth-child(4){transform:translateY(18px) rotate(3deg)}.team-mini a:nth-child(5){transform:rotate(-3deg)}.team-mini a>span:last-child{font-size:13px}.team-mini a:nth-child(2){transform:translateY(15px) rotate(3deg)}.trainer-initials{height:320px;display:grid;place-items:center;background:linear-gradient(130deg,#c9e8ef,#fff1c6)}.trainer-initials>span{display:grid;place-items:center;height:140px;width:140px;border:2px solid #fff9;background:#fff6;border-radius:50%;font-family:Georgia,serif;font-size:53px;color:#397084}.trainer[id]{scroll-margin-top:110px}.reviews-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.rating-summary{text-align:right}.rating-summary>strong{font-size:35px;letter-spacing:-.04em;line-height:1}.rating-summary strong span{display:block;font-size:17px;letter-spacing:3px;color:#a5680b;margin-top:12px}.rating-summary p{font-size:12px;margin-top:7px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.review-card{margin:0;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff}.review-stars{font-size:17px;letter-spacing:3px;color:#a5680b}.review-card blockquote{font-family:Georgia,serif;font-size:22px;line-height:1.5;margin:20px 0 25px;color:var(--ink)}.review-card figcaption{font-size:13px;font-weight:700}.review-card figcaption span{display:block;font-weight:400;color:var(--muted);font-size:11px;margin-top:4px}.review-source{font-size:11px;line-height:1.8;margin-top:20px}.review-source a{color:var(--ocean)}.quappi-peek{position:relative;height:65px;overflow:hidden;margin-top:10px}.quappi-peek img{width:105px;position:absolute;right:20px;top:0;transform:rotate(-12deg);opacity:.88}.preview-form-note{font-size:12px;padding:12px 16px;background:#fff4d7;border-radius:12px;margin-top:20px}.preview-result{background:#e3f5ed;border:1px solid #9ccdbb;padding:18px;border-radius:14px;font-size:14px;margin-top:18px}.grid-two>*,.grid-three>*,.form-grid>*{min-width:0}.contact-card img{width:100%;max-width:350px}.contact-card a{overflow-wrap:anywhere}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}@keyframes shoreline{from{transform:translateX(0)}to{transform:translateX(-25%)}}
.hero-caption{display:flex;gap:14px;align-items:center;margin-top:30px;font-size:11px;line-height:1.6;color:#426271}.hero-caption a{color:var(--ink);font-weight:700;text-decoration:none}.tiny-portraits{display:flex;padding-left:0}.tiny-portraits img{height:37px;width:37px;border:3px solid #f7fdfb;object-fit:cover;object-position:center 25%;border-radius:50%;margin-left:-8px}.tiny-portraits img:first-child{margin-left:0}.learning-ocean{position:relative;background:#e8f8fa;border-block:1px solid #def0f2}.center-heading{text-align:center;max-width:640px;margin:0 auto 40px}.center-heading p:last-child{margin-top:17px;font-size:15px}.learning-path{display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:18px;padding:12px 0 30px;isolation:isolate}.learning-path:before{content:'';position:absolute;top:51px;left:10%;right:10%;height:0;border-top:3px dashed #87c8d2;z-index:-1}.path-stop{border:0;background:none;padding:0 4px 10px;color:var(--ink);border-radius:16px;transition:transform .2s;min-width:0}.path-stop:hover{transform:translateY(-5px)}.path-stop strong{display:block;font-size:14px;margin-top:15px}.path-stop small{display:block;font-size:11px;color:#557482;margin-top:4px}.badge{height:78px;width:78px;border-radius:50%;margin:0 auto;display:grid;place-items:center;font-size:26px;font-weight:800;border:7px solid #f8ffff;outline:1px solid #a8d1d8;box-shadow:0 6px 0 #b8dce34d;transition:outline .2s,transform .2s}.path-stop[aria-pressed=true] .badge{outline:3px solid var(--ocean);transform:rotate(-8deg)}.badge-coral{background:#ffb399}.badge-bronze{background:#dfb18a}.badge-silver{background:#dce8ec}.badge-gold{background:#ffd257}.badge-teal{background:#8cdbd1}.stage-detail{background:white;border:1px solid #d2eaed;border-radius:22px;padding:25px 30px;display:flex;align-items:center;gap:24px;min-height:142px}.stage-detail h3{font-size:22px;margin-bottom:8px}.stage-detail p{font-size:14px;line-height:1.7}.stage-detail>.button{flex-shrink:0;margin-left:auto;font-size:12px;white-space:nowrap}.stage-icon{font-size:37px;font-weight:800;color:#abcfd5;font-family:'Trebuchet MS',sans-serif}.center-note{max-width:830px;text-align:center;margin:22px auto 0;font-size:12px;line-height:1.8}.team-sunshine{background:#fff4d6}.team-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.team-intro h2{font-size:clamp(2rem,3.3vw,2.9rem)}.team-intro>div>p:not(.eyebrow){font-size:15px;line-height:1.8;margin:22px 0}.team-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:center}.team-mini a{text-decoration:none;position:relative;display:block}.team-mini a:nth-child(2){transform:translateY(26px) rotate(3deg)}.team-mini a:first-child{transform:rotate(-4deg)}.team-mini a:last-child{transform:rotate(-3deg)}.team-mini img{height:240px;width:100%;object-fit:cover;object-position:center 15%;border-radius:100px 100px 22px 22px;border:5px solid white;box-shadow:0 10px 20px #866e0d0c}.team-mini span{display:block;text-align:center;font-weight:800;font-family:'Trebuchet MS',sans-serif;font-size:17px;padding-top:10px}
/* Mobile Ergänzungen, die übrigen Seiten behalten ihre vorhandene Struktur. */
@media(max-width:1000px){.main-nav a{padding-inline:10px}.team-intro{grid-template-columns:1fr!important;gap:30px!important}.team-mini{max-width:650px;margin:auto;width:100%}.stage-detail{padding:23px}.stage-icon{display:none}}
@media(max-width:700px){.preview-bar{justify-content:space-between;font-size:8px;gap:8px}.preview-bar button{font-size:8px;white-space:nowrap}.home-original-hero{padding-bottom:65px}.moving-shore{height:45px}.hero-caption{margin-top:24px!important;font-size:11px!important}.hero-caption .tiny-portraits img{width:34px;height:34px}.google-badge{font-size:11px}.hero-art figcaption{font-size:16px}.inner-page .page-head{padding:30px 23px;border-radius:23px;margin-top:20px}.inner-page .page-head h1{font-size:34px;line-height:1.1;overflow-wrap:break-word}.inner-page .page-head p:not(.eyebrow){font-size:15px;line-height:1.7}.inner-page .hero-grid{grid-template-columns:minmax(0,1fr)}.foundation-course img{height:230px}.foundation-path{gap:10px;justify-content:space-around}.foundation-path .path-stop{min-width:0;flex:1}.foundation-arrow{font-size:25px}.foundation-path .badge{height:60px;width:60px}.foundation-path .path-stop strong{font-size:12px;overflow-wrap:anywhere}.foundation-path .path-stop small{font-size:10px}.foundation-note{font-size:11px}.path-row-label{font-size:9px;line-height:1.7;letter-spacing:.06em;margin-top:25px}.center-heading h2{font-size:33px}.center-heading p:last-child{font-size:14px}.learning-path{gap:0;padding:10px 0 28px}.learning-path:before{top:38px;left:9%;right:9%;border-width:2px}.learning-path .badge{width:49px;height:49px;border-width:4px;font-size:18px}.learning-path .path-stop{padding:2px;min-width:0}.learning-path .path-stop strong{font-size:9px;letter-spacing:-.02em;margin-top:13px}.learning-path .path-stop small{display:none}.stage-detail{display:block;padding:23px;min-height:245px}.stage-detail h3{font-size:22px}.stage-detail p{font-size:14px}.stage-detail>.button{margin-top:18px;font-size:12px}.center-note{font-size:11px}.team-sunshine h2{font-size:32px}.team-intro>div>p:not(.eyebrow){font-size:14px}.team-mini{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 12px!important;padding-bottom:15px}.team-mini img,.team-mini span.portrait-initials{height:150px!important;border-width:4px}.team-mini a:nth-child(n){transform:none}.team-mini a:nth-child(2){transform:translateY(13px)}.team-mini a>span:last-child{font-size:14px}.team-mini span.portrait-initials{font-size:25px}.review-grid{grid-template-columns:minmax(0,1fr)}.reviews-heading{display:block}.reviews-heading h2{font-size:32px}.rating-summary{display:flex;align-items:center;gap:17px;text-align:left;margin-top:20px}.rating-summary>strong{font-size:27px}.rating-summary strong span{font-size:12px;letter-spacing:2px;margin-top:6px}.rating-summary p{font-size:12px}.review-card{padding:25px}.review-card blockquote{font-size:21px}.trainer-initials{height:320px}.inner-page .grid-two,.inner-page .grid-three,.form-grid{grid-template-columns:minmax(0,1fr)}.form-shell{min-width:0}.form-actions .button{white-space:normal}.foundation-art{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Weiche Wellen an den farbigen Abschnittsübergängen. */
.section.tint,.section.learning-ocean,.section.team-sunshine{position:relative;border-block:0;margin-block:42px;--section-water:var(--aqua)}
.section.learning-ocean{--section-water:#e8f8fa}.section.team-sunshine{--section-water:#fff4d6}
.section.tint:before,.section.tint:after,.section.learning-ocean:before,.section.learning-ocean:after,.section.team-sunshine:before,.section.team-sunshine:after{content:"";display:block;position:absolute;left:0;width:100%;height:44px;background:var(--section-water);pointer-events:none;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath d='M0 28 C150 68 300 0 480 24 S770 70 960 28 S1260 0 1440 30 V70 H0Z'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat}
.section.tint:before,.section.learning-ocean:before,.section.team-sunshine:before{top:-43px}
.section.tint:after,.section.learning-ocean:after,.section.team-sunshine:after{bottom:-43px;transform:rotate(180deg)}
.foundation-facts{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:32px}.foundation-facts strong{font-size:25px}.foundation-facts>div+div{padding-left:18px}.foundation-facts span{line-height:1.5}
@media(max-width:850px){.foundation-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.foundation-facts>div+div{border:0;padding-left:0}.foundation-facts strong{font-size:24px}}
@media(max-width:700px){.section.tint,.section.learning-ocean,.section.team-sunshine{margin-block:26px}.section.tint:before,.section.tint:after,.section.learning-ocean:before,.section.learning-ocean:after,.section.team-sunshine:before,.section.team-sunshine:after{height:28px}.section.tint:before,.section.learning-ocean:before,.section.team-sunshine:before{top:-27px}.section.tint:after,.section.learning-ocean:after,.section.team-sunshine:after{bottom:-27px}.foundation-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;gap:24px 18px}.foundation-facts>div:nth-child(n){padding-left:0;border:0}.foundation-facts>div:last-child{grid-column:1/-1}.foundation-facts strong{font-size:25px}}

/* Preisvergleich: Kursblöcke und monatliches Abo. */
.price-comparison-section{padding-top:36px}.pricing-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}.pricing-option{padding:34px;border:1px solid var(--line);border-radius:26px;display:flex;flex-direction:column;min-width:0}.pricing-block{background:#edf9fa}.pricing-subscription{background:#fff7df}.pricing-option h2{font-size:34px;line-height:1.15;letter-spacing:-.035em;min-height:80px}.pricing-option .eyebrow{font-size:11px}.pricing-model{font-size:13px;line-height:1.7;margin-top:14px;color:var(--muted)}.pricing-amount{margin:25px 0 20px}.pricing-amount strong{display:block;font-size:64px;line-height:1.05;letter-spacing:-.055em;color:var(--ink)}.pricing-amount span{display:block;font-size:15px;font-weight:700;margin-top:10px;color:var(--ink)}.pricing-explanation{font-size:15px;line-height:1.7;min-height:78px}.pricing-option .check-list{font-size:15px;line-height:1.7;margin:20px 0}.pricing-course-links{display:grid;gap:10px;margin:8px 0 28px;font-size:13px;font-weight:700}.pricing-option .button{margin-top:auto;text-align:center}.pricing-option .note{font-size:12px;line-height:1.7;margin-top:16px;min-height:42px}
@media(max-width:760px){.pricing-options{grid-template-columns:minmax(0,1fr);gap:24px}.pricing-option{padding:26px 22px;border-radius:23px}.pricing-option h2{font-size:29px;min-height:0}.pricing-amount strong{font-size:56px}.pricing-explanation{min-height:0}.pricing-option .note{min-height:0}.pricing-option .button{font-size:13px;padding-inline:14px}.price-comparison-section{padding-top:26px}}

.foundation-course img{height:210px;aspect-ratio:4/3}.lesson-duration>div{width:100%}
@media(max-width:700px){.foundation-course img{height:190px}}
/* Quappis Kursfinder */
.finder-invitation{margin:30px 0 0;padding:28px 32px;background:#fff5d9;border:1px solid #f0e4c2;border-radius:24px;display:flex;align-items:center;gap:28px;justify-content:space-between}.finder-invitation h2{font-size:27px}.finder-invitation p:not(.eyebrow){font-size:14px;margin-top:12px}.finder-invitation .eyebrow{margin-bottom:10px}.finder-invitation>.button{flex-shrink:0}.finder-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:38px;align-items:start}.finder-shell{background:#eff9fa;border:1px solid var(--line);border-radius:26px;padding:32px;min-width:0}.finder-progress{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:25px}.finder-progress>span:first-child{font-weight:800;color:var(--ocean)}#finder-panel{scroll-margin-top:25px}#finder-panel:focus{outline:none}#finder-panel:focus-visible{outline:2px solid var(--ocean);outline-offset:8px;border-radius:12px}.finder-shell fieldset{border:0;padding:0;margin:0;min-width:0}.finder-shell legend,.finder-shell h2{font-family:Georgia,serif;font-size:30px;line-height:1.2;font-weight:400;color:var(--ink);margin-bottom:16px}.finder-help,.finder-result-copy{font-size:15px;line-height:1.75;margin:0 0 22px}.finder-choices{display:grid;gap:12px}.finder-choice{display:flex;align-items:center;gap:13px;background:white;border:1px solid #bfdce2;border-radius:14px;padding:16px;cursor:pointer;font-size:15px;line-height:1.5}.finder-choice:has(input:checked){border-color:var(--ocean);background:#dcf2f5;box-shadow:inset 0 0 0 1px var(--ocean)}.finder-choice input{width:19px;height:19px;accent-color:var(--ocean);flex-shrink:0;margin:0}.finder-choice:focus-within{outline:2px solid var(--ocean);outline-offset:3px}.finder-controls{display:flex;justify-content:space-between;gap:15px;margin-top:28px}.finder-controls>button:last-child{margin-left:auto}.finder-controls [hidden],.finder-reset[hidden]{display:none}.finder-controls button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.finder-reset{font-size:12px;background:none;border:0;text-decoration:underline;color:var(--muted);padding:0;margin-top:23px;cursor:pointer}.finder-aside img{width:100%;border-radius:22px;margin-bottom:24px}.finder-aside h2{font-size:27px}.finder-aside p{font-size:14px;line-height:1.8;margin:17px 0}.finder-result-price{font-weight:800;font-size:16px;color:var(--ink);margin:22px 0 10px}.finder-disclaimer{font-size:12px;line-height:1.8;margin-top:24px;color:var(--muted)}.finder-shell details{margin-top:23px;font-size:13px}.finder-shell details summary{cursor:pointer;font-weight:700}.finder-shell details li{margin-top:12px}.finder-shell .actions{gap:18px}
@media(max-width:800px){.finder-layout{grid-template-columns:minmax(0,1fr)}.finder-aside{max-width:550px}.finder-invitation{display:block;padding:24px}.finder-invitation>.button{margin-top:22px}}
@media(max-width:700px){.finder-shell{padding:25px 20px;border-radius:22px}.finder-shell legend,.finder-shell h2{font-size:27px}.finder-help,.finder-result-copy{font-size:14px}.finder-choice{font-size:14px;padding:15px 13px}.finder-progress>span:last-child{font-size:10px}.finder-controls .button{font-size:13px;padding:12px 18px}.finder-invitation h2{font-size:26px}.finder-shell .actions .button{font-size:13px;white-space:normal}.finder-result-price{font-size:15px}}
.course-card img{object-position:center 30%}

.finder-page .mobile-contact{display:none}

/* Gruppenmotive vollständig zeigen, damit alle Eltern-Kind-Paare sichtbar bleiben. */
.course-card img[src$="-quappi-gruppe.png"]{height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;background:#e8f8fa}
.foundation-group-hero .hero-art img{aspect-ratio:4/3;object-fit:contain;max-height:none;height:auto}
@media(max-width:700px){.foundation-group-hero .hero-art img{aspect-ratio:4/3;max-height:none}.foundation-group-hero .hero-copy h1{font-size:clamp(2.2rem,9.7vw,3rem)}}

/* Elternverständliche Einblicke in die Grundlagenkonzepte. */
.concept-intro p,.lesson-preview>div>p,.next-water-step p{margin-top:19px}.concept-intro h2{font-size:clamp(28px,3.2vw,43px)}.concept-intro>div{min-width:0}.course-care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.course-care-grid article{padding-top:20px;border-top:1px solid #a9d6dc}.course-care-grid article>span{font-size:12px;font-weight:700;color:var(--ocean)}.course-care-grid h3{font-size:24px;margin:14px 0}.course-care-grid p{font-size:15px;line-height:1.8}.course-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}.course-journey li{position:relative;background:#f4faf9;border:1px solid var(--line);border-radius:19px;padding:24px 20px;min-width:0}.course-journey li:nth-child(3n+2){background:#fff8e6}.course-journey li:nth-child(3n){background:#edf7fb}.journey-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:white;border:1px solid var(--line);font-weight:700;color:var(--ocean);font-size:13px;margin-bottom:23px}.course-journey .journey-skill{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);line-height:1.6;margin-bottom:9px}.course-journey h3{font-size:23px;line-height:1.2;margin-bottom:16px}.course-journey li>p:last-child{font-size:14px;line-height:1.8}.journey-note{font-size:13px;line-height:1.9;max-width:850px;margin:23px 0 0}.lesson-preview{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.lesson-moments{list-style:none;margin:0;padding:0;display:grid;gap:24px}.lesson-moments li{display:flex;gap:18px;align-items:start}.lesson-moments li>span{height:36px;width:36px;flex-shrink:0;background:white;border-radius:50%;display:grid;place-items:center;color:var(--ocean);font-weight:700}.lesson-moments h3{font-size:23px;margin-bottom:9px}.lesson-moments p{font-size:14px;line-height:1.8}.next-water-step{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center}.next-water-step .note{font-size:12px}.next-water-step>div>.text-link{display:inline-block;margin-top:22px}.next-water-actions{display:flex;align-items:center;flex-direction:column;gap:20px}
@media(max-width:1000px){.course-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-preview{gap:30px}.course-care-grid{gap:20px}}
@media(max-width:700px){.course-care-grid,.lesson-preview,.next-water-step{grid-template-columns:minmax(0,1fr)}.course-care-grid{gap:26px}.course-care-grid h3{font-size:23px}.course-journey{gap:12px}.course-journey li{padding:20px 15px}.course-journey h3{font-size:21px;overflow-wrap:anywhere}.course-journey li>p:last-child{font-size:13px}.course-journey .journey-skill{font-size:9px}.journey-number{margin-bottom:16px}.lesson-preview{gap:32px}.next-water-step{gap:25px}.next-water-actions{align-items:flex-start}.next-water-actions .button{font-size:13px}.concept-intro p,.lesson-preview>div>p,.next-water-step p{font-size:15px;line-height:1.8}}
@media(max-width:380px){.course-journey{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.course-journey{grid-template-columns:minmax(0,1fr);gap:14px}.course-journey li{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px;padding:23px 20px;align-items:start}.course-journey .journey-number{grid-row:1/4;margin:0}.course-journey .journey-skill,.course-journey h3,.course-journey li>p:last-child{grid-column:2}.course-journey h3{overflow-wrap:normal;font-size:23px;margin-bottom:12px}.course-journey .journey-skill{font-size:10px}.course-journey li>p:last-child{font-size:14px}}

/* Wasserreise: geschwungene Flussfahrt mit Quappi und acht lesbaren Stationen. */
.hero-course{position:relative;isolation:isolate;overflow:hidden;padding-bottom:100px}.hero-course>.hero-grid{position:relative;z-index:2}.hero-course>.moving-shore{z-index:1}
.water-route{position:relative;margin:24px 0 0;isolation:isolate}.water-route-map{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.route-bank{fill:none;stroke:#edf8f3;stroke-width:100;stroke-linecap:round}.route-river{fill:none;stroke:#ccebee;stroke-width:70;stroke-linecap:round;stroke-linejoin:round}.route-current{fill:none;stroke:#74bac9;stroke-width:2;stroke-dasharray:4 11;stroke-linecap:round;animation:river-current 15s linear infinite}.water-route-map-mobile{display:none}
.water-route-stops{list-style:none;padding:0;margin:0;position:relative;height:640px}.water-route-stops li{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;width:21%;min-width:0;transform:translateX(-50%);padding:0}.route-buoy{display:grid;place-items:center;width:54px;height:54px;border:6px solid #fffefa;border-radius:50%;background:var(--ocean);color:white;font-size:16px;font-weight:800;box-shadow:0 3px 0 #a7d0d7;flex-shrink:0;transition:transform .25s}.water-route-stops li:hover .route-buoy{transform:translateY(-4px) rotate(-7deg)}.water-route-stops h3{font-size:clamp(18px,2vw,23px);line-height:1.25;margin:12px 0 0;max-width:210px;background:#fff0ce;border-radius:16px;padding:6px 10px}.water-route-stops li:nth-child(1){left:8%;top:73px}.water-route-stops li:nth-child(2){left:32%;top:43px}.water-route-stops li:nth-child(3){left:57%;top:153px}.water-route-stops li:nth-child(4){left:86%;top:73px}.water-route-stops li:nth-child(5){left:88%;top:333px}.water-route-stops li:nth-child(6){left:62%;top:443px}.water-route-stops li:nth-child(7){left:34%;top:353px}.water-route-stops li:nth-child(8){left:10%;top:473px}.water-route-stops li:last-child .route-buoy{background:#edc760;color:var(--ink)}
.route-scenery{position:absolute;inset:0;pointer-events:none;z-index:1}.route-quappi{position:absolute;display:block;width:160px;height:160px;background-image:url('quappi-wasserreise-mit-beinen-v2.png');background-size:300% 100%;background-repeat:no-repeat;filter:drop-shadow(0 5px 3px #17617913)}.route-swimmer{left:12%;top:28%;background-position:0 0;animation:quappi-river-swim 7s ease-in-out infinite}.route-jumper{left:69%;top:28%;background-position:50% 0;animation:quappi-river-jump 6s ease-in-out infinite}.route-floater{left:40%;top:75%;background-position:100% 0;animation:quappi-river-float 8s ease-in-out infinite}.route-finish{position:absolute;width:55px;height:68px;left:17%;top:66%;transform:rotate(9deg)}.route-lily{position:absolute;width:34px;height:29px;border-radius:50%;background:conic-gradient(from 15deg,transparent 0 32deg,#aed7be 33deg 360deg);transform:rotate(-20deg)}.lily-one{left:40%;top:14%}.lily-two{left:84%;top:77%;transform:rotate(40deg) scale(.8)}.route-bubbles{position:absolute;width:9px;height:9px;border:2px solid #9acbd6;border-radius:50%;box-shadow:16px -15px 0 -1px #fffefa,16px -15px 0 1px #a9d5de,5px -30px 0 -2px #bcdfe4}.bubbles-one{left:31%;top:44%}.bubbles-two{left:72%;top:80%}
@keyframes river-current{to{stroke-dashoffset:-150}}@keyframes quappi-river-swim{0%,100%{transform:translate(0,2px) rotate(-5deg)}50%{transform:translate(25px,-9px) rotate(4deg)}}@keyframes quappi-river-jump{0%,75%,100%{transform:translateY(8px) rotate(5deg)}35%{transform:translateY(-15px) rotate(-9deg)}}@keyframes quappi-river-float{0%,100%{transform:translate(0,0) rotate(3deg)}50%{transform:translate(-15px,8px) rotate(-4deg)}}
@media(max-width:1000px) and (min-width:701px){.route-quappi{width:125px;height:125px}.water-route-stops h3{font-size:19px}.water-route-stops li{width:23%}.route-swimmer{left:10%}.route-floater{left:29%;top:80%}}
@media(max-width:700px){.hero-course{padding-bottom:70px}.water-route{margin:10px 0 0}.water-route-map{display:none}.water-route-map-mobile{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.water-route-map-mobile .route-bank{stroke-width:105}.water-route-map-mobile .route-river{stroke-width:70}.water-route-map-mobile .route-current{stroke-width:4;stroke-dasharray:9 25}.water-route-stops{height:1480px;display:block}.water-route-stops li{width:46%;transform:translateX(-50%)}.water-route-stops li:nth-child(odd){left:24%}.water-route-stops li:nth-child(even){left:76%}.water-route-stops li:nth-child(1){top:55px}.water-route-stops li:nth-child(2){top:235px}.water-route-stops li:nth-child(3){top:415px}.water-route-stops li:nth-child(4){top:595px}.water-route-stops li:nth-child(5){top:775px}.water-route-stops li:nth-child(6){top:955px}.water-route-stops li:nth-child(7){top:1135px}.water-route-stops li:nth-child(8){top:1315px}.route-buoy{width:50px;height:50px;border-width:5px}.water-route-stops h3{font-size:20px;line-height:1.25;margin:10px 0 0;padding:5px;max-width:100%;overflow-wrap:normal;hyphens:auto}.route-quappi{width:115px;height:115px}.route-swimmer{left:62%;top:5%;animation-name:quappi-river-float}.route-jumper{left:0;top:36%}.route-floater{left:3%;top:67%}.route-finish{width:45px;height:60px;left:45%;top:86%}.lily-one{left:8%;top:63%}.lily-two{left:85%;top:41%}.bubbles-one{left:12%;top:28%}.bubbles-two{left:81%;top:82%}}
@media(prefers-reduced-motion:reduce){.water-route .route-current,.water-route .route-quappi{animation:none}.water-route-stops li:hover .route-buoy{transform:none}.route-buoy{transition:none}}

/* Mobile Überarbeitung 28.10.2026: Angebote und Bilddateien unverändert. */
.mobile-contact[hidden]{display:none!important}
.motion-control{border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;padding:12px 16px;min-height:44px;margin:20px 0 0;cursor:pointer;font:inherit;font-size:13px}
.mobile-disclosure>summary{display:none}
.mobile-disclosure .lesson-preview{width:100%}
@media(max-width:700px){
 .site-header .header-cta{display:none}
 .section{padding-block:42px}
 .section-heading{margin-bottom:28px}
 .course-care-grid{gap:18px}.course-care-grid article{padding-top:14px}.course-care-grid h3{margin:10px 0}
 .learning-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}
 .learning-path:before{display:none}
 .learning-path .path-stop strong{font-size:13px;letter-spacing:0}
 .foundation-path .path-stop strong{font-size:14px;hyphens:auto;overflow-wrap:normal}
 .foundation-path .path-stop small{font-size:12px}
 .path-row-label{font-size:12px}.foundation-note,.center-note{font-size:13px}
 .review-card{padding:20px}.team-intro{gap:24px!important}
 .mobile-disclosure>summary{display:list-item;font-size:20px;line-height:1.4;font-weight:700;cursor:pointer;padding:12px 0;min-height:48px}
 .mobile-disclosure[open]>.lesson-preview{margin-top:24px}
 .finder-page .page-head{padding:20px;margin-top:12px}
 .finder-page .page-head h1{font-size:29px}.finder-page .page-head p:not(.eyebrow){line-height:1.5;margin-top:12px}
 .finder-page .section{padding-block:24px}
 .finder-shell{padding:20px}.finder-progress{padding-bottom:12px;margin-bottom:18px}
 .finder-progress>span:last-child{display:none}
 .finder-help{line-height:1.55;margin-bottom:16px}.finder-choices{gap:9px}.finder-choice{padding:12px;min-height:48px}
 .finder-controls{margin-top:18px}
 .water-route-stops{height:1184px}
 .water-route-stops li:nth-child(1){top:39px}.water-route-stops li:nth-child(2){top:183px}
 .water-route-stops li:nth-child(3){top:327px}.water-route-stops li:nth-child(4){top:471px}
 .water-route-stops li:nth-child(5){top:615px}.water-route-stops li:nth-child(6){top:759px}
 .water-route-stops li:nth-child(7){top:903px}.water-route-stops li:nth-child(8){top:1047px}
 .route-quappi{width:95px;height:95px}.route-jumper{top:40%}
}
@media(max-width:360px){.water-route-stops h3{font-size:18px}}

/* Einheitliche Schriftrollen und direkte Kursnavigation, 28.10.2026. */
:root{--font-text:Arial,Helvetica,sans-serif;--font-heading:Georgia,'Times New Roman',serif}
body,button,input,select,textarea{font-family:var(--font-text)}
h1,h2,.learning-ocean h2,.team-sunshine h2,.finder-shell h2,.finder-shell legend{font-family:var(--font-heading);font-weight:500;letter-spacing:-.035em}
h3,.learning-ocean h3,.team-mini span,.learning-ocean .path-stop strong{font-family:var(--font-text)}
.hero-art figcaption,.section-foot p,.review-card blockquote,.tracker-card strong,.trainer-initials>span{font-family:var(--font-heading)}
.path-stop{text-decoration:none;color:var(--ink);border-radius:16px}
.path-stop:focus-visible{outline:3px solid var(--ocean);outline-offset:5px}
.path-link-hint{display:block;font-size:12px;font-weight:700;color:var(--ocean);margin-top:10px;text-decoration:underline;text-underline-offset:3px}
.path-stop:hover .path-link-hint{text-decoration-thickness:2px}
@media(max-width:700px){.path-link-hint{font-size:12px;min-height:24px}.learning-ocean h2,.team-sunshine h2{letter-spacing:-.035em}}

/* Anfrage jederzeit im mobilen Kopf erreichbar, 28.10.2026. */
@media(max-width:700px){
 .site-header .brand span{display:block}
 .site-header .brand small{display:none}
 .site-header .header-cta{display:inline-flex;align-items:center;justify-content:center}
 .mobile-contact{display:none!important}
 body{padding-bottom:0}
}

@media(max-width:360px){.site-header .header-inner{padding:10px;gap:6px}.site-header .brand{font-size:15px;gap:4px}.site-header .brand img{width:30px;height:30px}.site-header .header-cta,.site-header .menu-toggle{padding-inline:10px}}