/*
 <div class="unterseite">
  <div class="U_blog">
   <div class="blog">
   ...
   </div>
  </div>
 </div>
 .unterseite    siehe template.css
 
*/
.U_blog {width: 100%; margin: 0 auto 0 auto; box-sizing: border-box; font-size: 0; background: #eef3e1;}

.blog {
    color: #446c51;
    background: #eef3e1;
    padding: 70px 0 70px 0;
    position: relative;
    text-align: center;
}

.blog .blog-items {display: inline-block;}

/*  kategorie beschreibung */
.blog .category-desc {font-size: 19px; border-bottom: 1px solid #446c51; margin: 0 0 70px 0;}
.blog .category-desc h1 {}
.blog .category-desc p {}
.blog .category-desc strong {}

/* */
.blog .blog-item {display: block; text-align:left; margin:0 15px 50px 15px; opacity:1; transition:2s; float:left; width: 100%; max-width: 300px;
                  border: 1px solid #AAA; box-shadow: 0 0 10px rgba(0,0,0,0.25);}

.blog .blog-item .span12 {float: left; margin: 0 10px 0 10px; padding: 0 0 0 0; border:1px solid #AAA; box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.blog .blog-item  .item-content {width: 100%; max-width: 300px; transition: 1.5s; background:#fff; padding: 0 0 20px 0; font-size: 19px;}

.blog .blog-item  .item-content .article-info {display:none;}
.blog .blog-item  .item-content .page-header {margin:0 0 0 0;}
.blog .blog-item  .item-content .page-header h2 {margin:0; padding:10px 5px; text-align:center; font-weight: 700; font-size: 20px; font-family: 'Kalam', cursive;}
.blog .blog-item  .item-content .page-header h2 a {text-decoration:none; color:#446c51;}

.blog .blog-item   .item-image {overflow: hidden; margin: 0;}
.blog .blog-item   .item-image a {}
.blog .blog-item   .item-image img {width: 100%; transition:2s;}
.blog .blog-item   .item-image img:hover {transform: scale(1.25);}
.blog .blog-item  .item-content p {margin:0 10px 10px 10px; margin: 10px 10px 0px 10px;}
.blog .blog-item  .item-content p.readmore {}
.blog .blog-item  .item-content p.readmore a {text-decoration:underline; color: #446c51;}
.blog .blog-item  .item-content p.readmore a span {}

.blog .blog-item  .item-content ul.tags {display:none;}

/* Blog Seite */
.blogseite {}
.blogseite .article-info {display:none;}
.blogseite .tags {display:none;}
.blogseite .page-header {display:block !important; width: 100%; margin: 0 auto 0 auto; max-width: 990px; box-sizing: border-box;}
.blogseite .page-header h2 {font-family:'Kalam', cursive; font-weight:700; font-size:38px; margin:0; padding:0;}
.blogseite .item-image {display:none;}
.blogseite .item-image img {}
.blogseite div[itemprop="articleBody"] {box-sizing: border-box;
    width:100%; max-width:990px; margin:0 auto 0 auto; font-size: 19px;    
}
/* blog seiten blättern */
.blogseite ul.pager {padding: 0; width: 100%; margin: 0 auto 0 auto;  max-width: 990px; box-sizing: border-box; text-align: center;}
.blogseite ul.pager li {list-style:none; padding:10px 20px; display:inline-block;}
.blogseite ul.pager li a {font-size:19px; text-decoration:none;}
.blogseite ul.pager li a {background: #f7c916; color: #446c51 !important; border-radius: 4px; text-decoration: none !important; margin: 4px 4px 4px 4px; padding: 6px 12px; box-shadow: 2px 2px 4px rgba(0,0,0,0.25); transition: 0.5s;}
.blogseite ul.schlagwoerter li a {background:none; box-shadow:none; text-decoration:underline;}
/* blog seiten elemente */
.blogseite div[itemprop="articleBody"] h1 {color:#446c51;}
.blogseite div[itemprop="articleBody"] h2 {color:#446c51;}
.blogseite div[itemprop="articleBody"] p {font-size:19px;}
.blogseite div[itemprop="articleBody"] img {width: 100%; max-width: 450px; float: right; margin: 0 0 20px 20px; box-shadow: 0px 0px 1px rgba(0,0,0,0.3);border: 1px solid rgba(0,0,0,0.3);}
.blogseite div[itemprop="articleBody"] a {text-decoration:none; color:#446c51;}
.blogseite div[itemprop="articleBody"] a:hover {text-decoration:none;}
.blogseite div[itemprop="articleBody"] iframe {border:none;}
.blogseite div[itemprop="articleBody"] ul {margin:0; padding:0 0 0 18px;}
.blogseite div[itemprop="articleBody"] ul li {margin:0; padding:0;}