@charset "utf-8";
/* ====== HP4U Events====== */
:root{

  --hp4u-evt-open-dur: 300ms;
  --hp4u-evt-close-dur: 260ms;
  --hp4u-evt-anim-ease: cubic-bezier(.33,.06,.19,.99);

  --hp4u-logo-h: 50px;
  --hp4u-logo-gap: 10px;
  --hp4u-evt-gap: 32px;

  --hp4u-evt-pad: 18px;
  --hp4u-media-w: 18rem;
 --hp4u-evt-leftw: var(--hp4u-allcardsleft-column-width);
	--hp4u-card-left-colum-pad:8px 18px 18px 18px;
	  --hp4u-evt-left-pad-top: 18px;
  --hp4u-evt-badge-space: 38px;
  --hp4u-evt-badge-baseline-tweak: -1px;
}

.hp4u-events-list{
  display: grid;
  gap: 0;
	background-color:var(--hp4u-surface-1);
}
.hp4u-events--grid{
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.hp4u-events__heading{ margin: 0 0 8px; }

.hp4u-card{
  background: var(--hp4u-color-surface);
  color: var(--hp4u-color-text);
  border: var(--hp4u-border-w) solid var(--hp4u-color-border);
  border-radius: var(--hp4u-radius);
  overflow: hidden;
  scroll-margin-top: var(--hp4u-sticky-offset);
}
.hp4u-card__inner{
  display: grid;
  grid-template-rows: auto auto;
  gap: var(--hp4u-gap);
  padding: var(--hp4u-pad);
}
.hp4u-card__linkarea{
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: var(--hp4u-gap);
  text-decoration: none;
  align-items: stretch;
}

@media (max-width: 800px){
  .hp4u-card__linkarea{ grid-template-columns: 1fr; }
}

.hp4u-card__meta{ display: flex; align-items: center; gap: 8px; }
.hp4u-badge{
  display: inline-block;
  padding: 4px 10px;
  border-radius: 0;
  background: var(--hp4u-badge-bg);
  border: var(--hp4u-border-w) solid var(--hp4u-badge-border);
  color: var(--hp4u-badge-text);
  text-decoration: none;
  font-weight: var(--hp4u-font-weight-group-badge);
  font-size: var(--hp4u-font-size-badge);
  line-height: var(--hp4u-lh-flat);
}
.hp4u-badge:hover{ background: var(--hp4u-badge-hover-bg); }

.hp4u-col--left{ display: grid; gap: var(--hp4u-gap-sm); align-content: start; }
.hp4u-col--left{ padding: var( --hp4u-gap-sm); background-color:var(--hp4u-surface-2);}
.hp4u-col--right{display: flex;
  flex-direction: column;
  gap: 10px;
padding-top: var( --hp4u-gap-sm);
	padding-right:var(--hp4u-evt-left-pad-top);
}


.hp4u-title{
  margin: 0;
  font-size: var(--hp4u-font-size-title);
  line-height: var(--hp4u-lh-tight);
  font-weight: var(--hp4u-font-weight-title);
}
.hp4u-titlewrap{ display: grid; gap: 4px; }
.hp4u-kicker{
  font-size: var(--hp4u-font-size-kicker)!important;
  line-height: var(--hp4u-lh-tight)!important;
  font-weight: var(--hp4u-font-weight-kicker)!important;
	text-transform:uppercase;
}
.hp4u-kicker--inline{ 
	/* color: var(--hp4u-brand); */
  font-size: var(--hp4u-font-size-kicker)!important;
  line-height: var(--hp4u-lh-tight)!important;
display:block;
}
.hp4u-timeblk{ display: grid; gap: 0; }
.hp4u-timeblk .hp4u-time{
  font-weight: var(--hp4u-font-weight-time-slots);
  font-size: var(--hp4u-font-size-time);
  line-height: var(--hp4u-lh-tight);
}
.hp4u-timeblk--main{
  padding: 0;
  font-weight: var(--hp4u-font-weight-time-main);
}
.hp4u-timeblk--main .hp4u-time{
  font-weight: var(--hp4u-font-weight-time-main);
  font-size: var(--hp4u-font-size-time-main);
  line-height: var(--hp4u-lh-title);
}
.hp4u-day{
  font-size: var(--hp4u-font-size-day);
  line-height: var(--hp4u-lh-base);
  font-weight: var(--hp4u-font-weight-day);
}
.hp4u-slots{ display: grid; gap: var(--hp4u-gap); font-weight: var(--hp4u-font-weight-time-slots); }
.hp4u-slot-label{ font-weight: var(--hp4u-font-weight-time-slots-labels); }
.hp4u-timeblk--main .hp4u-slot-label{ font-weight: var(--hp4u-font-weight-time-slots-labels); }

.hp4u-slot-label{ color:var(--hp4u-color-subtle); }

.hp4u-people__group-prefix{ font-weight: var(--hp4u-font-weight-group-prefix); margin-bottom: 4px; }
.hp4u-people__item{ margin: 2px 0; }
.hp4u-people--refs .hp4u-people__list{ white-space: normal; }
.hp4u-people, .hp4u-agenda, .hp4u-intro{
  font-size: var(--hp4u-font-size-people);
  line-height: var(--hp4u-lh-relaxed);
  font-weight: var(--hp4u-font-weight-body);
}
.hp4u-people.hp4u-people--chairs.hp4u-people--mode-inline{padding-top:8px;}
.hp4u-people--chairs.hp4u-people--mode-inline .hp4u-people__group-prefix{ display:inline; margin-right:.25em; }
.hp4u-people--chairs.hp4u-people--mode-inline .hp4u-people__list{ display:inline; }

.details-cta{
  display: inline-block;
  margin-top: auto;
  font-weight: var(--hp4u-font-weight-cta);
  font-size: var(--hp4u-font-size-cta);
  line-height: var(--hp4u-lh-tight);
  color: var(--hp4u-cta-color);
}
.hp4u-card.is-linked:hover .details-cta{color:var( --hp4u-accent);}
.is-not-linked .details-cta{ display:none; }

.hp4u-panel{
  margin-top: 8px;
  padding-top: 8px;
}
.hp4u-panel > summary.hp4u-panel__summary{
  display: inline-flex;
  align-items: center;
  gap: var(--hp4u-panel-trigger-gap);
  padding: var( --hp4u-panel-trigger-padding);
	padding-left:0;
  border-radius: var(--hp4u-radius-sm);
    border-top: var(--hp4u-panel-trigger-border-w) solid var(--hp4u-ui-hairline);
border-bottom: var(--hp4u-panel-trigger-border-w) solid var(--hp4u-ui-hairline);
  background: var(--hp4u-panel-trigger-bg);
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
  width: 100%;
	  font-size: var(--hp4u-font-size-cta);
  line-height: var(--hp4u-lh-tight);
	font-weight:var(--hp4u-font-weight-summary);
}
.hp4u-panel > summary.hp4u-panel__summary::-webkit-details-marker{ display:none; }
/* 
.hp4u-panel > summary.hp4u-panel__summary::after {
    content: "+";
    display: inline-block;
    width: 1rem;
    text-align: center;
}
.hp4u-panel[open]> summary.hp4u-panel__summary::after {
    content: "–";
}
*/
.hp4u-panel__content{
  overflow: hidden;
  transition:
    height var(--hp4u-evt-open-dur) var(--hp4u-evt-anim-ease), 
    opacity var(--hp4u-evt-open-dur) linear;
}
@media (prefers-reduced-motion: reduce){
  .hp4u-panel__content{ transition:none!important; }
}
.hp4u-panel-content{ padding: 8px 0; }

.hp4u-agenda{ display: grid; gap: 0; margin-top: 8px; }
.hp4u-talk{ display: grid; gap: 0; padding-top:var(--hp4u-pad-sm); padding-bottom:var(--hp4u-pad); }
.hp4u-talk__title{
  font-weight: var(--hp4u-font-weight-title);
  font-size: var(--hp4u-font-size-people);
  line-height: var(--hp4u-lh-tight);
}
.hp4u-talk__time{ color: var(--hp4u-color-subtle); }
.hp4u-talk__speakers{ box-sizing:border-box; display:grid; gap: 0; padding-top:var(--hp4u-pad-sm); padding-bottom:var(--hp4u-pad-sm); }
.hp4u-talk__speakers--mode-inline .hp4u-talk__speakers-line{ white-space: normal; }
.hp4u-talk__speakers--inline {
  display: block;
  gap: 0;
}

.hp4u-talk__speakers--inline .hp4u-talk__speaker {
  display: inline;
  margin: 0;       
  padding: 0;
}

.hp4u-talk__speakers--inline .hp4u-talk__speaker + .hp4u-talk__speaker {
  margin-left: 0;
}


.hp4u-talk__speakers--inline .hp4u-person-name,
.hp4u-talk__speakers--inline .hp4u-person-city {
  display: inline;
  white-space: normal;
}

.hp4u-prices{ display: grid; gap: 4px; margin-top: 8px; }
.hp4u-price{ display: flex; gap: 8px; align-items: baseline; }
.hp4u-price__title{
  font-weight: var(--hp4u-font-weight-price__title);
  line-height: var(--hp4u-lh-tight);
  font-size: var(--hp4u-font-size-people);
}
.hp4u-price__value{ margin-left: auto; }
.hp4u-buttons{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--hp4u-pad-l); }
.hp4u-button{
  display: inline-block;
  padding: 8px 12px;
  border: var(--hp4u-border-w) solid var(--hp4u-btn-border-color);
  border-radius: 0;
  background: var(--hp4u-btn-bg);
  color: var(--hp4u-btn-text);
  text-decoration: none;
  font-weight: var(--hp4u-font-weight-hp4u-button);
  font-size: var(--hp4u-font-size-cta);
  line-height: var(--hp4u-lh-tight);
}
.hp4u-button:hover{ background: var(--hp4u-btn-hover-bg); color: var(--hp4u-btn-hover-text); border-color:var(--hp4u-btn-hover-border-color); }



