*, :after, :before {
box-sizing: border-box;
}
section{
position: relative;
width:100%;
}
.opacity_0{
opacity: 0;
} .button{
padding:20px;
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;
}
.button.primary{
background-color:#111516;
color: #fff;
}
.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:#111516;
color: #fff;
}
.button.primary:hover svg {
fill: var(--primarbutton_hover_font_color);
}
.button.secondary{
background-color:#1b9cd9;
color:#fff;
}
.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:#1b9cd9;
color:#fff;
}
.button.secondary:hover svg {
fill: var(--sekundarbutton_hover_font_color);
}
.button.secondary.arrow-btn:before {
background: #fff;
}
.arrow-btn-box:hover .button.secondary.arrow-btn:after {
border-right: 2px solid #fff;
border-top: 2px solid #fff;
}
.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.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;
margin-bottom: 20px;
}
.form_item,
.wpcf7-form-control{
width: 100%;
}
.form_item{
display: flex;
flex-direction: column;
}
.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: 40px;
}
.wpcf7-acceptance label:before,
.wpcf7-acceptance label:after {
content: '';
position: absolute;
}
.wpcf7-acceptance label:before {
width: 25px;
height: 25px;
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: 5px;
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:%23111516'/%3E%3C/svg%3E");
background-size: 15px 12px;
width: 15px;
height: 12px;
}
.wpcf7-acceptance label:has(input:checked):after {
opacity: 1;
} @media screen and (max-width: 767px) {
.form_container{
flex-direction: column;
gap: 20px 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,
p {
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:last-child {
margin-bottom: 0;
}
a {
display: inline-block;
text-decoration: none;
}
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;
}
.mM_container {
max-width: 100%;
margin: 0 auto;
}
.mM_row {
display: flex;
flex-wrap: wrap;
gap: 45px 88px;
}
[data-innerer-abstand="innerer_abstand_oben_und_unten"]{
padding-top:60px;
padding-bottom:60px;
}
[data-innerer-abstand="innerer_abstand_nur_oben"]{
padding-top:60px;
padding-bottom:0;
}
[data-innerer-abstand="innerer_abstand_nur_unten"]{
padding-top:0;
padding-bottom:60px;
}
[data-auserer-abstand="auserer_abstand_oben_und_unten"]{
margin-top:60px;
margin-bottom:60px;
}
[data-auserer-abstand="auserer_abstand_nur_oben"]{
margin-top:60px;
margin-bottom:0;
}
[data-auserer-abstand="auserer_abstand_nur_unten"]{
margin-top:0;
margin-bottom:60px;
}
.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 {
margin-top: 30px;
}
[class*="mM_col_"] {
flex: 0 0 auto;
max-width: 100%;
}
.mM_col_100,
[class*="mM_col_"] {
width: 100%;
}
[data-hintergrundfarbe="black"] {
background: #111516;
}
[data-hintergrundfarbe="lightgrey"] {
background: #ececec;
}
[data-hintergrundfarbe="lightblue"] {
background: #1b9cd9;
}
[data-hintergrundfarbe="white"] {
background: #fff;
}
body.single-branchen h2 {
font-size: 45px;
font-weight: 700;
text-transform: uppercase;
}
.untertitel {
font-family: 'Oswald', sans-serif;
font-size: 25px;
font-weight: 300;
margin-top: 15px;
}
.hover_underline {
position: relative;
}
.hover_underline:after {
content: '';
position: absolute;
left: 0;
bottom: -3px;
width: 100%;
height: 1px;
background: #fff;
transform-origin: right;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: transform .4sease-out;
-moz-transition: transform .4s ease-out;
-ms-transition: transform .4s ease-out;
-o-transition: transform .4s ease-out;
transition: transform .4s ease-out;
}
.hover_underline:hover:after {
transform-origin: left;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
body.single-branchen .arrow-btn {
font-weight: 700;
}
.d-none {
display: none;
}
#container,
.contact_form_container {
margin-bottom: 0 !important;
}
.contact_form_container {
padding: 50px;
}
.page-id-1664 .contact_form_container,
.page-id-1780 .contact_form_container,
.single-products .contact_form_container {
display: none;
} .single-post .contact_form_container {
display: none;
}
#contact-form {
scroll-margin-top: 79px;
}
footer {
position: relative !important;
bottom: auto !important;
width: 100% !important;
}
.animsition-overlay-slide.overlay-slide-out-right {
display: none;
}
[data-title="Startseite"] h2 {
font-size: 45px;
text-transform: uppercase;
}
@media all and (min-width: 576px) {
.mM_container {
max-width: 540px;
}
.mM_col_25,
.mM_col_33 {
width: calc(50% - (88px / 2));
}
}
@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% - (88px / 2));
}
.mM_col_33 {
width: calc(33.3333% - ((88px * 2) / 3));
}
}
@media all and (min-width: 1200px) {
.mM_container {
max-width: 1140px;
}
.mM_col_25 {
width: calc(25% - ((88px * 3) / 4));
}
}
@media all and (min-width: 1400px) {
.mM_container {
max-width: 1320px;
}
} @media all and (max-width: 991px) {
[data-innerer-abstand="innerer_abstand_oben_und_unten"]{
padding-top:60px;
padding-bottom:60px;
}
[data-innerer-abstand="innerer_abstand_nur_oben"]{
padding-top:60px;
padding-bottom:0;
}
[data-innerer-abstand="innerer_abstand_nur_unten"]{
padding-top:0;
padding-bottom:60px;
}
[data-auserer-abstand="auserer_abstand_oben_und_unten"]{
margin-top:60px;
margin-bottom:60px;
}
[data-auserer-abstand="auserer_abstand_nur_oben"]{
margin-top:60px;
margin-bottom:0;
}
[data-auserer-abstand="auserer_abstand_nur_unten"]{
margin-top:0;
margin-bottom:60px;
}
}
@media all and (max-width: 767px) {
.untertitel {
font-size: 20px;
}
}
@media all and (max-width: 575px) {
.mM_container {
padding: 0 20px;
}
body.single-branchen h2,
[data-title="Startseite"] h2 {
font-size: 35px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
}
.blocksatz {
text-align: justify;
hyphens: auto;
}