/* --- GRID LAYOUT --- */
.view-id-programmuebersicht .view-content,
.view-header {
  display: grid !important;
  grid-template-columns: 3fr 5fr 5fr 3fr !important;
  gap: 25px !important;
  padding: 20px 0 !important;
}

/* Hintergrund & Seite */
body.path-futuretec,
.path-futuretec,
body.path-futuretec,
.noerd-programm-list {
  background-color: #002233 !important;
  /*background-image: url('/themes/custom/mandarin/images/viakom-bg.svg');
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;*/
}

.view-id-programmuebersicht {
  background: transparent !important;
  padding: 40px 20px !important;
  margin: 0 !important;
}

/* Kopfzeile Stylen - Headings + Button zu Speaker / Programm */
.view-id-programmuebersicht .programm-top-wrapper {
  grid-column: 2 / span 2 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: end !important;
  margin-bottom: 20px !important;
}

.view-id-programmuebersicht .insights-headline,
.view-id-programmuebersicht .programm-headline {
  grid-column: 1 !important;
  margin: 0 !important;
  color: white;
}

.view-id-programmuebersicht .insights-headline {
  margin-bottom: 40px !important;
  font-size: 2.6rem !important;
  font-weight: 600 !important;
}

.view-id-programmuebersicht .programm-headline {
  font-size: 5rem !important;
}

.view-id-programmuebersicht .programm-top-wrapper p {
  grid-column: 2 !important;
  text-align: right !important;
  margin: 0 !important;
}

