/*body font */
body{
	font-family: Verdana, Geneva, Tahoma, sans-serif;

}
/* Header, footer, navigation */

/*Colors MENUE
color:#525150; 
hover: color:#526c5c; 
active: color:#9caea3;
*/





#greenLine{
	height:1px;
	/* background-color: rgb(169,209,142); */
	background-color:rgb(50, 89, 89);
}
/* @media(min-width:641px)
{
	.logo{
		width:135px;
	}
}
@media(max-width:640px)
{
	.logo{
		width: 105px;
	}
} */

/* Cards and buttons */

.uk-card {
	/*border-top: 2px solid;*/
	position: relative;
	
	transition: box-shadow 0.25s ease-out; 
	/*border-radius: 3px; nisi */
	border-radius: 10px;
	/* background-color: rgb(246, 246, 246); */
	background-color: rgb(234, 234, 221);
}

.uk-card .uk-card-header {
	/* border-bottom: 1px solid #e5e5e5; */
	
	/* background-color:  rgb(169,209,142); */
	/* background-color: rgb(246, 246, 246); */
	background-color: rgb(234, 234, 221);
  }

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

.uk-card:hover {

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

		/* box-shadow: 0 0 0 7px rgba(144, 176, 196, 0.1);  */
		box-shadow: 0 0 0 2px rgba(191, 201, 184, 0.1); 
	
		margin-left:15px;
		margin-right:15px;
   }
}



/* Backgrounds */

	.bg_header{
		/*background-color: #FFD1A7;*/
		/*background-color: rgb(246, 246, 246); For browsers that do not support gradients */
		background-color: rgb(234, 234, 221);
		color: #525150; 
	
	
	}
	/*.bg_header
	/* Background-color allover 
	{
		
		background-color: rgb(246, 246, 246); 
		color:#525150; 
	
	}*/
	

	.bg_footer{
		/*background-color: rgb(84,130,53);*/
		/* background-color:rgb(84,130,53); */
		background-color:rgb(218, 227, 192);
		color: rgb(50, 89, 89);
		/* color: black; */
	}
	.bg_canvas{
		/* background-color: rgb(84,130,53);
		color: white; */
		
		background-color: rgb(230, 242,222);
		color:white;


	  }
.bg_border{
	border: 1px solid red;
}

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


	/* Text: color, size */

	.txt_green{
		/* color: rgb(108,166,68); */
		color:green;
	}

	.txt_grey{
		color: #525150;  
		
	}

	.canvasTxtSize{
		font-size: Large;
	}
	.textXLarge {
		font-size: 1.8rem;
		line-height: 1.8;
	  }
	.textLarge {
		font-size: 1.25rem;
		
	  }
	 @media (max-width: 1160px) {
		.textLarge{
			font-size:1.0rem;
			
		}
	}


	  .textLargeCardTitle {
		font-size: 1.1rem;
		font-weight: bold;
	  }
	
	.txt_larger1{
        font-size:2.4em;
    }
	.titleHight{
		
		font-weight: bold;
	}

 



 .txt_black{
	color:black;
	
 }
 /* .txt_white{
	color:rgb(250,250,250);
	
 } */
 


 .txt_sm{
	font-size: 1.1rem;

  }
  @media (max-width:1160px) {
	.txt_sm{
		font-size:0.875rem;
		padding:0px;
		
	}
}
.txt_xsm{
	font-size: 1 rem;
	
  }
  @media (max-width: 1160px) {
	.txt_xsm{
		font-size:0.8rem;
		
	}
}

.txt_xs{
	font-size: 0.8rem;
	
  }
  /* vorher 1160 */
  @media (max-width: 1160px) {
	.txt_xs{
		font-size:0.6rem;
		padding:0px;
		margin:0px;
		
	}
}



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

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

@media (max-width: 767px) {
.padTopRemSmall{
	padding-top: 0px;
	margin-top: -30px;;
}}


