/*
Theme Name: dms15
Theme URI: http://underscores.me/
Author: Dominik M. Schwarz
Author URI: https://www.dominik-schwarz.net
Description: »J’ai fait quatre mille kilomètres pour venir ici.«
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dms15
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

dms15 is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
	## TOC
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Images
	## Asides
	## Comments
	## Social Buttons
# Footer
# Infinite scroll
# Media
	## Captions
	## Galleries
# @media screen and (min-width: 650px) and (max-width: 900px) {	
# @media screen and (min-width: 900px)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	color:#3f3f3f;
	font-family: 'Source Sans Pro', sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

a:not( [href*='dominik-schwarz.net'] ):not( [href^='#'] ):not( [href^=''] ):not( [href^='/'] ):after {
    font-family: 'FontAwesome';
    content: " \f08e";
    font-size: 87%;
    font-weight: normal;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #fcfa7b;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/* clear: both; Auskommentiert, da sonst keine umfließenden Boxen möglich sind */
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
	font-style: italic;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#site-navigation {
	display: block; 
	width:100%; 
	margin: auto; 
	position: absolute; 
	top:1em; 
	z-index: 999; 
	text-align: left;
}
#site-navigationWrapper {
	background-color:#ffffff;
	border-radius: 3px;
	max-width:625px;
	margin: auto;
	box-shadow: 1px 2px 17px -8px #252525;
	padding: 0.7em 0 0.7em 0;
}
#site-navigationHome {
	display: inline-block;
	font-weight: bold;
	margin:0 1em 0 1em;
}
#site-navigationHome a:link, #site-navigationHome a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}
#site-navigationHome a:hover, #site-navigationHome a:active {
	color: #fedd43;
	text-decoration: none;
	border-bottom: 2px solid #fedd43;
}
.menu-sitewidenav-container {
	display: inline-block;
	text-align: right;
	float: right;
}
.nav-menu {
	display: inline-block;
}

.nav-menu li {
	display: inline-block;
	margin-right:1em;
}
.nav-menu a:link, .nav-menu a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}
.nav-menu a:hover, .nav-menu a:active {
	color: #454545;
	text-decoration: none;
	border-bottom: 2px solid #454545;
}
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
	float: right;
	margin: 0 1em 0 0;
	background-color: #ffffff;
}
.main-navigation.toggled .menu-sitewidenav-container {
	width:100%;
	margin-top: 0.5em;
}
.main-navigation.toggled ul {
	display: block;
	float: right;
	margin: 0;
	width:100%;
	border-bottom: 1px solid #dddddd;
}
.main-navigation.toggled li {
	display: block;
	border-top: 1px solid #dddddd;

	float: right;
	width:100%;
	line-height:3em;
	padding: 0;
	margin: 0;
	text-align: center;
}
.main-navigation.toggled li a:hover {
	border-bottom: 2px solid transparent;
	background-color: #f5f5f5;
}

