/*!
Theme Name: Marlene Child
Theme URI: http://www.demo.lollum.com/marlene
Description: Child Theme for Marlene.
Tags: black, white, light, one-column, two-columns, left-sidebar, right-sidebar, full-width-template, responsive-layout, accessibility-ready, custom-colors, custom-menu, featured-images, microformats, post-formats, sticky-post, theme-options, translation-ready
Author: Kolja Martens (http://www.meinsign.de) & Michael Franke (http://bjoergart.de)
Author URI: http://agentur.al-ard.de
Template: marlene
Version: 1.0.1
License: The PHP code and integrated HTML are licensed under the General Public
License (GPL). All other parts, but not limited to the CSS code, images, and design belong to their respective owners.
License URI: http://www.gnu.org/licenses/gpl-2.0.html - https://help.market.envato.com/hc/en-us/articles/202501064
*/

@import url('../marlene/style.css');

/* -------- Theme customization starts here -------- */

/* max. Größe auf eine durch 4 teilbare Zahl setzen  */
.no-sidebar #main { max-width: 836px; }

/* Hover Effekt von post-carousel unterdrücken */
#sow-post-carousel-3 .sow-carousel-thumbnail a:hover { background-size: 100% 100%; }

/* Überschrift sollte nicht umbrechen */
@media (max-width: 1050px) {
	.desktop #primary-menu-container { 	padding: 0 1.5em;	}
}

/* Layout slider */
body.home article.post-1077 header.entry-header { display:none; }
#pg-1077-0 div.sow-image-container a { border: none; }
#pg-1077-0 div.so-widget-sow-image h3 { 
    position: absolute;
    top: 350px;
    margin: 0 0 0 1em;
    background-color: #a20000;
    padding: 8px 0.6em;
    color: white;
    z-index: 113;
	text-shadow: none;
    font-weight: 100;
	letter-spacing: 0px;
	font-size: 18px;
}
#pg-1077-0 ol.sow-slider-pagination { display:none!important; }
#pg-1077-0 div.sow-slide-nav a { border: none; }

body, .textwidget span, .siteorigin-widget-tinymce span {
	font-size:1.3rem !important;
	text-align: left !important;
}

h6 {
	font-size: 1rem;
	font-style: italic;
	color: #ccc;
	font-weight: 100 !important;
}

.so-widget-sow-editor ul {
	list-style: square;
	list-style-position: outside;
	margin-left: 5%;
}

.site-description {
	font-size: 20px;
	font-weight: 900;
	width: 900px;
}

#primary-menu-container {
	background: #a20000;
	font-size: 1rem;
	margin-bottom: -100px;
}
#primary-menu-container ul ul {
	top:43px; 
}

/***** Kontakt Formular ******/
.wpcf7-form {
	padding: 10px 20px;
	background: #f4f4f4;
}

form.wpcf7-form label {
	font-size: 1em;
	font-weight: 100;
	float: left;
	width: 7em;
	margin: 0;
	padding: 0;
}

form.wpcf7-form .wpcf7-select {
	width: 50%;
}

form.wpcf7-form .wpcf7-text {
	width: 81%;
}

@media (max-width: 851px) {
	form.wpcf7-form .wpcf7-text {
		width: 100%;
	}
	
	form.wpcf7-form .wpcf7-select {
		width: 100%;
	}
}

form.wpcf7-form p { 
	clear: both;
	margin: 1em 0;
}
form.wpcf7-form p span.pflicht-text  {
	font-size: 0.8em;
}

div.wpcf7-validation-errors {
    border: 0;
    background: #D30000;
    color: #fff;
}

div.wpcf7-response-output {
    margin: 0;
}

div.wpcf7-mail-sent-ok {
	border: 0;
	background: #398F14;
	color: #fff;
}

.so-widget-sow-image-default-1c389ca87c1a .sow-image-container .so-widget-image {
    display: inline-block;
    vertical-align: middle !important;
}

.so-widget-sow-image-default-1c389ca87c1a .sow-image-container .so-widget-image a {
	border: 0;
	color: #fff;
}

/********* hide elements ********/
.today-date .day, .today-date .month, .home .entry-title, .home .entry-header, .entry-meta, #close-search-modal {
	display: none !important;
}

.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
	border-radius: 0;
}

.site-logo {
	float: left;
	margin: 0;
}

.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
	background: #a20000;
}

.entry-title {
	margin-top: 50px;
}

/***** Beitragsbild ****/
.post-thumbnail {
	margin: 0.3em auto 2em auto;
}
.thumbnail-excerpt {
	margin: 0 auto;
	text-align: left;
}

