/* MAIN FRAME MODEL
********************************************************************************************************************************
*/

#header-right ul {list-style-type:none !important;}
#header-right ul li{display:inline-block !important;}
#header-right ul li a{text-decoration:none !important}

.custom#mod-custom121{display:none;width:94% !important;margin:0;padding:3%;background: #f3f3f3 url(https://www.kf-immobilien.com/images/portrait.png) no-repeat;background-size:368px auto;background-position:82% -24px}
#content .custom.#mod-custom121 h1:nth-child(2) {
    margin-left: 170px;
}
#content .custom#mod-custom121 h2 {
    margin-left: 200px;
}
#content .custom#mod-custom121 h2 br{
    display:none;
}
#content .custom#mod-custom121 h1:nth-child(1) {
    margin-left: 80px;
}

/* main menu */
div.maximenuckh ul.maximenuck {background: transparent !important;padding-left: 0;margin: 130px 0 0 0 !important;}
div.maximenuckh ul.maximenuck li.maximenuck.level1:hover, div.maximenuckh ul.maximenuck li.maximenuck.level1.active {background: transparent !important;}
div.maximenuckh ul.maximenuck li.level1.parent > a::after, div.maximenuckh ul.maximenuck li.level1.parent > span.separator::after {display: none !important;}
div.maximenuckh ul.maximenuck li.level1.parent > a, div.maximenuckh ul.maximenuck li.level1.parent > span.separator {padding-right: 0;}
div.maximenuckh ul.maximenuck li.maximenuck.level1 > a, div.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator {padding: 0 8px 0 8px !important;}
div.maximenuckh ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div.maximenuckh ul.maximenuck li.maximenuck.level1.active > a span.titreck, div.maximenuckh ul.maximenuck li.maximenuck.level1:hover > span.separator, div.maximenuckh ul.maximenuck li.maximenuck.level1.active > span.separator {color: #fff !important;font-weight: bold;}
li.maximenuck.level1 a::before {
    display: block;
    content: attr(data-hover);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
div.maximenuckh{font-size: 18px !important;}
div.maximenuckh li.item101,
div.maximenuckh li.item114,
div.maximenuckh li.item115,
div.maximenuckh li.item174,
div.maximenuckh li.item173,
div.maximenuckh li.item121,
div.maximenuckh li.item134,
div.maximenuckh li.item135{display:none !important;}
div.maximenuckh ul.maximenuck li.maximenuck.level1 > a, div.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator {border-right: 1px solid #fff;}
div.maximenuckh li.item105,
div.maximenuckh li.item105 a{border-right:none !important;padding-right:0 !important;}
div.maximenuckh div.floatck {background: #b62b3d !important;border:none !important;padding: 2px 15px !important;margin-top:10px !important}
div.maximenuckh ul.maximenuck li.maximenuck ul.maximenuck2 li > a, div.maximenuckh ul.maximenuck2 li > a, div.maximenuckh ul.maximenuck2 li > span.separator {color: #fff !important;}
.maximenuck2 li.maximenuck.level2{border-bottom: 1px solid #878786;}
.maximenuck2 li.maximenuck:last-child{border-bottom: none;}
.maximenuck2 li.maximenuck a:hover{font-weight:bold;}
div.maximenuckh div.maxidrop-main {width: 230px !important;}

@media only screen and (max-width : 1200px) {
  
  div.maximenuckh ul.maximenuck {margin: 110px 0 0 0 !important;}
  
  div.maximenuckh ul.maximenuck li.maximenuck.level1 > a, div.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator {
  	padding: 0 5px 0 5px !important;
  }
  
  div.maximenuckh {
	font-size: 13px;
  }
  
}



@media only screen and (max-width : 1097px) {
  
	div.maximenuckh {font-size: 16px !important;}
  
}

@media only screen and (max-width : 1000px) {
  
  	div.maximenuckh .maximenumobiletogglericonck::after {
  		display: none !important;
	}
  
  	div.maximenuckh .maximenumobiletogglericonck {
	  padding: 0px 10px !important;
	  height: 36px !important;
	  color: #fff !important;
      padding-right: 0 !important;
	}
  
  	div.maximenuckh .maximenumobiletogglericonck {
  	  font-size: 45px !important;
      background: transparent !important;
	}
  
    ul.maximenuck{
      	background:#585858 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
  
  	div.maximenuckh {
    	font-size: 20px !important;
  	}
  
  	div.maximenuckh ul.maximenuck li.maximenuck.level1 > a, div.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator {
  		padding: 9px 15px !important;
	}
  
  	div.maximenuckh ul.maximenuck li.maximenuck.level1 {
  		text-align: left !important;
	}
  
  	div.maximenuckh div.floatck {margin-bottom: 10px !important;}
  
  div#maximenuck142 .maximenumobiletogglericonck {top: 90px;}
  
  div#maximenuck142 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck142 ul.maximenuck li.maximenuck.level1 > span.separator {color: #000;text-align: right;border-right: 0;}
  
}

@media only screen and (max-width: 500px) {
  div#maximenuck142 .maximenumobiletogglericonck {
    top: 68px;
  }
}


body.angebot div.item-page.angebote{display:none;}
body.angebot #contentRightImage {float: none;width: 100%;}
body.angebot #contentRightImage div.custom {border-bottom: 3px dotted #9f9f9e;padding-bottom:30px;margin-bottom:30px;}
body.angebot #contentRightImage div.custom .floatLeft:nth-child(1){float:left;width:45%;margin-right:5%;}
body.angebot #contentRightImage div.custom .floatLeft:nth-child(2){float:left;width:50%;}
body.angebot #contentRightImage div.custom p{text-align:left !important;font-size:18px !important;line-height:1.5em !important}
body.angebot #contentRightImage div.custom .floatLeft:nth-child(2) p{text-align: right !important;font-size: 12px !important;line-height: 20px !important;}
body.angebot #contentRightImage div.custom .floatLeft:nth-child(1) p:last-child img{width:49%;height:auto;}
body.angebot #contentRightImage div.custom .floatLeft:nth-child(1) p:last-child img:first-child{margin-right:2%;}
body.angebot #contentRightImage div.custom .floatLeft:nth-child(1) p{width:100%;}
body.angebot #contentRightImage div.custom .floatLeft:nth-child(1) p:after{content: "";display: table;clear: both;}

body.referenzen #content-secondrow-col1 div.custom {width:100% !important;margin-right:0 !important;margin-bottom:25px !important;}
body.referenzen #content-secondrow-col1 div.custom div.floatLeft{width:47%;float:left;margin-right:3%;margin-bottom:30px;}
body.referenzen #content-secondrow-col1 div.custom div.floatRight{width:50%;float:right;margin-bottom:30px;}
body.referenzen #content-secondrow-col1 div.custom div.floatRight img{width:100%;height:auto;}
body.referenzen #content-secondrow-col1 div.custom hr.clearer{clear:both;}

div.custom#mod-custom95 p{text-align:right;font-size:12px !important;line-height: 20px !important}

/* Kontakt */
body.kontakt .item-page img{width:20px;height:auto;margin-right:10px}
body.kontakt .item-page a{text-decoration:none !important;}
body.kontakt #content fieldset{
  border:0;
  margin:0;
  padding:20px;
  background:#2766ad;
}
body.kontakt #content fieldset label{
  display:none;
}
body.kontakt #content fieldset input,
body.kontakt #content fieldset textarea{
background:#fff;
  width:calc(100% - 20px);
  border:none;
  height:20px;
  font-size: 18px;
  font-family: LatoWeb,Arial,sans-serif;
 	padding:10px;
}
body.kontakt #content fieldset textarea{
	height:90px;
}
#content-firstrow div.visBtnCon{padding:0;text-align:left !important;}
input#field5{background:#575656 !important;color:#fff !important;height:40px !important;width:200px !important;}
.field6 label{display:block !important;color:#fff;padding-right:15px;font-size:15px !important;width:40%;}
.field6 input{width:30px !important;}
.field7{color:#fff;}
.field7 p{font-size:15px !important;}
body.kontakt #content fieldset a:link,
body.kontakt #content fieldset a:active,
body.kontakt #content fieldset a:visited,
body.kontakt #content fieldset a:focus,
body.kontakt #content fieldset a:hover{color:#fff;text-decoration:underline;}
form#mod-visform1 div.required > label.visCSSlabel::after, form#mod-visform1 div.required > label.vflocationlabel::after {
    content: "" !important;
}
body.kontakt #content fieldset textarea hr{color:#fff;}

body.referenzen #content #content-secondrow div.custom:last-child hr{display:none !important;}
body.referenzen #content #content-secondrow {padding-bottom:50px;}


/* WIREFRAME */


#header-right .responsiveMenuTheme1d.isDesktop li li:first-child {
    display: block;
}

#header-right .responsiveMenuTheme1d.isDesktop li li{
	text-align:left;
  	padding:10px;
	   border-bottom: 1px solid #575656;
}

#header-right .responsiveMenuTheme1d.isDesktop li li span{
	text-transform:none !important;
  font-size:16px !important;
}

