/* @charset "UTF-8"; */

/* ******************************************************************************************
* Beschreibung: Teiländerungen der bol-css-Einstellungen 
* version:  1.0, 2026-03
* author:   Petra Staubitz
********************************************************************************************/




/*** globale variablen für Stile ***/

:root {
    --bs-color1: rgb(196, 35, 99);				/* Braunschweig Farbe #C42363; */
    --bs-color2: #F6D4DB;
    --bs-color3: #000000;
    --bs-color4: #333333;
    --bs-color5: #FFFFFF;

    --bol-color-fielderror-bg: rgb(223, 0, 68);             /* Hintergrundfarbe Fehleranzeige #df0044*/
    --bol-color-table-bg: rgb(244, 244, 244);

    --bol-fontsize: 0.95em;
    --bol-fontsize-h1: 1.2em;
    --bol-fontsize-h2: 1.05em;
    --bol-fontsize-h3: 0.95em;
    --bol-fontsize-h4: 0.95em; 
    --bol-fontsize-h5: 0.95em;
    --bol-fontsize-h6: 0.8em;
    --bol-fontsize-field: 0.95em; 
    --bol-fontsize-field-error: 0.9em;
    --bol-fontsize-label: 0.85em;
    --bol-fontsize-formularnr: 0.7em;
}


/*** classes for Braunschweig  ***/

.bs-header-logo {
    height: 65px;
    margin-top: 25px;
 
}
.bs-header-title {
    font-size: 1.5em;
    padding-top: 40px;
}


@media (min-width: 999px) {
    .bs-header-logo {
      margin-top: 25px;
      height: 85px;
    }
    .bs-header-title{
        font-size: 1.7em;
        padding-top: 40px;
    }
} 





.label {
    line-height:17px;
}



label {
    margin: 0px 0px 3px 0px;
    font-size: var(--bol-fontsize-label);
    color: var(--bs-color4);
    font-weight: bold;
}




input[type="text" i]{
    margin: 0px 0px 0px 0px;
    height: auto;
    font-size: var(--bol-fontsize);
    font-weight:bold;
    color: var(--bs-color3);
}


input[type="text"]:focus  {
    color: var(--bs-color3);
}




textarea {
    margin: 0px 0px 0px 0px;
    font-size: var(--bol-fontsize) !important;
    font-weight:bold !important;
    color: var(--bs-color3) !important;
}



textarea.form-control {
    line-height:15px;
}




select {
    margin: 0px 0px 0px 0px;
    font-size: var(--bol-fontsize) !important;
    font-weight:bold !important;
    color: var(--bs-color3) !important;
}




.checkbox label {
    margin: 6px 0px 0px 0px; 
    font-size: var(--bol-fontsize) !important;
    color: var(--bs-color3);
    font-weight:normal;
    line-height:20px;
}



.checkbox label span {
    display: inline; 
    margin: -20px 0px 12px 8px; 
    line-height:20px;
    text-align: left;
}





.radio label {
    margin: 5px 0px 22px 0px; 
    font-size: var(--bol-fontsize) !important;
    color: var(--bs-color3);
    font-weight:normal;
    line-height:20px;
}


.radio label span {
    display: block;
    margin: -21px 0px 10px 22px; 
    padding: 0px; 
    text-align: left;
}





.formularnummer {
    margin: 5px 0px 10px 0px; 
    font-size: var(--bol-fontsize-formularnr) !important;
    line-height:15px !important;
}




/*--- Ueberschriften & Textstile ---*/

h5 {
   padding: 0px 0px 5px 0px;
   line-height:20px;
}
h6 {
    font-weight: bold;
    line-height:17px;
}




/*** settings fuer Formularseiten ***/

.bol-pagestyle, .pagestyle {
    border: 1px solid rgb(192,192,192);
    background-color: rgb(255,255,255);
}




 
/*** Einstellungen für den bol-Balken ***/

.bol-bar-text {
    font-size: var(--bol-fontsize-label);
}







/*** Fortschrittsbalken ***/

.bol-stepbar {
    margin: 25px 0px 20px 10px;
}







/*** field marker ***/

.bol-field-required, .bol-field-required-star, .bol-fd-required {
    color: var(--bs-color1);
}


.bol-field-required::after {
    vertical-align: super;
    content: '\F586';
    font-size: 0.5em;
    padding: 0px 0px 0px 5px;
}






/*** Ausgabe der Summary in Tabellen mittels div's ***/

