@charset "UTF-8";
body {
	z-index: -9;
	background-image: url("images/1.jpeg");
	background-color: rgb(57, 55, 50);
	background-position: bottom left;
	background-repeat: no-repeat;
	font-family:  "Gill Sans", "Verdana", "Geneva", "Tahoma", sans-serif;
	font-weight: 500;
  	color: rgba(65, 63, 59, 1);
  	margin: 0;
  	padding: 0;
	width: 100vw;
	height: 100vh;
	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: 	translate3d(0,500px,0);
	transition: 0s;
}
.anim_delayed {animation: text-up 2s 1.75s ease-in forwards;
		transform: 	translate3d(0,500px,0);
}
#wrapper {
/*	z-index: 1;*/
/*	margin-bottom: 400px;*/
	transition: top .7s ease-out;
	top: -400px;
/*	margin-bottom:125px;*/
	position: absolute;
	height: calc(100vh + 400px);
	width: 100vw;
/*	box-shadow: 0 4px 0 rgba(230, 230, 230, 0.9);*/
	box-shadow: 0px 20px 0px rgba(0, 0, 0, 0.5);

	/*	background-color: rgba(178, 178, 167, 1);*/
/*	background-color: rgba(98, 90, 65, 1);*/
	overflow-x: hidden;
	overflow-y: hidden;
}
/*
#effekt {
	width: 100%;
	height: 755px;
background: red;
}
*/
article{
/*		padding-top: 600px;*/
/*z-index:0;*/
	transition: .25s 0.1s ease-in, width 0s linear;
	overflow-x: hidden;
	overflow-y: visible;
	display:inline-block;
	position: absolute;
	bottom: 0;
	height: calc(100% - 531.5px);
	width: 100vw;
	line-height: 1.5em;
}
.even {padding-top: 2.55em}
article p{
	color: #3b3932;
	font-size: 1.25em;
	line-height: 1.4em;
}
.text {
	z-index: 2;
	transition: 0s;
	border: 1px solid rgb(242, 240, 225);
	position: relative;
	background: rgba(242, 240, 225, 0.88);
	width: calc(100vw - 2px);
	height: auto;
	margin: calc(50vh - 21px) 0 calc(55vh) 0;
	padding: 21px 0 80px calc(-165px + 15vw);
}
.textplus{
	height: calc(100% + 50vh);
	margin-bottom: -225px;
} 
a, a:visited, a:hover, a:active {text-decoration: none;
}
.text a, .text a:visited {
	color: rgba(0, 0, 0, 0.7);
	border-bottom: 2px solid rgb(255, 255, 255);
	padding-bottom: .5px;
}
#nav::before {
	z-index: -9;
	position: absolute;
	content: "";
	width: 100vw;
	height: 527px;
	display: block;
	top: 2.5px;
	background-color: rgba(145, 145, 110, .5);
	mix-blend-mode: lighten;
	box-shadow: 0 .5px 0 rgb(242, 240, 225); 
}	
#nav {
/*	margin: 0;padding: 0;*/
/*	z-index: 1;*/
	position: relative;
	width: 100vw;
	height: 531px;
	box-shadow: 0 .5px 0 rgb(177, 175, 150); 
/*background-blend-mode: normal;*/
/*	mix-blend-mode: normal;*/
/*	border-bottom: 3px solid rgba(230, 232, 215, .5);*/
/*	border-bottom: 1px solid rgb(186, 191, 175);*/
/*	background-image: linear-gradient(rgba(98, 90, 65, 0.7) 605px, rgba(188, 188, 177, .92) 605px);*/
/*	background-image: linear-gradient(rgba(122, 123, 110, .91) 505px, rgba(122, 123, 110, .91) 505px);*/
	background-color: rgba(135, 132, 110, .9);
/*	background-color: rgba(139, 141, 130, .9);*/
}
.logo {
 	z-index: 999;
	mix-blend-mode: multiply;
	opacity: .55;
	transition: .25s ease-out, padding .25s linear;
	position: absolute;
	bottom: -2px;
	height: 100px;
	padding-left: calc(15vw - 141px);	
}
.logo:hover {
	opacity: .7;
}
.logo:active{
	transition: .25s linear;
	opacity: 1;
}
#jensenconsulting {
  	height: 44px;
	width: auto;
