@charset "utf-8";

/*
@viewport {
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
*/

/*
	max-width: 479,		min-width: 480		.col-tn-	auto
	max-width: 767,		min-width: 768		.col-sm-	60px	750px
	max-width: 991,		min-width: 992		.col-md-	78px	970px
	max-width: 1199,	min-width: 1200		.col-lg-	95px	1170px

	gutter width: 30px (15px on each side of a column)
*/


@import "opensans.css";
@import "sansation.css";
@import "fontawesome.css";
@import "nothingyoucoulddo.css";

html {
	font-size: 62.5%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	height: 100%;
}

body {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif!important;
	font-weight: normal;
	font-style: normal;
	color: #c3c3c3;
	min-width: 300px;
	height: 100%;
	text-rendering: optimizelegibility;
	/*
	background-color: #292929;
	background-image: url(../img/bg_light_left_right.png), url(../img/bg_pattern.png);
	background-position: center center, top left;
	background-repeat: repeat-y, repeat;
	background-size: 100% auto, auto;
	*/
	/*
	background-color: #252525;
	background-image: url(../img/bg_light_left_right.png);
	background-position: center center;
	background-repeat: repeat-y;
	background-size: 100% auto;
	*/
	background:#252525;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

img {
	vertical-align: middle;
	display: inline-block;
}

img.responsive {
	max-height: 100%;
	max-width: 100%;
	width: auto;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

iframe {
	border: 0;
}

a {
	display: inline;
	width: auto;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px dotted;
	outline: 0;
	padding: 0;
	line-height: inherit;
}

a.button, a.button_flat, a.top_link, a#a_toggle_menu {
	border: none !important;
}

header a:link, footer a:link, header a:active, footer a:active, header a:hover, footer a:hover, header a:visited, footer a:visited {
	border: none !important;
	margin-bottom: 0px;
}

a.top_link {
	color: #eee !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none !important;
	padding: 0.2em 0.7em 0.2em 0.7em;
	margin: 0 4px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	background: #444 url(../img/bg_button_shadow_up.png) center center no-repeat;
	background-size: auto 100%;
}

a.top_link:hover {
	background-color: #ebd38d;
	background-color: #8c7e49;
}

label, a:not(.button), ul li a:not(.button), a:not(.button_flat), ul li a:not(.button_flat) {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

a:not(.button):hover, ul li a:not(.button):hover, a:not(.button):active, ul li a:not(.button):active, a:not(.button_flat):hover, ul li a:not(.button_flat):hover, a:not(.button_flat):active, ul li a:not(.button_flat):active {
	color: #fff2cc;
}

/* 2. TYPOGRAPHY
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*
SansationRegular
SansationLight
SansationBold
SansationLightLightItalic
SansationItalic
SansationBoldItalic

open_sanssemibold_italic
open_sanssemibold
open_sansregular
open_sanslight_italic
open_sanslight
open_sansitalic
open_sansextrabold_italic
open_sansextrabold
open_sansbold_italic
open_sansbold
*/


h1, h2, h3, h4, h5, h6, p {
	display: block;
	width: auto;
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif !important;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: 0.6em 0 0.3em 0;
	line-height: 1.5em;
	color: #94834e;
	text-align: left;
}

h1 {
	font-size: 4.2em;
	font-family: 'open_sanslight', Arial, Helvetica, sans-serif !important;
	color: #ada079;
	line-height: 1.2em;
}

h2 {
	font-size: 2.6em;
	line-height: 1.2em;
	margin: 0.6em 0 0.8em 0;
	color:#8c7e4d;
	/* text-shadow: 0 1px 2px rgba(10, 10, 10, 0.2); */
}

h2.subheadline {
	font-size: 2.8em;
	font-family: 'open_sanslight', Arial, Helvetica, sans-serif !important;
	color: #d3d3d3;
	line-height: 1.2em;
	margin: 0.3em 0 0.3em 0;
}

h3 {
	font-size: 2.3em;
	line-height: 1.2em;
	margin: 0.6em 0 0.8em 0;
}

h4 {
	font-size: 2.0em;
	line-height: 1.3em;
	/*color:#c2b58f;*/
	color:#ada079;
}

h5 {
	font-size: 1.8em;
	line-height: 1.3em;
	color: #333;
}

h6 {
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif !important;
	font-size: 1.5em;
	line-height: 1.4em;
	color: #333;
}

p {
	font-size: 1.4em;
	line-height: 1.4em;
	color: #333;/*max-width:800px;*/
}

p, h6, h5, h4, h3 {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

h1:first-child, h1:first-of-type, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	margin-top: -0.2em !important;
	padding-top: 0 !important;
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

p:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
	margin-top: 0.4em !important;
	padding-top: 0 !important;
}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6,
ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6,
ol > li > h1:first-child, ol > li > h2:first-child, ol > li > h3:first-child, ol > li > h4:first-child, ol > li > h5:first-child, ol > li > h6:first-child {
	margin-top: 1.2em !important;
	padding-top: 0 !important;
}


.stickyheadline {
	margin-bottom: 0.2em !important;
}

.stickyheadline + p, .stickyheadline + h1, .stickyheadline + h2, .stickyheadline + h3, .stickyheadline + h4, .stickyheadline + h5, .stickyheadline + h6 {
	margin-top: 0.2em !important;
}

strong, b, .fett {
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif!important;
	font-weight: normal;
}

/* i:not(.mce-ico, .fa), */
i:not(.fa), i:not(.mce-ico), .kursiv, .txt_kursiv, em {
	font-family: 'open_sansitalic', Arial, Helvetica, sans-serif !important;
	font-weight: normal;
}

.txt_kursiv_bold {
	font-family: 'open_sanssemibold_italic', Arial, Helvetica, sans-serif !important;
	font-weight: normal;
}

/* icons before text lines for errors, infos, warnings */
h1 > span.fa, h2 > span.fa, h3 > span.fa, h4 > span.fa, h5 > span.fa, h6 > span.fa, p > span.fa, a:not(.button_flat_icon) > span.fa, button:not(.button_flat_icon) > span.fa {
	margin-right: 0.4em;
	vertical-align: middle;
}

h1 > span.fa, h2 > span.fa, h3 > span.fa, h4 > span.fa, h5 > span.fa, h6 > span.fa, p > span.fa {
	margin-top: -0.2em;
}

/* spinning search animation */
.fa-sun-o {
	color: #999;
	margin-right: 0 !important;
}

.button span.fa-sun-o {
	color: inherit;
	margin-right: 0.4em !important;
	margin-top: -0.1em;
	font-size: 1.2em;
	text-shadow: none;
}

.handwriting {
	font-family: 'nothing_you_could_doregular', cursive, Arial, Helvetica, sans-serif !important;
	line-height: 1.7em;
	color: #4F596B;
}


@media only screen and (max-width: 991px) {

	h1 {
		font-size: 3.4em !important;
	}

	h2 {
		font-size: 2.2em !important;
	}

	h2.subheadline {
		font-size: 2.4em !important;
	}

	h3 {
		font-size: 1.9em !important;
	}

	h4 {
		font-size: 1.8em !important;
	}

	h5 {
		font-size: 1.6em !important;
	}

	h6 {
		font-size: 1.6em !important;
	}

	p {
		font-size: 1.4em !important;
	}
}

@media only screen and (max-width: 767px) {

	h1 {
		font-size: 2.6em !important;
		color:#c2b388;
	}

	h2 {
		font-size: 1.9em !important;
	}

	h2.subheadline {
		font-size: 2.2em !important;
		/*font-family: 'open_sansregular', Arial, Helvetica, sans-serif!important;*/
	}
}

@media only screen and (max-width: 480px) {

	h1 {
		font-size: 1.9em !important;
		color:#ada079;
		font-family: 'open_sansregular', Arial, Helvetica, sans-serif!important;
	}

	h2 {
		font-size: 1.6em !important;
		font-family: 'open_sansregular', Arial, Helvetica, sans-serif!important;
	}

	h2.subheadline {
		font-size: 1.5em !important;
		font-family: 'open_sansregular', Arial, Helvetica, sans-serif!important;
		color:#ccc;
	}

	h3 {
		font-size: 1.4em !important;
	}

	h4 {
		font-size: 1.3em !important;
	}

	h5 {
		font-size: 1.3em !important;
	}

	h6 {
		font-size: 1.3em !important;
	}

	p {
		font-size: 1.4em !important;
	}
}



/* ------------------  HEADER  -------------------- */

header {
	display: block;
	width: auto;
	position: relative;
}

header #top_bar {
	display: block;
	width: auto;
	padding-bottom: 20px;
	background-color: #222 !important;
	background-image: url(../img/table_header_bg_even.png) !important;
	background-position: top left !important;
	background-repeat: repeat-x !important;
	background-size: auto 100% !important;
}

header #top_bar #logo, header #top_bar #claim, header #top_bar div.login {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 15px;
	height: 80px;
}

