*{
margin:0;
padding:0;
}

@font-face {
  font-display: swap; 
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/archivo-v19-latin-regular.woff2') format('woff2'), 
       url('fonts/archivo-v19-latin-regular.ttf') format('truetype'); 
}
@font-face {
  font-display: swap; 
  font-family: 'ArchivoItalic';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/archivo-v19-latin-italic.woff2') format('woff2'), 
       url('fonts/archivo-v19-latin-italic.ttf') format('truetype'); 
}
@font-face {
  font-display: swap; 
  font-family: 'ArchivoBold';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/archivo-v19-latin-700.woff2') format('woff2'), 
       url('fonts/archivo-v19-latin-700.ttf') format('truetype'); 
}
@font-face {
  font-display: swap; 
  font-family: 'ArchivoBoldItalic';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/archivo-v19-latin-700italic.woff2') format('woff2'), 
       url('fonts/archivo-v19-latin-700italic.ttf') format('truetype'); 
}
.fontitalic {
 font-family: 'ArchivoItalic', sans-serif;
}
.fontbold {
 font-family: 'ArchivoBold', sans-serif;
} 
.fontitalicbold {
 font-family: 'ArchivoBoldItalic', sans-serif;
}
.trans3 {
 transition: all 0.3s;
}

@media(max-width:990px) {
 #content h1 {
 font-size: 1.5rem !important; 
 }
 #randnotiz {
 padding: 7px 0 6px 0 !important; 
 }
 #randnotiz img {
 width: 200px !important; 
 }
 #content {
 margin: 33px auto 40px auto !important; 
 }
}

#mobile {
 background: #d8e4e4;
 padding: 6px 0;
 box-shadow: 0 1px 1px rgba(0,0,0,.2);
 position: fixed;
 z-index: 99;
 top: -50px;
 left: 0;
 width: 100%;
}
.mobile-inner {
 width: 96%;
 max-width: 840px;
 margin: 0 auto;
}
.mobile-inner span {
 float: right;
}
.mobile-inner span img {
 margin-left: 10px;
 padding-left: 10px;
 border-left: 1px solid #fff;
 cursor: pointer;
}
.mobile-inner span img:hover {
 opacity: 0.5;
}
.mobile-inner img {
 width: 32px;
 height: 32px;
}

#dynamic {
 width: 40%;
 min-width: 260px;
 padding: 5%;
 background: #51898a;
 position: fixed;
 top: 0;
 right: -100%;
 height: 100%;
 z-index: 101;
 font-family: 'ArchivoBold', sans-serif;
}
#dynamic span {
 color: #fff;
 margin-bottom: 32px;
 display: block;
 font-size: 150%;
}
#dynamic ul {
 margin-left: 7%;
}
#dynamic ul * {
 margin-bottom: 20px;
}
#dynamic ul li {
 list-style-image: url(wpc3.png);
}

#dynamic ul li a {
 color: #fff;
  font-size: 120%;
  padding-left: 5px;
  text-decoration: none;
}
.stopmenu {
 float:right;
 cursor: pointer;
}
.stopmenu:hover {
 opacity: 0.7;
}

#randnotiz {
padding: 11px 0;
background: #d8e4e4;
box-shadow: 0 1px 1px rgba(0,0,0,.2);
}
#randnotiz img {
 width: 240px;
 height: auto;
 display: block;
 margin: 0 auto;
}

#content {
 width: 96%;
 max-width: 840px;
 margin: 40px auto;
 font-family: 'Archivo', sans-serif; 
 line-height: 1.25;
}



#content h1 {
 margin-bottom: 22px;
 text-align: center;
 font-size: 2rem;
  font-weight: normal;
}

#content .pubdate {
 font-size: 90%;
 color: #555;
 display: block;
 text-align: center;
 padding-bottom: 22px;
 border-bottom: 1px dotted #888;
 margin-bottom: 22px;
}

.respimg {
 display: block;
 margin: 22px auto;
 max-width: 100%;
 height: auto;
}



#content article p,
#content article img,
#content article ul,
#content article ol,
#content article h2,
#content article h3,
#content article h4,
#content article div {
 margin: 31px 0 22px 0;
  font-size: 115%;
 line-height: 1.55;
}

#content article ul,
#content article ol {
	padding: 22px 22px 22px 33px;
	background: #f1f2f1;
}

#content article ul li,
#content article ol li {
 line-height: 1.3;
 margin: 11px;
 font-family: 'Archivo', sans-serif;
}

#content article ul li {
 list-style-type:
}

#content article a {
 color: #51898a;
 text-decoration: underline;
}
#content article a:hover {
 text-decoration: none;
}

#content article strong {
 font-family: 'ArchivoBold', sans-serif;
 font-weight: normal;
}

#content article h2,
#content article h3,
#content article h4 {
 font-family: 'ArchivoBold', sans-serif;
 line-height: 1.25;
 font-size: 1.5rem;
 font-weight: normal;
}

#content article .zi {
 font-family: 'ArchivoItalic', sans-serif;
 padding-left: 11px;
 border-left: 7px solid #51898a;
}

#content article .zi p {
 font-size: 95%;}