@charset "utf-8";
/* CSS Document */
/* ============================================================== */
/* ========================= General Elements =================== */
/* ============================================================== */

@media only screen and (min-width:960px) {
 ul#navd {
	float:left;
	 position: relative;
	 left:-6px;
	z-index: 1001;
	 	height: 33px;
}
.menu-bar {
 padding-top:25px;
}
 ul#navd {
 list-style:none;
/*float:right;*/
}
 ul#navd li {
 float: left;
}
#navd li a {
 text-decoration: none;
 float: left;
 	height: 34px;
	padding: 7px 10px;
}
 ul#navd a, #navd li.current-menu-ancestor a {
 font-size: 14px;

}
 ul#navd .current_page_item a, ul#navd .current-menu-item a, ul#navd > .current-menu-parent a {
 text-decoration:none;
}
	
	ul#navd li {
 position:relative;
		height: 34px;
}
	
	
	ul#navd li.active a  {
  background-color: #C20347!important;	
} 
	
	ul#navd li.active ul li a  {
  background-color: #000000!important;		
} 

	ul#navd li.active ul li a:hover  {
  background-color: #C20347!important;		
} 
	
	
 ul#navd li li{
 position:relative;
	 top: 0;
	 background-color: #000000;
	 height: auto;
}
	
	ul#navd li li a {
		 height: auto;
	}
 ul#navd ul {
 background-color: #ffffff!important;
   /* border-style: solid;
    border-width: 5px 1px 1px;*/
    display: none;

 position: absolute;
	  top: 0;
	 margin-top: 34px;
 width: 180px;
 z-index: 0;
 margin-left:0;
animation:slide 1s ease 3.5s forwards;
}
#navd li ul {
 transition: all .35s ease-in;
	
}
 ul#navd ul ul {
 margin-top: 3px;
  margin-left: 10px;
}
 ul#navd li:hover ul {
 display:block;
}
 ul#navd li ul li {
 margin: 0 0 0 -40px;
 width: 180px;
}
ul#navd li ul li:after {
 content:none;
}
 ul#navd .active ul a {
/*	background-color:#000!important;*/}
 ul#navd li ul li a {
 /*	width:160px;*/
 width:220px;
}
 ul#navd li ul li a:hover, ul#navd li ul li.current-menu-item a {
}
 ul#navd ul ul {
 display:none !important;
}
 ul#navd ul li:hover ul {
 display:block !important;
 top:-4px;
 left:210px;
	
}
	
ul#navd ul li:hover ul li{
border-left:solid 1px #fff;

}
#navd select {
 max-width:100%;
 display:none;
}
 ul#navd ul ul ul {
 display:none !important;
}
 ul#navd ul ul li:hover ul {
 display:block !important;
}
.navd-button {
display: none;
} /* hide the navigation button by default */
}
#navd {
	margin:0px;
}
.last:after {
	content:none !important;
}

ul#navd li ul li a {
	padding: 7px 10px;
	font-size:14px;
}


body {
	margin:0;
	font-size: 13px;
	line-height: 1.6em;
}

a {
	text-decoration:none;
	color: #C20347;
}
a:hover, a:focus {
	text-decoration:none;
	color: #111111;
}
/*.btn {
	background-image: none;
	border: none;
	text-shadow: none;
}*/

li .slidetext a {
	color: #111111;
	position: absolute;
	z-index: 10000;
	
}
.site-width {
	padding:0 20px;
}
.leftzero {
padding-left:0 !important;
}
h1, h2, h3, h4, h5, h6 {
	margin: 15px 0;
	font-weight:100;
}

h1, .h1 {
    font-size: 26px;
    text-align: left;
}

li {
	list-style:none;
}
.mdx_seperator {
	border-top: 1px solid;
 	clear: both;
	display: block;
  	margin: 28px 0;
}
.testmonialswrap {
	margin-top: 40px;
}
.testmonialswrap.quacolor i {
color: #fff!important;
}
#mdx_leftwrap a, #mdx_rightwrap a {
	text-decoration:none;
}
#mdx_gallery .span25, #mdx_gallery .span33, #mdx_gallery .span50, #mdx_gallery .span100 {
	margin:1.564% !important;
}
.margin-bottom-20 {
	margin-bottom:20px;
}
.margin-bottom-40 {
	margin-bottom:40px;
}
.margin-bottom-60 {
	margin-bottom:60px;
}
.margin20 {
	margin:20px 0;
}
.margin40 {
	margin:40px 0;
}
.margin60 {
	margin:60px 0;
}
.margin100 {
	margin:100px 0;
}
.margin-bottom-20 {
	margin-bottom:20px;
}
.margin-bottom-40 {
	margin-bottom:40px;
}
.margin-bottom-60 {
	margin-bottom:60px;
}
.padding20 {
	padding-top:20px;
	padding-bottom:20px
}
.padding40 {
	padding-top:40px;
	padding-bottom:40px;
}
.padding60 {
	padding:60px 0;
}
.padding100 {
	padding:100px 0;
}
.circle {
	border-radius: 75px;
	padding: 10px;
}
.bg1 {
	background-image: url(/images/backgrounds/bg1.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100% 100%;
}
.blur-bg1 {
	background-image: url(/images/backgrounds/bg1.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100% 100%;
}
.blur-bg2 {
	background-image: url(/images/backgrounds/bg1.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100% 100%;
}
.blur-bg3 {
	background-image: url(/images/backgrounds/bg1.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100% 100%;
}
.blur-bg4 {
	background-image: url(images/bg51.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-size:auto 100%;
	/*! opacity: 0.2; */
}

.bg2 {
	background-image: url(/images/backgrounds/bg-neu11.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:auto auto;
}

.bg2 {
	background-image: url(/images/backgrounds/bg-neu11.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
#seiten-425 .bg2 {
	background-image: url(/images/backgrounds/bg-neu-invert2.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}

.hg1 {
	background-image: url(/images/backgrounds/hg-03.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: center center;
	background-size:contain;

}

.panel {
	border-radius:0px!important;
	box-shadow:none!important;
}
.container-fluid {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
ul, ol {
	margin: 0px;
}
a:hover {
	text-decoration:none;
}
.scrollup {
	width: 40px;
	height: 30px;
	position:static;
	bottom: 50px;
	right: 100px;
	display: none;
	background-color: red;
	color:#fff;
	float:right;
	padding-top: 6px;
	text-align: center;
	font-size: 24px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.mdx_seperator {
	border-color:#eee !important;
}
.textbox-width {
	width: 100%;
}
.fa-2 {
	font-size: 2em;
}
.fa-3 {
	font-size: 4em;
}
.fa-4 {
	font-size: 7em;
}
.fa-5 {
	font-size: 12em;
}
.fa-6 {
	font-size: 20em;
}
.fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 {
	margin-right: 0.07142857em;
}

 @media screen and (max-width: 959px) {

 .flexslider .slidedesc, .flex-control-nav {
display:none !important;
}
  /*.flex-caption{width:100%; position:relative;}*/
  .flex-caption .slidetitle {
  font-size:14px;
}
 .flex-caption {
width:100% !important;
left:0;
bottom:0;
position:relative !important;
}
}
/* ============================================================== */
/* ========================= Header CSS ========================= */
/* ============================================================== */

#mdx_header h1 a, #mdx_header h1 a:hover, #mdx_header h1 a:visited {
	text-decoration: none;
}
#mdx_header h1 {
	margin:0;
	padding:0;
}
#mdx_header .mdx_logo img {
	max-width:240px;
}
#mdx_header .mdx_slogan {
	color: #999999;
	font-size: 11px;
	display:block;
}
#mdx_header #socialmediaX a{
display:none;
}
#mdx_header #socialmediaX,
#mdx_header #socialmedia{
height: 12px;

}
.icon-bar i {
	float:right;
		margin-top: 3px;
	margin-left:95px;
}
ul#navd li ul li a {
	border-bottom:1px solid #E5E5E5;
}
.icon-bar a {
	opacity:0.5;
}
.icon-bar a:hover {
	opacity:1;
}
.ThumbImage img {
	border:3px solid;
}
.headertop {
	padding: 7px 0;
}
.brdrbtm {
	border-bottom: 1px solid;
	margin-bottom: 24px;
	margin-top: 28px;
}

.suche {
	display:block; height:0;
}

form.sisea-search-form{
	position: relative;
top:-42px;
	height: auto;
	
}
/* ========================= Form Suchfeld ================== */
form.sisea-search-form input {
	border-bottom: 1px solid #000000!important;
	height: 33px;
}
form.sisea-search-form input.fa {
	margin-top:-4px;
	border-bottom: 0!important;
	height: 33px;
}

.srch {
	border-radius: 0;
	height: 32px !important;
	margin-left: -4px;
	margin-top: 0;
	margin-top: 0;
	overflow: hidden;
	width: 33px;
	border:0!important;
}
.search-bar {

}
.srchtxt {
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-right:0!important;
	width: 210px;
	border-bottom: 1px solid #ffffff!important;
	
}
.sisea-search-form i {
	margin-left:0;
	cursor: pointer;
}
.menu-bar-var2 {
	border-bottom: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	padding-top: 0;
	margin-bottom: 40px;
	
}
.header_logo {
	margin-top: 19px;
}
.header_var_2 {
	margin-top: 20px;
}
/* ============================================================== */
/* ========================= Main Wrap CSS ====================== */
/* ============================================================== */
#mdx_mainwrap {

}
#mdx_mainwrap #content {
	
}
#mdx_mainwrap img {
	display:block;
	max-width:100%;
	height:auto;
}

#mdx-bottomclear {
	margin-right: auto;
	margin-left:auto;
	max-width: 1170px;
}

img#fusslogo {
width: 240px;
}
img#googlefuss {
display:none;
}

/* ========================= Einblicke galerien ================== */

#mdx_mainwrap .content340 .mygal img {
	float:left;
	max-width:100%;
	height:auto;
	padding-right: 37px;
	padding-bottom: 37px;
}



#mdx_mainwrap .content340 + div + p{
position: relative;
top: -20px;}

#mdx_mainwrap .mygal img {
	padding-right: 0;
	padding-bottom: 0;
}

#mdx_mainwrap .mygal img:hover{
	opacity:0.85;
}
#mdx_mainwrap .mygal.ohne img:hover{
	opacity:1;
}

/* ========================= Fotos bei Leistungen ================== */
#mdx_mainwrap span.h3 img {
	

}

#mdx_mainwrap #leistungimg {
float:left;
	width: 100%;
		padding-top: 30px;
	padding-bottom: 10px;
		
}
#mdx_mainwrap #leistungimg img{
	float:left;
	max-width: 343px;
	max-height:343px;
	display:block;
	width:33.3%;
padding:0;

	margin-right:15px;
	margin-bottom: 20px;
	margin-left: 15px;
}

#mdx_mainwrap #leistungimg img#pfeil{
width: auto;
	position: relative;
	top: -200px;
	left: 120px;
	border:solid 1px #fff;
}


/* ============================================================== */
/* ========================= Extra Modules CSS ================== */
/* ============================================================== */

#mdx_extra .flexslider {
	margin:0;
}
#mdx_extra .sliderbg {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 80px;
}
#mdx_extra .pro-img {
	float: left;
	padding-right: 20px;
}
#mdx_extra .pro-tilte {
	clear: both;
	float: left;
}
#mdx_extra .pro_bg {
	display: block;
	margin-top: -15px;
	overflow: hidden;
	padding: 18px;
}
#mdx_extra .mdx_quote p {
	font-size: 16px;
	line-height:26px;
	font-style: italic;
	text-align: center;
}
#mdx_extra .mdx_quote {
	overflow: hidden;
	padding: 20px;
}

.bxslider {

}
.bxslider li div {
	
}
.bxslider li div.slidetext {

	width: 380px;
	position: absolute;
	top:280px;
	z-index:99000;
	background: #fff;
	height: auto;
	min-height: 56px;
	font-size: 16px;
	padding:20px;
	margin-left:800px;
	text-transform: uppercase;
	
}



#seiten-430 #mdx_MainTopWrap .bx-wrapper {
padding-bottom: 20px;
	
}

#seiten-430 .bxslider li {
	float:left;
width: 343px;
	height:363px;
		overflow:hidden;
	background-color: transparent!important;
}

#seiten-430 .bxslider li div#bilderreihe {
	height: 343px;
	overflow:hidden;
	padding-left: 90px;
	background-color: transparent!important;

}

#seiten-430 .bxslider li div#bilderreihe div,
#seiten-431 .bxslider li div#bilderreihe div{
	padding:0;
	margin:0;
}
#seiten-430 .bxslider li div#bilderreihe img,
#seiten-431 .bxslider li div#bilderreihe img{
	clear:both;
	float:left;
	width: 343px;
	height: auto!important;
	overflow:hidden;
	padding-right: 30px;
	background-color: transparent!important;
}

