.knob {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom:8px;
  border:1px solid #999;
	text-align:center;
	box-shadow: 0 5px #777;
	background: rgb(255,255,240);
	background: radial-gradient(circle, rgba(255,255,240,1) 50%, rgba(190,190,180,1) 100%);
	outline: none !important;
	color:#000000;
	font-weight:bold;
}
	/* .knob-mobile { */
		/* height: 65px; */
		/* width: 65px; */
		/* border-radius: 50%; */
		/* display: inline-block; */
		/* margin:0; */
		/* border:1px solid #999; */
		/* text-align:center; */
		/* box-shadow: 0 5px #777; */
		/* background: rgb(255,255,240); */
		/* background: radial-gradient(circle, rgba(255,255,240,1) 50%, rgba(190,190,180,1) 100%); */
	/* } */
  .knob:hover, .knob-top:hover, .knob-bottom:hover {
    cursor:pointer;
  }  
	.knob:active, .knob-top:active, .knob-bottom:active {
		box-shadow: 0 2px #666;
		transform: translateY(3px);
		background-color: #999;
		filter: brightness(100%);
  }
	/* .knob:active::after, .knob-top:active::after, .knob-bottom:active::after { */
		/* content: "O"; */
	/* } */

/* .knob-top { */
	/* text-align:center; */
	/* width: 50px; */
	/* height: 25px; */
	/* background-color: #bbb; */
	/* border-top-left-radius: 25px; */
	/* border-top-right-radius: 25px; */
	/* border: 1px solid #bbb; */
	/* border-bottom: 0; */
/* } */
/* .knob-bottom { */
	/* text-align:center; */
	/* width: 50px; */
	/* height: 25px; */
	/* background-color: #aaa; */
	/* border-bottom-left-radius: 25px;  */
	/* border-bottom-right-radius: 25px; */
	/* border: 1px solid #bbb; */
	/* border-top: 0; */
  /* margin-bottom:5px; */
/* } */
.gleichton {
	/* background-color: #AB3428;
	color:#fff; */
	border:3px solid #AB3428;
}

.pressed {
	box-shadow: 0 3px #666;
	transform: translateY(4px);
	/* background-color: #666; */
	/* background-color: #2292A4; */
	filter: brightness(90%);
}
	/* .pressed::after { */
		/* content: "O"; */
	/* } */

.finger-1 { /* Daumen - Schwarz */
	/* background: radial-gradient(circle, rgba(220,20,220,1) 50%, rgba(190,0,180,1) 100%); */
	/* background: radial-gradient(circle, rgba(0,255,240,1) 50%, rgba(190,0,180,1) 100%); */
	background: radial-gradient(circle, rgba(0,0,0,1) 100%, rgba(0,0,0,1) 100%);
	color:#ffffff;
}
	/* .finger-1::after { */
		/* content: "1"; */
	/* } */

.finger-2 { /* Zeigefinger - Rot */
	/* background: radial-gradient(circle, rgba(220,20,20,1) 50%, rgba(190,0,180,1) 100%); */
	/* background: radial-gradient(circle, rgba(207,0,15,1) 100%, rgba(246,71,71,1) 100%); */
	background: radial-gradient(circle, rgba(207,0,15,1) 100%, rgba(207,0,15,1) 100%);
}
	/* .finger-2::after { */
		/* content: "2"; */
	/* } */

.finger-3 { /* Mittelfinger - Gruen */
	/* background: radial-gradient(circle, rgba(20,220,20,1) 50%, rgba(190,0,180,1) 100%); */
	/* background: radial-gradient(circle, rgba(22,160,133,1) 100%, rgba(144,198,149,1) 100%); */
	background: radial-gradient(circle, rgba(22,160,133,1) 100%, rgba(22,160,133,1) 100%);
}
	/* .finger-3::after { */
		/* content: "3"; */
	/* } */

.finger-4 { /* Ringfinger - Blau */
	/* background: radial-gradient(circle, rgba(20,20,220,1) 50%, rgba(190,0,180,1) 100%); */
	/* background: radial-gradient(circle, rgba(15,10,222,1) 100%, rgba(11,127,171,1) 100%); */
	background: radial-gradient(circle, rgba(15,10,222,1) 100%, rgba(15,10,222,1) 100%);
}
	/* .finger-4::after { */
		/* content: "4"; */
	/* } */
	
.finger-5 { /* Kleiner Finger - Gelb */
	/* background: radial-gradient(circle, rgba(20,220,220,1) 50%, rgba(190,0,180,1) 100%); */
	/* background: radial-gradient(circle, rgba(255,240,0,1) 100%, rgba(255,255,159,1) 100%); */
	background: radial-gradient(circle, rgba(255,240,0,1) 100%, rgba(255,240,0,1) 100%);
}
	/* .finger-5::after { */
		/* content: "5"; */
	/* } */
	
.visually-hidden {
	display: none;
}

.zod {
	/* min-height: 330px; */
	/* padding-top:10px; */
	/* padding-bottom:5px; */
  /* width: 50px; */
  /* background-color: #eee; */
  border:0;
  /* border-radius: 25px; */
  display: block;
	text-align:center;
	font-weight:bold;
}


