Infobox styling besser und shortcode brauchen wir nicht mehr

assets/css/style.css

@@ -414,11 +414,21 @@ figcaption {
     }
 }
 
+h1 {
+    font-size: 3rem;
+    text-align: center;
+}
+
+h2 {
+    font-size: 2rem;
+    margin: 2rem 0 1rem 0;
+}
+
 .infobox {
     display: block;
     border: 1px solid #ffde89;
     border-radius: 8px;
-    padding: 10px 20px;
+    padding: 10px 12px;
     background-color: #fdeeca;
     font-size: 1.4rem;
     margin: 10px 0;
@@ -427,14 +437,16 @@ figcaption {
     width: calc(100% - 40px);
 }
 
-h1 {
-    font-size: 3rem;
-    text-align: center;
+.infobox :first-child {
+    margin-top: 0;
 }
 
-h2 {
-    font-size: 2rem;
-    margin: 2rem 0 1rem 0;
+.infobox :last-child {
+    margin-bottom: 0;
+}
+
+.infobox p {
+    text-align: justify;
 }
 
 .infobox h2 {
@@ -471,10 +483,6 @@ p {
     hyphens: auto;
 }
 
-.infobox p {
-    text-align: justify;
-}
-
 @media screen and (min-width: 800px) {
     main > p {
         text-align: justify;

content/beitragen/_index.md

@@ -13,11 +13,13 @@ ob Du das als Hobby machst oder von einer Organisation beauftragt bist. Die
 verschiedenen besonderen Interessen und Sichten auf die Welt führen dazu, dass
 wir gemeinsam die beste Karte der Welt erschaffen.
 
-{{% infobox %}}
+<div class="infobox">
+
 Du willst eigentlich nicht groß beitragen, sondern nur einen **Fehler melden**?
 Das ist auch ein wertvoller Beitrag. [**Hier erklären wir, wie das
 geht**](/beitragen/fehler-melden/).
-{{% /infobox %}}
+
+</div>
 
 <div class="grid-container">
 

content/beitragen/als-organisation.md

@@ -32,12 +32,15 @@ ein Mitarbeitender das Unternehmen, macht man einen neuen Account für den
 Nachfolger und trägt gegebenenfalls im alten Account ein, dass er nicht mehr
 benutzt wird und wohin Fragen und Anmerkungen in Zukunft zu richten sind.
 
+<div class="infobox">
+
 Es ist auch eventuell sinnvoll den Namen der Organisation mit in den
 Account-Namen aufzunehmen. Wenn man private und „dienstliche“ Bearbeitungen
 auseinanderhalten will, kann man sich auch zwei OSM-Zugänge anlegen. Eine
-Anmeldung unter Pseudonym ist auch okay, wenn man seinen eigenen Namen nicht
-verwenden will.
-{.infobox}
+Anmeldung unter Pseudonym ist auch okay, wenn man seinen Namen nicht verwenden
+will.
+
+</div>
 
 [OSM-Zugang einrichten](/beitragen/osm-zugang/)
 {.link-intern}

content/beitragen/osm-zugang.md

@@ -44,15 +44,15 @@ Teilnehmervereinbarung](https://osmfoundation.org/wiki/Licence/Contributor_Terms
 [Wiki-Seite „OpenStreetMap Account“](https://wiki.openstreetmap.org/wiki/OpenStreetMap_account) mit weiteren Anleitungen
 {.link-extern}
 
-{{% infobox %}}
+<div class="infobox">
 
 Der OSM-Zugang wird auch für das
 [Community-Forum](https://community.openstreetmap.org/) verwendet. Für das
 [Wiki](https://wiki.openstreetmap.org/) brauchst Du einen getrennten
 Zugang, den Du dort anlegen kannst. (Es empfiehlt sich aber, wenn möglich
 den gleichen Benutzernamen zu verwenden.)
 
-{{% /infobox %}}
+</div>
 
 ## Kann ich auch mehrere Zugänge einrichten?
 

content/community/_index.md

@@ -61,7 +61,7 @@ Jede und jeder kann solche Änderungssätze kommentieren. Dadurch kommt ein
 wichtiger Ausstausch zustande, wenn es mal Unklarheiten geben sollte oder
 verschiedene Meinungen, wie etwas in die Daten einzutragen ist.
 
-{{% infobox %}}
+<div class="infobox">
 
 <a class="spbutton float-right" href="/veranstaltungen/"><svg fill="currentColor" width="20" viewBox="0 0 512 512"><path d="M32,456a24,24,0,0,0,24,24H456a24,24,0,0,0,24-24V176H32ZM352,212a4,4,0,0,1,4-4h40a4,4,0,0,1,4,4v40a4,4,0,0,1-4,4H356a4,4,0,0,1-4-4Zm0,80a4,4,0,0,1,4-4h40a4,4,0,0,1,4,4v40a4,4,0,0,1-4,4H356a4,4,0,0,1-4-4Zm-80-80a4,4,0,0,1,4-4h40a4,4,0,0,1,4,4v40a4,4,0,0,1-4,4H276a4,4,0,0,1-4-4Zm0,80a4,4,0,0,1,4-4h40a4,4,0,0,1,4,4v40a4,4,0,0,1-4,4H276a4,4,0,0,1-4-4Zm0,80a4,4,0,0,1,4-4h40a4,4,0,0,1,4,4v40a4,4,0,0,1-4,4H276a4,4,0,0,1-4-4Zm-80-80a4,4,0,0,1,4-4h40a4,4,0,0,1,4,4v40a4,4,0,0,1-4,4H196a4,4,0,0,1-4-4Zm0,80a4,4,0,0,1,4-4h40a4,4,0,0,1,4,4v40a4,4,0,0,1-4,4H196a4,4,0,0,1-4-4Zm-80-80a4,4,0,0,1,4-4h40a4,4,0,0,1,4,4v40a4,4,0,0,1-4,4H116a4,4,0,0,1-4-4Zm0,80a4,4,0,0,1,4-4h40a4,4,0,0,1,4,4v40a4,4,0,0,1-4,4H116a4,4,0,0,1-4-4Z"/><path d="M456,64H400.08V32h-48V64H159.92V32h-48V64H56A23.8,23.8,0,0,0,32,87.77V144H480V87.77A23.8,23.8,0,0,0,456,64Z"/></svg> Zum Veranstaltungskalender</a>
 
@@ -98,7 +98,7 @@ unsere jährliche internationale Veranstaltung, auf der sich die weltweite
 Community trifft. In manchen Jahren gibt es auch eine [**State of the Map
 Europe**](https://stateofthemap.eu/).
 
-{{% /infobox %}}
+</div>
 
 ## Das OpenStreetMap-Wiki
 

content/community/data-working-group.md

@@ -31,12 +31,12 @@ Mehr über die Arbeit der DWG auf der Seite der OSM Foundation zur
 [Data Working Group (DWG)](https://osmfoundation.org/wiki/Data_Working_Group)
 {.link-extern}
 
-{{% infobox %}}
+<div class="infobox">
 
 Übrigens: Die Data Working Group kann immer Hilfe gebrauchen. Ein bisschen
 Erfahrung mit OSM gehört schon dazu, man sollte die Kultur bei OSM kennen
 und ein bisschen Fingerspitzengefühl im Umgang mit einer Community von
 Freiwilligen haben.
 
-{{% /infobox %}}
+</div>
 

content/community/mitmachen.md

@@ -62,7 +62,7 @@ Organized Editing Guidelines:
 [Offizielle Version (engl.)](https://osmfoundation.org/wiki/Organised_Editing_Guidelines)
 {.link-extern}
 
-{{% infobox %}}
+<div class="infobox">
 
 ### Warum ist das wichtig?
 
@@ -79,4 +79,4 @@ Situation, dass „Neulinge“ mit OSM interagieren, die noch nicht so richtig
 wissen, wie alles funktioniert. Dann ist es wichtig, dass man einen erfahrenen
 Ansprechpartner findet, den Lehrer oder die Chefin des Mappers zum Beispiel.
 
-{{% /infobox %}}
+</div>

content/community/vandalismus.md

@@ -61,9 +61,6 @@ Die Data Working Group (DWG) der OpenStreetMap Foundation kümmert sich bei uns
 im Projekt darum, Vandalismus zu beseitigen. Sie vermittelt auch bei Konflikten
 zwischen Mappern und versucht eine Einigung herbeizuführen.
 
-[EMail-Kontakt zur DWG: data@openstreetmap.org](mailto:data@openstreetmap.org)
-{.link-extern}
-
-Zur [Data Working Group (DWG)](/community/data-working-group/)
-{.link-extern}
+Infos zur [Data Working Group (DWG)](/community/data-working-group/)
+{.link-intern}
 

content/nutzen/daten.md

@@ -7,7 +7,7 @@ title: OpenStreetMap-Daten herunterladen
 Alle OpenStreetMap-Daten können kostenlos und ohne Anmeldung heruntergeladen
 werden.
 
-{{% infobox %}}
+<div class="infobox">
 
 Denk daran, dass diese Daten einer Lizenz unterliegen. Du musst bestimmte Dinge
 bei der Nutzung beachten. Das wichtigste ist die Pflicht zur
@@ -16,7 +16,7 @@ bei der Nutzung beachten. Das wichtigste ist die Pflicht zur
 [Weitere Informationen zum Copyright](https://www.openstreetmap.org/copyright)
 {.link-extern}
 
-{{% /infobox %}}
+</div>
 
 ## Datenformate
 
@@ -32,12 +32,12 @@ Fast alle Software, die mit OSM-Daten arbeitet, unterstützt dieses Format
 und kann damit besonders effizient arbeiten. Wenn möglich, solltest Du mit
 diesem Format arbeiten.
 
-{{% infobox %}}
+<div class="infobox">
 
 Auch für Vektor-Kacheln wird manchmal die Dateiendung `.pbf` verwendet. Das
 ist aber ein ganz anderes Format, sie haben nichts miteinander zu tun.
 
-{{% /infobox %}}
+</div>
 
 Manchmal noch verwendet wird das Original-Format von OSM, das auf XML
 basiert. Selbst gepackt (zum Beispiel mit bzip2) sind die Daten aber fast

content/nutzen/dienste-osm-de.md

@@ -19,11 +19,13 @@ Wir können nicht garantieren, dass die Dienste jederzeit zur Verfügung stehen,
 korrekt funktionieren oder morgen noch da sind. Die Erfahrung der letzten
 Jahre zeigt allerdings, dass sie sehr zuverlässig laufen.
 
-{{% infobox %}}
+<div class="infobox">
+
 Alle Dienste sind ohne eine Registrierung benutzbar. Aber bitte haltet Euch an
 die
 [Nutzungsbedingungen](https://www.fossgis.de/arbeitsgruppen/osm-server/nutzungsbedingungen/)!
-{{% /infobox %}}
+
+</div>
 
 Alle diese Dienste basieren auf Open-Source-Software, die Du auch selbst
 installieren kannst. Es gibt auch Dienstleister, die Dir bei der Installation
@@ -159,13 +161,13 @@ Zum [Download-Server](https://osmdata.openstreetmap.de/)
 </div>
 </div> <!-- grid-container -->
 
-{{% infobox %}}
+<div class="infobox">
 
 Alle von uns betriebene Software ist freie und Open-Source-Software. Du kannst
 sie selbst bei Dir installieren und bei der Weiterentwicklung helfen. Unser
 [Sysadmin-Team](https://www.fossgis.de/arbeitsgruppen/osm-server/) kümmert
 sich um dem Betrieb. Wenn Du etwas Sysadmin-Erfahrung hast und noch mehr lernen
 willst, dann hilf uns doch dabei!
 
-{{% /infobox %}}
+</div>
 

content/nutzen/namensnennung.md

@@ -18,14 +18,14 @@ haben, OSM zu nennen, steht das auch in der Lizenz so drin. Wir verwenden die
 Open Database License (ODbL), die ausdrücklich die Namensnennung
 (*attribution*) vorsieht.
 
-{{% infobox %}}
+<div class="infobox">
 
 Achtung: Wenn Du nicht nur die *Daten* von uns verwendest, sondern unsere
 Karten- oder andere Dienste, dann gibt es noch andere Bedingungen, die zum
 Beispiel sicherstellen sollen, dass die Server nicht überlastet werden. Bitte
 beachte dazu die Nutzungsbedingungen der jeweiligen Dienste.
 
-{{% /infobox %}}
+</div>
 
 ## Namensnennung
 
@@ -116,7 +116,7 @@ Wir behalten uns aber natürlich vor, entsprechend auf Lizenzverletzungen zu
 reagieren. Es ist auch schon vorgekommen, dass wir da einen Anwalt
 eingeschaltet haben.
 
-{{% infobox %}}
+<div class="infobox">
 
 **Ich habe entdeckt, dass jemand die Nutzungsbedingungen nicht einhält. Was
 soll ich tun?**
@@ -142,7 +142,7 @@ Hinweise auf die Vorschrift zur Namensnennung mit (juristischen) Drohungen
 beantwortet wurden. In so einem Fall wende Dich an
 [info@openstreetmap.de](mailto:info@openstreetmap.de).
 
-{{% /infobox %}}
+</div>
 
 ## Ich habe Nutzung X mit OSM-Daten vor. Wer sagt mir, ob das okay ist?
 

content/themen/eisenbahn/_index.md

@@ -26,7 +26,7 @@ aktuellen Position des Zuges basieren auf OSM-Daten. Und auch die an sehr
 vielen Bahnhöfen und Haltpunkten aushängenden Umgebungskarten benutzen
 OSM-Daten.
 
-{{% infobox %}}
+<div class="infobox">
 
 <img class="float-right with-border" src="ausschnitt-openrailwaymap.png" title="Ausschnitt OpenRailwayMap" width="250"/>
 
@@ -41,7 +41,7 @@ die einzelnen Signale entlang der Gleise sehen.
 [OpenRailwayMap](https://openrailwaymap.org/)
 {.link-extern}
 
-{{% /infobox %}}
+</div>
 
 Es ist auch möglich, auf den Gleisen automatisiert zu navigieren. Natürlich
 reicht das nicht aus, um festzustellen, ob eine Verbindung wirklich möglich

content/themen/radfahren/_index.md

@@ -18,7 +18,7 @@ nicht (Wohnstraßen vs. Hauptverkehrsadern). Und wir erfassen auch die
 Beschaffenheit der Wege (Asphalt, Schotterweg, Kopfsteinpflaster, ...) und
 Hindernisse (wie Poller, Gitter und Schranken).
 
-{{% infobox %}}
+<div class="infobox">
 
 <a class="float-right" href="höhenprofil-brouter-web.png"><img class="with-border" src="höhenprofil-brouter-web.png" alt="Beispiel Höhenprofil in BRouter Web" title="Beispiel Höhenprofil in BRouter Web" width="200"/></a>
 
@@ -31,7 +31,7 @@ Viele Navigationslösungen können daher Steigungen in die Routenplanung
 mit einbeziehen. Sie zeigen dann auch ein Profil der Strecke mit an.
 (*Das Beispiel rechts zeigt ein Profil der Software BRouter an.*)
 
-{{% /infobox %}}
+</div>
 
 Spezielle Routing-Software kennt manchmal ein Dutzend Profile und mehr vom
 Rennrad, über Trekkingrad, Gravel, MTB, Liegerad, ... in vielen Variationen, um