/* stars.tips Website-Layout (seit 25.10.2026): schwebende Navigation (Header 56), Funnel-Kopf (Header 500), Fußzeile (Footer 61).
   Sitewide geladen vom mu-plugin st-ui.php. Präfix .st-ui- (Bausteine) bzw. bestehende .st-nav-/.fn-hdr-Klassen. Abschnitte: abschnitte.css */
.st-ui{font-family:Inter,'Segoe UI',system-ui,sans-serif;color:#0f1235;-webkit-font-smoothing:antialiased}
.st-ui *,.st-ui *::before,.st-ui *::after{box-sizing:border-box}
.st-ui p,.st-ui ul,.st-ui h1,.st-ui h2,.st-ui h3,.st-ui h4{margin:0;padding:0}
.st-ui ul{list-style:none}
.st-ui-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.st-ui-abschluss .st-ui-wrap{max-width:900px;display:flex;flex-direction:column;align-items:center;gap:18px}
.st-ui .st-ui-nw{white-space:nowrap}
body header.elementor-location-header{background:transparent;padding:14px 24px 0;pointer-events:none}
body header.elementor-location-header .elementor-section,body header.elementor-location-header .st-home{background:transparent}
body .st-nav.st-nav{pointer-events:auto;max-width:1152px;margin:0 auto;background:#fff;border:1px solid #ece8f6;border-radius:18px;box-shadow:0 12px 32px rgba(60,40,120,.10);backdrop-filter:none;-webkit-backdrop-filter:none}
body .st-nav-inner.st-nav-inner{max-width:none;padding:12px 16px 12px 22px}
body .st-nav .st-nav-cta.st-nav-cta{background:linear-gradient(90deg,#E8590C,#D6336C 55%,#7c3aed);color:#fff;font-weight:700;border-radius:999px;padding:11px 22px;max-width:none;white-space:nowrap;box-shadow:0 8px 20px rgba(214,51,108,.25)}
body .st-nav .st-nav-cta.st-nav-cta:hover,body .st-nav .st-nav-cta.st-nav-cta:focus-visible{background:linear-gradient(90deg,#E8590C,#D6336C 55%,#7c3aed);color:#fff;box-shadow:0 12px 28px rgba(214,51,108,.40)}
body .st-nav .st-nav-cta::after{content:" →"}
@media (min-width:1200px){
  body .st-nav-links.st-nav-links{gap:14px}
}
@media (min-width:901px) and (max-width:1199px){
  body .st-nav-links.st-nav-links{gap:6px}
}
@media (max-width:900px){
  body header.elementor-location-header{padding:10px 12px 0}
  body .st-nav.st-nav{border-radius:16px}
  body .st-nav-inner.st-nav-inner{padding:8px 8px 8px 16px}
  body .st-nav .st-nav-cta.st-nav-cta{text-align:center}
}
.st-ui-fuss{background:#fff;color:#5b5872}
.st-ui-fuss-linie{height:3px;background:linear-gradient(90deg,#E8590C,#D6336C 55%,#7c3aed)}
.st-ui-fuss-in{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:48px;padding-top:64px;padding-bottom:48px}
.st-ui-fuss-marke{display:flex;flex-direction:column;gap:18px}
.st-ui-fuss-logo img{display:block;height:40px;width:auto}
.st-ui .st-ui-fuss-text{font-size:15px;line-height:1.65;color:#5b5872;max-width:400px}
.st-ui-fuss-social{display:flex;flex-wrap:wrap;gap:8px}
.st-ui .st-ui-fuss-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#f7f4fd;color:#6d28d9;transition:background .15s,color .15s}
.st-ui .st-ui-fuss-social a:hover{background:#7c3aed;color:#fff}
.st-ui .st-ui-fuss-h{font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#0f1235;margin-bottom:16px}
.st-ui-fuss-spalte ul{display:flex;flex-direction:column;gap:10px}
.st-ui .st-ui-fuss-spalte a{font-size:15px;line-height:1.45;color:#5b5872;text-decoration:none}
.st-ui .st-ui-fuss-spalte a:hover{color:#7c3aed}
.st-ui-fuss-unten{border-top:1px solid #ece8f6;padding-top:22px;padding-bottom:28px}
.st-ui .st-ui-fuss-unten p{font-size:14px;color:#5b5872;text-align:center}
@media (max-width:900px){
  .st-ui-fuss-in{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
  .st-ui-fuss-marke{grid-column:1 / -1}
}
@media (max-width:640px){
  .st-ui-fuss-in{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:44px;padding-bottom:32px}
}
.st-ui-nw{white-space:nowrap}
span.st-ui-nw,.sf-formhd span.st-ui-nw,.kc span.st-ui-nw{display:contents;font:inherit;color:inherit;letter-spacing:inherit}
body .st-nav-link.st-nav-link,body .st-mega-link.st-mega-link{border-radius:999px;transition:background-color .15s ease,color .15s ease}
body .st-nav-link:not(.st-nav-cta):hover,body .st-nav-link:not(.st-nav-cta):focus-visible,body .st-nav-item:hover>.st-nav-link,body .st-nav-item:focus-within>.st-nav-link,body .st-mega-link:hover,body .st-mega-link:focus-visible{background:#f1ebfe;color:#7c3aed;outline:none}
@media (min-width:901px){
  body .st-nav-link.st-nav-link:not(.st-nav-cta){padding:9px 16px}
  body .st-mega-link.st-mega-link{padding:8px 14px}
}
@media (max-width:900px){
  body .st-nav-links>.st-nav-link.st-nav-link:not(.st-nav-cta),body .st-nav-trigger.st-nav-trigger{margin:0 10px;padding-left:12px;padding-right:12px}
  body .st-nav-link:not(.st-nav-cta):active,body .st-mega-link:active{background:#f1ebfe;color:#7c3aed}
}
header.elementor-location-header .fn-hdr{pointer-events:auto;max-width:1152px;margin:0 auto;background:#fff;border:1px solid #ece8f6;border-radius:18px;box-shadow:0 12px 32px rgba(60,40,120,.10)}
header.elementor-location-header .fn-hdr .fn-hdr-in{max-width:none;height:auto;min-height:64px;padding:12px 16px 12px 22px}
header.elementor-location-header .fn-hdr .brand img{height:40px!important}
header.elementor-location-header .fn-hdr .login{display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;color:#5b5872;transition:background-color .15s ease,color .15s ease}
header.elementor-location-header .fn-hdr .login:hover,header.elementor-location-header .fn-hdr .login:focus-visible{background:#f1ebfe;color:#7c3aed;outline:none}
@media (max-width:900px){
  header.elementor-location-header .fn-hdr{border-radius:16px}
  header.elementor-location-header .fn-hdr .fn-hdr-in{min-height:58px;padding:8px 8px 8px 16px}
}
@media (max-width:767px){
  header.elementor-location-header .fn-hdr .brand img{height:34px!important}
}
body header.elementor-location-header .e-con,body header.elementor-location-header .funnel-page{background:transparent}
/* Fußzeile mobil (25.10.2026): Die Abschnitts-Regel .st-ui-wrap{padding:0 20px} (≤640 px) überschrieb den Innenabstand der Fußzeile –
   Logo klebte an der Verlaufslinie, Spalten und Copyright an der unteren Trennlinie. Höhere Spezifität, nur oben/unten, nur bis 767 px. */
@media (max-width:767px){
  .st-ui-fuss .st-ui-wrap.st-ui-fuss-in{padding-top:24px;padding-bottom:24px}
  .st-ui-fuss .st-ui-wrap.st-ui-fuss-unten{padding-top:22px;padding-bottom:28px}
}