/* kleine Bildschirme */
@media (max-width: 1400px) {
  #buehne .csc-textpic-caption .wrap {
    padding-left: 100px;
  }

}
@media (max-width: 1310px) {
  header .topnav,
  footer .footnav,
  header .social {
    display: none;
  }
  #content {
    padding-top: 20px;
  }
  #main > div.csc-layout-6:first-child {
    margin-top: -20px;
  }
  #main .csc-layout-6 .box {
    padding: 20px 0;
  }

}

@media (max-width: 1140px) {
  #kacheln h3 { font-size: 2rem; }
  #kacheln p { font-size: 1.6rem; }

  #tel, #email, #open {
    padding: 0 15px;
  }
  #open {
    padding-right: 0;
  }
  #tel b, #email b, #open b {
    font-size: 80%;
  }
  #tel .csc-textpic-text > p:first-child { display: none; }
  #tel .csc-textpic-text > p:nth-child(2) { width: 60px; }
  #email .csc-textpic-text > p:first-child { display: none }
  #email .csc-textpic-text > p:nth-child(2) { width: 100px; }  
  #open >div:first-child .csc-textpic-text > p:first-child { display: none; }
  #open .csc-textpic-text > p:nth-child(2) { width: 155px; }
  #open #c136 {
    padding-left: 0;
  }   
}

@media (max-width: 1080px) {
 
  nav li > a {
    font-size: 1.7rem;
    letter-spacing: 0;
  }
  h2,
  .tx-indexedsearch-whatis {
    font-size: 3rem;
  }
  h3,
  .tx-indexedsearch-title  {
    font-size: 2.3rem;
  }

  #kacheln h2 { font-size: 3rem; }
  #kacheln h3 { font-size: 1.8rem; }
  #kacheln p { font-size: 1.4rem; }

  .mietpark #treeRoot > li a {
    font-size: 2rem;
    min-height: 243px;
    text-transform: none;
  }

}

@media (max-width: 1024px) {
  .grid-item {
    width: 50%;
  }
  #buehne .csc-textpic-caption {
    font-size: 2rem;
  }
  #buehne .flex-direction-nav a {
    width: 48px;
    height: 48px;
  }
  #buehne .flex-direction-nav .flex-next{
    background-position: 0 -48px;
  }

  .tx-news-latest article .text {
    top: 38%;
    font-size: 1.5rem;
  }

}
@media (max-width: 960px) {
  header .social {
    display: none;
  }

  #buehne .csc-textpic-caption {
    top: 15%;
    font-size: 1.7rem;
  }
  #kacheln .box a {
    padding-top: 10px;
  }
  .tx-news-latest::before {
    font-size: 150%;
    padding: 5px 10px;
    letter-spacing: 1px;
  }
  .tx-news-latest article .text h3 {
    font-size: 150%;
  }
}

@media (max-width: 860px) {
  #tel, #email, #open {
    font-size: 1.1rem;
  }
  #tel .csc-textpic-text > p:nth-child(2) { width: 45px; }
  #email .csc-textpic-text > p:nth-child(2) { width: 80px; }
  #open .csc-textpic-text > p:nth-child(2) { width: 115px; }
  #tel .csc-textpic-text > p:nth-child(2),
  #email .csc-textpic-text > p:nth-child(2),
  #open .csc-textpic-text > p:nth-child(2) {
    position: relative;
    top: -4px;
  }
  nav li {
    margin-right: 10px;
  }
  #search .searchbox-sword {
    width: 130px;
  }

  #main, #right {
    float: none;
    width: 100%;
  }

}


