/* -------------Slider ------------------ */

.slider-pro {
    font-family: 'Open Sans', Arial;
}

#example5 .sp-thumbnail{
	background-color: #F0F0F0;
}
#example5 .sp-thumbnail-image-container {
	width: 100px;
	height: 80px;
	overflow: hidden;
	float: left;    
}

#example5 .sp-thumbnail-image {
	height: 100%; max-width: none;
}

#example5 .sp-thumbnail-text {
	width: 170px;
	float: right;
	padding: 8px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#example5 .sp-thumbnail-title {

	color: #333;
	font-size: 12px;
	color: #C00;
}

#example5 .sp-thumbnail-description {
	font-size: 13px;
	color: #333;
}

.sp-caption-container {
    margin-top: 10px;
    text-align: left;
	font-size: 12px;
}


/* 
	===================================== DESKTOP, LARGE SCREENS ====
*/

@media only screen and (min-width: 1200px) {
	
		.col_12 	{ 	width:8,3333333333%; }
		.column_5	{ 	 width: 18.5%;  display: block;
    float: left;
    margin-left: 0.75%;
    margin-right: 0.75%; }
		.cont 	{ 	min-height: 217px; }
		.kamp	{ 	min-height: 357px; 
					background-image:url(../img/kampanya.png); 
					text-align:center; 
					font-size: 14px;
					line-height:1.0em;}
		.kamp1	{ 	min-height: 259px; 
					background-color: #dfdfdf;
					background-image:url(../img/kampanya.png);
					background-repeat:no-repeat; 
					text-align:center; 
					font-size: 14px;
					line-height:1.0em;}
					
		.konto	{	text-align:center; font-size: 11px; margin-top:70px; }
		
		
		/*.btn {
			display: inline-block;
			height: 50px;
			cursor:pointer;
   		    background-position: center 10px  ;
			background-repeat: no-repeat;
			color: #fff;
			vertical-align: bottom;
			text-align:center;
			}*/
			
		
		.btn {
			display: inline-block;
			background-position: -1px center;
			background-repeat:no-repeat;
			background-color:#01576e;
			color:#fff;
			vertical-align: bottom;
			height: 50px;
			cursor:pointer;
			}
			
			
			
			
		.blau		{ background-color:#134978;}
		.hellblau	{ background-color:#31889f;}
		.beige		{ background-color:#c4994e;}
		.orange		{ background-color:#996a42;} 
		.braun		{ background-color:#634429;}


		.btn:hover {background-color:#067f94; }
		
		/*.col_7	   { margin-right: 0.5%; margin-left:0.5%;}*/
		
		
		.cenaze 	{	background-color:#134978;	background-image: url(../img/cenaze.png);background-position: 3px center;  background-size: 25%;}
		.hac 		{	background-color:#31889f;	background-image: url(../img/hac.png); background-position: 3px center; background-size: 25%;}
		.cami 		{	background-color:#c4994e;	background-image: url(../img/cami.png); background-position: 3px center; background-size: 25%;}
		.register 	{	background-color:#996a42;	background-image: url(../img/register.png); background-size: 25%;}
		.akademie 	{	background-color:#634429;	background-image: url(../img/akademie.png); background-position: 3px center; background-size: 25%;}
		.fluechtling {	background-color:#029ca6;	background-image: url(../img/flucht.png); background-position: 3px center; background-size: 25%;}
		.namaz 		{	background-color:#01576e;	background-image: url(../img/namaz.png); background-position: 3px center; background-size: 25%;}	
		.jugendhilfe {	background-color:#029ca6;	background-image: url(../img/jugendhilfe.png); background-position: 3px center; background-size: 25%;}
		.bdmj		 {	background-color:#029ca6;	background-image: url(../img/bdmj.png); background-position: 3px center; background-size: 25%;}
		.antidis		 {	background-color:#029ca6;	background-image: url(../img/antidis.png); background-position: 3px center; background-size: 25%;}

		.btn  span {    display: block;
						font-size: 12px;
						 margin-left: 55px;
						margin-top: 16px;
						vertical-align: middle;
			
		}
		
		.fluechtling span {
			/*margin-left: 40px !important;*/
		}
		
		.register span {
		/*	margin-left: 28px !important;*/
		}
		
		.btn > a:link { color: #fff; }
		.btn > a:hover { color: #000; }	
		.btn > a:visited { color: #fff; }	
		
		.butn {
			display:block;

			background-position: 90px 5px ;
			background-repeat:no-repeat;
			background-color:#01576e;
			color:#fff;
			margin-bottom: 5px;
			vertical-align: bottom;
			padding-top: 1.0em;
			padding-bottom:1.0em;
			border-bottom: 4px solid #01576e;
			}
		.rehber 	 {	background-image: url(../img/rehber.png); background-size:14%; }		
		.butn:hover  { background-color:#067f94;	}	
		.butn > span { margin-left: 140px; font-size:14px; }

		.butn  > * {      vertical-align: middle;  }
} 
}



/* 
	=========================================== DESKTOP < 1200px ====
*/
@media only screen and (max-width: 1200px) {

	/* autogenerated styles */
	.col_12 { width:15.1666666667%; }

	
	
	.col_12c { width: 81.8333333333%; }

		.kamp	{ 	min-height: 357px; 
					background-image:url(../img/kampanya.jpg); 
					text-align:center; 
					font-size: 14px;
					line-height:1.0em;}
		.kamp1	{ 	min-height: 259px; 
					background-color: #dfdfdf;
					background-image:url(../img/kampanya.png);
					background-repeat:no-repeat; 
					text-align:center; 
					font-size: 14px;
					line-height:1.0em;}
					
		.konto	{	text-align:center; font-size: 11px; margin-top:70px; }

		.btn {
			display:block;
			width:100%;
			background-position: top; 
			background-repeat:no-repeat;
			background-color:#01576e;
			color:#fff;
			vertical-align: bottom;
			padding-top: 4.4em;
			text-align: center;	line-height: 0.8em;
			padding-bottom:1.4em;
			height: 19px;
			}
		
		.btn:hover {			background-color:#067f94;		}
		.btn > a:link { color: #fff; }
		.btn > a:hover { color: #000; }	
		.btn > a:visited { color: #fff; }	

		.cenaze {	background-image: url(../img/cenaze.png); background-size: 18%;}
		.hac {		background-image: url(../img/hac.png); background-size: 18%;}
		.cami {		background-image: url(../img/cami.png); background-size: 18%;}
		.register {		background-image: url(../img/register.png); background-size: 18%;}
		.akademie {		background-image: url(../img/akademie.png); background-size: 18%;}
		.fluechtling {	background-image: url(../img/flucht.png); background-size: 18%;}
		.jugendhilfe {	background-image: url(../img/jugendhilfe.png);  background-size:  18%;}
		.bdmj		 {	background-image: url(../img/bdmj.png);  background-size: 18%;}
		.antidis		 {	background-image: url(../img/antidis.png);  background-size: 18%;}
		.namaz {		background-image: url(../img/namaz.png); background-size: 18%;}	
		
		
		
		.btn > span { float: left; margin-left: 55px; font-size:14px;}

}



/* 
	============================================= IPAD LANDSCAPE ====
*/

@media only screen and (max-width: 1200px) {

	/* autogenerated styles */
		.column_5  { width:31.8333333333%; margin-left: 0.75%;  margin-right: 0.75%; float:left}

	
	
	.col_6 { width:31.8333333333%; }
	.col_7 { width:31.8333333333%; }
	.col_8 { width:23.5%; }
	.col_9 { width:31.8333333333%; }
	.col_10 { width:18.5%; }
	.col_12 { width:23.5%; }

	.col_6c { width: 65.1666666667%; }
	.col_8c { width: 73.5%; }
	.col_9c { width: 65.1666666667%; }
	.col_10c { width: 78.5%; }
	.col_12c { width: 73.5%; }

	/* user styles goes here */
		.kamp	{ 	min-height: 357px; 
					background-image:url(../img/kampanya.jpg); 
					text-align:center; 
					font-size: 14px;
					line-height:1.0em;}
		.kamp1	{ 	min-height: 259px; 
					background-color: #dfdfdf;
					background-image:url(../img/kampanya.png);
					background-repeat:no-repeat; 
					text-align:center; 
					font-size: 14px;
					line-height:1.0em;}
					
		.konto	{	text-align:center; font-size: 11px; margin-top:70px; }
		
		.btn {
			background-color: #01576e;
			background-position: 10px center;
			background-repeat: no-repeat;
			color: #fff;
			display: block;
			margin-bottom: 6px;
			padding-bottom: 0.6em;
			padding-top: 0.6em;
			vertical-align: bottom;
			/*width: 100%;*/
		}
		.btn:hover {
			background-color:#067f94;
		}
		.btn > a:link { color: #fff; }
		.btn > a:hover { color: #000; }	
		.btn > a:visited { color: #fff; }	

		.cenaze 	{	background-image: url(../img/cenaze.png); background-size: 10%; }
		.hac 		{	background-image: url(../img/hac.png); background-size: 10%;}
		.cami 		{	background-image: url(../img/cami.png); background-size: 10%;}
		.register 	{	background-image: url(../img/register.png); background-size: 10%;}
		.akademie 	{	background-image: url(../img/akademie.png); background-size: 10%;}
		.namaz 		{	background-image: url(../img/namaz.png); background-size: 10%;}	
		.fluechtling {	background-image: url(../img/flucht.png);  background-size: 10%;}
		.jugendhilfe {	background-image: url(../img/jugendhilfe.png);  background-size: 10%;}
		.bdmj		 {	background-image: url(../img/bdmj.png);  background-size: 10%;}
		.antidis		 {	background-image: url(../img/antidis.png);  background-size: 10%;}
		
				.rehber 	{	background-image: url(../img/rehber.png); background-size:18%; }	
		.btn  span  {   float: left; margin-left: 50px; font-size:12px;}
		
		.butn {
			display:block;
			background-position: left; 
			background-repeat:no-repeat;
			background-color:#01576e;
			color:#fff;
			margin-bottom: 5px;
			vertical-align: bottom;
			padding-top: 1.0em;
			padding-bottom:1.0em;
			}
	
		.butn:hover {background-color:#067f94;	}	
		.butn > span { float: left; margin-left: 55px; font-size:14px;}
}


@media only screen and (max-width: 1024px) {

	/* autogenerated styles */
	.column_5  { width:31.8333333333%; }
	.col_6 { width:31.8333333333%; }
	.col_7 { width:31.8333333333%; }
	.col_8 { width:23.5%; }
	.col_9 { width:31.8333333333%; }
	.col_10 { width:18.5%; }
	.col_12 { width:23.5%; }

	.col_6c { width: 65.1666666667%; }
	.col_8c { width: 73.5%; }
	.col_9c { width: 65.1666666667%; }
	.col_10c { width: 78.5%; }
	.col_12c { width: 73.5%; }

	/* user styles goes here */
		.kamp	{ 	min-height: 357px; 
					background-image:url(../img/kampanya.jpg); 
					text-align:center; 
					font-size: 14px;
					line-height:1.0em;}
		.kamp1	{ 	min-height: 259px; 
					background-color: #dfdfdf;
					background-image:url(../img/kampanya.png);
					background-repeat:no-repeat; 
					text-align:center; 
					font-size: 14px;
					line-height:1.0em;}
					
		.konto	{	text-align:center; font-size: 11px; margin-top:70px; }
		
		.btn {
			background-color: #01576e;
			background-position: 10px center;
			background-repeat: no-repeat;
			color: #fff;
			display: block;
			margin-bottom: 6px;
			padding-bottom: 0.5em;
			padding-top: 0.5em;
			vertical-align: bottom;
			/* width: 100%; */
		}
		.btn:hover {
			background-color:#067f94;
		}
		.btn > a:link { color: #fff; }
		.btn > a:hover { color: #000; }	
		.btn > a:visited { color: #fff; }	

		.cenaze 	{	background-image: url(../img/cenaze.png); background-size: 10%; }
		.hac 		{	background-image: url(../img/hac.png); background-size: 10%;}
		.cami 		{	background-image: url(../img/cami.png); background-size: 10%;}
		.register 	{	background-image: url(../img/register.png); background-size: 10%;}
		.akademie 	{	background-image: url(../img/akademie.png); background-size: 10%;}
		.namaz 		{	background-image: url(../img/namaz.png); background-size: 10%;}			
		.fluechtling {	background-image: url(../img/flucht.png);  background-size: 10%;}		
		.rehber 	{	background-image: url(../img/rehber.png); background-size:10%; }	
		.jugendhilfe {	background-image: url(../img/jugendhilfe.png);  background-size: 10%;}
		.bdmj		 {	background-image: url(../img/bdmj.png);  background-size: 10%;}
		.antidis		 {	background-image: url(../img/antidis.png);  background-size: 10%;}
		
				
		.btn  span  {   float: left; margin-left: 46px; font-size:12px;}
		
		.butn {
			display:block;
			background-position: left; 
			background-repeat:no-repeat;
			background-color:#01576e;
			color:#fff;
			margin-bottom: 5px;
			vertical-align: bottom;
			padding-top: 1.0em;
			padding-bottom:1.0em;
			}
	
		.butn:hover {background-color:#067f94;	}	
		.butn > span { float: left;font-size: 12px;
    margin-left: 38px;}
}



/* 
	============================================== IPAD PORTRAIT ====
*/
@media handheld, only screen and (max-width: 768px) {

	/* autogenerated styles */
	.column_5 { width:48.5%; }
	.col_4 { width:48.5%; }
	.col_6 { width:48.5%; }
	.col_8 { width:48.5%; }
	.col_9 { width:98.5%; }
	.col_10 { width:48.5%; }
	.col_12 { width:31.8333333333%; }

	.col_4c { width: 48.5%; }
	.col_6c { width: 48.5%; }
	.col_7 { width:48.5%;}
	.col_8c { width: 48.5%; }
	.col_9c { width: 98.5%; }
	.col_10c { width: 48.5%; }
	.col_12c { width: 65.1666666667%; }

	/* user styles goes here */

	.footer .col_6 { width:98.5%; margin-bottom: 10px; border-top: 1px solid #f3f3f3;  }
	.footer .col_3 { width:98.5%; }
	.kamp	{ 	min-height: 265px; 
				background-image:url(../img/kampanya.jpg); 
				text-align:center; 
				font-size: 14px;
				line-height:1.0em;
				margin-top:10px;}
	.kamp1	{ 	min-height: 250px;
				background-color: #dfdfdf;
				background-image:url(../img/kampanya.png);
				background-position:center;
				background-repeat:no-repeat; 
				text-align:center; 
				font-size: 14px;
				line-height:1.0em;}

				.btn {
			display:block;

			background-position: 10px; 
			background-repeat:no-repeat;
			background-color:#01576e;
			color:#fff;
			margin-bottom: 5px;
			vertical-align: bottom;
			padding-top: 0.5em;
			padding-bottom:0.5em;
		}
		.btn:hover {
			background-color:#067f94;
		}
		.btn > a:link { color: #fff; }
		.btn > a:hover { color: #000; }	
		.btn > a:visited { color: #fff; }	

		.cenaze 	{	background-image: url(../img/cenaze.png); background-size: 10%; }
		.hac 		{	background-image: url(../img/hac.png); background-size: 10%;}
		.cami 		{	background-image: url(../img/cami.png); background-size: 10%;}
		.register 	{	background-image: url(../img/register.png); background-size: 10%;}
		.akademie 	{	background-image: url(../img/akademie.png); background-size: 10%;}
		.namaz 		{	background-image: url(../img/namaz.png); background-size: 10%;}	
		.fluechtling {	background-image: url(../img/flucht.png);  background-size: 10%;}
		.rehber 	{	background-image: url(../img/rehber.png); background-size:10%; }	
		.jugendhilfe {	background-image: url(../img/jugendhilfe.png);  background-size: 10%;}
		.bdmj		 {	background-image: url(../img/bdmj.png);  background-size: 10%;}
		.antidis		 {	background-image: url(../img/antidis.png);  background-size: 10%;}
		
				.btn  span  {   float: left; font-size: 12px;
    margin-left: 55px;}
				
}



/* 
	=========================================== IPHONE LANDSCAPE ====
*/
@media handheld, only screen and (max-width: 480px) {

	/* autogenerated styles */
	.col_2 { width:98.5%; }
	.col_3 { width:98.5%; }
	.col_4 { width:98.5%; }
	.col_5 { width:98.5%; }
	.column_5 { width:98.5%; }
	.col_6 { width:98.5%; }
	.col_7 { width:98.5%; }
	.col_8 { width:98.5%; }
	.col_10 { width:98.5%; }
	.col_11 { width:98.5%; }
	.col_12 { width:48.5%; }

	.col_2c { width: 98.5%; }
	.col_3c { width: 98.5%; }
	.col_4c { width: 98.5%; }
	.col_5c { width: 98.5%; }
	.col_6c { width: 98.5%; }
	.col_7c { width: 98.5%; }
	.col_8c { width: 98.5%; }
	.col_10c { width: 98.5%; }
	.col_11c { width: 98.5%; }
	.col_12c { width: 48.5%; }

	.footer .col_5 { border-top: 1px solid #ccc; }	
		
		.btn {
			display:block;

			background-position: 10px; 
			background-repeat:no-repeat;
			background-color:#01576e;
			color:#fff;
			margin-bottom: 5px;
			vertical-align: bottom;
			padding-top: 0.7em;
			padding-bottom:0.7em;
		}
		.btn:hover {
			background-color:#067f94;
		}
		.btn > a:link { color: #fff; }
		.btn > a:hover { color: #000; }	
		.btn > a:visited { color: #fff; }	

		.cenaze 	{	background-image: url(../img/cenaze.png); background-size: 9%; }
		.hac 		{	background-image: url(../img/hac.png); background-size: 9%;}
		.cami 		{	background-image: url(../img/cami.png); background-size: 9%;}
		.register 	{	background-image: url(../img/register.png); background-size: 9%;}
		.akademie 	{	background-image: url(../img/akademie.png); background-size: 9%;}
		.namaz 		{	background-image: url(../img/namaz.png); background-size: 9%;}	
		.fluechtling {	background-image: url(../img/flucht.png);  background-size: 9%;}
		.rehber 	{	background-image: url(../img/rehber.png); background-size:9%; }	
		.jugendhilfe {	background-image: url(../img/jugendhilfe.png);  background-size: 9%;}
		.bdmj		 {	background-image: url(../img/bdmj.png);  background-size: 9%;}
		.antidis		 {	background-image: url(../img/antidis.png);  background-size: 9%;}
	
	
			.btn  span  {   float: left; margin-left: 70px; font-size:13px;}
		
		
			


	/* user styles goes here */
		.footer .col_6 { width:98.5%; margin-bottom: 10px; border-top: 1px solid #f3f3f3;  }
	.footer .col_3 { width:98.5%; }


	/* Slider */

#example5 .sp-thumbnail {
		text-align: center;
	}

	#example5 .sp-thumbnail-image-container {
		display: none;
	}

	#example5 .sp-thumbnail-text {
	width: 120px;
	}
		

	#example5 .sp-caption-container {
		margin-top: 12px;
		text-align: left;
		font-size: 14px;
	}
	
	#example5 .sp-thumbnail-title {
		font-size: 12px;
		text-transform: uppercase;
	}

	#example5 .sp-thumbnail-description {
		display: none;
	}

}



/* 
	============================================ IPHONE PORTRAIT ====
*/
@media handheld, only screen and (max-width: 320px) {

	/* autogenerated styles */
	/* reset .container width and max-width (in case user defines an explicit #id for her/his .container classes) */
	.container { width: 100% !important; max-width: 100% !important; }

	.col_1,
	.col_2,
	.col_3, .col_3c,
	.col_4, .col_4c,
	.col_5, .col_5c,
	.column_5,
	.col_6, .col_6c,
	.col_7, .col_7c,
	.col_8, .col_8c,
	.col_9, .col_9c,
	.col_10, .col_10c,
	.col_11, .col_11c,
	.col_12, .col_12c {
			width		: 92%;
			margin-left	: 0%;
			margin-right	: 0%;
			padding-left	: 4%;
			padding-right	: 4%;
	}



.btn {
	display:block;

	background-position: top; 
	background-repeat:no-repeat;
	background-color:#01576e;
	color:#fff;
	vertical-align: bottom;
	line-height: 1em;

	padding-top: 2.4em;
	text-align: center;	

	}

	.btn > a:link { color: #fff; }
	.btn > a:hover { color: #000; }	
	.btn > a:visited { color: #fff; }	

		.cenaze 	{	background-image: url(../img/cenaze.png); background-size: 12%; }
		.hac 		{	background-image: url(../img/hac.png); background-size: 12%;}
		.cami 		{	background-image: url(../img/cami.png); background-size: 12%;}
		.register 	{	background-image: url(../img/register.png); background-size: 12%;}
		.akademie 	{	background-image: url(../img/akademie.png); background-size: 12%;}
		.namaz 		{	background-image: url(../img/namaz.png); background-size: 12%;}
		.fluechtling {	background-image: url(../img/flucht.png);  background-size: 12%;}	
		.rehber 	{	background-image: url(../img/rehber.png); background-size:12%; }	
		.jugendhilfe {	background-image: url(../img/jugendhilfe.png);  background-size: 12%;}
		.bdmj		 {	background-image: url(../img/bdmj.png);  background-size: 12%;}
		.antidis		 {	background-image: url(../img/antidis.png);  background-size: 12%;}
		
			
    .btn span { float: none; margin-left: 0; font-size:14px;}
	/* user styles goes here */
	
	
	
	.footer .col_6 { width:98.5%; margin-bottom: 10px; border-top: 1px solid #f3f3f3;  }
	.footer .col_3 { width:98.5%; }
}

/* 
	============================================ SO SMALL PHONES ====
*/
@media handheld, only screen and (max-width: 240px) {
	
	/* user styles goes here */

}