.mittig {
vertical-align:middle;
}


details > summary:first-of-type {
    list-style-type: none;
    outline: none;
}

a:link {
    background-color: none;
    text-decoration: none;
    color: #343a40;
}

a:visited {
    background-color: none;
    text-decoration: none;
    color: #343a40;
}

a:hover {
    color: #EBBF23;

}

a:active {
    background-color: none;
    text-decoration: none;
    color: #343a40;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto
}

summary:focus {
        outline: none;
}

summary::-webkit-details-marker,
summary::-moz-details-marker,
summary::-ms-details-marker,
summary::-o-details-marker,
summary::details-marker {
    display:none;
}

.summary {
cursor: pointer;
}


.hoverklappencard:hover {

    background: #F0F1F2;
    font-weight: 400;
    cursor: pointer;
}

.komponenten:hover {
   cursor: pointer;
   color:#0275AE;
}




.slider {
  -webkit-appearance: none;
  width: 180px;
  height: 6px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 30%;
  background: #0324FE;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: none;
  background: black;
  cursor: pointer;
}








.tooltiper {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltiper .tooltiptext {
  visibility: hidden;
  width: 550px;
  background-color: #555;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 10px 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -250px;
  opacity: 0;
  transition: opacity 1s;
}

.tooltiper:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltiperzwei {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltiperzwei .tooltiptextzwei {
  visibility: hidden;
  width: 900px;
  background-color: #555;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 10px 10px;
  position: absolute;
  z-index: 1;
  bottom: -525%;
  left: 50%;
  margin-left: -250px;
  opacity: 0;
  transition: opacity 1s;
}

.tooltiperzwei:hover .tooltiptextzwei {
  visibility: visible;
  opacity: 1;
}


.hand:hover {
   cursor: pointer;
   border-color:#0275AE;
}

.shaddow {
text-shadow: 1px 1px 0px #777;
}




.tooltiperdrei {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltiperdrei .tooltiptextdrei {
  visibility: hidden;
  width: 700px;
  background-color: #555;
  color: #fff;
  text-align: left;
  font-size: 15px;
  border-radius: 6px;
  padding: 10px 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -250px;
  opacity: 0;
  transition: opacity 1s;
}

.tooltiperdrei:hover .tooltiptextdrei {
  visibility: visible;
  opacity: 1;
}

.mittig {
  vertical-align:middle;
  }
  
  
  details > summary:first-of-type {
      list-style-type: none;
      outline: none;
  }
  
  a:link {
      background-color: none;
      text-decoration: none;
      color: #343a40;
  }
  
  a:visited {
      background-color: none;
      text-decoration: none;
      color: #343a40;
  }
  
  a:hover {
      color: #EBBF23;
  
  }
  
  a:active {
      background-color: none;
      text-decoration: none;
      color: #343a40;
  }
  
  IMG.displayed {
      display: block;
      margin-left: auto;
      margin-right: auto
  }
  
  summary:focus {
          outline: none;
  }
  
  summary::-webkit-details-marker,
  summary::-moz-details-marker,
  summary::-ms-details-marker,
  summary::-o-details-marker,
  summary::details-marker {
      display:none;
  }
  
  .summary {
  cursor: pointer;
  }
  
  
  .hoverklappencard:hover {
  
      background: #F0F1F2;
      font-weight: 400;
      cursor: pointer;
  }
  
  .komponenten:hover {
     cursor: pointer;
     color:#0275AE;
  }
  
  
  
  
  .slider {
    -webkit-appearance: none;
    width: 180px;
    height: 6px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
  
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 30%;
    background: #0324FE;
    cursor: pointer;
  }
  
  .slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: none;
    background: black;
    cursor: pointer;
  }
  
  
  
  
  
  
  
  
  .tooltiper {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  
  .tooltiper .tooltiptext {
    visibility: hidden;
    width: 550px;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -250px;
    opacity: 0;
    transition: opacity 1s;
  }
  
  .tooltiper:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
  
  .tooltiperzwei {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  
  .tooltiperzwei .tooltiptextzwei {
    visibility: hidden;
    width: 900px;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px 10px;
    position: absolute;
    z-index: 1;
    bottom: -525%;
    left: 50%;
    margin-left: -250px;
    opacity: 0;
    transition: opacity 1s;
  }
  
  .tooltiperzwei:hover .tooltiptextzwei {
    visibility: visible;
    opacity: 1;
  }
  
  
  .hand:hover {
     cursor: pointer;
     border-color:#0275AE;
  }
  
  .shaddow {
  text-shadow: 1px 1px 0px #777;
  }
  
  
  
  
  .tooltiperdrei {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  
  .tooltiperdrei .tooltiptextdrei {
    visibility: hidden;
    width: 700px;
    background-color: #555;
    color: #fff;
    text-align: left;
    font-size: 15px;
    border-radius: 6px;
    padding: 10px 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -250px;
    opacity: 0;
    transition: opacity 1s;
  }
  
  .tooltiperdrei:hover .tooltiptextdrei {
    visibility: visible;
    opacity: 1;
  }
  
  .mittig {
    vertical-align:middle;
    }
    
    
    details > summary:first-of-type {
        list-style-type: none;
        outline: none;
    }
    
    a:link {
        background-color: none;
        text-decoration: none;
        color: #343a40;
    }
    
    a:visited {
        background-color: none;
        text-decoration: none;
        color: #343a40;
    }
    
    a:hover {
        color: #EBBF23;
    
    }
    
    a:active {
        background-color: none;
        text-decoration: none;
        color: #343a40;
    }
    
    IMG.displayed {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    
    summary:focus {
            outline: none;
    }
    
    summary::-webkit-details-marker,
    summary::-moz-details-marker,
    summary::-ms-details-marker,
    summary::-o-details-marker,
    summary::details-marker {
        display:none;
    }
    
    .summary {
    cursor: pointer;
    }
    
    
    .hoverklappencard:hover {
    
        background: #F0F1F2;
        font-weight: 400;
        cursor: pointer;
    }
    
    .komponenten:hover {
       cursor: pointer;
       color:#0275AE;
    }
    
    
    
    
    .slider {
      -webkit-appearance: none;
      width: 180px;
      height: 6px;
      border-radius: 5px;
      background: #d3d3d3;
      outline: none;
      opacity: 0.7;
      -webkit-transition: .2s;
      transition: opacity .2s;
    }
    
    .slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 15px;
      height: 15px;
      border-radius: 30%;
      background: #0324FE;
      cursor: pointer;
    }
    
    .slider::-moz-range-thumb {
      width: 15px;
      height: 15px;
      border-radius: 50%;
      border: none;
      background: black;
      cursor: pointer;
    }
    
    
    
    
    
    
    
    
    .tooltiper {
      position: relative;
      display: inline-block;
      cursor: pointer;
    }
    
    .tooltiper .tooltiptext {
      visibility: hidden;
      width: 550px;
      background-color: #555;
      color: #fff;
      text-align: left;
      border-radius: 6px;
      padding: 10px 10px;
      position: absolute;
      z-index: 1;
      bottom: 125%;
      left: 50%;
      margin-left: -250px;
      opacity: 0;
      transition: opacity 1s;
    }
    
    .tooltiper:hover .tooltiptext {
      visibility: visible;
      opacity: 1;
    }
    
    .tooltiperzwei {
      position: relative;
      display: inline-block;
      cursor: pointer;
    }
    
    .tooltiperzwei .tooltiptextzwei {
      visibility: hidden;
      width: 900px;
      background-color: #555;
      color: #fff;
      text-align: left;
      border-radius: 6px;
      padding: 10px 10px;
      position: absolute;
      z-index: 1;
      bottom: -525%;
      left: 50%;
      margin-left: -250px;
      opacity: 0;
      transition: opacity 1s;
    }
    
    .tooltiperzwei:hover .tooltiptextzwei {
      visibility: visible;
      opacity: 1;
    }
    
    
    .hand:hover {
       cursor: pointer;
       border-color:#0275AE;
    }
    
    .shaddow {
    text-shadow: 1px 1px 0px #777;
    }
    
    
    
    
    .tooltiperdrei {
      position: relative;
      display: inline-block;
      cursor: pointer;
    }
    
    .tooltiperdrei .tooltiptextdrei {
      visibility: hidden;
      width: 700px;
      background-color: #555;
      color: #fff;
      text-align: left;
      font-size: 15px;
      border-radius: 6px;
      padding: 10px 10px;
      position: absolute;
      z-index: 1;
      bottom: 125%;
      left: 50%;
      margin-left: -250px;
      opacity: 0;
      transition: opacity 1s;
    }
    
    .tooltiperdrei:hover .tooltiptextdrei {
      visibility: visible;
      opacity: 1;
    }