/**
 * Theme Name:     sicherheitspod
 * Author:         mediacat berlin
 * Template:       penscratch-2
 * Text Domain:	   sicherheitspod
 * Description:    Sicherheitpod-Theme based on Penscratch 2
 */

* html {
    font-size: 100%
}

html {
    font-size: 16px;
    line-height: 1.7em
}

body {
    background-color: #eee;
    font-family: "Roboto Slab",Georgia,Times,serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 27px;
    color: #666
}
h1,h2,h3,h4,h5,h6 {
    color: #666;
    font-family: "Roboto Slab",Georgia,Times,serif
}
h1 {
    font-size: 28px;
    font-weight: 400;
    margin: 27px 0
}

h2 {
    font-size: 20px;
    font-weight: 400;
    margin: 27px 0
}

h3,#respond h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 27px 0
}

h4 {
    font-size: 16px;
    font-weight: 400;
    margin: 27px 0
}

h5 {
    font-size: 16px;
    font-weight: 400;
    margin: 27px 0
}

h6 {
    font-size: 14px;
    font-weight: 400;
    margin: 27px 0
}

hr {
    height: 0;
    margin-top: -1px;
    margin-bottom: 24px;
    padding-top: 24px;
    border: 1px solid #ccc;
    border-width: 0 0 1px;
    clear: both
}
p {
	font-family: "Roboto Slab",Georgia,Times,serif;
    margin-bottom: 27px
}
em{font-style:italic;}
ul {
	margin: 0 0 27px 27px;
	list-style: none;
}
.site-content .gallery a img {
	max-width: 100%!important;
	height: auto;
}
.gallery-caption {
	font-size: .8125em;
	line-height: 2.09231em;
	line-height: 2.09231em;
	max-width: 90%;
	margin: -50px 0 0 0!important;
	color:#ffffff!important;
	font-weight:400!important;
}
/** related posts based on the plugin YARPP used in single.php **/
h3.related{font-size:.85rem!important;}
.related-posts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:1.5em;
    max-width: 1000px;
    margin: 0 auto;
}
.grid-item{
font-size:.85rem;    
 line-height:1.2rem;   
}
.grid-item a, .yarpp-related a{
font-weight:400!important;
text-wrap:balance;	
}
.grid-item a:after, .yarpp-related a:after{
margin-bottom:7px;
font-size:.85em;    
}
.item-title-tag {
    -webkit-text-decoration: none;
    text-decoration: none;
    line-height: 1.5rem;
    font-weight: 500;
}
.item-text{line-height:1.2rem;}
/** END related posts **/
/** Seite: Ueber uns **/
.floatcontainer:first-of-type{margin-top:40px;}
.floatcontainer:last-of-type{clear:both;margin-bottom: 65px;}
.floatcontainer{
min-height:482px;
margin-bottom:40px;	
}
.floatleft{
float:left;
width:45%;	
}

.floatright{
float:right;
width:45%;	
}
.floatright h1{
margin:0 0 27px 0;
}
.floatright:after{clear:both;}
@media only screen and (max-width: 40em) and (min-width: 20em){
.related-posts-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap:1.5em;
    max-width: 1000px;
    margin: 0 auto;
} 	
.is-stacked-on-mobile{
width: 100%;
float: none;
display: block;
margin-top:30px;
}	
floatleft img {
max-width: 96%;
}	
}