body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    margin: 0;
    padding: 0;
}
strong {
    font-weight: 600;
}
header {
    color: #DF01D7;
    padding: 50px 30px 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 300px;
}
button a {
    background-color: #DF01D7;
    color: #fff;
}
button:hover,
button:hover a,
button:active,
button:visited,
.active-btn {
    color: #DF01D7;
    background-color: #fff;
}
header.index {
    background-image: url("../img/heather-ford.jpg");
}
header.data {
    /*background-image: url("../img/visual-stories-micheile.jpg");*/
     background-image: url("../img/lasse-moller.jpg");
    /*background-image: url("../img/diana-akhmetianova.jpg");*/
}
header.impressum {
    /*background-image: url("../img/visual-stories-micheile.jpg");*/
    background-image: url("../img/diana-akhmetianova.jpg");
}
button {
    font-size: 1em;
    background-color: #DF01D7;
    border: 3px #DF01D7 solid;
    padding: 10px 15px;
    margin: 10px 30px auto auto;
    float: right;
}

.block {
margin: 70px 50px auto 50px;
color: #666;
}
h1, h2 {
color: #333;
}
.gallery {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 30px;
margin: 100px 50px auto 50px;
}
.gallery img {
object-fit: cover;
max-width: 100%;
max-height: 300px;
border: 3px #DF01D7 solid;
padding: 5px;
}
.gallery img:hover {
background-color: #DF01D7;
}
.block a,
.block a:visited  {
color: #000;
}
.block a:hover,
.block a:focus{
color: #DF01D7;
}
footer {
min-height: 50px;
margin: 30px auto 50px;
}
a {
color: #333;
text-decoration: none;
}
h2, h3, h4, h5, h6, strong {
font-weight: normal;
}
.data {
color: #000;
}
.data h4,
.data h5,
.data h6 {
margin-bottom: 0;
}