@charset "utf-8";

/* SYSTEM RESET (style-reset.css) */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

* {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section
{ 
    display:block;
}

nav ul
{
    list-style:none;
}

blockquote, q
{
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
    content:'';
    content:none;
}

a
{
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
}

ins
{
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark
{
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del
{
    text-decoration: line-through;
}

abbr[title], dfn[title]
{
    border-bottom:1px dotted;
    cursor:help;
}

table
{
    border-collapse:collapse;
    border-spacing:0;
}

hr
{
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #000;
    margin:1em 0;
    padding:0;
}

input, input:focus, select
{
    display: inline-block;
    vertical-align: top;
    margin: 0;
    border: 0;
    outline:0;
    z-index: 1;
}

input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {
    outline-offset: 0px;
}

*:focus {
    outline: 0;
}

form, div, input
{
    outline:0;
    border:0;
    margin:0;
    padding:0;
}

input[type=checkbox],
input[type=radio],
input[type=button],
input[type=file],
input[type=submit],
select
{
    cursor: pointer;
}

/* SYSTEM MASTER (style-master.css) */

body
{
    font-family: "Lato", "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    color: #1f221f;
    background-color: #f2f2ef;
}


.smalText, .textSmal { font-size: 13px; }
.normalText, .textNormal { font-size: 16px; }
.largeText, .textLarge { font-size: 23px; }

.lightText, .textLight { font-weight: 300; }
.regularText, .textRegular, .normalText, .textNormal { font-weight: 400; }
.boldText, .textBold { font-weight: 700; }

h1, h2, h3, h4
{
    font-family: "Playfair Display", "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
    font-weight: 400;
    color: #1f221f;
    line-height: 1.6;
    padding-top: 0;
    padding-bottom: 0;
}

h1 { font-size: 30px; }
h2 { font-size: 30px; }
h3 { font-size: 16px; }
h4 { font-size: 16px; }

h1.smalText, h2.smalText, h3.smalText, h4.smalText,
h1.textSmal, h2.textSmal, h3.textSmal, h4.textSmal { font-size: 13px; }
h1.normalText, h2.normalText, h3.normalText, h4.normalText,
h1.textNormal, h2.textNormal, h3.textNormal, h4.textNormal { font-size: 16px; }
h1.largeText, h2.largeText, h3.largeText, h4.largeText,
h1.textLarge, h2.textLarge, h3.textLarge, h4.textLarge { font-size: 30px; }

h1.lightText, h2.lightText, h3.lightText, h4.lightText,
h1.textLight, h2.textLight, h3.textLight, h4.textLight { font-weight: 400; }
h1.regularText, h2.regularText, h3.regularText, h4.regularText,
h1.textRegular, h2.textRegular, h3.textRegular, h4.textRegular,
h1.normalText, h2.normalText, h3.normalText, h4.normalText,
h1.textNormal, h2.textNormal, h3.textNormal, h4.textNormal { font-weight: 400; }
h1.boldText, h2.boldText, h3.boldText, h4.boldText,
h1.textBold, h2.textBold, h3.textBold, h4.textBold { font-weight: 400; }

a, a:visited
{
	color: #444;
	text-decoration: none;
	-o-transition: all 150ms;
	-ms-transition: all 150ms;
	-moz-transition: all 150ms;
	-webkit-transition: all 150ms;
	transition: all 150ms;
}

a:hover { color: #797979; }
a:active { color: #000; }

a.line, span.line, p.line, div.line { text-decoration: underline; }

p { margin-bottom: 16px; text-align: justify; }
p.textRight, div.textRight , span.textRight,
p.rightText, div.rightText , span.rightText { text-align: right; }
p.textBlock, div.textBlock , span.textBlock,
p.blockText, div.blockText , span.blockText { text-align: justify; }
p.textCenter, div.textCenter , span.textCenter,
p.centerText, div.centerText , span.centerText { text-align: center; }

.hide { display: none !important; }
.text_center { text-align: center; }
.caps { text-transform: uppercase; }

.transition_150, .transition_150ms {
    -o-transition: all 150ms;
    -ms-transition: all 150ms;
    -moz-transition: all 150ms;
    -webkit-transition: all 150ms;
    transition: all 150ms; }
.transition_200, .transition_200ms {
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    transition: all 200ms; }
.transition_300, .transition_300ms {
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms; }

.noselect
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
    -webkit-tap-highlight-color: transparent;
}

.cursor_default { cursor: default; }
.cursor_pointer { cursor: pointer; }

div.hr
{
    width: 100%;
    height: 1px;
    background-color: #000;
}

div.box,
span.box
{
    vertical-align: top;
    background-color: #f2f2ef;
}

input, textarea
{
	background-color: #fff;
	padding: 3px 5px;
    color: #000;
    border: 0px;
}

input::-webkit-input-placeholder { color: #999; }
input:-moz-placeholder, input::-moz-placeholder { color: #999; opacity: 1; }
input:-ms-input-placeholder { color: #999; }

.input_error
{
    -moz-box-shadow: inset 0 0 30px rgba(221, 62, 62, 0.8);
    -webkit-box-shadow: inset 0 0 30px rgba(221, 62, 62, 0.8);
    box-shadow: inset 0 0 30px rgba(221, 62, 62, 0.8);
}


sub
{
	color: #b42d08;
	margin-left: 4px;
}

sub.inside
{
	margin-left: -13px;
	z-index: 10;
}

/* FORMULAR - USER */

.font_size_1 { font-size: 13px; }
.font_size_2 { font-size: 16px; }
.font_size_3 { font-size: 23px; }

input.small
{
    height: 26px;
    line-height: 26px;
    font-size: 13px;
}

input.middle
{
    height: 34px;
    line-height: 34px;
    font-size: 16px;
}

input.large
{
    height: 42px;
    line-height: 42px;
    font-size: 23px;
}

textarea::-moz-placeholder {
    font-family: "Lato", "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, sans-serif;
}

span.form-elm > div.btn_loading_container,
span.form-elm > span.btn_loading_line
{
    z-index: 10;
}

span.form-elm-small, 
span.form-elm-middle, 
span.form-elm-large 
{
	display: inline-block;
}

span.btn
{
    padding: 3px 5px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}

span.btn-send
{
    width: 70px;
}

span.btn-color1
{
    background-color: #fff;
    color: #000;
}

span.btn-color2
{
    background-color: #fff;
    color: #000;
}

span.btn-disable
{
    background-color: #969696 !important;
    color: #C2C2C2 !important;
}

span.btn-small
{
    height: 26px;
    line-height: 26px;
    font-size: 13px;
}

span.btn-middle
{
    height: 34px;
    line-height: 34px;
    font-size: 16px;
}

span.btn-large
{
    height: 42px;
    line-height: 42px;
    font-size: 23px;
}

span.shadow-small, 
div.shadow-small,
a.shadow-small
{
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

span.shadow-large, 
div.shadow-large,
a.shadow-large
{
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

span.shadow-inside, 
div.shadow-inside,
input.shadow-inside
{
    -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.2);
    box-shadow: inset 1px 1px 4px rgba(0,0,0,0.2);
}

span.shadow-special, 
div.shadow-special,
a.shadow-special
{
    -moz-box-shadow: 1px 1px rgba(0,0,0,0.9);
    -webkit-box-shadow: 1px 1px rgba(0,0,0,0.9);
    box-shadow: 1px 1px rgba(0,0,0,0.9);
}

span.round-small, 
div.round-small
{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

span.round-large, 
div.round-large
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

span.round-special, 
div.round-special
{
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    
}

textarea.noResize
{
    resize: none;
}

::selection
{
    background: #5f907c;
    color: #fff;
}

::-moz-selection
{
    background: #5f907c;
    color: #fff;
}
/*
	CSS Loading Spinner Modul (style-loading-spinner.css)

	O P T I O N S

	SIZE
		small
		middle
		large
		xlarge

	COLOR
		black
		white
		grey

	USE
		<span id="save_loadingSpinner" 
			class="btn_loadSpinner 
				btn_loading_line 
				btn_loading_line_inside_center 
				btn_loading_line_middle 
				btn_loading_line_middle_black 
				btn_loading_set_speed_normal 
				hide">
		</span>

*/

span.btn_loading_line_small		{ height: 11px; width: 11px; }
span.btn_loading_line_middle	{ height: 18px; width: 18px; }
span.btn_loading_line_large		{ height: 42px; width: 42px; }
span.btn_loading_line_xlarge 	{ height: 100px; width: 100px; }

span.btn_loading_line_small_black	{ background-image: url(./../img/loading-spinner-round-s-black.png); }
span.btn_loading_line_small_white 	{ background-image: url(./../img/loading-spinner-round-s-white.png); }
span.btn_loading_line_small_grey 	{ background-image: url(./../img/loading-spinner-round-s-grey.png); }

span.btn_loading_line_middle_black 	{ background-image: url(./../img/loading-spinner-round-m-black.png); }
span.btn_loading_line_middle_white 	{ background-image: url(./../img/loading-spinner-round-m-white.png); }
span.btn_loading_line_middle_grey 	{ background-image: url(./../img/loading-spinner-round-m-grey.png); }

span.btn_loading_line_large_black 	{ background-image: url(./../img/loading-spinner-round-l-black.png); }
span.btn_loading_line_large_white 	{ background-image: url(./../img/loading-spinner-round-l-white.png); }
span.btn_loading_line_large_grey 	{ background-image: url(./../img/loading-spinner-round-l-grey.png); }

span.btn_loading_line_xlarge_black 	{ background-image: url(./../img/loading-spinner-round-xl-black.png); }
span.btn_loading_line_xlarge_white 	{ background-image: url(./../img/loading-spinner-round-xl-white.png); }
span.btn_loading_line_xlarge_grey 	{ background-image: url(./../img/loading-spinner-round-xl-grey.png); }

span.btn-small > span.btn_loading_line_small 	{ margin-top: 5px; }
span.btn-middle > span.btn_loading_line_small 	{ margin-top: 12px; }
span.btn-middle > span.btn_loading_line_middle 	{ margin-top: 8px; }
span.btn-large > span.btn_loading_line_small 	{ margin-top: 16px; }
span.btn-large > span.btn_loading_line_middle 	{ margin-top: 12px; }

span.form-elm-small > span.btn_loading_line_small 	{ margin-left:-18px; margin-right:7px; margin-top:5px; }
span.form-elm-middle > span.btn_loading_line_small 	{ margin-left:-26px; margin-right:15px; margin-top:12px; }
span.form-elm-middle > span.btn_loading_line_middle { margin-left:-28px; margin-right:10px; margin-top:8px; }
span.form-elm-large > span.btn_loading_line_small 	{ margin-left:-30px; margin-right:19px; margin-top:16px; }
span.form-elm-large > span.btn_loading_line_middle 	{ margin-left:-36px; margin-right:18px; margin-top:12px; }

.btn_loading_line {
	display: inline-block;
	background-repeat: no-repeat;
	-webkit-animation-name: btn_loading_line;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-name: btn_loading_line;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.btn_loading_line_inside_center {
	position: absolute;
	left: 50%;
}

.btn_loading_line_inside_center.btn_loading_line_small { margin-left: -5px; }
.btn_loading_line_inside_center.btn_loading_line_middle { margin-left: -9px; }

.btn_loading_line.btn_loading_set_speed_slow {
	-webkit-animation-duration: 1.4s;
	animation-duration: 1.4s;
}

.btn_loading_line.btn_loading_set_speed_normal {
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
}

.btn_loading_line.btn_loading_set_speed_fast {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
}

@-webkit-keyframes btn_loading_line {
	from {
		-webkit-transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(-360deg);
	}
}

@keyframes btn_loading_line {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(-360deg);
	}
}

/*
	CSS DOTTED Loading Spinner Modul
	inspired by http://cssload.net

	O P T I O N S

	SIZE
		10px
		16px
		20px
		30px
		60px

	SPEED
		.btn_loading_set_speed_slow
		.btn_loading_set_speed_normal
		.btn_loading_set_speed_fast

	COLOR
		.btn_loading_set_color_1
		.btn_loading_set_color_2
		.btn_loading_set_color_3

*/

/* START COLOR SETTINGS */

div.btn_loading_set_color_1 > .btn_loading { background-color: #fff; }
div.btn_loading_set_color_2 > .btn_loading { background-color: #ccc; }
div.btn_loading_set_color_3 > .btn_loading { background-color: #000; }

/* END COLOR SETTINGS */


/* START GENERAL ANIMATION */

div.btn_loading_container { position:relative; display: inline-block; }
div.btn_loading_container > .btn_loading { position:absolute; }

span.btn-small > div.btn_loading_set_small { margin-top: 5px; }
span.btn-middle > div.btn_loading_set_small { margin-top: 12px; }
span.btn-middle > div.btn_loading_set_middle { margin-top: 9px; }
span.btn-large > div.btn_loading_set_middle { margin-top: 13px; }
span.btn-large > div.btn_loading_set_large { margin-top: 10px; }

span.form-elm-small > div.btn_loading_set_small {margin-left:-18px; margin-right:8px; margin-top:5px;}
span.form-elm-middle > div.btn_loading_set_small {margin-left:-26px; margin-right:16px; margin-top:12px;}
span.form-elm-middle > div.btn_loading_set_middle {margin-left:-26px; margin-right:10px; margin-top:9px;}
span.form-elm-large > div.btn_loading_set_middle {margin-left:-30px; margin-right:14px; margin-top:13px;}
span.form-elm-large > div.btn_loading_set_large {margin-left:-36px; margin-right:16px; margin-top:11px;}

@keyframes btn_loading_spinn
{
	0% {transform:scale(1)}
	100% {transform:scale(.15)}
}

@-webkit-keyframes btn_loading_spinn
{
	0% {-webkit-transform:scale(1)}
	100% {-webkit-transform:scale(.15)}
}

@-moz-keyframes btn_loading_spinn
{
	0% {-moz-transform:scale(1)}
	100% {-moz-transform:scale(.15)}
}

@-ms-keyframes btn_loading_spinn
{
	0% {-ms-transform:scale(1)}
	100% {-ms-transform:scale(.15)}
}

@-o-keyframes btn_loading_spinn
{
	0% {-o-transform:scale(1)}
	100% {-o-transform:scale(.15)}
}

/* END GENERAL ANIMATION */


/* SPEED: slow */

div.btn_loading_set_speed_slow > .btn_loading
{
	animation-name:btn_loading_spinn;
	animation-duration:1.28s;
	animation-iteration-count:infinite;
	animation-direction:normal;
	-webkit-animation-name:btn_loading_spinn;
	-webkit-animation-duration:1.28s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:normal;
	-moz-animation-name:btn_loading_spinn;
	-moz-animation-duration:1.28s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:normal;
	-ms-animation-name:btn_loading_spinn;
	-ms-animation-duration:1.28s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:normal;
	-o-animation-name:btn_loading_spinn;
	-o-animation-duration:1.28s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:normal;
}

div.btn_loading_set_speed_slow > .btn_loading_1 { -moz-animation-delay:0.48s; -webkit-animation-delay:0.48s; -ms-animation-delay:0.48s; -o-animation-delay:0.48s; animation-delay:0.48s; }
div.btn_loading_set_speed_slow > .btn_loading_2 { -moz-animation-delay:0.64s; -webkit-animation-delay:0.64s; -ms-animation-delay:0.64s; -o-animation-delay:0.64s; animation-delay:0.64s; }
div.btn_loading_set_speed_slow > .btn_loading_3 { -moz-animation-delay:0.8s; -webkit-animation-delay:0.8s; -ms-animation-delay:0.8s; -o-animation-delay:0.8s; animation-delay:0.8s; }
div.btn_loading_set_speed_slow > .btn_loading_4 { -moz-animation-delay:0.96s; -webkit-animation-delay:0.96s; -ms-animation-delay:0.96s; -o-animation-delay:0.96s; animation-delay:0.96s; }
div.btn_loading_set_speed_slow > .btn_loading_5 { -moz-animation-delay:1.12s; -webkit-animation-delay:1.12s; -ms-animation-delay:1.12s; -o-animation-delay:1.12s; animation-delay:1.12s; }
div.btn_loading_set_speed_slow > .btn_loading_6 { -moz-animation-delay:1.28s; -webkit-animation-delay:1.28s; -ms-animation-delay:1.28s; -o-animation-delay:1.28s; animation-delay:1.28s; }
div.btn_loading_set_speed_slow > .btn_loading_7 { -moz-animation-delay:1.44s; -webkit-animation-delay:1.44s; -ms-animation-delay:1.44s; -o-animation-delay:1.44s; animation-delay:1.44s; }
div.btn_loading_set_speed_slow > .btn_loading_8 { -moz-animation-delay:1.6s; -webkit-animation-delay:1.6s; -ms-animation-delay:1.6s; -o-animation-delay:1.6s; animation-delay:1.6s; }


/* SPEED: normal */

div.btn_loading_set_speed_normal > .btn_loading
{
	animation-name:btn_loading_spinn;
	animation-duration:0.8s;
	animation-iteration-count:infinite;
	animation-direction:normal;
	-webkit-animation-name:btn_loading_spinn;
	-webkit-animation-duration:0.8s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:normal;
	-moz-animation-name:btn_loading_spinn;
	-moz-animation-duration:0.8s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:normal;
	-ms-animation-name:btn_loading_spinn;
	-ms-animation-duration:0.8s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:normal;
	-o-animation-name:btn_loading_spinn;
	-o-animation-duration:0.8s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:normal;
}

div.btn_loading_set_speed_normal > .btn_loading_1 { -moz-animation-delay:0.3s; -webkit-animation-delay:0.3s; -ms-animation-delay:0.3s; -o-animation-delay:0.3s; animation-delay:0.3s; }
div.btn_loading_set_speed_normal > .btn_loading_2 { -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; -ms-animation-delay:0.4s; -o-animation-delay:0.4s; animation-delay:0.4s; }
div.btn_loading_set_speed_normal > .btn_loading_3 { -moz-animation-delay:0.5s; -webkit-animation-delay:0.5s; -ms-animation-delay:0.5s; -o-animation-delay:0.5s; animation-delay:0.5s; }
div.btn_loading_set_speed_normal > .btn_loading_4 { -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; -ms-animation-delay:0.6s; -o-animation-delay:0.6s; animation-delay:0.6s; }
div.btn_loading_set_speed_normal > .btn_loading_5 { -moz-animation-delay:0.7s; -webkit-animation-delay:0.7s; -ms-animation-delay:0.7s; -o-animation-delay:0.7s; animation-delay:0.7s; }
div.btn_loading_set_speed_normal > .btn_loading_6 { -moz-animation-delay:0.8s; -webkit-animation-delay:0.8s; -ms-animation-delay:0.8s; -o-animation-delay:0.8s; animation-delay:0.8s; }
div.btn_loading_set_speed_normal > .btn_loading_7 { -moz-animation-delay:0.9s; -webkit-animation-delay:0.9s; -ms-animation-delay:0.9s; -o-animation-delay:0.9s; animation-delay:0.9s; }
div.btn_loading_set_speed_normal > .btn_loading_8 { -moz-animation-delay:1s; -webkit-animation-delay:1s; -ms-animation-delay:1s; -o-animation-delay:1s; animation-delay:1s; }


/* SPEED: fast */

div.btn_loading_set_speed_fast > .btn_loading
{
	animation-name:btn_loading_spinn;
	animation-duration:0.48s;
	animation-iteration-count:infinite;
	animation-direction:normal;
	-webkit-animation-name:btn_loading_spinn;
	-webkit-animation-duration:0.48s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:normal;
	-moz-animation-name:btn_loading_spinn;
	-moz-animation-duration:0.48s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:normal;
	-ms-animation-name:btn_loading_spinn;
	-ms-animation-duration:0.48s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:normal;
	-o-animation-name:btn_loading_spinn;
	-o-animation-duration:0.48s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:normal;
}

div.btn_loading_set_speed_fast > .btn_loading_1 { -moz-animation-delay:0.18s; -webkit-animation-delay:0.18s; -ms-animation-delay:0.18s; -o-animation-delay:0.18s; animation-delay:0.18s; }
div.btn_loading_set_speed_fast > .btn_loading_2 { -moz-animation-delay:0.24s; -webkit-animation-delay:0.24s; -ms-animation-delay:0.24s; -o-animation-delay:0.24s; animation-delay:0.24s; }
div.btn_loading_set_speed_fast > .btn_loading_3 { -moz-animation-delay:0.3s; -webkit-animation-delay:0.3s; -ms-animation-delay:0.3s; -o-animation-delay:0.3s; animation-delay:0.3s; }
div.btn_loading_set_speed_fast > .btn_loading_4 { -moz-animation-delay:0.36s; -webkit-animation-delay:0.36s; -ms-animation-delay:0.36s; -o-animation-delay:0.36s; animation-delay:0.36s; }
div.btn_loading_set_speed_fast > .btn_loading_5 { -moz-animation-delay:0.42s; -webkit-animation-delay:0.42s; -ms-animation-delay:0.42s; -o-animation-delay:0.42s; animation-delay:0.42s; }
div.btn_loading_set_speed_fast > .btn_loading_6 { -moz-animation-delay:0.48s; -webkit-animation-delay:0.48s; -ms-animation-delay:0.48s; -o-animation-delay:0.48s; animation-delay:0.48s; }
div.btn_loading_set_speed_fast > .btn_loading_7 { -moz-animation-delay:0.54s; -webkit-animation-delay:0.54s; -ms-animation-delay:0.54s; -o-animation-delay:0.54s; animation-delay:0.54s; }
div.btn_loading_set_speed_fast > .btn_loading_8 { -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; -ms-animation-delay:0.6s; -o-animation-delay:0.6s; animation-delay:0.6s; }


/* SIZE: 10px */

.btn_loading_set_small
{
	width:10px;
	height:10px
}

div.btn_loading_set_small > .btn_loading
{
	width:2px;
	height:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}

div.btn_loading_set_small > .btn_loading_1 { left:0; top:4px; }
div.btn_loading_set_small > .btn_loading_2 { left:1px; top:1px; }
div.btn_loading_set_small > .btn_loading_3 { top:0; left:4px; }
div.btn_loading_set_small > .btn_loading_4 { right:1px; top:1px; }
div.btn_loading_set_small > .btn_loading_5 { right:0; top:4px; }
div.btn_loading_set_small > .btn_loading_6 { right:1px; bottom:1px; }
div.btn_loading_set_small > .btn_loading_7 { left:4px; bottom:0; }
div.btn_loading_set_small > .btn_loading_8 { left:1px; bottom:1px; }


/* SIZE: 16px */

.btn_loading_set_middle
{
	width:16px;
	height:16px
}

div.btn_loading_set_middle > .btn_loading
{
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}

div.btn_loading_set_middle > .btn_loading_1 { left:0; top:6px; }
div.btn_loading_set_middle > .btn_loading_2 { left:2px; top:2px; }
div.btn_loading_set_middle > .btn_loading_3 { top:0; left:6px; }
div.btn_loading_set_middle > .btn_loading_4 { right:2px; top:2px; }
div.btn_loading_set_middle > .btn_loading_5 { right:0; top:6px; }
div.btn_loading_set_middle > .btn_loading_6 { right:2px; bottom:2px; }
div.btn_loading_set_middle > .btn_loading_7 { left:6px; bottom:0; }
div.btn_loading_set_middle > .btn_loading_8 { left:2px; bottom:2px; }


/* SIZE: 20px */

.btn_loading_set_large
{
	width:20px;
	height:20px
}

div.btn_loading_set_large > .btn_loading
{
	width:5px;
	height:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}

div.btn_loading_set_large > .btn_loading_1 { left:0; top:8px; }
div.btn_loading_set_large > .btn_loading_2 { left:2px; top:2px; }
div.btn_loading_set_large > .btn_loading_3 { top:0; left:8px; }
div.btn_loading_set_large > .btn_loading_4 { right:2px; top:2px; }
div.btn_loading_set_large > .btn_loading_5 { right:0; top:8px; }
div.btn_loading_set_large > .btn_loading_6 { right:2px; bottom:2px; }
div.btn_loading_set_large > .btn_loading_7 { left:8px; bottom:0; }
div.btn_loading_set_large > .btn_loading_8 { left:2px; bottom:2px; }


/* SIZE: 30px */

.btn_loading_set_xlarge
{
	width:30px;
	height:30px
}

div.btn_loading_set_xlarge > .btn_loading
{
	width:7px;
	height:7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

div.btn_loading_set_xlarge > .btn_loading_1 { left:0; top:12px; }
div.btn_loading_set_xlarge > .btn_loading_2 { left:3px; top:3px; }
div.btn_loading_set_xlarge > .btn_loading_3 { top:0; left:12px; }
div.btn_loading_set_xlarge > .btn_loading_4 { right:3px; top:3px; }
div.btn_loading_set_xlarge > .btn_loading_5 { right:0; top:12px; }
div.btn_loading_set_xlarge > .btn_loading_6 { right:3px; bottom:3px; }
div.btn_loading_set_xlarge > .btn_loading_7 { left:12px; bottom:0; }
div.btn_loading_set_xlarge > .btn_loading_8 { left:3px; bottom:3px; }


/* SIZE: 60px */

.btn_loading_set_xxlarge
{
	width:60px;
	height:60px
}

div.btn_loading_set_xxlarge > .btn_loading
{
	width:14px;
	height:14px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	-ms-border-radius:9px;
	-o-border-radius:9px;
	border-radius:9px;
}

div.btn_loading_set_xxlarge > .btn_loading_1 { left:0; top:24px; }
div.btn_loading_set_xxlarge > .btn_loading_2 { left:6px; top:6px; }
div.btn_loading_set_xxlarge > .btn_loading_3 { top:0; left:24px; }
div.btn_loading_set_xxlarge > .btn_loading_4 { right:6px; top:6px; }
div.btn_loading_set_xxlarge > .btn_loading_5 { right:0; top:24px; }
div.btn_loading_set_xxlarge > .btn_loading_6 { right:6px; bottom:6px; }
div.btn_loading_set_xxlarge > .btn_loading_7 { left:24px; bottom:0; }
div.btn_loading_set_xxlarge > .btn_loading_8 { left:6px; bottom:6px; }

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

/* White icons with optional class, or on hover/focus/active states of certain elements */

.icon-white {
  background-image: url("../img/glyphicons-halflings-white.png");
}

.icon-grey {
  background-image: url("../img/glyphicons-halflings-grey.png");
}

.icon-red {
  background-image: url("../img/glyphicons-halflings-red.png");
}

.icon-green {
  background-image: url("../img/glyphicons-halflings-green.png");
}

.icon-glass {
  background-position: 0      0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-blank {
  background-position: -500px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  width: 16px;
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  width: 16px;
  background-position: -384px -120px;
}

.icon-folder-open {
  width: 16px;
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

/* Page SYSTEM (style-page.css) */


#login_form
{
    text-align:center;
    background-color: transparent;
    position: absolute;
    visibility: visible;
    left: 50%;
    top: 50%;
    width: 176px;
    height: 40px;
    margin-left: -83px;
    margin-top: -20px;
    z-index: 1;
    border: 0px;
}

input.ajaxFnc_loginPage
{
    border: 2px solid #BEBEBE;
    border-radius: 6px;
}


/* USER PAGE */

/*

VORKONFIGURIERTE KLASSEN
Einstellungen in config-user.php

	smalText
	normalText
	largeText

	lightText
	regularText
	boldText

	font_weight_l
	font_weight_m
	font_weight_b

	small_height
	middle_height

	shadow-small
	shadow-large
	shadow-inside
	shadow-special

*/

/* Basics */
html, body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 100%; }
div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }
input.ajaxFnc_loginPage {
	height: auto;
	line-height: normal;
	padding: 8px 5px; }
.us__fontSerif {
	font-family: "Playfair Display", "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
	font-weight: 400; }
.us__fontNormal {
	font-family: "Lato", "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6; }
span.avoidwrap { display: inline-block; }
b { font-weight: 400; }
/* hide x scroll bar for div#media hover */
@media only screen and (min-width : 992px) { body { overflow-x: hidden; } }

/* FEINGOLD FadeIn System */
.fg_fadeIn_now { opacity: 1 !important; }
.fg_fadeIn_speed_0 { opacity: 0.001; }
.fg_fadeIn_speed_120 {
	opacity: 0.001;
	-o-transition: opacity 120ms ease;
	-ms-transition: opacity 120ms ease;
	-moz-transition: opacity 120ms ease;
	-webkit-transition: opacity 120ms ease;
	transition: opacity 120ms ease; }
.fg_fadeIn,
.fg_fadeIn_speed_300 {
	opacity: 0.001;
	-o-transition: opacity 300ms ease;
	-ms-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease; }
.fg_fadeIn_speed_600 {
	opacity: 0.001;
	-o-transition: opacity 600ms ease;
	-ms-transition: opacity 600ms ease;
	-moz-transition: opacity 600ms ease;
	-webkit-transition: opacity 600ms ease; 
	transition: opacity 600ms ease; }

/* Feingold Grid */
.fgg__content {
	display: block;
	position: relative;
	margin-left: 80px;
	margin-right: 80px; }
.fgg__content > div {
	vertical-align: top; }
.fgg__marginTop {
	margin-top: 80px; }
.fgg__marginBottom {
	margin-bottom: 80px; }
.fgg__marginTopBottom {
	margin-top: 80px;
	margin-bottom: 80px; }
.fgg__paddingTopBottom {
	padding-top: 70px;
	padding-bottom: 70px; }
.fgg__paddingLeftRight {
	padding-left: 70px;
	padding-right: 70px; }
.fgg__paddingRight {
	padding-right: 70px; }
.fgg__overflowHidden { overflow: hidden; }
.fgg__content:not(#geschichte_fischermarsch) p:last-child { margin-bottom: 0; }
.fgg_inlineBlock { display: inline-block; }
.fgg_50prozent { display: inline-block; width: 50%; }
	@media only screen and (max-width : 1200px) {
		.fgg_50prozent.fgg_50prozent_bild { width: 40%; }
		.fgg_50prozent.fgg_50prozent_text { width: 60%; }
		#history_b { background-color: #3b4e48; color: #fff; font-weight: 400; }
	}
.fgg_100prozent { display: block; width: auto; }
.fgg_floatLeft { float: left; }
.fgg_clearBoth { clear: both; }
.fgg_textAlignLeft { text-align: left !important; }
.fgg_textAlignRight { text-align: right !important; }
.fgg_textAlignJustify { text-align: justify !important; }
.fgg_textAlignCenter { text-align: center !important; }
.fgg_fontItalic { font-style: italic; }
.fgg_fontWeight400 { font-weight: 400; }
.fgg_heightEqualizer {
	opacity: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	-webkit-tap-highlight-color: transparent;
	cursor: default; }
#copy_history_a_mobile { display: none; }
	@media only screen and (max-width : 992px) {
		.fgg__content{
			margin-left: 0;
			margin-right: 0; }
		.fgg__marginTop {
			margin-top: 0; }
		.fgg__marginBottom {
			margin-bottom: 0; }
		.fgg__marginTopBottom {
			margin-top: 0;
			margin-bottom: 0; }
		.fgg__paddingTopBottom {
			padding-top: 50px;
			padding-bottom: 50px; }
		.fgg__paddingLeftRight {
			padding-left: 25px;
			padding-right: 25px; }
		.fgg__paddingRight {
			padding-right: 0; }
		.fgg_50prozent { display: block; width: auto; }
		.fgg_50prozent.fgg_50prozent_bild { width: auto; }
		.fgg_50prozent.fgg_50prozent_text { width: auto; }
		.fgg_50prozent_bild { height: 30vh }
		#copy_history_a, #copy_history_c { display: none; }
		#copy_history_a_mobile { display: block; }
		.fgg_textAlignRight.fgg_textAlignMobileLeft { text-align: left !important; }
	}
div.us__contentCorner {
	display: block;
	position: absolute;
	top: 2px;
	width: 22px;
	height: 81px;
	overflow: hidden; }
div.us__contentCorner.us__contentCornerLeft {
	left: 2px; }
div.us__contentCorner.us__contentCornerRight {
	right: 2px; }
div.us__contentCorner > div {
	display: block;
	position: relative;
	width: 22px;
	height: 91px;
	margin-top: -4px; }
div.us__contentCorner.us__contentCornerLeft > div {
	margin-left: -11px;
	-moz-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg); }
div.us__contentCorner.us__contentCornerRight > div {
	margin-left: 11px;
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg); }
.us__hyphens {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; }
	@media only screen and (max-width : 992px) {
		div.us__contentCorner {
			top: 0; }
		div.us__contentCorner.us__contentCornerLeft {
			left: 0; }
		div.us__contentCorner.us__contentCornerRight {
			right: 0; }
		div.us__contentCorner.us__contentCornerLeft.us__contentCornerMobileRight {
			left: auto;
			right: 0; }
		div.us__contentCorner.us__contentCornerLeft.us__contentCornerMobileRight > div {
			margin-left: 11px;
			-moz-transform: rotate(-15deg);
			-ms-transform: rotate(-15deg);
			-o-transform: rotate(-15deg);
			-webkit-transform: rotate(-15deg);
			transform: rotate(-15deg); }
	}


/* Colors */
.us__bgWeiss { background-color: #fff; }
.us__bgGold { background-color: #e9e5a5; }
.us__bgGruen { background-color: #5f907c; }
.us__bgDunkelGruen { background-color: #3b4e48; }
.us__bgDunkelGruenHeller { background-color: #435b53; }
.us__bgBaige { background-color: #c9c8bb; }
.us__text { color: #1f221f; }
.us__textColorFill { fill: #1f221f; }
.us__boxInTextColor { background-color: #1f221f; }
.us__textInBgColor { color: #f2f2ef; }
.us__boxInBgColor { background-color: #f2f2ef; }
.us__boxShadow, nav {
	-webkit-box-shadow: 0 15px 40px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 15px 40px 0 rgba(0,0,0,0.1);
	box-shadow: 0 15px 40px 0 rgba(0,0,0,0.1); }
.us__boxShadow_footer {
	-webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 40px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 40px 0 rgba(0,0,0,0.2); }
.us__boxShadowHard {
	-webkit-box-shadow: 0 15px 40px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 15px 40px 0 rgba(0,0,0,0.2);
	box-shadow: 0 15px 40px 0 rgba(0,0,0,0.2); }
.us__boxShadowInset {
	-webkit-box-shadow: inset 0 40px 60px -15px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 40px 60px -15px rgba(0,0,0,0.3);
	box-shadow: inset 0 40px 60px -15px rgba(0,0,0,0.3); }
div.forcefullwidth_wrapper_tp_banner {
	-webkit-box-shadow: 0 15px 40px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 15px 40px 0 rgba(0,0,0,0.2);
	box-shadow: 0 15px 40px 0 rgba(0,0,0,0.2); }
.us__borderBottom { border-bottom: none; }
	@media only screen and (max-width : 992px) {
		.us__boxShadow, div.forcefullwidth_wrapper_tp_banner { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
		.us__borderBottom { border-bottom: 2px solid #e1e1dc; }
	}

/* headlines */
h3 {
	font-family: "Lato", "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, sans-serif;
	margin-bottom: 16px; /* equal to $CONFIG['css']['p']['margin_bottom'] */
}

/* Nav */
body nav,
body div.menu-push {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 148px;
	text-align: right;
	font-size: 0;
	/*padding-right: 40px;*/
	background-color: #fff;
	border-top: 8px solid #5f907c;
	/* transition speed for entire menu undocking / docking */
	/*-o-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-webkit-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;*/
	-o-transition-property: all;
	-o-transition-duration: 300ms;
	-o-transition-timing-function: ease;
	-ms-transition-property: all;
	-ms-transition-duration: 300ms;
	-ms-transition-timing-function: ease;
	-moz-transition-property: all;
	-moz-transition-duration: 300ms;
	-moz-transition-timing-function: ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 300ms;
	-webkit-transition-timing-function: ease;
	transition-property: all;
	transition-duration: 300ms;
	transition-timing-function: ease;
	z-index: 1000; /* Sort layers: level nav */ }
body div.menu-push {
	position: relative;
	background: transparent;
	background-color: transparent;
	z-index: 1; }
body.nav-mobile.nav-mobile-open nav {
	height: 100%;
	height: 100vh; }
body nav > a.menu-logo {
	position: absolute;
	top: 34px;
	left: 80px;
	z-index: 1203; /* Sort layers: level logo & mobile open/close btn */ }
body nav > a.menu-logo > svg {
	width: 179px;
	height: 73px;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	transition: all 300ms; }
body nav > a.menu-logo > svg:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-0-transform: scale(1.05);
	transform: scale(1.05); }

body nav > a.menu-item, 
body nav > a.menu-item:visited {
	position: relative;
	display: inline-block;
	margin-top: -30px;
	font-size: 16px;
	line-height: 1.5;
	padding: 90px 40px 90px 40px;
	background-color: transparent;

	/*-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	-webkit-transition-delay: 300ms;
	transition-delay: 300ms;*/

	/* Fix text at mouse in */
	-o-transition: all 300ms ease;  
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;

	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg); }
body nav > a.menu-item:hover, 
body nav > a.menu-item:focus {
	color: #000;
	background-color: #eeede8;
	-moz-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg); }
body nav > a.menu-item:active {}
body nav > a.menu-item > span, 
body nav > a.menu-item:visited > span {
	display: inline-block;
	-o-transition: all 300ms ease;  
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	z-index: 1100; /* Sort layers: level menu-items */ }
body nav > a.menu-item:hover > span, 
body nav > a.menu-item:focus > span {
	-o-transition: all 300ms ease;  
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg); }
body nav > a.menu-item > div {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -51px;
	margin-left: -51px;
	font-size: 56px;
	color: #f0edba;
	z-index: 1099; /* Sort layers: level under menu-items */
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease; }
body nav > a.menu-item:hover > div, 
body nav > a.menu-item:focus > div {
	margin-top: -51px;
	margin-left: -55px;
	color: #fff;
	-moz-transform: rotate(-15deg) scale(1.2);
	-ms-transform: rotate(-15deg) scale(1.2);
	-o-transform: rotate(-15deg) scale(1.2);
	-webkit-transform: rotate(-15deg) scale(1.2);
	transform: rotate(-15deg) scale(1.2); }
body nav > span.menu-spacer-right,
body nav > span.menu-spacer-left {
	display: inline-block;
	width: 40px;
	height: 1px; } 
body nav > span.menu-spacer-left {
	display: none; }


body.nav-scrolled nav > a.menu-logo {
	top: 20px;
	left: 80px; }
body.nav-scrolled nav > a.menu-logo > svg {
	width: 120px; height: 49px; }
body.nav-scrolled nav,
body.nav-scrolled div.menu-push {
	height: 90px;
	border-top: 2px solid #5f907c; }
body.nav-scrolled.nav-hide nav {
	top: -90px; }
body.nav-scrolled nav > a.menu-item, 
body.nav-scrolled nav > a.menu-item:visited {
	padding: 64px 40px 64px 40px; }

body nav > div.menu-mobile {
	display: none; }

/* Nav Mobile */
@media only screen and (max-width : 992px) {

	.hide-mobile span {
		display: none; }
	.hide-mobile:after {
		content: ' '; }

	/* Logo */
	body nav > a.menu-logo { left: 25px; }

	/* Stop scrolling via css (js also blocks touchemoves) */
	body.nav-mobile-open {
		overflow: hidden;
		height: 100%;
		height: 100vh; }

	/* Basic */
	body nav > a.menu-item, 
	body nav > a.menu-item:visited,
	body nav > span.menu-spacer-right {
		display: none; }
	body nav > span.menu-spacer-left {
		display: block;
		height: 100px;
		height: 20vh; }

	body.nav-mobile-open nav > a.menu-item, 
	body.nav-mobile-open nav > a.menu-item:visited {
		display: block;
		text-align: center; }

	/* Open / Close menu btn */
	body nav > div.menu-mobile {
		position: absolute;
		display: block;
		width: 50px;
		height: 50px;
		top: 43px;
		right: 25px;
		text-align: center;
		cursor: pointer;
		-o-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
		z-index: 1203; /* Sort layers: level logo & mobile open/close btn */ }
	body.nav-scrolled nav > div.menu-mobile {
		top: 19px; }
	body.nav-mobile-open nav > div.menu-mobile:hover {
		-moz-transform: scale(1.11);
		-ms-transform: scale(1.11);
		-o-transform: scale(1.11);
		-webkit-transform: scale(1.11);
		transform: scale(1.11); }
	body nav > div.menu-mobile > div {
		position: relative;
		width: 50px;
		height: 50px; }
	body nav > div.menu-mobile > div span.line {
		position: absolute;
		display: block;
		width: 100%;
		height: 2px;
		left: 0px;
		right: 0px;
		top: 50%;
		border-radius: 1px;
		-o-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease; }

	/* NavMobile menu open/close btn */
	body nav > div.menu-mobile span.line:first-of-type { margin-top: -3px; }
	body nav > div.menu-mobile span.line:last-of-type { margin-top: 3px; }
	body nav > div.menu-mobile:hover span.line:first-of-type { margin-top: -15px; }
	body nav > div.menu-mobile:hover span.line:last-of-type { margin-top: 15px; }
	body.nav-mobile-open nav > div.menu-mobile span.line:first-of-type,
	body.nav-mobile-open nav > div.menu-mobile:hover span.line:first-of-type {
		margin-top: 0px;
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg); }
	body.nav-mobile-open nav > div.menu-mobile span.line:last-of-type,
	body.nav-mobile-open nav > div.menu-mobile:hover span.line:last-of-type {
		margin-top: 0px;
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg); }
	body nav > div.menu-mobile span.text {
		display: inline-block;
		opacity: 0;
		padding-top: 15px;
		-o-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease; }
	body nav > div.menu-mobile:hover span.text,
	body nav > div.menu-mobile:focus span.text {
		opacity: 1; }
	body.nav-mobile-open nav > div.menu-mobile span.text,
	body.nav-mobile-open nav > div.menu-mobile:hover span.text,
	body.nav-mobile-open nav > div.menu-mobile:focus span.text {
		opacity: 0;	}

	/* Show menu title hin at scroll up for a moment */
	body.nav-mobile.nav-scrolled.nav-showMenuHint nav > div.menu-mobile span.line:first-of-type { margin-top: -15px; }
	body.nav-mobile.nav-scrolled.nav-showMenuHint nav > div.menu-mobile span.line:last-of-type { margin-top: 15px; }
	body.nav-mobile.nav-scrolled.nav-showMenuHint nav > div.menu-mobile span.text {
		opacity: 1; }

	/* Mobile menu opened */
	body.nav-mobile-open nav > a.menu-item, 
	body.nav-mobile-open nav > a.menu-item:visited {
		font-size: 24px;
		padding: 25px 40px 25px 40px;
		margin-top: 0px; }
	body.nav-mobile-open nav > a.menu-item:hover, 
	body.nav-mobile-open nav > a.menu-item:focus,
	body.nav-mobile-open nav > a.menu-item:hover > span, 
	body.nav-mobile-open nav > a.menu-item:focus > span  {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		background-color: transparent; }
	body.nav-mobile-open nav > a.menu-item > span {
		-o-transition: all 500ms;
		-ms-transition: all 500ms;
		-moz-transition: all 500ms;
		-webkit-transition: all 500ms;
		transition: all 500ms; }
	body.nav-mobile-open nav > a.menu-item:hover > span, 
	body.nav-mobile-open nav > a.menu-item:focus > span  {
		-o-transition: all 100ms;
		-ms-transition: all 100ms;
		-moz-transition: all 100ms;
		-webkit-transition: all 100ms;
		transition: all 100ms;
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1); }
	body.nav-mobile-open nav > a.menu-item > div  {
		font-size: 77px;
		margin-top: -69px;
		margin-left: -72px; }
	body.nav-mobile-open nav > a.menu-item:hover > div,
	body.nav-mobile-open nav > a.menu-item:focus > div  {
		color: #f0edba;
		-moz-transform: rotate(0deg) scale(1.1);
		-ms-transform: rotate(0deg) scale(1.1);
		-o-transform: rotate(0deg) scale(1.1);
		-webkit-transform: rotate(0deg) scale(1.1);
		transform: rotate(0deg) scale(1.1); }
}

/* Nav Mobile small */
@media only screen and (max-width : 768px) {

	body nav > a.menu-logo { top: 46px; left: 25px; }
	body.nav-scrolled nav > a.menu-logo { top: 27px; left: 25px; }

	body nav > a.menu-logo > svg { width: 100px; height: 41px; }
	body.nav-scrolled nav > a.menu-logo > svg { width: 80px; height: 33px; }

	body nav > div.menu-mobile { right: 25px; }
}

/* Nav Mobile small */
@media only screen and (max-height : 480px) {

	body.nav-mobile-open nav > a.menu-item, 
	body.nav-mobile-open nav > a.menu-item:visited {
		font-size: 16px;
		padding: 8px 40px 8px 40px; }
}

/* Geschichte */

div#copy_history_a,
div#copy_history_a_mobile {
	background-image: url(./../../user/page/img/ulmer-schifferverein_history-a_1x.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat; }
div#copy_history_b {
	background-image: url(./../../user/page/img/ulmer-schifferverein_history-b_1x.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat; }
div#copy_history_c {
	background-image: url(./../../user/page/img/ulmer-schifferverein_history-c_1x.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat; }
	@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
		div#copy_history_a, div#copy_history_a_mobile { background-image: url(./../../user/page/img/ulmer-schifferverein_history-a_2x.jpg); }
		div#copy_history_b { background-image: url(./../../user/page/img/ulmer-schifferverein_history-b_2x.jpg); }
		div#copy_history_c { background-image: url(./../../user/page/img/ulmer-schifferverein_history-c_2x.jpg); }
	}

.us__hinweis {
	width: 100%;
}

.fgg_50prozent_bild > div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	background-color: transparent;
	-o-transition: all 300ms ease;  
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
.fgg_50prozent_bild:hover > div {
	background-color: #3b4e48;
	background-color: rgba(59,78,72,0.75);
}
.fgg_50prozent_bild > div > div {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	padding-left: 40px;
	padding-right: 40px;
	color: #fff;
	opacity: 0;
	-o-transition: all 300ms ease;  
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease; }
.fgg_50prozent_bild:hover > div > div {
	opacity: 1;
	margin-top: -40px;
}

.fgg_50prozent_bild > div > div span.us__fontSerif {
	color: #f0edba;
	font-weight: 400;
}

/* Fischerstechen */
.us__btn {
	margin-top: 20px;
	width: 49%;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	line-height: 1;
	text-align: left;
	outline: none;
	position: relative;
	-o-transition: all 300ms ease;  
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	white-space: nowrap; }
.us__btn_left {
	margin-right: 2%; }
.us__btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-o-transition: all 300ms ease;  
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease; }
.us__btn-fullWidth {
	width: 100%; }
.us__btn-3 {
	background: #5f907c;
	color: #e9e5a5; }
.us__btn-3 > span.line1 {
	letter-spacing: normal;
	color: #fff;
	font-weight: 300; }
.us__btn-3 > span.line2 {
	color: #e9e5a5; }
.us__btn-3:hover > span.line1 {
	color: #e8f2ef;  }
.us__btn-3:hover > span.line2 {
	color: #cfcb88; }
.us__btn-3:hover {
	background: #45675c; }
.us__btn-3:active {
	background: #2b6150; }
.us__btn-3:hover {
	top: -1px; }
.us__btn-3:hover:active {
	top: 2px; }
.us__btn-3:before {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 3;
	font-size: 140%;
	width: 60px; }
.us__btn-3e {
	padding: 25px 150px 25px 45px;
	overflow: hidden; }
.us__btn-3e:before {
	left: auto;
	right: 10px;
	z-index: 2; }
.us__btn-3e:after {
	width: 27%;
	height: 300%;
	background: rgba(255,255,255,0.2);
	z-index: 1;
	right: 0;
	top: 0;
	margin: -10% -10% 0 0;
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotate(15deg);
	-moz-transform-origin: 0 0;
	-moz-transform: rotate(15deg);
	-ms-transform-origin: 0 0;
	-ms-transform: rotate(15deg);
	transform-origin: 0 0;
	transform: rotate(15deg); }
.us__btn-3e:hover:after {
	width: 30%; }
.us__btn-3e div.us__icon {
	position: absolute;
	width: 28px;
	height: 28px;
	top: 28px;
	right: 8%;
	-o-transition: all 300ms ease;  
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease; }
.us__btn-3e:hover div.us__icon {
	right: 11%; }
.us__btn-3e div.us__icon svg {
	width: auto;
	height: 28px;
	-o-transition: all 300ms ease;  
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	fill: #fff; }
.us__btn-3e:hover div.us__icon svg {
	fill: #e8f2ef; }
/* audio btns */
.us__btn-audio .us__icon.us__icon-speaker,
.us__btn-audio .us__icon.us__icon-play,
.us__btn-audio .us__icon.us__icon-pause {
	opacity: 0;
	-o-transition: all 300ms ease;  
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease; }
.us__btn-audio .us__icon.us__icon-play svg {}
/* basis config */
.us__btn-audio .us__icon.us__icon-speaker {
	opacity: 1; }
.us__btn-audio .us__icon.us__icon-play,
.us__btn-audio .us__icon.us__icon-pause {
	opacity: 0; }
/* hover config */
.us__btn-audio:hover .us__icon.us__icon-speaker,
.us__btn-audio:hover .us__icon.us__icon-pause {
	opacity: 0; }
.us__btn-audio:hover .us__icon.us__icon-play {
	opacity: 1; }
/* playing config */
.us__btn-audio.audio_playing .us__icon.us__icon-speaker,
.us__btn-audio.audio_playing .us__icon.us__icon-play {
	opacity: 0; }
.us__btn-audio.audio_playing .us__icon.us__icon-pause {
	opacity: 1; }
/* paused config */
.us__btn-audio.audio_paused .us__icon.us__icon-speaker,
.us__btn-audio.audio_paused .us__icon.us__icon-pause {
	opacity: 0; }
.us__btn-audio.audio_paused .us__icon.us__icon-play {
	opacity: 1; }
/* audio off btn */
body .us__icon-off {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 33px;
	height: 33px;
	cursor: default;
	opacity: 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-0-transform: scale(1);
	transform: scale(1);
	-o-transition: all 300ms ease;  
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	z-index: 10000; }
body.audio_playing .us__icon-off {
	opacity: 1;
	cursor: pointer;
	-webkit-animation: vibrate 900ms ease-in-out infinite alternate;
	-moz-animation:    vibrate 900ms ease-in-out infinite alternate;
	-o-animation:      vibrate 900ms ease-in-out infinite alternate;
	animation:         vibrate 900ms ease-in-out infinite alternate; }
	@-webkit-keyframes vibrate {
		0% { -webkit-transform: scale(1); }
		50% { -webkit-transform: scale(1.1); }
		100% { -webkit-transform: scale(1); } }
	@-moz-keyframes vibrate {
		0% { -moz-transform: scale(1); }
		50% { -moz-transform: scale(1.1); }
		100% { -moz-transform: scale(1); } }
	@-o-keyframes vibrate {
		0% { -o-transform: scale(1); }
		50% { -o-transform: scale(1.1); }
		100% { -o-transform: scale(1); } }
	@keyframes vibrate {
		0% { transform: scale(1); }
		50% { transform: scale(1.1); }
		100% { transform: scale(1); } }
body .us__icon-off svg {
	fill: #5f907c; }
body .us__icon-off:hover svg {
	fill: #45675c; }
/* loading spinner */
.us__btn-audio .audio_loading_spinner {
	opacity: 0; }
.us__btn-audio .audio_loading_spinner {
	position: absolute;
	top: -9px;
	left: -74px;
	opacity: 0;
	-o-transition: opacity 300ms ease;  
	-ms-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease; }
.us__btn-audio.audio_playing .audio_loading_spinner {
	opacity: 1; }
.us__btn-audio.audio_playing:hover .audio_loading_spinner {
	opacity: 0.2; }

.us__btn-expanded {
	display: block;
	width: auto;
	margin-top: 23px;
	margin-bottom: 23px;
	margin-left: -70px;
	margin-right: -70px;
	padding-left: 70px;
	border-radius: 0; }
.us__btn-3.us__btn-expanded:hover {
	top: 0; }
.us__btn-3.us__btn-expanded:hover:active {
	top: 0; }
@media only screen and (max-width : 1140px) {
	.us__btn_left { margin-right: 0; }
	.us__btn { width: 100%; }
	.us__btn-expanded {
		width: auto; }
}
@media only screen and (max-width : 992px) {
	.us__btn-expanded {
		border-radius: 5px;
		margin-left: 0;
		margin-right: 0;
		padding-left: 45px; }
}

.hinweis_klein_grau {
	font-size: 13px;
	font-weight: 400;
	color: #bababa;
}

/* Wie man Zille fährt */
a.img_zillen img {
	width: 242px;
	height: 320px;
	z-index: 5; }
a.img_zillen.img_zillen_left img {
	float: left;
	margin: 8px 50px 16px 0; }
a.img_zillen.img_zillen_right img {
	float: right;
	margin: 8px 0 16px 50px; }
@media only screen and (max-width : 600px) {
a.img_zillen.img_zillen_left img,
a.img_zillen.img_zillen_right img {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto; }
}

/* Media */
div#media {
	height: 500px;
	height: 60vh;
	background-color: #f2f2ef; }
div#media div.us__gallery,
div#media div.us__gallery a img {
	height: 252px;
	height: 30vh;
	/*height: -webkit-calc(30vh + 2px);
	height: calc(30vh + 2px);*/
	min-height: 200px; }
div#media div.us__gallery {
	display: block;
	position: absolute;
	white-space: nowrap;
	left: -70%;
	right: auto;
	-o-transition: left 18s linear;
	-ms-transition: left 18s linear;
	-moz-transition: left 18s linear;
	-webkit-transition: left 18s linear;
	transition: left 18s linear;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden; }
div#media.us__shortStartAnimation div.us__gallery {
	-o-transition: left 300ms linear;
	-ms-transition: left 300ms linear;
	-moz-transition: left 300ms linear;
	-webkit-transition: left 300ms linear;
	transition: left 300ms linear; }

div#media div.us__gallery.us__galleryFast {
	-o-transition: left 2s linear;
	-ms-transition: left 2s linear;
	-moz-transition: left 2s linear;
	-webkit-transition: left 2s linear;
	transition: left 2s linear;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden; }

div#media div.us__gallery.us__galleryMedium {
	-o-transition: left 7s linear;
	-ms-transition: left 7s linear;
	-moz-transition: left 7s linear;
	-webkit-transition: left 7s linear;
	transition: left 7s linear;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden; }

div#media div.us__gallery.us__gallerySlow {
	-o-transition: left 16s linear;
	-ms-transition: left 16s linear;
	-moz-transition: left 16s linear;
	-webkit-transition: left 16s linear;
	transition: left 16s linear;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden; }

div#media div.us__gallery.us__galleryStop {
	-o-transition: left 300ms linear;
	-ms-transition: left 300ms linear;
	-moz-transition: left 300ms linear;
	-webkit-transition: left 300ms linear;
	transition: left 300ms linear;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden; }
div#media div.us__gallery.us__galleryLine1 {
	top: 0; }
div#media div.us__gallery.us__galleryLine2 {
	top: 252px;
	top: -webkit-calc(30vh + 2px);
	top: calc(30vh + 2px); }
div#media div.us__gallery a {
	margin-right: 2px; }
div#media div.us__gallery a:last-child {
	margin-right: 0; }
div#media div.us__gallery a img {
	width: auto; }
a#us__mediaMobileBtn_loadMore {
	display: none; }
/* Media - Scroll arrows */
span.us_scrollArrow {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.75);
	background-color: #5f907c;
	border-radius: 50%;
	border: 2px solid #f2f2ef;
	z-index: 10;
	cursor: pointer;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-0-transform: scale(1);
	transform: scale(1);
	-o-transition: all 300ms ease;  
	-ms-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease; }
span.us_scrollArrow:hover {
	background-color: #45675c;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-0-transform: scale(1.2);
	transform: scale(1.2); }
div#media.us__shortStartAnimation span.us_scrollArrow {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-0-transform: scale(1.2);
	transform: scale(1.2); }
span.us_scrollArrow svg {
	display: block;
	height: 25px;
	width: auto;
	margin-top: 10px;
	fill: #f0edba; }
span.us_scrollArrow.us_scrollArrow_Shake:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-0-transform: scale(1);
	transform: scale(1); }
.us_scrollArrow_Shake {
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
	-webkit-animation: scrollArrow_Shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	-moz-animation: scrollArrow_Shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	-o-animation: scrollArrow_Shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	animation: scrollArrow_Shake 0.82s cubic-bezier(.36,.07,.19,.97) both; }
	@-webkit-keyframes scrollArrow_Shake {
		10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); }
		20%, 80% { -webkit-transform: translate3d(2px, 0, 0); }
		30%, 50%, 70% { -webkit-transform: translate3d(-4px, 0, 0); }
		40%, 60% { -webkit-transform: translate3d(4px, 0, 0); } }
	@-moz-keyframes scrollArrow_Shake {
		10%, 90% { -moz-transform: translate3d(-1px, 0, 0); }
		20%, 80% { -moz-transform: translate3d(2px, 0, 0); }
		30%, 50%, 70% { -moz-transform: translate3d(-4px, 0, 0); }
		40%, 60% { -moz-transform: translate3d(4px, 0, 0); } }
	@-o-keyframes scrollArrow_Shake {
		10%, 90% { -o-transform: translate3d(-1px, 0, 0); }
		20%, 80% { -o-transform: translate3d(2px, 0, 0); }
		30%, 50%, 70% { -o-transform: translate3d(-4px, 0, 0); }
		40%, 60% { transform: translate3d(4px, 0, 0); } }
	@keyframes scrollArrow_Shake {
		10%, 90% { transform: translate3d(-1px, 0, 0); }
		20%, 80% { transform: translate3d(2px, 0, 0); }
		30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
		40%, 60% { transform: translate3d(4px, 0, 0); } }
span.us_scrollArrow.us_scrollArrow_line1 {
	top: 21%;
}
span.us_scrollArrow.us_scrollArrow_line2 {
	bottom: 21%;
}

span.us_scrollArrow.us_scrollArrow_left {
	left: 20px;
}
span.us_scrollArrow.us_scrollArrow_right {
	right: 20px;
}
span.us_scrollArrow.us_scrollArrow_left svg {
	margin-left: 14px;

}
span.us_scrollArrow.us_scrollArrow_right svg {
	margin-left: 17px;
}

@media only screen and (max-width : 992px) {
	div#media {
		height: auto; }
	div#media div.us__gallery,
	div#media div.us__gallery a img {
		height: auto;
		min-height: auto; }
	div#media div.us__gallery {
		display: block;
		position: relative;
		white-space: normal;
		left: auto;
		right: auto;
		-o-transition: none;
		-ms-transition: none;
		-moz-transition: none;
		-webkit-transition: none;
		transition: none; }
	div#media div.us__gallery.us__galleryLine1 {
		top: auto; }
	div#media div.us__gallery.us__galleryLine2 {
		top: auto; }
	div#media div.us__gallery.us__galleryLine2.doNotLoadOnMobile,
	div#media div.us__gallery.us__galleryLine2.doNotLoadOnMobile > a,
	div#media div.us__gallery.us__galleryLine2.doNotLoadOnMobile > a > img {
		display: none; }
	div#media div.us__gallery a {
		display: table;
		height: auto;
		margin: 0;
		margin-bottom: 2px; }
	div#media div.us__gallery a.us__galQUER {
		width: 100%;
		clear: both; }
	div#media div.us__gallery a.us__galHOCH {
		width: 50%;
		float: left; }
	div#media div.us__gallery a img {
		display: block;
		vertical-align: bottom;
		width: 100%; }
	a#us__mediaMobileBtn_loadMore {
		display: block;
		border-radius: 0;
		margin: 0; }
	span.us_scrollArrow {
		display: none; }
}











