# Legal Pages Documentation

**Last Updated:** 2026-03-02

Complete documentation for all legal/regulatory pages on the Ordio website.

## Overview

The legal pages section includes four mandatory pages required by German law (TMG, DSGVO):
- **Impressum** (Legal Notice)
- **Datenschutz** (Privacy Policy)
- **AGB** (Terms and Conditions)
- **Nutzungsbedingungen** (User Terms)

All pages share a consistent structure with a sidebar navigation linking between legal pages.

---

## 1. Impressum (Legal Notice)

### Basic Information

- **Page Name:** Impressum von Ordio – Rechtliche Infos im Überblick
- **Slug:** impressum
- **PHP File:** `v2/pages/static_imprint.php`
- **URL:** `https://www.ordio.com/impressum`
- **Status:** Published
- **Legal Requirement:** Required by §5 TMG (German Telemedia Act)

### Page Structure

#### Hero Section

- **Headline:** "Impressum"
- **Subheadline:** "Angaben gem. §5 TMG"

#### Main Content Section

**Two-column layout:**

**Left Column (Sidebar - Blue Background):**
- Company Information:
  - Ordio GmbH
  - Pilgrimstr. 6
  - c/o wework
  - 50674 Köln
  - Handelsregister/Nr.: Amtsgericht Köln HRB 98680
  - Vertreten durch: David Keuenhof
  - Umsatzsteuer-Identifikationsnummer: DE325367904
- Contact Information:
  - Phone: +49 (221) 95019914
  - Email: hallo@ordio.com
  - Email: support@ordio.com

**Right Column (Content Area):**
- **Legal Notices Section:**
  - Online Dispute Resolution notice (ODR)
  - Link to EU ODR platform
- **Disclaimer Section:**
  - **Haftung für Inhalte** (Liability for Content)
  - **Haftung für Links** (Liability for Links)
  - **Urheberrecht** (Copyright)
  - **Google Analytics Hinweise** (Google Analytics Notice)

### Content Strategy

**Purpose:** Legal compliance and transparency

**Key Elements:**
- Complete company registration information
- Contact details for legal inquiries
- Disclaimer statements required by German law
- Links to external legal resources

### Technical Implementation

- **PHP Includes:**
  - `../base/head.php` (with `$aosScript = "true"`)
  - `../base/header.php`
  - `../base/footer.php`
- **Schema Markup:**
  - `AboutPage` schema
  - `WebPage` schema
  - `BreadcrumbList` schema
- **CSS/Styling:**
  - Two-column grid layout (`lg:grid-cols-4`)
  - Blue sidebar (`bg-ordio-blue`)
  - White content area
  - Rounded corners (`rounded-[25px]`)
- **JavaScript:** AOS (Animate On Scroll) enabled

### SEO Focus

- **Primary Keywords:** impressum, rechtliche informationen, kontakt
- **Meta Description:** "Alle rechtlichen Informationen zur Ordio Plattform auf einen Blick. Hier findest du Kontaktangaben, Firmensitz, Verantwortlichkeiten und rechtliche Hinweise."
- **Schema:** AboutPage, WebPage, BreadcrumbList

---

## 2. Datenschutz (Privacy Policy)

### Basic Information

- **Page Name:** Datenschutz bei Ordio – Alle Hinweise im Überblick
- **Slug:** datenschutz
- **PHP File:** `v2/pages/static_privacy.php`
- **URL:** `https://www.ordio.com/datenschutz`
- **Status:** Published
- **Legal Requirement:** Required by DSGVO (GDPR)

### Page Structure

#### Hero Section

- **Headline:** "Datenschutz"
- **Subheadline:** Introduction explaining GDPR compliance and data processing information

#### Main Content Section

**Two-column layout:**

**Left Column (Sidebar - Blue Background):**
- Navigation links to:
  - AGB
  - Datenschutz (current)
  - Nutzungsbedingungen

