body {
	background-color: #F3F2F2;
	font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.8em;
	color: #333;
	line-height: 1.42857143;
}

p {
	margin-bottom: 1em;
}

a {
	color: #36F;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:focus {
	text-decoration: none !important;
}

p a {
	color: #F63;
	font-weight: 500;
}

p a:hover, p a:focus {
	color: #333;
	text-decoration: none;
}

p strong {
	font-weight: 800;
}

.container-full {
	margin: 0 auto;
	width: 100%;
}

.container-full:before, .container-full:after {
	display: table;
	content: " ";
}

.container-fluid:after {
	clear: both;
}

.container-featured {
	padding-left: 20px;
}

@media ( min-width : 768px) {
	.container {
		width: 100%;
	}
	.container-fluid {
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
	}
}

@media ( min-width : 992px) {
	.container {
		width: 100%;
	}
}

@media ( min-width : 1200px) {
	.container {
		width: 100%;
	}
}

.container {
	padding: 0;
}

.container-fluid {
	padding-right: 20px;
	padding-left: 20px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2,
	.col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
	.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5,
	.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
	.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8,
	.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
	.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11,
	.col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
	{
	padding-right: 0;
	padding-left: 0;
}

.row {
	margin: 1.8em;
}

.row-mute {
	margin: 0;
}

.row-no-side {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.row-no-top {
	margin-top: -10px;
}

.row-no-bottom {
	margin-bottom: 0;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/fira-sans-v8-latin-300.eot);
	src: local('Fira Sans Light'), local(FiraSans-Light),
		url(../fonts/fira-sans-v8-latin-300.eot?#iefix)
		format("embedded-opentype"),
		url(../fonts/fira-sans-v8-latin-300.woff2) format("woff2"),
		url(../fonts/fira-sans-v8-latin-300.woff) format("woff"),
		url(../fonts/fira-sans-v8-latin-300.ttf) format("truetype");
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 300;
	src: url(../fonts/fira-sans-v8-latin-300italic.eot);
	src: local('Fira Sans Light Italic'), local(FiraSans-LightItalic),
		url(../fonts/fira-sans-v8-latin-300italic.eot?#iefix)
		format("embedded-opentype"),
		url(../fonts/fira-sans-v8-latin-300italic.woff2) format("woff2"),
		url(../fonts/fira-sans-v8-latin-300italic.woff) format("woff"),
		url(../fonts/fira-sans-v8-latin-300italic.ttf) format("truetype");
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/fira-sans-v8-latin-regular.eot);
	src: local('Fira Sans Regular'), local(FiraSans-Regular),
		url(../fonts/fira-sans-v8-latin-regular.eot?#iefix)
		format("embedded-opentype"),
		url(../fonts/fira-sans-v8-latin-regular.woff2) format("woff2"),
		url(../fonts/fira-sans-v8-latin-regular.woff) format("woff"),
		url(../fonts/fira-sans-v8-latin-regular.ttf) format("truetype");
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 400;
	src: url(../fonts/fira-sans-v8-latin-italic.eot);
	src: local('Fira Sans Italic'), local(FiraSans-Italic),
		url(../fonts/fira-sans-v8-latin-italic.eot?#iefix)
		format("embedded-opentype"),
		url(../fonts/fira-sans-v8-latin-italic.woff2) format("woff2"),
		url(../fonts/fira-sans-v8-latin-italic.woff) format("woff"),
		url(../fonts/fira-sans-v8-latin-italic.ttf) format("truetype");
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 500;
	src: url(../fonts/fira-sans-v8-latin-500.eot);
	src: local('Fira Sans Medium'), local(FiraSans-Medium),
		url(../fonts/fira-sans-v8-latin-500.eot?#iefix)
		format("embedded-opentype"),
		url(../fonts/fira-sans-v8-latin-500.woff2) format("woff2"),
		url(../fonts/fira-sans-v8-latin-500.woff) format("woff"),
		url(../fonts/fira-sans-v8-latin-500.ttf) format("truetype");
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 500;
	src: url(../fonts/fira-sans-v8-latin-500italic.eot);
	src: local('Fira Sans Medium Italic'), local(FiraSans-MediumItalic),
		url(../fonts/fira-sans-v8-latin-500italic.eot?#iefix)
		format("embedded-opentype"),
		url(../fonts/fira-sans-v8-latin-500italic.woff2) format("woff2"),
		url(../fonts/fira-sans-v8-latin-500italic.woff) format("woff"),
		url(../fonts/fira-sans-v8-latin-500italic.ttf) format("truetype");
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/fira-sans-v8-latin-700.eot);
	src: local('Fira Sans Bold'), local(FiraSans-Bold),
		url(../fonts/fira-sans-v8-latin-700.eot?#iefix)
		format("embedded-opentype"),
		url(../fonts/fira-sans-v8-latin-700.woff2) format("woff2"),
		url(../fonts/fira-sans-v8-latin-700.woff) format("woff"),
		url(../fonts/fira-sans-v8-latin-700.ttf) format("truetype");
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 700;
	src: url(../fonts/fira-sans-v8-latin-700italic.eot);
	src: local('Fira Sans Bold Italic'), local(FiraSans-BoldItalic),
		url(../fonts/fira-sans-v8-latin-700italic.eot?#iefix)
		format("embedded-opentype"),
		url(../fonts/fira-sans-v8-latin-700italic.woff2) format("woff2"),
		url(../fonts/fira-sans-v8-latin-700italic.woff) format("woff"),
		url(../fonts/fira-sans-v8-latin-700italic.ttf) format("truetype");
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 800;
	src: url(../fonts/fira-sans-v8-latin-800.eot);
	src: local('Fira Sans ExtraBold'), local(FiraSans-ExtraBold),
		url(../fonts/fira-sans-v8-latin-800.eot?#iefix)
		format("embedded-opentype"),
		url(../fonts/fira-sans-v8-latin-800.woff2) format("woff2"),
		url(../fonts/fira-sans-v8-latin-800.woff) format("woff"),
		url(../fonts/fira-sans-v8-latin-800.ttf) format("truetype");
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 800;
	src: url(../fonts/fira-sans-v8-latin-800italic.eot);
	src: local('Fira Sans ExtraBold Italic'),
		local(FiraSans-ExtraBoldItalic),
		url(../fonts/fira-sans-v8-latin-800italic.eot?#iefix)
		format("embedded-opentype"),
		url(../fonts/fira-sans-v8-latin-800italic.woff2) format("woff2"),
		url(../fonts/fira-sans-v8-latin-800italic.woff) format("woff"),
		url(../fonts/fira-sans-v8-latin-800italic.ttf) format("truetype");
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/raleway-v12-latin-regular.eot);
	src: local(Raleway), local(Raleway-Regular),
		url(../fonts/raleway-v12-latin-regular.eot?#iefix)
		format("embedded-opentype"),
		url(../fonts/raleway-v12-latin-regular.woff2) format("woff2"),
		url(../fonts/raleway-v12-latin-regular.woff) format("woff"),
		url(../fonts/raleway-v12-latin-regular.ttf) format("truetype");
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/raleway-v12-latin-700.eot);
	src: local('Raleway Bold'), local(Raleway-Bold),
		url(../fonts/raleway-v12-latin-700.eot?#iefix)
		format("embedded-opentype"), url(../fonts/raleway-v12-latin-700.woff2)
		format("woff2"), url(../fonts/raleway-v12-latin-700.woff)
		format("woff"), url(../fonts/raleway-v12-latin-700.ttf)
		format("truetype");
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Source Code Pro';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/source-code-pro-v7-latin-regular.eot);
	src: local('Source Code Pro'), local(SourceCodePro-Regular),
		url(../fonts/source-code-pro-v7-latin-regular.eot?#iefix)
		format("embedded-opentype"),
		url(../fonts/source-code-pro-v7-latin-regular.woff2) format("woff2"),
		url(../fonts/source-code-pro-v7-latin-regular.woff) format("woff"),
		url(../fonts/source-code-pro-v7-latin-regular.ttf) format("truetype");
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/rubik-v7-latin-regular.eot);
	src: local(Rubik), local(Rubik-Regular),
		url(../fonts/rubik-v7-latin-regular.eot?#iefix)
		format("embedded-opentype"),
		url(../fonts/rubik-v7-latin-regular.woff2) format("woff2"),
		url(../fonts/rubik-v7-latin-regular.woff) format("woff"),
		url(../fonts/rubik-v7-latin-regular.ttf) format("truetype");
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/rubik-v7-latin-700.eot);
	src: local('Rubik Bold'), local(Rubik-Bold),
		url(../fonts/rubik-v7-latin-700.eot?#iefix)
		format("embedded-opentype"), url(../fonts/rubik-v7-latin-700.woff2)
		format("woff2"), url(../fonts/rubik-v7-latin-700.woff) format("woff"),
		url(../fonts/rubik-v7-latin-700.ttf) format("truetype");
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, .h1 {
	font-weight: 800;
	padding-bottom: .6em;
}

h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	margin-bottom: .4em;
}

h2, .h2 {
	font-size: 1.563em;
	margin-top: 2em;
}

h3, .h3 {
	font-size: 1.4em;
	margin-top: 1.6em;
}

h4, .h4 {
	font-size: 1.3em;
	margin-top: 1.1em;
	color: #514942;
}

h3, .h3, h4, .h4 {
	font-weight: 700;
}

h5, .h5 {
	font-size: .85em;
	margin-top: .9em;
}

.h1-dark h1, .hr-ad .h1-dark, .h1-bright h1, .hr-ad .h1-bright,
	.h2-bright h2, .h2-dark h2 {
	display: inline-block;
	padding-bottom: 6px;
	position: relative;
	font-family: "Raleway", Georgia, "Times New Roman", serif;
	font-weight: 700;
}

.h1-dark h1, .hr-ad .h1-dark, .h2-dark h2 {
	color: #000;
}

.h1-bright h1, .hr-ad .h1-bright, .h2-bright h2 {
	color: #3b3530;
}

.h2-bright h2, .h2-dark h2 {
	font-size: 1.555em;
}

.h1-dark h1:before, .hr-ad .h1-dark:before, .h1-bright h1:before, .hr-ad .h1-bright:before,
	.h2-bright h2:before, .h2-dark h2:before {
	content: "";
	position: absolute;
	width: 80%;
	height: 1px;
	bottom: 0;
	left: 0;
}

.h1-bright h1:before, .hr-ad .h1-bright:before, .h2-bright h2:before {
	border-bottom: 4px solid #f63;
}

.h1-dark h1:before, .hr-ad .h1-dark:before, .h2-dark h2:before {
	border-bottom: 4px solid #3b3530;
}

.gi-bread {
	font-size: .5em;
	color: #F63;
	vertical-align: 3px;
	padding: 0 .8em;
}

.gi-padding {
	padding-left: .5em;
}

.gi-padding-xs {
	padding-left: .1em;
}

.gi-orange {
	color: #F63;
}

.gi-grey-light {
	color: silver;
}

.gi-0_5x {
	font-size: .5em;
}

.gi-1_8x {
	font-size: .8em;
}

.gi-1_5x {
	font-size: 1.5em;
}

.gi-2x {
	font-size: 2em;
}

.gi-3x {
	font-size: 3em;
}

.gi-4x {
	font-size: 4em;
}

.gi-5x {
	font-size: 5em;
}

.btn {
	font-size: 1em;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus,
	.btn.active.focus {
	outline: thin dotted;
}

.btn-default {
	color: #EAEAEA;
	background-color: #3B3530;
	border-color: #3B3530;
}

.btn-default:focus, .btn-default.focus {
	color: #EAEAEA;
	background-color: #F63;
	border-color: #F63;
}

.btn-default:hover {
	color: #EAEAEA;
	background-color: #F63;
	border-color: #F63;
}

.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default
	{
	color: #EAEAEA;
	background-color: #F63;
	border-color: #F63;
}

.btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover,
	.btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus,
	.btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus
	{
	color: #EAEAEA;
	background-color: #F63;
	border-color: #F63;
}

.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default
	{
	background-image: none;
}

.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover,
	.btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus,
	.btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus
	{
	background-color: #fff;
	border-color: #ccc;
}

.btn-default .badge {
	color: #fff;
	background-color: #333;
}

.btn-primary {
	color: #EAEAEA;
	background-color: #3B3530;
	border-color: #3B3530;
}

.btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary:active,
	.btn-primary.active, .open>.dropdown-toggle.btn-primary, .btn-primary:active:hover,
	.btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover,
	.btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus,
	.btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus
	{
	color: #EAEAEA;
	background-color: #36F;
	border-color: #36F;
}

.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
	.btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus
	{
	background-color: #3B3530;
	border-color: #3B3530;
}

.btn-primary .badge {
	color: #3B3530;
	background-color: #EAEAEA;
}

.btn-primary-reverse {
	background-color: #36F;
	border-color: #36F;
}

.btn-primary-reverse:focus, .btn-primary-reverse.focus,
	.btn-primary-reverse:hover, .btn-primary-reverse:active,
	.btn-primary-reverse.active, .open>.dropdown-toggle.btn-primary-reverse,
	.btn-primary-reverse:active:hover, .btn-primary-reverse.active:hover,
	.open>.dropdown-toggle.btn-primary-reverse:hover, .btn-primary-reverse:active:focus,
	.btn-primary-reverse.active:focus, .open>.dropdown-toggle.btn-primary-reverse:focus,
	.btn-primary-reverse:active.focus, .btn-primary-reverse.active.focus,
	.open>.dropdown-toggle.btn-primary-reverse.focus {
	background-color: #3B3530;
	border-color: #3B3530;
}

.btn-primary-reverse.disabled:hover, .btn-primary-reverse[disabled]:hover,
	fieldset[disabled] .btn-primary-reverse:hover, .btn-primary-reverse.disabled:focus,
	.btn-primary-reverse[disabled]:focus, fieldset[disabled] .btn-primary-reverse:focus,
	.btn-primary-reverse.disabled.focus, .btn-primary-reverse[disabled].focus,
	fieldset[disabled] .btn-primary-reverse.focus {
	background-color: #36F;
	border-color: #36F;
}

.btn-primary-reverse .badge {
	color: #36F;
}

.btn-success {
	color: #333;
	background-color: #F63;
	border-color: #F63;
}

.btn-success:focus, .btn-success.focus, .btn-success:hover {
	background-color: #F63;
	border-color: transparent;
}

.btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success
	{
	background-color: #514942;
	border-color: #514942;
}

.btn-success:active:hover, .btn-success.active:hover, .open>.dropdown-toggle.btn-success:hover,
	.btn-success:active:focus, .btn-success.active:focus, .open>.dropdown-toggle.btn-success:focus,
	.btn-success:active.focus, .btn-success.active.focus, .open>.dropdown-toggle.btn-success.focus
	{
	background-color: #514942;
}

.btn-info {
	background-color: #F63;
	border-color: #F63;
	text-transform: uppercase;
}

.btn-info:focus, .btn-info.focus {
	background-color: #F63;
	border-color: #3B3530;
}

.btn-info:hover {
	background-color: #3B3530;
	border-color: #DDD9D5;
}

.btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
	background-color: #F63;
	border-color: #DDD9D5;
}

.btn-info:active:hover, .btn-info.active:hover, .open>.dropdown-toggle.btn-info:hover,
	.btn-info:active:focus, .btn-info.active:focus, .open>.dropdown-toggle.btn-info:focus,
	.btn-info:active.focus, .btn-info.active.focus, .open>.dropdown-toggle.btn-info.focus
	{
	background-color: #514942;
	border-color: #DDD9D5;
}

.btn-link {
	background-color: #36F;
	border-color: #36F;
	text-transform: uppercase;
	color: #fff;
	border-radius: 5px;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
	fieldset[disabled] .btn-link {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-link:hover, .btn-link:focus, .btn-link.focus {
	color: #fff;
}

.btn-link:focus, .btn-link.focus {
	background-color: #36F;
	border-color: #3B3530;
}

.btn-link:hover {
	background-color: #3B3530;
	border-color: #DDD9D5;
}

.btn-link:active, .btn-link.active, .open>.dropdown-toggle.btn-link {
	background-color: #36F;
	border-color: #DDD9D5;
}

.btn-link:active:hover, .btn-link.active:hover, .open>.dropdown-toggle.btn-link:hover,
	.btn-link:active:focus, .btn-link.active:focus, .open>.dropdown-toggle.btn-link:focus,
	.btn-link:active.focus, .btn-link.active.focus, .open>.dropdown-toggle.btn-link.focus
	{
	background-color: #514942;
	border-color: #DDD9D5;
	color: #fff;
}

.btn-solution {
	text-transform: none;
}

.btn-solution:focus, .btn-solution:active:focus, .btn-solution.active:focus,
	.btn-solution.focus, .btn-solution:active.focus, .btn-solution.active.focus
	{
	outline: none;
}

.btn-solution:hover, .btn-solution:focus {
	text-decoration: none;
}

.btn-homelink {
	color: #fff;
	background-color: #F63;
	border-color: #F63;
	text-transform: uppercase;
}

.btn-homelink:focus, .btn-homelink.focus {
	color: #fff;
	border-color: #3B3530;
}

.btn-homelink:hover {
	color: #fff;
	border-color: #DDD9D5;
}

.btn-homelink:active, .btn-homelink.active, .open>.dropdown-toggle.btn-homelink
	{
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925;
}

.btn-homelink:active:hover, .btn-homelink.active:hover, .open>.dropdown-toggle.btn-homelink:hover,
	.btn-homelink:active:focus, .btn-homelink.active:focus, .open>.dropdown-toggle.btn-homelink:focus,
	.btn-homelink:active.focus, .btn-homelink.active.focus, .open>.dropdown-toggle.btn-homelink.focus
	{
	color: #fff;
	background-color: #514942;
	border-color: #DDD9D5;
}

.btn-homelink:active, .btn-homelink.active, .open>.dropdown-toggle.btn-homelink
	{
	background-image: none;
}

.btn-homelink.disabled:hover, .btn-homelink[disabled]:hover, fieldset[disabled] .btn-homelink:hover,
	.btn-homelink.disabled:focus, .btn-homelink[disabled]:focus, fieldset[disabled] .btn-homelink:focus,
	.btn-homelink.disabled.focus, .btn-homelink[disabled].focus, fieldset[disabled] .btn-homelink.focus
	{
	background-color: #d9534f;
	border-color: #d43f3a;
}

.btn-homelink .badge {
	color: #d9534f;
	background-color: #fff;
}

.bg-primary {
	color: #393333;
	background-color: #f3f2f2;
}

a.bg-primary:hover, a.bg-primary:focus {
	background-color: #F63;
}

.bg-secondary {
	background-color: #E6E2E0;
}

.bg-grey {
	background-color: #DDD9D5;
}

.bg-info {
	background-color: #FFF;
}

.bg-transparent {
	background-color: rgba(255, 102, 51, 0.2);
}

.bg-error {
	background: url(/images/Mundharmonika-Eichhörnchen-404.jpg);
}

.bg-warning {
	background-color: #514942;
}

.bg-nav, .bg-footer {
	background-color: #1A1816;
}

.bg-light {
	background-color: #EAEAEA;
}

.bg-orange-light {
	background-color: #F63;
}

.bg-white {
	background-color: #FFF;
}

.bg-blue {
	background-color: #36F;
}

.bg-white-soft {
	background-color: #f5f5f5;
}

.bg-green {
	background-color: #5ed115;
}

.bg-mmessage h2 {
	margin-top: 0;
}

.bg-mmessage, .bg-mmessage2 {
	background-size: cover;
	padding: 12vw 8vw;
}

.bg-mmessage {
	background-image: url(../images/menge_HR.jpg);
}

.bg-mmessage2 {
	background-image: url(/images/freedom.jpg);
}

@media ( min-width : 767px) {
	.bg-mmessage, .bg-mmessage2 {
		padding-top: 5vw;
		padding-bottom: 5vw;
	}
}

.bg-karos {
	background-color: #F3F2F2;
	background-image: linear-gradient(45deg, #DDD9D5 25%, transparent 25%, transparent 75%,
		#DDD9D5 75%, #DDD9D5),
		linear-gradient(-45deg, #DDD9D5 25%, transparent 25%, transparent 75%,
		#DDD9D5 75%, #DDD9D5);
	background-size: 2em 2.2em;
	padding: .55em 0;
}

.bg-karos-inverted {
	background-color: #DDD9D5;
	background-image: linear-gradient(45deg, #F3F2F2 25%, transparent 25%, transparent 75%,
		#F3F2F2 75%, #F3F2F2),
		linear-gradient(-45deg, #F3F2F2 25%, transparent 25%, transparent 75%,
		#F3F2F2 75%, #F3F2F2);
	background-size: 2em 2.2em;
	background-position-x: 1em;
	padding: .55em 0;
}

.bg-stripes {
	background: #DDD9D5;
	background-image: repeating-linear-gradient(-45deg, hsla(0, 0%, 50%, .1),
		hsla(0, 0%, 50%, .1) 15px, transparent 0, transparent 30px);
	padding: 1em 0;
}

.bg-stripes-light {
	background: #DDD9D5;
	background-image: repeating-linear-gradient(-45deg, whitesmoke, whitesmoke 15px,
		transparent 0, transparent 30px);
	padding: 1em 0;
}

.bg-squares {
	background: #F3f2f2
		url('data:image/svg+xml,\ <svg xmlns="http://www.w3.org/2000/svg" \ width="100" height="100" \ fill-opacity="1" fill="#DDD9D5"> \ <rect x="50" width="50" height="50" /> \ <rect y="150" width="50" height="50" /> \ </svg>');
	background-size: 30px 30px;
	padding: .4em 0;
}

.bg-zigzag {
	background-color: #DDD9D5;
	background-image:
		url("data:image/svg+xml,%3Csvg \ width='80' height='24' viewBox='0 0 40 12' \ xmlns='http://www.w3.org/2000/svg'\ %3E%3Cpath d='M0 6.172L6.172 0h5.656L0 \ 11.828V6.172zm40 5.656L28.172 0h5.656L40 \ 6.172v5.656zM6.172 12l12-12h3.656l12 \ 12h-5.656L20 3.828 11.828 12H6.172zm12 0L20 \ 10.172 21.828 12h-3.656z' \ fill='%23F3f2f2' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");
	padding: 1.2em 0;
}

.bg-airmail {
	background-image: repeating-linear-gradient(135deg, #ffa88a 0px, #ffa88a 30px, transparent
		30px, transparent 50px, #b7afaf 50px, #b7afaf 80px, transparent 80px,
		transparent 100px);
	background-color: #fff;
}

.hr-separator {
	border: solid .1em #DDD9D5;
}

.crumbs {
	padding: .45em .83em;
	font-size: .9em;
	margin-bottom: 0;
	height: 2.29em;
	overflow: hidden;
	line-height: 1.6em;
}

.crumbs a span, .crumbs a:hover span, .crumbs a:focus span, .crumbs>.active
	{
	color: #EAEAEA;
	font-weight: 200;
}

.crumbs a:hover span, .crumbs a:focus span {
	font-weight: 500;
	text-decoration: none;
	outline: none;
}

.crumbs li.last a:hover span, .crumbs li.last a:focus span {
	font-weight: inherit;
}

.crumbs li {
	display: none;
}

.crumbs li.last {
	display: inline-table;
}

.crumbs li.last:before {
	content: "\e072";
	color: #F63;
	transform: rotate(180deg);
	font-size: .5em;
	margin-right: 1em;
	vertical-align: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media all and (min-width: 10em) {
	.crumbs li {
		display: inline-block;
	}
	.crumbs li.last:before, .crumbs li.last:after {
		content: '';
		margin-right: 0;
	}
	.crumbs li.last {
		font-weight: 200;
	}
}

.secondary-container {
	height: 2.2em;
	background-color: #514942;
	overflow: hidden;
}

.secondary-container.start {
	display: none;
}

.sb-search {
	position: relative;
	top: -3.71rem;
	width: 0;
	min-width: 4.8em;
	height: 2.2em;
	float: right;
	overflow: hidden;
	-webkit-transition: width .3s;
	-moz-transition: width .3s;
	transition: width .3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	border: none;
	width: 100%;
	height: 2em;
	z-index: 10;
	padding-left: 1em;
	font-size: 1.1em;
	font-weight: 700;
	color: #514942;
}

.sb-search-input::-webkit-input-placeholder {
	color: hsl(15, 10%, 40%);
	font-weight: 400;
}

.sb-search-input:-moz-placeholder {
	color: hsl(15, 10%, 40%);
	font-weight: 400;
}

.sb-search-input::-moz-placeholder {
	color: hsl(15, 10%, 40%);
	font-weight: 400;
}

.sb-search-input:-ms-input-placeholder {
	color: hsl(15, 10%, 40%);
	font-weight: 400;
}

.sb-icon-search, .sb-search-submit {
	width: 3.7em;
	height: 1.7em;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 1.7em;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity = 0);
	opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #393333;
	z-index: 90;
	font-size: 1.3em;
	font-family: 'Glyphicons Halflings';
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: "\e003";
}

.sb-search.sb-search-open, .no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search
	{
	background: #514942;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit
	{
	z-index: 90;
}

span.highlight {
	background-color: hsl(60, 100%, 85%) !important;
	padding-top: .15em !important;
	border-radius: .2em;
}

.finder {
	margin: 2em 1.75em;
}

.list-striped {
	padding-left: inherit;
}

#search-results .search-pagination, #search-results .pagination,
	#search-results .search-pages-counter {
	margin-top: 1.2em;
}

.result-title {
	margin-top: 2em;
}

.result-text {
	margin-bottom: .5em;
}

.container-full>.navbar-header, .container-full>.navbar-collapse {
	margin-right: -15px;
	margin-left: -15px;
}

@media ( min-width : 768px) {
	.container-full>.navbar-header, .container-full>.navbar-collapse {
		margin-right: 0;
		margin-left: 0;
	}
	.navbar>.container-full .navbar-brand {
		margin-left: -15px;
	}
}

.navbar {
	margin-bottom: 0;
}

navbar-fixed-top {
	border: 0;
}

.navbar-inverse {
	background: rgba(34, 34, 34, 0);
	border-bottom: none;
}

.navbar-toggle .icon-bar {
	width: 44px;
	height: 6px;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #F63;
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 8px;
}

.navbar-inverse .navbar-toggle {
	border-color: transparent;
}

.navbar-toggle, .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:focus {
	background-color: transparent;
}

.navbar-inverse .navbar-toggle:active {
	border-color: #333;
}

.navbar-toggle {
	margin: 12px 5px auto 11px;
}

.navbar-brand {
	height: 100%;
	padding: .4em;
	margin-left: -20px;
}

.navbar-brand>img {
	padding-left: 15px;
}

@media ( min-width : 768px) {
	.navbar-brand>img {
		max-height: 68px;
		width: auto;
		padding: 2px;
	}
}

.navbar-inverse .navbar-nav>li>a {
	font-weight: 500;
	color: #908376;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus
	{
	background-color: #F63;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.navbar-right.square-element>li>a {
	line-height: 30px;
	font-weight: 700;
}

@media ( min-width : 768px) {
	.navbar-right.square-element>li>a {
		padding-bottom: 5px;
	}
}

.navbar-right.square-element>li.active>a, .navbar-right.square-element>li.active>a:hover,
	.navbar-right.square-element>li.active>a:focus, .navbar-right.square-element>li.active>a:after
	{
	width: 3.778em;
	height: 3.778em;
	border-radius: 15px 0 15px 0;
}

.navbar-right.square-element>li.active>a:hover, .navbar-right.square-element>li.active>a:after
	{
	background-color: #36F;
}

.navbar-right.square-element>li.active>a, .navbar-right.square-element>li.active>a:focus
	{
	display: table !important;
	background-color: #F63;
	transition: .6s ease;
	margin-top: .4em;
	margin-right: .1em;
	outline: 0;
}

ul.navbar-right {
	margin-bottom: 1.8em;
}

.fixed-size-square {
	padding-top: 1em !important;
	margin-left: .833em !important;
}

@media ( min-width : 767px) {
	ul.navbar-right {
		margin-bottom: inherit;
	}
	fixed-size-square {
		margin-left: 0;
	}
}

.carousel {
	/* margin-top: -20px;*/
}

.carousel ul>li {
	background-image: none;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	width: 100%;
}

.carousel-control .glyphicon {
	font-size: 8vw;
}

.carousel-caption h2 {
	text-transform: uppercase;
	position: absolute;
	right: 3%;
	left: 3%;
	z-index: 10;
	text-shadow: 0 0 12px rgba(255, 255, 255, .6);
	font-family: "Rubik", Helvetica, Arial, sans-serif;
	font-weight: 700;
	white-space: nowrap;
	bottom: 0;
	font-size: 10vw;
}

@media ( min-width : 480px) and (max-width: 769px) {
	.carousel-control .glyphicon {
		font-size: 5.5vw;
	}
	.carousel-caption {
		bottom: 15%;
	}
	.carousel-caption h2 {
		bottom: -.25em;
		font-size: 9vw;
	}
}

@media ( min-width : 770px) {
	.carousel-control .glyphicon {
		font-size: 4vw;
	}
	.carousel-caption {
		bottom: 12%;
	}
	.carousel-caption h2 {
		bottom: -.25em;
		font-size: 8vw;
	}
}

.carousel-caption-light h2 {
	color: #fff;
}

.carousel-caption-dark h2 {
	color: #3b3530;
}

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img,
	.carousel-inner>.item>a>img {
	top: 0;
	left: 0;
}

.container-full .jumbotron {
	border-radius: 6px;
	padding-right: 15px;
	padding-left: 15px;
}

@media screen and (min-width: 768px) {
	.container-full .jumbotron {
		padding-right: 60px;
		padding-left: 60px;
	}
	.jumbotron h1, .jumbotron .h1 {
		font-size: 40px;
	}
}

.jumbotron p {
	font-weight: 300;
	text-shadow: 0 1px 2px rgba(255, 255, 255, .2);
	color: #1A1816;
}

.jumbotron, .jumbotron p, .jumbotron h2, .jumbotron .h2 {
	margin-bottom: 0;
}

.lead {
	padding-bottom: 3vw;
	padding-top: 1vw;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus
	{
	outline: thin dotted;
}

.form-control {
	font-size: .8em;
	height: 40px;
}

.form-control:focus {
	border-color: #36F;
}

.form-group .form-control {
	height: 85px;
	margin-top: -85px;
	border-radius: 0;
	border-color: transparent;
	background-color: #F3F2F2;
	font-size: 1.3em;
	color: #222;
}

.label {
	display: inline-table;
	padding: 0;
	font-size: 70%;
	font-weight: 700;
	line-height: 1;
	color: #333;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0;
}

a.label:hover, a.label:focus {
	color: #F63;
	text-decoration: none;
	cursor: pointer;
}

.label:empty {
	display: none;
}

.label-info {
	background-color: transparent;
}

.label-info[href]:hover, .label-info[href]:focus {
	background-color: transparent;
}

.label-primary {
	background-color: #36f;
}

.label-primary[href]:hover, .label-primary[href]:focus {
	background-color: #2556ec;
}

.label-success {
	background-color: #f63;
}

.label-success[href]:hover, .label-success[href]:focus {
	background-color: #f63;
}

.scroll-top-wrapper {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
	background-color: rgba(26, 24, 22, 0.1);
	color: #eee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	vertical-align: baseline;
	border-radius: 10px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.scroll-top-wrapper:hover {
	background-color: rgba(26, 24, 22, 0.4);
}

.scroll-top-wrapper.show {
	visibility: visible;
	cursor: pointer;
	opacity: 1;
}

.scroll-top-wrapper i.fa {
	line-height: inherit;
}

.gi-scroll-top {
	font-size: 1.5em;
	color: #36F;
	vertical-align: -4px;
	padding-left: 2px;
}

li, ul, section#references li, section#references ul {
	color: #393333;
}

section li, ul {
	color: #000;
}

article ul>li, .article ul>li, td ul>li, article section ul>li,
	.form-newsletter-liststyle ul>li, .categories-list .category-desc ul>li,
	ul.category-module, .category-module li {
	list-style-type: none;
	background-repeat: no-repeat;
}

article section ul>li, .article ul>li, td ul>li, .hr-rating ul>li {
	background-image: url(../images/list-item_grey.svg);
}

article ul>li, .article ul>li, .form-newsletter-liststyle ul>li, article section#exkurs ul>li
	{
	background-image: url(../images/list-item_orange.svg);
}

article ul>li, .article ul>li, article section ul>li,
	.form-newsletter-liststyle ul>li {
	background-position: left .4em;
	padding-left: 20px;
	margin-left: -15px;
}

.form-newsletter-liststyle li {
	padding-bottom: .15em;
}

article ol>li>ul>li, article ul>li>ul>li {
	padding-left: 20px;
	margin-left: -20px;
	text-indent: initial;
}

article ul>li>ol>li, article ol>li>ol>li {
	padding-left: 10px;
}

article aside ul>li>p, article aside ol>li>p, article section#exkurs ul>li>p,
	article section#exkurs ol>li>p {
	color: #FFF;
}

article aside .quellen ul>li>p {
	color: inherit;
}

.article ul>li {
	margin-left: -20px;
	line-height: 1.5em;
}

.article ul {
	margin-top: .4em;
	margin-bottom: .8em;
}

.inner-li-top {
	margin-top: -.4em;
}

.inner-li-bottom {
	margin-bottom: -.8em;
}

td ul>li {
	background-position: center left;
	text-align: center;
	display: table-row;
	text-indent: 1.2em;
}

.pagination-align {
	text-align: center;
}

.pagination ul {
	padding-left: 0;
}

@media ( min-width : 768px) {
	.pagination-align {
		text-align: left;
	}
	.pagination ul {
		padding-left: 20px;
	}
}

.pagination ul, .pagination li {
	display: inline;
	font-family: "Rubik", Helvetica, Arial, sans-serif;
	font-weight: 700;
}

.pagination .pagination-end .pagenav, .pagination .pagination-next .pagenav,
	.pagination .pagination-prev .pagenav, .pagination .pagination-start .pagenav
	{
	color: silver;
}

.pagination .pagination-end a.pagenav, .pagination .pagination-next a.pagenav,
	.pagination .pagination-prev a.pagenav, .pagination .pagination-start a.pagenav
	{
	color: #F63;
}

.pagination li .pagenav {
	color: #1A1816;
	padding: 0 4px;
}

.pagination li a.pagenav {
	color: #F63;
}

.pagination .pagination-end a.pagenav:hover, .pagination .pagination-next a.pagenav:hover,
	.pagination .pagination-prev a.pagenav:hover, .pagination .pagination-start a.pagenav:hover,
	.pagination li a.pagenav:hover {
	color: #3B3530;
	text-decoration: none;
}

.footer1 {
	color: #908376;
	opacity: .6;
	font-family: "Fira Sans", "Rubik", Helvetica, Arial, sans-serif;
	font-weight: 400;
}

@media ( min-width : 768px) {
	#certificat img {
		margin: auto 2em auto auto;
	}
}

@media ( max-width : 767px) {
	#certificat img {
		margin: auto auto 1.5em;
		display: block;
	}
	#certificat .last {
		margin-bottom: 0;
	}
}

.grecaptcha-badge {
 visibility:hidden;
}

.social:hover, article .social:hover, .newsletter-social .social:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.social, article .social, .newsletter-social .social {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
}

.newsletter-social #social-fb, #social-fb:hover {
	color: #3B5998;
}

.newsletter-social #social-tw, #social-tw:hover {
	color: #1da1f2;
}

.newsletter-social #social-gp, #social-gp:hover {
	color: #dd4b39;
}

#social-em:hover {
	color: #F63;
}

#social-rss:hover {
	color: #F26522;
}

i {
	color: #36F;
	text-decoration: none;
}

.list-branding-bright {
	list-style-image: url(../images/list-item_orange.svg);
}

.list-branding-dark {
	list-style-image: url(../images/list-item_grey.svg);
}

.align-ul {
	float: left;
	position: relative;
	text-align: left;
}

.align-ul ul {
	position: relative;
	left: 2%;
}

@media ( min-width : 769px) {
	.align-ul {
		float: right;
		left: -50%;
	}
	.align-ul ul {
		left: 35%;
	}
}

.sitemap, .about {
	text-transform: uppercase;
}

.sitemap a, .about a {
	color: #fff;
	text-decoration: none;
}

.sitemap a:hover, a:focus {
	color: #F63;
}

.about a:hover, a:focus {
	color: #908376;
}

.hr-logo-footer {
	max-width: 100%;
}

.abstand {
	padding-top: 20px;
}

@media ( min-width : 767px) {
	.abstand {
		padding-bottom: 20px;
	}
}

@media ( max-width : 768px) {
	.abstand {
		padding-bottom: 0;
	}
}

.abstand-2 {
	padding-top: 40px;
	margin-bottom: 40px;
}

.abstand-unten {
	padding-bottom: 20px;
}

.abstand-unten-2 {
	padding-bottom: 40px;
}

.abstand-oben {
	padding-top: 20px;
}

.abstand-oben-2 {
	padding-top: 40px;
}

.underline {
	text-decoration: underline;
}

.center-row {
	display: table;
}

.center {
	vertical-align: middle;
	float: none;
}

@media ( min-width : 769px) {
	.center {
		display: table-cell;
	}
}

.vertical-middle-basis {
	display: flex;
	margin: 0;
}

@media ( min-width : 768px) {
	.vertical-middle-basis {
		min-height: 50vh;
	}
}

.vertical-middle {
	margin: auto;
}

article, .article {
	padding: 1.8em;
}

article h1, h2 {
	font-weight: 800;
	color: #1A1816;
}

article h1 {
	text-align: center;
	margin: 0;
	padding: 0;
}

article .category-name {
	font-family: "Rubik", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 1em;
	padding-bottom: 2.4em;
	padding-top: .4em;
	text-align: center;
	text-transform: uppercase;
}

article .category-name a {
	color: #908376;
}

article .category-name a:hover, article .category-name a:focus {
	color: #F63;
	text-decoration: none;
}

.introtext {
	font-weight: 700;
	padding-bottom: 5px;
}

.guest-article {
	font-style: italic;
	background-color: #e2dddd;
	border: solid #e2dddd 1em;
	border-radius: 15px;
}

article a {
	color: #F63;
}

article a:hover, article a:focus {
	color: #333;
	text-decoration: none;
}

article ol {
	margin: 0 0 1.5em;
	padding-left: 30px;
	counter-reset: item;
	margin-bottom: 10px;
}

article ol>li {
	margin: 0;
	padding: 0 0 0 2em;
	text-indent: -1em;
	padding-left: 1em;
	list-style-type: none;
	counter-increment: item;
}

article ol>li:before {
	display: inline-block;
	width: 1em;
	padding-right: .5em;
	font-weight: 900;
	text-align: right;
	content: counter(item) "";
}

article q, aside q, article section#exkurs q {
	font-style: italic;
}

article i {
	color: #000;
}

article mark, article .mark {
	background-color: transparent;
	font-weight: 700;
	color: #F63;
}

blockquote {
	display: block;
	background: #fff;
	padding: 15px 20px 30px 50px;
	margin: 40px 0 50px;
	position: relative;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.42857143;
	color: #514942;
	text-align: justify;
	border-left: 15px solid #F63;
	border-right: 3px solid #908376;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

blockquote::before {
	content: "\201C";
	font-family: Georgia, "Times New Roman", serif;
	font-size: 60px;
	font-weight: 700;
	color: #908376;
	position: absolute;
	left: 10px;
	top: 0;
}

blockquote::after {
	content: "";
}

blockquote a {
	text-decoration: none;
	cursor: pointer;
	color: #F63;
}

blockquote em {
	font-style: italic;
}

blockquote mark {
	font-weight: 700;
	display: inline-block;
	float: right;
	padding-top: 20px;
}

blockquote strong {
	font-weight: 500;
}

.instrument-icon, .hobby-icon {
	float: left;
	padding-right: .5em;
	line-height: 1em;
	font-size: 1.2em;
}

.instrument-icon-sound, .instrument-icon-styles, .hobby-icon-1 {
	color: #e8220b;
}

.instrument-icon-success, .instrument-icon-education {
	color: #54d843;
}

.instrument-icon-context, .instrument-icon-skill, .hobby-icon-3 {
	color: #3150b9;
}

.instrument-icon-costs, .instrument-icon-portability {
	color: #f99521;
}

.instrument-icon-summary {
	color: #d01845;
}

.hobby-icon-2 {
	color: grey;
}

.hobby.hobby-finden h3 {
	margin-bottom: 1.25em;
	margin-top: 2em;
}

article .hobby ul>li {
	padding-bottom: 1em;
}

article section {
	color: #000;
	background-color: #ddd9d5;
}

aside, article section#exkurs {
	color: #FFF;
	background-color: #908376;
}

aside h4, article section h4 {
	font-weight: 700;
	margin-top: 0;
	text-align: left;
	margin-bottom: 15px;
}

article section#song h4 {
	font-style: italic;
}

.mark-category .intro {
	font-weight: 500;
}

.mark-category .left {
	padding-left: .75em;
	border-left: solid .5em;
}

.mark-category .right {
	padding-right: .75em;
	border-right: solid .5em;
}

.mark-category .instrument-icon {
	font-size: 1.2em;
	margin-top: .6em;
}

.mark-category .left .instrument-icon {
	margin-left: -2.25em;
}

.mark-category .right .instrument-icon {
	float: right;
	margin-right: -2.75em;
}

.kosten.left {
	border-left-color: #6495ed;
}

.kosten.right {
	border-right-color: #6495ed;
}

.mark-category .kosten .instrument-icon {
	color: #6495ed;
}

.zubehoer.left {
	border-left-color: #5ED115;
}

.zubehoer.right {
	border-right-color: #5ED115;
}

.mark-category .zubehoer .instrument-icon {
	color: #5ED115;
}

.unterricht.left {
	border-left-color: #ffa07a;
}

.unterricht.right {
	border-right-color: #ffa07a;
}

.mark-category .unterricht .instrument-icon {
	color: #ffa07a;
}

.lernen.left {
	border-left-color: #fbd983;
}

.lernen.right {
	border-right-color: #fbd983;
}

.mark-category .lernen .instrument-icon {
	color: #fcd115;
}

.band.left {
	border-left-color: gray;
}

.band.right {
	border-right-color: gray;
}

.mark-category .band .instrument-icon {
	color: gray;
}

.coolness.left {
	border-left-color: #3b6f88;
}

.coolness.right {
	border-right-color: #3b6f88;
}

.mark-category .coolness .instrument-icon {
	color: #3b6f88;
}

aside h4, section#references h4, section.quellen h4 {
	font-family: "Rubik", Helvetica, Arial, sans-serif;
	font-weight: 700;
}

aside h4 {
	color: #FFF;
}

article section h4 {
	font-family: "Fira Sans", "Rubik", Helvetica, Arial, sans-serif;
	font-size: 1.222em;
	color: #000;
	margin-bottom: .5em;
}

aside p {
	margin-bottom: 0;
}

article section p {
	margin-bottom: .5em;
}

aside a {
	color: #36F;
}

article section a {
	color: #514942;
}

aside a:hover, aside a:focus, article section a:hover, article section a:focus
	{
	text-decoration: none;
}

aside a:hover, aside a:focus {
	color: #333;
}

article section a:hover, article section a:focus {
	color: #000;
}

aside, article section {
	font-weight: 300;
	padding: 2em 2em 1.5em;
	margin-bottom: 20px;
	margin-left: -1.8em;
	margin-right: -1.8em;
}

.quellen, article section#references {
	word-wrap: break-word;
	overflow-wrap: break-word;
}

article section#references {
	color: #393333;
}

article section#song, article section#task, article section#lead,
	article section#hint, article section#conclusion, article section#guess,
	section#tour {
	outline-offset: -1em;
	outline: .115em dashed #fff;
	padding-top: 2.222em;
}

article section#song, article section#task {
	background-color: #CAD8FF;
}

article section#lead, article section#hint, article section#conclusion,
	article section#guess {
	background-color: #F7E9C4;
	outline-color: #BCB4AD;
}

section#song>section#lead, section#song>section#hint, section#song>section#conclusion,
	section#song>section#guess, section#task>section#lead, section#task>section#hint,
	section#task>section#conclusion, section#task>section#guess {
	outline: none;
	box-shadow: 0 .2em 0 #ffbf0c inset;
	padding-bottom: 1.5em;
	margin-top: 1.2em;
	margin-bottom: .3em;
}

