/* Header, footer, navigation */

@media(min-width:641px)
{
	.logo{
		width:155px;
	}
}
@media(max-width:640px)
{
	.logo{
		width: 125px;
	}
}

/* Cards and buttons */

.uk-card {
	/*border-top: 2px solid;*/
	position: relative;
	
	transition: box-shadow 0.15s ease-out; 
	/*border-radius: 3px; nisi */
	border-radius: 20px;
	
}
@media(max-width:640px)
{
	.uk-card {
		/*border-top: 2px solid;*/
		position: relative;
		
		transition: box-shadow 0.15s ease-out; 
		/*border-radius: 3px; nisi */
		border-radius: 20px;
		margin-left:15px;
		margin-right:15px;
	}
}

.uk-card:hover {

	 box-shadow: 0 0 0 7px rgba(144, 176, 196, 0.1); 
	
}
@media(max-width:640px)
{
	uk-card:hover {

		box-shadow: 0 0 0 7px rgba(144, 176, 196, 0.1); 
		margin-left:15px;
		margin-right:15px;
   }
}


.bt_green{
		
	background-color: rgb(50, 89, 89);
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left:60px;
	padding-right:60px;
	border-radius: 15px;
	border: 1px solid lightgray;
	text-decoration:none;
	color:white;
	margin-left:50px;
	font-size: medium;
	font-weight: normal;

}
.bt_green:hover
{
 
  
	background-color: rgb(50, 89, 89);
  color:#A4BDBE;

  
}

/* Mehr-Buttons */

/*Handy-Variante*/

.bt_green1{
			
	background-color: rgb(50, 89, 89);
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 15px;
	border: 1px solid lightgray;
	text-decoration:none;
	color:white;
	/* margin-left:30px; */
	font-size: medium;

}

/* mittlere Variante - ohne Padding, ohne Margin */
@media (min-width: 860px) {
	
	.bt_green1{
			
		background-color: rgb(50, 89, 89);
		padding-bottom: 7px;
		padding-top: 7px;
		padding-left:2px;
		padding-right:2px;
		border-radius: 15px;
		border: 1px solid lightgray;
		text-decoration:none;
		color:white;
		margin-left:0px;   /* margin ändern bei kleinerem Schirm */
		font-size: medium;
	
	}
	
	} 

	/* große Variante = Handy-Vaiante */
@media (min-width: 1100px) {
	.bt_green1{
			
		background-color: rgb(50, 89, 89);
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 15px;
	border: 1px solid lightgray;
	text-decoration:none;
	color:white;
	/* margin-left:30px; */
	font-size: medium;
	}
	}

.bt_green1:hover
{
 
  
	background-color: rgb(50, 89, 89);
  color:#A4BDBE;

  
}



/* Backgrounds */

	.bg_header{
		/*background-color: #FFD1A7;*/
		background-color: rgb(246, 246, 246); /* For browsers that do not support gradients */
		color: #525150; 
	
	
	}
	.bg_symbol{
		/*background-color:rgba(222,179,155,0.5);*/
		background-color:#E9F0EE;
		color:#525150; 
	
	}
	

	.bg_footer{
		background-color: #A4BDBE;
		color: black;
	}
	.bg_canvas{
		background-color: #a4bdbe;
		color: white;
	  }


	.bg_all{
		background-color: rgb(246, 246, 246); 
		
	}


	/* Text: color, size */

	

	.txt_grey{
		color: #525150;  
		
	}

	.canvasTxtSize{
		font-size: Large;
	}
	.textXLarge {
		font-size: 1.8rem;
		line-height: 1.8;
	  }
	  
	
	.txt_larger1{
        font-size:2.4em;
    }
	.titleHight{
		
		font-weight: bold;
	}
 .txt_green{
	color:#a4bdbe;
 }

 .txt_green_dark{
	color: rgb(50, 89, 89);
 }
	/* geht beim Titel nicht */
 .txt_red{
	color:#a4bdbe;
	
 }
 .txt_black{
	color:black;
	
 }

 

 .txt_sm{
	font-size: 1.1rem;
	line-height: 1.5;
  }


	
  .txt_small{
	font-size:1.1rem;
	padding: 30px;
 }

 @media (max-width: 500px) {
	.txt_small{
		font-size:0.8rem;
		padding: 15px
	}
}


.txt_middle{
	font-size: 1.0rem;
	line-height: 1.5;
}

.txt_cite{
	font-size: 1.2rem;
	line-height: 1.7;
}
.txt_ml{
font-size: 1.2rem;
line-height: 1.5;
}

.width_Xsmall{
	width:120px;
}

	/* Padding, Margin, Border */
	.marginSM{
		margin-left:15px;
		margin-right:30px;
	}


	.padLeftForm{
		padding-left:10px;
	
	}

	.padTopS{
		padding-top:30px;
	
	}
	
	.mleft{
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom:10px;
		
	}
	
	
	.border_green{
		border: 1.5px solid #a4bdbe;
		border-radius:20px;
	 }



	/* Pictures, Map */

	.picSize{
		height:400px;
	}
	.picSize1{
		height:250px;
		margin:15px;
	}

	.picSizeB{
		height: 400px;
	}

	.heightPicture1{
		height: 415px;
	}
/* 	
	@media (max-width: 960px) {
		.heightPicture1{
			height: 440px;
		}
	}
	@media (max-width: 459px) {
		.heightPicture1{
			height: 360px;
		}
	} */

	.heightPicture2{
		height: 570px;
	}
	.heightPicture4{
		height: 600px;
	}
/* 	
	@media (max-width: 960px) {
		.heightPicture2{
			height: 560px;
		}
	}
	@media (max-width: 459px) {
		.heightPicture2{
			height: 5px;
		}
	} */


	/* Handy-Variante */
	.map{
		width: 400px;
		height: 450px; 
		border-style: 0;
	}
	@media (min-width: 641px) {
		.map{
			width: 250px;
			height: 450px; 
			border-style: 0;
		}
	}
	@media (min-width: 750px) {
		.map{
			width: 300px;
			height: 450px; 
			border-style: 0;
		}
	}
	@media (min-width: 1150px) {
		.map{
			width: 500px;
			height: 450px; 
			border-style: 0;
		}
	} 

	.picRound{
		border-radius: 10px;
	}