Styleguide

Button in Orange


<a class="btn" href="LINK" rel="noopener noreferrer" target="_blank">TEXT</a>

Blauer Kasten


<div style="margin:0; margin-right:1px; border:2px solid #dfdfdf; padding: 0em 1em 1em 1em; background-color:#ecf3f6;text-align:left">
<h3>Was andere Leser noch gelesen haben</h3>
<ul>
</ul>
</div>

<div align="right"><small>[Bildnachweis: by Shutterstock.com]</small></div>

Weißer Kasten


<div style="margin:0; margin-right:1px; border:2px solid #dfdfdf; padding: 0em 1em 1em 1em; background-color:#ffffff;text-align:left">
<br />
<strong style="font-size:14pt">xxxxx</strong>
<br />
</div>
<br clear="all" />

Ich bin ein grüner Haken und ein rotes ❌

<font color="#83bc54">✓</font> <font color="#FF0000">✗</font>

Farbcode-Tabelle

Kastenfarbe (hell)#ecf3f6
Tabelle hell#c7ebf4
Tabelle dunkel#aadbe7
Orange (Button)#f4a83c
Karrierebibel Logo-Farbe#239ab5
Hellblau#85d1db
Mittelblau#3fbfdc
Dunkelblau#00aac4

Ich bin eine blaue Tabelle


<table width="100%"><tr>
<td width="40%" bgcolor="#aadbe7" align="left" valign="top" style="font-size:14pt">aaaaaa</td>
<td bgcolor="#aadbe7" align="left" valign="top" style="font-size:14pt">bbbbbbb</td>
</tr><tr>
<td bgcolor="#c7ebf4" align="left" valign="top" style="font-size:14pt">xxxxxxxx</td>
<td bgcolor="#c7ebf4" align="left" valign="top">➠ yyyyy</td>
</tr></table>

Ich bin ein Berufsbilder-Kasten


<div style="margin:0; margin-right:1px; border:2px solid #dfdfdf; padding: 0em 1em 1em 1em; background-color:#ecf3f6;text-align:left">
<br clear="all" />
<h5 style="font-size:20pt">Berufsbilder: Einstieg, Karriere & kostenlose Vorlagen</h5>
<strong>Berufe Rubrik:</strong> In der Übersicht der wichtigste Berufsbilder und Jobprofile finden Sie alles zur Ausbildung, Studium, Karriere- und Gehaltsaussichten sowie berufsspezifische Tipps und kostenlose Bewerbungsvorlagen mit Beispieltexten.
<table width="100%"><tr>
<td align="left" style="font-size:14pt">
<font color="#83bc54">✓</font> <a href="https://karrierebibel.de/krankenschwester/" rel="noopener noreferrer" target="_blank">Krankenschwester</a>
<font color="#83bc54">✓</font> <a href="https://karrierebibel.de/sozialpaedagoge/" rel="noopener noreferrer" target="_blank">Sozialpädagogen</a>
<font color="#83bc54">✓</font> <a href="https://karrierebibel.de/kommissionierer/" rel="noopener noreferrer" target="_blank">Kommissionierer</a>
<font color="#83bc54">✓</font> <a href="https://karrierebibel.de/beruf-ingenieur/" rel="noopener noreferrer" target="_blank">Ingenieure</a>
<font color="#83bc54">✓</font> <a href="https://karrierebibel.de/schauspieler/" rel="noopener noreferrer" target="_blank">Schauspieler</a>
</td>
<td align="left" style="font-size:14pt">
<font color="#83bc54">✓</font> <a href="https://karrierebibel.de/heilpraktiker/" rel="noopener noreferrer" target="_blank">Heilpraktiker</a>
<font color="#83bc54">✓</font> <a href="https://karrierebibel.de/lokfuehrer/" rel="noopener noreferrer" target="_blank">Lokführer</a>
<font color="#83bc54">✓</font> <a href="https://karrierebibel.de/architekt/" rel="noopener noreferrer" target="_blank">Architekten</a>
<font color="#83bc54">✓</font> <a href="https://karrierebibel.de/zimmermann/" rel="noopener noreferrer" target="_blank">Zimmermann</a>
<font color="#83bc54">✓</font> <a href="https://karrierebibel.de/informatiker/" rel="noopener noreferrer" target="_blank">Informatiker</a>
</td>
</tr></table>
<br clear="all" />
<a class="btn" href="https://karrierebibel.de/tipps/berufsbild/" rel="noopener noreferrer" target="_blank">Zu den Berufsbildern</a>
</div>

