@charset "utf-8";

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'institut-sembd';
    src: url('../fonts/institute-sembd.woff2') format('woff2'),
         url('../fonts/institute-sembd.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Trajan Pro Regular';
    src: url('../fonts/TrajanPro-Regular.eot');
    src: url('../fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TrajanPro-Regular.woff2') format('woff2'),
         url('../fonts/TrajanPro-Regular.woff') format('woff'),
         url('../fonts/TrajanPro-Regular.svg#trajanpro') format('svg');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    }
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'socicon';
    src: url('../fonts/socicon.eot');
    src: url('../fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('../fonts/socicon.woff') format('woff'),
         url('../fonts/socicon.ttf') format('truetype'),
         url('../fonts/socicon.svg#FuturaMdBTBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Grundenstellungen */
body {
	margin:0;
	padding:0;
	font-size:16px;
	}
.center {
	width: 1035px;
	min-height: 800px;
	margin: auto;
	position: relative;
}
#bodyarea {
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	font-size:100%;
    overflow: hidden;
	}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 680px) {
}	
@media (max-width: 380px) {
}

/* Kopfbereich */
#toparea {
	position:fixed;
	height:110px;
	background:#ffffff;
	width:100%;
	z-index:400;
/*	box-shadow: 0px 3px 5px rgba(200,200,200,0.2);*/
	border-bottom:1px solid #e7e7e7;
transition: all 200ms ease-in-out 0ms;
 -webkit-transition: all 200ms ease-in-out 0ms;
 -moz-transition: all 200ms ease-in-out 0ms; 
 -o-transition: all 200ms ease-in-out 0ms; 
 -ms-transition: all 200ms ease-in-out 0ms;
	}
#logoarea {
	position:absolute;
	padding:44px 0 0 3%;
	z-index:300;
	}

#mobilebutton {
	clear:both;
	position:absolute;
	top:48px;
	right:3%;
	display:block;
    width: 85px;
	height:30px;
    z-index: 100;
	float:right;
	}
#mobilebutton #bars {
    display: block;
    padding: 0 0 5px;
    width: 27px;
	margin:0;
}
#mobilebutton + span {
	position:absolute;
	right:3%;
	top:50px;
	font-size:14px;
	font-family: 'robotomedium', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
    letter-spacing: 0.2em;
	}
#mobilebutton #bars span.bar {
    background: #4b4b4b none repeat scroll 0 0;
    display: block;
    margin: 0 auto 5px;
    padding-bottom: 3px;
    width: 27px;
}

#realbutton {
	clear:both;
	position:absolute;
	top:48px;
	right:3%;
	display:block;
    width: 85px;
	height:30px;
    z-index: 400;
	float:right;
	opacity:0;
	}

#mobilebuttonactive {
	position:absolute;
	top:48px;
	right:3%;
	display:block;
    width: 85px;
	height:30px;
    z-index: 120;
	float:right;
	}
#mobilebuttonactive #bars {
    display: block;
    padding: 0 0 5px;
    width: 27px;
	margin:0;
}
#mobilebuttonactive + span {
	position:absolute;
	right:3%;
	top:50px;
	font-size:14px;
	font-family: 'robotomedium', Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    letter-spacing: 0.2em;
	}
#mobilebuttonactive #bars span.bara,
#mobilebuttonactive #bars span.barb,
#mobilebuttonactive #bars span.barc {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    margin: 0 auto 5px;
    padding-bottom: 3px;
    width: 27px;
	opacity:1;
 transition: all 0.5s ease-in-out 0ms;
 -webkit-transition: all 0.5s ease-in-out 0ms;
 -moz-transition: all 0.5s ease-in-out 0ms; 
 -o-transition: all 0.5s ease-in-out 0ms; 
 -ms-transition: all 0.5s ease-in-out 0ms;
}
#menubigarea > label + input:checked + div#menuarea .bara{
 	transform: rotate(45deg) translateY(0px) translateX(0px);
	margin: 10px 0 0;
	width: 30px; 
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
#menubigarea > label + input:checked + div#menuarea .barb{
	opacity:0;
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
	}
#menubigarea > label + input:checked + div#menuarea .barc{
	transform: rotate(-45deg) translateY(0px) translateX(0px);
	margin-top: -14px;
	width: 30px;
	margin: -11px 0 0;
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}


#menubigarea > input {
	display:none;
	}

#toparea #menubigarea {
	clear:both;
	position:relative;
	float:none;
  	width: 100%;
	padding:0;
	margin:0 0 2rem 0;
	top:0;
	height:16px;
	background: #4b4b4b;
	display:block;
	}
#menubigarea > div#menuarea{
	position:absolute;
  	width: 100%;
	padding:0;
	margin:0 0 2rem 0;
	height: 0;
	display:block;
	overflow:hidden;
  	color:#ffffff;
  	z-index:200;
	background: #4b4b4b;
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
#menubigarea > label + input:checked + div#menuarea{
  height:480px;
    padding: 100px 0 0;
  transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
#menuarea .moduletable {
	position:relative;
	top:110px;
	}
#menuarea ul.nav {
	width:94%;
	padding:0 3%;
	}
#menuarea ul li.deeper {
	display:inline-block;
	padding:0;
	vertical-align:top;
	width:15.2%;
	margin:0 6% 0 0;
	position:relative;
	}
#menuarea ul li.deeper:nth-child(5) {
	display:block;
	padding:0;
	vertical-align:top;
	width:15.2%;
	margin: 40px 6% 0 63.6%;
	position: relative;
	float: left;
	}
#menuarea ul li.deeper:last-child {
	margin:0;
	}
#menuarea ul li.deeper a {
	font-size:16px;
	font-family: 'institut-sembd', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	width:100%;
	border-bottom:1px solid #818181;
	padding:0 0 12px;
	display:block;
	}
#menuarea ul li.deeper a::after {
	content:">";
	color:#634c31;
	position:absolute;
	top:0;
	right:0;
	}
#menuarea ul li a {
	color:#ffffff;
	top:0;
	text-decoration:none;
	}
#menuarea ul li:hover a {
	color:#ffffff;
	top:0;
	}	
#menuarea ul li.deeper ul {	
	padding:0 ;
	margin:0;
}
#menuarea ul li.deeper ul li {	
	padding:0 ;
	margin:0;
	list-style:none;
	}
#menuarea ul li.deeper ul li:first-child {	
	padding:12px 0 0 ;
	}
#menuarea ul li.deeper ul li a {
	font-size:16px;
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	text-transform: none;
	border-bottom:none;
	padding:0;
	position:relative;
	}
#menuarea ul li.deeper ul li a::after {
	content:">";
	color:#4b4b4b;
	position:absolute;
	top:0;
	right:10%;
transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
	}
#menuarea ul li.deeper ul li:hover a::after {
	content:">";
	color:#634c31;
	position:absolute;
	top:0;
	right:0;
	transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
	}
@media (max-width: 1280px) {
#menuarea ul li.deeper {
	display:inline-block;
	padding:0;
	vertical-align:top;
	width:20.5%;
	margin:0 6% 0 0;
	position:relative;
	}
/*
#menuarea ul li.deeper:nth-child(3) {
	position:absolute;
	left:3%;
	top:230px;
	width: 19.27%;
	}
*/
#menuarea ul li.deeper:nth-child(5) {
	display:block;
	padding:0;
	vertical-align:top;
	width:20.5%;
	margin: 40px 6% 0 79.5%;
	position: relative;
	float: left;
	}
