@charset "utf-8";
/* CSS Document */


/* lato-300 - latin-ext_latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin-ext_latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin-ext_latin */
@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 400;
	src: url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin-ext_latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/typo3conf/ext/mhoeswbase/Resources/Public/Template/fonts/lato-v23-latin-ext_latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}



.news-date-menu {
	margin-bottom: 10px;
}

.proj-map {
	height: 300px;
}

#reserveList #contactMerkliste {
	display: none;
}

/* BASICS ------------------------------ */	

html{
	font-size: 16px;}

body,td,th,div,p,span {
	font-size: 1rem;
	line-height:26px;
	line-height:1.625rem;
	font-weight:400;
	color: #5a5a5a;}
	
*{font-family: 'Lato', Helvetica, sans-serif;}
	
body {
	background-color: #FFFFFF;
	width: 100%;
	display: table;
	table-layout: fixed;}
	
html,body{height:100%}

.page-row {display: table-row;}
.page-row-expanded { height: 100%; }
	
::selection {
	background: #ffd204;
	color: white;}
	
* {-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;}
	
table{
	border-collapse:collapse;
	border-spacing: 0;}
	
ol, ul {
	list-style: none;}
	
blockquote, q {
	quotes: none;}
	
strong,b{font-weight:700;}
	
.clearboth {
	clear:both;
	font-size:0em;}
	
.group:before,
.group:after{  
	content: "";
  	display: table;}

.group:after {clear: both;}
	
.sprite,
.sidr-class-sprite{
	background-image:url(../images/sprite.svg);
	background-repeat:no-repeat;}
	
img {
	max-width: 100%;
	height: auto;
	display:block;}

.dark{color:#000000;}

.color-1{color:#ffba27;}

.color-3{color:#CDDDCF;}

figcaption{
	font-size:13px;
	font-size:0.813em;
	color:#a1a1a1;}
	
.no-list-style,
.grList /* nach eingabe loeschen */
	{
	list-style: none;
	padding: 0;}
	
em.emSmall{
	display:block;}
	
em.emSmall,
em.emSmall *{
	font-style:normal;
	font-size:13px;
	font-size:0.813rem;
	line-height:16px;
	line-height:1rem;}

.alert-warning {
    background-color:#f2f2f2;
    border-color: #f2f2f2;
	border-radius: 0;}

.margin-top-X{margin-top:0px;}
.margin-top-S{margin-top:10px;}
.margin-top-M{margin-top:20px;}
.margin-top-L{margin-top:40px;}

.margin-bottom-X{margin-bottom:0px;}
.margin-bottom-S{margin-bottom:10px;}
.margin-bottom-M{margin-bottom:20px;}
.margin-bottom-L{margin-bottom:40px;}

.d-block{display:block !important;}
	
/* ANIMATION ALL */
.anim{
    -webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	 transition:all 1s ease;}
	
/* HEADLINE ------------------------------ */	

h1,h2,h3,h4{color:#000000;}

h1,h2,h3{text-transform:uppercase;}

h1 {}

h2{
	font-weight:300;
	font-size: 24px;
	font-size: 1.500em;
	margin: 55px 0 35px 0;}
	
h3 {
	font-weight:300;
	color:#5a5a5a;
	font-size: 20px;
	font-size: 1.250rem;
	margin: 55px 0 35px 0;}

h4 {
	font-weight:400;
	font-size: 20px;
	font-size: 1.250rem;
	padding: 30px 0 10px 0;}

h5,h6 {
	font-weight:400;
	font-size: 16px;
	font-size: 1rem;
	margin: 30px 0 10px 0;}
	
hgroup.headerLine{
	border: solid 1px #ccdcce;
	margin:20px 0;
	padding-right: 30px;
	position:relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display:block;}
	
hgroup.headerLine.open:after{background-position:-43px -66px;}

hgroup.headerLine:after{
	content: "";
	background: url(../images/sprite.svg) -28px -66px no-repeat;
	width: 13px;
	height: 7px;
	display: block;
	position: absolute;
	right: 10px;
	top: 14px;}
	
hgroup.headerLine h3{
	margin: 0 15px;
	height: 36px;
	line-height: 36px;
	font-size: 1.063rem;
	display:inline;}

	
/* LINKS ------------------------------ */

a{
	color:#5a5a5a;
	text-decoration:none;}
	
article a,
a.txtLink,
a.externalLink:not(.btn){
    border-bottom: dotted 1px #5a5a5a;
}

a.externalLink:after{
    content: "\f08e";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left:.4em;
}

.fa-external-link{
    padding-left: .4em;
}

/* Font-Icon - externalLink  
@font-face {
    font-family: 'externallink';
    src: url('../fonts/externallink/externallink.eot?37922017');
    src: url('../fonts/externallink/externallink.eot?37922017#iefix') format('embedded-opentype'),
       url('../fonts/externallink/externallink.woff?37922017') format('woff'),
       url('../fonts/externallink/externallink.ttf?37922017') format('truetype'),
       url('../fonts/externallink/externallink.svg?37922017#externallink') format('svg');
    font-weight: normal;
    font-style: normal;
}

a.externalLink:after{
    content:"\e800";
    font: normal normal normal 14px/1 "externallink";
    font-size: inherit;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    padding-left: .4em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.fa-external-link{
    font-family: "externallink" !important;
    padding-left: .4em;
}

.fa-external-link:before{
    content:"\e800" !important;
}

*/

a:hover,
a:focus{
	color:#000000;
text-decoration: none;}

/* BREADCRUMP------------------------------ */
.breadcrumb{
	background-color: transparent;
	padding-left:0px}

/* BUTTONS ------------------------------ */

.btn,
input .btn{
	display: inline-block;
	background-color:transparent;
	padding: 0 25px;
	text-align: center;
	color: #50a692;
	text-transform: uppercase;
	font-size: 17px;
	font-size: 1.063rem;
	font-weight: 300;
	height: 36px;
	line-height: 36px;
	border: solid 2px #50a692;
	cursor: pointer;
	width:auto;
	border-radius:0;}
	
.btn:hover{
	background-color:#50a692;
	color:#FFFFFF;}
	
.btn.hell{
	border-color:#FFFFFF;
	color:#FFF;}
	
.btn.hell *{
	color:#FFF; 
	font-weight:300;}
	
.btn.hell:hover{
	background-color:#FFF;
	color:#50a692;}
	
.btn.hell:hover *{
	color:#50a692;
	font-weight:300;}


.btn.white{
	border-color:#FFFFFF;
	background-color:#FFFFFF;
	color:#000;
	font-weight:400;
	font-size:16px;
	text-transform: none !important;
	font-family:'Lato', Helvetica, sans-serif;}

.btn.white *{
	border-color:#FFFFFF;
	background-color:#FFFFFF;
	color:#000;
	font-weight:400;
	font-size:16px;
	text-transform: none !important;
	font-family:'Lato', Helvetica, sans-serif;}
	
.btn-icon{
	width: 28px;
	height: 28px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	border:none;
	text-indent:-9999999px;}
	
.btn-pin{background-position: 0 0;}
.btn-pin.on{background-position: -56px 0;}

.btn-dld{background-position: 0 -389px;}

.btn-gm{
	width:56px;
	background-position: 0 -417px;}
	
.btn-gm.map{background-position: 0 -445px;}

.btn-ms{
	background-position: 0 -473px;
	display:none;}

/* FORM ------------------------------ */
	
input, textarea, select{
	background-color:#FFFFFF;
	height:48px;
	border:solid 1px #ccdcce;
	width:100%;
	padding:10px;
    -moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	margin: 0 0 10px 0;}
	
input[type="text"]{
	-webkit-appearance:none;
	-webkit-border-radius:0px;}
	
::-webkit-input-placeholder { color:#b5b5b5; font-weight:300;}
::-moz-placeholder { color:#b5b5b5;font-weight:300;} /* firefox 19+ */
:-ms-input-placeholder { color:#b5b5b5;font-weight:300;} /* ie */
input:-moz-placeholder { color:#b5b5b5;font-weight:300;}

textarea{resize: none;}

label,
.label{
	border-radius:0;
	font-weight: normal;}

.formFloat{
	display:inline-block;
	/*float:left;*/
	text-align:left;
	vertical-align:middle;
	margin-right: 2px;}
	
.formFloat.SizeS,
.formFloat.SizeM,
.formFloat.SizeL{
	width:100%;
	margin-bottom:5px}
	
button:focus {outline:0;}

.infoBox label{
	margin-bottom:10px;
	display:block;
	font-size:13px;}
	
.req label{
	font-weight:700;
	color:#000000;}
	
.no-req label:after{
	content:'(optional)';
	color:#b6b6b6;
	padding-left:5px;
	font-weight:300;}
	
.no-req label.checkbox:after,
.no-req label.checkbox label:after{
	content: none;}
	
label.checkbox{
	margin-bottom:10px;
	display:block;}
	
.error input,
.error .selecter-selected{
	border:solid 1px #ffba27 !important;
	background:url(../images/error_icon.svg) 98% center no-repeat;
	padding-right:30px;}
	
.error .selecter-selected{
	background: #FFFFFF url(../images/error_icon.svg) 90% center no-repeat !important;}

/* LINKLISTE ------------------------------------ */
.linkList h4{padding-top:0;}
	
.linkList li a,
.linkList li{position:relative;}

.linkList li .f-icon.viewIcon{background-position:0px -349px;}

.linkList li .f-icon{
	display:block;
	position:absolute;
	left:-60px;
	top:25px;
	width:30px;
	height:30px;}
	
.linkList li a:hover{
	opacity:.7;
	filter: alpha(opacity=70);}
	
.linkList li .btn-pin{
	position:absolute;
	right:0;
	top:15px;}
	
.linkList li:first-child a{
	border-top:none;}

.linkList li a{
	padding: 25px 30px 25px 0;
	margin-left:60px;
	display:block;
	border-top: solid 2px #f3f7f4;
	border-bottom:none;}
	
.linkList li .desc-1{
	line-height:21px;
	line-height:1.313rem}
	
.linkList li .desc-2{
	font-size:13px;
	font-size:0.813rem}

/* MODAL ------------------------------ */
.modal-backdrop{
	background-color: #f2f2f2;
	z-index: 999999;}

.modal{z-index: 9999999;}

button.close{
	position: fixed;
    right: 10px;
    top: 10px;
	z-index:  9999999}

.modal-dialog {
    margin: 25px;}

.modal-backdrop.in {
    opacity: 0.9;
    filter: alpha(opacity=90);}

.modal-content {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
	box-shadow:none;}

.modal-header,
.modal-footer {
    border:none;}

/* LOGIN */
#loginModal .btn{
	width:100%;
	padding: 0;}

/* SUCHE */
#sucheModal .modal-content{background-color: transparent;}

#sucheModal .modal-body{
	padding:20px 0;
	background-color: #FFF;}

#sucheModal .modal-header{display: none;}

#sucheModal input{margin-bottom:10px;}

#sucheModal .btn{
	width:100%;
	padding: 0;}

#sucheModal .modal-footer{
	text-align: left;
	padding:0;}

#sucheModal .modal-footer ul li{
	background-color: #FFF;
	margin-top:10px;
	padding:20px;}

#sucheModal .modal-footer .linkList li a{
	border:none;
	padding: 0;}


/* LAYOUT ------------------------------ */
#wrapper:before{
	content:"";
	margin-top:80px;
	display:block}

.wrapperPosSize {
	position: relative;
	width: 96%;
	margin: 0 2%;}
	
article p{padding: 0 0 20px 0;}

article section h4:first-child{
	padding-top:0;}
	
article blockquote{
	border-left: solid 5px #ccdcce;
	padding: 30px;
	margin: 20px 0;}
	
article blockquote,
article blockquote *{
	font-size:20px;
	font-size:1.250rem;
	color:#000000;
	font-weight:300;
	line-height:31px;
	line-height:1.938rem;}
	
article blockquote strong{font-weight:700;}
	
.noPosition{position:inherit !important;}

article ul,
.csc-default ol, 
.csc-default ul{
  list-style: disc outside;
  padding: 5px 0px 0px 15px;
}

/* TXT BOARD */
article.board{margin-bottom:40px;}

.boardInfo h4 a,
.boardPic{border:none;}

.boardPic{position:relative;}

.boardPic:hover{
	opacity:.6;
	filter: alpha(opacity=60);}

.boardPic img{
	display:block;
	margin-bottom:15px;}

.boardInfo h4{
	margin:0 0 20px 0;
	line-height:28px;
	line-height:1.750rem;
	font-weight:700;
	padding:0;}
	
.boardInfo h4 a{color:#000000;display: block;}
.boardInfo h4 a:hover{color:#50a692;}


.txtBoard .boardInfo .allTxt{
	height:146px;
	position:relative;
	overflow:hidden;}

.boardInfo p{
	line-height:24px;
	line-height:1.500rem;
	padding-bottom:20px;
	margin-bottom:0px;}
		
article.txtBoard .boardInfo .allTxt:after{
	content:"";
	display:block;
	position:absolute;
	height:20px;
	bottom:0;
	left:0;
	width:100%;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.93) 53%, rgba(255,255,255,1) 57%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(53%,rgba(255,255,255,0.93)), color-stop(57%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.93) 53%,rgba(255,255,255,1) 57%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.93) 53%,rgba(255,255,255,1) 57%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.93) 53%,rgba(255,255,255,1) 57%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.93) 53%,rgba(255,255,255,1) 57%,rgba(255,255,255,1) 100%); /* W3C */
	}

.boardInfo .btn{margin-top:20px;}

/* PROD BOARD */

.projBoard{
	border:solid 1px #ccdcce;
	text-align:center;}
	
.projBoard .count{
	display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #FFF;
    border-radius: 15px;
    height: 30px;
    color: #000;
    font-size: 14px;
    min-width: 30px;
    line-height: 30px;
    padding: 0 6px;
	opacity:.9;
	filter: alpha(opacity=90);
	z-index:10;}

.projBoard .boardPic .label{
	position:absolute;
	font-size:13px;
	font-size:0.813rem;
	text-transform:uppercase;
	color:#FFFFFF;
	line-height:28px;
	line-height:1.750rem;
	padding:0 15px;
	bottom:10px;
	z-index: 10;}
	
.projBoard .boardPic .label-1{
	left:-5px;
	background-color:#ffba27;}
	
.projBoard .boardPic .label-2{
	right:-5px;
	background-color:#50a692 /*#2a2d2c*/;}
	
.projBoard .boardInfo{
	padding:0 20px;
	min-height: 170px;}
	
.projBoard h4{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	margin: 15px 0 10px 0;
	padding:0;}
	
.boardInfo h4 a:hover span {color: #50a692;}
	
.projBoard h4:after{
	content: "";
	display: block;
	border-top: solid 2px #f3f7f4;
	width: 60%;
	margin: 10px auto 0 auto;
	height: 1px;}

h4 .adr-1,
h4 .adr-2{
	font-size: 20px;
	font-size: 1.250rem;
	display:inline;
	color: #000000;}
	
h4 .adr-1{font-weight:700;}
h4 .adr-2{font-weight:300;}

.projBoard .desc-1{
	font-weight:700;
	line-height:21px;
	line-height:1.313rem;
	color:#000000;}
	
.projBoard .desc-2{
	font-size:13px;
	font-size:0.813rem;
	line-height:18px;
	line-height:1.125rem;}
	
/* HOME */
#homeNews #akt-proj{display:none;}

#homeNews{position:relative;}
#homeNews .contHome{position:relative;}

#homeNews .cont_0,
#homeNews .cont_2{display:none;}
	
/* CONTENT */
.labelWrapper{
	border-top: solid 2px #f3f7f4;
	margin-bottom:20px;}
	


.labelWrapper .label{	
	display:inline-block;
	font-size: 13px;
	font-size: 0.813rem;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 28px;
	line-height: 1.750rem;
	padding: 0 15px;}
	
.labelWrapper .label-1 {
	background-color: #ffba27;
	margin-right: -3px;}
	
.labelWrapper .label-2 {background-color: #50a692 /*#2a2d2c*/;}

.adr-slogan{margin:0 0 10px 0;}

.adr-slogan *{color:#000000;}

.adr-slogan a{border:none;}

.adr-slogan .adr-1,
.adr-slogan .adr-2{
	font-size: 26px;
	font-size: 1.625rem;
	margin:0px;
	text-transform:none;}
	
.adr-slogan .adr-1{font-weight:700}

.adr-slogan .slogan{
	font-size:20px;
	font-size:1.250rem;
	margin-top:20px;
	display:block;
	font-weight:700;}
	
.adr-slogan .slogan:before,
.adr-slogan .slogan:after{
	content:"''"}
	
.eckdaten *{	
	font-size:20px;
	font-size:1.250rem;
	line-height:30px;
	line-height:1.875rem}
	
.eckdaten .row > div:last-child{margin-top:20px;}

.eckdaten h4{padding:0px;}
	
.eckdaten .fVar	{margin-bottom:40px;}
	
.eckdaten .kidLink{
	display:inline-block;
	margin-top:20px;
	font-weight: 300;}
	
#picGal{
	margin-bottom:30px;
	/*background-color:#F9F9F9;*/}
	
#picGal.picGal-proj{margin-bottom:5px;}

#picGal .soloPic{
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;

	/*background-attachment: fixed;*/
	/*background-size: 100% auto;*/
	background-position: center bottom;
	background-repeat: no-repeat;
	width:100%;
	height:100px;
	position:relative;}
	
#picGal .soloPic-proj{display:none;}
	
#picGal .soloPic .p-m{	
	opacity:1;
	filter: alpha(opacity=100);}
	
#picGal .soloPic:hover .p-m{	
	opacity:.8;
	filter: alpha(opacity=80);}
	
#picGal .picGalSlider{
	width:100%;}
	
/* table */
.tableOverflow{
	overflow:auto;
	margin-bottom:35px;}
	
table.tMax{width:100%;}

table tr td{
	font-size: 20px;
  font-size: 1.250rem;
  line-height: 30px;
  line-height: 1.875rem;}

table tr td,
table tr th{
	vertical-align:top;
	white-space: nowrap;
	text-align:left;
	font-weight:300;}

table tr td:not(:first-child){text-align:right;}

table caption{
	text-align:left;}

em.tableEm{}

table.finanz{
	margin-bottom:10px;}

table.finanz thead th{
	font-weight:700;}
	
table.finanz tfoot tr{
	border-top:solid 2px #f3f7f4;
	margin-bottom:10px;}

table.finanz tfoot tr td{
	color:#ffba27;
	font-weight:700;}

/* projslider */
.picGalSlider-wrapper{padding:0;}
#bxslider-picGal .swiper-slide img{
	height:150px;
	width:auto;}
	
.picGalSlider{margin:0 -20px 30px -20px;}

.picGalSlider .swiper-button-prev, 
.picGalSlider .swiper-button-next{display:none;}	


/* serviceNav */
.serviceNav{margin: 5px 0 10px 0;}

.serviceNav li{
	display: inline-block;
	margin-right:10px;}
	
.mapWrapper{margin-bottom:30px;}

/* grundriss slider */	
.grdrissWrapper{
	background-color:#f2f2f2;
	margin-bottom: 60px;
	height:310px;}
	
.grInnerWrapper{
	height:310px;
	cursor:pointer;}
	
.p-m{
	content:"";
	position:absolute;
	width:48px;
	height:48px;
	background: #000 url(../images/sprite.svg) 9px -244px no-repeat;
	opacity:0;
	filter: alpha(opacity=0);
	top:50%;
	left:50%;
	z-index:100;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	/*border-radius:50%;*/
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	 transition:all 1s ease;}
	 
.p-m.open{background-position: 9px -293px;}
	
.grInnerWrapper:hover .p-m{
	opacity:.6;
	filter: alpha(opacity=60);}

.grInnerWrapper img{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
  	margin: 0 auto;}
	
/* gr-objektlise */

#grFilter{
	border-bottom: solid 2px #f3f7f4;
	padding-bottom:15px;}
	
.filter-Toggle{
	cursor:pointer;
	padding-top: 0px;}
	
.filter-Toggle:after{
  content: "";
  background: url(../images/sprite.svg) 0px -60px no-repeat;
  width: 9px;
  height: 5px;
  display: inline-block;
  margin: 0 0 2px 8px;
  opacity: .4;
  filter: alpha(opacity=40);}
  
.filter-Toggle.open:after{
	background-position:-11px -60px;}
	
.grList h4{padding-top:0;}
	
.grList li a,
.grList li{position:relative;}

.grList li .f-icon{
	display:block;
	position:absolute;
	left:-60px;
	top:25px;
	width:30px;
	height:30px;}
	
.grList li .f-icon.viewIcon{background-position:0px -349px;}	
.grList li .f-icon.delIcon{background-position:3px -510px;}
	
.grList li a:hover{
	opacity:.7;
	filter: alpha(opacity=70);}
	
.grList li .btn-pin{
	position:absolute;
	right:0;
	top:15px;}
	
.grList li:first-child a{
	border-top:none;}

.grList li a{
	padding: 25px 30px 25px 0;
	margin-left:60px;
	display:block;
	border-top: solid 2px #f3f7f4;
	border-bottom:none;}
	
.grList li .desc-1{
	line-height:21px;
	line-height:1.313rem}
	
.grList li .desc-2{
	font-size:13px;
	font-size:0.813rem}
	
/* merkliste */
#merkListe{
	border-top: solid 2px #f3f7f4;
	margin-top:20px;}
	
.form-merken{display:none;}
	
/* proj grid/map */
	
#projMap{
	display:none;
	height:400px;}
	
/* mein objekt */
#ks-suche{
	position:relative;
	width:100%;
	margin-bottom:40px;}

#ks-suche .formWrapper{
	margin-bottom:20px;}
	
#ks-suche .formFloat{margin-bottom:10px;}

#ks-suche .ks-01,
#ks-suche .ks-02{width:100%;}
	
#ks-suche .formWrapper h3{	
  margin: 20px 0 10px 0;}
  
#ks-suche .formWrapper em{
	font-style:normal;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 18px;
	line-height: 1.125rem;
	color: #a1a1a1;
	font-weight:300;}

