body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: gray;
    line-height: 1.5;
    font-size: 20px;
    
    }

.innen {
    max-width: 1260px; /*ggf. Breite anpassen auf Vollbild*/
    margin: 0 auto;
    padding: 1.5rem 0 2rem 0;
    }
#ueber-mich, #kontakt {background-color:rgb(248, 244, 238)}

header .innen, .brand, footer .innen, .portfolio {
    display: flex;
    justify-content: space-between;
    } 
    
header {
    background: orange;
    height: 220px;
    }
    
        
h2 {
    color: orange;  
    }
    
    
h3 {
    /*color: rgb(114, 114, 114);*/
    color: rgb(135, 214, 197);
    }
    
h4 {
    color: rgb(124, 124, 124);
    }

 .brand {
    padding: 1.75rem 0 2rem 0;
    
    }
 .brand img {height: 110px; width: auto; border-radius: 50%;}
 .slogan h1, .slogan p {
    margin: 0; 
    line-height: 1;
    color:whitesmoke ;
    text-align: left;
    }
 .slogan {
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: right;
    }


.navi {
    display: flex;
    flex-direction: column;
    justify-content: center;
    }

.navi ul {
    list-style: none; padding: 0; margin: 0;
    
    color: #d62d2d;
    }

.portfolio1, .portfolio2, .portfolio3 {max-width: 31%;}
/*.portfolio h3 {font-size: 1.1rem;}*/

a {color: rgb(135, 214, 197); 
    text-decoration: none;
   }

a:hover {color: rgb(147, 255, 232);}
address {margin-bottom: 1rem;} 
::marker {color: rgb(135, 214, 197);} 

footer {
    color: rgb(135, 214, 197);
    }