/* normalize */
@import url(normalize.min.css);
/* fontawesome */
@import url(all.min.css);
/*############ allgemeine formatierungen #############*/
/* lighbox */
@import url(lightbox.min.css);
/*############ allgemeine formatierungen #############*/

* {
	box-sizing: border-box;
}

body {
	background: #000;
	color: #e9e9e9;
	font-family: 'Montserrat', sans-serif;
	-webkit-tap-highlight-color: transparent !important;
}


ul,
ol{
	list-style: none;
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none;
	outline:none !important;
	color: #e9e9e9;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

p{
	text-align:justify;
	font-size: 1.2em;
	line-height: 1.4em;
}

h1,
h2{
	text-transform: uppercase;
}

h1 {
	font-size: 2.2em;
	line-height: 1.1em;
}

h2{
	font-size: 2.1em;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

h2::before,
h2::after{
	display: block;
	content: "";
	height: 6px;
	width: 50px;
	margin-right: 12px;
	background: #0000FF;
}

h2::after{
	margin: 0 0 0 12px;
}

h3{
	font-size: 1.5em;
}


/* section color */
.section_color{
	background: #292929;
}

/* wrapper */
.wrapper {
	max-width: 2000px;
    margin:0 auto;
}

.innerbox {
	padding:125px 6%;
	max-width: 2000px;
    margin:0 auto;
}


/* overlay spinner */
.overlay_loader {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999999999999999;
	background: rgba(000, 000, 000, 0.9);
	display:none;
}

.overlay__inner {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.overlay__content {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
 	justify-content: center;
 	align-items: center;
}

.spinner {
	width: 75px;
	height: 75px;
	margin-top:20px;
	display: inline-block;
	border-width: 2px;
	border-color: rgba(255, 255, 255, 0.05);
	border-top-color: #e9e9e9;
	animation: spin 1s infinite linear;
	border-radius: 100%;
	border-style: solid;
}

@keyframes spin {
100% {
	transform: rotate(360deg);
}
}


/* marquee / lauftext */
.marquee {
	max-width: 2000px; 
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0.85em;
	color: #e9e9e9;
	padding:12px 0;
	background: rgb(123, 123, 123,0.5);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

.sticky .marquee{
	opacity: 1;
}

.marquee_box{
	display: inline-block;
	padding-left: 105%;
	animation: marquee 20s linear infinite;
	-webkit-animation:  marquee 20s linear infinite;
}


.marquee_box_flex_container{
	display: flex;
	align-items: center;
	gap:30px;
}

.marquee_box:hover {
	animation-play-state: paused 
}

/* Make it move */
@keyframes marquee {
	0%   {transform: translate3d(0,0,0);}
	100% {transform: translate3d(-100%,0,0);}
}

@-webkit-keyframes marquee {
	0%   {transform: translate3d(0,0,0);}
	100% {transform: translate3d(-100%,0,0);}
}


.marquee_box strong{
	font-size: 1.5em;
	font-weight: 400;
	text-transform: uppercase;
}

.marquee_box strong span{
	font-weight: 700;
	text-transform: none;
}

.marquee_box .btn{
	padding:10px 25px 
}


/* allgemeiner overlay  //////////////////////////////// */
.overlay{
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

/* flex-box layout //////////////////////////////// */
.flex_container{
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}

.half{
	width: 45%;
}

/* components //////////////////////////////// */
/* buttons */
/* basic buttons */
.btn{
	display: inline-block;
	padding:15px 30px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	font-weight: 500;
	border-radius: 3px;
}

.btn_color{
	background: #0000FF;
	color: #fff;
}

.btn_color:hover{
	background: #0202E8;
}


/* scroll-to-top*/
#scroll-to-top{
	position:fixed;
	color:#fff;
	right:5px;
	bottom:35px;
	transform:translate(-50%,-0%);
	font-size:2.5em;	
	display:none;
	z-index:100;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#scroll-to-top:hover{
	color:#e9e9e9;
}


/* line */
.line{
	display:block;
	height: 2px;
	background: #0000FF;
	width:50px;
	margin: 20px 0;
}

/* higlight farbe */
.color{
	color:#0000FF;
}

/* wenn anker hover */
a.color:hover{
	color: #fff;
}


/* box */
.box{
	max-width: 775px;
	margin: 0 auto;
}



/* animations //////////////////////////////// */
/* js einfaden scroll  */
/* animations //////////////////////////////// */
/* js einfaden scroll  */
.reveal {
	opacity: 0;
} 

.reveal.active {
	opacity: 1;
}

/* .active.fade-left */
.active.fade-left {
	animation: fade-left 0.5s ease-in-out; 
  	-webkit-animation: fade-left 0.5s ease-in-out; 
 	-moz-animation: fade-left 0.5s ease-in-out; 
  	-ms-animation: fade-left 0.5s ease-in-out; 
  	-o-animation: fade-left 0.5s ease-in-out;  
	animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
}

@keyframes fade-left {
	0% {
	  transform: translateX(-100%);
	  opacity: 0;
	}
	100% {
	  transform: translateX(0);
	  opacity: 1;
	}
}
/* .active.fade-bottom */
.active.fade-bottom {
	animation: fade-bottom 0.5s ease-in-out; 
  	-webkit-animation: fade-bottom 0.5s ease-in-out; 
 	-moz-animation: fade-bottom 0.5s ease-in-out; 
  	-ms-animation: fade-bottom 0.5s ease-in-out; 
  	-o-animation: fade-bottom 0.5s ease-in-out; 
	animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
}

@keyframes fade-bottom {
	0% {
	  transform: translateY(100%);
	  opacity: 0;
	}
	100% {
	  transform: translateX(0);
	  opacity: 1;
	}
}

/* batch recaptha ausblenden */
.grecaptcha-badge{
	display: none;
}






/* navigation //////////////////////////////// */
/* navigation komplett */
.main_h {
    position: fixed;
    z-index: 999;
    top: 0%;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
}

.main_h .innerbox{
	padding:15px 6%;
    display: flex;
	align-items: center;
    justify-content: space-between;
}

.main-nav ul {
	display: flex;
	align-items:center;
}

.main-nav ul li{
	margin-left: 50px;
	font-weight: 500;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
}

.sticky .main-nav ul li{
	font-size: 0.98em;
}

.main-nav ul li a{
	position: relative;
	color:#fff
}


.language{
	margin-top: 4px;
	font-size: 1.2em;
}


.language a:hover{
	color: #0000FF;
}

/* hover effect navigationspunkte */
.hover_effect::before{
    content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	border-radius: 2px;
	background-color: #0000FF;
	z-index: -1;
	left: 0;
	bottom:-3px;
	transform-origin: right;
	transform: scaleX(0);
	-webkit-transition: transform 0.2s ease-in-out;
  	-moz-transition: transform 0.2s ease-in-out;
  	-ms-transition: transform 0.2s ease-in-out;
  	-o-transition: transform 0.2s ease-in-out;
  	transition: transform 0.2s ease-in-out;
}

.hover_effect:hover::before{
    transform-origin: left;
	transform: scaleX(1);
}

/* logo */
.logo img{
	width: 175px;
	padding: 5px 0;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
}

.sticky .logo img{
	width: 100px;
}
 

/* dropdown */
.dropbtn{
	background:none;
	border: none;
	cursor: pointer;
	color:#fff;
	display: flex;
}

.dropbtn i{
	margin:-2px 0 0 8px;
}

.dropdown{
  	position: relative;
  	display: inline-block;
}

.dropdown-content{
	position: absolute;
	text-align: center;
	top:30px;
	left:0;
	border-radius: 2px;
	background: #292929;
	overflow: hidden;
	z-index: 1; 
	height: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out; 
}

/* durck klick sichtbar machen */
.show {
	height: 40px;
}

#dropdownList li{
	margin:0;
	padding:0 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

#dropdownList li a{
	width: 100%;
	display: block;
	padding: 10px 25px;
}

#dropdownList li:last-of-type{
	border-bottom: none;
}

#dropdownList li:hover{
	background: #0000FF;
}


/* pop up  ////////////////////////////////
/* overlay */
.popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 999999998 /* extrem hoch wegen cookiebanner */;
	overflow: hidden;
}