#seiten-430 .bx-wrapper .bx-viewport,
#seiten-431 .bx-wrapper .bx-viewport
{
    background: transparent!important;
}

/* ============================================================== */
/* ========================= Main Top CSS ================== */
/* ============================================================== */
.blogwrap .item4, .blogwrap .item7, .blogwrap .item10, .blogwrap .item13, .blogwrap .item16 {
	clear:left;
}
.post.postlist.col-md-6.item3, .post.postlist.col-md-6.item5, .post.postlist.col-md-6.item7, .post.postlist.col-md-6.item9, .post.postlist.col-md-6.item11 {
	clear: left;
}
.post.postlist.col-md-4.item4, .post.postlist.col-md-4.item7, .post.postlist.col-md-4.item10, .post.postlist.col-md-4.item13, .post.postlist.col-md-4.item16 {
	clear: left;
}
.post.postlist.col-md-3.item5, .post.postlist.col-md-3.item9, .post.postlist.col-md-3.item13, .post.postlist.col-md-3.item17, .post.postlist.col-md-3.item21 {
	clear: left;
}

/* ============================================================== */
/* ========================= Main Content CSS =================== */
/* ============================================================== */

.bootstrap_3 li {
	list-style:disc;
}
.bootstrap_3 ul {
	padding: 15px;
}
.bootstrap_3 {
	margin-bottom:35px;
}
.gridcolumn li {
	list-style:disc;
}
.gridcolumn {
	margin-bottom:35px;
}
.gridcolumn {
	padding: 15px;
}
 .gridcolumn [class*="col-"] {
 background-color: #E7E7E7;
 border: 1px solid #CCCCCC;
 padding-bottom: 10px;
 padding-top: 10px;
}
.gridcolumn .row {
	margin-bottom:20px;
}
.select_content_type img {
	margin-bottom: 35px;
	margin-top: 35px;
}
.layout_options img {
	margin-bottom: 35px;
	margin-top: 35px;
}
.blog_list_col img {
	margin-bottom: 35px;
	margin-top: 35px;
}
.addressdetails ul {
	padding:0px !important;
}
.addressdetails ul li {
	padding:7px 0px;
}
.map iframe {
	border:1px solid;
	border:0;
	padding:2px;
	width: 100%!important;
}
.form-buttons {
	clear: both;
}
.name.col-md-6 {
	padding: 0;
}
.email.col-md-6 {
	padding-right: 0;
}
.contactform {
	margin-top: 45px;
}
.image_icon i {
	text-align: center;
	display:block;
}
.image_icon h4 {
	text-align: center;
}
.image_icon p {
	text-align:justify;
}
.image_icon .learn_more {
	padding:6px 12px;
	display: inline-block;
	margin-top: 15px;
}
.image_icon {
	margin-bottom: 40px;
	margin-top: 20px;
}
.teammember_list .team-members ul {
	padding:0px;
}
.teammember_list {
	margin-bottom: 40px;
	overflow: hidden;
}
.home_contactform {
	padding-bottom: 45px;
	padding-top: 45px;
	margin-bottom: -50px;
}
#overlay {
	background-color:#eee;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	padding:20px;
	transition:All 0.5s ease-in;
}
#box:hover #overlay {
	opacity:1;
}
#plus {
	color:rgba(255, 255, 255, .85);
}
#box {
	height: 200px;
	margin: 5% auto 0;
	overflow: hidden;
	width: 300px;
}
.porfoliomodalwrap .modal.in .modal-dialog {
	transform: translate(0px, 200px);
}
/* ============================================================== */
/* ========================= Content  CSS ================= */
/* ============================================================== */
.external-url iframe{
	border: medium none;
   min-height: 600px;
   width: 100%;
 }
/* ============================================================== */
/* ========================= Content Bottom  CSS ================= */
/* ============================================================== */


/* ============================================================== */
/* ========================= MainBottom CSS ================= */
/* ============================================================== */

.accordion_n_tab {
	margin: 50px 0px;
}
#accordion .panel-heading, #accordion2 .panel-heading {
	background:none !important;
}
.tab-content p {
	text-align:justify;
}
.tab-content {
}
.tab-content > .tab-pane {
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	overflow: hidden;
	padding: 10px;
}
.testmonialswrap .bx-wrapper .bx-viewport {
	background: none;
	border: 0px;
	box-shadow: 0 0;
	left: 0px;
}
#mdx_mainwrap .testmonial img {
	border:5px solid;
	padding:5px;
	min-width: 130px;
	
}
#mdx_mainwrap .testmonial img.ohne {
	position: relative;
	left: -20px;
	border:0px solid;
	padding-top:10px;

	min-width: 160px;
	background: #fff;
	border-radius: 10px;
}

#mdx_mainwrap .quacolor h4 {
	color: #fff!important;
}


/* ============================================================== */
/* ========================= Left Modules CSS =================== */
/* ============================================================== */

#mdx_leftwrap ul {
	margin:0;
	padding:0;
}
#mdx_leftwrap ul li {
	list-style:none;
}
/* ============================================================== */
/* ========================= Right Modules CSS ================== */
/* ============================================================== */

#mdx_rightwrap ul {
	margin:0;
	padding:0;
}


#mdx_rightwrap h4 {
font-family: 'droid-sans-regular', sans-serif !important;
	padding: 10px;
	padding-left: 20px;
	font-size: 110%;
	
}

#mdx_rightwrap h4 a{
	color: #ffffff!important;
}

#mdx_rightwrap h4 a:hover{
	color: #666!important;
}

#mdx_rightwrap ul li {
	list-style:none;
}
h4.mdx_titleextracolumn {
	border-bottom: 4px solid;
	padding: 10px;
	text-align: center;
	font-weight:normal;
}
.right-side-title {
	padding:5px;
	
}
#mdx_rightwrap ul li, #mdx_leftwrap ul li {
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #000;
}
#topnav ul {
	padding:0px 10px;
}
#mdx_rightwrap .mdx_tagcloud ul li {
	display: block;
	width: 100%;
	border:0 !important;
	padding:0px;
}
#mdx_rightwrap .mdx_tagcloud a {
display:block;
}
#mdx_rightwrap .mdx_tagcloud a:hover {
display:block;
}

.mdx_tagcloud ul li a {
	border:0;
	padding: 7px;
	padding-left: 20px;
	
}

#mdx_rightwrap .archives ul li {	
	border-bottom:1px solid #000!important;
	display:block;
	padding:0;
}

#mdx_rightwrap .archives ul li a {
	padding-left: 20px;
	padding: 7px;
	padding-left: 20px;
	display:block;
}
#mdx_rightwrap .archives ul li a:hover {
	display:block;
	background-color: #000!important;
	color: #ffffff!important;
}
.right_ThumbImage img {
	padding:0;
	width:100%;
}
.rightside_img_text_wrap {
	margin-top: 30px;
}
.rightside_img_text_wrap .blog_subtitle {
	display: block;
	margin-top: 10px;
}
.paddinglr10 {
	padding:0px 10px !important;
}
/* ============================================================== */
/* ========================= Footer Modules CSS ================= */
/* ============================================================== */
.portfolio_list .da-thumbs {
	padding-left: 0 !important;
}
/* ============================================================== */
/* ========================= Footer Modules CSS ================= */
/* ============================================================== */

#mdx_footerwrap {
	overflow: hidden;
	border-top:0;
	padding-bottom: 30px;
	padding-top: 30px;
	
}

/* #mdx_footerwrap {background-image:url(../images/footerbg.png);}*/


#copyright-wrapper {
	overflow:hidden;
}
#copyright {
	border-top: solid 1px #222;
	color:#000;
	padding-bottom: 6px;
	padding-top: 6px;
}
#copyright > div {
	padding: 5px;
}
#copyright a {
	color: #000000 !important;
}
.testimoials .one, .testimoials .two {
	margin-left: 50px;
	margin-right: 50px;
}
.ThumbImage {
	/*float: left;*/
	padding-right: 10px;
	padding-top: 5px;
}
.ThumbImage img {
	max-width:100%;
}
#mdx_footerwrap p {
	line-height: 30px;
}
#mdx_footerwrap a {
	text-decoration:none;
	color: #fff!important;
	padding: 10px;
margin-left: -10px;
}

#mdx_footerwrap a:hover {
	text-decoration:underline;
	color: #ffffff!important;
}

#mdx_footerwrap h4 a:hover {
	text-decoration:none;
	color: #C20347!important;
}

#mdx_footerwrap p {
	margin:0;
}

#mdx_footerwrap ul li {
	list-style:none;
	padding:0;
}
#mdx_footerwrap ul {
	list-style: none outside none;
	padding:0;
}
#mdx_footerwrap .tweet ul li {
	display: block;/*padding-bottom: 20px;*/
}
#mdx_footerwrap .modx_resources li {
	border-bottom:1px solid #555555;
}
#mdx_footerwrap ul li {
	display: block;
	overflow: hidden;
	padding: 10px 0;
}
#mdx_footerwrap .icon-twitter > a {
	display: block;
	margin-top: -30px;
	overflow: hidden;
	padding-left: 45px;
}
#mdx_footerwrap .icon-twitter:before {
	font-size: 25px;
}
#mdx_footerwrap .resource ul li a {
	padding-left: 10px;
}
#mdx_footerwrap .resource ul li {
	margin-bottom: 10px;
}
#mdx_footerwrap blockquote {
	padding: 40px 60px 0;
	margin:0px;
	text-align:left;
}
#mdx_footerwrap cite {
	float: right;
}

#mdx_footerwrap .bildzeile{
	display:block;
	height:150px;
}

.testimonials {
	margin-bottom:20px;
}

.testimonials h1 {
color: #fff!important;
	font-size: 1.5em;
}

.testimonials.partner h4 {
	font-size: 1.6em;
}
.testimonials.partner a {
color: #fff;
}
.testimonials.partner a:hover {
color: #c20347;
}

.copyright {
	font-size:12px;
}
.footer_blog ul li {
	padding: 6px 0 !important;
}
.footer_address .address_fields li {
	padding: 7px 0 !important;
}
.footer_blog p {
	padding-left:0px !important;
}
/* ============================================================== */
/* ========================= Flickr CSS ================== */
/* ============================================================== */
#flickr img {
	float: left;
	margin: 6px 10px 0 0;
	width: 27%;
	border-radius: 2px;
}
#flickr {
	margin-top: 25px;
}
/* ============================================================== */
/* ========================= Form Elements CSS ================== */
/* ============================================================== */

form#contact{
	max-width: 80%;
	margin-right: auto!important;
	margin-left:auto!important;
}

input, textarea, select {
	border: 1px solid #E5E5E5!important;
	margin: 10px 0;
	outline: 0 none;
	padding: 5px;
}




.confirmemail {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

select { 
min-width: 100%;
  margin-bottom : 1em;
	padding:5px;
	
}

textarea {
	line-height: 150%;
}
input:hover, textarea:hover, input:focus, textarea:focus {
	border-color: #C9C9C9;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}
label {
	display:block;
	font-weight:normal;
}

input#checkbox{
	display:inline-block;
	
}

label#checkbox{
	display:inline;
	margin-left: 10px;
}
label#checkbox a:hover {
	color: #ffffff;
}
.submit input, select, input {
	width: auto;
	padding: 9px 15px;
	border: 0;
	font-size: 14px;
	color: #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input.button {
	display: block;
	width: 300px;
	
	margin-right: auto!important;
	margin-left:auto!important;
	padding: 9px 15px;
}
form {
	overflow:hidden;
}



fieldset {
	padding: 0;
	border: medium none;
	
}



legend {
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
}
fieldset p input {
	width:98%;
}
fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}
.error {
	clear:both;/*margin-left:35%;*/
}
/* ============================================================== */
/* =========================  Gallery Elements CSS ================== */
/* ============================================================== */



#mdx_gallery {
	clear:both;
}
#mdx_gallery ul {
	margin:0;
}
#mdx_gallery .gal-item-active {
}
/* Portolio Hover */
#mdx_gallery .galbdr {
}
#mdx_gallery .galbdr:hover {
}



/* Responsive image grid*/
/* Mobile landscape width 320 */
@media only screen and (max-width: 767px) {
 .image_grid {
width:300px;
}
 .image_grid li img {
width:220px;
}
 .portfolio_4col .da-thumbs li article h3 {
padding-top:70px;
}
 .portfolio_3col .da-thumbs li article h3 {
padding-top:50px;
}
 .portfolio_2col .da-thumbs li article h3 {
padding-top:53px !important;
}
	

}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
 .image_grid {
width:450px;
}
 .image_grid li {
width:178px !important;
}
 .portfolio_4col .da-thumbs li article h3 {
padding-top:58px;
}
 .portfolio_3col .da-thumbs li article h3 {
padding-top:34px;
}
 .portfolio_2col .da-thumbs li article h3 {
padding-top:23px !important;
}
	
}
/* ============================================================== */
/* =========================  Sliders Elements CSS ============== */
/* ============================================================== */




