@charset "utf-8";
/* CSS Document */





.bgreddes {
	background-color: #bf0a1b;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 50px;
    padding-top: 60px;
    padding-bottom: 60px;
}
@media (max-width: 768px) {
	
.bgreddes {
	background-color: #bf0a1b;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 50px;
    padding-top: 60px;
    padding-bottom: 60px;
}

}
.bgb1 {
	width: 600px;
    position: absolute;
    left: calc(50% - 740px);
    overflow: hidden;
}

.bgb2 {
	width: 1200px;
    position: absolute;
    left: calc(50% - 740px);
    overflow: hidden;
}

.bgb3 {
	background-image: url("../img/projekte/des/191127_Farbfläche4.png");
	background-size: 100%;
    background-repeat: no-repeat;
}


.bg1_des20 {
	position: absolute;
    width: 58%;
    left: 70%;
    transform: translate(-50%);
    top: 188px;
    z-index: -1;
    overflow: hidden;
}


.bnx_gif {
	    max-width: 500px;
    margin-left: 52%;
    position: relative;
    z-index: 1;
}
.bnx_img3 {
	margin-top: -350px;
    z-index: -1;
    position: relative;
}

@media (max-width: 1100px) {
	
	.bnx_gif {
	    max-width: 500px;
    margin-left: 0%;
    position: relative;
    z-index: 1;
}
.bnx_img3 {
    margin-top: 0px;
    z-index: -1;
    position: relative;
}	
}

@media (max-width: 575px) {
	
.bnx_gif {
	    max-width: 100%;

}	
}


.vwtre {
	border-bottom: 1px solid #317ba1;
    width: 20%;
    margin-bottom: 40px;
    margin-top: 40px;
}

.vwolds {
	font-family: 'Old Standard TT', serif;
	font-size: 28px;
	color: #317ba1;	
}
.overx {
	overflow-x: hidden;
}

.enltg p {
	font-family: "MuseoSans-300";
	font-size: 16px;
}

.enltg_big {
	font-family: "MuseoSans-500";
	text-transform: uppercase;
}

.img1 {
	z-index: 2;
	margin-top: 50px;
	width: 100%;
}

.p_img1 {
	
	width: 100%;
}

.hex1 {
	z-index: 1;
	position: absolute;
	margin-left: 80%;
	width: 100px;
	
}
.hex_mitte {
	width:100px
}

@media (max-width: 575px) {
	
	.vwolds {
	font-size: 22px;
}
	.hex1 {
	width: 80px;
	position:relative;
	margin-left: auto;
}
}

.img4 {
	width: 100%;
    position: inherit;
    z-index: -2;
    margin-top: -120px;
}
.img5 {
	margin-top: 200px;
	}

@media (max-width: 575px) {
.img5 {
	margin-top: 15px;
}
}
.img3 {
	width: 60%;
}

@media (max-width: 575px) {
	.img3 {
	width: 70%;
}
}

/*-----????-----*/
.buch23 {
	margin-top: -100px;
	z-index: -22;
    position: relative;
	width: 100%;
}
/*-----????-----*/


.hnl_cake {
	position: relative;
	margin-top: -170px;
	z-index: 1;
	
}

.bg_hnl {
	background-image: url("../img/projekte/haniel/haniel_grid_platzhalterV2.png");
	background-size: cover;
	    background-position: center;
    padding-bottom: 50px;
    border-top: 2px solid #00a13a;
	border-bottom: 2px solid #00a13a;
}
@media (max-width: 575px) {
.hnl_cake {
    position: relative;
    margin-top: -100px;
    z-index: 1;
    width: 50%;
	}

	#hnl .matop50 {
		margin-top: 20px;
	}
	#hnl .matop100 {
		margin-top: 40px;
	}
	
}






/*-----SMA-------*/

.buch1 {
	margin-top: -100px;
    width: 100%;
    z-index: 1;
    position: relative;
}

.sma_perf {
	margin-top: 100px;
	position: relative;
    width: 500px;
    left: -25%;
    margin-left: 50%;
    transform: translate(-50%);
	max-width: 400px;
	border: 2px solid grey;
}

.sma_matop_par {
	margin-top: 80px;
}

.sma_gif {
	margin-bottom: 50px;
	border: 2px solid grey;
	width: 100%;
}

.block_full {
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 16px;
}

.sma_kreis {
    position: absolute;
    width: 400px;
    left: 90%;
    margin-top: -120px;
    z-index: 1;
	overflow: hidden
}


