header.logo { border: solid 0 #3399cc; border-bottom-width: 1px; background: #434343 url(/images/dots_bg.png) no-repeat 280px 0; }
header.logo .content-ma-0 { padding: 20px 10px 18px 10px; }
header.logo img { width: 100%; max-width: 342px; height: auto; }

header.title { background-color: #232323; border: solid 0 #ff0000; border-bottom-width: 1px; }
header.title .content-ma-0 { padding: 10px; color: #b6b6b6; }
header.title .content-ma-0 a { color: #b6b6b6; text-decoration: none; font-size: 13px; }
header.title .content-ma-0 a:hover { color: #d4d3d3; text-decoration: none; }

.intro { padding: 10px 0; border: solid 0 #dddddd; border-bottom-width: 1px; padding-bottom: 25px; }
.intro h1 { color: #838383; margin-bottom: 15px; margin-top: 10px; }
.intro p { margin-bottom: 10px; }
.intro p:last-of-type { margin-bottom: 0; }

.lib-wrapper h3 { border: solid 0 #cccccc; border-bottom-width: 1px; padding-bottom: 5px; }
.lib-wrapper h3.css { color: #219fd1; }
.lib-wrapper h3.js { color: #77b823; }
.lib-wrapper h3.misc { color: #888888; }

.lib-section { margin-top: 30px; margin-bottom: 60px; }
.lib-section ul { list-style: none; margin: 10px 5px 0 5px; }
.lib-section ul li { padding: 3px 0; }
.lib-section .lib-title { font-size: 13px; font-weight: bold; padding-bottom: 5px; }
.lib-section .source a { text-decoration: none; font-weight: normal; }
.lib-section .snippet { color: #ec1d25; font-weight: bold; }
.lib-section .version { border: solid 0; border-color: #dddddd; border-bottom-width: 1px; padding-bottom: 15px; }

.last-updated { background-color: #363839; color: #dddddd; text-align: center; padding: 6px 10px; font-size: 11px; }

footer { background-color: #282a2b; border: solid 0 #4b4c4d; border-top-width: 1px; }
footer .content { max-width: 960px; margin: 0 auto; display: flex; justify-content: space-between; }
footer .copyright { color: #dddddd; padding: 10px 10px; font-size: 11px; }
footer .links { padding: 10px 10px; }
footer .links a { color: #cccccc; text-decoration: none; font-size: 11px; }
footer .links a:hover { color: #ffffff; text-decoration: none; }

#imprint-lightbox-content { display: none; }
.imprint-lightbox-content { width:calc(100vw - 20px); max-width:700px; min-width:300px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.imprint-lightbox-content > div { flex: 1 1 auto; margin: 10px; }
.imprint-lightbox-content .imprint-headline { border: solid 0 #009cde; border-bottom-width: 1px; padding-bottom: 3px; margin-bottom: 15px; }