/*** GENERAL ***/
*{
  font-family: Verdana, 'Geneva', sans-serif;
}
p{
  margin: 0px;
}
.overlay{
  background: url(../images/overlay.png);
  opacity: 0.4;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
}
.img-width{
  margin:0 auto;
}
.img-center{
  margin-left:auto;
  margin-right: auto;
}
/*.section {
  background-attachment: fixed;
}*/
h2.title{
  text-align:center;
  font-size: 25px;
}
.bottomPadding{
  padding-bottom:60px;
}
.navbar-default .navbar-nav>li>a:hover{
  background-color: transparent;
}
.navbar-default{
  background-color: #FFFFFF;
}
.navbar-nav li a {
  line-height: 50px;
  height: 50px;
  padding-top: 0px;
}
.previewText{
  font-weight: bold;
  text-align: center;
  padding-top: 20px;
}
.section{
  background-size:cover;
  background-attachment: fixed;
}
@media only screen and (max-width: 500px) {
.section{
    background-attachment: scroll;
    background-size: cover;
}  
.glyphicon{
  visibility: hidden;
  display: none;
}
}
.hrblack{
  border-top: 0.5px solid #ADABAB;
  width: 60%;
}
.vertical-center{
  display: flex;
  align-items: center;
}
.center {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.align-center{
  text-align: center;
  text-align-first: center;
  text-align-last:center;
}
.align-center-justify{
  text-align: justify;
  text-align-first: center;
  text-align-last:center;
}
.align-right{
  text-align: right;
}
.align-left{
  text-align: left;
}
.align-right .img-center{
  margin-right: 0;
}
.align-left .img-center{
  margin-left: 0;
}

/*** Boxes und Button ***/
/* Standard */
@media only screen and (min-width: 500px) {
.next-button {
  font-size: 3em;
  padding-left: 20px;
  padding-right: 20px;
}
}
.boxButton{
  width: 82px;
  height: 60px;
  margin: 0 auto;
}
.next-button:hover {
  /*padding-top: 10px;*/
}
.next-section:hover{
  text-decoration: none ;
}

.masterbox{
}
.masterboxContent{
  background-color: lightgrey;
  padding: 20px;
}
.masterboxButton{
  background-color: lightgrey;
}

.whiteBox{
}
.whiteBoxContent{
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  -webkit-box-shadow: 0px 0px 119px -3px rgba(0,0,0,0.8);
  -moz-box-shadow: 0px 0px 119px -3px rgba(0,0,0,0.8);
  box-shadow: 0px 0px 119px -3px rgba(0,0,0,0.8);
}
.whiteBoxButton{
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

.leftBox{
  max-width: 600px;
}
.leftBoxContent{
  background-color: #352e2c;
  padding: 20px;
  border-bottom: 5px solid #c06049;
}
.leftBoxButton{
  background-color: #352e2c;
}
.leftBox h2.title{
  text-align: left;
}
.leftBox hr.hrblack{
  border-top: 0px solid black;
}

.fullDarkBox{
  max-width: none;
}

.orderBox{
  max-width: 600px;
}
.orderBoxContent{
  background-color: #352e2c;
  border-bottom: 5px solid #c06049;
}
.orderBoxButton{
  background-color: #352e2c;
}
.orderBox h2.title{
  text-align: left;
  padding: 20px 0 0 20px;
}

.introLeftBox{
  max-width: 600px;
}
.introLeftBoxContent{
  padding: 20px;
}
.introLeftBoxButton{
  color: #005186;
}
.introLeftBox hr.intro{
  border-top: 0px solid black;
}




/*** INTRO ***/
h1.intro{
  font-size: 30px;
}
hr.intro{
  width:50%;
  padding: 10px 0 10px 0;
}
.is-intro-button {
  font-size: 6em;
  color: #fff;
  text-decoration: none;
  padding-top: 0px;
  transition: padding-top 0.5s;
  display: block;
  position: absolute;
  left: 35%;
  margin:0 0 0 -43px;
  }
.is-intro-button:hover {
  padding-top: 10px;
}
a{
  cursor:pointer;
}
.Nolink {
  pointer-events: none;
  cursor: default;
}




/*** TABS ***/
.tabImage{
  width: 100px; 
  height: 100px; 
  display: block; 
  margin-left: auto; 
  margin-right: auto;
}
.bottomMargin{
  margin-bottom: 40px
}




/*** TEXT ***/




/*** IMAGE ***/
.carousel {
  background: none;
}
.carousel-control.right{
  background-image: none;
  color:black;
}
.carousel-control.left{
  background-image: none;
  color:black;
}

.carousel-indicators li{
  border-color: #000000;
}
.carousel-indicators .active{
  border-color: #000000;
  background-color: #ABB2B9;
}





/*** VIDEO ***/




/*** FOOTER ***/
.bottomleft{
  text-align:left;
}
.bottomright{
  text-align:right;
}
.bottom{
  width: 50%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 25px;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.underfoot{
    background-color: #A2A2A2;
    min-width:0px;
    margin-left: 0px;
    margin-right: 0px;
}
.no-padding-top{
  padding-top: 0 !important;
}
.kontainer{
-webkit-box-shadow: 0px 0px 119px -3px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 0px 119px -3px rgba(0,0,0,0.8);
box-shadow: 0px 0px 119px -3px rgba(0,0,0,0.8);
}
.footerPadding{
  padding: 20px 0 20px 0;
}
.link{
  color: black;
  text-decoration: none;
}

/** COLUMNSCONTAINER **/
.col-xs-24,
.col-sm-24,
.col-md-24,
.col-lg-24 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-24 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-24 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-24 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-24 {
        width: 20%;
        float: left;
    }
}

/* BOXES */

/*
.masterbox{
}
.masterboxcontent{
  background-color: lightgrey;
  padding: 20px;
}
.boxButton{
  width: 82px;
  height: 60px;
  margin: 0 auto;
}
.orderboxArrowDown{
  background-color: blue;
}

.whiteBox{
  background-color: white;
  padding: 20px 20px 0px 20px;
  -webkit-box-shadow: 0px 0px 119px -3px rgba(0,0,0,0.8);
  -moz-box-shadow: 0px 0px 119px -3px rgba(0,0,0,0.8);
  box-shadow: 0px 0px 119px -3px rgba(0,0,0,0.8);
}


.leftbox{
  color: #c06049;
  max-width: 500px;
  padding: 20px;
}
.leftbox h2.title{
  text-align: left;
}
.leftbox hr.hrblack{
  border-top: 2px solid black;
  width: 60%;
  text-align: left;
  margin: 0 auto 0 0;
  padding: 5px;
}
.leftboxArrowDown{
  background-color:#352e2c;
  border-radius: 0px;
  border-bottom: 5px solid #c06049;
  width: 82px;
  margin: 0 auto;
}
.leftboxArrowDown:hover{
}

.mediabox{
  background-color: #352e2c;
  color: #c06049;
  padding: 20px;
}
.mediaboxArrowDown{
  left: 50%;
  background-color:#352e2c;
  border-radius: 0px;
  border-bottom: 5px solid #c06049;
}

.introbox{
}

.orderbox{
  background-color: #352e2c;
  color: #c06049;
  padding: 20px;
  max-width: 1000px;
}

.leftboxboxContent{
  background-color: #352e2c;
  padding: 20px;
}
*/