html {
overflow-y: scroll;
height: 100%;
font-size: 16px;
line-height: 24px;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
border-top: 4px solid #9f111b;
font-family: Roboto, Arial, sans-serif;
font-weight: 400;
font-size: 1em;
line-height: 1.5;
color: #292c37;
}
/* Anpassen Boxmodel */
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
*:before,
*:after{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
/* Headlines */
h1, h2, h3, h4 {
font-weight: 700;
}
h1 {
font-size: 2.375em;
line-height: 1.26315789em;
margin-top: 0.63157895em;
margin-bottom: 1.2631579em;
color: #9f111b;
}
h2 {
font-size: 1.75em;
line-height: 1.71428571em;
margin-top: 0.85714286em;
margin-bottom: 0.85714286em;
}
h3 {
font-size: 1.3125em;
line-height: 1.14285714em;
margin-top: 1.14285714em;
margin-bottom: 0em;
}
h4,
h5,
h6 {
font-size: 1em;
line-height: 1.5em;
margin-top: 1.5em;
margin-bottom: 0em;
}
/* sonstige Abstände und Elemente */
p, ul, ol, pre, table, blockquote {
margin-top: 0em;
margin-bottom: 1.5em;
}
ul ul, ol ol, ul ol, ol ul {
margin-top: 0em;
margin-bottom: 0em;
}
ul {
list-style: square;
}
ol {
list-style: decimal;
}
li {
margin-left: 2em;
}
hr {
border: 1px solid #292c37;
margin: -1px 0;
}
/* Links */
a,
a:visited {
color: #9f111b;
text-decoration: underline;
}
a:hover,
a:focus,
a:active {
color: #710c13;
outline: 0;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
/** Layout **/
#wrapper {
width: 100%;
max-width: 960px;
margin: 50px auto 0 auto;
}
#main .inside {
padding: 2em 0 0 0;
}
/* Header Logo */
#header .inside {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
#logo {
line-height: 0;
}