.post-thumbnail .thumbnail-excerpt {
	margin-left: 1%;
	text-align: left;
}

.lexikon {
	float: right;
}

.lexikon-label:hover {
	background: #d30000;
}

.lexikon-label {
	height: 48px;
	width: 114px;
	background: #a20000;
	color: white;
	font-size: 20px;
	font-weight: bold;
	float: left;	
	padding: 9px 17px;
}

.lexikon-icon {
	float: left;
}

.home .encyclopedia a{
	color: #fff !important;
}


/* Überschrift im Lexikon */
#main .page-header .page-title {
	font-size: 26px;
}

#main .page-header .taxonomy-description {
	font-size: 15px;
	padding: 10px 0 0 0;
}

.single-encyclopedia .taxonomy-description {
	display: none !important;
}

#main .page-header {
	border: 0;
	padding: 0; 
	margin-bottom: 2em;
	font-size: 2em;
}

.largegreenbg, .tparrows {
	background: #a20000 !important;

}

.tp-revslider-mainul {
	height: 1100px; 
}

.largegreenbg, tp-caption, tp-resizeme {
	padding: 5px !important;
	height: auto !important;
}

#primary-menu-container {
	font-size: 0.7rem;
}

.lexikon-link {
	color: #444;
}

article.encyclopedia .post-thumbnail h2 {
	text-align: center;
	margin: 1em 0 0 0;
}

.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item .sow-carousel-thumbnail a span.overlay {
    background: none; 
    opacity: 0; 
}
.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item .sow-carousel-thumbnail a:hover  {
	background-size: 100% 100%;
}

.post-content {
	width: 100%;
}

.marlene-pagination a, .marlene-pagination span {
    border-radius: 0;
}

.widget h3.widget-title {
	font-size: 1rem;
	line-height: 1.5em;
}
/* Excerpt mit Silbentrennung etwas eingerückt */
#sow-post-carousel-3 .sow-carousel-item p {
	font-size: 15px;
	padding: 0 0 0 5px;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
#sow-post-carousel-3 .sow-carousel-item .sow-carousel-post-title {
	color: #d30000!important;
	height: 3em;
	padding: 0 0 0 5px;
}
#sow-post-carousel-3 .sow-carousel-container {
	position: relative;
	bottom: 35px;
}
#sow-post-carousel-3 .sow-carousel-item h3 {
	font-weight: 800 !important;
	text-align: left !important;
}
#sow-post-carousel-3 {
	background: #f7f7f7;
}
#sow-post-carousel-3 div.sow-carousel-title span.anzahl {
	color: white; padding: 0 50px;
}
#sow-post-carousel-3 div.sow-carousel-title span.richtung {
	display: none; /*color: gray; font-size: 11px;*/
}
#sow-post-carousel-3 h3.widget-title span {
	border: none;
}
/* Post-carousel element Breite war zu schmal und zu hoch */
#sow-post-carousel-3 .sow-carousel-wrapper ul li.sow-carousel-item { width:245px; }
#sow-post-carousel-3 .sow-carousel-wrapper ul.sow-carousel-items { height: fit-content; }

@media only screen and (max-width: 1190px) {
	#masthead .wrap {
	    border-bottom: 0;
	}

	#menu-toggle {
		font-weight: 800;
		font-size: 1em;
		width: 100%;
	}
	
	.site-logo {
		margin-bottom: 0;
	}
}

