.news-filter {
font-family: 'Raleway', sans-serif;
margin: 25px auto;
width: 100%;
height: 120px;
max-width: 1000px;
margin-bottom: 260px;
}
.news-filter .filter-btn {
display: inline-block;
width: 150px;
cursor: pointer;
}
.news-filter .filter-btn .filter {
width: 100%;
margin: 0 auto;
text-align: center;
}
.news-filter .filter-btn .filter-text {
font-family: 'Raleway', sans-serif !important;
width: 100%;
margin: 0 auto;
text-align: center;
font-size: 1.5rem;
font-weight: 600;
font-family: "Poppins";
}
.news-filter .filter-cat1 {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue1.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-filter .filter-cat1.active {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue2.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-filter .filter-cat2 {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue1.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-filter .filter-cat2.active {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue2.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-filter .filter-cat3 {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue1.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-filter .filter-cat3.active {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue2.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-filter .filter-cat4 {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue1.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-filter .filter-cat4.active {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue2.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-filter .filter-cat5 {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue1.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-filter .filter-cat5.active {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue2.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-filter .filter-cat6 {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue1.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-filter .filter-cat6.active {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue2.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-filter .filter-cat7 {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue1.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-filter .filter-cat7.active {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue2.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-filter .filter-cat8 {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue1.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-filter .filter-cat8.active {
width: 150px;
height: 80px;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/btn-blue2.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px auto;
float: left;
}
.news-boxen {
margin: 0 auto;
width: 100%;
max-width: 1280px;
margin-left: -5px;
}
.news-boxen .news-box {
display: block;
position: relative;
margin: 25px auto;
width: 100%;
max-width: 375px;
min-width: 350px;
min-height:600px;
border: 0px solid black;
background-color: #f2f2f2;
padding: 5px;
}
.news-boxen .news-box .btn-grau
{
position: absolute;
bottom: 10px;
left:10px;
background-color: #40BBF0;
color:#fff;
padding: 10px 25px;
border-radius: 5px;
}
.news-boxen .news-box .img {
width: 100%;
height: 350px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.news-boxen .news-box .headline {
padding: 5px;
font-weight: 600;
color: black;
}
.news-boxen .news-box .teaser {
padding: 5px;
color: black;
width: 301px;
}
.news-boxen .news-box .arrow {
position: absolute;
right: 5px;
bottom: 5px;
z-index: 999;
background-image: url(/wp-content/plugins/TJ-Fortbildung/lib/img/arrow-right.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 30px;
height: 24px;
}
.cart .quantity input[type="number"] {
padding-right: 0.5rem !important;
max-width: 75px !important;
float: left !important;
}
button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] 
{
float: left !important;
min-height: 50px!important;
margin-left: 10px!important;
}
@media (min-width: 1130px) {
.news-filter
{
margin-bottom: 120px;
}
}
@media (min-width: 1130px) {
.news-boxen {
margin-left: 0;
}
.news-boxen .news-box {
width: 31%;
float: left;
margin: 0 20px 25px 0;
}
.news-boxen .news-box:last-child {
margin: 0 0 25px 0;
}
}