@font-face 
{
    font-family: futura_std_heavy;
    src: url("../fonts/ttf/Futura_sv/Futura_Std_Heavy.html") format('truetype');
}
@font-face 
{
    font-family: futura_std_book;
    src: url("../fonts/ttf/Futura_sv/Futura_Std_Book.html") format('truetype');
}

@font-face 
{
    font-family: open_sauce_two_bold;
    src: url("../fonts/otf/OpenSauceTwo-Bold.html") format("opentype");
}
.font-sauce-bold {
    font-family: open_sauce_two_bold!important;
}
@font-face 
{
    font-family: open_sauce_two_light;
    src: url("../fonts/otf/OpenSauceTwo-Light.html") format("opentype");
}
.font-sauce-light {
    font-family: open_sauce_two_light!important;
}
@font-face 
{
    font-family: open_sauce_two_mediumitalic;
    src: url("../fonts/otf/OpenSauceTwo-MediumItalic.html") format("opentype");
}
.font-sauce-mediumitalic {
    font-family: open_sauce_two_mediumitalic!important;
}
@font-face 
{
    font-family: open_sauce_two_semibold;
    src: url("../fonts/otf/OpenSauceTwo-SemiBold.html") format("opentype");
}
.font-sauce-semibold {
    font-family: open_sauce_two_semibold!important;
}


/*@font-face {
    font-family: strech_pro;
    src: url("../fonts/otf/StretchPro.otf") format("opentype");
} */

/*.font-strech-pro {
    font-family: strech_pro!important;
}*/

.font-futura-std {
    font-family: futura_std_book!important;
}
.font-futura-std-bold {
    font-family: futura_std_heavy!important;
}

.bg-darkmode-background {
    background-color: #3c3f42;
}

/* Darkmode Farben; dünkler werdend */
.bg-dm-0 {
    background-color: #555555;
}
.bg-dm-1 {
    background-color: #3c3c3c;
}
.bg-dm-2 {
    background-color: #333333;
}
.bg-dm-3 {
    background-color: #252526;
}
.bg-dm-4 {
    background-color: #1e1e1e;
}

/* neue Farben von Design */
.bg-dark-0 {
    background-color: #16161A;
}
.bg-dark-1 {
    background-color: #202027;
}
.bg-yellow {
    background-color: #FEE71b;
}

/* Schriftfarben */
.color-yellow {
    color: #FEE71b;
}

.btn-cd-yellow, .btn-cd-yellow:hover, .btn-cd-yellow:focus {
    background-color: #FEE71b;
    box-shadow: #FEE71b; 
}
.check-cd-yellow:hover, .check-cd-yellow:focus {
    box-shadow: none;
    border:none;
}
.check-cd-yellow:checked {
    background-color: #FEE71b;
}

/* Switch */
.form-switch .form-check-input {
    background-color: #FEE71b;
    border-color: #FEE71b;
    border: none;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(22,22,26,1.0)'/></svg>");
}
.form-switch .form-check-input:focus {
    border-color: rgba(0, 0, 0, 0.25);
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(22,22,26,1.0)'/></svg>");
    background-color: #FEE71b;
}
.form-switch .form-check-input:checked {
    background-color: #FEE71b;
    border-color: #FEE71b;
    border: none;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(22,22,26,1.0)'/></svg>");
}

/* Cards */
.card {
    border-radius: 10px;
}

/* Buttons */
.btn {
    border-radius: 10px;
}

/* Border */
.border-cd-yellow {
    border: 1px solid #FEE71b;
}

/* Border Radius */
.border-radius-10px {
    border-radius: 10px;
}