/* black schwarz (Hose): 000000
Schatten: 0a0a0a
900 800 dunkelgrau (Hintergrund): 242424
700 600 dunkleres grau (Gebäude SChatte): 3d3a39
500 400 mittelgrau (Gebäude):44464c
300 hellgrau (Schrift): 808080
200 helleres grau (Linien): 929292
100 hellstes grau (Brille): dcdcdc
weiß: ffffff

pink (shirt): e32f67
grün (Natur): 019b5d
orange (Fenster an): feb600
orange (Fenster aus): 735721
blau (Haut): 0082f4
 */


@font-face {
    font-family: 'BradleyHandITC';
    src: url('BRADHITC.TTF');
}

:root {
    --blue: #0082f4;
    --pink: #e32f67;
    --orange: #735721;
    --yellow: #feb600;
    --green: #019b5d;
    --white: #fff;
    --gray: #3d3a39;
    --gray-dark: #242424;
    --primary: #808080;
    --secondary: #44464c;
    --success: #e32f67;
    --info: #019b5d;
    --warning: #0082f4;
    --danger: #feb600;
    --light: #929292;
    --dark: #242424;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, 'BradleyHandITC', BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


#banner {
    padding-bottom: 47.5%;
    background-size: cover;
    margin-bottom: 2.5%;
}

body {
    background-color: #242424;
    color: #929292;
}

a {
    color: #dcdcdc;
    text-decoration: None;
}

h3 a {
    color: #929292;
}

.list-group-item {
    color: var(--bs-list-group-color);
}

.btn {
    border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
}

.btn-primary, .btn-secondary {
    background-image: None;
    --bs-btn-color: #929292;
    --bs-btn-hover-color: #929292;
}

.card {
    --bs-card-bg: #44464c;
    border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
}

.img-sidebar {
    background-color: transparent;
    border: None;

}

.list-group {
    --bs-list-group-color: #929292;
    --bs-list-group-bg: #44464c;
    border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;

}

h1, h2, h3 {
    color: var(--pink);
}