.sixth-part-au { padding: 0 15px; .headline-h2 { text-align: center; padding: 0 3px; } .h5-button { cursor: pointer; text-align: start; color: #ffffff !important; font-style: normal; font-weight: 700; font-size: 16px; line-height: 1.5; font-family: Merriweather, serif; letter-spacing: 0px; text-decoration: none !important; background-color: #15c1cb; padding: 15px; } .card-header { background-color: inherit; border-bottom: none; text-decoration: none; margin-bottom: 2px; } .card-body { color: #777777; font-style: normal; font-weight: 400; line-height: 1.4375; font-family: MerriweatherSans, sans-serif; letter-spacing: 0px; margin: 50px 0; } .A { color: #15c1cb; } .card-q { .collapsed { background-color: #333333; } } } @media only screen and (min-width:768px) { .card-header { i { text-align: center; font-size: 25px; color: white; } .h5-button { width: 100%; } .h5-button::after { content: "\00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 "; color: white; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' color='white' fill='currentColor' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E"); } .h5-button:not(.collapsed)::after{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' color='white' fill='currentColor' class='bi bi-dash-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E"); } } } @media only screen and (min-width:992px) { .card-q { margin: 0 330px; } }