header #top_bar #logo > *, header #top_bar #claim > *, header #top_bar div.login > * {
	position: absolute;
	bottom: 0;
}

header #top_bar #logo {
	width: calc(25% - 30px);
}

header #top_bar #claim {
	width: calc(45% - 30px);
}

header #top_bar div.login {
	width: calc(30% - 30px);
}

header #logo img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

header #claim p {
	text-align: left;
	margin: 0;
	padding: 0;
	color: #ddd;
	text-transform: uppercase;
	vertical-align: bottom;
	line-height: 1.3em;
}

header div.login p {
	right: 0;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 1.3em;
}

div.login p span.fa { /* remove spacing */
	margin-right:0;
}


@media only screen and (max-width: 991px) {

	header #top_bar #logo {
		width: calc(28% - 30px);
	}

	header #top_bar #claim {
		width: calc(34% - 30px);
	}

	header #top_bar div.login {
		width: calc(38% - 30px);
	}
}

@media only screen and (max-width: 767px) {

	header #top_bar #logo {
		width: 200px;
	}

	header #top_bar #claim {
		width: calc(100% - 260px);
	}

	header #top_bar div.login {
		display: block;
		width: auto;
		height: auto;
		padding: 30px 0 0 0;
	}

	header #top_bar div.login > * {
		position: relative;
		text-align: center;
	}
}

@media only screen and (max-width: 480px) {

	header #top_bar #logo {
		display: block;
		width: auto;
		height: auto;
		margin: 0 auto;
		padding: 20px 0 0 0;
		text-align: center;
	}

	header #top_bar #logo > * {
		position: relative;
	}

	header #top_bar #logo > img {
        max-width: 160px;
	}

	header #top_bar #claim {
		display: block;
		width: auto;
		height: auto;
		padding: 10px 0 0 0;
	}

	header #top_bar #claim > * {
		position: relative;
		text-align: center;
        font-size: 1.1em !important;
	}

	header #top_bar div.login {
		padding: 20px 0 0 0;
	}
}



/* header subpages */

/*
header #header_image img {
    position:absolute;
    left:-9999px;
    right:-9999px;
    margin:0 auto;
}
*/
header #header_image_box {
	overflow: hidden;
}

header #header_image {
	position: relative;
	display: table;
	width: 100%;
	padding: 0 15px;
	height: 500px;
	overflow: hidden;
	text-align: center;
	background-color: #222;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

header #header_image > div {
	display: table-cell;
	width: auto;
	vertical-align: middle;
	background: none;
}



/* header subpages */

header #header_image_box h2 {
	font-family: 'open_sanslight', Arial, Helvetica, sans-serif !important;
	font-weight: normal;
	font-size: 4.5em !important;
	text-align: center;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.95);
	color: #fff;
	letter-spacing: -1px;
	margin-top:0.4em !important;
	margin-bottom:0.4em !important;
}

header #header_image_box h3,
header #header_image_box h4,
header #header_image_box h5 {
	text-align: center;
	text-shadow: 0px 2px 3px rgba(30, 30, 30, 0.9);
	color: #fff;
}

header #header_image_box h3 {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif !important;
	font-size: 3.6em !important;
}

header #header_image_box .handwriting {
	font-family: 'nothing_you_could_doregular', cursive, Arial, Helvetica, sans-serif !important;
	line-height: 1.7em;
	text-align: center;
	padding: 0 8%;
	margin: 0.6em auto !important;
}

header #header_image_box h1.handwriting {
	font-size: 5.6em;
}


/* slideshow homepage */

header #header_slider_box {
	display: block;
	padding:0;
	height: 580px;
	overflow: hidden;
	background-color: #222;
}

header #header_slider_box #header_slider {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #222;
}

header #header_slider_box #header_slider div.slideshow_item {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

header #header_slider_box #header_slider div.slideshow_item div.slideshow_item_img {
	width: 100%;
	height: 100%;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

header #header_slider_box #header_slider div.slideshow_item_txt {
	width:100%;
	height:100%;
}

header #header_slider_box #header_slider div.slideshow_item_txt > div {
	display:table;
	width:93%;
	margin-left:auto !important;
	margin-right:auto !important;
	height:100%;
}

header #header_slider_box #header_slider div.slideshow_item_txt > div > div {
	display:table-cell;
	padding:0;
}

section.parallax_box h2,
header #header_slider_box h2 {
	display:table !important;
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif !important;
	font-weight: normal;
	font-size: 4.2em !important;
	line-height:1.4em;
	letter-spacing:-1px;
	padding:0.1em 0.5em 0.2em 0.5em !important;
	/* background:rgba(128,116,77,0.60); */
	background:rgba(255,255,255,0.60);
	/*
	background:rgba(140,126,77,0.60);
	margin-top:0.08em !important;
	margin-bottom:0.08em !important;
	*/
	margin-top:4% !important;
	margin-bottom:4% !important;
	max-width:58%;
	color:#222 !important;
	text-shadow: 0px 0px 16px rgba(255, 255, 255, 0.9);
}

