@charset "UTF-8";


body {
	background-image: url("images/1.jpeg");
	background-color: rgb(188, 188, 177 );
/*	background-color: rgb(120, 118, 109);*/
	background-position: bottom left;
	background-repeat: no-repeat;
	font-family:  "Gill Sans", "Verdana", "Geneva", "Tahoma", sans-serif;
	font-weight: 500;
  	color: #403e38;
  	margin: 0;
  	padding: 0;
	width: 100vw;
	height: 100vh;
	overflow: visible;
	overflow-x: hidden;
	overflow-y: hidden;
}
.cover {
	background-size: cover;
}
.erfahrung {
	height: calc(50vh + 111px);
	border: 0;
	background-size: cover;
	background-position: bottom right;
}
.anim {	animation: text-up 1s .5s ease-out forwards;
		transform: 	translateY(500px);
}
.anim_delayed {animation: text-up 1s 2.75s ease-out forwards;
		transform: 	translateY(500px);
}
.anim_preload {animation: appear 2s 1s ease-in forwards;
	background-color: rgb(98, 90, 65);
}
#wrapper {
/*	z-index: 1;*/
	margin-bottom: 300px;
	transition: top 1.25s ease;
	top: -600px;
/*	margin-bottom:125px;*/
	position: absolute;
	height: calc(100vh + 600px);
	width: 100vw;
	box-shadow: 0 4px 0 rgba(230, 230, 230, 0.9);
	
	/*	background-color: rgba(178, 178, 167, 1);*/
/*	background-color: rgba(98, 90, 65, 1);*/
	overflow-x: hidden;
	overflow-y: scroll;
}

/*
#effekt {
	width: 100%;
	height: 755px;
background: red;
}
*/



article{
/*		padding-top: 600px;*/
/*z-index:99;*/
	overflow-x: hidden;
/*	overflow-y: scroll;*/
	display:inline-block;
	position: absolute;
	bottom: 0;
	height: calc(100% - 761px);
	width: 100vw;
}

article p{
	color: #403e38;
	font-size: 1.3em;
}


.text {
	z-index: 2;
	transition: padding .15s ease-out;
	border: .5px solid white;
	position: relative;
	background: rgba(250, 250, 240, 0.78);
	width: 100vw;
	height: auto;
	margin: calc(50vh - 50px) 0 calc(50vh - 175px) 0;
	padding: 21px 0 58px calc(-165px + 15vw);
}
 
a, a:visited, a:hover, a:active {	text-decoration: none;
}

.text a,
.text a:visited {
	color: rgba(0, 0, 0, 0.6);
	border-bottom: 3px solid rgb(255, 255, 255);
	padding-bottom: 1px;
}


#nav {
/*	margin: 0;padding: 0;*/
/*	z-index: 99;*/
	position: relative;
	width: 100vw;
	height: 755px;
	border-bottom: .5px solid rgb(188, 188, 177);
	background-image: linear-gradient(rgba(98, 90, 65, 0.7) 605px, rgba(188, 188, 177, .92) 605px);
}

.logo
 {
 	z-index: 999;
	mix-blend-mode: multiply;
	opacity: .4;
	transition: .5s ease-out;
	position: absolute;
	bottom: 9px;
	height: 100px;
	padding-left: calc(15vw - 144px);	
}
.logo:hover {
	opacity: .55
}
.logo:active{
	transition: .1s linear;
	opacity: .7
}


#jensenconsulting {
  	height: 49px;
	width: auto;
	 	z-index: 99999;

}


#lang {
/*	visibility: hidden;*/
		z-index: 9;
	position: absolute;
	top: 711px;
	opacity: .85;
	color: rgba(0, 0, 0, 0.5);
	width: 100px;
	font-size: 1.7em;
	color: rgb(250, 250, 240);
	font-weight: 500;
	left: calc(85vw - 34px);
}
#lang a {color: rgba(0, 0, 0, 0.5);
}
#lang a:hover {color: rgba(0, 0, 0, 0.75);
}

