@media only screen and (max-device-width: 480px) {
	@viewport {
   width: device-width;
   zoom:1;

	}


/*@wCssFragment{class:mediaquerySize;variant:min769;caption:Sobald die Fenstergröße größer 768 Pixel ist;caption-en:Hide if window width is larger than 768 pixel} */
@media only screen and (max-width: 480px){
#BurgerToggle
{
  display: block;
  position: relative;
  top: 40px;
  left: 25px;
  z-index: 99;
  -webkit-user-select: none;
  user-select: none;
}

#BurgerToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#BurgerToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background-color: #333;
  border-radius: 3px;
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#BurgerToggle span:first-child
{
  transform-origin: 0% 0%;
}

#BurgerToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#BurgerToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#BurgerToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#BurgerToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#Burger
{
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  
 
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#Burger li
{
  padding: 10px 0;
  font-size: 22px;
}

/*
 * And let's slide it in from the left
 */
#BurgerToggle input:checked ~ ul
{
  transform: none;
}	
}
	
	
	

.menu,.menu li,div#kiga_header{
	text-align:center}
	@font-face{
		font-family:quicksandregular;
		src:url(../fonts/quicksand_kit/quicksand-regular-webfont.woff2) format('woff2'),url(../fonts/quicksand_kit/quicksand-regular-webfont.woff) format('woff');
		font-weight:400;
		font-style:normal}
body{
		padding:0;
		margin:0;
		background-color:white;
		overflow-x:hidden}
img{
		border-radius:4px;
		box-shadow:4px 4px 8px #333}
	
img#kiga_background{
		position:fixed;
		top:0;
		left:50%}
#snow{
	background: none;
	font-family: Androgyne;
	background-image: url('https://waldkindergarten-wm.de/templates/kigawald-neu/images/s1.png'), url('https://waldkindergarten-wm.de/templates/kigawald-neu/images/s2.png'), url('https://waldkindergarten-wm.de/templates/kigawald-neu/images/s3.png');
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:0;
	-webkit-animation: snow 10s linear infinite;
	-moz-animation: snow 10s linear infinite;
	-ms-animation: snow 10s linear infinite;
	animation: snow 10s linear infinite;
	display:none;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}	

.noshadow{
	box-shadow:none;
	border-radius:0}
#cont_c252cac85dba9e56993d30023e8f0cd4{
	position:absolute;
	top:5px;
	float:right;
	z-index:99;
	display:none;}
#backtotop{
	position:relative;
	margin:auto;
	width:50px;
	height:50px;
	box-shadow:none;
	border-radius:none;
	z-index:98}
div#kiga_bg{
	padding:0;
	margin:0;
	top:0;
	left:0;
	width:100%}
div#kiga_main{
	padding:0;
	margin:0 auto;
	min-height:1600px;
	width:100%;
	position:relative;
	top:-100px}
div#kiga_header{
	font-size:14pt;
	margin:0;
	height:120px}
div#kiga_box_top{
	background:url(../images/Kiga_01.png) no-repeat;
	background-size: contain;
	background-position: left bottom;
	width: 100%;
	min-height: 100px;
	margin:0;

}
	
.topboximg {
		vertical-align: top;
		width: 100%;
		opacity: 0%;
	box-shadow: none!important;

	}
div#kiga_box_body{
	padding: 1px 30px 20px;
	/* padding:1px 50px 40px; */
	background:url(../images/Kiga_02.png) repeat-y;
	background-size: contain;
	margin:0;
	min-height:1000px}
.kiga_shadow{
	box-shadow:4px 4px 8px #333;
	margin-left: 10px;
	max-width: 290px;
	}
div#kiga_box_bottom{
	background:url(../images/Kiga_03.png) no-repeat;
	background-size: contain;
	margin:0;
	height:133px}
div.kiga_content,div.kiga_lable{
	background-color:#fff;
	box-shadow:4px 4px 8px #333;
	font-size:12;
	display:inline-block;
	font-family:quicksandregular}
div.kiga_content,div.kiga_content_centered{
	background-position:top left;
	background-origin:border-box}
div#kiga_footer{
	height:260px}
div.kiga_content_centered{
	width:90%!important;
	margin:5px auto!important;
	padding:10px;
	font-family:quicksandregular;
	font-size:6;
	border-radius:4px;
	box-shadow:4px 4px 8px #333;
	background-image:url(../images/papier4.jpg);
	background-size:100%}
	.kiga_table{
		position: relative;
		width: 100%;
	}
