@CHARSET "UTF-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Style: CIS_land-zukunft.de [30]
 * Style-Version vom 2025-12-17 16:23:41 (RMS-Backend)
 * RMS-Kommentar: Gespeichert fuer Projekt *477* [053243c2a7af52141079e913be8c32c0]
 *                   Die CSS-Datei wird ggf. auch von anderen Projekten genutzt!
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Web-Entwickler: Ralf von der Mark (BLE, Ref. 223)
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Speicherzeitpunkt dieser CSS-Datei: 17.12.2025 um 16:24 Uhr
 * (c)2010 - 2025, BLE;
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@charset "UTF-8";

@media screen, projection {

    /* - Bildschirm und Projektion (Beamer) - */
    /* Author: Ralf von der Mark (BLE, 223)
     * (c)2025, BLE
     *
     * CSS-Datei kommt aus dem RMS-Backend
     * und wird automatisch aktualisiert! */
    div#rms, main {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
    }
    #rms div.innerRmsWrap {
        margin-left: 22px;
    }

    div#rms .felderBlockSeite1 {
        margin: 0 11px 0 11px;
        padding: 0 22px 0 11px;
    }
    div#rms .felderBlockSeite1 ul,
    div#rms .felderBlockSeite1 li {
        padding-left: 6px;
        margin-left: 6px;
    }

    .blockTitle {
        display: none;
    }

    #rms fieldset legend {
        font-size: 1em;
    }

    /* Alle Fieldsets außer dem ersten bekommen einen Trenner oben */
    #rms fieldset + fieldset {
        border-top: 1px solid #ccc;
        padding-top: 22px;
        margin-top: 22px;
    }

    /* Fieldsets mit Legend bekommen IMMER einen Trenner (auch das erste) */
    /*#rms fieldset:has(legend:not(:empty)) {*/
    /*    border-top: 1px solid #ccc;*/
    /*    padding-top: 22px;*/
    /*}*/

    /* Legend selbst etwas Abstand nach oben */
    #rms fieldset legend {
        padding-top: 1em;
    }

    #rms .felderBlockSeite1 li.clearfix {
        list-style: none;
    }

    #rms .element-group {
        margin-bottom: 22px;
    }

    /* Alle Haupt-Labels sollen fett geschrieben werden! */
    #rms .element-group label {
        font-weight: bold;
    }
    /* Labels bei Checkboxen/Radios wieder normal darstellen! */
    #rms .element-group .rmsCheckBoxPers label,
    #rms .element-group .rmsRadioPers label,
    #rms .element-group ul label,
    #rms .element-group li label {
        font-weight: normal;
        cursor: pointer;
    }

    /* checkboxesLabels und formfeldAntwort radio */
    /* Container für Checkbox/Radio + Label-Text */
    #rms .rmsCheckBoxPers li label,
    #rms .rmsRadioPers li label,
    #rms li.clearfix label {
        display: flex;
        align-items: flex-start; /* Checkbox oben ausrichten */
        gap: 0.5em;
    }

    /* Checkbox/Radio: nicht schrumpfen lassen */
    #rms input[type="checkbox"],
    #rms input[type="radio"] {
        flex-shrink: 0;
        margin-top: 0.2em; /* Optional: leicht nach unten für bessere Ausrichtung mit Text */
    }

    /* Text-Bereich: nimmt restlichen Platz ein */
    #rms .checkboxesLabels,
    #rms .radioLabels {
        flex: 1;
    }

    div#rms input,
    div#rms select,
    div#rms textarea {
        font-family: BundesSans, Helvetica, Arial, sans-serif;
        width: 100%;
        background: none repeat scroll 0 0 #eeeeee;
        border: 1px solid #aaa;
        padding: 5px;
        font-size: 16px;

        border-radius: clamp(12px, 10.3425414365px + .0044198895 * 100vw, 16px);
        min-width: 306px;
        color: #292929;
        line-height: 24px;
        min-height: 48px;

        font-weight: normal;

        touch-action: manipulation;
        overflow: visible;
        margin: 0;
        text-align: left;
    }

    div#rms input:hover,
    div#rms select:hover,
    div#rms textarea:hover {
        border-color: #00fff0;
        text-decoration: none;
        outline: 0;
    }

    div#rms input:active,
    div#rms select:active,
    div#rms textarea:active {
        border-color: #00fff0;
        text-decoration: none;
        outline: 0;
    }

    div#rms input:focus,
    div#rms select:focus,
    div#rms textarea:focus {
        outline: 2px dashed #0f7872;
        outline-offset: clamp(2px, -0.4861878453px + 0.0066298343 * 100vw, 8px);
    }

    div#rms input:focus-visible,
    div#rms select:focus-visible,
    div#rms textarea:focus-visible {
        text-decoration: none;
        font-weight: 400;
    }

    div#rms input::placeholder,
    div#rms textarea::placeholder {
        font-family: BundesSans, Helvetica, Arial, sans-serif;
        color: #727272;
    }

    div#rms select {
        /* Deine bisherigen Styles bleiben, aber ersetze background: none durch: */
        background-color: #eeeeee;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23292929' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 12px center;
        background-size: 12px 8px;

        /* Platz für den Pfeil rechts freihalten */
        padding-right: 36px;

        /* Natives Dropdown-Styling entfernen, damit der eigene Pfeil sichtbar ist */
        appearance: none;
    }

    /* Für IE 10/11: den nativen Pfeil ausblenden */
    div#rms select::-ms-expand {
        display: none;
    }

    /* Checkboxen wieder sichtbar machen */
    div#rms input[type="checkbox"],
    div#rms input[type="radio"] {
        /* Reset der "visually hidden" Styles aus main.css */
        clip: auto;
        clip-path: none;
        height: auto;
        width: auto;
        position: static;
        white-space: normal;
        overflow: visible;

        /* Eigene Styles */
        min-width: auto;
        min-height: auto;
        border-radius: 4px;
        padding: 0;
        margin: 0 0.5em 0 0;

        /* Optional: Größe anpassen */
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    #rms [type="button"],
    #rms [type="reset"],
    #rms [type="submit"],
    #rms button {
        background-color: #00aba0;
        color: #ffffff;
        display: inline-block;
        font-family: 'Helvetica', Arial, sans-serif;
        width: auto;
        white-space: nowrap;
        height: 32px;
        margin: 5px 5px 0 0;
        padding: 0 22px;
        text-decoration: none;
        text-align: center;
        font-weight: bold;
        font-style: normal;
        font-size: 15px;
        line-height: 32px;
        cursor: pointer;
        border: 0;
        /*-moz-border-radius: 4px;*/
        /*border-radius: 4px;*/
        -webkit-border-radius: 4px;
        vertical-align: top;

        -webkit-appearance: button;
    }



    /*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /
     * START: Pflichtfelder-Hinweise  - - - - - - - - - - - - - - - - /
     * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    #rmsPflichtfeldHinweise {
        background: #0f7872;
        border: 1px dotted #ededed;
        padding: 5px 0 0 6px;
        margin: 0;
    }

    #rms #rmsPflichtfeldHinweise p {
        color: #ffffff;
    }

    #rmsPflichtfeldHinweise ul {
        background: #0f7872;
        padding-left: 3px;
        margin-left: 3em;
    }

    #rmsPflichtfeldHinweise ul li {
        list-style: decimal;
    }

    #rms #rmsPflichtfeldHinweise ul li label {
        color: #ffffff;
        float: none;
        width: 100%;
        padding-left: 1.2em;
        background-image: none;
        text-transform: uppercase;
        cursor: pointer;
    }

    #rms #rmsPflichtfeldHinweise ul li label:hover {
        background: #0f7872;
    }

    /* Formfelder sollen markiert werden, wenn nicht korrekt gefuellt */
    #rms .invalid input,
    #rms .invalid select,
    #rms .invalid textarea {
        border: 1px solid #FF0000 !important;
    }

    #rms .invalid input[type=checkbox],
    #rms .invalid input[type=radio] {
        border: 1px solid #FF0000 !important;
        background: #990000;
        color: #990000;
    }

    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /
     * - - ENDE: Pflichtfelder-Hinweise - - - - - - - - - - - - - - - - - /
     * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /
     * - - - - - - START: 3-Stufen-Fortschritts-Anzeige fuer Formulare - -/
     * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    /* - - - START: form headers for narrow forms - - - - */
    .narrow .formHeader ul li span {
        height: 2.5rem;
        line-height: 2.5rem;
    }

    .narrow .formHeader ul li span:before {
        width: 4.5rem;
        height: 4.5rem;
        font-size: 2rem;
        line-height: 2.5rem;
    }

    /* - - - START: Farben, Rahmen und Hintrgruende  - - - - - - - - - - - */
    .formHeader ul li span {
        color: #0f7872;
    }

    .formHeader ul li span:before {
        border: 22px solid #0f7872;
        background-color: #0f7872;
        color: #ffffff;
    }

    .formHeader ul li.current span:before {
        border: 22px solid #0f7872;
    }

    /* - - - START: Layout   - - - - - - - */
    .formHeader {
        display: table;
        width: 100%;
        margin: 2em 0;
    }

    .formHeader ul {
        display: table-row;
    }

    .formHeader ul li {
        display: table-cell;
        height: 5rem;
        text-align: center;
    }

    .formHeader ul li span {
        display: block;
        height: 5rem;
        text-transform: uppercase;
        line-height: 5rem;
    }

    .formHeader ul li span:before {
        display: inline-block;
        width: 5rem;
        height: 5rem;
        margin-right: .5em;
        font-family: BundesSansWeb, Helvetica, Arial, Geneva, sans-serif;
        vertical-align: middle;
        font-size: 2.25rem;
        line-height: 5rem;
    }

    .formHeader ul li:nth-child(1) span:before {
        content: '1';
    }

    .formHeader ul li:nth-child(2) span:before {
        content: '2';
    }

    .formHeader ul li:nth-child(3) span:before {
        content: '3';
    }

    .formHeader ul li.done:nth-child(1) span:before, .formHeader ul li.done:nth-child(2) span:before, .formHeader ul li.done:nth-child(3) span:before {
        content: '✓';
    }

    /*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -/
     * ENDE: 3-Stufen-Fortschritts-Anzeige fuer Formulare - - - /
     * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
}

/* ENDE: @media screen, projection - Bildschirm und Projektion (Beamer) */


@media print {

    /* - Druckausgabe - */
    /* Aktuelle keine RMS-Druckausgabe definiert! */

}

/* ENDE: @media print - Druckausgabe */