@import url('https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield|Open+Sans:300,400,600');

body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}

body{
  background: #fff;
  color: #4D4D4D;
  font-family: 'Open Sans', sans-serif;
  font-size: 12pt;	
  font-weight:300;
  letter-spacing: 0.05em;
  padding: 0;
  position: relative;
  letter-spacing: 0.01em;
}

transition, a, .navbar.headerbg{
      -webkit-transition: all 350ms ease-in;
	-moz-transition: all 350ms ease-in;
	-ms-transition: all 350ms ease-in;
	-o-transition: all 350ms ease-in;
	transition: all 350ms ease-in;
}


.pagewrapper{
  background: #fff;
}


a, a:link, a:visited{
    color: #808080;
}
a:hover, a:focus, a.current, a.active, .active a{
	color: #111111;
	text-decoration: none;
}

h1, h2, h3, h4{
  letter-spacing: 0.05em;
  color: #111;
  font-weight: 300;
  text-align: center;
} 
h2, h3{
  margin: 40px 0 70px 0;
  padding: 0;
  font-size: 1.3em;
  color: #1A1A1A;
  text-transform: uppercase;
  font-weight: 600;
}

h3{
  font-size: 1.15em;
}


.form-control {
    background-color: rgb(255, 255, 255);
    background-image: none;
    border: 2px solid rgb(204, 204, 204);
    border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    color: rgb(85, 85, 85);
}
.btn-default {
    background-color: #808080;
    border: none;
    color: rgb(255,255,255);
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    padding-bottom: 13px;
    padding-top: 13px;
    font-size: 1.1em;
}
.btn-default:hover, .btn-default:focus{
  background: #11111;
  color: #FFFFFF;
  font-weight: 500;
  border: none;
}

.textbox p{
  margin-bottom: 25px;
  letter-spacing: 0.05em;
  line-height: 1.7em;
}

/* @group navbar */

.navbar.headerbg{
    background: rgba(0,0,0, .85);
    border: none;
    border-radius:0px;
    -webkit-border-radius: 0;
}
.navbar.headerbg.dark{
    background: rgba(0,0,0, .85);
}
.navbar .navbar-nav > li > a {
    color: rgba(255,255,255, 1);
    border: none;
    padding: 12px 0;
    margin: 15px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 300;
    background: rgba(0, 0, 0, 0);
    font-size: 1em;
    border-bottom: 1px solid rgba(255,255,255,0);
}
.navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li > a:hover,.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > .active > a:hover {
    background: rgba(0, 0, 0, 0);
    color: rgb(255, 255, 255);
    font-weight: 600;
}
/* Navbar */
.navbar-brand > img {
	max-height: 100%;
}

/* Nav */
.navbar-brand {
    height: auto;
}
.navbar-toggle .icon-bar {
    height: 4px;
    width: 33px;
    line-height: 40px;
}
.navbar .navbar-toggle {
    border: 1px solid rgba(255,255,255, 0);
    padding: 15px;
    border-radius:0px;
    -webkit-border-radius: 0;
    margin-top: 10px;
}
.navbar .navbar-toggle:focus, .navbar .navbar-toggle:hover {
    border: 1px solid rgba(255,255,255,1);
    background: transparent;
}
.navbar-fixed-top .navbar-collapse {
    max-height: 90vh;
}
/* @end */

/* @group carousel */

#background-carousel{
	position:static;
	width:auto;
	display: block;
	height:70vh;
	z-index:-1;
	overflow: hidden;
	background: #000;
	text-align: left;
}
#background-carousel .overlay{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,.35);
  z-index: 20;
}
#background-carousel .container{
  position: relative;
z-index: 30;
}
#background-carousel .container > div{
  position: relative;
  margin-top: 30vh;
  color: #FFF;
}
#background-carousel h1{
  color: #FFF;
  padding-bottom: 0;
  letter-spacing: 0.01em;
  font: normal 4.5em/1em 'Mrs Saint Delafield', cursive;
  text-align: left;
}
#background-carousel h3{
    color: #FFF;
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 15px;
    text-align: left;
}
.carousel,
.carousel-inner {
	width:100%;
	height:100%;
	z-index:0;
	overflow:hidden;
}
.item {
	width:100%;
	height:100%;
	background-position:top center;
	background-size:cover;
	z-index:0;
}

/* @end */ 

.googlemap{
  display: block;
  height: 450px;
}

/* @group content */
.siteimage{
  	width:auto;
	display: block;
	height:60vh;
	margin-left: -15px;
	margin-right: -15px;
	background-size: cover;
	background-position: center center;
}
.content.impressum{
  padding-top: 10vh;
  padding-bottom: 10vh;
}
.row.sitepart{
  padding-top: 5vh;
  padding-bottom: 7vh;
}
article.container{
  max-width: 990px;
}

.stripe{
  display: block;
  height: 6vh;
  background: transparent url(../images/stripe.png) no-repeat center center;
}
.txtbox{
  padding-top: 30px;
  padding-bottom: 30px;
}
.txtbox p{
  margin-bottom: 25px;
}
.script{
	padding-top: 60px;
    padding-bottom: 30px;
    letter-spacing: 0.01em;
  font: normal 2.5em/1em 'Mrs Saint Delafield', cursive;
}
.bildstreifen{
  height: 28vh;
  background-size: cover;
  background-position: center center;
/*  margin-top: 4vh;*/
  margin-bottom: 4vh;
}