div.kiga_lable{
	position:absolute;
	margin:10px;
	padding:10px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-left-radius:4px;
	left:-30px;
	top:-30px}
div.kiga_labled_box{
	position:relative;
	margin-left: 15px!important;
	margin-top:40px;
	font-family:quicksandregular}

	.kiga_labled_box img {
		
		width: 280px;
		height: auto;
	}

div.kiga_labled_pin{
	background-image:url(../images/pin.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:auto;
	width:32px;
	height:35px;
	position:relative;
	top:15px;
	left:45%;
	right:0;
	margin:0;
	z-index:99}
div.kiga_content{
	position: relative;
	width:90%!important;
	margin:0;
	padding:10px;
	border-radius:4px;
	background-image:url(../images/papier4.jpg);
	background-size:contain;
	margin-left: 10px!important;
	}
div.kiga_content2{
	display:inline-block;
	margin:0;
	padding:20px;
	font-family:quicksandregular;
	font-size:10}
.menu{padding:0;
	margin:0;
	position:absolute;
	font-family:quicksandregular}
#kiga_menu_left .menu{
	left:-50px;
	width:120px;
	z-index:10}
#kiga_menu_right .menu{
	left:800px;
	width:250px;
	z-index:10;
	display:none;}
.menu li{
	display:inline-block;
	font-family:quicksandregular;
	font-size:12px;
	font-weight:700;
	width:100%;
	height:40px;
	margin:0 0 5px;
	position:relative;
	}
.login+div li,.menu li a{
	display:block}
#kiga_menu_left .menu li{
	background-color:#FF7E55;
	box-shadow:0 0 2px 2px #E07C55}
.item-435,.item-468,.item-469,.item-470,.item-471,.item-472,.item-473,.item-474,.item-475,.item-478,.item-479,.item-481,.item-482,.item-495{
	box-sizing:border-box;
	padding-left: 10px!important;
	padding-top:15px!important;
	background-repeat: no-repeat;
	font-size: 12px!important;
	text-align: left!important;
	
		}
.item-435{
	background-image:url(../images/menu_li_1.png)}
.item-479{background-image:url(../images/menu_li_2.png)}
.item-495{background-image:url(../images/menu_li_3.png)}
.item-468{background-image:url(../images/menu_li_4.png)}
.item-469{background-image:url(../images/menu_li_5.png)}
.item-470{background-image:url(../images/menu_li_6.png)}
.item-471{background-image:url(../images/menu_li_1.png)}
.item-472{background-image:url(../images/menu_li_2.png)}
.item-481{background-image:url(../images/menu_li_3.png)}
.item-473{background-image:url(../images/menu_li_4.png)}
.item-474{background-image:url(../images/menu_li_5.png)}
.item-475{background-image:url(../images/menu_li_6.png)}
.item-478{background-image:url(../images/menu_li_1.png)}
.item-482{background-image:url(../images/menu_li_2.png)}
.menu li.current{
	font-weight:700;
	font-size:120%;
	color:#FFF;padding-top:2px}

.menu li a{
	text-decoration:none;
	color:#CCC;
	text-shadow:2px 2px 2px #000;
	}
.current,.menu li a:hover{
	color:#FFF}

.login,.login+div,.logout,.profile,.profile-edit,.registration,.registration-complete,.remind,.reset{
	width:600px;
	margin:10px auto;
	background-color:#fff;
	padding:20px;
	font-family:calibri;
	font-size:14;
	box-shadow:0 0 4px 2px #888}
.registration-complete:before{
	content:"Die Registrierung ist noch nicht ganz abgeschlossen. Im ersten Schritt wurde eine Mail mit einem Link verschickt, der angeklickt werden muss. Danach werden die Anmeldedaten durch den Administrator geprüft (dies kann einige Tage dauern) und schliesslich die Zugangsdaten per Mail verschickt."}
.login+div ul{
	padding:0;margin:0}
.login-description{
	margin-bottom:15px}
fieldset{
	border:0;
	padding:0}
fieldset legend{
	font-size:200%;
	margin-bottom:20px}
.login label{
	width:140px;
	display:inline-block}
.tip-wrap{
	background-color:#FFEF9D;
	padding:5px;
	border:1px solid grey;
	font-family:calibri}
.actions{
	display:none}
}