@media (max-width:767px){
.sma_perf {

    width: 40%;
	min-width: 220px;
    left: 0;
    margin-left: 0%;
    transform: translate(0%);
	
}
	
.sma_matop_par {
	margin-top: 50px;
}

.sma_gif {
margin-bottom: 20px;

}
.sma_kreis {
display:none;
}
	
}

@media (max-width:991px) and (min-width:768px) {
	
	.sma_perf {
    width: 340px;
}
	
}


/*---Yamaha-------*/

.yamaha_bf1 {
	position: absolute;
	left:20%;
	top:80px;
	width: 180px;
}


.yamaha_bf2 {
	position: absolute;
	left:70%;
	top: -55px;
	width: 100px;
}


#yamaha .container-fluid  {
	padding-left:0px;
	padding-right: 0px;
}


.proj_img_big {
max-width: 1800px;
}


.yamaha_6 {
	max-width: 800px;
    width: 100%;
    margin-top: -100px;
    float: right;
    z-index: 1;
    position: inherit;
	
}

.yamaha_7 {
	    width: 60%;
    margin-top: 50px;
    position: relative;
    left: 25%;
	
}






.yamaha_bf4 {
	position: absolute;
	left:50%;
	top: 200px;
}

@media (max-width:768px){
	.yamaha_6 {

    margin-top:00px;
	}
	.yamaha_7 {
		width: 100%;
		left: 50%;
	}
}




@media (max-width:557px){
.hl_grafik1 {
	padding-left: 30px;
	padding-right: 30px;
}
}
.hapag_anim_wrap {
	height: auto;
	position: relative
	
}

.hapag_anim_1 {
display: block;
position: relative;
animation: slide 22s linear infinite;
animation-name: anim-4;
height:auto;
max-width: 1200px;
}

.hapag_anim_2 {
display: block;
position: relative;
animation: slide 28s linear infinite;
animation-name: anim-4;
height:auto;
max-width: 1200px;
}

.hapag_anim_3 {
display: block;
position: relative;
animation: slide 19s linear infinite;
animation-name: anim-4;
height:auto;
max-width: 1200px;
}

.hapag_anim_4 {
display: block;
position: relative;
animation: slide 29s linear infinite;
animation-name: anim-4;
height:auto;
max-width: 1200px;
}

.img_hl_people {
	width: 90%;
	float:right;
	z-index: 1
}

.img_hl_brackets {
width:70%;
position: inherit;
margin-top:-200px;
z-index: -2;
float: left;
}

.img_hl_brackets1 {
position: absolute;
    width: 260px;
    top: -190px;
    left: 70%;
 }




.gemeffi {
	position: absolute;
	left: 50%;
	bottom: 50px;
	
	text-transform: uppercase;
	color: white;
}

.gemeinsam {
	font-size: 1.8em;
	font-family: "MuseoSans-900";
}

.effizienter {
	font-size: 4.2em;
	font-family: "MuseoSans-900";
	margin-top: -40px
}



.xi_buch1 {
width: 100%;
}

.xi_ma_zahl {
	    position: absolute;
    width: 220px;
    top: 220px;
}

.xi_menschen {
	
	position: absolute;
    width: 380px;
    z-index: -1;
}


.xi_koffer {
	position: absolute;
	left: 0px;
	bottom: 40px;
	width: 220px;
	
}
.xi_koffer_zahl {
	position: absolute;
	width: 260px;
	bottom:0px;
	left:-20px;
}
.xi_haus {
	position: absolute;
	right: 0px;
	top: 0px;
width: 220px;
}

.xi_haus_zahl {
width: 220px;
	position: absolute;
    right: 0px;
    top: 200px;
}

.xi_karte {
	position: relative;
	width: 500px;
	top:-350px;
}

.xi_karte_zahl {
	position: absolute;
    width: 400px;
    left: 40px;
    top: -100px;
}
.xi_buch3 {
	margin-top:-600px;
	width: 100%
}


