.hr-about article {
	padding-bottom: 0;
}

#hrs-start .hrs-login {
	padding: .5em 1em;
}

#hrs-start .hrs-or p {
	color: #fff;
	font-size: inherit;
}

#hrs-start .hrs-or {
	margin-top: 2.5em;
	margin-bottom: 1.5em;
}

#hrs-start .hrs-or .visible-xs {
	margin-top: 1.5em;
	margin-bottom: 1em;
}

#hrs-start .hrs-more {
	font-family: "Raleway", "Fira Sans", Helvetica, Arial, sans-serif;
	font-size: 90%;
	color: #fff;
}

#hrs-start .hrs-link {
	font-weight: 700;
}

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

.btn-notes {
	float: right;
	margin-left: .5em;
	margin-top: -.12em;
	line-height: inherit;
}

aside .section-icon, article section#exkurs .section-icon {
	color: #fff;
	line-height: inherit;
}

.course .category-desc {
	font-weight: initial;
}

.course .category-desc .img-category .block-title {
	padding: 2em;
	padding-top: 2em !important;
}

.highlight-blue {
	color: #36f;
}

.highlight-orange {
	color: #f63;
}

.highlight-anthrazit {
	color: #1A1816;
}

.song-description {
	text-align: right;
	font-size: smaller;
	line-height: 1em;
	margin-bottom: 1.7em;
}

.song-title {
	font-weight: 700;
	font-style: oblique;
}

.onclick-description {
	text-align: left;
	font-size: smaller;
	font-weight: 700;
	position: absolute;
	border: transparent 1em solid;
	border-top: 0;
}

.onclick-arrow {
	width: 5em;
	border-radius: 0;
	margin: 1em 2em auto auto;
}

.course-task-solution {
	padding-bottom: 3em;
}

@media ( max-width : 767px) {
	.course-task-solution {
		border-bottom: 3em solid transparent;
	}
}

.harp-channel {
	display: inline;
	border-radius: 0;
}

.harp-channel-article, .harp-channel-task {
	margin: -.2em .1em auto;
}

.harp-channel-line {
	margin: -.2em .1em 1em;
}

.harp-channel-article, .harp-channel-task {
	max-height: .9em;
}

.harp-channel-replay {
	font-size: 3.5em;
	font-weight: bolder;
	margin: auto .25em;
}

.note-name-lg {
	font-size: 1.5em;
}

.note-name-a, .note-name-b, .note-name-c, .note-name-d, .note-name-e,
	.note-name-f, .note-name-g {
	font-weight: 700;
}

.note-name-a {
	color: #ff34b4;
}

.note-name-b {
	color: #8221d9;
}

.note-name-c {
	color: #197fdf;
}

.note-name-d {
	color: #3fd65f;
}

.note-name-e {
	color: #ffea00;
	text-shadow: -.02em 0 grey, 0 .02em grey, .02em 0 grey, 0 -.02em grey;
}

.note-name-f {
	color: #ff921f;
}

.note-name-g {
	color: #ff1515;
}

.inline-block-style {
	display: inline-block;
	margin: auto .5em;
}

.checkerboard-1, .checkerboard-3, .checkerboard-5, .checkerboard-7,
	.checkerboard-9, .checkerboard-11, .checkerboard-13 {
	background-color: #DDD9D5
}

@media ( min-width : 1200px) {
	.checkerboard {
		padding: 1em 2em
	}
	.checkerboard-4, .checkerboard-8, .checkerboard-12 {
		background-color: #DDD9D5
	}
	.checkerboard-3, .checkerboard-7, .checkerboard-11 {
		background-color: initial
	}
}

.progress-bar {
	width: var(--scrollAmount);
	background-color: #36f;
	height: 1.25em;
	position: fixed;
	bottom: 0;
	left: 0;
	max-width: 100vw;
	z-index: 100;
}

.course-navigation-name, .course-navigation-backlink {
	font-weight: 700;
	font-style: italic;
}

.course-navigation-name {
	margin: 2em auto .5em 1.5em;
}

.course-navigation-backlink {
	margin: 1.5em auto .5em 2.5em;
}

.category-module .active {
	color: #F3F2F2;
	font-weight: 700;
	border: solid #36f .1em;
	border-radius: .25em;
	padding: .04em .4em;
	background-color: #36f;
	margin-left: -.4em;
	display: inline-block;
}

.category-module ul {
	margin-left: -.25em;
}

.path-h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.path-img-category {
	margin: 0 auto -1.8em;
}

@media ( min-width : 541px) {
	.path-img-category {
		margin: 3em auto 2em;
		border: dotted .25em #393333;
		border-radius: 1em;
		width: 60%;
	}
}

.path-block-title {
	margin-top: 1.5em;
	margin-bottom: 0;
	padding-top: 1em !important;
}

.path-box {
	background-color: #DDD9D5;
	border-radius: .75em;
}

.path-h2 {
	margin: 1em .5em .5em;
}

.path-course-description {
	margin: 1em 1.5em 1.5em auto;
}

@media ( max-width : 767px) {
	.path-course-description {
		margin-bottom: 2em;
		margin-left: 2em;
	}
}

.path-course-description .btn {
	z-index: 99;
	position: relative;
}

.path-course-category-outer {
	font-size: .8em;
}

.path-course-category-inner {
	margin-left: 2.5em;
	margin-bottom: 2em;
}

@media ( min-width :767px) {
	.path-course-category-outer {
		border-left: .15em #f5f5f5 dashed;
	}
	.path-course-category-inner {
		margin: 2em;
	}
}

.path-course-category-headline {
	padding-top: 1em;
	margin-top: 0;
	margin-bottom: .8em;
}

.path-course-category-link {
	margin: 0;
	text-align: left;
	text-decoration: underline;
}

.course-outline-h1 {
	text-align: center;
}

.course-outline-h2 {
	margin: .5em auto;
}

.icon-calltoaction {
	color: #fff;
	margin-right: .5em;
	line-height: 1.15em;
	float: left;
}

.course-outline-description {
	margin: 1em 1.5em 1.5em 2em;
}

.course-outline-outer {
	background-color: #DDD9D5;
	border-radius: .75em;
}

.course-outline-inner {
	padding-right: 1em;
	padding-left: 2em;
	margin: 2em auto;
}

@media ( min-width : 767px) {
	.course-outline-inner {
		border-left: 1px #f3f2f2 solid;
	}
}

.course-outline-inner .category-module {
	padding-left: 0;
	padding-right: .5em;
}

.panel-hr {
	margin: 3em auto;
}

.panel-group {
	margin-left: auto;
	margin-right: auto;
	max-width: 850px;
}

.panel-default>.panel-heading-hrtab {
	background-color: #ffe4c4;
}

.panel-default>.panel-heading-noten {
	background-color: #ffa07a;
}

.panel-default>.panel-heading-lyrics {
	background-color: #6495ed;
}

.panel-default>.panel-heading-hinweis {
	background-color: #dcdcdc;
}

.panel-title {
	font-size: 1.4em;
}

.icon-accordion {
	float: left;
	margin-right: .5em;
}

.backing-track {
	background-color: #d3d3d3 !important;
	border-color: #f5deb3;
	font-weight: 700;
}

.song-listing .icon-accordion-song {
	float: right;
	margin-top: .1em;
}

.panel-heading.panel-heading-hrtab a, .panel-heading.panel-heading-noten a,
	.panel-heading.panel-heading-lyrics a, .panel-heading.panel-heading-hinweis a
	{
	color: #333;
}

.panel-song .song-listing .panel-title {
	font-size: 1.65em;
}

.panel-default>.panel-heading-hrtab.song-listing {
	background-color: #fffacd;
}

.panel-default>.panel-heading-hrtab.song-lyrics {
	background-color: #6495ed;
}

.panel-hr.panel-song>.panel-group {
	max-width: 900px;
	padding-bottom: .75em;
}

.panel-song .panel-hr {
	margin-bottom: 1em;
}

.panel-song .audio-center {
	margin-top: 2.3em;
}

.slider {
	-webkit-appearance: none;
	width: 100% !important;
	height: 15px;
	background: #d3d3d3;
	outline: none;
	opacity: .7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	margin-top: .75em;
	margin-bottom: .3em;
}

.slider:hover {
	opacity: 1;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #36f;
	cursor: pointer;
}

.slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #36f;
	cursor: pointer;
}

.player-slider {
	background: #fafad2;
	padding: .1em 1em 1em;
	margin-top: 2em;
	border-radius: .75em;
	border: dashed .12em #f5deb3;
}

.player-slider-title {
	margin-top: 1.25em;
	margin-bottom: 0;
}

audio {
	display: block !important;
	margin-left: auto;
	margin-right: auto;
}

@media ( max-width : 466px) {
	.audio-center {
		padding: .75em 0;
		width: 280px;
	}
}

