@media (forced-colors: active) {
/*********************************************************/
/*********************** Eye-Able ************************/
/*********************************************************/
	/****************/
	/**** Header ****/
	/****************/
	.header1 {
		background-color: Canvas;
		color: CanvasText;
	}
	/****************/
	/**** Wizard ****/
	/****************/
	.wizardCenteringDiv {
		background-color: Canvas;
		color: CanvasText;
	}
	.paginationNumber {
		forced-color-adjust: none;
		background: Canvas;
		color: ActiveText;
		border-radius: 9999px;
		border: 2px solid ButtonBorder;
	}
	.paginationNumber.selected {
		forced-color-adjust: none;
		background: url(../images/wizzard_checked.svg) no-repeat;
		background-color: Highlight;
		color: ActiveText;
		border-radius: 9999px;
		border: 2px solid ButtonBorder;
	}
	.paginationNumber.active {
		forced-color-adjust: none;
		background: Highlight;
		color: HighlightText;
		border-radius: 9999px;
		border: 2px solid ButtonBorder;
	}
	/****************/
	/***** Form *****/
	/****************/
	div.controlSectionHeader > label > h3 {
		background-color: Canvas;
		color: CanvasText;
	}
	.radioClass.radio2 > div > a > div > label {
		background-color: ButtonFace;
		color: ButtonText;
	}
	div.dataClass.selection2 > div > div > label{
		background-color: Canvas;
		color: CanvasText;	
	}
	select.selection2 {
	    background: Field;
	    color: FieldText;	
	}
	.dataClass.string1 > div > div > label {
		background-color: Canvas;
		color: CanvasText;		
	}
	.dataClass.string1 > div > input,
	.dataClass.dataClassDisabled.string1 > div > label {
	    background: Field;
	    color: FieldText;		
	}
	.dataClass.solfinSearch2 > div > input:not(:placeholder-shown) + .movingLabel, 
	.dataClass.solfinSearch2 > div > input:focus + .movingLabel, 
	.dataClass.solfinSearch2 > div > input:-webkit-autofill + .movingLabel {
	    background: Field;
	    color: FieldText;	
	}
	div.checkbox3 > div > label {
		background-color: Canvas;
		color: CanvasText;		
	}
	.print1 > a > label {
		background-color: Canvas;
		color: ActiveText;	
	}
	.dataClass.solfinSearch2 > div > div.movingLabel {
		background-color: Field;
		color: FieldText;
	}
	.dataClass.dateTime1 > div > input {
	    background: Field;
	    color: FieldText;
	}
	.selectCardMulti1 label{
		background-color: ButtonFace;
		color: ButtonText;		
	}
	.radioClass.radio5 label {
		background-color: ButtonFace;
		color: ButtonText;			
	}
	.radioClass.radio5 > div > div > a {
		color: LinkText;
	}
	.navigationDiv > div > a > div {
		background-color: ButtonFace;
		color: ButtonText;		
	}
	.linkText > a > label {
		background-color: Canvas;
		color: CanvasText;		
	}
	.linkText > a > label > a {
		color: LinkText;		
	}
	.dataClass.dateTime1 > div > div {
		background-color: Canvas;
		color: CanvasText;		
	}
	div.hint1.Info > div.control {
		background-color: Canvas;
		color: ActiveText;		
	}
	.dataClass.textarea1 {
		border: 2px solid;
	}
	.labelClass.textarea1 > label,
	.dataClass.textarea1 > div > div.movingLabel,
	.dataClass.textarea1 > div > textarea {
		background-color: Canvas;
		color: CanvasText;	
	}
	.commentClass.label1 {
		background-color: Canvas;
		color: CanvasText;		
	}
	
	.help1 > .link > a > label {
		background-color: Canvas;
		color: ActiveText;	
	}
	.labelClass.captcha1 {
		background-color: Canvas;
		color: CanvasText;		
	}
	.dataClass.number1 {
		border: 2px solid; 	
	}
	/** TabgroupCustom1 **/
	div.tabGroupCustom1 .scrollButton.left,
	div.tabGroupCustom1 .scrollButton.right,
	div.tabGroupCustom1 div.radiosContainer > a {
    	border: 2px solid;
	}
	.pricingItem1 {
		border-bottom: 2px solid ButtonBorder;
	}
	/** Table **/
	div.button1 > a,
	.table1 > label,
	div.tableRow > div.label > div,
	.amount  {
		background-color: Canvas;
		color: CanvasText;		
	}
	
	/****************/
	/**** Footer ****/
	/****************/
	.footerDiv a {
		color: LinkText;	
	}
	.footerDiv span {
		background-color: Canvas;
		color: CanvasText;		
	}
	
	/*********************************************************/
	/******************* Styling (Fokus) *********************/
	/*********************************************************/
	a.selectCardSingle1.enabled.radioChecked:focus-within {
		border: 8px double SelectedItem;	
	} 
	a.selectCardSingle1.enabled.radioUnchecked:focus-within {
		border: 4px double SelectedItem;	
	}
	div.headerMenu:focus {
		border: 4px double SelectedItem;
	}
	.radio2 > div > a:focus {
		border: 4px double SelectedItem;
	}
	.fieldHelpClass:focus {
		outline: none;
		border: 4px double SelectedItem;
	}
	.solfinSearch2:focus-within > div > .solfinSearch2 {
		border: 4px double SelectedItem;		
	}
	.dataClass.dateTime1:focus-within {
		border: 4px double SelectedItem;	
	}
	div.selectCardMulti1:focus-within {
		border: 4px double SelectedItem;	
	}
	.mobileLV:focus-within,
	.mobileLV > div > div > a:focus,
	.mobileLV > a:focus {
		border: 4px double SelectedItem;
	}
	.navigationDiv > div > a:focus {
		border: 4px double SelectedItem;
	}
	.linkText > a > label > a:focus {
		outline: none;
		border: 4px double SelectedItem;
	}
	.footerDiv > div > a {
		outline: none;
		border: 4px double SelectedItem;
	}
	div.dataClass.selection2:focus-within {
		border: 4px double SelectedItem;	
	}
	.dataClass.string1:focus-within {
		border: 4px double SelectedItem;	
	}
	.print1 > a:focus-within {
		border: 4px double SelectedItem;	
	}
	div.checkbox3>a.booleanChecked:focus, 
	div.checkbox3>a.booleanUnchecked:focus {
		border: 4px double SelectedItem;		    
	}
	.helpDiv a#actionCloseTop:focus {
		border: 4px double SelectedItem;
	}
	iframe:focus-within {
		border: 4px double SelectedItem;	
	}
	div.button1.primaryButton > a:focus,
	div.button1 > a:focus {
		border: 4px double SelectedItem;
	}
	.amount > div:last-child > div > div {
	    border-bottom: 2px solid ButtonBorder;
	}
	.contacts > div > div > a.telefonContact:focus-within,
	.contacts > div > div > a.rueckrufServiceContact:focus-within {
	    border-bottom: 2px solid ButtonBorder;	
	}	
	.help1 > .link:focus-within {
	    border-bottom: 2px solid ButtonBorder;		
	}
	.Checkbox_mobil:focus {
		border: 4px double SelectedItem;	
	}
	a.selectCardSingle1:focus-within {
		border: 4px double SelectedItem;	
	}
	div.tabGroupCustom1 .scrollButton:focus-visible {
  		border: 4px double SelectedItem;
	}
	div.tabGroupCustom1 div.radiosContainer > a:focus-visible {
  		border: 4px double SelectedItem;
	}
	/*********************************************************/
	/******************* Styling *****************************/
	/*********************************************************/
	div.messageDiv > div.errorMessage {
		forced-color-adjust: none;
		background-color: Mark;
		color: MarkText;
	}
	a.radio2.radioUnchecked {
		border: 2px solid;
	}
	a.radio2.radioChecked,
	.radioClass.radio2 > div > a.radio2.radioChecked > div > label {
		forced-color-adjust: none;
		background-color: Highlight;
		color: HighlightText;
	}
	a.radio2.radioChecked {
		border: 2px solid ActiveText;	
	}			
	.radio2_bgKnob {
		background-color: Canvas;
		border: 2px solid ActiveText;
	}
	.radio2_bgKnob > .radio2_knob {
		background-color: ActiveText;
	}
	@media (prefers-color-scheme: dark) {
		.fieldHelpClass {
	    	background: url("../images/info_white.svg") no-repeat scroll center center transparent;
		}
		div.headerMenu {
		    background: transparent url(../images/menu_white.svg) no-repeat scroll center center;
		    background-size: cover;
		}
		.helpDiv a#actionCloseTop {
		    background: url("../images/close_white.svg") no-repeat scroll 0 0 transparent;
		}
		div.checkbox3.enabled>a.booleanChecked {
		    background: Canvas url("../images/check_white.svg") no-repeat scroll center;
		}
		.print1 > a > div {
		    background: url(../images/arrow_no_down_white.svg) no-repeat 0 0 Canvas;
			background-position: center;
			background-size: var(--PRINT1_ICON_SIZE);
			border: 1px solid gray;
		}
		.help1 > .link > a > label:after {
		    background: url("../images/arrow_no_right_white.svg") no-repeat scroll center transparent;
		}
		div.headerMenu.pdf {
		    background: transparent url("../images/menue_download_white.svg") no-repeat scroll center center;
		    background-size: cover;
		}
		.tabGroupCustom1_remove {
			background: url(../images/delete_white.svg) no-repeat 0 0;
			background-position: center;
		}
		div.tabGroupCustom1 .scrollButton.right {
    		background: url(../images/arrow_yes_right_white.svg) no-repeat center center var(--COLOR_TABGROUPCUSTOM1_SCROLLBUTTON_BACKGROUND);
		}
		div.tabGroupCustom1 .scrollButton.left {
    		background: url(../images/arrow_yes_left_white.svg) no-repeat center center var(--COLOR_TABGROUPCUSTOM1_SCROLLBUTTON_BACKGROUND);
		}
		.contacts > div > div > a.telefonContact {
			background: url("../images/phone_white.svg") no-repeat scroll 0 0 transparent;
		}
		.contacts > div > div > a {
			background: url("../images/document_white.svg") no-repeat scroll 0 0 transparent;
		}
		.contacts > div > div > a.rueckrufServiceContact {
			background: url("../images/callback_white.svg") no-repeat scroll 0 0 transparent;
		}
		.contacts > div > div > a > label::after,
		.help1 > .link > a > label::after {
			background: url("../images/arrow_no_right_white.svg") no-repeat scroll center transparent;
		}
	}
	.help1 > .link {
		border-bottom: 2px solid;	
	}
	.dataClass.solfinSearch2 {
		border: 2px solid;
	}
	.dataClass.dateTime1 {
		border: 2px solid;	
	}
	div.selectCardMulti1,
	div.selectCardMulti1 > a {
		border: 2px solid;
	}
	div.selectCardMulti1.booleanChecked,
	div.selectCardMulti1.booleanChecked > a {
		border: 2px solid ActiveText;
		background-color: Highlight;
		color: Highlight;
	}
	div.selectCardMulti1.booleanChecked > label {
		forced-color-adjust: none;
		background-color: Highlight;
		color: HighlightText;	
	}
	div.selectCardMulti1.booleanChecked.disabled,
	div.selectCardMulti1.booleanChecked.disabled > label {
		forced-color-adjust: none;
		background-color: GrayText;
		color: HighlightText;	
	}
	div.selectCardMulti1.booleanChecked:focus-within {
		border: 6px double SelectedItem;
	}
	/***** Radio5 *****/
	.mobileLV.radioChecked {
		background-color: Highlight;
		border: 2px solid ActiveText;
	}
	.divRadioButtonMobil input:checked ~ .RadioButton_Mobile {
		border: 2px solid ActiveText;
	} 
	.divRadioButtonMobil input:checked ~ .RadioButton_Mobile:after {
    	background-color: ActiveText;
	}
	.mobileLV.radioChecked > div > label{
		forced-color-adjust: none;
		background-color: Highlight;
		color: HighlightText;	
	}
	.mobileLV.radioChecked > a.AlleAnzeigen {
		forced-color-adjust: none;
		background-color: Highlight;
		color: HighlightText;		
	}
	.mobileLV.radioChecked:focus-within,
	.mobileLV.radioChecked > div > div > a:focus {
		border: 4px double SelectedItem; 
	}
	.mobileLV.radioChecked > div > div > label,
	.mobileLV.radioChecked > div > div {
		forced-color-adjust: none;
		background-color: Highlight;
		color: HighlightText;		
	}
	.mobileLV.radioChecked > div > div > .RadioButton_Mobile {
		background-color: Canvas;
	}
	.radio2.disabled > div > a,
	.radio2.disabled > div > a > div > label,
	.radio2.disabled > div > a.radio2.radioChecked > div > label {
		forced-color-adjust: none;
		background-color: GrayText;
		color: HighlightText;
	} 
	.navigationDiv > div >  a {
		border: 2px solid
	}
	.dataClass.solfinSearch2 > div > div.movingLabel {
    	top: 2px;
	}
	div.dataClass.selection2 {
		border: 2px solid;
	}
	.dataClass.string1 {
	    border: 2px solid;
	}
	div.checkbox3>a.booleanChecked, 
	div.checkbox3>a.booleanUnchecked {
		border: 2px solid;
	}
	.dataClass.string1 > div > div.movingLabel {
	    top: 8px;
	}
	.dataClass.textarea1 > div > div.movingLabel {
    	top: 12px;
	}
	div.button1.primaryButton > a,
	div.button1 > a {
		border: 2px solid;
	}
	.Optional_Choice_Mobile:hover input ~ .Checkbox_mobil {
		border: 2px solid ActiveText
	}
	.Optional_Choice_Mobile input ~ .Checkbox_mobil {
		border: 2px solid ButtonBorder;
	}
	.Optional_Choice_Mobile .Checkbox_mobil:after {
		border: none;
	}
	a.selectCardSingle1 {
		border: 2px solid;
	}
	a.selectCardSingle1.radioChecked,
	a.selectCardSingle1.radioChecked label,
	a.selectCardSingle1.radioChecked div.selectCardSingle1_text {
		forced-color-adjust: none;	
		background-color: Highlight;
		color: HighlightText;
	}
	a.selectCardSingle1.radioChecked,
	.selectCardSingle1_bgKnob {
		border: 2px solid ActiveText;
	}
	.selectCardSingle1_knob {
		background-color: ActiveText; 
	}
	div.dataClass.selection2.disabled,
	div.dataClass.selection2.disabled label {
		forced-color-adjust: none;
		background-color: GrayText;
		color: HighlightText;		
	}
	div.selectCardMulti1.booleanChecked.disabled, div.selectCardMulti1.booleanUnchecked.disabled {
		forced-color-adjust: none;
		background-color: GrayText;
		color: HighlightText;	
	}
	div.selectCardMulti1.disabled label {
		background-color: GrayText;
		color: HighlightText;
	}
	div.selectCardMulti1.booleanChecked.disabled, div.selectCardMulti1.booleanUnchecked.disabled {
	    border: 2px solid ActiveText;
	}
	.contacts > div > div,
	.help1 > .link {
		border-bottom: 2px solid ButtonBorder;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.dataClass.dateTime1 > div > input[type="date"] {		
			color-scheme: dark;
		}
	}
	
}