body {font-family: 'Open Sans', sans-serif;
    background-color: rgba(174, 182, 182, 0.17);
    padding-left: 20px;
    padding-right: 20px;
    font-size: 3.5vw;
}

.begrüßung-container{
    display: flex;
    justify-content: center;
    font-size: 2em;
    margin-top: 40px;
    margin-bottom: 50px;
}

    
.image1-container{
    
    
    display: flex;

    margin-top: 20px;
}
.image2-container{
    display: flex;
    justify-content: space-between;
    align-items: center; 
    margin-top: 20px; 
    
}

.bildinschrift{
    position: relative;
}



  .bottomleft {
    position: absolute;
    bottom: 20px;
    left: 16px;
    font-size: 10px;
    padding: 2px;
    background-color:azure ;
  }



         .header-image1 {
            width: 100%;
            max-width: 100px;
            height: auto;
            max-height: 120px;
            object-fit: cover;
            object-position: 30% 65%;
            background-color: white;
            padding: 10px;
        }
        
        .header-image2 {
            width: 100%;
            max-width: 100px;
            height: auto;
            max-height: 120px;
            object-fit: cover;
            object-position: 30% 65%;
            background-color: white;
            padding: 10px;
        }

        .headline1{
         
            color: rgb(246, 158, 44);
            font-size: 2.5em;
            padding: 25px;
            margin-top: 5px;
            background-color: rgba(132, 144, 138, 0.347);  
        }

        .headline2{
            color: rgb(246, 158, 44); 
            font-size: 2.5em;
            padding: 25px;
            margin-top: 5px;
            margin-bottom: 20px;
            background-color: rgba(132, 144, 138, 0.347);
             
            
        }
        .headline3{
            font-size: 1.7em;
            margin-bottom: 30px;
        }

        .headline4{
           
            
            padding: 5px;
            
            margin-bottom: 5px;
            background-color: lightblue ;
             
            
        }

        .hervorhebung{
            background-color: rgb(246, 158, 44);
            padding: 5px;
            margin-top: 10px;   
        }


        .bildbeschreibung{
         width: 50%;
         margin-left: 2rem;   
        }
        
        

        .copyright{
            color: rgb(246, 158, 44);
            text-decoration: none;
            font-weight: 600;
        }

        .copyright-container{
            background-color: rgba(72, 77, 75, 0.768);
            margin-top: 20px;
        }

        .italic{
            font-style: italic;
        }

        .text{
            margin-top: 16px;
            
        }

        

        .backgroundmarker{
            background-color: lightblue ;
            margin-bottom: 16px;
        }
        
        ul{
            list-style-type: circle;
            list-style-position: outside;
            margin: 5px;
        }

        ol{
            list-style: decimal;
            list-style-type: decimal;
            list-style-position: outside;
            margin-top: 40px;
        }

        ol li{
            margin-top: 10px;
                    }

        .navbar{
          
          display: flex;
          justify-content: space-between;
          align-items: baseline;
          padding-left: 2px;
          padding-right: 2px;
          background-color: rgba(72, 77, 75, 0.768);
     
        }
        a{
            color: rgb(246, 158, 44);
            text-decoration: none;
            
            
           
        }
        a:hover{
            font-weight: 800;
        }