/*
Theme Name: dieAlternative
Theme URI: http://wpnik.com/
Author: Pramod Jodhani
Author URI: https://profiles.wordpress.org/promz
Description: A Clear and Simple Theme for Blogs!
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: plaintext
Template: plaintext
Tags: custom-colors, custom-menu, custom-logo, blog, featured-images, post-formats, rtl-language-support, threaded-comments, translation-ready
*/

@font-face { font-family: 'OpenSans-Regular';
            src: url('fonts/OpenSans-Regular.woff') format('woff'),
				 url('fonts/OpenSans-Regular.woff2') format('woff2');
			font-dislay: swap
			}

@font-face { font-family: 'OpenSans-SemiBold';
             src: url('fonts/OpenSans-SemiBold.woff') format('woff'),
				  url('fonts/OpenSans-SemiBold.woff2') format('woff2');
			font-dislay: swap
			}

@font-face { font-family: 'Oswald-Regular';
             src: url('fonts/Oswald-Regular.woff') format('woff'),
				  url('fonts/Oswald-Regular.woff2') format('woff2');
			font-dislay: swap
			}


body {
	font-family: 'OpenSans-Regular'!important;
	font-size: 14px!important
}

.post p, .post li, .post ul {
	font-family: 'OpenSans-Regular'!important;
	font-size: 1em!important;
	list-style: disc;
	line-height: 1.7
}
.pf-content ul,
.pf-content li,
.widget.widget_meta li,
.widget.widget_meta ul {
    list-style: disc!important;
}

/*** Headers ***/

h1,h2,h3,h4,h5,h6 {
	hyphens: auto;
	-ms-hyphens: none;
	-webkit-hyphens: none;
}
h3 {
	font-size: 2em!important
}
h3.plaintext_primary_sidebar {
	font-size: 1.7em!important	
}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	font-family: 'OpenSans-Regular'!important;
}
.post h1 {
	font-size: 3em	
}
.post h2 {
	font-size: 1.5em;
	line-height: 1.2;
	margin: 20px 0 10px;
}
.post h3 {
	font-size: 1.313em;
	line-height: 2;
	margin: 15px 0 10px;
}
.post h4 {
	font-size: 1.188em;
	margin: 10px 0 5px;
}
.post h5 {
	font-size: 1.063em
}
.post h6 {
	font-size: 1em
}
.blog-teaser-item h2 {
	font-size: 2em!important;
	margin-bottom: 35px
}
.textwidget h2 {
	font-size: 1.5em!important
}
.blog-teaser-item h3 {
	font-size: 1.75em!important	
}
.blog-teaser-item h4 {
	font-size: 0.9em !important;
	line-height: 0.6;	
}
.textwidget h2 {
	font-size: 1.5em!important
}
.site_header
{
	padding-top: 24px!important;
}
#subtitel h2 {
	font-size: 1em;/*1.3em*/;
	margin-left: 10px;
	letter-spacing: -0.5px
}
.titel-home h3 {
	font-size: 1.5em!important;
	margin: 15px 0 0/*15px*/ 0;
	padding: 7px 15px;
	text-align: center;
	color: #fff;
	background-color: #d30132
}
.social h3 {
	font-size: 1.3em!important;
	margin: 0
}

a:focus, a:hover {
    color: #fff!important;
    text-decoration: underline;
}




#content a {
	/*color: #78b52e!important;*/
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}
.shariff-text {
	color: #fff
}

.clear {
	clear:both
}
.sidebar {
	padding: 0 !important;/*25px 15px;*/
	background-color: #fff!important;
	position: relative;
	top: 0; /*-85px/*-162px*/
}
.sidebar-home {
	padding: 0 !important;/*25px 15px;*/
	background-color: #fff!important;
	position: relative;
	top: 0; /*-85px/*-162px*/
}
.sidebar-standard {
	min-width: 300px;
	width: 100%;
	padding: 0 !important;/*25px 15px;*/
	background-color: #fff!important;
	position: relative;
	top: 0/*-184px/*-162px*/
}
.plaintext_first_sidebar {
    background-color: #bfcdbf; /*#7f7f7f;/*#78b52e;*/
    padding: 15px;
	margin-top: 80px
}
.plaintext_first_sidebar a,
.plaintext_first_sidebar h3 {
	color: #fff;
	text-align: center;
	margin-bottom: 15px
}
.plaintext_first_sidebar ul,
.plaintext_first_sidebar li {
    list-style: disc !important;
    margin-left: -10px;
    color: #fff;
}

