.tm-band { padding-top: clamp(2.5rem, 6vw, 5rem); }
.tm-intro { max-width: 56rem; margin-bottom: clamp(2rem, 4vw, 3rem); }
.tm-intro h1 { font-size: clamp(3.1rem, 1rem + 7.4vw, 7.5rem); }
.tm-intro .lead { max-width: 52ch; margin-top: 1.4rem; }

.tm-machine { display: grid; grid-template-columns: minmax(0, 1fr) 21rem; gap: clamp(1.25rem, 3vw, 2.25rem); align-items: start; }
.tm-machine [hidden] { display: none !important; }
.tm-venster.uit-beeld *, .tm-venster.uit-beeld *::before, .tm-venster.uit-beeld *::after { animation-play-state: paused !important; }

.tm-venster { position: relative; overflow: hidden; border-radius: 14px; background: var(--vlak); border: 1px solid var(--lijn-2); box-shadow: 0 50px 100px -50px rgba(0, 0, 0, 0.9); }
.tm-balk { display: flex; align-items: center; gap: 0.6rem; height: 2.35rem; padding: 0 0.8rem; font-size: 12px; color: #555B69; background: #ECEEF3; border-bottom: 1px solid #DDE0E8; }
.tm-stippen, .tm-vakjes { display: flex; gap: 0.4rem; flex: 0 0 auto; }
.tm-stippen i { width: 9px; height: 9px; border-radius: 50%; background: #C8CCD7; }
.tm-vakjes { display: none; gap: 3px; }
.tm-vakjes i { width: 16px; height: 14px; background: #C0C0C0; box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #fff, inset -2px -2px 0 #808080; }
.tm-url { display: flex; flex: 1 1 auto; align-items: center; gap: 0.45rem; min-width: 0; padding: 0.18rem 0.7rem; border-radius: 6px; background: #fff; white-space: nowrap; }
.tm-url > span:last-child { overflow: hidden; text-overflow: ellipsis; }
.tm-slot { display: none; flex: 0 0 auto; width: 9px; height: 8px; margin-top: 3px; border-radius: 2px; background: #19703A; position: relative; }
.tm-slot::before { content: ""; position: absolute; left: 1.5px; right: 1.5px; bottom: 6px; height: 5px; border: 1.5px solid #19703A; border-bottom: 0; border-radius: 4px 4px 0 0; }

.tm-venster[data-jaar="1997"] { border-radius: 2px; }
.tm-venster[data-jaar="1997"] .tm-balk { color: #000; font-family: Tahoma, "MS Sans Serif", Arial, sans-serif; background: #C0C0C0; border-bottom: 2px solid #808080; }
.tm-venster[data-jaar="1997"] .tm-stippen { display: none; }
.tm-venster[data-jaar="1997"] .tm-vakjes { display: flex; }
.tm-venster[data-jaar="1997"] .tm-url { border-radius: 0; box-shadow: inset 1px 1px 0 #808080, inset 2px 2px 0 #404040; }
.tm-venster[data-jaar="2003"] .tm-balk { color: #223; background: linear-gradient(#f4f6fa, #c9d1de); border-bottom-color: #9aa6ba; }
.tm-venster[data-jaar="2003"] .tm-stippen { display: none; }
.tm-venster[data-jaar="2003"] .tm-vakjes { display: flex; }
.tm-venster[data-jaar="2003"] .tm-vakjes i { border-radius: 3px; background: linear-gradient(#fff, #d4dae6); box-shadow: inset 0 0 0 1px #8d99b0; }
.tm-venster[data-jaar="2003"] .tm-url { border-radius: 3px; box-shadow: inset 0 0 0 1px #9aa6ba; }
.tm-venster[data-jaar="2009"] .tm-balk { color: #ddd; background: linear-gradient(#5b5b5b, #3a3a3a 50%, #2b2b2b 51%, #444); border-bottom-color: #111; }
.tm-venster[data-jaar="2009"] .tm-stippen i:nth-child(1) { background: radial-gradient(circle at 40% 30%, #ffb3a8, #e0443a 60%); }
.tm-venster[data-jaar="2009"] .tm-stippen i:nth-child(2) { background: radial-gradient(circle at 40% 30%, #fff0a8, #e0b12a 60%); }
.tm-venster[data-jaar="2009"] .tm-stippen i:nth-child(3) { background: radial-gradient(circle at 40% 30%, #c4f5a8, #3aa63a 60%); }
.tm-venster[data-jaar="2009"] .tm-url { border-radius: 12px; color: #333; background: linear-gradient(#fff, #e9e9e9); }
.tm-venster[data-jaar="2014"] .tm-balk { background: #F2F2F2; border-bottom-color: #E2E2E2; }
.tm-venster[data-jaar="2014"] .tm-stippen i { background: #D5D5D5; }
.tm-venster[data-jaar="2014"] .tm-url { border-radius: 2px; background: #fff; box-shadow: inset 0 0 0 1px #E2E2E2; }
.tm-venster[data-jaar="2026"] .tm-slot { display: block; }

.tm-scherm { position: relative; aspect-ratio: 16 / 10; overflow: hidden; container: tmscherm / inline-size; background: #fff; }
.tm-tijdperk { position: absolute; inset: 0; overflow: hidden; font-size: clamp(9px, 1.45cqw, 15px); line-height: 1.4; }
.tm-voet { display: flex; justify-content: flex-end; margin: 0; padding: 0.45rem 0.9rem; font-size: 12px; color: var(--tekst-2); border-top: 1px solid var(--lijn-2); }

.tm-flits {
  position: absolute; inset: 0; z-index: 20; pointer-events: none; opacity: 0;
  background:
    radial-gradient(60% 50% at 50% 50%, rgba(255, 255, 255, 0.95), rgba(141, 176, 255, 0.55) 55%, rgba(16, 91, 255, 0) 100%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.55) 0 2px, rgba(16, 91, 255, 0.25) 2px 7px);
}
.tm-tunnel { position: absolute; inset: 0; z-index: 19; overflow: hidden; pointer-events: none; opacity: 0; background: radial-gradient(circle at 50% 50%, rgba(16, 91, 255, 0.45), rgba(10, 12, 24, 0.94) 62%); }
.tm-tunnel::before { content: ""; position: absolute; inset: -40%; background: repeating-conic-gradient(rgba(190, 210, 255, 0.28) 0 0.7deg, rgba(190, 210, 255, 0) 0.7deg 7deg); -webkit-mask-image: radial-gradient(circle, transparent 12%, #000 55%); mask-image: radial-gradient(circle, transparent 12%, #000 55%); }
.tm-tunnel i { position: absolute; left: 50%; top: 50%; width: 36%; aspect-ratio: 1; margin: -18% 0 0 -18%; border-radius: 50%; border: 2px solid rgba(141, 176, 255, 0.8); box-shadow: 0 0 28px rgba(16, 91, 255, 0.7), inset 0 0 22px rgba(16, 91, 255, 0.5); opacity: 0; }
.tm-tunnel i:nth-child(odd) { border-color: rgba(254, 133, 0, 0.7); box-shadow: 0 0 24px rgba(254, 133, 0, 0.5); }
.tm-reisjaren span { position: absolute; left: 50%; top: 50%; font-family: var(--kop); font-size: clamp(3rem, 11cqw, 8rem); line-height: 1; color: #fff; text-shadow: 0 0 30px rgba(16, 91, 255, 0.95); opacity: 0; transform: translate(-50%, -50%) scale(0.4); }
.tm-venster.reis .tm-tijdperk:not([hidden]) { animation: tmZacht 320ms ease-out; }
.tm-venster.reis-groot { animation: tmSchud 420ms ease; }
.tm-venster.reis-groot .tm-flits { animation: tmFlits 520ms ease-out; }
.tm-venster.reis-groot .tm-tunnel { animation: tmTunnel 760ms ease-out both; }
.tm-venster.reis-groot .tm-tunnel::before { animation: tmWarp 760ms ease-in both; }
.tm-venster.reis-groot .tm-tunnel i { animation: tmRing 560ms cubic-bezier(0.4, 0, 0.7, 1) both; animation-delay: calc(var(--r, 0) * 70ms); }
.tm-venster.reis-groot.terug .tm-tunnel i { animation-name: tmRingTerug; }
.tm-tunnel i:nth-child(2) { --r: 1; }
.tm-tunnel i:nth-child(3) { --r: 2; }
.tm-tunnel i:nth-child(4) { --r: 3; }
.tm-tunnel i:nth-child(5) { --r: 4; }
.tm-venster.reis-groot .tm-reisjaren span { animation: tmJaar 190ms linear both; animation-delay: calc(40ms + var(--i) * 72ms); }
.tm-venster.reis-groot .tm-reisjaren span:last-child { animation: tmJaarLaatst 340ms ease-out both; animation-delay: calc(40ms + var(--i) * 72ms); }
.tm-venster.reis-groot .tm-tijdperk:not([hidden]) { animation: tmIn 700ms var(--ease); }
@keyframes tmFlits { 0% { opacity: 0; transform: scaleY(0.04); } 28% { opacity: 1; transform: scaleY(1); } 100% { opacity: 0; transform: scaleY(1); } }
@keyframes tmIn { 0%, 52% { opacity: 0; transform: scale(1.08); } 100% { opacity: 1; transform: none; } }
@keyframes tmZacht { from { opacity: 0; } to { opacity: 1; } }
@keyframes tmSchud { 0%, 100% { transform: none; } 15% { transform: translate3d(-4px, 1px, 0) rotate(-0.2deg); } 35% { transform: translate3d(4px, -2px, 0) rotate(0.2deg); } 55% { transform: translate3d(-3px, 1px, 0); } 75% { transform: translate3d(2px, 0, 0); } }
@keyframes tmTunnel { 0% { opacity: 0; } 12%, 58% { opacity: 1; } 100% { opacity: 0; } }
@keyframes tmWarp { from { transform: scale(0.5) rotate(0deg); } to { transform: scale(1.7) rotate(14deg); } }
@keyframes tmRing { 0% { opacity: 0; transform: scale(0.08); } 30% { opacity: 1; } 100% { opacity: 0; transform: scale(3.4); } }
@keyframes tmRingTerug { 0% { opacity: 0; transform: scale(3.4); } 70% { opacity: 1; } 100% { opacity: 0; transform: scale(0.08); } }
@keyframes tmJaar { 0% { opacity: 0; transform: translate(-50%, -50%) scale(0.5); } 40%, 60% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.5); } }
@keyframes tmJaarLaatst { 0% { opacity: 0; transform: translate(-50%, -50%) scale(0.5); } 30%, 55% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.25); } }
.tm-paneel.reist .tm-display::after { animation: tmLed 640ms ease-out; }
.tm-knop::after { content: ""; position: absolute; inset: -9px; border-radius: 50%; border: 2px solid var(--oranje); opacity: 0; pointer-events: none; }
.tm-knop.klik::after { animation: tmKlik 520ms ease-out; }
@keyframes tmLed { 0% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 0; } }
@keyframes tmKlik { 0% { opacity: 0.85; transform: scale(0.92); } 100% { opacity: 0; transform: scale(1.18); } }

.tm-paneel { padding: 1.25rem; border-radius: 18px; background: var(--vlak); border: 1px solid var(--lijn-2); }
.tm-display::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; background: radial-gradient(80% 120% at 85% 50%, rgba(254, 133, 0, 0.32), rgba(254, 133, 0, 0) 70%); box-shadow: 0 0 0 1px rgba(254, 133, 0, 0.6), 0 0 26px rgba(254, 133, 0, 0.35); opacity: 0; pointer-events: none; }
.tm-display { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.75rem 1rem; border-radius: 12px; background: #121319; border: 1px solid rgba(254, 133, 0, 0.28); box-shadow: inset 0 0 26px rgba(254, 133, 0, 0.09); }
.tm-display-label { font-size: 0.75rem; font-weight: 650; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tekst-2); }
.tm-led { min-width: 4ch; font-family: var(--kop); font-size: 2.75rem; line-height: 1; letter-spacing: 0.04em; text-align: right; color: var(--oranje-licht); text-shadow: 0 0 18px rgba(254, 133, 0, 0.6); font-variant-numeric: tabular-nums; }

.tm-knopvak { position: relative; width: min(100%, 16.5rem); aspect-ratio: 1; margin: 0.9rem auto 0; container-type: inline-size; touch-action: none; -webkit-user-select: none; user-select: none; }
.tm-streep { position: absolute; left: 50%; top: 50%; width: 2px; height: 5cqw; margin: -2.5cqw 0 0 -1px; border-radius: 1px; background: var(--lijn-3); transform: rotate(var(--hoek)) translateY(-31.5cqw); }
.tm-streep::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: var(--oranje); box-shadow: 0 0 8px rgba(254, 133, 0, 0.8); opacity: 0; transition: opacity 400ms ease; }
.tm-streep.aan::after { opacity: 1; }
.tm-jaar {
  position: absolute; left: 50%; top: 50%; z-index: 2; padding: 0.35rem 0.45rem; border: 0; border-radius: 6px;
  font: 650 0.875rem/1 var(--body); color: var(--tekst-2); background: none; cursor: pointer;
  transform: translate(-50%, -50%) rotate(var(--hoek)) translateY(-41cqw) rotate(calc(-1 * var(--hoek)));
  transition: color 200ms ease;
}
.tm-jaar::before { content: ""; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%; }
.tm-jaar:hover { color: var(--tekst); }
.tm-jaar.aan { color: var(--oranje-licht); }
.tm-knop {
  position: absolute; inset: 23%; z-index: 1; border-radius: 50%; cursor: grab; touch-action: none;
  background: radial-gradient(circle, #2a2d39 0 56%, transparent 57%), repeating-conic-gradient(#4b4f62 0 4deg, #2b2e3a 4deg 8deg);
  box-shadow: 0 22px 40px -14px rgba(0, 0, 0, 0.85), 0 0 0 6px #1B1D26, 0 0 0 7px var(--lijn-2), inset 0 2px 2px rgba(255, 255, 255, 0.12);
  transform: rotate(var(--draai, -110deg));
  transition: transform 420ms cubic-bezier(0.3, 1.45, 0.5, 1);
}
.tm-knop::before { content: ""; position: absolute; inset: 21%; border-radius: 50%; background: radial-gradient(circle at 40% 32%, #5d6278, #2a2d39 72%); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 6px 14px rgba(0, 0, 0, 0.55); }
.tm-greep { position: absolute; left: 50%; top: 5%; width: 7px; height: 27%; margin-left: -3.5px; border-radius: 4px; background: var(--oranje); box-shadow: 0 0 12px rgba(254, 133, 0, 0.85); }
.tm-knop.sleept { cursor: grabbing; transition: none; }
.tm-knop:focus-visible { outline: 3px solid var(--blauw-licht); outline-offset: 8px; }
.tm-hint { margin: 0.4rem 0 0; font-size: 0.8125rem; line-height: 1.5; text-align: center; color: var(--tekst-2); }

.tm-uitleg { margin-top: 1.2rem; padding-top: 1.1rem; border-top: 1px solid var(--lijn-2); }
.tm-wat { margin: 0 0 0.9rem; font-weight: 600; line-height: 1.5; }
.tm-mis, .tm-beter { display: grid; gap: 0.15rem; margin: 0 0 0.8rem; font-size: 0.9375rem; line-height: 1.55; color: var(--tekst-2); }
.tm-beter { margin-bottom: 0; }
.tm-mis b, .tm-beter b { font-size: 0.75rem; font-weight: 650; letter-spacing: 0.12em; text-transform: uppercase; }
.tm-nu { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem 0.9rem; margin: 1.15rem 0 0; font-size: 0.875rem; color: var(--tekst-2); }
.tm-mis b { color: #FF8F80; }
.tm-beter b { color: #7EE2A8; }

@media (max-width: 64rem) {
  .tm-machine { grid-template-columns: 1fr; }
}
@media (min-width: 40rem) and (max-width: 64rem) {
  .tm-paneel { display: grid; grid-template-columns: 16rem minmax(0, 1fr); grid-template-rows: auto auto 1fr; column-gap: 1.75rem; }
  .tm-display, .tm-knopvak, .tm-hint { grid-column: 1; }
  .tm-uitleg { grid-column: 2; grid-row: 1 / span 3; margin: 0; padding: 0 0 0 1.75rem; border-top: 0; border-left: 1px solid var(--lijn-2); }
}
.tm-rij { display: none; }
@media (max-width: 40rem) {
  .tm-rij { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; margin-bottom: 0.75rem; padding: 4px; border-radius: 14px; background: var(--vlak); border: 1px solid var(--lijn-2); }
  .tm-rij button { min-height: 44px; padding: 0; border: 0; border-radius: 10px; font: 700 0.9375rem/1 var(--body); font-variant-numeric: tabular-nums; color: var(--tekst-2); background: transparent; cursor: pointer; transition: background-color 300ms ease, color 300ms ease; }
  .tm-rij button[aria-pressed="true"] { color: var(--op-oranje); background: var(--oranje); }
  .tm-rij button:focus-visible { outline: 2px solid var(--blauw-licht); outline-offset: 2px; }
  .tm-scherm { aspect-ratio: 1 / 1.08; }
  .tm-paneel { padding: 1.1rem 1rem; }
  .tm-display, .tm-knopvak, .tm-hint { display: none; }
  .tm-uitleg { margin-top: 0; padding-top: 0; border-top: 0; }
}
@container tmscherm (max-width: 34rem) {
  .tm-tijdperk { font-size: clamp(9.5px, 3.3cqw, 15px); }
}

.t97 {
  display: flex; flex-direction: column; padding: 0 1.2em 1em; text-align: center;
  font-family: "Times New Roman", Times, serif; color: #000;
  background-color: #C9D9E8;
  background-image: radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.8) 0 0.14em, transparent 0.19em), radial-gradient(circle at 75% 70%, rgba(0, 0, 90, 0.2) 0 0.11em, transparent 0.16em);
  background-size: 2.2em 2.2em;
}
.t97 p { margin: 0; }
.t97 > *, .t09 > *, .t26 > * { flex-shrink: 0; }
.t97-loop { margin: 0 -1.2em; padding: 0.25em 0; overflow: hidden; white-space: nowrap; font: bold 1em/1.25 "Courier New", Courier, monospace; color: #FFFF00; background: #000080; }
.t97-loop-tekst { display: inline-block; padding-left: 100%; animation: t97Loop 18s linear infinite; }
.t97-kop { margin: 0.45em 0 0.5em !important; font: bold 2.3em/1.1 "Comic Sans MS", "Comic Sans", "Chalkboard SE", "Comic Neue", cursive; color: #FF0066; text-shadow: 0.05em 0.05em 0 #FFFF00, 0.1em 0.1em 0 #0000FF; }
.t97-rij { display: grid; grid-template-columns: 11em minmax(0, 1fr); gap: 1em; align-items: start; text-align: left; }
.t97-menu { padding: 0.5em 0.8em; background: #FFFFCC; border: 0.2em outset #C0C0C0; }
.t97-menu p { margin-bottom: 0.15em; }
.t97-menu-kop { font-weight: bold; color: #800000; }
.t97-link { color: #0000EE; text-decoration: underline; }
.t97-nieuw { display: inline-block; padding: 0 0.25em; font: bold 0.72em/1.35 Arial, sans-serif; color: #fff; background: #FF0000; animation: t97Knipper 0.9s steps(1) infinite; }
.t97-bouw { position: relative; margin-top: 0.7em; padding: 0.55em; background: #111; }
.t97-strepen { position: absolute; inset: 0; overflow: hidden; }
.t97-strepen::before { content: ""; position: absolute; top: 0; bottom: 0; left: -2em; right: -2em; background: repeating-linear-gradient(-45deg, #111 0 0.7em, #FFCC00 0.7em 1.4em); animation: t97Mars 1.2s linear infinite; }
.t97-paneel { position: relative; display: grid; grid-template-columns: 7em minmax(0, 1fr) auto; align-items: center; column-gap: 0.8em; padding: 0.7em 0.9em; background: #FFCC00; box-shadow: inset 0 0 0 0.12em rgba(0, 0, 0, 0.25); }
.t97-man { grid-row: span 2; width: 7em; height: auto; overflow: visible; }
.t97-pijlen { grid-column: 3; grid-row: 1 / span 2; display: flex; gap: 0.2em; padding: 0.45em 0.5em; background: #111; border-radius: 0.2em; }
.t97-pijlen i { width: 1.1em; height: 1.6em; background: #FFB000; clip-path: polygon(0 0, 45% 0, 100% 50%, 45% 100%, 0 100%, 55% 50%); opacity: 0.18; animation: t97Pijl1 1.4s linear infinite; }
.t97-pijlen i:nth-child(2) { animation-name: t97Pijl2; }
.t97-pijlen i:nth-child(3) { animation-name: t97Pijl3; }
.t97-schep { transform-origin: 26px 26px; animation: t97Schep 0.8s ease-in-out infinite alternate; }
.t97-aarde rect { transform-box: fill-box; transform-origin: center; opacity: 0; animation: t97Aarde 1.6s ease-out infinite; }
.t97-aarde .a2 { animation-delay: 0.08s; }
.t97-aarde .a3 { animation-delay: 0.16s; }
.t97-pion { transform-box: fill-box; transform-origin: 50% 100%; animation: t97Pion 3.2s ease-in-out infinite; }
.t97-bord { font: bold 1.55em/1.05 Impact, "Arial Black", "Arial Narrow", sans-serif; letter-spacing: 0.03em; color: #111; }
.t97-knipper { animation: t97Knipper 1.1s steps(1) infinite; }
.t97-klein { font-style: italic; }
.t97-zwaai { position: absolute; top: -0.85em; z-index: 2; width: 1.5em; height: 0.95em; border-radius: 0.75em 0.75em 0.1em 0.1em; background: radial-gradient(circle at 40% 35%, #FFE7A0, #FF9A00 45%, #D45F00); box-shadow: 0 0.12em 0 #111; }
.t97-zwaai.links { left: 0.9em; }
.t97-zwaai.rechts { right: 0.9em; }
.t97-zwaai::after { content: ""; position: absolute; left: -0.2em; right: -0.2em; bottom: -0.3em; height: 0.3em; background: #222; }
.t97-zwaai::before { content: ""; position: absolute; left: 50%; top: 50%; width: 3.4em; height: 3.4em; margin: -1.7em 0 0 -1.7em; border-radius: 50%; background: radial-gradient(circle, rgba(255, 190, 40, 0.75), rgba(255, 150, 0, 0) 65%); opacity: 0; animation: t97Gloed 0.9s ease-in-out infinite; }
.t97-zwaai.rechts::before { animation-delay: -0.45s; }
.t97-zwaai i { position: absolute; left: 50%; top: 50%; width: 5em; height: 5em; margin: -2.5em 0 0 -2.5em; border-radius: 50%; background: conic-gradient(from 0deg, rgba(255, 200, 60, 0.55) 0 22deg, transparent 22deg 180deg, rgba(255, 200, 60, 0.55) 180deg 202deg, transparent 202deg); -webkit-mask-image: radial-gradient(circle, #000 18%, transparent 68%); mask-image: radial-gradient(circle, #000 18%, transparent 68%); animation: t03Draai 0.9s linear infinite; pointer-events: none; }
.t97-zwaai.rechts i { animation-direction: reverse; }
.t97-cijfers b { display: inline-block; height: 1em; overflow: hidden; vertical-align: top; font-weight: bold; }
.t97-cijfers b i { display: block; height: 1em; font-style: normal; }
.t97-cijfers b.rol i { animation: t97Rol 700ms cubic-bezier(0.3, 1.3, 0.5, 1) 0.35s both; }
.t97-knopjes { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5em; margin-top: 0.8em !important; }
.t97-knopje { display: inline-flex; align-items: center; justify-content: center; gap: 0.3em; min-width: 7.3em; height: 2.6em; padding: 0 0.5em; font: bold 0.72em/1.1 Verdana, Tahoma, sans-serif; text-align: center; border: 0.15em outset #C0C0C0; }
.t97-knopje.k1 { color: #fff; background: linear-gradient(#3A6EA5, #0A246A); }
.t97-knopje.k1 b { color: #FFCC00; }
.t97-knopje.k2 { color: #000; background: repeating-linear-gradient(90deg, #fff 0 0.4em, #E8E8E8 0.4em 0.8em); }
.t97-knopje.k3 { max-width: 12em; color: #FFFF00; background: #800000; }
.t97-ster { display: inline-block; color: #FFCC00; font-variant-emoji: text; animation: t03Draai 2.4s linear infinite; }
.t97-regenboog { flex: 0 0 auto; height: 0.45em; margin: 0.9em 0; border: 0; background: linear-gradient(90deg, #FF0000, #FF9900, #FFFF00, #33FF00, #00FFFF, #0033FF, #FF00FF); }
.t97-teller { margin-bottom: 0.8em !important; font-weight: bold; }
.t97-cijfers { display: inline-block; padding: 0.12em 0.4em; font: bold 1.15em/1 "Courier New", Courier, monospace; letter-spacing: 0.14em; color: #39FF14; background: #000; border: 0.16em inset #808080; }
.t97-gastenboek { width: min(100%, 30em); margin: 0 auto 0.8em; text-align: left; background: #fff; border: 0.2em outset #C0C0C0; }
.t97-gb-kop { padding: 0.2em 0.5em; font: bold 0.95em/1.4 Arial, sans-serif; color: #fff; background: #008080; }
.t97-gastenboek table { width: 100%; border-collapse: collapse; font-size: 0.95em; }
.t97-gastenboek td { padding: 0.2em 0.5em; vertical-align: top; border-top: 1px solid #C0C0C0; }
.t97-gastenboek td:first-child { width: 6.5em; font-weight: bold; color: #800080; }
.t97-best, .t97-ring { margin-bottom: 0.3em !important; font-size: 0.9em; }
.t97-best { font-style: italic; }
.t97-mail { display: flex; align-items: center; justify-content: center; gap: 0.45em; }
.t97-envelop {
  width: 1.6em; height: 1.1em; border: 0.1em solid #B8860B;
  background: linear-gradient(to bottom right, transparent 48%, #B8860B 49% 55%, transparent 56%), linear-gradient(to bottom left, transparent 48%, #B8860B 49% 55%, transparent 56%), #FFE08A;
  animation: t97Wip 0.6s ease-in-out infinite alternate;
}
@keyframes t97Loop { from { transform: translateX(0); } to { transform: translateX(-100%); } }
@keyframes t97Knipper { 50% { opacity: 0; } }
@keyframes t97Schep { from { transform: rotate(-9deg); } to { transform: rotate(11deg); } }
@keyframes t97Wip { from { transform: translateY(0) rotate(-6deg); } to { transform: translateY(-0.25em) rotate(6deg); } }
@keyframes t97Mars { from { transform: translateX(0); } to { transform: translateX(-1.98em); } }
@keyframes t97Gloed { 0%, 100% { opacity: 0.15; } 50% { opacity: 1; } }
@keyframes t97Aarde { 0%, 40% { opacity: 0; transform: translate(0, 0); } 48% { opacity: 1; transform: translate(-1px, -2px); } 75% { opacity: 1; transform: translate(4px, -11px) rotate(90deg); } 100% { opacity: 0; transform: translate(9px, -2px) rotate(200deg); } }
@keyframes t97Pion { 0%, 82%, 100% { transform: rotate(0); } 86% { transform: rotate(-6deg); } 91% { transform: rotate(4deg); } 95% { transform: rotate(-2deg); } }
@keyframes t97Rol { from { transform: translateY(0); } to { transform: translateY(-100%); } }
@keyframes t97Pijl1 { 0%, 19% { opacity: 0.18; } 20%, 94% { opacity: 1; } 95%, 100% { opacity: 0.18; } }
@keyframes t97Pijl2 { 0%, 39% { opacity: 0.18; } 40%, 94% { opacity: 1; } 95%, 100% { opacity: 0.18; } }
@keyframes t97Pijl3 { 0%, 59% { opacity: 0.18; } 60%, 94% { opacity: 1; } 95%, 100% { opacity: 0.18; } }
@container tmscherm (max-width: 34rem) {
  .t97 { padding: 0 0.9em 1em; }
  .t97-loop { margin: 0 -0.9em; }
  .t97-kop { font-size: 1.65em; }
  .t97-teller { order: 1; }
  .t97-rij { order: 2; grid-template-columns: 1fr; gap: 0.7em; }
  .t97-regenboog { order: 3; }
  .t97-gastenboek { order: 4; }
  .t97-best, .t97-ring, .t97-mail { order: 5; }
  .t97-menu { display: flex; flex-wrap: wrap; gap: 0 0.7em; }
  .t97-menu-kop { display: none; }
  .t97-bord { font-size: 1.35em; }
  .t97-paneel { grid-template-columns: 5em minmax(0, 1fr); }
  .t97-man { width: 5em; }
  .t97-pijlen { display: none; }
  .t97-knopjes { display: none; }
}

.t03 { font-family: Verdana, Tahoma, Geneva, sans-serif; color: #333; background: #DFE6EE; }
.t03 p { margin: 0; }
.t03-site { position: relative; display: flex; flex-direction: column; width: 100%; max-width: 64em; min-height: 100%; margin: 0 auto; font-size: 0.85em; background: #fff; box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.25); }
.t03-site > * { flex-shrink: 0; }
.t03-site > .t03-lijf { flex: 1 0 auto; }
.t03-blokken { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.8em; margin-bottom: 0.9em; }
.t03-blokken > div { padding: 0.6em 0.7em; font-size: 0.92em; line-height: 1.4; background: #F4F7FB; border: 1px solid #CCD3E0; border-top: 0.25em solid #4A76B8; }
.t03-blokken p { margin-bottom: 0.3em !important; }
.t03-blok-kop { font-weight: bold; color: #22487F; }
.t03-blokken span { font-weight: bold; color: #E08E0B; }
.t03-kop { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 1em; padding: 1.7em 1.6em 1.1em; overflow: hidden; color: #fff; background: linear-gradient(180deg, #4A76B8 0%, #22487F 62%, #163563 100%); border-bottom: 0.3em solid #F39C12; }
.t03-logo { position: relative; font: bold 2.7em/1 "Trebuchet MS", Verdana, sans-serif; letter-spacing: -0.04em; }
.t03-logo b { color: #F7B733; }
.t03-logo sup { font-size: 0.32em; vertical-align: super; letter-spacing: 0; }
.t03-swoosh { position: absolute; left: -0.3em; right: -0.5em; top: 58%; height: 0.55em; border-top: 0.07em solid rgba(255, 255, 255, 0.8); border-radius: 50%; transform: rotate(-6deg); }
.t03-slogan { margin-bottom: 0.3em !important; font-style: italic; color: #CFE0FF; text-align: right; }
.t03-muziek { position: absolute; top: 0.6em; right: 1em; display: flex; align-items: center; gap: 0.4em; font-size: 0.85em; opacity: 0.85; }
.t03-muziek .t03-eq { position: static; order: 2; height: 0.85em; }
.t03-tabs { display: flex; gap: 0.2em; overflow: hidden; padding: 0.5em 1em 0; background: #163563; }
.t03-tabs span { flex: 0 0 auto; padding: 0.45em 1em; border: 1px solid #0F2A52; border-bottom: 0; border-radius: 0.5em 0.5em 0 0; font-weight: bold; color: #fff; background: linear-gradient(#6D8FC4, #3D63A0); }
.t03-tabs .aan { color: #163563; background: #fff; }
.t03-lijf { display: grid; grid-template-columns: 12em minmax(0, 1fr); gap: 1.4em; padding: 1.4em; }
.t03-zij { display: grid; gap: 0.35em; align-content: start; }
.t03-knop { display: block; padding: 0.4em 0.7em; border: 1px solid #B86E00; border-radius: 0.3em; font-weight: bold; color: #fff; background: linear-gradient(#F7B733, #E08E0B); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.t03-nieuws { margin-top: 0.8em; padding: 0.6em 0.7em; font-size: 0.9em; line-height: 1.45; background: #FFF8E1; border: 1px dashed #E0B84A; }
.t03-nieuws-kop { margin-bottom: 0.3em !important; font-weight: bold; color: #B86E00; }
.t03-titel { margin-bottom: 0.5em !important; padding-bottom: 0.2em; font: bold 1.7em/1.1 "Trebuchet MS", Verdana, sans-serif; color: #22487F; border-bottom: 1px solid #CCD3E0; }
.t03-hoofd p { line-height: 1.55; }
.t03-hoofd > p + .t03-beeld { margin-top: 0.9em; }
.t03-beeld { position: relative; height: 7.5em; margin-bottom: 0.7em; overflow: hidden; border-radius: 0.4em; background: linear-gradient(120deg, #1B3F78, #4A76B8 45%, #9FD0FF); }
.t03-beeld span { position: absolute; border: 0.25em solid rgba(255, 255, 255, 0.35); border-radius: 50%; }
.t03-beeld span:nth-child(1) { left: -3em; top: 1.5em; width: 14em; height: 14em; }
.t03-beeld span:nth-child(2) { right: 2em; top: -4em; width: 10em; height: 10em; }
.t03-beeld span:nth-child(3) { right: 11em; bottom: -2.5em; width: 6em; height: 6em; border-color: rgba(247, 183, 51, 0.6); }
.t03-beeld span:nth-child(1) { animation: t03Drijf 7s ease-in-out infinite alternate; }
.t03-beeld span:nth-child(2) { animation: t03Drijf 9s ease-in-out -3s infinite alternate-reverse; }
.t03-beeld span:nth-child(3) { animation: t03Drijf 6s ease-in-out -1s infinite alternate; }
.t03-banner { position: absolute; left: 1.2em; top: 50%; margin-top: -0.6em; font: italic bold 1.35em/1.2 "Trebuchet MS", Verdana, sans-serif; color: #fff; text-shadow: 0 0.08em 0.3em rgba(0, 0, 40, 0.6); white-space: nowrap; opacity: 0; animation: t03Banner 6s ease-in-out 0.6s infinite; }
@keyframes t03Drijf { from { transform: translate(0, 0); } to { transform: translate(1.6em, -0.8em); } }
@keyframes t03Banner { 0% { opacity: 0; transform: translateX(3em); } 12%, 78% { opacity: 1; transform: none; } 90%, 100% { opacity: 0; transform: translateX(-1.5em); } }
.t03-fijn { font-size: 0.85em; color: #777; }
.t03-voet { padding: 0.7em 1.4em; font-size: 0.85em; text-align: center; color: #666; background: #EEF2F7; border-top: 1px solid #CCD3E0; }
.t03-intro { position: absolute; inset: 0; z-index: 2; overflow: hidden; display: grid; place-content: center; justify-items: center; gap: 1.2em; font-family: Verdana, Tahoma, sans-serif; color: #9FD0FF; background: radial-gradient(circle at 50% 45%, #22314F, #000 70%); transition: opacity 450ms ease, visibility 0s linear 0s; }
.t03.klaar .t03-intro { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 450ms ease, visibility 0s linear 450ms; }
.t03-podium { position: relative; display: grid; place-items: center; width: 9em; height: 9em; }
.t03-wervel { position: relative; display: grid; place-items: center; width: 9em; height: 9em; animation: t03Logo 0.9s cubic-bezier(0.2, 0.8, 0.25, 1.15) 2.35s both; }
.t03-woord { position: absolute; left: 50%; top: 50%; white-space: nowrap; font: bold 1.9em/1 "Trebuchet MS", Verdana, sans-serif; color: #DCE9FF; text-shadow: 0 0 0.5em rgba(74, 156, 255, 0.9); opacity: 0; transform: translate(-50%, -50%); animation: t03Woord 1.2s ease-out both; }
.t03-woord.w2 { font-size: 1.45em; font-style: italic; animation-delay: 1.15s; }
.t03-stralen { position: absolute; left: 50%; top: 45%; width: 80em; height: 80em; margin: -40em 0 0 -40em; background: repeating-conic-gradient(rgba(120, 170, 255, 0.13) 0 5deg, rgba(120, 170, 255, 0) 5deg 15deg); -webkit-mask-image: radial-gradient(circle, #000, transparent 45%); mask-image: radial-gradient(circle, #000, transparent 45%); animation: t03Draai 30s linear infinite; }
.t03-flits { position: absolute; left: -45%; top: 25%; width: 45%; height: 40%; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 255, 255, 0.6), rgba(120, 170, 255, 0.2) 45%, rgba(120, 170, 255, 0)); opacity: 0; animation: t03Flits 1.3s ease-in-out 2.4s both; }
.t03-eq { position: absolute; left: 1.2em; top: 1.1em; display: flex; align-items: flex-end; gap: 0.16em; height: 1.3em; }
.t03-eq i { width: 0.28em; height: 100%; background: linear-gradient(#F7B733, #4A9CFF); transform-origin: 50% 100%; animation: t03Eq 0.42s ease-in-out infinite alternate; }
.t03-eq i:nth-child(2) { animation-duration: 0.31s; animation-delay: -0.2s; }
.t03-eq i:nth-child(3) { animation-duration: 0.53s; animation-delay: -0.1s; }
.t03-eq i:nth-child(4) { animation-duration: 0.36s; animation-delay: -0.3s; }
.t03-eq i:nth-child(5) { animation-duration: 0.47s; }
.t03-wervel i { position: absolute; inset: 0; border: 0.25em solid transparent; border-top-color: #F7B733; border-radius: 50%; animation: t03Draai 1.4s linear infinite; }
.t03-wervel i:nth-child(2) { inset: 1.1em; border-top-color: #4A9CFF; animation-duration: 1s; animation-direction: reverse; }
.t03-wervel i:nth-child(3) { inset: 2.2em; border-top-color: #fff; animation-duration: 0.7s; }
.t03-wervel span { font: bold 1.3em "Trebuchet MS", Verdana, sans-serif; letter-spacing: -0.03em; color: #fff; animation: t03Puls 1.4s ease-in-out infinite alternate; }
.t03-wervel b { color: #F7B733; }
.t03-laden { font-size: 1em; letter-spacing: 0.08em; }
.t03-laden-b { display: none; }
.t03.bijna .t03-laden-a { display: none; }
.t03.bijna .t03-laden-b { display: inline; }
.t03-balkje { position: relative; width: 16em; height: 0.95em; padding: 2px; overflow: hidden; border: 1px solid #4A6A9A; background: #0B1424; }
.t03-balkje b { display: block; height: 100%; background: repeating-linear-gradient(90deg, #4A9CFF 0 0.6em, #9FD0FF 0.6em 0.62em, transparent 0.62em 0.78em); }
.t03-balkje b::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 3em; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0)); animation: t03Glim 1.1s linear infinite; }
.t03-balkje i { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: #0B1424; transform: translateX(0); }
.t03-skip { position: absolute; right: 1.2em; bottom: 1.1em; z-index: 3; padding: 0.5em 0.95em; border: 1px solid #4A6A9A; border-radius: 0; font: bold 1em/1.2 Verdana, Tahoma, sans-serif; color: #9FD0FF; background: rgba(0, 0, 0, 0.55); cursor: pointer; }
.t03-skip:hover { color: #fff; border-color: #9FD0FF; }
.t03-skip:focus-visible { outline: 3px solid #F7B733; outline-offset: 2px; }
@keyframes t03Draai { to { transform: rotate(360deg); } }
@keyframes t03Puls { from { opacity: 0.45; transform: scale(0.92); } to { opacity: 1; transform: scale(1.06); } }
@keyframes t03Woord { 0% { opacity: 0; transform: translate(-50%, -50%) scale(2.4); } 25% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 75% { opacity: 1; transform: translate(-50%, -50%) scale(0.94); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.5); } }
@keyframes t03Logo { from { opacity: 0; transform: scale(2.8) rotate(-30deg); } to { opacity: 1; transform: none; } }
@keyframes t03Flits { 0% { opacity: 0; transform: translateX(0); } 35% { opacity: 1; } 100% { opacity: 0; transform: translateX(330%); } }
@keyframes t03Eq { from { transform: scaleY(0.2); } to { transform: scaleY(1); } }
@keyframes t03Glim { from { transform: translateX(-3em); } to { transform: translateX(17em); } }
@container tmscherm (max-width: 34rem) {
  .t03-site { font-size: 0.9em; }
  .t03-kop { padding: 1.5em 1em 0.9em; }
  .t03-logo { font-size: 2.2em; }
  .t03-slogan { display: none; }
  .t03-tabs span { padding: 0.4em 0.7em; }
  .t03-lijf { grid-template-columns: 1fr; gap: 1em; padding: 1em; }
  .t03-zij { display: flex; flex-wrap: wrap; gap: 0.35em; order: 2; }
  .t03-nieuws { display: none; }
  .t03-beeld { height: 5.5em; }
  .t03-blokken { grid-template-columns: 1fr 1fr; }
  .t03-blokken > div:nth-child(3) { display: none; }
}

.t09 { display: flex; flex-direction: column; padding: 1.2em 1.8em 0; font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif; color: #2B2B2B; background: linear-gradient(180deg, #E4F2FB 0%, #fff 48%); }
.t09 p { margin: 0; }
.t09-kop { display: flex; align-items: flex-start; justify-content: space-between; gap: 1em; }
.t09-woord, .t09-spiegel { font: bold 3em/1 "Trebuchet MS", Arial, sans-serif; letter-spacing: -0.06em; }
.t09-woord { position: relative; color: #1E8FE0; background: linear-gradient(180deg, #7AD0FF 0%, #1E8FE0 50%, #0A64B4 51%, #2AA0F0 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.t09-beta { position: absolute; animation: t09Beta 4s ease-in-out infinite; top: -0.35em; right: -2.1em; padding: 0.2em 0.5em; border-radius: 0.4em; font: bold 0.3em/1.2 Arial, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; -webkit-text-fill-color: #fff; background: linear-gradient(#FF7A7A, #E0161E); box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.25); transform: rotate(12deg); }
.t09-spiegel { margin: -0.1em 0 -0.45em !important; color: #1E8FE0; opacity: 0.25; transform: scaleY(-1); clip-path: inset(50% 0 0 0); -webkit-mask-image: linear-gradient(to top, #000 0%, transparent 65%); mask-image: linear-gradient(to top, #000 0%, transparent 65%); }
.t09-nav { display: flex; gap: 0.25em; padding: 0.3em; border-radius: 1.5em; background: linear-gradient(#FDFDFD, #DCDCDC); border: 1px solid #C4C4C4; box-shadow: inset 0 1px 0 #fff, 0 0.15em 0.4em rgba(0, 0, 0, 0.12); }
.t09-nav span { padding: 0.45em 0.9em; border-radius: 1.2em; font-size: 0.95em; font-weight: bold; color: #555; }
.t09-nav .aan { color: #fff; background: linear-gradient(180deg, #8FD3FF 0%, #2B9BE8 50%, #127FD0 51%, #3FB0FF 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 0.1em 0.25em rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
.t09-held { display: grid; grid-template-columns: 1.35fr 1fr; gap: 1.5em; align-items: center; margin: 0.3em 0 1em; }
.t09-groot { margin-bottom: 0.2em !important; font: bold 3.3em/1 "Trebuchet MS", Arial, sans-serif; letter-spacing: -0.05em; color: #3A3A3A; text-shadow: 0 1px 0 #fff, 0 0.06em 0.15em rgba(0, 0, 0, 0.18); }
.t09-zin { margin-bottom: 1.1em !important; font-size: 1.15em; line-height: 1.45; color: #555; }
.t09-knop { position: relative; display: inline-block; overflow: hidden; -webkit-box-reflect: below 0.15em linear-gradient(transparent 52%, rgba(255, 255, 255, 0.28)); padding: 0.7em 1.6em; border: 1px solid #C55A00; border-radius: 0.6em; font: bold 1.3em/1 "Trebuchet MS", Arial, sans-serif; color: #fff; background: linear-gradient(180deg, #FFB347 0%, #FF8C00 50%, #F07000 51%, #FF9D2E 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 0.25em 0.6em rgba(240, 112, 0, 0.4); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.t09-knop::after { content: ""; position: absolute; top: 0; bottom: 0; left: -40%; width: 30%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent); transform: translateX(-100%) skewX(-20deg); animation: t09Glans 2.6s ease-in-out infinite; }
.t09-zij { display: grid; gap: 0.9em; justify-items: center; }
.t09-ster {
  display: grid; place-items: center; width: 8.5em; height: 8.5em; padding: 1.4em; text-align: center; font: bold 1em/1.15 Arial, sans-serif; color: #fff;
  background: radial-gradient(circle, #FF5A5A, #C4000A);
  clip-path: polygon(50% 0%, 61% 12%, 77% 6%, 79% 22%, 95% 24%, 89% 39%, 100% 50%, 89% 61%, 95% 76%, 79% 78%, 77% 94%, 61% 88%, 50% 100%, 39% 88%, 23% 94%, 21% 78%, 5% 76%, 11% 61%, 0% 50%, 11% 39%, 5% 24%, 21% 22%, 23% 6%, 39% 12%);
  transform: rotate(-12deg); animation: t09Ster 2.4s ease-in-out infinite alternate;
}
.t09-wolk { max-width: 17em; line-height: 1.25; text-align: center; }
.t09-wolk span { color: #1E7FD0; }
.t09-wolk .w1 { font-size: 0.85em; }
.t09-wolk .w2 { font-size: 1.15em; color: #4E9A22; }
.t09-wolk .w3 { font-size: 1.55em; font-weight: bold; }
.t09-vakken { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.9em; margin-bottom: 1em; }
.t09-vak { overflow: hidden; border-radius: 0.7em; font-size: 0.95em; line-height: 1.4; color: #555; background: #fff; border: 1px solid #CFE0EC; box-shadow: 0 0.2em 0.6em rgba(30, 127, 208, 0.12); }
.t09-vak-in { display: grid; gap: 0.45em; padding: 0.55em 0.8em 0.75em; }
.t09-vak-kop { position: relative; display: flex; align-items: center; justify-content: space-between; overflow: hidden; padding: 0.45em 0.8em; font-weight: bold; color: #fff; background: linear-gradient(180deg, #8FD3FF 0%, #2B9BE8 50%, #127FD0 51%, #3FB0FF 100%); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.t09-vak-kop::after, .t09-nav .aan::after { content: ""; position: absolute; top: 0; bottom: 0; left: -40%; width: 30%; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); transform: translateX(-100%) skewX(-20deg); animation: t09Glans 3.4s ease-in-out infinite; }
.t09-vak:nth-child(2) .t09-vak-kop::after { animation-delay: 0.25s; }
.t09-vak:nth-child(3) .t09-vak-kop::after { animation-delay: 0.5s; }
.t09-nav .aan { position: relative; overflow: hidden; }
.t09-nav .aan::after { animation-duration: 4.2s; animation-delay: 1.2s; }
.t09-meta { font-size: 0.85em; color: #8A9AA8; }
.t09-spinner { position: relative; width: 1.1em; height: 1.1em; animation: t09Spin 0.8s steps(8) infinite; }
.t09-spinner i { position: absolute; left: 50%; top: 0; width: 0.14em; height: 0.32em; margin-left: -0.07em; border-radius: 0.1em; background: #fff; transform-origin: 50% 0.55em; }
.t09-spinner i:nth-child(1) { opacity: 1; }
.t09-spinner i:nth-child(2) { transform: rotate(45deg); opacity: 0.85; }
.t09-spinner i:nth-child(3) { transform: rotate(90deg); opacity: 0.7; }
.t09-spinner i:nth-child(4) { transform: rotate(135deg); opacity: 0.6; }
.t09-spinner i:nth-child(5) { transform: rotate(180deg); opacity: 0.5; }
.t09-spinner i:nth-child(6) { transform: rotate(225deg); opacity: 0.4; }
.t09-spinner i:nth-child(7) { transform: rotate(270deg); opacity: 0.3; }
.t09-spinner i:nth-child(8) { transform: rotate(315deg); opacity: 0.2; }
.t09-leden { display: flex; align-items: center; }
.t09-leden i { width: 1.6em; height: 1.6em; margin-right: -0.35em; border: 0.14em solid #fff; border-radius: 0.35em; background: radial-gradient(circle at 50% 38%, #fff 0 0.28em, transparent 0.3em), radial-gradient(circle at 50% 110%, #fff 0 0.6em, transparent 0.62em), var(--k, #9DB8CC); box-shadow: 0 0.06em 0.2em rgba(0, 0, 0, 0.25); }
.t09-leden i:nth-child(2) { --k: #F4A261; }
.t09-leden i:nth-child(3) { --k: #8BC34A; }
.t09-leden span { margin-left: 0.7em; font-size: 0.85em; font-weight: bold; color: #8A9AA8; }
.t09-aanmeld { display: flex; gap: 0.3em; }
.t09-veld { flex: 1 1 auto; min-width: 0; overflow: hidden; padding: 0.3em 0.5em; border: 1px solid #B9CBD8; border-radius: 0.4em; font-size: 0.85em; color: #9AA7B2; white-space: nowrap; text-overflow: ellipsis; background: linear-gradient(#F2F6F9, #fff 40%); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08); }
.t09-mini { flex: 0 0 auto; padding: 0.3em 0.65em; border: 1px solid #5A9C1E; border-radius: 0.4em; font-size: 0.85em; font-weight: bold; color: #fff; background: linear-gradient(180deg, #B6E86F 0%, #7CC32A 50%, #62A814 51%, #8BD13A 100%); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.t09-flow { display: flex; justify-content: center; align-items: center; gap: 0; margin: 0.2em 0 2.6em; perspective: 40em; }
.t09-flow i { width: 7.5em; height: 4.6em; border-radius: 0.25em; border: 0.18em solid #fff; background: linear-gradient(160deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 45%), var(--k); box-shadow: 0 0.2em 0.6em rgba(0, 0, 0, 0.18); -webkit-box-reflect: below 0.2em linear-gradient(transparent 45%, rgba(255, 255, 255, 0.35)); }
.t09-flow .f1 { --k: linear-gradient(#F7B733, #E8590C); transform: rotateY(-50deg) scale(0.86); }
.t09-flow .f2 { --k: linear-gradient(#8BC34A, #2E7D32); transform: rotateY(-50deg) scale(0.93); }
.t09-flow .f3 { --k: linear-gradient(#3FB0FF, #127FD0); width: 9em; height: 5.6em; margin: 0 0.6em; }
.t09-flow .f1, .t09-flow .f2, .t09-flow .f4, .t09-flow .f5 { margin: 0 -1.1em; }
.t09-flow .f3 { position: relative; z-index: 1; }
.t09-flow .f4 { --k: linear-gradient(#C084FC, #7E22CE); transform: rotateY(50deg) scale(0.93); }
.t09-flow .f5 { --k: linear-gradient(#FF7A7A, #C62828); transform: rotateY(50deg) scale(0.86); }
.t09-deel { display: flex; flex-wrap: wrap; align-items: center; gap: 0.45em; margin-top: auto; padding: 0.8em 0 1.1em; border-top: 1px solid #DDE7EE; }
.t09-deel-tekst { margin-right: 0.3em; font-size: 0.9em; color: #666; }
.t09-ikoon { display: grid; place-items: center; width: 2em; height: 2em; border-radius: 0.45em; font: 1em/1 "Segoe UI Symbol", "Apple Symbols", "DejaVu Sans", sans-serif; font-variant-emoji: text; color: #fff; background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0 48%, rgba(255, 255, 255, 0) 52%), var(--k, #888); box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.25); }
.t09-ikoon.i1 { --k: #E0457B; }
.t09-ikoon.i2 { --k: #6C8EBF; }
.t09-ikoon.i3 { --k: #E8A317; }
.t09-ikoon.i4 { --k: #45A06F; }
.t09-ikoon.i5 { --k: #9A5FD0; }
.t09-ikoon.i6 { --k: #E07B39; }
.t09-ikoon.i7 { --k: #3FA9D6; }
.t09-ikoon.i8 { --k: #D6455A; }
.t09-rss { --k: #F78422; }
.t09-rss i { width: 1.05em; height: 1.05em; background: radial-gradient(circle at 12% 88%, #fff 0 0.14em, transparent 0.15em), radial-gradient(circle at 0 100%, transparent 0.4em, #fff 0.41em 0.55em, transparent 0.56em), radial-gradient(circle at 0 100%, transparent 0.75em, #fff 0.76em 0.9em, transparent 0.91em); }
@keyframes t09Glans { 0%, 55% { transform: translateX(-100%) skewX(-20deg); } 100% { transform: translateX(560%) skewX(-20deg); } }
@keyframes t09Ster { from { transform: rotate(-12deg) scale(1); } to { transform: rotate(-4deg) scale(1.07); } }
@keyframes t09Spin { to { transform: rotate(360deg); } }
@keyframes t09Beta { 0%, 86%, 100% { transform: rotate(12deg); } 90% { transform: rotate(4deg) scale(1.12); } 94% { transform: rotate(18deg) scale(1.05); } }
@container tmscherm (max-width: 34rem) {
  .t09 { padding: 1em 1em 0; }
  .t09-nav { display: none; }
  .t09-woord, .t09-spiegel { font-size: 2.5em; }
  .t09-held { grid-template-columns: 1fr 7em; gap: 0.6em; align-items: start; }
  .t09-groot { font-size: 2.3em; }
  .t09-zin { font-size: 1em; }
  .t09-knop { font-size: 1.1em; padding: 0.65em 1.2em; }
  .t09-ster { width: 7em; height: 7em; padding: 1.2em; font-size: 0.85em; }
  .t09-wolk { display: none; }
  .t09-ikoon { width: 1.9em; height: 1.9em; }
  .t09-vakken { grid-template-columns: 1fr; gap: 0.5em; }
  .t09-vak:nth-child(3) { display: none; }
  .t09-flow { display: none; }
}

.t14 { display: flex; flex-direction: column; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; background: #F4F4F4; }
.t14 p { margin: 0; }
.t14-balk { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; padding: 1.1em 2em; color: #222; background: #fff; }
.t14-logo { font-size: 1.3em; font-weight: 300; letter-spacing: 0.35em; }
.t14-logo b { font-weight: 700; }
.t14-burger { display: grid; gap: 0.3em; width: 1.7em; }
.t14-burger i { display: block; height: 0.18em; background: #222; }
.t14-carrousel { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; }
.t14-rail { display: flex; height: 100%; animation: t14Schuif 9s cubic-bezier(0.7, 0, 0.3, 1) infinite; }
.t14-dia { position: relative; isolation: isolate; overflow: hidden; display: grid; flex: 0 0 100%; place-content: center; justify-items: center; gap: 0.45em; padding: 2em 3.5em; text-align: center; }
.t14-dia::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--bg); transform-origin: 50% 60%; }
.t14-dia.d1::before { animation: t14Zoom1 9s linear infinite; }
.t14-dia.d2::before { animation: t14Zoom2 9s linear infinite; }
.t14-dia.d3::before { animation: t14Zoom3 9s linear infinite; }
.t14-dia.d4::before { animation: none; }
.t14-dia.d2 > *, .t14-dia.d3 > * { animation: t14Tekst2 9s cubic-bezier(0.2, 0.7, 0.2, 1) infinite both; }
.t14-dia.d3 > * { animation-name: t14Tekst3; }
.t14-dia > :nth-child(2) { animation-delay: 0.12s; }
.t14-dia > :nth-child(3) { animation-delay: 0.24s; }
.t14-dia.d1 { --bg: linear-gradient(rgba(26, 188, 156, 0.8), rgba(22, 160, 133, 0.88)), radial-gradient(circle at 32% 62%, #D9A77F 0 10%, transparent 26%), radial-gradient(circle at 68% 58%, #B97F5A 0 10%, transparent 25%), radial-gradient(ellipse at 50% 105%, #2C3E50 0 38%, transparent 66%), linear-gradient(#9FB6C8, #E8E2D8); }
.t14-dia.d2 { --bg: linear-gradient(rgba(52, 152, 219, 0.82), rgba(41, 128, 185, 0.9)), radial-gradient(ellipse at 50% 70%, #E8E8E8 0 20%, transparent 40%), radial-gradient(circle at 80% 30%, #F7E1B5 0 12%, transparent 30%), linear-gradient(#6D7B86, #C9CED3); }
.t14-dia.d3 { --bg: linear-gradient(rgba(155, 89, 182, 0.82), rgba(142, 68, 173, 0.9)), radial-gradient(circle at 50% 40%, #FFF3C4 0 14%, transparent 34%), linear-gradient(#3B3B58, #8A86A8); }
.t14-pictogram { width: 6em; height: auto; margin-bottom: 0.3em; }
.t14-zin { font-size: 2.6em; font-weight: 200; line-height: 1.05; letter-spacing: 0.03em; text-transform: uppercase; }
.t14-sub { font-size: 1.05em; font-weight: 300; opacity: 0.92; }
.t14-pijl { position: absolute; top: 50%; display: grid; place-items: center; width: 1.4em; height: 1.4em; margin-top: -0.7em; padding-bottom: 0.08em; border-radius: 50%; font-size: 2.2em; line-height: 1; color: rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.12); border: 1px solid rgba(255, 255, 255, 0.35); }
.t14-pijl.links { left: 0.3em; }
.t14-pijl.rechts { right: 0.3em; }
.t14-stipjes { position: absolute; left: 50%; bottom: 3.7em; display: flex; gap: 0.5em; transform: translateX(-50%); }
.t14-stipjes i { position: relative; width: 0.6em; height: 0.6em; border-radius: 50%; background: rgba(255, 255, 255, 0.4); }
.t14-stipjes i::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #fff; opacity: 0; animation: t14Stip 9s linear infinite; }
.t14-stipjes i:nth-child(2)::after { animation-delay: -6s; }
.t14-stipjes i:nth-child(3)::after { animation-delay: -3s; }
.t14-voortgang { position: absolute; left: 50%; bottom: 3.05em; width: 3.4em; height: 2px; margin-left: -1.7em; background: rgba(255, 255, 255, 0.3); }
.t14-voortgang i { display: block; height: 100%; background: #fff; transform-origin: 0 50%; animation: t14Balk 3s linear infinite; }
.t14-muis { position: absolute; left: 50%; bottom: 0.7em; width: 1.25em; height: 1.9em; margin-left: -0.625em; border: 0.12em solid rgba(255, 255, 255, 0.85); border-radius: 0.7em; }
.t14-muis i { position: absolute; left: 50%; top: 0.3em; width: 0.16em; height: 0.36em; margin-left: -0.08em; border-radius: 0.1em; background: #fff; animation: t14Wiel 1.6s ease-in-out infinite; }
.t14-cookie > * { animation: t14Koek 500ms var(--ease) 1.3s both; }
.t14-cookie { display: flex; flex: 0 0 auto; flex-wrap: wrap; align-items: center; gap: 0.6em 0.8em; padding: 0.85em 1.6em; font-size: 0.9em; color: #EEE; background: #1E1E1E; }
.t14-cookie p { flex: 1 1 18em; }
.t14-ok { padding: 0.45em 1em; border-radius: 0.2em; font-weight: bold; color: #fff; background: #1E8449; }
.t14-ok.twee { background: #239B56; }
@keyframes t14Schuif { 0%, 28% { transform: translateX(0); } 33%, 61% { transform: translateX(-100%); } 66%, 94% { transform: translateX(-200%); } 100% { transform: translateX(-300%); } }
@keyframes t14Zoom1 { 0% { transform: scale(1); } 33% { transform: scale(1.08); } 34%, 100% { transform: scale(1); } }
@keyframes t14Zoom2 { 0%, 29% { transform: scale(1); } 66%, 100% { transform: scale(1.08); } }
@keyframes t14Zoom3 { 0%, 62% { transform: scale(1); } 100% { transform: scale(1.08); } }
@keyframes t14Tekst2 { 0%, 31% { opacity: 0; transform: translateY(1.2em); } 37%, 100% { opacity: 1; transform: none; } }
@keyframes t14Tekst3 { 0%, 64% { opacity: 0; transform: translateY(1.2em); } 70%, 100% { opacity: 1; transform: none; } }
@keyframes t14Balk { 0% { transform: scaleX(0); } 84%, 100% { transform: scaleX(1); } }
@keyframes t14Wiel { 0% { opacity: 0; transform: translateY(-0.1em); } 30% { opacity: 1; } 80%, 100% { opacity: 0; transform: translateY(0.6em); } }
@keyframes t14Koek { from { opacity: 0; transform: translateY(1.4em); } to { opacity: 1; transform: none; } }
@keyframes t14Stip { 0%, 30% { opacity: 1; } 33%, 97% { opacity: 0; } 100% { opacity: 1; } }
@container tmscherm (max-width: 34rem) {
  .t14-balk { padding: 0.9em 1.1em; }
  .t14-dia { padding: 1.5em 2.4em; }
  .t14-zin { font-size: 2em; }
  .t14-pictogram { width: 4.8em; }
  .t14-cookie { padding: 0.8em 1em; }
  .t14-muis, .t14-voortgang { display: none; }
  .t14-stipjes { bottom: 0.9em; }
  .t14-pijl { font-size: 1.8em; }
}

.t26 { display: flex; flex-direction: column; padding: 0 2em 1.5em; font-family: var(--body); color: #fff; background-color: #21232E; background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1.3px); background-size: 1.6em 1.6em; }
.t26 p { margin: 0; }
.t26-balk { display: flex; align-items: center; justify-content: space-between; padding: 1em 0; }
.t26-merk { display: inline-flex; align-items: center; gap: 0.55em; font-size: 1.05em; font-weight: 700; }
.t26-merk .merk-teken { width: 1.9em; }
.t26-merk em { font-style: normal; color: var(--blauw); }
.t26-knop { padding: 0.55em 1.1em; border-radius: 99em; font-size: 0.95em; font-weight: 700; color: var(--op-oranje); background: var(--oranje); }
.t26-knop.groot { padding: 0.8em 1.5em; font-size: 1.15em; }
a.t26-knop { text-decoration: none; transition: background-color 300ms ease; }
a.t26-knop:hover { background: var(--oranje-licht); }
.t26-kicker { display: inline-flex; align-items: center; gap: 0.6em; margin: 1.8em 0 1.1em !important; font-size: 0.8em; font-weight: 650; letter-spacing: 0.16em; text-transform: uppercase; color: var(--blauw-licht); }
.t26-kicker i { width: 0.65em; height: 0.65em; border: 1.5px solid var(--blauw); }
.t26-kop { font-family: var(--kop); font-size: 6.4em; line-height: 0.92; text-transform: uppercase; }
.t26-kop .sel::after { inset: calc(-0.04em - 4px) calc(-0.08em - 4px) calc(-0.03em - 4px); }
.t26-lead { max-width: 30em; margin: 1.1em 0 1.3em !important; font-size: 1.1em; line-height: 1.55; color: var(--tekst-2); }
.t26-acties { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2em; }
.t26-prijs { font-weight: 600; color: var(--tekst-2); text-decoration: underline; text-decoration-color: var(--lijn-3); text-underline-offset: 0.3em; }
.t26-chips { display: flex; flex-wrap: wrap; gap: 0.6em; margin-top: auto !important; padding-top: 1.5em; }
.t26-chips span { display: inline-flex; align-items: center; gap: 0.5em; padding: 0.5em 0.95em; border-radius: 99em; font-size: 0.9em; font-weight: 600; background: rgba(40, 43, 55, 0.9); border: 1px solid var(--lijn-2); }
.t26 > * { animation: t26In 600ms var(--ease) both; }
.t26 > :nth-child(2) { animation-delay: 0.32s; }
.t26 > :nth-child(3) { animation-delay: 0.4s; }
.t26 > :nth-child(4) { animation-delay: 0.48s; }
.t26 > :nth-child(5) { animation-delay: 0.56s; }
.t26 > :nth-child(6) { animation-delay: 0.7s; }
.t26 > :first-child { animation-delay: 0.24s; }
@keyframes t26In { from { opacity: 0; transform: translateY(0.8em); } to { opacity: 1; transform: none; } }
.t26-tel { position: absolute; top: 5.4em; right: 2.6em; width: 12.6em; aspect-ratio: 9 / 18.6; padding: 0.42em; border-radius: 1.7em; background: #0E0F14; box-shadow: 0 2.4em 4em -1.6em rgba(0, 0, 0, 0.85), inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
.t26-tel-scherm { position: relative; display: flex; flex-direction: column; gap: 0.55em; height: 100%; overflow: hidden; padding: 0.8em 0.75em; border-radius: 1.3em; font-size: 0.62em; background-color: #21232E; background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1.3px); background-size: 1.3em 1.3em; }
.t26-tel-scherm::before { content: ""; position: absolute; top: 0.45em; left: 50%; width: 4.2em; height: 0.9em; margin-left: -2.1em; border-radius: 1em; background: #0E0F14; }
.t26-tel-balk { display: flex; align-items: center; gap: 0.45em; margin-top: 1.1em; font-size: 1.1em; }
.t26-tel-balk .merk-teken { width: 1.7em; }
.t26-tel-balk em { font-style: normal; color: var(--blauw); }
.t26-tel-menu { display: grid; gap: 0.25em; margin-left: auto; padding: 0.45em 0.4em; border-radius: 0.4em; border: 1px solid var(--lijn-3); }
.t26-tel-menu i { width: 1.1em; height: 0.14em; border-radius: 1em; background: #fff; }
.t26-tel-kop { margin-top: 1.2em !important; font-family: var(--kop); font-size: 3.1em; line-height: 0.95; text-transform: uppercase; }
.t26-tel-sel { display: inline-block; padding: 0 0.08em; outline: 1.5px solid var(--blauw); outline-offset: 0.04em; }
.t26-tel-regel { height: 0.55em; width: 92%; border-radius: 1em; background: #5A6180; }
.t26-tel-regel.kort { width: 64%; }
.t26-tel-knop { align-self: stretch; margin-top: 0.4em; padding: 0.75em 0; border-radius: 99em; font-size: 1.05em; font-weight: 700; text-align: center; color: var(--op-oranje); background: var(--oranje); }
.t26-tel-kaart { display: grid; grid-template-columns: 1.6em 1fr; gap: 0.35em 0.6em; padding: 0.75em; border-radius: 0.8em; background: rgba(40, 43, 55, 0.95); border: 1px solid var(--lijn-2); }
.t26-tel-kaart i { grid-row: span 2; width: 1.6em; height: 1.6em; border-radius: 50%; background: var(--blauw-zacht); box-shadow: inset 0 0 0 0.16em var(--blauw); }
.t26-tel-kaart b { height: 0.5em; border-radius: 1em; background: #fff; }
.t26-tel-kaart b.kort { width: 70%; background: #5A6180; }
.t26-tel-belbalk { position: absolute; left: 0.75em; right: 0.75em; bottom: 0.75em; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.4em; padding: 0.4em; border-radius: 99em; background: rgba(14, 15, 20, 0.92); border: 1px solid var(--lijn-2); }
.t26-tel-belbalk b { height: 1.6em; border-radius: 99em; border: 1px solid var(--lijn-3); }
.t26-tel-belbalk b:first-child { border: 0; background: var(--oranje); }
.t26 > .t26-tel { animation-delay: 0.9s; }
@container tmscherm (max-width: 40rem) { .t26-tel { display: none; } }
@media (min-width: 53.75rem) and (prefers-reduced-motion: no-preference) {
  .t26-tel { animation-name: t26Tel; animation-duration: 760ms; animation-timing-function: cubic-bezier(0.25, 1.2, 0.4, 1); }
  .t26-tel-scherm > * { animation: t26TelIn 420ms var(--ease) both; }
  .t26-tel-balk { animation-delay: 1.35s !important; }
  .t26-tel-kop { animation-delay: 1.5s !important; }
  .t26-tel-regel { animation-delay: 1.65s !important; }
  .t26-tel-regel.kort { animation-delay: 1.72s !important; }
  .t26-tel-knop { animation-delay: 1.85s !important; }
  .t26-tel-kaart { animation-delay: 2s !important; }
  .t26-tel-kaart + .t26-tel-kaart { animation-delay: 2.12s !important; }
  .t26-tel-belbalk { animation: t26Bel 520ms cubic-bezier(0.3, 1.3, 0.5, 1) 2.5s both !important; }
}
@keyframes t26Tel { from { opacity: 0; transform: translateY(2.2em) rotate(4deg); } to { opacity: 1; transform: rotate(0deg); } }
@keyframes t26TelIn { from { opacity: 0; transform: translateY(0.6em); } to { opacity: 1; transform: none; } }
@keyframes t26Bel { from { opacity: 0; transform: translateY(150%); } to { opacity: 1; transform: none; } }
.t26-chips span::before { content: ""; width: 0.5em; height: 0.5em; border-radius: 50%; background: var(--blauw); }
@container tmscherm (max-width: 34rem) {
  .t26 { padding: 0 1.1em 1.2em; }
  .t26-kicker { margin: 1.3em 0 0.9em !important; }
  .t26-kop { font-size: 3.6em; }
  .t26-lead { font-size: 1em; }
}

@media (prefers-reduced-motion: reduce) {
  .tm-venster.reis, .tm-venster.reis .tm-flits, .tm-venster.reis .tm-tijdperk,
  .t97-loop-tekst, .t97-nieuw, .t97-knipper, .t97-schep, .t97-envelop,
  .t97-strepen::before, .t97-zwaai::before, .t97-zwaai i, .t97-aarde rect, .t97-pion, .t97-cijfers b.rol i, .t97-ster, .t97-pijlen i,
  .t03-wervel, .t03-wervel i, .t03-wervel span, .t03-woord, .t03-beeld span, .t03-banner, .t03-stralen, .t03-flits, .t03-eq i, .t03-balkje b::after, .t09-knop::after, .t09-ster, .t09-vak-kop::after, .t09-nav .aan::after, .t09-spinner, .t09-beta, .t14-rail, .t14-stipjes i::after, .t14-dia::before, .t14-dia > *, .t14-voortgang i, .t14-muis i, .t14-cookie > * { animation: none !important; }
  .t97-loop-tekst { padding-left: 0; }
  .t14-stipjes i:first-child::after, .t03-banner, .t97-pijlen i { opacity: 1; }
  .tm-knop, .tm-streep::after { transition: none; }
  .t26 > *, .t26-tel-scherm > *, .tm-knop.klik::after, .tm-paneel.reist .tm-display::after { animation: none !important; }
}
.tm-eind-sel > span { display: inline-block; }
.tm-eind-sel.wissel > span { animation: tmEind 520ms cubic-bezier(0.3, 1.4, 0.5, 1); }
@keyframes tmEind { from { opacity: 0; transform: translateY(0.4em) rotateX(55deg); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .tm-eind-sel.wissel > span { animation: none; } }