Changelog

April

  • Add new favicon.ico with 16x16, 32x32 and 48x48
  • Modul Infofigures: Fix broken layout of tilte (all verticals) and bottom border (vertical shop)

März

  • Modul Text/Bild: Fix alt and title text for colorbox
  • Modul Video: Add audio/video support for mediaelement, movingimage and html5 sources; Add twoclick solution; Add samples to styleguide
  • Accordion: Fix overflow issue with longer ordered lists

Februar 2026 - Release "Boddinstraße"

  • Layout fix teasertile_buehne for vertical econmomy and shop
  • Add sample pages to vertical organization
  • ITDZ: Fix wrong colors for breadcrumb and language select

Januar 2026 - Release "Alexanderplatz"

  • Add missing button role to footer menu trigger

Dezember 2025 - Release "Linepithema"

  • Update Page "Global > Footer"
  • Add vertical "Participation"
  • Add optional footer to: "Modul Teaser" (particioation example)
  • Add optional image to: "Modul Card". Update Markup.
  • Add possibility to display card footer at the bottom of stretched cards inside flexgrid
  • Add new layoutvariations to: Opener "Image with aside"
  • Add new layoutvariation to: Modul "Infofigures"
  • Add new layoutvariation to: Element "List" (arrowlist)
  • Add new layoutvariation to: Element "List" (Horizontal list stretched and boxed)
  • Add hover effect to: Listelement "Newslist"
  • Add new footer option to: Element "Panel"
  • Add vertical participation samplepages

November 2025 - Release "Knotenameise"

  • Add vertical disclaimer text
  • Add "conword" functionality to Designsystem

Oktober 2025 - Release "Jack Jumper"

  • RSS List: Fix image path

September 2025 - Release "Iridomyrmex"

  • Add ITDZ Theme
  • Fix too high mobile pageheader when textlogo is very long
  • Cumulative Layout Shift: Add fix image ratios to image container to the following modules: Teaser(4/3), Marketing Teaser(4/3), Testimonial(4/3), Poster Teaser(4/5), Bühnen Teaser(2/1)
  • Fix two display bugs caused by aural class

August 2025 - Release "Harpeganthos"

  • Add BDE-Chat Interface
  • Add new bicons: "seeding", "comment", "comments", "comment-dots", "tablet", "circle", "train"

Juli 2025 - Release "Gelbe Spinnerameise"

  • Add global color palette
  • "Lorem ipsum" samplepages

Juni 2025 - Release "Feuerameise"

  • Add intranet favicon
  • Update Barrierefreiheitserlärung

Mai 2025 - Release "Ernteameise"

  • Add tabs modul
  • Update intro text on icon page
  • Adjusted header and logo dimensions
  • Add Lebenslagen-icons to vertical citizenservice
  • Change stage images from 16x9 to 2x1
  • Add dark background as fallback for image opener
  • Add example login form

April 2025 - Release "Dinoponera"

  • Removed ul/li from tilesopener
  • removed italic font style from address-tag

März 2025 - Release "Crematogaster"

  • Add new simple spinner
  • Change gallery spinner layout to simple spinner

Februar 2025 - Release "Bulldoggenameise"

  • Change form borders from 2px black to 1px grey
  • Add bicons "bluesky" and "threads"
  • Add optional background to hero image with overlay textbox

Januar 2025 - Release "Amazonenameise"

  • Add bicon "pause"
  • Globale body- und html-Regeln aus landesfooter.css entfernt
  • Sprachumschalter rutsch in mobile nicht mehr in die nächste Zeile, wenn die breadcrumb zu lang wird.
  • Change fullscreen icon on text_bild-modul images from "lens" to "maximize"
  • Refactor SwiperJS-Modules in Vanilla JS (remove jQuery), make them available on the window-Object for later initialization.

Dezember 2024 - Release "Lido"

  • Update print layout
  • Language Select: Fix aria attributes
  • Card: Fix margin
  • Infofigures: Fix line-height
  • Bicon: Add Mastodon, RSS and Flickr icons
  • JS: Fix facetingform helptext overlay keyboard operation
  • JS: Change deprecated KeyboardEvent:keyCode to KeyboardEvent:code property
  • Add Spinner Overlay Markup and CSS

