@charset "UTF-8";
/* CSS Document */






/*************** ALLGEMEINE FORMATIERUNG (Schriften, usw.) ****************/

body {
	font-family: 'Cairo', sans-serif;
	background: linear-gradient(to bottom, rgba(0,0,0,1) 600px, rgba(255,255,255,1));
}

.clear {
	clear:both;
}

.inner {
	max-width:1350px;
	margin:0 auto;
	padding:0 50px;
}

.inner02 {
	max-width:1150px;
	margin:0 auto;
	padding:0 70px;
}

a {
	font-family: 'Cairo', sans-serif;
	font-weight:400 !important;
	text-decoration:none;
}

p {
	font-size:22px;
	line-height:30px;
	font-weight:300 !important;
	color:rgba(180,180,180,1);
}

blockquote {
	font-family: 'Bree Serif', serif;
}

b {
	font-size:22px;
	line-height:30px;
	font-weight:700 !important;
	color:rgba(255,255,255,1);
}

h1 {
	font-family: 'Bree Serif', serif;
	font-size:150px;
	color:rgba(255,255,255,1);
}

h2 {
	font-family: 'Cairo', sans-serif;
	font-weight:700 !important;
	font-size:20px;
	color:rgba(255,255,255,1);
	position:relative;
	display:inline-block;
	margin:0px 0px 15px 0px !important;
}

h2::before,
h2::after {
	content: "";
	position:absolute;
	border-top:3px solid rgba(255,255,255,1);
	top:50%;
	width:35px;
}

h2::before {
	margin-right:15px;
	right:100%;
}
h2::after {
	margin-left:15px;
	left:100%;
}


h3 {
	font-family: 'Bree Serif', serif;
	font-weight:700 !important;
	line-height:70px;
	font-size:80px;
	color:rgba(150,122,65,1);
	margin-bottom:40px !important;
}

h4 {
	font-family: 'Bree Serif', serif;
	font-weight:700 !important;
	font-size:90px;
	color:rgba(255,255,255,0.5);
}


h5 {
	font-family: 'Cairo', sans-serif;
	font-weight:700 !important;
	font-size:22px;
	color:rgba(255,255,255,1);
	margin-bottom:20px !important;
}

h6 {
	font-family: 'Cairo', sans-serif;
	font-weight:700 !important;
	font-size:17px;
	color:rgba(255,255,255,1);
	margin-bottom:20px !important;
}










/*************** HEADER ****************/

header {
	background-image: url(../images/home-banner-image_01.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:;
	width:100%;
	height:1200px;
	webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 85%, 0% 100%);
	clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 85%, 0% 100%);
}

#logoNKE {
	background-color:rgba(0,0,0,0.60);
	webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 95%, 0% 100%);
	clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 95%, 0% 100%);
	padding:55px 25px 70px 25px;
	max-width:200px;
	float:right;
}

nav ul {
	float:right;
	margin:0 0 0 0;
}

nav ul li {
	text-align:right;
	padding:10px 0 3px 0;
}

nav ul li a {
	font-family: 'Bree Serif', serif;
	color:rgba(255,255,255,1);
	font-size:38px;
	border-bottom: solid 4px rgba(255,255,255,0.6);
	webkit-text-shadow:0 0 15px rgba(0,0,0,1.00);
	text-shadow:0 0 15px rgba(0,0,0,1.00);
}

.insta {
	background-image:url(../images/instagram_neg.png);
	background-position:right;
	background-repeat:no-repeat;
	background-size:auto 20px;
	padding:5px 25px 5px 0;
	color:rgba(255,255,255,1);
	webkit-text-shadow:0 0 15px rgba(0,0,0,1.00);
	text-shadow:0 0 15px rgba(0,0,0,1.00);
	float:right;
	margin:25px 0 0 0;
	font-size:12px;
}

header h1 {
	margin-left:13%;
	margin-top:70px;
}

header blockquote {
	margin-left:13%;
	font-size:22px;
	line-height:28px;
	color:rgba(255,255,255,1);
}

header span {
	font-size:16px;
}












/*************** MAIN ABOUT ME ****************/

main {
	width:100%;
}

#articleAbout {
	margin-top:150px;
}

#articleAbout h2 {
	margin-left:55px !important;
}

#aboutLeft {
	float:left;
	width:55%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0px 50px 200px 0px;
}

#aboutLeft blockquote {
	font-size:24px;
	line-height:32px;
	color:rgba(255,255,255,0.8);
	padding:40px 50px 40px 70px;
}

#aboutLeft span {
	font-size:15px;
}

#aboutLeft a {
	font-size:16px;
	color:rgba(255,255,255,1.00);
	background-color:rgba(0,0,0,1);
	padding:20px 25px 20px 25px;
	margin-top:50px !important;
	display:inline-block;
}

