:root{--anim-ease-inQuad:cubic-bezier(.55, .085, .68, .53);--anim-ease-outQuad:cubic-bezier(.25, .46, .45, .94);--anim-ease-inOutQuad:cubic-bezier(.455, .03, .515, .955);--anim-ease-inQuart:cubic-bezier(.5, 0, .75, 0);--anim-ease-outQuart:cubic-bezier(.25, 1, .5, 1);--anim-ease-inOutQuart:cubic-bezier(.76, 0, .24, 1)}
:root{--color-hsl-white:38 100% 100%;--color-hsl-offWhite:38 40% 96%;--color-hsl-paper:38 100% 99%;--color-hsl-black:185 100% 2%;--color-hsl-ink:185 100% 5%;--color-hsl-flint:185 100% 11%;--color-hsl-offWhite-cool:185 33% 97%;--color-hsl-flint-warm:38 41% 10%;--color-hsl-emerald:179 100% 31%;--color-hsl-emerald-light:179 100% 46%;--color-hsl-emerald-dark:179 100% 30%;--color-hsl-yellow:59 100% 70%;--color-hsl-sand:38 41% 93%;--color-hsl-sky:213 82% 94%;--color-hsl-dark-sky:215 40% 62%;--color-hsl-sage:184 16% 79%;--color-hsl-red:328 68% 43%;--color-hsl-red-light:328 68% 55%;--color-accent-offWhite:hsl(var(--color-hsl-offWhite));--color-accent-emerald:hsl(var(--color-hsl-emerald));--color-accent-yellow:hsl(var(--color-hsl-yellow));--color-accent-sky:hsl(var(--color-hsl-sky));--color-accent-dark-sky:hsl(var(--color-hsl-dark-sky));--color-accent-sand:hsl(var(--color-hsl-sand));--color-accent-sage:hsl(var(--color-hsl-sage));--color-forLightBases-bg-0:hsl(var(--color-hsl-paper));--color-forLightBases-bg-1:hsl(var(--color-hsl-offWhite));--color-forLightBases-bg-2:hsl(var(--color-hsl-flint-warm) / 7%);--color-forLightBases-fg-1:hsl(var(--color-hsl-flint));--color-forLightBases-fg-2:hsl(var(--color-hsl-flint) / 60%);--color-forLightBases-fg-emerald:hsl(var(--color-hsl-emerald-dark));--color-forLightBases-fg-red:hsl(var(--color-hsl-red));--color-forLightBases-chrome-1:hsl(var(--color-hsl-ink) / 45%);--color-forLightBases-chrome-2:hsl(var(--color-hsl-ink) / 7%);--color-forLightBases-focus-ring:hsl(var(--color-hsl-emerald));--color-forLightBases-focus-glow:hsl(var(--color-hsl-emerald) / 25%);--color-forDarkBases-bg-0:hsl(var(--color-hsl-ink));--color-forDarkBases-bg-1:hsl(var(--color-hsl-flint));--color-forDarkBases-bg-2:hsl(var(--color-hsl-offWhite-cool) / 5%);--color-forDarkBases-fg-1:hsl(var(--color-hsl-offWhite));--color-forDarkBases-fg-2:hsl(var(--color-hsl-offWhite) / 55%);--color-forDarkBases-fg-emerald:hsl(var(--color-hsl-emerald-light));--color-forDarkBases-fg-red:hsl(var(--color-hsl-red-light));--color-forDarkBases-chrome-1:hsl(var(--color-hsl-offWhite) / 40%);--color-forDarkBases-chrome-2:hsl(var(--color-hsl-offWhite) / 10%);--color-forDarkBases-focus-ring:hsl(var(--color-hsl-emerald-light));--color-forDarkBases-focus-glow:hsl(var(--color-hsl-emerald-light) / 40%)}.color-base-light{--color-base-bg-0:var(--color-forLightBases-bg-0);--color-base-bg-1:var(--color-forLightBases-bg-1);--color-base-bg-2:var(--color-forLightBases-bg-2);--color-base-fg-1:var(--color-forLightBases-fg-1);--color-base-fg-2:var(--color-forLightBases-fg-2);--color-base-fg-emerald:var(--color-forLightBases-fg-emerald);--color-base-fg-red:var(--color-forLightBases-fg-red);--color-base-chrome-1:var(--color-forLightBases-chrome-1);--color-base-chrome-2:var(--color-forLightBases-chrome-2);--color-base-focus-ring:var(--color-forLightBases-focus-ring);--color-base-focus-glow:var(--color-forLightBases-focus-glow);color-scheme:light}.color-base-dark{--color-base-bg-0:var(--color-forDarkBases-bg-0);--color-base-bg-1:var(--color-forDarkBases-bg-1);--color-base-bg-2:var(--color-forDarkBases-bg-2);--color-base-fg-1:var(--color-forDarkBases-fg-1);--color-base-fg-2:var(--color-forDarkBases-fg-2);--color-base-fg-emerald:var(--color-forDarkBases-fg-emerald);--color-base-fg-red:var(--color-forDarkBases-fg-red);--color-base-chrome-1:var(--color-forDarkBases-chrome-1);--color-base-chrome-2:var(--color-forDarkBases-chrome-2);--color-base-focus-ring:var(--color-forDarkBases-focus-ring);--color-base-focus-glow:var(--color-forDarkBases-focus-glow);color-scheme:dark}.color-base-sky{--color-base-bg-1:var(--color-accent-sky);--color-base-fg-1:var(--color-forLightBases-fg-1);--color-base-fg-2:var(--color-forLightBases-fg-2);--color-base-chrome-1:var(--color-forLightBases-chrome-1);--color-base-chrome-2:var(--color-forLightBases-chrome-2);--color-base-focus-ring:var(--color-forLightBases-focus-ring);--color-base-focus-glow:var(--color-forLightBases-focus-glow);--color-base-bg-0:var(--color-base-bg-1);--color-base-bg-2:var(--color-base-bg-1);--color-base-fg-emerald:var(--color-base-fg-1);--color-base-fg-red:var(--color-base-fg-1)}.color-base-sand{--color-base-bg-1:var(--color-accent-sand);--color-base-fg-1:var(--color-forLightBases-fg-1);--color-base-fg-2:var(--color-forLightBases-fg-2);--color-base-chrome-1:var(--color-forLightBases-chrome-1);--color-base-chrome-2:var(--color-forLightBases-chrome-2);--color-base-focus-ring:var(--color-forLightBases-focus-ring);--color-base-focus-glow:var(--color-forLightBases-focus-glow);--color-base-bg-0:var(--color-base-bg-1);--color-base-bg-2:var(--color-base-bg-1);--color-base-fg-emerald:var(--color-base-fg-1);--color-base-fg-red:var(--color-base-fg-1)}.color-base-sage{--color-base-bg-1:var(--color-accent-sage);--color-base-fg-1:var(--color-forLightBases-fg-1);--color-base-fg-2:var(--color-forLightBases-fg-2);--color-base-chrome-1:var(--color-forLightBases-chrome-1);--color-base-chrome-2:var(--color-forLightBases-chrome-2);--color-base-focus-ring:var(--color-forLightBases-focus-ring);--color-base-focus-glow:var(--color-forLightBases-focus-glow);--color-base-bg-0:var(--color-base-bg-1);--color-base-bg-2:var(--color-base-bg-1);--color-base-fg-emerald:var(--color-base-fg-1);--color-base-fg-red:var(--color-base-fg-1)}.color-base-emerald{--color-base-bg-0:var(--color-base-bg-1);--color-base-bg-1:var(--color-accent-emerald);--color-base-bg-2:var(--color-base-bg-1);--color-base-fg-1:var(--color-forDarkBases-fg-1);--color-base-fg-2:var(--color-forDarkBases-fg-2);--color-base-chrome-1:var(--color-forDarkBases-chrome-1);--color-base-chrome-2:var(--color-forDarkBases-chrome-2);--color-base-focus-ring:hsl(var(--color-hsl-offWhite));--color-base-focus-glow:hsl(var(--color-hsl-offWhite) / 40%);--color-base-fg-emerald:var(--color-base-fg-1);--color-base-fg-red:var(--color-base-fg-1)}.color-base-dark-sky{--color-base-bg-0:var(--color-base-bg-1);--color-base-bg-1:var(--color-accent-dark-sky);--color-base-bg-2:var(--color-base-bg-1);--color-base-fg-1:var(--color-accent-sky);--color-base-fg-2:var(--color-forDarkBases-fg-2);--color-base-chrome-1:var(--color-forDarkBases-chrome-1);--color-base-chrome-2:var(--color-forDarkBases-chrome-2);--color-base-focus-ring:hsl(var(--color-hsl-offWhite));--color-base-focus-glow:hsl(var(--color-hsl-offWhite) / 40%);--color-base-fg-emerald:var(--color-base-fg-1);--color-base-fg-red:var(--color-base-fg-1)}.color-base-yellow{--color-base-bg-0:var(--color-base-bg-1);--color-base-bg-1:var(--color-accent-yellow);--color-base-bg-2:var(--color-base-bg-1);--color-base-fg-1:var(--color-forLightBases-fg-1);--color-base-fg-2:var(--color-forLightBases-fg-2);--color-base-chrome-1:var(--color-forLightBases-chrome-1);--color-base-chrome-2:var(--color-forLightBases-chrome-2);--color-base-focus-ring:hsl(var(--color-hsl-emerald-dark));--color-base-focus-glow:hsl(var(--color-hsl-emerald-dark) / 40%);--color-base-fg-emerald:var(--color-base-fg-1);--color-base-fg-red:var(--color-base-fg-1)}
:root{--focus-glow-size:4px;--focus-transition:box-shadow .1s var(--anim-ease-inOutQuad)}:is(.color-base-light,.color-base-dark,.color-base-dark-sky,.color-base-sky,.color-base-sand,.color-base-sage,.color-base-emerald,.color-base-yellow){--focus-glow-inset:var(--hairline-fakeBorder-inset) var(--color-base-focus-ring), inset 0 0 0 var(--focus-glow-size) var(--color-base-focus-glow)}:is(.color-base-light,.color-base-dark,.color-base-dark-sky,.color-base-sky,.color-base-sand,.color-base-sage,.color-base-emerald,.color-base-yellow)>*{--focus-glow:var(--hairline-fakeBorder) var(--color-base-focus-ring), 0 0 0 var(--focus-glow-size) var(--color-base-focus-glow)}
:root{--shadow-empty:0 0 0 0 transparent}:is(.color-base-light,.color-base-dark,.color-base-dark-sky,.color-base-sky,.color-base-sand,.color-base-sage,.color-base-emerald,.color-base-yellow){--shadow-1-layer-a:0 8px 3px hsl(var(--color-hsl-black) / calc(var(--shadow-color-opacity) * 1));--shadow-1-layer-b:0 5px 3px hsl(var(--color-hsl-black) / calc(var(--shadow-color-opacity) * 3));--shadow-1-layer-c:0 2px 2px hsl(var(--color-hsl-black) / calc(var(--shadow-color-opacity) * 4));--shadow-1-layer-d:0 1px 1px hsl(var(--color-hsl-black) / calc(var(--shadow-color-opacity) * 5));--shadow-2-layer-a:0 32px 12px hsl(var(--color-hsl-black) / calc(var(--shadow-color-opacity) * 1));--shadow-2-layer-b:0 20px 12px hsl(var(--color-hsl-black) / calc(var(--shadow-color-opacity) * 4));--shadow-2-layer-c:0 8px 8px hsl(var(--color-hsl-black) / calc(var(--shadow-color-opacity) * 6));--shadow-2-layer-d:0 4px 4px hsl(var(--color-hsl-black) / calc(var(--shadow-color-opacity) * 7));--shadow-3-layer-a:0 155px 62px hsl(var(--color-hsl-black) / calc(var(--shadow-color-opacity) * 1));--shadow-3-layer-b:0 87px 52px hsl(var(--color-hsl-black) / calc(var(--shadow-color-opacity) * 5));--shadow-3-layer-c:0 39px 39px hsl(var(--color-hsl-black) / calc(var(--shadow-color-opacity) * 9));--shadow-3-layer-d:0 10px 21px hsl(var(--color-hsl-black) / calc(var(--shadow-color-opacity) * 10));--shadow-1-inset:inset var(--shadow-1-layer-a), inset var(--shadow-1-layer-b), inset var(--shadow-1-layer-c), inset var(--shadow-1-layer-d);--shadow-2-inset:inset var(--shadow-2-layer-a), inset var(--shadow-2-layer-b), inset var(--shadow-2-layer-c), inset var(--shadow-2-layer-d);--shadow-3-inset:inset var(--shadow-3-layer-a), inset var(--shadow-3-layer-b), inset var(--shadow-3-layer-c), inset var(--shadow-3-layer-d)}:is(.color-base-light,.color-base-dark,.color-base-dark-sky,.color-base-sky,.color-base-sand,.color-base-sage,.color-base-emerald,.color-base-yellow)>*{--shadow-1:var(--shadow-1-layer-a), var(--shadow-1-layer-b), var(--shadow-1-layer-c), var(--shadow-1-layer-d);--shadow-2:var(--shadow-2-layer-a), var(--shadow-2-layer-b), var(--shadow-2-layer-c), var(--shadow-2-layer-d);--shadow-3:var(--shadow-3-layer-a), var(--shadow-3-layer-b), var(--shadow-3-layer-c), var(--shadow-3-layer-d)}.color-base-light,.color-base-sky,.color-base-sand,.color-base-sage{--shadow-color-opacity:1%}.color-base-dark{--shadow-color-opacity:6%}.color-base-yellow,.color-base-emerald,.color-base-dark-sky{--shadow-color-opacity:3%}
:root{--fontFamily-sans:"Söhne", system-ui;--fontFamily-mono:"Söhne Mono", monospace;--fontFamily-wide:"Söhne Breit", system-ui;--fontWeight-normal:400;--fontWeight-medium:500;--fontWeight-bold:600;--fontWeight-extraBold:800;--fontSize-h1:clamp(32px, 7.11vw, 70px);--fontSize-h2:clamp(24px, 5.33vw, 50px);--fontSize-h3:clamp(24px, 5.33vw, 30px);--fontSize-h4:clamp(16px, 3.56vw, 24px);--fontSize-bodyLarge:clamp(18px, 4vw, 21px);--fontSize-body:clamp(16px, 3.56vw, 18px);--fontSize-bodySmall:clamp(12px, 2.67vw, 14px);--fontSize-detail:clamp(12px, 2.67vw, 14px);--fontSize-detailSmall:12px;--fontSize-pullQuote:clamp(30px, 6.67vw, 36px);--fontSize-nav:clamp(12px, 2.67vw, 14px);--lineHeight-h1:calc(var(--fontSize-h1) * 1.1);--lineHeight-h2:calc(var(--fontSize-h2) * 1.1);--lineHeight-h3:calc(var(--fontSize-h3) * 1.1);--lineHeight-h4:calc(var(--fontSize-h4) * 1.25);--lineHeight-bodyLarge:calc(var(--fontSize-bodyLarge) * 1.3);--lineHeight-body:calc(var(--fontSize-body) * 1.5);--lineHeight-bodySmall:calc(var(--fontSize-bodySmall) * 1.3);--lineHeight-detail:calc(var(--fontSize-detail) * 1.25);--lineHeight-detailSmall:18px;--lineHeight-pullQuote:calc(var(--fontSize-pullQuote) * 1.35);--lineHeight-nav:calc(var(--fontSize-nav) * 1.2);--font-h1:var(--fontWeight-extraBold) var(--fontSize-h1) / var(--lineHeight-h1) var(--fontFamily-wide);--font-h2:var(--fontWeight-extraBold) var(--fontSize-h2) / var(--lineHeight-h2) var(--fontFamily-wide);--font-h3:var(--fontWeight-extraBold) var(--fontSize-h3) / var(--lineHeight-h3) var(--fontFamily-wide);--font-h4:var(--fontWeight-bold) var(--fontSize-h4) / var(--lineHeight-h4) var(--fontFamily-sans);--font-bodyLarge:var(--fontWeight-normal) var(--fontSize-bodyLarge) / var(--lineHeight-bodyLarge) var(--fontFamily-sans);--font-body:var(--fontWeight-normal) var(--fontSize-body) / var(--lineHeight-body) var(--fontFamily-sans);--font-bodySmall:var(--fontWeight-normal) var(--fontSize-bodySmall) / var(--lineHeight-bodySmall) var(--fontFamily-sans);--font-detail:var(--fontWeight-medium) var(--fontSize-detail) / var(--lineHeight-detail) var(--fontFamily-mono);--font-detailSmall:var(--fontWeight-medium) var(--fontSize-detailSmall) / var(--lineHeight-detailSmall) var(--fontFamily-mono);--font-pullQuote:var(--fontWeight-normal) var(--fontSize-pullQuote) / var(--lineHeight-pullQuote) var(--fontFamily-sans);--font-nav:var(--fontWeight-medium) var(--fontSize-nav) / var(--lineHeight-nav) var(--fontFamily-mono)}@font-face{font-style:normal;font-weight:400;src:local(Söhne Buch),url(/fonts/soehne-buch.woff2)format("woff2");font-family:Söhne;font-display:swap}@font-face{font-style:normal;font-weight:600;src:local(Söhne Halbfett),url(/fonts/soehne-halbfett.woff2)format("woff2");font-family:Söhne;font-display:swap}@font-face{font-style:normal;font-weight:800;src:local(Söhne Breit Fett),url(/fonts/soehne-breit-fett.woff2)format("woff2");font-family:Söhne Breit;font-display:swap}@font-face{font-style:normal;font-weight:400;src:local(Söhne Mono Buch),url(/fonts/soehne-mono-buch.woff2)format("woff2");font-family:Söhne Mono;font-display:swap}@font-face{font-style:normal;font-weight:500;src:local(Söhne Mono Kraftig),url(/fonts/soehne-mono-kraftig.woff2)format("woff2");font-family:Söhne Mono;font-display:swap}
:root{--hairline:1px}@media (min-resolution:2x){:root{--hairline:.5px}}@media (min-resolution:3x){:root{--hairline:.333px}}@media (min-resolution:4x){:root{--hairline:.25px}}:root{--hairline-fakeBorder:0 0 0 1px transparent, 0 0 0 var(--hairline);--hairline-fakeBorder-inset:inset 0 0 0 var(--hairline);--hairline-fakeBorder-top:inset 0 var(--hairline) 0 0;--hairline-fakeBorder-bottom:inset 0 calc(var(--hairline) * -1) 0 0;--hairline-fakeBorder-left:inset var(--hairline) 0 0 0;--hairline-fakeBorder-right:inset calc(var(--hairline) * -1) 0 0 0;--borderRadius-colorBlock:20px;--borderDefault:1px solid #4d7175}
:root{--Slice-const-spacing:180px;--Slice-const-padding-h:60px;--Slice-const-gap:60px;--Slice-const-maxWidth:1600px}@media (max-width:1200px){:root{--Slice-const-padding-h:40px}}@media (max-width:960px){:root{--Slice-const-spacing:120px}}@media (max-width:640px){:root{--Slice-const-spacing:90px;--Slice-const-padding-h:24px;--Slice-const-gap:40px}}@media (max-width:480px){:root{--Slice-const-gap:24px;--Slice-const-padding-h:12px}}:where(.Slice){--Slice-api-spacing:var(--Slice-const-spacing);--Slice-api-padding-h:var(--Slice-const-padding-h);--Slice-api-maxWidth:var(--Slice-const-maxWidth)}@layer base{.Slice{background:var(--color-base-bg-1);color:var(--color-base-fg-1);padding:0}.Slice+.Slice{margin-top:var(--Slice-api-spacing)}.Slice-contentWrapper{box-sizing:border-box;max-width:calc(var(--Slice-api-maxWidth) + (var(--Slice-api-padding-h) * 2));padding:0 var(--Slice-api-padding-h);margin:0 auto}}
