#leistungssport {
margin-bottom: 40px;
}
.training-section {
width: 100%;
}
.training-bar {
display: grid;
display: none;
grid-auto-flow: column;
grid-gap: 20px;
list-style: none;
background: #fff;
padding: 10px 20px;
border-radius: 8px;
box-shadow: 3px 3px 5px silver;
margin: 0 auto 20px auto;
width: 65%;
}
.training-section-h1 {
font-size: 55px;
}
.training-bar ul {
list-style: none;
display: grid;
grid-auto-flow: column;
place-items: center;
margin-bottom: 0;
}
.training-bar li {
font-size: 20px;
color: #707070;
cursor: pointer;
}
.training-bar li:hover {
text-decoration: none;
color: #F23038;
}
.card-training {
min-height: 500px;
background: #fff;
border-radius: 8px;
box-shadow: 3px 3px 5px silver;
transition: .2s;
width: 100%;
padding-bottom: 1px;
}
.card-training:hover {
box-shadow: 10px 10px 10px silver;
}
.training-image {
height: 600px;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.card-training h1 {
margin: 15px;
}
.card-training .desc {
margin: 15px;
}
.card-training .training {
margin: 15px;
margin-bottom: 0;
}
.card-training .trainer {
margin: 15px;
margin-top: 0;
}
.trainingtag {
margin-left: 5px;
}
@media only screen and (min-device-width: 1900px) {
.training-section {
margin: 0 auto;
width: 80%;
}
}
@media only screen and (max-device-width: 700px) {
.training-section {
width: 100%;
}
.training-bar {
display: none;
}
.card-training h1 {
font-size: 55px;
}
.card-training p {
font-size: 30px;
}
.card-training span {
font-size: 30px;
}
.tag {
padding: 3px 10px 5px 10px;
}
.training-section-h1 {
font-size: 70px;
}
}