.btn {
  border-width: 2px;
}
img,
.card-wrap,
.card-wrapper,
.video-wrapper,
.mbr-figure iframe,
.google-map iframe,
.slide-content,
.plan,
.card,
.item-wrapper,
.item-wrapper .mbr-overlay {
  border-radius: 2rem !important;
}
.video-wrapper {
  overflow: hidden;
}
body {
  font-family: Inter Tight;
}
.display-1 {
  font-family: 'Inter Tight', sans-serif;
  font-size: 5rem;
  line-height: 1;
}
.display-1 > .mbr-iconfont {
  font-size: 6.25rem;
}
.display-2 {
  font-family: 'Inter Tight', sans-serif;
  font-size: 4rem;
  line-height: 1;
}
.display-2 > .mbr-iconfont {
  font-size: 5rem;
}
.display-4 {
  font-family: 'Inter Tight', sans-serif;
  font-size: 1.4rem;
  line-height: 1.5;
}
.display-4 > .mbr-iconfont {
  font-size: 1.75rem;
}
.display-5 {
  font-family: 'Inter Tight', sans-serif;
  font-size: 2rem;
  line-height: 1.5;
}
.display-5 > .mbr-iconfont {
  font-size: 2.5rem;
}
.display-7 {
  font-family: 'Inter Tight', sans-serif;
  font-size: 1.4rem;
  line-height: 1.3;
}
.display-7 > .mbr-iconfont {
  font-size: 1.75rem;
}
/* ---- Fluid typography for mobile devices ---- */
/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */
/* 100vw - current viewport width */
/* (48 - 20)  48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */
/* 0.65 - min scale variable, may vary */
@media (max-width: 992px) {
  .display-1 {
    font-size: 4rem;
  }
}
@media (max-width: 768px) {
  .display-1 {
    font-size: 3.5rem;
    font-size: calc( 2.4rem + (5 - 2.4) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.1 * (2.4rem + (5 - 2.4) * ((100vw - 20rem) / (48 - 20))));
  }
  .display-2 {
    font-size: 3.2rem;
    font-size: calc( 2.05rem + (4 - 2.05) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.3 * (2.05rem + (4 - 2.05) * ((100vw - 20rem) / (48 - 20))));
  }
  .display-4 {
    font-size: 1.12rem;
    font-size: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20))));
  }
  .display-5 {
    font-size: 1.6rem;
    font-size: calc( 1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.4 * (1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20))));
  }
  .display-7 {
    font-size: 1.12rem;
    font-size: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20))));
  }
}
@media (min-width: 992px) and (max-width: 1400px) {
  .display-1 {
    font-size: 3.5rem;
    font-size: calc( 2.4rem + (5 - 2.4) * ((100vw - 62rem) / (87 - 62)));
    line-height: calc( 1.1 * (2.4rem + (5 - 2.4) * ((100vw - 62rem) / (87 - 62))));
  }
  .display-2 {
    font-size: 3.2rem;
    font-size: calc( 2.05rem + (4 - 2.05) * ((100vw - 62rem) / (87 - 62)));
    line-height: calc( 1.3 * (2.05rem + (4 - 2.05) * ((100vw - 62rem) / (87 - 62))));
  }
  .display-4 {
    font-size: 1.12rem;
    font-size: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 62rem) / (87 - 62)));
    line-height: calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 62rem) / (87 - 62))));
  }
  .display-5 {
    font-size: 1.6rem;
    font-size: calc( 1.35rem + (2 - 1.35) * ((100vw - 62rem) / (87 - 62)));
    line-height: calc( 1.4 * (1.35rem + (2 - 1.35) * ((100vw - 62rem) / (87 - 62))));
  }
  .display-7 {
    font-size: 1.12rem;
    font-size: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 62rem) / (87 - 62)));
    line-height: calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 62rem) / (87 - 62))));
  }
}
/* Buttons */
.btn {
  padding: 1.25rem 2rem;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .btn {
    padding: 0.75rem 1.5rem;
  }
}
.btn-sm {
  padding: 0.6rem 1.2rem;
  border-radius: 4px;
}
.btn-md {
  padding: 0.6rem 1.2rem;
  border-radius: 4px;
}
.btn-lg {
  padding: 1.25rem 2rem;
  border-radius: 4px;
}
.bg-primary {
  background-color: #9fe870 !important;
}
.bg-success {
  background-color: #3a341c !important;
}
.bg-info {
  background-color: #320707 !important;
}
.bg-warning {
  background-color: #a0e2e1 !important;
}
.bg-danger {
  background-color: #ffea64 !important;
}
.btn-primary,
.btn-primary:active {
  background-color: #9fe870 !important;
  border-color: #9fe870 !important;
  color: #264d0c !important;
  box-shadow: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
  color: inherit;
  background-color: #bcef9c !important;
  border-color: #bcef9c !important;
  box-shadow: none;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #264d0c !important;
  background-color: #bcef9c !important;
  border-color: #bcef9c !important;
}
.btn-secondary,
.btn-secondary:active {
  background-color: #ffd7ef !important;
  border-color: #ffd7ef !important;
  color: #d70081 !important;
  box-shadow: none;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.active {
  color: inherit;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: none;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #d70081 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}
.btn-info,
.btn-info:active {
  background-color: #320707 !important;
  border-color: #320707 !important;
  color: #ffffff !important;
  box-shadow: none;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info.active {
  color: inherit;
  background-color: #5f0d0d !important;
  border-color: #5f0d0d !important;
  box-shadow: none;
}
.btn-info.disabled,
.btn-info:disabled {
  color: #ffffff !important;
  background-color: #5f0d0d !important;
  border-color: #5f0d0d !important;
}
.btn-success,
.btn-success:active {
  background-color: #3a341c !important;
  border-color: #3a341c !important;
  color: #ffffff !important;
  box-shadow: none;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success.active {
  color: inherit;
  background-color: #5c532d !important;
  border-color: #5c532d !important;
  box-shadow: none;
}
.btn-success.disabled,
.btn-success:disabled {
  color: #ffffff !important;
  background-color: #5c532d !important;
  border-color: #5c532d !important;
}
.btn-warning,
.btn-warning:active {
  background-color: #a0e2e1 !important;
  border-color: #a0e2e1 !important;
  color: #1f6463 !important;
  box-shadow: none;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning.active {
  color: inherit;
  background-color: #c7eeed !important;
  border-color: #c7eeed !important;
  box-shadow: none;
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #1f6463 !important;
  background-color: #c7eeed !important;
  border-color: #c7eeed !important;
}
.btn-danger,
.btn-danger:active {
  background-color: #ffea64 !important;
  border-color: #ffea64 !important;
  color: #645600 !important;
  box-shadow: none;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger.active {
  color: inherit;
  background-color: #fff197 !important;
  border-color: #fff197 !important;
  box-shadow: none;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #645600 !important;
  background-color: #fff197 !important;
  border-color: #fff197 !important;
}
.btn-white,
.btn-white:active {
  background-color: #eff0ec !important;
  border-color: #eff0ec !important;
  color: #757b62 !important;
  box-shadow: none;
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white.active {
  color: inherit;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: none;
}
.btn-white.disabled,
.btn-white:disabled {
  color: #757b62 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}
.btn-black,
.btn-black:active {
  background-color: #232323 !important;
  border-color: #232323 !important;
  color: #ffffff !important;
  box-shadow: none;
}
.btn-black:hover,
.btn-black:focus,
.btn-black.focus,
.btn-black.active {
  color: inherit;
  background-color: #3d3d3d !important;
  border-color: #3d3d3d !important;
  box-shadow: none;
}
.btn-black.disabled,
.btn-black:disabled {
  color: #ffffff !important;
  background-color: #3d3d3d !important;
  border-color: #3d3d3d !important;
}
.btn-primary-outline,
.btn-primary-outline:active {
  background-color: transparent !important;
  border-color: #9fe870;
  color: #9fe870;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline.active {
  color: #6ddc25 !important;
  background-color: transparent !important;
  border-color: #6ddc25 !important;
  box-shadow: none !important;
}
.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
  color: #264d0c !important;
  background-color: #9fe870 !important;
  border-color: #9fe870 !important;
}
.btn-secondary-outline,
.btn-secondary-outline:active {
  background-color: transparent !important;
  border-color: #ffd7ef;
  color: #ffd7ef;
}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline.active {
  color: #ff80cc !important;
  background-color: transparent !important;
  border-color: #ff80cc !important;
  box-shadow: none !important;
}
.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
  color: #d70081 !important;
  background-color: #ffd7ef !important;
  border-color: #ffd7ef !important;
}
.btn-info-outline,
.btn-info-outline:active {
  background-color: transparent !important;
  border-color: #320707;
  color: #320707;
}
.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline.active {
  color: #000000 !important;
  background-color: transparent !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}
.btn-info-outline.disabled,
.btn-info-outline:disabled {
  color: #ffffff !important;
  background-color: #320707 !important;
  border-color: #320707 !important;
}
.btn-success-outline,
.btn-success-outline:active {
  background-color: transparent !important;
  border-color: #3a341c;
  color: #3a341c;
}
.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline.active {
  color: #000000 !important;
  background-color: transparent !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}
.btn-success-outline.disabled,
.btn-success-outline:disabled {
  color: #ffffff !important;
  background-color: #3a341c !important;
  border-color: #3a341c !important;
}
.btn-warning-outline,
.btn-warning-outline:active {
  background-color: transparent !important;
  border-color: #a0e2e1;
  color: #a0e2e1;
}
.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline.active {
  color: #5ececc !important;
  background-color: transparent !important;
  border-color: #5ececc !important;
  box-shadow: none !important;
}
.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
  color: #1f6463 !important;
  background-color: #a0e2e1 !important;
  border-color: #a0e2e1 !important;
}
.btn-danger-outline,
.btn-danger-outline:active {
  background-color: transparent !important;
  border-color: #ffea64;
  color: #ffea64;
}
.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline.active {
  color: #ffde0d !important;
  background-color: transparent !important;
  border-color: #ffde0d !important;
  box-shadow: none !important;
}
.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
  color: #645600 !important;
  background-color: #ffea64 !important;
  border-color: #ffea64 !important;
}
.btn-black-outline,
.btn-black-outline:active {
  background-color: transparent !important;
  border-color: #232323;
  color: #232323;
}
.btn-black-outline:hover,
.btn-black-outline:focus,
.btn-black-outline.focus,
.btn-black-outline.active {
  color: #000000 !important;
  background-color: transparent !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}
.btn-black-outline.disabled,
.btn-black-outline:disabled {
  color: #ffffff !important;
  background-color: #232323 !important;
  border-color: #232323 !important;
}
.btn-white-outline,
.btn-white-outline:active {
  background-color: transparent !important;
  border-color: #fafafa;
  color: #fafafa;
}
.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline.focus,
.btn-white-outline.active {
  color: #cfcfcf !important;
  background-color: transparent !important;
  border-color: #cfcfcf !important;
  box-shadow: none !important;
}
.btn-white-outline.disabled,
.btn-white-outline:disabled {
  color: #7a7a7a !important;
  background-color: #fafafa !important;
  border-color: #fafafa !important;
}
.text-primary {
  color: #9fe870 !important;
}
.text-secondary {
  color: #ffd7ef !important;
}
.text-success {
  color: #3a341c !important;
}
.text-info {
  color: #320707 !important;
}
.text-warning {
  color: #a0e2e1 !important;
}
.text-danger {
  color: #ffea64 !important;
}
.text-white {
  color: #fafafa !important;
}
.text-black {
  color: #232323 !important;
}
a.text-primary:hover,
a.text-primary:focus,
a.text-primary.active {
  color: #66d022 !important;
}
a.text-secondary:hover,
a.text-secondary:focus,
a.text-secondary.active {
  color: #ff71c6 !important;
}
a.text-success:hover,
a.text-success:focus,
a.text-success.active {
  color: #000000 !important;
}
a.text-info:hover,
a.text-info:focus,
a.text-info.active {
  color: #000000 !important;
}
a.text-warning:hover,
a.text-warning:focus,
a.text-warning.active {
  color: #52cac8 !important;
}
a.text-danger:hover,
a.text-danger:focus,
a.text-danger.active {
  color: #fddb00 !important;
}
a.text-white:hover,
a.text-white:focus,
a.text-white.active {
  color: #c7c7c7 !important;
}
a.text-black:hover,
a.text-black:focus,
a.text-black.active {
  color: #000000 !important;
}
a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) {
  position: relative;
  background-image: transparent;
  background-size: 10000px 2px;
  background-repeat: no-repeat;
  background-position: 0px 1.2em;
  background-position: -10000px 1.2em;
}
a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption):hover {
  transition: background-position 2s ease-in-out;
  background-image: linear-gradient(currentColor 50%, currentColor 50%);
  background-position: 0px 1.2em;
}
.nav-tabs .nav-link.active {
  color: #9fe870;
}
.nav-tabs .nav-link:not(.active) {
  color: #232323;
}
.alert-success {
  background-color: #70c770;
}
.alert-info {
  background-color: #320707;
}
.alert-warning {
  background-color: #a0e2e1;
}
.alert-danger {
  background-color: #ffea64;
}
.mbr-section-btn .btn:not(.btn-form) {
  border-radius: 100px;
}
.mbr-gallery-filter li a {
  border-radius: 100px !important;
}
.mbr-gallery-filter li.active .btn {
  background-color: #9fe870;
  border-color: #9fe870;
  color: #306310;
}
.mbr-gallery-filter li.active .btn:focus {
  box-shadow: none;
}
.nav-tabs .nav-link {
  border-radius: 100px !important;
}
a,
a:hover {
  color: #9fe870;
}
.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
  color: #ffffff;
}
.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
  color: #c0b27c;
}
.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
  color: #f3abab;
}
.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
  color: #ffffff;
}
.mbr-plan-header.bg-danger .mbr-plan-subtitle,
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
  color: #ffffff;
}
/* Scroll to top button*/
.scrollToTop_wraper {
  display: none;
}
.form-control {
  font-family: 'Inter Tight', sans-serif;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  border-radius: 40px !important;
}
.form-control > .mbr-iconfont {
  font-size: 1.75rem;
}
.form-control:hover,
.form-control:focus {
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px;
  border-color: #9fe870 !important;
}
.form-control:-webkit-input-placeholder {
  font-family: 'Inter Tight', sans-serif;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.form-control:-webkit-input-placeholder > .mbr-iconfont {
  font-size: 1.75rem;
}
blockquote {
  border-color: #9fe870;
}
/* Forms */
.mbr-form .input-group-btn .btn {
  border-radius: 100px !important;
}
.mbr-form .input-group-btn .btn:hover {
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.mbr-form .input-group-btn button[type="submit"] {
  border-radius: 100px !important;
  padding: 1rem 3rem;
}
.mbr-form .input-group-btn button[type="submit"]:hover {
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.jq-selectbox li:hover,
.jq-selectbox li.selected {
  background-color: #9fe870;
  color: #000000;
}
.jq-number__spin {
  transition: 0.25s ease;
}
.jq-number__spin:hover {
  border-color: #9fe870;
}
.jq-selectbox .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:after,
.jq-number__spin.plus:after {
  transition: 0.4s;
  border-top-color: #232323;
  border-bottom-color: #232323;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:hover:after,
.jq-number__spin.plus:hover:after {
  border-top-color: #9fe870;
  border-bottom-color: #9fe870;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  color: #000000 !important;
  background-color: #9fe870 !important;
  box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000000 !important;
  background: #ffd7ef !important;
  box-shadow: none !important;
}
.lazy-bg {
  background-image: none !important;
}
.lazy-placeholder:not(section),
.lazy-none {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: auto;
}
iframe.lazy-placeholder,
.lazy-placeholder:after {
  content: '';
  position: absolute;
  width: 200px;
  height: 200px;
  background: transparent no-repeat center;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke='%239fe870' %3e%3cg fill='none' fill-rule='evenodd'%3e%3cg transform='translate(16 16)' stroke-width='2'%3e%3ccircle stroke-opacity='.5' cx='16' cy='16' r='16'/%3e%3cpath d='M32 16c0-9.94-8.06-16-16-16'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
section.lazy-placeholder:after {
  opacity: 0.5;
}
body {
  overflow-x: hidden;
}
a {
  transition: color 0.6s;
}
@media (max-width: 1400px) {
  .container {
    max-width: 100%;
  }
}
@media (max-width: 1400px) and (min-width: 768px) {
  .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 1400px) and (min-width: 768px) {
  .container-fluid {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 767px) {
  .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
  }
}
*:focus-visible {
  outline: red solid 2px !important;
  outline-offset: 2px !important;
  transition: outline 0.2s ease-in-out;
}
#custom-html-2 {
  /* ANKER FIX */
  /* HEADER WIE GLASREINIGUNG.BAYERN */
  /* HELLER HEADER-SCHUTZ */
  /* HERO */
  /* TRUST */
  /* SECTIONS */
  /* SERVICES */
  /* TARGETS */
  /* PROCESS */
  /* PUTZAFFE BLOCK */
  /* CONTACT */
  /* ALTER HELLER FOOTER - FALLS NOCH VERWENDET */
  /* FOOTER DUNKEL BASIS - WIRD UNTEN HELL UEBERSCHRIEBEN */
  /* TABLET / KLEINERE DESKTOPS */
  /* MOBILE / TABLET */
  /* HANDY */
  /* SEHR SCHMALE HANDYS */
  /* =========================================================
   FINAL PATCH - HEADER EXAKT WIE GLASREINIGUNG.BAYERN
   fuer aufgangsreinigung.com
   ========================================================= */
  /* HEADER GESAMT */
  /* TABLET */
  /* MOBILE / TABLET MENÜ */
  /* HANDY */
  /* =========================================================
   FINAL FEINSCHLIFF HEADER
   ========================================================= */
  /* FRUEHER AUF TABLET-/MOBIL-MENUE UMSCHALTEN */
  /* =========================================================
   FINAL PATCH - HEADER OHNE TELEFONBUTTON
   ========================================================= */
  /* =========================================================
   AUFGANGSREINIGUNG.COM - LEISTUNGEN MODERN
   ========================================================= */
  /* =========================================================
   AUFGANGSREINIGUNG.COM - HERO FINAL
   ========================================================= */
  /* DESKTOP GROSS - gleicher Container wie Leistungen */
  /* DESKTOP KLEIN / TABLET QUER */
  /* TABLET HOCH / HANDY */
  /* HANDY FEINSCHLIFF */
  /* =========================================================
   KONTAKTBEREICH HELLER UND VERKAUFSSTAERKER
   ========================================================= */
  /* KONTAKTFORMULAR ETWAS KOMPAKTER */
  /* LINK DATENSCHUTZ IM FORMULAR */
  /* =========================================================
   DESKTOP HEADER KOMPAKTER
   nur Desktop, Mobile bleibt unveraendert
   ========================================================= */
  /* =========================================================
   FOOTER FINAL HELL - AUFGANGSREINIGUNG.COM
   ersetzt die dunkle Wirkung des bisherigen Footers
   ========================================================= */
  /* FOOTER HELL - TABLET UND HANDY */
  /* =========================================================
   MOBILES MENUE - TELEFONBUTTON KOMPLETT ENTFERNEN
   ========================================================= */
  /* =========================================================
   MOBILES MENUE KOMPAKTER
   weniger Hoehe und weniger Abstand
   ========================================================= */
  /* =========================================================
   HEADER DESKTOP BUENDIG MIT HERO UND SEKTIONEN
   ========================================================= */
  /* =========================================================
   FORMULAR - DATENSCHUTZBEREICH LOCKERER UND HOCHWERTIGER
   ========================================================= */
  /* =========================================================
   FORMULAR - DATENSCHUTZTEXT ALS RUHIGER BLOCK
   ========================================================= */
}
#custom-html-2 .ar-page {
  --ar-red: #d00000;
  --ar-dark: #101419;
  --ar-black: #050608;
  --ar-text: #2b3035;
  --ar-gray: #5f6670;
  --ar-soft: #f5f5f2;
  --ar-light: #fafaf8;
  --ar-white: #ffffff;
  --ar-border: rgba(0, 0, 0, 0.12);
  --ar-radius: 26px;
  --ar-width: 94%;
  --ar-max: 1240px;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--ar-text);
  background: var(--ar-light);
}
#custom-html-2 .ar-page * {
  box-sizing: border-box;
}
#custom-html-2 .ar-page a {
  color: inherit;
  text-decoration: none;
}
#custom-html-2 .ar-page img {
  max-width: 100%;
  display: block;
}
#custom-html-2 .ar-anchor {
  display: block;
  height: 115px;
  margin-top: -115px;
  visibility: hidden;
  pointer-events: none;
}
#custom-html-2 .ar-header {
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  width: var(--ar-width);
  max-width: var(--ar-max);
}
#custom-html-2 .ar-header-inner {
  min-height: 78px;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  gap: 22px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
