@charset "utf-8";
/*@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900,300);*/
@font-face {
   font-family:'Raleway';
   font-style: bold;
   font-weight: 900;
   src: local('Raleway'),
   url(/fonts/Raleway-Medium.ttf) format('ttf'),
}
@font-face {
   font-family:'PlayfairDisplay';
   font-style: normal;
   font-weight: 400;
   src: local('PlayfairDisplay'), local('PlayfairDisplay-regular'),
   url(/fonts/PlayfairDisplay-Regular.ttf) format('ttf'),
   url(/fonts/PlayfairDisplay-Bold.ttf) format('ttf');
}


iframe{width: 100%; border: 0px solid #ccc;}

/*------------------- T E S T -------------------------*/


/*------------------- B A S E -------------------------*/
#cookie-popup { 
  text-align: center; 
  color: #ffffff;
  background:rgba(0,0,0,0.75);
  position: fixed;
  bottom: 0px; 
  left: 0;
  right: 0;
  z-index: 9999999;
  font-size:16px; 
  line-height:120%;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  }
#cookie-popup a:link{text-decoration:none;color:#ffffff; font-weight:500; border:0px;}
#cookie-popup a:visited{text-decoration:none;color:#ffffff; font-weight:500; border:0px;}
#cookie-popup a:hover{text-decoration:none;color:#e30613; font-weight:500; border:0px;}
#cookie-popup a:active{text-decoration:none;color:#ffffff; font-weight:500; border:0px;}

