/******************
    User custom CSS
    ---------------
    Originalstruktur erhalten
    Nur Formatierung optimiert
******************/

#main-row {
    padding-left: clamp(1rem, 5vw, 3rem);
    padding-right: clamp(1rem, 5vw, 3rem);
}


@font-face {
    font-family: 'Poppins';
    src: url('../upload/themes/survey/DEP_Fruity/files/Poppins-Regular.eot');
    src: url('../upload/themes/survey/DEP_Fruity/files/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
         url('../upload/themes/survey/DEP_Fruity/files/Poppins-Regular.woff2') format('woff2'),
         url('../upload/themes/survey/DEP_Fruity/files/Poppins-Regular.woff') format('woff'),
         url('../upload/themes/survey/DEP_Fruity/files/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inclusive Sans';
    src: url('../upload/themes/survey/DEP_Fruity/files/InclusiveSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Alle Überschriften in Poppins */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    color: #41326b;
}

/* Alle Texte in Inclusive Sans */
body {
    font-family: 'Inclusive Sans', sans-serif !important;
    color: #41326b;
}

/* Grundlegende Textelemente */
body, p, span, label, div, 
.form-control, .control-label, .help-block, .question-text, .answer-text,
.question-help, .text-info, .text-default, .survey-welcome, .survey-description, .survey-end-text,
.group-title, .group-description, .question-title, .question-valid-tip, .ls-answers,
.ls-questionhelp, .ls-question-text, .ls-question-help, .ls-help-block,
.ls-label-text, .ls-answer, .ls-answer-text, .ls-label, 
.survey-question-help, .ls-question, .ls-label-xs-visibility,
.question-container, .answer-container, .ls-question-mandatory,
.ls-mandatory-tip, .ls-heading,
a[data-bs-toggle="collapse"] {
    color: #41326b !important;
}

/* Hover-Zustand für den Link */
a[data-bs-toggle="collapse"]:hover {
    color: #352758 !important;
    text-decoration: underline;
}

/* Linklisten und Navigation */
.navbar-default .navbar-nav > li > a, 
.ls-breadcrumb, 
.breadcrumb,
.navbar .nav li a, 
.ls-no-js-hidden {
    color: #41326b !important;
}

/* Navigation - Fragenindex Dropdown Button beim hovern */
.fruity .dropdown-menu > li > a:focus, .fruity .dropdown-menu > li > a:hover {
    background-color: #eda346 !important;
}

/* Fragenindex: Hintergrund unbeantwrotete Fragen rot und nicht grün*/
.fruity .bg-danger, .fruity .bg-warning {
    background-color: #a94442 !important;
    color: white !important;
}

/* Listen und Tabellen */
li, td, th, .ls-table, .ls-table-header, .ls-table-cell {
    color: #41326b !important;
}

/* Formularelemente */
input, select, textarea, 
.form-group, .has-feedback, .input-group,
.checkbox label, .radio label, 
.checkbox-inline, .radio-inline {
    color: #41326b !important;
}

/* Fruity-spezifische Klassen */
.fruity-text, .fruity-label, .fruity-item, .fruity-description,
.fruity-question-text, .fruity-help, .answer-item, .survey-name,
.group-name, .fruity-heading {
    color: #41326b !important;
}

/* Bootstrap Alert-Meldungen */
.alert, .alert-info, .alert-success, .alert-warning, .alert-danger {
    color: #a94442 !important;
}

/* Tooltips und Popover */
.tooltip-inner, .popover-content, .popover-title {
    color: #41326b !important;
}

/* Speziallinks */
.url-wrapper-survey-print {
    color: #41326b !important;
}

.url-wrapper-survey-print:hover {
    color: #352758 !important;
}

/* Button-Styling */
.button-item .ls-icon, .ls-button-label .ls-icon,
.btn-primary, 
.button-submit,
.ls-button-submit,
.ls-nav-submit-prev,
.ls-nav-submit-next,
#ls-button-submit,
.navigator-button,
.fruity-button,
.button-next,
.button-previous,
.ls-button-submit,
.ls-language-changer-item,
#ls-clearaction,
#ls-clearall, 
#btn, 
#btn-link,
#movenextbtn,
#moveprevbtn {
    background-color: #41326b !important;
    color: #ffffff !important;
    border-color: #41326b !important;
}

/* Button-Hover */
.btn-primary:hover, 
.button-submit:hover,
.ls-button-submit:hover,
.ls-nav-submit-prev:hover,
.ls-nav-submit-next:hover,
#ls-button-submit:hover,
.navigator-button:hover,
.fruity-button:hover,
.button-next:hover,
.button-previous:hover,
#movenextbtn:hover,
#moveprevbtn:hover {
    background-color: #352758 !important;
    border-color: #352758 !important;
}

/* Sekundäre Buttons */
#ls-button-previous, 
.ls-move-btn, 
.ls-move-previous-btn,
.action--ls-button-previous,
.btn-outline-secondary {
    background-color: #ffffff !important;
    color: #41326b !important;
    border-color: #41326b !important;
}

#ls-button-previous:hover, 
.ls-move-btn:hover, 
.ls-move-previous-btn:hover,
.action--ls-button-previous:hover,
.btn-outline-secondary:hover {
    background-color: #41326b !important;
    border-color: #41326b !important;
    color: #ffffff !important;
}

/* Umfrage verlassen */
.ls-clearaction, 
.ls-clearall,
.btn-link[name="clearall"],
button[name="clearall"] {
    color: #41326b !important;
}

.ls-clearaction:hover, 
.ls-clearall:hover,
.btn-link[name="clearall"]:hover,
button[name="clearall"]:hover {
    color: #a94442 !important;
    text-decoration: underline;
}

/* Warnungs-Buttons */
.list-group-item-warning,
button.list-group-item-warning {
    color: #317F22 !important;
    background-color: #ffffff !important;
}

/* Fehler-Buttons */
.list-group-item-danger,
button.list-group-item-danger {
    background-color: #ffffff !important;
}

/* Karten-Header */
.card-primary>.card-header {
    background-color: #ffffff !important;
    border: 1px solid #41326b !important;
}



/* Hintergrundbild */
img.BG {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    opacity: 0.3; /* Transparenz anpassen nach Bedarf */
}

/* Für alle Container mit ID beginnend mit "group-" */
[id^="group-"] {
    background-color: rgba(249, 249, 249, 0.8);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin: 20px;
}

/* Styling für .question-container nur innerhalb dieser Container */
[id^="group-"] .question-container {
    background-color: rgba(249, 249, 249, 0.8);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 8px;
    padding: 10px;
    margin: 10px 0;
    box-shadow: none;
    border: none;
}

/* text unter der Progress-Bar (element war standardmäßig mit der Klasse visually-hidden versehen, also nur für screenreader gedacht) */
.progress-text {
    font-size: 0.75rem;
    margin-top: 0.25rem;
}