.widget {
	margin-bottom: 0!important;
	border-bottom: 1px solid #fff;
	padding: 5px 0 25px 0
}
.widget:last-of-type {
	border-bottom: none;
}
.page-numbers {
	background-color: #333;
	padding: 5px 12px;
	color: #fff!important;
	line-height: 2.5;
}
.page-numbers:hover {
	background-color: #78b52e;
}
.page-numbers.current {
	background-color: #d30133;
	padding: 5px 12px;
	color: #fff!important;
	line-height: 2.5;
}
img {
    max-width: 100%;
    height: auto;
}
.blog-start-img {
	width: 45px;
	float: left;
	margin-right: 15px;
	margin-top: 20px;
	margin-bottom: 20px
}
.blog-start-top-img {
	width: 135px;
	float: left;
	margin-right: 15px;
	margin-top: 20px;
	margin-bottom: 20px
}
button, input, select, textarea {
    width: 100%;
	height: 35px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:1px solid #BEBEBE;
	padding: 7px;
	margin:0px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
}
[type="radio"] {
	height: 20px;
}
button:focus, input:focus, select:focus, textarea:focus {
    /*-moz-box-shadow: 0 0 8px #d30133;*/
	-moz-box-shadow: 0 0 5px rgba(211,1,51,0.5);
	-webkit-box-shadow: 0 0 5px rgba(211,1,51,0.5);
	box-shadow: 0 0 5px rgba(211,1,51,0.5);
	border: 1px solid rgba(211,1,51,0.5);
}

.btn-alternative {
 color:#fff;
 background-color:#78b52e;
 border-color:#78b52e
}
.btn-alternative:hover {
 color:#fff;
 background-color:#87CC33;
 border-color:#87CC33
}
.btn-alternative.focus,
.btn-alternative:focus {
 -webkit-box-shadow:0 0 0 2px rgba(2,117,216,.5);
 box-shadow:0 0 0 2px rgba(2,117,216,.5)
}
.btn-alternative.disabled,
.btn-primary:disabled {
 background-color:#78b52e;
 border-color:#0275d8
}
.btn-alternative.active,
.btn-alternative:active,
.show>.btn-alternative.dropdown-toggle {
 color:#fff;
 background-color:#78b52e;
 background-image:none;
 border-color:#78b52e
}

.vbox-close {
    right: 20px!important;
    font-size: 54px!important;
	height: 80px!important;
}

option {
	font-size:15px!important;
}
label {
    color: #141417;
}
input {
	/*cursor: pointer !important*/
}
.submit {
	width:auto!important;
}
textarea {
    height: auto!important;
}
[type="reset"], [type="submit"], button, html [type="button"] {
    -webkit-appearance: button;
    background-color: #78b52e;
    border: none;
    color: #fff;
	cursor: pointer;
	transition: all ease 0.5s;
}
[type="reset"]:hover, [type="submit"]:hover, button:hover, html [type="button"]:hover {
    background-color: #87CC33;
    border: none;
    color: #fff;
	transition: all ease 0.5s;
}

.post a {
    color: #78b52e!important;
    text-decoration: none;
}
.social-wrapper {
	padding: 20px 15px;
	background-color: #eee;
	margin: 0 0 35px 0
}
.social {
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: center
}

.social-item {
/*	flex-grow: 1;
	flex-basis: 33%;
	flex-shrink: 1; */
	flex: auto;
	text-align: center
}

.cat-subtitle {
	font-size: 1.6em;
	color: #d30133;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	position: relative;
	top: -40px
}

.wrapper {
    max-width: 1200px !important;
	width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px !important;
    padding-left: 0 !important;
}
.wrapper-main {
    max-width: 900px !important;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0 !important;
    padding-left: 0 !important;
	margin-top: 80px
}
.container {
    max-width: 900px!important;
    width: 100%;
}
#content {
    max-width: 100% !important;
    width: 100%;
    /*padding: 0 55px 0 0 !important;*/
	padding: 0 35px 0 0 !important;
}
#respond {
    padding: 0 20%;
}

/*** Home ***/

