@charset "UTF-8";


/* Allgemein
-------------------------------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,600);

h3 {
	margin-bottom:25px;
}

.header {
	margin-top: 10px;
	margin-bottom: 12px;
}

.logo {
	text-align: center;
}

.headerleft {
	text-align: left;
}

.headerright {
	text-align: right;
}

@media all and (max-width: 750px) {
	.headerright {
		text-align: center;
		padding-top: 0px;
	}
}

.subheader {
	font-size: 15px;
	font-weight: 600;
	background-color: #e4e4e4;
	padding: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
}

.subheader-cont {
	padding: 10px;
	padding-top: 5px;
}

@media all and (max-width: 768px) {
	#cont, #footer_inner {
		padding-left: 15px;
		padding-right: 15px;
	}
}

#header {
	margin:0px;
	text-align: left;
	margin-top: 30px;
	min-width: 320px;
	max-width: 960px;
}

#menubar {
	margin: 0px;
	margin-top: 10px;
}

#cont {
	margin: 0px auto;
	margin-bottom:30px;
	margin-top: 20px;
	min-width: 320px;
	max-width: 960px;
	text-align: left;
}

#footer {
	margin:0px;
	margin-top:120px;
	padding-top: 70px;
	padding-bottom:170px;
	background-color: #ac1d0d;
}

#footer_inner {
	margin: 0px auto;
	min-width: 300px;
	max-width: 960px;
	text-align: left;
	color: #f8e0e2;
	font-size: 14px;
}

#footer_inner a {
	color: #f8e0e2;
}

#footer_spacer {
	color: #f8e0e2;
	font-size: 17px;
	padding-left: 4px;
	padding-right: 4px;
}

@media all and (min-width: 750px) {
	.footer_gototop {
		text-align: right;
	}
}

#footer_title {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.footer_link a:hover {
	text-decoration: underline;
	color: #f8e0e2;
}

a {
	outline:0; -moz-outline:0;
}

body {
	margin: 0;
	padding: 0;
}

html {
	min-height: 101%;
	max-width: 100%;
}

form {
	display: inline;
}

@media (max-width: 767px) {
	body {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	body {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}

.rub-design { color: #ef2b75; }
.rub-entwicklung { color: #8836ba; }
.rub-ebusiness { color: #0076b3; }
.rub-digitalarbeiten { color: #00a54f; }
.rub-netzkultur { color: #f08c1d; }
.rub-premium { color: #f01616; }


#lightimg img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
#lightimg:hover img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}


/* Navigation
-------------------------------------------------------------- */

.navbar-inverse .navbar-brand {
  color: #f8e0e2;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #f8e0e2;
}
.navbar-inverse .navbar-text {
  color: #f8e0e2;
}
.navbar-inverse .navbar-nav > li > a {
  color: #f8e0e2;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #f04e3c;
}


/* Prism
-------------------------------------------------------------- */

code[class*="language-"],
pre[class*="language-"] {
	color: #f8f8f2;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #272822;
}

:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #f8f8f2;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
	color: #f92672;
}

.token.boolean,
.token.number {
	color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #a6e22e;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.function {
	color: #e6db74;
}

.token.keyword {
	color: #66d9ef;
}

.token.regex,
.token.important {
	color: #fd971f;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}


/* Media Queries
-------------------------------------------------------------- */

@media all and (max-width: 750px) {
	#cont {
		margin-top: 50px;
	}
	#nav-trigger {
		display: block;
	}
	nav#nav-main {
		display: none;
	}
	nav#nav-mobile {
		display: block;
	}
}