#custom-html-2 .ar-logo-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}
#custom-html-2 .ar-logo-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--ar-dark);
  line-height: 1;
  text-decoration: none;
  flex-shrink: 0;
}
#custom-html-2 .ar-logo-main strong {
  display: block;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -0.7px;
  color: var(--ar-dark);
  line-height: 1;
  white-space: nowrap;
}
#custom-html-2 .ar-logo-main strong span {
  color: var(--ar-red);
}
#custom-html-2 .ar-logo-main small {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .2px;
  color: var(--ar-gray);
  white-space: nowrap;
}
#custom-html-2 .ar-logo-service {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 18px;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  text-decoration: none;
  color: var(--ar-gray);
  flex-shrink: 0;
}
#custom-html-2 .ar-logo-service span {
  font-size: 11px;
  font-weight: 800;
  color: var(--ar-gray);
  text-transform: uppercase;
  letter-spacing: .4px;
  white-space: nowrap;
}
#custom-html-2 .ar-logo-service img {
  display: block;
  height: 40px;
  width: auto;
  max-width: 160px;
  object-fit: contain;
}
#custom-html-2 .ar-nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
}
#custom-html-2 .ar-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  color: var(--ar-dark);
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}
#custom-html-2 .ar-nav a:hover {
  background: rgba(208, 0, 0, 0.08);
  color: var(--ar-red);
  transform: translateY(-1px);
}
#custom-html-2 .ar-header-phone,
#custom-html-2 .ar-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: var(--ar-red);
  color: #fff !important;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(208, 0, 0, 0.25);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  flex-shrink: 0;
}
#custom-html-2 .ar-header-phone:hover,
#custom-html-2 .ar-phone:hover {
  transform: translateY(-1px);
  background: #b80000;
  box-shadow: 0 14px 32px rgba(208, 0, 0, 0.32);
}
#custom-html-2 .ar-header-btn {
  display: none;
}
#custom-html-2 .ar-menu-toggle {
  display: none;
}
#custom-html-2 .ar-menu-label {
  display: none;
}
#custom-html-2 .ar-page::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 102px;
  background: var(--ar-light);
  z-index: 9998;
  pointer-events: none;
}
#custom-html-2 .ar-hero {
  width: var(--ar-width);
  max-width: var(--ar-max);
  min-height: 760px;
  margin: 0 auto 34px auto;
  padding-top: 120px;
  position: relative;
  border-radius: 0 0 var(--ar-radius) var(--ar-radius);
  overflow: hidden;
  background: var(--ar-soft);
}
#custom-html-2 .ar-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
#custom-html-2 .ar-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-2 .ar-hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(250, 250, 248, 0.98) 0%, rgba(250, 250, 248, 0.91) 42%, rgba(250, 250, 248, 0.48) 72%, rgba(250, 250, 248, 0.2) 100%);
  z-index: 2;
}
#custom-html-2 .ar-hero-inner {
  position: relative;
  z-index: 3;
  width: 100%;
  min-height: 620px;
  padding: 72px 56px 52px 56px;
  display: flex;
  align-items: center;
}
#custom-html-2 .ar-hero-content {
  width: 100%;
  max-width: 650px;
  padding: 38px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.12);
}
#custom-html-2 .ar-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  color: var(--ar-red);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .10em;
}
#custom-html-2 .ar-kicker::before {
  content: "";
  width: 34px;
  height: 3px;
  border-radius: 999px;
  background: var(--ar-red);
}
#custom-html-2 .ar-hero h1 {
  margin: 0;
  color: var(--ar-black);
  font-size: 58px;
  line-height: 1.02;
  letter-spacing: -0.045em;
}
#custom-html-2 .ar-hero h1 span {
  color: var(--ar-red);
}
#custom-html-2 .ar-hero p {
  margin: 24px 0 0 0;
  max-width: 590px;
  color: var(--ar-text);
  font-size: 18px;
  line-height: 1.58;
}
#custom-html-2 .ar-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}
#custom-html-2 .ar-btn {
  min-height: 50px;
  padding: 0 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 15px;
}
#custom-html-2 .ar-btn-red {
  background: var(--ar-red);
  color: var(--ar-white) !important;
  box-shadow: 0 14px 28px rgba(208, 0, 0, 0.23);
}
#custom-html-2 .ar-btn-red:hover {
  background: #b80000;
  color: #ffffff !important;
}
#custom-html-2 .ar-btn-light {
  background: var(--ar-white);
  color: var(--ar-dark);
  border: 1px solid rgba(0, 0, 0, 0.14);
}
#custom-html-2 .ar-hero-facts {
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
#custom-html-2 .ar-hero-facts div {
  padding: 16px 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
#custom-html-2 .ar-hero-facts strong {
  display: block;
  color: var(--ar-black);
  font-size: 16px;
}
#custom-html-2 .ar-hero-facts span {
  display: block;
  margin-top: 4px;
  color: var(--ar-gray);
  font-size: 13px;
  line-height: 1.35;
}
#custom-html-2 .ar-trust {
  width: var(--ar-width);
  max-width: var(--ar-max);
  margin: 0 auto 34px auto;
}
#custom-html-2 .ar-trust-inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
#custom-html-2 .ar-trust-inner div {
  min-height: 110px;
  padding: 24px;
  border-radius: 24px;
  background: var(--ar-white);
  border: 1px solid var(--ar-border);
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.06);
}
#custom-html-2 .ar-trust-inner strong {
  display: block;
  color: var(--ar-black);
  font-size: 20px;
}
#custom-html-2 .ar-trust-inner span {
  display: block;
  margin-top: 8px;
  color: var(--ar-gray);
  font-size: 15px;
  line-height: 1.45;
}
#custom-html-2 .ar-section {
  width: var(--ar-width);
  max-width: var(--ar-max);
  margin: 0 auto 34px auto;
  padding: 70px 54px;
  border-radius: var(--ar-radius);
  background: var(--ar-white);
  border: 1px solid var(--ar-border);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.06);
}
#custom-html-2 .ar-section-head {
  max-width: 760px;
  margin-bottom: 36px;
}
#custom-html-2 .ar-section-head h2,
#custom-html-2 .ar-target-content h2,
#custom-html-2 .ar-putzaffe-text h2,
#custom-html-2 .ar-contact-text h2 {
  margin: 0;
  color: var(--ar-black);
  font-size: 42px;
  line-height: 1.08;
  letter-spacing: -0.035em;
}
#custom-html-2 .ar-section-head p,
#custom-html-2 .ar-target-content p,
#custom-html-2 .ar-putzaffe-text p,
#custom-html-2 .ar-contact-text p {
  margin: 18px 0 0 0;
  color: var(--ar-gray);
  font-size: 17px;
  line-height: 1.62;
}
#custom-html-2 .ar-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
#custom-html-2 .ar-service-card {
  min-height: 245px;
  padding: 28px;
  border-radius: 24px;
  background: var(--ar-soft);
  border: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
}
#custom-html-2 .ar-service-card span {
  display: inline-flex;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: var(--ar-black);
  color: var(--ar-white);
  font-weight: 900;
  font-size: 14px;
}
#custom-html-2 .ar-service-card h3 {
  margin: 22px 0 0 0;
  color: var(--ar-black);
  font-size: 24px;
  line-height: 1.12;
}
#custom-html-2 .ar-service-card p {
  margin: 12px 0 0 0;
  color: var(--ar-gray);
  font-size: 15px;
  line-height: 1.58;
}
#custom-html-2 .ar-service-image {
  grid-row: span 2;
  padding: 0;
  background: var(--ar-black);
}
#custom-html-2 .ar-service-image img {
  width: 100%;
  height: 100%;
  min-height: 508px;
  object-fit: cover;
  object-position: center center;
  background: #f5f5f2;
}
#custom-html-2 .ar-targets {
  background: var(--ar-soft);
}
#custom-html-2 .ar-targets-inner {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 42px;
  align-items: center;
}
#custom-html-2 .ar-target-image {
  border-radius: 28px;
  overflow: hidden;
  background: var(--ar-white);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
}
#custom-html-2 .ar-target-image img {
  width: 100%;
  height: 520px;
  object-fit: cover;
  object-position: center center;
  background: #f5f5f2;
}
#custom-html-2 .ar-check-list {
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
#custom-html-2 .ar-check-list div {
  padding: 15px 16px 15px 42px;
  border-radius: 16px;
  background: var(--ar-white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: var(--ar-dark);
  font-weight: 800;
  font-size: 15px;
  position: relative;
}
#custom-html-2 .ar-check-list div::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 18px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--ar-red);
}
#custom-html-2 .ar-process {
  background: var(--ar-white);
}
#custom-html-2 .ar-process-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
#custom-html-2 .ar-process-card {
  min-height: 230px;
  padding: 28px;
  border-radius: 24px;
  background: var(--ar-soft);
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
#custom-html-2 .ar-process-card strong {
  display: inline-flex;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: var(--ar-red);
  color: var(--ar-white);
  font-size: 18px;
  font-weight: 900;
}
#custom-html-2 .ar-process-card h3 {
  margin: 22px 0 0 0;
  color: var(--ar-black);
  font-size: 23px;
}
#custom-html-2 .ar-process-card p {
  margin: 12px 0 0 0;
  color: var(--ar-gray);
  font-size: 15px;
  line-height: 1.58;
}
#custom-html-2 .ar-process-image {
  grid-row: span 2;
  padding: 0;
  background: #ffffff;
}
#custom-html-2 .ar-process-image img {
  width: 100%;
  height: 100%;
  min-height: 478px;
  object-fit: cover;
  object-position: center center;
  background: #f5f5f2;
}
#custom-html-2 .ar-putzaffe {
  width: var(--ar-width);
  max-width: var(--ar-max);
  margin: 0 auto 34px auto;
  padding: 58px;
  border-radius: var(--ar-radius);
  background: linear-gradient(135deg, #ffffff 0%, #f5f5f2 100%);
  border: 1px solid var(--ar-border);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.06);
}
#custom-html-2 .ar-putzaffe-inner {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 42px;
  align-items: center;
}
#custom-html-2 .ar-putzaffe-points {
  margin-top: 26px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
#custom-html-2 .ar-putzaffe-points span {
  padding: 14px 16px;
  border-radius: 16px;
  background: var(--ar-white);
  border: 1px solid rgba(0, 0, 0, 0.08);
  font-weight: 800;
  color: var(--ar-dark);
}
#custom-html-2 .ar-putzaffe-card {
  padding: 24px;
  border-radius: 28px;
  background: var(--ar-white);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
}
#custom-html-2 .ar-putzaffe-logo {
  max-width: 280px;
  height: auto;
  margin: 0 auto 22px auto;
}
#custom-html-2 .ar-putzaffe-image {
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
  object-position: center center;
}
#custom-html-2 .ar-contact {
  background: var(--ar-black);
  color: var(--ar-white);
}
#custom-html-2 .ar-contact-inner {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 42px;
  align-items: start;
}
#custom-html-2 .ar-contact .ar-kicker {
  color: var(--ar-white);
}
#custom-html-2 .ar-contact .ar-kicker::before {
  background: var(--ar-red);
}
#custom-html-2 .ar-contact-text h2 {
  color: var(--ar-white);
}
#custom-html-2 .ar-contact-text p {
  color: rgba(255, 255, 255, 0.74);
}
#custom-html-2 .ar-contact-box {
  margin-top: 28px;
  padding: 24px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
}
#custom-html-2 .ar-contact-box strong {
  display: block;
  margin-bottom: 14px;
  font-size: 18px;
}
#custom-html-2 .ar-contact-box span {
  display: block;
  padding: 8px 0;
  color: rgba(255, 255, 255, 0.78);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#custom-html-2 .ar-contact-box span:last-child {
  border-bottom: 0;
}
#custom-html-2 .ar-form {
  padding: 28px;
  border-radius: 26px;
  background: var(--ar-white);
  color: var(--ar-dark);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}
#custom-html-2 .ar-form label {
  display: block;
  margin-bottom: 16px;
  color: var(--ar-dark);
  font-size: 14px;
  font-weight: 900;
}
#custom-html-2 .ar-form input,
#custom-html-2 .ar-form textarea {
  width: 100%;
  margin-top: 8px;
  padding: 15px 16px;
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: #f8f8f6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: var(--ar-dark);
  outline: none;
}
#custom-html-2 .ar-form input:focus,
#custom-html-2 .ar-form textarea:focus {
  border-color: var(--ar-red);
  background: var(--ar-white);
}
#custom-html-2 .ar-check {
  display: flex !important;
  align-items: flex-start;
  gap: 12px;
  font-weight: 400 !important;
  color: var(--ar-gray) !important;
  line-height: 1.4;
}
#custom-html-2 .ar-check input {
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin: 2px 0 0 0;
}
#custom-html-2 .ar-check span {
  display: block;
  margin: 0;
}
#custom-html-2 .ar-form button {
  width: 100%;
  min-height: 52px;
  border: 0;
  border-radius: 999px;
  background: var(--ar-red);
  color: var(--ar-white) !important;
  font-size: 16px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 14px 28px rgba(208, 0, 0, 0.24);
}
#custom-html-2 .ar-form button:hover {
  background: #b80000;
  color: #ffffff !important;
}
#custom-html-2 .ar-footer {
  width: var(--ar-width);
  max-width: var(--ar-max);
  margin: 0 auto 28px auto;
  border-radius: 24px;
  background: var(--ar-white);
  border: 1px solid var(--ar-border);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.06);
}
#custom-html-2 .ar-footer-inner {
  padding: 28px 34px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
}
#custom-html-2 .ar-footer-brand {
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
}
#custom-html-2 .ar-footer-domain strong {
  display: block;
  color: var(--ar-black);
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1;
  white-space: nowrap;
}
#custom-html-2 .ar-footer-domain strong span {
  color: var(--ar-red);
}
#custom-html-2 .ar-footer-domain small {
  display: block;
  margin-top: 6px;
  color: var(--ar-gray);
  font-size: 13px;
  line-height: 1.35;
}
#custom-html-2 .ar-footer-service {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 16px;
  background: #f5f5f2;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#custom-html-2 .ar-footer-service span {
  margin: 0;
  color: var(--ar-gray);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}