Ich bin ein Bewerbungsvorlagen-Kasten


<div style="margin:0; margin-right:1px; border:2px solid #dfdfdf; padding: 0em 1em 1em 1em; background-color:#ecf3f6;text-align:left">
<br clear="all" />
<table width="100%"><tr>
<td valign="top" align="left" width="40%"><img src="https://karrierebibel.de/wp-content/uploads/2017/10/WORD-Download-Icon.png" alt="WORD Download Icon" width="300" height="300" /></td>
<td valign="top" align="left"><h4>Bewerbungsvorlagen:<br/>120+ kostenlose Muster</h4> 
Nutzen Sie zur Bewerbung unsere professionellen Designs und kostenlosen Bewerbungsvorlagen. Mehr als 120 professionelle Vorlagen für Lebenslauf, Anschreiben und Deckblatt als WORD-Datei. Inklusive Mustertexte für verschiedene Berufe und Jobs. Sorgen Sie für den perfekten ersten Eindruck Ihrer Bewerbung.
<br clear="all" />
</td>
</tr></table>
<br />
<a class="btn" href="https://karrierebibel.de/bewerbungsvorlagen/" rel="noopener noreferrer" target="_blank">Zum Download der Vorlagen</a>
</div>
<br clear="all" />

Ich bin der Bewerbungstipp-Kasten


