@font-face {
  font-family: 'Yaldevi-Bold';
  src: url(font/Yaldevi-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Yaldevi-SemiBold';
  src: url(font/Yaldevi-SemiBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Yaldevi-Medium';
  src: url(font/Yaldevi-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Yaldevi-Regular';
  src: url(font/Yaldevi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Yaldevi-Light';
  src: url(font/Yaldevi-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Yaldevi-ExtraLight';
  src: url(font/Yaldevi-ExtraLight.ttf) format('truetype');
}

html {
	width: 100vw;
	overflow-x: hidden;
}

body {
	margin:0;
	padding:0;
	min-height:100vh;
	background-color:#d9c9ba;
}

body.body-noscroll {
	overflow:hidden;
}

a {
	text-decoration:none;
	font-family:'Yaldevi-Medium',sans-serif;
	color:#221f20;
	cursor:pointer;
}

a.anchor {
	display:block;
	height:0;
	overflow:hidden;
}

h1 {
	text-decoration:none;
	font-family:'Yaldevi-Medium',sans-serif;
	color:#000;
	font-size:22px;
	line-height:30px;
	font-weight:400;
	padding:36px 0 22px 0;
	margin:0;
}

h2 {
	text-decoration:none;
	font-family:'Yaldevi-ExtraLight',sans-serif;
	color:#000;
	font-size:16px;
	line-height:22px;
	font-weight:400;
	padding:0;
	margin:0;
}

h3 {
	font-family:'Yaldevi-Light',sans-serif;
	color:#000;
	font-size:18px;
	line-height:26px;
	font-weight:400;
	padding:0 0 22px 0;
	margin:0;
	margin-top:-22px;	
}

p {
	font-family:'Yaldevi-Light',sans-serif;
	color:#000;
	font-size:17px;
	line-height:26px;
	font-weight:400;
	padding:0x 0 0 0;
	margin:0;
	clear:both;
}

br { padding-top:22px; }

b {
	font-family:'Yaldevi-SemiBold',sans-serif;
	color:#000;
	font-weight:400;
}

i {
	font-family:'Yaldevi-ExtraLight',sans-serif;
	color:#000;
	font-style:italic;
}

ol {
	list-style-type: square;
}

#splash-screen {
	display:block;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:#FFF;
	z-index:200;  
	width:100%;
	height:100%;
}

#splash-screen .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#splash-screen .line-1 {
	height:90px;
	width:100px;
	margin-top:140px;
	font-size:24px;
	line-height:30px;
	font-weight:400;
	color:#000;
	position: absolute;
	top: 50%;
	left: 51%;
	transform: translate(-50%, -50%);
}

#splash-screen .line-2 {
	height:90px;
	width:80px;
	margin-top:170px;
	font-size:24px;
	line-height:30px;
	font-weight:400;
	color:#000;
	position: absolute;
	top: 50%;
	left: 51%;
	transform: translate(-50%, -50%);
}

/* article */
.bg-layer {
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	margin:0;
	padding:0;
	overflow:hidden;
	z-index:-1;
}

.bg-layer > div {
	display:none;
	position:relative;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	top: 0vh;
}

.bg-layer > div:first-child {
	width:100%;
	height:110vh;
}

.bg-layer > div:first-child + div {
	width:0;
	height:0;
}

#content-layer {
}

#content-layer .content {
	position:relative;
	visibility:visible;
}

#content-layer .category {
	min-height:100vh;
  display: flex;
  align-items: center;
}

#content-layer #category-1 {
	display:block;
}

#content-layer #category-6 {
	display:none;
}

#content-layer #category-7 {
	display:none;
}

#content-layer article {
	padding-left:323px;
	height:100%;
	width:33%;
}

#content-layer article.full {
	width:100%;
	padding-left:0px;
}

#content-layer article .dialog {
  opacity:0;
  position:fixed;
	top:0px;
	bottom:0px;
	left:323px;
	right:0px;
  display: none;
  justify-content: center;
  align-items: center;
}

#content-layer article .dialog.show {
	opacity:1;
	display: flex;
	animation: einblenden 1s;
}

#content-layer article .dialog IMG {
	width:100%;
}

#content-layer article .txt {
  z-index: 2;
}

