@charset "utf-8";

/*
Theme Name: BetaVOID
Author: Robin Thier | Sebastian Stüber | Tanja Steinmeyer
Description: Welcome to the VOID! A vastly vanishing sphere of emptiness. A place or a state where fearful thoughts and lost ideas are hiding behind precious memories. A ministry of disguised souls and long forgotten dreams, living and dying, breathing and starving of intelligent intuitions while raising their little voices to enumerate negative nonsense. An Art of giving and learning how good giant amounts of half shared happiness could be and ever imagined by heavy heads of trustworthy thinkers in their rickity rocking chairs, riding onto the horizon of pointy punchlines or poor poems. In here you can find moonlight mimikrying the pouring parades of sunlight and stars stearing into strings of the sky. Strategies you may find for living a lasting live full of parky paths in pathethic parks. Welcome tot he VOID and you may never ever leave it.
Version: 1.0
*/

/* ---------->>> Alles auf 0 <<<-----------*/

{
	background-color: red;
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	font: inherit;
	vertical-align: baseline;
	border: 0;
}

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

ol,ul {
	list-style: none;
}

/* ---------->>> Wordpress Formatierung <<<-----------*/

blockquote{
	max-width: 70%;
}

blockquote p {
	font-size: 20px;
	line-height: 140%;
	color: #f93;
	border-left: 4px solid #f93;
	margin: 10px 0 !important;
	padding: 15px;
}

.alignleft,.left {
	float: left;
	margin-right: 15px;
}

.alignright,.right {
	float: right;
	margin-left: 15px;
}

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

::-moz-selection {
	color: #000;	
	background: #efefef;
}

::selection {
	color: #000;
	background: #efefef;
}

strong {
	font-weight: 600;
}

em{
	font-style: italic;
}

hr{
  border-width: 1px 0px;
  border-style: solid none;
  border-color: rgba(0, 0, 0, 0.1) -moz-use-text-color rgba(255, 255, 255, 0.3);
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  height: 0px;
}

/* ---------->>> Allgemeine Styles <<<-----------*/

html{
	height: 100%;
	background: #fff;
}

a:link {
	color: #FF9933;
	text-decoration: none;
	font-family: "Raleway", sans-serif;
}

a:active,a:visited {
	color: #444;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a:focus {
	outline-style: none;
}

h1,h2,h3,h4,h5,h6{
	text-rendering: optimizeLegibility;
}

h1 {
	font: 700 36px/41px "Raleway",sans-serif;
	color: #000;
	margin: 5px 0;
}

h2 {
	font: 700 28px/120% "Raleway",sans-serif;
	color: #000;
	margin: 10px 0 5px 0;
}

h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 130%;
	color: #444;
	font-family: "Raleway", sans-serif;
}

h4 {
	font-size: 15px;
	font-weight: 400;
	font-family: "Raleway", sans-serif;
	line-height: 25px;
	color: #000;
}

h5 {
	font-size: 13px;
	font-weight: 400;
	font-family: "Raleway", sans-serif;
	line-height: 22px;
	color: #000;
}

h6 {
	font-size: 12px;
	font-weight: 400;
	font-family: "Raleway", sans-serif;
	line-height: 22px;
	color: #444;
}

p {
	font-size: 16px;
	font-style: inherit;
	font-weight: 400;
	font-family: "Raleway", sans-serif;
	line-height: 1.7;
	color: #444;
	padding: 0;
  margin-bottom: 1.5em;
  text-rendering: optimizeLegibility;
}

b{
  font-weight: 600;
}

i{
  font-style: italic;
}

/* ---------->>> Header <<<-----------*/

body{
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
}

main{
	max-width: 1080px;
	min-width: 320px;
	margin: 20px auto 0 auto;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	background: #efefef;
}

header{
	top: 0px;
	z-index: 2;
	text-align:center;
	overflow: hidden;
	position:sticky;
}

header > a{
  display: inline-block;
 }

#logo{
	display: block;
	width: auto;
	height: 42px;
	padding: 5px 10px 5px 0;
	box-sizing: border-box;
	margin-top: 10px;
}

.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky !important;
}

#slogan{
	text-align: left;
	font-weight: 300;
	font-size: 14px;
	padding: 6px;
	color: rgba(0,0,0,0.7);
	line-height: inherit;
}

#header_bar{
	top: 0;
	width: 100%;
	background: rgba(38,50,56,0.2);
	height: 30px;
}

#order{
	width: auto;
	display: flex;
}

#header_bar nav{
  width: 1080px;
  height:30px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
  justify-content: space-between;
}

#social_icon{
  right: 0;
  top: 0;
}

#social_icon img{
  margin: 3px;
}

#social_icon a:hover{
  opacity: 0.7;
}

#header_bar nav ul{
  display: flex;
  flex-flow: row wrap;
}

#header_bar nav ul li{
	display: block;
}

#header_bar nav ul li,
#header_bar nav ul li a{
  color: rgba(0,0,0,0.7);
  font-size: 14px;
  font-weight: 300;
  padding: 6px;
}

#header_bar nav ul li a:hover{
    color: #FFF !important;
}

nav#header{
	background: #f93; 
	width: 100%;
	top: 0;
  	z-index: 199;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.admin-bar nav#header{
  top:32px;
}

#mobile-menue-hut{
  display: none;
}

#mobile-menue{
	display: none;
}

#mobile-menue-text{display: none;}

.head_nav{
	width:1080px;
    height: auto;
	margin: 0 auto;
	display: flex;
  	flex-flow: row wrap;
    position: relative;
}

nav#header ul{
	display: flex;
	flex-direction: row;
	flex-flow: row wrap;
    height:62px;
}

nav#header ul li{
	display: block;
	box-sizing: border-box;
	height: 62px;
	font-family: "Raleway", sans-serif;
	transition: background-color 0.5s ease;
	position: relative;
}

nav#header ul li:hover {
	height: 100%;
	background-color: #efefef!important;
}

nav#header ul li:hover a{
	color: #444;
}

nav#header ul li.current_page_item{
  background-color: #fce1ca;
}

nav#header ul li.current_page_item a{
	color: #444 !important;
}

nav#header ul li a {
	display: block;	
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	text-transform: uppercase;
	margin: 0 auto;
	padding: 17px 10px 13px 10px;
}

