/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('/assets/fonts/open-sans-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/open-sans-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v18-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/assets/fonts/open-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v18-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('/assets/fonts/open-sans-v18-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/open-sans-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v18-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body {
    font-family: Open Sans !important;
	font-weight:300;
	font-size: 18px;
	color: #384247;
	background-color: #FFFFFF;
}

a {
    color: #28446d;
	}
h1 {
    color: #28446d;
	font-size: 26px;
	text-align: center;
}
h2 {
    color: #28446d;
	font-size: 22px;
}
h3 {
    color: #28446d;
	font-size: 20px;
}
h4 {
    color: #28446d;
	font-size: 19px;
}

hr {
    border-top-color: #28446d;
	border-top-width: 1px;
}
.grau {
	margin-top: 0px;
	padding-top: 20px;
	padding-left: 40px;
	padding-right: 40px;
	background-color: #e3e9ec;
}
.grau h1 {
	color: #28446d;
    margin-top: 18px;
    font-weight: 300;
	font-size: 26px;
	text-align: left;
}

.grau h1>span {
   padding-left: 0px;
   padding-right: 0px;

}
.grau h2 {
	color: #000000;
    margin-top: 18px;
    font-weight: 300;
	font-size: 26px;
	text-align: left;
}

.grau h2>span {
   padding-left: 0px;
   padding-right: 0px;

}
.grau h3 {
	color: #28446d;
    margin-top: 0px;
    font-weight: 300;
	font-style:normal;
	font-size: 20px;
	text-align: left;
}

.grau h3>span {
   padding-left: 0px;
   padding-right: 0px;
}
.grau h4 {
	color: #000000;
    margin-top: 18px;
    font-weight: 400;
	font-style: italic;
	font-size: 18px;
	text-align: center;
}

.grau h4>span {
   background-color: #d1d7da;
   padding-left: 20px;
   padding-right: 20px;

}
.rand {
	margin-top:20px;
	margin-bottom: 20px;
	padding-top: 20px;
    background-color: #edeff3;
    border-bottom: 2px solid #28446d;
	border-left: 2px solid #28446d;
	border-bottom-left-radius: 50px;
}
.blau {
    margin-top: 0px;
	border: 0px solid #edeff3;
}
.blau h3 {
    margin-top: 5px;
    font-weight: 300;
	font-size: 20px;
	text-align: center;
	color: #ffffff;
}
.blau h3>span {
   padding-left: 0px;
   padding-right: 20px;
}
.blau p {
    color: #384247;
	text-align: center;
}
.blau ul{
	font-weight: 300;
	color: #ffffff;
}
.blau hr{
	border-top-color: #FFFFFF;
	border-top-width: thin;
	border-top-style: dashed;
}

.hell {
    margin-top: 0px;
	background-color: #edeff3;
	border: 1px solid #b6c1c8;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.hell h3 {
    margin-top: 5px;
    font-weight: 300;
	font-size: 20px;
	text-align: center;
	color: #28446d;
}
.hell h3>span {
   padding-left: 0px;
   padding-right: 20px;
}
.hell p {
    color: #ffffff;
}
.hell ul{
	font-weight: 300;
	color: #ffffff;
}
.hell hr{
	border-top-color: #FFFFFF;
	border-top-width: thin;
	border-top-style: dashed;
}

@media (max-width: 767px) {
    .desktop {
        display: none;
    }
}

@media (min-width: 768px) {
    .mobil {
        display: none;
    }
}



/*------------------------------------*\
    NAV
\*------------------------------------*/
    nav > ul {
    margin: 0 0 0 -40px;
    padding: 0;
    }

    nav li {
    list-style: none;
    font-size: 1em;
    position: relative;
    margin: 0 0 0 0;
    padding: 0;
    }

    nav ul ul {
    position: absolute;
    top: 2.1em;
    left: 0em;
    border: rgba(0, 0, 0, 0.3) 1px solid;
    background-color: rgba(255, 255, 255, 1);
    /* Unternavigation ausblenden */
    z-index: -1;
    transition: font 0.1s;
    }

    nav ul li:hover ul,
    nav ul a:focus ~ ul {
    font: inherit;
    z-index: 1;
    /*  Unternavigation einblenden */
    }
/*
@media (min-width: 45em) {
    nav li {
        font-size: 0.9em;
    }
}
*/

    nav a {
    display: block;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-left: 0.6em;
    padding-right: 0.6em;
    text-decoration: none;
    font-weight: normal;
    text-align: left;
    border: 0;
    border-radius: 0px;
    box-shadow: none;
    color: #000;
    background-color: #fff;
    transition: all .15s ease-in;
    }

    nav li.current a {
    color: rgba(160, 195, 36, 1);
    }

    nav a:focus,
    nav a:hover,
    nav li.current a:focus,
    nav li.current a:hover {
    color: rgba(45, 61, 142, 1);
    background-color: #fff;
    }

@media screen and (max-width: 978px) {
    nav li {
        font-size: 1em !important;
    }
    nav ul ul {
        z-index: 1;
        position: relative;
        top: 0em;
        border: none;
    }

}
/*------------------------------------*\
    NAV ENDE
\*------------------------------------*/