body{
	
	font-family:  'Quicksand', sans-serif; 
 	margin: 0px;
	font-weight: 400;
	background: #FFFFFF;
	max-width: 3840px;
	margin-left: auto;
	margin-right: auto;
	
}
html{scroll-behavior:smooth}

h1 {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	
}

h2 {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}

h3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}

h5 {
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
    	font-size:1.2rem;
}

.clearfix::after {
	content: "";
	clear: none;
	display: table;
	
}
.clearfix {
	overflow: auto;
}
.page-wrapper{

	margin-left: auto;
	margin-right: auto;
	
	max-width: 2560px;
	
	
	
}

.page-banner{
	width: 100%;
	height: 0;
	margin-top: 0px;
	
	background-position: center;
	background-size: cover;
	
	
}

/*----------Navbar----------*/

.nav-bar{
	float: left;
	width: 100%;
	height: 0;

	z-index:-20;
	
	
}
.checkbtn img{
	width: 35px;
	height: 35px;
	background:black;
	filter: invert(1);
	float: right;
	left: 94%;
	margin-top: 5vh;
	z-index: 500;
	cursor: pointer;
	position: fixed;
	border: #FFFFFF;
	border-radius: 50%;
	padding: 10px;
	transition: 0.8s;
		animation-timing-function: ease-in-out;
}

#check {
	display: none;
	
}


nav ul{
		position: fixed;
		width: 100%;
		height: 100vh;
		left: 200%;
		background: #000000;
		transition: 0.8s;
		padding-top: 8vh;
	margin-top: 0;
		animation-timing-function: ease-in-out;
		z-index: 400;
	border-radius: 5px;
			
	}
	nav ul li{
		justify-content: left;
		text-align: left;
		display: block;
		width: 100%;
		padding-top: 3vh;
		padding-left: 6%;
		transition: all .5s;
		color: white;
		margin-left: -40px;
		
	}
	nav ul li a{
	text-decoration: none;
	color: black;
	background-color: none;
		color: white;
		position: relative;	
	
	font-size: 3em;
	}
	nav ul li a h3{
	
	font-size: 0.45em;
	}

	
	

	#check:checked ~ul{
		left:50%;
		
	}

	#check:checked ~.checkbtn img{
		filter: invert(0);
		background: black;
		border-color: black;
		
		
	}

.grading{
		background-color: rgba(0,0,0,0.2);
		backdrop-filter: blur(4px);
		width: 100%;
		height: 120vh;
		left: 150%;
		position: fixed;
		transition: 0.7s;
		z-index: 300;
		animation-timing-function: ease-in-out;
	}

	#check:checked ~.grading{
		left: 0%;
}

/*-----Index Page------*/

.container_index_01{
	float: left;
	width: 100%;
	height: 48vw;
	
	
}
.container_leistungen_01{
	float: left;
	width: 80%;
	height: 48vw;
	margin-left:10%; 
	padding-bottom: 5%;

}
.container_leistungen_02{
	float: left;
	width: 80%;
	height: 48vw;
	margin-left:10%; 
	padding-bottom: 5%;

}

.frontvideo{
	float: left;
	width: 49.6%;
	height:48vw;
	margin: 0.2%;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	justify-content: center;
	background: white;
	

}
.frontvideo video{
	width: 100%;
	height: 48vw;
	object-fit: cover;
	position: absolute;
	top:50%;
	left: 0;
		transform: translateY(-50%);
		border-radius: 5px;
}
.frontvideo img{
	
	width: 100%;
	object-fit: cover;
	border-radius: 5px;
	height: 48vw;	
	
}
#index_video_2{
		display: none;
	}
.title{
	
	width: 100%;
	float: left;
	font-size: 3em;
	text-align: center;
	
}