#ks-suche input,
#ks-suche .selecter-selected{margin: 0;}

#mo-cont{
	text-align:center;
	margin-bottom:60px;}
	
#mo-cont .co-cont-name{
	font-size:20px;
	font-size:1.250rem;
	line-height:24px;
	line-height:1.500rem;
	margin-bottom:5px;}
	
#mo-cont .co-cont-nr,
#mo-cont .co-cont-mail{
	line-height:16px;
	line-height:1rem;
	border-bottom: none;
	display:block;}

/* List */
.list li{border-bottom: solid 2px #f3f7f4;}

.list li a{
	display:block;
	padding:15px 0 15px 60px;
	position:relative;
	line-height: 20px;
	line-height:1.250rem;
	border-bottom: none;}
	
.list li a span{
	display:block;
	font-size:13px;
	font-size:0.813rem;
	line-height: 20px;
	line-height:1.250rem;
	font-weight:700;}

.list li a:before{
    content:'';
	display: block;
    position: absolute;
	cursor: pointer;
	border: none;
	text-indent: -9999999px;
	left:20px;
	top:10px;
    width: 28px;
	height: 28px;
	background:url(../images/sprite.svg) -1px -350px no-repeat;}

/* Download LIST */
.list.dld li a:before{
	width: 28px;
	height: 28px;
	background:url(../images/sprite.svg) 0 -389px no-repeat;}
	
/* Team */
.team-list li{margin-bottom:40px;}


.team-list .team-pic{}
.team-list .team-pic img{
	border-radius:50%;
	margin-bottom:40px;}

.team-list li h4{
	font-size:16px;
	font-size:1rem;
	line-height:20px;
	line-height:1.250rem;
	padding-top: 0px;}

.team-list li *{
	font-size:13px;
	font-size:0.813rem;
	line-height:19px;
	line-height:1.188rem;}
	
.team-list li a{border-bottom:none;}
	
.team-list li .team-desc{margin-bottom:15px;}
	
/* Contact */
#contMap{height:200px;}
#contInfo{  
	margin-top: 40px;
 	margin-bottom: 20px;}