#menuarea ul li.deeper:nth-child(4) {
	}
#menuarea ul li.deeper:last-child {
	margin:0;
	}	
}
@media (max-width: 959px) {
#menubigarea > label + input:checked + div#menuarea {
    height: 580px;
}
#menuarea ul li.deeper {
	display:inline-block;
	padding:0;
	vertical-align:top;
	width:29.3%;
	margin:0 6% 0 0;
	position:relative;
	}
/*
#menuarea ul li.deeper:nth-child(3) {
	position:absolute;
	left:36.2%;
	top:150px;
	width: 27.5%;
	}
*/
#menuarea ul li.deeper:nth-child(5) {
	display:block;
	padding:0;
	vertical-align:top;
	width:29.3%;
	margin: 40px 6% 0 70.7%;
	position: relative;
	float: left;
	}
#menuarea ul li.deeper:nth-child(4) {
	margin:0;
	}
/*
#menuarea ul li.deeper:last-child {
	margin:-110px 0 0 0;
	}
*/
}
@media (max-width: 767px) {
}
@media (max-width: 680px) {
#menubigarea > label + input:checked + div#menuarea {
    height: 800px;
}
#menuarea ul li.deeper {
	display:block;
	padding:0 0 40px;
	vertical-align:top;
	width:100%;
	margin:0;
	position:relative;
	}
#menuarea ul li.deeper:nth-child(3) {
	position:relative;
	left:0;
	top:0;
	width: 100%;
	}
#menuarea ul li.deeper:nth-child(5) {
	display:block;
	padding:0 0 20px;
	vertical-align:top;
	width:100%;
	margin: 0;
	position: relative;
	float: none;
	}
#menuarea ul li.deeper:nth-child(4) {
	margin:0;
	}
#menuarea ul li.deeper:last-child {
	margin:0;
	}
#menuarea .nav-child {
	max-height:0;
	overflow:hidden;
transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
	}
#menuarea ul li.deeper:hover .nav-child,
#menuarea ul li.deeper.active .nav-child {
	max-height:400px;
	height:auto;
transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
	}
}	
@media (max-width: 380px) {
#logoarea img {
    max-width: 50vw;
    height:auto;
    }
}


/* Inhaltsbereich */
#contentarea {
	padding:100px 0 0;
    position: relative;
    z-index: 300;
	}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 680px) {
}	
@media (max-width: 380px) {
}


/* Bilderwechsel */
.xslider_caption {
    bottom: calc(50% - 48px) !important;
    display: block;
    position: absolute;
    width: 100%;
}
.xslider_caption:before {
	content:"Schick Immo GmbH + Co. KG";
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
    font-size:16px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
	color:#ffffff;
	width:100%;
	text-align:center;
	display:block;
	}
.xslider_azure_skin .xslider_next > span {
    background-position: -40px -120px;
}
.xslider_azure_skin .xslider_prev > span {
    background-position: 0 -120px;
}
.xslider_azure_skin .xslider_commands > .xslider_play {
    background-position: -80px -120px;
}
.xslider_azure_skin .xslider_commands > .xslider_stop {
    background-position: -120px -120px;
}
.xslider_prevThumbs, .xslider_nextThumbs, .xslider_prev, .xslider_next, .xslider_commands, .xslider_thumbs_cont {
    background: rgba(216, 216, 216, 0) !important;
}
.xslider_caption > div {
    background: rgba(0, 0, 0, 0) !important;
	text-align:center;
	font-size:16px;
	font-family: 'institut-sembd', Arial, Helvetica, sans-serif;
	padding:0 !important;
	margin:0;
}
.xslider_caption > div h3{
	font-weight:normal;
	font-size:48px;
	padding:0;
	margin:0;
	}
/*.xslider_caption > div h3:before{
	content:"wir bauen.";
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	font-size:48px;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:0.2em;
	width:100%;
	text-align:center;
	display:block;
	}*/
.xslider_caption > div h3:after{
	content:".";
	}
.xslider_link {
/*    background: rgba(0, 0, 0, 0.5) !important;*/
    display: block;
    height: 100%;
    text-decoration: none;
}
.xsliderSlide {
	background:#000;
}
.xslider_wrap img {
	opacity:0.5;
	}
.gmap_marker h3 {
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
padding: 0.5em 0 0.5em;
margin: 0;
color: #4b4b4b;
line-height: 1em;
text-transform:uppercase;
	}

/* Slider neu */
.slideshowck {
    
}
.camera_caption > div {
  background: rgba(0,0,0,0.6);
    height: 800px;
    display:grid;
    grid-template-columns: 100%;
    grid-template-rows: 400px 400px;
}
.camera_caption_title {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    align-self: end;     
  font-weight: normal;
  line-height: 1em;    
    padding:0 0 10px;
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
    font-size:16px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
	color:#ffffff;
	width:100%;
	text-align:center;
	display:block;

}
.camera_caption_desc {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    text-align: center;
    font-size:60px;
	font-family: 'institut-sembd', Arial, Helvetica, sans-serif;
    letter-spacing: -0.05em;
	padding:0 !important;
	margin:0;
}



@media (max-width: 1280px) {
.xslider_caption:before {
	font-size:18px;
}
.xslider_caption > div h3{
	font-size:36px;
	}
.xslider_caption > div h3:before{
	font-size:36px;
}
}
@media (max-width: 959px) {
.camera_caption_title {
  font-size: 14px;
    }
.camera_caption_desc {
    font-size:48px;
    line-height: 1em;
    }
.camera_caption > div {
    height: 400px;
    grid-template-rows: 150px 250px;
}
}
@media (max-width: 767px) {
.xslider_wrap {
	height:400px !important;
	background:#000;
	}
.xslider_src + div {
	height:400px !important;
	}
/*.xslider_src.xslidersliding + div {
	border-right:5px solid #ff0000;
	border-left:5px solid #ff0000;
	overflow:visible !important;
	top:-25% !important;
	}
.xslider_target {
	transform:scale(0.60,0.60) !important;
	top:-25% !important;
	overflow:visible !important;
	}*/
.imgLoaded {
	top:0;
	overflow:visible !important;
	}
}
@media (max-width: 680px) {
}	
@media (max-width: 380px) {
.xslider_caption:before {
	font-size:18px;
}
.xslider_caption > div h3{
	font-size:28px;
	}
.xslider_caption > div h3:before{
	font-size:28px;
}
}


/* Hauptinhalte */
#maincontent {
	position:relative;
	width:100%;
	clear:both;
	}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 680px) {
}	
@media (max-width: 380px) {
}

/* Startseite */
.blog-featured {
	width:94%;
	padding:36px 3% 165px;
	background:#e7e7e7;
	position:relative;
	}
.blog-featured:after {
	content:"";
	width:100%;
	height:0;
	padding:0;
	margin:0;
	clear:both;
	display:block;
	}
.blog-featured .blog-items:after {
	content:"";
	width:100%;
	height:0;
	padding:0;
	margin:0;
	clear:both;
	display:block;
	}
.blog-featured .blog-items {
    width: 100%;
  position: relative;
	}