/* trigger button in nav */
#triggerButton{
	background: none;
	border: none;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
	position: relative;
}


/* pop up inhalt */
.popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #292929;
	max-height: 95%;
	width: 900px;
	overflow-y: auto;
	z-index: 9999;
}

.popup .innerbox{
	padding:25px;
	position: relative;
}

.popup img{
	width:200px;
	display:block;
	margin:35px auto;
}
  
/* pop up close button */
.popup button {
	position: absolute;
	top:20px;
	right:20px;
	font-size: 1.7em;
	font-weight: bold;
	background: none;
	color:#fff;
	border:none;
	padding: 0;
}

.popup strong{
	text-transform: uppercase;
	text-align: center;
	display: block;
	font-size: 1.5em;
	line-height: 1.25em;
	margin-bottom: 15px;
	color:#fff;
}

/* kontaktformular */
.pop_up_form{
    margin:50px 0 25px;
}

.pop_up_form p{
	text-align: justify;
}

.popup_form .small_agb{
    margin:20px 0;
}

.pop_up_form .flex_container{
    gap:20px;
	justify-content: space-between;
}

.pop_up_form .flex_container .datainput{
	flex-basis: 280px;
	flex-grow: 1;
}


/* sichtbares feld */
.datainput_sub{
	display: none;
}