@media (min-width: 992px) { 

.hentry {
    margin-bottom: 2em;
}

.site-header .search-form {
	position: absolute;
	right: 0px;
	top: 0px;
}
.site-header .search-form label {
	float:left; z-index: 0;
}

.site-header input[type="search"] { /* kleine Größe */
	-webkit-appearance: textfield;
	padding-right: 2px;
	background-color: #d30000;
	width: 1px;
	height: 44px;
	background-image: url(images/search-icon-ws.png);
	background-position: 60% center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	padding: 0 0 0 48px;
}

.site-header input.search-field:active, .site-header input.search-field:hover, 
.site-header input.search-field:visited, 
.no-results .page-content input[type="search"] {
	background-color: white;
	background-image: url(images/search-icon-2x.png);
	background-position: 97% center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	cursor: pointer;
	height: 44px;
	padding: 0 35px 0 10px;
	-webkit-transition: width 500ms ease, background 500ms ease;
	transition: width 500ms ease, background 500ms ease;
	width: 250px;
	border: 2px solid lightgray;
	display:block; z-index: 10;
}

.no-results .page-content input[type="search"] {
width: 50%; margin: 0 auto;
}

.site-header form:focus  .search-submit, 
.site-header form:hover  .search-submit,
.site-header form:visited  .search-submit {
	display: block; position: relative; 
}

#site-navigation .search-submit {
	float: right; height:44px; width:44px;
	background-image: url(images/search-icon-2x.png);
	background-position: 12px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	display: none;
	padding: 0;
	z-index: 100;
	background-color: #d30000;
}
/* Buttons positionieren und obenauf */
#sow-post-carousel-3 .sow-carousel-title a.sow-carousel-next {
	position: relative;
	height:40px; 
	width:35px; 
	background-color: #a20000;
	color: white!important;
	font-size: 15px; 
	padding: 11px 0 0 0;
	top: 100px;
    left: 28px;
	display: block; z-index: 1000;
}
#sow-post-carousel-3 .sow-carousel-title a.sow-carousel-previous {
	position: relative;
	height:40px; 
	width:35px; 
	background-color: #a20000;
	color: white!important;
	font-size: 15px; 
	padding: 11px 0 0 0;
	top: 100px;
    right: 733px;
	display: block; z-index: 1000;
}
/* Anzeigefenster */
#sow-post-carousel-3 .so-widget-sow-post-carousel {
	padding: 5px 29px 0 36px;
}
 
#pg-1077-0 { width: 114%; position: relative; right: 7%; }
#pg-1077-0 div.so-widget-sow-image h3 { top: 80%; }

} /* Ende @media (min-width: 992px) */

@media (max-width: 991px) { 

#pg-1077-0 div.so-widget-sow-image h3 {
	top: 80%;
    font-size: 15px;
    margin: 0 0 0 0.5em;
    padding: 5px 0.5em;
	max-width: 180px;
}

#masthead .wrap { padding: 0; }

#sow-post-carousel-3 .sow-carousel-title a.sow-carousel-previous, 
#sow-post-carousel-3 .sow-carousel-title a.sow-carousel-next {
	display: none;
}
#sow-post-carousel-3 .so-widget-sow-post-carousel {
	padding: 15px 15px 0 15px;
}

#site-navigation .search-form {
	margin-top: 20px;
}

#site-navigation .search-field {
	background-image: url(images/search-icon-2x.png);
	background-position: 12px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	padding: 0 10px 0 46px;
	height: 44px;
	width: 50%;
}
#site-navigation .search-submit, #main .search-form {
	display: none;
}

#primary-menu li.menu-item-has-children .expand-submenu {
	background-color: #d30000;
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	width: 25px;
	opacity: 1;
}
	
.mobile #primary-menu ul a {
    color: #fff;
    font-weight: 900;
}
} /* @media (max-width: 991px) */

@media only screen and (max-width: 700px) { 
#pg-1077-0 div.so-widget-sow-image h3 { 
	max-width: 140px; 
	top: 75%;
	font-size: 13px;
}
}

@media only screen and (max-width: 480px) { 
#pg-1077-0 { display: none; }
#pg-1077-0 div.so-widget-sow-image h3 {
	position: relative;
	bottom: 0;
	max-width: 100%;
	}
.so-widget-sow-image-default-2b1fadbace82 .sow-image-container .so-widget-image {
    width: 60%!important;
    margin: 0 auto;
	}
}

@media (min-width: 1100px) { #pg-1077-0 { width: 123%; right: 11.5%; } }
@media (min-width: 1200px) { 
#pg-1077-0 { width: 140%; right: 20%; } 
#pg-1077-0 div.so-widget-sow-image h3 { top: 82%; }

}
@media (min-width: 1300px) { 
#pg-1077-0 .panel-grid-cell { padding: 0 20px!important; } 
#pg-1077-0 div.so-widget-sow-image h3 { top: 83%; }
#pg-1077-0 { width: 150%; right: 25%; }
}

@media only screen and (min-width: 800px) {
	.tp-bgimg .defaultimg {
		display: none;
	}
}

@media only screen and (max-width: 448px) {
	.lexikon {
		margin: 0 22% 0 0;
		float: right;
	}
	
	.site-logo {
		float: none;
		margin: 0 0 10% 0;
	}
	
	#masthead .wrap {
		padding-bottom: 0;
	}
}

.lexikon-slider {
	border: 1px solid red !important;
}


/************ Footer ***************/
#colophon {
	padding-top: 0;
	margin-top: 1em;
}

#colophon .wrap .widget-area { display:none; }

@media only screen and (max-width: 1190px) {
	#menu-item-47, #menu-item-46, #menu-item-45 {
		float: left;
		margin-right: 3%;
	}
	
	#bottom-footer {
		margin: 0 auto;
	}
}