#content-layer article .txtFull {
  z-index: 2;
  padding-left:323px;
  padding-right:32px;
}

#content-layer article .txtBox {
	width:100%;
}

#content-layer article .dialogHalfMobile {
	display: none;
}

article .txtFull LI {
	font-family:'Yaldevi-Light',sans-serif;
	color:#000;
	font-size:17px;
	line-height:26px;
	font-weight:400;
	padding:0x 0 0 0;
	margin:0;	
}

article STRONG {
	font-family:'Yaldevi-Medium',sans-serif;
	color:#000;
	font-size:17px;
	line-height:26px;
	font-weight:400;
	padding:0x 0 0 0;
	margin:0;	
}

#content-layer article .txt ul {
	margin: 22px 0 0 0;
	list-style-type: square;
}

#content-layer article .txt li {
	font-family:'Yaldevi-ExtraLight',sans-serif;
	color:#000;
	font-size:17px;
	line-height:26px;
	font-weight:400;
	padding:0 0 0 0px;
	margin:0;	
}

.dialogHalf {
	display:none;
	opacity:0;
  position:fixed;
	top:0px;
	bottom:0px;
	left:55%;
	right:0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dialogHalf.show {
	opacity:1;
	animation: einblenden 1s;
}

.dialogHalf IMG {
	width:80%;
}


/* navigation */
nav.mobile {
	display: none;
}
.mobileHeaderWrapper {
	display: none;
}
.mobileHeader {
	display: none;
}

nav.desktop {
	position:fixed;
	z-index:5;
	left:24px;
	top:24px;
	bottom:24px;
	width:268px;
	border-radius: 18px;
	background-color: #e9e3db;
}

nav.desktop > .logo {
	position:absolute;
	left:24px;
	top:20px;
}

nav.desktop > ul > li {
	padding:0 0 0px 0;
	font-size:24px;
	color: #163766;
}

nav.desktop > ul {
	margin:0;
	padding:120px 0 0 24px;
	list-style-type:none;
}

nav.desktop > ul > li > a {
	color: #163766;
	text-decoration:none;
	white-space:nowrap;
	font-family:'Yaldevi-Light',serif;
	font-weight:300;
	font-size:24px;
	line-height:52px;
	width:100%;
}

nav.desktop ul.sec {
	padding: 0 0 0 16px;
	list-style-type:none;
	height:0px;
	opacity:0;
	transition: all 0.5s ease-out;
  transform: translateY(0);
}

nav.desktop ul.sec li {
	display: none;
}

nav.desktop ul.active  {
  opacity: 1;
}

nav.desktop ul.active li {
	display:block!important;
}

#sec-nav-2.active {
  height: 55px;
}

#sec-nav-3.active {
  height: 145px;
}

#sec-nav-4.active {
  height: 172px;
}

#sec-nav-5.active {
  height: 27px;
}

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

nav.desktop ul.sec > li {
	padding:1px 0 0 0;
	margin:0;
}

nav.desktop ul.sec > li > a {
	padding:0;
	margin:0;
	font-family:'Yaldevi-Light',serif;
	font-weight:300;
	font-size:18px;
	line-height:24px;
	color:#163766;
	text-decoration:none;
	white-space:nowrap;
}

nav.desktop > ul > li > a.active {
	font-family:'Yaldevi-MEdium',serif;
	font-weight: 500;
}

nav.desktop ul.sec > li > a.active {
	font-family:'Yaldevi-Medium',serif;
	font-weight:500;
	font-size:18px;
	line-height:24px;
}

#nav-6 {
	position: absolute;
	bottom: 40px;
}
#nav-6 {
	font-size:18px;
}
#nav-7 {
	position: absolute;
	bottom: 7px;
}
#nav-7 {
	font-size:18px;
}


.holger img { 	
	padding-bottom: 16px;
}
.kirstin img { 	
	padding-bottom:16px;
}
.adler img { 	
	float: left;
	padding-right: 16px;
}
.ipa img { 	
	float: left;
	padding-right: 16px;
}
.leitsetze img {
	padding:20px 20px 0 0;
	width: 200px;
	height: 150px;
}

.ipavision img {
	width: 100%;
}

.fullHeight { height: 100%; }