/* Kontakt */
span.us__contactIcon {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 5px; }
span.us__contactIcon svg {
	fill: #1f221f;
	margin-bottom: -2px; }
b.us__contactVorsitzend {
	font-size: 18px;
	font-style: italic; }


/* Footer */
.us_logo {
	display: block;
	width: 280px;
	height: auto;
	margin-left: auto;
	margin-right: auto; }
.us_logo > svg {
	fill: #494c49; }
	@media only screen and (max-width : 992px) {
		.us_logo {
			width: 40%; }
		.us_logo.fgg__marginTopBottom {
			margin-top: 40px;
			margin-bottom: 40px;
		}
	}

footer {
	z-index: 2;
}

footer .us_footer_menu {
	height: 350px;
	padding-top: 10px;
	text-align: center;
	border-top: 2px solid #fff;
	background-image: url(./../../user/page/img/footer_bg-rippen_1x.png);
	background-size: 156px 156px;
	background-position: left top;
	background-repeat: repeat-x; }
	@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
		footer .us_footer_menu { background-image: url(./../../user/page/img/footer_bg-rippen_2x.png); } }
footer .us_footer_menu a,
footer .us_footer_menu a:visited {
	color: #fff;
	display: inline-block;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	-o-transition: color 300ms ease;
	-ms-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	-webkit-transition: color 300ms ease;
	transition: color 300ms ease;
	z-index: 5; }
