.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 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;
content: "";
width: 20px;
height: 20px;
margin-right: 12px;
flex-shrink: 0;
box-sizing: border-box;
border: 2px solid #888;
border-radius: 4px;
background-color: #fff;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox:has(#datenschutz:checked) label::before {
background-color: var(--awb-color5, #8c1515);
border-color: var(--awb-color5, #8c1515);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' 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;
}  .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;
}
}