/*petersen-webdesign*/

/*body*/
	
/*header*/
@media (max-width:991px) {
		.astroid-header-section {
		padding: 25px 0;
	}
}
@media (max-width:768px) {
		.astroid-header-section {
		padding: 10px 0;
	}
}

/*logo*/
.astroid-logo img {
    max-width: 350px !important;
	max-height: 75px !important;
}
/*typo*/
	
/*menu*/
.astroid-header-section header.astroid-header:not(.astroid-header-sticky) {
  padding: 0px 0 !important;
}

.nav {
	display: flex;
    align-items: center;
}

/*contact*/

/*image*/
.dp-home-menu-icon {
	max-width: 100px !important;
}

/*promo*/
.promo-slider-img {
	border-width: 6px;
	border-style: solid;
	border-color: rgb(255, 255, 255);
	opacity: 1;
	border-radius: 2px;
}

/*belegungskalender*/
.dpcontainer {
    padding-top: 15px;
  	margin: 0 auto;
}
.tfw-calendar-app{
	margin: 0 auto;
}

/*footer*/
.dpfooter {
  text-align: center;
}

.dpfooter p {
  font-family: 'Courier Prime Regular';
  font-style: normal;
  font-weight: 400;
  font-size: 100%; 
  color: #191919;   
}

.dpfooter h3 {
  font-size: 125%; 
  font-weight: bold;
  color: #9AA59F; 
}

/*button*/
span.dpbutton {
   position:relative;
   display:block;
}
span.dpbutton img.imgunten {
   display:block;
}
span.dpbutton img.imgoben {
   position:absolute;
   top: 18%;
   right: 25px;
}

/*rollender button*/
@keyframes rotate-scale { 
  0% { 
    transform: scale(1) rotateZ(0); 
  } 
  50% { 
    transform: scale(2) rotateZ(180deg); 
  } 
  100% { 
    transform: scale(1) rotateZ(360deg); 
  } 
} 

.rotate-and-scale { 
  animation: rotate-scale 5s linear both; 
  width: 250px;
}

@media(max-width:767px){
.rotate-and-scale { 
  animation: rotate-scale 5s linear both; 
  width: 60%;
}
}