@media ( min-width : 467px) {
	.audio-center {
		padding: 2em 1em 1.75em;
		width: 370px;
		border: solid .12em #ddd;
		background-color: #f5f5f5;
	}
	.panel-hr .audio-center {
		background-color: #fff;
	}
	.img-es {
		width: 5em;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.panel-song .img-es {
		float: right;
	}
}

.songbooks-list-item {
	padding-left: .5em;
	padding-right: .5em;
}

.songbooks-list-item h3 {
	color: #4b3333;
}

.level-einsteiger, .level-anfaenger, .level-rookie, .level-koenner,
	.level-profi {
	margin-top: 3em;
	margin-bottom: 3em;
	border-top: dotted .15em #dcdcdc;
}

.songbook .img-es {
	width: 5em;
	float: left;
	margin-top: 2.75em;
	margin-right: 1em;
}

.songbook ul {
	margin-top: 2.5em;
}

.songbook ul li {
	margin-top: .5em;
}

.jamtrack-item h3 {
	font-size: inherit;
	margin-top: inherit;
	margin-bottom: inherit;
}

.jamtrack-item .tonart {
	font-weight: lighter;
	font-style: italic;
	text-align: center;
}

.hrs-overview h2 {
	color: #333;
}

.hr-about .hrs-overview p {
	margin: revert;
}

@media ( max-width :767px) {
	.hrs-overview .intro-text {
		margin-left: 1em;
		margin-right: 1em;
	}
}

.hrs-overview .inner ul li p {
	margin-bottom: .5em;
	font-size: calc(100% + .05em);
}

.hrs-overview .inner {
	padding: .5em 1em;
}

@media ( min-width :768px) {
	.hrs-overview .outer-left {
		padding-right: 1em;
	}
	.hrs-overview .outer-right {
		padding-left: 1em;
	}
}

@media ( max-width :767px) {
	.hrs-overview .outer-left {
		padding-bottom: calc(1.8em + 1.8em);
	}
}

.hrs-intro {
	margin-top: -1.8em;
}

.hrs-intro .bg-mmessage {
	background-image: url(/images/kompass-2.jpg);
	z-index: 1;
	position: relative;
	border-bottom: solid 2.25em #36f;
}

.hrs-overview .panel {
	margin-bottom: initial;
	background-color: #DDD9D5;
	border: initial;
	border-radius: initial;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.hrs-overview .panel-group {
	margin-bottom: .8em;
}

.hrs-overview .featured-article {
	margin-bottom: initial;
}

.hrs-overview .panel-body {
	padding-bottom: 0;
}

.hrs-overview .panel a:focus {
	outline: 0;
}

.hrs-intro .jumbotron {
	padding-top: inherit;
	background: #fbd983;
	background: rgba(251, 217, 131, 0.43);
	border: solid .2em #f5f5f5;
	border-color: rgba(255, 255, 255, 0.5);
	background: #36f;
	background: rgba(51, 102, 255, 0.72);
	border-radius: .5em;
}

.hrs-intro .jumbotron h1 {
	color: #f5f5f5;
}

.hrs-intro .jumbotron p.lead {
	font-size: 1.25em;
	color: #fff8dc;
	margin: 1em -30px;
	background-color: #6495ed;
	padding: .5em;
	font-family: "Raleway", "Fira Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
}

@media ( max-width : 768px) {
	.hrs-intro h1 {
		font-size: 1.75em;
		line-height: 1.3;
	}
}

.arrow-big {
	text-align: center;
	z-index: -1;
	margin-top: -3.2em;
}

.arrow-big .inner {
	font-size: 11em;
	color: #36f;
	position: static;
	z-index: -1;
	margin-top: -.08em;
}

.hr-a_sf {
	font-size: 1.15em;
	font-family: "Raleway", Helvetica, Arial, sans-serif;
}

.hr-about .hr-a_sf p {
	margin-bottom: 1em;
}

.bg-karos-inverted.orange {
	background-color: #FFC7B3;
	background-color: #FFD7BD;
}

.bg-karos.orange {
	background-image: linear-gradient(45deg, #FFD7BD 25%, transparent 25%, transparent 75%,
		#FFD7BD 75%, #FFD7BD),
		linear-gradient(-45deg, #FFD7BD 25%, transparent 25%, transparent 75%,
		#FFD7BD 75%, #FFD7BD);
}

.hr-ad {
	padding-top: 1.75em;
	padding-bottom: 1.75em;
}

@media ( min-width : 769px) {
	.hr-ad {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
}

.hr-ad.ad1 {
	padding-top: 0;
}

.hr-ad h1 {
	margin-bottom: 1em;
	text-align: center;
}

.statement {
	position: relative;
}

@media ( max-width : 768px) {
	.hr-ad, .statement-conclusion {
		padding-left: 1em;
		padding-right: 1em;
	}
	.statement-conclusion.difficult {
		padding-left: 0;
		padding-right: 0;
	}
}

.hr-ad p.statement i {
	color: inherit;
}

.statement-icon {
	font-size: 1.5em;
	top: .3em;
	color: #f63;
	padding-right: .35em;
	text-transform: uppercase;
}

.hr-ad .fa.statement-icon {
	font-size: 1.5em !important;
}

@media ( min-width : 769px) {
	.statement {
		padding-left: 2.5em;
	}
	.statement-icon {
		position: absolute;
		font-size: 2em;
		top: -.3em;
		left: -.5em;
		padding-right: 0;
	}
}

.pin {
	padding: .3em .5em;
	color: #36f;
}

.statement-conclusion {
	font-family: "Rubik", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #36f;
	padding-top: .75em;
	padding-bottom: .75em;
	font-size: 1.4em;
	text-align: center;
}

.statement-conclusion.difficult {
	color: #f63;
}

.statement-conclusion.difficult p {
	border: dotted .15em blue;
	border-left: none;
	border-right: none;
	padding: .5em;
}

.statement-conclusion.lucky {
	margin-bottom: 1.5em;
}

.statement-conclusion p .sc-highlight {
	border-bottom: .12em solid #908376;
	padding-left: .3em;
	padding-right: .3em;
	margin-right: .1em;
	margin-left: .1em;
}

.hrs-shortcut {
	border-bottom: .75em solid #789;
	margin-bottom: 4em;
}

.sc-border-top {
	border-top: .75em solid #ffa07a;
}

.tri-top {
	font-size: 3.25em;
	color: #ffa07a;
	margin-top: -.3em;
}

.hrs-shortcut img {
	width: 20em;
	margin-left: auto;
}

.hrs-shortcut p.text {
	font-size: 104%;
}

.hrs-shortcut .gi-btn {
	font-size: .8em;
	padding-left: .5em;
}

.sc-bottom {
	bottom: -1.3em;
}

.tri-bo {
	font-size: 3.25em;
	color: #789;
	margin-top: -.3em;
}

.hrs-shortcut.shortcut-cta {
	top: -1.5em;
	border-bottom-color: #36f;
}

.shortcut-cta .sc-border-top {
	border-top-color: #f63;
}

.shortcut-cta .tri-top {
	color: #f63;
}

.shortcut-cta .tri-bo {
	color: #36f;
}

.shortcut-cta .btn {
	border: #fff .15em solid;
	font-size: 1.1em;
	padding: .35em .8em;
}

.hr-a_sf h1, .hr-a_sf h2 {
	font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hrs-benefits h1, .hrs-mark h1, .hrs-features h1, .hrs-distinction h1,
	.hrs-faq h1, .hrs-features h2, .hrs-singular h1, .hrs-experience h1,
	.hrs-doit h1 {
	font-size: 1.5em;
	padding: .4em .7em .5em !important;
}

.hrs-features h1 {
	padding-top: 3em !important;
}

.hrs-faq h1, .hrs-features .money-back h1, .hrs-features h2 {
	border-radius: .35em;
	background-color: #DDD9D5;
	text-shadow: .05em .05em whitesmoke, .07em .07em whitesmoke, .09em .09em
		whitesmoke, .11em .11em #f5f5f5;
}

.hrs-experience h1, .hrs-doit h1 {
	border-radius: .35em;
	text-shadow: .05em .05em whitesmoke, .07em .07em whitesmoke, .09em .09em
		whitesmoke, .11em .11em #f5f5f5;
}

hrs-benefits h1, .hrs-mark h1, .hrs-features h1, .hrs-distinction h1,
	.hrs-faq h1, .hrs-singular h1, .hrs-experience h1, .hrs-doit h1,
	.hrs-welcome h1 {
	font-size: 1.5em;
	padding: .4em .7em .5em !important;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.hrs-welcome, .hrs-doit {
	background-color: #DDD9D5;
}

.hrs-experience, .hrs-experience {
	background: url(/images/lerne-spielen/bg-crushed.png);
}

.hrs-experience, .hrs-experience .inner {
	background-color: #FFD7BD;
	padding: 1em 2em;
}

.hrs-experience .inner {
	margin-bottom: 3em;
}

@media ( max-width : 768px) {
	.hrs-welcome, .hrs-experience, .hrs-doit {
		padding: 2em 1em;
	}
}

@media ( min-width : 769px) {
	.hrs-welcome, .hrs-experience, .hrs-doit {
		padding: 5em 5em 3em;
	}
}

.hrs-welcome h1 {
	margin-bottom: 1.35em;
}

@media ( max-width : 768px) {
	.hrs-welcome h1 {
		margin-top: 1.35em;
	}
}

.hrs-welcome p {
	font-weight: 700;
}

@media ( max-width : 473px) {
	.break-media {
		display: block;
	}
	.break-media:after {
		content: "\a";
		white-space: pre;
	}
}

.hr-sf {
	color: #f63;
	font-family: "Rubik", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: larger;
}

.hrs-welcome .statement {
	color: #f63;
}

.hrs-welcome .statement, .hrs-welcome .text {
	font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media ( min-width : 769px) {
	.hrs-welcome .text {
		padding-right: 3em;
	}
}

.welcome-em {
	color: #36f;
	width: 80%;
	margin-top: .5em;
}

@media ( min-width : 769px) {
	.welcome-em {
		margin-top: 1.5em;
	}
}

@media ( max-width : 768px) {
	.hrs-benefits, .hrs-mark, .hrs-distinction, .hrs-faq {
		padding: 2em 1em;
	}
}

@media ( min-width : 769px) {
	.hrs-benefits, .hrs-mark, .hrs-distinction, .hrs-faq, .hrs-features {
		padding: 4em 0 3em;
	}
}

@media ( max-width : 767px) {
	.hrs-features {
		padding: 2em 1em;
	}
}

@media ( width : 768px) {
	.hrs-features {
		padding: 0 1em;
	}
}

.help_icon {
	margin-bottom: 1em;
}

@media ( max-width : 768px) {
	.hrs-benefits h1 {
		margin-top: 2em;
	}
	.help_box {
		text-align: center;
	}
}

@media ( min-width : 769px) {
	.hrs-benefits h1 {
		padding-bottom: 1.1em;
	}
}

.hrs-benefits .box-content, .hrs-singular-box .box-content {
	padding: 1em;
}

@media ( max-width : 900px) and (min-width: 720px) {
	.hrs-benefits .box-content, .hrs-singular-box .box-content {
		padding: .75em;
	}
}

@media ( min-width : 769px) {
	.hrs-benefits .box-content p {
		padding-left: .75em;
		padding-right: .75em;
	}
}

.hrs-benefits .box-cell {
	margin-bottom: 1.25em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
}

@media ( min-width : 720px) {
	.boxes {
		display: table;
	}
	.box-row {
		display: table-row;
	}
	.box-cell {
		display: table-cell;
		vertical-align: top;
		position: relative;
	}
}

.hrs-benefits .box-cell {
	border: 1em solid #f3f2f2;
	border-left-width: .5em;
	border-right-width: .5em;
}

.hrs-benefits .boxes-next .box-cell {
	border-top-width: 0;
}

@media ( min-width : 769px) {
	.hrs-benefits .box-cell {
		width: 33.333333333%;
	}
	.hrs-singular .box-cell {
		width: 50%;
	}
}

@media ( max-width : 768px) {
	.hrs-benefits .box-cell, .hrs-singular .box-cell {
		width: inherit;
	}
}

.hrs-singular h2 {
	font-size: 1.4em;
	color: #393333;
}

.hrs-singular {
	padding-top: 1.75em;
}

.hrs-singular .inner {
	background-color: #cac4bf;
}

.hrs-singular h1 {
	border-top: dotted #cac4bf .175em;
}

@media ( max-width : 766px) {
	.hrs-singular .inner {
		margin-bottom: -1em;
	}
}

@media ( min-width : 768px) {
	.hrs-singular .inner {
		background-color: #F3F2F2;
		margin-bottom: 3em;
	}
	.hrs-singular h1 {
		border-bottom: dotted .175em #cac4bf;
	}
}

.hrs-singular-box {
	padding-top: 1.5em;
	text-align: center;
}

@media ( min-width : 768px) {
	.hrs-singular-box {
		padding: 2em;
		background-color: #cac4bf;
		border: 2em #f3f2f2 solid;
		border-radius: 3em;
	}
}

.hrs-singular-box i {
	color: inherit;
}

.hrs-singular-box .icon {
	margin-top: .75em;
	margin-bottom: 1em;
}

@media ( min-width : 768px) {
	.hrs-singular .to-right.arrow_box::after {
		border-left-color: #cac4bf;
	}
	.hrs-singular .to-left.arrow_box::after {
		left: -.91em;
		border-top: 30px solid transparent;
		border-bottom: 30px solid transparent;
		border-right: 30px solid #cac4bf;
		border-left-color: transparent;
	}
	.hrs-singular .to-bottom.arrow_box::after {
		left: 44.5%;
		bottom: 0;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 30px solid #cac4bf;
	}
}

@media ( width : 768px) {
	.hrs-singular .to-right.arrow_box::after {
		left: 16.15em;
	}
	.hrs-singular .to-bottom.arrow_box::after {
		margin-top: 15.68em;
	}
}

@media ( min-width : 769px) and (max-width: 1023px) {
	.hrs-singular .to-right.arrow_box::after {
		left: 16.5em;
	}
	.hrs-singular .to-bottom.arrow_box::after {
		margin-top: 15.69em;
		margin-top: 15.38em;
	}
}

@media ( min-width : 1024px) and (max-width: 1359px) {
	.hrs-singular .to-right.arrow_box::after {
		left: 18.6em;
	}
	.hrs-singular .to-bottom.arrow_box::after {
		margin-top: 13.8em;
	}
}

@media ( min-width : 1360px) and (max-width: 1919px) {
	.hrs-singular .to-right.arrow_box::after {
		left: 25.2em;
	}
	.hrs-singular .to-bottom.arrow_box::after {
		margin-top: 12.45em;
	}
}

@media ( min-width : 1920px) {
	.hrs-singular .to-right.arrow_box::after {
		left: 36.6em;
	}
	.hrs-singular .to-bottom.arrow_box::after {
		margin-top: 11em;
	}
}

@media ( max-width : 719px) {
	.hrs-singular .bg-stripes {
		margin-top: -1em;
	}
}

.box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}

.box .column {
	flex: 1;
	margin-right: 10px;
	padding: 15px;
}

.hr-about .hrs-mark .jumbotron {
	padding-bottom: 0;
}

@media ( max-width : 500px) {
	.hr-about .hrs-mark .jumbotron {
		padding-left: initial;
		padding-right: initial;
	}
}

article section.hrs-mark {
	padding-left: 2em !important;
	padding-right: 2em !important;
	margin-left: auto;
	margin-right: auto;
}

.hrs-mark {
	display: inline-table;
	background-color: inherit;
}

article section.hrs-mark, section.hrs-mark .jumbotron, section#zufriedenheits-garantie
	{
	background-color: inherit !important;
}

.hrs-mark p.first {
	border-bottom: .15em solid #fff;
	display: table;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.1em;
}

section.hrs-mark .hr-harp {
	border: solid .1em #fff;
}

@media ( min-width : 769px) {
	section.hrs-mark img {
		width: 75%;
		max-width: 75%;
	}
	section.hrs-mark .glyphicon {
		text-indent: .35em;
		border: #fff .02em solid;
	}
	section.hrs-mark .jumbotron p {
		text-indent: 1.25em;
		margin: .65em !important;
	}
	section.hrs-mark .statement-icon {
		background-color: #fff;
		border-radius: 1em;
	}
}

@media ( max-width : 768px) {
	.hrs-experience h1, .hrs-features h1, .hrs-distinction h1, .hrs-mark h1,
		.hrs-doit h1 {
		margin-top: 1.25em;
	}
	section.hrs-mark .glyphicon {
		text-align: center;
		margin-bottom: .75em;
		display: block;
		background-color: #fff;
		border: solid .1em #fff;
		border-radius: 1em;
	}
	section.hrs-mark .statement-icon {
		font-size: 2.2em;
		padding-right: 0;
	}
	section.hrs-mark .text-justify p {
		text-align: center !important;
	}
}

@media ( max-width : 991px) {
	.hrs-features .center-row, .hrs-features .center {
		display: block;
	}
}

.hrs-features .course, .hrs-features .songs, .hrs-features .help,
	.hrs-features .plus {
	padding: 2em 2em 1.5em;
}

.hrs-features h2 {
	font-size: 1.35em;
	text-align: center;
	margin-bottom: 1.25em;
}

.features-img img {
	border: solid .3em #deb887;
}

@media ( max-width : 768px) {
	.hrs-features .row {
		margin: 2em -2em;
	}
}

@media ( max-width : 991px) {
	.hrs-features h1 {
		margin-bottom: -.5em;
	}
	.hrs-features .course, .hrs-features .songs, .hrs-features .help,
		.hrs-features .plus {
		border-top-left-radius: 1em;
		border-top-right-radius: 1em;
	}
	.hrs-features .features-img {
		background-color: #EAEAEA;
		padding-bottom: 2em;
		border-bottom-left-radius: 1em;
		border-bottom-right-radius: 1em;
	}
	.features-img img {
		max-width: 67vw;
	}
}

@media ( min-width : 992px) {
	.hrs-features .course, .hrs-features .songs, .hrs-features .help,
		.hrs-features .plus {
		border-radius: 1em;
	}
}

.hrs-features ul {
	margin-top: 1em;
	padding-left: initial;
}

@media ( min-width : 500px) {
	.hrs-features ul {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
}

.hrs-features li {
	margin: .75em auto;
}

.hrs-features ul li ul li {
	margin-top: .5em;
	margin-bottom: 0;
}

.hrs-features ul li ul.nested {
	margin-top: -.25em;
}

.hrs-features .statement-conclusion {
	margin-top: 1.75em;
	padding-bottom: 1em;
	background-color: #4a72e8;
	color: #fff;
}

.hrs-features .statement-only {
	border-bottom: .2em dotted #f63;
	padding-right: .15em;
	padding-left: .15em;
}

.statement-conclusion .exclamation, .hrs-features .exclamation {
	font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.25em;
}

section.money-back {
	background-color: #fff;
	border-top-left-radius: 2em;
	border-bottom-right-radius: 2em;
	border: #6495ed .1em solid;
	box-shadow: .2em .2em #d3d3d3;
}

@media ( max-width : 768px) {
	section.money-back {
		margin-left: .25em !important;
		margin-right: .25em !important;
		padding: 1em 1em .75em;
	}
}

@media ( min-width : 400px) and (max-width: 768px) {
	section.money-back {
		margin-left: 2em !important;
		margin-right: 2em !important;
	}
}

section.money-back .inner {
	margin: 2em .5em auto;
}

section.money-back img {
	height: 100px;
	margin: 1em auto 1.75em;
}

@media ( min-width : 769px) {
	section.money-back .inner {
		margin-left: 1.25em;
		margin-right: 1.25em;
	}
	section.money-back img {
		height: inherit;
		float: right;
		padding-left: 5em;
	}
}

.hrs-experience, .hrs-doit, .hrs-faq {
	margin-top: -.15em;
}

.hrs-experience h1 {
	margin-bottom: .75em;
}

.hrs-experience p.anonym i {
	color: #d2b48c;
}

.hrs-experience .anonym {
	font-size: .7em;
	margin-bottom: 6em;
}

.hrs-experience p.anonym {
	text-align: center;
	margin-bottom: inherit;
}

.hrs-distinction h1 {
	margin-bottom: 1.5em;
}

.hrs-experience img {
	float: left;
	margin-right: 2em;
}

.hrs-doit {
	padding-bottom: 3em;
}

.hrs-doit h1 {
	margin-bottom: 1em;
}

.hrs-doit .inner {
	padding: 2em .5em;
}

.hrs-option {
	margin-top: 2em;
	margin-bottom: 1.2em;
}

.hrs-doit-gold, .hrs-doit-silver, .hrs-doit-bronze {
	color: #fff;
	font-weight: 700;
	border-top: 2em solid #DDD9D5;
	border-bottom: 2em solid #DDD9D5;
}

@media ( min-width : 769px) {
	.hrs-doit-bronze {
		border-right: .5em solid #DDD9D5;
	}
	.hrs-doit-silver {
		border-right: .5em solid #DDD9D5;
		border-left: .5em solid #DDD9D5;
		border-top: 1em solid #DDD9D5;
		border-bottom: 2em solid grey;
	}
	.hrs-doit-gold {
		border-left: .5em solid #DDD9D5;
	}
	.hrs-doit-silver .inner {
		padding-top: 2.5em;
	}
	.hrs-doit img.hint {
		right: .5em;
	}
}

@media ( max-width : 768px) {
	.hrs-doit-silver {
		border-top: 1.25em solid #DDD9D5;
		border-bottom: 1.25em solid #DDD9D5;
	}
	.hrs-doit img.hint {
		right: 0;
		top: 1.2em;
	}
}

.hrs-doit .value, .hrs-doit .currency, .hrs-doit .abo {
	color: #000;
}

.hrs-doit .status {
	margin-bottom: .25em !important;
	font-size: 2em;
	font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hrs-doit-silver .status {
	font-size: 2.2em;
}

.hrs-doit .value {
	font-size: 1.8em;
	font-family: "Rubik", Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 0 !important;
}

.hrs-doit-silver .value {
	font-size: 2em;
	text-shadow: .01em .05em #f5f5f5;
}

.hrs-doit .currency, .hrs-doit .abo {
	font-size: .75em;
	font-weight: 300;
}

.hrs-doit-silver .currency, .hrs-doit-silver .abo {
	font-size: .85em;
}

.hrs-doit .currency {
	margin-top: -1.25em !important;
}

.hrs-doit .abo {
	margin-bottom: 2.25em !important;
}

.doit-asterisk {
	font-size: 2em;
	top: .2em;
}

.hrs-doit img.hint {
	position: absolute;
	float: right;
	border-radius: 0;
}

.btn-hrs-doit {
	color: #fff;
	background-color: #F63;
	border-color: #F63;
	font-weight: 700;
}

.btn-hrs-doit:focus {
	color: #fff;
	background-color: #3B3530;
	border-color: #3B3530;
}

.btn-hrs-doit:hover {
	color: #fff;
	background-color: #3B3530;
	border-color: #3B3530;
}

.btn-hrs-doit:active, .btn-hrs-doit.active, .open>.dropdown-toggle.btn-hrs-doit
	{
	color: #fff;
	background-color: #3B3530;
	border-color: #3B3530;
}

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

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

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

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

.hrs-doit .mb30 {
	font-size: 84%;
	font-weight: lighter;
}

.mb30 a, a.mb30 {
	font-weight: 400;
	color: #36f;
}

.option-img {
	margin-bottom: .3em;
	margin-top: .3em;
}

.aktion .text {
	padding: .5em .9em;
	color: #fff;
	background-color: #36f;
	display: inline-block;
	font-family: fira sans;
	font-weight: 700;
	font-size: 1.2em;
	border-radius: .5em;
	margin-top: 1.75em;
	margin-bottom: -.58em;
	background-color: #f63;
	box-shadow: .25em .25em #eee;
}

.aktion .star_l {
	margin-right: .5em;
	top: 4px;
}

.aktion .star_r {
	margin-left: .5em;
	top: 4px;
}

.aktion .box-triangle {
	margin-bottom: -2.25em;
}

.aktion .box-triangle.glyphicon {
	font-size: 2.5em;
	color: #36f;
	top: -.05em;
	color: #f63;
	text-shadow: .1em .1em #eee;
}

@media ( min-width : 769px) {
	.hrs-distinction {
		margin-left: 1.8em;
		margin-right: 1.8em;
	}
}

.hrs-distinction {
	padding-bottom: 0;
}

.hrs-distinction h2 {
	text-align: center;
	margin-top: 1em;
	color: #333;
	font-size: 1.45em;
}

@media ( width : 768px) {
	.hrs-distinction .down {
		padding-left: .5em;
	}
	.hrs-distinction .up {
		padding-right: .5em;
	}
}

@media ( min-width : 769px) {
	.hrs-distinction .up {
		padding-right: 1.25em;
		padding-bottom: 1em;
	}
	.hrs-distinction .down {
		padding-left: 1.25em;
	}
}

.hrs-distinction .statement {
	position: initial;
	margin: 2em auto !important;
	background-color: #fff;
	padding: 1em 1em .8em;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
}

.hrs-distinction .fa {
	font-size: 1.75em;
}

.hrs-distinction .up .fa {
	color: #36f;
}

.hrs-distinction .down .fa {
	color: #f63;
}

.hrs-distinction .up .statement {
	border-left: .18em #36f solid;
}

.hrs-distinction .down .statement {
	border-left: .18em #f63 solid;
}

.hrs-distinction .statement-icon {
	position: relative;
	top: .3em;
	left: .1em;
	padding-right: .8em;
	float: left;
}

.hrs-distinction .underline {
	font-weight: 700;
}

.hrs-faq h1 {
	margin-bottom: 1em;
}

.hrs-faq .panel-default {
	border-color: #6495ed;
}

.hrs-faq .panel-title, .hrs-faq .panel-body p {
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: .9em;
}

.hrs-faq ul, .hrs-faq ol {
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: .85em;
}

.hrs-faq ul>li, .hrs-faq ol>li {
	padding-bottom: .65em;
}

.hrs-faq .panel-title {
	padding-top: 0;
	line-height: 1.25em;
}

.hrs-faq .panel-group {
	max-width: 32em;
	margin-top: 2.25em;
}

.hrs-faq .panel-group .panel {
	margin-bottom: 15px;
	border-radius: 0;
}

.hrs-faq .panel-body {
	padding: 1em .85em 0;
}

.hrs-faq .glyphicon {
	top: .16em;
}

.hrs-faq .icon-accordion {
	margin-right: .75em;
}

.justask {
	padding: 1.75em 1.75em 0;
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	max-width: 43em;
	margin-left: auto !important;
	margin-right: auto !important;
}

.justask a {
	color: #36f;
	font-weight: 700;
}

.navbar-nav .current, .navbar-inverse .navbar-nav>.active>a,
	.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus
	{
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.navbar-inverse .navbar-nav>li.current>a {
	color: #fff;
}

.navbar-nav .current {
	background-color: #f63;
}

.navbar-right.nav-sp>li>a:hover, .navbar-right.nav-sp>li>a:focus,
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover,
	.navbar-inverse .navbar-nav>.active>a:focus {
	background-color: #36f;
}

.nav-icon {
	color: #fff;
}

@media ( max-width : 767px) {
	.nav>li, ul.navbar-right.nav.navbar-nav.nav-sp li {
		margin-bottom: .35em;
	}
	ul.navbar-right.nav.navbar-nav {
		padding-top: 7.5px;
		margin-bottom: 7.5px;
		border-top-color: transparent;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	}
}

@media ( min-width : 768px) {
	ul.navbar-nav>li.item-265 {
		margin-left: .5em;
	}
	.navbar-inverse .navbar-nav>li {
		margin-right: .25em;
	}
}

.menue-icon:before {
	font-family: "Glyphicons Halflings";
	margin-right: .5em;
	line-height: .9em;
}

.sitemap .menue-icon:after, .about .menue-icon:after {
	font-family: "Glyphicons Halflings";
	margin-right: initial;
	margin-left: .5em;
}

.navbar-nav li.item-265 a::before, ul.sitemap>li.item-265 a::after {
	content: "\e021";
}

.navbar-nav li.item-228 a::before, ul.sitemap>li.item-228 a::before {
	content: "\e034";
}

.navbar-nav li.item-410 a::before, ul.sitemap>li.item-410 a::before,
	.navbar-nav li.item-567 a::before, ul.sitemap>li.item-567 a::before {
	content: "\e013";
}

.navbar-nav li.item-257 a::before, ul.sitemap>li.item-257 a::before,
	.navbar-nav li.item-452 a::before, ul.sitemap>li.item-452 a::before {
	content: "\e002";
}

.navbar-nav li.item-301 a::before, ul.sitemap>li.item-301 a::before {
	content: "\e135";
}

.navbar-nav li.item-267 a::before {
	content: "\e008";
}

.navbar-nav li.item-272 a::before {
	content: "\e085";
}

ul.about>li.item-275 a::after {
	content: "\e013";
}

#form-login-username.control-group, #form-login-password.control-group,
	#form-login-remember.control-group, #form-login-submit.control-group {
	padding-top: .75em;
	padding-bottom: .5em;
}

.form-horizontal .control-label {
	text-align: inherit;
}

.hr-login .well #username, .hr-login .well #password {
	width: 100%;
}

.hr-login form.form-validate.well {
	background-color: #ddd;
	border: none;
	box-shadow: none;
}

@media ( max-width : 767px) {
	.hr-login {
		margin: auto;
	}
}

@media ( min-width : 768px) {
	.hr-login {
		margin: 5em auto;
	}
}

.hr-login {
	display: table;
	padding: 3em 3.5em 2.5em;
	background-color: #ddd;
	outline-offset: -1em;
	outline: .115em dashed #fff;
}

#form-login-username input, #form-login-password input {
	display: block;
}

#modlgn-remember {
	margin-top: .3em;
	margin-left: .75em;
}

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

.login-dsh {
	margin-left: 1em;
	float: right;
	font-size: medium;
}

.checkbox#form-login-remember label {
	padding-left: 0;
}

#remember {
	margin-left: .5em;
	top: .75em
}

@media ( min-width :768px) {
	#remember {
		top: 1.15em;
	}
}

#member-profile .controls button, #member-profile .controls a.btn,
	#contact-form .controls button {
	margin-top: 1em;
}

#jform_contact_message {
	padding: .5em;
}

@media ( max-width : 320px) {
	#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg,
		#jform_contact_message {
		width: 12.1em;
	}
	#jform_captcha.g-recaptcha {
		transform: scale(0.73);
		-webkit-transform: scale(0.73);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
}