/*	z-index: 99999;*/
}
#lang {
/*	visibility: hidden;*/
	z-index: 9;
	font-family: "Georgia";
	position: absolute;
	top: 500px;
/*	opacity: .85;*/
	width: calc(85vw + 33px);
	max-width: 	calc((15vw - 161px) + 975px);
	text-align: right;
	font-size: 1.3em;
	letter-spacing: -.6pt;
	color: rgba(53, 55, 39, .75);
	font-weight: 400;
	left: 0px;
/*	left: calc(50vw + 150px);*/
}
#lang a {
/*	color:rgba(230, 232, 215, 07);*/
  	color: rgba(53, 55, 39, .45);
	padding-bottom: 10px;
/*	box-shadow: 0 2px 0 rgba(173, 167, 135, 1); */
/*		font-size: 1em;*/
}
#lang a:hover {color: rgba(53, 55, 39, 1);}
#lang a:active{color: beige; box-shadow: 0 2px 0 rgba(242, 240, 225, .5)}
#claim {
/*	pointer-events: none;*/
	transition: .4s ease-out;
	padding-left: calc(15vw - 164px);
}
#claim p{
	transition: .4s ease-out;
	position: absolute;
	font-family: "Gill Sans", "Candara", "Tahoma", "Verdana", sans-serif;
	font-weight: 400;
  	font-size: 1em;
/*	color: rgba(0, 0, 0, .6);*/
  	padding: 0 0 0 0;
	top: 482px;
	margin: 0 0 0 51px;
}
.menu {
	font-size: 1.25em;
	font-weight: 100;
/*	position: relative;*/
	width: 100vw;
}
#naff {overflow-y: visible;top: 0; height: 439px; width: calc(71vw + 150px);}
.menu ul{
	position: absolute;
	margin-left: calc((20vw - 200px) + 110px);
	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;
}
#burger {
/*	z-index: -99999;*/
	padding: 0 3px 30px 100px;
	opacity: 0;
	display: none;
	font-size: 3.3em;
}
#burger a {transition: color .25s ease; line-height: 30px;
}
#burger a:active {
	box-shadow: 0 0;
}
.menu a,
.menu a:visited {
	transition: box-shadow .25s linear, color 1s .05s ease-in, padding .4s 0s ease-out;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0);
/*	text-shadow: 0 .5px 1px rgba(255, 255, 255, 0.75);*/
	padding-bottom: 25px;
	font-family: "Gill Sans", "Times New Roman", serif;
	letter-spacing: .75pt;
	color: rgb(230, 232, 215);
