/* Auto-generated from `rex_sws_breakpoints` + `rex_sws_css_tokens` — DO NOT MODIFY.
 * Bearbeitung: Backend → Page Composer → Tailwind Manager → Breakpoints / Tokens. */

/* XL (>= 1800px) */
html { font-size: 18px; }
:root { --tok-site-header-h-height: 8.611rem; }
.site-header-h { height: 8.611rem; }
:root { --tok-m-hero-h-height: 32.222rem; }
.m-hero-h { height: 32.222rem; }
:root { --max-w: 1485px; }
:root { --max-w-ext: 1920px; }
:root { --gutter: 1.5rem; }
:root { --tok-site-px-edge-padding-inline: 0rem; }
.site-px-edge { padding-inline: 0rem; }
:root { --tok-site-logo-width: 13.5rem; }
.site-logo { width: 13.5rem; }
:root { --tok-site-logo-height: 13.5rem; }
.site-logo { height: 13.5rem; }
:root { --tok-site-nav-text-font-size: 1.5rem; }
.site-nav-text { font-size: 1.5rem; }
:root { --tok-site-nav-gap-gap: 1.222rem; }
.site-nav-gap { gap: 1.222rem; }
:root { --tok-site-footer-main-min-height: 24.444rem; }
.site-footer-main { min-height: 24.444rem; }
:root { --tok-site-footer-main-padding-block: 4.722rem; }
.site-footer-main { padding-block: 4.722rem; }
:root { --tok-site-footer-bar-height: 3.444rem; }
.site-footer-bar { height: 3.444rem; }

/* Desktop (1360-1799px) */
@media (max-width: 1799px) {
  html { font-size: 16px; }
  :root { --tok-site-header-h-height: 8.611rem; }
  .site-header-h { height: 8.611rem; }
  :root { --max-w: 1485px; }
  :root { --max-w-ext: 1920px; }
  :root { --gutter: 1.5rem; }
  :root { --tok-site-px-edge-padding-inline: 0rem; }
  .site-px-edge { padding-inline: 0rem; }
  :root { --tok-site-logo-width: 13.5rem; }
  .site-logo { width: 13.5rem; }
  :root { --tok-site-logo-height: 13.5rem; }
  .site-logo { height: 13.5rem; }
  :root { --tok-site-nav-text-font-size: 1.25rem; }
  .site-nav-text { font-size: 1.25rem; }
  :root { --tok-site-nav-gap-gap: 1.222rem; }
  .site-nav-gap { gap: 1.222rem; }
  :root { --tok-site-footer-main-min-height: 24.444rem; }
  .site-footer-main { min-height: 24.444rem; }
  :root { --tok-site-footer-main-padding-block: 4.722rem; }
  .site-footer-main { padding-block: 4.722rem; }
  :root { --tok-site-footer-bar-height: 3.444rem; }
  .site-footer-bar { height: 3.444rem; }
}

/* Laptop (1020-1359px) */
@media (max-width: 1359px) {
  html { font-size: 15px; }
  :root { --tok-site-header-h-height: 8.611rem; }
  .site-header-h { height: 8.611rem; }
  :root { --max-w: 1485px; }
  :root { --max-w-ext: 1920px; }
  :root { --gutter: 1.5rem; }
  :root { --tok-site-px-edge-padding-inline: 2.667rem; }
  .site-px-edge { padding-inline: 2.667rem; }
  :root { --tok-site-logo-width: 8.5rem; }
  .site-logo { width: 8.5rem; }
  :root { --tok-site-logo-height: 8.5rem; }
  .site-logo { height: 8.5rem; }
  :root { --tok-site-nav-text-font-size: 1rem; }
  .site-nav-text { font-size: 1rem; }
  :root { --tok-site-nav-gap-gap: 1rem; }
  .site-nav-gap { gap: 1rem; }
  :root { --tok-site-footer-main-min-height: 24.444rem; }
  .site-footer-main { min-height: 24.444rem; }
  :root { --tok-site-footer-main-padding-block: 4.722rem; }
  .site-footer-main { padding-block: 4.722rem; }
  :root { --tok-site-footer-bar-height: 3.444rem; }
  .site-footer-bar { height: 3.444rem; }
}

