Auto-sync: 2026-03-20 11:00:28

custom.css

@@ -362,4 +362,150 @@ div[class*="header"] {
   div[class*="bookmark_"] p {
     font-size: 0.84rem !important;
   }
+}
+/* =========================================
+   FIX NUR FÜR DIE UNTEREN BOOKMARK-KARTEN
+   ========================================= */
+
+/* Äußerer Bookmark-Container soll wie echte Card wirken */
+.bookmark,
+div[class*="bookmark_"] {
+  min-height: 92px !important;
+  display: flex !important;
+  align-items: stretch !important;
+  padding: 0 !important;
+  border-radius: 14px !important;
+  overflow: hidden !important;
+  background: linear-gradient(180deg, rgba(18, 28, 45, 0.92) 0%, rgba(10, 17, 30, 0.96) 100%) !important;
+  border: 1px solid rgba(0, 180, 216, 0.16) !important;
+  box-shadow:
+    0 8px 22px rgba(0, 0, 0, 0.34),
+    0 0 0 1px rgba(0, 180, 216, 0.05) !important;
+}
+
+/* Der klickbare innere Bereich darf nicht wie ein Balken aussehen */
+.bookmark > a,
+div[class*="bookmark_"] > a {
+  display: flex !important;
+  align-items: flex-start !important;
+  justify-content: flex-start !important;
+  width: 100% !important;
+  min-height: 92px !important;
+  padding: 16px 18px !important;
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+  gap: 14px !important;
+  text-decoration: none !important;
+}
+
+/* Falls Homepage einen inneren Wrapper nutzt */
+.bookmark a > div,
+div[class*="bookmark_"] a > div {
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+}
+
+/* Icon links wie bei den oberen Karten */
+.bookmark img,
+.bookmark svg,
+div[class*="bookmark_"] img,
+div[class*="bookmark_"] svg {
+  width: 28px !important;
+  height: 28px !important;
+  min-width: 28px !important;
+  min-height: 28px !important;
+  margin-top: 2px !important;
+  opacity: 0.96 !important;
+  filter: drop-shadow(0 0 4px rgba(0, 180, 216, 0.06));
+}
+
+/* Text-Block luftiger */
+.bookmark .title,
+.bookmark h3,
+div[class*="bookmark_"] .title,
+div[class*="bookmark_"] h3 {
+  display: block !important;
+  margin: 0 0 6px 0 !important;
+  font-size: 1rem !important;
+  font-weight: 750 !important;
+  line-height: 1.2 !important;
+  color: #f4fbff !important;
+}
+
+.bookmark p,
+.bookmark .description,
+div[class*="bookmark_"] p,
+div[class*="bookmark_"] .description {
+  display: block !important;
+  margin: 0 !important;
+  font-size: 0.89rem !important;
+  line-height: 1.35 !important;
+  color: #9fb3c8 !important;
+  opacity: 1 !important;
+}
+
+/* Oft liegt bei Bookmarks alles in einer Reihe – das brechen wir auf */
+.bookmark span,
+.bookmark small,
+div[class*="bookmark_"] span,
+div[class*="bookmark_"] small {
+  white-space: normal !important;
+}
+
+/* Hover wie oben */
+.bookmark:hover,
+div[class*="bookmark_"]:hover {
+  transform: translateY(-2px) !important;
+  border-color: rgba(72, 202, 228, 0.34) !important;
+  box-shadow:
+    0 14px 30px rgba(0, 0, 0, 0.42),
+    0 0 0 1px rgba(0, 180, 216, 0.14) !important;
+  background: linear-gradient(180deg, rgba(22, 34, 54, 0.95) 0%, rgba(12, 20, 34, 0.98) 100%) !important;
+}
+
+/* Wenn Homepage die innere Zeile dunkel hinterlegt, killen wir genau das */
+.bookmark [class*="bg-"],
+.bookmark [class*="backdrop"],
+.bookmark [class*="rounded"],
+div[class*="bookmark_"] [class*="bg-"],
+div[class*="bookmark_"] [class*="backdrop"],
+div[class*="bookmark_"] [class*="rounded"] {
+  background: transparent !important;
+  box-shadow: none !important;
+}
+
+/* Optional: obere feine Accent-Linie wie bei Services */
+.bookmark::before,
+div[class*="bookmark_"]::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 12px;
+  right: 12px;
+  height: 1px;
+  background: linear-gradient(
+    90deg,
+    rgba(0, 180, 216, 0) 0%,
+    rgba(72, 202, 228, 0.55) 50%,
+    rgba(0, 180, 216, 0) 100%
+  );
+  opacity: 0.75;
+}
+
+/* Wichtig: kein zusätzlicher innerer Balken */
+.bookmark::after,
+div[class*="bookmark_"]::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background:
+    linear-gradient(
+      135deg,
+      rgba(255,255,255,0.035) 0%,
+      rgba(255,255,255,0.00) 24%,
+      rgba(0,180,216,0.025) 100%
+    );
+  pointer-events: none;
 }