@CHARSET "UTF-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Style: Typo3 (Master-BLE, T3-v12) [27]
 * Style-Version vom 2025-05-12 15:15:58 (RMS-Backend)
 * RMS-Kommentar: Gespeichert fuer Projekt *23* [fc8e55d6aa3d144f7d4029bcff5d3dd1]
 *                   Die CSS-Datei wird ggf. auch von anderen Projekten genutzt!
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Web-Entwickler: Ralf von der Mark (BLE, Ref. 223)
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Speicherzeitpunkt dieser CSS-Datei: 15.07.2025 um 15:06 Uhr
 * (c)2010 - 2025, BLE;
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@CHARSET "UTF-8";

/* Datei: Typo3 (Master-BLE, T3-v12) */

@media screen, projection {

    /* - Bildschirm und Projektion (Beamer) - */
    /* Author: Marc Haunschild (BLE, 223)
     * Author: Ralf von der Mark (BLE, 223)
     * - - - - - - - - - -
     * (c)2024, 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', sans-serif;
        font-size: 1.1rem;
        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;
    }

    div#rms h1 {
        font-size: 1.5em;
        font-weight: bold;
        margin: 1rem 0;
    }

    div#rms h2 {
        font-size: 1.3em;
        font-weight: bold;
        margin: 1rem 0;
    }

    div#rms h3 {
        font-size: 1.2em;
        font-weight: bold;
        margin: 1rem 0;
    }

    div#rms h4 {
        font-size: 1.1em;
        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.1em;
        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;
    }

     /* Damit auf der 2. Seite bei Fieldset-Legends kein Strich am Ende erscheint:
     #rms.felderBlockSeite2, *, ::after {
        box-sizing: unset !important;
    }  */

    /*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /
     * ENDE: Spezielles RMS-Fieldset-Layout  - - - - - - - - - - -/
     * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    @media (min-width: 1024px) {
        div#rms .invalid label {
            line-height: 1.375rem;
            font-size: 1.1rem;
        }
    }

    div#rms .invalid label {
        font-family: 'BundesSansWeb-Regular', sans-serif;
        font-size: 1.1rem;
        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: 1rem;
        }
    }
    div#rms label {
        font-family: 'BundesSansWeb-Regular', sans-serif;
        font-size: 1rem;
        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;
        margin-right: 6px;
    }

    @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;
            font-size: 1.1rem;
        }
    }
    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', sans-serif;
        font-size: 1rem;
        --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;
        }
    }
    .div#rms .invalid .FormTextInputField {
        font-size: 1rem;
        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', sans-serif;
        line-height: 2rem;
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
    }


    @media (min-width: 1024px) {
        div#rms .FormTextInputField {
            line-height: 2.5rem;
            font-size: 1.1rem;
        }
    }
    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', sans-serif;
        font-size: 1.1rem;
        line-height: 2rem;
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }


    div#rms textarea.FormTextInputField {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }


    @media (min-width: 1024px) {
        div#rms textarea.FormTextInputField {
            font-size: 1.1rem;
            line-height: 2.25rem;
        }
    }
    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', sans-serif;
        font-size: 1.1rem;
        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.1rem;
            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: 0.44rem 0.66rem;
        font-family: 'BundesSansWeb-Regular', sans-serif;
        font-size: 1.1rem;
        line-height: 1.4rem;
        --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: lightyellow;
        color: #990000 !important;
        margin-top: 11px;
        padding: 10px;
        border: 1px inset #990000;
    }

    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: lightyellow;
        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.1rem;
    }

    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.1rem;
        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 - */

    .narrow,
    a[href="javascript:window.print();"]{
        display: none;
    }


/* ENDE: @media print - Druckausgabe */