section#song>section#lead h4, section#song>section#hint h4, section#song>section#conclusion h4,
	section#song>section#guess h4, section#task>section#lead h4, section#task>section#hint h4,
	section#task>section#conclusion h4, section#task>section#guess h4 {
	font-size: 1.15em;
}

section.vergleich p strong, section.vergleich ul>li strong {
	font-weight: 500;
}

section.vergleich a {
	color: #f63;
}

.scoring-border, .scoring {
	height: 1em;
	border-radius: .35em;
}

.scoring-border {
	width: 15em;
	background-color: white;
}

.scoring {
	background-color: #ffe4c4;
	display: block;
	border-top-right-radius: initial;
	border-bottom-right-radius: initial;
}

.mark-diff {
	border: #e80f22 solid 0.15em;
	padding: 0.1em 0.15em;
	border-radius: 0.5em;
	background-color: #e80f22;
	color: white;
}

article figure {
	position: relative;
	display: table;
	margin-top: 1em;
	margin-bottom: 1em;
}

article figure img, article figcaption {
	display: table-cell;
	vertical-align: bottom;
}

article figure img, article img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 15px;
	border-top: 1em;
	border-bottom: 1em;
}

article figcaption {
	background: rgba(0, 0, 0, 0.6);
	color: #FFF;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	text-align: center;
	color: #EAEAEA;
	font-weight: 600;
}