#custom-html-2 .ar-footer-service img {
  width: auto;
  height: 46px;
  max-width: 210px;
  object-fit: contain;
}
#custom-html-2 .ar-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  color: var(--ar-dark);
  font-weight: 700;
  font-size: 14px;
  margin-left: auto;
}
#custom-html-2 .ar-footer-dark {
  width: 94%;
  max-width: 1400px;
  margin: 0 auto 28px auto;
  border-radius: 0 0 24px 24px;
  background: radial-gradient(circle at top left, rgba(208, 0, 0, 0.12), transparent 34%), linear-gradient(135deg, #111419 0%, #07090c 100%);
  color: #ffffff;
  overflow: hidden;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.16);
}
#custom-html-2 .ar-footer-dark-inner {
  padding: 54px 48px 44px 48px;
  display: grid;
  grid-template-columns: 1.25fr .9fr .9fr .75fr;
  gap: 54px;
  align-items: start;
}
#custom-html-2 .ar-footer-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#custom-html-2 .ar-footer-brand-title {
  display: block;
  color: #ffffff;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -0.035em;
  line-height: 1;
  white-space: nowrap;
}
#custom-html-2 .ar-footer-brand-title span {
  color: var(--ar-red);
}
#custom-html-2 .ar-footer-col p {
  margin: 20px 0 0 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 16px;
  line-height: 1.55;
  max-width: 340px;
}
#custom-html-2 .ar-footer-col h3 {
  margin: 0 0 22px 0;
  color: #ffffff;
  font-size: 17px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}
#custom-html-2 .ar-footer-col a {
  display: block;
  margin: 0 0 14px 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.35;
  text-decoration: none;
}
#custom-html-2 .ar-footer-col a:hover {
  color: #ffffff;
}
#custom-html-2 .ar-footer-putzaffe {
  margin-top: 28px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 18px 22px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.18);
}
#custom-html-2 .ar-footer-putzaffe span {
  color: #555555;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
  line-height: 1;
}
#custom-html-2 .ar-footer-putzaffe img {
  display: block;
  width: auto;
  height: 78px;
  max-width: 320px;
  object-fit: contain;
}
#custom-html-2 .ar-footer-bottom {
  padding: 24px 48px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  text-align: center;
}
#custom-html-2 .ar-footer-bottom span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
}
@media (max-width: 1180px) {
  #custom-html-2 .ar-header-inner {
    gap: 16px;
  }
  #custom-html-2 .ar-logo-main strong {
    font-size: 20px;
  }
  #custom-html-2 .ar-logo-service {
    gap: 8px;
    padding-left: 14px;
  }
  #custom-html-2 .ar-logo-service img {
    height: 36px;
    max-width: 145px;
  }
  #custom-html-2 .ar-nav a {
    padding: 0 9px;
    font-size: 13px;
  }
  #custom-html-2 .ar-header-phone,
  #custom-html-2 .ar-phone {
    padding: 0 13px;
    font-size: 13px;
  }
}
@media (max-width: 980px) {
  #custom-html-2 .ar-anchor {
    height: 20px;
    margin-top: -20px;
  }
  #custom-html-2 .ar-page::before {
    height: 86px;
  }
  #custom-html-2 .ar-header {
    top: 10px;
    width: 94%;
  }
  #custom-html-2 .ar-header-inner {
    position: relative;
    min-height: 72px;
    padding: 11px 14px;
    gap: 12px;
    flex-wrap: wrap;
    border-radius: 18px;
  }
  #custom-html-2 .ar-logo-wrap {
    gap: 12px;
    max-width: calc(18%);
  }
  #custom-html-2 .ar-logo-main strong {
    font-size: 18px;
    letter-spacing: -0.5px;
  }
  #custom-html-2 .ar-logo-main small {
    margin-top: 5px;
    font-size: 10px;
    max-width: 210px;
    white-space: normal;
    line-height: 1.2;
  }
  #custom-html-2 .ar-logo-service {
    display: none;
  }
  #custom-html-2 .ar-menu-label {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: var(--ar-dark);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .3px;
    cursor: pointer;
    user-select: none;
  }
  #custom-html-2 .ar-nav {
    order: 20;
    display: none;
    width: 100%;
    margin-left: 0;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }
  #custom-html-2 .ar-menu-toggle:checked ~ .ar-nav {
    display: flex;
  }
  #custom-html-2 .ar-nav a {
    width: 100%;
    justify-content: flex-start;
    min-height: 42px;
    padding: 0 12px;
    background: rgba(0, 0, 0, 0.035);
    border-radius: 14px;
    font-size: 14px;
  }
  #custom-html-2 .ar-header-phone,
  #custom-html-2 .ar-phone {
    order: 30;
    display: none;
    width: 100%;
    min-height: 42px;
    margin-top: 4px;
  }
  #custom-html-2 .ar-menu-toggle:checked ~ .ar-header-phone,
  #custom-html-2 .ar-menu-toggle:checked ~ .ar-phone {
    display: inline-flex;
  }
  #custom-html-2 .ar-hero {
    min-height: auto;
    padding-top: 96px;
  }
  #custom-html-2 .ar-hero-bg::after {
    background: rgba(250, 250, 248, 0.84);
  }
  #custom-html-2 .ar-hero-inner {
    min-height: auto;
    padding: 42px 18px 34px 18px;
  }
  #custom-html-2 .ar-hero-content {
    padding: 28px 22px;
  }
  #custom-html-2 .ar-hero h1 {
    font-size: 40px;
  }
  #custom-html-2 .ar-hero p {
    font-size: 16px;
  }
  #custom-html-2 .ar-hero-facts,
  #custom-html-2 .ar-trust-inner,
  #custom-html-2 .ar-services-grid,
  #custom-html-2 .ar-process-grid,
  #custom-html-2 .ar-targets-inner,
  #custom-html-2 .ar-putzaffe-inner,
  #custom-html-2 .ar-contact-inner {
    grid-template-columns: 1fr;
  }
  #custom-html-2 .ar-section,
  #custom-html-2 .ar-putzaffe {
    padding: 42px 22px;
  }
  #custom-html-2 .ar-section-head h2,
  #custom-html-2 .ar-target-content h2,
  #custom-html-2 .ar-putzaffe-text h2,
  #custom-html-2 .ar-contact-text h2 {
    font-size: 32px;
  }
  #custom-html-2 .ar-service-image img,
  #custom-html-2 .ar-process-image img,
  #custom-html-2 .ar-target-image img {
    min-height: auto;
    height: auto;
  }
  #custom-html-2 .ar-check-list,
  #custom-html-2 .ar-putzaffe-points {
    grid-template-columns: 1fr;
  }
  #custom-html-2 .ar-footer-inner {
    flex-direction: column;
    align-items: flex-start;
  }
  #custom-html-2 .ar-footer-brand {
    width: 100%;
    gap: 18px;
  }
  #custom-html-2 .ar-footer-service {
    width: 100%;
    justify-content: space-between;
  }
  #custom-html-2 .ar-footer-service img {
    height: 40px;
    max-width: 190px;
  }
  #custom-html-2 .ar-footer nav {
    margin-left: 0;
  }
  #custom-html-2 .ar-footer-dark {
    width: 94%;
    border-radius: 24px;
  }
  #custom-html-2 .ar-footer-dark-inner {
    padding: 42px 28px 34px 28px;
    grid-template-columns: 1fr 1fr;
    gap: 36px 30px;
  }
  #custom-html-2 .ar-footer-brand-col {
    grid-column: -1;
  }
  #custom-html-2 .ar-footer-brand-title {
    font-size: 25px;
  }
  #custom-html-2 .ar-footer-putzaffe img {
    height: 62px;
    max-width: 270px;
  }
  #custom-html-2 .ar-footer-bottom {
    padding: 22px 28px;
  }
}
@media (max-width: 560px) {
  #custom-html-2 .ar-page {
    --ar-width: 94%;
  }
  #custom-html-2 .ar-page::before {
    height: 80px;
  }
  #custom-html-2 .ar-header {
    top: 8px;
    width: 94%;
  }
  #custom-html-2 .ar-header-inner {
    min-height: 66px;
    padding: 10px 12px;
    border-radius: 16px;
  }
  #custom-html-2 .ar-logo-wrap {
    max-width: calc(24%);
  }
  #custom-html-2 .ar-logo-main strong {
    font-size: 16px;
    letter-spacing: -0.4px;
  }
  #custom-html-2 .ar-logo-main small {
    font-size: 9.5px;
    max-width: 170px;
  }
  #custom-html-2 .ar-menu-label {
    min-height: 36px;
    padding: 0 12px;
    font-size: 11px;
  }
  #custom-html-2 .ar-hero h1 {
    font-size: 34px;
  }
  #custom-html-2 .ar-hero-actions {
    flex-direction: column;
  }
  #custom-html-2 .ar-btn {
    width: 100%;
  }
  #custom-html-2 .ar-section,
  #custom-html-2 .ar-putzaffe {
    padding: 34px 18px;
  }
  #custom-html-2 .ar-form {
    padding: 22px;
  }
  #custom-html-2 .ar-footer-dark-inner {
    padding: 36px 22px 30px 22px;
    grid-template-columns: 1fr;
    gap: 30px;
  }
  #custom-html-2 .ar-footer-brand-title {
    font-size: 22px;
    letter-spacing: -0.045em;
  }
  #custom-html-2 .ar-footer-col p {
    font-size: 15px;
  }
  #custom-html-2 .ar-footer-col h3 {
    font-size: 15px;
    margin-bottom: 16px;
  }
  #custom-html-2 .ar-footer-col a {
    font-size: 15px;
    margin-bottom: 12px;
  }
  #custom-html-2 .ar-footer-putzaffe {
    width: 100%;
    padding: 16px 18px;
  }
  #custom-html-2 .ar-footer-putzaffe img {
    height: 54px;
    max-width: 240px;
  }
  #custom-html-2 .ar-footer-bottom {
    padding: 20px 22px;
  }
}
@media (max-width: 390px) {
  #custom-html-2 .ar-logo-main strong {
    font-size: 15px;
  }
  #custom-html-2 .ar-logo-main small {
    max-width: 185px;
  }
}
#custom-html-2 .ar-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  z-index: 9999 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: #ffffff !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08) !important;
}
#custom-html-2 .ar-header-inner {
  width: 94% !important;
  max-width: 1400px !important;
  min-height: 126px !important;
  margin: 0 auto !important;
  padding: 22px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 34px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#custom-html-2 .ar-logo-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 34px !important;
  flex-shrink: 0 !important;
  min-width: auto !important;
}
#custom-html-2 .ar-logo-main {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}
#custom-html-2 .ar-logo-main strong {
  display: block !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  letter-spacing: -0.06em !important;
  color: #050608 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
#custom-html-2 .ar-logo-main strong span {
  color: #d00000 !important;
  margin-left: 2px !important;
}
#custom-html-2 .ar-logo-main small {
  display: block !important;
  margin-top: 10px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: #1b1f24 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
#custom-html-2 .ar-logo-service {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 8px !important;
  padding-left: 34px !important;
  border-left: 1px solid rgba(0, 0, 0, 0.14) !important;
  flex-shrink: 0 !important;
  min-width: 190px !important;
  color: #555b62 !important;
}
#custom-html-2 .ar-logo-service span {
  display: block !important;
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  color: #555b62 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
#custom-html-2 .ar-logo-service img {
  display: block !important;
  width: auto !important;
  height: 54px !important;
  max-width: 190px !important;
  object-fit: contain !important;
}
#custom-html-2 .ar-nav {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 34px !important;
  flex-shrink: 0 !important;
}
#custom-html-2 .ar-nav a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: auto !important;
  padding: 8px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #050608 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: color .22s ease !important;
  transform: none !important;
}
#custom-html-2 .ar-nav a:hover {
  background: transparent !important;
  color: #050608 !important;
  transform: none !important;
}
#custom-html-2 .ar-nav a::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -7px !important;
  width: 0 !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #d00000 !important;
  transition: width .22s ease !important;
}
#custom-html-2 .ar-nav a:hover::after {
  width: 100% !important;
}
#custom-html-2 .ar-header-phone,
#custom-html-2 .ar-phone {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 28px !important;
  border-radius: 7px !important;
  background: #d00000 !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 15px 30px rgba(208, 0, 0, 0.26) !important;
  transition: background 0.22s ease, box-shadow 0.22s ease !important;
  transform: none !important;
  flex-shrink: 0 !important;
}
#custom-html-2 .ar-header-phone:hover,
#custom-html-2 .ar-phone:hover {
  background: #b80000 !important;
  color: #ffffff !important;
  transform: none !important;
  box-shadow: 0 18px 36px rgba(208, 0, 0, 0.32) !important;
}
#custom-html-2 .ar-header-btn {
  display: none !important;
}
#custom-html-2 .ar-page::before {
  display: none !important;
}
#custom-html-2 .ar-hero {
  padding-top: 126px !important;
  border-radius: 0 0 var(--ar-radius) var(--ar-radius) !important;
}
@media (max-width: 1180px) {
  #custom-html-2 .ar-header-inner {
    width: 94% !important;
    min-height: 112px !important;
    gap: 24px !important;
  }
  #custom-html-2 .ar-logo-main strong {
    font-size: 23px !important;
  }
  #custom-html-2 .ar-logo-main small {
    font-size: 12px !important;
  }
  #custom-html-2 .ar-logo-service {
    padding-left: 24px !important;
    min-width: 165px !important;
  }
  #custom-html-2 .ar-logo-service span {
    font-size: 10px !important;
  }
  #custom-html-2 .ar-logo-service img {
    height: 46px !important;
    max-width: 160px !important;
  }
  #custom-html-2 .ar-nav {
    gap: 22px !important;
  }
  #custom-html-2 .ar-nav a {
    font-size: 15px !important;
  }
  #custom-html-2 .ar-header-phone,
  #custom-html-2 .ar-phone {
    min-height: 48px !important;
    padding: 0 22px !important;
    font-size: 15px !important;
  }
  #custom-html-2 .ar-hero {
    padding-top: 112px !important;
  }
}
@media (max-width: 980px) {
  #custom-html-2 .ar-header {
    top: 0 !important;
    background: #ffffff !important;
  }
  #custom-html-2 .ar-header-inner {
    width: 94% !important;
    min-height: 74px !important;
    padding: 12px 0 !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
  }
  #custom-html-2 .ar-logo-wrap {
    gap: 0 !important;
    max-width: calc(18%) !important;
  }
  #custom-html-2 .ar-logo-main strong {
    font-size: 20px !important;
    letter-spacing: -0.055em !important;
  }
  #custom-html-2 .ar-logo-main small {
    margin-top: 7px !important;
    font-size: 11px !important;
    max-width: 230px !important;
    white-space: normal !important;
    line-height: 1.2 !important;
  }
  #custom-html-2 .ar-logo-service {
    display: none !important;
  }
  #custom-html-2 .ar-menu-label {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: #050608 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .3px !important;
    cursor: pointer !important;
    user-select: none !important;
  }
  #custom-html-2 .ar-nav {
    order: 20 !important;
    display: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
  }
  #custom-html-2 .ar-menu-toggle:checked ~ .ar-nav {
    display: flex !important;
  }
  #custom-html-2 .ar-nav a {
    width: 100% !important;
    justify-content: flex-start !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    background: rgba(0, 0, 0, 0.035) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }
  #custom-html-2 .ar-nav a::after {
    display: none !important;
  }
  #custom-html-2 .ar-header-phone,
  #custom-html-2 .ar-phone {
    order: 30 !important;
    display: none !important;
    width: 100% !important;
    min-height: 44px !important;
    margin-top: 4px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
  }
  #custom-html-2 .ar-menu-toggle:checked ~ .ar-header-phone,
  #custom-html-2 .ar-menu-toggle:checked ~ .ar-phone {
    display: inline-flex !important;
  }
  #custom-html-2 .ar-hero {
    padding-top: 86px !important;
  }
}
@media (max-width: 560px) {
  #custom-html-2 .ar-header-inner {
    min-height: 70px !important;
    padding: 10px 0 !important;
  }
  #custom-html-2 .ar-logo-main strong {
    font-size: 17px !important;
  }
  #custom-html-2 .ar-logo-main small {
    font-size: 10px !important;
    max-width: 190px !important;
  }
  #custom-html-2 .ar-menu-label {
    min-height: 36px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
  }
  #custom-html-2 .ar-hero {
    padding-top: 82px !important;
  }
}
#custom-html-2 .ar-logo-service {
  min-width: 260px !important;
  gap: 9px !important;
}
#custom-html-2 .ar-logo-service span {
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
}
#custom-html-2 .ar-logo-service img {
  height: 74px !important;
  max-width: 260px !important;
  width: auto !important;
  object-fit: contain !important;
}
#custom-html-2 .ar-header-inner {
  min-height: 138px !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
