Kreuzfahrten
Sorgfältig ausgewählt, persönlich begleitet und geprägt von unserer Leidenschaft für das Reisen.
Reisen beginnt mit einem Gefühl. Neugier, Fernweh, der Wunsch nach etwas Neuem. Wir machen daraus Erlebnisse, die bleiben. Persönlich geplant, inspiriert von echten Erfahrungen und voller Leidenschaft für das Besondere.
Reisen
Reisewelten
Unsere Reisen sind so einzigartig wie die Menschen, die sie antreten.
Ob lebendige Städtereisen, erholsame Badeferien oder faszinierende Rundreisen – mit Erfahrung, persönlicher Beratung und ausgewählten Partnern machen wir Ihre Wünsche zur Wirklichkeit. Daraus entstehen Reiseerlebnisse voller Emotionen, die von der ersten Idee bis zur Rückkehr unvergesslich bleiben.
Blog
Inspirationen
Entdecken Sie neue Reiseideen, Geheimtipps und besondere Hotels. In unserem Inspirationsbereich finden Sie aktuelle Trends, Empfehlungen und Reiseberichte für Ihre nächste Auszeit.
Testimonials
Das sagen unsere Kunden
„
X Large Title
Large Title
Subtitel Medium
Subsubtitel
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Feugiat in fermentum posuere urna. Ultrices sagittis orci a scelerisque purus semper eget duis at. Purus in mollis nunc sed id semper risus in. Sit amet nisl suscipit adipiscing bibendum est ultricies integer quis. Nibh nisl condimentum id venenatis. Consequat semper viverra nam libero. Aliquet lectus proin nibh nisl condimentum id venenatis a condimentum. Sit amet consectetur adipiscing elit pellentesque habitant morbi tristique senectus. Magna eget est lorem ipsum.
Augue neque gravida in fermentum et sollicitudin ac orci. Ut eu sem integer vitae justo. Lectus urna duis convallis convallis tellus id interdum velit. Nec sagittis aliquam malesuada bibendum arcu vitae.
Image float left or right
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Feugiat in fermentum posuere urna. Ultrices sagittis orci a scelerisque purus semper eget duis at. Purus in mollis nunc sed id semper risus in. Sit amet nisl suscipit adipiscing bibendum est ultricies integer quis. Nibh nisl condimentum id venenatis. Consequat semper viverra nam libero. Aliquet lectus proin nibh nisl condimentum id venenatis a condimentum. Sit amet consectetur adipiscing elit pellentesque habitant morbi tristique senectus. Magna eget est lorem ipsum.
Augue neque gravida in fermentum et sollicitudin ac orci. Ut eu sem integer vitae justo. Lectus urna duis convallis convallis tellus id interdum velit. Nec sagittis aliquam malesuada bibendum arcu vitae.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Feugiat in fermentum posuere urna. Ultrices sagittis orci a scelerisque purus semper eget duis at. Purus in mollis nunc sed id semper risus in. Sit amet nisl suscipit adipiscing bibendum est ultricies integer quis. Nibh nisl condimentum id venenatis. Consequat semper viverra nam libero. Aliquet lectus proin nibh nisl condimentum id venenatis a condimentum. Sit amet consectetur adipiscing elit pellentesque habitant morbi tristique senectus. Magna eget est lorem ipsum. Nibh nisl condimentum id venenatis. Consequat semper viverra nam libero. Aliquet lectus proin nibh nisl condimentum id venenatis a condimentum. Sit amet consectetur adipiscing elit pellentesque habitant morbi tristique senectus. Magna eget est lorem ipsum.
Display Flex für gleichhohe Elemente plus Flex Basis
Mit Flex Basis kann die Spaltenanzahl beeinflusst werden. Beispiel: Setzt man bei Smartphone eine Spalte (12/12), werden in diesem Beispiel bei 550-767px trotzdem 2 Spalten (flex-basis: 50%;) angezeigt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed cursus sapien, vitae fringilla sem. Duis convallis vel nunc at laoreet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed cursus sapien, vitae fringilla sem. Duis convallis vel nunc at laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed cursus sapien, vitae fringilla sem. Duis convallis vel nunc at laoreet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed cursus sapien, vitae fringilla sem. Duis convallis vel nunc at laoreet.
Mehrere Bilder oder Bild und Text nebeneinander ohne Spacing
Bilder werden mit flex-basis bis 550px noch zweispaltig geführt. Auf der Row und den Columns muss je das entsprechende Globale Style gesetzt sein.
Background bis Aussen
Elemente im Inhaltsbereich
Dieses Element ermöglicht in der linken Spalte einen anderen Background der bis an den Browserrand geht, als in der rechten Spalte. Der Inhalt wird dennoch in der Inhaltsbreite platziert wie andere Rows und Columns auch. Neben Hintergrundfarben sind auch Hintergrundbilder möglich.
Es werden links und rechts Spaltenbreiten von 4 / 6 / 8 und 12 unterstzützt. Für das responsive Design können je nach Device unterschiedliche Spaltenbreiten gesetzt werden.
Wichtig: Dieses Element funktioniert nur, wenn die Spalte für jedes Device explizit gesetzt wird. Inherit funktioniert nicht.
Wichtig: Den Bootstrap Container um den Inhalt braucht es, sonst werden die Breiten nicht korrekt berechnet. Ohne müsste die Berechnung auf die 30px Padding angepasst werden.
Anderer Background bis Aussen
Elemente im Inhaltsbereich
Beschreibung der Möglichkeiten siehe linke Spalte. Hier steht nur bisschen was, damit man sieht, wie breit diese Spalte läuft. Sie endet im Inhaltsbereich und läuft nicht bis nach Aussen.
Zweispaltenliste
Die Liste wird automatisch auf zwei Spalten verteilt, wenn für jede Zelle ein Paragraph verwendet wird. Die Breite der ersten Spalte muss im CSS gesetzt werden (.two-columns-list).
2022
Testzeile mit etwas Text
2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
2019
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
2018
Lorem ipsum dolor sit amet
2017
Excepteur sint occaecat cupidatat non proident.
Accordion keine Effekte bei Titel und Inhalt verwenden
Sonst funktioniert das Einblenden des Inhaltes nicht zuverlässig.
Tabellen basieren auf DIV Tags, Formatierung ähnlich der Zweispaltenliste.
Text und Tabelle kann gemischt werden, dazu einfach normale Paragraphen verwenden.
Text nach der Tabelle.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.
Parallax Bild im Hintergrund
Hinter dem Parallax Bild ist es wichtig auch immer daselbe Bild nochmals als normales Bild zu hinterlegen, denn der Parallax funktioniert nicht bei allen Browsern.
Hinter dem Parallax Bild ist es wichtig auch immer daselbe Bild nochmals als normales Bild zu hinterlegen, denn der Parallax funktioniert nicht bei allen Browsern.
Hinter dem Parallax Bild ist es wichtig auch immer daselbe Bild nochmals als normales Bild zu hinterlegen, denn der Parallax funktioniert nicht bei allen Browsern.
