* {
	margin: 0;
	padding: 0;
}
body {
        font-family: 'Droid Serif', serif;
        background: #171717;
        color: #dfdfdf;
}
/*
        position: absolute;
*/
header {
	margin-top: 9%;
        width: 100%;
        background: #efefef;
        color: #171717;
        padding: 2em 0 0.01em;
	text-align: center;
}
header p { 
        font-size: 3em;
}
.post {
	margin-top: 20px;
	color: #1f1f1f;
}
ul {
	text-align: center;
}
li {
        list-style: none; line-height: 3em;
}
a {
        color: inherit;
        text-decoration: none;
        font-size: 2em;
}
a:hover {
        text-decoration: underline;
        color: #fff;
        text-shadow: 0 0 5px white;
        transition: text-shadow 1s;
}
.button {
	color: #fff;
}
.button:hover {
	color:#efefef;
}
.center {
	text-align: center;
}
.content {
	margin-top: 50px;
	width: 100%;
	padding: 15px 0 0 ;
}
.journal {
	color: #1f1f1f;
	background-color: #efefef;
	border: 1px solid #e0e0e0;
	box-shadow: 0 0 2px #ddd;
}
.article {
	text-align: left;
	padding: 15px 15px 40px 15px;
}
.main {
	margin-top: 50px;
	text-align: center;
}
.black-link {
	font-size: 1.3em;
}
.black-link:hover {
	color: inherit;
        text-decoration: underline;
        text-shadow: 0 0 2px #1f1f1f;
        transition: text-shadow 1s;
}
.header-link {
	font-size: inherit;
}
.header-link:hover {
        text-decoration: none;
        text-shadow: 0 0 5px #1f1f1f;
}
.meta {
	color: #3f3f3f;
	font-size: 0.8em;
	text-align: right;
}
.journal-li {
        line-height: inherit;
}
.margin-top {
	margin-top: 20px;
}
.margin-top-small {
	margin-top: 10px;
}
.margin-left{
	margin-left: 20px;
}
.margin-left-small {
	margin-left: 10px;
}
.margin-left-extra-small {
	margin-left: 5px;
}

/* Für projects/, damit der Text nicht überlappt, aber nah beieinander steht. */
@media (min-width: 755px) {
	.text-right {
		text-align: right;
	}
	.text-left{
		text-align: left;
	}
} 
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    #3f3f3f;
	opacity:  .75;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #3f3f3f;
	opacity:  .75;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #3f3f3f;
	opacity:  .75;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    #3f3f3f;
	opacity:  .75;
}
.contactform input{
	color: #000;
}
.contactform textarea {
	color: #000;
}
.contactform:hover {
}
.contactform-button {
	/*
  background-color: #1f1f1f !important;
  border-color: #efefef !important;  
	color: #1f1f1f !important;
        text-shadow: 0 0 1px #1f1f1f;
        transition: text-shadow 1s;
	color: #3f3f3f !important;
  */
	color: #1f1f1f !important;
}
.contactform-button:hover {
	text-decoration: underline;
	color: inherit !important;
        text-shadow: 0 0 1px #efefef;
        transition: color 1s;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	background-color: #efefef;
	border: 1px solid #e0e0e0 !important;
	box-shadow: 0 0 2px #ddd !important;
}
/* detectes robots */
.hp {
	display: none;
}
#captcha-img {
	background-color: #efefef;
	background: #efefef;
	/*box-shadow: 0 0 2px #ddd !important;*/
	border-radius: 4px;
}