November 2024 - Release "Kalkscheune"

  • Fix bug in landesfooter.css (missing bicon)
  • Fix Language Selector in direction rtl
  • Spinner: Add example with Text

Oktober 2024 - Release "JWD"

  • Add arrow to teaser images (Marketing;Citizenservice)
  • BerlinOnline Firmierung aktualisiert
  • Change footer chevron-icons from fontawesome to bicon
  • Fix z-index of imagegalary module #61082

September 2024 - Release "Insomnia"

  • Update Patternlab to v6.1.0
  • Change link to Contactform on page Barrierefreiheitserklärung

August 2024 - Release "Hafenbar"

  • Add module Arrowtiles
  • Add modul panel-crossvertical in layout citizenservice (serviceportal touchpoint example) (NULL)
  • Add prototype for BerlinOnline statuspage (NULL)
  • Set color of visited links to browser default
  • Change Fontawesome Icons to Bicons Syntax
  • Bildrechte und Bilder korrigiert
  • Removed header quicklinks from styleguide

Juli 2024 - Release "Gretchen"

  • Datenschutzerklärung update
  • Image Gallery: Caption first, copyright last (desktop and mobile); Caption not bold;
  • Better faceting form page
  • Add DGS icon example to video page
  • Removed old Imperia i9f recources
  • Image Markup and Ratios: Fix wrong ratio documentation
  • Icons: Add new "leichte-sprache" and "dgs" icons (bicon)
  • Pagination: New Markup for better accessibility

Juni 2024 - Release "Frannz"

  • Add checkbox in "toggle switch" layout to forms
  • input type="date/time": re-acivate the native browser calendar icon because firefox do not support hiding the icon anymore
  • Copyrightangaben an Bildern überarbeitet
  • Unify "more" links for better accessibility (see "Buttons and Links" page)
  • HTML Validation: Fix markup errors and remove trailing slashes
  • Add some fontstyles to font page
  • Add errorpage example to samplepages
  • Renamed "Tabellenliste" to "Liste zweispaltig"

Mai 2024 - Release "Else"

  • Global Search Overlay: Removed old searchslot css rules that breaks the new searchslot markup.
  • Bicon: Change css inlcuded svg icons from base64 to urlencoded utf8 to fix safari issue
  • Accordion: Optimized initial status of panels to fix anker positioning issue
  • Change some Textformats from 11px to 14px
  • Vertical Organzation: Change list bullet type to disc
  • Add image ratios to images. Fix image ratios on image page.
  • Add a link to the ESI-include support-wiki to the global CSS/JS Page

April 2024 - Release "Duncker"

  • Fix list bullets inside a table inside a text_bild modul
  • Fix link color for vertical assetservice
  • Fix accessibility of language select menu

März 2024 - Release "Cassiopeia"

  • Accordion Pfeile: Richtung angepasst
  • Searchform Slot Button: Klassen "button" und "button--clean" entfernt
  • Modul Publictransport: Add wrapper (span.title) to panel-title, to align it to the left.
  • Horizontal rule: Add "fullwidth" dokumentation to styleguide.
  • Datepicker: Show "year" select

Februar 2024 - Release "Berghain"

  • Modul Public Transport: Markupänderung der Entfernungsangabe für Haltestellen (span.distance wird zu div.text--meta)
  • Barrierefreiheit: Update SwiperJS to v11.0.5. (Bühne, Bildergalerie, Carousel)
  • Neue Icons (.bicon) können nun getestet werden (ohne Fontawesome include). CSS-Integrierte Icons (z.B. Teaser-Arrow) werden automatisch auf das neue Icon umgestellt.

Januar 2024 - Release "Arena"

  • Text/Bild-Modul: Layout im Modus leichte Sprache angepasst.
  • Text/Bild-Modul: Rechtsbündgige Bilder werden auf kleinen Bildschirmen jetzt hinter dem Text dargestellt.

