* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
	 overflow-x: hidden !important;
}
#preloader {
	display:none;
}

#status {
	display:none;
}

.flex-center, .logo-footer, .kontakt-footer, .zeiten-footer {
  display: flex;
  align-items: center;
  justify-content: center; }

.nav-wrapper {
  justify-content: flex-start; }

.logo {
  width: 65%; }
  .logo img {
    transform: scale(0.5); }

.mobile-burger {
  display: flex;
  width: 35%;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.line {
  height: 3px;
  width: 35px;
  border-radius: 200px;
  background: #2B2B2B;
  margin-bottom: 5px;
  margin-left: 10px; }

.show-nav {
  display: flex; }

nav {
  display: none;
  position: absolute;
  height: 100vh;
  width: 100%;
  z-index: 100;
  background: white;
  margin-top: 100px;
  z-index:1006;
   }
  nav ul {
    flex-direction: column;
    height: 60%;
    margin-top: -100px; }

#call-btn {
  display: none; }

.nav-links {
  font-size: 20px; }
.nav-links:before {
  top: 80%;
}
.footer {
  overflow: hidden; }

.second-section {
  flex-direction: column;
  height: auto; }
  
#postit_flex {
	
	top:20%;
	left:10%;
	height:220px;
	width:330px;
	background-size:cover;
    
	font-family: 'shadows'; 
	
	padding: 60px 57px 0 43px;
    overflow: hidden;
	
	text-align:center;
	
	font-size:1rem;
}
#postit_flex h1,h2,h3 {
	font-size:1.3em;
}
  
#postit {
	position:absolute;
	z-index:1000;
	left:0;
	width:100%;
	text-align:center;
}
#postit img {
	width:50%;
	height:auto;	
}

.caption.oben {
	position:absolute;
	top:10%;
	margin-left:20px;
}
.caption.unten {
	position:absolute;
	bottom:10%;
	margin-left:20px;
}
.caption p {
	background-color:rgba(10,10,10,0.8);
	font-size:1em;
	line-height:1.4em;
	color:white;
	padding:5px 20px;
	margin-bottom:4px;
	max-width:90vw;
	overflow:hidden;	
}

.img-wrapper {
  flex: 1;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .img-wrapper img {
    width: 100%;
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px; }

.text-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin:0;
  padding:20px;
  }
  .text-wrapper h1 {
    color: #2B2B2B;
    margin-bottom: 10px;
    max-width: 200px;
    line-height: 35px; }
  .text-wrapper p {
    max-width: 90%;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 25px;
    color: #2B2B2B; }

#second-section {
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 50px; }

#second-text-wrapper {
  padding-left: 40px;
  order: 2; }
  #second-text-wrapper h1 {
    max-width: 100px; }

.schwerpunkte-wrapper {
	margin:0 auto;
	width:100%;
	padding:0;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	flex-direction:column;
	
	-ms-flex-pack: center;
    justify-content: space-around;
}

footer {
  height: auto;
  width: 100%; }
  footer iframe {
    width: 100%;
    height: 60%;
    margin-bottom: 40px; }

.kontakt-wrapper {
  display: flex;
  height: auto;
  width: 100%;
  flex-direction: column; }

.logo-footer {
  flex: 1;
  margin-bottom: 50px; }
  .logo-footer img {
    transform: scale(0.9);
    margin-left: -25px; }

.kontakt-footer {
  flex: 1;
  margin-bottom: 30px; }
  .kontakt-footer div {
    max-width: 300px; }
    .kontakt-footer div h4 {
      margin-bottom: 15px;
      letter-spacing: 1px; }
    .kontakt-footer div p {
      margin-bottom: 7px;
      letter-spacing: 1px; }

.zeiten-footer {
  flex: 1;
  margin-bottom: 30px; }
  .zeiten-footer div {
    max-width: 300px; }
    .zeiten-footer div h4 {
      margin-bottom: 15px;
      letter-spacing: 1px; }
    .zeiten-footer div p {
      margin-bottom: 3px; }

.time {
  margin-bottom: 10px; }