nav#header ul li ul{
	width: 1080px;
    display: none;
	z-index: 1;
	position: absolute;
	left: 0;
    top:  57px;
	margin-top: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    flex-direction: row;
    flex-wrap: wrap;
    vertical-align: middle;
    left: -280px;
}

nav#header ul li:hover ul{
	display: flex;
	height: auto;
    box-shadow: none;
    border-bottom: 2px solid #888;
    background: #efefef;
}

nav#header ul li ul li{
    width: 30%;
    float: none;
    height: auto;
	position: relative;
	text-align: left;

}

nav#header ul li ul li a{
	padding: 10px;
    color: #666 !important;
}

nav#header ul li ul li a:hover{
	color: #f93 !important;
}

.suche{
    height: 62px;
    width: 62px;
    margin-left: auto;
    cursor: pointer;
    display flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.suche:hover{
    background: rgba(0,0,0,0.1);
}

.suche img{
    width: auto;
    height: 50%;
}

input#search-button{
    display: none;
}

#search-button:checked ~ .search-form{
    width: 300px;
}

.search-form{
	height: 62px;
	overflow: hidden;
	padding: 0;
	box-sizing: border-box;
    margin-left: auto;
    position: absolute;
    transition: width 0.5s ease;
    width: 0px;
    right: 62px;
}

.search-field{
	width: 300px;
	height: 62px;
	font-size: 28px;
	font-family: "Raleway", sans-serif;
	font-weight: 600;
	color: #444;
	text-transform: uppercase;
    background: #fff;
	padding: 8px 10px;
	border: none;
	box-sizing: border-box;
}

#HID{
  position: fixed;
  left: 20px;
  top: 10px;
}
	
/* ---------->>> Content Start <<<-----------*/

.SponsoredPost .index_info .index_category,
.Sponsored .index_info .index_category{
    background: #263238;
}

.Sponsored .category a{
    color: #fff;
    background: #263238;
    padding: 10px;
    display: inline-block;
}

.Sponsored .category a:hover{
    background: #efefef;
}

#big_box{
	width: 1080px;
	border-bottom: 1px solid #eee;   
}

#big_box .index_info_bild{
	width: 100%;
	height: auto;
	overflow: hidden;
	position:relative;
}

#big_box .index_post_img{
	width: 1080px;
	height: 420px;
	overflow: hidden;
	position: relative;
}


#big_box .index_post_img::after{
	content: "";
	height: 100%;
	left: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	background-image: linear-gradient(12deg, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
}

#big_box img{
	transition: opacity 0.7s ease, transform 0.7s ease;
	position: relative;
    width: 1080px;
    height: 420px;
    object-fit: cover;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
 
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
 
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


#big_box .index_info {
  animation-name: fadeIn; 
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

#big_box .index_info{
	position: absolute;
	bottom: 0;
	margin: 50px 50px 85px 50px;
	width: 40%;
	height: 60%;
	pointer-events: none; 
  transition: transform 0.7s ease;
}

#big_box .index_info h3{
	letter-spacing: -0.7px;
	color: #fff;
	font: 30px/100% "Raleway", sans-serif;
	margin: 20px 0 5px 0;
}

#big_box .index_info p{
	color: #fff;
	font-size: 18px;
}

#big_box .index_info .post_time{
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 400;
  text-transform: none;
  color: rgba(255, 255, 255, 0.75);
  margin: 5px 0 20px 0;
  border: none;
  text-align: left;
}

#big_box .index_info .index_category{
	pointer-events: none; 
  position: relative;
}

#big_box:hover img{
	opacity: 0.7;
}

#mitte{
	width: 720px;
	overflow: hidden;
	background: #fff;
	display: flex;
  	flex-direction: column;
  	padding: 30px;
}

@keyframes FadeIn {
	0%   { opacity: 0; padding-top:20px;}
	100% { opacity: 1; padding-top:00px;}
}

.FadeIn{
	animation-name: FadeIn; 
	animation-duration: 1s;
	animation-fill-mode:forwards;
}

.FadeOut{
	animation-name: FadeIn; 
	animation-duration: 10s;
	animation-fill-mode:forwards;
}

.spinner {
	width: 80px;
	height: 80px;
	background-color: #333;
	margin: 100px auto;
	border-radius: 100%;  
	-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
	animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
	0% { -webkit-transform: scale(0) }
	100% {
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}

@keyframes sk-scaleout {
	0% { 
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	
	100% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
		opacity: 0;
	}
}

#mitte section{
	display: flex;
  	flex-direction: column;
}

#mitte section img{
	display: block;
}

#mitte section p{
	display:block;
	padding: 15px 20px 15px 0;
}

.PostRow {
	width: 720px;
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
	position: relative;
	display: flex;
  	flex-direction: row;
  	flex-flow: row wrap;
  	justify-content: space-between;
}

.PostRow:last-child {
	border: none;
	margin-bottom: 0;
}

.PostRow section{
	width: 345px;
	transition: color 0.5s ease;
}

.PostRow section:hover h3{
	color: #FF9933;
}

.index_info_bild{
	position: relative;
	overflow: hidden;
}

.weiterlesen{
	position: absolute;
	top: 0px;
	height: 165px;
	width: 100%;
	transition: background 0.5s ease;
	pointer-events: none;
}

.weiterlesen p{
	color: #fff;
	font-size: 22px;
	text-transform: uppercase;
	margin: 40px 0 5px 0;
	padding: 0 !important;
	text-align: center;
	transform:translateX(-500px);
	transition: transform 0.7s ease;
}

.weiter{
	width: 65px !important;
	height: auto !important;
	margin: 0 auto;
	transform:translateX(-300px);
	transition: transform 0.7s ease;
}

.PostRow section:hover .weiterlesen{
	background: rgba(0,0,0,0.5);
}

.PostRow section:hover .weiterlesen p,
.PostRow section:hover .weiter{
	transform:translateX(0);
}

.index_post_img{
	width: 345px;
	height: 165px;
	overflow: hidden;
}

.index_post_img img{
    width:auto !important;
	height:auto !important;
	min-width: 100% !important;
	min-height: 100% !important;
}

.index_info{
	display:block;
}

.index_info .index_category{
	margin: 0;
	padding: 2px 10px !important;
	color: #fff;
	text-transform: uppercase;
	background: #FF9933;
	display: inline-block !important;
}