.blog-featured .blog-item {
	float:left;
}
.blog-featured .blog-item:nth-child(1 of .blog-item),
.blog-featured .blog-item:nth-child(4 of .blog-item) {
	width:23.4%;
	margin:0 2.1% 36px 0;
	height:auto;
	padding:0;
	background:#fff;
	color:#4b4b4b;
	position:relative;
	}
.blog-featured .blog-item:nth-child(1 of .blog-item) .item-content,
.blog-featured .blog-item:nth-child(4 of .blog-item) .item-content  {
	height:0;
	padding:0 0 100% 0;
	overflow:visible;
	}
.blog-featured .blog-item:nth-child(1 of .blog-item) .item-image,
.blog-featured .blog-item:nth-child(4 of .blog-item) .item-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	overflow:hidden;
	padding:0 0 100%;
	z-index:50;
	}
.blog-featured .blog-item:nth-child(1 of .blog-item) .item-image img,
.blog-featured .blog-item:nth-child(4 of .blog-item) .item-image img {
	display:none;
	}
.blog-featured .blog-item:nth-child(2 of .blog-item) {
	width:74.5%;
	margin:0 0 36px 0;
	height:auto;
	padding:0;
	background:#fff;
	color:#fff;
	position:relative;
	}
.blog-featured .blog-item:nth-child(2 of .blog-item) .item  {
	height:0;
	padding:0 0 31.4% 0;
	overflow:visible;
	}
.blog-featured .blog-item:nth-child(2 of .blog-item) .item-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	overflow:hidden;
	padding:0 0 31.4%;
    margin:0;
	z-index:50;
	background:#634c31;
	}
.blog-featured .blog-item:nth-child(3 of .blog-item) {
	clear:both;
	width:48.9%;
	margin:0 2.1% 36px 0;
	height:auto;
	padding: 0 0 23%;
	background:#fff;
	color:#fff;
	position:relative;
	}
.blog-featured .blog-item:nth-child(3 of .blog-item) .item  {
	height:0;
	padding:0 0 47.7% 0;
	overflow:visible;
	}
.blog-featured .blog-item:nth-child(3 of .blog-item) .item-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	overflow:hidden;
	padding:0 0 47.7%;
    margin:0;
	z-index:50;
	background:#634c31;
	}
.blog-featured .blog-item:nth-child(3 of .blog-item) .item-image img {
	width:110%;
    height:auto;
}
.blog-featured .blog-item:nth-child(5 of .blog-item) {
	width:23.4%;
	margin:0 0 36px 0;
	height:auto;
	padding:0;
	background:#fff;
	color:#fff;
	position:relative;
	}
.blog-featured .blog-item:nth-child(5 of .blog-item) .item  {
	height:0;
	padding:0 0 100% 0;
	overflow:visible;
	}
.blog-featured .blog-item:nth-child(5 of .blog-item) .item-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	overflow:hidden;
	padding:0 0 100%;
    margin:0;
	z-index:50;
	background:#000000;
	}
.blog-featured .item-image img {
	width:100%;
	height:auto;
	}
.blog-featured .blog-item:nth-child(2 of .blog-item) .item-image img {
	opacity:0.5;
	}
.blog-featured .blog-item:nth-child(3 of .blog-item) .item-image img {
	opacity:0.5;
	}
.blog-featured .blog-item:nth-child(5 of .blog-item) .item-image img {
	opacity:0.5;
	}
.blog-item dl,
.blog-item dd {
	margin:0;
	padding:0;
	}
.category-name,
.dn div.page-header + a {
	position:absolute;
	top:15px;
	left:15px;
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	font-size:16px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
	color:#634c31;
	z-index:300;
    margin: 0;
	}
.category-name a,
.dn div.page-header + a {
	color:#fff;
	text-decoration:none;
	}
.blog-featured .blog-item:nth-child(1 of .blog-item) .category-name a,
.blog-featured .blog-item:nth-child(4 of .blog-item) .category-name a {
	color:#634c31;
	text-decoration:none;
	}
.blog-featured .blog-item:nth-child(1 of .blog-item) h2,
.blog-featured .blog-item:nth-child(4 of .blog-item) h2{
	position:absolute;
	top:38px;
	left:15px;
	font-family: 'institut-sembd', Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
	font-weight:normal;
	font-size:36px;
	padding:0;
	margin:0;
	color:#4b4b4b;
	line-height:1em;
	z-index:300;
}
.blog-featured .blog-item:nth-child(1 of .blog-item) h2 a,
.blog-featured .blog-item:nth-child(4 of .blog-item) h2 a{
	color:#4b4b4b;
	text-decoration:none;
}
.blog-featured .blog-item:nth-child(2 of .blog-item) .category-name,
.blog-featured .blog-item:nth-child(3 of .blog-item) .category-name{
	color:#fff;
	text-decoration:none;    
}
.blog-featured .blog-item:nth-child(2 of .blog-item) h2,
.blog-featured .blog-item:nth-child(3 of .blog-item) h2,
.blog-featured .blog-item:nth-child(5 of .blog-item) h2{
	position:absolute;
	top:38px;
	left:15px;
	font-family: 'institut-sembd', Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
	font-weight:normal;
	font-size:36px;
	padding:0;
	margin:0;
	color:#fff;
	line-height:1em;
	z-index:300;
}
.blog-featured .blog-item:nth-child(2 of .blog-item) h2{
	max-width:30%;
}
.blog-featured .blog-item:nth-child(3 of .blog-item) h2{
	max-width:45%;
}
.blog-featured .blog-item:nth-child(5 of .blog-item) h2{
	max-width:94%;
}
.blog-featured .blog-item:nth-child(2 of .blog-item) h2 a,
.blog-featured .blog-item:nth-child(3 of .blog-item) h2 a,
.blog-featured .blog-item:nth-child(5 of .blog-item) h2 a{
	color:#fff;
	text-decoration:none;
}





/*.startseite .row-2 {
	width:45%;
	margin:0 2.1% 36px 0;
	height:auto;
	padding:0;
	background:#fff;
	color:#fff;
	position:relative;
	float:left;
	}*/
.startseite .row-2 .item,
.startseite .row-4 .item,
.startseite .row-1 .item  {
	height:0;
	padding:0 0 100% 0;
	overflow:visible;
	}
.startseite .row-2 .item-image,
.startseite .row-4 .item-image,
.startseite .row-1 .item-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	overflow:hidden;
	padding:0 0 100%;
	z-index:50;
	background:#000000;
	transition: background 0.5s ease-in-out 50ms;
 -webkit-transition: background 0.5s ease-in-out 50ms;
 -moz-transition: background 0.5s ease-in-out 50ms; 
 -o-transition: background 0.5s ease-in-out 50ms; 
 -ms-transition: background 0.5s ease-in-out 50ms;
	}
.startseite .row-2:hover .item-image,
.startseite .row-4:hover .item-image,
.startseite .row-1:hover .item-image {
	background:#634c31;
	transition: background 0.25s ease-in-out 0ms;
 -webkit-transition: background 0.25s ease-in-out 0ms;
 -moz-transition: background 0.25s ease-in-out 0ms; 
 -o-transition: background 0.25s ease-in-out 0ms; 
 -ms-transition: background 0.25s ease-in-out 0ms;
	}
