/*
*	Basierend auf
*	Pure CSS Collapsible Sections w/o JS
*	von Mark Caron https://codepen.io/markcaron/pens/
*	Original Code: https://codepen.io/markcaron/pen/RVvmaz
*/

/* FUNKTION */

	.register > input[type="checkbox"] {
	  position: absolute;
	  left: -100vw;
	}

	.register .inhalt {
	  overflow-y: hidden;
	  height: 0;
	  transition: height 0.3s ease;
	}

	.register > input[type="checkbox"]:checked ~ .inhalt {
	  height: auto;
	  overflow: visible;
	}

	.register label {
	  display: block;
}


/* FORMAT */

	div.ausklapp_container {
		
		width:100% ;
		
		position:relative ;
		
	}

	/*Abstand zwischen den Register*/
	.register {
		
		margin-bottom: 1em;
	  
	}

	/*Inhalt wenn ausgeklappt*/
	.register > input[type="checkbox"]:checked ~ .inhalt {
		
		background-color:#eae9e9 ;
	  
		border: 2px solid #c1c1c1;
		border-top: 0;
		
		border-bottom-right-radius:3px ;
		border-bottom-left-radius:3px ;
	
		box-shadow: 3px 3px 3px grey;
	  
	}

	/*Pfeil wenn eingeklappt*/
	.register .handle label:before {
		
		content: "\25b6";
	  
	}

	/*Pfeil wenn ausgeklappt*/
	.register > input[type="checkbox"]:checked ~ .handle label:before {
		
		content: "\25bc";
	  
	}

	/*Register wenn ausgeklappt*/
	.register > input[type="checkbox"]:checked ~ .handle label {
		
		background: #c1c1c1;
		
	}

	/*Register wenn nicht gewählt*/
	.register label {
		
		padding: 15px;
		background-color:white ;
		
		border-top-right-radius:3px ;
		border-top-left-radius:3px ;
	
		box-shadow: 3px 3px 3px grey;
	  
	}

	/*Register hover/focus*/
	.register label:hover,
	.register label:focus {
		
		cursor: pointer;
		background: #c1c1c1;
	  
	}

	/*Register und Inhalt zusammenziehen*/
	.register .handle {
		
	  margin: 0;

	}