#header-right .responsiveMenuTheme1d.isDesktop li li span:hover,
#header-right .responsiveMenuTheme1d.isDesktop li li.active span{
	color:#f20028;
}

#header-right .responsiveMenuTheme1d.isDesktop ul{
z-index: 99999;
  	padding:14px 10px 0 0;
margin-left: -10px;
}

#header-right .responsiveMenuTheme1d.isDesktop ul li,
#header-right .responsiveMenuTheme1d.isDesktop ul li a,
#header-right .responsiveMenuTheme1d.isDesktop ul li a span{
	background:transparent;
  color:#fff !important;
  	background:#2766ad;
}

#header-right .responsiveMenuTheme1d.isDesktop ul li a span:hover{
  color:#9f9f9e !important;
}

#header-right .responsiveMenuTheme1d.isMobile li li a{
	padding-left:40px;
}

#header-right .responsiveMenuTheme1m.isMobile li li > a {
    background: transparent;
    border-top: 1px solid #2766ac;
    padding-right: 20px;
}

/* resets */
ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
body {margin:0;padding:0;font-family:LatoWeb,Arial,sans-serif;background:#e5e5e5;}
img{border:0;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.float-left{float:left}
.float-right{float:right}
.clearfix:after{content: "";display: table;clear: both;}
.page-header{display:none;}
body.itemid-117 #content div:nth-child(3),
body.itemid-117 #content div:nth-child(4),
body.itemid-117 #content div:nth-child(5),
body.itemid-117 #content div:nth-child(6){display:none;}
div#mod-custom99{display:none;}

/* joomla messages */
.alert-message{background:#5b5b5b;color:#fff;padding:10px;}
.alert-message a.close{float:left;padding-right:3px}

/* content default links */
a:link {color:#996699; text-decoration:underline;}
a:visited {color:#996699; }
a:focus { color:#996699;}
a:active { color:#996699; }
a:hover {color:#996699;text-decoration:none; }

/* common wireframe */
.contentrow{
  margin:0 auto;
  width:96%;
  padding:0 2%;
  max-width: 1200px
}

/* secondary / top menu */

#secondarymenu-wrapper{
  text-align: right;
}

#secondarymenu{
  position:absolute;
  right:0;
  width:auto;
  margin-top: 25px;
  text-align: right;
}

#secondarymenu .custom{
  color:#fff;
  margin-top:10px;
  background: #2766ac;
  padding: 4px 10px;
  font-size: 15px;
}

#secondarymenu .custom a:link,
#secondarymenu .custom a:active,
#secondarymenu .custom a:visited,
#secondarymenu .custom a:focus,
#secondarymenu .custom a:hover{
  color:#fff;
  text-decoration: none;
  font-weight:bold;
  font-size: 15px;
  letter-spacing:1px;
}

/* header */

#header{
  position:relative;
}

#header-left{
  height:141px;
  padding-top:25px;
  position:relative;
}

#header-left img{
  width:155px;
  height:auto;
}

#header-right{
  width:calc(100% - 155px);
  text-align:right;
  position:relative;
}