.index_info .index_category a{
	color: #fff;
	font-size: 14px;
	line-height: 24px;
}

.index_info h3{
	display: block;
	margin-top: 15px;
	font-size: 24px;
	font-weight: 300;
	color: #000;
}

.post-next, .post-prev {
	font-weight: 300;
	letter-spacing: 0;
	margin: 5px 0;
	padding: 15px;
	border-bottom: 1px solid #444;
	text-align: center;
}

/*NEW!!*/

.post-nav{
  margin-right: 30px;
  margin-bottom: 15px;
}

.post-nav li {
	width: 100%;
	display: inline;
	float: left;
	text-align: center;
  padding: 0;
  position: relative;
}

.post-nav li a {
	position: relative;
	min-height: 30px;
	display: block;
	padding: 16px 40px 24px;
}

.post-nav li a strong {
	display: block;
	font-size: 12px;
	color: #aaa;
	letter-spacing: .5px;
	font-weight: 400;
	text-transform: uppercase;
}

.post-nav li a span {
	font-size: 15px;
	color: #444;
}

.post-nav li a:hover span {
	color: #444;
}


.post-nav li a span {
	-webkit-transition-property: background color;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background color;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: ease-out;
	-o-transition-property: background color;
	-o-transition-duration: .2s;
	-o-transition-timing-function: ease-out;
	transition-property: background color;
	transition-duration: .2s;
	transition-timing-function: ease-out;
}

.post-nav li a {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #efefef;
}

.post-nav li a:hover {
	background: #ebebeb;
	background: rgba(0,0,0,.02);
}

.post-nav li.next a,.post-nav li.previous a {
	border-bottom: 1px solid #efefef;
}


.post-nav {
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
}


.post-nav li.next {
	float: right;
	-webkit-box-shadow: -1px 0 0 #eee,inset 1px 0 0 #eee;
	box-shadow: -1px 0 0 #eee,inset 1px 0 0 #eee;
  border-top: 1px solid #efefef;
}

.post-nav li.next a {
	padding-left: 24px;
}

.post-nav li.previous {
	float: left;
	-webkit-box-shadow: 1px 0 0 #eee,inset -1px 0 0 #eee;
	box-shadow: 1px 0 0 #eee,inset -1px 0 0 #eee;
}

.post-nav li.previous a {
	padding-right: 24px;
}

.post-nav li.previous a:after{
  content: url(img/ic_chevron_r.svg);
  position: absolute;
  top: 50%;
  right: 5px;
  opacity: 0.3;
  margin-top: -10px;
}

.post-nav li.next a:after{
  content: url(img/ic_chevron_l.svg);
  position: absolute;
  left: 5px;
  top: 40%;
  opacity: 0.3;
}

.post-nav li.next:hover a:after,
.post-nav li.previous:hover a:after{
  opacity: 1;
}

.pagelink{
    display: flex;
    flex-flow: row;
    align-items: stretch;
    width: 100%;
    background: #efefef;
    margin: 20px 0;
}

#pageNav{
	margin: 0 auto;
}

#pageNav .page-numbers{
	display: inline-block;	
	font-family: "Raleway", sans-serif;
	text-transform: uppercase;
	background: #efefef;
	color: #aaa;
	margin: 3px;
	padding: 10px 15px;
	text-align: center;
	vertical-align: middle;
	transition: background 0.5s ease;
}

#pageNav .page-numbers:hover{
	background: #f93;
	color: #fff;
}

#pageNav span{
	background: #f93 !important;
	color: #fff !important;
}

.pagelink a{
    flex: 1;
    background: #f93;
}

.pagelink a:hover{
    background: rgba(255, 153, 51, 0.63);
}

.pagelink p{
    margin: 0 !important;
    flex: 1;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    color: #444;
    border-right: 1px solid #fff;
}



.pagelink p.link{
    color: #fff;
    flex: 1;
    margin: 0 !important;
}

.index_title, .author_title{
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 10px;
  border-bottom: 3px solid #F93;
  color: #444;
  text-transform: uppercase;
}

.index_title span{
  color: #F93;
}


/* ---------->>> Artikel <<<-----------*/

main{
	display: flex;
  	flex-direction: row;
  	flex-flow: row wrap; 
	flex-justify: space-between;
}

article{
	margin-top: 35px;
	overflow: hidden;
}

#post{
	width: 750px;
	margin: 0 30px 0 0;
	background: #fff;
	box-sizing: border-box;
	padding: 0 70px 20px 35px;
}

#post h2{
	font-size: 20px;
	font-style: inherit;
	font-weight: 600;
	line-height: 1.5;
	color: #f93;
	padding: 0;
	margin: 0 20px 0.5em 20px;
}

#post h3{
	font-size: 18px;
	font-style: inherit;
	font-weight: 600;
	line-height: 1.7;
	color: #444;
	padding: 0;
	margin: 0 20px 0.5em 20px;
}

#post .quellen{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5em;
	color: #444;
	padding: 0;
	margin: 0;
}

#post .extra_info{
	font-size: 14px;
	line-height: 1.5em;
	padding: 20px 20px 20px 50px;
	background: #efefef;
	display: block;
	position: relative;
}

#post .extra_info:before{
	content: url(img/ic_bookmark.svg);
	position: absolute;
	top: 5px;
	left: 10px;
	opacity: 1;
	margin-top: -10px;
}

#post_img_box{
	width: 1080px;
	height: 340px;
	overflow: hidden;
	margin: 0 auto 0 auto;

}

#post_img_box img{
	width:auto;
	height:auto;
	min-width: 100%;
	min-height: 110%;
	margin-top: -10%;
}

#post table{
   border-collapse: collapse;
   border-spacing: 0px;
   hyphens: auto;
}

#post tr,
#post th,
#post td{
  padding-right: 2em;
  padding-top: 2em;
  border-bottom: 0px solid #CCC;
}

#post td{
  vertical-align: top;
  font-family: "Raleway", sans-serif;
}

#post td img{
  width: 200px;
  height: auto;
}

article .category{
  font-weight: 700;
  font-size: 14px;
  text-transform:uppercase;
}

article .category a{
  color: #F93;
}

.single article img{
	height: auto;
  max-width: 100%;
}

