@font-face {
	font-family: "agramed";
	src: url("PPAgrandir-Medium.woff2") format('woff');
}

@font-face {
	font-family: "agrareg";
	src: url("PPAgrandir-Regular.woff2") format('woff');
}



html {
}

body {
	font-family: "agrareg";
	height: 100vh;
	width: 100vw;
	margin:0;
	overflow-x: hidden;
	overflow-y: auto;
}

#maincont {
	position:relative;
	min-height: 95vh;
}

#navi {
	position:relative;
	height: 69px;
}
	

.namediv {
	letter-spacing: 1px;
	position: absolute;
	left: 40px;
	top: 20px;
	overflow: visible;
	font-size: 20px;
	color: rgb(0 0 0);
	/* background-color: red; */
	/* line-height: 27px; */
	z-index: 4;
}

.namediv.black {
	color: rgba(0,0,0,1);
}

#headerdivbaba {
	position: absolute;
	left: 40px;
	top: 187px;
	width: 456px;
	height: 266px;
	line-height: 50px;
	font-size: 48px;
	color: rgba(255,255,255,1);
}
#contactlinkdiv {
	letter-spacing: 1px;
	position: absolute;
	right: 40px;
	top: 20px;
	cursor: pointer;
	font-size: 20px;
	color: rgb(0 0 0);
	z-index: 4;
}
#aboutmelinkdiv {
	letter-spacing: 1px;
	position: absolute;
	right: 140px;
	top: 20px;
	cursor: pointer;
	font-size: 20px;
	color: rgb(0 0 0);
	z-index: 4;
}
.imprintlinkdiv {
	letter-spacing: 1px;
	left: 100px;
	bottom: 31px;
	cursor: pointer;
	line-height: 26px;
	font-size: 15px;
	color: rgb(0 0 0);
	margin-left: 40px;
	margin-top: 40px;
}
.contactpage.imprintlinkdiv {
	position: absolute;
	left: 00px;
	bottom: 40px;
}
#piccont {
	position:relative;
	width: 100vw;
	aspect-ratio: 1920 / 1205;
}
.bgpicdiv {
	position: absolute;
	min-height:100%;
	min-width:100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#textcont {
	min-height: 250px;
	position: relative;
	text-align: center;
	/* border-bottom: 8px solid black; */
	/* background-color: orange; */
}
#textinner {
	font-size: 4vw;
	margin-top:5%;
	width: 70%;
	display: inline-block;
	color:#000;
}

#hejknob {
	margin-top: 4vh;
	border:1px solid black;
	cursor:pointer;
	border-radius: 68px;
	display:inline-block;
	padding: 4px 2vw;
	font-size: 3vw;
	/* width: 100px; */
	/* text-align: center; */
	box-sizing: border-box;
	/* background-color: burlywood; */
}	
.overlay {
	min-height: 100%;
	width:100%;
	background-color:#fff;
	position:absolute;
	color:#000;
	overflow: auto;
}

.closovl {
	cursor: pointer;
}

.close {
	position:absolute;
	top:40px;
	right:40px;
	height:35px;
	width:35px;
	background-repeat: no-repeat;
	background-image: url('close.png');
	cursor: pointer;
}

.contactblockinfo {
	margin-top: 182px;
	margin-left: 130px;
	line-height: 52px;
	font-size: 35px;
}
.contactblocklinks {
	margin-top:40px;
	margin-left: 130px;
	line-height: 52px;
	font-size: 35px;
}

#navibottom {
	/* position:absolute; */
	bottom:0px;
	height: 50px;
	width: 100%;
	background-color: #fff;
	text-align: left;
	margin-left: 40px;
}

#navibottom a {
	color:#000;
}
.ovupperleft {
	font-family: "agramed";
	font-size:20px;
	position:absolute;
	top:20px;
	left:40px;
	width:200px;
	height:40px;
}
.imprintblock {
	margin: 100px 40px 40px 100px;
}

#datenschutz .imprintblock {
	margin: 100px 40px 40px 40px;
}

#aboutme .imprintblock {
	margin: 100px 40px 40px 40px;
}

.aboutmesmall {
	width: 650px;
	font-size: 17px;
}

.auszeichnungen {
	width:50vw;
	width: 550px;
	margin-top: 60px;
}
.auszeichnungenmobil {
	display:none;
}
.imprinttext {
	font-family: "agrareg";
	/* margin-top: 25px; */
	line-height: 24px;
	letter-spacing: 1px;
	max-width: 950px;
}	