@media screen and (min-width: 650px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 auto 1.5em;
	overflow: hidden;
	max-width: 625px;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* Navigation for next/prev on /blog/article */

.post-navigation {
    padding:1.5em;
    background-color: #eeeeee;
    max-width: 100%;
    width: 100%;
}
.post-navigation a:link, .post-navigation a:visited {
    color: #337ab7;
}
.post-navigation a:hover {
    text-decoration: underline;
}
.post-navigation a::before {
    font-family: monospace;
    font-size: 4em;
    height: 50px;
    line-height: 1rem;
    position: absolute;
    top: 2px;
    width: 50px;
}
.nav-previous a:before {
    content: "«";
    left: -50px;
}
.post-navigation a {
    display: inline;
    max-width: 50%;
    position: relative;
    text-decoration: none;
}
.nav-previous {
    float: left;
    padding: 0 0 0 50px;
    text-align: left;
}
.nav-previous a:link {
    display: inline;
}
.nav-next a:before {
    content: "»";
    right: -50px;
}
.nav-next {
    float: right;
    padding: 0 50px 0 0;
    text-align: right;
}


/* Navigation for next/prev on /blog start page */

.posts-navigation {
    padding:1.5em;
    background-color: #eeeeee;
    max-width: 100%;
    width: 100%;
}
.posts-navigation a:link, .posts-navigation a:visited {
    color: #337ab7;
}
.posts-navigation a {
    display: inline;
    max-width: 50%;
    position: relative;
    text-decoration: none;
}
.posts-navigation a:hover {
    text-decoration: underline;
}
.posts-navigation a::before {
    font-family: monospace;
    font-size: 4em;
    height: 50px;
    line-height: 1rem;
    position: absolute;
    top: 2px;
    width: 50px;
}



/*--------------------------------------------------------------
# TOC
--------------------------------------------------------------*/

#toc_container {
	background-color: #f9f7df;
    color: #4f4d40;
    float: right;
    margin: 1em 10% 1em 2em;
    padding: 0 0 0.5em 0;
    text-align: left;
}
#toc_container h2, #toc_container p, .toc_title {
    margin: 0;
    padding: 0.5em 1em 0.5em 24px;
    font-size: 32px;
    line-height: 48px;
    font-weight: bold;
}
#toc_container ul {
	padding: 0 24px 0 24px;
	margin: 0;
	list-style-position: inside;
	counter-reset: item;
	width: 100%;
}
#toc_container li {
	line-height: 1.5em;
	list-style-type: inherit;
	font-weight: normal;
	color:#818181;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	width:100%;
	 
}
#toc_container li:before {
	content: counters(item, ".") " ";
	counter-increment: item;
	padding-right: 0.3em;
}
#toc_container a:link, #toc_container a:visited {
	color: #ae9d2b;
}
#toc_container a:hover {
	text-decoration: underline;
}
#articleIndexReadingtime {
	background-color: #e4f0d9;
    border-top: 1px solid #ddd;
    bottom: 0;
    color: green;
    font-size: 0.8em;
    line-height: 1.5em;
    margin: 1em 0 0 0;
    padding: 0.5em 1em 1em 24px;
}

/* Blog: Next/Prev Article */







/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}


#secondary {
	background-color: red;
	clear: both;
}
#recent-comments-2, #recent-posts-2, #archives-2, #categories-2 {
	width:25%;
	float: left;
	background-color: #eeeeee;
}
#recent-comments-2 ul, #recent-posts-2 ul, #archives-2 ul, #categories-2 ul{
	padding: 0 0 0 1em;
	margin: 0;
	list-style: inside none none;
}
#recent-comments-2 li, #recent-posts-2 li, #archives-2 li, #categories-2 li {
	width:90%;
}
.widget-title {
	font-size: 1em;
	padding: 0 0 0 1em;
}
.recentcomments, #recent-posts-2 ul li  {
	margin-bottom: 1.5em;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/* Blog Startseite: Metadaten (Kategorie/Kommentare/Datum) ausblenden */

.blog .entry-footer, .blog .entry-meta {
	display: none;
}

.blog .post {
	margin-bottom: 6em;
	/* border-bottom: 1px solid #eee; */
}


/* Blogartikelseite: Kategoriezuordnung ausblenden */

.cat-links, .byline, .tags-links {
	display: none !important;
}

.more-link {
    clear: both;
    display: block;
    margin: 1em 0 0;
}


/* Metaangaben auf den Archivseiten deaktivieren */
.archive .entry-meta, .archive .entry-footer {
	display: none;
}

/* Auf der Blogstartseite sollen die h1, die einen Artikel einleiten nicht angezeigt werden */
.blog .entry-content h2 {
	display: none;
}

/* Category Page: Artikelliste */

.category-page {
    margin: 0 auto 3em;
    overflow: auto;
    padding: 0;
    text-align: left;
    width: 80%;
}
.child-thumb {
    border: 0 none;
    float: left;
    margin: 0 0 3em 0;
    padding: 0 0.75em;
    text-align: left;
    vertical-align: top;
    width: 50%;
}
.child-thumb img {
	width: 100%;
}
.child-thumb h2 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



/*--------------------------------------------------------------
# Pages (Long Reads) Picture Header
--------------------------------------------------------------*/

/* large article image */
#contentHeader {
	max-width: 100%;
	margin:0 0 3em 0;
	padding:0;
	min-height: 700px;
	max-height: 700px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	background-color: #337ab8;
}

