/******************************************************************
Theme Name: Ritter Immobilien
Theme URI: http://www.ritter-bautraeger.de/
Description: Individuelles Theme für Ritter Immobilien
Author: Nicoletta Arps
Author URI: http://www.wp-spezialist.de
Version: 1.0
Licence: Custom
Licence URI: -
Text Domain: wpspezialist
******************************************************************/

html, body{
	font-size: 14px;
}

html, body, div, span, object, embed, ruby, output, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header,
menu, nav, section, summary, time, mark, audio, video
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* Textauszeichnung */

a {
	text-decoration: none;
	color: #900;
}
a:hover{
	text-decoration: underline;
	color: #900;
}
a:active {} /* on click */
a:focus
{
	outline: thin dotted;
}
a:hover, a:active
{
	outline: 0;
}

h1, h2, h3, h4, h5, h6, p{
	line-height: 130%;
}

h1, .h1, h1 a, .h1 a,
h2, .h2, h2 a, .h2 a
{
	color:#97120b;
	font-size:20px;
	font-weight:normal;
	text-transform: uppercase;
}

h1, .h1, h1 a, .h1 a
{

}
h2, .h2, h2 a, .h2 a {}
h3, .h3 {
	color:#000000;
	font-size:18px;
	font-weight:normal;
	text-transform: none;
}
h4, .h4 {}
h5, .h5 {
	color:#000;
	font-size:14px;
	font-weight:normal;
	text-transform: uppercase;
}

ul{
	list-style: none;
}

#outline {
	font-family:'Arial', sans-serif;
	font-size:14px;
	line-height:150%;
}

.button
{
	background: url(img/icons/pfeil.png) no-repeat 15px 12px #ececed;
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
	padding: 7px 15px 8px 36px;
	display: inline-block;
	border:1px solid #999999;
	line-height: 22px;
}

.button:hover
{
	background-color:#cececf;
	color: #333;
	text-decoration: none;
}

.nav-button{
	background: url(img/icons/pfeil.png) no-repeat #ececed;
	padding-left: 15px;
	color: #333;
	text-decoration: none;
}

.nav-button-left{
	background: url(img/icons/pfeil-reverse.png) no-repeat #ececed;
	padding-left: 15px;
	color: #333;
	text-decoration: none;
}

.nav-button-right{
	background: url(img/icons/pfeil.png) right no-repeat #ececed;
	padding-right: 15px;
	color: #333;
	text-decoration: none;
}

.nav-button:hover{
	color: #888;
}


.post-content p
{
margin-bottom:15px;
}

.row{
	position: relative;
}

/* ######################################### header ######################################### */

.contact-button{
	top: 270px;
	left: 3px;
	position: fixed;
	z-index: 3;
	pointer-events: none;
}

.contact-button .cbutton{
	display: block;
	height: 189px;
	width: 36px;
	background-image: url('img/kontakt-button2.jpg');
	pointer-events: auto;
}

.contact-button .cbutton:hover {
	background-position: -36px 0;
}

.contact_foldout{
	position: relative;
	padding: 40px 25px;
	background: #fff;
	left: -100%;
	-webkit-transition: left .2s;
	-moz-transition: left .2s;
	-ms-transition: left .2s;
	-o-transition: left .2s;
	transition: left .2s;
}

.langhead
{
	font-weight:bold;
	border-top:1px solid #e5e5e5;
	margin-top:20px;
	padding-top:20px;
}

.lang-section
{
	max-width:400px;
}

.enhead,
.spanhead
{
	background: url(img/flagge-en.png) no-repeat 0 23px;
	background-size: 25px;
	padding-left: 30px;
}

.spanhead
{
	background: url(img/flagge-es.png) no-repeat 0 23px;
	background-size: 25px;
}

.contact_foldout.active{
	left: 0;
}

.contact_foldout .cbutton{
	position: absolute;
	top: 0;
	right: -36px;
}

.contact_foldout .widget_na_kontakt{
	color: #000;
	float: none;
}

.contact_foldout .widget_na_kontakt .phone_icon_white{
	color: #000;
	background: url(img/iconsprite.png) no-repeat 0 0;
	font-weight: bold;
}

.contact_foldout .widget_na_kontakt .footer_social, .contact_foldout .widget_na_kontakt .copyright-section{
	display: none;
}

