
.bhp-wb .cf-back {
  background-color: white;
  padding: 10px 0;
  border-top: 1px solid #f1f1f1;
  display: flex;
}
.bhp-wb .cf-links {
  width: 70%;
  padding: 10px 0 10px 20px;
  background-color: #f1f1f1;
}
.bhp-wb .cf-rechts {
  width: 30%;
  padding: 10px 20px 10px 20px;
  background-color: #f7e899;
}
.bhp-wb .cf-links div,
.bhp-wb .cf-rechts div {
  padding: 5px 0;
}
.bhp-wb .cf-links .zeile-2 {
  font-size: 20px;
}
.bhp-wb .cf-rechts .zeile-1,
.bhp-wb .cf-rechts .zeile-2,
.bhp-wb .cf-rechts .zeile-3 {
  border-bottom: 1px solid #e9bd00;
}
.bhp-wb .cf-title-back {
  background-color: #f1f1f1;
  padding: 20px;
  margin-bottom: 5px;
}
.bhp-wb .cf-title-back h2 {
  margin: 0;
}
.bhp-wb .cf-container-boxen {
  display: flex;
  margin-bottom: 5px;
}
.bhp-wb .cf-box1 {width: 18%;}
.bhp-wb .cf-box2 {width: 46%;}
.bhp-wb .cf-box3 {width: 18%;}
.bhp-wb .cf-box4 {width: 18%;}
.bhp-wb .cf-beschr1 {width: 64%;}
.bhp-wb .cf-beschr2 {width: 36%;}
.bhp-wb .cf-box1,
.bhp-wb .cf-box2,
.bhp-wb .cf-box3,
.bhp-wb .cf-beschr1 {
  border-right: 5px solid white;
  padding: 20px;
  flex-grow: 1;
  background-color: #f7e899;
}
.bhp-wb .cf-box4,
.bhp-wb .cf-beschr2 {
  padding: 20px;
  flex-grow: 1;
  background-color: #f7e899;
}
.bhp-wb .cf-beschr1 {
  background-color: white;
}
.bhp-wb .cf-filter__form {
  display: flex;
  justify-content: space-between;
  padding: 16px 32px;
  background-color: #f1f1f1;
  margin-bottom: 10px;
  align-items: end;
  flex-wrap: wrap;
}
.bhp-wb .cf-filter__form input {
  padding: 5px;
}
.bhp-wb .cf-filter__form label {
  font-size: 14px;
  line-height: 0;
}
.bhp-wb .cf-filter__input {
  width: auto;
}
.bhp-wb .cf-filter__form button {
  background-color: #ecc500 !important;
  border: 1px solid #ecc500;
}
.bhp-wb .cf-filter__form button:hover {
  background-color: black !important;
  border: 1px solid black;
  color: white;
}
@media (min-width: 320px) and (max-width: 480px) {
.bhp-wb .cf-filter__form {
    display: block;
  }
.bhp-wb .cf-filter__input {
    width: 100%;
  }
.bhp-wb .cf-back {
    flex-direction: column;
  }
.bhp-wb .cf-links {
    width: 100%;
    padding: 20px 20px 10px;
  }
.bhp-wb .cf-links .zeile-2 a {
    font-size: 18px;
  }
.bhp-wb .cf-rechts {
    width: 100% !important;
  }
.bhp-wb .cf-container-boxen {
    flex-direction: column;
    gap: 5px;
  }
.bhp-wb .cf-box1,
.bhp-wb .cf-box2,
.bhp-wb .cf-box3,
.bhp-wb .cf-box4 {
    border-right: none;
  }
.bhp-wb .cf-filter__form button {
    display: inline-block;
  }
.bhp-wb .cf-filter__form div {
    margin-bottom: 10px;
  }
}
@media (min-width: 960px) {
.bhp-wb .cf-container-beschr {
    display: flex;
  }
.bhp-wb .cf-beschr2 {
    background-color: #f1f1f1;
  }
}
@media (max-width: 959px) {
.bhp-wb .cf-container-beschr {
    display: block;
  }
.bhp-wb .cf-beschr1 {
    display: block;
    width: 100%;
  }
.bhp-wb .cf-beschr2 {
    display: block;
    background-color: #f1f1f1;
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 1024px) {
.bhp-wb .cf-filter__form>* {
    width: 45%;
  }  
}


.bhp-wb .cf-links .zeile-2 a { text-decoration: underline; font-weight: 600; }
.bhp-wb .cf-filter__form label { display: block; line-height: 1.5; }
.bhp-wb .cf-filter__reset { background: #ecc500; border: 1px solid #ecc500; }
.bhp-wb .cf-pagination ul { display:flex; flex-wrap:wrap; gap:15px; list-style:none; padding:0; }
.bhp-wb .bhp-wb-availability { display:flex; gap:10px; align-items:center; }
.bhp-wb .bhp-wb-dot { display:inline-block; flex-shrink:0; width:15px; height:15px; border-radius:50%; }
.bhp-wb .bhp-wb-dot-red { background:red; }
.bhp-wb .bhp-wb-dot-yellow { background:#ffdf00; }
.bhp-wb .bhp-wb-dot-green { background:green; }
.bhp-wb .seminar-details font, .bhp-wb .seminar-details p, .bhp-wb .seminar-details div,
.bhp-wb .seminar-details li { font-size:16px; font-family:'Open Sans',sans-serif; text-align:left; line-height:1.6; text-indent:0; }
@media (max-width:480px) {
  .bhp-wb .cf-box1, .bhp-wb .cf-box2, .bhp-wb .cf-box3, .bhp-wb .cf-box4 { width:100%; }
}

.bhp-wb .cf-filter__form .bhp-wb-online-filter { flex-basis:100%; width:100%; margin-top:16px; }
.bhp-wb .bhp-wb-online-filter label { display:flex; align-items:center; gap:10px; cursor:pointer; line-height:1.5; }
.bhp-wb .bhp-wb-online-filter input[type="checkbox"] { appearance:auto; position:static; opacity:1; width:20px; height:20px; margin:0; flex-shrink:0; accent-color:#806b00; }
.bhp-wb .cf-filter__input:disabled { opacity:0.5; cursor:not-allowed; }
.bhp-wb .bhp-wb-registration-closed { margin:28px 0; padding:20px 24px; border-left:5px solid #a42620; background:#fff3f1; color:#65201b; }
.bhp-wb .bhp-wb-registration-closed strong { display:block; font-size:20px; }
.bhp-wb .bhp-wb-registration-closed p { margin:6px 0 0; }

/* Mobile: Online-Auswahl direkt nach dem Ortsfeld. */
@media (max-width:480px) {
  .bhp-wb .cf-filter__form { display:flex; flex-direction:column; align-items:stretch; }
  .bhp-wb .cf-filter__form > div { width:100%; }
  .bhp-wb .cf-filter__form > div:nth-child(1) { order:1; }
  .bhp-wb .cf-filter__form > div:nth-child(2) { order:2; }
  .bhp-wb .cf-filter__form > .bhp-wb-online-filter { order:3; flex-basis:auto; margin-top:0; margin-bottom:16px; }
  .bhp-wb .cf-filter__form > div:nth-child(3) { order:4; }
  .bhp-wb .cf-filter__form > div:nth-child(4) { order:5; }
}

/* Native Checkbox: zusätzliche Theme-Häkchen unterdrücken. */
.bhp-wb .cf-filter__form .bhp-wb-online-filter input[type="checkbox"]::before,
.bhp-wb .cf-filter__form .bhp-wb-online-filter input[type="checkbox"]::after,
.bhp-wb .cf-filter__form .bhp-wb-online-filter label::before,
.bhp-wb .cf-filter__form .bhp-wb-online-filter label::after {
  content:none !important;
  display:none !important;
}