#wrapper-slider-menu {
	display: flex!important;
	display: -ms-!important;
	flex-direction: row;
	max-width: 1200px;
	width: 100%;
	display: block;
	margin-top: 45px;
	justify-content: space-between;
	align-content: space-between
}
.item-slider-menu-1 {
	flex-basis:25%/*25%*/;
	margin-top: -15px;
	/*border: 1px solid #000*/
}
.item-slider-menu-2 {
	flex-basis:71%/*71%*/;
	border: 1px solid rgba(90,90,90,0.1)
}
.slider {
	max-width: 870px;
	width: 100%;
	box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3)
}
.blog-teaser-wrapper {
	display: flex;
	flex-direction: row;
	margin-bottom: 35px
}
.blog-top-teaser-item {
	width: 50%;
	padding: 0 35px 0 0
}
.blog-teaser-wrapper {
	display: flex;
	flex-direction: row;
}
.blog-teaser-item {
	/*flex-basis: 50%;*/
	padding: 0;
	/*flex: 1;*/
	margin-right: 40px;
	width: 50%;
	flex-grow: 1
}
.blog-teaser-item:last-of-type {
	margin-right: 0;
}

.blog-teaser-item a,
.blog-teaser-item a:hover,
.blog-teaser-item a:visited,
.blog-teaser-item a:active,
.blog-teaser-item a,
.blog-teaser-item a:hover,
.blog-top-teaser-item a:visited,
.blog-teaser-item a:active {
	color: #78b52e!important
}
.blog-teaser-item-more h2 {
	margin-bottom: 45px;
	border-bottom: 1px dotted #d30133;
}
.blog-teaser-item-more h3 {
	margin-bottom: 25px
}
.blog-teaser-item-more ul,
.blog-teaser-item-more li {
	line-height: 1.25;
	margin-left: -40px;
	font-size: 1.4em/*1.6em*/;
/*	text-indent: -22px*/
	margin-top: 25px;
	margin-bottom: 25px
}
/*.blog-teaser-item-more li:before {
	content:'\25B6';
	color: #d30133;
	margin-right: 10px;
	font-size: 0.8em
}*/


.page-content {
	/* padding: 60px 0; */
	max-width: 1200px;
	width: 100%;
	display: flex;
	margin: 0 auto;
	padding: 0!important
}
.page-content-standard {
	max-width: 1200px;
	width: 100%;
	display: flex;
	margin: 0/*120px*/ auto;
	padding: 0!important
}
.plaintext_single {
    max-width: 1200px !important;
	padding-left: 30px !important;
}
.sidebar {
	max-width: 300px;
	width: 100%;
}
.primary_sidebar {
    text-align: left !important;
	padding: 0 15px !important;
	background-color: #bfcdbf/*#7f7f7f/*#78b52e*/ !important;
}
.logo-alternative {
	max-width: 350px;/*420px*/;
	width: 100%;
	max-height: 65px;
	overflow: hidden;
}

#posts {
    max-width: 100%!important;
}
#post_content > p {
	margin-bottom: 13px!important;
	line-height: 1.7
}
#post_heading {
	font-size: 2.5em!important;
	letter-spacing: 0!important;
	line-height: 1.2!important;;
}
.archive_wrapper { display: flex; flex-direction: row }
.archive_image { width: auto/*30%/*42%*/; margin-right: 25px; box-shadow: 0 0 15px 2px #ddd; }
.archive_text { width: 70%/*58%*/ }
.archive_text_wide { width: 100% }
.post-data-wrapper {
	width: 100%;
	text-align: right;
	margin: 10px 0;
	background-color: #fff
}
.post_date
{
	font-size:1em!important;
	margin: 10px 30px 15px 0;
}
.breadcrumbs {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	top: 120px;
	background-color: #fff!important
}
.breadcrumb {
	position: relative;
	top: 50px;
    padding: 5px 20px!important;
    margin-bottom: 0!important;
    list-style: none!important;
    background-color: #fff!important;
    border-radius: 0!important;
	font-size: 13px
}
nav.breadcrumb {
	display: none
}
.breadcrumb a {
    color: #78b52e
}
.breadcrumb a:hover {
    color: #78b52e
}

.magazin-home {
	width: 100%;
	height: 520px;
	background-color: #555
}

/*** Menü ***/
.menu-mainmenu-container {
	height: 35px
}
.menue {
	display: block;
}
#cssmenu {
    max-width: 870px!important;
	width: 100%!important;
}
#cssmenu > ul {
	display: flex;
	align-items: center;
	padding: 0 0/*30px*/ 0 0!important;
	flex-direction: column
}
#cssmenu > ul > li {
	color: #78b52e!important;
	background-color: transparent;
	border-bottom: 2px solid #777;
	margin: 0 8px!important;
	padding: 3px 0 3px 0!important;
	text-decoration: none !important;
	text-transform: uppercase;
	font-size: 1em;
	width: 100%!important;
	height: auto!important;
	transition: all 0.3s ease-in-out;
}
#cssmenu > ul > li:hover {
	color: #fff !important;
	background-color: #78b52e;
	margin: 0 8px!important;
	transition: all 0.2s ease-in-out;
}
#cssmenu > ul > li > a {
	padding: 6px/*30px*/ 15px 7px 15px!important;
	color: #78b52e !important;
}
#cssmenu > ul > li > a:hover {
	padding: 6px/*30px*/ 15px 7px 15px!important;
	color: #fff !important;
}
#cssmenu .current-menu-item > a, 
#cssmenu .current_page_item > a {
    background-color: #78b52e;
    /*min-height: 42px;*/
	height: auto;
	color: #fff !important;
}
#cssmenu .current-menu-item > a::before, #cssmenu .current_page_item > a::before {

}
.organisation-wrapper {
	display: flex;
	max-width: 1200px;
	width: 100%;
	margin: 25px auto;
	padding: 0 60px;
	border-top: 1px dotted #d30133;
	border-bottom: 1px dotted #d30133
}
.organisation-item {
	flex: auto;
	padding: 15px 0;
}

