.elementor-kit-5{--e-global-color-primary:#4F7B8C;--e-global-color-secondary:#C5B29D;--e-global-color-text:#FAF9F7;--e-global-color-accent:#1D1D1D;--e-global-color-8a67ff0:#FFFFFF;--e-global-color-c57574c:#32525E;--e-global-typography-primary-font-family:"avenir-next-lt-pro";--e-global-typography-primary-font-size:1.0625em;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.6em;--e-global-typography-secondary-font-family:"avenir-next-lt-pro";--e-global-typography-secondary-font-size:3.5em;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"avenir-next-lt-pro";--e-global-typography-text-font-size:2.25em;--e-global-typography-text-font-weight:600;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-family:"avenir-next-lt-pro";--e-global-typography-accent-font-size:1.5em;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.3em;--e-global-typography-302d877-font-family:"avenir-next-lt-pro";--e-global-typography-302d877-font-size:1.125em;--e-global-typography-302d877-font-weight:600;--e-global-typography-302d877-line-height:1.4em;--e-global-typography-96dd4c4-font-family:"avenir-next-lt-pro";--e-global-typography-96dd4c4-font-size:0.875em;--e-global-typography-96dd4c4-font-weight:600;--e-global-typography-96dd4c4-line-height:1em;--e-global-typography-4ee9196-font-family:"avenir-next-lt-pro";--e-global-typography-4ee9196-font-size:1em;--e-global-typography-4ee9196-font-weight:600;--e-global-typography-4ee9196-line-height:1em;color:var( --e-global-color-accent );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-4ee9196-font-family ), Sans-serif;font-size:var( --e-global-typography-4ee9196-font-size );font-weight:var( --e-global-typography-4ee9196-font-weight );line-height:var( --e-global-typography-4ee9196-line-height );color:var( --e-global-color-8a67ff0 );padding:0.5em 2.25em 0.5em 2.25em;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-accent );}.elementor-kit-5 h1{color:var( --e-global-color-accent );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 h2{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h3{color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-5 h4{color:var( --e-global-color-accent );font-family:var( --e-global-typography-302d877-font-family ), Sans-serif;font-size:var( --e-global-typography-302d877-font-size );font-weight:var( --e-global-typography-302d877-font-weight );line-height:var( --e-global-typography-302d877-line-height );}.elementor-kit-5 h5{color:var( --e-global-color-accent );font-family:"avenir-next-lt-pro", Sans-serif;font-size:1em;font-weight:600;}.elementor-kit-5 h6{color:var( --e-global-color-accent );font-family:"avenir-next-lt-pro", Sans-serif;font-size:1em;font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:9em;--container-default-padding-right:0em;--container-default-padding-bottom:9em;--container-default-padding-left:0em;}.elementor-widget:not(:last-child){--kit-widget-spacing:1em;}.elementor-element{--widgets-spacing:1em 1em;--widgets-spacing-row:1em;--widgets-spacing-column:1em;}{}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-kit-5{--e-global-typography-primary-font-size:1em;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-size:2.5em;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-size:1.8em;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-size:1.5em;--e-global-typography-accent-line-height:1.3em;--e-global-typography-302d877-font-size:1.125em;--e-global-typography-302d877-line-height:1.4em;--e-global-typography-96dd4c4-font-size:0.8em;--e-global-typography-96dd4c4-line-height:1em;font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-5 h4{font-size:var( --e-global-typography-302d877-font-size );line-height:var( --e-global-typography-302d877-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-4ee9196-font-size );line-height:var( --e-global-typography-4ee9196-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:6em;--container-default-padding-right:1em;--container-default-padding-bottom:5em;--container-default-padding-left:1em;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:1em;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-size:2em;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-size:1.6em;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-size:1.3em;--e-global-typography-accent-line-height:1.3em;--e-global-typography-302d877-font-size:1.1em;--e-global-typography-302d877-line-height:1.4em;--e-global-typography-96dd4c4-font-size:0.75em;--e-global-typography-96dd4c4-line-height:1em;--e-global-typography-4ee9196-font-size:1em;--e-global-typography-4ee9196-line-height:1em;font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-5 h4{font-size:var( --e-global-typography-302d877-font-size );line-height:var( --e-global-typography-302d877-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-4ee9196-font-size );line-height:var( --e-global-typography-4ee9196-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:4em;--container-default-padding-right:1em;--container-default-padding-bottom:4em;--container-default-padding-left:1em;}}/* Start custom CSS */.elementor-widget-text-editor p:last-child {
  margin-bottom: 0px;
}

:root {
  --clr: #6FA3B2;
  --text-hover: #E6F1F4;
  --text-light-start: #EEF5F7;
}

/* Basis-Button + Light-Variante teilen sich das Verhalten */
.my-btn .elementor-button,
.my-btn--light .elementor-button {
  position: relative;
  background: transparent;
  overflow: hidden;
  transition: 0.65s;
  z-index: 2;
  vertical-align: middle;
  border-radius: 50px;
  border: 2px solid var(--clr);
  color: var(--clr);
}

/* Hover-Fill */
.my-btn .elementor-button::after,
.my-btn--light .elementor-button::after {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--clr);
  clip-path: circle(0% at 50% 50%);
  transition: 0.65s;
  z-index: -1;
}

