body {
grid-template-rows: auto;
background-color: var(--hintergrund-1);
}
header {
padding-bottom: 2.5vh;
height: 70px;
}
main {
display: grid;
grid-template-columns: 1fr;
grid-template-rows:  auto;
grid-template-areas:
"datenschutz-text";
background-color: var(--hintergrund-1);
overflow: hidden;
}
.eigenlink {
color: var(--textfarbe-5)
}

#datenschutz-text {
grid-area: datenschutz-text;
background-color: var(--hintergrund-1);
color: var(--textfarbe-1);
margin: 100px 0;
padding: 0vh 5%;
text-align: justify;
font-size: calc(12px + (26 - 12) * ((100vw - 100px) / (2000 - 100)));
font-weight: 100;
}
.h2-datenschutz{
margin-top: 5vh;
font-size: 125%;
font-weight: 800;
}
.liste-datenschutz { 
margin-left: 2vw;
}

a.recht-text:link { 
color: var(--textfarbe-10);
text-decoration: underline;
letter-spacing: .1;
font-size: 95%;
font-weight: 600;
}
a.recht-text:hover {
color: var(--textfarbe-1);
font-weight: 600;
}

@media screen and (min-width: 400px) and (min-height: 320px) {
#datenschutz-text {
padding: 0 calc(30px + (250 - 50) * ((100vw - 400px) / (2000 - 400)));
}
}