/* Button-Styling - Header */
.view-id-programmuebersicht .btn-yellow-nord {
  display: inline-block !important;
  background-color: #DEDC01 !important;
  color: #001F3D !important;
  padding: 10px 25px !important;
  border-radius: 30px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.view-id-programmuebersicht .btn-outline-nord {
  display: inline-block !important;
  border: 1px solid #DEDC01 !important;
  background-color: transparent !important;
  color: #DEDC01 !important;
  padding: 10px 25px !important;
  border-radius: 30px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  margin-left: 0.94rem !important;
}

.view-id-programmuebersicht .programm-top-wrapper p.programm-subline {
  font-size: 1.5rem !important;
  color: white !important;
  text-align: left !important;
  grid-column: 1 !important;
  margin-top: 20px !important;
}


/* Kopfzeile Stylen - Ende */
/* Shadow bei Hover auf Card*/
.view-content .programm-card:hover {
  box-shadow: 0 0 60px 8px rgba(102, 175, 233, 0.35) !important;
  transform: translateY(-4px) !important;
  z-index: 10;
  position: relative;
}

/* Spalten-Logik für 4-Spalten-Grid */
.view-id-programmuebersicht .views-row:nth-child(1) {
  grid-column: 2 !important;
}

.view-id-programmuebersicht .views-row:nth-child(2) {
  grid-column: 3 !important;
}

.view-id-programmuebersicht .views-row:nth-child(odd):not(:nth-child(1)) {
  grid-column: 2 !important;
}

.view-id-programmuebersicht .views-row:nth-child(even):not(:nth-child(2)) {
  grid-column: 3 !important;
}

/* Filter Styles */
/* --- FILTER BOX ALIGNMENT --- */
.view-id-programmuebersicht .view-filters {
  display: grid !important;
  grid-template-columns: 3fr 5fr 5fr 3fr !important;
  gap: 25px !important;
  margin: 0 0 40px 0 !important;
  padding: 0 !important;
}

.view-id-programmuebersicht .view-filters form {
  grid-column: 2 / span 2 !important;
  border: 1px solid #fff;
  border-radius: 16px;
  padding: 20px 25px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

/* Filter Label / Beschriftung stylen*/
fieldset[id^="edit-field-datum-value"]>legend,
#views-exposed-form-programmuebersicht-page-1>div>div.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-buehne-value.js-form-item-field-buehne-value.form-group>label,
#views-exposed-form-programmuebersicht-page-1>div>div.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-uhrzeit-value.js-form-item-field-uhrzeit-value.form-group>label,
#views-exposed-form-programmuebersicht-page-1>div>div.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-track-value.js-form-item-field-track-value.form-group>label {
  border: none !important;
  color: white !important;
  font-size: 1.8rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
  display: block !important;
}

.view-id-programmuebersicht .form-item-custom-sort label {
  border: none !important;
  color: white !important;
  font-size: 1.8rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.view-id-programmuebersicht .form-item-custom-sort label::before {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  margin-left: 5px !important;
  margin-right: 4px !important;
  background-color: #D5D5D5 !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 10V1M11 1L15 5M11 1L7 5M5 6V15M5 15L1 11M5 15L9 11' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 10V1M11 1L15 5M11 1L7 5M5 6V15M5 15L1 11M5 15L9 11' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}

.view-id-programmuebersicht .view-filters 
.js-form-item.form-item-custom-sort {
  flex: 0 0 100% !important;
  max-width: unset !important;
}

.form-item-custom-sort .select-wrapper {
  position: relative;
}

#edit-field-datum-value--wrapper {
  float: none !important;
}

.view-id-programmuebersicht .form-item-custom-sort label::before {
  -webkit-mask-image: url("data:image/svg+xml,...");  
}

.view-id-programmuebersicht .form-item-field-datum-value {
  display: inline-block !important;
  margin: 5px !important;
}

.view-id-programmuebersicht .form-item-field-datum-value label,
.view-id-programmuebersicht .form-item-field-datum-value:has(input:checked) label:hover {
  width: 98px !important;
  height: 35px !important;
  background: #002233 !important;
  border: 1px solid #DEDC01 !important;
  color: #FFFFFF !important;
  border-radius: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 12px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: bold !important;
  transition: all 0.2s ease-in-out !important;
}

.view-id-programmuebersicht .form-item-field-datum-value input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

.view-id-programmuebersicht .form-item-field-datum-value:has(input:checked) label,
.view-id-programmuebersicht .form-item-field-datum-value label:hover {
  background: #DEDC01 !important;
  color: #001F3D !important;
  border: 1px solid transparent !important;
}

.view-id-programmuebersicht input:checked+span,
.view-id-programmuebersicht label:active {
  background: #DEDC01 !important;
}

/* Buttons Datum - Ende */
/* .Dropdowns Stylen */
.view-id-programmuebersicht .view-filters .form--inline {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  width: 100% !important;
  gap: 20px !important;
}

.view-id-programmuebersicht .view-filters .form--inline>*:first-child {
  flex: 0 0 100%;
}

.view-id-programmuebersicht .view-filters .form-type-select {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
}

.view-id-programmuebersicht select {
  width: 100% !important;
  height: 45px !important;
  background-color: #002233 !important;
  color: white !important;
  border: 1px solid #fff !important;
  border-radius: 30px !important;
  padding: 0 15px !important;
  cursor: pointer !important;
  margin-top: 7.5px !important;
}

.view-id-programmuebersicht .view-filters .form--inline {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 20px !important;
  justify-content: space-between !important;
}

.view-id-programmuebersicht .view-filters .form-type-select {
  flex: 0 0 calc(33.33% - 14px) !important;
  width: calc(33.33% - 14px) !important;
  min-width: 0 !important;
  max-width: 33.33% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.view-id-programmuebersicht select {
  width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
}

.view-id-programmuebersicht .form-type-select label {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Dropdowns - Ende */
/* Filter Styles - End */
/* --- CARD Styles --- */
.view-id-programmuebersicht .views-row {
  background-color: #D8EEFA !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: block !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
  height: 100% !important;
  position: relative !important;
}

/* --- 3. BÜHNEN HEADER --- */
.view-id-programmuebersicht .views-field-field-buehne {
  display: flex !important;
  align-items: center !important;
  padding: 0 32px !important;
  font-weight: bold !important;
  color: white !important;
  font-size: 1.7rem !important;
  margin-bottom: 10px !important;
  width: 100% !important;
  height: 52px !important;
  box-sizing: border-box !important;
  border-radius: 24px 24px 0 0 !important;
  background-color: #337495;
}

/*
.view-id-programmuebersicht .views-field-field-buehne:has(.buehne-lounge-stage) {
  background-color: #A3C5D9 !important;
}

.view-id-programmuebersicht .views-field-field-buehne:has(.buehne-female-stage) {
  background-color: #DA96A7 !important;
  color: white !important;
}

.view-id-programmuebersicht .views-field-field-buehne:has(.buehne-main-stage) {
  background-color: #DEDC01 !important;
}

.view-id-programmuebersicht .views-field-field-buehne:has(.buehne-blue-stage) {
  background-color: #00A4CB !important;
  color: white !important;
}

.view-id-programmuebersicht .views-field-field-buehne:has(.buehne-green-stage) {
  background-color: #11E291 !important;
}

.view-id-programmuebersicht .views-field-field-buehne:has(.buehne-pitch-stage) {
  background-color: #9C78FF !important;
  color: white !important;
}

.view-id-programmuebersicht .views-field-field-buehne:has([class*="work"]) {
  background-color: #00E5FF !important;
}
*/

/* --- PILLEN (DATUM & UHRZEIT) --- */
.view-id-programmuebersicht .views-field-field-datum,
.view-id-programmuebersicht .views-field-field-uhrzeit {
  display: block !important;
  float: left !important;
  width: auto !important;
}

.view-id-programmuebersicht .views-field-field-datum {
  padding-left: 32px !important;
}

.view-id-programmuebersicht .views-field-field-uhrzeit {
  padding-left: 10px !important;
}

.view-id-programmuebersicht .views-field-field-datum .field-content,
.view-id-programmuebersicht .views-field-field-uhrzeit .field-content {
  display: flex !important;
  align-items: center !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  height: 35px !important;
  margin-top: 10px;
  margin-bottom: 15px;
}

.view-id-programmuebersicht .views-field-field-datum .field-content {
  background: #DEDC01 !important;
  color: #002233 !important;
}

.view-id-programmuebersicht .views-field-field-uhrzeit .field-content {
  background: white !important;
  color: #001F3D !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* --- 5. ICONS --- */
.view-id-programmuebersicht .views-field-field-datum .field-content::before {
  content: "" !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin-right: 6px !important;
  background-color: #002233 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.29464 5.375H12.7054C12.8674 5.375 13 5.51211 13 5.67969V12.2812C13 12.9541 12.4721 13.5 11.8214 13.5H3.17857C2.5279 13.5 2 12.9541 2 12.2812V5.67969C2 5.51211 2.13259 5.375 2.29464 5.375ZM13 4.25781V3.34375C13 2.6709 12.4721 2.125 11.8214 2.125H10.6429V0.804688C10.6429 0.637109 10.5103 0.5 10.3482 0.5H9.36607C9.20402 0.5 9.07143 0.637109 9.07143 0.804688V2.125H5.92857V0.804688C5.92857 0.637109 5.79598 0.5 5.63393 0.5H4.65179C4.48973 0.5 4.35714 0.637109 4.35714 0.804688V2.125H3.17857C2.5279 2.125 2 2.6709 2 3.34375V4.25781C2 4.42539 2.13259 4.5625 2.29464 4.5625H12.7054C12.8674 4.5625 13 4.42539 13 4.25781Z' fill='black'/%3E%3C/svg%3E") no-repeat center !important;
  mask: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.29464 5.375H12.7054C12.8674 5.375 13 5.51211 13 5.67969V12.2812C13 12.9541 12.4721 13.5 11.8214 13.5H3.17857C2.5279 13.5 2 12.9541 2 12.2812V5.67969C2 5.51211 2.13259 5.375 2.29464 5.375ZM13 4.25781V3.34375C13 2.6709 12.4721 2.125 11.8214 2.125H10.6429V0.804688C10.6429 0.637109 10.5103 0.5 10.3482 0.5H9.36607C9.20402 0.5 9.07143 0.637109 9.07143 0.804688V2.125H5.92857V0.804688C5.92857 0.637109 5.79598 0.5 5.63393 0.5H4.65179C4.48973 0.5 4.35714 0.637109 4.35714 0.804688V2.125H3.17857C2.5279 2.125 2 2.6709 2 3.34375V4.25781C2 4.42539 2.13259 4.5625 2.29464 4.5625H12.7054C12.8674 4.5625 13 4.42539 13 4.25781Z' fill='black'/%3E%3C/svg%3E") no-repeat center !important;
}

.view-id-programmuebersicht .views-field-field-uhrzeit .field-content::before {
  content: "" !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin-right: 4px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_731_100)'%3E%3Cpath d='M7 0.21875C3.25391 0.21875 0.21875 3.25391 0.21875 7C0.21875 10.7461 3.25391 13.7812 7 13.7812C10.7461 13.7812 13.7812 10.7461 13.7812 7C13.7812 3.25391 10.7461 0.21875 7 0.21875ZM9.52902 8.77734L8.98215 9.46094C8.94626 9.50581 8.90188 9.54317 8.85156 9.57089C8.80123 9.59861 8.74593 9.61614 8.68883 9.62249C8.63172 9.62884 8.57393 9.62387 8.51874 9.60788C8.46355 9.59189 8.41205 9.56519 8.36719 9.5293L6.53516 8.16977C6.40715 8.06728 6.30382 7.93732 6.23283 7.7895C6.16183 7.64169 6.12498 7.4798 6.125 7.31582V3.0625C6.125 2.94647 6.17109 2.83519 6.25314 2.75314C6.33519 2.67109 6.44647 2.625 6.5625 2.625H7.4375C7.55353 2.625 7.66481 2.67109 7.74686 2.75314C7.82891 2.83519 7.875 2.94647 7.875 3.0625V7L9.46094 8.16211C9.50583 8.19802 9.5432 8.24243 9.57092 8.29279C9.59863 8.34315 9.61616 8.39848 9.62248 8.45562C9.6288 8.51275 9.6238 8.57058 9.60777 8.62578C9.59173 8.68098 9.56497 8.73249 9.52902 8.77734Z' fill='%23001F3D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_731_100'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
  background-size: contain !important;
}

/* --- 6. TEXT-INHALTE --- */
.view-id-programmuebersicht .views-field-title {
  clear: both !important;
  display: block !important;
  padding: 5px 32px 15px 32px !important;
  color: #001F3D !important;
  font-size: 3.2rem !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

.view-id-programmuebersicht .views-field-field-speaker-2026 {
  clear: both !important;
  display: block !important;
  padding: 0 32px !important;
  color: #555 !important;
  font-size: 1.5rem !important;
  font-weight: bold !important;
}

.view-id-programmuebersicht .views-field-field-partner {
  clear: both !important;
  display: block !important;
  padding: 0 32px 24px 32px !important;
  color: #777 !important;
  font-size: 1.3rem !important;
}

/* --- SUCHFELD POSITIONIERUNG --- */
.view-id-programmuebersicht .view-filters .form-item-combine {
  flex: 0 0 100% !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.view-id-programmuebersicht .view-filters input[type="text"] {
  width: 100% !important;
  height: 48px !important;
  background-color: #002233 !important;
  color: white !important;
  border: 1px solid #fff !important;
  border-radius: 30px !important;
  padding: 0 20px 0 45px !important;
  font-size: 1.4rem !important;
  box-sizing: border-box !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 20px center !important;
}

.view-id-programmuebersicht .view-filters input[type=text] {
  padding-left: 15px !important;
}

.view-id-programmuebersicht .view-filters .form-actions {
  display: none !important;
}

/* Filter Icons für Labels und Placeholder für Dropdowns (Alle) + SVG einfügen */
fieldset[id^="edit-field-datum-value"]>legend {
  display: flex !important;
  align-items: center !important;
  border: none !important;
  padding: 0 !important;
  color: white !important;
}

fieldset[id^="edit-field-datum-value"]>legend::before {
  content: "" !important;
  display: inline-block !important;
  width: 14px !important;
  height: 16px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  background-color: #D5D5D5 !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.375 6H13.625C13.8313 6 14 6.16875 14 6.375V14.5C14 15.3281 13.3281 16 12.5 16H1.5C0.671875 16 0 15.3281 0 14.5V6.375C0 6.16875 0.16875 6 0.375 6ZM14 4.625V3.5C14 2.67188 13.3281 2 12.5 2H11V0.375C11 0.16875 10.8313 0 10.625 0H9.375C9.16875 0 9 0.16875 9 0.375V2H5V0.375C5 0.16875 4.83125 0 4.625 0H3.375C3.16875 0 3 0.16875 3 0.375V2H1.5C0.671875 2 0 2.67188 0 3.5V4.625C0 4.83125 0.16875 5 0.375 5H13.625C13.8313 5 14 4.83125 14 4.625Z' fill='black'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.375 6H13.625C13.8313 6 14 6.16875 14 6.375V14.5C14 15.3281 13.3281 16 12.5 16H1.5C0.671875 16 0 15.3281 0 14.5V6.375C0 6.16875 0.16875 6 0.375 6ZM14 4.625V3.5C14 2.67188 13.3281 2 12.5 2H11V0.375C11 0.16875 10.8313 0 10.625 0H9.375C9.16875 0 9 0.16875 9 0.375V2H5V0.375C5 0.16875 4.83125 0 4.625 0H3.375C3.16875 0 3 0.16875 3 0.375V2H1.5C0.671875 2 0 2.67188 0 3.5V4.625C0 4.83125 0.16875 5 0.375 5H13.625C13.8313 5 14 4.83125 14 4.625Z' fill='black'/%3E%3C/svg%3E") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

.view-id-programmuebersicht .form-item-field-buehne-value label {
  display: flex !important;
  align-items: center !important;
}

.view-id-programmuebersicht .form-item-field-buehne-value label::before {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  background-color: #D5D5D5 !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8534 2.64656L14.4999 1.29281C14.3124 1.10531 14.058 1 13.7927 1H8.99992V0.5C8.99992 0.22375 8.77617 0 8.49992 0H7.49992C7.22367 0 6.99992 0.22375 6.99992 0.5V1H1.74992C1.33586 1 0.999922 1.33594 0.999922 1.75V4.25C0.999922 4.66406 1.33586 5 1.74992 5H13.7927C14.058 5 14.3121 4.89469 14.4999 4.70719L15.8534 3.35375C16.0487 3.15812 16.0487 2.84188 15.8534 2.64656ZM6.99992 15.5C6.99992 15.7762 7.22367 16 7.49992 16H8.49992C8.77617 16 8.99992 15.7762 8.99992 15.5V12H6.99992V15.5ZM14.2499 7H8.99992V6H6.99992V7H2.20711C1.9418 7 1.68773 7.10531 1.49992 7.29281L0.146484 8.64656C-0.0488281 8.84188 -0.0488281 9.15844 0.146484 9.35375L1.49992 10.7072C1.68742 10.8947 1.9418 11 2.20711 11H14.2499C14.664 11 14.9999 10.6641 14.9999 10.25V7.75C14.9999 7.33594 14.664 7 14.2499 7Z' fill='black'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8534 2.64656L14.4999 1.29281C14.3124 1.10531 14.058 1 13.7927 1H8.99992V0.5C8.99992 0.22375 8.77617 0 8.49992 0H7.49992C7.22367 0 6.99992 0.22375 6.99992 0.5V1H1.74992C1.33586 1 0.999922 1.33594 0.999922 1.75V4.25C0.999922 4.66406 1.33586 5 1.74992 5H13.7927C14.058 5 14.3121 4.89469 14.4999 4.70719L15.8534 3.35375C16.0487 3.15812 16.0487 2.84188 15.8534 2.64656ZM6.99992 15.5C6.99992 15.7762 7.22367 16 7.49992 16H8.49992C8.77617 16 8.99992 15.7762 8.99992 15.5V12H6.99992V15.5ZM14.2499 7H8.99992V6H6.99992V7H2.20711C1.9418 7 1.68773 7.10531 1.49992 7.29281L0.146484 8.64656C-0.0488281 8.84188 -0.0488281 9.15844 0.146484 9.35375L1.49992 10.7072C1.68742 10.8947 1.9418 11 2.20711 11H14.2499C14.664 11 14.9999 10.6641 14.9999 10.25V7.75C14.9999 7.33594 14.664 7 14.2499 7Z' fill='black'/%3E%3C/svg%3E") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

.view-id-programmuebersicht .form-item-field-track-value label {
  display: flex !important;
  align-items: center !important;
}

.view-id-programmuebersicht .form-item-field-track-value label::before {
  content: "" !important;
  display: inline-block !important;
  width: 21px !important;
  height: 16px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  background-color: #D5D5D5 !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.922 9.70148L12.0389 0.534818C11.9009 0.208828 11.6 0 11.2689 0H8.55812L8.62617 0.663438C8.64006 0.798646 8.53701 0.916667 8.40507 0.916667H7.59507C7.46313 0.916667 7.36007 0.798646 7.37396 0.663438L7.44202 0H4.7312C4.39982 0 4.09899 0.208828 3.96093 0.534818L0.0779037 9.70148C-0.179039 10.3085 0.230958 11 0.848454 11H6.31619L6.60258 8.20188C6.62647 7.9687 6.81702 7.79167 7.04452 7.79167H8.95562C9.18312 7.79167 9.37367 7.9687 9.39756 8.20188L9.68394 11H15.1517C15.7692 11 16.1792 10.3085 15.922 9.70148ZM7.23341 2.03844C7.23917 1.98212 7.26496 1.92999 7.30579 1.89212C7.34662 1.85424 7.3996 1.8333 7.45452 1.83333H8.5459C8.65951 1.83333 8.75506 1.92185 8.76701 2.03844L8.89478 3.28682C8.91562 3.48992 8.76117 3.66667 8.5634 3.66667H7.43729C7.23924 3.66667 7.08507 3.48992 7.10591 3.28682L7.23341 2.03844ZM8.76784 6.875H7.23202C6.96813 6.875 6.7623 6.63925 6.79008 6.36854L6.93091 4.99354C6.9548 4.76037 7.14535 4.58333 7.37285 4.58333H8.62701C8.85451 4.58333 9.04506 4.76037 9.06895 4.99354L9.20978 6.36854C9.23756 6.63925 9.03173 6.875 8.76784 6.875Z' fill='black'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.922 9.70148L12.0389 0.534818C11.9009 0.208828 11.6 0 11.2689 0H8.55812L8.62617 0.663438C8.64006 0.798646 8.53701 0.916667 8.40507 0.916667H7.59507C7.46313 0.916667 7.36007 0.798646 7.37396 0.663438L7.44202 0H4.7312C4.39982 0 4.09899 0.208828 3.96093 0.534818L0.0779037 9.70148C-0.179039 10.3085 0.230958 11 0.848454 11H6.31619L6.60258 8.20188C6.62647 7.9687 6.81702 7.79167 7.04452 7.79167H8.95562C9.18312 7.79167 9.37367 7.9687 9.39756 8.20188L9.68394 11H15.1517C15.7692 11 16.1792 10.3085 15.922 9.70148ZM7.23341 2.03844C7.23917 1.98212 7.26496 1.92999 7.30579 1.89212C7.34662 1.85424 7.3996 1.8333 7.45452 1.83333H8.5459C8.65951 1.83333 8.75506 1.92185 8.76701 2.03844L8.89478 3.28682C8.91562 3.48992 8.76117 3.66667 8.5634 3.66667H7.43729C7.23924 3.66667 7.08507 3.48992 7.10591 3.28682L7.23341 2.03844ZM8.76784 6.875H7.23202C6.96813 6.875 6.7623 6.63925 6.79008 6.36854L6.93091 4.99354C6.9548 4.76037 7.14535 4.58333 7.37285 4.58333H8.62701C8.85451 4.58333 9.04506 4.76037 9.06895 4.99354L9.20978 6.36854C9.23756 6.63925 9.03173 6.875 8.76784 6.875Z' fill='black'/%3E%3C/svg%3E") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

.view-id-programmuebersicht .form-item-field-uhrzeit-value label {
  display: flex !important;
  align-items: center !important;
}

.view-id-programmuebersicht .form-item-field-uhrzeit-value label::before {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  background-color: #D5D5D5 !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75 0C3.46875 0 0 3.46875 0 7.75C0 12.0312 3.46875 15.5 7.75 15.5C12.0312 15.5 15.5 12.0312 15.5 7.75C15.5 3.46875 12.0312 0 7.75 0ZM10.6403 9.78125L10.0153 10.5625C9.9743 10.6138 9.92358 10.6565 9.86606 10.6882C9.80855 10.7198 9.74535 10.7399 9.68009 10.7471C9.61483 10.7544 9.54877 10.7487 9.4857 10.7304C9.42263 10.7122 9.36378 10.6816 9.3125 10.6406L7.21875 9.08687C7.07246 8.96975 6.95437 8.82122 6.87323 8.65229C6.79209 8.48336 6.74998 8.29834 6.75 8.11094V3.25C6.75 3.11739 6.80268 2.99021 6.89645 2.89645C6.99021 2.80268 7.11739 2.75 7.25 2.75H8.25C8.38261 2.75 8.50979 2.80268 8.60355 2.89645C8.69732 2.99021 8.75 3.11739 8.75 3.25V7.75L10.5625 9.07812C10.6138 9.11917 10.6565 9.16992 10.6882 9.22747C10.7199 9.28503 10.7399 9.34826 10.7471 9.41356C10.7543 9.47886 10.7486 9.54494 10.7303 9.60804C10.712 9.67113 10.6814 9.72998 10.6403 9.78125Z' fill='black'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75 0C3.46875 0 0 3.46875 0 7.75C0 12.0312 3.46875 15.5 7.75 15.5C12.0312 15.5 15.5 12.0312 15.5 7.75C15.5 3.46875 12.0312 0 7.75 0ZM10.6403 9.78125L10.0153 10.5625C9.9743 10.6138 9.92358 10.6565 9.86606 10.6882C9.80855 10.7198 9.74535 10.7399 9.68009 10.7471C9.61483 10.7544 9.54877 10.7487 9.4857 10.7304C9.42263 10.7122 9.36378 10.6816 9.3125 10.6406L7.21875 9.08687C7.07246 8.96975 6.95437 8.82122 6.87323 8.65229C6.79209 8.48336 6.74998 8.29834 6.75 8.11094V3.25C6.75 3.11739 6.80268 2.99021 6.89645 2.89645C6.99021 2.80268 7.11739 2.75 7.25 2.75H8.25C8.38261 2.75 8.50979 2.80268 8.60355 2.89645C8.69732 2.99021 8.75 3.11739 8.75 3.25V7.75L10.5625 9.07812C10.6138 9.11917 10.6565 9.16992 10.6882 9.22747C10.7199 9.28503 10.7399 9.34826 10.7471 9.41356C10.7543 9.47886 10.7486 9.54494 10.7303 9.60804C10.712 9.67113 10.6814 9.72998 10.6403 9.78125Z' fill='black'/%3E%3C/svg%3E") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}

/* Dropdown Arrow anpassen / hinzufügen*/
.has-glyphicons .select-wrapper:after {
  content: "" !important;
  font-family: none !important;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.62515 0H8.66578C9.22202 0 9.50015 0.671875 9.1064 1.06563L5.08765 5.0875C4.8439 5.33125 4.44703 5.33125 4.20328 5.0875L0.184525 1.06563C-0.209225 0.671875 0.0689002 0 0.62515 0Z' fill='white'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 10px !important;
  height: 6px !important;
  display: inline-block !important;
  position: absolute !important;
  right: 15px !important;
  top: 72.5% !important;
  transform: translateY(-72.5%) !important;
  pointer-events: none !important;
}

/* Filter Icons - Ende */

/*# sourceMappingURL=noerd-programm.css.map */

/* Responsive Anpassungen - Programmübersicht */
@media only screen and (max-width: 1024px) {
  .programm-actions {
    margin-top: 20px !important;
  }

  #my-program-button {
    margin-left: 0 !important;
    margin-top: 20px !important;
  }

  #share-program-wrapper {
    display: block !important;
  }

  #share-program-button {
    width: 100% !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .view-id-programmuebersicht .view-content,
  .view-id-programmuebersicht .view-header,
  .view-id-programmuebersicht .view-filters,
  .view-id-programmuebersicht .programm-top-wrapper {
    display: block !important;
  }

  .programm-intro-text {
    margin-top: 375px !important;
  }

  .view-id-programmuebersicht .insights-headline {
    margin-top: 50px !important;
  }

  .view-id-programmuebersicht .programm-top-wrapper p {
    text-align: center !important;
    margin-top: 50px !important;
  }

  .programm-card.views-row {
    margin-bottom: 35px !important;
  }

  .view-id-programmuebersicht select {
    font-size: 1rem !important;
  }

  .has-glyphicons .select-wrapper::after {
    background-image: none !important;
  }
}

@media only screen and (min-width: 1025px) {
  .programm-actions {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    align-items: center;
  }
}

/* Text "Alle" verstecken und ersetzen */
[id^="edit-field-datum-value"] .form-item:first-child label,
#edit-field-datum-value--wrapper .form-item:first-child label {
  font-size: 0 !important;
}

[id^="edit-field-datum-value"] .form-item:first-child label::before,
#edit-field-datum-value--wrapper .form-item:first-child label::before {
  content: 'Beide Tage' !important;
  font-size: 14px !important;
  visibility: visible !important;
  display: inline-block !important;
}

/* Kurzbeschreibung Stylen */
.views-field-field-kurzbeschreibung {
  padding: 5px 32px 42px !important;
}

.kurzbeschreibung-trigger {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: transparent;
  color: #001f3d;
  border: 1px solid #001f3d;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.kurzbeschreibung-trigger::after {
  content: "";
  width: 12px;
  height: 8px;
  margin-top: 3px;
  display: inline-block;
  background-color: #001f3d;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.62515 0H8.66578C9.22202 0 9.50015 0.671875 9.1064 1.06563L5.08765 5.0875C4.8439 5.33125 4.44703 5.33125 4.20328 5.0875L0.184525 1.06563C-0.209225 0.671875 0.0689002 0 0.62515 0Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.62515 0H8.66578C9.22202 0 9.50015 0.671875 9.1064 1.06563L5.08765 5.0875C4.8439 5.33125 4.44703 5.33125 4.20328 5.0875L0.184525 1.06563C-0.209225 0.671875 0.0689002 0 0.62515 0Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: transform 0.3s ease;
}

.kurzbeschreibung-trigger.active {
  width: 100%;
  background: #002233;
  color: #fc0 !important;
}

.kurzbeschreibung-trigger.active::after {
  transform: rotate(180deg);
  background-color: #ffcc00;
  margin-inline: auto 3px;
  margin-top: 0 !important;
}

.kurzbeschreibung-content {
  display: none;
  padding: 12px;
  border-radius: 10px;
  color: #001f3d;
  font-size: 1.5rem !important;
}

.kurzbeschreibung-content.is-visible {
  display: block;
}

/* Styling für Favoriten */
.view-id-programmuebersicht .views-field-field-buehne {
  padding: 0 !important;
  display: block !important;
}

.program-stage-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  height: 52px !important;
  padding: 0 32px !important;
  box-sizing: border-box !important;
}

.fav-star-trigger {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  cursor: pointer !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
}

.star-icon {
  font-size: 1.8rem !important;
  line-height: 1 !important;
  margin-top: -2px !important;
}

.views-row.is-favorite .star-icon {
  color: #fff !important;
}

.views-row.is-favorite .star-text {
  font-size: 0 !important;
  color: #fff !important;
}

.views-row.is-favorite .star-text::before {
  content: "Gemerkt" !important;
  font-size: 1.4rem !important;
}

/* Styling für die Listenansicht der Favoriten */
.active-filter .programm-card.is-favorite {
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 15px;
  padding: 20px;
  color: #001F3D;
  align-items: center;
}

.active-filter .programm-card.is-favorite .views-field-field-uhrzeit {
  font-weight: bold;
  min-width: 150px;
}

.active-filter .overlap-warning {
  background: #fdf2f2;
  border: 1px solid #f8d7da !important;
  color: #a94442 !important;
  padding: 10px !important;
  margin-top: 10px;
  border-radius: 8px;
}

/* Grünes Overlay für gemerkte Beiträge */
.programm-card {
  position: relative;
}

.fav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 226, 145, 0.90);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  border-radius: inherit;
  padding: 20px;
  text-align: center;
}

.fav-overlay-text {
  color: #001F3D;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.fav-overlay-btn {
  background: transparent;
  border: 1.5px solid #001F3D;
  color: #001F3D;
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.2s ease-in-out;
}

.fav-overlay-btn svg path {
  fill: #001F3D;
  stroke: #001F3D;
  transition: all 0.2s ease-in-out;
}

.fav-overlay-btn:hover {
  background: #002233;
  color: #11E291;
}

.fav-overlay-btn:hover svg path {
  fill: transparent !important;
  stroke: #11E291 !important;
}

/* Floating Button */
#floating-program-button {
  position: fixed;
  right: 0px;
  bottom: 75%;
  z-index: 2000;
  padding: 12px 24px;
  border: none !important;
  border-radius: 30px 0 0 30px;
  background: #DEDC01;
  color: #001F3D;
  cursor: pointer;
  font-weight: 700;
  font-size: 17px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.2s ease-in-out;
}

#floating-program-button:hover {
  background: transparent;
  border: 2px solid #DEDC01 !important;
  border-right: none !important;
  color: #DEDC01;
}

#floating-program-button .star-icon {
  vertical-align: middle;
}