.startseite .row-2 .item-image a,
.startseite .row-4 .item-image a,
.startseite .row-1 .item-image a {
    height: 100%;
    width: 400%;
    position: absolute;
    left: -150%;
    text-align: center;
}
.startseite .row-2 .item-image img,
.startseite .row-4 .item-image img,
.startseite .row-1 .item-image img {
	opacity:0.5;
	height: 100%;
	width: auto;
	position: relative;
	transition: opacity 0.5s ease-in-out 50ms;
 -webkit-transition: opacity 0.5s ease-in-out 50ms;
 -moz-transition: opacity 0.5s ease-in-out 50ms; 
 -o-transition: opacity 0.5s ease-in-out 50ms; 
 -ms-transition: opacity 0.5s ease-in-out 50ms;
}
.startseite .row-2:hover .item-image img,
.startseite .row-4:hover .item-image img,
.startseite .row-1:hover .item-image img {
	opacity:0.25;
	transition: opacity 0.25s ease-in-out 0ms;
 -webkit-transition: opacity 0.25s ease-in-out 0ms;
 -moz-transition: opacity 0.25s ease-in-out 0ms; 
 -o-transition: opacity 0.25s ease-in-out 0ms; 
 -ms-transition: opacity 0.25s ease-in-out 0ms;
}




@media (max-width: 1280px) {
.blog-featured .blog-item:nth-child(1 of .blog-item) h2,
.blog-featured .blog-item:nth-child(4 of .blog-item) h2,
.blog-featured .blog-item:nth-child(2 of .blog-item) h2,
.blog-featured .blog-item:nth-child(3 of .blog-item) h2,
.blog-featured .blog-item:nth-child(5 of .blog-item) h2{
	font-size:30px
}
}
@media (max-width: 959px) {
.category-name,
.dn div.page-header + a {
    font-size: 14px;
}
.blog-featured .blog-item:nth-child(1 of .blog-item), 
.blog-featured .blog-item:nth-child(4 of .blog-item) {
    width: 31.4%;
    margin: 0 0 20px 0;
}
.blog-featured .blog-item:nth-child(2 of .blog-item) {
	width:65.5%;
	margin: 0 0 20px 2.1%;
	}
.blog-featured .blog-item:nth-child(2 of .blog-item) .item  {
	padding:0 0 48% 0;
	}
.blog-featured .blog-item:nth-child(2 of .blog-item) .item-image {
    padding: 0 0 48%;
}
.blog-featured .blog-item:nth-child(3 of .blog-item) {
    width: 65.5%;
    margin: 0 2.1% 20px 0;
}
.blog-featured .blog-item:nth-child(5 of .blog-item) {
    width: 65.5%;
    margin: 0 0 20px 0;
}
.blog-featured .blog-item:nth-child(5 of .blog-item) .item {
    padding: 0 0 48% 0;
}
.blog-featured .blog-item:nth-child(5 of .blog-item) .item-image {
    padding: 0 0 48%;
}
.blog-featured .blog-item:nth-child(2 of .blog-item) .item-image img {
  width: auto;
  height: 31vw;
}    
.blog-featured .blog-item:nth-child(2 of .blog-item) h2{
	max-width:60%;
}    
    
    
}
@media (max-width: 767px) {
.blog-featured .blog-item:nth-child(1 of .blog-item), 
.blog-featured .blog-item:nth-child(4 of .blog-item) {
    width: 100%;
    margin: 0 0 20px;
}
.blog-featured .blog-item:nth-child(1 of .blog-item) .item-content,
.blog-featured .blog-item:nth-child(4 of .blog-item) .item-content  {
	padding:0 0 48% 0;
	}
.blog-featured .blog-item:nth-child(2 of .blog-item) {
	width:100%;
	margin: 0 0 20px 0;
	}
.blog-featured .blog-item:nth-child(2 of .blog-item) .item-content  {
	padding:0 0 48% 0;
	}
.blog-featured .blog-item:nth-child(2 of .blog-item) .item-image {
    padding: 0 0 48%;
}
.startseite .row-1 h2 {
    max-width: 70%;
}
.blog-featured .blog-item:nth-child(3 of .blog-item) {
    width: 100%;
    margin: 0 0 20px 0;
}
.blog-featured .blog-item:nth-child(5 of .blog-item) {
    width: 100%;
    margin: 0 0 20px 0;
}
.blog-featured .blog-item:nth-child(5 of .blog-item) .item-content {
    padding: 0 0 48% 0;
}
.blog-featured .blog-item:nth-child(5 of .blog-item) .item-image {
    padding: 0 0 48%;
}
.blog-featured .blog-item:nth-child(2 of .blog-item) .item-image img {
  width: auto;
  height: 48vw;
} 
/*.blog-featured .blog-item:nth-child(5 of .blog-item) .item-image img {
    top: -50%;
    position: absolute;
}*/
}
@media (max-width: 680px) {
}	
@media (max-width: 380px) {
.blog-featured .blog-item:nth-child(1 of .blog-item), 
.blog-featured .blog-item:nth-child(4 of .blog-item) {
    width: 100%;
    margin: 0 0 20px;
}
.blog-featured .blog-item:nth-child(1 of .blog-item) .item,
.blog-featured .blog-item:nth-child(4 of .blog-item) .item  {
	padding:0 0 100% 0;
	}
.blog-featured .blog-item:nth-child(1 of .blog-item) .item-content,
.blog-featured .blog-item:nth-child(4 of .blog-item) .item-content  {
	padding:0 0 100% 0;
	}
.blog-featured .blog-item:nth-child(2 of .blog-item) {
	width:100%;
	margin: 0 0 20px 0;
	}
.blog-featured .blog-item:nth-child(2 of .blog-item) .item  {
	padding:0 0 100% 0;
	}
.blog-featured .blog-item:nth-child(2 of .blog-item) .item-image {
    padding: 0 0 100%;
}
.blog-featured .blog-item:nth-child(2 of .blog-item) .item-image img {
    height: 96vw;
  }
.startseite .row-1 h2 {
    max-width: 100%;
}
.blog-featured .blog-item:nth-child(3 of .blog-item) {
    width: 100%;
    margin: 0 0 20px 0;
}
.blog-featured .blog-item:nth-child(3 of .blog-item) .item  {
	padding:0 0 100% 0;
	}
.blog-featured .blog-item:nth-child(3 of .blog-item) .item-image {
    padding: 0 0 100%;
}
.blog-featured.startseite .item-image img {
}
.blog-featured .blog-item:nth-child(5 of .blog-item) {
    width: 100%;
    margin: 0 0 20px 0;
}
.blog-featured .blog-item:nth-child(5 of .blog-item) .item {
    padding: 0 0 100% 0;
}
.blog-featured .blog-item:nth-child(5 of .blog-item) .item-image {
    padding: 0 0 100%;
}
/*.blog-featured .blog-item:nth-child(5 of .blog-item) .item-image img {
    top: 0;
    position: absolute;
}*/
.startseite .row-0 h2,
.startseite .row-3 h2,
.startseite .row-1 h2,
.startseite .row-2 h2,
.startseite .row-4 h2{
	font-size:24px
}
}

/* Kategorieuebersicht */
.blog {

	width:94%;
	padding:80px 3% 165px;
	position:relative;
    display:grid;
    grid-template-columns: 100%;
    grid-template-rows: min-content min-content minmax(25vw, min-content);
	}
