@charset "utf-8";
/* CSS Document */


/* Allgemeine Styles */
body, html {
	padding:0;
	margin:0;
}
body {
	font-family:Verdana, Geneva, sans-serif;
	background:rgba(255,214,92,1);
}
h1 {
	font-size:26px;
	color:#FFF;
	/*text-shadow: -2px -2px 1px #E05F1E, 2px 2px 1px #00122B;*/
	text-shadow: -1px -1px 1px #E05F1E, 2px 2px 1px #000;
	padding:10px 0;
	margin:0;
}
h2 {
	font-size:26px;
	color:#FFF;
	/*text-shadow: -2px -2px 1px #E05F1E, 2px 2px 1px #00122B;*/
	text-shadow: -1px -1px 1px #E05F1E, 2px 2px 1px #000;
	margin:0 0 20px 0;
}
p {
	margin:0 0 10px 0;
}
a:link,
a:active,
a:visited {
	color:#E05F1E;
	text-decoration:none;
}
a:hover,
a:focus {
	text-decoration:underline;
}
button {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	line-height:20px;
	font-weight:normal;
	/*background-color:#FFD65C;*/
	background:transparent;
	border:2px solid #E05F1E;
	border-radius:4px;
	box-shadow: -1px -1px 1px #E05F1E, 2px 2px 1px #000;
	text-shadow: 1px 1px 1px #000;
	cursor:pointer;
	color:#E05F1E;
	
	padding:10px;
	height:80px;
	width:150px;
	margin:0 0 -30px 0;
	
	transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
}
button:hover,
button:focus,
button.btn-active {
	background-color:#E05F1E;
	color:#FFF;
}
button.btn-magic {
	margin:-30px 20px 0 0;
}

.layout {
	max-width:800px;
	margin:0 auto;
	padding:0;
}
.layout.line {
	padding:0 20px;
	border-bottom:2px solid #E05F1E;
}

.clear:after {
	clear:both;
	content: "";
	display:block;
}

/* Header */
header {
	position:relative;
	z-index:1;
	padding:0;
	text-align:right;
}

/* Switcher */
main {
	position:relative;
	z-index:100;
}
.top {
	position:relative;
	margin:0 0 50px 0;
}
.top img {
	width:200px;
	height:auto;
	margin:-40px 0 0 0;
}
.bottom {
	position:relative;
}
.content-magic {
	position:relative;
	z-index:10;
}
.content-magic img.cardmarket {
	width:200px;
	height:auto;
}
.gradient {
	margin-top:-100px;
	position:relative;
	height:300px;
	z-index:5;
	background: rgb(255,214,92);
	background: linear-gradient(180deg, rgba(255,214,92,1) 0%, rgba(88,54,34,1) 100%);
}
.content-schoggi {
	position:relative;
	z-index:10;
	padding:20px 0 0 0;
	background: rgba(88,54,34,1);
}
.content-schoggi p {
	color:#fff;
}
.button-container button {
	float:left;
}



/* Schoggi-Inhalt */
.content-gif div {
	float:left;
	width:70%;
}
.content-gif img {
	max-width:100%;
	height:auto;
	float:right;
	width:25%;
}