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

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

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
        
    body {color: #111; font-family: "open sans", sans-serif; margin: 15px;}     
    div, ul, li, p {margin:0; padding:0;}
    div {margin-bottom: 15px;}
    h1 {font-size: 50px; font-weight: 300; padding: 20px 0 0 0; line-height: 1; margin-left: 40px;}
    h1 b {font-weight: 700; margin-left: -40px;}
    h2 {font-size: 30px; font-weight: 500; padding: 0; line-height: 1.1; margin: 10px 40px;}
    h2 b {font-weight: 700;margin-left: -40px;}
    h3 {font-size: 23px; font-weight: 500; padding: 20px 0 0 0; line-height: 1.1; margin-left: 40px;}
    h3 b {font-weight: 700;margin-left: -40px;}    
	
    p {font-weight: 500; font-size: 24px; line-height: 1.3; padding: 10px 0 0 0;}
    p b {font-weight: 700;}

   
	
	ul {margin: 50px 0 30px 0; position: relative;}
	li {float: none; display: inline-block; width: 49%; list-style-type: none; text-align: center; vertical-align: top;} 
    li img {height: auto; width: 99%;}
    li p {text-align: center; padding: 5px 0 55px 0;}


	.imp {padding-bottom: 30px; margin-top: 50px; width: 90%;} 
	.imp p {font-size: 21px; line-height: 1.3; padding: 15px 0 0 0;}   
    .imp a {color: #2788ba; text-decoration: none;}
	.imp a:visited {color: #2788ba;}
   	.imp img {width: 70%; padding-left: 1px; max-width: 250px; border:0;}
    .dse, .dse li {width: 100%; margin: 0 0 30px 0;}
    .dse li p {text-align: left; padding: 15px 0 0 0;}


	a {color: #000; text-decoration: none;}
	a:hover {color: #f722ad; text-decoration: none;}
	a:hover img {filter: contrast(90%)}
	
    audio {padding: 20px 0 20px 0; width: 100%;}
	
    img {height: auto; width: 100%; max-width: 800px; padding: 0; border: 1px solid #aaa; vertical-align: unset;}
    
    .header {height: 40px; width: 100%; position: relative; text-align: right; margin-top: 20px;}
    .header span {margin-right: 40px;}

	.vor,
    .menu {display: block; position: absolute; padding-bottom: 80px; height: 40px; }
    
    .vor {width: 96%; text-align: right; }
    .menu {width: 50%; text-align: left; margin-left: 0px;}
	
    .center {text-align: center;}
    .center img {width: 70%; max-width: 500px;}	
	
	.aktiv img {filter: opacity(0.5)}
	
    .navi {margin-bottom: 0px; padding-bottom: 80px;}
	.navi h3 {padding: 0;}

	.fill-textColor {fill: #fff;}
	.fill-bgColor {fill: #2840C6;}
	
	body {background-image: url(bilder/plan.jpg); background-size: 100%; background-attachment: fixed;}
	
	@media all and (min-width: 780px) {
		.header span {margin-right: 40px;}
		#kuve {width: 12rem; margin-right:30px; border:0;}
		#abi {width: 13rem; margin-right:30px; border:0;}
		#ags {width: 10rem; margin-right:30px; }
        #alba {width: 8rem; border:0; vertical-align: -0.6rem;}
		li {width: 32.4%; }
		.imp {width: 50%;}
	}
	
  @media all and (max-width: 780px) {
		.header span {margin-right: 0px;}
		#kuve {width: 6rem; margin-right: 10px; border:0;}
		#abi {width: 7rem; margin-right: 10px; border:0;}
		#ags {width: 5rem; margin-right: 10px;}
        #alba {width: 4.3rem; border:0; vertical-align: -0.5rem;}
      
        h1 {font-size: 25px; padding: 20px 0 0 0;}
    	h1 b {font-weight: 700; font-style: italic;}
    	h2, h2 b {font-size: 18px;}
		h3 {font-size: 16px;}
		.navi h3 {font-size: 20px;}
		.center {margin-bottom: 0px;}
		p {font-size: 16px;}
		.imp p {font-size: 14px;} 
		.imp h2, 
		h2, h2 b, h1, h1 b, h3	{margin-left: 0;} 
		body {background-size: cover; background-position: center; background-color: #bbb; background-blend-mode: lighten;}
	  body:after{content:""; position:fixed; top:0; height:100vh; left:0; right:0; z-index:-1; 
      	background: url(bilder/plan.jpg) center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;}
	}
    



body > .navbar-collapse {
    position: fixed;
    display: block;
    top: 0;
    height: 100vh;
    width: 300px;
    right: 0;
    z-index: 1032;
    visibility: visible;
    background-color: #999;
    overflow-y: visible;
    border-top: none;
    text-align: left;
    border-left: 1px solid #e3e3e3;
    padding-right: 0;
    padding-left: 40px;
    transform: translate3d(300px, 0, 0);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); }
    body > .navbar-collapse ul {
      position: relative;
      z-index: 3;
      overflow-y: auto;
      height: 100%; }
    body > .navbar-collapse.has-image::after {
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      position: absolute;
      background-color: rgba(17, 17, 17, 0.8);
      display: block;
      content: "";
      z-index: 1; }
    body > .navbar-collapse.collapse {
      height: 100vh !important; }
    body > .navbar-collapse .nav > li {
      border-bottom: 1px solid #e5e5e5; }
      body > .navbar-collapse .nav > li:last-child {
        border-bottom: 0; }
      body > .navbar-collapse .nav > li > a {
        margin: 0;
        color: #444;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        line-height: 13px;
        padding: 24px 0; }
        body > .navbar-collapse .nav > li > a:hover {
          color: #000; }
        body > .navbar-collapse .nav > li > a.active {
          color: #000; }
      body > .navbar-collapse .nav > li.social-links {
        text-align: center;
        margin-left: -40px; }
        body > .navbar-collapse .nav > li.social-links > a {
          font-size: 18px;
          padding: 24px 15px; }
  body > .navbar-collapse::after {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #fff;
    display: block;
    content: "";
    z-index: 1; }