@import url("https://fonts.googleapis.com/css?family=Oswald:400,300,700");


.smk_accordion {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}
/**
 * --------------------------------------------------------------
 * Section
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in {
  border: 0px solid #ccc;
  position: relative;
  z-index: 10;
  margin-top: -1px;
  margin-bottom:10px;
  overflow: hidden;
}
/**
 * --------------------------------------------------------------
 * Head
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_head {
  position: relative;
 /* background-color:#DFDFDF;  Farbe des Headers bei geschlossenem Texttfeld */
  background-image:url(../../bilder/basic/bg_gray.jpg);
  padding: 1px;
  display: block;
  cursor: pointer;
}
.smk_accordion .accordion_in  .acc_head:hover {
	background-image: url(../../bilder/basic/bg_middle-gray.jpg);
}

.smk_accordion .accordion_in .acc_head .acc_icon_expand {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -9px;
  background: url(plusminus.png) center 0;
}
/**
 * --------------------------------------------------------------
 * Content
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_content p, 
.smk_accordion .accordion_in .acc_content li {font-size:1em; margin:0 0 16px 0}
.acc_content table {width:100%}
.acc_content table td { padding:6px; font-family:'Serifa'; font-size:0.9em; text-align:center}
.acc_content table td strong { font-family:'Humanist521-Bold'; font-size:1em; font-weight:normal}

.acc_head h3 .wb, /* weiterbildung */
.acc_head h3 .os, /* offenes Seminar  */
.acc_head h3 .ya, /* yogalehrausbildung  */
.acc_head h3 .kt  /* 	*/
{
	color:#FFFFFF; padding:1px 8px; 
	font-family:'Oswald'; 
	letter-spacing:1px; 
	border-radius:4px; 
	margin-right:8px}

.acc_head h3 .wb {background-color:rgba(235,11,21,1.00);}
.acc_head h3 .os {background-color:rgba(253,166,1,1.00);}
.acc_head h3 .ya {background-color:rgba(252,2,181,1.00);}
.acc_head h3 .kt {background-color:rgba(4,182,204,1.00);}
 
.smk_accordion .accordion_in .acc_content {
  background: rgba(0,0,0,0.1); /* Farbe des Textfeldes */
  padding: 30px ;
  	-moz-hyphens:auto;
   	-o-hyphens:auto;
   	-webkit-hyphens:auto;
   	-ms-hyphens:auto;
   	hyphens:auto; 
  
  	-moz-column-count: 2;
	-moz-column-gap: 50px;
	-webkit-column-count: 2;
	-webkit-column-gap: 50px;
	column-count: 2;
	column-gap: 50px;	

	text-align:left;
}
@media (max-width:1000px)  {.smk_accordion .accordion_in .acc_content {  	
	-moz-column-count:1;
	-moz-column-gap: 0px;
	-webkit-column-count:1;
	-webkit-column-gap:0px;
	column-count:1;
	column-gap: 0px;}}


.smk_accordion .accordion_in .acc_content h1:first-of-type,
.smk_accordion .accordion_in .acc_content h2:first-of-type,
.smk_accordion .accordion_in .acc_content h3:first-of-type,
.smk_accordion .accordion_in .acc_content h4:first-of-type,
.smk_accordion .accordion_in .acc_content h5:first-of-type,
.smk_accordion .accordion_in .acc_content h6:first-of-type {
  margin-top: 5px;
}
/**
 * --------------------------------------------------------------
 * General
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in:first-of-type,
.smk_accordion .accordion_in:first-of-type .acc_head {
  border-radius: 0px 0px 0 0;
}
.smk_accordion .accordion_in:last-of-type,
.smk_accordion .accordion_in:last-of-type .acc_content {
  border-radius: 0 0 0px 0px;
}
.smk_accordion .accordion_in.acc_active > .acc_content {
  display: block;
}
.smk_accordion .accordion_in.acc_active > .acc_head {
  background:#DFDFDF; /* Farbe des Headers bei offenem Texttfeld */
  background-image:url(../../bilder/basic/bg_gray.jpg);
}
.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
  background: url(plusminus.png) center -18px;
}
.smk_accordion.acc_with_icon .accordion_in .acc_head,
.smk_accordion.acc_with_icon .accordion_in .acc_content {
  padding-left:80px;
}

@media (max-width:1000px)  {
.smk_accordion .accordion_in .acc_head .acc_icon_expand {
  display:none
}
	.smk_accordion.acc_with_icon .accordion_in .acc_head,
.smk_accordion.acc_with_icon .accordion_in .acc_content {
  padding-left:10px;
}
}