@media (max-width:575px){
	
	.xi_menschen {
	
	position: relative;
    width: 100%;
    z-index: -1;
}

	.xi_ma_zahl {
	position: absolute;
    width: 220px;
    top: 160px;
	left:50%;
	transform: translate(-50%)
}

.xi_buch1 {
width: 100%;
margin-top:40px;
}

	.xi_koffer {
	margin-top:50px;
	position: relative;
	width: 80%;
	margin-left:50%;
	transform: translate(-50%)
	
}
.xi_koffer_zahl {
	position: absolute;
	width: 260px;
	    top: 230px;
	left:50%;
	transform: translate(-50%)
	
}
.xi_haus {
	margin-top: 50px;
	position: relative;
	width: 80%;
	margin-left:50%;
	transform: translate(-50%)
	

}

.xi_haus_zahl {
width: 220px;
	position: relative;
	top:-20px;
		margin-left:50%;
	transform: translate(-50%)
}

.xi_karte {
	position: relative;
	width: 100%;
	top:0px;
}

.xi_karte_zahl {
	position: relative;
    width: 220px;
    left: 40px;
    top: -150px;
}
.xi_buch3 {
	margin-top:0px;
	width: 100%
}
	
	
}


.sick_b1 {
	margin-top: -300px;
	width: 100%;

}

.sick_b2 {
	margin-top: 30px;
	width: 100%;
}

.sick_b3 {
	margin-top: 30px;
	width: 100%;
}


.sick_ar_1 {
	position: absolute;
    width: 500px;
    left: -250px;
    top: 200px;
}

.sick_ar_2 {
	position: absolute;
    width: 500px;
    right: -250px;
    bottom: 0px;
}

.sick_b4 {
	margin-top: -300px;
    width: 100%;
    z-index: -1;
    position: relative;
}


.sick_blau {
	background-color: #009fe3;
	margin-top: -300px;
	z-index: -1;
	text-align: center;
}

.sick_ar_3 {
    margin-top: 280px;
    margin-bottom: 100px;
    width: 350px;
	z-index: 1;
	position: relative;
}


.bene_m200 {
	margin-top: -200px;
	width: 100%;
}

.benex_netz {
	position: absolute;
	width: 600px;
	left:-200px;
}

.bene_b {
	position: absolute;
	z-index: 1;
	width: 400px;
	right: 0px;
	top:150px;
}


.lpkf_heli {
	width: 80%;
}

.lpkf_mit {
	position: absolute;
	top:150px;
	width: 40%;
	left:50%;
	transform: translate(-50%);
	opacity: 0.8;
}



.topm100 {
	margin-top:-100px;
	
}




.nabal_bg {
	background-image: url("../img/projekte/nabaltec/Hintergrund_grau.png");
	background-repeat: no-repeat;
	background-size: cover;	
 }

.nabal_bg img {
	margin-top: 250px;
	margin-bottom: 250px;
	margin-left: 50%;
	transform: translate(-100%)
}



.tt_bg1 {
	margin-top:-530px;
	width:100%;
	margin-left: 50%;
	transform: translate(-50%);
}

.tt_proj_img_big {
    max-width: 1600px;
}

.tt_commit {
	width: 340px;
	position: relative;
	z-index: 2;
}

.tt_sayy {
	width: 430px;
	position: relative;
	z-index: 2;
}

.tt_books {
	margin-top: -260px;
	padding-left: 15px;
	padding-right: 15px;

}
.tt_books img {
	padding: 0px;
	width: 100%;
}


.tt_books .col-6 {
	padding-left:0px;
	padding-right:0px;
}

.tt_bg2 {	
	margin-top:-752px;
	width:100%;
	margin-left: 50%;
	transform: translate(-50%);
}
.tt_swp2 {
    width: 100%;
    margin-top: -180px;
    padding-bottom: 200px;
}

.tt_karte {
	width: 140%;
	position: absolute;
}

.tt_row_mt {
margin-top: -400px	
}


@media (max-width:1300px) and (min-width:992px) {
	.tt_bg1 {
	width:110%;
		overflow-x: hidden;

}
	.tt_commit {
	width: 320px;
	padding-bottom:50px;
}

.tt_books {
	margin-top: -160px;
	padding-left: 15px;
	padding-right: 15px;

}
	
.tt_bg2 {
   margin-top: -660px;
    min-width: 1200px;
    overflow-x: hidden;
}
	
.tt_row_mt {
    margin-top: -220px;
}
.tt_sayy {
    width: 400px;
	margin-left:40px;
	}
}



@media (max-width:991px) and (min-width:768px) {
	.tt_commit {
	width: 280px;
}
	
.tt_bg1 {
    margin-top: -404px;
	width:108%;
		overflow-x: hidden;
}
	
.tt_books {
    margin-top: -60px;
}
	
.tt_bg2 {
    margin-top: -452px;
	min-width:820px;
	overflow-x:hidden;
}

.tt_row_mt {
    margin-top: -120px;
}	
.tt_sayy {
    width: 230px;
	margin-left: 20px;
}
	
}

