/* Service-Übersicht: vorhandene Farben, Typografie und Hero-Komponenten. */
.service-page section[id] { scroll-margin-top: 1.75rem; }
.service-jumplinks { align-items: center; }
.service-process, .service-faq { background: var(--kroll-white); }
.service-timeline { list-style: none; margin: 0; padding: 0; }
.service-timeline li { position: relative; display: grid; grid-template-columns: 3.25rem 1fr; gap: 1.5rem; padding-bottom: 2.5rem; }
.service-timeline li:last-child { padding-bottom: 0; }
.service-timeline li:not(:last-child)::before { content: ''; position: absolute; top: 3rem; bottom: .5rem; left: 1.5rem; border-left: 1px solid var(--kroll-line); }
.service-step-number { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--kroll-beige); color: var(--kroll-blue); font-family: var(--font-handwritten); font-size: 1.7rem; font-weight: 700; }
.service-timeline h3 { margin: .55rem 0 .75rem; }
.service-timeline p, .service-delivery dd { color: var(--kroll-muted); }
.service-equipment { padding: 2rem; border-radius: var(--radius-md); background: var(--kroll-beige); }
.service-delivery { margin: 0; }
.service-delivery dt { color: var(--kroll-blue-dark); font-weight: 700; margin-bottom: .5rem; }
.service-delivery dd { margin: 0 0 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--kroll-line); }
.service-note { font-size: .9rem; color: var(--kroll-muted); }
.service-accordion { max-width: 58rem; margin-inline: auto; --bs-accordion-border-color: var(--kroll-line); --bs-accordion-border-radius: var(--radius-sm); --bs-accordion-inner-border-radius: var(--radius-sm); --bs-accordion-active-bg: var(--kroll-cream); --bs-accordion-active-color: var(--kroll-blue-dark); --bs-accordion-btn-color: var(--kroll-blue-dark); }
.service-accordion .accordion-button { padding: 1.5rem; font-family: var(--font-sans); font-size: 1rem; font-weight: 700; line-height: 1.5; gap: 1rem; }
.service-accordion .accordion-body { padding: 1.25rem 1.5rem 1.75rem; }
.service-accordion .accordion-body a { color: var(--kroll-blue); text-underline-offset: .2em; }
@media (max-width: 575.98px) { .service-timeline li { gap: 1rem; } .service-equipment { padding: 1.5rem; } .service-accordion .accordion-button { padding: 1.1rem; } }