#cookie-popup.hidden {display: none;}
button.cookie {background-color:#e30613; display:inline-block; cursor:pointer; color:#ffffff; font-size:16px; border: 0; padding:15px 30px; text-decoration:none; text-shadow:0px 1px 0px #2f6627;}
button.cookie:hover {background-color:#000000;}


#container {width:100%; padding:0 ; margin:0px auto;}
.clear {clear:both} 
img {max-width:100%; height:auto; border:0}
body {color:#000000; margin:0px auto; padding:0px; font-weight: 500; font-size:16px; line-height:140%; background-size:100%; font-family: 'Raleway';}
p {margin:0; padding: 0;}
html, body { height: 100%; }
.floatl {float: left;}
.floatr {float: right;}
.floatn {float: none;}
.txtcntr {text-align: center;}
.txtlft {text-align: left;}
.txtrgt {text-align: right;}
.center {margin: 0 auto;}
.dsplyflxwrp {display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;}
.flxcntr {align-content: center; align-items: center; justify-content: center; vertical-align:middle;}
.visible {opacity: 0;}
.show {opacity: 0; transition: 1s opacity;}
.noborder {border: 0px;}
.fadein {opacity: 1; transition: 2s opacity;}
.phoneshow {}
@media only screen  and (min-width: 320px)  and (max-width: 479px) {
	body {font-size:20px; line-height:140%;}
	.visible {opacity: 1;}
	.phoneshow {opacity: 1;}
}

/* Smartphone Querformat (Landscape) */
@media only screen  and (min-width: 480px)  and (max-width: 767px) {
	.visible {opacity: 1;}

}

/* Tablet Hochformat (Portrait) */
@media only screen  and (min-width: 768px)  and (max-width: 991px) {
	.visible {opacity: 1;}

}

/* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
@media only screen  and (min-width: 992px)  and (max-width: 1199px) {
	.visible {opacity: 1;}

}

/*------------------- K E Y S -------------------------*/
@keyframes scaleup {0% {transform: scale(0.5); opacity: 0;}	100% {transform: scale(1); opacity: 1;}}
@-moz-keyframes scaleup {0% {transform: scale(0.5); opacity: 0;} 100% {transform: scale(1); opacity: 1;}}
@-webkit-keyframes scaleup {0% {transform: scale(0.5); opacity: 0;}	100% {transform: scale(1); opacity: 1;}}
@-o-keyframes scaleup {0% {transform: scale(0.5); opacity: 0;} 100% {transform: scale(1); opacity: 1;}}

@keyframes einblenden {from { opacity:0; transform: translate(-500px); } to { opacity:1; transform: translate(0px); }}
@-moz-keyframes einblenden { /* Für Firefox */from { opacity:0; transform: translate(-500px); } to { opacity:1; transform: translate(0px); }}
@-webkit-keyframes einblenden { /* Für Safari und Chrome */ from { opacity:0; transform: translate(-500px); } to { opacity:1; transform: translate(0px); }}
@-o-keyframes einblenden { /* Für Opera */ from { opacity:0; transform: translate(-500px); } to { opacity:1; transform: translate(0); }}

@keyframes slideaway {from { display: block; opacity: 0; }  to { transform: translateY(0px); opacity: 1}}
@-moz-keyframes slideaway {from { display: block; opacity: 0; }  to { transform: translateY(0px); opacity: 1}}
@-webkit-keyframes slideaway {from { display: block; opacity: 0; }  to { transform: translateY(0px); opacity: 1}}
@-o-keyframes slideaway {from { display: block; opacity: 0; }  to { transform: translateY(0px); opacity: 1}}

/*------------------- L I N K -------------------------*/
a.middle {text-align: center; align-content: center; margin: 0 auto; align-items: center;}

a:link{text-decoration:none;color:#e30613; font-weight:500; border:0px;}
a:visited{text-decoration:none;color:#e30613; font-weight:500; border:0px;}
a:hover{text-decoration:none;color:#000000; font-weight:500; border:0px;}
a:active{text-decoration:none;color:#e30613; font-weight:500; border:0px;}

a.mail:link{text-decoration:none;color:#000000; font-weight:500; border:0px;}
a.mail:visited{text-decoration:none;color:#000000; font-weight:500; border:0px;}
a.mail:hover{text-decoration:none;color:#e30613; font-weight:500; border:0px;}
a.mail:active{text-decoration:none;color:#000000; font-weight:500; border:0px;}

a.navup:link{text-decoration:none;color:#ffffff; font-weight:500; border:0px;}
a.navup:visited{text-decoration:none;color:#ffffff; font-weight:500; border:0px;}
a.navup:hover{text-decoration:none;color:#000000; font-weight:500; border:0px;}
a.navup:active{text-decoration:none;color:#ffffff; font-weight:500; border:0px;}
/* Smartphone Hochformat (Portrait) */
@media only screen  and (min-width: 320px)  and (max-width: 479px) {

}

/* Smartphone Querformat (Landscape) */
@media only screen  and (min-width: 480px)  and (max-width: 767px) {

}

/* Tablet Hochformat (Portrait) */
@media only screen  and (min-width: 768px)  and (max-width: 991px) {

}

/* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
@media only screen  and (min-width: 992px)  and (max-width: 1199px) {

}

/*------------------- P I C S -------------------------*/
.cmsImgLft { margin: 0px 15px 5px 0px; float:left; }
.cmsImgNoFlt { margin: 10px 5px 10px 5px; vertical-align:middle; }
.cmsImgRgt { margin: 0px 0px 5px 15px;float:right; }

.cmsImgLft,
.cmsImgNoFlt,
.cmsImgRgt {border: 1px solid #FFFFFF; padding: 5px; background-color: #eee; outline: 0px solid #DDDDDD; -webkit-box-shadow: 0 0px 5px #666; -moz-box-shadow: 0 0px 5px #666; box-shadow: 0 0px 5px #666;}

.cmsImgLft:hover,
.cmsImgNoFlt:hover,
.cmsImgRgt:hover {-webkit-box-shadow: 0 2px 5px #333; -moz-box-shadow: 0 2px 5px #333; box-shadow: 0 2px 5px #333; }

.imgvisible {opacity: 1;}
.imgvisible1 {opacity: 1;}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {list-style: none;}

.image-gallery {
  /*display: flex; flex-wrap: wrap;*/
  gap: 10px;
}

.image-gallery > li {
  flex: 1 1 auto;
  height: 300px;
  cursor: pointer;
  position: relative;
}

.image-gallery::after {
  content: "";
  flex-grow: 999;
}

.image-gallery li img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  border-radius: 0px;
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(57, 57, 57, 0.502);
  top: 0;
  left: 0;
  transform: scale(0);
  transition: all 0.3s 0.3s ease-in-out;
  color: #fff;
  border-radius: 0px;
  /* center overlay content */
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 20px;
  text-align: left;
}

.image-gallery li:hover .overlay {
  transform: scale(1);
}
@media only screen  and (min-width: 320px)  and (max-width: 479px) {
	.cmsImgNoFlt {max-height: 150px;}
}

/* Smartphone Querformat (Landscape) */
@media only screen  and (min-width: 480px)  and (max-width: 767px) {

}

/* Tablet Hochformat (Portrait) */
@media only screen  and (min-width: 768px)  and (max-width: 991px) {

}

/* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
@media only screen  and (min-width: 992px)  and (max-width: 1199px) {

}

/*------------------- L I N E -------------------------*/
.line {width: 100%; height: 1px; color: #e30613; background-color: #e30613; border: none; padding: 0px;}

@media only screen  and (min-width: 320px)  and (max-width: 479px) {
	.line {display: none}
}

/* Smartphone Querformat (Landscape) */
@media only screen  and (min-width: 480px)  and (max-width: 767px) {
	.line {display: none}
}

/* Tablet Hochformat (Portrait) */
@media only screen  and (min-width: 768px)  and (max-width: 991px) {
	.line {max-width: 90%;}
}

/* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
@media only screen  and (min-width: 992px)  and (max-width: 1199px) {
	.line {max-width: 90%;}

}

/*------------------- H E A D -------------------------*/
.wrapper {width:100%; min-width:640px; margin: 0 auto; height: 100%; background-size: 100%;
	display: -webkit-flex;
   	display: -ms-flex;
   	display: flex;
   	-webkit-flex-wrap: wrap;
   	-ms-flex-wrap: wrap;
   	flex-wrap: wrap;
}
.frame {width: 100%; height: 100%;}

.header {margin: 0 auto; width: 100%; height: auto; background-color: #ffffff; vertical-align: middle; align-content: center; z-index: 20;
}

.header--content {
	width: 35%; min-width: 200px; height: auto; float: left; background-color: #ffffff; margin: 0 auto; vertical-align: middle; align-items: center; justify-content: center;
	padding: 20px 0 20px 0; z-index: 10;
	display: -webkit-flex; 
  	display: -ms-flexbox; 
  	display: flex;
}
.header--content-lg {
	width: 30%; min-width: 300px; 
	padding: 20px 0 20px 0; z-index: 10;
	height: auto; margin: 0 auto; float: left; background-color:#ffffff;
	display: -webkit-flex; 
  	display: -ms-flexbox; 
  	display: flex;
}

.claim {
	width: 60%; min-width: 200px; 
	font-size: 40px; font-weight: 400; color: #ffffff; vertical-align: middle; line-height: 120%; text-shadow: 0px 0px 10px #000000;
	background: rgba(151,149,149,0.50); 
	margin: 500px 0 0 20px; padding: 20px 0 20px 20px; z-index: 30;
	animation-name: einblenden;
   	animation-duration: 3.5s;
   	animation-delay: 0.5s; 
   	animation-fill-mode: forwards;
	-moz-animation-name: einblenden;
   	-moz-animation-duration: 3.5s;
   	-moz-animation-delay: 0.5s; 
   	-moz-animation-fill-mode: forwards;
	-webkit-animation-name: einblenden;
   	-webkit-animation-duration: 3.5s;
   	-webkit-animation-delay: 0.5s; 
   	-webkit-animation-fill-mode: forwards;
	-o-animation-name: einblenden;
   	-o-animation-duration: 3.5s;
   	-o-animation-delay: 0.5s; 
   	-o-animation-fill-mode: forwards;	
}

.claim span {font-size: 24px; line-height: 120%}
span.novis {}

@media only screen  and (min-width: 320px)  and (max-width: 479px) {
	.wrapper {width:100%; min-width:320px; margin: 0 auto; height: 100%; background-size: 100%; padding: 0px;}
	.header--content {display: none;}	
	.header--content-lg {
		width: 100%; max-width: 200px; min-width: 100px; 
		padding: 5px 0 5px 0; z-index: 999;
		height: auto; margin: 0 auto; float: left; background-color:#ffffff;}
	.claim {
		width: 100%;
		font-size: 30px; line-height: 100%; font-weight: 400; color: #ffffff; vertical-align: middle; 
		background: rgba(151,149,149,0.50); 
		margin: 110px 0 0 0px; padding: 20px 0 20px 20px; z-index: 999999;
	}
	.claim span {font-size: 18px; line-height: 100%}
	span.novis {visibility: hidden; display: none}
	.frame {width: 100%; height: 100%; max-height: 300px; padding: 0;}

}

/* Smartphone Querformat (Landscape) */
@media only screen  and (min-width: 480px)  and (max-width: 767px) {
	.wrapper {width:100%; min-width:480px; margin: 0 auto; height: 100%; background-size: 100%;
	display: -webkit-flex;
   	display: -ms-flex;
   	display: flex;
   	-webkit-flex-wrap: wrap;
   	-ms-flex-wrap: wrap;
   	flex-wrap: wrap;
	}
	.header--content {display: none;}	
	.header--content-lg {
		width: 100%; max-width: 200px; min-width: 100px; 
		padding: 5px 0 5px 0; z-index: 10;
		height: auto; margin: 0 auto; float: left; background-color:#ffffff;
		display: -webkit-flex; 
		display: -ms-flexbox; 
		display: flex;
		}
	.claim {width: 90%;	font-size: 40px; font-weight: 400; color: #ffffff; vertical-align: middle; 	background: rgba(151,149,149,0.50); margin: 170px 0 0 0px; padding: 20px 0 20px 20px; z-index: 9999999999999999;}
	.claim span {font-size: 18px; line-height: 80%}
	span.novis {visibility: hidden; display: none;}
	.frame {width: 100%; height: 100%; max-height: 400px;}

}


/* Tablet Hochformat (Portrait) */
@media only screen  and (min-width: 768px)  and (max-width: 991px) {
	.header--content {width: 35%; min-width: 100px; height: auto; float: left; background-color: #ffffff; margin: 0 auto; padding: 20px 0 20px 0; z-index: 10;}
	.header--content-lg {width: 30%; min-width: 200px; padding: 5px 0 5px 0; z-index: 10;	height: auto; margin: 0 auto; float: left; background-color:#ffffff;}
	.claim {width: 90%;	font-size: 40px; font-weight: 400; color: #ffffff; vertical-align: middle; background: rgba(151,149,149,0.50); margin: 230px 0 0 0px; padding: 20px 0 20px 20px; z-index: 9999999999999999;}
	.frame {width: 100%; height: 100%; max-height: 550px; padding: 0;}

}

/* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
@media only screen  and (min-width: 992px)  and (max-width: 1199px) {
	.header--content {width: 35%; min-width: 100px; height: auto; float: left; background-color: #ffffff; margin: 0 auto; padding: 20px 0 20px 0; z-index: 10;}
	.header--content-lg {width: 30%; min-width: 200px; padding: 5px 0 5px 0; z-index: 10;	height: auto; margin: 0 auto; float: left; background-color:#ffffff;}
	.claim {width: 90%;	font-size: 40px; font-weight: 400; color: #ffffff; vertical-align: middle; background: rgba(151,149,149,0.50); margin: 230px 0 0 0px; padding: 20px 0 20px 20px; z-index: 9999999999999999;}
	.frame {width: 100%; height: 100%; max-height: 550px; padding: 0;}

}

@media only screen  and (min-width: 1200px)  and (max-width: 1550px) {
	.frame {width: 100%; height: 100%; max-height: 600px; padding: 0;}
	.claim {width: 90%;	font-size: 40px; font-weight: 400; color: #ffffff; vertical-align: middle; background: rgba(151,149,149,0.50); margin: 230px 0 0 0px; padding: 20px 0 20px 20px; z-index: 9999999999999999;}

}

/*------------------- M E N U -------------------------*/
#menu {background: #e30613; color: #FFF; margin: 0 auto; z-index: 999;}
#menu ul, #menu li {margin: 0 auto; list-style: none; padding-left: 0px;} 
#menu ul {width: 100%; margin: 0 auto; text-align: center; align-content: center;}
#menu li {display: inline-block; text-align: left; padding: 5px; position: relative; transition: 0.3s ease-in-out;}
#menu a {line-height: 30px;	padding: 10px 15px;	text-decoration: none;	color: #ffffff;	font-weight: 500; letter-spacing: 2px;}
#menu li:hover {color: #FFFFFF; background: #000000; transition: 0.5s ease-in-out;
}
#menu ul.sub-menus{
	height: auto;
	overflow: hidden;
	width: 270px;
	background: #E30613;
	position: absolute; top: 40px;
	padding: 10px 0px;
	z-index: 99;
	display: none; opacity: 0;
	animation: slideaway 500ms;
	transition: opacity 500ms, display 500ms;
}
#menu ul.sub-menus li {
	display: block;
	width: 100%;
}
#menu ul.sub-menus a {
	color: #FFFFFF;
	font-size: 16px;
}
#menu li:hover ul.sub-menus {
	display: block; opacity: 1;

}
#menu ul.sub-menus li:hover{
	background: #000000;
	color: #FFFFFF;
}


.menu {width:100%; height: auto; margin: 0 auto; padding: 0px; background-color:#e30613; z-index: 999; -webkit-box-shadow: 0px 0px 20px 3px #333333; box-shadow: 0px 0px 20px 3px #333333;}
.menu-content {margin: 0 auto; width: 100%; max-width: 1100px;}

.fixed {position: fixed; top: 0px; padding: 0px; margin: 0 auto; height: auto;}

.nav-up {margin: 0 auto; width:100%; color:#ffffff; z-index: 999999; opacity: 0; transition: 1s ease-out;}
.content-nav-up {width:90%; min-width:640px; color:#ffffff; padding:0px 0; letter-spacing:1px; word-spacing:10px; font-weight:500; text-align:right; margin:0 auto;}
.fixed-up {position: fixed; bottom: 0px; padding: 0px; opacity: 1}


.anchor {position:relative; top:-150px;}

#menu a.dropdown-arrow:after {
	content: "\25BE";
	margin-left: 5px;
}
#menu input {
	display: none;
	margin: 0;
	padding: 0;
	height: 50px;
	width: 20%;
	opacity: 0;
	cursor: pointer
}
#menu label {
	display: none;
	line-height: 30px;
	text-align: center;
	position: absolute;
	left: 35px;
}
#menu label:before {
	font-size: 50px;
	content: "\2261"; 
	color: #000000;
	margin-left: 40px;
}


@media only screen  and (min-width: 320px)  and (max-width: 479px) {
	#menu {position:relative;}
	#menu ul {background:#e30613;position:absolute;top:0px; right:0; left:0px; z-index:3; height:auto; display:none}
	#menu ul.sub-menus {width:100%; position:static; top: 0px;}
	#menu ul.sub-menus a {padding-left:30px;}
	#menu li {display:block; float:none; width:auto; border-bottom: 1px solid #ffffff; padding: 20px 0;}
	#menu input, #menu label {position:absolute;top:-50px; left:-20px; display:block}
	#menu input {z-index:4}
	#menu input:checked + label {color:#000000}
	#menu input:checked + label:before {content:"\00d7"}
	#menu input:checked ~ ul {display:block}

	.menu {width:100%; height: auto; margin: 0 auto; padding: 0px; background-color:#e30613; z-index: 999; -webkit-box-shadow: none; box-shadow: none;}
	.menu-content {margin: 0 auto; width: 100%; max-width: 100%;}

	#menu a {line-height: 30px;	padding: 10px 15px;	text-decoration: none;	color: #FFFFFF;	font-weight: 500; letter-spacing: 2px;font-size: 36px;}
	#menu ul.sub-menus a {color: #FFFFFF; font-size: 36px;}
	#menu li:focus ul.sub-menus {display: block; opacity: 1;}

	.content-nav-up {width:90%; min-width:300px; color:#ffffff; padding:0px 0; letter-spacing:1px; word-spacing:10px; font-weight:500; text-align:right; margin:0 auto;}
	.fixed-up {position: fixed; bottom: 0px; padding: 0px; opacity: 1}

}

/* Smartphone Querformat (Landscape) */
@media only screen  and (min-width: 480px)  and (max-width: 767px) {
	#menu {position:relative;}
	#menu ul {background:#e30613;position:absolute;top:0px; right:0; left:0px; z-index:3; height:auto; display:none}
	#menu ul.sub-menus {width:100%; position:static;}
	#menu ul.sub-menus a {padding-left:30px;}
	#menu li {display:block; float:none; width:auto;}
	#menu input, #menu label {position:absolute;top:-50px; left:-20px; display:block}
	#menu input {z-index:4}
	#menu input:checked + label {color:#000000}
	#menu input:checked + label:before {content:"\00d7"}
	#menu input:checked ~ ul {display:block}
	
	.menu {width:100%; height: auto; margin: 0 auto; padding: 0px; background-color:#e30613; z-index: 999; -webkit-box-shadow: none; box-shadow: none;}
	.menu-content {margin: 0 auto; width: 100%; max-width: 100%;}

	#menu a {line-height: 30px;	padding: 10px 15px;	text-decoration: none;	color: #FFFFFF;	font-weight: 500; letter-spacing: 2px;font-size: 36px;}
	#menu ul.sub-menus a {
		color: #FFFFFF;
		font-size: 36px;
	}
}

/* Tablet Hochformat (Portrait) */
@media only screen  and (min-width: 768px)  and (max-width: 991px) {

}

/* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
@media only screen  and (min-width: 992px)  and (max-width: 1199px) {

}

/*------------------- C L I P -------------------------*/
.cover {position: absolute; width: 100%;  max-height: 100%;  overflow: hidden;  z-index: -100; float: left}
.cover--content  {position: relative; z-index: -10; /*background: rgba(92,237,190,0.20);*/ background: none;}
.cover--content-clip {position: relative;  width: 100%;  min-width: 1000px;  height: auto;}

@media only screen  and (min-width: 320px)  and (max-width: 479px) {
	.cover {position: absolute; width: 100%;  max-height: 100%;  overflow: hidden; margin: 0; padding: 0;  z-index: -1;}
	.cover--content  {position: relative; top: 90px; left: 0px; height: 500px; z-index: -1; /*background: rgba(92,237,190,0.20);*/ background: none;}
	.cover--content-clip {position: relative;  width: 100%;  min-width: 320px;  height: auto; z-index: -1;}

}

/* Smartphone Querformat (Landscape) */
@media only screen  and (min-width: 480px)  and (max-width: 767px) {
	.cover {position: absolute; width: 100%;  max-height: 100%;  overflow: hidden; margin: 0; padding: 0;  z-index: -1;}
	.cover--content  {position: relative; top: 90px; left: 0px; height: 600px; z-index: -1; /*background: rgba(92,237,190,0.20);*/ background: none;}
	.cover--content-clip {position: relative;  width: 100%;  min-width: 320px;  height: auto; z-index: -1;}

}

/* Tablet Hochformat (Portrait) */
@media only screen  and (min-width: 768px)  and (max-width: 991px) {

}

/* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
@media only screen  and (min-width: 992px)  and (max-width: 1199px) {

}

/*------------------- M A I N -------------------------*/
.content {width: 100%; margin: 0 auto; float: left; height: auto;}

.content__txtcntr {text-align: center;}
.content__txtlft {text-align: left;}
.content__pddng4020 {padding: 40px 20px;}
.content__pddng2050 {padding: 20px 50px;}
.content__pddng1000 {padding: 10px 0px;}
.content__pddng2020 {padding: 20px 20px;}
.content__pddnglft20 {padding-left: 20px;}
.content__pddngrgt20 {padding-right: 20px;}
.content__pddng05100500 td {padding: 5px 10px 5px 0px;}

.content__bxshdw__wht {-webkit-box-shadow: 0px 0px 20px 1px #ffffff; box-shadow: 0px 0px 20px 1px #ffffff}
.content__bxshdw__whte {-webkit-box-shadow: 0px 20px 20px 1px #ffffff; box-shadow: 0px 20px 20px 1px #ffffff; z-index: 500;}
.content__bxshdw__gry {-webkit-box-shadow: 0px 0px 20px 1px #333333; box-shadow: 0px 0px 20px 1px #333333;}
.content--sllbtn {background: url(../images/bg-button.jpg); background: no-repeat cover; background-position: center; height: 421px;}
.content--bgrndgry {background: #87888a; align-content: center; z-index: 10}
.content--bgrndwht {background: #ffffff;}
.content--bgrndlyt {background-image: url(../images/bg-section2.jpg); background: cover no-repeat; background-size: 100%; background-attachment: fixed; min-height: 500px; align-content: center; z-index: 5}

.content--core {margin: 0 auto; width: 100%;}
.content--core-mxwdth__full {max-width: 1100px;}
.content--core-mxwdth__third {max-width: 800px;}
.content--core-sllbtn {height: 421px; max-width:800px;  vertical-align: middle; padding: 190px 0px 0px 0px;}
.content--core-wdth__30 {width: 30%;}
.content--core-wdth__70 {width: 70%;}
.content--core--column {max-width: 1100px; padding: 30px 0; text-align: left;}
.content--core--mietercheck {max-width: 800px; padding: 20px 20px;}
.content--core--team {padding: 40px 20px; max-width: 800px; text-align: left;}
.content--core--contact {padding: 40px 20px; max-width: 1100px; text-align: left;}

.content--core--contact iframe#gmap {overflow: hidden; height: 400px; width: 100%;}
.content--core--contact a {color: #000000;}
.content--core--contact a:hover {color: #e30613;}


button.verkaufen,
button.vermieten {
	width: 250px; 
	height: 80px; 
	background-color: rgba(135,136,138,0.50); 
	color: #ffffff; 
	font-size: 40px; 
	border: 1px solid #ffffff; 
	margin: 0 40px 0 40px;
	-webkit-box-shadow: 0px 0px 20px 1px #333333; 
	box-shadow: 0px 0px 20px 1px #333333; 
	-webkit-transition: 1s ease-out;
  	-moz-transition: 1s ease-out;
  	-o-transition: 1s ease-out;
  	transition: 1s ease-out;
}
button.verkaufen {float: left;}
button.vermieten {float: right;}

button.verkaufen:hover,
button.vermieten:hover {color: #000000; background-color:rgba(255,255,255,0.50) ; 
	-webkit-box-shadow: 0px 0px 20px 3px #e30613; 
	box-shadow: 0px 0px 20px 3px #e30613;
}

iframe[data-scaling="true"] {min-height: 95%; max-height: 100%;}

.team-es,
.team-ks {width: 326px; border: 1px solid #87888a; margin: 20px; text-align: center }
.team-es {float: left;}
.team-ks {float: right;}
.team {width: 90%; background-color: #ffffff; border: 1px solid #87888a; margin: 20px;}

.immo {width: 80%; }

div.scaletwo img {opacity: 0; transition: .8s opacity;}
div.scaletwo img.showpic {opacity: 1;}

.scale {
	animation-name: scaleup;
	animation-duration: 2s;
	animation-timing-function: ease-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	
}
.scale:nth-child(4) {animation-delay: 0.0s;}
.scale:nth-child(5) {animation-delay: 1.0s;}


@media only screen  and (min-width: 320px)  and (max-width: 479px) {
	.content {width: 100%; min-width: 320px; margin: 0 auto; float: left; height: auto; visibility: visible; opacity: 1;}
	.content__pddng4020 {padding: 20px 10px;}
	.content__pddng2050 {padding: 20px 10px;}
	.content__pddng1000 {padding: 10px 10px;}
	.content__pddng2020 {padding: 20px 20px;}
	.content__pddnglft20 {padding-left: 0px;}
	.content__pddngrgt20 {padding-right: 0px;}
	.content__pddng05100500 td {padding: 5px 10px 5px 0px;}
	.content--core-mobile {display: none}
	.content--core-mxwdth__full {max-width: 479px;}
	.content--core-mxwdth__third {max-width: 300px;}
	.content--core-wdth__30 {width: 100%;}
	.content--core-wdth__70 {width: 100%;}
	.content--core-sllbtn {height: 421px; max-width: 250px; vertical-align: middle; padding: 0px 0px 0px 0px; margin: 0 auto;}
	.content--core--column {max-width: 320px; padding: 10px 10px; text-align: center;}
	.content--core--mietercheck {max-width: 100%; padding: 0px 0px;}
	.content--core--team {padding: 40px 20px; max-width: 100%; text-align: left;}
	.content--core--contact {padding: 20px 10px; max-width: 100%; }
	.content--bgrndlyt {background-image:none; background-color: #ffffff; min-height: 500px; align-content: center; z-index: 5}
	button.verkaufen {margin: 87px 0 43px 0px; float: none;}
	button.vermieten {margin: 43px 0 43px 0px; float: none;}
	.immo {width: 100%; }
	.team-es,
	.team-ks {width: 250px; border: 1px solid #87888a; margin: 20px auto; float: none}
	.tema-es, .team-ks img {max-width: 250px; float: none}
    .break::before {content: "\A"; white-space: pre;}
	.scale {animation-duration: 1s;}
	.scale:nth-child(4) {animation-delay: 0.0s;}
	.scale:nth-child(5) {animation-delay: 0.5s;}

}

/* Smartphone Querformat (Landscape) */
@media only screen  and (min-width: 480px)  and (max-width: 767px) {
	.content {width: 100%; margin: 0 auto; float: left; height: auto; visibility: visible; opacity: 1;}
	.content--core-mxwdth__full {max-width: 767px;}
	.content--core-mxwdth__third {max-width: 400px;}
	.content__pddng4020 {padding: 20px 5px;}
	.content__pddng2050 {padding: 20px 50px;}
	.content__pddng1000 {padding: 10px 0px;}
	.content__pddng2020 {padding: 20px 20px;}
	.content__pddnglft20 {padding-left: 20px;}
	.content__pddngrgt20 {padding-right: 20px;}
	.content__pddng05100500 td {padding: 5px 10px 5px 0px;}
	.content--core-wdth__30 {width: 100%;}
	.content--core-wdth__70 {width: 100%;}
	.content--core--column {max-width: 320px; padding: 10px 10px; text-align: center;}
	.content--core--mietercheck {max-width: 100%; padding: 0px 0px;}
	.content--core-sllbtn {height: 421px; max-width: 250px; vertical-align: middle; padding: 0px 0px 0px 0px; margin: 0 auto;}
	.content--core--team {padding: 40px 20px; max-width: 100%; text-align: left;}
	.content--core--contact {padding: 20px 10px; max-width: 100%; }
	.content--bgrndlyt {background-image:none; background-color: #ffffff; min-height: 500px; align-content: center; z-index: 5}
	button.verkaufen {margin: 87px 0 43px 0px; float: none;}
	button.vermieten {margin: 43px 0 43px 0px; float: none;}
	.immo {width: 100%; }
	.team-es,
	.team-ks {width: 250px; border: 1px solid #87888a; margin: 20px auto; float: none}
	.tema-es, .team-ks img {max-width: 250px; float: none}
    .break::before {content: "\A"; white-space: pre;}
	.scale {animation-duration: 1s;}
	.scale:nth-child(4) {animation-delay: 0.0s;}
	.scale:nth-child(5) {animation-delay: 0.5s;}

}

@media only screen  and (min-width: 650px)  and (max-width: 767px) {
	.content--core-wdth__30 {width: 45%;}
	.content--core-wdth__70 {width: 55%;}
	.content--core--contact {padding: 5px 10px; max-width: 100%; }
	.content__pddnglft20 {padding-left: 10px;}
	.content__pddngrgt20 {padding-right: 10px;}

}
/* Tablet Hochformat (Portrait) */
@media only screen  and (min-width: 768px)  and (max-width: 991px) {
	.content {width: 100%; margin: 0 auto; float: left; height: auto; visibility: visible; opacity: 1;}
	.content--core-mxwdth__full {max-width: 991px;}
	.content--core-mxwdth__third {max-width: 400px;}
	.content__pddng4020 {padding: 20px 5px;}
	.content__pddng2050 {padding: 20px 50px;}
	.content__pddng1000 {padding: 10px 0px;}
	.content__pddng2020 {padding: 20px 20px;}
	.content__pddnglft20 {padding-left: 10px;}
	.content__pddngrgt20 {padding-right: 10px;}
	.content__pddng05100500 td {padding: 5px 10px 5px 0px;}
	.content--core-wdth__30 {width: 45%;}
	.content--core-wdth__70 {width: 55%;}
	.content--core--column {max-width: 320px; padding: 10px 10px; text-align: center;}
	.content--core--mietercheck {max-width: 100%; padding: 0px 0px;}
	.content--core-sllbtn {height: 421px; max-width: 250px; vertical-align: middle; padding: 0px 0px 0px 0px; margin: 0 auto;}
	.content--core--team {padding: 40px 20px; max-width: 100%; text-align: left;}
	.content--core--contact {padding: 5px 10px; max-width: 100%; }
	.content--bgrndlyt {background-image:none; background-color: #ffffff; min-height: 500px; align-content: center; z-index: 5}
	button.verkaufen {margin: 87px 0 43px 0px; float: none;}
	button.vermieten {margin: 43px 0 43px 0px; float: none;}
	.immo {width: 100%; }
	.team-es,
	.team-ks {width: 250px; border: 1px solid #87888a; margin: 20px auto; float: none}
	.tema-es, .team-ks img {max-width: 250px; float: none}
    .break::before {content: "\A"; white-space: pre;}
	.scale {animation-duration: 1s;}
	.scale:nth-child(4) {animation-delay: 0.0s;}
	.scale:nth-child(5) {animation-delay: 0.5s;}

}

/* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
@media only screen  and (min-width: 992px)  and (max-width: 1199px) {
	.content--bgrndlyt {background-image: url(../images/bg-section2.jpg); background: cover no-repeat; background-size: 100% 100%; background-attachment: fixed; min-height: 500px; align-content: center; z-index: 5}

}

/*------------------- F O O T -------------------------*/
.footer {width: 100%; background: #000000 /*#87888a*/; min-height: 300px; margin: 0 auto; align-content: center; color: #ffffff; /*font-size: 12px;*/ z-index: 15}
.footer--content--core {max-width: 1100px; padding: 10px 0px; text-align: left;}

.footer--content--first {margin: 0 auto; width: 20%; padding: 18px 20px 5px 0px; text-align: left;}
.footer--content--second {margin: 0 auto; width: 30%; padding: 5px; vertical-align: baseline; text-align: left;
	display: -webkit-flex; 
  	display: -ms-flexbox; 
  	display: flex;
	flex-direction: column; 
	justify-content: flex-end;
}
.footer--content--third {margin: 0 auto; width: 30%; padding: 5px; vertical-align: bottom; text-align: left;
	display: -webkit-flex; 
  	display: -ms-flexbox; 
  	display: flex;
	flex-direction: column; 
	justify-content: flex-end;

}
.footer--content--third-impress {width: 100%}
.footer--content--third-data {width: 100%}

.footer--content--fourth {margin: 0 auto; width: 25%; padding: 0px 20px 5px 15px;}
.footer--content--fifth {margin: 0 auto; width: 65%; padding: 5px 0px 5px 5px;}

.footer--logo {width: 250px; height: auto;}

.footer--last {background: #e30613; min-height: 30px; text-align: center; padding: 5px; font-size: 12px; justify-content: center; align-content: center;}
.footer a {color: #ffffff; font-weight: 500;}
.footer a:hover {color: #e30613; font-weight: 500;}

@media only screen  and (min-width: 320px)  and (max-width: 479px) {
	.footer--content--first {margin: 0 auto; width: 100%; padding: 18px 0px 5px 0px; text-align: center;}
	.footer--content--second {margin: 0 auto; width: 100%; padding: 5px; vertical-align: baseline; text-align: center;}
	.footer--content--third {margin: 0 auto; width: 100%; padding: 5px; vertical-align: bottom; text-align: center; display: block }
	.footer--content--third p:first-child {width: 100%; min-width: 300px; float: none}
	.footer--content--third-impress {width: 45%; margin-top: 10px; float: left;}
	.footer--content--third-data {width: 45%; margin-top: 10px; float: right;}
	.footer--content--fourth {display: none;}
	.footer--content--fifth {display: none;}
	
	.footer--content--first-adress {display: none;}
	.footer--content--second-table {margin: 0 auto; text-align: left;}
	.footer--content--second-table td:first-child {padding-right: 20px;}
	.footer--content--third-table {margin: 0 auto; text-align: center;}
	.footer--logo {width: 250px; height: auto; margin: 0 auto;}
	.footer--last {padding: 10px 5px; min-height: 85px; font-size: 16px; vertical-align: middle; align-content: center; align-items: center; text-align: center; justify-content: center;}

}

/* Smartphone Querformat (Landscape) */
@media only screen  and (min-width: 480px)  and (max-width: 767px) {
	.footer--content--first {margin: 0 auto; width: 100%; padding: 18px 0px 5px 0px; text-align: center;}
	.footer--content--second {margin: 0 auto; width: 100%; padding: 5px; vertical-align: baseline; text-align: center;}
	.footer--content--third {margin: 0 auto; width: 100%; padding: 5px; vertical-align: bottom; text-align: center; display: block }
	.footer--content--third p:first-child {width: 100%; min-width: 300px; float: none}
	.footer--content--third-impress {width: 45%; margin-top: 10px; float: left;}
	.footer--content--third-data {width: 45%; margin-top: 10px; float: right;}
	.footer--content--fourth {display: none;}
	.footer--content--fifth {display: none;}
	
	.footer--content--first-adress {display: none;}
	.footer--content--second-table {margin: 0 auto; text-align: left;}
	.footer--content--second-table td:first-child {padding-right: 20px;}
	.footer--content--third-table {margin: 0 auto; text-align: center;}
	.footer--logo {width: 250px; height: auto; margin: 0 auto;}
	.footer--last {padding: 10px 5px; min-height: 85px; font-size: 16px; vertical-align: middle; align-content: center; align-items: center; text-align: center; justify-content: center;}

}

/* Tablet Hochformat (Portrait) */
@media only screen  and (min-width: 768px)  and (max-width: 991px) {
	.footer--content--first {margin: 0 auto; width: 25%; padding: 18px 0px 5px 0px; text-align: left;}
	.footer--content--second {margin: 0 auto; width: 35%; padding: 5px; vertical-align: baseline; text-align: center;}
	.footer--content--third {margin: 0 auto; width: 30%; padding: 5px; vertical-align: bottom; text-align: left; }
	.footer--content--second-table {margin: 0 auto; text-align: left;}
	.footer--content--second-table td:first-child {padding-right: 20px;}
	.footer--content--third-table {margin: 0 auto; text-align: center;}
	.footer--logo {width: 250px; height: auto; margin: 0 auto;}
	.footer--last {padding: 10px 5px; min-height: 85px; font-size: 16px; vertical-align: middle; align-content: center; align-items: center; text-align: center; justify-content: center;}
	.footer--content--fourth {margin: 0 auto; width: 25%; padding: 0px 0px 5px 0px;}
	.footer--content--fifth {margin: 0 auto; width: 65%; padding: 5px 0px 5px 5px;}

}

/* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
@media only screen  and (min-width: 992px)  and (max-width: 1199px) {

}

/*------------------- F O N T -------------------------*/
h1, h2, h4, h5 {font-family: 'PlayfairDisplay Regular', 'PlayfairDisplay Bold', serif;}

h1 {font-size:30px; font-weight:700; color:#e3001a; width:100%; line-height: 140%; letter-spacing:1px; padding:8px 0px 0px 0px; margin:0px;}
h2 {font-size:30px; font-weight:700; color:#000000; line-height: 140%; padding:0px; margin:0px;}
h3 {font-size:22px; font-weight: 500; color:#e3001a; line-height:28px; padding:0px; margin:0px;}
h4 {font-size:30px; font-weight:700; color:#ffffff; line-height: 140%; padding:0px; margin:0px;}
h5 {font-size:20px; font-weight:400; color:#000000; width:100%; height:26px; letter-spacing:1px; padding:5px 0px 0px 0px; margin:0px;}


/*------------------- S L I D E R -------------------------*/

#slider-container { 
	display: table;
	float: right;
	margin: 0px 0px 10px 10px;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 450px;
	max-height:338px;
	z-index:90;
	text-align:left; /* reset align=center */
	font-size: 10px;
	text-shadow: none; /* fix some user styles */
	 -webkit-box-shadow: 0px 0px 10px 1px #333333; 
	box-shadow: 0px 0px 10px 1px #333333;

	/* reset box-sizing (to boostrap friendly) */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
}
* html #slider-container{ width:640px }
#slider-container .ws_images ul{
	position:relative;
	width: 10000%; 
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#slider-container .ws_images ul li{
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	/*font-size:0;*/
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#slider-container .ws_images{
	position: relative;
	left:0;
	top:0;
	height:100%;
	max-height:338px;
	max-width: 450px;
	vertical-align: top;
	border:none;
	overflow: hidden;
}
#slider-container .ws_images ul a{
	width:100%;
	height:100%;
	max-height:278px;
	display:block;
	color:transparent;
}
#slider-container img{
	max-width: none !important;
}
#slider-container .ws_images .ws_list img,
#slider-container .ws_images > div > img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}
#slider-container .ws_images > div > img {
	max-height:278px;
}

#slider-container .ws_images iframe {
	position: absolute;
	z-index: -1;
}

#slider-container .ws-title > div {
	display: inline-block !important;
}

#slider-container a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#slider-container  .ws_bullets { 
	float: left;
	position:absolute;
	z-index:70;
}
#slider-container  .ws_bullets div{
	position:relative;
	float:left;
	font-size: 0px;
}
/* compatibility with Joomla styles */
#slider-container  .ws_bullets a {
	line-height: 0;
}

#slider-container  .ws_script{
	display:none;
}
#slider-container sound, 
#slider-container object{
	position:absolute;
}

/* prevent some of users reset styles */
#slider-container .ws_effect {
	position: static;
	width: 100%;
	height: 100%;
}

#slider-container .ws_photoItem {
	border: 2em solid #fff;
	margin-left: -2em;
	margin-top: -2em;
}
#slider-container .ws_cube_side {
	background: #A6A5A9;
}


#slider-container.ws_gestures {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#slider-container.ws_gestures.ws_grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

/* hide controls when video start play */
#slider-container.ws_video_playing .ws_bullets,
#slider-container.ws_video_playing .ws_fullscreen,
#slider-container.ws_video_playing .ws_next,
#slider-container.ws_video_playing .ws_prev {
	display: none;
}


/* youtube/vimeo buttons */
#slider-container .ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#slider-container .ws_video_btn.ws_youtube,
#slider-container .ws_video_btn.ws_vimeo {
	display: block;
}
#slider-container .ws_video_btn div {
	position: absolute;
	background-image: url(./playvideo.png);
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#slider-container .ws_video_btn.ws_youtube div {
	background-position: 0 0;
}
#slider-container .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0;
}
#slider-container .ws_video_btn.ws_vimeo div {
	background-position: 0 100%;
}
#slider-container .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%;
}

#slider-container .ws_playpause.ws_hide {
	display: none !important;
}

#slider-container .ws_images {
	box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
	-webkit-transition: box-shadow .5s cubic-bezier(.4,0,.2,1);
	transition: box-shadow .5s cubic-bezier(.4,0,.2,1);
}
#slider-container .ws_images:hover {
	box-shadow: 0px 17px 50px rgba(0, 0, 0, 0.19);
}
#slider-container .ws_bullets { 
	padding: 10px; 
}
#slider-container .ws_bullets a { 
	position: relative;
    text-shadow: none;
    color: transparent;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 3px 3px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.5);
}

#slider-container .ws_bullets a.ws_selbull {
	border: 2px solid;
	border-color: #ffffff;
}

#slider-container a.ws_next,
#slider-container a.ws_prev {
	font: 2.6em "ws-ctrl-mfglabs";
	width: 2.6em;
	height: 2.6em;
	margin-top:-1.3em;
}

#slider-container a.ws_next,
#slider-container a.ws_prev,
#slider-container .ws_playpause {
	position:absolute;
	top:50%;
	z-index:60;
	color: #FFFFFF;
	overflow: hidden;
	border-radius: 50%;
    border: 3px solid;
    border-color: #ffffff;
	background-color: rgba(0,0,0,0.2);
}

#slider-container a.ws_next,
#slider-container a.ws_prev,
#slider-container .ws_playpause {
	-webkit-transition: background-color 0.3s ease 0s;					
	-moz-transition: background-color 0.3s ease 0s;
	transition: background-color 0.3s ease 0s;	  					  					
}	
#slider-container a.ws_next:hover,
#slider-container a.ws_prev:hover,
#slider-container .ws_playpause:hover {
	background-color: rgba(0,0,0,0.5);
}

#slider-container a.ws_next {
	right: 0.5em;
}
#slider-container a.ws_prev {
	left: 0.5em;
}
#slider-container a.ws_next:after,
#slider-container a.ws_prev:after {
	display: block;
	text-align: center;
	line-height: 2.6em;	
	line-height: 2.8em\9; /* ie9 hack */
}
/* IE10+ hacks */
_:-ms-input-placeholder, :root #slider-container a.ws_next:after {line-height: 2.8em;}
_:-ms-input-placeholder, :root #slider-container a.ws_prev:after {line-height: 2.8em;}
#slider-container a.ws_next:after{
	content:'\e801';
}
#slider-container a.ws_prev:after{
	content:'\e800';
}

/*playpause*/
#slider-container .ws_playpause {
	font: 2.6em "ws-ctrl-mfglabs";
	width: 2.6em;
	height: 2.6em;
	left: 50%;
	z-index: 59;
	margin-top:-1.3em;
	margin-left: -1.3em;
}
#slider-container .ws_playpause:after{
	display: block;
	text-align: center;
	line-height: 2.6em;
	line-height: 2.8em\9; /* ie9 hack */
}
/* IE10+ hacks */
_:-ms-input-placeholder, :root #slider-container .ws_playpause:after {line-height: 2.8em;}
#slider-container .ws_pause:after {
	content: '\e803';
}
#slider-container .ws_play:after {
	content: '\e802';
}
/* bottom center */
#slider-container  .ws_bullets {
	bottom:10px;
	left:50%;
}
#slider-container  .ws_bullets div{
	left:-50%;
}#slider-container .ws-title{
	position: absolute;	
	font: 1.4em 'Roboto', sans-serif;
	margin-right:10em;
	z-index: 50;
    color: #FFFFFF;
	left: 0.3em;
	background: none;
	padding: 1em;
	bottom: 30px;
	top: auto;
	opacity: 1;
}
#slider-container .ws-title div,
#slider-container .ws-title span{
	display:inline-block;
	padding: 0.5em;
}
#slider-container .ws-title div{
	display:block;
	margin-top:0.5em;
	font-size: 1.1em;
	padding: 1em;
	line-height: 1.15em;
	color:#000000;
	border: 3px solid;
	border-color: #ffffff;
	border-radius: 7px;
	background-color: rgba(255,255,255,1);
}
#slider-container .ws-title span{
    font-size: 1.8em;
	border: 3px solid;
	border-color: #ffffff;	
	border-radius: 7px;
	background-color: rgba(0, 0, 0, 0.2);
}#slider-container .ws_images > ul{
	animation: wsBasic 22.8s infinite;
	-moz-animation: wsBasic 22.8s infinite;
	-webkit-animation: wsBasic 22.8s infinite;
}
@keyframes wsBasic{0%{left:-0%} 24.56%{left:-0%} 33.33%{left:-100%} 57.89%{left:-100%} 66.67%{left:-200%} 91.23%{left:-200%} }
@-moz-keyframes wsBasic{0%{left:-0%} 24.56%{left:-0%} 33.33%{left:-100%} 57.89%{left:-100%} 66.67%{left:-200%} 91.23%{left:-200%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 24.56%{left:-0%} 33.33%{left:-100%} 57.89%{left:-100%} 66.67%{left:-200%} 91.23%{left:-200%} }

#slider-container .ws_bulframe div div{
	height: auto;
}

