.rounded{
    border: 1px solid #86754d;
}





.ListingImage{
    height: auto;
    width: 100%;
    text-align: center;

}



.ListingMaxWidth{
	max-width: 1100px;
}

.ListingWrapper {
    background-color: #fff;
    padding: 15px;
    margin-top: 20px;
    width: 330px;
    border-radius: 6px;
    min-height: 540px;
    border: 2px solid #86754d;
  }


    .Listigslide {
    box-shadow: inset 0 0 0 0 #86754d28;
    -webkit-transition: ease-out 1s;
    -moz-transition: ease-out 1s;
    transition: ease-out 1s;
  }

  .Listigslide:hover {
    box-shadow: inset 0 560px 0 0 #90805b0d;
    -webkit-transition: ease-out 1s;
    -moz-transition: ease-out 1s;
    transition: ease-out 1s;
  }






.ListingWrapper hr{
width: 100px;
margin: 20px auto;
color: black;
}


.ListingID{
	margin: 1px 0px;
    font-family: proxima-nova;
}

.ListingTitle {
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.17;
    text-transform: uppercase;
    color: #2c2c2c;
    text-align: center;
    font-size: 20px;
    margin: 10px 0px;
    min-height: 110px;
    font-family: "Marcellus", serif;
    font-family: proxima-nova;
	
}

.ListingSubtitle{
	font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.17;
    color: #2c2c2c;
    text-align: center;
    font-size: 16px;
    margin: 5px 0px;
    font-weight: 600;
    font-family: proxima-nova;
}


.ListingType {
	 color: #999;
    letter-spacing: 0.1em;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin: 5px 0px;
    font-family: proxima-nova;
}

.ListingInfo{
margin: 5px 0px;
	color: #2c2c2c;
	font-weight: 300;
	text-align: center;
    font-family: proxima-nova;
}

.ListingQM {
	margin: 5px 0px;
	color: #2c2c2c;
	font-weight: 300;
	text-align: center;
    font-family: proxima-nova;
}

.ListingPrice {
font-family: Futura,Trebuchet MS,Arial,sans-serif; 
color: #2c2c2c;
margin: 5px 0px;
background-color: #ddd;
padding: 0.3em 0;
text-align: center;
font-family: proxima-nova;
	 
}



/***************************************** SINGLE ANSICHT ***************************************************/





.BeitragsBildBG{
	background: rgba(0,0,0,0.5);
	height: 100%;
}






.BeitragsBild .inner > hr {
    border-width: 1px;
}

.BeitragsBild hr{
    
    width: 120px;
    border: solid 1px #fff;
    
}


.BeitragsBildLine{

width: 120px;
    
    margin: 40px auto;
	
}


.BeitragsBild {
    background-position: center center;
    background-size: cover;
}

.BeitragsBild {
    background-color: #2c2c2c;
    background-repeat: no-repeat;
    height: 740px;
    color: white;
}

@media (max-width: 30em) {
.BeitragsBild {
    padding-bottom: 2em;
}
}


.BeitragsBild::before {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 740px;
}
.BeitragsBild > .BeitragsBildContainer {
    position: relative;
    z-index: 12;
}




.BeitragsBild > .BeitragsBildContainer {
    position: relative;
    z-index: 12;
}


.BeitragsBildContent {
	max-width: 1400px;
	margin: auto;
	padding-top: 40px;
}



#SucheButton{
	
    margin: 80px auto 40px;
}


#SucheButton .Button {
    background-color: rgb(252, 252, 252);
    border: 1px solid #fff;
    margin-top: 80px;
    padding: 5px 10px;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
   
    
    
}

#SucheButton .Button a:hover{
	text-decoration: none;
}



.BeitragCenter .listing-details-1{
	background: none;
	
}

.BeitragCenter .listing-details-1::after{

	content: "Zimmer - "
}

.BeitragCenter .listing-details-3::after, .BeitragCenter .listing-details-4::after{

	content: " - "
}

.BeitragCenter .listing-details-2, #wpsight-listing-details-1 .title, .listing-description .title{
display: none;
	
}

.BeitragCenter .listing-details-overview{
	border: none;
	font-weight: 300; 
	font-size: 25px;
	letter-spacing: 4px;
	text-align: center;
}

.BeitragCenter .listing-price{
float: none;
font-weight: 300; 
	font-size: 25px;
	letter-spacing: 4px;
	
}


.SlideTopText{
	max-width:440px; 
	margin:auto; 
	
	text-align:center; 
	font-weight: 300; 
	
	letter-spacing: 4px;
	text-transform: uppercase;
}




	



.TitleBig{
	text-align:center; 
	font-size:75px; 
	font-style: normal;
	text-transform: uppercase; 
	
}




.SliderImmobilientypen{
	margin-top: 40px;
}



/***************** SLIDE FUNKTION *********************************/

.BeitragNext .BeitragPrev{
	position: absolute;
}


.BeitragNext{
position: absolute;
	right: 20px;
	top: 380px;
	
}

.BeitragPrev{
position: absolute;
	left: 20px;
	top: 380px;
	
}




 



