.responsive-tabs__heading { display: none;}
.responsive-tabs__list__item {  cursor:pointer;}

.responsive-tabs__list { display: none;}
.responsive-tabs__heading { display: block; cursor: pointer; }
.responsive-tabs__panel--closed-accordion-only { display: none;}

.responsive-tabs-wrapper { 	clear: both;	zoom: 1; }
.responsive-tabs-wrapper:before, .responsive-tabs-wrapper:after {     content: "";     display: table;} 
.responsive-tabs-wrapper:after {    clear: both;}

.responsive-tabs__heading { position: relative; 	}

.responsive-tabs__heading:after {content:"";  display: block;  position: absolute;  right: 20px;  top: 40%;  width: 0; height: 0; border-left: 7px solid transparent;  border-right: 7px solid transparent;  border-top: 7px solid #000; 	}
.responsive-tabs__heading:hover:after {border-top-color: #ee7f00;}
	
.responsive-tabs__heading--active { color: #ddd;}
.responsive-tabs__heading--active:after {border-bottom: 7px solid #ccc;  border-top:0;}
.responsive-tabs__heading--active:hover:after {border-top-color: #ee7f00;}

h3 .datum { font-weight: normal ; font-size: .8333333333333333em;} 

section.termin:first-of-type .tabcontent { display: block;}
section.termin:first-of-type .tabheader { display: none;}

.veranstaltung_infobutton {color: #ee7f00;  }

section.termin { position: relative;}

section.termin dl:after { content: " "; display: table; height: 7px; clear: both; visibility: hidden; font-size: 0;}
section.termin dt {font-weight: bold;width: 125px;display: block; }
section.termin dd {display: block;}
section.termin p,section.termin dl ul {padding: 0 ;margin: 0;}
section.termin h3 {padding: 0 0 3px 4px;border-bottom: 1px dotted #999;margin-bottom: 7px; font-size: 1.2em;}
section.termin h5 {font-weight: normal;text-decoration: underline;margin-bottom: 10px;}
section.termin h5:hover {color: #ee7f00;}
.termincontent {padding: 0 0 25px 4px;}
.termincontent hr {margin: 10px 0;}
.calendarsymbol {width: 60px;height: auto;position: absolute;left: 0;top: 0;background-color: #ee7f00;text-align: center;color: #fff;border: 1px solid #ddd;-webkit-border-radius: 4px;border-radius: 4px;display: none;}
.calenderbox {width: 100%;height: auto;-webkit-border-radius: 4px;border-radius: 4px;}
.calendarmonth {display: block;padding: 7px 0;font-size: .75em;line-height: 1em;}
.calendarday {display: inline-block;font-weight: bold;margin: 0 auto;font-size: 2.2em;line-height: 1em;padding: 10px 0;border-bottom:3px solid #fff;letter-spacing: normal;}
.calendaryear {display: block;padding-bottom: 3px;}

@media screen and (min-width:470px) {

    .termincontent,section.termin h3 {margin-left: 75px;}
    .calendarsymbol {display: block;}
    section.termin {margin-bottom: 20px;}

}

@media screen and (min-width:600px) {

    .veranstaltung_infobutton { float:right;  margin:0 20px; }
    .calendarsymbol {width: 67px;-moz-transform: scale(1) rotate(-3deg);-webkit-transform: scale(1) rotate(-3deg);-o-transform: scale(1) rotate(-3deg);-ms-transform: scale(1) rotate(-3deg);transform: scale(1) rotate(-3deg);}
    section.termin h3,.termincontent {margin-left: 90px;}
    section.termin dt {float: left;clear: left;display: inline; width:25%; margin-bottom: 10px;}
    section.termin dd {display: inline-block;float: left; width: 75%; margin-bottom: 10px;}

}

@media screen and (min-width:1200px) {

    .calendarsymbol { width: 87px; }
    .calendarday { font-size: 2.8em;}
    section.termin h3,.termincontent {margin-left: 110px;}
    section.termin dt { width:20%;}
    section.termin dd { 80%;}

}