The Jury Experience – Der 20-Millionen-Dollar-Raub

* { box-sizing: border-box; } img { max-width: 100%; } .tje-wrap { max-width: 100%; overflow-x: hidden; } .tje-section-title { font-size: 1rem; font-weight: 700; letter-spacing: -0.01em; color: #0f0f0f; margin: 0 0 0.875rem 0; position: relative; padding-bottom: 0.5rem; } .tje-section-title::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 3rem; height: 4px; background: #C8222A; border-radius: 3px; } .tje-label-small { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #8a8a8a; margin: 0 0 0.625rem 0; display: block; } .tje-intro { font-size: 1rem; line-height: 1.7; color: #444; margin: 0 0 1.5rem 0; } .tje-hero-quote { position: relative; padding: 0.75rem 0 0.75rem 1.25rem; margin: 1.5rem 0 1.75rem 0; border-left: 4px solid #C8222A; } .tje-hero-quote p { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: 1.35rem; line-height: 1.3; font-weight: 500; font-style: italic; color: #0f0f0f; letter-spacing: -0.01em; } .tje-hero-quote .quote-accent { color: #C8222A; font-style: italic; font-weight: 700; } /* Show the line break only on mobile */ .tje-mobile-break { display: none; } @media (max-width: 48rem) { .tje-mobile-break { display: inline; } } .tje-divider { border: none; border-top: 1px solid #ece9e3; margin: 1.75rem 0; height: 0; } .tje-badges { display: flex; flex-wrap: wrap; gap: 0.4rem 1.1rem; margin-bottom: 1.5rem; } .tje-badge { font-size: 0.7rem; font-weight: 600; color: #0d111d; padding: 0.35rem 0 0.1rem 0; border-top: 2px solid #B01C23; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; } .tje-badge-sep { display: none; } .tje-badge-dark {} .tje-highlights { list-style: none; padding: 0; margin: 0 0 0.5rem 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; } @media (max-width: 48rem) { .tje-highlights { grid-template-columns: 1fr; } } .tje-highlights li { font-size: 0.95rem; line-height: 1.55; color: #222; padding: 1rem 1.25rem; background: #f5f5f5; border-radius: 0.5rem; border-left: 3px solid #C8222A; display: flex; align-items: center; } .tje-case-card { border: none; border-radius: 0.875rem; padding: 1.25rem 1.5rem 1.5rem; margin-bottom: 0.75rem; background: linear-gradient(160deg, #090e12 0%, #2a1408 25%, #3d1d08 50%, #5c2e0a 75%, #84490d 100%); color: #fff; } .tje-case-card .card-poster { margin: 0 0 1.3rem -0.9rem; text-align: left; font-family: "Arial Black", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; font-weight: 900; font-size: 3.7rem; line-height: 0.82; text-transform: uppercase; letter-spacing: -1px; word-spacing: -0.25em; transform: scaleX(0.95); } .tje-case-card .card-description { font-size: 0.92rem; color: #fff; line-height: 1.65; margin: 0; } .tje-warning { margin-top: 1rem; background: #FDF0E0; border: none; border-radius: 0.625rem; padding: 0.875rem 1rem; font-size: 0.82rem; color: #5C3D14; display: flex; gap: 0.625rem; align-items: flex-start; line-height: 1.55; } .tje-steps { display: flex; flex-direction: row; gap: 0.625rem; flex-wrap: nowrap; position: relative; align-items: stretch; margin-top: 0.5rem; } .tje-step { flex: 1; min-width: 0; background: #f5f5f5; border-radius: 0.875rem; padding: 2.5rem 0.875rem 1rem; text-align: center; border: none; position: relative; z-index: 1; margin: 1.125rem 0 0 0; } /* Desktop: dashed connectors between circles (not extending past first/last) */ .tje-step:not(:last-child)::after { content: ""; position: absolute; top: -1px; left: 50%; right: calc(-50% - 0.625rem); height: 2px; background: repeating-linear-gradient(to right, #C8222A 0, #C8222A 6px, transparent 6px, transparent 12px); z-index: 0; } .tje-step-num { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; background: #C8222A; color: #fff; border-radius: 50%; font-size: 0.92rem; font-weight: 800; border: 4px solid #fff; box-shadow: 0 0 0 1px rgba(200, 34, 42, 0.25); position: absolute; top: -1.125rem; left: 50%; transform: translateX(-50%); z-index: 2; } .tje-step .card-title { font-weight: 700; font-size: 0.9rem; margin: 0 0 0.375rem 0; color: #0f0f0f; display: block; } .tje-step .card-description { font-size: 0.78rem; color: #666; margin: 0; line-height: 1.5; display: block; } /* Mobile: stacked vertical with vertical dashed line */ @media (max-width: 48rem) { .tje-steps { flex-direction: column; padding-left: 2.5rem; gap: 0.75rem; } /* Hide desktop horizontal connectors on mobile */ .tje-step:not(:last-child)::after { display: none; } /* Mobile vertical line */ .tje-steps::before { content: ""; position: absolute; top: 1rem; bottom: 1rem; left: 1.125rem; width: 2px; background: repeating-linear-gradient(to bottom, #C8222A 0, #C8222A 6px, transparent 6px, transparent 12px); z-index: 0; } .tje-step { margin: 0; padding: 1rem 1.25rem; text-align: left; } .tje-step-num { top: 50%; left: -2.5rem; transform: translateY(-50%); } } .tje-editorial { background: #f5f5f5; border-radius: 0.875rem; padding: 1.25rem 1.5rem; margin: 1.5rem 0; } .tje-editorial .tje-label-small { color: #8a8a8a; letter-spacing: 0.16em; } .tje-editorial .tje-section-title { color: #0f0f0f; margin: 0 0 1rem 0; font-size: 1.1rem; line-height: 1.3; letter-spacing: -0.01em; } .tje-editorial .tje-section-title::after { background: #C8222A; } .tje-editorial .content-text { font-size: 0.9rem; line-height: 1.75; color: #444; margin: 0 0 0.75rem 0; } .tje-editorial a { color: #B01C23; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .tje-accent { color: #C8222A; font-weight: 700; } .tje-faq { background: #f5f5f5; color: #111; border-radius: 0.875rem; padding: 1.25rem 1.25rem 0.25rem; margin: 1.5rem 0; } .tje-faq-header { margin-bottom: 0.25rem; } .tje-faq .tje-section-title { color: #0f0f0f; margin: 0 0 0.625rem 0; padding-bottom: 0; } .tje-faq .tje-section-title::after { display: none; } .tje-faq-category { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .tje-faq-category:last-child { border-bottom: none; } .tje-faq-cat-summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; padding: 0.8rem 0; font-size: 0.92rem; font-weight: 700; color: #555; transition: color 0.15s ease; } .tje-faq-cat-summary::-webkit-details-marker { display: none; } .tje-faq-cat-summary::after { content: ""; flex-shrink: 0; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #555 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; background-size: 0.85rem 0.85rem; transition: transform 0.2s ease, background-color 0.15s ease; } .tje-faq-category[open] .tje-faq-cat-summary::after { transform: rotate(180deg); background-color: #888; } .tje-faq-cat-summary:hover { color: #B01C23; } .tje-faq-panel { padding: 0 0 0.5rem 0; } .tje-faq-item { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .tje-faq-item:last-child { border-bottom: none; } .tje-faq-summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; padding: 0.625rem 0; font-size: 0.86rem; font-weight: 600; color: #222; transition: color 0.15s ease; } .tje-faq-summary::-webkit-details-marker { display: none; } .tje-faq-summary::after { content: ""; flex-shrink: 0; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: #aaa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; background-size: 0.75rem 0.75rem; transition: transform 0.2s ease, background-color 0.15s ease; } .tje-faq-item[open] .tje-faq-summary::after { transform: rotate(180deg); background-color: #c0c0c0; } .tje-faq-summary:hover { color: #B01C23; } .tje-faq-content { padding: 0.15rem 2rem 0.75rem 0; font-size: 0.82rem; line-height: 1.6; color: #555; } .tje-faq-content p { margin: 0 0 0.5rem 0; } .tje-faq-content p:last-child { margin-bottom: 0; } .tje-faq-content ul { margin: 0.25rem 0 0.5rem 1rem; padding: 0; } .tje-faq-content li { margin-bottom: 0.2rem; } .tje-faq-content strong { color: #0f0f0f; } .tje-faq-content a { color: #B01C23; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .tje-info-grid { display: grid; gap: 0.5rem; grid-template-columns: repeat(2, 1fr); } .tje-info-card { border: 1px solid #e0e0e0; border-radius: 0.625rem; padding: 0.625rem 0.75rem; background: transparent; display: flex; align-items: center; gap: 0.625rem; } .tje-info-card .card-icon { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; flex-shrink: 0; background: #f0f0f0; border-radius: 50%; font-size: 0.92rem; line-height: 1; } .tje-info-card .card-content { display: block; min-width: 0; } .tje-info-card .card-label { font-size: 0.78rem; font-weight: 700; color: #111; display: block; margin: 0; line-height: 1.4; } .tje-info-card .card-title { font-size: 0.78rem; font-weight: 400; color: #444; margin: 0; display: block; line-height: 1.4; } .tje-info-card .card-description { font-size: 0.68rem; color: #777; margin: 0.1rem 0 0 0; line-height: 1.35; display: block; } .tje-info-card a { color: #B01C23; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .tje-map { max-width: 280px; margin: 0 auto; } .tje-map-frame { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.25rem 0; } .tje-map-stage { align-self: center; width: 60%; background: #E5E5E5; color: #333; text-align: center; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.15em; padding: 0.625rem 0; border-radius: 0.375rem; } .tje-map-zone { position: relative; border-radius: 0.375rem; padding: 0.75rem 0.875rem; text-align: center; min-height: 3.75rem; /* default — always overridden by inline style when skill generates */ display: flex; align-items: center; justify-content: center; } .tje-map-zone-a { background: #D67781; } .tje-map-zone-b { background: #6B95C9; } .tje-map-zone-c { background: #82B274; } .tje-map-zone-letter { color: #fff; font-weight: 700; font-size: 1.75rem; line-height: 1; } .tje-map-zone-tag { position: absolute; top: 0.4rem; right: 0.55rem; color: #fff; font-size: 0.55rem; font-weight: 600; letter-spacing: 0.02em; line-height: 1; } .tje-map-entrance { text-align: center; font-size: 0.65rem; font-weight: 600; letter-spacing: 0.1em; color: #888; margin-top: 0.25rem; } .tje-map-caption { text-align: center; font-size: 0.92rem; font-weight: 700; color: #0f0f0f; margin: 0 0 0.625rem 0; letter-spacing: -0.005em; } .tje-tags { margin: 0.75rem 0 0.5rem 0; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #999; text-align: center; } @media (max-width: 30rem) { .tje-case-card .card-poster { font-size: 2.3rem; } } ⚖️ Theater erleben |

️ Abstimmen |

️ Löse den Fall ⭐ Du wurdest als Geschworene:r einberufen. Tauche ein in ein spannendes Gerichtsdrama, bei dem das Publikum auf der Geschworenenbank sitzt. Höre dir Zeugenaussagen an, werte Beweise aus und entscheide schließlich: schuldig oder nicht schuldig? Das ist kein Theaterstück.  Hier waltet Gerechtigkeit. Der 20-Millionen Dollar-Raub Die 20-Millionen-Dollar-Halskette von Superstar Lana Tonneti ist verschwunden – und ihr ehemaliger Chauffeur steht nun wegen des Diebstahls vor Gericht. Doch die Zeugenaussagen widersprechen sich, die Zeitangaben passen nicht zusammen, und Lana selbst erzählt möglicherweise nicht die ganze Geschichte. Wer ist hier wirklich schuldig?

️‍♂️ Zeugenaussagen genau unter die Lupe nehmen, Beweise analysieren und jedes Argument abwägen