/* cause a line-break */
header #header_slider_box .header_newline:before {
	content: "\A";
	white-space: pre;
}


@media only screen and (min-width: 1921px) {

	header #header_slider_box {
		height: 380px;
	}
	header #header_image {
		height: 600px;
	}
}

@media only screen and (max-width: 1199px) {

	header #header_slider_box {
		height: 380px;
	}

	header #header_image {
		height: 400px;
	}

	section.parallax_box h2,
	header #header_slider_box h2,
	header #header_image_box h2 {
		font-size: 4.0em !important;
	}

	section.parallax_box h3,
	header #header_slider_box h3,
	header #header_image_box h3 {
		font-size: 3.4em !important;
	}

	header #header_image_box h1.handwriting {
		font-family: 'nothing_you_could_doregular', cursive, Arial, Helvetica, sans-serif !important;
		padding:0 6%;
		font-size:4.6em;
	}

}

@media only screen and (max-width: 991px) {

	header #header_slider_box,
	header #header_image {
		height: 320px;
	}

	section.parallax_box h2,
	header #header_slider_box h2,
	header #header_image_box h2 {
		font-size: 3.4em !important;
	}

	section.parallax_box h3,
	header #header_slider_box h3,
	header #header_image_box h3 {
		font-size: 2.5em !important;
	}

	header #header_slider_box #header_slider div.slideshow_item_txt h1,
	header #header_slider_box #header_slider div.slideshow_item_txt h2 {
		max-width:65%;
	}

	header #header_slider_box .header_newline:before {
		content:" ";
		white-space:nowrap;
	}

	header #header_image_box h1.handwriting {
		font-family: 'nothing_you_could_doregular', cursive, Arial, Helvetica, sans-serif !important;
		padding:0 8%;
		font-size:3.6em;
	}

}

@media only screen and (max-width: 767px) {

	header #header_slider_box,
	header #header_image {
		height: 260px;
	}

	section.parallax_box h2,
	header #header_slider_box h2,
	header #header_image_box h2 {
		font-size: 2.7em !important;
		letter-spacing: 0;
	}

	section.parallax_box h3,
	header #header_slider_box h3,
	header #header_image_box h3 {
		font-size: 2.1em !important;
	}

	header #header_slider_box #header_slider div.slideshow_item_txt h1,
	header #header_slider_box #header_slider div.slideshow_item_txt h2 {
		max-width:80%;
	}

	header #header_image_box h1.handwriting {
		font-family: 'nothing_you_could_doregular', cursive, Arial, Helvetica, sans-serif !important;
		padding:0 5%;
		font-size:2.6em !important;
	}
}

@media only screen and (max-width: 480px) {

	header #header_slider_box,
	header #header_image {
		height: 170px;
	}

	section.parallax_box h2,
	header #header_slider_box h2,
	header #header_image_box h2 {
		font-family: 'open_sansregular', Arial, Helvetica, sans-serif!important;
		font-weight: normal;
		font-size: 2.0em !important;
		letter-spacing: 0;
	}

	section.parallax_box h3,
	header #header_slider_box h3,
	header #header_image_box h3 {
		font-weight: normal;
		font-size: 1.6em !important;
	}

	header #header_slider_box #header_slider div.slideshow_item_txt h1,
	header #header_slider_box #header_slider div.slideshow_item_txt h2 {
		max-width:100%;
		text-align:left !important;
	}

	header #header_image_box h1.handwriting {
		font-family: 'nothing_you_could_doregular', cursive, Arial, Helvetica, sans-serif !important;
		padding:0 3%;
		font-size:1.6em !important;
	}
}

p.handwriting {
	font-size:1.6em;
}

h4.handwriting {
	font-size:2.2em;
}


/*  home header  */