/* main article headline */
#contentHeader h1 {
	text-shadow: 1px 1px 1px #000; 
	font-size: 5em; 
	color: #fff; 
	max-width: 625px;
	margin:0 auto 0 auto;
	padding: 0 0.4em;
	line-height: 1.1em;
	text-align: center;
}
#contentHeader p {
	text-shadow: 1px 1px 1px #000; 
	font-size: 2em; 
	color: #fff; 
	padding: 2em auto 2em auto;
	margin: 0 auto;
	font-style: italic;
	text-align: center;
	max-width: 625px;
	font-weight: 100;
}
#headlineBox {
	position: absolute;
	bottom: 2em;
	left:auto;
	width: 100%;
}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-content a:link,  .entry-content a:visited, .entry-title a:link,  .entry-title a:visited, .entry-footer a:link,  .entry-footer a:visited, .entry-meta a:link,  .entry-meta a:visited, .comment-list a:link, .comment-list a:visited, .child-thumb  a:link, .child-thumb  a:visited {
	color:#337ab8;
	text-decoration: none;
}
.entry-content a:hover, .entry-title a:hover, .entry-footer a:hover, .entry-meta a:hover, .comment-list a:hover, .child-thumb  a:hover {
	text-decoration: underline;
}


.entry-content p {
	width: 100%;
	max-width: 625px; 
	text-align: left; 
	margin: 0  auto 1.5em auto; 
}
.entry-content h1 {
	margin: 1em auto 0.5em auto;
	text-align: left;
	max-width: 625px; 
	font-size: 2em;
}
.entry-content h2 {
	margin: 1em auto 0.5em auto;
	text-align: left;
	max-width: 625px; 
	font-size: 2em;
}
.entry-content h3 {
	margin: 1em auto 0.5em auto;
	text-align: left;
	max-width: 625px; 
	font-weight: bold;
	font-size: 1.3em;
}
.entry-content ul {
	width: 100%;
	max-width: 625px; 
	text-align: left; 
	margin: auto;
	padding: 0 0 0 1em;
}
.entry-content ul li {
	list-style: square;
	margin-bottom: 1.5em;
}
.entry-content ol {
	width: 100%;
	max-width: 625px; 
	text-align: left; 
	margin: auto;
	padding: 0 0 0 1.5em;
}
.entry-content ol li {
	margin-bottom: 1.5em;
}
.entry-header {
    margin: 1.5em auto 0;
    max-width: 625px;
}
.entry-footer {
    background-color: #fbfbfb;
    padding:1.5em;
    margin: 1.5em auto 0;
    max-width: 625px;
}
.entry-content .entry-meta {
}
.entry-content .entry-meta a:link, .entry-content .entry-meta a:visited {
    color:#aaa;
}

.review {
	margin:0 auto 3em auto;
	max-width:625px;
	padding: 1.5em;
	background-color: #f7f7f7;
	font-size: 1.25em;
}

.review footer {
	margin:0 auto 0 1.5em;
	font-size: 0.75em;
}
.review cite {
	font-style: normal;
	font-size: 0.75em;
}


/*--------------------------------------------------------------
## Maps
--------------------------------------------------------------*/
a[name*="marker"] { 
	display: none; 
}
#wpgmza_map_1, #wpgmza_map_2, #wpgmza_map_3, #wpgmza_map_4 {
	margin:0 auto 3em auto;
	float: none !important;
}
#wpgmza_marker_holder_2 {
	width: 90%;
	max-width:625px;
	background-color: #efefef;
	margin:0 auto 0 auto;
}
#wpgmza_table_2 {
	width: 100% !important;
}
.wpgmza_table_title {
	font-weight: bold;
}
#wpgmza_table_2_length, #wpgmza_table_2_processing, #wpgmza_table_2_filter, #wpgmza_table_2_info, #wpgmza_table_2_paginate {
	display: none;
}
.table.dataTable.no-footer {
	border-bottom: 0 !important;
}

/*--------------------------------------------------------------
## Images
--------------------------------------------------------------*/

/* Hiding the placeholder for no-script users */
	
.lazy-hidden { 
	display: none;
}

/* Picture that fits perfectly into the main column */

.inlineImage {
    margin: 0 auto 2em;
    max-width: 100%;
    padding: 0;
}
.inlineImage img {
	width: 100%; 
	max-width: 100%; 
	margin:0; 
	padding:0; 
	text-align: right;
	vertical-align: bottom;
}
.inlineImageFullwidth {
	width: 100%;
	margin: 0px auto;
}
.inlineImageBackgroundcolor {
	width: 100%;
	margin: 0px auto;
	background-color: #fafafa;
}
.inlineImageBackgroundcolor div {
	width: 625px;
	margin: 0px auto;
}
.inlineImage figcaption {
	color: #818181;
    font-family: serif;
    font-style: italic;
    margin: 0.5em auto;
    padding: 0;
    text-align: left;
    width: 625px;
}

