:root {
  --primary-color:    		#362765;		/* dunkelblaue Schriftfarbe */
  --marker-color:  			#f55b41;		/* orange Schriftfarbe */
  --button-color:  			#f55b41;		/* oranger Button */
  --button-hover-color: 	#f5ab9f;		/* oranger Button Hover */
  
  --form-marker-color:  	#65b32e;		/* grüne Schriftfarbe */
  --form-button-color:  	#65b32e;		/* grüner Button */
  --form-button-hover-color:  #86ee3d;		/* grüner Button Hover */

  --background-color-1:   	#997cb7;		/* violette Hintergrundfarbe (Teil 1)  */
  --background-color-2:   	#65b32e66;		/* grüne Hintergrundfarbe (Teil 2) Hex 66=40% transparent */
  --background-color-3:   	#36276566;		/* dunkelblaue Hintergrundfarbe (Teil 3)Hex 66=40% transparent  */
  --background-counter:   	#362765;		/* dunkelblaue Text-Hintergrundfarbe (bei Schweizerkarte)  */

}


@font-face { font-family:'Poppins-Regular'; font-style: normal; font-weight: 400; src: local('Poppins-Regular'), url(poppins-regular.woff2) format('woff2');}
@font-face { font-family:'Poppins-Bold'; font-style: normal; font-weight: 700; src: local('Poppins-Bold'), url(poppins-bold.woff2) format('woff2');}


body { font-family:'Poppins-Regular', Arial, Helvetica; font-weight: 400; color:var(--primary-color);}


h2 { margin: 6px 0 12px 0;font-size:32px; line-height:40px;}	/* gleich wie font_big_size */
hr {margin-top:10px; margin-bottom:10px;}