@media ( min-width : 321px) and (max-width: 433px) {
	#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg,
		#jform_contact_message {
		width: 14.25em;
	}
	#jform_captcha.g-recaptcha {
		transform: scale(0.85);
		-webkit-transform: scale(0.85);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
}

@media ( min-width : 434px) and (max-width: 499px) {
	#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg,
		#jform_contact_message, #jform_captcha.g-recaptcha {
		width: 18.5em;
	}
}

@media ( min-width : 500px) {
	#jform_contact_emailmsg, #jform_contact_message {
		width: 22em;
	}
}

@media ( min-width : 768px) and (max-width: 799px) {
	#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg,
		#jform_contact_message, #jform_captcha.g-recaptcha {
		width: 17.5em;
	}
}

@media ( min-width : 800px) and (max-width: 948px) {
	#jform_contact_emailmsg, #jform_contact_message {
		width: 18em;
	}
}

@media ( min-width : 949px) and (max-width: 1899px) {
	#jform_contact_emailmsg, #jform_contact_message {
		width: 22.5em;
	}
}

@media ( min-width : 1900px) {
	#jform_contact_emailmsg, #jform_contact_message {
		width: 31em;
	}
}

@media ( max-width : 767px) {
	.song-list .pagination {
		margin-left: 1em;
	}
}

