/* CRIATED 2016 */



/* Iconfont von ionicons.com */
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
/* Webfont von Google Webfonts */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic,600italic|Sorts+Mill+Goudy);



body {
	background-color: #F0F0EB; /* warmes hellgrau 240-240-235 */
	border: 0;
	color: #323232; /* hellschwarz 50-50-50 */
	font-family: "Source Sans Pro", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.5em;
	margin: 0;
	padding: 2.5em;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	word-spacing: normal;
}
img {
	width: 100%;
}
p {
	margin: 0 0 0.5em 0;
}
ul {
	margin: 0 auto 0.5em;
	padding: 0;
	text-align: center;
}
li {
	display: inline-block;
	list-style: none;
	margin-right: 1em;
	transition: all 1s ease-in;
}
li:hover, li:focus, li:active {
	color: #960A14; /* rot 150-10-20 */
	cursor: default;
	text-shadow: 0 0 15px #ffffff;
	transition: all 0.5s ease-out;
}
main, footer {
	margin-top: 4em;
}
section {
	margin: 0 auto;
	max-width: 50em;
	width: 100%;
}



h1 {
	font-family: "Sorts Mill Goudy", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	margin: 0.5em 0;
}
h2, h3 {
	font-size: 1.25em;
	font-weight: 600;
	margin: 1.5em 0 0 0;
	text-transform: uppercase;
}
h3 {
	font-size: 1em;
	margin-bottom: 0;
}
a, a:link {
	border: 0;
	color: inherit;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	transition: all 1s ease-in;
}
a:visited {
	opacity: 0.75;
}
a:hover, a:focus, a:active {
	border-bottom: 1px solid #960A14; /* rot 150-10-20 */
	color: #960A14; /* rot 150-10-20 */
	text-shadow: 0 0 15px #ffffff;
	transition: all 0.5s ease-out;
}



*:before {
	padding: 0 0.2em;
}



#logo {
	animation: 4s linear 0s 1 alternate forwards einfaden;
	-o-animation: 4s linear 0s 1 alternate forwards einfaden;
	-moz-animation: 4s linear 0s 1 alternate forwards einfaden;
	-webkit-animation: 4s linear 0s 1 alternate forwards einfaden;
	
	background-color: #96968C;
	margin: 1em auto 0 auto;
	max-width: 125px;
}

@keyframes einfaden { from { background-color: #96968C; } to {background-color: #960A14; } }
@-o-keyframes einfaden { from { background-color: #96968C; } to {background-color: #960A14; } }
@-moz-keyframes einfaden { from { background-color: #96968C; } to {background-color: #960A14; } }
@-webkit-keyframes einfaden { from { background-color: #96968C; } to {background-color: #960A14; } }
/* grau 150-150-140 #96968C ---> rot 150-10-20 #960A14 */

#liste article {
	width: 30%;
	margin-right: 5%;
	display: inline-block;
}
#liste article.last {
	margin-right: 0;
}
#liste article.single {
	width: 100%;
	margin-right: 0;
}
#social article {
	margin: 0.4em auto 0;
	max-width: 40em;
}
#social a {
	color:#96968C; /* grau 150-150-140 */
	display:inline-block;
	font-size:3.625em;
	transition: all 1s ease-in;
}
#social a:hover, #social a:focus, #social a:active {
	border-bottom: 0;
	color: #960A14; /* rot 150-10-20 */
	text-shadow: 0 0 15px #ffffff;
	transform: scale(1.15);
	transition: all 0.5s ease-out;
}
#social a:before {
	padding: 0;
}
#social a:not(:last-child){
	margin-right: 10%;
}

article .linkicon:before {
	font-size: 0.7em;
	position: relative;
	top: -0.06em;
}
.keinumbruch {
	white-space: nowrap;
}