Imperia, Monaco und Cannes. Diese drei Städte haben eines gemeinsam: Einmal im Jahr treffen sich hier die schönsten Yachten der Welt, um bei einer der legendären Segelregatten Vele d‘Epoca, Monaco Classic Week und Régates Royales de Cannes gegeneinander anzutreten. Unter den teilnehmenden Schiffen befinden sich viele Klassiker, so die 1890 erbaute SKY oder die 1926 von William Fife erbaute HALLOWE’EN.
Hinweise Zum Header-Mega-Menü: Segelreisen
Dieses Hinweisfeld ist nur im Elementor-Editor sichtbar. Es erklärt den Aufbau des Untermenüs Segelreisen. Bitte dieses Widget nicht löschen.
Wichtig: Das eigentliche CSS liegt im separaten WidgetKHP Header Mega Segelreisen CSS – NICHT LÖSCHEN. Dieses Widget hier ist nur die Anleitung.Widget-Reihenfolge
KHP Header Mega Segelreisen CSS – NICHT LÖSCHENKHP Header Mega Segelreisen Hinweise – NICHT LÖSCHEN
Section-Klassen
Die Section des Segelreisen-Untermenüs bekommt diese Klassen:
khp-header-mega-menukhp-header-mega-segelreisen
Zusammen im Feld CSS Classes:
khp-header-mega-menu khp-header-mega-segelreisen
Spaltenaufbau
- 1. Spalte: Bild + Button, Breite 30%
- 2. Spalte: Alle Segelreisen / ExtraTouren, Breite 20%
- 3. Spalte: Signature Events / Geniessertörns, Breite 20%
- 4. Spalte: Fun-Regatten, Breite 30%
Spaltenklassen
- Bildspalte:
khp-header-mega-image-col khp-header-mega-col-30 - 2. Spalte:
khp-header-mega-menu-col khp-header-mega-col-20 - 3. Spalte:
khp-header-mega-menu-col khp-header-mega-col-20 - 4. Spalte:
khp-header-mega-menu-col khp-header-mega-col-30
Bild Und Button
- Image-Widget:
khp-header-mega-spotlight-image - Button-Widget:
khp-header-mega-spotlight-button
Besonderheit Bei Segelreisen
Bei Segelreisen gibt es nur eine echte Elementor-Überschrift:
Alle Segelreisen
Dieses Heading-Widget bekommt:
khp-header-mega-heading
Die Begriffe
ExtraTouren,Signature Events,GeniessertörnsundFun-Regattensind keine echten Elementor-Headings. Sie sind fett formatierte Zwischenüberschriften innerhalb des Vertical-Mega-Menu-Widgets.Vertical Mega Menu
Jedes Vertical-Mega-Menu-Widget bekommt:
khp-header-mega-list
Das gilt auch dann, wenn mehrere Menüblöcke innerhalb einer Spalte stehen.
Inhaltliche Struktur
- Alle Segelreisen steht als echtes Heading über dem ersten Menüblock.
- ExtraTouren: ExtraTour Bahamas, ExtraTour Tahiti, ExtraTour Kuba, ExtraTour Seychellen
- Signature Events: Karibik Trophy, Interboot Yachtwoche Mittelmeer
- Geniessertörns: Kulinarischer Geniessertörn Sardinien
- Fun-Regatten: Antigua Sailing Week, Catamarans Cup Griechenland
Wichtige Stellschrauben Im CSS
--khp-segelreisen-image-margin-left– Bild horizontal verschieben--khp-segelreisen-image-margin-top– Bild vertikal verschieben--khp-segelreisen-text-padding-left– linker Abstand der Textspalten--khp-segelreisen-text-padding-top– oberer Abstand der Textspalten--khp-segelreisen-heading-bottom– Abstand zwischen echtem Heading und Menü--khp-segelreisen-label-top– Abstand oberhalb fetter Zwischenüberschriften--khp-segelreisen-label-bottom– Abstand unterhalb fetter Zwischenüberschriften--khp-segelreisen-link-bottom– Abstand zwischen normalen Menüpunkten
Pflegeregeln
- Keine einzelnen Widgets manuell mit Margin verschieben.
Widgets Spacein den Columns möglichst auf0setzen.- Leere Heading-Widgets löschen.
- Nur echte Elementor-Heading-Widgets bekommen
khp-header-mega-heading. - Neue Vertical-Mega-Menu-Widgets immer mit
khp-header-mega-listklassifizieren. - Fette Zwischenüberschriften im Menü werden über
strongoderbformatiert.
Hinweise Zum Header-Mega-Menü: Mitsegeln
Dieses Hinweisfeld ist nur im Elementor-Editor sichtbar. Es erklärt den Aufbau des Untermenüs Mitsegeln. Bitte dieses Widget nicht löschen.
Wichtig: Das eigentliche CSS liegt im separaten WidgetKHP Header Mega Mitsegeln CSS – NICHT LÖSCHEN. Dieses Widget hier ist nur die Anleitung.Widget-Reihenfolge
KHP Header Mega Mitsegeln CSS – NICHT LÖSCHENKHP Header Mega Mitsegeln Hinweise – NICHT LÖSCHEN
Section-Klassen
Die Section des Mitsegeln-Untermenüs bekommt diese Klassen:
khp-header-mega-menukhp-header-mega-mitsegeln
Zusammen im Feld CSS Classes:
khp-header-mega-menu khp-header-mega-mitsegeln
Spaltenaufbau
- 1. Spalte: Bild + Button, Breite 30%
- 2. Spalte: Alle Mitsegelangebote / Für wen?, Breite 20%
- 3. Spalte: Wie mitsegeln?, Breite 20%
- 4. Spalte: Gut zu wissen, Breite 30%
Spaltenklassen
- Bildspalte:
khp-header-mega-image-col khp-header-mega-col-30 - 2. Spalte:
khp-header-mega-menu-col khp-header-mega-col-20 - 3. Spalte:
khp-header-mega-menu-col khp-header-mega-col-20 - 4. Spalte:
khp-header-mega-menu-col khp-header-mega-col-30
Bild Und Button
- Image-Widget:
khp-header-mega-spotlight-image - Button-Widget:
khp-header-mega-spotlight-button
Besonderheit Bei Mitsegeln
Bei Mitsegeln gibt es nur eine echte Elementor-Überschrift:
Alle Mitsegelangebote
Dieses Heading-Widget bekommt:
khp-header-mega-heading
Die Begriffe
Für wen?,Wie mitsegeln?undGut zu wissensind keine echten Elementor-Headings. Sie sind fett formatierte Zwischenüberschriften innerhalb des jeweiligen Vertical-Mega-Menu-Widgets.Vertical Mega Menu
Jedes Vertical-Mega-Menu-Widget bekommt:
khp-header-mega-list
Inhaltliche Struktur
- Alle Mitsegelangebote steht als echtes Heading über dem ersten Menüblock.
- Für wen? Einzelplatz buchen, Als Paar mitsegeln, Ohne Segelerfahrung mitsegeln, Frauencrews
- Wie mitsegeln? Kojencharter, Kabinencharter, Mitsegeln mit Skipper
- Gut zu wissen: Fragen zum Mitsegeln, Segel-Vokabular
Wichtige Stellschrauben Im CSS
--khp-mitsegeln-image-margin-left– Bild horizontal verschieben--khp-mitsegeln-image-margin-top– Bild vertikal verschieben--khp-mitsegeln-text-padding-left– linker Abstand der Textspalten--khp-mitsegeln-text-padding-top– oberer Abstand der Textspalten--khp-mitsegeln-heading-bottom– Abstand zwischen echtem Heading und Menü--khp-mitsegeln-label-top– Abstand oberhalb fetter Zwischenüberschriften--khp-mitsegeln-label-bottom– Abstand unterhalb fetter Zwischenüberschriften--khp-mitsegeln-link-bottom– Abstand zwischen normalen Menüpunkten
Pflegeregeln
- Keine einzelnen Widgets manuell mit Margin verschieben.
Widgets Spacein den Columns möglichst auf0setzen.- Leere Heading-Widgets löschen.
- Nur echte Elementor-Heading-Widgets bekommen
khp-header-mega-heading. - Neue Vertical-Mega-Menu-Widgets immer mit
khp-header-mega-listklassifizieren. - Fette Zwischenüberschriften im Menü werden über
strongoderbformatiert.
Hinweise Zum Header-Mega-Menü: Reviere
Dieses Hinweisfeld ist nur im Elementor-Editor sichtbar. Es erklärt den Aufbau des Untermenüs Reviere. Bitte dieses Widget nicht löschen.
Wichtig: Das eigentliche CSS liegt im separaten WidgetKHP Header Mega Reviere CSS – NICHT LÖSCHEN. Dieses Widget hier ist nur die Anleitung.Widget-Reihenfolge
KHP Header Mega Reviere CSS – NICHT LÖSCHENKHP Header Mega Reviere Hinweise – NICHT LÖSCHEN
Section-Klassen
Die Section des Reviere-Untermenüs bekommt diese Klassen:
khp-header-mega-menukhp-header-mega-reviere
Zusammen im Feld CSS Classes:
khp-header-mega-menu khp-header-mega-reviere
Spaltenaufbau
- 1. Spalte: Bild + Button, Breite 30%
- 2. Spalte: Alle Destinationen / Europa, Breite 20%
- 3. Spalte: Karibik & Bahamas, Breite 20%
- 4. Spalte: Pazifik / Indischer Ozean, Breite 30%
Spaltenklassen
- Bildspalte:
khp-header-mega-image-col khp-header-mega-col-30 - 2. Spalte:
khp-header-mega-menu-col khp-header-mega-col-20 - 3. Spalte:
khp-header-mega-menu-col khp-header-mega-col-20 - 4. Spalte:
khp-header-mega-menu-col khp-header-mega-col-30
Bild Und Button
- Image-Widget:
khp-header-mega-spotlight-image - Button-Widget:
khp-header-mega-spotlight-button
Besonderheit Bei Reviere
Bei Reviere gibt es nur eine echte Elementor-Überschrift:
Alle Destinationen
Dieses Heading-Widget bekommt:
khp-header-mega-heading
Die Begriffe
Europa,Karibik & Bahamas,PazifikundIndischer Ozeansind keine echten Elementor-Headings. Sie sind fett formatierte Zwischenüberschriften innerhalb der Vertical-Mega-Menu-Widgets.Vertical Mega Menu
Jedes Vertical-Mega-Menu-Widget bekommt:
khp-header-mega-list
Das gilt auch dann, wenn in einer Spalte zwei Menüblöcke untereinander stehen.
Inhaltliche Struktur
- Alle Destinationen steht als echtes Heading über dem ersten Menüblock.
- Europa: Westliches Mittelmeer, Östliches Mittelmeer, Kanarische Inseln, Ostsee
- Karibik & Bahamas: Kuba, Bahamas, British Virgin Islands, Französische Antillen, Grenadines
- Pazifik: Südsee, Neukaledonien
- Indischer Ozean: Seychellen
Wichtige Stellschrauben Im CSS
--khp-reviere-image-margin-left– Bild horizontal verschieben--khp-reviere-image-margin-top– Bild vertikal verschieben--khp-reviere-text-padding-left– linker Abstand der Textspalten--khp-reviere-text-padding-top– oberer Abstand der Textspalten--khp-reviere-heading-bottom– Abstand zwischen echtem Heading und Menü--khp-reviere-label-top– Abstand oberhalb fetter Zwischenüberschriften--khp-reviere-label-bottom– Abstand unterhalb fetter Zwischenüberschriften--khp-reviere-list-block-gap– Abstand zwischen zwei Menüblöcken in derselben Spalte--khp-reviere-link-bottom– Abstand zwischen normalen Menüpunkten
Pflegeregeln
- Keine einzelnen Widgets manuell mit Margin verschieben.
Widgets Spacein den Columns möglichst auf0setzen.- Leere Heading-Widgets löschen.
- Nur echte Elementor-Heading-Widgets bekommen
khp-header-mega-heading. - Neue Vertical-Mega-Menu-Widgets immer mit
khp-header-mega-listklassifizieren. - Fette Zwischenüberschriften im Menü werden über
strongoderbformatiert. - Der Abstand zwischen
PazifikundIndischer Ozeanwird über--khp-reviere-list-block-gapgesteuert.
Hinweise Zum Header-Mega-Menü: Inspiration
Dieses Hinweisfeld ist nur im Elementor-Editor sichtbar. Es erklärt den Aufbau des Untermenüs Inspiration. Bitte dieses Widget nicht löschen.
Wichtig: Das eigentliche CSS liegt im separaten WidgetKHP Header Mega Inspiration CSS – NICHT LÖSCHEN. Dieses Widget hier ist nur die Anleitung.Widget-Reihenfolge
KHP Header Mega Inspiration CSS – NICHT LÖSCHENKHP Header Mega Inspiration Hinweise – NICHT LÖSCHEN
Section-Klassen
Die Section des Inspiration-Untermenüs bekommt diese Klassen:
khp-header-mega-menukhp-header-mega-inspiration
Zusammen im Feld CSS Classes:
khp-header-mega-menu khp-header-mega-inspiration
Spaltenaufbau
- 1. Spalte: Bild + Button, Breite 30%
- 2. Spalte: Lassen Sie sich inspirieren / Magazin, Breite 20%
- 3. Spalte: Wissen & Orientierung, Breite 20%
- 4. Spalte: Medien & Presse, Breite 30%
Spaltenklassen
- Bildspalte:
khp-header-mega-image-col khp-header-mega-col-30 - 2. Spalte:
khp-header-mega-menu-col khp-header-mega-col-20 - 3. Spalte:
khp-header-mega-menu-col khp-header-mega-col-20 - 4. Spalte:
khp-header-mega-menu-col khp-header-mega-col-30
Bild Und Button
- Image-Widget:
khp-header-mega-spotlight-image - Button-Widget:
khp-header-mega-spotlight-button
Besonderheit Bei Inspiration
Bei Inspiration gibt es nur eine echte Elementor-Überschrift:
Lassen Sie sich inspirieren
Dieses Heading-Widget bekommt:
khp-header-mega-heading
Die Begriffe
Magazin,Wissen & OrientierungundMedien & Pressesind keine echten Elementor-Headings. Sie sind fett formatierte Zwischenüberschriften innerhalb der Vertical-Mega-Menu-Widgets.Vertical Mega Menu
Jedes Vertical-Mega-Menu-Widget bekommt:
khp-header-mega-list
Inhaltliche Struktur
- Lassen Sie sich inspirieren steht als echtes Heading über dem ersten Menüblock.
- Magazin: Blog, Törnberichte, Charter-News
- Wissen & Orientierung: Segelwissen, Häufige Fragen, Reiseplanung
- Medien & Presse: Bilder & Videos, Presse, Newsletter
Wichtige Stellschrauben Im CSS
--khp-inspiration-image-margin-left– Bild horizontal verschieben--khp-inspiration-image-margin-top– Bild vertikal verschieben--khp-inspiration-text-padding-left– linker Abstand der Textspalten--khp-inspiration-text-padding-top– oberer Abstand der Textspalten--khp-inspiration-heading-bottom– Abstand zwischen echtem Heading und Menü--khp-inspiration-label-top– Abstand oberhalb fetter Zwischenüberschriften--khp-inspiration-label-bottom– Abstand unterhalb fetter Zwischenüberschriften--khp-inspiration-link-bottom– Abstand zwischen normalen Menüpunkten
Pflegeregeln
- Keine einzelnen Widgets manuell mit Margin verschieben.
Widgets Spacein den Columns möglichst auf0setzen.- Leere Heading-Widgets löschen.
- Nur echte Elementor-Heading-Widgets bekommen
khp-header-mega-heading. - Neue Vertical-Mega-Menu-Widgets immer mit
khp-header-mega-listklassifizieren. - Fette Zwischenüberschriften im Menü werden über
strongoderbformatiert.
Hinweise Zum Header-Hamburger-Menü
Dieses Hinweisfeld ist nur im Elementor-Editor sichtbar. Es erklärt den Aufbau des rechten Hamburger-Menüs. Bitte dieses Widget nicht löschen.
Wichtig: Das eigentliche CSS liegt im separaten WidgetKHP Header Hamburger CSS – NICHT LÖSCHEN. Dieses Widget hier ist nur die Anleitung.Widget-Reihenfolge
KHP Header Hamburger CSS – NICHT LÖSCHENKHP Header Hamburger Hinweise – NICHT LÖSCHEN
Section-Klasse
Die Section des Hamburger-Menüs bekommt diese Klasse:
khp-header-hamburger-menu
Spaltenaufbau
- 1. Spalte: Bild + Button, Breite 30%
- 2. Spalte: SERVICE & HILFE / Über KH+P, Breite 20%
- 3. Spalte: Service, Breite 20%
- 4. Spalte: Rechtliches & Buchung, Breite 30%
Spaltenklassen
- Bildspalte:
khp-header-hamburger-image-col khp-header-hamburger-col-30 - 2. Spalte:
khp-header-hamburger-menu-col khp-header-hamburger-col-20 - 3. Spalte:
khp-header-hamburger-menu-col khp-header-hamburger-col-20 - 4. Spalte:
khp-header-hamburger-menu-col khp-header-hamburger-col-30
Bild Und Button
- Image-Widget:
khp-header-hamburger-spotlight-image - Button-Widget:
khp-header-hamburger-spotlight-button
Headings Und Menüs
Im Hamburger-Menü gibt es eine echte Elementor-Überschrift:
SERVICE & HILFE
Dieses Heading-Widget bekommt:
khp-header-hamburger-heading
Jedes Vertical-Mega-Menu-Widget bekommt:
khp-header-hamburger-list
Die Begriffe
Über KH+P,ServiceundRechtliches & Buchungsind keine echten Elementor-Headings. Sie sind fett formatierte Zwischenüberschriften innerhalb der Vertical-Mega-Menu-Widgets.Inhaltliche Struktur
- Über KH+P: Warum KH+P, Geschichte, Persönliche Beratung, Kontakt
- Service: Prospekt anfordern, Reiseversicherung, Charterversicherung, Yacht-Proviantierung, Seewetter
- Rechtliches & Buchung: Rechtliches & Buchung, Impressum, Cookie-Richtlinie, Reisebedingungen, Buchung & Verfügbarkeit, Anzahlung & Restzahlung, AGB, Haftungsausschluss
Wichtige Stellschrauben Im CSS
--khp-hamburger-image-margin-left– Bild horizontal verschieben--khp-hamburger-image-margin-top– Bild vertikal verschieben--khp-hamburger-text-padding-left– linker Abstand der Textspalten--khp-hamburger-text-padding-top– oberer Abstand der Textspalten--khp-hamburger-heading-bottom– Abstand zwischen echtem Heading und Menü--khp-hamburger-label-top– Abstand oberhalb fetter Zwischenüberschriften--khp-hamburger-label-bottom– Abstand unterhalb fetter Zwischenüberschriften--khp-hamburger-link-bottom– Abstand zwischen normalen Menüpunkten--khp-hamburger-section-padding-bottom– Luft unterhalb des gesamten Hamburger-Menüs
Pflegeregeln
- Keine einzelnen Widgets manuell mit Margin verschieben.
Widgets Spacein den Columns möglichst auf0setzen.- Leere Heading-Widgets löschen.
- Nur echte Elementor-Heading-Widgets bekommen
khp-header-hamburger-heading. - Neue Vertical-Mega-Menu-Widgets immer mit
khp-header-hamburger-listklassifizieren. - Fette Zwischenüberschriften im Menü werden über
strongoderbformatiert.
