@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");

* {
    box-sizing: border-box;
}

/* body {
    font-family: "Montserrat", sans-serif;
    background-color: #fff;
    min-height: 100vh;
    margin: 0;
    transition: background 0.2s linear;
} */


body.dark {
    background-color: #14161f;
}


/* #9b59b6 */

body.dark {
    color: #fff;
}

option {
    color: #000000;
}

.dark_mode_toggle {
    /* border: 3px solid #505050; */
    margin: 3px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    border-radius: 40px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    /* padding-left: 15px; */
}

.dark_mode_toggle_sm {
    display: none;
}


/* 
header a {
    font-weight: 600;
}

header .title {
    font-weight: 600;
} */




.sun_icon {
    fill: #fff;
    width: 24px;
    display: inline;
    /* SVG standardmäßig sichtbar machen */
}

.moon_icon {
    fill: #fff;
    width: 24px;
    display: none;
    /* SVG standardmäßig verstecken */
}

body.dark {
    background-color: #14161f;
}


body.dark .sun_icon {
    display: none;
}

body.dark .moon_icon {
    display: inline;
}

.nav-link {
    font-size: 1.2em;
    color: blanchedalmond;
}

.navbar-brand {
    font-size: 1.6;
    font-weight: 700;
    color: #fff;
}