/* ----------------------------------------- */ /* Inhalts-Template: loop-item-in-view-blog-overview - Start */ /* ----------------------------------------- */ .blog-item-wrapper { border: 1px solid #ccc; margin:10px auto; } .blog-item-wrapper:hover { box-shadow: 0px 0px 6px 2px #ccc; transition: all 0.3s ease-in-out; } .picture-container { height:160px; width:100%; background-position: top center; background-size: cover; } .blog-item-wrapper a { text-decoration:none; } .blog-item-wrapper h2 { font-size:1.4em; color:#6ccdb3; } .content-container { padding:10px; color:#6e6e6e; } .content-container a:hover { color:red; text-decoration:none; } .headerbox { font-size:10px; background-color:#ccc; width:100%; padding:0 10px 0 10px; color: #fff; } .headerbox .postdate { display: inline-block; display: -webkit-inline-box; } .headerbox .kategorie { float: right; color:#fff; } /* Media */ @media (max-width: 1239px){ .picture-container { height:130px; } } @media (max-width: 1199px){ .picture-container { height:170px; } } @media (max-width: 991px){ .picture-container { height:200px; } } @media (max-width: 767px){ .blog-item-wrapper { margin:25px auto; } } @media (max-width: 479px){ .picture-container { height:120px; } } /* ----------------------------------------- */ /* Inhalts-Template: loop-item-in-view-blog-overview - Ende */ /* ----------------------------------------- */