@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
* {
font-family: 'Poppins', sans-serif;
}

html,
body {
margin: 5px;
height: 100%;
width: 100%;


/* background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(0,0,156,1) 50%, rgba(2,0,36,1) 100%); */
background-color: white;
background-repeat: no-repeat;
}

.kopf{
    max-width: 95%;
    display: grid;
    grid-template-columns: 10% 70% 20%;
    margin-left: 10px;
    margin-top: 10px;
}
.logo{
    grid-column-start: 1;
    grid-column-end: 2;
}

.Login_Data{
    grid-column-start: 3;
    grid-column-end: 4;
    color: grey;
    font-size: 80%;
}


.grid_container { 
    height:85%; 
    max-width: 98%;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 10% 10% 85%;
    gap: 5px 5px;
    grid-auto-flow: row;
    justify-content: center;
    align-content: center;
    justify-items: stretch;
    align-items: stretch;
    grid-template-areas:
    "Titel"
    "Menu"
    "Daten";
}


.Titel { 
    grid-area: Titel;
    color: black;
    font-size: 180%;
}

.Menu { 
    grid-area: Menu;
    margin-bottom: 10px;
}

.Daten { 
    grid-area: Daten;
}

.space_top_bottem_50 { 
    padding-top: 50px;
    padding-bottom: 50px;
}