.elementor-65 .elementor-element.elementor-element-5e57e21{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-65 .elementor-element.elementor-element-eecf92d{--display:flex;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65 .elementor-element.elementor-element-8ac449c{padding:20px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-9bd3cba *//* Tagline unter "Finder" – leicht schräg, zentriert, mit zartem Sticker-Background */
.pf-wordmark .pf-tagline{
  flex-basis:100%;                 /* neue Zeile unterhalb von "Finder" */
  display:inline-block;
  margin-top: .35em;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700;
  font-size: clamp(12px, 2.2vw, 18px);
  line-height: 1.15;
  text-align:center;
  color:#ff3b89;

  /* sanfter Pop-in + leichte Neigung */
  opacity:0;
  transform: translateY(8px) rotate(-2.5deg);
  animation: pf-pop .7s ease .48s forwards;

  position:relative;
}

/* zarter „Sticker“-Effekt hinter der Tagline */
.pf-wordmark .pf-tagline::before{
  content:"";
  position:absolute;
  left:50%; top:50%;
  transform: translate(-50%, -50%) rotate(.6deg);
  width:115%; height:160%;
  background: linear-gradient(90deg, rgba(255,155,197,.16), rgba(255,121,176,.16));
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(255,59,137,.12);
  z-index:-1;
}

/* Optional: etwas kompakter auf sehr kleinen Screens */
@media (max-width: 420px){
  .pf-wordmark .pf-tagline{
    letter-spacing:.10em;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eecf92d *//* Hero-Container: mittig, Spaltenlayout, Abstand */
.pf-hero{
  display:flex; flex-direction:column; align-items:center;
  gap: clamp(14px, 2.5vw, 28px);
  text-align:center;
  width:100%;
}

/* XXL-Wortmarke à la Google – aber in Pinkfame-Stil */
.pf-wordmark{
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-weight: 800;
  font-size: clamp(40px, 8vw, 92px);
  line-height: 1;
  letter-spacing: -0.02em;
  display:flex; flex-wrap:wrap; justify-content:center;
  gap: .015em;
}

/* Buchstaben einzeln einfärben (rosa Töne) + sanftes „pop-in“ */
.pf-wordmark span{
  display:inline-block; opacity:0; transform: translateY(8px);
  animation: pf-pop .7s ease var(--d,0s) forwards;
}
@keyframes pf-pop { to { opacity:1; transform: translateY(0); } }

/* 8 Buchstaben „Pinkfame“ – rosa Verlauf über nth-child */
.pf-wordmark span:nth-child(1){ color:#ff3b89; --d:.00s; } /* P */
.pf-wordmark span:nth-child(2){ color:#ff5fa1; --d:.05s; } /* i */
.pf-wordmark span:nth-child(3){ color:#ff79b0; --d:.10s; } /* n */
.pf-wordmark span:nth-child(4){ color:#ff9bc5; --d:.15s; } /* k */
.pf-wordmark span:nth-child(5){ color:#ff6aa5; --d:.20s; } /* f */
.pf-wordmark span:nth-child(6){ color:#ff3b89; --d:.25s; } /* a */
.pf-wordmark span:nth-child(7){ color:#ff79b0; --d:.30s; } /* m */
.pf-wordmark span:nth-child(8){ color:#ff5fa1; --d:.35s; } /* e */

/* "Finder" – Rosa-Gradient wie Pinkfame (ein Span, kein Per-Buchstaben-HTML nötig) */
.pf-wordmark .pf-sub{
  /* Fallback-Farbe für sehr alte Browser */
  color:#ff79b0;
  font-weight:700;
  margin-left:.35ch;
  opacity:.9;

  /* Gradient-Text */
  background: linear-gradient(90deg, #ff9bc5 0%, #ff79b0 35%, #ff5fa1 65%, #ff3b89 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  /* gleiche „pop-in“ mit Verzögerung nach den 8 Buchstaben */
  display:inline-block;
  opacity:0; transform: translateY(8px);
  animation: pf-pop .7s ease .40s forwards;
}

/* Suche wie „Google“ – großes rundes Feld */
.pf-search{ width:min(92vw, 720px); display:flex; align-items:center; gap:10px; }
.pf-search input[type="search"]{
  flex:1; height: clamp(44px, 6.5vw, 56px);
  padding: 0 18px; font-size: clamp(16px, 2.4vw, 18px);
  border:1px solid #eee; border-radius:999px; outline:0;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  transition: box-shadow .2s ease, border-color .2s ease;
}
.pf-search input[type="search"]:focus{
  border-color:#ffd1e4;
  box-shadow: 0 4px 16px rgba(255,59,137,.16), 0 0 0 3px rgba(255,59,137,.10);
}
.pf-search button{
  height: clamp(44px, 6.5vw, 56px); padding: 0 18px;
  border:0; border-radius:999px; background:#ff3b89; color:#fff; font-weight:600;
  cursor:pointer;
}
.pf-search button:hover{ filter: brightness(1.05); }

/* Falls du das Elementor-Such-Widget nutzt (keine eigene <form>): */
.pf-hero .elementor-widget-search-form input{ /* gleiche Optik wie oben */
  height: clamp(44px, 6.5vw, 56px); border-radius:999px; padding:0 18px;
  border:1px solid #eee; box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
.pf-hero .elementor-widget-search-form .elementor-search-form__submit{
  height: clamp(44px, 6.5vw, 56px); border-radius:999px; background:#ff3b89; color:#fff; border:0; padding:0 18px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ac449c */.legal-note{
  display:block;
  color:#666;
  font-size:.75rem;
  line-height:1.4;
  margin-top:8px;
  text-align:center;
}/* End custom CSS */
/* Start custom CSS *//* Seite als Flex-Spalte, damit der Hauptbereich den Footer nach unten drückt */
html, body { height: 100%; }
body { min-height: 100vh; display: flex; flex-direction: column; }

/* Falls dein Theme einen Wrapper nutzt, auch den als Flex-Spalte setzen */
#page, .site, .page-wrap { min-height: 100vh; display: flex; flex-direction: column; flex: 1 0 auto; }

/* Hauptbereich wächst, Footer bleibt unten */
main, #content, .site-main, #primary { flex: 1 0 auto; display: flex; flex-direction: column; }

/* Elementor-Theme-Builder-Footer: kein Strecken, notfalls mit auto nach unten */
footer.elementor-location-footer { flex: 0 0 auto; margin-top: auto; }/* End custom CSS */