.slideanim {visibility:hidden;}
  .slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }


.button{
	color:#000;
	font-weight: bold;
	font-size:14px;
	
}
.button:hover{
	color:#01916d;
	font-weight: bold;
	font-size:14px;
	
}

  	a.seemore{color:#a2a2a2; text-transform: inherit; font-size:12px;}

	.tq{padding-top:250px;}
	#top{background-image: url(/img/Group239326.svg); background-size: cover; background-repeat: no-repeat; background-position: top; height: 1031px; margin-top:-80px; padding-top:20px;}
	#v{margin-top:-180px;}
	#traoqua{margin-top:-250px;}
	#datlichtamsoat{background-image: url(/img/bg2.svg); background-size: cover; background-repeat: no-repeat; background-position: top; height: 694px; margin-top:30px;}
	.frame{height:532px;}

	@media screen and (max-width: 840px) {
  /* For mobile phones: */
	[class*="col-"] {
		width: 100%;
	}
	h3{text-transform: uppercase; font-size:17px;}
	h1{font-size:20pt; color:#01916d;}
	.btn-success{background-color:#01916d;}
	.tq {padding-top:20px;}
	#v{background-image: url(/img/null.svg); background-color:#f5fffd; background-repeat: no-repeat; background-position: top; height: 200px;}
	.frame{height:210px;}
	#top{background-image: url(/img/bg-mobile.svg); background-repeat: no-repeat; background-position: top; height:400px; padding-top:220px}
	#traoqua{margin-top:30px; }
	.form-dl{padding:72px 30px 0px 30px; margin-top:46px; }

	#image{background-size: cover; margin-top:20px;}
	.dl{padding:20px 0px 0px 20px}
	#form_datlich{padding:40px 0px;}
	#from{margin-bottom:20px;}
	#section3{}
	#section4{}
	}