/*andere Farben*/
body {color:#707070;}
.bg-highlight {
	color:#FFF;
	background-color: rgb(33,33,33);
}
footer, .bg-niag {color:rgb(33,33,33);background-color:#EFEFEF;}
h1, .h1,
h2, .h2,
h3, .h3,
a, .pseudolink, #Quicklinks {
	color:#AB0A17;
}
input, input.form-control,
textarea, textarea.form-control,
select, select.form-control {
	border-color:rgb(33,33,33);
}
#wrapper #curtain {background-color:rgba(33,33,33,0.78);}
#sidebar-wrapper,
.website .navbar-header {background-color:rgb(33,33,33);}
.navbar-toggle:hover .icon-bar {
	background-color:#AB0A17;
	border-color:#AB0A17;
}
#page-content-wrapper.subpage main {background-color:#FFF;}
.Blog .inner:hover {
	background-color: rgba(33,33,33,0.85);
}

/*General*/
/*h1, .h1 {font-size:20px;}
h2, .h2 {font-size:16px;}*/
a {font-weight:inherti;transition:color 200ms linear;}
a:hover, a:focus, activehover {color:#AB0A17;transition:color 200ms linear;}
label {font-weight:bold;}

/*Navi*/
button:not(.navbar-toggle), html input[type="button"], input[type="reset"], input[type="submit"], .btn {
	color:#FFF;
	border-color:rgb(33,33,33);
	background-color:rgb(33,33,33);
}
.btn:hover, .btn:focus, .btn.focus,
html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background-color:#AB0A17;
	border-color:#AB0A17;
}
.service-nav a,
.sidebar-nav > li.active > a > span,
.sidebar-nav a:hover, .sidebar-nav a:focus, .sidebar-nav a:active, .sidebar-nav .active a {
	color:#505050;
}
.sidebar-nav > li.active > a > span {
	border-color:#505050;
}

/*weitere Besonderheiten*/
.website header {margin-top:0;}
.home header {padding-bottom:28.902%;}
.website #Logo {
	position:absolute;
}

header h1 {color:#999;}
header h1 span {display:block;}
header h1 small {
	color:#AB0A17;
	font-weight:bold;
}
.home .bg-highlight {
	padding:0;
	margin-top:3.3vw;
	margin-bottom:3.3vw;
}
.jubi {
	float:right;
	border:1px solid #AB0A17;
	color:#AB0A17;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
	margin-left:3vw;
	padding:10px 15px 13px 15px;
}
.jubi > div {font-size:50px;line-height:1;}

.Content > h1 {min-height:0;}
/*.Blog > .row > div {padding:15px;}*/
.Team h3 {
	color:#707070;
	margin:0;
}
.Team > .row > div {
	margin-bottom:30px;
}
.Team .row > div:not(:first-child) > div,
.Team .timg {
	background-color:#EFEFEF;
}
.Team .timg {
	background-position:top;
	background-size:cover;
	padding-bottom:100%;
}
#Content.Team  {
	color:#AB0A17;
	font-size:1.7rem;
	text-align:left;
	padding-top:25px;
	padding-right:10%;
	background-color:transparent;
}
.Team .row .row div {
	font-size:1rem;
}
.Team .leadtext {padding:25px 20px 25px 0;}
.Team .leadtext p:last-child {line-height:1.2;}

footer .h2, footer a {color:inherit;}
/*footer a {font-weight:300;}
footer textarea.form-control {
	max-height:180px;
}*/

.container-padding {padding-left:30px;padding-right:30px;}

@media (max-width:767px){
	.home header {padding-bottom:0;}
	.home h1 small {font-size:100%;}
	header h1 {
		text-align:left;
		transform:none;
		position:static;
		padding:34% 0 0 0;
	}
	#page-content-wrapper header .container {padding-right:0;}
}

@media (min-width:768px){
	.website #Logo {
		padding-top: 30px;
		margin-left: 30px;
	}
	header h1 {
		text-align:left;
		top:35px;
		left:40%;
	}
	.home h1 small {font-size:80%;}
}
@media (min-width:992px){	
	.website #Logo {
		padding-top: 60px;
		margin-left: 100px;
	}
	header h1 {
		top:50%;
		left:100px;
		transform:translate(0,-50%);
		font-size:32px;
		margin-top:30px;
		max-width:440px;
	}
	.container-padding {padding-left:0;padding-right:0;}
}