.custom.contactdata,
.custom.contactdata a:link,
.custom.contactdata a:active,
.custom.contactdata a:visited,
.custom.contactdata a:focus,
.custom.contactdata a:hover{
  font-size:16px;
  line-height:18px;
  text-decoration: none;
  color:#000;
  padding-top:3px;
}

.custom.contactdata a.phone{
  background:url(../images/backgrounds/phone.png) no-repeat left;
  background-size:auto 100%;
  padding-left:30px;
}

.custom.contactdata a.mail{
  background:url(../images/backgrounds/mail.png) no-repeat left;
  background-size:auto 100%;
  padding-left:30px;
  margin-right:15px;
}

/* main menu */

span.opener{
  display:none !important;
}

.responsiveMenuTheme1d.isDesktop li a, .responsiveMenuTheme1d.isDesktop li span.separator, .responsiveMenuTheme1d.isDesktop li span.navHeader {
    border-left: none;
}

.responsiveMenuTheme1d.isDesktop > li.parent > span.navHeader {
    padding: 0 !important;
}

span.navHeader span.linker:hover {
    color:#9f9f9e !Important;
    cursor:pointer;
}

#header-wrapper{
  background:#575656;
}

#header-wrapper.fixed-menu #secondarymenu{
  display:none;
}

#header-wrapper.fixed-menu div#mod-custom99{
  display:block;
}

#header-wrapper.fixed-menu div#mod-custom93{
  display:none;
}

#header-right .responsiveMenuTheme1d.isDesktop span.linker {
  padding: 0;
  font-family:LatoWeb,Arial,sans-serif;
  color:#fff;
  font-size:19px;
}

#header-right .responsiveMenuTheme1d.isDesktop > li {
  margin-left: 12px;
  box-sizing: border-box;
  padding-right: 12px;
  border-right: 1px solid #fff;
}

#header-right .responsiveMenuTheme1d.isDesktop li:last-child {
  padding-right: 0;
  border-right: none;
}

