@font-face {
   font-family: Source Serif Pro;
   src: url(https://static.rndtech.de/share/rnd/jchrist/SourceSerifPro-Regular.ttf);
}

@font-face {
    font-display: swap;
    font-family: 'DIN Next LT Pro';
    font-style: normal;
    font-weight: 700;
    src: url(https://static.rndtech.de/share/rnd/jchrist/DINNextLTPro-Bold.woff2) format("woff2"), 
      url(https://static.rndtech.de/share/rnd/jchrist/DINNextLTPro-Bold.woff) format("woff"), 
      url(https://static.rndtech.de/share/rnd/jchrist/DINNextLTPro-Bold.ttf) format("truetype")
}
  
@font-face {
    font-display: swap;
    font-family: 'InterRegular';
    font-style: normal;
    font-weight: 400;
    src: url(https://static.rndtech.de/share/rnd/jchrist/Inter-Regular.woff2) format("woff2"),
    url(https://static.rndtech.de/share/rnd/jchrist/Inter-Regular.woff) format("woff"), 
    url(https://static.rndtech.de/share/rnd/jchrist/Inter-Regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: 'InterMedium';
    font-style: normal;
    font-weight: 500;
    src: url(https://static.rndtech.de/share/rnd/jchrist/Inter-Medium.woff2) format("woff2"), 
      url(https://static.rndtech.de/share/rnd/jchrist/Inter-Medium.woff) format("woff"), 
      url(https://static.rndtech.de/share/rnd/jchrist/Inter-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: 'InterBold';
    font-style: normal;
    font-weight: 700;
    src: url(https://static.rndtech.de/share/rnd/jchrist/Inter-Bold.woff2) format("woff2"), 
      url(https://static.rndtech.de/share/rnd/jchrist/Inter-Bold.woff) format("woff"), 
      url(https://static.rndtech.de/share/rnd/jchrist/Inter-Bold.ttf) format("truetype")
}

.strokeme {
    color: #0f151a;
    font-size: 12px;
    font-weight: 800;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

h2 {
    color: rgb(15, 21, 26);
    font-family: "DIN Next LT Pro", sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin: 0px 0px 0px 0px;
}

.title {
    color: rgb(15, 21, 26);
    font-family: "DIN Next LT Pro", sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin: 0px 0px 0px 0px;
}

.dark {
    background-color: #293845;
    color:  #ffffff;
}

.subtitle {
    font-family: "Source Serif Pro", serif;
    font-size: 17px;
    font-weight: 400;
    color: rgb(41, 56, 69);
  }

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    font-family: "Source Serif Pro", serif;
    font-size: 14px;
    font-weight: 400;
    color: rgb(41, 56, 69);
    visibility: hidden;
    bottom: 30px;
    left: 15px;
    width: 225px;
    background-color: rgb(255, 255, 255, .9);
    color: #333333;
    text-align: left;
    border-radius: 4px;
    padding: 5px 5px 5px 5px;
    line-height: 125%;
    position: absolute;
    border: 1px solid rgb(220, 228, 234);
    z-index: 1000;
   -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.credits {
    font-size: 12px;
    color: #99AFC2;
    font-family: InterRegular, sans-serif;
    font-weight: 400;  
    position:relative;
    bottom:3px;
  }

.button .button:hover {
    background-color: #ffffff;
}

.button {
    background-color: #EFF3F5; 
    color: #0F151A; 
    font-weight: 500;
    height: 40px;
    border: 1px solid #DCE4EA;
    padding: 3px 12px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    font-family: InterRegular;
}

.button:hover {
    background-color: #597A96;
    color: #ffffff;
}

.button:focus {
    background-color: #597A96;
    color: #ffffff; 
    outline: 0;
    box-shadow: none!important;
}

.button-sel{
    background-color: #597A96;
    color: #ffffff; 
    border: 1px solid rgb(220, 228, 234);
    border-radius: 4px;
    cursor: pointer;
    outline: 0;
    box-shadow: none!important;
}

body {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}


p, span {
    font-family: InterRegular, sans-serif;
    color: rgb(41, 56, 69);
    font-size: 12px;
    font-weight: 400;
}

.control {
    position: relative;
    font-size: 16px;
    display: block;
    padding-left: 24px;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    top: 1px;
    left: 3px;
    width: 18px;
    height: 18px;
    background: #999999;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #666666;
}

/* Checked state */
.control input:checked ~ .control__indicator {
    background: rgb(79,128,255);
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: rgb(79,128,255);
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
    display: block;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
    top: 6px;
    left: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

label {
    display: block;
    float: left;
}

input[disabled] ~ .control__indicator {
    color: red;
    cursor:not-allowed;
}

input, input ~ * {
    cursor: pointer;
}

input[disabled], input[disabled] ~ * {
    cursor: default;
}

input {
    font-family: InterRegular;
    font-size:  12px;
    color:  #0f151a;
}