* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

body {
    width: 100%;
    font-family: sans-serif;
    background-color: #d1d1d1;  
    margin: 0px;
}

#main {
    width: 100%;
    font-size: 20px;
    background-color: #d1d1d1; 
    margin-left: auto;
    margin-right: auto;
    display: flex; 
    justify-content: center;
}

.main_1 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    
}

.main_li {
    width:30%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    
}

.main_re {
    width:70%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    
}

.main_li_1 {
    width:20%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    
}

.main_re_1 {
    width:80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    
}

.text_start_1 {
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 45px;
    display: flex;
    background-color: #d1d1d1;
    justify-content: center;
    align-items: center;
    font-family: serif;
    text-align: left;
    line-height: 1.2em;
    color: darkred;
    align-items: stretch;  
    /*bewirkt: Text am oberen Rand der Box; wichtig wenn zwei
    Boxen nebeneinander mit verschieden hohen Texten; 
    z.B. eine Zeile und zwei Zeilen*/
}

a {text-decoration: none;}