/* Aufklappbare Fragen zu den Kosten (natives <details>, kein JavaScript nötig) */
:root{interpolate-size:allow-keywords}
.kosten-faq{margin:56px 0 56px;padding:34px 34px 30px;border-radius:18px;background:linear-gradient(180deg,#f3f7f2 0%,#eef3ee 100%)}
.content .kosten-faq__label{margin:0 0 6px;color:#416a35;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.content .kosten-faq__titel{margin:0 0 22px;color:#26372f;font-size:clamp(1.45rem,2.2vw,1.9rem);line-height:1.2;text-align:left}
.kosten-faq__item{margin:0 0 10px;border:1px solid #dfe7e0;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(38,55,47,.04);transition:border-color .2s ease,box-shadow .25s ease}
.kosten-faq__item:last-child{margin-bottom:0}
.kosten-faq__item:hover{border-color:#c5d5c8}
.kosten-faq__item[open]{border-color:#c5d5c8;box-shadow:0 10px 28px rgba(38,55,47,.09)}
.kosten-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px 18px 24px;cursor:pointer;list-style:none;border-radius:12px}
.kosten-faq__item summary::-webkit-details-marker{display:none}
.kosten-faq__item summary::after{content:"";flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:#eaf1e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23416a35' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat;transition:transform .3s ease,background-color .2s ease}
.kosten-faq__item summary:hover::after{background-color:#dde9da}
.kosten-faq__item[open] summary::after{transform:rotate(180deg);background-color:#416a35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.kosten-faq__item summary:focus-visible{outline:3px solid rgba(65,106,53,.35);outline-offset:3px}
.content .kosten-faq__frage{margin:0;color:#26372f;font-size:clamp(1.05rem,1.4vw,1.2rem);font-weight:600;line-height:1.4;text-align:left;transition:color .2s ease}
.kosten-faq__item summary:hover .kosten-faq__frage,.kosten-faq__item[open] .kosten-faq__frage{color:#416a35}
.kosten-faq__antwort{margin:0 24px;padding:0 0 22px 0}
.kosten-faq__antwort p{line-height:1.72}
.kosten-faq__antwort p:last-child{margin-bottom:0}
/* sanftes Auf- und Zuklappen in Browsern, die es unterstützen */
.kosten-faq__item::details-content{block-size:0;overflow:hidden;transition:block-size .3s ease,content-visibility .3s allow-discrete}
.kosten-faq__item[open]::details-content{block-size:auto}
@media(max-width:667px){
  .kosten-faq{margin:40px -6px;padding:24px 14px 18px;border-radius:14px}
  .kosten-faq__item summary{padding:16px 14px 16px 16px;gap:12px}
  .kosten-faq__antwort{margin:0 14px 0 16px}
}
@media(prefers-reduced-motion:reduce){
  .kosten-faq__item,.kosten-faq__item summary::after,.kosten-faq__item::details-content{transition:none}
}

/* Box „Unsere Praxis ist eine Bestellpraxis“: ohne Rand, mit weichem Schatten */
html #bestellpraxis.cost-appointment-box{
  border:0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:
    0 1px 2px rgba(38,55,47,.06),
    0 6px 16px -4px rgba(38,55,47,.08),
    0 22px 48px -12px rgba(38,55,47,.16)!important;
}
html #bestellpraxis.cost-appointment-box::before,
html #bestellpraxis.cost-appointment-box::after{display:none!important}