.post_title{
	font-size: 32px;
	letter-spacing: -1px;
	line-height: 1.3em;
	font-weight: 400;
	font-family: "Raleway",sans-serif;
	color: #000;
	margin: 0 20px 0 20px;
	word-wrap: break-word;
}

.page .post_title{
  margin:  10px 0;
}

.post_subtitle{
	margin: 10px 0 0 20px;
	font-weight: 400;
  font-size: 20px;
}

#post #wordcount{
	color: #444;
	font-size: 12px;
	text-align: right;
}

#post article p{
	margin-left: 20px;
	margin-right: 20px;
  font-size: 18px;
  line-height: 1.7;  
}

.post_time{
	font-size: 14px;
	font-family: "Arial", sans-serif;
	font-weight: 400;
	color: #aaa;
	text-transform: uppercase;
	margin: 15px 20px 1em 20px;
	border-top: 1px solid #efefef;
	text-align: right;
	display: block;
}

.category a:hover{
	color: #444;
}


.single #post p:nth-child(6) {
	font-weight: bold;
}

.wp-caption {
	background: #f1f1f1;
	max-width: 100%;
	height: auto;
	margin-bottom: 14px;
	text-align: center;
}

 .wp-caption-text {
	font-style: italic;
}

.wp-caption a {
	border-bottom: none;
}

 .wp-caption img {
	margin: 0;
	max-width: 100%;
	height: auto;
}

 .wp-caption.alignleft {
	margin-right: 20px;
}

 .wp-caption.alignright {
	margin-left: 20px;
}

 .wp-caption.alignnone {
	width: 100%!important;
	overflow: hidden;
}

 .wp-caption.alignnone img {
	margin: 0 auto;
	max-width: 100%!important;
}

 .wp-caption-text {
	color: #999;
	font-size: 15px;
	padding: 5px 5px 10px 5px;
	margin: 0;
}

ul{
  font-family: "Raleway", Sans-serif;
}

#post ul{
    margin-bottom: 1.5em;
}

ul li{
	list-style: outside disc;
    padding: 5px 5px 5px 20px;
}

ol li{
	list-style: inside decimal;
	padding: 4px;
	font-size: 1.2em; 
	color: #444;
}

/*Gallerie*/
.gallery{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 1.5em 0 1.5em 20px;
}

.gallery-item{
  margin: 3px 10px 3px 0;
  width: 31%;
}

.gallery .gallery-icon img{
  height: auto;
  width: 100%;
  position: relative;
}


.gallery .gallery-icon img:hover{
  opacity: 0.7;
}

.post_tag{
	margin:10px 0 10px 0;
  font-size: 12px;
}

.post_tag span {
	font-size: 14px;
	color: #999;
	display: inline-block;
	margin: 0 7px 0 0;
}

.post_tag a {
	background: #f2f2f2;
	display: inline-block;
	line-height: 16px;
	white-space: nowrap;
	font-size: 12px;
	color: #999;
	padding: 3px 7px;
	margin: 0 5px 2px 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.post_tag a:hover {
	background-color: #3b8dbd;
	color: #fff;
}

#shareIcon a{
  font-size: 100%;
  padding: 10px 10px 12px 37px;
  color: #fff;
  border: 0px none transparent;
  background-color: #55acce;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  position:relative;
  float: right;
}

#shareTwitter:before, #shareWA:before{
    content: url(img/Twitter_w.svg);
    width: 40px;
    height: 50%;
    display: inline-block;
    line-height: 0.5;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    padding: 0;
    opacity: 0.4;
}

#shareIcon a#shareWA{
	background-color: #25D366;
}

#shareWA:before{
	content: url(img/whatsapp.svg);
}

#print{
  font-size: 100%;
  padding: 10px 10px 10px 35px;
  color: #444;
  border: 0px none transparent;
  background-color: #efefef;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  position:relative;
  float: right;
}

#print:before{
  content: url(img/ic_print.svg);
  width: auto;
  height: 100%;
  display: inline-block;
  line-height: 1;
  box-sizing: border-box;
  position: absolute;
  left: 10px;
}

#print:hover, #shareIcon a:hover{
  background-color: #f93 !important;
  color: #fff;
}


#post #social_icon{
    margin: 10px auto;
    opacity: 0.5;
}


.vorschau{
	width: 100%;
}

.vorschau h3{
  margin-top: 10px;
  padding: 30px 0 20px 0;
  border-top: 1px solid #efefef;
  text-transform: uppercase;
  text-align: center;
}

a.vorschau{
	width: 30%;
	height: 230px;
	padding: 1.6%; 
	float: left;
	overflow: hidden;
}

.vRbild{
	width: 100%;
	position: relative;
  overflow: hidden;
}

.vRbild:before{
	content: "";
	background-image: linear-gradient(12deg, rgba(0, 15, 20, 0.6) 15%, rgba(0, 15, 20, 0.15) 52%, rgba(0, 15, 20, 0) 70%);
	width: 100%;
	height: 100%;
	top: -2%;
	bottom: 0;
	right: 0;
	position: absolute;
}

.vRbild img{
	width:auto;
	height:auto;
	min-width: 100%;
	min-height: 100%;
}

.vRbild:hover img{
	filter: grayscale(100%);
}

.vTitel{
	position: absolute;
	bottom: 0;
	padding: 15px;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	line-height: 1.2em;
	hyphens: auto;
}

.vRbild:hover .vTitel{
  color: #f93;
}

/* ---------->>> Kommentare <<<-----------*/


/* ---------->>> Reportagen Template <<<-----------*/

.post-template-single-report main{
    width: 100%;
    max-width: 100%;
    margin-top: 0;
}

#post.report{
    width: 100%;
    margin: 0;
    padding: 0;
} 

#report_bild_box{
    position: relative;
}

#report_bild_box #post_img_box{
    width: 100%;
    height: 70vh;
}

#report_bild_box #post_img_box:after{
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;    
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.72), transparent);
}

#report_bild_box #report_extra{
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1080px;
    z-index: 2;
}

#report_bild_box #report_extra a{
    color: #fff;
    font-weight: 600;
}

#report_extra .post_title{
    font-size: 48px;
    color: #fff;
    font-weight: bold;
}

#report_extra .post_subtitle{
    font-size: 30px;
    color: #fff;
}

