/* Variablen  */
:root {
    --vs-primary: #42291C;
    --vs-primary-darker: #352116;
    --bs-primary: var(--vs-primary);
    --bs-emphasis-color: var(--bs-primary);
    --bs-body-bg: #dbdbd9;
    --bs-border-color: #c9c8c8;
    --course-a: #050;
    --course-b: #500;
    --course-c: #005;
    --course-d: #055;
}

/* Fonts */
@font-face {
    font-family: 'Vivaldi Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Vivaldi Italic'), url("../fonts/vivaldi-fc766be72417e4c27312158c413051ef.woff") format('woff');
}

.font-vivaldi {
    font-family: "Vivaldi Italic", sans-serif;
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
    color: var(--bs-primary);
}

/* Buttons */
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-hover-bg: var(--vs-primary-darker);
    --bs-btn-hover-border-color: var(--bs-border-color);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--vs-primary-darker);
}

/* Card */
.card-title {
    --bs-card-title-color: var(--bs-primary);
}

.card-img-top {
    max-height: 400px;
}

/* Logo */
.navbar-brand .brand {
    color: var(--bs-primary);
}

/* Banner */
.banner {
    box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.6);
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Navigation */
.navbar a.active,
.nav a.active {
    font-weight: bold;
}

/* Bricks */
/* Pimcore Toolbox - Separator */
.toolbox-separator hr.default {
    margin: 1rem 0;
}

.toolbox-separator hr.medium {
    margin: 1.5rem 0;
}

.toolbox-separator hr.large {
    margin: 2rem 0;
}