.elementor-3356 .elementor-element.elementor-element-9b44e38{--display:flex;--overlay-opacity:0.58;}.elementor-3356 .elementor-element.elementor-element-9b44e38::before, .elementor-3356 .elementor-element.elementor-element-9b44e38 > .elementor-background-video-container::before, .elementor-3356 .elementor-element.elementor-element-9b44e38 > .e-con-inner > .elementor-background-video-container::before, .elementor-3356 .elementor-element.elementor-element-9b44e38 > .elementor-background-slideshow::before, .elementor-3356 .elementor-element.elementor-element-9b44e38 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3356 .elementor-element.elementor-element-9b44e38 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-91fa79a );background-image:url("https://www.zahnarzt-jakolitsch.at/wp-content/uploads/2026/01/aestetikhintergrund.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3356 .elementor-element.elementor-element-4ed48f8{--display:flex;--margin-top:171px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3356 .elementor-element.elementor-element-4b5a9ad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{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-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3356 .elementor-element.elementor-element-7b060f0{--grid-row-gap:35px;width:100%;max-width:100%;--grid-column-gap:30px;}.elementor-3356 .elementor-element.elementor-element-7b060f0 > .elementor-widget-container{background-color:#FFFFFF;margin:15px 0px 0px 0px;padding:19px 19px 19px 19px;border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.17);}.elementor-3356 .elementor-element.elementor-element-7b060f0.elementor-element{--align-self:center;}.elementor-3356 .elementor-element.elementor-element-7b060f0 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-3356 .elementor-element.elementor-element-7b060f0:after{content:"0.66";}.elementor-3356 .elementor-element.elementor-element-7b060f0 .elementor-post__thumbnail__link{width:100%;}.elementor-3356 .elementor-element.elementor-element-7b060f0 .elementor-post{border-style:solid;border-width:0.3px 0.3px 0.3px 0.3px;border-radius:20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);background-color:var( --e-global-color-91fa79a );border-color:#4D4D4D47;}.elementor-3356 .elementor-element.elementor-element-7b060f0 .elementor-post__thumbnail{border-radius:20px 20px 20px 20px;}.elementor-3356 .elementor-element.elementor-element-7b060f0.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:15px;}.elementor-3356 .elementor-element.elementor-element-7b060f0.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:15px;}.elementor-3356 .elementor-element.elementor-element-7b060f0.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:15px;}.elementor-3356 .elementor-element.elementor-element-7b060f0 .elementor-post__title{margin-bottom:17px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1024px){.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-3356 .elementor-element.elementor-element-7b060f0 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-3356 .elementor-element.elementor-element-7b060f0:after{content:"0.5";}.elementor-3356 .elementor-element.elementor-element-7b060f0 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:1367px){.elementor-3356 .elementor-element.elementor-element-9b44e38::before, .elementor-3356 .elementor-element.elementor-element-9b44e38 > .elementor-background-video-container::before, .elementor-3356 .elementor-element.elementor-element-9b44e38 > .e-con-inner > .elementor-background-video-container::before, .elementor-3356 .elementor-element.elementor-element-9b44e38 > .elementor-background-slideshow::before, .elementor-3356 .elementor-element.elementor-element-9b44e38 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3356 .elementor-element.elementor-element-9b44e38 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(min-width:2400px){.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for container, class: .elementor-element-9b44e38 *//* =========================================================
   Jakolitsch – Apple Glass Look (sitewide for this page)
   Ziel: maximale Lesbarkeit auf Foto/Hero + cleaner Glaslook
   Hinweis: Kein Background auf body/sections.
   ========================================================= */

/* 1) Basis (nur wenn du die Variablen noch nicht hast – sonst kann das bleiben) */
.jakolitsch-service{
  --ink:#15171A;
  --muted:#4b5563;

  --accent:#2F5D8A;
  --accent-hover:#24476A;
  --focus:#99B7D3;

  /* Glass */
  --glass-bg: rgba(255,255,255,.72);
  --glass-bg-strong: rgba(255,255,255,.84);
  --glass-border: rgba(255,255,255,.46);
  --glass-border-strong: rgba(255,255,255,.58);
  --glass-shadow: 0 18px 45px rgba(0,0,0,.16);
  --glass-inset: inset 0 1px 0 rgba(255,255,255,.65);
}

/* 2) Glasflächen: alle Karten/Boxen/FAQ */
.jakolitsch-service .jak-card,
.jakolitsch-service .jak-card-lg,
.jakolitsch-service .jak-aeo,
.jakolitsch-service .faq details,
.jakolitsch-service .hours-table,
.jakolitsch-service .praxis-info{
  background: var(--glass-bg-strong);
  border: 1px solid var(--glass-border-strong);
  border-radius: 12px;
  box-shadow: var(--glass-shadow), var(--glass-inset);
  position: relative;
  overflow: hidden;
}

/* 3) Backdrop Glass (Apple-like) */
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .jakolitsch-service .jak-card,
  .jakolitsch-service .jak-card-lg,
  .jakolitsch-service .jak-aeo,
  .jakolitsch-service .faq details,
  .jakolitsch-service .hours-table,
  .jakolitsch-service .praxis-info{
    background: var(--glass-bg);
    -webkit-backdrop-filter: blur(18px) saturate(180%);
    backdrop-filter: blur(18px) saturate(180%);
    border: 1px solid var(--glass-border);
  }
}

