# Cyberbridge Guldturnering — Divi Guide
## Sådan bygger du siden trin for trin---## TRIN 1 — Opret siden
1. Gå til **WordPress Dashboard → Sider → Tilføj ny**
2. Titel:`Guldturnering 2026`
3. Klik **"Brug Divi Builder"** → vælg **"Byg fra bunden"**
4. Gå til **Sideindstillinger** (tandhjulet nederst) → sæt **Sideoverskrift:Skjul** og **Sidefod:Skjul** (hvis du vil have fuld kontrol)---## TRIN 2 — Indsæt Custom CSS
Gå til:**WordPress Dashboard → Divi → Tema-indstillinger → Custom CSS**
(eller **Udseende → Tilpas → Yderligere CSS**)
Paste hele blokken herunder:```css
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@300;400;500&display=swap');body{background:#0a0a12}.cb-hero{background:radial-gradient(ellipse 80% 60% at 50% 20%,#1a1408 0%,#0a0a12 70%)!important;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.cb-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(196,158,54,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(196,158,54,0.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.cb-badge{font-family:'DM Sans',sans-serif!important;font-size:11px!important;font-weight:500!important;letter-spacing:0.3em!important;text-transform:uppercase!important;color:#e8c84a!important;border:1px solid rgba(196,158,54,0.5)!important;border-radius:50px!important;padding:8px 20px!important;display:inline-block!important;background:rgba(196,158,54,0.08)!important}.cb-h1{font-family:'Syne',sans-serif!important;font-size:clamp(3rem,8vw,6rem)!important;font-weight:800!important;line-height:1!important;letter-spacing:-0.03em!important;color:#f5edd8!important}.cb-h1-gold{font-family:'Syne',sans-serif!important;font-size:clamp(3rem,8vw,6rem)!important;font-weight:800!important;background:linear-gradient(135deg,#e8c84a 0%,#c49e36 40%,#f0d060 80%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.cb-h2{font-family:'Syne',sans-serif!important;font-weight:700!important;color:#f5edd8!important}.cb-body{font-family:'DM Sans',sans-serif!important;color:rgba(232,228,216,0.6)!important;line-height:1.8!important}.cb-gold{color:#c49e36!important}.cb-btn-primary a,.cb-btn-primary{font-family:'DM Sans',sans-serif!important;background:linear-gradient(135deg,#c49e36,#e8c84a)!important;color:#0a0a12!important;border:none!important;border-radius:4px!important;font-weight:500!important;letter-spacing:0.05em!important;padding:14px 32px!important;text-decoration:none!important;transition:opacity 0.2s,transform 0.2s!important}.cb-btn-primary a:hover{opacity:0.9!important;transform:translateY(-1px)!important}.cb-btn-secondary a,.cb-btn-secondary{font-family:'DM Sans',sans-serif!important;background:transparent!important;color:#c49e36!important;border:1px solid rgba(196,158,54,0.4)!important;border-radius:4px!important;font-weight:400!important;padding:14px 32px!important;transition:background 0.2s!important}.cb-btn-secondary a:hover{background:rgba(196,158,54,0.08)!important}.cb-meta{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(196,158,54,0.22);padding:11px 22px;color:rgba(232,228,216,0.75)!important;font-size:0.85rem!important;font-family:'DM Sans',sans-serif!important}.cb-stats{background:#0d0d18!important;border-top:1px solid rgba(196,158,54,0.12)!important;border-bottom:1px solid rgba(196,158,54,0.12)!important}.cb-stat-num{font-family:'Syne',sans-serif!important;font-size:2.2rem!important;font-weight:800!important;color:#c49e36!important;line-height:1!important}.cb-stat-label{font-size:0.72rem!important;letter-spacing:0.15em!important;text-transform:uppercase!important;color:rgba(232,228,216,0.35)!important;font-family:'DM Sans',sans-serif!important}.cb-feature-card{background:rgba(196,158,54,0.04)!important;border:1px solid rgba(196,158,54,0.1)!important;border-radius:8px!important;padding:18px 20px!important}.cb-payment-section{background:#0c0c16!important;border-top:1px solid rgba(196,158,54,0.1)!important}.cb-payment-card{background:rgba(196,158,54,0.04)!important;border:1px solid rgba(196,158,54,0.15)!important;border-radius:10px!important;padding:28px 24px!important;text-align:center!important}.cb-payment-card-highlight{background:rgba(196,158,54,0.08)!important;border:1px solid rgba(196,158,54,0.5)!important;border-radius:10px!important;padding:28px 24px!important;text-align:center!important}.cb-price{font-family:'Syne',sans-serif!important;font-size:2.8rem!important;font-weight:800!important;color:#c49e36!important;line-height:1!important}.cb-mobilepay{background:rgba(90,120,200,0.1)!important;border:1px solid rgba(90,120,200,0.25)!important;border-radius:6px!important;padding:12px 16px!important;font-size:0.85rem!important;color:rgba(232,228,216,0.7)!important;font-family:'DM Sans',sans-serif!important}.cb-mobilepay-num{font-family:'Syne',sans-serif!important;font-size:1.3rem!important;font-weight:700!important;color:#8fa8f0!important}.cb-cta-section{background:linear-gradient(135deg,#12100a 0%,#0f0e18 100%)!important;border-top:1px solid rgba(196,158,54,0.12)!important;text-align:center!important}.cb-footer{background:#0a0a12!important;border-top:1px solid rgba(196,158,54,0.08)!important;color:rgba(232,228,216,0.25)!important;font-size:0.75rem!important;letter-spacing:0.05em!important;text-align:center!important}.cb-divider{border-color:rgba(196,158,54,0.15)!important}```
---
## TRIN 3 — Byg sektionerne i Divi
Nedenfor er opbygningen sektion for sektion. Klik **"+" → Tilføj sektion** for hver.
---
### SEKTION 1 — Hero
**Sektion-indstillinger:**
- CSS-klasse:`cb-hero`
- Baggrundsfarve:`#0a0a12`
- Polstring:`120px top/bottom`
**Indhold (1 kolonne,centreret):**
| Modul | Indhold | CSS-klasse |
|-------|---------|------------|
| Tekst | `★ 5-års jubilæumsturnering ★` | `cb-badge` |
| Tekst | `Guldturnering` (H1) | `cb-h1` |
| Tekst | `2026` (H1 eller stor tekst) | `cb-h1-gold` |
| Tekst | `Cyberbridge fejrer 5 år — kom og kæmp om guldet som par` | `cb-body` |
| Tekst | `◆ Lørdag 30. maj 2026 ◆ Kl. 10:00–17:00 ◆ Parsvis tilmelding` | `cb-meta` |
| Knap | `Tilmeld jeres par` → link til tilmeldingssiden | `cb-btn-primary` |
| Knap | `Se pris & betaling` → anker `#pris` | `cb-btn-secondary` |
---
### SEKTION 2 — Stats
**Sektion-indstillinger:**
- CSS-klasse:`cb-stats`
- Baggrundsfarve:`#0d0d18`
- 4 kolonner
| Kolonne | Stort tal | Label |
|---------|-----------|-------|
| 1 | `5 år` (klasse:`cb-stat-num`) | `Jubilæum` (klasse:`cb-stat-label`) |
| 2 | `7 timer` | `Intenst program` |
| 3 | `300 kr` | `Per par` |
| 4 | `2 & 2` | `Kæmp som par` |
---
### SEKTION 3 — Info
**Sektion-indstillinger:**
- Baggrundsfarve:`#0a0a12`
- 2 kolonner
**Venstre kolonne:**
- H2:`Fejr jubilæet med os` (klasse:`cb-h2`)
- Brødtekst:`Cyberbridge fylder 5 år,og det fejrer vi på den måde vi kender bedst — med konkurrence,fællesskab og guld til vinderne.` (klasse:`cb-body`)
- Brødtekst:`Guldturneringen 2026 er vores jubilæumsturnering,åben for alle par der ønsker at stille op.`
- Brødtekst:`Dagen løber fra kl. 10 til 17 med fuldt program og præmieceremoni.`
**Højre kolonne (4 Tekst-moduler med klasse `cb-feature-card`):**
1. **Parsvis konkurrence** — Tilmeld jer to og to — strategien og samspillet afgør hvem der vinder.
2. **Kl. 10:00–17:00** — En hel lørdag fyldt med spil,pauser og jubilæumsstemning.
3. **Fællesskab og netværk** — Mød Cyberbridges netværk og fejr fem fantastiske år.
4. **Guld til vinderne** — Ét par tager guldtrofæet hjem.
---
### SEKTION 4 — Pris & betaling
**Sektion-indstillinger:**
- CSS-klasse:`cb-payment-section`
- Baggrundsfarve:`#0c0c16`
- CSS-anker/ID:`pris`
**Overskrift:** `Pris & betaling` (klasse:`cb-h2`)
**Undertekst:** `Betal direkte via MobilePay — simpelt og hurtigt` (klasse:`cb-body`)
**2 kolonner:**
**Venstre (klasse:`cb-payment-card-highlight`):**
- Label:`Per par`
- Stort tal:`300 kr` (klasse:`cb-price`)
- Undertekst:`To spillere · én betaling`
- Boks (klasse:`cb-mobilepay`):- Stort nummer:`MobilePay 14755` (klasse:`cb-mobilepay-num`)
- Tekst:`Betal parvis til dette nummer`
**Højre (klasse:`cb-payment-card`):**
- Overskrift:`Online tilmelding`
- Tekst:`Udfyld tilmeldingsformularen og betal derefter via MobilePay.`
- Knap:`Gå til tilmelding` → `https://cyberbridge.dk/tilmeld-par/?event=guldturnering-lordag-den-30-maj-kl-10-17` (klasse:`cb-btn-primary`)
---
### SEKTION 5 — CTA
**Sektion-indstillinger:**
- CSS-klasse:`cb-cta-section`
- Polstring:`80px top/bottom`
- H2:`Klar til at kæmpe?` (klasse:`cb-h2`)
- Tekst:`Tilmeld jer nu og sikr jeres plads til jubilæumsturneringen den 30. maj` (klasse:`cb-body`)
- Knap:`Tilmeld jeres par nu` → tilmeldingslink (klasse:`cb-btn-primary`)
---
### SEKTION 6 — Footer
**Sektion-indstillinger:**
- CSS-klasse:`cb-footer`
- Baggrundsfarve:`#0a0a12`
- Tekst:`© 2026 Cyberbridge · 5-års Jubilæumsturnering · Guldturnering · Lørdag 30. maj kl. 10–17`
---
## Farvepalette til Divi's farvevælger
| Navn | Hex |
|------|-----|
| Mørk baggrund | `#0a0a12` |
| Sekundær baggrund | `#0d0d18` |
| Guld primær | `#c49e36` |
| Guld lys | `#e8c84a` |
| Guld meget lys | `#f0d060` |
| Tekst primær | `#f5edd8` |
| Tekst dæmpet | `rgba(232,228,216,0.6)` |
| MobilePay blå | `#8fa8f0` |
---
## Tilmeldingslink
```
https://cyberbridge.dk/tilmeld-par/?event=guldturnering-lordag-den-30-maj-kl-10-17
```
Brug dette link på alle knapper der handler om tilmelding.