.elementor-kit-6{--e-global-color-primary:#022F4E;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#A6A6A6;--e-global-color-accent:#2D2D2D;--e-global-color-6b4a949:#C49D58;--e-global-color-4ae6965:#EEF2F6;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-size:42px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.2em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Erstgespräch-Button im Header: initial ausgeblendet, sichtbar nach Scroll */
.elementor-location-header .header-erstgespraech {
  display: none !important;
}

body.scrolled .elementor-location-header .header-erstgespraech {
  display: inline-flex !important;
}
/* Header smooth animiert + sticky */
.elementor-location-header {
  position: sticky;
  top: 0;
  z-index: 9998;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.elementor-location-header.header-hidden {
  transform: translateY(-100%);
}

/* Floating CTA-Button rechts oben */
.floating-cta {
  position: fixed;
  top: 20px;
  right: 30px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #C49D58;
  color: #ffffff;
  padding: 14px 32px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-12px);
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s, background 0.2s ease;
  box-shadow: 0 4px 14px rgba(2, 47, 78, 0.12);
}

.floating-cta.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.floating-cta:hover {
  background: #b38a45;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(2, 47, 78, 0.18);
}

@media (max-width: 768px) {
  .floating-cta {
    top: 12px;
    right: 12px;
    padding: 10px 20px;
    font-size: 12px;
  }
}/* Weiße Linie über dem Header entfernen */
body {
  margin: 0 !important;
  padding-top: 0 !important;
}

html {
  margin-top: 0 !important;
}

.elementor-location-header {
  margin-top: 0 !important;}
/* ========================================
   KANZLEI SCHU
   Zentrale Styles für Prozesskarten
   ======================================== */


/* Goldene Hervorhebung in Überschriften */

.elementor-heading-title em,
.elementor-heading-title .akz {
  color: #C49D58;
  font-style: italic;
  font-weight: inherit;
}


/* Runde Schrittnummer
   Nur relevant, wenn die Zahl als HTML-Element
   mit class="schu-step-number" angelegt wurde */

.schu-step-number {
  width: 74px;
  height: 74px;
  flex: 0 0 74px;

  display: grid;
  place-items: center;

  border: 1.4px solid #C49D58;
  border-radius: 50%;

  color: #022F4E;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;

  background: linear-gradient(
    145deg,
    #ffffff 0%,
    #f7fafc 55%,
    #EEF2F6 100%
  );

  box-shadow: 0 12px 28px rgb(2 47 78 / 7%);
}


/* Gemeinsames Erscheinungsbild aller Prozesskarten */

.schu-process-card {
  background: #ffffff;

  border: 1px solid rgb(2 47 78 / 10%);
  border-radius: 18px;

  box-shadow:
    0 18px 45px rgb(2 47 78 / 10%),
    0 4px 12px rgb(2 47 78 / 5%);

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease;

  will-change: transform;
}


/* Bewegung und Schatten beim Darüberfahren */

@media (hover: hover) and (pointer: fine) {

  .schu-process-card:hover {
    transform: scale(1.035);

    border-color: rgb(196 157 88 / 45%);

    box-shadow:
      0 30px 75px rgb(2 47 78 / 17%),
      0 10px 24px rgb(2 47 78 / 8%);
  }


  /* Weicher Farbwechsel für Zahl und Icon */

  .schu-process-card .prozess-zahl,
  .schu-process-card .prozess-zahl *,
  .schu-process-card .elementor-icon,
  .schu-process-card .elementor-icon i,
  .schu-process-card .elementor-icon i::before,
  .schu-process-card .elementor-icon svg,
  .schu-process-card .elementor-icon svg * {
    transition:
      color 0.3s ease,
      fill 0.3s ease,
      stroke 0.3s ease;
  }


  /* Zahl und Icon werden beim Hover bernsteinfarben */

  .schu-process-card:hover .prozess-zahl,
  .schu-process-card:hover .prozess-zahl *,
  .schu-process-card:hover .elementor-icon,
  .schu-process-card:hover .elementor-icon i,
  .schu-process-card:hover .elementor-icon i::before {
    color: #C49D58 !important;
  }

  .schu-process-card:hover .elementor-icon svg,
  .schu-process-card:hover .elementor-icon svg * {
    fill: #C49D58 !important;
    stroke: #C49D58 !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://schu.de/wp-content/uploads/2026/05/cormorant-garamond-v21-latin_latin-ext-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://schu.de/wp-content/uploads/2026/05/cormorant-garamond-v21-latin_latin-ext-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://schu.de/wp-content/uploads/2026/05/cormorant-garamond-v21-latin_latin-ext-regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://schu.de/wp-content/uploads/2026/05/lato-v25-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://schu.de/wp-content/uploads/2026/05/lato-v25-latin_latin-ext-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://schu.de/wp-content/uploads/2026/05/lato-v25-latin_latin-ext-300.woff2') format('woff2');
}
/* End Custom Fonts CSS */