.head {
	float: left;
	width: 49.6%;
	height: 48vw;
	margin: 0.2%;
	border-radius: 5px;
	text-align: center;
	position: relative;

}
.head h1{
		padding-top:38%;
}
.leistungen_textbox{
	float: left;
	width: 40%;
	height: 36vw;
	margin-left: 5%;
	margin-right: 5%;
	padding-top: 6vw;
	padding-bottom: 6vw;
	border-radius: 5px;
	position: relative;
}
.leistungen_textbox h2{
	line-height: 3;
		padding-top:20vh;
}
.leistungen_textbox h1{
	line-height: 1;
		
}

.auslandsproduktion_textbox{
	float: left;
	width: 40%;
	height: 28vw;
	margin-left: 5%;
	margin-right: 5%;
	padding-top: 10vw;
	padding-bottom: 10vw;
	border-radius: 5px;
	position: relative;
}

.auslandsproduktion_textbox ul li{
	height: auto;
	text-align: left;
	padding: 0;
	line-height: 1;
	margin-top: -1em;
	margin-bottom: -1em;
	
}
.auslandsproduktion_textbox h2{
	line-height: 1.6;
		padding-top:1vh;
}
.auslandsproduktion_textbox h1{
	line-height: 1.5;
		
}
.auslandsproduktion_textbox h3{
	line-height: 1.8;
		padding-top:1vh;
}
.auslandsproduktion_textbox img{
	width: 300px;
	height: 300px;
	object-fit: cover;
	
border-radius: 50%;
}
.button{
	position: absolute;
	/*background-image: url("../Images/btn.png");*/
	background: rgba(233,233,233,1.00);
	border-radius: 5px;
	width: 140px;
	height: 40px;
	background-position: center; 
  	background-repeat: no-repeat; 
  	background-size: cover;
	text-align: center;
	line-height: 2.5;
	cursor: pointer;
	transform: translate(0%, 0); 
	filter: opacity(0.8);
	transition:0.4s;
}
.button a{
	color: rgba(0,0,0,1.00);
	text-decoration: none;
}
.button:hover {
	transform: scale(1.05);
	
}
#button01{
	left:30%;
	top: 70%;
}

#button02{
	right:30%;
	top: 70%;
}

.leistungen{
	float: left;
	width: 100%;
	height: 600px;
	margin-top: 10px;
	
	
}

.leistung_01{
	float: left;
	width: 24.6%;
	height: 100%;
	margin: 0.2%;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	
}

.leistung_01 img{
	object-fit: cover;
  	height: 100%;
	width: 100%;
	opacity: 1;
	z-index:-1;
}

.leistungen_overlay{
	position: absolute;
	z-index: 1;
	text-align: center;
	top:0;
	height: 100%;
	width: 100%;
	background: none;

	
}
.leistungen_overlay:hover {
	backdrop-filter: blur(4px);
	background:rgba(255,255,255,0.5);
	
	
}

.leistungen_overlay:hover .leistungen_text{
	margin-top:320px;
	width: 100%;
	height: 280px;
	background: none;
}
.leistungen_text{ 
	margin-top: 430px;
	width: 100%;
	height: 170px;
	margin-left:0;
	color: rgba(255,255,255,1.00);
	background: linear-gradient(0deg, rgba(0,0,0,0.65) 0%, transparent 100%);
	align-items: center;
	transition: 0.5s ease-in-out;
	position: relative;
	
	text-decoration: none;
} 

.leistungen_text h1 a{ 
	
	color: white;
	text-decoration: none;
}



.readmorebtn img{
	width: 100px;
	
	cursor: pointer;
}

.readmorebtn{
	position: absolute;
	filter: invert(0);
	z-index: 100000;
	top:180px;
	left:0;
	width: 100%;
	
	
	
}