.GI-navigation {
	padding-right: .3em;
}

@media ( min-width : 768px) {
	.hr-tour p, .hr-tour ul>li {
		margin-left: 6em;
		margin-right: 6em;
	}
	.hr-tour h1 {
		margin-bottom: .9em;
	}
	section.tour .hr-separator {
		margin: 2em 6em;
	}
}

@media ( max-width : 767px) {
	.hr-tour h1 {
		margin-top: 1em;
		margin-bottom: .75em;
	}
	section.tour .hr-separator {
		margin: 1em;
	}
}

.hr-tour h1, .hr-tour h3 {
	margin-top: 2em;
}

.hr-tour h3 {
	text-align: center;
}

.hr-tour .row {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1.8em;
	padding-bottom: 1.8em;
}

.tour-help p {
	text-align: center;
	margin-top: 1em;
	margin-bottom: .6em;
}

.hr-tour section#tour {
	background-color: #b0c4de;
	outline-color: #fff;
	border-radius: 1em;
}

.hr-tour section#tour h3 {
	margin-top: 0;
}

section.tour {
	line-height: 1.8em;
	text-align: center;
}

section.tour a {
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	font-weight: 700 !important;
	text-transform: uppercase;
	color: #fff;
	border-bottom: .2em dotted #fff;
	font-size: larger;
}

