/** Device unabhänig**/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
  url('/fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('/fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
  url('/fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
  url('/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* kite-one-regular - latin */
@font-face {
  font-family: 'Kite One';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/kite-one-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Kite One'), local('KiteOne-Regular'),
  url('/fonts/kite-one-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/fonts/kite-one-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('/fonts/kite-one-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('/fonts/kite-one-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/fonts/kite-one-v6-latin-regular.svg#KiteOne') format('svg'); /* Legacy iOS */
}




body {


  font-family: 'Kite One', sans-serif !important; /*'Open Sans', sans-serif !important;*/
  font-weight: 300 !important;


}
.navbar {
  background-color: #ffffff;
  padding:0 0.5em !important;
}

.navbar-nav {
  width:100%;
  justify-content: space-around;
  margin-top:0.3em;
}

.navbar-text {
  color:#34323a !important;
  font-size:1.6em;
}

.container-fluid {
  padding:0 !important;
}

.navbar-light .navbar-nav .nav-link {
  color: #34323a !important;
  font-size:1.2em !important;
  white-space:nowrap;
  text-transform: uppercase;
  font-weight:700 !important;
  font-family:'Open Sans', sans-serif !important;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: gray !important;
  text-decoration: underline;
}

.leistungen {
  background-color: #34323a;
  color: white;
  font-size:1.4em;
}

.oeffi h2, h3, .leistungen h2, h3, .kontakt h2, h3, .about h2 {
  color: #b9a05c !important;
  text-align: center;
}

.oeffi, .kontakt {
  color: #34323a;
  padding:100px 20px 20px 20px;
  text-align: center;
  font-size:1.4em;
}

.about {
  padding-bottom:40px;
  text-align: left !important;
  background-color: #FAFAFA;
  font-size:1.4em;
  border-top:20px solid lightgray;
}

.about-text {
  padding-left:20px;
  padding-right:20px;
}


.images {
  display: flex;
  justify-content: space-between;

}

.images img {
  width: 33.3%;
  height:33.3%;
}

.social {
  display: flex;
  justify-content: space-around;
}

.kontakt {
  background-color: #e9ecef;
}


.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

footer {
  background-color: #e9ecef;
  padding:1em;
  text-align: center;
}

.modal {text-align: left}

/** MOBILE PORTRAIT AND LANDSCAPE**/

@media only screen and (min-width : 320px) and (max-width: 767px) {

  .front-image {
    margin-top: 60px;
  }

  .navbar-brand {
    margin-right: 0 !important;
  }

  .navbar-brand img {
    width: 50px;
    height: auto;
  }

  .navbar-text {
    font-size: 1.2em;
  }

  .leistungen {
    padding: 40px 20px;
  }

  .about {
    padding-top:50px;
  }
}

/** TABLET PORTRAIT AND LANDSCAPE **/

@media only screen and (min-width : 768px) and (max-width: 1199px) {

  .front-image {
    margin-top: 60px;
  }

  .about {
    padding-top:60px;
  }
/**
  .images {
    flex-wrap: nowrap;}

  .images img {
    width:33.3%;
    height:33.3%;}
*/
  .navbar-text {
    font-size:1.4em;
  }

  .navbar-brand img {
    width: 60px;
    height: auto;
  }

  .leistungen {
    padding:60px 20px;
  }

  a.phone { pointer-events:none; cusor:default; text-decoration:none; color:#34323a }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

  #front-slide {
    margin-top: 80px;
  }

  .navbar-brand img {
    width: 80px;
    height: auto;
  }

  .navbar-nav {
    margin-left:10em;
  }

  .about {
    padding-top:100px;
  }

  .leistungen {
    padding:80px 20px;
  }

  a.phone { pointer-events:none; cusor:default; text-decoration:none;
    color: #34323a; }
}