/*
Theme Name: OnePress Child
Theme URI: https://www.famethemes.com/themes/onepress/
Template: onepress
Author: HTYDK
Author URI: https://www.htydk.com
Description: Onepress Child for some more functionality
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-menu,featured-images,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,e-commerce,blog,portfolio
Version: 0.1.1594784078
Updated: 2020-07-15 03:34:38

*/



@media screen and (min-width: 940px) {
#hero .backstretch img {
    transform: translateY(50px);
    animation: heroanim  5s ease-in-out .5s forwards;
  }
  @keyframes heroanim {
    0% {transform: scale(1) translateY(50px);}
    100% {transform: scale(1.2) translateY(100px);}
}
    .team-member .member-thumb {
      height: 277px;
      transition: filter .5s ease;
    }
  
    .team-member .member-position {
      position: absolute;
      top: 0;
      z-index: 1;
      opacity: 0;
      background-color: #f8f9f9c5;
      transition: opacity .3s ease-in, transform .3s ease;
      font-size: 1em;
      color: black;
      width: 300px;
      height: 170px;
      padding: 15px;
      transform: translate(-50%, -200px) scaleY(0);
      display: inline-flex;
      align-items: center;
    }
    
    .team-member:hover .member-position {
      transition: opacity .5s ease-out, transform .5s ease;  
      transform: translate(-50%, -200px) scaleY(1);      
      opacity: 1;      
    }
    .team-member:hover .member-thumb {
      filter: grayscale(1);
    }
}
@media screen and (min-width: 1200px) {
.section-services .container {
  width: 80% !important;
}  
.section-services .service-content p{
  font-size: medium !important;
}
}
.vgthemenkreis {
  border-radius: 50%;
  max-height: 300px;
  min-height: 300px;
  width: 300px !important;
  margin: 11px auto;  
  cursor: pointer;
}
.vgthemenkreiscont {  
  margin-top: 60px;
  margin-bottom: 70px;  
}

@media screen and (min-width: 1200px) {
  .vgthemenkreis {
    animation: vgthemenani1 24s infinite forwards linear;
    animation-play-state: running; }
  .vgthemenkreiscont {
    animation: vgthemenani2 24s infinite forwards linear;
    animation-play-state: running; } 
  .vgthemenkreiscont:hover {
      animation-play-state: paused; }
  .vgthemenkreiscont:hover .vgthemenkreis {
      animation-play-state: paused; }

    @keyframes vgthemenani1 {
      from {transform: rotate(0deg);}
      to {transform: rotate(-360deg);}
    }
    @keyframes vgthemenani2 {
      from {transform: rotate(0deg);}
      to {transform: rotate(360deg);}
    }
}
  
.vgthemenkreis p {
  transition: transform 1s ease;
}
.vgthemenkreis:hover p {
  transform: scale(1.1);
}

@media screen and (max-width: 600px) {
  .vgthemenkreiscont {
    max-width: 280px;
    margin: 0 auto;
  }
}
.vgthemendiag {
  width: 185px;
  transition: transform 1s ease;
}
.vgthemendiagcont:hover .vgthemendiag{
  transform: translateY(10px);
}
.vgthemendiagp {
  padding: 10px;
  border: solid 1px black;
}
.vgthemendiagcont {
  max-width: 700px;
  margin: 10px auto;  
}
.eventbuttondiv {
	float:right;
	margin-top: -50px;
	margin-bottom: 20px;
}

.eventbuttona {	
	padding: 10px;
	text-align: center;
	font-weight: 600;
	background-color: red;
	color: white;
	border-radius: 5px;
	width: 200px;
	display: block;	
}
.eventbuttona:hover {
	color: white;
	text-decoration: none;
	background-color: #E13D34;
}
.wp-block-cover.has-background-dim {
	max-height: 300px !important;
	margin-bottom: 50px;
}