@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto:300,700");
.capito-app-content {
  font-family: -apple-system, BlinkMacSystemFont, "Open Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",  "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  word-break: normal;
  max-width: 45rem;
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 5rem; }
  .capito-app-content strong {
    font-weight: bold; }
  .capito-app-content .language-level-a1 em, .capito-app-content .language-level-a2 em, .capito-app-content .language-level-b1 em, .capito-app-content .language-level-b2 em, .capito-app-content .language-level-sign-language em {
    font-style: normal; }
  .capito-app-content .language-level-a1 ul.striped li:nth-child(even), .capito-app-content .language-level-a2 ul.striped li:nth-child(even) {
    background-color: #f2f2f2; }
  .capito-app-content ul, .capito-app-content ol {
    -webkit-padding-start: 1em;
            padding-inline-start: 1em; }
  .capito-app-content .language-level-a1 p, .capito-app-content .language-level-a1 li {
    max-width: 13.5rem; }
  .capito-app-content .language-level-a1 > p, .capito-app-content .language-level-a1 > ul:not(.table-of-contents), .capito-app-content .language-level-a1 > ol, .capito-app-content .language-level-a1 > a {
    margin-left: 15%;
    margin-right: 15%; }
  .capito-app-content .language-level-a1 p a, .capito-app-content .language-level-a1 .table-of-contents a {
    margin: 0; }
  .capito-app-content .language-level-a1 .table-of-contents a {
    margin: 0; }
  .capito-app-content .language-level-a1 img {
    margin: 1.5rem 0.5rem 0 0; }
  .capito-app-content .language-level-a1 .image-caption {
    margin: 0 0 1.5rem 0;
    text-align: left; }
  .capito-app-content .language-level-a2 p, .capito-app-content .language-level-a2 li {
    max-width: 15.75rem; }
  .capito-app-content .language-level-a2 > p, .capito-app-content .language-level-a2 > ul:not(.table-of-contents), .capito-app-content .language-level-a2 > ol, .capito-app-content .language-level-a2 > a {
    margin-left: 10%;
    margin-right: 10%; }
  .capito-app-content .language-level-a2 p a, .capito-app-content .language-level-a2 .table-of-contents a {
    margin: 0; }
  .capito-app-content .language-level-b1 p, .capito-app-content .language-level-b1 li {
    max-width: 33.75rem; }
  .capito-app-content .language-level-b2 p, .capito-app-content .language-level-b2 li {
    max-width: 45rem; }
  .capito-app-content .language-level-sign-language p, .capito-app-content .language-level-sign-language li {
    max-width: 45rem; }
  .capito-app-content .language-level-original-content p, .capito-app-content .language-level-original-content li {
    max-width: 45rem; }
  .capito-app-content .table-of-contents {
    max-width: 45rem;
    padding: 0; }
    .capito-app-content .table-of-contents li {
      max-width: 44.5rem;
      margin: 0 0.5rem 0 0;
      list-style-type: none; }
    .capito-app-content .table-of-contents a {
      margin: 0; }
  .capito-app-content .glossar {
    -webkit-text-decoration: underline double;
            text-decoration: underline double; }
  .capito-app-content h1, .capito-app-content h2, .capito-app-content h3, .capito-app-content h4, .capito-app-content h5, .capito-app-content h6 {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    line-height: 1.1em; }
  .capito-app-content h1 {
    font-size: 1.5em; }
  .capito-app-content h2 {
    font-size: 1.25em; }
  .capito-app-content h3 {
    font-size: 1.15em; }
  .capito-app-content h4 {
    font-size: 1.15em; }
  .capito-app-content h5 {
    font-size: 1.15em; }
  .capito-app-content h6 {
    font-size: 1.15em; }
  .capito-app-content img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 20rem;
    margin: 1.5rem auto 0 auto; }
  .capito-app-content .image-caption {
    font-size: 0.8em;
    margin: 0 auto 1.5rem auto;
    text-align: center;
    min-width: 13.5rem;
    width: 90%;
    max-width: 40.5rem; }
  .capito-app-content p {
    margin-top: 0.5rem;
    margin-bottom: 0; }
    .capito-app-content p:first-of-type {
      margin-top: 0; }
    .capito-app-content p:last-of-type {
      margin-bottom: 0.5rem; }
    .capito-app-content p a {
      display: inline-block; }
  .capito-app-content ul:first-of-type, .capito-app-content ol:first-of-type {
    margin-top: 0; }
  .capito-app-content ul li, .capito-app-content ol li {
    line-height: 1.25rem;
    margin-left: 0.5rem;
    padding: 0.125rem; }
    .capito-app-content ul li ul, .capito-app-content ul li ol, .capito-app-content ol li ul, .capito-app-content ol li ol {
      margin-left: 0 !important; }
  .capito-app-content a, .capito-app-content a:visited {
    color: blue;
    text-decoration: underline;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    display: block; }
  .capito-app-content .address > .country {
    display: inline; }
    .capito-app-content .address > .country::after {
      content: ' -'; }
  .capito-app-content .address > .postal-code {
    display: inline; }
  .capito-app-content .address > .city {
    display: inline-block; }
  .capito-app-content .opening-times {
    margin: 0 !important;
    padding: 0; }
    .capito-app-content .opening-times > li {
      list-style: none;
      margin-left: 0; }
      .capito-app-content .opening-times > li:not(:last-child) {
        margin-bottom: 1em; }
      .capito-app-content .opening-times > li > .day {
        font-weight: bold;
        margin-bottom: 0.5em; }
        .capito-app-content .opening-times > li > .day::before {
          content: '📆';
          margin-right: 0.25em; }
      .capito-app-content .opening-times > li > .time:not(:last-child) {
        margin-bottom: 0.25em; }
      .capito-app-content .opening-times > li > .time::before {
        content: '🕒';
        margin-right: 0.25em; }
  .capito-app-content .contact {
    margin-top: 0.5rem;
    margin-bottom: 0; }
    .capito-app-content .contact > .heading {
      font-weight: bold; }
    .capito-app-content .contact .phone::before {
      content: '📞';
      margin-right: 0.25em; }
    .capito-app-content .contact .mail::before {
      content: '✉️';
      margin-right: 0.25em; }
    .capito-app-content .contact a {
      display: inline-block; }
  .capito-app-content .bullet::before {
    content: "\2022";
    color: black;
    font-weight: bolder;
    display: inline-block;
    width: 1em;
    margin-left: 0; }