.menu-cta:not(.collapse-enabled) li.awb-menu__main-li_regular {
border-radius: 50px !important;
overflow: hidden;
align-self: center !important;
box-shadow: 0 0 0 2px transparent !important;
transition: box-shadow 0s !important;
}
.menu-cta:not(.collapse-enabled) li.awb-menu__main-li_regular > a.awb-menu__main-a_regular {
padding: 5px var(--menu-cta-pad, 18px) !important;
line-height: 1.4 !important;
transition: none !important;
}
.menu-cta:not(.collapse-enabled) li.awb-menu__main-li_regular:hover {
box-shadow: 0 0 0 2px var(--awb-color5) !important;
}
.menu-cta:not(.collapse-enabled) li.awb-menu__main-li_regular .awb-menu__main-background-active {
background-color: var(--awb-color5) !important;
opacity: 1 !important;
transform: scaleX(0) !important;
transform-origin: left center !important;
transition: none !important;
}
.menu-cta:not(.collapse-enabled) li.awb-menu__main-li_regular:hover .awb-menu__main-background-active {
transform: scaleX(1) !important;
transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1) 0.1s !important;
}
.menu-cta:not(.collapse-enabled) li.awb-menu__main-li_regular.awb-menu__main-li:hover > a.awb-menu__main-a_regular {
color: var(--awb-color1) !important;
transition: color 0.05s ease 0.4s !important;
}
.menu-cta:not(.collapse-enabled) li.awb-menu__main-li_regular.current-menu-item,
.menu-cta:not(.collapse-enabled) li.awb-menu__main-li_regular.current_page_item {
box-shadow: 0 0 0 2px var(--awb-color5) !important;
}
.menu-cta:not(.collapse-enabled) li.awb-menu__main-li_regular.current-menu-item .awb-menu__main-background-active,
.menu-cta:not(.collapse-enabled) li.awb-menu__main-li_regular.current_page_item .awb-menu__main-background-active {
transform: scaleX(1) !important;
}
.menu-cta:not(.collapse-enabled) li.awb-menu__main-li_regular.awb-menu__main-li.current-menu-item > a.awb-menu__main-a_regular,
.menu-cta:not(.collapse-enabled) li.awb-menu__main-li_regular.awb-menu__main-li.current_page_item > a.awb-menu__main-a_regular {
color: var(--awb-color1) !important;
} .menu-cta.collapse-enabled li.awb-menu__main-li_regular.awb-menu__main-li.current-menu-item > a.awb-menu__main-a_regular,
.menu-cta.collapse-enabled li.awb-menu__main-li_regular.awb-menu__main-li.current_page_item > a.awb-menu__main-a_regular,
.menu-cta.collapse-enabled li.awb-menu__main-li_regular.awb-menu__main-li:hover > a.awb-menu__main-a_regular {
color: var(--awb-text-color) !important;
}  .two-button-column .fusion-content-layout-row {
gap: 30px !important;
}  .fusion-button.custom-button::before {
background: var(--button_gradient_top_color) !important;
transform: scaleX(1) !important;
transform-origin: right center !important;
transition: none !important;
}
.fusion-button[data-hover*=bg_slide].custom-button:hover {
background: var(--awb-color8) !important;
}
.fusion-button.custom-button:hover::before {
transform: scaleX(0) !important;
transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1) !important;
}
.fusion-button.custom-button .fusion-button-text,
.fusion-button.custom-button i {
position: relative !important;
z-index: 2 !important;
}  .fusion-button.custom-button.custom-button-transparent::before {
background: var(--awb-color8) !important;
transform: none !important;
clip-path: inset(0 100% 0 0) !important;
transition: none !important;
}
.fusion-button[data-hover*=bg_slide].custom-button.custom-button-transparent:hover {
background: transparent !important;
}
.fusion-button.custom-button.custom-button-transparent:hover::before {
clip-path: inset(0 0% 0 0) !important;
transition: clip-path 0.25s cubic-bezier(0.4, 0, 1, 1) !important;
}  .fusion-button.custom-button.custom-button-hover-white::before {
opacity: 0 !important;
}
.fusion-button[data-hover*=bg_slide].custom-button.custom-button-hover-white:hover {
background: var(--button_gradient_top_color) !important;
transition: none !important;
}
.fusion-button.custom-button.custom-button-hover-white::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: var(--awb-color1) !important;
clip-path: inset(0 100% 0 0) !important;
transition: none !important;
z-index: 1 !important;
}
.fusion-button.custom-button.custom-button-hover-white:hover::after {
clip-path: inset(0 0% 0 0) !important;
transition: clip-path 0.25s cubic-bezier(0.4, 0, 1, 1) !important;
}
.fusion-button.custom-button.custom-button-hover-white .fusion-button-text,
.fusion-button.custom-button.custom-button-hover-white i {
position: relative !important;
z-index: 2 !important;
}
.fusion-button.custom-button.custom-button-hover-white:hover .fusion-button-text,
.fusion-button.custom-button.custom-button-hover-white:hover i {
color: var(--awb-color5) !important;
}   .services-grid.content-boxes {
display: flex !important;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
}
.services-grid .content-box-column {
float: none !important;
display: flex;
}
.services-grid .fusion-clearfix {
display: none;
}
.services-grid .col.content-box-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 10px;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.09);
padding: 25px;
text-align: center;
box-sizing: border-box;
}
.services-grid .image img {
height: 60px;
width: auto;
max-width: 100%;
object-fit: contain;
margin-bottom: 10px;
}
.services-grid .content-box-heading {
font-size: 14px !important;
line-height: 1.4 !important;
margin: 0;
} .fusion-layout-column:has(.services-grid) {
margin-bottom: 16px !important;
}
.services-grid {
margin-bottom: 0 !important;
} .services-grid .content-box-column {
flex: 0 0 20% !important;
max-width: 20% !important;
width: auto !important;
} @media (max-width: 1199px) {
.services-grid .content-box-column {
flex: 0 0 33.333% !important;
max-width: 33.333% !important;
}
} @media (max-width: 767px) {
.services-grid .content-box-column {
flex: 0 0 50% !important;
max-width: 50% !important;
}
} @media (max-width: 480px) {
.services-grid .content-box-column {
flex: 0 0 100% !important;
max-width: 100% !important;
}
}  .contact-info .content-box-wrapper {
border: 1.5px solid var(--awb-color1);
border-radius: 12px;
padding: 14px 18px;
min-height: 80px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
}
.contact-info .heading.heading-with-icon.icon-left {
display: flex;
align-items: center;
margin-bottom: 0;
}  .content-box-heading a,
.content-box-heading a:visited {
color: var(--awb-color1);
text-decoration: none;
}
.content-box-heading a:hover {
color: var(--awb-color1);
text-decoration: none;
}  .fusion-content-layout-row .fusion-form-submit-field.custom-button {
width: auto;
}  @media (max-width: 767px) {
.fusion-form-7 .button-1 {
--awb-margin-right: 0px !important;
}
.fusion-form-7 .button-2 {
--awb-margin-left: 0px !important;
}
}   .fusion-form-form-wrapper .fusion-form-field .fusion-form-radio,
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox {
display: flex;
align-items: stretch !important; gap: 10px;
background: #fff;
border-radius: 50px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
padding: 0; margin-bottom: 32px !important;
cursor: pointer;
transition: box-shadow 0.2s ease;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio:hover,
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox:hover {
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
}
.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio input[type="radio"],
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox input[type="checkbox"] {
display: none !important;
} .fusion-form-form-wrapper .fusion-form-field .fusion-form-radio label::before,
.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio label::after,
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label::before,
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label::after {
display: none !important;
} .fusion-form-form-wrapper .fusion-form-field .fusion-form-radio:has(input:checked),
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox:has(input:checked) {
background: var(--awb-color5, #8c1515);
color: var(--awb-color1);
box-shadow: none;
}
.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio:has(input:checked) label,
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox:has(input:checked) label {
color: var(--awb-color1);
}
.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio label,
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label {
margin: 0;
padding: 12px 20px !important; box-sizing: border-box;
cursor: pointer;
flex: 1;
display: flex;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
} @media (max-width: 767px) {
.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio,
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox {
border-radius: 16px;
}
}  .fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox:has(#datenschutz) label::before {
display: inline-block !important;
position: static; transform: none;
content: "";
width: 20px;
height: 20px;
margin-right: 10px;
flex-shrink: 0;
box-sizing: border-box;
border: 2px solid #888;
border-radius: 4px;
background-color: #fff;
transition: border-color 0.2s ease;
}
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox:has(#datenschutz:checked) label::before {
border-color: var(--awb-color5, #8c1515);
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238c1515' stroke-width='2'%3E%3Cpath d='M3 8l4 4 6-8'/%3E%3C/svg%3E");
background-size: 12px;
background-repeat: no-repeat;
background-position: center;
}  .fusion-form-input:not([type="checkbox"]):not([type="radio"]) {
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}  .benefit-card .fusion-column-wrapper {
padding: 25px !important;
}
.benefit-card .fusion-image-element {
--awb-margin-top: 0px !important;
--awb-margin-right: 0px !important;
--awb-margin-bottom: 15px !important;
--awb-margin-left: 0px !important;
}  .job-row .fusion-column-wrapper {
display: grid !important;
grid-template-columns: 1fr auto 1fr;
align-items: center;
}
.job-row .fusion-column-wrapper > .fusion-text:nth-child(2) {
text-align: center;
}
.job-row .fusion-column-wrapper > div:last-child {
display: flex;
justify-content: flex-end;
}
@media (max-width: 950px) {
.job-row .fusion-column-wrapper {
display: grid !important;
grid-template-columns: 1fr !important;
justify-items: center !important;
gap: 12px !important;
}
.job-row .fusion-column-wrapper > .fusion-text:first-child,
.job-row .fusion-column-wrapper > .fusion-text:nth-child(2) {
text-align: center !important;
width: 100% !important;
}
.job-row .fusion-column-wrapper > div:last-child {
display: flex !important;
justify-content: center !important;
width: 100% !important;
}
}  .job-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.job-tag {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 20px;
border: 1.5px solid #bbb;
border-radius: 30px;
background: #fff;
font-size: 15px;
line-height: 1;
cursor: default;
user-select: none;
}
.job-tag br {
display: none;
}
.job-tag img {
flex-shrink: 0;
width: 24px;
height: 24px;
display: block;
}  .ansprechpartner {
display: flex;
align-items: center;
gap: 15px;
width: fit-content;
margin: 0 auto;
}
.ansprechpartner img {
width: 100px;
flex-shrink: 0;
}
.ansprechpartner span {
line-height: 1.5;
}
@media (max-width: 767px) {
.ansprechpartner {
flex-direction: column;
text-align: center;
gap: 0px;
margin-top: 15px;
}
}   .fusion-form-form-wrapper .awb-form-nav {
display: none !important;
} .quiz-arrow-nav {
display: flex;
align-items: flex-start;
gap: 20px;
width: 100%;
margin-bottom: 40px;
padding-left: 1.92%; padding-right: 1.92%;
} .quiz-arrow-fill {
flex-shrink: 0;
position: relative;
height: 80px;
width: 25%;
min-width: 220px;
background: var(--awb-color5, #8c1515);
clip-path: polygon(
0 25%,
calc(100% - 70px) 25%,
calc(100% - 70px) 0%,
100% 50%,
calc(100% - 70px) 100%,
calc(100% - 70px) 75%,
0 75%
);
transition: width 0.5s ease;
display: flex;
align-items: center;
} .quiz-arrow-label {
padding-left: 22px;
padding-right: 80px; color: var(--awb-color1);
font-size: 18px;
font-weight: 700;
white-space: nowrap;
} .quiz-arrow-nav .ansprechpartner-intro {
flex: 0 1 480px;
margin-left: auto;
margin-right: 0;
background: var(--awb-color5, #8c1515);
border-radius: 10px;
padding: 14px 18px;
color: var(--awb-color1);
font-size: 14px;
margin-top: 0;
box-sizing: border-box;
width: auto;
} .quiz-intro-source {
display: none !important;
}
.quiz-arrow-nav .ansprechpartner-intro img {
width: 90px;
height: 90px;
border-radius: 50%;
object-fit: cover;
} .quiz-arrow-nav .ansprechpartner-intro > br {
display: none;
}
@media (max-width: 900px) { .quiz-arrow-nav {
flex-wrap: wrap;
}
.quiz-arrow-nav .ansprechpartner-intro {
flex: 0 0 100%;
}
}
@media (max-width: 767px) {
.quiz-arrow-nav .ansprechpartner-intro {
gap: 3px;
padding: 30px 15px;
}
.quiz-arrow-nav .ansprechpartner-intro b {
display: block;
}
.quiz-arrow-fill {
height: 60px;
min-width: 170px;
clip-path: polygon(
0 25%,
calc(100% - 50px) 25%,
calc(100% - 50px) 0%,
100% 50%,
calc(100% - 50px) 100%,
calc(100% - 50px) 75%,
0 75%
);
}
.quiz-arrow-label {
font-size: 14px;
padding-left: 14px;
padding-right: 60px;
}
.quiz-arrow-nav {
margin-bottom: 28px;
}
}  .benefit-tag {
display: flex;
align-items: center;
gap: 20px;
padding: 14px 22px;
border: 1.5px solid #bbb;
border-radius: 30px;
background: #fff;
width: 100%;
box-sizing: border-box;
cursor: default;
user-select: none;
}
.benefit-tag br {
display: none;
}
.benefit-tag img {
flex-shrink: 0;
width: 48px;
height: 48px;
display: block;
}
@media (max-width: 767px) {
.benefit-tag {
border-radius: 16px;
}
.benefit-tag img {
margin-top: 2px;
}
}  nav.breadcrumb {
padding-left: 30px;
} body:has(.es-lp) nav.breadcrumb,
body:has(.es-lp) nav.breadcrumb a {
color: #6b7280;
font-size: 12px;
}
body:has(.es-lp) nav.breadcrumb {
padding-left: 16px;
}
@media (min-width: 768px) {
body:has(.es-lp) nav.breadcrumb,
body:has(.es-lp) nav.breadcrumb a {
font-size: 14px;
}
body:has(.es-lp) nav.breadcrumb {
padding-left: 30px;
}
}  .fusion-text.list-check ul {
padding-left: 0 !important;
}
.fusion-text.list-check ul li {
list-style: none !important;
padding-left: 1em;
position: relative;
}
.fusion-text.list-check ul li::before {
content: "✓";
position: absolute;
left: 0;
}  .fusion-panel.fusion-toggle-boxed-mode {
border-radius: 30px !important;
overflow: hidden;
margin-bottom: 30px !important;
}
.fusion-panel.fusion-toggle-boxed-mode:has(> .panel-collapse.in) .panel-heading,
.fusion-panel.fusion-toggle-boxed-mode .panel-body {
background-color: #fff;
} [class*="es-toggle-"] .panel-heading .panel-title a {
align-items: center !important;
}
[class*="es-toggle-"] .fusion-toggle-heading {
display: flex;
align-items: center;
gap: 0.6em;
}
[class*="es-toggle-"] .fusion-toggle-heading::before {
content: "";
display: block;
flex-shrink: 0;
width: 48px;
height: 48px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.es-toggle-elektro .fusion-toggle-heading::before {
background-image: url(//elektro-hdschmitz.de/wp-content/uploads/2026/06/Reparatur-Service.svg);
}
.es-toggle-haushaltsgeraet .fusion-toggle-heading::before {
background-image: url(//elektro-hdschmitz.de/wp-content/uploads/2026/06/Haushaltsgeraet.svg);
}
.es-toggle-netzwerk .fusion-toggle-heading::before {
background-image: url(//elektro-hdschmitz.de/wp-content/uploads/2026/06/Netzwerktechnik.svg);
}
.es-toggle-beleuchtung .fusion-toggle-heading::before {
background-image: url(//elektro-hdschmitz.de/wp-content/uploads/2026/06/Beleuchtungstechnik.svg);
}
.es-toggle-heizung .fusion-toggle-heading::before {
background-image: url(//elektro-hdschmitz.de/wp-content/uploads/2026/06/Elektroinstallation.svg);
}
.es-toggle-kommunikation .fusion-toggle-heading::before {
background-image: url(//elektro-hdschmitz.de/wp-content/uploads/2026/06/Analoge-und-digitale-Kommunikationstechnik-.svg);
}
.es-toggle-antennen .fusion-toggle-heading::before {
background-image: url(//elektro-hdschmitz.de/wp-content/uploads/2026/06/Antennen-und-Satelliten-Empfangsanlagen-.svg);
}
.es-toggle-photovoltaik .fusion-toggle-heading::before {
background-image: url(//elektro-hdschmitz.de/wp-content/uploads/2026/06/Photovoltaik.svg);
}
@media (max-width: 767px) {
[class*="es-toggle-"] .fusion-toggle-heading::before {
width: 28px;
height: 28px;
}
[class*="es-toggle-"] .fusion-toggle-heading {
gap: 0.5em;
}
}  .team-grid .fusion-builder-row {
margin-left: 0 !important;
margin-right: 0 !important;
column-gap: 15px;
row-gap: 15px;
justify-content: center;
} .team-grid .fusion_builder_column_1_4 {
--awb-width-large: calc(25% - 11.25px) !important;
--awb-width-medium: calc(25% - 11.25px) !important;
} @media (max-width: 900px) {
.team-grid .fusion_builder_column_1_4 {
--awb-width-medium: calc(50% - 7.5px) !important;
}
} @media (max-width: 640px) {
.team-grid .fusion_builder_column_1_4 {
--awb-width-small: 100% !important;
}
}  .to-top-right #toTop {
right: 15px !important;
}  .es-floating-contact {
position: fixed;
right: 15px;
bottom: 100px;
z-index: 9999;
display: flex;
flex-direction: column;
gap: 12px;
}
.es-floating-btn {
width: 56px;
height: 56px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
transition: transform 0.2s ease, box-shadow 0.2s ease;
flex-shrink: 0;
}
.es-floating-btn:hover {
transform: scale(1.1);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.32);
}
.es-floating-btn img {
width: 30px;
height: 30px;
display: block;
}
.es-floating-mail { background: #1591DE; }
.es-floating-tel  { background: #B12A2A; }
.es-floating-wa   { background: #52CB42; }
@media (max-width: 767px) {
.es-floating-contact {
right: 15px;
bottom: 150px;
gap: 10px;
}
.es-floating-btn {
width: 48px;
height: 48px;
}
.es-floating-btn img {
width: 26px;
height: 26px;
}
}  @media only screen and (max-width: 804px) {
.fusion-counters-box.es-counter-responsive .fusion-counter-box {
width: 100% !important;
float: none !important;
}
}  .cookie-logo {
height: 20px !important;
margin-right: 30px !important;
}  @media (max-width: 767px) {
.geschafft-img img {
width: 200px !important;
height: auto !important;
}
}  .footer-badges .fusion-builder-row {
display: flex !important;
flex-wrap: wrap;
row-gap: 24px;
padding-top: 24px;
padding-bottom: 24px;
margin-left: 0 !important;
margin-right: 0 !important;
}
.footer-badge .fusion-column-wrapper {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
padding: 0 28px !important;
box-sizing: border-box !important;
}
.footer-badge .fusion-image-element {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100%;
height: 60px;
margin-bottom: 12px;
text-align: center;
}
.footer-badge .fusion-imageframe {
margin: 0 auto;
}
.footer-badge .fusion-imageframe img {
height: auto;
max-width: 100%;
max-height: 60px;
object-fit: contain;
}
.footer-badge .fusion-text {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100%;
margin-top: 8px;
text-align: center;
}
.footer-badge .fusion-text p {
width: 100%;
margin: 0 auto;
line-height: 1.3;
text-align: center !important;
}
@media (max-width: 1024px) {
.footer-badge {
width: 50% !important;
flex-basis: 50% !important;
}
.footer-badges .fusion-builder-row {
row-gap: 40px;
padding-top: 32px;
padding-bottom: 32px;
}
.footer-badge .fusion-column-wrapper {
padding: 0 16px;
}
.footer-badge .fusion-image-element {
height: 50px;
margin-bottom: 16px;
}
.footer-badge .fusion-imageframe img {
max-height: 50px;
}
}
@media (max-width: 479px) {
.footer-badges .fusion-builder-row {
row-gap: 32px;
}
.footer-badge .fusion-image-element {
height: 44px;
margin-bottom: 12px;
}
.footer-badge .fusion-imageframe img {
max-height: 44px;
}
.footer-badge {
width: 100% !important;
flex-basis: 100% !important;
}
}  @media (max-width: 1024px) {
.hero-text {
font-size: 72px !important;
}
}
@media (max-width: 600px) {
.hero-text {
font-size: 48px !important;
}
}  .ms-slider,
.ms-modal {
--ms-red: var(--awb-color5, #b12a2a);
--ms-ink: #101416;
--ms-cream: #fffbf7;
} .ms-slider {
--ms-gap: 16px;
position: relative;
padding: 0 46px;
}
.ms-slider__track {
display: flex;
gap: var(--ms-gap);
list-style: none;
margin: 0;
padding: 4px 0 14px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.ms-slider__track::-webkit-scrollbar {
display: none;
}
.ms-card {
flex: 0 0 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 12px;
min-height: 396px;
margin: 0;
padding: 16px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
scroll-snap-align: start;
}
.ms-card__img {
display: block;
width: 100%;
height: 219px;
object-fit: contain;
border-radius: 20px;
} .ms-slider .ms-card .ms-card__title {
flex: 1;
margin: 0;
font-size: 16px;
line-height: normal;
letter-spacing: 0;
font-weight: 700;
color: var(--ms-ink);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.ms-card__btn {
appearance: none;
border: 0;
border-radius: 100px;
padding: 14px 28px;
background: var(--ms-red);
color: #fff;
font: inherit;
font-size: 15px;
font-weight: 700;
line-height: normal;
cursor: pointer;
}
.ms-card__btn:hover,
.ms-card__btn:focus-visible {
background: var(--ms-ink);
}
.ms-slider__nav {
position: absolute;
top: 50%;
z-index: 1;
width: 36px;
height: 36px;
margin-top: -18px;
padding: 0;
border: 0;
background: transparent;
color: var(--ms-nav, #fff);
cursor: pointer;
}
.ms-slider__nav::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 9px;
height: 9px;
border: solid currentColor;
border-width: 0 2px 2px 0;
}
.ms-slider__nav--prev {
left: 0;
}
.ms-slider__nav--prev::before {
transform: translate(-30%, -50%) rotate(135deg);
}
.ms-slider__nav--next {
right: 0;
}
.ms-slider__nav--next::before {
transform: translate(-70%, -50%) rotate(-45deg);
}
.ms-slider__nav:disabled {
opacity: 0.35;
cursor: default;
}
@media (min-width: 600px) {
.ms-card {
flex-basis: calc((100% - var(--ms-gap)) / 2);
}
} @media (min-width: 1024px) {
.ms-slider {
--ms-gap: 24px;
padding: 0 52px;
}
.ms-card {
flex-basis: calc((100% - 3 * var(--ms-gap)) / 4);
min-height: 380px;
padding: 24px;
box-shadow: 0 4px 6.65px rgba(0, 0, 0, 0.25);
}
.ms-card__img {
height: 202px;
}
.ms-slider__nav {
width: 28px;
height: 28px;
margin-top: -14px;
}
.ms-slider__nav::before {
width: 12px;
height: 12px;
border-width: 0 3px 3px 0;
}
} html.ms-modal-open {
overflow: hidden;
}
.ms-modal {
position: fixed;
inset: 0;
z-index: 100000;
overflow-y: auto;
background: rgba(20, 10, 10, 0.6);
}
.ms-modal[hidden] {
display: none;
}
.ms-modal__panel:focus {
outline: none;
}
.ms-modal__panel {
box-sizing: border-box;
min-height: 100%;
padding: 16px;
background: var(--ms-cream);
color: var(--ms-ink);
}
.ms-modal__bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 16px;
font-size: 13px;
}
.ms-modal__back {
appearance: none;
border: 0;
padding: 4px 0;
background: transparent;
color: inherit;
font: inherit;
font-weight: 700;
cursor: pointer;
}
.ms-modal__back:focus-visible,
.ms-info__more:focus-visible,
.ms-gallery__nav button:focus-visible,
.ms-gallery__thumbs button:focus-visible {
outline: 2px solid var(--ms-red);
outline-offset: 2px;
border-radius: 6px;
}
.ms-modal__label {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
opacity: 0.7;
}
.ms-modal__body {
display: grid;
gap: 24px;
}
.ms-gallery__stage {
position: relative;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 4 / 3;
background: #f1efeb;
border-radius: 12px;
overflow: hidden;
}
.ms-gallery__img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.ms-gallery__count {
position: absolute;
top: 12px;
left: 12px;
padding: 6px 12px;
background: #fff;
border-radius: 50px;
font-size: 12px;
line-height: 1;
color: #6b7280;
}
.ms-gallery__count strong {
font-weight: 700;
color: var(--ms-ink);
}
.ms-gallery__nav {
position: absolute;
right: 12px;
bottom: 12px;
display: flex;
gap: 8px;
}
.ms-gallery__nav[hidden] {
display: none;
}
.ms-gallery__nav button {
appearance: none;
width: 40px;
height: 40px;
padding: 0;
border: 1px solid #e5e7eb;
border-radius: 50%;
background: #fff;
color: var(--ms-ink);
font-size: 24px;
line-height: 1;
cursor: pointer;
}
.ms-gallery__thumbs {
display: flex;
gap: 8px;
margin-top: 8px;
overflow-x: auto;
}
.ms-gallery__thumbs[hidden] {
display: none;
}
.ms-gallery__thumbs button {
appearance: none;
flex: 0 0 calc(25% - 6px);
aspect-ratio: 4 / 3;
padding: 0;
border: 2px solid transparent;
border-radius: 8px;
background: #f1efeb;
overflow: hidden;
cursor: pointer;
}
.ms-gallery__thumbs button.is-active {
border-color: var(--ms-red);
}
.ms-gallery__thumbs img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ms-modal .ms-info__title {
margin: 0 0 12px;
font-size: 24px !important; line-height: 1.2;
font-weight: 800;
color: var(--ms-ink);
}
.ms-info__hinweise {
margin: 0 0 12px;
padding-left: 18px;
font-size: 13px;
font-weight: 700;
}
.ms-info__hinweise[hidden] {
display: none;
}
.ms-info__text {
max-height: 16em;
overflow: hidden;
font-size: 14px;
line-height: 1.5;
}
.ms-info__text.is-open {
max-height: none;
}
.ms-info__text p,
.ms-info__text ul,
.ms-info__text ol {
margin: 0 0 0.75em;
} .ms-info__text ul,
.ms-info__text ol {
padding-left: 1.1em;
}
.ms-info__text li {
margin: 0 0 0.25em;
} .ms-info .ms-info__text h3 {
margin: 1em 0 0.4em;
font-size: 16px;
line-height: 1.3;
font-weight: 700;
}
.ms-info__text table {
display: block;
max-width: 100%;
overflow-x: auto;
font-size: 12px;
border-collapse: collapse;
}
.ms-info__text td,
.ms-info__text th {
padding: 4px 8px;
border-bottom: 1px solid #e4e0da;
text-align: left;
}
.ms-info__more {
appearance: none;
margin: 4px 0 16px;
padding: 0;
border: 0;
background: transparent;
color: var(--ms-red);
font: inherit;
font-size: 13px;
text-decoration: underline;
cursor: pointer;
}
.ms-info__more[hidden] {
display: none;
}
.ms-info__cta {
appearance: none;
display: block;
width: 100%;
margin-top: 16px;
padding: 14px 20px;
border: 0;
border-radius: 50px;
background: var(--ms-red);
color: #fff;
font: inherit;
font-weight: 700;
cursor: pointer;
}
.ms-info__cta:hover,
.ms-info__cta:focus-visible {
background: var(--ms-ink);
}
.ms-info__note {
margin: 8px 0 0;
font-size: 12px;
text-align: center;
opacity: 0.7;
}
@media (min-width: 900px) {
.ms-modal {
padding: 32px 16px;
}
.ms-modal__panel {
max-width: 1152px;
min-height: 0;
margin: 0 auto;
padding: 24px 28px 32px;
border-radius: 16px;
}
.ms-modal__body {
grid-template-columns: minmax(0, 1.86fr) minmax(0, 1fr);
gap: 32px;
}
.ms-modal .ms-info__title {
font-size: 36px !important;
line-height: 1.1;
}
}  .es-lp {
--lp-red: var(--awb-color5, #b12a2a);
--lp-ink: #101416;
--lp-grey: #6b7280;
--lp-line: #e5e7eb;
} .es-lp .fusion-title h1,
.es-lp .fusion-title h2 {
margin: 0;
font-weight: 800;
color: var(--lp-ink);
}
.es-lp .fusion-title h1 {
font-size: 36px !important;
line-height: 1.25 !important;
}
.es-lp .fusion-title h2 {
font-size: 28px !important;
line-height: 1.2 !important;
}
.es-lp .fusion-title h1 p {
margin: 0;
}
.es-lp .fusion-text p {
margin: 0;
font-size: 15px;
line-height: 1.5;
}
@media (min-width: 768px) {
.es-lp .fusion-title h1 {
font-size: 60px !important;
line-height: 1.2 !important;
}
.es-lp .fusion-title h2 {
font-size: 48px !important;
line-height: normal !important;
}
.es-lp .fusion-text p {
font-size: 16px;
}
} .es-eyebrow {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 0;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--lp-ink);
}
.es-eyebrow img {
width: 16px;
height: auto;
}
.es-eyebrow--white {
color: #fffbf7;
}
@media (min-width: 768px) {
.es-eyebrow {
gap: 6px;
}
.es-eyebrow img {
width: 19px;
}
.es-eyebrow--white img {
width: 15px;
}
} .es-hero-img {
display: block;
width: 100%;
height: 240px;
object-fit: contain;
border-radius: 16px;
} .es-lp .es-hero-text > .fusion-column-wrapper {
flex-direction: row !important;
flex-wrap: wrap;
align-items: center;
gap: 16px;
}
.es-lp .es-hero-text > .fusion-column-wrapper > * {
flex: 0 0 100%;
max-width: 100%;
margin: 0;
} .es-lp .es-hero-text > .fusion-column-wrapper > div:has(> .es-hero-btn) {
flex: 0 0 100%;
} .es-hero-btn.fusion-button {
display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
height: 48px;
padding: 14px 28px !important;
border-radius: 100px;
font-size: 15px !important;
line-height: normal !important;
}
@media (min-width: 768px) {
.es-lp .es-hero-text > .fusion-column-wrapper {
row-gap: 24px;
}
.es-lp .es-hero-text > .fusion-column-wrapper > div:has(> .es-hero-btn) {
flex: 0 0 auto;
}
.es-hero-btn.fusion-button {
width: auto;
height: 46px;
} .es-hero-img {
height: auto;
max-height: 340px;
}
} .es-hero-img.es-hero-img--laurastar {
height: 209px;
}
@media (min-width: 768px) {
.es-hero-img.es-hero-img--laurastar {
height: auto;
max-height: 488px;
}
} .es-lp--red .fusion-column-wrapper > * + * {
margin-top: 17px;
}
.es-lp--red .fusion-text p {
font-size: 14px;
}
.es-lp--red .fusion-column-wrapper > .fusion-text:has(.ms-slider) {
margin-top: 24px;
}
.es-lp--red .fusion-column-wrapper > .fusion-text:has(.ms-slider) + .fusion-text {
margin-top: 60px;
}
@media (min-width: 768px) {
.es-lp--red .fusion-column-wrapper > * + * {
margin-top: 8px;
}
.es-lp--red .fusion-text p {
font-size: 16px;
}
} .es-lp--steps .fusion-column-wrapper > * + * {
margin-top: 4px;
}
.es-lp--steps .fusion-text p {
font-size: 14px;
line-height: 1.4;
color: var(--lp-grey);
}
.es-lp--steps .fusion-column-wrapper > .es-steps-wrap {
margin-top: 24px;
}
.es-steps {
display: grid;
gap: 16px;
}
.es-step-card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
padding: 24px;
background: #fff;
border: 1px solid var(--lp-line);
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04);
text-align: center;
}
.es-step-card img {
display: block;
height: auto;
max-width: 100%;
}
.es-lp .es-step-card h3 {
margin: 0;
font-size: 16px;
line-height: normal;
font-weight: 700;
color: var(--lp-ink);
}
.es-lp--steps .es-steps .es-step-card p {
margin: 0;
font-size: 14px;
line-height: 1.4;
color: var(--lp-grey);
}
@media (min-width: 768px) {
.es-lp--steps .fusion-column-wrapper > * + * {
margin-top: 16px;
}
.es-lp--steps .fusion-text p {
font-size: 16px;
line-height: 1.5;
color: var(--lp-ink);
}
.es-lp--steps .fusion-column-wrapper > .es-steps-wrap {
margin-top: 16px;
}
.es-steps {
grid-template-columns: repeat(3, 1fr);
gap: 24px;
padding: 15px 0;
}
.es-step-card {
padding: 37px 24px;
box-shadow: 0 4px 5.95px rgba(0, 0, 0, 0.25);
}
.es-lp--steps .es-steps .es-step-card p {
font-size: 14px;
line-height: 1.5;
}
} .es-lp--contact > .fusion-builder-row.fusion-row {
flex-direction: column;
align-items: stretch;
gap: 24px;
width: 100%;
max-width: 1178px !important; margin-left: auto !important;
margin-right: auto !important;
}
.es-lp--contact > .fusion-builder-row > .fusion-layout-column {
width: 100%;
margin: 0;
}
@media (min-width: 768px) {
.es-lp--contact > .fusion-builder-row.fusion-row {
flex-direction: row;
align-items: center;
gap: 40px;
}
.es-lp--contact > .fusion-builder-row > .fusion-layout-column {
width: calc(50% - 20px);
}
}
.es-lp--contact .contact-info br {
display: none;
}
@media (min-width: 768px) {
.es-lp--contact .contact-info .content-box-column:first-child br {
display: inline;
}
} .es-lp .es-contact-title h2 {
font-size: 24px !important;
line-height: normal !important;
font-weight: 600;
color: #fff;
}
.es-lp--contact .es-anfrage {
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.02);
}
.es-lp--contact .contact-info .content-box-wrapper {
padding: 0;
min-height: 0;
border: 0;
}
.es-lp--contact .contact-info .content-box-column {
margin-top: 0;
margin-bottom: 16px;
}
.es-lp--contact .contact-info .content-box-heading {
font-size: 15px;
line-height: 1.3;
font-weight: 500;
}
.es-lp--contact .contact-info .heading .image {
width: 24px;
margin-right: 12px;
flex-shrink: 0;
}
.es-lp--contact .contact-info .heading .image img {
display: block;
width: 24px;
height: auto;
}
@media (min-width: 768px) {
.es-lp .es-contact-title h2 {
font-size: 36px !important;
}
.es-lp--contact .es-anfrage {
box-shadow: 6px 6px 2px rgba(0, 0, 0, 0.03);
}
.es-lp--contact .contact-info .content-box-wrapper {
min-height: 73px;
padding: 12px;
border: 2px solid #fff;
border-radius: 8px;
}
.es-lp--contact .contact-info .content-box-column {
margin-bottom: 20px;
}
.es-lp--contact .contact-info .content-box-column:last-child {
margin-bottom: 0;
}
.es-lp--contact .contact-info .content-box-heading {
font-size: 20px;
}
.es-lp--contact .contact-info .heading .image {
width: 38px;
margin-right: 10px;
display: flex;
justify-content: center;
}
.es-lp--contact .contact-info .heading .image img {
width: auto;
max-width: 38px;
}
} .es-lp .es-anfrage .fusion-title h2 {
font-size: 24px !important;
line-height: normal !important;
font-weight: 700;
}
@media (min-width: 768px) {
.es-lp .es-anfrage .fusion-title h2 {
font-size: 36px !important;
font-weight: 600;
}
}
.es-anfrage .fusion-form-form-wrapper .fusion-fullwidth .fusion-row .fusion-layout-column > .fusion-column-wrapper {
flex-direction: row !important; flex-wrap: wrap;
align-items: flex-start;
column-gap: 16px;
}
.es-anfrage .fusion-form-form-wrapper .fusion-column-wrapper > * {
flex: 1 1 100%;
max-width: 100%;
min-width: 0;
}
.es-anfrage .fusion-form-form-wrapper .fusion-title {
margin-bottom: 20px;
}
.es-lp .es-anfrage .fusion-form-form-wrapper .fusion-form-field {
margin: 0 0 12px;
}
@media (min-width: 600px) {
.es-anfrage .fusion-form-field:has(input[name="firma"]),
.es-anfrage .fusion-form-field:has(input[name="ansprechpartner"]),
.es-anfrage .fusion-form-field:has(input[name="email"]),
.es-anfrage .fusion-form-field:has(input[name="telefon"]) {
flex-basis: calc(50% - 8px);
max-width: calc(50% - 8px);
}
}
@media (min-width: 768px) {
.es-lp .es-anfrage .fusion-form-form-wrapper .fusion-form-field {
margin-bottom: 20px;
}
} .es-lp .es-anfrage .fusion-form-form-wrapper .fusion-form-input:not([type="checkbox"]):not([type="radio"]) {
box-sizing: border-box;
height: auto;
padding: 12px;
border: 1px solid var(--lp-line);
border-radius: 8px;
background-color: #fffbf7;
box-shadow: none;
font-size: 14px;
line-height: normal;
color: var(--lp-ink);
}
.es-lp .es-anfrage .fusion-form-form-wrapper textarea.fusion-form-input {
min-height: 100px;
}
@media (min-width: 768px) {
.es-lp .es-anfrage .fusion-form-form-wrapper .fusion-form-input:not([type="checkbox"]):not([type="radio"]) {
border-color: #eaeaea;
}
.es-lp .es-anfrage .fusion-form-form-wrapper textarea.fusion-form-input {
min-height: 110px;
}
} .es-anfrage .fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox {
align-items: center !important;
margin-bottom: 0 !important;
background: transparent;
border-radius: 0;
box-shadow: none;
color: inherit;
}
.es-anfrage .fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox:has(input:checked) {
background: transparent;
color: inherit;
}
.es-anfrage .fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label {
display: block;
padding: 0 !important; font-size: 12px;
line-height: 1.4;
}
.es-anfrage .fusion-form-form-wrapper .fusion-form-field:has(input[name="haendler[]"]) .fusion-form-checkbox label {
font-size: 14px;
}
.es-anfrage .fusion-form-form-wrapper .fusion-form-field:has(input:checked) .fusion-form-checkbox label {
color: inherit;
}
.es-anfrage .fusion-form-field:has(input[name="datenschutz"]) label a {
text-decoration: underline;
} .es-anfrage .fusion-form-field:has(input[name="haendler[]"], input[name="datenschutz"]) label::before {
display: inline-block !important; position: static;
transform: none;
content: "";
width: 16px;
height: 16px;
margin-right: 8px;
vertical-align: middle;
box-sizing: border-box;
border: 1px solid #eaeaea;
border-radius: 3px;
background-color: #fffbf7;
transition: border-color 0.2s ease;
}
.es-anfrage .fusion-form-field:has(input[name="haendler[]"]:checked, input[name="datenschutz"]:checked) label::before {
border-color: var(--lp-red);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23b12a2a' stroke-width='2'%3E%3Cpath d='M3 8l4 4 6-8'/%3E%3C/svg%3E");
background-size: 10px;
background-repeat: no-repeat;
background-position: center;
} .es-anfrage .fusion-form-form-wrapper .fusion-form-field:has(input[name="haendler[]"], input[name="datenschutz"]) .fusion-form-checkbox label {
padding-left: 24px !important; text-indent: -24px;
} .es-anfrage .fusion-form-field .fusion-form-checkbox:has(#datenschutz) label::before {
width: 16px;
height: 16px;
margin-right: 8px;
border: 1px solid #eaeaea;
border-radius: 3px;
background-color: #fffbf7;
}
.es-anfrage .fusion-form-field .fusion-form-checkbox:has(#datenschutz:checked) label::before {
border-color: var(--lp-red);
background-size: 10px;
} .es-anfrage .fusion-form-field:has(input[name="anliegen[]"]) fieldset::after {
content: "";
display: block;
clear: both;
}
.es-lp .es-anfrage .fusion-form-field:has(input[name="anliegen[]"]) legend {
display: block;
width: 100%;
margin: 0 0 8px;
padding: 0;
font-size: 13px;
line-height: normal;
font-weight: 600;
color: var(--lp-ink);
}
.es-lp .es-anfrage .fusion-form-field:has(input[name="anliegen[]"]) legend .label {
font-size: 13px;
line-height: normal;
font-weight: 600;
color: var(--lp-ink);
}
.es-anfrage .fusion-form-form-wrapper .fusion-form-field:has(input[name="anliegen[]"]) .fusion-form-checkbox {
float: left;
margin: 0 8px 8px 0;
border: 1px solid var(--lp-red);
border-radius: 32px;
color: var(--lp-red);
}
.es-anfrage .fusion-form-form-wrapper .fusion-form-field:has(input[name="anliegen[]"]) .fusion-form-checkbox label {
padding: 8px 12px !important; font-size: 13px;
line-height: normal;
font-weight: 600;
cursor: pointer;
}
.es-anfrage .fusion-form-form-wrapper .fusion-form-field:has(input[name="anliegen[]"]) .fusion-form-checkbox:has(input:checked) {
background: var(--lp-red);
color: #fff;
}
.es-anfrage .fusion-form-form-wrapper .fusion-form-field:has(input[name="anliegen[]"]) .fusion-form-checkbox:has(input:checked) label {
color: #fff;
}
@media (min-width: 768px) {
.es-lp .es-anfrage .fusion-form-field:has(input[name="anliegen[]"]) legend {
float: left;
width: auto;
margin: 0 12px 0 0;
padding: 8px 0;
}
.es-anfrage .fusion-form-form-wrapper .fusion-form-field:has(input[name="anliegen[]"]) .fusion-form-checkbox {
margin: 0 12px 8px 0;
}
.es-anfrage .fusion-form-form-wrapper .fusion-form-field:has(input[name="anliegen[]"]) .fusion-form-checkbox label {
padding: 8px 16px !important; }
} .es-anfrage .es-haendler-hint {
display: none;
font-size: 13px;
line-height: 1.5;
}
.es-anfrage:has(input[name="haendler[]"]:checked) .es-haendler-hint {
display: block;
} .es-anfrage .fusion-form-submit-field .fusion-button {
padding: 14px 28px;
border-radius: 32px;
font-size: 15px;
line-height: normal;
}  @media (min-width: 1025px) and (max-width: 1399px) {
.menu-cta {
--menu-cta-pad: 10px;
}
}