* { margin: 0; padding: 0; } /* resets, you do not need this line */

.outer {
    /* set your width and height here on the outer div */
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; /* comment this line to see what happens behind the scenes */
}

.inner1 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Egypt/Egypt_02.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner1 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner2 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Nil/Nil-SomaBay_082.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner2 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner3 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/DomRep/200609_12.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner3 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner4 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Mauritius/Dubai-Mauritius_008.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner4 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner5 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Florida/Florida_036.JPG");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner5 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner6 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Canaries/AIDAstella-Canaries_064.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner6 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner7 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Canaries/AIDAstella-Canaries_050.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner7 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner8 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Madeira/Madeira_2013_028.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner8 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner9 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Malediven/Malediven_010.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner9 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner10 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Marokko/Marokko_013.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner10 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner11 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Mexico/Mexico_31.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner11 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner12 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Botswana/2018_09-Namibia-Botswana_150.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner12 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner13 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Peru/Peru_2016_310.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner13 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner14 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Ski/2017_07_Saalbach-Hinterglemm.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner14 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}
.inner15 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/SuedAfrika/SuedAfrika0_06.JPG");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner15 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}
.inner16 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/SriLanka/SriLanka_229.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner16 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}
.inner17 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Alpen/Wandern_2928.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner17 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}
.inner18 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Visited-Destinations.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner18 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner19 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Mauritius/Dubai-Mauritius_078.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner19 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner20 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Sardinien/201906_Sardinien_Costa-Paradiso.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner20 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner21 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Amerika/2015_01_19_160438_New_York.JPG");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner21 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner22 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/NamibiaSossusvlei/2021_Namibia_0220.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner22 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner23 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Italien/Italien_17.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner23 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner24 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Frankreich/FR-Paris_08.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner24 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner25 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Cambodia/20230117_112536.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner25 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner26 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Vietnam/20230121_105359.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner26 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner27 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Costa_Rica/CostaRica_20231228_20240113_044.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner27 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}

.inner28 {
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background-image: url("../Galerie/Tansania/202505-Loewen_ruhend.jpg");
	-moz-transition: all 2,5s;
    -webkit-transition: all 2,5s;
    transition-duration: 2.5s; /* set the speed of your animation */
	z-index: -1;
}
.outer:hover .inner28 {
    -moz-transform: scale(2,5);
    -webkit-transform: scale(2,5);
    transform: scale(2.5);
}


.son-text {
    color: #fcfcfc;
	font-size: 1.5em;
	font-family: 'times new roman', serif;
	text-align: center;
	width: 320px;
	height: 320px;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
	padding-top: 15vh;
}

.son-text:hover {
	background-color: #22313F;
	opacity: 0.7;
}

.son-span {
	background: rgba(0, 0, 0, 0.3);
	color: #fcfcfc;
	padding: 12px 35px;
	font-family: 'times new roman', serif;
	font-style: italic;
}

.son-span a {
	color: #fcfcfc;
}