#contInfo *{
	font-size:13px;
	font-size:0.813rem;
	line-height:19px;
	line-height:1.188rem;}
	
#contInfo div > div{
	position:relative;
	padding-left:35px;}

#contInfo .contAdr h4,
#contInfo .contPhone h4,
#contInfo .contTime h4{
	font-size:16px;
	font-size:1rem;
	padding:0 0 10px 0;}
	
#contInfo div > div:before{
	content:'';
	background-image:url(../images/sprite.svg);
	position:absolute;
	left:0px;}
	
#contInfo .contAdr:before{
	background-position: 0px -549px;
	width:16px;
	height:28px;}
	
#contInfo .contPhone:before{
	background-position:0 -577px;
	width:23px;
	height:28px;}
	
#contInfo .contTime:before{
	background-position:0 -605px;
	width:28px;
	height:28px;}
	
/* aside */
aside{margin-top:20px;}

aside nav{
	margin-bottom:60px;}

aside nav li{margin-bottom:10px;}

aside .infoBox{
	border: solid 2px #f3f7f4;
	padding: 25px;
	margin-bottom:40px;}
	
aside .infoBox h2{
	margin:0 0 20px 0;
	font-size: 26px;
	font-size:1.625rem;}

aside .infoBox.beratung{text-align:center;}

