@media screen and (max-width: 1200px) {
  .FlexBox, .box-text-bild .FlexBox {
    float: none;
    width: 100%;
  }

  .box-bild-text .BoxText, .box-text-bild .BoxText, .box-text-bild .BoxBild, .box-bild-text .BoxBild {
    clear: both;
    float: none;
    width: 100%;
  }

  .FlexBox ul.slides li, .FlexBox ul.slides li.flex-active-slide, .box-bild-text .BoxBild {
    width: 100%;
  }

  .FlexBox ul.flex-direction-nav {
    
  }

  .BoxText a.button-gelb {
    position: relative;
    bottom: auto;
    right: auto;
  }

}



@media screen and (max-width: 980px) {
  .ym-wrapper {
    min-width: 100%;
  }

  .ym-g50 {
    width: 100%;
  }

  .ym-g50.ym-gl + .ym-g50.ym-gr {
    margin: 2em 0 0;
  }

  div.csc-textpic-left .csc-textpic-imagewrap {
    float: none;
  }

  div.csc-textpic-right .csc-textpic-imagewrap {
    float: none;
  }

  

}



@media screen and (max-width: 768px) {

  header {
    height: 100px;
  }

  footer .ym-g75 {
    display: none;
  }

  footer .ym-g25 {
    width: 100%;
  }

  footer .adresse {
    padding: 0 0 0 2em;
    border: 0;
  }
  .MobileAddy { display:block; }
  .ym-g33 {
    width: 100%;
  }

  .grauer-rahmen-oben {
    border: 0;
    padding: 0;
  }

  .ym-g33.ym-gl + .ym-g33.ym-gl, .ym-g33.ym-gl + .ym-g33.ym-gr {
    padding: 4.55em 0 0;
  }



  .powermail_fieldwrap_input {
    width: 100%;
  }

  .powermail_select, .powermail_input, .powermail_textarea {
    width: 98%;
  }

  .powermail_fieldwrap_6 {
    margin-right: 0;
  }

  .links50 {
    float: none;
    width: 100%;
  }

  .main-navigation {
    display:none;
  }
  
  .slicknav_menu {
    display:block;
    background: transparent;
  }

  ul.slicknav_nav {
    background: #fff;
    display: block;
    font-size: 1em;
    margin: 0 .25em;
  }

  .slicknav_nav .slicknav_row, .slicknav_nav a {
    padding: 5px 10px;
    margin: 0;
    background: transparent;
    color: #000;
  }

  .slicknav_nav .slicknav_row:hover {
    border-radius: 0;
    background: transparent;
    color: #000;
  }

  .slicknav_nav a:hover {
    border-radius: 0;
    background: transparent;
    color: #000;
  }

  ul.slicknav_nav li {
    margin: 0 0 2px;
    padding: 0;
    background: #F4F2F3;
  }

  ul.slicknav_nav li:last-child {
    margin: 0;
  }  

}

@media screen and (max-width: 450px) {

  main .ym-grid h1 { margin-bottom:0px; }
  h1 { font-size:30px; line-height:35px; }
  main .ym-grid { padding-bottom:40px; }

  td { padding:5px 12px; }
  td.td-0 { width:auto; }

  .tx_swbaustellen_entry h3 img {
    float: right;
    position: relative;
    bottom: 0px;
    width: 22px;
  }

}