#header-right .responsiveMenuTheme1d.isDesktop > li:hover a span,
#header-right .responsiveMenuTheme1d.isDesktop li.active a span{
  color:#9f9f9e;
}

#header-right .responsiveMenuTheme1d.isDesktop li:first-child {
    display:none;
}

#header-right .responsiveMenuTheme1d.isDesktop li a{
  border:none;
  padding:0;
}

#header-right .responsiveMenuTheme1d.isDesktop {
  background: transparent;
  float:right;
  width:auto;
  position: absolute;
  top: 128px;
  right: 0;
}

#header-right .responsiveMenuTheme1d.isDesktop a:hover,
#header-right .responsiveMenuTheme1d.isDesktop li.active > a,
#header-right .responsiveMenuTheme1d.isDesktop li > span.separator:hover {
  background-color:transparent;
}

.fixed-menu{
  position:fixed;
  top:0;
  background:#fff;
  z-index:999999;
  width:100%
}

.fixed-menu #header-right .responsiveMenuTheme1d.isDesktop {
    top: 40px;
}

.fixed-menu #header-left {
    height: 78px;
    padding-top:0;
}

.fixed-menu #header-left img {
    max-width: 86px;
}

.fixed-menu{
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
}

/* slider */

.theme-default .nivoSlider {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-bottom:0;
}

.theme-default .nivo-controlNav {
    position: absolute;
    right:50px;
}

.fixed-slider{
  margin-top:135px;
}

/* content */

body.defaultcontent #content div.item-page {
  float: none;
  width: 100%;
  margin-right: 0;
}

body.defaultcontent #content div.item-page p,
body.defaultcontent #content div.item-page h1,
body.defaultcontent #content div.item-page h2,
body.defaultcontent #content div.item-page h3,
body.defaultcontent #content div.item-page h4,
body.defaultcontent #content div.item-page ul {
  max-width:750px;
}

body #content div.item-page a:link,
body #content div.item-page a:active,
body #content div.item-page a:visited,
body #content div.item-page a:focus,
body #content div.item-page a:hover{
  color:#000;
  text-decoration: underline;
}

body #content div.item-page a:hover{
  text-decoration: none;
}

body.defaultcontent #newsletter img{
  display:none;
}

#content{
  background:#fff;
}

#content div.item-page{
  float:left;
  width:35%;
  margin-right:15%;
}

#content div.custom{
  float:right;
  width:46%;
}

#content div.custom img{
  width:100%;
  height:auto;
}

#content div#mod-custom97{
  background: #f3f3f3;
  margin: 50px 2% 0 0;
  width: 24%;
}

#content div#mod-custom97 h3{
  background:#2766ad;
  color:#fff;
  padding: 15px;
  font-size: 17px;
}

#content div#mod-custom97 p{
  padding: 0 15px 15px 15px;
}

#content div#mod-custom97 a:link,
#content div#mod-custom97 a:hover,
#content div#mod-custom97 a:focus,
#content div#mod-custom97 a:visited,
#content div#mod-custom97 a:active{
  color:#000;
  text-decoration: none;
  font-weight: bold;
}

#content div#mod-custom97 p{
  font-size:15px
}

#content{
  padding-top:60px;
}

#content h1:nth-child(1){
  margin-top:80px;
  font-size:43px;
  font-family: LatoWeb,Arial,sans-serif;
}

#content h1:nth-child(2){
  margin-top:0;
  font-size:43px;
  font-family: LatoWeb,Arial,sans-serif;
  text-align:right;
}

#content h1 em{
  color: #2c6bb3;
  font-size: 61px;
  line-height: 0;
  font-family: arial;
  font-style:normal;
}

#content h2{
  font-size:17px;
  font-family:LatoWeb;
  line-height:28px;
  margin-top:12px;
  margin-bottom:40px;
  text-align:right;
}

#content p{
  font-size:18px;
  line-height:1.5em;
}

#content-firstrow{
  margin-bottom:5%;
}

#content-firstrow p{
  margin-top:14px;
}

.default_text h1{
  margin-bottom:20px;
}

.default_text h2{
  margin:25px 0 15px 0;
}

.default_text h3{
  margin:20px 0 0 0;
}

.default_text ul{
  font-size: 15px;
  margin: 20px 0 0 30px;
  line-height: 1.4em;
}

.default_text a:link,
.default_text a:active,
.default_text a:visited,
.default_text a:focus,
.default_text a:hover{
  color:#000;
  text-decoration: underline;
}

body.col2_50 .item-page{
  float:left !important;
  width:45% !important;
  margin-right:5% !important;
}

#contentRightImage{
  float:right;
  width:50%;
}

#contentRightImage div.custom{
  width:100%;
}

#contentRightImage div.custom p{
  text-align: right;
  font-size: 12px !important;
  line-height: 20px !important;
}