aside .infoBox.beratung .nbr:before{
	content:"";
	display:block;
	background:url(../images/sprite.svg) -36px -171px  no-repeat;
	width:20px;
	height:26px;
	margin: 10px auto;}
	
aside .infoBox.cForm form{
	margin-top:20px;}
	
aside .infoBox.cForm textarea{
	height:150px;}
  
/* HEADER ------------------------------ */
#header{
	position:fixed;
	height:80px;
	background-color:#FFFFFF;
	width:100%;
	top:0px;
	z-index:1000;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);}
	
	
.animated {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes slideDown {
	0% {
	-webkit-transform:translateY(-100%)
	}
	100% {
	-webkit-transform:translateY(0)
	}
}
@-moz-keyframes slideDown {
	0% {
	-moz-transform:translateY(-100%)
	}
	100% {
	-moz-transform:translateY(0)
	}
}
@-o-keyframes slideDown {
	0% {
	-o-transform:translateY(-100%)
	}
	100% {
	-o-transform:translateY(0)
	}
}
@keyframes slideDown {
	0% {
	transform:translateY(-100%)
	}
	100% {
	transform:translateY(0)
	}
}
.animated.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown
}
@-webkit-keyframes slideUp {
	0% {
	-webkit-transform:translateY(0)
	}
	100% {
	-webkit-transform:translateY(-100%)
	}
}
@-moz-keyframes slideUp {
	0% {
	-moz-transform:translateY(0)
	}
	100% {
	-moz-transform:translateY(-100%)
	}
}
@-o-keyframes slideUp {
	0% {
	-o-transform:translateY(0)
	}
	100% {
	-o-transform:translateY(-100%)
	}
}
@keyframes slideUp {
	0% {
	transform:translateY(0)
	}
	100% {
	transform:translateY(-100%)
	}
}
.animated.slideUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp
}