.readmorebtn {
        animation-name: bounce-5;
        animation-timing-function: ease;
	 animation-duration: 2s;
        animation-iteration-count: infinite;
    }
    @keyframes bounce-5 {
        0%   { transform:     translateY(0); }
        30%  { transform:  translateY(-10px); }
        40%  { transform:  translateY(0); }
        45%  { transform:    translateY(-4px); }
        50%  { transform:     translateY(0); }
        55%  { transform:     translateY(-2px); }
        60% { transform:     translateY(0); }
		65% { transform:     translateY(-1px); }
		100% { transform:     translateY(0); }
    }

	
/*-portfolio-----*/

.portfolio_overlay{
	position: absolute;
	z-index: 1;
	text-align: center;
	top:0;
	height: 100%;
	width: 100%;
	background: none;
	transition: 0.5s;
	background: rgba(0,0,0,0.3);

	
}
.portfolio_overlay:hover {
	
	background: rgba(0,0,0,0);
}




.portfolio_overlay button{
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%);
	color: white;
	opacity: 1;
	font-size: 1.3em;
	top: 65%;
	color: black;
	z-index: 10;
	width: 50%;
	background-color: rgba(255,255,255,0.5);
	border-radius: 16px;
	transition: 0.5s ease-in-out;
	font-size: 1.5em;
	box-shadow:  insert 0 0 0 0 #FFFFFF;
	transition: color .3s ease-in-out, box-shadow .7s ease-in-out;
	border: none;
	cursor: pointer;
	
}
	

.portfolio_text {
	position: relative;
	font-size: 1.2em;
	color: white;
	align-items: center;
	top:30%;
	transform: translate(-50% -50%)

	
	
}


.backtotop a{
	text-align: center;
	padding-top: 30px;
	color: white;
	text-decoration: none;	
	
}
.backtotop {
	background-color:rgba(188,188,188,1.00) ;
  border: none;
  color: white;
 margin-left: 40%;
	width: 20%;
	margin-right: 40%;
	margin-top: 5%;
	padding: 8px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;	
	border-radius: 15px;
	float: left;
	
	
}
.backtotop:hover{
	background-color:rgba(213,213,213,1.00) ;
  



	
}




/*-----------grid------------*/

.grid-container{
	padding-top: 50px;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	float: left;
	display: grid;
	grid-template-columns: 25% 25% 25% 25% ;
    grid-template-rows: auto ;
	grid-column-gap: 0;
	grid-row-gap: 0;

}


.grid-item{
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	align-items: center;
	margin: 5px;
}

.grid-item-1{
	grid-row: 1 / 2;
	grid-column: 1/1;
}

.grid-item-2{
	grid-row:  1/ 2;
	grid-column: 2/2;
}

.grid-item-3{
	grid-row: 1/ 2;
	grid-column: 3/3;
}

.grid-item-4{
	grid-row: 1 / 2;
	grid-column: 4/4;
}

.grid-item-5{
	grid-row: 2 / 3;
	grid-column: 1/1;
}

.grid-item-6{
	grid-row: 2 / 3;
	grid-column: 2/2;
}






.grid-item img{
	width: 100%;
	object-fit: cover;
	height: 100%;
	border-radius: 5px;
}

/*-----------grid gallery------------*/

.gallery{
	padding-top: 0px;
	padding-bottom: 300px;
	padding-left: 12%;
	padding-right: 12%;
	width: 76%;
	float: left;
	display: grid;
	grid-template-columns: 33.33333% 33.33333% 33.33334% ;
    grid-template-rows: auto ;
	grid-column-gap: 0;
	grid-row-gap: 0;
	
	 
	
}

.gallery-item{
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	align-items: center;
	margin: 5px;
	

}

.gallery-item-111{
	grid-row: 1 / 1;
	grid-column: 2;
}


/*-----------grid-gallery desktop------------*/

.gallery{
	
	padding-bottom: 300px;
	padding-left: 2%;
	padding-right: 2%;
	width: 96%;
	

  
	grid-template-columns: 32.3333% 32.3334% 32.3333%;
    grid-template-rows: auto ;
	grid-column-gap: 1%;
	grid-row-gap: 1.5vh;
	 
	
}

