body{
    font-family: 'Roboto', 'Arial', sans-serif;
	font-size: 14px;
	}
h1{
	text-align: left;
	font-size: 2em;
	margin-top: 5px;
	font-weight: 400;
}

h2{
	text-align: left;
}

code{
	text-align: left;
	background-color: #e6e6e6;
	font-size: 1em;
    font-weight: 200;
}

.faq-heading{
    border-bottom: #777;
    padding: 20px 20px;
	font-size: 1.5em;
    font-weight: 200;
}

.faq-container{
margin-left: 20px;
display: flex;
justify-content: left;
flex-direction: column;

}

.hr-line{
  width: 80%;
  margin-left: 0;
    
}
/* Formatierung, Positionierung der Fragen */
.faq-page {
    /* background-color: #eee; */
    color: #444;
    cursor: pointer;
    padding: 10px 0;
    width: 80%;
    border: none;
    outline: none;
    transition: 0.4s;
   	font-size: 1em;
    font-weight: 200;

}
/* Formatierung der Antworten. Zuerst nicht angezeigt.*/
.faq-body{
   margin-left: 0;
   text-align: left;
   width: 75%; 
   padding: 0 18px;
   background-color: white;
   display: none;
   overflow: hidden;
   
}

/* Add a background color #F9F9F9 to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.faq-page:hover {
    background-color: #e0e0e0;
}



/* Style the buttons that are used to open and close the faq-page body */
.faq-page:after {
    content: '\02795';
    /* Unicode character for "plus" sign (+) */
    font-size: 1em;
    color: #777;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2796";
    /* Unicode character for "minus" sign (-) */
}


/* Add a background color #F9F9F9 to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.faq-page:hover {
    background-color: #e0e0e0;
}

/* Style the faq-page panel. Note: hidden by default */
.faq-body {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.faq-page:after {
    content: '\02795';
    /* Unicode character for "plus" sign (+) */
    font-size: 0.8em;
    color: #777;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2796";
    /* Unicode character for "minus" sign (-) */
}