* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	}
.body {
    background: #000;
    overflow: hidden;
    overflow-x: hidden;
	}
.aex-box-start-footer {
    position: absolute;
    bottom: 10px;
    width: 100%;
    min-height: 5px;
    overflow: visible;
    display: block;
    text-align: center;
    padding: 0px;
    margin: 0 auto;
    z-index: 99999999;
    box-sizing: none;
	}
a.aex-start-footer-a:link,  a.aex-start-footer-a:visited { 
    color: #fff; 
    font-size: 15px;
    line-height: : 17px;
    font-weight: bold;
    font-family: "BrushUp";
    text-transform: uppercase; 
    text-decoration: none; 
    display: block;
    text-align: center;
    padding: 0px;
    margin: 0 auto;
    margin-top: -30px;
    padding-top: -30px;
    }
a.aex-start-footer-a:hover, a.aex-start-footer-a:active, a.aex-start-footer-a:focus { 
    color: yellow;
    }	
a.aex-start-footer-a-eyecatcher:link,  a.aex-start-footer-a-eyecatcher:visited { 
    color: #ca9d15; 
    font-size: 35px;
    line-height: : 40px;
    font-weight: bold;
    font-family: "BrushUp";
    letter-spacing: 1.5px;
    text-transform: uppercase; 
    text-decoration: none; 
    display: block;
    text-align: center;
    padding: 0px;
    margin: 30 auto;
    margin-top: 0px;
    padding-top: 0px;
    
    display: none;
    }
a.aex-start-footer-a-eyecatcher:hover, a.aex-start-footer-a-eyecatcher:active, a.aex-start-footer-a-eyecatcher:focus { 
    color: #fff;
    }	
.container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: #000;
    overflow-x: hidden;
	}
.item {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 20px;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    transition: 0.5s;
	
	border: 4px #fff solid;
	}	
.content {
    position: relative;
    top: 50%;
	width: 45%;
	height: 320px;	
    text-align: right;
    color: #fff;
    transform: translate(0, -50%);
	font-family: "BrushUp";
    display: none;
	
	background-color: #70000085;
	padding: 50px;
	border-radius: 20px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border: 1px #000000 solid;
	}	
.see-more-button {
    display: inline-block;
    padding: 9px 23px;
    background-color: #fff !important;
    color: #000 !important;
    border: none;
    border-radius: 15px; /* falls du willst: 5px */
    text-decoration: none;
    font-weight: normal;
    font-family: "BrushUp";
    cursor: pointer;
    transition: background-color 0.3s ease;
    opacity: 0;
    animation: animate 1s ease-in-out 0.6s 1 forwards;
	margin-top: 10px;
	font-size: 27px;
	}
.see-more-button:hover {
    background-color: #700000 !important;
    color: #fff !important; 
	}		
@media (min-width: 1200px) {
	.item {
		width: 180px;
		height: 320px;
		}
	.content {

		}		
	}
@media (min-width: 992px) and (max-width: 1199px) {
	.item {
		width: 180px;
		height: 320px;
		}
	.content {

		}	
	}	
@media (min-width: 768px) and (max-width: 991px) {
	.item {
		top: 60%;
		width: 180px;
		height: 320px;
		}
	.content {
		top: 60%;
		}	
	.see-more-button {
		font-size: 35px;
		padding: 20px 35px;
		}		
	}
@media (min-width: 601px) and (max-width: 767px) {
	.item {
		top: 70%;
		width: 180px;
		height: 320px;
		}
	.content {
		top: 70%;
		}		
	.see-more-button {
		font-size: 35px;
		padding: 20px 35px;
		}	
	}		
@media (min-width: 480px) and (max-width: 600px) {
	.item {
		top: 70%;
		width: 180px;
		height: 320px;
		}
	.content {
		top: 70%;
		}
	.des, .name {
		display: none;
		}			
	.see-more-button {
		font-size: 35px;
		padding: 20px 35px;
		}	
	}	
@media (max-width: 480px) {
	.item {
		top: 70%;
		width: 180px;
		height: 320px;
		}
	.content {
		top: 70%;
		}	
	.des, .name {
		display: none;
		}
	.see-more-button {
		font-size: 35px;
		padding: 20px 35px;
		}			
	}			