#mainLogo{
	display:block;
	float:left;
	margin-top:10px;
	position:relative;
	text-decoration:none;} 
	
#mainLogo h1{
	display:inline-block;
	background:url(../images/oesw-logo.svg) left top no-repeat;
	width:60px;
	height:60px;
	text-indent: -99999px;}
	
#header #navigation{display:none;}
	
#header #navigation nav > ul > li{
	display:inline-block;}

/* META NAV */
/*------------------- NEW start */

 #header #metaNav{
	display:block;
	position: absolute;
	right: 60px;
	top: 25px;
	margin-right:15px;}	

#header #KPWrapper .metaTxt{display: none;}

#header #metaNavWrapper{display:none;}

#metaNavWrapper ul>li,
.sidr ul.sidr-class-metaNav-li>li{
	display: inline-block;
	text-align:center;
	margin-left:20px;
	vertical-align:top;
	border:none;
	line-height: normal;}

.sidr ul.sidr-class-metaNav-li>li{
	margin-right:20px;
	margin-left:inherit;}

 .sidr ul.sidr-class-metaNav-li{ 
	border:none;
	display: inline-block;
	margin:0;}

.sidr ul.sidr-class-metaNav-li li{min-width:40px;}

.sidr ul.sidr-class-metaNav-li li:last-child{margin-right:0;}

.sidr ul.sidr-class-metaNav-li li a, 
.sidr ul.sidr-class-metaNav-li li span{padding:0;}

.sidr ul.sidr-class-metaNav-li{
	padding: 20px 15px 0px 15px;}

#sidr-id-metaMerkliste,
#header #metaMerkliste,
#sidr-id-metaSuche,
#header #metaSuche{
	width: 28px;
	height:28px;
	display:inline-block;
	position:relative;
	cursor:pointer;}

ul.sidr-class-metaNav-li>li span.sidr-class-metaTxt {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 30px;
    vertical-align: top;}

	
#sidr-id-metaMerkliste{
	background-position:-28px 0;
	margin-right:0;}

#sidr-id-metaLogin i,
#sidr-id-metaKp i{
	color:#FFFFFF;
	font-size:28px;}
	
#metaLogin i,
#metaKp i{
	color:#CDDDCF;
	font-size:22px;
	vertical-align: middle;}

#metaKp,
#sidr-id-metaKp{
	background-color: #FBDA00;
    width: 28px;
    height: 28px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;}

#sidr-id-metaKp{line-height:28px;}

#metaKp i,
#sidr-id-metaKp i{
	color: #614A14;
    font-size: 17px;}

#sidr-id-metaSuche{background-position:-28px -28px;}

.sidr-class-count,
#header .count{
	display: block;
	position: absolute;
	left: 18px;
	top: -3px;
	background-color: #3c8746;
	border-radius: 18px;
	height: 18px;
	color: #FFF;
	font-size: 11px;
	min-width: 18px;
	line-height: 18px;
	padding: 0 6px;}

/* -------------------- NEW end */
  
/* NAV RESP */
#menueIcon {
  width: 30px;
  height: 25px;
  position: relative;
  float:right;
  margin:27px 7px 0 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#menueIcon span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #70a881;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#menueIcon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#menueIcon span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#menueIcon span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#menueIcon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -1px;
  left: 4px;
}

