/* ############## Layout Elemente ################ */

.container {
  max-width: var(--container-width);
  margin: 0 auto;
}

.container .container {
  padding: 0;
}

.field__item.headline {
  padding-bottom: unset !important;
}

/* Unpublished paragraphs */
.a.unpublished,
.paragraph.unpublished {
  opacity: 0.3;
  margin: 10px 0;
  padding: 10px 0;
}

.a.unpublished::before,
.paragraph.unpublished::before {
  content: 'UNPUBLISHED';
  position: absolute;
  left: calc(100% - 200px);
  color: white;
  background: red;
  border-radius: 1rem;
  padding: 10px;
  margin: 10px 0;
  z-index: 999;
}

body:not(.user-logged-in) .paragraph--unpublished {
  display: none;
}

.event-content > .container,
.field--name-field-ements-wfbb-page {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding-top: 2rem;
}

/* Focus styles */
label:focus-visible,
input ~ label:focus-visible,
input:focus-visible,
a:focus-visible {
  outline: 4px solid var(--color-primary);
  outline-offset: .25rem;
  z-index: 9999;
}