.header-home {
	margin: 0;
	overflow: hidden;
	text-align: center;
	background-image: url('../img/header_img/header_video_reel.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 15% 0;
}
.header-home__text {
	max-width: 70%;
	text-align: left;
}
.header-home__text_headline {
	color: #eee;
	font-size: 5.5rem !important;
}
.header-home__text_subline {
	color: #ddd;
	font-size: 2.8rem !important;
	line-height: 1.4;
}
.header-home__text_button {
	font-size: 2.1rem !important;
	margin-top: 3%;
}

@media only screen and (max-width: 1199px) {
	.header-home__text_headline {
		font-size: 5.0rem !important;
	}
	.header-home__text_subline {
		font-size: 2.5rem !important;
	}
}

@media only screen and (max-width: 991px) {
	.header-home__text {
		max-width: 90%;
	}
	.header-home__text_headline {
		font-size: 4.5rem !important;
	}
	.header-home__text_subline {
		font-size: 2.3rem !important;
	}
	.header-home__text_button {
		font-size: 1.9rem !important;
	}
}

@media only screen and (max-width: 767px) {
	.header-home__text_headline {
		font-size: 4.0rem !important;
	}
	.header-home__text_subline {
		font-size: 2.0rem !important;
	}
	.header-home__text_button {
		font-size: 1.7rem !important;
	}
}

@media only screen and (max-width: 480px) {
	.header-home__text {
		max-width: none;
	}
	.header-home__text_headline {
		font-size: 3.0rem !important;
	}
	.header-home__text_subline {
		font-size: 1.8rem !important;
	}
	.header-home__text_button {
		font-size: 1.6rem !important;
	}
}



/* ------------------  CONTENT  -------------------- */

main {
	/* background:#888 url(../img/bg_inner_shadow_top_bottom.png) center bottom no-repeat;*/
	/* background: #222; */
}

section {
	display: block;
	width: auto;
	margin: 60px 0;
}

section h1:last-child, section h2:last-child, section h3:last-child, section h4:last-child, section h5:last-child, section h6:last-child {
	margin-bottom: 0;
}

.section_bg {
	background-color: #515151;
	background-image: url(../img/bg_light_left_right.png);
	background-position: center center;
	background-repeat: repeat-y;
	background-size: 100% auto;
	padding: 40px 0;
	/*
	background-image: url(../img/bg_light_left_right.png), url(../img/bg_pattern.png);
	background-position: center center, top left;
	background-repeat: repeat-y, repeat;
	background-size: 100% auto, auto;
	*/
}

@media only screen and (max-width: 991px) {

	section {
		margin: 45px 0;
	}

	.section_bg {
		padding: 30px 0;
	}

}

@media only screen and (max-width: 767px) {

	section {
		margin: 35px 0;
	}

	.section_bg {
		padding: 25px 0;
	}

}

@media only screen and (max-width: 480px) {

	.section_bg {
		margin: 20px 0;
	}

}



section.parallax_box {
	position:relative;
	margin:0;
	background-repeat:no-repeat;
}


@media only screen and (min-width: 1920px) {

	section.parallax_box {
		height: 580px;
		background-size:136%;
	}
}

@media only screen and (max-width: 1919px) {

	section.parallax_box {
		height: 580px;
		background-size:143%;
	}
}

@media only screen and (max-width: 1769px) {

	section.parallax_box {
		height: 540px;
		background-size:146%;
	}
}

@media only screen and (max-width: 1569px) {

	section.parallax_box {
		height: 500px;
		background-size:146%;
	}
}

@media only screen and (max-width: 1399px) {

	section.parallax_box {
		height: 460px;
		background-size:153%;
	}
}

@media only screen and (max-width: 1199px) {

	section.parallax_box {
		height: 400px;
		background-size:155%;
	}
}

@media only screen and (max-width: 991px) {

	section.parallax_box {
		height: 340px;
		background-size:168%;
	}
}

@media only screen and (max-width: 767px) {

	section.parallax_box {
		height: 280px;
		background-size:210%;
	}
}

@media only screen and (max-width: 480px) {

	section.parallax_box {
		height: 220px;
		background-size:240%;
	}
}




/* TEXT MIXINS */

.txt_note {
	font-size: 1.2em;
}

.txt_error,
.color_error {
	color: #cc004b !important;
}

.txt_success,
.color_success {
	color: #408000 !important;
}

.txt_info,
.color_info {
	color: #1165a6 !important;
}

.txt_question,
.color_question {
	color: #73590b !important;
}

.txt_note,
.txt_error,
.txt_success,
.txt_info,
.txt_question {
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif !important;
}

.txt_newline:before {
	content: "\A";
	white-space: pre;
}

.txt_nowrap {
	white-space:nowrap;
}

.txt_size_up {
	font-size: 1.1em;
}

.txt_size_down {
	font-size: 0.9em;
}

/* Text on dark background */

.txt_light_box h2 {
	color: #ccc;
}

.txt_light_box h3 {
	color: #d3d3d3;
}

.txt_light_box h4 {
	color: #dadada;
}

.txt_light_box h5 {
	color: #e1e1e1;
}

.txt_light_box h6 {
	color: #e7e7e7;
}

.txt_light_box p {
	color: #e7e7e7;
}

.txt_light {
	color: #dadada !important;
}

.txt_error.txt_light {
	color: #faafaf !important;
}

.txt_success.txt_light {
	color: #a6d98d !important;
}

.txt_info.txt_light {
	color: #a4cceb !important;
}

.txt_gold_light {
	color: #c2b58f !important;
}

.txt_gold_regular {
	color: #94834e;/*letter-spacing:-0.01em;*/
}

.txt_grey {
	color: #777;
}

.txt_white {
	color: #fff !important;
}

.txt_gold_dark {
	color: #80691a;
}

.txt_gold_invert {
	color: #ddd;
	background-color: #8c7d49;
	padding: 0.3em 1.2em 0.2em 1.2em !important;
	line-height: 1.4em;
}

.txt_black_invert {
	color: #ddd;
	background-color: #333;
	padding: 0.3em 1.2em 0.2em 1.2em !important;
	line-height: 1.4em;
}

.txt_green {
	color:#BADB00 !important;
}

.block {
	display:block !important;
	width:auto !important;
	max-width:none !important;
	min-height:0 !important;
}

.h_dark {
	color: #857335;
}

.txt_lower {
	text-transform: none !important;
}

.txt_upper {
	text-transform: uppercase !important;
}

.txt_left {
	clear: both;
	text-align: left !important;
	margin-right: auto !important;
}

.txt_right {
	clear: both;
	text-align: right !important;
	margin-left: auto !important;
}

.txt_basic {
	color: #006ab9;
}

.txt_basic_invert {
	background-color: #006ab9;
	color: #fff;
}

.txt_premium {
	color: #8c7e49;
}

.txt_premium_invert {
	background-color: #8c7e49;
	color: #fff;
}

.txt_videotogo {
	color: #cc1433;
}

.txt_videotogo_invert {
	background-color: #cc1433;
	color: #fff;
}

.txt_dark {
	color: #333 !important;
}

a.txt_dark {
	color: inherit !important;
}

a.txt_dark:hover {
	color: #a69556 !important;
}

.txt_center {
	text-align: center !important;
	margin-left: auto;
	margin-right: auto;
}

.txt_inactive {
	color: #888;
}

.txt_thin {
	font-family: 'open_sanslight', Arial, Helvetica, sans-serif!important;
	font-weight: normal;
}

.txt_regular {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif!important;
	font-weight: normal;
}

.txt_medium {
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif!important;
	font-weight: normal;
}

.txt_thick {
	font-family: 'open_sansbold', Arial, Helvetica, sans-serif!important;
	font-weight: normal;
}

.v_align_top {
	vertical-align: top !important;
}

.v_align_middle {
	vertical-align: middle !important;
}

.v_align_bottom {
	vertical-align: bottom !important;
}

.margin_0 {
	margin: 0 !important;
}

.margin_top_0 {
	margin-top: 0 !important;
}

.margin_top_s {
	margin-top: 15px !important;
}

.margin_top_m {
	margin-top: 30px !important;
}

.margin_top_l {
	margin-top: 60px !important;
}

.margin_top_xl {
	margin-top: 100px !important;
}

.margin_bottom_0 {
	margin-bottom: 0 !important;
}

.margin_bottom_s {
	margin-bottom: 15px !important;
}

.margin_bottom_m {
	margin-bottom: 30px !important;
}

.margin_bottom_l {
	margin-bottom: 60px !important;
}

.margin_bottom_xl {
	margin-bottom: 100px !important;
}

.padding_top_0 {
	padding-top: 0 !important;
}

.padding_bottom_0 {
	padding-bottom: 0 !important;
}

.padding_left_0 {
	padding-left: 0 !important;
}

.padding_right_0 {
	padding-right: 0 !important;
}

img.img_overlay_top_right {
	position: absolute;
	top: 1%;
	right: 1%;
	left: auto;
	bottom: auto;
	z-index: 6000;
}

div.center_wrap_box {
	display: table;
	text-align: center;
	margin: 0 auto;
	width: auto;
}

@media only screen and (max-width: 767px) {

div.modal_msg_wrapper {
	padding: 20px 30px;
}
}

/* Textbox + BG-Image */

div.text_box_bg_img {
	position: relative;
	display: block;
	width: auto;
	overflow: hidden;
}

div.text_box_bg_img img {
	width: 100%;
	height: auto;
}

div.text_box_bg_img div {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	padding: 5%;
}

div.text_box_bg_img .txt_left {
	padding-right: 50%;
}

div.text_box_bg_img .txt_right {
	padding-left: 50%;
}

.top {
	position: absolute !important;
	top: 3%;
	bottom: auto;
}

.bottom {
	position: absolute !important;
	bottom: 3%;
	top: auto;
}

.middle {
	position: absolute !important;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.left {
	position: absolute !important;
	left: 3%;
	right: auto;
}

.right {
	position: absolute !important;
	right: 3%;
	left: auto;
}

.center {
	position: absolute !important;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.central {
	position: absolute !important;
	margin: auto !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.relative {
	position: relative;
}

.noborder {
	border:none !important;
}

/* responsive image box and link */

.img_link_box {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}

.img_link,
.img_link_box a {
	text-decoration: none;
	border: 0;
}

.img_link_box img,
.img_link img {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.img_link_box a:hover img,
.img_link:hover img {
	-webkit-transform: scale(1.046);
	-moz-transform: scale(1.046);
	-o-transform: scale(1.046);
	-ms-transform: scale(1.046);
	transform: scale(1.046);
}

/* Buttons */

a.button, a.button.disabled, a.button.disabled:active, a.button.disabled:hover, button.cardSubmitButton, button[disabled].cardSubmitButton, button[disabled].cardSubmitButton:active, button[disabled].cardSubmitButton:hover, button.button, button[disabled].button, button[disabled].button:active, button[disabled].button:hover, input.button, input[disabled].button, input[disabled].button:active, input[disabled].button:hover {
	/*
	-webkit-border-radius:1000px;
	-moz-border-radius:1000px;
	border-radius:1000px;
	*/
	display: inline-table;
	position: relative;
	z-index: 5000;
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif !important;
	font-weight: normal;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: none !important;
	padding: 0.6em 1.0em 0.6em 1.0em;
	font-size: 1.5em;
	text-shadow: 0px 1px 0px rgba(250, 250, 250, 0.9);
	text-decoration: none;
	/*text-transform:uppercase;*/
	text-align: center;
	-webkit-box-shadow: 0px 2px 2px rgba(30, 30, 30, 0.9);
	-moz-box-shadow: 0px 2px 2px rgba(30, 30, 30, 0.9);
	box-shadow: 0px 2px 2px rgba(30, 30, 30, 0.9);
	background: url(../img/bg_button_shadow_up.png) center center repeat-x;
	background-color: #f2e5bd;
	color: #333;
	background-size: 100% 100%;
	white-space: nowrap;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	cursor: pointer;
}

a.button:hover, button.button:hover, button.cardSubmitButton:hover, input.button:hover {
	background-color: #fff7d9;
	color: #333;
	text-decoration: none;
}

a.button:active, button.button:active, button.cardSubmitButton:active, input.button:active {
	background: url(../img/bg_button_shadow_active.png) center center repeat-x;
	background-color: #fff7d9;
	background-size: 100% 100%;
	color: #444;
	text-decoration: none;
	-webkit-box-shadow: inset 0px 0px 5px -2px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: inset 0px 0px 5px -2px rgba(0, 0, 0, 0.9);
	box-shadow: inset 0px 0px 5px -2px rgba(0, 0, 0, 0.9);
}

a.button:active > span, button.button:active > span, button.cardSubmitButton:active > span, input.button:active > span {
	text-shadow: 0px 1px 0px rgba(230, 230, 230, 0.9);
	color: #444;
}

a.button:focus, button.button:focus, button.cardSubmitButton:focus, input.button:focus {
	text-decoration: none;
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -7px;
}

a.button > span, button.button > span, button.cardSubmitButton > span, input.button > span {
	margin: 0 0.4em 0 0;
	padding: 0;
	font-size: 1.3em;
	line-height: 1.0em;
	font-weight: normal;
	vertical-align: text-bottom;
	text-decoration: none;
}

a.button_icon, button.button_icon, input.button_icon {
	display: inline-table;
	position: relative;
	border: none !important;
}

a.button_icon > span, button.button_icon > span, input.button_icon > span {
	position: relative;
	display: table-cell;
	vertical-align: text-bottom;
	margin: auto;
	width: 1.1em;
	overflow: hidden;
	margin-top: 0 !important;
}

a.button.disabled, a.button.disabled:active, a.button.disabled:hover, a.button_icon.disabled, a.button_icon.disabled:active, a.button_icon.disabled:hover, button[disabled].button, button[disabled].button:active, button[disabled].button:hover, button[disabled].button_icon, button[disabled].button_icon:active, button[disabled].button_icon:hover, button[disabled].cardSubmitButton, button[disabled].cardSubmitButton:active, button[disabled].cardSubmitButton:hover, input[disabled].button, input[disabled].button:active, input[disabled].button:hover, input[disabled].button_icon, input[disabled].button_icon:active, input[disabled].button_icon:hover {
	background-color: #fff;
}

a.button.disabled > span, a.button.disabled:active > span, a.button.disabled:hover > span, a.button_icon.disabled > span, a.button_icon.disabled:active > span, a.button_icon.disabled:hover > span, button[disabled].button > span, button[disabled].button:active > span, button[disabled].button:hover > span, button[disabled].button_icon > span, button[disabled].button_icon:active > span, button[disabled].button_icon:hover > span, button[disabled].cardSubmitButton > span, button[disabled].cardSubmitButton:active > span, button[disabled].cardSubmitButton:hover > span, input[disabled].button > span, input[disabled].button:active > span, input[disabled].button:hover > span, input[disabled].button_icon > span, input[disabled].button_icon:active > span, input[disabled].button_icon:hover > span {
	color: #888;
}


@media only screen and (max-width: 991px) {

div.text_box_bg_img .center {
	right: 5%;
	left: auto;
}
}

@media only screen and (max-width: 480px) {

a.button,  a.button.disabled,  a.button.disabled:active,  a.button.disabled:hover,  button.button,  button[disabled].button,  button[disabled].button:active,  button[disabled].button:hover,  button[disabled].cardSubmitButton,  button[disabled].cardSubmitButton:active,  button[disabled].cardSubmitButton:hover,  input.button,  input[disabled].button,  input[disabled].button:active,  input[disabled].button:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 0.5em 1.0em 0.5em 1.0em;
	font-size: 1.5em;
}
}

/* green button! */
.button.button-bg-green {
    background-color:#D4FF82 !important;
}


/* flat buttons */

.button_flat, .button_flat.disabled, .button_flat.disabled:active, .button_flat.disabled:hover {
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	z-index: 5000;
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif!important;
	font-weight: normal;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 0;
	font-size: 1.4em;
	text-shadow: 0px 1px 0px rgba(250, 250, 250, 0.9);
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.0em;
	border: none !important;
	background: url(../img/bg_button_flat_shadow_up.png) center center repeat-x;
	background-color: #fff;
	color: #444;
	background-size: auto 100%;
	white-space: nowrap;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	cursor: pointer;
}

.button_flat > span {
	margin: 0 0.4em 0 0;
	padding: 0;
	font-size: 1.4em;
	font-weight: normal;
	vertical-align: text-bottom;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	color: #444;
}

.button_flat:hover {
	color: #333;
	text-decoration: none;
}

.button_flat:hover span {
	color: #999;
}

.button_flat:active {
	background: url(../img/bg_button_shadow_active.png) center center repeat-x;
	background-size: auto 100%;
	background-color: #eee;
	color: #333;
	text-decoration: none;
}

.button_flat:active > span {
	color: #aaa;
}

.button_flat:focus {
	text-decoration: none;
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -7px;
}

.button_flat_icon {
	position: relative;
	min-height: 32px;
	text-align: center;
	vertical-align: middle;
}

.button_flat_icon > span {
	height: 55%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.button_flat.disabled, .button_flat.disabled:active, .button_flat.disabled:hover, .button_flat_icon.disabled, .button_flat_icon.disabled:active, .button_flat_icon.disabled:hover {
/*background:url(../img/bg_button_shadow_active.png) center center no-repeat;
	background-size:auto 100%;*/
}

.button_flat.disabled > span, .button_flat.disabled:hover > span, .button_flat.disabled:active > span, .button_flat_icon.disabled > span, .button_flat_icon.disabled:hover > span, .button_flat_icon.disabled:active > span {
	color: #bbb;
}



.bg-1 {
	background-color: #222 !important;
	background-image: url(../img/table_header_bg_even_reversed.png) !important;
	background-position: top left !important;
	background-repeat: repeat-x !important;
	background-size: auto 100% !important;
}

.bg-2 {
	background-color: #222 !important;
	background-image: url(../img/table_header_bg_even.png) !important;
	background-position: top left !important;
	background-repeat: repeat-x !important;
	background-size: auto 100% !important;
}

.bg-3 {
	background-color: #284773 !important;
	background-image:url(../img/small_box_bg_1.jpg) !important;
	background-position:bottom right !important;
	background-repeat:no-repeat !important;
	background-size:contain !important;
}

.border_thick {
	border: 7px solid #ada079 !important;
}

.border_thin {
	border: 3px solid #ada079 !important;
}

.top-bg {
	height: 171px;
	background: url(../img/bg-1.png) center top no-repeat;
	background-size: 100% auto;
}

@media only screen and (max-width: 480px) {

	.top-bg {
		height: 110px;
	}
}



section.seotext p,
section.seotext h1,
section.seotext h2 {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif !important;
	font-size: 1.1em !important;
	color: #888 !important;
	line-height: 1.3em !important;
}

section.seotext p {
	font-size: 1.0em !important;
}



#claim_bottom {
	text-align: center;
	background-image: url(../img/bg_light_left_right.png);
	background-position: center center;
	background-repeat: repeat-y;
	background-size: 100% auto;
	padding: 30px 0 30px 0;
	background-color: #6e685b;
}

#claim_bottom h2 {
	/*
	font-family:'open_sansregular', Arial, Helvetica, sans-serif!important;
	font-weight:normal;
	*/
	width: auto;
	margin: 0 auto;
	padding: 0 15px;
	text-align: center;
	color: #ddd;
	font-size: 3.0em;
	text-shadow: 0px 2px 2px rgba(10, 10, 10, 0.9);
	font-family: 'open_sanslight', Arial, Helvetica, sans-serif!important;
}

@media only screen and (max-width: 991px) {

	#claim_bottom h2 {
		font-size: 2.2em;
	}
}

@media only screen and (max-width: 480px) {

	#claim_bottom {
		padding: 20px 0;
	}

	#claim_bottom h2 {
		font-size: 1.8em;
	}
}


