.news h3 {
font-family: "Roboto";
}
.news .box {
width: 100%;
text-align: left;
height: 180px;
margin-bottom: 30px;
}
.news .box .row {
height: 100%;
}
.news .box .row .news-content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.news .box .title {
color: #630c54;
font-size: 1rem;
}
.news .box .link {
color: #630c54;
font-size: 14px;
}
.news .box .link::before, .news .box .link::after {
display: none;
}
.news .box .vorschau {
font-size: 14px;
}
.news .box .box-image {
width: 100%;
height: 100%;
cursor: pointer;
}
.news .box .box-image .image {
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.news .box .box-image {
padding-right: 0;
margin-bottom: 15px;
}
}
.news .box .box-image img {
width: 100%;
}
@media (max-width: 768px) {
.news .box {
height: auto;
}
.news .box .box-image .image {
padding-bottom: 60%;
}
.news .box .news-content {
margin-top: 1rem;
}
}
.news-modal {
font-size: 14px;
}
.news-modal h4 {
font-size: 1rem;
}
.news-modal .btn {
border-radius: 0;
background-color: #1E0213;
color: white;
border: none;
}
.news-modal .btn:focus {
border: none;
}
.news-modal .btn:hover, .news-modal .btn:active {
background-color: #630c54;
color: white;
}
.post-image {
float: left;
margin-right: 15px !important;
margin-bottom: 10px;
}
@media (max-width: 768px) {
.post-image {
min-width: 100%;
}
}