/* temp css wg. namensänderung / 
  tophead_name   */
  

  /* Overlay */
.bvii-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  padding: 1rem;
}

/* Popup Box */
.bvii-popup {
  background: #fff;
  border-radius: 16px;
  max-width: 700px;
  /*width: 100%;*/
  padding: 40px;
  font-family: system-ui, sans-serif;
  color: #111;
  position: relative;
  box-shadow: 0 10px 40px rgba(0,0,0,0.15);
  line-height: 1.6;
      margin: 0 auto;
      font-family: FH Oscar, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

/* Close Button */
.bvii-close {
  position: absolute;
  top: 5px;
  right: 25px;
  background: none;
  border: none;
  font-size: 1.8rem;
  cursor: pointer!important;
  color: #111;
}

/* Headline */
.bvii-popup .h2 {
   
  margin-top: 0;
  margin-bottom: 12px;
  line-height: 1.2;
  font-weight: 600;
}

.bvii-popup .highlight {
  background: #FFD580;
  padding: 0.1em 0.3em;
  font-weight: 600;
}

/* Text */
.bvii-popup .h2 {
  margin-bottom:  18px;
   font-size: 35px;
}
.bvii-popup p {
  margin-bottom:  12px;
   font-size: 17px;
}

.mark_popup
{ 
    background-image: linear-gradient(to bottom right, transparent 50%, #fed589 10%), linear-gradient(#fed589, #fed589), linear-gradient(to top left, transparent 50%, #fed589 50%);
    background-repeat: no-repeat;
    background-size: 10px 45px, calc(100% - 20px) 45px, 10px 45px;
    background-position: left center, center, right;
    background-blend-mode: multiply;
}

/* Buttons */
.bvii-buttons {
  display: flex;
  gap: 0.75rem;
   float:right;
}

.bvii-buttons .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  border-radius: 999px;
  padding: 0.1em 1.2em;
  font-size: 15px;
  text-decoration: none;
  border: 1px solid #111;
  transition: all 0.2s ease;
}

.bvii-buttons .btn.primary {
  background: #111;
  color: #fff;
}

.bvii-buttons .btn.linkedin {
  background: #fff;
  color: #111;
}

.bvii-buttons .btn:hover {
  transform: scale(1.04);  
}
 



/* Verhindert, dass ein Overlay Hover blockiert */
.bvii-overlay,
.popup-overlay,
.modal-backdrop,
.bvii-popup::before,
.bvii-popup::after {
  pointer-events: none !important;
}

/* Aktiviert Zeigercursor  auf allen klickbaren Elementen */
.bvii-popup a,
.bvii-popup button,
.bvii-popup .btn {
  cursor: pointer !important;
}


@media (max-width: 676px) {

 .bvii-popup {

  padding: 20px;
      }

  .bvii-popup .h2 {
  margin-bottom:  8px;
   font-size: 25px;         }

   .bvii-popup p {
  margin-bottom:  8px;
   font-size: 15px;
}

}