@media screen and (max-width: 1100px), screen and (max-device-width: 1100px) {
	/* *** Terinkacheln *** */
	.terminkachel {
		font-size: 100%;
	}
}

@media screen and (max-width: 950px), screen and (max-device-width: 950px) {
	/* *** Subnavigation *** */
	.subnavigation ul li {
		font-size: 83.33%;
		max-width: 100px;
		min-height: 90px;
	}
	.subnavigation ul li a span {
		width: 38px;
		height: 38px;
	}
	
	/* *** Terinkacheln *** */
	.terminkachel {
		font-weight: normal;
	}
	
	/* *** Inhalt-Kacheln *** */
	.inhaltkachel {
		background-position: 130% 100%;
		background-size: auto 80%;
	}
}

@media screen and (max-width: 850px), screen and (max-device-width: 850px) {
	/* *** Hauptnavigation *** */
	ul.hauptnavigation li a,
	ul.hauptnavigation li a:link {
		padding: 20px 10px;
	}
	
	/* *** Inhalt-Kacheln *** */
	.inhaltkachel {
		background-position: 130% 100%;
		background-size: auto 70%;
	}
}

@media screen and (max-width: 768px), screen and (max-device-width: 768px) {
	/* *** Grid *** */
	.col { 
		margin: 1% 0 1% 0%;
	}
	.span_2_of_2, .span_1_of_2,
	.span_3_of_3, .span_2_of_3, .span_1_of_3,
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4,
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5,
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6,
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7,
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8,
	.span_1_of_9, .span_2_of_9, .span_3_of_9, .span_4_of_9, .span_5_of_9, .span_6_of_9, .span_7_of_9, .span_8_of_9, .span_9_of_9,
	.span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10, .span_9_of_10, .span_10_of_10,
	.span_1_of_11, .span_2_of_11, .span_3_of_11, .span_4_of_11, .span_5_of_11, .span_6_of_11, .span_7_of_11, .span_8_of_11, .span_9_of_11, .span_10_of_11, .span_11_of_11,
	.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12,
	.span_3_of_12_padd_left, .span_9_of_12_padd_right {
		width: 100%;
	}
	
	/* Startseite - Informationen */
	.span_4_of_12_padd_left, .span_4_of_12_padd_right, .span_4_of_12_padd, .span_5_of_12_padd_right, span_6_of_12_padd_right, span_6_of_12_padd_left, .span_7_of_12_padd_left, span_8_of_12_padd_right {
		width: 100%;
		padding: 0;
	}
	
	/* Startseite - Aktuell, Mülltrennung */
	.span_4_of_12_margin {
		width: 32.33%;
		margin: 0 0.5% 10px 0.5%;
	}
	.span_4_of_12_margin_right {
		width: 32.33%;
		margin: 0 1% 10px 0;
	}
	.span_4_of_12_margin_left {
		width: 32.33%;
		margin: 0 0 10px 1%;
	}
	
	/* Suchebereich */
	.span_3_of_12_margin {
		margin: 0 1.35% 0 1.35%;
	}
	.span_3_of_12_margin_left {
		margin: 0 0 0 1.35%;
	}
	.span_3_of_12_margin_right {
		margin: 0 1.35% 0 0;
	}
	
	/* Startseite - Öffnungszeiten */
	.span_4_of_10_margin_right {
		width: 100%;
		margin: 0 0 10px 0;
	}
	.span_2_of_10_margin,
	.span_2_of_10_margin_right,
	.span_2_of_10_margin_left {
		width: 22%;
		margin: 0 1.35% 20px 1.35%;
	}
	
	/* *** Trennliste *** */
	/*.span_6_of_12_margin_right,
	.span_6_of_12_margin_left {
		width: 100%;
		margin: 0 0 10px 0;
	}*/
	.span_6_of_12_margin_right {
		width: 48.65%;
		margin: 0 1.35% 0 0;
	}
	.span_6_of_12_margin_left {
		width: 48.65%;
		margin: 0 0 0 1.35%;
	}
	
	/* *** Mobilenavigation *** */
	a.mobilenavlink {
		display: block;
	}
	
	/* *** Hauptnavigation *** */
	ul.hauptnavigation {
		display: none;
	}
	
	/* *** Subnavigation *** */
	.subnavigation {
		display: none;
	}
	
	/* *** Inhalt-Kacheln *** */
	.inhaltkachel {
		background-position: 120% 100%;
		background-size: auto 60%;
	}
	
	/* *** Inhalte *** */
	.text_zwei_spalten {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		-moz-column-gap: 0em;
		-webkit-column-gap: 0em;
		column-gap: 0em;
	}
	
	/* *** Text und Download *** */
	.downloadrahmen {
		font-size: 85.71%;
		width: 80%;
	}
	
	/* *** Tipp *** */
	.tipptext {
		top: 10px;
		left: 2%;
		max-width: 92%;
		padding: 2%;
	}
	
	/* *** Tauschbörse *** */
	.formspalte_links {
		border: none;
		padding: 10px 0;
		margin: 0 10px 0 0;
	}
	.formspalte_rechts {
		padding: 10px 0;
		margin: 0 10px 0 0;
	}
	.circle {
		padding-bottom: 80%;
	}
	label.formlabel_flex {
		float: left;
		width: 100px;
		margin: 0 10px 0 0;
	}
	.floatbereich {
		display: block;
		clear: both;
		width: 100%;
		margin: 0 0 10px 0;
	}
	.floatbereich_breit {
		display: block;
		clear: both;
		width: 100%;
	}
	
	/* *** Footer *** */
	.footerinhalt {
		padding: 20px 150px 20px 170px;
	}
	img.playstorelink {
		width: 100px;
		top: 30%;
	}
	img.appstorelink {
		width: 100px;
		bottom: 30%;
	}
	
	/* *** Sonstige *** */
	.hide_768 {
		display: none;
	}
}