.blog .page-header {
    grid-row: 2 / 3;
}
.blog .category-desc {
    grid-row: 1 / 2;
}
.blog .category-desc ul {
    padding:0;
    margin:0;
    text-align: center;
}
.blog .category-desc ul li {
    padding:0;
    margin:0;
    list-style: none;
font-family: 'robotolight', Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #634c31;
}
.blog .blog-items {
    grid-row: 3 / 4;
}

.blog:after {
	content:"";
	width:100%;
	height:0;
	padding:0;
	margin:0;
	clear:both;
	display:block;
	}
.blog .page-header h1,
.blog .category-desc h1 {
    font-family: 'institut-sembd', Arial, Helvetica, sans-serif;
    letter-spacing: -0.05em;
    font-weight: normal;
    font-size: 48px;
    line-height: 1.1em;
    padding: 0;
    margin: 0 0 65px;
	text-align: center;
	width: 100%;
	color: #4b4b4b;
	display:block;
}

.blog h2 .subheading-category {
	display:none;
	}
.blog .blog-item {
	width:23.4%;
	margin:0 2.1% 36px 0;
	height:auto;
    min-height:22vw;
	padding:0;
	background:#fff;
	color:#fff;
	position:relative;
	float:left;
	}
.blog .blog-item .item  {
	height:0;
	padding:0 0 100% 0;
	overflow:visible;
	}
.blog .blog-item .item-image,
.blog .blog-item .img-intro-left {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	overflow:hidden;
	padding:0 0 100%;
    margin: 0;
	z-index:50;
	background:#000000;
	transition: background 0.5s ease-in-out 50ms;
 -webkit-transition: background 0.5s ease-in-out 50ms;
 -moz-transition: background 0.5s ease-in-out 50ms; 
 -o-transition: background 0.5s ease-in-out 50ms; 
 -ms-transition: background 0.5s ease-in-out 50ms;
	}
.blog .blog-item:hover .item-image,
.blog .blog-item:hover .img-intro-left {
	background:#634c31;
	transition: background 0.25s ease-in-out 0ms;
 -webkit-transition: background 0.25s ease-in-out 0ms;
 -moz-transition: background 0.25s ease-in-out 0ms; 
 -o-transition: background 0.25s ease-in-out 0ms; 
 -ms-transition: background 0.25s ease-in-out 0ms;
	}
.blog .blog-item .item-image a,
.blog .blog-item .img-intro-left a {
    height: 100%;
    width: 400%;
    position: absolute;
    left: -150%;
    text-align: center;
}
.blog .blog-item .item-image img,
.blog .blog-item .img-intro-left img {
	opacity:0.5;
	height: 25vw;
	width: auto;
	position: relative;
	transition: opacity 0.5s ease-in-out 50ms;
 -webkit-transition: opacity 0.5s ease-in-out 50ms;
 -moz-transition: opacity 0.5s ease-in-out 50ms; 
 -o-transition: opacity 0.5s ease-in-out 50ms; 
 -ms-transition: opacity 0.5s ease-in-out 50ms;
}
.blog .blog-item:hover .item-image img,
.blog .blog-item:hover .img-intro-left img {
	opacity:0.25;
	transition: opacity 0.25s ease-in-out 0ms;
 -webkit-transition: opacity 0.25s ease-in-out 0ms;
 -moz-transition: opacity 0.25s ease-in-out 0ms; 
 -o-transition: opacity 0.25s ease-in-out 0ms; 
 -ms-transition: opacity 0.25s ease-in-out 0ms;
}

.blog .blog-item {
	width:48.8%;
	margin:0 2.1% 36px 0;
	height:auto;
    min-height:22vw;
	padding:0;
	background:#fff;
	color:#fff;
	position:relative;
	}
.blog .blog-item  {
	height:0;
	overflow:visible;
	}
.blog .blog-item:nth-child(2n) {
	margin:0 0 36px 0;
}
.blog .blog-item .item-image,
.blog .blog-item .img-intro-left {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	overflow:hidden;
	padding:0 0 47.9%;
    margin: 0;
	z-index:50;
	background:#000000;
	transition: background 0.5s ease-in-out 50ms;
 -webkit-transition: background 0.5s ease-in-out 50ms;
 -moz-transition: background 0.5s ease-in-out 50ms; 
 -o-transition: background 0.5s ease-in-out 50ms; 
 -ms-transition: background 0.5s ease-in-out 50ms;
	}
.blog .blog-item:hover .item-image,
.blog .blog-item:hover .img-intro-left {
	background:#634c31;
	transition: background 0.25s ease-in-out 0ms;
 -webkit-transition: background 0.25s ease-in-out 0ms;
 -moz-transition: background 0.25s ease-in-out 0ms; 
 -o-transition: background 0.25s ease-in-out 0ms; 
 -ms-transition: background 0.25s ease-in-out 0ms;
	}
.blog .blog-item h2{
	max-width:94%;
    position: relative;
    z-index: 50;
}
.blog .blog-item h2 {
    max-width: 45%;
	position:absolute;
	top:38px;
	left:15px;
	font-family: 'institut-sembd', Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
	font-weight:normal;
	font-size:36px;
	padding:0;
	margin:0;
	color:#fff;
	line-height:1em;
	z-index:300;
}
.blog .blog-item a{
	color:#fff;
	text-decoration:none;
	position:relative;
}

.pagination {
	width:100%;
	text-align:center;
	padding:6.25rem 0 0;
	clear:both;
	}
.pagination ul {
	margin:0;
	padding:2px 0 0;
	}
.pagination p {
	margin:2px 0 0;
	padding:0;
	}
.pagination ul li {
	list-style:none;
	display:inline-block;
	margin:0;
	padding:0 3px;
	}
#contentarea .pagination a {
	color:#333333;
	text-decoration:none;
	padding:0px 7px;
	}
#contentarea .pagination a:hover {
	color: #000000;
	padding:0px 7px;
	}
body div.easy-tooltip-wrapper { display: none !important; }
body div.tooltip.fade.top { display: none !important; }

@media (max-width: 1280px) {
.blog .page-header h1,
.blog .category-desc h1 {
    font-size: 36px;
}
.blog .blog-item h2 {
    font-size: 30px;
}
}
@media (max-width: 959px) {
.blog .blog-item .item  {
	padding:0 0 48.4% 0;
}
.blog .blog-item .item-image,
.blog .blog-item .img-intro-left{
	padding:0 0 48.4%;
}
.blog .blog-item:nth-child(2n) {
	margin:0 0 36px 0;
	}		
.blog .blog-item h2 {
    font-size: 30px;
}
.blog .category-desc ul li {
  font-size: 14px;
}
}
@media (max-width: 767px) {
.blog .blog-item {
	width:100%;
	margin:0 0 36px 0;
    min-height: 44vw;
	}	
.blog .blog-item .item {
	padding:0 0 48.4% 0;
	margin:0 0 36px 0;
}
.blog .blog-item .item-image,
.blog .items-row .img-intro-left
{
	padding:0 0 48.4%;
}
.blog .blog-item .item-image img, 
.blog .blog-item .img-intro-left img {
  height: 45vw;
    }
.blog .blog-item h2{
	max-width:94%;
}
}
@media (max-width: 680px) {
}	
@media (max-width: 380px) {
.blog .page-header h1,
.blog .category-desc h1 {
    font-size: 28px;
}
.blog .blog-item {
	width:100%;
	margin:0 0 36px 0;
    min-height: 88vw;
	}
.blog .blog-item .item {
	padding:0 0 100% 0;
	margin:0 0 20px 0;
}
.blog .blog-item .item-image,
.blog .items-row .img-intro-left{
	padding:0 0 100%;
}
.blog .blog-item .item-image img, 
.blog .blog-item .img-intro-left img {
  height: 94vw;
    position: relative;
    left:-47vw;
    }
.blog .blog-item h2 {
	font-size:24px;
	}
}


