/* Use these styles for standard customizations of iframes. */

/* ################### 
#  General Stylings  #
####################*/



/* global font */
@font-face {
 font-family: "SRG_SSR";
 src: url("https://www.srf.ch/var/storage/assets/webpack/fonts/SRGSSRTypeText_W_Rg.a77969a2.woff2");
 src: url("https://www.srf.ch/var/storage/assets/webpack/fonts/SRGSSRTypeText_W_Rg.a77969a2.woff2")
   format("woff2");
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: "SRG_SSR";
 src: url("https://www.srf.ch/var/storage/assets/webpack/fonts/SRGSSRTypeText_W_Rg.a77969a2.woff2");
 src: url("https://www.srf.ch/var/storage/assets/webpack/fonts/SRGSSRTypeText_W_Rg.a77969a2.woff2")
   format("woff2");
 font-weight: bold;
 font-style: normal;
}
@font-face {
 font-family: "SRG_SSR";
 src: url("https://www.srf.ch/var/storage/assets/webpack/fonts/SRGSSRTypeText_W_Lt.49aada38.woff2");
 src: url("https://www.srf.ch/var/storage/assets/webpack/fonts/SRGSSRTypeText_W_Lt.49aada38.woff2")
   format("woff2");
 font-weight: lighter;
 font-style: normal;
}
body {
 	font-family: "SRG_SSR", sans-serif !important;
 	
 
}

.mat-expansion-panel-content {
    font-family: "SRG_SSR", sans-serif !important;
}
 
 
.mat-tab-label, .mat-tab-link {
    font-family: "SRG_SSR", sans-serif !important;
}
 

.mat-expansion-panel-header {
    font-family: "SRG_SSR", sans-serif !important;
}
    
.mat-tab-group, .mat-tab-label, body, button, html, input, select {
    font-family: "SRG_SSR", sans-serif !important;
}
   
   
.mat-form-field {
font-family: "SRG_SSR", sans-serif !important;

}




/*colors*/

body, html {
    background-color: #FEFEFD;
}

nav.soom-nav{
	/*background-color: #ff0;*/
}




.bg-primary-light {
    background-color: #FF6669;
    @media (prefers-color-scheme: dark) {
    	background-color: #FF9193
    }
}

.bg-primary-lightest {
    background-color: #FF9193;
    @media (prefers-color-scheme: dark) {
    	background-color: #FF6669
    }
}

.text-primary-lightest {
    color: #C91024;
    @media (prefers-color-scheme: dark) {
    	color: #FF6669
    }
}



.sv-theme .soom-toggle-button>input:checked+label, .sv-theme .sv-questionnaire  {
    background-color: #4E4D47 !important;
    box-shadow: inset 0 0 0px 0 rgba(0,0,0,.5) !important;
     @media (prefers-color-scheme: dark) {
    	background-color: #22211d !important;
    }soom-button custom bg-surface-light
    
}

.sv-theme .sv-questionnaire  {
    background-color: #FEFEFD !important;
    box-shadow: inset 0 0 0px 0 rgba(0,0,0,.5) !important;
    @media (prefers-color-scheme: dark) {
    	background-color: #22211d !important;
    }
    
}

.sv-questionnaire-progress.active {
    background-color: #C91024 !important;
    box-shadow: inset 0 0 0px 0 rgba(0,0,0,.5) !important;
    
}




.sv-theme .soom-button:not(.custom):not(.secondary) {
	background-color: #4E4D47 !important;
	 @media (prefers-color-scheme: dark) {
    	background-color: #B9B7AC !important;
    }

}


.sv-theme .soom-toggle-button.round>input[disabled]+label, .sv-theme .soom-toggle-button>input[disabled]+label{
color: #fff !important;
}


.sv-theme .soom-toggle-button.secondary>input:checked+label{
	color: #fff !important;
}

/* Progress*/

.sv-questionnaire-progress.progress-complete {
background-color: #C91024 !important;
@media (prefers-color-scheme: dark) {
    	background-color: #FF6669 !important;
    }

}

 .sv-questionnaire-progress.progress-partial{
 background-color: #FF6669 !important;
 @media (prefers-color-scheme: dark) {
    	background-color: #FF9193 !important;
    }
 }
 
 
 /*GewichtungsButtons */
