/* --- 1655px --------------------------------------------- */
@media only screen and (max-width: 1655px) {
  #nav a {
    padding: 0 35px; }
  #video_ct .content {
    width: 80%; } }

/* --- 1500 --------------------------------------------- */
@media only screen and (max-width: 1500px) {
  #nav a {
    padding: 0 27px; } }

/* --- 1330px --------------------------------------------- */
@media only screen and (max-width: 1330px) {
  .content {
    width: 98%; }
  #nav a {
    padding: 0 20px; } }

/* --- 1024px --------------------------------------------- */
/* --- 980px --------------------------------------------- */
@media only screen and (max-width: 979px) {
  #video_ct .content {
    width: 100%;
    top: 20%;
    right: initial;
    left: 20px;
    transform: translate(0); }
    #video_ct .content h2 {
      font-size: 50px; }
    #video_ct .content h1 {
      font-size: 30px; }
  #nav a {
    padding-left: 10px;
    padding-right: 10px; }
  #cbox {
    padding-bottom: 10px;
    margin: 5% auto !important;
    left: 0 !important;
    right: 0 !important;
    /*width: 310px!important;*/
    width: 90% !important;
    max-width: 90% !important;
    height: 75vh !important;
    max-height: 90vh !important;
    bottom: initial;
    top: 50px; }
    #cbox .buttons {
      display: flex; }
      #cbox .buttons button {
        width: 180px; }
  table.domaintable {
    border-collapse: separate;
    width: 100%; }
    table.domaintable thead {
      display: none; }
    table.domaintable td {
      display: block;
      position: relative;
      text-align: left !important;
      padding-left: 160px !important;
      min-height: 32px;
      background-color: white !important; }
      table.domaintable td.txt {
        padding-left: 10px !important; }
        table.domaintable td.txt:before {
          content: none; }
      table.domaintable td:nth-of-type(odd) {
        background-color: #e4e4e4 !important; }
      table.domaintable td.status {
        background-position: 140px 10px !important; }
      table.domaintable td#summe, table.domaintable td#summe_brutto {
        font-size: 20px; }
      table.domaintable td#summe_brutto {
        font-weight: normal; }
      table.domaintable td.click_tld {
        display: none; }
    table.domaintable td:before {
      content: attr(data-th);
      display: inline-block;
      text-align: left;
      padding: 6px 10px !important;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100px;
      max-height: 100%;
      font-weight: bold;
      padding: 0px 10px; }
    table.domaintable td:first-of-type {
      background-color: #3c3c3c !important;
      padding: 5px 0;
      color: white;
      text-align: center; }
    table.domaintable td:last-child {
      white-space: inherit !important; }
  #not_startbox .nbox .box {
    width: 100%;
    flex: initial; } }