/* Inhaltsseite */
.item-page,
.login,
.logout {
	width:94%;
	padding:80px 3% 150px;
	text-align:center;
	}
.item-page img {
	max-width:100%;
	height:auto;
	}
/*.item-page .page-header {
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#634c31;
	width:100%;
	text-align:center;
	display:block;
	margin:0;
	padding:0;
	}
.item-page .page-header:after {
	content:"_";
	color:#fff;	
	}*/
.item-page .page-header h1,
.item-page h2 {
	font-family: 'institut-sembd', Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
	font-weight:normal;
	color:#4b4b4b;
	font-size:48px;
    line-height: 1.1em;
	padding:0;
	margin:0;
	text-align:center;
	}
.item-page.allgemein .page-header h1:before,
.item-page.allgemein h2:before {
	diplay:none !important;
	height:0;
	overflow:hidden;
	}
.item-page a {
	color: #634c31;
	}
.item-page .category-name {
    position: absolute;
    top: 60px;
	left:0;
    font-family: 'robotolight', Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #634c31;
    z-index: 300;
	width:94%;
	text-align:center;
	margin: 0 3%;
}
.item-page .category-name a {
    color: #634c31;
	text-decoration:none;
}
.item-page p {
	width:46%;
	margin:0 auto;
	padding:0 0 1em;
	}
.item-page ul {
	width:46%;
	margin:0 auto;
	padding:0 0 1em;
	}
.item-page ul li {
	list-style: square;
	margin:0 0 0 20vw;
	padding:0 0 0 10px;
    text-align: left;
	}
.item-page hr {
    content: "";
    display: block;
    height: 0px;
    border-bottom: 1px solid #e7e7e7;
	border-top:none;
    width: 46%;
    margin: 0 auto 50px;
}
.item-page h3 {
    font-family: 'robotomedium', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding: 0.5em 0 0.5em;
    margin: 0;
    color: #4b4b4b;
    line-height: 1em;
}
.item-page h4 {
    font-family: 'robotomedium', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
    font-weight: bold;
    font-size: 18px;
    padding: 0.5em 0 0.5em;
    margin: 0;
    color: #4b4b4b;
    line-height: 1em;
}
.item-page .greybox p {
    font-family: 'robotolight', Arial, Helvetica, sans-serif;
    padding: 0 0 1em;
    margin: 0 auto;
    color: #4b4b4b;
    line-height: 1em;
	font-size:16px;
}
.item-page .greybox {
	margin:40px 0;
	}
.item-page .item-image {
	margin:0 0 50px;
	}
.img_caption {
	text-align:center;
	margin:0 auto;
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	color: #676c6f;
	font-size:14px;
	position:relative;
	}
.img_caption p {
	position:absolute;
	bottom:0;
	right:1%;
	text-align:right;
	color:#fff;
	}	
a.cta {
    display:inline-block;
    background-color: #634c31;
    color:#fff;
    padding: 15px 35px 13px;
    border-radius: 5px;
    font-family: 'institut-sembd', Arial, Helvetica, sans-serif;
  letter-spacing: -0.05em;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
}
@keyframes ripple-infinite {
  0%,
  40%,
  50% {
    box-shadow:0 0 0 0 rgba(99,77,49,.4)
  }
  85% {
    box-shadow:0 0 0 20px rgba(99,77,49,0)
  }
  to {
    box-shadow:0 0 0 0 rgba(99,77,49,0)
  }
}
.cta:before {
    content: "";
    display: flex;
    width:100%;
    height:100%;
    color:#634c31;
    opacity: 1;
    position: absolute;
    top:0;
    left:0;
    border-radius: 5px;
    animation: ripple-infinite 2.5s ease infinite;
    -webkit-animation: ripple-infinite 2.5s ease infinite;
}

	
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
.item-page .page-header h1,
.item-page h2 {
	font-size:36px;
	}
.item-page .category-name {
    top: 63px;
    font-size: 14px;
}
.item-page p {
	width:70%;
	}
.item-page ul {
	width:70%;
	}
.item-page ul li {
	margin:0 0 0 10vw;
	}
}
@media (max-width: 767px) {
}
@media (max-width: 680px) {
.item-page .page-header h1,
.item-page h2 {
	font-size:30px;
	}
}	
@media (max-width: 380px) {
.item-page p {
	width:100%;
	}
.item-page ul {
	width:100%;
	}
.item-page ul li {
	margin:0 0 0 5vw;
	}
.item-page,
.login,
.logout {
	text-align:left;
	}
}

/* Formularseite */
.bfClearfix,
#visformcontainer{
	width:94%;
	padding:60px 3% 150px;
	text-align:center;
	}
.bfClearfix h1,
#visformcontainer h1 {
	font-family: 'institut-sembd', Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
	font-weight:normal;
	color:#4b4b4b;
	font-size:48px;
    line-height: 1.1em;
	padding:0;
	margin:0;
	text-align:center;
	}
form#visform1 div.required > label.visCSSlabel.asterix-ancor::after,
.asterix-ancor,
.vis_mandatory,
form#visform1 div.required > label.visCSSlabel::after{
  display: none;
}
.bfQuickMode section input[type="text"], 
.bfQuickMode section textarea, 
.bfQuickMode section select,
.bfQuickMode input[type="text"], 
.bfQuickMode textarea, 
.bfQuickMode select,
.visform input, 
.visform select, 
.visform textarea{
    float: none;
    margin: 10px 0;
    width: 46%;
    padding: 10px 1%;
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	font-size: 1rem;
}
.visform input[type=checkbox] {
    width:30px;
}
.visform [class^="fieldset-"] {
    border:none;
}
.field5,
.captchaCont{
  width: 46%;
  margin: 0 auto;
}
.field5 label {
    display:none;
}
.visCSSmargLeft {
  margin-left: 0;
}
.visCSSmargLeft label {
    display:inline-block;
}


.bfQuickMode .bfLabelLeft input, 
.bfQuickMode .bfLabelLeft textarea, 
.bfQuickMode .bfLabelLeft select, 
.bfQuickMode .bfLabelLeft button {
    float: none;
}
.bfRolloverBg {
background: #e7e7e7 !important;
}
.bfQuickMode .bfLabelLeft .bfElementGroup, 
.bfQuickMode .bfLabelRight .bfElementGroup, 
.bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap {
    width: 46%;
    float: none;
}
.bfQuickMode button {
	border:none;
	background: #634c31;
	font-size:1rem;
	padding:12px 24px;
	margin:0 !important;
	font-family:'robotolight', Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #fff;
}
.bfQuickMode #bfElemWrap78.bfLabelLeft label,
.bfQuickMode .bfLabelLeft .bfCaptcha {
	float:none
	}
.bfClearfix a,
.visform a{
	color:#634c31;
	}
