/* Variablen */
:root {
    --lmb-berry: #991355;
    --lmb-magenta: #e2007a;
    --lmb-grau: #58585a;
    --btn-border-radius: 16px;
    --hell: rgba(240, 240, 240, 1);
}

/* Navbar oben */
.nav_oben {
    --bs-navbar-color: var(--lmb-berry);
    --bs-navbar-brand-color: var(--bs-navbar-color);
    --bs-navbar-brand-hover-color: var(--lmb-magenta);
    --bs-navbar-hover-color: var(--bs-navbar-brand-hover-color);
    background-color: var(--hell);
}

/* Button oben bei Bildern */
a.button_oben {
    --bs-btn-color: var(--lmb-berry);
    --bs-btn-bg: var(--hell);
    --bs-btn-border-color: var(--bs-btn-bg);
    --bs-btn-hover-color: var(--lmb-magenta);
    --bs-btn-hover-bg: var(--lmb-grau);
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    border-radius: var(--btn-border-radius);
}

/* Button Mitte unter Kreisen */
a.button_mitte {
    --bs-btn-color: var(--lmb-berry);
    --bs-btn-bg: var(--hell);
    --bs-btn-border-color: var(--bs-btn-bg);
    --bs-btn-hover-color: var(--lmb-magenta);
    --bs-btn-hover-bg: var(--hell);
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    border-radius: var(--btn-border-radius);
}

/* Text im Hauptkarusell */
.carousel-text {
    /*text-shadow: 2px 0px 2px var(--lmb-berry);*/
    text-shadow: 3px 3px 3px black;
}

/* Überschrift Haupt */
.text1 {
    color: var(--lmb-berry);
}

/* Überschrift Neben */
.text2 {
    color: var(--lmb-magenta);
}

/* Standard link */
a.stl {
    color: var(--lmb-berry);
    text-decoration: none;
}

a.stl:hover {
    color: var(--lmb-magenta);
    background-color: var(--hell);
    border-radius: 8px;
}

.dotted {
    border-style:dotted;
}