/* Show it is fixed to the top */

body {
    position: relative;
}

.ptop-nav {
    padding-top: 85px;
}

#Main, #Geschaeftsfelder, #Profil, #Management, #Aktuelles, #Karriere, #Kontakt {
    padding-top: 4.5rem;
}

#heroVP {
    background-image: url("/img/verkehrsplanung.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.TopLogo {
    max-height: 75px;
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
}

.btn-primary {
    background-color: #57BBEB;
    border-color: #57BBEB;
}

.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: .75rem;
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
}

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.feature-icon-small {
  width: 3rem;
  height: 3rem;
}

.text-gevas-emphasis {
    color: #57BBEB;
}

.nav-link {
    color: #57BBEB;
}

.mh-60p {
    min-height: 60px;
}

.fh-95p {
    height: 95px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fh-475px {
    height: 475px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.max-wh-150 {
    max-width: 150px;
    max-height: 150px;
}

#detailModalText {
    white-space: pre-wrap;
}