/* Picture that is larger than the main column */

.inlineImageXL {
	max-width: 80%;
	min-width: 625px;
	margin: 5em auto;
	padding:0;
}
.inlineImageXL img {
	width: 100%;
	height:auto;
	margin:0; 
	padding:0;
}
.inlineImageXL figcaption {
	 text-align: left;
	 color:#818181;
	 font-style: italic;
	 font-family: serif;
	 margin:0.5em auto 0 auto; 
	 padding:0;
	 width: 625px;
}


.asideRightImage {
    float: right;
    margin: 0 10% 1.5em 1.5em;
    max-width: 450px;
    padding: 0;
}
.asideRightImage img {
	width: 100%;
	height:auto;
	margin:0; 
	padding:0;
}
.asideRightImage figcaption {
	 text-align: left;
	 color:#818181;
	 font-style: italic;
	 font-family: serif;
	 margin:0.5em auto 0 auto; 
	 padding:0;
	 max-width: 625px;
}


.screenshot img {
	border: 2px solid #eee;
	box-shadow: 1px 2px 17px -15px #252525;
	border-top:2em solid #eeeeee;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/* Yellow Note on the right */

.articleSidebarNote {
    background-color: #fffbef;
    color: #a9996d;
    float: right;
    margin: 19px 10% 1em 1em;
    min-width: 310px;
    padding: 1em;
    width: 30%;
}
.articleSidebarNote p {
	padding: 0 !important;
	line-height: 1,25em;
}	

/* Green Quote on the right */

.articleSidebarQuote {
	background-color: #f6fdf6; 
	float: right; 
	margin: 1em 10% 1em 1em; 
	text-align: left;
	color: #89998d;
	padding: 0;
	width: 30%;
	min-width: 310px
}
.articleSidebarQuote blockquote {
	font-size: 1.5em;
    line-height: 1.25em;
    margin: 0;
    padding: 0 1em 1em;
    quotes: initial;
}
.articleSidebarQuote blockquote p {
	margin:0;
}	
.articleSidebarQuote blockquote:before {	
	content: open-quote;
    display: block;
    font-size: 700%;
    height: 1px;
    margin-left: -0.55em;
    padding: 0.3em 0 0 0.3em;
    position: relative;
    color: #ccdcd0;
}
.articleSidebarQuote  footer {
	padding: 1em 0 0 0;
	font-style: italic;
	font-size: 0.6em;
}

/*--------------------------------------------------------------
## Page Specifics
--------------------------------------------------------------*/

.page-template-page-dprk2013 #colophon {
	display: none;
}

.page-template-page-dprk2013 .counter a:not([href*="dominik-schwarz.net"]):not([href^="#"]):not([href^=""]):not([href^="/"])::after, .page-template-page-dprk2013 .quality a:not([href*="dominik-schwarz.net"]):not([href^="#"]):not([href^=""]):not([href^="/"])::after {
    content: "";
}


.page-template-page-dprk2013 *, *::before, *::after {
	box-sizing: unset;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
#comments {
	margin: auto;
}
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}


/* Code Import von Schneyra */

.comments-title{
	margin:0 auto 1em auto;
	max-width: 625px;
	padding:0;
}
#cancel-comment-reply-link {
	display:block
}
.comment-metadata, .comment-notes, .form-allowed-tags {
	display: none;
}
.comment-list{
	padding:0;
	margin: 0 auto 0 auto;
	max-width: 625px;
	list-style: none;	
}
.content-wrapper .comment-list{list-style:none}

.comment-list .comment {
	border-bottom: 1px solid #ececec;
	margin-bottom: 2em;
}
.pingback {
    border-bottom: 1px solid #ececec;
    margin-bottom: 2em;
    padding-bottom: 2em;
}

.comment-list .says,
.comment-list .comment-metadata{display:none}

.comment-list .children{list-style:none;margin:1em 0 0
50px}

.avatar{display:inline-block;float:left;margin:0 16px 0 0}

.comment-author{height:30px}

.comment-author
.url{text-decoration:none}

.comment-body{margin-bottom:0}

.comment-content {
	margin:0 0 0 50px
}
@media screen and (max-width: 650px) {
	.comment-content {
		margin:0;
	}
}

