body{
    
    background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
header {
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
#brand{
z-index: 100;
flex: 1 1 40%;
padding-left: 5vw;
font-size: 2em;
}
.triangle-top{
    width: 0; 
    height: 0; 
    border-top: 0vh solid transparent;
    border-bottom: 50vh solid transparent;
    border-left: 50vw solid rgb(255, 255, 237);
    margin: 0;
    position: fixed;
    top: 0;
}
.triangle-bottom{
    width: 0; 
    height: 0; 
    border-top: 50vh solid transparent;
    border-bottom: 0vh solid transparent;
    border-right: 0vh solid transparent;
    border-left: 50vw solid rgb(255, 255, 237);
    margin: 0;
    position: fixed;
    bottom: 0;
}
html{
    margin: 0px;
    padding: 0;
    height: 100%;
}
.bild-strichfigur{
    z-index: 100;
    width: 10vw;
    height: 10vh;
    
    @media screen and (max-height: 441px){
        visibility: hidden;
    }
    @media  screen and (max-width: 650px) {
        visibility: hidden;
    }
}


.slider {
    @media screen and (max-width: 650px){
        display: none;
        
    }
    width: 100%;
    
    height: 40vh;
    width: 40vw;
    position: absolute;
    bottom:30vh;
    right:45vw;
    border-radius: 10px;   
    overflow: hidden; 
}
  
  .slide {
    width: 100%;
    max-width: 40vw;
    height: 40vh;
    position: absolute;
    transition: all 0.5s;
}
  
  .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}
  
  .btn-good{
    position:absolute;
    width: 100%;
    height: 100%;
    max-width: 20%;
    z-index: 2;
    margin:0;
    padding:0;
    border:0;
    background-color: transparent;
    content:100%;      
}
  
  .btn-good:hover{
    cursor: pointer;
}
    
  
  .btn-prev {
    top: 0;
    left: 0;
}
  
  .btn-next {
    top: 0;
    right: 0;
}
#content{
    @media screen and (max-width: 650px) {
        padding-left: 30vw;
    }
    padding-left: 60vw;
    padding-right: 10px;
}
nav ul {
    list-style: none;
  }
nav ul a {
    text-decoration: none;
    padding: 0.6rem;
    border: 2px;
    border-radius: 3rem;
  }