html {
    scroll-behavior:smooth;
}
body{
    font-family: 'Raleway', sans-serif;
    padding-left: 70px;
    padding-right: 70px;
    
}
.navbar{
    display: flex;
    justify-content: space-between;
    align-items: center;
   
    
    
}


        
.überschrifth1 {
   color:rgb(54, 54, 54);
   font-weight: 500;
   font-size: 44px;
   text-align: center;
   margin-left: 60px;
  

} 
.text2 {
    margin-top: 220px;
    margin-left: 30px;
    font-size: 22px;
    
}
.text3 {
    font-size: 0px;
}
a {
    color: rgb(0, 0, 0);
    text-decoration: none;
    
    margin-left: 16px;
    font-weight: 200;
}
a:hover {
    text-decoration: underline;

}
.textnavbar {
    font-size: 23px;
    
    

}

.container {
    display: flex;
    justify-content: left;
    
}
.mandalalogo {
    width: 850px;
    height: 600px;
    min-height: 200px;
    object-fit:contain;
    object-position: 50% 20%;
    display: block;
    border-radius: 16px;
    margin-top: 50px;
   
    
    
   
}
.bildtrommel {

    border-radius: 32px;
    object-fit: cover;
    width: 850px;
    height: 700px;
 
    

}
.bildtext {
   width: 100%;
    display: flex;
   justify-content: space-between;
  
    
} 


.portrait {


    width: 700px;
    height: 700px;
    display: flex;

    object-fit:cover;
    border-radius: 1000px;
    
   
   
   
}



.beschreibung {
    width: 3000px;
    font-size: 23px;
    margin-right: 100px;
    margin-bottom: 100px;
   


}
.übermichh1 {
    margin-top: 70px;
}



.impressnav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.impressnav1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.startnav {
    font-size: 28px;

}
#scroll1 {
    transition: 2s ease;

}
.kontakt {
    margin-top: 20px;
    
    text-align: center;
    font-size: 35px;
    line-height: 150%;
}
.impressum1 {
   font-size: 25px; }



#ausbildung {
    font-size: 25px;
    margin-top: 2vh;
}
.kunstmusikbiler {
    display: flex;
  flex-wrap: wrap;
  max-width: 100vw;

 
}
.kunstmusikbild1 {
    
    object-fit: contain;
    width: 20vw;
   
    height: 34vh;
  
}
.kunstmusikbild2{
    
    object-fit: contain;
    width: 22vw;
    margin: 10px;
    margin-left: 0px;
    margin-right: 20px;
    height: 34vh;
  
}
.beschriftung1 {
    font-size: 2vw;
    margin-top: 4vh;
    margin-bottom: 1vh;
}
.kundenstimmen1 {
   
    display: flex;
    align-items:flex-start;
    flex-wrap: wrap;  
    margin-top: 2vh;
    width: 95vw;


}
.kundenstimmen2 {
    display: block;
    margin: 10px;
}

.footer {
    align-items: center;
    justify-content: center;
}
#credit{
    margin-top: -30px;
    margin-bottom: 30px;
}
  .dropdown {
    scale: 0;
  } 




@media (max-width: 1100px) {
    body{
        font-family: 'Raleway', sans-serif;
        padding-left: 5px;
        padding-right: 5px;
        width: 90%;
        margin-top: 0px;
        
    }
    .navbar{
        display: flex;
        justify-content: space-between;
      
        
        
        
        
        
    }
  
            
    .überschrifth1 {
       color:rgb(54, 54, 54);
       font-weight: 300;
       font-size: 20px;
       
      margin-top: -50px;
       margin-left:0px;
      
    
    } 
    .textnavbar {
       width: 140px;
        margin-top: 50px;
         font-size: 15px;
        text-align: center;
        margin-right: -10px;

    }
    .buttons {
        margin-top: 0px;
    }
    
    .text2 {
        
        margin-left: 0px;
        font-size: 0px;
    }
    .text3 {
        margin-top: 40px;
        font-size: 5vw;
    }
    
    a {
        color: rgb(0, 0, 0);
        text-decoration: none;
        
        margin-left: 16px;
        font-weight: 200;
    }
    
    
    .container {
        display: flex;
        justify-content: space-between;
       width: 0px;
       height: 200px;
        
        
    }
    .mandalalogo {
        width: 300px;
        height: 220px;
        min-height: 10vh;
       
        margin-top:0vh;
        margin-left: 0vw;
       
       
        
        
       
    }
    .bildtrommel {
    
        margin-top: 0px;
        border-radius: 20px;
       object-fit:contain;
        width: 35vw;
        height: 40vh;
     
        
    
    }
    .bildtext {
       width: 100%;
        display: flex;
       justify-content: space-between;
       flex-direction: column-reverse;
      
        
    } 
    #h1{
        font-size: 25px;
    }
    
    
    .portrait {
    
    
        width: 150px;
        height: 150px;
        display: flex;
    
        object-fit:cover;
        border-radius: 100vw;
        margin-bottom: 3vh;
        
       
       
       
    }
    .impressnav1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    }   

    
    
    
    .beschreibung {
        width: 90vw;
        font-size: 5vw;
        margin-right: 100px;
        margin-bottom: 100px;
       
    
    
    }
    .übermichh1 {
        margin-top: 5vh;
    }
    .kontakt {
        margin-top: 20px;
       
        font-size: 5vw;
        line-height: 150%;
    }
    .kunstmusikbiler {
        display: flex;
      flex-wrap: wrap;
      max-width: 100vw;
    
     
    }
    .kunstmusikbild1 {
        
        object-fit: cover;
        width: 70vw;
        margin: 10px;
        margin-left: 0px;
        margin-right: 20px;
        height: 34vh;
      
    }
    .kunstmusikbild2{
    
        object-fit: cover;
        width: 61vw;
        margin: 10px;
        margin-left: 0px;
        margin-right: 20px;
        height: 34vh;
      
    }
    .beschriftung1 {
        font-size: 7vw;
        margin-top: 4vh;
        margin-bottom: 1vh;
    }
    .kundenstimmen1 {
   
        display: flex;
        align-items:flex-start;
       
       flex-direction: column;
        margin-top: 2vh;
        width: 20vw;
    }
    .kundenstimmen2 {
        width: 80vw;
    }

}