/* Balg */
@-webkit-keyframes leftarrow {
  0% { -webkit-transform: translateX(0em); opacity:0; }
  25% { -webkit-transform: translateX(-0.33em); opacity:0.5; }
  50% { -webkit-transform: translateX(-0.66em); opacity:1; }
  75% { -webkit-transform: translateX(-1em); opacity:0.5; }
  100% { -webkit-transform: translateX(-1.1em); opacity:0; }
}
@-webkit-keyframes rightarrow {
  0% { -webkit-transform: translateX(0em); opacity:0; }
  25% { -webkit-transform: translateX(0.33em); opacity:0.5; }
  50% { -webkit-transform: translateX(0.66em); opacity:1; }
  75% { -webkit-transform: translateX(1em); opacity:0.5; }
  100% { -webkit-transform: translateX(1.1em); opacity:0; }
}

#bellows-pull {
	width: 120px;
	min-height: 500px;
	margin:0 auto;
}
#bellows-pull .left {
	margin-left:20px;
}

#bellows-push {
	width: 120px;
	min-height: 500px;
	margin:0 auto;
}
#bellows-push .left {
	margin-left:0px;
}
#bellows-push .right {
	margin-right:40px;
}

.arrow {
  display:inline-block;
}
.left {
  -webkit-animation: leftarrow 1.5s normal infinite linear;
}
.right {
  -webkit-animation: rightarrow 1.5s normal infinite linear;
}


#easy-midi-player-controls input[type="radio"],
#easy-midi-player-controls input[type="checkbox"] {
	opacity: 0;
	position: fixed;
	width: 0;
	height:0;
}
#easy-midi-player-controls label {
	font-size:1.0em;
	margin-bottom:20px;
	padding:10px;
	border:1px solid #234E70;
	cursor: pointer;
	background:#FFE5B5;
	outline: none !important;
	border-radius:3px;
}

#easy-midi-player-controls input[type="radio"]:hover + label,
#easy-midi-player-controls input[type="checkbox"]:hover + label,
#easy-midi-player-controls input[type="radio"]:checked + label,
#easy-midi-player-controls input[type="checkbox"]:checked + label	{
	color:#FFE5B5;
	background:#234E70 !important;
}





/* #easy-midi-player-controls { */
	/* width:840px; */
	/* padding:0; */
	/* margin:0; */
	/* display:block; */
	/* margin:0 auto; */
/* } */
	/* #easy-midi-player-controls .row { */
		/* display:block; */
		/* width:100%; */
		/* padding:0 !important; */
		/* margin:0 0 10px 0 !important; */
	/* } */
	/* #easy-midi-player-controls .row > * { */
		/* display:inline-block; */
		/* color:#000; */
		/* margin:0; */
		/* padding:0; */
	/* } */
	/* #easy-midi-player-controls .row button { */
		/* font-size:1.4em; */
		/* height:50px; */
		/* width:50px; */
		/* margin:0; */
		/* padding:0; */
		/* border:1px solid #000; */
		/* cursor: pointer; */
		/* background:#fff; */
		/* outline: none !important; */
		/* border-radius:3px; */
	/* } */
		/* #easy-midi-player-controls .row button:hover { */
			/* color:#4a4a4a; */
		/* } */
		/* #easy-midi-player-controls .row #easy-midi-progress { */
			/* width:600px; */
			/* height:25px; */
			/* border:1px solid #000; */
			/* border-radius:3px; */
		/* } */
		/* #easy-midi-player-controls .row #easy-midi-player-bar { */
			/* height:23px; */
			/* width:0%; */
			/* outline: none; */
			/* margin: 0; */
			/* cursor: pointer; */
			/* background:#aaa; */
		/* } */
		/* #easy-midi-player-controls .row #length-container { */
			/* padding:0 !important; */
			/* width:123px; */
			/* text-align:right; */
			/* position:relative; */
			/* top:-7px; */
		/* } */
		/* #easy-midi-player-controls .row #speed-value { */
			/* display:inline-block; */
			/* width:50px; */
			/* text-align:center; */
		/* } */
		
		/* #easy-midi-player-controls .row .inline-controls {} */
		
			/* #easy-midi-player-controls .row .inline-controls input[type="radio"], */
			/* #easy-midi-player-controls .row .inline-controls input[type="checkbox"] { */
				/* opacity: 0; */
				/* position: fixed; */
				/* width: 0; */
				/* height:0; */
			/* } */
			/* #easy-midi-player-controls .row .inline-controls label { */
				/* font-size:1.0em; */
				/* margin:-11px 0 0 0; */
				/* padding:7px; */
				/* border:1px solid #000; */
				/* cursor: pointer; */
				/* background:#fff; */
				/* outline: none !important; */
				/* border-radius:3px; */
			/* } */

			/* #easy-midi-player-controls .row .inline-controls input[type="radio"]:hover + label, */
			/* #easy-midi-player-controls .row .inline-controls input[type="checkbox"]:hover + label, */
			/* #easy-midi-player-controls .row .inline-controls input[type="radio"]:checked + label, */
			/* #easy-midi-player-controls .row .inline-controls input[type="checkbox"]:checked + label	{ */
				/* color:#fff; */
				/* background:#000 !important; */
			/* } */
			/* #easy-midi-player-controls .row .inline-controls input[type="radio"]:focus + label {} */