/*
Theme Name: Twenty Fifteen QMJ
Description: QMJ - Twenty Fifteen Childtheme 
Author: Roberto Ziera
Author URI: http://www.fetscherplatz.net
Template: twentyfifteen
Version: 1.0.3
Tags:
*/
/* @import url("../twentyfifteen/style.css"); */
@import url("./fonts/open-sans/stylesheet.css");

body {
    background: #f2f2f2 none repeat scroll 0% 0%;
}

body,
button,
input,
select,
textarea {
        color: #333;
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.7;
}

blockquote cite,
blockquote small {
        color: #333;
        font-size: 15px;
        font-size: 1.5rem;
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        line-height: 1.6;
}

p {
        margin-bottom: 1.6em;
        	margin-bottom: 1.0em;
}

::-webkit-input-placeholder {
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
}

:-moz-placeholder {
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
}

::-moz-placeholder {
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
        -webkit-appearance: button;
        background-color: #0099cc;
        border: 0;
        color: #fff;
        cursor: pointer;
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 700;
        padding: 0.7917em 1.5em;
        /* text-transform: uppercase; */
}
.post-password-form label {
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
        display: block;
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        line-height: 1.5;
        text-transform: uppercase;
}

.main-navigation .menu-item-description {
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.5;
        margin-top: 0.5em;
}
.post-navigation {
	margin:2em 13px 0 13px;
	padding:1em;
	box-shadow:none;
	border-top:0px solid #e0e0e0;
}
ul.post-navi {
	list-style-type:none;
	margin-bottom:0;
}
.post-navigation .nav-links {
	border-top:1px solid #e0e0e0;
	padding-top:2em;
}
ul.post-navi li.nav-next {
	float:right;
	text-align:right;
	background-image:none;
 }
ul.post-navi li.nav-previous {
	float:left;
	text-align:left;
	background-image:none;
 }
.post-navigation a {
	padding:0;
	font-size:0.9em;
	font-weight:500;
	color:#0099cc;
}
.post-navigation div + div {
	    border-top: 0;
}
.post-navigation .meta-nav {
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        letter-spacing: 0.04em;
        line-height: 1.5;
        position: relative;
        text-transform: uppercase;
        z-index: 2;
}
.post-navigation .post-title {
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.3333;
        position: relative;
        z-index: 2;
}

.secondary-toggle {
        background-color: transparent;
        border: 1px solid #eaeaea;
        border: 1px solid rgba(51, 51, 51, 0.1);
        height: 42px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        top: 50%;
        right: 0;
        text-align: center;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 42px;
}
.secondary-toggle:before {
        color: #333;
        content: "\f419";
        line-height: 40px;
        width: 40px;
}
.secondary-toggle:hover,
.secondary-toggle:focus {
        background-color: transparent;
        border: 1px solid #c1c1c1;
        border: 1px solid rgba(51, 51, 51, 0.3);
        outline: 0;
}
.secondary-toggle.toggled-on:before {
        content: "\f405";
        font-size: 32px;
        position: relative;
        top: 1px;
        left: -1px;
}