.contact_foldout .widget_na_kontakt .logo-section img{
	filter: invert(100%);
	-webkit-filter: invert(100%);
}

@media (max-width:1024px) {
	.contact-button{
		display: none;
	}
}

.arrow-button{
	right: 50px;
	bottom: 50px;
	position: fixed;
	z-index: 999;
}

.arrow-button .abutton{
	display: block;
	height: 50px;
	width: 50px;
	background-color: #d0d0d0;
	background-image: url('img/icons/pfeil_weiss-up.png');
	background-position:  center center;
	background-repeat: no-repeat;
}

.sticky-wrapper{
	height: auto ! important;
}

.is-sticky #pageheader{
	z-index: 999 ! important;
	background-color: #fff;
}

.is-sticky .second_logo img{
	width: 125px;
	height: 75px;
}

#pageheader, .mobmenu{
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.26);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.26);
	box-shadow: 0 0 10px rgba(0,0,0,.26);
}

#logowrap
{
display:table;

}

.logo
{
display:table-cell;
	vertical-align: bottom;
}

.second_logo{
	text-align:right;
}

.second_logo img{
	width: 250px;
	height: 150px;
	-webkit-transition: all .7s;
	transition: all .7s;
}


#headerbar
{
	background:#ececed;
	border-width:1px 0;
	border-style:solid;
	border-color:#cfcfcf;
	margin:0;
	line-height: 50px;
	font-size:14px;
}

#headerbar p{
	line-height: 50px;
}

.headerbutton
{
	display:inline-block;
	background:#FFFFFF;
	border:1px solid #cfcfcf;
	padding:10px 15px;
	color:#000000;
	text-decoration:none;
	line-height:20px;
}

.headerbutton:hover
{
	background-color:#cececf;
	color: #333;
	text-decoration: none;
}

.centered
{
	text-align:center;
}

.phone_icon
{
	background: url(img/iconsprite.png) no-repeat 0 1px;
	padding-left: 14px;
	letter-spacing: -0.03em;
	color:#000000;
	text-decoration:none;
}

@media (min-width:1200px) {
	.phone_icon {
		padding-left: 16px;
		letter-spacing: 0;
	}
}

/* ######################################### Navigation ######################################### */
#mainmenu
{
	border-width: 1px 0 0 0;
	border-style:solid;
	border-color:#e7e7e7;
}
#mainmenu ul
{
	display:table;
	width:100%;
}
#mainmenu li {
	list-style-type:none;
	display:table-cell;
	padding:10px 15px;
	width: 16.66666667%;
	position:relative;
}

#mainmenu li.current-menu-item,
#mainmenu li:hover,
#mainmenu li.current-menu-parent
{
	background:#474747;
}

#mainmenu li.current-menu-item a,
#mainmenu li:hover a,
#mainmenu li.current-menu-parent>a
{
	display: block;
	color:#FFFFFF;
}

#mainmenu a
{
	font-weight:bold;
	color:#000000;
	text-transform:uppercase;
	font-size:14px;
	text-decoration: none;
}

#mainmenu .sub-menu {
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	display:none;
	z-index:1000;
	background:#FFFFFF;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.26);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.26);
	box-shadow: 0 0 10px rgba(0,0,0,.26);
}

#mainmenu li:hover .sub-menu
{
	display:block;
}

#mainmenu .sub-menu li
{
	display:block;
	border:0;
	width:100%;
}

#mainmenu .sub-menu li:hover,
#mainmenu .sub-menu li.current-menu-item
{
	background:#efefef;
}

#mainmenu li:hover .sub-menu  a
{
	color:#000000;
}


#mainmenu .sub-menu a
{
	font-weight:normal;
}

.nav:after{
	display: table;
	content: " ";
	clear: both;
}

