/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 08 2026 | 19:17:49 */
/* TRIALOG Markenschriften - lokal ausgeliefert, keine Verbindung zu Google */
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://www.trialog-makler.de/wp-content/uploads/elementor/google-fonts/fonts/kumbhsans-efc7d560.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://www.trialog-makler.de/wp-content/uploads/elementor/google-fonts/fonts/kumbhsans-3d461b7d.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;
}
@font-face {
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://www.trialog-makler.de/wp-content/uploads/elementor/google-fonts/fonts/bodonimoda-fe1b7ee5.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://www.trialog-makler.de/wp-content/uploads/elementor/google-fonts/fonts/bodonimoda-e5836180.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;
}
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://www.trialog-makler.de/wp-content/uploads/elementor/google-fonts/fonts/bodonimoda-3c1fe842.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://www.trialog-makler.de/wp-content/uploads/elementor/google-fonts/fonts/bodonimoda-539118e5.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;
}

/* Die Seiten-Inline-Bloecke (.tlgx-*) setzen diese beiden Variablen noch auf die
   alten Standardschriften. Sie sind auf 7 Seiten dupliziert; bis das aufgeraeumt
   ist, werden sie hier zentral auf die Markenschriften gezogen. */
:root {
  --tlgx-serif: 'Bodoni Moda', serif !important;
  --tlgx-sans: 'Kumbh Sans', sans-serif !important;
}

/* Header: Rufnummer ist das primaere Element, Partner-Login das sekundaere.
   Nur die Hauptnavigation - im Mobilmenue bleiben beide normale Eintraege. */
.elementor-nav-menu--main .tlgx-phone > a.elementor-item {
  border: 1px solid rgba(255,255,255,.85) !important;
  background: rgba(255,255,255,.10) !important;
  padding: 11px 20px !important;
  font-size: 13px !important;
  letter-spacing: 1.5px !important;
  font-weight: 700 !important;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease;
}
.elementor-nav-menu--main .tlgx-phone > a.elementor-item:hover,
.elementor-nav-menu--main .tlgx-phone > a.elementor-item:focus-visible {
  background: #fff !important;
  color: #17264A !important;
}
.elementor-nav-menu--main .tlgx-login > a.elementor-item {
  border: 0 !important;
  background: transparent !important;
  padding: 11px 10px !important;
  font-size: 10px !important;
  opacity: .7;
}
.elementor-nav-menu--main .tlgx-login > a.elementor-item:hover { opacity: 1; }

/* Header: Rufnummer ist das primaere Element, Partner-Login das sekundaere.
   Nur die Hauptnavigation - im Mobilmenue bleiben beide normale Eintraege. */
.elementor-nav-menu--main .tlgx-phone > a.elementor-item {
  border: 1px solid rgba(255,255,255,.85) !important;
  background: rgba(255,255,255,.10) !important;
  padding: 11px 20px !important;
  font-size: 13px !important;
  letter-spacing: 1.5px !important;
  font-weight: 700 !important;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease;
}
.elementor-nav-menu--main .tlgx-phone > a.elementor-item:hover,
.elementor-nav-menu--main .tlgx-phone > a.elementor-item:focus-visible {
  background: #fff !important;
  color: #17264A !important;
}
.elementor-nav-menu--main .tlgx-login > a.elementor-item {
  border: 0 !important;
  background: transparent !important;
  padding: 11px 10px !important;
  font-size: 10px !important;
  opacity: .7;
}
.elementor-nav-menu--main .tlgx-login > a.elementor-item:hover { opacity: 1; }
/* Partner-Login hat einen negativen Aussenabstand (-36px), der die Rufnummer
   sonst ueberlappt — hier neutralisiert. */
.elementor-nav-menu--main .tlgx-login { margin-right: 0 !important; }
.elementor-nav-menu--main .tlgx-phone { margin-left: 14px !important; }

/* Lange Komposita wie 'Finanzierungsloesung' passen bei 51px nicht in die
   Hero-Spalte und liefen bisher aus dem Layout. Automatische Silbentrennung
   statt der von Hand gesetzten Bindestriche. */
.sc_item_title, .sc_item_title span,
.sc_item_title.sc_title_title,
.sc_item_subtitle, .sc_item_subtitle span {
  overflow-wrap: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  /* nur echte Komposita trennen — "KOSTENLOS" bleibt unversehrt */
  hyphenate-limit-chars: 14 7 6;
  -webkit-hyphenate-limit-chars: 14 7 6;
}

/* Hero-Textspalte der Unterseiten: 170px Innenabstand liessen nur 415px fuer
   eine 51px-Ueberschrift uebrig. Weniger Abstand + mitwachsende Schriftgroesse,
   damit lange Komposita hoechstens einmal getrennt werden muessen. */
@media (min-width: 1025px) {
  .elementor-element-0ab2c30 > .elementor-element-populated {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .elementor-element-0ab2c30 .sc_item_title {
    font-size: clamp(30px, 2.9vw, 43px) !important;
  }
}

/* Der 'Cookie Settings'-Reiter stand 32px unter dem Fensterrand und war auch
   beim Hover nicht vollstaendig erreichbar. */
.cc-revoke.cc-bottom { transform: none !important; }

/* Google-Bewertung im Hero — das staerkste Vertrauenssignal, das bisher
   nirgends auf der Seite auftauchte. */
.tlgx-google {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  opacity: .92;
  transition: opacity .2s ease;
}
.tlgx-google:hover { opacity: 1; }
.tlgx-google__sterne { color: #F2B01E; letter-spacing: 2px; font-size: 15px; }
.tlgx-google__text strong { font-weight: 700; }
.tlgx-google__text { border-bottom: 1px solid rgba(255,255,255,.35); padding-bottom: 1px; }
@media (max-width: 767px) { .tlgx-google { font-size: 13px; } }

/* Trustindex-Badge mittig setzen — gilt auf allen Seiten, auf denen es steht. */
.elementor-widget-shortcode .elementor-shortcode { text-align: center; }
.ti-widget { margin-left: auto !important; margin-right: auto !important; }