adasd

modules/boersenchecker/assets/boersenchecker.css

@@ -12,6 +12,63 @@
   color: var(--bc-text);
 }
 
+.bc-frame {
+  height: 100%;
+  min-height: 0;
+}
+
+.bc-sidebar {
+  gap: 0;
+}
+
+.bc-brand {
+  margin-bottom: 18px;
+}
+
+.bc-nav-list {
+  gap: 12px;
+}
+
+.bc-nav-button {
+  text-decoration: none;
+}
+
+.bc-nav-button strong {
+  display: block;
+  margin-bottom: 4px;
+}
+
+.bc-main {
+  background: transparent;
+}
+
+.bc-panel-shell {
+  max-width: 1280px;
+}
+
+.bc-hero {
+  align-items: flex-start;
+}
+
+.bc-pill-row {
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+
+.bc-pill {
+  display: inline-flex;
+  align-items: center;
+  min-height: 36px;
+  padding: 8px 14px;
+  border-radius: 999px;
+  border: 1px solid color-mix(in srgb, var(--bc-accent) 34%, transparent);
+  background: color-mix(in srgb, var(--bc-accent) 10%, white);
+  color: var(--bc-text);
+  font-size: 0.86rem;
+  font-weight: 700;
+}
+
 .bc-page {
   display: grid;
   gap: 16px;
@@ -331,6 +388,10 @@
 }
 
 @media (max-width: 980px) {
+  .bc-frame {
+    grid-template-columns: 1fr;
+  }
+
   .bc-hero-top {
     grid-template-columns: 1fr;
   }