.nav-meta{
	list-style: none;
	padding: 10px 0;
	margin-bottom: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.nav-meta li{
	position: relative;
	display: block;
	width: 16.6667%;
	float: left;
}

.nav-meta li a{
	color: #000;
	line-height: 29px;
	text-decoration: none;
}

.nav-meta li a:hover{
	color: #97120b;
}

@media (max-width:1199px)
{
	.nav-meta li{

		width: 23.6667%;
	}
}

@media (max-width:680px) {
	.nav-meta li {
		width: auto;
		margin-right: 20px;
	}
	
	.nav-meta
	{
		padding:2px 0;
	}
	
	.mobilemargin
	{
		margin-bottom:15px;
		display:block;
	}



}

/* ######################################### Tabs ######################################### */

.nav-tabs{
	list-style: none;
	padding: 0;
	margin-bottom: 15px;
}

.nav-tabs li{
	position: relative;
	display: block;
	float: left;
	width: 25%;
	padding-right: 1px;
	margin-bottom: 10px;
}

.nav-tabs li a{
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px 15px;
	margin-right: 2px;
	line-height: 1.42857143;
	color: #717172;
	cursor: default;
	background-color: #f3f3f4;
	border: 1px solid #ccc;
	text-decoration: none;
}

@media (max-width:480px) {
	.nav-tabs li{
		width: auto;
	}

	.nav-tabs li a {
		padding: 5px 5px;
		letter-spacing: -0.03em;
	}
}

.nav-tabs li a:focus{
	outline: 0;
}

.nav-tabs li a:hover, .nav-tabs li.active a{
	background: #cececf;
	border-color: #999;
	color: #000;
	cursor: pointer;
}

.tab-content>.tab-pane {
	display: none;
	padding: 20px 15px;

}

#beschreibung,
#lage
{
	white-space: pre-line;	
	padding-top: 25px;
}

@media (max-width:480px) {
	.tab-content>.tab-pane {
		padding: 20px 0;
	}
}

.tab-content>.active {
	display: block;
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

.fade.in {
	opacity: 1;
}

@media (max-width:480px) {
	#tablist{
		display: none;
	}
}





/* ######################################### Front ######################################### */

@media (max-width:480px) {
	#home-hover{
		display: none;
	}
}


.flexslider
{
	border:0 !important;
	box-shadow: 0 !important;
	margin-bottom:0 !important;
	overflow: hidden;
}

.flexslider .slides img {
	height: auto ! important;
}

.flex-control-nav
{
	display:none;
}

