body {
    font-family: Helvetica, sans-serif;
    font-style: normal;
    font-size: 20px;
    background-color: #242629;
    margin: 0;
    padding: 0;
}


#header {
    top: 4px;                 
    left: 0;
    width: 100%;              
    height: 100vh;
    background: url('Hintergrund.jpg');
    background-position-y: -20px;
    background-size: cover;
}

h1 {
    font-size: 180px;
    font-family: 'Aloha Magazine', sans-serif;
    font-style: normal;
    color: #E4DFD2;
    padding: 40px 40px;
    text-align: center;
    padding-top: 360px;
    font-weight: 600;          
    text-shadow: none;         
    line-height: 129.5px;
    letter-spacing: -6px;
    text-indent: -13px;
}
h2 {
    font-size: 35px;
    font-family: 'Aspekta', sans-serif;
    font-style: normal;
    color: #E4DFD2;
    padding: 40px 40px;
    text-align: center;
    margin-top: -170px;
    font-weight: 200;          
    line-height: 47px;
    text-shadow: none;         
    -webkit-text-stroke: 0;    
}

.untertitel {
    font-size: 90px;
    font-family: 'Aloha Magazine', sans-serif;
    font-style: normal;
    color: #E4DFD2;
    padding: 220px 0px 0px 27px;
    font-weight: 500;          
    text-shadow: none;         
    -webkit-text-stroke: 0px;    
    line-height: 90px;
    letter-spacing: 0px;
}

/* About */
.section1 {
    background: #242629;
     height: 50vh;
     margin-top: 40px;
}

/* Leistungen */
.section2 {
    background: #242629;
     height: 157vh
}

/* Programme */
.section3 {
    background: #242629;
     height: 83vh
}

/* Kontakt */
.section4 {
    background: #242629;
     height: 77vh
}

/* Tabea Schaier */
.section5 {
    background: #242629;
     height: 33vh
}


/* Navigation oben */
.nav {
    position:absolute;
    top: 15px;
    left: 27px;
    font-size: 30px;
    font-family: 'Aspekta', sans-serif;
    font-style: normal;
    font-weight: 250;  
    ul {
    margin: 0;
    padding: 0;
        li {
            list-style: none;
            a, a:visited {
                color: #ffffff;
                text-decoration: none;
                padding: 0 40px 0 0;
            }
            a:hover, .active, .trail {
                color: #ffffff;
            }
        }
    }
}

/* Linien Portfolio */
.linie {
  height: 1px;
  background-color: #484C51;
  margin-top: 100px;
}

/* Linien Skills */
.linie2 {
  height: 1px;
  background-color: #484C51;
  margin-top: 20px;
  margin-bottom: 30px;

}


/* Portfolio */
.container1 {
  margin-top: -100px;     
  padding-right: 27px;
  padding-left: 27px;
  min-height: 350px;      
  background-color: #242629;
}

/* About */
.container2 {    
  padding-right: 27px;
  padding-left: 27px;
  min-height: 850px;      
  background-color: #242629;
  margin-top: -90px;

}

/* Programme */
.container3 {   
  padding-left: 27px;     
  background-color: #242629;
  width: 40%;
  float: left;
}

/* Leinstungen */
.container4 {     
  padding-right: 27px;     
  background-color: #242629;
  width: 46.5%;
  float: right;
  min-height: auto;
}

/* Navigation unten */
.container5 {     
  padding-right: 27px;     
  background-color: #242629;
  width: 46.5%;
  float: right;
  position: relative; 
  height: 33vh;  
}


/* Titel Projekt */
.portfolio1 {
    font-size: 40px;
    font-family: 'Aspekta', sans-serif;
    font-style: normal;
    color: #E4DFD2;
    padding-left: 0px;
    font-weight: 500;          
    width: 52%;
    float: left;   
    margin-top: 90px; 
}

/* Untertitel Projekt */
.portfolio1 p {
    font-size: 25px;
    font-family: 'Aspekta', sans-serif;
    font-style: normal;
    color: #787774; 
    font-weight: 200; 
    line-height: 43px;
}

.viewcase {
    font-size: 25px;
    font-family: 'Aspekta', sans-serif;
    font-style: normal;
    color: #ffffff;
    text-align: right;
    font-weight: 200;
    width: 28%;
    float: left; 
    margin-top: 108px;      
}



/* Bilder Projekt */
.image {
    width: 20%;
    margin-top: 78px;   
    float: left;   
}
.image img {
    width: 100%;
}

