/* Home */

#header { height: 400px; }
#lead { display: none; }

#einleitung { display: none; }

#logo { float: none; margin: 0px auto; width: 300px; padding: 120px 0px 0px 0px; }
#logo img { width: auto; }

#content { width: auto; }

.blogartikel { position: relative; padding: 30px 0px; }
.com-content-category-blog__item:nth-child(odd) .blogartikel { margin: 0px; }
.com-content-category-blog__item:nth-child(even) .blogartikel { margin: 0px 20px; }

.blog-bild { margin: 0px 0px 20px 0px; }


.icon { top: 50px; }

.com-content-category-blog__item:nth-child(odd) { background: #ffffff; }
.com-content-category-blog__item:nth-child(even) { background: rgb(0,148,188,.1); }


.com-content-category-blog__item:first-child .blogartikel { padding: 30px 0px 30px 0px !important; font-weight: 600; font-size: 19px; line-height: 170%; }


#container-home { position: relative; margin: -50px 20px 0px 20px; }
#einleitung-home { background: #fec800 url(../images/Icons/einleitung.svg) no-repeat scroll left 20px top 20px; background-size: 60px 60px; padding: 100px 20px 20px 20px; margin: 15px 0px 0px 0px; }
.button-home { background: #0094bc; font-size: 19px; font-weight: 500; color: #00355f; }
.button-home p { margin: 0px 0px 5px 0px; }
.button-home a { color: #ffffff; }

.weiss { color: #ffffff; }
.phone { background: #0094bc url(../images/Icons/phone.svg) no-repeat scroll left 20px top 26px; background-size: 40px 40px; margin: 0px 0px 15px 0px; padding: 20px 20px 15px 80px; }
.mail { background: #0094bc url(../images/Icons/mail.svg) no-repeat scroll left 20px top 26px; background-size: 40px 39px; padding: 20px 20px 15px 80px; }



h1 { color: #00355f; }

#einleitung-home h1 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 25px; line-height: 140%; font-weight: 600; letter-spacing: 0.02em; color: #00355f; text-transform: none; }





@media(min-width:550px)
{
    #container-home { margin: -50px 30px 0px 30px; }
	#logo { width: 400px; padding: 100px 0px 0px 0px; }
	
	
	.com-content-category-blog__item:nth-child(odd) .blogartikel { margin: 0px; }
	.com-content-category-blog__item:nth-child(even) .blogartikel { margin: 0px 30px; }

	.blog-bild { margin: 0px 0px 30px 0px; }

    .icon { right: 30px; top: 60px; }
}




@media(min-width:750px)
{
    #container-home { width: 600px; margin: -100px auto 0px; }
	#logo { width: 400px; padding: 70px 0px 0px 0px; }

	#einleitung-home { float: left; width: 475px; margin: 0px; }
	#buttons-home { position: absolute; bottom: 0; right: 0; }

    .mobilehide { display: none; }
	.phone { background: #0094bc url(../images/Icons/phone.svg) no-repeat scroll center center; background-size: 40px 40px; width: 70px; height: 70px; padding: 0px; }
	.mail { background: #0094bc url(../images/Icons/mail.svg) no-repeat scroll center center; background-size: 40px 39px; width: 70px; height: 70px; padding: 0px; }


	.blogartikel { width: 600px; padding: 60px 0px; }
	.com-content-category-blog__item:nth-child(odd) .blogartikel { margin: 0px auto; }
	.com-content-category-blog__item:nth-child(even) .blogartikel { margin: 0px auto; }

    .icon { width: 80px; height: 50px; right: 30px; top: 90px; }
    .icon img { height: 50px; }
}




@media(min-width:1050px)
{
    #header { height: 600px; }
    
	#container-home { width: 700px; margin: -200px auto 0px; }
    #logo { width: 500px; padding: 100px 0px 0px 0px; }

    #balken { position: absolute; top: 0; width: 900px; margin: 200px 0px 0px -450px; left: 50%; height: 79px; background: url(../images/balken.svg) no-repeat scroll 0 0; background-size: 56px 79px; }

    #text { padding: 50px 0px 0px 0px }
    #einleitung-home { background: #fec800 url(../images/Icons/einleitung.svg) no-repeat scroll left 30px top 40px; background-size: 80px 80px; padding: 40px 30px 40px 140px; width: 445px; }
	.mobilehide { display: none; }

	.blogartikel { width: 900px; }
    .blog-bild { width: 450px; margin: 0px; }
    .blog-text { width: 350px; }

    .icon { left: 50%; margin: 0px 0px 0px -40px; }

	.com-content-category-blog__item:first-child .blog-bild { width: 350px; }
	.com-content-category-blog__item:first-child .blog-text { width: 450px; }
    
    
	.com-content-category-blog__item:first-child .blogartikel { padding: 50px 0px 100px 0px !important; }
    .com-content-category-blog__item:last-child .blogartikel { padding: 50px 0px 300px 0px !important; }
	
    .com-content-category-blog__item:nth-child(odd) .icon { top: 150px; }
    .com-content-category-blog__item:nth-child(even) .icon { top: 100px; }
    
    .com-content-category-blog__item:nth-child(odd) .blogartikel { padding: 100px 0px; }
    .com-content-category-blog__item:nth-child(even) .blogartikel { padding: 50px 0px; }
    
    
    .com-content-category-blog__item:nth-child(odd) .blog-bild { float: right; }
    .com-content-category-blog__item:nth-child(even) .blog-bild { float: left; }

    .com-content-category-blog__item:nth-child(odd) .blog-text { float: left; }
    .com-content-category-blog__item:nth-child(even) .blog-text { float: right; }
}



@media(min-width:1350px)
{   
    #icons { display: block; position: absolute; z-index: 99999; left: 50px; top: 110px; }
    #header { height: 800px; }

    #logo { width: 680px; padding: 180px 0px 0px 0px; }
	#balken { width: 1200px; margin: 179px 0px 0px -600px; }

	#container-home { width: 970px; margin: -179px auto 0px; }
	
	.com-content-category-blog__item:first-child .blog-bild { width: 450px; }
	.com-content-category-blog__item:first-child .blog-text { width: 600px; }

    .com-content-category-blog__item:last-child .blogartikel { padding: 50px 0px 300px 0px !important; }
    
	#einleitung-home { float: left; width: 430px; }
	#buttons-home { position: absolute; bottom: 0; right: 0; width: 340px; }
	.mobilehide { display: block; }	

	.phone { background: #0094bc url(../images/Icons/phone.svg) no-repeat scroll left 20px top 26px; background-size: 40px 40px; padding: 20px 20px 15px 80px; width: auto; height: 66px; }
	.mail { background: #0094bc url(../images/Icons/mail.svg) no-repeat scroll left 20px top 26px; background-size: 40px 39px; padding: 20px 20px 15px 80px; width: auto; height: 65px; }
	
	
	.blogartikel { width: 1200px; }
    .blog-bild { width: 600px; }
    .blog-text { width: 450px; }

    h1 { font-size: 48px; }
}



@media(min-width:1650px)
{
	#balken { margin: 179px 0px 0px -750px; }
	
	#container-home { width: 1250px; }
	#einleitung-home { width: 710px; }
	
	#text { padding: 100px 0px 0px 0px; }
    
    
	.com-content-category-blog__item:first-child .blog-bild { width: 600px; }
	.com-content-category-blog__item:first-child .blog-text { width: 750px; }
	
    .blogartikel { width: 1500px; }
    .blog-bild { width: 750px; }
    .blog-text { width: 600px; }

	#einleitung-home h1 { font-size: 32px; }
}