@charset "UTF-8";
/*Responsive Flughafen Zürich*/
/*Muss überall stehen*/
.MainResponsiveSwitch {
  float: right;
  margin-right: 10px;
}
.IsResponsive #debugMediaDetektors {
  display: block;
  color: #000;
  z-index: 1000;
}
@media only screen and (max-width: 1450px) {
  .IsResponsive .Inhalt {
    padding: 0px 10px 45px 10px;
    width: calc(100% - 47%);
    float: left;
  }
}
@media only screen and (max-width: 1100px) {
  .IsResponsive .Inhalt {
    padding: 0px 10px 45px 10px;
    width: calc(100% - 54%);
    float: left;
  }
}
@media only screen and (max-width: 1000px) {
  .IsResponsive .Inhalt {
    padding: 0px 10px 45px 10px;
    width: calc(100% - 28%);
    float: left;
  }
  .IsResponsive .Sidebar {
    max-width: unset;
    padding: 0px 10px 45px 10px;
  }
}
/*Hier muss man die maximale Breite der Seite eintragen - width, etc. muss hier immer geändert werden*/
@media only screen and (max-device-width: 1200px), only screen and (max-width: 1200px) {
  .IsResponsive #debugMediaDetektorN {
    display: block;
  }
  .IsResponsive * {
    box-sizing: border-box;
  }
  .IsResponsive #PanesInfoResponsiveSwitch, .IsResponsive #NavigationResponsiveSwitch {
    display: block;
  }
  .IsResponsive #Rahmen, .IsResponsive #Gesamt, .IsResponsive #Header {
    width: 100%;
  }
  .IsResponsive img {
    max-width: 100%;
    height: auto;
  }
  .SidebarHtml #GMap {
    max-width: 100%;
  }
}
@media only screen and (max-device-width: 1135px), only screen and (max-width: 1135px) {
  #Footer .col2 {
    width: 35%;
  }
}
/*iPad Breit:*/
@media only screen and (max-device-width: 1024px), only screen and (max-width: 1024px) {
  /*iPad Hochkant*/
  /*iphone 5 Breite Längs*/
  .IsResponsive #debugMediaDetektorK {
    display: block;
  }
  html {
    font-size: 16px;
  }
  .Inhalt {
    float: right;
    width: calc(100% - 260px);
  }
  .Sidebar {
    padding: 0;
    float: right;
    max-width: 260px;
  }
  .SidebarHtml, .sideLink, .Print {
    display: inline-block;
    margin: 20px 20px 0 0;
    vertical-align: top;
  }
  .Sidebar #GMap {
    max-width: 200px;
    width: 100%;
    height: 200px;
  }
  #Footer .col1 {
    width: 210px;
  }
  #Footer .col2 {
    width: calc(100% - 460px);
  }
  .col2-center {
    width: 240px;
  }
  .col2-left, .col2-right {
    width: calc(50% - 120px);
  }
  #Footer .col3 {
    width: 250px;
  }
  .Sidebar {
    border-top: 1px solid #d8d8da;
  }
  .IsResponsive #EingabeBN {
    width: 100%;
  }
  .IsResponsive #EingabeBN .Buchungsnr {
    width: 100%;
  }
  .IsResponsive #WeiterBN .submitBuchungsnummer.submit {
    width: 100%;
  }
  .IsResponsive .LabelTextInput, .IsResponsive .LabelRadioGroup, .IsResponsive .LabelTextarea, .IsResponsive .LabelDateInput, .IsResponsive .LabelDatetimeInput, .IsResponsive .LabelSelect {
    float: none;
    width: 100%;
    top: auto;
  }
  .IsResponsive .Buchungsnr, .IsResponsive .TextInput, .IsResponsive .EmailInput, .IsResponsive .UrlInput, .IsResponsive .NumberInput, .IsResponsive .TextareaInput, .IsResponsive .SelectInput {
    float: none;
    width: 100%;
  }
  .IsResponsive .Frage {
    margin-bottom: 12px;
  }
  .IsResponsive .GroupFieldset h3 {
    margin-bottom: 12px;
  }
  .IsResponsive #EMailFrage {
    margin-bottom: 23px;
  }
  .IsResponsive #Rahmen.RahmenT49.RahmenForm_1E689 .GroupFieldsetQuestions div.Frage {
    display: block;
    justify-content: space-between;
  }
  .IsResponsive #Rahmen.RahmenT49.RahmenForm_1E689 .GroupFieldsetQuestions div.Frage label {
    width: 100%;
    margin-bottom: 10px;
  }
  .IsResponsive #Rahmen.RahmenT49.RahmenForm_1E689 .GroupFieldsetQuestions div.Frage select {
    width: 100%;
  }
}
@media only screen and (max-device-width: 1024px) and (max-device-width: 768px) and (orientation: portait), only screen and (max-device-width: 1024px) and (max-width: 768px), only screen and (max-width: 1024px) and (max-device-width: 768px) and (orientation: portait), only screen and (max-width: 1024px) and (max-width: 768px) {
  .IsResponsive #debugMediaDetektorE {
    display: block;
  }
  .IsResponsive #InhaltFormular, .IsResponsive #InhaltConfirmation, .IsResponsive #Confirmation, .IsResponsive .Inhalt {
    width: 100%;
    margin-left: 0;
  }
  #HeaderContent {
    height: auto;
  }
  #Inhalte {
    margin-top: 0;
  }
  .Inhalt {
    padding: 20px 0;
  }
  .OVListEventPicture {
    display: none;
  }
  .OVList li {
    padding: 20px 0;
  }
  .Leftbar {
    margin-top: 20px;
    width: 100%;
    max-width: unset;
    background-color: #e4e4e4;
  }
  .Sidebar {
    max-width: unset;
  }
  #HauptMenu li a {
    background-color: #e4e4e4;
    padding: 8px 15px;
  }
  #Footer .col1, #Footer .col2, #Footer .col3 {
    width: 100%;
    padding: 0 0 20px;
    display: block;
  }
  .col2-left, .col2-right {
    display: none;
  }
  #Footer .col3 {
    position: relative;
  }
  #FooterContentText {
    flex-direction: column;
  }
}
@media only screen and (max-device-width: 1024px) and (max-width: 585px), only screen and (max-device-width: 1024px) and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: landscape), only screen and (max-width: 1024px) and (max-width: 585px), only screen and (max-width: 1024px) and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: landscape) {
  /*Folgendes muss man überall einfügen, aber kann sein, dass man es an einer anderen media query einfügt ( sorgt dafür dass die labels und inputfelder nicht nebeneinander erscheinen sondern untereinander)*/
  .IsResponsive #debugMediaDetektorC {
    display: block;
  }
  h1, h2, h3 {
    font-size: 1.33333rem;
  }
  .topbild {
    display: none;
  }
  .logo {
    max-width: 100%;
    padding: 0 20px;
  }
  .IsResponsive #SecondLevelMenu {
    display: none;
  }
  .IsResponsive .TextareaInput {
    clear: both;
  }
  .IsResponsive #LabelDatenschutz, .IsResponsive #FormHTMLTextBelowPrivacyStatement {
    left: auto;
    top: auto;
    width: 100%;
  }
  .IsResponsive #GoogleMapsConf #GMap, .IsResponsive #GoogleMapsConf #GMapRahmen {
    width: 250px;
    height: 250px;
  }
  .submitBuchungsnummer.submit {
    margin-left: 0;
  }
  #EingabeBN, #WeiterBN {
    display: block;
  }
  #EingabeBN label {
    padding-bottom: 10px;
    display: block;
  }
  #EingabeBN input {
    margin-bottom: 10px;
  }
  #SidebarStart {
    display: none;
  }
  .Sidebar {
    margin-top: 0px;
  }
  .SidebarHtml, .sideLink, .Print {
    display: block;
    width: 100%;
  }
  .Frage {
    line-height: 25px;
  }
  .OVListEventDaten {
    max-width: 100%;
  }
}
/*iPhone Breite Hochkant*/
@media only screen and (max-width: 360px), screen and (max-device-width: 360px) and (orientation: portrait) {
  .IsResponsive #debugMediaDetektorD {
    display: block;
  }
}