#aboutLeft a:hover {
	color:rgba(0,0,0,1.00);
	background-color:rgba(150,122,65,1);
}

#aboutLeft img{
	margin-top:50px;
	margin-bottom:10px;
}

#aboutRight {
	float:left;
	width:45%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#aboutImages #left,
#aboutImages #middle,
#aboutImages #right {
	float:left;
	width:33.3%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	min-height:600px;
}

#left {
	background-image:url(../images/aboutme-image_01.jpg);
	background-position:center center;
	background-size:cover;
	position:relative;
}

#middle {
	background-image:url(../images/aboutme-image_02.jpg);
	background-position:center center;
	background-size:cover;
	position:relative;
}

#right {
	background-image:url(../images/aboutme-image_03.jpg);
	background-position:center center;
	background-size:cover;
	position:relative;
}











/*************** MAIN JOB ****************/

#articleJob {
	padding-top:200px;
	background-color:rgba(110,110,110,1);
}

#articleJob h2 {
	margin-left:55px !important;
}

#jobLeft {
	float:left;
	width:38%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#jobLeft a {
	font-size:16px;
	color:rgba(255,255,255,1.00);
	background-color:rgba(0,0,0,1);
	padding:20px 25px 20px 25px;
	margin-top:50px !important;
	display:inline-block;
}

#jobLeft a:hover {
	color:rgba(0,0,0,1.00);
	background-color:rgba(150,122,65,1);
}

#jobRight {
	float:left;
	width:62%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#methoden {
	max-width:900px;
	margin:0 auto;
	padding:0 100px;
	text-align:center;
	margin-top:80px;
	margin-bottom:50px;
}

#boxNumberOne,
#boxNumberTwo,
#boxNumberThree,
#boxNumberFour,
#boxNumberFive,
#boxNumberSix {
	float:left;
	width:33.3%;
	min-height:600px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#boxNumberOne {
	background-image:url(../images/aboutmyjob-image_01.jpg);
	background-position:center center;
	background-size:cover;
	position:relative;
}

#boxNumberTwo {
	background-image:url(../images/aboutmyjob-image_02.jpg);
	background-position:center center;
	background-size:cover;
	position:relative;
}

#boxNumberThree {
	background-image:url(../images/aboutmyjob-image_03.jpg);
	background-position:center center;
	background-size:cover;
	position:relative;
}

#boxNumberFour {
	background-image:url(../images/aboutmyjob-image_04.jpg);
	background-position:center center;
	background-size:cover;
	position:relative;
}

#boxNumberFive {
	background-image:url(../images/aboutmyjob-image_05.jpg);
	background-position:center center;
	background-size:cover;
	position:relative;
}

#boxNumberSix {
	background-image:url(../images/aboutmyjob-image_06.jpg);
	background-position:center center;
	background-size:cover;
	position:relative;
}

.boxOverlay {
	background-color:rgba(150,122,65,0.85);
	width:100%;
	height:65%;
	position:absolute;
	opacity:0;
	padding-top:70px;
}

#boxNumberOne:hover .boxOverlay,
#boxNumberTwo:hover .boxOverlay,
#boxNumberThree:hover .boxOverlay,
#boxNumberFour:hover .boxOverlay,
#boxNumberFive:hover .boxOverlay,
#boxNumberSix:hover .boxOverlay {
	opacity:1;
	transition:0.75s ease;
	-webkit-transition:0.75s ease;
    -moz-transition:0.75s ease;
    -ms-transition:0.75s ease;
	-o-transition:0.75s ease;
}

#boxNumberOne h6,
#boxNumberTwo h6,
#boxNumberThree h6,
#boxNumberFour h6,
#boxNumberFive h6,
#boxNumberSix h6 {
	background-color:rgba(0,0,0,0.5);
	text-align:center;
	padding:10px 0 10px 0;
	margin:0 !important;
}

#boxNumberOne p,
#boxNumberTwo p,
#boxNumberThree p,
#boxNumberFour p,
#boxNumberFive p,
#boxNumberSix p {
	font-size:16px;
	line-height:20px;
	font-weight:300 !important;
	color:rgba(255,255,255,1);
	margin:0 70px 0 70px;
}

#boxNumberOne ul,
#boxNumberTwo ul,
#boxNumberThree ul,
#boxNumberFour ul,
#boxNumberFive ul,
#boxNumberSix ul {
	margin-top:25px;
}

#boxNumberOne ul li,
#boxNumberTwo ul li,
#boxNumberThree ul li,
#boxNumberFour ul li,
#boxNumberFive ul li,
#boxNumberSix ul li {
	font-weight:600 !important;
	list-style:disc !important;
	color:rgba(255,255,255,1);
	line-height:22px;
	margin:0 70px 0 150px;
}











