/*  Theme Name: Hello Elementor Child
    Author: Forazi Tech
	Author URI: https://forazitech.com/
	Template: hello-elementor
	Version: 1.0.0
*/

/* =====================================================================
   Lichtmalerei - Verena Raugna Fotografie
   Design, Entwicklung & technische Umsetzung:
   IT-Solutions by Stefan Regenfelder | IT-Villach
   (c) IT-Solutions by Stefan Regenfelder | IT-Villach - Alle Rechte vorbehalten
   Web: https://www.it-villach.at
   ===================================================================== */


/* === Globaler Button-Stil: ueberall wie auf der Startseite (gruen + weiss) === */
.elementor-button,
.elementor-button:visited,
.elementor-widget-button .elementor-button,
.elementor-field-type-submit .elementor-button {
    background-color: #A2A892 !important;
    border-color: #A2A892 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.elementor-button:hover,
.elementor-button:focus,
.elementor-widget-button .elementor-button:hover,
.elementor-field-type-submit .elementor-button:hover {
    background-color: #8E9A7D !important;
    border-color: #8E9A7D !important;
    color: #ffffff !important;
}
.elementor-button .elementor-button-icon,
.elementor-button i,
.elementor-button svg { color: #ffffff !important; fill: #ffffff !important; }

/* Footer creme: dunkle Links */
footer.elementor-location-footer a,
footer.elementor-location-footer .elementor-icon-list-text {
    color: #65666A !important;
    transition: color .25s ease;
}
footer.elementor-location-footer a:hover,
footer.elementor-location-footer .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #C1A881 !important;
}

/* Cookie Widerruf-Button (im Datenschutz-Shortcode) gruen */
#cookie-notice .cn-revoke-cookie,
.cn-revoke-cookie {
    background-color: #A2A892 !important;
    color: #ffffff !important;
    border: none !important;
}

/* Leistungen: Fliesstext schwarz, Button-Schrift weiss erzwingen */
.page-id-23 .elementor-widget-text-editor,
.page-id-23 .elementor-widget-text-editor p,
.page-id-23 .elementor-widget-text-editor li {
    color: #000000 !important;
}
.elementor-button,
.elementor-button *,
.elementor-button span,
.elementor-button .elementor-button-text {
    color: #ffffff !important;
}

/* Portfolio-Dropdown-Box olive + weisse Schrift */
.elementor-nav-menu .sub-menu,
.elementor-nav-menu--dropdown,
.elementor-nav-menu__container .sub-menu,
ul.sub-menu {
    background-color: #A2A892 !important;
}
.elementor-nav-menu .sub-menu a,
.elementor-nav-menu--dropdown a,
ul.sub-menu a,
.elementor-nav-menu .sub-menu .elementor-item {
    color: #ffffff !important;
}

/* Leistungen Kartentext schwarz (verstaerkt) */
.page-id-23 .elementor-widget-text-editor,
.page-id-23 .elementor-widget-text-editor p,
.page-id-23 .elementor-widget-text-editor span,
.page-id-23 .elementor-widget-text-editor div {
    color: #000000 !important;
}

/* Studio-Schlagwoerter gleichmaessig in 3 gleiche Drittel verteilen */
.elementor-element-8a1f30f > .elementor-element {
    flex: 1 1 0 !important;
    text-align: center !important;
}

/* Studio-Schlagwoerter: korrekter Selektor fuer gleiche Drittel */
.elementor-element-8a1f30f .e-con-inner > .elementor-widget-heading,
.elementor-element-8a1f30f .elementor-widget-heading {
    flex: 1 1 0 !important;
    text-align: center !important;
}

/* Leistungen-Kartenbilder fuellen die volle Kartenhoehe (keine graue Luecke unten) */
.elementor-23 .e-con-inner > .elementor-widget-image,
.elementor-23 .e-con-inner > .elementor-widget-image > .elementor-widget-container,
.elementor-23 .e-con-inner > .elementor-widget-image > .elementor-widget-container > a,
.elementor-23 .e-con-inner > .elementor-widget-image img {
    height: 100% !important;
}
.elementor-23 .e-con-inner > .elementor-widget-image img {
    object-fit: cover !important;
}

/* Leistungen-Kartenbilder: volle Hoehe (breiterer Selektor) */
.elementor-23 .elementor-widget-image { align-self: stretch !important; }
.elementor-23 .elementor-widget-image,
.elementor-23 .elementor-widget-image > .elementor-widget-container,
.elementor-23 .elementor-widget-image > .elementor-widget-container > a,
.elementor-23 .elementor-widget-image > .elementor-widget-container > a > img,
.elementor-23 .elementor-widget-image > .elementor-widget-container > img {
    height: 100% !important;
    display: block;
}
.elementor-23 .elementor-widget-image img { object-fit: cover !important; }

/* img selbst auf volle Hoehe (direkter Selektor) */
.elementor-23 .elementor-widget-image img { height: 100% !important; object-fit: cover !important; }
.elementor-23 .elementor-widget-image a,
.elementor-23 .elementor-widget-image figure { height: 100% !important; display: block; }

/* Studio-Schlagwoerter: Text im Drittel zentrieren (Titel-Ebene) */
.elementor-element-8a1f30f .elementor-widget-heading .elementor-heading-title {
    text-align: center !important;
}

/* Studio-Schlagwoerter-Balken: Inhalt voll breit -> 3 Woerter immer gleichmaessig verteilt */
.elementor-element-8a1f30f > .e-con-inner {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 4% !important;
    padding-right: 4% !important;
}

/* Studio-Trennstriche exakt auf die Spaltengrenze (mittig zwischen den Woertern) */
.elementor-element-8a1f30f .elementor-widget-heading::after {
    left: auto !important;
    right: 0 !important;
}

/* Mobile: Studio-Schlagwoerter sauber untereinander (statt 3 enge Spalten) */
@media (max-width: 767px) {
    .elementor-element-8a1f30f > .e-con-inner {
        flex-direction: column !important;
        gap: 14px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .elementor-element-8a1f30f .elementor-widget-heading { flex: none !important; width: 100% !important; }
    .elementor-element-8a1f30f .elementor-widget-heading::after { display: none !important; }
}

/* Header-Menue bei mittlerer Breite einzeilig halten (kein Umbruch) */
@media (min-width: 768px) and (max-width: 1366px) {
    .elementor-element-1d772e9 .elementor-nav-menu,
    .elementor-element-eefadbb .elementor-nav-menu {
        flex-wrap: nowrap !important;
    }
    .elementor-element-1d772e9 .elementor-nav-menu .elementor-item,
    .elementor-element-eefadbb .elementor-nav-menu .elementor-item {
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 15px !important;
        white-space: nowrap !important;
    }
}