How to be a Hero - Benutzerbeiträge [de]

Hauptseite

2019-07-29T19:35:51Z

ViMaSter:

<div id="hauptseite">

<center>'''Willkommen beim How to be a Hero-Regelwerk!'''</center>

<div class="heroimage">[[Datei:how_to_mainpage_2.png|link=]]</div>

<div id="hauptseite-willkommen" class="hauptseite-oben">
== LUNA ==

<div class="inhalt" align="left">

Das neuste FUNK-Abenteuer ist da! Schaut rein und habt viel Spaß!

[[Datei:Luna_Banner.png|rahmenlos|zentriert|Das neue FUNK-Abenteuer ist da!| 10000px |verweis=https://howtobeahero.de/Luna]]

</div>

<center class="sub">Hier kannst du dir das ''How to Be a Hero''-Regelwerk herunterladen. Das Regelwerk findest du [https://howtobeahero.de/images/4/47/Regelwerk.pdf hier als PDF-Datei] oder [[:Kategorie:Regelwerk|hier im Wiki]].</center>


<div id="hauptseite-willkommen" class="hauptseite-oben">

== Mitwirken ==
<div class="inhalt" align="left">
Du möchtest als Autor aktiv an der Weiterentwicklung des Regelwerks arbeiten? Dann leg los und schreib deinen ersten Artikel. Anschließend werden diese durch unsere '''Redakteure''' gesichtet und entsprechend als "bestätigte Version" markiert. Du möchtest dich mit anderen Autoren aus der Community und unseren Redakteuren vernetzen? Besuch doch einfach unseren '''<big>[[Discord | Discord-Server]]</big>'''!

Wenn du ein Abenteuer hier einfügen möchtest, dann solltest du dich an [https://howtobeahero.de/index.php?title=Abenteuerstruktur diese Struktur] halten.

Du kannst auch für Verbesserungen an

regelwerk(äht)howtobeahero(punkt)de (für Fragen und Anregungen rund um Regelwerk und Module)

oder an

redaktion(äht)howtobeahero(punkt)de (für Verbesserungen, Abenteuer und Settings) schreiben.

'''<big>Wir antworten dir immer! Bitte beachte deinen Spam-Ordner!</big>'''

WICHTIG!! Leider bekommen wir immer wieder Mails, die nicht richtig verschickt wurden. Diese können wir leider nicht bearbeiten, weil dort kein Inhalt mitgeschickt wird. Wenn du keine Antwort von uns bekommst, schreibe uns einfach auf Twitter an!

Oder lieber auf Social Media? Twitter es raus an [https://twitter.com/HtbaH_Official HtbaH_Official]!
</div>
</div>


<div id="hauptseite-funktion" class="hauptseite-links">

== Neuerungen ==
<div class="inhalt" align="left">
Was gibt es eigentlich so Neues?

* '''Wir waren beim [https://howtobeahero.de/index.php?title=Benefizabend_im_Meltdown Benefizabend im Meltdown in Köln]. Hier lest ihr, wie wir ihn erlebt haben.'''
* '''Das Abenteuer [https://howtobeahero.de/index.php?title=Kategorie:Wo_ist_Waldemar%3F Wo ist Waldemar?] ist online! Viel Spaß beim Spielen! :)'''
* Unser PDF-Generator ist endlich online und wartet darauf, von euch benutzt zu werden! [[PDF_generieren | Hier]] gibt es eine Anleitung dazu. :)
* Unser offizieller Charakterbogen steht zum Download bereit. [[Charakterbogen| Hier]] findest du ihn.
* Eine komplett neue Fassung des Regelwerks mit tollen Illustrationen dazu.''' Du findest sie [https://howtobeahero.de/HTBAH-Grundregelwerk.pdf hier].
* Die ersten [https://howtobeahero.de/index.php?title=Kategorie:%22Wilde%22_Abenteuer unbestätigten User-Abenteuer] und [https://howtobeahero.de/index.php?title=Kategorie:Bestätigte_Abenteuer bestätigten User-Abenteuer], die du bereits spielen kannst, sind verfügbar.

</div>
</div>


<div id="hauptseite-kontakt " class="hauptseite-links">

== Kontakt ==
<div class="inhalt" align="left">
Du möchtest uns dabei helfen, das Regelwerk zu ergänzen oder an Grafiken, Illustrationen und Technik mitwirken? Du willst in unser HTBAH Team? Dann schreib uns eine [mailto:redaktion@howtobeahero.de Mail], und wir melden uns bei dir!
</div>
</div>


<div id="hauptseite-funktion" class="hauptseite-links">

== Wie funktioniert das hier? ==
<div class="inhalt" align="left">
Es wird unterschieden in ''Kategorien'' und einzelne ''Seiten''. Jeder registrierte Benutzer hat die Möglichkeit, jede einzelne Seite als PDF auszugeben. Wer ein komplettes Buch möchte, schaut sich die Kategorien an. Wir werden für jede Erweiterung und für jedes Abenteuer eine Kategorie anlegen. So könnt ihr euch alles auch gebündelt herunterladen.
</div>
</div>


<div id="hauptseite-fehler" class="hauptseite-links">

== Ich habe einen Fehler gefunden! ==
<div class="inhalt" align="left">
Das kann immer mal wieder passieren, du darfst uns gerne darauf aufmerksam machen. Dieses Projekt befindet sich noch in einer Beta-Phase und wird kontinuierlich weiterentwickelt. Erwartet also kein fertiges Produkt. Das Grund-Regelwerk steht zum Download bereit, und die weiteren Schritte gehen wir gemeinsam! So wissen wir zum Beispiel, dass die PDF-Ausgabe noch nicht schick aussieht und etwas durcheinander ist. Daran arbeiten wir gerade! Feedback und Kritik nehmen wir gerne unter redaktion(äht)howtobeahero(punkt)de an.
</div>
</div>

__NOTOC__

MediaWiki:Common.css

2019-07-29T19:34:48Z

ViMaSter:

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* +++++ 1. HAUPTSEITE +++++ */
.mw-wiki-logo {
background-size: 100%;
}

.heroimage img, .heroimage {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
border: 0 !important;
margin: auto;
margin-top: 2px;
}

.sub {
padding: 10px 0px 15px;
}

div#hauptseite h2 {
font-family: inherit;
font-size: 1.5em;
font-weight: bold;
line-height: 1.5;
margin: 0;
padding: .1em 0;
}
div#hauptseite h3 {
font-family: inherit;
font-size: 1em;
font-weight: bold;
line-height: 1.5;
margin: 0;
padding: .1em 0;
}
#hauptseite .inhalt {
border-top: 0;
min-height: 0; /* IE 7 */
padding: .3em .8em .4em;
}
#hauptseite .inhalt hr {
height: 1px;
margin: .5em 0;
}
#hauptseite .inhalt .mehr {
clear: both;
font-size: 95%;
margin-top: .8em;
text-align: right;
}
.hauptseite-oben,
.hauptseite-obenlinks,
.hauptseite-obenrechts,
.hauptseite-links,
.hauptseite-rechts,
.hauptseite-hinweise,
.hauptseite-mitte{
margin-bottom: 1em;
}
.hauptseite-obenlinks,
.hauptseite-links {
margin-right: .5em;
}
.hauptseite-obenrechts,
.hauptseite-hinweise,
.hauptseite-rechts {
margin-left: .5em;
}
.hauptseite-oben h2,
.hauptseite-obenlinks h2,
.hauptseite-obenrechts h2,
.hauptseite-hinweise h2,
.hauptseite-mitte h2,
.hauptseite-unten h2 {
text-align: center;
}
.hauptseite-oben .inhalt .portale {
font-weight: bold;
margin: .2em 0;
}
.hauptseite-oben .inhalt .intern {
font-size: 90%;
text-align: center;
}
.hauptseite-links h2,
.hauptseite-hinweise h2,
.hauptseite-rechts h2,
.hauptseite-unten h2 {
text-indent: .8em;
}
.hauptseite-links h3,
.hauptseite-hinweise h3,
.hauptseite-rechts h3,
.hauptseite-unten h3 {
text-indent: .8em;
}

.hauptseite-unten h3 {
font-size: 1.15em;
}

#hauptseite .mw-headline-anchor {
display: none;
}

/* +++++ 2. KATEGORIE-KLAPPBOXEN +++++ */
.categoryListTitle {
font-family: inherit;
font-size: 1em;
font-weight: bold;
color: #ffffff;
line-height: 1.5;
margin: 0;
padding: .1em 10px;
text-decoration: underline;
border: 2px solid #A3ACBE;
}

.categoryListColumn:hover .categoryListTitle {
border: 2px solid #838FA7;
text-decoration: none;
}

.categoryList.hidden {
display: none;
}

.categoryList.shown {
display: block;
}

.categoryList-item {
font-size: 1em;
}

.categoryList {
padding: 5px 10px;
background: white;
}

.categoryListRow {
display: flex;
flex-wrap: wrap;
}

.categoryListColumn {
flex-grow: 1;
flex-basis: 10%;

background: #A3ACBE;
}

.categoryListColumn:hover {
flex-grow: 1;
flex-basis: 10%;

background: #838FA7;
}

.break-1 .categoryListColumn {
min-width: 100%;
}

.break-2 .categoryListColumn {
min-width: 50%;
}

.break-3 .categoryListColumn {
min-width: 33.333%;
}

.break-4 .categoryListColumn {
min-width: 25%;
}

.break-5 .categoryListColumn {
min-width: 20%;
}

.break-6 .categoryListColumn {
min-width: 16.66666%;
}

.break-7 .categoryListColumn {
min-width: 14.285%;
}

.break-8 .categoryListColumn {
min-width: 12.5%;
}

.break-9 .categoryListColumn {
min-width: 11.1111%;
}

.break-10 .categoryListColumn {
min-width: 10%;
}

/* +++++ 3. BOX-HALTENDE HOWKYS +++++ */
.howky
{
position: relative;
}

.howky:after, .howky.tragendBeidseitig:before {
position: absolute;
display: block;
content: '';
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat no-repeat;
}

.howky.knieendUntenLinks:after {
background-image: url(https://howtobeahero.de/images/c/c5/Howky_Kniened_Unten.png);
height: 76px;
width: 63px;
bottom: -76px;
left: 0;
}

.howky.knieendUntenRechts:after {
background-image: url(https://howtobeahero.de/images/c/c5/Howky_Kniened_Unten.png);
height: 76px;
width: 63px;
bottom: -76px;
right: 0;
}

.howky.stehendUntenLinks:after {
background-image: url(https://howtobeahero.de/images/6/6b/Howky_Stehend_Unten.png);
height: 76px;
width: 44px;
bottom: -76px;
left: 0;
}

.howky.stehendUntenRechts:after {
background-image: url(https://howtobeahero.de/images/6/6b/Howky_Stehend_Unten.png);
height: 76px;
width: 44px;
bottom: -76px;
right: 0;
}

.howky.tragendBeidseitig:after {
background-image: url(https://howtobeahero.de/images/1/19/Howky_Stehend_Rechts.png);
height: 76px;
width: 41px;
bottom: 0;
right: -41px;
}

.howky.tragendBeidseitig:before {
background-image: url(https://howtobeahero.de/images/5/51/Howky_Stehend_Links.png);
height: 76px;
width: 41px;
bottom: 0;
left: -41px;
}

/* +++++ 4. BOX-HALTENDE HOWKYS +++++ */
.howkyContainer
{
position: relative;
}

.howky:after, .howky.tragendBeidseitig:before {
position: absolute;
display: block;
content: '';
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat no-repeat;
}

.howky.knieendUntenLinks:after {
background-image: url(https://howtobeahero.de/images/c/c5/Howky_Kniened_Unten.png);
height: 76px;
width: 63px;
bottom: -76px;
left: 0;
}

.howky.knieendUntenRechts:after {
background-image: url(https://howtobeahero.de/images/c/c5/Howky_Kniened_Unten.png);
height: 76px;
width: 63px;
bottom: -76px;
right: 0;
}

.howky.stehendUntenLinks:after {
background-image: url(https://howtobeahero.de/images/6/6b/Howky_Stehend_Unten.png);
height: 76px;
width: 44px;
bottom: -76px;
left: 0;
}

.howky.stehendUntenRechts:after {
background-image: url(https://howtobeahero.de/images/6/6b/Howky_Stehend_Unten.png);
height: 76px;
width: 44px;
bottom: -76px;
right: 0;
}

.howky.tragendBeidseitig:after {
background-image: url(https://howtobeahero.de/images/1/19/Howky_Stehend_Rechts.png);
height: 76px;
width: 41px;
bottom: 0;
right: -41px;
}

.howky.tragendBeidseitig:before {
background-image: url(https://howtobeahero.de/images/5/51/Howky_Stehend_Links.png);
height: 76px;
width: 41px;
bottom: 0;
left: -41px;
}

/* +++++ 5. AUFTEILENDE BOXEN +++++ */
.flexbox
{
display: flex;
flex-wrap: wrap;
}

.flexbox > *
{
flex: 1 100%;
}

.flexbox > .double
{
flex: 1 49%;
}

.flexbox > .triple
{
flex: 1 32%;
}

/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }

/* +++++ 6. FIXIERTE INFINITYBARS +++++ */
.sticky {
position: fixed;
z-index: 99999999;
}

Vorlage:Beispiellink

2019-06-25T21:43:20Z

ViMaSter:

[{{fullurl:{{{1}}}}} Cooler Linktitel]

Vorlage:Beispiellink

2019-06-25T21:42:24Z

ViMaSter: Die Seite wurde neu angelegt: „[{{fullurl:{{{1}}}}} edit Page]“

[{{fullurl:{{{1}}}}} edit Page]

Benutzer:ViMaSter

2019-05-25T10:23:36Z

ViMaSter: Die Seite wurde geleert.

ViMaSter: Bannerskalierung auf Mobilgeraeten behoben

<div id="hauptseite">

<center>'''Willkommen beim How to be a Hero-Regelwerk!'''</center>

<div class="heroimage">[[Datei:how_to_mainpage_2.png|link=]]</div>

<center class="sub">Hier kannst du dir das ''How to Be a Hero''-Regelwerk herunterladen. Das Regelwerk findest du [https://howtobeahero.de/images/4/47/Regelwerk.pdf hier als PDF-Datei] oder [[:Kategorie:Regelwerk|hier im Wiki]].</center>


<div id="hauptseite-willkommen" class="hauptseite-oben">
== Mitwirken ==
<div class="inhalt" align="left">
Du möchtest als Autor aktiv an der Weiterentwicklung des Regelwerks arbeiten? Dann leg los und schreib deinen ersten Artikel. Anschließend werden diese durch unsere '''Redakteure''' gesichtet und entsprechend als "bestätigte Version" markiert. Du möchtest dich mit anderen Autoren aus der Community und unseren Redakteuren vernetzen? Besuch doch einfach unseren '''<big>[https://discord.gg/BGuQJdU Discord-Server]</big>'''!

Wenn du ein Abenteuer hier einfügen möchtest, dann solltest du dich an [https://howtobeahero.de/index.php?title=Abenteuerstruktur diese Struktur] halten.

Du kannst auch für Verbesserungen an

[mailto:regelwerk@howtobeahero.de regelwerk@howtobeahero.de] (für Fragen und Anregungen rund um Regelwerk und Module)

oder an

[mailto:redaktion@howtobeahero.de redaktion@howtobeahero.de] (für Verbesserungen, Abenteuer und Settings) schreiben.

'''<big>Wir antworten dir immer! Bitte beachte deinen Spam-Ordner!</big>'''

WICHTIG!! Leider bekommen wir immer wieder Mails, die nicht richtig verschickt wurden. Diese können wir leider nicht bearbeiten, weil dort kein Inhalt mitgeschickt wird. Wenn du keine Antwort von uns bekommst, schreibe uns einfach auf Twitter an!

Oder lieber auf Social Media? Twitter es raus an [https://twitter.com/HtbaH_Official HtbaH_Official]!
</div>
</div>


<div id="hauptseite-funktion" class="hauptseite-links">

== Neuerungen ==
<div class="inhalt" align="left">
Was gibt es eigentlich so Neues?

* '''Unser offizieller Charakterbogen steht zum Download bereit. [[Charakterbogen| Hier]] findest du ihn.'''
* [https://howtobeahero.de/index.php?title=Kategorie:1648:_Von_Krieg_und_Frieden 1648: Von Krieg und Frieden] ist jetzt online!!!
* Eine komplett neue Fassung des Regelwerks mit tollen Illustrationen dazu.''' Du findest sie [https://howtobeahero.de/HTBAH-Grundregelwerk.pdf hier]
* Die ersten [https://howtobeahero.de/index.php?title=Kategorie:%22Wilde%22_Abenteuer unbestätigten User-Abenteuer] und [https://howtobeahero.de/index.php?title=Kategorie:Bestätigte_Abenteuer bestätigten User-Abenteuer], die du bereits spielen kannst.

</div>
</div>


<div id="hauptseite-kontakt " class="hauptseite-links">

== Kontakt ==
<div class="inhalt" align="left">
Du möchtest uns dabei helfen, das Regelwerk zu ergänzen oder an Grafiken, Illustrationen und Technik mitwirken? Du willst in unser HTBAH Team? Dann schreib uns eine [mailto:bewerbung@howtobeahero.de Mail], und wir melden uns bei dir!
</div>
</div>


<div id="hauptseite-funktion" class="hauptseite-links">

== Wie funktioniert das hier? ==
<div class="inhalt" align="left">
Es wird unterschieden in ''Kategorien'' und einzelne ''Seiten''. Jeder registrierte Benutzer hat die Möglichkeit, jede einzelne Seite als PDF auszugeben. Wer ein komplettes Buch möchte, schaut sich die Kategorien an. Wir werden für jede Erweiterung und für jedes Abenteuer eine Kategorie anlegen. So könnt ihr euch alles auch gebündelt herunterladen.
</div>
</div>


<div id="hauptseite-fehler" class="hauptseite-links">

== Ich habe einen Fehler gefunden! ==
<div class="inhalt" align="left">
Das kann immer mal wieder passieren, du darfst uns gerne darauf aufmerksam machen. Dieses Projekt befindet sich noch in einer Beta-Phase und wird kontinuierlich weiterentwickelt. Erwartet also kein fertiges Produkt. Das Grund-Regelwerk steht zum Download bereit, und die weiteren Schritte gehen wir gemeinsam! So wissen wir zum Beispiel, dass die PDF-Ausgabe noch nicht schick aussieht und etwas durcheinander ist. Daran arbeiten wir gerade! Feedback und Kritik nehmen wir gerne unter [mailto:redaktion@howtobeahero.de redaktion@howtobeahero.de] an.
</div>
</div>

__NOTOC__

2018-10-25T00:30:31Z

ViMaSter:

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* +++++ 1. HAUPTSEITE +++++ */
div#hauptseite .heroimage {
max-width: 100%;
}

div#hauptseite h2 {
font-family: inherit;
font-size: 1.5em;
font-weight: bold;
line-height: 1.5;
margin: 0;
padding: .1em 0;
}
div#hauptseite h3 {
font-family: inherit;
font-size: 1em;
font-weight: bold;
line-height: 1.5;
margin: 0;
padding: .1em 0;
}
#hauptseite .inhalt {
border-top: 0;
min-height: 0; /* IE 7 */
padding: .3em .8em .4em;
}
#hauptseite .inhalt hr {
height: 1px;
margin: .5em 0;
}
#hauptseite .inhalt .mehr {
clear: both;
font-size: 95%;
margin-top: .8em;
text-align: right;
}
.hauptseite-oben,
.hauptseite-obenlinks,
.hauptseite-obenrechts,
.hauptseite-links,
.hauptseite-rechts,
.hauptseite-hinweise,
.hauptseite-mitte{
margin-bottom: 1em;
}
.hauptseite-obenlinks,
.hauptseite-links {
margin-right: .5em;
}
.hauptseite-obenrechts,
.hauptseite-hinweise,
.hauptseite-rechts {
margin-left: .5em;
}
.hauptseite-oben h2,
.hauptseite-obenlinks h2,
.hauptseite-obenrechts h2,
.hauptseite-hinweise h2,
.hauptseite-mitte h2,
.hauptseite-unten h2 {
text-align: center;
}
.hauptseite-oben .inhalt .portale {
font-weight: bold;
margin: .2em 0;
}
.hauptseite-oben .inhalt .intern {
font-size: 90%;
text-align: center;
}
.hauptseite-links h2,
.hauptseite-hinweise h2,
.hauptseite-rechts h2,
.hauptseite-unten h2 {
text-indent: .8em;
}
.hauptseite-links h3,
.hauptseite-hinweise h3,
.hauptseite-rechts h3,
.hauptseite-unten h3 {
text-indent: .8em;
}

.hauptseite-unten h3 {
font-size: 1.15em;
}

#hauptseite .mw-headline-anchor {
display: none;
}

/* +++++ 2. KATEGORIE-KLAPPBOXEN +++++ */
.categoryListTitle {
font-family: inherit;
font-size: 1em;
font-weight: bold;
color: #ffffff;
line-height: 1.5;
margin: 0;
padding: .1em 10px;
text-decoration: underline;
border: 2px solid #A3ACBE;
}

.categoryListColumn:hover .categoryListTitle {
border: 2px solid #838FA7;
text-decoration: none;
}

.categoryList.hidden {
display: none;
}

.categoryList.shown {
display: block;
}

.categoryList-item {
font-size: 1em;
}

.categoryList {
padding: 5px 10px;
background: white;
}

.categoryListRow {
display: flex;
flex-wrap: wrap;
}

.categoryListColumn {
flex-grow: 1;
flex-basis: 10%;

background: #A3ACBE;
}

.categoryListColumn:hover {
flex-grow: 1;
flex-basis: 10%;

background: #838FA7;
}

.break-1 .categoryListColumn {
min-width: 100%;
}

.break-2 .categoryListColumn {
min-width: 50%;
}

.break-3 .categoryListColumn {
min-width: 33.333%;
}

.break-4 .categoryListColumn {
min-width: 25%;
}

.break-5 .categoryListColumn {
min-width: 20%;
}

.break-6 .categoryListColumn {
min-width: 16.66666%;
}

.break-7 .categoryListColumn {
min-width: 14.285%;
}

.break-8 .categoryListColumn {
min-width: 12.5%;
}

.break-9 .categoryListColumn {
min-width: 11.1111%;
}

.break-10 .categoryListColumn {
min-width: 10%;
}

/* +++++ 3. BOX-HALTENDE HOWKYS +++++ */
.howky
{
position: relative;
}

.howky:after, .howky.tragendBeidseitig:before {
position: absolute;
display: block;
content: '';
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat no-repeat;
}

.howky.knieendUntenLinks:after {
background-image: url(https://howtobeahero.de/images/c/c5/Howky_Kniened_Unten.png);
height: 76px;
width: 63px;
bottom: -76px;
left: 0;
}

.howky.knieendUntenRechts:after {
background-image: url(https://howtobeahero.de/images/c/c5/Howky_Kniened_Unten.png);
height: 76px;
width: 63px;
bottom: -76px;
right: 0;
}

.howky.stehendUntenLinks:after {
background-image: url(https://howtobeahero.de/images/6/6b/Howky_Stehend_Unten.png);
height: 76px;
width: 44px;
bottom: -76px;
left: 0;
}

.howky.stehendUntenRechts:after {
background-image: url(https://howtobeahero.de/images/6/6b/Howky_Stehend_Unten.png);
height: 76px;
width: 44px;
bottom: -76px;
right: 0;
}

.howky.tragendBeidseitig:after {
background-image: url(https://howtobeahero.de/images/1/19/Howky_Stehend_Rechts.png);
height: 76px;
width: 41px;
bottom: 0;
right: -41px;
}

.howky.tragendBeidseitig:before {
background-image: url(https://howtobeahero.de/images/5/51/Howky_Stehend_Links.png);
height: 76px;
width: 41px;
bottom: 0;
left: -41px;
}

/* +++++ 4. BOX-HALTENDE HOWKYS +++++ */
.howkyContainer
{
position: relative;
}

.howky:after, .howky.tragendBeidseitig:before {
position: absolute;
display: block;
content: '';
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat no-repeat;
}

.howky.knieendUntenLinks:after {
background-image: url(https://howtobeahero.de/images/c/c5/Howky_Kniened_Unten.png);
height: 76px;
width: 63px;
bottom: -76px;
left: 0;
}

.howky.knieendUntenRechts:after {
background-image: url(https://howtobeahero.de/images/c/c5/Howky_Kniened_Unten.png);
height: 76px;
width: 63px;
bottom: -76px;
right: 0;
}

.howky.stehendUntenLinks:after {
background-image: url(https://howtobeahero.de/images/6/6b/Howky_Stehend_Unten.png);
height: 76px;
width: 44px;
bottom: -76px;
left: 0;
}

.howky.stehendUntenRechts:after {
background-image: url(https://howtobeahero.de/images/6/6b/Howky_Stehend_Unten.png);
height: 76px;
width: 44px;
bottom: -76px;
right: 0;
}

.howky.tragendBeidseitig:after {
background-image: url(https://howtobeahero.de/images/1/19/Howky_Stehend_Rechts.png);
height: 76px;
width: 41px;
bottom: 0;
right: -41px;
}

.howky.tragendBeidseitig:before {
background-image: url(https://howtobeahero.de/images/5/51/Howky_Stehend_Links.png);
height: 76px;
width: 41px;
bottom: 0;
left: -41px;
}

/* +++++ 5. AUFTEILENDE BOXEN +++++ */
.flexbox
{
display: flex;
flex-wrap: wrap;
}

.flexbox > *
{
flex: 1 100%;
}

.flexbox > .double
{
flex: 1 49%;
}

.flexbox > .triple
{
flex: 1 32%;
}

/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }