/* für Internet-Explorer Box (nur relevant für Internet-Explorer-Nutzer */
#internet-explorer {
  position: fixed;
  text-align: center;
  background: #304047;
  opacity: 0.99;
  width: 60vw;
  padding: 3rem;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  z-index: 3000;
}

#internet-explorer ul li::before {
  content: "\f110"!important;
  color: white!important;
  display: inline-block!important; /* Needed to add space between the bullet and the text */
  width: 1em!important; /* Also needed for space (tweak if needed) */
}

#internet-explorer p {
  color: white !important;
}

#internet-explorer-div-for-ul {
  margin: 2rem 0;
  position: relative;
  width: 100%;
  height: 60px;
}

#internet-explorer-div-for-ul ul {
  position: absolute;
  text-align: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  left: 49%;
  transform: translateX(-50%);
}

#internet-explorer a {
  color: white;
  transition: color 0.3s ease;
  padding-left: 0.5rem;
}

#internet-explorer a:hover {
  color: lightblue;
}

#internet-explorer-btn {
  margin-top: 2rem;
  cursor: pointer;
}

.hide-internet-explorer-box {
  display: none;
}

/* ende von: für Internet-Explorer Box (nur relevant für Internet-Explorer-Nutzer */