@media ( min-width : 768px) {
	article figcaption {
		padding: .8em;
		font-size: x-large;
	}
}

@media ( max-width : 767px) {
	article figcaption {
		padding: .563em;
	}
}

.img-figcap figcaption {
	display: table-row;
	position: initial;
	background: initial;
	color: gray;
	font-size: .8em;
	font-weight: lighter;
}

.img-figcap img.img-spacing {
	margin-bottom: .8em;
	margin-top: initial;
}

.img-figcap.copyright .img-spacing {
	margin-bottom: initial;
}

caption {
	padding-bottom: 0;
	font-weight: 700;
	font-size: 1.2em;
	color: #3B3530;
}

table {
	background-color: #FFF;
	border-radius: 20px;
	margin-top: 1em;
	margin-bottom: 1em;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
	vertical-align: middle;
}

tbody {
	margin-left: 5em;
	margin-right: 1em;
}

td, th {
	padding: 10px .5em 0;
}

th {
	background-color: #524A44;
	color: #fff;
	padding: .8em;
	opacity: .9;
}

td ul, ol {
	padding-left: .6em;
}

td ul {
	margin-bottom: 0;
}

td ol, .table-left-hr {
	text-align: left;
}

.table-center-hr {
	text-align: center;
}

.table-bordered-hr td:not(:first-child) {
	border-left: .18em solid #f3f2f2;
}

