:root {
        --fontsize-1: 4.3rem;
        --fontsize-2: 1.9rem;
        --fontsize-3: 1.1rem;
      }

      @font-face {
        font-family: 'dreiundsiebzig';
        src: url('/Dreiundsiebzig.woff2') format('woff2'),
          url('/Dreiundsiebzig.woff') format('woff');
      }
      html,
      body {
        padding: 0;
        margin: 0;
      }

      body {
        background-color: #ff9123;
        color: #000;
        font-size: 32px;
        padding: 1.2rem;
        font-family: Dreiundsiebzig, Helvetica, Arial , sans-serif;
        -moz-hyphens: auto;
		-o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
      }

      body.body-overlay-visible {
        overflow: hidden;
      }

	  p {
        font-size: var(--fontsize-3);
        color: currentColor;
        font-family: Helvetica, Arial , sans-serif;
        line-height: 1.4;
        margin-bottom: 2.8rem;
      }

	  h1, h2, h3 {
		font-size: var(--fontsize-3);
        color: currentColor;
        font-family: Helvetica, Arial , sans-serif;
        font-weight: bold;
        line-height: 1.4;
	  }

      a {
        font-size: var(--fontsize-3);
        color: currentColor;
        font-family: Helvetica, Arial , sans-serif;
      }
      
      a:link {
	    text-decoration: none;
	    border-bottom: 1px solid;
	  }

	a:visited {
	text-decoration: none;
	}

	a:hover {
	text-decoration: none;
	}


      section {

      }

      .status {
        font-size: var(--fontsize-1);
        margin-bottom: 1rem;
      }

      .status-text {
        font-size: var(--fontsize-2);
        margin-bottom: 2rem;
      }

      .sub-headline {
        font-size: var(--fontsize-2);
        margin-bottom: 1em;
      }

      .timetable-direction {
        font-size: var(--fontsize-3);
        font-family: Helvetica, Arial , sans-serif;
        margin-bottom: 1.5em;
        line-height: 1.4;
      }

      .timetable-time {
        font-size: var(--fontsize-2);
        margin-bottom: 1em;
      }

      .tt-overlay {
		  visibility: hidden;
      }

      .tt-overlay-close {
		  visibility: hidden;
      }
      .tt-overlay-close img {
      }

      .tt-overlay-visible {
      }
      
      .back {
        font-size: var(--fontsize-1);
        margin-bottom: 1rem;
        font-family: 'dreiundsiebzig';
        text-decoration: none;
        border-bottom: 0 !important;
      }
      
      .button {
        border-bottom: 0 !important;
      }
      
      .linie {
	      width: 100%;
	      height: 5px;
	      border: 0.1rem solid black;
          border-radius: 2px;
          background: black;
          margin-top: 2.5rem;
          margin-bottom: 1.5rem;

      }
      
      .fahrplan {
  width: 100%;
  column-count: 5;
  column-rule-color: black;
  column-rule-width: 1px;
  column-rule-style: solid;
  column-gap: 28px;
}
      
@media (min-width: 800px) and (max-width: 3000px) {

      body {
        font-size: 32px;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        padding-left: 30%;
        padding-right: 30%;
      }