.immoangebotliste {
    float: left; width: 104%; margin: 20px 0 20px -2%; display: flex; flex-wrap: wrap;
}
.immoteaser {
    float: left; width: 46%; margin: 10px 2%; position: relative;
}

.immoteaser h2 {
    margin: 10px 0; line-height: 1.4; text-transform: uppercase; float: left; width: 100%;
    overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.immoteaser div.immobild {
    float: left; width: 100%; height:400px; overflow: hidden;
}
.immobild img {
    float: left; width: 100%; height: 100% !important; object-fit: cover; object-position: center center;
}

.immoteaser > p {
  color: #c4b6a0;
 }
.immoteaser > p span {
     display: inline-block; margin: 0 30px 0 0;
 }

 .immoteaser.verkauft::after {
     content:"verkauft!";
     position: absolute; top: 10px; right: 10px;
     padding: 10px; background: #b7a996; border: 2px solid #fff; color: #fff;
 }
 .immoteaser.reserviert::after {
     content:"reserviert!";
     position: absolute; top: 10px; right: 10px;
     padding: 10px; background: #b7a996; border: 2px solid #fff; color: #fff;
 }


.immoteaser span.wf::before {
   content: url('images/flaeche.svg'); width: 24px; height: 23px; margin: 0 10px 0 0; display: inline-block; float: left;
 }
.immoteaser span.zi::before {
   content: url('images/zimmer.svg'); width: 20px; height: 20px; margin: 0 10px 0 0; display: inline-block; float: left;
 }

 .immoteaser .weiterlink a {
     display: inline-block; box-sizing: border-box; width: 100%;
 }

 .immoangebot {
     float: left; width: 100%; margin: 0;
 }
 .immoangebot div.immobild {
     float: left; width: 100%; margin: 0 0 20px;
 }
 .immoangebot h1 {
     text-align: center; text-transform: uppercase; margin-bottom: 30px;
 }
h2.hldaten {
    display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; float: left; width: 100%;
}
.immoangebot .details {
    float: left; width: 102%; border: 0 !important; margin: 30px 0 30px -1%; display: flex; flex-wrap: wrap;
}
.immoangebot .details .detail {
   float: left; width: 48%; margin: 5px 1%;
}
.immoangebot .details .detail span.label {
    float: left; width: 45%; margin: 0 2% 0 0; font-weight: bold; white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.immoangebot .location, .immoangebot .furnishing {
    float: left; width: 45%; margin: 10px 5% 10px 0;
}
.immoangebot .other {
    float: left; width: 100%; margin: 30px 0 80px;
}
.weiterlink {
    margin-bottom: 70px;
}

.immobildbalken {
    float: left; width: 100%; margin: 0 0 80px; position: relative; min-height: 700px;
}
.immobildbalken div.immobild {
    position: absolute; top: 0; left: 50%; width: 100vw; margin: 0 0 0 -50vw;overflow: hidden; height: 100%;
}
.immobildbalken div.immobild img {
    width: 100%; height: 100%; object-fit: cover; object-position: center center;
}

.verkauft .immobildbalken::after {
     content:"verkauft!";
     position: absolute; bottom: 20px; right: 10px;
     padding: 10px; background: #b7a996; border: 2px solid #fff; color: #fff;
 }
.reserviert .immobildbalken::after {
     content:"reserviert!";
     position: absolute; bottom: 20px; right: 10px;
     padding: 10px; background: #b7a996; border: 2px solid #fff; color: #fff;
 }

#page-311.inhalt {
     padding-top: 0;
}

.immogalerie {
    float: left; width: 100%; position: relative; padding: 50px 0 80px; margin: 150px 0 50px;
}
.immogalerie > div {
    float: left; width: 102%; margin: -150px 0 0 -1%;
}

.immogalerie::after {
    background: #c4b6a0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -150%;
    top: 0;
    width: 400%;
    z-index: -1;
}
.immogalerie .immogalbild {
    float: left; width: 23%; margin: 10px 1%;  overflow: hidden; display: none; float: left; width: 23%; height: 190px;
}
a#immobild0 {
    display: block !important; float: left; width: 73%; height: 610px;
}

a#immobild1,a#immobild2,a#immobild3 {
    display:block !important; float: right; position: relative;
}
a#immobild3 span {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: #797979; color: #fff; text-align: center;
font-family: 'acumin-pro-condensed'; box-sizing: border-box; padding: 65px 10px 20px; font-size: 40px; text-transform: uppercase; line-height: 40px;
}

.immogalerie .immogalbild img {
   width: 100%; height: 100% !important; object-fit: cover; object-position: center center; float: left;
}

#baguetteBox-overlay button {
    background: #000 !important; border: 0 !important;
}



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

.immoteaser div.immobild { height:300px; }
.immoangebot .details .detail {width: 98%;}
.immoangebot .location, .immoangebot .furnishing {width: 100%; margin: 10px 0;}

a#immobild0 {width: 98%;}
.immogalerie .immogalbild { float: left; width: 31.33%; }
.immobildbalken { min-height: 500px;}
}

@media only screen and (max-width: 680px) {
.immoangebot .details .detail span.label {width: 100%; margin: 0;}
.immoteaser { width: 96%; }
a#immobild0 {width: 98%; height: 400px; }
.immogalerie .immogalbild { width: 48%; height: 150px; margin: 5px 1%; }
.immobildbalken { min-height: 350px;}
a#immobild3 span { padding:50px 10px 10px; }
}