@charset "utf-8";
@import url("font_bitter.css");
@import url("style_filter.css");
@import url("style_navbar.css");
@import url("style_tools.css");
@import url("style_carousel.css");
@import url("style_modal.css");
@import url("style_mediengalerie.css");
@import url("style_projektsuche.css");
@import url("icon.css");
@import url("video.css");
@import url("style_projekt_kasten.css");
@import url("style_projekt_detail.css");
@import url("datepicker.css");
/* CSS Document */

.modal-footer-remove {
  margin-top: 0px !important;
}

.alert-remove {
  margin-bottom: 0px !important;
}
/*############## Projektarchiv: sidenavi ###############*/
.navNew > li.active > a{
  background-color:#db0031;
}

.navNew > li > a{
  color:black;
}

.navNew > li.active > a:hover{
  background-color:#db0031;
}

.link_ohne:hover {
  color: #DB0031;
  text-decoration: none;
}

#areaEins {
          position: relative;
                width: 100%;
                padding-top: 50px;
                padding-bottom: 2.5%;
                z-index:501;
}
.hoverLink{
  color:#333333;
}
.hoverLink:hover{
  color:#db0031;
}
#areaZwei {
  	position: relative;
		width: 100%;
                background-color: transparent;
                background-repeat: none;
                background-attachment: fixed;
        padding-top: 100px;               
}

/*##################### Startseite Form-Überschrift ###################*/
.head {
  position: relative;
  background-color: transparent;
  text-align: center;
  color: black;
  padding-top:55px;
}

.headlineLabel{
 font-size:33px;
 padding-bottom:5px;
 height:70px;
 width:500px;
 background-color:#db0031;
 margin: 0 auto;
}
.headlineLabel p{
  padding-top:10px;
  font-size:36px;
  color:#f6f6f6;
}
.cont{
  min-height:100%;
  margin-bottom:50px;
}
.headlineLabel:after{
  content:'';
  position:absolute;
  z-index:2;
  top:0;
  border-top: 35px solid #db0031;
  border-bottom: 35px solid #db0031;
  border-right: 35px solid transparent;
  margin-left:250px;
}

.headlineLabel:before{
  content:'';
  position:absolute;
  z-index:2;
  margin-left:-285px;
  border-top: 35px solid #db0031;
  border-bottom: 35px solid #db0031;
  border-left: 35px solid transparent;
}
/*################### Formerror ##############################################*/
.parsley-error-list{
  position:absolute;
  background-color:rgba(0,0,0,0.6);
  top:50px;
  list-style:none;
  color:#FFFFFF;
  padding:15px;
}
.parsley-error-list:before{
  position:absolute;
  top:-20px;
  left:5px;
  float: left;
  content:'';
  background-color:rgba(0,0,0,0);
  width:20px;
  height:20px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0,0,0,0.6);
}



.center {
  padding: 0 auto !important;
}

.rowKeinPadding{
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding-left: 10px;
  padding-right: 10px;
}
.row{
  margin-bottom:15px;
}

.navbarFilterRow{
  margin-top:10px;
  margin-bottom:10px;
  padding-right:10px;
}


a {
  color:#db0031;
}
.containerProjekte{
  background-color:rgba(255,255,255,0.8);
  padding:0px 80px 20px;
  color:#000000;
  min-height:920px;
}


.containerBg{
  
  background-color:rgba(255,255,255,1);
  margin-top:130px;
  padding:40px 80px 20px;
  color:#000000;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.containerBG-project{
 padding:0px 40px 20px;
}

.containerBgSuche{
  padding-top:30px;
} 
.ui-autocomplete {
    height: 140px;
    overflow: hidden;
    background-color: #F5F5F5;
    padding: 10px;
    border: 2px solid #DCDCDC;
    cursor:pointer;
    overflow:scroll;
    width: 200px;
    border-radius: 5px; 
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.ui-autocomplete a{
  color: #121212;
}
.ui-autocomplete a:hover{
  color: #db0031;
}
#mediaNight {

  position: relative;
  min-height: 800px;
  width: 100%;
  background-color: #993333;
  padding-top: 120px;
  padding-bottom: 5%;

}

#alleVideos {

  position: relative;
  width: 100%;
  min-height: 800px;
  padding-top: 80px;
  padding-bottom: 5%;
  background-color: #993333;
}

#alleProjekte {

  position: relative;
  width: 100%;
  min-height: 800px;
  padding-bottom: 5%;
  background-color: #993333;
}

.bfh-selectbox {
    margin-top: 5%;
}

@media (max-width: 1366px) {

  



  #areaEins {
    position:relative;
	        width: 100%;
                padding-top: 50px;
                padding-bottom: 10%;

  }



  .head > p{
    font-size: 42px;
  }

  .subhead > p {
    font-size: 24px;
   }

  .headAreaEins > p {
    font-size: 42px;
   }

  .subheadAreaEins > p {

    font-size: 24px;
  } 

  .headAreaZwei > p {

   font-size: 42px;

  }

  .subheadAreaZwei > p {

    font-size: 24px;
   
   }

}