/* selectfeld pfeil */
.select_wrapper select{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
}

.select_wrapper  select::-ms-expand {
    display: none;
}

.select_wrapper {
    position: relative;
}

.select_wrapper::before {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: " ";
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.datainput select,
.datainput input{
    width: 100%;
}

.datainput select,
.datainput input,
.datainput textarea{
    background: #292929;
    outline: none;
    outline: 0;   
    border:solid 2px #fff;
    border-radius: 3px;
}

.datainput select,
.datainput input{
    padding:12px 15px 10px 15px;
}

.datainput input:focus,
.datainput select:focus,
.datainput textarea:focus{
    outline:0;
    outline:none;
    border:solid #0000FF 2px;
}

/* box um felder + label an datinput ausrichten  */
.datainput{
    margin:0 0 15px 0;
    position: relative;
}

.datainput label{
    color:#fff;
    font-weight: 500;
    position:absolute;
    top:-10px;
    left:10.7px;
    background: #292929;
    padding:0 6px;
    display:block;
}

/* kleingedrucktes */
.small_agb{
    display:flex;
    align-items: flex-start;
    font-size: 0.8em;
	margin: 30px 0;
}

.small_agb a{
    color:#0000FF;
    font-weight: 700;
}

.small_agb a:hover{
    opacity: 0.9;
}

.small_agb p{
    margin: 0 0 0 10px;
    padding-top:0;
    font-size: 0.9em;
}

/* buttons formular */
/* submit btn btn_cancel */
form .btn_color{
	border: none;
    width: auto;
    display: block;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
	display: block;
	margin: 40px auto;
}

/* checkbox /////////////////////////// */
/* Hide the default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.container {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    user-select: none;
}

/* Create a custom checkbox */
.checkmark {
    position: relative;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: #fff solid 2px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
	align-items: center;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    width: 0.2em;
    height: 0.45em;
	margin-bottom: 3px;
    border: solid #fff;
    border-width: 0 0.1em 0.1em 0;
    transform: rotate(45deg);
}



/* hintergrund scroll durch js verhindern */
.no-scroll {
	overflow: hidden;
}

/*  sticky header navigation*/
.sticky {
	background: rgb(0,0,0,0.95);
}


/* hero //////////////////////////////// */
#hero{
	margin:0;
	min-height: 100vh;
	background: url(../images/bg/bg_home.jpg) #000 no-repeat center fixed ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size:cover;
}

