@font-face {
        font-family: 'MathJax';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(MathJax_Main-Regular.otf) format('opentype');
      }


.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

[type="button"], [type="reset"], [type="submit"], button {
    -webkit-appearance: button;
}

button, select {
    text-transform: none;
}

.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd;
}

button:not(:disabled) {
    cursor: pointer;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}


svg {
  border-style:solid;
  border-color:#bebebe;
  border-width:1px;
  
  /*max-width:290mm;*/
  /*width: 100%;*/
  /*height: 40mm;*/
  
}
line {
  stroke:#000000;
  stroke-width:0.5mm;
}
circle {
  stroke:#000000;
  stroke-width:0.5mm;
}
text {
  font-family: 'MathJax', sans-serif;
}

     body {
       font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
       font-size:16px;
     }
     
     h1 {
       font-size:24px;
       font-weight:normal;
     }
      
      .nach_rechts {
        text-align:right;
      }
      
      .math2 {
        font-family: 'MathJax', sans-serif;
        font-size:1.8em;
      }
      
      #i_z1, 
      #i_z2,
      #s_operation {
        background-color:#ffffff;
        border-style:solid;
        border-width:1px;
        border-color:#ffffff;
        width:82px;
        text-align:center;
      }
      #s_operation {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-indent: 1px;
        text-overflow: '';
        overflow:hidden;
      }
      #s_operation:hover {
        cursor:pointer;
      }
      #i_z1::-webkit-outer-spin-button,
      #i_z1::-webkit-inner-spin-button,
      #i_z2::-webkit-outer-spin-button,
      #i_z2::-webkit-inner-spin-button
       {
         -webkit-appearance: none;
        
      }
      #i_z1, 
      #i_z2 {
        -moz-appearance:textfield;
      }
      
      #i_z1:hover, 
      #i_z2:hover,
      #s_operation:hover {
        background-color:yellow;
      }
      table, td {
        border-style:solid;
        border-width:1px;
        border-color:#ffffff;
        border-collapse:collapse;
        padding:4px;
      }
      
      td.zahleneingabe {
        min-width:124px;
      }
      .positiv {
        color:red;
        stroke:red;
        fill:red;
      }
      .negativ {
        color:blue;
        stroke:blue;
        fill:blue;
      }
      
      .unsichtbar {
        color:#ffffff;
      }

      .unauffaellig {
        font-size:0.8em;
        color:#666666;
      }
      
      
      h1, p, span {
        -moz-user-select:none;
        -webkit-user-select:none;
        user-select:none;
      }