@media (max-width: 767px) {
   
  .head > p{
    font-size: 32px;
  }

  .subhead > p {
    font-size: 16px;
   }

  .headAreaZwei > p {

   font-size: 32px;

  }

  .subheadAreaZwei > p {

    font-size: 16px;
   
   }

  .headAreaEins > p {
    font-size: 32px;
   }

  .subheadAreaEins > p {

    font-size: 16px;
  }

  .woButton {
    margin-left: -34px !important;
    height: 50px;
    margin-top: 0px !important;
    border-radius: 20px;
    background-color: rgb(237,237,237);
  }

 .nav-tabs {
    visibility: hidden;
 }
 

 .container {
    padding-left: 30px !important;
    padding-right: 30px !important;
 }
  
  
}

.col-md-4 {

   position: relative;
   min-height: 1px;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
}

.testBestof {
  height: 150px;
  width: 100%;
  background-color: grey;
}

.testWidget {
  height: 300px;
  width: 100%;
  background-color: grey;
}




.woButton {
    margin-left: -40px !important;
    height: 50px;
    margin-top: 0px;
    border-radius: 20px;
    background-color: rgb(237,237,237);
    width: 50px;
    border: 2px solid rgb(54, 54, 54);
}



.suchfeld {
  height: 50px;
  width: 50%;
  border: 2px solid #363636;
  border-radius: 20px;
  display: inline;
}

.headAreaZwei {
  position: relative;
  font-size: 56px;
  text-align: center;
  font-family: "Bitter", serif;
  line-height: 1;
  color: black;

}

.subheadAreaZwei {
  
  position: relative;
  font-size: 32px;
  text-align: center;
  color: black;
  font-family: "Bitter", serif;
  line-height: 1;
}

.headAreaEins {
  position: relative;
  font-size: 56px;
  text-align: center;
  color: black;
  font-family: "Bitter", serif;
}

.subheadAreaEins {

  position: relative;
  font-size: 32px;
  text-align: center;
  margin-top: 5%;
  color: white;

   
}

#suche {
  position: relative;
  text-align: center;
  margin-top: 5%;
}


#impressum {
    margin-top: 100px;
}


.head > p {
  font-family: "Bitter", serif;
  line-height: 1;
  color: black;
}

.subhead {
  position: relative;
  font-size: 32px;
  background-color: transparent;
  color: white;
  height: 50px;
  text-align: center;
  margin-top: 12.5%;
}

.subhead > p {

  font-family: 'Bitter', serif;
  
}

.imgPfeil {

  width: 3%;
}


#projektBild {
               position: absolute;
               right: 10%;
               top: 12.5%
}


#projektDetails {
	        position: relative;
		width: 100%;
		background-color: #993333;
                padding: 5% 12.5% 5%;
}

#pages {
  float: none;
  padding-top: 1%;
  margin: 0px auto;
  width: 1100px;
}

.loginbutton {
                height: 36px;
                width: 70px;
		background-color: #333;
		border-color: #000;
 		color: white;
		
}

.container {
		padding-right: 0px;
 		padding-left: 0px;
		
}




h1, h2, h3, h4 ,h5 , h6 {
  // font-family: "Bitter", serif;
}

.maxContainer {
min-height: 100vh;
}

body {
  margin: 0px;
  padding: 0px;
  font-family: "Verdana", serif; 
  font-size: 12px;
  background-color: rgb(250,250,250);
  background-image:url('../images/1.png');
  background-repeat:repeat;
  background-attachment: fixed;
  min-height:100vh;
}

	

html {
  overflow-x: hidden;
  color: white;
  background-color: white; 
}


/* CSS Stage_ÜBERNOMMEN */

.vorschau_4er_reihe h2{
   font-size: 10.5pt;
   font-weight: bold;
   padding: 15px 0 5px 0;
}

.vorschau_4er_reihe h2 {
  margin: 2px 0 0 0;
}

.vorschau_4er_reihe {
        position: relative;
	border: none;
	padding: 0;
	margin: 0 20px 0 0;	
	float: left;
	display:inline;
}

/*################### Projektdetails ##############################################*/
.medium{
  float:left;
  padding:50px 50px;
}

}


/*################### FOOTER ##############################################*/
#footerNav {
  
  font-size: 14px; 

}

#footerNav > a {

   margin-left: 20px;
}

#footer {
  position: relative;
  bottom:0;
  height: 50px;
  width: 100%;
  bottom: 0px;
  padding: 0px;
  text-align: center;
  background-color: #E8E8E8;
  padding-top: 10px;
}