@media (max-width: 1500px) {
	body {
		font-size: 80%;
	}
	
	#header .inside,
	#main	.inside .mod_article,
	#footer .inside .footer_wrapper{
		margin-left: 5rem;
		margin-right: 5rem;
	}
	
	#main .inside .mod_article:first-child {
		margin-top: 8rem;
		position: relative;
	}
	#main .inside .mod_article.has-swiper {
		max-width: none !important;
		margin: 8rem auto 0 auto !important;
	}
	
	/* style article figures */
	.media figure {
	  border: 1px solid #f0f0f0;
	  display: flex;
	  flex-direction: column;
	  padding: 8px;
	  border-radius: 4px;
	  
	  -webkit-box-shadow: 8px 9px 9px 5px rgba(0,0,0,0.29); 
	  box-shadow: 8px 9px 9px 5px rgba(0,0,0,0.29);
	}
	.media.media50 figure { width: 50%; }
	.media.media33 figure { width: 33%; }

	h1 {
		padding-top: 2rem;
	}
}

/*****************************************************************************/

@media (max-width: 1260px) {
	
	body {
		font-size: 80%;
	}
	
	#header .inside .mod_phone,
	#header .inside .mod_navigation	 { display: none; }
	#header .inside .mod_mobile_menu { 
		display: block;
		width: 50px;
		height: auto;
	}
	#header .inside .mod_mobile_menu .mobile_menu_trigger { 
		display: block;
	}
	
	#header div.inside,
	#main .inside .mod_article,
	#footer div.inside .footer_wrapper {
	  margin-left: 3rem;
	  margin-right: 3rem;
	  overflow: visible;
	}
	#main .inside { margin: 1rem; }
	#footer div.inside .footer_wrapper {
	  display: flex;
	  justify-content: center;
	  flex-wrap: wrap;
	}
	
	.intro h1 {
		line-height:1.3em;
	}
	
	span.h-part-two {
		line-height:1.3em;
	}
	
	.hero {
		width: 100%;
	    height: 80vh;
	    min-height: 400px;
	    position: relative;
	    left: 0;
	    background-color: #d9edfd;
	    transform: translate3d(0, 0, 0);
	    top: -5em;
	}
	
	.hero:after {
		bottom: -5.5em;
	}
 
	 .layer-6 {
	 	background: url(/files/Bilder/header-animation/6.png) 0 50% repeat-x;
	    z-index: 1;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	 }
	 
	 .layer-5 {
	 	background: url(/files/Bilder/header-animation/5.png) 0 100% repeat-x;
	    z-index: 1;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-size: auto 450px;
	 }
	 
	 .layer-4 {
	 	background: url(/files/Bilder/header-animation/4.png) 0 100% repeat-x;
	    z-index: 1;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-size: auto 468px;
	 }
	
	.layer-3 {
		background: url(/files/Bilder/header-animation/3.png) 10% 80% repeat-x;
	    z-index: 1;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-size: auto 855px;
	}
	
	.schiff {
		background: url(/files/Bilder/header-animation/schiff.png) 0 100% no-repeat;
	    z-index: 1;
	    position: absolute;
	    bottom: 100px;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-size: auto 40%;
	    /*animation: parallax_schiff linear 120s infinite both;*/
	}
	
	.layer-1 {
		animation: parallax_fg linear 20s infinite both;
	    background: url(/files/Bilder/header-animation/1.png) 0 100% repeat-x;
	    z-index: 1;
	    position: absolute;
	    bottom: -60px;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-size: auto 600px;
	}
	
	h1 {
		padding-top: 1rem;
	}
}

/*****************************************************************************/

@media (max-width: 1080px) {
	
	#main .inside { margin: 0rem; }

	.col-45, .col-50, fieldset.wrap_flex_column > div.widget {
		width:100%;
	}
	
	.start-bosel {
		background-attachment: fixed;
		background-size: cover;
		background-position: top center;
		background-attachment:inherit;
		/*height: 50vh;*/
	}
	
	.schiff {
		background: url(/files/Bilder/header-animation/schiff.png) 0 100% no-repeat;
	    z-index: 1;
	    position: absolute;
	    bottom: 100px;
	    left: 5%;
	    width: 100%;
	    height: 100%;
	    background-size: auto 35%;
	    /*animation: parallax_schiff linear 170s infinite both;*/
	}
	
	.hero {
		height:60vh;
	}
	.layer-1 {
		animation: parallax_fg linear 70s infinite both;
		background: url(/files/Bilder/header-animation/1.png) 0 100% repeat-x;
		z-index: 1;
		position: absolute;
		bottom: -60px;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: auto 400px;
	}
	
	.layer-6 {
		nimation: parallax_fg linear 100s infinite both;
	}
}

/*****************************************************************************/

@media (max-width: 820px) 
{
	#footer div.inside .footer_wrapper {
	  display: flex;
	  justify-content: flex-start;
	}
	.footer_wrapper > .content-text {
		margin-bottom: 1rem;
	}
	.footer_wrapper > div {
		flex: 1 0 40%;
		
		//border: 1px solid yellow;
	}
	.footer_wrapper p {
		margin: 0;
		padding: 0;
	}
}

/*****************************************************************************/

@media (max-width: 720px)	
{
	.footer_wrapper > div {
		flex: 1 1 100%;
	}
}

/*****************************************************************************/

@media (max-width: 500px)	{
	#header .inside,
	#main	.inside .mod_article,
	#footer .inside .footer_wrapper{
		margin-left:	2rem;
		margin-right:	2rem;
	}

	#header .inside .mod_mobile_menu {
		width: 3rem;
	}
	#main .inside .mod_article.has-swiper {
		max-width: none;
		margin: 6.1rem auto 0 auto !important;
	}
	/*
	.nav--main {
		display: none;
	}

	.mod_mobile_menu {
		text-align: right;
		margin-right: 1rem;
	}
	*/
}