header{position:fixed;right:0;left:0;top:0;height:auto;min-height:100px;background-color:#fff;z-index:1050}header .inner{position:relative;padding:15px 100px}header .inner .home{float:left;margin:0 25px 0 0}header .inner #nav_icon_wrapper{float:left;margin-top:3px}header .inner .rightside{float:right; display:flex;}header .inner .rightside #sorgsam{padding-right: 20px;}#navoverlay{max-height:0;position:absolute;left:0;right:0;z-index:99;background-color:#000;background-color:rgba(0,0,0,.85);overflow:hidden;transition:max-height 150ms;box-sizing:border-box;padding:0 100px}#navoverlay.open{max-height:1000px;transition:max-height .5s}nav ul{margin:0;padding:0;list-style-type:none;width:130px}nav ul li{margin:0;padding:8px 0;border-bottom:1px solid #fff;border-bottom:1px solid rgba(255,255,255,.5)}nav ul li:last-child{border-bottom-width:0}nav ul li a{color:#fff;text-decoration:none;font-size:28px}header .copy{margin-bottom:20px}header .copy ul{margin:0;padding:0;list-style-type:none}header .copy ul:after{display:block;content:"";clear:left}header .copy ul li{margin:0 20px 0 0;padding:0;float:left}header .copy ul li a{color:#fff;text-decoration:none}header.open .inner{background-color:rgba(0,0,0,.85);color:#fff}header.open #logo{opacity:.85}#icon-home{display:block;cursor:pointer}#icon-home svg{position:relative;width:30px;height:30px;top:8px;display:inline-block;fill:#000;margin-right:5px}a#icon-home{color:#000;text-decoration:none}header.open a#icon-home{color:#fff}header.open #icon-home svg{fill:#fff}#nav_icon_wrapper .extra{position:absolute;top:9px;left:46px}#nav_icon{position:relative;height:40px;width:40px;cursor:pointer}#nav_icon .nav_line{position:absolute;left:5px;width:30px;height:4px;background-color:#000}#nav_icon .nav_line1{top:12px;-webkit-transition:all 1s .2s ease,top .2s .4s linear,-webkit-transform .4s ease;transition:all 1s .2s ease,top .2s .4s linear,transform .4s ease}#nav_icon .nav_line2{top:20px;-webkit-transition:opacity .4s .4s ease;transition:opacity .4s .4s ease}#nav_icon .nav_line3{top:28px;-webkit-transition:all 1s .2s ease,top .2s .4s linear,-webkit-transform .4s ease;transition:all 1s .2s ease,top .2s .4s linear,transform .4s ease}#nav_icon.clicked .nav_line{background-color:#fff}#nav_icon.clicked .nav_line1{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:20px;-webkit-transition:all .8s .2s ease,top .2s linear;transition:all .8s .2s ease,top .2s linear}#nav_icon.clicked .nav_line2{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}#nav_icon.clicked .nav_line3{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:20px;-webkit-transition:all .8s .2s ease,top .2s linear;transition:all .8s .2s ease,top .2s linear}@media all and (min-width:1251px) and (max-width:1600px) {
	nav ul li { padding: 7px 0 }
	nav ul li a { font-size: 26px }
	header .copy ul li a { font-size: 15px }
}

@media all and (min-width:1000px) and (max-width:1250px) {
	header .inner { padding: 15px 80px }
	#navoverlay { padding: 0 80px }
	#verbund img { width: 150px; height: auto }
	#sorgsam img { height: 48px; }
	nav ul li { padding: 6px 0 }
	nav ul li a { font-size: 24px }
	header .copy ul li a { font-size: 14px }
}

@media all and (min-width:768px) and (max-width:999px) {
	header { min-height: 80px !important }
	header .inner { padding: 15px 50px }
	#navoverlay { padding: 0 50px }
	#verbund img { width: 130px; height: auto }
	#sorgsam img { height: 42px; }
	nav ul li { padding: 5px 0 }
	nav ul li a { font-size: 22px }
	header .copy ul li a { font-size: 13px }
}

@media all and (min-width:568px) and (max-width:767px) {
	header .inner { padding: 15px 50px }
	#navoverlay { padding: 0 50px }
	#verbund img { width: 100px; height: auto }
	#sorgsam img { height: 32px; }
	nav ul li { padding: 4px 0 }
	nav ul li a { font-size: 20px }
	header .copy ul li a { font-size: 12px }
}

@media all and (min-width:361px) and (max-width:567px) {
	header .inner { padding: 15px 20px }
	#navoverlay { padding: 0 20px }
	#verbund img { width: 90px; height: auto }
	#sorgsam img { height: 29px; }
	header .home { margin: 0 15px 0 0 !importan
			#sorgsam img { height: 35px; }t }
	nav ul li { padding: 3px 0 }
	nav ul li a { font-size: 18px }
	header .copy ul li a { font-size: 12px }
}

@media all and (max-width:360px) {
	header .inner { padding: 15px 20px }
	#navoverlay { padding: 0 20px }
	#verbund img { width: 110px; height: auto }
	#sorgsam img { height: 35px; }
	header .home { margin: 40px 25px 0 0 !important }
	#nav_icon_wrapper { margin-top: 44px !important }
	nav ul li { padding: 3px 0 }
	nav ul li a { font-size: 18px }
	header .copy ul li a { font-size: 12px }
}