.hp4u-note{
  margin-top: 6px;
  font-size: var(--hp4u-font-size-note);
  line-height: var(--hp4u-lh-relaxed);
  color: var(--hp4u-color-subtle);
}

.hp4u-logos{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--hp4u-logo-gap);
  align-items: center;
}
.hp4u-logos__item{ display:block; line-height:0; }
.hp4u-logos__item > a{ display:inline-block; line-height:0; }
.hp4u-logos__img{ max-height:var(--hp4u-logo-h); height:auto; width:auto; display:block; }

.hp4u-card__linkarea{color: var(--hp4u-ink-dark)!important;}
.hp4u-card__linkarea:any-link, 
.hp4u-card__linkarea:any-link:visited, 
.hp4u-card__linkarea:any-link:hover, 
.hp4u-card__linkarea:any-link:active, 
.hp4u-card__linkarea:any-link:focus-visible{
  color: var(--hp4u-ink-dark);
  text-decoration: none;
}
/* --------
.hp4u-card.is-linked{

  box-shadow: 0 0 0 0 rgba(0,0,0,0);
  transition:
    box-shadow 220ms var(--hp4u-evt-anim-ease), 
    transform 220ms var(--hp4u-evt-anim-ease), 
    border-color 220ms var(--hp4u-evt-anim-ease), 
    background-color 220ms linear;
  will-change: box-shadow, transform;
}

.hp4u-card.is-linked:hover, 
.hp4u-card.is-linked:focus-within{

  box-shadow:
    0 2px 6px rgba(15, 23, 42, 0.06), 
    0 12px 24px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);

  border-color: color-mix(in oklab, var(--hp4u-color-border) 70%, var(--hp4u-color-text) 30%);
  background: color-mix(in oklab, var(--hp4u-color-surface) 94%, #fff 6%);
}

.hp4u-card.is-linked:active{
  transform: translateY(0);
  box-shadow:
    0 1px 3px rgba(15, 23, 42, 0.08), 
    0 8px 16px rgba(15, 23, 42, 0.10);
}

@media (prefers-color-scheme: dark){
  .hp4u-card.is-linked:hover, 
  .hp4u-card.is-linked:focus-within{
    box-shadow:
      0 2px 10px rgba(0, 0, 0, 0.45), 
      0 18px 36px rgba(0, 0, 0, 0.35);
    border-color: color-mix(in oklab, var(--hp4u-color-border) 80%, #fff 20%);
    background: color-mix(in oklab, var(--hp4u-color-surface) 92%, #000 8%);
  }
}

@media (prefers-reduced-motion: reduce){
  .hp4u-card.is-linked{ transition: box-shadow 120ms linear, border-color 120ms linear, background-color 120ms linear; }
}
------------ */
.is-sonderformat .hp4u-agenda > .hp4u-talk {padding-top:0;}

