@media screen and (max-height: 580px) {
	
}
@media screen and (max-width: 1850px) {

}
@media screen and (max-width: 1650px) {
	
}
@media screen and (max-width: 1600px) {
	
}
@media screen and (max-width: 1500px) {
	
}
@media screen and (max-width: 1360px) {
	
}
@media screen and (max-width: 1280px) {
	.markel{
		left: 40px;
	}
	.splide__arrow--next {
		right: 40px;
	}
	.splide__arrow--prev {
		right: 90px;
	}
}
@media screen and (max-width: 1270px) {
	
}
@media screen and (max-width:1241px){
	
}
@media screen and (max-width:1200px){

}
@media screen and (max-width:1140px){
	
}
@media screen and (max-width:1100px){
	.splide__arrow--next {
		right: 20px;
	}
	.splide__arrow--prev {
		right: 65px;
	}
	.nav-menu li {
		display: inline-block;
		margin-right: 10px;
	}
	.nav-menu li a{
		font-size: 1.15rem;
	}
	.header_logo{
		width: 170px;	
	}
	.header_rechts{
		margin: 13px auto;
	}
}
@media screen and (max-width:1040px){
	#einleitung {
		margin-top: 0;
	}
	.titel_box_blau{
		width: 100%;
	}
	.titel_box_blau .w840{
		max-width: 100%;
	}
	.splide__arrow{
		bottom: 20px;
	}
}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 960px) {
	.einleitung_links{
		width: calc(100% - 300px);
	}
	.einleitung_rechts{
		width: 200px;
	}
}
@media screen and (min-width: 951px) {
	.menu{
		display: block !important;
	}	
}
@media screen and (max-width: 950px) {
	.menu{
		display: none;
		position: absolute;
		top: 106px;
		z-index: 10;
		left: 0;
		width: 100%;
		text-align: left;
		background-color: #5DB6D3;
		padding: 20px 0;
		margin: 0 auto;
	}
	.nav-menu li {
		display: block;
		margin: 0 auto 20px;
	}
	.nav-menu li a{
		color: #fff;
		padding: 0 20px;
		font-weight: 500;
	}
	.nav-menu li a:hover{
		text-decoration: underline;
		color: #fff;
	}
	.header_rechts{
		margin: 3px auto;
	}
	.open_menu{
		display: block;
		width: 40px;
		height: 30px;
		position: relative;
		float: right;
		vertical-align: middle;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		margin-top: 20px;
	}
	.open_menu:hover{
		cursor: pointer;
	}
	.open_menu span{
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #5DB6D3;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	.open_menu span:nth-child(1){
		top: 0px;
	}
	.open_menu span:nth-child(2), .open_menu span:nth-child(3){
		bottom: 14px;
	}
	.open_menu span:nth-child(4){
		bottom: 0px;
	}
	.open_menu.open span:nth-child(1){
		top: 18px;
		width: 0%;
		left: 50%;
	}
	.open_menu.open span:nth-child(2){
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		bottom: 15px;
	}
	.open_menu.open span:nth-child(3){
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		bottom: 15px;
	}
	.open_menu.open span:nth-child(4){
		top: 18px;
		width: 0%;
		left: 50%;
	}
}
@media screen and (max-width: 900px) {
	.einleitung_links{
		width: calc(100% - 150px);
	}
	.einleitung_rechts{
		width: 100px;
	}
	
	.markel a {
		border: 6px solid #707070;
		width: 160px;
		height: 160px;
		font-size: 1rem;
	}
}
@media screen and (max-width: 860px) {
	 .markel {
		left: 15px;
		top: 30px;
	}
	.w1280{
		padding: 0 25px;
	}
	.margin_oben{
		margin-top: 60px;
	}
	.margin_unten{
		margin-bottom: 60px;
	}
	.titel_box_blau{
		padding: 20px 25px;
	}
	
	.auflistung_box{
		width: calc(50% - 12.5px);
		margin-bottom: 25px;
	}
	.gutter_sizer{
		width: 25px;
	}
	.begrenzung, .titelbox{
		width: 100%;
	}
	h1, h2, h3, h4, h5, h6{
		font-size: 1.8rem;
	}
	.fullwidth, .gas_box h3{
		font-size: 1.15rem;
	}
}
@media screen and (max-width: 850px) {
	.produkt_box, .produkt_shoplink_box, .shoplink_rechts span{
		font-size: 1.1rem;
	}
	.checkmark svg, .produkt_shoplink_box svg{
		width: 17px;
	}
	.shoplink_rechts{
		top: calc(50% - 8.5px);
	}
}
@media screen and (max-width: 820px) {	

}
@media screen and (max-width: 780px) {
	.download_box{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.download_box h3{
		margin-bottom: 10px;
	}
	.download_buttons .button a{
		padding: 5px 15px;
	}
}
@media screen and (max-width: 750px) {
	.gas_box {
		width: calc(50% - 10px);
	}
}
@media screen and (max-width: 715px) {
	
}
@media screen and (max-width: 700px) {
	.einleitung_links{
		width: 100%;
	}
	.einleitung_rechts{
		width: 250px;
		position: absolute;
		bottom: -30px;
		top: auto;
		z-index: -1;
		opacity: 0.3;
		right: -15px;
	}
}
@media screen and (max-width: 680px) {
	
}
@media screen and (max-width: 650px) {	
	.auflistung_box{
		width: 100%;
	}
	.gutter_sizer{
		width: 0;
	}
	.footer{
		text-align: center;
	}
	.footer_icon{
		z-index: -1;
		opacity: 0.3;
	}
	.verlinkung_tyrolice{
		position: relative;
		right: auto;
		top: auto;
		margin: 20px auto 0;
	}
	
	.produkt_box, .produkt_box:nth-child(2n){
		width: 100%;
		float: none;
		margin: 0 auto 20px;
		display: block;
	}
	.produkt_box:last-child{
		margin: 0 auto;
	}
	
	.tel span{
		display: none;
	}
	.tel svg{
		margin-right: 0;
	}
}
@media screen and (max-width: 625px) {
	
}
@media screen and (max-width: 600px) {	
	.header_logo{
		width: 160px;
	}
	.header_rechts {
		margin: 2px auto;
	}

	.produkt_shoplink_box a{
		padding: 15px 60px 15px 20px;
	}
	.produkt_shoplink_box .ohne_link{
		padding: 15px 20px 15px 20px;
	}
	.produkt_shoplink_box a span, .produkt_shoplink_box .ohne_link span {
		width: calc(100% - 35px);
	}
	.produkt_shoplink_box .ohne_link .shoplink_rechts span, .produkt_shoplink_box a .shoplink_rechts span{
		display: none;
	}
	.shoplink_rechts{
		top: calc(50% - 7px);
	}
	.inner_box{
		padding: 50px 25px 25px 25px;
	}
	
	.input {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.row{
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 580px) {
	
}
@media screen and (max-width: 550px) {
	.gas_box{
		padding: 15px;
	}
	.gas_box h3{
		font-size: 1rem;	
	}
}
@media screen and (max-width: 500px){
	.flex_box_header{
		position: absolute;
		right: 25px;
		top: -35px;	
	}
	.header{
		padding: 45px 0 25px;	
	}
	.open_menu{
		margin-top: 25px;
	}
}	
@media screen and (max-width: 450px){	
	
}
@media screen and (max-width: 430px){	
	
}
@media screen and (max-width: 400px){	
	
}
@media screen and (max-height: 500px) {
	
}


/** 9.0 Print **/
@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
}