#hero .overlay{
	display: flex;
	align-items: center;
	min-height: 100vh;
}

#hero .overlay .innerbox{
	margin:0;
	margin: 100px 0 0 0;
	text-shadow: 2px 2px 2px #000;
}


.claim{
	display: block;
	font-size: 1.2em;
	line-height: 1.4em;
}

#hero h1{
	margin-bottom: 10px;
}

#hero .btn{
	margin:30px 0;
}


/* section_02 */
.bullet_list{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:40px;
	margin: 50px 0 0px;
}

.bullet_list li{
	display: flex;
	align-items: flex-start;
	flex-basis: 340px;
	flex-grow: 1;
}

.bullet_list li h3{
	border-bottom: solid 1px #7B7B7B;
	padding-bottom: 20px;
	font-size: 1.3em;
}

.tab_arrow{
	display: block;
	width: 30px;
	height: auto;
	content: url(../images/tab_arrow.png);
	margin:8px 15px 0 0;
}


/* section_conter */
#section_counter{
	background: url(../images/bg/bg_counter.jpg) #000 no-repeat center fixed ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size:cover;
}

#section_counter .overlay{
	padding: 25px 0;
}

.counter_list{
	display:flex;
	flex-wrap: wrap;
	gap:50px;
	justify-content: space-between;
}

.counter_list li{
	padding: 50px;
	flex-basis: 225px;
	flex-grow: 1;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1.2em;
	font-weight: 500;
	background: rgba(0, 0, 0, 0.2);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	border-radius: 3px;
}

.counter_list li i{
	font-size: 2.3em;
	display: inline-block;
	margin-bottom: 20px;
	color:#fff;
}

.counterElement{
	display: block;
}

/* section_02 */
#home #section_02 .btn{
	width: 280px;
	margin: 75px auto;
	display: block;
}

.service{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	margin: 50px 0;
}

.service li{
	flex-grow: 1;
	flex-basis: 250px;
}




/* img_hover */
.img_hover{
	margin:0;
	position: relative;
	overflow: hidden;
	line-height: 0;
	border-radius: 3px;
}

.img_hover img{
	width:100%;
	max-height: 400px;
	object-fit: cover;
}

.img_hover figcaption{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	color:#fff;
	background: rgb(0,0,0,0.55);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 1.7em;
	font-weight: 500;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
	line-height: 1em;
}

.img_hover:hover figcaption{
	top:-100%;
	opacity: 0;
}

.img_hover figcaption span{
	display: block;
	margin-top: 10px;
	font-weight: 400;
	font-size: 0.55em;
	line-height: 0.8em;
	text-align: center;
	color: #e9e9e9;
	text-transform: none;
}

/* home section_3 //////////////////////////////// */
.img_right .overlay,
.img_left .overlay{
	background: rgb(0,0,0,0.3);
}

.img_right .overlay:hover,
.img_left .overlay:hover{
	background: none;
}

.img_right{
	padding:0px;
}

.img_right .innerbox{
	padding: 0 0 0 6%;
}

.img_right .innerbox .flex_container .half:first-of-type{
	padding: 8% 0%;
}

.img_right .innerbox .flex_container .btn{
	margin: 50px auto 0;
	width: 280px;
	display: block;
}

#home #section_03.img_right .innerbox .flex_container .half:last-of-type{
	background: url(../images/home/events.jpg) #000 no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size:cover;
	align-self: stretch;
}

/* home section_4 //////////////////////////////// */
.img_left{
	padding: 0;
}

.img_left .innerbox{
	padding: 0 6% 0 0;
}

.img_left .innerbox .flex_container .half:first-of-type{
	background: url(../images/home/travel.jpg) #000 no-repeat 20%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size:cover;
	align-self: stretch;
}

.img_left .innerbox .flex_container .half:last-of-type{
	padding: 8% 0;
}