@media all and (max-width:760px) {
	#slider-container .ws_fullscreen {
		display: block;
	}
}
@media all and (max-width:400px){
	#slider-container .ws_controls,
	#slider-container .ws_bullets,
	#slider-container .ws_thumbs{
		display: none
	}
}

#wowslider-container2 { 
	display: table;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height:768px;
	margin:0px auto 0px;
	z-index:90;
	text-align:left; /* reset align=center */
	font-size: 10px;
	text-shadow: none; /* fix some user styles */

	/* reset box-sizing (to boostrap friendly) */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
}
* html #wowslider-container2{ width:1024px }
#wowslider-container2 .ws_images ul{
	position:relative;
	width: 10000%; 
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container2 .ws_images ul li{
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	/*font-size:0;*/
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container2 .ws_images{
	position: relative;
	left:0;
	top:0;
	height:100%;
	max-height:768px;
	max-width: 100%;
	vertical-align: top;
	border:none;
	overflow: hidden;
}
#wowslider-container2 .ws_images ul a{
	width:100%;
	height:100%;
	max-height:768px;
	display:block;
	color:transparent;
}
#wowslider-container2 img{
	max-width: none !important;
}
#wowslider-container2 .ws_images .ws_list img,
#wowslider-container2 .ws_images > div > img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}
#wowslider-container2 .ws_images > div > img {
	max-height:768px;
}