.txt_middle{
	font-size: 1.2rem;
	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 */
	
	.padLeftForm{
		padding-left:40px;
		padding-right:15px;
	
	}
	@media (max-width: 1160px) {
		.padLeftForm{
			padding-left:1px;
			padding-right:0px;
		
			
		}
	}

	.padRightForm{
		padding-right:40px;
		padding-left:250px;
		margin-right:20px;
	
	}
	@media (max-width: 1160px) {
		.padRightForm{
			padding-left:10px;
			padding-right:10px;
			
			
		}
	}

	.nav_right {
		margin-left: auto; 
		margin-right:10px;
	   /*  nisi*/
	  }
	  /* nisi NEU: */
	  @media (max-width: 1160px) {
		.nav_right {
		 
		margin-left:0px;
		padding-left:5px;
		padding-top:0px;
		padding-bottom: 0px;;
		}
	  }



	.padTopS{
		padding-top:30px;
	
	}
	.padTopXS{
		padding-top:20px;
	
	}
	.mleft{
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom:10px;
		
	}
	
	
	.border_green{
		border: 1.5px solid  rgb(169,209,142);;
		border-radius:10px;
	 }

	 .border_green_bottom{
		border-bottom: 1.5px solid  rgb(169,209,142);;
		
	 }

	/* 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;
	}
/* 	
	@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;
		}
	} 

	
/* Button up */

.bt_up, .bt_up-default,.bt_up-default:focus,
.bt_up-default, .bt_up-hover:active{
		
  margin: 0;

z-index: 20000;

border: none;
 overflow: visible;  
  font: inherit;
  color:#F5F7F9; 
  
  text-transform: none;
  /* 6 */
  -webkit-appearance: none;
  border-radius: 10px;
  /* 7 */
  display: inline-block;
  box-sizing: border-box;
  padding: 8px 8px;
  vertical-align: middle;
  /*font-size: 0.875rem; nisi*/
  font-size:1.0rem;
  /* 8 */
  line-height: 20px;
  /* 9 */
  text-align: center;
  /* 10 */
  text-decoration: none;
  /* text-transform: uppercase; nisi*/
  
  font-weight: 900; /*nisi*/
  transition: 0.5s ease-in-out;
  transition-property: color, background-color, border-color;

		
        background-color:rgb(211, 219, 184);
       
        border:1px solid rgb(50, 89, 89) ;

		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right:5px;
		/*border-radius: 5px 5px 5px 5px; top left top right bottom right bottom left*/
		color:  #F5F7F9;
		/* margin-left:10px;
        margin-top:10px;
		margin-bottom: 10px;; */
        margin-bottom: 40px;;
		font-size: large;
        font-weight:bolder !important;
	    letter-spacing:0.03em;
		
	}

/* for special menue */	
/* Tablet landscape and bigger */
@media (min-width: 1125px) {
	.uk-hidden\@mm {
	  display: none !important;
	}
  }
/* Phone landscape and smaller */
@media (max-width: 1124px) {
	.uk-visible\@mm {
	  display: none !important;
	}
  }


 
.bt_green{
		
	background-color: rgb(56,87,35);
	
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left:60px;
	padding-right:60px;
	border-radius: 3px;
	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);*/
	background-color:rgb(84,130,53);
  color:rgb(84,130,53);

  
}

/* Mehr-Buttons */

/*Handy-Variante*/

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

}

/* mittlere Variante - ohne Padding, ohne Margin */
@media (min-width: 640px) {
	
	.bt_green1{
			
		
	/*background-color: rgb(50, 89, 89);*/
	background-color:rgb(84,130,53);
		padding-bottom: 7px;
		padding-top: 7px;
		padding-left:2px;
		padding-right:2px;
		border-radius: 3px;
		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: 860px) {
	.bt_green1{
	
	/*background-color: rgb(50, 89, 89);*/
	background-color:rgb(84,130,53);
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 3px;
	border: 1px solid lightgray;
	text-decoration:none;
	color:white;
	/* margin-left:30px; */
	font-size: medium;
	}
	}

.bt_green1:hover
{
 
  
	/*background-color: rgb(50, 89, 89);*/
	background-color:rgb(84,130,53);
  color:rgb(84,130,53);

  
}