/* 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; }
.m-header-h { height: 8.611rem; }
.m-hero-h { height: 32.222rem; }
.m-logo-circle { width: 12.333rem; }
.m-logo-circle { height: 12.333rem; }
.m-logo-steering { width: 10.333rem; }
.m-logo-steering { height: 10.333rem; }
.m-nav-text { font-size: 1.5rem; }
.m-nav-text { line-height: 1.2; }
.m-nav-gap { margin-left: 50px; }
.m-px-edge { padding-left: 0rem; }
.m-px-edge { padding-right: 0rem; }
.m-left-edge { left: -1rem; }
.m-hero-image-h { height: 16.111rem; }
.m-gap-nav { gap: 1.222rem; }
.m-kontakt-h { height: 6.667rem; }
.m-kontakt-label-text { font-size: 1.222rem; }
.m-kontakt-item-text { font-size: 1.0rem; }
.m-max-w { max-width: 1485px; }
.m-footer-main { height: 24.444rem; }
.m-footer-main { padding-top: 4.722rem; }
.m-footer-logo { width: 7.778rem; }
.m-footer-logo { height: 7.778rem; }
.m-footer-heading-text { font-size: 1.222rem; }
.m-footer-item-text { font-size: 1.0rem; }
.m-footer-bar { height: 3.444rem; }
.m-footer-bar-text { font-size: 1.111rem; }

/* Desktop (1360-1799px) */
@media (max-width: 1799px) {
  html { font-size: 16px; }
  .m-nav-text { font-size: 1.25rem; }
  .m-nav-gap { margin-left: 0px; }
}

/* Laptop (1020-1359px) */
@media (max-width: 1359px) {
  html { font-size: 15px; }
  .m-nav-text { font-size: 1.0rem; }
  .m-gap-nav { gap: 1.0rem; }
}

/* Tablet (760-1019px) */
@media (max-width: 1019px) {
  html { font-size: 14px; }
  .m-nav-text { font-size: 1.15rem; }
}

/* Mobile L (480-759px) */
@media (max-width: 759px) {
  html { font-size: 13px; }
}

/* Mobile S (<= 479px) */
@media (max-width: 479px) {
  html { font-size: 12px; }
}