/* Viewports */
@media only screen and (min-width: 1800px){
	#content-layer article .dialog IMG {
		width: 80%;
	}
	#content-layer article .dialogHalf IMG {
		width: 80%;
	}
}
@media only screen and (min-width: 2500px){
	#content-layer article .dialog IMG {
		width: 60%;
	}
}

/* tablet */
@media only screen and (min-width: 1000px) and (max-width: 1200px){
	.dialogHalf {
		left:60%!important;
	}
	.dialogHalf IMG {
		width: 90%!important;
	}	
}
@media only screen and (min-width: 834px) and (max-width: 1000px){
	.dialogHalf {
		left:69%!important;
	}
	.dialogHalf IMG {
		width: 88%!important;
	}
}

/* tablet and height less 660px */
@media only screen and (min-width: 834px) and (max-height: 660px) {
	nav.desktop > ul > li {
		font-size: 20px!important;
	}
	nav.desktop > ul > li > a { 
		line-height:38px!important;
	}
	nav.desktop ul.sec > li > a {
		line-height:12px!important;
		font-size:16px!important;
	}
	#sec-nav-2.active {
		height:50px!important;
	}
	#sec-nav-3.active {
		height:120px!important;
	}
	#sec-nav-4.active {
		height:150px!important;
	}
}

/* Mobile and Height between 500px nad 834px */
@media only screen and (min-width: 0px) and (max-width: 834px) and (min-height: 500px) and (max-height: 620px){
	nav.mobile > ul > li > a {
		line-height: 36px!important;
	}
	nav.mobile ul.sec > li > a {
		line-height: 28px!important;
	}
	#msec-2.active {
	  height: 58px!important;
	}
	#msec-3.active {
	  height: 140px!important;
	}
	#msec-4.active {
	  height: 165px!important;
	}
	nav.mobile li:nth-child(6) {
		bottom:34px!important;
	}
	nav.mobile li:nth-child(7) {
		bottom:5px!important;
	}
}

/* Mobile and height less 500px */
@media only screen and (min-width: 0px) and (max-width: 834px) and (min-height: 0px) and (max-height: 500px){
	.mobileHeaderWrapper  { display:none!important; }
	.mobileHeader { display:none!important; }
	#mobileNav { display:none; }
}

