@CHARSET "UTF-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Style: Typo3 (Master-BLE, T3-v11) [25]
 * Style-Version vom 2023-05-16 12:08:51 (RMS-Backend)
 * RMS-Kommentar: Gespeichert fuer Projekt *156* [284086d28301723194d59116b916d663]
 *                   Die CSS-Datei wird ggf. auch von anderen Projekten genutzt!
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Web-Entwickler: Ralf von der Mark (BLE, Ref. 223)
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Speicherzeitpunkt dieser CSS-Datei: 11.12.2025 um 12:31 Uhr
 * (c)2010 - 2025, BLE;
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@CHARSET "UTF-8";


@media screen, projection {

  /* - Bildschirm und Projektion (Beamer) - */




/* Author: Marc Haunschild (BLE, 223)
 * Author: Ralf von der Mark (BLE, 223)
 * - - - - - - - - - -
 * (c)2023, BLE
 * - - - - - - - - - -
 *  RMS-Backend:
 *  CSS-Datei wird automatisch aktualisiert!
 */


/* Style speziell für den Druck-Button (mit JavaScript) */
/* ALT: #rms div.innerRmsWrap a[href="javascript:window.print();"] {
    color: white;
    border: 2px inset #23614E;
    padding: 7px 30px !important;
    background-color: #23614E;
} */
#rms div.innerRmsWrap a[href="javascript:window.print();"] {
    display: inline-block;
    white-space: nowrap;
    border-radius: 0.125rem;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(154 160 162 / var(--tw-border-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-family: 'BundesSansWeb-Regular';
    font-size: 1.3rem;
    line-height: 1.688rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
#rms div.innerRmsWrap a[href="javascript:window.print();"]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(24 91 56 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* Style speziell für Links im Feld NurTextAusgeben  */
div#rms a {
    text-decoration: underline;
}
div#rms a:hover {
  --tw-text-opacity: 1;
  color: rgb(33 89 71 / var(--tw-text-opacity));
}


div#rms * {
    font-family: BundesSansWeb-Regular, Arial, Helvetica, Geneva, "Lucida sans", sans-serif;
    /*
    font-size: 12px;
    */
}

div#rms h1 {
    font-size: 1.7em;
    font-weight: bold;
    margin: 1rem 0;
}
div#rms h2 {
    font-size: 1.55em;
    font-weight: bold;
    margin: 1rem 0;
}
div#rms h3 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 1rem 0;
}
div#rms h4 {
    font-size: 1.4em;
    font-weight: bold;
}

div#rms strong {
    font-weight: bold;
}
div#rms i,
div#rms em {
    font-style: italic;
}

div#rms .element-group {
    margin: 1em auto;
}

div#rms ul {
    list-style-type: none;
}

div#rms ul li {
    padding-left: 0;
    margin-left: 0;
    padding-top: 7px !important;
}

div#rms li h3 {
    margin-top: 0;
}

/*div#rms ul li label {
    padding-left: 5px;
}*/


/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /
 * START: Spezielles RMS-Fieldset-Layout - (Stand: 17.03.2023, RvdM) - - /
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#rms form fieldset {
    max-width:100% !important;
    /* padding-bottom: 0.7em; */
    margin-top: 22px;
    /* Es soll ein Strich über dem Fieldset angezeigt werden. */
    border-top: 1px solid #23614E;

}
#rms form fieldset legend {
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 1.3em;
    color: #333;
    background-color: transparent;
    padding:  0.3em 0.6em  0.3em 0;
    /* Es soll ein Strich über dem Fieldset angezeigt werden. */
    border-top: 1px solid #23614E;
}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /
 * ENDE: Spezielles RMS-Fieldset-Layout  - - - - - - - - - - -/
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/



@media (min-width: 1024px)
div#rms .invalid label {
    line-height: 1.375rem;
    font-size: 1.3rem;
}
    div#rms .invalid label {
        font-family: 'BundesSansWeb-Regular';
        font-size: 1.3rem;
        line-height: 1.188rem;
        --tw-text-opacity: 1;
        color: rgb(163 0 43 / var(--tw-text-opacity));
    }

    @media (min-width: 1024px)
    div#rms label {
        line-height: 1.375rem;
        font-size: 1.3rem;
    }
    div#rms label {
        font-family: 'BundesSansWeb-Regular';
        font-size: 1.3rem;
        line-height: 1.375rem;
        --tw-text-opacity: 1;
        color: rgb(24 91 56 / var(--tw-text-opacity));
    }
    div#rms div.rmsCheckBoxPers label,
    div#rms label .formfeldAntwort {
        color: black;
    }

div#rms input[type="radio"]:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(24 91 56 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(24 91 56 / var(--tw-border-opacity));
    background-image: url(/typo3conf/ext/ble_masterconfig/Resources/Public/Icons/Styles/circle-solid-white-negative.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

div#rms input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

@media (min-width: 1024px)
div#rms input[type="radio"] {
    line-height: 2.125rem;
}

div#rms input[type="radio"] {
    display: inline-block;
    height: 1.375rem;
    width: 1.375rem;
    border-radius: 9999px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(154 160 162 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    line-height: 1.688rem;
}

