*{font-family: Raleway, sans-serif; margin:0; padding:0; font-size:16px; font-weight:500; line-height:22px;}

.container { max-width:940px; margin: 0 auto;}
.floatend{clear:both;}
.section{display:inline-block;width:100%;}

h1 {font-family: 'Josefin Sans', sans-serif; color: #fff; font-size: 86px; line-height: 96px; font-weight: 400; letter-spacing: 6px; text-transform: uppercase;margin: 10px 0;}
h2 {color: #fff; font-size: 22px; line-height: 28px; font-weight: 200; letter-spacing: 1px;}
h3 {font-weight: 700; font-size: 18px; line-height: 24px; margin-bottom: 10px;}
p {margin-bottom:20px;}
strong{font-weight:600;}
ul {padding-left: 25px;}
.button{background:#fff; color:#01306c; font-weight:700; letter-spacing:1px; text-decoration:none; text-transform:uppercase; -webkit-transition: all 300ms ease;
    transition: all 0.3s ease; padding:10px 15px;display:inline-block; margin-top:20px;}
.button:hover{background:#01306c; color:#fff; transition: all 0.3s ease;}
	
.dark_blue{background: #01306c; color:#fff;}
.light_blue{background: #d5e6fc; padding: 60px 0;}

.abstand_head{height:58px;}

.mobile_nav{display:none;}
.nav_fixed {  width: 100%; background: #01306c;z-index:9; position:fixed;top:0; display: inline-block;}
.menu_area.sticky { position: fixed; top: 0; display: inline-table;  z-index: 9; box-shadow:0 0 20px -5px #000;}
.menu_area .name_menu {display: none;}
.menu_area.sticky .name_menu {display: inline-block;}

.head_element {height: 100vh; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position:relative; min-height:550px;}
.head_content { position: absolute; left: 0; right: 0; top: 0; bottom: 62px; /*display: grid; align-items: center;*/ padding-top:15%;}
.head_content_inner{max-width:900px; margin:auto; text-align:center;}
.head_content_inner h2{max-width:500px; margin:auto;}
.head_element .box{font-family: 'Josefin Sans', sans-serif; color: #fff; font-size: 40px; font-weight: 500; text-transform: uppercase; padding: 20px 15px; border: 3px solid #fff; display: inline-block; margin-bottom: 60px; line-height: 48px;}
.menu_area{background:#01306c; display:flow-root;position:absolute; bottom:0; width:100%;}
.name_menu {font-family: 'Josefin Sans', sans-serif; color: #fff; font-size: 18px; font-weight: 400; text-align: center; text-transform: uppercase; float: left; display: inline-block; padding: 20px 0 0; text-decoration:none;}


.main_menu{display:flex; float:right; align-items:center; padding:10px 0;}
#hauptmenu ul{display:inline-flex;padding:0;list-style:none;}

.nav-link {color: #fff; text-decoration: none; padding: 8px 18px; display: inline-block; font-size:13px; font-weight:500; letter-spacing:2px; text-transform:uppercase; }
.nav-link:hover{color:#a5b2da;}
.nav-link.current{box-shadow:inset 0 0 0 2px #fff;}

footer {background: #27292f; padding: 50px 0; color:#fff; text-transform: uppercase;font-weight:300; }
footer a{color:#d5e6fc; text-decoration:none; font-weight:300;}
footer a:hover{text-decoration:underline;}

.foot_grid{display:grid; grid-template-columns: 150px 1fr; gap:80px; align-items:center;}
.footer_logo{width:100%;}
.footer_contact{font-weight:300;margin-bottom:20px;}

.partner{margin-bottom:60px;}
.partner_grid{display:grid; grid-template-columns: 1fr 1fr; margin-top:20px;}
.partner_img{max-height:400px;}
.partner_grid ul{margin-bottom:20px;}
.partner_grid li{font-size:14px; line-height:26px;}

#start h2{margin-top:120px;}
.headline h2{font-family: 'Josefin Sans', sans-serif; color: #01306c; font-size: 40px; line-height:44px; font-weight: 400; text-align: center; text-transform: uppercase; margin:20px 0 10px;}

#img_end{padding-bottom:50px;}

.content { padding: 40px 0;}
.content h2{font-family: 'Josefin Sans',sans-serif; color: #01306c; font-size: 40px; line-height: 44px; font-weight: 400; text-align: center; text-transform: uppercase; margin: 20px 0 10px; }
.content_grid.content_first {display: grid; grid-template-columns: 2fr 1fr; gap:30px; align-items:center;}
.content_grid.img_first {display: grid; grid-template-columns: 1fr 2fr; gap:30px; align-items:center;}
.content_grid img{width:100%;}

.service_wrap{margin-bottom:100px;}
.service_inner{padding:60px 60px;}
.service_inner h2{font-family: 'Josefin Sans',sans-serif; color: #fff; font-size: 40px; line-height: 50px; font-weight: 400; text-align: center; text-transform: uppercase; margin-bottom:40px;}
.service_inner h3{font-size: 20px; line-height: 26px; font-weight: 100; text-align: center; letter-spacing: 1px;}
.service_grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px;}
.service_col img{width:100%;}
.service_col h4{color: #d5e6fc; font-size: 14px; font-weight: 500; text-align: left; letter-spacing: 2px; text-transform: uppercase; margin-bottom:10px;}
.service_col p{font-size:14px; font-weight:400; }
.button_center{text-align:center;}
.service_wrap .button{font-size:14px;}

.chevron_wrapper {display: flex; justify-content: center; align-items: center; width: 100%; height: auto; bottom:180px; position:absolute; z-index:999;}
.chevron {position: absolute; width: 2.1rem; height: 0.48rem; opacity: 0; transform: scale(0.3); animation: move-chevron 3s ease-out infinite;}
.chevron:first-child {animation: move-chevron 3s ease-out 1s infinite;}
.chevron:nth-child(2) {animation: move-chevron 3s ease-out 2s infinite;}
.chevron:before, .chevron:after {content: ''; position: absolute; top: 0; height: 100%; width: 50%; background: rgba(255, 255, 255, 0.5);}
.chevron:before { left: 0; transform: skewY(30deg);}
.chevron:after { right: 0; width: 50%; transform: skewY(-30deg);}

@keyframes move-chevron {
	25% { opacity: 1;}
	33.3% {opacity: 1; transform: translateY(2.28rem); }
	66.6% { opacity: 1; transform: translateY(3.12rem); }
	100% { opacity: 0;  transform: translateY(4.8rem) scale(0.5); }
}

.html_embed{margin-top:50px;}
.html_embed div{font-size:14px; line-height:20px;}
.news_start h1{margin-top:0; font-size:20px; line-height:26px; font-weight:600; color: #27292f; text-transform: initial; font-family: Raleway, sans-serif; letter-spacing:initial;}
.news_start h1 strong{margin-top:0; font-size:20px; line-height:26px; font-weight:600; color: #27292f; text-transform: initial; font-family: Raleway, sans-serif; letter-spacing:initial;}
.news_start .link-news{margin-top:20px; color: #01306c; letter-spacing:1px; text-transform:uppercase; font-weight:700; text-decoration:none; display:inline-block; font-size:14px; margin-bottom:10px;}
.news_start .div-button-center{display:none;}

.contact{padding:60px 0 60px;}
.contact_inner{background:#fff; padding:20px; margin-top:40px;}
.headline_wrap{padding-bottom:40px;}
.contact_btn{font-family: 'Josefin Sans', sans-serif; color:#01306c; font-size:22px; font-weight:500; letter-spacing: 2px; text-transform:uppercase; display:inline-block; padding: 25px 20px 20px; cursor:pointer; border:2px solid #fff; transition:all 0.3s ease;}
.contact_btn.active{border:2px solid #01306c;}
.contact_btn:hover{background:#d5e6fc; transition:all 0.3s ease;}
.contact_grid{display:grid; grid-template-columns: 1fr 1fr; gap:20px;}
.contact_grid.inactive{display:none;}
.col_contact{background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.col_contact a{color:#01306c; text-decoration:none;}
.col_map{position:relative;}
.col_map a{position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(213, 230, 252, 0.8); transition:all 0.3s ease; text-align:center; text-decoration:none; color: #01306c; padding-top:45%; font-weight:600; font-size:20px; opacity:0;}
.col_map a:hover{opacity:1; transition:all 0.3s ease;}
.col_map img{width:100%;}

.member_list{display:flex; flex-wrap:wrap; justify-content: space-between; align-items:center; gap:20px;}
.member_img{max-width:280px; max-height:130px; padding:10px; }

.project_overview{padding-top:0;}
.project_list{column-count:3; gap:20px;}
.project_wrap{padding:25px; border: 4px solid #d5e6fc; display:block; text-decoration:none; transition: all 0.3s ease; margin-bottom:20px;column-break-inside: avoid;
    page-break-inside: avoid; color:#27292f;}
.project_wrap:hover{background: #d5e6fc; transition: all 0.3s ease;}
.project_wrap h4{font-size:14px; font-weight:700; text-transform:uppercase; margin-bottom:10px; }
.project_wrap h3{font-size: 20px; line-height:26px; font-weight:600; }
.project_wrap .teaser p{font-size:14px; line-height: 20px; margin-bottom:0;}

.project_detail{padding:20px 0 60px;}
.project_detail .project_title{text-align:center;}
.project_detail h4{font-size:14px; font-weight:700; text-transform:uppercase; margin-bottom:10px;}
.project_detail h2{font-family: 'Josefin Sans',sans-serif; color: #01306c; font-size: 40px; line-height:44px; font-weight: 400; text-align: center; text-transform: uppercase; margin:20px 0;}
.project_detail h3{font-weight:600; font-size:20px; line-height:26px;}
.project_detail_grid{display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-bottom:40px; margin-top:40px;}
.project_detail_grid img{width:100%; max-width:400px; margin-bottom:20px;}
.project_detail .quote{font-size: 26px; line-height: 34px; font-style: italic; font-weight: 400; margin-bottom:20px; position:relative; padding:40px 0;}
.project_detail .quote:before{content:'"'; display:block; font-size:60px; color:#01306c; font-style:normal; font-family: 'Passion One'; position: absolute; top:10px;}
.project_detail .quote:after{content:'"'; display:block; font-size:60px; color:#01306c; font-style:normal; font-family: 'Passion One'; position:absolute; bottom:-10px;}
.project_detail .img_description{font-weight:700; font-size:14px; line-height:20px;}
.project_detail .tasks{margin-bottom:40px;}

.service_list{display:grid; grid-template-columns:1fr 1fr 1fr; padding:20px;}
.service_item{position:relative; cursor:pointer; transition:all 0.3s ease;}
.service_item_inner{padding:25px; margin:0 30px; }
.service_item:hover .service_item_inner{background:#d5e6fc; transition: all 0.3s ease;}
.service_item h4{font-size: 14px; line-height:20px; margin:10px 0; font-weight:700; text-align:center;}
.service_item_inner img{width:100%;}
.service_item_hidden{display:none; position:absolute; z-index:1; background:#fff; box-shadow: 0 0 10px 0 rgb(39 41 47 / 20%); padding:10px;}
.service_item_hidden h4{text-align:left; margin-top:0; margin-right:31px;}
.service_item_hidden p, .service_item_hidden li{font-size:14px; line-height:20px;}
.service_item_hidden a{color: #01306c; font-size:14px; line-height:20px; text-decoration:none;}

.dark_blue h2{color:#fff;}
.content_box{margin-bottom:40px;}
.box_inner{padding:20px 60px 60px;}
.box_teaser p{font-size:20px; line-height:26px; font-weight:100; text-align:center; letter-spacing:1;}
.box_grid {display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.box_grid p{font-size:14px; line-height:20px; font-weight:300;}
.box_grid p strong{font-size:14px; line-height:20px; font-weight:600;}
.box_grid li{font-size:14px; line-height:24px; font-weight:300;}

.headline{margin-bottom:20px;}

.aktuelle_themen .akkordeon_list { margin-top: 40px;}
.akkordeon_wrap{padding-bottom:60px;}
.tab_headline{padding: 15px 20px; border-top:1px solid #01306c; cursor:pointer; color:#01306c; text-transform:uppercase; font-weight:600; letter-spacing:1px; position:relative;}
.tab_headline:hover{background:#d5e6fc;}
.tab_content{display:none; padding:20px;}

.content a {color:#01306c; text-decoration:none;}
.content ul{margin-bottom:20px;}

.toggle_button{display:none;}

@font-face{font-family:'icomoon';font-display: swap;src:url('/assets/resources/fonts/iconfont/icomoon.eot?-qk6xo1');src:url('/assets/resources/fonts/iconfont/icomoon.eot?#iefix-qk6xo1') format('embedded-opentype'),
url('/assets/resources/fonts/iconfont/icomoon.woff?-qk6xo1') format('woff'),
url('/assets/resources/fonts/iconfont/icomoon.ttf?-qk6xo1') format('truetype'),
url('/assets/resources/fonts/iconfont/icomoon.svg?-qk6xo1#icomoon') format('svg');font-weight:normal;font-style:normal;}

.service_item_close:after, 
.tab_headline:after,
.toggle_button:before,
.toggle_mobile:before{font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.service_item_close:after{content:'\e908'; font-size:26px; position:absolute; right:5px; top:5px;}
.tab_headline:after{ position:absolute; right:20px;}
.tab_headline.open:after{ content:'\e908';}
.tab_headline.close:after{ content:'\e901';}
.toggle_button:before{content:'\e905'; color:#fff; font-size:20px;}
.toggle_mobile:before{content:'\e905'; color:#fff; font-size:20px;}

@media (max-width: 1023px){
	#hauptmenu ul{display:block;}
	.menu_area{position: fixed; top: 0; display: inline-table; z-index: 9; box-shadow: 0 0 20px -5px #000; padding:0; bottom:initial; height:62px;}
	.main_menu{display:none; position:fixed; z-index:999; top:62px; left:0; right:0; background:#27292f; float:initial; padding:0 0 20px; max-height:calc(100vh - 62px); overflow:auto; z-index:99999;}
	
	.nav-link{width:calc(100% - 36px);}
	.mobile_nav{display:inline-table; position:fixed; left:0; right:0; top:0; box-shadow: 0 0 20px -5px #000; background:#01306c; width:100%;}
	.menu_area .name_menu{display:block; padding: 20px 0;}
	.toggle_button, .toggle_mobile{display:block; position:absolute; right:20px; top:20px;}
	
	.level-1{margin: 20px 0;}
	
	.container, .head_content_inner{max-width:initial; margin: 0 20px;}
	
	.member_list{display:grid; align-items:center; grid-template-columns:1fr 1fr 1fr; }
	.member_img {margin:auto; max-width: 200px; max-height:100px;}

	.project_detail_grid{grid-template-columns:1fr 2fr; }
}

@media (max-width: 920px){
	.project_list{column-count:2;}
	.service_grid{grid-template-columns:1fr;}
	.service_col{display:grid; grid-template-columns: 1fr 2fr;  align-items:center; gap:20px;}

	.service_list{grid-template-columns: 1fr 1fr;}
	
	.partner_grid{grid-template-columns:1fr;}
	.partner_grid .img_col{grid-row-start:1;}
	.partner_img{margin:auto; display:block;  margin-bottom:40px;}


	
}

@media (max-width: 768px){
	.project_list{column-count:1;}
	
	.content_grid.img_first, .content_grid.content_first {grid-template-columns:1fr;}
	.content_grid .img_col{grid-row-start:1;}
	.content_grid .img_col img{width:60%; margin:auto; display:block;}
	
	.head_content{padding-top:100px;}
	.head_element .box{font-size:30px; line-height:38px;}
	h1{font-size: 66px; line-height:76px; }
	
	.content h2, h2, .service_inner h2, .project_detail h2{font-size:30px; line-height:34px;}
	.service_inner h3, .project_detail .quote{font-size:18px; line-height:24px;}
	
	.contact_grid{grid-template-columns:1fr; gap:5px;}
	.col_contact{min-height:400px;}
	
	.foot_grid{gap:40px;}
	
	.member_list{grid-template-columns:1fr 1fr;}

	.project_detail_grid{grid-template-columns:1fr; gap:0;}
	.project_detail_grid .img_col {width: 400px; margin: auto;}
	.project_detail_grid .quote{padding: 0 60px 40px; text-align:center;}
	.project_detail .img_description{margin-bottom:60px;}

	.box_grid{display:block;}
	
	.chevron_wrapper{bottom:80px;}
	
	.headline_wrap{display:grid; grid-template-columns: 1fr 1fr; text-align:center;}
	
	.project_detail .quote:before{left:calc(50% - 30px); top:-20px;}
	.project_detail .quote:after{left:calc(50% - 30px);
	}
	
	
}

@media (max-width:600px){
	.service_col{display:block;}
	
	.service_inner{padding:60px 40px;}
	
	.foot_grid{grid-template-columns:100px 1fr; gap:20px;}
	
	.service_list{grid-template-columns: 1fr;}
	.service_item_hidden{position:relative;}
	
	h1{font-size: 40px; line-height:50px; }
}

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

	.head_content{padding-top:80px;}
	.head_element .box{font-size:24px; line-height:24px; padding:15px; margin-bottom:30px;}
	.head_element h2{font-size:22px; line-height:28px;}
	
	
	
}

@media (max-width:440px){
	.content h2, h2, .service_inner h2, .project_detail h2{font-size:24px; line-height:28px;}
	.service_inner h3{font-size:18px; line-height:24px;}
	
	.headline h2{font-size:30px; line-height:34px;}
	
	.foot_grid{grid-template-columns:1fr; gap:40px;}
	.footer_logo{width:60%; margin:auto;}
	.footer_content{text-align:center;}

	.project_detail_grid .img_col {width: 100%; margin: auto;}
	.project_detail_grid .quote{padding: 0 30px 40px; text-align:center;}	
	
	
	.partner_img{max-height:initial; width:100%;}
	
	.contact_inner{padding:10px;}
	.contact_btn{font-size:16px; padding:10px;}
	.col_contact{min-height:300px;}
}

@media (max-width:360px){
	.contact_btn{font-size:14px; padding:5px;}
	.menu_area .name_menu{font-size:16px;}
}