WEDDING ON THE SHIP
Dream wedding at the ship
“Anchor your love” on board a ship of the DDSG Blue Danube. Special occasions deserve a special setting, an extraordinary location. We offer an incomparable backdrop for the most beautiful day of your life. We decorate the ship for your special day and elegantly cover the tables with napkins and floral decorations in the desired color.
Unique wedding celebration on the waves of the Danube
Special ambience
Your dream wedding on board
/*
This locks the image aspect ratio to 16:9 and keeps the height 100% to the parent container
Add the class diviwp-image-21-height-16-9 to your image class for this to work
*/
@media only screen and ( min-width: 980px ) and ( max-width: 1190px ) {
/* this is the column that holds the image module */
.et-db #et-boc .et-l .diviwp-col-flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
/* aspect ratio */
.et-db #et-boc .et-l .diviwp-image-21-height-16-9 .et_pb_image_wrap {
/* adjust this percentage to crop the image accordingly
Square 1:1 = 100%
Landscape 16:9 = 56.25%
Landscape 4:3 = 75%
Landscape 3:2 = 66.67%
Portrait 9:16 = 177.78%
Portrait 3:4 = 133.34%
Portrait 2:3 = 150%
*/
padding-top: 100%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-image-21-height-16-9 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
WEDDING ON THE SHIP
ANCHOR YOUR LOVE
We give your special day the special atmosphere on board our ships
- Unforgettable moments on the ship
- MS Admiral Tegetthoff
- MS Vienna
- MS Vindobona
- MS Blue Danube
- Flair and special atmosphere
- A unique experience in the middle of the Danube metropolis
FULL CHARTER
Your dream wedding on the ship could look like this
5:30 PM – 6:00 PM | ENTRY & RECEPTION
Welcome your guests in the middle of the city center at Schwedenplatz in Vienna and start the evening with a sparkling aperitif and delicious finger food on the open deck!
6:00 PM – 7:30 PM | WEDDING
The registrar comes on board and carries out the solemn wedding ceremony on the anchored ship (duration: approx. 45 minutes, not included in the price).
7.30 PM – 11 PM | SHIPPING
“Cast off!” – You cast off into the harbor of marriage. The 3.5-hour boat trip leads along the Viennese scenery on the Danube Canal and / or Danube towards the sunset. The guests take a seat on one of the lovingly decorated tables. The on-board gastronomy spoils you with a delicious buffet and conjures up culinary moments of happiness on the ship. Thanks to the on-board infrastructure, you can play your favorite music or a live band or DJ provides the right atmosphere.
23:00 – 24:00 | END
The evening ends at the moored ship until midnight.
WEDDING PACKAGE ON-BOARD GASTRONOMY
€ 75.00 per person *
Rent our ships for your wedding on board. We decorate the ship for your special day and elegantly cover the tables with napkins and floral decorations in the desired color.
WEDDING PACKAGE VIENNA
- aperitif
- Wedding menu or wedding buffet
- Place setting
- Flower arrangements on the table
- decoration
- Menu or buffet cards
- Place cards
- 4 hours beverage service:
- Wine open:
- Blauer Portugieser & Grüner Veltliner from the Bayer winery
- Kaiser beer: 0.5l and 0.3l
- Non-alcoholic drinks: Cola, Fanta, Almdudler, orange juice, apple juice, soda water, non-carbonated water
- Coffee, tea
- Wine open:
* The costs for the wedding package are not included in the rental price of the ship and must be paid separately. Offer only for MS Admiral Tegetthoff, MS Wien, MS Vindobona and MS Blue Danube.
PART CHARTER IN THE FRAMEWORK OF LINE SHIPPING
Would you like to celebrate your wedding party in a small but fine setting? Our daily excursion boat trips in Vienna are ideal here.
We would be happy to reserve a festively decorated, enclosed area on the ship for you and your guests. Even in a small group, your party will be an extraordinary experience.
WEDDING BY VIENNA REGULATORY OFFICERS
In any case, please contact the desired registry office in advance in order to check your desired date for free capacities on the part of the registry office.
Municipal Department 63 – Unit “Dream Wedding in Vienna”.
www.wien.gv.at/verwaltung/habenwesen/ehe/traumhochzeit/fluss-kosten.html
The costs for the wedding on board are not included in the rental price of the ship and must be requested and paid separately at the registry office.
Factsheet In the harbor of marriage
Download pdf file | 3.11 MB
PRICE EXAMPLES
FULL CHARTER INCL. 3.5 HOURS BOAT TRIP
Extension of the finish possible for a surcharge. Maximum capacity depending on the table layout (buffet / menu seating). Dates and starting times on request and subject to availability. The prices listed apply according to the September 2021 price basis.
€ 5,720
MS ADMIRAL TEGETTHOFF
Unique experiences with our classic.
Particularities: Air conditioning, dignified atmosphere, spacious, partially covered sun deck, flexible use
Vienna / Reichsbrücke
340
/*
This crops the image aspect ratio to 16:9 and keeps the height 100% to the parent container.
The classes diviwp-listing-height-100 have been added to the image class for this to work as well as diviwp-row-flex to the row class and divi-col-flex to the first column.
If you'd like to adjust the aspect ratio, use the percentages as defined below:
Square 1:1 = 100%
Landscape 16:9 = 56.25%
Landscape 4:3 = 75%
Landscape 3:2 = 66.67%
Portrait 9:16 = 177.78%
Portrait 3:4 = 133.34%
Portrait 2:3 = 150%
Further comments are outlined below.
*/
@media only screen and ( min-width: 980px ) and ( max-width: 2800px ) {
.et-db #et-boc .et-l .diviwp-col-flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
/* Uncomment the following two classes if you want to lock the aspect ratio for desktop. See percentages above to change the image aspect ratio.
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 100%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
*/
/* comment this class out if you want to lock aspect ratio for desktop. This might result in the image not being visible in the Visual Builder in Desktop. */
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 a {
display: flex;
height: 100%;
}
}
/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
/* We lock the image to 16:9 aspect ratio in tablets and below to reduce the overall size of the image. If we didn't lock it to 16:9 the image would take up huge vertical space which would result in a sub-optimal user experiece.
Uncomment or remove the following two classes if you do not want to lock the aspect ratio */
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 56.25%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
/* We lock the image to 16:9 aspect ratio in tablets and below to reduce the overall size of the image. If we didn't lock it to 16:9 the image would take up huge vertical space which would result in a sub-optimal user experiece.
Uncomment or remove the following two classes if you do not want to lock the aspect ratio */
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 56.25%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
/* We lock the image to 16:9 aspect ratio in tablets and below to reduce the overall size of the image. If we didn't lock it to 16:9 the image would take up huge vertical space which would result in a sub-optimal user experiece.
Uncomment or remove the following two classes if you do not want to lock the aspect ratio */
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 56.25%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
€ 3,290
MS VIENNA
Get to know the Viennese scenery with the city ship for trendsetters
Particularities: Air conditioning, flexible seating, modern interior, weatherproof open deck
Vienna / Schwedenplatz
117
/*
This crops the image aspect ratio to 16:9 and keeps the height 100% to the parent container.
The classes diviwp-listing-height-100 have been added to the image class for this to work as well as diviwp-row-flex to the row class and divi-col-flex to the first column.
If you'd like to adjust the aspect ratio, use the percentages as defined below:
Square 1:1 = 100%
Landscape 16:9 = 56.25%
Landscape 4:3 = 75%
Landscape 3:2 = 66.67%
Portrait 9:16 = 177.78%
Portrait 3:4 = 133.34%
Portrait 2:3 = 150%
Further comments are outlined below.
*/
@media only screen and ( min-width: 980px ) and ( max-width: 2800px ) {
.et-db #et-boc .et-l .diviwp-col-flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
/* Uncomment the following two classes if you want to lock the aspect ratio for desktop. See percentages above to change the image aspect ratio.
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 100%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
*/
/* comment this class out if you want to lock aspect ratio for desktop. This might result in the image not being visible in the Visual Builder in Desktop. */
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 a {
display: flex;
height: 100%;
}
}
/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
/* We lock the image to 16:9 aspect ratio in tablets and below to reduce the overall size of the image. If we didn't lock it to 16:9 the image would take up huge vertical space which would result in a sub-optimal user experiece.
Uncomment or remove the following two classes if you do not want to lock the aspect ratio */
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 56.25%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
/* We lock the image to 16:9 aspect ratio in tablets and below to reduce the overall size of the image. If we didn't lock it to 16:9 the image would take up huge vertical space which would result in a sub-optimal user experiece.
Uncomment or remove the following two classes if you do not want to lock the aspect ratio */
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 56.25%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
/* We lock the image to 16:9 aspect ratio in tablets and below to reduce the overall size of the image. If we didn't lock it to 16:9 the image would take up huge vertical space which would result in a sub-optimal user experiece.
Uncomment or remove the following two classes if you do not want to lock the aspect ratio */
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 56.25%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
€ 2,830
MS VINDOBONA
Experience an original Viennese boat trip on the Hundertwasser ship
Particularities: Artistic design by Friedensreich Hundertwasser, large dance floor, air conditioning
Vienna / Schwedenplatz
150
/*
This crops the image aspect ratio to 16:9 and keeps the height 100% to the parent container.
The classes diviwp-listing-height-100 have been added to the image class for this to work as well as diviwp-row-flex to the row class and divi-col-flex to the first column.
If you'd like to adjust the aspect ratio, use the percentages as defined below:
Square 1:1 = 100%
Landscape 16:9 = 56.25%
Landscape 4:3 = 75%
Landscape 3:2 = 66.67%
Portrait 9:16 = 177.78%
Portrait 3:4 = 133.34%
Portrait 2:3 = 150%
Further comments are outlined below.
*/
@media only screen and ( min-width: 980px ) and ( max-width: 2800px ) {
.et-db #et-boc .et-l .diviwp-col-flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
/* Uncomment the following two classes if you want to lock the aspect ratio for desktop. See percentages above to change the image aspect ratio.
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 100%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
*/
/* comment this class out if you want to lock aspect ratio for desktop. This might result in the image not being visible in the Visual Builder in Desktop. */
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 a {
display: flex;
height: 100%;
}
}
/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
/* We lock the image to 16:9 aspect ratio in tablets and below to reduce the overall size of the image. If we didn't lock it to 16:9 the image would take up huge vertical space which would result in a sub-optimal user experiece.
Uncomment or remove the following two classes if you do not want to lock the aspect ratio */
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 56.25%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
/* We lock the image to 16:9 aspect ratio in tablets and below to reduce the overall size of the image. If we didn't lock it to 16:9 the image would take up huge vertical space which would result in a sub-optimal user experiece.
Uncomment or remove the following two classes if you do not want to lock the aspect ratio */
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 56.25%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
/* We lock the image to 16:9 aspect ratio in tablets and below to reduce the overall size of the image. If we didn't lock it to 16:9 the image would take up huge vertical space which would result in a sub-optimal user experiece.
Uncomment or remove the following two classes if you do not want to lock the aspect ratio */
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 56.25%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
€ 2,420
MS BLUE DANUBE
The “little maritime” in year-round use
Particularities: Special flair through loving decorative details, nautical furnishings, air conditioning, exclusive saloon on the upper deck
Vienna / Schwedenplatz
50
/*
This crops the image aspect ratio to 16:9 and keeps the height 100% to the parent container.
The classes diviwp-listing-height-100 have been added to the image class for this to work as well as diviwp-row-flex to the row class and divi-col-flex to the first column.
If you'd like to adjust the aspect ratio, use the percentages as defined below:
Square 1:1 = 100%
Landscape 16:9 = 56.25%
Landscape 4:3 = 75%
Landscape 3:2 = 66.67%
Portrait 9:16 = 177.78%
Portrait 3:4 = 133.34%
Portrait 2:3 = 150%
Further comments are outlined below.
*/
@media only screen and ( min-width: 980px ) and ( max-width: 2800px ) {
.et-db #et-boc .et-l .diviwp-col-flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
/* Uncomment the following two classes if you want to lock the aspect ratio for desktop. See percentages above to change the image aspect ratio.
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 100%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
*/
/* comment this class out if you want to lock aspect ratio for desktop. This might result in the image not being visible in the Visual Builder in Desktop. */
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 a {
display: flex;
height: 100%;
}
}
/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
/* We lock the image to 16:9 aspect ratio in tablets and below to reduce the overall size of the image. If we didn't lock it to 16:9 the image would take up huge vertical space which would result in a sub-optimal user experiece.
Uncomment or remove the following two classes if you do not want to lock the aspect ratio */
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 56.25%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
/* We lock the image to 16:9 aspect ratio in tablets and below to reduce the overall size of the image. If we didn't lock it to 16:9 the image would take up huge vertical space which would result in a sub-optimal user experiece.
Uncomment or remove the following two classes if you do not want to lock the aspect ratio */
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 56.25%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
/* We lock the image to 16:9 aspect ratio in tablets and below to reduce the overall size of the image. If we didn't lock it to 16:9 the image would take up huge vertical space which would result in a sub-optimal user experiece.
Uncomment or remove the following two classes if you do not want to lock the aspect ratio */
.et-db #et-boc .et-l .diviwp-listing-height-100 .et_pb_image_wrap {
padding-top: 56.25%;
display: block;
position: inherit;
}
.et-db #et-boc .et-l .diviwp-listing-height-100 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
Experience unforgettable moments of happiness!
The charter team accompanies you from the development of your idea through the planning and organization to the implementation of your event and ensures a successful and smooth process.
Charter your wedding ship and celebrate your marriage in a wonderful and incomparable setting. The civil wedding can be carried out on the firmly anchored ship. We would be happy to discuss your ideas by phone 01 588 80 – 442 or advise you at a personal appointment. You can also reach me by email: nicole.strehn@ddsg-blue-danube.at
Nicole Strehn
Management Charter & Events
/* CSS Styles to keep image height fixed to container until tablet break point. Give your image a class called .diviwp-image-height-100 and column 1 .diviwp-col-flex */
/* MEDIA QUERIES */
/* Everything above tablet break-point */
@media only screen and ( min-width: 980px ) {
/* this is the column that holds the image modue */
.et-db #et-boc .et-l .diviwp-col-flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.et-db #et-boc .et-l .diviwp-image-height-100 img {
height:100%;
-o-object-fit: cover;
object-fit: cover;
}
}
Discover the “Queen among Europe’s rivers” with the DDSG Blue Danube. The Danube is the most sung about river, it crosses a world cultural heritage, glides majestically between vineyards, breaks through rock massifs, offers imaginative views and a lot of variety. For the curious and first-time visitors as well as for “repeat offenders” and connoisseurs.
MS_Wien_Grosse_Donaurundfahrt
MSWi
Hochzeit-am-Schiff-05
MS_Blue_Danube_Dinner_Cruise
Dinner Cruise oder City Cruise
Hochzeit-am-Schiff-02
.divi-life-hover-blurbs .et_pb_blurb_content {
max-width: 100%;
}
.divi-life-hover-blurbs .et_pb_blurb_content img {
width: 100%;
}
.divi-life-hover-blurbs .et_pb_column {
overflow: hidden;
position: relative;
}
.divi-life-hover-blurbs .et_pb_column img {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
display: block;
}
.divi-life-hover-blurbs .et_pb_column:hover img {
transform: scale(1.1);
}
.divi-life-hover-blurbs .et_pb_column:hover .et_pb_main_blurb_image:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
content: '';
pointer-events: none;
}
.divi-life-hover-blurbs .et_pb_main_blurb_image {
margin: 0;
}
.divi-life-hover-blurbs .et_pb_column .et_pb_blurb_content:before {
top: 50px;
right: 30px;
bottom: 50px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
position: absolute;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
z-index: 1;
pointer-events: none;
}
.divi-life-hover-blurbs .et_pb_column .et_pb_blurb_content:after {
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
position: absolute;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
pointer-events: none;
}
.divi-life-hover-blurbs .et_pb_column:hover .et_pb_blurb_content:before, .divi-life-hover-blurbs .et_pb_column:hover .et_pb_blurb_content:after {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.divi-life-hover-blurbs .et_pb_column .et_pb_blurb_container {
opacity: 0;
color: #fff;
position: absolute;
top: 40%; /* Adjust this if the text is in the wrong position */
width: 100%;
text-align: center;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin: 0;
padding: 0 55px;
pointer-events: none;
line-height: 1em !important;
}
.divi-life-hover-blurbs .et_pb_column:hover .et_pb_blurb_container {
opacity: 1;
position: absolute;
top: 45%;
width: 100%;
text-align: center;
color: #fff;
line-height: 1em !important;
}
.divi-life-hover-blurbs.title-visible h4 {
background: #fff;
padding: 10px!important;
display: inline-block;
margin-bottom: 10px;
color: #333 !important;
}
.divi-life-hover-blurbs.title-visible .et_pb_blurb_container {
opacity: 1;
top: 45%;
}
.divi-life-hover-blurbs.title-visible .et_pb_column:hover .et_pb_blurb_container {
opacity: 1;
top: 40%;
}
.divi-life-hover-blurbs.title-visible .et_pb_blurb_container p {
opacity: 0;
}
.divi-life-hover-blurbs.title-visible .et_pb_column:hover .et_pb_blurb_container p {
opacity: 1;
}
.divi-life-hover-gallery .et_pb_gallery_item {
overflow: hidden;
position: relative;
}
.divi-life-hover-gallery .et_pb_gallery_item img {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
display: block;
}
.divi-life-hover-gallery .et_pb_gallery_item:hover img {
transform: scale(1.1);
}
.divi-life-hover-gallery .et_pb_gallery_item .et_pb_gallery_image:before {
top: 50px;
right: 30px;
bottom: 50px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
position: absolute;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
z-index: 4;
pointer-events: none;
}
.divi-life-hover-gallery .et_pb_gallery_item .et_pb_gallery_image:after {
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
position: absolute;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
pointer-events: none;
z-index: 4;
}
.divi-life-hover-gallery .et_pb_gallery_item:hover .et_pb_gallery_image:before, .divi-life-hover-gallery .et_pb_gallery_item:hover .et_pb_gallery_image:after {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.divi-life-hover-gallery .et_pb_gallery_item .et_pb_gallery_title, .divi-life-hover-gallery .et_pb_gallery_item .et_pb_gallery_caption {
opacity: 0;
color: #fff;
position: absolute;
top: 40%;
width: 100%;
text-align: center;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin: 0;
padding: 0 55px;
pointer-events: none;
line-height: 1em !important;
z-index: 3;
}
.divi-life-hover-gallery .et_pb_gallery_item:hover .et_pb_gallery_title {
opacity: 1;
position: absolute;
top: 45%;
width: 100%;
text-align: center;
color: #fff;
line-height: 1em !important;
}
.divi-life-hover-gallery .et_pb_gallery_item:hover .et_pb_gallery_caption {
opacity: 1;
position: absolute;
top: 55%;
width: 100%;
text-align: center;
color: #fff;
line-height: 1em !important;
}
.divi-life-hover-gallery.title-visible .et_pb_gallery_title, .divi-life-hover-gallery.title-visible .et_pb_gallery_item:hover .et_pb_gallery_title {
background: #fff;
padding: 10px !important;
margin: 0 auto;
color: #333 !important;
opacity: 1;
left: 55px;
right: 55px;
width: initial;
}
.divi-life-hover-gallery.title-visible .et_pb_gallery_item:hover .et_pb_gallery_title {
top: 35%;
}