@font-face {
    font-family: 'montserrat';
    src: url('/fonts/montserrat/Montserrat-Light.ttf');    
	font-weight: normal;
    font-style: normal;
	font-size:40px;

}

h2 {
    font-family: 'montserrat', sans-serif;
	    text-align: center !important;
	
}

h6 {
    font-family: 'montserrat', sans-serif;
	font-size: 20px;
	
}

.texte-schw {
    font-family: 'arial', sans-serif;
	text-align: center;
	color:#ffffff;
	font-size: 15px;
	z-index:1 !important;
}

.texte-wei {
    font-family: 'arial', sans-serif;
	text-align: center;
	/*color:#ffffff;*/
	font-size: 15px;
	
}

.texte-wei-ueb {
    font-family: 'arial', sans-serif;
	text-align: center;
	/*color:#ffffff;*/
	font-size: 15px;
	
}

.texte {
    font-family: 'arial', sans-serif;
	font-size: 15px;
	text-align: justify;
	color:#000000;
	
}

.mt-5, .my-5 {
    text-align: justify !important;
}



@font-face {
    font-family: 'yanone';
    src: url('/fonts/yanone/YanoneKaffeesatz-Light.ttf');
    font-weight: normal;
    font-style: normal;
	
}

h1 {
    font-family: 'yanone', sans-serif;
	font-size:64px !important;
	
}

.overlay
{
    background-color: #000;
    opacity: .5;
    transition: background .3s,border-radius .3s,opacity .3s;
}

.span-wei {
	color:#ffffff !important;
	
}

.span-schw {
	color:#000000 !important;
	
}

.heading {
	
	text-align: center;
	font-size: 24px;
}


/* TOOL TIPS */

.hovertext {
  position: relative;
  color: #000;
      z-index: 2;
  /*border-bottom: 1px dotted black;*/
}

.hovertext:before {
  content: attr(data-hover);
  visibility: hidden;
  opacity: 0;
  width: 200px;
  background-color: #000;
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
  padding: 5px 0;
  transition: opacity 1s ease-in-out;
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 110%;
}

.hovertext:hover:before {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

.rahmen {
	border: 1px solid #314048 !important;
	
}

.gggcolor {
	background-color: #fff !important;
	
}

.services .icon {
    width: 255px !important;
    height: 155px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 0 !important;
	padding:15px;
}

.img-be {
	
	bordeR: 1px solid #52595d !important;
}


/* NAVIGATION DROP DOWN */

.dropbtn {
 
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: fixed;
 
  min-width: 160px;
  box-shadow: 0px 5px 12px 15px rgba(0,0,0,0.2);
  z-index: 1;

}

@media (max-width: 414x){
.dropdown-content {
  display: none;
  position: relative;
 
  min-width: 160px;
  box-shadow: 0px 5px 12px 15px rgba(0,0,0,0.2);
  z-index: 1;

}}

.dropdown-content a {
  background-color: #fff !important;
  color: #314048;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #314048; color:#314048 !important;}

.dropdown:hover .dropdown-content {
  display: block;
  color: #000000;
}

.dropdown:hover .dropbtn {
  background-color: #fff;
}

.mt-5-footer {
	
	text-align: center !important;
}