.whg-auswahl {
    display: none;
}

#mask-bg {
    background: lightslategrey;
}
#mask .loader-text {
    color: white;
}

/* allgemein */
.flex-content-img-full .text-content h2,
.flex-content-img-full .text-content .p_h2 {
    text-align: right;
    font-size: 3.6em;
    font-weight: 700;
    line-height: 1.3em;
    color: #fefefe;
    -webkit-text-stroke: 1px black;
}

.contact-form .whg-auswahl {
	display: none;
}

.home-disclaimer {
    bottom: 65px!important;
}

.home-disclaimer p {
    text-align: right;
}


#impressum .content-box {
	font-size: 18px;
}

ul.lage-fakten {
     margin-left: 70px; 
}


.fa-circle {
    margin-right: 1%;
    font-size: 60%;
    height: 16px;
    vertical-align: middle;
}

#projekt .sticky-content .blue{
    color: #90e3ff!important;
} 

#projekt-img {
    width: 500px;
    height: 370px;
}

#lage-img .flex-content-img-full .text-content {
    left: 5%;
}
#lage-img .flex-content-img-full .text-content h2, 
#lage-img .flex-content-img-full .text-content .p_h2 {
    text-align: left; 
}

#myslik-haus-wohnungen ul li {
    margin-bottom: 10px;
}


/* --------------------------------------------------------------
=Desktop - Laptop
-------------------------------------------------------------- */

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

ul.lage-fakten {
    margin-left: 0;
    margin-bottom: 30px;
}

} 
/* --------------------------------------------------------------
=unter Tablet Portrait & Landscape
-------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1280px) {


#myslik-haus-wohnungen ul li {
    margin-bottom: 10px;
    font-size: 0.8em;
}

} 

/* --------------------------------------------------------------
=Mobile Portrait & Landscape
-------------------------------------------------------------- */

@media (max-width: 640px) {

.home-disclaimer {
    bottom: 50px!important;
    height: 1.4em!important;
}

#projekt-img {background-size: 75%;}

h2 { font-size: 1.8em;}

#projekt img {   width: 60%; height: auto; margin-bottom: 10vh;}

#detail-ausstattung .flex-txt-full .text-content,
#detail-ausstattung-follow .flex-txt-full .text-content {  
    padding: 50px 20px 0 20px;
}

#detail-ausstattung .text-content-inner,
#detail-ausstattung-follow .text-content-inner {
	display: block;
}

#detail-ausstattung .ausstattungsdetails,
#detail-ausstattung-follow  .ausstattungsdetails {
	margin: 10% 0;
	width: 100%;
}

ul.lage-fakten {
    margin-left: 0px;
}

#grundrisse.corrHeight {
    height: auto;
    margin-top: 0;
}

.corrHeight {
    height: auto;
    margin-top: 0;
}


.txtXXL {
    text-align: center;
}


}

/* --------------------------------------------------------------
=Mobile landscape
-------------------------------------------------------------- */

@media (max-width: 667px) and (orientation: landscape) {

.home-disclaimer {
    bottom: 57px!important;
    height: 1.4em!important;
}

#projekt-img {background-size: 75%;}

h2 { font-size: 1.8em;}

#projekt img { width: 30%; height: auto; }

#detail-ausstattung .flex-txt-full .text-content,
#detail-ausstattung-follow .flex-txt-full .text-content {  
    padding: 50px 20px 0 20px;
}

#detail-ausstattung .text-content-inner,
#detail-ausstattung-follow .text-content-inner {
	display: block;
}

#detail-ausstattung .ausstattungsdetails, 
#detail-ausstattung-follow .ausstattungsdetails {
    margin: 10% 2%;
    width: 45%;
    float: left;
}


}



/* --------------------------------------------------------------
=Mobile XL Landscape
-------------------------------------------------------------- */

@media  (min-width : 375px) and (max-width : 1023px) and (orientation: landscape) {

.home-disclaimer {
    bottom: 60px!important;
}
}


/* --------------------------------------------------------------
=Tablet Portrait
-------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1280px) and (orientation: portrait) {

.flex-le_re .text-content {
    margin-top: 70px;

}

#myslik-haus .flex-content-img-full .text-content {
    width: 70%;
}

#lage p.p_h2 {
    font-size: 1.5em;
}

#lage .flex-le_re .text-content {
    position: relative;
    margin-top: 70px;
    width: 40%;
    text-align: center;
}

#projekt .text-content {
    font-size: 1.5em;
}

nav#projectMenu.navbar-fixed-bottom {
    display: none!important;
}


}

/* --------------------------------------------------------------
=Tablet Landscape
-------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1280px) and (orientation: landscape) {

ul.lage-fakten {
    text-align: justify;
    margin-left: 7%;
}
#myslik-haus .flex-content-img-full .text-content {
    width: 45%;
}


#lage .flex-le_re .text-content {
    position: relative;
    margin-top: 0px;
    width: 40%;
    text-align: center;
}


}