@charset "utf-8";
<style type="text/css">
<!--

/* Hier die Breite anpassen */
#akkordeon {
  width: 100%;
  overflow: hidden; }

/* Aussehen Titel */
#akkordeon h2 {
	font-family: Roboto, sans-serif;
	color: #7bbdf0;
	background: url(https://img.webme.com/pic/f/find-templates/rechts.png) no-repeat right;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: underline;
}
/* Aussehen Text */

/* Feld um Titel */
.thema {
  cursor: pointer;
  padding: 5px 10px 5px;
  margin-bottom: 5px;
  transition: all .2s ease-in-out; }

/* ausklappbare Feld mit Inhalt */
#akkordeon .inhalt {
  display: none;
  background-color: #ffffff;
  padding: 15px;
  margin-bottom: 5px;
  overflow: hidden;
  border: none; 
  	font-family: Roboto, sans-serif;
	font-size: 16px;
	color: #999;

	}
#akkordeon .inhalt p {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	color: #999;
}	
	
/* Farbe Titelfeld wenn ausgeklappt */
#akkordeon .open { background-color: #ffffff!important; }

/* Grafik rechts wenn ausgeklappt */
#akkordeon .open h2 {
  background: url(https://img.webme.com/pic/f/find-templates/unten.png) no-repeat right; }

-->
</style>
/* CSS Document */