:root{--farbe-hintergrund:#fff;--farbe-text:#222;--farbe-link:#174c84;--farbe-linie:#ccc;--farbe-fokus:#174c84;--schrift-text:system-ui, sans-serif;--schriftgroesse-text:1rem;--zeilenhoehe:1.6;--inhalt-breite:72rem;--abstand-klein:.75rem;--abstand-mittel:1.5rem;--abstand-gross:3rem;--seitenrand:clamp(1rem, 4vw, 3rem)}*{box-sizing:border-box}html{font-family:var(--schrift-text);font-size:var(--schriftgroesse-text);line-height:var(--zeilenhoehe);background:var(--farbe-hintergrund);color:var(--farbe-text)}body{flex-direction:column;min-height:100svh;margin:0;display:flex}a{color:var(--farbe-link);text-underline-offset:.2em;overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--farbe-fokus);outline-offset:4px}h1,h2,h3{overflow-wrap:anywhere;line-height:1.25}p{max-width:70ch}.rahmen{width:100%;max-width:var(--inhalt-breite);padding-inline:var(--seitenrand);margin-inline:auto}.hauptinhalt{padding-block:var(--abstand-gross);flex:1}.kopfzeile{border-bottom:1px solid var(--farbe-linie)}.fusszeile{border-top:1px solid var(--farbe-linie)}.kopfzeile-inhalt,.fusszeile-inhalt{justify-content:space-between;align-items:center;gap:var(--abstand-mittel);padding-block:var(--abstand-mittel);flex-wrap:wrap;display:flex}.seitenname{font-weight:700}.navigation{gap:var(--abstand-klein);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.navigation a{align-items:center;min-height:44px;padding:.25rem .5rem;display:inline-flex}[aria-current=page]{font-weight:700;text-decoration-thickness:.15em}.hero,.seitenkopf{margin-bottom:var(--abstand-gross)}.abschnitt+.abschnitt{margin-top:var(--abstand-gross)}.projektwelten{gap:var(--abstand-mittel);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.projektwelt{border:1px solid var(--farbe-linie);height:100%;padding:var(--abstand-mittel)}.projektwelt h3{margin-top:0}.platzhalter{padding:var(--abstand-mittel);border:2px solid}.redaktionshinweis{font-style:italic}.sprunglink{top:0;left:var(--seitenrand);padding:var(--abstand-klein);background:var(--farbe-hintergrund);position:absolute;transform:translateY(-150%)}.sprunglink:focus{transform:translateY(0)}@media (width<=40rem){.kopfzeile-inhalt,.fusszeile-inhalt{flex-direction:column;align-items:flex-start}.projektwelten{grid-template-columns:1fr}}:root{--paper:#f7f2e9;--ink:#102330;--blue:#225b7a;--forest:#59643b;--rust:#a43a34;--sunset:#e9a16d;--mist:#d9e5e9;--paper-dark:#eadac1;--content-max:1200px;--radius-card:18px;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem;--font-body:system-ui, -apple-system, "Segoe UI", sans-serif;--footer-landschaft:#102b3a}body.startseite{background:var(--paper);color:var(--ink);font-family:var(--font-body)}.startseite a{color:inherit}.startseite p{max-width:none}.startseite :focus-visible{outline-color:var(--blue)}.startseite .sprunglink{z-index:20;background:var(--paper)}.startseiten-inhalt{flex:1}.start-breite,.start-kopf{width:min(calc(100% - 5rem), var(--content-max));margin-inline:auto}.start-kopf{z-index:5;justify-content:space-between;align-items:center;gap:2rem;padding-block:1.5rem;display:flex;position:relative}.wortmarke{letter-spacing:-.09em;text-transform:uppercase;white-space:nowrap;border-bottom:2px solid;padding-bottom:.2rem;font-size:1.8rem;font-style:italic;font-weight:800;text-decoration:none;transform:rotate(-5deg)}.desktop-navigation ul,.mobil-navigation ul{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.desktop-navigation a{padding-block:.65rem;font-size:.9rem;text-decoration:none;display:block}.desktop-navigation [aria-current]{color:var(--blue);border-bottom:2px solid}.mobil-navigation{display:none}.start-hero{grid-template-columns:.9fr 1.25fr;align-items:center;gap:1rem;padding-block:2rem 3rem;display:grid}.hero-text{z-index:2;position:relative}.hallo,.handnotiz,.zitat h2,.projekt-einleitung h2{font-family:Segoe Print,Bradley Hand,cursive;font-style:italic}.hero-text .hallo{margin:0;font-size:clamp(1.5rem,2.6vw,2.4rem);transform:rotate(-5deg)}.hero-text h1{letter-spacing:-.075em;width:fit-content;margin:.5rem 0 2rem;font-family:Segoe Print,Bradley Hand,cursive;font-size:clamp(3.2rem,5.5vw,5.5rem);font-style:italic;font-weight:600;line-height:1.2;position:relative}.hero-text h1:after{content:"";background:url(/design/pinselstrich-blau.svg) 50%/100% 100% no-repeat;height:2.5rem;position:absolute;inset:auto -1rem -1.5rem 10%}.leitsatz{margin-top:2rem;font-size:clamp(1.1rem,1.5vw,1.35rem);font-weight:750;line-height:1.4}.einleitung{font-size:1.05rem;line-height:1.65}.entdecken-knopf,.pinsel-knopf{justify-content:center;align-items:center;gap:1rem;min-height:48px;padding:.65rem 1.4rem;text-decoration:none;display:inline-flex}.startseite .entdecken-knopf{background:var(--ink);color:var(--paper);border-radius:48% 15% 30% 20%/18% 30% 23% 40%;margin-top:.5rem}.entdecken-knopf span{font-size:1.5rem;line-height:1}.hero-bildwelt{padding-top:2rem;padding-bottom:2rem;position:relative}.selfie{margin:0 -1rem 0 0;transform:rotate(1deg)}.selfie img{width:100%;height:auto;display:block}.hero-notiz{z-index:1;background:var(--paper);width:14rem;padding:.6rem;font-size:1rem;line-height:1.5;position:absolute;top:-2rem;right:-1rem;transform:rotate(7deg)}.hero-kamera{background:var(--paper);border-radius:50%;width:7rem;height:auto;padding:.5rem;position:absolute;bottom:-.7rem;left:-.8rem;transform:rotate(-14deg)}.hero-kritzelei{pointer-events:none;width:11rem;height:auto;position:absolute;top:-.5rem;left:0}.start-projekte{z-index:2;scroll-margin-top:1rem;position:relative}.projekt-einleitung{margin-bottom:2rem}.projekt-einleitung h2{margin:0;font-size:2rem}.projekt-einleitung p{margin:.5rem 0 0}.welten-karten{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.welten-karte article{flex-direction:column;height:100%;display:flex}.karten-motiv{aspect-ratio:8/5}.karten-motiv img{object-fit:cover;width:100%;height:100%;display:block;-webkit-mask:url(/images/projects/pinselmaske.svg) 50%/100% 100% no-repeat;mask:url(/images/projects/pinselmaske.svg) 50%/100% 100% no-repeat}.karten-text{flex-direction:column;flex:1;padding:.4rem .6rem 0;display:flex;position:relative}.karten-abzeichen{background:var(--paper);border-radius:50%;place-items:center;width:3.5rem;height:3rem;margin-top:-1.8rem;display:grid;position:relative}.karten-text h3{letter-spacing:-.04em;margin:.3rem 0;font-size:clamp(1rem,1.6vw,1.35rem)}.karten-text>p:not(.handnotiz){min-height:4.5em;margin:0 0 1rem;line-height:1.5}.startseite .pinsel-knopf{color:#fff;background-color:var(--blue);text-transform:uppercase;border-radius:18% 9% 15% 8%/25% 35% 20% 40%;align-self:flex-start;margin-top:auto;font-size:.85rem}.gruen .pinsel-knopf{background-color:var(--forest)}.rot .pinsel-knopf{background-color:var(--rust)}.pinsel-knopf span{font-size:1.4rem}.karten-text .handnotiz{min-height:5em;margin:1rem 0 0;font-size:.95rem;line-height:1.65;transform:rotate(-3deg)}.landschaft-abschluss{margin-top:2rem;position:relative;overflow:hidden}.zitat{z-index:2;text-align:center;padding:1rem 1.5rem;position:relative}.zitat h2{margin:0;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:500}.zitat p{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem}.start-fuss{background:var(--footer-landschaft);color:var(--paper);padding-block:2rem}.fuss-inhalt{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.fuss-inhalt nav{flex-wrap:wrap;gap:1rem;display:flex}.fuss-inhalt nav a{align-items:center;min-height:44px;font-size:.85rem;display:inline-flex}.fuss-inhalt p{font-size:.75rem}.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1000px){.start-breite,.start-kopf{width:calc(100% - 3rem)}.desktop-navigation ul{gap:.85rem}.hero-notiz{width:12rem;font-size:.9rem}.welten-karten{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.karten-text h3{font-size:1.5rem}.karten-text>p:not(.handnotiz){min-height:3em}}@media (width<=700px){.start-breite,.start-kopf{width:calc(100% - 2.5rem)}.start-kopf{gap:1rem;padding-block:1.25rem}.wortmarke{font-size:1.55rem}.desktop-navigation{display:none}.mobil-navigation{display:block}.mobil-navigation summary{cursor:pointer;place-items:center;min-width:44px;min-height:44px;list-style:none;display:grid}.mobil-navigation summary::-webkit-details-marker{display:none}.menue-linien{font-size:1.6rem}.mobil-navigation nav{background:var(--paper);border:1px solid var(--paper-dark);padding:1rem;position:absolute;inset:calc(100% - .25rem) 0 auto;box-shadow:0 10px 20px #10233015}.mobil-navigation ul{flex-direction:column;gap:0}.mobil-navigation a{align-items:center;min-height:44px;display:flex}.start-hero{flex-direction:column;align-items:stretch;gap:1.5rem;padding-top:1rem;padding-bottom:2.5rem;display:flex}.hero-text h1{font-size:clamp(2.7rem,13vw,4.6rem)}.hero-text .hallo{font-size:1.8rem}.leitsatz{font-size:1.18rem;max-width:24ch!important}.einleitung{font-size:1rem}.hero-bildwelt{padding-top:6rem;padding-bottom:2rem}.selfie{margin-inline:-1.25rem;transform:none}.hero-notiz{width:13.5rem;font-size:.95rem;top:-.5rem;left:0;right:auto;transform:rotate(-7deg)}.hero-kamera{width:6rem;bottom:-1rem;left:0}.hero-kritzelei{width:8rem;inset:auto 0 -.5rem auto}.welten-karten{grid-template-columns:1fr;gap:2rem}.karten-text{padding-inline:.5rem}.karten-text h3{font-size:1.5rem}.karten-text>p:not(.handnotiz),.karten-text .handnotiz{min-height:0}.karten-text .handnotiz{margin-bottom:.5rem}.pinsel-knopf{min-width:180px}.landschaft-abschluss{margin-top:1.5rem}.zitat{padding-top:1rem}.zitat h2{max-width:15ch;margin-inline:auto;font-size:2rem}.fuss-inhalt{flex-direction:column;align-items:flex-start;gap:1.5rem}}.footer-landschaft{width:100%;height:auto;margin:0;display:block}.footer-panorama{width:100%;position:relative}.footer-panorama:after{content:"";pointer-events:none;background:linear-gradient(to bottom, var(--paper), transparent 24%), linear-gradient(to top, var(--footer-landschaft), transparent 24%);position:absolute;inset:0}@media (width<=700px){.footer-landschaft{object-fit:cover;object-position:50% 100%;height:130px}}@media (width<=1000px) and (width>=701px){.selfie{margin-right:0}}@media (width<=700px){.start-hero{gap:.75rem}.hero-text .einleitung{margin-bottom:.5rem}.startseite .entdecken-knopf{margin-top:.25rem}.hero-bildwelt{padding-top:.5rem}.hero-notiz{background:color-mix(in srgb, var(--paper) 65%, white);border:1px solid var(--paper-dark);width:min(17rem,100% - 1rem);margin:.25rem auto .5rem;padding:.65rem .85rem;font-size:.88rem;position:relative;inset:auto;transform:rotate(-4deg);box-shadow:2px 4px 8px #10233016}.hero-kritzelei{display:none}.zitat{padding-bottom:0}.zitat p{margin-bottom:0}.fuss-inhalt nav{gap:.5rem .75rem}.fuss-inhalt nav a{min-width:44px;min-height:48px;padding:.5rem .65rem}}.start-fuss :focus-visible{outline-color:var(--paper)}.unterseiten-inhalt{padding-block:clamp(2rem,5vw,4rem)}.unterseite .seitenkopf h1,.unterseite h2{font-family:Segoe Print,Bradley Hand,cursive;font-style:italic}.unterseite .seitenkopf h1{margin-top:0;font-size:clamp(2.4rem,5vw,3.8rem)}.unterseite .seitenkopf{max-width:52rem;margin-bottom:2rem}.unterseite .seitenkopf>p,.unterseiten-einleitung{max-width:65ch;font-size:1.1rem}.welten-uebersicht{margin-top:2.5rem}.welten-uebersicht .welten-karten{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}.welten-uebersicht .karten-text h3{font-size:1.6rem}.welten-uebersicht .karten-text>p:not(.handnotiz),.welten-uebersicht .karten-text .handnotiz{min-height:0}.vorstellung{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;margin-bottom:2rem;display:grid}.vorstellungsfoto{min-width:0;margin:0}.vorstellungsfoto img{width:100%;height:auto;display:block;mask:url(/images/projects/pinselmaske.svg) 50%/100% 100% no-repeat}.vorstellungsfoto figcaption{margin:1rem}.vorstellung h2{margin-top:0;font-size:1.4rem}.vorstellung section+section{margin-top:2rem}.kontaktbereich{padding-block:1rem 3rem}.kontaktadresse{padding-block:.5rem;font-size:clamp(1.25rem,4vw,1.8rem);display:inline-block}.unterseiten-landschaft{opacity:.9;background:var(--footer-landschaft)}@media (width<=700px){.welten-uebersicht .welten-karten,.vorstellung{grid-template-columns:1fr;gap:2rem}.unterseiten-inhalt{padding-top:1.5rem}}