#menueIcon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#menueIcon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 20px;
  left: 4px;
}

/* FOOTER ------------------------------ */

#footerWrapper{
	background: #2a2d2c url(../images/footer-pattern.svg);
	margin-top:40px;}
	
footer #fLine span{
	display:block;
	width:10%;
	height:5px;
	float:left;}

footer #fLine span:nth-child(1){background-color:#50a692;}
footer #fLine span:nth-child(2){background-color:#2e9463;}
footer #fLine span:nth-child(3){background-color:#50a692;}
footer #fLine span:nth-child(4){background-color:#9ebfa4;}
footer #fLine span:nth-child(5){background-color:#ccdcce;}
footer #fLine span:nth-child(6){background-color:#ffba27;}
footer #fLine span:nth-child(7){background-color:#fec54d;}
footer #fLine span:nth-child(8){background-color:#ffd27c;}
footer #fLine span:nth-child(9){background-color:#ffdfa4;}
footer #fLine span:nth-child(10){background-color:#ffefcf;}

footer #cLogos{display:none;}

footer #nlWrapper{
	width:270px;
	margin: 35px auto 0px auto;}

footer #nlWrapper h3{
	color:#FFFFFF;
	margin: 0 0 20px 0}
	
footer #nlWrapper input.nlInput{
	border:none;
	font-weight: 300;}

footer #nlWrapper .btn{
	width:100%;
	border-color:#FFFFFF;
	color:#FFFFFF;
	margin:10px 0;
	line-height:48px;
	height:48px;}
	
footer #nlWrapper .btn:hover{
	background-color:#FFFFFF;
	color:#2a2d2c;}
	
footer .txt{
	font-size:14px;
	font-size:0.875rem;
	line-height:18px;
	line-height:1.125rem;
	color:#a1a1a1;}
	
footer #dm-fc-wrapper{
	margin-top: 35px;
	border-top:solid 1px #414544;
	padding-top:25px;}
	
footer #dmWrapper{margin-bottom:20px;}

footer #dmWrapper ul li a,
footer #dmWrapper ul li span{
	color: #a1a1a1;}
	
footer #dmWrapper > ul > li{margin-bottom: 10px;}	

footer #dmWrapper > ul > li > a, 
footer #dmWrapper > ul > li > span {
	display: block;
	height:36px;
	line-height:36px;
	padding-left: 15px;
	width:100%;
	border:solid 2px #a1a1a1;
	cursor: pointer;
	position: relative;}
	
footer #dmWrapper > ul > li > span:after {
	content: "";
	background: url(../images/sprite.svg) 0px -66px no-repeat;
	width: 13px;
	height: 7px;
	display: block;
	position:absolute;
	right:10px;
	top:14px;}
	
footer #dmWrapper > ul > li > span.close:after{
	background-position:-15px -66px;} 
	
footer #dmWrapper .footer-subNav{
	margin-bottom:10px;
	display:none;}
	
footer #dmWrapper .footer-subNav.open{display:block;}

footer #dmWrapper .footer-subNav ul li a{
	background-color:#FFFFFF;
	color:#373a39;
	display:block;
	padding-left:15px;
	line-height: 35px;
	font-size:13px;
	font-size:0.813rem}
	
footer #footer-bez,
#footer-cont #adr,
#footer-cont #tel,
#footer-cont #mail,
#footer-metaNav{margin-bottom:20px;}

#footer-cont #mail a{color:#a1a1a1;}

#footer-cont #adr,
#footer-cont #tel,
#footer-cont #mail{
	padding-left:25px;
	position:relative;}

#footer-cont #adr:before,
#footer-cont #tel:before,
#footer-cont #mail:before{
	content: "";
	background-image:url(../images/sprite.svg);
	background-repeat:no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	position:absolute;
	left:0px;
	top:8px;}
	
#footer-cont #adr:before{background-position: 0 -75px;}
#footer-cont #tel:before{background-position: 0 -91px;}
#footer-cont #mail:before{background-position: 0 -107px; top:2px;}

#footer-metaNav li {line-height: 1rem;}

/* Responsive Design
**********************************************/  
/* LAYOUT > 320 ------------------------------ */
 @media only screen and ( min-width: 320px ) {

}

