ANDJ/Steuerungstechnik
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Praxisbeispiel Hebekran komplett entfernt inkl. Nav-Link

Browse Source 
Made-with: Cursor
This commit is contained in:
root
2026-04-20 20:59:31 +00:00
parent 8b4a0077fe
commit 2efdd9c223
1 changed files with 0 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
index.html
View File

@@ -326,7 +326,6 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:
<li><a href="#ab5">Aufbau</a></li>
<li><a href="#ab6">Funktion</a></li>
<li><a href="#ab7">Sicherheit</a></li>
<li><a href="#ab8">Praxis</a></li>
<li><a href="#quiz">Quiz</a></li>
</ul>
</div>
@@ -598,66 +597,6 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:
</div>
</section>
<!-- AB 8: Praxis -->
<section id="ab8" class="section reveal alt-bg">
<h2 class="section-head">Praxisbeispiel: Hebekran</h2>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin-bottom:2rem">
<figure class="figure" style="margin:0">
<img loading="lazy"
src="hebekran.jpg"
alt="Industrieller Portalkran"
onerror="this.style.display='none'"
style="border-radius:14px;border:2px solid var(--border);width:100%">
</figure>
<div>
<p style="font-size:1.05rem;color:#374151;margin:0 0 1.25rem">Ein Hebekran wird über Schütze gesteuert. Die Betriebsmittel bilden zusammen die Steuerung des Antriebsmotors.</p>
<div style="display:flex;flex-direction:column;gap:.6rem">
<div style="display:flex;align-items:center;gap:.85rem;background:#fff;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;padding:.75rem 1rem">
<span style="font-family:'Share Tech Mono',monospace;font-weight:700;color:var(--accent);font-size:1rem;min-width:2.5rem">Q1</span>
<span style="font-size:.93rem;color:var(--text)">Hauptschalter</span>
</div>
<div style="display:flex;align-items:center;gap:.85rem;background:#fff;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;padding:.75rem 1rem">
<span style="font-family:'Share Tech Mono',monospace;font-weight:700;color:var(--accent);font-size:1rem;min-width:2.5rem">S1</span>
<span style="font-size:.93rem;color:var(--text)">Schlüsselschalter</span>
</div>
<div style="display:flex;align-items:center;gap:.85rem;background:#fff;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;padding:.75rem 1rem">
<span style="font-family:'Share Tech Mono',monospace;font-weight:700;color:var(--accent);font-size:1rem;min-width:2.5rem">S2</span>
<span style="font-size:.93rem;color:var(--text)">Taster AUF</span>
</div>
<div style="display:flex;align-items:center;gap:.85rem;background:#fff;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;padding:.75rem 1rem">
<span style="font-family:'Share Tech Mono',monospace;font-weight:700;color:var(--accent);font-size:1rem;min-width:2.5rem">S3</span>
<span style="font-size:.93rem;color:var(--text)">Taster AB</span>
</div>
<div style="display:flex;align-items:center;gap:.85rem;background:#fff;border:2px solid var(--danger);border-left:4px solid var(--danger);border-radius:10px;padding:.75rem 1rem">
<span style="font-family:'Share Tech Mono',monospace;font-weight:700;color:var(--danger);font-size:1rem;min-width:2.5rem">S0</span>
<span style="font-size:.93rem;color:var(--text);font-weight:600">NOT-HALT</span>
</div>
</div>
</div>
</div>
<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-top:.5rem">
<div style="background:#fff;border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:12px;padding:1.1rem;text-align:center">
<div style="font-family:'Outfit',sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.4rem">Steuerspannung</div>
<div style="font-family:'Outfit',sans-serif;font-weight:800;font-size:1.4rem;color:var(--accent)">DC 24V</div>
</div>
<div style="background:#fff;border:1px solid var(--border);border-top:3px solid var(--amber);border-radius:12px;padding:1.1rem;text-align:center">
<div style="font-family:'Outfit',sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.4rem">Gebrauchskategorie</div>
<div style="font-family:'Outfit',sans-serif;font-weight:800;font-size:1.4rem;color:var(--amber)">AC-4</div>
</div>
<div style="background:#fff;border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:12px;padding:1.1rem;text-align:center">
<div style="font-family:'Outfit',sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.4rem">Betrieb</div>
<div style="font-family:'Outfit',sans-serif;font-weight:800;font-size:1.4rem;color:var(--accent)">Tippbetrieb</div>
</div>
</div>
<style>
@media(max-width:900px){#ab8 .praxis-grid{grid-template-columns:1fr !important}}
@media(max-width:900px){#ab8 .praxis-stats{grid-template-columns:1fr 1fr !important}}
@media(max-width:520px){#ab8 .praxis-stats{grid-template-columns:1fr !important}}
</style>
</section>
<!-- QUIZ -->
<section id="quiz" class="section reveal alt-bg">