.imprintheadline {
	margin-top: 20px;
	line-height: 24px;
	font-weight:bold;
	letter-spacing: 1px;
}	

.aboutmebig {
	font-size: 23px;
	width: 680px;
}

.aboutmesmallhead {
	font-family: "agramed";
	font-size: 17px;
}

.mt120 {
	margin-top: 120px;
}
.mt150 {
	margin-top: 150px;
}
.ml150 {
	margin-left: 150px;
}
.imprinttext.credits {
	margin-top: 100px;
	margin-left: 130px;
	/* margin-right: 20px; */
	max-width: 80%;
	/* position:absolute; */
	/* bottom:110px; */
}
a {
	color:#000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.pic1{ background-image: url('../slides/1.jpg'); }
.pic2{ background-image: url('../slides/2.jpg'); }
.pic3{ background-image: url('../slides/3.jpg'); }
.pic4{ background-image: url('../slides/4.jpg'); }
.pic5{ background-image: url('../slides/5.jpg'); }
.pic6{ background-image: url('../slides/6.jpg'); }
.pic7{ background-image: url('../slides/7.jpg'); }
.pic8{ background-image: url('../slides/8.jpg'); }
.pic9{ background-image: url('../slides/9.jpg'); }
.pic10{ background-image: url('../slides/10.jpg'); }
.pic11{ background-image: url('../slides/11.jpg'); }
.pic12{ background-image: url('../slides/12.jpg'); }
.pic13{ background-image: url('../slides/13.jpg'); }
.pic14{ background-image: url('../slides/14.jpg'); }
.pic15{ background-image: url('../slides/15.jpg'); }
.pic16{ background-image: url('../slides/16.jpg'); }
.pic17{ background-image: url('../slides/17.jpg'); }
.pic18{ background-image: url('../slides/18.jpg'); }
.pic19{ background-image: url('../slides/19.jpg'); }
.pic20{ background-image: url('../slides/20.jpg'); }
.pic21{ background-image: url('../slides/21.jpg'); }
.pic22{ background-image: url('../slides/22.jpg'); }
.pic23{ background-image: url('../slides/23.jpg'); }
.pic24{ background-image: url('../slides/24.jpg'); }
.pic25{ background-image: url('../slides/25.jpg'); }
.pic26{ background-image: url('../slides/26.jpg'); }
.pic27{ background-image: url('../slides/27.jpg'); }
.pic28{ background-image: url('../slides/28.jpg'); }
.pic29{ background-image: url('../slides/29.jpg'); }
.pic30{ background-image: url('../slides/30.jpg'); }
.pic31{ background-image: url('../slides/31.jpg'); }
.pic32{ background-image: url('../slides/32.jpg'); }
.pic33{ background-image: url('../slides/33.jpg'); }
.pic34{ background-image: url('../slides/34.jpg'); }
.pic35{ background-image: url('../slides/35.jpg'); }
.pic36{ background-image: url('../slides/36.jpg'); }
.pic37{ background-image: url('../slides/37.jpg'); }
.pic38{ background-image: url('../slides/38.jpg'); }
.pic39{ background-image: url('../slides/39.jpg'); }
.pic40{ background-image: url('../slides/40.jpg'); }
.pic41{ background-image: url('../slides/41.jpg'); }
.pic42{ background-image: url('../slides/42.jpg'); }
.pic43{ background-image: url('../slides/43.jpg'); }
.pic44{ background-image: url('../slides/44.jpg'); }
.pic45{ background-image: url('../slides/45.jpg'); }
.pic46{ background-image: url('../slides/46.jpg'); }
.pic47{ background-image: url('../slides/47.jpg'); }
.pic48{ background-image: url('../slides/48.jpg'); }
.pic49{ background-image: url('../slides/49.jpg'); }
.pic50{ background-image: url('../slides/50.jpg'); }


@keyframes goaway {
  from {opacity:1;}
  to {opacity:0;}
}

.goawaypic {
  animation-name: goaway;
  animation-duration: 3s;
	animation-fill-mode: both;
}

@keyframes comeon {
  from {opacity:0;}
  to {opacity:1;}
}

.comeonpic {
  animation-name: comeon;
  animation-duration: 4s;
	animation-fill-mode: both;
}

.comeonbody {
  animation-name: comeon;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  /* background-color: #c47f00; */
}