@font-face {
    font-family: 'shadows';
    src: url('../fonts/shadowsintolighttwo-regular-webfont.woff2') format('woff2'),
         url('../fonts/shadowsintolighttwo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  }
 
body {
  overflow: hidden;  
  font-size:16px;
  line-height:28px;
}
hr {
	margin: 50px 0;
}

p a {
	color:#063565;
	font-weight:bold;
	text-decoration:none;
}
p a:hover {
	color:#063565;
	font-weight:bold;
	text-decoration:underline;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 1001;
  /* makes sure it stays on top */
}

#status {
  width: 332px;
  height: 332px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}

.flex-center, .logo, nav, .nav-links, .dropdown a, .dropdown-content a, .logo-footer, .kontakt-footer, .zeiten-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

#landing-section {
  height: 90vh;
  width: 100%;
  overflow: hidden; }

#landing-section-unterseiten {
  height: 70vh;
  width: 100%;
  overflow: hidden; }

.nav-wrapper {
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0px 1px 50px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 50px rgba(0, 0, 0, 0.1); }

.logo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .logo img {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }

.mobile-burger {
  display: none; }

nav {
  -webkit-box-flex: 6;
      -ms-flex: 6;
          flex: 6; }
  nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 95%;
    height: 100%; }

.nav-links {
	position: relative;
  text-decoration: none;
  color: #123361;
  font-family: "Arial";
  font-weight:300;
  font-size: 14px;
  letter-spacing: 1px;
  height: 100%; 
  }
  .nav-links:hover {
    color:#123361;

 }
.nav-links:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 60%;
  left: 0;
  background-color: #123361;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.nav-links:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%; }
  .dropdown a {
    height: 100%;
    width: 100%; }

.dropdown-content {
  display: none;
  z-index: 100;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 200px;
  -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
  position: absolute;
  background: white;
  margin-top: 100px; }
  .dropdown-content a {
    border-bottom: 1px solid #F0F0F0;
    height: 40px; }

.dropdown-content .nav-links:before {
  	content: none;
}

.dropdown-link:hover ~ .dropdown-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.dropdown-content:hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#call-btn {
  background: #94D587;
  border-radius: 4px;
  padding: 10px 15px;
  color: white;
  text-decoration: none;
  margin-left: 30px;
  width:25%;
  text-align:center;
}
#call-btn:hover {
	background-color:#499b39;
	-webkit-transition: all 0.5s;	
}
#postit_flex {
	
	-moz-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
	position:absolute;
	z-index:1000;
	top:30%;
	left:10%;
	height:270px;
	width:400px;
	font-family: 'shadows'; 	
	padding: 60px 57px 0 43px;
    overflow: hidden;
	
	text-align:center;
	
	font-size:1.4rem;
    font-style: italic;
    line-height: 1.5em;
    letter-spacing: 1.5px;
}
#postit_flex h1,h2,h3 {
	font-size:1.3em;
}
#postit {
	position:absolute;
	z-index:1000;
	bottom:20%;
	right:5%;	
}

.slider-wrapper {
  height: 70vh;
  width: 100%; }

.caption.oben {
	position:absolute;
	top:10%;
	margin-left:100px;
}
.caption.unten {
	position:absolute;
	bottom:10%;
	margin-left:100px;
}
.caption p {
	background-color:rgba(10,10,10,0.4);
	font-size:2em;
	line-height:1.4em;
	color:white;
	padding:5px 20px;
	margin-bottom:4px;	
}

#image-gallery {
  height: 70vh;
  width: 100%; }

#image-gallery iframe {
	width:100%;
	height:70vh;	
}

.headgfx {
  height: 50vh;
  width: 100%;
  background-position: center center;
  background-image: url(../img/dentist1.jpg);
  background-size: cover;
}

.image1, .image2, .image3 {
  height: 70vh;
  width: 100%;
  background-size: cover;
  background-position: center center;
 }

.img-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .img-wrapper img { 
	width: 100%;
	height: auto;}

.text-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  margin-left: 70px; 
  
  }
  .text-wrapper h1, .text-wrapper h2 {
    color: #2B2B2B;
    margin-bottom: 30px; 
	font-size:1.5em;
	}
  .text-wrapper p {
    max-width: 75%;
    margin-bottom: 20px;
    color: #2B2B2B; }
	.text-wrapper ul li {
		margin:10px 0 10px 20px;	
	}
	.full {
		margin:0 17% 50px 17%;	
	}
.second-section {
/*  height: 60vh; */
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#schwerpunkte {
	background-color:#666666;
	width:100%;
}
#schwerpunkte .link {
	width:100%;
	height:auto;
	margin-top:10px;
	text-align:center;	
}
#schwerpunkte a.button {
	line-height:1.5em;
	background-color:#e2efe3;
	color:#003760;
	padding:10px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
}
.schwerpunkte-wrapper {
	margin:0 auto;
	padding:50px 0;
    width:70vw;
    display:flex;
    flex-direction: row;
}
.schwerpunkt {
	background-color:#fff;
	padding:1em;
	margin:20px;
	display: flex;
    flex-wrap: wrap;
    flex-basis: 300px;
    flex-grow: 1;
    flex-direction: column;

    line-height: 1.8rem;
}
.schwerpunkt h3 {
    margin: 22px 0 10px 0;
}
.schwerpunkt li {
	margin-left: 20px;
	margin-bottom: 5px;
}
.nooverflow {
	overflow:hidden;
	display:inline-block;
    height:50vh;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.schwerpunkt img {
	width:100%;
	height:auto;
	
	 transition: transform 0.8s;
	 -moz-transition: transform 0.8s;
	 -webkit-transition: transform 0.8s;
	 -o-transition: transform 0.8s;
	 -ms-transition: transform 0.8s;
}
.schwerpunkt img:hover {
	 transform: scale(1.1, 1.1);
	 -moz-transform: scale(1.1, 1.1);
	 -webkit-transform: scale(1.1, 1.1);
	 -o-transform: scale(1.1, 1.1);
	 -ms-transform: scale(1.1, 1.1);
}




#formular {
	background-color:#f8f8f8;
	padding:50px 10vw;	
}

footer {
  height: 110vh;
  width: 100%; }
  footer iframe {
    width: 100%;
    height: 60%; }

.kontakt-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40%; }

.logo-footer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.kontakt-footer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .kontakt-footer div h4 {
    margin-bottom: 15px;
    letter-spacing: 1px; }
  .kontakt-footer div p {
    margin-bottom: 7px;
    letter-spacing: 1px; }

.zeiten-footer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .zeiten-footer div h4 {
    margin-bottom: 15px;
    letter-spacing: 1px; }
  .zeiten-footer div p {
    margin-bottom: 3px; }

.time {
  margin-bottom: 10px; }

.swal2-popup h2 {
	margin:20px 0;	
}
.swal2-popup .swal2-header .swal2-title {
	color:red;	
}

/* Twitterfeed */

a.twitterfeed {
    display:block;
    margin:10px 0;
}