.hp4u-agenda > .hp4u-talk ~ .hp4u-talk { padding-top:var(--hp4u-pad-sm); padding-bottom:var(--hp4u-pad); }
.is-sonderformat .hp4u-talk__title{ font-size: var(--hp4u-font-size-title);
    line-height: var(--hp4u-lh-tight);
    font-weight: var(--hp4u-font-weight-title-is-sonderformat); }
.is-sonderformat .hp4u-agenda--preview{margin-top: 0; }
.is-sonderformat .hp4u-panel--static{
    margin-top: 0;
    padding-top: 0;
}
.is-sonderformat .hp4u-agenda {
    margin-top: 0;
}

.hp4u-events-list > .hp4u-daysep{padding-top:calc(var(--hp4u-section-pad) * 2); padding-bottom:calc(var(--hp4u-section-pad) * 2);font-size:var(--hp4u-font-size-day-header); line-height:var(--hp4u-line-height-day-header); font-weight:var(--hp4u-font-weight-day-header);padding-left: var(--hp4u-section-pad);padding-right: var(--hp4u-section-pad);}
.hp4u-events-list > .hp4u-daysep h2, .hp4u-events-list > .hp4u-daysep h3, .hp4u-events-list > .hp4u-daysep h4{font-size:var(--hp4u-font-size-day-header); line-height:var(--hp4u-line-height-day-header); font-weight:var(--hp4u-font-weight-day-header); color:var(--hp4u-accent);}
.hp4u-events-list > .hp4u-daysep ~ .hp4u-daysep{padding-top:calc(var(--hp4u-section-pad) * 2); padding-bottom:calc(var(--hp4u-section-pad) * 2);}

