/*----------------------------------------------------------------------------------------------------*\
	C O N T E N T (also included as editor-css)

		typography
		space between
		images and captions
		gallery
\*----------------------------------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------------------------------*\
	typography
\*----------------------------------------------------------------------------------------------------*/


body {
	font-family: "Roboto", Verdana, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
}

/* bold elements */
article a,
h1,
h2,
h3,
h4,
h5,
h6,
dt,
strong {
	font-weight: 400;
}


/* italic elements */
blockquote,
cite, 
em, 
i { 
	font-style: italic; 
}


h1,
h2,
h3,
h4,
h5,
h6 { 
	letter-spacing: 0.1em;
	}


article ul li:before { 
/*	content: "\203A"; */
	content: "\00B7";
	display: block;
	height: 0;
	width: 0;
	left: -0.75em;
	position: relative;
	}





/*----------------------------------------------------------------------------------------------------*\
	space between
\*----------------------------------------------------------------------------------------------------*/


h1,
h2 {
	font-size: 2em;
	line-height: 1.5em; /* = 3rem */
	margin: 0 0 0.375em 0;
	}
h3,
h4 {
	font-size: 1.25em;
	line-height: 1.2em;
	margin: 0 0 0.375rem 0;
	}
h5, 
h6 {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 0.15rem 0;
	}


/* h2, h4, h6 { margin-bottom: 0; } */


p,
address { 
	margin: 0 0 1.5em 0; 
	}


dl { margin: 0 1.5em; }
dd { margin-bottom: 1.5em; }


blockquote { margin: 1.5em; }


ul,
ol { 
	margin: 0 0 1.5em 0.75em; 
	padding: 0; 
	}
ul ul, 
ol ol, 
ul ol, 
ol ul { 
	margin-bottom: 0; 
	}
hr {
	clear: both;
}





/*----------------------------------------------------------------------------------------------------*\
	images and captions
\*----------------------------------------------------------------------------------------------------*/


article img,
.comment-content img,
.widget img {
	display: block;
	max-width: 100%; /* Fluid images for posts, pages, comments and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
embed,
iframe,
object,
video {
	max-width: 100%; /* Make sure videos and embeds fit their containers */
}


.alignleft {
	float: left;
	margin-right: 1.5em;
}
.alignright {
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* all images */
article img { margin-bottom: 1.5em; } /* same margin like <p> */


/* images in gallery */
.gallery img { margin-bottom: 0; }


/* images with caption */
.wp-caption img { margin-bottom: 0; }


/* image caption */
.wp-caption {
	margin-bottom: 1.5em; /* same margin like <p> */
	max-width: 100%;
	clear: both;
}
.wp-caption-text {
	display: block;
	clear: both;
	width: 100%;
	font-size: 0.75em;
	line-height: 2em;
	margin: 0;
}


/* max-width for smaller images */
.wp-caption.size-medium,
p .size-medium { 
	max-width: 50%;
	}
.wp-caption.size-thumbnail,
p .size-thumbnail { 
	max-width: 33%; 
	}
.listed img[size="size-thumbnail"] { max-width: 33%; }

/* Bildumfluss: alle floatings clearen, Textumfluss findet nur innerhalb eines elementes (p) statt */
/*
.content > * {
	clear: both;
}
*/

/* Bildumfluss: Sonderfalle – bei Bildern mit caption (stehen ausserhalb eines Absatzes) floated das folgende Element */
/*
.content > .alignleft + *,
.content > .alignright + * {
	clear: none;
}
*/





/*----------------------------------------------------------------------------------------------------*\
	gallery
\*----------------------------------------------------------------------------------------------------*/


/* wp-gallery - default wp-gallery-style ist disabled by functions.php */

.gallery dl.gallery-item {
	display: block;
	float: left; 
	}
.gallery dl.gallery-item + br { display: none; } /* disable breaks from wp */