/* LAYOUT > 480 ------------------------------ */
 @media only screen and ( min-width: 480px ) {
	/* HEADLINE ------------------------------ */	
	h2{
		font-weight:300;
		font-size: 30px;
		font-size: 1.875rem;
		margin: 55px 0 35px 0;}
		
	h3 {
		font-weight:300;
		font-size: 26px;
		font-size: 1.625rem;
		margin: 55px 0 35px 0;}
	
	h5,h6 {
		font-weight:400;
		font-size: 16px;
		font-size: 1rem;
		margin: 30px 0 10px 0;}

	/* BUTTONS ------------------------------ */
	
	.btn{
		padding: 0 30px;
		height: 48px;
		line-height: 48px;}
		
	/* FOOTER ------------------------------ */
	footer #nlWrapper{
		width:450px;}
		
	footer #nlForm{margin-bottom:10px;}
	
	footer #nlWrapper input{float:left;}
		
	footer #nlWrapper input.nlInput{
		width:49%;
		margin-right:2%}
		
	footer #nlWrapper input.btn{
		width:49%;
		margin:0;}
		
	/* mein objekt */
	#ks-suche .formWrapper {margin: -75px 20px 20px 20px;}
	
	#ks-suche .formWrapper h3 {
		margin: 20px 0 60px 0;
		color:#FFFFFF;}
	
}
  
 /* LAYOUT > 768 ------------------------------ */
 @media only screen and ( min-width: 768px ) {
	/* HEADLINE ------------------------------ */
	hgroup.headerLine{
		border: none;
		margin:40px 0;
		padding-right:0px;}
	
	hgroup.headerLine:after{content:none;}
	
	hgroup.headerLine:before{
		content: "";
		display: block;
		border-top: solid 2px #f3f7f4;
		width: 100%;
		height: 1px;
		position: absolute;
		top: 50%;
		z-index: 1;}
		
	hgroup.headerLine h3{
		margin: 0;
		padding-right: 20px;
		position: relative;
    	z-index: 5;
		font-size: 35px; /*26px;*/
		font-size: 2.188rem;  /*1.625rem;*/
		background-color:#FFFFFF;}
		
	hgroup h2{
		font-size: 35px; /*26px;*/
		font-size: 2.188rem;  /*1.625rem;*/
		line-height: 38px;
		line-height: 2.375rem;}
		
	/* FORM ------------------------------ */
		 
	.formFloat.SizeS{width:120px}
	.formFloat.SizeM{width:150px}
	.formFloat.SizeL{width:190px}
	 
	 /* MODAL ------------------------------ */
	.modal-dialog {
		 margin: 30px auto;}

	 /* LOGIN */
	 #loginModal .modal-dialog {
		 margin: 30px auto;
		 width: 400px;}
	 
	 /* SUCHE */
	 #sucheModal .modal-dialog {
		 margin: 30px auto;
		 width: 700px;}
	 
	 #sucheModal input{margin-bottom:0;}

	/* FOOTER ------------------------------ */
	footer #dmWrapper,
	footer #fcWrapper{
		float:left;
		width:42.5%;}

	footer #dmWrapper{margin: 0 2.5% 0 5%}
	footer #fcWrapper{margin: 0 5% 0 2.5%;}
	
	/* LAYOUT ------------------------------ */
	/* HOME */
	#homeNews #akt-proj{display:block;}
	
	/*content*/
	#picGal .soloPic{height:210px;}
	#picGal .soloPic.open{height:500px;}
	
	.projLogo{
	text-align:right}
	
	.projLogo a,
    .projLogo img{
		border:none;
		display:inline-block;}
		
	.projLogo img{width:100px;}
	
	.board-wrapper li:nth-child(odd){clear: both;}
	
	.eckdaten .row > div:last-child{margin-top:0;}
		
	/* projslider */	
	#bxslider-picGal .swiper-slide img{height:300px;}
	
	.picGalSlider .swiper-button-prev, 
	.picGalSlider .swiper-button-next{display:block;}
	
	/* proj grid/map */
	#projMap{height:600px;}	
	
	/* mein objekt */	
	#ks-suche .formWrapper{
		margin:0;
		position: absolute;
		bottom:40px;
		left:40px;
		z-index:100;}
		
	#ks-suche .formFloat{margin-bottom:0;}
	
	#ks-suche .ks-01{width:100px}
	#ks-suche .ks-02{width:250px;}
		
	#ks-suche .formWrapper h3{	
		color: #FFFFFF;
		margin: 0 0 10px 0;}
	  
	#ks-suche .formWrapper em{
		font-size: 16px;
		font-size: 1rem;
		color:#FFFFFF;}
	
	#ks-suche input,
	#ks-suche .selecter-selected{
		border: none;
		margin: 0;}
		
	#ks-suche .btn:hover {
	  background-color: #FFF;
	  color: #50a692;}
	  
	#ks-suche .btn {
	  border-color: #FFFFFF;
	  color: #FFF;}
	  
	/* Team */
	.team-list li:nth-child(2n+1){clear: both;}
	
	/* Contact */
	#contMap{height:400px;}
	
 }
 
  /* LAYOUT > 980 ------------------------------ */
 @media only screen and ( min-width: 980px ) {

	/* LAYOUT ------------------------------ */
	#wrapper:before{margin-top:114px;}
	
	/* HEADER ------------------------------ */
	#header {height: 114px;}
	
	#header #navigation {
		display: block;
		float:right;}
		
	#mainLogo {margin:18px 0 0 0px;}
		
	#mainLogo h1 {
		width: 70px;
		height: 70px;}
		
	#header #menueIcon{display:none;}
	
	/* META NAV */
	 #header #metaNav{
		right: 20px;
		top: 10px;}
	 
	#header #metaNavWrapper,
	 #header #KPWrapper{
		display:inline-block;
	 	vertical-align: top;}
	 
	#metaNav span.metaTxt{
		color:#b3bcb4;
		text-transform: uppercase;
		cursor: pointer;
		font-size: 12px;
		line-height: 30px;
		vertical-align: top;
		margin-left:5px}
	 
	 #header #KPWrapper .metaTxt{display: inline-block;}
	 
	 
	 #metaNav span.metaKpColor{color:#545454;}
		
	#header #metaMerkliste {
		background-position: 0 0;
	 	margin-right: 5px;}
		
	#header #metaSuche {
		background-position: 0 -28px;}
	
	/* NAV */
	#header nav{
	  margin-top:  67px;
	  display:block;}
	  
	#header nav a,
	#header nav > ul > li > span{
	  text-decoration:none;
	  font-size: 1.063em;
	  line-height:30px;}
	  
	#header nav ul{}
	  
	#header nav > ul > li{
	  display:inline-block;
	  text-align:center;
	  zoom: 1;  *display: inline;  /* IE7 Hack */
	  margin-right: -4px;
	  position:relative;}
	  
	#header nav ul li:first-child{padding-left:0px;}
	  
	#header nav > ul > li > a,
	#header nav > ul > li > span{
		color:#545454;
		display:block;
		padding: 0 15px 0 15px;
		cursor:pointer;
		margin-bottom:10px;}
		
	#header nav > ul > li > span:after{
		content: "";
		background:url(../images/sprite.svg) 0px -60px no-repeat;
		width:9px;
		height:5px;
		display:inline-block;
		margin: 0 0 2px 8px;
		opacity: .4;
		filter: alpha(opacity=40);}
	
	#header nav > ul > li:first-child > a,
	#header nav > ul > li:first-child > span{
		background:none;}
	
	  
	#header nav > ul > li:hover > span,
	#header nav > ul > li:hover > a{color:#50a692} 
	  
	#header nav ul li:hover .subNav,
	#header nav ul li:active .subNav{display:block;}
	
	.touch #header nav ul li:hover .subNav,
	.touch #header nav ul li:active .subNav{display:none;}
	
	#header nav ul li .subNav{
		position: absolute;
		background-color: #FFFFFF;
		display: none;
		z-index: 1100;
		min-width: 124px;
		/*overflow: hidden;*/
		margin: 0 0 0 15px;
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);}
		
	#header nav ul li:last-child .subNav{right:0}
	  
	#header nav ul li .subNav ul li a,
	#header nav ul li .subNav ul li span{
		padding: 12px 24px;
		display: block;
		font-size: 0.875em;
		line-height: 0.875em;
		text-align: left;
		color: #2f2f2f;
		white-space: nowrap;}
	  
	#header nav ul li .subNav a:hover{background-color:#f8f8f8;}
	
	#header nav ul li .subNav span.mask{
	  background:url(../images/nav-bottom.png) repeat-x left top;
	  top: 0px;
	  height: 7px;
	  left: 0;
	  position: absolute;
	  right: 0;
	  z-index: 1;}
	 
	 #header nav ul li .subNav ul li{
		 position: relative;
	 }
	 
	 #header nav ul li .subNav ul li > span:after{
		 content: "\f105";
		 font: normal normal normal 14px/1 FontAwesome;
		 position: absolute;
		 right:10px;
		 top:10px;
	 }
	 
	 #header nav ul li .subNav ul li ul{
		display: none; 
	 	left: 100%;
  	  	top: 0;
	 	position: absolute;
	 	background-color: #fff;}
	 
	 #header nav ul li .subNav ul li:hover ul {
	  display: block;}
	
	 

	 /*
	 #header nav ul li .subNav ul li ul {
	 	margin-bottom: 10px;}
	 
	 #header nav ul li .subNav ul li ul li a {
    padding: 12px 24px 12px 29px;
    border-left: solid 4px #00853f;}
*/
	  
	 /* LAYOUT ------------------------------ */ 
	/* aside */
	aside{margin-top:0px;}
	
	/*
	 aside nav{
		margin-bottom:60px;}
	
	aside nav li{margin-bottom:10px;}
	*/
	
	/* start new subnav */
	aside nav{
		margin-bottom:40px;}
	
	aside nav li{
		margin-top: 5px;
	 	margin-bottom: 0;}	 
	 
	 aside nav li:first-child{border-top:none;}
	 
	 aside nav a.btn {
		background-color: #fff;
		color: #50a692;
		font-size: 16px;
		text-align: left;
		width: 100%;
		padding: 11px 25px;
		display: block;
		height: inherit;
   		line-height: inherit;
	 	border:solid 2px #50a692;}
	 
	 aside nav a.btn:hover{
		 background-color: #50a692;
		 color: #fff;
		}
	
	 /* end new subnav */
	 
	aside .infoBox.cForm button{width:100%} 
	
	/* content */
	#picGal .soloPic-proj{display:block;} 
	
		/* projslider */	
	#bxslider-picGal .swiper-slide img{height:100px;}
	
	.picGalSlider{margin:0 0 30px 0px;}
	
	/* Team */
	.team-list li:nth-child(2n+1){clear:none;}
	.team-list li:nth-child(3n+1){clear: both;}
	  
	/* FOOTER ------------------------------ */
		 
	footer #cLogos {
		display: block;
		margin-top:80px;}
	
	/*
	footer #cLogos ul{
		display:table;
		width:100%;
		margin-bottom:5px;
		border-collapse:collapse;
		border-spacing: 0px;}
		
	footer #cLogos ul li{
		display:table-cell;
		text-align:center;}
		
	footer #cLogos ul li a{
		display:inline-block;}
	
	footer #cLogos ul li img{display:block;}
	
	*/
	footer #cLogos ul{
		list-style-type: none; 
		text-align: justify;
		margin:0 2%;
		height:70px;
		overflow:hidden;}
		
	footer #cLogos ul li{
		list-style: none; 
		display: inline;}
		
	footer #cLogos ul li:last-of-type::after {
		content: ""; 
		padding-left: 96%; 
		display: inline-block;
		height:1px;}
		
	footer #cLogos ul li a{display:inline-block;}
	
	

 }
 
   /* LAYOUT > 1060 ------------------------------ 
 @media only screen and ( min-width: 1060px ){

	#mainLogo:after{
		content: "";
		display:inline-block;
		background:url(../images/slogan.svg) left top no-repeat;
		width:195px;
		height:13px;
		position:absolute;
		left: 80px;
		top: 57px;}		 
 }*/
 
   /* LAYOUT > 1200 ------------------------------ */
 @media only screen and ( min-width: 1200px ) {
/* LAYOUT ------------------------------ */
	.wrapperPosSize {
		margin: 0 auto;
		padding: 0 20px;
		width: 1200px;}
		
	/* FOOTER ------------------------------ */
	footer #dm-fc-wrapper {margin: 35px 0 0 0;}	

	footer #dmWrapper{width:860px; margin:0}
	footer #fcWrapper{width: auto; margin:0;}
	
	footer #dmWrapper .footer-subNav{display:block;}
	
	 footer #dmWrapper > ul{
		 display:table;
	 	width: 100%;} 
	 
	footer #dmWrapper > ul > li {
		display:table-cell;
		margin-bottom:0;
	 	padding-right: 20px;}
		
	footer #dmWrapper > ul > li > a, 
	footer #dmWrapper > ul > li > span {
		display: block;
		height: 25px;
		line-height: 25px;
		width:auto;
		border: none;
		padding-left:0;
		font-weight:700;}
	
	footer #dmWrapper ul li a,
	footer #dmWrapper ul li span{
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 18px;
		line-height: 1.125rem;}
		
	footer #dmWrapper .footer-subNav ul li a {
		background-color:transparent;
		color: #a1a1a1;
		padding-left: 0px;
		line-height: 1.2rem;}
		
	footer #dmWrapper > ul > li > span:after{
		content:none;}
		
	/* LAYOUT ------------------------------ */
	/*content*/
	#picGal .soloPic{height:400px;}
	#picGal .soloPic.open{height:900px;}
	
	/* Team */
	.team-list li:nth-child(2n+1){clear:none;}
	.team-list li:nth-child(3n+1){clear: none;}
	.team-list li:nth-child(4n+1){clear: both;}		
}

   /* LAYOUT > 1400 ------------------------------ */
 @media only screen and ( min-width: 1400px ) {
/* NAV */	
	#header nav ul li:last-child .subNav{right:inherit;}
		
}