/* FOOTER */

footer {
	margin-top: 100px;
}

footer div.footer_navis {
	text-align: center;
}

footer div.footer_navis > div {
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 30px);
	margin: 0 15px 40px 15px;
	text-align: center;
}

footer div.footer_navis > div div {
	display: inline-block;
	width: 100%;
	text-align: left;
}

footer div.footer_navis h4 {
	color: #ada079;
	margin-bottom: 4px;
}


@media only screen and (max-width: 991px) {

	footer div.footer_navis > div {
		width: calc(50% - 30px);
		text-align: right;
	}

	footer div.footer_navis > div:nth-child(2n) {
		text-align: left;
	}

	footer div.footer_navis > div div {
		width: auto;
	}

	footer div.footer_navis li {
		padding-top: 0.3em;
		padding-bottom: 0.3em;
	}
}

@media only screen and (max-width: 480px) {

	footer {
		margin-top: 20px;
	}

	footer div.footer_navis > div {
		text-align: left;
		margin-bottom: 15px;
	}

	footer div.footer_navis h4 {
		margin-bottom: 0;
	}

	footer div.footer_navis li {
		padding-top: 0.4em;
		padding-bottom: 0.4em;
	}

	footer div.footer_navis li p {
		font-size: 1.2em !important;
	}
}


