#bottom1 a::before {
background-color: #00FFFF;
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
content: "";
transform: scaleX(1);
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}

#bottom1 a:hover::before {
transform: scaleX(0);
transform-origin: bottom right;
}

#bottom1 a,
#bottom6 a,
#bottom7 a {
color: #182260;
display: inline-block;
position: relative;
}

#bottom1,
#bottom2 {
text-align: center;
}

#bottom6 a::after,
#bottom7 a::after {
background-color: #00FFFF;
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
content: "";
transform: scaleX(0);
transform-origin: bottom left;
transition: transform 0.25s ease-out;
}

#bottom6 a:hover::after,
#bottom7 a:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}

#main a {
color: #FFFFFF;
display: inline-block;
position: relative;
}

#navpath a:visited {
color: #141414;
}

@media (min-width: 1000px) {
#main {
padding-top: 70px;
padding-bottom: 170px;
}

.text_bild_img {
width: 100%;
height: auto;
max-width: 1400px;
max-height: 600px;
min-height: 600px;
object-fit: cover;
object-position: 50% center;
}
}

@media (min-width: 560px) and (max-width: 999px) {
#main {
padding-bottom: 20px;
}

.text_bild_img {
width: 100%;
height: auto;
max-width: 1500px;
max-height: 600px;
min-height: 600px;
object-fit: cover;
object-position: 50% center;
}
}

@media (max-width: 559px) {
#main {
padding-bottom: 20px;
}

.text_bild_img {
width: 100%;
height: 400px;
max-width: 600px;
object-fit: cover;
object-position: 50% center;
}
}

}