#page-container .et_pb_button {
	padding:20px 50px 20px 40px !important;
}
#page-container .et_pb_button.wak-no-border {
	padding:20px 50px 20px 0px !important;
}
.et_pb_slide_content h2 {
	font-size:120px;
	line-height:1;
	font-weight:700;
}
#wak-referenzen .et_pb_slide_description{
	position:absolute !important;
	left:0;
	bottom:0px;
	padding:0 30px 10px 30px !important;
	width:100%;
	text-shadow:0 0 5px rgba(0,0,0,0.5);
}
#wak-referenzen .et_pb_slides .et_pb_slider_container_inner {
	padding-bottom:100%;
}
.tina_slider_sail_away .arrow-cursor svg path{
	stroke: #FFF !important;
    stroke-width: 2px !important;
}
#main-header,
#main-header.et-fixed-header{
	box-shadow:0 0 20px rgba(0,0,0,0.2) !important;
}
.et-pb-contact-message p{
	color:#FFF !important;
}



.flip-card {
  	height: 450px;
  	perspective: 1000px;
	-webkit-perspective: 1000px;
}
 
/* This container is needed to position the front and back side */
.flip-card-inner {
  	position: relative;
  	width: 100%;
  	height: 100%;
  	text-align: left;
  	transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	-webkit-transition: -webkit-transform 0.8s;
  	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}
 
/* Position the front and back side */
.flip-card-front, .flip-card-back {
	position: absolute;
  	width: 100%;
  	height: 100%;
  	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
 
/* Add background to front incase image doesn't load */
.flip-card-front {
	background: #0D1B22;
}
 
/* Set the image to cover, so if you increase height it won't skew image. Image height and .flip-card height should be the same. */
.flip-card-front img {
	height: 450px;
	object-fit: cover;
	width:100%;
}
 
/* Style the back side */
.flip-card-back {
  	padding: 40px 70px;
	background-color: #554d48;
	display: table;
}
 
/* Vertically centre align text on back */
.flip-card-back-inner {
	display: table-cell;
	vertical-align: middle;
	max-width: 100%;
}
 
.flip-card-back h3 {
	color: #FFF;
	margin-bottom: 10px;
}
.flip-card-back {
	color:#FFF !important;
}
 
/* Color the view project text to look like a link */
.link-styling {
	color: #F56640 !important;
}
 
/* Reverse back of card so is correct orientation after flip */
.flip-card-rotate-left .flip-card-back,
.flip-card-rotate-right .flip-card-back {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
 
.flip-card-rotate-up .flip-card-back,
.flip-card-rotate-down .flip-card-back {
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
}
 
/* Flip animation on mouse hover - rotate right */
.flip-card-rotate-right .flip-card:hover .flip-card-inner {
  	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
 
/* Flip animation on mouse hover - rotate left */
.flip-card-rotate-left .flip-card:hover .flip-card-inner {
  	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
}
 
/* Flip animation on mouse hover - rotate up */
.flip-card-rotate-up .flip-card:hover .flip-card-inner {
  	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
}
 
/* Flip animation on mouse hover - rotate down */
.flip-card-rotate-down .flip-card:hover .flip-card-inner {
  	transform: rotateX(-180deg);
	-webkit-transform: rotateX(-180deg);
}
.wak-gallery .et_pb_gallery_item{
	width:25% !important;
	padding-bottom:25% !important;
	margin:0 !important;
	position:relative;
	clear: none !important;
}
.wak-gallery .et_pb_gallery_item .et_pb_gallery_image {
	position:absolute;
	left:3%;
	top:3%;
	width:94%;
	height:94%;
}
.wak-gallery .et_pb_gallery_item .et_pb_gallery_image img{
	height:100% !important;
	width:100% !important;
	object-fit: cover !important;
}
.awmp-map {
	font-family:'Roboto Condensed',sans-serif;
}

.prepend-plus .percent-value:before{
	content: "über ";
	/*font-size: 30px;*/
}
 
@media (max-width: 1600px) {	

	.et_pb_slide_content h2,
	body h1 {
		font-size:90px !important;
	} 
	#main-content .wak-brown-balken-col {
		padding-top: 8vh;
		padding-right: 8vh;
		padding-bottom: 8vh;
		padding-left: 8vh;	
	}
	
}

 
@media (max-width: 1200px) {	

	.et_pb_slide_content h2,
	body h1 {
		font-size:80px !important;
	} 
	
}
 
 
@media (max-width: 980px) {
	
	.et_pb_slide_content h2,
	body h1 {
		font-size:70px !important;
	} 	
	
	
	.flip-card-rotate-left .flip-card-back,
	.flip-card-rotate-right .flip-card-back{
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		background-color: rgba(13,27,34,0.5);
	}
	
	.flip-card-rotate-up .flip-card-back,
	.flip-card-rotate-down .flip-card-back {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		background-color: rgba(13,27,34,0.5);
	}
	
	.flip-card-back p {
		color: white;
	}
	
	.flip-card-rotate-left .flip-card:hover .flip-card-inner,
	.flip-card-rotate-right .flip-card:hover .flip-card-inner{
  		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
	}
 
	.flip-card-rotate-up .flip-card:hover .flip-card-inner,
	.flip-card-rotate-down .flip-card:hover .flip-card-inner {
  		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
	}
}

 
@media (max-width: 767px) {

	.wak-gallery .et_pb_gallery_item{
		width:50% !important;
		padding-bottom:50% !important;
	}
	#main-content .wak-brown-balken-col {
		padding-right: 20px;
		padding-left: 20px;	
	}	
	.et_pb_slide_content h2,
	body h1 {
		font-size:33px !important;
	} 	
	#page-container .et_pb_button {
		padding:10px 30px 10px 15px !important;
		letter-spacing:2px !important;
	}
	#page-container .et_pb_button.wak-no-border {
		padding:10px 30px 10px 0px !important;
	}	
	.flip-card-back {
		padding: 30px 30px;
	}	

	
}