#tabmenue { 
	position:relative;
	display:block;
	margin: 0 auto; 
	display:block;
	padding:0px;
	z-index:99991;
	min-height:600px;
	width:800px;
}








.tabs {
	position: relative;
	display: flex;
}





.tabby-tab {
	flex: auto; 
	z-index:1;



}

.tabby-tab label {
	display: block;
	position:relative;
	z-index:1;
	padding: 6px;
	text-align: center;
	background: #555;
	color:#fff;
	cursor: pointer;
	transition: background 0.8s ease;
	border:1px solid black;
	border-bottom:0px;

}




.tabby-tab label:hover {
	background: #eee;
	color:#003761;
	z-index:10;
}

.tabby-content {
	position: absolute;
	top:30px;
	left:0px;
	right:0px;
	z-index:5;
	padding: 20px;
	box-shadow: 0 0 6px #333;
	border:1px solid black;
	border-radius: 0px 0px 10px 10px;
	background: rgba(235,235,235,1);
	color:#942c2d;
	transition: all 1.8s ease;
		overflow:hidden;

		
	/* show/hide */
		opacity: 0;
		scale:1 0;
		transform-origin: top center;
		transition: all 0.8s;;
	
}




/* MAKE IT WORK ----- */
label b {text-decoration:none; font-weight: normal;}
.tabby-tab [type=radio] { display: none; }
[type=radio]:checked ~ label {
	background: rgba(235,235,235,1);
	border-bottom:0px;
	color:#000044;
	z-index: 2;
	font-size:20px;

}

[type=radio]:checked ~ label ~ .tabby-content {
	z-index: 1;
	
	/* show/hide */
		opacity: 1;
		scale:1;
		transition: all 3s;;


		overflow-x:hidden;
		overflow-y:auto;
}





.zwischentab {width:10px; border-bottom:1px solid black; height: 30px; z-index:3;}

.tabby-content a {text-decoration:none; display:inline-block; padding:8px;  color:#003761; transition: all 1s;}
.tabby-content a:last-child { border-bottom:0px;}
.tabby-content:last-child {margin-right:0px;}








@media(max-width: 900px)
{
.vkalender {width:100%;}
.tabby-tab label {border-bottom:1px solid black;}
.tabby-tab label b{padding:1px; font-size:15px;}	
.tabs {flex-direction:column;}
.tabby-content {position:relative; border-top:0px; top:0px; margin:0; padding:0px; width:100%; height:0px; box-sizing:border-box;}
[type=radio]:checked ~ label ~ .tabby-content {   height:auto; font-size:14px;}
.zwischentab {display:block; height:5px; border:0px;}
#tabmenue {width:95%;}
}