.icon-refresh {
    content: url(../images/refresh.png);
}
div#ff_formdiv1 + div span,
div#ff_formdiv2 + div span {
    display: none;
}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
.bfClearfix h1,
#visformcontainer h1 {
	font-size:36px;
}
}
@media (max-width: 767px) {
}
@media (max-width: 680px) {
.bfQuickMode section input[type="text"], 
.bfQuickMode section textarea, 
.bfQuickMode section select,
.bfQuickMode input[type="text"], 
.bfQuickMode textarea, 
.bfQuickMode select,
.visform input, 
.visform select, 
.visform textarea {
    float: none;
    margin: 10px 0;
    width: 88%;
    padding: 10px 1%;
}
.field5,
.captchaCont{
  width: 88%;
  margin: 10px auto;
}
}
@media (max-width: 460px) {
.bfClearfix h1,
#visformcontainer h1 {
	font-size:30px;
}
}
@media (max-width: 380px) {
}



/* Unter Inhalten */
#contentbottomarea {
	width:94%;
	padding:80px 3% 0;
	text-align:center;
	color:#4b4b4b;
	}
#contentbottomarea .titleheader {
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	font-size:16px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
	color:#634c31;
	width:100%;
	text-align:center;
	display:block;
	margin:0;
	padding:0;
	}
#contentbottomarea .titleheader:after {
	content:"_";
	color:#fff;	
	}
#contentbottomarea h1,
#contentbottomarea h3 {
	font-family: 'institut-sembd', Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
	font-weight:normal;
	font-size:48px;
    line-height: 1.1em;
	padding:0;
	margin:0;
	}
#contentbottomarea h1.light,
#contentbottomarea h3.light {
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	letter-spacing:0.2em;
	width:100%;
	text-align:center;
	display:block;
	}
.light {}
#contentbottomarea h2 {
	text-align:left;
	}
.zweispalter {
	column-count: 2;
	text-align:left;
	width:46%;
	margin:65px auto 105px;
}
.zweispalter p {
	margin:0;
	padding:0 0 1em;
	}
.marked {
	color:#634c31;
	font-family:'robotomedium', Arial, Helvetica, sans-serif;
	}
@media (max-width: 1280px) {
#contentbottomarea .titleheader {
    font-size: 16px;
}
#contentbottomarea h1,
#contentbottomarea h3 {
	font-size:36px;
}
}
@media (max-width: 959px) {
.zweispalter {
    width: 60%;
}
#contentbottomarea .titleheader {
    font-size: 14px;
}
}
@media (max-width: 767px) {
.zweispalter {
    width: 100%;
}
}
@media (max-width: 680px) {
.zweispalter {
    column-count: 1;
    text-align: center;
}
}	
@media (max-width: 380px) {

#contentbottomarea h1,
#contentbottomarea h3 {
	font-size:28px;
}
}


/* Partnerbereich */
#footertoparea {
	padding: 140px 3% 160px;
	background:#e7e7e7;
	}
#footertoparea h3 {
	color:#634c31;
	font-size:36px;
	font-family: 'robotomedium', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.05em;
	text-align:center;
	width:94%;
	padding:0 3%;
	margin:0;
	font-weight:normal;
}
#footertoparea h3:after {
	content:"";
	display:block;
	height:1px;
	border-bottom:1px solid #634c31;
	width:46%;
	margin:0 auto 50px;
}
#footertoparea ul {
	margin:0;
	padding:0;
	font-size:0;
    text-align: center;
	}
#footertoparea ul li {
	margin:0;
	padding:0 2% 0 0;
	width:9.1%;
	display:inline-block;
	list-style:none;
	position:relative;
	text-align:center;
	vertical-align:top;
	font-size:1rem;
	}
#footertoparea ul li:last-child {
	padding:0;
}
#footertoparea ul li img {
	max-width:100%;
	heigth:auto;
}
#footertoparea ul li a:after {
	content:"";
	display:block;
	width:100%;
	height:15px;
	border-bottom:1px solid #676c6f;
	}
@media (max-width: 1280px) {
}
@media (max-width: 959px) {
#footertoparea ul {
	text-align:center;
	}
#footertoparea ul li,
#footertoparea ul li:last-child {
	margin:0;
	padding:0 4% 40px 0;
	width:28.8%;
}
}
@media (max-width: 767px) {
#footertoparea h3 {
    font-size: 24px;
}
#footertoparea h3::after {
    width: 60%;
}
}
@media (max-width: 680px) {
}	
@media (max-width: 380px) {
#footertoparea ul li,
#footertoparea ul li:last-child {
	font-size:14px;
	padding:0 4% 40px 0;
	width:45.8%;
}
}

/* Footer */
#fixfooter {
	position:fixed;
	bottom:0;
	width:94%;
	padding:8px 3%;
	color:#fff;
	background:#634c31;
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	text-align:center;
	z-index:990;
	}
#fixfooter a {
	color:#fff;
	text-decoration:none;
	}
#footerarea {
	color:#676c6f;
	font-size:14px;
	text-transform:uppercase;
	position:relative;
	padding:90px 3% 155px;
	width:94%;
	letter-spacing:0.05em;
	}
#footerarea a {
	color:#676c6f;
	text-decoration:none;
}
#footerarea .moduletable {
	width:33%;
	display:inline-block;
	}
#footerarea .moduletable:first-child {
	}
#footerarea .moduletable:last-child {
	}
#footerarea .moduletable ul {
	padding:0;
	margin:0;
	}
#footerarea .moduletable ul.nav {
	text-align:right;
	}
#footerarea .moduletable ul li {
	padding:0 0 0 3%;
	margin:0;
	display:inline-block;
	}
#footerarea .moduletable.middle {
	text-align:center;
	}
#footerarea .moduletable .footer1,
#footerarea .moduletable .footer2 {
	display:inline-block;
	}
#footerarea .moduletable .footer1:after {
	content:" | ";
	}
@media (max-width: 1280px) {
#footerarea .moduletable:first-child {
	position:absolute;
	bottom: 60px;
	left: auto;
	width: 94%;
	display: block;
	text-align:center;
	}
#footerarea .moduletable:first-child ul li {
	padding:0 1.5%;
	}
#footerarea .moduletable:first-child ul li:first-child {
	padding:0;
	margin:0;
	display:block;
	width:100%;
	}
#footerarea .moduletable:last-child,
#footerarea .moduletable.middle	 {
	width:49%;
	padding:0 0 41px;
	}
#footerarea .moduletable.middle	 {
	text-align:left;
	}
	
}
@media (max-width: 1024px) {
#footerarea .moduletable:last-child,
#footerarea .moduletable.middle	 {
	padding:0 0 69px;
	}	
	
}
@media (max-width: 959px) {
#footerarea .moduletable:last-child	 {
	width:100%;
	padding:0 0 83px;
	display: block;
	text-align:center;
	}
#footerarea .moduletable.middle	 {
	width:100%;
	padding:0;
	display: block;
	text-align:center;
	}
#footerarea .moduletable ul.nav {
    text-align: center;
}
#footerarea .moduletable:last-child ul li {
	padding:0 1.5%;
	}
}
@media (max-width: 767px) {
}
@media (max-width: 680px) {
#footerarea .moduletable.middle	 {
	padding:0 0 10px;
}
}	
@media (max-width: 380px) {
}



