/* Sanaudit ist eine Fachmarke von beproba.
 * Aufbau, Typografie, Abstaende, Buttons und Akkordeons kommen aus den
 * gemeinsamen beproba-Styles. Hier stehen nur Markenakzente und kompakter Hero/Logo.
 */
.sanaudit-page {
    /* Aus sanaudit-wordmark-transparent.png; dunklere Varianten fuer Text/Hover. */
    --sanaudit-turquoise: #47cdd9;
    --sanaudit-turquoise-dark: #207d85;
    --sanaudit-blue: #094890;
    --sanaudit-blue-dark: #07396f;
}

.sanaudit-page main {
    background: #ffffff;
}

.sanaudit-page .beproba-section-title .sanaudit-inline-brand {
    /* Mint als Schriftfarbe abgedunkelt, Logo und Flaechen behalten das Marken-Mint. */
    color: #3f9580;
}

.sanaudit-page .sanaudit-inline-brand .beproba-accent-dot {
    color: inherit;
}

.sanaudit-page main a:not(.beproba-primary-button) {
    color: var(--sanaudit-blue);
}

body.sanaudit-page .beproba-nav a.active::after {
    background: var(--sanaudit-turquoise);
}

.sanaudit-page .beproba-section-header > p {
    color: #4b5966;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
}

.sanaudit-page .beproba-primary-button {
    background: var(--color-primary);
    box-shadow: 0 10px 25px rgba(120, 194, 173, 0.25);
}

.sanaudit-page .beproba-primary-button:hover,
.sanaudit-page .beproba-primary-button:focus-visible {
    background: #6ab09c;
    box-shadow: 0 12px 28px rgba(120, 194, 173, 0.25);
}

.sanaudit-page .beproba-services-accordion-trigger:hover,
.sanaudit-page .beproba-services-accordion-trigger:focus-visible,
.sanaudit-page .beproba-services-accordion-trigger[aria-expanded="true"] {
    color: var(--sanaudit-turquoise-dark);
}

.sanaudit-page .beproba-services-accordion-trigger[aria-expanded="true"] .beproba-services-accordion-icon::before,
.sanaudit-page .beproba-services-accordion-trigger[aria-expanded="true"] .beproba-services-accordion-icon::after {
    background: var(--sanaudit-turquoise-dark);
}

/* Gemeinsames beproba-Raster, kompakter mit dezenter Markenkennung. */
.sanaudit-page .sanaudit-hero {
    min-height: 350px;
    padding: 22px 0 24px;
    background: var(--beproba-subpage-background);
}

.sanaudit-page .sanaudit-hero .beproba-landing-grid {
    min-height: 304px;
}

.sanaudit-page .sanaudit-hero::before {
    content: none;
}

.sanaudit-page .sanaudit-hero .beproba-landing-title {
    color: var(--color-footer-bg);
}

.sanaudit-page .sanaudit-hero .beproba-landing-text {
    padding-bottom: 0;
    border-bottom: 0;
    color: #4b5966;
}

.sanaudit-eyebrow {
    margin: 0 0 8px;
    color: var(--sanaudit-turquoise-dark);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.5;
    text-transform: uppercase;
}

.sanaudit-hero-cta {
    margin-top: 14px;
}

.sanaudit-hero-topics {
    max-width: 520px;
    margin: 10px 0 0;
    color: #586674;
    font-size: 0.8rem;
    line-height: 1.5;
}

.sanaudit-hero-visual {
    position: relative;
    align-self: stretch;
    min-width: 0;
}

.sanaudit-brand {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(85%, 300px);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.sanaudit-brand img {
    display: block;
    width: 100%;
    height: auto;
}

.sanaudit-body-copy {
    max-width: 760px;
}

.sanaudit-body-copy .minimal-context + .minimal-context {
    margin-top: 14px;
}

.sanaudit-process {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
    color: var(--sanaudit-blue);
    font-size: 0.95rem;
    line-height: 1.6;
}

.sanaudit-process li:not(:last-child)::after {
    content: '\2192';
    display: inline-block;
    margin: 0 10px;
    color: var(--sanaudit-turquoise-dark);
}

.sanaudit-qualification-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sanaudit-qualification-list h3 {
    margin: 0 0 4px;
    color: var(--color-footer-bg);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.35;
}

.sanaudit-qualification-list p {
    margin: 0;
    color: #4b5966;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Der gemeinsame Hero wechselt bei 980 px auf eine Spalte. */
@media (max-width: 980px) {
    .sanaudit-hero-visual {
        display: none;
    }
}

@media (max-width: 768px) {
    .sanaudit-qualification-list {
        grid-template-columns: 1fr;
        gap: 22px;
    }
}

/* Feinschliff: kleine Fliesstexte in normaler Strichstaerke wie die uebrigen Absaetze. */
.sanaudit-hero-topics,
.sanaudit-process,
.sanaudit-qualification-list p {
    font-weight: 400;
}

/* START Fett-Regel */
/* Markenname im Fliesstext: erste Nennung pro Abschnitt fett im dunklen Mint. */
.sanaudit-page .minimal-context .sanaudit-inline-brand,
.sanaudit-page .minimal-context .sanaudit-text-brand {
    color: #2b7a66;
    font-weight: 700;
}
/* ENDE Fett-Regel */