Div.Termine 	{background: url(/new_images/maincontenttrans.png) no-repeat top center;
		padding-top: 1.5em; padding-bottom: 1.0em; margin-top:0.2em;vertical-align:middle;
 		display:flex;
		flex-wrap: wrap;
		}
.Termine-item1 { flex: 26%; }
.Termine-item2 { flex: 70%; }
.Termine h3 {padding-top:0px;font-size:130%;}
.Termine span {float: right; margin-left:2.5em;}
.Termine-item2 p {margin-left:1em; padding-top:0px;}
.Termine-item2 p:nth-child(4) {display:none;}



/* Make a one column-layout instead of a two-column layout */
@media (max-width: 700px) {
  .Termine-item1, .Termine-item2 {  flex: 100%; }
.Termine span {float: left; margin-left:0em;margin-right:1.5em;}
.Termine h3 {padding-top:0px;font-size:110%;}
.Termine-item1 p:nth-child(2) {display:inline;}
.Termine-item1 p:nth-child(3) {display:inline;}
.Termine-item1 p:nth-child(2)::after {  content: ", ";} 
.Termine-item1 { padding-bottom:10px; }


.Termine-item1 p:nth-child(4) {display:none;}
.Termine-item2 p:nth-child(4) {display:block;}

}