/* encode-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/encode-sans-v23-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  url('./fonts/encode-sans-v23-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

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

.btn-primary {
  background-color: #6378A3 !important;
  border-color: #6378A3 !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #6378A3 !important;
  border-color: #6378A3 !important;
  opacity: 0.8;
}

@media (min-width: 992px) {
  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    height: 100vh;
    border-right: 1px solid #dee2e6;

    display: flex;
    flex-direction: column;
  }

  .content {
    margin-left: 205px;
  }
}

.sidebar-logo {
  flex: 0 0 auto;
}

.sidebar-nav {
  flex: 1 1 auto;
  overflow-y: auto;
}

.sidebar-logo img {
  max-width: 186px;
  height: auto;
}

.nav-link {
  color: #898989 !important;
}

.nav-link.active {
  color: #798bb0 !important;
  font-style: italic;
  font-weight: bold;
}

a {
  color:#6378A3 !important;
  text-decoration:none;
  background-color:transparent
}

a:hover,
a:focus {
  opacity: 0.5;
  color: #6378A3; /* optional, falls Bootstrap Hover-Farbe sonst überschreibt */
  text-decoration: underline; /* optional */
}
/* add drop shadow */
h1 { text-shadow: #808080 3px 2px 4px;margin-bottom: 15px;}

/* Put some more space between li's for better readability: */
ul.inolist li { padding-bottom: 5px;}