.flex-caption {
	background: none repeat scroll 0 0 #000000;
	color: #FFFFFF;
	height: 100%;
	margin: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	width: 30%;
}
.flex-caption .slidetitle {
	border-bottom: 1px solid #EEEEEE;
	clear: both;
	display: block;
	font-size: 24px;
	line-height: 30px;
	margin: 20px;
	padding-bottom: 20px;
}
.flex-caption .slidedesc {
	display: block;
	padding: 0 20px;
}
.flex-caption .slidetitle {
}
/* ============================================================== */
/* =========================  Blog  CSS ========================= */
/* ============================================================== */

.post {
	display: block;
	overflow: hidden;
	margin-bottom: 45px;
}

.postlist {
	margin-top: 15px;
	margin-bottom: 15px;
padding:0;
	padding-bottom: 20px;
	border-bottom:1px solid #000;
}
.articleThumbImage img {
	display:block;
	max-width:100%;
	height:auto;
}
.post-info {
	margin: 15px 0px;
}

.postlist h3 {
	background: #000;
	width: auto;
	display:inline-block;
	margin-top:0;
padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.post h3, .post h1 {
	background: #000;
	color: #ffffff!important;
	width: auto;
	display:inline-block;
	margin-top:0;
padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: normal!important;
	font-family: 'droid-sans-regular' !important;
}

.post h3.blogh3 {
	background: #fff;
	color: #000!important;
	width: auto;
	display:inline-block;
	margin-top:0;
padding: 0;
	padding-left: 0;	
	font-weight: bold!important;

}

.postlist h3 a{
color: #ffffff!important;
	 font-family: 'droid-sans-regular' !important;
    font-weight:normal;
	font-size: 100%;	
}
.postlist h3 a:hover{
color: #666!important;

}

.postlist h4 {
margin-top:0;
	color: #000!important;
	 font-family: 'droid-sans-regular', serif !important;
    font-weight:normal;
}

.postlist .entry {
padding-left: 20px;
}
/*.postlist .title {
    margin-top: -5px;
}*/
.paging ul.pageList li {
	float: left;
	list-style:none;
	margin-bottom:50px;
}
.paging ul.pageList li a {
	background-color: #666666;
	color: #FFFFFF;
	margin-right: 15px;
	padding: 12px;
	text-decoration: none;
}
.mdx_latestblogpost li.quip-latest-comment {
	padding-left:10px;
}
.pagination ul li {
	display:inline;
}
.post .about_author h3 {
	margin-top:0;
}
.post .author_img {
/*border:5px solid #000;*/
}
.aboutauthor {
	display: block;
	overflow: hidden;
}
.mdx_latestblogpost {
	line-height:1.5em
}
.mdx_latestblogpost .title {
	clear:both;
	display:block;
}
.mdx_latestblogpost .ThumbImage img {
}
.mdx_latestblogpost .introtext p {
	margin:0;
}
.mdx_latestblogpost .pubdate {
	display: block;
	font-size: 11px;
	padding: 10px 0;
}
.mdx_latestblogpost ul li {
	display: block;
	padding-bottom: 10px;
}
.quip-comment-author, .quip-comment-author a {
	color:#666!important;
}
.quip-comment-alt {
	background: none !important;
}
.quip-latest-comment {
	margin-bottom: 10px;
}
.quip-latest-comment span {
	clear: both;
	display: block;
}
.quip-comment-author, .quip-comment-author a {
	color:#666 !important;
}
.quip-avatar {
	color:#666 !important;
}
.introtext p {
}
.img_text_wrap {
	margin-top:14px;
}
.img_text_wrap .col-md-3 {
	padding:0px;
}
.blogwrap {
	margin-bottom: 55px;
	overflow: hidden;
}
.blogwrap h3 {
	text-align:center;
}
.date_n_user .date {
	margin-right:14px;
}
.topbottombdr {
	border-bottom: 1px solid;
	border-top: 1px solid;
	margin-top: 20px;
	padding: 7px;
}
.date {
	padding-left:20px;
	margin-right:25px;
	color: #666;
	
	font-size:90%
}
.user {
	margin-right:25px;
	color: #666;
	font-size:90%
}
.postmeta {
	margin: 15px 0;
}
.pagination li a {
	padding: 13px 21px;
	margin-right: 6px;
}
.pagination ul {
	padding: 0 15px !important;
}
/* ============================================================== */
/* ===================  Custom Class  CSS ======================= */
/* ============================================================== */


/* ============================================================== */
/* =========================  Button  CSS ======================= */
/* ============================================================== */

.button_big span {
	color: #000;
	font-size: 19px;
}
.button_big {
	border-radius: 4px 4px 4px 4px;
	padding: 10px 25px;
	text-align: center;
	border:none;
	cursor:pointer;
}
.button_small span {
	font-size: 11px;
	text-transform: uppercase;
}
.button_small {
	text-align: center;
	margin: 15px;
	cursor:pointer;
	padding: 7px 10px;
}
.readmore {
	margin:10px 0;
}
.button {
	overflow:hidden;
	cursor:pointer;
}
/* ============================================================== */
/* =====================Top Panel Slider  CSS =================== */
/* ============================================================== */

#mdx_toppanel {
	position: absolute;    /*Panel will overlap  content */
	/*position: relative; */ /*Panel will "push" the content down */
    top: 0;
	width: 100%;
	z-index: 999999999999999;
	margin-left: auto;
	margin-right: auto;
}
#mdx_panel {
	width: 100%;
	color: #999999;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
	/*border-bottom-width: 5px;
	border-bottom-style: solid;*/
	box-shadow:0px 9px 15px -6px #000000;
}
#mdx_toppanel .content {
	padding-top:20px;
}
.mdx_tab {
	height: 4px;
	position: relative;
	top: 0;
	z-index: 999;
	border-top:5px solid;
}
.mdx_tab ul.login {
	border-radius: 0 0 5px 5px;
	clear: right;
	display: block;
	float: right;
	padding: 2px;
	position: absolute;
	right: 0;
	margin:0px;
	box-shadow:0px 9px 15px -6px #000000;
}
.mdx_tab ul.login li {
	text-align: left;
	padding: 0 6px;
	display: block;
	float: left;
}
.mdx_tab ul.login li a:hover {
	color: white;
}
.mdx_tab a.opent, .mdx_tab a.closet {
	padding: 0 20px !important;
	cursor: pointer;
	display: block;
	position: relative;
	color:#fff;
	text-decoration:none;
}
/* ============================================================== */
/* =========================  Top Panel Slider  CSS ======================= */
/* ============================================================== */

/* ============================================================== */
/* ========================= Pricing table CSS ================= */
/* ============================================================== */
.pricing_table {
	line-height: 150%;
	font-size: 12px;
	margin: 10px;
	margin-top: 25px !important;
	padding:0px;
}
.pricing_tablewrap ul li ul {
	list-style: none outside none;
	margin: 0;
	padding: 0 10px;
}
.pricing_tablewrap ul li ul li {
	border-bottom: 1px solid #CDCDCD;
	padding: 15px;
}
.pricing_tablewrap {
	margin-bottom: 50px;
	overflow: hidden;
}
.price_block {
	text-align: center;
	width: 100%;
	color: #fff;
	float: left;
	list-style-type: none;
	transition: all 0.25s;
	position: relative;
	box-sizing: border-box;
	margin-bottom: 30px;
	border-bottom: 1px solid transparent;
}
.price_block h4 {
	margin-bottom:1px !important;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}
/*Price heads*/
		.pricing_table h4 {
	/* text-transform: uppercase;*/
	padding: 5px 0;
	/*background: #333;
        /*   background: linear-gradient(#666666, #333333) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	margin: -10px 0 1px 0;
}
/*Price tags*/
		.price {
	display: table;
	background: #444;
	width: 100%;
	height: 70px;
}
.price_figure {
	font-size: 24px;
	text-transform: uppercase;
	vertical-align: middle;
	display: table-cell;
}
.price_number {
	font-weight: bold;
	display: block;
}
.price_tenure {
	font-size: 11px;
}
.features {
	background: #DEF0F4;
	color: #000;
}
.features li {
	padding: 8px 15px;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	list-style-type: none;
}
.pricing_table_footer {
	padding: 15px;
}
.action_button {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding: 5px 20px;
	font-size: 11px;
	text-transform: uppercase;
}
.price_block:hover, .price_block:active, .price_block:focus {
	box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5);
	transform: scale(1.04) translateY(-5px);
	z-index: 1;
	border-bottom: 0 none;
}

.price_block:hover .action_button {
}
 @media only screen and (min-width : 480px) and (max-width : 768px) {
	 .price_block {
		width: 50%;
	}
	 .price_block:nth-child(odd) {
		border-right: 1px solid transparent;
	}
	 .price_block:nth-child(3) {
		clear: both;
	}
	 .price_block:nth-child(odd):hover {
		border: 0 none;
	}
}
 @media only screen and (min-width : 768px) {
	  
	 .price_block {
		width: 25%;
	}
	 .price_block {
		border-right: 1px solid transparent;
		border-bottom: 0 none;
	}
	 .price_block:last-child {
		border-right: 0 none;
	}
	 .price_block:hover {
		border: 0 none;
	}
  
}
/* ============================================================== */
/* ======================= Isotope Filtering CSS ================ */
/* ============================================================== */
.isotope-item {
	z-index: 2;
	margin-bottom:25px;
}
.item {
	padding:0;
	margin:0;
}
.element a {
	overflow:hidden;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
#filters {
	display: inline-block;
	margin-bottom: 30px;
	margin-top: 15px;
	padding-left: 15px;
	width: 100%;
}
#filters a {
	float: left;
	padding: 10px;
}
#filters a:hover, #filters a:active, #filters a:visited, #filters a:focus {
	text-decoration:none;
}
#filters li {
	float: left;
	margin-right: 10px;
	padding:0;
	margin-bottom:0;
}
.selected {
	background-color:#2b2b2b;
	text-decoration:none;
}

/* ============================================================== */
/* ======================= ImageHover CSS ======================= */
/* ============================================================== */



#seiten-1 #con.row,
#seiten-263 #con.row,
#seiten-425 #con.row{

	max-width: 1180px;
	margin-left: auto;
margin-right: auto;
}

#seiten-1 #con,
#seiten-263 #con,
#seiten-425 #con{
	left: 30px!important;
}
#seiten-1 #con li,
#seiten-263 #con li,
#seiten-425 #con li{
	margin-right: 50px;
	margin-bottom: 20px;
	width:320px;
	
}

/* ============================================================== */
/* ======================= ImageHover CSS
MARKENSEITE ======================= */
/* ============================================================== */
#seiten-255 #con.row,
#seiten-382 #con.row{

	max-width: 1180px;
	margin-left: auto;
margin-right: auto;
}

#seiten-255 #con,
#seiten-382 #con{
	left: 30px!important;
}
#seiten-255 #con li,
#seiten-382 #con li{
	margin-right: 25px;
	margin-bottom: 0;
	width:165px;
	
}

#seiten-380 .spalten3{
max-width: 1150px;
	margin-right: auto;
	margin-left: auto;

	padding:0px;
}

#seiten-380 div.col-md-12{
	clear:both;
	text-align: center;
width: auto;
	margin-right: 40px;
		margin-left: 40px;
}


/* Portolio Hover */
.da-thumbs li, .da-thumbs li img {
	display: block;
	position: relative;
}
.da-thumbs li {
	overflow: hidden;
}
.da-thumbs li article {
	position: absolute;
	background-image:url(images/image_hover.png);
	background-repeat:repeat;
	width: 100%;
	height: 100%;
}

.da-thumbs li article#startseite-gal {
	position: absolute;
	background-image:url(images/image_hover.png);
	background-repeat:repeat;
	
}

.da-thumbs li article.da-animate {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* Initial state classes: */
.da-slideFromTop {
	left: 0px;
	top: -100%;
}
.da-slideFromBottom {
	left: 0px;
	top: 100%;
}
.da-slideFromLeft {
	top: 0px;
	left: -100%;
}
.da-slideFromRight {
	top: 0px;
	left: 100%;
}
/* Final state classes: */
.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}
.da-thumbs li article a {
	color:#fff;
	padding:20px;
	display:block;
}
.da-thumbs {
	margin: 0;
	padding-left: 0;
	text-align: center;
}
.da-thumbs li article h3 {
	color:transparent !important;
	height:0;
}
.da-thumbs li article em {
	margin-bottom:10px;
	color:#fff;
	display:block;
}
.da-thumbs li article span {
	display:inline-block;
	padding: 5px;
}
span.link_post {
	display:block;
	width:35px;
	height:35px;
	background-color:#DF6232;
	border-radius:50px;
	cursor:pointer;


	background-repeat:no-repeat;
	background-position:center;
	margin-right:10px;
}

