/*************************************************/
/* Phone Breakpoint */
/*************************************************/
@media screen and (min-width: 120px) and (max-width: 991px) {
  #wrap {
    width: 100% !important;
    margin: 0 !important;
  }
  #wrap #main {
    width: 100%;
    float: none;
    margin: 0;
    border: none;
    box-shadow: none;
  }
  #wrap #main #header {
    width: 100%;
    padding: 5px 0 5px 0;
    margin-bottom: 0;
    border: none;
    height: auto;
    position: fixed;
    top: 0;
    z-index: 10;
    background-color: #02447C;
    border-radius: 0;
  }
  #wrap #main #header #staticLinks {
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    display: none;
  }
  #wrap #main #header #navigation {
    display: none;
    clear: both;
    border-top: 0;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 400px;
  }
  #wrap #main #header #navigation ul {
    overflow: hidden;
  }
  #wrap #main #header #navigation ul li {
    width: 100%;
  }
  #wrap #main #header #navigation ul li a {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  #wrap #main #header #navigation ul.metanav {
    padding-top: 10px;
  }
  #wrap #main #header .top {
    overflow: hidden;
  }
  #wrap #main #header .top #logo {
    width: 58%;
    padding: 10px 0 0 2%;
    margin: 0;
    float: left;
  }
  #wrap #main #header .top #logo img {
    width: 100%;
  }
  #wrap #main #header .top #mobile_buttons {
    display: block;
    width: 40%;
    float: left;
  }
  #wrap #main #header .top #mobile_buttons > div {
    float: right;
    width: 32px;
    height: 32px;
    background-color: #DDD;
    margin-right: 10px;
    border: 1px solid #C7C7C7;
    border-radius: 4px;
    cursor: pointer;
  }
  #wrap #main #header .top #mobile_buttons > div i {
    font-size: 1.5em;
    padding-left: 6px;
    padding-top: 4px;
  }
  #wrap #main #header #login {
    width: 100%;
    float: none;
    display: none;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    overflow: hidden;
    clear: both;
    margin-top: 10px;
  }
  #wrap #main #header #login .tx-newloginbox-pi1 {
    width: 96%;
    margin: 0;
    padding: 2%;
  }
  #wrap #main #header #login .tx-newloginbox-pi1 h3 {
    font-size: 1em !important;
  }
  #wrap #main #header #login .tx-newloginbox-pi1 input[type=text],
  #wrap #main #header #login .tx-newloginbox-pi1 input[type=password] {
    height: 30px;
    width: 80%;
    font-size: 1em;
  }
  #wrap #main #header #login .tx-newloginbox-pi1 input.auth_button {
    display: block;
    float: none;
    height: 25px;
    padding: 5px 10px;
    font-size: 1em;
    margin-top: 10px;
  }
  #wrap #main #header #login .tx-newloginbox-pi1 p.forgot {
    margin-top: 10px;
  }
  #wrap #main #header #login .tx-newloginbox-pi1 p.forgot a {
    font-size: 1em;
  }
  #wrap #main #content {
    width: 96%;
    margin: 0;
    overflow: hidden;
    padding: 90px 2% 60px 2%;
  }
  #wrap #main #content ul.csc-uploads li {
    width: 35%;
    height: auto;
    float: left;
  }
  #wrap #main #content ul.csc-uploads li:nth-child(odd) {
    margin-left: 5%;
  }
  #wrap #main #content ul.csc-uploads li:nth-child(even) {
    margin-left: 20%;
  }
  #wrap #main #content ul.csc-uploads li.csc-uploads-element-pdf .csc-uploads-fileName {
    overflow: hidden;
  }
  #wrap #main #content ul.csc-uploads li.csc-uploads-element-pdf .csc-uploads-fileName .pdficon {
    display: none;
    float: left !important;
    margin-right: 5px !important;
    height: 32px !important;
    width: 32px !important;
  }
  #wrap #main #content ul.csc-uploads li.csc-uploads-element-pdf > a {
    display: block;
    width: 100%;
    clear: both;
    float: none;
    margin-top: 10px;
    overflow: hidden;
  }
  #wrap #main #content ul.csc-uploads li.csc-uploads-element-pdf > a img {
    width: 100%;
    height: auto;
  }
  #wrap #main #content div#contentSmall {
    position: static;
    width: 100%;
  }
  #wrap #main #content div#contentSmall ul {
    width: 96%;
    padding: 2%;
    margin: 0;
  }
  #wrap #main #content div#contentSmall ul li a {
    font-size: 1.5em;
  }
  #wrap #banner_rectangle {
    display: none;
  }
  #wrap #banner_superbanner {
    display: none;
  }
  #wrap #banner_wideskyscraper {
    display: none;
  }
  div#contentBig {
    width: 100% !important;
    margin: 0;
  }
  #body_4 #contentBig {
    width: 100%;
    margin: 0;
  }
  #body_4 #contentBig h1 {
    border-top: none;
  }
  #body_4 #contentBig > div.csc-default {
    width: 100%;
    float: none;
    margin: 0;
    overflow: hidden;
  }
  #body_4 #contentBig > div.csc-default .csc-textpic .csc-textpic-imagewrap {
    float: none;
    margin: 0;
  }
  #body_4 #contentBig > div.csc-default .csc-textpic .csc-textpic-imagewrap figure.csc-textpic-image {
    margin: 0 auto;
  }
  #body_4 #contentBig > div.csc-default .csc-textpic .csc-textpic-text {
    float: none;
    margin: 0;
  }
  #body_4 #contentBig .csc-frame-frame1 {
    width: 100%;
  }
  #expFrame {
    width: 100%;
  }
  div.tx-datamintsfeuser-pi1 form fieldset div.form_item {
    overflow: hidden;
    clear: both;
    width: 100%;
  }
  div.tx-datamintsfeuser-pi1 form fieldset div.form_item #datamints_feuser_77_gender_item_2_wrapper {
    display: none;
  }
  div.tx-datamintsfeuser-pi1 form fieldset div.form_item.form_type_radio > label {
    margin-bottom: 10px;
  }
  div.tx-datamintsfeuser-pi1 form fieldset div.form_item.form_type_radio label {
    width: 100% !important;
  }
  div.tx-datamintsfeuser-pi1 form fieldset div.form_item.form_type_radio .radio_item_wrapper {
    width: 100%;
    overflow: hidden;
    max-height: none;
    margin-left: 0;
  }
  div.tx-datamintsfeuser-pi1 form fieldset div.form_item.form_type_radio .radio_item_wrapper .radio_item {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
  }
  div.tx-datamintsfeuser-pi1 form fieldset div.form_item.form_type_radio .radio_item_wrapper .radio_item label {
    width: 80% !important;
    float: left;
    padding: 0;
    margin: 0;
  }
  div.tx-datamintsfeuser-pi1 form fieldset div.form_item.form_type_radio .radio_item_wrapper .radio_item input {
    width: 20% !important;
    float: left;
    margin: 0;
  }
  div.tx-datamintsfeuser-pi1 form fieldset div.form_item label {
    display: inline-block !important;
    width: 80% !important;
    font-size: 1.0em;
    float: left;
  }
  div.tx-datamintsfeuser-pi1 form fieldset div.form_item label[for="lizenztyp"] {
    width: 100%;
    float: none;
    font-size: 1.5em;
  }
  div.tx-datamintsfeuser-pi1 form fieldset div.form_item input[type="radio"] {
    width: 15% !important;
    font-size: 1.5em;
    float: left;
  }
  .tx-datamintsfeuser-pi1 input[type=submit] {
    margin-left: 0;
  }
  #datamints_feuser_173_gender_item_2_wrapper {
    display: none;
  }
  .csc-default .tx-newsfeedit-pi1-form-label,
  .csc-default .tx-newsfeedit-pi1-preview-label,
  .csc-default .tx-datamintsfeuser-pi1 label,
  .csc-default #kontakt label,
  .csc-default .powermail_all_td .powermail_all_label {
    float: none;
    width: 100%;
    font-weight: bold;
    font-size: 0.8em;
    padding-top: 0.5em;
  }
  .csc-default .tx-newsfeedit-pi1-preview-value,
  .csc-default .tx-newsfeedit-pi1-form-field {
    margin-left: 0;
  }
  .csc-default .tx-newsfeedit-pi1-form-data,
  .csc-default .tx-datamintsfeuser-pi1 input[type=text],
  .csc-default .tx-datamintsfeuser-pi1 input[type=password],
  .csc-default #kontakt input[type=text],
  .csc-default #kontakt input[type=email],
  .csc-default #kontakt textarea {
    width: 90% !important;
  }
  .csc-default .editorWrap {
    width: 100% !important;
    overflow: hidden;
  }
  .csc-default .editorWrap .htmlarea {
    width: 100% !important;
  }
  .csc-default .tx-newsfeedit-pi1-form-submit,
  .csc-default .tx-newsfeedit-pi1-preview-submit,
  .csc-default .tx-newsfeedit-pi1-preview-donotsave,
  .csc-default .tx-datamintsfeuser-pi1 input[type=submit],
  .csc-default #kontakt input[type=submit] {
    margin-left: 0;
    font-size: 1em;
  }
  .csc-default div.csc-textpic .csc-textpic-imagewrap img {
    width: 100%;
    height: auto;
    display: none;
  }
  #body_124 #c246 {
    position: static;
    top: inherit;
    left: inherit;
  }
  #body_124 #c246 .tx-powermail {
    width: 100%;
  }
  #body_124 #c246 .tx-powermail .powermail_fieldset .powermail_field {
    width: 100%;
    margin: 0;
  }
  #body_124 #c246 .tx-powermail .powermail_fieldset .powermail_field.powermail_submit {
    float: none;
    width: 100%;
  }
  #body_124 #c246 .tx-powermail .powermail_fieldset .powermail_label {
    width: 100%;
  }
  #body_124 #c246 .tx-powermail .powermail_fieldset .powermail_legend {
    color: #003D6D !important;
    font-weight: bold;
    float: none;
    margin: 0;
    padding: 0 10px;
    font-size: 20px;
    white-space: normal;
  }
  h1 {
    font-size: 16px !important;
    background: #80a1bd;
    padding: 5px 0 5px 5px;
    border-top: 3px solid #02447C;
  }
  #mobile_buttons {
    padding: 10px 0;
  }
  #navigation li.active {
    border-bottom: none;
  }
  #header a:hover,
  #header li.active a {
    color: yellowgreen;
  }
  #c259,
  #c251 {
    display: none;
  }
  #formAbosetup .labelWide {
    float: right;
    width: 85% !important;
    font-weight: normal;
    font-size: 12px;
  }
  #c205 {
    font-size: 12px;
  }
  #c123 .csc-textpic-text br {
    display: none;
  }
  .contenttable td {
    float: left;
    width: 100%;
  }
  #c123 > div > div.csc-textpic-text > div {
    width: 95%;
  }
}