<div style="margin:0; margin-right:1px; border:2px solid #dfdfdf; padding: 0em 1em 1em 1em; background-color:#ecf3f6;text-align:left">
<h3>Weiterführende Quellen und Ratgeber</h3>
<strong style="font-size:14pt">Tipps zur Bewerbung</strong>
➠ <a href="https://karrierebibel.de/bewerbungsvorlagen/" target="_blank">Bewerbungsvorlagen</a>
➠ <a href="https://karrierebibel.de/bewerbungsformen/" target="_blank">11 Bewerbungsformen</a>
➠ <a href="https://karrierebibel.de/bewerbungstipps/" target="_blank">ABC der Bewerbungstipps</a>
➠ <a href="https://karrierebibel.de/bewerbungsmappe/" target="_blank">Bewerbungsmappe</a>
➠ <a href="https://karrierebibel.de/bewerbungsfoto/" target="_blank">Bewerbungsfoto</a>
➠ <a href="https://karrierebibel.de/deckblatt-bewerbung/" target="_blank">Deckblatt</a>
➠ <a href="https://karrierebibel.de/kurzprofil/" target="_blank">Kurzprofil</a>
<br />
<strong style="font-size:14pt">Tipps zum Lebenslauf</strong>
➠ <a href="https://karrierebibel.de/tabellarischer-lebenslauf/" target="_blank">Tabellarischer Lebenslauf</a>
➠ <a href="https://karrierebibel.de/lebenslauf/" target="_blank">Lebenslauf Vorlagen</a>
➠ <a href="https://karrierebibel.de/praktika-im-lebenslauf/" target="_blank">Praktika im Lebenslauf</a>
➠ <a href="https://karrierebibel.de/hobbys-im-lebenslauf/" target="_blank">Hobbys im Lebenslauf</a>
➠ <a href="https://karrierebibel.de/arbeitslosigkeit-im-lebenslauf/" target="_blank">Arbeitslosigkeit im Lebenslauf</a>
➠ <a href="https://karrierebibel.de/luecken-im-lebenslauf/" target="_blank">Lücken im Lebenslauf</a>
<br />
<strong style="font-size:14pt">Tipps zum Anschreiben</strong>
➠ <a href="https://karrierebibel.de/bewerbungsschreiben/" target="_blank">Bewerbungsschreiben</a>
➠ <a href="https://karrierebibel.de/anschreiben-einstieg-einleitungssatz/" target="_blank">Einleitungssatz im Anschreiben</a>
➠ <a href="https://karrierebibel.de/bewerbung-schlusssatz/" target="_blank">Schlusssatz im Anschreiben</a>
➠ <a href="https://karrierebibel.de/bewerbung-interessen/" target="_blank">Interessen im Anschreiben</a>
➠ <a href="https://karrierebibel.de/bewerbung-staerken/" target="_blank">Stärken im Anschreiben</a>
➠ <a href="https://karrierebibel.de/bewerbung-anlagenverzeichnis/" target="_blank">Anlagenverzeichnis</a>
<br />
<strong style="font-size:14pt">Tipps zum Arbeitszeugnis</strong>
➠ <a href="https://karrierebibel.de/arbeitszeugnis/" target="_blank">Arbeitszeugnis bewerten</a>
➠ <a href="https://karrierebibel.de/arbeitszeugnis-formulierungen-bewertung/" target="_blank">Geheimcodes im Zeugnis</a>
➠ <a href="https://karrierebibel.de/zwischenzeugnis/" target="_blank">Zwischenzeugnis</a>
➠ <a href="https://karrierebibel.de/taetigkeitsbeschreibung/" target="_blank">Tätigkeitsbeschreibung</a>
➠ <a href="https://karrierebibel.de/referenzen-bewerbung/" target="_blank">Referenzen & Muster</a>
<br />
<strong style="font-size:14pt">Besondere Bewerbungen</strong>
➠ <a href="https://karrierebibel.de/initiativbewerbung/" target="_blank">Initiativbewerbung</a>
➠ <a href="https://karrierebibel.de/interne-bewerbung/" target="_blank">Interne Bewerbung</a>
➠ <a href="https://karrierebibel.de/diskrete-bewerbung/" target="_blank">Diskrete Bewerbung</a>
➠ <a href="https://karrierebibel.de/email-bewerbung/" target="_blank">E-Mail-Bewerbung</a>
➠ <a href="https://karrierebibel.de/online-bewerbung/" target="_blank">Online-Bewerbung</a>
➠ <a href="https://karrierebibel.de/bewerbung-aushilfe/" target="_blank">Bewerbung als Aushilfe</a>
➠ <a href="https://karrierebibel.de/bewerbung-minijob/" target="_blank">Bewerbung für Minijobs</a>
➠ <a href="https://karrierebibel.de/bewerbung-nach-kuendigung/" target="_blank">Bewerbung nach Kündigung</a>
</div>

Ich bin der Vorstellungsgesprächtipp-Kasten