.text_marker 		{ color:var(--marker-color);}       		/* oranger Text */
.text_white 		{ color:#fff;}      						/* weisser Text */
.text_underline 	{ text-decoration: underline;}
.text-center 		{ text-align:center;}
.vertical-center 	{ display: flex; align-items: center; }

.text-right 		{ text-align:right;}
.text_error			{ color:#f00;}

.form_marker 		{ color:var(--form-marker-color); }			/* grün */

.font_huge_size		{ font-size:46px; line-height:50px;}
.font_big_size		{ font-size:30px; line-height:40px;}		/* hauptsächlich für Titel */
.font_medium_size	{ font-size:20px; line-height:26px;}		/* hauptsächlich für Inhalte der Panels */
.font_small_size	{ font-size:13px; line-height:15px;}

.font-bold 	{ font-family: "Poppins-Bold", Arial, Helvetica; font-weight: 700; font-style: normal;}


.bg_teil_1 { background-color:var(--background-color-1);}
.bg_teil_2 { background-color:var(--background-color-2);}
.bg_teil_3 { background-color:var(--background-color-3);}
.bg_teil_4 { background-color:#fff;}							/* Partner */
.bg_teil_5 { background-color:#fff;}							/* Referenzen */


.bg-panel_1 { background-color:#f4f1f9; }  						/* hellgrau */
.bg-panel_2 { background-color:#fdded9; }  						/* hellorange */
.bg-panel_3 { background-color:#f2f8ec; } 						/* hellgrün*/



.min_height_1 {min-height:180px;}
.min_height_2 {min-height:420px;}



.panel-img {display: inline-block; height: 80px; width: auto; text-align:center; margin-bottom: 10px;}

.collapse-img { width: 100%; max-width: inherit;  height: inherit;}


.bg_counter	{ background-color:var(--background-counter); padding:0 5px;}


.language a { font-weight:bold; color:#00C; text-align: center; font-size:16px;}
.language a:hover { background-color:#ccc9 !important;}


.row-no-padding { padding-left:0; padding-right:0;}


.img_fullwidth {display: block; height: auto;width: 100%;}
.img_mini {height:20px; width:auto; margin-right:10px;}

.img_servier { padding:10px 100px 20px 0;}


.alert-danger { font-weight:bold; }


ul.members { list-style-type: none; padding-left: 0;}
ul.members li { list-style-type: none; padding-left: 0; }


input[type="submit"], button[type=submit] { text-transform: inherit;  padding: 12px 20px;}


.btn { padding: 12px 20px; white-space:inherit; border:none !important; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.btn-primary, .btn-secondary, .btn-form {
	text-transform:inherit;
	display: inline-block;
    padding: 12px 20px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
}

.btn-mission 		{ font-family:'Poppins-Bold'; background-color:var(--button-color) !important; color:white !important; text-transform:inherit; font-size:20px; line-height: 24px;}
.btn-mission:hover 	{ background-color:var(--button-hover-color) !important; }
.btn-mission.inactive { background-color:#ccc !important; cursor:auto;}


.btn-form 			{ font-family:'Poppins-Bold'; background-color:var(--form-button-color); color:white;text-transform:inherit;}

.btn-form, 
.btn-form:active, 
.btn-form:visited 	{ background-color:var(--form-button-color) !important; }
.btn-form:hover 	{ background-color:var(--form-button-hover-color) !important; }


.btn-primary, 
.btn-primary:active, 
.btn-primary:visited 	{ background-color:#93c !important; }
.btn-primary:hover 		{ background-color:#93c9 !important;}

.btn-secondary, 
.btn-secondary:active, 
.btn-secondary:visited 	{ background-color:#ccc !important; }
.btn-secondary:hover 	{ background-color:#ccc9 !important;}




.top5 		{ margin-top:5px; }
.top10 		{ margin-top:10px; }
.top20 		{ margin-top:20px; }
.top40 		{ margin-top:40px; }
.bottom5 	{ margin-bottom:5px; }
.bottom10 	{ margin-bottom:10px; }
.bottom20 	{ margin-bottom:20px; }
.bottom40 	{ margin-bottom:40px; }



@media (max-width: 767px) {  
	.top5 		{ margin-top:4px; }
	.top10 		{ margin-top:8px; }
	.top20 		{ margin-top:15px; }
	.top40 		{ margin-top:20px; }
	.bottom5 	{ margin-bottom:4px; }
	.bottom10 	{ margin-bottom:8px; }
	.bottom20 	{ margin-bottom:15px; }
	.bottom40 	{ margin-bottom:20px; } 
  
	.font_huge_size		{ font-size:36px; line-height:42px;}
	.font_big_size		{ font-size:20px; line-height:30px;}
	.font_medium_size	{ font-size:16px; line-height:24px;}
	.font_small_size	{ font-size:12px; line-height:16px;}  
		
	.btn-mission,
	.btn-form,
	.btn-primary,
	.btn-secondary		{ font-size:16px; line-height: 20px;}
	
	.min_height_1 		{ min-height:0px;}
	.min_height_2 		{ min-height:0px;}

	.img_servier { padding:0 10px 10px 0;}	
/*	div.maincontent-area {padding-bottom:120px;}*/

	.servier_corr {margin-top:6px;}

}




.form-control { border-radius: 2px }
.alert { padding: 5px 10px; }
.alert { margin-top: 10px; margin-bottom: 10px; border-radius:0; }
.smallalert {padding:0 5px; margin-top:0; margin-bottom:0;}

.alert-danger { color: #a94442 !important;}

.panel { border-radius: 20px;}






.checkbox label, .radio label {
	padding-left:0;
	margin-bottom:0;
}

.checkbox, .radio {
	margin-bottom:0;
	margin-top:5px;
}

.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.8em;
    height: 1.8em;
    float: left;
	background-color:#fff;
}

.radio .cr {
    border-radius: 50%;
}


.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: 1em;
    font-size: 1.2em;
    line-height: 0;
    top: 50%;
    left: 15%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(1.5) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}