fix: Improve print view styling

assets/sass/anchorlink.scss

@@ -31,7 +31,7 @@
   }
 
   @media print {
-    margin: 0;
+    margin: 1rem 0;
   }
 
   svg {
@@ -60,6 +60,10 @@
     background-color: var(--bg-neutral);
     opacity: 1;
   }
+
+  @media print {
+    display: none;
+  }
 }
 
 .a-snackbar {

assets/sass/booking.scss

@@ -4,7 +4,7 @@
   gap: 2rem;
   width: 100%;
 
-  @media (max-width: #{$breakpoint-md}) {
+  @media screen and (max-width: #{$breakpoint-md}) {
     display: flex;
     flex-direction: column;
     gap: 1rem;
@@ -88,6 +88,23 @@
   display: flex;
   gap: 1rem;
   flex-wrap: wrap;
+
+  @media print {
+    > a {
+      flex-wrap: wrap;
+      font-weight: bold;
+
+      &::after {
+        font-weight: normal;
+      }
+    }
+  }
+  > a {
+    @media print {
+      flex-wrap: wrap;
+      font-weight: bold;
+    }
+  }
 }
 
 @mixin booking_section($name) {

assets/sass/content.scss

@@ -13,13 +13,21 @@ code {
   background-color: var(--bg-accent3);
   padding: 0.2rem 0.8rem;
   border-radius: var(--border-radius-s);
+
+  @media print {
+    padding: 0.2rem 0.6rem;
+  }
 }
 
 table {
   border-collapse: collapse;
   margin-bottom: 1rem;
   margin-left: 0.2rem;
   box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.1);
+
+  @media print {
+    box-shadow: none;
+  }
 }
 
 thead {
@@ -48,6 +56,10 @@ tbody {
 
   tr:last-of-type {
     border-bottom: 2px solid $link-hovered;
+
+    @media print {
+      border-bottom: 0.1rem solid #5b5b5b;
+    }
   }
 }
 

assets/sass/expander.scss

@@ -101,7 +101,7 @@ details[open] > .o-expander__summary:not(.o-expander__summary--booking) {
   }
 
   .details-print {
-    border: solid;
+    border: 0.2rem solid #bbb;
     page-break-inside: avoid;
     display: block;
   }

assets/sass/footer.scss

@@ -4,11 +4,19 @@
   display: flex;
   flex-direction: column;
   gap: 0.8rem;
+
+  @media print {
+    margin-bottom: 0;
+  }
 }
 
 .o-footer__links {
   display: flex;
   flex-wrap: wrap;
+
+  @media print {
+    display: none;
+  }
 }
 
 .o-footer__link {
@@ -41,4 +49,14 @@
 
 #language-switcher-button {
   padding-left: 0;
+
+  @media print {
+    display: none;
+  }
+}
+
+.footnote-backref {
+  @media print {
+    display: none;
+  }
 }

assets/sass/interactiveMap.scss

@@ -23,6 +23,10 @@
     flex-direction: column;
     gap: 0.5rem;
     z-index: 3;
+
+    @media print {
+      display: none;
+    }
   }
 
   .o-interactive-map__country--available {

assets/sass/main.scss

@@ -12,7 +12,6 @@
 @import "form.scss";
 @import "expander.scss";
 @import "anchorlink.scss";
-@import "print.scss";
 @import "booking.scss";
 @import "button.scss";
 @import "startpage.scss";

assets/sass/navigation.scss

@@ -8,6 +8,10 @@
   height: 6rem;
   padding-left: calc((100vw - 100%) / 2);
   border-bottom: var(--border);
+
+  @media print {
+    display: none;
+  }
 }
 
 .o-header__wrapper {

assets/sass/sidemenu.scss

@@ -41,6 +41,10 @@
       margin-bottom: 0;
     }
   }
+
+  @media print {
+    display: none;
+  }
 }
 
 .o-aside a {

assets/sass/startpage.scss

@@ -50,6 +50,10 @@
     flex-wrap: wrap;
     gap: 1rem;
   }
+
+  @media print {
+    display: none;
+  }
 }
 
 .o-startpage__news-wrapper {
@@ -67,4 +71,8 @@
 .o-startpage__search {
   margin-bottom: 2rem;
   width: 100%;
+
+  @media print {
+    display: none;
+  }
 }

assets/sass/styles.scss

@@ -11,6 +11,11 @@ body {
   overflow-x: hidden;
   margin: 0;
   line-height: 1.5;
+
+  @media print {
+    print-color-adjust: exact;
+    font-size: 1.4em;
+  }
 }
 
 p,
@@ -43,11 +48,25 @@ a {
   &:focus {
     color: var(--link-hovered);
   }
+
+  @media print {
+    text-decoration: none;
+    color: var(--bs-body-color);
+
+    > .material-symbols-rounded {
+      display: none;
+    }
+  }
 }
 
 main {
   margin-top: 2rem;
   padding-left: calc(100vw - 100%);
+
+  @media print {
+    margin-top: 0;
+    padding-left: 0;
+  }
 }
 
 .o-container {
@@ -73,6 +92,10 @@ main {
     max-width: calc(100vw - 3.2rem);
   }
 
+  @media print {
+    max-width: 100%;
+  }
+
   width: 100%;
   margin-left: auto;
   margin-right: auto;
@@ -102,6 +125,10 @@ img {
   width: 100%;
   height: auto;
   border-radius: var(--border-radius-l);
+
+  @media print {
+    display: none;
+  }
 }
 
 .o-list__picture {
@@ -139,11 +166,21 @@ img {
   > li {
     margin-left: 0.5rem;
   }
+
+  @media print {
+    list-style-position: inherit !important;
+    padding-left: 2rem;
+  }
 }
 
 .o-list__list-item {
-  &--country {
+  &--country,
+  &--operator {
     list-style-type: none;
+
+    @media print {
+      list-style: disc !important;
+    }
   }
 }
 
@@ -208,6 +245,11 @@ img {
     padding: 2rem;
     border-radius: var(--border-radius-l);
     border: var(--border);
+
+    @media print {
+      border: none;
+      padding: 0;
+    }
   }
 
   &__content-wrapper {
@@ -308,3 +350,9 @@ details > summary {
   aspect-ratio: 120 / 50;
   border-radius: var(--border-radius-m);
 }
+
+.o-link__external:not(.o-last-updated)::after {
+  @media print {
+    content: " (" attr(href) ") ";
+  }
+}

assets/sass/teaser.scss

@@ -25,6 +25,11 @@
     font-size: 2.4rem;
     margin-top: 1rem;
   }
+
+  @media print {
+    box-shadow: none;
+    border: 1px solid black;
+  }
 }
 
 .m-teaser--listview {
@@ -96,6 +101,12 @@
   display: flex;
   flex-direction: column;
   justify-content: space-between;
+
+  > .material-symbols-rounded {
+    @media print {
+      display: none;
+    }
+  }
 }
 
 .m-teaser__text {