/*
Schwarz: 	#000119
grün		#bcbc26
blau		#54718a
*/

/*@font-face {
font-family: 'Ubuntu';
font-weight: 300;
src: url(../fonts/Ubuntu-Light.ttf) format('truetype');
}

@font-face {
font-family: 'Ubuntu';
font-weight: 400;
src: url(../fonts/Ubuntu-Regular.ttf) format('truetype');
}

@font-face {
font-family: 'Ubuntu';
font-weight: 500;
src: url(../fonts/Ubuntu-Medium.ttf) format('truetype');
}

@font-face {
font-family: 'Ubuntu';
font-weight: 700;
src: url(../fonts/Ubuntu-Bold.ttf) format('truetype');
}*/

*{
	margin: 0;
	padding: 0;
}

body{
	font-family: Arial, sans-serif;
	font-weight: 400;
	color: #000119;
}

.kursiv{
	font-style: italic;
}

.nopadding {
	padding-left: 0;
	padding-right: 0;
}

img {
	max-width: 100%;
}

li{
	list-style: none;
}

a {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.tooltip-inner {
	background-color: #3e6179;
	max-width: 450px;
	padding: 15px;
	text-align: left;
	font-size: 18px;
}

.tooltip.in {
	opacity: 1;
}

.text a{
	color: rgba(160, 189, 32, 1);
}

.text a:hover, .text a:focus{
	color: #3e6179;
	text-decoration: underline;
}

a:hover, a:focus{
	text-decoration: none;
	color: rgba(160, 189, 32, 1);
}

h1{
	margin-top: 0;
}

body#home{
	background:url(../images/stark-home-back.jpg) no-repeat;
	background-size: cover;
	background-position: bottom right;
}

body#home .main_text > div > div {
	background-color: rgba(255,255,255, .8);
	padding: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px
}

body#home .main_text strong , body#home .main_text p{
	font-size: 1.3em;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
	line-height: 150%;
}

body#coaching{
	background: url(../images/stark-back-im-coaching.jpg) no-repeat;
	background-size: cover;
}

body.uebermich#impressum{
	background: url(../images/stark-back-1-4.jpg) no-repeat;
	background-size: cover;
}

body#training{
	background: url(../images/stark-back-1.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

body#beratung {
	background: url(../images/stark-back-im-coaching.jpg) no-repeat;
	background-size: cover;
}

body#contact{
	background: url(../images/stark-back-kontakt.jpg) no-repeat;
	background-size: cover;
}

body#impressum{
	background: url(../images/stark-back-1.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

body#referenzen {
	background: url(../images/stark-back-1-6.jpg) no-repeat;
	background-size: cover;
}


@media all and (min-width: 1500px){
	body.uebermich#impressum{
		background: url(../images/stark-back-1-3.jpg) no-repeat;
		background-size: cover;
	}

	body#referenzen {
		background: url(../images/stark-back-1-7.jpg) no-repeat;
		background-size: cover;
	}
}

body.subpage {
	background: none;
}

.subpage .text p:last-child{
	margin-top: 60px;
}

header{
	position: fixed;
	left: 0;
	top: 0;
	background-color: #000119;
	height: 100%;
	width: 180px;
	z-index: 900;
	transition: transform 0.5s ease;
	-webkit-transition: transform 0.5s ease;
	transform: translate(-195px, 0);
	-webkit-transform: translate(-195px, 0);
}

header.off{
	transform: translate(0px, 0);
	-webkit-transform: translate(0px, 0);
}
.closen {
	position: fixed;
	left: 0;
	top: 15px;
	width: 60px;
	background: #3e6179;
	color: #FFF;
	/*border-top-left-radius: 10px;*/
	border-top-right-radius: 10px;
	/*border-bottom-left-radius: 10px;*/
	z-index: 1000;
	opacity: 1;
}

.closen h3 {
	color: #FFF;
	margin: 0;
	padding: 15px 0 15px 15px;
	visibility: hidden;
}

.closen .fa {
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}
.container{
	max-width: 100%;
}

@media all and (max-width: 1500px){
	.main.container{
		margin: 6em 0;
	}
}

header ul {
	margin-top: 100px;
}

header a{
	color: #FFF;
	float: left;
	width: 100%;
	padding: 15px;
	font-size: 1.2em;
	font-weight: 500;
	margin-bottom: 2px;
	margin-left: 15px;
}

header a:hover, header a.active, header a:focus {
	color: #FFF;
	background-color: rgba(160, 189, 32, 1);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	text-decoration: none;
}

.mainMenu {
	margin-top: 30px;
}

.mainMenu li{
	float: left;
	margin-bottom: 30px;
	list-style: none;
}

.mainMenu a{
	font-size: 3vw;
	background: rgba(160, 189, 32, .5);
	color: #FFF;
	display: inline-block;
	width: 100%;
	padding: 30px;
	line-height: 100%;
	height: 100%;
}

.mainMenu a:hover,
.mainMenu a:focus{
	text-decoration: none;
}