.reply{font-size:0.9rem;text-align:right;-moz-transition:all 0.2s linear;-o-transition:all 0.2s
linear;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}@media (min-width:
800px){.reply{opacity:0}

.comment-body:hover>.reply{opacity:1}}

.comment-respond{margin:50px auto;max-width:625px;padding:0}

.comment-notes{color:#666;font-size:0.9rem;margin:1em 0
0;text-align:center}

.comment-form-author,.comment-form-email,.comment-form-url{float:left;margin:1em 0
.5em;width:100%}

@media (min-width:
800px){
	.comment-form-author,.comment-form-email,.comment-form-url{width:32%}
}
	
	.comment-form-author input,.comment-form-email
input,.comment-form-url input{width:100%}

@media (min-width:
800px){
	.comment-form-email{margin-left:2%;margin-right:2%}
}

.comment-form-comment{clear:both;margin:0 0
1em}

.comment-form-comment label{display:none}#comment{width:100%}

.form-submit {
	text-align:right;
    float: right;
}

.cleverreach-checkbox-comments {
    float: left;
    width: 50%;
}
@media screen and (max-width: 650px) {
	.cleverreach-checkbox-comments {
    float: left;
    width: 100%;
	}
}



/*--------------------------------------------------------------
## Social Buttons
--------------------------------------------------------------*/

#socialbox h3 {
	text-align: center;
	margin-top: 3em;
}
#socialbox ul {
  	margin: 0 auto 3em auto;
    max-width: 90%;
    padding: 0;
    text-align: center;
}
.social-sharing {
    list-style: none;
}
.social-sharing li {
    display: inline-block;
    text-align: left;
}
.social-button {
    border-radius: 3px;
    display: block;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.1em;
    margin: 0 10px 10px 0;
    padding: 5px;
    text-decoration: none;
}
.social-button span {
    display: block;
    font-weight: normal;
}
.social-sharing .facebook {
    border: 1px solid #3B5998;
    color: #3B5998;
}
.social-sharing .facebook:hover {
    border: 1px solid #082665;
    color: #082665;
    background-color: #f8f9fc;
}
.social-sharing .twitter {
    border: 1px solid #4099FF;
    color: #4099FF;
}
.social-sharing .twitter:hover {
    border: 1px solid #0D66CC;
    color: #0D66CC;
    background-color: #f5faff;
}
.social-sharing .googleplus {
    border: 1px solid #D84B37;
    color: #D84B37;
}
.social-sharing .googleplus:hover {
    border: 1px solid #A51804;
    color: #A51804;
    background-color: #fdf7f6;
}
.social-sharing .pinterest {
    border: 1px solid #cb2027;
    color: #cb2027;
}
.social-sharing .pinterest:hover {
    border: 1px solid #980000;
    color: #980000;
    background-color: #fef6f6;
}
.social-sharing .linkedin {
    border: 1px solid #0976b4;
    color: #0976b4;
}
.social-sharing .linkedin:hover {
    border: 1px solid #004381;
    color: #004381;
    background-color: #f5fbfe;
}
.social-sharing .tumblr {
    border: 1px solid #35465c;
    color: #35465c;
}
.social-sharing .tumblr:hover {
    border: 1px solid #35465C;
    color: #35465C;
    background-color: #f9fafb;
}
.social-sharing .xing {
    border: 1px solid #026466;
    color: #026466;
}
.social-sharing .xing:hover {
    border: 1px solid #003133;
    color: #003133;
    background-color: #f5ffff;
}
.social-sharing .whatsapp {
    border: 1px solid #4dc247;
    color: #4dc247;
}
.social-sharing .whatsapp:hover {
    border: 1px solid #1A8F14;
    color: #1A8F14;
    background-color: #f8fcf7;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footnotesBox {
    background-color: #f7f7f7;
    border-bottom: 1px dashed #bbb;
    border-top: 1px dashed #bbb;
    padding: 1.5em 0;
}
.footnotesBox h2 {
    margin: 0 auto;
}   
.footnotesBox li:target {
	background-color: #fff9c0;
}
.footnotesBox a:link, .footnotesBox a:visited {
	color: #333333;
	font-weight: bold;
    text-decoration: underline;
}
.footnotesBox a:hover {
	text-decoration: none;
	color: #aaaaaa;
}
.footnotes {
	font-size: 0.8em;
	max-width:625px;
	padding:0 !important;
	margin: 0 auto 0.5em auto;
	list-style:inside  decimal;
}
.footnotes li {
	list-style: inherit;
	margin:0;
	padding: 1em 0 1em 0;
	border-bottom: 1px solid #dddddd;
}
.footnotesBacklink {
	display: inline-block;
    background-color: #dbdbdb;
    border-radius: 4px;
    font-weight: bold;
    padding: 0.1em 0.3em;
    margin: 0 0 0 0.3em;
    text-decoration: none !important;
}
.footnotesBacklink:hover {
	background-color: #cccccc;
}
#colophon {
	background-color: #434343;
	color: #afafaf;
    font-size: 1em;
    padding: 1em 10% 1em 10%;
    margin: 0;
}
#colophon a:link, #colophon a:visited {
    color: #f3f3f3;
    text-decoration: underline;
}
#colophon a:hover {
    text-decoration: none;
}
#colophon #breadcrumbs {
	float:left;
}
#colophoncontact {
	text-align: right;
}

