:root {
    /* Farbschema 1 */
	--burger-color: #5a8b84; /* Farbe der Burger-Menü-Striche */
	--fullscreen-menu: #fff; /* Hintergrund Menu offen */
	--menu-links: #5A8B84; /* Menu Links */
	--menu-links-hover: #A1D8D0; /* Menu Links */
	--menu-links-current: #A1D8D0; /* Menu Links */
	--menu-links-border: rgba(161,216,208,0.25); /* Menu Links */
	--background-color: #fff; /* Weiß */
	--background-color-footer: rgba(161, 216, 208, 0.5); /* mint hell */
	--bg-2: rgba(161,216,208,0.1); /* white light */
    --text-color: rgb(0 0 0 / 75%); /* Teal */
	--text-strong-color: rgb(0 0 0 / 75%); /* dunkel teal */
    --heading-color-h1:  #5A8B84; /* MINT Green */
    --heading-color-hand: #A1D8D0; /* auch Footer */
    --heading-color: #5A8B84; /* Teal Green */
    --heading-color-light: #A1D8D0; /* MINT */
    --heading-color-dark: #5A8B84; /* MINT */
    --link-color: #5A8B84; /* Teal Green */
    --link-hover-color: #A1D8D0; /* MINT */
    --link-color-footer: #5A8B84; /* Teal Green */
    --button-text-color: #fff; /* MINT light */
	--button-text-color-hover: #fff; /* Teal */
    --button-bg: #5A8B84; 
    --button-bg-hover: #A1D8D0; /* MINT */
	--button-kontakt-bg: #5A8B84; /* Teal */
	--button-kontakt-bg-hover: #A1D8D0; /* teal dark */
    --button-kontakt-text-color: #fff; /* white */
    --button-kontakt-text-color-hover: #fff; /* white */
}
/*Logo Farbanpassung */
.et-l--header .et_pb_image .et_pb_image_wrap img[src*=".svg"] {
    width: auto!important;
    filter: brightness(1)!important;
}
/* Striche des Burger-Menüs */
.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); /* Farbe der Striche */
    opacity: 1!important;
}
/* Fullscreen Menu Style when Opened */
.de-burger-menu .opened #mobile_menu1,
.de-menu-bg-container {
	background-color:var(--fullscreen-menu)!important;
}
/* X */
.de-burger-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
	color:var(--menu-links)!important;
}
/* Fullscreen Menu Links */
.et_pb_menu_0_tb_header.et_pb_menu ul li a{
    color: var(--menu-links)!important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li a:hover, .de-burger-menu #mobile_menu1 li a:hover {
    color: var(--menu-links-hover)!important;
	background-color:transparent!important;
}
.logo-im-menu:hover {
    filter: brightness(1); /* Erhöht die Helligkeit um 50% */
    }
