/* Vanilla ALLGEMEIN */
.tabs__content { 	box-shadow: 0px 3px 33px 0px rgba(0, 0, 0, 0.5); 
					-webkit-box-shadow: 0px 3px 33px 0px rgba(0, 0, 0, 0.5); 
					-moz-box-shadow: 0px 3px 33px 0px rgba(0, 0, 0, 0.5); }
.tabs__content_wrapper_pad { padding: 30px; background-color:var(--white); color:var(--secondary); }

/* Vanilla ICON Accordion */
#tabs-a .tabs__nav_link:after, 
#tabs-a .tabs__nav_link.is__active:after, 
#tabs-h.is__responsive .tabs__nav_link:after, 
#tabs-v.is__responsive .tabs__nav_link:after { font-family: 'IcoFont'; content: '\ea5b'; color: #FFFFFF; font-size: 36px; font-weight: 400; vertical-align: middle; float: right; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display: none; }
#tabs-a .tabs__nav_link.is__active:after, 
#tabs-h.is__responsive .tabs__nav_link.is__active:after, 
#tabs-v.is__responsive .tabs__nav_link.is__active:after { transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); }

@media (min-width: 768px) { 
#tabs-a .tabs__nav_link:after, 
#tabs-a .tabs__nav_link.is__active:after, 
#tabs-h.is__responsive .tabs__nav_link:after, 
#tabs-v.is__responsive .tabs__nav_link:after { font-size: 28px; display: block; }
}
@media (min-width: 992px) { 
#tabs-a .tabs__nav_link:after, 
#tabs-a .tabs__nav_link.is__active:after, 
#tabs-h.is__responsive .tabs__nav_link:after, 
#tabs-v.is__responsive .tabs__nav_link:after { font-size: 32px; }
}
@media (min-width: 1200px) { 
#tabs-a .tabs__nav_link:after, 
#tabs-a .tabs__nav_link.is__active:after, 
#tabs-h.is__responsive .tabs__nav_link:after, 
#tabs-v.is__responsive .tabs__nav_link:after { font-size: 36px; }
}

/* Vanilla a.background-inactiv */
.tabs.style__horizontal .tabs__nav .tabs__nav_link, 
.tabs.style__vertical .tabs__nav .tabs__nav_link, 
.tabs.style__accordion .tabs__nav_link, .tabs.is__responsive .tabs__nav_link, .tabs.style__accordion .tabs__content .tabs__nav_link, 
.tabs.is__responsive .tabs__content .tabs__nav_link { border: 0px solid #ccc; background-color:var(--secondary); }

/* Vanilla a.background-activ */
.tabs.style__horizontal .tabs__nav .tabs__nav_link.is__active, 
.tabs.style__vertical .tabs__nav .tabs__nav_link.is__active, 
.tabs.style__accordion .tabs__nav_link.is__active, .tabs.is__responsive .tabs__nav_link.is__active { background-color:var(--secondary); }

/* Vanilla background */
.tabs.style__horizontal .tabs__content.is__active, 
.tabs.style__vertical .tabs__content.is__active, 
.tabs.style__accordion .tabs__content, .tabs.is__responsive .tabs__content {
	border: 0px solid #ccc;
	padding: 0px;
	background-color: transparent; }

/* Vanilla TABS Horizontal */
.tabs.style__horizontal .tabs__nav .tabs__nav_link:first-of-type { margin-left: 0px; }
.tabs.style__horizontal .tabs__nav .tabs__nav_link:last-of-type { margin-right: 0px; }
.tabs.style__horizontal .tabs__nav .tabs__nav_link {
	border-bottom: 0px;
	margin: 0px 3px;
	padding: 10px 20px; }
.tabs.style__horizontal .tabs__nav .tabs__nav_link.is__active {	flex: auto; /* none für nicht fullwidth  */ }
	
/* Vanilla TABS Vertical */
@media (min-width: 768px) { 
.tabs.style__vertical { align-items: stretch; /* flex-start für individuelle height */ }
.tabs.style__vertical .tabs__nav { flex: 0 0 25%; }
.tabs.style__vertical .tabs__content.is__active { margin-left: 30px; }
}
.tabs.style__vertical .tabs__nav .tabs__nav_link:first-of-type { margin-top: 0px; }
.tabs.style__vertical .tabs__nav .tabs__nav_link:last-of-type { margin-bottom: 0px; }
.tabs.style__vertical .tabs__nav .tabs__nav_link {
	margin: 10px 0px;
	padding: 20px 10px; }
	
/* Vanilla TABS Accordion */
.tabs.style__accordion .tabs__nav_link, .tabs.is__responsive .tabs__nav_link, .tabs.style__accordion .tabs__content .tabs__nav_link, 
.tabs.is__responsive .tabs__content .tabs__nav_link { padding: 27px 30px; text-align: left; overflow: hidden; }
.tabs.style__accordion .tabs__content, .tabs.is__responsive .tabs__content { margin: 0 0 18px 0; }