#home #section_04 .innerbox .flex_container .btn{
	margin: 75px auto 0;
	width: 280px;
	display: block;
}

/* home section_05 //////////////////////////////// */
#home #section_05 .innerbox .flex_container .half:last-of-type{
	background: url(../images/home/incentives.jpg) #000 no-repeat 35% center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size:cover;
	align-self: stretch;
}

#home #section_05 .innerbox .flex_container .btn{
	margin: 75px auto 0;
	width: 280px;
}

/* home section_06 //////////////////////////////// */
/* customer_list */
.customer_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:10px 40px;	
	padding: 20px 0;
	
}

.customer_list li{
	width: 140px;
	display: flex;
	align-items: center;
}

/* mb logos ausblenden */
.customer_list li:nth-child(3),
.customer_list li:nth-child(5),
.customer_list li:nth-child(7){
	display: none;
}

.customer_list li img{
	width:100%;
	aspect-ratio: 3/2;
	object-fit: contain;
}

.customer_list li:nth-child(3) img{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

/* footer //////////////////////////////// */
footer a:hover{
	color: #0000FF;
}

footer .innerbox .flex_container{
	border-bottom:solid 1px #7B7B7B;
	padding:50px 0;
	align-items: flex-start;
	gap:50px 100px;
}

/* socialmedia / contact */
.contact_list li:first-child,
.socialmedia li:first-child:not(.socialmedia_list li:first-child){
	font-weight: 700;
	font-size: 1.6em;
	text-transform: uppercase;
	color: #fff;
}

/* contact */
.contact_list li{
	margin:0 0 20px 0;
}

.contact_list li{
	display: flex;
	align-items: center;
}

.contact_list li i{
	margin-right: 10px;
	font-size: 1.4em;
	color:#fff
}

/* socialmedia */
.socialmedia_list{
	display: flex;
}

.socialmedia_list li{
	margin-right: 10px;
	font-size: 2em;
	margin-top: 12px;
}

.socialmedia_list li a{
	color:#fff;
}

.socialmedia_list li a:hover{
	color:#0000FF;
}

/* privacy */
.privacy{
	font-size: 0.75em;
	display: flex;
	justify-content: center;
	margin: 50px 0 0;
}

.privacy li:first-child{
	padding-right: 10px;
	border-right:#fff solid 1px
}

.privacy li:last-child{
	padding-left: 10px;
}

/* copyright */
.copyright{
	display:block;
	font-size: 0.5em;
	text-align: center;
	opacity: 0.75;
	margin:5px 0 50px 0;
}

.copyright i{
	margin-right:5px;
}

/* unterseiten  //////////////////////////////// */
/* agency  //////////////////////////////// */
/* hero */
#agency #hero{
	background: url(../images/bg/bg_agency.jpg) #000 no-repeat center fixed ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size:cover;
}

#agency #section_01 .btn{
	margin: 50px auto;
	display: block;
	width:280px ;
}

/* section_02 */
/* team_list */
.team_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	gap:60px;
	margin: 75px 0 150px;
}

.team_list li{
	flex-basis: 200px;
}

.team_list li figure{
	margin:0;
}

.team_list li figure img{
	width: 100%;
	border-radius: 50%;
	background: #7B7B7B;
}

.team_list li figure figcaption{
	text-align: center;
	font-weight: 600;
	margin-top: 10px;
	color: #e9e9e9;
}

.team_list li figure figcaption .color{
	display: block;
	margin-top: 10px;
	font-weight: 400;
	font-size: 0.9em;
	border-top:solid 1px #e9e9e9;
	padding-top: 10px;
	color: #e9e9e9;
}

#agency footer .flex_container{
	border-top:solid 1px #7B7B7B;
}

/* travels  //////////////////////////////// */
/* hero */
#travels #hero{
	background: url(../images/bg/travels.jpg) #000 no-repeat center fixed ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size:cover;
}

#travels .normal_h2{
	margin-bottom: 75px;
}

#travels .box h2{
	margin-bottom: 50px;
}