.my-btn .elementor-button:hover::after,
.my-btn--light .elementor-button:hover::after {
  clip-path: circle(110% at 50% 50%);
}

/* Hover-Zustand */
.my-btn .elementor-button:hover,
.my-btn--light .elementor-button:hover {
  color: var(--text-hover);
  box-shadow:
    0 0 10px rgba(111, 163, 178, 0.6),
    0 0 40px rgba(111, 163, 178, 0.4);
}

/* Light-Startzustand, aber nicht reines Weiß */
.my-btn--light .elementor-button {
  border-color: var(--text-light-start);
  color: var(--text-light-start);
}

.pill-tag p {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0;
  padding: 0.6em 1.6em;
  background: #F6F2EE;
  color: #C7B39E;
  border-radius: 999em;
  white-space: nowrap;
}

/* SALUS Living – Editorial Grain (Desktop only) */
@media (min-width: 1025px) {
  .sls-bg-grain {
    position: relative;
    background: #F7F7F5;
    overflow: hidden;
  }

  .sls-bg-grain::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background-image: url("https://salus-living.eu/wp-content/uploads/2026/01/noise-BAckground.svg");
    background-repeat: repeat;
    opacity: 0.03;
    mix-blend-mode: multiply;
  }
}


/* =========================================================
   SALUS Living – Cards, Shadow, Höhe, Background & Grain
   FINAL – konsolidiert, sauber, editorial
   ========================================================= */


/* -----------------------------------------
   1) Editorial Card (Apartment / Leistungen)
   Voraussetzung in Elementor:
   - Äußerer Container der Card (dein "Image Box custom") hat Klasse: sls-card
   - CTA-Row Container (nur "Apartment ansehen" + Icon) hat Klasse: apartment-cta-row
   ----------------------------------------- */

.sls-card{
  background: #F7F7F5;
  border-radius: 16px;
  overflow: hidden;

  height: auto;
  align-self: flex-start;

  padding-bottom: 2rem;

  box-shadow: 0 8px 22px rgba(79, 123, 140, 0.10);

  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.sls-card:hover{
  box-shadow: 0 12px 30px rgba(79, 123, 140, 0.14);
  transform: translateY(-2px);
}


/* -----------------------------------------
   2) CTA Hover (Underline endet am Icon)
   Wirkung:
   - Unterlinie nur bis Ende Text+Icon (nicht bis Box-Ende)
   - Icon bewegt sich dezent nach rechts
   Hinweis:
   - Kein transform auf dem CTA-Text, damit es mit Card-Hover ruhig bleibt
   ----------------------------------------- */

.sls-card .apartment-cta-row{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  position: relative;
}

.sls-card .apartment-cta-row::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background: currentColor;
  opacity: 0.55;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 220ms ease;
}

.sls-card .apartment-cta-row .elementor-widget-icon,
.sls-card .apartment-cta-row svg{
  transition: transform 220ms ease, opacity 220ms ease;
  opacity: 0.9;
}

.sls-card:hover .apartment-cta-row::after{
  transform: scaleX(1);
}

.sls-card:hover .apartment-cta-row .elementor-widget-icon,
.sls-card:hover .apartment-cta-row svg{
  transform: translateX(6px);
  opacity: 1;
}


/* -----------------------------------------
   3) Mobile Feinschliff (ruhiger, flacher)
   ----------------------------------------- */

@media (max-width: 768px){
  .sls-card{
    border-radius: 12px;
    box-shadow: 0 6px 16px rgba(79, 123, 140, 0.08);
  }

  .sls-card:hover{
    transform: none;
  }
}


/* -----------------------------------------
   4) Verhindert Equal-Height-Stretching
   (Elementor Flex-Parent)
   ----------------------------------------- */

.elementor-container,
.e-con-inner{
  align-items: flex-start;
}


/* -----------------------------------------
   5) Editorial Grain Background (Desktop only)
   Voraussetzung:
   - Bereich/Section/Container hat Klasse: sls-bg-grain
   ----------------------------------------- */

@media (min-width: 1025px){
  .sls-bg-grain{
    position: relative;
    background: #F7F7F5;
    overflow: hidden;
  }

  .sls-bg-grain::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background-image: url("https://salus-living.eu/wp-content/uploads/2026/01/noise-BAckground.svg");
    background-repeat: repeat;

    opacity: 0.03;
    mix-blend-mode: multiply;
  }
}
/* CTA-Cards: ruhig, keine Bewegung der Card */
.sls-card.sls-card--cta{
  transition: box-shadow 0.3s ease;
}

.sls-card.sls-card--cta:hover{
  transform: none;
  box-shadow: 0 10px 26px rgba(79, 123, 140, 0.12);
}

/* Unterlinie bleibt aktiv */
.sls-card.sls-card--cta .apartment-cta-row::after{
  display: block;
}

/* Pfeil ist der einzige bewegte Akzent */
.sls-card.sls-card--cta .apartment-cta-row .elementor-widget-icon,
.sls-card.sls-card--cta .apartment-cta-row svg{
  transition: transform 220ms ease, opacity 220ms ease;
  opacity: 0.9;
}

.sls-card.sls-card--cta:hover .apartment-cta-row .elementor-widget-icon,
.sls-card.sls-card--cta:hover .apartment-cta-row svg{
  transform: translateX(6px);
  opacity: 1;
}/* End custom CSS */