@media only screen and (max-width: 1400px) {
	#container .mod_article .maxwidth {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media only screen and (max-width: 1250px) {
	#footer .rs-column.-large-col-4-1:nth-child(1)
	{
		width: 100%;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	#footer .rs-column.-large-col-4-1:nth-child(2)
	{
		width: 40%;
		padding-top: 50px;
	}
	#footer .rs-column.-large-col-4-1:nth-child(3),
	#footer .rs-column.-large-col-4-1:nth-child(4)	{
		width: 25%;
		padding-top: 50px;
}
@media only screen and (max-width: 1100px) {
	
	.mobile_menu_icon,
	.mod_mobile_menu {
		display: block;
	}
	
	.flaggen {
		margin-right: 0px;
	}
	
	#header .mainmenu {
		display: none;
	}
	
	#topbar .inside {
		padding-left: 25px;
		padding-right: 5px;
	}
}
@media only screen and (max-width: 1065px) {
	.mod_newslist .card, .produkte .card {
		width: 27%;
	}
	
	.card p {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 15px;
	}
	.card h3 {
		margin-left: 0px;
		font-size: 18px;
	}
}

@media only screen and (max-width: 1024px) {
	.columns_3.benefits {
		display: block;
	}
	.columns_3.benefits .ce_text {
		width: 100%;
		max-width: 400px;
		margin: auto;
		margin-bottom: 20px;
	}
	.columns_3.benefits .ce_text:last-child {
		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 1024px) {
   
	.mod_newslist h2 {
		font-size: 33px !important;
		line-height: 37px;
		font-weight: bold;
		text-transform: none;
	}
	
	.ce_image_passepartout {
	   margin-top: 50px;
	   margin-bottom: 30px;
   }
	#header {
		background-url:none;
		background: none;
	}
	.padding_top_120 {
	   padding-top: 50px;
   }
   
	body {
		font-size: 17px;
	}
	.card .text_container {
		padding: 20px;
	}
	.card h3 {
		margin-left: 5px;
	}
	
	h1,h2 {
		font-size: 32px;
		line-height: 40px;
	}
	.mod_newslist .card, .produkte .card {
	   width: 93%;
   }
	#container {
		margin-top: -70px;
		padding-top: 40px;
		padding-bottom: 0px;
		background-size: auto 40px;
	}
	#main {
		background: #FFFFFF;
		padding-bottom: 50px;
	}
	#topbar .ce_text {
		display: none;
	}
	
	#header .inside {
		height: 80px;
		background: #FFFFFF;
		background-size: auto 80px;
		background-position: -600px top;
		background-repeat: no-repeat;
		overflow: visible;
	}
	
	#topbar {
		top: 0px;
		left: 0px;
		height: 27px;
		width: 100%;
		z-index: 999;
		position: fixed;
	}
	#header {
		height: 55px;
		top: 0px;
		position: fixed;
		width: 100vw;
		-webkit-transition: top 1s;
		-moz-transition: top 1s;
		-ms-transition: top 1s;
		-o-transition: top 1s;
		transition: top 1s;
	}
	
	#header .inside {
		padding-left: 25px;
		padding-right: 25px;
	}
	#header .logo {
		padding-top: 20px;
		width: 150px;
	}
	#header .logo a  {
		width: 150px;
		height: 50px;
	}
	#hero {
		position: relative;
		height: auto;
		font-size: 18px;
		line-height: 25px;
		top: 0px;
	}
	#hero .image_container {
		position: fixed;
		height: auto;
	}
	
	#hero .responsive-background-image {
		height: 100vh;
		max-height: initial;
	}
	
	.hero_small #hero,
	.hero_small #hero .responsive-background-image  {
		height: 50vh !important;
	}
	
	#hero .ce_text {
		height: 300vh;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}
	.hero_small #hero .ce_text {
		height: 0px;
	}
	
	#hero h2 {
		line-height: 20px;
		max-width: 80%;
		margin: initial;
	}
	
	#hero h2 .hero_line1 {
		font-size: 30px;
		line-height: 40px;
	}
	#hero h2 .hero_line2 {
		font-size: 18px;
		line-height: 18px !important;
	}
	
	#hero .textblock {
		width: calc(100vw - 130px);
		left: 25px;
		font-size: 17px;
		padding-left: 25px;
		padding-top: 0px;
		position: absolute;
		bottom: initial;
		top: 200vh;
		-webkit-transition: top 1s;
		-moz-transition: top 1s;
		-ms-transition: top 1s;
		-o-transition: top 1s;
		transition: top 1s;
		-webkit-transition: bottom 1s;
		-moz-transition: bottom 1s;
		-ms-transition: bottom 1s;
		-o-transition: bottom 1s;
		transition: bottom 1s;
	}
	
	#container .mod_article .maxwidth {
		padding-left: 25px;
		padding-right: 25px;
	}
	.cards .rs-column.-large-col-3-1 {
		width: 100%;
	}
	
	#footer .inside {
		background: #24476E;
	}
	
	#footer .rs-column.-large-col-4-1:nth-child(1),
	#footer .rs-column.-large-col-4-1:nth-child(2),
	#footer .rs-column.-large-col-4-1:nth-child(3),
	#footer .rs-column.-large-col-4-1:nth-child(4)	{
		width: 100%;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
}

@media only screen and (max-width: 950px) {
	#hero .textblock {
		width: calc(100vw - 130px);
		left: 25px;
		padding-left: 25px;
		max-width: initial;
	}
}

@media only screen and (max-width: 900px) {
	.background_blau {
		*font-size: 18px;
	}
}
@media only screen and (max-width: 600px) {
	.rs-column.-medium-first-row {
		margin-top: 0px;
	}
	.background_grey_light {
		margin-top: 20px;
		margin-bottom: 0px;
		padding-top: 15px;
		padding-bottom: 25px;
		font-size: 22px;	
		line-height: 37px;
	}
	.background_blau {
		margin-top: 20px;
		margin-bottom: 0px;
		padding-top: 15px;
		padding-bottom: 25px;
		font-size: 22px;	
		line-height: 37px;
	}
	.background_grey_light:before {
		top: -30px;
		width: 50vw;
	}
	.background_blau:after {
		bottom: -30px;
	}
	#footer .inside:before {
		z-index: 2;
		top: -10px;
		left: 0px;
		position: absolute;
		height: 40px;
		width: 100%;
		background: url(../assets/blue_back_footer_before.png);
		background-position: -200px center;
		background-repeat: no-repeat;
		content: "";
	}
}


@media only screen and (max-width: 450px) {
	
	#hero .button {
		width: auto;
	 	line-height: 22px;
	}
	#hero h2 {
		max-width: 100%;
	}
	
	#hero h2 .hero_line1 {
		font-size: 30px;
		line-height: 30px;
	}
	
	h1, h2 {
		font-size: 27px;
		line-height: 33px;
	}
	
	.background_grey_light {
		font-size: 18px;
		line-height: 28px;
	}
	.background_blau {
		font-size: 18px;
		line-height: 28px;
		height: 210px;
	}
	.mod_newslist h2 {
		font-size: 23px !important;
		line-height: 30px;
		margin-top: 20px;
		padding-left: 15px;
		padding-right: 0px;
		font-weight: bold;
		max-width: 75%;
	}
	.mod_newslist .card .text_container {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 5px;
	}
	.mod_newsreader h1 {
		font-size: 30px !important;
		line-height: 34px !important;
	}
		
}