Sportliche, inspirierende, unternehmenslustige Frauen an die Front, könnte man sagen: ein einzigartiges Event für die Damenwelt findet im April in Südfrankreich statt.
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.
