ul.tab-item {}

ul.tab-nav {
  list-style: none;
  display: inline-flex;
  padding: 0;
  margin: 0;
  margin-bottom: -1px;
  border-bottom: 0;
}

ul.tab-nav li a{
  margin: 0;
  padding: 2em;
  border: 1px solid #D9DEE8;
  display: block;
  color: #000;
  text-decoration: none;
  font-size: 1.1em;
}
ul.tab-nav li a.active{
  border-bottom:1px solid #fff;
  text-decoration: underline;
}
.outside,
.ring {
  border: 1px solid #D9DEE8;
  padding: 1em 2em;
}
.flex {
  display: flex;
}
.outer-result,
.outside form,
.ring form,
.ring-result {
  width: 50%;
}

.coil-calc input[type=number],
.coil-calc input[type=text] {
  margin: 0.25em 0;
  padding: 0.75em 1em;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1.625;
  margin-bottom: 0;
  background-color: #fff;
  border: 1px solid #D9DEE8;
}

/* Chrome, Safari, Edge, Opera */
.coil-calc input::-webkit-inner-spin-button,
.coil-calc input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.coil-calc input[type=number],
.coil-calc input[type=text] {
  -moz-appearance: textfield;
  font-family: 'ThyssenKrupp',sans-serif;
}

.coil-calc input[type=number]:focus,
.coil-calc input[type=text]:focus {
  outline: none;
  border: 1px solid #003c7d;
}
.coil-calc label {
  margin-top: 1em;
  display: block;
}
.coil-calc input[type=submit] {
  background-color: #FFB400;
  color: #000;
  display: inline-block;
  padding: 1.2rem 2.4rem;
  border: none;
  margin: 1em 0;
  font-family: 'ThyssenKruppMedium',sans-serif;
  font-size: 1.25em;
}
main {
  margin: auto;
  max-width: 62rem;
}

@font-face {
  font-family: "ThyssenKrupp";
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/TKTypeRegular.ttf");
}

@font-face {
  font-family: "ThyssenKruppBold";
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/TKTypeBold.ttf");
}

@font-face {
  font-family: "ThyssenKruppMedium";
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/TKTypeMedium.ttf");
}

body {
  font-family: 'ThyssenKrupp',sans-serif;
}
,
h1,
h2,
h3 {
  font-family: 'ThyssenKruppBold',sans-serif;
}

.svg-icon {
  padding-left:2em;
}

.svg-icon img {
    width: 350px;
}


/* prepare wrapper element */
.input-container {
  display: inline-block;
  position: relative;
}

/* position the unit to the right of the wrapper */
.input-container::after {
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  right: .5em;
  color: #8e8e8e;
}

/* move unit more to the left on hover or focus within
   for arrow buttons will appear to the right of number inputs */
.input-container:hover::after,
.input-container:focus-within::after {
  right: 1.5em;
}

/* handle Firefox (arrows always shown) */
@supports (-moz-appearance:none) {
  .input-container::after {
    right: 1.5em;
  }
}

/* set the unit abbreviation for each unit class */
.input-container::after {
  content: 'mm';
}
.input-container.kg::after {
  content: 'kg';
}
.input-container.m::after {
  content: 'm';
}
.input-container.kg-bdmm::after {
  content: 'kg/Bdmm';
}
.input-container.kg-mm::after {
  content: 'kg/mm';
}
a.tabmenu:not(.active) {
   opacity:.5;
}