*{margin:0; padding:0; font-family: 'Titillium Web', sans-serif; }

.background{background-image:url(/media/bg_image.jpg); background-size:cover; background-repeat:no-repeat; background-position: top center; position:fixed; top:0; left:0; right:0; bottom:0; z-index:-1;}
.head{background:#001f40; position:fixed; width:calc(100% - 60px); top:0; padding:15px 30px 5px; display:grid; grid-template-columns:150px 1fr; z-index:999; height:63px;}
.menu{margin-left:auto; display:flex; gap:10px; align-items:center;}
.menuitem{color: #707881; text-decoration:none; text-transform:uppercase; margin:0 10px; transition: all 0.3s ease;}
.menuitem.active{color:#fff;}
.menuitem:hover{color:#fff;}
.langitem{color:#707881; text-decoration:none; text-transform:uppercase; margin:0 3px; transition: all 0.3s ease;}
.langitem.active{text-decoration:underline;}

.container{margin:0 15%;}
.floatend{clear:both;}

p{margin-bottom:10px;}
h4{font-size:24px; color:#6495ed; font-weight:300; text-align:center; margin-bottom:20px; text-transform:uppercase;}
.traeger h4{color:#55c0b0;}
.oelwannen h4{color:#2e62a7;}
.gehaeuse h4{color:#16bbdc;}
.motorkomponenten h4{color:#cba2ba;}
.zylinderkopfhaube h4{color:#7b76ac;}

h5{font-size:18px; font-weight:700;}

.content_vh{height:calc(100vh - 83px);}
.content{min-height:calc(100vh - 83px); background:#fff; position:relative;}
.content.dark{background:#000;}

.anker{top:-82px; position:absolute;}

.content_head{margin-top:83px; height:720px; background-position:50% 0%; background-size:contain; background-repeat:no-repeat; width:100%;}
.content_head .headline{display:table; margin:auto; padding-top:200px; margin-bottom:80px;}
.dgh { color: #fff; font-weight: 600; font-size: 34px; text-transform: uppercase; background-color:rgba(0, 31, 64, 0.85); transform:skewX(-15deg); padding:3px 30px; float:left; margin-right:10px;}
.content_head .head_right{float:left; transform:skewX(-15deg);}
.content_head .head_right.center { text-align: center;}
.head_right h1{color:#fff; text-transform:uppercase; font-size:32px; font-weight:300;  padding-top:3px; text-shadow:0 0.5px 6px #77797d;}
.head_right h2{color:#fff; text-transform:uppercase; font-size:18px; font-weight:600; text-shadow:0 0.5px 6px #77797d; margin-left:5px;}

.unternehmen_grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:20px; width: fit-content; margin:auto;}
.unternehmen_grid .grid_item{text-align:center; color:#fff; transition:all 0.3s ease; text-decoration:none;}
.hexagon{filter:grayscale(1);}
.unternehmen_grid .grid_item:hover{transform:scale(1.2);}
.unternehmen_grid .grid_item:hover .hexagon{filter:initial;}

.produkte_grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:20px; width:fit-content; margin:auto;}
.produkte_grid .grid_item{text-align:center; color:#6495ed; transition: all 0.3s ease; text-decoration:none;}
.produkte_grid .grid_item:hover{transform:scale(1.2);}
.produkte_grid .item_2, .produkte_grid .item_4{margin-top:30px;}
.produkte_grid .item_3{margin-top:60px;}

.job_grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; width:fit-content; margin:auto;}
.job_grid .grid_item{text-align:center; color:#fff; transition: all 0.3s ease; text-decoration:none;}
.job_grid .grid_item:hover{transform:scale(1.2); color:#6495ed;}
.job_grid .grid_item:hover .hexagon{filter:initial;}

.content_head_small{height:300px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; position: relative; display: grid; align-items: center;} 
.content_head_small h2{font-size:40px; color:#fff; font-weight:600; text-transform:uppercase;}
.content_head_small h3{font-size:28px; color:#fff; font-weight:300; text-transform:uppercase; line-height:32px;}

.akkordeon{position:relative; top:-44px;}
.akkordeon_title{ cursor:pointer; display:table; margin:auto;}
.akkordeon_content{ padding:30px 0 60px; display:flex;}

.akkordeon_item{display:block; width:100%;}
.akkordeon_item.inactive { display: none;}
.item_headline{padding:10px 30px; display:table; float:left;}
.item_headline.active{background:#fff; color:#6495ed;}
.item_headline.inactive{background:#6495ed; color:#fff;}
.traeger .item_headline.active{background:#000; color:#55c0b0;}
.traeger .item_headline.inactive{background:#55c0b0; color:#000;}
.oelwannen .item_headline.active{background:#000; color:#2e62a7;}
.oelwannen .item_headline.inactive{background:#2e62a7 color:#000;}
.gehaeuse .item_headline.active{background:#000; color:#16bbdc;}
.gehaeuse .item_headline.inactive{background:#16bbdc; color:#000;}
.motorkomponenten .item_headline.active{background:#000; color:#cba2ba;}
.motorkomponenten .item_headline.inactive{background:#cba2ba; color:#000;}
.zylinderkopfhaube .item_headline.active{background:#000; color:#7b76ac;}
.zylinderkopfhaube .item_headline.inactive{background:#7b76ac; color:#000;}

.content_single{margin-bottom:30px;}
.content_twice{column-count:2; gap:60px;}
.content ul{margin-left:20px; margin-bottom:10px;}
.content_left{width:calc(50% - 30px); margin-right:30px; float:left;}
.content_right{width:calc(50% - 30px); margin-left:30px; float:left;}
.fakt{display:grid; grid-template-columns:2fr 1fr; gap:20px; margin-bottom:10px;}

.galery{display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:0 40px; margin-bottom:60px; }
.img_gal{grid-template-columns:1fr 1fr 1fr 1fr; gap:20px;}
.galery_produkt{height:200px; background-size:contain; background-position:50% 50%; background-repeat:no-repeat;}
.galery_ref{height:200px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}

.map{position:relative;}
.map_img{display:block;}
.map_hover{position:absolute; top:0; left:0; bottom:0; right:0; text-align: center; padding-top: 200px; background: rgba(255, 255, 255, 0.5); transition: all 0.3s ease; opacity:0;}
.map:hover .map_hover{opacity:1;}

.content_dark{padding-bottom:60px;}
.content_dark h2{color:#fff; margin-top:30px;}
.content_dark p, .content_dark a{color:#fff;}

.download{display:block; margin-bottom:10px; text-decoration:none; text-transform:uppercase; color: #6495ed; }
.download.white{ background:#001f40; padding:10px 20px; transition: all 0.3s ease; margin-bottom:5px;}
.download.white:hover{ background:rgba(100, 149, 237, 0.5); color:#fff;}
.lang_break{height:10px;}
 

.kontakt_grid{display:grid; grid-template-columns:1fr 1fr; color:#fff;}
.kontakt_grid a{color:#fff;}

.video {display: block; margin: 0 auto 40px; width: fit-content;}

.start_grid {display: grid; height: 100vh; align-content: center; text-align: center;}
.link_start { color: #fff; text-transform: uppercase; font-size: 20px; text-decoration: none; margin: 0 50px;}
.start_sandcasting_wrapper {display: flex; align-items: center; width: fit-content; margin: auto; gap: 60px; margin-top: 60px;}
.start_sandcasting_wrapper a{color:#fff; text-decoration:none;}

@media(max-width:1200px){
	.container{margin: 0 10%;}
}

@media(max-width:1080px){
	.menuitem{margin: 0 7px;}
}

@media(max-width:1023px){
	.mainmenu{display:none; position:fixed; top:83px; background: #001f40; right:0;}
	.menuitem{display:block; padding:10px 60px;}
	.menu_toggle{display:initial;}
	.stroke {height: 2px; width: 30px; background: #fff; margin: 8px;}
	
	.container{margin:0 20px;}
	
	.dgh, .head_right h1, .content_head_small h2{font-size:28px;}
	.content_head_small h3{font-size: 24px;}
	.content_vh{height:initial; min-height:calc(100vh - 83px);}
	.content_head{height:initial; min-height:720px;}
}

@media(max-width:900px){
	.unternehmen_grid{grid-template-columns:1fr 1fr 1fr 1fr; margin-bottom:60px;}
	.produkte_grid{grid-template-columns: 1fr 1fr 1fr; align-items:center; gap:40px 20px; margin-bottom:60px;}
	.produkte_grid .item_2, .produkte_grid .item_3, .produkte_grid .item_4{margin-top:initial;}
	.content_twice{column-count:1;}
	.content_left, .content_right{width:100%; float:initial; margin: 0 0;}

	.galery{grid-template-columns:1fr 1fr 1fr 1fr;}
	.img_gal{grid-template-columns:1fr 1fr 1fr;}

	.akkordeon_title{display:block;}
	.item_headline{display:block; float:initial; text-align:center;}
}

@media(max-width:720px){
	.unternehmen_grid{grid-template-columns:1fr 1fr 1fr;}
	.content_head .head_right.center { text-align: left; margin-left: 15px;}

	.img_gal{grid-template-columns:1fr 1fr;}
	.kontakt_grid{grid-template-columns:1fr;}
	
}

@media(max-width:580px){
	.unternehmen_grid{grid-template-columns:1fr 1fr;}
	.produkte_grid{grid-template-columns: 1fr 1fr;}
	.job_grid{grid-template-columns:1fr; margin-bottom:60px;}

	.galery{grid-template-columns:1fr 1fr 1fr; }
	
}

@media(max-width:480px){
	.img_gal{grid-template-columns:1fr;}
	.galery{grid-template-columns:1fr 1fr; }

	.startlogo{width:100%;}
	.start_sandcasting_wrapper{display:block;}
	.start_sandcasting_wrapper a{display:block;}
}

@media(max-width:320px){
	.galery{grid-template-columns:1fr; }
}