:root {
  --primary-color:    		#fff;				/* Weisse Schriftfarbe ca4800 */
--secondary-color:    		#333;				/* Dunkelgrau Schriftfarbe ca4800 */

  --marker-color:  			#2a6a8c;				/* DDAPP blau */
  --button-color:  			#2a6a8c;				/* DDAPP blau Button */
  --button-hover-color: 	#005d8f;				/* dunkelblauer Button Hover */
  

  --background-color-1:   	#ca4800;				/* orange 2a6a8c  */
  --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); font-size:16px;}

a {
    color:var(--primary-color);
    text-decoration:underline;
}

.bg_teil_5, .bg_teil_5 a {
    color:var(--background-color-1);
    text-decoration:underline;
}

.menu-mobile a {
    color:var(--background-color-1);
    text-decoration: none;
}

hr {margin-top:10px; margin-bottom:10px;}

h2 { font-size:18px; font-weight: 700;}
h3 { font-size:18px; font-weight: 700;}



.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;}
.text_good			{ color:#0f0;}

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

.font_huge_size		{ font-size:46px; line-height:50px;}
.font_big_size		{ font-size:28px; 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:16px; line-height:18px;}

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

.font_big_size .label { padding:.2em .6em  !important;}		/* hauptsächlich für Titel */

.funktionen img { width: 40px !important; height: 40px !important;} 


table.withicons td { padding:20px 10px;}

table.withicons tr { width:25% !important;}

@media (max-width: 767px) {  
	table.withicons td { padding:5px; font-size:11px;}
}

.bg_teil_1 { background-color:var(--background-color-1); color:#fff; border-radius: 20px;}
.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; color:var(--secondary-color);}  		/* hellgrau */
.bg-panel_2 { background-color:#fdded9; color:var(--secondary-color);}  		/* hellorange */
.bg-panel_3 { background-color:#f2f8ec; } 						                /* hellgrün*/

.bg-panel_1 a { color:var(--background-color-1);}  		/* hellgrau */
.bg-panel_2 h2 { color:var(--background-color-1);}  		/* hellgrau */


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


/* DDAPP */
.img_span { position:relative;width:100%; text-transform:uppercase;}
.img_span span 					{ color:#00f; position: absolute; bottom: 90px; right:10px; font-size:30px; color:#fff; background-color:var(--background-color-1); padding:20px;}		
.img_span span:nth-of-type(2)   { color:#666; position: absolute; bottom: 10px;  right:10px; font-size:30px; background-color:#fff; padding:20px;}		
@media (max-width: 767px) {  
.img_span span 					{ bottom: 50px;font-size:16px; padding:10px;}		
.img_span span:nth-of-type(2)   { bottom: 10px;font-size:16px; padding:10px;}		
}


	
.apptext { letter-spacing:2px; text-transform:uppercase; font-weight:bold;}	


img.process { width:100px; height:100px; }
@media (max-width: 767px) {  
	img.process { width:50px; height:50px; }
}

ul { padding-left: 20px;}
ul li { padding-left:0; line-height: 20px;}







.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;}



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


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



.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-menu 			{ font-family:'Poppins-Bold'; height:30px; text-transform:inherit; font-size:16px; line-height: 24px;font-weight:bold;  /*background-color:#016daf !important; color:white !important;*/}
/*.btn-menu:hover 	{ background-color:var(--button-hover-color) !important; }
.btn-menu.inactive 	{ background-color:#ccc !important; cursor:auto;}*/
.menu-mobile 		{ margin-top:0;}


	.btn-menu {font-family:'Poppins-Regular'; padding:3px 10px; height:18px; margin-top:5px; font-weight:bold;}
	.menu-mobile {margin-top:-68px !important;   margin-left:-38px; margin-right:-38px;}
	.menu-mobile-left 	{text-align:left;}
	.menu-mobile-right 	{text-align:right;}

/*@media (max-width: 767px) { */ 
@media (max-width: 1199px) {  


	
}


.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:var(--background-color-1) !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:14px; 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;}	

	.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;
}



/* Formular */
label { display:block; font-weight:600; margin-bottom:6px; }
input, textarea {
	width:100%; padding:10px; border:1px solid #ccc;
	border-radius:6px; box-sizing:border-box;
}
.sendbtn {
	padding:12px 18px; background:#ddd; border:none;
	color:var(--background-color-1); cursor:pointer; border-radius:6px;
}
.sendbtn:hover {
	padding:12px 18px; background:#ddd; border:none;
	color:var(--button-hover-color); cursor:pointer; border-radius:6px;
}
#result {
	margin-top:15px; padding:10px; display:none;
	border-radius:6px; font-weight:600;
}
.success { background:#fff; color:#056; }
.error { background:#ffe6e6; color:#900; }



button[disabled] {
    background-color: #aaa !important; 
    cursor: not-allowed;
    opacity: 0.6;
}

/* DOLLY */

h2 {
    font-size: 22px;
    color: var(--primary-color);
    margin-top: 0;
    line-height: 28px;
}

#datenschutz h2 {
    font-size: 22px;
    color: var(--secondary-color);
    margin-top: 0;
    line-height: 28px;
}