.table-bordered-hr td, .table-bordered-vertical-hr td {
	border-bottom: .18em solid #f3f2f2;
}

.table-bordered-hr tbody>tr:last-child>td, .table-bordered-vertical-hr tbody>tr:last-child>td
	{
	border-bottom: none;
}

.table-bordered-bluesharp-hr td:not(:first-child) {
	border-bottom: .18em solid #f3f2f2;
}

.table-bordered-bluesharp-hr tbody>tr:last-child>td,
	.table-bordered-bluesharp-hr tbody>tr:nth-child(2)>td {
	border-bottom: none;
}

.table-bordered-bluesharp-hr td:not(:first-child) {
	border-left: .18em solid #f3f2f2;
}

.table-bordered-bluesharp-hr tbody>tr:first-child>td {
	border-left: none;
}

.table-bold-hr td:not(:first-child) {
	font-weight: 800;
}

p.table-strong-hr {
	background-color: #ddd;
	border-radius: .1em;
	padding: initial .3em;
}

.table-wiener {
	display: block;
}

@media ( min-width : 425px) {
	.table-wiener {
		display: table-caption;
	}
}

.table-responsive {
	margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
	.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th,
		.table-responsive>.table>tfoot>tr>th {
		padding: .8em;
	}
	.table-responsive {
		margin-bottom: 1.5em;
		border: transparent;
	}
	.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th,
		.table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td,
		.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td
		{
		white-space: normal;
		max-width: 50px;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
}

.border-content {
	background-color: #fff;
	background: linear-gradient(#f3f2f2 10%, white 90%);
	padding-right: .8em;
	padding-bottom: .4em;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.img-rounded {
	border-radius: 15px;
}

.img-center {
	margin-right: auto;
	margin-left: auto;
}

.img-nostyle, .af-image img {
	border-radius: initial;
	display: initial;
}

.img-clear {
	border-radius: initial;
}

.img-screenshot {
	border: .1em dotted #393333;
	display: block;
	padding: .2em;
	margin: .5em auto;
}

.img-spacing {
	margin-top: 1em;
	margin-bottom: 1em;
}

.img-spacing-2 {
	margin-top: 2em;
	margin-bottom: 2em;
}

.img-spacing-sides {
	margin-left: 1em;
	margin-right: 1em;
}

.img-spacing-sides-2 {
	margin-left: 2em;
	margin-right: 2em;
}

.audio-center {
	margin: 10px auto 1.3em;
	width: 300px;
}

.embed-responsive {
	margin-bottom: 1.75em;
	margin-top: 1.75em;
}

.embed-below-heading {
	margin-top: 1.1em;
}

.copy {
	font-size: .7em;
	top: 0;
	padding-right: 2px;
}

.copy-name {
	font-size: .5em;
	float: right;
	color: #bbb;
	padding-right: 15px;
	padding-top: 1px;
}

.copy-name a {
	color: inherit;
}

.audio-copy-name {
	margin-top: -6px;
	margin-right: 15px;
}

code, kbd, pre, samp {
	font-family: 'Source Code Pro', monospace;
}

code {
	padding: 2px 6px;
	font-size: .9em;
	color: #36F;
	line-height: 2.3em;
	border-radius: 10px;
	border: 3px solid #fff;
	background-color: transparent;
}

.hr-rating p, .hr-rating-conclusion p {
	margin-bottom: .5em;
	margin-top: 1.2em;
}

.hr-rating h3 {
	margin-top: 0;
}

.tst-icon {
	color: #36f;
	font-size: 1.25em;
	padding: .2em;
	border: .2em dotted grey;
	top: .2em;
	margin-right: .8em;
	margin-bottom: .5em;
}

.tst-icon.flip {
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.icon-article {
	color: #514942;
	float: left;
	margin-right: .5em;
}

.hr-msg {
	color: #36f;
	border: solid .15em #f63;
	border-radius: .25em;
	background-color: #faebd7;
	left: .5em;
}

.affiliate {
	font-size: .9em;
}

.affiliate-box {
	border: .1em solid #d3d3d3;
	padding: 1.5em 1.5em 0;
}

.affiliate-box p a {
	font-weight: 800;
}

.affiliate-ad {
	color: #aaa;
	font-size: .8em;
	font-weight: 300;
}

.affiliate-box-2 {
	padding-top: 3em;
}

.affiliate-box-2 .inner {
	margin-top: 3em;
}

@media ( max-width :409px) {
	#jc .rbox {
		padding-bottom: 2em;
	}
}

#jc {
	margin-top: 3em;
}

#comments .comment-author, #comments .author-homepage, #comments .author-email
	{
	font-weight: 700;
}

.hr-about div#jc {
	margin-left: 1.8em;
	margin-right: 1.8em;
}

.shariff {
	margin: 2em auto;
}

.shariff ul>li {
	background-position: 0;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: .45em !important;
	background-image: none;
}

.shariff li .share_count, .shariff li .share_text {
	font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

li.shariff-button {
	border-radius: .22em;
}

.blog {
	background-color: #f3f2f2;
}

.featured-articles-spacing {
	padding-left: 1.8em;
	padding-right: 1.8em;
}

.page-header {
	border-bottom: 0;
	text-align: center;
}

.blog-max-size-width {
	max-width: 560px;
	position: relative;
}

.blog .page-header, .blog h1 {
	padding-bottom: 0;
	margin-bottom: 0;
}

.blog .page-header {
	margin-top: 30px;
}

@media ( max-width : 500px) {
	.featured-articles-spacing .preview-article h2 {
		margin-top: .5em;
		font-size: 1.25em;
	}
	.featured-articles-spacing .preview-article p {
		display: none;
	}
}

@media ( min-width : 501px) and (max-width: 767px) {
	.featured-articles-spacing .preview-article h2 {
		margin-top: .75em !important;
		font-size: 1.75em;
	}
}

.carousel .featured-article .img-border {
	margin-bottom: 0;
}

.blog .carousel-inner {
	/* top: -.3em; */
	margin-bottom: 20px;
	padding: 30px 20px;
	background: repeating-linear-gradient(-45deg, rgba(231, 231, 231, 0.4),
		rgba(231, 231, 231, 0.4) 10px, rgba(248, 248, 248, 0.5) 10px,
		rgba(248, 248, 248, 0.5) 20px);
}

.blog .carousel-control.left, .blog .carousel-control.right {
	background-image: none;
}

.blog .carousel-control.right {
	margin-right: 4%;
}

.blog h2.title {
	padding-top: 10px;
}

.blog .featured-article {
	max-width: 100%;
	height: auto;
	margin-bottom: 0;
	background: none;
}

.abstand-preview {
	padding-left: 20px;
}

.blog .category-name-featured {
	margin-top: 10px;
	margin-right: 10px;
}

.category-name-featured {
	padding: .5em .8em;
	font-size: 1.1em;
}

.category-name-featured span a:hover, .category-name-featured span a:active
	{
	text-decoration: none;
	color: #1242d1;
}

.blog p a {
	color: #393333;
}

.blog p a:hover {
	color: #1A1816;
	font-weight: 600;
}

.blog a:hover {
	color: #36F;
}

.blog a:focus {
	color: #DDD9D5;
}

.blog .comments-link {
	display: none;
}

.blog .img-preview {
	max-width: 100%;
	height: auto;
	margin-bottom: 0;
	background: none;
	border-radius: 10px;
}

@media ( max-width : 768px) {
	.blog .preview-article {
		padding-bottom: 30px;
	}
}

.blog .preview-article {
	border-radius: 10px;
	object-fit: cover;
	width: 100%;
	height: auto;
	position: relative;
}

p.mod-articles-category-readmore {
	margin-bottom: 0;
}

.preview-article a {
	color: #F63;
	font-weight: inherit;
}

.preview-article a:hover, .preview-article a:active {
	color: #3B3530;
	text-decoration: none;
}

.category-name-preview a {
	color: rgba(255, 255, 255, 0.8);
}

.category-name-preview a:focus, .category-name-preview a:hover {
	color: #fff;
	text-decoration: none;
}

.category-name-featured, .category-name-preview {
	position: absolute;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	z-index: 1;
	top: 0;
	right: 0;
	background: rgba(26, 24, 22, 0.5);
	color: #EAEAEA;
	font-family: "Rubik", Helvetica, Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

.category-name-preview {
	margin-top: 0;
	margin-right: 0;
	padding: .3em .6em;
	font-size: .9em;
}

.category-name-preview-left {
	right: auto;
	top: auto;
	border-radius: 10px 0 10px 0;
	font-size: large;
}

@media ( min-width : 840px) {
	.category-name-preview-left {
		font-size: larger;
	}
}

.category-name-preview-left a:hover {
	color: #36F;
}

.table-comparison {
	margin: 2em auto;
}

@media ( min-width : 1700px) {
	.table-comparison {
		margin: 1.75em .5em 3em;
	}
}

.table-comparison .btn {
	text-transform: initial;
}

.table-comparison img {
	margin-left: auto;
	margin-right: auto;
}

.table-comparison .top-left {
	vertical-align: top;
	text-align: left;
}

.table-comparison .bottom {
	position: relative;
	vertical-align: bottom;
}

.table-comparison .inner {
	text-align: left;
	padding-left: 1em;
}

.table-comparison .highlight {
	margin-bottom: .5em;
	font-weight: 400;
	font-size: 1.1em;
	color: #fff;
	font-family: rubik;
}

.table-comparison .highlight-tremolo {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff;
	background-color: #2f4f4f;
	border: solid #2f4f4f .1em;
	border-radius: .6em;
	padding: .25em .5em;
}

#InhaltBHS ol li.abstand-unten {
	margin-bottom: .25em;
}

.product-comparison .affiliate-box {
	font-family: raleway;
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}

.product-comparison .affiliate-box h3 {
	font-family: fira sans;
	margin-top: 1em;
	margin-bottom: 1.5em;
}

.product-comparison .affiliate-box .spacing {
	padding-right: .95em;
}

@media ( min-width : 1200px) and (max-width: 1974px) {
	.product-comparison .affiliate-ad {
		margin-top: -1.5em;
	}
}

.d-vs-c {
	margin-left: 2em;
}

.d-vs-c .styling {
	border-top: double #f5f5f5 1.8em;
}

.d-vs-c .abstand-seitlich {
	padding-left: 2em;
	padding-right: 2em;
}

.d-vs-c h3 {
	margin-left: 1em;
}

.d-vs-c .inner {
	padding-right: .5em;
}

.criterion .ls-container-2 {
	border-bottom-left-radius: initial;
}

.criterion .note {
	padding-left: initial !important;
	padding-right: initial !important;
	border: solid .2em #ff8861;
}

.criterion.ls-box-3 .note .inner {
	margin-top: initial;
}

.criterion ul {
	padding-left: initial;
}

.criterion ul>li {
	background: none;
	padding-left: initial;
	margin-left: initial;
}

.criterion .inner {
	padding-left: 1.25em;
	padding-right: 1.25em;
}

.criterion .inner h3 {
	margin-top: initial;
	padding-top: 2.5em;
}

.criterion .inner p {
	font-weight: 300;
	font-family: raleway;
	margin-bottom: initial;
}

.criterion a {
	font-weight: 700;
}

thead tr.channel-chrom-4>td:last-child {
	border-top-right-radius: 1em;
}

tr.channel-chrom-4 td:not(:first-child) {
	background-color: #fffacd;
}

tr.channel-chrom-4 td:nth-child(2), tr.channel-chrom-4 td:nth-child(3),
	tr.channel-chrom-4 td:nth-child(4), tr.channel-chrom-4 td:nth-child(5)
	{
	background-color: #f6f3d3;
}

tr.channel-chrom-4 td:nth-child(10), tr.channel-chrom-4 td:nth-child(11),
	tr.channel-chrom-4 td:nth-child(12), tr.channel-chrom-4 td:nth-child(13)
	{
	background-color: #f7cfbe;
}

tr.blow-chrom-4 td:nth-child(2), tr.blow-chrom-4 td:nth-child(3), tr.blow-chrom-4 td:nth-child(4),
	tr.blow-chrom-4 td:nth-child(5), tr.draw-chrom-4 td:nth-child(2), tr.draw-chrom-4 td:nth-child(3),
	tr.draw-chrom-4 td:nth-child(4), tr.draw-chrom-4 td:nth-child(5) {
	background-color: #ddd;
}

tr.blow-chrom-4 td:nth-child(10) p span, tr.blow-chrom-4 td:nth-child(11) p span,
	tr.blow-chrom-4 td:nth-child(12) p span, tr.blow-chrom-4 td:nth-child(13) p span,
	tr.draw-chrom-4 td:nth-child(10) p span, tr.draw-chrom-4 td:nth-child(11) p span,
	tr.draw-chrom-4 td:nth-child(12) p span, tr.draw-chrom-4 td:nth-child(13) p span
	{
	background-color: #ffa07a;
	padding: .1em .3em;
	border-radius: .1em;
}

tr.channel-chrom-4 td p {
	padding-bottom: .75em;
}

tr.channel-chrom-4 td:not(:nth-child(2)) p, tr.channel-chrom-4 td:not(:nth-child(3)) p,
	tr.channel-chrom-4 td:not(:nth-child(4)) p, tr.channel-chrom-4 td:not(:nth-child(5)) p
	{
	margin-bottom: -1.2em;
}

tr.channel-chrom-4 td:nth-child(2) p, tr.channel-chrom-4 td:nth-child(3) p,
	tr.channel-chrom-4 td:nth-child(4) p, tr.channel-chrom-4 td:nth-child(5) p
	{
	line-height: 1.2em;
	margin-bottom: 0;
}

.mark-text {
	padding: .1em .4em;
	border-radius: .5em;
}

.mark-text.mark-1 {
	background-color: #5ed115;
}

.mark-text.mark-2 {
	background-color: #fcd115;
}

.mark-text.mark-3 {
	background-color: #ffa07a;
}

.solo-tuning thead tr>td:last-child, .diatonic-tuning thead tr.channel>td:last-child,
	.spiral-tuning thead tr.channel>td:last-child {
	border-top-right-radius: 1em;
}

.solo-tuning tr.draw>td:last-child, .diatonic-tuning tr.draw>td:last-child,
	.spiral-tuning tr.draw>td:last-child {
	border-bottom-right-radius: 1em;
}

.solo-tuning tr.channel td:nth-child(2), .solo-tuning tr.channel td:nth-child(3),
	.solo-tuning tr.channel td:nth-child(4), .solo-tuning tr.channel td:nth-child(5),
	.solo-tuning tr.blow td:nth-child(2), .solo-tuning tr.blow td:nth-child(3),
	.solo-tuning tr.blow td:nth-child(4), .solo-tuning tr.blow td:nth-child(5),
	.solo-tuning tr.draw td:nth-child(2), .solo-tuning tr.draw td:nth-child(3),
	.solo-tuning tr.draw td:nth-child(4), .solo-tuning tr.draw td:nth-child(5)
	{
	background-color: #eee;
}

.solo-tuning tr.channel td:nth-child(6), .solo-tuning tr.channel td:nth-child(7),
	.solo-tuning tr.channel td:nth-child(8), .solo-tuning tr.channel td:nth-child(9),
	.solo-tuning tr.blow td:nth-child(6), .solo-tuning tr.blow td:nth-child(7),
	.solo-tuning tr.blow td:nth-child(8), .solo-tuning tr.blow td:nth-child(9),
	.solo-tuning tr.draw td:nth-child(6), .solo-tuning tr.draw td:nth-child(7),
	.solo-tuning tr.draw td:nth-child(8), .solo-tuning tr.draw td:nth-child(9)
	{
	background-color: #fffacd;
}

.solo-tuning tr.channel td:nth-child(10), .solo-tuning tr.channel td:nth-child(11),
	.solo-tuning tr.channel td:nth-child(12), .solo-tuning tr.channel td:nth-child(13),
	.solo-tuning tr.blow td:nth-child(10), .solo-tuning tr.blow td:nth-child(11),
	.solo-tuning tr.blow td:nth-child(12), .solo-tuning tr.blow td:nth-child(13),
	.solo-tuning tr.draw td:nth-child(10), .solo-tuning tr.draw td:nth-child(11),
	.solo-tuning tr.draw td:nth-child(12), .solo-tuning tr.draw td:nth-child(13)
	{
	background-color: #ddd;
}

.diatonic-tuning tr.channel td:nth-child(5), .diatonic-tuning tr.channel td:nth-child(6),
	.diatonic-tuning tr.channel td:nth-child(7), .diatonic-tuning tr.channel td:nth-child(8),
	.diatonic-tuning tr.blow td:nth-child(5), .diatonic-tuning tr.blow td:nth-child(6),
	.diatonic-tuning tr.blow td:nth-child(7), .diatonic-tuning tr.blow td:nth-child(8),
	.diatonic-tuning tr.draw td:nth-child(5), .diatonic-tuning tr.draw td:nth-child(6),
	.diatonic-tuning tr.draw td:nth-child(7), .diatonic-tuning tr.draw td:nth-child(8)
	{
	background-color: #fffacd;
}

.spiral-tuning tr.blow td:nth-child(7), .spiral-tuning tr.draw td:nth-child(3),
	.spiral-tuning tr.draw td:nth-child(10) {
	background-color: #70b5f0;
}

.spiral-tuning tr.blow td:nth-child(4), .spiral-tuning tr.blow td:nth-child(11),
	.spiral-tuning tr.draw td:nth-child(7) {
	background-color: #8feaa4;
}

.spiral-tuning tr.blow td:nth-child(8), .spiral-tuning tr.draw td:nth-child(4),
	.spiral-tuning tr.draw td:nth-child(11) {
	background-color: #fff066;
}

.spiral-tuning tr.blow td:nth-child(5), .spiral-tuning tr.draw td:nth-child(8)
	{
	background-color: #ffc485;
}

.spiral-tuning tr.blow td:nth-child(2), .spiral-tuning tr.blow td:nth-child(9),
	.spiral-tuning tr.draw td:nth-child(5) {
	background-color: #ff7a7a;
}

.spiral-tuning tr.blow td:nth-child(6), .spiral-tuning tr.draw td:nth-child(2),
	.spiral-tuning tr.draw td:nth-child(9) {
	background-color: #ff99d9;
}

.spiral-tuning tr.blow td:nth-child(3), .spiral-tuning tr.blow td:nth-child(10),
	.spiral-tuning tr.draw td:nth-child(6) {
	background-color: #b376ea;
}

.startpage {
	padding: 0;
}

.start article img, .start img {
	display: initial;
	border-radius: initial;
}

.start h2, .start .h2 {
	margin-top: .563em;
	margin-bottom: .317em;
}

article .img-teaser {
	width: 120px;
	height: 120px;
	position: relative;
	top: 10px;
	display: initial;
	border-top-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

article .img-teaserrounded {
	width: 140px;
	height: 140px;
	background: #ddd9d5;
}

.thumb {
	display: block;
	width: 100%;
	margin: 0;
}

.thumb:hover {
	-moz-box-shadow: 0 0 5px #1A1816;
	-webkit-box-shadow: 0 0 5px #1A1816;
	box-shadow: 0 0 5px #1A1816;
}

.title {
	color: #F63;
	margin-top: 0;
	display: block;
}

.media {
	margin-top: 5px;
	max-width: 560px;
}

.media-object {
	border-radius: 5px !important;
	width: 90px;
	height: 90px;
	object-fit: cover;
	display: block !important;
}

.media-object-border {
	display: block;
	border-radius: 10px;
	background: #F63;
	padding: 5px;
}

.start .jumbotron {
	background: rgba(255, 255, 255, 0.1);
}

.start .jumbotron h2 {
	font-family: "Rubik", Helvetica, Arial, sans-serif;
	font-weight: 700;
}

.featured-article {
	max-width: 560px;
	position: relative;
	margin-bottom: 2em;
	font-size: small;
}

.featured-article .block-title h2 {
	margin: 0;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left: .2em;
}

@media ( min-width : 480px) {
	.featured-article {
		font-size: smaller;
	}
	.featured-article .block-title h2 {
		padding-top: .7em;
		padding-bottom: .7em;
	}
}

.featured-article .block-title {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background: rgba(0, 0, 0, 0.5);
	padding: .5em;
}

.featured-article .block-title, .img-category .block-title, .img-about .block-title
	{
	position: absolute;
	left: 0;
	z-index: 1;
	width: 100%;
}

.featured-article .block-title, .img-category .block-title {
	bottom: 0;
	right: 0;
	color: #EAEAEA;
}

.featured-article img {
	width: 100%;
	height: 100%;
	border-radius: 20px !important;
	object-fit: cover;
}

.media-heading a {
	color: #F63;
}

.main-list {
	padding-left: .5em;
}

.main-list .media {
	padding-bottom: 1.1em;
	margin-left: auto;
}

.ls-h1 {
	font-family: "Rubik", Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin-top: .65em;
}

@media ( min-width : 768px) {
	.ls-h1 {
		line-height: 2em;
	}
}

.ls-h1-img {
	background-color: #f63;
	border: #f63 .25em solid;
	border-radius: .35em;
	padding: .15em .4em;
	display: inherit;
}

@media ( max-width : 767px) {
	.ls-h1-img {
		margin: .5em auto;
	}
}

@media ( min-width : 768px) {
	.ls-h1-img {
		margin: auto .25em;
	}
}

.ls-sub {
	font-size: 1.3em;
	margin-top: 2.75em !important;
	margin-bottom: 1.25em !important;
}

.ls-box-2 .ls-sub, .ls-box-3 .ls-sub {
	margin-top: 1em !important;
	margin-bottom: 0 !important;
}

.ls-sub-gi {
	color: #514942;
	margin-left: .5em;
}

.ls-container-1 .ls-h2 {
	color: #fff;
}

.ls-container-1 .ls-text, .ls-container-2 .ls-text, .ls-sub {
	font-family: "Raleway", Georgia, "Times New Roman", serif;
	font-weight: 400;
}

.ls-container-1, .ls-container-2 {
	padding: 2em 1em;
}

.ls-box-1 .ls-container-1 {
	background-color: #b7afaf;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
}

@media ( min-width : 768px) {
	.ls-box-1 .ls-container-1 {
		border-top-right-radius: 0;
	}
	.ls-box-1 .ls-container-2 {
		border-top-right-radius: 1em;
	}
}

.ls-container-1 .ls-btn, .ls-container-2 .ls-btn {
	text-align: center;
	margin: 1em auto 0;
}

.ls-box-2 {
	margin: 4em auto;
}

.ls-box-2 .ls-outer {
	margin-top: 1.5em;
	padding-top: 2em;
	padding-bottom: 2em;
}

.ls-box-2 .ls-outer h2 {
	font-size: 1.1em;
	margin-top: .5em;
	margin-bottom: 1.75em;
	line-height: 1.3em;
}

.ls-box-2 .ls-outer .last h2 {
	margin-bottom: 0;
}

@media ( min-width : 768px) {
	.ls-box-2 .ls-outer h2 {
		margin-bottom: 0;
	}
}

.ls-box-3 {
	margin-bottom: 2em;
}

@media ( max-width : 769px) {
	.ls-box-3 .ls-container-2 {
		padding-bottom: 0;
	}
}

.ls-box-3 .ls-container-1 {
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
}

@media ( min-width : 769px) {
	.ls-box-3 .ls-container-1 {
		border-bottom-left-radius: 0;
		padding-right: 2em;
	}
	.ls-box-3 .ls-container-2 {
		border-bottom-left-radius: 1em;
		padding-left: 2em;
	}
}

.ls-box-3 h2 {
	margin-bottom: 1em;
}

@media ( min-width : 768px) {
	.arrow_box:after {
		left: 100%;
		top: 50%;
		border-style: solid;
		border-color: transparent #b7afaf transparent transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(183, 175, 175, 0);
		border-left-color: #b7afaf;
		border-width: 30px 0 30px 30px;
		margin-top: -35px;
		z-index: 10;
	}
}

.ls-box-3 .bg-stripes {
	background: #DDD9D5;
	background-image: repeating-linear-gradient(-45deg, #ff8861, #ff8861 15px, #d6d6d6 0,
		#d6d6d6 30px);
	padding: 1em 0;
	top: -1em;
}

.ls-box-3 .bg-orange-light {
	background: #ff8;
}

.ls-box-3 .eye-catcher {
	padding-left: .5em;
	font-size: 1.5em;
	top: .25em;
	color: #f63;
}

.ls-box-3 .note {
	padding-left: 1em;
	padding-right: 1em;
}

.ls-box-3 .note .inner {
	margin-top: -.5em;
}

.ls-box-3 .note .inner h2 {
	margin-top: 1em;
}

.ls-box-3 .cheer {
	margin-top: .5em;
}

.ls-box-3 .glyphicon.cheer {
	border: 0;
	padding-right: .5em;
	font-size: 1.5em;
	top: .25em;
	color: #36f;
}

.countdown {
	padding-bottom: 6em;
	margin-top: 3em;
}

.countdown h3 {
	margin: 1.5em 1em .75em;
	text-align: center;
	color: #36f;
	font-size: 2.2em;
}

@media ( min-width : 769px) {
	.countdown .flip-clock-wrapper {
		max-width: 60em;
	}
}

@media ( min-width : 992px) {
	.countdown .flip-clock-wrapper {
		left: 13%;
	}
}

@media ( min-width : 1180px) {
	.countdown .flip-clock-wrapper {
		left: 18%;
	}
}

@media ( min-width : 1300px) {
	.countdown .flip-clock-wrapper {
		left: 21%;
	}
}

@media ( min-width : 1400px) {
	.countdown .flip-clock-wrapper {
		left: 23%;
	}
}

@media ( min-width : 1700px) {
	.countdown .flip-clock-wrapper {
		left: 28%;
	}
}

@media ( min-width : 1920px) {
	.countdown .flip-clock-wrapper {
		left: 30%;
	}
}

.hr-about .jumbotron {
	padding-top: 0;
	padding-left: 30px;
	padding-right: 30px;
}

.hr-about h2 {
	margin-top: 0;
	padding-top: .5em;
}

.hr-harp {
	padding: 1em 1.2em;
	border-radius: 15px;
	margin-top: 1em;
	margin-bottom: 1em;
	hyphens: auto;
}

.hr-logo {
	background-image: url(../images/hr-logo-small.svg);
}

.hr-about article {
	padding-left: 0;
	padding-right: 0;
}

.img-about {
	max-width: 600px;
	position: relative;
	margin-bottom: 2em;
	border-radius: 15px;
	background: #F63;
	margin-left: auto;
	margin-right: auto;
}

.hr-about p, .img-about .block-title h3 {
	margin: 0;
}

.img-about .block-title {
	bottom: 15px;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	padding: .5em;
	font-family: "Rubik", Helvetica, Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 4.8vw;
}

@media ( min-width : 361px) and (max-width: 599px) {
	.img-about .block-title {
		font-size: 4.6vw;
	}
}

@media ( min-width : 600px) and (max-width: 700px) {
	.img-about .block-title {
		font-size: 4.5vw;
	}
}

@media ( min-width : 701px) and (max-width: 767px) {
	.img-about .block-title {
		font-size: 4.3vw;
	}
}

@media ( min-width : 768px) and (max-width: 834px) {
	.img-about .block-title {
		font-size: 3.8vw;
	}
}

@media ( min-width : 835px) and (max-width: 967px) {
	.img-about .block-title {
		font-size: 3vw;
	}
}

@media ( min-width : 968px) and (max-width: 1199px) {
	.img-about .block-title {
		font-size: 2.5vw;
	}
}

@media ( min-width : 1200px) {
	.img-about .block-title {
		font-size: 2.2vw;
	}
}

.hr-about article.error-404 .jumbotron #newArticles .bg-primary,
	.hr-about article.error-404 .jumbotron #popArticles .bg-primary {
	background-color: #eee;
}

.container-overview {
	padding: 1.15em 1em 1.15em 1.5em;
	margin-right: auto;
	margin-left: auto;
}

@media ( min-width : 322px) and (max-width: 449px) {
	.container-overview {
		padding-left: 2.5em;
		padding-right: 1.5em;
	}
}

@media ( min-width : 450px) and (max-width: 766px) {
	.container-overview {
		padding-left: 4.5em;
		padding-right: 3em;
	}
}

@media ( width : 767px) {
	.container-overview {
		padding-left: 7.7em;
		padding-right: 7.7em;
	}
}

@media ( min-width : 768px) and (max-width: 967px) {
	.container-overview {
		padding-left: 1.4em;
		padding-right: 1.4em;
	}
}

@media ( min-width : 968px) {
	.container-overview {
		padding-left: 3.3em;
		padding-right: 4.4em;
	}
}

.img-teaserrounded-category {
	width: 80%;
	height: 0;
	padding-bottom: 80%;
	margin-left: 10%;
	position: relative;
	z-index: 1;
	background: #f3f2f2;
}

.img-rounded-category {
	border-radius: 15px;
}

.img-hrspecific-category {
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.img-teaser-category {
	width: 87%;
	margin-top: 6.5%;
	margin-left: 6.5%;
	z-index: 0;
	object-fit: contain;
	display: inline-block;
}

.base-desc {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
}

.category-desc {
	font-weight: 700;
}

.categories-list h3 a:hover, .categories-list h3 a:active {
	color: #F63;
	text-decoration: none;
}

.category-header {
	font-size: 1.8em;
}

.mod-articles-category-introtext, .mod-articles-category-introtext a,
	.mod-articles-category-introtext strong {
	font-weight: 400;
	color: initial;
}

.img-category, .img-category img {
	max-width: 100%;
	border-radius: 10px;
	position: relative;
}

.img-category .block-title {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: rgba(0, 0, 0, 0.6);
	padding: 0 1em 1em;
}

.img-category .block-title h2 {
	margin: 0;
	padding-bottom: .7em;
	padding-top: .7em;
	text-shadow: -3px -3px 3px #000;
}

@media ( max-width : 540px) {
	.no-description {
		display: none;
	}
	.img-category .block-title {
		padding-bottom: .1em;
		padding-top: .1em;
	}
}

.row-end {
	margin-top: -6px;
	margin-right: 5px;
	display: inline;
	z-index: 100;
	float: left;
	clear: left;
}

.row-end::after {
	position: absolute;
	content: '';
	width: 66.66%;
	margin-left: 35px;
	border-bottom: 4px solid rgba(221, 217, 213, 1);
	border-radius: 1.5px;
	z-index: 0;
}

.subcategory h2 {
	margin-top: 0;
}

@media ( max-width : 450px) {
	.img-subcategory {
		margin-bottom: 1.6em !important;
	}
}

.subcategory .pagination ul {
	padding-left: 30px;
}

.subcategory .pagination {
	margin-top: 0;
}

@media ( max-width : 768px) {
	.pagination-align {
		text-align: left;
	}
	.subcategory .preview-article {
		padding-bottom: 0;
	}
}

.subcategory {
	padding: .33em 0;
}

@media ( min-width : 990px) {
	.subcategory {
		padding: .66em 0;
	}
}

.airmail-lg {
	padding: .6em;
}

.airmail-sm {
	padding: .5em 0;
	margin-left: 1em;
}

.newsletter-sm .inner {
	width: 100%;
	height: 100%;
	background: #f5f5f5;
}

.form-newsletter-desc {
	margin-bottom: .5em;
	padding-bottom: .5em;
	font-size: 1em;
	line-height: 1.45em;
	font-weight: 300;
}

.form-newsletter-headline {
	margin: .5em auto .25em 1em;
	text-align: left;
	font-weight: 700;
}

@media ( min-width : 767px) {
	.form-newsletter-headline {
		margin-top: 1.5em;
	}
	.form-newsletter-liststyle {
		margin-left: -1em;
	}
}

.form-newsletter-arrow {
	margin: 2em auto auto;
}

.form-newsletter-input {
	margin-bottom: .75em;
}

.form-newsletter-label {
	margin-top: 1em;
}

.form-newsletter-button {
	margin: 1.5em auto .75em;
	color: #fff;
}

.form-newsletter-purpose {
	line-height: 1.1;
	font-size: small;
	font-weight: lighter;
}

.form-newsletter-security {
	margin-top: 2em;
	font-weight: 400;
	line-height: 1.3;
	white-space: normal;
}

.form-newsletter-lock {
	height: 1.3em;
	padding-bottom: .2em;
}

.lbl-tinyltr {
	font-weight: 700;
}

.asterisk {
	position: relative;
	bottom: .3em;
	font-size: 85%;
	font-weight: 400;
}

.message_area, div#sib_embed_unsignup .alert {
	padding: 1em !important;
	margin: .5em 0 -.5em !important;
	color: #FFF;
	background-color: #36f;
	border: .15em solid #fff;
	border-top-left-radius: .8em !important;
	border-bottom-right-radius: .8em !important;
}

.close {
	margin-right: -.4em;
	margin-top: -.7em;
}

.sib-loader {
	position: absolute;
	z-index: 9999;
	display: none;
}

.sib-loader-img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 40%;
}

.forms-builder-messages {
	margin-top: 5px;
}

.forms-builder-group {
	text-align: center;
}
#sib-container {
 background:inherit!important
}
#sib-container,
.sib-form {
 padding:0!important
}
.sib-form-block,
.sib-form {
 text-align:center
}
.sib-form {
 font-family:inherit!important;
 font-family:fira sans,sans-serif;
 font-size:1em!important
}
.sib-form .entry__label {
 margin-bottom:0
}
.sib-form .entry__field {
 display:block!important;
 color:#555;
 border:1px solid #ccc!important;
 font-size:.8em;
 margin:auto
}
.sib-form .entry__field:focus-within {
 box-shadow:0 0 0 1px #36f!important
}
.sib-form .entry__field ::before {
 font-size:5em!important
}
.sib-form .input {
 padding:6px 12px!important
}
.sib-form-block {
 padding:0!important
}
.sib-form .form__label-row {
 display:initial!important
}
.sib-form label.entry__error {
 padding-left:.75em;
 text-align:left;
 line-height:2rem;
 font-size:.75em;
 font-weight:inherit;
 font-family:fira sans,sans-serif;
 color:#661d1d;
 background-color:#f2dede;
 border-radius:3px;
 border-color:#ff4949
}
.sib-form #error-message.message_area {
 background-color:#f2dede;
 border:1px solid #ebccd1;
 color:#a94442
}
.sib-form #success-message.message_area {
 background-color:#dff0d8;
 border:1px solid #d6e9c6;
 color:#3c763d
}
.sib-form ::-webkit-input-placeholder {
 color:#a9a9a9!important;
 opacity:1
}
.sib-form ::-moz-placeholder {
 color:#a9a9a9!important;
 opacity:1
}
.sib-form :-ms-input-placeholder {
 color:#a9a9a9!important;
 opacity:1
}
.sib-form ::-ms-input-placeholder {
 color:#a9a9a9!important;
 opacity:1
}
.sib-form ::placeholder {
 color:#a9a9a9!important;
 opacity:1
}
.form-newsletter-off-image {
	width: 12em;
	display: block;
	margin: .5em auto 1em;
}

