.elementor-33 .elementor-element.elementor-element-ff7c7f3{--display:flex;--overlay-opacity:0.47;}.elementor-33 .elementor-element.elementor-element-ff7c7f3:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-ff7c7f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.zahnarzt-jakolitsch.at/wp-content/uploads/2026/01/Prophylaxe.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-33 .elementor-element.elementor-element-ff7c7f3::before, .elementor-33 .elementor-element.elementor-element-ff7c7f3 > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-ff7c7f3 > .e-con-inner > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-ff7c7f3 > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-ff7c7f3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-ff7c7f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-6e769c8 );--background-overlay:'';}:root{--page-title-display:none;}@media(min-width:1367px){.elementor-33 .elementor-element.elementor-element-ff7c7f3:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-ff7c7f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-e7a266f *//* =========================================================
   Zahnarzt Jakolitsch – Echter Apple Glassmorphism
   ========================================================= */

:root {
    --glass-bg: rgba(255, 255, 255, 0.4); /* Etwas mehr Deckkraft für Sichtbarkeit */
    --glass-border: rgba(255, 255, 255, 0.5);
    --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
    --glass-blur: 15px;
}

/* Die Haupt-Container: Hero, Karten und Kacheln */
.jak-hero, 
.jak-card, 
.jak-tile,
.jak-faq details {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(var(--glass-blur)) !important;
    -webkit-backdrop-filter: blur(var(--glass-blur)) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: 20px !important;
    box-shadow: var(--glass-shadow) !important;
    
    /* Wichtig für den Glanz-Effekt */
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

/* Hover-Effekt für Kacheln (Interaktion) */
.jak-tile:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 12px 40px 0 rgba(31, 38, 135, 0.25) !important;
}

/* Die Apple-typische Lichtkante oben */
.jak-hero::before, 
.jak-card::before, 
.jak-tile::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%, transparent 100%);
    pointer-events: none;
    z-index: 1;
}

/* Chips / Buttons im Glas-Look */
.jak-chip {
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #1d1d1f !important;
    transition: 0.2s;
}

.jak-chip:hover {
    background: rgba(255, 255, 255, 0.4) !important;
}

/* FAQ Details */
.jak-faq details {
    margin-bottom: 10px;
    padding: 15px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff7c7f3 *//* =========================================================
   Zahnarzt Jakolitsch – Apple-Glas-Effekt (Elementor/Global)
   Nutzung: In Elementor → Website-Einstellungen → Custom CSS
   oder im Theme Customizer. Kein Body-Background gesetzt.
   ========================================================= */

/* 1) Optional: Glas-Card auf bestimmte Wrapper anwenden
   - Wenn du eine Seite/Section gezielt steuern willst:
     gib der Section in Elementor die Klasse: jak-glass-wrap
   - Oder verwende direkt: .jak-glass-card auf einzelne Container/Widgets
*/

:root{
  /* Glas-Parameter – bei Bedarf feinjustieren */
  --glass-blur: 14px;
  --glass-sat: 160%;
  --glass-bright: 115%;
  --glass-radius: 18px;

  --glass-border: rgba(255,255,255,.22);
  --glass-border-soft: rgba(255,255,255,.14);
  --glass-shadow: 0 18px 50px rgba(0,0,0,.18);

  --glass-surface: rgba(255,255,255,.08);
  --glass-surface-strong: rgba(255,255,255,.12);

  --glass-text: inherit;
  --glass-heading: inherit;

  --glass-focus: rgba(47,93,138,.40);
}

/* 2) Glas-Wrapper: macht aus Sections/Containern „Frosted Glass“ */
.jak-glass-card,
.jak-glass-wrap .elementor-widget-container,
.jakolitsch-service .jak-card,
.jakolitsch-container .jak-card,
.jakolitsch-container .jak-card-lg{
  background: var(--glass-surface);
  border: 1px solid var(--glass-border);
  border-radius: var(--glass-radius);
  box-shadow: var(--glass-shadow);

  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright));
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright));

  /* Apple-typische Kante */
  position: relative;
  overflow: hidden;
}

/* 3) Subtile „Glanzkante“ oben (Apple-Highlight) */
.jak-glass-card::before,
.jak-glass-wrap .elementor-widget-container::before,
.jakolitsch-service .jak-card::before,
.jakolitsch-container .jak-card::before,
.jakolitsch-container .jak-card-lg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(1200px 500px at 20% 0%, rgba(255,255,255,.22), transparent 55%),
    linear-gradient(to bottom, rgba(255,255,255,.16), transparent 35%);
  opacity:.85;
}

/* 4) Zweite, weichere Innenkante */
.jak-glass-card::after,
.jak-glass-wrap .elementor-widget-container::after,
.jakolitsch-service .jak-card::after,
.jakolitsch-container .jak-card::after,
.jakolitsch-container .jak-card-lg::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius: var(--glass-radius);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
}

/* 5) Typo – bleibt theme-gesteuert, aber leicht „Apple-clean“ */
.jakolitsch-service h1,
.jakolitsch-service h2,
.jakolitsch-service h3,
.jakolitsch-container h1,
.jakolitsch-container h2,
.jakolitsch-container h3{
  color: var(--glass-heading);
  letter-spacing: -0.01em;
}

.jakolitsch-service p,
.jakolitsch-service li,
.jakolitsch-container p,
.jakolitsch-container li{
  color: var(--glass-text);
}

/* 6) Bilder in Glas-Karten: leicht gerundet + feine Kante */
.jakolitsch-service img,
.jakolitsch-container img{
  border-radius: calc(var(--glass-radius) - 6px);
}

.jakolitsch-service .jak-figure img,
.jakolitsch-container .jak-grid-3 img{
  border: 1px solid var(--glass-border-soft);
}

/* 7) Links/Buttons im Glas-Look */
.jakolitsch-service a,
.jakolitsch-container a{
  text-underline-offset: 2px;
}

.jakolitsch-service .jak-btn,
.jakolitsch-container .jak-btn{
  background: rgba(255,255,255,.10);
  border: 1px solid var(--glass-border);
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(0,0,0,.14);
  transition: transform .15s ease, box-shadow .15s ease;
}

.jakolitsch-service .jak-btn:hover,
.jakolitsch-container .jak-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 32px rgba(0,0,0,.18);
}

/* 8) Fokus (WCAG-friendly) */
.jakolitsch-service a:focus,
.jakolitsch-container a:focus,
.jakolitsch-service .jak-btn:focus,
.jakolitsch-container .jak-btn:focus{
  outline: 3px solid var(--glass-focus);
  outline-offset: 3px;
}

/* 9) FAQ / Details im Glas-Stil */
.jakolitsch-service details,
.jakolitsch-container details{
  background: rgba(255,255,255,.08);
  border: 1px solid var(--glass-border-soft);
  border-radius: 14px;
  padding: 10px 12px;
}

/* 10) Mobile: etwas weniger Blur (Performance) */
@media (max-width: 900px){
  :root{ --glass-blur: 10px; }
}

/* 11) Fallback: Wenn Browser kein Backdrop kann → normale Card */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .jak-glass-card,
  .jak-glass-wrap .elementor-widget-container,
  .jakolitsch-service .jak-card,
  .jakolitsch-container .jak-card,
  .jakolitsch-container .jak-card-lg{
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(0,0,0,.12);
  }
}/* End custom CSS */