ELAINE ONE
Loßburg
Wähle Dein EO Operator
An Deinem Standort
:root {
--trainer-card-bg: #ffffff;
--trainer-card-border: var(--awb-color4, #d9d9d9);
--trainer-card-text: var(--awb-color7, #222222);
--trainer-card-muted: var(--awb-color5, #666666);
--trainer-card-accent: var(--awb-color1, #1f3c88);
--trainer-card-accent-soft: rgba(31, 60, 136, 0.08);
--trainer-card-shadow: 0 10px 24px rgba(0,0,0,0.08);
}
.ff-trainer-grid .ff-el-form-check-wrap {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
.ff-trainer-grid .ff-el-form-check {
margin: 0;
padding: 0;
}
.ff-trainer-grid input[type="radio"] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.ff-trainer-grid .ff-el-form-check label {
display: block;
background: var(--trainer-card-bg);
border: 1px solid var(--trainer-card-border);
border-radius: 5px 0 5px 5px;
overflow: hidden;
cursor: pointer;
transition: 0.25s ease;
color: var(--trainer-card-text);
height: 100%;
box-sizing: border-box;
}
.ff-trainer-grid .ff-el-form-check label:hover {
transform: translateY(-2px);
box-shadow: var(--trainer-card-shadow);
border-color: var(--trainer-card-accent);
}
.ff-trainer-grid .trainer-card-image {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
background: #f2f2f2;
}
.ff-trainer-grid .trainer-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ff-trainer-grid .trainer-card-content {
padding: 5px;
}
.ff-trainer-grid .trainer-card-content h3 {
margin: 0 0 5px 0;
font-size: 22px;
line-height: 1.2;
color: var(--trainer-card-text);
}
.ff-trainer-grid .trainer-card-content p {
margin: 0;
font-size: 15px;
line-height: 1.45;
color: var(--trainer-card-muted);
}
.ff-trainer-grid input[type="radio"]:checked + label,
.ff-trainer-grid .ff-el-form-check input[type="radio"]:checked ~ label {
border-color: var(--trainer-card-accent);
background: var(--trainer-card-accent-soft);
box-shadow: 0 0 0 2px var(--trainer-card-accent) inset;
}
@media (max-width: 1024px) {
.ff-trainer-grid .ff-el-form-check-wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.ff-trainer-grid .ff-el-form-check-wrap {
grid-template-columns: 1fr;
}
.ff-trainer-grid .trainer-card-content h3 {
font-size: 20px;
}
}
