.elementor-126 .elementor-element.elementor-element-6528d85f{--display:flex;--min-height:70vh;--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;--align-items:stretch;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-126 .elementor-element.elementor-element-75df3d0a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-126 .elementor-element.elementor-element-6957f702{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:left;}.elementor-126 .elementor-element.elementor-element-6957f702 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:3.7vw;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:-2px;word-spacing:0em;color:#212121;}.elementor-126 .elementor-element.elementor-element-7bb39b74{width:var( --container-widget-width, 45% );max-width:45%;margin:1% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 12%;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:justify;font-family:"Nunito", Sans-serif;font-size:19px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;color:#222222;}.elementor-126 .elementor-element.elementor-element-6de41a2d{--display:flex;}.elementor-126 .elementor-element.elementor-element-d83fdbd{--display:flex;}.elementor-126 .elementor-element.elementor-element-bca3198{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-126 .elementor-element.elementor-element-dc46d97{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-126 .elementor-element.elementor-element-c155eb7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-126:not(.elementor-motion-effects-element-type-background), body.elementor-page-126 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://kigru.at/wp-content/uploads/2025/09/Kind-sein.-Frei-sein.-Gemeinsam-mitten-in-Wien-scaled.png");}:root{--page-title-display:none;}@media(min-width:768px){.elementor-126 .elementor-element.elementor-element-dc46d97{--width:50%;}.elementor-126 .elementor-element.elementor-element-c155eb7{--width:50%;}}@media(max-width:1024px){.elementor-126 .elementor-element.elementor-element-6528d85f{--min-height:600px;--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-126 .elementor-element.elementor-element-6957f702{width:100%;max-width:100%;}.elementor-126 .elementor-element.elementor-element-6957f702 .elementor-heading-title{font-size:50px;}.elementor-126 .elementor-element.elementor-element-7bb39b74{width:100%;max-width:100%;margin:3% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;font-size:16px;}}@media(max-width:767px){.elementor-126 .elementor-element.elementor-element-6528d85f{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:20%;--padding-bottom:20%;--padding-left:5%;--padding-right:5%;}.elementor-126 .elementor-element.elementor-element-6957f702 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-126 .elementor-element.elementor-element-7bb39b74{margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-de5a6de *//* Bezug bleibt */
.gl-hero{ position:relative; overflow:visible !important; }

/* Schwebender Wrapper: kleiner & näher am Rand */
.gl-hero .wabbly-float{
  position:absolute;
  right:-40vw;                    /* vorher -23vw */
  top:-15rem;                  /* vorher -30rem */
  width:clamp(400px, 29vw, 500px);  /* vorher clamp(280px,36vw,560px) */
  z-index:9;
  pointer-events:none;
}

/* Diese Zeile AUSKOMMENTIEREN/ENTFERNEN, wenn .wabbly-float genutzt wird */
/* .gl-hero .wabbly-frame{ position:absolute; right:-3vw; top:-1.5rem; } */

/* Frame & Bild bleiben wie gehabt */
.wabbly-frame{
  width:100%;
  aspect-ratio:3/4;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(189,236,233,.55);
  border-radius:34% 66% 62% 38% / 44% 34% 66% 56%;
  box-shadow:0 16px 36px rgba(2,6,23,.18); /* etwas leichterer Schatten passend zur kleineren Größe */
}
.wabbly-frame img{
  width:100%; height:100%; display:block;
  object-fit:cover;
  object-position:45% 45%;    /* bei Bedarf anpassen */
  filter:brightness(1.06) saturate(1.06);
}

/* Responsive bleibt sinnvoll */
@media (max-width:1024px){
  .gl-hero .wabbly-float{ right:0; top:-0.75rem; width:clamp(200px, 32vw, 360px); }
}
@media (max-width:768px){
  .gl-hero .wabbly-float{ position:static; width:min(92vw, 520px); margin:12px auto 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ee9b55 *//* ===== Brand-Mapping: Elementor Global Colors ===== */
.esk-cards--brand{
  --text:  var(--e-global-color-text, #0f172a);
  --muted: var(--e-global-color-secondary, #475569);
  --brand: var(--e-global-color-primary, #2a7f7a);
  --accent:var(--e-global-color-accent, #BDECE9);
  --bg:    var(--e-global-color-background, #ffffff);
  --line:  var(--e-global-color-border, #e8edf2);
}

/* ===== Layout ohne Header ===== */
.esk-cards{
  color: var(--text);
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(16px, 4vw, 32px);
}

/* Grid */
.esk-cards__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: clamp(14px, 2.4vw, 24px);
}
@media (max-width: 1100px){ .esk-cards__grid{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 640px){  .esk-cards__grid{ grid-template-columns: 1fr; } }

/* ===== Flip-Karten – moderner, dezenter Look ===== */
.esk-flip{
  position: relative;
  perspective: 1200px;
  height: clamp(220px, 26vw, 280px);
  border-radius: 16px;
  outline: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;

  /* dezenter „Lift“-Effekt */
  transition: transform .25s ease, filter .25s ease;
}
.esk-flip:hover{ transform: translateY(-2px); }

.esk-flip__inner{
  position: relative; width: 100%; height: 100%;
  transform-style: preserve-3d;
  transition: transform .6s cubic-bezier(.2,.8,.2,1);
  border-radius: inherit;
}

/* Flip bei Hover & bei Fokus (Tap auf Mobile) */
.esk-flip:hover .esk-flip__inner,
.esk-flip:focus-within .esk-flip__inner{
  transform: rotateY(180deg);
}

/* Seiten */
.esk-flip__side{
  position: absolute; inset: 0;
  border-radius: inherit;
  backface-visibility: hidden;
  border: 1px solid var(--line);
  background:
    radial-gradient(240px 160px at 12% 10%, color-mix(in srgb, var(--accent) 18%, transparent) 0%, transparent 60%),
    var(--bg);
  box-shadow: 0 10px 24px rgba(2,6,23,.06);
  display: grid; align-content: center;
  gap: .4rem; padding: clamp(14px, 2vw, 18px);
  text-align: left;
}

/* Front: klare, freundliche Typo */
.esk-flip__front h3{
  margin: .1rem 0 .25rem 0;
  font-size: clamp(1.1rem, 1rem + .4vw, 1.3rem);
  font-weight: 600; letter-spacing: .01em;
}
.esk-flip__front p{
  margin: 0; color: var(--muted);
  font-weight: 400; line-height: 1.7;
}

/* Rückseite */
.esk-flip__back{
  transform: rotateY(180deg);
  padding: clamp(16px, 2.2vw, 20px);
}
.esk-flip__back ul{
  margin: 0; padding: 0 0 0 1.1em;
  color: var(--muted); line-height: 1.75; font-weight: 400;
}
.esk-flip__back li{ margin: .35rem 0; }

/* zarter Interaktions-Hinweis (Chevron) unten rechts */
.esk-flip__front::after,
.esk-flip__front::before{ content:""; position:absolute; right:12px; bottom:12px; }
.esk-flip__front::after{
  width:22px; height:22px; border-radius:999px;
  border:1px solid var(--line);
  background: color-mix(in srgb, var(--accent) 14%, #fff);
  box-shadow: 0 2px 6px rgba(2,6,23,.06) inset;
  transition: border-color .2s ease, transform .2s ease, opacity .2s ease;
  opacity:.95;
}
.esk-flip__front::before{
  width:8px; height:8px;
  border-right:2px solid var(--brand);
  border-bottom:2px solid var(--brand);
  transform: translate(-2px,-2px) rotate(-45deg);
  transition: transform .2s ease, opacity .2s ease;
  opacity:.9;
}
.esk-flip:hover .esk-flip__front::after,
.esk-flip:focus-within .esk-flip__front::after{
  border-color: color-mix(in srgb, var(--brand) 28%, var(--line));
  transform: translateY(-1px);
}
.esk-flip:hover .esk-flip__front::before,
.esk-flip:focus-within .esk-flip__front::before{
  transform: translate(-2px,-3px) rotate(-45deg);
}

/* Bewegungsreduktion respektieren */
@media (prefers-reduced-motion: reduce){
  .esk-flip,
  .esk-flip__inner{ transition: none !important; }
  .esk-flip:hover{ transform: none; }
  .esk-flip:hover .esk-flip__inner,
  .esk-flip:focus-within .esk-flip__inner{ transform: none; }
}
/* Headline in Brand, Text in normaler Textfarbe */
.esk-cards--brand .esk-flip__front h3,
.esk-cards--brand .esk-flip__back h3{
  color: var(--e-global-color-primary, #2a7f7a);
}

.esk-cards--brand .esk-flip__front p,
.esk-cards--brand .esk-flip__back,
.esk-cards--brand .esk-flip__back li{
  color: var(--e-global-color-text, #0f172a);
}
/* Nur Bullet-Farbe leicht brandig halten */
.esk-cards--brand .esk-flip__back ul{
  list-style: disc;
  padding-left: 1.1em;
}
.esk-cards--brand .esk-flip__back li::marker{
  color: color-mix(in srgb, var(--e-global-color-primary, #2a7f7a) 70%, #000 30%);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39c0950 *//* === ESK-Listing: klein & subtil === */
.gl-experiences{
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(6px, 2vw, 16px);
}

.gl-experiences__title{
  margin: 0 0 .6rem 0;
  font-weight: 600;
  font-size: clamp(1.05rem, .95rem + .5vw, 1.3rem);
  letter-spacing: .01em;
  color: var(--e-global-color-secondary, #475569);
}

/* Grid – kompakte Karten */
.gl-experiences__grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: clamp(8px, 1.6vw, 14px);
  list-style: none;
  padding: 0; margin: 0;
}

/* Karte: sehr dezent, ohne „lautes“ Hover */
.gl-exp{
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 8px 10px;
  text-decoration: none;
  color: var(--e-global-color-text, #0f172a);
  border-radius: 12px;
  background: var(--e-global-color-background, #fff);
  border: 1px solid var(--e-global-color-border, #e8edf2);
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
  outline: none;
}
.gl-exp:hover{
  background: color-mix(in srgb, var(--e-global-color-accent, #BDECE9) 8%, #fff);
  border-color: color-mix(in srgb, var(--e-global-color-primary, #2a7f7a) 14%, var(--e-global-color-border, #e8edf2));
  box-shadow: 0 8px 20px rgba(2,6,23,.08);
  transform: translateY(-1px);
}
.gl-exp:focus-visible{
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--e-global-color-primary, #2a7f7a) 40%, transparent);
}

/* Mini-Wabbly im Listing (nur hier, nicht global) */
.gl-exp .wabbly-frame{
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 34% 66% 62% 38% / 44% 34% 66% 56%;
  border: 1px solid color-mix(in srgb, var(--e-global-color-accent, #BDECE9) 35%, #fff);
  box-shadow: 0 6px 14px rgba(2,6,23,.06);
  transform: translateZ(0) scale(1);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, filter .2s ease;
}
.gl-exp .wabbly-frame img{
  width: 100%; height: 100%; display: block;
  object-fit: cover; object-position: 50% 50%;
  filter: brightness(1.03) saturate(1.03);
}
.gl-exp:hover .wabbly-frame{
  transform: scale(1.02);
  box-shadow: 0 10px 24px rgba(2,6,23,.10);
  border-color: color-mix(in srgb, var(--e-global-color-primary, #2a7f7a) 22%, var(--e-global-color-accent, #BDECE9));
}

/* Meta: fein & leise */
.gl-exp__meta{ display: grid; gap: 2px; }
.gl-exp__meta strong{
  font-size: .95rem; line-height: 1.3; font-weight: 600;
}
.gl-exp__meta span{
  display: block;
  font-size: .82rem; line-height: 1.35;
  color: var(--e-global-color-secondary, #475569);
}
.gl-exp__link{
  font-size: .82rem;
  color: var(--e-global-color-primary, #2a7f7a);
  text-decoration: underline dotted;
  text-underline-offset: .15em;
}
.gl-exp:hover .gl-exp__link{ text-decoration-style: solid; }

/* Mobile-Tuning */
@media (max-width: 520px){
  .gl-experiences__grid{
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    gap: 10px;
  }
  .gl-exp{ padding: 8px; }
}

/* Bewegungsreduktion */
@media (prefers-reduced-motion: reduce){
  .gl-exp, .gl-exp .wabbly-frame{ transition: none !important; }
  .gl-exp:hover{ transform: none; }
}/* End custom CSS */