/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v43-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - 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: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v43-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v43-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Basis */
body { font-family: 'Open Sans'; font-size: 18px; font-weight: 400; }
h2, h3 { font-weight: 400; }
h4 { font-size: 18px; margin-top: 0; }
p a { color: #333; }
p a:hover { color: #000; }

/* UIKit Anpassungen */
.uk-badge { padding: 12px; height: 24px; background-color: #f49855; font-weight: 700; }
.uk-badge.hell { background-color: #fff; color: #333 !important; border: 1px solid #999; }
.uk-section-muted { background-color: #f2f3fe; }
.uk-section-muted.dunkel { background-color: #e9e9f0; }
.uk-card { border-radius: 5px; }
.uk-card .gross { font-size: 34px; font-weight: 700; color: #000; }
#episoden a { text-decoration: none; }
.uk-grid .uk-card { height: 100%; }
.uk-disabled { opacity: 0.65; }

/* Header */
.kp-logo { width: calc(100% - 60px); max-width: 580px; margin-left: 30px; margin-right: 30px; }
.kp-nav ul { margin: 0; padding: 0; list-style: none; }
.kp-nav ul li { display: inline-block; margin: 0 10px; }
.kp-nav ul li a { color: #333; font-weight: 400; text-decoration: none; display: block; padding: 5px 0; font-size: 15px; text-transform: uppercase; border-bottom: 2px solid #fff; }
.kp-nav ul li.aktiv a { font-weight: 700; border-bottom: 2px solid #333; }
.kp-nav ul li a:hover { border-bottom: 2px solid #333; }

/* Button */
.uk-button { border-radius: 5px; font-weight: 700; }
.uk-button-primary { background-color: #9e8676; }
.uk-button-primary:hover { background-color: #333; }
.uk-button-default { background-color: #fff; }
.uk-button-default:hover { background-color: #fff; }

/* Footer */
.kp-footer { background-color: #14181f; }
.kp-footer p { color: #fff; font-size: 15px; }
.kp-footer hr { opacity: 0.25; }
.kp-footer a { color: #999; }
.kp-footer a:hover { color: #fff; }
.kp-footer .kp-logo { max-width: 400px; }