@font-face {
font-family: 'Geist';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(//www.la-elektro.com/wp-content/themes/Strobl_Elektrotechnik-child/fonts/geist-variable.woff2) format('woff2');
}
@font-face {
font-family: 'Sora';
font-style: normal;
font-weight: 100 800;
font-display: swap;
src: url(//www.la-elektro.com/wp-content/themes/Strobl_Elektrotechnik-child/fonts/sora-variable.woff2) format('woff2');
} *, :after, :before {
box-sizing: border-box;
}
section{
position: relative;
width:100%;
}
.opacity_0{
opacity: 0;
} .button{
padding: 16px 40px;
cursor:pointer;
-webkit-transition: color .4s, background .4s;
-moz-transition: color .4s, background .4s;
-ms-transition: color .4s, background .4s;
-o-transition: color .4s, background .4s;
transition: color .4s, background .4s;
}
@media all and (max-width: 375px) {
.button{
padding: 16px 20px;
}
}
.button.primary{
background-color:var(--primarbutton_background_color);
color: var(--primarbutton_font_color);
}
.button.primary svg {
fill: var(--primarbutton_font_color);
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.button.primary:hover {
background-color:var(--primarbutton_hover_background_color);
color:var(--primarbutton_hover_font_color);
}
.button.primary:hover svg {
fill: var(--primarbutton_hover_font_color);
}
.button.secondary{
background-color:var(--sekundarbutton_background_color);
color:var(--sekundarbutton_font_color);
}
.button.secondary svg {
fill: var(--sekundarbutton_font_color);
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.button.secondary:hover {
background-color:var(--sekundarbutton_hover_background_color);
color:var(--sekundarbutton_hover_font_color);
}
.button.secondary:hover svg {
fill: var(--sekundarbutton_hover_font_color);
}
.link{
cursor:pointer;
-webkit-transition: color .4s, background .4s;
-moz-transition: color .4s, background .4s;
-ms-transition: color .4s, background .4s;
-o-transition: color .4s, background .4s;
transition: color .4s, background .4s;
}
.link.primary{
color:var(--primarlink_font_color);
}
.link.primary svg {
fill: var(--primarlink_font_color);
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.link.primary:hover{
color:var(--primarlink_hover_font_color);
}
.link.primary:hover svg {
fill: var(--primarlink_hover_font_color);
}
.link.secondary{
color:var(--sekundarlink_font_color);
}
.link.secondary svg {
fill: var(--sekundarlink_font_color);
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.link.secondary:hover{
color:var(--sekundarlink_hover_font_color);
}
.link.secondary:hover svg {
fill: var(--sekundarlink_hover_font_color);
}
a.underlined_link,
.underlined_link {
position: relative;
}
a.underlined_link:after,
.underlined_link:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #fff;
transform-origin: right;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: transform .4s ease-out;
-moz-transition: transform .4s ease-out;
-ms-transition: transform .4s ease-out;
-o-transition: transform .4s ease-out;
transition: transform .4s ease-out;
}
a.underlined_link:hover:after,
.underlined_link:hover:after {
transform-origin: left;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}  .mM_arrow {
position: absolute;
top: 50%;
display: flex;
cursor: pointer;
}
.mM_arrow svg {
width: 20px;
fill: #dd3333;
transform: fill .4s;
}
.mM_arrow:hover svg {
fill: #0056a1;
}
.mM_arrow.mM_arrow_prev {
transform: rotate(180deg);
left: 0;
}
.mM_arrow.mM_arrow_next {
right: 0;
}
.mM_dots .slick-dots {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
position: relative;
bottom: unset;
}
.mM_dots .mM_dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: #dd3333;
transition: background .4s;
}
.mM_dots .slick-dots li {
width: auto;
height: auto;
margin: 0;
}
.mM_dots li:hover .mM_dot {
background: #0056a1;
}
.mM_dots li.slick-active .mM_dot {
background: #000;
}  a.mM_edit_post {
position: absolute;
top: 30px;
left: 30px;
z-index: 99999;
font-size: 1.5rem;
display: flex;
justify-content: center;
align-items: center;
background: #0056a1;
border-radius: 50%;
width: 50px;
height: 50px;
color: #f67939;
-webkit-transition: color .4s, background .4s;
-moz-transition: color .4s, background .4s;
-ms-transition: color .4s, background .4s;
-o-transition: color .4s, background .4s;
transition: color .4s, background .4s;
}
a.mM_edit_post_global {
position: fixed;
top: 150px;
left: 40px;
}
a.mM_edit_post svg {
width: 24px;
fill: #f67939;
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
a.mM_edit_post:hover svg {
fill: #0056a1
}
a.mM_edit_post:hover {
background: #f67939;
color: #0056a1;
}  .wpcf7 form .wpcf7-not-valid-tip{
margin-top: 5px;
position: relative;
font-size: 0.8rem;
padding: 6px 10px;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 5px;
color: #842029;
background-color: #f8d7da;
border-color: #f5c2c7;
margin-bottom:0;
}
.wpcf7 form .wpcf7-response-output{
position: relative;
font-size: 0.8rem;
padding: 6px 10px;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 5px;
color: #664d03;
background-color: #fff3cd;
border-color: #ffecb5;
margin: 0;
margin-top: 10px;
}
.wpcf7 form.sent .wpcf7-response-output{
color: #0f5132;
background-color: #d1e7dd;
border-color: #badbcc;
}
.wpcf7-form{
display: table;
width: 100%;
}
:-ms-input-placeholder,
::-ms-input-placeholder{
color: gray;
opacity: 1;
}
.wpcf7-form *::placeholder{
color: gray;
}
.form_container{
display:flex;
gap: 0 20px; }
.form_item,
.wpcf7-form-control{
width: 100%;
}
.form_item{
display: flex;
flex-direction: column;
margin-bottom: 38px;
}
.form_item.form_textarea{
margin-bottom: 0;
}
.form_acceptance{
margin-top: 20px;
}
.wpcf7-form-control{
padding: 5px 15px;
border-radius: 5px;
border: 1px solid #000;
}
textarea.wpcf7-form-control {
resize: none;
}
.form_item [data-name="ihr_anliegen"] .wpcf7-not-valid-tip{
margin-top: -5px;
}
.form_submit{
position: relative;
margin-top: 10px;
}
.wpcf7-form .form_submit .wpcf7-spinner{
position: absolute;
left: calc(50% - 12px);
top: calc(50% - 12px);
margin: 0;
}
.wpcf7-acceptance .wpcf7-list-item{
margin:0;
}
.wpcf7-acceptance{
padding:0;
border:none;
}
.wpcf7-submit:not([disabled]) {
cursor: pointer;
} .wpcf7-acceptance input {
display: none;
}
.wpcf7-acceptance label {
position: relative;
padding-left: 20px;
}
.wpcf7-acceptance label:before,
.wpcf7-acceptance label:after {
content: '';
position: absolute;
}
.wpcf7-acceptance label:before {
width: 15px;
height: 15px;
top: 1px;
left: 0;
background-color: transparent;
border: 1.5px solid #c3c3c3;
}
.wpcf7-acceptance label:has(input.checked):before {
background-color: #c3c3c3;
}
.wpcf7-acceptance label:after {
opacity: 0;
top: 5px;
left: 3px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolationsmodus' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 359.22 255.12'%3E%3Cpath class='cls-1' d='M351.86,7.58c-9.93-9.99-26.12-10.12-36.2-.28L126.43,193.31,44.17,108.61c-9.81-10.17-26.05-10.5-36.28-.75-10.23,9.76-10.56,25.91-.75,36.08.04.05.09.09.13.14l100.3,103.38c4.8,4.87,11.36,7.63,18.22,7.66h.28c6.73-.02,13.18-2.67,17.96-7.38L351.63,43.58c10.03-9.89,10.13-25.99.23-36.01Z' style='fill:%23fff'/%3E%3C/svg%3E");
background-size: 10px 7px;
width: 10px;
height: 7px;
}
.wpcf7-acceptance label:has(input.checked):after {
opacity: 1;
} @media screen and (max-width: 767px) {
.form_container{
flex-direction: column; }
} .cf7_formular .form_item label {
display: block;
margin-bottom: 17px;
font-weight: 600;
font-size: 17px;
line-height: 1.3;
color: var(--strobl-blue);
}
.cf7_formular .wpcf7-form-control {
background: #faf9fc;
border: 1px solid rgba(18, 38, 91, .1);
border-radius: 50px;
min-height: 59px;
padding: 0 28px;
font-family: inherit;
font-size: 17px;
color: var(--strobl-blue);
}
.cf7_formular textarea.wpcf7-form-control {
border-radius: 30px;
min-height: 139px;
padding: 18px 28px;
line-height: 1.5;
}
.cf7_formular .wpcf7-form-control:focus {
outline: none;
border-color: var(--strobl-accent);
}
.cf7_formular .wpcf7-form *::placeholder { color: var(--strobl-blue); opacity: .5; } .cf7_formular .submit_accept_container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px 40px;
margin-top: 28px;
flex-wrap: wrap;
}
.cf7_formular .form_accept { flex: 1 1 320px; margin: 0; }
.cf7_formular .form_submit { flex: 0 0 auto; margin: 0; }
.cf7_formular .form_submit .wpcf7-form-control.submit_btn,
.cf7_formular .submit_btn {
background: var(--strobl-magenta);
border: none;
border-radius: 50px;
min-height: 59px;
width: auto;
padding: 0 44px;
color: #fff;
font-weight: 600;
font-size: 17px;
cursor: pointer;
transition: filter .2s;
}
.cf7_formular .form_submit .submit_btn:hover { filter: brightness(1.08); } .cf7_formular .wpcf7-acceptance label { padding-left: 42px; font-size: 16px; color: var(--strobl-blue); }
.cf7_formular .wpcf7-acceptance label:before {
width: 26px;
height: 26px;
border-radius: 50%;
top: -2px;
background: #faf9fc;
border: 1px solid rgba(18, 38, 91, .2);
}
.cf7_formular .wpcf7-acceptance label:has(input.checked):before { background: var(--strobl-magenta); border-color: var(--strobl-magenta); }
.cf7_formular .wpcf7-acceptance label:after { top: 7px; left: 8px; width: 12px; height: 8px; background-size: 12px 8px; } .cf7_formular .wpcf7-acceptance {
display: block;
max-width: 100%;
background: transparent;
border: 0;
border-radius: 0;
min-height: 0;
padding: 0;
}
.cf7_formular .wpcf7-acceptance .wpcf7-list-item { display: block; max-width: 100%; }
.cf7_formular .form_required_tag { margin-bottom: 8px; }
.cf7_formular .form_required_tag p { font-size: 14px; color: var(--strobl-blue); opacity: .85; margin: 0; }    :root {
scroll-behavior: unset;
}
html,
body{
font-family: sans-serif;
font-weight: 400;
font-style: normal;
font-size: var(--font_size);
line-height: 1.5;
background-color: var(--background_color);
}
body {
margin: 0;
}
*{
color:var(--font_color);
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
margin: 0;
}
h1,
.h1 {
font-size: 3.5rem;
}
h2,
.h2 {
font-size: 2.5rem;
margin-bottom: 30px;
}
h3,
.h3 {
font-size: 2rem;
}
h4,
.h4 {
font-size: 1.5rem;
}
p {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
a,
a:focus,
a:hover,
a:active,
a:visited {
color: inherit;
text-decoration: none;
outline: none;
}
a {
display: inline-block;
}
img,
svg {
max-width: 100%;
width: 100%;
height: auto;
}
.coverimg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
img.coverimg {
font-family: 'object-fit: cover; object-position: center;';
}
.overflow_x_hidden{
overflow-x: hidden !important;
}
.overflow_y_hidden{
overflow-y: hidden !important;
}
.wpgmza-filter-widgets {
display: none !important;
} .wpgmza_infowindow_title {
font-family: 'Sora', sans-serif;
font-weight: 600;
font-size: 15px;
line-height: 1.3;
color: var(--strobl-blue);
margin: 0 0 3px;
}
.wpgmza_infowindow_address {
font-size: 13px;
line-height: 1.45;
color: var(--strobl-blue);
margin: 0;
}
.mM_container {
max-width: 100%;
margin: 0 auto;
}
.mM_row {
display: flex;
flex-wrap: wrap;
gap: 0 122px;
} .flex_row_reverse { flex-direction: row-reverse; } :root { --section-spacing: 150px; }
@media all and (max-width: 991px) { :root { --section-spacing: 75px; } }
@media all and (max-width: 575px) { :root { --section-spacing: 50px; } }
[data-innerer-abstand="innerer_abstand_oben_und_unten"]{
padding-top: var(--section-spacing);
padding-bottom: var(--section-spacing);
}
[data-innerer-abstand="innerer_abstand_nur_oben"]{
padding-top: var(--section-spacing);
padding-bottom:0;
}
[data-innerer-abstand="innerer_abstand_nur_unten"]{
padding-top:0;
padding-bottom: var(--section-spacing);
}
[data-auserer-abstand="auserer_abstand_oben_und_unten"]{
margin-top: var(--section-spacing);
margin-bottom: var(--section-spacing);
}
[data-auserer-abstand="auserer_abstand_nur_oben"]{
margin-top: var(--section-spacing);
margin-bottom:0;
}
[data-auserer-abstand="auserer_abstand_nur_unten"]{
margin-top:0;
margin-bottom: var(--section-spacing);
}
.mM_container[data-ausrichtung="links"]{
padding-left: 0;
margin-left: 0;
}
.mM_container[data-ausrichtung="rechts"]{
padding-right: 0;
margin-right:0;
}
.mM_container[data-ausrichtung="zentriert_ausfuellung_rechts"]{ }
.mM_container[data-ausrichtung="zentriert_ausfuellung_links"]{ }
.mM_container[data-container="container_full"] {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
[data-appearance="fade"]{
opacity: 0;
}
.mM_d_flex {
display: flex;
}
.mM_d_none {
display: none;
}
.mM_d_block {
display: block;
}
.mM_d_inlineblock {
display: inline-block;
} .mM_links {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 55px;
}
@media all and (max-width: 575px) {
.mM_links {
margin-top: 35px;
}
}
[class*="mM_col_"] {
flex: 0 0 auto;
max-width: 100%;
}
.mM_col_100,
[class*="mM_col_"] {
width: 100%;
}
@media all and (min-width: 576px) {
.mM_container {
max-width: 540px;
}
.mM_col_25,
.mM_col_33 {
width: calc(50% - 10px);
}
}
@media all and (min-width: 768px) {
.mM_container {
max-width: 720px;
}
}
@media all and (min-width: 992px) {
.mM_container {
max-width: 960px;
}
.mM_col_50 {
width: calc(50% - 61px);
}
.mM_col_33 {
width: calc(33.3333% - 14px);
}
} @media all and (min-width: 992px) and (max-width: 1399px) {
.mM_row {
gap: 0 60px;
}
.mM_col_50 {
width: calc(50% - 30px);
}
}
@media all and (min-width: 1200px) {
.mM_container {
max-width: 1140px;
}
.mM_col_25 {
width: calc(25% - 15px);
}
}
@media all and (min-width: 1400px) {
.mM_container {
max-width: 1320px;
}
}
@media all and (min-width: 1600px) {
.mM_container {
max-width: 1520px;
}
}
@media all and (min-width: 1800px) {
.mM_container {
max-width: 1720px;
}
}
@media all and (min-width: 1921px) {
.mM_container {
max-width: 1841px;
}
}
@media all and (min-width: 2200px) {
.mM_container {
max-width: 2120px;
}
}
@media all and (max-width: 575px) {
.mM_container {
padding: 0 20px;
}
} :root {
--strobl-blue: #12265b;
--strobl-blue-deep: #204292;
--strobl-accent: #1f4191;
--strobl-magenta: #cf1872;
--strobl-light: #fff;
--strobl-radius: 20px;
}
html,
body { font-family: 'Geist', sans-serif; color: var(--strobl-blue); } h1, h2, h3, h4, h5, h6,
p, li, a, span,
[class*="_titel"] { overflow-wrap: break-word; } @media all and (max-width: 480px) {
h1, h2, h3, h4, h5, h6, [class*="_titel"] { hyphens: auto; }
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
font-family: 'Sora', sans-serif;
color: var(--strobl-blue);
letter-spacing: -0.01em;
} .button.primary { background-color: var(--strobl-magenta); color: #fff; border-radius: 50px; }
.button.primary:hover { background-color: var(--strobl-magenta); color: #fff; opacity: .9; }
.button.secondary { background-color: transparent; color: var(--strobl-blue); border: 1px solid rgba(18,38,91,.3); border-radius: 50px; }
.button.secondary:hover { background-color: rgba(18,38,91,.06); color: var(--strobl-blue); }
.button.secondary.light { color: var(--strobl-light); border-color: #FEE5E5; }
.button.secondary.light:hover { background-color: rgba(255,255,255,.1); color: #fff; } .button { padding: 18px 38px; font-size: 17px; }
.button.primary { font-weight: 600; }
.button.secondary { font-weight: 400; } .subline {
display: inline-flex;
flex-direction: column;
gap: 8px;
font-family: 'Geist', sans-serif;
font-weight: 600;
font-size: 1rem;
margin-bottom: 18px;
color: var(--strobl-blue-deep);
}
.subline::after { content: ""; width: 34px; height: 2px; background: var(--strobl-magenta); }
.subline.light { color: var(--strobl-light); }
.section_title { font-size: clamp(2.2rem, 4vw, 3.25rem); line-height: 1.05; margin: 0; }  [class$="_untertitel_container"] { display: inline-flex; flex-direction: row; align-items: center; gap: 16px; margin-bottom: 18px; }
[class$="_untertitel"] { font-family: 'Geist', sans-serif; font-weight: 600; font-size: 1.25rem; color: var(--strobl-accent); margin: 0; }
[class$="_untertitel_container"]::before { content: ""; flex: 0 0 34px; width: 34px; height: 2px; background: var(--strobl-magenta); } [class$="_titel"] { font-family: 'Sora', sans-serif; font-weight: 600; font-size: 55px; line-height: 60px; color: var(--strobl-blue); margin: 0 0 31px; }
h1[class$="_titel"] {
font-size: 95px;
}
@media all and (max-width: 1199px) {
h1[class$="_titel"] {
font-size: 85px;
}
}
@media all and (max-width: 991px) {
h1[class$="_titel"] {
font-size: 70px;
}
}
@media all and (max-width: 767px) {
h1[class$="_titel"] {
font-size: 55px;
}
} .mM_button { display: inline-block; cursor: pointer; border-radius: 50px; padding: 18px 38px; font-size: 17px; transition: background .4s, color .4s, opacity .4s; }
.mM_button.primary { background-color: var(--strobl-magenta); color: #fff; font-weight: 600; }
.mM_button.primary:hover { opacity: .9; }
.mM_button.secondary { background-color: transparent; color: var(--strobl-blue); border: 1px solid rgba(18,38,91,.3); font-weight: 400; }
.mM_button.secondary:hover { background-color: rgba(18,38,91,.06); }
.mM_button_text { margin: 0; color: inherit; } @media all and (max-width: 991px) { [class$="_titel"] { font-size: 42px; line-height: 48px; } }
@media all and (max-width: 575px) { [class$="_titel"] { font-size: 34px; line-height: 40px; } }  .footer_main { background: #fff; color: var(--strobl-blue); padding: 80px 0 0; border-radius: 20px 20px 0 0; margin-top: -20px; position: relative; z-index: 2; overflow-x: clip; }
.footer_main a { color: var(--strobl-blue); }
.footer_main a:hover { color: var(--strobl-magenta); }
.footer_main .mM_container { position: relative; }
.footer_to_top {
position: absolute; top: 0; right: 0; z-index: 2;
width: 59px; height: 59px; border-radius: 50%;
background: var(--strobl-magenta);
display: flex; align-items: center; justify-content: center;
transition: opacity .3s ease;
}
.footer_to_top:hover { opacity: .85; } .footer_to_top svg { width: 9px; height: 16px; fill: #fff; transform: rotate(-90deg); }
@media all and (max-width: 991px) { .footer_to_top { width: 50px; height: 50px; } }
.footer_top { display: flex; flex-wrap: wrap; gap: 40px; padding-bottom: 81px; }
.footer_brand { flex: 1.6 1 300px; display: flex; flex-direction: column; }
.footer_top .footer_col { flex: 1 1 150px; }
.footer_top .footer_contact { flex: 1.2 1 220px; }
.footer_logo { display: inline-block; max-width: 220px; margin-bottom: 56px; }
@media all and (max-width: 375px) { .footer_logo { max-width: 180px; } }
.footer_logo img, .footer_logo svg { width: 100%; height: auto; display: block; }
.footer_text { font-size: 1.0625rem; line-height: 1.47; color: var(--strobl-blue); max-width: 415px; margin: 0 0 24px; } .footer_social { display: flex; gap: 10px; margin-top: 40px; }
@media all and (max-width: 991px) {
.footer_social {
margin-top: 0;
}
}
.footer_social_item { width: 50px; height: 50px; border-radius: 50%; background: transparent; border: 1px solid rgba(48, 60, 143, .3); display: flex; align-items: center; justify-content: center; padding: 12px; transition: background .3s ease, border-color .3s ease; }
.footer_social_item svg { width: 100%; height: 100%; fill: #303c8f; transition: fill .3s ease; }
.footer_social_item:hover { background: var(--strobl-magenta); border-color: var(--strobl-magenta); }
.footer_social_item:hover svg { fill: #fff; }
.footer_col_title { display: block; font-family: 'Geist', sans-serif; font-size: 15px; text-transform: uppercase; color: var(--strobl-magenta); margin-bottom: 18px; }
.footer_menu { list-style: none; margin: 0; padding: 0; }
.footer_menu li { margin-bottom: 0; }
.footer_menu a, .footer_contact_item { font-size: 1.0625rem; color: var(--strobl-blue); } .footer_menu a.underlined_link::after { background: currentColor; }
.footer_menu a.underlined_link:hover { color: var(--strobl-blue); } .footer_contact { display: flex; flex-direction: column; gap: 0; }
.footer_contact .footer_contact_item { line-height: 25px; } .footer_col_title + .footer_contact_item { font-weight: 600; }
.footer_contact a.footer_contact_item:first-of-type { margin-top: 25px; } @media all and (min-width: 992px) { .footer_top .footer_col { margin-top: 76px; } } .footer_bottom { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 24px 0; font-size: 15px; color: rgba(18,38,91,.5); }
.footer_bottom::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 100vw; background: #faf9fc; z-index: 0; }
.footer_bottom > * { position: relative; z-index: 1; } .footer_legal { display: flex; align-items: center; gap: 0; }
.footer_legal_sep { margin: 0 14px; color: rgba(18,38,91,.35); font-weight: 400; } .footer_credit a { color: inherit; font-weight: inherit; }
.footer_copyright, .footer_credit { margin: 0; } .footer_contact a.underlined_link::after,
.footer_bottom a.underlined_link::after { background: currentColor; }
.footer_contact a.underlined_link { align-self: flex-start; } .footer_contact a.underlined_link:hover,
.footer_legal a.underlined_link:hover { color: var(--strobl-blue); }
.footer_credit a.underlined_link:hover { color: inherit; }
@media all and (max-width: 991px) {
.footer_main { padding: 75px 0 0; }
.footer_top { gap: 32px; padding-bottom: 75px; }
.footer_brand { flex-basis: 100%; }
.footer_bottom { justify-content: flex-start; }
}
@media all and (max-width: 575px) {
.footer_main { padding: 50px 0 0; }
.footer_top { padding-bottom: 50px; gap: 16px; }
.footer_top .footer_col, .footer_top .footer_contact { flex-basis: 100%; }
.footer_col.services { margin-top: 10px; }
.footer_to_top { right: 20px; }
}  .bg_blau { background: var(--strobl-blue); }
.bg_blau [class$="_titel"],
.bg_blau [class$="_untertitel"],
.bg_blau [class$="_text"],
.bg_blau [class$="_text"] *,
.bg_blau p,
.bg_blau li,
.bg_blau h1, .bg_blau h2, .bg_blau h3, .bg_blau h4 { color: #fff; }
.bg_blau .mM_button.secondary,
.bg_blau .button.secondary { color: #fff; border-color: #fff; } .bg_blau .mM_button_text { color: inherit; } .bg_hell { background: #faf9fc; } .skip-link {
position: absolute;
left: -9999px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip-link:focus {
position: fixed;
left: 12px;
top: 12px;
width: auto;
height: auto;
z-index: 100001;
padding: 12px 22px;
background: #fff;
color: var(--strobl-blue);
border-radius: 8px;
box-shadow: 0 6px 24px rgba(0,0,0,.18);
} section.quicknavigation {
position: fixed;
right: 100px;
left: auto;
top: auto;
bottom: 100px;
width: auto;
z-index: 999;
transition: opacity .35s ease, visibility .35s ease;
} section.quicknavigation--over-footer {
opacity: 0 !important;
visibility: hidden;
pointer-events: none;
}
section.quicknavigation .quicknavigation_container { display: flex; flex-direction: column; gap: 12px; } section.quicknavigation .quicknavigation_text_container { display: none; }
section.quicknavigation .quicknavigation_item {
width: auto;
height: auto;
margin: 0;
}
section.quicknavigation .quicknavigation_item_content {
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 50%; background: rgba(255,255,255,.2);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
border: 1px solid rgba(255,255,255,.6);
color: #fff;
transition: background .25s ease, transform .25s ease, border-color .25s ease;
}
section.quicknavigation .quicknavigation_item_content:hover {
background: var(--strobl-magenta);
border-color: transparent;
color: #fff;
transform: scale(1.06);
} section.quicknavigation--on-light .quicknavigation_item_content {
background: rgba(18, 38, 91, .08);
border-color: rgba(18, 38, 91, .08);
color: var(--strobl-blue);
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
section.quicknavigation--on-light .quicknavigation_item_content:hover {
background: var(--strobl-magenta);
border-color: transparent;
color: #fff;
}
section.quicknavigation .quicknavigation_image_container {
width: auto;
display: flex;
align-items: center;
justify-content: center;
} section.quicknavigation .quicknavigation_image_container svg,
section.quicknavigation .quicknavigation_image_container img {
width: 24px;
height: 24px;
max-width: none;
fill: currentColor;
}
@media all and (max-width: 991px) {
section.quicknavigation { right: 14px; bottom: 14px; }
section.quicknavigation .quicknavigation_item_content { width: 46px; height: 46px; }
} .header_main_desktop .header_container_logo svg path { transition: fill .25s ease; }
header.header--logo-on-dark .header_main_desktop .header_container_logo svg path { fill: #fff; }  a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
.header_burger_menu_btn:focus-visible,
.m31_services_item:focus-visible,
.mM_dot:focus-visible {
outline: 3px solid var(--strobl-magenta);
outline-offset: 2px;
border-radius: 2px;
} .button.primary:focus-visible,
.mM_button.primary:focus-visible,
.header_cta:focus-visible { outline-color: #fff; outline-offset: 3px; } html { scroll-padding-top: var(--strobl-header-h, 130px); } .footer_social_item { min-width: 24px; min-height: 24px; display: inline-flex; align-items: center; justify-content: center; }
.mM_dots .slick-dots li { min-width: 24px; min-height: 24px; display: inline-flex; align-items: center; justify-content: center; } @media (prefers-reduced-motion: reduce) {
*, ::before, ::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
@media all and (max-width: 375px) {
.mM_button {
padding: 18px 25px;
}
} @media all and (max-width: 575px) {
.footer_top .footer_col:has(.footer_menu) .footer_col_title {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px; margin-bottom: 0;
}
.footer_top .footer_col:has(.footer_menu) .footer_col_title::after {
content: "";
flex: 0 0 auto;
width: 9px;
height: 9px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform .3s ease;
}
.footer_top .footer_col.is-open .footer_col_title::after {
transform: rotate(-135deg);
}
.footer_top .footer_col:has(.footer_menu) .footer_menu {
display: none; padding-top: 12px; } .footer_menu li:not(:last-child) { margin-bottom: 6px; }
.footer_menu a { font-size: 0.9375rem; line-height: 1.3; }
} .button, .mM_button { position: relative; overflow: hidden; z-index: 0; }
.button::before, .mM_button::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
transform: translateY(100%) scaleY(.5);
transition: transform .55s ease, border-radius .55s ease;
z-index: -1;
pointer-events: none;
}
.button:hover::before, .mM_button:hover::before { transform: translateY(0) scaleY(1); }
.button.primary::before, .mM_button.primary::before { background: #faf9fc; }
.button.secondary::before, .mM_button.secondary::before { background: var(--strobl-magenta); }  .button.primary, .mM_button.primary { border: 1px solid transparent; }
.button.primary:hover, .mM_button.primary:hover { color: var(--strobl-magenta); opacity: 1; border-color: var(--strobl-magenta); } .button.secondary:hover, .mM_button.secondary:hover { color: #fff; background-color: transparent; }
.button:hover svg, .mM_button:hover svg { fill: currentColor; } .cf7_formular .form_submit .wpcf7-form-control.submit_btn,
.cf7_formular .submit_btn {
background: var(--strobl-magenta) linear-gradient(to top, #faf9fc 50%, transparent 50%) 0 0 / 100% 200% no-repeat;
border: 1px solid transparent;
transition: background-position .55s ease, color .4s ease, border-color .4s ease, filter .2s;
}
.cf7_formular .form_submit .wpcf7-form-control.submit_btn:not([disabled]):hover,
.cf7_formular .submit_btn:not([disabled]):hover {
background-position: 0 100%;
color: var(--strobl-magenta);
border-color: var(--strobl-magenta);
filter: none;
}