/* Formatierungen für HTML-Abschlusseiten */
/* Fonts der BKK24  */
/* BKK24 Corporate Fonts */
@font-face {
  font-family: "Univers LT W01_57 Condensed";
  src: url("/includes/ressource?mid=102&name=bf8f8741-5f64-4db9-a877-a44624092e68.woff2") format("woff2"),
       url("/includes/ressource?mid=102&name=7ce02c2c-45d4-4dee-90f2-f8034e29ac24.woff") format("woff");
}

@font-face {
  font-family: "Univers LT W01_67 Bold_1476016";
  src: url("/includes/ressource?mid=102&name=3bdb4597-ff70-447c-8620-8836686bf840.woff2") format("woff2"),
       url("/includes/ressource?mid=102&name=5599ac9f-d136-4277-aeee-f82aac5d527f.woff") format("woff");
}

/* Farbvariablen */
:root {
  --grey-100: #000;
  --grey-080: #353535;
  --grey-070: #4E4E4E;
  --grey-060: #666;
  --grey-050: #808080;
  --grey-040: #999;
  --grey-030: #B4B4B4;
  --grey-020: #CECECE;
  --grey-010: #E4E4E4;
  --grey-005: #f8f8f8;

  --white: #fff;
  --red-100: #FF0032;
  --yellow-100: #FFE600;
}

/* Basislayout */
body {
  margin: 0;
  background-color: var(--grey-010);
  font-family: "Univers LT W01_57 Condensed", Arial, sans-serif;
  font-size: 14px;
  color: var(--grey-080);
  line-height: 1.5;
}

.wrapper {
  max-width: 750px;
  margin: 0 auto;
  background-color: var(--white);
  padding: 40px 30px;
}

/* Header */
header {
  height: 80px;
  background-color: var(--white);
  background-image: url("/includes/ressource?mid=102&name=bkk24-logo.svg");
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: left center;
  margin-bottom: 30px;
}

/* Überschriften */
h1 {
  font-size: 32px;
  font-family: "Univers LT W01_67 Bold_1476016", Arial, sans-serif;
  color: var(--red-100);
  margin: 0 0 20px;
}

h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 20px;
}

/* Text */
p {
  margin-bottom: 20px;
}

/* Ergebnistabelle */
.results-table {
  width: 100%;
  border-collapse: collapse;
  margin: 30px 0;
  font-size: 16px;
}

.results-table th,
.results-table td {
  border: 1px solid var(--grey-030);
  padding: 12px;
  text-align: left;
  vertical-align: middle;
}

.results-table th {
  background-color: var(--yellow-100);
  color: var(--grey-100);
  font-family: "Univers LT W01_67 Bold_1476016", Arial, sans-serif;
}

/* Button */
.button-download {
  display: inline-block;
  background-color: var(--red-100);
  color: var(--white);
  padding: 12px 20px;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  margin-top: 30px;
  transition: background-color 0.2s ease-in-out;
}

.button-download:hover,
.button-download:focus {
  background-color: #cc0029;
  outline: none;
}

/* Footer */
footer {
  font-size: 12px;
  color: var(--grey-060);
  margin-top: 40px;
  border-top: 1px solid var(--grey-020);
  padding-top: 20px;
}

/* Druckversion */
@media print {
  body {
    background-color: #fff;
    color: #000;
    font-size: 12pt;
  }

  header {
    background: none;
    height: auto;
  }

  .button-download {
    display: none;
  }
}