/* --- 920px --------------------------------------------- */
@media only screen and (max-width: 920px) {
  #burger {
    display: block; }
  #mobilemenu {
    display: block; }
  #mainmenu {
    display: none; }
  #helpcenter {
    display: none; }
  #webmail, #webmail.startseite {
    display: none;
    /*
     #map-canvas { display: none; }
     */ }
  #leftnavi {
    display: none; }
  #suche_container {
    display: none; }
  #lupe {
    display: none; }
  #lupe_mobile {
    display: block; }
  #footer #textbox {
    width: 100%;
    background: #073e52; }
  #wrapper {
    background-position: center 65px; }
  #mobile_backtooverview {
    display: block; }
  #wrapper {
    overflow-x: initial; }
  #logo {
    width: 50%;
    text-align: center;
    margin-left: 25%;
    padding: 20px 0px 15px 0px; }
    #logo.jubi {
      float: none;
      width: 150px;
      margin-left: initial;
      margin: 10px auto 0 auto;
      padding: initial; }
  #maintext, .maintext, .sidebarLeft #maintext, .sidebarLeft .maintext, .sidebarLeft.sidebarRight #maintext, .sidebarLeft.sidebarRight .maintext {
    float: none;
    width: 100% !important;
    /*	width: 95%!important;*/
    padding: 90px 10px 45px 10px;
    box-sizing: border-box;
    margin: 0 auto; }
    #maintext a[href*=".pdf"], .maintext a[href*=".pdf"], .sidebarLeft #maintext a[href*=".pdf"], .sidebarLeft .maintext a[href*=".pdf"], .sidebarLeft.sidebarRight #maintext a[href*=".pdf"], .sidebarLeft.sidebarRight .maintext a[href*=".pdf"] {
      line-height: 25px; }
  #rightbox {
    margin: 0 auto;
    width: 85%;
    float: none; }
  h1 {
    font-size: 28px; }
  h2 {
    font-size: 22px;
    /*
     #header_slider,
     #header
     {
     display:none;
     }
     */ }
    #header #video_ct .content h2 {
      font-size: 40px;
      line-height: 1.2em;
      margin-bottom: 0; }
    #header #video_ct .content p {
      margin-top: 20px; }
    #header #video_ct .content .wort-container {
      width: 260px;
      height: 1em; }
    #header #video_ct .scrolldown img {
      width: 70px;
      opacity: 0.8; }
  #navigation {
    position: fixed;
    background: white;
    z-index: 10; }
    #navigation .content {
      /*
       &.nav-down {
       .transition(top, 2s, linear,2s);
       transition: top 1s ease-in-out;
       }
       &.nav-up {
       top: -100px!important;
       transition: top 2.5s ease-in-out;
       }
       */
      height: 65px;
      padding-top: 0; }
  .content {
    /*
     padding-top:78px;
     */ }
    .zusatzbox .content {
      padding-top: 0; }
  #header_mobil {
    display: block; }
    #referenz_detail #bild {
      width: 100%;
      max-width: 100%; }
      #referenz_detail #bild #bigimage_box {
        height: auto; }
      #referenz_detail #bild #bigimage {
        width: 100%;
        max-width: 100%;
        height: auto; }
    #referenz_detail #text {
      width: 100%;
      max-width: 100%; }
  .box {
    width: 100%;
    flex: initial; }
    .box .box_head h2 {
      font-size: 20px;
      line-height: 20px; }
  #referenzen .referenz {
    width: 100%; }
    #referenzen .referenz img {
      width: 100%;
      height: auto; }
    #referenzen .referenz .decker {
      height: 89%; }
  .slider_wrapper {
    margin: 0;
    width: 100%; }
    .slider_wrapper h2 {
      font-size: 22px; }
    .slider_wrapper h3 {
      font-size: 20px; }
    .slider_wrapper .panel-wrapper {
      width: 100%; }
  #suche_mobile input[type="text"] {
    border-radius: 0; }
  .button.search {
    position: relative;
    top: 1px;
    border-radius: 0;
    height: 39px; }
    .sidebarLeft .infobox_wrapper {
      width: 100%;
      margin-left: 0; }
  .panel-wrapper img {
    max-width: 100%;
    height: auto; }
  #rightbox {
    padding-top: 0px; }
  .zusatz_content_container {
    width: 100%;
    margin: 0;
    justify-content: center; }
    #zusatzboxen .zusatz_content_box {
      width: 100%;
      width: calc(100% - 70px);
      margin: 0 auto 20px auto;
      padding: 20px; }
  #referenzen .referenz {
    float: none;
    margin: 0 auto 30px auto;
    /*width: 95%;*/
    width: fit-content;
    height: auto;
    max-width: 95%; }
    #referenzen .referenz img {
      /*width:100%;
       max-width: 100%;*/
      height: auto;
      margin: auto; }
    #referenzen .referenz .decker .bar {
      width: 100%; }
  #referenzen .referenz_name {
    font-size: 16px; }
  #referenzen #filter {
    margin-top: 20px; }
    #referenzen #filter .item {
      width: 100%;
      margin: 0px; }
    #referenzen #filter label, #referenzen #filter .switch {
      text-align: left;
      /*float: none;*/
      display: block; }
  #footer {
    height: auto; }
  #map_mobil {
    display: block; }
  #map {
    display: none; }
  #map_container {
    max-width: 100% !important; }
  #footer #textbox {
    position: inherit;
    height: auto; }
  #footer #close {
    display: none; }
  #footer_bottom_wrapper {
    position: relative; }
    .footer_bottom_col.right ul li:before {
      content: none; }
  #inc_searchbar {
    width: 90%;
    margin: 0 auto;
    min-width: inherit;
    text-align: center; }
    #inc_searchbar .d_input {
      float: left;
      width: 80%;
      margin-left: 13px; }
      #inc_searchbar .d_input:nth-of-type(2) {
        float: right;
        width: 15%;
        margin-left: 0;
        margin-right: 13px;
        text-align: right; }
    #inc_searchbar #domain_input, #inc_searchbar #tld_dropdown {
      margin-bottom: 10px;
      width: 100%; }
    #inc_searchbar #tld_dropdown.start {
      width: 135px;
      left: -55px; }
    #inc_searchbar #domain_input {
      float: right; }
    #inc_searchbar .www, #inc_searchbar .dot {
      display: none; }
    #inc_searchbar button {
      width: 100%; }
  .box .icon {
    top: -7px; }
  #bbb_formular {
    width: 90%; }
  .jt_ct .item {
    width: 90%; } }

