body {background-color: #fffdf0; font-family: "open sans", sans-serif;}   
body.ck {background-color: #daeae1;}   
body.dwg {background-color: #c7e2e6;}  
  


    div, ul, li, p, h1, h2 {margin:0; padding:0;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
    }

    img {height: auto; width: 90%; max-width: 800px; padding: 0; border: 0px solid #111;}

    audio {padding: 20px 0 20px 0; width: 100%; max-width: 800px; }


	    li p {text-align: center; padding: 5px 0 15px 0;}

.center {text-align: center; margin-top: 30px;}

    h1 {font-size: 30px; font-weight: 300; padding: 20px 0 0 0; 
        hyphens: none; }
	h1 b {font-weight: 600;}
    h2 {font-size: 18px; font-weight: 500; padding: 20px 0 0 0; line-height: 1.6;}
    p {font-size: 15px; line-height: 1.3; padding: 5px 0 0 0;}

    .imp {margin-top: 80px; padding: 30px; background-color: #fff;} 
	.imp p {
        font-size: 15px; 
        line-height: 1.3; 
        padding: 5px 0 0 0; 
        font-weight: 100;
        hyphens: none;
}





ul.index h2 {
    hyphens: none; 
    background-color: #c7e2e6;
    border: 1px solid #fffdf0;
    line-height: 1.3;
    border-radius: 60px;
    margin: 10%;
    padding: 15px 0;}

.index h2.ck {
    background-color: #daeae1;}

.imp img {border: none;}   
.imp b {font-weight: 400;}

	a {color: #000; text-decoration: none;}
	a:hover, a:visited, .imp a {color: #3c5a83;}	
	a {color: #000; text-decoration: none;}
    .dwg a:hover,
	.dwg a:visited, 
    .dwg .imp a {color: #7243b4;}	

	ul {margin: 50px 0 30px 0; padding: 0; position: relative;}
 /*   li {width: 50%; height: auto; float: left;} */
li {margin-bottom: 20px;}
    li img {height: auto; width: 99%;}
    li p {text-align: center; padding: 5px 0 15px 0;}

	
/* oder: */ 
	

	
	li {float: none; display: inline-block; width: 49%; list-style-type: none; text-align: center; vertical-align: top;} 

    
    .header h1 {padding: 70px 220px 0 40px;}
     
    
    .menu_logo .logo_bg {
  fill: #000;
}    
.menu_logo .logo_fg {
  fill: #ffc800;
}
    
.menu_logo {
  display: block;
  padding: 3px;
  margin: 0px auto 5px auto;
  width: 120px;
 background-color: transparent;
     position: fixed;
  right: 20px;
	 z-index: 1000;
}
    .logo {
  background-color: transparent;
  padding: 20px;
  position: relative;
        right: 40px;}

	
	@media all and (min-width: 780px) {
		li {width: 24.4%; }
        .imp {width: 50%;}
        h2 {padding-right: 20%;}
        ul.index li {width: 49%; }
        ul.index {margin: 20px 60px;}
	}

	@media all and (max-width: 780px) {
  .header h1 {padding: 120px 0px 0 0px;}
    .menu_logo {width: 80px;}
        h1 {font-size: 23px;}
        ul.index h2 {margin: 0;}

	}