#contentRightImage img{
  width:100%;
  height:auto;
}

#content #content-secondrow div.custom{
  float:left;
  width:30%;
  margin-bottom:45px;
}

#content #content-secondrow #content-secondrow-col1 div.custom,
#content #content-secondrow #content-secondrow-col2 div.custom{
  margin-right:5%;
}

#content #content-secondrow div.custom h2{
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
    line-height: 34px;
	background: #2766ad;
	color: #fff;
	padding:4px 10px;
}

body.ankauf #contentRightImage {
    float: right;
    width: 100%;
}

body.ankauf #content-secondrow-col2 div.custom{
    width: 59% !important;
    margin-right:0 !important;
}

body.ankauf #content-secondrow-col1 div.custom{
  width: 30% !important;
}

body.ankauf #content-secondrow-col1 div.custom h1{
  margin-top:0;
}

body.ankauf #content-secondrow-col2 div.custom h2{
  margin-top:30px !important;
}

body.ankauf #content-secondrow-col1 div.custom p {
    padding: 10px 15px 15px 15px;
}

body.referenzen #content #content-secondrow div.custom {
    width:45%;
    position:relative;
}

body.referenzen #content #content-secondrow div.custom h3{
    margin-bottom:10px;
}

body.referenzen #content #content-secondrow div.custom ul,
body.angebot #content ul{
    margin:10px 0 15px 20px;
    list-style-image:url(../images/blueBullet.png);
}

body.referenzen #content #content-secondrow div.custom ul li,
body.angebot #content ul li{
    margin:0;
    font-size:18px;
}

body.referenzen #content #content-secondrow div.custom hr{
    border-top: 3px dotted #9f9f9e;
    width:100%;
    color: #fff;
}

body.referenzen #content #content-secondrow div.custom a:link,
body.referenzen #content #content-secondrow div.custom a:active,
body.referenzen #content #content-secondrow div.custom a:visited,
body.referenzen #content #content-secondrow div.custom a:focus,
body.referenzen #content #content-secondrow div.custom a:hover,
body.angebot #content a:link,
body.angebot #content a:active,
body.angebot #content a:visited,
body.angebot #content a:focus,
body.angebot #content a:hover{
    background:#2766ac;
    color:#fff !important;
    text-decoration:none !important;
    display:block;
    padding:2px 0;
    width:127px;
    border-radius:4px;
    text-align:center;
    margin-top:8px;
    margin-bottom:23px;
    text-transform: uppercase;
    margin-right:10px;
    font-size:16px;
}

body.angebot #content a:link,
body.angebot #content a:active,
body.angebot #content a:visited,
body.angebot #content a:focus,
body.angebot #content a:hover{
    float:left;
}

body.referenzen #content #content-secondrow div.custom a:hover,
body.angebot #content a:hover{
    background:#4386d3;
}

body.angebot #content h2 {
    font-size: 25px;
    margin-top: 20px !important;
    margin-bottom: 10px;
    text-align: left;
    line-height: 34px;
}

body.vermietung #content h2{
	font-size: 22px;
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: left;
	line-height: 34px;
	background: #2766ad;
	color: #fff;
	padding: 4px 10px;
}

body.projektentwicklung #content h2{
	font-size: 22px;
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: left;
	line-height: 34px;
	background: #2766ad;
	color: #fff;
	padding: 4px 10px;
}

body.angebot .item-page p:last-child img{
  width:49%;
  height:auto;
}

body.angebot .item-page p:last-child img:first-child{
  margin-right:2%;
}

/* detailpage */

body.detailpage #content {
    background:transparent;
  	padding-bottom:90px;
}

body.detailpage #content-row{
  	padding:3%;
	margin-bottom:20px;
}

body.detailpage #content-row:nth-child(even){
	background:rgba(255,255,255,0.7);
}

body.detailpage #content-left{
  	width:48%;
  	padding-right:2%
}

body.detailpage #content-right{
  	width:48%;
  	padding-left:2%
}

body.detailpage #content-right h2{
  	margin-bottom:25px;
}

body.detailpage #content-right p{
  	margin-bottom:15px;
}

body.detailpage #content-right p a:link,
body.detailpage #content-right p a:active,
body.detailpage #content-right p a:visited,
body.detailpage #content-right p a:focus,
body.detailpage #content-right p a:hover{
  	text-decoration:none;
  	color:#000;
  	background:#fff;
  	border:1px solid #000;
  	padding:5px;
  	text-align:center;
  	display:block;
  	width:115px;
  	font-weight:bold;
}

body.detailpage #content-right p a:hover{
  	background:#2766ac
}

/* newsletter */

#newsletter{
  position:relative;
}

#newsletter-wrapper{
  background:#2766ad;
  padding:22px 0 20px 0;
}

