@charset "UTF-8";
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

/*  custom kfed */

@font-face {
  font-family: 'special-k';
  src: url('../assets/fonts/kf-body_c.eot');
  src: url('../assets/fonts/kf-body_c.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/kf-body_c.woff2') format('woff2'),
    url('../assets/fonts/kf-body_c.woff') format('woff'),
    url('../assets/fonts/kf-body_c.ttf') format('truetype');
}

@font-face {
  font-family: 'haupt-k';
  src: url('../assets/fonts/kf-heads_nm.eot');
  src: url('../assets/fonts/kf-heads_nm?#iefix') format('embedded-opentype'),
    url('../assets/fonts/kf-heads_nm.woff2') format('woff2'),
    url('../assets/fonts/kf-heads_nm.woff') format('woff'),
    url('../assets/fonts/kf-heads_nm.ttf') format('truetype');
}

:root {
  /*  
--bs-body-font-family: 'JetBrains Mono', monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
--font-family-sans-serif: 'JetBrains Mono', monospace, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: 'JetBrains Mono', monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
 */

  --bs-primary-rgb: 255, 255, 255 !important;
  --bs-primary: #fff;

  --bs-secondary-rgb: 108, 117, 125;
  --bs-secondary-rgb: 108, 117, 125;

  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 0, 0, 0;
  /**/
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-body-font-family: 'haupt-k', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"sans-serif !important;
  --font-family-sans-serif: 'haupt-k', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"sans-serif;
  --font-family-monospace: 'special-k', monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-body-line-height: 1.25;
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'haupt-k', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1em !important;
  /* text-decoration: underline; */
}

.italic {
  font-style: italic;
  font-weight: 400;
}

body {

  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased !important;
  font-feature-settings: "case"off;
  font-feature-settings: "liga1"on;
  text-rendering: optimizeLegibility;
  margin: 0;
  font-family: 'haupt-k', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.2rem !important;
  font-weight: 400;
  color: #fff;
  text-align: left;
  background-color: #1c1c1c;
}

hr {
  border: 1;
  margin: auto 0 0;
  opacity: 0.25;
}

a:hover {
  color: #fff !important;
}

a.neutral:link {
  font-style: none;
  font-size: 1rem;
  font-family: 'special-k', monospace, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-transform: uppercase;
  text-decoration: none;
  /* border-bottom: 1px dashed; */
  color: var(--bs-primary);
}

a.neutral:hover {
  color: var(--bs-white);
  background: var(--bs-black)
}

a {
  color: var(--bs-white);
  text-decoration: none;
}

a.unterstrich {
  border-bottom: 1px dashed;
}


.badge {
  display: inline-block;
  padding: 0.4em 0.6em;
  font-size: 0.8rem;
  font-family: 'special-k', monospace, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-transform: uppercase;
  border: 1px solid transparent;
  border-radius: 3rem !important;
  font-weight: 400;
  line-height: 0.6;
}

.badge-special {
  display: inline-block;
  padding: 0.5em 0.8em;
  font-size: 1rem;
  text-transform: uppercase;
  border: 1px solid;
  border-radius: 3rem !important;
  font-weight: 400;
  line-height: 0.6;
}

.badge.badge-outlined-black {
  background-color: transparent;
  border: 1px solid transparent;
  border-color: #000;
}

.badge.badge-outlined-white {
  background-color: transparent;
  border: 1px solid transparent;
  border-color: #fff;
}

.badge.badge-outlined-cyan {
  background-color: transparent;
  color: rgb(0, 201, 236);
  border: 1px solid transparent;
  border-color: rgb(0, 201, 236);
}

.kopfzeile {
  display: inline-block;
  margin-top: 1.5em;
  padding: 1.5em 1.5em;
  font-size: 1rem;
  font-family: 'special-k', monospace, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-transform: uppercase;
  border: 1px solid transparent;
  border-color: #000;
  border-radius: 0rem !important;
  line-height: 0.6;
}

.img-fluid-50 {
  max-width: auto;
  height: 50%;
}

.einzug-1 {
  margin-left: 1.4em;
  /*text-indent: 80px;*/
}

.display-1 {
  line-height: 0.9 !important;
}

.display-X {
  font-size: 5rem;
}

.einzug {
  margin-left: 40px;
}

.uberblende {
  color: #fff;
  border-color: #fff;
  mix-blend-mode: exclusion !important;
}

.hilfslinie {
  border-bottom: 1px solid rgb(0, 251, 255);
  width: 100%;
  display: initial;
  overflow-x: visible;
}

.card {
  border: 0px solid;
  border-radius: 0rem !important;
}

.card-img, .card-img-top {
  border-radius: 0rem !important;
}


.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: 1px solid #3d3d3d !important;
}

.rounded-5 {
  border-radius: 1rem;
}

.border-bottom {
  border-bottom: 1px solid #676767 !important;
}

span.text-marker {
  color: #373000 !important;
  background: #ffff00 !important;
  /*   font-weight: 700 !important;*/
}

span.text-blackout {
  color: #ffffff !important;
  background: #000000 !important;
  /*   font-weight: 700 !important;*/
}


/* Marquee Ersatz */

.marquee {
  position: fixed;
  bottom: 0;

  background:#fff111;
  padding:0.8rem;
  white-space: nowrap;

  overflow: hidden;
  --offset: 20vw;
  --move-initial: calc(-25% + var(--offset));
  --move-final: calc(-50% + var(--offset));
}

.marquee__inner {
  width: fit-content;
  display: flex;
  position: relative;
  transform: translate3d(var(--move-initial), 0, 0);
  animation: marquee 5s linear infinite;
  animation-play-state:running;
}

.marquee span {
  /* font-size: 10vw; */
  padding: 0 2vw;
}

.marquee:hover .marquee__inner {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
      transform: translate3d(var(--move-initial), 0, 0);
  }

  100% {
      transform: translate3d(var(--move-final), 0, 0);
  }
}

/* Marquee Ersatz */


.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}


.bg-error-01 {
  background-image: url('404/error_404-1.gif');
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  height: 100vh;
  padding: 0;
  margin: 0;
}

.bg-error-02 {
  background-image: url('404/error_404-2.gif');
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  height: 100vh;
  padding: 0;
  margin: 0;
}

.bg-error-03 {
  background-image: url('404/error_404-3.gif');
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  height: 100vh;
  padding: 0;
  margin: 0;
}

.bg-error-69 {
  background-image: url('404/fake-landing.gif');
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  height: 100vh;
  padding: 0;
  margin: 0;
}


.bg-kf-intro {
  background-image: url('../assets/img/kf_intro_a.gif');
  background-size: 30%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;

  padding: 0;
  margin: 0;
}

@media (max-width: 580px) {
  .bg-kf-intro {
    background-size: 65%;
    background-attachment: fixed;
  }
}



::selection {
  color: #000 !important;
  background: #000000;
  /* WebKit/Blink Browsers */
}

::-moz-selection {
  color: #000 !important;
  background: #000000;
  /* Gecko Browsers */
}