#claim {
/*	pointer-events: none;*/
	transition: .6s ease-in-out;
	padding-left: calc(15vw - 164px);	

}
#claim p{
	position: absolute;
	font-family: "Gill Sans", "Candara", "Tahoma", "Verdana", sans-serif;
	font-weight: 400;
  	font-size: 1.1em;
	color: rgba(0, 0, 0, 0.6);
  	padding: 0 0 0 0;
	top: 701px;
	margin: 0 0 0 51px;
}



.menu {
	font-size: 1.25em;
	font-weight: 100;
/*	position: relative;*/
	width: 100vw;
}

#naff {overflow-y: visible; padding-top: 60px; top: -20px; height: 629px; width: calc(71vw + 130px);}

.menu ul{
	position: absolute;
	margin-left: calc((30vw - 320px) + 125px);
	width: 100%;
	max-width: 1400px;
/*	bottom: 46px;*/
	display: flex;
	list-style-type: none;
	flex-direction: row;	
	align-items: flex-end;
/*	height: 548px;*/
	flex-wrap: nowrap;

}

.menu li {
	flex: 1 0 auto;
	flex-wrap: nowrap;
	height: 40px;
}

#burger a:active{
	box-shadow: 0 0;
}
#burger {
	
	padding-top: 53px;
	margin-right: 6px;
	opacity: 0;
	display: none;
	font-size: 3.1em;
}

#burger a {transition: color .25s ease;
}
.menu a,
.menu a:visited {
	transition: box-shadow .25s linear, color .25s ease-in;
/*	text-shadow: 0 .5px 1px rgba(255, 255, 255, 0.75);*/
	padding-bottom: 11px;
	font-family: "Garamond", "Times New Roman", serif;  	
	color: #403e38;
	text-decoration: none;
  	font-weight: 600;
  	font-size: 1.1em;
}
.menu a:hover {
	color: rgba(64, 62, 56, 0.75);
	box-shadow: 0 3px 0 rgba(250, 250, 240, .5);
/*  background: linear-gradient(rgba(70, 70, 70, 0.7), rgba(70, 70, 70, 0.6));*/
}
.menu a:active {
/*	transition: 0s linear;*/
	text-shadow: 0 0;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  	color: rgba(250, 250, 240, 1);
/*  background: linear-gradient(rgba(70, 70, 70, 0.7), rgba(70, 70, 70, 0.3));*/
}

.h_kon, .h_por {
	margin: 0;
	position: absolute;
	transform: translateY(-125px) translateX(-52px);
	height: 40px;
	width: 40vw;
	min-width: 280px;
	max-width: 745px;
}

.kontl {transform: translateY(95px);
}
.portl {transform: translateY(63.5px);
}

.bild {
	z-index: 3;
	position: absolute;
	padding-left: calc(-165px + 15vw);
	margin-top: calc(50vh - 386px);
	margin-left: 51px;
	width: auto;
	height: auto;
	transition: .5s ease-out;}


.portrait, .kontakt {
	transition: .5s ease-out;
	border-radius: 4px; 
	background-size: cover;
	background-position: left;
	height: 410px;
	width: 410px;
}

.portrait {background-image: url("images/7.jpeg");}

.kontakt {background-image: url("images/8.jpeg");}

#imp {	
		width: 79vw;
		min-width: 369px;
		max-width: 690px;
		padding:30px 0 0 51px;}

#imp p {
		font-weight: 400;
  		width: 79vw;
		min-width: 369px;
		max-width: 690px;
}

#in {
	opacity: .5;
	width: 30px;
	height: 30px;
	margin-top: 8px;
	mix-blend-mode: luminosity;
	}

#in:hover, #in:active, #in:visited {
	mix-blend-mode: normal;
	}

.col,
.cor {
	transition: padding .15s ease-out;
	display: inline-block;
  	vertical-align: top;
	margin: 0;
	padding: 30px 25px 0 51px;
	width: 36vw;
  	min-width: 415px;
	max-width: 800px;
}

.cor {	padding: 30px 25px 0 calc(25px + 1vw);
}

