/* custom.css */
.popup-training {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 100000;            /* hoger dan preloader/header */
  background: #000; 
  color: #fff;
  border-bottom: 3px solid #b60000;
  box-shadow: 0 4px 8px rgba(182,0,0,.6);
  text-align: center;
  font-size: 20px;
  line-height: 1.6;
  padding: 14px 22px;
}
.popup-training strong { color: #ff4444; font-size: 22px; font-weight: 700; }
.popup-training em { color: #ddd; font-style: italic; }
.popup-training .close-btn {
  position: absolute; top: 10px; right: 20px;
  background: none; border: 0; color: #fff; font-size: 22px; cursor: pointer;
}
.popup-training .close-btn:hover { color: #ff4444; }
.hidden { display: none !important; }    /* forceer verbergen/tonen */
@media (max-width: 768px){
  .popup-training { font-size: 18px; padding: 10px 16px; }
  .popup-training strong { font-size: 20px; }
  .popup-training .close-btn { top: 8px; right: 10px; }
}