.vai-bausteine{--farbe-text:#1a1a1a;--farbe-hintergrund:#fff;--farbe-akzent:#1f5fbf;--farbe-akzent-text:#fff;--farbe-flaeche:#f4f6f8;--farbe-rand:#e2e6ea;--schrift:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lesebreite:42rem;--inhaltsbreite:68rem;--radius:.75rem}.vai-bausteine *,.vai-bausteine :before,.vai-bausteine :after{box-sizing:border-box}.vai-bausteine{font-family:var(--schrift);color:var(--farbe-text);background:var(--farbe-hintergrund);margin:0;font-size:1.0625rem;line-height:1.6}.vai-bausteine img{max-width:100%;height:auto;display:block}.vai-bausteine a{color:var(--farbe-akzent)}.vai-bausteine h1,.vai-bausteine h2,.vai-bausteine h3{letter-spacing:-.01em;margin:0 0 .6em;font-weight:700;line-height:1.2}.vai-bausteine h1{font-size:clamp(2rem,5vw,3.25rem)}.vai-bausteine h2{font-size:clamp(1.5rem,3vw,2.125rem)}.vai-bausteine h3{font-size:1.2rem}.vai-bausteine p{margin:0 0 1em}.vai-bausteine main>section,.vai-bausteine main>figure,.vai-bausteine>section,.vai-bausteine>figure{margin:0;padding:clamp(2.5rem,6vw,5rem) 1.25rem}.vai-bausteine main>section>*,.vai-bausteine main>figure>*,.vai-bausteine>section>*,.vai-bausteine>figure>*{max-width:var(--inhaltsbreite);margin-left:auto;margin-right:auto}.vai-bausteine .knopf{background:var(--farbe-akzent);color:var(--farbe-akzent-text);border-radius:999px;margin-top:.75rem;padding:.8rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.vai-bausteine .knopf:hover{filter:brightness(1.08)}.vai-bausteine .hero{text-align:center;background:var(--farbe-flaeche);position:relative}.vai-bausteine .hero--mit-bild{color:#fff;place-items:center;min-height:60vh;padding:0;display:grid}.vai-bausteine .hero__bild{object-fit:cover;z-index:0;width:100%;max-width:none;height:100%;position:absolute;inset:0}.vai-bausteine .hero--mit-bild:after{content:"";z-index:1;background:linear-gradient(#00000059,#0000008c);position:absolute;inset:0}.vai-bausteine .hero__inhalt{z-index:2;max-width:var(--lesebreite);padding:clamp(3rem,8vw,6rem) 1.25rem;position:relative}.vai-bausteine .hero__unterzeile{opacity:.92;font-size:1.25rem}.vai-bausteine .hero--mit-bild .knopf{color:var(--farbe-text);background:#fff}.vai-bausteine .text--schmal>*{max-width:var(--lesebreite)}.vai-bausteine .text h2+*{margin-top:0}.vai-bausteine .text ul,.vai-bausteine .text ol{padding-left:1.4em}.vai-bausteine .text blockquote{border-left:3px solid var(--farbe-akzent);color:#444;margin:1.5em 0;padding:.25em 1em}.vai-bausteine .bild{text-align:center}.vai-bausteine .bild--voll{padding-left:0;padding-right:0}.vai-bausteine .bild--voll>img{width:100%;max-width:none}.vai-bausteine .bild img{border-radius:var(--radius)}.vai-bausteine .bild--voll img{border-radius:0}.vai-bausteine figcaption{color:#555;margin-top:.6rem;font-size:.9rem}.vai-bausteine .galerie__raster{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.vai-bausteine .galerie__raster figure{margin:0}.vai-bausteine .galerie__raster img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);width:100%}@media (min-width:40rem){.vai-bausteine .galerie__raster--3{grid-template-columns:repeat(3,1fr)}.vai-bausteine .galerie__raster--4{grid-template-columns:repeat(4,1fr)}}.vai-bausteine .merkmale{background:var(--farbe-flaeche)}.vai-bausteine .merkmale h2,.vai-bausteine .merkmale__einleitung{text-align:center}.vai-bausteine .merkmale__einleitung{max-width:var(--lesebreite)}.vai-bausteine .merkmale__liste{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem;margin-top:2rem;padding:0;list-style:none;display:grid}.vai-bausteine .merkmale__liste li{background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:var(--radius);padding:1.5rem}.vai-bausteine .merkmale__liste h3{margin-bottom:.4em}.vai-bausteine .merkmale__liste p{color:#444;margin:0}.vai-bausteine .merkmale__symbol{background:var(--farbe-akzent);opacity:.15;border-radius:.6rem;width:2.25rem;height:2.25rem;margin-bottom:.9rem;display:inline-block}.vai-bausteine .aufruf{text-align:center;background:var(--farbe-akzent);color:var(--farbe-akzent-text)}.vai-bausteine .aufruf>*{max-width:var(--lesebreite)}.vai-bausteine .aufruf .knopf{color:var(--farbe-akzent);background:#fff}.vai-bausteine .kontakt address{gap:.25rem;font-style:normal;display:grid}.vai-bausteine .kontakt__zeiten{white-space:pre-line;color:#444;margin-top:1rem}.vai-bausteine .karte h2{text-align:center}.vai-bausteine .karte__rahmen{width:100%;max-width:var(--inhaltsbreite);border-radius:var(--radius);border:0;height:24rem;display:block}.vai-bausteine .karte__platzhalter{background:var(--farbe-flaeche);border-radius:var(--radius);height:16rem;color:var(--farbe-text);place-items:center;gap:.5rem;display:grid}.vai-bausteine .karte__platzhalter address{font-style:normal;font-weight:600}.vai-bausteine .karte__adresse{text-align:center;color:#555;margin-top:.75rem}.vai-bausteine .knopf--zweit{color:var(--farbe-text);border:1px solid var(--farbe-rand);background:0 0}.vai-bausteine .knopf{cursor:pointer;font:inherit;border:0;font-weight:600}.vai-bausteine.einwilligung,.vai-bausteine .einwilligung{z-index:50;background:var(--farbe-hintergrund);max-width:42rem;color:var(--farbe-text);border:1px solid var(--farbe-rand);border-radius:var(--radius);margin:0 auto;padding:1.25rem 1.5rem;position:fixed;inset:auto 1rem 1rem;box-shadow:0 12px 40px #0000002e}.vai-bausteine .einwilligung p{margin:0 0 .75rem;font-size:.95rem}.vai-bausteine .einwilligung__knoepfe,.vai-bausteine .zweiklick__knoepfe{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.vai-bausteine .einwilligung__knoepfe .knopf,.vai-bausteine .zweiklick__knoepfe .knopf{margin-top:0;padding:.6rem 1.1rem}.vai-bausteine .zweiklick{max-width:var(--inhaltsbreite);margin-left:auto;margin-right:auto;position:relative}.vai-bausteine .zweiklick__text{border:1px solid var(--farbe-rand);border-radius:var(--radius);background:#fffffff5;padding:1rem 1.25rem;position:absolute;inset:auto 1rem 1rem}.vai-bausteine .zweiklick__text p{color:#444;margin:.25rem 0 .75rem;font-size:.9rem}.vai-bausteine .fuss{text-align:center;padding:2rem 1rem;font-size:.85rem}.vai-bausteine .einwilligung__aendern{color:#666;cursor:pointer;font:inherit;background:0 0;border:0;font-size:.85rem;text-decoration:underline}.vai-bausteine .formular h2{text-align:center}.vai-bausteine .formular__einleitung{text-align:center;max-width:var(--lesebreite)}.vai-bausteine .formular__form{max-width:var(--lesebreite);flex-wrap:wrap;gap:1rem;display:flex}.vai-bausteine .formular__feld{flex-direction:column;flex:100%;gap:.35rem;display:flex}.vai-bausteine .formular__feld label{font-size:.95rem;font-weight:600}.vai-bausteine .formular__feld input,.vai-bausteine .formular__feld textarea,.vai-bausteine .formular__feld select{font:inherit;border:1px solid var(--farbe-rand);color:var(--farbe-text);background:#fff;border-radius:.5rem;padding:.7rem .9rem}.vai-bausteine .formular__feld input:focus,.vai-bausteine .formular__feld textarea:focus,.vai-bausteine .formular__feld select:focus{outline:2px solid var(--farbe-akzent);outline-offset:1px}.vai-bausteine .formular__feld--kasten{flex-direction:row;align-items:flex-start;gap:.6rem}.vai-bausteine .formular__feld--kasten label{font-weight:400}.vai-bausteine .formular__feld--kasten input{margin-top:.3rem}.vai-bausteine .formular__hinweis{color:#444;flex:100%}.vai-bausteine .formular__honig{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.vai-bausteine .formular__erfolg{text-align:center;background:var(--farbe-flaeche);border-radius:var(--radius);max-width:var(--lesebreite);padding:1.5rem}.vai-bausteine .formular__fehler{color:#b00020;flex:100%;margin:0}.vai-bausteine .formular .knopf{flex:none}.vai-bausteine .chat h2{text-align:center}.vai-bausteine .chat__fenster{max-width:var(--lesebreite);background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 30px #00000014}.vai-bausteine .chat__fenster--schwebend{z-index:60;width:min(24rem,100vw - 2rem);height:min(32rem,100vh - 2rem);position:fixed;bottom:1rem;right:1rem}.vai-bausteine .chat__kopf{background:var(--farbe-akzent);color:var(--farbe-akzent-text);justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.vai-bausteine .chat__schliessen{color:inherit;cursor:pointer;background:0 0;border:0;font-size:1.4rem;line-height:1}.vai-bausteine .chat__verlauf{background:var(--farbe-flaeche);flex-direction:column;flex:1;gap:.6rem;min-height:14rem;max-height:24rem;padding:1rem;display:flex;overflow-y:auto}.vai-bausteine .chat__blase{white-space:pre-wrap;border-radius:1rem;max-width:85%;padding:.6rem .9rem;line-height:1.45}.vai-bausteine .chat__blase--assistent{background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-bottom-left-radius:.3rem;align-self:flex-start}.vai-bausteine .chat__blase--nutzer{background:var(--farbe-akzent);color:var(--farbe-akzent-text);border-bottom-right-radius:.3rem;align-self:flex-end}.vai-bausteine .chat__blase--wartet{opacity:.6}.vai-bausteine .chat__eingabe{border-top:1px solid var(--farbe-rand);gap:.5rem;padding:.75rem;display:flex}.vai-bausteine .chat__eingabe input{font:inherit;border:1px solid var(--farbe-rand);border-radius:999px;flex:1;padding:.65rem .9rem}.vai-bausteine .chat__eingabe .knopf{margin-top:0;padding:.65rem 1.1rem}.vai-bausteine .chat__hinweis{color:#777;margin:0;padding:0 .9rem .7rem;font-size:.72rem}.vai-bausteine .chat__knopf{z-index:60;position:fixed;bottom:1rem;right:1rem;box-shadow:0 8px 24px #0003}.vai-bausteine .sozial{text-align:center}.vai-bausteine .sozial__liste{flex-wrap:wrap;justify-content:center;gap:.75rem;padding:0;list-style:none;display:flex}.vai-bausteine .sozial__liste a{border:1px solid var(--farbe-rand);color:var(--farbe-text);border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.vai-bausteine .sozial__liste a:hover{border-color:var(--farbe-akzent);color:var(--farbe-akzent)}.vai-bausteine .einbettung h2{text-align:center}.vai-bausteine .einbettung__rahmen{width:100%;max-width:var(--inhaltsbreite);border-radius:var(--radius);background:#000;border:0;display:block}.vai-bausteine .einbettung--video .einbettung__rahmen{aspect-ratio:16/9;height:auto}.vai-bausteine .einbettung--post .einbettung__rahmen{background:#fff;max-width:34rem;height:40rem}.vai-bausteine .einbettung__platzhalter{background:var(--farbe-flaeche);border-radius:var(--radius);color:#666;min-height:16rem;max-width:var(--inhaltsbreite);place-items:center;font-weight:600;display:grid}.vai-bausteine .einbettung--post .einbettung__platzhalter{max-width:34rem}.vai-bausteine .einbettung__unterschrift{text-align:center;color:#555;margin-top:.6rem;font-size:.9rem}.vai-bausteine .bewertungen h2,.vai-bausteine .bewertungen__schnitt{text-align:center}.vai-bausteine .sterne{color:#d9d9d9;letter-spacing:.1em}.vai-bausteine .stern--voll{color:#f5a623}.vai-bausteine .bewertungen__schnitt{font-size:1.1rem}.vai-bausteine .bewertungen__liste{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem;padding:0;list-style:none;display:grid}.vai-bausteine .bewertungen__liste li{background:var(--farbe-flaeche);border-radius:var(--radius);padding:1.5rem}.vai-bausteine .bewertungen__liste blockquote{margin:.6rem 0;font-style:italic}.vai-bausteine .bewertungen__liste footer{color:#555;font-size:.9rem}.vai-bausteine .bewertungen__widget{width:100%;max-width:var(--inhaltsbreite);border-radius:var(--radius);border:0;height:24rem;display:block}.vai-bausteine .faq h2{text-align:center}.vai-bausteine .faq__liste{max-width:var(--lesebreite)}.vai-bausteine .faq__eintrag{border-bottom:1px solid var(--farbe-rand);padding:.9rem 0}.vai-bausteine .faq__eintrag summary{cursor:pointer;justify-content:space-between;gap:1rem;font-weight:600;list-style:none;display:flex}.vai-bausteine .faq__eintrag summary:after{content:"+";color:var(--farbe-akzent);font-weight:700}.vai-bausteine .faq__eintrag[open] summary:after{content:"–"}.vai-bausteine .faq__eintrag p{color:#444;margin:.6rem 0 0}.vai-bausteine .hinweis{max-width:var(--lesebreite);margin:15vh auto;padding:0 1.25rem}.vai-bausteine .roh-html>*{max-width:var(--inhaltsbreite)}
