@charset "UTF-8";
@import "fonts.css";
/**
 * css
 */
body {
  background: #fff;
  font-family: Inter, sans-serif;
}

/**
 * typo
 */
h1 {
  font-family: Inter, sans-serif;
  color: #DD0B2F;
  font-size: 1.25em;
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 4px;
  display: table;
  border-collapse: collapse;
  margin: 0 0 2em 0;
}

h2.content {
  font-family: Inter, sans-serif;
  color: #DD0B2F;
  font-size: 1.75em;
  font-weight: 400;
  margin-top: 2em;
}

p, li {
  font-size: 1.1em;
}

ol, ul {
  padding-left: 3em;
}

ol ol {
  font-size: 1em;
}

/**
 * navigation
 */
.nav-underline {
  --bs-nav-underline-gap: 1.5rem;
  font-weight: 700;
  margin-left: 75px;
}
.nav-underline .nav-link {
  color: #34525E;
}
.nav-underline .nav-link.pill {
  background-color: #075575; /* Bootstrap Albatros */
  color: white;
  font-weight: 400;
  border-radius: 50rem; /* Pill-Form */
  padding: 0.4rem 0.9rem;
}
.nav-underline .nav-link.pill:hover {
  background-color: #045175; /* etwas dunkler beim Hover */
  color: white;
}

/**
 * cards
 */
.card .card-img-top {
  width: 100%;
  height: 15vw;
  object-fit: cover;
}
.card .card-body .card-title {
  color: #DD0B2F;
  font-weight: 800;
}

a:hover .card {
  border: 1px solid white;
  animation: glow 1000ms ease-out infinite alternate;
}

@keyframes glow {
  from {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  }
  to {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  }
}
.calendar {
  background-color: #DD0B2F;
  color: white;
}
.calendar .weekday {
  font-size: 1.5em;
}
.calendar .day {
  line-height: 0.75em;
  font-size: 8em;
}
.calendar .month {
  font-size: 1.25em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.15em;
}

/**
 * bootstrap overwrites and extensions
 */
.btn-albatros {
  --bs-btn-color: #fff;
  --bs-btn-bg: #075575;
  --bs-btn-border-color: #075575;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #045175;
  --bs-btn-hover-border-color: #045175;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #004c71;
  --bs-btn-active-border-color: #004c71;
  --bs-btn-focus-shadow-rgb: 153,0,0; /* optional schöner Focus-Ring */
}

/*# sourceMappingURL=site.css.map */