div#rms input[type="checkbox"]:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(24 91 56 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(24 91 56 / var(--tw-border-opacity));
    background-image: url(/typo3conf/ext/ble_masterconfig/Resources/Public/Icons/Styles/check-solid-white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 75%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

div#rms input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

@media (min-width: 1024px)
div#rms input[type="checkbox"] {
    line-height: 2.125rem;
}

div#rms input[type="checkbox"] {
    display: inline-block;
    height: 1.375rem;
    width: 1.375rem;
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(154 160 162 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    line-height: 1.688rem;
}

/* START: Damit der Text hinter Checkbox/RadioButton nicht zu tiefer erscheint */
div#rms input[type="radio"],
div#rms input[type="checkbox"] {
    position: relative;
    vertical-align: middle;
    bottom: 2px;
}
/* ENDE: Damit das Label hinter Checkbox/RadioButton nicht zu tief erscheint */

div#rms button:focus,
div#rms input:focus,
div#rms select:focus,
div#rms optgroup:focus,
div#rms textarea:focus {
    outline-style: dotted;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: #000;
}

    div#rms .selbox {
        background-image: url(/typo3conf/ext/ble_masterconfig/Resources/Public/Icons/Styles/angle-down-solid.svg);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto 50%;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }
    @media (min-width: 1024px)
    div#rms .selbox {
        line-height: 2.5rem;
    }
        @media (min-width: 1024px)
        div#rms .selbox {
            font-size: 1.5rem;
        }
            div#rms .selbox {
                width: 100%;
                border-bottom-width: 1px;
                --tw-border-opacity: 1;
                border-color: rgb(154 160 162 / var(--tw-border-opacity));
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                padding-top: 0.25rem;
                padding-bottom: 0.25rem;
                font-family: 'BundesSansWeb-Regular';
                font-size: 1.5rem;
                line-height: 2.125rem;
                --tw-text-opacity: 1;
                color: rgb(0 0 0 / var(--tw-text-opacity));
            }

            div#rms .invalid .FormTextInputField:focus {
                --tw-border-opacity: 1;
                border-color: rgb(163 0 43 / var(--tw-border-opacity));
                padding-left: 0.125rem;
                padding-right: 0.125rem;
                --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
                --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
                box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
                --tw-ring-opacity: 1;
                --tw-ring-color: rgb(192 0 60 / var(--tw-ring-opacity));
                --tw-ring-offset-width: 0px;
            }

            div#rms .invalid .FormTextInputField {
                -moz-appearance: none;
                -webkit-appearance: none;
                appearance: none;
            }
            @media (min-width: 1024px)
                .div#rms .invalid .FormTextInputField {
                    line-height: 2.5rem;
                }
                @media (min-width: 1024px)
                    .div#rms .invalid .FormTextInputField {
                        font-size: 1.5rem;
                    }
                    .div#rms .invalid .FormTextInputField {
                        width: 100%;
                        border-bottom-width: 1px;
                        --tw-border-opacity: 1;
                        border-color: rgb(163 0 43 / var(--tw-border-opacity));
                        padding-top: 0.25rem;
                        padding-bottom: 0.25rem;
                        font-family: 'BundesSansWeb-Regular';
                        font-size: 1.5rem;
                        line-height: 2rem;
                        --tw-text-opacity: 1;
                        color: rgb(0 0 0 / var(--tw-text-opacity));
                    }
                    div#rms .FormTextInputField {
                        -moz-appearance: none;
                        -webkit-appearance: none;
                        appearance: none;
                    }
                    @media (min-width: 1024px)
                    div#rms .FormTextInputField {
                        line-height: 2.5rem;
                    }
                        @media (min-width: 1024px)
                        div#rms .FormTextInputField {
                            font-size: 1.5rem;
                        }
                            div#rms .FormTextInputField {
                                width: 100%;
                                border-bottom-width: 1px;
                                --tw-border-opacity: 1;
                                border-color: rgb(154 160 162 / var(--tw-border-opacity));
                                --tw-bg-opacity: 1;
                                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                                padding-top: 0.25rem;
                                padding-bottom: 0.25rem;
                                font-family: 'BundesSansWeb-Regular';
                                font-size: 1.5rem;
                                line-height: 2rem;
                                --tw-text-opacity: 1;
                                color: rgb(0 0 0 / var(--tw-text-opacity));
                            }


                            div#rms textarea.FormTextInputField {
                                -moz-appearance: none;
                                -webkit-appearance: none;
                                appearance: none;
                            }
                            @media (min-width: 1024px)
                            div#rms textarea.FormTextInputField {
                                line-height: 2.25rem;
                            }
                                @media (min-width: 1024px)
                                div#rms textarea.FormTextInputField {
                                    font-size: 1.5rem;
                                }
                                    div#rms textarea.FormTextInputField {
                                        width: 100%;
                                        border-width: 1px;
                                        --tw-border-opacity: 1;
                                        border-color: rgb(154 160 162 / var(--tw-border-opacity));
                                        padding-left: 1rem;
                                        padding-right: 1rem;
                                        padding-top: 0.75rem;
                                        padding-bottom: 1rem;
                                        font-family: 'BundesSansWeb-Regular';
                                        font-size: 1.5rem;
                                        line-height: 2rem;
                                        --tw-text-opacity: 1;
                                        color: rgb(0 0 0 / var(--tw-text-opacity));
                                        margin-top: 0.625rem;
                                    }