#custom-html-2 .ar-hero {
  padding-top: 138px !important;
}
#custom-html-2 .ar-nav a {
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
#custom-html-2 .ar-header-phone,
#custom-html-2 .ar-phone {
  gap: 10px !important;
}
#custom-html-2 .ar-header-phone::before,
#custom-html-2 .ar-phone::before {
  content: "\260E" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #ffffff !important;
}
@media (max-width: 1280px) {
  #custom-html-2 .ar-header {
    top: 0 !important;
    background: #ffffff !important;
  }
  #custom-html-2 .ar-header-inner {
    width: 94% !important;
    min-height: 78px !important;
    padding: 13px 0 !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
  }
  #custom-html-2 .ar-logo-wrap {
    gap: 0 !important;
    max-width: calc(18%) !important;
  }
  #custom-html-2 .ar-logo-main strong {
    font-size: 22px !important;
    letter-spacing: -0.055em !important;
  }
  #custom-html-2 .ar-logo-main small {
    margin-top: 7px !important;
    font-size: 12px !important;
    max-width: 260px !important;
    white-space: normal !important;
    line-height: 1.2 !important;
  }
  #custom-html-2 .ar-logo-service {
    display: none !important;
  }
  #custom-html-2 .ar-menu-label {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    background: #050608 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .3px !important;
    cursor: pointer !important;
    user-select: none !important;
  }
  #custom-html-2 .ar-nav {
    order: 20 !important;
    display: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
  }
  #custom-html-2 .ar-menu-toggle:checked ~ .ar-nav {
    display: flex !important;
  }
  #custom-html-2 .ar-nav a {
    width: 100% !important;
    justify-content: flex-start !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    background: rgba(0, 0, 0, 0.035) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
  }
  #custom-html-2 .ar-nav a::after {
    display: none !important;
  }
  #custom-html-2 .ar-header-phone,
  #custom-html-2 .ar-phone {
    order: 30 !important;
    display: none !important;
    width: 100% !important;
    min-height: 44px !important;
    margin-top: 4px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
  }
  #custom-html-2 .ar-menu-toggle:checked ~ .ar-header-phone,
  #custom-html-2 .ar-menu-toggle:checked ~ .ar-phone {
    display: inline-flex !important;
  }
  #custom-html-2 .ar-hero {
    padding-top: 90px !important;
  }
}
@media (min-width: 1281px) {
  #custom-html-2 .ar-menu-label {
    display: none !important;
  }
  #custom-html-2 .ar-nav {
    display: flex !important;
  }
  #custom-html-2 .ar-header-phone,
  #custom-html-2 .ar-phone {
    display: inline-flex !important;
  }
}
@media (max-width: 560px) {
  #custom-html-2 .ar-logo-main strong {
    font-size: 17px !important;
  }
  #custom-html-2 .ar-logo-main small {
    font-size: 10px !important;
    max-width: 190px !important;
  }
  #custom-html-2 .ar-hero {
    padding-top: 82px !important;
  }
}
#custom-html-2 .ar-header-phone,
#custom-html-2 .ar-phone {
  display: none !important;
}
#custom-html-2 .ar-logo-service span {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .10em !important;
}
#custom-html-2 .ar-logo-wrap {
  gap: 30px !important;
}
#custom-html-2 .ar-logo-service {
  padding-left: 28px !important;
  min-width: 250px !important;
}
#custom-html-2 .ar-nav {
  margin-left: auto !important;
  padding-left: 28px !important;
  gap: 34px !important;
}
#custom-html-2 .ar-nav a {
  font-size: 17px !important;
  font-weight: 500 !important;
  color: #050608 !important;
  transform: none !important;
}
#custom-html-2 .ar-nav a:hover {
  color: #d00000 !important;
  transform: none !important;
}
#custom-html-2 .ar-nav a::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -7px !important;
  width: 0 !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #d00000 !important;
  transition: width .22s ease !important;
}
#custom-html-2 .ar-nav a:hover::after {
  width: 100% !important;
}
@media (min-width: 1281px) {
  #custom-html-2 .ar-nav {
    margin-left: 46px !important;
  }
}
@media (max-width: 1280px) {
  #custom-html-2 .ar-nav {
    order: 20 !important;
    display: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
  }
  #custom-html-2 .ar-menu-toggle:checked ~ .ar-nav {
    display: flex !important;
  }
  #custom-html-2 .ar-nav a {
    width: 100% !important;
    max-width: 320px !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    background: rgba(0, 0, 0, 0.035) !important;
    color: #050608 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    transition: color .22s ease, background .22s ease !important;
  }
  #custom-html-2 .ar-nav a:hover {
    color: #d00000 !important;
    background: rgba(208, 0, 0, 0.08) !important;
  }
  #custom-html-2 .ar-nav a::after {
    display: none !important;
  }
}
#custom-html-2 .ar-services-section {
  width: 100%;
  background: #ffffff;
  padding: 82px 0 88px;
  font-family: Arial, Helvetica, sans-serif;
  color: #090909;
}
#custom-html-2 .ar-services-inner {
  width: 94%;
  max-width: 1180px;
  margin: 0 auto;
}
#custom-html-2 .ar-section-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
}
#custom-html-2 .ar-section-kicker span {
  display: block;
  width: 32px;
  height: 3px;
  background: #d00000;
  border-radius: 99px;
}
#custom-html-2 .ar-section-kicker strong {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 1.8px;
  font-weight: 900;
  color: #d00000;
}
#custom-html-2 .ar-services-head {
  max-width: 760px;
  margin-bottom: 38px;
}
#custom-html-2 .ar-services-head h2 {
  margin: 0 0 22px;
  font-size: 48px;
  line-height: 1.06;
  letter-spacing: -1.8px;
  font-weight: 900;
  color: #070707;
}
#custom-html-2 .ar-services-head h2 span {
  color: #d00000;
}
#custom-html-2 .ar-services-head p {
  margin: 0;
  max-width: 690px;
  font-size: 17px;
  line-height: 1.65;
  font-weight: 500;
  color: #4d5661;
}
#custom-html-2 .ar-services-image-wrap {
  width: 100%;
  height: 405px;
  border-radius: 22px;
  overflow: hidden;
  margin: 0 0 24px;
  background: #f3f3f3;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
#custom-html-2 .ar-services-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-2 .ar-service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 24px;
}
#custom-html-2 .ar-service-card {
  min-height: 250px;
  padding: 30px 28px 28px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 18px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.055);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
#custom-html-2 .ar-service-card:hover {
  transform: translateY(-4px);
  border-color: rgba(208, 0, 0, 0.38);
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.1);
}
#custom-html-2 .ar-service-top {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-bottom: 22px;
}
#custom-html-2 .ar-service-icon {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d00000;
  box-shadow: 0 10px 24px rgba(208, 0, 0, 0.28);
}
#custom-html-2 .ar-service-icon svg {
  width: 31px;
  height: 31px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#custom-html-2 .ar-service-number {
  font-size: 35px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -1px;
  color: #d00000;
}
#custom-html-2 .ar-service-card h3 {
  margin: 0 0 14px;
  font-size: 21px;
  line-height: 1.25;
  font-weight: 900;
  color: #070707;
}
#custom-html-2 .ar-service-card p {
  margin: 0;
  font-size: 16px;
  line-height: 1.58;
  font-weight: 500;
  color: #4f5965;
}
#custom-html-2 .ar-services-benefits {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-top: 42px;
  padding: 24px 26px;
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.075);
}
#custom-html-2 .ar-benefit-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 0 24px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
#custom-html-2 .ar-benefit-item:first-child {
  padding-left: 0;
}
#custom-html-2 .ar-benefit-item:last-child {
  border-right: 0;
  padding-right: 0;
}
#custom-html-2 .ar-benefit-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#custom-html-2 .ar-benefit-icon svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: #d00000;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#custom-html-2 .ar-benefit-item strong {
  display: block;
  margin: 0 0 6px;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 900;
  color: #070707;
}
#custom-html-2 .ar-benefit-item p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 500;
  color: #505a66;
}
@media (max-width: 980px) {
  #custom-html-2 .ar-services-section {
    padding: 58px 0 66px;
  }
  #custom-html-2 .ar-services-inner {
    width: 92%;
  }
  #custom-html-2 .ar-services-head h2 {
    font-size: 38px;
    letter-spacing: -1.1px;
  }
  #custom-html-2 .ar-services-head p {
    font-size: 16px;
  }
  #custom-html-2 .ar-services-image-wrap {
    height: 330px;
    border-radius: 18px;
  }
  #custom-html-2 .ar-service-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  #custom-html-2 .ar-service-card {
    min-height: 245px;
  }
  #custom-html-2 .ar-services-benefits {
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 0;
  }
  #custom-html-2 .ar-benefit-item {
    padding: 0 20px;
  }
  #custom-html-2 .ar-benefit-item:nth-child(2) {
    border-right: 0;
  }
  #custom-html-2 .ar-benefit-item:nth-child(3) {
    padding-left: 0;
  }
}
@media (max-width: 640px) {
  #custom-html-2 .ar-services-section {
    padding: 44px 0 54px;
  }
  #custom-html-2 .ar-services-inner {
    width: 92%;
  }
  #custom-html-2 .ar-section-kicker {
    margin-bottom: 22px;
  }
  #custom-html-2 .ar-services-head {
    margin-bottom: 28px;
  }
  #custom-html-2 .ar-services-head h2 {
    font-size: 31px;
    line-height: 1.12;
    letter-spacing: -0.7px;
  }
  #custom-html-2 .ar-services-head h2 br {
    display: none;
  }
  #custom-html-2 .ar-services-head p {
    font-size: 15px;
    line-height: 1.58;
  }
  #custom-html-2 .ar-services-image-wrap {
    height: 235px;
    border-radius: 16px;
    margin-bottom: 20px;
  }
  #custom-html-2 .ar-service-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  #custom-html-2 .ar-service-card {
    min-height: auto;
    padding: 24px 22px 24px;
    border-radius: 16px;
  }
  #custom-html-2 .ar-service-top {
    gap: 18px;
    margin-bottom: 18px;
  }
  #custom-html-2 .ar-service-icon {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
  }
  #custom-html-2 .ar-service-icon svg {
    width: 28px;
    height: 28px;
  }
  #custom-html-2 .ar-service-number {
    font-size: 31px;
  }
  #custom-html-2 .ar-service-card h3 {
    font-size: 19px;
  }
  #custom-html-2 .ar-service-card p {
    font-size: 15px;
  }
  #custom-html-2 .ar-services-benefits {
    grid-template-columns: 1fr;
    margin-top: 30px;
    padding: 22px;
    gap: 18px;
  }
  #custom-html-2 .ar-benefit-item,
  #custom-html-2 .ar-benefit-item:first-child,
  #custom-html-2 .ar-benefit-item:last-child,
  #custom-html-2 .ar-benefit-item:nth-child(3) {
    padding: 0;
    border-right: 0;
  }
  #custom-html-2 .ar-benefit-item {
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  #custom-html-2 .ar-benefit-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
}
#custom-html-2 .ar-hero-v1 {
  position: relative;
  width: 100%;
  min-height: 720px;
  overflow: hidden;
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  color: #080808;
}
#custom-html-2 .ar-hero-v1 .ar-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
#custom-html-2 .ar-hero-v1 .ar-hero-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
}
#custom-html-2 .ar-hero-v1 .ar-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.98) 18%, rgba(255, 255, 255, 0.9) 31%, rgba(255, 255, 255, 0.62) 43%, rgba(255, 255, 255, 0.18) 56%, rgba(255, 255, 255, 0) 72%);
  pointer-events: none;
}
#custom-html-2 .ar-hero-v1 .ar-hero-inner {
  position: relative;
  z-index: 3;
  width: 94%;
  max-width: 1380px;
  min-height: 720px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#custom-html-2 .ar-hero-v1 .ar-hero-content {
  width: 52%;
  max-width: 620px;
  padding: 84px 0 46px;
}
#custom-html-2 .ar-hero-v1 .ar-hero-kicker {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 28px;
}
#custom-html-2 .ar-hero-v1 .ar-hero-kicker span {
  display: block;
  width: 38px;
  height: 3px;
  border-radius: 99px;
  background: #d00000;
}
#custom-html-2 .ar-hero-v1 .ar-hero-kicker strong {
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 1.7px;
  color: #d00000;
  text-transform: uppercase;
}
#custom-html-2 .ar-hero-v1 .ar-hero-content h1 {
  margin: 0 0 30px;
  font-size: 62px;
  line-height: 1.05;
  letter-spacing: -2.6px;
  font-weight: 900;
  color: #070707;
}
#custom-html-2 .ar-hero-v1 .ar-hero-content h1 span {
  color: #c90000;
}
#custom-html-2 .ar-hero-v1 .ar-hero-content p {
  max-width: 560px;
  margin: 0 0 36px;
  font-size: 18px;
  line-height: 1.75;
  font-weight: 500;
  color: #222831;
}
#custom-html-2 .ar-hero-v1 .ar-hero-buttons {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 54px;
}
#custom-html-2 .ar-hero-v1 .ar-hero-btn {
  min-height: 54px;
  padding: 0 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .3px;
  text-transform: uppercase;
  text-decoration: none;
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, color 0.22s ease, border-color 0.22s ease;
}
#custom-html-2 .ar-hero-v1 .ar-hero-btn svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#custom-html-2 .ar-hero-v1 .ar-hero-btn-red {
  background: #d00000;
  color: #ffffff;
  border: 2px solid #d00000;
  box-shadow: 0 14px 28px rgba(208, 0, 0, 0.22);
}
#custom-html-2 .ar-hero-v1 .ar-hero-btn-red svg {
  stroke: #ffffff;
}
#custom-html-2 .ar-hero-v1 .ar-hero-btn-red:hover {
  transform: translateY(-3px);
  background: #b80000;
  border-color: #b80000;
  box-shadow: 0 18px 36px rgba(208, 0, 0, 0.3);
}
#custom-html-2 .ar-hero-v1 .ar-hero-btn-light {
  background: rgba(255, 255, 255, 0.78);
  color: #111111;
  border: 2px solid rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(8px);
}
#custom-html-2 .ar-hero-v1 .ar-hero-btn-light svg {
  stroke: #111111;
}
#custom-html-2 .ar-hero-v1 .ar-hero-btn-light:hover {
  transform: translateY(-3px);
  border-color: #d00000;
  color: #d00000;
  background: #ffffff;
}
#custom-html-2 .ar-hero-v1 .ar-hero-btn-light:hover svg {
  stroke: #d00000;
}
#custom-html-2 .ar-hero-v1 .ar-hero-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 22px;
  width: 100%;
  max-width: 560px;
  padding: 0;
}
#custom-html-2 .ar-hero-v1 .ar-hero-benefit {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 0;
  border-right: 0;
  min-width: 0;
}
#custom-html-2 .ar-hero-v1 .ar-hero-benefit svg {
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  fill: none;
  stroke: #d00000;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#custom-html-2 .ar-hero-v1 .ar-hero-benefit strong {
  display: block;
  margin: 0 0 5px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 900;
  color: #090909;
  white-space: nowrap;
}
#custom-html-2 .ar-hero-v1 .ar-hero-benefit p {
  max-width: 210px;
  margin: 0;
  font-size: 12px;
  line-height: 1.42;
  font-weight: 500;
  color: #333b44;
}
@media (min-width: 1281px) {
  #custom-html-2 .ar-hero-v1 {
    width: 94% !important;
    max-width: 1180px !important;
    min-height: 600px !important;
    margin: 138px auto 34px auto !important;
    border-radius: 0 0 26px 26px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.08) !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    height: auto !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-overlay {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.98) 22%, rgba(255, 255, 255, 0.88) 36%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.16) 64%, rgba(255, 255, 255, 0) 78%) !important;
    pointer-events: none !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-inner {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 600px !important;
    margin: 0 !important;
    padding: 0 42px !important;
    display: flex !important;
    align-items: center !important;
    transform: none !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-content {
    width: 51% !important;
    max-width: 560px !important;
    padding: 46px 0 34px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-kicker {
    margin-bottom: 24px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-kicker strong {
    font-size: 13px !important;
    letter-spacing: 1.6px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-content h1 {
    display: block !important;
    margin: 0 0 24px 0 !important;
    font-size: 50px !important;
    line-height: 1.06 !important;
    letter-spacing: -1.8px !important;
    font-weight: 900 !important;
    color: #070707 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-content h1 span {
    color: #d00000 !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-content p {
    max-width: 500px !important;
    margin: 0 0 28px 0 !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    font-weight: 500 !important;
    color: #222831 !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 34px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-benefits {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 22px !important;
    max-width: 500px !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-benefit {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    min-width: 0 !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-benefit strong {
    white-space: nowrap !important;
    font-size: 14px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-benefit p {
    max-width: 210px !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.42 !important;
  }
}
@media (min-width: 981px) and (max-width: 1280px) {
  #custom-html-2 .ar-hero-v1 {
    width: 94% !important;
    max-width: 1180px !important;
    min-height: 560px !important;
    margin: 90px auto 34px auto !important;
    border-radius: 0 0 24px 24px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.08) !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    height: auto !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-overlay {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.98) 24%, rgba(255, 255, 255, 0.88) 40%, rgba(255, 255, 255, 0.5) 56%, rgba(255, 255, 255, 0.12) 72%, rgba(255, 255, 255, 0) 86%) !important;
    pointer-events: none !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-inner {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 560px !important;
    margin: 0 !important;
    padding: 0 34px !important;
    display: flex !important;
    align-items: center !important;
    transform: none !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-content {
    width: 52% !important;
    max-width: 520px !important;
    padding: 42px 0 32px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-kicker {
    margin-bottom: 22px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-kicker strong {
    font-size: 12px !important;
    letter-spacing: 1.4px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-content h1 {
    display: block !important;
    margin: 0 0 22px 0 !important;
    font-size: 44px !important;
    line-height: 1.08 !important;
    letter-spacing: -1.4px !important;
    font-weight: 900 !important;
    color: #070707 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-content h1 span {
    color: #d00000 !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-content p {
    max-width: 470px !important;
    margin: 0 0 26px 0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #222831 !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-buttons {
    display: flex !important;
    gap: 14px !important;
    margin-bottom: 32px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-btn {
    min-height: 50px !important;
    padding: 0 22px !important;
    font-size: 13px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-benefits {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 20px !important;
    max-width: 470px !important;
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-benefit {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    display: flex !important;
    gap: 11px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-benefit p {
    max-width: 190px !important;
    font-size: 12px !important;
    line-height: 1.38 !important;
    margin: 0 !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-benefit strong {
    white-space: nowrap !important;
  }
}
@media (max-width: 980px) {
  #custom-html-2 .ar-hero-v1 {
    width: 94% !important;
    max-width: 1180px !important;
    min-height: auto !important;
    margin: 86px auto 28px auto !important;
    padding: 0 !important;
    background: #f6f6f4 !important;
    border-radius: 22px !important;
    overflow: visible !important;
    box-shadow: none !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-bg {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-overlay {
    display: none !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-inner {
    width: 100% !important;
    max-width: none !important;
    min-height: auto !important;
    margin: 0 auto !important;
    padding: 28px 0 36px !important;
    display: block !important;
    transform: none !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 28px 18px 30px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.08) !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-content h1 {
    display: block !important;
    font-size: 44px !important;
    line-height: 1.1 !important;
    letter-spacing: -1.5px !important;
    margin: 0 0 22px 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-buttons {
    margin-bottom: 34px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-benefits {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    max-width: none !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.07) !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-benefit {
    padding: 0 0 16px 0 !important;
    margin: 0 0 16px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-benefit:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
  }
}
@media (max-width: 640px) {
  #custom-html-2 .ar-hero-v1 {
    width: 94% !important;
    margin-top: 82px !important;
    margin-bottom: 24px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-inner {
    padding: 22px 0 30px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-content {
    padding: 24px 17px 26px !important;
    border-radius: 18px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-kicker {
    margin-bottom: 20px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-kicker strong {
    font-size: 12px !important;
    letter-spacing: 1.2px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-kicker span {
    width: 30px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-content h1 {
    font-size: 36px !important;
    line-height: 1.1 !important;
    letter-spacing: -1px !important;
    margin-bottom: 20px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-content p {
    font-size: 15px !important;
    line-height: 1.62 !important;
    margin-bottom: 28px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-buttons {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  #custom-html-2 .ar-hero-v1 .ar-hero-btn {
    width: 100% !important;
    min-height: 52px !important;
  }
}
#custom-html-2 .ar-contact {
  background: #f5f5f2 !important;
  color: #101419 !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.06) !important;
}
#custom-html-2 .ar-contact-inner {
  align-items: stretch !important;
}
#custom-html-2 .ar-contact .ar-kicker {
  color: #d00000 !important;
}
#custom-html-2 .ar-contact .ar-kicker::before {
  background: #d00000 !important;
}
#custom-html-2 .ar-contact-text {
  padding: 34px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.06) !important;
}
#custom-html-2 .ar-contact-text h2 {
  color: #050608 !important;
}
#custom-html-2 .ar-contact-text p {
  color: #4d5661 !important;
}
#custom-html-2 .ar-contact-box {
  margin-top: 28px !important;
  padding: 24px !important;
  border-radius: 20px !important;
  background: #f8f8f6 !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
#custom-html-2 .ar-contact-box strong {
  color: #050608 !important;
}
#custom-html-2 .ar-contact-box span {
  color: #4d5661 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
#custom-html-2 .ar-contact-box span:last-child {
  border-bottom: 0 !important;
}
#custom-html-2 .ar-form {
  background: #ffffff !important;
  color: #101419 !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.08) !important;
}
#custom-html-2 .ar-form input,
#custom-html-2 .ar-form textarea {
  background: #fafaf8 !important;
  border: 1px solid rgba(0, 0, 0, 0.16) !important;
}
#custom-html-2 .ar-form input:focus,
#custom-html-2 .ar-form textarea:focus {
  background: #ffffff !important;
  border-color: #d00000 !important;
}
#custom-html-2 .ar-contact-text::before {
  content: "Kostenfreie Ersteinschätzung für Ihr Objekt";
  display: inline-flex;
  margin-bottom: 18px !important;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(208, 0, 0, 0.08);
  color: #d00000;
  font-size: 13px;
  font-weight: 900;
}
#custom-html-2 .ar-form input,
#custom-html-2 .ar-form textarea {
  padding: 13px 16px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
}
#custom-html-2 .ar-form label {
  margin-bottom: 13px !important;
}
#custom-html-2 .ar-form textarea {
  min-height: 130px !important;
}
#custom-html-2 .ar-form .ar-form-link {
  color: #d00000 !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
#custom-html-2 .ar-form .ar-form-link:hover {
  color: #b80000 !important;
}
@media (min-width: 1281px) {
  #custom-html-2 .ar-header-inner {
    max-width: 1240px !important;
    min-height: 112px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    gap: 26px !important;
  }
  #custom-html-2 .ar-logo-wrap {
    gap: 24px !important;
  }
  #custom-html-2 .ar-logo-service {
    padding-left: 24px !important;
    min-width: 220px !important;
  }
  #custom-html-2 .ar-logo-service img {
    height: 60px !important;
    max-width: 220px !important;
  }
  #custom-html-2 .ar-logo-service span {
    font-size: 11px !important;
    letter-spacing: .10em !important;
  }
  #custom-html-2 .ar-nav {
    margin-left: 28px !important;
    padding-left: 18px !important;
    gap: 28px !important;
  }
  #custom-html-2 .ar-nav a {
    font-size: 16px !important;
  }
  #custom-html-2 .ar-hero-v1 {
    margin-top: 112px !important;
  }
}
#custom-html-2 .ar-footer-dark {
  width: 94% !important;
  max-width: 1180px !important;
  margin: 0 auto 28px auto !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  color: #101419 !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.07) !important;
}
#custom-html-2 .ar-footer-dark-inner {
  padding: 46px 44px 38px 44px !important;
  display: grid !important;
  grid-template-columns: 1.2fr .9fr .9fr .75fr !important;
  gap: 46px !important;
  align-items: start !important;
  background: radial-gradient(circle at top left, rgba(208, 0, 0, 0.055), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f7f7f4 100%) !important;
}
#custom-html-2 .ar-footer-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
#custom-html-2 .ar-footer-brand-title {
  display: block !important;
  color: #050608 !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
