@import url('termine.css');

:root {
  --cassiopeia-color-primary: #295511;
  --cassiopeia-color-hover: #295511;
  --link-color: #2a5712bd;
  --link-hover-color: #295511;
}
.container-header {display: flex;}
.container-header .navbar-brand {margin-left: 2em;}

.brand-logo img {height: 1.6em; width: auto; border-radius: 6px;}

.gruppenliste_hv td, .gruppenliste_hv th {vertical-align: top;}
.gruppenliste_hv tr:first-child {font-weight: bold; border-bottom: 1px solid black;}
.gruppenliste_hv td:first-child {
  color: var(--cassiopeia-color-primary);
  font-weight: bold;
}
.gruppenliste_hv td:nth-child(2) {
  padding: 0 1em;
}

.bildunterschrift {
  font-size: small;
}

.newsblog-kacheln {
  display: flex;
  flex-direction: row;
}
.newsblog-kacheln .blog-item {
  max-width: 300px;
  box-shadow: 2px 3px 10px hsla(0,0%,0%,0.3);
  border-radius: 4px;
  padding: .5em;
  overflow: hidden;
}
.newsblog-kacheln h2 a {font-size: 25px;}
.newsblog-kacheln img {
  max-width: 100%;
  height: 200px;
  display: blog;
  object-fit: cover;
  object-position: top;
}
.newsblog-kacheln .item-image {
  width: 100%;
  height: 200px;             /* feste Höhe zwingend */
  overflow: hidden;          /* Bild überstehend abschneiden */
  border-radius: 4px;
  display: block;
  position: relative;
}

.newsblog-kacheln .item-image img {
  width: 100%;
  height: 100%;              /* volle Höhe vom Container */
  object-fit: cover;
  object-position: top;
  display: block;            /* wichtig für Safari */
  max-width: none;
}