.gallery-item{
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	align-items: center;
	margin: 5px;
	width: 100%;
	object-fit: cover;
	height: 100%;

}

.gallery-item-1{
	grid-row: 1 / 4;
	
}

.gallery-item-2{
	grid-row: 1 / 3;
	
}

.gallery-item-3{
		grid-row: 1 / 4;
	
}

.gallery-item-4{
	grid-row: 4 / 8;
	
}

.gallery-item-5{
	grid-row: 3 / 7;
	
}

.gallery-item-6{
	grid-row: 4 / 8;
	
}
.gallery-item-7{
	grid-row: 8 / 12;
	
}
.gallery-item-8{
	grid-row: 7 / 10;
	
}
.gallery-item-9{
	grid-row: 8 / 12;
	
}

.gallery-item-10{
	grid-row: 12 / 15;
	
}
.gallery-item-11{
	grid-row: 10 / 14;
	
}
.gallery-item-12{
	grid-row: 12 / 16;
}
	
}
.gallery-item-13{
	grid-row: 15 / 19;
	
}


.gallery-item img{
	width: 100%;
	object-fit: cover;
	height: 100%;
	border-radius: 5px;
}

/*-----------Java---------*/
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(150%, -50%) scale(1);
  transition: 0.5s ease-in-out; 
  z-index: 100000;
  background-color: white;
  width: 96%;
  height: 96%;
	border-radius: 5px;
	overflow: hidden;

}


	button:hover {
  	box-shadow: inset 400px 0 0 0 #FFFFFF;
		
  		
		}

.modal.active {
  transform: translate(-50%, -50%) scale(1);
}

.modal-header {
 width: 100%;
  
  

  
}

.modal-header .modal_title {
  font-size: 1.25em;
  font-weight: bold;
	float: left;
	text-align: center;
	width: 70%;
	padding-left: 15%;
}

.modal-header .close-modal {
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  font-size: 2.5em;
  font-weight: lighter;
	margin-right: 3vh;
	float: right;
	padding-top: 3vh;
}

.modal-body {
  width: 100%;
	height: 100%;
	overflow-y: scroll;
	
}
.modal_title {
	text-align: center;
	
}
.modal-body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.modal-body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#overlay {
  position: fixed;
  opacity: 0;
  transition: 200ms ease-in-out;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  pointer-events: none;
	
}

#overlay.active {
  opacity: 1;
	 pointer-events: all;
	cursor: pointer;
 
}

.kontaktseite{
	text-align: center;
	width: 60%;
	padding-left: 20%;
}
.kontaktseite a{
	text-decoration: none;
	color: black;
	font-size: 1.1em;
}

/*-----------media-width-body---------*/

@media (max-width : 1920px ){
	
	#button01{
	left:20%;
	top: 76%;
}

	#button02{
	right:20%;
	top: 76%;
}
	
	.head h1{
		font-size: 1.7em;
	}
	.head h2{
		font-size: 1.1em;
	}
	
	.leistungen_text h1{
		font-size: 1.8em;
	}
	
	.leistungen_text h3{
		font-size: 1em;
	}
	nav ul li a{
	
	font-size: 2em;
	}
	nav ul li a h3{
	
	font-size: 0.4em;
	}
	.auslandsproduktion_textbox h1{
		font-size: 1.6em;
		
	}
	.auslandsproduktion_textbox h2{
		font-size: 1.1em;
		
	}
	.auslandsproduktion_textbox h3{
		font-size: 0.95em;
		
	}
	.container_leistungen_02{
		height: 100vh;

	}
	.leistungen_textbox h1{
		font-size: 1.6em;
		padding-top: 2vh;
	}
	.leistungen_textbox h2{
		font-size: 1.1em;
		padding-top: 5em;
	}
	.leistungen_textbox h3{
		font-size: 0.95em;
		
	}
	
}
@media (max-width : 1200px ){
	
	
	
.checkbtn img{
	
	left: 90%;
	margin-top: 5vh;
	
}

#check:checked ~ul{
		left:35%;
		
	}

	nav ul li a{

	
	font-size: 1.8em;
	}
	nav ul li a h3{
	
	font-size: 0.45em;
	}

	



