.menu-sidebar {
    background-color: #031b4d;
}
/* Content Boxes
------------------------------------------------------------ */
.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
    margin: 0 0 25px;
    overflow: hidden;
    padding: 20px;
}
.content-box-blue {
    background-color: #d8ecf7;
    border: 1px solid #afcde3;
}
.content-box-gray {
    background-color: #e2e2e2;
    border: 1px solid #bdbdbd;
}
.content-box-green {
    background-color: #d9edc2;
    border: 1px solid #b2ce96;
}
.content-box-purple {
    background-color: #e2e2f9;
    border: 1px solid #bebde9;
}
.content-box-red {
    background-color: #f9dbdb;
    border: 1px solid #e9b3b3;
}
.content-box-yellow {
    background-color: #fef5c4;
    border: 1px solid #fadf98;
    float:left;
}
.content-box-yellow-notice-board {
    background-color: #fef5c4;
    border: 1px solid #fadf98;
    float:left;
   padding:15px;
   margin-top:10px;
}
@media only screen and (min-width: 768px) {
.site-header {
    padding: 0;
}
.entry .entry-header {
    margin: calc(1 * 1rem) calc(10% + 60px) 1rem;
}
}
.imprint {
display:none;
}
@media only screen and (max-width: 360px) {
.entry .entry-header {
    margin: calc(1 * 1rem) calc(5% + 10px) 1rem;
   margin-bottom: 0;
}
}
.entry .entry-header { margin-top:0; }
.entry .entry-content > *, .entry .entry-summary > * {
    margin: 10px 0;
}
.entry-title {
font-size:1rem;
}
ul, ol {
    padding-left: 2.5rem;
}
body {
font-size:0.8em;
}
.main-navigation .main-menu > li > a {
font-size:18px;
}
@media only screen and (max-width: 360px) {
.content-area {
 width:100%;
 }
}
@media screen and (max-width: 768px) { 
  .content-area {
  width:100%;
   }
 .sidebar {
      width: 100%;
    padding: 5%;
}
}

@media screen and (min-width: 1200px) { 
  .content-area {
      width: 70%;
    float: left;
   }
 .sidebar {
    width: 25%;
    float: left;
}
}