@font-face {
  font-display: swap;
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('https://backend.weedvibes.de/storage/websites/2/fonts/lora-v36-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: url('https://backend.weedvibes.de/storage/websites/2/fonts/lora-v36-latin-700.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('https://backend.weedvibes.de/storage/websites/2/fonts/lato-v24-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap; 
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('https://backend.weedvibes.de/storage/websites/2/fonts/lato-v24-latin-700.woff2') format('woff2'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('https://backend.weedvibes.de/storage/websites/2/fonts/lato-v24-latin-900.woff2') format('woff2'); 
}

:root {

    --lf-font:'Lora', sans-serif;
    --lf-font-headings:'Lato', sans-serif;

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

    --lf-brand-hue: 140;

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

    .lf-color-gartencenter {
        --lf-collection-color: #10c200;
    }
}

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