.oefening {
    cursor: pointer;
    background-color: #fff;
    text-align: left;
    font-size: 5vw;
    padding: 0vw 0vw 0vw 2vw;
    }
sol {
    cursor: arrow;
    user-select: none;
    display: inline-block;
    padding: 0vw 2vw 0vw 2vw;
    font-size: 5vw;
    color: #111;
    visibility: hidden;
    }
hov {
    display: inline-block;
    border: 0.5vw solid #fff;
    padding: 2vw 3vw 2vw 3vw;
    text-align: right;
    font-size: 5vw;
    background-color: #eef;
    user-select: none;
    }
antw:hover sol {
    visibility: visible;
    }

@media only screen and (orientation: landscape) {
.oefening {
    cursor: pointer;
    width: 100%;
    background-color: #fff;
    text-align: left;
    font-size: 3.4vw;
    padding: 0vw 0vw 0vw 2vw;
    }
sol {
    cursor: arrow;
    user-select: none;
    display: inline-block;
    padding: 0vw 2vw 0vw 2vw;
    font-size: 3.4vw;
    visibility: hidden;
    }
hov {
    display: inline-block;
    border: 0.5vw solid #fff;
    padding: 1vw 2vw 1vw 2vw;
    text-align: right;
    font-size: 3.4vw;
    background-color: #eef;
    user-select: none;
    }
.oefening {
    cursor: pointer;
    }
}

@media only screen and (orientation: landscape) and (min-width: 750px) {
.sol {
    font-size: 3vw;
    }
}