/* Tablet (760-1019px) */
@media (max-width: 1019px) {
  html { font-size: 14px; }
  :root { --tok-site-header-h-height: 8.611rem; }
  .site-header-h { height: 8.611rem; }
  :root { --max-w: 1485px; }
  :root { --max-w-ext: 1920px; }
  :root { --gutter: 1.5rem; }
  :root { --tok-site-px-edge-padding-inline: 2.667rem; }
  .site-px-edge { padding-inline: 2.667rem; }
  :root { --tok-site-logo-width: 8.5rem; }
  .site-logo { width: 8.5rem; }
  :root { --tok-site-logo-height: 8.5rem; }
  .site-logo { height: 8.5rem; }
  :root { --tok-site-nav-text-font-size: 1.15rem; }
  .site-nav-text { font-size: 1.15rem; }
  :root { --tok-site-nav-gap-gap: 1rem; }
  .site-nav-gap { gap: 1rem; }
  :root { --tok-site-footer-main-min-height: 24.444rem; }
  .site-footer-main { min-height: 24.444rem; }
  :root { --tok-site-footer-main-padding-block: 3.5rem; }
  .site-footer-main { padding-block: 3.5rem; }
  :root { --tok-site-footer-bar-height: 3.444rem; }
  .site-footer-bar { height: 3.444rem; }
}

/* Mobile L (480-759px) */
@media (max-width: 759px) {
  html { font-size: 13px; }
  :root { --tok-site-header-h-height: 8.611rem; }
  .site-header-h { height: 8.611rem; }
  :root { --max-w: 1485px; }
  :root { --max-w-ext: 1920px; }
  :root { --gutter: 1.5rem; }
  :root { --tok-site-px-edge-padding-inline: 2rem; }
  .site-px-edge { padding-inline: 2rem; }
  :root { --tok-site-logo-width: 8.5rem; }
  .site-logo { width: 8.5rem; }
  :root { --tok-site-logo-height: 8.5rem; }
  .site-logo { height: 8.5rem; }
  :root { --tok-site-nav-text-font-size: 1rem; }
  .site-nav-text { font-size: 1rem; }
  :root { --tok-site-nav-gap-gap: 0.5rem; }
  .site-nav-gap { gap: 0.5rem; }
  :root { --tok-site-footer-main-min-height: 24.444rem; }
  .site-footer-main { min-height: 24.444rem; }
  :root { --tok-site-footer-main-padding-block: 2.5rem; }
  .site-footer-main { padding-block: 2.5rem; }
  :root { --tok-site-footer-bar-height: 3.444rem; }
  .site-footer-bar { height: 3.444rem; }
}

/* Mobile S (<= 479px) */
@media (max-width: 479px) {
  html { font-size: 12px; }
  :root { --tok-site-header-h-height: 8.611rem; }
  .site-header-h { height: 8.611rem; }
  :root { --max-w: 1485px; }
  :root { --max-w-ext: 1920px; }
  :root { --gutter: 1.5rem; }
  :root { --tok-site-px-edge-padding-inline: 1.5rem; }
  .site-px-edge { padding-inline: 1.5rem; }
  :root { --tok-site-logo-width: 8.5rem; }
  .site-logo { width: 8.5rem; }
  :root { --tok-site-logo-height: 8.5rem; }
  .site-logo { height: 8.5rem; }
  :root { --tok-site-nav-text-font-size: 1rem; }
  .site-nav-text { font-size: 1rem; }
  :root { --tok-site-nav-gap-gap: 0.5rem; }
  .site-nav-gap { gap: 0.5rem; }
  :root { --tok-site-footer-main-min-height: 24.444rem; }
  .site-footer-main { min-height: 24.444rem; }
  :root { --tok-site-footer-main-padding-block: 2rem; }
  .site-footer-main { padding-block: 2rem; }
  :root { --tok-site-footer-bar-height: 3.444rem; }
  .site-footer-bar { height: 3.444rem; }
}