.form-newsletter-off-notification {
	background-color: #f63;
	padding: 1em;
	margin-bottom: 3em;
	border-top-left-radius: .5em;
	border-bottom-right-radius: .5em;
}

.form-newsletter-off-headline {
	margin-bottom: .25em;
	color: #393333;
	font-weight: 700;
}

.form-newsletter-off-description {
	margin: 2em auto .8em;
}

.form-newsletter-off-btn {
	margin: 1em auto;
}

.form-newsletter-off-label {
	padding-left: 5px;
}

.newsletter-social-headline {
	margin: 2em auto .25em;
}

.block-center {
	display: table;
}

.thx-image {
	margin: 0;
	padding-right: 1em;
}

.thx-heading, .news-ad-heading {
	margin-top: 0;
	padding-top: 1em;
}

.thx-box, .news-ad-box {
	padding: 1em;
}

.thx-img-box {
	margin: 0 auto;
	padding: .5em;
}

.thx-btn {
	padding: .5em;
	margin-bottom: 1em;
}

.thx-ebook {
	width: 200px;
}

.hr-like {
	font-family: raleway;
	font-weight: 300;
	padding-right: 2em;
}

.hr-like p {
	margin-bottom: 0;
}

.hr-like .highlight-orange {
	color: #f63;
	font-weight: 700;
}

