/*
		06. 12. 2016 00:00 Andy				Handelsring übertragen aber noch nix angepasst
*/
.tabsMassStandard {
		font-size: 1.3em;
		margin-bottom: 20px;
		width: 100%;
}

		.tabsMassStandard a {
				padding: 6px 0 6px 29px;
				border: 2px solid #f1f1f1;
				margin-bottom:10px;

				width: 74%;
				width: 100%;

				background-image: url(/bilder/haken_off.svg);
				background-repeat: no-repeat;
				background-position: 3px 50%;

				background-color: white;
				
				border-radius: 2px;
				
				position: relative;
				box-sizing: border-box;
				background-size: 20px auto;
		}
		
		.tabsMassStandard .pfeilRight {
				display:none;
		}
		
		.tabsMassStandard .tabActive {
				background-image: url(/bilder/haken_aktiv.svg);
				background-color: #10a147;
				color: white;
				font-size: 1.2em;
				font-weight: 400;
				border-color: #10a147;
				border-bottom: 4px solid #127a39;
				box-sizing: border-box;
				height: 38px;
				padding-top: 3px;
		}
		
				.tabsMassStandard .tabActive .pfeilRight {
						displaY: block;
						
						background-image: url(/bilder/pfeil-gruen.svg);
						background-repeat: no-repeat;
						
						position: absolute;
						right: -9px;
						top: 7px;
						
						width: 9px;
						height: 19px;
				}
		
		

/*********************************************
 *
 *		MEDIA Einstellungen
 *
 *		Ich versuche mit 4 Media angaben hinzukommen
 *
 *		> 	1260 	ist standard
 *		<= 	1260
 *		<= 	1024
 *		<=	786
 *		<=	480
 *
 *********************************************/
		

@media (max-width: 1024px) {
		/*.tabsMassStandard { width: 67%; margin-bottom:0em;}*/
		.tabsMassStandard { width: 100%; margin-bottom:0em;}
		/*.tabsMassStandard a {  padding: 6px 5% 6px 2em; width: 34%; margin-right: 6%; }*/
		.tabsMassStandard a { padding: 6px 5% 6px 2em; width: 34%; }
		/*.tabsMassStandard .tabActive { margin-right: 3%; }*/
		.tabsMassStandard .tabActive { margin-right: 0; }
		.tabMassStandard.tabLink { margin-right: 0%; float:right;}
		
		
		.tabsMassStandard a {
				width: calc(50% - 2%);
		}
		.tabsMassStandard .tabActive .pfeilRight {
				display: none;
		}
		.tabsMassStandard.dreitabs a {
				width: calc(33.33333333333333% - 2%);
		}
		.tabMassStandard.tabLink.optBtn {
			margin: 0 3%;
		}
		/*
		#feste_breite .tabsMassStandard.dreitabs a {
			width: 31%;
			padding-left: 40px;
		}*/
		
}

@media (max-width: 768px) {
		.tabsMassStandard, .tabsMassStandard.dreitabs a { width: 100%; /*margin-top: 24px;*/ }
		.tabMassStandard.tabLink.optBtn {
			margin: 0;
		}
}

@media (max-width: 480px) {
		.tabsMassStandard { width: 100%; margin-top: 24px; }
		/*.tabsMassStandard a { width: 33%; margin-right: 1%; }*/
		.tabsMassStandard a { width: 100%; }
		.tabMassStandard.tabLink { float: none;}
		/*.tabsMassStandard .tabActive .pfeilRight { display:none; }*/
		/*.tabsMassStandard a:last-child { margin-right:0; }		*/
}