/* Home for Schiesser Architektur © */

#showbox { height: 100%; }
#einleitung-mobile { display: block; padding: 40px 20px 0px 20px; }
.newsflash { margin-bottom: 0px; }


#kontaktangaben { width: 100%; box-sizing: border-box; padding: 0px 20px 10px 20px; }
#kontaktangaben a { color: #ffffff; }
.telefon { background: url(../images/telefon.png) no-repeat scroll 0 5px; background-size: 15px 15px; padding: 0px 0px 0px 30px; }
.email { background: url(../images/email-negativ.png) no-repeat scroll 0 6px; background-size: 15px 12px; padding: 0px 0px 0px 30px; }

#lead { font-size: 15px; }

.hometeaser { background: #000000; }

#content { width: auto; padding: 0px; }

.com-content-category-blog__items { padding: 0px 0px 50px 0px; }
.blog-item:first-child .item-content { padding: 50px 0px; }
.blog-item:first-child { padding: 50px 0px 0px 0px; }

h1 { margin: 0px 0px 20px 0px; }


.items-leading { display: inherit}


.teaserbild p { margin: 0px; }
.hometeaser .wf-columns { margin-bottom: 50px; }
.hometeaser .wf-columns:last-child { margin-bottom: 0px; }
.wf-columns { gap: 30px; }

.hometeaser .button { padding: 14px 20px 10px 20px; }





@media(min-width:500px)
{
    #einleitung-mobile { padding: 40px 30px 0px 30px; }
}


@media(min-width:800px)
{
    #container-lead { flex-direction: column; flex-wrap: inherit; justify-content: end; }
    #lead { padding: 30px 30px 0px 30px; }
    #leadtext { padding: 0px 30px 30px 30px; }
    #einleitung-mobile { display: none; }

    #kontaktangaben { padding: 0px 30px 20px 30px; }
    .kontaktangaben { display: flex; flex-wrap: wrap; gap: 50px; }

}



@media(min-width:1000px)
{
    #lead { padding: 50px 50px 0px 50px; font-size: 19px; line-height: 170%; }
    #leadtext { padding: 0px 50px 50px 50px; }

    #kontaktangaben { padding: 0px 50px 40px 50px; }
    .kontaktangaben { gap: 80px; }

    .com-content-category-blog__items { width: auto; padding: 0px 0px 70px 0px; }
    .item-content { margin: 0px auto; width: 900px; }
    .blog-item:first-child { padding: 100px 0px 0px 0px; }

    .blog-item:first-child .item-content { padding: 0px; }
    .hometeaser { padding: 70px 50px 70px 0px; margin: 0px 180px 0px 0px; }

    .newsflash { grid-template-columns: 1fr 1fr 1fr; margin-bottom: 30px; }

    #kontaktangaben { font-size: 19px; }
    .blog-item { padding: 100px 0px 0px 0px; }
    .wf-columns { gap: 50px; }


    .blog-item:nth-child(2) { background: url(../images/background.jpg) no-repeat scroll right center; }
}


@media(min-width:1250px)
{
    .com-content-category-blog__items { width: auto; }
    .item-content { width: 1100px; }


    .hometeaser { padding: 120px 150px 120px 0px; margin: 0px 180px 0px 0px; }
    .hometeaser .button { padding: 14px 40px 10px 40px; }

}


@media(min-width:1400px)
{
    #lead { padding: 80px 80px 0px 80px; }
    #leadtext { padding: 0px 80px 60px 80px; }
    #kontaktangaben { padding: 0px 80px 60px 80px; }
 
    
    .com-content-category-blog__items { width: auto; padding: 0px 0px 120px 0px; }
    .blog-item:nth-child(2) .item-content { padding: 0px; }

    .hometeaser { padding: 120px 150px 120px 0px; margin: 0px 180px 0px 0px; }
    .item-content { width: 1300px; }
}


@media(min-width:1500px)
{
    #leadtext .mitgliedschaft { width: 50%; }
}