/* Related Articles */

#relatedContent {
	font-size: 1em;
	max-width: 625px;
	width: 100%;
	max-width: 625px; 
	text-align: left; 
	line-height:1.5em;
	padding: 0  1em 1em 1em; 
	margin: 0 auto;
}
#relatedContent header { 
	margin-bottom: 1em;
}
#relatedContent h1 {
	padding: 2em  1em 0.4em 0; 
	text-align: left;
	margin: auto;
	font-size: 2em;
}
.previewPicture {
	margin:0 0.5em 0 0; 
	padding:0;
	display: inline-block; 
	width:45%
}
.previewBox .previewPicture img {
	max-width: 100%; 
	margin:0; 
	padding:0; 
	text-align: right;
	vertical-align: bottom;
}
.previewBox {
	display: inline-block;
	margin:0 0 2em 0;
	border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}
.previewBox h2 {
	margin:1em 0 0.4em 0;
}
.previewBox h2 a:link, .previewBox h2 a:visited {
	color:#333;
	text-decoration: none;
}
.previewBox h2 a:hover {
	color:#aaa;
	text-decoration: underline;
}
#relatedContentHead {
	margin:0 0 2em 0;
}
.previewBox p {
	margin:0 0 0 0;
}
.previewBoxText {
	display: inline-block;
	width:49%;
	vertical-align: top;
	margin:0 0 0 1em;
}

.widget_search {
	float: left;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## screens between smaller than 650px
--------------------------------------------------------------*/
/* max-width */
@media screen and (max-width: 650px) {
	#contentHeader {
		min-height: 455px;
		max-height: 454px;
	}
	#contentHeader h1 {
		width:90%;
		font-size: 2.5em;
		padding:0;
	}
	#contentHeader p {
		font-size: 1.5em;
		width:90%;
	}	
	#site-navigationWrapper {
		width:90%;
		font-size:1.25em;
	}
	#site-navigationWrapper button {
		padding: 0.25em 0.5em;
		font-size: 1em;
	}
	#toc_container {
		width: 90%;
		margin: auto;
		float: none;
	}
	#toc_container li {
		line-height: 2em;
	}	
	.entry-content p, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content ul, .entry-content ol {
		width: 90%;
	}
	.entry-title {
		width: 90%;
		margin: 0 auto 0 auto;
	}
	.articleSidebarQuote, .articleSidebarNote {
		width: 90%;
		float: none;
		margin: auto;
	}
	sup, sub {
		font-size: 1em;
		top: auto;
		padding: 0.2em;
	}
	.footnotes {
		width: 100%;
		font-size: 1em;
	}
	.footnotes li {
		padding:1em 0 1em 0;
	}
	.footnotesBacklink {
		margin: 1em 0 0.5em 0;
 		display: block;
		text-align: center;
	}	
	#colophon {
		padding:1em 5% 1em 5%;
	}
	#colophoncontact {
		clear: both;
		border-top: 1px solid #5c5c5c;
		padding-top: 1.5em;
	}
	.cd-top {
		display: none;
	}
	.inlineImageXL {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		margin: 0;
		padding: 0;
	}
	.inlineImageBackgroundcolor div {
		width: 90%;	
		margin: auto;
		padding: 0;
	}
	.inlineImage figcaption {
		width: 90%;
		margin: 0.5em auto 2em auto;	
	}
	.inlineImageXL figcaption {
		width: 90%;
		margin: 0.5em auto 2em auto;
	}
	#comments {
		max-width: 90%;
	}
	.category-page {
	    width: 90%;
	    margin: 0 auto 3em;
	}
	.child-thumb {
	    border: 0 none;
		width: 100%;
	    padding: 0;
	    display: block;
	    margin: 0 0 3em 0;
	}
	.asideRightImage {
		float: initial;
	    margin: 0 auto 1.5em auto;
	    width: 90%;
	}
	.asideRightImage img {
		height:auto;
		margin:0; 
		padding:0;
		max-width: 450px;
	}
	#wpgmza_map_1, #wpgmza_map_2 {
		width:90% !important;
	}
	#wpgmza_marker_holder_2 {
		width:90% !important;
	}