<div style="margin:0; margin-right:1px; border:2px solid #dfdfdf; padding: 0em 1em 1em 1em; background-color:#ecf3f6;text-align:left">
<h3>Noch mehr Tipps zum Vorstellungsgespräch</h3>
➠ <a href="https://karrierebibel.de/vorstellungsgesprach/" target="_blank" rel="noopener noreferrer">Vorstellungsgespräch: Alle Tipps</a>
<br />
<strong style="font-size:14pt">Vorstellungsgespräch Ablauf</strong>
➠ <a href="https://karrierebibel.de/vorstellungsgesprach-vorbereitung/" target="_blank" rel="noopener noreferrer">Vorstellungsgespräch Vorbereitung</a>
➠ <a href="https://karrierebibel.de/bewerbungsfragen/" target="_blank" rel="noopener noreferrer">Bewerbungsfragen + Antworten</a>
➠ <a href="https://karrierebibel.de/vorstellungsgespraech-kleidung/" target="_blank" rel="noopener noreferrer">Vorstellungsgespräch Kleidung</a>
➠ <a href="https://karrierebibel.de/selbstvorstellung-im-bewerbungsgespraech/" target="_blank" rel="noopener noreferrer">Selbstvorstellung</a>
➠ <a href="https://karrierebibel.de/selbstpraesentation/" target="_blank" rel="noopener noreferrer">Selbstpräsentation</a>
➠ <a href="https://karrierebibel.de/vorstellungsgespraech-beenden/" target="_blank" rel="noopener noreferrer">Vorstellungsgespräch beenden</a>
<br />
<strong style="font-size:14pt">Interview Arten</strong>
➠ <a href="https://karrierebibel.de/zweites-vorstellungsgespraech/" target="_blank" rel="noopener noreferrer">Zweites Vorstellungsgespräch</a>
➠ <a href="https://karrierebibel.de/assessment-center/" target="_blank" rel="noopener noreferrer">Assessment Center</a>
➠ <a href="https://karrierebibel.de/stressinterview/" target="_blank" rel="noopener noreferrer">Stressinterview</a>
➠ <a href="https://karrierebibel.de/vorstellungsgesprach-auf-englisch/" target="_blank" rel="noopener noreferrer">Vorstellungsgespräch Englisch</a>
➠ <a href="https://karrierebibel.de/videointerview/" target="_blank" rel="noopener noreferrer">Videointerview</a>
➠ <a href="https://karrierebibel.de/telefoninterview/" target="_blank" rel="noopener noreferrer">Telefoninterview</a>
<br />
<strong style="font-size:14pt">Typische Fragen</strong>
➠ <a href="https://karrierebibel.de/vorstellungsgesprach-fragen/" target="_blank" rel="noopener noreferrer">Diese 100 Fragen können kommen</a>
➠ <a href="https://karrierebibel.de/fangfragen-im-bewerbungsgespraech/" target="_blank" rel="noopener noreferrer">25 Fangfragen + Antworten</a>
➠ <a href="https://karrierebibel.de/stressfragen-vorstellungsgespraech/" target="_blank" rel="noopener noreferrer">Stressfragen</a>
➠ <a href="https://karrierebibel.de/vorstellungsgespraech-schwaechen/" target="_blank" rel="noopener noreferrer">Was sind Ihre Schwächen?</a>
➠ <a href="https://karrierebibel.de/vorstellungsgespraech-staerken/" target="_blank" rel="noopener noreferrer">Was sind Ihre Stärken?</a>
➠ <a href="https://karrierebibel.de/warum-sollten-wir-sie-einstellen/" target="_blank" rel="noopener noreferrer">Warum sollten wir Sie einstellen?</a>
➠ <a href="https://karrierebibel.de/bewerberfrage-wie-hoch-war-ihr-letztes-gehalt/" target="_blank" rel="noopener noreferrer">Wie hoch war Ihr letztes Gehalt?</a>
➠ <a href="https://karrierebibel.de/bewerberfrage-wo-sehen-sie-sich-in-5-jahren/" target="_blank" rel="noopener noreferrer">Wo sehen Sie sich in 5 Jahren?</a>
➠ <a href="https://karrierebibel.de/bewerberfrage-warum-haben-sie-gekundigt/" target="_blank" rel="noopener noreferrer">Warum haben Sie gekündigt?</a>
➠ <a href="https://karrierebibel.de/vorstellungsgespraech-unzulassige-fragen/" target="_blank" rel="noopener noreferrer">Unzulässige Fragen</a>
➠ <a href="https://karrierebibel.de/ruckfragen-bewerbungsgesprach/" target="_blank" rel="noopener noreferrer">Rückfragen an Personaler</a>
<br />
<strong style="font-size:14pt">Tipps & Tricks</strong>
➠ <a href="https://karrierebibel.de/vorstellungsgespraech-training/" target="_blank" rel="noopener noreferrer">Vorstellungsgespräch trainieren</a>
➠ <a href="https://karrierebibel.de/vorstellungsgespraech-fehler/" target="_blank" rel="noopener noreferrer">Bewerbungsgespräch Fehler</a>
➠ <a href="https://karrierebibel.de/notluegen-vorstellungsgespraech/" target="_blank" rel="noopener noreferrer">Notlügen im Vorstellungsgespräch</a>
➠ <a href="https://karrierebibel.de/vorstellungsgespraech-koerperhaltung/" target="_blank" rel="noopener noreferrer">Körpersprache Tipps</a>
➠ <a href="https://karrierebibel.de/vorstellungsgespraech-nervositaet/" target="_blank" rel="noopener noreferrer">Nervosität überwinden</a>
➠ <a href="https://karrierebibel.de/vorstellungsgespraech-haende/" target="_blank" rel="noopener noreferrer">Wohin mit den Händen?</a>
➠ <a href="https://karrierebibel.de/vorstellungsgespraech-richtig-verabschieden/" target="_blank" rel="noopener noreferrer">Richtig verabschieden</a>
<br />
<strong style="font-size:14pt">Organisation</strong>
➠ <a href="https://karrierebibel.de/vorstellungsgespraech-bestaetigen/" target="_blank" rel="noopener noreferrer">Vorstellungsgespräch bestätigen</a>
➠ <a href="https://karrierebibel.de/vorstellungsgespraech-verschieben/" target="_blank" rel="noopener noreferrer">Vorstellungsgespräch verschieben</a>
➠ <a href="https://karrierebibel.de/vorstellungsgespraech-absagen/" target="_blank" rel="noopener noreferrer">Vorstellungsgespräch absagen</a>
➠ <a href="https://karrierebibel.de/vorstellungsgespraech-abbrechen/" target="_blank" rel="noopener noreferrer">Vorstellungsgespräch abbrechen</a>
➠ <a href="https://karrierebibel.de/nachfassen-bewerbung/" target="_blank" rel="noopener noreferrer">Nachfassen nach dem Gespräch</a>
</div>

