@font-face {
    src: url('../fonts/BrixSansOfficeMedium-Regular.ttf');
    font-family: "BrixRegular";
    font-style: normal;
    font-weight: 400;
}

@font-face {
    src: url('../fonts/BrixSansOfficeMedium-Bold.ttf');
    font-family: "BrixBold";
    font-style: normal;
    font-weight: 400;
}

html,
body {
    font-family: 'BrixRegular';
    font-size: 16px !important;
}

.app-width {
    /*  max-width: 500px; */
}

.dialog-width {
    max-width: 450px;
}

.v-toolbar__title {
    font-size: 20px !important;
}

.v-list__tile {
    font-size: 16px !important;
}

button.primary {
    background-color: #002EA7 !important;

}

button.primary:hover {
    background-color: #3358B9;
}

button.secondary {
    background-color: #0074c6 !important;

}

button.secondary:hover {
    background-color: #33A0d8;
}

/* Radio-Buttons und Checkboxen */
#vier-gewinnt-app .accent--text {
    color: #002EA7 !important;
    caret-color: #002EA7 !important;
}

/* Camera */
video {
    max-width: 100% !important;
}