:root {
--mint-header-height: 96px;
} body {
color: var(--text-color);
padding-top: 0;
}
#main-content .et-l--post > .et_builder_inner_content > .et_pb_section:first-child {
border-top: var(--mint-header-height) solid transparent;
}
@media only screen and (max-width: 1099px) {
:root {
--mint-header-height: 86px;
}
} .et-l--header .de-burger-menu {
--mv-button-innenabstand: 10px 40px 12px;
--mv-button-schriftgroesse: 18px;
position: fixed !important;
top: var(--mv-adminleisten-abstand, 0px) !important;
left: 0 !important;
right: 0 !important;
z-index: 99999 !important;
transform: translateY(0);
transition:
transform 0.35s ease,
background-color 0.35s ease;
will-change: transform;
}
.et-l--header .de-burger-menu.header-hidden {
transform: translateY(-110%) !important;
}
.et-l--header .de-burger-menu.header-visible {
transform: translateY(0) !important;
}
.et-l--header .de-burger-menu.header-scrolled {
background-color: var(--background-color) !important;
} .et-l--header .et_pb_image .et_pb_image_wrap img[src*=".svg"]:hover {
transform: scale(1.08);
} @media only screen and (min-width: 1100px) { .et-l--header .de-desktop-menu,
.et-l--header .de-desktop-menu .et_pb_menu__wrap,
.et-l--header .de-desktop-menu .et_pb_menu__menu {
display: flex !important;
justify-content: center !important;
align-items: center !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
} .et-l--header .de-desktop-menu .et_mobile_nav_menu,
.et-l--header .de-desktop-menu .mobile_nav,
.et-l--header .de-desktop-menu .et_mobile_menu {
display: none !important;
} .et-l--header .de-burger-neu,
.et-l--header .de-burger-menu .et_mobile_nav_menu,
.et-l--header .de-burger-menu .mobile_nav,
.et-l--header .de-burger-menu .mobile_menu_bar,
.et-l--header .de-burger-menu .et_mobile_menu {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
.et-l--header .de-desktop-menu .et-menu > li {
margin-left: 11px !important;
margin-right: 11px !important;
}
} @media only screen and (max-width: 1099px) { .et-l--header .de-desktop-menu,
.et-l--header .de-desktop-menu .et_pb_menu__menu,
.et-l--header .de-desktop-menu .et_mobile_nav_menu,
.et-l--header .de-desktop-menu .mobile_nav,
.et-l--header .de-desktop-menu .et_mobile_menu {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
} .et-l--header .de-burger-menu,
.et-l--header .de-burger-neu {
margin-top: 0 !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
.et-l--header .de-burger-menu .et_pb_menu__wrap {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
}
.et-l--header .de-burger-menu .et_pb_menu__menu {
display: none !important;
}
.et-l--header .de-burger-menu .et_mobile_nav_menu,
.et-l--header .de-burger-menu .mobile_nav,
.et-l--header .de-burger-menu .mobile_menu_bar {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
} @media only screen and (max-width: 1099px) {
.de-burger-menu .mobile_nav {
display: inline-block;
position: fixed;
top: 32px;
right: 24px;
width: 49px;
height: 34px;
}
.de-burger-menu .mobile_nav.closed:hover {
transform: scale(1.06);
}
.de-burger-menu .mobile_nav.closed::before,
.de-burger-menu .mobile_nav.closed::after,
.de-burger-menu .mobile_nav.closed span::after {
content: "";
display: block;
position: absolute;
height: 4.8px;
border-radius: 10px;
transition: all 0.3s ease;
}
.de-burger-menu .mobile_nav.closed::before {
top: 0;
width: 49px;
transform: rotate(20deg);
}
.de-burger-menu .mobile_nav.closed span {
top: -7px;
left: 0;
width: 49px;
height: 48px;
transform: none;
background: transparent !important;
cursor: pointer;
}
.de-burger-menu .mobile_nav.closed span::after {
top: 24px;
left: 0;
width: 36px;
background-color: var(--burger-color);
}
.de-burger-menu .mobile_nav.closed::after {
top: 95%;
width: 29px;
transform: rotate(-10deg);
}
.de-burger-menu .et_pb_menu__wrap .mobile_menu_bar::before {
opacity: 0 !important;
}
.et_pb_module .mobile_menu_bar::before {
top: -30px !important;
}
.de-burger-menu .et_pb_menu__wrap .opened .mobile_menu_bar {
position: absolute !important;
transform: none;
top: -7px !important;
right: 0 !important;
left: auto !important;
width: 49px;
height: 48px;
margin: 0 !important;
display: grid;
place-items: center;
} .de-burger-menu .et_pb_menu__wrap .opened .mobile_menu_bar::before,
.de-burger-menu .et_pb_menu__wrap .opened .mobile_menu_bar::after {
content: "" !important;
position: absolute;
top: 23px !important;
left: 10px;
width: 29px;
height: 2px;
border-radius: 2px;
background: var(--menu-links);
z-index: 999999 !important;
opacity: 1 !important;
transform: rotate(45deg);
}
.de-burger-menu .et_pb_menu__wrap .opened .mobile_menu_bar::after {
transform: rotate(-45deg);
}
.de-burger-menu .opened .et_mobile_menu {
width: 100vw !important;
height: calc(100dvh - var(--mv-adminleisten-abstand, 0px)) !important;
box-sizing: border-box;
overflow-y: auto;
overscroll-behavior: contain;
position: fixed !important;
top: 0 !important;
left: 0 !important;
display: flex !important;
justify-content: flex-start !important;
flex-direction: column !important;
padding: clamp(96px, 14dvh, 128px) 24px 32px !important;
gap: 0;
border: 0 !important;
box-shadow: none !important;
opacity: 1 !important;
visibility: visible !important;
transition: visibility 0.2s, opacity 0.2s ease-in-out;
}
.de-burger-menu .closed .et_mobile_menu {
opacity: 0 !important;
visibility: hidden !important;
transition: visibility 0.3s, opacity 0.3s ease-in-out !important;
}
.de-burger-menu .et_mobile_menu li {
width: 100%;
margin: 0;
flex-shrink: 0;
list-style: none !important;
text-align: left !important;
}
.de-burger-menu .et_mobile_menu li a {
display: block;
width: 100%;
box-sizing: border-box;
font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: clamp(25px, 4.7vw, 27px) !important;
font-weight: 400 !important;
letter-spacing: -0.015em;
height: auto;
line-height: 1.3;
position: relative !important;
overflow: visible !important;
padding: 9px 0 11px !important;
border: 0 !important;
border-radius: 2px;
box-shadow: none !important;
text-transform: none;
transition: color 0.18s ease;
}
.de-burger-menu .et_mobile_menu li a:hover {
opacity: 1;
}
.de-burger-menu .et_mobile_menu li a:focus-visible {
outline-offset: 4px;
} .de-burger-menu .et_mobile_menu .mv-menue-gruppe > ul {
padding: 0 !important;
margin: 0 !important;
}
.de-burger-menu .et_mobile_menu .mv-menue-gruppe li {
padding-left: 0 !important;
}
.mv-menue-gruppentitel {
display: block;
margin-bottom: 19px;
color: var(--menu-links);
font-size: 12px;
font-weight: 400;
letter-spacing: 0.12em;
line-height: 1.5;
text-transform: uppercase;
}
.de-burger-menu .et_mobile_menu .menu-item-has-children > a {
background-color: transparent;
}
.de-burger-menu .et_pb_menu__wrap span.mobile_menu_bar {
z-index: 99999 !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
.de-burger-menu .opened .et_mobile_menu {
padding-right: clamp(40px, calc(10vw - 40px), 64px) !important;
padding-left: clamp(40px, calc(10vw - 40px), 64px) !important;
}
.de-burger-menu .opened .et_mobile_menu.mv-menue-gruppiert {
display: grid !important;
grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
align-content: start;
align-items: start;
column-gap: clamp(48px, 7vw, 80px);
}
.de-burger-menu .et_mobile_menu li a {
font-size: clamp(30px, 3vw, 32px) !important;
padding-top: 10px !important;
padding-bottom: 12px !important;
}
}
@media only screen and (max-width: 768px) {
.de-burger-menu .mobile_nav.closed::before,
.de-burger-menu .mobile_nav.closed::after,
.de-burger-menu .mobile_nav.closed span::after {
height: 4.3px;
}
} .color-fab { position: fixed; right: 24px; bottom: 24px; z-index: 999999; font-family: inherit; }
.color-fab [hidden] { display: none !important; }
.color-trigger { width: 74px; height: 74px; padding: 0 0 3px; border: 0; border-radius: 50%; background: var(--button-bg); color: var(--button-text-color); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; cursor: pointer; font: inherit; transition: background-color .18s ease, color .18s ease; }
.color-trigger:hover { background: var(--button-bg-hover); color: var(--button-text-color-hover); }
.color-trigger .color-icon { width: 20px; height: 20px; }
.trigger-text { font-size: 12px; line-height: 1.4; transform: translateY(-3px); }
.color-panel { position: absolute; bottom: 90px; right: 15px; display: flex; flex-direction: column; gap: 12px; }
.color-option { position: relative; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 2px solid transparent; border-radius: 50%; background: var(--mv-farbe); cursor: pointer; }
.color-option[data-scheme="1"] { border: 1px solid var(--weiss-auswahl-rand, transparent); }
.color-option[aria-pressed="true"] { border: 2px solid #a1d8d0; }
.color-fab button:focus-visible { outline: 3px solid var(--text-color); outline-offset: 5px; }
.mv-optionsname { position: absolute; right: calc(100% + 14px); top: 50%; transform: translateY(-50%); padding: 7px 10px; border-radius: 5px; white-space: nowrap; background: var(--button-bg); color: var(--button-text-color); font: 500 13px/1.4 Arial, sans-serif; opacity: 0; pointer-events: none; }
.color-option:hover .mv-optionsname, .color-option:focus-visible .mv-optionsname { opacity: 1; }
.mv-kontrastoption { background: #111111; display: grid; place-items: center; }
.mv-kontrastoption svg { width: 22px; height: 22px; color: #ffffff; }
.mv-lesefeld { position: fixed; right: 24px; bottom: 112px; width: min(340px, calc(100vw - 32px)); max-height: calc(100dvh - 136px); overflow-y: auto; padding: 22px; background: #ffffff; color: #111111; border: 2px solid #111111; border-radius: 12px; box-shadow: 0 10px 35px rgba(0,0,0,.16); }
.mv-lesekopf { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.mv-lesefeld h2 { font: 700 19px/1.3 Roboto, Arial, sans-serif; color: #111111 !important; padding: 0; margin: 0 0 22px; }
.mv-schliessen { flex: 0 0 44px; height: 44px; margin: -10px -10px 0 0; background: #ffffff; color: #111111; border: 0; font-size: 30px; cursor: pointer; }
.mv-regler { display: block; margin: 0 0 22px; font: 500 15px/1.5 Arial, sans-serif; }
.mv-regler output { float: right; font-weight: 400; }
.mv-regler input[type="range"] { appearance: none; -webkit-appearance: none; display: block; width: 100%; height: 36px; margin: 8px 0 0; padding: 0; border: 0; background: transparent; cursor: pointer; }
.mv-regler input[type="range"]::-webkit-slider-runnable-track { height: 3px; border-radius: 2px; background: #777777; }
.mv-regler input[type="range"]::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; margin-top: -8.5px; border: 0; border-radius: 50%; background: #111111; }
.mv-regler input[type="range"]::-moz-range-track { height: 3px; border-radius: 2px; background: #777777; }
.mv-regler input[type="range"]::-moz-range-thumb { width: 20px; height: 20px; border: 0; border-radius: 50%; background: #111111; }
.mv-regler input[type="range"]:focus-visible { outline: 2px solid #111111; outline-offset: 3px; }
.mv-bewegung { display: flex; gap: 10px; align-items: center; min-height: 44px; font: 400 15px/1.5 Arial, sans-serif; margin-bottom: 14px; }
.mv-bewegung input { width: 20px; height: 20px; accent-color: #111111; }
.mv-zuruecksetzen { width: 100%; min-height: 44px; padding: 8px 12px; border: 1px solid #111111; border-radius: 5px; background: #111111; color: #ffffff; font: 500 14px/1.4 Arial, sans-serif; cursor: pointer; }
.mv-lesefeld p { margin: 14px 0 0; padding: 0; color: #333333 !important; font: 400 12px/1.6 Arial, sans-serif !important; }
html.mv-zeilenabstand #page-container p, html.mv-zeilenabstand #page-container .et_pb_text_inner li { line-height: var(--mv-zeilenabstand) !important; }
html.mv-bewegung-reduziert { scroll-behavior: auto !important; }
html.mv-bewegung-reduziert *, html.mv-bewegung-reduziert *::before, html.mv-bewegung-reduziert *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
html.mv-bewegung-reduziert .et_animated, html.mv-bewegung-reduziert .et-pb-before-scroll-animation { opacity: 1 !important; transform: none !important; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } *, *::before, *::after { animation: none !important; transition: none !important; } .et_animated, .et-pb-before-scroll-animation { opacity: 1 !important; transform: none !important; } }
@media (max-width: 500px) { .color-fab { right: 16px; bottom: 16px; } .mv-lesefeld { right: 16px; bottom: 104px; } } .label,
.hand{
font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 13px;
line-height: 1.4;
letter-spacing: 0.12em;
text-transform: uppercase;
font-weight: 400;
}
h1 span.hand,
h2 span.hand {
margin-top: 10px;
padding-bottom: 4px;
display: block;
line-height: 1.5em;
}
.mv-unterseiten-titel h1 > .h1 {
hyphens: auto;
}
p,
body {
font-family: Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-weight: 300;
font-style: normal;
}
p strong,
em,
p i:not([class]) {
font-family: Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-weight: var(--mv-hervorhebung, 500);
font-style: normal;
} .mv-profilseite { --mv-hervorhebung: 600; }
.mv-qualifikationskarte { --mv-hervorhebung: 500; }
.mv-profilseite h1 > span.hand {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0;
text-transform: none;
} @media (max-width: 980px) {
#main-content .mv-profilspalten { display: flex; flex-direction: column; }
#main-content .mv-profilspalten::after { display: none; }
#main-content .mv-profilspalten > .et_pb_column { display: contents; }
#main-content .mv-profilspalten > .et_pb_column > .et_pb_module { order: 2; width: 100%; }
#main-content .mv-profilspalten > .et_pb_column > .mv-profil-einstieg { order: 0; }
#main-content .mv-profilspalten > .et_pb_column > .mv-qualifikationskarte { order: 1; }
}
h1, h2, h3, h4, h5, h6{
font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
.condensed{
font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
}
.bild-untertitel-klein h2 {
font-size: 10px !important;
font-weight: 300;
text-transform: uppercase;
}
h3 {
color: initial;
}
.et_pb_slide_description,
p,
h1,
h2,
h3,
h4,
h5,
h6,
.et_pb_bg_layout_dark .et_pb_slide_description {
text-shadow: none !important;
} html {
scroll-behavior: smooth;
} .mv-profilkopf .et_pb_blurb_container { vertical-align: middle; } @media (max-width: 767px) {
.dipi_fancy_text.mv-duo-wechsel .fancy-text-suffix { display: block !important; }
.mv-profilkopf .et_pb_main_blurb_image { margin-bottom: 16px; }
} @media (min-width: 981px) {
#main-content .mv-leistungsreihe {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 3%;
}
#main-content .mv-leistungsreihe::after { display: none; }
#main-content .mv-leistungsreihe > .et_pb_column {
display: grid;
grid-template-rows: subgrid;
grid-row: 1 / span 3;
align-items: start;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
float: none;
} #main-content .mv-profilreihe {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: clamp(32px, 5vw, 64px);
}
#main-content .mv-profilreihe::after { display: none; }
#main-content .mv-profilreihe > .et_pb_column {
display: grid;
grid-template-rows: subgrid;
grid-row: 1 / span 4;
align-items: start;
min-width: 0;
width: auto !important;
margin: 0 !important;
float: none;
}
#main-content .mv-leistungsreihe > .et_pb_column > .et_pb_button_module_wrapper {
align-self: start;
}
} @media (min-width: 768px) and (max-width: 980px) {
#main-content .mv-leistungsreihe > .et_pb_column > .et_pb_button_module_wrapper {
width: 100%;
max-width: 340px;
margin-inline: auto !important;
}
} body #page-container .et_pb_section a.et_pb_button,
body #page-container .et_pb_section a.et_pb_button:hover,
.button-grid a,
.button-grid a:hover,
div.wpforms-container-full button[type="submit"],
div.wpforms-container-full button[type="submit"]:hover {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
min-height: 40px;
height: auto;
margin: 0 auto;
border-radius: 24px !important;
padding: var(--mv-button-innenabstand, 6px 18px 8px) !important;
font-family: Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-weight: 400 !important;
text-transform: none !important;
line-height: 1.4 !important;
font-size: var(--mv-button-schriftgroesse, 16px) !important;
letter-spacing: -0.01em;
box-shadow: none !important;
transition-property: background-color, color !important;
} .mv-kontakt-inhalt .et_pb_button_module_wrapper {
display: inline-block;
max-width: 100%;
vertical-align: top;
} .dipi_image_showcase.desaturate-bg,
.et_pb_image.desaturate-bg {
position: relative !important;
z-index: 0 !important;
overflow: hidden !important;
}
.mv-bildflaeche {
background: linear-gradient(var(--bild-winkel, 172deg), transparent var(--bild-kante, 57%), rgba(161,216,208,var(--bild-mint-alpha)) var(--bild-kante, 57%)) var(--bild-grund, transparent) !important;
}
.mv-bildflaeche-gerade { --bild-winkel: 180deg; --bild-kante: 50%; }
.mv-bildflaeche-gespiegelt { --bild-winkel: -171deg; }
.mv-bildflaeche .dipi_image_showcase_child img {
object-fit: cover;
object-position: top center;
}
.et_pb_image.desaturate-bg img {
position: relative !important;
z-index: 1 !important;
} .wpforms-field.section-divider input {
display: none !important;
}
.wpforms-field.section-divider label {
font-size: 1.4rem !important;
font-weight: bold !important;
margin-top: 0.5em !important;
margin-bottom: 0 !important;
display: block;
}
.pum-container p {
padding-bottom: 0.45em;
}
.wpforms-confirmation-container-full,
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
background: transparent !important;
border: none !important;
} .et-l--footer .mv-footer-navigation .et_pb_menu__menu,
.et-l--footer .mv-footer-navigation .et_pb_menu__wrap,
.et-l--footer .mv-footer-navigation nav { width: 100%; }
.et-l--footer .mv-footer-navigation ul.et-menu {
width: 100%;
margin: 0;
padding: 0;
flex-wrap: nowrap;
justify-content: center;
gap: 20px;
}
.et-l--footer .mv-footer-navigation ul.et-menu > li { margin: 0 !important; padding: 0; }
.et-l--footer .mv-footer-navigation .et-menu a,
.et-l--footer .mv-footer-rechtliches a {
display: block;
min-height: 32px;
padding: 6px 0;
line-height: 1.4;
text-transform: none;
}
.et-l--footer .mv-footer-rechtliches p {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0 20px;
margin: 0;
padding: 0;
text-align: center;
}
.et-l--footer .mv-footer-rechtliches .borlabs-cookie-open-dialog-preferences:empty { display: none; }
@media only screen and (min-width: 1100px) {
.et-l--footer .mv-footer-navigation .mv-footer-ueber-uns { display: none; }
.et-l--footer .mv-footer-rechtliches { border-top-width: 0 !important; }
}
@media only screen and (max-width: 1099px) {
.et-l--footer .mv-footer-rechtliches .mv-footer-ueber-uns { display: none; }
.et-l--footer .mv-footer-rechtliches p { justify-content: flex-start; text-align: left; }
footer .et_mobile_nav_menu { display: none !important; }
footer .et_pb_menu__menu { display: flex !important; }
footer .et_pb_menu_0_tb_footer { display: block !important; }
.et-l--footer .et_pb_column { margin-bottom: 0; }
.et-l--footer .mv-footer-navigation ul.et-menu {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 0 20px;
text-align: left;
}
.et-l--footer .mv-footer-navigation .et-menu a {
min-height: 44px;
width: 100%;
padding: 10px 0;
font-size: 15px;
hyphens: auto;
}
.et-l--footer .mv-footer-rechtliches a {
min-height: 40px;
padding: 10px 0;
font-size: 13px;
}
}
.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {
margin-top: 5px;
}:root {
--mv-wartung-form: #e7f5f1;
--mv-wartung-form-hell: #e2f1ec;
--mv-wartung-icon: #416b65;
--faq-flaeche: #eff8f58a;
--duo-zahlen: var(--heading-color);
--duo-flaeche: #eff8f5;
--kontakt-einstieg: #eff8f5;
--grafik-flaeche: #f1f7f4;
--burger-color: #416b65;
--fullscreen-menu: #edf6f3;
--menu-links: #416b65;
--menu-links-hover: #284e47;
--menu-links-current: #284e47;
--menu-links-border: #bfd9d3;
--background-color: #ffffff;
--background-color-footer: #e2efea;
--bg-2: rgba(0,0,0,.025);
--text-color: #416b65;
--text-strong-color: #284e47;
--heading-color-h1: #4b7b73;
--heading-color-hand: #416b65;
--heading-color: #4b7b73;
--heading-color-light: #4b7b73;
--heading-color-dark: #4b7b73;
--link-color: #416b65;
--link-hover-color: #284e47;
--link-color-footer: #416b65;
--button-text-color: #ffffff;
--button-text-color-hover: #ffffff;
--button-bg: #416b65;
--button-bg-hover: #284e47;
--button-kontakt-bg: #416b65;
--button-kontakt-bg-hover: #284e47;
--button-kontakt-text-color: #ffffff;
--button-kontakt-text-color-hover: #ffffff;
--menue-flaeche: #f1f8f7;
--menue-flaeche-hover: #dfede8;
--menue-flaeche-aktiv: #d0e4dd;
--formular-flaeche: #f7fbfa;
--formular-text: #284e47;
--formular-rand: #5a8179;
--formular-hinweis: #536963;
--formular-fehler: #963e3e;
--bild-mint-alpha: .70;
--bild-grund: #f5f5f5;
--button-inhalt-rand: transparent;
--button-inhalt-bg: #416b65;
--button-inhalt-text: #ffffff;
}
body {
background-color: var(--background-color);
}
p {
color: var(--text-color);
}
p strong {
color: var(--text-strong-color)!important;
}
.markenentwicklung img {
background-color: rgba(239, 239, 239, 0.4)!important;
}body.page-id-1854 #seitenanfang .dipi_carousel .dipi-carousel-main.dipi_loading {
display: block !important;
visibility: hidden;
}
body.page-id-1854 #seitenanfang .dipi_carousel .swiper-container:not(.swiper-container-initialized) > .dipi-carousel-wrapper > .dipi_carousel_child {
width: calc((100% - 180px) / 3) !important;
margin-right: 90px !important;
}
@media (min-width: 768px) and (max-width: 980px) {
body.page-id-1854 #seitenanfang .dipi_carousel .swiper-container:not(.swiper-container-initialized) > .dipi-carousel-wrapper > .dipi_carousel_child {
width: calc((100% - 102px) / 3) !important;
margin-right: 51px !important;
}
}
@media (max-width: 767px) {
body.page-id-1854 #seitenanfang .dipi_carousel .swiper-container:not(.swiper-container-initialized) > .dipi-carousel-wrapper > .dipi_carousel_child {
width: 100% !important;
margin-right: 51px !important;
}
} .mv-grafik-flaeche .et_pb_image_wrap {
padding: clamp(16px, 2.5vw, 28px);
background: var(--grafik-flaeche);
}
.et_pb_menu.de-desktop-menu .et-menu-nav > ul > li > ul.sub-menu {
width: 380px !important;
padding: 0 !important;
background: var(--menue-flaeche) !important;
border: none !important;
border-radius: 4px;
box-shadow: none !important;
overflow: hidden;
}
.et_pb_menu.de-desktop-menu .et-menu-nav > ul > li:focus-within > ul.sub-menu {
visibility: visible;
opacity: 1;
}
.et_pb_menu.de-desktop-menu .et-menu .sub-menu > li {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.et_pb_menu.de-desktop-menu .et-menu .sub-menu > li > a {
display: block;
width: 100% !important;
box-sizing: border-box;
margin: 0 !important;
padding: 13px 26px !important;
color: var(--menu-links) !important;
background: transparent !important;
opacity: 1 !important;
font-size: 19px;
font-weight: 400;
line-height: 1.3 !important;
transition:
color 0.18s ease,
background-color 0.18s ease,
padding-left 0.18s ease;
}
.et_pb_menu.de-desktop-menu .et-menu > li.current-menu-item > a,
.et_pb_menu.de-desktop-menu .et-menu > li.current_page_item > a,
.et_pb_menu.de-desktop-menu .et-menu > li.current-menu-ancestor > a,
.et_pb_menu.de-desktop-menu .et-menu > li.current-menu-parent > a,
.et_pb_menu.de-desktop-menu .et-menu > li.current-menu-ancestor:hover > a,
.et_pb_menu.de-desktop-menu .et-menu > li.current-menu-parent:hover > a {
color: var(--menu-links-current) !important;
}
.et_pb_menu.de-desktop-menu .et-menu .sub-menu > li > a::before {
display: none !important;
}
.et_pb_menu.de-desktop-menu .et-menu .sub-menu > li > a:hover,
.et_pb_menu.de-desktop-menu .et-menu .sub-menu > li > a:focus-visible {
color: var(--menu-links-current) !important;
background: var(--menue-flaeche-hover) !important;
padding-left: 30px !important;
}
.et_pb_menu.de-desktop-menu
.et-menu
.sub-menu
> li.current-menu-item
> a,
.et_pb_menu.de-desktop-menu
.et-menu
.sub-menu
> li.current_page_item
> a {
color: var(--menu-links-current) !important;
background: var(--menue-flaeche-aktiv) !important;
font-weight: 500;
}
.de-burger-neu.et_pb_menu .opened .et_mobile_menu {
background-color:var(--fullscreen-menu)!important;
}
.de-burger-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
color:var(--menu-links)!important;
}
.de-burger-menu .mobile_nav.closed:before,
.de-burger-menu .mobile_nav.closed:after,
.de-burger-menu .mobile_nav.closed span {
background-color: var(--burger-color);
opacity: 1!important;
}
.et-l--header .et_pb_menu ul li a:hover {
color: var(--menu-links-hover)!important;
background-color:transparent!important;
}
.et-l--header .et_pb_menu ul li a {
color: var(--menu-links)!important;
}
.de-burger-menu .et_mobile_menu li a {
background: transparent !important;
opacity: 1 !important;
}
.et-l--header .de-burger-menu .et_mobile_menu li a:hover,
.et-l--header .de-burger-menu .et_mobile_menu li a:focus-visible {
color: var(--menu-links-hover) !important;
background: transparent !important;
}
.et-l--header .de-burger-menu .et_mobile_menu li.current-menu-item > a,
.et-l--header .de-burger-menu .et_mobile_menu li.current_page_item > a {
color: var(--menu-links-current) !important;
background: transparent !important;
}
.et-l--header .et_pb_menu a:focus-visible {
outline: 2px solid var(--menu-links-current);
outline-offset: -2px;
}
.et_pb_section_0_tb_footer.et_pb_section {
background-color: var(--background-color-footer)!important;
}
.et-l--footer .et_pb_section_0_tb_footer.et_pb_section a {
color: var(--link-color-footer)!important;
}
.unterster-footer a {
color:var(--link-color-footer)!important;
}
.et_pb_menu_0_tb_footer.et_pb_menu .et-menu-nav li a:hover, .unterster-footer a:hover {
opacity:1!important;
color:var(--link-color-footer)!important;
}
h1, h1 > span.h1 {
color: var(--heading-color-h1)!important;
}
h1 > span.hand {
color: var(--heading-color-hand)!important;
}
h2, h3, h4, h5, h6 {
color: var(--heading-color)!important;
}
.heading-color-light h1, .heading-color-light h2, .heading-color-light h3, .heading-color-light h4, .heading-color-light h5, .heading-color-light h6 {
color: var(--heading-color-light)!important;
}
.heading-color-dark h1, .heading-color-dark h2, .heading-color-dark h3, .heading-color-dark h4, .heading-color-dark h5, .heading-color-dark h6 {
color: var(--heading-color-dark)!important;
}
.hand p, p.hand, span.hand, .hand span, #slider1 h2, #slider2 h2, #slider3 h2, #slider4 h2, #slider5 h2, .bild-untertitel-klein h2 {
color: var(--text-color)!important;
}
a, a strong {
color: var(--link-color)!important;
} #main-content p :is(strong, b),
#main-content p :is(strong, b) a,
#main-content p a :is(strong, b) {
color: var(--text-strong-color) !important;
}
#main-content p :is(strong, b) a:hover,
#main-content p a:hover :is(strong, b) {
text-decoration: underline;
text-underline-offset: .15em;
} .pum :is(.pum-container, .pum-title, .pum-content, .pum-close, p, strong, a, label, input, textarea, select, button) {
font-family: Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.pum .pum-title { font-weight: 600; }
body #page-container .et-l--header .et_pb_button_module_wrapper.et_pb_module > a, .et_pb_button.kontakt, .dsm_button_0_tb_footer.dsm_button {
border: 1px solid transparent !important;
background-color: var(--button-kontakt-bg)!important;
color: var(--button-kontakt-text-color)!important;
}
body #page-container .et-l--header .et_pb_button_module_wrapper.et_pb_module > a:hover, .et_pb_button.kontakt:hover, .dsm_button_0_tb_footer.dsm_button:hover {
background-color: var(--button-kontakt-bg-hover)!important;
color: var(--button-kontakt-text-color-hover)!important;
}
body #main-content .et_pb_button_module_wrapper.et_pb_module > a, .button-grid a {
background-color: var(--mv-button-flaeche, var(--button-inhalt-bg)) !important;
color: var(--mv-button-text, var(--button-inhalt-text)) !important;
border: 1px solid var(--mv-button-rand, var(--button-inhalt-rand, var(--link-color))) !important;
}
body #main-content .et_pb_button_module_wrapper.et_pb_module > a:hover, .button-grid a:hover {
color: var(--mv-button-hover-text, var(--button-text-color-hover)) !important;
background-color: var(--mv-button-hover-flaeche, var(--button-bg-hover)) !important;
border-color: var(--mv-button-hover-rand, var(--mv-button-rand, var(--button-inhalt-rand, var(--link-color)))) !important;
} .mv-wordpress-seite { background:transparent; }
.bg-2 {
background-color: var(--bg-2);
} .mv-kontakt-entwurf {
--mv-icon-farbe: var(--kontakt-icon, #a1d8d0);
} .mv-kontakt-entwurf .mv-kontakt-titel .et_pb_blurb_content { display:flex; align-items:center; }
.mv-kontakt-entwurf .mv-kontakt-titel .et_pb_main_blurb_image { display:block; flex:0 0 auto; width:auto; margin:0; }
.mv-kontakt-entwurf .mv-kontakt-titel .et_pb_blurb_container { display:block; flex:1; min-width:0; padding:0; }
.mv-kontakt-entwurf .mv-kontakt-titel .et_pb_module_header { padding:0; } .mv-kontakt-entwurf .mv-button-sekundaer {
--mv-button-flaeche: transparent;
--mv-button-text: var(--link-color);
--mv-button-rand: var(--link-color);
--mv-button-hover-text: var(--kontakt-button-hover-text, #183d37);
--mv-button-hover-rand: transparent;
--mv-button-hover-flaeche: var(--kontakt-button-hover-flaeche, #a1d8d0);
}
:where(.et-pb-icon) { color:var(--mv-icon-farbe,var(--button-bg)); }
.pum-container,
.pum-theme-enterprise-blue .pum-container {
background-color: var(--background-color) !important;
} div.wpforms-container-full {
--wpforms-field-background-color: var(--formular-flaeche);
--wpforms-field-menu-color: var(--formular-flaeche);
--wpforms-field-text-color: var(--formular-text);
--wpforms-field-border-color: var(--formular-rand);
--wpforms-field-border-color-spare: var(--formular-rand);
--wpforms-label-color: var(--text-color);
--wpforms-label-sublabel-color: var(--text-color);
--wpforms-label-error-color: var(--formular-fehler);
--wpforms-button-background-color: var(--button-bg);
--wpforms-button-text-color: var(--button-text-color);
--wpforms-page-break-color: var(--button-bg);
}
.wpforms-field.section-divider label,
.pum-title,
label.wpforms-field-label {
color: var(--heading-color-h1) !important;
font-weight: bold !important;
}
div.wpforms-container-full .wpforms-field-label,
div.wpforms-container-full .wpforms-field-label-inline,
div.wpforms-container-full .wpforms-field-sublabel,
div.wpforms-container-full .wpforms-field-description,
div.wpforms-container-full .wpforms-field-limit-text {
color: var(--text-color) !important;
}
div.wpforms-container-full .wpforms-required-label,
div.wpforms-container-full .wpforms-error {
color: var(--formular-fehler) !important;
}
div.wpforms-container-full .wpforms-form input::placeholder,
div.wpforms-container-full .wpforms-form textarea::placeholder {
color: var(--formular-hinweis) !important;
opacity: 1 !important;
}
div.wpforms-container-full .wpforms-form em.wpforms-error:before {
background-color: var(--formular-fehler) !important;
}
div.wpforms-container-full button[type="submit"] {
border: 1px solid transparent !important;
color: var(--button-text-color) !important;
background-color: var(--button-bg) !important;
}
.et_pb_button:focus-visible,
.button-grid a:focus-visible,
div.wpforms-container-full :is(input, textarea, select, button):focus-visible {
outline: 2px solid var(--link-color) !important;
outline-offset: 3px;
}
div.wpforms-container-full input:focus,
div.wpforms-container-full textarea:focus,
div.wpforms-container-full select:focus {
border-color: var(--link-color) !important;
box-shadow: none !important;
}
div.wpforms-container-full button[type="submit"]:hover {
color: var(--button-text-color-hover) !important;
background-color: var(--button-bg-hover) !important;
}
a:hover,
.et_pb_text_inner a:hover,
a:hover strong {
color: var(--link-hover-color) !important;
}
:where(.et-l--header .et_pb_image img) { filter:var(--logo-filter,none); }
.pum-content + .pum-close {
background-color: var(--button-bg) !important;
color: var(--button-text-color) !important;
}@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300 700;
font-stretch: 100%;
font-display: swap;
src: url(//mintvision.de/wp-content/themes/MINTvision/assets/fonts/roboto-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300 700;
font-stretch: 100%;
font-display: swap;
src: url(//mintvision.de/wp-content/themes/MINTvision/assets/fonts/roboto-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}