.da-thumbs li article span.link_post {
	display:none;
}

.portfolio_2col article h3 {
	padding-top:70px !important;
}
/* Image Grid */
.image_grid {
	float:left;
	overflow:hidden;
	width:700px;
	position:relative;
}
.image_grid li {
	float: left;
	line-height: 17px;
	color: #686f74;
	list-style:none;
	overflow:hidden;
	margin-bottom:23px;
	margin-right:23px;
	text-align:center;
}


/* Responsive image grid*/
/* Mobile landscape width 320 */
@media only screen and (max-width: 767px) {

img#googlefuss {
display: inline-block;
}
	 .image_grid {
		width:300px;
	}
	 .image_grid li img {
		width:220px;
	}
	 .portfolio_4col .da-thumbs li article h3 {
		padding-top:70px;
	}
	 .portfolio_3col .da-thumbs li article h3 {
		padding-top:50px;
	}
	 .portfolio_2col .da-thumbs li article h3 {
		padding-top:53px !important;
	}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
	 .image_grid {
		width:450px;
	}
	 .image_grid li {
		width:178px !important;
	}
	 .portfolio_4col .da-thumbs li article h3 {
		padding-top:58px;
	}
	 .portfolio_3col .da-thumbs li article h3 {
		padding-top:34px;
	}
	 .portfolio_2col .da-thumbs li article h3 {
		padding-top:23px !important;
	}
}
/* ============================================================== */
/* ======================= CookieBar CSS ======================== */
/* ============================================================== */

#cookie-bar {
	background:#222222;
	line-height:24px;
	color:#eeeeee;
	text-align:center;
	padding:12px 0;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:9999999999999;
	border-top: solid 1px #ffffff;
}
#cookie-bar.fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
}
#cookie-bar p {
	margin:0;
	padding:0;
}
#cookie-bar a {
	color:#ffffff;
	display:inline-block;
	border-radius:3px;
	text-decoration:none;
	padding:0 6px;
	margin-left:8px;
}
#cookie-bar .cb-enable {
	background:#ffffff;
	color: #111111;
}
#cookie-bar .cb-enable:hover {
	background:#009900;
}
#cookie-bar .cb-disable {
	background:#990000;
}
#cookie-bar .cb-disable:hover {
	background:#bb0000;
}
#cookie-bar .cb-policy {
	background:#0033bb;
}
#cookie-bar .cb-policy:hover {
	background:#0055dd;
}
.scroll {
	padding:0 24px 24px 24px;
	border: solid 2px #ffffff;
	z-index: 1000;
}
#topcontrol{
background-color: #111111!important;
	border-radius: 50%;
	overflow:hidden;
	border: solid 1px #ffffff!important;
background-image:url(../images/on-top-fein.png);
	height: 52px;
	width: 52px;
	margin-bottom: 45px;
}

#topcontrol i{
	display:none;
}
/* ============================================================== */
/* ========================= MobileMenu CSS ===================== */
/* ============================================================== */
.navigation ul{padding:0;}
.navigation{padding:0;}
.menuwrap {
   margin-left: 0;
   min-height: 40px;
   padding: 10px 10px 10px 0;
   position: fixed;
   width: 100%;
   z-index: 99999999;
}
.nav-trigger:checked ~ .menuwrap {
height:100%
}
.navigation {
	bottom:0;
	height:100%;
	list-style:outside none none;
	position:fixed;
	right:0;
	top:97px;
	width:100%;
	z-index:99999
}
.nav-item {
	width:200px;
	border-top:1px solid #111;
	border-bottom:1px solid #000
}
.nav-item a {
	display:block;
	padding:1em;
	background:linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	color:#fff;
	font-size:1.2em;
	text-decoration:none;
transition:color 0.2s, background .5s
}
.nav-item a:hover {
	color:#c74438;
	background:linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(75, 20, 20, 0.65) 100%)
}
.nav-trigger {
	position:absolute;
	clip:rect(0,0,0,0)
}
label[for="nav-trigger"]::before {
    content: "";
    font-family: FontAwesome;
    font-size: 35px;
	background-color: #fff;
	padding:5px;
	padding-bottom:0;
}
label[for="nav-trigger"] {
	position:fixed;
	right:19px;
	top:35px;
	z-index:9999;
	cursor:pointer;
	width:35px;
	height:35px;
	background-repeat:no-repeat;
	
	
	background-size:contain;
}
.nav-trigger:checked ~ .navigation {
height:auto;
display:block;*display:block;
	width: 100%!important;
	
}
.nav-trigger + label {
transition:left .2s
	
}


.navigation li a {
	display:block;
	padding:10px 20px;
	border-bottom:1px solid #999
}
.navigation .innerul .innerrow .innerul a {
	display:block;
	padding-left:70px
}
.navigation .innerrow .innerul a {
	padding-left:50px
}
.innerul {
	display:none;
}
.nav-trigger-arr:checked + label {
	right:15px
}
.nav-trigger-arr + label {
transition:left .2s
}

/* Geschlossen */
.navigation input[type="checkbox"][class^="nav-trigger-"] + label::before {
    content: "+" !important;
}

/* Geöffnet */
.navigation input[type="checkbox"][class^="nav-trigger-"]:checked + label::before {
    content: "\2212" !important;
}


#topcontrol {
	display:none;
	}

footer #nachoben {
position: absolute;
	right:10px;
	height: 40px!important;
	z-index: 9999999;
}
footer #nachoben a img{
	height: 40px!important;
	width: 40px;
	display:block;
}



 
/* Responsive ERGARENZUNGEN*/
/* Mobile landscape width 959 */
@media only screen and (max-width: 959px) {
.headertop .site-width {
		display:none;
	}	
#tele{
		display:none;
	}	
img.nurdesktop {
		display:none;
	}
	.suche {
	display:block;
	clear:both;
	position: absolute; 
	top: 15px;
	right:120px!important;	
		
}
	
	.suche form input#search {
	border:1px solid #EEE!important;
	}
	#mdx_header .nurdesktop{ 
	display:none;
}
	

}

@media only screen and (max-width: 989px) {
	.icon-bar i {
	float:left;
		margin-top: 10px;
margin-right: 40px;
		margin-bottom: 10px;
	margin-left:0px;
}
	#mobilehg {
	background-color: #fff;
		padding-top:15px;
	padding-left: 20px;
	
	}
	.menuwrap {
		background-color: #fff;
	}
#mdx_header {
display:none;
}	
#mdx_footerwrap p.linkblock.mitte {
		margin-top: 40px;
	margin-bottom: 40px;
}
		
}


#mdx_mainwrap.nurdesktop {
display:block;
}
.nurklein {
display:none;
}
	
@media only screen and (max-width: 480px) {

	#mdx_mainwrap .content340 .mygal img {	
	padding-right:5px;
		padding-bottom: 5px;
		width: 100%;
		
}
	
	#mdx_mainwrap .content340  {	
			width: 100%;
height: 100%;
		display: inline-block;
		margin-bottom: 3em;
}
#mdx_mainwrap #leistungimg {
width: 100%;
	margin-right:0;
	margin-left:-15px;
	
}
#mdx_mainwrap #leistungimg img{
display:block;
width:100%;
	min-width: 100%;
	padding:0;
	margin:0;
	
}
.nurklein {
display:block;
}
	.nurdesktop {
display:none;
}
#mobilehg img{
	width: 80%;
	max-width: 240px;
	height: auto;
	}
#seiten-1 .col-md-4 .row .col-md-12 {
	padding:0;
	}
	
#seiten-380 div.col-md-12{
	margin-right: 10px;
		margin-left: 10px;
}

#mdx_mainwrap .testmonial img {
display:none;
}
	#mdx_mainwrap .col-md-6 {
width: 100%;
		
	}
	.testmonialswrap .bx-pager {
   position: relative;
		top: 10px;	
}
	
/*
#mdx_extrawrap .bx-wrapper .bx-pager {
 position: relative;
		top: -30px;	
	
}
*/
	
	.bx-wrapper .bx-controls-direction  {
    display:none;
}
#mdx_extra .bx-wrapper .bx-controls-direction  {
   display:none;
}
	
	#topcontrol {
	display:none;
	}
	footer #fusslogo {
		width: 80%;
	}
	
	
}

@media only screen and (max-width: 980px) {

.mdx_latestblogpost, .archives {
	display:none;
}
#mdx_rightwrap{
clear:both;
	float:left;
		width:100%;
	margin-bottom: 30px;
	}
	.mdx_tagcloud.margin40{
		clear:both;
		float:left;
		width:100%;
		margin:0;
		padding:0;
	}
	
	#mdx_mainwrap #leistungimg img{
	float:left;
	width:100%;
	display:block;
padding:0;
	margin-right:0;
	margin-bottom: 20px;

}
	
#filters a {
	font-size: 10px;
}
	
#filters li {
margin-bottom: 10px;
}
	footer .col-md-4 #shop {
margin-top: 40px;
	} 
#accordion .panel img 	{
margin-bottom: 20px;
	} 
	


		}


@media only screen and (max-width: 1181px) {
.slidetext {
display:none;
}
	
#mdx_footerwrap p.linkblock {
		margin-bottom: 20px;
}
	
#mdx_footerwrap p.linkblock.mitte {
		margin-bottom: 40px;
}
	
#mdx_footerwrap .bildzeile {
  display: block;
  height: 110px;
}
	
	#mdx_mainwrap #leistungimg {
width: 100%;
display:block;
}
#mdx_mainwrap #leistungimg img {
width: 100%;
	max-width: 30%;
display:block;
	float:left;
}
	
	#mdx_mainwrap .content340 .mygal img {	
	max-width: 340px;
		width:33.3%;
	
}
	
footer p.linkblock	{
	padding-top: 20px!important;
	}	

		}
	
	
@media only screen and (max-width: 600px) {
#mdx_mainwrap #leistungimg img {
max-width: 29%;

}
	#mdx_mainwrap #leistungimg {
margin-left:-10px;
}
	
	}



	#mobilehg .mdx_logo img {
		max-width: 240px;
	} 
	

/* Fonts */

@font-face {
	font-family: 'droid-sans-regular';
	src: url('../fonts/droidsans-webfont.eot');
	src: url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/droidsans-webfont.woff') format('woff'),
	url('../fonts/droidsans-webfont.ttf') format('truetype'),
	url('../fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'droid-sans-bold';
	src: url('../fonts/droidsans-bold-webfont.eot');
	src: url('../fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/droidsans-bold-webfont.woff') format('woff'),
	url('../fonts/droidsans-bold-webfont.ttf') format('truetype'),
	url('../fonts/droidsans-bold-webfont.svg#droid_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #fff;
  opacity: 1; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #3F3F3F;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #3F3F3F;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
   color: #3A3E40;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #3F3F3F;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } 
}

/* ---------------------- Eigene Stilergaenzungen ----------------- */

.site-width {
    max-width:100%;
   
     margin-left: auto;
    margin-right: auto;
}

.center-2 a img{
  clear: both;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

.but a {
	border: 1px solid #C20347;
	padding: 3px;
	border-radius: 3px;
  cursor: hand;
}
.but a:hover, .but a:focus, .but a:active {
	border: 1px solid #C20347;
	padding: 3px;
	border-radius: 3px;
  cursor: pointer;
}


#content p {
    font-size: 15px;
}
.row {
max-width:1180px;
     margin-left: auto;
    margin-right: auto;
}

.site-width.menu-bar-var2 .row {
    max-width:1180px;
     
   
}
.site-width.menu-bar-var2  {
     background-color: #111111!important; 
}

.row60{
    max-width: 1180px;
    width: 66.6%;
     margin-left: auto;
    margin-right: auto;
}

/* header */

div.einricht {
    height:0;
}
#einrichter  {
width: 46%;
    padding:0;
    margin:0;
    padding-top:22px;
    padding-left: 20px;
    height:0;
    color: #808080;letter-spacing: 0; font-size: 12.9px;
    display:none;
}
/* Font CSS*/

body {
    font-family: 'droid-sans-regular', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
   font-weight: normal;
    font-family: 'droid-sans-regular', Arial!important;
    font-weight:normal;
}

body {
    color: #000000 !important;
}

/*a{color:#c30346!important;} */
h1, h2, h3, h4, h5, h6 {
    color: #2f2f2f !important;
}


h2#marke {
display:none;
}
#mdx_footerwrap {
    color: #ffffff;
}

h3.gal {
    margin-bottom:0;
}


footer h4 {
height:30px;
    padding:0; margin:0;
}
footer h4#shop {
    margin-top:10px;
height: 21px;
    width: 100%;
    float:left;
}
footer h4 img {
    vertical-align:bottom;
}
 footer h4#shop img {
