@charset "UTF-8";

body .ho-content
{
	padding-top: 30px !important;
}

.ho-concept-navigation-container
{
	display: block;
	position: relative;
}

.ho-concept-navigation
{
	position: fixed;
	margin-left: -280px;
	margin-top: -6px;
}

.ho-concept-navigation.ho-small
{
	position: absolute;
}

.ho-concept-navigation-element-container
{
	width: inherit;
	position: relative;
	display: block;
	text-align: right;
	margin: 0px 0px 3px 0px;
}

.ho-concept-navigation-element
{
	position: relative;
	display: inline-block;
	text-align: left;
	width: 260px;
	overflow: hidden;
	color: #222222;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
 	font-size: 20px;
    font-weight: 200;
	opacity: 0.8;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
	-moz-transition: opacity 1s;
}

.ho-concept-navigation-element:hover
{
	opacity: 1;
}

.ho-concept-navigation-element:after
{
	display: block;
	content: '';
	position: absolute;
	left: 0px;
	right: 0px;
	top: 3px;
	bottom: 4px;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	z-index: -1;
	opacity: 0.7;
}

.ho-concept-navigation.ho-small .ho-concept-navigation-element:after
{
	z-index: 0;
}

.ho-concept-navigation.ho-small .ho-concept-navigation-element span
{
	position: relative;
	z-index: 1;
}

.ho-concept-navigation-element-background-r:after
{
	background: url(../images/red_head.png);
	opacity: 0.6;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.ho-concept-navigation-element-background-b:after
{
	background: url(../images/blue_head.png);
	top: 2px;
	bottom: 1px;
}

.ho-concept-navigation-element-background-g:after
{
	background: url(../images/green_head.png);
}

.ho-concept-navigation-element:hover
{
	color: #222222 !important;
}

.ho-concept-chapter
{
	padding-top: 50px;
	padding-bottom: 30px;
	background-repeat: no-repeat !important;
	background-size: 100% auto !important;
}


.ho-concept-chapter-container
{
	margin-bottom: 20px;
}

.ho-concept-chapter-container-background-red,
.ho-concept-chapter-container-background-geen,
.ho-concept-chapter-container-background-blue
{
	padding: 20px !important;
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	
}

.ho-concept-chapter-container-background-red *,
.ho-concept-chapter-container-background-blue *
{
	color: #ffffff !important;	
}

.ho-concept-chapter-container-background-geen *
{
	color: #000000 !important;
}

.ho-concept-chapter-container-background-red
{
	background: #C73153;
}

.ho-concept-chapter-container-background-blue
{
	background: #6A95C1;
}

.ho-concept-chapter-container-background-geen
{
	background: #BCDEA3;
}

.ho-concept-chapter-red
{
	background: url(../images/red_head.png);
}

.ho-concept-chapter-green
{
	background: url(../images/green_head.png);
}

.ho-concept-chapter-green a
{
	color: #BCDEA3;
}

.ho-concept-chapter-green a:hover
{
	color: #BCDEA3;
	text-decoration: underline;
}

.ho-concept-chapter-red a
{
	color: #C73153;
}

.ho-concept-chapter-red a:hover
{
	color: #C73153;
	text-decoration: underline;
}

.ho-concept-chapter-blue a
{
	color: #6A95C1;
}

.ho-concept-chapter-blue a:hover
{
	color: #6A95C1;
	text-decoration: underline;
}

.ho-concept-chapter-container-background-red a,
.ho-concept-chapter-container-background-geen a,
.ho-concept-chapter-container-background-blue a
{
	color: #ffffff;
}

.ho-concept-chapter-container-background-red a:hover,
.ho-concept-chapter-container-background-geen a:hover,
.ho-concept-chapter-container-background-blue a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.ho-concept-chapter-blue
{
	background: url(../images/blue_head.png);
}

.ho-concept-container-headline
{
	margin-top: 0px;
	margin-bottom: 20px !important;
 	font-size: 36px;
	line-height: 50px;
}

.ho-concept-container-headline-color-red,
.ho-concept-container-text-color-red
{
	color: #C73153 !important;
}

.ho-concept-container-headline-color-geen,
.ho-concept-container-text-color-geen
{
	color: #BCDEA3 !important;
}

.ho-concept-container-headline-color-grey,
.ho-concept-container-text-color-grey
{
	color: #7F7F7F !important;
}

.ho-concept-container-headline-color-blue,
.ho-concept-container-text-color-blue
{
	color: #6A95C1 !important;
}

.ho-concept-container-text
{
	font-size: 16px;
    line-height: 22px;
}

.ho-concept-container-text ul
{
	display: block;
	padding: 0px;
}

.ho-concept-container-text ul li
{
	position: relative;
	list-style: none;
	padding-left: 30px;
	margin: 0px;
}

.ho-concept-container-text ul li:before
{
	position: absolute;
	left: 0px;
	top: 1px;
	display: inline-block;
	content: '•';
}

.ho-concept-container-image
{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-o-border-radius: 5px !important;
}

@media screen and (max-width: 768px)
{
	.ho-concept-navigation-container
	{
		display: none !important;
	}
}