#newsletter-wrapper p{
  float:left;
  color:#fff;
  text-transform: uppercase;
  font-size:13px;
  line-height: 19px;
  margin-right: 23px;
}

#newsletter-wrapper p strong{
  font-family: LatoWebBold,Arial,sans-serif;
  letter-spacing:1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

#newsletter-wrapper p:nth-child(2){
  float:right;
}

#newsletter-wrapper a:link,
#newsletter-wrapper a:active,
#newsletter-wrapper a:visited,
#newsletter-wrapper a:hover,
#newsletter-wrapper a:focus{
  display:block;
  float:right;
  font-size:13px;
  text-decoration: none;
  color:#fff;
  padding:0;
  margin-left: 10px;
}

#newsletter-wrapper a:hover{
  color:#000;
  background:#2766ac;
}

.portrait{
  position:absolute;
  bottom:-20px;
  left:30%;
  height:758px;
  width:auto;
}

body.itemid-104 .portrait{display:none;}

/* footer */

#footer{
  margin-top:30px;
  margin-bottom:30px;
  border-top:1px solid #575656;
  padding-top:20px;
  position:relative;
}

#footer li{
  list-style-type: none;
  display:inline-block;
  margin-right:15px;
}

#footer li a:link,
#footer li a:active,
#footer li a:visited,
#footer li a:focus,
#footer li a:hover{
  color:#000;
  text-decoration:none;
  font-size:22px;
}

#footer li a:hover{
  color:#58585a;
}

.toplink{
  position:absolute;
  right:2.8%;
  top:0;
}

.addresses p{
  float:left;
  margin:20px 40px 0 0;
  font-size:14px;
  line-height:1.3em;
}

/* MEDIA QUERIES */

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

  #header-wrapper.fixed-menu{
    height: 78px;
  }

  #header-wrapper {
    height: 140px;
  }

  #header-right .responsiveMenuTheme1d.isDesktop span.linker {
      font-size: 18px;
  }

  #header-right .responsiveMenuTheme1d.isDesktop {
    top: 100px;
  }

  #header-left img {
    width: 127px;
  }

  #header-left {
    height: 90px;
  }

  .portrait {
    left: 27%;
    height: 708px;
  }

  #contentRightImage div.custom{
    margin-top:30px;
  }

  body.ankauf #contentRightImage div.custom {
    margin-top: 0;
  }

}

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

  #content h1:nth-child(1) {
      margin-top: 50px;
  }

}

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

  #header-right .responsiveMenuTheme1d.isDesktop span.linker {
    font-size: 16px;
  }

  #header-right .responsiveMenuTheme1d.isDesktop li li span{
    font-size:14px !important;
  }

  #content h1:nth-child(1),
  #content h1:nth-child(2) {
    font-size: 38px;
  }

}

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

  div.custom#mod-custom95{margin-bottom:30px;}

  span.opener {
    display:block !important;
    background-image: url(../images/down-bg.png) !important;
  }

  .responsiveMenu1m span{
    display:none;
  }

  .toggleMenu {
    background: transparent url(../images/toggle-icon.png) no-repeat left center;
    margin-top:94px;
  }

  #header-left img {
    max-width: 220px;
  }

  .responsiveMenuTheme1d{
    text-align: left;
    margin-bottom:25px !important;
  }

  .responsiveMenuTheme1m.isMobile {
    background: #f5f5f5;
    position: absolute;
    z-index: 9999999;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
    border-bottom: 1px solid #2766ac;
    margin-top:5px;
  }

  .responsiveMenuTheme1m.isMobile span{
    font-family:LatoWebLight,Arial,sans-serif;
    color:#000;
  }

  .responsiveMenuTheme1m.isMobile a:hover,
  .responsiveMenuTheme1m.isMobile li.active > a,
  .responsiveMenuTheme1m.isMobile li > span.separator:hover {
    color: #000000;
    background-color:#e8e8e8;
  }

  .responsiveMenuTheme1m.isMobile > li {
    border-top: 1px solid #2766ac;
  }

  .fixed-menu .toggleMenu {
    margin-top: 9px;
  }

  #content-secondrow-1,
  #content-secondrow-2{
    width:100%;
  }

  #content-secondrow-1{
    margin-right:0;
  }

  #content-secondrow-2{
    margin-left:0;
  }

  #content-firstrow {
    margin-left:0;
    margin-bottom: 4%;
    width: 100%;
  }

  #footer li a{
    font-size: 19px !important;
  }

  .portrait {
    left: 27%;
    height: 718px;
  }

  #header-right {
    width:60%;
  }

}

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

  .custom#mod-custom121{display:block;}
  body.itemid-101 #content .item-page h1:nth-child(1),
  body.itemid-101 #content .item-page h1:nth-child(2),
  body.itemid-101 #content .item-page h2{display:none;}

  #secondarymenu .custom a:link, #secondarymenu .custom a:active, #secondarymenu .custom a:visited, 		#secondarymenu .custom a:focus, #secondarymenu .custom a:hover {
    letter-spacing: 0;
}

  	body.angebot #contentRightImage div.custom .floatLeft:nth-child(1){float:left;width:100%;margin-right:0;}

	body.angebot #contentRightImage div.custom .floatLeft:nth-child(2){float:left;width:100%;}

  body.angebot #contentRightImage div.custom h2{
    margin-top: 14px !important;
  }

  .portrait {
    display:none
  }

  #content h1:nth-child(2) {
    text-align: left;
  }

  #content h2 {
    text-align: left;
  }

  #content div.item-page {
    width: 35%;
    margin-right: 5%;
  }

  body.itemid-101 #content div.item-page {
    margin-top: 42px;
  }

  #content div.custom {
    width: 60%;
  }

  #content div#mod-custom97 {
    width: calc(60%) !important;
    margin:0 !important;
  }

  #content {
    padding-bottom: 60px;
    padding-top: 30px;
  }

  #content div.custom {
    margin-top: 47px;
  }

  #contentRightImage div.custom{
    width:100%;
  }

  body.ankauf div.custom{
    margin-top:0 !important;
  }

  body.ankauf #content {
    padding-bottom: 0 !important;
  }

  body.projektentwicklung #content{
    padding-bottom:0 !important;
  }

  body.vermietung #content{
    padding-bottom:0 !important;
  }

  body.angebot #content{
    padding-bottom:0 !important;
  }

  body.referenzen div.custom{
    margin-top:0 !important;
  }

  body.referenzen #content-secondrow-col1 div.custom div.floatLeft{width:100%;float:none;margin-right:0;margin-bottom:20px;}