float:left;
     max-width: 100%;
     position: relative;
     top:-10px;
}
footer h4#shop a{

}
footer h4 a:hover{text-decoration:none;
}
/* Background Color CSS*/

body {
    background-color: #ffffff;
}

#content div.col-md-6 {
    padding-left:0;
    padding-right:0;
}
#content div.col-md-6 p {
padding-right: 25px;
}

#mdx_headerwrap {
    background-color: transparent;
   
}

#erreichen{
    padding-top: 15px;
    padding-bottom:0;
}
#tele {
    padding-top:0;
    font-size: 1.5em;
}

#mdx_footerwrap {
    background-color: #000000;
}

.pricolor {
    color: #000000 !important;
}

.pribg {
    background-color: #111111 !important;
}

.pribdr {
    border-color: #111111 !important;
}

.seccolor {
    color: #c30346 !important;
}

.secbg {
    background-color: #ffffff !important;
}

.secbdr {
    border-color: #c30346 !important;
}

.tercolor {
    color: #2f2f2f !important;
}

.terbg {
    background-color: #2f2f2f !important;
}

.terbdr {
    border-color: #2f2f2f !important;
}

.quacolor {
    color: #F2F2F2 !important;
}

.quabg {
    background-color: #F2F2F2 !important;
}

.quabdr {
    border-color: #F2F2F2 !important;
}

.flex-control-paging li a.flex-active {
    background-color: #000000 !important;
}

.pageList .active {
    background-color: #000000 !important;
    color: #c30346 !important
}

#mdx_gallery .galbdr:hover {
    border-color: #000000;
    transition: all 0.2s ease-in-out;
}

.icon-bar a {
    color: #F2F2F2 !important;
}

.da-dots span {
    background-color: #000000 !important;
}

.footer a, .blogwrap a {
    color: #000000 !important;
}

.footer a:hover, .blogwrap a:hover {
    color: #c30346 !important;
}

#flickr img {
    border: 1px solid #F2F2F2 !important;
}

.margin40 {
    margin: 40px 0;
}

#mdx_MainBottomChunks .margin40 {
    margin-bottom:0;
}

#mdx_MainBottomChunks section h1.title{
   padding-top:40px;
}

.margin2020 {
    margin: 20px 20px;
}

h1, h2, h3, h4 {
    font-weight: 100;
    font-weight: normal;
    font-family: 'droid-sans-regular'
}
h3.seo {
color: #ffffff!important;
    height:0;
    display:none;
}


#mdx_rightwrap {
    max-width: 272px;
    float:right;
}
#weisslist  {
align: center;

}
#weisslist ul {
display:inline-block;
    width: auto;
    margin-right: auto;
margin-left: auto;
   
}
#weisslist li {
    text-align: left;
    list-style-type: square;
    font-size: 80%;
    padding-top: 15px;
    
}
#weisslist {
    margin-bottom: 40px;
}

#weisslist p {
     font-size: 15px;
}
#weisslist h3 {
padding-top: 20px;
}
#schwarzblock h2 {
    display:none;
}
#schwarzblock p#reflink a {
   font-size: 13px;
 color: #fff;
    display: inline-block;
 position: relative;
    top: -1em;
  float:right;
}
#schwarzblock p a:hover {
    color: #c30346;
}
#reflink {
position: absolute;   
    right:-50px;
    top:170px;
width: 100%;
   display:block;
   
  }

#reflink a:link { 
    float:right;
    width: 56px;
    height: 56px;
   display:block;
	background: url(images/controls-lamisse-1.png) no-repeat -56px 0;
	border: solid 1px transparent;
	border-radius: 26px;
}


#reflink a:hover {
	background: url(images/controls-lamisse-1.png) no-repeat -56px -54px;	
}

.panel-body p {
    margin-right: 18px;
    margin-left: 18px;
    
}

#accordion2 .panel-body {
 border:1px solid #ddd;
	border-top: 0px;
	margin-bottom: 5px;
}

/*
================================================
===================Menu color===================
================================================
*/

.menu-bar-var2 nav {
  position: relative;  
left: -30px;
}


ul#navd a {
    color: #ffffff !important;
 
}

ul#navd a {
    background-color: #000000 !important;
}



ul#navd a:hover,ul#navd .active a {
    color: #ffffff !important;
}

ul#navd a:hover{
    background-color: #C20347 !important;
}

ul#navd ul {
    background-color: #000000 !important;
    
}

ul#navd ul li:hover {
    background-color: #C20347 !important;
}

ul#navd ul li.first {
border-top: 1px solid #ffffff;
}
ul#navd ul li:hover a {
    color: #ffffff !important;
  
}

ul#navd ul a {
    color: #ffffff !important;
    
}

ul#navd ul li a:hover {
    color: #ffffff !important;
}

ul#navd li:hover ul ul a {
    color: #ffffff !important;
       
    
}

ul#navd li:hover ul ul a:hover {
    color: #ffffff !important;
}

ul#navd .active li a {
    color: #ffffff !important;
}

.navigation {
    background-color: #2f2f2f !important;
     color: #ffffff !important;
}

.navigation li a {
    color: #ffffff !important;
}
.navigation li a:hover {
    background-color: #ffffff !important;
    color: #000000!important;
}
/*
================================================
===================Section Special Map KONTAKTSEITE 
}===================
================================================
*/

section .map_textblock {
    position: absolute;
    right:140px;
   margin-top: -45px;
    padding: 40px;
    background: #fff;
    width: 425px;
    height: 480px;
}
#content.content267  {
    background-color: #F2F2F2;
    margin-top: -60px;
    padding-top: 30px;
}


@media only screen and (max-width: 959px) {
    
section .map_textblock {
    position: relative;
    left:0;
    z-index:0;
  margin-top:0;
    padding-left: 18px;
    background: #fff;
    width: 100%;
    height: auto;
}
    
    section .map_textblock h4 {
        display:none;
    }
    
    #content.content267  {
    background-color: #FFFFFF;
    margin-top: 0;
    padding-top: 0;
}
    
.quabg {
      background-color: #FFFFFF!important;
    }

}

/*
================================================
===================  Breadcrumbs ===================
================================================
*/

ul.B_crumbBox li {
display:inline;
}
ul.B_crumbBox {
    list-style-position: outside;
}

ul.B_crumbBox {
    margin-left:0;
    padding-left:15px;
}

/*
================================================
===================SUCHERGEBNISSE ===================
================================================
*/

.simplesearch-result-pages{
 padding-right: 8px;   
}

.simplesearch-page a {
background: #000;
    display:inline-block;
    width: 30px; height: 30px;
    border-radius: 50%;
    padding: 5px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.simplesearch-page a:hover {
    background: #fff;
     color: #000;
}

.simplesearch-page.simplesearch-current-page  {
  background: #000;
    display:inline-block;
    width: 30px; height: 30px;
    border-radius: 50%;
    padding: 5px;

    color: #C20347;
    font-weight: bold;
    text-align: center;
}

.simplesearch-paging {
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
}

.simplesearch-result h3 {
    margin-top: 1.5em;
    margin-bottom:0;
    font-size: 1.5em;
}
/*
================================================
===================Blog color===================
================================================
*/
#mdx_rightwrap a:hover, #mdx_leftwrap a:hover {
    color: #000000 !important;
}

#mdx_rightwrap a, #mdx_rightwrap a {
    color: #2f2f2f !important;
}

#mdx_rightwrap .mdx_tagcloud a:hover {
    background-color: #000000 !important;
    color: #F2F2F2 !important;
}

.pagination li a {
    background-color: #2f2f2f !important;
    color: #F2F2F2 !important;
}

.pagination li a:hover {
    background-color: #000000 !important;
}

.pagination li .active {
    background-color: #000000 !important;
}

.links a:hover {
    background-color: #000000 !important;
}

.post a:hover {
    color: #000000 !important;
}

.post .links a:hover {
    color: #F2F2F2 !important;
}

#topnav .active a {
    color: #000000 !important;
}

/*
================================================
===================Pricing Table color===================
================================================
*/
.pricing_table_footer a:hover {
    color: #F2F2F2 !important;
}

/*
================================================
===================Services color===================
================================================
*/
.image_icon i {
    color: #000000 !important;
}

.image_icon .learn_more:hover {
    background-color: #000000 !important;
    color: #F2F2F2 !important;
}

.image_icon a:hover {
    color: #000000 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #C20347 !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #000000 !important;
    ;
    color: #F2F2F2 !important;
}

div.kundenlogos img {

    padding: 21px;
   
    width: 149px;
   
}
.kundenlogos {
   
    
  padding-top: 20px;
    padding-bottom: 20px;
  padding-left: 30px;

    display:inline-block;
     background-color: #000000;
}

.kundenlogos div {
     margin-right: auto;
    margin-left: auto;
    padding:0;
  max-width: 1200px;
    
}

.kundenlogos img {
width: 152px!important;
    height: 152px!important;
    padding:0!important;
    margin:20px;
    background-color:#fff;
}

img.markenslider {
width: auto;
    padding: 40px;
}

ul#azliste {
width: 90%;
     margin-right: auto;
    margin-left:auto;
}
ul#azliste li {
float:left;
    width: 200px;
    min-height: 250px;
    border: solid 1px #000;
   
    margin:20px;
    margin-bottom:20px;
    padding: 20px;
    padding-bottom: 0;
    text-align: center;
}
ul#azliste li img{
    padding-top:13px;
    width: 150px;
    text-align: center;
    margin-left:auto;
    margin-right: auto;
}

ul#azliste li h4{
    font-size:110%;
    margin:0;
    line-height: 22px;
}
ul#azliste li p{
    margin:0;
    line-height: 13px;
}
.center {
    padding:0;
     display:inline-block;
width: 90%;
     margin-right: auto;
    margin-left: auto;
     
}

div.testmonial p {

font-size: 15px;
}
div.testmonial h4{
    text-align: left;
font-size: 107%;
    margin-top: 0;
}












@media only screen and (min-width : 300px) and (max-width : 989px) {
	.menu-bar {display:none;}
   #erreichen {display:none;}
    #tele  {display:none;}
}


@media only screen and (max-width: 989px) {
	
#mdx_header .headertop {
	display:none!important;
	}
    
#reflink {
    display:block;
    width: 56px;
position: relative;
    top: -15px;
   right: 0;
    text-align: center;
        margin-right: auto;
        margin-left: auto;
}
     

}


.row {
max-width:1180px;
     margin-left: auto;
    margin-right: auto;
}


#seiten-431 h3,
#seiten-1 h3{
    padding-top:5px;
    margin-bottom:0;
}
#seiten-431 #bilderreihe,
#seiten-1 #bilderreihe{  
width: 100%;   
   
}
#seiten-431 #bilderreihe .bx-wrapper,
#seiten-1 #bilderreihe .bx-wrapper{
    padding:0;
    margin:0;
 padding-bottom: 50px;
}

#seiten-431 #bilderreihe .bx-wrapper div.slide,
#seiten-1 #bilderreihe .bx-wrapper div.slide{
   background-color: transparent!important;
    
}

#seiten-431 #bilderreihe .bx-wrapper img,
#seiten-1 #bilderreihe .bx-wrapper img{
	width: 100%;
    
	height: auto!important;
	overflow:hidden;
	padding:20px;
	background-color: transparent!important;
   
}

#seiten-431 #bilderreihe .bx-wrapper .bx-prev,
#seiten-1 #bilderreihe .bx-wrapper .bx-prev{
	left: -50px;
    top: 190px;
	
}
#seiten-431 #bilderreihe .bx-wrapper .bx-next,
#seiten-1 #bilderreihe .bx-wrapper .bx-next{
	right: -50px;
    top: 190px;
}

@media only screen and (max-width: 1180px) {
    
    #seiten-431 #bilderreihe .bx-wrapper img,
#seiten-1 #bilderreihe .bx-wrapper img{	
	padding:10px;
	 
}
	
  #seiten-431 #bilderreihe .bx-wrapper .bx-prev,
#seiten-1 #bilderreihe .bx-wrapper .bx-prev{
	left: 20px;
    top: 190px;
	
}
#seiten-431 #bilderreihe .bx-wrapper .bx-next,
#seiten-1 #bilderreihe .bx-wrapper .bx-next{
	right: 20px;
    top: 190px;
}   

}

h2.seo {
display: none;

    font-size: 1.2em;
}

/* iPad Hoch - und Querformat  */
@media only screen and (max-width: 1024px)  { 

#mdx_MainTopChunks .bg2.padding20{
    margin:0;        
}  
    
#mdx_MainBottomChunks div.padding20 {
    margin:0;  
}  

#mdx_MainTopChunks div.margin20 {
padding:0;
margin:0;  
}  
    
#mdx_MainBottomChunks h3.kunden {   
margin:0;  
margin-top: -20px;   
} 
.testmonialswrap .bx-pager {	
padding-top:40px;
  
}      
}



