.shepherd-button {
  background: #8a0b8c;
  border-top: solid 4px #16202d;
  border-radius: 0;
  color: #ffffff;
  display: flex;
  flex-grow: 1;
  font-family: 'GT Pressura', sans-serif;
  font-size: 1rem;
  justify-content: center;
  margin: 0;
  padding: 1rem;
  text-align: center;
  text-transform: uppercase;
}

.shepherd-button:hover {
  background: #bf12c2 !important;
  color: #ffffff;
}

.shepherd-button.shepherd-button-secondary {
  background: #cad5d5;
}

.shepherd-button.shepherd-button-secondary:hover {
  color: #cad5d5;
  background: #ffffff !important;
}

.shepherd-cancel-icon {
  font-family: 'GT Pressura', sans-serif;
  color: #ffffff
}

.shepherd-element {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  z-index: 999999;
}

.shepherd-modal-overlay-container {
  z-index: 999997;
}

.shepherd-element,
.shepherd-header,
.shepherd-footer {
  border-radius: 0;
}

.shepherd-element .shepherd-arrow {
  border-width: 0;
  height: auto;
  width: auto;
}

/* Pfeil */
.shepherd-arrow::before {
  background: transparent;
  border: 8px solid transparent; /* Größe des Pfeils */
}

.shepherd-element[data-popper-placement^='bottom'] .shepherd-arrow::before {
    border-width: 14px;
    border-style: solid;
    border-color: #8a0b8c;
}

.shepherd-element[data-popper-placement^='bottom'] .shepherd-arrow {
  bottom: 100%; /* Positioniere den Pfeil exakt an der Unterkante */
  left: 50%;
  transform: translateX(-50%);
}

.shepherd-arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.shepherd-footer {
  padding: 0;
}

.shepherd-footer button {
  border: 3px solid #16202d;
}

.shepherd-footer button:not(:last-of-type) {
  border-right: none; 
}

.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
  margin-top: -7px;
}

.shepherd-has-title .shepherd-content .shepherd-header {
  background: transparent;
  font-family: 'GT Pressura', sans-serif;
  padding-bottom: 0;
  padding-left: 2rem;
}

.shepherd-header {
  padding: 1em !important;
  background-color: #8a0b8c !important; 
}

.shepherd-header h3 {
  color: #ffffff;
}

.shepherd-has-title .shepherd-content .shepherd-header .shepherd-title {
  font-size: 1.2rem;
}

.shepherd-text {
  font-size: 1.2rem;
  padding: 2rem;
}

.shepherd-text a,
.shepherd-text a:visited,
.shepherd-text a:active {
  border-bottom: 1px dotted;
  border-bottom-color: rgba(0, 0, 0, 0.75);
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}

.shepherd-text a:hover,
.shepherd-text a:visited:hover,
.shepherd-text a:active:hover {
  border-bottom-style: solid;
}

.shepherd-highlight-border {
  position: relative;
  z-index: 99999;
}

.shepherd-highlight-border::after {
  content: '';
  position: absolute;
  top: -13px;   /* Padding (10px) + Border (3px) */
  left: -13px;
  width: calc(100% + 26px); /* 2 × 13px */
  height: calc(100% + 26px);
  border: 3px solid #8a0b8c;
  border-radius: 16px; /* padding (10) + radius (6) – optisch anpassen */
  pointer-events: none;
  box-sizing: border-box;
  z-index: 100000;
}

/* für Editor Elemente in Tour */
.shepherd-content p {
  margin-bottom: 1em;
  line-height: 1.6;
}

.shepherd-content img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 1em auto;
}

.shepherd-content .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}