body.referenzen #content-secondrow-col1 div.custom div.floatRight{width:100%;float:none;margin-bottom:20px;}

}

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

  #content h1:nth-child(1), #content h1:nth-child(2) {
      font-size: 30px;
  }

  body.referenzen #content #content-secondrow {padding-bottom:0;}

}

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



  .portrait {
    left: 50%;
    height: 228px;
  }

  body.col2_50 .item-page {
    width: 100% !important;
    margin-right: 0% !important;
  }

  #contentRightImage{
    width:100%;
  }

  #contentRightImage div.custom {
    margin-top:25px;
    margin-bottom:25px;
  }

  #content #content-secondrow div.custom {
    margin-top:0;
    width: 100%;
    margin-bottom: 25px;
  }

  body.ankauf #content-firstrow {
    margin-bottom: 0%;
  }

  body.ankauf #content-secondrow-col2 div.custom {
    width: 100% !important;
    margin-right: 0 !important;
  }

  body.ankauf #content-secondrow-col1 div.custom {
    width: 100% !important;
    margin-right: 0 !important;
  }

  #content h1 em {
    font-size: 42px;
	}

  body.referenzen div.custom {
    width: 100% !important;
    margin-right: 0 !important;
  }

  body.referenzen #content #content-secondrow div.custom p:nth-last-child(2) {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      margin-bottom:15px;
  }

  #content .custom#mod-custom121 h1:nth-child(2) {
      margin-left: 130px;
  }
  #content .custom#mod-custom121 h2 {
      margin-left: 170px;
  }
  #content .custom#mod-custom121 h1:nth-child(1) {
      margin-left: 50px;
  }
  .custom#mod-custom121 {
    background-size: 458px auto;
    background-position: 102% -24px;
  }

}

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

  body.itemid-101 #content div.item-page {
    margin-top: 20px;
  }

  #content h2 {
    margin-bottom: 20px;
  }

  #content div.item-page {
    width: 100%;
    margin-right: 0;
  }

  #content div.custom {
    width: 100%;
  }

  #content div#mod-custom97 {
    width: calc(100%) !important;
  }

  .portrait {
    left: 41%;
    height: 200px;
  }

  .custom.mod-custom121 {
    background-size: 398px auto;
    background-position: 110% -24px;
  }

}

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

  #newsletter-wrapper h3 {
    float: none;
    text-align:center;
  }

  div.addresses p{
    float:none;
    text-align: center;
    margin:0;
  }

  #footer-wrapper ul.menu{
    margin-bottom:25px;
  }

  #footer-wrapper ul.menu li{
    width:100%;
    text-align:center;
    margin:0 0 10px 0;
  }

  img.portrait{
    display:none;
  }

  body.detailpage #content-left,
  body.detailpage #content-right{
  	width:100%;
  	padding-right:0%
  }

  body.detailpage #content-right{
    padding-bottom:30px;
  }

  body.detailpage #content-right p{
  	padding-right:20px;
  }

  body.detailpage #content-right h2{
	margin-top:25px;
  }

  body.detailpage #content-row{
  	padding:0;
	margin-bottom:0px;
  }

  .ba-gallery {
    padding: 0;
  }

  .custom#mod-custom121 {
    background-size: 398px auto;
    background-position: 110% -24px;
  }

  #content .custom#mod-custom121 h1:nth-child(1) {
    margin-left: 20px;
  }

  #content .custom#mod-custom121 h1:nth-child(2) {
      margin-left: 80px;
  }

  #content .custom#mod-custom121 h2 {
      margin-left: 108px;
  }

}

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

  .custom.contactdata a{
    background: transparent !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    font-size:13px !important;
  }

  .custom.contactdata a.mail{
    padding-right:10px;
  }

  .custom.contactdata a.phone{
    padding-left:10px;
  }

  #secondarymenu .custom {
    width: 240px;
  }

  .custom#mod-custom121 {
    background-size: 349px auto;
    background-position: 110% -24px;
  }

  #content .custom#mod-custom121 h1:nth-child(1) {
    margin-left: 0;
  }

  #content .custom#mod-custom121 h1:nth-child(2) {
      margin-left: 46px;
  }

  #content .custom#mod-custom121 h2 {
      margin-left: 49px;
  }

}

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

  .custom#mod-custom121 {
    background-size: 319px auto;
    background-position: 115% -24px;
  }

  #content .custom#mod-custom121 h1:nth-child(1) {
    margin-left: 0;
    font-size: 23px;
    margin-top: 29px;
  }

  #content .custom#mod-custom121 h1:nth-child(2) {
      margin-left: 46px;
      font-size: 23px;
  }

  #content .custom#mod-custom121 h2 {
      margin-left: 49px;
      font-size: 13px;
      margin-top:0;
  }

  #content h1 em {
    font-size: 30px;
  }

}

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

  .field6 label{width:55%;}

  .custom.contactdata a{
    background: transparent !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    font-size:13px !important;
  }

  .custom.contactdata a.mail{
    padding-right:10px;
  }

  .custom.contactdata a.phone{
    padding-left:10px;
  }

  #secondarymenu ul li a:link, #secondarymenu ul li a:active, #secondarymenu ul li a:visited, #secondarymenu ul li a:focus, #secondarymenu ul li a:hover {
    font-size:12px !important;
    padding: 6px 5px !important;
  }

  div.contactdata{
    display:none;
  }

  #secondarymenu .custom {
    display:none;
  }

  #header-left img {
    width: 190px
  }

  #header-left {
    padding-top:0;
    height: 60px;
    width:40%;
  }

  #header-right {
    width:60%;
  }

  .toggleMenu {
    margin-top: 67px;
  }

  #header-wrapper {
    height: 111px;
  }

  #header-left img {
    width: 122px;
  }

  #secondarymenu {
    margin-top: 14px;
  }

  .fixed-menu #header-left img {
    max-width: 120px;
  }

  .fixed-menu  #header-left {
    height: 60px;
  }

  .fixed-menu .toggleMenu {
    margin-top: 0px;
  }

  #newsletter p{
    margin-right:0;
    width:100%;
    float:none;
    text-align:center;
  }

  #newsletter p a{
    margin:5px 0 0 0;
    width:100%;
    float:none;
    text-align:center;
  }

  #secondarymenu .custom {
    display:none;
  }

  .custom#mod-custom121 {
    background-position: 165% -24px;
  }

}

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

  .custom#mod-custom121 {
    background-size: 269px auto;
    background-position: 145% -24px;
  }

  #content .custom#mod-custom121 h1:nth-child(1) {
    margin-left: 0;
    font-size: 20px;
    margin-top: 29px;
  }

  #content .custom#mod-custom121 h1:nth-child(2) {
      margin-left: 46px;
      font-size: 20px;
  }

  #content .custom#mod-custom121 h2 {
      margin-left: 49px;
      font-size: 11px;
      margin-top:0;
  }

}

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

  .custom#mod-custom121 {
    background-size: 209px auto;
    background-position: 135% -14px;
  }

}

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

  #content .custom#mod-custom121 h2 br{
      display:inline;
  }

  #content .custom#mod-custom121 h2 {
    margin-top: 4px;
    line-height: 15px;
  }

  .custom#mod-custom121 {
    background-size: 179px auto;
    background-position: 130% -14px;
  }

}

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

  #content .custom#mod-custom121 h1:nth-child(2) {
    margin-left: 32px;
  }

  #content .custom#mod-custom121 h2 {
    margin-left: 42px;
  }

  .custom#mod-custom121 {
    background-size: 169px auto;
    background-position: 136% -14px;
  }

}