@media only screen and (max-width: 989px) {
      #seiten-431 #bilderreihe .bx-wrapper .bx-prev,
#seiten-1 #bilderreihe .bx-wrapper .bx-prev{
display:none;
	
}
#seiten-431 #bilderreihe .bx-wrapper .bx-next,
#seiten-1 #bilderreihe .bx-wrapper .bx-next{
display:none;
}  

    .testmonialswrap .col-md-6{	
	margin-left: 15%;
	 width:70%;
        display:block;
}
   
.testmonialswrap .bx-pager {	
padding-top: 65px;
}

    .testmonialswrap i {
display:none;
}
#seiten-274 .testmonialswrap .bx-pager {	
padding-top: 0;
    margin-top: 0;
}
  #mdx_content {
	margin-top:120px;
	margin-bottom: 10px;
}

}



@media only screen and (min-device-width:768px) 
and (max-device-width:1024px) {
    
 .testmonialswrap .bx-pager {	
padding-top: 65px;
}
}

@media only screen and (max-width: 600px) {
    .testmonialswrap .bx-pager {	
margin-top: 50px;
        line-height: 3em;
} 
.testmonialswrap .bx-pager {
	top: 100px;
}
	
	

	.bx-wrapper img {
		margin-top: 70px;
	width: 100%;
	display: block;
height: auto;
}
	
    }

@media only screen and (max-width: 480px) {
    
     .testmonialswrap .col-md-6{	
	margin-left:0;
	 width:100%;     
}
    .testmonialswrap .bx-pager {	

        line-height: 3em;
} 
    
#seiten-431 #bilderreihe .bx-wrapper .bx-pager,
#seiten-431 #bilderreihe .bx-wrapper .bx-pager{

}
    #seiten-431 #bilderreihe .bx-wrapper img,
#seiten-1 #bilderreihe .bx-wrapper img{	
	padding:0;
	 
} 
#mdx_MainBottomChunks h3.kunden{	
	font-size:1.35em;   
}
    
     footer h4#shop img {
 max-width: 100px;
     position: relative;
     top:-6px;
}
    
 #seiten-274 .clear.row.padding60 {	
display:none;
}
}



#seiten-274 .testmonialswrap .bx-pager {	
padding-top: 0;
    margin-top: 0;
}



.post h1 a:hover{
color: #ffffff!important;
	 font-family: 'droid-sans-regular' !important;
    font-weight:normal;
	font-size: 100%;	
}

.post h1.text-center {
margin: auto;
text-align:center;
display:block;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; /*-webkit-backface-visibility: hidden;*/} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {
   /* border: 5px solid #2D2D2D;*/
    margin: 20px 0 30px;
    position: relative;

}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {/*zoom: 1;*/}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {/**height: 0;*/}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; /*filter:alpha(opacity=30);*/ cursor: default;}

/* Control Nav */
.flex-control-nav {    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: auto;
	display:none;}
