/* Schriften */

/* baloo-bhaijaan-2-regular - latin */
@font-face {
  font-family: 'Baloo Bhaijaan 2';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/baloo-bhaijaan-2-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/baloo-bhaijaan-2-v3-latin-regular.eot?#iefix')
      format('embedded-opentype'),
    /* IE6-IE8 */ url('../fonts/baloo-bhaijaan-2-v3-latin-regular.woff2')
      format('woff2'),
    /* Super Modern Browsers */
      url('../fonts/baloo-bhaijaan-2-v3-latin-regular.woff') format('woff'),
    /* Modern Browsers */ url('../fonts/baloo-bhaijaan-2-v3-latin-regular.ttf')
      format('truetype'),
    /* Safari, Android, iOS */
      url('../fonts/baloo-bhaijaan-2-v3-latin-regular.svg#BalooBhaijaan2')
      format('svg'); /* Legacy iOS */
}

/* baloo-bhaijaan-2-500 - latin */
@font-face {
  font-family: 'Baloo Bhaijaan 2';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/baloo-bhaijaan-2-v3-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/baloo-bhaijaan-2-v3-latin-500.eot?#iefix')
      format('embedded-opentype'),
    /* IE6-IE8 */ url('../fonts/baloo-bhaijaan-2-v3-latin-500.woff2')
      format('woff2'),
    /* Super Modern Browsers */
      url('../fonts/baloo-bhaijaan-2-v3-latin-500.woff') format('woff'),
    /* Modern Browsers */ url('../fonts/baloo-bhaijaan-2-v3-latin-500.ttf')
      format('truetype'),
    /* Safari, Android, iOS */
      url('../fonts/baloo-bhaijaan-2-v3-latin-500.svg#BalooBhaijaan2')
      format('svg'); /* Legacy iOS */
}



.imggall {
  background-color: transparent;
  max-width:100%;
  background-color: #fff !important;
  transition: transform .2s; /* Animation */
  border:10px solid #7B9EA4;
}

.imggall:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2);
  z-index:999;
  position:relative;
}

.special {
  margin-top:7rem;
}



/* Links */
.navbar {
  margin-top: 5rem;
  align-items: baseline;
}
 
a:visited {
  color:#476269;
}

a.navbar-item,
a.navbar-link {
  font-family: 'Baloo Bhaijaan 2', serif;
  color: #476269;
  border-radius: 0.75rem;
}

a.navbar-item:hover,
a.navbar-link:hover {
  color:#FBC16B !important;
}

a.navbar-item.is-active {
  color: rgb(74, 126, 145) !important;
  background-color: #d1dce0 !important;
}
.navbar-burger {
  border:3px solid  #476269;
  -webkit-border-radius:0.75rem;
  -moz-border-radius:0.75rem;
  border-radius:0.75rem;
}
.navbar-burger span {
  height:2px;
  color: #476269;
}

.mf-content a:link,
.mf-footer-sec a:link {
  color: #476269;
  text-decoration: underline;
}

.mf-content a:hover {
  color: #FBC16B !important;
}

.no-underline {
  text-decoration: none !important;
}

.button {
  color: #476269 !important;
  background-color:transparent;
  border-style: none !important;
  white-space: normal;
}

.qv {
  color:#FBC16B !important;
}

ul {
  list-style: none !important; /* Remove default bullets */
}

ul li::before {
  content: '\2022'; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #7B9EA4; /* Change the color */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1.25rem; /* Also needed for space */
  margin-left: -1.5rem; /* Also needed for space*/
}
li {
  padding-bottom: 0.25rem;
}

b {
  font-weight: 500;
  color:#476269;
}

/* HTML Elemente */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Baloo Bhaijaan 2', sans-serif;
  font-size: 114%;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Baloo Bhaijaan 2', sans-serif;
  color: #476269!important;
  font-weight: 400 !important;
}

h4,
h5 {
  font-size: 90% !important;
}

  p,
  li {
  color: #476269!important;
  }

  .hero img, body img{
    -webkit-border-radius:0.75rem;
    -moz-border-radius:0.75rem;
    border-radius:0.75rem important;
  }

/* Bulma CSS Klassen */

.heroover {
  background-color: rgba(255, 255, 255);
  border-radius: 0.75rem;
  background-color:#d1dce0;
}

.box {
  background-color: #fbdea4;
  -webkit-border-radius:0.75rem;
  -moz-border-radius:0.75rem;
  border-radius:0.75rem;
}
.subtitle {
  color: rgb(16, 68, 88) !important;
}

.footer {
  padding:0;
}
/* Eigene CSS Klassen */
.logo {
  max-width:340px;
  margin-left:10px;
  border-radius: 0.75rem;
}

#scroll {
  position:fixed;
  right:0px;
  bottom:3rem;
  cursor:pointer;
  width:3rem;
  height:3.5rem;
  text-indent:-9999px;
  display:none;
  -webkit-border-radius:0.75rem 0 0 0.75rem;
  -moz-border-radius:0.75rem 0 0 0.75rem;
  border-radius:0.75rem 0 0 0.75rem;
  background-color:#FBC16B;
  z-index:100;
  border:2px solid #fff;
}
#scroll button {
  position:absolute;
  top:55%;
  left:50%;
  margin-left:-12px;
  margin-top:-25px;
  width:0;
 
}
#scroll:hover{
  background-color:#7B9EA4;
  opacity:1;
  filter:"alpha(opacity=100)";
  -ms-filter:"alpha(opacity=100)";
}

.mf-nav {
  background-color: transparent;
  background-image: url('../img/Seite/wave_bg.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.mf-content {
  background-color: #fff;
}

.mf-footer-sec {
  background-image: url('../img/Seite/footer_bg.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.mf-footer {
  background-color: transparent !important;
  padding-top:3rem;
}

@media screen and (max-width: 768px) {
  .content-img {
    max-width: 50%;
    height: auto;
  }

  p,
  li {
    font-size: 1rem;
  }

  .mf-hero {
    margin-bottom: 0.25rem;
  }

  .navbar {
    margin-top: 2rem;
  }

.logo {
  max-width: 240px;
  margin-left:0;
}

.imggall {
  margin-bottom:1rem;
}

.imggall:hover {
  transform: scale(1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1); /* Safari 3-8 */
  transform: scale(1);
  margin-bottom:1rem;
}
.special {
  margin-top: 0;
}

}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .mf-hero {
    margin-bottom: 0.25rem;
  }
  .logo {
    margin-left:0px;
  }
  .special {
    margin-top: 5rem;
  }
  
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .mf-hero {
    margin-bottom: 0.75rem;
  }
  .navbar-end .navbar-item {
    max-height:3.75rem;
  }
  .logo {
    max-width:280px;
  }
}

@media screen and (min-width: 1216px) {
  .mf-hero {
    margin-bottom: 1.75rem;
  }
  
  .navbar-end .navbar-item {
    max-height:3.75rem;
  }
}