.pagination {
        background-color: #fff;
        border-top: 1px solid rgba(51, 51, 51, 0.1);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
}
.image-navigation,
.comment-navigation {
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
        font-size: 12px;
        font-size: 1.2rem;
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-weight: 700;
        line-height: 1.5;
        text-transform: uppercase;
}
.site .skip-link {
        background-color: #f1f1f1;
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
        color: #21759b;
        display: block;
        	font: bold 14px/normal open_sansregular, sans-serif;
        left: -9999em;
        outline: none;
        padding: 15px 23px 14px;
        text-decoration: none;
        text-transform: none;
        top: -9999em;
}
.site-title {
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 22px;
        font-size: 2.2rem;
        font-weight: 700;
        line-height: 1.3636;
        margin-bottom: 0;
}
.site-description {
        display: none;
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.5;
        margin: 0.5em 0 0;
        opacity: 0.7;
}
.widget-title {
        color: #333;
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        margin: 0 0 1.6em;
        	margin: 0 0 0em;
        letter-spacing: 0.04em;
        text-transform: uppercase;
}
.widget_calendar caption {
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-weight: 700;
        margin: 0 0 1.6em;
        letter-spacing: 0.04em;
        text-transform: uppercase;
}
.widget_rss .rss-date,
.widget_rss cite {
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        font-style: normal;
        display: block;
        line-height: 2;
        opacity: 0.8;
}
.author-heading {
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        letter-spacing: 0.04em;
        margin-bottom: 1.5em;
        text-transform: uppercase;
}
.entry-footer {
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        padding: 3.8461% 7.6923%;
	margin-top: 2.5em;
	padding-left: 3.8461%;
	background-color: transparent;
	padding-bottom: 0;
}
.page-title {
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.3333;
}
.page-links {
        clear: both;
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        margin-bottom: 1.3333em;
}
.entry-caption {
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        line-height: 1.5;
        padding-top: 0.5em;
        word-wrap: break-word;
}
.comments-title,
.comment-reply-title {
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.3333;
}
.comment-metadata,
.pingback .edit-link {
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
}
.comment-list .reply a {
        border: 1px solid #eaeaea;
        border: 1px solid rgba(51, 51, 51, 0.1);
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
        display: inline-block;
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-weight: 700;
        line-height: 1;
        margin-top: 2em;
        padding: 0.4167em 0.8333em;
        text-transform: uppercase;
}
.comment-form label {
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 700;
        display: block;
        letter-spacing: 0.04em;
        line-height: 1.5;
        text-transform: uppercase;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        margin-bottom: 2em;
}
.no-comments {
        border-top: 1px solid #eaeaea;
        border-top: 1px solid rgba(51, 51, 51, 0.1);
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-weight: 700;
        padding-top: 1.6em;
}
.wp-caption-text {
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        padding: 0.5em 0;
}
.gallery-caption {
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
        display: block;
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        padding: 0.5em 0;
}
.widecolumn label,
.widecolumn .mu_register label {
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        line-height: 1.5;
        text-transform: uppercase;
}
.page-title {
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
	font-size: 1.3em;
	line-height: 1.3333;
}

.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.pingback .comment-body > a {
        border-bottom: 1px solid #333;
        	border-bottom: none;
		color:#0099cc;
}

        .entry-content h1,
        .entry-summary h1,
        .page-content h1,
        .comment-content h1 {
                /* font-size: 16px; */
                font-size: 1.6rem;
                        font-size: 1.2em;
                line-height: 1.2308;
                margin-top: 1.641em;
                margin-bottom: 0.8205em;
                margin-left: 6px;
                	margin-left: 0px;
        }
        .entry-content h2,
        .entry-summary h2,
        .page-content h2,
        .comment-content h2 {
                /* font-size: 16px; */
                font-size: 1.6rem;
                        font-size: 1.1em;
                line-height: 1.2308;
                margin-top: 1.641em;
                margin-bottom: 0.8205em;
                margin-left: 6px;
                	margin-left: 0px;
        }
	.entry-content h3,
	.entry-summary h3,
	.page-content h3,
	.comment-content h3 {
		font-size: 1.0em;
	        margin-top: 0;
                margin-top: 1.641em;
	        margin-top: 1em;
	        margin-bottom: 0.5em;
	}


/* --- Social Button Area --- */
aside#text-2.widget {
	background-color:transparent;
}
/* --- --- --- */
:focus { outline: 0; }
a.more-link,
a.tribe-events-read-more {
	display:none;
}
a.more {
	font-weight:normal;
	color: #00ADE5;
		color: #0099cc;
	border-bottom:0;
}
.datum {
	color:#666666;
	font-size:0.9em;
}
.entry-title {
	font-size:1.1em;
	margin-bottom: 0.5em;
}
input.search-field {
	background-image: url('images/lupe.png');
        background-repeat:no-repeat;
        background-position:right 9px;
	cursor:pointer;
}
input.search-field[placeholder] {
	/* text-transform:uppercase; */
	padding-left:14px;
	padding-right:35px;
}
.veranstaltungen .upw-posts article {
    display: block;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    	padding-bottom: 0;
    border-bottom: 1px solid #DDD;
    	border-bottom: none;
}
div.upw-posts p {
	margin-left:15px;
}
button.dropdown-toggle {
	display:none;
}
.main-navigation li {
    border-top: none;
}
.entry-content li {
	margin-bottom:0.5em;
}
.site-footer {
    box-shadow: none;
}



