.intro-header {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url(../images/start.jpg) no-repeat center center;
    background-size: cover;
}

.intro-message {
    position: absolute;
	bottom:30%;
	width:100%;
	z-index:100;
	background-color:rgba(0,0,0,0.6);
	padding-top:3em;
	padding-bottom:3em;
}

.intro_wrapper
{
	height:100vh;
}

.intro-message > h1 {
    margin: 0;
    text-shadow: 4px 4px 12px rgba(0,0,0,0.6);
    font-size: 5em;
	text-align: center;
	color:#c19c31;
}

.intro-divider {
    width: 800px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.intro-message > h3 {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	color:#c19c31;
	text-align: center;
}

@media(max-width:767px) {
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }
}


.navbar-right li a
{
	padding-top: 15px !important;
}

.open
{
	height:50px;
}

.nomargin
{
	margin:0px 0px 0px 0px;
}

.nopadding
{
	padding:0px 0px 0px 0px;
}

#home-slider .fa-angle-down 
{
	color: #c19c31 !important;
}

.center
{
  width: auto ;
  margin-left: auto ;
  margin-right: auto ;
}

#overlay
{
	width:500px !important;
	height:auto !important;
}

#home-slider .caption h1
{
	font-size:31px !important;
}

.left-control, .right-control
{
	top:63% !important;
}

/* section
{
	padding: 0 0 !important;
} */

.carousel-content {
    color:#fff;
    align-items:center;
}

.slider_headline
{
	font-size:1.4em;
}


.navbg
{
	background-color: rgba(251, 251, 251, .5);
    color: #fff;
    width: 100%;
    height: 50px;
}

.navbar-right li a {
    color: #111;
}


.cover{
    color: rgb(255, 255, 255);
    position: relative;
    min-height: 350px;
    background: url("'../images/start.jpg'") no-repeat scroll 0px 100% / cover transparent;
}

.starter
{
	background-image:url('../images/start.jpg');
	height:100%;
}

#start_overlay
{
	position:relative;
	z-index:100;
    position: relative;
    margin-left:0px;
    margin-right:auto;
    top: 210px;
	background-image:url('../images/start_overlay.png');
	background-size:contain;
	background-repeat:no-repeat;
	height: 366px;
    width: 716px;
}

.top
{
	top:-366px !important;
}

#text-carousel {
  width: 100%;
  max-height:600px;
  min-height:300px;
  padding: 50px;
  text-align:center !important;
  background-color:#6d848e;
}


.modulbild
{
	max-height: 400px;
    margin-left: auto;
    margin-right: auto;
}

.item:after
{
	background: rgba(0,0,0,0) !important;
}

.grau
{background-color: lightgrey;}

.no-padding
{
	padding-top:0px !important;
	padding-bottom:0px !important;
	
}

.no-padding-top
{
	padding-top:0px !important;
	
}

.no-padding-bottom
{
	padding-bottom:0px !important;
	
}

.no-margin-top
{
	    margin-top: 0px;
}




.puzzle
{
	background-image:url("../images/puzzle.jpg");
	background-size:cover;
	background-repeat:no-repeat;
}

.jumbotron
{
	background-color:rgba(0,0,0,.75);
	color:#fff;

}

.full-screen
{
  background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
}


.max>.item
{
	max-height: 600px !important;
}


.h1, h1 {
    font-size: 26px;
	color:#c7ab59;
}
.h2, h2 {
    font-size: 26px;
	color:#c7ab59;
}






#home {
    margin-bottom: 100px;

}

#home-slider {
    top: 0px !important;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: auto;
    display: block;
    position: absolute;

}

.navbar-collapse
{
background-color:rgba(193, 156, 49, 0.96);
}

.navbar-toggle .icon-bar
{
	background-color:rgba(193, 156, 49, 1) !important;
}

.navbar-toggle
{
	border: 1px solid rgba(193, 156, 49, 1) !important;
}


.btn-submit
{
		background-color:rgba(193, 156, 49, 1) !important;
}

.btn-submit:hover
{
		background-color:rgb(140, 113, 35) !important;
}

.form-control:focus
{
	border-color:rgba(193, 156, 49, 1) !important;
	webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193, 156, 49, 1) !important;;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193, 156, 49, 1) !important;;
}

a:hover
{
	color:rgba(193, 156, 49, 1) !important;
}

@media (min-width: 1500px)
{
#start_overlay {
     width: 1160px;
	 height:918px;
	 top:175px;
}



}


@media (min-width: 768px)
{
	.navbar-collapse
	{	
	background-color: transparent !important;
	}
}

@media (min-width: 1200px) and (max-width: 1499px)
{
#start_overlay {
     width: 1000px;
	 height:918px;
	 top:120px;
}


}

@media (min-width: 992px) and (max-width: 1199px)
{
#start_overlay {
     width: 1000px;
	 height:918px;
	 top:120px;
}



}

@media (min-width: 768px) and (max-width: 991px)
{
#start_overlay {
     width: 790px;
	 height:918px;
	 top:170px;
}


}

@media (max-width: 767px)
{
#start_overlay {
     width: 350px;
	 top:12em;
}
}

/* @media (orientation: landscape)
{
#start_overlay {
     width: 350px;
	 top:4em;
}
} */