/* --- 800px --------------------------------------------- */
@media only screen and (max-width: 800px) {
  #not_startbox .nbox .box {
    width: 95%; }
    #not_startbox .nbox .box a {
      /*	min-height:150px;*/ } }

/* --- 680px --------------------------------------------- */
@media only screen and (max-width: 680px) {
  #inc_searchbar {
    width: 93%; }
    #inc_searchbar .d_input {
      width: 75%; }
  #cbox {
    width: 90% !important;
    max-width: 90% !important;
    height: 90vh !important;
    max-height: 90vh !important;
    bottom: initial;
    top: 5px; }
    #cbox .buttons {
      flex-direction: column;
      align-items: center; }
      #cbox .buttons button {
        width: 90% !important; }
  .box, .helpcenter_overview .box, #not_startbox .nbox .box {
    /*
     width:92%;
     padding: 0px 3%;
     */
    width: 100%;
    padding: 0;
    margin-bottom: 25px; } }

/* --- 580px --------------------------------------------- */
@media only screen and (max-width: 584px) {
  #header #video_ct .content {
    width: calc(100% - 80px); }
    #header #video_ct .content h2 {
      font-size: 36px; }
    #header #video_ct .content h1 {
      font-size: 25px; }
    #header #video_ct .content .wort-container {
      width: 150px; }
  .infobox {
    width: 95%;
    box-sizing: border-box;
    margin: 0 auto 0 auto; }
    .infobox .button {
      width: 83%; }
    .infobox .infobox_content {
      margin-bottom: 10px;
      float: none; }
    .infobox .infobox_button {
      width: 100%;
      margin: 15px 0 0 0;
      float: none; }
      .infobox .infobox_button a {
        display: block; }
  #searchresults .infobox {
    margin: 0 auto; }
    #searchresults .infobox .infobox_button {
      float: none;
      margin: 20px auto 0 auto; }
      #searchresults .infobox .infobox_button a {
        width: 83%; }
  #footer_bottom .footer_bottom_col li, #footer #textbox .text a {
    margin-bottom: 5px;
    /* bisschen abstand */
    display: block; }
  #twitter_button, #facebook_button {
    right: 5%;
    transform: scale(0.6);
    margin: 0px; }
  #twitter_button {
    bottom: 10px; }
  #facebook_button {
    bottom: 60px; }
  #footer_bottom {
    padding-top: 30px; }
    #footer_bottom.content {
      width: 95%; }
  #ms_container {
    width: 100%;
    margin: 0 auto; }
    #ms_container .item {
      width: 90%; }
  #pro_table td {
    text-align: left; }
    #pro_table td a {
      padding-right: 25px;
      line-height: 1.8em; }
  #socialshareprivacy .pro_g_share, #socialshareprivacy .pro_fb_share {
    height: 31px; }
    #socialshareprivacy .pro_g_share a, #socialshareprivacy .pro_fb_share a {
      line-height: 2.7em; }
  .infobox_button {
    margin-top: 20px; }
  button, .button {
    display: block;
    margin: 0 auto;
    width: 100%; }
  .supermenu #sm_suche_mobile button[type="submit"] {
    display: inline; }
    #continent_lists .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      #continent_lists .container .title {
        width: 100%;
        font-size: 16px; }
      #continent_lists .container .item {
        float: initial !important;
        padding: 5px 0 5px 5px !important;
        background-color: #e2e2e2;
        font-size: 13px;
        margin: 6px 2px 6px 0 !important;
        width: 23%; }
  .quiz_row .antwort .float {
    width: 90%;
    margin-bottom: 20px; }
    #inc_searchbar .d_input {
      width: 78%; }
  #referenz_detail .link {
    display: block;
    width: 75%;
    float: none; }
  #continent_lists .container {
    width: 100% !important; }
    .box h2 {
      padding-left: 45px; }
  #maintext, .maintext {
    float: none;
    padding: 45px 10px 0px 10px;
    width: 100%; } }

/* --- 480px --------------------------------------------- */
/*@media only screen and (max-width: 479px) {*/
@media only screen and (max-width: 479px) {
  #inc_searchbar .d_input {
    width: 75%;
    /*
     .button,
     button
     {
     display:block;
     width:85%;
     margin:0 auto;
     }
     */ } }

/* --- 360px --------------------------------------------- */
@media only screen and (max-width: 360px) {
  #inc_searchbar .d_input {
    width: 73%; } }