#wowslider-container2 .ws_images iframe {
	position: absolute;
	z-index: -1;
}

#wowslider-container2 .ws-title > div {
	display: inline-block !important;
}

#wowslider-container2 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container2  .ws_bullets { 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container2  .ws_bullets div{
	position:relative;
	float:left;
	font-size: 0px;
}
/* compatibility with Joomla styles */
#wowslider-container2  .ws_bullets a {
	line-height: 0;
}

#wowslider-container2  .ws_script{
	display:none;
}
#wowslider-container2 sound, 
#wowslider-container2 object{
	position:absolute;
}

/* prevent some of users reset styles */
#wowslider-container2 .ws_effect {
	position: static;
	width: 100%;
	height: 100%;
}

#wowslider-container2 .ws_photoItem {
	border: 2em solid #fff;
	margin-left: -2em;
	margin-top: -2em;
}
#wowslider-container2 .ws_cube_side {
	background: #A6A5A9;
}


#wowslider-container2.ws_gestures {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container2.ws_gestures.ws_grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

/* hide controls when video start play */
#wowslider-container2.ws_video_playing .ws_bullets,
#wowslider-container2.ws_video_playing .ws_fullscreen,
#wowslider-container2.ws_video_playing .ws_next,
#wowslider-container2.ws_video_playing .ws_prev {
	display: none;
}


