body{
	line-height:1.2;
	
	
	margin-left: auto;
	margin-right: auto;
	
}

.my_margin_small_left{
margin-left: 15px;
}

.my_margin_small_right{
margin-right: 15px;
}

.txt_orange_deep{
	color: rgb(255, 100, 0);
	font-weight: bold;
}

.heightNewsPicture{
	height: 300px;

}

.width_pic_top
{
	width: 200px;;
}


.heightProjectsPicture{
	height: 300px;

}

.img_vp{
	
  width: 100vw; /* Ausdehnung auf die gesamte Viewport-Breite */
  height: auto;  /* Höhe passt sich automatisch an, um Verzerrung zu vermeiden */

}


.divider-my {
  position: relative;
  /*height: 20px;*/

 
  border-bottom: 0.5px solid whitesmoke;
  /*
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;*/
}

.nav_button:link, .nav_button:visited, .nav_button:active {
	color: whitesmoke;

	
} 
.nav_button:hover{
	color: rgb(255, 100, 0);
	
	
 } 


.link_button:link, .link_button:visited, .link_button:active{
	color: green;

	
} 
.link_button:hover{
	color: rgb(255, 100, 0);
	
	
 } 


/* Button 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:whitesmoke;
  
  text-transform: none;
  /* 6 */
  -webkit-appearance: none;
 
  /* 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:none;

		/*
        background-color:dimgrey;
       
        border:1px solid dimgrey;*/

		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:  whitesmoke;
		/* margin-left:10px;
        margin-top:10px;
		margin-bottom: 10px;; */
        margin-bottom: 40px;;
		font-size: large;
        font-weight:bolder !important;
	    letter-spacing:0.03em;
		
	}



.product-photo-hover {
  display:block;
  position:relative
}
.product-photo-hover > img {
  background:#fff
}
.product-photo-hover > img:not(:only-child):nth-child(1) { 
 position:absolute;
  z-index:3
}
.product-photo-hover:hover>img:nth-child(1){z-index:1}
.product-photo-hover>img:nth-child(2){position:relative;z-index:2}



/* Button Text */
  .bt_txt, .bt_txt-default,.bt_txt-default:focus,
  .bt_txt-default, .bt_txt-hover:active{
      
    margin: 0;
  
    border: none;
   overflow: visible;  
    font: inherit;
    color:#F5F7F9; 
    
    text-transform: none;
    /* 6 */
    -webkit-appearance: none;
    border-radius: 0;
    /* 7 */
    display: inline-block;
    box-sizing: border-box;
    padding: 5px 5px;
    vertical-align: middle;
    /*font-size: 0.875rem; nisi*/
    font-size:0.7rem;
    /* 8 */
    line-height: 12px;
    /* 9 */
    text-align: center;
    /* 10 */
    text-decoration: none;
    /* text-transform: uppercase; nisi*/
    
    font-weight: 100; /*nisi*/
    transition: 0.5s ease-in-out;
    transition-property: color, background-color, border-color;
  
      
          background-color:rgb(255, 100, 0);
         
          border:1px solid rgb(255, 100, 0);
  
      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: whitesmoke;
      /* margin-left:10px;
          margin-top:10px;
      margin-bottom: 10px;; */
          margin-bottom: 10px;;
      font-size: 12px;
          font-weight:normal!important;
        letter-spacing:0.02em;
      
    }





/* Header, footer, navigation */

@media(min-width:641px)
{
	.logo{
		/*width:155px;nisi*/
		height: 40px;
	}
}
@media(max-width:640px)
{
	.logo{
		/*width: 125px;*/
		height: 25px;
	}
}


@media(min-width:641px)
{
	.logoLeft{
		/*width:155px;nisi*/
		height: 40px;
	}
}
@media(max-width:640px)
{
	.logoLeft{
		/*width: 125px;*/
		height: 40px;
	}
}



@media(max-width:700px)
{
	.videoMySize{
		
		width:500px;
		height:200px;
	}
}
@media(min-width:701px)
{
	.videoMySize{
		width:730px;
		height: 370px;
	}
}
/* 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: grey; 
		
	}


	/* 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_white{
	color:whitesmoke;
 }

 .txt_white_dark{
	color: black;
 }
	/* 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;
	}
	.txt_super {
    vertical-align:top;
    font-size: 0.8rem;
}