**Right Column (Content Area):**
- **Comprehensive Privacy Policy** (Stand März 2026):
  - **Einleitung** (Introduction)
  - **Kontaktdaten** (Contact Information)
  - **Umfang der Datenverarbeitung** (Scope of Data Processing)
  - **Datenverarbeitung außerhalb des EWR** (Data Processing Outside EEA)
  - **Speicherdauer** (Storage Duration)
  - **Rechte der Betroffenen** (Rights of Data Subjects)
  - **Pflicht zur Bereitstellung von Daten** (Obligation to Provide Data)
  - **Keine automatische Entscheidungsfindung** (No Automated Decision Making)
  - **Kontaktaufnahme** (Contact)
  - **Newsletter**
  - **Datenverarbeitung auf unserer Website** (Website Data Processing)
    - Informatorische Nutzung
    - Eigene Server-seitige Erfassung (Website-Analyse)
    - Webhosting
    - Kontaktformular
    - Stellenanzeigen
    - Buchung von Terminen
    - Kundenkonto
    - Single-Sign-On
    - Angebot von Dienstleistungen
    - Zahlungsdienstleister
    - Technisch notwendige Cookies
  - **Datenverarbeitung in unserer App** (App Data Processing)
    - Herunterladen der App
    - Informatorische Nutzung
    - Zugriff auf Funktionen
    - Datenverarbeitung zur Bereitstellung von Funktionen
  - **Drittanbieter** (Third Parties)
    - Meta Pixel
    - Google Analytics
    - Google Tag Manager
    - HubSpot
    - heyData
    - Mixpanel
    - Userflow
  - **Datenverarbeitung auf Social Media-Plattformen** (Social Media Data Processing)
    - Instagram
    - TikTok
    - LinkedIn
  - **Änderungen dieser Datenschutzerklärung** (Changes to Privacy Policy)
  - **Fragen und Kommentare** (Questions and Comments)

### Content Strategy

**Purpose:** GDPR compliance and transparency about data processing

**Key Elements:**
- Complete disclosure of all data processing activities
- Legal basis for each processing activity (Art. 6 DSGVO)
- User rights and how to exercise them
- Third-party services and data transfers
- Contact information for data protection officer

### Technical Implementation

- **PHP Includes:**
  - `../base/head.php` (with `$aosScript = "false"`)
  - `../base/header.php`
  - `../base/footer.php`
- **Schema Markup:**
  - `WebPage` schema
  - `CreativeWork` schema (Privacy Policy document)
  - `BreadcrumbList` schema
- **CSS/Styling:**
  - Two-column grid layout
  - Blue sidebar navigation
  - Prose styling for long-form content
  - Responsive typography
- **JavaScript:** AOS disabled (static content)

### SEO Focus

- **Primary Keywords:** datenschutz, datenschutzerklärung, dsgvo, gdpr
- **Meta Description:** "Hier findest du alle Informationen zum Datenschutz bei Ordio. Erfahre wie deine personenbezogenen Daten geschützt und verantwortungsvoll verarbeitet werden."
- **Schema:** WebPage, CreativeWork (PrivacyPolicy), BreadcrumbList

---

## 3. AGB (Terms and Conditions)

### Basic Information

- **Page Name:** AGB von Ordio – Nutzungsbedingungen im Überblick
- **Slug:** agb
- **PHP File:** `v2/pages/static_terms.php`
- **URL:** `https://www.ordio.com/agb`
- **Status:** Published
- **Legal Requirement:** Required for SaaS contracts

### Page Structure

#### Hero Section

- **Headline:** "AGB"
- **Subheadline:** "Allgemeine Geschäftsbedingungen"

#### Main Content Section

**Two-column layout:**

**Left Column (Sidebar - Blue Background):**
- Navigation links to:
  - AGB (current)
  - Datenschutz
  - Nutzungsbedingungen

**Right Column (Content Area):**
- **Title:** "Allgemeine Geschäftsbedingungen"
- **Description:** "Allgemeine Software as a Service Bedingungen der Ordio GmbH"
- **Download Link:** PDF download for "SaaS Agreement Ordio GmbH April 2024"
  - File: `html/downloads/SaaS Agreement Ordio GmbH April 2024.pdf`
  - Cache busting: `?v=<?php echo time(); ?>`
  - Icon: Cloud download icon

### Content Strategy

**Purpose:** Legal terms for SaaS service agreement

**Key Elements:**
- Reference to downloadable PDF document
- Clear indication of document version (April 2024)
- Link to full terms document

### Technical Implementation

- **PHP Includes:**
  - `../base/head.php` (with `$aosScript = "false"`)
  - `../base/header.php`
  - `../base/footer.php`
- **Schema Markup:**
  - `WebPage` schema
  - `CreativeWork` schema (Terms document)
  - `BreadcrumbList` schema
- **CSS/Styling:**
  - Two-column grid layout
  - Blue sidebar navigation
  - Download link styling
- **JavaScript:** AOS disabled

### SEO Focus

