@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/OpenSans-Regular-webfont.eot');
	src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
		 url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
		 url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
	}
	
@font-face {
	font-family: 'open_sanslight';
	src: url('../fonts/OpenSans-Light-webfont.eot');
	src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
		 url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
		 url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
	font-weight: normal;
	font-style: normal;
	}

body {
	font-family: "open_sansregular",Helvetica,Arial,sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	}
	
a {
	color: #D84614;
	transition: all linear 0.2s;
	}

h1,h2,h3,
.lead,
.nav > li > a:focus,
.nav > li > a  {
	font-family: "open_sanslight",Helvetica,Arial,sans-serif;
	}

h1 {
	font-size: 75px;
	}

h2 {
	margin-bottom: 0;
	font-size:40px;
	color:#F15312;
	}

.lead {
	color:#666
	}

hr {
	margin-top:40px;
	margin-bottom:40px;
	}
	
ul li {
	list-style-type: square;
	color:#F15312;
	}

.contentlist li span {
	color:#333
	}

.navbar-brand > img {
    max-width: 200px;
	}	
	
.nav > li > a.active {
	color:#D84614 ;
	}	

.nav > li > a:focus,
.nav > li > a {
	color: #333;
	text-transform: lowercase;
	font-size: 18px;
	border-bottom: 3px solid transparent;
	}

.nav > li > a:focus,
.nav > li > a:hover {
	color: #D84614;
	border-bottom: 3px solid #D84614;
	}
	
.nav > li > a:focus,
.nav > li > a:hover {
	background-color: transparent;
	}
	
.navbar-toggle .icon-bar {
	border: 1px solid #333;
	}

.btn {
	border-radius: 0;
	font-size: 16px;
	transition: all linear 0.2s;
	}

.btn-default {
	color: #F15312;
	background-color: transparent;
	border-color:#F15312;
	}
	
.btn-default:hover {
	color: #FFF;
	background-color: #F15312;
	border-color:#F15312;
	font-weight: bold;
	}
	
.btn-primary {
	color: #FFF;
	background-color: #F15312;
	border-color:#F15312;
	}
	
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	color: #F15312!important;
	background-color: transparent!important;
	border-color:#F15312!important;
	}
	
.referenzen img {
	margin:20px 20px 0 20px;
	max-width: 200px;
	}

.intro_container {
	position:absolute;
	bottom:0;
	}	

.content-top.hosting {
	background: transparent url('../images/bg-hosting.jpg')no-repeat top 250px center;
	height: 550px;
	}

.content-top.freespeech {
	background: transparent url('../images/bg-freespeech.png')no-repeat bottom right -100px;
	min-height: 630px;
	background-size: contain;
	}

label {
	display: none;
	}
	
#contact {
	padding: 20px;
	background-color: #f1f1f1;
	margin:80px 0;
	}
	
.kontaktformular {
	margin-bottom: 40px;
	}

.kontaktformular .form-control {
	border: none;
	padding: 5px 10px;
	margin-bottom: 10px;
	box-shadow: none;
	border-radius: 0;
	}			
	

/* BACK TO TOP */

#top-link-block.affix-top {
	position: absolute;
	bottom: -1000px;
	right: 10px;
	}

#top-link-block.affix {
	position: fixed;
	bottom: 50px;
	right: 10px;
	}

#top-link-block a,
#top-link-block a:focus,
#top-link-block a:active {
	padding: 15px;
	background-color: #F15312;
	border:1px solid #F15312;
	text-align: center;
	color: #FFF;
	}

#top-link-block a:hover {
	background-color:#FFF;
	color:#F15312;
	}
	

/* MEDIA QUERIES */


@media (min-width:1200px){

	.content-top.freespeech {
		background-position: bottom center;
		}
}

@media (max-width:1199px){

	.content-top.hosting {
		background-position:  top 250px right -100px;
		}	
}

@media (max-width:991px){

	.content-top.hosting {
		background-position:  top 250px right -300px;
		}
}

@media (max-width: 991px) {
	
	.nav > li > a:focus,
	.nav > li > a {
		background-color: #f7f7f7;
		border-bottom: 3px solid #FFF;
		}
		
	.nav > li > a:focus,
	.nav > li > a:hover {
		background-color: transparent;
		border-bottom: 3px solid transparent;
		}
}

@media (max-width:767px){

	h1 {
		font-size: 50px;
		}

	.content-top.hosting {
		background-position:  top 170px right -400px;
		height:500px;
		}
	
	.content-top.freespeech {
		min-height: 500px;
		}	
}

@media (max-width:480px){

	h1 {
		font-size: 35px;
		}

	.content-top.hosting {
		background-position:  top 250px right -80px;
		background-size: 100%;
		height: 420px;
		}

	.content-top.freespeech {
		min-height: 450px;
		}	
}