/* ==========================================================================
   Legacy Support (nur falls noch im Code vorhanden)
   ========================================================================== */

/* Float-Layouts */

.leftbig    { float: left;  width: 68%; }
.leftsmall  { float: left;  width: 28%; }


.rightbig   { float: right; width: 68%; }
.rightsmall { float: right; width: 28%; }

/* Grauer Text */
.gray { color: #888; }

/* Directory-Ansichten */
.directory     { font-size: 10px; color: #999; }
.directoryicon { float: left; margin: 10px; }

/* Testsystem-Leiste unten */
.testsystem {
    position: fixed;
    bottom: 0; left: 0; right: 0;
    height: 50px;
    background-color: red;
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    z-index: 9999;
}


.seperator {
    padding: 0.5rem;              /* ≈ 8px */
    border: 1px solid #dee2e6;    /* Bootstrap lightgray */
    margin-bottom: 0.5rem;
    min-height: 50px;
    background-color: #fafafa;
    border-radius: 0.25rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
#fragebogen_counter {
    padding: 6px;
    background-color: #EFEFEF;
    float: right;
    width: 620px;
    margin-right: 15px;
    margin-top: -8px;
}

#fragebogen_counter a {
    font-size: 16px;
    color: #fe6d1e;
    display: block;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    text-decoration: none;
}

#fragebogen_counter span {
    font-size: 16px;
    color: grey;
    display: block;
    float: left;
    margin-right: 10px;
}

.suchfeld {
    border: 1px solid #dee2e6;   /* Bootstrap border-color */
    padding: 0.75rem;            /* ≈ 12px */
    border-radius: 0.375rem;     /* ≈ 6px, Bootstrap rounded */
    margin-bottom: 0.5rem;       /* ≈ 8px */
    background-color: #fff;      /* optional, falls Hintergrund hell sein soll */
}

.innersuche {
    display: inline;
}