/* youtube/vimeo buttons */
#wowslider-container2 .ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#wowslider-container2 .ws_video_btn.ws_youtube,
#wowslider-container2 .ws_video_btn.ws_vimeo {
	display: block;
}
#wowslider-container2 .ws_video_btn div {
	position: absolute;
	background-image: url(./playvideo.png);
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#wowslider-container2 .ws_video_btn.ws_youtube div {
	background-position: 0 0;
}
#wowslider-container2 .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0;
}
#wowslider-container2 .ws_video_btn.ws_vimeo div {
	background-position: 0 100%;
}
#wowslider-container2 .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%;
}

#wowslider-container2 .ws_playpause.ws_hide {
	display: none !important;
}
#wowslider-container2  .ws_bullets { 
	padding: 10px; 
}
#wowslider-container2 .ws_bullets a { 
	margin-left:5px;
	width:20px;
	height:19px;
	background: url(./bullet.png) left top;
	float: left; 
	text-indent: -4000px; 
	position:relative;
	color:transparent;
}
#wowslider-container2 .ws_bullets a.ws_selbull, #wowslider-container2 .ws_bullets a:hover{
	background-position: 0 100%; 
}
#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	background-size: 200%;

	position:absolute;
	top:50%;
	margin-top:-2.8em;
	z-index:60;
	height: 6em;
	width: 3.4em;
	background-image: url(./arrows.png);
	opacity: 0.8; 
}
#wowslider-container2 a.ws_next{
	background-position: 100% 0;
	right:1em;
}
#wowslider-container2 a.ws_prev {
	left:1em;
	background-position: 0 0; 
}
#wowslider-container2 a.ws_next:hover{
	background-position: 100% 100%;
	opacity: 1; 
}
#wowslider-container2 a.ws_prev:hover {
	background-position: 0 100%; 
	opacity: 1; 
}