.sv-theme .soom-toggle-button.round>input:checked+label {
    background-color: #4E4D47 !important;
    @media (prefers-color-scheme: dark) {
    	background-color: #22211d !important;
    }
}


soom-tab-group.button-theme .soom-tab-group-header>.soom-tab-label {
    border-color: #f6f5f2!important;
    @media (prefers-color-scheme: dark) {
    	background-color: #4E4D47 !important;
    }
}

soom-tab-group.button-theme .soom-tab-group-header>.soom-tab-label.active {
    box-shadow: inset 0 0 0px 0 rgba(0,0,0,.5) !important;
    background-color: #B9B7AC!important;
    @media (prefers-color-scheme: dark) {
    	background-color: #4E4D47 !important;
    }
}

/*Slider*/
.sv-theme .soom-slider {
    
    box-shadow: inset 0 0 0px rgba(0,0,0,.32) !important;
    }


.sv-theme .soom-toggle-button.bordered>label {

    border-width: 0px !important;
    }


/*Progress Bars Fragebogen*/
.progress-background>.progress-bar {
    background-color: #C91024 !important;
    @media (prefers-color-scheme: dark) {
    	background-color: #FF6669 !important;
    }
}


.sv-range-slider .ng5-slider .ng5-slider-bar.ng5-slider-selection {
    background-color: #C91024 !important;
    @media (prefers-color-scheme: dark) {
    	background-color: #FF6669 !important;
    }
}

.sv-range-slider .ng5-slider .ng5-slider-pointer{
	background-color: #C91024 !important;
	@media (prefers-color-scheme: dark) {
    	background-color: #FF6669 !important;
    }
}

.sv-theme .sv-question .sv-question-no-answer>.soom-toggle-button.square>input:checked+label{
    color: #fff !important;
}


.sv-theme .soom-toggle-button>input:checked+label {
    background-color: #4E4D47; !important;
    @media (prefers-color-scheme: dark) {
    	background-color: #FF6669; !important;
    }
}


.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
	color: #4E4D47 !important;
	@media (prefers-color-scheme: dark) {
    	color: #FFF; !important;
    }
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick{
	color: #4E4D47 !important;
	@media (prefers-color-scheme: dark) {
    	color: #FFF; !important;
    }
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #4E4D47 !important;
    @media (prefers-color-scheme: dark) {
    	color: #FFF; !important;
    }
}
.mat-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #4E4D47 !important;
    @media (prefers-color-scheme: dark) {
    	color: #FFF; !important;
    }
}


.sv-theme .sv-question .sv-question-text button {
	text-decoration:inherit !important;
	color: inherit !important;
    border-bottom: 2px solid #C91024 !important;
    @media (prefers-color-scheme: dark) {
    	border-bottom: 2px solid #FF6669 !important;
    }
}




.sv-candidate-filter > *:last-child > .soom-button:last-child {

	text-decoration:inherit !important;
	color: inherit !important;
    @media (prefers-color-scheme: dark) {
    	text-decoration:inherit !important;
		color: inherit !important;
    }
}



    



:root {
  --darkmode-bg-body: #22211d;
  --darkmode-bg-tab: #22211d;
  --darkmode-bg-section: #2c2925;
  --darkmode-bg-list: #383732; /*#383732;*/
  --darkmode-bg-button-primary: #B9B7AC;
  --darkmode-bg-button-primary-hover: #CAC8BF;
  --darkmode-bg-button-primary-active: #DADAD2;
  --darkmode-bg-button-secondary: #2C2925;
  --darkmode-bg-button-secondary-hover: #2c2925;
  --darkmode-bg-button-secondary-active: #6B6960;
  --darkmode-input-field-text: #fff;
  --darkmode-input-field-placeholder: #dadad2;
  --darkmode-input-field-bg: #413d37;
  --darkmode-input-field-border: #505050;
  --darkmode-input-field-bg-hover: #5e5d56;
  --darkmode-input-field-bg-focus: #6b6960;
  --darkmode-input-field-border-focus: #dadad2;
  --darkmode-slider-bg: #4d4943;
  --darkmode-slider-bg-active: #dadad2;

  --darkmode-text-white: #ffffff;
  --darkmode-text-white-darker: #fafaf8;
  --darkmode-text-white-darkest: #dadad2;

  --darkmode-bg-overlay: rgba(255, 255, 255, 0.3);
}