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


.container { margin: 0 10%;}
.floatend{clear:both;}
.section{display:inline-block;width:100%;}

h1 {font-family: 'Josefin Sans', sans-serif; color: #fff; font-size: 66px; line-height: 70px; 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 300ms ease; padding:10px 15px;display:inline-block; margin-top:20px;}

.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;}
.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: scroll;position:relative;}
.head_content { padding-top: 100px;}
.head_content .col.first { width: calc(50% - 20px); margin-right: 20px;  float: left;}
.head_content .col.second{width: calc(50% - 20px); margin-left: 20px;  float: left;}
.head_content .col.second img{width:100%;}
.head_element .box{font-family: 'Josefin Sans', sans-serif; color: #fff; font-size: 22px;font-weight: 400;text-transform: uppercase; padding:15px; border:2px solid #fff;display:inline-block;margin-bottom:60px;}
.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: 24px 0 0;}

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

#hauptmenu a {color: #fff; text-decoration: none; padding: 10px 15px; display: inline-block; font-size:14px; font-weight:500; letter-spacing:2px; text-transform:uppercase; }
#hauptmenu a:hover{color:#a5b2da;}
#hauptmenu a.current{border: 2px solid #fff;}

#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;}

.content { margin: 20px 0;}
.content .col.cont{width:calc(65% - 50px); float:left;}
.content.equal .col.cont, .content.equal .col.img{width:calc(50% - 20px);}
.content .col.cont.first, .content .col.img.first{margin-right:50px;}
.content .col.cont.second, .content .col.img.second{margin-left:20px;}
.content .col.img{width:calc(35% - 20px); float:left;}
.content .col.img img{width:100%; max-width:200px;}
.content.equal .col.cont, .content.equal .col.img{width:calc(50% - 20px);}
.content.equal .col.cont.first, .content.equal .col.img.first{margin-right:20px;}
.content.equal .col.cont.second, .content.equal .col.img.second{margin-left:20px;}
.content.equal .col.img img{max-width:460px;}