/*************** MAIN BUCH ****************/

#articleBuch {
	padding-top:200px;
	background-image:url(../images/BG_buchruecken.png);
	background-repeat:no-repeat;
	background-position:top center;
	margin-bottom:150px;
}

#articleBuch p {
	color:rgba(0,0,0,1);
}

#articleBuch h2 {
	margin-left:55px !important;
	color:rgba(0,0,0,1);
}

#articleBuch h5 {
	color:rgba(0,0,0,1) !important;
}

#buchLeft {
	float:left;
	width:35%;
	margin-top:20px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#buchRight {
	float:left;
	width:65%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#buchRight h5 {
	text-align:left;
	margin-left:100px;
}

#buchRight ul {
	text-align:left;
	margin-left:100px;
}

#buchRight ul li {
	font-size:20px;
	line-height:28px;
	font-weight:400 !important;
}











/*************** FOOTER ****************/

footer {
	background-color:rgba(150,122,65,1);
	min-height:700px;
	webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 20%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 0% 0%, 100% 20%, 100% 100%, 0% 100%);
	padding:200px 0px 0px 0px !important;
}

footer h2 {
	margin-left:55px !important;
	color:rgba(0,0,0,1);	
}

footer h3 {
	color:rgba(255,255,255,1);
}

footer ul li {
	padding-bottom:22px;
}

footer p {
	font-weight:400 !important;
}

.phone {
	font-size:23px;
	color:rgba(0,0,0,1);
	background-image:url(../images/ico_phone_black.png);
	background-position:left;
	background-repeat:no-repeat;
	background-size:auto 40px;
	padding-left:50px;
}

.letter {
	font-size:23px;
	color:rgba(0,0,0,1);
	background-image:url(../images/ico_letter_black.png);
	background-position:left;
	background-repeat:no-repeat;
	background-size:auto 40px;
	padding-left:50px;
}

.addres {
	color:rgba(0,0,0,1);
	background-image:url(../images/ico_addres_black.png);
	background-position:left;
	background-repeat:no-repeat;
	background-size:auto 40px;
	padding:30px 0px 0px 50px;
	margin-top:-35px !important;

}

.copyright {
	font-size:13px;
}

.rechtliches {
	font-size:12px;
	color:rgba(180,180,180,1);
}






/*************** RECHTLICHES & DATENSCHUTZ ****************/


.goBack {
	font-size:16px;
	color:rgba(255,255,255,1.00);
	background-color:rgba(0,0,0,1);
	padding:20px 25px 20px 25px;
	margin-top:50px !important;
	display:inline-block;
}

#articleImpressum {
	margin-top:150px;
}

#articleImpressum h2 {
	margin-left:55px !important;
}

#articleImpressum h5 {
	margin-top:40px;
	margin-bottom:10px !important;
}

#articleImpressum p {
	text-align:justify;
}

#impressumLeft {
	float:left;
	width:70%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#impressumLeft a {
	font-size:22px;
	color:rgba(255,255,255,1.00);
}

#impressumRight {
	float:left;
	width:30%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#articleDatenschutz ul li {
	font-size:22px;
	color:rgba(0,0,0,1);
	list-style:disc;
}

#articleDatenschutz h5 {
	margin-top:40px;
	margin-bottom:10px !important;
	color:rgba(0,0,0,1);
}

#articleDatenschutz {
	margin-top:150px;
	margin-bottom:200px;
}

#articleDatenschutz h2 {
	margin-left:55px !important;
}

#articleDatenschutz a {
	font-size:22px;
	color:rgba(255,255,255,1.00);
}

#articleDatenschutz p {
	text-align:justify;
	color:rgba(0,0,0,1);
}










/*************** GO TO TOP BUTTON ****************/

#myBtn {
	font-weight:700 !important;
	color:rgba(0,0,0,1);
	font-family: 'Cairo', sans-serif;
	padding:10px 11px 10px 12px;
	color:rgba(0,0,0,1);
	border-radius:25px;
	font-size:16px;
  	display:none;
  	position:fixed;
  	bottom:50px;
  	right:50px;
  	z-index:99;
  	border:none;
  	outline:none;
  	cursor:pointer;
	box-shadow:0 0 15px rgba(69,69,68,1);
	-webkit-box-shadow:0 0 15px rgba(69,69,68,1);
	-moz-box-shadow:0 0 15px rgba(69,69,68,1);
	-ms-box-shadow:0 0 15px rgba(69,69,68,1);
	-o-box-shadow:0 0 15px rgba(69,69,68,1);
}

#myBtn:hover {
  background-color:rgba(150,122,65,1);
}