#faq a:after {
  display: inline-block;
  content: "";
	font-family: FontAwesome;
}

#faq a .selected:after {
	font-family: FontAwesome;
  content: "offen";
	text-align: center;
}

#loginheader{
	width: 100%;
	height: auto;
	max-height: 500px;
	overflow: hidden;
	text-shadow: 1px 1px 2px rgb(00,00,00,0.9);
	background: linear-gradient(rgba(00, 00, 00, 0.1), rgba(00, 00, 00, 0.1)),
url(../../images/SVD.jpg); /* Datenbank */
	background-size: cover;
	background-position: center 150px;
}

#loginheader h1{
	padding: 360px 0px 40px 0px;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 60px;
	text-shadow: 2px 2px 2px rgba(0,0,0,1);
}

#c2 p{
  column-width: 50%;
	column-count: 2;
	column-gap: 50px;
	text-align: justify;
}


/* ---------- MEDIA QUERIES ---------- */

	@media screen and (max-width: 768px) {
		#loginheader h1{font-size: 50px;}
		#c2 p{
			column-width: 100%;
			column-count: 1;
			column-gap: 0px;
			text-align: justify;
		}
		#c2 h2{
			text-align: center;
		}
	}

/* -------- MEDIA QUERIES ENDE -------- */


/* DESKTOP */

#c3desktop{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 25%, #c3c3c3 25%, #c3c3c3 75%, #ffffff 75%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 25%,#c3c3c3 25%,#c3c3c3 75%,#ffffff 75%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 25%,#c3c3c3 25%,#c3c3c3 75%,#ffffff 75%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.c3_1_center, .c3_1_right{
	padding: 20px;
	border-top: 1px solid rgba(58,127,138,1); /* Datenbank */
	border-left: 1px solid rgba(58,127,138,1); /* Datenbank */
	border-right: 1px solid rgba(58,127,138,1); /* Datenbank */
	color: rgba(58,127,138,1); /* Datenbank */
	margin-bottom: 10px;
}


.c3mobiltop1{
	padding: 20px;
	border-top: 1px solid rgba(58,127,138,1); /* Datenbank */
	border-left: 1px solid rgba(58,127,138,1); /* Datenbank */
	border-right: 1px solid rgba(58,127,138,1); /* Datenbank */
	color: rgba(58,127,138,1); /* Datenbank */
	margin-bottom: 10px;
}

.c3_2_center, .c3_2_right{
	padding: 8px 20px 8px 20px;
	background: #333333;
}

.c3_center_all, .c3_right_all{
	width: 24%; 
	text-align: center;
	display: flex; 
  flex-direction: column; 
  justify-content:center;
}

.c3_13 a{
	width: 24%; 
	margin-right: 1%;
	text-align: center;
	margin-top: 0.5%;
}

.c3_13 a:hover .c3_13_center, .c3_13 a:hover .c3_13_right{background: #333333!important;}
.c3_13 a:hover{opacity: 1}

.c3_center_all{
	margin-right: 1%;
}
.c3_left_all{
	width: 49%;
	margin-right: 1%;
	display: flex; 
  flex-direction: column; 
  justify-content:center;
}

.grey{
	background-color: #eeeeee;
	margin-top: 0.5%;
	padding: 10px 20px;
}

.fa-check{color: green;}
.fa-times{color: red;}

.c3_13_center, .c3_13_right{
	padding: 5px 20px;
	background: rgba(58,127,138,1); /* Datenbank */
}

#verwaltenbutton{
	padding: 15px 10px;
	border: 1px solid #333;
	text-align: center;
	width: 49%;
	margin-left: 50%;
	max-width: 100%;
	text-transform: uppercase;
	display: inline-block;
}

#verwaltenbutton:hover{
	border: 1px solid #333;
	background: #333;
	color: #FFF;
	opacity: 1;
}

.verwalten a:hover{opacity: 1;}



/* ---------- MEDIA QUERIES ---------- */

	@media screen and (max-width: 768px) {
		.c3_center_all{margin-right: 1%;}
		.c3_left_all{
			width: 69%;
			margin-right: 1%;
			display: flex; 
			flex-direction: column; 
			justify-content:center;
		}
		
		.c3_1_center, .c3_1_right{
			padding: 20px;
			background: rgba(58,127,138,1); /* Datenbank */
		}

		.c3_2_center, .c3_2_right{
			padding: 8px 20px 8px 20px;
			background: #333333;
		}

		.c3_center_all, .c3_right_all{
			width: 19%; 
			text-align: center;
			display: flex; 
			flex-direction: column; 
			justify-content:center;
		}
		
		
#verwaltenbutton{
	padding: 15px 10px;
	text-align: center;
	width: 60%;
	margin-left: 20%;
	max-width: 100%;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 60px;
}	
	}

