@media only screen and (min-width : 320px) and (max-width : 480px) {
div#slider div.home {background:url(../images/header/header_home_xs.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.familienhilfe {background:url(../images/header/header_familienhilfe_xs.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.spf {background:url(../images/header/header_spf_xs.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.gelesen {background:url(../images/header/header_gelesen_xs.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
div#slider div.kontakt {background:url(../images/header/header_kontakt_xs.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	

div#slider, div#slider div {height:60px}
	div#slider {padding-top:80px}
.home div#slider, .home div#slider div {height:100px}

div.container, #footerwrapper {width:280px}
footer {min-width:280px}

header {height:80px}
nav#navigation {width:100px}
div#logo {width:84px}
	div#logo a, .familienhilfe div#logo a, .spf div#logo a, .kontakt div#logo a, .ueber div#logo a, .gelesen div#logo a {background-size:84px 50px; height:50px; width:84px; margin-top:15px}

h1 {font-size:24px; line-height:30px}

#content {margin-top:30px}

footer {height:260px}
#footerwrapper div.drittel:nth-of-type(1), #footerwrapper div.drittel:nth-of-type(2), #footerwrapper div.drittel:nth-of-type(3) {float:left; margin:0 0 20px; text-align:left; width:280px}
	#footerwrapper div.drittel img.bildlinks {height:50px; margin-right:30px; float:right; margin:0}

#offers ul.offers li, #offers ul.offers li:nth-child(2) {float:left; margin:0 0 80px; text-align:center; width:280px}
#offers h2 {margin-top:25px}

th, td, .kosten th {display:block; float:left; width:100%}
	th {border-bottom:none}
	
#text img {height:auto; max-width:280px}	

div.columns {columns:1; -webkit-columns:1; -moz-columns:1}
#breadcrumbs {display:inherit; visibility:visible}
}

@media only screen and (min-width : 481px) and (max-width : 768px) {
div#slider div.home {background:url(../images/header/header_home_s.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.familienhilfe {background:url(../images/header/header_familienhilfe_s.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.spf {background:url(../images/header/header_spf_s.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.gelesen {background:url(../images/header/header_gelesen_s.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
div#slider div.kontakt {background:url(../images/header/header_kontakt_s.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	

div#slider, div#slider div {height:100px}
	.home div#slider, .home div#slider div {height:160px}

div.container, #footerwrapper {width:440px}
footer {min-width:440px}

header {height:100px}
nav#navigation {width:100px}
div#logo a, .familienhilfe div#logo a, .spf div#logo a, .kontakt div#logo a, .ueber div#logo a, .gelesen div#logo a {margin-top:10px}
	
h1 {font-size:26px; line-height:32px}	
	
#content {margin-top:30px}

footer {height:260px}
#footerwrapper div.drittel:nth-of-type(1), #footerwrapper div.drittel:nth-of-type(2), #footerwrapper div.drittel:nth-of-type(3) {float:left; margin:0 0 20px; text-align:left; width:440px}
	#footerwrapper div.drittel img.bildlinks {height:50px; margin-right:30px; float:right; margin:0}

#offers ul.offers li, #offers ul.offers li:nth-child(2) {float:left; margin:0 0 80px; text-align:center; width:440px}
#offers h2 {margin-top:25px}

th {width:50%}
.kosten th {width:260px}

#text img {height:auto; max-width:440px}

div.columns {columns:1; -webkit-columns:1; -moz-columns:1}
#breadcrumbs {display:inherit; visibility:visible}
}


@media only screen and (min-width : 769px) and (max-width : 1024px) {
div#slider div.home {background:url(../images/header/header_home_s.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.familienhilfe {background:url(../images/header/header_familienhilfe_s.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.spf {background:url(../images/header/header_spf_s.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.gelesen {background:url(../images/header/header_gelesen_s.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
div#slider div.kontakt {background:url(../images/header/header_kontakt_s.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	

div#slider, div#slider div {height:130px}
.home div#slider, .home div#slider div {height:200px}

div.container, #footerwrapper {width:720px}
footer {min-width:720px}

header {height:120px}
nav#navigation {width:100px}

h1 {font-size:27px}

footer {height:190px}
#footerwrapper div.drittel:nth-of-type(1) {width:250px}
	#footerwrapper div.drittel img {height:50px; margin-right:30px}
#footerwrapper div.drittel:nth-of-type(3) {float:left; text-align:left; margin:30px 0 0 0; width:100%}
#offers ul.offers li {margin:0 30px 0 0; width:330px}
	#offers ul.offers li:nth-child(2) {margin:0 0 0 30px}

#breadcrumbs {display:inherit; visibility:visible}
}

@media only screen and (min-width : 1025px) and (max-width : 1279px) {
div#slider div.home {background:url(../images/header/header_home_m.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.familienhilfe {background:url(../images/header/header_familienhilfe_m.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.spf {background:url(../images/header/header_spf_m.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.gelesen {background:url(../images/header/header_gelesen_m.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
div#slider div.kontakt {background:url(../images/header/header_kontakt_m.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	

div#slider, div#slider div {height:170px}
	.home div#slider, .home div#slider div {height:270px}

div.container, #footerwrapper {width:900px}
footer {min-width:900px}

header {height:120px}
nav#navigation {width:730px}
div#logo {width:140px}
	div#logo a, .familienhilfe div#logo a, .spf div#logo a, .kontakt div#logo a {background-size:140px 83px; height:83px; width:140px}

h1 {font-size:27px}

#footerwrapper div.drittel:nth-of-type(1) {width:250px}
	#footerwrapper div.drittel img {height:50px; margin-right:30px}
#footerwrapper div.drittel:nth-of-type(2) {width:250px; margin:0}
#offers ul.offers li {margin:0 60px 0 0; width:390px}
	#offers ul.offers li:nth-child(2) {margin:0 0 0 60px}
	
#breadcrumbs {display:inherit; visibility:visible}
}

@media only screen and (min-width : 1280px) and (max-width : 1680px) {
div#slider div.home {background:url(../images/header/header_home_m.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
div#slider div.familienhilfe {background:url(../images/header/header_familienhilfe_m.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.spf {background:url(../images/header/header_spf_m.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.gelesen {background:url(../images/header/header_gelesen_m.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
div#slider div.kontakt {background:url(../images/header/header_kontakt_m.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	

div#slider, div#slider div {height:250px}
	.home div#slider, .home div#slider div {height:350px}
}


@media only screen and (min-width : 1681px) and (max-width : 1920px) {
div#slider div.home {background:url(../images/header/header_home.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
div#slider div.familienhilfe {background:url(../images/header/header_familienhilfe.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.spf {background:url(../images/header/header_spf.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.gelesen {background:url(../images/header/header_gelesen.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
div#slider div.kontakt {background:url(../images/header/header_kontakt.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	

div#slider, div#slider div {height:250px}
	.home div#slider, .home div#slider div {height:300px}
}



@media only screen and (min-width : 1921px) and (max-width : 4000px) {
div#slider div.home {background:url(../images/header/header_home.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
div#slider div.familienhilfe {background:url(../images/header/header_familienhilfe.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
div#slider div.spf {background:url(../images/header/header_spf.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
div#slider div.gelesen {background:url(../images/header/header_gelesen.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
div#slider div.kontakt {background:url(../images/header/header_kontakt.png) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}	
}