.svg-icon-rechts {
    background-repeat: no-repeat;
   background: url(pfeil-rechts.svg);
   height: 100px;
    width: 80px;
    background-repeat: no-repeat;
   
   }

   
   .svg-icon-links{
    background-repeat: no-repeat;
   background: url(pfeil-links.svg);
   height: 100px;
    
    background-repeat: no-repeat;
    float: right;
    width: 80px;
   }
   
   .next span{
   	float: left;
   	margin-left: 80px;
   	color: white;
   	 font-size: 20px;
    letter-spacing: 4px;
    margin-top: 38px;
   	
   	
   }
   
   .previous span{
   	float: right;
   
   	color: white;
   	 font-size: 20px;
    letter-spacing: 4px;
   	
   	
   }
   
   
   
    @media screen and (max-width: 1025px)  {
  
  .BeitragNext{

	top: 50vh;
	
}

.BeitragPrev{

	top: 50vh;
	
}



.svg-icon-rechts {
    background-repeat: no-repeat;
   background: url(pfeil-rechts.svg);
   height: 50px;
    width: 40px;
    background-repeat: no-repeat;
   
   }

   
   .svg-icon-links{
    background-repeat: no-repeat;
   background: url(pfeil-links.svg);
   height: 50px;
    
    background-repeat: no-repeat;
    float: right;
    width: 40px;
   }



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



.next span{
	display: none;
}



}
   




/***************** SLIDE FUNKTION ENDE *********************************/

/***************** DETAILS ANFANG *********************************/

.ObjektUe{
	max-width:400px; 
	margin:auto; 
	font-size:40px; 
	margin-bottom: 50px; 
	padding-top:80px;
	text-align: center;
	
}

.maxwidthCenter{
	margin: auto;
	max-width: 1140px;
}





.Details .vc_col-sm-3{
    border: 1px solid #505050;
    color: #505050;
    font-family: Calibri;
    margin: 4% 1%;
    width: 23%;
    padding-left: 0px;
    padding-right: 0px;
}


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



.next span{
	display: none;
}



}



@media screen and (min-width:  1px) and (max-width: 400px)  {



.BeitragsBildBG {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 105%;
}


#logo{
	background-size: 240px auto;
}

.Details .vc_col-sm-3 {
width: 98%;
}


}






.Details .listing-details-label {
    border-top: 1px solid #505050;
    font-weight: normal;
    width: 100%;
    text-align: center;
}
.Details .listing-details-value {
    align-items: center;
    display: flex;
    height: 120px;
    justify-content: center;
    line-height: 1em;
    vertical-align: middle;
    font-size: 38px;
    line-height: 38px;
    font-weight: 800;
   
}

.Details hr, .Ansichten hr, .Beschreibung hr, 
.Kontakt .vc_col-sm-4 hr, .Kontakt .vc_col-sm-8 hr{
	width: 140px;
	margin:0px auto 40px;
	border-color: #000;
}


.Details .provision{
	text-align: center;
	font-weight: 300;
}


.Energy{
	text-align: center;
	color: #999999;
	margin-top: 40px;
}


/***************** DETAILS ENDE *********************************/


.AnsichtenWrapper{
	background-color: #D6D4C8;
	clear: both;
	margin-top: 80px;
	padding-bottom: 60px;
}


.Ansichten img {
    border: 10px solid #fff;
}


.expand {
    background: rgba(0, 0, 0, 0) url("zoom.svg") no-repeat scroll 0 0;
    bottom: 20px;
    display: block;
    height: 40px;
    position: absolute;
    right: 1.5rem;
    width: 30px;
}


.AnsichtenWrapper .vc_col-sm-6{
	  padding-left: 0px;
    padding-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.Beschreibung{
	font-size: 30px;
	line-height: 44px;
	font-weight: 300;
	color: #505050;
}


.MapWrapper{
	margin-top: 80px;
	background-color: #D6D4C8;
}


.SocialWrapper{
	
	padding-bottom: 50px;
	margin: auto;
	max-width: 400px;
	padding: 40px 0px;
	text-align: center;
}



.wpex-link{
	position: absolute;
	bottom: -50px;
}


/************************** KONTAKTFORMULAR *******************************/





/************************ Mobiles Hochformat (320x480) *******************************/


@media (max-width: 480px){


.TitleBig {
    font-size: 40px;
    
}



.Details .vc_col-sm-3 {
    border: 1px solid #505050;
    color: #505050;
    font-family: Calibri;
    margin: 4% 1%;
    padding-left: 0;
    padding-right: 0;
    width: 98%;
}

.Details .listing-details-value {
    align-items: center;
    display: flex;
    font-size: 38px;
    font-weight: 800;
    height: 60px;
    justify-content: center;
    line-height: 38px;
    vertical-align: middle;
    text-align: center;
    margin-top: 10%;
    margin-bottom: 10%;
    margin-left: 5px;
    margin-right:5px;
    width: 100%;
}







}







/********************* INFO AUFKLAPPEN ******************/

.expander::after{
	content: "+";
	position: absolute;
	top: 380px;
	left: 10px;
	
}

.expanderMinus::after{
	content: "-";
	position: absolute;
	top: 100%;
	left: 10px;

	
}


.expander{
	transition: opacity 1s; 
}


#responsive-menu {
	max-width:3000px;
}


#responsive-menu-title{
text-transform: uppercase;
}