/* -------- MEDIA QUERIES ENDE -------- */

/* DESKTOP ENDE */




.c5top{
	width: 100%;
	border-bottom: 1px solid #333;
}
.c5left{
	text-align: left;
	float: left;
}
.c5right{
	text-align: right;
	float: right;
}
.c5left, .c5right{
	padding: 10px 20px;
}
.c5 i{ font-size: 23px;}

.c5bottom{width: 100%;}

.c5bottom .c5left{display: none;}

.test{transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
  	-o-transition: all 0.4s ease-out;
  	-webkit-transition: all 0.4s ease-out;}



/* === FAQ ===*/

#faq{
	padding-bottom: 80px;
	padding-top: 50px;
}


/* === FAQ ===*/



/* === c3mobil ===*/



#c3mobil{text-align: center;}
#c3mobil a{opacity: 1;}
.c3mobiltop1{padding: 15px 5px;}

.c3mobiltop2{
	background: #333333;
	padding: 10px 5px;
}
.c3mobilschalten{
	padding: 10px 5px;
	margin-top: 0.5%;
}

#premiumci{margin-top:50px;}

/* === c3mobil ENDE ===*/


#c3mobil{display: none;}



/* ---------- MEDIA QUERIES ---------- */

	@media screen and (max-width: 768px) {
		#c3mobil{display: block;}
		#c3desktop{display: none;}
	}

/* -------- MEDIA QUERIES ENDE -------- */



/* Beisiele */
#beispielanzeige{
	background: #333;
	text-align: center;
}
.beispielh1{
	padding: 15px 0px 10px 0px;
	border-top: 1px solid rgba(58,127,138,1); /* Datenbank */
	border-left: 1px solid rgba(58,127,138,1); /* Datenbank */
	border-right: 1px solid rgba(58,127,138,1); /* Datenbank */
	margin-bottom: 10px;
}
.beispiel{
	width: 30%;
	padding: 50px 0px;
}

#beispielleft{margin-right: 5%;}
#beispielcenter{margin-right: 5%;}

.beispiel img{width: 100%;}

.beispiel a:hover .beispielh1{
	background: rgba(58,127,138,1); /* Datenbank */
	padding: 15px 0px 20px 0px;
	margin-bottom: 0px;
}
.beispiel a:hover{opacity: 1;}




/* ---------- MEDIA QUERIES ---------- */

	@media screen and (max-width: 768px) {
		#c3mobil{display: block;}
		#c3desktop{display: none;}
		.beispiel{
			width: 50%;
			margin-left:25%;
			padding: 20px 0px;
		}
		#beispielanzeige{padding: 30px 0px;}
	}

/* -------- MEDIA QUERIES ENDE -------- */

/* Beisiele ENDE*/




/* === Login Button ===*/

#button_login_2{
	position: fixed;
	top: 400px;
	right: 0px;
	z-index: 99;
}

.button_login_2{
	width: auto;
	height: auto;
	background: rgb(00,00,00,0.7) ;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	padding: 4px 3px 4px 10px;
	margin-bottom: 10px;
	font-size: 11px;
}

.socialmedia_facebook_button, .socialmedia_twitter_button, .socialmedia_instagram_button, .socialmedia_youtube_button, .button_login_2{
	position: fixed;
	right: 0px;
	z-index: 99;
	background: rgb(00,00,00,0.5);
	padding: 4px 8px 4px 5px;
	font-size: 16px;
	min-width: 30px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
}

.socialmedia_facebook_button{top: 250px;}
.socialmedia_twitter_button{top: 280px;}
.socialmedia_instagram_button{top: 310px;}
.socialmedia_youtube_button{top: 340px;}

#socialmedia_buttons a{opacity: 1;}


.socialmedia_facebook_button:hover, .socialmedia_twitter_button:hover, .socialmedia_instagram_button:hover, .socialmedia_youtube_button:hover{
	min-width: 50px;
	background: rgb(00,00,00,0.7);
}

.button_login_2{
	font-size: 9px!important;
	font-weight: 600;
	padding: 4px 7px 4px 8px!important;
	letter-spacing: 1px;
	text-transform: uppercase;
}