/* Block konfigurationen */
/* ==================================================
   Announcement Block
   ================================================== */

.announcement {
  background: var(--je-color);
  color: var(--color-white);
  padding: 0.5rem 0.5rem;
  text-align: center;
/*  margin: 2rem 0; */
  border-radius: 8px;
/*  box-shadow: 0 3px 10px rgba(0,0,0,.12);
*/
}

.announcement h2,
.announcement h3,
.announcement h4 {
  margin: 0 0 .75rem;
  color: var(--color-white);
 /* font-weight: 600;*/
}

.announcement p {
  margin: 0 0 0rem;
  color: #eef1f7;
  line-height: var(--bs-body-line-height);
}

.announcement strong {
  color: var(--color-white);
}

.announcement a {
  color: var(--color-white);
  font-weight: 600;
  text-decoration: underline;
}

.announcement a:hover,
.announcement a:focus {
  text-decoration: none;
}

.announcement .button,
.announcement .btn {
  display: inline-block;
  padding: .6rem 1.2rem;
  background: var(--color-white);
  color: #4b5478;
  border: 2px solid var(--color-white);
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: all .2s ease;
}

.announcement .button:hover,
.announcement .button:focus,
.announcement .btn:hover,
.announcement .btn:focus {
  background: transparent;
  color: var(--color-white);
}

@media (max-width: 768px) {
  .announcement {
    padding: 1.25rem;
    margin: 1.5rem 0;
  }
}