@font-face {
    font-family: 'Atkinson Hyperlegible Next';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("../fonts/atkinson-hyperlegible-next-latin-wght-normal-654b7f80f348790195d5afeec3535d5c.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Atkinson Hyperlegible Next';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("../fonts/atkinson-hyperlegible-next-latin-ext-wght-normal-0a34c85c373d5a5bd99d3c54bcb5beba.woff2") format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Newsreader';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("../fonts/newsreader-latin-opsz-normal-15acbc105ddda1b40673a007df2cfa2c.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Newsreader';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("../fonts/newsreader-latin-ext-opsz-normal-342d831f539092433b313289ef599f50.woff2") format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


@font-face {
    font-family: 'Newsreader';
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url("../fonts/newsreader-latin-opsz-italic-3fe6fb7b6f2abadd285bf05e62a12424.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Newsreader';
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url("../fonts/newsreader-latin-ext-opsz-italic-613074c3a8e6176bf277e174c5693c92.woff2") format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Atkinson Hyperlegible Mono';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("../fonts/atkinson-hyperlegible-mono-latin-wght-normal-15caef4b6d89e29b5b429a5fbcbc03a8.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Atkinson Hyperlegible Mono';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("../fonts/atkinson-hyperlegible-mono-latin-ext-wght-normal-e709fc379f9317d7493233e834d38097.woff2") format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
    color-scheme: light;

    

    
    --bg: #F5F1E8;
    --surface: #FFFDF8;
    
    --surface-muted: #ECE6DA;
    --elevated: #FFFFFF;

    
    --papier: #FFFFFF;
    --papier-text: #202831;

    
    --feld: #FAF7F0;

    

    
    --text-strong: #202831;
    --text: #202831;
    --text-2: #4D5663;
    
    --text-3: #6B727C;

    

    --line: #DDD5C6;
    --line-soft: #E6DFD2;
    
    --line-card: #EFE9DD;
    
    --line-strong: #857B6B;

    

    
    --navy: #24405E;
    --navy-deep: #172B45;
    --on-navy: #FFFFFF;
    
    --navy-label: #C9D6E5;
    --navy-item: #DCE5EF;

    

    
    --accent: #24405E;
    --on-accent: #FFFFFF;
    --accent-soft: #E2E8F0;

    
    --akzent-warm: #FF8A00;
    --akzent-warm-ink: #9E5800;
    --on-akzent-warm: #221202;
    --akzent-warm-verlauf: linear-gradient(160deg, #FF9D28, #F07B00);

    
    --plus-verlauf: linear-gradient(160deg, #DE7800, #CF6E00);
    --plus-zeichen: #FFFFFF;
    --plus-hell: #DE7800;

    
    --done: #3F6A58;
    --done-flaeche: #3F6A58;

    --error: #B0281F;
    --error-soft: #F8DFDB;
    --error-line: #EEC6C0;
    --on-error: #FFFFFF;

    --warning: #87560A;
    --warning-soft: #F8EBCD;
    --warning-line: #EBD8A6;

    --focus: #315B88;
    --focus-ring: rgb(49 91 136 / 0.18);

    

    
    --ton-blau: #E2E8F0;
    --ton-orange: #FFF2E0;
    --ton-gruen: #E3EAE5;
    --ton-rot: #F8DFDB;
    --ton-violett: #F4E8C9;

    

    
    --material: rgb(255 253 248 / 0.94);
    --material-strong: rgb(255 253 248 / 0.97);
    --material-line: rgb(23 32 44 / 0.10);

    
    --stage: #131311;
    --stage-ink: #F2EEE6;
    --stage-mute: #BDB7AC;
    --stage-line: #34332F;

    

    
    --brass: #7A5810;
    --brass-soft: #F4E8C9;
    --info: #315B88;
    --info-soft: #E2E8F0;

    
    --plan-booked: #24405E;
    --plan-wish: #A54A28;
    --plan-suggestion: #5E6670;

    --stage-raised: #22221F;
    --focus-ring-stage: #9DB8FF;
    --photo-scrim: rgb(12 12 10 / 0.56);

    
    --print-paper: #F7F4EC;
    --print-ink: #2A2A26;
    --wood-oak: #C9A675;
    --wood-walnut: #5A3E2B;
    --wood-barn: #86684D;
    --wood-whitewash: #E4DDD0;
    --wood-pine: #D9B57E;
    --wood-reclaimed: #76624F;
    --washi: rgb(214 196 160 / 0.78);
    --twine: #B39A72;

    

    
    --sh-rest: 0 1px 2px rgb(23 32 44 / 0.06);
    --sh-raised: 0 1px 2px rgb(23 32 44 / 0.06), 0 4px 16px rgb(23 32 44 / 0.10);
    --sh-overlay: 0 4px 16px rgb(23 32 44 / 0.12), 0 1px 3px rgb(23 32 44 / 0.08);
    --sh-sheet: 0 -8px 32px rgb(23 32 44 / 0.14);
    --shadow-print: 0 1px 1px rgb(40 28 14 / 0.22), 0 6px 14px -4px rgb(40 28 14 / 0.30);

    --shadow: var(--sh-raised);
    --shadow-flach: var(--sh-rest);

    

    
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 20px;
    --sp-6: 24px;
    --sp-8: 32px;
    --sp-10: 40px;
    --sp-12: 48px;
    --sp-16: 64px;
    --sp-24: 96px;

    

    
    --r-field: 8px;
    --r-input: 8px;
    --r-control: 8px;
    --r-button: 8px;
    --r-button-gross: 10px;
    --r-foto: 2px;
    --r-card: 12px;
    --r-card-reise: 12px;
    --r-hero: 12px;
    --r-dialog: 20px;
    --r-sheet: 20px;
    --r-kachel: 8px;
    --r-chip: 999px;
    --r-tag: 4px;

    

    
    --tap-min: 48px;
    --h-input: 52px;
    --h-button: 52px;
    --h-button-primary: 56px;
    --h-row: 62px;
    --h-row-bild: 80px;
    --h-tab: 56px;
    --h-header: 56px;
    --h-chip: 40px;
    --h-segment: 44px;
    --kasten: 28px;

    

    --font: 'Atkinson Hyperlegible Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Roboto, Arial, sans-serif;
    --font-display: Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
    --font-mono: 'Atkinson Hyperlegible Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    
    --fw-display: 500;

    
    --fs-page: clamp(2rem, 1.45rem + 2.2vw, 2.75rem);
    --fs-hero: clamp(2.25rem, 1.5rem + 3vw, 3.5rem);
    --fs-section: 1.1875rem;
    --fs-card: 1.125rem;
    --fs-sub: 1.0625rem;
    --fs-body: 1.0625rem;
    --fs-control: 1rem;
    --fs-meta: 0.9375rem;
    --fs-mark: 0.875rem;

    
    --lw-page: -0.01em;
    --lw-section: -0.005em;
    --lw-card: 0;
    --lw-body: 0;
    --lw-control: 0.005em;
    --lw-meta: 0;
    --lw-mark: 0.06em;

    --zh-page: 1.12;
    --zh-section: 1.3;
    --zh-card: 1.35;
    --zh-body: 1.55;
    --zh-control: 1.3;

    --lesebreite: 68ch;

    

    
    --motion-scale: 1;
    --stagger: 32ms;

    --ease: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --ease-exit: cubic-bezier(0.4, 0, 1, 1);
    --ease-panel: cubic-bezier(0.2, 0.9, 0.25, 1);

    --dur-instant: calc(90ms * var(--motion-scale) + 1ms);
    --dur-quick: calc(160ms * var(--motion-scale) + 1ms);
    --dur-base: calc(240ms * var(--motion-scale) + 1ms);
    --dur-sheet: calc(360ms * var(--motion-scale) + 1ms);
    --dur-shared: calc(480ms * var(--motion-scale) + 1ms);
    --dur-cinematic: calc(820ms * var(--motion-scale) + 1ms);
    --dur-tv: calc(1400ms * var(--motion-scale) + 1ms);

    
    --d-up: var(--dur-base);
    --d-fade: var(--dur-quick);
    --d-pop: var(--dur-base);
    --d-panel: calc(280ms * var(--motion-scale) + 1ms);

    
    --z-veil-back: -3;
    --z-veil: -2;
    --z-veil-front: -1;
    --z-lift: 1;
    --z-sticky: 10;
    --z-popover: 12;
    --z-header: 20;
    --z-bottom-bar: 30;
    --z-fab: 31;
    --z-menu: 40;
    --z-sheet-backdrop: 68;
    --z-bottom-bar-global: 70;
    --z-sheet-trigger: 71;
    --z-sheet-media: 72;
    --z-toast: 95;
    --z-progress: 1000;

    
    --sheet-backdrop-color: rgb(16 22 31 / 0.48);
    --sheet-backdrop-blur: 0px;

    
    --skeleton: #E6DFD1;
    --skeleton-card: #ECE6DA;

    

    --leiste-glas: rgb(255 253 248 / 0.94);
    --leiste-linie: rgb(23 32 44 / 0.10);
    --leiste-schatten: 0 4px 16px rgb(23 32 44 / 0.10), 0 1px 3px rgb(23 32 44 / 0.08);
    --leiste-hoehe: 64px;
    --plus-groesse: 56px;
    --plus-flaeche: var(--plus-hell); 
    --plus-schatten: 0 6px 16px rgb(207 110 0 / 0.30), 0 1px 3px rgb(23 32 44 / 0.12);
    --panel-flaeche: rgb(255 255 255 / 0.98);

    

    
    --marke-flaeche: #172B45;
    --on-marke: #FFFFFF;
    --marke-item: #DCE5EF;

    

    
    --seite-flaeche: #F5F1E8;
    --seite-linie: #DDD5C6;
    --seite-text: #202831;
    --seite-item: #4D5663;
    --seite-label: #5E6670;
    --seite-hover: #EFE9DD;
    --seite-aktiv: #E2E8F0;
    --seite-aktiv-text: #172B45;

    
    --fs-titel: 2rem;
    --fs-abschnitt: 1.3125rem;
    --fs-karte: 1.125rem;
    --fs-zweit: 0.9375rem;
}


:root[data-motion='calm'] {
    --motion-scale: 0.7;
    --stagger: 0ms;
}

:root[data-motion='wow'] {
    --motion-scale: 1.25;
    --stagger: 48ms;
}

:root[data-motion='reduced'] {
    --motion-scale: 0;
    --stagger: 0ms;
}


@media (prefers-reduced-motion: reduce) {
    :root:not([data-motion]) {
        --motion-scale: 0;
        --stagger: 0ms;
    }
}


:root[data-schrift='gross'] {
    font-size: 112.5%;
}

:root[data-schrift='sehr-gross'] {
    font-size: 125%;
}


@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) {
        color-scheme: dark;

        
        --bg: #11161D;
        --surface: #19202A;
        --surface-muted: #0C1016;
        --elevated: #222A35;
        --feld: #151B24;

        --text-strong: #ECE7DC;
        --text: #ECE7DC;
        --text-2: #BAB4A8;
        --text-3: #8E9198;

        --line: #2D3643;
        --line-soft: #28303C;
        --line-card: #242C37;
        --line-strong: #7A8290;

        
        --navy: #8FB1D8;
        --navy-deep: #0B1524;
        --on-navy: #0F1B2B;
        --navy-label: #1E2F45;
        --navy-item: #16263A;

        --accent: #A8C4E6;
        --on-accent: #0F1B2B;
        --accent-soft: #1D2B3D;

        --akzent-warm: #FFA033;
        --akzent-warm-ink: #FFB55C;
        --on-akzent-warm: #221202;
        --akzent-warm-verlauf: linear-gradient(160deg, #FFB155, #FF8A1F);
        --plus-verlauf: linear-gradient(160deg, #DE7800, #CF6E00);
        --plus-zeichen: #FFFFFF;
        --plus-hell: #DE7800;

        --done: #9EC2AE;
        --done-flaeche: #9EC2AE;

        --error: #F2958B;
        --error-soft: #3B1C19;
        --error-line: #5A2B26;
        --on-error: #2B0C09;

        --warning: #E6BB5E;
        --warning-soft: #352914;
        --warning-line: #4E3D1C;

        --focus: #9DB8FF;
        --focus-ring: rgb(157 184 255 / 0.22);

        --ton-blau: #1C2A3B;
        --ton-orange: #35270F;
        --ton-gruen: #1E2C27;
        --ton-rot: #3B1C19;
        --ton-violett: #33291A;

        --material: rgb(25 32 42 / 0.94);
        --material-strong: rgb(25 32 42 / 0.97);
        --material-line: rgb(236 231 220 / 0.12);

        --stage: #0B0B0A;
        --stage-raised: #1A1A18;

        --brass: #D9B45C;
        --brass-soft: #33291A;
        --info: #93BCE6;
        --info-soft: #1C2A3B;
        --plan-booked: #8FB1D8;
        --plan-wish: #E8A080;
        --plan-suggestion: #A39E93;
        --photo-scrim: rgb(12 12 10 / 0.64);

        --sh-rest: none;
        --sh-raised: 0 4px 16px rgb(0 0 0 / 0.55), 0 0 0 1px rgb(255 255 255 / 0.06);
        --sh-overlay: 0 4px 16px rgb(0 0 0 / 0.55), 0 0 0 1px rgb(255 255 255 / 0.06);
        --sh-sheet: 0 -8px 32px rgb(0 0 0 / 0.6), 0 0 0 1px rgb(255 255 255 / 0.06);

        --sheet-backdrop-color: rgb(0 0 0 / 0.62);
        --sheet-backdrop-blur: 0px;

        --skeleton: #222A35;
        --skeleton-card: #252E3A;

        --leiste-glas: rgb(30 38 49 / 0.94);
        --leiste-linie: rgb(236 231 220 / 0.10);
        --leiste-schatten: 0 8px 28px rgb(0 0 0 / 0.5);
        --plus-flaeche: var(--plus-hell);
        --plus-schatten: 0 8px 22px rgb(0 0 0 / 0.5);
        --panel-flaeche: rgb(30 38 49 / 0.98);

        --marke-flaeche: #14233A;
        --on-marke: #ECE7DC;
        --marke-item: #C6D3E3;

        --seite-flaeche: #11161D;
        --seite-linie: #2D3643;
        --seite-text: #ECE7DC;
        --seite-item: #BAB4A8;
        --seite-label: #A39E93;
        --seite-hover: #222A35;
        --seite-aktiv: #1D2B3D;
        --seite-aktiv-text: #A8C4E6;
    }
}

:root[data-theme='dark'] {
    color-scheme: dark;

    
    --bg: #11161D;
    --surface: #19202A;
    --surface-muted: #0C1016;
    --elevated: #222A35;
    --feld: #151B24;

    --text-strong: #ECE7DC;
    --text: #ECE7DC;
    --text-2: #BAB4A8;
    --text-3: #8E9198;

    --line: #2D3643;
    --line-soft: #28303C;
    --line-card: #242C37;
    --line-strong: #7A8290;

    
    --navy: #8FB1D8;
    --navy-deep: #0B1524;
    --on-navy: #0F1B2B;
    --navy-label: #1E2F45;
    --navy-item: #16263A;

    --accent: #A8C4E6;
    --on-accent: #0F1B2B;
    --accent-soft: #1D2B3D;

    --akzent-warm: #FFA033;
    --akzent-warm-ink: #FFB55C;
    --on-akzent-warm: #221202;
    --akzent-warm-verlauf: linear-gradient(160deg, #FFB155, #FF8A1F);
    --plus-verlauf: linear-gradient(160deg, #DE7800, #CF6E00);
    --plus-zeichen: #FFFFFF;
    --plus-hell: #DE7800;

    --done: #9EC2AE;
    --done-flaeche: #9EC2AE;

    --error: #F2958B;
    --error-soft: #3B1C19;
    --error-line: #5A2B26;
    --on-error: #2B0C09;

    --warning: #E6BB5E;
    --warning-soft: #352914;
    --warning-line: #4E3D1C;

    --focus: #9DB8FF;
    --focus-ring: rgb(157 184 255 / 0.22);

    --ton-blau: #1C2A3B;
    --ton-orange: #35270F;
    --ton-gruen: #1E2C27;
    --ton-rot: #3B1C19;
    --ton-violett: #33291A;

    --material: rgb(25 32 42 / 0.94);
    --material-strong: rgb(25 32 42 / 0.97);
    --material-line: rgb(236 231 220 / 0.12);

    --stage: #0B0B0A;
    --stage-raised: #1A1A18;

    --brass: #D9B45C;
    --brass-soft: #33291A;
    --info: #93BCE6;
    --info-soft: #1C2A3B;
    --plan-booked: #8FB1D8;
    --plan-wish: #E8A080;
    --plan-suggestion: #A39E93;
    --photo-scrim: rgb(12 12 10 / 0.64);

    --sh-rest: none;
    --sh-raised: 0 4px 16px rgb(0 0 0 / 0.55), 0 0 0 1px rgb(255 255 255 / 0.06);
    --sh-overlay: 0 4px 16px rgb(0 0 0 / 0.55), 0 0 0 1px rgb(255 255 255 / 0.06);
    --sh-sheet: 0 -8px 32px rgb(0 0 0 / 0.6), 0 0 0 1px rgb(255 255 255 / 0.06);

    --sheet-backdrop-color: rgb(0 0 0 / 0.62);
    --sheet-backdrop-blur: 0px;

    --skeleton: #222A35;
    --skeleton-card: #252E3A;

    --leiste-glas: rgb(30 38 49 / 0.94);
    --leiste-linie: rgb(236 231 220 / 0.10);
    --leiste-schatten: 0 8px 28px rgb(0 0 0 / 0.5);
    --plus-flaeche: var(--plus-hell);
    --plus-schatten: 0 8px 22px rgb(0 0 0 / 0.5);
    --panel-flaeche: rgb(30 38 49 / 0.98);

    --marke-flaeche: #14233A;
    --on-marke: #ECE7DC;
    --marke-item: #C6D3E3;

    --seite-flaeche: #11161D;
    --seite-linie: #2D3643;
    --seite-text: #ECE7DC;
    --seite-item: #BAB4A8;
    --seite-label: #A39E93;
    --seite-hover: #222A35;
    --seite-aktiv: #1D2B3D;
    --seite-aktiv-text: #A8C4E6;
}

:root[data-theme='light'] {
    color-scheme: light;
}