html, body {
margin:0;
padding:0;
width:100%;
height:100%;
background-attachment:fixed;
/*background-image:url(../gfx/blaetter.jpg);*/
background-size:50%;
}
p{
margin:0 0 0 0
}
.higruBox1{
position:absolute;
top:0rem;
left:0;
width:100%;
height:100%;
background-size:cover;
background-attachment: fixed;
background-position: bottom center;
}
.higruBox2{
position:absolute;
top:4000px;
left:0;
width:100%;
height:100%;
background-size:cover;
background-attachment: fixed;
background-position: bottom center;
}
.higruBox3{
position:absolute;
top:2160px;
left:0;
width:100%;
height:100%;
background-attachment: fixed
}
.higruBox4{
position:absolute;
top:3240px;
left:0;
width:100%;
height:100%;
background-attachment: fixed
}
.higruBox5{
position:absolute;
top:4320px;
left:0;
width:100%;
height:100%;
background-attachment: fixed
}
.higruBox6{
position:absolute;
top:5000px;
left:0;
width:100%;
height:100%;
background-attachment: fixed
}
.zent {
position:relative;
width:100%;
min-height:100%;
overflow:hidden;
}
.headLine{
position:fixed;
width:100%;
height:8rem;
z-index:29999;
transition-duration: 0.5s;
}
.headline h1{margin-left:1rem;}
.headLineShadow{
background:#fff;
box-shadow: 10px 10px 15px silver;
}
.headlineBox{
display:inline-block;
margin:0 4rem;
font-size:0.8rem;
font-family:'Roboto Condensed';
font-weight:normal;
}
.headlineBox a:link,.headlineBox a:visited{
color:#565655;
}
.headlineBox img{
margin-right:0.3rem;
margin-top:0rem;
}
.head_top_1{
position:relative;
width:90%;
height:2rem;
background:none;
color:#565655;
text-align:right;
}
.gridRow{
position:relative;
width:100%;
height:100%;
display:inline-block;
}
.altRow{
background:#fff;
margin-top:-6rem;
padding-top:10rem;
}
.emotionRow{
background-size:cover;
background-attachment: fixed;
background-position: center center;
}
.hoehe100 img{
/*height:100% !important;*/
}
.colEmotion{
position:relative;
float:left;
min-height:20px;
height:100%;
display:inline-block;
overflow:hidden;
}
.emotionValueBox{
position:relative;
padding: 0;
height:100%;
}
.emotionValueBox img{
width:100%;
}
.hoehe100 img{
height:100%;
width:unset;
}
.emotionValueBox .kurz_box_pic img, .emotionValueBox .emotionBoxBild img,.emotionValueBox .colBox3 img{
width:auto;
}
.col25{
}
.col50{
width:50%;
margin-bottom:1rem;
display:inline-block;
}
.col75{
width:75%;
}
.col100{
width:100%;
}
.colBox2{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
column-gap:80px;
column-rule-color: #bbb;
column-rule-width: 1px;
column-rule-style: dashed;
text-align:justify;
}
.colBox3{
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
column-gap:80px;
column-rule-color: #bbb;
column-rule-width: 1px;
column-rule-style: solid;
text-align:jusify;
}
.colBox2 p, .colBox3 p {
margin: 0 0 2.7ex 0;
font-size: 1.8ex; line-height: 2.7ex;
text-align: justify; hyphens:auto;
orphans:3; widows: 3;
page-break-inside: auto;
column-break-inside: column;
-webkit-column-break-inside: column;
page-break-inside: column;
break-inside: column;
}
.emotionBoxBild{
position:relative;
}
.emotionBoxBildEffekt2
{
background-repeat:no-repeat;
background-position:center center;
}
/*********** MAIN *********/
.main {
padding:0;
width:100%;
height:auto;
/* box-shadow: 0px 0px 50px -20px #1D1B1C;
-moz-box-shadow: 0px 0px 50px -20px #1D1B1C;
-webkit-box-shadow: 0px 0px 50px -20px #1D1B1C;*/
}
*html .main{height:100px}
.gomapsIn {
}
#map_canvas{
width:960px;
height:400px;
box-shadow: 0px 0px 50px -20px #1D1B1C;
-moz-box-shadow: 0px 0px 50px -20px #1D1B1C;
-webkit-box-shadow: 0px 0px 50px -20px #1D1B1C;
}
#fotext{display:none};
.flend {
clear:both
}
/******* NAVI ***********/
.navi {
position:relative;
width:100%;
text-align:center;
z-index:9989;
}
/****************** IMMOBILIEN *****************/
/************ FOOTER ***********/
.footer {
position:relative;
clear:both;
width:100%;
height:30rem;
padding:5rem 0 1.3rem 0;
background:#c0ccb3;
color:#565655;
}
.footer .kategs_text_box{
width:80%;
margin-left:1rem;
}
.footer_left{
color:#18383b;
width:74rem;
text-align:left;
padding-top:5rem;
padding-left:0rem;
}
.logo_start {
position: relative;
width: 500px;
height: 100px;
margin-top: 1rem;
text-align: center;
}
.logo {
/* background-size: contain; */
/* text-align: center; */
/* z-index: 1; */
background-position: center center;
background-repeat: no-repeat;
}
.logo2 {
position: absolute;
width: 100px;
height: 100px;
background: url(../gfx/r8a2.png) no-repeat;
background-size:contain;
text-align: center;
z-index:1;
}
.logo a{position:relative;
display:inline-block;
width:100%;
height:100%;
background:rgba(255,255,255,0);
}
.logo2 a{position:relative;
display:inline-block;
width:100%;
height:100%;
background:rgba(255,255,255,0);
}
.top_text{
position:absolute;
right:25px;
top:130px;
color:#707D87;
font-size:21px;
letter-spacing:2px;
}
input , textarea, select,fieldset,.mceLayout{
border:1px solid #cdcdcd;
background:#fefefe;
padding:4px 10px 4px 10px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
border-radius: 4px;
font-size:1rem;
font-weight:normal;
color:#4A4A49;
font-family:arial;
}
.pflired input,.pflired textarea{
background:#dbedff;
}
.pfliTextFailure{
color:#fc5f40;
}
/************* SLIDEBOX *********/
.megamenu {
list-style:none;
margin:0;
padding:0;
width:500px;
}
.megamenu li {
margin-bottom:5px;
}
.scroll{
position:absolute;
left:5px;
top:8px;
width:20px;
color:#565655;
}
.faq_img{float:left;margin:0px 10px 10px 0px;}
.img_line{width:70%;height:4px;background:#E5D4B6;}
.dropcontent {
clear:both;
margin-top:3px;
padding:0px 10px;
}
/* KATEGS STARTSEITE */
.kategs_box{
width:100%;
position:relative;
float:left;
height:20rem;
overflow:hidden;
margin-right:1rem;
margin-bottom:1rem;
}
.kategs_pic {
position:relative;
width:12rem;
float:left;
/*-webkit-box-shadow: 11px 17px 57px -21px rgba(0,0,0,0.75);
-moz-box-shadow: 11px 17px 57px -21px rgba(0,0,0,0.75);
box-shadow: 11px 17px 57px -21px rgba(0,0,0,0.75);*/
}
.fancyimgs img{
/*-webkit-box-shadow: 11px 17px 57px -21px rgba(0,0,0,0.75);
-moz-box-shadow: 11px 17px 57px -21px rgba(0,0,0,0.75);
box-shadow: 11px 17px 57px -21px rgba(0,0,0,0.75);
*/
}
.kategs_pic img{
width:100%;
overflow:hidden;
}
.kategs_text_box{
position:relative;
float:left;
width:40rem;
height:7rem;
bottom:0;
background:none;
color:#565655;
}
.footer .kategs_text_box{
color:#18383b;
}
.main_content ul {
}
.main_content li {
list-style-type:disc;
margin:0;
margin:5px 0;
}
.strich{
position:relative;
float:left;
padding: 5px 0 4px 0;
}
.fs1{
display:none;
}
.ohneBild {
width:95% !important;
margin-left:0 !important;
}
/*********** kurztexte **************/
.kurz_box_pic{
display:inline-block;
width:25rem;
height:18.75rem;
overflow:hidden;
margin-right:4rem;
background-position:center;
background-repeat:no-repeat;
}
.kurz_box_pic_effekt{
background-size:150%;
-webkit-transition: background-size 500ms linear;
-moz-transition: background-size 500 linear;
-o-transition: background-size 500 linear;
-ms-transition: background-size 500ms linear;
transition: background-size 500ms linear;
}
.kurz_box_pic:hover {
/*background-size:110%;*/
/*cursor:pointer;*/
}
.kurz_box_pic:hover img{
transition-duration:2s
}
.kurz_box_inhalt{
position:relative;
display:inline-block;
width:44rem;
vertical-align:top;
height:100%;
}
.kurz_box_text{
display:inline-block;
width:100%;
vertical-align:top;
height:5rem;
padding-bottom: 2rem;
color:#2a2a2a;
}
.kurz_box_text a:link, kurz_box_text:visited{
color:#565655;
}
.kurzHigh10rem .kurz_box_text{
height:10rem;
}
.kurz_box_inhalt h3{
font-size:2.3rem;
font-family:'Roboto Condensed';
font-weight:normal;
margin-top:0;
height:3rem;
}
/*********** EMOTION BOX BLOCK ******///
.box_link {
display:inline-block;
position:relative;
margin-top:3rem;
padding:10px;
background:#24408f;
color:#fff;
}
.box_link_klein a:link,.box_link_klein a:visited{
color:#fff;
font-size:0.8rem;
}
.box_link_klein {
display:inline-block;
position:absolute;
margin-top:1rem;
padding:5px 10px;
background:#24408f;
color:#fff;
bottom:0px;
right:7rem;
}
.box_link a:link,.box_link a:visited{
color:#fff;
}
.emotionBoxText li::before{
}
.emotionBox{
position:relative;
float:left;
padding:2rem;
}
.emotionBlock1{
position:relative;
width:100%;
padding:1rem;
margin:0.5rem;
float:left;
background:#fff;
}
.emotionBlock3{
position:relative;
width:21rem;
padding:1rem;
margin:0.5rem;
float:left;
height:11rem;
}
.emotion-center .emotionBlock3 {
float:none;
width:23rem;
display:inline-block;
height:auto;
}
.emotionBlock5{
position: relative;
width: 12.5rem;
padding: 1rem;
float: left;
height: 10rem;
}
.boxBlockCol1, .boxBlockCol2{
position:relative;
float:left;
}
.boxBlockCol2{margin-left:2rem
}
.emotionBlock1 .boxBlockCol2{
width:33rem;
display:inline-block;
}
.emotionBlock3 .boxBlockCol2{
width:9rem;
margin-left:5px;
}
.emotionBlock3 .boxBlockCol1 img{
width:8rem;
}
.boxBlockBiboCol1, .boxBlockBiboCol2{clear:both;text-align:center;color:#24408f}
.boxBlockBiboCol1:hover img{
opacity:0;
transition-duration:0.5s
}
.boxBlockBiboCol1{min-height:92px}
.boxBlockBiboCol2{
margin-top:1rem;
}
.emotionBlock3 .emotionBoxHead{
width:11 rem;
font-size:1rem;
}
.emotionBlock3 .emotionBoxText{
width:11rem;
font-size:0.8rem;
}
.emotionBlock3 .emotionBoxLink{
margin-top:0.7rem;
font-size:0.8rem;
}
.emotionBlock3 .emotionBoxLink a:link, .emotionBlock3 .emotionBoxLink a:visited{
color:#565655;
}
.emotionBlock3 .emotionBoxLink::before{
content:"\0023F5";
font-size:0.7rem;
}
.emotionBlock3 ul{
margin:1rem 0 0 5px;
padding:0 0 0 10px;
list-style-type: disc;
list-style-position: outside;
}
.emotionBlock3 ul li{
padding-left:0rem;
list-style-type: disc;
}
.boxHeadBig{
font-size:1.5rem;
font-weight:normal;
text-transform:uppercase;
}
.gale_box .fancyimg img{ width:23rem}
.gale_box {
background:url(../gfx/gale_back_plus.jpg) center center;
}
.gale_box a:hover img{ opacity:0.3;transition-duration:0.2s}
.blockGrey{
background:#fff;
border-right:1px solid #bbb;
}
.blockGrey:hover{background:#ededed;transition-duration:0.2s}
.emotionBlockOhne{
padding: 0;
margin: 0.5rem;
overflow: hidden;
}
.blockBlue{
background:#fff;
border-right:1px solid #24408f;
color:#24408f;
}
.blockBlue:hover{/*background:#ededed;transition-duration:0.6s;*/}
.emotionBlockOhne{
padding: 0;
margin: 0.5rem;
overflow: hidden;
}
.emotionBlockOhneBorder{
border:none;
}
.zent{
position:relative;
width:100%;
text-align:center;
}
.bread{
display:none;
margin-right:20px;
margin-top:5px;
}
.bread::before{
content:"\0023F5";
font-size:0.7rem;
}
.bread a:link,.bread a:hover,.bread a:visited{
color:#565655;
font-size:0.8rem;
}
.zusatzBox{
margin:0.5rem 0;
}
.prodDivTitel{
font-weight:bold;
}
.prodDivGeschoss{
letter-spacing:3px;
font-size:0.9rem;
color:#aaa;
text-align:center;
}
.prodDivKat .prodDivImg{
height:18rem;
overflow:hidden;
background-size: contain;
background-repeat: no-repeat;
border-bottom:1px solid #efefef;
}
.prodDivKat .prodDivData{
position:absolute;
top:18rem;
left:0;
padding:1rem 1rem 0 1rem;
height:100%;
}
.prodDivData .prodDivFlaeche{
position:absolute;
top:1rem;
right:0;
color:#565655;
padding:5px;
font-size:0.9rem;
}
.prodDivData .prodDivTitel{
font-weight:bold;
font-size:1.2rem;
text-transform:uppercase;
letter-spacing:1px;
padding-left:8px;
}
.prodDivData .prodDivSold, .prodDetail .prodDivSold {
position:absolute;
top:-8rem;
right:0;
color:#fff;
background:#6da01e;
padding:5px;
font-size:0.8rem;
}
.prodDetail .prodDivSold {
top:3rem;
right:4rem;
display:inline-block;
max-width:4rem;
text-align:center;
}
.prodDivData .Sold, .prodDetail .Sold{
background:#815975;
}
.prodDetailData .prodDivTitel{
font-weight:bold;
font-size:2rem;
color:#815975;
margin-bottom:2rem;
text-transform:uppercase;
padding-left:8px;
}
.prodDivUntertitel{
font-weight:bold;
font-size:1.2rem;
color:#565655;
margin-bottom:0.8rem;
text-transform:uppercase;
padding-left:8px;
}
.prodDivPreis{
font-weight:bold;
font-size:1.2rem;
color:#565655;
margin-bottom:0.8rem;
text-transform:uppercase;
}
.prodDetailImg{
position:relative;
float:left;
}
.prodDetailData{
position:relative;
float:right;
}
.dataValue{
position:relative;
text-align:right;
display:inline-block;
}
.dataValueBez{
position:relative;
text-align:left;
display:inline-block;
}
.prodDetailHeadline{
text-align:center;
font-size:2rem;
display:inline-block;
width:100%;
}
.headSnap{
display:inline-block;
text-align:center;
border-left: 1px dotted #efefef;
border-right: 1px dotted #efefef;
vertical-align: top;
}
.headSnap .snapLineTop{
font-size:2rem;
font-weight:bold;
color:#815975;
}
.snap1 .snapLineTop{
color:#6da01e;
}
.snap6 .snapLineTop img,.snap5 img {
height:5rem;
width:auto;
}
.prodDivLageplan{
width:100%;
height:50rem;
display:inline-block;
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
}
.prodIconsBox{
display:inline-block;
text-align:center;
}
.prodIcons{
}
.prodIcons img{
height:6rem;
}
.prodIconsText{
color:#6da01e;
}
.col50 img{position:relative;}
.r100{width:100%;position:relative;}
.vr{width:98%;height:37.5rem;border:none;border:5px solid #fff;
box-shadow: 0px 0px 40px -20px #bbb;
-moz-box-shadow: 0px 0px 40px -20px #bbb;
-webkit-box-shadow: 0px 0px 40px -20px #bbb;
}
.snapline {
position:relative;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.snapline::-webkit-scrollbar {
display: none;
}
.snapline {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.snapbox{position:relative;
}
.snapHaus{text-align:center}
.hausSnap{cursor:pointer;transition: background 0.2s ease-in-out;}
.hausSnap:hover{background:#eee;}
.hausAkt{color:#815975 !important}
.fa-chevron-left{
position:absolute;
left:0;
top:1rem;
font-size:3rem;
color:rgba(0,0,0,0.1);
transform: scaleX(0.7);
}
.fa-chevron-right{
position:absolute;
right:0;
top:1rem;
font-size:3rem;
color:rgba(0,0,0,0.1);
transform: scaleX(0.7);
}
.rowLila{background:#815975;padding:3px 8px;color:#fff;
}
.rowWhite{background:#fff;padding:3px 8px;color:#565655;
}
/*spacer*/
.bd1{ border:1px solid #fff}