Dezember 2023 - Release "Landwehrkanal"

  • Javasript Funktion document.BO_verticalJsLoaded() hinzugefügt, falls das automatische laden fehlschlägt
  • Formularelemente Layout für Safari Browser gefixt (select, search, date)
  • Verhalten des Akkordeons so angepasst, dass der Header beim öffnen eines Panels immer im sichtbaren Bereich bleibt
  • Neue Akkordeon Option zum initialen öffnen von Panels eingefügt
  • Neue Akkordeon Option zum anzeigen eines "Alle öffnen" Buttons eingefügt
  • Bühnenteaser Bilder und Titel sind jetzt auch im Styleguide verlinkt
  • Interne Styleguideverlinkungen gefixt

November 2023 - Release "Kulturbrauerei"

  • Verhalten des Auftrittstitels bei langen Titeln und vielen Quicklinks im Header verbessert

Oktober 2023 - Release "Jüdisches Museum"

  • Icons: Neues, integriertes Iconset (.bicon) für Standardicons (z.b Header/Footer/Teaser). Unabhängig von der Fontawesome Bibliothek.
  • Navigation Primary: Refactored behaviour; Highlight current page; Add markup samplepage to styleguide;
  • Fix Testimonial "image__overlay" Verhalten auf kleinen Bildschirmen

September 2023 - Release "ICC"

  • Source Maps deaktiviert
  • Berlin.de Logos als png für Newsletter
  • Modul "Infofigures": Beispiel mit drei Elementen eingefügt
  • Modul "To-top Link": Layout für Vertical Organisation und Service angepasst

August 2023 - Release "Hansaviertel"

  • Accordion bekommt neue Option "allow-multiple" zum öffnen mehrere Abschnitte gleichzeitig.

Juli 2023 - Release "Grunewaldturm"

  • Searchform(slot): Neues optionales Element für Suchlinks unter dem Suchbegriff
  • Pills: Neues pill element für filter
  • z-index vom #header auf 50 erhöht

Juni 2023 - Release "Fernsehturm"

  • Neue Panel Nesting Klasse: panel--remove-inner-panels
  • Fix flexgrid .flex--stretch-inner (Fullwidth Image with Overlay)
  • Poster Teaser: CSS fix für korrekte Darstellung mit copyright. Bildcaption entfernt, da nicht zulässig.
  • Bildergalerie jetzt im 2:1 Format. Bilder werden zentriert dargestellt. Kein Bildcropping. Weißräume bei anderen Bildformaten werden ausgegraut.
  • Artikelbild kann jetzt in ein 2:1 Container gesetzt werden (Verhalten wie Bildergalerie). CSS Klasse: .image.image--force-2x1
  • Responsive breakpoints angepasst
  • Responsive flexgrid spans angepasst
  • Fix der .span5, .span7, .span10 und .span11 Breitenkalkulation
  • A-Z Pagerlayout (active/hover) an Paginationslayout angepasst
  • Pagination hat jetzt dunkleren Rahmen (Barrierefreiheit)

Mai 2023 - Release "East Side Gallery"

  • Grids: row/span-grid und Flexgird sind jetzt zu 100% flex mit gap. Kein Floating oder negative Margins mehr.
  • Kontaktmodul: Mobiltelefon-Icon eingefügt
  • Kontaktmodul: Signed Email Text jetzt in eigener Zeile
  • Fix Ajax JS Bug in Flyin Overlay
  • Neuer Opener: Image with aside
  • Images: Bild-Overlays (image__overlay) vereinfacht mit neuen, globalen Eigenschaften (z.B. im Mosaic Modul und Portal Startseite Hero)

April 2023 - Release "Drachenberg"

  • Messages: Layoutoption "message--status" ersetzt durch neues Element "Pill" (Elements->Pills)
  • Neues Element: Pills
  • "Searchform-slot" in Beispielseiten eingebaut
  • "panel--heavy" Farbfehler korrigiert
  • Bildergalerien jetzt mit hellerem Hintergrund

März 2023 - Release "Checkpoint Charlie"

  • Modul "Card": Funktionsbuttons erweitert