.hp4u-card.is-not-linked.is-sonderformat .hp4u-card__meta{display:none!important;}

/* Sonderformat */
.hp4u-card--display-agenda.is-sonderformat .hp4u-titlewrap{ display:none; }
 .hp4u-card--display-agenda.is-sonderformat  .hp4u-col--right {
   padding-top: calc(var(--hp4u-evt-badge-space) + 6px);
}
.overview .hp4u-card--display-agenda.is-sonderformat  .hp4u-col--right {
    padding-top: 6px;
}
.overview .hp4u-card--display-agenda.is-sonderformat .hp4u-col--left {padding-bottom:0px }
.category .hp4u-card--display-agenda.is-sonderformat  .hp4u-col--right {
	padding-top: calc(var(--hp4u-evt-badge-space) + 6px);
}
.category.hp4u-card--display-agenda.is-sonderformat .hp4u-col--left {padding-bottom:var(--hp4u-evt-left-pad-top); }
.hp4u-panel--static {
margin-top: 0; 
padding-top: 0;
}
.hp4u-panel--static .hp4u-panel__content{overflow:visible; padding-top:0;}
.hp4u-panel--static .hp4u-panel-content{padding-top:0;}
/* CARD LEFT COLUMN ORDER */
.hp4u-card .hp4u-col--left .hp4u-timeblk--main {order: 1;}
.hp4u-card .hp4u-col--left .hp4u-day {order: 2;}
.hp4u-card .hp4u-col--left .hp4u-slots{order: 4;}
.hp4u-card .hp4u-col--left .hp4u-logos{order: 3;}