/*
Theme Name: Treffpunkt Bauernhof
Theme URI: https://treffpunkt-bauernhof.org
Author: Treffpunkt Bauernhof
Description: Radikales, mobiles Block-Theme für Treffpunkt Bauernhof.
Version: 0.6.9
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: treffpunkt-bauernhof
*/

:root {
  --tb-black: #0a0d0c;
  --tb-ink: #111512;
  --tb-cream: #f1efe5;
  --tb-paper: #faf9f3;
  --tb-signal: #d7ff00;
  --tb-muted: #a7ada8;
  --tb-line: rgba(241, 239, 229, 0.24);
  --tb-gutter: clamp(1rem, 3vw, 3rem);
  --tb-display: "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --tb-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: clip;
  background: var(--tb-black);
  color: var(--tb-cream);
  font-family: var(--tb-body);
  font-size: clamp(1rem, 0.96rem + 0.18vw, 1.15rem);
  line-height: 1.45;
  text-rendering: optimizeLegibility;
}

a { color: inherit; }
img { max-width: 100%; }
.wp-site-blocks { padding: 0; }
.wp-site-blocks > * { margin-block-start: 0; }

.tb-header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 68px;
  padding: 0.75rem var(--tb-gutter);
  background: rgba(10, 13, 12, 0.96);
  border-bottom: 1px solid var(--tb-line);
  backdrop-filter: blur(12px);
}

.tb-wordmark {
  display: inline-block;
  max-width: 13rem;
  font-family: var(--tb-display);
  font-size: 1rem;
  font-weight: 900;
  line-height: 0.92;
  letter-spacing: -0.04em;
  text-decoration: none;
  text-transform: uppercase;
}

.tb-nav { display: flex; align-items: center; gap: clamp(0.75rem, 2vw, 2rem); }
.tb-nav a {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
}
.tb-nav a:last-child { padding: 0.65rem 0.9rem; background: var(--tb-signal); color: var(--tb-black); }

