body {
  font-family: 'Century Gothic', 'Helvetica Neue', Arial, sans-serif;
  color: hsl(208, 6%, 48%);
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  color: hsl(208, 6%, 48%);
}

h4 {
	margin-bottom: -10px;
	color: red !important;
}

section {
	padding: 25px 0;
}

.section-heading {
	margin-top: 25px;
}

p {
	font-size: 14px;
}

.margintop {
	margin-top: 15px;
}

.marginbottom {
	margin-bottom: 10px;
}

.text-white {
	color: #fff !important;
}

.text-underline {
	text-decoration: underline;
}

.navbar-default {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  /*border-color: rgba(255,255,255,.3);*/
  border-color: hsl(208, 6%, 48%);
}

.navbar-default .navbar-header .navbar-brand {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.navbar {
	min-height: 60px;
}
.navbar-toggle {
	padding: 5px 10px;
	margin-top: 15px;
	border: 1px solid blue;
}

.bg-primary {
	/* background-color: hsl(20, 55%, 53%); */
	/*background-color: hsl(34, 58%, 46%);*/
	/* rot */
	background-color: rgb(207, 112, 70);
}

.bg-secondary {
	/* gelb */
	background-color: rgb(233, 170, 0);
}

.bg-grey {
	background-color: rgb(117, 123, 130);
}

header .header-content .header-content-inner h1 {
	font-weight: 300;
}

/* SVG */
.brand-typo {
	border: 1px solid blue;
	width: 300px;
	height: 50px;
}

.brand-nav {
	background-size: contain;
  	background-repeat: no-repeat;
	width: 186px;
	height: 30px;
}

.brand-only-logo {
	position: inherit;
	/* top: 13px; */
	display: block;
	overflow: hidden;
	width: 46px;
	height: 38px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.brand-only {
	background-repeat: no-repeat;
  	background-size: contain;
	width: 224px;
	height: 36px;
}

/* /SVG */
.brandcapture {
	display: inline-block; width: 100%; height: 75px;
}
.brandcapture-inner {
	display: inline; font-size: 24px; margin-left: 5px;
}

.brandcapture-inner span {
	font-variant:small-caps;
}

/*
@media (min-width: 600px) {
	/* Tablets

	body {
		font-size: 16px;
	}

	p {
		font-size: 16px;
	}
}
*/

@media (min-width: 768px) {
	/* Desktops */

	body {
		font-size: 16px;
	}

	p {
		font-size: 16px;
	}

	.navbar {
		min-height: 80px;
	}

	.navbar-default {
    	/* background-color: transparent; */
    	background-color: #fff;
    	border-color: rgba(255,255,255,.3);
	}

	.navbar-default.affix {
	    background-color: #fff;
	    border-color: hsl(208, 6%, 48%);
	}

	.navbar-default.affix .nav > li > a, .navbar-default.affix .nav > li > a:focus {
		color: hsl(208, 6%, 48%);
	}

	.navbar-nav > li > a {
		padding-top: 25px;
	}

	.navbar-default .nav > li > a {
		color: #000;
	}

	.navbar-default .nav > li > a:hover {
		color: hsl(208, 6%, 48%); /* grau */
	}

	.navbar-default .nav > li > a:focus:hover {
		color: hsl(20, 55%, 53%);
	}

	.brand-nav {
		background-size: contain;
	  	background-repeat: no-repeat;
		width: 323px;
		height: 52px;
	}

	/* SVG */
	.brand-only-logo {
		position: inherit;
		top: 21px;
		display: inline-block;
		overflow: hidden;
		width: 46px;
		height: 38px;
	}

	.brand-only {
		background-repeat: no-repeat;
	  	background-size: contain;
		width: 224px;
		height: 36px;
	}

}