#travels .gallery{
	margin-top: 25px;
}

#travels .flex_container{
	align-items: flex-start;
}


.section_img .overlay{
	display: flex;
	align-items: center;
	min-height: 75vh;
}

.section_img h2::before,
.section_img h2::after{
	display: none;
}

#section_img_01{
	background: url(../images/travels/bg/bg_marokko.jpg) #000 no-repeat center  fixed ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size:cover;
}

#triggerButton_2{
	border: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}



#section_img_02{
	background: url(../images/travels/bg/bg_montenegro_1.jpg) #000 no-repeat center  fixed ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size:cover;
}

#section_img_02 h2{
	margin-bottom: 15px;
}


#section_img_02 .socialmedia_list{
	display: block;
	text-align: center;
	font-size: 1.3em;
	margin-top: -10px;
}

#section_img_02 .socialmedia_list li{
	display: inline-block;
}



/* gallery mit lightbox */
.gallery{
	display: flex;
	flex-wrap: wrap;
}

.gallery li{
	width: 48%;
	margin:0 4% 4% 0;
}

.gallery li:last-child,
.gallery li:nth-child(2),
.gallery li:nth-child(4){
	margin-right: 0;
}

.gallery li figure{
	margin: 0;
}

.gallery li figure img{
	width: 100%;
	height:200px;
	object-fit: cover;
	border-radius: 3px;
}

/* pricing */
.pricing{
	text-align: center;
	font-weight: 500;
	font-size: 1.6em;
	margin: 20px 0 35px;
}

.pricing li{
	margin-bottom: 10px;
}

.pricing li:last-child{
	margin-bottom: 0;
}

.pricing sup{
	font-size: 0.5em;
	display: block;
	line-height: 1.6em;
	font-weight: 500;
	margin-top: 5px;
}

#travels section .btn{
	display: block;
	max-width: 300px;
	margin: 50px auto ;
}

/* accordion  */
#travels .accordion{
	margin: 20px 0 0 0;
}


#travels .accordion_trigger{
	justify-content: center;
	gap: 10px;
	width: 200px;
	margin: 0 auto;
	font-size: 1.2em;
	text-transform: none;
}


#travels .accordion_content{
	background: none;
	padding: 0;
}

video{
	width: 100%;
	border-radius: 3px;
}


/* montenegro */
#travels #section_03 .gallery li:last-child{
	width: 100%;
}

#travels #section_03 .gallery li:nth-child(6){
	margin-right: 0;
}

/*maroko */
#travels #section_04 .gallery li:last-child{
	width: 100%;
}

#travels #section_04 .gallery li:nth-child(6){
	margin-right: 0;
}

/* career //////////////////////////////// */
#career #section_01 h1{
	display: flex;
	flex-direction: column;
}

#career #section_01 h1:after{
	display: block;
	content: "";
	height: 6px;
	width: 150px;
	margin:25px auto;
	background: #0000FF;
}

#career #section_01{
	min-height: 75vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

#career #section_01 .innerbox{
	margin: 0;
	padding: 120px 6% 50px;
}

#career #section_01 .innerbox h1 {
	text-align: center;
}

#career .innerbox .btn{
	margin: 50px auto;
	display: block;
	max-width:300px
}


/* joblist */
.job_list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap:30px;
	padding: 50px 0;
}

.job_list li{
	flex-basis: 350px;
	flex-grow: 1;
}

.job_list li a{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background: #1D1D1D;
	color:#fff;
	padding: 10px;
	min-height: 80px;
}

.job_list li a:hover{
	background: #141414;
}

.job_list li a strong{
	font-size: 1.3em;
}

.job_list li a .tab_arrow{
	width: 20px;
	height: auto;
	margin:0 15px 0 0;
}

/* accordion  */
.accordion{
	margin: 50px 0;
}
/* button accordion */
.accordion_trigger {
	width: 100%;
	display: block;
	cursor: pointer;
	border: none;
	display:flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	padding:10px 5px;
	border-bottom:solid 1px #7B7B7B;
	background: none;
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: 500;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
	color:#fff
}	
  