/* --- Kalender --- */
.tribe-events-list-widget .entry-title {
	font-size: 1.0em !important;
}
.tribe-events-list-widget h2 {
	padding-right:3em;
		padding-right:5px;
}
.tribe-events-list-widget h4.entry-title {
	margin-left:0px;
}
.duration {
	margin-left:0px;
	margin-right:3px;
	font-weight: normal;
}
.date-start { }
.date-end { display:inline; }
.tribe-events-widget-link {
	margin-left:15px;
	margin-right:3px;
	padding-bottom:1em;
}
.tribe-events-widget-link a {
	color:#00ADE5;
		color:#0099cc;
}
.tribe-events-widget-link a:after {
	content:' »';
}
.tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a {

    font-size: 15px;
    font-weight: 700;
	font-weight: 500 !important;

}
.tribe-events-meta-group-organizer:nth-child(2) {
    width: 63.3333%;
    	width: 66.6666%;
	width: unset;
}

div.tribe-events-single-section:nth-child(5) {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
}
.tribe-events-meta-group-venue {
	width: unset;
}
@media screen and (min-width: 46.25em) {
	.single-tribe_events .tribe-events-venue-map {
	width: 100% !important;
	}
}

.single-tribe_events h2.tribe-events-single-event-title {
    font-size: 1.1em;
    line-height:1.5em;
}
.tribe-events-list .type-tribe_events h2 {
    font-size: 1.1em;
}
.tribe-events-list h2.tribe-events-page-title {
    font-size: 1.1em;
}
h2.tribe-events-single-event-title a {
	color:#333333;
}

#tribe-events-content .tribe-events-calendar div[id*="tribe-events-event-"] h3.tribe-events-month-event-title {
	font-weight:500;
}
#tribe-events-content a, .tribe-events-event-meta a {
	color:#0099cc !important;
}
.tribe-events-list-widget {
    margin-top: 0;
}
.tribe-events-list-widget h4.entry-title {
    margin-bottom: 0;
}
.tribe-events-list-widget ol li {
    margin-bottom: 30px;
}
.tribe-events-list-widget .type-tribe_events {
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 0.5em 1em 0.5em 1em !important;
}
.tribe-events-list-widget .tribe-events-list-widget-events {
	margin-bottom: 0rem !important;
}
.tribe-events-notices {
	background: #D9EDF7 none repeat scroll 0% 0%;
		background: #FAFAFA none repeat scroll 0% 0%;
	border: 1px solid #BCE8F1;
		border: 1px solid #EEEEEE;
	color: #3A87AD;
		color: #333333;
	border-radius: 4px;
		border-radius: 0;
}
.single-tribe_events #tribe-events-footer li, .single-tribe_events #tribe-events-header li {
    width: 48%;
}
.tribe-events-meta-group-venue dd.author {
        -ms-hyphens: none;
        -moz-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
} 
.tribe-events-schedule span.date-end {
    display: inline;
}

.tribe-events-event-image {
	margin-bottom: 0 !important;
}
.events-single .wp-caption-text {
	margin-bottom: 1em !important;
}

.tribe-events .tribe-events-calendar-list__event-date-tag {
	width: 80px;
}

.tribe-events-widget-events-list {
	background-color: white;
}
.tribe-events-widget-events-list__header-title {
	text-transform: uppercase;
	padding-left: 1.0em !important;
	padding-top: 0.5em !important;
}
.tribe-events-widget-events-list__view-more {
	padding-left: 1.0em !important;
	padding-bottom: 0.5em !important;
}


/* --- Veranstaltungen --- */
.widget .em.pixelbones ul {
	list-style-type: none !important;
	list-style: none !important;
}
.em.em-list-widget .em-item .em-item-image.has-placeholder .em-item-image-placeholder {
	max-width: 80px !important;
}
.em.em-events-widget .em-item-image .em-item-image-placeholder div.date {
	min-width: unset !important;
}
.em.em-events-widget .em-item .em-item-image-placeholder div.date {
	padding-top: 1.4em !important;
}

/* --- Vollbild --- */
.vollbild {
    max-width: 100% !important;
}
.vollbild .site-content {
    margin-left: 0%;
    width: 100%;

}
.vollbild .site-footer {
	width:100%;
	margin:0
}

