container for overlay content
August
- Fullwidth image opener now supports svg animations
- Change CSS to a modern way of clearing container floatings using display:flow-root
- Add CSS fix to diplay long ol-list numbers inside modul-text_bild correctly
Juli
- Add new Table of content (TOC) layout
- Remove "karriereportal-winkel" from vertical marketing
- Give teaser "more"-links a better accessibility
- Add new destructive button
- Add new dialog module "modal-trigger"
Juni
- Fix double margins between article hero unit and content area
- Add form validation example for fieldsets
- Update text on BFE page
- Fix javascript for better js-multi-select form element
- Fix gallery swiper keyboard navigation. Update swiperjs from 11.0 to 11.1.
Mai
- Add formelement JS multiselect (checkboxes to multiselect with javascript)
- Add a new panel variant "panel--bar"
April
- Add Automatic hyphenation
- 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"
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"
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
