/* Häufige Fragen – Shortcode [artitech_faq] */
.at-faq{--at-teal:#007F87;--at-ink:#1D282A;--at-muted:#56676b;--at-line:#DCE7E1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start;width:100%}
.at-faq__eyebrow{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--at-teal);font-weight:700;margin-bottom:14px}
.at-faq__title{margin:0 0 16px;font-size:clamp(30px,3.4vw,44px);line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--at-ink)}
.at-faq__lead{margin:0 0 22px;font-size:18px;line-height:1.6;color:var(--at-muted);max-width:420px}
.at-faq__tel{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--at-teal);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s}
.at-faq__tel:hover{border-bottom-color:var(--at-teal);color:var(--at-teal)}
.at-faq__tel::before{content:"";width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z'/></svg>") center/contain no-repeat}
.at-faq__list{border-top:1px solid var(--at-line)}
.at-faq__item{border-bottom:1px solid var(--at-line)}
.at-faq__q{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;font-weight:700;font-size:18px;line-height:1.35;color:var(--at-ink);transition:color .2s}
.at-faq__q::-webkit-details-marker{display:none}
.at-faq__q:hover{color:var(--at-teal)}
.at-faq__icon{position:relative;flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--at-line);background:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1),background .2s,border-color .2s}
.at-faq__icon::before,.at-faq__icon::after{content:"";position:absolute;left:50%;top:50%;background:var(--at-teal);transform:translate(-50%,-50%);border-radius:2px}
.at-faq__icon::before{width:12px;height:2px}
.at-faq__icon::after{width:2px;height:12px;transition:opacity .2s}
.at-faq__item[open] .at-faq__icon{transform:rotate(180deg);background:var(--at-teal);border-color:var(--at-teal)}
.at-faq__item[open] .at-faq__icon::before,.at-faq__item[open] .at-faq__icon::after{background:#fff}
.at-faq__item[open] .at-faq__icon::after{opacity:0}
.at-faq__a{padding:0 48px 22px 0;animation:atFaqIn .3s ease}
.at-faq__a p{margin:0;font-size:16.5px;line-height:1.65;color:var(--at-muted)}
@keyframes atFaqIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width:1024px){.at-faq{grid-template-columns:1fr;gap:28px}.at-faq__lead{max-width:none}}
@media (max-width:767px){.at-faq__q{font-size:16.5px;padding:16px 0}.at-faq__a{padding-right:0}.at-faq__a p{font-size:15.5px}.at-faq__title{font-size:30px}.at-faq__lead{font-size:16.5px}}
@media (prefers-reduced-motion:reduce){.at-faq__a{animation:none}.at-faq__icon{transition:none}}