/* --- Adventskalender --- */
.adventskalender {
	text-align:center;
}
.adventskalender .box  {
	width: 250px;
	margin:0;
	padding:0em 1em 3em 1em;
	display:inline-block;
	text-align:left;
	border: 0px solid #cccccc;
	vertical-align:top;
}
.adventskalender .box .box-header { }
.adventskalender .box .box-header h1 { color:#d22027; margin:0; padding:0; font-size:2em; }
.adventskalender .box .box-header h2 { color:#00adef; margin:0; padding:0; font-size:1em; }
.adventskalender .box .box-content { }
.adventskalender .box .box-footer { }

/* --- --- --- */
.pagination {
    border-top: 0px solid rgba(51, 51, 51, 0.1);
	box-shadow:none;
}
.pagination .prev,
.pagination .next {
	background-color: #0099cc;
        height: 48px;
        width: 48px;
}
.pagination .prev:before,
.pagination .next:before {
        font-size: 32px;
        height: 48px;
        line-height: 48px;
        width: 48px;
}

/* --- --- --- */
.wp-caption {
/*        width: 150px; 
	margin:25px; 
	padding:0px; */
	font-size:.85em;
}
.post-type-archive-orte .wp-caption , /* Orte */
.post-type-archive-menschen .wp-caption , /* Menschen */
.post-type-archive-projekte .wp-caption , /* Projekte */
.post-type-archive-angebote .wp-caption , /* Akteure */
.tax-thema .wp-caption , /* Orte */
.tax-portraitserie .wp-caption , /* Menschen */
.tax-handlungsfeld .wp-caption , /* Projekte */
.tax-typ .wp-caption , /* Projekte */
.tax-angebotstyp .wp-caption , /* Akteure */
.tax-zielgruppe .wp-caption { /* Akteure */
	float:left;
        width: 30%;
	height:320px;
	margin-left:0px; 
	margin-right:5%; 
	background-color:#f2f2f2;
}
.post-type-archive-orte .wp-caption:nth-of-type(3n+2) , /* Orte */
.post-type-archive-menschen .wp-caption:nth-of-type(3n) , /* Menschen */
.post-type-archive-projekte .wp-caption:nth-of-type(3n) , /* Projekte */
.post-type-archive-angebote .wp-caption:nth-of-type(3n) , /* Akteure */
.tax-thema .wp-caption:nth-of-type(3n) , /* Orte */
.tax-portraitserie .wp-caption:nth-of-type(3n) , /* Menschen */
.tax-handlungsfeld .wp-caption:nth-of-type(3n) , /* Projekte */
.tax-typ .wp-caption:nth-of-type(3n) , /* Projekte */
.tax-angebotstyp .wp-caption:nth-of-type(3n) , /* Akteure */
.tax-zielgruppe .wp-caption:nth-of-type(3n) { /* Akteure */
	/* background-color:#ffcc66; */
	margin-right:0; 
}
.post-type-archive-orte .wp-caption p , /* Orte */
.post-type-archive-menschen .wp-caption p , /* Menschen */
.post-type-archive-projekte .wp-caption p , /* Projekte */
.post-type-archive-angebote .wp-caption p , /* Akteure */
.tax-thema .wp-caption p , /* Orte */
.tax-portraitserie .wp-caption p , /* Menschen */
.tax-handlungsfeld .wp-caption p , /* Projekte */
.tax-typ .wp-caption p , /* Projekte */
.tax-angebotstyp .wp-caption p , /* Akteure */
.tax-zielgruppe .wp-caption p { /* Akteure */
        -ms-hyphens: none;
        -moz-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
} 
.post-type-archive-orte .wp-caption a , /* Orte */
.post-type-archive-menschen .wp-caption a , /* Menschen */
.post-type-archive-projekte .wp-caption a , /* Projekte */
.post-type-archive-angebote .wp-caption a , /* Akteure */
.tax-thema .wp-caption a , /* Orte */
.tax-portraitserie .wp-caption a , /* Menschen */
.tax-handlungsfeld .wp-caption a , /* Projekte */
.tax-typ .wp-caption a , /* Projekte */
.tax-angebotstyp .wp-caption a , /* Akteure */
.tax-zielgruppe .wp-caption a { /* Akteure */
	color:#333333;
}
.post-type-archive-orte .wp-caption img , /* Orte */
.post-type-archive-menschen .wp-caption img , /* Menschen */
.post-type-archive-projekte .wp-caption img , /* Projekte */
.post-type-archive-angebote .wp-caption img , /* Akteure */
.tax-thema .wp-caption img , /* Orte */
.tax-portraitserie .wp-caption img , /* Menschen */
.tax-handlungsfeld .wp-caption img , /* Projekte */
.tax-typ .wp-caption img , /* Projekte */
.tax-angebotstyp .wp-caption img , /* Akteure */
.tax-zielgruppe .wp-caption img { /* Akteure */
	width:100%;
	border:1px solid #cccccc;
} 

.akteure .entry-content h2 {
	display:inline;
}

.entry-content ul.projekte {
	margin-left:0;
}

/* 
 * Navigation 
 */
body.tax-thema li.menu-item-15993 , /* 15993:Orte */
body.single-orte li.menu-item-15993 , /* 15993:Orte */
body.tax-portraitserie li.menu-item-15587 , /* 15587:Menschen */
body.single-menschen li.menu-item-15587 , /* 15587:Menschen */
body.tax-angebotstyp li.menu-item-541 , /* 541:Akteure */
body.tax-zielgruppe li.menu-item-541 , /* 541:Akteure */
body.single-projekte li.menu-item-529 , /* 529:Projekte */
body.tax-typ li.menu-item-529 , /* 529:Projekte */
body.tax-handlungsfeld li.menu-item-529 { /* 529:Projekte */
	background-color:#e7e7e7;
}

/* 
 * Bei Unterseiten von https://www.qm-johannstadt.de/projekte/ Menü 'Geld für mein Projekt' aufklappen
 */
body.single-projekte .main-navigation li#menu-item-13892 ul { display: block; }
body.tax-typ .main-navigation li#menu-item-13892 ul { display: block; }
body.tax-handlungsfeld .main-navigation li#menu-item-13892 ul { display: block; }

/* 
 * https://www.qm-johannstadt.de/projekte/ im Menü unter 'Geförderte Projekte', 'Geld für mein Projekt' grau hinterlegen
 */
body.single-projekte .secondary li.menu-item-13892 > a { background-color: #e7e7e7 ; }
body.tax-typ .secondary li.menu-item-13892 > a { background-color: #e7e7e7 ; }
body.tax-handlungsfeld .secondary li.menu-item-13892 > a { background-color: #e7e7e7 ; }

/* 
 * https://www.qm-johannstadt.de/quartiersbeirat/mitglieder/ im Menü unter 'Gremien', 'Gremien' grau hinterlegen
 * https://www.qm-johannstadt.de/quartiersbeirat/sitzungen/  im Menü unter 'Gremien', 'Gremien' grau hinterlegen
 */
body.page-id-29 .secondary li.menu-item-5935 > a { background-color: #e7e7e7 ; }
body.page-id-31 .secondary li.menu-item-5935 > a { background-color: #e7e7e7 ; }


/* 
 * QB Mitglieder (29)
 * Gremien » Wohnhofbeirat Hopfgartenstraße » Mitglieder Wohnhofbeirat » Mitglieder (30597)
 * Gremien » Wohnhofbeirat Hopfgartenstraße » Mitglieder Wohnhofbeirat » Stellvertretende Mitglieder (30599)
 * Gremien » Wohnhofbeirat Hopfgartenstraße » Mitglieder Wohnhofbeirat (30485)
 * Gremien » Stadtteilbeirat » Wahlen 2021 Kandidat*innen (27946)
 * Gremien » Stadtteilbeirat » Mitglieder (10328)
 * Gremien » Stadtteilbeirat » Mitglieder np (11963)
 * Gremien » Stadtteilbeirat » Mitglieder jp (11965)
 * Gremien » Stadtteilbeirat » Kandidat*innen (10474)
 * Gremien » Stadtteilbeirat » Kandidat*innen jp (10492)
 * Gremien » Stadtteilbeirat » Kandidat*innen np (10494)
 */
.page-id-30597 .wp-caption ,
.page-id-30599 .wp-caption ,
.page-id-30485 .wp-caption ,
.page-id-27946 .wp-caption ,
.page-id-10328 .wp-caption ,
.page-id-10474 .wp-caption ,
.page-id-10492 .wp-caption ,
.page-id-10494 .wp-caption ,
.page-id-11963 .wp-caption ,
.page-id-11965 .wp-caption ,
.page-id-29 .wp-caption {
	height:210px;
	width:21%;
	float:left;
	margin-left:12px;
	margin-right:12px;
	background-color:#f2f2f2;
}
.page-id-10494 .wp-caption:nth-of-type(4n+1) , 
.page-id-10492 .wp-caption:nth-of-type(4n+1) , 
.page-id-10474 .wp-caption:nth-of-type(4n+1) , 
.page-id-29 .wp-caption:nth-of-type(4n+1) { 
	margin-right:0;
}
.page-id-10494 .wp-caption p , 
.page-id-10492 .wp-caption p , 
.page-id-10474 .wp-caption p , 
.page-id-29 .wp-caption p { 
        -ms-hyphens: none;
        -moz-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
}
.page-id-10494 .wp-caption a , 
.page-id-10492 .wp-caption a , 
.page-id-10474 .wp-caption a , 
.page-id-29 .wp-caption a { 
	color:#333333; 
}


/* .akteure .entry-content {
        margin:0;
	padding-left:24px;
} */
.wp-caption p {
	padding:.5em;
}
.tax-select select {
	width:65%;
}

.main-navigation .current-menu-ancestor > a {
	background-color: #e7e7e7;
}


/* 
 * Unterseiten als Kachel 
 */
.kachel .wp-caption {
        height:210px;
        width:21%;
        float:left;
        margin-left:12px;
        margin-right:12px;
        background-color:#f2f2f2;
}
.kachel .wp-caption:nth-of-type(4n+1) { 
	margin-right:0;
}
.kachel .wp-caption p { 
        -ms-hyphens: none;
        -moz-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
}
.kachel .wp-caption a { 
	color:#333333; 
}

/* --- Kontakt --- */
.post-41 .wp-caption { 
	width: 150px; float:left;
	height:200px; 
	background-color:#f2f2f2;
	margin-top:25px;
	margin-right:24px;
}
.post-41 .wp-caption-text { 
	font-size:1.375rem; 
	padding-left:5px;
	color:#333333;
}

/* --- MapPress --- */
.mapp-layout {
    border: 1px solid #d0d0d0;
	background-color:#f0f0f0;
    margin: 0 0 2em 0;
    padding: 5px;
}


/* --- Sidebar --- */
.textwidget table { border:0; }
.textwidget td { border:0; }

.widget_recent_comments ul {
	padding: 1em;
}

/* --- Beitragsbild  --- */
.post .entry-summary img {
	width: 33%;
	float: left;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
.post .entry-header .datum {
	clear: left;
}

/**
 * 16.1 Mobile Large 620px
 */

@media screen and (min-width: 38.75em) {
	.hentry, .page-header, .page-content {
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
		box-shadow: none;
	margin: 0px 7.6923%;
	}

        .hentry + .hentry, .page-header + .hentry, .page-header + .page-content {
                margin-top: 0em;
        } 
        .hentry, .page-header, .page-content {
                margin: 0; 
                padding-top: 0;
        }

	.site-main {
		padding:20px 0 0 0;
		background-color:transparent;
			background-color:#ffffff;
	}
	.main-navigation .menu-item-has-children > a {padding-right: 0px;}
	.main-navigation ul {
		border-top: none;
		border-bottom: none;
	}
	.entry-content ul, 
	.entry-content ol {
		margin-left: 20px;
	}
}

/**
 * 16.2 Tablet Small 740px
 */


/**
 * 16.3 Tablet Large 880px
 */

@media screen and (min-width: 55em) {
}


/**
 * 16.4 Desktop Small 955px
 */

@media screen and (min-width: 59.6875em) {

	.main-navigation .menu-item-has-children > a {padding-right: 24px;}

	.sidebar {

	    float: left;
	    margin-right: -100%;
	    max-width: 413px;
	    	max-width: 260px;
	    position: relative;
	    width: 29.4118%;
		background-color:transparent; 

	}
        body:before {
            background-color: #fff;
		background-color:transparent;
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
            	box-shadow: none;
            content: "";
            display: block;
            	display: none;
            height: 100%;
            min-height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            width: 29.4118%;
            z-index: 0; /* Fixes flashing bug with scrolling on Safari */
	}
	.site {
	    margin: 0px auto;
	    max-width: 1403px;
	    	max-width: 1040px;
		background-color:transparent;
	}
	.site-main {
		padding:20px 0 0 0;
		background-color:transparent;
			background-color:#ffffff;
	}
	.site-header {
	    background-color: transparent;
	    	background-color: #ffffff;
	    border-bottom: 0px none;
	    margin: 20% 0px;
	    	margin: 2em 0px 0 0;
	    padding: 0px 20%;
	    	padding: 0px 0;
	}
	.site-title a {
		display:block;
		background-color:transparent;
		text-indent:-6000em;
		background-image:url('images/johannstadt_de.png');
		background-repeat:no-repeat;
		width:260px;
		height:182px;
		margin-bottom:1em;
	}
	.site-description {
		display:none;
	}
	.site-footer {
	    float: left;
            margin: 0 0 0 28%;
	    	margin: 0px 0px 0px 28%;
	    padding: 0px;
	    width: 72%;
	    -moz-animation: ;
	}
	.site-info {
            padding: 5% 10%;
        }
	.site-content {
	    display: block;
	    float: left;
	    margin-left: 29.4118%;
		    margin-left: 28%;
	    width: 70.5882%;
		    width: 72%;
	}
	.hentry + .hentry, .page-header + .hentry, .page-header + .page-content {
		margin-top: 2em;
	} 
	.hentry, .page-header, .page-content {
	    	margin: 0; 
	    	padding-top: 0;
		
	}
	.hentry.has-post-thumbnail {
	    /* padding-top: 4em; */
	}
	.widget {
	    font-size: .85em;
	    margin: 0px 0px 20%;
	    	margin: 0px 0px 20px;
	    padding: 0px 20%;
	    padding: 6px 20%;
	    	padding: 0;
	    	background-color: #ffffff;
	}
	.widget-title {
		    font-size: 1.15em;
			border-bottom:4px solid #f2f2f2;
		padding-left:15px;
		padding-top:0.5em;
		padding-bottom:0.5em;
		font-weight:normal;
	}	
	.textwidget  {
		margin-left:15px;
		margin-right:4px;
	    	padding: 0.5em 0 0.5em 0;
		/* background-color:#ffcccc; */
	}
	.main-navigation {
	    font-size: 1.2rem;
	    margin: 0px 20% 20%;
	    	margin: 0px;
	    	margin-bottom: 20px;
	    	padding-bottom: 15px;
		background-color:#ffffff;
	}
	.main-navigation a {
		padding:0.3em 24px; 
		font-size:1.298em;
			font-size:1.25em;
		font-weight:700;
		text-transform:uppercase;
	}
	.main-navigation li li a {
		padding:0.3em 12px; 
		font-size:1.2em;
		font-weight:500;
		text-transform:none;
	}
	.main-navigation a:hover {
		background-color:#e7e7e7;
		color:#000000;
	}
	/* .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a { */
	.main-navigation .current-page-ancestor > a,  
	.main-navigation .current-menu-item > a, 
	.main-navigation > a {
	    font-weight: 700;
		background-color:#e7e7e7;
	}
	.entry-content, .entry-summary {
		padding: 0px 10% 10%;
			padding: 0 1.8em 0 1.8em;
	}

	.entry-header {
		padding: 0 1.8em 0 1.8em;
	}
        .entry-title,
        .widecolumn h2 {
                font-size: 39px;
                font-size: 3.9rem;
                	font-size:1.1em;
                line-height: 1.2308;
                margin-bottom: 1.2308em;
                	margin-bottom: 1.0em;
        }
	h4.entry-title {
		font-weight:800;
                font-size:1.0em;
                margin-left: 15px;
                margin-right: 4px;
	}
	h4.entry-title a {
		color:#00ADE5;
			color:#0099cc;
	}
	.entry-custom-fields {
                margin-left: 15px;
	}
	.post-thumbnail {
		float:right;
		border:0px solid #e5e5e5;
		padding-bottom:0;
		margin-bottom:0;
	}
	.post-thumbnail img {
	    display: block;
	    margin: 0px auto;
		margin-left:2em;
		margin-bottom:0.5em;
		/* float:right; */
	}
	.social-navigation {
	    margin: 0px 20% 20%;
	    	margin: 1.3em 0 0em 0;
	}
	article.category-veranstaltungen {
		/* background-color:#3366cc; */
	}
}

@media screen and (min-width: 77.5em) {
}

@media print {
	.post-thumbnail {
		float:right;
		margin-left:1.5em;
	}
}

div .video-caption-text {
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
		font-family: open_sansregular, Helvetica, Arial, sans-serif; 
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        padding: 0;
	margin-top:-0.5em;
}

/* --- qtranslate --- */
#qtranslate-3.widget {
	background-color:transparent;
	padding-left:24px;
	padding-right:20px;
	margin-bottom: 0;
}
aside#text-4.widget {
	background-color:transparent;
        font-size: 0.75em;
	margin-bottom: .5em;
}
aside#text-4.widget a {
	color:#666666;
	padding-left:8px;
	padding-right:20px;
}
aside#text-4.widget a:hover {
	color:#333333;
}
aside#text-4.widget .textwidget a {
	border-bottom:0;
}

/*
 * Advent-2017
 */
body.page-id-7729::before { display:none; }

/*
 * Bönischplatzfest unter Menüpunkt Veranstaltungen
 */
.single-boenischplatzfeste .main-navigation #menu-item-2804 ul {
    display: block; 
}
.single-boenischplatzfeste .main-navigation #menu-item-2804 ul li a {
	font-weight:700;
	background-color: #e7e7e7; 
}
/*
 * QMJ-Menschen
 */
body.menschen-template-default .entry-title a { color: #0099cc; }
body.tax-portraitserie .entry-title a { color: #0099cc; }
/*
 * QMJ-Orte
 */
body.orte-template-default .entry-title a { color: #0099cc; }
body.tax-thema .entry-title a { color: #0099cc; }

/*
 * NaJo 2025
 */
.entry-content article.category-najo2025-blog a {
	color: #2fac66;
}
.entry-content article.category-najo2025-blog a:hover {
	color: #666666;
}

/*
 * Plugin: WP Show Posts
 */
.wpsp-load-more {
	text-align: center;
}
.wpsp-load-more .page-numbers {
	padding:6px;
}

/*
 * Plugin: WP Dark Mode
 */
html.wp-dark-mode-active .secondary-toggle::before {
	color: white;
}
html.wp-dark-mode-active .secondary-toggle {
	border-color: rgba(255, 255, 255, 0.9);
}

html.wp-dark-mode-active .em.pixelbones .input input[type="email"],
html.wp-dark-mode-active .em.pixelbones .input input[type="number"],
html.wp-dark-mode-active .em.pixelbones .input input[type="password"],
html.wp-dark-mode-active .em.pixelbones .input input[type="search"],
html.wp-dark-mode-active .em.pixelbones .input input[type="tel"],
html.wp-dark-mode-active .em.pixelbones .input input[type="text"],
html.wp-dark-mode-active .em.pixelbones .input input[type="url"],
html.wp-dark-mode-active .em.pixelbones .input select:not([multiple]),
html.wp-dark-mode-active .em.pixelbones .input textarea,
html.wp-dark-mode-active .em.pixelbones.input input[type="email"],
html.wp-dark-mode-active .em.pixelbones.input input[type="number"],
html.wp-dark-mode-active .em.pixelbones.input input[type="password"],
html.wp-dark-mode-active .em.pixelbones.input input[type="search"],
html.wp-dark-mode-active .em.pixelbones.input input[type="tel"],
html.wp-dark-mode-active .em.pixelbones.input input[type="text"],
html.wp-dark-mode-active .em.pixelbones.input input[type="url"],
html.wp-dark-mode-active .em.pixelbones.input select:not([multiple]),
html.wp-dark-mode-active .em.pixelbones.input textarea {
	opacity: 1 !important;
	color: rgba(199, 192, 181, 0.7) !important;
}

html.wp-dark-mode-active .em.pixelbones ::placeholder {
	opacity: 1 !important;
	color: rgba(199, 192, 181, 0.7) !important;
}

html.wp-dark-mode-active .em .em-pagination .page-numbers.next,
html.wp-dark-mode-active .em .em-pagination .page-numbers.next.last,
html.wp-dark-mode-active .em .em-pagination .page-numbers.prev,
html.wp-dark-mode-active .em .em-pagination .page-numbers.prev.first {
	opacity: 1 !important;
}