.col p,
.cor p {	
	line-height: 1.5em;
	font-weight: 600; 
  	margin: 0;
/*	text-shadow: 0 .5px 1px white;*/
}

/*
.br {
  line-height: 7px;
}
*/

/*p {transition: 3s linear;}*/

.h_alt {
	bottom: calc(50vh - 120px);
	width: calc(37vw + 1px);
	max-width: calc(860px + 1vw);
	padding: 20px 46px 20px 46px;

}

#h_index {
/*	top: calc(50vh + 692px);*/
	bottom: calc(50vh - 120px);
	padding: 35px calc(1vw + 148px) 50px 46px;
	width: 651px;
}

h1 {
	min-width: 300px;
	margin-bottom: 0;
	mix-blend-mode: luminosity;
	margin-left: calc(15vw - 161px);	
	z-index: 4;
	position: absolute;
	transition: opacity 1s ease-in;
	border-radius: 4px 4px;
	max-width: 750px;
/*	border: .5px solid rgba(60, 60, 60, 1);*/
	background: rgba(91, 90, 80, .9);
	background: rgba(100, 92, 70, .9);
	background: rgba(60, 60, 60, .4);
/*	background: rgba(90, 90, 75, 0.55);*/
	font-family: "Garamond", "Times New Roman", serif;
	font-size: 2.2em;
	line-height: 1.4em;
	color: rgb(255, 255, 255);
	padding: 20px 50px 21px 46px;
	text-shadow: 0 .5px 2px rgba(60, 60, 60, 1);
}

h2 {font-size: 1.25em}
h3 {
/*	padding: 0;*/
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	font-size: 1.25em;
  	color: #a56e4c;
/*  color: rgb(82, 84, 76);*/
	font-family: "Gill Sans", "Candara", "Tahoma", "Verdana", sans-serif;
	font-weight: 600;
  	font-style: italic;
  	letter-spacing: 0.1px;
}
	#current a, #current a:visited{
		pointer-events: none;
		box-shadow: 0 1px 0 rgba(188, 188, 177, 1);
		transition: 0s;
}

footer {
	overflow: visible;
	color: rgb(188,188,177);
	background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.5) 100%);
	text-align: center;
	margin-top: 230px;
	height: 50px;
	position: absolute;
	width: 100%;
/*	z-index: 1;*/
	display: block;
/*	border-bottom: 60px solid black;*/
	padding: 10px 0 0 0;
	margin-bottom:0;
/*	mix-blend-mode: hard-light}*/
}
footer a {letter-spacing: .5px; font-weight: 600;color: rgb(188,188,177)}
footer a:hover {color: rgba(250, 250, 240, .78)}
/*BREAKPOINTS*/

@media screen and (max-width: 1190px) {
	.h_kon, .h_por {
			max-width: 428px;

	}
	h1 {margin-left:-25px;}
	#spot {padding-left: calc(15vw - 140px);}
	.logo {padding-left: calc(15vw - 119px);}
	#claim {padding-left: calc(15vw - 139px);}
	.text{padding: 21px 0 50px calc(-140px + 15vw);}

	#burger {
		pointer-events: auto;
/*		text-align: right;*/
		display: inherit;
		opacity: 1;
	}
	#burger a{
		font-family: "Courier New";
			font-weight: 500;
			color: rgba(0, 0, 0, .5)
	}
	#burger a:hover{
		color: rgb(0, 0, 0);
	}	
	#burger a:active{
		color: white;
		transition: 0s;
	}
	
#naff{z-index: 8; width: 100vw; height: 750px}	
.menu ul{
	right: calc(15vw - 180px);
	top: 43px;
/*	width: 117vw;*/
/*	align-items: flex-start;*/
	flex-direction: column;
	flex-wrap: nowrap;
	}
.menu li{
	flex: 0 0 auto;
/*	flex-wrap: nowrap;*/
/*	text-align: right;*/
	width: auto;
	height: 65px;
	box-shadow: 0 0;
/*	margin-bottom: 1.55em;*/
	}
	
