@charset "utf-8";
@font-face {
    font-family: 'PublicaPlayExtraLight';
    src: url('../fonts/PublicaPlay/PublicaPlay-ExtraLight.eot'); /* IE9 Compat Modes */
    src: url('../fonts/PublicaPlay/PublicaPlay-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/PublicaPlay/PublicaPlay-ExtraLight.woff') format('woff'), /* Modern Browsers */
         url('../fonts/PublicaPlay/PublicaPlay-ExtraLight.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/PublicaPlay/PublicaPlay-ExtraLight.svg#PublicaPlay-ExtraLight') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'PublicaPlayLight';
    src: url('../fonts/PublicaPlay/PublicaPlay-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/PublicaPlay/PublicaPlay-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/PublicaPlay/PublicaPlay-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/PublicaPlay/PublicaPlay-Light.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/PublicaPlay/PublicaPlay-Light.svg#PublicaPlay-Light') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

*{
	margin: 10px 0 0 0;
	padding: 0;
  font-family: "PublicaPlayLight", "PublicaPlayExtraLight", Georgia, sans-serif;
  font-weight: 100;
	text-transform:lowercase;
	color: #ECA366;
}

html, body{
	margin:0;
	padding:0;
	font-size: 20px;
}

.social {
	width: 60px;
	height: 60px;
	border:0;
	opacity: 0.5
}

.links {
  color: rgba(128, 128, 128, 1);
	letter-spacing: 4px;
	font-weight: 900;
	text-align: center;
	margin: 0 auto 0 auto;
}

.links span {
	position: relative;
	top: -20px;
}

.instagram {background-image: url('../images/instagram.svg')}
.instagram:hover {background-image: url('../images/instagram_hovered.svg')}
.twitter {background-image: url('../images/twitter.svg')}
.twitter:hover {background-image: url('../images/twitter_hovered.svg')}

div#wahre-groesse {
	margin: 0 auto 0 auto;
}

.lfm {
	margin: 100px auto 0 auto;
}

.solo {
	margin: 0 auto 0 auto;
}

.solo, .solo img, .lfm, .lfm img {
	width: 90vw;
	max-width: 800px;
	border:0;
}


.header {
	margin: 0 auto 5px auto;
}

.header, .header img {
	width: 70vw;
}

body{
	background-color: #000000;
}

a {
	text-decoration: none;
  color: #BC7346;
}

a:hover {
	color: #ECA366;
}


h1, h2 {
	text-shadow: 2px 3px 3px #CC6326;
	letter-spacing: 4px;
	font-weight: 400;
	text-align: center;
}

h1 {
	font-size: 4vw;
}

h2 {
	font-size: 5vw;
}

h2 a {
    color: #BC7346;
}

h3, h4, h5, h6 {
	letter-spacing: 4px;
	font-weight: 300;
	text-align: center;
}

h3.important {font-weight: bold;color: #DD3333}

h3 {font-size: 2.25vw;margin-bottom: 20px;}
h4 {font-size: 2vw}
h5 {font-size: 1.5vw;margin:0 5vw 20px 5vw}
h6 {font-size: 2vw}

@media screen and (max-width: 1200px) {
	h3 {font-size: 2.8vw;margin-bottom: 20px;}
	h4 {font-size: 2.3vw}
	h5 {font-size: 2vw;margin:0 5vw 20px 5vw}
	h6 {font-size: 1.5vw}
}

@media screen and (max-width: 800px) {
	h3 {font-size: 3.3vw;margin-bottom: 20px;}
	h4 {font-size: 2.8vw}
	h5 {font-size: 2.5vw;margin:0 5vw 20px 5vw}
	h6 {font-size: 2vw}
}

@media screen and (max-width: 500px) {
	h3 {font-size: 3.8vw;margin-bottom: 20px;}
	h4 {font-size: 3.3vw}
	h5 {font-size: 3vw;margin:0 5vw 20px 5vw}
	h6 {font-size: 2.5vw}
}

.footer--left {
	margin: 10px 10px 30px 20px;
	font-size: 12px;
	float: left;
}

.footer--right {
	margin: 10px 20px 30px 10px;
	font-size: 12px;
	float: right;
	text-align: right;
}

.external {
	color: #82A623;
}

.external:hover {
	color: #ECA366;
}

.post_content {
	margin:0 5vw 20px 5vw;
}