body, body.form {
  position: relative;
  display: grid;

  /* Footer on bottom of the page: */
  min-height: 100vh;
  margin: 0;
  background: #fff;
  font-family: "Fedra Serif Std", Tahoma, sans-serif;
  font-weight: normal;
  grid-template-rows: auto 1fr auto;
  overflow-x: hidden; /* President section */
}

/* Typography
-------------------------------------------------- */

/* FedraSansAltPro
----------------------- */
@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/FedraSansAltPro/FedraSansAltPro-LightLF/FedraSansAltPro-LightLF.woff") format("woff");
}

@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/FedraSansAltPro/FedraSansAltPro-LightItalicLF/FedraSansAltPro-LightItalicLF.woff") format("woff");
}

@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/FedraSansAltPro/FedraSansAltPro-BookLF/FedraSansAltPro-BookLF.woff") format("woff");
}

@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/FedraSansAltPro/FedraSansAltPro-BookItalicLF/FedraSansAltPro-BookItalicLF.woff") format("woff");
}

@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/FedraSansAltPro/FedraSansAltPro-DemiLF/FedraSansAltPro-DemiLF.woff") format("woff");
}

@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/FedraSansAltPro/FedraSansAltPro-DemiItalicLF/FedraSansAltPro-DemiItalicLF.woff") format("woff");
}

@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/FedraSansAltPro/FedraSansAltPro-MediumLF/FedraSansAltPro-MediumLF.woff") format("woff");
}

@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/FedraSansAltPro/FedraSansAltPro-MediumItalicLF/FedraSansAltPro-MediumItalicLF.woff") format("woff");
}

@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/FedraSansAltPro/FedraSansAltPro-BoldLF/FedraSansAltPro-BoldLF.woff") format("woff");
}

@font-face {
  font-family: "Fedra Sans Alt Pro";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/FedraSansAltPro/FedraSansAltPro-BoldItalicLF/FedraSansAltPro-BoldItalicLF.woff") format("woff");
}

/* FedraSansDisplay
----------------------- */

@font-face {
  font-family: "Fedra Display 2";
  src: url("../fonts/FedraSansDisplay/Fedra-Sans-Display-2-Heavy.woff") format("woff");
}

/* FedraSerifStd
----------------------- */

@font-face {
  font-family: "Fedra Serif Std";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/FedraSerifStd/FedraSerifAStdBookLF.woff") format("woff"), url("../fonts/FedraSerifStd/FedraSerifAStdBookLF.woff2") format("woff2");
}

@font-face {
  font-family: "Fedra Serif Std";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/FedraSerifStd/FedraSerifAStdBoldLF.woff") format("woff"), url("../fonts/FedraSerifStd/FedraSerifAStdBoldLF.woff2") format("woff2");
}

/* Font families
----------------------- */

.font-fedra-sans-alt-pro {
  font-family: "Fedra Sans Alt Pro", Tahoma, sans-serif;
  font-style: normal;
  font-weight: 300;
}

.font-fedra-sans-display {
  font-family: "Fedra Display 2", Tahoma, sans-serif;
}

.font-fedra-serif-std {
  font-family: "Fedra Serif Std", Tahoma, sans-serif;
  font-style: normal;
  font-weight: 400;
}

/* Headers
----------------------- */

h1, h2, h3, h4, h5, h6 {
  font-family: "Fedra Display 2", Tahoma, sans-serif;
  font-weight: normal;
}

/* Font sizes
----------------------- */

.header {
  color: #fff;
}

.header h1 {
  font-size: 3.125rem; /* 49,6 ~ 50 */
}

.intro {
  color: #000;
}

.intro h2 {
  font-size: 3.125rem; /* 50 */
}

.intro p {
  font-size: 1.1875rem; /* 19,24 ~ 19 */
  line-height: 2rem;
}

.quote {
  color: #fff;
}

.blockquote, .blockquote-footer {
  font-size: 1.5rem; /* 24 */
  line-height: 1.875rem /*30*/;
}

.kategorie h3, .terminy h3 {
  color: #000;
  font-size: 1.875rem; /* 30 */
}

.kategorie p, .kategorie .collapse, .kategorie .collapsed, .kategorie .collapsing {
  color: #444e57;
  font-size: 1.1875rem; /* 19,24 ~ 19 */
}

.kategorie p.card-title {
  color: #000;
  font-size: 2.5rem; /* 40 */
}

.kategorie .card-footer .card-text {
  color: #000;
}

.kategorie a.btn, .kategorie a.card-link {
  font-size: 1.25rem; /* 20 */
}

/*
.kategorie a.btn {
    color: #000;
}
*/

.kategorie a.card-link {
  color: #0084df;
}

.kategorie .collapse a {
  color: #2294e3;
}

.partners h4 {
  font-size: 1.5rem; /* 24 */
}

.partners .logo-name {
  font-size: 1.3125rem; /* 21,55 ~ 21 */
}

.footer .footer-links a {
  color: #000;
  font-size: 1.25rem; /* 20 */
}

/* Other font styles
----------------------- */

.quote cite, .president cite {
  color: #fff;
  font-style: normal;
}


/* Elements
----------------------- */

.btn-gradient {
  position: relative;
  z-index: 2;
  display: inline-block;
  box-sizing: border-box;
  padding: .125rem; /* 2px */
  border: none;
  margin: 0 auto;
  border-radius: .3125rem; /* 5px */
  color: #000;
  font-size: 1.25rem; /* 20px */
  line-height: 1.5;
  text-decoration: none;
}

.btn-gradient-orange {
  background-image: linear-gradient(to right, #ff0100 0%, #ffc600 100%);
}

.btn-gradient-green {
  background-image: linear-gradient(to right, #0023a7 0%, #00b3c5 100%);
}

.btn-gradient-disabled {
  padding: 0;
  border: 2px solid #ddd;
  color: #c9c9c9;
}

.btn-gradient:hover {
  color: #fff;
}

.btn-gradient span {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: .75rem 2.75rem;
  background: #fff;
  border-radius: .3125rem; /* 5px */

  /* height: 100%; */
  transition: background .5s ease;
}

.btn-gradient:hover span {
  background: transparent;
}

.footer {
  height: auto;
  background: #c4c3c3;
}

.footer svg {
  width: auto;
  height: 28px;
}

.partners {
  height: auto;
  background: #3c4850;
}

.partners svg {
  width: auto;
  height: 90px;
}

.award img {
  width: 100%;
  max-width: 750px;
}

.kategorie .card {
  border: 1px solid #fff;
  border-radius: 0;
}

.kategorie .card .card-header {
  border-bottom: 1px solid #fff;
  background-color: rgb(0 0 0 / 0%);
}

.kategorie .card .card-footer {
  border-top: 1px solid #fff;
  background-color: rgb(0 0 0 / 0%);
}

.kategorie ul.list-group li.list-group-item {
  border: none;
}

.terminy .terminy-background {
  background: #fff url("../img/banner-terminy.svg");
  background: linear-gradient(left, #fff 0%, transparent 20%, transparent 80%, #fff 100%), url("../img/banner-terminy.svg");
}

.terminy img {
  width: 100%;
  max-width: 950px;
}

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7ecf0+0,d1dee5+49,c1d3dc+100 */

.t-with-shadow {
  text-shadow: 0 0 17px rgb(0 0 0 / 40%);
}

a.read-more::after {
  content: " \00A0\003E";
}

a {
  color: #00bdf3;
}