.accordion_trigger:hover{
	color: #0000FF;
}	
  
.accordion li:last-child .accordion_trigger{
	border: none;
}
  
/* accordion + / - */
.accordion_trigger:after {
	content: "\002B";
	font-size: 1.3em;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* accordion + / - activ */
.accordion_trigger.active_accordion:after {
	content: '\2212';
}
  
.accordion_trigger.active_accordion {
	color: #0000FF;
	opacity: 1;
}
  
  
/* inhalt accordion */
.accordion_content {
	display: none; /* wird über js eingeblendet */
	background-color:#292929;
	color:#fff;
	border-radius: 2px;
	padding:20px;
}



/* bullet_list_jobs */
.bullet_list_jobs li{
	display: flex;
	align-items: center;
	font-size: 1.1em;
	padding: 10px 0;
}

.bullet_list_jobs li .tab_arrow{
	width: 20px;
	margin:0 10px 0 0;
}

/* initiativ bewerbung */
#initiativ p{
	text-align: center;
}

/* impressum datenschutz //////////////////////////////// */
.rechtliches h1{
	text-align: center;
}

.rechtliches h2{
	margin:50px 0;
}

.rechtliches main a:hover{
	color: #0000FF;
}

.rechtliches #section_01{
	padding-top: 100px;
}

.rechtliches footer .flex_container{
	border-top:solid 1px #7B7B7B;
}


/* sonderseiten //////////////////////////////// */
.sonderseiten #section_01{
	min-height: 100vh;
	display: flex;
	align-items: center;
	text-align: center;
	padding: 70px 0;
}

.sonderseiten #section_01 p{
	text-align: center;
}


/* 404 //////////////////////////////// */
#error_404 #section_01 h1 span{
	font-size: 3.5em;
	display: block;
	color: #0000FF;
	margin-bottom:50px ;
}

/* newsletter anmeldung /////////////////////////////// */
#counter{
	width: 20px;
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	color: #0000FF;
}

/* thank you newsletter //////////////////////////////// */



/*Mediaqueries /Breakpoint / CSS-Weiche /////////////////*/
@media only screen and (max-width: 1050px) {
/* hero //////////////////////////////// */
	#hero,
	#section_counter,
	#home #section_05 .innerbox .flex_container .half:last-of-type,
	.section_img{
		background-attachment:scroll!important
	}
}/*Ende max-width: 1050px*/		