#floating-program-button .star-icon path {
  fill: #001F3D !important;
  stroke: #001f3d !important;
}


#floating-program-button:hover .star-icon path {
  fill: #DEDC01 !important;
  stroke: #DEDC01 !important;
}

@media only screen and (max-width: 1024px) {
  #floating-program-button {
    width: 100% !important;
    border-radius: 0 !important;
    bottom: 0 !important;
    text-align: center !important;
    display: block !important;
  }

  #floating-program-button:hover {
    background-color: #002233 !important;
    text-align: center !important;
    border-color: #001F3D !important;
  }

  .nav--accessibilty {
    bottom: 60px !important;
  }

  #main-content>div>div>div.view-content.is-grouped>div:nth-child(1)>svg {
    margin-left: 3rem !important;
  }

  .fav-header-rebuild>div {
    display: block !important;
  }

  div:has(> h1):has(> .btn-back-to-program) {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: flex-start !important;
    gap: 15px;
  }

  div:has(> .btn-back-to-program) h1 {
    font-size: 32px !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .btn-back-to-program {
    margin-bottom: 2rem;
    margin-top: 6rem;
  }

}

/* Popup Styles -> Mein Programm teilen -> Link kopieren  */
.modal-content {
  position: relative;
  padding: 2rem;
  background: white;
}

.close-x-btn {
  position: absolute;
  top: 5px;
  right: 15px;
  background: none;
  border: none;
  font-size: 5rem;
  font-weight: bold;
  color: black;
  cursor: pointer;
  line-height: 1;
}

.close-x-btn:hover {
  color: #333;
}

#copy-share-link:hover {
  border-width: 3px;
}

@media only screen and (max-width: 1024px)  {
  .modal-content {
    max-width: unset !important;
    width: 90% !important;
    padding: 8vh 8vw !important;
    max-height: 60vh !important;
  }

  .modal-content h3 {
    font-size: 3rem !important;
  }
  
  .close-x-btn {
    font-weight: 600 !important;  
  }

  .btn-back-to-program {
    margin-top: 0rem;
  }

  .views-element-container .noerd-programm-list .view-filters,
  .views-element-container .noerd-programm-list .view-content {
    margin: 0 !important;
  }
}