/*	#relatedContent {
		width:90%;
		margin: 0 auto 0.5em auto;
		padding: 0;
	}
	.previewPicture {
		width:100%;
	}
	.previewBoxText {
		width:100%;
		margin:0 0 1em 0;
	}
	*/
}

/*--------------------------------------------------------------
## screens between 650px and 900px
--------------------------------------------------------------*/

@media screen and (min-width: 650px) and (max-width: 900px) {
	#contentHeader {
		min-height: 360px;
		max-height: 360px;
	}
	#contentHeader h1 {
		font-size: 3em;
		padding:0;
	}
	.social-sharing .whatsapp {
		display:none;
	}
	.cd-top {
		display: none;
	}	
	.category-page {
	    margin: 0 auto 3em;
	    overflow: auto;
	    padding: 0;
	    text-align: left;
	    width: 100%;
	}
	.asideRightImage {
		float: initial;
	    margin: 0 auto 1.5em auto;
	    max-width: 625px;
	    padding: 0;
	}
	.asideRightImage img {
		height:auto;
		margin:0; 
		padding:0;
		max-width: 450px;
	}
	#wpgmza_map_1 {
		width:625px !important;
	}


	
/*	#articleIndex {
		width:100%;
		margin:0 auto 1em auto;
		float:none;	
	}
	.inlineImageXL {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
	}
	.inlineImage {
		width: 90%;
	}
	.inlineImageBackgroundcolor div {
		width: 100%;	
		margin: 0;
		padding: 0;
	}
	.inlineImage figcaption {
		width: 100%;
		margin: 0.5em auto 2em auto;	
	}
	.inlineImageXL figcaption {
		width: 90%;
		margin: 0.5em auto 2em auto;
	}
	#relatedContent {
		width:90%;
		margin: 0 auto 0.5em auto;
		padding: 0;
	}
	#relatedContent header {
		margin-bottom: 1em;
	}	
	.previewPicture {
		width:100%;
	}
	.previewBoxText {
		width:100%;
		margin:0 0 1em 0;
	}
	*/
}

/*--------------------------------------------------------------
## screens wider than 900px
--------------------------------------------------------------*/

@media screen and (min-width: 900px) {
	.cd-top {
		display: inline-block;
		height: 40px;
		width: 40px;
		position: fixed;
		bottom: 90px;
		right: 20px;
		background-color: #ededed;
		overflow: hidden;
		line-height: 40px;
		white-space: nowrap;
		visibility: hidden;
		color:#8c8c8c;
		opacity: 0;
		-webkit-transition: opacity .3s 0s, visibility 0s .3s;
		-moz-transition: opacity .3s 0s, visibility 0s .3s;
		transition: opacity .3s 0s, visibility 0s .3s;
		text-align: center;
	}
	.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
		-webkit-transition: opacity .3s 0s, visibility 0s 0s;
		-moz-transition: opacity .3s 0s, visibility 0s 0s;
		transition: opacity .3s 0s, visibility 0s 0s;
	}
	.cd-top.cd-is-visible {
		/* the button becomes visible */
		visibility: visible;
		opacity: 1;
		color:#8c8c8c;
	}
	.cd-top:hover {
		background-color: #f9f7df;
		color:#bbbbbb;
		opacity: 1;
	}
	.social-sharing .whatsapp {
		display:none;
	}
	/* Advanced Responsive Video Embedder Settings: Videobreite auf max 800% setzen */
	.arve-wrapper {
		width: 80%;
		margin: 0 auto 1.5em auto;
	}
	

}