#custom-html-2 .ar-footer-brand-title span {
  color: #d00000 !important;
}
#custom-html-2 .ar-footer-col p {
  margin: 20px 0 0 0 !important;
  color: #4d5661 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  max-width: 340px !important;
}
#custom-html-2 .ar-footer-col h3 {
  margin: 0 0 22px 0 !important;
  color: #050608 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}
#custom-html-2 .ar-footer-col a {
  display: block !important;
  margin: 0 0 14px 0 !important;
  color: #4d5661 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color .22s ease, transform .22s ease !important;
}
#custom-html-2 .ar-footer-col a:hover {
  color: #d00000 !important;
  transform: translateX(2px) !important;
}
#custom-html-2 .ar-footer-putzaffe {
  margin-top: 28px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 18px 20px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.06) !important;
}
#custom-html-2 .ar-footer-putzaffe span {
  color: #5f6670 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
}
#custom-html-2 .ar-footer-putzaffe img {
  display: block !important;
  width: auto !important;
  height: 66px !important;
  max-width: 260px !important;
  object-fit: contain !important;
}
#custom-html-2 .ar-footer-bottom {
  padding: 22px 44px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.09) !important;
  text-align: center !important;
  background: #f7f7f4 !important;
}
#custom-html-2 .ar-footer-bottom span {
  color: #5f6670 !important;
  font-size: 14px !important;
}
@media (max-width: 980px) {
  #custom-html-2 .ar-footer-dark {
    width: 94% !important;
    border-radius: 24px !important;
  }
  #custom-html-2 .ar-footer-dark-inner {
    padding: 40px 28px 34px 28px !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 34px 30px !important;
  }
  #custom-html-2 .ar-footer-brand-col {
    grid-column: -1 !important;
  }
  #custom-html-2 .ar-footer-brand-title {
    font-size: 25px !important;
  }
  #custom-html-2 .ar-footer-putzaffe img {
    height: 58px !important;
    max-width: 240px !important;
  }
  #custom-html-2 .ar-footer-bottom {
    padding: 20px 28px !important;
  }
}
@media (max-width: 560px) {
  #custom-html-2 .ar-footer-dark-inner {
    padding: 34px 22px 30px 22px !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  #custom-html-2 .ar-footer-brand-title {
    font-size: 22px !important;
  }
  #custom-html-2 .ar-footer-col p {
    font-size: 15px !important;
  }
  #custom-html-2 .ar-footer-col h3 {
    font-size: 15px !important;
    margin-bottom: 16px !important;
  }
  #custom-html-2 .ar-footer-col a {
    font-size: 15px !important;
    margin-bottom: 12px !important;
  }
  #custom-html-2 .ar-footer-putzaffe {
    width: 100% !important;
    padding: 16px 18px !important;
  }
  #custom-html-2 .ar-footer-putzaffe img {
    height: 54px !important;
    max-width: 230px !important;
  }
  #custom-html-2 .ar-footer-bottom {
    padding: 18px 22px !important;
  }
}
#custom-html-2 .ar-header-phone,
#custom-html-2 .ar-phone {
  display: none !important;
}
#custom-html-2 .ar-menu-toggle:checked ~ .ar-header-phone,
#custom-html-2 .ar-menu-toggle:checked ~ .ar-phone {
  display: none !important;
}
#custom-html-2 .ar-header-phone::before,
#custom-html-2 .ar-phone::before {
  display: none !important;
  content: none !important;
}
@media (max-width: 1280px) {
  #custom-html-2 .ar-nav {
    gap: 5px !important;
    padding-top: 10px !important;
    padding-bottom: 4px !important;
  }
  #custom-html-2 .ar-nav a {
    min-height: 38px !important;
    max-width: 300px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
  }
}
@media (max-width: 560px) {
  #custom-html-2 .ar-nav {
    gap: 4px !important;
    padding-top: 8px !important;
  }
  #custom-html-2 .ar-nav a {
    min-height: 36px !important;
    max-width: 285px !important;
    border-radius: 11px !important;
    font-size: 14px !important;
  }
}
@media (min-width: 1281px) {
  #custom-html-2 .ar-header-inner {
    width: 94% !important;
    max-width: 1180px !important;
  }
  #custom-html-2 .ar-logo-wrap {
    gap: 22px !important;
  }
  #custom-html-2 .ar-logo-service {
    padding-left: 22px !important;
    min-width: 205px !important;
  }
  #custom-html-2 .ar-logo-service img {
    height: 58px !important;
    max-width: 205px !important;
  }
  #custom-html-2 .ar-nav {
    margin-left: auto !important;
    padding-left: 18px !important;
    gap: 26px !important;
  }
  #custom-html-2 .ar-nav a {
    font-size: 16px !important;
  }
}
#custom-html-2 .ar-check {
  margin-top: 18px !important;
  margin-bottom: 22px !important;
  padding: 18px 18px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  border-radius: 16px !important;
  background: #fafaf8 !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #4d5661 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}
#custom-html-2 .ar-check input {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  margin: 2px 0 0 0 !important;
  accent-color: #d00000 !important;
  cursor: pointer !important;
}
#custom-html-2 .ar-check span {
  display: block !important;
  margin: 0 !important;
  color: #4d5661 !important;
}
#custom-html-2 .ar-form .ar-form-link {
  color: #d00000 !important;
  font-weight: 900 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  text-decoration-thickness: 2px !important;
}
#custom-html-2 .ar-form .ar-form-link:hover {
  color: #b80000 !important;
}
#custom-html-2 .ar-check {
  padding: 22px 24px !important;
  gap: 18px !important;
}
#custom-html-2 .ar-check span {
  line-height: 1.8 !important;
}
#custom-html-2 .ar-form .ar-form-link {
  display: inline-block !important;
  margin: 0 3px !important;
}
#custom-html-5 {
  /* =========================================================
   HEADER
   ========================================================= */
  /* =========================================================
   DANKE BEREICH
   ========================================================= */
  /* =========================================================
   DANKE-SEITE - ABSTAND ZUM HEADER REDUZIERT
   ========================================================= */
  /* =========================================================
   FOOTER HELL
   ========================================================= */
  /* =========================================================
   TABLET
   ========================================================= */
  /* =========================================================
   HANDY
   ========================================================= */
}
#custom-html-5 .ar-page {
  --ar-red: #d00000;
  --ar-dark: #101419;
  --ar-black: #050608;
  --ar-text: #2b3035;
  --ar-gray: #5f6670;
  --ar-soft: #f5f5f2;
  --ar-light: #fafaf8;
  --ar-white: #ffffff;
  --ar-border: rgba(0, 0, 0, 0.12);
  font-family: Arial, Helvetica, sans-serif;
  color: var(--ar-text);
  background: var(--ar-light);
  min-height: 100vh;
}
#custom-html-5 .ar-page * {
  box-sizing: border-box;
}
#custom-html-5 .ar-page a {
  color: inherit;
  text-decoration: none;
}
#custom-html-5 .ar-page img {
  max-width: 100%;
  display: block;
}
#custom-html-5 body {
  margin: 0;
  background: #fafaf8;
}
#custom-html-5 .ar-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}
#custom-html-5 .ar-header-inner {
  width: 94%;
  max-width: 1180px;
  min-height: 112px;
  margin: 0 auto;
  padding: 18px 0;
  display: flex;
  align-items: center;
  gap: 26px;
}
#custom-html-5 .ar-logo-wrap {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-shrink: 0;
}
#custom-html-5 .ar-logo-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}
#custom-html-5 .ar-logo-main strong {
  display: block;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -0.06em;
  color: #050608;
  line-height: 1;
  white-space: nowrap;
}
#custom-html-5 .ar-logo-main strong span {
  color: #d00000;
  margin-left: 2px;
}
#custom-html-5 .ar-logo-main small {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #1b1f24;
  line-height: 1.2;
  white-space: nowrap;
}
#custom-html-5 .ar-logo-service {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  padding-left: 22px;
  border-left: 1px solid rgba(0, 0, 0, 0.14);
  flex-shrink: 0;
  min-width: 205px;
  color: #555b62;
}
#custom-html-5 .ar-logo-service span {
  display: block;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .10em;
  color: #555b62;
  line-height: 1;
  white-space: nowrap;
}
#custom-html-5 .ar-logo-service img {
  display: block;
  width: auto;
  height: 58px;
  max-width: 205px;
  object-fit: contain;
}
#custom-html-5 .ar-menu-toggle {
  display: none;
}
#custom-html-5 .ar-menu-label {
  display: none;
}
#custom-html-5 .ar-nav {
  margin-left: auto;
  padding-left: 18px;
  display: flex;
  align-items: center;
  gap: 26px;
  flex-shrink: 0;
}
#custom-html-5 .ar-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  color: #050608;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  transition: color .22s ease;
}
#custom-html-5 .ar-nav a:hover {
  color: #d00000;
}
#custom-html-5 .ar-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 0;
  height: 3px;
  border-radius: 999px;
  background: #d00000;
  transition: width .22s ease;
}
#custom-html-5 .ar-nav a:hover::after {
  width: 100%;
}
#custom-html-5 .ar-thanks {
  width: 94%;
  max-width: 1180px;
  min-height: calc(-150vh);
  margin: 112px auto 34px auto;
  padding: 36px 0 40px;
}
#custom-html-5 .ar-thanks-card {
  position: relative;
  overflow: hidden;
  min-height: 520px;
  padding: 62px 58px;
  border-radius: 26px;
  background: radial-gradient(circle at top left, rgba(208, 0, 0, 0.075), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f7f7f4 100%);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.07);
}
#custom-html-5 .ar-thanks-card::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -140px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(208, 0, 0, 0.055);
  pointer-events: none;
}
#custom-html-5 .ar-thanks-icon {
  width: 72px;
  height: 72px;
  margin-bottom: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d00000;
  box-shadow: 0 16px 34px rgba(208, 0, 0, 0.25);
}
#custom-html-5 .ar-thanks-icon svg {
  width: 36px;
  height: 36px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#custom-html-5 .ar-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #d00000;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .10em;
}
#custom-html-5 .ar-kicker::before {
  content: "";
  width: 34px;
  height: 3px;
  border-radius: 999px;
  background: #d00000;
}
#custom-html-5 .ar-thanks-card h1 {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 0;
  color: #050608;
  font-size: 54px;
  line-height: 1.04;
  letter-spacing: -0.045em;
}
#custom-html-5 .ar-thanks-card p {
  position: relative;
  z-index: 2;
  max-width: 700px;
  margin: 24px 0 0 0;
  color: #4d5661;
  font-size: 18px;
  line-height: 1.65;
}
#custom-html-5 .ar-thanks-info {
  position: relative;
  z-index: 2;
  max-width: 720px;
  margin-top: 34px;
  padding: 26px 28px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.055);
}
#custom-html-5 .ar-thanks-info strong {
  display: block;
  margin-bottom: 14px;
  color: #050608;
  font-size: 18px;
  font-weight: 900;
}
#custom-html-5 .ar-thanks-info span {
  display: block;
  padding: 10px 0 10px 28px;
  color: #4d5661;
  font-size: 16px;
  line-height: 1.45;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  position: relative;
}
#custom-html-5 .ar-thanks-info span:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
#custom-html-5 .ar-thanks-info span::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 17px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d00000;
}
#custom-html-5 .ar-thanks-actions {
  position: relative;
  z-index: 2;
  margin-top: 34px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
#custom-html-5 .ar-btn {
  min-height: 52px;
  padding: 0 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 15px;
  transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
#custom-html-5 .ar-btn-red {
  background: #d00000;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(208, 0, 0, 0.23);
}
#custom-html-5 .ar-btn-red:hover {
  background: #b80000;
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(208, 0, 0, 0.3);
}
#custom-html-5 .ar-btn-light {
  background: #ffffff;
  color: #101419;
  border: 1px solid rgba(0, 0, 0, 0.16);
}
#custom-html-5 .ar-btn-light:hover {
  color: #d00000;
  border-color: rgba(208, 0, 0, 0.38);
  transform: translateY(-2px);
}
#custom-html-5 .ar-footer-dark {
  width: 94%;
  max-width: 1180px;
  margin: 0 auto 28px auto;
  border-radius: 26px;
  background: #ffffff;
  color: #101419;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.07);
}
#custom-html-5 .ar-footer-dark-inner {
  padding: 46px 44px 38px 44px;
  display: grid;
  grid-template-columns: 1.2fr .9fr .9fr .75fr;
  gap: 46px;
  align-items: start;
  background: radial-gradient(circle at top left, rgba(208, 0, 0, 0.055), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f7f7f4 100%);
}
#custom-html-5 .ar-footer-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#custom-html-5 .ar-footer-brand-title {
  display: block;
  color: #050608;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 1;
  white-space: nowrap;
}
#custom-html-5 .ar-footer-brand-title span {
  color: #d00000;
}
#custom-html-5 .ar-footer-col p {
  margin: 20px 0 0 0;
  color: #4d5661;
  font-size: 16px;
  line-height: 1.55;
  max-width: 340px;
}
#custom-html-5 .ar-footer-col h3 {
  margin: 0 0 22px 0;
  color: #050608;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}