Februar 2023 - Release "Bierpinsel"

  • Modul Stickybutton überarbeitet
  • Modul Bildergalerie: Caption in bold
  • Falsche Abstände beim Marketing Teaser gefixt
  • Messages: Status Message hinzugefügt
  • Globale Suche Overlay: Focus liegt automatisch auf dem Suchfeld
  • Bootstrap v2 Grid: Fehlende Bildmargins in Viewport "Tablet" gefixt
  • Vertical Shop: Neues Layout für Tilesopener
  • Vertical Shop: Neues Beispielseiten
  • Neues Modul: Location Accessibility

November 2022 - Release "Lebkuchen"

  • Tabfocus für bessere Barrierefreiheit um einen zweiten, weißen Rahmen erweitert
  • Flyin Overlay: Javascript überarbeitet und neue Layoutoption "modal" hinzugefügt

Oktober 2022 - Release "Katzenzunge"

  • Seite "Map" erweitert
  • Seite "Favicon" eingefügt
  • A-Z Liste mit neuem Markup (Nur noch eine Liste, dadurch müssen Buchstaben keine Überschriften mehr sein)

September 2022 - Release "Julkuchen"

  • Neues Modul "carousel"

August 2022 - Release "Injera"

  • jQuery muss nicht mehr im head geladen werden.

Juli 2022 - Release "Hefezopf"

  • Neues Vertical "Info"
  • Neues Modul "toc" für Inhalstverzeichnis auf Artikelseiten
  • Teasertile (.modul-teasertile) hat jetzt die Klasse ".teasertile" und einen neuen Listenwrapper ".modul-teasertiles". Flexgid entfällt.
  • Icontile (.modul-icontile) hat jetzt die Klasse ".icontile" und einen neuen Listenwrapper ".modul-icontiles". Flexgid entfällt.
  • Modul ".icontile" hat ein neues Markup (Barrierefreiheit)
  • Modul Bühne als im Kachelopenerlayout hat eine weitere css-Klasse ".buehne--tileslayout"
  • Fix für Schriftgröße Feedbackformular im Footer
  • CSS für Posterteaser überarbeitet. Volltonfarben als Bildalternative jetzt möglich.

Juni 2022 - Release "Guglhupf"

  • Neuer Button: "button--close"
  • Neuer Button: "button--booking"
  • Neues Accorden und FAQ Markup: jetzt als Liste (für besseres Überschriftenhandling)"
  • Stickybutton: Nicht mehr Sticky, wenn zu wenig Platz in der Höhe (z.B. Zoom 200% auf Smartphone)

April 2022 - Release "Eclair"

  • Form Checkboxen haben jetzt einen cursor:pointer
  • Liste "list--functionlist" Checkboxen auf voller Breite klickbar
  • Text im Portalfooter korrigiert
  • Portalheader mit neuem Suchformular
  • Neuer Paneltyp "panel--hint" hinzugefügt
  • Buttons: Neues Button Layoutkonzept

März 2022 - Release "Donat"

  • Neues Vertical "Economy" hinzugefügt
  • Vertical "Economy": "Alle Module" Seite CSS angepasst
  • Modul "teasertile" umbenannt in "modul-teasertile"
  • Neues Modul "modul-icontile" hinzugefügt
  • Listen: Bulletpoints werden jetzt mit "::marker" gestylt, nicht mehr mit "::before"
  • Navigationsoverlay: Farbe für Links mit der Klasse ".button" gefixt
  • "Modul Tabellenliste" aus Styleguide entfernt (Erstatz: "Element Tablelist")
  • Vertical "Shop": "Alle Module" Seite CSS angepasst
  • Html Escaping in Code Snippets gefixt
  • Neues Set an Favicons installiert
  • Schreibfehler korrigiert
  • Seite "First Steps" eingefügt
  • CSS fix for Imperia Simplesearch ".cartitem"
  • "Lazy loading" eingebaut für JS und CSS Bibliotheken: swiper.js; shariff.js; colorbox.js (Diese Javascripte und CSSse können aus dem ausgebaut werden, da sie nun bei Bedarf automatisch geladen werden.)
  • Abstände der mobilen Bühne V1 und V2 gefixt