body{
	//background-color: #fff;
	font-family: sans-serif;
	padding: 0mm;
	margin:	0mm auto;
	font-size:1.1rem;
	text-align: left;
}

a {
    color:#0F7CE4; 
    text-decoration: none;
}

a:hover {
    color:#C59700;
    transition: color 1s ease-out;
}

div#logo {
    background-image:url(../images/ichrand.png);
    background-repeat:no-repeat;
    background-size:cover;
    width:15vw;
    height:15vw;
    opacity:75%;
    position:absolute;
    top:1vw;
    left:1vw;
}

#navigation{
    background:#50A1F0;
    padding: 0rem;
    margin: 0rem;
    overflow:auto;
}

.navItem {
    text-decoration:none;
    padding:.5rem;
    margin-right:1.3vw;
    color:#fff;
    font-size:1.5rem;
    float:left;
}

.navItem:hover, a.button:hover {
    color:#FFE797;
    transition: color 1s ease-out;
}

#page {
    padding:.5rem;
    overflow:auto;
}

.inhalt {
      float:left;
      border: 1px solid #0004;
      border-radius:.5rem;
      padding:.8rem;
      padding-top:0;
      margin:.3rem;
      background-color:#eee;
 }

.inhalt>.datum {
     font-size:.5rem;
     color:#000a;
 }
.inhalt>h1, #page>h1 {
     margin:0;
     font-size:1.5rem;
 }

 .inhalt>h2, #page>h2 {
     font-size:1.2rem;
 }

 .inhalt>h3, #page>h3 {
     font-size:1rem;   
 }

 .button {
     display:inline-block;
     background:#50A1F0;
     border: 1px solid #0004;
     border-radius:.5rem;
     padding:.5rem;
     margin:.1rem;
     color:#fff;
     text-decoration:none;
     font-size:1.4rem;
 }

 ul {
     list-style-type: square;
 }

 .language {
      color:#555;
      font-style:italic;
  }
dd {
      margin-bottom:.5rem;
  }

li.done  {
    list-style-type: "✓ "; //"☑ ";
}