@media (max-width: 767px) {
  #email, #search {
    display: none;
  }
  #buehne .csc-textpic-caption .wrap {
    padding-left: 80px;
  }
  #buehne .csc-textpic-caption {
    top: 15%;
    font-size: 1.5rem;
  }
  #buehne .csc-textpic-caption h2 {
    font-size: 150%;
  }

  #nav_button {
    display: block;
  }
  nav > .wrap {
    padding: 5px 0 0;
    min-height: 46px;
  }
  nav > .wrap > ul {
    clear: right;
    position: relative;
    width: auto;
    text-align: left;
    border-top: 5px solid #f05a09;
    border-bottom: 5px solid #f05a09;
    margin-top: 5px;
    display: none;
  }
  nav li {
    float: none;
    display: block;
    margin: 0;
  }
  nav li.footer {
    display: block;
  }
  nav li > a,
  nav li:hover > a {
    float: none;
    padding: 8px 0 8px 20px;
    text-decoration: none;
  }
  nav > .wrap > ul > li.active::after {
    display: none;
  }
  nav li.active > a {
    font-weight: 400;
  }

  nav li.open > a {
    text-decoration: none;
  }
  nav li li.ifsub > a::after {
    display: none;
  }

  nav li.ifsub > a > span {
    float: right;
    display: block;
    position: absolute;
    top: 6px;
    right: 0px;
    width: 50px;
    height: 30px;
    text-align: center;
  }
  nav li.ifsub > a > span:after {
    font-family: 'FontAwesome';
    content: '\f054';
  }
  nav li.ifsub.open > a > span:after {
    content: "\f078";
  }

  /* 2.Ebene */
  nav li > ul,
  nav li:hover > ul,
  nav li.active > ul {
    display: block;
    position: relative;
    top: 0 !important;
    left: 0;
    min-width: 100%;
    height: auto;
    max-height: 0;
    padding: 0;
    border-top: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
  }
  nav li.open > ul {
    max-height: 1000px;
    padding: 5px 0;
  }
  nav li li > a,
  nav li li:hover > a {
    background: #edeceb;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 6px 0 6px 20px;
  }
  nav li.ifsub > a > span {
    line-height: 24px;
  }  

  footer,
  footer .topnav li > a {
    font-size: 1.3rem;
  }

  #page { font-size: 1.5rem; }
  h2,
  .tx-indexedsearch-whatis { font-size: 2.7rem; }
  h3,
  .tx-indexedsearch-title { font-size: 2rem; }

  .mietpark #treeRoot li img {
    max-width: 80px;
    margin-bottom: 10px;
  }
  .mietpark #treeRoot li > a {
    padding: 15px 10px;
    font-size: 1.6rem;
    min-height: 136px;
  }

  .tx-news-list .content.short .txt {
    max-height: 115px;
  }
  .tx-news-list .content .more {
    margin: 10px auto 0;
  }

  #kacheln .col-sm-6 {
    width: 50%;
  }

  #times > .wrap > div:nth-child(2) h2 { display: none; }
  #times > .wrap > div:nth-child(2) h3 { margin-top: 0px; }

  /* Kontaktseite Dummy-h2 */
  #c57 h2 {
    display: none;
  }

}
@media (max-width: 640px) {

  #open #c136 {
    font-size: 100%;
  }

  #buehne .csc-textpic-caption h2 {
    font-size: 133%;
  }
  #buehne .csc-textpic-caption .wrap > h2 + br + p {
    margin-top: 0;
  }

  #main .csc-layout-6 .box {
    padding: 15px 0;
  }
  #main > .csc-layout-6 + .csc-layout-2 {
    padding-top: 20px;
  }


  #main .csc-textpic-intext-left .csc-textpic-imagewrap,
  #main .csc-textpic-intext-right .csc-textpic-imagewrap,
  #main div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
  #main div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    max-width: 50%;
  }
  #main .csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left: 0 !important;
  }
  #main .csc-textpic-intext-right-nowrap .csc-textpic-text {
    margin-right: 0 !important;
  }
  #main .powermail_label,
  #page .powermail_field input,
  #page .powermail_field textarea,
  #page .powermail_field,
  #page .powermail_radio_outer,
  #page .powermail_captcha_outer,
  #page .powermail_check_outer,
  #page .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) {
    float: none;
    width: 100%;
  }
  #page .powermail_field .powermail_submit {
    width: 50%;
    max-width: 50%;
    margin-left: 50% !important;
  }
  #page .parsley-errors-list li {
    margin-left: 0;
  }

  select,
  textarea,
  input {
    width: 96%;
  }
  input#saddr,
  input#addr_submit {
    float: none;
    width: 100%;
  }
  input#addr_submit {
    width: 50%;
    max-width: 50%;
    margin-left: 50% !important;
    margin-top: 0px;
  }

  footer .topnav {
    display: none;
  }

}
@media (max-width: 540px) {
  header .wrap {
    text-align: center;
  }
  a#home_link {
    margin: 0 auto;
    max-width: 160px;
    margin-left: 35px;
    padding-top: 12px;
  }
  #tel {
    float: right;
    padding: 2% 0;
    border-right: 0;
  }
  #tel img {
    max-width: 24px;
  }
  #tel .csc-textpic-text,
  #email,
  #open {
    display: none;
  }

  nav > .wrap {
    border-top: 5px solid #f05a09;
    min-height: 0;
    padding: 0;
  }

  #nav_button {
    position: absolute;
    top: -57px;
    left: 5px;
    text-indent: -10000px;
    overflow: hidden;
    white-space: nowrap;
  }
  #nav_button .btn-toggle,
  #nav_button .btn-toggle:before,
  #nav_button .btn-toggle:after {
    background-color: #464646;
  }
  nav > .wrap > ul {
    border-top: 0;
  }

  #buehne {
    background: #f05a09;
  }
  #buehne .csc-textpic-caption {
    position: relative;
    top: 0;
    background: #f05a09;
  }
  #buehne .csc-textpic-caption .wrap {
    padding: 15px 20px;
  }
  #buehne .csc-textpic-caption .wrap > * {
    clear: none;
    float: none;
    padding: 0;
    margin: 0;
  }
  #buehne .flex-direction-nav a {
    width: 36px;
    height: 36px;
  }
  #buehne .flex-direction-nav .flex-next {
    background-position: 0 -36px;
  }

  #kacheln .col-sm-6 {
    width: 100%;
  }
  #kacheln > div:nth-child(4),
  #kacheln a br {
    display: none;
  }
  #kacheln .box p:last-child a::after {
    padding-top: 10px;
    display: block;
    text-align: right;
  }

  .tx-news-latest article .text {
    left: 0;
    top: 0;
    padding-top: 43%;
  }
  .tx-news-latest article .text h3 {
    font-size: 120%;
  }
  .tx-news-latest .flex-direction-nav a {
    top: 36%;
  }

  .grid-item {
    width: 100%;
  }

  .tx-news-mietpark .product .image,
  .tx-news-mietpark .product .txt {
    float: none;
    width: 100%;
    padding: 0 0 20px 0;
  }

  footer {
    padding-top: 20px;
  }

}
@media (max-width: 480px) {
  #page { font-size: 1.4rem; }
  h2, #kacheln h2, .tx-indexedsearch-whatis { font-size: 2.4rem; }
  h3, #kacheln h3, .tx-indexedsearch-title { font-size: 1.8rem; }

  .mietpark #treeRoot > li {
    width: 48%;
  }
  #map {
    height: 300px;
  }
  #mietsuche {
    width: 250px;
    margin-left: -125px;
  }

}