.menu a, .menu a:visited {
	transition: 0s;
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 1.5em;
	line-height: 60px;
	color: rgba(255, 255, 255, .7);
/*	width: auto;*/
	padding: 10px 140px 0 0;
	}
		
.menu a:hover {
	box-shadow: 0 0;
/*	font-weight: 600;*/
	color: rgb(250,250,240);
  	}
.menu a:active {
/*	text-shadow: 0 .5px 2px rgba(98, 90, 65, 1);*/
	}	
#current a {
/*	transition: 4s linear;*/
	pointer-events: none;
	box-shadow: 0 3px 0 rgb(188, 188, 177);
	padding-bottom: 5.5px;
	}
.bild {
/*	bottom:calc(50vh - 161px);*/
	margin-left: 67px}
	}
@media screen and (max-width: 1023px) {	
		.portl {transform: translateY(64px);}
		.col,.cor {padding-left: 21px;}
	/*	width: 430px;}*/
		.col {	padding-right: 3.2vw;}
		.cor {	padding-right: 21px;}
		.bild {margin-left: calc(15vw - 115px);}
	/*	.bild {margin: calc(50vh - 410px) 0 0 calc(15vw - 115px);}*/
		.kontakt { border-radius: 0 4px 4px 0;}	
}
@media screen and (max-width: 934px) {			
		.logo {	padding-left: 21px;}
	
	.col, .cor {
/*		transition: margin .4s linear;*/
		width: 79vw;
		min-width: 400px;
		max-width: 690px;
		padding-left: 51px;
		padding-right: 10px}	
/*
		h1 {
		width: auto;
		max-width:498px;
	}
*/
	.kontr{transform: translateY(-59px);
	}
	.kontl{transform: translateY(330px);
	}
	.portl{transform: translateY(90px);
	}
	.h_por {top: 50px; width: auto}
	.h_kon, .h_por {border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
	.h_kon {top: 31px;}
	#h_index {max-width: 577px; min-width: 460px; width: 89vw; padding-right: calc(45vw - 190px);}
	.portrait, .kontakt {transition: .5s ease-in; width: 342.5px;
	height: 342.5px; border-radius: 4px 0 0 0;
	}

	.bild {z-index: -1;
		top: 0;
		right: 0;
/*	padding: 0;*/
	}
	.portrait, .kontakt {border-radius: 4px 0 0 4px;}
	.portl{transform: translateY(0);}	
	h1{	transition: 0s linear; font-size: 1.95em;}
}
@media screen and (max-width: 500px) {	
/*
	.logo {	padding-left: 15px;}
	#claim p { transition: margin .25s linear;
margin: 0 0 0 41px;}
*/
	#h_index{min-width: 200px;width: 85vw; padding-right: 25px; max-width: 385px}
	.h_alt{	
		min-width: calc(85vw - 102px);
		width: auto;
		margin-bottom: 0;
	}
	h1 {
	border-radius: 0 4px 4px 0;
	font-size: 1.6em;}
	.col, .cor{padding-left: 21px; min-width: calc(100vw - 41px);}
/*	.bild{width: 200px; height:320px;}*/
}
/*
@media screen and (max-width: 375px) {	
	.col, .cor{padding-left: 10px; min-width: calc(100vw - 20px);}
}
*/
@media screen and (max-height: 600px) {
		@media screen and (max-width: 1200px) {		
			#naff{height: 100vh;}
		}
	article::before{
		content: "";
		width: 100vw;
		height: 160px;
		display: block;
		position: relative;}		
	#h_index {margin-bottom: -160px;}
	.h_alt {margin-top: 188px;}
}
/*ANIMATIONEN*/
@keyframes appear{
	from {background-color: rgba(98, 90, 65, 1)}
	to {background-color: rgba(188, 188, 177, 1) 15%}
	to {background-color: rgba(188, 188, 177, 1) 85%}
	to {background-color: rgba(188, 188, 177, 0)}
	}
@keyframes text-up{
	from {transform: translateY(50vh - 250px);}
	to {transform: translateY(0);}
	}