/* Assistenten-Reise: das Blatt jeder Station ist seit 1g (Owner, 17.09.2026) echtes HTML.
   Links Bild und Text, rechts der Chat bzw. die Notiz; Bilder bleiben Bilder, Text ist Text.
   Die Lesung (kai-reading.js) legt das Blatt in ein Fenster (.kkr-window) und bewegt nur
   .kkr-plane (transform) und .kkr-backdrop (transform, opacity). Abgeloest (Fassung 1e):
   Rasterblatt 16:9 mit Kamerafahrt, kleinste Schrift im Fokus 8 px / 8,8 px. */
#zusammenspiel .kkr-enabled .reise-blatt{position:relative;width:100%;margin:0;display:block}
#zusammenspiel .kkr-enabled .kkr-window{position:relative;width:100%;overflow:visible;background:transparent}
#zusammenspiel .kkr-enabled .kkr-backdrop{position:absolute;left:0;top:0;transform-origin:0 0;background:#f3f0e8;opacity:0;pointer-events:none;will-change:transform,opacity;z-index:0}
#zusammenspiel .kkr-enabled .kkr-plane{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;z-index:1;background:#f3f0e8}
#zusammenspiel .kkr-enabled .reise-blatt-seiten{display:flex;align-items:stretch}
#zusammenspiel .kkr-enabled .reise-blatt-links,#zusammenspiel .kkr-enabled .reise-blatt-rechts{box-sizing:border-box;flex:0 0 auto;display:flex;flex-direction:column;min-width:0;padding:16px 26px;color:#191d1a}
/* linke Haelfte */
#zusammenspiel .kkr-enabled .reise-kennzeile,#zusammenspiel .kkr-enabled .reise-kai{font:600 12px/1.4 var(--era-sans);letter-spacing:.13em;text-transform:uppercase;color:#425b40;margin:0 0 10px}
#zusammenspiel .kkr-enabled .reise-titel{font:400 34px/1.06 var(--era-serif);letter-spacing:-.02em;color:#191d1a;margin:0 0 16px;text-wrap:balance}
#zusammenspiel .kkr-enabled .reise-titel .kai-channel-logo{display:inline-block;vertical-align:-3px;margin-inline-start:4px;width:22px!important;height:22px!important}
#zusammenspiel .kkr-enabled .reise-foto{flex:1 1 auto;min-height:0;margin:0 0 12px}
#zusammenspiel .kkr-enabled .reise-foto img{display:block;height:100%!important;max-height:100%;width:auto!important;max-width:100%;object-fit:contain!important;object-position:left top;aspect-ratio:auto!important;position:static!important;transform:none!important;opacity:1!important}
#zusammenspiel .kkr-enabled .reise-kai{margin-bottom:8px}
#zusammenspiel .kkr-enabled .reise-satz{font:400 20px/1.35 var(--era-sans);color:#244533;margin:0 0 10px}
#zusammenspiel .kkr-enabled .reise-erklaerung{font:400 16px/1.45 var(--era-sans);color:#3b543e;margin:0 0 12px}
#zusammenspiel .kkr-enabled .reise-ergebnis{font:400 16px/1.45 var(--era-sans);color:#304a37;margin:0;padding-top:10px;border-top:1px solid #adbeaa}
/* rechte Haelfte: die Chatflaeche traegt die Stile des Dialogs (kai-detail.css), hier nur dichter gesetzt */
#zusammenspiel .kkr-enabled .reise-blatt-rechts{justify-content:flex-start}
/* Kuerzere Chats und die Notiz stehen mittig in der Haelfte; ist der Inhalt hoeher als die Seite, werden die Auto-Raender 0 und er steht oben (Kamerafahrt schmal). */
#zusammenspiel .kkr-enabled .reise-blatt-rechts>.surface{flex:0 0 auto;box-shadow:0 1px 2px #1b2e2612;margin-top:auto}
#zusammenspiel .kkr-enabled .reise-fuss{font:400 var(--type-fussnote,15px)/1.4 var(--era-sans);color:#3b543e;margin:8px 0 auto}
/* Absendername nur fuer Screenreader: ohne 1-px-Beschnitt (Design-Blick wertete das als abgeschnittenen Text), eigene Groesse, unsichtbar. */
#zusammenspiel .kkr-enabled .reise-blatt-rechts .chat-label{position:absolute;left:0;top:0;width:auto;height:auto;margin:0;opacity:0;pointer-events:none;white-space:nowrap;font-size:12px;line-height:1}
/* Blase als Flex-Zeile: Text und Zeit stehen in der Padding-Box, die Zeit rueckt bei Platz in die letzte Zeile,
   sonst rechts darunter. Kein Float (Design-Blick 17.09.2026: gefloatete Zeit hing 20 px unter die Blase). */
