
:root{--bg:var(--lb-bg-06);--fg:var(--lb-text-50);--muted:var(--lb-text-17);--c:var(--lb-accent-50);--line:var(--lb-line-11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body.experience{margin:0;background:var(--bg);color:var(--fg);font-family:var(--lb-font-text)}body.experience button,body.experience a{font-family:inherit}a{color:inherit}.ex-header{position:relative;z-index:10;height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,5vw,90px);border-bottom:1px solid var(--lb-line-02);background:rgb(var(--lb-bg-09-rgb) / .73);backdrop-filter:blur(18px)}.ex-brand{display:flex;align-items:center;gap:14px;text-decoration:none}.ex-brand img{width:48px;height:48px;object-fit:contain}.ex-brand strong{display:block;font-family:var(--lb-font-label);letter-spacing:-.04em;font-size:calc(20px * var(--lb-fs))}.ex-brand strong span{font-weight:400}.ex-brand small{font-size:calc(9px * var(--lb-fs));color:var(--c);letter-spacing:.22em}.ex-nav{display:flex;align-items:center;gap:clamp(12px,2vw,32px);font-size:calc(12px * var(--lb-fs))}.ex-nav a{text-decoration:none;color:var(--lb-text-30);transition:color .2s}.ex-nav a:hover,.ex-nav a:focus-visible{color:var(--c)}.ex-nav a:last-child{border:1px solid var(--lb-line-19);padding:12px 16px;border-radius:999px}.ex-hero{position:relative;padding:clamp(60px,8vw,115px) clamp(20px,7vw,110px) 20px;background:radial-gradient(ellipse at 78% 38%,rgb(var(--lb-bg-50-rgb) / .44),transparent 62%)}.ex-eyebrow{font-size:calc(11px * var(--lb-fs));color:var(--lb-accent-53);letter-spacing:.23em;font-weight:700}.ex-hero h1{max-width:1050px;font:800 calc(clamp(40px,5.9vw,84px) * var(--lb-fs))/1.12 var(--lb-font-label);letter-spacing:-.07em;margin:22px 0}.ex-hero h1 span,.ex-headline span{color:var(--c)}.ex-hero p{max-width:710px;color:var(--lb-text-31);line-height:1.8;font-size:calc(clamp(15px,1.35vw,18px) * var(--lb-fs))}.ex-feature{padding:20px clamp(20px,7vw,110px) 100px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,rgb(var(--lb-bg-38-rgb) / .66) 0,var(--lb-bg-15) 65%,var(--lb-bg-06))}.ex-feature:before{content:'';position:absolute;inset:0;opacity:.16;background-image:linear-gradient(var(--lb-bg-67) 1px,transparent 1px),linear-gradient(90deg,var(--lb-bg-67) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at center,var(--lb-black),transparent 77%)}.ex-network{position:relative;width:min(100%,940px);aspect-ratio:1.72;margin:10px auto 10px;isolation:isolate}.ex-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ex-wires line{stroke:var(--lb-accent-24);stroke-width:1.15;stroke-dasharray:4 7;animation:flow 15s linear infinite}.ex-wires .focus{stroke:var(--lb-accent-55);stroke-width:2.4;filter:drop-shadow(0 0 6px var(--lb-accent-41))}.ex-wires circle{fill:none;stroke:var(--lb-accent-13);opacity:.38;stroke-width:1;stroke-dasharray:3 10;transform-origin:50% 50%;animation:rotate 100s linear infinite}.ex-node{position:absolute;transform:translate(-50%,-50%);width:clamp(76px,11%,118px);aspect-ratio:1;border-radius:50%;border:1px solid var(--lb-accent-25);background:radial-gradient(circle at 40% 27%,var(--lb-bg-60),var(--lb-bg-21) 70%);box-shadow:inset 0 0 27px var(--lb-bg-59),0 0 26px rgb(var(--lb-accent-31-rgb) / .13);color:var(--lb-text-53);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-decoration:none;text-align:center;padding:8px;cursor:pointer;transition:transform .4s,box-shadow .4s,border-color .4s;animation:float 6s ease-in-out infinite;z-index:2}.ex-node:before{content:'';position:absolute;inset:-9px;border-radius:50%;border:1px dashed rgb(var(--lb-accent-33-rgb) / .35);animation:rotate 28s linear infinite;pointer-events:none}.ex-node:after{content:'';position:absolute;inset:3px;border-radius:50%;border:1px solid rgb(var(--lb-accent-37-rgb) / .24);pointer-events:none}.ex-node:hover,.ex-node:focus-visible,.ex-node.is-target{transform:translate(-50%,-50%) scale(1.12);border-color:var(--lb-accent-73);box-shadow:0 0 35px rgb(var(--lb-accent-40-rgb) / .4),inset 0 0 36px var(--lb-accent-11);outline:none}.ex-node strong{font:700 calc(clamp(10px,1.25vw,14px) * var(--lb-fs)) var(--lb-font-label);letter-spacing:-.04em}.ex-node em{font-size:calc(clamp(7px,.8vw,10px) * var(--lb-fs));font-style:normal;color:var(--lb-accent-75)}.ex-node.center{width:clamp(120px,19%,182px);background:radial-gradient(circle,var(--lb-bg-55),var(--lb-bg-14) 80%);border-width:2px;animation-duration:9s}.ex-node.center img{width:36%;height:35%;object-fit:contain}.ex-node.center strong{font-size:calc(clamp(20px,3vw,33px) * var(--lb-fs))}.ex-node.center em{font-size:calc(9px * var(--lb-fs))}.ex-node[data-id=ki]{left:50%;top:9%}.ex-node[data-id=software]{left:81%;top:29%;animation-delay:-1s}.ex-node[data-id=prozesse]{left:81%;top:72%;animation-delay:-2s}.ex-node[data-id=fim]{left:50%;top:92%;animation-delay:-3s}.ex-node[data-id=public-sector]{left:19%;top:72%;animation-delay:-4s}.ex-node[data-id=architektur]{left:19%;top:29%;animation-delay:-2s}.ex-node[data-id=lb]{left:50%;top:50%}.ex-instruction{text-align:center;color:var(--lb-text-13);font-size:calc(13px * var(--lb-fs));position:relative;line-height:1.7;margin:35px 0 0}.ex-instruction span{color:var(--lb-accent-60)}.ex-robot{position:fixed;bottom:30px;right:35px;z-index:40;touch-action:none;cursor:grab;width:90px;height:105px;filter:drop-shadow(0 14px 25px rgb(var(--lb-accent-35-rgb) / .24));user-select:none;transition:filter .25s}.ex-robot.dragging{cursor:grabbing;filter:drop-shadow(0 0 32px var(--lb-accent-63));transition:none}.ex-robot svg{width:100%;height:100%;animation:robotFloat 4s ease-in-out infinite}.ex-robot.dragging svg{animation:none}.robot-label{position:absolute;right:88px;top:31px;white-space:nowrap;background:var(--lb-bg-45);color:var(--lb-text-47);border:1px solid var(--lb-accent-12);border-radius:999px;padding:9px 14px;font-size:calc(12px * var(--lb-fs));pointer-events:none}.ex-robot:focus-visible{outline:3px solid var(--lb-accent-76);border-radius:30px}.ex-robot:hover .robot-label{background:var(--lb-bg-61)}.ex-robot-placeholder{position:fixed;bottom:20px;right:40px;z-index:39}.ex-strip{padding:100px clamp(20px,7vw,110px);border-top:1px solid var(--lb-line-05);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.ex-headline{font:700 calc(clamp(34px,4.2vw,63px) * var(--lb-fs))/1.15 var(--lb-font-label);letter-spacing:-.06em}.ex-strip p{color:var(--lb-text-19);line-height:1.8;font-size:calc(16px * var(--lb-fs))}.ex-footer{padding:32px clamp(20px,7vw,110px);display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid var(--lb-line-03);color:var(--lb-text-14);font-size:calc(12px * var(--lb-fs))}.ex-footer a{margin-right:22px;text-decoration:none}.ex-footer a:hover{color:var(--c)}.ex-return{display:inline-flex;align-items:center;gap:14px;margin:36px 0 0 clamp(20px,7vw,110px);text-decoration:none;color:var(--lb-text-44);font-size:calc(13px * var(--lb-fs))}.ex-return .arrow{width:45px;height:45px;border:1px solid var(--lb-accent-19);border-radius:50%;display:grid;place-items:center;color:var(--c);position:relative;overflow:hidden}.ex-return .arrow:before{content:'';position:absolute;width:20px;height:60px;background:rgb(var(--lb-accent-62-rgb) / .3);filter:blur(8px);transform:translateX(65px);animation:returnSpark 1.2s ease-out .6s 1}.ex-return:hover .arrow{transform:translateX(-5px);transition:transform .25s}.ex-detail{min-height:65vh;padding:clamp(65px,8vw,120px) clamp(20px,12vw,200px);background:radial-gradient(ellipse at 75% 0,rgb(var(--lb-bg-53-rgb) / .54),transparent 55%)}.ex-detail h1{font:800 calc(clamp(46px,7vw,90px) * var(--lb-fs))/1.1 var(--lb-font-label);letter-spacing:-.065em;margin:22px 0}.ex-detail p{max-width:820px;color:var(--lb-text-29);font-size:calc(clamp(17px,1.5vw,21px) * var(--lb-fs));line-height:1.85}.ex-detail ul{padding:0;list-style:none;max-width:750px;margin-top:60px}.ex-detail li{padding:21px 0;border-top:1px solid var(--lb-line-10);font-size:calc(18px * var(--lb-fs))}.ex-detail li:before{content:'↗';color:var(--c);margin-right:20px}.ex-detail .empty{font-size:calc(17px * var(--lb-fs));color:var(--lb-text-10)}.ex-overlay[hidden]{display:none!important}.ex-overlay{position:fixed;inset:0;z-index:100;background:rgb(var(--lb-bg-05-rgb) / .85);backdrop-filter:blur(13px);display:grid;place-items:center;padding:20px}.reader{--readbg:var(--lb-bg-18);--readfg:var(--lb-text-49);--readmuted:var(--lb-text-25);background:var(--readbg);color:var(--readfg);width:min(100%,880px);max-height:min(90vh,830px);overflow:auto;border:1px solid var(--lb-line-15);border-radius:21px;box-shadow:0 30px 100px rgb(var(--lb-black-rgb) / .6);padding:clamp(24px,5vw,54px);position:relative}.reader.light{--readbg:white;--readfg:#101010;--readmuted:#242424;border-color:#555}.reader button{cursor:pointer}.reader-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.reader-brand{font-size:calc(12px * var(--lb-fs));letter-spacing:.13em;color:var(--lb-accent-34)}.close-reader{background:transparent;border:1px solid var(--lb-line-27);border-radius:50%;width:40px;height:40px;color:var(--readfg);font-size:calc(24px * var(--lb-fs))}.reader-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:26px 0;margin:24px 0;border-top:1px solid rgb(var(--lb-line-21-rgb) / .38);border-bottom:1px solid rgb(var(--lb-line-21-rgb) / .38)}.reader-controls fieldset{display:flex;border:0;align-items:center;gap:8px;padding:0;margin:0}.reader-controls legend{font-size:calc(11px * var(--lb-fs));margin-bottom:9px;color:var(--readmuted)}.reader-controls button{background:transparent;color:var(--readfg);border:1px solid var(--lb-line-24);border-radius:8px;min-width:44px;min-height:44px}.reader-controls button[aria-pressed=true]{border-color:var(--lb-accent-38);background:rgb(var(--lb-accent-26-rgb) / .15)}.reader .font-small{font-size:calc(15px * var(--lb-fs))!important}.reader .font-medium{font-size:calc(21px * var(--lb-fs))!important}.reader .font-large{font-size:calc(29px * var(--lb-fs))!important}.reader-body h2{font:800 calc(clamp(32px,4vw,51px) * var(--lb-fs))/1.15 var(--lb-font-label);letter-spacing:-.05em;margin:0 0 25px}.reader-body p{color:var(--readfg);line-height:1.75;max-width:730px}.reader-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.reader-actions button,.reader-actions a{background:var(--lb-accent-18);color:var(--lb-onaccent-05);padding:13px 19px;border:0;border-radius:999px;font-size:calc(13px * var(--lb-fs));text-decoration:none}.reader-actions button.secondary{background:transparent;border:1px solid var(--lb-line-26);color:var(--readfg)}.reader-status{min-height:20px;font-size:calc(12px * var(--lb-fs));color:var(--readmuted);margin-top:14px}.ex-skip{position:absolute;top:-100px;left:10px;background:var(--lb-bg-73);color:var(--lb-text-01);padding:10px;z-index:200}.ex-skip:focus{top:10px}@keyframes float{50%{translate:0 -5px}}@keyframes robotFloat{50%{transform:translateY(-9px)}}@keyframes rotate{to{rotate:360deg}}@keyframes flow{to{stroke-dashoffset:-100}}@keyframes returnSpark{to{transform:translateX(-75px)}}@media(max-width:740px){.ex-header{height:75px}.ex-nav a:not(:last-child){display:none}.ex-nav a:last-child{font-size:calc(11px * var(--lb-fs));padding:9px}.ex-network{aspect-ratio:.98;margin:50px auto}.ex-node{width:22%;min-width:63px}.ex-node.center{width:27%}.ex-node strong{font-size:calc(9px * var(--lb-fs))}.ex-node em{display:none}.ex-node:before{inset:-5px}.ex-node[data-id=ki]{top:9%}.ex-node[data-id=fim]{top:91%}.ex-node[data-id=software],.ex-node[data-id=architektur]{top:29%}.ex-node[data-id=prozesse],.ex-node[data-id=public-sector]{top:71%}.ex-robot{width:65px;height:83px;right:12px;bottom:12px}.robot-label{display:none}.ex-strip{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px}.reader{max-height:94vh}.reader-controls{align-items:flex-start}.reader .font-large{font-size:calc(25px * var(--lb-fs))!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.reader-topic-picker{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}.reader-topic-picker label{font-size:calc(12px * var(--lb-fs));color:var(--readmuted)}.reader-topic-picker select{padding:10px;background:var(--readbg);color:var(--readfg);border:1px solid var(--lb-line-22);border-radius:8px;min-width:160px}

/* Zwei eigenständige KI-Persönlichkeiten ohne Kachellayout */
.ex-orb{right:155px;bottom:36px;width:76px;height:82px;display:grid;place-items:center;filter:drop-shadow(0 0 17px rgb(var(--lb-accent-28-rgb) / .54))}
.ex-orb .robot-label{right:73px;top:24px}.orb-shell{width:70px;height:70px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,var(--lb-accent-69),var(--lb-accent-17) 35%,var(--lb-bg-16) 69%);border:1px solid var(--lb-accent-72);box-shadow:inset -11px -11px 17px var(--lb-shadow-01),0 0 16px rgb(var(--lb-accent-51-rgb) / .5);animation:robotFloat 5s ease-in-out infinite}
.orb-shell:before,.orb-shell:after{content:'';position:absolute;inset:-8px;border:1px solid rgb(var(--lb-accent-47-rgb) / .53);border-radius:50%;transform:rotate(-26deg) scaleY(.55);animation:rotate 15s linear infinite}.orb-shell:after{transform:rotate(55deg) scaleY(.72);border-style:dashed;animation-duration:22s}.orb-core{font-size:calc(30px * var(--lb-fs));color:var(--lb-text-38);text-shadow:0 0 13px var(--lb-shadow-06)}
.reader-personas{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0 10px}.reader-personas button{border:0;border-bottom:1px solid var(--lb-line-25);background:transparent;color:var(--readfg);padding:13px 2px;min-height:44px;text-align:left}.reader-personas button[aria-pressed=true]{border-bottom:2px solid var(--lb-accent-48);color:var(--lb-accent-32)}.reader.light .reader-personas button[aria-pressed=true]{color:#005c86}.reader-persona-title{font-size:calc(13px * var(--lb-fs));color:var(--readmuted);margin:10px 0}
@media(max-width:580px){.ex-orb{right:115px;bottom:18px;width:61px;height:70px}.orb-shell{width:55px;height:55px}.ex-orb .robot-label{display:none}.reader-personas{flex-direction:column;gap:2px}}

/* V3: Freigegebene Charakter-Grafiken, keine neugenerierten Figuren */
.ex-robot .libo-original{display:block;width:100%;height:100%;object-fit:contain;animation:robotFloat 4s ease-in-out infinite;filter:drop-shadow(0 12px 24px rgb(var(--lb-accent-46-rgb) / .33))}
.ex-orb .orb-shell{overflow:hidden;border:1px solid var(--lb-accent-57);background:var(--lb-bg-19);box-shadow:0 0 20px rgb(var(--lb-accent-30-rgb) / .47),0 0 46px rgb(var(--lb-accent-15-rgb) / .2)}
.ex-orb .orb-shell img{height:100%;width:100%;object-fit:cover;object-position:center}
.ex-orb .orb-core{display:none}
.ex-robot.dragging .libo-original{animation:none}
.ex-node{box-shadow:inset 0 0 34px var(--lb-shadow-04),0 0 35px rgb(var(--lb-accent-31-rgb) / .15),0 0 2px rgb(var(--lb-accent-64-rgb) / .35);backdrop-filter:blur(8px)}
.ex-node:hover,.ex-node:focus-visible{box-shadow:inset 0 0 28px var(--lb-accent-03),0 0 38px rgb(var(--lb-accent-45-rgb) / .45),0 0 70px rgb(var(--lb-accent-29-rgb) / .18)}
.ex-hero{background:radial-gradient(ellipse at 76% 50%,rgb(var(--lb-bg-57-rgb) / .5),transparent 66%),linear-gradient(140deg,var(--lb-bg-12),var(--lb-bg-23) 52%,var(--lb-bg-08))}
.ex-feature{background:radial-gradient(ellipse at 50% 50%,rgb(var(--lb-bg-56-rgb) / .56) 0,var(--lb-bg-19) 54%,var(--lb-bg-10) 100%)}
.ex-return{position:relative}
@media(prefers-reduced-motion:reduce){.ex-robot .libo-original{animation:none}}

/* LiBo: vollständige Originalfigur, korrekt freigestellt und proportioniert */
.ex-robot:not(.ex-orb){width:112px;height:156px}
.ex-robot:not(.ex-orb) .libo-original{width:100%;height:100%;object-fit:contain}
@media(max-width:740px){.ex-robot:not(.ex-orb){width:78px;height:109px}}

/* Kompetenzen: Kreise so groß wie bei den Projekten (Vorschau 140/141) */
@media(min-width:741px){
#network.ex-network{width:min(100%,1000px);margin:58px auto 52px}
#network .ex-node{width:clamp(104px,15%,150px)}
#network .ex-node.center{width:clamp(150px,22%,210px)}
}