.teampic{
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px;
}
.teampic img{
	z-index: 1;
	position: relative;
}
.teampic h3{
  margin: -15px -15px 15px -15px;
  color: #FFF;
  padding: 15px 20px 5px 20px;
  text-align: center;
  font-size: 1.2em;
  background: #04422C;
  text-transform: uppercase;
  z-index: 10;
  position: relative;
}
.preisbox{
  text-align: left;
  line-height: 1.8em;
  padding: 40px 0px;
} 
.preisbox h2, .preisbox h3{
  text-align: center;
  padding: 0;
  margin: 30px 0 15px 0;
  font-size: 1.3em;
  color: #1A1A1A;
  text-transform: uppercase;
  font-weight: 600;
} 
.preisbox em{
  float: right;
  font-weight: normal;
  font-style: normal;
}

/* @end */

 
/* @group footer */

footer{
  background: #FFFFFF;
  padding: 65px 0 65px 0;
  font-size: 0.9em;
  line-height: 1.6em;
}

/*footer .container .row.flexxer{
  display: flex;
}
footer .container .row.flexxer > div{
  align-items: flex-end;
  align-content: flex-end;
  vertical-align: baseline;
}*/

footer a, footer a:link, footer a:visited{
	color: #808080;
    border-bottom: 1px solid rgba(255,255,255, 0);
}
footer a:hover, footer a:focus{
    color: #808080;
	text-decoration: none;
    border-bottom: 1px solid #808080;
}
footer h1,footer h2,footer h3,footer h4{
  text-align: left;
  color: #151515;
}
footer ul{
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
  list-style-position: inside;
}
footer ul li{
  margin: 0 0 2px 0;
  padding: 0;
}
.bigtel{
  font-size: 1.8em;
  padding: 0 0 1em 0;
  color: #1A1A1A;
  display: block;
  font-weight: 600;
}
.footer-brand a img{
  max-width: 250px;
  width: auto;
  height: auto;
  display: block;
  padding: 0 0 20px 0;
}


/* @end */








/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

@media (max-width: 767px) {
	.navbar-brand{
  		padding-top: 0;
  		padding-bottom: 0;
	}
	.navbar-brand img{
		max-width: 180px;
	}
	.navbar .navbar-nav > li > a {
  		text-align: center;
  		font-size: 1.3em;
  		line-height: 2.0em;
	}
	h1, h2.h1 {
  		font-size: 1.45em;
	}
	footer, footer p, footer ul li, footer h4, footer h3{
  		text-align: center;
	}
	footer ul{
  		margin: 30px auto;
	}
	.bigtel{
  		display: none;
	}
	.mittelstreifen div {
	    font-size: 1.45em;
	    font-weight: 300;
	}
	.footer-brand{
		text-align: center;  
	}
	.footer-brand a img{
	  max-width: 250px;
	  width: auto;
	  height: auto;
	  display: block;
	  padding: 0 0 20px 0;
	  margin: 0 auto;
	}
	#background-carousel {
	  text-align: center;
	}
	#background-carousel h1{
	  font: normal 3.5em/1em 'Mrs Saint Delafield', cursive;
	  text-align: center;
	}
	#background-carousel h3{
	  text-align: center;
	}
	
	footer ul.navbar-footer li a{
  		font-size: 1.1em;
  		padding: 5px;
  		display: block;
	}
	.navbar.headerbg{
		background: rgba(0,0,0, .0);

	}
	.navbar.headerbg:focus, .navbar.headerbg:active, .navbar.headerbg:hover, .navbar.headerbg.dark{
	    background: rgba(0,0,0, .85);
	}
	.navbar-fixed-top .navbar-collapse {
    	max-height: 100vh;
    	height: 100vh;
	}
	.navbar-fixed-top .navbar-collapse .collapse.in{
	    padding-top: 0px;
	    padding-bottom: 0px;
	    background: rgba(0,0,0, .85);
	    height: 100vh;
	    max-height: 100vh;
	}

}
@media  (min-width: 768px) {
	.navbar-brand img{
		max-width: 210px;
	}
	.navbar.headerbg{
		background: rgba(0,0,0, .0);
	    border: none;
	    border-radius:0px;
	    -webkit-border-radius: 0;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.navbar.headerbg.dark{
	    padding-top: 0px;
	    padding-bottom: 0px;
	    background: rgba(0,0,0, .85);
	}
	.navbar .navbar-nav{
  		margin-top: 24px;
	}
	.script{
	    letter-spacing: 0.01em;
	  font: normal 3.5em/1em 'Mrs Saint Delafield', cursive;
	}
	.preisbox{
	  text-align: left;
	  line-height: 1.8em;
	  padding: 40px 150px;
	}
}
@media  (min-width: 768px) and (max-width: 870px){
  .navbar .container{
  width: 100%;
  }
  .navbar-brand img{
	max-width: 160px;
  }
  	.navbar .navbar-nav > li > a{
  	margin: 0 10px;
    padding: 5px 0;
	}
	.navbar .navbar-nav{
  		margin-top: 32px;
	}
}
@media  (min-width: 871px) and (max-width: 1024px){
  .navbar .container{
  width: 100%;
	}
}
@media (min-width: 1025px) {
	.navbar-brand img{
		max-width: 240px;
	}
	.navbar .navbar-nav > li > a{
  	margin: 0 20px;
    padding: 5px 0;
	}
	.teampic{
	  margin-top: 30px;
	  margin-bottom: 30px;
	}
	.navbar .navbar-nav{
  		margin-top: 48px;
	}

}



.googlemap, .googlemap iframe{
  height: 450px;
  display: block;
  width: 100%;
}

.socials {
	background: #000;
	color: #FFF;
	margin-bottom: 0;
}
.socials h2 {
	color: #FFF;
}
.socials_wrapper {
	padding: 30px;
	text-align: center;
}
.icon-wrapper {
	padding: 30px;
	text-align: center;
}
.icon-wrapper a{
	display: inline-block;
}
.icon-wrapper a img{
	width: 70px;
	text-align: center;
	margin: 20px;
	display: inline-block;
}