.container {
	height: 100%;
	width: 970px;
	max-width: 100%;
}

h2 {
    font-size: 20px;
    text-transform: uppercase;
}

/******** Navigation ********/

header {
    background-color: #4d4e4f;
    min-height: 80px;
}



.nav li > a {
    float: none;
	border: none;
	text-transform: uppercase;
    color: #ffffff;
}

.nav > li, .nav > li > a {
    display: inline-block;
    position: relative;
    padding: 15px 10px;
}

.nav li.active a, .nav li a:hover, .nav li a:focus {
    background-color: #edf5f9;
    color: #4d4e4f;
}


.navbar-toggle {
	position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
	z-index: 1000;
}

.navbar-toggle .icon-bar {
  width: 50px;
}


.icon-bar {
	border: 1px solid #ffffff;
}

.navbar-collapse {
  border: none;
  box-shadow: none;
}

#navbar-collapse {
	margin: 0 auto;
	max-height: 500px;
	overflow-x: visible;
	overflow-y: visible; 
	text-align: center;
}


/******** Navigation Ende ********/

/******** Startbild *******/

.start_bild {
    background-image: url(../img/startbild_2023.jpg);
    background-size: cover;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 700px;
    
}

.falsch{ width: 100%;
text-align: center;
 position: absolute; 
    font-size: 42px; color: #fff;
    top: 50%; z-index: 999;
}

.senden .start_bild { 
   opacity:1;
    background: #000;
}
#start{ 

position: relative; 
    

}

/******** Startbild Ende *******/

/******** Icons *******/

.icons {
    background-color: #edf5f9;
    margin-top: -100px;
    margin-bottom: 40px;
    padding: 20px 10px;;
}

.icon_eins, .icon_zwei, .icon_drei {
    text-align: center;
}

/******** Icons Ende *******/

/******** Paralax *******/

.paralax_pic {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    height: 350px;
    width: 100%;
    background-image: url(../img/paralax.jpg);
}

.paralax_pic1 {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    height: 350px;
    width: 100%;
    background-image: url(../img/paralax_1.jpg);
}

.paralax_pic2 {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    height: 350px;
    width: 100%;
    background-image: url(../img/paralax_2.jpg);
}

/******** Paralax Ende *******/

/******** Inhalt *********/

#kamingespraech {
    text-align: justify;
}

#formular {
    background-color: #edf5f9;
    padding: 20px 0px;
}

#bisher {
    background-color: #edf5f9;
    padding: 20px 0;
}

   #kamingespraech {
    margin: 10px 0;
}

#galerie {
    margin: 10px 0;
}

#contact {
    margin: 10px 0;
}

#imprint {
    margin: 10px 0;
}


#galerie h1 {
    text-align: center;
}


.kontakt {
    text-align: center;
    margin-bottom: 15px;
}

.CAJ img {
    max-width: 100%;
}

/******** Inhalt Ende *********/

/******* Formular ******/

input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    
}

label {
    margin-top: 15px;
    width: 100%;
}

input[type="submit"] {
    font-size: 18px;
    margin-top: 20px;
    border: none;
    background-color: #ccc;
    padding: 15px;
}

.error {
    display: none;
    color: red;
}

.success {
    display: none;
    color: green;
}

h4 {
    font-weight: 400;
    font-size: 16px;
}

/******* Formular Ende ******/

/******* Galerie ******/

.bilder {
    margin-top: 5px;
    padding: 0;
}


.wilhelmina {
    padding: 0;
}

.wilhelmina img {
	max-width: 100%;
}

.litebox img {
	padding: 0px 10px 20px;
}

/******* Galerie Ende ******/

/******* Footer ******/

footer {
    background-color: #4d4e4f;
    height: 150px;
}

.copyright {
    color: #ffffff;
    margin-top: 30px;
}

.impressum a {
    float: right;
    margin-top: 30px;
    color: #ffffff;
}

/******* Footer Ende ******/

@media (min-width: 768px) { 

   #kamingespraech {
    margin: 40px 0;
}

#galerie {
    margin: 40px 0;
}

#contact {
    margin: 40px 0;
}

#imprint {
    margin: 40px 0;
}
    

}

@media (max-width: 769px) { 

    .nav > li, .nav > li > a {
        padding: 15px 6px;
    }
    
    .paralax_pic {
    background-attachment: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    height: 350px;
    width: 100%;
    background-image: url(../img/paralax.jpg);
}

.paralax_pic1 {
    background-attachment: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    height: 350px;
    width: 100%;
    background-image: url(../img/paralax_1.jpg);
}

.paralax_pic2 {
    background-attachment: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    height: 350px;
    width: 100%;
    background-image: url(../img/paralax_2.jpg);
}
    

}

@media (max-width: 760px) { 

    .nav > li, .nav > li > a {
        display: block;
    }
    
    .nav-collapse {
        margin-top: 20px;
    }
    

}