.mainMenu #s1{
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	background: rgba(0,0,0,.3);
}

.mainMenu #s1:hover, .mainMenu #s1:focus{
	background: rgba(0, 1, 25, 1)!important;
}

.mainMenu #s2 {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}

.mainMenu #s3 {
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.mainMenu #s4 {
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.mainMenu a.active{
	background: rgba(255, 255, 255, .3);
}

.mainMenu a:hover, .mainMenu a:focus, .subMenu a:hover, .subMenu a:focus{
	background: rgba(160, 189, 32, 1);
}

.subMenu a{
	font-size: 1.8em;
	background: rgba(160, 189, 32, .3);
	color: #FFF;
	display: inline-block;
	width: 100%;
	padding: 30px;
	min-height: 140px;
	line-height: 120%;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	margin-bottom: 30px;
}

.subMenu a.active {
	background: rgba(180, 181, 0, 1);
}

.subpage .main {
	padding: 0;
}

.subpage .subMenu {
	position: absolute;
	bottom: 10%;
	left: 15%;
}

.subpage .subMenu a {
	min-width: 400px;
}

.subpage .row.top {
	position: relative;
}

.subpage .row.top  img {
	width: 100%;
}

.subpage .text {
	width: 50%;
	margin: 30px 35% 60px 15%;
}

.subpage .text h1 {
	margin-bottom: 1em;
}

.subpage .text h2 {
	color: rgba(180, 181, 0, 1);
	font-size: 1.6em;
}

.subpage .text p {
	font-size: 18px;
}
.subpage .text .links i{
	transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
}
.subpage .text .links:hover a,
.subpage .text .links:hover i{
	color: #000119!important;
}

.subpage .text li, #home .text li{
	list-style-type: disc;
	margin-left: 15px;
	font-size: 18px;
	line-height: 200%;
}

.subpage .text .tief li{
	list-style: circle;
}

#contact .main { margin-top: 50px; }

#contact .main > *, #impressum .main > * {  margin-left: 0; }

#contact .mainMenu a, #impressum .mainMenu a{
	width: 330px;
}

#contact .subMenu p {
	font-size: 1.3em;
	font-weight: 300;
	background: rgba(160, 189, 32, 1);
	color: #FFF;
	display: inline-block;
	width: 330px;
	padding: 30px;
	min-height: 140px;
	line-height: 150%;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	margin-bottom: 30px;
}

#contact .mails {
	background-color: #48667f;
	width: 330px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 15px 0;
}

#contact .mails a{
	color: #FFF;
	font-size: 1.3em;
	padding: 15px;.subpage .text li
	display: inline-block;
	width: 100%;
}

.text .accordion,
.text .sub_accordion{
	margin-bottom: 30px;
}

.text .accordion h2,
.text .sub_accordion h2 {
	font-size: 1.4em;
	color: #3e6179;
	margin: 15px 0;
}

.text .sub_accordion:first-child{
	margin-top: 30px;
}

.text .accordion .sub_accordion .accordion_header{
	background-color: #3e6179;
}

.text .accordion .sub_accordion .accordion_content{
	background-color: #FFF;
}

.text .accordion .accordion_content {
	display: none;
}

.text .accordion.active > .accordion_content {
	display: block;
}

.text .accordion_header {
	background-color: rgba(160, 189, 32, 1);
	color: #FFF;
	font-size: 1.3em;
	padding: 15px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 30px;
	cursor: pointer;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	margin-bottom: 1px;
}

.text .accordion_header:hover{
	background-color: rgba(160, 189, 32, .3);
	color: rgba(160, 189, 32, 1);
}

.text .accordion_content{
	background-color: rgba(160, 189, 32, .3);
	padding: 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 10px;
}

.text .accordion_content ul{
	margin-left: 15px;
}

/*  Über mich */
.about, .imp {
	background-color: #FFF;
	padding: 30px;
	width: 70%!important;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

#impressum .imp{
	width: 50%;
}

/* Referenzen */
#referenzen .main .text{
	background-color: #FFF;
	padding: 30px;
	width: 50%;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

/*Download*/
#download .text i{
	color: rgba(160, 189, 32, 1);
}

/* responsive */
@media all and (min-width: 1200px){
	.mainMenu a {
		font-size: 2.5em;
	}
}
@media all and (max-width: 768px){
	.mainMenu a {
		font-size: 4vw;
	}

	.mainMenu li {
		margin-bottom: 15px;
	}

	.closen {
		width:50px;
		right: 5%;
		left: auto;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}

	.closen h3 {
		visibility: hidden;
		width: 0;
	}

	header {
		width: 90%;
		transform: translate(-105%, 0);
		-webkit-transform: translate(-105%, 0);
	}

	body#home {
		background: #efefef;
	}

	.about, .imp {
		width: 100%!important;
	}

	#referenzen .main .text{
		width: 100%;
	}

	header a {
		padding: 5px!important;
		font-size: 1em!important;
	}
}