@font-face{font-family:"Baloo 2";src:url(/fonts/baloo-2-latin-wght-normal.woff2) format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-latin-wght-normal.woff2) format("woff2");font-weight:200 1000;font-display:swap}:root{--himmel: #eaf5fc;--flaeche: #ffffff;--tinte: #1d3557;--leise: #4f6a86;--kontur: #1d3557;--papier: #ffffff;--rot: #e5533d;--rot-knopf: #c23b27;--sonne: #f7c948;--meer: #2f80c9;--blatt: #4aa564;--rot-zart: #fde3dd;--sonne-zart: #fdf2cf;--meer-zart: #dcebf8;--blatt-zart: #e0f2e2;--auf-farbe: #ffffff;--schrift-titel: "Baloo 2", "Nunito", system-ui, sans-serif;--schrift: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--rund: 16px;--rund-klein: 10px;--linie: 2px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--himmel: #0f2236;--flaeche: #16304b;--tinte: #eaf2fa;--leise: #a9bfd6;--kontur: #8fb3d9;--rot-zart: #4a2620;--sonne-zart: #44391a;--meer-zart: #1b3a5c;--blatt-zart: #1d3b29;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--himmel);color:var(--tinte);font-family:var(--schrift);font-size:1.0625rem;line-height:1.55}img,svg{display:block;max-width:100%}a{color:inherit;text-underline-offset:3px}h1,h2,h3{font-family:var(--schrift-titel);font-weight:800;line-height:1.12;margin:0;text-wrap:balance}h1{font-size:clamp(2rem,5.2vw,3.1rem)}h2{font-size:clamp(1.45rem,3vw,1.9rem)}p{margin:0}:focus-visible{outline:3px solid var(--meer);outline-offset:3px}.rahmen{width:100%;max-width:1160px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.kopf{background:var(--flaeche);border-bottom:var(--linie) solid var(--kontur)}.kopf__in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:10px}.marke{display:inline-flex;align-items:center;gap:8px;font-family:var(--schrift-titel);font-weight:800;font-size:1.5rem;text-decoration:none;line-height:1}.kopf__nav{display:flex;gap:4px 18px;flex-wrap:wrap;justify-content:flex-end;font-weight:700}.kopf__nav a{text-decoration:none;padding:6px 2px}.kopf__nav a:hover{text-decoration:underline}.walmarke__koerper{fill:var(--meer);stroke:var(--kontur);stroke-width:2.2;stroke-linejoin:round}.walmarke__bauch{fill:var(--papier);stroke:var(--kontur);stroke-width:2.2;stroke-linejoin:round}.walmarke__auge{fill:var(--kontur)}.walmarke__fontaene{fill:none;stroke:var(--meer);stroke-width:2.2;stroke-linecap:round}.haupt{padding-block:28px 64px;display:grid;gap:48px}.fuss{background:var(--flaeche);border-top:var(--linie) solid var(--kontur)}.fuss__in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr);gap:28px;padding-block:32px 40px;color:var(--leise);font-size:.95rem}.fuss__marke{display:grid;gap:8px;align-content:start}.fuss__titel{display:flex;align-items:center;gap:8px;font-family:var(--schrift-titel);font-weight:800;color:var(--tinte);font-size:1.1rem;margin-bottom:4px}.fuss__liste{list-style:none;margin:0;padding:0;columns:2;column-gap:20px}.fuss__liste li{break-inside:avoid}.fuss__liste a{display:inline-block;padding-block:8px}.fuss nav:last-child .fuss__liste{columns:1}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 20px;font:inherit;font-weight:800;font-size:1rem;line-height:1.1;color:var(--tinte);background:var(--flaeche);border:var(--linie) solid var(--kontur);border-radius:999px;text-decoration:none;cursor:pointer;transition:transform .18s ease,background-color .18s ease}.knopf:hover{transform:translateY(-1px)}.knopf:active{transform:translateY(1px)}.knopf--rot{background:var(--rot-knopf);color:var(--auf-farbe);border-color:var(--rot-knopf)}.knopf--leise{min-height:40px;padding:6px 14px;font-size:.9rem}.knopf:disabled{opacity:.45;cursor:default;transform:none}.chip{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border-radius:999px;border:var(--linie) solid var(--kontur);background:var(--flaeche);font-weight:800;text-decoration:none}.chip--rot{background:var(--rot-zart)}.chip--sonne{background:var(--sonne-zart)}.chip--meer{background:var(--meer-zart)}.chip--blatt{background:var(--blatt-zart)}.themenleiste{display:flex;flex-wrap:wrap;gap:10px}.farbe{width:44px;height:44px;padding:0;flex:none;border-radius:50%;border:var(--linie) solid var(--kontur);background:var(--farbe, #fff);cursor:pointer;transition:transform .18s ease}.farbe[aria-checked=true]{transform:scale(1.12);box-shadow:0 0 0 3px var(--ring, var(--flaeche)),0 0 0 6px var(--kontur)}.farbe--klein{width:38px;height:38px}.farbe--zahl{display:grid;place-items:center;font-family:var(--schrift-titel);font-weight:800;font-size:1.15rem;color:#1d2b3a}.farbe--dunkel{color:#fff}.farbe--mehr{display:grid;place-items:center;background:#fff;color:#1d3557;font-family:var(--schrift-titel);font-weight:800;font-size:1.5rem;line-height:1}.farbe--mehr[aria-expanded=true]{background:#fde9a8}.farbe--frei{position:relative;overflow:hidden;background:conic-gradient(#e5533d 0 25%,#f7c948 0 50%,#6ec1e8 0 75%,#8ccb5e 0)}.farbe--frei input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.zahlen-schluessel{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}.zahlen-schluessel li{display:inline-flex;align-items:center;gap:6px;font-weight:700}.zahlen-schluessel i{width:18px;height:18px;border-radius:50%;border:var(--linie) solid var(--kontur);background:var(--farbe)}.farbe--radierer{background:var(--papier) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 17 L15 7 L19 11 L11 19 H7 Z' fill='none' stroke='%231d3557' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 13 L13 17' stroke='%231d3557' stroke-width='2'/%3E%3C/svg%3E") center / 24px no-repeat}.held{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:center}.held__text{display:grid;gap:16px}.held__lead{font-size:1.2rem;color:var(--leise);max-width:34ch}.held__knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.held__wal{margin:0;display:grid;gap:12px;justify-items:center}.held__wal figcaption{color:var(--leise);font-size:.95rem;text-align:center}.malwal{width:100%;height:auto;border:var(--linie) solid var(--kontur);border-radius:var(--rund);background:var(--papier)}.malwal__papier{fill:var(--papier)}.malwal__flaeche{fill:#fff;stroke:#1d3557;stroke-width:4;stroke-linejoin:round;cursor:pointer;transition:fill .18s ease}.malwal__auge{fill:#1d3557}.malwal__glanz{fill:#fff}.malwal__linie{fill:none;stroke:#1d3557;stroke-width:4;stroke-linecap:round}.walfarben{--ring: var(--himmel);display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.abschnitt{display:grid;gap:18px}.abschnitt__kopf{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}.abschnitt__kopf a{font-weight:800}.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:20px}.raster--themen{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.karte{display:grid;gap:6px;align-content:start;text-decoration:none}.karte__blatt{display:block;background:var(--papier);border:var(--linie) solid var(--kontur);border-radius:var(--rund);padding:10px;transition:transform .18s ease}.karte:hover .karte__blatt{transform:rotate(-1deg) translateY(-2px)}.karte__blatt img{width:100%;height:auto;aspect-ratio:400 / 566;object-fit:contain}.karte__blatt--rund img{aspect-ratio:1}.karte__titel{font-family:var(--schrift-titel);font-weight:700;font-size:1.1rem;line-height:1.2}.karte__info{color:var(--leise);font-size:.9rem}.themakarte{display:grid;gap:4px;align-content:start;text-decoration:none;border:var(--linie) solid var(--kontur);border-radius:var(--rund);padding:10px 10px 12px;background:var(--flaeche);transition:transform .18s ease}.themakarte:hover{transform:translateY(-2px)}.themakarte--rot{background:var(--rot-zart)}.themakarte--sonne{background:var(--sonne-zart)}.themakarte--meer{background:var(--meer-zart)}.themakarte--blatt{background:var(--blatt-zart)}.themakarte__blatt{display:block;background:var(--papier);border-radius:var(--rund-klein);padding:6px;margin-bottom:4px}.themakarte__blatt img{width:100%;height:auto;aspect-ratio:400 / 566;object-fit:cover;object-position:top;max-height:180px}.themakarte__blatt--rund img{aspect-ratio:auto;object-fit:contain}.themakarte__name{font-family:var(--schrift-titel);font-weight:800;font-size:1.2rem;line-height:1.1}.themakarte__zahl{color:var(--leise);font-size:.9rem}.sogehts{background:var(--flaeche);border:var(--linie) solid var(--kontur);border-radius:var(--rund);padding:24px}.schritte{margin:0;padding:0;list-style:none;counter-reset:schritt;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.schritte li{counter-increment:schritt;display:grid;gap:6px;align-content:start;color:var(--leise)}.schritte li:before{content:counter(schritt);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:var(--linie) solid var(--kontur);font-family:var(--schrift-titel);font-weight:800;font-size:1.2rem;color:var(--tinte);background:var(--sonne-zart)}.schritte strong{color:var(--tinte)}.krumen ol{list-style:none;margin:0 0 -28px;padding:0;display:flex;flex-wrap:wrap;gap:4px 6px;font-size:.92rem;color:var(--leise)}.krumen li+li:before{content:"›";margin-right:6px}.seitenkopf{display:grid;gap:10px;max-width:70ch}.seitenkopf__lead{color:var(--leise);font-size:1.15rem}.motiv{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px 32px;align-items:start}.motiv__titel{grid-column:1 / -1}.blattbereich{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}.blatt{position:relative;margin:0;background:var(--papier);border:var(--linie) solid var(--kontur);border-radius:var(--rund);padding:10px;overflow:hidden;touch-action:pan-x pan-y}.blatt--zoom{touch-action:none}.blatt__flaeche{position:relative;transform-origin:0 0}.blatt img{width:100%;height:auto}.blatt__leinwand{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;border-radius:4px}.blatt--zoom .blatt__leinwand{cursor:grab}.zoom{position:absolute;top:14px;right:14px;z-index:2;display:flex;gap:6px}.zoom[hidden]{display:none}.zoom button{width:40px;height:40px;border-radius:50%;border:var(--linie) solid var(--kontur);background:var(--flaeche);color:var(--tinte);font-family:var(--schrift-titel);font-weight:800;font-size:1.4rem;line-height:1;cursor:pointer}.zoom button:disabled{opacity:.4;cursor:default}.blatt--bereit img{visibility:hidden}.blatt__hinweis{text-align:center;color:var(--leise);font-size:.95rem}.malkasten{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;background:var(--flaeche);border:var(--linie) solid var(--kontur);border-radius:var(--rund);padding:8px 10px}.malkasten__farben{display:flex;flex-wrap:wrap;gap:8px;padding:6px}.malkasten__zuletzt{display:contents}.malkasten__mehr{width:100%;display:flex;flex-wrap:wrap;gap:8px;padding:6px;border-top:var(--linie) dashed var(--kontur)}.malkasten__mehr[hidden]{display:none}.malkasten__knoepfe{display:flex;flex-wrap:wrap;gap:8px}.motiv__info{display:grid;gap:16px;align-content:start;position:sticky;top:16px}.motiv__text{font-size:1.12rem}.anleitung{background:var(--sonne-zart);border:var(--linie) solid var(--kontur);border-radius:var(--rund-klein);padding:10px 14px}.fakten{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.fakten li{padding:4px 12px;border-radius:999px;background:var(--sonne-zart);border:var(--linie) solid var(--kontur);font-weight:700;font-size:.92rem}.tipps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.tipp{background:var(--flaeche);border:var(--linie) solid var(--kontur);border-radius:var(--rund);padding:14px 16px}.tipp h3{margin:0 0 6px;font-family:var(--schrift-titel);font-size:1.12rem}.tipp p{margin:0}.alle{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px 28px}.alle__gruppe h2{font-size:1.25rem;margin:0 0 6px}.alle__gruppe ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.alle__gruppe span{color:var(--leise);font-size:.9rem}.motiv__knoepfe{display:flex;flex-wrap:wrap;gap:10px}.motiv__klein{color:var(--leise);font-size:.92rem}.neumandala{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:24px;align-items:center;background:var(--flaeche);border:var(--linie) solid var(--kontur);border-radius:var(--rund);padding:18px}.neumandala__blatt{background:var(--papier);border-radius:var(--rund-klein)}.neumandala__blatt svg{width:100%;height:auto}.neumandala__text{display:grid;gap:12px}.neumandala__text p{color:var(--leise)}.kurz{background:var(--flaeche);border:var(--linie) solid var(--kontur);border-radius:var(--rund-klein);padding:10px 14px;max-width:70ch}.fragen{max-width:70ch;gap:10px}.frage{background:var(--flaeche);border:var(--linie) solid var(--kontur);border-radius:var(--rund-klein);padding:0 14px}.frage summary{cursor:pointer;font-weight:800;padding:12px 0;list-style-position:inside}.frage p{padding-bottom:14px;color:var(--leise)}.text{display:grid;gap:22px;max-width:68ch}.text section{display:grid;gap:8px;scroll-margin-top:16px}.text h2{font-size:1.35rem}@media(max-width:860px){.held,.motiv{grid-template-columns:minmax(0,1fr)}.held__wal{max-width:440px;justify-self:center}.motiv__info{position:static}.schritte,.fuss__in,.neumandala{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.haupt{gap:36px;padding-block:18px 48px}.raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.karte__blatt{padding:6px}.karte__titel{font-size:1rem}.kopf__nav a:nth-child(2),.kopf__nav a:nth-child(3){display:none}.kopf__nav{flex-wrap:nowrap;gap:14px}.marke{font-size:1.3rem}.malkasten{padding:6px 8px;gap:4px 8px}.malkasten__farben,.malkasten__mehr{width:100%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding:6px 2px;justify-items:center}.malkasten__farben .farbe,.malkasten__mehr .farbe{width:100%;max-width:40px;height:auto;aspect-ratio:1}.malkasten__knoepfe{width:100%;flex-wrap:nowrap}.malkasten__knoepfe .knopf{flex:1;padding-inline:6px}.krumen ol{margin-bottom:-20px}.farbe{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}@page{size:A4 portrait;margin:12mm}@page blatt{margin:0}@media print{body{background:#fff}body:has(.blatt) .kopf,body:has(.blatt) .fuss,body:has(.blatt) .krumen,body:has(.blatt) .motiv__titel,body:has(.blatt) .motiv__info,body:has(.blatt) .abschnitt,body:has(.blatt) .malkasten,body:has(.blatt) .blatt__hinweis{display:none!important}body:has(.blatt) .haupt,body:has(.blatt) .motiv,body:has(.blatt) .blattbereich{display:block;padding:0;margin:0;max-width:none}.blatt{page:blatt;break-inside:avoid;border:0;border-radius:0;padding:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.blatt img,.blatt__leinwand{position:static;display:block;inset:auto;height:100vh;width:auto;max-width:100%;object-fit:contain}.blatt__flaeche{display:contents;transform:none!important}.zoom{display:none!important}.blatt--bereit img{display:none}.druck-mandala .haupt>*{display:none!important}.druck-mandala .neumandala{display:block!important;border:0;padding:0}.druck-mandala .neumandala__text{display:none}.druck-mandala .neumandala__blatt{width:170mm;margin:30mm auto 0}}