/*-----Index Page------*/

.container_index_01{
	height: 48.3vw;

	
	
}
.container_leistungen_01{
	
	width: 100%;
	height: 48.3vw;

	margin-left:0%; 
	padding-bottom: 1%;
	overflow: hidden;
	justify-content: center;
	
}
	
	.container_leistungen_02{
	
	width: 100%;
		
	height: 55vh;
	margin-left:0%; 
	padding-bottom: 1%;
	overflow: hidden;
	justify-content: center;
	
}


.frontvideo{
	
	width: 49.6%;
	height: 48.3vw;
	
	margin: 0.2%;
	border-radius: 5px;
	overflow: hidden;
	
	justify-content: center;
	

}

	.title h1{
		font-size: 1em;
		padding-bottom: 5%;
		padding-top: 1vh;
	}
	
	.modal_title h1{
		font-size: 1em;
		padding-bottom: 5%;
		padding-top: 1vh;
	}

.head {
	width: 40%;
	height: 48.3vw;
	margin: 5%;
	border-radius: 5px;
	
	
}
.head h1{
		padding-top:26%;
	font-size: 1.4em;
}
	.head h2{
		
	font-size: 1.1em;
		
}

.leistungen_textbox h2{
	line-height: 1.6;
		padding-top:4vh;
	font-size: 0.9em;
}
.leistungen_textbox h1{
	line-height: 1;
		padding-top:1vh;
	font-size: 1.1em;
}
	
	.leistungen_textbox h3{
	line-height: 1.4;
		padding-top:0.5vh;
		font-size: 0.6em;
}

.auslandsproduktion_textbox{
	width: 40%;
	height: 50;

}
.auslandsproduktion_textbox h2{
	line-height: 1.3;
		padding-top:1vh;
	font-size: 0.8em;
}
.auslandsproduktion_textbox h1{
	line-height: 1.1;
		padding-top:3vh;
	font-size: 1.2em;
}
.auslandsproduktion_textbox h3{
	line-height: 1.3;
		padding-top:1vh;
	font-size:0.6em;
}
.auslandsproduktion_textbox img{
	width: 200px;
	height: 200px;
	object-fit: cover;
	
border-radius: 50%;
}
.button{
	position: absolute;
	/*background-image: url("../Images/btn.png");*/
	background: rgba(233,233,233,1.00);
	border-radius: 5px;
	width: 140px;
	height: 38px;

}
.button a{
	color: rgba(0,0,0,1.00);
	text-decoration: none;
	font-size: 0.9em
}
.button:hover {
	transform: scale(1.05);
	
}
#button01{
	left:2%;
	top: 72%;
}

#button02{
	right:2%;
	top: 72%;
}

.leistungen{
	
	height: 1000px;
	margin-top: 5px;
	
	
}

.leistung_01{

	width: 49.6%;
	height: 50%;
	margin: 0.2%;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	
}


.leistungen_overlay:hover {
	backdrop-filter: blur(0);
	background:rgba(255,255,255,0);
	
	
}


.leistungen_text{ 
	margin-top: 230px;
	height: 300px;

} 

.leistungen_text h1{
	font-size: 2.4em;
}



.readmorebtn img{
	width: 100px;
	
	cursor: pointer;
}

.readmorebtn{
	filter: invert(1);
	z-index: 1000;
	top:150px;

	
}



.readmorebtn {
        animation-name: none;
        animation-timing-function: ease;
	 animation-duration: 2s;
        animation-iteration-count: infinite;
    }


	
/*-portfolio-----*/

