﻿
  @media only screen and (max-width:781px) {

    nav a img {
      display:none;
    }

    .feedbackKontaktContainer
    {
      display: none
    }

    hr {
      border-width: 50px;
    }

    #schriftzug{
      display:none;
    }

    h1 {
      margin: 0px auto;
    }

    #hdnLogo {
      width: 50%;
      height: auto;
    }

    .flex-container {
      flex-direction: column;
    }

    .flex-item {
      display: inline;
      width: 100%;
      text-align: left;
    }

    .baustein .flex-item {
      display: flex;
      width: 100%;
      text-align: left;
    }

    .flex-item-label {
      margin-top: 2%;
      margin-left: 10%;
      text-align: left;
      width: auto;
    }

    .flex-item-input {
      margin-left: 10%;
      margin-right: 10%;
      width: 80%;
      max-width: 100%;
    }

    .flex-item-Fahrzeugklasse {
      margin:0 auto;
      width: 10%;
      margin-left: 20px;
      z-index: 200;
    }
    
    .flex-item-button {
      margin-bottom: 2%;
      margin-left: 20%;
      margin-right: 20%;
      width: 60%;
      max-width: 100%;
    }

    #Mitgliedsnummer {
      display: none;
    }

    #BeantragtVon {
      display: none;
    }

    .antragDatum {
      font-size: small;
    }

    .antragStatus {
      font-size: small;
    }

    .antragDatumStatusItem {
      width: 100%;
    }

    .divpopup {
      position: absolute;
      width: 100%;
      height: 100%;
      color: black;
      overflow: hidden; /*Scrollbar*/
      /*max-height: 5000px;*/
    }

    .divScroll {
      overflow-x: auto;
    }

    .bodyOhneScrollbar {
      overflow-y: hidden; /*Scrollbar*/
      overflow-x: hidden;
    }

    .ausblendenWennDialog {
      display: none;
    }

    .bodyOverflow {
      overflow-y: scroll; /*Scrollbar*/
      overflow-x: hidden;
    }

    .dialogContainer {
      overflow-y: auto; /*Scrollbar*/
      height: 100%;
      /*max-height: 5000px;*/
      z-index: 2000;
      margin: 0%;
    }

    .flex-container-dialog {
      width: 100%;
    }

    .flex-item-dialog {
      display: inline-flex;
      padding: 0px;
      width: 100%;
      margin-top: 2px;
      margin-left: 0%
    }

    .flex-item-dialog-beschreibung {
      font-weight: normal;
      font-size: small;
      width: 50%;
      height: auto;
      text-align: right;
    }

    .flex-item-dialog-data {
      font-weight: bold;
      width: 50%;
      max-width: 250px;
      margin-left: 20px;
      z-index: 200;
      text-align: left;
      /*background:lightgray;*/
    }

    .flex-item-dialog-fullWidth {
      display: inline-flex;
      padding: 0px;
      width: 98%;
      margin-left: 2%;
      margin-top: 2px;
    }

    .flex-item-dialog-button {
      font-weight: normal;
      font-size: inherit;
      width: 50%;
      height: auto;
      text-align: center;
    }

    #tooltipEntwurfSpeichern {
      font-size: medium;
      z-index: 201;
    }

    #BusVerkehrsartLabel {
      padding-top: 2%;
    }

    #dropdownVerwendung {
      max-width: 80%;
    }

    .navStartseite {
      margin: 0px;
      padding: 10px;
      cursor: default;
      font-size: x-large;
    }

    #divStartseite img {
      width: 80%;
      height: auto;
      margin: 10% 5%;
      padding: 0px;
      transition: all .4s ease-in-out;
      image-rendering: optimizeQuality;
    }

    #blUebersichtContainer{
      width:100%;
    }

    .flex-container-betriebsleistung
    {
      width:100%;
      margin:0;
      padding:0;
    }

    .flex-item-erlaeuterung
    {
      width:98%;
      flex-wrap:wrap;
      margin:0 auto;
    }

    .main {
      width: 98%;
      margin: 0 auto;
    }

    .Mitgliedsheader{
      width:98%;
      margin:20px auto 0 auto;
    }

    .uebersichtKachelBL {
      margin: 3% 1%;
      font-size: large;
    }

    .hdnBtnGrundform.hdnGrün,
    .hdnBtnGrundform.buttonGrau,
    .hdnBtnGrundform.hdnTürkis {
      font-size: large;
      padding: 12px 22px;
    }

    .hdnBtnGrundformGroß.hdnTürkis.betriebsleistungTooltip {
      font-size: large;
      padding: 15px 40px;
    }

    .fahrzeugtypEinAusKlappenButton {
      padding: 15px 0;
    }

    .flex-item-übersicht.kurzdarstellung.eingereichteMeldungen {
      width: 98%;
      margin:10px auto;
    }
  }

@media (max-width: 500px)
{
  footer a
  {
    font-size: 2.5vw;
  }
}
