/* kleine Bildschirme */
@media (max-width: 960px) {
  nav.container-fluid {
    margin-top: -6%;
  }
  nav li > a {
    font-size: 3rem;
    padding-top: 40%;
  }
  nav li:nth-child(3) > a {
    padding-top: 33%;
  }
  nav li > a:focus, nav li:hover > a, nav li.active > a {
    font-size: 3rem;
    padding-top: 54%;
  }  
  .cart-header {
    left: 10px;
    padding: 20px 30px;
  }
}

@media (max-width: 900px) {
  nav li > a {
    height: 194px;
  }
  .cart-header h2 {
    padding: 0;
  }
  .cart-header h2 span {
    padding-left: 10px;
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .container-fluid {
    padding-left: 25px;
    padding-right: 25px;
  }

  #dreiworte,
  #topNav,
  #news {
    display: none;
  }

  #page > nav {
    position: absolute;
    top: 12px;
    right: 0px;
    width: 200px;
    margin-top: 0;
    padding: 0;
    min-width: 100px;
  }

  #nav_button {
    display: block;
  }
  nav > ul {
    clear: right;
    position: relative;
    width: auto;
    padding: 10px 0;
    top: 7px;
    background: #8abc3e;
    text-align: left;
    display: none;
  }
  nav li,
  nav li.topnav {
    float: none;
    display: block;
    margin: 0;
    width: 100%;
  }

  nav li > a,
  nav li:hover > a {
    float: none;
    background: #8abc3e !important;
    color: #f9f0ce !important;
    padding: 10px 20px !important;
    height: auto !important;
    border-radius: 0;
    font-family: 'Bitter', Georgia, Times, 'Times New Roman', serif;
    font-size: 1.7rem !important;
    font-weight: 400;
    word-spacing: normal;
    text-decoration: none;
    margin: 0;
  }
  nav li.open > a,
  nav li.active > a,
  nav li:hover > a {
    background: #eb690b !important;
    text-decoration: none;
  }
  nav li li.ifsub > a::after {
    display: none;
  }

  nav li.ifsub > a > span {
    float: right;
    display: block;
    position: absolute;
    top: 4px;
    right: 0px;
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
  }
  nav li.ifsub > a > span:after {
    font-family: 'FontAwesome';
    font-size: 120%;
    content: "\f0da";
  }
  nav li.ifsub.open > a > span:after {
    content: "\f0d7";
  }


  .ce-textpic.ce-left.ce-intext .ce-gallery,
  .ce-textpic.ce-right.ce-intext .ce-gallery {
    max-width: 40%;
  }

  #page .powermail_label,
  #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_submit {
    width: 50%;
    max-width: 100%;
    margin-left: 0 !important;
  }
  #page .parsley-errors-list li {
    margin-left: 0;
  }
  #page .powermail_fieldwrap.layout1,
  #page .powermail_fieldwrap.layout2 {
    float: none;
    width: 100%;
    margin: 0%;
  }
  select,
  textarea,
  input {
    width: 96%;
  }
  .g-recaptcha {
    margin-left: 0%;
  }
  input#saddr,
  input#addr_submit {
    float: none;
    width: 100%;
  }
  input#addr_submit {
    width: 50%;
    max-width: 100%;
    margin-left: 0% !important;
  }
  .cart-header .cartbutton {
    padding: 5px;
  }
  .cart-header .carttext {
    display: none;
  }
  .product {
    padding-bottom: 20px;
    border-bottom: 1px solid #dfb992;
  }
  .product .image-col {
    float: left;
    width: 33%;
  }
  .product .text-col {
    float: left;    
    width: 66%;
  }  
  .product .price-col {
    float: left;    
    width: 66%;
    margin-left: 33%;
  }
  .product .image-col a {
    width: 100%;
  }
  .product .text-col h3 {
    margin-top: 0;
  }
  .product .price-col {
    padding-top: 10px;
  }
  .product .price-col > div:first-child {
    display: none;
  }
  .jobs table td {
    display: block;
    padding: 10px 0;
  }
}
@media (max-width: 640px) {
  .tx-go-maps-ext .accordion .header {
    font-size: 200%;
  }
  .accordion {
    margin: 10px 0;
  }
  .tx-go-maps-ext img {
    max-width: 40px;
  }
  #main .infowindow.container-fluid {
    padding-top: 0;
    padding-bottom: 0;
  }
  h1, h2 {
    margin: 1rem 0 2rem;
  }        
  .jobs h2 {
    font-size: 300%;
  }
  h3 {
    font-size: 110%;
  }
  .jobs h3 {
    font-size: 125%;
  }
  #content {
    font-size: 1.3rem;
  }
  .cart-header {
    left: 5px;
    padding: 20px 20px 20px 20px;
  }  
  .cart-header h2 {
    font-size: 3rem;
  }
  .cart-header h2 span {
    display: block;
    padding: 5px 0 0;
  }
  .jobs img[src*="jobs/button"] {
    max-width: 80px;
  }
}
@media (max-width: 480px) {
  .news-single .news-img-wrap {
    float: none;
    width: 100%;
    margin: 0 0 15px;
  }
  .product .image-col,
  .product .text-col,
  .product .price-col {
    float: none;    
    width: 100%;
    margin-left: 0;
  }  

}