@media (max-width:767px){
.tt_commit {
	width: 200px;
}
	
.tt_bg1 {
margin-top: -320px;
		width:110%;
		overflow-x: hidden;
}
	.tt_books {
    margin-top: -80px;
	
}

.tt_bg2 {
display: none;
}
	

	
.tt_row_mt {
    margin-top: -80px;
}	
.tt_sayy {
    width: 230px;
	margin-left: 20px;
}
	

.yamaha_bf1 {
    position: absolute;
    left: 0%;
    top: 0px;
}
	
.yamaha_bf4 {
    position: absolute;
    left: 5%;
    top: 200px;
}


}

@media (max-width:575px){
	.tt_bg1 {
		display: none;
	}
	.tt_commit {
    width: 200px;
    margin-left: 50%;
    transform: translate(-50%);
    margin-top: 10px;
    margin-bottom: 30px;
}
	

.tt_swp2 {
    width: 100%;
    margin-top: -140px;
    padding-bottom: 60px;
}

.tt_karte {
	display: none;
}

.tt_sayy {
    width: 230px;
	margin-left: 50%;
	transform: translate(-50%);
}

	
.tt_books img {
	padding-bottom: 10px;
	padding-top:10px;
	}
}






.hb_arrow {
	position: absolute;
	width: 300px;
	left:50%;
	transform: translate(-50%);
}

.hb_img1 {
	margin-top: 120px;
	width:100%;
}


.hb_reifen {
    position: absolute;
    width: 160px;
    left: 50%;
    transform: translate(600px);
	z-index: 1;
}

.hb_themen img {
	width:220px;
}

.hb_buch1 {
	width: 70%;
	margin-top: -50px;
	margin-left: 25%;
}
.hb_buch2 {
	width: 70%;
	margin-top: -50px;
	margin-left: -25%;
}

.hb_buch3 {
	width: 70%;
	margin-top: -50px;
	margin-left:25%;
}
.hb_rot {
	width: 100%;
}

@media (max-width:1550px){
.hb_reifen {
    display: none;
}
}

@media (max-width:767px){

	.hb_themen img{
	width:140px;
}
}

.bg_des_u {
	background-image: url("../img/projekte/des/geometric_shapes_magenta_grau1.png");
	background-size: cover;
}

.des_robo {
	width: 100%;
margin-top: 120px;
	
}

.des_schauf {
	width: 80%;
	margin-top:-200px;
	    position: relative;
    z-index: -1;
}

.des_schrift {
	width: 80%;
	margin-top: -200px;
	float: right;
}

.des_text {
	    position: relative;
    z-index: 1;
	width: 100%;
}

.des_dia {
	width: 140%;
}


.des_bg {
	width: 100%;
	position: relative;
	left:50%;
	transform: translate(-50%);
	max-height: 1200px;
	min-height: 900px;
}

.des_schuhe {
    width: 100%;
    margin-top: -250px;
    z-index: 1;
	padding-right: 20px;	
}

.des_pink1 {
	z-index: 2;
	position: relative;
	width: 100%;
}

.des_frau {
	width: 100%;
	margin-top:150px;
}

.des_kunsum {

margin-top: -220px;
    margin-left: 50%;
    max-width: 360px;
    width: 100%;
    z-index: 1;
}

.des_2pro {
width: 350px;
    margin-left: 25%;
    margin-top: -180px;
    z-index: 1;
    position: relative;
}
	
@media (max-width:991px) and (min-width:768px) {
.des_2pro {
    width: 260px;
    margin-left: 20%;
    margin-top: -60px;
    z-index: 1;
    position: absolute;
}
	
}

.des_ol_bg {
position: absolute;
    z-index: 1;
    width: 100%;
    max-width: 800px;
    opacity: 0.8;
    left: 50%;
    transform: translate(-50%);
	 }

.des_bg2 {
width: 100%;
	height: 90%;
}

.des_ol3 {
	max-width: 1200px;
	width: 100%;
	z-index: 1;
	padding-top: 30px;
	padding-bottom: 30px;
}



