@media only screen and (max-width: 1280px) {
  #flaggen {
    width: 165px; }

  .phonebutton {
    padding: 6px 7px 3px 8px;
    margin-right: 3px;
    top: -6px; }
    .phonebutton svg {
      height: 15px; } }
/* --- 1210px --------------------------------------------- */
@media only screen and (max-width: 1210px) {
  body {
    font-size: 18px; }

  #flaggen {
    margin-right: 20px; }

  #logo {
    float: right;
    margin-right: 15px; }

  #produkt {
    /*&>li
     {
     display:none;
     }
     */ }
    #produkt .li {
      display: none; }
    #produkt #produkt_head .re {
      width: initial; }
    #produkt .re .tech_daten .li {
      display: block; }

  #start .li .box {
    width: 300px;
    font-size: 13px; }
    #start .li #starttext {
      width: 100%;
      margin-top: 0;
      border: none;
      padding-bottom: 20px; }

  #content, .inner {
    width: initial; }

  #quicklink, #quicklink_inhalt {
    margin: 0 5%; }
    #quicklink .item, #quicklink_inhalt .item {
      /*width:33%;*/
      width: 48%;
      margin-bottom: 5px;
      margin-right: 0px;
      height: 123px; }
    #quicklink .item:nth-of-type(1n+0), #quicklink_inhalt .item:nth-of-type(1n+0) {
      margin-right: 10px; }
    #quicklink .item .quick_txt, #quicklink_inhalt .item .quick_txt {
      padding: 10px;
      font-size: 14px; }
    #quicklink .item h3, #quicklink_inhalt .item h3 {
      padding: 10px 0;
      font-size: 14px; } }
/* --- 910px --------------------------------------------- */
@media only screen and (max-width: 910px) {
  #quicklink {
    margin-left: 0;
    margin-bottom: 20px; }
    #quicklink .item {
      margin-bottom: 15px;
      min-height: 110px; }
      #quicklink .item .quick_txt {
        font-size: 14px; } }
/* --- 980px --------------------------------------------- */
@media only screen and (max-width: 979px) {
  #wrapper_outer {
    background-image: none; }

  #slogan {
    color: white; }

  #mobilemenu, #burgerbutton {
    display: block !important; }

  #to_desktop {
    display: block; }

  #mainmenu {
    display: none; }

  #produkt .re {
    width: 100%; }

  #flaggen {
    float: none;
    position: absolute;
    top: 0;
    right: 0; }
    #flaggen.pb {
      float: none;
      position: absolute;
      top: 0;
      right: 20px; }

  .phonebutton {
    top: -7px; }

  #start .li, #start .re {
    width: 100%; }
    #start .li .box {
      width: 80%;
      font-size: 20px; }

  #start #startslider {
    max-width: 96%;
    margin: 0 auto 20px auto; }
    #start #sm_start {
      float: none; }

  #quicklink {
    margin-top: 20px;
    width: 96%; }
    #quicklink h3 {
      padding: 10px 0; }

  #footer #nl_top_container {
    float: none; }
    #footer #nl_top_container #nl_abo {
      float: none;
      margin: 40px auto 20px auto; }
    #footer #nl_top_container #to_top {
      margin-right: 0px;
      float: none;
      margin: 0 auto; }
    #footer #yt_channel {
      float: none;
      margin: 0;
      margin-top: 30px; }
    #footer #sm_icons {
      padding-left: initial;
      text-align: center; } }
/* --- 768px --------------------------------------------- */
@media only screen and (max-width: 767px) {
  #slogan {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .phonebutton {
    /*
     width:12px;
     height:12px;
     padding:1px 3px 1px 1px;
     //font-size: 1rem;
     */
    top: -7px; }

  #content .bildklein {
    width: 100%;
    float: none;
    margin-left: 0; }

  #produkt #produkt_head {
    height: initial;
    padding: 2px 5px 2px 5px;
    margin-left: 0;
    margin-top: 0;
    width: 97%; }
    #produkt #produkt_head .re {
      float: none; }
    #produkt .li {
      display: none; }
    #produkt .re {
      margin-left: 10px; }
    #produkt .re .uebersicht {
      width: 100%; }
    #produkt .re #produktslider {
      width: 90%; }
      #produkt .re #produktslider div img {
        max-width: 100% !important;
        height: auto !important; }
    #produkt .re .tech_daten .block {
      width: 96%;
      margin-bottom: 30px; }

  #content {
    padding: 10px 5px; }

  #formular {
    width: 100%; }
    #formular .row .desc, #formular .row .value {
      width: 100%; }

  #footer_outer {
    margin-top: 0; }
    #footer_outer #footer {
      padding: 10px;
      height: 210px; }
    #footer_outer #footer #footernavi {
      float: none;
      padding-left: 5px;
      margin-bottom: 10px;
      width: initial; }
      #footer_outer #footer #footernavi ul li {
        float: none;
        display: block;
        padding-bottom: 10px; }
        #footer_outer #footer #footernavi ul li a {
          font-size: 16px; }
        #footer_outer #footer #footernavi ul :after {
          content: initial; }
    #footer_outer #footer #adresse {
      float: none;
      font-size: 15px;
      padding-bottom: 10px; }
    #footer_outer #footer .cookies img {
      top: -6px;
      left: 0px; }

  #quicklink {
    margin-left: 0;
    margin-bottom: 20px;
    margin: 0 auto 20px auto; }
    #quicklink .item {
      margin-bottom: 15px;
      min-height: 110px; }
    #quicklink .item .quick_txt {
      font-size: 14px; }

  #to_desktop {
    display: none; } }
/* --- 580px --------------------------------------------- */
@media only screen and (max-width: 584px) {
  #quicklink .item, #quicklink_inhalt .item {
    width: 100%; }
    #quicklink .item h3, #quicklink_inhalt .item h3 {
      font-size: 12px; }

  #formular .row .value input[type="text"], #formular .row .value input[type="submit"], #formular .row .value textarea {
    width: 100%; } }
/* --- 480px --------------------------------------------- */
/*@media only screen and (max-width: 479px) {*/
@media only screen and (max-width: 479px) {
  #logo {
    width: initial; }
    #logo img {
      width: 210px;
      height: auto; }

  #slogan {
    width: 80%;
    line-height: 1.5em; }

  #produktuebersicht .item .text {
    width: 92.5%; }

  #produkt .re .tech_daten .row {
    margin-bottom: 10px;
    font-size: 14px; }
    #produkt .re .tech_daten .row .bez {
      width: 100%;
      font-weight: bold; }
    #produkt .re .tech_daten .row .val {
      width: 100%;
      text-align: left; } }
/* --- 320px --------------------------------------------- */