.webstra-navi-icon i {
  margin-right: 10px !important;
}

.webstra-top-navi {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.webstra-partner {
  height: 60px;
}

.webstra-partner:first-of-type {
  margin-right: 20px;
}

.webstra-margin-right {
  margin-right: 20px;
}

.webstra-footer-biglink {
  padding: 25px;
  border-radius: 5px;
  border-color: rgba(164, 174, 198, 0.2) !important;
  border: 1px solid;
}

.webstra-footer-biglink:hover {
  background-color: rgba(128, 128, 128, 0.05);
}

.webstra-footer {
  box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.06);
  z-index: 1000;
}

@media (max-width: 400px) {
  .webstra-top-navi-responsive p:first-child {
    display: none;
  }
}

.webstra-header-dropdown-bg {
  background-color: var(--bs-gray);
  border-radius: var(--bs-dropdown-border-radius);
  /*  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px; */
  padding: 1.6rem 0.25rem 1rem 0.25rem;
}

.webstra-dropdown-lg-content {
  padding-bottom: 1rem;
}

.webstra-link-style1 i {
  vertical-align: middle;
  font-size: 1.2em;
  margin-left: -4px;
}

.webstra-dropdown-lg {
  padding-bottom: 5px !important;
}

.webstra-link-style1:hover .number-1,
.webstra-link-style1 .number-2 {
  display: none;
}

.webstra-link-style1:hover .number-2 {
  display: inline;
}

.webstra-header-ressource {
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
}

.webstra-header-ressource img {
  width: 100%;
  height: 200px;
  border-radius: var(--bs-dropdown-border-radius) var(--bs-dropdown-border-radius) 0 0;
  object-fit: cover;
}

@media (max-width: 992px) {
  .webstra-header-ressource img {
    height: 120px;
  }
}

.webstra-header-ressource-category {
  background-color: white;
  border-radius: var(--bs-dropdown-border-radius);
  padding: 2px 12px 2px 12px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.webstra-header-ressource-border-bottom {
  border-radius: 0 0 var(--bs-dropdown-border-radius) var(--bs-dropdown-border-radius);
}

.webstra-ressource-card {
  border-radius: var(--bs-dropdown-border-radius);
  display: block;
  position: relative;
}

.webstra-ressource-card:hover {
  /*  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
  bottom: 2px;
  transition: 0.175s; */

  transform: translateY(-0.1rem);
  box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.1);
  transition: all 0.2s ease-in-out;
}
.webstra-bg-video {
  background-color: transparent !important;
  object-fit: cover;
  position: absolute;

  height: 100%;
  width: 100%;

  z-index: -1;
}

.webstra-background {
  background-color: #202020;
}

.webstra-divider-container {
  display: flex;
  align-items: center; /* Vertikal zentriersen */
  justify-content: center; /* Horizontal zentrieren */
}

.webstra-divider-line {
  flex-grow: 1; /* Erlaubt dem Element, den verfügbaren Platz auszufüllen */
  height: 1px;
  background-color: #d1d1d1; /* Farbe des Strichs */
  margin: 0 10px; /* Abstand zwischen dem Strich und dem Text */
}

.webstra-divider-icon {
  padding: 0 10px; /* Abstand zum Strich */
  z-index: 1; /* Über den Strich legen */
  background-color: #fff; /* Hintergrundfarbe, um den Strich hinter dem Text zu verbergen */
}

.webstra-hr {
  margin: 50px 0px 50px 0px;
}

.webstra-image {
  border-radius: var(--bs-card-border-radius);
  max-width: 100%;
}

#inhalt {
  scroll-margin-top: 100px;
}

@media (max-width: 992px) {
  .angled-webstra {
    position: unset !important;
    border: 0;
  }
}

button.backward,
button.forward {
  background-color: transparent !important;
  border: 1.3px solid #202020 !important;
  color: #202020 !important;
  box-sizing: border-box;
  padding: 10px 25px !important;
}

button.forward {
  background-color: #202020 !important;
  color: #fff !important;
}

button.backward:hover {
  background-color: #202020 !important;
  border: 1.3px solid transparent !important;
  color: #fff !important;
}

button.forward:hover {
  background-color: transparent !important;
  border: 1.3px solid #202020 !important;
  color: #202020 !important;
}

button.submit {
  background-color: #202020 !important;
  color: #fff !important;
  border: 1.3px solid transparent !important;
}

button.submit:hover {
  background-color: transparent !important;
  border: 1.3px solid #202020 !important;
  color: #202020 !important;
}

@media (max-width: 992px) {
  .webstra-nopadding-small {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

/* .background-webstra-top-navi {
  background-color: #000 !important;
} */

@media (max-width: 991px) {
  .webstra-mobile-color {
    color: #ff5a00 !important;
  }
  .webstra-mobile-margin {
    margin-top: 0px !important;
  }
  .webstra-mobile-margin-bottom {
    margin-bottom: 15px !important;
  }
  .webstra-link-style1 {
    color: #202020 !important;
  }
  .webstra-header-dropdown-bg {
    padding: 10px 5px 10px 5px !important;
  }
  .webstra-header-ressource {
    padding: 12px 10px 14px 10px !important;
  }
  .dropdown-header {
    padding: 0 0;
  }
}