@media only screen and (min-width: 1021px) {nav#mobile {display:none!important;}}

@media only screen and (max-width:1020px) {
	.wrapper{max-width:756px;}

	header #navi {display:none;}
	header #mobilenav {display:block; position:fixed; top:20px; right:30px; width:40px; height:45px; color:#006600; text-align:center; font-weight:300; padding:10px; z-index:100; right:calc(50% - 325px); transform: translateX(50%); transition: background-color .5s, top .5s, color .5s;}
		header #mobilenav.scrolling:hover {background-color:#079107;}
		header #mobilenav.scrolling {top:5px;background-color:#006600; color:#FFFFFF; }
		header #mobilenav .burgernavi{width:100%; height:6px; display:block; background-color:#006600; transition: background-color .5s;}
		header #mobilenav:hover .burgernavi{ background-color:#079107;}
		header #mobilenav.scrolling .burgernavi{background-color:#FFFFFF;}
			header #mobilenav .burgernavi:not(:last-of-type){ margin-bottom:6px;}
			header #mobilenav label{display:inline-block;font-size:13px; margin-top:4px; text-transform:uppercase; }


		header #suche {position:absolute; top:42px; right:80px;}
		header #suche input[type="text"]{width:250px;}
		header #suche input[type="submit"]{margin:0px 10px;}
		header #sprache{display:none;}

	#mobile {background:rgba(256,256,256,1);  width:100%; position:fixed; top:0px; z-index:99;}
		#mobile #mobile_logo{position:absolute; top:10px; }
		#mobile .wrapper{padding:100px 10px 0px 10px;border-bottom: 2px solid #006600;}
		#mobile li:not(:last-of-type){border-bottom: 1px solid rgba(0,0,0,0.1);}
		#mobile li>ul{border-top: 1px solid rgba(0,0,0,0.1);}
		#mobile li a{line-height:45px; font-size:20px; display:inline-block; width:100%; box-sizing:border-box;}
		#mobile li.dropdown>a::after {content:'\2B9F'; float:right; margin-right:20px; font-size:12px;}

		#mobile>div>ul>li ul{display:none;}
		#mobile>div>ul>li.seperate{margin-bottom:20px;border:none;}
		#mobile>div>ul>li>ul a{line-height:35px; font-size:16px;}
		#mobile>div li.open>ul{display:block;}
		#mobile>div li.open>ul{background-color:rgba(0,0,0,0.03);}
		#mobile>div>ul>li>ul>li>a{padding-left:25px;}
		#mobile>div>ul>li>ul>li>ul>li>a{padding-left:50px;}

		#mobile>div>ul>li.two-columns>ul{display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap; border-top:0px;}
			#mobile>div>ul>li.two-columns>ul>li{max-width:50%; float:left; flex:1 1 auto; border-bottom: 1px solid rgba(0,0,0,0.1);}
			#mobile>div>ul>li.two-columns>ul>li:nth-child(n+2){border-left: 1px solid rgba(0,0,0,0.1);}
			#mobile>div>ul>li.two-columns img{vertical-align: middle; margin:-4px 8px 0 0;}

		.button{display:inline-block;}
		#button_next{display:block;}

		section#content .wrapper{flex-direction:column;}
			section#content aside{width:100%; margin:10px 0 0 0;}
			section#content aside .flex-container{flex-wrap:wrap; height:860px; justify-content:space-between;}
				section#content aside .flex-container div{max-width:calc(51% - 10px) ; margin-top:20px; order:10;}
				/* section#content aside .flex-container div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)){margin-left:30px;} */
				section#content aside div#katalog,section#content aside .flex-container div:last-of-type{flex-grow:0;}
				section#content aside .flex-container div.hr{display:none;}
				section#content aside .flex-container div.links{order:1;}
				section#content aside .flex-container div.links a{line-height:30px;}
				section#content aside .flex-container div#fragen{order:2;}
				section#content aside .flex-container div#katalog{order:3;}
				section#content aside .flex-container div#flag-container{max-width:100%; width:auto;}
			section#content aside div#katalog,section#content aside div#katalog h4, section#content aside .flex-container div#fragen, section#content aside div.image{text-align:left;}
		section#content.liste aside .links{display:none;}
			section#content.liste aside .sidebar_logo{text-align:left;}
			/* section#content aside .flex-container div.links{order:1;}
			section#content aside .flex-container div.image ~ .image {order:2;}
			section#content aside .flex-container div#fragen{order:3;}
			section#content aside .flex-container div#katalog{order:5;} */
					.fotogalerie {grid-template-columns: repeat(4, 1fr);}
		footer .flex-container{background-position:-270px 0px; flex-wrap:wrap;}
		footer .flex-container article{max-width:49%;}
		footer .flex-container article.faq{order:4;}
		footer .flex-container article.faq li a{line-height:25px; display:inline-block; margin-bottom:5px;}
		footer .flex-container article.social{width:35%;}

		article.produktbild{width:45vw;}
			article.produktbild img {width:45vw; }
}

@media only screen and (max-width:720px){
	.wrapper { max-width:100%;padding:10px;}

	header #suche{position:initial;width:100%; margin-top: 25px;}
	header #suche input[type="text"]{width:70%;}
	header #suche button.gsc-search-button.gsc-search-button-v2 {padding-top:6px; padding-bottom:6px;}
	header #suche input[type="submit"]{margin:0px 0px 0px 5%; width:20%;}

	header #mobilenav{right: 10px; transform:none;}
	#buttons{right: 10px;transform:none;}

	#teaser_container {height:221px;}

	section#content .infos{padding:5px;}
	section#content .infos #kategorien{justify-content: space-around;}
	section#content .infos #kategorien li{margin-left:10px; margin-right:10px;}
	section#content .infos .video iframe{width:100%; height:200px;}
	section#content .infos .video strong{margin-top:20px;}

	section#content aside {padding:80px 10px 20px 10px;}
	section#content aside .flex-container{height:100%; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
	section#content aside .flex-container div{width:calc(50% - 7.5px); max-width:calc(50% - 7.5px); order:10; margin-left:0px;}
		section#content aside .flex-container div h5{font-size:13px;}
		section#content aside .flex-container div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)){margin-left:0px;}
		section#content aside .flex-container div.links{width:100%; max-width:100%; order:1;}
		section#content aside .flex-container div.links ul li{width:50%; float:left;}
		section#content aside .flex-container div#fragen{width:100%; max-width:100%; order:2;}

	section#content .checkout .steps {flex-wrap:wrap;}
		section#content .checkout .steps div label{font-size:11px;}
		section#content .checkout .steps div span{height:35px; width:35px; line-height:35px;}

	section#content .produktliste {padding:5px;}
		section#content .map>div{width:100%; margin-left:-5px;}
		section#content .map h1{text-align: left;}
		section#content .angebote {}
		section#content .produktliste>div h1 ~ h3>u{display:block; margin: 8px 0;}

	section#content .checkout {padding:5px;}
	section#content .checkout input[type="submit"].form_button{width:100%; grid-column:1 / -1; max-width:100%; }
		section#content .checkout .grid  {grid-template-columns: repeat(4, 1fr);}
			/* section#content .checkout .grid input[type="submit"]{grid-column:4;} */
			section#content .checkout .grid div > label {text-align:left;}
			section#content .checkout .grid div > select {width:100%; box-sizing:border-box;margin:0;}
			section#content .checkout .grid div > input {width:100%; box-sizing:border-box; margin:0;}
			section#content .checkout .grid .item_select {grid-column:1 / span 3;}
			section#content .checkout .grid .item_code {grid-column:auto / span 1;}
				section#content .checkout .grid .item_code input{width:100%;}
			section#content .checkout .grid .item_von {grid-column:1 / span 2;}
			section#content .checkout .grid .item_bis {grid-column:auto / span 2;}

		section#content .checkout .grid-equal div > input[type="text"] + label {position:absolute; top:-17px; left:0; padding:0px;}
			section#content .checkout .grid-equal div > select {width:100%;}
				section#content .checkout .grid-equal div.full > select {width:100%;}
			section#content .checkout .grid-equal div > input {width:100%;}
			section#content .checkout .grid-equal div > textarea {width:100%;}
			/* section#content .checkout .grid-equal .quarter{grid-column: auto / span 3;} */
			section#content .checkout .grid-equal .geburtsdatum {width:100%; display:inline-block;}
			section#content .checkout .grid-equal .emptyfirst {grid-column-start:1;}
			section#content .checkout .grid-equal .quarter.emptyfirst {grid-column:1 / span 3;}
			section#content .checkout .grid-equal .one {grid-column: span 2;}
			section#content .checkout .grid-equal .one.newrow {grid-column:1 / span 2;}

		section#content .checkout form#radio_anmelder label{line-height:30px;}
		section#content .checkout form#radio_anmelder input{margin-top:8px;}

	#produkt .wrapper {padding:5px;}
	#produkt #headlines {text-align:left; padding-top:10px;}
	#produkt #headlines h2{position:relative; margin-top:0px;}
	#produkt #headlines h3{position:absolute;top:0px; margin:0px;}
	#produkt #infos>ul {display:none;}
	#produkt #infos>article {display:block;}
	#produkt #infos>article:not(:first-of-type) {margin-top:100px;}
		#produkt #infos article .bilder{display:none; width:100%; max-width:100%;}
		#produkt #infos article .text{width:100%;}
		#produkt #infos article div.inhalt{padding:10px;}
		#produkt #infos article>h4{display:block;}
		.bilder_slider {display:block;}

	.fotogalerie {grid-template-columns: repeat(3, 1fr);}

	footer #footer_leiste {padding:5px 10px;}
	footer #footer_leiste ul{display:none;}

	footer .flex-container {padding:10px; background-position:0px 0px;}
	footer .flex-container article{max-width:100%;}
	footer .flex-container article.faq{display:none}
	footer .flex-container article.social{padding:0px; width:100%; margin-top:30px;}
		footer .flex-container article.social ul{height:100%; display:flex; justify-content:space-between; flex-direction:row; flex-wrap:wrap;}
		footer .flex-container article.social ul li{flex:0 1 auto; width:50%;}

		section#content .produktliste .produkt img{width:100%; margin:20px 0 10px 0; }
	section#content .checkout .grid-equal .geburtsdatum select{width:40px;}
	section#content .checkout .grid-equal .geburtsdatum select:last-of-type{width:60px;}
}

@media only screen and (max-width:435px){

	header #suche{float:left;}
	header #suche button.gsc-search-button.gsc-search-button-v2 {padding-top:5px; padding-bottom:5px;}

	section#content .infos #kategorien{justify-content: space-between;}
	section#content .infos #kategorien label{font-size:4vw;}
	section#content .infos #kategorien li{width:40%;}

	section#content .checkout .steps div label{font-size:10px;}

	section#content aside div#flag-container .flag {font-size:5vw;}
	section#content aside div h4 {font-size:4vw;}
	section#content aside ul img {display:none;}
	section#content aside ul li a{font-size:11px;}

	section#content .produkt{font-size:11px; line-height:18px;}
	section#content .produkt > span {width:100%;display:inline-block;}

	#produkt #headlines h1{font-size:18px;}
	article.produktbild{width:90vw;}
		article.produktbild img {width:90vw;}

	section#content .checkout .grid-equal .geburtsdatum select:last-of-type{margin-top:10px;}
}