/* Folienspezifische Gestaltung · Präsentation 01 „Grundlagen der KI“ */

/* 05 Anbieter */
.prov-grid{gap:16px}
.prov{padding:20px 24px}
.prov-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.prov-top h3{margin:0;font-size:32px}
.prov-app{margin-top:10px!important;font:600 20px/1.3 var(--body)!important;color:var(--gold-pale)!important}
.prov-model{margin-top:4px!important;font:400 17px/1.4 var(--body)!important;color:var(--muted)!important}

/* 07 Begriffe */
.term{padding:22px 22px}
.term .icon{width:54px;height:54px;margin-bottom:10px}
.term h3{font-size:28px;margin-bottom:8px}
.term p{font-size:17px}

/* 09 Prompt-Bausteine */
.pblock{padding:20px 22px}
.pblock .icon{width:56px;height:56px}
.pnum{display:block;font:700 13px/1 var(--body);letter-spacing:.2em;color:var(--teal);margin-bottom:6px}
.pblock h3{font-size:30px;margin:0 0 4px}
.pq{font:400 17px/1.4 var(--body)!important;color:var(--muted)!important}
.pex{margin-top:14px!important;padding:12px 14px;border-radius:12px;background:rgba(201,146,64,.08);border:1px solid var(--line-dim);font:500 17px/1.4 var(--body)!important;color:var(--gold-pale)!important}

/* 10 Vorher/Nachher */
.prompt-box{margin-top:18px!important;padding:18px 20px;border-radius:14px;background:rgba(0,0,0,.45);border:1px solid var(--line-dim);font:400 20px/1.55 'Roboto Mono',ui-monospace,monospace!important;color:var(--ink)!important}

/* 12 Projekte */
.step{padding:24px 24px}
.step .pnum{position:absolute;right:22px;top:22px;font-size:15px;color:var(--gold-light)}
.step h3{font-size:28px}
.step p{font-size:17px}

/* 13 RAG-Ablauf mit Lichtimpuls */
.rag{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px;margin-top:40px;max-width:1240px}
.rag-node{position:relative;z-index:2;padding:22px 22px;text-align:left;animation:rag-hot 8s infinite;animation-delay:calc(var(--i) * 2s)}
.rag-node .icon{width:58px;height:58px;margin-bottom:10px}
.rag-node h3{font-size:30px;margin-bottom:6px}
.rag-node p{font:400 17px/1.4 var(--body);color:var(--muted)}
.rag-wire{position:absolute;z-index:1;left:4%;right:4%;top:50%;width:92%;height:20px;transform:translateY(-50%)}
.rag-wire line{stroke:rgba(18,197,188,.35);stroke-width:2;stroke-dasharray:6 8}
.rag-spark{position:absolute;z-index:3;top:50%;left:4%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#fff3d6;box-shadow:0 0 10px var(--gold-light),0 0 24px var(--teal);animation:rag-run 8s linear infinite}
@keyframes rag-run{0%{left:4%;opacity:0}5%{opacity:1}90%{opacity:1}100%{left:95%;opacity:0}}
@keyframes rag-hot{0%,22%,100%{border-color:var(--line);box-shadow:inset 0 1px 0 rgba(255,231,188,.08),0 14px 34px rgba(0,0,0,.35)}6%,16%{border-color:var(--teal);box-shadow:inset 0 0 24px rgba(18,197,188,.12),0 0 26px rgba(18,197,188,.25)}}

/* 17 Vibe-Coding-Schritte */
.vsteps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;max-width:1300px}
.vstep{position:relative;padding:18px 14px 20px;border:1px solid var(--line);border-radius:16px;background:var(--glass);min-height:150px}
.vstep b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--gold);color:var(--gold-light);font:700 20px/1 var(--head);margin-bottom:16px}
.vstep span{display:block;font:700 22px/1.15 var(--head);text-transform:uppercase}
.vstep.hot{border-color:rgba(18,197,188,.55);box-shadow:inset 0 0 22px rgba(18,197,188,.1)}
.vstep.hot b{border-color:var(--teal);color:var(--teal);box-shadow:0 0 12px rgba(18,197,188,.4)}

/* 19 Rangfolge */
.rank .bar-row.big{grid-template-columns:270px 1fr 74px}
.rank .bar-row span{font-size:18px}

/* 22 AI-Plakette */
.ai-badge{flex:none;display:grid;place-items:center;width:58px;height:44px;border-radius:8px;background:#fff;color:#000;font:800 18px/1 var(--body)}

/* 23 Hausaufgaben */
.homework{margin:16px 0 0;padding-left:28px}
.homework li{margin:14px 0;font:400 21px/1.45 var(--body);color:var(--muted)}
.homework li::marker{color:var(--teal);font-weight:700}
.homework b{color:var(--ink)}

/* 04 kompakter */
.llm-grid .card{padding:20px 24px}
.llm-grid .card p{font-size:18px}
/* 09 kompakter */
.pblock{padding:16px 20px}
.pex{margin-top:10px!important}
/* 22 kompakter */
.tr-grid .card{padding:20px 22px}
.tr-grid .card .icon{width:50px;height:50px;margin-bottom:10px}
.tr-grid .card h3{font-size:27px;margin-bottom:6px}
.tr-grid .card p{font-size:17px}