.hr-like .like {
	font-size: 1.5em;
	top: .25em;
	color: #f63;
}

.hr-like .newsletter-social {
	font-size: 1.5em;
	float: right;
}

@media ( min-width : 769px) {
	.hr-like .newsletter-social {
		float: left;
		margin-left: .5em;
	}
}

.news-ad-box {
	margin: 2em auto;
	border: solid .2em #f63;
	border-radius: .35em;
	background: #969696;
	box-shadow: rgba(0, 0, 0, 0.4) 6px 5px 6px;
}

@media ( min-width : 1500px) {
	.thx-ebook {
		width: 280px;
	}
	.news-ad-box {
		padding: 3.5em;
	}
}

.news-ad-image {
	background-repeat: no-repeat;
	background-size: cover;
}

.news-ad-image-guide {
	background-image: url(/images/kompass.jpg);
}

.news-ad-image-help {
	background-image: url(/images/freedom.jpg);
}

.news-ad-text {
	border-top-left-radius: 1em;
	border-bottom-right-radius: 1em;
	border: transparent .5em solid;
	border-left-width: 1.5em;
	border-right-width: 1.5em;
	background: rgba(230, 230, 220, 0.85);
}

@media ( min-width : 768px) {
	.news-ad-text {
		font-size: .85em;
	}
}