/* iphone, ipad */
@media only screen and (min-width: 0px) and (max-width: 834px){
	nav.desktop {
		display: none;
	}
	.scrollNav {
		display: none;		
	}
	.mobileHeaderWrapper {
		display: block;
		position:fixed;
		z-index:5;
		left:0px;
		right:0px;
		top:0px;
		height:114px;
		background-color: #d9c9ba;
		width:auto;
		overflow:hidden;
	}
	.mobileHeader{
		display: block;
		position:fixed;
		z-index:6;
		left:8px;
		right:8px;
		top:8px;
		height:106px;
		border-radius: 18px;
		background-color: #e9e3db;
		width:auto;
		overflow:hidden;
	}
	.mobileHeader .logo2 {
		position:absolute;
		left:15px;
		top:24px;
		width:40px;
	}	
	.mobileHeader .aktivNav {
		font-family:'Yaldevi-ExtraLight',serif;
		font-weight:300;
		font-size:24px;
		line-height:25px;
		color: #163766;		
	}
	.mobileHeader .aktivNav.single {
		font-family:'Yaldevi-ExtraLight',serif;
		font-weight:300;
		font-size:24px;
		line-height:25px;
		color: #163766;		
		padding: 41px 0 0 86px;
	}	
	.mobileHeader .aktivNav.double {
		font-family:'Yaldevi-ExtraLight',serif;
		font-weight:300;
		font-size:24px;
		line-height:25px;
		color: #163766;		
		padding: 29px 0 0 86px;
	}	
	.mobileHeader .aktivNav span {
		font-family:'Yaldevi-SemiBold',serif;
		font-weight:300;
		font-size:18px;
		line-height:25px;
		color:#163766;
		display:block;
	}
	.mobileHeader .aktivNav img {
		position: absolute;
		top:46px;
		right:13px;
		width:30px;
	}
	nav.mobile {
		position:fixed;
		z-index:7;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		background-color: #FFF;
	}
	nav.mobile .logo {
		position:absolute;
		left:23px;
		top:32px;
		width:40px;
	}
	nav.mobile .close {
		position:absolute;
		right:-2px;
		top:22px;
	}
	nav.mobile .close img {
		width:80px;
	}
	nav.mobile > ul {
		margin:0;
		padding:0;
		position: absolute;
		top:120px;
		bottom:0;
		left:24px;
		list-style-type:none;
	}
	nav.mobile > ul > li > a {
		font-family:'Yaldevi-ExtraLight',serif;
		font-weight:300;
		font-size:22px;
		line-height:48px;
		color: #163766;
	}
	nav.mobile > ul > li > a.selected {
		font-family:'Yaldevi-Regular',serif;
	}
	nav.mobile ul.sec {
		padding: 0px 0 0 0;
		list-style-type:none;
		height:0px;
		opacity:0;
		transition: all 0.5s ease-out;
		transform: translateY(0);
	}
	nav.mobile ul.sec li {
		margin:0;
		padding:0;
	}
	nav.mobile ul.sec li a {
		font-family:'Yaldevi-ExtraLight',serif;
		font-weight:300;
		font-size:18px;
		line-height:36px;
		color: #163766;
	}
	nav.mobile ul.sec li a.selected {
		font-family:'Yaldevi-SemiBold',serif;
	}	
	nav.mobile ul.sec li {
		display: none;
	}
	nav.mobile ul.active  {
	  opacity: 1;
	}
	nav.mobile ul.active li {
		display:block!important;
	}
	nav.mobile #msec-2.active {
	  height: 73px;
	}
	nav.mobile #msec-3.active {
	  height: 185px;
	}
	nav.mobile #msec-4.active {
	  height: 217px;
	}
	nav.mobile #msec-5.active {
	  height: 38px;
	}
	nav.mobile .m6 {
		position: absolute;
		bottom: 40px;
	}
	nav.mobile .m6 a {
		font-size:18px;
	}
	nav.mobile .m7 {
		position: absolute;
		bottom: 7px;
	}
	nav.mobile .m7 a {
		font-size:18px;
	}
	#content-layer .category {
		display:block;
	}
	#content-layer article {
		padding-left:0px;
		display:block;
		width:100%!important;
	}
	#content-layer article .dialog IMG {
		width:95%;
	}
	#content-layer article .txt {
		position:static;
		padding-top:109px;
		padding-left:22px!important;
		padding-right:22px!important;
		width:auto;
  		display: block;
  		z-index: 2;
	}
	#content-layer article .txtFull {
		position:static;
		padding-top:109px;
		padding-left:22px!important;
		padding-right:22px!important;
		width:auto;
  		display: block;
  		z-index: 2;
	}	
	#content-layer article .txtBox {
		width:100%!important;
		opacity:1!important;
	}
	#content-layer article .txtFull .txtBox {
		height:100%!important;
		bottom:22px!important;
		padding-bottom:22px;
	}	
	#content-layer article .dialogHalfMobile {
		position:static;
		right:0px;
		left:0px;
		width:100%;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 3;
	}
	#content-layer article .dialog {
	  	position:absolute;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
	  	display: flex;
	  	justify-content: center;
	  	align-items: center;
	}
	#content-layer article .dialogHalfMobile IMG {
		width:95%;
	}
	h1 {
		font-family:'Yaldevi-SemiBold',sans-serif;
		font-size:18px;
		line-height:28px;
		font-weight:400;
	}
	h2 {
		font-family:'Yaldevi-Light',sans-serif;
		font-size:16px;
		line-height:24px;
		font-weight:400;
	}
	h3 {
		font-family:'Yaldevi-Light',sans-serif;
		font-size:16px;
		line-height:24px;
		font-weight:400;
	}
	p {
		font-family:'Yaldevi-Light',sans-serif;
		font-size:15px;
		line-height:22px;
		font-weight:400;
		padding:0 0 0 0;
	}

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

	.leitsetze img {
		padding:15px 15px 0 0;
		width: 190px;
		height: 140px;
	}

	.dialogHalf {
		display: none;
	}

}