.minijob-req {
margin-block-start: var(--space-8);
padding: var(--space-6);
border: 1px solid var(--color-border-strong);
border-radius: var(--radius-md);
}
.minijob-req h3 { margin-block: 0 var(--space-4); }
.minijob-req__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: var(--space-3);
}
.minijob-req__list li {
display: flex;
gap: var(--space-3);
align-items: flex-start;
}
.minijob-req__list .icon {
flex: 0 0 auto;
inline-size: 1.25rem;
block-size: 1.25rem;
margin-block-start: 0.15rem;
color: var(--color-accent);
fill: none;
stroke: currentColor;
stroke-width: 2.25;
stroke-linecap: round;
stroke-linejoin: round;
}
.minijob-req__hint {
margin-block: var(--space-5) 0;
color: var(--color-text-muted);
}
.minijob-voices__grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--space-5);
}
@media (min-width: 1024px) {
.minijob-voices__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.minijob-voices .testimonial { margin: 0; }
.minijob-voices__who {
margin-block-start: auto;
padding-block-start: var(--space-5);
display: flex;
flex-direction: column;
gap: var(--space-1);
color: var(--color-gray);
}
.minijob-voices__who strong { color: var(--color-text-inverse); }
.minijob-quiz__step,
.minijob-quiz__absage {
grid-column: 1 / -1;
margin: 0;
padding: 0;
border: 0;
min-width: 0;
}
.minijob-quiz__step + .minijob-quiz__step { margin-block-start: var(--space-6); }
.minijob-quiz__legend {
padding: 0;
margin-block-end: var(--space-4);
font-size: var(--font-size-md);
font-weight: var(--font-weight-bold);
color: var(--color-text-inverse);
}
.minijob-quiz__count {
display: block;
margin-block-end: var(--space-2);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-regular);
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--color-accent);
}
.minijob-quiz__hint {
margin-block: calc(var(--space-2) * -1) var(--space-4);
color: var(--color-gray);
}
.minijob-quiz__option {
display: flex;
gap: var(--space-3);
align-items: flex-start;
padding: var(--space-4);
border: 1px solid var(--color-gray);
border-radius: var(--radius-md);
color: var(--color-text-inverse);
cursor: pointer;
transition: border-color var(--duration-fast), background-color var(--duration-fast);
}
.minijob-quiz__option + .minijob-quiz__option { margin-block-start: var(--space-3); }
.minijob-quiz__option:hover,
.minijob-quiz__option:has(input:checked) {
border-color: var(--color-accent);
background-color: var(--color-accent-subtle);
}
.minijob-quiz__option input {
flex: 0 0 auto;
appearance: none;
inline-size: 1.15rem;
block-size: 1.15rem;
margin: 0.15rem 0 0;
border: 2px solid var(--color-gray);
border-radius: 50%;
background-color: var(--color-white);
cursor: pointer;
}
.minijob-quiz__option input:checked {
border-color: var(--color-accent);
background-color: var(--color-accent);
box-shadow: inset 0 0 0 3px var(--color-white);
}
.minijob-quiz__option:has(input:focus-visible) {
outline: 2px solid var(--color-accent);
outline-offset: 2px;
}
.minijob-quiz__contact { display: contents; }
.minijob-quiz__contact[hidden],
.minijob-quiz__step[hidden],
.minijob-quiz__absage[hidden] { display: none; }
.minijob-quiz__glueck { margin: 0; color: var(--color-text-inverse); }
.minijob-quiz__fine { margin: 0; font-size: var(--font-size-sm); color: var(--color-gray); }
.minijob-quiz__back-link {
padding: 0;
border: 0;
background: none;
font: inherit;
color: var(--color-gray);
text-decoration: underline;
cursor: pointer;
}
.minijob-quiz__absage { color: var(--color-text-inverse); }
.minijob-quiz__absage h3 { margin-block: 0 var(--space-4); }
.minijob-quiz__absage p { margin-block: 0 var(--space-3); }
.minijob-quiz__absage a { color: var(--color-blue-dark); }
.minijob-quiz__absage .btn { margin-block-start: var(--space-4); }
.minijob-quiz.is-quiz .minijob-quiz__step + .minijob-quiz__step { margin-block-start: 0; }