/* ================================
   MVZ im Rheingau – CI Overrides
   Datei: mvz-ci-overrides.css
   Nach dem Template-CSS einbinden
   ================================ */

/* 1) CI-Variablen (Logo-Farben) */
:root{
  /*--ci-primary:  #033d23;*/ /* Logo-Grün (Haupt) */
  --ci-primary:  #114232; /* Logo-Grün (Haupt) */
  --ci-primary-700: #042c1a; /* dunkler */
  --ci-secondary: #046c3a;   /* heller für Hover/Flächen */
  --ci-text:     #223645;    /* bestehende gute Lesefarbe im Template */
  --ci-bg-light: #e9f3ef;    /* sanftes, leicht grünliches Hell */
  --ci-white:    #ffffff;
  --ci_dark_green: #114232;
  --ci_mint: #cfecc4;
  --ci_grey: #c8c8c7;
}

/* 2) Grundfarben/Links/Text */
body{
    color: var(--ci-text) !important;
    font-family: 'Roboto', sans-serif;
}
a{ color: var(--ci-primary) !important; }
a:hover{ color: var(--ci-secondary) !important; }

/* 3) Buttons/CTAs (ersetzen Rot -> Grün) */
a.cbtn, button.cbtn, input.cbtn,
a.cta__btn, button.cta__btn,
a.action__btn3,
.emergency__btn__group a,
.single__price.active a.price__btn,
.contacts__wrap .contact__news,
.single__service__wrap .single__service__counter:hover{
  background: var(--ci-primary) !important;
  border-color: var(--ci-primary) !important;
  color: var(--ci-white) !important;
}
a.cbtn:hover, button.cbtn:hover, input.cbtn:hover,
a.cta__btn:hover, button.cta__btn:hover,
.emergency__btn__group a:hover{
  background: var(--ci-secondary) !important;
  border-color: var(--ci-secondary) !important;
  color: var(--ci-white) !important;
}

/* Primär-Outline-Button (falls vorhanden) */
a.action__btn{
  border-color: var(--ci-white) !important;
  color: var(--ci-white) !important;
}
a.action__btn:hover{
  background: var(--ci-white) !important;
  color: var(--ci-primary) !important;
}

/* 4) Gradients (Blau -> Grün-Verlauf) */
.gradient2__btn,
a.gradient2__btn{
  background: linear-gradient(90deg, var(--ci-secondary) 0%, var(--ci-primary) 100%) !important;
  color: var(--ci-white) !important;
}
.gradient3__btn,
a.gradient3__btn{
  background: linear-gradient(90deg, var(--ci-primary) 0%, var(--ci-primary-700) 100%) !important;
  color: var(--ci-white) !important;
}
.v2gradient__text{
  background: linear-gradient(90deg, var(--ci-secondary) 0%, var(--ci-primary) 100%) !important;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 5) Sektionen & Banner */
.welcome__inner__area.banner-solid{
  background: var(--ci-primary) !important;
}
.theme__bg3::after, /* ehemals rot */
.add, .emergency__btn__group{
  background: var(--ci-primary) !important;
}
.feature__area2::after{ /* ehemals blau halbtransparent */
  background: var(--ci-secondary) !important;
  opacity: .3 !important;
}

/* 6) Formulare/Fokus/Hervorhebungen */
.contact-form input:focus,
.contact-form textarea:focus,
.comment_form input:focus,
.comment_form textarea:focus,
.appoinment__form input,
.appoinment__form select,
.appoinment__form textarea{
  border-color: var(--ci-primary) !important;
  box-shadow: 0 0 0 0 transparent !important;
}
.widget_calendar td#today{
  background: var(--ci-primary) !important;
  color: var(--ci-white) !important;
}

/* 7) Tags/Badges/Linien (Rot -> Grün) */
.blog-page-social.tags li,
.page__link,
.single-blog-section-author li i,
.single__feature:hover .single__feature__text h4,
.single_comment h4{
  border-color: var(--ci-primary) !important;
  color: var(--ci-primary) !important;
}
.feature2__email{ border-left: 3px solid var(--ci-primary) !important; }
.feature2__email.v1{ border-left-color: var(--ci-primary) !important; }

/* 8) Template-Grün (#82b44x) angleichen (Buttons etc.) */
a.subscribe__btrn,
.emergency__btn__group a:last-child{
  background: var(--ci-secondary) !important;
  border-color: var(--ci-secondary) !important;
  color: var(--ci-white) !important;
}

/* 9) Helle Flächen (bläuliche BGs -> CI-Light) */
.theme__bg2::after,
.bgv2, .bgv22,
.about2__form__wrap,
.appoinment__form,
.single__service2__content{
  background: var(--ci-bg-light) !important;
}
.blog-page-social li a:hover{ color: var(--ci-primary) !important; }

