body { 
	font-size:18px;
	line-height: 1.5;
	color:#7f7f7f; 
	font-family: Arial, Helvetica, sans-serif; 
	background:#fff
}

@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}
/* Selection */

::-moz-selection {
	background: #0093CF;
	color: #fff;
}

::-webkit-selection{
	background: #0093CF;
	color: #fff;
}

::selection{
	background: #0093CF;
	color: #fff;
}

/* TYPO */

h1, h2, h3, h4, h5, h6 {
	font-weight:normal; 
	line-height:1em;
	text-rendering: optimizeLegibility;
}

h1 { 
	font-size: 43px; 
	color:#0093CF; 
	line-height: 1.1em; 
	padding-bottom:20px; 
	text-transform: uppercase;
	margin-top: 70px;
}

a {
	color:#7f7f7f;
	outline:0;
	cursor:pointer;
	
	-webkit-transition: all 0.125s ease-in-out 0s;
	   -moz-transition: all 0.125s ease-in-out 0s;
		-ms-transition: all 0.125s ease-in-out 0s;
		 -o-transition: all 0.125s ease-in-out 0s;
			transition: all 0.125s ease-in-out 0s;
}
a, 
a:visited { 
	text-decoration:none;
	outline:0;
}

a:hover{ 
	color:#0093CF;
	text-decoration:none;
	outline:0
}
a:focus, 
a:active, 
a:visited { 
	text-decoration:none; 
	outline:0
}

p { 
	padding:0 0 22px 0
}

/* Logo */

#logo {
	background:url(../images/logo.png) 0 0 no-repeat;
	width:365px;
	height:176px;
	background-size:365px 176px;
}

/* Stoerer */

#stoerer {
	background:url(../images/stoerer.png) 0 0 no-repeat;
	/*margin: 0 auto;*/
	width:250px;
	height:250px;
	background-size:250px 250px;
}

/* Retina-Images */

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	#logo {
		background:url(../images/logo@2x.png) 0 0 no-repeat;
		background-size:365px 176px;	
	}
	#stoerer {
		background:url(../images/stoerer@2x.png) 0 0 no-repeat;
		background-size:250px 250px;
	}
}

/* Header */

header {
	margin: 30px 0;
}
/* Social-Links */

.social-links {
	float: right;
}

ul.social-links {
	text-align: left;
	padding: 0;
	margin: 0;
}

.social-links li {
	display:inline-block;
	margin-right: 8px;
	box-shadow:none;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out;
	padding-top: 81px;
}

.social-links li a {
	background:0 0;
	display:block;
	color:#fff;
	font-size:18px;
	width:36px;
	height:36px;
	line-height:38px;
	text-align:center;
	border-radius:50%;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out;	
	
	background:#999;
	text-decoration:none;
	border-color:#999;
}

.social-links li a:hover {
	color:#fff;
	background:#0093CF;
	text-decoration:none;
	border-color:#fff;
}

/* Tooltips */

.tooltip-inner {
	padding: 10px 20px;
	background-color: #000;
	color: #fff;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #000;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #000;
}

/* Silouette */

.berlin {
	background:url(../images/berlin.png);
	background-repeat: no-repeat;
	background-position: center; 
	height: 300px;
	margin-bottom: 35px;
}

/* Footer */

.footer-title {
	color: #0093CF;
	font-weight: bold;
}

.footer .imprint {
	text-align: right;
	padding-top: 27px;
}

@media (max-width: 767px) {
	
	body { 
		font-size:16px;
		line-height: 1.5;
	}
	
	header {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	#logo {
		background:url(../images/logo.png) 0 0 no-repeat;
		width:220px;
		height:106px;
		background-size:220px 106px;
		margin-top: 36px;
	}
	
	#stoerer-m {
		background:url(../images/stoerer-m.png) 0 0 no-repeat;
		/*margin: 0 auto;*/
		width:110px;
		height:110px;
		background-size:110px 110px;
		float: 	right;
	}
	
	h1 { 
		font-size: 24px;
		margin-top: 20px;
	}
	
	ul.social-links {
		margin-top: 0;
	}
	
	.social-links li {
		padding-top: 0;
	}
	
	.footer .imprint {
		text-align: left;
		padding-top: 0;
	}
	
	.berlin {
		height: 220px;
		background-size:882px 220px;
		margin-bottom: 20px;
	}
	
	.before::before, .after::after {
	    content: "\A";
	    white-space: pre;
	}
}

@media only screen and (max-width: 480px) {
	
	a {
		color: #fff;
	}

	.berlin {
		height: 160px;
		background-size:642px 160px;
		margin-bottom: 0;
	}
	
	footer {
		color: #fff;
		background: #0093CF;
		padding-top: 20px;
	}
	
	.footer-title {
		color: #fff;
		padding-top: 20px;
	}
	
	footer .imprint {
		padding-bottom: 20px;
	}

}