/*div#rms textarea {
    width: 100%;
    padding: 4px 0;
    text-indent: 4px;
    box-size: border-box;
}*/

div#rms select[name=inst_krz_tag],
div#rms select[name=inst_krz_monat],
div#rms select[name=inst_krz_jahr] {
    width: 25%;
}

div#rms div[align=center] {
    position: relative;
    padding: 15px 0;
}

div#rms input[type="text"],
div#rms input[type="email"],
div#rms input[type="number"],
div#rms textarea {
    /*display: block;
    width: 100%;
    padding: 4px 0;
    text-indent: 4px;
    box-size: border-box;
    border: 1px solid #333;*/
}

/* START: Aussehen Submit-Button oder input[type=submit] */
@media (min-width: 1024px)
div#rms .buttonContainer {
    margin: 6px 0 6px 0;
}
div#rms .buttonContainer {
    text-align: right;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 22px 0 22px 0;
}
div#rms input[type=submit]:hover,
div#rms button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(24 91 56 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px)
div#rms input[type=submit], div#rms button  {
    font-size: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
div#rms input[type=submit], div#rms button  {
    display: block;
    white-space: nowrap;
    border-radius: 0.125rem;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(154 160 162 / var(--tw-border-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-family: 'BundesSansWeb-Regular';
    font-size: 1.3rem;
    line-height: 1.688rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
/* ENDE: Aussehen Submit-Button oder input[type=submit] */

div#rms .appointment ul {
    padding-bottom: 10px;
}

div#rms .appointment ul label {
    padding-left: 0;
}

div#rms form div ul li h4,
div#rms form div ul li h4 strong {
    font-weight: normal;
    font-size: 100%;
}

/* **********************************************
* ** START: Bereich der Pflichtfeld-Hinweise ***
* ******************************************* */
div#rms #rmsPflichtfeldHinweise {
    background-color: aliceblue;
    color: #990000 !important;
    margin-top: 11px;
    padding: 10px;
    border: 1px inset #66B692;
}
div#rms #rmsPflichtfeldHinweise p {
    color: #990000;
}
div#rms #rmsPflichtfeldHinweise ul {
    margin-left: 22px;
}
div#rms #rmsPflichtfeldHinweise ul li {
    list-style-type: disclosure-closed;
}
div#rms #rmsPflichtfeldHinweise ul li label {
    padding-left: 11px;
    color: #990000;
    cursor: pointer;
}
div#rms #rmsPflichtfeldHinweise ul li label:hover {
    color: aliceblue;
    background: #990000;
}
/* **********************************************
* *** ENDE: Bereich der Pflichtfeld-Hinweise ***
* ******************************************* */


/* ************************************************
* *** START: Bereich 2. Seite und ggf. folgende ***
* ********************************************** */
div#rms div.felderBlockSeite2 legend {
    border-top: 1px inset #66b692;
    width: 99%;
}

div#rms div.felderBlockSeite2 div.NurTextAusgeben.Seite2 {
    margin-top: -12px;
}
div#rms div.felderBlockSeite2 span.property {
    color: rgb(24 91 56 / var(--tw-text-opacity));
    display: block;
    font-size: 1.4rem;
}
div#rms div.felderBlockSeite2 span.value {
    margin-left: 33px;
}
div#rms div.felderBlockSeite2 li.mehrereAntwortenZuEinerFrage {
    list-style: disclosure-closed;
}
div#rms div.felderBlockSeite2 ul.mehrereAntwortenZuEinerFrage {
    margin-left: 22px;
}
/* ************************************************
* **** ENDE: Bereich 2. Seite und ggf. folgende ***
* ********************************************** */



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

.narrow .formHeader ul li span:before {
    width: 40px;
    width: 3rem;
    height: 44px;
    height: 3rem;
    font-size: 1.5rem;
    line-height: 40px;
    line-height: 2.5rem;
}

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

.formHeader ul li span:before {
    border: 1px solid #C4C8CD;
    background-color: #E7E1AB;
    /* background-image: url(/typo3conf/ext/gov_masterconfig/res/templates/img/bottomLine.png); */
}

.formHeader ul li.current span:before {
    border: 1px solid #23614E;
}

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

.formHeader ul {
    display: table-row;
}

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

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

.formHeader ul li span:before {
    display: inline-block;
    width: 80px;
    width: 5rem;
    height: 80px;
    height: 5rem;
    margin-right: .5em;
    font-family: BundesSansWeb, Helvetica, Arial, Geneva, sans-serif;
    vertical-align: middle;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 80px;
    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:nth-child(4) span:before {
    content: '4';
}

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

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

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

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

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

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

.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: '✓';
}

/* workaround for IE bug (does not calculate rem correctly) */
.narrow .formHeader ul li span:before {
    line-height: 40px !important;
}

/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -/
 * 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 */