diff --git a/docs/foerbico-landing_draft3.html b/docs/foerbico-landing_draft3.html index 6be68b6..4e57b5b 100644 --- a/docs/foerbico-landing_draft3.html +++ b/docs/foerbico-landing_draft3.html @@ -77,7 +77,7 @@ font-size: 26px; font-weight: 600; letter-spacing: 0.18em; color: var(--blue); } - .logo span { color: var(--orange); } + .logo .oer { color: var(--orange); } .nav-links { display: flex; gap: 36px; list-style: none; } .nav-links a { text-decoration: none; color: var(--ink); @@ -605,6 +605,80 @@ white-space: nowrap; } + /* COMMUNITIES — Verbundpartner */ + .communities { padding: 100px 0; border-top: 1px solid var(--gray-10); background: var(--paper); } + .partner-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20px; + } + .partner-card { + background: var(--white); + border: 1px solid var(--gray-10); + border-radius: var(--radius); + padding: 32px 28px; + transition: var(--ease); + display: flex; flex-direction: column; + text-decoration: none; + color: var(--ink); + } + .partner-card:hover { + border-color: var(--blue); + transform: translateY(-2px); + } + .partner-card .partner-logo { + height: 56px; margin-bottom: 24px; + display: flex; align-items: center; + } + .partner-card .partner-logo img { + max-height: 56px; max-width: 200px; + width: auto; height: auto; + object-fit: contain; + } + .partner-card .label { + color: var(--orange); margin-bottom: 12px; + font-size: 9px; letter-spacing: 0.2em; display: block; + } + .partner-card h4 { + font-size: 22px; font-weight: 500; + margin-bottom: 14px; color: var(--ink); + text-transform: none; letter-spacing: 0; + font-family: 'Roboto Condensed', sans-serif; + line-height: 1.2; + } + .partner-card .partner-desc { + font-size: 13px; line-height: 1.6; + color: var(--gray-60); font-weight: 300; + margin-bottom: 20px; flex: 1; + } + .partner-people { + border-top: 1px dashed var(--gray-10); + padding-top: 16px; + display: flex; flex-direction: column; gap: 6px; + } + .partner-people .label-people { + font-family: 'Roboto Condensed', sans-serif; + font-size: 9px; font-weight: 500; + letter-spacing: 0.22em; text-transform: uppercase; + color: var(--blue); margin-bottom: 6px; + } + .partner-person { + font-size: 13px; color: var(--ink); + line-height: 1.4; + } + .partner-person .role { + font-family: 'JetBrains Mono', monospace; + font-size: 10px; color: var(--gray-60); + display: block; margin-top: 1px; + } + .partner-link { + font-family: 'JetBrains Mono', monospace; + font-size: 10px; color: var(--blue); + margin-top: 16px; + overflow: hidden; text-overflow: ellipsis; + white-space: nowrap; + } + /* TECH — kollabierte Tech-Sektion */ .tech-section { padding: 80px 0; @@ -1188,6 +1262,7 @@ .about-grid { grid-template-columns: 1fr; gap: 48px; } .community-grid { grid-template-columns: 1fr; gap: 48px; } .communities-grid { grid-template-columns: repeat(2, 1fr); } + .partner-grid { grid-template-columns: 1fr; } .funding-inner { grid-template-columns: 1fr; gap: 32px; } } @media (max-width: 640px) { @@ -1225,7 +1300,7 @@