/******************
    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
*/
/* Google Font Import für Open Sans (ganz oben beibehalten) */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* Setzt Open Sans als Standardschriftart für die gesamte Umfrage */
body {
    font-family: 'Open Sans', sans-serif !important;
}

/* Spezifische Regeln für den Willkommenstext */
.survey-welcome .ls-welcome-text { /* Zielt auf .ls-welcome-text innerhalb der Willkommensseite */
    text-align: start !important; /* Text linksbündig ausrichten (Bootstrap 5 Standard) */
    color: #444444 !important; /* Dunkelgraue Farbe für den Text */
    /* Du kannst hier auch die font-size, line-height etc. definieren, */
    /* falls sie für den Willkommenstext anders sein sollen als für den restlichen Body. */
    /* Beispiel: */
    font-size: 0.5em !important; 
    /* line-height: 1.6 !important; */
}

/* Optional: Falls der Titel der Umfrage ebenfalls angepasst werden soll */
.survey-name {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 2em !important;
    color: #0056b3 !important;
    font-weight: 700 !important;
    text-align: center !important; /* Oft möchte man den Titel zentral lassen */
}

/* Deine weiteren Footer-Anpassungen etc. folgen hier */
.button-group label {
    background-color: white; /* Weißer Hintergrund */
    border: 2px solid var(--primary-color, #ccc); /* Rahmenfarbe aus Theme */
    padding: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.button-group input:checked + label {
    background-color: var(--secondary-color, #007bff); /* Farbvariante aus Theme */
    color: white;
    border-color: var(--border-highlight-color, #0056b3);
}