:root {


    --lf-box-shadow: 0px 2px 6px -1px oklch(4% 0.05 245 / 12%);
    --lf-box-shadow-md: 1px 3px 8px -1px oklch(4% 0.05 245 / 16%);
    --lf-box-shadow-lg: 2px 4px 9px -1px oklch(4% 0.05 245 / 16%);
    --lf-box-shadow-inset: inset 1px 1px 4px -1px oklch(4% 0.05 245 / 16%);

    --lf-brand-hue: 245;

    --lf-brand-50:oklch(97.96% 0.0145 245deg);
    --lf-brand-100:oklch(95.65% 0.0393 245deg);
    --lf-brand-200:oklch(91.22% 0.0722 245deg);
    --lf-brand-300:oklch(84.47% 0.1305 245deg);
    --lf-brand-400:oklch(75.57% 0.1773 245deg);
    --lf-brand-500:oklch(66.85% 0.189 245deg);
    --lf-brand-600:oklch(54.91% 0.1591 245deg);
    --lf-brand-700:oklch(48.84% 0.135 245deg);
    --lf-brand-800:oklch(41.93% 0.108 245deg);
    --lf-brand-900:oklch(36.85% 0.0909 245deg);
    --lf-brand-950:oklch(24.93% 0.0654 245deg);
    --lf-gray-50:oklch(97.51% 0.0017 245deg);
    --lf-gray-100:oklch(91.95% 0.0045 245deg);
    --lf-gray-200:oklch(83.62% 0.011 245deg);
    --lf-gray-300:oklch(72.55% 0.0168 245deg);
    --lf-gray-400:oklch(60.84% 0.0201 245deg);
    --lf-gray-500:oklch(54.94% 0.0226 245deg);
    --lf-gray-600:oklch(43.95% 0.0177 245deg);
    --lf-gray-700:oklch(38.63% 0.0141 245deg);
    --lf-gray-800:oklch(34.19% 0.0109 245deg);
    --lf-gray-900:oklch(31.31% 0.0067 245deg);
    --lf-gray-950:oklch(21.77% 0.0073 245deg);
    --lf-slate-50:oklch(97% 0.0051 245deg);
    --lf-slate-100:oklch(92.83% 0.0108 245deg);
    --lf-slate-200:oklch(85.65% 0.019 245deg);
    --lf-slate-300:oklch(75.28% 0.0315 245deg);
    --lf-slate-400:oklch(62.75% 0.041 245deg);
    --lf-slate-500:oklch(54.915% 0.0498 245deg);
    --lf-slate-600:oklch(43.72% 0.0419 245deg);
    --lf-slate-700:oklch(37.754% 0.0372 245deg);
    --lf-slate-800:oklch(32.933% 0.0277 245deg);
    --lf-slate-900:oklch(29.23% 0.0226 245deg);
    --lf-slate-950:oklch(20.93% 0.0148 245deg);
    --lf-white:oklch(99.8% 0.001 245deg);
    --lf-black:oklch(3% 0.001 245deg);
    --lf-surface:oklch(98.38% 0.0027 245deg);
    --lf-surface-container-lowest:oklch(99.8% 0.0027 245deg);
    --lf-surface-container-low:oklch(96.73% 0.0027 245deg);
    --lf-surface-container:oklch(95.36% 0.0038 245deg);
    --lf-surface-container-high:oklch(93.25% 0.0005 245deg);
    --lf-surface-container-highest:oklch(91.4% 0.0038 245deg);
    --lf-text-color-dark:oklch(23% 0.0073 245deg);
    --lf-text-color-medium:oklch(45% 0.0177 245deg);
    --lf-text-color-light:oklch(74% 0.0168 245deg);
    --lf-text-color-contrast:oklch(99.8% 0.001 245deg);

    .lf-color-anbieter {
        --lf-collection-color: #207db8;
    }
    .lf-color-flugplaetze {
        --lf-collection-color: #b83434;
    }
}

@media screen and (prefers-color-scheme: dark) {
    :root {
        --lf-brand-50:oklch(23.2% 0.0386 245deg);
        --lf-brand-100:oklch(34.6% 0.0561 245deg);
        --lf-brand-200:oklch(39% 0.0651 245deg);
        --lf-brand-300:oklch(44.9% 0.0853 245deg);
        --lf-brand-400:oklch(52.9% 0.1076 245deg);
        --lf-brand-500:oklch(61.3% 0.1198 245deg);
        --lf-brand-600:oklch(71.1% 0.1064 245deg);
        --lf-brand-700:oklch(81.9% 0.0757 245deg);
        --lf-brand-800:oklch(90% 0.0427 245deg);
        --lf-brand-900:oklch(95% 0.0231 245deg);
        --lf-brand-950:oklch(97.77% 0.0078 245deg);
        --lf-gray-50:oklch(21.77% 0.0073 245deg);
        --lf-gray-100:oklch(31.31% 0.0067 245deg);
        --lf-gray-200:oklch(34.19% 0.0109 245deg);
        --lf-gray-300:oklch(38.63% 0.0141 245deg);
        --lf-gray-400:oklch(43.95% 0.0177 245deg);
        --lf-gray-500:oklch(54.94% 0.0226 245deg);
        --lf-gray-600:oklch(60.84% 0.0201 245deg);
        --lf-gray-700:oklch(72.55% 0.0168 245deg);
        --lf-gray-800:oklch(83.62% 0.011 245deg);
        --lf-gray-900:oklch(91.95% 0.0045 245deg);
        --lf-gray-950:oklch(97.51% 0.0017 245deg);
        --lf-slate-50:oklch(20.93% 0.0148 245deg);
        --lf-slate-100:oklch(29.23% 0.0226 245deg);
        --lf-slate-200:oklch(32.93% 0.0277 245deg);
        --lf-slate-300:oklch(37.75% 0.0372 245deg);
        --lf-slate-400:oklch(43.72% 0.0419 245deg);
        --lf-slate-500:oklch(54.91% 0.0498 245deg);
        --lf-slate-600:oklch(62.75% 0.041 245deg);
        --lf-slate-700:oklch(75.28% 0.0315 245deg);
        --lf-slate-800:oklch(85.65% 0.019 245deg);
        --lf-slate-900:oklch(92.83% 0.0108 245deg);
        --lf-slate-950:oklch(97% 0.0051 245deg);
        --lf-surface:oklch(18.74% 0.0038 245deg);
        --lf-surface-container-lowest:oklch(16.45% 0.006 245deg);
        --lf-surface-container-low:oklch(22.65% 0.0027 245deg);
        --lf-surface-container:oklch(24.45% 0.0027 245deg);
        --lf-surface-container-high:oklch(28.59% 0.0027 245deg);
        --lf-surface-container-highest:oklch(32.98% 0.0027 245deg);
        --lf-text-color-dark:oklch(84% 0.003 245deg);
        --lf-text-color-medium:oklch(62% 0.003 245deg);
        --lf-text-color-light:oklch(47% 0.01 245deg);
        --lf-text-color-contrast:oklch(21% 0.005 245deg);
    .lf-color-anbieter {
        --lf-collection-color: #207db8;
    }
    .lf-color-flugplaetze {
        --lf-collection-color: #b83434;
    }
    }
}