/*	color: rgba(255, 255, 255, .7);*/
	text-decoration: none;
  	font-weight: 400;
  	font-size: .925em;
	height: 400px;
}
.menu a:hover {
	box-shadow: 0 1.5px 0 rgba(255, 255, 255, 7);
	padding-bottom: 10px;
/*  background: linear-gradient(rgba(70, 70, 70, 0.7), rgba(70, 70, 70, 0.6));*/
}
.menu a:active {
	color: color: rgb(230, 232, 215);
	padding-bottom: 10.5px;
	transition: 0.1s linear;
	text-shadow: 0 0;
	box-shadow: 0 2.5px 0 rgba(255, 255, 255, 5);
/*  background: linear-gradient(rgba(70, 70, 70, 0.7), rgba(70, 70, 70, 0.3));*/
}
#current a, #current a:visited{
/*		color:rgb(235, 240, 225);*/
		pointer-events: none;
		padding-bottom: 10px;
		box-shadow: 0 2px 0 rgba(20, 20, 15, .45);
		transition: .25s ease-out;
}
.h_kon, .h_por {
	margin: 0;
	position: absolute;
	transform: translate3d(-48px,-126px,0);
	height: 40px;
	width: 40vw;
/*	background-color:rgba(85, 83, 70, .7);*/
	min-width: 280px;
	max-width: 745px;
}
.kontl {transform: translateY(8.07em);
}
.portl {transform: translateY(51.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: 0s;
}
.portrait, .portraitp, .portraitj, .portraitv, .kontakt {
    border: 3px solid rgba(242, 240, 225, 048);
	transition: .5s linear, border 0s, border-radius 0s;
	border-radius: 8px; 
	background-size: cover;
	background-position: left;
    background-repeat: no-repeat;
	height: 410px;
	width: 410px;
}
.portrait {background-image: url("images/6.jpeg");}
.portraitv {background-image: url("images/13.jpeg");}
.portraitp {background-image: url("images/5.jpeg"); background-size: 166%; background-position: top;}
.portraitj {background-image: url("images/10.jpeg"); background-position: top;}
.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 0s ease-out;
	display: inline-block;
  	vertical-align: top;
	margin: 0;
	padding: 30px 40px 0 51px;
	width: 36vw;
  	min-width: 415px;
	max-width: 800px;
}
.cor {	padding: 30px 25px 0 calc(25px + 1vw);
}
.col p,
.cor p {	
	font-weight: 600; 
  	margin: 0;
/*	text-shadow: 0 .5px 1px white;*/
}
/*
.br {
  line-height: 7px;
}
*/
/*p {transition: 3s linear;}*/
.h_alt {
	bottom: calc(50vh - 119px);
	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 12.5vw 50px 45px;
	min-width: 651px;
    transition: 0s 2s linear,
}
h1 {
	opacity: 1;
	min-width: 300px;
	margin-bottom: 0;
	mix-blend-mode: hard-light;
	transform: translate3d(0,0,0);
	margin-left: calc(15vw - 162px);	
	z-index: 3;
	position: absolute;
/*	transition: .4s 0.5s linear, opacity 1s .5s ease-in, width 0s linear, font-size .5s linear;*/
/*	transition: .4s 0.5s linear, font-size 0s 0s linear;*/
	border-radius: 5px 5px 5px 5px;
	border: 1px solid rgba(57, 55, 50, 0.2);
	max-width: 550px;
/*	border: .5px solid rgba(60, 60, 60, 1)
	background: rgba(91, 90, 80, .9);
	background: rgba(100, 92, 70, .9);
	background-color: rgba(60, 60, 60, .6);*/	
	/*	background-image: repeating-linear-gradient(45deg, rgb(85, 83, 70) 0px, rgb(85, 83, 70) 1px, transparent 1px, transparent 2px, rgb(85, 83, 70) 2px), repeating-linear-gradient(135deg, rgb(85, 83, 70) 0px, rgb(85, 83, 70) 1px, transparent 1px, transparent 2px, rgb(85, 83, 70) 2px);*/
	background-color: rgba(57, 55, 50, .45);
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: 400;
	font-size: 2em;
	line-height: 1.4em;
	color: rgb(249, 246, 230);
	padding: 20px 50px 21px 46px;
	text-shadow: 0 -3px 10px rgb(57, 55, 50), 0 1px 3px rgb(57, 55, 50);
}
h2 {font-size: 1.25em}
h3 {
/*	padding: 0;*/
	line-height: 1.4em;
	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;
}

footer {
	overflow: visible;
	color: rgb(216, 210, 175);
	background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.6) 100%);
	text-align: center;
/*	margin-top: 0px;*/
	height: 70px;
	position: absolute;
	width: 100%;
/*	z-index: 1;*/
	display: block;
/*	border-bottom: 60px solid black;*/
	padding: 65px 0 0 0;
	margin-bottom: 0;
/*	mix-blend-mode: hard-light}*/
}
footer a {padding: .5em; font-size: 1em; letter-spacing: .5px; font-weight: 550; color: rgb(216,210,175); text-shadow:  0 1px 1px rgba(0, 0, 0, 1);}
footer a:hover {color: beige;}
/*BREAKPOINTS*/


/*

@media screen and (max-width: 1100px) {
	.logo {padding-left: 21px;}
	.h_kon, .h_por {max-width: 428px;}
	.bild {margin-left: 67px
	.h_index {width: 90vw}
		bottom:calc(50vh - 161px);
	}
}
*/