#custom-html-5 .ar-footer-col a {
  display: block;
  margin: 0 0 14px 0;
  color: #4d5661;
  font-size: 16px;
  line-height: 1.35;
  text-decoration: none;
  font-weight: 500;
  transition: color .22s ease, transform .22s ease;
}
#custom-html-5 .ar-footer-col a:hover {
  color: #d00000;
  transform: translateX(2px);
}
#custom-html-5 .ar-footer-putzaffe {
  margin-top: 28px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 18px 20px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.06);
}
#custom-html-5 .ar-footer-putzaffe span {
  color: #5f6670;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: 1;
}
#custom-html-5 .ar-footer-putzaffe img {
  display: block;
  width: auto;
  height: 66px;
  max-width: 260px;
  object-fit: contain;
}
#custom-html-5 .ar-footer-bottom {
  padding: 22px 44px;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  text-align: center;
  background: #f7f7f4;
}
#custom-html-5 .ar-footer-bottom span {
  color: #5f6670;
  font-size: 14px;
}
@media (max-width: 1280px) {
  #custom-html-5 .ar-header-inner {
    min-height: 78px;
    padding: 13px 0;
    gap: 12px;
    flex-wrap: wrap;
  }
  #custom-html-5 .ar-logo-wrap {
    gap: 0;
    max-width: calc(18%);
  }
  #custom-html-5 .ar-logo-main strong {
    font-size: 22px;
    letter-spacing: -0.055em;
  }
  #custom-html-5 .ar-logo-main small {
    margin-top: 7px;
    font-size: 12px;
    max-width: 260px;
    white-space: normal;
    line-height: 1.2;
  }
  #custom-html-5 .ar-logo-service {
    display: none;
  }
  #custom-html-5 .ar-menu-label {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    background: #050608;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .3px;
    cursor: pointer;
    user-select: none;
  }
  #custom-html-5 .ar-nav {
    order: 20;
    display: none;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 4px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  #custom-html-5 .ar-menu-toggle:checked ~ .ar-nav {
    display: flex;
  }
  #custom-html-5 .ar-nav a {
    width: 100%;
    max-width: 300px;
    justify-content: center;
    text-align: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.035);
    color: #050608;
    font-size: 15px;
    font-weight: 500;
    transition: color .22s ease, background .22s ease;
  }
  #custom-html-5 .ar-nav a:hover {
    color: #d00000;
    background: rgba(208, 0, 0, 0.08);
  }
  #custom-html-5 .ar-nav a::after {
    display: none;
  }
  #custom-html-5 .ar-thanks {
    margin-top: 78px;
    padding-top: 46px;
  }
  #custom-html-5 .ar-thanks-card {
    padding: 46px 34px;
  }
  #custom-html-5 .ar-thanks-card h1 {
    font-size: 42px;
  }
  #custom-html-5 .ar-footer-dark-inner {
    padding: 40px 28px 34px 28px;
    grid-template-columns: 1fr 1fr;
    gap: 34px 30px;
  }
  #custom-html-5 .ar-footer-brand-col {
    grid-column: -1;
  }
  #custom-html-5 .ar-footer-brand-title {
    font-size: 25px;
  }
  #custom-html-5 .ar-footer-putzaffe img {
    height: 58px;
    max-width: 240px;
  }
  #custom-html-5 .ar-footer-bottom {
    padding: 20px 28px;
  }
}
@media (max-width: 560px) {
  #custom-html-5 .ar-header-inner {
    min-height: 70px;
    padding: 10px 0;
  }
  #custom-html-5 .ar-logo-main strong {
    font-size: 17px;
  }
  #custom-html-5 .ar-logo-main small {
    font-size: 10px;
    max-width: 190px;
  }
  #custom-html-5 .ar-menu-label {
    min-height: 36px;
    padding: 0 12px;
    font-size: 11px;
  }
  #custom-html-5 .ar-nav {
    gap: 4px;
    padding-top: 8px;
  }
  #custom-html-5 .ar-nav a {
    min-height: 36px;
    max-width: 285px;
    border-radius: 11px;
    font-size: 14px;
  }
  #custom-html-5 .ar-thanks {
    width: 94%;
    margin-top: 70px;
    padding: 34px 0 28px;
  }
  #custom-html-5 .ar-thanks-card {
    min-height: auto;
    padding: 36px 22px;
    border-radius: 22px;
  }
  #custom-html-5 .ar-thanks-icon {
    width: 62px;
    height: 62px;
    margin-bottom: 24px;
  }
  #custom-html-5 .ar-thanks-icon svg {
    width: 31px;
    height: 31px;
  }
  #custom-html-5 .ar-kicker {
    font-size: 12px;
    letter-spacing: .08em;
  }
  #custom-html-5 .ar-kicker::before {
    width: 28px;
  }
  #custom-html-5 .ar-thanks-card h1 {
    font-size: 34px;
    line-height: 1.08;
  }
  #custom-html-5 .ar-thanks-card p {
    font-size: 16px;
    line-height: 1.6;
  }
  #custom-html-5 .ar-thanks-info {
    margin-top: 28px;
    padding: 22px;
    border-radius: 18px;
  }
  #custom-html-5 .ar-thanks-info span {
    font-size: 15px;
  }
  #custom-html-5 .ar-thanks-actions {
    flex-direction: column;
  }
  #custom-html-5 .ar-btn {
    width: 100%;
  }
  #custom-html-5 .ar-footer-dark-inner {
    padding: 34px 22px 30px 22px;
    grid-template-columns: 1fr;
    gap: 28px;
  }
  #custom-html-5 .ar-footer-brand-title {
    font-size: 22px;
  }
  #custom-html-5 .ar-footer-col p {
    font-size: 15px;
  }
  #custom-html-5 .ar-footer-col h3 {
    font-size: 15px;
    margin-bottom: 16px;
  }
  #custom-html-5 .ar-footer-col a {
    font-size: 15px;
    margin-bottom: 12px;
  }
  #custom-html-5 .ar-footer-putzaffe {
    width: 100%;
    padding: 16px 18px;
  }
  #custom-html-5 .ar-footer-putzaffe img {
    height: 54px;
    max-width: 230px;
  }
  #custom-html-5 .ar-footer-bottom {
    padding: 18px 22px;
  }
}
#custom-html-6 {
  /* =========================================================
   HEADER
   ========================================================= */
  /* =========================================================
   FEHLER BEREICH
   ========================================================= */
  /* =========================================================
   FOOTER HELL
   ========================================================= */
  /* =========================================================
   TABLET
   ========================================================= */
  /* =========================================================
   HANDY
   ========================================================= */
  /* =========================================================
   FEHLERSEITE - DIREKTE KONTAKTLINKS
   ========================================================= */
  /* TABLET / HANDY */
}
#custom-html-6 body {
  margin: 0;
  background: #fafaf8;
}
#custom-html-6 .ar-page {
  --ar-red: #d00000;
  --ar-dark: #101419;
  --ar-black: #050608;
  --ar-text: #2b3035;
  --ar-gray: #5f6670;
  --ar-soft: #f5f5f2;
  --ar-light: #fafaf8;
  --ar-white: #ffffff;
  --ar-border: rgba(0, 0, 0, 0.12);
  font-family: Arial, Helvetica, sans-serif;
  color: var(--ar-text);
  background: var(--ar-light);
  min-height: 100vh;
}
#custom-html-6 .ar-page * {
  box-sizing: border-box;
}
#custom-html-6 .ar-page a {
  color: inherit;
  text-decoration: none;
}
#custom-html-6 .ar-page img {
  max-width: 100%;
  display: block;
}
#custom-html-6 .ar-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}
#custom-html-6 .ar-header-inner {
  width: 94%;
  max-width: 1180px;
  min-height: 112px;
  margin: 0 auto;
  padding: 18px 0;
  display: flex;
  align-items: center;
  gap: 26px;
}
#custom-html-6 .ar-logo-wrap {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-shrink: 0;
}
#custom-html-6 .ar-logo-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}
#custom-html-6 .ar-logo-main strong {
  display: block;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -0.06em;
  color: #050608;
  line-height: 1;
  white-space: nowrap;
}
#custom-html-6 .ar-logo-main strong span {
  color: #d00000;
  margin-left: 2px;
}
#custom-html-6 .ar-logo-main small {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #1b1f24;
  line-height: 1.2;
  white-space: nowrap;
}
#custom-html-6 .ar-logo-service {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  padding-left: 22px;
  border-left: 1px solid rgba(0, 0, 0, 0.14);
  flex-shrink: 0;
  min-width: 205px;
  color: #555b62;
}
#custom-html-6 .ar-logo-service span {
  display: block;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .10em;
  color: #555b62;
  line-height: 1;
  white-space: nowrap;
}
#custom-html-6 .ar-logo-service img {
  display: block;
  width: auto;
  height: 58px;
  max-width: 205px;
  object-fit: contain;
}
#custom-html-6 .ar-menu-toggle {
  display: none;
}
#custom-html-6 .ar-menu-label {
  display: none;
}
#custom-html-6 .ar-nav {
  margin-left: auto;
  padding-left: 18px;
  display: flex;
  align-items: center;
  gap: 26px;
  flex-shrink: 0;
}
#custom-html-6 .ar-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  color: #050608;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  transition: color .22s ease;
}
#custom-html-6 .ar-nav a:hover {
  color: #d00000;
}
#custom-html-6 .ar-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 0;
  height: 3px;
  border-radius: 999px;
  background: #d00000;
  transition: width .22s ease;
}
#custom-html-6 .ar-nav a:hover::after {
  width: 100%;
}
#custom-html-6 .ar-error {
  width: 94%;
  max-width: 1180px;
  min-height: calc(-150vh);
  margin: 112px auto 34px auto;
  padding: 36px 0 40px;
}
#custom-html-6 .ar-error-card {
  position: relative;
  overflow: hidden;
  min-height: 520px;
  padding: 62px 58px;
  border-radius: 26px;
  background: radial-gradient(circle at top left, rgba(208, 0, 0, 0.085), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f7f7f4 100%);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.07);
}
#custom-html-6 .ar-error-card::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -140px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(208, 0, 0, 0.055);
  pointer-events: none;
}
#custom-html-6 .ar-error-icon {
  width: 72px;
  height: 72px;
  margin-bottom: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d00000;
  box-shadow: 0 16px 34px rgba(208, 0, 0, 0.25);
}
#custom-html-6 .ar-error-icon svg {
  width: 38px;
  height: 38px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#custom-html-6 .ar-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #d00000;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .10em;
}
#custom-html-6 .ar-kicker::before {
  content: "";
  width: 34px;
  height: 3px;
  border-radius: 999px;
  background: #d00000;
}
#custom-html-6 .ar-error-card h1 {
  position: relative;
  z-index: 2;
  max-width: 850px;
  margin: 0;
  color: #050608;
  font-size: 52px;
  line-height: 1.04;
  letter-spacing: -0.045em;
}
#custom-html-6 .ar-error-card p {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 24px 0 0 0;
  color: #4d5661;
  font-size: 18px;
  line-height: 1.65;
}
#custom-html-6 .ar-error-info {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin-top: 34px;
  padding: 26px 28px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.055);
}
#custom-html-6 .ar-error-info strong {
  display: block;
  margin-bottom: 14px;
  color: #050608;
  font-size: 18px;
  font-weight: 900;
}
#custom-html-6 .ar-error-info span {
  display: block;
  padding: 10px 0 10px 28px;
  color: #4d5661;
  font-size: 16px;
  line-height: 1.45;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  position: relative;
}
#custom-html-6 .ar-error-info span:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
#custom-html-6 .ar-error-info span::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 17px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d00000;
}
#custom-html-6 .ar-error-actions {
  position: relative;
  z-index: 2;
  margin-top: 34px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
#custom-html-6 .ar-btn {
  min-height: 52px;
  padding: 0 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 15px;
  transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
#custom-html-6 .ar-btn-red {
  background: #d00000;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(208, 0, 0, 0.23);
}
#custom-html-6 .ar-btn-red:hover {
  background: #b80000;
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(208, 0, 0, 0.3);
}
#custom-html-6 .ar-btn-light {
  background: #ffffff;
  color: #101419;
  border: 1px solid rgba(0, 0, 0, 0.16);
}
#custom-html-6 .ar-btn-light:hover {
  color: #d00000;
  border-color: rgba(208, 0, 0, 0.38);
  transform: translateY(-2px);
}
#custom-html-6 .ar-footer-dark {
  width: 94%;
  max-width: 1180px;
  margin: 0 auto 28px auto;
  border-radius: 26px;
  background: #ffffff;
  color: #101419;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.07);
}
#custom-html-6 .ar-footer-dark-inner {
  padding: 46px 44px 38px 44px;
  display: grid;
  grid-template-columns: 1.2fr .9fr .9fr .75fr;
  gap: 46px;
  align-items: start;
  background: radial-gradient(circle at top left, rgba(208, 0, 0, 0.055), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f7f7f4 100%);
}
#custom-html-6 .ar-footer-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#custom-html-6 .ar-footer-brand-link {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
#custom-html-6 .ar-footer-brand-title {
  display: block;
  color: #050608;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 1;
  white-space: nowrap;
}
#custom-html-6 .ar-footer-brand-title span {
  color: #d00000;
}
#custom-html-6 .ar-footer-brand-link:hover .ar-footer-brand-title {
  color: #050608;
}
#custom-html-6 .ar-footer-brand-link:hover .ar-footer-brand-title span {
  color: #d00000;
}
#custom-html-6 .ar-footer-col p {
  margin: 20px 0 0 0;
  color: #4d5661;
  font-size: 16px;
  line-height: 1.55;
  max-width: 340px;
}
#custom-html-6 .ar-footer-col h3 {
  margin: 0 0 22px 0;
  color: #050608;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}
