/* HEADER - ANFANG */
    /* Formulartitel */
    .formheader_title h1 {
        color: #ff00bf !important;
    }
    /* Strich unter Logo und Titel */
    #content #form_pagenavigation.bullet {
        border-color: #ff00bf;
}/* HEADER - ENDE */


/* NAVIGATOR DESKTOP - ANFANG */
    /* Beschriftung Navigierbare Knoten */
    #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div span,
    #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent div, #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent div span{
        color: #ff00bf !important;
    }
    /* Beschriftung Navigierbare Knoten Hover */
    #form_pagenavigation.bullet #form_pagenavigation_list li.navigateAble div button:hover span {
        color: #ff00bf !important;
    }
    /* Navigierbare Knoten */
    #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore:before,
    #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent div:before,
    #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div:before,
    #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div:after,
    #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent:before{
        background-color: #ff00bf !important;
        color: white;
        font-weight: bold;
}/* NAVIGATOR DESKTOP - ENDE */


/* NAVIGATOR MOBIL - ANFANG */
    @media (max-width: 900px){
    /* Navigierbare Knoten */
    #form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div button, #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent:before,
    #form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation #form_pagenavigation_list li.pageCurrent div button{
        background-color: #ff00bf !important;
    }
    /* Navigierbare Knoten Schriftfarbe */
    .pageBefore button span, .pageCurrent button span {
        color: white !important;
    }
}/* NAVIGATOR MOBIL - ENDE */


/* BLOECKE - ANFANG */
    /* Blockrahmenlinie */
    .block, .repeattable_control_bar {
        border-color: #ff00bf !important;
    }
    /* KontrollseitevBlockrahmenlinie */
    #content #cm_form_data .block, #content #cm_form_data .cm_block {
        border-color: #ff00bf !important;
}/* BLOECKE - ENDE */