@media (max-width:767px){
.des_dia {
	width: 100%;
}
	
	.des_frau {
    margin-top: 10px;
}
	.des_schuhe {
    width: 100%;
    margin-top: -100px;
    z-index: 1;
    padding-right: 0px;
}
	.des_kunsum {
    margin-top: -40px;
    margin-left: 0;
    max-width: 360px;
    width: 100%;
    z-index: 1;
}
	
.des_2pro {
    width: 320px;
	margin-left: 20%;
    margin-top: 260px;
    z-index: 1;
    position: relative;
}
.des_robo {
    width: 100%;
    margin-top: -20px;
}
	

.des_schauf {
    width: 100%;
    margin-top: -20px;
    position: relative;
    z-index: -1;
}
	
	.des_schrift {
    width: 80%;
    margin-top: 0px;
    float: left;
}
	}

@media (max-width:460px){
	
.des_kunsum {
    margin-top: 20px;
    margin-left: 0;
    max-width: 280px;
    width: 100%;
    z-index: 1;
}
	
.des_2pro {
    width: 220px;
	margin-left: 20%;
    margin-top: 260px;
    z-index: 1;
    position: relative;
}
	
}

.lbs_lines {
	position: absolute;
	width: 100%;
	top:-124px;
	opacity: 0.8;
	left: 0px;
	z-index: 1;
	padding-left:15px;
	padding-right: 15px;	
}

.lbs_mo_txt {
padding-bottom: 700px;
overflow-x: hidden;
}



	
@keyframes anim-1 {
	0% { left:140px; opacity: 1 }
 100% { left: 100%; opacity: 1}
}

@keyframes anim-2 {
	
	0% { left:-50px; opacity: 1; }
 100% { left: 100%; opacity: 1;}
}

@keyframes anim-3 {
	0% { left:200px; opacity: 1; }
 100% { left: 100%; opacity: 1;}
}

@keyframes anim-4 {
	0% { left:-100px; opacity: 1; }
 100% { left: 100%; opacity: 1;}
}


.lbs_mo_txt h2 {
	font-family: "MuseoSans-900";
	text-transform: uppercase;
}

.lbs_res {
font-size: 6.2em;
position: absolute;
display: block;
width: 60%;
animation: slide 18s linear infinite;
animation-name: anim-1;
}

.lbs_con {
	font-size: 5.2em;
	position: absolute;
  display: block;
  width: 60%;
	animation: slide 12s linear infinite;
	animation-name: anim-2;
}

.lbs_sust {
font-size: 8.6em;
position: absolute;
display: block;
width: 60%;
animation: slide 18s linear infinite;
animation-name: anim-4;

}

.lbs_img1 {
	width:100%;
	margin-top: 50px;
}

.lbs_social {
font-size: 7.2em;
position: absolute;
display: block;
width: 60%;
animation: slide 21s linear infinite;
animation-name: anim-4;
}

.lbs_mot_abst {
	margin-top: 360px;
}

@media (max-width: 767px) {
	
	.lbs_lines {
	top: -72px;
    padding-left: 15px;
    padding-right: 15px;
}

.lbs_mot_abst {
	margin-top: 160px;
}
	
.lbs_social {
font-size: 4.2em;
	 }
.lbs_sust {
font-size: 4.6em;	
}
.lbs_con {
	font-size: 3.2em;
	}
.lbs_res {
font-size: 4.2em;
}
	
.lbs_mo_txt {
padding-bottom: 280px;
}
}

@media (max-width: 575px) {
.lbs_mo_txt {
padding-bottom: 220px;
}
}

@media (max-width:991px) and (min-width:768px) {
	
.lbs_mo_txt {
padding-bottom: 230px;
}	
	.lbs_mot_abst {
	margin-top: 260px;
}
	.lbs_lines {
	top: -96px;
	} 
}


@media (max-width:1199px) and (min-width:991px) {	
.lbs_mo_txt {
padding-bottom: 330px;
}
	.lbs_lines {
	top: -112px;
	} 
}



.lbs_img_last {
	position: relative;
	z-index: -1;
	margin-top: -200px;
	width: 100%
}


.elg_big_typo {
font-family: "MuseoSans-700";
font-size:10em;
text-transform: uppercase;
line-height: 100%;
position: absolute;
}


.elg_big_typo span {
	color:red;
}

.elg_scrw {
	margin-left: 50%;
    transform: translate(-50%);
    margin-top: -40px;
	width: 120%;
}

.elg_pad_zahl {
	margin-right:100px
}

.elg_bg1 {
	 width: 120%;
	overflow-x: hidden;
}

.elg_zahl {
	 width: 150px;
}

