li {
   list-style-type: none;
 }

 /* Vollbreiten Hintergrundbild mit 100vh Höhe */
 .bg-fullscreen {
   position: relative;

   z-index: 0;
   background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('assets/img/sperberbruennl/IMG_6973.jpg');
   background-size: cover;
   background-position: center;
   height: 100vh;
   width: 100vw;
   max-width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
   text-shadow: -1px 1px 6px black;
 }

 .bg-fullscreen-h1 {
   font-size: 8vw;
 }

 .headline {
   margin-top: 3rem;
   margin-bottom: 6rem;
   scroll-margin-top: 150px;
 }

 @media (max-width: 800px) {
   .bg-fullscreen {
     background-image: url('assets/img/sperberbruennl/IMG_6973-mobil.jpg');
   }

 }

 @media (min-width: 1200px) {
   .bg-fullscreen-h1 {
     font-size: 7rem;
   }

 }

 .navigation {
   z-index: 10;

   position: fixed;
   width: 100%;
 }

 /* Dunkelgrauer Hintergrund für Navbar */
 .navbar-custom {
   background-color: #2f2f2f;
   padding-block: 1.5rem;
 }

 /* Weiße Textfarbe */
 .navbar-custom .nav-link,
 .navbar-custom .navbar-brand {
   color: rgb(219, 219, 219);
 }

 /* Orangefarbene Unterstreichung bei Hover und Aktiv */
 .navbar-custom .nav-link:hover,
 .navbar-custom .nav-link.active {
   color: rgb(253, 253, 253);
   border-bottom: 3px solid orange;
 }

 .sectiontitle {
   margin-block: 3rem;
 }

 .sectiontitle:before {
   content: "";
   border-top: 1px solid red;
   width: 200px;
   position: absolute;
   margin-top: -1rem;

 }

 li {
   margin-bottom: 0.6rem;
 }

 .sperber {
   font-style: italic;
   text-align: center;
   margin-bottom: 4rem;
   font-size: 1.3rem;

 }

 footer {
   background-color: #4d4b4b;
   color: whitesmoke;
   font-size: small;
 }

 .impressum {
   text-decoration: 1px solid underline white;
   cursor: pointer;
 }