#report_extra .post_time{
    text-transform: none;
    margin: 0;
    font-size: 16px;
    border: none;
    text-align: inherit;
    display: inline;
    margin: 0 20px;
    color: #fff;
}

#report_extra .category a{
    margin: 0 20px;
    padding: 2px 10px !important;
    color: #fff !important;
    text-transform: uppercase;
    background: #FF9933;
    display: inline-block !important;
}
    

#post.report article{
    margin: 50px auto;  
    width: 65%;
}

#post.report article p,
#post.report article h2,
#post.report article h3,
#post.report article h4,
#post.report article h5,
#post.report article h6,
#post.report .post_tag,
.comments-area{
    width: 645px;  
    margin: 0 auto 1.5em auto; 
}

#post.report article p:nth-child(6) {
    font-weight: inherit;
}

#post.report article p:nth-child(1){
    margin: 0 auto 1.5em 10%; 
    font-weight: 600;
    line-height: 2em;
}

#post.report article figure{
    margin: 1.5em 10%;
}

.dot {
	background-image: url(img/dot.png);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
    bottom: 0;
	z-index: 1;
	opacity: .5;
	pointer-events: none;
}

h2.comments-title{
  clear: both;
  margin-top: 30px;
  font-size: 14px;
  text-transform: uppercase;
  color: #444;
}

.comments-area{
  margin-top: 20px;
}

.comment-list{
  margin-bottom: 40px !important;
  margin-left: 0px !important;
  padding-bottom: 10px;
}

.comment-list li{
	list-style-type: none;
}

.comment-list li.comment,
.comment-list li.pingback{
  background-color: #fff;
  overflow: hidden;
  padding: 0px 0px 10px 25px;
  position: relative;
  border-bottom: 1px solid #efefef;
}

.comment-list .children{
  padding: 0 0 0 35px;
  border-top: 1px solid #efefef;
  position: relative;
  background: white;
}

.comment-list .children:before{
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: #efefef;
  top: -7.5px; 
  left: 55px;
  transform: rotate(45deg);
}

.comment-list .comment-author{
  font-size: 12px;
  color: #444;
}

.comment-list .comment-author .fn{
  font-size: 16px;
  font-weight: bold;
  color: rgb(255, 153, 51);
}

.comment-metadata time{
  color: #444;
}

.comment-list li.comment > div img.avatar,
.comment-list li.pingback > div img.avatar {
    position: absolute;
    left: 29px;
    top: 29px;
    width: 60px;
    height: 60px;
}

.comment-list .comment-meta {
    font-size: 11px;
    line-height: 15px;
    text-align: left;
    background: transparent;
    padding: 10px 0;
}

.comment-list li.bypostauthor .comment-meta{
  background: #fff;
}

.comment-list .reply {
  font-size: 11px;
  padding: 3px;
  text-align: right;
  color: #444;
}

.comment-body{
 margin-top: 0;
 padding: 15px 0;
  font-family: "Raleway", sans-serif;
}

#post article .comment-content p{
  margin: 0;
  padding: 4px 0;
  font-size: 16px;
  line-height: 1.5em;
}

#commentClick {
	background-color: #efefef!important;
	display: inline-block;
	padding: 10px;
	cursor: pointer;
}

#commentClick:hover {
	background-color: #F7821E!important;
}

#respond {
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0px !important;
}

	#respond input:focus, textarea:focus{
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}
  
  #respond input#email:invalid:focus,
  #respond input#author:invalid:focus{
  box-shadow: 0 0 5px rgba(208, 23, 23, 1);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(208, 23, 23, 1);
}
  
  #respond input#email:valid:focus,
  #respond input#author:valid:focus{
  border: 1px solid rgba(11, 207, 24, 1);
  box-shadow: 0 0 5px rgba(11, 207, 24, 1);
  margin: 5px 1px 3px 0px;
}
  
#reply-title {
	font-size: 18px!important;
}

#cancel-comment-reply-link {
  margin-left: 10px;
  padding-left: 10px;
  position: relative;
  border-left: 1px solid #efefef;
}

#cancel-comment-reply-link:hover {
	color: #777;
}

#respond{
	width: 100%;
	display: inline-block;
	clear: both;
}

#respond h3{
	cursor: pointer;
	text-align: center;
	background: #FF9933;
	border-radius: 2px;
	height: 35px;
	font-weight: 400;
	color: #fff;
	padding: 7px 0 0 0;
	font-family: "Raleway", sans-serif;
	text-transform: uppercase;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

form#commentform{
	overflow: hidden;
	transition: max-height 2s ease;	
}

#commentform {
	background: #efefef;
	margin-bottom: 15px;
	-webkit-border-radius: 2px;
	border-radius: 0 0 5px 5px;
}

#commentform p{
 margin: 0 10px;
 float: left;
 width:30%
}

#commentform .comment-form-comment, #commentform .comment-notes{
   width:98%;
}

#commentform p #author,
#commentform p #email,
#commentform p #url{
  height: 30px;
}

#commentform p #comment{
  width: 98%;
  resize: vertical;
  min-height: 150px;
}

#commentform label {
	padding: 6px 0;
	font-weight: 600;
	display: block;
}

#commentform input,#commentform textarea {
	width: 100%;
}

#commentform textarea {
	height: 100px;
}

#commentform p.form-submit {
	margin-top: 10px;
}

.logged-in #reply-title {
	margin-bottom: 20px;
}

.logged-in #commentform p.comment-form-comment {
	margin-top: 10px;
}

.logged-in #commentform p.comment-form-comment label {
	display: none;
}

#respond input, textarea {
	  -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;
	  padding: 5px 0px 5px 5px;
	  margin: 5px 1px 3px 0px;
	  border: 1px solid #c2c2c2;
}

span.required{
  color: rgba(208, 23, 23, 1);
  font-weight: 600;
} 

input#submit{
  height: 40px;
  width: 170px;
  background: rgba(255,153,51,0.5);
  color: #fff;
  border: none;
  position: relative;
  transition: background 0.7s ease;
  cursor: pointer;
}

#submit:hover{
  background: rgba(255,153,51,1);
}

/* ---------->>> Sidebars <<<-----------*/

aside{
	width: 300px;
	display: flex;
  	flex-direction: column;
  	background: #efefef;
}

