/* ==================
  Color Palette
================== */
/* ==================
  Breakpoints
================== */
/* ==================
  Max Content Widths
================== */
/* ==================
  Generic Media Query Mixin
================== */
/* ==================
  Convenience Aliases (Snake Case)
================== */
/* ==================
  Optional: CSS Variables for Runtime Use
================== */
:root {
  --content-width-desktop: 1200px;
  --content-width-tablet: 90vw;
  --content-width-mobile: 90vw;
}
@media screen and (min-width: 1024px) and (max-width: 2499px) {
  .px_limit_left {
    padding-left: calc((100vw - 1200px) / 2);
  }
}
@media screen and (min-width: 2500px) {
  .px_limit_left {
    padding-left: calc((
              2500px - 1200px
            ) / 2);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .px_limit_left {
    padding-left: calc((100vw - 90vw) / 2);
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .px_limit_left {
    padding-left: calc((100vw - 90vw) / 2);
  }
}
@media screen and (min-width: 1024px) and (max-width: 2499px) {
  .px_limit_right {
    padding-right: calc((100vw - 1200px) / 2);
  }
}
@media screen and (min-width: 2500px) {
  .px_limit_right {
    padding-right: calc((
              2500px - 1200px
            ) / 2);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .px_limit_right {
    padding-right: calc((100vw - 90vw) / 2);
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .px_limit_right {
    padding-right: calc((100vw - 90vw) / 2);
  }
}
.px_br {
  overflow: hidden !important;
  border-radius: 20px !important;
}
.px_br_only {
  border-radius: 20px !important;
}
.px_br_b {
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (max-width: 2499px) {
  .px_br_b {
    border-bottom-right-radius: 35rem !important;
    border-bottom-left-radius: 35rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .px_br_b {
    border-bottom-right-radius: 25rem !important;
    border-bottom-left-radius: 25rem !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .px_br_b {
    border-bottom-right-radius: 10rem !important;
    border-bottom-left-radius: 10rem !important;
  }
}
.px_br_t {
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (max-width: 2499px) {
  .px_br_t {
    border-top-right-radius: 35rem !important;
    border-top-left-radius: 35rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .px_br_t {
    border-top-right-radius: 25rem !important;
    border-top-left-radius: 25rem !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .px_br_t {
    border-top-right-radius: 10rem !important;
    border-top-left-radius: 10rem !important;
  }
}
.px_br_bl {
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (max-width: 2499px) {
  .px_br_bl {
    border-bottom-left-radius: 35rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .px_br_bl {
    border-bottom-left-radius: 25rem !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .px_br_bl {
    border-bottom-left-radius: 10rem !important;
  }
}
.px_br_tl {
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (max-width: 2499px) {
  .px_br_tl {
    border-top-left-radius: 35rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .px_br_tl {
    border-top-left-radius: 25rem !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .px_br_tl {
    border-top-left-radius: 10rem !important;
  }
}
.px_no_pointer {
  pointer-events: none !important;
}
.px_oh {
  overflow: hidden !important;
}
.px_gap {
  gap: 3rem !important;
}
@media screen and (min-width: 1024px) and (max-width: 2499px) {
  .px_pt {
    padding-top: 25rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .px_pt {
    padding-top: 15rem !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .px_pt {
    padding-top: 8rem !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 2499px) {
  .px_pt_sm {
    padding-top: calc(25rem * 0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .px_pt_sm {
    padding-top: calc(15rem * 0.5) !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .px_pt_sm {
    padding-top: calc(8rem * 0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 2499px) {
  .px_pb {
    padding-bottom: 25rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .px_pb {
    padding-bottom: 15rem !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .px_pb {
    padding-bottom: 8rem !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 2499px) {
  .px_pb_sm {
    padding-bottom: calc(25rem * 0.5) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .px_pb_sm {
    padding-bottom: calc(15rem * 0.5) !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .px_pb_sm {
    padding-bottom: calc(8rem * 0.5) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 2499px) {
  .px_py {
    padding-top: 25rem !important;
    padding-bottom: 25rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .px_py {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .px_py {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 2499px) {
  .px_py_sm {
    padding-top: calc(25rem / 2) !important;
    padding-bottom: calc(25rem / 2) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .px_py_sm {
    padding-top: calc(15rem / 2) !important;
    padding-bottom: calc(15rem / 2) !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .px_py_sm {
    padding-top: calc(8rem / 2) !important;
    padding-bottom: calc(8rem / 2) !important;
  }
}
.px_uppercase, .px_uppercase * {
  text-transform: uppercase !important;
}
.px_no_margin, .px_no_margin * {
  margin: 0 !important;
}
@media screen and (min-width: 1024px) {
  .px_block.px_desktop {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .px_block.px_tablet {
    display: block;
  }
}
.px_underline {
  text-decoration: underline !important;
}
.px_extra_bold * {
  font-weight: 800 !important;
}
.px_bold * {
  font-weight: bold !important;
}
.px_relative {
  position: relative !important;
}
.px_inner_relative .e-con-inner {
  position: relative !important;
}
@media screen and (max-width: 767px) {
  .px_static.px_mobile {
    display: block !important;
    position: static !important;
  }
}
a:focus {
  outline: none !important;
}
#outer-wrap {
  overflow: hidden !important;
}
@media screen and (min-width: 2500px) {
  body {
    max-width: 2500px !important;
    margin: 0 auto !important;
  }
}
#scroll-top {
  z-index: 90 !important;
}
.elementor-widget-image .elementor-widget-container img {
  object-fit: cover !important;
}
.elementor-editor-active #site-header {
  z-index: 0 !important;
}
.elementor-editor-active main {
  z-index: 999 !important;
}
#main .elementor > .elementor-element:first-of-type {
  margin-top: 10rem !important;
}
@media screen and (min-width: 1024px) {
  .privacy-policy h1 {
    font-size: 4rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .privacy-policy h2 {
    font-size: 3rem !important;
  }
}
.privacy-policy .px_text_container .e-con-inner .elementor-heading-title {
  margin-bottom: 2rem !important;
}
.elementor-widget-text-editor a {
  text-decoration: underline !important;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 300 !important;
}
h1 {
  font-size: clamp(4rem, 7vw, 12rem) !important;
}
h2:not(.gform_submission_error) {
  font-size: clamp(4rem, 4vw, 8rem) !important;
}
.px_l h2 {
  font-size: clamp(4rem, 7vw, 12rem) !important;
}
h3 {
  font-size: clamp(3rem, 4vw, 5rem) !important;
}
.px_deco {
  margin: 0;
  font-weight: 900 !important;
  margin: 0;
  line-height: 0.8 !important;
  color: transparent;
  -webkit-text-stroke: 0.1rem #cccbcb;
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .px_deco {
    font-size: 120rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .px_deco {
    font-size: 80rem;
  }
}
@media screen and (max-width: 767px) {
  .px_deco {
    font-size: 69rem;
  }
}
.px_deco p {
  margin: 0 !important;
}
@media screen and (min-width: 1024px) {
  .px_contact_section .px_deco {
    bottom: -5rem;
    left: -10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .px_contact_section .px_deco {
    bottom: -4.5rem;
    left: -12rem;
  }
}
@media screen and (max-width: 767px) {
  .px_contact_section .px_deco {
    bottom: -3.5rem;
    left: -18rem;
  }
}
.logged-in.admin-bar .px_header {
  top: 32px !important;
}
#site-header {
  border-bottom: 0 !important;
}
.px_header {
  transition: all 0.5s ease !important;
  position: fixed;
  top: 0;
  z-index: 3 !important;
}
.px_header.px_active {
  background: white !important;
  box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1);
}
.px_menu_toggle_container .px_menu_toggle {
  cursor: pointer !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 5rem;
  height: 2rem;
}
.px_menu_toggle_container .px_menu_toggle .px_line {
  transition: all 0.5s ease !important;
  height: 2px;
  width: 100%;
  background: black;
}
.px_menu_toggle_container .px_menu_toggle .px_line.px_top {
  transform-origin: center left;
}
.px_menu_toggle_container .px_menu_toggle .px_line.px_bottom {
  transform-origin: center left;
}
.px_menu_toggle_container .px_menu_toggle.px_active .px_middle {
  opacity: 0;
}
.px_menu_toggle_container .px_menu_toggle.px_active .px_line.px_top {
  transform: rotate(21deg);
}
.px_menu_toggle_container .px_menu_toggle.px_active .px_line.px_bottom {
  transform: rotate(-21deg);
}
.px_menu {
  transition: all 0.5s ease !important;
  position: fixed;
  bottom: 100%;
  left: 0;
  z-index: 2 !important;
}
.px_menu.px_active {
  bottom: 0;
}
.px_gravity_form .gform_fields {
  row-gap: 2rem !important;
}
.px_gravity_form label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.px_gravity_form input:not(.gform_button), .px_gravity_form select, .px_gravity_form textarea {
  border-radius: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: 0.1rem solid black !important;
  box-shadow: none !important;
  background: transparent !important;
}
.px_gravity_form .gform_button {
  border-radius: 10rem !important;
  font-size: 1.8rem !important;
  background-image: url("/wp-content/uploads/2025/08/arrow-right.svg");
  background-color: black !important;
  background-repeat: no-repeat;
  background-position: calc(100% - 2.4rem) center;
  background-size: 3rem;
  padding: 1.2rem 2.4rem !important;
  padding-right: 7rem !important;
}
.px_copyright {
  color: white;
  margin: 0;
}
/* Ticker shell */
.px_ticker {
  position: relative;
  overflow: hidden;
}
/* Screen-reader only */
.px_sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* Track: we animate this */
.px_ticker__track {
  display: inline-flex;
  align-items: center;
  gap: 3rem;
  will-change: transform;
  padding-block: 12px;
  padding-right: 50vw;
}
/* Items */
.px_ticker__item {
  font-size: clamp(4rem, 7vw, 12rem) !important;
  font-weight: 300 !important;
  flex: 0 0 auto;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #111;
  white-space: nowrap;
}
.px_ticker:hover {
  cursor: pointer;
}
/*# sourceMappingURL=https://kanalreinigung-bayerlein.de/wp-content/build/scss_library/8fe5b739f38708238b5a346c62afcf702a392fe7.css.map */