body { margin: 0; padding: 0; overflow: hidden visible }
html { font-family: Sans-Serif; font-size:101% }

nav { background: #e0e0e0 url( /img/fe-male.svg ) no-repeat left 1rem; background-size: 6rem 6rem; padding: 1.5rem }
nav ul { list-style: none; width: 100%; text-align: center }
nav ul li { display: inline; padding: 0 1rem }
nav ul li a { color: #202020; text-decoration: none; font-weight: bold }

main { background: white; font-family: Serif,Times,Times Roman,Times New Roman; padding: 1.5rem; color: #202020 }
main li { padding: 0.25rem 0 }
main>ul>li::first-line { font-weight: 500; color: black }
main a { color: #e08218; text-decoration: none }
main a:visited { color: #7d5f0d }
main .externallink,
main a[target='_blank']:after { content: url( /img/external-link.svg ); padding-left: .25em }

@media (min-width: 640px) { body {font-size:1rem} } 
@media (min-width:960px) { body {font-size:1.2rem} } 
@media (min-width:1100px) { body {font-size:1.5rem} } 

img { max-width: 100%; height: auto }
em { font-weight: 600; font-style: italic; padding: 0.5rem }

.cite { font-style: italic }
.cite::before { content: '„' }
.cite::after { content: '“' }

footer { background: #404040 }
footer div { margin: auto; width: 30% }


ul.socialmedia { list-style: none; margin: 0; padding: 1.5rem}
ul.socialmedia li { display: inline }
ul.socialmedia li a { background: url( /img/SocialMedia-Icons.png ) no-repeat; display: inline-block; filter: brightness(.8);  height: 32px; width: 32px }
ul.socialmedia li.facebook a { background-position: 0 0 }
ul.socialmedia li.twitter a { background-position: 0 -32px }
ul.socialmedia li.googleplus a { background-position: 0 -64px }
ul.socialmedia li.rss a { background-position: 0 -96px }
ul.socialmedia li.whatsapp a { background-position: 0 -128px }
ul.socialmedia li.linkedin a { background-position: 0 -160px }
ul.socialmedia li.yammer a { background-position: 0 -192px }
ul.socialmedia li.vk a { background-position: 0 -224px }
ul.socialmedia li.instagram a { background-position: 0 -256px }
ul.socialmedia li.pinterest a { background-position: 0 -288px }