@media only screen and (max-width: 1150px) {
  .IsResponsive #Rahmen {
    width: 100%;
    max-width: 1150px;
    min-width: 320px; }
    .IsResponsive .Sidebar {
      float: left;
      width: 260px;
      clear: left;
      padding-top: 10px !important; }
    .IsResponsive .Inhalt {
      float: right;
      margin-right: calc(100% - 880px); } }

@media only screen and (max-width: 882px) {
  .IsResponsive #Header .logo-area .logo-text {
    right: 4vw; }
    .IsResponsive .Inhalt {
      width: calc(100% - 260px);
      float: right;
      margin-right: 0px; }
    .IsResponsive .Sidebar {
      width: 260px;
      padding-top: 14px !important; }
    .IsResponsive .chortop {
      width: calc(100% - 264px); } }

@media only screen and (max-width: 699px) {
  .IsResponsive #Rahmen {
    background: none; }
    .IsResponsive .Inhalt {
      padding-top: 12px !important; }
    .IsResponsive .Leftbar {
      padding-bottom: 15px; }
    .IsResponsive .Sidebar {
      padding-top: 15px !important; }
    .IsResponsive .Leftbar, .IsResponsive .Sidebar, .IsResponsive .Inhalt {
      padding-top: 83px !important; }
    .IsResponsive .chortop {
      height: 118px; }
    .IsResponsive #Rahmen {
      padding-left: 0px; }
    .IsResponsive .chortop {
      left: 124px;
      width: calc(100% - 124px);
      padding-top: 23px; }
      .IsResponsive .chortop p {
        line-height: 30px; }
    .IsResponsive #Header .logo-area.la-verband .logo {
      top: 20px;
      left: 20px;
      background-color: unset; }
    .IsResponsive .DownloadHTMLText ul li {
      margin-bottom: 6px; }
      .IsResponsive .DownloadHTMLText ul li a {
        text-decoration: none; }
        .IsResponsive .DownloadHTMLText ul li a:hover {
          text-decoration: underline; }
    .IsResponsive #SidebarBuchungsnummer, .IsResponsive #LogInOut {
      margin-bottom: 20px !important; }

  .Leftbar #Navigation, .Leftbar #NavigationTop, .Leftbar .tag_cloud_cage, .Leftbar #LogInOut, .Inhalt, .Sidebar {
    padding-left: 10px;
    padding-right: 10px; }

  #Rahmen {
    background: none;
    width: 100%; }

  #Header {
    height: auto;
    margin-bottom: 25px;
    box-shadow: 0 0 10px #ccc; }
    #Header .logo-area .logo {
      float: left;
      position: relative; }
      #Header .logo-area .logo img {
        height: auto;
        width: 100px; }
      #Header .logo-area .logo-text {
        float: right;
        position: relative;
        right: 0; }
      #Header .logo-area .logo-text img {
        height: 65px;
        width: auto; }

  .Sidebar #SidebarBuchungsnummer {
    max-width: 400px;
    margin: 0 auto; }

  #Inhalte {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap; }

  #Inhalte > * {
    flex: 1 100%; }

  .Inhalt {
    flex: 3 0px; }

  .Inhalt {
    order: 2; }

  .Leftbar {
    order: 1; }

  .Sidebar {
    order: 3; }

  .Leftbar, .Sidebar, .Inhalt {
    padding-top: 0 !important;
    float: none;
    width: auto;
    margin-bottom: 25px; }

  .Leftbar #Navigation #HauptMenu ul {
    align-content: stretch;
    display: flex;
    flex-wrap: wrap;
    list-style: outside none none; }
    .Leftbar #Navigation #HauptMenu ul::after {
      content: "";
      clear: both;
      display: block;
      height: 0; }
    .Leftbar #Navigation #HauptMenu ul li {
      display: inline-block;
      flex-grow: 1;
      position: relative;
      text-align: center; }
      .Leftbar #Navigation #HauptMenu ul li::after {
        background-color: #ccc;
        bottom: 20%;
        content: "";
        position: absolute;
        right: -1px;
        top: 20%;
        width: 1px; }
      .Leftbar #Navigation #HauptMenu ul li:nth-last-child(2)::after {
        display: none; }
      .Leftbar #Navigation #HauptMenu ul li a {
        font-size: 14px;
        color: #b3b3b3; }
      .Leftbar #Navigation #HauptMenu ul li.mainMenuLast {
        display: none; }
      .Leftbar #Navigation #HauptMenu ul li ul {
        display: none !important; }
    .Leftbar #Navigation #FormularSearch {
      margin: 0 auto 25px;
      max-width: 400px; }

  #Footer {
    padding: 15px; }
    #Footer #FooterContent #NavigationTop #TopMenu ul li a {
      border-top: 1px solid #c1c1c1;
      color: #999;
      padding: 1em 0;
      display: block;
      text-align: center;
      margin-bottom: 2px;
      font-weight: bold; }
      #Footer #FooterContent #NavigationTop #TopMenu ul li a:hover {
        color: #4a4a4a; }
    #Footer #FooterContent #iconbar {
      float: none;
      margin: 1em 0 1.5em; }
    #Footer #FooterContent #iconbar ul {
      display: flex; }
      #Footer #FooterContent #iconbar ul li {
        float: none;
        flex-grow: 1;
        text-align: center; }
      #Footer #FooterContent #iconbar ul li a {
        display: inline-block; } }