/* .flex-control-nav {    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: auto;}*/
.flex-control-nav li {margin: 0; display: inline-block; /*zoom: 1; *display: inline;*/}
.flex-control-paging li a { display: block;  cursor: pointer; padding:10px 20px;}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); text-decoration:none; }
.flex-control-paging li a.flex-active {  background:#FFD200; cursor: default; color:#000 !important;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face {
 font-family:'FontAwesome';
 src:url('../fonts/fontawesome-webfont.eot?v=4.0.3');
 src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
 url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),
 url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),
 url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
 font-weight:normal;
 font-style:normal
}
.fa {
 display:inline-block;
 font-family:FontAwesome;
 font-style:normal;
 font-weight:normal;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.fa-lg {
 font-size:1.3333333333333333em;
 line-height:.75em;
 vertical-align:-15%
}
.fa-2x {
 font-size:2em
}
.fa-3x {
 font-size:3em
}
.fa-4x {
 font-size:4em
}
.fa-5x {
 font-size:5em
}
.fa-fw {
 width:1.2857142857142858em;
 text-align:center
}
.fa-ul {
 padding-left:0;
 margin-left:2.142857142857143em;
 list-style-type:none
}
.fa-ul>li {
 position:relative
}
.fa-li {
 position:absolute;
 left:-2.142857142857143em;
 width:2.142857142857143em;
 top:.14285714285714285em;
 text-align:center
}
.fa-li.fa-lg {
 left:-1.8571428571428572em
}
.fa-border {
 padding:.2em .25em .15em;
 border:solid .08em #eee;
 border-radius:.1em
}
.pull-right {
 float:right
}
.pull-left {
 float:left
}
.fa.pull-left {
 margin-right:.3em
}
.fa.pull-right {
 margin-left:.3em
}
.fa-spin {
 -webkit-animation:spin 2s infinite linear;
 -moz-animation:spin 2s infinite linear;
 -o-animation:spin 2s infinite linear;
 animation:spin 2s infinite linear
}
@-moz-keyframes spin {
 0% {
  -moz-transform:rotate(0deg)
 }
 100% {
  -moz-transform:rotate(359deg)
 }
}
@-webkit-keyframes spin {
 0% {
  -webkit-transform:rotate(0deg)
 }
 100% {
  -webkit-transform:rotate(359deg)
 }
}
@-o-keyframes spin {
 0% {
  -o-transform:rotate(0deg)
 }
 100% {
  -o-transform:rotate(359deg)
 }
}
@-ms-keyframes spin {
 0% {
  -ms-transform:rotate(0deg)
 }
 100% {
  -ms-transform:rotate(359deg)
 }
}
@keyframes spin {
 0% {
  transform:rotate(0deg)
 }
 100% {
  transform:rotate(359deg)
 }
}
.fa-rotate-90 {
 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
 -webkit-transform:rotate(90deg);
 -moz-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 -o-transform:rotate(90deg);
 transform:rotate(90deg)
}
.fa-rotate-180 {
 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
 -webkit-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -o-transform:rotate(180deg);
 transform:rotate(180deg)
}
.fa-rotate-270 {
 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 -webkit-transform:rotate(270deg);
 -moz-transform:rotate(270deg);
 -ms-transform:rotate(270deg);
 -o-transform:rotate(270deg);
 transform:rotate(270deg)
}
.fa-flip-horizontal {
 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);
 -webkit-transform:scale(-1,1);
 -moz-transform:scale(-1,1);
 -ms-transform:scale(-1,1);
 -o-transform:scale(-1,1);
 transform:scale(-1,1)
}
.fa-flip-vertical {
 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
 -webkit-transform:scale(1,-1);
 -moz-transform:scale(1,-1);
 -ms-transform:scale(1,-1);
 -o-transform:scale(1,-1);
 transform:scale(1,-1)
}
.fa-stack {
 position:relative;
 display:inline-block;
 width:2em;
 height:2em;
 line-height:2em;
 vertical-align:middle
}
.fa-stack-1x,
.fa-stack-2x {
 position:absolute;
 left:0;
 width:100%;
 text-align:center
}
.fa-stack-1x {
 line-height:inherit
}
.fa-stack-2x {
 font-size:2em
}
.fa-inverse {
 color:#fff
}
.fa-glass:before {
 content:"\f000"
}
.fa-music:before {
 content:"\f001"
}
.fa-search:before {
 content:"\f002"
}
.fa-envelope-o:before {
 content:"\f003"
}
.fa-heart:before {
 content:"\f004"
}
.fa-star:before {
 content:"\f005"
}
.fa-star-o:before {
 content:"\f006"
}
.fa-user:before {
 content:"\f007"
}
.fa-film:before {
 content:"\f008"
}
.fa-th-large:before {
 content:"\f009"
}
.fa-th:before {
 content:"\f00a"
}
.fa-th-list:before {
 content:"\f00b"
}
.fa-check:before {
 content:"\f00c"
}
.fa-times:before {
 content:"\f00d"
}
.fa-search-plus:before {
 content:"\f00e"
}
.fa-search-minus:before {
 content:"\f010"
}
.fa-power-off:before {
 content:"\f011"
}
.fa-signal:before {
 content:"\f012"
}
.fa-gear:before,
.fa-cog:before {
 content:"\f013"
}
.fa-trash-o:before {
 content:"\f014"
}
.fa-home:before {
 content:"\f015"
}
.fa-file-o:before {
 content:"\f016"
}
.fa-clock-o:before {
 content:"\f017"
}
.fa-road:before {
 content:"\f018"
}
.fa-download:before {
 content:"\f019"
}
.fa-arrow-circle-o-down:before {
 content:"\f01a"
}
.fa-arrow-circle-o-up:before {
 content:"\f01b"
}
.fa-inbox:before {
 content:"\f01c"
}
.fa-play-circle-o:before {
 content:"\f01d"
}
.fa-rotate-right:before,
.fa-repeat:before {
 content:"\f01e"
}
.fa-refresh:before {
 content:"\f021"
}
.fa-list-alt:before {
 content:"\f022"
}
.fa-lock:before {
 content:"\f023"
}
.fa-flag:before {
 content:"\f024"
}
.fa-headphones:before {
 content:"\f025"
}
.fa-volume-off:before {
 content:"\f026"
}
.fa-volume-down:before {
 content:"\f027"
}
.fa-volume-up:before {
 content:"\f028"
}
.fa-qrcode:before {
 content:"\f029"
}
.fa-barcode:before {
 content:"\f02a"
}
.fa-tag:before {
 content:"\f02b"
}
.fa-tags:before {
 content:"\f02c"
}
.fa-book:before {
 content:"\f02d"
}
.fa-bookmark:before {
 content:"\f02e"
}
.fa-print:before {
 content:"\f02f"
}
.fa-camera:before {
 content:"\f030"
}
.fa-font:before {
 content:"\f031"
}
.fa-bold:before {
 content:"\f032"
}
.fa-italic:before {
 content:"\f033"
}
.fa-text-height:before {
 content:"\f034"
}
.fa-text-width:before {
 content:"\f035"
}
.fa-align-left:before {
 content:"\f036"
}
.fa-align-center:before {
 content:"\f037"
}
.fa-align-right:before {
 content:"\f038"
}
.fa-align-justify:before {
 content:"\f039"
}
.fa-list:before {
 content:"\f03a"
}
.fa-dedent:before,
.fa-outdent:before {
 content:"\f03b"
}
.fa-indent:before {
 content:"\f03c"
}
.fa-video-camera:before {
 content:"\f03d"
}
.fa-picture-o:before {
 content:"\f03e"
}
.fa-pencil:before {
 content:"\f040"
}
.fa-map-marker:before {
 content:"\f041"
}
.fa-adjust:before {
 content:"\f042"
}
.fa-tint:before {
 content:"\f043"
}
.fa-edit:before,
.fa-pencil-square-o:before {
 content:"\f044"
}
.fa-share-square-o:before {
 content:"\f045"
}
.fa-check-square-o:before {
 content:"\f046"
}
.fa-arrows:before {
 content:"\f047"
}
.fa-step-backward:before {
 content:"\f048"
}
.fa-fast-backward:before {
 content:"\f049"
}
.fa-backward:before {
 content:"\f04a"
}
.fa-play:before {
 content:"\f04b"
}
.fa-pause:before {
 content:"\f04c"
}
.fa-stop:before {
 content:"\f04d"
}
.fa-forward:before {
 content:"\f04e"
}
.fa-fast-forward:before {
 content:"\f050"
}
.fa-step-forward:before {
 content:"\f051"
}
.fa-eject:before {
 content:"\f052"
}
.fa-chevron-left:before {
 content:"\f053"
}
.fa-chevron-right:before {
 content:"\f054"
}
.fa-plus-circle:before {
 content:"\f055"
}
.fa-minus-circle:before {
 content:"\f056"
}
.fa-times-circle:before {
 content:"\f057"
}
.fa-check-circle:before {
 content:"\f058"
}
.fa-question-circle:before {
 content:"\f059"
}
.fa-info-circle:before {
 content:"\f05a"
}
.fa-crosshairs:before {
 content:"\f05b"
}
.fa-times-circle-o:before {
 content:"\f05c"
}
.fa-check-circle-o:before {
 content:"\f05d"
}
.fa-ban:before {
 content:"\f05e"
}
.fa-arrow-left:before {
 content:"\f060"
}
.fa-arrow-right:before {
 content:"\f061"
}
.fa-arrow-up:before {
 content:"\f062"
}
.fa-arrow-down:before {
 content:"\f063"
}
.fa-mail-forward:before,
.fa-share:before {
 content:"\f064"
}
.fa-expand:before {
 content:"\f065"
}
.fa-compress:before {
 content:"\f066"
}
.fa-plus:before {
 content:"\f067"
}
.fa-minus:before {
 content:"\f068"
}
.fa-asterisk:before {
 content:"\f069"
}
.fa-exclamation-circle:before {
 content:"\f06a"
}
.fa-gift:before {
 content:"\f06b"
}
.fa-leaf:before {
 content:"\f06c"
}
.fa-fire:before {
 content:"\f06d"
}
.fa-eye:before {
 content:"\f06e"
}
.fa-eye-slash:before {
 content:"\f070"
}
.fa-warning:before,
.fa-exclamation-triangle:before {
 content:"\f071"
}
.fa-plane:before {
 content:"\f072"
}
.fa-calendar:before {
 content:"\f073"
}
.fa-random:before {
 content:"\f074"
}
.fa-comment:before {
 content:"\f075"
}
.fa-magnet:before {
 content:"\f076"
}
.fa-chevron-up:before {
 content:"\f077"
}
.fa-chevron-down:before {
 content:"\f078"
}
.fa-retweet:before {
 content:"\f079"
}
.fa-shopping-cart:before {
 content:"\f07a"
}
.fa-folder:before {
 content:"\f07b"
}
.fa-folder-open:before {
 content:"\f07c"
}
.fa-arrows-v:before {
 content:"\f07d"
}
.fa-arrows-h:before {
 content:"\f07e"
}
.fa-bar-chart-o:before {
 content:"\f080"
}
.fa-twitter-square:before {
 content:"\f081"
}
.fa-facebook-square:before {
 content:"\f082"
}
.fa-camera-retro:before {
 content:"\f083"
}
.fa-key:before {
 content:"\f084"
}
.fa-gears:before,
.fa-cogs:before {
 content:"\f085"
}
.fa-comments:before {
 content:"\f086"
}
.fa-thumbs-o-up:before {
 content:"\f087"
}
.fa-thumbs-o-down:before {
 content:"\f088"
}
.fa-star-half:before {
 content:"\f089"
}
.fa-heart-o:before {
 content:"\f08a"
}
.fa-sign-out:before {
 content:"\f08b"
}
.fa-linkedin-square:before {
 content:"\f08c"
}
.fa-thumb-tack:before {
 content:"\f08d"
}
.fa-external-link:before {
 content:"\f08e"
}
.fa-sign-in:before {
 content:"\f090"
}
.fa-trophy:before {
 content:"\f091"
}
.fa-github-square:before {
 content:"\f092"
}
.fa-upload:before {
 content:"\f093"
}
.fa-lemon-o:before {
 content:"\f094"
}
.fa-phone:before {
 content:"\f095"
}
.fa-square-o:before {
 content:"\f096"
}
.fa-bookmark-o:before {
 content:"\f097"
}
.fa-phone-square:before {
 content:"\f098"
}
.fa-twitter:before {
 content:"\f099"
}
.fa-facebook:before {
 content:"\f09a"
}
.fa-github:before {
 content:"\f09b"
}
.fa-unlock:before {
 content:"\f09c"
}
.fa-credit-card:before {
 content:"\f09d"
}
.fa-rss:before {
 content:"\f09e"
}
.fa-hdd-o:before {
 content:"\f0a0"
}
.fa-bullhorn:before {
 content:"\f0a1"
}
.fa-bell:before {
 content:"\f0f3"
}
.fa-certificate:before {
 content:"\f0a3"
}
.fa-hand-o-right:before {
 content:"\f0a4"
}
.fa-hand-o-left:before {
 content:"\f0a5"
}
.fa-hand-o-up:before {
 content:"\f0a6"
}
.fa-hand-o-down:before {
 content:"\f0a7"
}
.fa-arrow-circle-left:before {
 content:"\f0a8"
}
.fa-arrow-circle-right:before {
 content:"\f0a9"
}
.fa-arrow-circle-up:before {
 content:"\f0aa"
}
.fa-arrow-circle-down:before {
 content:"\f0ab"
}
.fa-globe:before {
 content:"\f0ac"
}
.fa-wrench:before {
 content:"\f0ad"
}
.fa-tasks:before {
 content:"\f0ae"
}
.fa-filter:before {
 content:"\f0b0"
}
.fa-briefcase:before {
 content:"\f0b1"
}
.fa-arrows-alt:before {
 content:"\f0b2"
}
.fa-group:before,
.fa-users:before {
 content:"\f0c0"
}
.fa-chain:before,
.fa-link:before {
 content:"\f0c1"
}
.fa-cloud:before {
 content:"\f0c2"
}
.fa-flask:before {
 content:"\f0c3"
}
.fa-cut:before,
.fa-scissors:before {
 content:"\f0c4"
}
.fa-copy:before,
.fa-files-o:before {
 content:"\f0c5"
}
.fa-paperclip:before {
 content:"\f0c6"
}
.fa-save:before,
.fa-floppy-o:before {
 content:"\f0c7"
}
.fa-square:before {
 content:"\f0c8"
}
.fa-bars:before {
 content:"\f0c9"
}
.fa-list-ul:before {
 content:"\f0ca"
}
.fa-list-ol:before {
 content:"\f0cb"
}
.fa-strikethrough:before {
 content:"\f0cc"
}
.fa-underline:before {
 content:"\f0cd"
}
.fa-table:before {
 content:"\f0ce"
}
.fa-magic:before {
 content:"\f0d0"
}
.fa-truck:before {
 content:"\f0d1"
}
.fa-pinterest:before {
 content:"\f0d2"
}
.fa-pinterest-square:before {
 content:"\f0d3"
}
.fa-google-plus-square:before {
 content:"\f0d4"
}
.fa-google-plus:before {
 content:"\f0d5"
}
.fa-money:before {
 content:"\f0d6"
}
.fa-caret-down:before {
 content:"\f0d7"
}
.fa-caret-up:before {
 content:"\f0d8"
}
.fa-caret-left:before {
 content:"\f0d9"
}
.fa-caret-right:before {
 content:"\f0da"
}
.fa-columns:before {
 content:"\f0db"
}
.fa-unsorted:before,
.fa-sort:before {
 content:"\f0dc"
}
.fa-sort-down:before,
.fa-sort-asc:before {
 content:"\f0dd"
}
.fa-sort-up:before,
.fa-sort-desc:before {
 content:"\f0de"
}
.fa-envelope:before {
 content:"\f0e0"
}
.fa-linkedin:before {
 content:"\f0e1"
}
.fa-rotate-left:before,
.fa-undo:before {
 content:"\f0e2"
}
.fa-legal:before,
.fa-gavel:before {
 content:"\f0e3"
}
.fa-dashboard:before,
.fa-tachometer:before {
 content:"\f0e4"
}
.fa-comment-o:before {
 content:"\f0e5"
}
.fa-comments-o:before {
 content:"\f0e6"
}
.fa-flash:before,
.fa-bolt:before {
 content:"\f0e7"
}
.fa-sitemap:before {
 content:"\f0e8"
}
.fa-umbrella:before {
 content:"\f0e9"
}
.fa-paste:before,
.fa-clipboard:before {
 content:"\f0ea"
}
.fa-lightbulb-o:before {
 content:"\f0eb"
}
.fa-exchange:before {
 content:"\f0ec"
}
.fa-cloud-download:before {
 content:"\f0ed"
}
.fa-cloud-upload:before {
 content:"\f0ee"
}
.fa-user-md:before {
 content:"\f0f0"
}
.fa-stethoscope:before {
 content:"\f0f1"
}
.fa-suitcase:before {
 content:"\f0f2"
}
.fa-bell-o:before {
 content:"\f0a2"
}
.fa-coffee:before {
 content:"\f0f4"
}
.fa-cutlery:before {
 content:"\f0f5"
}
.fa-file-text-o:before {
 content:"\f0f6"
}
.fa-building-o:before {
 content:"\f0f7"
}
.fa-hospital-o:before {
 content:"\f0f8"
}
.fa-ambulance:before {
 content:"\f0f9"
}
.fa-medkit:before {
 content:"\f0fa"
}
.fa-fighter-jet:before {
 content:"\f0fb"
}
.fa-beer:before {
 content:"\f0fc"
}
.fa-h-square:before {
 content:"\f0fd"
}
.fa-plus-square:before {
 content:"\f0fe"
}
.fa-angle-double-left:before {
 content:"\f100"
}
.fa-angle-double-right:before {
 content:"\f101"
}
.fa-angle-double-up:before {
 content:"\f102"
}
.fa-angle-double-down:before {
 content:"\f103"
}
.fa-angle-left:before {
 content:"\f104"
}
.fa-angle-right:before {
 content:"\f105"
}
.fa-angle-up:before {
 content:"\f106"
}
.fa-angle-down:before {
 content:"\f107"
}
.fa-desktop:before {
 content:"\f108"
}
.fa-laptop:before {
 content:"\f109"
}
.fa-tablet:before {
 content:"\f10a"
}
.fa-mobile-phone:before,
.fa-mobile:before {
 content:"\f10b"
}
.fa-circle-o:before {
 content:"\f10c"
}
.fa-quote-left:before {
 content:"\f10d"
}
.fa-quote-right:before {
 content:"\f10e"
}
.fa-spinner:before {
 content:"\f110"
}
.fa-circle:before {
 content:"\f111"
}
.fa-mail-reply:before,
.fa-reply:before {
 content:"\f112"
}
.fa-github-alt:before {
 content:"\f113"
}
.fa-folder-o:before {
 content:"\f114"
}
.fa-folder-open-o:before {
 content:"\f115"
}
.fa-smile-o:before {
 content:"\f118"
}
.fa-frown-o:before {
 content:"\f119"
}
.fa-meh-o:before {
 content:"\f11a"
}
.fa-gamepad:before {
 content:"\f11b"
}
.fa-keyboard-o:before {
 content:"\f11c"
}
.fa-flag-o:before {
 content:"\f11d"
}
.fa-flag-checkered:before {
 content:"\f11e"
}
.fa-terminal:before {
 content:"\f120"
}
.fa-code:before {
 content:"\f121"
}
.fa-reply-all:before {
 content:"\f122"
}
.fa-mail-reply-all:before {
 content:"\f122"
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
 content:"\f123"
}
.fa-location-arrow:before {
 content:"\f124"
}
.fa-crop:before {
 content:"\f125"
}
.fa-code-fork:before {
 content:"\f126"
}
.fa-unlink:before,
.fa-chain-broken:before {
 content:"\f127"
}
.fa-question:before {
 content:"\f128"
}
.fa-info:before {
 content:"\f129"
}
.fa-exclamation:before {
 content:"\f12a"
}
.fa-superscript:before {
 content:"\f12b"
}
.fa-subscript:before {
 content:"\f12c"
}
.fa-eraser:before {
 content:"\f12d"
}
.fa-puzzle-piece:before {
 content:"\f12e"
}
.fa-microphone:before {
 content:"\f130"
}
.fa-microphone-slash:before {
 content:"\f131"
}
.fa-shield:before {
 content:"\f132"
}
.fa-calendar-o:before {
 content:"\f133"
}
.fa-fire-extinguisher:before {
 content:"\f134"
}
.fa-rocket:before {
 content:"\f135"
}
.fa-maxcdn:before {
 content:"\f136"
}
.fa-chevron-circle-left:before {
 content:"\f137"
}
.fa-chevron-circle-right:before {
 content:"\f138"
}
.fa-chevron-circle-up:before {
 content:"\f139"
}
.fa-chevron-circle-down:before {
 content:"\f13a"
}
.fa-html5:before {
 content:"\f13b"
}
.fa-css3:before {
 content:"\f13c"
}
.fa-anchor:before {
 content:"\f13d"
}
.fa-unlock-alt:before {
 content:"\f13e"
}
.fa-bullseye:before {
 content:"\f140"
}
.fa-ellipsis-h:before {
 content:"\f141"
}
.fa-ellipsis-v:before {
 content:"\f142"
}
.fa-rss-square:before {
 content:"\f143"
}
.fa-play-circle:before {
 content:"\f144"
}
.fa-ticket:before {
 content:"\f145"
}
.fa-minus-square:before {
 content:"\f146"
}
.fa-minus-square-o:before {
 content:"\f147"
}
.fa-level-up:before {
 content:"\f148"
}
.fa-level-down:before {
 content:"\f149"
}
.fa-check-square:before {
 content:"\f14a"
}
.fa-pencil-square:before {
 content:"\f14b"
}
.fa-external-link-square:before {
 content:"\f14c"
}
.fa-share-square:before {
 content:"\f14d"
}
.fa-compass:before {
 content:"\f14e"
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
 content:"\f150"
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
 content:"\f151"
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
 content:"\f152"
}
.fa-euro:before,
.fa-eur:before {
 content:"\f153"
}
.fa-gbp:before {
 content:"\f154"
}
.fa-dollar:before,
.fa-usd:before {
 content:"\f155"
}
.fa-rupee:before,
.fa-inr:before {
 content:"\f156"
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
 content:"\f157"
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
 content:"\f158"
}
.fa-won:before,
.fa-krw:before {
 content:"\f159"
}
.fa-bitcoin:before,
.fa-btc:before {
 content:"\f15a"
}
.fa-file:before {
 content:"\f15b"
}
.fa-file-text:before {
 content:"\f15c"
}
.fa-sort-alpha-asc:before {
 content:"\f15d"
}
.fa-sort-alpha-desc:before {
 content:"\f15e"
}
.fa-sort-amount-asc:before {
 content:"\f160"
}
.fa-sort-amount-desc:before {
 content:"\f161"
}
.fa-sort-numeric-asc:before {
 content:"\f162"
}
.fa-sort-numeric-desc:before {
 content:"\f163"
}
.fa-thumbs-up:before {
 content:"\f164"
}
.fa-thumbs-down:before {
 content:"\f165"
}
.fa-youtube-square:before {
 content:"\f166"
}
.fa-youtube:before {
 content:"\f167"
}
.fa-xing:before {
 content:"\f168"
}
.fa-xing-square:before {
 content:"\f169"
}
.fa-youtube-play:before {
 content:"\f16a"
}
.fa-dropbox:before {
 content:"\f16b"
}
.fa-stack-overflow:before {
 content:"\f16c"
}
.fa-instagram:before {
 content:"\f16d"
}
.fa-flickr:before {
 content:"\f16e"
}
.fa-adn:before {
 content:"\f170"
}
.fa-bitbucket:before {
 content:"\f171"
}
.fa-bitbucket-square:before {
 content:"\f172"
}
.fa-tumblr:before {
 content:"\f173"
}
.fa-tumblr-square:before {
 content:"\f174"
}
.fa-long-arrow-down:before {
 content:"\f175"
}
.fa-long-arrow-up:before {
 content:"\f176"
}
.fa-long-arrow-left:before {
 content:"\f177"
}
.fa-long-arrow-right:before {
 content:"\f178"
}
.fa-apple:before {
 content:"\f179"
}
.fa-windows:before {
 content:"\f17a"
}
.fa-android:before {
 content:"\f17b"
}
.fa-linux:before {
 content:"\f17c"
}
.fa-dribbble:before {
 content:"\f17d"
}
.fa-skype:before {
 content:"\f17e"
}
.fa-foursquare:before {
 content:"\f180"
}
.fa-trello:before {
 content:"\f181"
}
.fa-female:before {
 content:"\f182"
}
.fa-male:before {
 content:"\f183"
}
.fa-gittip:before {
 content:"\f184"
}
.fa-sun-o:before {
 content:"\f185"
}
.fa-moon-o:before {
 content:"\f186"
}
.fa-archive:before {
 content:"\f187"
}
.fa-bug:before {
 content:"\f188"
}
.fa-vk:before {
 content:"\f189"
}
.fa-weibo:before {
 content:"\f18a"
}
.fa-renren:before {
 content:"\f18b"
}
.fa-pagelines:before {
 content:"\f18c"
}
.fa-stack-exchange:before {
 content:"\f18d"
}
.fa-arrow-circle-o-right:before {
 content:"\f18e"
}
.fa-arrow-circle-o-left:before {
 content:"\f190"
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
 content:"\f191"
}
.fa-dot-circle-o:before {
 content:"\f192"
}
.fa-wheelchair:before {
 content:"\f193"
}
.fa-vimeo-square:before {
 content:"\f194"
}
.fa-turkish-lira:before,
.fa-try:before {
 content:"\f195"
}
.fa-plus-square-o:before {
 content:"\f196"
}


