@charset "utf-8";
/*
Light	"source-sans-pro"	300	normal	
Bold	"source-sans-pro"	700	normal

ExtraLight	"source-serif-pro"	200	normal	
Light	"source-serif-pro"	300	normal	
Semibold	"source-serif-pro"	600	normal	
*/
body, html{
	margin: 0;
	padding:0;
	height: 100%;
	font-family: "source-sans-pro",Calibri, Verdana, Geneva, Arial, sans-serif;
	font-size:16px;
	line-height:24px;
	color: #000;
	text-decoration:none;
	font-weight:300;
	/*
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	*/
}


a {
	color: #070707;
	font-weight:normal;
	text-decoration:none; 
	outline:0 none;

	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
a:hover {color:#666;}
p {margin:0 0 10px 0;}
blockquote {margin:0 0 0 30px;}
strong {font-weight:700;}
.serif strong, strong.serif, strong .serif{font-weight:600;}
h1 {
	font-family: "source-serif-pro", Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 32px;
	line-height: 28px;
	font-weight:200;
	font-style:normal;
	text-transform:uppercase;
	letter-spacing:2px;
	margin:0;
	margin:0 0 20px 0;
}
h2 {
	font-family: "source-serif-pro", Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 26px;
	line-height: 24px;
	font-weight:200;
	font-style:normal;
	text-transform:uppercase;
	letter-spacing:2px;
	margin:0 0 15px 0;
}
h3 {
	color:#070707;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	font-style:normal;
	margin:0 0 10px 0;
}
h4 {
	color:#070707;
	font-size: 14px;
	line-height: 22px;
	font-weight: 700;
	font-style:normal;
	margin:0 0 10px 0;
}
.capitels	{
	text-transform:uppercase;
}
.klein	{
	font-size: 11px;
	line-height:16px;
}
.serif {font-family: "source-serif-pro", Georgia, "Times New Roman", Times, serif;}
.schwarz, .schwarz:hover, .schwarz:active, .schwarz:link, .schwarz:visited { color: #000;}
.weiss, .weiss:hover, .weiss:active, .weiss:link, .weiss:visited { color: #FFF;}
.blau, .blau:hover, .blau:active, .blau:link, .blau:visited { color:rgb(0,159,227);}
.grau, .grau:hover, .grau:active, .grau:link, .grau:visited { color:#666;}

.bottom_line{ margin-bottom:20px;}
.bottom_line:after { display:block; content: " "; background-color:rgb(0,0,0); width:24px; height:4px; margin-top:15px;}

.linebg {
  display: inline;
  background: #000000;
  box-shadow: 10px 0 0 #070707, -10px 0 0 #070707;
  color:#FFF;
  padding:5px 0;
  line-height:30px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  margin-left:10px;
}
h1.linebg {
	line-height:40px;
}
.xl{
	font-size: 32px;
	line-height: 28px;
}	
.l{
	font-size: 16px;
	line-height: 22px;
}
.round {
	/*clip-path: circle(50px,50px,50px);*/
	border-radius:50%;
}
.button_box{
	display:inline-block;
	background:#070707;
	font-weight: normal;
	font-style:normal;
	color:#FFF;
	padding:7px 14px;
}
.button_box:hover{
	color:#FFF;
	background:#000;
}

img.scalable_img {
	display:block;
	width:100%;
	height:auto;
}
.border{border:1px solid #CCC; padding:1px;}

ul {
list-style-type: none;
list-style-position:outside;
margin:0;
padding:0;
}
li {
position:relative;
margin:5px 0 5px 20px;
}
li:before { position:absolute; content: "_ "; color:rgb(92,91,96); left:-20px;}

hr {color:#bdc3c7; background-color:#bdc3c7; height:1px; border:none;}