/* ===== STUDIO CONDÉ — KOMPLETTER CSS-CODE ===== */

/* --- 1 HEADER: Hintergrund weiß --- */
.top_panel,
.top_panel_wrap,
.top_panel .sc_layouts_row,
.sc_layouts_row_fixed_on {
  background-color: #FFFFFF !important;
}

/* --- Hauptmenü schwarz --- */
.top_panel .sc_layouts_menu_nav > li > a,
.top_panel nav.sc_layouts_menu > ul > li > a {
  color: #1A1A1A !important;
}

/* --- Untermenü weiß --- */
.top_panel .sc_layouts_menu_nav ul li a,
.top_panel .sc_layouts_menu ul.sub-menu a {
  color: #FFFFFF !important;
}

/* --- Burger-Icon --- */
.top_panel .sc_layouts_menu_mobile_button,
.top_panel .sc_layouts_menu_mobile_button span,
.top_panel .sc_layouts_item_icon {
  background-color: transparent !important;
  background: none !important;
  box-shadow: none !important;
  color: #1A1A1A !important;
}

/* --- Header-Icons (Lupe) --- */
.top_panel .trx_addons_icon,
.top_panel [class^="icon-"] {
  color: #1A1A1A !important;
}

/* --- 2 GOLD-AKZENT IM HEADER --- */
.top_panel .sc_layouts_menu_nav > li > a:hover,
.top_panel .sc_layouts_menu_nav > li.current-menu-item > a,
.top_panel .sc_layouts_menu_nav > li.current_page_item > a,
.top_panel .sc_layouts_menu_nav > li.current-menu-ancestor > a,
.top_panel .sc_layouts_menu_nav ul li a:hover,
.top_panel .sc_layouts_menu_mobile_button:hover span,
.top_panel .trx_addons_icon:hover,
.top_panel [class^="icon-"]:hover {
  color: #C4A574 !important;
}

/* --- 3 FOOTER: kein weißer Kasten --- */
.footer_wrap .sc_layouts_row,
.footer_wrap .sc_layouts_row_type_normal,
.footer_wrap .sc_layouts_row_type_compact,
footer .sc_layouts_row {
  background-color: transparent !important;
}

/* --- Footer-Menü weiß --- */
.footer_wrap .sc_layouts_menu_nav > li > a,
.footer_wrap .sc_layouts_menu a,
.footer_wrap nav a {
  color: #FFFFFF !important;
}

