@font-face {
    font-family:RSK_NunitoSans;
    src:url(ressource?mid=1&name=NunitoSans-Regular.ttf) format("truetype");
}

/*Schriftart global setzen*/
.xm-form.modern * {
    font-size: 17px;
    font-family: RSK_NunitoSans;
    color: black;
}

/* Spezifische Einstellungen für h1 */
.xm-form.modern h1 {
    font-size: 30px;
    font-weight: bold;
    font-family: RSK_NunitoSans; /* Optional, falls du sicherstellen möchtest, dass die gleiche Schriftart verwendet wird */
}

.modern .xm-item-div LABEL {
    font-size: 17px;

}

/*Header mit Logo als Ressource befüllen
.XHeader::before{
    background-color: white;
    content: url('ressource?mid=1&name=RSK_Logo_200.jpg');
    display: block;
    text-align: right;
    padding-top: 15px;
    padding-right: 2px;
    padding-bottom: 15px;
}*/

.modern .XHeader{
    background-color: white;
}

/*.XHeader::before{
    content: url('ressource?mid=1&name=rsk_logo.svg');
    display: block;
    transform: scale(.16);
    position: relative;
    left: 40%;
    max-height: 140px;
}
*/

.XHeader::before{
            display: inline-flex;
            content: '';
            background-image: url('ressource?mid=1&name=rsk_logo.svg');
            background-repeat: no-repeat;
            background-position: top right 15px; 
            height: 60px;
            width: 100%;
            margin-top: 20px;
}

/*Error in RSK Rot*/
.error-static-view.error-static-view-bubble .error .xm-error-icon .xm-error-text {
    background-color: #FF4D5E;
}
.modern .xm-item-div .xm-del-button-icon,.modern .xm-item-div .xm-error-icon:before {
    color: #FF4D5E;
}

.modern .XFieldSet {
    background-color: #EEEEEE;
    border-color: #ccc;
    margin-top: -17px;
}

.modern .XTextField {
    background-color: white;   
}


/*Inhalte der Textfelder*/
.modern .xm-item-div .XItem {
    color: black;
    font-size: 17px;
}

/*Radiobutton, Checkboxen*/
.modern .xm-item-div input[type=checkbox]:checked+label:before, .modern .xm-item-div input[type=radio]:checked+label:before {
    color: #37C8FE;
}
.modern .xm-item-div input[type=checkbox]:focus+.label-icon-checkbox::before, .modern .xm-item-div input[type=radio]:focus+.label-icon-radio::before, .modern .xm-item-div input[type=checkbox]:hover+.label-icon-checkbox::before, .modern .xm-item-div input[type=radio]:hover+.label-icon-radio::before {
    color: #37C8FE;
    text-shadow: 0 0 1px #37C8FE;
}

/*Schriftart Radionbutton*/
.modern .xm-item-div LABEL, ..modern SPAN.required-star, .modern .xm-error-text, .modern .xm-progress-text {
    font-size: 17px;
}

element.style:before {
    background-color: rgb(255, 255, 255);
    padding-right: 2px;
}


/*Hintergrundfarbe Button*/
.modern .XButtonList {
    border-color: #37C8FE;
    border-width: 3px;
    border-style: solid;
    background-color: #37C8FE;
    }

.modern .XButtonList:hover {
  background-color: white;
}

.modern .XItem LABEL.label-left, .modern .XItem LABEL.label-right, .modern .error>.xm-error-container, .modern .xm-help-container, .modern .XItem LABEL.unit.left, .modern .XItem LABEL.unit.right
{color: paleturquoise;}



/*Farbe Roadmap*/
.modern .XNavigationBar .active .xnav-view, .XNavigationBar .active-before .xnav-view {
    background-color: #37C8FE
}

.modern .XNavigationBar .xnav-step:first-child .xnav-view{
  background-color: #026F9C;
}

/*Bund.ID Ribbon*/
.modern .bs-trust-ribbon-ctnr::before {
    background: #37C8FE;
    color: #000000;
}

/*Tabellenkopf Auswahlfeld - Fragen/Antworten*/
.modern .CXTable table thead th {
      background-color: #37c8fe;
}