/* 10) Sonstiges – rote Akzente neutralisieren */
.single__quote,
.single__blog:after,
a.team_link{
  background: var(--ci-primary) !important;
  filter: drop-shadow(0 8px 8px rgba(3,61,35,0.3)) !important;
}

div.logo a.logo img {
    max-height: 100px;
    padding: 15px;
}

.contact__single__details__content li a {
    color: var(--ci-text) !important;
}
.contact__single__details__content li a .fa-instagram,
.contact__single__details__content li a .fa-facebook {
    color: var(--ci-white) !important;
}

/*Farbanpassungen*/
.header__area2{
    background-color: var(--ci_dark_green) !important;
    color: var(--ci-white) !important;
}
.header__area2 .main-menu ul li a, .single__top2__contact h6 {
    color: var(--ci-white) !important;
}

.heading__top1 {
    color: var(--ci_dark_green) !important;
}

a.cbtn3::after {
    background: var(--ci_mint) !important;
}

h2:hover {
    color: var(--ci_mint) !important;
}

.contact__single__details__content h5,
.contact__single__details__content h5 a{
    color: #aebecb !important;
}

.footer__area .widget-title, .footer__area .widget ul li.menu-item a {
    color: var(--ci_dark_green) !important;
}
.theme__bg1::after {
    background-color: var(--ci_mint) !important;
}

.elementor-249 .elementor-element.elementor-element-161811a .heading.heading2 .style4 {
    color: var(--ci_dark_green) !important;
}
.footer__copyright__area {
    background-color: var(--ci_dark_green) !important;
    color: var(--ci-white) !important;
}

body {
    background-color: var(--ci_dark_green) !important;
}

.elementor.elementor-249, .qomodo-full-width-content {
    background: var(--ci-white);
}

.welcome__inner__area.style1 {
    margin-top: 0;
}


/*Leistungen*/
.single__service2 .single__service2__title h3 a {
    font-size: 22px !important;
}
.single__service3__hover {
    background: none !important;
    display: none !important;
}
.single__service3 {
    border-color: var(--ci_mint) !important;
}

/*Footer*/
.footer__area a {
    color: var(--ci-white) !important;
}
.footer__area a:hover {
    color: var(--ci_mint) !important;
}

.footer__area ul.footer__social li a:hover {
    background: var(--ci_mint);
}

/*Formulare*/
#wpcf7-f1640-o1 .wpcf7-form-control-wrap::after,
#wpcf7-f1640-p1641-o1 .wpcf7-form-control-wrap::after,
#wpcf7-f1650-p1651-o1 .wpcf7-form-control-wrap::after,
#wpcf7-f1650-o1 .wpcf7-form-control-wrap::after
{
    display: none;
}

.single__service__counter {
    display: none !important;
}

#wpcf7-f1640-o1 .wpcf7-submit,
#wpcf7-f1640-p1641-o1 .wpcf7-submit,
#wpcf7-f1650-p1651-o1 .wpcf7-submit,
#wpcf7-f1887-p1888-o1 .wpcf7-submit,
#wpcf7-f1650-o1 .wpcf7-submit {
    background: var(--ci_dark_green) !important;
    color: var(--ci-white) !important;
    border: none !important;
    padding: 15px 30px;
    width: auto;
}

.contacts__wrap .contact__contact{
    background: none;

}

.elementor-widget-mediguss-contact-button .contact__content {
    padding-top: 50px;
}

.contact__buttons .btn_one {
    height: 55px;
    color: var(--ci-primary) !important;
    background: var(--ci-white) !important;
    border: none !important;
    padding: 15px 30px;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}

.elementor-249 .elementor-element.elementor-element-10f008c .contacts__wrap .single__contact::before {
    background-image: none !important;
}
.contacts__wrap .single__contact.contact__time::after {
    background: none !important;
}

.contacts__wrap .contact__title h3 {
    color: var(--ci-white) !important;
}
.contact__content h6 {
    overflow: auto;
}

.contact3__area .contact__content h6:hover,
.contact__single__details__content h5:hover
{
    color: var(--ci-white) !important;
}

.qomodo-main-container.blog {
    background: var(--ci-white) !important;
    padding-top: 50px;
}

.heading.heading2.welcome__text h1 {
 font-size: 63px !important;
    line-height: 1.2em !important;
    margin-bottom: 20px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
}

/*Mobile*/



.stellarnav.light .menu-toggle span.bars span {
    background: var(--ci-white) !important;
}

.elementor-249 .elementor-element.elementor-element-5fd03ac .contacts__wrap .single__contact {
    height: auto !important;
}

/*Leistungen attest buttons*/
@media only screen and (max-width: 767px) {
    .menu__area2 {
        background: var(--ci_dark_green) !important;
    }

    .elementor-element-98e09c5 .elementor-widget-container,
    .elementor-element-b6fd223 .elementor-widget-container {
        text-align: left !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .menu__area2 {
        background: var(--ci_dark_green) !important;
    }
}