:root{--blue:#087fa4;--blue2:#0573ce;--text:#172033;--muted:#697586;--line:#dbe6ed;--bg:#f5f9fc}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 45%,#eaf5fb 0 12%,transparent 28%),linear-gradient(#fff,#f7fbfd);min-height:100vh}header{height:70px;background:#fff;border-bottom:1px solid #e8eef2;display:flex;align-items:center;justify-content:center;position:relative}.logo{font-size:36px;color:#111827;text-decoration:none;letter-spacing:.5px}nav{position:absolute;right:5%;display:flex;gap:32px}nav a{color:#172033;text-decoration:none;padding:24px 3px 18px}.active{color:#0573ce!important;border-bottom:3px solid #0573ce}main{width:min(940px,92%);margin:34px auto 90px}h1{text-align:center;font-size:36px;margin:0}.accent{width:126px;height:7px;margin:16px auto 28px;border-radius:7px;background:linear-gradient(90deg,#002b7f 0 33.333%,#fcd116 33.333% 66.666%,#ce1126 66.666% 100%);box-shadow:0 2px 8px rgba(16,46,82,.12)}.card{background:#fff;border:1px solid #e4ebef;border-radius:18px;padding:26px 42px 30px;box-shadow:0 14px 40px rgba(30,55,75,.12)}.intro{display:flex;gap:20px;align-items:center;margin-bottom:25px}.intro-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#e7f5fd;font-size:25px}.intro h2{margin:0 0 7px}.intro p{margin:0;color:var(--muted)}label{display:block;font-weight:600;font-size:14px;margin:13px 0}small{font-weight:400;color:var(--muted)}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #cfdbe3;border-radius:8px;padding:12px 13px;font:inherit;color:var(--text);background:#fff}textarea{min-height:90px;resize:vertical}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.security{margin:16px 0;border:1px solid var(--line);border-radius:10px;padding:11px 14px;display:grid;grid-template-columns:1fr auto 180px;gap:22px;align-items:center}.security small{display:block;margin-top:4px}.security input{margin:0}.appointment{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.appointment h3{font-size:15px}.primary,.chat-send{border:0;border-radius:8px;background:linear-gradient(90deg,var(--blue2),var(--blue));color:#fff;font-weight:700;font-size:17px;padding:14px 25px;cursor:pointer}.primary{display:block;width:52%;margin:22px auto 10px}.confirm,.result{text-align:center;border:1px solid #b9e0cd;background:#f3fbf7;color:#22815e;padding:10px;border-radius:8px;width:52%;margin:0 auto}.result.error{border-color:#f1b9b9;background:#fff5f5;color:#a93030}.hp{position:absolute!important;left:-9999px!important}.chat-pill{position:fixed;right:26px;bottom:22px;background:#078baa;color:#fff;border:0;border-radius:28px;padding:15px 23px;font-size:16px;font-weight:700;box-shadow:0 8px 24px #0b739055;cursor:pointer}.chat-box{position:fixed;right:26px;bottom:82px;width:340px;max-height:76vh;background:#fff;border-radius:14px;box-shadow:0 14px 44px rgba(16,45,62,.28);overflow:auto;border:1px solid #d9e7ed;z-index:10}.chat-head{background:linear-gradient(90deg,#087fa4,#0794af);color:#fff;padding:15px 18px;display:flex;justify-content:space-between}.chat-head button{background:none;border:0;color:#fff;font-size:25px}.chat-info{margin:14px;background:#eaf6fc;padding:12px;border-radius:8px;font-size:13px}.chat-box form{padding:0 16px 16px}.chat-send{width:100%;font-size:15px}.chat-messages{padding:0 14px;max-height:230px;overflow:auto}.msg{padding:9px 11px;margin:7px 0;border-radius:10px;background:#eef5f8}.msg.admin{background:#dff5ee;margin-left:28px}.msg.visitor{background:#e8f2fb;margin-right:28px}.msg.system{font-size:12px;color:#687681;background:#f6f7f8}@media(max-width:760px){nav{display:none}.logo{font-size:30px}main{width:94%;margin-top:24px}h1{font-size:27px}.card{padding:22px 17px}.grid3{grid-template-columns:1fr}.security{grid-template-columns:1fr}.primary,.confirm,.result{width:100%}.chat-box{right:3%;width:94%;bottom:78px}.chat-pill{right:14px}.intro{align-items:flex-start}.intro-icon{flex:0 0 52px}}
.languages{position:absolute;left:5%;display:flex;gap:7px}.languages a{font-size:12px;text-decoration:none;color:#586777;border:1px solid #d5e1e7;border-radius:6px;padding:5px 7px;background:#fff}.languages a.selected{background:#087fa4;color:#fff;border-color:#087fa4}.char-status{margin-top:7px;font-size:13px;font-weight:700;padding:7px 10px;border-radius:7px;transition:.2s}.char-status.invalid{color:#b42318;background:#fff0ef;border:1px solid #f3bbb6}.char-status.valid{color:#18794e;background:#eefbf4;border:1px solid #a9dfc3}textarea:invalid:focus{border-color:#d92d20;box-shadow:0 0 0 3px rgba(217,45,32,.1)}textarea:valid{border-color:#7bc9a3}@media(max-width:760px){.languages{left:12px;top:76px;z-index:3}.languages a{background:#fff}main{margin-top:52px}}

.chat-reset{width:100%;margin-top:10px;background:#fff;color:#087fa4;border:1px solid #087fa4;padding:10px;border-radius:8px;font-weight:700;cursor:pointer}.chat-closed{margin-top:10px;padding:10px;border-radius:8px;background:#fff4e5;color:#7a4a00;font-size:13px}.delete-btn{background:#9d1620!important}
.intro-icon{overflow:hidden;padding:0}.intro-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.chat-status{margin:14px;background:#fff1f1;border:1px solid #f1b2b2;color:#8e2020;padding:13px 14px;border-radius:9px;font-size:13px;font-weight:600;line-height:1.45}.chat-status.warning{background:#fff8e8;border-color:#efd28a;color:#755000}.chat-messages:not(:empty){padding-top:2px}.msg.system{display:none}.msg.visitor{font-size:14px;line-height:1.45}
.quick-contact{max-width:1040px;margin:22px auto}.quick-contact h2{text-align:center}.quick-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.quick-link{border:0;border-radius:16px;padding:15px 24px;background:#eaf6fb;color:#073b52;text-decoration:none;font-weight:800;cursor:pointer}.quick-link.whatsapp{background:#dcf8e7;color:#075e3b}.faq-section{margin-top:24px}.faq-list details{border:1px solid #dbe9ef;border-radius:14px;padding:14px 16px;margin:10px 0;background:#fff}.faq-list summary{font-weight:800;cursor:pointer}.faq-list details div{padding-top:12px;line-height:1.6}.rating-stars{display:grid;gap:8px;margin:18px 0}.rating-stars label span{display:block;padding:12px;border:1px solid #d9e6ec;border-radius:12px;cursor:pointer}.rating-stars input{position:absolute;opacity:0}

/* v2.6.5 – kompakte Navigation, farbige Sprachwahl und Besucherzähler */
.site-header{min-height:76px;height:auto;padding:0 4.5%;justify-content:space-between;gap:24px}.site-header .logo{flex:0 0 auto}.header-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:20px}.main-nav{position:static;display:flex;align-items:center;gap:22px}.main-nav a{padding:27px 3px 20px;font-weight:700}.languages{position:static;display:flex;align-items:center;gap:7px}.languages a{display:grid;place-items:center;min-width:44px;height:38px;padding:0 10px;border-radius:11px;text-decoration:none;font-weight:800;color:#132238;border:2px solid transparent;box-shadow:0 4px 12px rgba(22,41,64,.12);transition:transform .15s ease,box-shadow .15s ease}.languages a:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(22,41,64,.18)}.languages .lang-de{background:#67b7f7}.languages .lang-ro{background:#f6db35}.languages .lang-en{background:#ef6464;color:#fff}.languages a.selected{border-color:#102e52;box-shadow:0 0 0 3px rgba(16,46,82,.13),0 7px 16px rgba(22,41,64,.18)}.visitor-counter{display:flex;align-items:center;gap:7px;min-height:38px;padding:6px 13px;border:1px solid #cbdce8;border-radius:999px;background:#f7fbfe;color:#12304d;box-shadow:0 4px 12px rgba(22,41,64,.08);white-space:nowrap}.visitor-counter span{font-size:19px;line-height:1}.visitor-counter strong{font-size:15px;letter-spacing:.2px}.faq-page{margin-top:56px}.faq-page .card{margin-top:34px}.back-home{display:inline-flex;align-items:center;gap:7px;color:#075e91;text-decoration:none;font-weight:800}.back-home.button{padding:12px 18px;border:1px solid #b9d4e4;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(30,55,75,.1)}.faq-bottom-home{text-align:center;margin-top:30px}.empty-faq{text-align:center;color:var(--muted);padding:24px}.faq-list details{border:1px solid #dbe6ed;border-radius:12px;margin:12px 0;background:#fff;overflow:hidden}.faq-list summary{cursor:pointer;font-weight:750;padding:17px 19px}.faq-list details div{padding:0 19px 19px;line-height:1.65;color:#405064}
@media(max-width:820px){.site-header{padding:12px 4%;align-items:flex-start;flex-wrap:wrap}.site-header .logo{font-size:30px}.header-actions{width:100%;gap:10px;flex-wrap:wrap;justify-content:flex-end}.main-nav{order:1;margin-right:auto}.main-nav a{padding:10px 3px 8px}.visitor-counter{order:2}.languages{order:3}.languages a{min-width:40px;height:36px}.grid3{grid-template-columns:1fr}.security{grid-template-columns:1fr}.primary,.confirm,.result{width:100%}}
@media(max-width:520px){.header-actions{justify-content:space-between}.main-nav{width:auto}.visitor-counter{margin-left:auto}.languages{width:100%;justify-content:flex-end}.site-header .logo{font-size:28px}}

/* v2.6.6 – Besucherzähler unten und Trikolor-Trennlinie */
.visitor-counter-bottom{width:max-content;margin:24px auto 8px;justify-content:center}.header-actions .visitor-counter{display:none}


/* v2.7.0 – Kontaktweg-Auswahl: Dialog, Formular oder Chat */
.contact-ways{margin:0 auto 24px;background:#fff;border:1px solid #dfe9ef;border-radius:20px;padding:24px;box-shadow:0 12px 34px rgba(30,55,75,.10)}
.contact-ways-head{text-align:center;margin-bottom:20px}.contact-ways-head h2{font-size:25px;margin:0 0 7px}.contact-ways-head p{margin:0;color:var(--muted);line-height:1.5}
.contact-way-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.contact-way{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:238px;padding:20px 18px;border:1px solid #d8e5ec;border-radius:17px;background:#fbfdff;color:var(--text);text-decoration:none;text-align:left;font:inherit;cursor:pointer;box-shadow:0 6px 18px rgba(20,55,75,.055);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.contact-way:hover{transform:translateY(-2px);box-shadow:0 11px 25px rgba(20,55,75,.12);border-color:#a9cddd}.contact-way:focus-visible{outline:3px solid rgba(5,115,206,.22);outline-offset:3px}
.contact-way-dialog{background:linear-gradient(155deg,#eff7ff 0%,#fff 60%);border-color:#9dc5ec;box-shadow:0 10px 25px rgba(5,115,206,.11)}
.contact-way-badge{position:absolute;top:14px;right:14px;border-radius:999px;background:#0c6fb9;color:#fff;padding:5px 9px;font-size:11px;font-weight:850;letter-spacing:.02em}
.contact-way-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#e7f5fd;font-size:27px;margin-bottom:14px;overflow:hidden}.contact-way-icon-image img{width:100%;height:100%;object-fit:cover}
.contact-way h3{font-size:18px;margin:0 0 8px}.contact-way p{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 18px}.contact-way-action{margin-top:auto;color:#056da4;font-weight:850;font-size:14px}
.contact-way-button{width:100%}
@media(max-width:820px){.contact-way-grid{grid-template-columns:1fr}.contact-way{min-height:0}.contact-ways{padding:20px 17px}}


/* v2.7.1 – Dialog als großes eingebettetes Fenster; /dialog/ bleibt eigenständig */
.dialog-overlay[hidden]{display:none!important}
.dialog-overlay{position:fixed;inset:0;z-index:1000;padding:24px;background:rgba(7,24,42,.72);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}
.dialog-modal{width:min(1120px,96vw);height:min(900px,94vh);background:#fff;border:1px solid #b9ccda;border-radius:20px;box-shadow:0 30px 90px rgba(0,20,38,.38);overflow:hidden;display:flex;flex-direction:column}
.dialog-modal-head{height:auto;min-height:68px;padding:12px 14px 12px 20px;background:#fff;border-bottom:1px solid #dce7ee;display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto}
.dialog-modal-head>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.dialog-modal-head strong{font-size:17px;color:#102e52}.dialog-modal-head span{font-size:12px;color:var(--muted)}
.dialog-modal-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.dialog-open-page{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:1px solid #bad2e1;border-radius:10px;background:#f7fbfe;color:#075e91;text-decoration:none;font-size:13px;font-weight:800}.dialog-open-page:hover{background:#edf7fc}
.dialog-close{width:42px;height:42px;border:0;border-radius:11px;background:#102e52;color:#fff;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center}.dialog-close:hover{background:#17436e}.dialog-close:focus-visible,.dialog-open-page:focus-visible{outline:3px solid rgba(5,115,206,.24);outline-offset:2px}
.dialog-frame-wrap{flex:1;min-height:0;background:#eef5f8}.dialog-frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:#fff}
html.dialog-modal-open,body.dialog-modal-open{overflow:hidden}
@media(max-width:760px){.dialog-overlay{padding:0;background:#fff}.dialog-modal{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none}.dialog-modal-head{min-height:64px;padding:9px 9px 9px 13px;gap:8px}.dialog-modal-head strong{font-size:15px}.dialog-modal-head span{font-size:11px}.dialog-open-page{min-height:38px;padding:7px 9px;font-size:11px}.dialog-close{width:40px;height:40px;border-radius:9px}.dialog-modal-actions{gap:6px}}
@media(max-width:430px){.dialog-modal-head>div:first-child span{display:none}.dialog-open-page{max-width:122px;text-align:center;line-height:1.15}}

/* v2.8.0 – Banner + drei einheitliche Kontaktwege als Fenster */
.home-main{width:min(1180px,94%);margin:24px auto 90px}
.hero-banner{position:relative;width:100%;aspect-ratio:3/1;overflow:hidden;border-radius:24px;background:#102e52;box-shadow:0 18px 50px rgba(16,46,82,.18);margin:0 auto 24px;border:1px solid rgba(16,46,82,.12)}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 2.5s ease;pointer-events:none}
.hero-slide.active{opacity:1}
.contact-ways{margin:0 auto 22px;padding:26px 26px 24px}
.contact-ways-head h1{font-size:28px;margin:0 0 8px;text-align:center}
.contact-way h2{font-size:19px;margin:0 0 8px}
.contact-way-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.contact-way{min-height:224px}
.contact-way-button{appearance:none;-webkit-appearance:none}
.contact-way-button:nth-child(2){background:linear-gradient(155deg,#f9fcfd 0%,#fff 62%)}
.contact-way-button:nth-child(3){background:linear-gradient(155deg,#f1fbf8 0%,#fff 62%)}

.contact-overlay[hidden],.chat-backdrop[hidden]{display:none!important}
.contact-overlay{position:fixed;inset:0;z-index:1000;padding:24px;background:rgba(7,24,42,.72);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}
.contact-modal{width:min(1120px,96vw);height:min(900px,94vh);background:#fff;border:1px solid #b9ccda;border-radius:20px;box-shadow:0 30px 90px rgba(0,20,38,.38);overflow:hidden;display:flex;flex-direction:column}
.contact-modal-form{width:min(980px,96vw)}
.contact-modal-head{height:auto;min-height:68px;padding:12px 14px 12px 20px;background:#fff;border-bottom:1px solid #dce7ee;display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto}
.contact-modal-head>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.contact-modal-head strong{font-size:17px;color:#102e52}.contact-modal-head span{font-size:12px;color:var(--muted)}
.contact-modal-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.modal-open-page{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:1px solid #bad2e1;border-radius:10px;background:#f7fbfe;color:#075e91;text-decoration:none;font-size:13px;font-weight:800}.modal-open-page:hover{background:#edf7fc}
.modal-close{width:42px;height:42px;border:0;border-radius:11px;background:#102e52;color:#fff;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center;flex:0 0 auto}.modal-close:hover{background:#17436e}.modal-close:focus-visible,.modal-open-page:focus-visible{outline:3px solid rgba(5,115,206,.24);outline-offset:2px}
.dialog-frame-wrap{flex:1;min-height:0;background:#eef5f8}.dialog-frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.form-modal-scroll{flex:1;min-height:0;overflow:auto;background:#f4f8fb;padding:22px}.modal-form-card{box-shadow:none;margin:0;border-radius:16px}
html.contact-modal-open,body.contact-modal-open{overflow:hidden}

.chat-backdrop{position:fixed;inset:0;z-index:998;background:rgba(7,24,42,.72);backdrop-filter:blur(5px)}
body.chat-expanded{overflow:hidden}
body.chat-expanded .chat-box{z-index:1001;right:50%;bottom:50%;transform:translate(50%,50%);width:min(760px,94vw);max-height:88vh;border-radius:20px;box-shadow:0 30px 90px rgba(0,20,38,.38)}
body.chat-expanded .chat-head{padding:18px 22px;font-size:18px}
body.chat-expanded .chat-info,body.chat-expanded .chat-status{margin:18px 22px}
body.chat-expanded .chat-box form{padding:0 22px 22px}
body.chat-expanded .chat-messages{max-height:38vh;padding:0 22px}
body.chat-expanded .chat-pill{visibility:hidden}

.visitor-counter-bottom{margin-top:22px}
.site-version{margin-top:0}

@media(max-width:820px){
  .home-main{width:94%;margin-top:18px}
  .hero-banner{border-radius:18px;margin-bottom:18px}
  .contact-way-grid{grid-template-columns:1fr}.contact-way{min-height:0}.contact-ways{padding:20px 17px}.contact-ways-head h1{font-size:24px}
}
@media(max-width:760px){
  .hero-banner{aspect-ratio:2.25/1}
  .hero-slide{object-fit:cover}
  .contact-overlay{padding:0;background:#fff}.contact-modal{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none}.contact-modal-head{min-height:64px;padding:9px 9px 9px 13px;gap:8px}.contact-modal-head strong{font-size:15px}.contact-modal-head span{font-size:11px}.modal-open-page{min-height:38px;padding:7px 9px;font-size:11px}.modal-close{width:40px;height:40px;border-radius:9px}.contact-modal-actions{gap:6px}.form-modal-scroll{padding:12px}.modal-form-card{padding:20px 15px}
  body.chat-expanded .chat-box{right:0;bottom:0;transform:none;width:100vw;height:100dvh;max-height:none;border-radius:0;border:0}
  body.chat-expanded .chat-messages{max-height:42vh}
}
@media(max-width:430px){.contact-modal-head>div:first-child span{display:none}.modal-open-page{max-width:122px;text-align:center;line-height:1.15}.hero-banner{aspect-ratio:2/1}.contact-ways-head h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.contact-way{transition:none}}


/* v2.8.1 – Chat auf der Homepage als klarer Messenger */
.chat-box{overflow-x:hidden!important;max-width:100vw}
.chat-messages{display:flex;flex-direction:column;gap:12px;overflow-x:hidden!important;padding-top:8px!important;scrollbar-gutter:stable;min-width:0}
.chat-messages .msg{display:block;width:auto;max-width:82%;min-width:0;margin:0!important;padding:13px 15px 14px;border-radius:16px;box-shadow:0 4px 14px rgba(20,54,84,.06);overflow:hidden;overflow-wrap:anywhere;word-break:break-word}
.chat-messages .msg.visitor{align-self:flex-start;background:#e7f7ec!important;border:1px solid #b9dfc5;border-left:5px solid #2e9d5b;color:#0d3f27}
.chat-messages .msg.admin{align-self:flex-end;background:#e7f3fb!important;border:1px solid #c2dced;border-right:5px solid #2878cd;color:#0d3158}
.chat-messages .msg-meta{display:block;margin:0 0 6px;font-size:13px;line-height:1.25;font-weight:800;color:#47657b}
.chat-messages .msg-body{font-size:17px;line-height:1.5;font-weight:700;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.chat-status{font-size:15px!important;font-weight:800!important;line-height:1.5!important;padding:14px 16px!important}
body.chat-expanded .chat-messages{max-height:44vh;padding:8px 22px 4px!important}
body.chat-expanded .chat-box{overflow-x:hidden!important}
body.chat-expanded #chatReply textarea{font-size:16px;line-height:1.5}
@media(max-width:760px){
  .chat-messages .msg{max-width:91%;padding:12px 13px 13px}
  .chat-messages .msg-body{font-size:16px}
  .chat-messages .msg-meta{font-size:12px}
  body.chat-expanded .chat-messages{max-height:48vh;padding-left:15px!important;padding-right:15px!important}
}


/* v2.8.2 – iPhone bubble spacing + no clipped text */
.chat-messages .msg{overflow:visible!important}
.chat-messages .msg-body{display:block;padding-bottom:2px}
@media(max-width:760px){
  .chat-messages .msg{padding:12px 13px 17px!important;min-height:58px}
  .chat-messages .msg-body{line-height:1.58!important;padding-bottom:3px}
}


/* v2.8.5 – sound toggle + hide duplicate floating button in expanded chat */
.chat-head{align-items:center;gap:12px}
.chat-head-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.chat-head-actions #chatClose{flex:0 0 auto}
.chat-sound-toggle{
  border:1px solid rgba(255,255,255,.55)!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:7px 11px!important;
  min-height:34px;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
}
.chat-sound-toggle.is-off{background:rgba(0,0,0,.16)!important}
body.chat-expanded #chatToggle{display:none!important}
@media(max-width:430px){
  .chat-head{padding-left:14px!important;padding-right:10px!important}
  .chat-head-actions{gap:5px}
  .chat-sound-toggle{padding:6px 8px!important;font-size:11px!important}
}


/* v2.8.6 – Projekte-Seite */
.projects-page{width:min(1120px,94%);margin:42px auto 90px}
.projects-intro{text-align:center;margin:34px auto 34px;max-width:760px}
.projects-intro h1{margin-top:8px}
.projects-intro p{margin:0 auto;color:var(--muted);font-size:17px;line-height:1.65}
.projects-kicker{display:inline-block;padding:6px 11px;border-radius:999px;background:#e8f5fb;color:#087fa4;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.project-card{display:grid;grid-template-columns:150px 1fr;min-height:230px;background:#fff;border:1px solid #dce7ee;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 12px 34px rgba(30,55,75,.10);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
a.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(30,55,75,.17);border-color:#b8d3e2}
a.project-card:focus-visible{outline:4px solid rgba(5,115,206,.20);outline-offset:3px}
.project-thumb{display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#eaf7fc 0%,#dff0fb 50%,#f8fbfd 100%);border-right:1px solid #e0ebf1}
.project-thumb:before,.project-thumb:after{content:"";position:absolute;border-radius:50%;background:rgba(8,127,164,.09)}
.project-thumb:before{width:120px;height:120px;left:-48px;top:-35px}.project-thumb:after{width:90px;height:90px;right:-24px;bottom:-28px}
.project-thumb span{position:relative;z-index:1;display:grid;place-items:center;width:82px;height:82px;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(16,46,82,.14);font-size:42px}
.project-card:nth-child(2) .project-thumb{background:linear-gradient(145deg,#eef3ff,#e1e9ff 55%,#fafbff)}
.project-card:nth-child(3) .project-thumb{background:linear-gradient(145deg,#fff8e5,#fff0bc 55%,#fffdf7)}
.project-card:nth-child(4) .project-thumb{background:linear-gradient(145deg,#edf9f1,#dcf1e4 55%,#fbfefc)}
.project-card:nth-child(5) .project-thumb{background:linear-gradient(145deg,#f5edff,#eadcff 55%,#fdfbff)}
.project-card:nth-child(6) .project-thumb{background:linear-gradient(145deg,#fff0f2,#ffe0e5 55%,#fffafb)}
.project-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:24px 25px 22px;min-width:0}
.project-kind{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#087fa4}
.project-card h2{font-size:25px;margin:8px 0 9px;color:#14233b}
.project-card p{margin:0;color:#5f6f80;line-height:1.58;font-size:15px}
.project-action{margin-top:auto;padding-top:17px;color:#075e91;font-weight:850}
.project-status{margin-top:auto;padding:8px 11px;border-radius:999px;background:#f0f3f5;color:#6e7882;font-size:12px;font-weight:850}
.project-card-disabled{opacity:.88}
@media(max-width:900px){.project-grid{grid-template-columns:1fr}.project-card{grid-template-columns:135px 1fr;min-height:205px}}
@media(max-width:560px){.projects-page{width:94%;margin-top:28px}.projects-intro{margin-top:26px}.projects-intro p{font-size:15px}.project-card{grid-template-columns:1fr;min-height:0}.project-thumb{min-height:128px;border-right:0;border-bottom:1px solid #e0ebf1}.project-thumb span{width:72px;height:72px;font-size:36px}.project-card-body{padding:20px}.project-card h2{font-size:23px}}

/* HamPager – kompakt und mittig über den drei Kontakt-Kacheln */
.hampager-home-cta{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin:2px auto 18px;
  text-decoration:none;
  color:inherit;
  border-radius:16px;
  outline:none;
}
.hampager-home-visual{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  padding:0;
}
.hampager-home-visual>img{
  display:block;
  width:min(430px,72vw);
  max-width:100%;
  height:auto;
  object-fit:contain;
  border-radius:10px;
  transition:transform .18s ease,filter .18s ease;
}
.hampager-home-bubble{display:none}
.hampager-home-cta:hover .hampager-home-visual>img{
  transform:translateY(-2px) scale(1.01);
  filter:drop-shadow(0 7px 12px rgba(16,46,82,.10));
}
.hampager-home-cta:focus-visible{
  outline:3px solid rgba(5,115,206,.25);
  outline-offset:5px;
}
@media(max-width:820px){
  .hampager-home-cta{margin-bottom:16px}
  .hampager-home-visual>img{width:min(390px,78vw)}
}
@media(max-width:520px){
  .hampager-home-cta{margin-top:0;margin-bottom:14px}
  .hampager-home-visual>img{width:min(330px,88vw)}
}
@media(prefers-reduced-motion:reduce){
  .hampager-home-visual>img{transition:none}
}