/* CSS Mobile Reset */
table { width:auto; border-collapse: collapse;border-spacing: 0; }
.open_nav {
	display: none;
}

img, embed, object, video {
	max-width: 100%;
	height: auto;
	width: auto;
}
@media all and (max-width: 1280px) {
	#subhead .sub-txt {
		margin-left: 0;
		left: 2%;
	}
	#content-1 .image:after,
	#content-3 .text:after {
		right: -120px;
	}
	#content-2:before {
		left: -190px;
	}
	.text_image .text .text_inner, 
	.image_text .text .text_inner {
		margin-right: 0;
		float: none;
		margin-left: 2%;
	}
	.text_image .image figure, 
	.image_text .image figure {
		left: 0;
	}
	.text_image .text:after, 
	.image_text .text:before {
		content: '';
		background: #FAFAFA;
		position: absolute;
		right: -70px;
		top: 0;
		height: 100%;
		width: 70px;
	}
	.image_text .text:before {
		right: auto;
		left: -70px;
	}
}

@media all and (max-width: 1100px) {
	.head > .inner {
		width: 100%;
	}
	.head.sticky #logo,
	#logo {
		width: 280px;
		height: 50px;
		margin-left: 2%;
	}
	.head-top {
		position: absolute;
		right: 80px;
		width: 160px;
		bottom: 15px;
	}
	#subhead {
		margin-top: 110px;
	}
	/*Nav*/
	.open_nav 
	{
		display: inherit;
	    position: absolute;
	    right: 0;
	    top: 10px;
	}
	.open_nav P 
	{
		padding: 0;
	}
	.open_nav A 
	{
		display: block;
		height: 45px;
		line-height: 45px;
		color: #FFF;
		font-size: 18px;
		text-decoration: none;
		background-color: #0290CA;
	}
	.nav 
	{
		display: none;
		position: absolute;
		top: 70px;
		left: 0;
		width: 100%;
	}
	.nav > UL > LI 
	{
		float: none;
	}
	.nav > UL > LI > A
	{
		color: #fff;
		background-color: #0290CA;
	}
	.nav > UL > LI > A.active {
		color: #fff;
	}
	.subNav {
		padding-top: 0 !important;
		background-color: rgba(1,128,180, 0.9);
	}
	.subNav,
	.subNav .subNav,
	.nav > UL > LI:last-child > .subNav,
	.nav > UL > LI:last-child > .subNav .subNav
	{
		position: inherit;
		left: inherit;
		top: inherit;
	}
	/* remove hover/touch effect */
	.nav LI:hover > .subNav,
	.nav LI.over > .subNav
	{
		display: none;
	}

	/* showsub dropdown trigger */
	.showSub
	{
		position: absolute;
		right: 0;
		top: 0;
		z-index: 10;
		cursor: pointer;
		width: 56px;
		height: 56px;
		line-height: 56px;
		background: #fff;
		text-align: center;
	}
	.subNav .showSub
	{
		background: #fff;
		height: 48px;
		line-height: 48px;
	}

	.showSub,
	.showSub:after
	{
		-webkit-transition:0.25s ease;
		-o-transition:0.25s ease;
		-moz-transition:0.25s ease;
		transition: 0.25s ease;
	}
	.showSub:after
	{
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		vertical-align: middle;
		border-top: 5px dashed #0290CA;
		border-top: 6px solid\9;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
	}
	.showSub.open:after
	{
		border-top-color: #0290CA;
		-webkit-transform: rotate(180deg);
		   -moz-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		     -o-transform: rotate(180deg);
		        transform: rotate(180deg);
	}

	/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger{padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:#0290CA;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}

	/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.2s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

}
@media all and (max-width: 800px) {
	.allcont {
		padding-top: 20px;
	}
	#subhead .grosserText {
		font-size: 26px;
	}
	.image_text,
	.text_image {
		flex-direction: column;
	}
	#content-1 .image:after,
	#content-3 .text:after,
	#content-2:before {
		display: none;
	}
	.text_image .image, .image_text .image,
	.text_image .text, .image_text .text {
		width: 100%;
	}
	.text_image .text .text_inner, 
	.image_text .text .text_inner {
		margin-top: 0;
		padding: 50px 0 30px;
		max-width: none;
	}
	.text_image .image figure, 
	.image_text .image figure {
		position: static;
		max-width: none;
		margin-left: 2%;
	}

	.foot {
		padding-top: 30px;
	}
	.foot .foot-btm {
		margin-top: 10px;
	}
	.foot .box50 {
		text-align: center;
	    justify-content: center;
    	align-items: center;
		flex-direction: column;
	}
	.foot .box50 .col2 {
		text-align: center;
	}
	
	.copy, .footnav {
		display: block;
		text-align: center;
		margin-right: 0;
		width: 100%;
	}
	.footnav {
		margin: 20px 0;
	}
	/*Gridelemente*/
	.gridrow .col
	{
		float: none;
	}
	.gridrow .col + .col,
	.gridwrapper.blue .gridrow.box50 .col + .col
	{
		margin-left: 0;
		margin-top: 30px;
	}
	.gridwrapper.blue {
		padding: 50px 0 30px;
	}
	.gridwrapper.blue .gridrow {
		margin-top: 30px;
	}
	.box50 .col,
	.box33 .col,
	.box25 .col,
	.box33-66 .col.col1,
	.box33-66 .col.col2,
	.box66-33 .col.col1,
	.box66-33 .col.col2,
	.box80-20 .col.col2,
	.gridwrapper.blue .gridrow.box50 .col
	{
		width: 100%;
	}
	.icon-header {
		flex-direction: column;
		align-items: inherit;
	}
	.icon-header figure {
		margin-bottom: 10px;
	}
}

/*Ab hier springt er auf 420px breite Elemente*/
@media all and (max-width: 650px) {
	#subhead .sub-txt {
		margin-left: 2%;
		position: static;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	#subhead .sub-txt .grosserText {
		color: #0290CA;
	}
	#subhead .sub-txt p {
		color: #626262;
	}
	#subhead .sub-txt .button {
		background: #0290CA;
		color: #fff;
	}
	.head-top {
	    bottom: -37px;
	    right: 0px;
	    padding: 5px;
	    background: #fff;
	}
	.text_image {
	    flex-direction: column-reverse;
	}
}

/*Ab hier springt er auf 100% breite Elemente (320px)*/
@media all and (max-width: 470px) {
	.head2 {
		padding-top: 20px;
	}
	#subhead {
		margin-top: 100px;
	}
	.head.sticky #logo,
	#logo {
		margin-top: 10px;
	}
	.cont {
		padding: 20px 0 20px;
	}
	.foot {
	    font-size: 14px;
	}
	H1 {
		font-size: 22px;
	}
	H2 {
		font-size: 20px;
	}
	H3 {
		font-size: 18px;
	}
}
@media all and (max-width: 320px) {
	.head.sticky #logo,
	#logo {
		width: 250px;
		height: 45px;
	}
	.head-top {
		bottom: -42px;
	}
}