/**

 * BxSlider v4.0 - Fully loaded, responsive content slider

 * http://bxslider.com

 *

 * Written by: Steven Wanderski, 2012

 * http://stevenwanderski.com

 * (while drinking Belgian ales and listening to jazz)

 *

 * CEO and founder of bxCreative, LTD

 * http://bxcreative.com

 */





/** RESET AND LAYOUT

===================================*/



.bx-wrapper {
	position: relative;
	margin: 0 0 0;
	padding: 0;
}
.bx-wrapper img {
	width: 100%;
	display: block;
}
/** THEME

===================================*/



.bx-wrapper .bx-viewport {
	background:transparent;
}
.bx-wrapper .bx-pager,  .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 20px;
	width: 100%;
}
/* LOADER */



.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* PAGER */



.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	margin-top: 60px;
	/*! position: absolute; */
	z-index:3;
}


.bx-wrapper .bx-pager .bx-pager-item,  .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 8px;
	outline: 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,  .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

.testmonialswrap .bx-pager {
	top: 140px;
}
/* DIRECTION CONTROLS (NEXT / PREV) */



.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls-lamisse-1.png) no-repeat -2px -56px;
	border: solid 1px transparent;
	border-radius: 26px;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls-lamisse-1.png) no-repeat -56px -56px;
	border: solid 1px transparent;
	border-radius: 26px;
	
}
.bx-wrapper .bx-prev:hover {
	border: solid 1px #fff;
	background-position: -2px -2px;
}
.bx-wrapper .bx-next:hover {
		border: solid 1px #fff;
	background-position: -56px -2px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -26px;
	outline: 0;
	width: 52px;
	height: 52px;
	text-indent: -9999px;
	z-index: 1001;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* AUTO CONTROLS (START / STOP) */



.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,  .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,  .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
/* IMAGE CAPTIONS */



.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}



.da-slider{
	width: 100%;
	height: 427px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url(../css/images/museum.jpg) repeat 0% 0%;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
}
.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: left;
}
.da-slide-current{
	z-index: 10;
}
.da-slider-fb .da-slide{
	left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
}
.da-slide h2,
.da-slide .introtext,
.da-slide .da-link,
.da-slide .da-img{
	position: absolute;
	opacity: 0;
	left: 110%;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide .introtext,
.da-slider-fb .da-slide .da-link{
	left: 10%;
	opacity: 1;
}
.da-slider-fb .da-slide .da-img{
	left: 60%;
	opacity: 1;
}
.da-slide h2{
    color: #F9F9F9;
    line-height: 50px;
    margin: 0;
    padding: 10px;
    top: 10%;
    z-index: 10;
}
.da-slide h2 i {
	font-size: 36px;
	font-style:normal;
	padding:0 5px;
	text-transform:uppercase;
}
.da-slide .introtext{
	min-height: 80px;
	overflow: hidden;
    padding: 8px;
	background: transparent url(../css/images/pcaptbg.png) repeat 0% 0% ;
    top: 30%;
    width: 25%;
}
.da-slide .introtext i {
	padding:0 10px;
	font-style:normal;
}
.da-slide .da-img{
	text-align: center;
	width: 50%;
	top: 10%;
	height: 328px;
	line-height: 320px;
	left: 110%; /*60%*/
	margin-left:-16%;
}
.da-slide-current .da-img{
	left: 60%;
	opacity: 1;
}

.da-slide .da-link{
	top: 320px; /*depends on p height*/

}
.da-slide .da-link:hover{
	background: rgba(255,255,255,0.3);
	box-shadow: 0 0 5px #eee;
	text-decoration:none;
}
.da-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 15px;
	z-index: 999999;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50% !important;
	margin: 3px;
	cursor: pointer;
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50% !important;
	background:#fff;
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	background: transparent url(../img/arrows.png) no-repeat;
	position: absolute;
	border-radius: 50px;
	top: 50%;
	height: 50px;
	width: 49px;
	margin-top: -25px;
	cursor: pointer;
	z-index: 10;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out 0.2s;
	transition: opacity 0.4s ease-in-out 0.2s;
}
.da-slider:hover .da-arrows span{
	opacity: 0.8;
}
.da-slider:hover .da-arrows span:hover{
	opacity: 1;
}
.da-arrows span:after{
	content: '';
	position: absolute;
	width: 49px;
	height: 49px;
}
.da-arrows span.da-arrows-prev{
	left: 12px;
	background-position:0 -68px;
}
.da-arrows span.da-arrows-next{
	right: 15px;
	background-position:0 1px;
}

.da-slide-current h2,
.da-slide-current .introtext,
.da-slide-current .da-link{
	left: 10%;
	opacity: 1;
}


/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2{
	-webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	animation: fromRightAnim1 0.6s ease-in 0.8s both;
}
.da-slide-fromright .introtext{
	-webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	animation: fromRightAnim2 0.6s ease-in 0.8s both;
}
.da-slide-fromright .da-link{
	-webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	animation: fromRightAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	animation: fromRightAnim4 0.6s ease-in 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h2{
	-webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in 0.6s both;
}
.da-slide-fromleft .introtext{
	-webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in 0.6s both;
}
.da-slide-fromleft .da-link{
	-webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
	-webkit-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in 0.6s both;
	animation: toRightAnim1 0.6s ease-in 0.6s both;
}
.da-slide-toright .introtext{
	-webkit-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in 0.3s both;
	animation: toRightAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toright .da-link{
	-webkit-animation: toRightAnim3 0.4s ease-in both;
	-moz-animation: toRightAnim3 0.4s ease-in both;
	-o-animation: toRightAnim3 0.4s ease-in both;
	-ms-animation: toRightAnim3 0.4s ease-in both;
	animation: toRightAnim3 0.4s ease-in both;
}
.da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in both;
	-moz-animation: toRightAnim4 0.6s ease-in both;
	-o-animation: toRightAnim4 0.6s ease-in both;
	-ms-animation: toRightAnim4 0.6s ease-in both;
	animation: toRightAnim4 0.6s ease-in both;
}
@-webkit-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft h2{
	-webkit-animation: toLeftAnim1 0.6s ease-in both;
	-moz-animation: toLeftAnim1 0.6s ease-in both;
	-o-animation: toLeftAnim1 0.6s ease-in both;
	-ms-animation: toLeftAnim1 0.6s ease-in both;
	animation: toLeftAnim1 0.6s ease-in both;
}
.da-slide-toleft .introtext{
	-webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	animation: toLeftAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toleft .da-link{
	-webkit-animation: toLeftAnim3 0.4s ease-in both;
	-moz-animation: toLeftAnim3 0.4s ease-in both;
	-o-animation: toLeftAnim3 0.4s ease-in both;
	-ms-animation: toLeftAnim3 0.4s ease-in both;
	animation: toLeftAnim3 0.4s ease-in both;
}
.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	animation: toLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

/*Higher Resolutions*/
@media (min-width: 1440px) {
	.da-slide h2,
	.da-slide p, .da-slide a {
		margin-left:3%;
	}
	.da-slide .da-img{
		margin-left:-18%;
	}
}

@media (min-width: 1680px) {
	.da-slide h2,
	.da-slide .introtext, .da-slide a  {
		margin-left:7%;
	}
	.da-slide .da-img{
		margin-left:-20%;
	}
}

@media (min-width: 1920px) {
	.da-slide h2,
	.da-slide .introtext, .da-slide a{
		margin-left:12%;
	}
	.da-slide .da-img{
		margin-left:-22%;
	}
}
/* 
@media only screen and (min-width: 601px) and (max-width: 959px) {
    .bx-wrapper .bxslider img {
			padding-top: 60px;
        width: 100%;
        height: auto !important;
        display: block;
    }
}
 */


a h5:hover, a h5:focus, a h5:active {
	text-decoration:none;
	background-color: #C20347;
	color: #ffffff!important;
}


/* Ausschließlich bxSlider */
.bx-wrapper .bxslider > li {
  width: 100%;
}

.bx-wrapper .bxslider > li picture {
  display: block;
  width: 100%;
	
}

.bx-wrapper .bxslider > li picture img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}



@media screen and (min-width: 701px) {
  .bx-wrapper .bx-viewport {
    height: auto !important;
  }
}



/* Mobil */
@media screen and (max-width: 700px) {
  .bx-wrapper .bxslider > li picture img {
    width: 100%;
    height: auto;
		padding:0; margin-top:0;
		position: relative;
		top: 90px;
  }
	.bx-viewport {
		min-height: 600px;}

#mdx_MainTopChunks {
margin-top: 20px;	
}

    .bx-wrapper .bxslider > li img {
        max-width: 100%;
        object-fit: contain;
    }
}

/* Mobil */
@media screen and (max-width: 500px) {
	.bx-viewport {
		min-height: 520px;}
	 .bx-wrapper .bxslider > li img {
        max-width: 100%;
        object-fit: contain;
    }
}


/* Mobil */
@media screen and (max-width: 400px) {
	
	.bx-wrapper .bxslider > li picture img {
    width: 100%;
    height: auto;
		position: relative;
		top: 90px;
  }
	.bx-viewport {
		min-height: 480px;}
	
.bx-wrapper .bxslider > li img {
        max-width: 100%;
        object-fit: contain;
    }
	
}

/* Mobil */
@media screen and (max-width: 350px) {
	
	.bx-viewport {
		min-height: 430px;}
	 .bx-wrapper .bxslider > li img {
        max-width: 100%;
        object-fit: contain;
    }
	
}

	