/* Bilde About */
.image2 {
    width: 45%;
    margin-top: 78px;   
    float: left;   
}
.image2 img {
    width: 100%;
}

/* Text About */
.about {
    font-size: 25px;
    font-family: 'Aspekta', sans-serif;
    font-style: normal;
    color: #ffffff;
    text-align: left;
    font-weight: 200;
    width: 48%;
    float: right;
    margin-top: 86px;  
    line-height: 30px;
}

/* Themen Skills */
.skill1 {
    font-size: 30px;
    font-family: 'Aspekta', sans-serif;
    font-style: normal;
    color: #ffffff;
    text-align: left;
    font-weight: 400;
    width: 100%;
    float: left;
    margin-top: -5px;
}

/* Titel Leistungen */
.skill2 {
    font-size: 30px;
    font-family: 'Aspekta', sans-serif;
    font-style: normal;
    color: #E4DFD2;
    text-align: left;
    font-weight: 400;
    width: 100%;
    float: right;
    margin-top: 6px;  
    line-height: 28px;
}

/* Beschreibungen */
.skill3 {
    font-size: 20px;
    font-family: 'Aspekta', sans-serif;
    font-style: normal;
    color: #787774;
    text-align: left;
    font-weight: 200;
    width: 100%;
    float: right;
    margin-top: 10px;
    margin-bottom: 70px;
    line-height: 28px;
}




/* Text Programme */
.programm1 {
    font-size: 30px;
    font-family: 'Aspekta', sans-serif;
    font-style: normal;
    color: #E4DFD2;
    text-align: left;
    font-weight: 400;
    width: 100%;
    float: right;
    line-height: 8px;
    margin-top: 15px;
}


/* Container Kontakt */
.contact {     
  padding-right: 27px;      
  background-color: #242629;
  width: 46.5%;
  float: right;
  margin-top: 110px;
}

/* Text in Kontakt treten */
.textcontact {
    font-size: 30px;
    font-family: 'Aspekta', sans-serif;
    font-style: normal;
    color: #E4DFD2;
    text-align: left;
    font-weight: 400;
    width: 100%;
    float: right;
    line-height: 30px;
    margin-top: 2px;
}

/* Text email */
.email {
    font-size: 30px;
    font-family: 'Aspekta', sans-serif;
    font-style: normal;
    color: #787774;
    text-align: left;
    font-weight: 400;
    width: 100%;
    float: right;
    line-height: 30px;
    margin-top: 30px;
    text-decoration: underline;
    text-underline-offset: 5px;
}

/* Text email keine veränerung */
.email a {
  color: inherit; /* Erbt die Farbe des Elternelements, damit sie sich nicht verändert */
  text-decoration: none; /* Entfernt die Unterstreichung */
  font-size: inherit; /* Erbt die Schriftgröße des Elternelements */
  font-family: inherit; /* Erbt die Schriftart des Elternelements */
}
.email a:hover {
  color: inherit; /* Verhindert Farbänderung beim Hover */
  text-decoration: none; /* Verhindert Unterstreichung beim Hover */
}


/* Tabea */
.schluss {
    font-size: 164.2px;
    font-family: 'Aloha Magazine', sans-serif;
    font-style: normal;
    color: #E4DFD2;
    font-weight: 600;       
    letter-spacing: -3.7px;
    text-indent: 48.5px;
    text-align: left;
    width: 30%;
    line-height: 160px;
    padding-top: 8.3px;
}
 /* Bild Schaier */
.image3 {
    width: 100%; 
    float: left;
    margin-bottom: 15px;
    margin-top: -35.3px; 
}

/* Navigation unten */
.nav2 {
  position: absolute; 
  bottom: 0px; 
  right: 0px;  
  font-size: 30px;
  font-family: 'Aspekta', sans-serif;
  font-style: normal;
  font-weight: 250;
  line-height: 1px;
  padding-top: 10px;
}

.nav2 ul {
  display: flex; 
  list-style: none;
}

.nav2 li {
  list-style: none;
}

.nav2 a,
.nav2 a:visited {
  color: #ffffff;
  text-decoration: none;
  padding: 0 27px 0 13px;
}

.nav2 a:hover,
.nav2 .active,
.nav2 .trail {
  color: #ffffff;
}
/* Abstand nach dem "Kontakt"-Link (3. Listenelement) */
.nav2 li:nth-child(3) a {
  margin-right: 136px; 
}