body,p,b,small,a,h1,h2,h3,h4,h5,h6, p {
font-family: 'Noto Sans', sans-serif !important;
}
p {
  font-size: 12.5pt;
}
body {
  color: #2a5c75; #3c7d9e;
}


@media (min-width: 471px) {
  .site {
    width: 220px; height: 222px !important;
  }
}

@media (max-width: 470px) {
  .site {
    width: 100%; height: auto !important;
  }
}

/* noto-sans-200 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/noto-sans-v27-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-200.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-300 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-v27-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-300.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-300italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/noto-sans-v27-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-300italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-500 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-500.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-500italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/noto-sans-v27-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-500italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-700italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/noto-sans-v27-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-sans-v27-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin-700italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* Schriften ......................................*/
h1 {
	color: #2a5c75;
  font-size: 19px!important;
	}

h2 {
	color: #99c04b;
	}

.hoch-titel {
	height: 160px;
	top: 0;
}

.hoch-logo {
	height: 400px;
	top: 0;
}

/* Bilder ........................................*/

.foto-bg {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.back {
	margin: 0 !important;
	background-image: url(Bilder/Punkt.png)!important;
	background-repeat: repeat-x;
	}

img.full {
  height: 100%;
  width: 100%;
  media:"(max-width: 480px)";
}

img.opacity {
  opacity: 1;
}

img.opacity:hover {
  opacity: 0.5;
}

img.opacity:scrollspy {
  opacity: 0.5;
}

.opacity {
  opacity: 0.5;
}

/* Navbar ........................................*/

  .uk-navbar {
    background-color: #2a5c75 !important;
    border-bottom: solid 0.5px;
    color: #ffffff !important;
  }

  .uk-nav-default > li > a {
    color: #ffffff;
  }

  /* Hover */
  .uk-nav-default > li > a:hover {
    color: #c0deed; !important; #6fc788
  }

  /* Active */
  .uk-nav-default > li.uk-active > a {
    color: #2a5c75;
    background-color: #f2f2f2;
    padding: 5px;
  }

  .uk-navbar-dropdown-nav > li > a {
    color: #2a5c75;
  }


.uk-navbar-container .small-height {
  height: 60px;
}

/* Links ........................................*/
a,
.uk-link {
  color: #242a2e;
  text-decoration: underline;
  cursor: pointer;
}

a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link {
  color: #08090a;
  text-decoration: underline;
}


/* Hintergrundfarben ........................................*/

.uk-back {
  background-color: #2a5c75 !important;
}

.uk-back-nav {
  background-color: #2a5c75 !important;
}

.farbe-back {
  background: #2a5c75 !important;
  }

.uk-muted {
  background-color: #f6f6f6 !important;
  }

.uk-section-muted {
  background-color: #f6f6f6 !important;
  }

.muted {
  background-color: #d2d2d2 !important;
  }


.hr {
  color: #86bfdb !important;
  border-top: dotted 0.5px;
  border-bottom: solid 0.5px;
  margin-top: 2em;
  }

.farbe {
  color: #2a5c75 !important;
  }

.farbe-zwo {
  color: #9e2325 !important;
  }

/* Farben ........................................*/

.dark {
  color: #2e2929;
  }

.farbe-white {
  color: #ffffff !important;
  }

.farbe-black {
  color: #000000;
  }

.abstand-logo {
	margin-bottom: 0px !important;
  }

.abstand {
  margin-top: 140px !important;
  }

.abstand-r {
	  margin-right: 6px !important;
	  }

.abstand-unten {
  margin-bottom: 6em;
  }

.breit {
  width: 100%;
  height: 100%;
  }