@CHARSET "UTF-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Style: Typo3 (Master-BLE-2019) [19]
 * Style-Version vom 2023-01-16 17:06:15 (RMS-Backend)
 * RMS-Kommentar: Gespeichert fuer Projekt *271* [c4794838821ddd82b14eb6a6a117ff42]
 *                   Die CSS-Datei wird ggf. auch von anderen Projekten genutzt!
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Web-Entwickler: Ralf von der Mark (BLE, Ref. 223)
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Speicherzeitpunkt dieser CSS-Datei: 13.11.2025 um 13:10 Uhr
 * (c)2010 - 2025, BLE;
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@CHARSET "UTF-8";


@media screen, projection {

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




/* Author: Marc Haunschild (BLE, 414)
 * (c)2014-2019, BLE
 * - - - - - - - - - -
 *  RMS-Backend:
 *  CSS-Datei wird automatisch aktualisiert!
 */

/* Style speziell für den Druck-Button (mit JavaScript) */
#rms div.innerRmsWrap a[href="javascript:window.print();"] {
    color: white;
    border: 2px inset #23614E;
    padding: 7px 30px !important;
    background-color: #23614E;
}

div#rms {
    padding: 15px 0 0 0 !important;
}

div#rms div.innerRmsWrap {
    padding:  3px 20px 30px 20px !important;
}

div#rms div.innerRmsWrap form {
    padding: 3px 30px !important;
}

#rms form .PersonalDaten div.rmsCheckBoxPers ul li label {
    font-weight: normal !important;
}

#rms fieldset {
    max-width:100% !important;
    padding-bottom: 1.3em !important;
    margin-top: 10px !important;
    /* border-top: 1px solid #C4C8CD !important; */
}
#rms form legend{
    display: block !important;
    background-color: transparent !important;
    color: #333 !important;
    font-weight: bold !important;
    font-size: 1.1em !important;
    padding:  0.3em 0.6em  0.6em 0 !important;
    border-top: 1px dotted #5E7D2E !important;
    width: 100% !important;
}

#rms .element-group {
    margin: 1.5em auto !important;
}
#rms ul {
    list-style-type: none;
    padding-left: 5px !important;
}
#rms ul li {
    padding-left:0 !important;
    margin-left:0 !important;
    list-style: none !important;
}
#rms li h3 {
    margin-top: 0 !important;
}
#rms ul li label {
    padding-left: 5px;
    display: inline;

}

#rms ul.list li {
    clear:both;
}

/** Ralf, 14.11.14, Viele weitere Input-Typen eingebaut: */
#rms input[type="text"],
#rms input[type="password"],
#rms input[type="email"],
#rms input[type="number"],
#rms input[type="color"],
#rms input[type="date"],
#rms input[type="datetime"],
#rms input[type="datetime-local"],
#rms input[type="month"],
#rms input[type="range"],
#rms input[type="tel"],
#rms input[type="time"],
#rms input[type="week"],
#rms input[type="url"],
#rms input[type="search"],
#rms textarea {
    display: block;
    width: 100%;
    padding: 4px 0;
    text-indent: 4px;
    box-size: border-box;
}
#rms input[type="radio"],
#rms input[type="checkbox"] {
    display: inline-block;
    position: relative;
    width: auto;
    float: left;
}
#rms input[type="radio"] {
    top: -10px !important;
    height: 1em !important;
}
#rms label input[type="checkbox"] {
  top: -2px !important;
}
#rms input[type="radio"] + label {
    line-height: 0;
}
#rms input[type="radio"] + label,
#rms input[type="checkbox"] + label {
    display: inline;
}

#rms select {
    width: 100%;
    padding: 4px;
    box-size: border-box;
    font-size: 100%;
}
#rms textarea {
    width: 100%;
    padding: 4px 0;
    text-indent: 4px;
    box-size: border-box;
}
#rms select[name=inst_krz_tag],
#rms select[name=inst_krz_monat],
#rms select[name=inst_krz_jahr] {
    width: 25%;
}
#rms input[type="submit"] {
    width: auto;
    border: none;
    color: #000;
    background-color: #C6E3A5;
    cursor:pointer;
}