#custom-html-6 .ar-footer-col a {
  display: block;
  margin: 0 0 14px 0;
  color: #4d5661;
  font-size: 16px;
  line-height: 1.35;
  text-decoration: none;
  font-weight: 500;
  transition: color .22s ease, transform .22s ease;
}
#custom-html-6 .ar-footer-col a:hover {
  color: #d00000;
  transform: translateX(2px);
}
#custom-html-6 .ar-footer-putzaffe {
  margin-top: 28px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 18px 20px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.06);
}
#custom-html-6 .ar-footer-putzaffe span {
  color: #5f6670;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: 1;
}
#custom-html-6 .ar-footer-putzaffe img {
  display: block;
  width: auto;
  height: 66px;
  max-width: 260px;
  object-fit: contain;
}
#custom-html-6 .ar-footer-bottom {
  padding: 22px 44px;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  text-align: center;
  background: #f7f7f4;
}
#custom-html-6 .ar-footer-bottom span {
  color: #5f6670;
  font-size: 14px;
}
@media (max-width: 1280px) {
  #custom-html-6 .ar-header-inner {
    min-height: 78px;
    padding: 13px 0;
    gap: 12px;
    flex-wrap: wrap;
  }
  #custom-html-6 .ar-logo-wrap {
    gap: 0;
    max-width: calc(18%);
  }
  #custom-html-6 .ar-logo-main strong {
    font-size: 22px;
    letter-spacing: -0.055em;
  }
  #custom-html-6 .ar-logo-main small {
    margin-top: 7px;
    font-size: 12px;
    max-width: 260px;
    white-space: normal;
    line-height: 1.2;
  }
  #custom-html-6 .ar-logo-service {
    display: none;
  }
  #custom-html-6 .ar-menu-label {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    background: #050608;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .3px;
    cursor: pointer;
    user-select: none;
  }
  #custom-html-6 .ar-nav {
    order: 20;
    display: none;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 4px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  #custom-html-6 .ar-menu-toggle:checked ~ .ar-nav {
    display: flex;
  }
  #custom-html-6 .ar-nav a {
    width: 100%;
    max-width: 300px;
    justify-content: center;
    text-align: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.035);
    color: #050608;
    font-size: 15px;
    font-weight: 500;
    transition: color .22s ease, background .22s ease;
  }
  #custom-html-6 .ar-nav a:hover {
    color: #d00000;
    background: rgba(208, 0, 0, 0.08);
  }
  #custom-html-6 .ar-nav a::after {
    display: none;
  }
  #custom-html-6 .ar-error {
    margin-top: 78px;
    padding-top: 46px;
  }
  #custom-html-6 .ar-error-card {
    padding: 46px 34px;
  }
  #custom-html-6 .ar-error-card h1 {
    font-size: 42px;
  }
  #custom-html-6 .ar-footer-dark-inner {
    padding: 40px 28px 34px 28px;
    grid-template-columns: 1fr 1fr;
    gap: 34px 30px;
  }
  #custom-html-6 .ar-footer-brand-col {
    grid-column: -1;
  }
  #custom-html-6 .ar-footer-brand-title {
    font-size: 25px;
  }
  #custom-html-6 .ar-footer-putzaffe img {
    height: 58px;
    max-width: 240px;
  }
  #custom-html-6 .ar-footer-bottom {
    padding: 20px 28px;
  }
}
@media (max-width: 560px) {
  #custom-html-6 .ar-header-inner {
    min-height: 70px;
    padding: 10px 0;
  }
  #custom-html-6 .ar-logo-main strong {
    font-size: 17px;
  }
  #custom-html-6 .ar-logo-main small {
    font-size: 10px;
    max-width: 190px;
  }
  #custom-html-6 .ar-menu-label {
    min-height: 36px;
    padding: 0 12px;
    font-size: 11px;
  }
  #custom-html-6 .ar-nav {
    gap: 4px;
    padding-top: 8px;
  }
  #custom-html-6 .ar-nav a {
    min-height: 36px;
    max-width: 285px;
    border-radius: 11px;
    font-size: 14px;
  }
  #custom-html-6 .ar-error {
    width: 94%;
    margin-top: 70px;
    padding: 34px 0 28px;
  }
  #custom-html-6 .ar-error-card {
    min-height: auto;
    padding: 36px 22px;
    border-radius: 22px;
  }
  #custom-html-6 .ar-error-icon {
    width: 62px;
    height: 62px;
    margin-bottom: 24px;
  }
  #custom-html-6 .ar-error-icon svg {
    width: 32px;
    height: 32px;
  }
  #custom-html-6 .ar-kicker {
    font-size: 12px;
    letter-spacing: .08em;
  }
  #custom-html-6 .ar-kicker::before {
    width: 28px;
  }
  #custom-html-6 .ar-error-card h1 {
    font-size: 34px;
    line-height: 1.08;
  }
  #custom-html-6 .ar-error-card p {
    font-size: 16px;
    line-height: 1.6;
  }
  #custom-html-6 .ar-error-info {
    margin-top: 28px;
    padding: 22px;
    border-radius: 18px;
  }
  #custom-html-6 .ar-error-info span {
    font-size: 15px;
  }
  #custom-html-6 .ar-error-actions {
    flex-direction: column;
  }
  #custom-html-6 .ar-btn {
    width: 100%;
  }
  #custom-html-6 .ar-footer-dark-inner {
    padding: 34px 22px 30px 22px;
    grid-template-columns: 1fr;
    gap: 28px;
  }
  #custom-html-6 .ar-footer-brand-title {
    font-size: 22px;
  }
  #custom-html-6 .ar-footer-col p {
    font-size: 15px;
  }
  #custom-html-6 .ar-footer-col h3 {
    font-size: 15px;
    margin-bottom: 16px;
  }
  #custom-html-6 .ar-footer-col a {
    font-size: 15px;
    margin-bottom: 12px;
  }
  #custom-html-6 .ar-footer-putzaffe {
    width: 100%;
    padding: 16px 18px;
  }
  #custom-html-6 .ar-footer-putzaffe img {
    height: 54px;
    max-width: 230px;
  }
  #custom-html-6 .ar-footer-bottom {
    padding: 18px 22px;
  }
}
#custom-html-6 .ar-error-direct-contact {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin-top: 30px;
  padding: 26px 28px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.055);
}
#custom-html-6 .ar-error-direct-contact strong {
  display: block;
  margin-bottom: 18px;
  color: #050608;
  font-size: 18px;
  font-weight: 900;
}
#custom-html-6 .ar-error-contact-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
#custom-html-6 .ar-error-contact-links a {
  min-height: 92px;
  padding: 18px 16px;
  border-radius: 18px;
  background: #fafaf8;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #101419;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.22s ease, border-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
#custom-html-6 .ar-error-contact-links a span {
  display: block;
  margin-bottom: 8px;
  color: #d00000;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}
#custom-html-6 .ar-error-contact-links a:hover {
  color: #d00000;
  border-color: rgba(208, 0, 0, 0.35);
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.08);
}
@media (max-width: 780px) {
  #custom-html-6 .ar-error-contact-links {
    grid-template-columns: 1fr;
  }
  #custom-html-6 .ar-error-contact-links a {
    min-height: auto;
  }
}
#custom-html-8 {
  /* =========================================================
   HEADER
   ========================================================= */
  /* =========================================================
   DATENSCHUTZ SEITE
   ========================================================= */
  /* =========================================================
   DATENSCHUTZ MITTELTEIL - STABIL UND SAUBER
   ========================================================= */
  /* =========================================================
   ABSCHLUSS / BUTTONS
   ========================================================= */
  /* =========================================================
   FOOTER HELL
   ========================================================= */
  /* =========================================================
   TABLET
   ========================================================= */
  /* =========================================================
   HANDY
   ========================================================= */
}
#custom-html-8 body {
  margin: 0;
  background: #fafaf8;
}
#custom-html-8 .ar-page {
  --ar-red: #d00000;
  --ar-dark: #101419;
  --ar-black: #050608;
  --ar-text: #2b3035;
  --ar-gray: #5f6670;
  --ar-soft: #f5f5f2;
  --ar-light: #fafaf8;
  --ar-white: #ffffff;
  --ar-border: rgba(0, 0, 0, 0.12);
  font-family: Arial, Helvetica, sans-serif;
  color: var(--ar-text);
  background: var(--ar-light);
  min-height: 100vh;
}
#custom-html-8 .ar-page * {
  box-sizing: border-box;
}
#custom-html-8 .ar-page a {
  color: inherit;
  text-decoration: none;
}
#custom-html-8 .ar-page img {
  max-width: 100%;
  display: block;
}
#custom-html-8 .ar-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}
#custom-html-8 .ar-header-inner {
  width: 94%;
  max-width: 1180px;
  min-height: 112px;
  margin: 0 auto;
  padding: 18px 0;
  display: flex;
  align-items: center;
  gap: 26px;
}
#custom-html-8 .ar-logo-wrap {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-shrink: 0;
}
#custom-html-8 .ar-logo-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}
#custom-html-8 .ar-logo-main strong {
  display: block;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -0.06em;
  color: #050608;
  line-height: 1;
  white-space: nowrap;
}
#custom-html-8 .ar-logo-main strong span {
  color: #d00000;
  margin-left: 2px;
}
#custom-html-8 .ar-logo-main small {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #1b1f24;
  line-height: 1.2;
  white-space: nowrap;
}
#custom-html-8 .ar-logo-service {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  padding-left: 22px;
  border-left: 1px solid rgba(0, 0, 0, 0.14);
  flex-shrink: 0;
  min-width: 205px;
  color: #555b62;
}
#custom-html-8 .ar-logo-service span {
  display: block;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .10em;
  color: #555b62;
  line-height: 1;
  white-space: nowrap;
}
#custom-html-8 .ar-logo-service img {
  display: block;
  width: auto;
  height: 58px;
  max-width: 205px;
  object-fit: contain;
}
#custom-html-8 .ar-menu-toggle {
  display: none;
}
#custom-html-8 .ar-menu-label {
  display: none;
}
#custom-html-8 .ar-nav {
  margin-left: auto;
  padding-left: 18px;
  display: flex;
  align-items: center;
  gap: 26px;
  flex-shrink: 0;
}
#custom-html-8 .ar-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  color: #050608;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  transition: color .22s ease;
}
#custom-html-8 .ar-nav a:hover {
  color: #d00000;
}
#custom-html-8 .ar-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 0;
  height: 3px;
  border-radius: 999px;
  background: #d00000;
  transition: width .22s ease;
}
#custom-html-8 .ar-nav a:hover::after {
  width: 100%;
}
#custom-html-8 .ar-legal {
  width: 94%;
  max-width: 1180px;
  margin: 112px auto 34px auto;
  padding: 36px 0 40px;
}
#custom-html-8 .ar-legal-card {
  position: relative;
  overflow: hidden;
  padding: 62px 58px;
  border-radius: 26px;
  background: radial-gradient(circle at top left, rgba(208, 0, 0, 0.075), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f7f7f4 100%);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.07);
}
#custom-html-8 .ar-legal-card::after {
  content: "";
  position: absolute;
  right: -120px;
  top: -120px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(208, 0, 0, 0.045);
  pointer-events: none;
}
#custom-html-8 .ar-kicker {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #d00000;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .10em;
}
#custom-html-8 .ar-kicker::before {
  content: "";
  width: 34px;
  height: 3px;
  border-radius: 999px;
  background: #d00000;
}
#custom-html-8 .ar-legal-card h1 {
  position: relative;
  z-index: 2;
  max-width: 840px;
  margin: 0;
  color: #050608;
  font-size: 54px;
  line-height: 1.04;
  letter-spacing: -0.045em;
}
#custom-html-8 .ar-legal-intro {
  position: relative;
  z-index: 2;
  max-width: 840px;
  margin: 24px 0 0 0;
  color: #4d5661;
  font-size: 18px;
  line-height: 1.65;
}
#custom-html-8 .ar-legal-domain-note {
  position: relative;
  z-index: 2;
  max-width: 840px;
  margin-top: 30px;
  padding: 20px 22px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #4d5661;
  font-size: 16px;
  line-height: 1.55;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.045);
}
#custom-html-8 .ar-legal-domain-note strong {
  color: #050608;
}
#custom-html-8 .ar-ds-content {
  position: relative;
  z-index: 2;
  margin-top: 42px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  width: 100%;
  max-width: 920px;
}
#custom-html-8 .ar-ds-item {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 24px;
  padding: 30px 32px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.045);
}
#custom-html-8 .ar-ds-item > span {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #d00000;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}
#custom-html-8 .ar-ds-item h2 {
  margin: 0 0 16px 0;
  color: #050608;
  font-size: 26px;
  line-height: 1.18;
  letter-spacing: -0.025em;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}
#custom-html-8 .ar-ds-item p {
  margin: 0 0 16px 0;
  color: #4d5661;
  font-size: 16px;
  line-height: 1.68;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}
#custom-html-8 .ar-ds-item p:last-child {
  margin-bottom: 0;
}
#custom-html-8 .ar-ds-item a {
  color: #d00000;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 4px;
}
#custom-html-8 .ar-ds-item a:hover {
  color: #b80000;
}
#custom-html-8 .ar-ds-item ul {
  margin: 16px 0 20px 0;
  padding: 0;
  list-style: none;
}
#custom-html-8 .ar-ds-item li {
  position: relative;
  margin: 0 0 10px 0;
  padding-left: 28px;
  color: #4d5661;
  font-size: 16px;
  line-height: 1.55;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}
#custom-html-8 .ar-ds-item li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 10px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #d00000;
}
#custom-html-8 .ar-legal-final-note {
  position: relative;
  z-index: 2;
  max-width: 920px;
  margin-top: 24px;
  padding: 28px 30px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.045);
}
#custom-html-8 .ar-legal-final-note strong {
  display: block;
  margin-bottom: 12px;
  color: #050608;
  font-size: 20px;
  font-weight: 900;
}
#custom-html-8 .ar-legal-final-note p {
  margin: 0 0 16px 0;
  color: #4d5661;
  font-size: 16px;
  line-height: 1.65;
}
#custom-html-8 .ar-legal-final-note span {
  color: #050608;
  font-size: 15px;
  font-weight: 900;
}
#custom-html-8 .ar-legal-actions {
  position: relative;
  z-index: 2;
  margin-top: 34px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
#custom-html-8 .ar-btn {
  min-height: 52px;
  padding: 0 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 15px;
  transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
#custom-html-8 .ar-btn-red {
  background: #d00000;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(208, 0, 0, 0.23);
}
#custom-html-8 .ar-btn-red:hover {
  background: #b80000;
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(208, 0, 0, 0.3);
}
#custom-html-8 .ar-btn-light {
  background: #ffffff;
  color: #101419;
  border: 1px solid rgba(0, 0, 0, 0.16);
}
#custom-html-8 .ar-btn-light:hover {
  color: #d00000;
  border-color: rgba(208, 0, 0, 0.38);
  transform: translateY(-2px);
}
#custom-html-8 .ar-footer-dark {
  width: 94%;
  max-width: 1180px;
  margin: 0 auto 28px auto;
  border-radius: 26px;
  background: #ffffff;
  color: #101419;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.07);
}
#custom-html-8 .ar-footer-dark-inner {
  padding: 46px 44px 38px 44px;
  display: grid;
  grid-template-columns: 1.2fr .9fr .9fr .75fr;
  gap: 46px;
  align-items: start;
  background: radial-gradient(circle at top left, rgba(208, 0, 0, 0.055), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f7f7f4 100%);
}
#custom-html-8 .ar-footer-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#custom-html-8 .ar-footer-brand-link {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
#custom-html-8 .ar-footer-brand-title {
  display: block;
  color: #050608;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 1;
  white-space: nowrap;
}
#custom-html-8 .ar-footer-brand-title span {
  color: #d00000;
}
#custom-html-8 .ar-footer-brand-link:hover .ar-footer-brand-title {
  color: #050608;
}
#custom-html-8 .ar-footer-brand-link:hover .ar-footer-brand-title span {
  color: #d00000;
}
#custom-html-8 .ar-footer-col p {
  margin: 20px 0 0 0;
  color: #4d5661;
  font-size: 16px;
  line-height: 1.55;
  max-width: 340px;
}
#custom-html-8 .ar-footer-col h3 {
  margin: 0 0 22px 0;
  color: #050608;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}
