@media (max-width: 767px) {
.vw-kurs-filter-list-container {
margin: 10px 10px 10px 0px;
padding: 10px 10px 10px 0px;
overflow: hidden;
}
.vw-kurs-filter-list-form {
overflow: hidden;
width: 100%;
}
.vw-kurs-filter-list-select {
appearance: none;
background-color: #e2001a !important;
margin: 10px 10px 10px 0px;
padding: 15px 55px 15px 35px;
border: 2px solid #e2001a;
width: fit-content;
color: #ffffff;
font-size: 18px;
font-weight: 500;
transition: color 0.3s;
cursor: pointer;
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 25px;
}
.vw-kurs-filter-list-select:hover {
background-color: #ffffff !important;
border: 2px solid #e2001a;
color: #e2001a;
}
.vw-kurs-filter-list-select:focus {
border: 2px solid #e2001a;
}
.vw-kurs-filter-list-container-item-link {
text-decoration: none!important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.vw-kurs-filter-list-container {
margin: 10px 10px 10px 0px;
padding: 10px 10px 10px 0px;
overflow: hidden;
}
.vw-kurs-filter-list-form {
overflow: hidden;
width: 100%;
}
.vw-kurs-filter-list-select {
appearance: none;
background-color: #e2001a !important;
margin: 10px 10px 10px 0px;
padding: 15px 55px 15px 35px;
border: 2px solid #e2001a;
width: fit-content;
color: #ffffff;
font-size: 18px;
font-weight: 500;
transition: color 0.3s;
cursor: pointer;
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 25px;
}
.vw-kurs-filter-list-select:hover {
background-color: #ffffff !important;
border: 2px solid #e2001a;
color: #e2001a;
}
.vw-kurs-filter-list-select:focus {
border: 2px solid #e2001a;
}
.vw-kurs-filter-list-container-item-link {
text-decoration: none!important;
}
}
@media (min-width: 1024px) and (max-width: 1919px) {
.vw-kurs-filter-list-container {
margin: 10px 10px 10px 0px;
padding: 10px 10px 10px 0px;
overflow: hidden;
}
.vw-kurs-filter-list-form {
overflow: hidden;
width: 100%;
}
.vw-kurs-filter-list-select {
appearance: none;
background-color: #e2001a !important;
margin: 10px 10px 10px 0px;
padding: 15px 55px 15px 35px;
border: 2px solid #e2001a;
width: fit-content;
color: #ffffff;
font-size: 18px;
font-weight: 500;
transition: color 0.3s;
cursor: pointer;
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 25px;
}
.vw-kurs-filter-list-select:hover {
background-color: #ffffff !important;
border: 2px solid #e2001a;
color: #e2001a;
}
.vw-kurs-filter-list-select:focus {
border: 2px solid #e2001a;
}
.vw-kurs-filter-list-container-item-link {
text-decoration: none!important;
}
}
@media (min-width: 1920px) {
.vw-kurs-filter-list-container {
margin: 10px 10px 10px 0px;
padding: 10px 10px 10px 0px;
overflow: hidden;
}
.vw-kurs-filter-list-form {
overflow: hidden;
width: 100%;
}
.vw-kurs-filter-list-select {
appearance: none;
background-color: #e2001a !important;
margin: 10px 10px 10px 0px;
padding: 15px 55px 15px 35px;
border: 2px solid #e2001a;
width: fit-content;
color: #ffffff;
font-size: 18px;
font-weight: 500;
transition: color 0.3s;
cursor: pointer;
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 25px;
}
.vw-kurs-filter-list-select:hover {
background-color: #ffffff !important;
border: 2px solid #e2001a;
color: #e2001a;
}
.vw-kurs-filter-list-select:focus {
border: 2px solid #e2001a;
}
.vw-kurs-filter-list-container-item-link {
text-decoration: none!important;
}
}@media (max-width: 767px) {
.vw-kurs-filter-list-kurs-list-container {
border-radius: 8px;
padding: 25px;
margin: 0px 0px 20px 0px;
border: 1px solid #ddd;
width: 100%;
}
.vw-kurs-filter-list-kurs-list-header {
padding: 0px 0px 10px 0px;
margin: 0px 0px 20px 0px;
border-bottom: 2px solid #f0f0f0;
}
.vw-kurs-filter-list-kurs-list-title {
margin: 0px;
color: #222;
font-size: 1.4rem;
font-weight: 600;
}
.vw-kurs-filter-list-kurs-list-image-container {
width: 100%;
}
.vw-kurs-filter-list-kurs-list-body {
margin: 0px 0px 20px 0px;
display: flex;
flex-direction: column;
}
.vw-kurs-filter-list-kurs-list-image {
border-radius: 6px;
margin: 0px 25px 0px 0px;
border: 1px solid #ddd;
width: 100%;
max-width: 100%;
object-fit: cover;
}
.vw-kurs-filter-list-kurs-list-description-title {
color: #222;
font-size: 1.4rem;
font-weight: 600;
}
.vw-kurs-filter-list-kurs-list-description-text {
color: #222;
}
.vw-kurs-filter-list-kurs-list-standorte-zeiten {
display: flex;
gap: 40px;
flex-wrap: wrap;
}
.vw-kurs-filter-list-kurs-list-back-button {
display: inline-block;
background-color: #e2001a !important;
margin: 50px 0px 0px 0px;
padding: 10px 25px 10px 25px;
border: 2px solid #e2001a;
border-radius: 3px;
color: #fff!important;
font-weight: 600;
text-decoration: none!important;
transition: background-color 0.2s;
}
.vw-kurs-filter-list-kurs-list-back-button:hover {
background-color: #fff !important;
border: 2px solid #e2001a;
border-radius: 3px;
color: #e2001a!important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.vw-kurs-filter-list-kurs-list-container {
border-radius: 8px;
padding: 35px;
margin: 0px 0px 20px 0px;
border: 1px solid #ddd;
width: 100%;
}
.vw-kurs-filter-list-kurs-list-header {
padding: 0px 0px 10px 0px;
margin: 0px 0px 20px 0px;
border-bottom: 2px solid #f0f0f0;
}
.vw-kurs-filter-list-kurs-list-title {
margin: 0px;
color: #222;
font-size: 1.4rem;
font-weight: 600;
}
.vw-kurs-filter-list-kurs-list-body {
margin: 0px 0px 20px 0px;
display: flex;
}
.vw-kurs-filter-list-kurs-list-image {
border-radius: 6px;
margin: 0px 25px 0px 0px;
border: 1px solid #ddd;
max-width: 250px;
object-fit: cover;
}
.vw-kurs-filter-list-kurs-list-description-title {
color: #222;
font-size: 1.4rem;
font-weight: 600;
}
.vw-kurs-filter-list-kurs-list-description-text {
color: #222;
}
.vw-kurs-filter-list-kurs-list-standorte-zeiten {
display: flex;
gap: 40px;
flex-wrap: wrap;
}
.vw-kurs-filter-list-kurs-list-back-button {
display: inline-block;
background-color: #e2001a !important;
margin: 50px 0px 0px 0px;
padding: 10px 25px 10px 25px;
border: 2px solid #e2001a;
border-radius: 3px;
color: #fff!important;
font-weight: 600;
text-decoration: none!important;
transition: background-color 0.2s;
}
.vw-kurs-filter-list-kurs-list-back-button:hover {
background-color: #fff !important;
border: 2px solid #e2001a;
border-radius: 3px;
color: #e2001a!important;
}
}
@media (min-width: 1024px) and (max-width: 1919px) {
.vw-kurs-filter-list-kurs-list-container {
border-radius: 8px;
padding: 45px;
margin: 0px 0px 20px 0px;
border: 1px solid #ddd;
width: 1000px;
}
.vw-kurs-filter-list-kurs-list-header {
padding: 0px 0px 10px 0px;
margin: 0px 0px 20px 0px;
border-bottom: 2px solid #f0f0f0;
}
.vw-kurs-filter-list-kurs-list-title {
margin: 0px;
color: #222;
font-size: 1.4rem;
font-weight: 600;
}
.vw-kurs-filter-list-kurs-list-body {
margin: 0px 0px 20px 0px;
display: flex;
}
.vw-kurs-filter-list-kurs-list-image {
border-radius: 6px;
margin: 0px 25px 0px 0px;
border: 1px solid #ddd;
max-width: 250px;
object-fit: cover;
}
.vw-kurs-filter-list-kurs-list-description-title {
color: #222;
font-size: 1.4rem;
font-weight: 600;
}
.vw-kurs-filter-list-kurs-list-description-text {
color: #222;
}
.vw-kurs-filter-list-kurs-list-standorte-zeiten {
display: flex;
gap: 40px;
flex-wrap: wrap;
}
.vw-kurs-filter-list-kurs-list-back-button {
display: inline-block;
background-color: #e2001a !important;
margin: 50px 0px 0px 0px;
padding: 10px 25px 10px 25px;
border: 2px solid #e2001a;
border-radius: 3px;
color: #fff!important;
font-weight: 600;
text-decoration: none!important;
transition: background-color 0.2s;
}
.vw-kurs-filter-list-kurs-list-back-button:hover {
background-color: #fff !important;
border: 2px solid #e2001a;
border-radius: 3px;
color: #e2001a!important;
}
}
@media (min-width: 1920px) {
.vw-kurs-filter-list-kurs-list-container {
border-radius: 8px;
padding: 45px;
margin: 0px 0px 20px 0px;
border: 1px solid #ddd;
width: 1000px;
}
.vw-kurs-filter-list-kurs-list-header {
padding: 0px 0px 10px 0px;
margin: 0px 0px 20px 0px;
border-bottom: 2px solid #f0f0f0;
}
.vw-kurs-filter-list-kurs-list-title {
margin: 0px;
color: #222;
font-size: 1.4rem;
font-weight: 600;
}
.vw-kurs-filter-list-kurs-list-body {
margin: 0px 0px 20px 0px;
display: flex;
}
.vw-kurs-filter-list-kurs-list-image {
border-radius: 6px;
margin: 0px 25px 0px 0px;
border: 1px solid #ddd;
max-width: 250px;
object-fit: cover;
}
.vw-kurs-filter-list-kurs-list-description-title {
color: #222;
font-size: 1.4rem;
font-weight: 600;
}
.vw-kurs-filter-list-kurs-list-description-text {
color: #222;
}
.vw-kurs-filter-list-kurs-list-standorte-zeiten {
display: flex;
gap: 40px;
flex-wrap: wrap;
}
.vw-kurs-filter-list-kurs-list-back-button {
display: inline-block;
background-color: #e2001a !important;
margin: 50px 0px 0px 0px;
padding: 10px 25px 10px 25px;
border: 2px solid #e2001a;
border-radius: 3px;
color: #fff!important;
font-weight: 600;
text-decoration: none!important;
transition: background-color 0.2s;
}
.vw-kurs-filter-list-kurs-list-back-button:hover {
background-color: #fff !important;
border: 2px solid #e2001a;
border-radius: 3px;
color: #e2001a!important;
}
}