/*!
 * SCHROETER IMMOBILIEN CSS
 * AUTHOR: FLORIAN PENNINGER
 * COLORS
 * RED: e4192e
 * DARKGRAY: #6f6f6e
 * LIGHTGRAY: b2b2b1
 */


.intro-section {
}

@media(min-width:768px){

  .introdiv {
    padding-top: 100px;
    min-height:500px;
    background: url('../images/bergstrasse.jpg') left bottom no-repeat scroll;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
  }

}



.introtext {
  max-width: 550px;
  margin-bottom: 20px;
}
.services-section {
	
}

.properties-section, .footer-section {
	 background-color: #f6f6f6;
}

.contact-section {
	padding-bottom: 80px;
}

.footerh4 {
  color:#000000;
}



/* FONTS */

body {
 
  /* font-family: 'Open Sans', sans-serif; */
  font-family: 'Raleway', sans-serif;
  line-height: 1.8;
  font-weight: 400;
  color: #6f6f6e;

}
h1, h2, h3, h4, h5 {
  
  /* font-family: 'Montserrat', sans-serif; */
  font-family: 'Playfair Display', serif;
  line-height: 1.8;
  color: #e4192e;

}




/* GENERAL */

.servicerow {
  padding: 20px;
}

.servicebox {
  background-color: #f6f6f6;  
  margin-bottom: 20px;
  padding: 10px;
  

}


.btn-danger {
  background-color: #e4192e;
}



.thumbnail {
  padding: 0px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 0px;
  border-radius: 0px;
  line-height: 1.8;

}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 20px;
}

.thumbnail img {
    width: 100%;
}


.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
    background-color: #e4192e;
    border: none;
}



.contactpicture {
  margin-top: 20px;
}

/* FOOTER */

.list-group-horizontal .list-group-item {
    display: inline-block;
}
.list-group-horizontal .list-group-item {
  margin-bottom: 0;
  margin-left:-4px;
  margin-right: 0;
}
.list-group-horizontal .list-group-item:first-child {
  border-top-right-radius:0;
  border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child {
  border-top-right-radius:4px;
  border-bottom-left-radius:0;
}

.footernavbtn {
  padding: 18px 5px;
  color: #000000;
}


/* MENU */


/*
 font-family: 'Raleway', sans-serif;
  line-height: 1.8;
font-family: 'Playfair Display', serif;
  line-height: 1.8;
*/

.navbar {
  
}
.navbar-nav {
 
  font-weight: 600;
  font-family: 'Raleway', sans-serif;
}

.navbar-brand {
  padding:3px 15px;
  height:50px;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;

}
.brandtwo {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}
.navbar-brand img {

}
.navbar-brand span {


}


#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: #000000;
}
#custom-bootstrap-menu.navbar-default {
    background-color: #ffffff;
    border-bottom-width: 1px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: #000000;
    background-color: #ffffff;   
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover {
    color: #ffffff;
    background-color: #e4192e;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a {
    color: #000000;
    background-color: #f6f6f6;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #e4192e;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #e4192e;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #e4192e;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}










/* EQUAL HEIGHT FIX */

.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}