/* Lightbox-Nutzung-Style */
#lightbox_nutzung {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  justify-content: center;
  align-items: center;
}

#lightbox_nutzung-content {
  background: white;
  padding: 20px;
  border-radius: 16px;
  text-align: center;
  width: auto;
  margin-left: clamp(5vw,10px,30vw);
  margin-right: clamp(5vw,10px,30vw);
  margin-top: 5%;
  container-name: lightbox_nutzung_Container;
  container-type: inline-size;
}

#lightbox_nutzung-content button {
  margin: 10px;
}

#lightbox_close {
  position:absolute;
  right:10px;
  top:10px;
  width:30px;
  height:auto;
  aspect-ratio:1/1;
  background-color:red;
  z-index:10;
  transition: all .5s ease-in-out;
}
.close-icon:hover:after {
  transform: rotate(180deg);
}
#lightbox_nutzung-content .confirm_box {
  
}
#lightbox_nutzung-content .confirm_box h3 {
  color:red;
  font-size: clamp(1.6rem,8vw,2rem);
  text-transform:uppercase;
}
#lightbox_nutzung-content .logo-box {
  
  display: grid;
  grid-template-columns: repeat(1, 60px 1fr);
  margin-bottom:4vh;
}
#lightbox_nutzung-content .logo-sign,
#lightbox_nutzung-content .logo-text{
  height:60px;
  width:auto;
  display: flex;
  justify-items: flex-start;
}
#lightbox_nutzung-content .logo-sign img,
#lightbox_nutzung-content .logo-text img{
  max-height:60px;
}
#lightbox_nutzung-content p{
  font-size: clamp(.75em, 3vw, 1.1em);
  line-height:1.3em;
  text-align:center!important;
  padding:0px 10vw;
}

#lightbox_nutzung-content button {
  margin: 10px;
  border: 0;
  background-color: transparent;
  font-size: clamp(1rem,1vw,1.2rem);
  color: red;
}
#lightbox_nutzung-content a {
  color:red;
  text-decoration: underline;
}
#lightbox_nutzung-content a:hover {
  color:red;
  text-decoration: none;
}

#lightbox_nutzung-content .sub_text {
  color: black;
  font-size: clamp(.7rem,1vw,1rem);
}
#lightbox_nutzung-content .confirm_button_box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(50%,1fr));
}

 #confirmButton:hover,
 #cancelButton:hover {
  _font-weight:600;
}
#confirmButton:hover {
  background-color:#007F0035;
}
#cancelButton:hover {
  background-color:#FF000035;
}
@container lightbox_nutzung_Container ( min-width: 200px ) {
  #lightbox_nutzung-content .confirm_button_box {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
  }
}
@container lightbox_nutzung_Container ( min-width: 600px ) {
  #lightbox_nutzung-content .confirm_button_box {
    grid-template-columns: repeat(auto-fill, minmax(50%,1fr));
    grid-template-rows:1fr;
  }
}