@import '../../bootstrap/css/bootstrap.min.css';
@import '../../assets/fonts/css/font-awesome.min.css';




body{
  background-color: #f0f0f0;
}

button, p, a, li, h1, h2, h3, h4, h5{
  font-family: 'Tahoma', 'Verdana', 'Helvetica'; 
  font-weight: 300;
  text-shadow:0 0 2ex rgba(0,0,0,.1),0 -0.08ex 0 rgba(255,255,255,0.05),0 0.08ex 0 rgba(0,0,0,0.1);
}

table, th, td, tr{
  font-family: 'Tahoma', 'Verdana', 'Helvetica'; 
}

h1{
	margin: 60px 0 40px 0;
  font-size:330%;
  font-weight: 330;
}

h2{
  margin: 40px 0 20px;
  font-weight: 250;
}

h2:first-of-type{
  margin-top: 0px; 
}

h5{
  margin-top: 15px;
}

a{
	color: #777;
   text-shadow:0 0 2ex rgba(0,0,0,.1),0 -0.1ex 0 rgba(255,255,255,0.05),0 0.1ex 0 rgba(0,0,0,0.1);
}

a:hover{
  text-decoration: underline;
  color: #333;
}

hr{
  border-top: 1px solid #000;
  margin: 60px 0 60px 0;
}

* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

.navbar-brand img{
	margin-top: -4px;
	width: 110px;
	height: auto;
}

.navbar-inverse{
  background-color: transparent;
  text-transform: uppercase;
  text-decoration: none;
  border: transparent;
}

.navbar-default a{
  text-transform: uppercase;
  text-decoration: none;
  border: transparent;
  color: #000 !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    font-weight: 600;
    background: transparent;
}


.jumbotron{
	background: url('../../img/mischpult1.jpg') repeat center center fixed;
	background-size: cover ;
  margin-bottom: 0px;
}

.jumbotron .container{
	text-align: center;
}

.logo-pl{
	margin: 180px 0 20px 0;
	width: calc(50vh);
  height: auto;
}

.logo-pl-pl2{
  margin: 80px 0 20px 0;
  width: calc(50vh);
  height: auto;
}

.jumbotron p{
	color: #fff;
	height: 110px;
}

.jumbotron-pl2{
  background: url('../../img/pl2_mountain.jpg') repeat center center fixed;
  background-size: cover ;
  margin-bottom: 0px;
}

.jumbotron-pl2 .container{
  text-align: center;
}

.jumbotron-pl2 p{
  color: #fff;
  height: 150px;
}

.well{
  background: #fff; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#fff, #f0f0f0); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#fff, #f0f0f0); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#fff, #f0f0f0); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#fff, #f0f0f0); /* Standard syntax */
  border: 0px;
  box-shadow: inset 0;
}

.panel{
  background: #fff; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#fff, #f0f0f0); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#fff, #f0f0f0); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#fff, #f0f0f0); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#fff, #f0f0f0); /* Standard syntax */
  border: 0px;
  box-shadow: inset 0;
  font-family: 'Tahoma', 'Verdana', 'Helvetica'; 
  font-weight: 300;
}

.panel-title{
  font-weight: 600;
}

.panel-default > .panel-heading {
  color: #000;
  background-color: transparent;
  border-color: #ddd;
  text-transform: uppercase;
}

.panel-default a{
  color: #000;
  text-decoration: underline;
}

.panel-default a:hover{
  color: #888;
}



/* Produkt Seite */

.product-logo-banner-pl, .ref-logo-banner-pl{
  background-color: #000;
  color: #fff;
  padding: 60px 0 0 0;
}

.product-banner h1{
  color: #fff;
}

.product-banner h2{
  color: #fff;
}

.product-logo-pl, .product-feature-pl{
  margin-bottom: 50px;
    font-size: 120%;
}
  
.product-logo-pl{
  text-align: center;
}

.product-intro-pl{
  padding-top: 60px;
  padding-bottom: 60px;
}

.product-ref-logo-banner-pl{
  padding:60px 0 40px 0;
  text-align: center;
  background-color: #000;
}

.product-details-pl{
  padding-top: 60px;
}

.product-details-pl h2{
  text-align: center;
}





.footer{
	background-color: #444;
  background: #fff; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#000, #111); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#000, #111); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#000, #111); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#000, #111); /* Standard syntax */
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 30px;
}

.footer-pl p{
	color: #999;
}

.footer-pl h4{
	color: #999;
	margin: 40px 0 30px 0;
  text-transform: uppercase;
}

.footer-left-pl, .footer-center-pl, .footer-right-pl{
	text-align: center;	
}

.footer-copy-pl{
	margin-top: 50px;
	text-align: center;
	color: #999;
}





/* Desktop Styles middle */
@media (min-width: 768px) {
  h1{
    margin: 60px 0 40px 0;
  }

  /* Navbar zentriert auf Desktop */
  .navbar .nav,
  .navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
  }

  .navbar-collapse {
    text-align:center;
    letter-spacing: 0.1em;
  }

  .navbar-nav {
      margin: 0px 5px;
  }

  .navbar-nav>li>a{
    padding-left: 8px;
    padding-right: 8px;
  }

  .navbar-right>li>a{
    padding-left: 5px;
    padding-right: 5px;
  }



  /* Produkt Seite */

  .product-logo-pl{
    text-align: left;
  }
}

/* Desktop Styles large */
@media (min-width: 992px) {
  .navbar-nav>li>a{
    padding-left: 8px;
    padding-right: 8px;
  }

  .navbar-right>li>a{
    padding-left: 5px;
    padding-right: 5px;
  }
}  

/* Desktop Styles max */
@media (min-width: 1200px) {
  .navbar-nav>li>a{
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar-right>li>a{
    padding-left: 5px;
    padding-right: 5px;
  }

  /* Footer */

  html {
    position: relative;
    min-height: 100%;
  }
  body {
    /* Margin bottom by footer height */
    margin-bottom: 270px;
  }
  .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 270px;
  }

  .footer-left-pl{
    text-align: left; 
  }

  .footer-center-pl{
    text-align: center; 
  }

  .footer-right-pl{
    text-align: right;  
  }
}