section.tour a:hover, section.tour a:focus {
	color: #36f;
	border-bottom-color: #36f;
}

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

.hr-tour section#tour .success-text .glyphicon {
	margin-top: 1em;
	font-size: 1.55em;
}

.hr-tour section#tour .glyphicon-arrow-down {
	margin-left: 1em;
}

@media ( max-width :767px) {
	.sf-start {
		margin-left: 1.8em;
		margin-right: 1.8em;
	}
}

.sf-start .text-info {
	color: inherit;
}

.last-visited .h2-bright .title {
	font-weight: 800;
	color: #1A1816;
	font-size: 1.75em;
}

.last-visited .block-title .title {
	color: #fff;
}

.last-visited .media-body h4 {
	font-size: 1.15em;
	line-height: 1.2em;
}

.last-visited .media-object-border {
	background: #908376;
}

.dashboard .img-teaserrounded {
	background: #f3f2f2;
}

.sf-areas {
	padding-left: 1em;
	padding-right: 1em;
}

@media ( max-width : 767px) {
	.sf-tour {
		padding-left: initial;
	}
	.mobile {
		display: none;
	}
	.line {
		border-bottom: dotted #fff .12em;
	}
}

div.kstats-module table th {
	background: #514942;
}

div.kstats-module table th, div.kstats-module tr.krow1 td, div.kstats-module tr.krow2 td
	{
	padding: .5em .75em;
}

.kcol-first a {
	color: #36f;
}

.bordered td:first-child, .bordered th:first-child {
	border-left: none;
}

.bordered th:first-child {
	-moz-border-radius: 15px 0 0 0;
	-webkit-border-radius: 15px 0 0 0;
	border-radius: 15px 0 0 0;
}

.bordered th:last-child {
	-moz-border-radius: 0 15px 0 0;
	-webkit-border-radius: 0 15px 0 0;
	border-radius: 0 15px 0 0;
}

.bordered th:only-child {
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
}

.bordered tr:last-child td:first-child {
	-moz-border-radius: 0 0 0 15px;
	-webkit-border-radius: 0 0 0 15px;
	border-radius: 0 0 0 15px !important;
}

.bordered tr:last-child td:last-child {
	-moz-border-radius: 0 0 15px 0;
	-webkit-border-radius: 0 0 15px 0;
	border-radius: 0 0 15px 0 !important;
}

div.kstats-module span.kstats-hits {
	background: #36f;
	font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 800;
}

div.kstats-module span.kstats-hits-bg {
	background: #d3d3d3;
}

.klatest {
	border-left-style: dotted;
	border-left-width: .3em;
	margin-left: .38em;
}

@media not all and(min-resolution:.001dpcm) {	
		.klatest {
			border-left-style: solid;
			border-left-width: .1em;
		}	
}

.klatest-items li.klatest-item {
	padding: 1em;
}

.klatest-items ul.klatest-itemdetails {
	padding: .5em;
	border-radius: .5em;
}

@media ( min-width : 767px) {
	.klatest-items li.klatest-item {
		margin: .5em 2em .5em 0;
	}
	.klatest-items ul.klatest-itemdetails {
		margin-right: 2em;
	}
}

.my-contribution .klatest-items ul.klatest-itemdetails,
	.new-contribution .klatest-items ul.klatest-itemdetails {
	background: #f5f5f5;
	border: silver .12em solid;
}

.my-contribution .klatest {
	border-left-color: #3b3530;
}

.new-contribution .klatest {
	border-left-color: #f63;
}

@media ( max-width : 767px) {
	.new-contribution {
		margin-top: 1.5em;
	}
}

.klatest-subject a {
	font-size: .9em;
	font-style: italic;
}

.klatest-avatar img {
	padding: 0;
	border-radius: .35em;
}

.klatest-avatar span {
	padding-right: .5em;
}

.klatest-items .knewchar {
	font-weight: 700;
	font-family: "Rubik", Helvetica, Arial, sans-serif;
	margin-left: .75em;
}

p.klatest-more {
	margin-left: 3em;
	padding-bottom: 2.5em;
	margin-top: 2em;
}

@media ( min-width : 768px) {
	p.klatest-more {
		padding-bottom: 3em;
		margin-top: 3em;
	}
}

.klatest-more a {
	font-size: 1.25em;
}

.klatest-more a, .kunenadiscuss .panel-heading a.kdiscuss-readmore {
	font-family: "Rubik", Helvetica, Arial, sans-serif;
	font-weight: 700;
	padding: .5em;
	border: solid .1em silver;
	border-radius: .5em;
	background-color: #ddd;
}

.kunenadiscuss {
	margin-top: 3em;
}

.kunenadiscuss .kdiscuss-form {
	margin-left: 2em;
}

.kunenadiscuss .kdiscuss-form form .form-group {
	display: none;
}

.kunenadiscuss .panel .panel-heading {
	font-size: medium;
}

.kunenadiscuss .kdiscuss-form form {
	margin-bottom: 3em;
}

.kunenadiscuss .kdiscuss-form form textarea.form-control.counted {
	margin-top: 1.5em;
	font-size: inherit;
	margin-bottom: 1.25em !important;
}

.kunenadiscuss #topic-actions.btn-toolbar.btn-marging.kmessagepadding .btn-group.open ul.dropdown-menu li
	{
	display: contents;
}

.kunenadiscuss .panel-heading a.kdiscuss-topic {
	display: none;
}

.kunenadiscuss .panel-heading a.kdiscuss-readmore {
	font-size: 1em;
	border-width: .12em;
	float: right;
}

#kunena.layout {
	font-size: .85em;
}

#kunena.layout h3 {
	font-size: 1.12em;
	font-style: italic;
}

#kunena.layout .kfrontend {
	padding: .1em 0;
	margin-bottom: 0;
}

#kunena.layout .kfrontend h1.btn-link small {
	margin-left: .5em;
}

#kunena.layout div.kfrontend h1.btn-link {
	background-color: transparent;
	margin-top: 1.2em;
	padding-bottom: .1em;
}

#kunena.layout .navbar .klogout .btn-link {
	padding-top: initial !important;
}

@media ( min-width : 768px) {
	#kunena.layout {
		margin: 2em;
	}
	#kunena.layout h1.btn-link {
		padding-top: 1.5em;
	}
}

@media ( max-width : 767px) {
	#kunena.layout {
		margin: 1em;
	}
	#kunena.layout h1.btn-link {
		padding-top: .75em;
	}
	#kunena.layout .kfrontend h1.btn-link {
		text-align: center;
		margin-top: 2.2em;
	}
	#kunena.layout .kfrontend .table tbody tr:nth-child(2).category td {
		border-top-color: transparent;
	}
}

#kunena.layout div.kfrontend h2.btn-link {
	background-color: transparent;
}

#kunena.layout .glyphicon-user {
	margin-right: .3em;
}

#kunena.layout .list-unstyled {
	margin: .3em;
}

#kunena.layout textarea {
	padding: .5em !important;
}

@media ( max-width : 767px) {
	#kunena.layout .row {
		margin: 0;
	}
}

#kunena.layout .center {
	display: block;
	vertical-align: initial;
	float: initial;
}

#kunena.layout table .center {
	display: table-cell;
}

#kunena.layout .navbar {
	margin-bottom: 2em;
	border-radius: initial;
}

#kunena.layout .navbar-nav>li>a {
	padding-bottom: 1.15em;
	line-height: 1.42857143;
	font-weight: 700;
	color: #514942;
}

#kunena.layout .nav>li>a:hover, #kunena.layout .nav>li>a:focus {
	background-color: #514942;
	color: #fff;
}

@media ( min-width : 1200px) {
	#kunena.layout .hidden-desktop {
		display: none;
	}
}

#kunena.layout .klogout .dropdown.mobile-user .dropdown-toggle img {
	width: 35px;
	height: 35px;
}

#kunena.layout .dropdown-toggle .status-none, #kunena.layout .dropdown-toggle img.none
	{
	outline-style: solid;
	outline-width: .2em;
	margin-bottom: 0;
}

#kunena.layout .nav .dropdown-menu a, #kunena.layout .navbar .btn,
	#kunena.layout .navbar .btn-group {
	background-color: transparent;
	border-color: transparent;
}

#kunena.layout .dropdown-menu {
	padding: .5em;
}

#kunena.layout nav.navbar.navbar-default div.navbar-inner div.klogout ul.nav.pull-right li.dropdown.mobile-user.open a.dropdown-toggle
	{
	color: initial;
}

#kunena.layout nav.navbar.navbar-default div.navbar-inner div.klogout ul.nav.pull-right li.dropdown.mobile-user a.dropdown-toggle:hover,
	#kunena.layout nav.navbar.navbar-default div.navbar-inner div.klogout ul.nav.pull-right li.dropdown.mobile-user a.dropdown-toggle:focus,
	#kunena.layout nav.navbar.navbar-default div.navbar-inner div.klogout ul.nav.pull-right li.dropdown.mobile-user a.dropdown-toggle:active
	{
	background-color: #6495ed;
}

#kunena.layout .klogout img.kavatar {
	padding: .5em;
}

#kunena.layout .profilebox img.kavatar {
	padding: .5em;
}

.kunenadiscuss img.kavatar {
	width: 80%;
	border-radius: 0;
}

#kunena.layout #status-text-form #statusTextModal .btn {
	background-color: #3B3530;
	border-color: #3B3530;
}

#kunena.layout .breadcrumb {
	margin-top: 1em;
}

#kunena.layout .breadcrumb .divider {
	color: #a9a9a9;
}

#kunena.layout .breadcrumb>.active+li::before, #kunena.layout .breadcrumb>li+li::before
	{
	content: none;
}

#kunena.layout .breadcrumb .glyphicon-home {
	margin-right: .25em;
}

#kunena.layout .kfrontend .btn {
	display: none;
}

#kunena.layout .kfrontend .collapse.in.section table.table {
	margin-top: 0;
	margin-bottom: 0;
}

#kunena.layout #editprofile #birthdate {
	margin-left: 0;
}

#kunena.layout h1 {
	font-size: 1.2em;
	line-height: 1.4em;
}

#kunena.layout .search .btn {
	font-size: medium;
}

#kunena.layout .pagination {
	font-size: small;
}

