a:hover {cursor: pointer;}

.d-none {
    display: none;
}

.img-1 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
}

.img-2 {
    max-width: 30%;
}

.arrow-list {
    list-style: none;
}

.arrow-list > li {
    margin-bottom: 0.5rem;
}

.arrow-list > li::before {
    content: "⇨ ";
}

.arrow-list > li li {
    margin-left: 2rem;
}

@media screen and (min-width: 550px) { /* (550px is to the left but spaced away from likely tablet sizes) */
    .image-beside-text-row {
        display: flex;
        align-items: center;
    }

    .image-beside-text-row img {
        width: 100%;
    }

    ul .image-beside-text-row {
        padding-left: 3rem;
    }
}

.optional {
    color: #030;
    font-size: .8rem;
}

.hideInput {
    display: none !important;
}

.wobble {
    transform: rotate(0);
    color: red;
    animation: none;
    animation-iteration-count:
        wobble 5,
        rest 1;
}
@keyframes wobble {
    0% {
        transform: rotate(-3deg);
    }
    50% {
        transform: rotate(3deg);
    }
    100% {
        transform: rotate(-3deg);
    }
}
@keyframes rest {
    100% {
        transform: rotate(0deg);
    }
}
@media (prefers-reduced-motion: no-preference) {
    .wobble {
        animation:
            wobble forwards infinite 0.5s, /* infinite makes it keep wobbling until it rests */
            rest forwards 3s; /* = wobble reps x wobble time */
    }
}

#fake-hid24 {
    position: absolute;
}
#hid24-Diegem {
    pointer-events: none;
}

.charter-btn {
    background: none;
    border: none;
    padding: 0;
    color: red;
    cursor: pointer;
    text-decoration: none;
    line-height: inherit;
}

.charter-btn:focus,
.charter-btn:hover {
    color: #db0000;
}