*{
	margin: 0;
	padding:0;
	background-color: fff;
}
body{
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	 overflow-x: hidden;
	}

h1{
	margin: 25px auto;
	}

h2{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500px;
	font-size: 50px;
	}

h3{
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	}

@media all and (max-width:1100px) {
 body {font-size:1.4em}
 }

/*-------------------------Navigation-------------------------*/
#nav-bar{
	position: sticky;
	top: 0;
	z-index: 10;
	}

.navbar{
	background-color: white;
	opacity: 0.9; 
	padding-right: 40px;
	}

.navbar-brand{
	height: 40px;
	padding-left: 20px;
	size: 40px;
        max-width: 150px;
	}

.navbar-nav li{
	padding: 0 20px;
	}

.navbar-nav li a{
	color: black !important ;
	font-weight: 600;
	}


/*-------------------------Header-------------------------*/
#header{
	width: 100%;
	background-color: #FFDAB9;
	height: 600px;
	margin-bottom: 5%;
	}

#header img{
	height: 600px;
	margin: 10px auto;
}

/* Parallax-Sektion */
.parallax {
    background-image: url('images/header.jpg');
    height: 100vh; /* Höhe der Sektion */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

/* Overlay-Effekt */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Inhalt der Box */
.content {
    text-align: center;
    color: white;    
	background-color: rgba(0, 0, 0, 0.5); /* Halbtransparenter schwarzer Hintergrund */
    padding: 100px;
    border-radius: 10px;
}

.content h1 {
    margin: 0;
    font-size: 2.5em;
}

.content p {
    margin: 10px 0 0;
    font-size: 1.2em;
}






/*-------------------------Welcome-------------------------*/
#welcome{
	margin: 5% 0;
	padding: 5% 0;
	text-align: center;
	}

.line:before,
.line:after{
	content: "";
	background: black;
	height: 2px;
	width: 900px;
	margin:70px auto;
	display: block;
	}


/*-------------------------About-------------------------*/
#about{
	background-color: #FFDAB9;
	margin: 5% 0;
	padding: 5% 0;
	}

.about img{
	width: 100%;
    height: auto;
	}


/*-------------------------Services-------------------------*/
#services{
	margin: 5% 0;
	padding-top: 5%;
	}

.services img{
	width: 100%;
    height: auto;
}

.services h2{
	padding: 20px;
	}

.services p{
	padding: 20px;
	}

.services ul{
	margin-left: 4%;
	}

.services li{
	margin-left: 10%;
	line-height: 1;
	padding: 5px;
	}

.methods{
	padding-bottom: 10%;
	margin: 5% 10%;
	}

.methods li{
	line-height: 1;
	padding: 5px;
	}


/*-------------------------Contact-------------------------*/
/*-- kein Kontaktformular aktiv
.parallax {
	position:relative;
	z-index:1;
	-webkit-box-shadow: inset 0px -6px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: inset 0px -6px 5px rgba(50, 50, 50, 0.75);
	box-shadow: inset 0px -6px 5px rgba(50, 50, 50, 0.75);
	}

#contact {
	margin-top: 5%;
	padding: 10% 0;
	background-image: images/kontakt.jpg no-repeat fixed;
	height:800px;'
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

.contact-form {
	background: rgba(255, 255, 255, .5) ;
	padding: 40px;
	margin: auto;
	z-index: 12;
	width: 600px;
	}

.contact-form h2 {
	text-align: center;	}

.contact-form .form-group {
	margin-bottom: 20px;
	}

.contact-form .form-control, .contact-form .btn {
	min-height: 38px;
	border-radius: 2px;
	}

.contact-form .form-control {
	border-color: black;
	}

.contact-form .form-control:focus {
	border-color: #a65169;
	box-shadow: 0 0 8px #803e51;
	}

.contact-form .btn-primary {
	min-width: 250px;
	color: #a65169;
	background: #000;
	margin-top: 20px;
	border: none;
	}

.contact-form .btn-primary:hover {
	color: #fff; 
	}

.contact-form .btn-primary i {
	margin-right: 5px;
	}

.contact-form label {
	opacity: 0.9;
	}

.contact-form textarea {
	resize: vertical;
	}
--*/


/*-------------------------Footer-------------------------*/
#footer{
	margin-top: 0%;
	}

.footer{
    padding-top: 2%;
    text-align: center;
	background-color: #FFDAB9;
	height: 400px;
	}
.btn {
  text-decoration: none;
  padding: 0.5rem;
  border: 1px solid #333333;
  background: #FFF;
}

.footer ul{
	margin-left: 4%;
    text-align: left;
	}

.footer li{
	margin-left: 10%;
    text-align: left;
	line-height: 1;
	padding: 5px;
	}

/*-------------------------Impressum-------------------------*/
#impressum{
	margin: 5%;
	}

/*-------------------------Datenschutzerklärung-------------------------*/
#dse{
	margin: 5%;
    }
#dse h1{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500px;
	font-size: 50px;
	}

#dse h2{
	font-size: 30px;
	}
#dse li{
	margin-left: 4%;