.wpb_text_column hr,
.small_hr {
	max-width:165px;
	margin:20px 0;
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.wpb_text_column.center hr,
.center hr
{
	margin:20px auto;
}

.wpb_text_column li
{
	list-style-type:none;
	background:url(img/icons/check.png) no-repeat 0 3px;
	padding-left:20px;
	margin-bottom:10px;
}

.shadow_top
{
	-webkit-box-shadow: inset 0px 4px 7px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 4px 7px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 4px 7px 0px rgba(0,0,0,0.2);
}

.center
{
	text-align:center;
}



.wpb_gmaps_widget .wpb_wrapper
{
	padding:0 !important;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
	margin-bottom: 0 !important;
}

.slick-active img,
.slick-initialized .slick-slide
{
	max-height:340px;
	width:100%;
}



/* ######################################### Immo-Seiten ######################################### */
.immopage_head
{
	padding:10px 0;
}

.immopage_head h2
{
	line-height: 46px;
}
.immopage_head h3{
	text-transform: uppercase;
}
.immopage_head p{
	line-height: 46px;
}
.immopage_images{
	margin: 5px 0;
	border-bottom:1px solid #cccccc;
	position: relative;
	overflow: hidden;
	clear:both;
}
.immopage_images:after{
	content:'';
	clear:both;
}
.immopage_images ul{
	position: absolute;
	list-style:none;
	margin: 0;
	padding: 0;
	top:-1px;
	left:0;
	width: 100%;
}
.immopage_images ul li{
	display: block;
	width: 50%;
	float: left;
	border: 1px solid #fff;
}

.immopage_images ul li a{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 56%;
	overflow: hidden;
}

.immopage_images ul li a:hover{
	opacity: .8;
}

.immopage_images ul li a img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.grid:before{
	display: block;
	content: '';
	margin-left: -15px;
	border-top:1px solid #cccccc;
}

.image-loader{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 888;
	background: transparent url('img/spinner.gif') center center no-repeat;
	opacity: .88;
	display: none;
}

.main-image{
	position: relative;
	width: 66.6667%;
	float:left;
	line-height: 100%;
}

.main-image img {
	min-width: 600px;
	min-height: 450px;
	vertical-align: bottom;
}

.thumbnails{
	position: relative;
	width:33.3333%;
	float: left;
}

@media (max-width:1024px) {

	.main-image {
		width: 100%;
	}

	.main-image img {
		width: 100%;
		height: auto;
		min-width: 200px;
		min-height: 200px;
	}

	.thumb-container{
		display: block;
		position: relative;
		width:100%;
		height: 180px;
		border-top: 2px solid #fff;
		overflow:hidden;
	}

	.thumbnails{
		width: 100%;
	}

	.arrow-up, .arrow-down{
		width: 55px;
		height: 40px;
	}
}


.thumbnails:after{
	clear: both;
}

.arrow-up, .arrow-down{
	background: url(img/icons/pfeil-up.png) no-repeat center center #ececed;
	width: 45px;
	height: 30px;
	position: absolute;
	z-index: 888;
	left: 83.33333%;
	top: 0;
	margin-left: -22px;
	cursor: pointer;
}

.arrow-down{
	background: url(img/icons/pfeil-down.png) no-repeat center center #ececed;
	top: auto;
	bottom: 0;
}

.element
{
	height:300px;
	display: block;
}

.isobutton
{
	display:block;
}

.sort-by-button-group
{
	display:none;
}

#sortier_wrap:hover .sort-by-button-group
{
	display:block;
}

.immo_img_wrap
{
	position:relative;
}

.sell-status
{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background: #990000;
	padding: 20px 15px;
	color: #fff;
	text-transform: uppercase;
	z-index: 100;
}

.sell-status span
{
	display: block;
	width: 100%;
	text-align: center;
}

.single-immobilien .sell-status
{
	left:0;
	right:auto;
	z-index:100;
}

.single-immobilien .sell-status span
{
font-size:16px;
}

@media (max-width:480px) {
	.sell-status{
		right: 15px;
	}
}

.meta-line{
	background-color: #ececed;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 2px;
	padding: 20px 0;
	text-transform: uppercase;
	line-height: 100%;
}

.immo_list_item{
	padding: 10px 0 10px 0;
}


.immo_list_item:after{
	position: relative;
	display: block;
	content: '';
	top: 10px;
	margin-left: -15px;
	border-bottom:1px solid #cccccc;
}


.immo_list_item:last-child:after{
	display: block;
	content: '';
	margin-left: -15px;
	border:none;
	height: 30px;
}

.immo_list_item h3 a
{
	text-decoration:none;
	font-size:18px;
	line-height:30px;
}

.fact-sheet{
	padding-top: 20px;
	padding-bottom: 40px;
}

.fact-item .label{
	display: inline-block;
	font-weight: bold;
	min-width: 40%;
}

.label{
	font-weight: bold;
}

.immo-action{
	letter-spacing: -.01rem;
}

.over_fold{
	padding-bottom: 14px;
	margin-bottom: 14px;
	border-bottom: 1px solid #ccc;
}

.updated h3:before,
.new h3:before
{
	content:"!";
	background:#990000;
	padding:1px 3px;
	font-size: 18px;
	color:#FFFFFF;
	border:1px solid #cccccc;
	margin-right:5px;
}

.new h3:before
{
	content:"NEU";
}

 .thelabel
{
	display:inline-block;
	width:40%;
}

.contact{
	background-color: #ececed;
	margin-left: -15px;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.contact .profile{
	margin-left: -15px;
	margin-right: -15px;
}

.contact-form{
	padding-right: 15px;
}

.single-side{

}

.single-side h5{
	padding: 10px 0;
}

.maps-container{
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}

.maps-container > *{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}


/* ######################### Posts ############################ */
.post_head
{
	padding:10px 0;
	border-bottom: 1px solid #ccc;
}

.post_head h2
{
	line-height: 46px;
}

.post_item{
	padding: 10px 0 10px 0;
}

.post_item:after{
	position: relative;
	display: block;
	content: '';
	top: 10px;
	margin-left: -15px;
	border-bottom:1px solid #cccccc;
}

.post_item a{

}

.post_item em{
	padding: 8px 0;
	display: block;
}

.post_item p{
	width: 85%;
}

.blog_head{
	margin: 34px 0;
}


/* ######################### VC Module  ######################### */
.img_text_wrap
{
	position:relative;
	margin: 20px;
	overflow: hidden;
}

.img_text_wrap img
{
	width:100%;
	height:auto;
	max-width:100%;
}

.img_text
{
position:absolute;
	width:100%;
	height:98%;
	color:#FFFFFF;
	top:100%;
	left:0;
	background:rgba(0,0,0,.7);
	padding:10%;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-ms-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;

}

.img_text_wrap a
{
	color: #fff;

}

.img_text li
{
	list-style-type:none;
	background:url(img/icons/pfeil_weiss.png) no-repeat 0 3px;
	padding-left:20px;
	margin-bottom:15px;
	font-size:16px;

}

.img_text_wrap:hover .img_text
{
	display:block;
	top: 0;
}

/* referenzen Front */
.front_refs {
	background:#ececed;
	padding:100px 0;
}

.rez{
	padding: 100px 15px;
}

@media (min-width:1200px) {
	.rez{
		padding: 100px 0;
	}
}


.quoteicon
{
	background: url(img/iconsprite.png) no-repeat 0 -29px;
	width: 45px;
	height: 45px;
	margin:20px 0;
}

.ref-row {
	border-top: 1px solid #ccc;
}

.ref-row:before{
	content: '';
	display: block;
	border-top: 1px dashed #fff;
	width: 100%;
	margin-top: -1px;
}

.ref-row.first{
	border: none;
	margin-top: 40px;
}

.ref-row.first:before{
	border: none;
}

@media (max-width:480px) {
	.ref-row{
		padding-left: 15px;
		padding-right: 15px;
	}
}

.ref {
	display: table-cell;
	border-left: 1px solid #ccc;
	float: none ! important;
	padding-bottom: 20px;
}

.ref:before{
	position: absolute;
	content: '';
	display: block;
	border-left: 1px dashed #fff;
	width: 1px;
	height: 100%;
	margin-left: -16px;
}

.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.responsive-video {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

@media (min-width: 480px) and (max-width:1200px) {
	.wpb_video_widget {
		margin-left: 15px;
	}
}

@media (max-width:480px) {
	.ref {
		display: block;
		float: left ! important;
	border-left: 0;
	}

	.ref:before{
		border: none;
	}
}

.ref:first-child, .ref:first-child:before{
	border: none;
}

.ref_author
{
	font-weight:bold;
	margin-top:20px;
}

.read_more
{
	color:#990000;
	text-decoration:none;
}

.read_more:hover
{
	color:#990000;
	text-decoration:underline;
}

.ref-button
{
	background-color:#FFFFFF;
	margin:20px auto;
}


/* Kontakt Front */
.kontakt_front
{
	background:#a22b25;
	padding:15px 0;
	color:#FFFFFF;
}

.kontakt_front h3
{
color:#FFFFFF;
	font-size:28px;
	line-height: 110%;
	font-weight:normal;
}

.bigphone {
	font-size: 26px;
	min-height: 50px;
	background: url(img/iconsprite.png) no-repeat 0 -80px;
	padding-left: 26px;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

.bigphone:hover{
	color: #ccc;
	text-decoration: none;
}

.bigphone span
{
	display:block;
	font-size:15px;
	line-height: 180%;
}

@media (max-width:1200px) {
	.bigphone {
		font-size: 19px;
	}
}

.kontakt_front_button
{
	background:#FFFFFF;
	padding: 9px 20px 8px 20px;
	margin-top: 10px;
}

.right_kontakt
{
	margin-top:65px;
}

#right_kontakt_line2{
	margin-bottom:45px;
}

/* ######################################### Mobile Menu #########################################*/
/*#mobmenuright  li > ul{
	display: block ! important;
}*/



/* ######################################### NL Formular ######################################### */
.nl_form_wrap
{
	max-width:800px;
	margin:20px auto;
	border:1px solid #eeeeee;
	padding:20px;
}

.form-panel{
	height: auto;
	max-height: 500px;
	transition: all .2s;
}

.collapsed{
	max-height: 0;
	overflow: hidden;
}

.nl_form_wrap h2
{
	margin:30px 0 15px 0;
}

/* Danke-Seite */
.proofed .please_approve
{
	display:none;
}

.unproofed .doi_confirmed
{
	display:none;
}


/* Footer */
#pagefooter
{
	font-family: 'Arial', sans-serif;
	font-size: 16px;
	background: #242526;
	background: -moz-linear-gradient(left,  #242526 1%, #242526 50%, #2d2e30 50%, #2d2e30 100%);
	background: -webkit-linear-gradient(left,  #242526 1%,#242526 50%,#2d2e30 50%,#2d2e30 100%);
	background: linear-gradient(to right,  #242526 1%,#242526 50%,#2d2e30 50%,#2d2e30 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242526', endColorstr='#2d2e30',GradientType=0 );
}



#footer-content{
	padding: 30px 0 0 0;
	background: #242526;
	background: -moz-linear-gradient(left,  #242526 1%, #242526 33%, #2d2e30 33%, #2d2e30 100%);
	background: -webkit-linear-gradient(left,  #242526 1%,#242526 33%,#2d2e30 33%,#2d2e30 100%);
	background: linear-gradient(to right,  #242526 1%,#242526 33%,#2d2e30 33%,#2d2e30 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242526', endColorstr='#2d2e30',GradientType=0 );
}

@media (max-width:480px) {
	#pagefooter, #footer-content{
		background: #242526;
	}
	
	.logo-section
	{
		margin:30px 0;
	}
}

.address-section{
	display: inline-block;
	padding-top: 44px; /* line-height von zwei Zeilen */
}

.address-section p{
	margin-bottom: 8px;
	line-height: 22px;
}

#pagefooter .lang-section
{
	display:none;
}

.logo-section{
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
	height: 83px;
}

.copyright-section{
	padding-top: 100px;
	padding-bottom: 20px;
	color: #575758;
}

.logo-section img{
	height: 83px;
	width: auto;
}

.widget_na_kontakt
{
	color:#FFFFFF;
	width: 100%;
	float:right;
}

.widgettitle
{
	color:#FFFFFF;
	font-size:18px;
	margin:40px 0 20px 0;
}

.kont_main
{
	margin-top:40px;
}
.phone_icon_white
{
	color: #FFFFFF;
	background: url(img/iconsprite.png) no-repeat 0 -145px;
	display: block;
	padding-left: 21px;
	text-decoration: none;
	margin-top:20px;
}

.footer_mail
{
	text-decoration: none;
	color:#a22b25;
	background: url(img/iconsprite.png) no-repeat 0 -384px;
	padding-left: 20px;
}

.footer_mail:hover
{
	background: url(img/iconsprite.png) no-repeat 0 -405px;
	color:#c63a32;
}

.footer_social
{
	margin-top:30px;
}

.footer_social a
{
	display:inline-block;
	margin-right:15px;
	width:38px;
	height:35px;
	background: url(img/iconsprite.png) no-repeat 0 -331px;
}

.footer_social .footer_fb:hover
{
	background-position:0 -229px;
}

.footer_social .footer_tw
{
background-position:0 -281px;
}

.footer_social .footer_tw:hover
{
	background-position:0 -179px;
}
.footer_social .footer_li
{
background-position:0 -587px;
}

.footer_social .footer_li:hover
{
	background-position:0 -485px;
}
.footer_social .footer_ig
{
background-position:0 -537px;
}

.footer_social .footer_ig:hover
{
	background-position:0 -435px;
}

.widget_nav_menu h4,
.widget_nav_menu ul
{
	padding-left:0;
}

.widget_nav_menu li
{
	list-style-type:none;
}

.widget_nav_menu li a
{
	color:#FFFFFF;
	text-decoration:none;
}

.widget_nav_menu li a:hover,
.widget_nav_menu li.current-menu-item a
{
	color:#a22b25;
}

/* ######################################### Icons ######################################### */

.ic{
	display: inline-block;
	width: 29px;
	height: 29px;
	background-repeat: no-repeat;
	background-image: url('img/meta-sprite.jpg');
	vertical-align: middle;
}

a:hover .ic{
	background-image: url('img/meta-sprite2.jpg');
}

.ic-print{
	background-position: 0 -58px;
}

.ic-mail{
	background-position: 0 -29px;
}

.ic-doc{
	background-position: 0 0;
}

.icon360
{
	background: url(img/icon360.png) no-repeat 0 0;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-size: contain;
	vertical-align: middle;
	margin-right:5px;
}

.round_a:hover .icon360
{
	background:url(img/icon360_red.png) no-repeat 0 0;
	background-size: contain;
}

.mobileonly
{
	display:none;
}

@media (max-width:480px) {
	.ic{
		width: 18px;
		height: 18px;
		background-size: cover;
	}

	.ic-print{
		background-position: 0 -36px;
	}

	.ic-mail{
		background-position: 0 -18px;
	}

	.icon360
	{
		width: 20px;
		height: 20px;
	}

	.round_a
	{
		display:none;
	}

	.mobileonly:hover .icon360
	{
		background:url(img/icon360_red.png) no-repeat 0 0;
		background-size: contain;
	}

	.mobileonly
	{
		display:inline-block;
		position:relative;
	}
}

.has360 .image_a
{
display:block;
	position:relative;
}

.span360
{
	display: block;
	background: url(img/icon360.png) no-repeat center center;
	position: absolute;
	top: 50%;
	left: auto;
	text-align: center;
	width: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	height: 80px;
}

/* ######################################### Contact7 Anpassungen ######################################### */

.wpcf7-validation-errors{
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.wpcf7-mail-sent-ok{
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;

}

.contact-checkboxes{
	width: 100%;
	padding: 10px 0;
}

.contact-checkboxes .wpcf7-list-item{
	width: 100%;
	display: block;
	line-height: 30px;
}

/* ######################################### Stuff ######################################### */

.alignleft
{
	float:left;
	margin-right:10px;
}

.alignright
{
	float:right;
	margin-left:10px;
}

.aligncenter
{
	display:block;
	margin: 0 auto;
}

.clear
{
	clear:both;
}

.fleximg
{
	width:100%;
	height:auto;
	max-width:100%;
}

.fleximg img{
	width:100%;
	height:auto;
	max-width:100%;
}

.pull-right{
	float: right;
}

.more-link{
	color: #000;
	text-decoration: none;
}

.more-link:hover{
	text-decoration: underline;
}

.more-link:before{
	content: "> ";
}

.no-lh{
	line-height: 0;
}

.reset-lh{
	line-height: 150% ! important;
}

.bottom-align{
	position: absolute ! important;
	bottom: 0;
	right: 0;
}

@media (max-width:1200px) {
	.bottom-align{
		position: relative ! important;
		left: -16px;
		top: 8px;
	}
}

@media (max-width:480px) {
	.bottom-align{
		position: relative ! important;
		left: 16px;
		top: 8px;
	}
	
	.home .vc_parallax
	{
		display:none;
	}
	
	.home .vc_custom_1467893439019 {
	    padding-top: 0 !important;
	    padding-bottom: 0 !important;
	}
	

}

@media (max-width:767px) {
	
	.home .responsive-video
	{
		margin-bottom:30px !important;
	}
}

.block-level{
	width: 100%;
}

.mt30{
	margin-top: 30px;
}

.rm-left{
	margin-left: -15px;
}

.rm-right{
	margin-right: -15px;
}

.rm-inner > .vc_column-inner{
	padding: 0 ! important;
}

@media (max-width:1200px) {
	.rm-left{
		margin-left: 0;
	}

	.rm-right{
		margin-right: 0;
	}

	.vc_row .vc-mobile-padding {
		padding-left: 15px ! important;
		padding-right: 15px ! important;
	}

}


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


.profile-right .wpb_wrapper{
	float: right;
}

.profile-center .wpb_wrapper{
	float: left;
	position: relative;
	left: 50%;
}

.profile-center .wpb_wrapper .content{
	position: relative;
	left: -50%;
}


@media (max-width:780px)
					  {
	.team .profile-center .wpb_wrapper,
	.team .profile-right .wpb_wrapper,
	.team .wpb_column .wpb_wrapper
	{
		 float: none;
text-align:center;
	}
					  }
@media (max-width:480px) {
	.team .vc_column_container .wpb_wrapper{
		float: left;
		position: relative;
		left: 50%;
	}

	.team .vc_column_container .wpb_wrapper .content{
		position: relative;
		left: -50%;
	}
}

.ytframe
{
	color: #000000;
	position: relative;
	display: block;
	max-width: 300px;
	margin: 0 auto;
}

.vidplay
{
	background: url(img/video_play.png) no-repeat 0 0;
	position: absolute;
	top: 197px;
	left: 0;
	width: 75px;
	height: 75px;
}






	/* ######################  Ende Custom , Start Defaults diverser Elemente, Browserkompatibilität ################  */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
	display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
	display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */


/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	background: #ff0;
	color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

em{
	opacity: .75;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
	border: 0;
	max-width: 100%;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
	overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
	margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
	line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #cfcfcf;
	border-radius: 0;
	background: #FFF;
	padding: 10px 50px 10px 15px;
	margin: 0;
	background: url('./img/select-arrow.jpg') no-repeat 95% 50% #ffffff;
	background-size: 11px 7px;
}

input[type=text],
input[type=email],
textarea{
	border: 1px solid #cfcfcf;
	border-radius: 0;
	background: #FFF;
	padding: 10px 50px 10px 10px;
	width: 100%;
}

input[type=submit]
{
	background: #fff url(img/icons/pfeil.png) no-repeat 15px center;
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
	padding: 7px 15px 8px 36px;
	display: inline-block;
	border:1px solid #999999;
}

input[type=submit]:hover
{
	background-color:#cececf;
}



/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* print und mobile */


@media print {
	* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a:after { content: " (" attr(href) ")"; }
	abbr:after { content: " (" attr(title) ")"; }
	.ir a:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
}


/* Safari, Chrome, iPhones, iPads */
::-webkit-selection {
	background: #6fc2f6;
	color:#fff;
	text-shadow : none;
}

/* Firefox */
::-moz-selection {
	background: #6fc2f6;
	color:#fff;
	text-shadow : none;
}

/* The Rest of em */
::selection {
	background: #6fc2f6;
	color:#fff;
	text-shadow : none;
}

html
{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}


/* featherlight */

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

html.with-featherlight {
	/* disable global scrolling when featherlights are visible */
	overflow: hidden;
}

.featherlight {
	display: none;

	/* dimensions: spanning the background from edge to edge */
	position:fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 2147483647; /* z-index needs to be >= elements on the site. */

	/* position: centering content */
	text-align: center;

	/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
	white-space: nowrap;

	/* styling */
	cursor: pointer;
	background: #333;
	/* IE8 "hack" for nested featherlights */
	background: rgba(0, 0, 0, 0);
}

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
	background: rgba(0, 0, 0, 0.8);
}

.featherlight:before {
	/* position: trick to center content vertically */
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.featherlight .featherlight-content {
	/* make content container for positioned elements (close button) */
	position: relative;

	/* position: centering vertical and horizontal */
	text-align: left;
	vertical-align: middle;
	display: inline-block;

	/* dimensions: cut off images */
	overflow: auto;
	padding: 25px 25px 0;
	border-bottom: 25px solid transparent;

	/* dimensions: handling large content */
	margin-left: 5%;
	margin-right: 5%;
	max-height: 95%;

	/* styling */
	background: #fff;
	cursor: auto;

	/* reset white-space wrapping */
	white-space: normal;
}

/* contains the content */
.featherlight .featherlight-inner {
	/* make sure its visible */
	display: block;
}

/* don't show these though */
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
	display: none;
}

.featherlight .featherlight-close-icon {
	/* position: centering vertical and horizontal */
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;

	/* dimensions: 25px x 25px */
	line-height: 25px;
	width: 25px;

	/* styling */
	cursor: pointer;
	text-align: center;
	font-family: Arial, sans-serif;
	background: #fff; /* Set the background in case it overlaps the content */
	background: rgba(255, 255, 255, 0.3);
	color: #000;
	border: none;
	padding: 0;
}

/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
.featherlight .featherlight-close-icon::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.featherlight .featherlight-image {
	/* styling */
	width: 100%;
}


.featherlight-iframe .featherlight-content {
	/* removed the border for image croping since iframe is edge to edge */
	border-bottom: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch;
}

.featherlight iframe {
	/* styling */
	border: none;
}

.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 0;
		margin-right: 0;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
}

/* hide non featherlight items when printing */
@media print {
	html.with-featherlight > * > :not(.featherlight) {
		display: none;
	}
}

.featherlight-content
{
	max-width:90%;
}

.featherlight iframe.featherlight-inner {
	display: block;
	max-width: 100%;
        max-height: 100%;
}