@media screen and (max-width: 600px), screen and (max-device-width: 600px) {
	/* Startseite - Öffnungszeiten */
	.span_4_of_10_margin_right {
		width: 100%;
		background: none;
		margin: 0 0 10px 0;
	}
	.span_2_of_10_margin,
	.span_2_of_10_margin_right,
	.span_2_of_10_margin_left {
		width: 47%;
		margin: 0 1.35% 20px 1.35%;
	}
	
	.tagsteuerung {
		position: relative;
		top: 0;
		right: 0;
		margin: 0 0 10px 0;
	}
	
	/* *** Trennliste *** */
	.span_6_of_12_margin_right,
	.span_6_of_12_margin_left {
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	/* *** Text und Download *** */
	.downloadrahmen {
		width: 90%;
		padding: 0 0 20px 0;
	}
	.downloadrahmen a {
		font-weight: normal;
	}
	
	/* *** Banner *** */
	a.bannerlink {
		font-size: 85.71%;
	}
	
	/* *** Sonstiges *** */
	.flexbox {
		display: block;
	}
    
    #popup-layerausgabe {
        overflow: auto;
        max-height: 300px;
    }
    #popup-layertext p {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 680px) and (orientation: landscape), screen and (max-device-width: 680px) and (orientation: landscape) {
    #popup-layerausgabe {
        overflow: auto;
        max-height: 270px;
    }
}

@media screen and (max-width: 500px), screen and (max-device-width: 500px) {
	/* *** Grid *** */
	.span_6_of_12_padd_right,
	.span_6_of_12_padd_left {
		width: 100%;
		padding: 0;
	}
	
	/* *** Inhalt-Kacheln *** */
	.inhaltkachel {
		font-size: 100%;
	}
	
	/* *** Text und Download *** */
	.downloadrahmen {
		width: 100%;
		padding: 0;
	}
	.downloadrahmen a {
		font-weight: normal;
	}
	
	/* *** Aktuell *** */
	img.uebersichtbild {
		clear: both;
		width: 100%;
		height: auto;
	}
	
	/* *** Banner *** */
	a.bannerlink {
		line-height: normal;
	}
	.bannertext {
		width: 90%;
	}
	.bannerlinktext {
		display: none;
	}
	
	/* *** Footer *** */
	.footerinhalt {
		background: none;
		width: auto;
		padding: 20px 130px 20px 20px;
	}
	img.playstorelink {
		width: 100px;
		top: 10%;
	}
	img.appstorelink {
		width: 100px;
		bottom: 10%;
	}
}

@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
	/* *** Grid *** */
	/* Startseite - Aktuell, Mülltrennung */
	.span_4_of_12_margin,
	.span_4_of_12_margin_right,
	.span_4_of_12_margin_left {
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	/* Suchebereich */
	.span_3_of_12_margin,
	.span_3_of_12_margin_left,
	.span_3_of_12_margin_right {
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	/* *** Startkacheln *** */
	.startkachel_overflow {
		margin-bottom: 10px;
	}
	
	/* *** Terinkacheln *** */
	.terminkachel {
		font-weight: bold;
	}
	
	/* *** Inhalt-Kacheln *** */
	.inhaltkachel {
		background-position: 100% 100%;
		background-size: auto 60%;
	}
	
	/* *** Tipp *** */
	.tipptext {
		font-size: 78.57%;
		line-height: 130%;
	}
	
	/* *** Tauschbörse *** */
	a.angebotlink_start {
		position: relative;
		right: 0px;
		bottom: 0px;
	}
	.tauschtyp {
		clear: both;
		width: 100%;
		padding: 7px 0 0 0;
	}
	.tauschtext {
		clear: both;
		width: 100%;
		padding: 7px 0 0 0;
	}
	.tauschbild {
		clear: both;
		width: 100%;
		margin: 10px 0 0 0;
	}
	.circle {
		border-radius: 100%;
		width: 50%;
		padding-bottom: 45%;
		margin: 0 auto;
	}
	#tauschformrahmen {
		width: 90%;
	}
	.floatbereich_breit {
		min-width: 100%;
	}
	input.formbutton_tausch {
		margin: 10px 0 0 0;
	}
	
	/* *** Formulare *** */
	label.formlabel_top {
		max-width: 95%;
	}
	label.formlabel_top span {
		font-size: 10px;
	}
	input.formfeld {
		width: 95%;
	}
	textarea.textarea {
		width: 95%;
	}
	
	/* *** Sonstiges *** */
	.scrollinhalt {
		overflow: visible;
		max-height: none;
	}
	
	.downloadbereich {
		font-size: 87%;
	}
	
	.max_width_75per {
		max-width: 100%;
	}
}

@media screen and (max-width: 430px), screen and (max-device-width: 430px) {
	/* *** Tauschbörse *** */
	input.formfeld_tausch {
		float: left;
		width: 20%;
		padding: 2px 2%;
	}
	/* *** Footer *** */
	.footerinhalt {
		padding: 20px;
	}
	img.playstorelink {
		position: relative;
		width: 100px;
		top: 10%;
		margin-top: 10px;
	}
	img.appstorelink {
		position: relative;
		width: 100px;
		bottom: 10%;
		margin-top: 10px;
	}
}