/* Figtree aus dem Onepage-Schriftenlager (statt Google Fonts) */
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(https://onecdn.io/font-storage/figtree/figtree-regular.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(https://onecdn.io/font-storage/figtree/figtree-500.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(https://onecdn.io/font-storage/figtree/figtree-600.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url(https://onecdn.io/font-storage/figtree/figtree-700.woff2) format('woff2')}
/* css/r19.css */
@font-face{font-family:'Smart Stuff KL';src:url(https://onecdn.io/media/smartstuff-kl-9d1cd5ff-31e4-4bf3-9fd6-dd45acfc56d9.txt) format('woff2');font-display:block}
@font-face{font-family:'Tidy Notes KL';src:url(https://onecdn.io/media/tidynotes-d90f6ff3-4f1b-4b91-9aa4-19a0a133e7b1.txt) format('woff2');font-display:block}
:root{
  --muschel:#F7F2EB; --rosenbluete:#E9C9C6; --altrosa:#CDA4AC; --salbei:#C4CCB0; --sand:#E9E0D3;
  --aubergine:#472E3C; --tief:#A87F8A; --max:1180px; --u:1vw;
  --head:'Smart Stuff KL',cursive; --hand:'Tidy Notes KL',Figtree,sans-serif;
  --body:Figtree,system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--muschel);color:var(--aubergine);font-family:var(--body);-webkit-font-smoothing:antialiased}
.seite{overflow-x:clip}
footer{overflow:clip}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin-top:0}
img{max-width:100%}
.wrap{width:min(calc(100% - 80px),var(--max));margin-inline:auto}
:focus-visible{outline:2px solid var(--aubergine);outline-offset:5px}


.lg{display:block;position:relative;flex-shrink:0;width:calc(var(--lw)*1px*var(--s));height:calc(var(--lh)*1px*var(--s))}
.lg-in{position:absolute;left:0;top:0;transform-origin:0 0;transform:scale(var(--s)) translate(var(--tx,0px),-34px)}


.aq-feld{position:absolute;inset:0;z-index:-1;pointer-events:none}
.aq{position:absolute;pointer-events:none;user-select:none;mix-blend-mode:multiply;max-width:none}
.figur19{position:absolute;pointer-events:none;user-select:none;max-width:none;opacity:.92}


.site-top{position:absolute;inset:0 0 auto;z-index:100;height:125px;display:flex;align-items:center}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:block;flex:none;width:182px;height:94px}
.brand img{width:100%;height:100%;object-fit:contain}
.navigation{display:flex;align-items:center;gap:34px}
.navigation a:not(.nav-cta){font-size:15px;letter-spacing:.015em;color:#503744;position:relative;white-space:nowrap}
.navigation a:not(.nav-cta)::after{content:"";height:1px;left:0;right:100%;background:#ad8390;position:absolute;bottom:-6px;transition:right .25s}
.navigation a:not(.nav-cta):hover::after{right:0}
.nav-cta{display:flex;align-items:center;gap:13px;padding:14px 20px;background:rgba(255,255,255,.44);border:1px solid rgba(103,67,76,.15);border-radius:100px;font-size:15px;white-space:nowrap;transition:background .2s}
.nav-cta:hover{background:rgba(255,255,255,.75)}
.mobile-trigger{display:none;border:0;background:transparent;cursor:pointer;width:44px;height:44px;padding:11px 9px;flex-direction:column;justify-content:space-between}
.mobile-trigger span{display:block;height:1.5px;background:var(--aubergine);border-radius:2px}


.eyebrow,.story-number,.place-label,.principles span,.scroll-sign,.side-note{font-family:var(--hand);font-weight:400;letter-spacing:.09em;color:#533B4A}
.eyebrow,.story-number{font-size:17px;text-transform:uppercase}


.hero{position:relative;min-height:1000px;display:flex;align-items:center;isolation:isolate}
.hero .aq-feld{bottom:-170px;-webkit-mask-image:linear-gradient(black 60%,transparent);mask-image:linear-gradient(black 60%,transparent)}
.hero-content{position:relative;padding-top:160px;padding-bottom:130px;display:grid;grid-template-columns:minmax(0,920px) 1fr;align-items:center;gap:20px}
.hero h1{font-family:var(--head);font-weight:400;font-size:clamp(76px,7.7vw,116px);line-height:1.15;max-width:1000px;margin:28px 0 38px}
.hero h1 .h1-klein{font-size:.82em;letter-spacing:-.015em}
.lead{font-size:22px;line-height:1.75;color:#4B3541;max-width:660px}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:35px;position:relative;z-index:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:17px 25px;border-radius:40px;background:var(--altrosa);color:var(--aubergine);font-size:15px;font-weight:600;transition:transform .25s,background .25s}
.btn:hover{transform:translateY(-2px);background:var(--rosenbluete)}
.text-link{display:inline-flex;align-items:center;gap:9px;font-size:15px;border-bottom:1px solid #b99ba4;padding:7px 0}
.side-note{position:relative;align-self:end;justify-self:end;max-width:230px;margin:0;padding:0 0 25px;font-size:25px;line-height:1.55;letter-spacing:.01em}
.hero-dandelion{position:absolute;right:-5px;top:68px;width:470px;height:610px;z-index:-1;background:url(https://onecdn.io/media/e9be7780-bc3b-46e6-aa7a-7f5950dfc644/full) center/contain no-repeat;opacity:.58;transform:rotate(-5deg);pointer-events:none;-webkit-mask-image:linear-gradient(black 70%,transparent);mask-image:linear-gradient(black 70%,transparent)}
.scroll-sign{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:10px;font-size:14px;text-transform:uppercase}
.scroll-sign span{width:1px;height:30px;background:linear-gradient(#bd92a0,transparent)}


.kapitel,.end-cta,footer{position:relative;isolation:isolate}
h2{font-family:var(--head);font-weight:400;font-size:clamp(60px,6.2vw,94px);line-height:1.18;letter-spacing:-.01em}
.para{font-size:20px;line-height:1.85;color:#4B3541;max-width:740px}
.story-number{display:flex;justify-content:center;align-items:center;gap:12px}
.story-number::before,.story-number::after{content:"";width:34px;height:1px;background:#d8bdc5}
.opening{padding:145px 0 130px;text-align:center}
.opening h2{max-width:1050px;margin:26px auto 25px}
.opening .para{margin-inline:auto}

.worlds{padding:70px 0 135px}
.section-top{display:flex;gap:50px;justify-content:space-between;align-items:end;margin-bottom:70px}
.section-top h2{max-width:710px;margin:20px 0 0}
.section-top .para{max-width:370px;margin:0 0 10px}
.world-feature{padding:35px 0}
.world-feature>.lg{margin:0 0 26px}
.world-feature>p{max-width:740px;font-size:20px;line-height:1.85;color:#4B3541}


.mini-worlds{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:46px}
.karte{display:block;text-align:center;border-bottom:1px solid var(--altrosa);padding-bottom:18px;cursor:pointer}
.karte-dreh{position:relative;display:block;aspect-ratio:3/2;perspective:1200px}
.karte-in{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.2,1)}
.karte:hover .karte-in,.karte:focus-visible .karte-in,.karte.gedreht .karte-in{transform:rotateY(180deg)}
.karte-vorn,.karte-hinten{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.karte-hinten{transform:rotateY(180deg)}
.karte-hinten img{width:100%;height:100%;object-fit:cover;display:block}
.karte-hinten img[src*="vorlesen"]{object-position:50% 30%}
.karte .lg-minikita{left:calc(var(--s)*39px)}.karte .lg-spielgruppe{left:calc(var(--s)*12px)}
.karte .lg-wald{left:calc(var(--s)*13px)}.karte .lg-natur{left:calc(var(--s)*15px)}
.same{position:absolute;height:auto;aspect-ratio:62/92;color:var(--tief);transform:rotate(var(--r,0deg));animation:schweben 14s ease-in-out infinite}
@keyframes schweben{0%,100%{translate:0 0}50%{translate:6px -10px}}
.karte-zeile{display:block;margin-top:14px;font-size:16px;color:#4B3541}

.two-worlds{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:70px}
.place{position:relative;isolation:isolate;min-height:420px;padding:45px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}
.place .aq{z-index:-1}
.place-label{font-size:16px;text-transform:uppercase}
.place h3{font-family:var(--head);font-weight:400;font-size:72px;line-height:1.16;margin:18px 0}
.place p{font-size:19px;line-height:1.8;color:#4B3541;max-width:420px}
.place .vorbehalt{font-size:16px}
.place a{padding-bottom:5px;border-bottom:1px solid currentColor;font-size:15px}

.belief{padding:170px 0 180px;text-align:center}

.zitat,.future-quote{margin:0}
.zitat blockquote,.future-quote blockquote{margin:0}
figcaption{font-family:var(--hand);font-size:17px;letter-spacing:.09em;text-transform:uppercase;color:#533B4A;margin-top:18px}
.belief blockquote{font-family:var(--head);font-weight:400;font-size:clamp(54px,5.6vw,84px);line-height:1.2;max-width:1050px;margin:30px auto 0}
.belief .para{margin:30px auto}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;text-align:left;margin:70px 0}
.principles article{border-top:1px solid var(--tief);padding-top:24px}
.principles span{font-size:16px;text-transform:uppercase}
.principles h3{font-family:var(--head);font-weight:400;font-size:47px;line-height:1.2;margin:24px 0 18px}
.principles p{font-size:19px;line-height:1.8;color:#4B3541}

.future{padding:135px 0 150px}
.future-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px}
.future h2{margin:26px 0}
.future p{font-size:20px;line-height:1.85;color:#4B3541;max-width:530px}
.future-quote{max-width:470px;margin-inline:auto;text-align:center;padding:50px 0}
.future-quote blockquote{font-family:var(--head);font-size:clamp(40px,3.8vw,58px);line-height:1.3}

.end-cta{text-align:center;padding:130px 20px}
.end-cta h2{max-width:1050px;margin:28px auto}
.end-cta .para{margin:0 auto 30px}

footer{padding:60px 0 34px}
.footer-row{display:flex;justify-content:space-between;align-items:flex-start;gap:50px}
footer img{width:185px}
footer p,footer a{font-size:13px;line-height:2;color:#4B3541}
footer a{text-decoration:underline;text-underline-offset:3px}
.footer-links{display:flex;gap:24px;flex-wrap:wrap}
.bottomline{border-top:1px solid rgba(71,46,60,.14);padding-top:22px;margin-top:42px;color:#4B3541;font-size:12px;letter-spacing:.03em;display:flex;justify-content:space-between;gap:30px}

@media(max-width:980px){
  .wrap{width:min(calc(100% - 54px),var(--max))}
  .navigation{gap:14px}.navigation a:not(.nav-cta){font-size:13px}
  .hero-content{grid-template-columns:minmax(0,1fr) 160px}.hero h1{font-size:clamp(70px,8vw,96px)}
  .hero-dandelion{width:370px;height:510px;right:-10px;top:100px;opacity:.55}
  .two-worlds{gap:18px}.place{padding:40px 28px}.place h3{font-size:62px}.future-grid{gap:50px}
  .mini-worlds{gap:12px}
}
@media(max-width:740px){
  :root{--u:2.3vw}
  .wrap{width:min(calc(100% - 42px),var(--max))}
  .site-top{height:99px}.brand{width:145px;height:78px}
  .mobile-trigger{display:flex}
  .navigation{display:none;position:absolute;top:91px;left:20px;right:20px;flex-direction:column;align-items:stretch;background:#FAF5F0;padding:25px;border-radius:25px;box-shadow:0 15px 40px rgba(57,32,50,.13);gap:19px}
  .navigation.is-open{display:flex}
  .hero{min-height:0}.hero-content{display:block;padding-top:145px;padding-bottom:100px}
  .hero h1{font-size:clamp(55px,11.2vw,79px);line-height:1.18;overflow-wrap:break-word}.hero h1 .h1-klein{font-size:.86em}
  .lead{font-size:19px;line-height:1.8}
  
  .side-note{margin:40px 0 0;max-width:210px;text-align:left;font-size:22px;justify-self:start}
  .story-number{font-size:15px}.story-number::before,.story-number::after{width:18px}
  .bottomline span{display:block}
  
  .mini-worlds{grid-template-columns:1fr}.karte-dreh{aspect-ratio:2/1}
  .hero-dandelion{width:230px;height:300px;right:-60px;top:auto;bottom:10px;opacity:.4}
  .scroll-sign{bottom:15px}
  .para,.world-feature>p,.future p{font-size:18px}
  h2{font-size:clamp(46px,9vw,66px)}
  .opening{padding:100px 0 90px}
  .worlds{padding:50px 0 90px}.section-top{display:block;margin-bottom:40px}.section-top .para{margin-top:27px}
  .mini-worlds{gap:22px;margin-top:30px}
  .karte-zeile{font-size:14px}
  .two-worlds{grid-template-columns:1fr;gap:15px;margin-top:40px}.place{min-height:0;padding:42px 0 36px}.place h3{font-size:57px}
  .place p,.principles p{font-size:18px}
  .belief{padding:100px 0 108px}.belief blockquote{font-size:clamp(40px,9vw,60px)}
  .principles{grid-template-columns:1fr;gap:30px}.principles h3{font-size:43px}
  .future{padding:90px 0}.future-grid{grid-template-columns:1fr;gap:30px}.future-quote{padding:20px 0;max-width:340px}.future-quote blockquote{font-size:38px}
  .end-cta{padding:100px 22px}
  .footer-row{display:block}.footer-links{margin-top:22px}.bottomline{display:block;line-height:2}
  .figur19{opacity:.75}
}


.seite{position:relative;isolation:isolate;background:
 radial-gradient(ellipse 55% 15% at -12% 6%,#CDA4AC 0%,#CDA4ACCC 24%,#E9C9C680 48%,transparent 85%),
 radial-gradient(ellipse 56% 17% at 112% 17%,#C4CCB0 0%,#C4CCB0E6 25%,#C4CCB080 51%,transparent 85%),
 radial-gradient(ellipse 54% 15% at -12% 24%,#E9C9C6 0%,#CDA4ACBF 24%,#E9C9C680 51%,transparent 85%),
 radial-gradient(ellipse 56% 18% at 112% 56%,#C4CCB0 0%,#C4CCB0E6 26%,#C4CCB080 52%,transparent 85%),
 radial-gradient(ellipse 55% 20% at -12% 69%,#CDA4AC 0%,#CDA4ACCC 25%,#E9C9C680 52%,transparent 85%),
 radial-gradient(ellipse 55% 18% at 112% 85%,#E9C9C6 0%,#CDA4ACBF 25%,#E9C9C680 52%,transparent 85%),
 radial-gradient(ellipse 54% 15% at -12% 98%,#C4CCB0 0%,#C4CCB0CC 25%,#C4CCB080 52%,transparent 85%)}
.seite::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url(https://onecdn.io/media/5d38ad06-0587-455d-bfbf-41eea6ee1a52/full) 0 0/100% 100%;
 mix-blend-mode:soft-light;-webkit-mask-image:radial-gradient(ellipse 55% 15% at -12% 6%,#000 0%,rgba(0,0,0,.8) 24%,rgba(0,0,0,.5) 48%,transparent 85%),radial-gradient(ellipse 56% 17% at 112% 17%,#000 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.5) 51%,transparent 85%),radial-gradient(ellipse 54% 15% at -12% 24%,#000 0%,rgba(0,0,0,.8) 24%,rgba(0,0,0,.5) 51%,transparent 85%),radial-gradient(ellipse 56% 18% at 112% 56%,#000 0%,rgba(0,0,0,.8) 26%,rgba(0,0,0,.5) 52%,transparent 85%),radial-gradient(ellipse 55% 20% at -12% 69%,#000 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.5) 52%,transparent 85%),radial-gradient(ellipse 55% 18% at 112% 85%,#000 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.5) 52%,transparent 85%),radial-gradient(ellipse 54% 15% at -12% 98%,#000 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.5) 52%,transparent 85%);mask-image:radial-gradient(ellipse 55% 15% at -12% 6%,#000 0%,rgba(0,0,0,.8) 24%,rgba(0,0,0,.5) 48%,transparent 85%),radial-gradient(ellipse 56% 17% at 112% 17%,#000 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.5) 51%,transparent 85%),radial-gradient(ellipse 54% 15% at -12% 24%,#000 0%,rgba(0,0,0,.8) 24%,rgba(0,0,0,.5) 51%,transparent 85%),radial-gradient(ellipse 56% 18% at 112% 56%,#000 0%,rgba(0,0,0,.8) 26%,rgba(0,0,0,.5) 52%,transparent 85%),radial-gradient(ellipse 55% 20% at -12% 69%,#000 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.5) 52%,transparent 85%),radial-gradient(ellipse 55% 18% at 112% 85%,#000 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.5) 52%,transparent 85%),radial-gradient(ellipse 54% 15% at -12% 98%,#000 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.5) 52%,transparent 85%)}
.hero .aq-feld{filter:saturate(1.35) contrast(1.08)}
.rand-zeichen{position:absolute;inset:0;pointer-events:none;--z:340px}
.rand-zeichen img{position:absolute;width:auto;transform:translateY(-50%);opacity:.92;max-width:none}
.rand-zeichen img{height:calc(var(--h)*1px)}

.rand-zeichen .zeichen-mk{right:-70px}
.rand-zeichen .zeichen-sg{right:-60px}
.rand-zeichen .zeichen-wa{right:-45px}
.rand-zeichen .zeichen-na{left:-110px}

.place::before{content:"";position:absolute;inset:-35px -25px;z-index:-1;filter:blur(45px);opacity:.5;
 -webkit-mask-image:radial-gradient(ellipse,#000 12%,transparent 72%);mask-image:radial-gradient(ellipse,#000 12%,transparent 72%)}
.place.akademie::before{background:var(--sand)}.place.nova::before{background:var(--salbei)}


.btn{background:url(https://onecdn.io/media/39d503d6-9cd4-4cb6-9068-f3d26ff84e71/full) center/100% 100% no-repeat;border-radius:0;padding:26px 52px 28px;
 font-family:var(--head);font-weight:400;font-size:36px;line-height:1;gap:16px}
.btn:hover{background-color:transparent;transform:translateY(-2px);filter:saturate(1.25) brightness(.97)}
.btn span{font-family:var(--body);font-size:18px}
.nav-cta{background:url(https://onecdn.io/media/39d503d6-9cd4-4cb6-9068-f3d26ff84e71/full) center/100% 100% no-repeat;border:0;border-radius:0;padding:14px 26px 15px;
 font-family:var(--head);font-size:27px;line-height:1}
.nav-cta:hover{background-color:transparent;filter:saturate(1.25) brightness(.97)}
@media(max-width:740px){
  
  .seite{background:
  radial-gradient(ellipse 95% 5.5% at -12% 6%,#CDA4AC 0%,#CDA4ACCC 24%,#E9C9C680 48%,transparent 85%),
  radial-gradient(ellipse 95% 5.5% at 112% 13%,#C4CCB0 0%,#C4CCB0E6 25%,#C4CCB080 51%,transparent 85%),
  radial-gradient(ellipse 95% 6% at -12% 22%,#E9C9C6 0%,#CDA4ACBF 24%,#E9C9C680 51%,transparent 85%),
  radial-gradient(ellipse 95% 6% at 112% 50%,#C4CCB0 0%,#C4CCB0E6 26%,#C4CCB080 52%,transparent 85%),
  radial-gradient(ellipse 95% 6% at -12% 69%,#CDA4AC 0%,#CDA4ACCC 25%,#E9C9C680 52%,transparent 85%),
  radial-gradient(ellipse 95% 6% at 112% 85%,#E9C9C6 0%,#CDA4ACBF 25%,#E9C9C680 52%,transparent 85%),
  radial-gradient(ellipse 95% 5% at -12% 98%,#C4CCB0 0%,#C4CCB0CC 25%,#C4CCB080 52%,transparent 85%)}
  .seite::before{background-size:1440px auto;background-repeat:repeat-y;background-position:center top;
  -webkit-mask-image:radial-gradient(ellipse 95% 5.5% at -12% 6%,#000 0%,rgba(0,0,0,.8) 24%,rgba(0,0,0,.5) 48%,transparent 85%),radial-gradient(ellipse 95% 5.5% at 112% 13%,#000 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.5) 51%,transparent 85%),radial-gradient(ellipse 95% 6% at -12% 22%,#000 0%,rgba(0,0,0,.8) 24%,rgba(0,0,0,.5) 51%,transparent 85%),radial-gradient(ellipse 95% 6% at 112% 50%,#000 0%,rgba(0,0,0,.8) 26%,rgba(0,0,0,.5) 52%,transparent 85%),radial-gradient(ellipse 95% 6% at -12% 69%,rgba(0,0,0,.6) 0%,rgba(0,0,0,.5) 25%,rgba(0,0,0,.5) 52%,transparent 85%),radial-gradient(ellipse 95% 6% at 112% 85%,#000 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.5) 52%,transparent 85%),radial-gradient(ellipse 95% 5% at -12% 98%,#000 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.5) 52%,transparent 85%);mask-image:radial-gradient(ellipse 95% 5.5% at -12% 6%,#000 0%,rgba(0,0,0,.8) 24%,rgba(0,0,0,.5) 48%,transparent 85%),radial-gradient(ellipse 95% 5.5% at 112% 13%,#000 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.5) 51%,transparent 85%),radial-gradient(ellipse 95% 6% at -12% 22%,#000 0%,rgba(0,0,0,.8) 24%,rgba(0,0,0,.5) 51%,transparent 85%),radial-gradient(ellipse 95% 6% at 112% 50%,#000 0%,rgba(0,0,0,.8) 26%,rgba(0,0,0,.5) 52%,transparent 85%),radial-gradient(ellipse 95% 6% at -12% 69%,rgba(0,0,0,.6) 0%,rgba(0,0,0,.5) 25%,rgba(0,0,0,.5) 52%,transparent 85%),radial-gradient(ellipse 95% 6% at 112% 85%,#000 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.5) 52%,transparent 85%),radial-gradient(ellipse 95% 5% at -12% 98%,#000 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.5) 52%,transparent 85%)}
  .rand-zeichen img{height:calc(var(--h)*.45px);opacity:.5}
  .rand-zeichen .zeichen-mk,.rand-zeichen .zeichen-na{display:none}
  .para,.lead,.world-feature>p,.place p,.future p,.principles p{color:#472E3C}
  .rand-zeichen .zeichen-sg,.rand-zeichen .zeichen-wa{right:-25px}
  .eyebrow,.story-number,.place-label,.principles span,.scroll-sign,.side-note,figcaption{color:#472E3C}
  .hero-dandelion{display:none}
  .btn{font-size:30px;padding:22px 40px 24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.karte-in,.btn,.navigation a::after{transition:none}}
/* css/r20.css */
.seite{background:none}
.seite::before{content:none}


.fluss{position:absolute;inset:0;z-index:-1;overflow:clip;pointer-events:none;background:
 radial-gradient(ellipse 55% 15% at -12% 6%,#CDA4AC 0%,#CDA4ACCC 24%,#E9C9C680 48%,transparent 85%),
 radial-gradient(ellipse 56% 17% at 112% 17%,#C4CCB0 0%,#C4CCB0E6 25%,#C4CCB080 51%,transparent 85%),
 radial-gradient(ellipse 54% 15% at -12% 23%,#E9C9C6 0%,#CDA4ACBF 24%,#E9C9C680 51%,transparent 85%),
 radial-gradient(ellipse 56% 18% at 112% 56%,#C4CCB0 0%,#C4CCB0E6 26%,#C4CCB080 52%,transparent 85%),
 radial-gradient(ellipse 55% 20% at -12% 69%,#CDA4AC 0%,#CDA4ACCC 25%,#E9C9C680 52%,transparent 85%),
 radial-gradient(ellipse 55% 18% at 112% 85%,#E9C9C6 0%,#CDA4ACBF 25%,#E9C9C680 52%,transparent 85%),
 radial-gradient(ellipse 54% 15% at -12% 98%,#C4CCB0 0%,#C4CCB0CC 25%,#C4CCB080 52%,transparent 85%)}
.fluss .aq{top:calc(var(--y) + var(--dy));transform:translateY(-50%) rotate(var(--r))}


.hero{overflow:visible}
.hero::before,.hero::after{content:"";position:absolute;top:0;bottom:-170px;width:58%;z-index:-2;pointer-events:none;
 background:url(https://onecdn.io/media/14332d0c-5eca-42e6-a392-bc1c8feac5a9/full) no-repeat;background-size:auto 118%;filter:saturate(1.35) contrast(1.08)}
.hero::before{left:0;background-position:left top;
 -webkit-mask-image:linear-gradient(to right,#000 32%,transparent 100%),linear-gradient(#000 55%,transparent 96%);-webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,#000 32%,transparent 100%),linear-gradient(#000 55%,transparent 96%);mask-composite:intersect}
.hero::after{right:0;background-position:right top;
 -webkit-mask-image:linear-gradient(to left,#000 32%,transparent 100%),linear-gradient(#000 55%,transparent 96%);-webkit-mask-composite:source-in;
 mask-image:linear-gradient(to left,#000 32%,transparent 100%),linear-gradient(#000 55%,transparent 96%);mask-composite:intersect}


.rand-zeichen .zeichen-sg{right:-43px}


.belief blockquote{font-size:clamp(62px,6.6vw,99px)}
.future-quote blockquote{font-size:clamp(45px,4.3vw,65px)}


.end-cta .claim{display:block;width:min(760px,100%);height:auto;margin:6px auto 56px;overflow:visible}

@media(max-width:740px){
  
  .fluss{background:
  radial-gradient(ellipse 95% 5.5% at -12% 6%,#CDA4AC 0%,#CDA4ACCC 24%,#E9C9C680 48%,transparent 85%),
  radial-gradient(ellipse 95% 5.5% at 112% 13%,#C4CCB0 0%,#C4CCB0E6 25%,#C4CCB080 51%,transparent 85%),
  radial-gradient(ellipse 95% 6% at -12% 22%,#E9C9C6 0%,#CDA4ACBF 24%,#E9C9C680 51%,transparent 85%),
  radial-gradient(ellipse 95% 6% at 112% 50%,#C4CCB0 0%,#C4CCB0E6 26%,#C4CCB080 52%,transparent 85%),
  radial-gradient(ellipse 95% 6% at -12% 69%,#CDA4AC 0%,#CDA4ACCC 25%,#E9C9C680 52%,transparent 85%),
  radial-gradient(ellipse 95% 6% at 112% 87%,#E9C9C6 0%,#CDA4ACBF 25%,#E9C9C680 52%,transparent 85%),
  radial-gradient(ellipse 95% 5% at -12% 98%,#C4CCB0 0%,#C4CCB0CC 25%,#C4CCB080 52%,transparent 85%)}
  .fluss .aq{top:calc(var(--yh) + var(--dy)*.6)}
  .hero::before,.hero::after{width:75%;bottom:-110px}
  .belief blockquote{font-size:clamp(47px,9.7vw,69px)}
  .future-quote blockquote{font-size:44px}
  .end-cta .claim{margin:0 auto 45px}
  
  .rand-zeichen .zeichen-sg{top:48.2%!important;right:-20px}
  .rand-zeichen .zeichen-wa{top:88.2%!important}
}
/* css/r21.css */
.zeichen21{position:absolute;z-index:-1;width:auto;max-width:none;pointer-events:none;opacity:.92}
.zeichen-mk{height:min(440px,31vw);right:20px;top:127px}
.zeichen-sg{height:min(520px,36vw);right:-200px;top:40px}
.zeichen-na{height:min(420px,29vw);left:-30px;top:-76px}

.zeichen-wa{height:min(430px,30vw);right:150px;top:60px}

.ton .zeichen21{opacity:.5}


.fluss .aq.nur-handy{display:none}


.hero h1{line-height:.9;margin-bottom:calc(38px - .08em)}

.hero h1 .h1-z3{position:relative;top:-.08em}


@media(min-width:981px) and (max-width:1259px){
  .hero-content{grid-template-columns:minmax(0,1fr) 240px}
  .side-note{max-width:none}
}


@media(min-width:741px) and (max-width:860px){
  .mobile-trigger{display:flex}
  .navigation{display:none;position:absolute;top:100px;left:20px;right:20px;flex-direction:column;align-items:stretch;background:#FAF5F0;padding:25px;border-radius:25px;box-shadow:0 15px 40px rgba(57,32,50,.13);gap:19px}
  .navigation.is-open{display:flex}
}


.claim-v-handy{display:none}

@media(max-width:740px){
  .fluss .aq.nur-handy{display:block}
  
  .fluss .aq[style*="--dy:-700px"]{opacity:.45!important}
  .claim-v-rechner{display:none}
  .claim-v-handy{display:inline}
  .hero h1{line-height:.94}
  .zeichen-mk{height:210px;right:-60px;top:40px}
  .zeichen-sg{height:270px;right:-110px;top:20px}
  .zeichen-na{height:220px;left:-60px;top:-30px}
  .zeichen-wa{height:230px;right:-50px;top:60px}
}
/* css/r22.css */
.site-top{position:fixed;transition:height .5s cubic-bezier(.3,.7,.2,1)}
.site-top::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(250,245,240,.86);
  -webkit-backdrop-filter:blur(14px) saturate(1.05);backdrop-filter:blur(14px) saturate(1.05);
  box-shadow:0 12px 34px rgba(71,46,60,.08);opacity:0;transition:opacity .5s ease}
.site-top.unten{height:80px}
.site-top.unten::before{opacity:1}
.brand{transition:width .5s cubic-bezier(.3,.7,.2,1),height .5s cubic-bezier(.3,.7,.2,1)}
.site-top.unten .brand{width:128px;height:64px}
.navigation a.ist-hier:not(.nav-cta)::after{right:0}

.navigation{transition:top .5s cubic-bezier(.3,.7,.2,1)}

#welten{scroll-margin-top:60px}


.fluss{background:
 radial-gradient(ellipse 55% var(--gr1,15%) at -12% var(--gy1,6%),#CDA4AC 0%,#CDA4ACCC 24%,#E9C9C680 48%,transparent 85%),
 radial-gradient(ellipse 56% var(--gr2,17%) at 112% var(--gy2,17%),#C4CCB0 0%,#C4CCB0E6 25%,#C4CCB080 51%,transparent 85%),
 radial-gradient(ellipse 54% var(--gr3,15%) at -12% var(--gy3,23%),#E9C9C6 0%,#CDA4ACBF 24%,#E9C9C680 51%,transparent 85%),
 radial-gradient(ellipse 56% var(--gr4,18%) at 112% var(--gy4,56%),#C4CCB0 0%,#C4CCB0E6 26%,#C4CCB080 52%,transparent 85%),
 radial-gradient(ellipse 55% var(--gr5,20%) at -12% var(--gy5,69%),#CDA4AC 0%,#CDA4ACCC 25%,#E9C9C680 52%,transparent 85%),
 radial-gradient(ellipse 55% var(--gr6,18%) at 112% var(--gy6,85%),#E9C9C6 0%,#CDA4ACBF 25%,#E9C9C680 52%,transparent 85%),
 radial-gradient(ellipse 54% var(--gr7,15%) at -12% var(--gy7,98%),#C4CCB0 0%,#C4CCB0CC 25%,#C4CCB080 52%,transparent 85%)}


@media(min-width:861px) and (max-width:980px){
  .navigation{gap:12px}
  .nav-cta{padding:14px 20px 15px}
}
@media(min-width:981px) and (max-width:1040px){
  .navigation{gap:20px}
  .navigation a:not(.nav-cta){font-size:14px}
  .nav-cta{padding:14px 22px 15px}
}



.zeichnen .zug{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0}
.js .zeichnen .zug{stroke-dashoffset:1;opacity:0}
.js .zeichnen.los .zug{animation:zug var(--d) var(--t) both,zugan .02s var(--t) both}
@keyframes zugan{from{opacity:0}to{opacity:1}}

@keyframes zug{0%{stroke-dashoffset:1;animation-timing-function:cubic-bezier(.45,.05,.4,1)}
  50%{stroke-dashoffset:.5;animation-timing-function:linear}100%{stroke-dashoffset:0}}

.js .zeichnen .zug-ende{opacity:0}
.js .zeichnen.los .zug-ende{animation:ende .45s var(--t) ease both}
@keyframes ende{from{opacity:0}to{opacity:1}}



.zeichen-pb{right:3%;top:auto;bottom:733px;height:360px;opacity:.55}
@media(max-width:1379px){.zeichen-pb{height:min(258px,calc((47vw - 377px)/.646))}}
@media(max-width:1099px){.zeichen-pb{bottom:767px}}
@media(max-width:1039px){.zeichen-pb{top:-120px;bottom:auto;right:6%;height:170px}}
.zeichnen .zug-s{stroke-dasharray:1 1;stroke-dashoffset:0}
.js .zeichnen .zug-s{stroke-dashoffset:1;opacity:0}
.js .zeichnen.los .zug-s{animation:zugs var(--d) var(--t) both,zugan .02s var(--t) both}
@keyframes zugs{from{stroke-dashoffset:1;animation-timing-function:cubic-bezier(.45,.05,.4,1)}to{stroke-dashoffset:0}}


.js .schwebt>*{opacity:0;transform:translateY(22px)}
.schwebt.los>*{opacity:1;transform:none;transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.schwebt.los>*:nth-child(2){transition-delay:.12s}
.schwebt.los>*:nth-child(3){transition-delay:.24s}
.schwebt.los>*:nth-child(4){transition-delay:.36s}


.flyer22{margin-top:clamp(80px,9vw,130px)}
.flyer22 h3{font-family:var(--head);font-weight:400;font-size:clamp(38px,3.6vw,54px);line-height:1.2;margin:14px 0 clamp(30px,3.4vw,46px);color:#472E3C}
.flyer22-reihe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,36px)}
.fl{display:block;cursor:pointer;color:inherit}
.fl-dreh{position:relative;display:block;aspect-ratio:210/297;perspective:1400px}
.fl-in{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.7,.2,1)}
.fl:focus-visible .fl-in,.fl.gedreht .fl-in{transform:rotateY(180deg)}
@media(hover:hover){.fl:hover .fl-in{transform:rotateY(180deg)}}
.fl-vorn,.fl-hinten{position:absolute;inset:0;display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden;
  border-radius:3px;overflow:hidden;box-shadow:0 16px 36px rgba(71,46,60,.13),0 2px 6px rgba(71,46,60,.07)}
.fl-vorn img{width:100%;height:100%;object-fit:cover;display:block}

.fl-hinten{transform:rotateY(180deg);flex-direction:column;justify-content:flex-start;padding:clamp(20px,2vw,30px) clamp(18px,1.8vw,26px) clamp(18px,1.6vw,24px);text-align:left;
  background:radial-gradient(95% 55% at 100% 100%,var(--ecke) 0,transparent 72%),var(--papier-fl)}
.t-sand{--papier-fl:#EFE7DA;--ecke:rgba(196,204,176,.62)}
.t-rose{--papier-fl:#F8F2EB;--ecke:rgba(229,212,206,.95)}
.fl-hinten b{display:block;font-family:var(--head);font-weight:400;font-size:clamp(24px,2vw,30px);line-height:1.12;color:#472E3C}
.fl-hinten b::after,.pe-hinten b::after{content:"";display:block;width:84px;height:8px;margin-top:10px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 8' preserveAspectRatio='none'%3E%3Cpath d='M2 5.2C14 2.6 30 4.4 44 3.9S72 2.8 82 4.4' fill='none' stroke='%23C99BA6' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%}
.fl-liste{display:block;margin-top:clamp(14px,1.5vw,22px)}
.fl-z{display:block;font-size:15px;line-height:1.45;color:#4B3541;padding:9px 0;border-top:1px solid rgba(71,46,60,.15);text-wrap:balance}
.fl-z:first-child{font-size:16.5px;font-weight:500;color:#3A2832}
.fl-hinten em{font-style:normal;font-size:15px;color:#472E3C;margin-top:auto;align-self:flex-start;border-bottom:1px solid currentColor;padding-bottom:3px}
.fl-zeile{display:block;margin-top:16px;font-size:16px;text-align:center;color:#4B3541}


.leute22{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.8vw,42px);max-width:900px;margin-top:clamp(50px,6vw,90px);position:relative}
.pe{margin:0;text-align:center;cursor:pointer;outline:none}
.pe-dreh{position:relative;display:block;aspect-ratio:4/5;perspective:1300px}
.pe-in{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.7,.2,1)}
.pe:focus-visible .pe-in,.pe.gedreht .pe-in{transform:rotateY(180deg)}
@media(hover:hover){.pe:hover .pe-in{transform:rotateY(180deg)}}
.pe-vorn,.pe-hinten{position:absolute;inset:0;display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden;
  border-radius:4px;overflow:hidden;box-shadow:0 16px 38px rgba(71,46,60,.13)}
.pe-vorn img{width:100%;height:100%;object-fit:cover;display:block}
.pe-hinten{transform:rotateY(180deg);flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;padding:24px 22px;
  background:radial-gradient(100% 60% at 100% 100%,rgba(233,201,198,.6) 0,transparent 72%),#FBF7F2}
.pe-hinten b{display:block;font-family:var(--head);font-weight:400;font-size:clamp(26px,2.4vw,34px);line-height:1.15;color:#472E3C}
.pe-hinten b::after{margin:10px auto 0}
.pe-text{display:block;font-size:15px;line-height:1.6;color:#4B3541;text-wrap:balance}
.pe-hinten a{font-size:15px;color:#472E3C;border-bottom:1px solid currentColor;padding-bottom:2px}
.pe figcaption{margin-top:16px;font-size:16px;color:#4B3541}


.foerder22{display:flex;align-items:center;gap:28px;flex:none}
footer .foerder22 img{width:auto;height:80px;display:block}
.adr{white-space:nowrap}

@media (prefers-reduced-motion:reduce){
  .js .zeichnen .zug,.js .zeichnen.los .zug{stroke-dashoffset:0;animation:none;opacity:1}
  .js .zeichnen .zug-ende,.js .zeichnen.los .zug-ende{opacity:1;animation:none}
  .js .zeichnen .zug-s,.js .zeichnen.los .zug-s{stroke-dashoffset:0;animation:none;opacity:1}
  .js .schwebt>*{opacity:1;transform:none}
  .site-top,.site-top::before,.brand,.fl-in,.pe-in{transition:none}
}

@media(max-width:1100px){
  .flyer22-reihe{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px}
}
@media(max-width:860px){
  .navigation .nav-cta{align-self:flex-start}   
  .navigation a.ist-hier:not(.nav-cta)::after{display:none}
  .navigation a.ist-hier:not(.nav-cta){text-decoration:underline;text-decoration-color:#ad8390;text-decoration-thickness:1px;text-underline-offset:7px}
  .site-top.unten{height:70px}
  .site-top.unten .brand{width:112px;height:56px}
  .site-top.unten .navigation{top:76px}
}
@media(max-width:740px){
  
  .fluss .aq[style*="--dy: -700px"]{opacity:.45!important}
  .fluss{background:
  radial-gradient(ellipse 95% var(--gr1,5.5%) at -12% var(--gy1,6%),#CDA4AC 0%,#CDA4ACCC 24%,#E9C9C680 48%,transparent 85%),
  radial-gradient(ellipse 95% var(--gr2,5.5%) at 112% var(--gy2,13%),#C4CCB0 0%,#C4CCB0E6 25%,#C4CCB080 51%,transparent 85%),
  radial-gradient(ellipse 95% var(--gr3,6%) at -12% var(--gy3,22%),#E9C9C6 0%,#CDA4ACBF 24%,#E9C9C680 51%,transparent 85%),
  radial-gradient(ellipse 95% var(--gr4,6%) at 112% var(--gy4,50%),#C4CCB0 0%,#C4CCB0E6 26%,#C4CCB080 52%,transparent 85%),
  radial-gradient(ellipse 95% var(--gr5,6%) at -12% var(--gy5,69%),#CDA4AC 0%,#CDA4ACCC 25%,#E9C9C680 52%,transparent 85%),
  radial-gradient(ellipse 95% var(--gr6,6%) at 112% var(--gy6,87%),#E9C9C6 0%,#CDA4ACBF 25%,#E9C9C680 52%,transparent 85%),
  radial-gradient(ellipse 95% var(--gr7,5%) at -12% var(--gy7,98%),#C4CCB0 0%,#C4CCB0CC 25%,#C4CCB080 52%,transparent 85%)}
  .flyer22-reihe{gap:14px}
  .fl-hinten{padding:16px 14px 14px}
  .fl-hinten b{font-size:22px}
  .fl-hinten b::after,.pe-hinten b::after{width:64px;height:6px;margin-top:8px}
  .fl-liste{margin-top:12px}
  .fl-z{font-size:14px;line-height:1.4;padding:7px 0}
  .fl-z:first-child{font-size:15px}
  .fl-hinten em{font-size:14px}
  .fl-zeile{font-size:14px;margin-top:12px}
  .leute22{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .leute22 .pe:nth-child(3){grid-column:1/-1;width:calc(50% - 8px);justify-self:center}
  .pe-hinten{padding:14px 12px;gap:8px}
  .pe-hinten b{font-size:22px}
  .pe-text,.pe-hinten a{font-size:13px;line-height:1.5}
  .pe figcaption{font-size:14px;margin-top:12px}
  .adr{display:block}.pkt{display:none}.adr+br{display:none}
  .foerder22{margin-top:28px}
  footer .foerder22 img{height:64px}
}

@media(max-width:520px){
  
  .fl-hinten{padding:12px 11px 10px}
  .fl-hinten b{display:none}
  .fl-liste{margin-top:0}
  .fl-z{font-size:12px;line-height:1.34;padding:5px 0}
  .fl-z:first-child{font-size:12.5px;border-top:0;padding-top:0}
  .fl-hinten em{font-size:12px}
}

@media(max-width:380px){
  .fl-hinten{padding:10px 9px 9px}
  .fl-z{font-size:11px;line-height:1.3;padding:4px 0}
  .fl-z:first-child{font-size:11.5px}
  .fl-hinten em{font-size:11px}
  .pe-hinten{padding:10px 8px;gap:6px}
  .pe-hinten b{font-size:19px}
  .pe-text,.pe-hinten a{font-size:12px;line-height:1.4}
}
/* css/r23.css */
@media(min-width:861px){
  .nav-cta{padding:14px 26px 15px}
}


.eyebrow .kz{display:inline-block;white-space:nowrap}
.eyebrow.umbruch .kp{display:none}
.eyebrow.umbruch .kz{display:block}
@media(max-width:364px){
  .eyebrow .kp{display:none}
  .eyebrow .kz{display:block}
}


.eyebrow .uml i{display:inline-block;position:relative;width:0;height:0;font-style:normal}
.eyebrow .uml i::before,.eyebrow .uml i::after{
  content:"";position:absolute;bottom:.691em;width:.05em;height:.104em;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='62 -627 42 88'%3E%3Cpath transform='scale(1 -1)' d='M97 619Q102 613 102 606V600V559Q102 554 99.5 550Q97 546 92.5 543.5Q88 541 83 541Q76 540 70 546Q64 552 64 559V565V606Q65 613 70.5 618.5Q76 624 83 624Q91 625 97 619Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='62 -627 42 88'%3E%3Cpath transform='scale(1 -1)' d='M97 619Q102 613 102 606V600V559Q102 554 99.5 550Q97 546 92.5 543.5Q88 541 83 541Q76 540 70 546Q64 552 64 559V565V606Q65 613 70.5 618.5Q76 624 83 624Q91 625 97 619Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.eyebrow .uml i::before{left:.222em}
.eyebrow .uml i::after{left:.382em}
/* css/r24.css */
.world-feature>p.erklaerung{max-width:none;margin:82px 0 18px;font-family:var(--hand);font-weight:400;font-size:26px;line-height:1.5;letter-spacing:.02em;color:#472E3C;text-wrap:balance}
@media(min-width:741px){.erklaerung span{display:inline-block}}   
.world-feature>.erklaerung+.mini-worlds{margin-top:0}
.world-feature>p.erklaerung.er-smart{font-family:var(--head);font-size:34px;line-height:1.3;letter-spacing:0;color:var(--aubergine)}
.world-feature>.mini-worlds+p.erklaerung.er-unten{margin:30px 0 0}

@media(max-width:740px){
  .world-feature>p.erklaerung{margin-top:74px;margin-bottom:16px;font-size:20px;color:#472E3C}
  .world-feature>.erklaerung+.mini-worlds{margin-top:0}
  .world-feature>p.erklaerung.er-smart{font-size:30px}
}


.karte-hinten .k-h{display:none}
@media(max-width:740px){
  .karte-hinten .k-r{display:none}
  .karte-hinten .k-h{display:block}
}
/* css/r25.css */
.flyer22-reihe{--fg:clamp(18px,2.4vw,36px);gap:var(--fg)}
@media(min-width:1101px){
  .flyer22-reihe{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:clamp(36px,3.6vw,52px)}
  .flyer22-reihe .fl{grid-column:span 2}
  .flyer22-reihe .fl:nth-child(4){grid-column:2/4}
  .flyer22-reihe .fl:nth-child(5){grid-column:4/6}
}
@media(max-width:1100px){
  .flyer22-reihe{row-gap:34px}
  .flyer22-reihe .fl:nth-child(3){grid-column:1/-1;width:calc(50% - var(--fg)/2);justify-self:center}
}
@media(max-width:740px){.flyer22-reihe{--fg:14px;row-gap:26px}}
.schwebt.los>*:nth-child(5){transition-delay:.48s}

.t-grau{--papier-fl:#F4F4F4;--ecke:rgba(233,201,198,.7)}


.pe-text{hyphens:manual;overflow-wrap:break-word}
@media(max-width:740px){
  .pe-hinten{gap:6px;padding:12px 10px}
  .pe-text,.pe-hinten a{font-size:12.5px;line-height:1.42}
}


.tz{display:block;white-space:nowrap}
@media(max-width:359px){.tz{white-space:normal}.tn,.tm{display:block}.tp{display:none}}


.nb1{white-space:nowrap}

.belief .para.satz{font-family:var(--head);font-weight:400;font-size:clamp(32px,2.9vw,44px);line-height:1.28;letter-spacing:0;color:#472E3C;max-width:900px;text-wrap:balance}


.zeichen-pb{bottom:calc(733px + var(--pb-plus,0px))}
@media(max-width:1099px){.zeichen-pb{bottom:calc(767px + var(--pb-plus,0px))}}
@media(max-width:1039px){.zeichen-pb{bottom:auto}}


.eyebrow.kap{display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%}
.eyebrow.kap::before,.eyebrow.kap::after{content:"";flex:none;width:34px;height:1px;background:#d8bdc5}
.eyebrow.kap .kt{min-width:0}
.end-cta .eyebrow.kap{margin-inline:auto}
@media(max-width:740px){
  .eyebrow.kap{font-size:15px}
  .eyebrow.kap::before,.eyebrow.kap::after{width:18px}
}

.story-number::before,.story-number::after{flex:none}


.end-cta .para .sz{display:block;text-wrap:balance}


:root{--knopf-dunkel:#894C5D;--knopf-hell:#F7F2EB}
.btn,.nav-cta,.text-link,.place a,.fl-hinten em{position:relative;isolation:isolate;transition:color .5s ease,border-color .5s ease,filter .5s ease}
.btn::before,.nav-cta::before,.text-link::before,.place a::before,.fl-hinten em::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;background:var(--knopf-dunkel);opacity:0;transition:opacity .5s ease;
  -webkit-mask:url(https://onecdn.io/media/39d503d6-9cd4-4cb6-9068-f3d26ff84e71/full) center/100% 100% no-repeat;mask:url(https://onecdn.io/media/39d503d6-9cd4-4cb6-9068-f3d26ff84e71/full) center/100% 100% no-repeat}
.btn::before,.nav-cta::before{inset:0}
.text-link::before{inset:-12px -22px}
.place a::before{inset:-13px -24px}
.fl-hinten em::before{inset:-10px -18px}
.btn:hover,.btn:focus-visible,.nav-cta:hover,.nav-cta:focus-visible{transform:none;filter:none;color:var(--knopf-hell)}
.btn:hover::before,.btn:focus-visible::before,.nav-cta:hover::before,.nav-cta:focus-visible::before{opacity:1}
.text-link:hover,.text-link:focus-visible,.place a:hover,.place a:focus-visible,.fl-hinten em:hover,.fl:focus-visible .fl-hinten em{color:var(--knopf-hell);border-bottom-color:transparent}
.text-link:hover::before,.text-link:focus-visible::before,.place a:hover::before,.place a:focus-visible::before,.fl-hinten em:hover::before,.fl:focus-visible .fl-hinten em::before{opacity:1}
.btn:focus-visible,.nav-cta:focus-visible,.text-link:focus-visible,.place a:focus-visible{outline:none}


.hero-dandelion{background-image:url(https://onecdn.io/media/d2afe6eb-eee4-4d59-bd7e-4a0bb1abf81b/full)}
.hero-dandelion{--k:1}
.same.flug{opacity:.9;transform:none;rotate:var(--r,0deg);translate:calc(var(--dx,0px)*.45*var(--k)) calc(var(--dy,0px)*.45*var(--k));
  animation:flug var(--t,70s) var(--v,0s) linear infinite both,wiegen var(--w,12s) var(--v,0s) ease-in-out infinite alternate}
@keyframes flug{
  0%{translate:0 0;opacity:0;animation-timing-function:ease-out}
  7%{translate:calc(var(--dx)*.06*var(--k)) calc(var(--dy)*.07*var(--k));opacity:.9;animation-timing-function:linear}
  60%{translate:calc(var(--dx)*.62*var(--k)) calc(var(--dy)*.55*var(--k));opacity:.9;animation-timing-function:ease-in}
  100%{translate:calc(var(--dx)*var(--k)) calc(var(--dy)*var(--k));opacity:0}}
@keyframes wiegen{from{rotate:calc(var(--r,0deg) - 11deg)}to{rotate:calc(var(--r,0deg) + 11deg)}}

@media(max-width:1000px){.hero-dandelion{--k:.45}.same.flug.fl-l{display:none}}
@media(prefers-reduced-motion:reduce){
  .same,.same.flug{animation:none}
  .same.flug{opacity:.9;rotate:var(--r,0deg);translate:calc(var(--dx,0px)*.7*var(--k)) calc(var(--dy,0px)*.7*var(--k))}
}


@media(max-width:399px){
  .pe-hinten{gap:5px;padding:10px 9px}
  .pe-text,.pe-hinten a{font-size:12px;line-height:1.36}
  .pe-hinten b{font-size:19px}
}
@media(max-width:369px){
  .pe-hinten b{display:none}
}
@media(max-width:339px){
  .pe-hinten{padding:8px 8px}
}

@media(min-width:741px) and (max-width:790px){
  .pe-hinten{gap:9px;padding:20px 16px}
  .pe-text,.pe-hinten a{font-size:13.5px;line-height:1.5}
}

@media(min-width:1101px){
  .fl-hinten{padding:clamp(26px,2.2vw,32px) clamp(24px,2vw,30px) clamp(22px,1.8vw,26px)}
  .fl-hinten b{font-size:clamp(28px,2.3vw,33px)}
  .fl-z{font-size:17px;padding:11px 0}
  .fl-z:first-child{font-size:18.5px}
  .fl-hinten em{font-size:17px}
}
/* css/r27.css */
.karte-ort{display:block;margin-top:12px;font-size:14px;line-height:1.55;color:#5F4B58}
.ort-z{display:block}
.ort-z+.ort-z{margin-top:4px}      

.karte-zeile{text-wrap:balance}
@media(min-width:741px){
  .mini-worlds{row-gap:0}
  @supports (grid-template-rows:subgrid){
    .karte{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start}
  }
}
@media(max-width:740px){
  .karte-ort{font-size:13px;margin-top:10px}
}
/* css/r28.css */
.hero-schirm{position:absolute;right:-5px;top:68px;width:470px;height:610px;z-index:-1;opacity:.58;pointer-events:none;--s:1}
.schirm28{position:absolute;display:none;height:auto;
  width:calc(var(--w)*1px*var(--s));aspect-ratio:var(--w)/var(--h);
  left:calc(var(--x)*1px - var(--w)*.5px*var(--s));top:calc(var(--y)*1px - var(--h)*.5px*var(--s));
  rotate:calc(var(--r)*1deg);translate:0 0;
  animation:schweben28 var(--t) var(--v) ease-in-out infinite}
@keyframes schweben28{0%,100%{translate:0 0}50%{translate:calc(var(--k)*6px) calc(var(--k)*-10px)}}
@media(max-width:980px){.hero-schirm{width:370px;height:510px;right:-10px;top:100px;opacity:.55;--s:.836}}
.hero-schirm .n1{--x:-165;--y:172;display:block}.hero-schirm .n2{--x:-95;--y:118;display:block}.hero-schirm .n3{--x:-215;--y:98;display:block}.hero-schirm .n4{--x:-60;--y:190;display:block}
@media(max-width:1139px){.hero-schirm .n2{--x:-72;--y:152;display:block}.hero-schirm .n4{--x:-100;--y:72;display:block}.hero-schirm .n1{display:none}.hero-schirm .n3{display:none}}
@media(max-width:1039px){.hero-schirm .n2{--x:-42;--y:160;display:block}.hero-schirm .n4{--x:-80;--y:38;display:block}.hero-schirm .n1{display:none}.hero-schirm .n3{display:none}}
@media(max-width:980px){.hero-schirm .n2{--x:-76;--y:116;display:block}.hero-schirm .n4{--x:-88;--y:20;display:block}.hero-schirm .n1{display:none}.hero-schirm .n3{display:none}}
@media(max-width:879px){.hero-schirm .n1{display:none}.hero-schirm .n2{display:none}.hero-schirm .n3{display:none}.hero-schirm .n4{display:none}}

@media(max-width:740px){.hero-schirm{display:none}}
@media(prefers-reduced-motion:reduce){.schirm28{animation:none;translate:0 0}}
/* css/r29.css */
.lgp img{position:absolute;display:block;max-width:none;left:calc(var(--ox)*-1px*var(--s));top:calc(var(--oy)*-1px*var(--s));width:calc(var(--vw)*1px*var(--s));height:calc(var(--vh)*1px*var(--s))}


.z29,.w29{display:inline-block}

@media (prefers-reduced-motion:no-preference){
  .seite{--a-k:cubic-bezier(.3,.3,.2,1);--a-d:.9s}

  @keyframes a29-schreiben{from{opacity:0;clip-path:inset(-60% 100% -60% -12%)}to{opacity:1;clip-path:inset(-60% -12% -60% -12%)}}
  @keyframes a29-heben{from{opacity:0;translate:0 var(--dy,14px)}}
  @keyframes a29-strich{from{scale:0 1}}

  
  .hero [data-ah]{animation-duration:var(--a-d);animation-timing-function:var(--a-k);animation-delay:var(--d,0s);animation-fill-mode:backwards}
  .hero [data-ah=zeile]{animation-name:a29-schreiben}
  .hero [data-ah=klein]{animation-name:a29-heben;--dy:6px}
  .hero [data-ah=leise]{animation-name:a29-heben;--dy:14px}

  
  [data-a29=heben].a29,[data-a29=leise].a29,[data-a29=label].a29,[data-a29=notiz].a29{opacity:0}
  [data-a29].a29.an{opacity:1}
  [data-a29=heben].a29.an,[data-a29=leise].a29.an,[data-a29=label].a29.an{animation:a29-heben var(--a-d) var(--a-k) var(--g,0s) backwards}
  [data-a29=heben].a29.an{--dy:.28em}
  [data-a29=leise].a29.an{--dy:14px}
  [data-a29=label].a29.an{--dy:6px}
  [data-a29=notiz].a29.an{animation:a29-schreiben var(--a-d) var(--a-k) var(--g,0s) backwards}

  
  [data-a29=marke].a29 .kt{opacity:0}
  [data-a29=marke].a29::before,[data-a29=marke].a29::after{scale:0 1}
  [data-a29=marke].a29.an .kt{opacity:1;--dy:6px;animation:a29-heben var(--a-d) var(--a-k) var(--g,0s) backwards}
  [data-a29=marke].a29.an::before,[data-a29=marke].a29.an::after{scale:1;animation:a29-strich var(--a-d) var(--a-k) calc(var(--g,0s) + .25s) backwards}
  [data-a29=marke].a29.an::before{transform-origin:100% 50%}
  [data-a29=marke].a29.an::after{transform-origin:0 50%}

  
  [data-a29=zitat].a29 .w29,[data-a29=zitat].a29 figcaption{opacity:0}
  [data-a29=zitat].a29.an .w29{opacity:1;--dy:.3em;animation:a29-heben var(--a-d) var(--a-k) calc(var(--g,0s) + var(--i)*.05s) backwards}
  [data-a29=zitat].a29.an figcaption{opacity:1;--dy:6px;animation:a29-heben var(--a-d) var(--a-k) calc(var(--g,0s) + var(--n)*.05s + .1s) backwards}

  
  [data-a29=spalte].a29 :is(span,h3,p,a){opacity:0}
  [data-a29=spalte].a29.an :is(span,h3,p,a){opacity:1;animation:a29-heben var(--a-d) var(--a-k) calc(var(--g,0s) + var(--d2,0s)) backwards}
  [data-a29=spalte].a29.an span{--dy:6px;--d2:0s}
  [data-a29=spalte].a29.an h3{--dy:.28em;--d2:.1s}
  [data-a29=spalte].a29.an p{--dy:14px;--d2:.2s}
  [data-a29=spalte].a29.an p+p{--d2:.3s}
  [data-a29=spalte].a29.an a{--dy:10px;--d2:.38s}

  
  [data-a29].sofort,[data-a29].sofort *,[data-a29].sofort::before,[data-a29].sofort::after{animation:none!important}
}


@media print{
  [data-ah],[data-a29],[data-a29] *{animation:none!important}
  [data-a29=heben],[data-a29=leise],[data-a29=label],[data-a29=notiz],[data-a29=marke] .kt,[data-a29=zitat] .w29,[data-a29=zitat] figcaption,
  [data-a29=spalte] :is(span,h3,p,a){opacity:1!important}
  [data-a29]::before,[data-a29]::after{scale:1!important;animation:none!important}
}
/* css/r30.css */
@media (min-width:741px) and (max-width:1102px){
  .mini-worlds{grid-template-columns:repeat(2,1fr);column-gap:28px}
  .karte:nth-child(-n+2){margin-bottom:40px}
  
  .karte-dreh{aspect-ratio:2/1}
  .karte-hinten .k-r{display:none}
  .karte-hinten .k-h{display:block}
  
  .mini-worlds.vier30{grid-template-columns:repeat(4,1fr);column-gap:22px}
  .mini-worlds.vier30 .karte{margin-bottom:0}
  .mini-worlds.vier30 .karte-dreh{aspect-ratio:3/2}
}
@media (min-width:741px) and (max-width:980px){
  .mini-worlds.vier30{column-gap:12px}
}


.kanaele30{position:relative;isolation:isolate;text-align:center;padding:0 22px 40px}
.kanaele30 h3{font-family:var(--head);font-weight:400;font-size:clamp(36px,3.4vw,48px);line-height:1.22;color:var(--aubergine);max-width:760px;margin:0 auto 14px;text-wrap:balance}
.kanaele30-z{font-size:19px;line-height:1.7;color:#4B3541;max-width:560px;margin:0 auto 30px}
.kanaele30-liste{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 44px}
.kanal30{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:96px;padding:12px 14px 10px;border-radius:14px;color:var(--aubergine);font-size:16px;line-height:1.3;font-weight:500;letter-spacing:.01em;text-decoration:none}
.kanal30 svg{display:block;width:34px;height:34px;color:var(--aubergine)}
.kanal30 span{border-bottom:1px solid transparent;transition:border-color .35s ease}
.kanal30:hover span,.kanal30:focus-visible span{border-bottom-color:currentColor}
.kanal30:focus-visible{outline:2px solid var(--aubergine);outline-offset:2px}
@media(max-width:740px){
  .kanaele30{padding:0 22px 34px}
  .kanaele30 h3{font-size:clamp(32px,8.6vw,40px)}
  .kanaele30-z{font-size:18px;margin-bottom:24px}
  .kanaele30-liste{gap:4px 14px}
  .kanal30{min-width:88px;padding:10px 8px 8px;font-size:15px}
}
@media(max-width:359px){
  .kanaele30{padding-left:14px;padding-right:14px}
  .kanaele30-liste{gap:4px 6px}
  .kanal30{min-width:0;padding:10px 6px 8px}
}
@media(prefers-reduced-motion:reduce){.kanal30 span{transition:none}}


.komma{-webkit-text-fill-color:transparent;position:relative}
.komma::after{content:"\201A";position:absolute;left:.05em;top:0;-webkit-text-fill-color:currentColor}
.erklaerung .komma{display:inline}
.world-feature>p.erklaerung.er-smart{font-size:30px;line-height:1.35}
@media(max-width:740px){
  .world-feature>p.erklaerung.er-smart{font-size:26px;line-height:1.32}
}