*{font-family: 'Didact Gothic', sans-serif; font-size:14px; line-height:20px; margin:0; padding:0; color: #e4e5e9;letter-spacing:1px;}

body{background:#000; padding: 0 20px;}
header{background-color:rgba(4, 4, 5, 0.9); padding: 20px 40px 40px; display: grid; grid-template-columns: 8fr 1fr 8fr; position:fixed; width:calc(100% - 80px); z-index:999;}
header .logo{width:70px;}

h2{color: #868e97; font-size: 44px; line-height: 44px; font-weight: 600; margin-bottom:30px;}
h3{color:#e4e5e9; margin:20px 0; font-size:24px; line-height:30px; font-weight:bold;}
.content_twice h3{color:#e10000;}
p{color:#e4e5e9; margin-bottom:15px;}

.grey{background:#e4e5e9;}
.grey p{color:#16181d;}

.container{max-width:940px; margin:auto;}

.button{border:1px solid #fff; color:#fff; padding: 15px 20px; display:inline-block; text-decoration:none; font-size:16px; font-weight:bold; letter-spacing:0.5px; line-height:inherit; box-shadow:inset 0 0 0 0 rgba(228, 229, 233, 0.25); transition: all 0.2s ease; margin-top:20px;}
.button:hover{box-shadow: inset 0 -49px 0 0 rgba(228, 229, 233, 0.25); transition: all 0.2s ease;}
.no_btn{margin-top:10px;display:block;}

.logo_wrapper{margin-top:30px;}

.language_wrapper{margin-top:20px; text-align:end;}
.lang img{filter: contrast(0.55) grayscale(1); width:20px; margin-right:8px; opacity:0.7; display:inline-block; transition: all 200ms ease;}
.lang.active img{filter: contrast(0.55) grayscale(0);}
.lang img:hover{filter:contrast(1) grayscale(0); transition: all 200ms ease; opacity:1;}
.logo_hover{width: 0px; display: none; transition: width 200ms ease 0s;}
.logo_link:hover .logo_hover{display:inline-block;}

.menu_wrapper{margin-top:8px;}
.hauptmenu ul{display:grid; grid-template-columns:1fr 1fr 1fr; row-gap:10px; list-style:none;}
.menuitem.first a, .menuitem.first span{margin-left:40px; padding: 10px 40px 10px 10px; color:#e10000; letter-spacing:0.5px; font-size:16px; font-weight:600; box-shadow: inset 0 -2px 0 0 #e10000; text-decoration:none; transition: all 200ms ease; display:block; }
.menuitem.first a:hover, .menuitem.first span:hover{box-shadow:inset 0 -40px 0 0 #e10000; color:#16181d; cursor:pointer; transition:all 200ms ease;}

.menuitem.first .w--current{color:#fff; box-shadow:inset 0 -2px 0 0 #fff;}
.menuitem.first .w--current:hover{box-shadow:inset 0 -40px 0 0 #4c545a;}


.slider_wrapper{position:relative; overflow:hidden;}
.slider{height:100vh; position:relative;}
.slider_mask {position: relative; display: block; overflow: hidden; z-index: 1; height:100%; white-space: nowrap;}
.slide {overflow: hidden; height: 100vh; position: relative; display: inline-block; vertical-align: top; width: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;}
.slide_content_wrapper{height:100vh; display:flex; align-items:center; padding:0 100px; position:relative; z-index:23;}
.slide_content_wrapper .title_div{width:50%; white-space:initial;}
.slide_content_wrapper .title_div .headline{display: block; background-color: rgba(0, 0, 0, 0.4); padding: 15px 20px 20px; color: #e10000; font-size: 90px; line-height: 76px;  letter-spacing: -2px;}
.slide_content_wrapper .content_div{margin-top:20px;}
.slide_content_wrapper .content_div.grid {display: grid; grid-template-columns: 2fr 3fr; gap: 20px; position: relative;}
.slide_text{color:#e4e5e9; font-size:13px;}


.left_arrow {position: absolute; /*background: rgba(255, 255, 255, 0.5);*/ width: 40px; top: 0; left: 15px; bottom: 0; z-index: 22;}
.right_arrow {position: absolute; /*background: rgba(255, 255, 255, 0.5);*/ width: 40px; top: 0; right: 15px; bottom: 0; z-index: 22;}
.slide_arrow{top: 50%; position: absolute; height: 36px; width: 36px; background: #e10000; border-radius: 18px; cursor:pointer;}
.slide_arrow:hover{opacity:0.5;}
.slide_nav{position:absolute; bottom:20px; left:0; right:0; z-index:22; height:20px; text-align:center;}
.w-slider-dot {width: 1em; height: 1em; border-radius: 100%; background-color: rgba(255,255,255,0.4); margin: 0 6px; display: inline-block; position: relative;   transition: background-color 100ms, color 100ms;}
.w-slider-dot {width: 1em; height: 1em; border-radius: 100%; background-color: rgba(255,255,255,0.4); margin: 0 6px; display: inline-block; position: relative;   transition: background-color 100ms, color 100ms;}
.w-slider-dot.w-active{background-color: #fff;}

.dot_wrapper{position:absolute; top:0px; left:0px; opacity:0.5; z-index:20; }
.dot_wrapper img{position:relative; width:100%; margin-left:220px; margin-top:220px;}

.section{padding:80px 0;}

.twice_grid{display:grid; grid-template-columns:1fr 1fr; gap:15%;}
.content_col{padding:0 10px;}
.scroll_img img{width:100%;}

.news_start {display: grid; grid-template-columns: 1fr 1fr; margin-bottom:20px;}
.news_start h2{color:#e4e5e9;}
.news_col{padding:80px;}
.news_image_col{background-position:50% 50%; background-size:cover; background-repeat:no-repeat;}
.news_news_col{background:#e10000; position:relative;}
.news_slider{position:relative;padding-bottom:80px;}
.news_slider_mask {position: relative; display: block; overflow: hidden; white-space: nowrap;}
.news_slide {position: relative; display: inline-block; white-space: normal; text-align: left;}
.news_slide_nav .left-arrow{width:30px; height:30px; position:absolute; left:10px; top:calc(50% - 15px); background:#fff; border-radius:15px;}
.news_slide_nav .right-arrow{width:30px; height:30px; position:absolute; right:10px; top:calc(50% - 15px); background:#fff; border-radius:15px;}

footer{background:#4c545a; padding:40px 40px; margin-top:20px;}
.footer_inner{display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:40px;}
.foot_link{display:block; border-top: 1px solid rgba(134, 142, 151, 0.3); padding:10px; text-decoration:none; transition: all 0.2s ease;}
.foot_link:hover{border-top:1px solid rgba(134, 142, 151, 1); transition: all 0.2s ease;} 
footer p{color:#868e97;}
.copyright{color:#868e97; margin-top:10px;}

.content_image img{max-width:100%;}

.action_wrap{background:#e10000;text-align:center;}
.action_wrap h3{margin-bottom:30px;}
.action_wrap .button{font-weight:normal;}

.kopfbild{height:500px; position:relative; padding:0; background-position: 50% 50%; background-size: cover; background-repeat:no-repeat;}
.kopfbild h1{position:absolute; bottom:40px; left:100px; padding: 10px 20px; background: rgba(0, 0, 0, 0.7 ); color:#e10000; font-size:90px; line-height:86px; letter-spacing:-2px; font-weight:normal; }

.aktuelles_wrapper{display:grid; grid-template-columns:1fr 1fr; column-gap:80px; row-gap:40px;}
.news_block{padding:20px; text-decoration:none;}
.news_block .img_div{height:200px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; position:relative; filter: grayscale(1);}
.img_hint {position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; padding: 70px; opacity: 0; background:rgba(76, 84, 90, 0.5);}
.news_date{color:#868e97; margin-top:10px;}
.news_title{color:#e10000; font-size:20px; line-height:22px; margin-bottom:10px;}
.news_teaser{overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.news_teaser p{color:#868e97;}
.news_block:hover{background:rgba(76, 84, 90, 0.5);}
.news_block:hover .img_hint{opacity:1;}

.three_wrapper{display:grid; grid-template-columns:1fr 1fr 1fr; gap:60px; padding:20px;}
.content_three{padding: 0 10px;}
.content_three img{width:60px;}
.content_three h3{color:#e10000; }
.content_three p{color: #868e97;}

.timeline_wrap{position:relative;}
.timeline_div{position:absolute; top:0; right:0; bottom:0; left:0;  }
.timeline_start{position:absolute; top:0; left:calc(50% - 25px); width:50px; text-align:center; color:#e10000; font-size:12px;}
.timeline_stroke{position:absolute; background:#e10000; top:25px; bottom:25px; left: calc(50% - 1px); width:2px;}
.timeline_end{position:absolute; bottom:0; left:calc(50% - 25px); width:50px; text-align:center; color:#e10000; font-size:12px;}
.timestamp{display:grid; grid-template-columns: 1fr 1fr; gap: 160px; margin-bottom:20px; position:relative;}
.time_content_wrapper{border:2px solid #e10000; padding:20px; margin-top:20px; position:relative;}
.time_content h3{color:#e10000; margin-top:0;}
.time_content li{margin-left:20px;}
.timestamp.imgfirst .time_img { position: relative; left: -100px;}
.timestamp.contentfirst .time_img { position: relative; right: -100px;}

.logolist_wrapper{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; align-items:center;}
.ref_logo img{max-width:80%; display:block; margin:auto; max-height: 60px;}
.ref_logo {opacity:0.75;}
.ref_logo:hover{opacity:1; cursor:pointer;}

.referenz_wrapper{display:grid; grid-template-columns:1fr 1fr 1fr;}
.referenz_outer{position:relative; height:300px; overflow:hidden; -webkit-box-pack: center; justify-content:center; display:flex;}

.referenz{position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; padding:30px; background: rgba(134, 142, 151, 0.2); transition:all 0.5s ease;}
.referenz h4 {font-size: 18px; line-height: 24px;}
.referenz_outer img{-webkit-filter:brightness(0.9) grayscale(1); object-fit: cover;}
.ref_hint{position:absolute; z-index:2; left:30px; bottom:30px; opacity:0; transition:all 0.5s ease;}
/*.ref_hint{position:absolute; top:0; left:0; right:0; bottom:0; background:#e10000; padding-top:250px; transition: all 0.2s ease; opacity:0; padding-left:30px;}*/
.referenz:hover {background-color: rgba(255, 0, 0, 0.8);transition:all 0.5s ease;}
.referenz_outer:hover .ref_hint{opacity:1; transition:all 0.5s ease;}

@media (min-width:1023px){
	.hassubmenu{position:relative;}
	.hassubmenu .submenu{display:none; background:#e10000; max-height:0; transition: max-height 5s ease; left:40px; overflow:hidden;}
	.hassubmenu:hover .submenu{display:block!important; max-height:500px; transition: max-height 5s ease; position:absolute;}
	.hassubmenu .submenu .second a{color:#16181d; padding-left:15px; margin-left:0; box-shadow:none;}
	.hassubmenu .submenu .second a.w--current{color:#fff;}
	.hassubmenu .submenu .second:hover{background:rgba(0, 0, 0, 0.2); box-shadow:none;}
	
}