/* Farben von rulemapping-solutions.com */
:root {
    /* Primärfarben - Dunkles Petrol/Blaugrün */
    --md-primary-fg-color: #1a2f3a;
    --md-primary-fg-color--light: #253d4a;
    --md-primary-fg-color--dark: #0f1f27;

    /* Akzentfarbe - Türkis/Cyan */
    --md-accent-fg-color: #00d9ff;
    --md-accent-fg-color--dark: #00b8d9;

    /* Zusätzliche Farben */
    --md-default-bg-color: #ffffff;
    --md-default-fg-color: #333333;

    /* Code-Blöcke */
    --md-code-bg-color: #f5f5f5;
    --md-code-fg-color: #333333;
}

/* Header anpassen - Dunkler Hintergrund wie auf der Webseite */
.md-header {
    background-color: var(--md-primary-fg-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Header-Text weiß */
.md-header__title,
.md-header__button {
    color: #ffffff;
}

/* Logo Styling */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    height: 1.6rem;
    width: auto;
    filter: brightness(0) invert(1); /* Logo weiß machen falls nötig */
}

/* Navigation im Header */
.md-tabs {
    background-color: var(--md-primary-fg-color);
}

.md-tabs__link {
    color: rgba(255, 255, 255, 0.8);
}

.md-tabs__link--active,
.md-tabs__link:hover {
    color: var(--md-accent-fg-color);
}

/* Seitennavigation */
.md-nav__link--active {
    color: var(--md-accent-fg-color);
    font-weight: 600;
}

.md-nav__link:hover {
    color: var(--md-accent-fg-color);
}

/* Buttons - Türkis wie Akzentfarbe */
.md-button {
    background-color: var(--md-accent-fg-color);
    color: var(--md-primary-fg-color);
    border-radius: 4px;
    font-weight: 500;
}

.md-button:hover {
    background-color: var(--md-accent-fg-color--dark);
}

.md-button--primary {
    background-color: var(--md-accent-fg-color);
    color: var(--md-primary-fg-color);
}

/* Footer - Dunkler Hintergrund */
.md-footer {
    background-color: var(--md-primary-fg-color--dark);
}

.md-footer-meta {
    background-color: var(--md-primary-fg-color);
}

/* Links im Content mit türkisem Akzent */
.md-content a {
    color: var(--md-accent-fg-color--dark);
}

.md-content a:hover {
    color: var(--md-accent-fg-color);
}

/* Checkboxen und Checkpoints mit türkisem Akzent */
.md-typeset h2,
.md-typeset h3 {
    color: var(--md-primary-fg-color);
}

/* Hervorhebungen */
.md-typeset mark,
.md-typeset .critic.comment {
    background-color: rgba(0, 217, 255, 0.15);
}

/* Search */
.md-search__input {
    background-color: rgba(255, 255, 255, 0.1);
}

.md-search__input:focus {
    background-color: rgba(255, 255, 255, 0.15);
}

/* Copyright footer styling */
.md-copyright {
    width: 100%;
    display: flex;
    justify-content: right;
    align-items: center;
    color: rgba(255, 255, 255, 0.9);
}

.md-copyright__highlight {
    color: #00d9ffa0;

}