/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../css/fonts/raleway-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../css/fonts/raleway-v34-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../css/fonts/raleway-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Basis */
html { background: #2a2a2a; overflow-y: scroll; height: 100%; }
body { font-family: 'Raleway'; font-weight: 400; margin: 0; padding: 0; color: #fff; height: 100%; display: flex; flex-direction: column; font-size: 15px; }
.innen { max-width: 1600px; width: calc(100% - 80px); margin: auto; padding: 0 40px; }
h1 { font-size: 24px; margin: 0 0 20px; font-weight: 600; }
h2 { font-size: 22px; margin: 0 0 20px; font-weight: 600; color: #9c9c9c; }
a { color: #999; text-decoration: underline; }
a:hover { color: #fff; }
button { color: #fff; border: none; background-color: #005ba9; border-radius: 5px; padding: 0 15px; font-size: 12px; line-height: 32px; text-decoration: none; height: 32px; display: inline-block; cursor: pointer; text-transform: uppercase; }
button:hover { background-color: #0082ec; }
button.grau { background-color: #4b4b4b; }
button.grau:hover { background-color: #3f3f3f; }

/* Header */
header { background: #1c1c1c; height: 80px; position: fixed; top: 0; left: 0; width: 100%; }
header img { height: 50px; width: auto; margin-top: 15px; }

/* Main */
main { margin-top: 120px; padding-bottom: 60px; flex: 1; }

/* Footer */
footer { background-color: #1c1c1c; padding: 50px 0; margin: 0; width: 100%; }
footer img { width: 150px; height: auto; }
.product-of { margin: 0 0 5px 5px; font-size: 11px; color: #666; }

/* Formulare */
form label { font-size: 12px; color: #999; display: block; margin: 0 0 5px 0; }
form input { width: 200px; padding: 10px; border: none; font-size: 15px; margin-bottom: 15px; font-family: 'Raleway'; background-color: #333; color: #fff; }
form select { width: 200px; padding: 10px; border: none; font-size: 15px; margin-bottom: 15px; font-family: 'Raleway'; background-color: #333; color: #fff; }
form input.input-large { width: 100%; max-width: 430px; }
form select.input-large { width: 100%; max-width: 450px; }

/* Tabelle */
table tr { background-color: #222; }
table tr:first-of-type { background-color: #111; }
table tr td { padding: 5px 10px; }