@media (max-width: 767px) {
	
.elg_big_typo {
font-family: "MuseoSans-700";
font-size:4.2em;
text-transform: uppercase;
line-height: 100%;
position: absolute;
}
	
.elg_bg1 {
	 width: 100%;
}	

.elg_scrw {
	width: 100%;
}	
.elg_zahl {
	 width:50px;
}
	.elg_pad_zahl {
	margin-right:50px
}
	
}

.backtop {
	color: #1b1b1b;
	text-transform: uppercase;
	font-size: 16px;
	font-family: "MuseoSans-700";
}



/*-------Haniel--------*/

.opendoor {
    display: flex;
width: 100%;
}


@media (max-width: 575px) {
	
.opendoor {
    display: none;
}

.doorxs {
    background-image: url(https://haniel-2018.corporate-report.net/wp-content/uploads/2019/03/bg_xs_hdr.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 60vh;
}
	.headerh {
		height:70vh !important;
	}	
}




@media (min-width: 575px) {
	
	.opendoor {
    margin-top: 14%;
  
}
.opendoor h3 {
font-size: 18px !important;
    color: #00a13a !important ;
    margin-left: 20px;
    margin-top: -40px;
}
}
@media (min-aspect-ratio: 15/9){
	
	.opendoor {
    margin-top: 13%;
  
}
}	
@media (min-aspect-ratio: 20/9){
	.opendoor {
    margin-top: 13%;
}
}

.titelgb img {
    width: 650px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
    margin-top: 120px;

}


.colleft {
    width: calc(50% - 220px);
}
.colright {
    width: calc(50% - 0px);
}


.wallbef {
    height: 411px;
    width: 99.5%;
    background-color: white;
    border: 2px solid #9F9F9F;
}
.wallaft {
    height: 411px;
    width: 100%;
    background-color: white;
    border: 2px solid #9F9F9F;
    margin-left: 20px
}

.maxw {
    max-width: 220px;
}

.thumb {

    background: url("../img/projekte/haniel/tuer.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    height: 411px;
    width: 220px;
    /*margin: 20px;*/
    position: absolute;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .0) inset;
    transition: 1s transform linear;
    transform-origin: left;
    cursor: pointer;
    transform: rotateY(-10deg);
	-moz-transform: perspective(900px) rotateY(-20deg);
    border: 2px solid #9F9F9F;
}
.thumbOpened {
    transform: rotateY(-95deg);
	-moz-transform: perspective(560px) rotateY(-100deg);
    transform-origin: 0px;
    transition: 0.6s linear;
}
.perspective {

    background: url("../img/projekte/haniel/rahmen.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    display: inline;
    float: left;
    height: 411px;
    width: 220px;
    margin: 0px;
    margin-left: 0px;
    -webkit-perspective: 450;
    border-radius: 2px;
    box-sizing: border-box;
}

.hnl_vid_txt {
	width: 70%;
}

.hnl_img_txt {
	width: 100%;
}

@media (min-width: 768px) {
	.doorxs {
		display: none;
	}
}

@media (max-width: 767px) {
	.han_topm200 {
    margin-top: 20px !important;
}
	.disnomobil {
	display: none;
	}
.headerh {
    display: none;
}
/*.topm100 {
		margin-top: 0px;
	}*/
.opendoor {
    display: none;
}

.doorxs {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
	width: 100%;
}
	.headerh {
		height:70vh !important;
	}	
	
.hnl_img_txt {
	width: 70%;
}
.hnl_vid_txt {
	width: 100%;
}
}

@media (max-width: 575px) {

}

.bgvideo {
	background-color: #c7d301;
}

.pabo50 {
	padding-bottom: 50px;
}

.bg_hnlgreen {
	background-image: url("../img/projekte/haniel/background_filter.jpg");
	
}


.hnl_vid_wrap {
    width: 100%;
    height: 100%;
    max-width: 1034px;
    max-height: 543px;
    margin: 0 auto;
}
.hnl_vid_wrap .inside {
    position: relative;
    padding-top: 12px;
    padding-bottom: 67.5%;
    height: 0;
}
.inside iframe {
    box-sizing: border-box;
    background: url("../img/projekte/haniel/vidframe.png") center center no-repeat;
    background-size: contain;
    padding: 0.5% 8.0% 14.9%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.han_topm200 {
	margin-top: -200px;
}


@media (max-width: 1200px) {
.han_topm200 {
    margin-top: -160px;
}
}

@media (max-width: 991px) {
	
.bgb2 {
    width: 100%;
    position: absolute;
    left: 0;
    overflow-y: hidden;
}
	
.han_topm200 {
    margin-top: -100px;
}
}