.portfolio_overlay{
	position: absolute;
	z-index: 1;
	text-align: center;
	top:0;
	height: 100%;
	width: 100%;
	background: none;
	transition: 0.5s;
	background: rgba(0,0,0,0.1);

	
}
.portfolio_overlay:hover {
	
	background: rgba(0,0,0,0.1);
}
	.leistungen_overlay:hover .leistungen_text{
	margin-top: 250px;
	height: 300px;

	
}

.portfolio_overlay button{
	opacity: 1;
	font-size: 1.3em;
	top: 65%;
	color: black;
	width: 50%;
	background-color: rgba(255,255,255,0.6);
	border-radius: 10px;
	
}
	

.portfolio_text {
	position: relative;
	font-size: 1em;
	color: white;
	align-items: center;
	top:30%;
	transform: translate(-50% -50%)

	
	
}

/*-----------grid------------*/

.grid-container{
	width: 100%;
	grid-template-columns: 33.333334% 33.333334% 33.333334%;
    grid-template-rows: auto ;
	grid-column-gap: 0;
	grid-row-gap: 0;

}


.grid-item{
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	align-items: center;
	margin: 3px;
}

.grid-item-1{
	grid-row: 1 / 2;
	grid-column: 1/1;
}

.grid-item-2{
	grid-row:  1/ 2;
	grid-column: 2/2;
}

.grid-item-3{
	grid-row: 1/ 2;
	grid-column: 3/3;
}

.grid-item-4{
	grid-row: 2 / 3;
	grid-column: 1/1;
}

.grid-item-5{
	grid-row: 2 / 3;
	grid-column: 2/2;
}

.grid-item-6{
	grid-row: 2 / 3;
	grid-column: 3/3;
}



}