/* FOOTER LOGIN */

footer div.login {
	margin:-10px 0 30px 0;
}

footer div.login p {
	margin: 20px 2%;
	text-align: right;
	font-size: 1.3em;
}



/* partners links */

footer div.partners_box {
	padding:8px 0;
	margin:12px 0 15px 0;
	text-align:center;
	background-color: #444;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #666;
}

footer div.partners_box h4 {
	padding:0;
	margin:-20px 0 0 0;
}

footer div.partners_box ul {
	display: block !important;
	list-style: none;
	width: auto;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}

footer div.partners_box ul li {
	display:inline-table !important;
	width:auto;
	padding:0;
	margin:2px;
	/* background:#665d47; */
	text-align:center;
	width:120px;
	overflow:hidden;
	border:1px solid #777;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

footer div.partners_box ul img {
	margin:0 auto;
}

footer div.partners_box ul p {
	width:auto !important;
	font-size:1.1em !important;
	text-transform:uppercase !important;
	text-align:center !important;
	margin:0 !important;
	padding:3px 0 1px 0 !important;
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif !important;
	white-space:nowrap;
	color:#eee !important;
}

footer div.partners_box ul a {
	display:block;
	margin:0 !important;
	padding:0 !important;
	border:0;
	text-decoration:none;
	text-align:center;
}

@media only screen and (max-width: 480px) {

	footer div.partners_box {
		margin:10px 0 0 0;
	}

}


/* SOCIAL */

p.social_links {
	font-size:2.2em !important;
	margin:0 !important;
}

p.social_links a {
	display:inline-table;
	margin:0 4px;
	width:38px;
	height:38px;
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
	background:#555;
	text-align:center;
}

p.social_links a span.fa {
	display:table-cell;
	margin:auto;
	vertical-align:middle;
}



#bottom_bar {
	padding: 30px 0 50px 0;
    background-color: #333;
	/*
    background-image: url("../img/bg_pattern.png");
    background-position: top left;
    background-repeat: repeat;
    background-size: auto;
	*/
	 /* bg_light_left_right */
	 /*
    background-image: url("../img/bg_pattern.png");
    background-position: center center;
    background-repeat: repeat-y;
    background-size: 100% auto;
	*/
	}

/* BUTTON BACK TO TOP */

#btn_top {
	display: table;
	width: 60px;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	background: #333;
	-webkit-border-radius: 1000px 1000px 0 0;
	-moz-border-radius: 1000px 1000px 0 0;
	border-radius: 1000px 1000px 0 0;
}

