/* Grundlegende Definitionen und Einstellungen */


body {
  font-size:16px; /* Schriftgröße */
}

#surveys-list-container {
    min-height: 75vh !important;
}

.fruity .text-info, .fruity .text-primary, .fruity .text-success {
  color: #444444 !important;
}

:root {
  --primary-color: #E60028;
}

@font-face {
     font-family: 'HSD-Sans-Regular';
     src: url("/upload/themes/survey/HSD/files/HSD-Sans-Regular.ttf") format('truetype');
}

/* Allgemeine Stile */
.container {
    max-width: 90%;
}

.hsd-regular {
  font-size: 68px;
  text-transform: uppercase;
  line-height: 68px;
  margin-left: -5px;
  font-weight: lighter;
  margin-bottom: .5px;
}

        /* Medienabfrage für Mobilgeräte */
        @media (max-width: 600px) {
            .hsd-regular {
                font-size: 32px; /* Kleinere Schriftgröße für Mobilgeräte */
                  margin-bottom: 0px;
                  margin-left: 0px;
                  line-height: 0px;
            }
        }

/* Komponenten und Elementspezifische Stile */
.icon-space {
    margin-right: 10px;
}

#surveyListFooter {
  text-align: left;
}

.fruity .footer {
  border-top: 2px solid #dadada;
}

.fruity .text-primary, .fruity .text-info {
  color: #333;
}

.fruity .progress-bar {
  color: #fff;
  background-color: var(--primary-color);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
}

.fruity .slider-handle {
  background-color: var(--primary-color);
}

.fruity .btn-outline-secondary {
  background-color: hsla(0,0%,100%,.2);
  color: #1E1E1E;
  border: 1px solid #1E1E1E;
}

.fruity .text-danger {
  color:var(--primary-color)  !important;
}

.fruity .btn-primary, .fruity .btn-info,
.fruity .btn-primary:hover, .fruity .btn-info:hover,
.fruity .btn-default, .fruity .btn-default:hover {
/*  color: #fff;
  background-color: var(--primary-color); */
  border: 1px solid var(--primary-color);
  color: var(--primary-color) !important;
  background-color: hsla(0,0%,100%,.2);
}

.fruity .btn-check:checked + .btn-primary{
  color: #fff !important;
  background-color: var(--primary-color);
}

.fruity a {
  color: var(--primary-color);
  text-decoration: none;
  background-color: transparent;
}

.fruity .radio-item label::before {
    border-color: var(--primary-color);
}

.fruity .radio-item input[type="radio"]:checked + label::before,
.fruity .radio-item input[type="radio"]:checked + label::after {
    background-color: var(--primary-color);
    
}

.checkbox-item input[type=checkbox]:checked+label:after, .checkbox-item input[type=radio]:checked+label:after {
    background-color: var(--primary-color);
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .footer section {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .footer section {
        /* Adjust this as necessary for tablet and desktop views */
    }
}

        .info-box {
            border: 1px solid #ddd;
            padding: 20px;
            margin: 20px 0;
            /*background-color: #f9f9f9;*/
        }
        .info-box-icon {
            color: #31708f;
            margin-right: 10px;
        }
        .info-box-content {
            display: flex;
            align-items: center;
        }

.footer-heading {
    font-size: calc(0.9271875rem + 0.32625vw);
    font-weight: 700;
    margin-bottom:0px;
}