- **Primary Keywords:** agb, allgemeine geschäftsbedingungen, nutzungsbedingungen
- **Meta Description:** "Lies die aktuellen AGB von Ordio in verständlicher Sprache. Alle rechtlichen Infos zur Nutzung der Software sind online abrufbar und klar geregelt."
- **Schema:** WebPage, CreativeWork (Terms), BreadcrumbList

---

## 4. Nutzungsbedingungen (User Terms)

### Basic Information

- **Page Name:** Nutzungsbedingungen von Ordio – Klar und transparent
- **Slug:** nutzungsbedingungen
- **PHP File:** `v2/pages/static_termsuser.php`
- **URL:** `https://www.ordio.com/nutzungsbedingungen`
- **Status:** Published
- **Legal Requirement:** Required for employee/user agreements

### Page Structure

#### Hero Section

- **Headline:** "Nutzungsbedingungen"
- **Subheadline:** "Für Mitarbeitende der Workspaces"

#### Main Content Section

**Two-column layout:**

**Left Column (Sidebar - Blue Background):**
- Navigation links to:
  - AGB
  - Datenschutz
  - Nutzungsbedingungen (current)

**Right Column (Content Area):**
- **Title:** "Nutzungsbedingungen"
- **Description:** "Nutzungsbedingungen der Ordio GmbH"
- **Context:** "Im folgenden findest du unsere aktuellen Nutzungsbedingungen für die Mitarbeitenden der Workspaces zum Download:"
- **Download Link:** PDF download for "Ordio-Nutzungsbedingungen-(User).pdf"
  - File: `/html/downloads/Ordio-Nutzungsbedingungen-(User).pdf`
  - Version: Stand Mai 2023
  - Icon: Cloud download icon

### Content Strategy

**Purpose:** Terms of use for employees/workspace users

**Key Elements:**
- Separate from AGB (customer terms)
- Specifically for workspace employees
- Downloadable PDF document
- Clear version date

### Technical Implementation

- **PHP Includes:**
  - `../base/head.php` (with `$aosScript = "false"`)
  - `../base/header.php`
  - `../base/footer.php`
- **Schema Markup:**
  - `WebPage` schema
  - `CreativeWork` schema (User Terms document)
  - `BreadcrumbList` schema
- **CSS/Styling:**
  - Two-column grid layout
  - Blue sidebar navigation
  - Sand-colored background (`bg-ordio-sand-extra-light`)
  - Download link styling
- **JavaScript:** AOS disabled

### SEO Focus

- **Primary Keywords:** nutzungsbedingungen, user terms, mitarbeiter nutzungsbedingungen
- **Meta Description:** "Alle rechtlichen Infos zu den Nutzungsbedingungen von Ordio. Erfahre kompakt und transparent, was du bei der Nutzung unserer Plattform beachten musst."
- **Schema:** WebPage, CreativeWork (Terms), BreadcrumbList

---

## Common Patterns Across Legal Pages

### Shared Navigation

All legal pages include a consistent sidebar navigation:
- Blue background (`bg-ordio-blue`)
- White text links
- Hover effect (`hover:bg-white/10`)
- Links to all three main legal pages (AGB, Datenschutz, Nutzungsbedingungen)

### Layout Structure

- **Grid:** `grid-cols-1 lg:grid-cols-4`
- **Sidebar:** 1 column (blue background)
- **Content:** 3 columns (white/sand background)
- **Rounded Corners:** `rounded-[25px]`
- **Shadow:** `shadow-xl`

### Schema Patterns

All pages include:
- `WebPage` schema with URL, name, dates
- `BreadcrumbList` schema
- Appropriate `CreativeWork` schema for document types

### Maintenance Requirements

- **Update Frequency:** As needed when legal requirements change
- **Dependencies:** PDF documents in `/html/downloads/`
- **Validation Checklist:**
  - [ ] Verify all company information is current
  - [ ] Check PDF download links work
  - [ ] Verify schema markup with Google Rich Results Test
  - [ ] Ensure all legal requirements are met (TMG, DSGVO)
  - [ ] Test navigation between legal pages
  - [ ] Verify mobile responsiveness

---

## Related Documentation

- **[Static Pages Inventory](STATIC_PAGES_INVENTORY.md)** - Complete list of all static pages
- **[Cursor Rules](../../../../.cursor/rules/static-pages.mdc)** - Cursor AI rules for static pages
- **[Pricing Page Documentation](pricing-documentation.md)** - Pricing page documentation