/* CSS Document */
/* Farben */ :root {
  --siblue: #095FA8;
  --sired: #E90404;
  --sigrey: rgba(219, 235, 235, 1.00);
  --sigreen: #01BC5E;
}
html {
  scroll-behavior: smooth;
}
/* Body */
body {
  background-color: var(--sigrey) !important;
  background: linear-gradient(to bottom right, rgba(232, 244, 244, 1.00), rgba(169, 186, 189, 1.00));
  /*background: linear-gradient(to bottom right, rgba(232,244,244,1.00), rgba(169,186,189,1.00), rgba(7,126,225,1.00));*/
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
a, a:link {
  color: var(--siblue) !important;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  font-weight: bold;
}
p, li {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
main {
  /*background-color: var(--sigrey) !important;*/
  padding-top: 0px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
  color: var(--siblue);
}
h1 {
  font-size: xx-large;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 18px;
  padding: 30px 0 0 10px;
  border-bottom: 0.75px solid var(--siblue) !important; /* Feste untere Grenze  */
  font-weight: bold;
}
h2 {
  font-size: x-large;
  /*text-align: center;*/
  margin-top: 10px;
  margin-bottom: 18px;
}
h6 {
  font-size: 17px;
}
section {
  /*background-color: var(--sigrey);*/
}
.container {
  margin-top: 0px;
}
figure {
  width: 5%;
  float: right;
  top: 4vw;
  left: 17vmin;
  background-color: rgba(228, 220, 231, 1.00);
}
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8); /* Halbtransparente Hintergrundfarbe */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Damit es über allem anderen liegt */
}
#preloader img {
  width: 100px; /* Größe des Icons oder Bildes */
  height: 100px;
}
.menu-custom {
  font-size: smaller;
  display: flex;
  /*  justify-content: space-around;*/
  justify-content: space-between;
  align-items: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; /* Anpassung der Innenabstände */
  height: 30px;
  background-color: white !important;
  border-bottom: 0.75px solid var(--siblue); /* Unterer Strich */
}
/* navbar anpassungen beginn */
.navbar-custom {
  padding: 0.25rem 0.9rem; /* Anpassung der Innenabstände */
  border-bottom: 0.75px solid var(--siblue) !important; /* Unterer Strich */
}
.navbar-custom .navbar-brand {
  font-size: 0.9rem; /* Schriftgröße anpassen */
  max-width: 120px; /* Maximale Breite des Logos */
  padding: 0; /* Entfernen des zusätzlichen Paddings */
}
.navbar-custom .navbar-brand img {
  max-height: 70px; /* Maximale Höhe des Logos */
  height: auto; /* Beibehalten des Seitenverhältnisses des Logos */
  position: absolute; /* Absolute Positionierung des Logos */
  top: 0px; /* Verschiebung nach oben, damit das Logo herausragt */
  left: 3px; /* Beibehaltung des linken Randes */
}
.navbar-custom .navbar-nav {
  margin-left: 100px; /* Platz für das Logo schaffen */
}
.navbar-custom .nav-link {
  font-size: 1.1rem; /* Schriftgröße anpassen */
}
.navbar-custom .navbar-toggler {
  padding: 0.15rem 0.25rem; /* Padding des Toggle-Buttons anpassen */
}
.navbar-custom .navbar-toggler-icon {
  width: 1.3rem; /* Breite des Icons anpassen */
  height: 1.3rem; /* Höhe des Icons anpassen */
}
/* navbar anpassungen ende */
footer {
  margin-top: 0px;
  padding: 0px 0px 0px 0px;
  font-size: smaller;
  text-align: center;
  background-color: var(--siblue);
  color: white;
}
footer h3, footer a, footer a:link, footer a:active, footer a:visited {
  color: white !important;
}
.social-links {
  margin: 0px 0px 0px 0px;
}
.item {
  position: relative;
  overflow: hidden;
  /*    padding: 5 5 5 5;*/
}
.item img {
  width: 100%;
  height: 300px; /* Set a fixed height */
  object-fit: cover; /* Ensure the image covers the div while maintaining aspect ratio */
  /*padding: 5 5 5 5;*/
  margin-bottom: 10px;
  border-radius: 10px;
}
.si-top {
  color: #FFFFFF;
  position: fixed;
  bottom: 0;
  right: 0;
}
.si-titel {
  font-size: xx-large;
  padding-top: 29px;
  color: var(--siblue);
  font-weight: bolder;
}
.si-carousel {
  font-size: 50px;
  margin: 100px 20px 100px 20px;
  padding-top: 0px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 0px;
  background-color: rgba(114, 114, 114, 0.70);
  border-radius: 25px;
}
.custom-row {
  display: flex;
  flex-wrap: nowrap;
}
.contact-mail {
  background-color: lightgrey;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  border-radius: 10px;
  font-size: smaller;
  line-height: 0.5em;
  padding-top: 5px;
}
.bottom-custom {
  color: white;
  font-size: 14px;
  text-align: center;
  padding: 10px 0px 10px 0px;
  /*background-color: var(--siblue) !important;*/
  background: linear-gradient(to right, var(--siblue), rgba(7, 126, 225, 1.00));
}
/* Bei kleineren Bildschirmen */
@media (max-width: 768px) {
  .custom-row {
    flex-wrap: wrap;
  }
  .custom-row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .si-titel {
    font-size: x-large;
  }
  h1 {
    font-size: x-large;
  }
  h2 {
    font-size: large;
  }
}
@media (max-width: 576px) {
  .si-titel {
    font-size: 20px;
  }
}
.gross {
  font-size: 20px;
}