#kunena.layout .btn-group {
	margin-left: .32em;
}

#kunena.layout .alert-info {
	font-weight: 400;
	line-height: 1.5em;
	background-color: #fff;
	border: dotted .25em #f63;
	color: #36f;
	border-radius: 1em;
}

#kunena.layout div#announcement1.collapse.in div.alert.alert-info div a.btn-link,
	#kunena.layout div#announcement1.collapse.in div.alert.alert-info h5 a.btn-link
	{
	color: #000;
	background: transparent;
	font-size: large;
}

#kunena.layout .profile-expand.center {
	display: block;
}

#kreply4_form {
	padding: 1em;
}

#kreply4_form .modal-header {
	padding: 0;
}

#kunena.layout .form-control {
	margin-top: 0;
}

#kunena.layout .modal-body {
	padding: 2em;
}

#kunena.layout h1 .glyphicon-topic.glyphicon.glyphicon-comment {
	font-size: 1.4em;
	margin-right: .5em;
	top: .3em;
}

@media ( max-width : 767px) {
	#kunena.layout form#categoryactions .started, #kunena.layout form#ktopicsform .started
		{
		display: none;
	}
	#kunena.layout form#categoryactions #klastpostphone.visible-xs a,
		#kunena.layout form#ktopicsform #klastpostphone.visible-xs a {
		color: #777;
	}
	#kunena.layout form#categoryactions .topictitle, #kunena.layout form#ktopicsform .topictitle
		{
		font-size: large;
		font-weight: 700;
	}
}

#kunena .input-group-btn:first-child>.btn, #kunena .input-group-btn:first-child>.btn-group
	{
	margin: 0 0 0 .25em;
	font-size: medium;
	border-top-width: 0;
	border-bottom-width: 0;
}

#kunena .glyphicon.glyphicon-user.user-circle.user-xl.b2-7x {
	display: inline-table;
}

#kunena .kdate {
	margin-left: .25em;
}

#kunena .modal-footer small {
	margin-right: 1em;
}

#ann-publish.controls {
	display: block;
}

#kunena.layout form div.btn-toolbar.pull-right div.btn-group, #search.collapse.in button.btn.btn-default.btn-sm.pull-right
	{
	display: none;
}

#kunena.layout .form-group .form-control {
	background-color: #fff;
}

#kunena.layout #search .form-control {
	margin: .5em;
}

#kunena.layout #search #search-options legend {
	margin-top: .5em;
}

#kunena.layout .form-horizontal .form-group {
	margin-right: 0;
	margin-left: 0;
}

#kunena.layout #subject {
	background: #fff;
	margin-left: 3em;
}

#kunena.layout #editor {
	background: #fff;
}

#kunena.layout select#postcatid {
	margin-left: 0;
}

#kunena.layout .kfrontend #kwho ul.list-unstyled li.btn-link span.glyphicon.glyphicon-user.glyphicon-super
	{
	padding-left: .26em;
}

#kunena.layout .kfrontend h2.btn-link {
	margin-top: 4em;
}

@media ( min-width : 768px) {
	#kunena.layout .kfrontend #kwho ul.list-unstyled span.kwho-admin,
		#kunena.layout .kfrontend #kwho ul .kwho-globalmoderator, #kunena.layout .kfrontend #kwho ul.list-unstyled span.kwho-moderator,
		#kunena.layout .kfrontend #kwho ul.list-unstyled span.kwho-banned,
		#kunena.layout .kfrontend #kwho ul.list-unstyled span.kwho-user,
		#kunena.layout .kfrontend #kwho ul.list-unstyled span.kwho-guest {
		margin-left: .5em;
	}
}

@media ( max-width : 767px) {
	#kunena.layout .kfrontend #kwho ul.list-unstyled span.kwho-admin,
		#kunena.layout .kfrontend #kwho ul .kwho-globalmoderator, #kunena.layout .kfrontend #kwho ul.list-unstyled span.kwho-moderator,
		#kunena.layout .kfrontend #kwho ul.list-unstyled span.kwho-banned,
		#kunena.layout .kfrontend #kwho ul.list-unstyled span.kwho-user,
		#kunena.layout .kfrontend #kwho ul.list-unstyled span.kwho-guest {
		display: block;
	}
}

#kunena.layout .kfrontend #kwho ul.list-unstyled div {
	margin-top: .35em;
}

.fontawesome-i2svg-complete .scroll-top-wrapper .svg-inline--fa {
	vertical-align: -.3em;
}

.kfrontend h1.btn-link {
	font-weight: 700;
	font-family: "Rubik", Helvetica, Arial, sans-serif;
}

#kunena.layout .glyphicon-big {
	font-size: 1.75em;
}

#kunena.layout .kfrontend ul.list-inline, #kunena.layout .kfrontend .category td .header-desc
	{
	margin-top: .25em;
}

#kunena.layout #ktopicsform .input-group-btn {
	font-size: initial;
}

#kunena.layout .kmsg {
	font-size: 1.1em;
}

.topic-starter {
	margin-bottom: .5em;
}

.ksignature {
	color: #999;
	font-style: italic;
	font-size: small;
}

@media ( max-width : 991px) {
	#kunena.layout .form-control {
		float: right;
	}
}

#kunena.layout .form-group label {
	font-weight: 700;
}

#kunena.layout .markItUpFooter {
	display: initial;
}

#kunena.layout #kpost-subscribe.control-group, #kunena.layout #kpost-subscribe
	{
	margin-bottom: 1.5em;
}

#kunena.layout #kpost-subscribe.control-group .controls {
	display: inline-block;
	margin-left: 2em;
	margin-top: 2em;
}

#kunena.layout .kmessagepadding {
	display: inline-flex;
}

@media ( max-width : 767px) {
	#kunena.layout #topic-actions.btn-toolbar.btn-marging.kmessagepadding .btn-group
		{
		display: none;
	}
	#kunena.layout .mykmsg-header {
		font-size: smaller;
	}
	#kunena.layout .message-published .kmessage .mykmsg-header .topictitle {
		font-size: large;
		display: inline-block;
	}
	#kunena.layout .message .message-published small.text-muted {
		margin-top: 0 !important;
		margin-right: .25em;
	}
	#kunena.layout .kreply #postform .modal-footer input.btn {
		margin-top: .5em;
	}
	#kunena .modal-footer small {
		display: block;
	}
	#kunena.layout #kpost-subscribe.control-group .controls {
		margin-top: 0;
	}
}

.kmessage-thankyou {
	margin-bottom: 1em;
}

.kmessage-thankyou span {
	padding-right: .5em;
	padding-left: .75em;
}

#kunena.layout .row.message .col-md-2.hidden-xs {
	padding-right: 2.5em;
	padding-top: 1em;
}

#kunena.layout .row.message .col-md-2.hidden-xs .profile-expand.center,
	#kunena.layout .row.message .col-md-2.hidden-xs .profile-expand.center .content
	{
	margin-top: .5em;
}

#kunena.layout .row.message .col-md-2.hidden-xs .profile-expand.center span.heading.btn.btn-default.btn-xs
	{
	padding: 4px 8px;
	margin-top: .5em;
}

#kunena.layout .label-success {
	color: #f3f2f2;
}

#kunena.layout .label-default[href]:hover, #kunena.layout .label-default[href]:focus,
	#kunena.layout .label-warning[href]:hover, #kunena.layout .label-warning[href]:focus,
	#kunena.layout .label-important[href]:hover, #kunena.layout .label-important[href]:focus
	{
	color: #fff;
}

#kunena.layout .label-success, #kunena.layout .label-success[href]:hover,
	#kunena.layout .label-success[href]:focus {
	background-color: #80ba01;
	background-color: #5ED115;
	background-color: #090;
}

#kunena.layout .green {
	color: #80ba01 !important;
	color: #5ED115 !important;
	color: #090 !important;
}

#kunena.layout .label-warning, #kunena.layout .label-warning[href]:hover,
	#kunena.layout .label-warning[href]:focus {
	background-color: #fcd115;
}

#kunena.layout .yellow {
	color: #fcd115 !important;
}

#kunena.layout .label-important, #kunena.layout .label-important[href]:hover,
	#kunena.layout .label-important[href]:focus {
	background-color: #e80f22;
}

#kunena.layout .red {
	color: #e80f22 !important;
}

#kunena.layout .label-default, #kunena.layout .label-default[href]:hover,
	#kunena.layout .label-default[href]:focus {
	background-color: #ccc;
}

#kunena.layout .grey {
	color: #ccc !important;
}

#kunena.layout .label-default[href], #kunena.layout .label-warning[href],
	#kunena.layout .label-success[href], #kunena.layout .label-important[href]
	{
	padding: .3em;
	border-radius: .25em;
}

#kunena.layout form#categoryactions .kbutton-create, #kunena.layout form#categoryactions .kbutton-markread,
	#kunena.layout form#categoryactions .kbutton-subscribe {
	margin-top: 1.25em;
	margin-bottom: .5em;
}

@media ( max-width : 767px) {
	#kunena.layout form#categoryactions .kbutton-markread, #kunena.layout form#categoryactions .kbutton-subscribe
		{
		display: none;
	}
}

#kunena.layout .kreply #postform .modal-body .form-group input#subject.form-control
	{
	width: 97%;
}

#kunena.layout #tabs_kunena_editor.nav.nav-tabs li.active a, #kunena.layout .nav-tabs>li.active>a,
	#kunena.layout .nav-tabs>li.active>a:hover, #kunena.layout .nav-tabs>li.active>a:focus
	{
	background-color: #514942;
}

#kunena.layout .nav-tabs {
	margin-bottom: 1.5em;
	background: transparent;
	border: none;
	padding: initial;
}

@media ( max-width : 959px) {
	#tabs_kunena_editor .nav-tabs, #tabs_kunena_editor {
		margin-top: 2em;
	}
}

#kunena.layout #history .center {
	float: left;
}

#kunena.layout [class*="badger"]::after {
	padding-left: .25em;
}

#kunena.layout .kmessage {
	padding-top: 1em;
}

#kunena.layout #history .khistory {
	display: grid;
}

#kunena.layout #kpost-attachments {
	margin-bottom: 2em;
}

#kunena.layout #kattach_form {
	margin-top: 1em;
}

#kunena.layout #kattach_form .label {
	font-size: inherit;
	font-weight: 400;
}

@media ( max-width : 767px) {
	#kunena.layout .kattach, #kunena.layout .thumbnail {
		display: inline-flex;
	}
	#kunena.layout form#postform button.btn {
		margin-bottom: .5em;
	}
}

