freigeist-tina
1/11/2020 - 10:25 PM

01 >> Layout konfigurieren und Basis Styling per CSS

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;
}