@media ( max-width : 767px) {
	.news-ad-text {
		font-size: 1.1em;
	}
}

.news-ad-btn {
	color: #fff;
	margin-bottom: 1em;
}

.news-ad-btn:focus, .news-ad-btn.focus, .news-ad-btn:hover {
	background-color: #36F;
	border-color: transparent;
}

.nav-tabs {
	padding-top: 1.2em;
	padding-left: 1.1em;
	padding-right: 1.8em;
	background-color: #f3f2f2;
	border: none;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus,
	.nav-tabs>li>a {
	font-weight: 700;
	font-size: 1.1em;
	border: none;
	border-radius: .35em;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
	{
	color: #f3f2f2;
	background-color: #908376;
	border-bottom-color: transparent;
}

.nav-tabs>li>a {
	color: #908376;
	cursor: grab;
}

.nav-tabs>li>a:hover {
	background-color: inherit;
}

.container mostread {
	background-color: #f3f2f2;
}

.tab-content h3.title {
	font-size: 1.2em;
	line-height: 1.2em;
}

.img-border, .img-border-sm {
	padding-left: 0;
	padding-right: 0;
	margin-right: 15px;
}

.img-border-sm {
	background: #908376;
	width: 100px;
	height: 100px;
	border: 5px solid #908376;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	margin-bottom: 10px;
}

.img-border {
	background: #ddd9d5;
	width: 160px;
	height: 160px;
	border: 10px solid #ddd9d5;
	border-radius: 15px !important;
	margin-bottom: .6em;
}

.suggested-outer {
	border-bottom: 1.75em #f3f2f2 solid;
}

.last .suggested-right {
	border-bottom: initial;
}

@media ( min-width : 768px) {
	.suggested-left {
		border-right: .75em #f3f2f2 solid;
	}
	.suggested-right {
		border-left: .75em #f3f2f2 solid;
	}
}

.suggested-img {
	margin: .75em;
	width: 140px;
	height: 140px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border: #ddd9d5 solid 8px;
}

.suggested-title {
	font-size: larger;
	margin: .75em .5em .5em;
}

.interesting-outer {
	font-size: 80%;
	padding-left: .5em;
	margin-top: 1em;
}

.interesting-h2 {
	margin-left: 1.2em;
}

@media ( min-width : 768px) {
	.interesting-img {
		border-color: #ddd9d5;
		display: initial;
	}
}

@media ( max-width : 767px) {
	.interesting-img {
		display: none;
	}
}

.interesting-title {
	color: #393333;
	font-size: large;
}

a.hrs-banner img {
	border-radius: 0;
}

.hrs-t_banner {
	background: #b2a9a0;
	border-top: solid .25em #f63;
	border-bottom: solid .5em gray;
}

.hrs-t_banner .inner {
	margin-left: auto;
	margin-right: auto;
	display: table;
}

.hrs-banner {
	display: block;
	margin: 1.5em auto;
}

.hrs-banner-v0 {
	border-radius: 1em;
	border: #fef8e0 solid .3em;
	box-shadow: rgba(255, 102, 51, 0.4) 0 0 0 .19em;
}

.hrs-banner-v8, .hrs-banner-v7 {
	border-radius: .5em;
	border: .3em solid transparent;
	padding: .15em;
	background: #79c913;
}

.hrs-banner-v7 {
	box-shadow: rgba(121, 201, 19, 0.4) 5px 5px, rgba(121, 201, 19, 0.3)
		10px 10px, rgba(121, 201, 190, 0.2) 15px 15px, rgba(121, 201, 19, 0.1)
		20px 20px, rgba(121, 201, 19, 0.05) 25px 25px;
}

@media ( max-width : 768px) {
	.hrs-banner, .hrs-banner-v0, .hrs-banner-v1, .hrs-banner-v2,
		.hrs-banner-v3, .hrs-banner-v4, .hrs-banner-v5, .hrs-banner-v6,
		.hrs-banner-v7, .hrs-banner-v8 {
		max-width: 100%
	}
	.hrs-banner, .hrs-banner-v0 {
		content: url("/images/banners/spielfabrik-xs.png")
	}
	.hrs-banner-v1 {
		content: url("/images/banners/1-Durchblick-xs.gif")
	}
	.hrs-banner-v2 {
		content: url("/images/banners/2-SpielenKoennen-xs.png")
	}
	.hrs-banner-v3 {
		content: url("/images/banners/3-Fortschritt-xs.png")
	}
	.hrs-banner-v4 {
		content: url("/images/banners/4-OhneNoten-xs.png")
	}
	.hrs-banner-v5 {
		content: url("/images/banners/5-Bending-xs.png")
	}
	.hrs-banner-v6 {
		content: url("/images/banners/6-BluesHarp-xs.png")
	}
	.hrs-banner-v7 {
		content: url("/images/banners/7-MundharmonikaSpielenLernen-xs.png")
	}
	.hrs-banner-v8 {
		content: url("/images/banners/8-BluesHarpSpielenLernen-xs.png");
		background: linear-gradient(#fff, #fff) padding-box,
			linear-gradient(90deg, #79c913, #f63) border-box
	}
}

@media ( min-width : 769px) and (max-width: 991px) {
	.hrs-banner, .hrs-banner-v0 {
		content: url("/images/banners/spielfabrik-sm.png")
	}
	.hrs-banner-v1 {
		content: url("/images/banners/1-Durchblick-sm.png")
	}
	.hrs-banner-v2 {
		content: url("/images/banners/2-SpielenKoennen-sm.png")
	}
	.hrs-banner-v3 {
		content: url("/images/banners/3-Fortschritt-sm.png")
	}
	.hrs-banner-v4 {
		content: url("/images/banners/4-OhneNoten-sm.png")
	}
	.hrs-banner-v5 {
		content: url("/images/banners/5-Bending-sm.png")
	}
	.hrs-banner-v6 {
		content: url("/images/banners/6-BluesHarp-sm.png")
	}
	.hrs-banner-v7 {
		content: url("/images/banners/7-MundharmonikaSpielenLernen-sm.png")
	}
	.hrs-banner-v8 {
		content: url("/images/banners/8-BluesHarpSpielenLernen-sm.png");
		background: linear-gradient(#fff, #fff) padding-box,
			linear-gradient(90deg, #79c913, #f63) border-box
	}
}

@media ( min-width : 992px) {
	.hrs-banner, .hrs-banner-v0 {
		content: url("/images/banners/spielfabrik-lg.png")
	}
	.hrs-banner-v1 {
		content: url("/images/banners/1-Durchblick-lg.png")
	}
	.hrs-banner-v2 {
		content: url("/images/banners/2-SpielenKoennen-lg.png")
	}
	.hrs-banner-v3 {
		content: url("/images/banners/3-Fortschritt-lg.png")
	}
	.hrs-banner-v4 {
		content: url("/images/banners/4-OhneNoten-lg.png")
	}
	.hrs-banner-v5 {
		content: url("/images/banners/5-Bending-lg.png")
	}
	.hrs-banner-v6 {
		content: url("/images/banners/6-BluesHarp-lg.png")
	}
	.hrs-banner-v7 {
		content: url("/images/banners/7-MundharmonikaSpielenLernen-lg.png")
	}
	.hrs-banner-v8 {
		content: url("/images/banners/8-BluesHarpSpielenLernen-lg.png");
		background: linear-gradient(#fff, #fff) padding-box,
			linear-gradient(-45deg, #79c913, #f63) border-box
	}
}

.hrs-banner-RA {
	margin-left: auto;
	margin-right: auto;
	border: dashed .3em #f63;
	padding-left: 1.2em;
	padding-right: 1.2em
}

.hrs-banner {
	display: block;
	margin: 1.5em auto
}

.hrs-banner-v0 {
	border-radius: 1em;
	border: #fef8e0 solid .3em;
	box-shadow: rgba(255, 102, 51, 0.4) 0 0 0 .19em
}

.hrs-banner-v8, .hrs-banner-v7 {
	border-radius: .5em;
	border: .3em solid transparent;
	padding: .15em;
	background: #79c913
}

.hrs-banner-v7 {
	box-shadow: rgba(121, 201, 19, 0.4) 5px 5px, rgba(121, 201, 19, 0.3)
		10px 10px, rgba(121, 201, 190, 0.2) 15px 15px, rgba(121, 201, 19, 0.1)
		20px 20px, rgba(121, 201, 19, 0.05) 25px 25px
}

@media ( max-width : 768px) {
	.hrs-banner, .hrs-banner-v0, .hrs-banner-v1, .hrs-banner-v2,
		.hrs-banner-v3, .hrs-banner-v4, .hrs-banner-v5, .hrs-banner-v6,
		.hrs-banner-v7, .hrs-banner-v8 {
		max-width: 100%
	}
	.hrs-banner, .hrs-banner-v0 {
		content: url("/images/banners/spielfabrik-xs.png")
	}
	.hrs-banner-v1 {
		content: url("/images/banners/1-Durchblick-xs.gif")
	}
	.hrs-banner-v2 {
		content: url("/images/banners/2-SpielenKoennen-xs.png")
	}
	.hrs-banner-v3 {
		content: url("/images/banners/3-Fortschritt-xs.png")
	}
	.hrs-banner-v4 {
		content: url("/images/banners/4-OhneNoten-xs.png")
	}
	.hrs-banner-v5 {
		content: url("/images/banners/5-Bending-xs.png")
	}
	.hrs-banner-v6 {
		content: url("/images/banners/6-BluesHarp-xs.png")
	}
	.hrs-banner-v7 {
		content: url("/images/banners/7-MundharmonikaSpielenLernen-xs.png")
	}
	.hrs-banner-v8 {
		content: url("/images/banners/8-BluesHarpSpielenLernen-xs.png");
		background: linear-gradient(#fff, #fff) padding-box,
			linear-gradient(90deg, #79c913, #f63) border-box
	}
}

@media ( min-width : 769px) and (max-width: 991px) {
	.hrs-banner, .hrs-banner-v0 {
		content: url("/images/banners/spielfabrik-sm.png")
	}
	.hrs-banner-v1 {
		content: url("/images/banners/1-Durchblick-sm.png")
	}
	.hrs-banner-v2 {
		content: url("/images/banners/2-SpielenKoennen-sm.png")
	}
	.hrs-banner-v3 {
		content: url("/images/banners/3-Fortschritt-sm.png")
	}
	.hrs-banner-v4 {
		content: url("/images/banners/4-OhneNoten-sm.png")
	}
	.hrs-banner-v5 {
		content: url("/images/banners/5-Bending-sm.png")
	}
	.hrs-banner-v6 {
		content: url("/images/banners/6-BluesHarp-sm.png")
	}
	.hrs-banner-v7 {
		content: url("/images/banners/7-MundharmonikaSpielenLernen-sm.png")
	}
	.hrs-banner-v8 {
		content: url("/images/banners/8-BluesHarpSpielenLernen-sm.png");
		background: linear-gradient(#fff, #fff) padding-box,
			linear-gradient(90deg, #79c913, #f63) border-box
	}
}

@media ( min-width : 992px) {
	.hrs-banner, .hrs-banner-v0 {
		content: url("/images/banners/spielfabrik-lg.png")
	}
	.hrs-banner-v1 {
		content: url("/images/banners/1-Durchblick-lg.png")
	}
	.hrs-banner-v2 {
		content: url("/images/banners/2-SpielenKoennen-lg.png")
	}
	.hrs-banner-v3 {
		content: url("/images/banners/3-Fortschritt-lg.png")
	}
	.hrs-banner-v4 {
		content: url("/images/banners/4-OhneNoten-lg.png")
	}
	.hrs-banner-v5 {
		content: url("/images/banners/5-Bending-lg.png")
	}
	.hrs-banner-v6 {
		content: url("/images/banners/6-BluesHarp-lg.png")
	}
	.hrs-banner-v7 {
		content: url("/images/banners/7-MundharmonikaSpielenLernen-lg.png")
	}
	.hrs-banner-v8 {
		content: url("/images/banners/8-BluesHarpSpielenLernen-lg.png");
		background: linear-gradient(#fff, #fff) padding-box,
			linear-gradient(-45deg, #79c913, #f63) border-box
	}
}

.hrs-banner-RA {
	margin-left: auto;
	margin-right: auto;
	border: dashed .3em #f63;
	padding-left: 1.2em;
	padding-right: 1.2em
}
/* J4 */
form > div.awesomplete {
	display: block;
}

.visually-hidden {
    display: none;
}

/* J4 Factory */
div#system-message-container {
  margin-left: auto;
  margin-right: auto;
  /*margin-top: 1em;
  padding: 1em;  */
  max-width: 40em;
}

div.alert-message {
      padding: 1em;
}

.modlgn-remember { /*TODO: replace #modlgn-remember*/
	margin-top: .3em !important;
	margin-left: .75em !important;
}

.hr-login .login-form .unstyled { /*TODO: replace.hr-login #login-form .unstyled*/
	margin-top: 1em;
	margin-left: -20px;
}

.control-group {
    margin-top: 1em;
}

#remember {
    position: static;
}

.kdiscuss-form .form-validate #jform_name, #jform_name-lbl, #jform_message-lbl {
    display: none;
}


.kdiscuss-form .form-validate textarea#jform_message { /*TODO: .kunenadiscuss .kdiscuss-form form textarea.form-control.counted */
margin-top: 1.5em;
  font-size: inherit;
  margin-bottom: 1.25em !important;
}

div#poll-results .progress-bar {	
	position: static;
}

.plg_system_webauthn_login_button {
  display: none;
}

.form-control-feedback {
 width: auto !important;;
 position: inherit !important;
}

.readmore-link {
    color: #F63;
}