#zusammenspiel .kkr-enabled .reise-blatt-rechts .bubble{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:10px;padding:7px 12px;line-height:1.4}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .bubble .message-text{display:block;flex:1 1 auto;min-width:0}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .bubble .meta-time{display:block;flex:0 0 auto;float:none;margin:2px 0 0 auto;line-height:1.2}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .messages{gap:8px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .ui-header{padding:9px 16px;gap:10px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .ui-subtitle{margin-top:2px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .body{padding:12px 16px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .ui-footer{padding:8px 16px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .website-banner{padding-bottom:9px;margin-bottom:12px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .website-banner strong{margin-bottom:2px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .mini-button{margin-top:8px;padding:8px 14px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .date{margin-bottom:10px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .composer{padding:10px 14px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .input{padding:8px 14px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .ui-heading{margin-bottom:8px;font-size:21px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .status{padding:7px 12px;margin-bottom:10px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .fields{gap:6px 20px;margin:0 0 10px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .field{padding-bottom:3px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts dt{margin-bottom:0}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .quote{margin-bottom:12px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .next{padding:8px 14px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .next strong{margin-bottom:4px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .next ul{margin-top:4px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .next li+li{margin-top:3px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .pipeline{gap:6px;margin-bottom:10px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .pipeline span{padding:7px 8px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .timeline{gap:12px;margin:8px 0 10px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .timeline strong{margin-bottom:2px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .source{padding:9px 14px;margin-top:8px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .source strong{margin-bottom:4px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .knowledge-question{padding:10px 14px;margin-bottom:12px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .answer ul{margin:8px 0 12px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .answer li+li{margin-top:4px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .community{margin-top:14px;padding-top:12px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .community strong{margin-bottom:6px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .community p+p{margin-top:6px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .telegram-message{padding:10px 14px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .telegram-message .sender{margin-bottom:5px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .telegram-message h3{margin:0 0 6px;font-size:21px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .telegram-message .fields{margin-top:8px}
#zusammenspiel .kkr-enabled .reise-blatt-rechts .telegram-message .meta-time{margin-top:4px}
#zusammenspiel .kkr-enabled .reise-abschluss{background:#fff;border:1px solid #dce4dc;border-radius:8px;padding:9px 12px;font-size:15px;line-height:1.45;color:#3b543e;margin-bottom:10px}
#zusammenspiel .kkr-enabled .reise-abschluss strong{display:block;color:#203b31;margin-bottom:2px}
#zusammenspiel .kkr-enabled .reise-grenze{color:#3f6b58;font-size:15px}
#zusammenspiel .kkr-enabled .reise-notiz .body dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;margin:0}
#zusammenspiel .kkr-enabled .reise-notiz .body dl>div{margin:0;padding-bottom:8px;border-bottom:1px solid #e1e7df}
#zusammenspiel .kkr-enabled .reise-notiz .body dt{font-size:15px;color:#52665d;margin-bottom:3px}
#zusammenspiel .kkr-enabled .reise-notiz .body dd{font-size:16px;font-weight:500;margin:0;line-height:1.45}
#zusammenspiel .kkr-enabled .reise-blatt figcaption{font:400 var(--type-fussnote,15px)/1.5 var(--era-sans);color:#3b543e;margin:8px 0 0;opacity:1!important}
/* Ohne waagerechte Reise (Bewegung reduziert, Schiene, Bewegung aus): beide Haelften untereinander, statisch. */
#zusammenspiel .kkr-static .kkr-window{height:auto!important}
#zusammenspiel .kkr-static .kkr-backdrop{display:none}
#zusammenspiel .kkr-static .kkr-plane{position:static;transform:none!important;width:auto!important;height:auto!important;background:transparent;will-change:auto}
#zusammenspiel .kkr-static .reise-blatt-seiten{flex-direction:column;gap:18px;width:auto!important;height:auto!important}
#zusammenspiel .kkr-static .reise-blatt-links,#zusammenspiel .kkr-static .reise-blatt-rechts{width:auto!important;height:auto!important;padding:0}
#zusammenspiel .kkr-static .reise-blatt-rechts>.surface,#zusammenspiel .kkr-static .reise-fuss{margin-top:0;margin-bottom:0}
#zusammenspiel .kkr-static .reise-foto{flex:none}
#zusammenspiel .kkr-static .reise-foto img{height:auto!important;width:100%!important;max-height:none;max-width:520px}
#zusammenspiel .kkr-static .reise-titel{font-size:28px}
@media(max-width:700px){
 #zusammenspiel .kkr-enabled .story-station:has(>.kai-station-copy){justify-content:flex-start!important;gap:8px!important}
 #zusammenspiel .kkr-enabled .kai-station-visual{display:block!important;position:relative!important;left:auto!important;top:auto!important;width:100%!important;opacity:1!important;pointer-events:auto!important}
 #zusammenspiel .kkr-enabled .story-station>.kai-mobile-label{display:none!important}
 /* Schmal: keine Verkleinerung, zwei Seiten des Blatts in voller Kastenbreite; Schrift steht bereits in Lesegroesse. */
 #zusammenspiel .kkr-mobile .reise-blatt figcaption{display:none}
 #zusammenspiel .kkr-enabled .reise-blatt-links,#zusammenspiel .kkr-enabled .reise-blatt-rechts{padding:16px 18px}
 #zusammenspiel .kkr-enabled .reise-titel{font-size:26px;margin-bottom:10px}
 #zusammenspiel .kkr-enabled .reise-kennzeile{margin-bottom:8px}
 #zusammenspiel .kkr-enabled .reise-foto{margin-bottom:8px}
 #zusammenspiel .kkr-enabled .reise-satz{font-size:18px;margin-bottom:8px}
 #zusammenspiel .kkr-enabled .reise-erklaerung{margin-bottom:8px}
 #zusammenspiel .kkr-enabled .reise-ergebnis{padding-top:8px}
 #zusammenspiel .kkr-enabled .reise-blatt-rechts .ui-header{padding:9px 12px}
 #zusammenspiel .kkr-enabled .reise-blatt-rechts .body{padding:10px 12px}
 #zusammenspiel .kkr-enabled .reise-blatt-rechts .ui-footer{padding:8px 12px}
 #zusammenspiel .kkr-enabled .reise-blatt-rechts .bubble{max-width:94%;padding:7px 10px}
 #zusammenspiel .kkr-enabled .reise-blatt-rechts .messages{gap:6px}
 #zusammenspiel .kkr-enabled .reise-blatt-rechts .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
 #zusammenspiel .kkr-enabled .reise-blatt-rechts .call-row{grid-template-columns:minmax(0,1fr);gap:3px}
 #zusammenspiel .kkr-enabled .reise-blatt-rechts .timeline{gap:8px}
 #zusammenspiel .kkr-enabled .reise-blatt-rechts .timeline p{flex:1 1 100%}
 #zusammenspiel .kkr-enabled .reise-notiz .body dl{gap:10px 14px}
 #zusammenspiel .kkr-static .reise-foto img{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 #zusammenspiel .kkr-enabled .kkr-plane,#zusammenspiel .kkr-enabled .kkr-backdrop{will-change:auto}
}