#btn_top a {
	display: block;
	text-align: center;
	padding: 0;
	color: #999;
	font-size: 2.2em;
	margin: 0 auto;
	text-shadow: 0px 2px 2px rgba(10, 10, 10, 0.9);
}

#btn_top a:active, #btn_top a:hover {
	color: #ccc;
}

#btn_top a span {
	text-align: center;
	margin: 0 auto;
}



/* STANDARD LIST */

ul.standard {
	display: block !important;
	list-style: none;
	width: auto;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

ul.standard li {
	position: relative;
	display: table !important;
	width: auto;
	padding: 0.2em 0 0.2em 11px;
	margin: 0;
	border: 0;
}

ul.standard p {
	display: block;
	width: auto;
	line-height: 1.3em;
}

ul.standard li:before {
	position: absolute;
	content: '\f0da';
	font-family: 'Fontawesome';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	top: 0.1em;
	left: 0;
	line-height: 1.0em;
	color: #333;
	font-size: 1.5em;
}

ul.bullet_light li:before {
	color: #c2b58f;
}

ul.nobullet {
	padding: 0;
	list-style: none;
}

ul.nobullet li {
	padding-left: 0 !important;
}

ul.nobullet li:before {
	content: '' !important;
}

ul.separators {
	padding: 7px 0 10px 0 !important;
	border-top: 1px dotted #777;
	border-bottom: 1px dotted #777;
}

ul.separators li + ul.separators li {
	margin-top: 7px !important;
	padding-top: 10px !important;
	border-top: 1px dotted #777;
}



ol.standard {
	display: block !important;
	text-align: left;
	margin:1.4em 0;
	padding:0 0 0 12px;
}
ol.standard li {
	list-style-type:decimal !important;
	list-style-position:outside;
	position:relative;
	color:#333 !important;
	margin:1.2em 0;
	padding-left:6px;
}
ol.standard p {
	display: block;
	width: auto;
	line-height: 1.3em;
}
/*
ol.standard {
  counter-reset:listenpunkt_ebene1;
  list-style-type:none;
}
ol.standard > li:before {
	position:absolute;
	top:0;
	left:0;
	content: counter(listenpunkt_ebene1) ". ";
	counter-increment:listenpunkt_ebene1;
}
ol.standard > li > ol {
	counter-reset:listenpunkt_ebene2;
	list-style-type:none;
}
ol.standard > li > ol li:before {
	position:relative;
	display:inline;
	content: counter(listenpunkt_ebene1)"."counter(listenpunkt_ebene2,decimal) ". ";
	counter-increment:listenpunkt_ebene2;
}
*/




/*  FOOTER NAVI AND common navi */

ul.navi {
	display: inline-block;
	list-style: none;
	width: auto;
	margin: 1.2em auto;
	padding: 0;
}

ul.navi li {
	display: inline-table;
	padding: 0.2em 0 0.2em 8px;
	margin-left: 8px;
	border-left: 1px solid;
	text-align: left;
	vertical-align: top;
}

ul.navi li:first-child {
	padding-left: 0;
	margin-left: 0;
	border-left: none;
}

ul.navi p {
	display: block;
	width: auto;
	line-height: 1.3em;
}

ul.navi p.selected {
	color: #ada079;
}

ul.navi a {
	text-decoration: none;
	border: none;
}

ul.navi a:link, ul.navi a:visited {
	color: #ccc;
}

ul.navi a:active, ul.navi a:hover {
	color: #fff2cc;
}

/* vertical list mixins */

ul.vert li:first-child,
ul.vert li {
	position: relative;
	display: table !important;
	width: auto;
	padding-left: 11px;
	margin: 0;
	border: 0;
}

ul.vert li:first-child:before,
ul.vert li:before {
	position: absolute;
	content: '\f054';
	font-family: 'Fontawesome';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	top: 0.6em;
	left: 0;
	line-height: 1.0em;
	color: #777;
}

/* two columns */

ul.twocol li:first-child, ul.twocol li {
	display: inline-table !important;
	width: 49% !important;
	margin-right: 1% !important;
}

/* big hooks as list style item */

ul.bigpoint li:first-child, ul.bigpoint li {
	margin: 0.7em 0 0.7em 1.5em;
}

ul.bigpoint li:first-child:before, ul.bigpoint li:before {
	position: absolute;
	content: '\f058';
	font-family: 'Fontawesome';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	top: 0.1em;
	left: -0.7em;
	line-height: 1.0em;
	color: #333;
	font-size: 2.0em;
}

/* inverted list for dark backgrounds */

ul.invert li:first-child:before, ul.invert li:before, ul.invert li p {
	color: #ddd;
}

@media only screen and (max-width: 991px) {

	footer .footer_navis > div > div {
		border-left: none;
		width: auto;
	}
}

/* TOOLTIPS */

.tooltip {
	position: absolute;
	z-index: 300001;
	text-align: left;
	padding: 7px 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif!important;
	font-weight: normal;
	font-style: normal;
	font-size: 1.3rem;
	text-transform: none !important;
	background: #fff;/* #f2e5bd *url(../img/bg_button_shadow_up.png) center center no-repeat;*/
	background-size: 100% 100%;
	color: #222;
	/*text-shadow: 0px 1px 0px rgba(250, 250, 250, 0.9);*/
	-webkit-box-shadow: 0px 3px 5px rgba(10, 10, 10, 0.3);
	-moz-box-shadow: 0px 3px 5px rgba(10, 10, 10, 0.3);
	box-shadow: 0px 3px 5px rgba(10, 10, 10, 0.3);
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.tooltip:after { /* triangle decoration */
	position: absolute;
	z-index: 100000;
	left: 50%;
	bottom: -7px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #fff;/*#989078;*/
	content: '';
	margin-left: -10px;
}

.tooltip.top:after {
	border-top-color: transparent;
	border-bottom: 10px solid #111;
	top: -20px;
	bottom: auto;
}

.tooltip.left:after {
	left: 10px;
	margin: 0;
}

.tooltip.right:after {
	right: 10px;
	left: auto;
	margin: 0;
}

/* GENERAL LAYOUT INFOBOX */

.info_box {
	position: relative;
	display: block;
	width: auto;
	margin: 0;
	padding: 40px 50px;
	/*background: #fafafa url(../img/bg_shadow_training.png) bottom left no-repeat;*/ /* bg_shop_videorow_unten */
	background-color:#f3f3f3;
	background-size: 100% 100%;
	-webkit-box-shadow: 0px 5px 10px rgba(30, 30, 30, 0.9);
	-moz-box-shadow: 0px 5px 10px rgba(30, 30, 30, 0.9);
	box-shadow: 0px 5px 10px rgba(30, 30, 30, 0.9);
	text-align: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.small_box {
	padding: 45px 25px;
}

/*
.info_box h2 {
	margin-bottom:0.5em;
}
*/

@media only screen and (max-width: 1199px) {

	.info_box {
		padding: 35px 40px;
	}

	.small_box {
		padding: 40px 25px;
	}
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {

	.info_box {
		padding: 22px 26px;
	}

	.small_box {
		padding: 30px 25px;
	}
}

@media only screen and (max-width: 480px) {

	.info_box {
		padding: 14px 18px;
	}

	.small_box {
		padding: 16px 12px;
	}
}

.rounded {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

.rounded-t-l {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}

.rounded-t-r {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
}

.rounded-b-l {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}

.rounded-b-r {
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}

.shadow {
	-webkit-box-shadow: 0px 4px 8px rgba(10, 10, 10, 0.5);
	-moz-box-shadow: 0px 4px 8px rgba(10, 10, 10, 0.5);
	box-shadow: 0px 4px 8px rgba(10, 10, 10, 0.5);
}

/* super_mini infobox */

.info_box_mini {
	position: relative;
	max-width: 600px;
	display: table;
	width: auto;
	margin: 15px auto 0 auto;
	padding: 16px 30px;
	background: #fff url('../img/cart_table_header_bg.png') center bottom repeat-x;
	background-size: 100% 100%;
	-webkit-box-shadow: 0px 4px 8px rgba(30, 30, 30, 0.9);
	-moz-box-shadow: 0px 4px 8px rgba(30, 30, 30, 0.9);
	box-shadow: 0px 4px 8px rgba(30, 30, 30, 0.9);
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #fff;
}

div.info_box_mini > * {
	display: block;
	width: auto;
	text-align: center;
	margin: 0 !important;
	text-shadow: none !important; /*0px 2px 3px rgba(30, 30, 30, 0.9);*/
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif!important;
	font-weight: normal;
}

@media only screen and (max-width: 767px) {

	.info_box_mini {
		padding: 12px 24px;
		-webkit-box-shadow: 0px 4px 8px rgba(30, 30, 30, 0.9);
		-moz-box-shadow: 0px 4px 8px rgba(30, 30, 30, 0.9);
		box-shadow: 0px 4px 8px rgba(30, 30, 30, 0.9);
	}
}

@media only screen and (max-width: 480px) {

	.info_box_mini {
		padding: 8px 16px;
		-webkit-box-shadow: 0px 2px 5px rgba(30, 30, 30, 0.9);
		-moz-box-shadow: 0px 2px 5px rgba(30, 30, 30, 0.9);
		box-shadow: 0px 2px 5px rgba(30, 30, 30, 0.9);
	}
}

/* info_frame */

div.info_frame {
	position: relative;
	display: block;
	width: auto;
	margin: 15px auto 0 auto;
	padding: 20px;
	/* background: url(../img/bg_tabelle_repeat-x.png) center center no-repeat; */ /* bg_shop_videorow_unten */
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-size: 100% 100%;
}

div.bg_error {
	background-color: #ffd6dc;
	border: 1px solid #faafaf;
}

div.bg_success {
	background-color: #e5ffcc;
	border: 1px solid #a6d98d;
}

div.bg_info {
	background-color: #d6edff;
	border: 1px solid #a4cceb;
}

div.bg_question {
	background-color: #ddd;
	border: 1px solid #c2b58f;
}

div.info_frame h6, div.info_frame p {
	width: auto;
	display: block;
}

div.info_frame h6 {
	margin-bottom: 12px;
}

#welcome_msg {
	margin: 50px auto 50px auto;
	text-align: center;
	width: auto;
}

#welcome_msg * {
	margin: auto;
	text-align: center;
}


/* search options menu */

#searchoptions {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

#trainings_menu {
	position: relative;
	display: block;
	text-align: center;
}

#trainings_menu_content {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 98000;
	width: auto;
	max-width: 960px;
	background: url(../img/bg_shop_videorow_unten.png) bottom center no-repeat;
	background-color: #b3aa8f;
	background-size: 100% 100%;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0px 3px 7px rgba(10, 10, 10, 0.9);
	-moz-box-shadow: 0px 3px 7px rgba(10, 10, 10, 0.9);
	box-shadow: 0px 3px 7px rgba(10, 10, 10, 0.9);
	text-align: left;
}

#trainings_menu_content_inner {
	display: block;
	width: auto;
	margin: 5px;
	padding: 0 20px 15px 20px;
	background: #222;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	overflow: hidden;
}