footer .us_footer_menu a:hover,
footer .us_footer_menu a:focus,
footer .us_footer_menu a:active {
	color: #494c49; }
	@media only screen and (max-width : 992px) {
		footer .us_footer_menu {
			height: 280px; }
		footer .us_footer_menu a {
			display: block;
			padding-top: 15px;
			padding-left: 0;
			padding-right: 0;
			padding-bottom: 15px; }
		footer .us_footer_menu a:first-child {
			padding-top: 35px;}
	}

footer .us_footer_menu div.us_speere {
	text-align: center;
	margin-top: 90px;
	z-index: 4; }
footer .us_footer_menu .us_speer {
	display: inline-block;
	width: 130px;
	height: 20px; }
footer .us_footer_menu .us_speer,
footer .us_footer_menu .us_speer svg {
	-o-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	transition: all 600ms ease; }
footer .us_footer_menu .us_speer svg {
	fill: #546660; }
footer .us_footer_menu .us_speer.us_speer_left {
	margin-right: -63px;
	-moz-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg); }
footer .us_footer_menu .us_speer.us_speer_right {
	margin-left: -63px;
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg); }
footer .us_footer_menu:hover .us_speer.us_speer_left {
	margin-right: 60px;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg); }
footer .us_footer_menu:hover .us_speer.us_speer_right {
	margin-left: 60px;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg); }