/* 4) Subtiler Glas-Glanz (oben links) */
.jakolitsch-service .jak-card::before,
.jakolitsch-service .jak-card-lg::before,
.jakolitsch-service .jak-aeo::before,
.jakolitsch-service .faq details::before,
.jakolitsch-service .hours-table::before,
.jakolitsch-service .praxis-info::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  border-radius: inherit;
  background:
    radial-gradient(1100px 260px at 18% 0%,
      rgba(255,255,255,.55) 0%,
      rgba(255,255,255,.20) 35%,
      rgba(255,255,255,0) 60%);
  mix-blend-mode: screen;
  opacity: .85;
}

/* 5) Kontrast/Lesbarkeit */
.jakolitsch-service h1,
.jakolitsch-service h2,
.jakolitsch-service h3,
.jakolitsch-service .faq summary{
  color: #0f172a;
}
.jakolitsch-service p,
.jakolitsch-service li,
.jakolitsch-service .info-text,
.jakolitsch-service .faq .faq-a{
  color: #334155;
}

/* 6) Links */
.jakolitsch-service a{
  color: var(--accent);
}
.jakolitsch-service a:hover{
  color: var(--accent-hover);
}

/* 7) Buttons (deine Farben bleiben, aber sauberer “Apple” Shadow) */
.jakolitsch-service .jak-btn,
.jakolitsch-service .cta-contact{
  background: var(--accent);
  color: #fff;
  box-shadow: 0 14px 34px rgba(47,93,138,.24);
}
.jakolitsch-service .jak-btn:hover,
.jakolitsch-service .cta-contact:hover{
  background: var(--accent-hover);
}

/* 8) Fokus sichtbar (WCAG) */
.jakolitsch-service a:focus-visible,
.jakolitsch-service summary:focus-visible,
.jakolitsch-service button:focus-visible{
  outline: 3px solid var(--focus);
  outline-offset: 3px;
}

/* 9) Optional: Hero-Textblock “Glass” (falls du einen Wrapper gibst)
   -> <div class="jak-hero-glass"> ... </div>
*/
.jakolitsch-service .jak-hero-glass{
  background: var(--glass-bg-strong);
  border: 1px solid var(--glass-border-strong);
  border-radius: 14px;
  box-shadow: var(--glass-shadow), var(--glass-inset);
  padding: 18px 18px;
  position: relative;
  overflow: hidden;
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .jakolitsch-service .jak-hero-glass{
    background: rgba(255,255,255,.64);
    -webkit-backdrop-filter: blur(20px) saturate(170%);
    backdrop-filter: blur(20px) saturate(170%);
    border: 1px solid var(--glass-border);
  }
}
.jakolitsch-service .jak-hero-glass::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  border-radius: inherit;
  background:
    radial-gradient(1200px 320px at 22% 0%,
      rgba(255,255,255,.62) 0%,
      rgba(255,255,255,.22) 35%,
      rgba(255,255,255,0) 60%);
  mix-blend-mode: screen;
  opacity: .9;
}

/* 10) Mobile: mehr Deckkraft (Foto ist dort oft unruhiger) */
@media (max-width: 768px){
  .jakolitsch-service .jak-card,
  .jakolitsch-service .jak-card-lg,
  .jakolitsch-service .jak-aeo,
  .jakolitsch-service .faq details,
  .jakolitsch-service .hours-table,
  .jakolitsch-service .praxis-info,
  .jakolitsch-service .jak-hero-glass{
    background: rgba(255,255,255,.88);
  }
  @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
    .jakolitsch-service .jak-card,
    .jakolitsch-service .jak-card-lg,
    .jakolitsch-service .jak-aeo,
    .jakolitsch-service .faq details,
    .jakolitsch-service .hours-table,
    .jakolitsch-service .praxis-info,
    .jakolitsch-service .jak-hero-glass{
      background: rgba(255,255,255,.74);
    }
  }
}/* End custom CSS */