aside#right{
	padding: 30px 0 30px 0;
}

aside iframe{
  border: 0px none;
  height: auto;
}

aside iframe{
	height: 300px;
	width: 260px;
	margin: -8px auto;
}

aside iframe body{
	margin: 0;
}

.iframe-wysija{
    width: 80%;
    padding: 0 30px;
}


#qwergelesen{
	width: 240px;
	margin: 0 auto;
}


#qwergelesen img{
	width: 240px;
	height: auto;
	margin: 0 auto;
}

#qwergelesen .qw-title{
	font-weight: 400;
	font-family: "Raleway", sans-serif;
	line-height: auto;
	text-transform: uppercase;
	background-color: #FF9933;
	font-size: 26px;
	color: rgba(255, 255, 255, 0.6);
	display: block;
	text-align: center;
	width: 240px;
}

#qwergelesen p{
	margin: 0 18px 10px ;
	font-family: "Raleway", sans-serif;
	font-size: 18px;
	line-height: 1.4em;
	font-weight: 300;
	color: #444;
	text-align: center;
}

.side_img{
	width: 240px;
	height: 113px;
	margin: 20px auto 10px auto;
	overflow: hidden;
	
}

.side_img img{
    width: 240px;
	height: 113px;
    object-fit: cover;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

aside#left h2,
aside#right h2{
	font-family: "Raleway", sans-serif;
	font-size: 18px;
	line-height: 1.4em;
	font-weight: 300;
	color: #444;
	margin: 0 30px 0 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e4e4e4;
}

aside#left h3{
	width: 240px;
	font-family: "Raleway", sans-serif;
	font-weight: 600;
	line-height: auto;
	text-transform: uppercase;
	font-size: 12px;
	color: #f93;
	display: inline-block;
	text-align: left;
	margin: 10px 30px 0 30px;
}

aside#left a:hover h2{
  color: #FF9933;
}

.vorher_nachher_post li{
	list-style: none;
	margin-right: 30px;
	padding: 24px;
  position: relative;
}

.next_post{
  border-top: 1px solid #efefef;
}

.next_post:hover a{
  color: #FF9933;
}



.previous_post{
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
}

.previous_post:hover a{
  color: #FF9933;
}



.vorher_nachher_post li a{
	text-align: center;
	display: block;
	font-size: 14px;
	color: #444;
	font-weight: 400;
	text-transform: uppercase;
}

.AuthorBox{
	width: 400px;	
	display: flex;
  flex-direction: column;
  background: #efefef;
  color: #000;
  font-family: "Raleway", sans-serif;
	font-weight: 300;
	text-align: center;
	padding: 15px;
	margin: 100px auto 20px auto;
}

h3#authorName{
	color: #000;
  font-family: "Raleway", sans-serif;
	font-weight: 300;
	text-align: center;
	font-size: 12px;
	margin: 10px 0 5px 0;
}
}

.AuthorBox img{
	width: auto;
	height: auto;
	max-width: 100px;
	max-height: 100px;
	border-radius: 50%;
	display: block;
	margin: -90px auto 0 auto; 
}

.AuthorBox a{
	font-family: "Raleway", sans-serif;
	font-weight: 600;
	line-height: auto;
	font-size: 20px;
	color: #FF9933;
	margin: 10px 0 5px 0;
	cursor:pointer;
}

.AuthorBox a:hover{
	color: #444;
}

body.author .AuthorBox{
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 20px 0;
}

body.author .AuthorBox img{
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 150px;
}

body.author .Author_Picture{
  display: inline;
  margin: 0 auto 20px auto;
}

body.author #authorName{
  display: none;
}

/* ---------->>> Footer <<<-----------*/

footer{
	clear: both;
	display:block;
	background: #263238;
	text-align: right;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	font-family: "Raleway", sans-serif;
}

footer #social_icon{
  margin: 0 auto;
}

/* ---------->>> 404 <<<-----------*/
.error404 main{
  background: none;
  height: 100vh;
}

#viernullvier{
  box-sizing: border-box;
	padding: 100px;
   text-align: center;
}

#viernullvier .post_title{
  font-weight: 600;
  color: #efefef;
  text-transform: uppercase;
  text-align: center;
  border-top: #f93 solid 5px;
  padding: 20px 0;
  display: block;
}

#viernullvier h2{
  color: #efefef;
  text-transform: uppercase;
  font-size: 24px;
  display: block
}

#viernullvier h3{
  padding: 50px 35px;
  font-size: 80px;
  color: #fff;
  background: #f93;
  margin: 70px 0;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}

#viernullvier .searchform{
  display: block;
  box-sizing: border-box;
}

#viernullvier .searchform div{
  width: 80%;
  margin: 0 10% 60px 10%;
}

#viernullvier .search{
  width: 100%;
  color: #999;
  background: #efefef;
  border: 3px solid #e9e9e9;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  height: 40px;
  outline: none;  
}

/* ---------->>> MOBIL <<<-----------*/

@media (max-width: 1085px){
  *{ box-sizing: border-box;}
	header{ order: 0;}
	section#content{ order: 3;}
	aside#left{ order: 4;}
	aside#right{ order: 5;}
	footer {order: 6;} 
  
  .head_nav,
  #header_bar nav{
    width: 100%;
  }
  
  main{
    width: 100%;
    background: #fff;
  }
 
  nav#header ul li:hover ul{
    display: block;
    width: auto;
    left: 0;
    height: auto;
  }
  
  nav#header ul li ul li a{
    text-align: left;
  }
 
	#big_box{
		width: 90%;
		overflow: hidden;
		padding: 0;
		margin: 0 auto;
	}
    
	#big_box .index_info{
		width: 90%;
		margin: 15px;
        box-sizing: border-box;
	}
	
	#big_box .index_info p{
		font-size: 16px;
	}
			
	#big_box .index_info h3{
		font-size: 24px;
		font-weight: 300;
	}
	
	#big_box .index_post_img{
		width: 100%;
		height: auto;
	}
	
    #big_box img{
        transform: none;
    }
    
  .index_post_img{
    overflow: hidden;
  }
  
 
  #mitte,
  .PostRow,
  .index_post_img{
    width: 100%;
  }  
    
    
  .PostRow section{
    width: 48%;
  }
  
    
    #post_img_box img{
        margin-top: 0;
    }
    
    #post.report article p,
    #post.report article h2,
    #post.report article h3,
    #post.report article h4,
    #post.report article h5,
    #post.report article h6,
    #post.report .post_tag,
    .comments-area,
    #report_bild_box #report_extra{
        width: 80%;
    }
    
   #post.report article figure{
        width: 100% !important;
    }
    
	aside{width: 50%;}
	aside#left{ width: 100%;}
  
	.side_img {
		width: 60%;
		height: 210px;
		margin: 0px auto 10px;
		overflow: hidden;
	}
	
	aside h2{
	  margin: 0px 20%;
	}
    
    .dot{
        display: none;
    }

}