ul.actions {
	margin: 0;
	padding: 0;
}
ul.actions li {
	list-style-image: none;
	list-style-type: none;
	float: right;
}
ul.actions li a img {
	border: 0 none;
	padding-left: 0px;
	padding-right: 0px;
}
ul.actions li a,ul.actions li a:hover, ul.actions li a:active, ul.actions li a:visited, ul.actions li a:link {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.row-separator, .item-separator {
	display:block;
	width: 100%;
	height:5px;
	clear:both;
}
img {
	border: none;
	}


/*-----SOCIALICONS-----*/
[data-icon]:before {
	font-family:"socicon"!important;
	content:attr(data-icon);
	font-style:normal!important;
	font-weight:400!important;
	font-variant:normal!important;
	text-transform:none!important;
	speak:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before, 
.icon-eye:before {
	font-family:"socicon"!important;
	font-style:normal!important;
	font-weight:400!important;
	font-variant:normal!important;
	text-transform:none!important;
	speak:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	background:#634c31;
	border-radius:18px;
	height: 30px;
	width: 36px;
	display: block;
	font-size:24px;
	text-align:center;
	padding-top:6px;
	top: 6px;
	position: relative;
    transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
    color:#fff
}
[class^="icon-"]:hover:before,
[class*=" icon-"]:hover:before {
    transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
    color:#000;
}

.icon-twitter:before {
	content:"\e040";
}
.icon-facebook:before {
	content:"\e041";
}
.icon-googleplus:before {
	content:"\e042";
}
.icon-pinterest:before {
	content:"\e043";
}
.icon-youtube:before {
	content:"\e051";
}
.icon-instagram:before {
	content:"\e057";
}
.icon-xing:before {
	content:"\e04b";
}
.icon-linkedin:before{
	content:"\e049";
}

#footerarea li a span {
  position: relative;
}
#footerarea li a span[title] {
    pointer-events: none;
}
#footerarea li a:hover span:after,
#footerarea li a:active span:after{
    content:attr(title);
    display:block;
    position: absolute;
    bottom: 0;
    left: 0;
    width:400px;
    height:auto;
    font-size: 10px;
    font-family: 'robotolight', Arial, Helvetica, sans-serif;
    background: rgba(255,255,255,0.9);
    text-transform: none;
    color: #000;
    padding:10px;
    z-index: 200;
    -webkit-user-select: none; 
    -webkit-touch-callout: none
}


@media (max-width: 1280px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 680px) {
#footerarea li a:hover span:after,
#footerarea li a:active span:after {
    left: -180px;
    bottom: 25px;
    width:360px;
    height:auto;
}
}
@media (max-width: 460px) {
#footerarea li a:hover span:after,
#footerarea li a:active span:after {
    left: -100px;
    bottom: 25px;
    width:220px;
    height:auto;
    line-height: 1em;
}
}

@media (max-width: 380px) {
}

/* Cookie-Hinweis */
.cc_container {
    padding: 5px 2% !important;
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
}
.cc_container .cc_btn, 
.cc_container .cc_btn:visited {
    color: #fff;
    background-color: transparent !important;
	border:1px solid #fff;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
.cc_banner-wrapper:hover a.cc_btn.cc_btn_accept_all {
    background-color: #ee730c !important;
	color: #000;
}
.cc_banner-wrapper:hover a.cc_more_info {
    color: #fff !important;
}
.cc_banner.cc_container.cc_container--open {
    background-color: rgba(238,114,2,.8) !important;
}

#redim-cookiehint {
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	padding: 5px 2% !important;
	background: #634c31 !important;
	}
#redim-cookiehint .cookiebuttons .btn {
	border: 2px solid #fff;
	background: #634c31 !important;
}

/* Editorbereich Frontend */
li.edit-icon {
	list-style:none;
	padding:0;
	z-index: 350;
	position: relative;
	}
li.edit-icon span {
	float:left;
	}
.icon-eye {
	padding:3px;
	background: #634c31;
	color:#fff;
	width:30px;
	height:30px
	}
.edit.item-page {
	text-align:left;
}
.mceContentBody {
	text-align:center;
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	}
.edit .nav-tabs,
.edit #editor-xtd-buttons .btn.modal-button {
	display:none;
	}
.edit .btn-group {
	width:auto;
	float:left;
	}
.edit fieldset {
	clear:both;
	border:none;
	}
#jform_images_float_intro-lbl,
#jform_images_float_intro_chzn,
#jform_images_float_fulltext-lbl,
#jform_images_float_fulltext_chzn,
#jform_urls_urla-lbl,
#jform_urls_urla,
#jform_urls_urlb-lbl,
#jform_urls_urlb,
#jform_urls_urlc-lbl,
#jform_urls_urlc,
#jform_urls_urlatext-lbl,
#jform_urls_urlbtext-lbl,
#jform_urls_urlctext-lbl,
#jform_urls_urlatext,
#jform_urls_urlbtext,
#jform_urls_urlctext,
#jform_tags-lbl,
#jform_tags_chzn,
#jform_created_by_alias-lbl,
#jform_created_by_alias,
#jform_metakey-lbl,
#jform_metakey,
#jform_access-lbl,
#jform_access_chzn,
#jform_images_image_intro_alt-lbl,
#jform_images_image_intro_alt,
#jform_images_image_fulltext_alt-lbl,
#jform_images_image_fulltext_alt,
.edit.item-page .nav-tabs,
/*#jform_images_image_fulltext_caption-lbl,
#jform_images_image_fulltext_caption,
#jform_images_image_intro_caption-lbl,
#jform_images_image_intro_caption,*/

#jform_featured-lbl,
#jform_featured_chzn,
#jform_version_note-lbl,
#jform_version_note,
#jform_language-lbl,
#jform_language_chzn,
#jform_note-lbl,
#jform_note,
div.edit + div#contentaddarea,
.dropdown-toggle {
	display:none;
	}
#jform_images_image_intro-lbl,
#jform_images_image_fulltext-lbl,
#jform_com_fields_preis-lbl,
#jform_catid-lbl,
#jform_state-lbl,
#jform_publish_up-lbl,
#jform_publish_down-lbl,
#jform_metadesc-lbl
{
    padding: 20px 0 0;
    display: block;
}
.edit #images .btn {
    padding: 0 15px;
    margin: 20px 5px;
    border: none;
    background: #634c31;
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    text-decoration: none;
}
.edit #images,
.edit #publishing {
	border-bottom:1px solid #e7e7e7;
	}
.edit #jform_title {
    font-size: 2em;
	font-family: 'robotomedium', Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	width: 100%;
	}

ul.dropdown-menu {
    margin: 0;
}
.edit-icon a, 
.btn,
.visform .btn{
    padding: 5px 25px;
    margin: 20px 5px;
    border: 2px solid #634c31;
	letter-spacing: 0.05em;
    background: #634c31;
    color: #fff !important;
    font-size: 1em;
    text-transform: uppercase;
    text-decoration: none;
	font-family: 'robotomedium', Arial, Helvetica, sans-serif;
}
.tip, 
.hasTooltip{display:block!important}
.fade {display:none!important}
.page-header .label {
	position: absolute;
	color: #fff;
	z-index: 350;
	top: 0;
	right: 0;
	padding: 4px 10px;
	background: red;
	text-transform: uppercase;
	font-size: 0.875rem;
	font-weight: normal;
	}