body 						{ background: #fff; color: #000; font-family: 'Georgia', serif; font-size: 14px; }
body.HomePage 				{ min-height: 100vh;}

a 							{ color: #65291f; text-decoration: none; }
a:hover, a:active			{ color: #65291f; text-decoration: underline; }


h1,h2,h3    				{ font-family: 'Georgia', serif; font-weight: bold; padding-bottom: 4px; display: inline-block; color: #65291f; }
h1 			    			 { font-size: 1.6rem; color: #65291f; font-weight: 600; padding-left: 0px; margin-left: 0px; padding-bottom: 5px;}
h2 				             { font-weight: 400; font-size: 1.5rem; line-height: 1.5;  }
h3 				             { font-size: 1.4rem; font-weight: 300; padding-bottom: 8px }
h4 				             { font-family: 'Georgia', serif; font-weight: bold; padding-bottom: 4px; display: inline-block; font-size: 1.15rem; }

img        					{ max-width: 100%; }
.relativer         { position: relative; }

.uppercase { text-transform: uppercase; }

p, td 	    				{ font-family: 'Georgia', serif; font-weight: 400; line-height: 1.35; font-size: 1rem; color: #666; margin-bottom: 1.5rem; }
p strong    				{ font-weight: 700; font-size: 1rem; }
li 				{ font-family: 'Georgia', serif; font-weight: 400; line-height: 1.35; font-size: 1rem; color: #666;}

.HomePage .content p        { font-size: 1.3rem; font-weight: 300; line-height: 1.5; color: #519FC8; max-width: 380px; }

#dsgvo { position: fixed; z-index: 50000; bottom: 0px; width: 100%; height: auto; background-color: #3d3d3d; display: block; padding: 15px; color: #fff; border-top: 3px solid #65291f;}
#dsgvo p        { color: #efefef; display: inline-block; }
#dsgvo a        { color: #fff; text-decoration: underline; }
.btn   { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;     color: #333;background-color: #fff; border-color: #ccc;}
.footerLine { border-bottom: 3px solid #5a200c; }

.blackfont { color: #000 }

/* Header */
#Header {  z-index:99999; position: relative; }
#Header .languageSelector { /*position: absolute; top: 47px; right: 0px;*/  }
#Header .languageSelector a { color: #000; text-decoration: none; font-size: 14px; padding-left: 10px; font-family: Georgia;}
#Header .languageSelector a.active, #Header .languageSelector a:hover { color: #5a200c; text-decoration: underline;}
#Header h1 {  color: #fff;  font-size: 3.2em;  font-family: Tahoma, Verdana, sans-serif; font-weight: 300; padding: 20px 0 0 30px; }
#Header p { font-size: 1.4em; color: #fff; clear: left;  margin: 0 0 0 100px; }
#Header .headerSlogan { color: #5a200c; font-size: 18px; font-weight: bold; border-bottom: 3px solid #5a200c; display: inline-block; float: right; position: absolute; right: 0.9375rem; bottom: 70px; font-family: Georgia, sans-serif; }
#Logo{ padding-left: 20px; }
#Headline img{ float:right; margin-top: 105px; }

.headerMenuLink { color: #5a200c; text-transform: uppercase; font-size: 12px; font-family: "myriad-pro",sans-serif; padding: 15px 0; display: inline-block; }
.headerMenuLink:hover,
.headerMenuLink:active { color: #5a200c; }
.headerMenuLink img { padding-left: 5px;  }
#scrolledHeader { background: rgb(89,32,10); padding-top: 10px; padding-bottom: 10px; -webkit-transition: all 225ms ease-in-out; -moz-transition: all 225ms ease-in-out; -o-transition: all 225ms ease-in-out; transition: all 225ms ease-in-out; }
.fixedPosition #scrolledHeader { top: 0px; }
.moved .fixedPosition #scrolledHeader { left: -100%; /*-83.333%;*/ }


#Navigation { margin-left:  -100px; }     
#Navigation ul { float: left; margin-left: 0px; /*margin-right: 10px; margin-top:7px;*/ }         
#Navigation ul li { list-style:none;  margin: 0 2px;  float: left;  line-height: 11px; display: block;  clear: both;  height:20px; text-transform:uppercase; }    
#Navigation ul li a { text-decoration: none; font-size: 14px; padding: 5px 0 4px 15px; color: #000; font-family: 'Georgia'; }        
#Navigation ul li a span { text-align: center; float: left; padding-right: 10px; height: 2.3em; }   
#Navigation ul li a:hover { background: transparent url(../images/square.jpg) no-repeat center left; color: #5a200c; cursor: pointer; }   
#Navigation ul li a:hover span { color:#5a200c; cursor: pointer;   }
#Navigation ul li a.current,
#Navigation ul li a.section,
#Navigation ul li a.section:hover,
#Navigation ul li a.current:hover { color: #5a200c; background:transparent url(../images/square.jpg) no-repeat center left;   }   

#Navigation ul li a.current span,
#Navigation ul li a.section span,
#Navigation ul li a.section:hover span,
#Navigation ul li a.current:hover span { color: #5a200c;        }     
.sub { margin-left:168px;    margin-top:-27px;    width:170px;    float:left;     }     
.sub li { text-transform:none !important;     }      
.sub ul li a.current {  color:#5a200c ;     }

.topborder { border-top: 1px solid #ccc }

nav ul 						{ list-style-type: none; text-transform: uppercase; padding-left: 0px; border-top: 1px solid #9AC6DE; padding-top: 15px;}
nav ul li 					{ float: left; padding-right: 15px;}
nav ul li a 				{ color: #8291A0; font-weight: 300;}
nav ul li a:hover 			{ color: #519FC8;}
nav ul li.current > a,
nav ul li.section > a       { color: #519FC8; font-weight: bold;}
.homelink img				{ padding-top: 7rem;}
.homelink2 img     { max-width: 50%; margin-top: -80px;}
.mobile-link       { display: none;}

#allbutfooter      { min-height: calc(100vh - 109px); }

/* Footer */
#Footer p { display: block; color: #a7a7a7; font-size:  0.9rem; padding-top: 10px }
#Footer a {  color: #000;   text-decoration: none; font-size:  0.9rem; padding-top: 10px }
#Footer a:hover { color: #5a200c; text-decoration: underline; }

#footermenu {display: block; float: right; list-style-type: none; margin-top: 10px;}
#footermenu li { display: block; float: left; padding-left: 10px;}
#footermenu li a {color: #000; font-size: 12px; font-family: "Georgia",sans-serif; text-decoration: none; text-transform: uppercase;}
#footermenu li a:hover {text-decoration: underline; color: #000;}

.mobile { display: none }

/* Body */
.MietwohnungenHolder h1,
.ProjektHolder h1, 
.ReferenzenHolder h1 { font-weight: 400; }
.MietwohnungenHolder h2, 
h2.mttitle,
.ProjektHolder h2 { font-weight: 600; font-size: 1.3rem }
.w100 { width: 100%; }

.ProjektBox { margin-bottom: 40px; }

/* home */
.whiteFakeCover         { border-right: 3px solid #fff; }
.whiteFakeCover::after  { content: ""; width: 100%; background: #fff; margin-top: 90px; height: 80px; display: block; }
.gallerytext   { padding-left: 10px; padding-top: 10px; font-family: Georgia; font-size: 14px; z-index: 100; background: #fff; min-height: 195px; }
.gallerytext .cycle-slide { padding: 10px; max-width: 100%; }
.gallerytext.mobile .cycle-slide { width: 100%; }

.slidercontent h2       { color: #65291f; /*font-size: 14px;*/ font-family: Georgia; display: block; float: left; clear: both }
.slidercontent p        { display: block; clear: both; float: left; width: 300px; max-width: 100%; margin-bottom: 0px; }

/* ueber uns */
.pageImage .pageImageHolder     { position: relative; }
.pageImage .pageImageHolder img { width: 100%; }
.topBorderWhite        { border-top: 3px solid #fff; position: relative; z-index: 100; margin-top: -190px !important; }
.whitebg      { background-color: #fff }
.mt-m-50      { margin-top: -50px }
.mt-m-195     { margin-top: -195px }
table.partner td { padding: 10px; padding-left: 0px; }

/* referenzen */
.ReferenzenBox h2       { color: #581f0b; margin-top: 10px; font-size: 1.1rem }
.ReferenzenBox img { height: auto; }
.refPDF h3              { margin: 0 0 15px 0; color: #581F0B; font-weight: 400; font-size: 1.1rem }
.ProjektContent a       { margin: 0 0 15px 0; color: #581F0B; font-weight: 400; font-size: 1.3rem }
a.ReadMoreLink          { color: #65291f; text-decoration: none; display: block; max-width: 100%; padding: 7px 0 4px 15px; background:  transparent url(../images/square.jpg) left center no-repeat; position: absolute; bottom:  -20px; font-family: Georgia; font-size: 15px; }


.projectTable          { width: 100%; border: 0px; }
.rslides      { width: 72.8%; min-height: 402px; z-index: 0; float: left; }
.projectGalleryBg      { background: #f4f3f3; float: left; height: 100% }
#sliderNav    { height: 320px }
#sliderNav img { margin-left: 2px; max-width: calc(50% - 2px); margin-bottom: 2px; }
#ProjektName  { height: 100%; float: right; width: 27%; background-color: #f4f3f3; position: relative; z-index: 999; }
#ProjektName h2        { position: absolute; bottom: 15px; left: 20px; }
.tritem td    { text-align: center; padding-top: 5px; padding-bottom: 5px; font-weight: bold; }

.tddetails,
.tddesc       { width: 125px; font-size: 1rem; color: #000; padding: 0px; }
.tdvalue      { font-size: 1rem; color: #666 }
.gesamtmiete  { color: #65291f; font-weight: bold; padding-top: 1px; padding-bottom: 20px; font-size: 1rem; }

.redlink      { min-width:  49%; display:  inline-block; text-align:  center; float:  left; padding:  5px 18px;  background: #65291f; color: #fff; font-family: Georgia, sans-serif; margin-right: 0px; border-radius:  8px; font-size: 16px; border: 0px;  }
.redlink:hover         { color: #fff }

.tddesc.gesamtmiete { padding-top: 15px; }
.tdvalue.gesamtmiete { padding-top: 15px; }

.wohnunginfo h4 { font-weight: 400; margin-bottom: 0px; padding-bottom: 0px; }

/* contact page */
fieldset { border: 0; width:400px; float:left; text-align:left; }


/* ACTION BUTTONS
---------------------------------------- */
input.action { padding: 2px; font-size: 11px ; font-family: Verdana, Tahoma, Sans-serif; margin-right:9px; width:134px; float: right; height: 26px; }
input.action:hover,
input.action:focus { cursor: pointer }

/* FIELD FORMATING
---------------------------------------- */
form div { width:400px; max-width: 100%; }
form ul { list-style: none; }

div.tab .field .middleColumn { clear: none !important; margin: 0 !important; width: auto; }
.middleColumn .middleColumn { margin-left: 0; margin-right: 0; padding: 0; }
.middleColumn .message { margin: 0; }

input.text, textarea, select { padding: 2px;    border: 1px solid #7f7f7f; color: #666666; font-weight: bold; width: 269px; height: 34px; line-height: 28px; background-color:#e8e8e8; font-family: Georgia, serif; min-width: 100%; }

textarea { font-family: Verdana, Tahoma, sans-serif; font-size: 12px; background:#e8e8e8; height: auto; }
input:focus span, textarea:focus span { border: 3px solid #000; }

select { width: 274px; }

label.right        { display:inline; }
#Form_sendEmail fieldset { margin-top: 30px; margin-left: 0px; padding: 0px; float: none; width: 100%; }
#Form_sendEmail fieldset div { max-width: 100%;        width: 100%; padding: 0px; margin: 0px; }
#Form_sendEmail_Objekt_Holder label:after,
#Form_sendEmail_Vorname_Holder label:after,
#Form_sendEmail_Nachname_Holder label:after,
#Form_sendEmail_Email_Holder label:after,
#Form_sendEmail_Strasse_Holder label:after,
#Form_sendEmail_Ort_Holder label:after,
#Form_sendEmail_Telefon_Holder label:after,
#Form_sendEmail_Fax_Holder label:after {
    content: "*";
    float: right;
    font-size: 21px;
    font-weight: bold;
    color: #65291f;
    height: 24px;
}

#Form_sendEmail #Objekt, #Form_sendEmail #Email, #Form_sendEmail #Fax, #Form_sendEmail #Kontaktieren { padding-bottom: 20px;    }

#Form_sendEmail #Objekt label, #Form_sendEmail #Vorname label, #Form_sendEmail #Nachname label, #Form_sendEmail #Email label, #Form_sendEmail #Telefon label { background: transparent url(../images/icons/star.png) no-repeat 90px center;}

#Form_sendEmail #Kontaktieren label { max-width: 100%;}
#Form_sendEmail #Kontaktieren .middleColumn { float: left; margin-top: 5px;}
#Form_sendEmail #Kontaktieren .middleColumn li { float: left; padding-right: 20px; width: 100px;}
#Form_sendEmail #Kontaktieren .middleColumn li input { display: none; }
#Form_sendEmail #Kontaktieren .middleColumn li label { cursor: pointer; display: block; padding-left: 26px; background: transparent url(../images/icons/checkbox_bg.png) no-repeat left top; /*font-size: 14px;*/ height: 21px; line-height: 21px;}
#Form_sendEmail #Kontaktieren .middleColumn li label.selected {background: transparent url(../images/icons/checkbox_on.png) no-repeat left top;}

#Form_sendEmail_action_sendEmail{ background:rgb(89,32,10); color:#fff; font-family: Georgia, sans-serif; margin-right: 0px; font-size: 16px; border: 0px; width: 49%; }
#Form_sendEmail_action_ClearAction{ color: rgb(102,102,102); font-family: Georgia, sans-serif; margin-right: 0px; font-size: 16px; border: 0px; width: 49%; height: 26px; }

#Adress h2,
#Verkauf h2 { font-size: 1.3rem }
label { margin-bottom: unset; margin-top: 0.5rem }

@media screen and (max-width:  1200px) {
    #Navigation { margin-left: -40px; }
}


@media screen and (min-width: 768px) and (max-width:  1024px) and (orientation:  portrait) {
    #Navigation { margin-left: -35px; }
    #allbutfooter      { min-height: calc(100vh - 171px); }
    .mt-m-50 { margin-top: 0px; }
    .topBorderWhite { margin-top: -100px !important }
    #map_canvas { margin-top: 20px; }
    .rslides { width: 79% }
    #ProjektName { width: 21% }

}

@media screen and (min-width: 768px) and (max-width:  1024px) and (orientation:  landscape) {
    #Logo img { max-width: 230px; }
    .mt-m-50 { margin-top: -20px; }
    .rslides { width: 84% }
    #ProjektName { width: 16% }
    #ProjektName h2 { font-size: 0.9rem }
}


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


    #Logo { padding-left: 0px; }

    .ubermich-logo img { max-width: 100%; }


	.mobile 						  { display: block;}
    .nomobile { display: none }


    #mobileMenuHolder, #contentHolder { -webkit-transition: all 225ms ease-in-out; -moz-transition: all 225ms ease-in-out; -o-transition: all 225ms ease-in-out; transition: all 225ms ease-in-out; } 
    #mobileMenuHolder.moved { right: 0 !important; display: block; } 
    #contentHolder { } 
    #contentHolder.moved {  } 
    #mobileMenuHolder { position: fixed; top: 0px; right: -100%; background: rgb(89,32,10); width: 100%; height: 100%;     z-index: 9999;     display: none;     overflow: auto; }     
    #mobileMenuHolder a { color: #fff; font-family: "Arial",sans-serif; }     
    #mobileMenuHolder a.active { text-decoration: underline; }     
    #mobileMenuHolder ul { list-style: none; padding: 20px 0; margin: 0px; clear: both; }         
    #mobileMenuHolder ul li { border-bottom: 1px solid #fff; }             
    #mobileMenuHolder ul li:last-child { border-bottom: 0px; }     
    #mobileMenuHolder ul a { text-transform: uppercase; font-size: 22px; display: block; padding: 5px; height: 100%; }         
    #mobileMenuHolder ul .current,         
    #mobileMenuHolder ul .section,         
    #mobileMenuHolder ul a:active { background: #fff; color: #65291f; }  
    #mobileMenuHolder .footerLine { border-color: #fff; margin-bottom: 30px; } 
    #mobileMenuHolder p { text-align: center;  color: rgb(153,153,153); font-size: 16px; margin-bottom: 0px; }


	.menu           { cursor: pointer; margin: 0 auto;position: absolute; width: 70px; height: 70px; display: block; right: 15px; top: -4px; z-index: 99999999;  }
    .menu-global    { backface-visibility: hidden; position: absolute; left: 0; border-top: 2px solid #fff;  width: 40%; margin-left: 22px; margin-top: 26px; transition: 0.55s; }
    .menu-top       { top: 0; }
    .menu-middle    { top: 8px; }
    .menu-bottom    { top: 16px; }
    .menu-top-click          { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(45deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(45deg); -moz-transition: 0.55s 0.5s; transform: rotate(45deg); transition: 0.55s 0.5s; }
    .menu-middle-click       { opacity: 0; }
    .menu-bottom-click       { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(-405deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(-405deg); -moz-transition: 0.55s 0.5s; transform: rotate(-405deg); transition: 0.55s 0.5s;  }


    .mobile-logo    { padding-bottom: 25px; }
    .mainmenu       { position: absolute;background-color: #fff; top: -210px; text-align: center;left: -15px; width: 100%; display: none;}
    .mainmenu li    { display: block; clear: both; float: none; width: 100%;text-align: center; border-bottom: 1px solid #71add1; padding-top: 12px; padding-bottom: 12px; margin-left: 15px; }
    .mainmenu li a  { color: #8699b1; font-weight: 400;}
    .mainmenu li li a        { color: black;}

    nav ul          { border-top: 0px;}

/* HomePage */

    #Slidermobil { margin-top: 0px; }
    .HomePage .mt-m-195 { margin-top: 0px !important }
    .HomePage p { margin-bottom: 1px }

    .topBorderWhite        { margin-top: 0px !important; }
    .mt-m-50  { margin-top: 0px }

    .center-text    { text-align: center;}

/* Footer */
    #Footer p { color: #666 }
    #allbutfooter      { min-height: calc(100vh - 148px); }

    /* projektholder */
    .ProjektBox { min-height: 430px; margin-top: 10px; }
    .ProjektBox p { margin-bottom: 2px; }
    .ProjektBox h2 { padding-top: 10px; }
    .ProjektBox .ReadMoreLink { position: relative; bottom: unset; padding-top: 5px; }

    /* projekt page */
    .rslides                    { max-width: none; width: auto; min-height: 1px; }
    #ProjektName                { margin: 0 -0.9375rem; max-width: none; min-width: 100%; height: auto; margin-top: 100px; right: 20px; }
    #ProjektName #sliderNav     { height: auto; padding: 0px; text-align: center;  margin-top: -80px; padding-bottom: 0px;  }
    #ProjektName #sliderNav img { width: 100%; padding: 1px; }
    #ProjektName #sliderNav a   { width: 10px; height: 10px; overflow: hidden; border-radius: 10px; padding: 1px; display: inline-block; background: #fff; border: 1px solid #65291f; text-indent: -999999px; margin: 5px; }
    #ProjektName #sliderNav a.cycle-pager-active { background: #65291f; }
    #ProjektName h2             { bottom: 5px; left: 20px; }
    .no-px-sm { padding-left: 0px; padding-right: 0px; }
    .ProjektContent { padding-top: 50px; }
    #ProjektInfo { width: 100%; overflow-x: auto; max-width: 100%; display: block; padding-bottom: 40px; }
    .projectTable { min-width: 500px; }

    .ProjektBox { margin-bottom: 0px; }

    /* mietwohnungen */
    .gesamtmiete { padding-bottom: 0px }
    .MietwohnungenHolder .ProjektBox { padding-bottom: 20px; }

    .Mietwohnung #ProjektName { margin-top: 0px; }
    .Mietwohnung #sliderNav { margin-top: 20px }
    .Mietwohnung .gesamtmiete { padding-bottom: 40px; }
    .redlink { min-width: 48% }

    #Adress { padding-top: 40px; }


 }