/* --- Social-Icons weiß --- */
.footer_wrap .socials_wrap .social_item a,
.footer_wrap .socials_wrap .social_item .social_icon,
.footer_wrap .socials_wrap .social_item .social_icon:before {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

/* --- Burger-Icon im Footer --- */
.footer_wrap .sc_layouts_menu_mobile_button,
.footer_wrap .sc_layouts_menu_mobile_button span {
  background-color: transparent !important;
  color: #FFFFFF !important;
}

/* --- Footer: Gold beim Hover --- */
.footer_wrap .sc_layouts_menu_nav > li > a:hover,
.footer_wrap .socials_wrap .social_item a:hover,
.footer_wrap .socials_wrap .social_item:hover .social_icon,
.footer_wrap .sc_layouts_menu_mobile_button:hover span {
  color: #C4A574 !important;
  border-color: #C4A574 !important;
}

/* --- 4 "NACH OBEN"-PFEIL --- */
.trx_addons_scroll_to_top,
#trx_addons_scroll_to_top,
.scroll_to_top {
  background-color: #C4A574 !important;
  color: #FFFFFF !important;
}

.trx_addons_scroll_to_top:hover,
#trx_addons_scroll_to_top:hover,
.scroll_to_top:hover {
  background-color: #1A1A1A !important;
  color: #FFFFFF !important;
}

/* --- 5 BLOG-ELEMENTE AUSBLENDEN --- */
.author_info,
.post_author,
.trx_addons_author_info,
.nav-links-single,
.post_navigation,
.nav-links,
.post_meta_likes,
.trx_addons_post_likes,
.post_counters_likes,
.related_wrap,
.related_posts,
.related_wrap_title,
.trx_addons_related_posts {
  display: none !important;
}/* Projekt- und Beitragstitel in Gold */
.sc_portfolio_item_title,
.sc_portfolio_item_title a,
.sc_services_item_title,
.sc_services_item_title a,
.sc_item_title,
.sc_item_title a,
.post_item .post_title,
.post_item .post_title a {
  color: #C0A080 !important;
}

/* Beim Drüberfahren dunkel */
.sc_portfolio_item_title a:hover,
.sc_services_item_title a:hover,
.post_item .post_title a:hover {
  color: #1A1A1A !important;
}@media (max-width: 767px) {
  .top_panel,
  .top_panel_wrap,
  .top_panel .sc_layouts_row {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}/* Burger unabhängig von der Icon-Schrift */
.top_panel .sc_layouts_menu_mobile_button .sc_layouts_item_icon {
  font-size: 0 !important;
  position: relative !important;
  display: inline-block !important;
  width: 26px !important;
  height: 18px !important;
}

.top_panel .sc_layouts_menu_mobile_button .sc_layouts_item_icon:before,
.top_panel .sc_layouts_menu_mobile_button .sc_layouts_item_icon:after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  width: 26px !important;
  height: 2px !important;
  background-color: #1A1A1A !important;
}

.top_panel .sc_layouts_menu_mobile_button .sc_layouts_item_icon:before {
  top: 0 !important;
  box-shadow: 0 8px 0 #1A1A1A !important;
}

.top_panel .sc_layouts_menu_mobile_button .sc_layouts_item_icon:after {
  top: 16px !important;
}

/* Über-mich-Karussell: ganzes Porträt zeigen */
.elementor-widget-image-carousel .swiper-slide,
.elementor-widget-image-carousel .swiper-slide-image {
  height: auto !important;
}

.elementor-widget-image-carousel .swiper-slide-image,
.elementor-widget-image-carousel .swiper-slide img {
  object-fit: contain !important;
  max-height: 500px !important;
  width: auto !important;
  margin: 0 auto !important;
}.elementor-widget-image-carousel .swiper-slide-image,
.elementor-widget-image-carousel .swiper-slide img {
  object-position: top center !important;
}

/* Alle Überschriften auf die globale Überschriften-Schrift zwingen */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.sc_layouts_title_title,
.entry-title,
.widget_title,
.sc_item_title,
.sc_services_item_title,
.post_title {
  font-family: var(--e-global-typography-primary-font-family), serif !important;
}/* Überschriften nicht innerhalb von Wörtern trennen */
h1, h2, h3, h4,
.elementor-heading-title {
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
}/* Überschriften am Handy: kleiner + gleichmäßiger Umbruch */
@media (max-width: 767px) {
  h1, h2, h3,
  .elementor-heading-title,
  .sc_layouts_title_title {
    font-size: 30px !important;
    line-height: 1.2 !important;
    text-wrap: balance;
    overflow-wrap: break-word;
    hyphens: none;
  }
}

/* "Studio Condé" nie trennen */
.elementor-heading-title {
  white-space: normal;
}@media (min-width: 768px) and (max-width: 1024px) {
  .sc_layouts_menu_mobile_button,
  .menu_mobile_button_wrap {
    display: inline-block !important;
  }
  .sc_layouts_menu_nav {
    display: none !important;
  }
}@media (min-width: 768px) and (max-width: 1024px) {
  .sc_layouts_menu_mobile_button,
  .menu_mobile_button_wrap {
    display: inline-block !important;
  }
  .sc_layouts_menu_nav {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .sc-logo {
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}/* FAQ-Akkordeon: Farben der Fragen */
.e-n-accordion-item-title-text,
.e-n-accordion-item-title-text * {
  color: #3A3A3A !important;
}
.e-n-accordion-item-title:hover .e-n-accordion-item-title-text,
.e-n-accordion-item[open] .e-n-accordion-item-title-text {
  color: #BFA27A !important;
}/* ===== Studio Condé – Footer ===== */

/* 1) Rechtliche Links im Footer weiß */
.footer_wrap a,
.footer_wrap a:visited {
  color: #ffffff !important;
  transition: opacity .2s ease;
}
.footer_wrap a:hover,
.footer_wrap a:focus {
  color: #ffffff !important;
  opacity: .65;
}

/* 2) Social-Links als Icons statt Schrift */
.footer_wrap a[href*="facebook.com"],
.footer_wrap a[href*="instagram.com"],
.footer_wrap a[href*="pinterest."] {
  display: inline-block !important;
  width: 22px;
  height: 22px;
  margin: 0 0 0 16px;
  vertical-align: middle;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background-color: #ffffff;
  -webkit-mask: var(--sc-icon) center / contain no-repeat;
          mask: var(--sc-icon) center / contain no-repeat;
}
.footer_wrap a[href*="facebook.com"] {
  --sc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Cpath d='M15.5 7.5H14a2 2 0 0 0-2 2V21M9.5 12.5h5'/%3E%3C/svg%3E");
}
.footer_wrap a[href*="instagram.com"] {
  --sc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.3' cy='6.7' r='0.9' fill='black' stroke='none'/%3E%3C/svg%3E");
}
.footer_wrap a[href*="pinterest."] {
  --sc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M11.6 7.5l-2.4 11.5M11.6 7.5h1.6a3 3 0 0 1 0 6h-2.5'/%3E%3C/svg%3E");
}

/* =====================================================================
   EINHEITLICHES GOLD – #C0A080 (Elementor-Akzentfarbe) · Stand 02.11.2026
   Gleicht alle Goldtöne der Webseite an. Zum Rückgängigmachen
   diesen ganzen Block bis zum Ende löschen.
   ===================================================================== */

/* 1) Theme-Farben (Links, Hover, Formulare, Projektseiten) */
:root body.scheme_light, :root .scheme_light {
  --theme-color-text_dark: #C0A080;
  --theme-color-text_link: #C0A080;
  --theme-color-text_hover: #C0A080;
  --theme-color-text_link3: #C0A080;
  --theme-color-alter_dark: #C0A080;
  --theme-color-alter_link: #C0A080;
  --theme-color-alter_hover: #C0A080;
  --theme-color-alter_link3: #C0A080;
  --theme-color-extra_link: #C0A080;
  --theme-color-input_bd_hover: #C0A080;
  --theme-color-input_dark: #C0A080;
  --theme-color-inverse_dark: #C0A080;
  --theme-color-text_hover3: #A3876C;
  --theme-color-alter_hover3: #A3876C;
  --theme-color-alter_dark_015: rgba(192,160,128,0.15);
  --theme-color-alter_dark_02: rgba(192,160,128,0.2);
  --theme-color-alter_dark_05: rgba(192,160,128,0.5);
  --theme-color-alter_dark_08: rgba(192,160,128,0.8);
  --theme-color-alter_link_02: rgba(192,160,128,0.2);
  --theme-color-alter_link_07: rgba(192,160,128,0.7);
  --theme-color-extra_link_02: rgba(192,160,128,0.2);
  --theme-color-extra_link_07: rgba(192,160,128,0.7);
  --theme-color-text_dark_003: rgba(192,160,128,0.03);
  --theme-color-text_dark_005: rgba(192,160,128,0.05);
  --theme-color-text_dark_008: rgba(192,160,128,0.08);
  --theme-color-text_dark_015: rgba(192,160,128,0.15);
  --theme-color-text_dark_02: rgba(192,160,128,0.2);
  --theme-color-text_dark_03: rgba(192,160,128,0.3);
  --theme-color-text_dark_05: rgba(192,160,128,0.5);
  --theme-color-text_dark_07: rgba(192,160,128,0.7);
  --theme-color-text_dark_08: rgba(192,160,128,0.8);
  --theme-color-text_link_007: rgba(192,160,128,0.07);
  --theme-color-text_link_02: rgba(192,160,128,0.2);
  --theme-color-text_link_03: rgba(192,160,128,0.3);
  --theme-color-text_link_04: rgba(192,160,128,0.4);
  --theme-color-text_link_07: rgba(192,160,128,0.7);
  --theme-color-text_link3_007: rgba(192,160,128,0.07);
  --theme-color-text_link3_02: rgba(192,160,128,0.2);
  --theme-color-text_link3_03: rgba(192,160,128,0.3);
}

/* 2) Header-Menü: Hover und aktive Seite */
html body .top_panel .sc_layouts_menu_nav > li > a:hover,
html body .top_panel .sc_layouts_menu_nav > li.current-menu-item > a,
html body .top_panel .sc_layouts_menu_nav > li.current_page_item > a,
html body .top_panel .sc_layouts_menu_nav > li.current-menu-ancestor > a,
html body .top_panel .sc_layouts_menu_nav ul li a:hover,
html body .top_panel .sc_layouts_menu_mobile_button:hover span,
html body .top_panel .trx_addons_icon:hover,
html body .top_panel [class^="icon-"]:hover,
html body .sc_layouts_menu_nav > li > a:hover,
html body .sc_layouts_menu_nav > li.current-menu-item > a,
html body .sc_layouts_menu_nav > li.current_page_item > a,
html body .sc_layouts_menu_nav > li.current-menu-ancestor > a,
html body .sc_layouts_menu_nav ul li a:hover,
html body .sc_layouts_menu ul.sub-menu a:hover,
html body .sc_layouts_menu_mobile_button:hover,
html body .sc_layouts_menu_mobile_button:hover span,
html body .sc_layouts_item_icon:hover,
html body .sc_layouts_row .trx_addons_icon:hover,
html body .sc_layouts_row [class^="icon-"]:hover {
  color: #C0A080 !important;
}

/* 3) Footer-Hover und Social-Icons */
html body .footer_wrap .sc_layouts_menu_nav > li > a:hover,
html body .footer_wrap .socials_wrap .social_item a:hover,
html body .footer_wrap .socials_wrap .social_item:hover .social_icon,
html body .footer_wrap .sc_layouts_menu_mobile_button:hover span {
  color: #C0A080 !important;
  border-color: #C0A080 !important;
}

/* 4) Pfeil nach oben */
html body .trx_addons_scroll_to_top,
html body #trx_addons_scroll_to_top,
html body .scroll_to_top {
  background-color: #C0A080 !important;
}
html body .trx_addons_scroll_to_top:hover,
html body #trx_addons_scroll_to_top:hover,
html body .scroll_to_top:hover {
  background-color: #1A1A1A !important;
}

/* 5) Kontaktseite: Überschriften und Buttons */
html body .elementor-34998 .elementor-element.elementor-element-231726cb .elementor-heading-title,
html body .elementor-34998 .elementor-element.elementor-element-1e0f9c37 .elementor-heading-title,
html body .elementor-34998 .elementor-element.elementor-element-39006bcf .elementor-heading-title,
html body .elementor-34998 .elementor-element.elementor-element-30ec4324 .elementor-heading-title {
  color: #C0A080 !important;
}
html body .elementor-34998 .elementor-element.elementor-element-44d87d29 .elementor-button,
html body .elementor-34998 .elementor-element.elementor-element-6d324bd0 .elementor-button {
  background-color: #C0A080 !important;
}

/* 6) Startseite: FAQ-Akkordeon und Icons */
html body .e-n-accordion-item-title:hover .e-n-accordion-item-title-text,
html body .e-n-accordion-item[open] .e-n-accordion-item-title-text {
  color: #C0A080 !important;
}
html body svg .cls-1,
html body svg .cls-2 { stroke: #C0A080; }
html body svg .cls-3 { fill: #C0A080; }

/* 7) Leistungsseite: Trennlinie und Paketbereich (inkl. Schriften) */
html body .elementor-35919 .elementor-element.elementor-element-349361a7 {
  --divider-color: #C0A080 !important;
}
html body .sc-pakete { --sc-gold: #C0A080; font-family: var(--theme-font-p_font-family, Lato, sans-serif); }
html body .sc-pakete h2,
html body .sc-pakete h3,
html body .sc-pakete .sc-price {
  font-family: var(--e-global-typography-primary-font-family, "Cormorant Garamond"), serif !important;
  font-weight: var(--theme-font-h2_font-weight, 400);
  letter-spacing: normal;
  text-transform: none;
}
html body .sc-pakete h4,
html body .sc-pakete .sc-eyebrow,
html body .sc-pakete .sc-num,
html body .sc-pakete .sc-badge,
html body .sc-pakete .sc-btn,
html body .sc-pakete p:not(.sc-price),
html body .sc-pakete li,
html body .sc-pakete .sc-row,
html body .sc-pakete .sc-price small {
  font-family: var(--theme-font-p_font-family, Lato, sans-serif);
}
/* 8) Startseite: geöffnete FAQ-Frage */
html body .elementor-element.elementor-element-5704327 .e-n-accordion-item-title:hover .e-n-accordion-item-title-text,
html body .elementor-element.elementor-element-5704327 .e-n-accordion-item[open] .e-n-accordion-item-title-text {
  color: #C0A080 !important;
}

/* 9) Erstgespräch-Seite: Icons */
html body .elementor-element-1e106b7 svg[stroke]:not([stroke="none"]),
html body .elementor-element-1e106b7 svg [stroke]:not([stroke="none"]),
html body .elementor-element-2b2ff24 svg[stroke]:not([stroke="none"]),
html body .elementor-element-2b2ff24 svg [stroke]:not([stroke="none"]),
html body .elementor-element-4669c23 svg[stroke]:not([stroke="none"]),
html body .elementor-element-4669c23 svg [stroke]:not([stroke="none"]) {
  stroke: #C0A080 !important;
}
/* 10) Buttons im Paketbereich: gleiche Rundung wie die Elementor-Buttons (3 px) */
html body .sc-pakete .sc-btn {
  border-radius: 3px !important;
}
/* ===== Ende EINHEITLICHES GOLD ===== */

/* ===== HEADER-MENÜ GRÖSSER (Projekte, Leistungen, Über mich, Kontakt) ===== */
html body .top_panel .sc_layouts_menu_nav > li > a,
html body .top_panel nav.sc_layouts_menu > ul > li > a {
  font-size: 20px !important;
}

/* ===== STARTSEITE: Untertitel im Hero serifenlos, größer, kräftiger ===== */
html body .elementor-element-1ebbd57 .elementor-heading-title {
  font-family: "Lato", sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  letter-spacing: 2.5px !important;
  line-height: 1.7em !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .25);
}
@media (max-width: 767px) {
  html body .elementor-element-1ebbd57 .elementor-heading-title {
    font-size: 15px !important;
    letter-spacing: 2px !important;
  }
}

/* ===== FLIESSTEXT EINHEITLICH: 15 px, Zeilenhöhe 1.8, Dunkelgrau #4A4A4A ===== */
/* Ausnahme: heller Text auf dunklem Hintergrund (Kontakt 5e75514a) */
html body .page_content_wrap .elementor-widget-text-editor:not(.elementor-element-5e75514a),
html body .page_content_wrap .elementor-widget-text-editor:not(.elementor-element-5e75514a) p,
html body .page_content_wrap .elementor-widget-text-editor:not(.elementor-element-5e75514a) li,
html body .page_content_wrap .elementor-icon-list-text,
html body .page_content_wrap .elementor-icon-box-description,
html body .page_content_wrap .elementor-tab-content,
html body .page_content_wrap .elementor-tab-content p {
  font-size: 15px !important;
  line-height: 1.8em !important;
  color: #4A4A4A !important;
}

/* ===== STARTSEITE: Projekt-Text (Wohnzimmer Währing) zentriert ===== */
html body .elementor-element.elementor-element-eaaea6d {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
html body .elementor-element-eaaea6d,
html body .elementor-element-eaaea6d p {
  text-align: center !important;
}

/* ===== MOBIL: keine automatische Silbentrennung, Wörter bleiben ganz ===== */
@media (max-width: 767px) {
  html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
  html body .elementor-heading-title,
  html body .page_content_wrap p,
  html body .page_content_wrap li {
    -webkit-hyphens: manual !important;
    hyphens: manual !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
  html body h1, html body h2, html body h3, html body h4,
  html body .elementor-heading-title {
    text-wrap: balance;
  }
}
/* ===== MOBIL: Logo im Header zentriert ===== */
@media (max-width: 767px) {
  html body .top_panel .elementor-element-089ecfe > .elementor-widget-wrap,
  html body .top_panel .elementor-element-089ecfe > .elementor-column-wrap > .elementor-widget-wrap {
    justify-content: center !important;
  }
  html body .top_panel .elementor-element.elementor-element-fe05438 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
  }
  html body .top_panel .elementor-element-fe05438 .sc_layouts_logo {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ===== STARTSEITE: "Gutes Design erzählt eine Geschichte" serifenlos, Großbuchstaben, Dunkelgrau ===== */
html body .elementor-element-908d9d0 .elementor-heading-title {
  font-family: "Lato", sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: 4px !important;
  line-height: 1.6em !important;
  color: #4A4A4A !important;
}
@media (max-width: 1024px) {
  html body .elementor-element-908d9d0 .elementor-heading-title {
    font-size: 15px !important;
    letter-spacing: 3px !important;
  }
}

/* ===== FLIESSTEXT: auch Text-Blöcke (div) im Text-Editor in Dunkelgrau (z. B. Über mich) ===== */
html body .page_content_wrap .elementor-widget-text-editor:not(.elementor-element-5e75514a) div {
  font-size: 15px !important;
  line-height: 1.8em !important;
  color: #4A4A4A !important;
}
/* ===== ZWISCHENÜBERSCHRIFTEN im Text-Editor (z. B. "Woher es kommt") kräftiger ===== */
html body .page_content_wrap .elementor-widget-text-editor h4,
html body .page_content_wrap .elementor-widget-text-editor h5,
html body .page_content_wrap .elementor-widget-text-editor h6,
html body .page_content_wrap .elementor-widget-text-editor h4 span,
html body .page_content_wrap .elementor-widget-text-editor h5 span,
html body .page_content_wrap .elementor-widget-text-editor h6 span {
  font-weight: 600 !important;
}

/* ===== ZWISCHENÜBERSCHRIFTEN im Text-Editor größer ===== */
html body .page_content_wrap .elementor-widget-text-editor h4,
html body .page_content_wrap .elementor-widget-text-editor h5,
html body .page_content_wrap .elementor-widget-text-editor h6 {
  font-size: 22px !important;
  line-height: 1.3em !important;
  margin-top: 1.2em !important;
}
html body .page_content_wrap .elementor-widget-text-editor h4 span,
html body .page_content_wrap .elementor-widget-text-editor h5 span,
html body .page_content_wrap .elementor-widget-text-editor h6 span {
  font-size: inherit !important;
}
@media (max-width: 767px) {
  html body .page_content_wrap .elementor-widget-text-editor h4,
  html body .page_content_wrap .elementor-widget-text-editor h5,
  html body .page_content_wrap .elementor-widget-text-editor h6 {
    font-size: 20px !important;
  }
}

/* ===== PROJEKTE: Projekttitel in den Karten größer und kräftiger ===== */
html body .elementor-widget-trx_sc_portfolio .post_title,
html body .elementor-widget-trx_sc_portfolio .post_title a {
  font-size: 26px !important;
  font-weight: 600 !important;
  line-height: 1.25em !important;
}
@media (max-width: 767px) {
  html body .elementor-widget-trx_sc_portfolio .post_title,
  html body .elementor-widget-trx_sc_portfolio .post_title a {
    font-size: 22px !important;
  }
}


/* ===== MOBIL: Header verdeckt keinen Seiteninhalt mehr (Stand 03.11.2026) =====
   Das Theme legt den Header über den Inhalt ("header_position_over").
   Am Handy ist der Header so hoch, dass Überschrift und erster Absatz dahinter verschwinden.
   Hier steht er stattdessen über dem Inhalt. Zum Rückgängigmachen diesen Block löschen. */
@media (max-width: 767px) {
  html body.header_position_over .top_panel {
    position: relative !important;
  }
}

/* ===== RATGEBER-ARTIKEL (Blogbeiträge): Text und Tabellen im Studio-Stil ===== */
html body.single-post .post_content p,
html body.single-post .post_content li,
html body.single-post .post_content td {
  font-size: 15px !important;
  line-height: 1.8em !important;
  color: #4A4A4A !important;
}
html body.single-post .post_content table th {
  background: #C0A080 !important;
  color: #fff !important;
  font-family: "Lato", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
html body.single-post .post_content table td {
  border-color: rgba(192,160,128,.35) !important;
}
html body.single-post .post_content a {
  color: #C0A080 !important;
  text-decoration: underline;
}

/* ===== STARTSEITE: drei weiße Kästen – Überschriften kräftiger, Buttons gold ===== */
html body .elementor-element-6fc13b1 .elementor-icon-box-title,
html body .elementor-element-6fc13b1 .elementor-icon-box-title a,
html body .elementor-element-6fc13b1 .elementor-icon-box-title span {
  font-size: 27px !important;
  font-weight: 600 !important;
  line-height: 1.2em !important;
}
@media (max-width: 767px) {
  html body .elementor-element-6fc13b1 .elementor-icon-box-title,
  html body .elementor-element-6fc13b1 .elementor-icon-box-title a,
  html body .elementor-element-6fc13b1 .elementor-icon-box-title span {
    font-size: 25px !important;
  }
}
html body .elementor-element-6fc13b1 .elementor-button {
  background-color: #C0A080 !important;
  border-color: #C0A080 !important;
  color: #FFFFFF !important;
}
html body .elementor-element-6fc13b1 .elementor-button .elementor-button-text {
  color: #FFFFFF !important;
}
html body .elementor-element-6fc13b1 .elementor-button:hover {
  background-color: #A98B6C !important;
  border-color: #A98B6C !important;
  color: #FFFFFF !important;
}