@media (max-width: 800px){
	
	#mobile-menue,
	header #social_icon{
	display:none;
	}
	
	#logo{display: none;}
	
	nav#header{text-align: left;}
	
	#mobile-menue-text{
        display: inline;
        float: right;
    }
    
	#mobile-menue-bild{
		margin: 5px;
		vertical-align: middle;
		cursor: pointer;
        float: right;
	}
  
  	#mobile-menue-hut{
  		display: inline;
  		margin: 5px;
  		vertical-align: middle;
		cursor: pointer;
 	}

	#mobile-menue:checked ~ label ~ *{
		max-height:1000px;
	}
    
    .head_nav{
        max-height: 0;
        transition: max-height 0.5s ease;
        overflow: hidden;
    }
    
    .menu-seitenwaelzer-container{
        width: 100%;
    }
    
    .search-field,
	.iframe-wysija{
        width: 100%;
    }
    
    /* Menü-Icon-Animation */
    #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
          width: 20px;
          height: 15px;
          position: relative;
          margin: 15px;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: .5s ease-in-out;
          -moz-transition: .5s ease-in-out;
          -o-transition: .5s ease-in-out;
          transition: .5s ease-in-out;
          cursor: pointer;
    }

    #nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
          display: block;
          position: absolute;
          height: 3px;
          width: 100%;
          background: #d3531a;
          border-radius: 3px;
          opacity: 1;
          left: 0;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: .25s ease-in-out;
          -moz-transition: .25s ease-in-out;
          -o-transition: .25s ease-in-out;
          transition: .25s ease-in-out;
    }

    #nav-icon1 span:nth-child(1) {
        top: 0px;
    }

    #nav-icon1 span:nth-child(2) {
        top: 7px;
    }

    #nav-icon1 span:nth-child(3) {
        top: 14px;
    }

    #mobile-menue:checked ~ label #nav-icon1 span:nth-child(1) {
          top: 7px;
          -webkit-transform: rotate(135deg);
          -moz-transform: rotate(135deg);
          -o-transform: rotate(135deg);
          transform: rotate(135deg);
    }

    #mobile-menue:checked ~ label #nav-icon1 span:nth-child(2) {
        opacity: 0;
        left: -15px;
    }

    #mobile-menue:checked ~ label #nav-icon1 span:nth-child(3) {
          top: 7px;
          -webkit-transform: rotate(-135deg);
          -moz-transform: rotate(-135deg);
          -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
    }
  	
	.head_nav ul{
		height: auto !important;
		background: #f93;
	}
	
    .suche{display: none;}
        
    .search-form{
    position: relative;   
    width: 100%;
    right: 0;
    }
    
	.head_nav ul li{ 
		float: none;
		width: 100%;
        padding: 0;
	}
	
	nav#header ul li:hover ul{
		display: block;
        position: relative !important;
		width: 100%;
    	height: auto;
    	top: 0;
    	box-shadow: none;
	}
    
    nav#header ul li ul li{
        width: 100%;
    }

	
    	aside#left,
    #big_box .index_info p{
        display: none;
	}
    
	.PostRow section,
	section#post {
    		width: 100%;
	}
  
	.weiterlesen{
    		display: none;
	}
	
	.YASD{ display: none;}
	
	.parallax {transform: none !important}
	
    #post.report article{
        width: 100%;
    }
    
	#commentform p{
		width: 98%;
		padding: 5px 0px 5px 10px;
		margin: 5px 1px 3px 0px;
	}
	
	aside{
		width: 100%;
	}
  
  	article iframe{
    		max-width: 100%;
    		height: auto;
  }
  
  #typeform-full{
    height: 85vh;
  }
}




@media (max-width: 500px){
	
	blockquote{max-width: 90%;}
	
	#big_box,
    .search-form,
	.search-field,
	.post_img_box{
		width: 100%;
		height: auto;
	}
	
	.YASD{
		margin: 0;
	}

	main{
		margin: 0;
	}	

    #big_box{
        margin-bottom: 30px;
    }
        
    
    #big_box .index_info h3{
        color: #fff !important;
	    text-shadow: 2px 2px 4px rgba(30, 30, 30, 0.4);
    }
    
    
    #big_box .index_info_bild{
        height: 300px;
    }
    
    #big_box .index_post_img{
        height: 100%;
    }
    
    #big_box img{
        transform: translateY(-50%);
    }
    
    #mitte{
        padding: 0;
        margin: 0;
    }
    
    #report_bild_box,
    #report_bild_box #post_img_box{
        height: 90vh;
    }
    
    #mitte section p,
    #mitte section h3{
        padding: 15px;
        box-sizing: border-box;
    }
    
    .post-nav li.previous a {
    padding-right: 24px;
	padding: 0;
    margin: 0 auto;
    }
    
    .post-nav li{
        margin: 0;
        padding: 0;
    }
    
	#post_img_box{
		height: auto;
	}

	#post_img_box img{
		width: auto;
		height: auto;
		min-width: 100%;
		min-height: 100%;
		position: relative;
	}  

	
	#post table{
		width: 100%;
	}
	
	#post td{
		width: 45%;
		padding: 10px;
	}
  
	#post td img{
		width: 100%;
		height: auto;
	}

	#post p img{
		max-width: 100%;
		height: auto;
	}

	#sLupe{ display: none;}
	
	.YASD .search-form{
		transition: none;
	}
	
  
	.YASD:hover .search-form{
		width: 100%;
	}
	
	.search-field{
		margin: 0;
	}
	
	
    #big_box .index_info .post_time{
        display: none;
    }
    
	.wp-caption{
		max-width: 90%;
		height: auto;
	}

	#post{
		margin: 1%;
		padding: 1%;
	}
	
	#print{ display: none;}
	
	.post-nav{
		margin: 1%;
		padding-bottom: 10px;
	}
	
	.AuthorBox{
		width: 100%;
	}
	
    .vorschau{
        margin: 10px 0 20px 0;
    }
    
	a.vorschau{
        width: 100%;
    }
	
    .vTitel{
        top: 170px;
    }

    
    
}