@media screen and (max-width: 1090px) {
		h1 {margin-left:2px;}

		.logo {padding-left:21px;}
		.portl {transform: translateY(51px);}
		.col {padding-left: 50px;}
		.cor {padding-left: 26px;}
	/*	width: 430px;}*/
		.col {padding-right: 4.6vw;}
		.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: 1000px) {	
	
#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: 450px}	
#spot {padding-left: calc(15vw - 140px);}
.text{padding: 21px 0 75px calc(-140px + 15vw);}
.menu ul{
	right: calc(15vw - 163px);
	margin-top: 5px;
	min-width: 400px;
/*	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: 45px;
	box-shadow: 0 0;
/*	margin-bottom: 1.55em;*/
	}
	
.menu a, .menu a:visited {
	transition: 0s;
	letter-spacing: 2px;
	font-weight: 500;
	font-size: 1em;
	line-height: 25px;
	color: rgba(255, 255, 255, .7);
/*	width: auto;*/
	padding: 25px 127px 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: 8px;
	}
	
footer{	height: 150px;}
.even {padding-top: 0px;}
#claim {padding-left: calc(15vw - 139px);}
.logo {	padding-left: calc(15vw - 117px);}
.col, .cor {
/*		transition: margin .4s linear;*/
	width: 84vw;
	min-width: 400px;
	max-width: 690px;
	padding-left: 51px;
	padding-right: 10px;
    font-size: .95em;}
.cor {padding-top: .4em;}
/*		h1 {
		width: auto;
		max-width:498px;}*/
.kontr{transform: translateY(-35px);}
.kontl{transform: translateY(295px);}
.portl{transform: translateY(90px);}

#h_index {min-width: 400px; max-width: 565px; width: calc(45vw + 215px); padding-right: calc(40vw - 205px);}
.h_por {top: 50px; width: auto;}
.h_kon, .h_por {border-radius: 4px;}
.h_kon {top: 11px;}
h1{
	margin-left: 6px; font-size: 1.5em;
}
.portrait, .portraitp, .portraitj, .portraitv, .kontakt {transition: 0s; width: 362px;
	height: 362px; border-radius: 8px 0 0 3px; border-right: 0;
}
.bild {z-index: -42;
	top: 0;
	right: 0;
/*	padding: 0;*/
}
.portl{transform: translateY(0);}	
}


@media screen and (max-width: 933px) {
	.logo {padding-left: 23px;}
}


@media screen and (max-width: 545px) {	
	.logo {	padding-left: 8px;}
	#claim p {margin: 0 0 0 37px;}
	#h_index{min-width: 350px;width: calc(100vw + 0px); padding-right: 20px; max-width: 440px;        font-size: 1.3em;}
	.h_alt{	
		min-width: calc(85vw - 102px);
		width: auto;
		margin-bottom: 0;
	}
	h1 {		
/*		width: 100px;*/
        border-radius: 0 4px 4px 0;
        margin-left:-40px;}
	.col, .cor{font-size: .92em; padding-left: 8px; min-width: 84vw; max-width: 350px; width: calc(100vw - 15px);}
/*	.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: 500px) {
		@media screen and (max-width: 1090px) {		
			#naff{height: 100vh;overflow-y: visible}
		}
	article::before{
		content: "";
		width: 100vw;
		height: 160px;
		display: block;
		position: relative;}		
	#h_index {margin-bottom: -160px;}
	.h_alt {margin-top: 188px;}
}

.anim_preload {animation: appear 1.75s .25s linear forwards 1;
	background-color: rgb(98, 95, 81);	
	background-color: rgb(85, 79, 69);
	background-color: rgb(89, 86, 75);
	background-color: rgb(66, 64, 52);}
/*ANIMATIONEN*/
@keyframes appear{
	30% {background-color: rgba(95, 81, 52, .98)}
	45% {background-color: rgba(95, 87, 52, .9)}
/*	100% {background-color: rgba(125, 110, 65, .96)}*/
	100% {background-color: rgba(205, 225, 255, 0)}
	}
@keyframes text-up{
	from {transform: translate3d(0,500px,0);}
	to {transform: translate3d(0,0,0);}
	}