/* Fullscreen Menu Links Current */
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.current_page_item a,
.et_pb_menu_0_tb_header.et_pb_menu ul li.menu-item.current-menu-item a   {
    color: var(--menu-links-current)!important;
}
/* Fullscreen Menüpunkte Border */
.de-burger-menu #mobile_menu1 li a {
	border-color: var(--menu-links-border)!important;
}
.de-burger-menu #mobile_menu1 li:first-child a {
	border: none!important;
}
/* Hintergrundfarbe der gesamten Seite */
body {
    background-color: var(--background-color);
}
/* Hintergrundfarbe Footer*/
.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;
}
/* Bodytext*/
p {
    color: var(--text-color);
}
p strong {
    color: var(--text-strong-color)!important;
}
/* Hauptüberschriften */
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;
}
/* Links */
a, a strong {
    color: var(--link-color)!important;
}
a:hover,
.et_pb_text_inner a:hover,
a:hover strong {
  color: var(--link-hover-color) !important;
}
/*Vertikaler Kontakt BUTTON */
.et_pb_button.kontakt, .dsm_button_0_tb_footer.dsm_button {
	background-color: var(--button-kontakt-bg)!important;
	color: var(--button-kontakt-text-color)!important;
}
.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;
}
/*BUTTONS */
.et_pb_button_module_wrapper.et_pb_module > a, .button-grid a {
	background-color: var(--button-bg)!important;
	color: var(--button-text-color)!important;
}
.et_pb_button_module_wrapper.et_pb_module > a:hover, .button-grid a:hover {
	color: var(--button-text-color-hover)!important;
	background-color: var(--button-bg-hover)!important;
}
/*BUTTONS Ende */
/* Startseite - Gallerie Bilder desaturiert */
.dipi_image_showcase.desaturate-bg::before,
.et_pb_image.desaturate-bg::before {
  background: none !important;
  filter: none!important;
  opacity: 1!important;
  mix-blend-mode: normal!important;
}
/* Startseite - Gallerie Bilder desaturiert END */
/*BRAND DESIGN*/
.markenentwicklung img {
	background-color: rgba(239, 239, 239, 0.4)!important;
}
.bg-2 {
    background-color: var(--bg-2)!important;
}
.et-pb-icon {
    color: var(--button-bg)!important;
}
/* Aufhellung einzelner Logo-Bilder */
.swiper-slide-container[style*="Logoentwicklung-Hamburg-Deutschland_MiamiHouseSchrift_MINTvision.svg"],
.swiper-slide-container[style*="Logoentwicklung-Hamburg-Deutschland_MiamiHouse2_MINTvision-2.svg"],
.swiper-slide-container[style*="Logoentwicklung-Hamburg-Deutschland_logo-IT-Wendel2_MINTvision.svg"]{
  filter: none!important;
  mix-blend-mode: normal!important;
 opacity:1!important;
}
.swiper-slide-container[style*="Logoentwicklung-Hamburg-Deutschland_FLUORAschrift_MINTvision.svg"],
.swiper-slide-container[style*="Fluora-Logo-CMYK.svg"],
.swiper-slide-container[style*="Logoentwicklung-Hamburg-Deutschland_lieblingszeit_MINTvision.svg"] {
  filter:none!important;
  mix-blend-mode:normal!important;
 opacity:1!important;
}
/* Invertierung dunkler Logo-svgs */
.swiper-slide-container[style*="Mintvision-brand-design-deutschland-hamburg_logoentwicklung-ferienwohnungen.svg"],
.swiper-slide-container[style*="Logoentwicklung-Hamburg-Deutschland_joerg-pilawa_MINTvision.svg"],
.swiper-slide-container[style*="Logoentwicklung-Hamburg-Deutschland_FLUORA2_MINTvision-1.svg"] {
filter: none !important;
}
/* LOGO-AUSTAUSCH-Woscim */
/* ==== Hauptbild (Galerie-Bild groß) ersetzen ==== */
.logo-woscim .swiper-slide-container {
  background-image: url('https://mintvision.de/wp-content/uploads/2025/05/logoentwicklung-hamburg-deutschland-woscim_mintvision.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.logo-woscim img {
  display: none !important;
}
/* Altes Thumbnail ausblenden (identifizierbar über alte Bild-URL) */
.dipi-image-gallery-thumbs .swiper-slide .swiper-slide-container[style*="woscim_mintvision.svg"] {
  display: none !important;
}
/* Neues Thumbnail gezielt ansprechen über .swiper-slide[data-swiper-slide-index="9"] */
.dipi-image-gallery-thumbs .swiper-slide[data-swiper-slide-index="9"] .swiper-slide-container {
  display: block !important;
  background-image: url('https://mintvision.de/wp-content/uploads/2025/05/logoentwicklung-hamburg-deutschland-woscim_mintvision.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
/* Bild im neuen Thumbnail sicher ausblenden */
.dipi-image-gallery-thumbs .swiper-slide[data-swiper-slide-index="9"] .swiper-slide-container img {
  display: none !important;
}
/* LOGO-AUSTAUSCH-Woscim ENDE */
/* LOGO-AUSTAUSCH-Miami */
/* ==== Hauptbild (Galerie-Bild groß) ersetzen ==== */
.logo-miami .swiper-slide-container {
  background-image: url('https://mintvision.de/wp-content/uploads/2024/09/Logoentwicklung-Hamburg-Deutschland_MiamiHouseSchrift_MINTvision.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
opacity:0.85!important;
	width:unset!important;
}
.logo-miami img {
  display: block !important;
}
/* Altes Thumbnail ausblenden (identifizierbar über alte Bild-URL) */
.dipi-image-gallery-thumbs .swiper-slide .swiper-slide-container[style*="MiamiHouseSchrift_MINTvision.svg"] {
  display: block !important;
}
/* Neues Thumbnail gezielt ansprechen über .swiper-slide[data-swiper-slide-index="9"] */
.dipi-image-gallery-thumbs .swiper-slide[data-swiper-slide-index="0"] .swiper-slide-container {
  display: block !important;
  background-image: url('https://mintvision.de/wp-content/uploads/2024/09/Logoentwicklung-Hamburg-Deutschland_MiamiHouseSchrift_MINTvision.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
/* Bild im neuen Thumbnail sicher ausblenden */
.dipi-image-gallery-thumbs .swiper-slide[data-swiper-slide-index="0"] .swiper-slide-container img {
  display: none !important;
}
/* LOGO-AUSTAUSCH-Miami ENDE */

/* SOCIAL MEDIA MANAGEMENT */
.dipi_floating_multi_images_child_0 span.et-pb-icon.dipi-fi-icon, .dipi_floating_multi_images_child_1 span.et-pb-icon.dipi-fi-icon, .dipi_floating_multi_images_child_2 span.et-pb-icon.dipi-fi-icon, .dipi_floating_multi_images_child_3 span.et-pb-icon.dipi-fi-icon, .dipi_floating_multi_images_child_4 span.et-pb-icon.dipi-fi-icon, .dipi_floating_multi_images_child_5 span.et-pb-icon.dipi-fi-icon, .dipi_floating_multi_images_child_6 span.et-pb-icon.dipi-fi-icon {
    color: var(--heading-color-h1)!important;
}

/* ===============================
   UMFRAGEN & POPUP-HINTERGRUND
   =============================== */
.pum-container,
.pum-theme-enterprise-blue .pum-container {
    background-color: var(--background-color) !important;
}
.pum-content + .pum-close {
    background-color: var(--heading-color-h1) !important;
}
/* ===============================
   FORMULARÜBERSCHRIFTEN & LABELS
   =============================== */
/* Abschnittstitel, Popuptitel, Standard-Labels */
.wpforms-field.section-divider label,
.pum-title,
label.wpforms-field-label {
    color: var(--heading-color-h1) !important;
    font-weight: bold !important;
}

/* Standardfarbe für Labels, Checkbox-Beschriftungen & Inline-Labels */
div.wpforms-container-full .wpforms-field-label,
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input + label,
div.wpforms-container-full .wpforms-field-label-inline {
    color: var(--text-color) !important;
}

/* ===============================
   FEHLERMELDUNGEN & PFLICHTFELDER
   =============================== */
div.wpforms-container-full .wpforms-form em.wpforms-error,
div.wpforms-container-full .wpforms-required-label {
    color: #663f40 !important;
}

/* Fehlermeldungssymbol (z. B. roter Punkt vor dem Text) */
div.wpforms-container-full .wpforms-form em.wpforms-error:before {
    background-color: var(--heading-color-h1) !important;
}

/* ===============================
   SUBMIT-BUTTON STYLING
   =============================== */
/* Padding für den Button */
div.wpforms-container-full button[type="submit"] {
    padding: 0 10px 4px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Fokus- & Aktivzustände des Buttons (inkl. alternative Selektoren) */
div.wpforms-container-full button[type="submit"]:focus,
div.wpforms-container-full button[type="submit"]:active,
.wpforms-submit:focus,
.wpforms-submit:active,
div.wpforms-container-full button[type="submit"]:focus:after {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Standardfarbe, aktiv & für .pum-close */
div.wpforms-container-full button[type="submit"]:not(:hover):not(:active),
div.wpforms-container-full button[type="submit"]:active,
.pum-close,
div.wpforms-container-full input[type="radio"]:checked:after {
    background-color: var(--button-bg) !important;
}

/* Hover-Zustand */
div.wpforms-container-full button[type="submit"]:hover {
    background-color: var(--button-bg-hover) !important;
}

/* ===============================
   FORMULARFELDER: FOKUS-EFFEKT
   =============================== */
/* Rahmenfarbe bei Fokus */
div.wpforms-container-full input:focus,
div.wpforms-container-full textarea:focus,
div.wpforms-container-full select:focus {
    border-color: var(--button-bg) !important;
    box-shadow: none !important;
}

/* ===============================
   CHECKBOXEN & RADIO-BUTTONS
   =============================== */
/* Standardrahmen im Normalzustand */
div.wpforms-container-full input[type="checkbox"]:before,
div.wpforms-container-full input[type="radio"]:before {
    border-color: var(--button-bg) !important;
    box-shadow: none !important;
}

/* Checkbox – Häkchen aktiviert */
div.wpforms-container-full input[type="checkbox"]:checked:after {
    border-color: var(--button-bg) !important;
}

/* Ggf. überflüssig – für globale After-Elemente */
div.wpforms-container-full input:after {
    border-color: var(--button-bg) !important;
}

/* Radiobutton – innerer Punkt & äußerer Rahmen */
div.wpforms-container-full input[type="radio"]:checked:after {
    background-color: var(--button-bg) !important;
    border-color: var(--text-strong-color) !important;
}
/* Datenschutz p */
div.wpforms-container-full .wpforms-field-description, div.wpforms-container-full .wpforms-field-limit-text, .wp-core-ui div.wpforms-container-full .wpforms-field-description, .wp-core-ui div.wpforms-container-full .wpforms-field-limit-text {
    color: var(--text-color)!important;
font-weight: normal!important;
}
/* WEBDESIGN UMFRAGE BESTÄTIGUNG */
.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: transparent !important;
    border:none!important;
}