#main-title {
    font-size: clamp(1rem, 4vw, 3rem) !important;
}

a.header-anchor::before {
    content: ""; /*Um das hässliche Absatzzeichen wegzumachen, wenn man einen Header anklickt*/
}

header.vp-navbar {
    background-color: #02426B;
}

header.vp-navbar * {
    color: #ffffff;
}

a.vp-hero-action-button.primary {
    background-color: #02426B;
    border: 0;
}

a.vp-hero-action-button.primary:hover {
    background-color: #013255;
    border: 0;
}

:root {
    --back-to-top-c-accent-bg: #02426B;
    --back-to-top-c-accent-hover: #013255;
}

a.vp-hero-action-button.secondary {
    border: 2px solid #4A7FA5;
    color: #4A7FA5;
}

/* Burger-Menü: weiße Linien in der Navbar */
header.vp-navbar .vp-toggle-sidebar-button .icon span {
    background-color: #ffffff !important;
}

/* Navbar hover: weißer Unterstrich statt grüner */
header.vp-navbar .vp-navbar-item .auto-link:hover,
header.vp-navbar .vp-navbar-item .auto-link.auto-link-active {
    color: #ffffff !important;
}

header.vp-navbar .vp-navbar-item > .auto-link:hover,
header.vp-navbar .vp-navbar-item > .auto-link.auto-link-active {
    border-bottom-color: #ffffff !important;
}

/* Send-Button: sichtbar im Light-Mode */
.send-button {
    background: linear-gradient(180deg, #02426b, #013255) !important;
    color: #ffffff !important;
}