diff --git a/froide_govplan/templates/cms/mypage.html b/froide_govplan/templates/cms/mypage.html
index e933ab9..fb96eda 100644
--- a/froide_govplan/templates/cms/mypage.html
+++ b/froide_govplan/templates/cms/mypage.html
@@ -150,6 +150,70 @@
text-decoration: none;
display: inline-flex;
}
+
+ .ellipsis {
+ display: -webkit-box;
+ -webkit-line-clamp: 1;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+
+/* Mobile: nur 1 Slide sichtbar */
+@media (max-width: 768px) {
+ .carousel-inner .carousel-item > div {
+ display: none;
+ }
+ .carousel-inner .carousel-item > div:first-child {
+ display: block;
+ }
+}
+
+/* Für alle Carousel-Übergangszustände Flex anzeigen */
+.carousel-inner .carousel-item.active,
+.carousel-inner .carousel-item-start,
+.carousel-inner .carousel-item-next,
+.carousel-inner .carousel-item-prev {
+ display: flex;
+}
+
+/* Desktop: max. 3 Slides sichtbar */
+@media (min-width: 768px) {
+
+ .carousel-inner .card {
+ margin-right: 1rem;
+ }
+
+ .carousel-inner .col-md-4 {
+ width: 32% !important;
+ }
+
+ .carousel-inner .carousel-item-right.active,
+ .carousel-inner .carousel-item-next,
+ .carousel-item-next:not(.carousel-item-start) {
+ transform: translateX(32%) !important;
+ }
+
+ .carousel-inner .carousel-item-left.active,
+ .carousel-item-prev:not(.carousel-item-end),
+ .active.carousel-item-start,
+ .carousel-item-prev:not(.carousel-item-end) {
+ transform: translateX(-32%) !important;
+ }
+
+ .carousel-item-next.carousel-item-start,
+ .active.carousel-item-end {
+ transform: translateX(0) !important;
+ }
+
+ .carousel-inner .carousel-item-prev,
+ .carousel-item-prev:not(.carousel-item-end) {
+ transform: translateX(-32%) !important;
+ }
+}
+
+
+
{% block extra_css %}
{% endblock %}
@@ -173,6 +237,31 @@