/* INFO I - ANFANG */
    /* Kästchenfarbe */
    .block_content .infoI {
        background-image: linear-gradient(to bottom, #ff00bf 0%, #ff00bf 100%);
        color: white !important;
    }
    .block > fieldset > .legend .infoI {
    background-color: #ff00bf !important;
    background-image: none !important;
    }
    /* Kästchenfarbe Hover */
    .block_content .infoI:hover {
        background-image: linear-gradient(to bottom, #ff00bf 0%, #ff00bf 100%) !important;
        color: white !important;
    }
    /* Rahmenlinie in Blocküberschriften */
    .block > fieldset > .legend .infoI {
        border-color: #ff00bf !important;
    }
    .block > fieldset > .legend .infoI:hover {
        background-color: #ff00bf !important;
        background-image: none !important;
    }
    /* i - Farbe allgemein */
    a.infoI:active, a.infoI:link, a.infoI:visited {
        color: white;
    }
    /* Textfenster */
    .withInfo .infotextfixed, .withInfo .infotext,
    .legend .infotextfixed, .legend .infotext {
        border-color: #ff00bf;
        background-color: #ffe3f8 !important;
    }
    /* Textfenster X */
    .closefixedinfo::before {
        color: #ff00bf;
}/* INFO I - ENDE */


/* BUTTONS - ANFANG */
    /* Datepicker Hintergrund */
    button[type=button].datepicker:not(disabled) {
        background-color: #777777 !important;
    }
    /* Datepicker Hintergrund Hover */
    button[type=button].datepicker:not(disabled):hover {
        background-color: #777777 !important;
    }
    /* Aufklappbarer Block +/- */
    .block_header_minmax_container a {
        border-bottom: 1px solid #ff00bf;
        background-color: #ff00bf;
        color: white;
        border-left: 1px solid #ff00bf;
    }
    /* Hauptbutton */
    #controlbar button.default_action:not(:disabled), #controlbar button.highlight:not(:disabled), .block button.default_action:not(:disabled), .block button.highlight:not(:disabled),
    .repeatblock_control_bar button.default_action:not(:disabled), .repeatblock_control_bar button.highlight:not(:disabled), #controlbar button.default_action:not(:disabled),
    .commonButtons button.highlight:not(:disabled), .asButton.highlight:not(:disabled), .ui-dialog #saveButton, #Demoformular_STD_DS_V1_0_Einstiegsseite .dialogButton,
    .ui-dialog .ui-dialog-buttonpane button{
        background-color: #ff00bf;
        color: white;
        border-color: #ff00bf !important;
    }#saveButton, .default_action, #closeOverlay, .ui-dialog .ui-dialog-buttonpane button{
        background-color: #ff00bf !important;
        color: white !important;
        border-color: #ff00bf !important;
    }
    /* Hauptbutton Hover */
    #controlbar button.default_action:hover:not(:disabled), #controlbar button.default_action:focus:not(:disabled), #controlbar button.highlight:hover:not(:disabled), #controlbar button.highlight:focus:not(:disabled),
    .block button.default_action:hover:not(:disabled), .block button.default_action:focus:not(:disabled), .block button.highlight:hover:not(:disabled), .block button.highlight:focus:not(:disabled),
    .repeatblock_control_bar button.default_action:hover:not(:disabled), .repeatblock_control_bar button.default_action:focus:not(:disabled), .repeatblock_control_bar button.highlight:hover:not(:disabled),
    .repeatblock_control_bar button.highlight:focus:not(:disabled), .commonButtons button.default_action:hover:not(:disabled), .commonButtons button.default_action:focus:not(:disabled),
    .commonButtons button.highlight:hover:not(:disabled), .commonButtons button.highlight:focus:not(:disabled), .asButton.highlight:hover:not(:disabled), .asButton.highlight:focus:not(:disabled),
    .ui-dialog .ui-dialog-buttonpane button:hover{
        background-color: #ff00bf;
        color: white;
        border-color: #ff00bf;
    }
    /* Nebenbuttons */
    form #controlbar button, .block button, .repeatable_page input, .commonButtons button, .repeatblock_control_bar button, .asButton, .repeatblock_control_bar input[type="button"], .repeatblock_control_bar select,
    .dialogButton:not(:disabled){
        border: 2px solid #ff00bf !important;
    }
    .dialogButton:not(:disabled){
         border-color: #ff00bf !important;
    }
    /* Nebenbuttons Hover */
    #controlbar button:hover:not(:disabled), #controlbar button:focus:not(:disabled), .block button:hover:not(:disabled), .block button:focus:not(:disabled), .repeatable_page input:hover:not(:disabled),
    .repeatable_page input:focus:not(:disabled), .repeatblock_control_bar button:hover:not(:disabled), .repeatblock_control_bar button:focus:not(:disabled), .commonButtons button:hover:not(:disabled),
    .commonButtons button:focus:not(:disabled), .asButton:hover:not(:disabled), .asButton:focus:not(:disabled), .cm_correct, .repeattable_buttons input[type=button]:hover:not(:disabled),
    .repeattable_buttons input[type=button]:focus:not(:disabled), .repeattable_buttons select:hover:not(:disabled), .repeattable_buttons select:hover:not(:disabled),
    .dialogButton:not(:disabled):hover{
        border-color: #ff00bf !important;
    }
    /* Weitere-Menü Rahmen */
    #controlbar .controlbar_menu ul {
        border-color: #ff00bf !important;
    }
    /* Weitere-Menü Auswahl */
    #controlbar .controlbar_menu ul li button:hover, #controlbar .controlbar_menu ul li button:focus {
        background-color: #ff00bf !important;
        color: white !important;
    }
    /* Aufklappbare Tabelle +/- */
    .repCheckAllButtonWrapper > span:before, .repUncheckAllButtonWrapper > span:before, .repExpandBlockButtonWrapper > span:before, .repCollapseBlockButtonWrapper > span:before {
        background: #ff00bf;
        border-color: #ff00bf;
    }
    /* Radio/Checkboxbuttons unchecked*/
    .radioGroup_buttonAlternateDynamic .fieldradiolabel, .radioGroup_buttonAlternateFixed .fieldradiolabel, .radioGroup_buttonAlternateFixed .fieldradiolabel .radioButton_fixedPopup,
    .radioGroup_buttonAlternateFixed .fieldradiolabel .radioButton_tableFix, .checkboxGroup_buttonAlternateDynamic .fieldcheckboxlabel, .checkboxGroup_buttonAlternateFixed .fieldcheckboxlabel,
    .checkboxGroup_buttonAlternateFixed .fieldcheckboxlabel .checkboxButton_fixedPopup, .checkboxGroup_buttonAlternateFixed .fieldcheckboxlabel .checkboxButton_tableFix, .radioGroup_buttonClassicDynamic .fieldradiolabel,
    .radioGroup_buttonClassicFixed .fieldradiolabel, .radioGroup_buttonClassicFixed .fieldradiolabel .radioButton_fixedPopup, .radioGroup_buttonClassicFixed .fieldradiolabel .radioButton_tableFix,
    .checkboxGroup_buttonClassicDynamic .fieldcheckboxlabel, .checkboxGroup_buttonClassicFixed .fieldcheckboxlabel, .checkboxGroup_buttonClassicFixed .fieldcheckboxlabel .checkboxButton_fixedPopup,
    .checkboxGroup_buttonClassicFixed .fieldcheckboxlabel .checkboxButton_tableFix {
        border-color: #ff00bf !important;
    }
    /* Radio/Checkboxbuttons checked */
    .field .radioGroup_buttonAlternateDynamic input:checked ~ .fieldradiolabel,
    .field .radioGroup_buttonAlternateFixed input:checked ~ .fieldradiolabel,
    .field .radioGroup_buttonAlternateFixed input:checked ~ .fieldradiolabel .radioButton_fixedPopup,
    .field .radioGroup_buttonAlternateFixed input:checked ~ .fieldradiolabel .radioButton_tableFix,
    .field .checkboxGroup_buttonAlternateDynamic input:checked ~ .fieldcheckboxlabel,
    .field .checkboxGroup_buttonAlternateFixed input:checked ~ .fieldcheckboxlabel,
    .field .checkboxGroup_buttonAlternateFixed input:checked ~ .fieldcheckboxlabel .checkboxButton_fixedPopup,
    .field .checkboxGroup_buttonAlternateFixed input:checked ~ .fieldcheckboxlabel .checkboxButton_tableFix,
    .field .radioGroup_buttonClassicDynamic input:checked ~ .fieldradiolabel,
    .field .radioGroup_buttonClassicFixed input:checked ~ .fieldradiolabel,
    .field .radioGroup_buttonClassicFixed input:checked ~ .fieldradiolabel .radioButton_fixedPopup,
    .field .radioGroup_buttonClassicFixed input:checked ~ .fieldradiolabel .radioButton_tableFix,
    .field .checkboxGroup_buttonClassicDynamic input:checked ~ .fieldcheckboxlabel,
    .field .checkboxGroup_buttonClassicFixed input:checked ~ .fieldcheckboxlabel,
    .field .checkboxGroup_buttonClassicFixed input:checked ~ .fieldcheckboxlabel .checkboxButton_fixedPopup,
    .field .checkboxGroup_buttonClassicFixed input:checked ~ .fieldcheckboxlabel .checkboxButton_tableFix {
        background-color: #eaf5ff !important;
        border-color: #ff00bf !important;
    }