/*Mediaqueries /Breakpoint / CSS-Weiche /////////////////*/
@media only screen and (max-width: 980px) {
	/* formatierung menu fullscreen */
	#menu {
		top:0;
		bottom:0;
        right: -100%;
		width:100%;
		position: fixed;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out; 
		z-index: 1100;
		opacity: 0;
        background: rgb(0,0,0,0.5);
        display:flex;
        align-items: center;
		background: rgb(0,0,0,0.5);
		-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
	}

	/* menu wenn geöffnet */
	#menu.open {
		right: 0;
		opacity: 1;
	}

	/* navigationsmenu  */
	.main-nav{
		width: 100%;
	}

	.main-nav ul {
		flex-direction: column;
		font-size: 1.3em;
	}
	
	.main-nav ul li{
		margin-left: 0px;
		padding:8px 20px;
	}

	.language{
		margin-top: 0;
	}

	.hover_effect:hover::before{
		transform: scaleX(0);
	}

	/* logo */
	.logo img{
		width: 125px;
	}


	/* mobile toggle */
	#nav-icon{
		position: absolute;
		right: 3%;
		top:27px;
		padding:20px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .2s ease-in-out;
		-moz-transition: .2s ease-in-out;
		-o-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
		cursor: pointer;
		display:inherit;
		z-index: 1101;
	}

	#nav-icon span {
		display: block;
		position: absolute;
		height:2px;
		width: 80%;
		background:#fff;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
		border-radius: 5px;
	}

	
	#nav-icon.open span{
		background: #0000FF;
	}
	

	#nav-icon span:nth-child(1) {
		top: 0px;
	}
	
	#nav-icon span:nth-child(2),
	#nav-icon span:nth-child(3) {
		top: 9px;
	}
	
	#nav-icon span:nth-child(4) {
		top: 18px;
	}
	
	#nav-icon.open span:nth-child(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	}
	
	#nav-icon.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	#nav-icon.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	#nav-icon.open span:nth-child(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

	/* dropdown */
	.dropdown-content{
		top:40px;
		left:15px;
		text-align: center;
	}

	/* durck klick sichtbar machen */
	.show {
		height: 45px;
	}


	/* flexbox layout */
	.half{
		width: 100%;
	}


	/* pop up width anpassen */
	/* pop up inhalt */
	.popup {
		width: 95%;
	}


	/* home */
	/* section bild rechts */
	.img_right .overlay,
	.img_left .overlay{
		background: none;
	}

	.img_right .innerbox{
		padding:0;
	}
	
	.img_right .innerbox .flex_container .half:first-of-type{
		padding: 100px 6%;
	}
	
	.img_right .innerbox .flex_container .half:last-of-type{
		height: 300px;
	}

	/* section bild links */
	.img_left .innerbox{
		padding: 0;
	}
	
	.img_left .innerbox .flex_container .half:first-of-type{
		height: 300px;
	}
	
	.img_left .innerbox .flex_container .half:last-of-type{
		padding: 75px 6%
	}

	/* home section_03 */
	#home #section_03 .flex_container{
		flex-wrap: wrap-reverse;
	}


	/* home section_05 */
	#home #section_05 .flex_container{
		flex-wrap: wrap-reverse;
	}


	/* travels */
	#travels .pricing{
		margin: -35px 0 50px;
	}

	#travels #section_03 .flex_container{
		flex-wrap: wrap-reverse;
	}

}/*Ende max-width: 980 px*/			


/*Mediaqueries /Breakpoint / CSS-Weiche /////////////////*/
@media only screen and (max-width: 670px) {	
	h1 {
		font-size: 2em;
		line-height: 1.1em;
	}

	h2{
		font-size: 2em;
		display: flex;
		flex-direction: column;
	}
	
	h2::before,
	h2::after{
		width: 150px;
	}

	h2::before{
		display:none
	}
	
	h2::after{
		margin:25px auto;
	}

	h3{
		font-size: 1.2em;
	}

	p{
		text-align:left;
	
	}

	/* home section_02  */
	/* bullet_list */
	.bullet_list li h3{
		padding-bottom: 10px;
	}

	.bullet_list .tab_arrow{
		width: 30px;
		height: auto;
		margin:8px 12px 0 0;
	}

	/* travels */
	.section_img .overlay{
		min-height: 100vh;
	}

}/*Ende max-width: 670px*/	


/*Mediaqueries /Breakpoint / CSS-Weiche /////////////////*/
@media only screen and (max-width: 460px) {
	.rechtliches h2{
		font-size: 1.6em;
	}

	/* travels //////////////////// */
	/* gallery */
	.gallery{
		display: flex;
		flex-wrap: wrap;
	}

	.gallery li{
		width: 100%;
		margin:0 0 25px 0;
	}


	.gallery li:last-child{
		margin: 0;
	}

	/* footer */
	.customer_list li{
		width: 115px;
	}
}/*Ende max-width: 460px*/


/*Mediaqueries /Breakpoint / CSS-Weiche /////////////////*/
@media only screen and (max-width: 380px) {
	h2{
		font-size: 1.7em;
	}

	/* career */
	.job_list li a{
		width: 300px;
	}

	/* inhalt accordion */
	.accordion_content {
		padding: 10px 5px;
	}

	#error h1{
		font-size: 1.6em;
	}

}/*Ende max-width: 380px*/


/* ##### google-fonts lokal ##### */
/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v18-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v18-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v18-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}