* {
    margin: 0;
    padding: 0;
    font-family: "futura-pt", sans-serif;
}

body,
html {
    height: 100%;
    font-family: "futura-pt", sans-serif;
}


h5 {
	font-weight:200;
	font-size:12pt;
  color: #17265A
  }


  h3 {
	font-weight:300;
	font-size:20pt;
  color: #17265A
  }

 
  h2 {
	font-weight:600;
	font-size:25pt;
  color: #17265A
  }


  p {
	font-weight:300;
	font-size:16pt;
  }

  li {
    font-weight:200;
    font-size:16pt;
    }


    .nav-link {
      font-weight: 400;
  }

.accordion-button {
    background-color: #17265A;
    color: white;
    font-size: 15pt;
    border: none;
  }

  .accordion-button:not(.collapsed) {
    color: white;
    background-color:rgb(11, 19, 46);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}


.container-margin {
margin-top:200px;
margin-bottom:200px;
}


.row-margin-top {
  margin-top:200px;
  }

  .row-margin-bottom {
    margin-bottom:200px;
    }


  .btn-primary {
    background-color: #17265A;
    border-color: #17265A;
    color: white;
    font-size: 15pt;
  }

  .btn:hover {
    color:white;
    background-color:rgb(11, 19, 46)
}

  a {
    color: white;
    text-decoration: unset;
}

a:hover {
  color: rgba(255, 255, 255, 0.676);
}


strong {
    font-weight: bold;
    color: #17265A;
  }


  .nav-link.active {
    font-weight: bold;
  }


/* Transparenter Hintergrund für Navbar und Top-Bar */
.navbar {
    color: white !important; /* Textfarbe in der Navbar auf Weiß setzen */
	font-size:15pt;
}

.navbar .nav-link {
    color: #17265A !important; /* Textfarbe der Nav-Links auf Weiß setzen */
}



/* Vergrößern des Abstands zwischen den Navbar-Elementen, aber kein Abstand beim letzten Element */
.navbar .nav-item:not(:last-child) {
    margin-right: 20px; /* Abstand zwischen den nav-items vergrößern */
}


.bg-htg {
  background-color: #17265A;
}
    

/* Hover-Effekt */
.navbar-nav .nav-item .nav-link:hover {
  font-weight: bold;              /* Text bleibt fett */
  text-decoration: none;          /* Keine Standard-Unterstreichung */
  transform: scale(1.05);         /* Leichte Vergrößerung ohne Layoutverschiebung */
}

    
    

/* MEDIA QUERIES */
@media (max-width: 980px) {
}

/* MEDIA QUERIES FÜR IPAD 3 & 4 – LANDSCAPE */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* MEDIA QUERIES FOR IPAD MINI */
@media only screen and (min-device-width: 1023px) and (max-device-width: 1025px) and (orientation: landscape) {
}

/* IPAD AIR */
@media only screen and (min-device-width: 1180px) and (max-device-width: 1181px) and (orientation: landscape) {
}

@media (min-width: 1900px) {
}