/*playpause*/
#wowslider-container2 .ws_playpause {
    width: 3.4em;
    height: 6em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1.7em;
    margin-top: -2.8em;
    z-index: 59;
}

#wowslider-container2 .ws_pause {
	background-size: 100%;
    background-image: url(./pause.png);
}

#wowslider-container2 .ws_play {
	background-size: 100%;
    background-image: url(./play.png);
}

#wowslider-container2 .ws_pause:hover, #wowslider-container2 .ws_play:hover {
    background-position: 100% 100% !important;
}
/* bottom center */
#wowslider-container2  .ws_bullets {
	bottom:-45px;
	left:50%;
}
#wowslider-container2  .ws_bullets div{
	left:-50%;
}
/* default */
#wowslider-container2 .ws-title{
	position: absolute;
    font: 3em 'PlayfairDisplay', serif;
	bottom:0;
	left: 0;
	z-index: 50;
	padding:0.4em 1%;
	color: #ffffff;
	text-transform:none; 
	background:#000000;
	line-height: 1.1em;
	text-align: center; 
	font-weight: normal;
	width: 98%; 
	border-radius:0;
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	
	
}
#wowslider-container2 .ws-title div{
	padding:0.35em 0;
	font-size: 0.625em;
	text-transform:none; 
	line-height: 1.15em;
}
#wowslider-container2:hover .ws-title {
	opacity:0.8;
}#wowslider-container2 .ws_images > ul{
	animation: wsBasic 28s infinite;
	-moz-animation: wsBasic 28s infinite;
	-webkit-animation: wsBasic 28s infinite;
}
@keyframes wsBasic{0%{left:-0%} 17.86%{left:-0%} 25%{left:-100%} 42.86%{left:-100%} 50%{left:-200%} 67.86%{left:-200%} 75%{left:-300%} 92.86%{left:-300%} }
@-moz-keyframes wsBasic{0%{left:-0%} 17.86%{left:-0%} 25%{left:-100%} 42.86%{left:-100%} 50%{left:-200%} 67.86%{left:-200%} 75%{left:-300%} 92.86%{left:-300%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 17.86%{left:-0%} 25%{left:-100%} 42.86%{left:-100%} 50%{left:-200%} 67.86%{left:-200%} 75%{left:-300%} 92.86%{left:-300%} }

#wowslider-container2 .ws_bulframe div div{
	height: auto;
}

@media all and (max-width:760px) {
	#wowslider-container2 .ws_fullscreen {
		display: block;
	}
}
@media all and (max-width:400px){
	#wowslider-container2 .ws_controls,
	#wowslider-container2 .ws_bullets,
	#wowslider-container2 .ws_thumbs{
		display: none
	}
}