#rms .formHeader span {
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
}
#rms .formHeader span:before {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: bold;
    color: #000;
}
#rms .formHeader ul li.done:nth-child(1) span:before,
#rms .formHeader ul li.done:nth-child(2) span:before,
#rms .formHeader ul li.done:nth-child(3) span:before {
    content: "e60f";
    font-family: 'BLEMaster';
    font-size: 22px;
    font-size: 1.375rem;
}

#rms div[align=center] {
    position:relative;
    padding:15px 0;
}
#rms .appointment ul {
    padding-bottom: 10px;
}
#rms .appointment ul label {
    padding-left: 0;
}
#rms ul li p select {
    margin-top: 10px;
}
#rms form div ul li h4,
#rms form div ul li h4 strong {
    font-weight: normal;
    font-size: 100%;
}

/* Ralf vdM, 05.01.2023: 
 * Die Antwort (Label des Radio) soll hochrutschen und nicht fett sein! */
#rms .radio {
    margin-top: -9px;
    font-weight: normal;
}
#rms ul li.clearfix label span.formfeldAntwort.radio {
     line-height: 20px !important; 
}

div#rms div.innerRmsWrap div.felderBlockSeite1 form fieldset.PersonalDaten fieldset.PersonalDaten fieldset.PersonalDaten div.element-group ul li.clearfix label strong.formfeldAntwort.radio,
div#rms div.innerRmsWrap div.felderBlockSeite1 form fieldset.PersonalDaten fieldset.PersonalDaten fieldset.PersonalDaten div.element-group ul li.clearfix label strong.formfeldAntwort.checkbox {
    line-height:  normal !important;
    margin-left: 0px !important;
    padding-left: 20px !important;
    margin-top: -7px !important;
}
div#rms div.felderBlockSeite1 form div.rmsCheckBoxPers label {
  font-weight: normal;
}


/* Ralf vdM, 15.05.2018: 
 * Das Label soll fett sein */
#rms .property {
    display: block;
    font-weight: bold;
}

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

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

#rmsPflichtfeldHinweise ul {
    background: #FFFFFF;
    padding-left:  3px !important;
    margin-left:  1em !important;
}
#rmsPflichtfeldHinweise ul li {
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARNJREFUeNpskrFqAkEQhmd2N4RgEUIS8gzXRa0P60iKkEfwReKzCLbWFiFFGmMhBETFWMUUQbBJpejtTnbPWZk7HPhvh+Xb2Zn/FiHGc4KcISsGsQB6M0IB40M1vUeEq+1+t3wbD78FHOQCqiL8WG+0jdYjrfRr5fziq1lLX/z+mZfJuYNAQ3IbKle1Ul3RBihU6d3ldX+5/l2J1vLT6OEnOBGZs4YZ4hsofJCKQ+bhnBsM5p+zvIsDjBD72uy2Hb/8HWGiyfhn0RKOHQuiH1pzFZMm9Zp36eZ9OvpgyHrthbJwIDpghCs6XhYgIWtKPmfSc14tK+RkhGW2lCNDUsU/fWJIKknYWXxLUHpLEN/SvwADAIEeYsZSnFsrAAAAAElFTkSuQmCC") no-repeat scroll 1px 4px rgba(0, 0, 0, 0) !important;
    list-style: none;
}

#rms #rmsPflichtfeldHinweise ul li label {
    padding-left:0;
    color: #990000;
    float: none;
    width: 96%;
    padding-left: 1.2em;
    background-image: none;
    cursor: pointer;
}