@media (max-width:799px){
	#index_video {
		display: none;
	}
	#index_video_2{
		display: block;
	}
	.frontvideo{
		height: 100vw;
	}
	.frontvideo img{
		height: 200vw;
	}
	.frontvideo video{
		height: 100vw;
	}
	.title {
		text-align: center;
		padding-top:2vh;
		font-size: 2.2em;
		
		}
	
	.modal-header .modal_title {
		text-align: center;
		padding-top:1vh;
		
		
		}
	.modal-header .modal_title h1 {
		
		font-size:1.2em;
		
		}
	.modal-header .modal_title h2 {
		
		font-size:1em;
		
		}
	
	
	
	.head {
		width: 100%;
		margin: 0;
	}
	.head h1{
		padding-top:16%;
}
	
	
	.container_index_01{
		height: auto;
			min-height: 550px;
	}
	.container_index_01{
		
			min-height: 550px;
	}
	.head{
		height:80vw;
		padding-top: 5vh;
	}
	#button01{
	left:5%;
	top: 82%;
}

	#button02{
	right:5%;
	top: 82%;
}
	
	.checkbtn img{
	
	left: 80%;
	margin-top: 5vh;
	
    }
	
	#check:checked ~ul{
		left:20%;
		
	}
	.frontvideo{
		height: 100vw;
	}
	.frontvideo img{
		height: 100vw;
	}
	.leistungen{
	
	height: 55vh;
		min-height: 360px;
	margin-top: 5px;
	
	}



	.leistungen_text{ 
		margin-top: 100px;
		height: 200px;
		width: 100%

	} 

	.leistungen_text h1 {
		font-size: 1.3em;
	}
	.leistungen_textbox h3 {
		font-size: 0.8em;
	}
	.leistungen_textbox h1 {
		font-size: 1.6em;
	}
	
		.leistungen_text h3 {
		display: none;
	}

		.leistungen_overlay:hover .leistungen_text{
		margin-top: 100px;
		height: 200px;

	}

		.readmorebtn{

		top:50px;


	}

		.readmorebtn img{
		width: 60px;

		cursor: pointer;
	}
	
	.container_leistungen_01 {
		height: 180vw;
		border-bottom: thin solid rgba(199,199,199,1.00) ;
		
	}
	.container_leistungen_02 {
		height: auto;
		padding-bottom: 10vw;
	}
	.auslandsproduktion_textbox {
		float: left;
		width: 90%;
	
		
		height: 108vw;
		text-align: center;
		
		margin:0;
      padding-left: 5%;
			
			
	}
	#auslandsproduktion_textbox_1{
		height: 75vw;
		
	}
	.auslandsproduktion_textbox h1 {
		font-size: 1.3em;
		padding-top: 0;
	}	
	.auslandsproduktion_textbox h2 {
		font-size: 0.9em;
		line-height: 1.4em;
	}	
	.auslandsproduktion_textbox h3 {
		font-size: 0.85em;
	}
	.leistungen_textbox {
		float: left;
		width: 90%;
		
		
		height: 20vw;
		text-align: center;
		
		margin:0;
      padding-left: 5%;
	
			
			
	}
	.leistungen_textbox h2 {
		padding-top: 0;
		font-size: 0.88em;
			
			
	}
	#leistungen_bild {
		display:none;
	}
	#leistungen_bild-mobil {
		display:block;
	}
	.frontvideo {
		float: left;
		width: 100%;
		
		
	}
	#auslandsproduktion_titel{
		font-size: 1.4em;
		line-height: 2.2;
	}
	
	.modal-header .close-modal {
  
	  font-size: 1.8em;
	  font-weight: lighter;
		margin-right: 2vh;
}
	

	.grid-container{
	
	grid-template-columns: 50% 50%;
   

		}


		.grid-item{
			
			margin: 2px;
		}

		.grid-item-1{
			grid-row: 1 / 2;
			grid-column: 1/1;
		}

		.grid-item-2{
			grid-row:  1/ 2;
			grid-column: 2/2;
		}

		.grid-item-3{
			grid-row: 2/ 3;
			grid-column: 1/1;
		}

		.grid-item-4{
			grid-row: 2 / 3;
			grid-column: 2/2;
		}

		.grid-item-5{
			grid-row: 3/ 4;
			grid-column: 1/1;
		}

		.grid-item-6{
			grid-row: 3 / 4;
			grid-column: 2/2;
		}

	.portfolio_text h1{
		font-size: 1.3em;
	}
	
	





/*-----------grid gallery------------*/

.gallery{
	
	padding-bottom: 400px;
	padding-left: 2%;
	padding-right: 2%;
	width: 96%;
	
	grid-template-columns: 100% ;
  
	
	 
	
}

.gallery-item{
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	align-items: center;
	margin: 5px;
	

}

.gallery-item-1{
	grid-row: 1 ;
	
}

.gallery-item-2{
	grid-row:  2;
	
}

.gallery-item-3{
	grid-row:3;
	
}

.gallery-item-4{
	grid-row: 4;
	
}

.gallery-item-5{
	grid-row: 5;
	
}

.gallery-item-6{
	grid-row: 6;
	
}
.gallery-item-7{
	grid-row: 7;
	
}
.gallery-item-8{
	grid-row: 8;
	
}
.gallery-item-9{
	grid-row: 9;
	
}

.gallery-item-10{
	grid-row: 10;
	
}
.gallery-item-11{
	grid-row: 11;
	
}
.gallery-item-12{
	grid-row: 12;
	
}
.gallery-item-13{
	grid-row: 13;
	
}


.gallery-item img{
	width: 100%;
	object-fit: cover;
	height: 100%;
	border-radius: 5px;
}
	
}



	






/*-----------footer------------*/
.footer {
	width: 100%;
	align-content: center;
	text-align: center;
	padding-bottom: 0;
	margin-top: 60px;
	margin-bottom: 60px;
	font-size: 0.8em;
	float: left;


	
}
.footer a {
	
	color: #757575;
	
}