/* BUTTONS - ENDE */


/* Einstiegsseite Link Hover */
#einstiegsseiteHeader button:hover {
    color: #ff00bf;
}

/* Links Hover */
.cell_container_html a:focus, .cell_container_html a:hover, a:hover {
    text-shadow: 0.1em 0.1em 0.1em #ff00bf;
    color: #ff00bf;
}

/* Footer */
body > footer p, body > footer div {
    border-top: 1px solid #ff00bf !important;
    background: #ff00bf !important;
    color: white !important;
    font-weight: bold;
}

/* Kontrollseite */
#cm_form_data .cm_block h4 {
    background-color: #ffffff !important;
    padding-left: 0.5em !important;
	top: -1.33em !important;
    position: relative !important;
    margin-bottom: -1.33em !important;
    border-top-left-radius: 0em !important;
    border-top-right-radius: 0em !important;
    display: inline-block !important;
    margin-left: 15px !important;
    margin-top: 3px !important;
    font-size: 16px !important;
    color: #333333 !important;
}
#form_pagenavigation.bullet #form_pagenavigation_list li.nextPageWasVisited div:after {
        background-color: #ff00bf !important;
}

#form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited div:before {
        background-color: #ff00bf !important;
}
#form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited:before {
    background-color: #ff00bf !important;
}
}