.bol-table-header {
    color: #333333;
    font-weight: bold;
    padding: 5px 15px 5px 15px;
    border-top: 1px solid rgb(192,192,192);
}
.bol-table-cellleft1 {
    border-left: 1px solid var(--bs-color-background);
    padding: 2px 15px 2px 15px;
    font-size: 95%;
}
.bol-table-cellright1 {
    border-right: 1px solid var(--bs-color-background);
    padding: 2px 15px 2px 15px;
    font-size: 95%;
}
.bol-table-cellleft2 {
    border-left: 1px solid var(--bs-color-background);
    padding: 2px 15px 2px 15px;
    font-size: 95%;
}
.bol-table-cellright2 {
    border-right: 1px solid var(--bs-color-background);
    padding: 2px 15px 2px 15px;
    font-size: 95%;
}


/*** bol Stile für fieldsets ***/
			
/* Style 1: Nur grau---------------------------------------------------------------- */

.bol-fs-style1 {
    margin: 15px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
    background-color: var(--bs-color-background);
    border: 2px solid;
    border: none;
}
.bol-fs-style1legend {
    padding: 15px 15px 22px 15px;
    color: black;
    font-size: var(--bol-fontsize-h2);
    font-weight: bold;
    line-height:20px
}
.bol-fs-style1legendrow {
    margin: 0px 0px 0px 0px;
    background-color: var(--bs-color-background);
}
.bol-fs-style1inner {
    padding: 5px 15px 15px 15px;
    background-color: inherit;
    font-size: var(--bol-fontsize);
    line-height:19px;
}

/* Style 2: Nur weiß---------------------------------------------------------------- */

.bol-fs-style2 {
    margin: 15px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
    background-color: var(--bol-color-accent-anti);
    border: 2px solid;
    border: none;
}
.bol-fs-style2legend {
    padding: 15px 15px 22px 15px;
    color: black;
    font-size: var(--bol-fontsize-h2);
    font-weight: bold;
    line-height:20px
}
.bol-fs-style2legendrow {
    margin: 0px 0px 0px 0px;
    background-color: var(--bol-color-accent-anti);
}
.bol-fs-style2inner {
    padding: 5px 15px 15px 15px;
    background-color: inherit;
    line-height:20px;
}


/* Style 3: Grau mit weiß gefüllten Raum für den Text--------------------------------- */

.bol-fs-style3 {
    margin: 15px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
    background-color: var(--bs-color-background);
    border: 2px solid;
    border: none;
}
.bol-fs-style3legend {
    padding: 15px 15px 22px 15px;
    color: black;
    font-size: var(--bol-fontsize-h2);
    font-weight: bold;
    line-height:20px
}
.bol-fs-style3legendrow {
    margin: 0px 0px 0px 0px;
    background-color: var(--bs-color-background);
}
.bol-fs-style3inner {
    padding: 5px 15px 15px 15px;
    background-color: var(--bol-color-accent-anti);
    border-top: 0px solid;
    border-right: 15px solid;
    border-bottom: 20px solid;
    border-left: 15px solid;
    border-color: rgb(238, 238, 238);
    line-height:20px;
}

/* Style 4: Grau und die Legende ist mit einem etwas dunkleren Grau abgestuft---- */

.bol-fs-style4 {
    margin: 15px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
    background-color: rgb(238, 238, 238);
    border: 2px solid;
    border: none;
}
.bol-fs-style4legendrow {
    margin: 0px 0px 0px 0px;
    background-color: rgb(233, 233, 233);
}
.bol-fs-style4legend {
    padding: 15px 15px 15px 15px;
    color: black;
    font-size: var(--bol-fontsize-h2);
    font-weight: bold;
    line-height:20px
}
.bol-fs-style4inner {
    padding: 5px 15px 5px 15px;
    background-color: inherit;
    line-height:20px;
}


/* Style 5: Für die Zusammenfassung: Grau und die Legende ist mit einem etwas dunkleren Grau abgestuft, aber unten schließt die Tabellenzelle ab ---- */

.bol-fs-style5 {
    margin: 15px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    background-color: rgb(238, 238, 238);
    border-bottom: 1px solid var(--bs-color-background);
}
.bol-fs-style5legendrow {
    margin: 0px 0px 0px 0px;
    background-color: rgb(233, 233, 233);
}
.bol-fs-style5legend {
    padding: 15px 15px 15px 15px;
    color: black;
    font-size: var(--bol-fontsize-h2);
    font-weight: bold;
    line-height:20px
}
.bol-fs-style5inner {
    padding: 5px 15px 0px 15px;
    background-color: inherit;
    line-height:20px;
}





/*** CC Klassen von eforms ***********************************************************************************/
.btn {
    font-size: var(--bol-fontsize);
}




/* Classes to be added to elements with bad input */
.infielderror {
    margin: 0px 0px 15px 0px;
    font-size: var(--bol-fontsize-field-error);
}