.slide .item:nth-child(1),
.slide .item:nth-child(2){
    top: 0;
    left: 0;
    transform: translate(0, 0);
    border-radius: 0;
    width: 100%;
    height: 100%;
}


.slide .item:nth-child(3){
    left: 50%;
}
.slide .item:nth-child(4){
    left: calc(50% + 210px);
}
.slide .item:nth-child(5){
    left: calc(50% + 420px);
}
.slide .item:nth-child(6){
    left: calc(50% + 630px);
}
.slide .item:nth-child(7){
    left: calc(50% + 840px);
}
.slide .item:nth-child(8){
    left: calc(50% + 1050px);
}
.slide .item:nth-child(9){
    left: calc(50% + 1050px);
}
/* here n = 0, 1, 2, 3,... */
.slide .item:nth-child(n + 10){
    left: calc(50% + 1050px);
    opacity: 0;
}
.slide .item:nth-child(2) .content {
    display: block;
	}
	
h2.aex-startseite {
    font-family: "BrushUp";
    margin-top: 10px;
    margin-bottom: 20px;
    letter-spacing: 1.35px;
    text-transform: uppercase;
    opacity: 0;
    animation: animate 1s ease-in-out 0.3s 1 forwards;
    color: yellow;
    }
.des {
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
    opacity: 0;
    animation: animate 1s ease-in-out 0.3s 1 forwards;
    }	
@media (min-width: 1200px) {
    h2.aex-startseite {
        font-size: 36px;
        }
    .des {
        font-size: 23px;
        }	
	}
@media (min-width: 992px) and (max-width: 1199px) {
    h2.aex-startseite {
        font-size: 36px;
        }
    .des {
        font-size: 23px;
        }	
	}	
@media (min-width: 768px) and (max-width: 991px) {
    h2.aex-startseite {
        font-size: 34px;
        }
    .des {
        font-size: 21px;
        }	
	}
@media (min-width: 601px) and (max-width: 767px) {
    h2.aex-startseite {
        font-size: 30px;
        }
    .des {
        font-size: 17px;
        }	
	}		
@media (min-width: 480px) and (max-width: 600px) {
    h2.aex-startseite {
        font-size: 12px;
        }
    .des {
font-size: 24px;
        }	
	}
@media (max-width: 480px) {
    h2.aex-startseite {
        font-size: 18px;
        }
    .des {
font-size: 18px;
        }	
	}	
.content button {
	font-family: "BrushUp";
    padding: 10px 20px;
    border: none;
    cursor: pointer;
	letter-spacing: 1.5px;
    opacity: 0;
    animation: animate 1s ease-in-out 0.6s 1 forwards;
	
    margin-top: 20px;
	background: #ababab !important;
    color: #700000 !important;
	}
@keyframes animate {
    from {
        opacity: 0;
        transform: translate(0, 100px);
        filter: blur(33px);
		}
    to {
        opacity: 1;
        transform: translate(0);
        filter: blur(0);
		}
	}

.button {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px;
	
	display: none;
	}
.button button {
    width: 40px;
    height: 35px;
    border-radius: 8px;
    border: 1px #000 solid;
    cursor: pointer;
	font-family: "BrushUp";
    margin: 0 5px;
    border: 1px solid #000;
    transition: 0.3s;
	
	display: none;	
    background: #ababab !important;
    color: #700000 !important;
	}
.button button:hover {
    background: #700000 !important;
    color: #fff !important;
	}	
	
	
.wpglobus-selector-box  {
	width: 100% !important;
	height: auto !important;
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
	display: block !important;
	padding: 10px !important;
	text-align: center !important;
	margin: 0 auto !important;	
	transform: rotate(0deg) !important;	
	transform-origin: center; 	
	z-index: 999999999;
	position: absolute;	
    top: 100px;
    margin-top: 100px;
	}	
.aex-box-flags {
    position: relative;
    margin-top: 70px;
    top: 70px;
    z-index: 99999999;
	}	