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

@font-face {
  font-family: "UniversLTPro-UltCond";
  font-style:normal;
  font-weight: 900;
  /*src: url('https://www.hainwerk.berlin/landing/font/UniversLTPro-UltCond.woff') format('woff');*/
  src: url('../font/UniversLTPro-UltCond.woff') format('woff');
}

@font-face {
  font-family: "GilroyLight";
  font-weight: 300;
  src: url('../font/gilroy_light_font.eot');
  src: url(../font/gilroy_light_font.eot?#iefix) format('embedded-opentype'),url('../font/gilroy_light_font.woff2') format('woff2'),url('../font/gilroy_light_font.woff') format('woff'),url('../font/gilroy_light_font.ttf') format('truetype');
}

@font-face {
  font-family: "GilroyLightItalic";
  font-weight: 300;
  font-style: italic;
  src: url('../font/font_italic.woff2') format('woff2'),url('../font/font_italic.woff') format('woff');
}
	

@font-face {
  font-family: "GilroyRegular";
  font-weight: 500;
  src: url('../font/gilroy_regular_font.eot');
  src: url(../font/gilroy_regular_font.eot?#iefix) format('embedded-opentype'),url('../font/gilroy_regular_font.woff2') format('woff2'),url('../font/gilroy_regular_font.woff') format('woff'),url('../font/gilroy_regular_font.ttf') format('truetype');
}  

@font-face {
  font-family: "GilroyBold";
  font-weight: 700;
  src: url('../font/gilroy_bold_font.eot');
  src: url(../font/gilroy_bold_font.eot?#iefix) format('embedded-opentype'),url('../font/gilroy_bold_font.woff2') format('woff2'),url('../font/gilroy_bold_font.woff') format('woff'),url('../font/gilroy_bold_font.ttf') format('truetype');
}

@font-face {
  font-family: "GilroyBoldItalic";
  font-style:italic;
  font-weight: 700;
  src: url('../font/font.woff2') format('woff2'),url('../font/font.woff') format('woff');
}

@font-face {
  font-family: "GilroySemiboldItalic";
  font-style:italic;
  font-weight: 600;
  src: url('../font/gilroy_semibold_italic_font.woff2') format('woff2'),url('../font/gilroy_semibold_italic_font.woff') format('woff');
}


@font-face {
  font-family: "GilroyExtraBoldItalic";
  font-style:italic;
  font-weight: 900;
  src: url('../font/font_extrabold_italc.woff2') format('woff2'),url('../font/font_extrabold_italc.woff') format('woff');
}



/*
    


@font-face {
  font-family: "GilroyUltraLightItalic";
  font-weight: 200;
  font-style: italic;
  src: url('font/font_ultra_italic.woff2') format('woff2'),url('font/font_ultra_italic.woff') format('woff');
}

	
@font-face {
  font-family: "GilroyRegularItalic";
  font-weight: 500;
  font-style:italic;
  src: url('font/gilroy_regular_italic_font.woff2') format('woff2'),url('font/gilroy_regular_italic_font.woff') format('woff');
}      

*/


.active_lang {font-weight: 700; font-family: "GilroyBold";}

textarea,
input,
input[type="text"],
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
::-webkit-input-placeholder { color: #133331; opacity: 0.8;}

input[type="checkbox"] {
    outline: 1px solid #133331 !important;
	height:10px;
	width:10px;
}

input:checked {
    background-color:#133331;
}

#adjustsmallimage2 {display:none;}

.bigscreenpaddingtopbottom2 {padding-bottom:0;}

.nopaddingleft {padding-left:0;}

.half_height_minus {height:280px; /*border: 1px green solid;*/ position: relative;}
.half_height {height:360px; /*border: 1px green solid;*/ position: relative;}
.half_height_new {height:420px; /*border: 1px green solid;*/ position: relative;}
.half_height_child {position: absolute;
  top: 50%;
  left: 50%;
	width: 100%;
  transform: translate(-50%, -50%);}

.full_height_minusslider {height:660px; /*border: 1px pink solid;*/ position: relative;}
.full_height {height:720px; /*border: 1px pink solid;*/ position: relative;}
.full_height_child {position: absolute;
	bottom:0;
}

#four_small, #img_ab_600_small {display:none;}
.show_smaller, .show_smallest {display: none !important;}

* {padding: 0; margin: 0; border: 0;}

#smallmenu {display:none !important;}

.zoomIn {-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 1.5s ease 0s;transition:all 1.5s ease 0s;}
.zoomIn.go {-webkit-transform:scale(1.2);transform:scale(1.2);}

.hider {display: none;}
#pop_parent, #pop_parent_factsheet  {position: fixed; z-index: 999; top: 0; left: 0; right: 0; bottom: 0;}
#popup, #popup_factsheet {position:relative; top: 50%; left: 50%; background-color: #fff; color: #133331; padding: 40px 50px; z-index: 999; transform: translate(-50%, -50%); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.7); -moz-box-shadow:0 0 10px rgba(0,0,0,0.7); box-shadow:0 0 10px rgba(0,0,0,0.7); border-radius: 10px; width: 460px;}
.x, .x_factsheet {position: absolute; right: 25px; top: 15px; cursor: pointer;}
.x:hover, .x_factsheet:hover {opacity: 0.9;}
#overlay, #overlay_factsheet {position: fixed; height: 100%; width: 100%; top: 0; z-index: 998; background:black;
    background:rgba(0,0,0,0.4);
backdrop-filter: blur(3px);
}


body, html {color: #133331; font-family: "GilroyLight", Helvetica, Arial, sans-serif; font-weight: 300; background-color: #133331;}

.mail {background-color: #3cff03; color: #133331; border-bottom: 1px #133331 solid; width: 100%; font-family: "GilroyBoldItalic"; font-weight: 700; font-size: 20px;  font-style: italic; flex: 1; margin: 0 25px 0 0;}
.bt_submit {color: #133331; text-transform: uppercase; font-family: "GilroyBoldItalic"; font-weight: 700; font-style: italic; border: 1px #133331 solid; text-shadow: none; background: #3cff03; padding: 5px 15px; border-radius: 10px; font-size: 20px; }
.bt_submit:hover, .bt_submit2:hover {color: #3cff03; background: #133331;}

.bt_submit2 {color: #133331; text-transform: uppercase; font-family: "GilroyBoldItalic"; font-weight: 700; font-style: italic; border: 1px #133331 solid; text-shadow: none; background: #fff; padding: 5px 15px; border-radius: 10px; font-size: 20px; }

.bt_submit2_inv {color: #ffffff; background: #133331; text-transform: uppercase; font-family: "GilroyBoldItalic"; font-weight: 700; font-style: italic; border: 1px #ffffff solid; text-shadow: none; padding: 5px 15px; border-radius: 10px; font-size: 19px;}
.bt_submit2_inv:hover {color: #133331; text-transform: uppercase; font-family: "GilroyBoldItalic"; font-weight: 700; font-style: italic; border: 1px #ffffff solid; text-shadow: none; background: #fff; padding: 5px 15px; border-radius: 10px; font-size: 19px; }

.flexbox {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.break {
  flex-basis: 100%;
  height: 0;
}

/*colors*/
.bg_green {background-color: #133331;}
.bg_middlegreen {background-color: #038a34;}
.bg_neongreen {background-color: #3cff03;}

.bg_white {background-color: #fff;}

.green {color: #133331;}
.middlegreen {color: #038a34;}
.white {color: #fff;}

.bt_purple {}
.bt_blue {}
.bt_green {}


.semibolditalic {font-family: "GilroySemiboldItalic"; font-weight: 600; font-style: italic;}
.bold {font-family: "GilroyBold"; font-weight: 700; font-style: normal;}

.nav-item::after {width:0%;
    overflow:hidden;
	display: block;
	content:'';
 background: #fff;
     position: absolute;
     bottom: -2px;
     left: 50%;
    height: 1px;
		-webkit-transition: width 0.25s ease-in-out;
    -moz-transition: width 0.25s ease-in-out;
    -o-transition: width 0.25s ease-in-out;
    transition: width 0.25s ease-in-out;
transform: translate(-50%, 0%);}

.active::after { content: "";
     width: calc(100% - 24px);
 
     /* background-color: var(--c-title-underline-color); */


	-webkit-transition: width 0.25s ease-in-out;
    -moz-transition: width 0.25s ease-in-out;
    -o-transition: width 0.25s ease-in-out;
    transition: width 0.25s ease-in-out;}

.italic {font-style: italic;}

h2 {font-size: 4vw; line-height: 4.6vw; margin-bottom: 0;}
h3 {font-size: 23px; margin-bottom: 0;}
h4 {font-size: 19px; line-height: 25px;}

.univers {font-family: "UniversLTPro-UltCond"; font-style:normal; font-weight: 900;}
.txt_18px {font-size:17px;}



/*layouter*/
.max_width {max-width: 1400px; margin: 0 auto;}
.max_widther_new {max-width: 2200px;}
.padding_left {padding-left: 7vw;}
.padding_right {padding-right: 7vw;}
.padding_right_small {padding-right: 3.5vw;}

.divider {display: inline-block; width: 20%; height: 1px;}
.border_top_green {border-top: 1px solid #133331;}
.border_bottom_green {border-bottom: 1px solid #133331;}
.text_center {text-align: center;}

.img_extra { position: relative;}
.img_extra_txt {position: absolute; bottom: 0; color: #fff; width: 90%; font-size:14px; right: 0; font-family: "GilroyLightItalic"; font-style: italic; font-weight: 300; line-height: 22px; padding-bottom: 30px; text-shadow: 1px 1px 4px black;}

#wrap {margin: 0 auto;}

.columner {display:grid; grid-template-columns: 1fr 1fr; align-items: center; height: 100%;}
.columner div:nth-child(3) {padding-top:160px; padding-bottom: 100px;}

.columner_compl_1 {display:grid; grid-template-columns: repeat(2, 1fr);}
.columner_compl_1 div:first-child { grid-column: 1 / 2; grid-row: 1 / 3;}

.columner_compl_2 {display:grid; grid-template-columns: repeat(4, 1fr);}
.columner_compl_2 div:first-child {grid-column: 1 / 3;}
.columner_compl_2 div:nth-child(2), .columner_compl_2 div:nth-child(3) {border-left: 1px solid #133331;}
	
.workaround {height: 100%; width: 100%; display: table;}

.columner_compl_3 {display:grid; grid-template-columns: repeat(3, 1fr);}

.columner_compl_4 {display:grid; grid-template-columns: repeat(2, 1fr);}
.columner_compl_5 {display:grid; grid-template-columns: minmax(0, 1fr) auto;}

.centered_small {width: 68%; margin: 0 auto;}

#header {position: fixed;  top: 0; width: 100%; color: #fff; overflow: hidden; z-index: 15;}
#header_main {border-bottom: 1px solid #fff;}
#header_main .header_main_child { display:flex; align-items:stretch; padding-left:7%;   margin: 0 auto;}
#header a, #footer_own a {color: #fff; cursor: pointer;}
#footer_own a:hover {color: #3cff03;}
#header a:hover {color:#fff;}

#footer_own {font-family: "GilroyExtraBoldItalic"; font-style: italic; font-weight: 900; padding-left:7%; padding-right:7%; padding-bottom: 60px; padding-top: 85px; display: flex; align-items: end;}
.footer_sig {font-size: 22px; line-height: 27px; margin-bottom: 0;}
.footer_own_left {flex: fit-content;}
.footer_own_right {text-align: right; flex: fit-content; font-family: "GilroyLightItalic"; font-weight: 300; font-style: italic; font-size:12px;}
.footer_own_right p { font-size:22px; margin-bottom: 5px;}
.footer_own_right p a {color: #038a34 !important; font-family: "GilroyExtraBoldItalic"; font-style: italic; font-weight: 900;}
.footer_own_right p a:hover {color: #3cff03 !important;}

.footer_x_left_txt {font-family: "GilroyExtraBoldItalic"; font-style: italic; font-weight: 900; text-transform: uppercase; font-size: 19px;}
.footer_x_left_txt a:hover {color: #3cff03 !important;}

.footer_x_right_txt {margin: 0; font-family: "GilroyExtraBoldItalic"; font-style: italic; font-weight: 900; font-size:19px;}
.footer_x_right_txt a {color: #038a34 !important; font-family: "GilroyExtraBoldItalic"; font-style: italic; font-weight: 900; font-size:19px;}
.footer_x_right_txt2 {font-family: "GilroyLightItalic"; font-weight: 300; font-style: italic; font-size:12px;}


/* columns */
.one {width: 15%; padding-top: 18px; padding-bottom: 18px;}
.two {width: 26%; text-align: center; position: relative;}
.three div { position: absolute; font-family: "GilroyBoldItalic";
  font-style:italic;
  font-weight: 700;
  font-size: 15px;
  top: 50%;
  transform: translate(0%, -50%);
  right: 9%;}
.three {width: 57%; text-align: center; position: relative;}

.claim {position: absolute; left: 0; top: 50%; transform: translate(0%, -50%); padding-left: 24%; padding-right: 8%; width:100%;}

.subline_top {text-align: center; padding-top: 10px; font-family: "GilroyRegular"; font-weight: 600; font-size:2.3vw; color:#133331;}
#container { display: inline-block;}
.container_dad {text-align: center; font-size: 9vw;  font-family: "UniversLTPro-UltCond"; font-weight: 900;}



@media screen and (min-width:1280px){
.subline_top {font-size:32px;}	
.container_dad {font-size: 120px;}

.footer_x_left_txt {font-size: 22px; line-height: 27px;}
	
h2 {font-size: 53px; line-height: 63px;}

}

@media screen and (min-width:1400px) {
	.bigscreenborders {/*border-left: 1px solid #133331; border-right: 1px solid #133331;*/
	border-left: 1px solid #fff;}
	
	#bigscreenadjust_paddingright {padding-right:0;}
	.bigscreenpaddingtopbottom {padding-top:0px !important; padding-bottom: 60px !important;}
	.bigscreenpaddingtopbottom2 {padding-top:0px !important; padding-bottom: 0px !important;}
	.col-30{width:43%;}
	.col-70{width:57%;}
	#bigscreenpaddingadjust {padding:0;}
	.three div {right:0;}
	/*#header_main .header_main_child {padding-left:0;}*/
	/*.bigscreen_footer {padding-left:0; padding-right:0;}*/
	#makeitleft {padding-right:0;}
}

@media screen and (min-width:1800px) {
	.columner_rework {display:block; position: relative;}
	.columner_rework div:first-child {position: absolute; width: 100%; height: 100%; z-index: 1; padding-left: 0; left: 0;}
	.columner_rework div:first-child div div {margin: 0 auto; width:1400px; position: relative; height: 100%; padding-left: 7vw; padding-right: 22vw; display:table;}
	.columner_rework div:first-child div div p {display: table-cell; vertical-align: middle;}
	.columner_rework div:nth-child(2) {position: absolute; right:0; top: 0; width:100%;}
	.adjuster {display: table-cell !important;
    vertical-align: middle;
    padding-right: 0vw !important;
    padding-left: 0 !important;
  }}
	
}

@media screen and (min-width:2000px) {
	
	#swipefirst_bigscreen {height:86vh; min-height: 760px;}
	#swipesecond_bigscreen {height:86vh; min-height: 760px;}
	
	.three div {font-size:17px;}
	
	h2 {font-size: 53px !important; line-height: 63px !important;
	}
	
	.columner_rework div:first-child div div {padding-right: 16vw;}
	
	.subline_top {font-size:32px !important;}
	
	.txt_18px {font-size:18px;}
}



@media screen and (max-width:1279px) {
		.txt_18px {font-size:16px;}
}

@media screen and (max-width:1170px){
	.padding_left {padding-left: 4vw;}
.padding_right {padding-right: 5vw;}
.padding_right_small {padding-right: 1.7vw;}
	#header_main .header_main_child {  padding-left:4%;}
	.three {width: 60%;}
	.txt_18px {font-size:16px;}

	h3 {font-size: 23px;}
h4 {font-size: 19px; line-height: 25px;}
	.footer_x_right_txt {  font-size: 19px;}
	.footer_x_left_txt {
  font-size: 19px;
		line-height: 25px;}
	
}

@media screen and (max-width:1050px) {
	.claim {padding-left: 17%; padding-right: 16%;	
}
	}


@media screen and (max-width:991px){
	#bigmenu {display:none !important;}
	#smallmenu {display:block !important;}
	
	#c21 {padding-top:50px;}
	.hide_small {display:none;}
	.adjust_margin_top {margin-top: -85px !important;}
	.padding_right {padding-right: 60px !important;}
	.centered_small {
		width: 92%;}
	
	 .three {width: 56%;}
	.two {width:30%;}
	.txt_18px {font-size:16px;}
}

@media screen and (max-width:800px){
	#test {
	margin-top: 0px !important;
	height: 700px;}
	.full_height800 {height:700px !important;}
	
	.halfheighthelp {height:700px;}
	
	.padhelp {padding-right:9vw !important;}
	
	.bigscreenpaddingtopbottom {padding-top: 0 !important; width: 92% !important;}
	.bigscreenpaddingtopbottom2 {padding-top:0 !important; width: 92% !important; padding-bottom: 0 !important;}
	
	h3 {font-size: 20px;}
	
/*#shuffle {min-height: 350px !important;}*/
	 .col-50 {width: 100%;}
	.col-right {padding-left: 4vw !important;}
	.padding_right_adjust {padding-left: 0vw !important;}
	.col-left {padding-right: 100px !important;}
/*	#paddingrightno {padding-right: 0 !important;}*/
	.padding_remastered { padding-right: 6vw !important; border: none !important;}
	
	.full_height {height:100%;}
	
	.txt_18px {font-size:15px;}
	.hide_smaller {display:none;}
	
	#four_big {display:none;}
#four_small {display:block;}
	#img_ab_600_big {display:none;}
	#img_ab_600_small {display:block;}
	
	.columner_compl_3 {display:grid; grid-template-columns: repeat(3, 1fr);}
	
	.columner_compl_2 {display:grid; grid-template-columns: repeat(3, 1fr);}
.columner_compl_2 div:first-child {grid-column: 1 / 1;}
	
	.show_smaller {display: block !important; padding: 0 !important; height: 10px;}
	.anzeiger {padding-bottom: 40px;}
	
	.img_extra {}
	.adjust_bottom {padding-bottom:40px;}
	
	.footer_x_right_txt, .footer_x_right_txt a {font-size:19px;}
	
	p.txt_18px {padding-top: 20px; padding-bottom: 20px;}
	
	.col-44 {width:100%;}
	
	.bigscreen_footer {padding-top:10px;}
	.adjusthidden {height:100%; }
}

@media screen and (max-width:550px){
	
	.bigscreen_footer {padding-top:40px;}
	
	.half_height_minus {
  height: 100%;
	}
	
	/*#shuffle {min-height: 280px !important;}*/
	#section1 {margin-top:25px;}
	.full_height_minusslider {padding-top:30px;}
	#logomake {width:75%;}
	#smallscreen_img {padding-left: 40px; padding-right: 40px;}
	#smallscreen_img2, #smallscreen_img3 {padding-left:70px; padding-right: 70px;}
	
	#adjust_smallest {padding-top: 40px; padding-bottom: 40px;}
	
	.full_height800 {height:450px !important;}
	
	.full_height_minusslider {height:100%;}
	.half_height {
		height: 230px;}
	.gallery-thumbs {min-height: 1px;}
	#swiperthumbssmall {height:100px;}
		.padding_remastered { padding-right: 30px !important;}
	
	.padding_right_adjust {padding-left: 0px !important;}
	
	.columner {display:grid; grid-template-columns: 1fr;}
	.columner_rework {display:inline-block; background-color: #fff;}
.columner div:nth-child(3) {padding-top:50px; padding-bottom: 50px;}

	
	#section13 {overflow: hidden;
  height: 680px !important;}
	#section14 {height: 1090px;}
	
	#adjustsmallimage {display:none;}
	#adjustsmallimage2 {display:block; padding: 0;}
	
	h2 {font-size: 34px; line-height: 42px;}
	 .txt_18px {
    font-size: 14px; 
	}
	p.txt_18px {padding-right: 15px;}
	.subline_top {margin-top:-15px !important; font-size: 12px !important;}
	  #test {
    margin-top: 0px !important;
    height: 800px;
  }
	.hide_smallest {display:none;}
	.show_smallest {display:block !important;}
		.show_smaller {display: none !important;}
	.one, .two, .three {width: 33%;}
	.claim {padding-left: 0; padding-right: 0;}
	
	.columner_compl_1 {display:grid; grid-template-columns: repeat(1, 1fr);}
.columner_compl_1 div:first-child { grid-column: 1 / 1; grid-row: 1 / 1;}
	.workaround {padding-top: 50px;
		padding-bottom: 40px;}
	.workaround div img {max-width:60%; margin: 0 auto;}
	.columner_compl_2 {display:grid; grid-template-columns: repeat(1, 1fr);}
	.columner_compl_2 div img {max-width: 60%; margin: 0 auto;}
	.columner_compl_2 div {border-bottom: 1px solid #133331;}
	.columner_compl_2 div:last-child {border-bottom: none;}
	
	.columner_compl_3 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
	
	.columner_compl_3 div img {max-width: 40%;}
	#adjust_map {width:100%;}
	
	.col-right {padding-top: 30px;}
	#adjust_image_archi {padding-right:20px;}
	
	  .padding_right {
    padding-right: 20px !important;
  }
	.columner_compl_4 {display: block;}
	.columner_compl_5 {display: block;}
	
	#makeitleft {text-align: left !important; padding-top:20px;}
	.anzeiger {font-size:12px;}
	.footer_x_left_txt {font-size:15px;}
	
	.mail {-webkit-appearance: none;
border-radius: 0;}

.col-44  {
	padding-right: 7vw !important;}

}