#kunena.layout #kbbcode-preview {
	height: 250px !important;
	margin-bottom: 0;
	margin-top: 6px;
}

@media ( max-width : 767px) {
	#kunena.layout #kbbcode-preview {
		margin-top: 4.15em;
	}
}

#kunena.layout #modified_reason {
	padding-bottom: 0;
	margin-top: 0;
}

#kunena.layout #modified_reason label.control-label {
	padding-left: 6em;
}

#kunena.layout #kuserform .nav-tabs {
	margin-top: 2em;
}

#kunena.layout #KunenaUserEdit {
	display: inline-block;
	outline: .1em #666 dotted;
	outline-offset: .75em;
}

#kunena.layout h2 .btn span.glyphicon {
	margin-right: .3em;
	top: 3px;
}

#kunena.layout .btn .glyphicon, .kunenadiscuss .btn .glyphicon {
	top: 2px;
	margin-right: .5em;
}

#kunena.layout h2.pull-right form.form-search .search .btn span.glyphicon.glyphicon-search,
	#kunena.layout .search span.glyphicon-search {
	top: 0;
	margin-right: initial;
}

@media ( max-width : 767px) {
	#kunena.layout #kuserform input, #kunena.layout #kuserform #editprofile textarea
		{
		width: 50vw;
	}
}

#kunena.layout #kbbcode-poll-options .input-group {
	margin-bottom: 1em;
}

#kunena.layout #kbbcode-poll-options #datepoll-container {
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}

#kunena.layout #kbbcode-poll-options .polloption label {
	margin-right: 1em;
}

#kunena.layout #kbbcode-poll-options .inputbox, #kunena.layout #modal-poll-settings #kbbcode-poll-options .inputbox
	{
	padding-left: .35em;
}

#kunena.layout #modal-poll-settings .polloption {
	margin-bottom: 1em;
}

#kunena.layout #kchecktask {
	margin-right: 1.5em !important;
	margin-left: 2em !important;
}

#osm-singup-page.osm-container {
	display: table-cell;
}

#osm-singup-page .form-control, #osm-profile-page .form-control {
	height: inherit;
	margin-top: inherit;
	border-color: #a9a9a9;
	background-color: #fff;
	font-size: inherit;
	color: inherit;
	padding: .14em;
}

.sub-data, .sub-hrs, .sub-plan {
	padding: 1em 1em 1.75em;
}

.sub-plan {
	padding-bottom: 0;
}

.sub-data, .sub-hrs, .note-benefits .note, #osm-profile-page #osm_form_update_membership,
	#osm-profile-page #osm_form_renew {
	margin-top: 2em;
	background-color: white;
	border: solid .15em #eee
}

#osm-singup-page .osm-message {
	text-align: center;
	padding: .5em 1em;
}

.osm-container#osm-singup-page {
	padding-top: 1.75em;
}

#profile-page {
	margin-top: 1em;
}

.osm-container .form-horizontal .form-group {
	margin-left: auto;
	margin-right: auto;
}

.osm-container .form-group {
	margin-bottom: 0;
}

.osm-container .form-group input#first_name, .osm-container .form-group input#last_name,
	.osm-container .form-group input#address, .osm-container .form-group input#zip,
	.osm-container .form-group input#city, .osm-container .form-group input#email,
	.osm-container .form-group input#username1, .osm-container .form-group input#password1,
	.osm-container .form-group input#password2 {
	width: 100% !important;
}

#os_form .form-group {
	padding: .75em 1em;
}

#osm-singup-page h3.osm-heading {
	margin-top: initial;
	margin-bottom: .75em;
}

#osm-singup-page.osm-container .control-label {
	padding-top: 0;
}

#osm-singup-page a {
	color: #36f;
}

#osm-singup-page .btn-primary-reverse {
	color: #fff;
}

.hrs-opinion {
	background: url(/images/lerne-spielen/bg-dotted.png) #fff;
	padding-bottom: 3em;
	padding-top: 3em;
}

.hrs-opinion .op-box {
	background-color: #f3f2f2;
	margin: 1em;
	padding: 1em;
	font-style: italic;
	border-style: solid;
	border-width: .5em;
	border-radius: .35em;
}

@media ( min-width :768px) {
	.hrs-opinion .op-box {
		margin: 3em 7em;
		padding: 2.5em 1.5em;
	}
}

.hrs-opinion .op-box p {
	margin: 0 1.25em;
}

.hrs-opinion .op-box.orange p {
	margin-right: 2em;
}

.hrs-opinion .op-box.blue p {
	margin-left: 2em;
}

.hrs-opinion .op-box.blue {
	border-color: #d0d8dc;
}

.hrs-opinion .op-box.orange {
	border-color: #f9a27b;
}

.hrs-opinion .op-name {
	font-style: initial;
}

.hrs-opinion .op-box h2 {
	margin: auto auto 1.75em .75em;
}

.hrs-opinion .op-box li {
	margin-top: 1.35em;
}

.zigzag-grey-bottom {
	margin-top: -1em;
	padding: .5em;
	background: url(/images/lerne-spielen/ZigZag-gb.png);
}

.zigzag-lgrey-bottom {
	margin-top: -1em;
	padding: .5em;
	background: url(/images/lerne-spielen/ZigZag-lgb.png);
}

.zigzag-lgrey-top {
	margin-top: -1em;
	padding: .5em;
	background: url(/images/lerne-spielen/ZigZag-lgt.png);
}

#payment_method_container .vertical-middle-basis {
	min-height: inherit !important;
}

#payment_method_container .vertical-middle {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.osm-payment-method-item.os_paypal {
	padding-bottom: 1.5em;
}

#os_form .sub-plan .form-group {
	padding-top: 1.75em;
}

#os_form .sub-plan .osm-payment-stripe .form-group {
	padding-top: .75em;
}

#os_form .sub-plan .form-group.osm-terms-and-conditins-container {
	padding-top: .25em;
}

.osm-container img.osm-cvv {
	float: initial !important;
}

@media ( max-width : 991px) {
	.note-benefits {
		display: none;
	}
	.postit-news .note-benefits {
		display: initial;
	}
	.postit-news {
		bottom: -1em;
		margin-bottom: -3.5em;
	}
}

@media ( width :768px) {
	.postit-news .center {
		float: inherit;
	}
}

.note-benefits {
	top: -2.25em;
}

@media ( min-width :992px) {
	.note-benefits {
		top: 1.75em;
	}
}

.note-benefits .note {
	border-radius: 0;
}

.note-benefits .note .inner {
	margin-top: -1.1em;
}

.note-benefits .note h2, .note-benefits .action {
	color: #36f;
	padding-left: 1em;
	padding-right: 1em;
}

.note-benefits .note h2 {
	font-weight: 700;
	font-size: 140%;
	margin-top: 1.5em;
}

.note-benefits .action {
	font-size: 121%;
	margin-bottom: 0;
}

@media ( width : 1024px) {
	.note-benefits .content {
		padding-left: 1.5em;
		padding-right: 1em;
	}
}

.note-benefits .content {
	margin-left: auto;
	margin-right: auto;
	display: table;
}

.note-benefits .content .bullet {
	font-family: "Raleway", "Fira Sans", Helvetica, Arial, sans-serif;
	margin-bottom: .3em;
}

.note-benefits .content .bullet-icon {
	color: #f63;
	top: 3px;
	margin-right: .3em;
}

.postit-news .songs .note {
	background-color: #dcdcdc;
	border-color: #36f;
}

.postit-news .songs h2 {
	font-size: 2em;
}

.postit-news .songs .content {
	font-size: 1.3em;
}

.postit-news .newcontent .note {
	background-color: #fff;
	border-color: #f63;
	margin-right: .5em;
	margin-left: .5em;
}

.postit-news .newcontent .content {
	padding: 1em .75em;
}

.postit-news .newcontent h2 {
	line-height: 1.5em;
	font-size: 1.75em;
	color: #000;
	margin-top: initial;
}

.postit-news h2 .label-new {
	color: #fff;
	border: .1em solid #f63;
	background-color: #f63;
	font-family: rubik;
	font-weight: 800;
	padding-left: .15em;
	padding-right: .15em;
	border-radius: .25em;
	margin: .25em;
}

.postit-news .newcontent-live .note {
	border-color: #36f;
}

#osm-profile-page .nav-tabs {
	padding-bottom: 1.5em;
	padding-left: 0;
}

#osm-profile-page .nav-tabs>li {
	margin-right: .5em;
}

#osm-profile-page .nav-tabs>li.active>a, #osm-profile-page .nav-tabs>li.active>a:hover,
	#osm-profile-page .nav-tabs>li.active>a:focus, #osm-profile-page .nav-tabs>li>a
	{
	border: solid #908376 .1em;
}

#osm-profile-page.osm-container #osm_form #osm-profileContent.tab-content #profile-page.tab-pane.active
	{
	display: inline-block;
}

#osm-profile-page.osm-container #osm_form.form.form-horizontal #osm-profileContent.tab-content #profile-page .form-group select
	{
	margin-top: 7px;
	background-color: #fff;
}

#osm-profile-page.osm-container #osm_form.form.form-horizontal #osm-profileContent.tab-content #profile-page .form-group input
	{
	margin-top: 3px;
}

#osm-profile-page.osm-container #osm_form.form.form-horizontal #osm-profileContent.tab-content #profile-page .form-actions,
	#osm-card-page.osm-container form#os_form .form-actions {
	margin-top: 1.5em;
	margin-bottom: 1em;
}

#osm-profile-page.osm-container #osm_form_update_membership>ul.osm-upgrade-options>li.osm-upgrade-option
	{
	margin-bottom: .85em;
}

#osm-profile-page.osm-container #osm_form #osm-profileContent #subscription-history-page table,
	#osm-profile-page.osm-container #osm_form #osm-profileContent #my-subscriptions-page table
	{
	border-radius: initial;
}

#osm-profile-page #my-subscriptions-page .osm-btn-update-card {
	display: block;
	float: right;
	font-size: smaller;
	background-color: whitesmoke;
	color: #3B3530;
	margin-bottom: .3em;
}

#osm-card-page #os_form .form-group.payment_information {
	padding: initial;
}

#my-subscriptions-page td, #my-subscriptions-page th,
	#subscription-history-page td, #subscription-history-page th {
	padding-bottom: .5em;
}

#my-subscriptions-page td, #my-subscriptions-page th,
	#subscription-history-page td, #subscription-history-page th {
	padding-bottom: .5em
}

#subscription-history-page .table-striped tr th {
	background-color: hsla(25.7, 9.3%, 29.4%, .6)
}

