.elementor-670 .elementor-element.elementor-element-66dcebc0{--display:flex;--min-height:32vh;--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;--overlay-opacity:0.5;}.elementor-670 .elementor-element.elementor-element-66dcebc0:not(.elementor-motion-effects-element-type-background), .elementor-670 .elementor-element.elementor-element-66dcebc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6e769c8 );}.elementor-670 .elementor-element.elementor-element-66dcebc0::before, .elementor-670 .elementor-element.elementor-element-66dcebc0 > .elementor-background-video-container::before, .elementor-670 .elementor-element.elementor-element-66dcebc0 > .e-con-inner > .elementor-background-video-container::before, .elementor-670 .elementor-element.elementor-element-66dcebc0 > .elementor-background-slideshow::before, .elementor-670 .elementor-element.elementor-element-66dcebc0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-670 .elementor-element.elementor-element-66dcebc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("http://www.zahnarzt-jakolitsch.at/wp-content/uploads/2026/01/team.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-670 .elementor-element.elementor-element-f084730{--display:flex;--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:center;--overlay-opacity:0.33;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);--margin-top:150px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-670 .elementor-element.elementor-element-f084730:not(.elementor-motion-effects-element-type-background), .elementor-670 .elementor-element.elementor-element-f084730 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#15171A4A;}.elementor-670 .elementor-element.elementor-element-f084730::before, .elementor-670 .elementor-element.elementor-element-f084730 > .elementor-background-video-container::before, .elementor-670 .elementor-element.elementor-element-f084730 > .e-con-inner > .elementor-background-video-container::before, .elementor-670 .elementor-element.elementor-element-f084730 > .elementor-background-slideshow::before, .elementor-670 .elementor-element.elementor-element-f084730 > .e-con-inner > .elementor-background-slideshow::before, .elementor-670 .elementor-element.elementor-element-f084730 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-670 .elementor-element.elementor-element-f084730.e-con{--align-self:center;}.elementor-widget-text-editor{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 );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-670 .elementor-element.elementor-element-70ae825c{padding:15px 15px 15px 15px;color:var( --e-global-color-8214061 );}:root{--page-title-display:none;}body.elementor-page-670{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1366px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-670 .elementor-element.elementor-element-f084730{--width:70vw;}}@media(min-width:1367px){.elementor-670 .elementor-element.elementor-element-66dcebc0::before, .elementor-670 .elementor-element.elementor-element-66dcebc0 > .elementor-background-video-container::before, .elementor-670 .elementor-element.elementor-element-66dcebc0 > .e-con-inner > .elementor-background-video-container::before, .elementor-670 .elementor-element.elementor-element-66dcebc0 > .elementor-background-slideshow::before, .elementor-670 .elementor-element.elementor-element-66dcebc0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-670 .elementor-element.elementor-element-66dcebc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(min-width:2400px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for text-editor, class: .elementor-element-70ae825c */<!-- CSS-Add-on: Lesbarkeit auf dunklem Hintergrundbild (ohne Background-Styles auf Body/Section) -->
<style>
  /* Wrapper um deinen Content: legt nur Lesbarkeitsregeln fest, nicht den Seiten-Background */
  .jakolitsch-container{
    color:#f3f4f6;                /* Standardtext hell */
    line-height:1.7;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  }

  /* Headings */
  .jakolitsch-container h1,
  .jakolitsch-container h2,
  .jakolitsch-container h3{
    color:#ffffff;
  }

  /* Links */
  .jakolitsch-container a{
    color:#e5e7eb;
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .jakolitsch-container a:hover{
    color:#ffffff;
  }

  /* Grundprinzip: Jede Textfläche bekommt eine dunkle "Glas"-Card */
  .jak-card{
    background: rgba(0,0,0,.58);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    padding: 18px 18px;
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }

  /* Für größere Abschnitte */
  .jak-card-lg{ padding: 22px 22px; border-radius: 16px; }

  /* Lede/Einleitung */
  .lede{
    font-size: 1.15em;
    color:#e5e7eb;
    margin-top:.25rem;
  }

  /* Quick Answer Box */
  .quick-answer{
    border-left: 4px solid rgba(0,224,255,.75);
  }
  .quick-answer strong{ display:block; margin-bottom: 6px; color:#ffffff; }

  /* Premium-Box: behält den Farbverlauf-Rahmen, Inhalt wird aber dunkel-lesbar */
  .info-box-premium{
    position: relative;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 16px;
    padding: 20px 20px;
    background: rgba(0,0,0,.55);
    box-shadow: 0 10px 28px rgba(0,0,0,.25);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .info-box-premium::before{
    content:"";
    position:absolute;
    inset:-2px;
    background: linear-gradient(135deg, rgba(0,224,255,.55) 0%, rgba(213,0,249,.65) 100%);
    border-radius: 18px;
    z-index:-1;
  }
  .info-box-premium h3{ margin-top:0; color:#ffffff; }

  /* Listen */
  .feature-list{
    list-style:none;
    padding:0;
    margin: 14px 0 0;
  }
  .feature-list li{
    margin:0 0 12px;
    padding-left:28px;
    position:relative;
    color:#e5e7eb;
  }
  .feature-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#ffffff;
    font-weight:800;
  }

  /* Schritte */
  .steps{ margin: 10px 0 0; padding-left: 18px; }
  .steps li{ margin-bottom: 8px; color:#e5e7eb; }

  /* Tabelle: auf dunkel sauber lesbar */
  .tech-table{
    width:100%;
    border-collapse: collapse;
    margin: 14px 0 6px;
    background: rgba(0,0,0,.55);
    border-radius: 14px;
    overflow:hidden; /* rundungen */
    border: 1px solid rgba(255,255,255,.14);
  }
  .tech-table caption{
    text-align:left;
    font-weight: 800;
    margin: 0 0 10px;
    color:#ffffff;
  }
  .tech-table th, .tech-table td{
    border: 1px solid rgba(255,255,255,.12);
    padding: 14px;
    text-align:left;
    vertical-align: top;
    color:#e5e7eb;
  }
  .tech-table th{
    background: rgba(255,255,255,.08);
    text-transform: uppercase;
    font-size: .9em;
    letter-spacing: .4px;
    color:#ffffff;
  }
  .tech-table tr:hover td{
    background: rgba(0,224,255,.08);
    border-left: 4px solid rgba(213,0,249,.75);
  }

  /* FAQ */
  .faq{ margin-top: 26px; }
  .faq details{
    background: rgba(0,0,0,.55);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    padding: 12px 14px;
    margin: 10px 0;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .faq summary{
    cursor:pointer;
    font-weight:800;
    color:#ffffff;
  }
  .faq p{ margin: 10px 0 0; color:#e5e7eb; }

  /* CTA */
  .cta-box-minimal{
    margin-top: 34px;
    padding: 20px;
    background: rgba(0,0,0,.62);
    border: 1px solid rgba(255,255,255,.16);
    border-left: 4px solid rgba(213,0,249,.75);
    border-radius: 16px;
    text-align:center;
    box-shadow: 0 10px 28px rgba(0,0,0,.25);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .cta-box-minimal h2{ color:#ffffff; margin:0 0 8px; }
  .cta-box-minimal strong{ color:#ffffff; }

  /* Accessibility: Fokus sichtbar */
  .jakolitsch-container a:focus,
  .jakolitsch-container summary:focus{
    outline: 3px solid rgba(0,224,255,.65);
    outline-offset: 3px;
    border-radius: 8px;
  }

  /* Mobile spacing */
  @media (max-width: 640px){
    .jak-card, .jak-card-lg{ padding: 16px; }
    .tech-table th, .tech-table td{ padding: 12px; }
  }
</style>

<!-- HTML: Einfach die Textbereiche in .jak-card/.jak-card-lg einpacken -->
<div class="jakolitsch-container">
  <div class="jak-card-lg">
    <h1>Aligner – die unsichtbare Zahnkorrektur für Erwachsene</h1>
    <p class="lede"><strong>Transparente Schienen statt Metall-Zahnspange – digital geplant, präzise umgesetzt. Praxis + Meisterlabor bei Zahnarzt Jakolitsch in Tiefgraben.</strong></p>
  </div>

  <div class="jak-card quick-answer" role="note" aria-label="Kurz beantwortet" style="margin-top:18px;">
    <strong>Kurz beantwortet:</strong>
    Aligner sind nahezu unsichtbare, herausnehmbare Schienen zur Korrektur von Engständen, Lücken und leichten Rotationen – mit digitaler Planung (Scan, bei Bedarf DVT) für sichere, planbare Zahnbewegungen.
  </div>

  <div class="jak-card" style="margin-top:18px;">
    <h2>Was sind Aligner – und wann sind sie sinnvoll?</h2>
    <p>Aligner sind individuell gefertigte, transparente Kunststoffschienen. Sie bewegen Zähne schrittweise in die gewünschte Position – diskret im Alltag und ohne Metallbrackets.</p>
  </div>

  <div class="info-box-premium" style="margin-top:18px;">
    <h3>Aligner – die wichtigsten Fakten</h3>
    <ul class="feature-list">
      <li><strong>Verfahren:</strong> Digitaler Workflow ohne klassische Abdruckmasse (Intraoralscan).</li>
      <li><strong>Typische Indikationen:</strong> Engstände, Lücken, leichte Rotationen.</li>
      <li><strong>Behandlungsdauer:</strong> häufig 3–24 Monate.</li>
      <li><strong>Tragezeit:</strong> meist 20–22 Stunden/Tag.</li>
    </ul>
  </div>

  <div class="jak-card" style="margin-top:18px;">
    <h2>Sichtbare Ergebnisse durch digitale Planung</h2>
    <table class="tech-table" aria-label="Technologien bei der Aligner-Therapie">
      <thead>
        <tr><th>Technologie</th><th>Nutzen</th></tr>
      </thead>
      <tbody>
        <tr><td><strong>Intraoralscanner</strong></td><td>Digitale 3D-Datenerfassung – präziser als manuelle Abdrücke.</td></tr>
        <tr><td><strong>DVT (3D-Röntgen)</strong></td><td>Bei Bedarf: sichere Beurteilung von Wurzeln &amp; Knochen.</td></tr>
        <tr><td><strong>3D-Planungssoftware</strong></td><td>Simulation des Zielergebnisses vor Behandlungsstart.</td></tr>
      </tbody>
    </table>
  </div>

  <section class="faq" aria-label="Häufige Fragen zur Aligner-Therapie">
    <h2 style="margin-top:18px;">Häufige Fragen (FAQ)</h2>

    <details>
      <summary>Für wen sind Aligner geeignet?</summary>
      <p>Für viele leichte bis mittlere Fehlstellungen. Die Eignung klären wir nach Scan und Befund, bei Bedarf ergänzt durch DVT.</p>
    </details>

    <details>
      <summary>Wie lange dauert die Behandlung?</summary>
      <p>Häufig 3–24 Monate – abhängig von Ausgangslage, Ziel und Tragezeit.</p>
    </details>
  </section>

  <div class="cta-box-minimal">
    <h2>Termin für Aligner-Beratung</h2>
    <div><strong>Herzog Odilo-Straße 101, 5310 Tiefgraben</strong></div>
    <p style="margin:10px 0 0;">
      Online Termin buchen: <a href="https://termine.softdent.at/zahnarzt-jakolitsch" rel="nofollow">termine.softdent.at</a><br>
      Telefon: <a href="tel:+43623470267">+43 6234 70267</a>
    </p>
  </div>
</div>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f084730 */.elementor-670 .elementor-element.elementor-element-f084730 {
    /* Der Glas-Effekt */
    background: rgba( 255, 255, 255, 0.1 ); /* Sehr transparentes Weiß */
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 55, 0.37 ); /* Weicher Schatten */
    backdrop-filter: blur( 12px ); /* Der Milchglas-Weichzeichner */
    -webkit-backdrop-filter: blur( 12px ); /* Für Safari */
    border-radius: 16px; /* Abgerundete Ecken */
    border: 1px solid rgba( 255, 255, 255, 0.18 ); /* Subtiler weißer Rand innen */

    /* Der leuchtende Cyan-Magenta Rand */
    position: relative;
    z-index: 1;
    padding: 40px; /* Innenabstand für den Text */
}

/* Das Pseudo-Element für den Farbverlauf-Rand */
.elementor-670 .elementor-element.elementor-element-f084730::before {
    content: "";
    position: absolute;
    inset: 0; /* Nimmt die volle Größe ein */
    border-radius: 16px; /* Gleiche Rundung wie die Box */
    padding: 2px; /* Dicke des leuchtenden Randes */
    
    /* Dein Farbverlauf: Cyan zu Magenta */
    background: linear-gradient(45deg, #00E0FF, #D500F9);
    
    /* Maske, damit nur der Rand sichtbar bleibt */
    -webkit-mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    
    z-index: -1; /* Hinter dem Glas */
    pointer-events: none; /* Klicks gehen durch */
}

/* Damit der Text in der Box gut lesbar ist (optional) */
.elementor-670 .elementor-element.elementor-element-f084730 h1, .elementor-670 .elementor-element.elementor-element-f084730 h2, .elementor-670 .elementor-element.elementor-element-f084730 h3, .elementor-670 .elementor-element.elementor-element-f084730 p, .elementor-670 .elementor-element.elementor-element-f084730 li {
    color: #FFFFFF !important; /* Text wird weiß */
    text-shadow: 0 1px 2px rgba(0,0,0,0.3); /* Leichter Schatten für Lesbarkeit */
}

/* Ausnahme für die graue FAQ-Box (falls vorhanden), damit sie nicht weiß wird */
.elementor-670 .elementor-element.elementor-element-f084730 div[style*="background-color: #f3f4f6"] {
     background-color: rgba(255, 255, 255, 0.85) !important; /* Wird auch glasig-hell */
     border-left: none !important; /* Rand weg, passt nicht zum Glas */
}
.elementor-670 .elementor-element.elementor-element-f084730 div[style*="background-color: #f3f4f6"] h3,
.elementor-670 .elementor-element.elementor-element-f084730 div[style*="background-color: #f3f4f6"] p {
    color: #1F2937 !important; /* Text darin bleibt dunkel */
    text-shadow: none !important;
}/* End custom CSS */