From 2edb4f52b757833e86a3bafb8bb9b990766a2c0f Mon Sep 17 00:00:00 2001
From: Robert Schuster <robert.r.schuster@deutschebahn.com>
Date: Mon, 3 Nov 2025 16:10:57 +0100
Subject: [PATCH 1/4] fix: removed arrow-icon from expander in print view

---
 assets/sass/expander.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/sass/expander.scss b/assets/sass/expander.scss
index 6a646a09..ef8f53d8 100644
--- a/assets/sass/expander.scss
+++ b/assets/sass/expander.scss
@@ -90,8 +90,12 @@ details > summary::-webkit-details-marker {
   display: none;
 }
 
-.o-expander__summary > span {
+.o-expander__summary > .material-symbols-rounded {
   transition: transform 0.2s;
+
+  @media print {
+    display: none;
+  }
 }
 
 .o-expander__summary > div {
@@ -100,7 +104,7 @@ details > summary::-webkit-details-marker {
   gap: 0.5rem;
 }
 
-.details-screen[open] > .o-expander__summary > span {
+.details-screen[open] > .o-expander__summary > .material-symbols-rounded {
   transform: rotate(180deg);
 }
 

From 3da0111cd86a53680b5910c3d26936f09b47b233 Mon Sep 17 00:00:00 2001
From: Robert Schuster <robert.r.schuster@deutschebahn.com>
Date: Mon, 3 Nov 2025 16:23:04 +0100
Subject: [PATCH 2/4] refactor: expander-behaviour in print-view

---
 assets/sass/expander.scss        | 71 +++++++++++++++-----------------
 layouts/shortcodes/booking.html  |  6 +--
 layouts/shortcodes/expander.html | 17 +-------
 3 files changed, 35 insertions(+), 59 deletions(-)

diff --git a/assets/sass/expander.scss b/assets/sass/expander.scss
index ef8f53d8..4091d161 100644
--- a/assets/sass/expander.scss
+++ b/assets/sass/expander.scss
@@ -38,9 +38,23 @@
       }
     }
   }
+
+  > .material-symbols-rounded {
+    transition: transform 0.2s;
+
+    @media print {
+      display: none;
+    }
+  }
+
+  > div {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
 }
 
-.details-screen[open] > .o-expander__summary {
+details[open] > .o-expander__summary {
   &:hover,
   &:focus {
     border-radius: var(--border-radius-m) var(--border-radius-m) 0 0;
@@ -62,10 +76,6 @@
   }
 }
 
-.details-print {
-  display: none;
-}
-
 details {
   position: relative;
   background-color: var(--bg-neutral);
@@ -76,50 +86,35 @@ details {
     width: 100%;
     margin-left: 0;
   }
-}
 
-details > summary {
-  list-style-type: none;
-}
-
-details > div {
-  overflow-x: auto;
-}
-
-details > summary::-webkit-details-marker {
-  display: none;
-}
+  > summary {
+    list-style-type: none;
+  }
 
-.o-expander__summary > .material-symbols-rounded {
-  transition: transform 0.2s;
+  > div {
+    overflow-x: auto;
+  }
 
-  @media print {
+  > summary::-webkit-details-marker {
     display: none;
   }
-}
 
-.o-expander__summary > div {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
+  @media print {
+    border: 0.2rem solid #bbb;
+    page-break-inside: avoid;
+    display: block;
+
+    &::details-content {
+      content-visibility: visible;
+      height: auto !important;
+    }
+  }
 }
 
-.details-screen[open] > .o-expander__summary > .material-symbols-rounded {
+details[open] > .o-expander__summary > .material-symbols-rounded {
   transform: rotate(180deg);
 }
 
 details[open] > .o-expander__summary:not(.o-expander__summary--booking) {
   font-weight: 700;
 }
-
-@media print {
-  .details-screen {
-    display: none;
-  }
-
-  .details-print {
-    border: 0.2rem solid #bbb;
-    page-break-inside: avoid;
-    display: block;
-  }
-}
diff --git a/layouts/shortcodes/booking.html b/layouts/shortcodes/booking.html
index 820374fc..5a171c75 100644
--- a/layouts/shortcodes/booking.html
+++ b/layouts/shortcodes/booking.html
@@ -19,10 +19,6 @@
 -}}
 
 
-<details class="details-screen o-expander o-expander--booking">
-  {{- partial "booking" $params -}}
-</details>
-
-<details open class="details-print o-expander o-expander--booking">
+<details class="o-expander o-expander--booking">
   {{- partial "booking" $params -}}
 </details>
diff --git a/layouts/shortcodes/expander.html b/layouts/shortcodes/expander.html
index 878886a9..03ed31b1 100644
--- a/layouts/shortcodes/expander.html
+++ b/layouts/shortcodes/expander.html
@@ -2,7 +2,7 @@
 {{ $iconMapping := dict "border" "share_location" "traincategory" "train" "info" "info" }}
 
 
-<details name="{{ (.Get 2) }}" class="details-screen o-expander">
+<details name="{{ (.Get 2) }}" class="o-expander">
   <summary class="o-expander__summary">
     <div>
       {{- partial "icon" (index $iconMapping $param) -}}
@@ -15,18 +15,3 @@
     {{ .Inner }}
   </div>
 </details>
-
-<!--
-    Workaround for print version, otherwise the expanders would be closed.
-    The workaround can be removed when the following issue is implemented:
-    https://github.com/w3c/csswg-drafts/issues/2084
--->
-<details open class="details-print o-expander">
-  <summary class="o-expander__summary">
-    <span class="o-expander__summary-text">{{ (.Get 0) }}</span>
-  </summary>
-  <hr aria-hidden="true" />
-  <div class="o-expander__content">
-    {{ .Inner }}
-  </div>
-</details>

From d4e0a67041ff9b9fae605c66ac5d155b67b73416 Mon Sep 17 00:00:00 2001
From: MoritzWeber0 <kontakt@moritz-weber.net>
Date: Sun, 16 Nov 2025 21:08:39 +0100
Subject: [PATCH 3/4] fix: Align booking icons

---
 assets/sass/booking.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/sass/booking.scss b/assets/sass/booking.scss
index fd9e0c06..678d7dc9 100644
--- a/assets/sass/booking.scss
+++ b/assets/sass/booking.scss
@@ -53,7 +53,7 @@
 .o-booking__title {
   display: flex;
   gap: 0.4rem;
-  align-items: flex-start;
+  align-items: center;
   font-weight: 600;
 }
 

From 89c927584d73b8da4bc61c23cf56821ac6fff3bf Mon Sep 17 00:00:00 2001
From: MoritzWeber0 <kontakt@moritz-weber.net>
Date: Sun, 16 Nov 2025 21:11:06 +0100
Subject: [PATCH 4/4] fix: Hide o-aside in print view

---
 assets/sass/contentNavigation.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/assets/sass/contentNavigation.scss b/assets/sass/contentNavigation.scss
index 42d34f9c..306613c2 100644
--- a/assets/sass/contentNavigation.scss
+++ b/assets/sass/contentNavigation.scss
@@ -25,6 +25,10 @@
   li {
     margin-bottom: 0.3rem;
   }
+
+  @media print {
+    display: none;
+  }
 }
 
 .o-aside__header {