/* Form */

.form-wrapper {
	display: flex;
	justify-content: space-around;
}
.form-item {
	
}

/* archive */

.post_date_blog {
	display: block;
	padding: 5px 8px 0
}
.cat_blog {
	display: block	
}
.cat_blog ul,
.cat_blog li {
	list-style: none;
	display: inline-block;
	margin-left: 3px;
	padding: 3px 5px 0;
}
.beibi-schmal {
	max-width: 250px;/*290px;*/
	width: 100%;
	float: left;
	margin-right: 35px;
	margin-bottom: 15px;
	box-shadow: 0 0 15px 2px #ddd;
}
.beibi-schmal img {
	width: 250px;
}
.beibi-breit {
	max-width: 100%;
	width: 100%;
	display: block;
	margin-bottom: 15px;
	box-shadow: 0 0 15px 2px #ddd;
}
.cap {
	font-size: 12px;
	font-style:italic;
	position: relative;
	top: 0;
	padding: 0 8px;
	max-width: 240px;
	display: block;
}
/* Comments */

.comment-body > p {
    font-size: 1em!important;
    line-height: 1.6!important;
}


.dk-speakout-petition-wrap,
.dk-speakout-petition-wrap input,
.dk-speakout-message,
.dk-speakout-message-editable textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	margin: 5px 0 0 3%;
	position: relative;
	top: 28px;
	vertical-align: bottom;
}
.dk-speakout-submit {
	background: #78b52e ;
	background: -webkit-linear-gradient(#78b52e, #78b52e);
	background: -moz-linear-gradient(#78b52e, #78b52e);
	background: -ms-linear-gradient(#78b52e, #78b52e);
	background: -o-linear-gradient(#78b52e, #78b52e);
	background: linear-gradient(#78b52e, #78b52e);
	border-radius: 4px;
	border: none;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	padding: .5em 4em;
	position: relative;
	text-shadow: none;
}
.dk-speakout-submit:hover {
	background: #bfcdbf ;
	background: -webkit-linear-gradient(#bfcdbf, #bfcdbf);
	background: -moz-linear-gradient(#bfcdbf, #bfcdbf);
	background: -ms-linear-gradient(#bfcdbf, #bfcdbf);
	background: -o-linear-gradient(#bfcdbf, #bfcdbf);
	background: linear-gradient(#bfcdbf, #bfcdbf);
}
.dk-speakout-submit:active {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	position: relative;
	top: 1px;
}
.dk-speakout-petition-wrap .dk-speakout-optin-wrap label,
.dk-speakout-petition-wrap label {
	margin-left: 50px;
}
.dk-speakout-full {
	margin: 8px 0 0 0;
}
.dk-speakout-submit-wrap {
	margin: 30px 6% 30px 0;
}
@media(max-width:1200px) {
	.page-content {
		padding: 60px 15px!important;
	}
	.item-slider-menu-1 {
		min-height: 380px
	}
	.item-slider-menu-2 {
		border: none;
	}
}

@media(max-width:1024px) {
	.page-content {
		flex-direction: column;
	}
	.crellyslider {
		width: 45vw!important
	}
	.item-slider-menu-2 {
		flex-basis: 45vw;
	}
	.item-slider-menu-1 {
		flex-basis: 52vw;
		min-height: 300px
	}
}
@media(max-width:768px) {
	#wrapper-slider-menu {
		flex-direction: column;
		max-width: 768px;
		width: 100%;
	}
	.crellyslider {
	    width: 100% !important;
	}
	.page-content {
		flex-direction: column;
		margin-top: 0/*160px*/
	}
	.sidebar {
		top: 0
	}
	.wrapper-main {
		max-width: 100% !important;
		padding-right: 15px !important;
		padding-left: 15px !important;
	    margin-top: 0;
	}
	.titel-home h3 {
		font-size: 1.2em !important;
		margin: 10px 0 10px 0/*10px*/;
	}
	.item-slider-menu-1 {
		flex-basis:15%;
		margin-top: 0;
}
	.item-slider-menu-2 {
		flex-basis:85%
	}
	#content {
		padding: 0 !important;
	}
	.container {
		width: 768px!important;
		max-width: 100%;
	}
	.page-content-standard {
		max-width: 768px;
		width: 100%;
		flex-direction: column;
		margin: 150px auto 0 auto;
		padding: 0!important
	}
	#cssmenu {
		max-width: 768px!important;
		width: 100%!important;
		margin-left: 0!important;
	}
	#cssmenu > ul {
		padding: 0!important;
	}
	.sidebar {
		max-width: 768px;
		width: 100%;
	}
	.sidebar-standard {
		top: 0
	}
	.plaintext_first_sidebar {
		padding: 0 150px;	
	}
	.breadcrumb {
		top: 210px;
	}
	.dk-speakout-petition-wrap {
		margin: 5px 0 0 0;
	}
	.form-wrapper {
		flex-direction: column;
	}
	.form-item {

	}	
}

@media(max-width:540px) {
	.page-content {
		margin-top: 25px
	}
	.post p {
		font-size: 17px !important;
		line-height: 1.7;
	}
	.post li, .post ul {
		font-size: 17px !important;
		line-height: 1.7;
		
	}
	.blog-teaser-item {
		margin-right: 0;
		width: 100%;
	}
	.logo-alternative {
		max-width: 540px;
		width: 70%;
		max-height: 45px;
		margin-left: 7px;
	}
	#subtitel h2 {
		font-size: 0.85em;
		margin-left: 10px;
		letter-spacing: 0px
	}
	#cssmenu > ul {
		padding: 0!important;
		flex-direction: column;
		max-width: 540px;
		width: 100%;
		margin: 0 auto;
	}
	#cssmenu > ul > li {
		margin: 0!important;
		width: 100%!important;
		height: auto/*85px*/!important;
	}
	#cssmenu > ul > li:hover {
		color: #fff !important;
		background-color: #78b52e;
    	margin: 0!important;
		padding: 0
	}

	#cssmenu > ul > li > a {
		padding: 10px 15px!important;
	}
	#cssmenu .current-menu-item > a::before, #cssmenu .current_page_item > a::before {
		display: none;
	}
	.wrapper {
		max-width: 540px !important;
		width: 100%;
	}
	.sidebar-standard,
	.sidebar-home {
		top: 0
	}
	.wrapper-main {
		margin-top: 30px/*230px*/
	}
	.blog-teaser-wrapper {
		flex-direction: column;
	}
	.plaintext_first_sidebar {
		padding: 0 15px;
	}
	.beibi-schmal {
		max-width: 540px;
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 15px
	}
	.beibi-breit {
		max-width: 540px;
		width: 100%;
		display: block;
		margin-bottom: 15px
	}
	.archive_wrapper {
		flex-direction: column
	}
	.archive_text,
	.archive_text_wide {
		width: 95%
	}
	.archive_image {
		width: 42%;
		margin: 0 auto 15px
	}
	.page-content-standard {
		max-width: 540px;
		width: 100%;
		flex-direction: column;
		margin: 25px auto 0 auto;
		padding: 0!important
	}
	.breadcrumb {
		top: 220px;
	}
	.dk-speakout-petition-wrap .dk-speakout-optin-wrap label,
	.dk-speakout-petition-wrap label {
		margin-left: 10px;
		width: 50%
	}

}

@media(max-width:340px) {
	.breadcrumb {
		top: 250px;
	}
}