body { height: 100%; position: relative; margin: 0 auto;}


h1, h2, h3 { font-weight: 300; font-family: 'Open Sans Condensed', sans-serif;  }
h1 { font-size: 2.5em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.5em; }

img { vertical-align: bottom; }
html { min-height: 100%; }
body { background: transparent url('img/bg.jpg') no-repeat fixed; background-size: cover; background-position: center 33px; }
h1, h2, h3, h4, h5, h6, p, address, * { color: #eee; }
h2, h3, h4, h5, h6 { margin-top: 30px; }
address { font-style: normal; line-height: 1.6;}
p, li { font-size: 14px; line-height: 1.6; }
p { padding-top: 20px; }
ul { margin-left: 12px; line-height: 1.6; }
strong {color: inherit;}

::-webkit-input-placeholder { color:  #000; }
:-moz-placeholder { color: #000; }
::-moz-placeholder { color: #000; }
:-ms-input-placeholder { color:  #000; }

.dropshadow {
	-webkit-box-shadow: 0px 8px 27px #333; /* webkit browser*/
	-moz-box-shadow: 0px 8px 27px #333; /* firefox */
	box-shadow: 0px 8px 27px #333;
}

.container .navigation,
.container .content,
.container footer { background-color: rgba(73, 86, 119, 0.7); min-height: 600px; }
.container .content { background-color: rgba(73, 86, 119, 1); }

.container .navigation { border: 1px solid silver; border-right: 0; }
.container .content { z-index: 1; border-top: 1px solid silver;
	-webkit-box-shadow: 6px 0px 15px #666,  -6px 0 15px #666;
	-moz-box-shadow: 6px 0 15px #666,  -6px 0 15px #666;
	box-shadow: 6px 0 15px #666, -6px -0px 15px #666;
}
.container footer { border: 1px solid silver; border-left: 0; }
.contentarea { height:250px; overflow: auto; }
.navigation nav { margin-top: 50px; }

header .logo { width: 150px; height: 150px; margin-top: 24px; }

.row.illu img { width:100%; }

ul.side-nav li a { color: #efefef; }
ul.side-nav li a:hover { color: #f9c203; }
ul.side-nav li.active a { color: #f9c203; }

a { color: #F9C203;}
a:hover { color: #fa9702; }
a:active, focus { font-weight: bold; color: #fa9702; }

a.pfeilHoch:hover img { visibility: hidden;  }
a.pfeilHoch:hover { background: transparent url(/images/pfeil-hoch-a.png) no-repeat; background-size: 100px 80px; display: inline-block;}

a.pfeilRunter:hover img { visibility: hidden;  }
a.pfeilRunter:hover { background: transparent url(/images/pfeil-runter-a.png) no-repeat; background-size: 100px 80px; display: inline-block;}

.row.bandarole { background-color: #ffffff; }
.row.bandarole > .bandarole {
	margin-top: 8px; margin-bottom: 8px; height: 16px; background-color: #f9c203;
}
.row.bandarole > .bandarole.l {
	background: #f9c203; /* Old browsers */
	background: -moz-linear-gradient(left,  #f9c203 0%, #f7d460 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9c203), color-stop(100%,#f7d460)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f9c203 0%,#f7d460 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f9c203 0%,#f7d460 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f9c203 0%,#f7d460 100%); /* IE10+ */
	background: linear-gradient(to right,  #f9c203 0%,#f7d460 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c203', endColorstr='#f7d460',GradientType=1 ); /* IE6-9 */
}

.row.bandarole > .bandarole.r {
	background: #f7d460; /* Old browsers */
	background: -moz-linear-gradient(left,  #f7d460 0%, #f9c203 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7d460), color-stop(100%,#f9c203)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f7d460 0%,#f9c203 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f7d460 0%,#f9c203 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f7d460 0%,#f9c203 100%); /* IE10+ */
	background: linear-gradient(to right,  #f7d460 0%,#f9c203 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d460', endColorstr='#f9c203',GradientType=1 ); /* IE6-9 */
}

#impressum .row.bandarole > bandarole { background-color: #f9c203; }
#praxis .row.bandarole > bandarole { background-color: #f9c203; }
#leistungen .row.bandarole > bandarole { background-color: #f9c203; }
#team .row.bandarole > bandarole { background-color: #f9c203; }
#news .row.bandarole  > bandarole { background-color: #f9c203; }


.email .emailButton { display: inline-block; font-size: 23px; font-weight: bold; padding:5px 10px; /* font-family: helvetica, arial; */ color: #f9c203; margin-bottom: 10px; background-color: #29166f; border: 1px solid #ffffff; }
/*
#impressum .email .emailButton { background-color: #f9c203; }
#praxis .email .emailButton { background-color: #f9c203; }
#leistungen .email .emailButton { background-color: #f9c203; }
#team .email .emailButton { background-color: #f9c203; }
#news .email .emailButton { background-color: #f9c203; }
*/
.marginTop { margin-top: 40px; }

.email { position: absolute; bottom: 20px; text-align: center; width: 90%; }
.email address { font-size: 11px; }

a.notvis { color: #aaa;}

.spacer { margin: 0 0.5em; }
.content { margin: 0; }
.sm { font-size: 90%; }


ul.side-nav { width: auto; margin-left: 25%; font-weight: bold; }

img.bordered { border: 4px solid #969594; }

.flexslider {
	border: medium none;
	border-radius: 0 0 0 0;
	box-shadow: none;
	height: auto;
	margin: 0 0 20px;
	overflow: hidden;
	width: inherit;
}
.flexslider .slides li {
	position: relative;
}
.flexslider .flex-control-nav {
	bottom: 1px;
	text-align: left;
}
.flexslider .flex-control-nav li {
	margin: 0 6px 0 0;
}

.flexslider .flex-control-nav.flex-control-paging { display: none; }

/* .flexslider .slides img { max-height: 250px; } */

@media only screen and (max-width: 768px) {
	body { background-position: center 0px; }


	.bandarole { display: none }

	.container .navigation { border: 0; min-height: 1px; height: auto; }
	.container .content { z-index: 0; border: 0; min-height: 1px; height: auto;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.navigation nav { margin-top:0;}
	.container footer { border: 0; min-height: 1px;  height: auto;}
	.contentarea { height: auto; overflow: auto; }
	.email { position: static; bottom: auto; }

	section.content > { padding: 10px; }
	section.content > div > img { width: 100%; }

	footer nav { display: none; }
}



input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
	background-color: rgba(255, 255, 255, 0.9);
	color: #222;
	width: 70%;
	margin: 0 auto;
}


#toTop {
	position: fixed;
	bottom: $margin/2;
	right: $margin/2;
	padding: $margin/3;
	cursor: pointer;
	background: $hf;
	color: $white;
	display:inline-block;
	opacity: 0.4;

}
#toTop:hover { opacity: 1; }