/**
 * Haupt-CSS für die Test-Seite
 */

.card-container {
    perspective: 1000px;
    position: relative;
}

.card-inner {
    position: relative;
    width: 100%;
    min-height: 400px;
    transform-style: preserve-3d;
    transition: transform 0.6s ease-in-out;
}

.card-face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.card-front {
    transform: rotateY(0deg);
}

.card-back {
    transform: rotateY(180deg);
}

/* Cheatschutz: Textauswahl verhindern */
#questionText, #questionTextBack, #answersContainer, #answersContainerBack,
#cardContainer, #cardFront, #cardBack {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

/* Verhindere Drag & Drop */
#cardContainer img, #cardContainer * {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}