#rms #rmsPflichtfeldHinweise ul li label:hover {
    color: #E6EAB2;
    background: #c44f03;
}
/* 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;
}
#rms ul.invalid ,
#rms .invalid ul {
    border: 1px solid #FF0000 !important;
    color: #990000;
}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /
 * ENDE: Pflichtfelder-Hinweise - - - - - - - - - - - - - - - - - /
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /
 * START: 3-Stufen-Fortschritts-Anzeige fuer Formulare - -/
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* - - - START: form headers for narrow forms - - - - */
#rms .narrow .formHeader ul li span {
    height: 40px;
    height: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem;    
}
#rms .narrow .formHeader ul li span:before {
    width: 40px;
    width: 2.5rem;
    height: 40px;
    height: 2.5rem;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 40px;
    line-height: 2.5rem;
}

/* - - - START: Farben, Rahmen und Hintrgruende  - - - - - - - - - - - */
#rms .formHeader ul li span {
    color: #23614E;
}
#rms .formHeader ul li span:before {
    border: 1px solid #C4C8CD;
    background-image: url(/typo3conf/ext/masterconfig/desktop/res/img/layout/bgDefaultBox.png);
}
#rms .formHeader ul li.current span:before {
    border: 1px solid #23614E;
}

/* - - - START: Layout  der 3-Stufen-Fortschrittsanzeige - - - - - - - */
#rms .formHeader {
    display: table;
    width: 100%;
    margin: 2em 0;
}
#rms .formHeader ul {
    display: table-row;
}
#rms .formHeader ul li {
    display: table-cell;
    height: 80px;
    height: 5rem;
    text-align: center;
}
#rms .formHeader ul li span {
    display: block;
    height: 80px;
    height: 5rem;
    line-height: 80px;
    line-height: 5rem;    
}
#rms .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;
}
#rms .formHeader ul li:nth-child(1) span:before {
    content: '1';
}
#rms .formHeader ul li:nth-child(2) span:before {
    content: '2';
}
#rms .formHeader ul li:nth-child(3) span:before {
    content: '3';
}
#rms .formHeader ul li:nth-child(4) span:before {
    content: '4';
}
#rms .formHeader ul li:nth-child(5) span:before {
    content: '5';
}
#rms .formHeader ul li:nth-child(6) span:before {
    content: '6';
}
#rms .formHeader ul li:nth-child(7) span:before {
   content: '7';
}
#rms .formHeader ul li:nth-child(8) span:before {
    content: '8';
}
#rms .formHeader ul li:nth-child(9) span:before {
    content: '9';
}
#rms .formHeader ul li:nth-child(10) span:before {
    content: '10';
}
#rms .formHeader ul li.done:nth-child(1) span:before, 
#rms .formHeader ul li.done:nth-child(2) span:before, 
#rms .formHeader ul li.done:nth-child(3) span:before {
    content: '✓';
}

/* workaround for IE bug (does not calculate rem correctly) */
#rms .narrow .formHeader ul li span:before {
    line-height: 40px !important;
}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -/
 * ENDE: 3-Stufen-Fortschritts-Anzeige fuer Formulare - - - /
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Ralf vdM, 05.06.2020: Korrekturen */
#rms div.element-group ul li.clearfix label {
line-height: 20px !important;
margin-top: -9px !important;
}


#rms div.element-group > label {
    margin: 2em 0 0.5em 0 !important;
}

#rms form .PersonalDaten div.rmsCheckBoxPers ul li::before {
    content: ' ' !important;
}/* Listpunkte entfernt, da sonst hinter der Checkbox */


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


@media print {

  /* - Druckausgabe - */


#rms {
    padding: 1px !important;
}
.csc-firstHeader {
    display: contents;
}

#mainStage-1481652436 {
  display: none !important;
}

#mainNavDesktop {
  display: none;
}

.hidden-mobile {
  display: none;
}

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

ul, ol {
	margin-left: 15px !important;
}
li {
	font-size: 1em;
	margin: 0;
	padding: 0;
}


}/* ENDE: @media print - Druckausgabe */