.services{margin:80px 0;color:#fff;}
.services .container{background:#01306c;}
.service_inner{padding:50px;}
.service_inner h2{font-family:'Josefin Sans', sans-serif; font-size:40px; line-height:50px; font-weight:400; text-align:center; text-transform:uppercase; }
.service_inner h3{color:#fff; font-size:20px; line-height:26px; font-weight:100; text-align:center; letter-spacing:1px;margin:10px 0 20px;}
.service_img { position: relative; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; height: 460px;margin-bottom:30px;}
.img_inner {padding: 50px; text-align: center;}
.img_inner h4{font-family:'Josefin Sans', sans-serif; color:#fff; font-size:40px; line-height:50px; font-weight:400; text-align:center; text-transform:uppercase;margin:20px 0;display:inline-block;}
.img_inner h5{color:#fff; font-size:24px; line-height:30px; font-weight:400; text-align:center; letter-spacing:1px;margin:10px 0 20px; display:inline-block;}
.services .col{width:calc(50% - 10px); float:left;}
.services .col.first{margin-right:10px;}
.services .col.second{margin-left:10px;}
.services p, .services li{font-weight:300;}
.button.video {position: absolute; top: 20px; left: 20px; margin: 0; text-transform: none; letter-spacing: 0px; font-weight: 600; font-size: 14px; background: #8aa4d8; color: #fff;}
.button.video:hover{background:#27292f;}

.akkordeon{margin-bottom:50px;}
.akkordeon_item{width:calc(100% - 20px); padding:10px; display:inline-block;}
.akkordeon_headline {border: 2px solid #d5e6fc; padding:10px 40px 10px 10px;-webkit-transition: all 500ms ease; transition: all 500ms ease;position:relative;}
.akkordeon_headline:hover{background:#d5e6fc;cursor:pointer;-webkit-transition: all 500ms ease; transition: all 500ms ease;}
.akkordeon_headline:after {content: '\e906';position: absolute; right: 10px; font-size: 20px; color: #d5e6fc;}
.akkordeon_headline:hover:after {color:#fff;}
.akk_active .akkordeon_headline:after{content:'\e906';}
.akkordeon_content{background:#d5e6fc; padding:10px; width:calc(100% - 20px);}
.akk_inactive .akkordeon_content{display: none;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.akk_active .akkordeon_content{display: inline-block;-webkit-transition: all 500ms ease; transition: all 500ms ease;}

.quote {text-align: center; padding: 0 50px; font-size: 20px; font-style: italic; line-height: 26px;margin-bottom:40px;}

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;}
.footer_contact{font-weight:300;margin-bottom:20px;}
.footer_logo{width:150px; margin-right:80px; float:left;}

.contact { padding: 50px 0; background: #d5e6fc;margin-top:140px;}
.contact h1{font-family: 'Josefin Sans', sans-serif; color: #01306c; font-size: 40px; font-weight: 400; text-align: center; text-transform: uppercase;}
.contact_inner { background: #fff; padding: 2%; height: 460px;position:relative;}
.location{display:inline-block;}
.location h2{font-family: 'Josefin Sans', sans-serif; color: #01306c; font-size: 22px; font-weight: 500; letter-spacing: 2px;text-transform:uppercase;padding:20px 80px; display:inline-block;}
.location.visible h2{border: 2px solid #01306c;}
.location.visible .content {display:block;-webkit-transition: all 500ms ease; transition: all 500ms ease;}
.location .content{position:absolute;width:calc(100% - 24%);height:370px;display:none;-webkit-transition: all 500ms ease; transition: all 500ms ease; width: calc(100% - 4%); left: 2%;}
.col.contact_data {width: calc(50% - 5px); margin-right: 5px; float: left;background-position: 50% 50%;  background-size: cover; background-repeat: no-repeat;    background-attachment: scroll; height: inherit;}
.col.map {width: calc(50% - 5px); margin-left: 5px; float: left; background: #d5e6fc; height: inherit;}

@font-face{font-family:'icomoon';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;}

.video:before,
.toggle_mobile:before,
.akkordeon_headline:after{font-family: icomoon;speak: none; font-style: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-variant: normal;}

.video:before{content:'\e900'; font-size: 20px; margin-right: 10px; border: 1px solid #fff; border-radius: 15px; float: left; padding: 1px;}
.mobile_nav {display: none;}

@media (max-width:1023px){
	.toggle_mobile { position: fixed; top: 20px; right: 20px;z-index:999;}
	.toggle_mobile:before{content:'\e907';color:#fff; font-size: 24px; padding: 3px 12px; background: #01306c;}
	.head_content .col.first {width: calc(100% - 20%);}
	#hauptmenu{display:none; float:none;position:fixed; bottom:auto; top:60px;height:calc(100vh - 60px); z-index:999;padding:15vh 0;background:#27292f;}
	.nav_fixed #hauptmenu{display:none; float:none;position:fixed; bottom:auto; top:60px;height:calc(70vh - 60px); z-index:999;padding:15vh 0; width:100%; background: #27292f;left:0;}
	#hauptmenu ul{display:block; float:initial; text-align:center;}
	.nav_fixed #hauptmenu ul{display:block; float:initial; text-align:center;}
	#hauptmenu li{padding:2vh 0;}
	.nav_fixed #hauptmenu li{padding:2vh 0;}
	#hauptmenu .name_menu{display:none;}

	.head_content .col.first{width:100%}
	.head_content .col.second{display:none;}
	.contact{margin-top:80px;}
	.mobile_nav {background: #01306c; height: 60px; padding: 0 20px;position:fixed; top:0;width:calc(100% - 40px);z-index:999;}
}

@media (max-width:767px){
	h1{font-size:46px; line-height:50px;word-break: break-word;}
	h2{font-size:28px; line-height:38px;word-break: break-word;}
	.container{margin:0 20px;}
	.head_content .col.first {width: calc(100% - 40px);}
	.service_inner{padding:30px;}
	.img_inner h4{font-size:28px; line-height:38px;word-break: break-word;}
	.services .col, .content.equal .col.cont, .content.equal .col.img, .content .col.cont, .content .col.img, .col.contact_data,.col.map {width:100%; float:initial;margin-right:0; margin-left:0;}
	.content.equal .col.img img,.content .col.img img{display:block; margin:auto;}
	.services{margin:40px 0;}
	.footer_logo{float:initial; display:block; margin:0 auto 20px;}
	.footer_content{text-align:center;}
	.contact_inner{height:820px;}
	.location h2{padding:10px 20px;}
}
@media (max-width:520px){
	.location h2{font-size:18px; padding:5px 10px;}
	.head_element .box{font-size:18px;}
	h1{font-size:36px; line-height:40px; letter-spacing:1px;}
	h2{font-size:22px; line-height:32px; font-weight:300;}
}
@media (max-width:330px){
	.location h2 { font-size: 16px; padding: 5px 8px;}	
	
}