@media print{
 
a:link {
	color: #FF9933;
	text-decoration: none;
	font-family: "Raleway", sans-serif;
}

a:active,a:visited {
	color: #444;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a:focus {
	outline-style: none;
}

h1,h2,h3,h4,h5,h6{
	text-rendering: optimizeLegibility;
}

h1 {
	font: 700 36px/41px "Raleway",sans-serif;
	color: #000;
	margin: 5px 0;
}

h2 {
	font: 700 28px/120% "Raleway",sans-serif;
	color: #000;
	margin: 10px 0 5px 0;
}

h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 130%;
	color: #444;
	font-family: "Raleway", sans-serif;
}

h4 {
	font-size: 15px;
	font-weight: 400;
	font-family: "Raleway", sans-serif;
	line-height: 25px;
	color: #000;
}

h5 {
	font-size: 13px;
	font-weight: 400;
	font-family: "Raleway", sans-serif;
	line-height: 22px;
	color: #000;
}

h6 {
	font-size: 12px;
	font-weight: 400;
	font-family: "Raleway", sans-serif;
	line-height: 22px;
	color: #444;
}

p {
	font-size: 16px;
	font-style: inherit;
	font-weight: 400;
	font-family: "Raleway", sans-serif;
	line-height: 1.7;
	color: #444;
	padding: 8px 0;
}
  
.alignleft,.left {
	float: left;
}

.alignright,.right {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
  
strong {
	font-weight: 600;
}

em{
	font-style: italic;
}
  
  div{
    width: 100% !important;
  }
  
  body{
    height: auto !important;
  }


#post{
	width: 750px;
	margin: 0 30px 0 0;
	background: #fff;
	box-sizing: border-box;
	padding: 0 35px 20px 35px;
}

#post_img_box{
	width: 1080px;
	height: 340px;
	overflow: hidden;
	margin: 0 auto 0 auto;

}

#post_img_box img{
	width:auto;
	height:auto;
	min-width: 110%;
	min-height: 110%;
	margin-top: -10%;
}

.post_title{
	font-size: 34px;
	letter-spacing: -1px;
	line-height: 1.3em;
	font-weight: 400;
	font-family: "Raleway",sans-serif;
	color: #000;
	margin: 0 20px 0 20px;
	word-wrap: break-word;
}

.post_subtitle{
	margin: 0 0 0 20px;
	font-weight: 400;
  font-size: 18px;
  color: #a2a2a2;
}

#post article p{
	margin-left: 20px;
	margin-right: 20px;
}

.post_time{
	font-size: 14px;
	font-family: "Arial", sans-serif;
	font-weight: 400;
	color: #aaa;
	text-transform: uppercase;
	margin: 15px 20px 1em 20px;
	border-top: 1px solid #efefef;
	text-align: right;
	display: block;
}

.category{
	padding: 5px;
}

#post p:nth-child(4) {
	font-weight: bold;
}

.wp-caption {
	background: #f1f1f1;
	max-width: 100%;
	margin-bottom: 14px;
	padding-top: 5px;
	text-align: center;
}

 .wp-caption-text {
	font-style: italic;
}

.wp-caption a {
	border-bottom: none;
}

 .wp-caption img {
	margin: 0;
	max-width: 100%;
	height: auto;
}

 .wp-caption.alignleft {
	margin-right: 20px;
}

 .wp-caption.alignright {
	margin-left: 20px;
}

 .wp-caption.alignnone {
	width: 100%!important;
	overflow: hidden;
}

 .wp-caption.alignnone img {
	margin: 0 auto;
	max-width: 100%!important;
}

 .wp-caption-text {
	color: #999;
	font-size: 15px;
	padding: 5px 0 10px;
	margin: 0;
}

ul li{
	list-style: inside disc;
	padding: 5px;
	font-size: 1.3em; 
	color: #3b8dbd;
}

ol li{
	list-style: inside decimal;
	padding: 4px;
	font-size: 1.2em; 
	color: #444;
}

.post_tag{
	margin-bottom: 40px;
}

.post_tag span {
	font-size: 14px;
	color: #999;
	display: inline-block;
	margin: 0 7px 0 0;
}

.post_tag a {
	background: #f2f2f2;
	display: inline-block;
	line-height: 16px;
	white-space: nowrap;
	font-size: 12px;
	color: #999;
	padding: 3px 7px;
	margin: 0 5px 2px 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.post_tag a:hover {
	background-color: #3b8dbd;
	color: #fff;
}


  #post article{margin: 0;}
  #post article a{
    color: #444;
    border-bottom: 2px dotted #444;
  }
  
  #post article post_time{
    border: none;
    text-align: left;
    margin: 10px;
  }
  
  blockquote{
	max-width: 50%;
}
  
  blockquote p{
  color: #444;
  font-size: 20px;
	line-height: 140%;
	background:#eee;
	margin:0 0 1.6em 0.8em;
	margin:0 0 1.6em 0.8em;
	padding: 15px;
  }
  
  #post article img{
    width: 300px !important;
    height: auto!important;
    float: left!important;
    margin-left: -50px!important;
    padding: 10px;
  }

  #post article ul li{color: #444;}
  
  #header,
  #header_bar,
  #post_img_box,
  aside,
  #respond,
  #comments,
  .commentlist,
  footer,
  #logo,
  #commentform,
  .vorschau,
  #print{
    display: none;
  }
  
  .post_tag:after{
    content: "seitenwaelzer.de";
    font-size: 20px;
    margin: 10px 0;
    display: block;
  }

  .AuthorBox{
	  display: block;
	  width: 100%;
	  background: transparent;
	  margin: 0;
	  padding: 0;
	  text-align: right;
  }
  
.AuthorBox img{
	  display: none;
  }
  
  #authorName{
	  text-align: right;
  }
  
   h3#authorName{
	  display: none !important;
  }}