.farbe1 {background-color: #cc071e}
.farbe2 {background-color: #000}


.box-shadow-custom {
    box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.43);
}

.nav-pills > li {
    float: none;
}
.nav > li {
    position: relative;
    display: block;
}
#header .header-nav-main nav {
margin-top: 15%;
}

#header .header-nav-main nav > ul > li > a {
    border-radius: 0px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    padding: 7px 13px;
    text-transform: normal;
}

#header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover {
		background: ffffff;
	}

	#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
		background: #ffffff;
		color: #000;
	}
	
	#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li.active > a {
		background: #ffffff;
		color: #000;
	}
	
	#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li.active:hover > a {
		background: #ffffff;
		color: #000;
	}
	
	
 .callout {
    width: 400px;
    height: 200px;
    margin-left: 35%;
    position: absolute;
    top: 75px;
}
.callout {
    font-family: "din-condensed-web", "Helvetica Neue", Helvetica, Arial, sans;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 18px;
    text-transform: normal;
    background-color: white;
    opacity: 0.9;
    padding: 25px;
    color: #000;
    line-height: 30px;
}

@media (max-width: 991px) {

#header .header-logo img {
    width: 150px !important;
    height: 150px !important;
}

.callout {visibility:hidden;}

#header .header-body {padding: 0px; min-height: 180px}

#header .header-logo img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    margin: 0px 24px 0px 0px;
    top: 0;
}

#header .header-nav-main nav {
margin-top: 0px;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         block;
}

.trans-parent {background-color: transparent}
.weiss {background-color: #ffffff}
.grau {background-color: #999999}
.schwarz {background-color: #000000}


}

@media (min-width: 992px) {

#header .header-nav-main {
    width: 100%;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

/*
 * Styles copied from the Grid example to make grid rows & columns visible.
 */


h4 {
  margin-top: 25px;
}

.row .row {
  margin-top: 10px;
  margin-bottom: 0;
}
[class*="col-"] {

  background-color: #cc071e;

}
[class="col-md-1 hoehe"] {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: transparent;
 
}

/*
 * Callout styles copied from Bootstrap's main docs.
 */
/* Common styles for all types */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border-left: 3px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  background-color: #fff;
  border-radius: 3px;
}
/* Variations */
.bs-callout-danger {
  background-color: #fdf7f7;
  border-color: #d9534f;
}
.bs-callout-danger h4 {
  color: #d9534f;
}
.bs-callout-warning {
  background-color: #fcf8f2;
  border-color: #f0ad4e;
}
.bs-callout-warning h4 {
  color: #f0ad4e;
}
.bs-callout-info {
  background-color: #f4f8fa;
  border-color: #5bc0de;
}
.bs-callout-info h4 {
  color: #5bc0de;
}


.trans-parent {background-color: transparent}
.weiss {background-color: #ffffff}
.grau {background-color: #999999}
.schwarz {background-color: #000000}

}