#subscription-history-page .table-striped.active thead.active>tr>th {
	background-color: hsl(25.7, 9.3%, 29.4%)
}

#subscription-history-page h2 {
	color: hsla(25.7, 9.3%, 29.4%, .6);
	font-size: 1.4em
}

#subscription-history-page h2.active {
	color: hsl(30, 8.3%, 9.4%);
	font-size: 1.563em
}

#subscription-history-page h2.osm-form-heading {
	color: initial;
}

#my-subscriptions-page tr.active td, #subscription-history-page tr.active td
	{
	background-color: #fafad2
}

#osm-subscription-detail-page .osm-container #osm_form,
	#osm-subscription-detail-page.row-fluid.osm-container form#osm_form.form.form-horizontal
	{
	margin-top: 1.75em;
}

#osm-subscription-detail-page .osm-container,
	#osm-subscription-detail-page.row-fluid.osm-container {
	margin: 2em auto 2em 3em;
}

#osm-subscription-detail-page .form-actions {
	margin-top: 2em;
}

#osm-profileContent {
	margin-bottom: 2.5em;
}

@media ( max-width :400px) {
	#osm-profile-page #osm_form_update_membership, #osm-profile-page #osm_form_renew
		{
		margin-left: -1em;
		margin-right: -1em;
	}
}

@media ( min-width :992px) {
	#osm-profile-page #osm_form_update_membership {
		margin-left: .75em;
	}
	#osm-profile-page #osm_form_renew {
		margin-right: .75em;
	}
}

#osm-profile-page #osm_form_update_membership, #osm-profile-page #osm_form_renew
	{
	margin-bottom: 1em;
	padding: 1.5em;
	display: inline-block;
	border-width: .1em;
}

#profile-page .form-actions .btn, #osm_form_update_membership .form-actions .btn,
	#osm_form_renew .form-actions .btn {
	float: right;
}

#osm-profile-page #osm_form_update_membership h2, #osm-profile-page #osm_form_renew h2
	{
	text-align: center;
	margin-bottom: 1em;
}

.osm-upgrade-options, .osm-renew-options {
	margin: 2em 1em 2em -1em;
}

#osm_form_update_membership p, #osm_form_renew p,
	#osm_form_update_membership h3, #osm_form_renew h3 {
	margin-left: .5em;
	margin-right: .5em;
}

#osm_form_update_membership label, #osm_form_renew label {
	font-weight: initial;
	background: #f0f8ff;
	padding: .2em .3em;
}

#osm_form_update_membership h3, #osm_form_renew h3 {
	font-size: 1.25em;
	margin: 0 0 .5em;
}

.tarif-optionen {
	display: inherit;
	padding: 1em 1.25em 1.25em;
	margin: 4em auto .5em .5em;
	border: solid.1em #eee;
	text-align: center;
	border-radius: 1.5em;
}

.tarif-optionen ul {
	padding-left: .5em;
}

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

.tarif-optionen table {
	background-color: #efe;
}

.tarif-optionen .table-bordered-hr td {
	border-color: #eee;
}

#osm_form_renew .btn-primary, #osm_form_update_membership .btn-primary {
	color: #fff;
	background-color: #36F;
	border-color: #36F;
}

#osm_form_renew .btn-primary:focus, #osm_form_renew .btn-primary.focus,
	#osm_form_update_membership .btn-primary:focus,
	#osm_form_update_membership .btn-primary.focus {
	color: #fff;
	border-color: #3B3530;
}

#osm_form_renew .btn-primary:hover, #osm_form_update_membership .btn-primary:hover
	{
	color: #fff;
	border-color: #DDD9D5;
}

#osm_form_renew .btn-primary:active, #osm_form_renew .btn-primary.active,
	.open>.dropdown-toggle#osm_form_renew .btn-primary,
	#osm_form_update_membership .btn-primary:active,
	#osm_form_update_membership .btn-primary.active, .open>.dropdown-toggle#osm_form_update_membership .btn-primary
	{
	color: #fff;
	background-color: #514942;
	border-color: #514942;
}

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

#osm_form_renew .btn-primary:active, #osm_form_renew .btn-primary.active,
	.open>.dropdown-toggle#osm_form_renew .btn-primary,
	#osm_form_update_membership .btn-primary:active,
	#osm_form_update_membership .btn-primary.active, .open>.dropdown-toggle#osm_form_update_membership .btn-primary
	{
	background-image: none;
}

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

#osm_form_renew .btn-primary .badge, #osm_form_update_membership .btn-primary .badge
	{
	color: #d9534f;
	background-color: #fff;
}

.payment-heading {
	text-align: center;
	margin: 7em auto;
}

#osm-subscription-complete.osm-container {
	padding: 1em;
}

@media ( min-width : 500px) {
	#osm-subscription-complete.osm-container {
		padding: 2em;
	}
}

#osm-subscription-complete.osm-container h1.osm-page-title {
	margin-bottom: 1.5em !important;
	margin-top: .75em !important;
}

.my-courses {
	margin-top: 2.5em;
}

.my-courses h1 {
	margin: auto .5em 1.5em;
}

.my-courses .img-teasing {
	margin-left: auto;
	margin-right: auto;
	max-width: inherit;
}

@media ( min-width : 768px) {
	.my-courses .img-teasing {
		margin-left: 15vw;
		margin-right: 15vw;
	}
	.my-courses .courses-ov {
		padding-left: 5em;
		padding-right: 5em;
	}
}

@media ( min-width : 1200px) {
	.courses-ex, .courses-ov, .courses-ad, .my-courses .additional {
		padding-left: 9em !important;
		padding-right: 9em !important;
	}
}

.hr-about .my-courses p {
	margin-bottom: 1em;
}

.my-courses .intro-text {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}

.my-courses .intro-text .course-niveau {
	font-style: italic;
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	margin-top: .3em;
}

.my-courses .intro-text p.course-outline {
	margin-bottom: auto !important;
}

.my-courses .img-teasing img, .my-courses .img-teasing p {
	font-weight: 700;
	border: gray .2em solid;
}

.my-courses .img-teasing img {
	border-bottom-right-radius: initial;
	border-bottom-left-radius: initial;
	border-bottom: 0;
}

.my-courses .img-teasing p {
	padding: 2.5em 2.5em 4.5em;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top: 0;
}

.my-courses .carousel {
	margin-top: auto;
}

.my-courses .img-teasing .carousel {
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	font-weight: 300;
}

.my-courses .carousel-control {
	top: initial;
	bottom: 1.75em;
	opacity: inherit;
}

.my-courses .carousel-control.left, .my-courses .carousel-control.right
	{
	background-image: unset;
}

.my-courses .courses-ov {
	padding: 2em .75em;
}

.my-courses .courses-ov.orange {
	background-color: #ddd9d5;
}

.course-desc, .courses-ad .stone ul li {
	margin-top: 1.75em;
	font-family: "Raleway", Helvetica, Arial, sans-serif;
}

.course-desc .cta, .courses-ad .cta, .my-courses .additional .cta {
	font-weight: 700;
	margin: 4em 2em 3em;
	padding: 1em;
	border-radius: .75em;
}

@media ( min-width : 768px) {
	.course-desc .cta, .courses-ad .cta, .my-courses .additional .cta {
		margin-right: 7em;
		margin-left: 7em;
	}
}

.courses-ov .course-desc .cta .inner, .courses-ad .cta .inner,
	.my-courses .additional .cta .inner {
	border: solid #f3f2f2 .25em;
	border-radius: .25em;
	padding: 1.25em;
	line-height: 1.75em;
}

.courses-ov.orange .course-desc .cta .inner, .my-courses .additional.orange .cta,
	.my-courses .testimonial .hrs-opinion, .my-courses .courses-ov.orange .course-desc .stone
	{
	background-color: #fffacd;
}

.pr, .pl {
	margin-top: 2em;
}

@media ( min-width :768px) {
	.pr, .pl {
		margin-left: 2.5em;
	}
}

.my-courses .courses-ex .c-box {
	padding: 1em;
}

.courses-ov h2 {
	margin-top: 1.75em;
}

.courses-ex {
	margin-bottom: 1.75em;
}

.my-courses .courses-ex img, .my-courses .courses-ov img {
	border-bottom-left-radius: initial;
	border-bottom-right-radius: initial;
	border-bottom: #36f solid .35em;
}

.my-courses .courses-ex .c-box.orange img, .my-courses .courses-ov.orange img
	{
	border-bottom-color: #f63;
}

.my-courses .courses-ex .c-box p {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom-left-radius: .75em;
	border-bottom-right-radius: .75em;
	font-weight: 700;
	font-size: 1.25em;
}

.my-courses .courses-ex .c-box.orange p, .my-courses .courses-ov .carousel.orange p,
	.my-courses .courses-ov.orange .course-desc .cta, .my-courses .additional.orange .cta,
	.my-courses .testimonial .hrs-opinion {
	background: #ffa07a url(/images/lerne-spielen/bg-crushed.png);
}

.my-courses .courses-ex .c-box p, .my-courses .courses-ov .carousel p,
	.course-desc .cta, .courses-ad .cta {
	background: #6495ed url(/images/lerne-spielen/bg-crushed-blue.jpg);
}

.my-courses .pikto {
	background: #fffacd url(/images/lerne-spielen/bg-dots.png);
}

.course-desc .exec {
	font-weight: 600;
}

.my-courses .courses-ov li, .courses-ad li {
	margin-bottom: .5em;
}

.my-courses .courses-ov .course-desc .stone, .courses-ad .stone {
	background-color: #d3d3d3;
	padding: 1em;
	border-radius: .75em;
}

.my-courses .courses-ov .course-desc .stone p {
	font-weight: 800;
}

.my-courses .courses-ad, .my-courses .additional {
	margin-top: 3em;
}

.courses-ad li {
	margin-top: .75em;
	margin-bottom: .75em;
}

.courses-ad li li {
	margin-top: .25em;
	margin-bottom: .25em;
}

.my-courses .questions {
	font-size: 1.1em;
	padding-top: 6em;
	padding-bottom: 5em;
}

@media ( max-width : 767px) {
	.my-courses .questions img {
		padding: 1em 3em 3em;
	}
}

.my-courses .testimonial .hrs-opinion {
	padding-bottom: 5em;
}

.my-courses .courses-ad img {
	border: .25em solid #6495ed;
}

.my-courses .courses-ad .orange img {
	border-color: #ffa07a;
}

.spacing-right {
	margin-right: 1em;
}

.spacing-left {
	margin-left: 1em;
}