/* ========================================= links.css Nur für: Ziel: - Content passt auf Mobile ohne horizontales Scrollen - moderne, gut lesbare Link-Liste (ohne Tabellen-Zwang) ========================================= */ .links-page .links-wrap{ max-width: 980px; margin: 0 auto; padding: 22px 28px; background: #fff; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.08); box-sizing: border-box; } .links-page .links-title{ margin: 0 0 18px 0; font-size: 26px; font-weight: 900; } .links-page .links-list{ list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; } .links-page .links-item{ display: grid; grid-template-columns: minmax(140px, 300px) 1fr; gap: 12px 18px; align-items: start; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.08); } .links-page .links-item:last-child{ border-bottom: none; } .links-page .links-url a{ font-weight: 800; text-decoration: none; } .links-page .links-url a:hover, .links-page .links-url a:focus-visible{ text-decoration: underline; } .links-page .links-desc{ line-height: 1.35; } .links-page .links-sep{ border: none; border-top: 1px solid rgba(0,0,0,0.12); margin: 18px 0; } .links-page .links-note{ margin-top: 18px; font-size: 14px; line-height: 1.4; opacity: 0.9; } /* Lange URLs dürfen umbrechen */ .links-page a{ overflow-wrap: anywhere; word-break: break-word; } /* ---------- Mobile ---------- */ @media (max-width: 900px){ .links-page .layout{ grid-template-columns: 1fr; gap: 14px; padding: 12px; } .links-page .content{ order: 1; } .links-page .sidebar{ order: 2; position: static; top: auto; margin-top: 14px; text-align: center; } /* Wrapper-Polster kleiner, damit nix übersteht */ .links-page .links-wrap{ padding: 16px 12px; border-radius: 12px; } /* Link + Beschreibung untereinander */ .links-page .links-item{ grid-template-columns: 1fr; gap: 6px; } } /* ========================================= LINKS-SEITE – Handy: SPD-Logo ausblenden ========================================= */ @media (max-width: 900px){ .links-page .sidebar .logo{ display: none; } }