Ich bin ein Pager

<!--nextpage-->

Ich bin ein Adsense-Werbeblock für Slider oder Multi-Click

<br clear="all" />
<style>
.responsive-tarnfarbe-nach-more { width: 300px; height: 250px; }
@media(min-width: 500px) { .responsive-tarnfarbe-nach-more { width: 100%; height: 300px; } }
@media(min-width: 800px) { .responsive-tarnfarbe-nach-more { width: 100%; height: 300px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle responsive-tarnfarbe-nach-more"
     style="display:inline-block"
     data-ad-client="ca-pub-7285045913003127"
     data-ad-slot="8948646431"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br clear="all" />

Ich bin ein Karrieresprung iFrame mit Suchbegriff


<div id="ks-content">Stellenanzeigen finden Sie auf <a href="https://www.karrieresprung.de">www.karrieresprung.de</a>.
    <script type="text/javascript">
     $( "script" ).closest("div #ks-content").load( "https://www.karrieresprung.de/iframe?keyword=XXXXX" );
     $( "script" ).closest("div #ks-content").attr("id", "ks-content-loaded");
    </script>
</div>

Ich bin ein Karrieresprung Suchschlitz


<div id="ks-navigation-search">Stellenanzeigen finden Sie auf <a href="https://www.karrieresprung.de">www.karrieresprung.de</a>.
	    <script type="text/javascript">
	     $( "script" ).closest("div #ks-navigation-search").load( "https://www.karrieresprung.de/iframe_headline_search" );
	     $( "script" ).closest("div #ks-navigation-search").attr("id", "ks-content-loaded");
	    </script>
</div>

Und so sehe ich aus


Ich bin die lange Version

Stellenanzeigen finden Sie auf www.karrieresprung.de.