@import url('ehc_colors.css?v=1');
@import url('grid_tables.css?v=14');
@import url('grid_planned_matches.css?v=1');
@import url('grid_planned_tournaments.css?v=1');
@import url('roles.css?v=1');
@import url('rbac.css?v=2');
@import url('available_icetime.css?v=1');
@import url('xl_table.css?v=1');
@import url('svg_icons.css?v=1');
@import url('card_groups.css?v=1');

body {
  font-family: 'Open Sans', sans-serif;
}

.footer a {
/*  color: var(--ehc-secondary-fg);*/
  margin-right: 15px; /* Abstand zwischen den Links */
}
.footer a:hover {
/*  color: var(--ehc-hover-bg);*/
  text-decoration: none;
}

.dropdown-submenu {
/*  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);*/
}

/************************************************************/
label {
  min-width: 110px; /* Breite nach Bedarf anpassen */
  font-weight: 300; /*  300 - light, 400 - normal, 600 - semibold */
}

.form-check-label {
    min-width: 190px;
}

/************************************************************/
.pass-photo {
    width: 100%;
    max-width: 150px;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 6px;
}

/************************************************************/
.smaller {
    font-size: 0.7em; /* Verkleinert die Schriftgröße */
}

.even {
    background-color: var(--ehc-red);
}

.odd {
    background-color: var(--ehc-black);
}

.center {
    text-align: center;
}

/************************************************************/
.btn-primary {
/*    color: var(--bs-primary);*/
    background-color: rgb(200, 200, 200);
    border-color: rgb(154, 154, 154); /* Randfarbe */
}

.btn-primary:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(100, 100, 100);
    border-color: rgb(90, 90, 90);
}

.btn-primary:active {
    color: rgb(255, 255, 255);
    background-color: rgb(230, 230, 230);
    border-color: rgb(190, 190, 190);
}

.btn-primary:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(200, 200, 200);
    border-color: rgb(190, 190, 190);
}

/************************************************************/
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 1rem;
    height: 1rem;
    border: 2px solid rgb(20, 20, 20);
    border-radius: 4px;     /* optional */
    cursor: pointer;
    position: relative;
}

input[type="checkbox"]:checked {
    background-color: rgb(20, 20, 20);
    color: rgb(230, 230, 230);
}

/* Haken anzeigen */
input[type="checkbox"]:checked::after {
    content: "✔";
    position: absolute;
    font-size: 0.9rem;
    color: rgb(255, 255, 255);
    top: -3px;
    left: 1px;
}