Zum Inhalt springen

Wiki-Quellcode von BLok

Version 418.1 von Julia Hoppe am 03.09.2026
Zeige letzte Bearbeiter
1 {{html wiki="false" clean="false"}}
2 <style>
3 * { box-sizing: border-box; }
4 .blok-page {
5 font-family: Arial, sans-serif;
6 max-width: 1200px;
7 margin: 0 auto;
8 padding: 0 16px;
9 }
10 .blok-intro {
11 background: #f0f4ff;
12 border-left: 5px solid #1a73e8;
13 border-radius: 6px;
14 padding: 18px 22px;
15 margin-bottom: 28px;
16 font-size: 0.97em;
17 color: #333;
18 line-height: 1.6;
19 }
20 .blok-intro a {
21 color: #1a73e8;
22 font-weight: 600;
23 }
24 .blok-section-title {
25 font-size: 1.4em;
26 font-weight: 700;
27 color: #222;
28 margin: 32px 0 6px 0;
29 }
30 .blok-section-sub {
31 font-size: 0.93em;
32 color: #666;
33 margin-bottom: 22px;
34 }
35 .blok-grid {
36 display: -webkit-box !important;
37 display: -ms-flexbox !important;
38 display: flex !important;
39 -ms-flex-wrap: wrap !important;
40 flex-wrap: wrap !important;
41 gap: 22px !important;
42 margin: 0 0 36px 0 !important;
43 }
44 .blok-card {
45 -webkit-box-flex: 1 !important;
46 -ms-flex: 1 1 320px !important;
47 flex: 1 1 320px !important;
48 min-width: 280px !important;
49 max-width: 100% !important;
50 border-radius: 10px !important;
51 overflow: hidden !important;
52 box-shadow: 0 3px 10px rgba(0,0,0,0.10) !important;
53 display: -webkit-box !important;
54 display: -ms-flexbox !important;
55 display: flex !important;
56 -webkit-box-orient: vertical !important;
57 -webkit-box-direction: normal !important;
58 -ms-flex-direction: column !important;
59 flex-direction: column !important;
60 background: #fff !important;
61 }
62 .blok-card-header {
63 display: -webkit-box !important;
64 display: -ms-flexbox !important;
65 display: flex !important;
66 -webkit-box-align: center !important;
67 -ms-flex-align: center !important;
68 align-items: center !important;
69 gap: 14px !important;
70 padding: 18px 20px !important;
71 color: #fff !important;
72 text-decoration: none !important;
73 cursor: pointer !important;
74 }
75 .blok-card-header:hover {
76 opacity: 0.93 !important;
77 }
78 .blok-card-header img {
79 width: 56px !important;
80 height: 56px !important;
81 object-fit: contain !important;
82 background: rgba(255,255,255,0.18) !important;
83 border-radius: 50% !important;
84 padding: 7px !important;
85 -ms-flex-negative: 0 !important;
86 flex-shrink: 0 !important;
87 }
88 .blok-role-label {
89 font-size: 0.70em !important;
90 text-transform: uppercase !important;
91 letter-spacing: 1.2px !important;
92 opacity: 0.82 !important;
93 display: block !important;
94 }
95 .blok-role-title {
96 font-size: 1.10em !important;
97 font-weight: 700 !important;
98 margin-top: 3px !important;
99 display: block !important;
100 color: #fff !important;
101 }
102 .blok-card-body {
103 padding: 16px 20px !important;
104 -webkit-box-flex: 1 !important;
105 -ms-flex: 1 !important;
106 flex: 1 !important;
107 border: 1px solid #e5e5e5 !important;
108 border-top: none !important;
109 }
110 .blok-section-label {
111 font-size: 0.70em !important;
112 text-transform: uppercase !important;
113 letter-spacing: 1px !important;
114 color: #999 !important;
115 font-weight: 700 !important;
116 margin: 16px 0 7px 0 !important;
117 padding-bottom: 4px !important;
118 border-bottom: 1px solid #f0f0f0 !important;
119 display: block !important;
120 }
121 .blok-section-label:first-child {
122 margin-top: 0 !important;
123 }
124 .blok-card-body ul {
125 list-style: none !important;
126 margin: 0 !important;
127 padding: 0 !important;
128 }
129 .blok-card-body ul li {
130 padding: 6px 0 !important;
131 border-bottom: 1px solid #f5f5f5 !important;
132 font-size: 0.90em !important;
133 line-height: 1.4 !important;
134 }
135 .blok-card-body ul li:last-child {
136 border-bottom: none !important;
137 }
138 .blok-card-body ul li a {
139 text-decoration: none !important;
140 display: -webkit-box !important;
141 display: -ms-flexbox !important;
142 display: flex !important;
143 -webkit-box-align: start !important;
144 -ms-flex-align: start !important;
145 align-items: flex-start !important;
146 gap: 7px !important;
147 /* ── Linkfarbe: einheitliches Dunkelgrau für alle Rollen ── */
148 color: #444444 !important;
149 }
150 .blok-card-body ul li a:hover {
151 text-decoration: underline !important;
152 color: #222222 !important;
153 }
154 .blok-card-body ul li a::before {
155 content: "›" !important;
156 font-weight: 700 !important;
157 font-size: 1.1em !important;
158 -ms-flex-negative: 0 !important;
159 flex-shrink: 0 !important;
160 margin-top: 0px !important;
161 /* ── Pfeilfarbe ebenfalls Dunkelgrau ── */
162 color: #444444 !important;
163 }
164 /* ── Rollenfarben: nur noch Header & Footer-Links farbig ── */
165 /* Auszubildender: #b8d936 */
166 .role-azubi .blok-card-header { background: linear-gradient(135deg,#b8d936,#8fa828) !important; }
167 .role-azubi .blok-card-footer a { color: #8fa828 !important; }
168 /* Leiter der Ausbildung: #d7364c */
169 .role-leitung .blok-card-header { background: linear-gradient(135deg,#d7364c,#a3192c) !important; }
170 .role-leitung .blok-card-footer a { color: #d7364c !important; }
171 /* Betrieblicher Ausbilder: #228888 */
172 .role-betrieb .blok-card-header { background: linear-gradient(135deg,#228888,#155555) !important; }
173 .role-betrieb .blok-card-footer a { color: #228888 !important; }
174 /* Ausbildungsbeauftragter: #228888 */
175 .role-beauftragte .blok-card-header { background: linear-gradient(135deg,#228888,#155555) !important; }
176 .role-beauftragte .blok-card-footer a { color: #228888 !important; }
177 /* Schulischer Ausbilder: #e2af38 */
178 .role-schule .blok-card-header { background: linear-gradient(135deg,#e2af38,#b07e18) !important; }
179 .role-schule .blok-card-footer a { color: #b07e18 !important; }
180 /* Überbetrieblicher Ausbilder: #5a319a */
181 .role-extern .blok-card-header { background: linear-gradient(135deg,#5a319a,#3b1f66) !important; }
182 .role-extern .blok-card-footer a { color: #5a319a !important; }
183
184 /* ── Info-Karten (Video & FAQ) ── */
185 .blok-info-grid {
186 display: -webkit-box !important;
187 display: -ms-flexbox !important;
188 display: flex !important;
189 -ms-flex-wrap: wrap !important;
190 flex-wrap: wrap !important;
191 gap: 22px !important;
192 margin: 8px 0 36px 0 !important;
193 }
194 .blok-info-card {
195 -webkit-box-flex: 1 !important;
196 -ms-flex: 1 1 300px !important;
197 flex: 1 1 300px !important;
198 border-radius: 10px !important;
199 padding: 22px 24px !important;
200 display: -webkit-box !important;
201 display: -ms-flexbox !important;
202 display: flex !important;
203 gap: 16px !important;
204 -webkit-box-align: start !important;
205 -ms-flex-align: start !important;
206 align-items: flex-start !important;
207 box-shadow: 0 2px 8px rgba(0,0,0,0.07) !important;
208 }
209 .blok-info-card.video {
210 background: #fff8e1 !important;
211 border: 1px solid #ffe082 !important;
212 }
213 .blok-info-card.faq {
214 background: #e8eaf6 !important;
215 border: 1px solid #9fa8da !important;
216 }
217 .blok-info-card.unternehmen {
218 background: #e8f5e9 !important;
219 border: 1px solid #a5d6a7 !important;
220 }
221 .blok-info-icon {
222 font-size: 2.0em !important;
223 line-height: 1 !important;
224 -ms-flex-negative: 0 !important;
225 flex-shrink: 0 !important;
226 }
227 .blok-info-text h3 {
228 margin: 0 0 8px 0 !important;
229 font-size: 1.05em !important;
230 color: #222 !important;
231 }
232 .blok-info-text p {
233 margin: 0 0 14px 0 !important;
234 font-size: 0.91em !important;
235 color: #555 !important;
236 line-height: 1.55 !important;
237 }
238 .blok-btn {
239 display: inline-block !important;
240 padding: 8px 18px !important;
241 border-radius: 6px !important;
242 font-size: 0.87em !important;
243 font-weight: 600 !important;
244 text-decoration: none !important;
245 color: #fff !important;
246 }
247 .blok-btn:hover {
248 opacity: 0.88 !important;
249 text-decoration: none !important;
250 }
251 .blok-info-card.video .blok-btn { background: #f9a825 !important; }
252 .blok-info-card.faq .blok-btn { background: #3949ab !important; }
253 .blok-btn.unternehmen-btn {
254 background: #2e7d32 !important;
255 }
256 .blok-info-card.unternehmen .blok-info-text p a {
257 color: #2e7d32 !important;
258 font-weight: 600 !important;
259 text-decoration: none !important;
260 }
261 .blok-info-card.unternehmen .blok-info-text p a:hover {
262 text-decoration: underline !important;
263 }
264 .blok-info-card.unternehmen .blok-extra-links {
265 margin-top: 10px !important;
266 display: flex !important;
267 flex-direction: column !important;
268 gap: 6px !important;
269 }
270 .blok-info-card.unternehmen .blok-extra-links a {
271 color: #2e7d32 !important;
272 font-size: 0.89em !important;
273 font-weight: 600 !important;
274 text-decoration: none !important;
275 display: flex !important;
276 align-items: center !important;
277 gap: 5px !important;
278 }
279 .blok-info-card.unternehmen .blok-extra-links a:hover {
280 text-decoration: underline !important;
281 }
282 .blok-info-card.unternehmen .blok-extra-links a::before {
283 content: "›" !important;
284 font-weight: 700 !important;
285 font-size: 1.1em !important;
286 }
287 .blok-card-footer {
288 padding: 12px 20px !important;
289 background: #fafafa !important;
290 border: 1px solid #e5e5e5 !important;
291 border-top: 1px solid #ececec !important;
292 font-size: 0.87em !important;
293 }
294 .blok-card-footer a {
295 font-weight: 600 !important;
296 text-decoration: none !important;
297 }
298 .blok-card-footer a:hover {
299 text-decoration: underline !important;
300 }
301 .blok-divider {
302 border: none !important;
303 border-top: 2px solid #ececec !important;
304 margin: 32px 0 !important;
305 }
306 </style>
307 <div class="blok-page">
308 <!-- ░░ ROLLENÜBERSCHRIFT ░░ -->
309 <div class="blok-section-title">Wählen Sie Ihre Rolle</div>
310 <div class="blok-section-sub">
311 Klicken Sie auf eine Rolle, um direkt zu den passenden Anleitungen zu gelangen
312 </div>
313 <!-- ░░ ROLLENKARTEN ░░ -->
314 <div class="blok-grid">
315 <!-- KARTE 1: Auszubildende -->
316 <div class="blok-card role-azubi">
317 <a class="blok-card-header"
318 href="/wiki/bin/view/BLOK/BLok/Auszubildende/">
319 <img src="/wiki/bin/download/BLOK/BLok/person_azubi.png"
320 alt="Auszubildende"/>
321 <div>
322 <span class="blok-role-label">Ihre Rolle</span>
323 <span class="blok-role-title">Auszubildende</span>
324 </div>
325 </a>
326 <div class="blok-card-body">
327 <span class="blok-section-label">Erste Schritte</span>
328 <ul>
329 <li><a href="/wiki/bin/view/BLOK/BLok/Auszubildende/#HSchritt1-Registrierung">Registrierung</a></li>
330 <li><a href="/wiki/bin/view/BLOK/BLok/Auszubildende/">
331 Unternehmen zuordnen</a></li>
332 <li><a href="/wiki/bin/view/BLOK/BLok/Auszubildende/Ihre%20Ausbilder/#HAusbilderzuordnen">
333 Ausbilder zuordnen</a></li>
334 </ul>
335 <span class="blok-section-label">Berichtsheft</span>
336 <ul>
337 <li><a href="/wiki/bin/view/BLOK/BLok/Auszubildende/Berichtsheft/Den%20Ausbildungsnachweis%20fuehren/">
338 Berichtsheft führen</a></li>
339 <li><a href="/wiki/bin/view/BLOK/BLok/Auszubildende/Berichtsheft/Den%20Ausbildungsnachweis%20fuehren/#HVollstE4ndigenWochenberichtzurAbnahmevorlegen">
340 Berichtsheft zur Abnahme freigeben</a></li>
341 <li><a href="/wiki/bin/view/BLOK/BLok/Auszubildende/Berichtsheft/Den%20Ausbildungsnachweis%20drucken/">
342 Berichtsheft exportieren &amp; drucken</a></li>
343 </ul>
344 <span class="blok-section-label">Mein Profil &amp; Zuordnungen</span>
345 <ul>
346 <li><a href="/wiki/bin/view/BLOK/BLok/Auszubildende/Einstellungen%20Auszubildende/">
347 Einstellungen bearbeiten</a></li>
348 </ul>
349 </div><!-- Ende .blok-card-body -->
350 <div class="blok-card-footer">
351 <a href="/wiki/bin/view/BLOK/BLok/Auszubildende/">
352 &#8594; Alle Anleitungen für Auszubildende</a>
353 </div><!-- Ende .blok-card-footer -->
354 </div><!-- Ende .blok-card role-azubi -->
355 <!-- KARTE 2: Ausbildungsleitung -->
356 <div class="blok-card role-leitung">
357 <a class="blok-card-header"
358 href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/">
359 <img src="/wiki/bin/download/Autorenbereich/AutorBLok/Erste%20Schritte%20%28Hierarchie%29/Log_Startseite%20Handbuch%20BLok/BLok-%20Anfangsseite/WebHome/person_ausbildungsleiter.png"
360 alt="Ausbildungsleitung"/>
361 <div>
362 <span class="blok-role-label">Ihre Rolle</span>
363 <span class="blok-role-title">Leiter/-in der Ausbildung</span>
364 </div>
365 </a>
366 <div class="blok-card-body">
367 <span class="blok-section-label">Auszubildende verwalten</span>
368 <ul>
369 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Verwaltung%20der%20Auszubildenden/Neue%20Auszubildende%20anlegen%20nur%20Ausbildungsleiter/">
370 Auszubildende anlegen</a></li>
371 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Verwaltung%20der%20Auszubildenden/Auszubildende%20betreuen/Auszubildende%20legitimieren/">
372 Auszubildende legitimieren</a></li>
373 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Verwaltung%20der%20Auszubildenden/Personenbezogene%20Daten%20der%20Auszubildenden%20bearbeiten/">
374 Ausbildungsdaten anpassen</a></li>
375 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Verwaltung%20der%20Auszubildenden/Die%20Ausbildung%20beenden/">
376 Ausbildung beenden</a></li>
377 </ul>
378 <span class="blok-section-label">Ausbilder verwalten</span>
379 <ul>
380 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Verwaltung%20der%20Ausbilder/#HAusbilderanlegen">
381 Ausbilder anlegen</a></li>
382 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Verwaltung%20der%20Ausbilder/Ausbilder%20legitimieren/">
383 Ausbilder legitimieren</a></li>
384 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Verwaltung%20der%20Ausbilder/#HAusbilderentfernen">
385 Ausbilder entfernen</a></li>
386 </ul>
387 <span class="blok-section-label">Einstellungen</span>
388 <ul>
389 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Einstellungen%20Ausbilder/Betrieb/">
390 Unternehmens- &amp; Betriebseinstellungen anpassen</a></li>
391 </ul>
392 </div><!-- Ende .blok-card-body -->
393 <div class="blok-card-footer">
394 <a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/">
395 &#8594; Alle Anleitungen für die Ausbildungsleitung</a>
396 </div><!-- Ende .blok-card-footer -->
397 </div><!-- Ende .blok-card role-leitung -->
398 <!-- KARTE 3: Betriebliche Ausbilder -->
399 <div class="blok-card role-betrieb">
400 <a class="blok-card-header"
401 href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/">
402 <img src="/wiki/bin/download/BLOK/BLok/person_ausbilder_betrieb.png"
403 alt="Betriebliche Ausbilder"/>
404 <div>
405 <span class="blok-role-label">Ihre Rolle</span>
406 <span class="blok-role-title">Betriebliche Ausbilder/-innen</span>
407 </div>
408 </a>
409 <div class="blok-card-body">
410 <span class="blok-section-label">Erste Schritte</span>
411 <ul>
412 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/#HSchritt1-Registrierung">
413 Unternehmen zuordnen</a></li>
414 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/#HSchritt2-Auszubildendezuordnen">
415 Auszubildende zuordnen</a></li>
416 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/#HRegistrierungdurcheinenAusbildungsleiter">
417 Einladung durch den Ausbildungsleiter</a></li>
418 </ul>
419 <span class="blok-section-label">Berichtsheft</span>
420 <ul>
421 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Das%20Berichtsheft/Berichtshefte%20verwalten/">
422 Berichtsheft von Auszubildenden einsehen</a></li>
423 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Das%20Berichtsheft/Das%20Berichtsheft%20signieren/">
424 Berichtsheft abnehmen (signieren)</a></li>
425 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Das%20Berichtsheft/Das%20Berichtsheft%20signieren/">
426 Berichtsheft ablehnen</a></li>
427 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Das%20Berichtsheft/Das%20Berichtsheft%20signieren/">
428 Berichtsheft wieder entsperren (nur durch den AL möglich)</a></li>
429 </ul>
430 </div><!-- Ende .blok-card-body -->
431 <div class="blok-card-footer">
432 <a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/">
433 &#8594; Alle Anleitungen für betriebliche Ausbilder/-innen</a>
434 </div><!-- Ende .blok-card-footer -->
435 </div><!-- Ende .blok-card role-betrieb -->
436 <!-- KARTE 4: Ausbildungsbeauftragte -->
437 <div class="blok-card role-beauftragte">
438 <a class="blok-card-header"
439 href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/">
440 <img src="/wiki/bin/download/BLOK/BLok/person_ausbilder_betrieb.png"
441 alt="Ausbildungsbeauftragte"/>
442 <div>
443 <span class="blok-role-label">Ihre Rolle</span>
444 <span class="blok-role-title">Ausbildungsbeauftragte/-r</span>
445 </div>
446 </a>
447 <div class="blok-card-body">
448 <span class="blok-section-label">Erste Schritte</span>
449 <ul>
450 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/#HSchritt1-Registrierung">
451 Unternehmen zuordnen</a></li>
452 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/#HSchritt2-Auszubildendezuordnen">
453 Auszubildende zuordnen</a></li>
454 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/#HRegistrierungdurcheinenAusbildungsleiter">
455 Einladung durch den Ausbildungsleiter</a></li>
456 </ul>
457 <span class="blok-section-label">Berichtsheft</span>
458 <ul>
459 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Das%20Berichtsheft/Berichtshefte%20verwalten/">
460 Berichtsheft von Auszubildenden einsehen</a></li>
461 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Das%20Berichtsheft/Das%20Berichtsheft%20signieren/">
462 Berichtsheft abnehmen (signieren)</a></li>
463 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Das%20Berichtsheft/Das%20Berichtsheft%20signieren/">
464 Berichtsheft ablehnen</a></li>
465 <li><a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/Das%20Berichtsheft/Das%20Berichtsheft%20signieren/">
466 Berichtsheft wieder entsperren (nur durch den AL möglich)</a></li>
467 </ul>
468 </div><!-- Ende .blok-card-body -->
469 <div class="blok-card-footer">
470 <a href="/wiki/bin/view/BLOK/BLok/Ausbilder%20im%20Unternehmen/">
471 &#8594; Alle Anleitungen für Ausbildungsbeauftragte</a>
472 </div><!-- Ende .blok-card-footer -->
473 </div><!-- Ende .blok-card role-beauftragte -->
474 <!-- KARTE 5: Schulische Ausbilder -->
475 <div class="blok-card role-schule">
476 <a class="blok-card-header"
477 href="/wiki/bin/view/BLOK/BLok/Berufsschullehrer-innen/">
478 <img src="/wiki/bin/download/BLOK/BLok/person_ausbilder_schule.png"
479 alt="Schulische Ausbilder"/>
480 <div>
481 <span class="blok-role-label">Ihre Rolle</span>
482 <span class="blok-role-title">Schulische Ausbilder/-innen</span>
483 </div>
484 </a>
485 <div class="blok-card-body">
486 <span class="blok-section-label">Erste Schritte</span>
487 <ul>
488 <li><a href="/wiki/bin/view/BLOK/BLok/Berufsschullehrer-innen/">
489 Auszubildende zuordnen</a></li>
490 </ul>
491 <span class="blok-section-label">Berichtsheft</span>
492 <ul>
493 <li><a href="/wiki/bin/view/BLOK/BLok/Berufsschullehrer-innen/#HSchritt3-Berichtsheftkontrollieren">
494 Berichtsheft von Auszubildenden einsehen</a></li>
495 <li><a href="/wiki/bin/view/BLOK/BLok/Berufsschullehrer-innen/#HSchritt3-Berichtsheftkontrollieren">
496 Berichtsheft abnehmen</a></li>
497 <li><a href="/wiki/bin/view/BLOK/BLok/Berufsschullehrer-innen/#HSchritt3-Berichtsheftkontrollieren">
498 Berichtsheft ablehnen</a></li>
499 </ul>
500 <span class="blok-section-label">Einstellungen</span>
501 <ul>
502 <li><a href="/wiki/bin/view/BLOK/BLok/Berufsschullehrer-innen/">
503 Berufsschule hinterlegen</a></li>
504 </ul>
505 </div><!-- Ende .blok-card-body -->
506 <div class="blok-card-footer">
507 <a href="/wiki/bin/view/BLOK/BLok/Berufsschullehrer-innen/">
508 &#8594; Alle Anleitungen für schulische Ausbilder/-innen</a>
509 </div><!-- Ende .blok-card-footer -->
510 </div><!-- Ende .blok-card role-schule -->
511 <!-- KARTE 6: Überbetriebliche Ausbilder -->
512 <div class="blok-card role-extern">
513 <a class="blok-card-header"
514 href="/wiki/bin/view/BLOK/BLok/%C3%9Cberbetriebliche%20Ausbilderinnen/">
515 <img src="/wiki/bin/download/BLOK/BLok/Person_Ausbilder_Extern.png"
516 alt="Überbetriebliche Ausbilder"/>
517 <div>
518 <span class="blok-role-label">Ihre Rolle</span>
519 <span class="blok-role-title">Überbetriebliche Ausbilder/-innen</span>
520 </div>
521 </a>
522 <div class="blok-card-body">
523 <span class="blok-section-label">Erste Schritte</span>
524 <ul>
525 <li><a href="/wiki/bin/view/BLOK/BLok/%C3%9Cberbetriebliche%20Ausbilderinnen/#HSchritt2-Unternehmensbetreuungbeantragen">
526 Betreuung bei einem Unternehmen beantragen</a></li>
527 <li><a href="/wiki/bin/view/BLOK/BLok/%C3%9Cberbetriebliche%20Ausbilderinnen/#HSchritt3-Auszubildendezuordnen">
528 Auszubildende zuordnen</a></li>
529 </ul>
530 <span class="blok-section-label">Berichtsheft</span>
531 <ul>
532 <li><a href="/wiki/bin/view/BLOK/BLok/%C3%9Cberbetriebliche%20Ausbilderinnen/#HSchritt3-Auszubildendezuordnen">
533 Berichtsheft von Auszubildenden einsehen</a></li>
534 <li><a href="/wiki/bin/view/BLOK/BLok/%C3%9Cberbetriebliche%20Ausbilderinnen/#HSchritt4-Berichtsheftkontrollieren">
535 Berichtsheft abnehmen</a></li>
536 <li><a href="/wiki/bin/view/BLOK/BLok/%C3%9Cberbetriebliche%20Ausbilderinnen/">
537 Berichtsheft ablehnen</a></li>
538 </ul>
539 </div><!-- Ende .blok-card-body -->
540 <div class="blok-card-footer">
541 <a href="/wiki/bin/view/BLOK/BLok/%C3%9Cberbetriebliche%20Ausbilderinnen/">
542 &#8594; Alle Anleitungen für überbetriebliche Ausbilder/-innen</a>
543 </div><!-- Ende .blok-card-footer -->
544 </div><!-- Ende .blok-card role-extern -->
545 </div><!-- Ende .blok-grid -->
546 <hr class="blok-divider"/>
547 <!-- ░░ VIDEO & FAQ & UNTERNEHMEN ░░ -->
548 <div class="blok-section-title">Weitere Hilfsangebote</div>
549 <div class="blok-info-grid">
550 <div class="blok-info-card video">
551 <div class="blok-info-icon">&#127916;</div>
552 <div class="blok-info-text">
553 <h3>BLok-Videoreihe</h3>
554 <p>Für einen schnellen Einstieg stehen Ihnen
555 Einführungsvideos auf YouTube zur Verfügung.
556 Schauen Sie sich unsere Step-by-Step-Videos an.</p>
557 <a class="blok-btn"
558 href="/wiki/bin/view/BLOK/BLok/Erste%20Schritte/Ergaenzungsvideos/">
559 Zu den Videos</a>
560 </div><!-- Ende .blok-info-text -->
561 </div><!-- Ende .blok-info-card video -->
562 <div class="blok-info-card faq">
563 <div class="blok-info-icon">&#10067;</div>
564 <div class="blok-info-text">
565 <h3>Häufig gestellte Fragen (FAQ)</h3>
566 <p>Vielleicht haben Sie eine Frage, die andere
567 BLok-Nutzer bereits gestellt haben.
568 Im FAQ-Bereich sammeln wir alle Antworten.</p>
569 <a class="blok-btn"
570 href="/wiki/bin/view/BLOK/BLok/FAQ/">
571 Zum FAQ-Bereich</a>
572 </div><!-- Ende .blok-info-text -->
573 </div><!-- Ende .blok-info-card faq -->
574 <div class="blok-info-card unternehmen">
575 <div class="blok-info-icon">&#127970;</div>
576 <div class="blok-info-text">
577 <h3>Neu mit BLok? Einstieg für Unternehmen</h3>
578 <p>Wenn Sie als Unternehmen starten, finden Sie hier weitere
579 <a href="https://www.bps-system.de/blok-berichtsheft/">Informationen für Unternehmen zu BLok</a>.</p>
580 <p>Wenn Sie einen neuen Nutzer-Account registrieren möchten, wählen Sie diesen Link:
581 <a href="https://www.online-ausbildungsnachweis.de/blok/select">
582 Registrierung neuer BLok-Nutzer</a></p>
583 <a class="blok-btn unternehmen-btn"
584 href="https://blok.mobi/blok/registrationcompany">
585 Anmeldeformular für Unternehmen</a>
586 </div><!-- Ende .blok-info-text -->
587 </div><!-- Ende .blok-info-card unternehmen -->
588 </div><!-- Ende .blok-info-grid -->
589 </div><!-- Ende .blok-page -->
590 {{/html}}