#custom-html-8 .ar-footer-col a {
  display: block;
  margin: 0 0 14px 0;
  color: #4d5661;
  font-size: 16px;
  line-height: 1.35;
  text-decoration: none;
  font-weight: 500;
  transition: color .22s ease, transform .22s ease;
}
#custom-html-8 .ar-footer-col a:hover {
  color: #d00000;
  transform: translateX(2px);
}
#custom-html-8 .ar-footer-putzaffe {
  margin-top: 28px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 18px 20px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.06);
}
#custom-html-8 .ar-footer-putzaffe span {
  color: #5f6670;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: 1;
}
#custom-html-8 .ar-footer-putzaffe img {
  display: block;
  width: auto;
  height: 66px;
  max-width: 260px;
  object-fit: contain;
}
#custom-html-8 .ar-footer-bottom {
  padding: 22px 44px;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  text-align: center;
  background: #f7f7f4;
}
#custom-html-8 .ar-footer-bottom span {
  color: #5f6670;
  font-size: 14px;
}
@media (max-width: 1280px) {
  #custom-html-8 .ar-header-inner {
    min-height: 78px;
    padding: 13px 0;
    gap: 12px;
    flex-wrap: wrap;
  }
  #custom-html-8 .ar-logo-wrap {
    gap: 0;
    max-width: calc(18%);
  }
  #custom-html-8 .ar-logo-main strong {
    font-size: 22px;
    letter-spacing: -0.055em;
  }
  #custom-html-8 .ar-logo-main small {
    margin-top: 7px;
    font-size: 12px;
    max-width: 260px;
    white-space: normal;
    line-height: 1.2;
  }
  #custom-html-8 .ar-logo-service {
    display: none;
  }
  #custom-html-8 .ar-menu-label {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    background: #050608;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .3px;
    cursor: pointer;
    user-select: none;
  }
  #custom-html-8 .ar-nav {
    order: 20;
    display: none;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 4px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  #custom-html-8 .ar-menu-toggle:checked ~ .ar-nav {
    display: flex;
  }
  #custom-html-8 .ar-nav a {
    width: 100%;
    max-width: 300px;
    justify-content: center;
    text-align: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.035);
    color: #050608;
    font-size: 15px;
    font-weight: 500;
    transition: color .22s ease, background .22s ease;
  }
  #custom-html-8 .ar-nav a:hover {
    color: #d00000;
    background: rgba(208, 0, 0, 0.08);
  }
  #custom-html-8 .ar-nav a::after {
    display: none;
  }
  #custom-html-8 .ar-legal {
    margin-top: 78px;
    padding-top: 46px;
  }
  #custom-html-8 .ar-legal-card {
    padding: 46px 34px;
  }
  #custom-html-8 .ar-legal-card h1 {
    font-size: 42px;
  }
  #custom-html-8 .ar-legal-intro {
    font-size: 17px;
  }
  #custom-html-8 .ar-ds-content {
    max-width: none;
    margin-top: 32px;
  }
  #custom-html-8 .ar-ds-item {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 18px;
    padding: 26px 24px;
  }
  #custom-html-8 .ar-ds-item h2 {
    font-size: 23px;
  }
  #custom-html-8 .ar-footer-dark-inner {
    padding: 40px 28px 34px 28px;
    grid-template-columns: 1fr 1fr;
    gap: 34px 30px;
  }
  #custom-html-8 .ar-footer-brand-col {
    grid-column: -1;
  }
  #custom-html-8 .ar-footer-brand-title {
    font-size: 25px;
  }
  #custom-html-8 .ar-footer-putzaffe img {
    height: 58px;
    max-width: 240px;
  }
  #custom-html-8 .ar-footer-bottom {
    padding: 20px 28px;
  }
}
@media (max-width: 560px) {
  #custom-html-8 .ar-header-inner {
    min-height: 70px;
    padding: 10px 0;
  }
  #custom-html-8 .ar-logo-main strong {
    font-size: 17px;
  }
  #custom-html-8 .ar-logo-main small {
    font-size: 10px;
    max-width: 190px;
  }
  #custom-html-8 .ar-menu-label {
    min-height: 36px;
    padding: 0 12px;
    font-size: 11px;
  }
  #custom-html-8 .ar-nav {
    gap: 4px;
    padding-top: 8px;
  }
  #custom-html-8 .ar-nav a {
    min-height: 36px;
    max-width: 285px;
    border-radius: 11px;
    font-size: 14px;
  }
  #custom-html-8 .ar-legal {
    width: 94%;
    margin-top: 70px;
    padding: 34px 0 28px;
  }
  #custom-html-8 .ar-legal-card {
    padding: 36px 22px;
    border-radius: 22px;
  }
  #custom-html-8 .ar-kicker {
    font-size: 12px;
    letter-spacing: .08em;
  }
  #custom-html-8 .ar-kicker::before {
    width: 28px;
  }
  #custom-html-8 .ar-legal-card h1 {
    font-size: 34px;
    line-height: 1.08;
  }
  #custom-html-8 .ar-legal-intro {
    font-size: 16px;
    line-height: 1.6;
  }
  #custom-html-8 .ar-legal-domain-note {
    padding: 18px;
    border-radius: 16px;
    font-size: 15px;
  }
  #custom-html-8 .ar-ds-content {
    margin-top: 30px;
    gap: 16px;
  }
  #custom-html-8 .ar-ds-item {
    display: block;
    padding: 24px 20px;
    border-radius: 18px;
  }
  #custom-html-8 .ar-ds-item > span {
    margin-bottom: 18px;
    width: 42px;
    height: 42px;
  }
  #custom-html-8 .ar-ds-item h2 {
    font-size: 22px;
  }
  #custom-html-8 .ar-ds-item p,
  #custom-html-8 .ar-ds-item li {
    font-size: 15px;
  }
  #custom-html-8 .ar-legal-final-note {
    padding: 24px 20px;
    border-radius: 18px;
  }
  #custom-html-8 .ar-legal-actions {
    flex-direction: column;
  }
  #custom-html-8 .ar-btn {
    width: 100%;
  }
  #custom-html-8 .ar-footer-dark-inner {
    padding: 34px 22px 30px 22px;
    grid-template-columns: 1fr;
    gap: 28px;
  }
  #custom-html-8 .ar-footer-brand-title {
    font-size: 22px;
  }
  #custom-html-8 .ar-footer-col p {
    font-size: 15px;
  }
  #custom-html-8 .ar-footer-col h3 {
    font-size: 15px;
    margin-bottom: 16px;
  }
  #custom-html-8 .ar-footer-col a {
    font-size: 15px;
    margin-bottom: 12px;
  }
  #custom-html-8 .ar-footer-putzaffe {
    width: 100%;
    padding: 16px 18px;
  }
  #custom-html-8 .ar-footer-putzaffe img {
    height: 54px;
    max-width: 230px;
  }
  #custom-html-8 .ar-footer-bottom {
    padding: 18px 22px;
  }
}
#custom-html-9 {
  /* =========================================================
   HEADER
   ========================================================= */
  /* =========================================================
   IMPRESSUM SEITE
   ========================================================= */
  /* =========================================================
   IMPRESSUM MITTELTEIL
   ========================================================= */
  /* =========================================================
   BUTTONS
   ========================================================= */
  /* =========================================================
   FOOTER HELL
   ========================================================= */
  /* =========================================================
   TABLET
   ========================================================= */
  /* =========================================================
   HANDY
   ========================================================= */
}
#custom-html-9 body {
  margin: 0;
  background: #fafaf8;
}
#custom-html-9 .ar-page {
  --ar-red: #d00000;
  --ar-dark: #101419;
  --ar-black: #050608;
  --ar-text: #2b3035;
  --ar-gray: #5f6670;
  --ar-soft: #f5f5f2;
  --ar-light: #fafaf8;
  --ar-white: #ffffff;
  --ar-border: rgba(0, 0, 0, 0.12);
  font-family: Arial, Helvetica, sans-serif;
  color: var(--ar-text);
  background: var(--ar-light);
  min-height: 100vh;
}
#custom-html-9 .ar-page * {
  box-sizing: border-box;
}
#custom-html-9 .ar-page a {
  color: inherit;
  text-decoration: none;
}
#custom-html-9 .ar-page img {
  max-width: 100%;
  display: block;
}
#custom-html-9 .ar-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}
#custom-html-9 .ar-header-inner {
  width: 94%;
  max-width: 1180px;
  min-height: 112px;
  margin: 0 auto;
  padding: 18px 0;
  display: flex;
  align-items: center;
  gap: 26px;
}
#custom-html-9 .ar-logo-wrap {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-shrink: 0;
}
#custom-html-9 .ar-logo-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}
#custom-html-9 .ar-logo-main strong {
  display: block;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -0.06em;
  color: #050608;
  line-height: 1;
  white-space: nowrap;
}
#custom-html-9 .ar-logo-main strong span {
  color: #d00000;
  margin-left: 2px;
}
#custom-html-9 .ar-logo-main small {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #1b1f24;
  line-height: 1.2;
  white-space: nowrap;
}
#custom-html-9 .ar-logo-service {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  padding-left: 22px;
  border-left: 1px solid rgba(0, 0, 0, 0.14);
  flex-shrink: 0;
  min-width: 205px;
  color: #555b62;
}
#custom-html-9 .ar-logo-service span {
  display: block;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .10em;
  color: #555b62;
  line-height: 1;
  white-space: nowrap;
}
#custom-html-9 .ar-logo-service img {
  display: block;
  width: auto;
  height: 58px;
  max-width: 205px;
  object-fit: contain;
}
#custom-html-9 .ar-menu-toggle {
  display: none;
}
#custom-html-9 .ar-menu-label {
  display: none;
}
#custom-html-9 .ar-nav {
  margin-left: auto;
  padding-left: 18px;
  display: flex;
  align-items: center;
  gap: 26px;
  flex-shrink: 0;
}
#custom-html-9 .ar-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  color: #050608;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  transition: color .22s ease;
}
#custom-html-9 .ar-nav a:hover {
  color: #d00000;
}
#custom-html-9 .ar-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 0;
  height: 3px;
  border-radius: 999px;
  background: #d00000;
  transition: width .22s ease;
}
#custom-html-9 .ar-nav a:hover::after {
  width: 100%;
}
#custom-html-9 .ar-legal {
  width: 94%;
  max-width: 1180px;
  margin: 112px auto 34px auto;
  padding: 36px 0 40px;
}
#custom-html-9 .ar-legal-card {
  position: relative;
  overflow: hidden;
  padding: 62px 58px;
  border-radius: 26px;
  background: radial-gradient(circle at top left, rgba(208, 0, 0, 0.075), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f7f7f4 100%);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.07);
}
#custom-html-9 .ar-legal-card::after {
  content: "";
  position: absolute;
  right: -120px;
  top: -120px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(208, 0, 0, 0.045);
  pointer-events: none;
}
#custom-html-9 .ar-kicker {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #d00000;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .10em;
}
#custom-html-9 .ar-kicker::before {
  content: "";
  width: 34px;
  height: 3px;
  border-radius: 999px;
  background: #d00000;
}
#custom-html-9 .ar-legal-card h1 {
  position: relative;
  z-index: 2;
  max-width: 840px;
  margin: 0;
  color: #050608;
  font-size: 54px;
  line-height: 1.04;
  letter-spacing: -0.045em;
}
#custom-html-9 .ar-legal-intro {
  position: relative;
  z-index: 2;
  max-width: 840px;
  margin: 24px 0 0 0;
  color: #4d5661;
  font-size: 18px;
  line-height: 1.65;
}
#custom-html-9 .ar-legal-intro strong {
  color: #050608;
}
#custom-html-9 .ar-legal-domain-note {
  position: relative;
  z-index: 2;
  max-width: 840px;
  margin-top: 30px;
  padding: 20px 22px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #4d5661;
  font-size: 16px;
  line-height: 1.55;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.045);
}
#custom-html-9 .ar-legal-domain-note strong {
  color: #050608;
}
#custom-html-9 .ar-imprint-content {
  position: relative;
  z-index: 2;
  margin-top: 42px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  width: 100%;
  max-width: 920px;
}
#custom-html-9 .ar-imprint-item {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 24px;
  padding: 30px 32px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.045);
}
#custom-html-9 .ar-imprint-item > span {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #d00000;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}
#custom-html-9 .ar-imprint-item h2 {
  margin: 0 0 16px 0;
  color: #050608;
  font-size: 26px;
  line-height: 1.18;
  letter-spacing: -0.025em;
}
#custom-html-9 .ar-imprint-item h3 {
  margin: 0 0 12px 0;
  color: #050608;
  font-size: 19px;
  line-height: 1.25;
  font-weight: 900;
}
#custom-html-9 .ar-imprint-item p {
  margin: 0 0 16px 0;
  color: #4d5661;
  font-size: 16px;
  line-height: 1.68;
}
#custom-html-9 .ar-imprint-item p:last-child {
  margin-bottom: 0;
}
#custom-html-9 .ar-imprint-item a {
  color: #d00000;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 4px;
}
#custom-html-9 .ar-imprint-item a:hover {
  color: #b80000;
}
#custom-html-9 .ar-location-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
#custom-html-9 .ar-location-box {
  padding: 22px 24px;
  border-radius: 18px;
  background: #fafaf8;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#custom-html-9 .ar-legal-actions {
  position: relative;
  z-index: 2;
  margin-top: 34px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
#custom-html-9 .ar-btn {
  min-height: 52px;
  padding: 0 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 15px;
  transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
#custom-html-9 .ar-btn-red {
  background: #d00000;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(208, 0, 0, 0.23);
}
#custom-html-9 .ar-btn-red:hover {
  background: #b80000;
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(208, 0, 0, 0.3);
}
#custom-html-9 .ar-btn-light {
  background: #ffffff;
  color: #101419;
  border: 1px solid rgba(0, 0, 0, 0.16);
}
#custom-html-9 .ar-btn-light:hover {
  color: #d00000;
  border-color: rgba(208, 0, 0, 0.38);
  transform: translateY(-2px);
}
#custom-html-9 .ar-footer-dark {
  width: 94%;
  max-width: 1180px;
  margin: 0 auto 28px auto;
  border-radius: 26px;
  background: #ffffff;
  color: #101419;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.07);
}
#custom-html-9 .ar-footer-dark-inner {
  padding: 46px 44px 38px 44px;
  display: grid;
  grid-template-columns: 1.2fr .9fr .9fr .75fr;
  gap: 46px;
  align-items: start;
  background: radial-gradient(circle at top left, rgba(208, 0, 0, 0.055), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f7f7f4 100%);
}
#custom-html-9 .ar-footer-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#custom-html-9 .ar-footer-brand-link {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
#custom-html-9 .ar-footer-brand-title {
  display: block;
  color: #050608;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 1;
  white-space: nowrap;
}
#custom-html-9 .ar-footer-brand-title span {
  color: #d00000;
}
#custom-html-9 .ar-footer-brand-link:hover .ar-footer-brand-title {
  color: #050608;
}
#custom-html-9 .ar-footer-brand-link:hover .ar-footer-brand-title span {
  color: #d00000;
}
#custom-html-9 .ar-footer-col p {
  margin: 20px 0 0 0;
  color: #4d5661;
  font-size: 16px;
  line-height: 1.55;
  max-width: 340px;
}
#custom-html-9 .ar-footer-col h3 {
  margin: 0 0 22px 0;
  color: #050608;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}
#custom-html-9 .ar-footer-col a {
  display: block;
  margin: 0 0 14px 0;
  color: #4d5661;
  font-size: 16px;
  line-height: 1.35;
  text-decoration: none;
  font-weight: 500;
  transition: color .22s ease, transform .22s ease;
}
#custom-html-9 .ar-footer-col a:hover {
  color: #d00000;
  transform: translateX(2px);
}
#custom-html-9 .ar-footer-putzaffe {
  margin-top: 28px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 18px 20px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.06);
}
#custom-html-9 .ar-footer-putzaffe span {
  color: #5f6670;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: 1;
}
#custom-html-9 .ar-footer-putzaffe img {
  display: block;
  width: auto;
  height: 66px;
  max-width: 260px;
  object-fit: contain;
}
#custom-html-9 .ar-footer-bottom {
  padding: 22px 44px;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  text-align: center;
  background: #f7f7f4;
}
#custom-html-9 .ar-footer-bottom span {
  color: #5f6670;
  font-size: 14px;
}
@media (max-width: 1280px) {
  #custom-html-9 .ar-header-inner {
    min-height: 78px;
    padding: 13px 0;
    gap: 12px;
    flex-wrap: wrap;
  }
  #custom-html-9 .ar-logo-wrap {
    gap: 0;
    max-width: calc(18%);
  }
  #custom-html-9 .ar-logo-main strong {
    font-size: 22px;
    letter-spacing: -0.055em;
  }
  #custom-html-9 .ar-logo-main small {
    margin-top: 7px;
    font-size: 12px;
    max-width: 260px;
    white-space: normal;
    line-height: 1.2;
  }
  #custom-html-9 .ar-logo-service {
    display: none;
  }
  #custom-html-9 .ar-menu-label {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    background: #050608;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .3px;
    cursor: pointer;
    user-select: none;
  }
  #custom-html-9 .ar-nav {
    order: 20;
    display: none;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 4px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
  #custom-html-9 .ar-menu-toggle:checked ~ .ar-nav {
    display: flex;
  }
  #custom-html-9 .ar-nav a {
    width: 100%;
    max-width: 300px;
    justify-content: center;
    text-align: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.035);
    color: #050608;
    font-size: 15px;
    font-weight: 500;
    transition: color .22s ease, background .22s ease;
  }
  #custom-html-9 .ar-nav a:hover {
    color: #d00000;
    background: rgba(208, 0, 0, 0.08);
  }
  #custom-html-9 .ar-nav a::after {
    display: none;
  }
  #custom-html-9 .ar-legal {
    margin-top: 78px;
    padding-top: 46px;
  }
  #custom-html-9 .ar-legal-card {
    padding: 46px 34px;
  }
  #custom-html-9 .ar-legal-card h1 {
    font-size: 42px;
  }
  #custom-html-9 .ar-legal-intro {
    font-size: 17px;
  }
  #custom-html-9 .ar-imprint-content {
    max-width: none;
    margin-top: 32px;
  }
  #custom-html-9 .ar-imprint-item {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 18px;
    padding: 26px 24px;
  }
  #custom-html-9 .ar-imprint-item h2 {
    font-size: 23px;
  }
  #custom-html-9 .ar-footer-dark-inner {
    padding: 40px 28px 34px 28px;
    grid-template-columns: 1fr 1fr;
    gap: 34px 30px;
  }
  #custom-html-9 .ar-footer-brand-col {
    grid-column: -1;
  }
  #custom-html-9 .ar-footer-brand-title {
    font-size: 25px;
  }
  #custom-html-9 .ar-footer-putzaffe img {
    height: 58px;
    max-width: 240px;
  }
  #custom-html-9 .ar-footer-bottom {
    padding: 20px 28px;
  }
}
@media (max-width: 560px) {
  #custom-html-9 .ar-header-inner {
    min-height: 70px;
    padding: 10px 0;
  }
  #custom-html-9 .ar-logo-main strong {
    font-size: 17px;
  }
  #custom-html-9 .ar-logo-main small {
    font-size: 10px;
    max-width: 190px;
  }
  #custom-html-9 .ar-menu-label {
    min-height: 36px;
    padding: 0 12px;
    font-size: 11px;
  }
  #custom-html-9 .ar-nav {
    gap: 4px;
    padding-top: 8px;
  }
  #custom-html-9 .ar-nav a {
    min-height: 36px;
    max-width: 285px;
    border-radius: 11px;
    font-size: 14px;
  }
  #custom-html-9 .ar-legal {
    width: 94%;
    margin-top: 70px;
    padding: 34px 0 28px;
  }
  #custom-html-9 .ar-legal-card {
    padding: 36px 22px;
    border-radius: 22px;
  }
  #custom-html-9 .ar-kicker {
    font-size: 12px;
    letter-spacing: .08em;
  }
  #custom-html-9 .ar-kicker::before {
    width: 28px;
  }
  #custom-html-9 .ar-legal-card h1 {
    font-size: 34px;
    line-height: 1.08;
  }
  #custom-html-9 .ar-legal-intro {
    font-size: 16px;
    line-height: 1.6;
  }
  #custom-html-9 .ar-legal-domain-note {
    padding: 18px;
    border-radius: 16px;
    font-size: 15px;
  }
  #custom-html-9 .ar-imprint-content {
    margin-top: 30px;
    gap: 16px;
  }
  #custom-html-9 .ar-imprint-item {
    display: block;
    padding: 24px 20px;
    border-radius: 18px;
  }
  #custom-html-9 .ar-imprint-item > span {
    margin-bottom: 18px;
    width: 42px;
    height: 42px;
  }
  #custom-html-9 .ar-imprint-item h2 {
    font-size: 22px;
  }
  #custom-html-9 .ar-imprint-item h3 {
    font-size: 18px;
  }
  #custom-html-9 .ar-imprint-item p {
    font-size: 15px;
  }
  #custom-html-9 .ar-location-box {
    padding: 20px 18px;
  }
  #custom-html-9 .ar-legal-actions {
    flex-direction: column;
  }
  #custom-html-9 .ar-btn {
    width: 100%;
  }
  #custom-html-9 .ar-footer-dark-inner {
    padding: 34px 22px 30px 22px;
    grid-template-columns: 1fr;
    gap: 28px;
  }
  #custom-html-9 .ar-footer-brand-title {
    font-size: 22px;
  }
  #custom-html-9 .ar-footer-col p {
    font-size: 15px;
  }
  #custom-html-9 .ar-footer-col h3 {
    font-size: 15px;
    margin-bottom: 16px;
  }
  #custom-html-9 .ar-footer-col a {
    font-size: 15px;
    margin-bottom: 12px;
  }
  #custom-html-9 .ar-footer-putzaffe {
    width: 100%;
    padding: 16px 18px;
  }
  #custom-html-9 .ar-footer-putzaffe img {
    height: 54px;
    max-width: 230px;
  }
  #custom-html-9 .ar-footer-bottom {
    padding: 18px 22px;
  }
}