/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* Gruppentitel und Fragetitel gleich groß */
.group-title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 4rem;  
}
.question-title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 1rem;   
}

/* Fragehilfe lesbarer machen */
.ls-questionhelp .ls-question-message {
    font-size: 1rem;        /* z.B. 16px */
    font-style: normal;     /* kursiv entfernen, wenn es wieder kursiv sein soll hier einfach "italic" eintragen*/
    color: #444;            /* optional dunklerer Farbton */
    margin-top: 0.5rem;
}

/* Link in selber Größe wie der normale Text*/
.question-title a,
.question-text a {
    font-size: 1em;         /* 1em = gleiche Größe wie Elterntext */
    font-weight: inherit;   /* übernimmt ggf. fett/normal */
    line-height: inherit;
    color: inherit;         /* gleiche Farbe wie restlicher Text - kann auch angepasst werden */
    text-decoration: underline; /* optional */
}

.infobox-link {
    position: relative;
    text-decoration: underline dotted;
    color: inherit;
    cursor: help;
}

.infobox-link .infobox {
    display: none;
    position: absolute;
    top: 1.8rem;
    left: 0;
    z-index: 1000;
    background: #fdf6e3;
    color: #333;
    border: 1px solid #ccc;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    width: 250px;
    font-size: 0.95rem;
}

.infobox-link:hover .infobox {
    display: block;
}

[class~="group-title"] {
    margin-bottom: 2.5rem !important;
}