@charset "utf-8";
/* CSS Document */
/*
Theme Name: Immo-Haschberger 2018
Theme URI: http://www.kapa.at
Description: Template für immo-haschberger.at
Author: Kast Patrick
Author URI: http://www.kapa.at
*/
 
 /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #FF8000; 
      padding: 25px;
    }
	
	
	body { 
	background: #000; /* Old browsers */
	background-image: url("https://sb-comics.at/img/abstract-1779612.png");
	font-family: 'Lato', sans-serif;
font-size: 14px;

}

.up-arrow {
color:  #FF8000 !important; 
text-decoration:none !important;
}
	.container { 
	background: #FFF; /* Old browsers */
	margin-top: 0px;
	margin-bottom: 0px;
	font-color: color: #FF8000 !important;
	}
	.containerORT { 
	background: #ccc; /* Old browsers */
	margin: 5px;
	margin-bottom: 5px;
	}
.navbar {
	background-color:#FFFFFF !important;
	border: 0px;
	border-bottom: 0px  solid #FF8000 !important;
	border-radius:0px;
margin-left: auto;
	}
	/*Alter Hintergrund Topline f2f2f2 */
.topline { background: #FF8000; border-bottom:1px solid #eee; color:#727271; padding:4px 0; margin:0 0 1px 0; width:100%; text-align:center; }
.topline-content { max-width:1060px; margin:0 auto; padding:0 20px; font-size:.85em;  }

.top-left { float:left; width:50%; margin:0; padding:0; text-align:left;}
.top-right { float:right; width:50%; margin:0; padding:0; text-align:right;}
.topline-menu ul {list-style:none; margin:0; padding:0;}
.topline-menu ul li { display:inline-block; padding:0 10px; text-transform:uppercase; font-size:.9em;}
.topline-menu ul li a, .topline-content a { color: #FFFFFF;}
.topline-menu ul li.current-menu-item a {color:#333;}
.topline-menu ul li a:hover, .topline-content a:hover {color:#C4122F; text-decoration:none;}
.topline-data span { padding:0 7px;}
.topline-data span i { margin-right:5px;}

.logodiv {border-top:solid #FF8000 2px;height:1px;
}
.well {border:solid #FF8000 1px; background: #fff;}
.well2 {border:solid #FF8000 1px;}
.image-wrapper { width:100%;  height:auto;   position:relative; z-index:1000;  margin-bottom: 10px; }
.home-start-image img { width:100%; height:auto;  display:block; position:relative; margin-bottom: 10px; max-height: 650px;}

.wohungsuebersicht h4{
text-align:center;
list-style-type: none;
 font-size: 28px;
margin-bottom: 35px;
	}
	

 
.wohungsuebersicht .page_item a{
	list-style-type: none !important;
	  display: inline-block;
  padding: 12px 24px;
  margin-left: auto;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  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: #FFF !important;
  background-color: #999;
  border-color: #ccc;
min-width: 250px;
}  	 	 
.wohungsuebersicht  a{
	list-style-type: none !important;
	  display: inline-block;
  padding: 12px 24px;
  margin-left: auto;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  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: #FFF !important;
  background-color: #999;
  border-color: #ccc;
min-width: 250px;
}  	 	 
.wohungsuebersicht li{
list-style-type: none !important;

  }
  
  
  
  
 
        
.wohungsuebersicht  a:hover{
	color: #000 !important;
	background-color: #FF8000;
 }   
.welcome_FreieWohnungHeadline {
	font-size:21px;
	font-weight:400;
	text-align:center;
	padding: 10px;
        color: #F00;
}


.welcome2 {
	font-size:21px;
	font-weight:400;
	text-align:center;
	padding: 10px;
        color: #F00;
}  
  
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table tbody td { color: #000000; border-left: 1px solid #000000;font-size: 14px;font-weight: normal; }.datagrid table tbody .alt td { background: #CCCCCC; color: #000000; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }

/* BEGINN FÜR BILDERGALLERY!
-------------------------------------------------- */

        .demo .item{

background-color: #fff;
            margin-bottom: 10px;
padding-left: auto;
						padding-right: auto;
	margin-left: auto;
						margin-right: auto;
text-align: center;
        }
		.content-slider li{
		    background-color: #ed3020;
		    text-align: center;
		    color: # F00;
		}
		.content-slider h3 {
		    margin: 0;

		}
		.demo{

background-color: #000;
			width: 100%;
padding-left: auto;
						padding-right: auto;
				margin-bottom: 1%;
text-align: center;;

		}





.gallery_beschreibung {
	font-size:12px;
	text-align: left;
}

@media (min-width: 992px) {
.gallery_beschreibung {
	font-size:12px;
	text-align: center;

}
}
	@media (min-width: 1200px) {
.gallery_beschreibung {
	font-size:12px;
	text-align: center;
	
}
}

#vermietetbox{
    position:absolute;
	margin-top: 40%;
	margin-left: 25%;
	padding: 5%;
    z-index:1;
	 font-size:30px;
    transform:rotate(350deg);
    -webkit-transform:rotate(350deg);
	color: #F00;
	 opacity: 0.95;
		text-align: center;
		font-stretch: ultra-expanded;
		font-weight:bolder;
		background-color:#F0F0F0;
	-webkit-box-shadow: 0px 0px 11px 17px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 11px 17px rgba(0,0,0,0.75);
box-shadow: 0px 0px 11px 17px rgba(0,0,0,0.75);
border: #F00 solid 2px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}
.carousel-control {
  top:50%;
  width:auto;
  height:1em;
  background:transparent;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right  {
  position:static;
  display:block;
  width:auto;
}
.carousel-control .glyphicon-chevron-left:before {
  margin-left:0;
}

#carousel{
    margin-top: 20px;
margin-bottom: 20px;
}
.item .thumb {
	width: 25%;
  	border: 10px solid #FFF;
	cursor: pointer;
	float: left;
	}
.item .thumb img, .item img {
	width: 100%;
	
	}
	
	.carousel-control.right {
    background-image: none;
    color: #000;
	margin-right: -4px;

}
.carousel-control.left {
    background-image: none;
    color: #000;
	margin-left: -4px;

}