@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
body{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	margin:0;
}


/* dasmenu toggler */
.menutoggler{
	position: fixed;
	z-index: 99;
	margin: 0 auto;
	width: 100%;
}
.menutoggler div{
	/*max-width: 1200px;*/
	margin: 0 auto;
	position: relative;
}
.menutoggler button{
	position: absolute;
	top:0; right: 0;
	padding: 0;
	z-index: 101;
	border:none;
	background-color: transparent;
	cursor: pointer;
	border-radius: 0.2em;
	transition: transform 0.1s ease-out;
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* disable ios highlight */
	-webkit-user-select:none; /* disable ios magnifier*/
	outline: none;
}

.menutoggler button{ top: 20px; right: 20px; }

@media only screen and (min-width : 480px) { .menutoggler button{ top: 30px; right: 30px; } }
@media only screen and (min-width : 720px) { .menutoggler button{ top: 50px; right: 50px; } }
@media only screen and (min-width : 1080px) { .menutoggler button{ top: 70px; right: 70px; } }



/*.menutoggler button:hover{ transform: scale(1.2); }*/
/*.menutoggler button:active{ transform: scale(1); }*/
.menutoggler button span{
	overflow: hidden;
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	padding: 0;
	text-indent: 100%;
}
.menutoggler button span::before,
.menutoggler button span::after{
	content: "";
	position: absolute;
	top: 8px;
	left: 19px;
	width: 20px;
	height: 3px;
	background: black;
	transition: transform 0.3s cubic-bezier(.09,.2,.14,1);
}
.menutoggler button span::after{ transform: rotate(0deg) translateY(-4px)  }
.menutoggler button span::before{ transform: rotate(0deg) translateY(4px) scaleX(0.8) translateX(2px) }
.menutoggler.open button span::after{ transform: rotate(45deg);}
/*.menutoggler.open button span::before{ transform: rotate(-45deg) translateY(0px);}*/

/**
 * ----------------------------------------------------------
 *	
 * ----------------------------------------------------------
 */

/* dasmenu layout */
.noscroll-dasmenu{ overflow: hidden; }
.dasmenu{
	display: none;
	position: fixed;
	z-index: 99;
	top: 0; right: 0; bottom: 0; left: 0;
}
.dasmenu.open{ display: block; }
.dasmenu .curtain{
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: black;
	opacity: 0.5;
	opacity: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* disable ios highlight */
	-webkit-user-select:none; /* disable ios magnifier*/
}
/*.dasmenu.open .curtain{ animation: dasmenu_curtain_fade_in 1s cubic-bezier(0,.62,.02,1) both; }*/
/*@keyframes dasmenu_curtain_fade_in { 0% { opacity: 0; } 100% { opacity: 0.1; } }*/
.dasmenu.open .curtain{ opacity: 0.05; }

.dasmenu .content{
	-webkit-overflow-scrolling:touch; overflow-y: auto;
	max-height: 100%;
	position: relative;
	background-color: #fff;

	animation: dasmenu_drop_in 0.3s cubic-bezier(0,.62,.02,1) both;

	/*position: absolute;*/
	/*right: 0;*/
	/*bottom: 0;*/
	/*top:0;*/
	/*width: 50%;*/
	/*max-width: 500px;*/
}
@keyframes dasmenu_drop_in {
  0% { transform: translateY(-100px); }
  100% { transform: translateY(0); }
}


@keyframes ani_welcome {
  0% { transform: translateY(100px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1 }
}


.ani_dropin{
	animation: ani_welcome 2s cubic-bezier(0,.62,.02,1) both;

}



.whenbig{ display: none; }
@media only screen and (min-width : 720px) {
	.whenbig{ display: block; }
}

.dasmenu .colos:after { content:" "; display:table; clear:both; }
.dasmenu .colo{
	float: left; 
	width: 100%;
}
@media only screen and (min-width : 720px) {
	.dasmenu .colo{ width: 50%; }
}
@media only screen and (min-width : 480px) {}
@media only screen and (min-width : 768px) {}
@media only screen and (min-width : 992px) {}
@media only screen and (min-width : 1200px) {}





.dasmenucontent{
	/*max-width: 1200px;*/
	/*border: 1px solid red;*/
	margin: 0 auto;
	position: relative;
	/*padding: 2em;*/
	box-sizing: border-box;
}
.dasmenucontent a{ text-decoration: none; color: black; line-height: 2em;
	display: block;
 }
.normalpage{
	position:relative; 
	/*//that's it*/
	max-width: 1200px;
	margin: 0 auto;
	line-height: 2em;
	box-sizing: border-box;
	padding: 3em 2em;
}











.slide-in-top {
	-webkit-animation: slide-in-top 0.4s cubic-bezier(0,.62,.02,1) both;
	        animation: slide-in-top 0.4s cubic-bezier(0,.62,.02,1) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2018-4-25 15:5:6
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    /*opacity: 0;*/
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    /*opacity: 1;*/
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    /*opacity: 0;*/
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    /*opacity: 1;*/
  }
}