footer .us_footer_menu:hover .us_speer.us_speer_left svg {
	fill: #494c49; }
footer .us_footer_menu:hover .us_speer.us_speer_right svg {
	fill: #fff; }
	@media only screen and (max-width : 992px) {
		footer .us_footer_menu div.us_speere {
			margin-top: 0; }
		footer .us_footer_menu .us_speer {
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 200px;
			height: 31px; 
			margin-top: -116px;
			opacity: 0.2; }
		footer .us_footer_menu .us_speer.us_speer_left,
		footer .us_footer_menu:hover .us_speer.us_speer_left {
			margin-left: -102px;
			-moz-transform: rotate(120deg);
			-ms-transform: rotate(120deg);
			-o-transform: rotate(120deg);
			-webkit-transform: rotate(120deg);
			transform: rotate(120deg); }
		footer .us_footer_menu .us_speer.us_speer_right,
		footer .us_footer_menu:hover .us_speer.us_speer_right {
			margin-left: -102px;
			-moz-transform: rotate(60deg);
			-ms-transform: rotate(60deg);
			-o-transform: rotate(60deg);
			-webkit-transform: rotate(60deg);
			transform: rotate(60deg); }
		footer .us_footer_menu:hover .us_speer.us_speer_left svg {
			fill: #546660; }
		footer .us_footer_menu:hover .us_speer.us_speer_right svg {
			fill: #546660; }
	}

footer .us_copyright {
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	line-height: 80px;
	color: #adb3b1;
	-o-transition: color 300ms ease;
	-ms-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	-webkit-transition: color 300ms ease;
	transition: color 300ms ease; }
footer .us_copyright a,
footer .us_copyright a:visited {
	color: #adb3b1; }
footer .us_copyright a:hover,
footer .us_copyright a:focus,
footer .us_copyright a:active {
	color: #fff; }
	@media only screen and (max-width : 992px) {
		footer .us_copyright {
			line-height: 20px;
			padding-top: 15px;
			padding-bottom: 15px;
		}
	}


/* Impressum */
.fgg_elm { display: inline-block; vertical-align: top; }
.fgg_oneThird { width: 33.3333%; }
footer > div#us__impressum > div.fgg_elm,
footer > div#us__impressum > div.fgg_elm p,
footer > div#us__impressum > div.fgg_elm h3,
footer > div#us__impressum > div.fgg_elm a,
footer > div#us__impressum > div.fgg_elm a:visited {
	color: #adb3b1;
	-o-transition: color 300ms ease;
	-ms-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	-webkit-transition: color 300ms ease;
	transition: color 300ms ease; }
	@media only screen and (max-width : 992px) {
		footer > div#us__impressum > div.fgg_elm,
		footer > div#us__impressum > div.fgg_elm p,
		footer > div#us__impressum > div.fgg_elm h3,
		footer > div#us__impressum > div.fgg_elm a,
		footer > div#us__impressum > div.fgg_elm a:visited {
			color: #fff; } }
footer > div#us__impressum:hover > div.fgg_elm,
footer > div#us__impressum:hover > div.fgg_elm p,
footer > div#us__impressum:hover > div.fgg_elm h3,
footer > div#us__impressum:hover > div.fgg_elm a,
footer > div#us__impressum:hover Motivrecherche> div.fgg_elm a:visited {
	color: #fff; }
footer > div#us__impressum > div.fgg_elm h2 {
	margin-top: 26px;
	margin-bottom: 16px;
	color: #BFBC83;
	-o-transition: color 300ms ease;
	-ms-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	-webkit-transition: color 300ms ease;
	transition: color 300ms ease; }
footer > div#us__impressum:hover > div.fgg_elm h2 {
	color: #f0edba; }
footer > div#us__impressum > div.fgg_elm b {
	font-style: italic; }
footer > div#us__impressum > div.fgg_elm:nth-child(2),
footer > div#us__impressum > div.fgg_elm:nth-child(3) {
	padding-top: 97px; }
	@media only screen and (max-width : 992px) {
		.fgg_oneThird {
			display: block;
			width: auto;
			border-bottom: 2px solid #3b4e48;
			padding-top: 25px;
			padding-bottom: 25px;
			margin-left: -25px;
			margin-right: -25px;
			padding-left: 25px;
			padding-right: 25px;
			text-align: center; }
		.fgg_oneThird p {
			text-align: center; }
		footer > div#us__impressum > div.fgg_elm p:last-child {
			margin-bottom: 0;
		}
		footer > div#us__impressum > div.fgg_elm:nth-child(2),
		footer > div#us__impressum > div.fgg_elm:nth-child(3) {
			padding-top: 25px; }
		footer > div#us__impressum > div.fgg_elm:nth-child(1) {
			padding-top: 0; }
		footer > div#us__impressum > div.fgg_elm:nth-child(3) {
			padding-bottom: 0;
			border-bottom: none; }
		footer > div#us__impressum > div.fgg_elm h2 {
			margin-top: 0;
		}
	}

/* Impressum - show / hide */
footer { overflow: hidden; }
footer div#us__impressum {
	z-index: 1;
	/*-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;*/ }
body footer div#us__impressum {
	position: relative;
	margin-bottom: -1200px;
	/*-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;*/ }
body.us__impressum_show div#us__impressum {
	position: relative;
	margin-bottom: 0px;
	border-top: 1px solid #515f52;
	/*-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;*/ }
body.us__impressum_show footer {
	height: auto !important; }