@charset "utf-8";
/* CSS Document */


/* Variablen-Def */
:root {
    --fColor: #2b2b2b;
    /* --fBlue: rgba(0, 28, 242, 0.959); */
    --fOrange: rgba(190, 90, 30, 1.0 );
    --fWeight: 400;
}

/* kiwi-maru-300 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Kiwi_3';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/kiwi-maru-v19-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
    src: url('../fonts/kiwi-maru-v19-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/kiwi-maru-v19-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/kiwi-maru-v19-latin_latin-ext-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/kiwi-maru-v19-latin_latin-ext-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/kiwi-maru-v19-latin_latin-ext-300.svg#KiwiMaru') format('svg'); /* Legacy iOS */
  }
  /* kiwi-maru-regular - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Kiwi_4';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/kiwi-maru-v19-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/kiwi-maru-v19-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/kiwi-maru-v19-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/kiwi-maru-v19-latin_latin-ext-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/kiwi-maru-v19-latin_latin-ext-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/kiwi-maru-v19-latin_latin-ext-regular.svg#KiwiMaru') format('svg'); /* Legacy iOS */
  }
  /* kiwi-maru-500 - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Kiwi_5';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/kiwi-maru-v19-latin_latin-ext-500.eot'); /* IE9 Compat Modes */
    src: url('../fonts/kiwi-maru-v19-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/kiwi-maru-v19-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/kiwi-maru-v19-latin_latin-ext-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/kiwi-maru-v19-latin_latin-ext-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/kiwi-maru-v19-latin_latin-ext-500.svg#KiwiMaru') format('svg'); /* Legacy iOS */
  }

  body {
    --bs-body-font-size: 12px;
}
@media(min-width:991px){
    body {
        --bs-body-font-size: 15px;
    }
}
@media(min-width:1400px){
    body {
        --bs-body-font-size: 16px;
    }
}

html {
  font-family: "Kiwi_3";  font-weight: 300;
  position: relative;
  min-height: 100%;
  /* font-size: calc(1em + 0vw); */
}

body {
  font-family: "Kiwi_3";
  font-weight: var(--fWeight);
  background-color: #ebebeb;
  margin-bottom: 40px;
  font-weight: 300;
  /* Margin bottom by footer height */
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Kiwi_5";
  color: var(--fOrange);
}

.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: "Kiwi_5";
  color: var(--fOrange);
}

.small {
  font-size: 75%;
  color: var(--fColor);
}

li {
  color: var(--fColor);
}

.panel-heading {
  font-weight: bold;
}

.modal-header,
.modal-body,
.modal-footer {
  background-color: rgb(138, 138, 138);
  color: var(--fColor);
}

/* Sticky footer styles
-------------------------------------------------- */
.footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 20px;
  background-color: #b9b5b5;
  font-size: 75%;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

/* body>.container {
  padding: 60px 15px 0;
} */

.container .text-muted {
  margin: 0px 0;
}

.footer>.container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}  

.vidcap {
    width: 100%;
    max-width: 600px;
    border: 2px solid #333;
    border-radius: 8px;
}