.tb-hero {
  display: grid;
  min-height: calc(100svh - 68px);
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
}
.tb-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(2rem, 5vw, 5.5rem) var(--tb-gutter) var(--tb-gutter);
}
.tb-kicker {
  margin: 0 0 1rem;
  color: var(--tb-signal);
  font-size: clamp(.95rem, 1.05vw, 1.12rem);
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.tb-hero h1 {
  max-width: 8ch;
  margin: 0;
  font-family: var(--tb-display);
  font-size: clamp(3rem, 5.1vw, 6.5rem);
  font-weight: 900;
  line-height: 0.78;
  letter-spacing: -0.075em;
  text-transform: uppercase;
}
.tb-hero h1 span { color: var(--tb-signal); }
.tb-hero-explainer {
  max-width: 39rem;
  margin: clamp(1.4rem, 3vw, 2.4rem) 0 0;
  font-size: clamp(1.08rem, 1.45vw, 1.45rem);
  font-weight: 650;
  line-height: 1.35;
}
.tb-hero-facts { display: flex; flex-wrap: wrap; gap: .45rem 1.2rem; margin: 1.1rem 0 0; font-size: .88rem; font-weight: 900; letter-spacing: .045em; text-transform: uppercase; }
.tb-hero-facts strong { color: var(--tb-signal); }
.tb-claim {
  max-width: 28ch;
  margin: clamp(2rem, 5vw, 5rem) 0 1.5rem;
  font-family: var(--tb-display);
  font-size: clamp(1.25rem, 2vw, 2.2rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.035em;
  text-transform: uppercase;
}
.tb-hero-actions { display: flex; flex-wrap: wrap; gap: 0.7rem; }
.tb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.78rem 1rem;
  border: 2px solid var(--tb-cream);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-decoration: none;
  text-transform: uppercase;
}
.tb-button--signal { border-color: var(--tb-signal); background: var(--tb-signal); color: var(--tb-black); }
.tb-button--dark { border-color: var(--tb-black); background: var(--tb-black); color: var(--tb-cream); }
.tb-hero-media {
  position: relative;
  min-height: 55svh;
  background: #20261f url("assets/images/hero.jpg") 94% center / cover no-repeat;
}
.tb-hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,13,12,.25), transparent 35%); }
.tb-date-flag {
  position: absolute;
  z-index: 2;
  right: var(--tb-gutter);
  bottom: var(--tb-gutter);
  max-width: 25rem;
  padding: 1rem;
  background: var(--tb-signal);
  color: var(--tb-black);
  font-family: var(--tb-display);
  font-size: clamp(1.05rem, 1.8vw, 1.75rem);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.tb-strip {
  padding: 0.85rem var(--tb-gutter);
  overflow: hidden;
  background: var(--tb-cream);
  color: var(--tb-black);
  font-family: var(--tb-display);
  font-size: clamp(1rem, 1.7vw, 1.6rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}
.tb-strip span { color: #606760; padding: 0 0.75rem; }

.tb-booking-guide {
  display: grid;
  grid-template-columns: minmax(14rem, .65fr) minmax(0, 1.35fr);
  gap: clamp(2rem, 5vw, 6rem);
  padding: clamp(2.5rem, 5vw, 5rem) var(--tb-gutter);
  background: var(--tb-signal);
  color: var(--tb-black);
}
.tb-booking-intro h2 {
  max-width: 12ch;
  margin: .6rem 0 0;
  font-family: var(--tb-display);
  font-size: clamp(2rem, 3.5vw, 4.4rem);
  font-weight: 900;
  line-height: .88;
  letter-spacing: -.06em;
  text-transform: uppercase;
}
.tb-booking-steps { display: grid; margin: 0; padding: 0; list-style: none; border-top: 2px solid currentColor; }
.tb-booking-steps li { display: grid; grid-template-columns: 3.25rem 1fr; gap: 1rem; padding: 1rem 0; border-bottom: 2px solid currentColor; }
.tb-booking-steps li > span { font-family: var(--tb-display); font-size: 1.45rem; font-weight: 900; line-height: 1; }
.tb-booking-steps strong { display: block; font-size: 1rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.tb-booking-steps p { max-width: 42rem; margin: .25rem 0 0; line-height: 1.4; }
.tb-booking-actions { display: flex; grid-column: 2; flex-wrap: wrap; gap: .7rem; }

.tb-section { padding: clamp(4rem, 8vw, 9rem) var(--tb-gutter); }
.tb-section--paper { background: var(--tb-paper); color: var(--tb-black); }
.tb-section--signal { background: var(--tb-signal); color: var(--tb-black); }
.tb-section-head {
  display: grid;
  align-items: start;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: 2rem;
  margin-bottom: clamp(2.5rem, 6vw, 6rem);
}
.tb-eyebrow { margin: 0; font-size: clamp(.95rem, 1.05vw, 1.12rem); font-weight: 900; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; }
.tb-section h2 {
  max-width: 13ch;
  margin: 0;
  font-family: var(--tb-display);
  font-size: clamp(2.5rem, 6vw, 7rem);
  font-weight: 900;
  line-height: 0.88;
  letter-spacing: -0.065em;
  text-transform: uppercase;
}
.tb-lead { max-width: 36ch; margin: 0; font-size: clamp(1.35rem, 2.4vw, 2.7rem); font-weight: 650; line-height: 1.12; letter-spacing: -0.03em; }
.tb-explainer,
.tb-program-copy { max-width: 58ch; margin: 1.5rem 0 0; font-size: clamp(1rem, 1.2vw, 1.25rem); line-height: 1.55; }
.tb-program-copy { color: #c8cec8; }
.tb-program-location { max-width: 58ch; margin: 1.75rem 0 0; padding: 1.1rem 1.2rem; border: 2px solid var(--tb-signal); }
.tb-program-location span { display: block; margin-bottom: .4rem; color: var(--tb-signal); font-size: .78rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.tb-program-location strong { display: block; font-size: clamp(1.15rem, 1.6vw, 1.5rem); line-height: 1.15; }
.tb-program-location address { margin-top: .3rem; font-size: clamp(1rem, 1.2vw, 1.2rem); font-style: normal; font-weight: 750; }
.tb-program-location small { display: block; margin-top: .7rem; color: #c8cec8; font-size: .88rem; line-height: 1.4; }
.tb-route-link { display: inline-block; margin-top: .8rem; color: var(--tb-signal); font-size: .88rem; font-weight: 900; text-decoration-thickness: 2px; text-underline-offset: .2em; text-transform: uppercase; }
.tb-practical-strip { display: flex; max-width: 58ch; flex-wrap: wrap; gap: .45rem .7rem; margin-top: 1rem; }
.tb-practical-strip span { padding: .42rem .58rem; background: var(--tb-signal); color: var(--tb-black); font-size: .73rem; font-weight: 900; letter-spacing: .035em; text-transform: uppercase; }
.tb-program-stay { max-width: 58ch; margin: 1.5rem 0 0; padding: 1rem 1.1rem; border-left: 4px solid var(--tb-signal); background: #171c1a; font-size: clamp(1rem, 1.15vw, 1.18rem); line-height: 1.45; }
.tb-program-stay a { color: var(--tb-signal); font-weight: 900; text-decoration-thickness: 2px; text-underline-offset: .2em; }

.tb-program-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.tb-event {
  display: flex;
  min-height: 25rem;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(1.3rem, 2.7vw, 2.7rem);
  color: var(--tb-black);
}
.tb-event:nth-child(1) { background: #efb34b; }
.tb-event:nth-child(2) { background: var(--tb-signal); }
.tb-event:nth-child(3) { background: #97cfc0; }
.tb-event:nth-child(4) { background: #e77554; }
.tb-event:nth-child(5) { background: #d9c6ef; }
.tb-event:nth-child(6) { background: #8fbc67; }
.tb-event--film { background: #174b3c !important; color: var(--tb-cream); }
.tb-event--film .tb-event-link { color: var(--tb-signal); }
.tb-event--wide { grid-column: 1 / -1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr); gap: clamp(2rem, 6vw, 7rem); background: #efb34b; }
.tb-event-date { font-family: var(--tb-display); font-size: clamp(2.5rem, 5vw, 5.8rem); font-weight: 900; line-height: .8; letter-spacing: -.06em; }
.tb-event-date small { display: block; margin-bottom: .35rem; font-family: var(--tb-body); font-size: .9rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.tb-event h3 { margin: 2rem 0 .65rem; font-family: var(--tb-display); font-size: clamp(1.8rem, 3.2vw, 3.5rem); line-height: .92; letter-spacing: -.05em; text-transform: uppercase; }
.tb-event-series { display: inline-block; margin: 2rem 0 -1.25rem !important; padding: .35rem .55rem; border: 2px solid currentColor; font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.tb-event p { max-width: 34rem; margin: 0; }
.tb-meeting-note { margin-top: 1rem !important; padding-top: 1rem; border-top: 1px solid currentColor; font-size: .92rem; }
.tb-event-meta { margin-top: 2rem; font-size: clamp(.98rem, 1.1vw, 1.15rem); font-weight: 900; line-height: 1.3; letter-spacing: .035em; text-transform: uppercase; }
.tb-event-link { display: inline-block; margin-top: 1rem; font-weight: 900; text-decoration-thickness: 2px; text-underline-offset: .22em; text-transform: uppercase; }
.tb-event-agenda { display: grid; gap: .45rem; margin-top: 1.5rem; padding-top: 1.2rem; border-top: 2px solid currentColor; }
.tb-event-agenda span { display: grid; grid-template-columns: 9rem 1fr; gap: .75rem; }

.tb-external-event {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, .72fr);
  gap: clamp(2rem, 6vw, 7rem);
  padding: clamp(3rem, 7vw, 8rem) var(--tb-gutter);
  background: #f1efe5;
  color: var(--tb-black);
}
.tb-external-event-copy { align-self: center; }
.tb-external-event h2 { max-width: 10ch; margin: .8rem 0 1.5rem; font-family: var(--tb-display); font-size: clamp(3rem, 6.8vw, 7.5rem); font-weight: 900; line-height: .82; letter-spacing: -.07em; text-transform: uppercase; }
.tb-external-event h3 { margin: 2rem 0 .65rem; font-family: var(--tb-display); font-size: clamp(1.7rem, 3vw, 3.3rem); line-height: .95; letter-spacing: -.045em; text-transform: uppercase; }
.tb-external-event-copy > p:not(.tb-eyebrow):not(.tb-lead) { max-width: 52ch; font-size: clamp(1.05rem, 1.35vw, 1.3rem); }
.tb-external-event-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 2rem 0; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; }
.tb-external-event-meta span { padding: 1rem .85rem 1rem 0; }
.tb-external-event-meta span + span { padding-left: .85rem; border-left: 1px solid currentColor; }
.tb-external-actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.tb-external-event-poster { align-self: center; margin: 0; padding: .75rem; background: #fff; box-shadow: 0 1rem 3rem rgba(10,13,12,.18); transform: rotate(1deg); }
.tb-external-event-poster img { display: block; width: 100%; height: auto; }
.tb-external-event-poster figcaption { padding: .75rem .25rem .15rem; font-size: .75rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }

.tb-hofabend {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(18rem, .7fr);
  gap: clamp(2rem, 6vw, 7rem);
  padding: clamp(3rem, 7vw, 8rem) var(--tb-gutter);
  background: var(--tb-signal);
  color: var(--tb-black);
}
.tb-hofabend h2 { max-width: 10ch; margin: .5rem 0 0; font-family: var(--tb-display); font-size: clamp(3rem, 7.2vw, 8rem); font-weight: 900; line-height: .82; letter-spacing: -.075em; text-transform: uppercase; }
.tb-hofabend-copy { align-self: end; }
.tb-hofabend-copy strong { display: block; margin-bottom: 1rem; font-size: 1rem; letter-spacing: .05em; text-transform: uppercase; }
.tb-hofabend-copy p { font-size: clamp(1.15rem, 1.7vw, 1.65rem); font-weight: 600; }
.tb-hofabend-topics { display: grid; max-width: 54rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(2rem, 5vw, 4rem); border-top: 2px solid var(--tb-black); border-left: 2px solid var(--tb-black); }
.tb-hofabend-topics span { display: flex; min-height: clamp(6rem, 10vw, 10rem); align-items: flex-end; padding: clamp(.8rem, 2vw, 1.4rem); overflow-wrap: anywhere; border-right: 2px solid var(--tb-black); border-bottom: 2px solid var(--tb-black); font-family: var(--tb-display); font-size: clamp(1.3rem, 2.1vw, 2.75rem); font-weight: 900; line-height: .9; letter-spacing: -.045em; text-transform: uppercase; }
.tb-hofabend-topics span:nth-child(2), .tb-hofabend-topics span:nth-child(3) { background: var(--tb-black); color: var(--tb-signal); }

.tb-photo-band { min-height: clamp(24rem, 52vw, 52rem); background: #2e332d url("assets/images/hosts.jpg") center 35% / cover no-repeat; }
.tb-people { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tb-person { min-height: 34rem; padding: var(--tb-gutter); display: flex; flex-direction: column; justify-content: flex-end; }
.tb-person--hosts { background: linear-gradient(0deg, rgba(10,13,12,.86), rgba(10,13,12,.05) 60%), url("assets/images/ruth-jens.jpg") center / cover no-repeat; }
.tb-person--guests { background: linear-gradient(0deg, rgba(10,13,12,.86), rgba(10,13,12,.04) 60%), url("assets/images/guests-v5.jpg") 52% center / cover no-repeat; }
.tb-person-label { color: var(--tb-signal); font-size: .78rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.tb-person h3 { margin: .4rem 0 .65rem; font-family: var(--tb-display); font-size: clamp(2.2rem, 4.2vw, 5rem); line-height: .9; letter-spacing: -.055em; text-transform: uppercase; }
.tb-person p { max-width: 38rem; margin: 0; font-weight: 600; }
.tb-person-link { display: inline-block; margin-top: 1rem; color: var(--tb-signal); font-weight: 900; text-decoration-thickness: 2px; text-underline-offset: .22em; text-transform: uppercase; }

.tb-projects { padding: clamp(4rem, 8vw, 9rem) var(--tb-gutter); background: var(--tb-paper); color: var(--tb-black); }
.tb-projects h2 { max-width: 12ch; margin: 0; font-family: var(--tb-display); font-size: clamp(2.5rem, 6vw, 7rem); font-weight: 900; line-height: .88; letter-spacing: -.065em; text-transform: uppercase; }
.tb-project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 2px solid currentColor; border-left: 2px solid currentColor; }
.tb-project-card { min-height: 25rem; padding: clamp(1.4rem, 3vw, 3rem); border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; }
.tb-project-card:nth-child(1) { background: #97cfc0; }
.tb-project-card:nth-child(2) { background: #efb34b; }
.tb-project-card:nth-child(3) { background: #d9c6ef; }
.tb-project-card--vision { background: var(--tb-signal); }
.tb-project-owner { margin: 0 0 1.5rem; font-size: .78rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.tb-project-photo { margin: 0 0 1.6rem; overflow: hidden; border: 2px solid currentColor; background: var(--tb-black); }
.tb-project-photo img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.tb-project-photo--aukse img { object-position: center 52%; }
.tb-project-photo--timo img { object-position: 50% 58%; }
.tb-project-card h3 { max-width: 12ch; margin: 0 0 1rem; font-family: var(--tb-display); font-size: clamp(2rem, 4vw, 4.6rem); line-height: .88; letter-spacing: -.055em; text-transform: uppercase; }
.tb-project-card > p:not(.tb-project-owner) { max-width: 40rem; font-size: clamp(1rem, 1.25vw, 1.25rem); line-height: 1.5; }
.tb-project-card a { display: inline-block; margin-top: 1rem; font-weight: 900; text-decoration-thickness: 2px; text-underline-offset: .22em; text-transform: uppercase; }
.tb-project-status { display: inline-block; margin-top: 1rem; padding: .5rem .7rem; border: 2px solid currentColor; font-size: .75rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }

.tb-boden { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(20rem, .8fr); min-height: 36rem; }
.tb-boden-media { background: #5b4b36 url("assets/images/kreislauf-v2.jpg") center / cover no-repeat; }
.tb-boden-copy { display: flex; flex-direction: column; justify-content: space-between; padding: var(--tb-gutter); background: var(--tb-cream); color: var(--tb-black); }
.tb-boden-copy h2 { margin: 0; font-family: var(--tb-display); font-size: clamp(2.7rem, 4.5vw, 6rem); line-height: .82; letter-spacing: -.065em; text-transform: uppercase; }
.tb-boden-copy p { max-width: 26rem; font-size: 1.2rem; font-weight: 650; }

.tb-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 2px solid currentColor; }
.tb-info { padding: 1.5rem 1.5rem 0 0; }
.tb-info + .tb-info { padding-left: 1.5rem; border-left: 1px solid currentColor; }
.tb-info h3 { margin: 0 0 .8rem; font-family: var(--tb-display); font-size: clamp(1.5rem, 2.8vw, 3rem); line-height: .95; letter-spacing: -.04em; text-transform: uppercase; }
.tb-info p { margin: 0; }
.tb-info-link { display: inline-block; margin-top: 1rem; font-weight: 900; text-decoration-thickness: 2px; text-underline-offset: .22em; }

.tb-signup { display: grid; grid-template-columns: minmax(0, .8fr) minmax(22rem, 1.2fr); gap: clamp(2rem, 8vw, 9rem); }
.tb-signup h2 { max-width: 9ch; }
.tb-form-shell { padding: clamp(1rem, 3vw, 2.5rem); background: var(--tb-paper); color: var(--tb-black); }
.tb-form-shell input,
.tb-form-shell select,
.tb-form-shell textarea,
.fluentform input,
.fluentform select,
.fluentform textarea {
  border: 0 !important;
  border-bottom: 2px solid var(--tb-black) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--tb-black) !important;
  box-shadow: none !important;
}
.fluentform .ff-btn-submit { border: 0 !important; border-radius: 0 !important; background: var(--tb-black) !important; color: var(--tb-cream) !important; font-weight: 900 !important; text-transform: uppercase; }
.tb-form-placeholder { padding: 2rem 0; border-top: 2px solid var(--tb-black); border-bottom: 2px solid var(--tb-black); font-weight: 750; }
.fluentform + .tb-form-placeholder { display: none; }
.tb-signup-note { max-width: 34rem; margin: 1.3rem 0 0; font-size: .95rem; line-height: 1.5; }

.tb-footer { display: flex; justify-content: space-between; gap: 2rem; padding: 2rem var(--tb-gutter); border-top: 1px solid var(--tb-line); font-size: .8rem; font-weight: 800; text-transform: uppercase; }
.tb-footer-links { display: flex; flex-wrap: wrap; gap: 1rem; }

.wp-block-post-title {
  max-width: 12ch;
  margin: 0 0 clamp(2.5rem, 6vw, 5rem);
  font-family: var(--tb-display);
  font-size: clamp(3rem, 7vw, 7rem);
  font-weight: 900;
  line-height: .86;
  letter-spacing: -.065em;
  text-transform: uppercase;
}
.wp-block-post-content { max-width: 52rem; }
.wp-block-post-content h2 {
  max-width: none;
  margin: 3rem 0 .8rem;
  font-size: clamp(1.6rem, 2.7vw, 2.7rem);
  line-height: 1;
  letter-spacing: -.035em;
}
.wp-block-post-content h3 { margin: 2rem 0 .6rem; font-family: var(--tb-display); font-size: 1.25rem; text-transform: uppercase; }
.wp-block-post-content p,
.wp-block-post-content li { max-width: 50rem; line-height: 1.65; }
.wp-block-post-content a { font-weight: 750; text-decoration-thickness: 2px; text-underline-offset: .2em; }

@media (max-width: 900px) {
  .tb-nav a:not(:last-child) { display: none; }
  .tb-hero { grid-template-columns: 1fr; }
  .tb-hero-copy { min-height: 62svh; }
  .tb-hero-media { min-height: 58svh; }
  .tb-section-head, .tb-hofabend, .tb-boden, .tb-signup, .tb-external-event, .tb-event--wide { grid-template-columns: 1fr; }
  .tb-booking-guide { grid-template-columns: 1fr; }
  .tb-booking-actions { grid-column: 1; }
  .tb-section-head { gap: 1.2rem; }
  .tb-hofabend-copy { max-width: 36rem; }
  .tb-people { grid-template-columns: 1fr; }
  .tb-project-grid { grid-template-columns: 1fr; }
  .tb-person { min-height: 29rem; }
  .tb-boden-media { min-height: 28rem; }
}

@media (max-width: 680px) {
  .tb-header { min-height: 60px; }
  .tb-wordmark { font-size: .86rem; }
  .tb-nav a:last-child { padding: .55rem .7rem; }
  .tb-hero h1 { font-size: clamp(2.7rem, 12.8vw, 5.8rem); }
  .tb-hero-copy { min-height: 68svh; }
  .tb-hero-facts { display: grid; gap: .25rem; }
  .tb-hero-media { background-position: 88% center; }
  .tb-person--hosts { background-position: 84% center; }
  .tb-hero-actions { display: grid; grid-template-columns: 1fr; }
  .tb-booking-actions { display: grid; }
  .tb-button { width: 100%; }
  .tb-date-flag { right: 1rem; bottom: 1rem; left: 1rem; max-width: none; }
  .tb-program-grid { grid-template-columns: 1fr; }
  .tb-event, .tb-event:nth-child(odd), .tb-event:nth-child(even) { min-height: 22rem; padding: 1.35rem; border-right: 0; }
  .tb-event--wide { grid-column: auto; gap: 1rem; }
  .tb-event-agenda span { grid-template-columns: 1fr; gap: 0; }
  .tb-external-event-meta { grid-template-columns: 1fr; }
  .tb-external-event-meta span + span { padding-left: 0; border-top: 1px solid currentColor; border-left: 0; }
  .tb-external-event-poster { transform: none; }
  .tb-external-actions { display: grid; }
  .tb-hofabend-topics span { font-size: clamp(1rem, 4.5vw, 1.2rem); }
  .tb-info-grid { grid-template-columns: 1fr; }
  .tb-project-card { min-height: 0; }
  .tb-info, .tb-info + .tb-info { padding: 1.35rem 0; border-left: 0; border-bottom: 1px solid currentColor; }
  .tb-footer { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Brand master · 0.6.9 */
:root {
  --tb-logo-negative: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjE4MCAxNTAgMTY0MCA0NDAiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAzMC4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCAxKSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KCiAgICAgIC5zdDEgewogICAgICAgIGZpbGw6ICNjYWVlMGI7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnPgogICAgPGc+CiAgICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01ODAuMSw1NjdoLTIwMS42Yy0xMS4xLDAtMTcuMS05LjktMTctMjAuMiw2LjItMzAuOSwxMy45LTYwLjgsMjUuNS05MC4yLDQuNi0xMS44LDEyLjgtMjEuNiwyNC42LTI2LjksMjIuOS0xMC4yLDQ3LjEtMTcsNzIuNi0xOC4xLDMzLjEtMS40LDY1LjcsNiw5NS40LDE5LjYsMTAuOSw1LDE3LjcsMTUsMTcuNywyNi42djkwYzAsMTAuMS02LjYsMTcuMS0xNy4yLDE5LjNaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMTguMywzMzljLTMwLjIsNS01OS4yLDYuMy04OSw1LjMtMTEuMy0uNC0xOS40LTguNC0xOS40LTE5LjZ2LTEyMC43YzAtOS40LDYtMTguNiwxNi4yLTE4LjlsOTUuNS0zLjYsODIuNC0zLjZjNS44LS4zLDEwLjksMS43LDE0LjIsNS40LDMuNSwzLjksNS43LDEwLDQuNCwxNi02LjksMzEtMTQuMSw2MS4yLTIyLjYsOTEuOC0zLjgsMTMuNy0xNC4yLDIzLjktMjYuNiwzMC4xLTE3LjQsOC43LTM1LDE0LjYtNTUsMThaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00ODQuNCwzNzQuNGMtMTUtMi43LTI1LjgtMTEuNC0zMS0yNS4yLTYuMy0xNi44LTgtMzQuNS02LjYtNTIuOSwyLjQtMzIuMSw5LjYtNjIuNywyMS05Mi42LDYuMS0xNS44LDE4LjktMjYuNywzNi4xLTI4LjMsMjUuMS0yLjMsNDkuNi0yLjIsNzUtMi42LDkuNS0uMiwxOC4yLDcuNSwxOC4yLDE3LjZ2MTkwLjdjMCw5LjgtMTAsMTcuNS0xOS43LDE0LjktMzAuOC04LjMtNjAuOS0xNS45LTkzLjEtMjEuNloiLz4KICAgICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTI5MS42LDU2Ny4xbC02Ni4yLS4yYy04LjEsMC0xNS4zLTcuNC0xNS4zLTE2LjF2LTE1MC40YzAtMTEuNCw4LjUtMjAuNSwxOS40LTIyLjYsMjguMi01LjUsNTYuNi04LjIsODUuMi03LDE2LjQuNiwyOC40LDkuOSwzMi43LDI1LjYsNC44LDE3LjMsNC43LDM1LjMuMiw1My4zLTguNSwzNC0xOC45LDY2LjktMzAuMyw5OS44LTMuOSwxMS4zLTE0LjIsMTcuNS0yNS44LDE3LjVaIi8+CiAgICA8L2c+CiAgICA8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzg0LjgsNDIwLjNjLTguMywxLjktMTUuOS0yLTE4LjctOS42LTUuNy0xNS43LTEwLjgtMzEuMS0xNS40LTQ3LjItMi42LTksMi4zLTE4LjksMTEuMS0yMS45bDQ5LjMtMTYuOGM5LjMtMy4yLDE5LjEsMS41LDIyLjMsMTFsMTQuNiw0NC40YzMuMSw5LjYtMS4zLDE4LjktMTAuNiwyMi4xbC01Mi43LDE4WiIvPgogIDwvZz4KICA8Zz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03NDIuMiwzNjMuOWgtNDEuMXYtODcuN2gtMzAuMXYtMzQuN2gxMDEuM3YzNC43aC0zMC4xdjg3LjdaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzg0LjksMjQxLjVoNTIuN2M2LDAsMTIsLjYsMTcuOSwxLjgsNS45LDEuMiwxMS4yLDMuMywxNS45LDYuNCw0LjcsMy4xLDguNCw3LjEsMTEuMywxMi4zLDIuOSw1LjEsNC4zLDExLjYsNC4zLDE5LjNzLTEuOCwxNC4xLTUuNSwxOS44Yy0zLjcsNS43LTksMTAuMS0xNS45LDEzLjJsMzEuMSw0OS42aC00Ny4zbC0yMy40LTQzLjdoLTEuMnY0My43aC0zOS45di0xMjIuNFpNODI0LjUsMjkzLjJoOC4xYzEuNCwwLDIuOS0uMSw0LjUtLjMsMS43LS4yLDMuMi0uNyw0LjYtMS41LDEuNC0uNywyLjYtMS44LDMuNi0zLjEsMS0xLjMsMS41LTMuMSwxLjUtNS4zcy0uNC0zLjktMS4yLTUuMmMtLjgtMS4zLTEuOC0yLjItMy4xLTIuOS0xLjMtLjYtMi42LTEtNC4xLTEuMi0xLjUtLjItMi45LS4zLTQuMS0uM2gtOS44djE5LjdaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTA0LjksMjQxLjVoODQuMnYzNC4yaC00NS41djEwLjVoNDIuN3YzMmgtNDIuN3YxMS40aDQ4LjR2MzQuMmgtODcuMXYtMTIyLjRaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTA0OS40LDI4OC43aDM3LjN2MzMuN2gtMzcuMnY0MS41aC00MC41di0xMjIuNGg4Mi42djM0LjRoLTQyLjR2MTIuOFoiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTQ2LjQsMjg4LjdoMzcuM3YzMy43aC0zNy4ydjQxLjVoLTQwLjV2LTEyMi40aDgyLjZ2MzQuNGgtNDIuNHYxMi44WiIvPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyNDcuNSwzMjQuNXYzOS40aC00MXYtMTIyLjRoNTIuNmM2LjIsMCwxMi4zLjcsMTguMywyLDYsMS4zLDExLjQsMy42LDE2LjEsNi43LDQuNywzLjIsOC41LDcuNCwxMS40LDEyLjYsMi45LDUuMiw0LjMsMTEuOCw0LjMsMTkuOHMtMS40LDE0LjEtNC4yLDE5LjRjLTIuOCw1LjMtNi42LDkuNi0xMS4yLDEzLTQuNywzLjMtMTAsNS44LTE2LjEsNy4zLTYuMSwxLjUtMTIuMiwyLjItMTguNiwyLjJoLTExLjZaTTEyNDcuNSwyNzMuNXYxOS43aDguNmMzLjEsMCw2LS44LDguNi0yLjMsMi42LTEuNiwzLjktNC4yLDMuOS03LjlzLS4zLTMuNS0xLTQuOGMtLjctMS4yLTEuNi0yLjItMi45LTIuOXMtMi42LTEuMi00LjEtMS41Yy0xLjUtLjMtMy0uNC00LjUtLjRoLTguNloiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMzc2LjMsMzY3LjRjLTkuNiwwLTE3LjktMS4zLTI1LTRzLTEzLTYuMy0xNy43LTEwLjljLTQuNy00LjYtOC4yLTEwLjEtMTAuNS0xNi4zLTIuMy02LjMtMy41LTEzLjEtMy41LTIwLjN2LTc0LjNoNDEuMXY2OS44YzAsNS45LDEuNCwxMC41LDQuMiwxMy43LDIuOCwzLjMsNi44LDQuOSwxMiw0LjlzOS4yLTEuNiwxMi00LjljMi44LTMuMyw0LjItNy45LDQuMi0xMy43di02OS44aDQxdjc0LjNjMCw3LjMtMS4yLDE0LTMuNywyMC4zLTIuNSw2LjMtNi4xLDExLjctMTEsMTYuMy00LjgsNC42LTEwLjksOC4yLTE4LjEsMTAuOS03LjIsMi42LTE1LjYsNC0yNS4yLDRaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQ0OC40LDI0MS41aDQxbDM0LjksNjIuMWguN2wtMS43LTYyLjFoMzkuMXYxMjIuNGgtNDJsLTMzLjktNTguNGgtLjdsMS43LDU4LjRoLTM5LjF2LTEyMi40WiIvPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2MjIsMzE1LjJoLS4zdjQ4LjhoLTM5Ljl2LTEyMi40aDM5Ljh2NDUuMWguM2wzMi43LTQ1LjFoNDguNGwtNDYsNTYsNDguMiw2Ni40aC01MC41bC0zMi43LTQ4LjhaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTc3Mi42LDM2My45aC00MS4xdi04Ny43aC0zMC4xdi0zNC43aDEwMS4zdjM0LjdoLTMwLjF2ODcuN1oiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03NjEuMiw0NDguN2MyLjkuNyw1LjcsMS44LDguNSwzLjRzNS4yLDMuNSw3LjQsNS45YzIuMiwyLjQsMy45LDUuMSw1LjIsOC4yLDEuMywzLjEsMS45LDYuNiwxLjksMTAuNCwwLDYuNy0xLjQsMTIuMy00LjEsMTYuOS0yLjcsNC42LTYuMyw4LjItMTAuNywxMS4xLTQuNCwyLjgtOS41LDQuOC0xNS4yLDYuMS01LjcsMS4yLTExLjYsMS44LTE3LjUsMS44aC01NS41di0xMjIuNGg1MC4zYzUsMCwxMC4yLjQsMTUuOCwxLjEsNS42LjgsMTAuNywyLjIsMTUuNSw0LjUsNC43LDIuMiw4LjYsNS41LDExLjgsOS45LDMuMSw0LjMsNC43LDEwLDQuNywxN3MtMS42LDEyLTQuOSwxNi4zYy0zLjMsNC4zLTcuNiw3LjQtMTMuMSw5LjV2LjVaTTcxOS42LDQyMS45djE1aDExLjFjMi45LDAsNS4yLS43LDcuMS0yLDEuOC0xLjMsMi44LTMuNCwyLjgtNi4xcy0xLTQtMi45LTUuMmMtMi0xLjItNC42LTEuNy03LjgtMS43aC0xMC4yWk03MTkuNiw0NjMuNHYxNi42aDEyLjNjMy4yLDAsNS44LS43LDcuOS0yLjIsMi0xLjQsMy0zLjUsMy02LjNzLS40LTIuOS0xLjMtNGMtLjktMS0xLjktMS45LTMuMi0yLjUtMS4zLS42LTIuNi0xLjEtNC4xLTEuMy0xLjQtLjItMi44LS4zLTQuMS0uM2gtMTAuNVoiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MjguMSwzODkuOWg0My43bDQ3LjcsMTIyLjRoLTQ0LjhsLTYuNC0xOGgtMzguOWwtNiwxOGgtNDMuNmw0OC4yLTEyMi40Wk04NDkuNCw0MzIuNmwtMTAsMzAuM2gxOS45bC05LjktMzAuM1oiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05NzMuMiw1MTUuOGMtOS42LDAtMTcuOS0xLjMtMjUtNC03LjEtMi42LTEzLTYuMy0xNy43LTEwLjktNC43LTQuNi04LjItMTAuMS0xMC41LTE2LjMtMi4zLTYuMy0zLjUtMTMuMS0zLjUtMjAuM3YtNzQuM2g0MS4xdjY5LjhjMCw1LjksMS40LDEwLjUsNC4yLDEzLjcsMi44LDMuMyw2LjgsNC45LDEyLDQuOXM5LjItMS42LDEyLTQuOWMyLjgtMy4zLDQuMi03LjksNC4yLTEzLjd2LTY5LjhoNDF2NzQuM2MwLDcuMy0xLjIsMTQtMy43LDIwLjMtMi41LDYuMy02LjEsMTEuNy0xMSwxNi4zLTQuOCw0LjYtMTAuOSw4LjItMTguMSwxMC45LTcuMiwyLjYtMTUuNiw0LTI1LjIsNFoiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDQ4LjcsMzg5LjloODQuMnYzNC4yaC00NS41djEwLjVoNDIuN3YzMmgtNDIuN3YxMS40aDQ4LjR2MzQuMmgtODcuMXYtMTIyLjRaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTE1MywzODkuOWg1Mi43YzYsMCwxMiwuNiwxNy45LDEuOCw1LjksMS4yLDExLjIsMy4zLDE1LjksNi40LDQuNywzLjEsOC40LDcuMSwxMS4zLDEyLjMsMi45LDUuMSw0LjMsMTEuNiw0LjMsMTkuM3MtMS44LDE0LjEtNS41LDE5LjhjLTMuNyw1LjctOSwxMC4xLTE1LjksMTMuMmwzMS4xLDQ5LjZoLTQ3LjNsLTIzLjQtNDMuN2gtMS4ydjQzLjdoLTM5Ljl2LTEyMi40Wk0xMTkyLjYsNDQxLjZoOC4xYzEuNCwwLDIuOS0uMSw0LjUtLjMsMS43LS4yLDMuMi0uNyw0LjYtMS41LDEuNC0uNywyLjYtMS44LDMuNi0zLjEsMS0xLjMsMS41LTMuMSwxLjUtNS4zcy0uNC0zLjktMS4yLTUuMmMtLjgtMS4zLTEuOC0yLjItMy4xLTIuOS0xLjMtLjYtMi42LTEtNC4xLTEuMi0xLjUtLjItMi45LS4zLTQuMS0uM2gtOS44djE5LjdaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTI3Ni40LDM4OS45aDQxbDM0LjksNjIuMWguN2wtMS43LTYyLjFoMzkuMXYxMjIuNGgtNDJsLTMzLjktNTguNGgtLjdsMS43LDU4LjRoLTM5LjF2LTEyMi40WiIvPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0ODcuOCw0NjUuOGgtMzMuNXY0Ni41aC00MS4xdi0xMjIuNGg0MXY0MS41aDMzLjV2LTQxLjVoNDEuM3YxMjIuNGgtNDEuMXYtNDYuNVoiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTQyLjgsNDUwLjRjMC05LjgsMS43LTE4LjYsNS4yLTI2LjUsMy41LTcuOSw4LjItMTQuNiwxNC4zLTIwLjEsNi4xLTUuNSwxMy4yLTkuOCwyMS41LTEyLjgsOC4zLTMsMTcuMy00LjUsMjctNC41czE4LjcsMS41LDI3LDQuNWM4LjMsMywxNS41LDcuMywyMS42LDEyLjgsNi4xLDUuNSwxMC45LDEyLjIsMTQuMywyMC4xLDMuNSw3LjksNS4yLDE2LjcsNS4yLDI2LjVzLTEuNywxOC43LTUuMiwyNi44Yy0zLjUsOC4xLTguMiwxNS0xNC4zLDIwLjctNi4xLDUuNy0xMy4zLDEwLjEtMjEuNiwxMy4yLTguMywzLjEtMTcuMyw0LjctMjcsNC43cy0xOC43LTEuNi0yNy00LjdjLTguMy0zLjEtMTUuNS03LjUtMjEuNS0xMy4yLTYuMS01LjctMTAuOC0xMi42LTE0LjMtMjAuNy0zLjUtOC4xLTUuMi0xNy01LjItMjYuOFpNMTU4Ni41LDQ1MC40YzAsNCwuNiw3LjcsMS44LDExLjEsMS4yLDMuMywyLjksNi4yLDUsOC42LDIuMSwyLjQsNC43LDQuMyw3LjcsNS42LDMsMS4zLDYuMiwyLDkuNywyczYuNy0uNyw5LjYtMmMyLjktMS4zLDUuNS0zLjIsNy43LTUuNiwyLjItMi40LDMuOS01LjMsNS4xLTguNiwxLjItMy4zLDEuOC03LDEuOC0xMS4xcy0uNi03LjUtMS44LTEwLjgtMi45LTYuMS01LjEtOC4zYy0yLjItMi4yLTQuOC00LTcuNy01LjMtMi45LTEuMy02LjEtMS45LTkuNi0xLjlzLTYuNy42LTkuNywxLjljLTMsMS4zLTUuNiwzLTcuNyw1LjMtMi4xLDIuMi0zLjgsNS01LDguM3MtMS44LDYuOS0xLjgsMTAuOFoiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzMzLDQzNy4xaDM3LjN2MzMuN2gtMzcuMnY0MS41aC00MC41di0xMjIuNGg4Mi42djM0LjRoLTQyLjR2MTIuOFoiLz4KICA8L2c+Cjwvc3ZnPg==");
  --tb-logo-positive: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjE4MCAyNDAgMTY0MCA0NDAiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAzMC4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCAxKSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNjYWVlMGI7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnPgogICAgPGc+CiAgICAgIDxwYXRoIGQ9Ik01ODAuMSw2NTcuM2gtMjAxLjZjLTExLjEsMC0xNy4xLTkuOS0xNy0yMC4yLDYuMi0zMC45LDEzLjktNjAuOCwyNS41LTkwLjIsNC42LTExLjgsMTIuOC0yMS42LDI0LjYtMjYuOSwyMi45LTEwLjIsNDcuMS0xNyw3Mi42LTE4LjEsMzMuMS0xLjQsNjUuNyw2LDk1LjQsMTkuNiwxMC45LDUsMTcuNywxNSwxNy43LDI2LjZ2OTBjMCwxMC4xLTYuNiwxNy4xLTE3LjIsMTkuM1oiLz4KICAgICAgPHBhdGggZD0iTTMxOC4zLDQyOS4zYy0zMC4yLDUtNTkuMiw2LjMtODksNS4zLTExLjMtLjQtMTkuNC04LjQtMTkuNC0xOS42di0xMjAuN2MwLTkuNCw2LTE4LjYsMTYuMi0xOC45bDk1LjUtMy42LDgyLjQtMy42YzUuOC0uMywxMC45LDEuNywxNC4yLDUuNCwzLjUsMy45LDUuNywxMCw0LjQsMTYtNi45LDMxLTE0LjEsNjEuMi0yMi42LDkxLjgtMy44LDEzLjctMTQuMiwyMy45LTI2LjYsMzAuMS0xNy40LDguNy0zNSwxNC42LTU1LDE4WiIvPgogICAgICA8cGF0aCBkPSJNNDg0LjQsNDY0LjdjLTE1LTIuNy0yNS44LTExLjQtMzEtMjUuMi02LjMtMTYuOC04LTM0LjUtNi42LTUyLjksMi40LTMyLjEsOS42LTYyLjcsMjEtOTIuNiw2LjEtMTUuOCwxOC45LTI2LjcsMzYuMS0yOC4zLDI1LjEtMi4zLDQ5LjYtMi4yLDc1LTIuNiw5LjUtLjIsMTguMiw3LjUsMTguMiwxNy42djE5MC43YzAsOS44LTEwLDE3LjUtMTkuNywxNC45LTMwLjgtOC4zLTYwLjktMTUuOS05My4xLTIxLjZaIi8+CiAgICAgIDxwYXRoIGQ9Ik0yOTEuNiw2NTcuNGwtNjYuMi0uMmMtOC4xLDAtMTUuMy03LjQtMTUuMy0xNi4xdi0xNTAuNGMwLTExLjQsOC41LTIwLjUsMTkuNC0yMi42LDI4LjItNS41LDU2LjYtOC4yLDg1LjItNywxNi40LjYsMjguNCw5LjksMzIuNywyNS42LDQuOCwxNy4zLDQuNywzNS4zLjIsNTMuMy04LjUsMzQtMTguOSw2Ni45LTMwLjMsOTkuOC0zLjksMTEuMy0xNC4yLDE3LjUtMjUuOCwxNy41WiIvPgogICAgPC9nPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTM4NC44LDUxMC42Yy04LjMsMS45LTE1LjktMi0xOC43LTkuNi01LjctMTUuNy0xMC44LTMxLjEtMTUuNC00Ny4yLTIuNi05LDIuMy0xOC45LDExLjEtMjEuOWw0OS4zLTE2LjhjOS4zLTMuMiwxOS4xLDEuNSwyMi4zLDExbDE0LjYsNDQuNGMzLjEsOS42LTEuMywxOC45LTEwLjYsMjIuMWwtNTIuNywxOFoiLz4KICA8L2c+CiAgPGc+CiAgICA8cGF0aCBkPSJNNzQyLjIsNDU0LjJoLTQxLjF2LTg3LjdoLTMwLjF2LTM0LjdoMTAxLjN2MzQuN2gtMzAuMXY4Ny43WiIvPgogICAgPHBhdGggZD0iTTc4NC45LDMzMS44aDUyLjdjNiwwLDEyLC42LDE3LjksMS44LDUuOSwxLjIsMTEuMiwzLjMsMTUuOSw2LjQsNC43LDMuMSw4LjQsNy4xLDExLjMsMTIuMywyLjksNS4xLDQuMywxMS42LDQuMywxOS4zcy0xLjgsMTQuMS01LjUsMTkuOGMtMy43LDUuNy05LDEwLjEtMTUuOSwxMy4ybDMxLjEsNDkuNmgtNDcuM2wtMjMuNC00My43aC0xLjJ2NDMuN2gtMzkuOXYtMTIyLjRaTTgyNC41LDM4My41aDguMWMxLjQsMCwyLjktLjEsNC41LS4zLDEuNy0uMiwzLjItLjcsNC42LTEuNSwxLjQtLjcsMi42LTEuOCwzLjYtMy4xLDEtMS4zLDEuNS0zLjEsMS41LTUuM3MtLjQtMy45LTEuMi01LjJjLS44LTEuMy0xLjgtMi4yLTMuMS0yLjktMS4zLS42LTIuNi0xLTQuMS0xLjItMS41LS4yLTIuOS0uMy00LjEtLjNoLTkuOHYxOS43WiIvPgogICAgPHBhdGggZD0iTTkwNC45LDMzMS44aDg0LjJ2MzQuMmgtNDUuNXYxMC41aDQyLjd2MzJoLTQyLjd2MTEuNGg0OC40djM0LjJoLTg3LjF2LTEyMi40WiIvPgogICAgPHBhdGggZD0iTTEwNDkuNCwzNzloMzcuM3YzMy43aC0zNy4ydjQxLjVoLTQwLjV2LTEyMi40aDgyLjZ2MzQuNGgtNDIuNHYxMi44WiIvPgogICAgPHBhdGggZD0iTTExNDYuNCwzNzloMzcuM3YzMy43aC0zNy4ydjQxLjVoLTQwLjV2LTEyMi40aDgyLjZ2MzQuNGgtNDIuNHYxMi44WiIvPgogICAgPHBhdGggZD0iTTEyNDcuNSw0MTQuOHYzOS40aC00MXYtMTIyLjRoNTIuNmM2LjIsMCwxMi4zLjcsMTguMywyLDYsMS4zLDExLjQsMy42LDE2LjEsNi43LDQuNywzLjIsOC41LDcuNCwxMS40LDEyLjYsMi45LDUuMiw0LjMsMTEuOCw0LjMsMTkuOHMtMS40LDE0LjEtNC4yLDE5LjRjLTIuOCw1LjMtNi42LDkuNi0xMS4yLDEzLTQuNywzLjMtMTAsNS44LTE2LjEsNy4zLTYuMSwxLjUtMTIuMiwyLjItMTguNiwyLjJoLTExLjZaTTEyNDcuNSwzNjMuOHYxOS43aDguNmMzLjEsMCw2LS44LDguNi0yLjMsMi42LTEuNiwzLjktNC4yLDMuOS03LjlzLS4zLTMuNS0xLTQuOGMtLjctMS4yLTEuNi0yLjItMi45LTIuOXMtMi42LTEuMi00LjEtMS41Yy0xLjUtLjMtMy0uNC00LjUtLjRoLTguNloiLz4KICAgIDxwYXRoIGQ9Ik0xMzc2LjMsNDU3LjdjLTkuNiwwLTE3LjktMS4zLTI1LTQtNy4xLTIuNi0xMy02LjMtMTcuNy0xMC45LTQuNy00LjYtOC4yLTEwLjEtMTAuNS0xNi4zLTIuMy02LjMtMy41LTEzLjEtMy41LTIwLjN2LTc0LjNoNDEuMXY2OS44YzAsNS45LDEuNCwxMC41LDQuMiwxMy43LDIuOCwzLjMsNi44LDQuOSwxMiw0LjlzOS4yLTEuNiwxMi00LjljMi44LTMuMyw0LjItNy45LDQuMi0xMy43di02OS44aDQxdjc0LjNjMCw3LjMtMS4yLDE0LTMuNywyMC4zLTIuNSw2LjMtNi4xLDExLjctMTEsMTYuMy00LjgsNC42LTEwLjksOC4yLTE4LjEsMTAuOS03LjIsMi42LTE1LjYsNC0yNS4yLDRaIi8+CiAgICA8cGF0aCBkPSJNMTQ0OC40LDMzMS44aDQxbDM0LjksNjIuMWguN2wtMS43LTYyLjFoMzkuMXYxMjIuNGgtNDJsLTMzLjktNTguNGgtLjdsMS43LDU4LjRoLTM5LjF2LTEyMi40WiIvPgogICAgPHBhdGggZD0iTTE2MjIsNDA1LjVoLS4zdjQ4LjhoLTM5Ljl2LTEyMi40aDM5Ljh2NDUuMWguM2wzMi43LTQ1LjFoNDguNGwtNDYsNTYsNDguMiw2Ni40aC01MC41bC0zMi43LTQ4LjhaIi8+CiAgICA8cGF0aCBkPSJNMTc3Mi42LDQ1NC4yaC00MS4xdi04Ny43aC0zMC4xdi0zNC43aDEwMS4zdjM0LjdoLTMwLjF2ODcuN1oiLz4KICAgIDxwYXRoIGQ9Ik03NjEuMiw1MzljMi45LjcsNS43LDEuOCw4LjUsMy40czUuMiwzLjUsNy40LDUuOWMyLjIsMi40LDMuOSw1LjEsNS4yLDguMiwxLjMsMy4xLDEuOSw2LjYsMS45LDEwLjQsMCw2LjctMS40LDEyLjMtNC4xLDE2LjktMi43LDQuNi02LjMsOC4yLTEwLjcsMTEuMS00LjQsMi44LTkuNSw0LjgtMTUuMiw2LjEtNS43LDEuMi0xMS42LDEuOC0xNy41LDEuOGgtNTUuNXYtMTIyLjRoNTAuM2M1LDAsMTAuMi40LDE1LjgsMS4xLDUuNi44LDEwLjcsMi4yLDE1LjUsNC41LDQuNywyLjIsOC42LDUuNSwxMS44LDkuOSwzLjEsNC4zLDQuNywxMCw0LjcsMTdzLTEuNiwxMi00LjksMTYuM2MtMy4zLDQuMy03LjYsNy40LTEzLjEsOS41di41Wk03MTkuNiw1MTIuMnYxNWgxMS4xYzIuOSwwLDUuMi0uNyw3LjEtMiwxLjgtMS4zLDIuOC0zLjQsMi44LTYuMXMtMS00LTIuOS01LjJjLTItMS4yLTQuNi0xLjctNy44LTEuN2gtMTAuMlpNNzE5LjYsNTUzLjd2MTYuNmgxMi4zYzMuMiwwLDUuOC0uNyw3LjktMi4yLDItMS40LDMtMy41LDMtNi4zcy0uNC0yLjktMS4zLTRjLS45LTEtMS45LTEuOS0zLjItMi41LTEuMy0uNi0yLjYtMS4xLTQuMS0xLjMtMS40LS4yLTIuOC0uMy00LjEtLjNoLTEwLjVaIi8+CiAgICA8cGF0aCBkPSJNODI4LjEsNDgwLjJoNDMuN2w0Ny43LDEyMi40aC00NC44bC02LjQtMThoLTM4LjlsLTYsMThoLTQzLjZsNDguMi0xMjIuNFpNODQ5LjQsNTIyLjlsLTEwLDMwLjNoMTkuOWwtOS45LTMwLjNaIi8+CiAgICA8cGF0aCBkPSJNOTczLjIsNjA2LjFjLTkuNiwwLTE3LjktMS4zLTI1LTQtNy4xLTIuNi0xMy02LjMtMTcuNy0xMC45LTQuNy00LjYtOC4yLTEwLjEtMTAuNS0xNi4zLTIuMy02LjMtMy41LTEzLjEtMy41LTIwLjN2LTc0LjNoNDEuMXY2OS44YzAsNS45LDEuNCwxMC41LDQuMiwxMy43LDIuOCwzLjMsNi44LDQuOSwxMiw0LjlzOS4yLTEuNiwxMi00LjljMi44LTMuMyw0LjItNy45LDQuMi0xMy43di02OS44aDQxdjc0LjNjMCw3LjMtMS4yLDE0LTMuNywyMC4zLTIuNSw2LjMtNi4xLDExLjctMTEsMTYuMy00LjgsNC42LTEwLjksOC4yLTE4LjEsMTAuOS03LjIsMi42LTE1LjYsNC0yNS4yLDRaIi8+CiAgICA8cGF0aCBkPSJNMTA0OC43LDQ4MC4yaDg0LjJ2MzQuMmgtNDUuNXYxMC41aDQyLjd2MzJoLTQyLjd2MTEuNGg0OC40djM0LjJoLTg3LjF2LTEyMi40WiIvPgogICAgPHBhdGggZD0iTTExNTMsNDgwLjJoNTIuN2M2LDAsMTIsLjYsMTcuOSwxLjgsNS45LDEuMiwxMS4yLDMuMywxNS45LDYuNCw0LjcsMy4xLDguNCw3LjEsMTEuMywxMi4zLDIuOSw1LjEsNC4zLDExLjYsNC4zLDE5LjNzLTEuOCwxNC4xLTUuNSwxOS44Yy0zLjcsNS43LTksMTAuMS0xNS45LDEzLjJsMzEuMSw0OS42aC00Ny4zbC0yMy40LTQzLjdoLTEuMnY0My43aC0zOS45di0xMjIuNFpNMTE5Mi42LDUzMS45aDguMWMxLjQsMCwyLjktLjEsNC41LS4zLDEuNy0uMiwzLjItLjcsNC42LTEuNSwxLjQtLjcsMi42LTEuOCwzLjYtMy4xLDEtMS4zLDEuNS0zLjEsMS41LTUuM3MtLjQtMy45LTEuMi01LjJjLS44LTEuMy0xLjgtMi4yLTMuMS0yLjktMS4zLS42LTIuNi0xLTQuMS0xLjItMS41LS4yLTIuOS0uMy00LjEtLjNoLTkuOHYxOS43WiIvPgogICAgPHBhdGggZD0iTTEyNzYuNCw0ODAuMmg0MWwzNC45LDYyLjFoLjdsLTEuNy02Mi4xaDM5LjF2MTIyLjRoLTQybC0zMy45LTU4LjRoLS43bDEuNyw1OC40aC0zOS4xdi0xMjIuNFoiLz4KICAgIDxwYXRoIGQ9Ik0xNDg3LjgsNTU2LjFoLTMzLjV2NDYuNWgtNDEuMXYtMTIyLjRoNDF2NDEuNWgzMy41di00MS41aDQxLjN2MTIyLjRoLTQxLjF2LTQ2LjVaIi8+CiAgICA8cGF0aCBkPSJNMTU0Mi44LDU0MC43YzAtOS44LDEuNy0xOC42LDUuMi0yNi41LDMuNS03LjksOC4yLTE0LjYsMTQuMy0yMC4xczEzLjItOS44LDIxLjUtMTIuOGM4LjMtMywxNy4zLTQuNSwyNy00LjVzMTguNywxLjUsMjcsNC41YzguMywzLDE1LjUsNy4zLDIxLjYsMTIuOCw2LjEsNS41LDEwLjksMTIuMiwxNC4zLDIwLjEsMy41LDcuOSw1LjIsMTYuNyw1LjIsMjYuNXMtMS43LDE4LjctNS4yLDI2LjhjLTMuNSw4LjEtOC4yLDE1LTE0LjMsMjAuN3MtMTMuMywxMC4xLTIxLjYsMTMuMmMtOC4zLDMuMS0xNy4zLDQuNy0yNyw0LjdzLTE4LjctMS42LTI3LTQuN2MtOC4zLTMuMS0xNS41LTcuNS0yMS41LTEzLjItNi4xLTUuNy0xMC44LTEyLjYtMTQuMy0yMC43LTMuNS04LjEtNS4yLTE3LTUuMi0yNi44Wk0xNTg2LjUsNTQwLjdjMCw0LC42LDcuNywxLjgsMTEuMSwxLjIsMy4zLDIuOSw2LjIsNSw4LjYsMi4xLDIuNCw0LjcsNC4zLDcuNyw1LjYsMywxLjMsNi4yLDIsOS43LDJzNi43LS43LDkuNi0yYzIuOS0xLjMsNS41LTMuMiw3LjctNS42LDIuMi0yLjQsMy45LTUuMyw1LjEtOC42LDEuMi0zLjMsMS44LTcsMS44LTExLjFzLS42LTcuNS0xLjgtMTAuOC0yLjktNi4xLTUuMS04LjNjLTIuMi0yLjItNC44LTQtNy43LTUuMy0yLjktMS4zLTYuMS0xLjktOS42LTEuOXMtNi43LjYtOS43LDEuOWMtMywxLjMtNS42LDMtNy43LDUuMy0yLjEsMi4yLTMuOCw1LTUsOC4zLTEuMiwzLjMtMS44LDYuOS0xLjgsMTAuOFoiLz4KICAgIDxwYXRoIGQ9Ik0xNzMzLDUyNy40aDM3LjN2MzMuN2gtMzcuMnY0MS41aC00MC41di0xMjIuNGg4Mi42djM0LjRoLTQyLjR2MTIuOFoiLz4KICA8L2c+Cjwvc3ZnPg==");
  --tb-signet-watermark: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjE4MCAyNDAgNDUwIDQ1MCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDMwLjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4xIEJ1aWxkIDEpICAtLT4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogI2NhZWUwYjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGc+CiAgICA8Zz4KICAgICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMDc1IiBkPSJNNTgwLjEsNjU3LjNoLTIwMS42Yy0xMS4xLDAtMTcuMS05LjktMTctMjAuMiw2LjItMzAuOSwxMy45LTYwLjgsMjUuNS05MC4yLDQuNi0xMS44LDEyLjgtMjEuNiwyNC42LTI2LjksMjIuOS0xMC4yLDQ3LjEtMTcsNzIuNi0xOC4xLDMzLjEtMS40LDY1LjcsNiw5NS40LDE5LjYsMTAuOSw1LDE3LjcsMTUsMTcuNywyNi42djkwYzAsMTAuMS02LjYsMTcuMS0xNy4yLDE5LjNaIi8+CiAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjA3NSIgZD0iTTMxOC4zLDQyOS4zYy0zMC4yLDUtNTkuMiw2LjMtODksNS4zLTExLjMtLjQtMTkuNC04LjQtMTkuNC0xOS42di0xMjAuN2MwLTkuNCw2LTE4LjYsMTYuMi0xOC45bDk1LjUtMy42LDgyLjQtMy42YzUuOC0uMywxMC45LDEuNywxNC4yLDUuNCwzLjUsMy45LDUuNywxMCw0LjQsMTYtNi45LDMxLTE0LjEsNjEuMi0yMi42LDkxLjgtMy44LDEzLjctMTQuMiwyMy45LTI2LjYsMzAuMS0xNy40LDguNy0zNSwxNC42LTU1LDE4WiIvPgogICAgICA8cGF0aCBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9Ii4wNzUiIGQ9Ik00ODQuNCw0NjQuN2MtMTUtMi43LTI1LjgtMTEuNC0zMS0yNS4yLTYuMy0xNi44LTgtMzQuNS02LjYtNTIuOSwyLjQtMzIuMSw5LjYtNjIuNywyMS05Mi42LDYuMS0xNS44LDE4LjktMjYuNywzNi4xLTI4LjMsMjUuMS0yLjMsNDkuNi0yLjIsNzUtMi42LDkuNS0uMiwxOC4yLDcuNSwxOC4yLDE3LjZ2MTkwLjdjMCw5LjgtMTAsMTcuNS0xOS43LDE0LjktMzAuOC04LjMtNjAuOS0xNS45LTkzLjEtMjEuNloiLz4KICAgICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMDc1IiBkPSJNMjkxLjYsNjU3LjRsLTY2LjItLjJjLTguMSwwLTE1LjMtNy40LTE1LjMtMTYuMXYtMTUwLjRjMC0xMS40LDguNS0yMC41LDE5LjQtMjIuNiwyOC4yLTUuNSw1Ni42LTguMiw4NS4yLTcsMTYuNC42LDI4LjQsOS45LDMyLjcsMjUuNiw0LjgsMTcuMyw0LjcsMzUuMy4yLDUzLjMtOC41LDM0LTE4LjksNjYuOS0zMC4zLDk5LjgtMy45LDExLjMtMTQuMiwxNy41LTI1LjgsMTcuNVoiLz4KICAgIDwvZz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zODQuOCw1MTAuNmMtOC4zLDEuOS0xNS45LTItMTguNy05LjYtNS43LTE1LjctMTAuOC0zMS4xLTE1LjQtNDcuMi0yLjYtOSwyLjMtMTguOSwxMS4xLTIxLjlsNDkuMy0xNi44YzkuMy0zLjIsMTkuMSwxLjUsMjIuMywxMWwxNC42LDQ0LjRjMy4xLDkuNi0xLjMsMTguOS0xMC42LDIyLjFsLTUyLjcsMThaIi8+CiAgPC9nPgo8L3N2Zz4=");
}
.tb-header {
  min-height: 82px;
  padding-block: .68rem;
}

.tb-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: .78rem;
  color: var(--tb-cream);
  text-decoration: none;
}

.tb-logo-mark {
  display: block;
  width: clamp(11rem, 16vw, 13rem);
  height: auto;
  aspect-ratio: 1640 / 440;
  flex: 0 0 auto;
  background: var(--tb-logo-negative) center / contain no-repeat;
  transition: transform .22s ease;
}

.tb-brand:hover .tb-logo-mark { transform: rotate(-2deg) scale(1.025); }
.tb-brand:focus-visible { outline: 2px solid var(--tb-signal); outline-offset: .35rem; }

.tb-wordmark { display: none; }

.tb-hero { min-height: calc(100svh - 82px); }

.tb-eyebrow {
  display: flex;
  align-items: center;
  gap: .62rem;
}

.tb-eyebrow::before {
  content: "";
  width: .72em;
  height: .72em;
  flex: 0 0 auto;
  background: var(--tb-signal);
  border-radius: .12em;
  transform: rotate(-8deg);
}

.tb-booking-guide .tb-eyebrow::before,
.tb-section--signal .tb-eyebrow::before { background: var(--tb-black); }

.tb-strip span {
  display: inline-block;
  width: .56em;
  height: .56em;
  margin: 0 .78rem;
  padding: 0;
  background: var(--tb-signal);
  border-radius: .1em;
  color: transparent;
  font-size: inherit;
  line-height: 0;
  transform: rotate(-8deg);
  vertical-align: .05em;
}

.tb-booking-guide + .tb-section--paper {
  position: relative;
  overflow: hidden;
}

.tb-booking-guide + .tb-section--paper::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: clamp(-9rem, -7vw, -5rem);
  bottom: -8rem;
  width: clamp(16rem, 24vw, 25rem);
  aspect-ratio: 1;
  background: var(--tb-signet-watermark) center / contain no-repeat;
  pointer-events: none;
  transform: rotate(4deg);
}

.tb-booking-guide + .tb-section--paper > * {
  position: relative;
  z-index: 1;
}

/* Four themes use the four fields of the signet. */
.tb-hofabend-topics {
  position: relative;
  display: grid;
  max-width: 54rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(.8rem, 1.8vw, 1.35rem);
  margin-top: clamp(2rem, 5vw, 4rem);
  border: 0;
}

.tb-hofabend-topics::before,
.tb-hofabend-topics::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  aspect-ratio: 1;
  pointer-events: none;
}

.tb-hofabend-topics::before { display: none; }

.tb-hofabend-topics::after {
  width: clamp(2.9rem, 4.8vw, 4.5rem);
  border-radius: .72rem;
  background: #fff;
  box-shadow: none;
  transform: translate(-50%, -50%) rotate(-8deg);
}

.tb-hofabend-topics span,
.tb-hofabend-topics span:nth-child(2),
.tb-hofabend-topics span:nth-child(3) {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: clamp(8rem, 13vw, 12rem);
  padding: clamp(1rem, 2.4vw, 2rem);
  border: 0;
  background: var(--tb-black);
  color: var(--tb-cream);
  font-family: var(--tb-display);
  font-size: clamp(1.05rem, 2.1vw, 2.45rem);
  font-weight: 900;
  line-height: .9;
  letter-spacing: -.045em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.tb-hofabend-topics span:nth-child(1) {
  align-items: flex-start;
  justify-content: flex-start;
  border-radius: .65rem .8rem clamp(2.5rem, 6vw, 5rem) .65rem;
  transform: rotate(-.5deg);
}

.tb-hofabend-topics span:nth-child(2) {
  align-items: flex-start;
  justify-content: flex-end;
  border-radius: .8rem .65rem .65rem clamp(2.5rem, 6vw, 5rem);
  color: var(--tb-signal);
  text-align: right;
  transform: rotate(.45deg);
}

.tb-hofabend-topics span:nth-child(3) {
  align-items: flex-end;
  justify-content: flex-start;
  border-radius: .65rem clamp(2.5rem, 6vw, 5rem) .65rem .65rem;
  color: var(--tb-signal);
  transform: rotate(.35deg);
}

.tb-hofabend-topics span:nth-child(4) {
  align-items: flex-end;
  justify-content: flex-end;
  border-radius: clamp(2.5rem, 6vw, 5rem) .65rem .65rem .8rem;
  text-align: right;
  transform: rotate(-.45deg);
}

@media (max-width: 680px) {
  .tb-header {
    min-height: 68px;
    padding: .5rem 1rem;
  }
  .tb-brand { gap: .52rem; }
  .tb-logo-mark { width: 9.2rem; height: auto; }
  .tb-wordmark { font-size: .82rem; }
  .tb-nav a:last-child {
    padding: .55rem .65rem;
    font-size: .7rem;
  }
  .tb-hero { min-height: calc(100svh - 68px); }
  .tb-booking-guide + .tb-section--paper::after {
    right: -4.5rem;
    bottom: -3.5rem;
    width: 15rem;
  }
  .tb-hofabend-topics { gap: .7rem; }
  .tb-hofabend-topics span,
  .tb-hofabend-topics span:nth-child(2),
  .tb-hofabend-topics span:nth-child(3) {
    min-height: 7.2rem;
    padding: .9rem;
    font-size: clamp(.88rem, 4vw, 1.08rem);
  }
  .tb-hofabend-topics span:nth-child(2) { font-size: .78rem; letter-spacing: -.06em; white-space: nowrap; }
  .tb-hofabend-topics::before { width: 3.3rem; border-radius: .85rem; }
  .tb-hofabend-topics::after { width: 2.25rem; border-radius: .58rem; }
}
