body {
	margin: 0; padding: 0;
	font-family: arial, sans-serif;
	font-size: 16px; font-weight: 300;
	color: #333333;
	height: 100%;
	background: url(../gfx/noak.jpg) no-repeat fixed center center transparent;
	background-size: cover;
}


@font-face{
  font-family: 'fraktur';
  src: url('font/MonAmourFraktur2.eot');
  src: url('font/MonAmourFraktur2.eot?#iefix') format('embedded-opentype'), 
  url('font/MonAmourFraktur2.woff') format('woff'), url('font/MonAmourFraktur2.ttf') format('truetype'), 
  url('font/MonAmourFraktur2.svg#sparrg-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

h1,h2,h3{ font-family: 'fraktur';}

h1{ font-size: 50px; padding: 20px 0 0 0; }
h1 span{ font-size: 70px; background:#333; color:#23d3fb; padding:5px 10px; }
footer h2{ font-size: 24px; color:#23d3fb; }
ul li{ color: #fff; }

.start .img-responsive {
    margin: 0 auto;
}

.content{
	margin:4% auto;
	border:1px solid #ccc;
	background: url(../gfx/alpha.png);
}

.extrap{ padding-left:40px; }

#schachraetsel_com{ margin:40px  auto 20px auto; }
#logo { float:right; margin-right:60px;}
.schraffur{ background:transparent url('../gfx/schraffur_li.png'); padding:10px; margin-bottom:20px;}

.widget-title{
	padding:6px 0 6px 55px;
	margin:0 0 20px 0;
	line-height:24px;
	font-size: 22px;
	height:50px; 
	background:transparent url('../gfx/icon_Facebook.png') no-repeat;
}

footer {
    margin-top: 0px;
    padding: 15px 15px 30px 15px;
    border-top:5px solid #23d3fb;
    background: rgb(51, 51, 51); /* Fall-back for browsers that don't support rgba */
    background: rgba(51, 51, 51, .90);
}

footer a, footer a:hover{ color: #aaa; }

footer p{ color:#aaa; font-size:10px; padding:0px 0 0 64px; }

@media (max-width: 768px) {
	h1{ font-size: 28px;  }
	h2{ font-size: 26px;  }
	h1 span{ font-size: 40px; padding:2px 5px;  margin: 0 4px 0 0;}
	h1{ padding-top: 0px;  }
	.extrap{ padding-left:15px; }
	.widget-title{ padding-top:6px; font-size: 18px; height:50px;}
	#logo { float:left; }
}