#trainings_menu_content_inner h2 {
	margin-top: 0;
}

#trainings_menu_content_inner ul {
	display: block;
	width: auto;
	margin: 0 0 20px 0;
}

#trainings_menu_content_inner > div.options {
	display: inline-block;
	width: 40%;
	text-align: right;
}

#trainings_menu_content_inner > div.options a {
	text-align: right;
	margin-left: auto;
}

#trainings_menu_content_inner #user_options {
	display: block;
	width: auto;
	padding: 2px 20px 3px 20px;
	background: #444;
	margin: 3px -17px 0 -17px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#trainings_menu_content_list_box {
	margin-top: 20px;
}

#trainings_menu_content_inner #user_options label, #trainings_menu_content_inner #user_options ul.inline {
	display: inline-block;
	width: auto;
	margin: 0.5em 30px 0.5em 0;
	line-height: 1.2em;
	vertical-align: middle;
}

#trainings_menu_content_inner #user_options label {
	font-size: 1.4em;
}

#trainings_menu_content_inner #user_options input[type="checkbox"] {
	display: inline-block;
	margin: -0.2em 8px 0 0;
	vertical-align: middle;
}

#logged_in_welcome_msg {
	display: inline-block;
	background: rgba(0,0,0,0.70);
	color: #eee;
	/*
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	*/
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}

/* FAQ */

div.qn {
	margin: 16px 0 0 0;
}

div.qn > h6 {
	position: relative;
	display: table;
	border-bottom: 1px dotted;
	cursor: pointer;
	margin-left: 16px;
}

div.qn > h6:before {
	position: absolute;
	content: '\f054';
	font-family: 'Fontawesome';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	top: 0.4em;
	left: -16px;
	line-height: 1.0em;
	color: inherit;
	font-size: 0.8em;
}

div.ar {
	margin: 10px 0 14px 0;
}

div.ar p {
	line-height: 1.5em;
	margin: 0.2em 0 0.8em 0;
}

.table_wrapper {
	display: block;
	width: auto;
	position: relative;
	overflow-x: auto;
	overflow-y:hidden;
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* max-width:1199px; */
	margin:auto;
}

.table_wrapper:not(last-child) {
	margin: 10px auto;
}



/* Admin user panel */

#admin_user_panel {
position:fixed;
top:0;
left:0;
display:block;
height:auto;
width:auto;
background:rgba(204,0,136,0.8);
padding:7px 18px 6px 18px;
z-index:11000;
}

#admin_user_panel p {
color:#fff;
font-family:'SansationRegular', Verdana, Helvetica, sans-serif;
font-weight:normal;
font-size:1.3em;
padding:0;
margin:0;
}

#admin_user_panel p a {
color:#111;
border-bottom:1px dotted;
}