@media (max-width: 1024px) {
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="button"],
  input[type="image"],
  input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
  }
}
@media (max-width: 768px) {
  body#css-home #container #content {
    padding-left: 0;
  }
  #container {
    overflow: hidden;
    width: 100%;
  }
  #container #header {
    border: none;
    width: 100%;
  }
  #container #header .metanav > ul {
    margin-top: 8px;
  }
  #container #header .metanav ul li {
    padding: 0 0 0 35px;
  }
  #container #header .metanav #social_links ul li {
    padding: 0 0 0 15px;
  }
  #container #header #toggle_login {
    background: url(../img/icn_mobile_login.png) no-repeat 0 0;
    display: block;
    float: right;
    height: 21px;
    margin: 50px 47px 0 0;
    width: 22px;
  }
  #container #header #toggle_login:hover {
    background-position: 0 -41px;
    cursor: pointer;
  }
  #container #header #toggle_login.logged-in {
    background-position: 0 -82px;
  }
  #container #header #toggle_login.logged-in:hover {
    background-position: 0 -123px;
    cursor: pointer;
  }
  #container #header #toggle_login.error {
    background-position: 0 -164px;
  }
  #container #header #toggle_search {
    background: url(../img/icn_mobile_search.png) no-repeat 0 0;
    display: block;
    float: right;
    height: 20px;
    margin: 50px 20px 0 0;
    width: 22px;
  }
  #container #header #toggle_search:hover {
    background-position: 0 -41px;
    cursor: pointer;
  }
  #container #header #search_header {
    background: url(../img/img_shadow-top-search.png) no-repeat top right, url(../img/img_shadow-bottom.png) repeat-x bottom left #ececec;
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 30px 20px;
    position: absolute;
    top: 150px;
    width: 100%;
    z-index: 999;
  }
  #container #header #search_header input[type="text"] {
    border-right: 1px solid #676d75;
    float: left;
    width: -webkit-calc(100% - 44px);
    width: -moz-calc(100% - 44px);
    width: calc(100% - 44px);
  }
  #container #header #search_header input[type="image"] {
    border: none;
    float: left;
    padding: 9px;
  }
  #container #topnav {
    width: 100%;
  }
  #container #topnav ul li {
    width: calc(16.8% - 6px);
  }
  #container #topnav ul li#news-discussion {
    margin-right: 0;
  }
  #container #topnav ul li#eccmid-teaser {
    display: none;
  }
  #container #topnav ul li ul li a {
    padding: 8px 0 !important;
  }
  #container #headerbar {
    margin-right: 20px;
    width: auto;
  }
  #container #headerbar.content-fullpage {
    margin-right: 0;
  }
  #container #leftnav ul.firstlvl li {
    padding-bottom: 0;
  }
  #container #leftnav ul.firstlvl li.on {
    padding-bottom: 2px;
  }
  #container #leftnav ul.firstlvl li.on ul.secondlvl {
    margin: 0;
  }
  #container #leftnav ul.firstlvl li.on ul.secondlvl li a {
    padding: 7px 0 7px 20px;
  }
  #container #leftnav ul.firstlvl li a {
    font-size: 13px;
    padding-bottom: 10px;
    white-space: normal;
  }
  #container #content {
    float: none;
    margin-right: 20px;
    width: auto;
  }
  #container #content.content-startpage {
    padding-left: 0;
    width: 100%;
  }
  #container #content.content-startpage .rightrow a.int_link {
    text-align: left;
  }
  #container #content.content-fullpage {
    padding-left: 0;
    width: 100%;
  }
  #container #content.content-fullpage .tx-solr-search-form input[type="text"] {
    width: calc(100% - 41px);
  }
  #container #content.content-fullpage .results-header,
  #container #content.content-fullpage .results-teaser {
    width: 100%;
  }
  #container #content.content-fullpage .tx-solr .tx-solr-search-form-wrapper {
    padding: 20px 10px;
  }
  #container #content.content-fullpage .tx-solr .tx-solr-search-form h1 {
    left: 0;
    margin-left: 0;
  }
  #container #content.content-fullpage .tx-solr #tx-solr-search > * {
    margin-right: 0;
  }
  #container #content.content-fullpage .tx-solr #tx-solr-search .icn-info {
    width: auto;
  }
  #container #content.content-fullpage .tx-solr #tx-solr-search #icon-lightbox .container {
    width: auto;
  }
  #container #content.content-fullpage .tx-solr #tx-solr-search #icon-lightbox .container .icn-legend {
    margin-right: 20px;
  }
  #container #content.content-fullpage .tx-solr #tx-solr-search .results-marginal {
    float: none;
    width: 100%;
  }
  #container #content.content-fullpage .tx-solr #tx-solr-search .results-marginal .relevance {
    display: none;
  }
  #container #content.content-fullpage .tx-solr #tx-solr-search .results-marginal .toggle-details {
    float: none;
    position: absolute;
    right: 10px;
  }
  #container #content img {
    height: auto;
    max-width: 100%;
  }
  #container #content .rightrow {
    box-sizing: border-box;
    width: 100%;
  }
  #container #content #contentarea {
    margin: 0;
  }
  #container #content #contentarea form input,
  #container #content #contentarea form select,
  #container #content #contentarea form textarea {
    min-width: 14px;
    width: calc(100% - 20px);
  }
  #container #content #contentarea form input.radio {
    width: 20px;
  }
  #container #content #contentarea form .full {
    min-width: 0;
    width: calc(100% - 20px);
  }
  #container #content #contentarea form .wrapper {
    width: 100%;
  }
  #container #content #contentarea form label {
    float: none;
    width: 100%;
  }
  #container #content #contentarea form input[type=text],
  #container #content #contentarea form input[type=password] {
    border: 1px solid #676d75;
    color: #676d75;
    font-size: 12px;
    height: 30px;
    padding: 0 0 0 5px;
  }
  #container #content #contentarea form select {
    border: 1px solid #676d75;
    color: #676d75;
    font-size: 12px;
    height: 30px;
    padding: 0 0 0 5px;
    width: calc(100% - 13px);
  }
  #container #content #contentarea form .submit {
    margin-right: -20px;
  }
  #container #content #contentarea form .submit input {
    background: url('../img/Submit_BigArrow.png') no-repeat right #676d75;
    text-align: center;
    width: 100%;
  }
  #container .teaser #loginbox {
    background: url(../img/img_shadow-top-login.png) no-repeat top right, url(../img/img_shadow-bottom.png) repeat-x bottom left #ececec;
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 30px 20px 0;
    position: absolute;
    top: 150px;
    width: 100%;
    z-index: 998;
  }
  #container .teaser #loginbox label.half {
    width: 100%;
  }
  #container .teaser #loginbox #loginform label.legend {
    border-bottom: none;
    font-size: 22px;
  }
  #container .teaser #loginbox #loginform #user {
    margin-right: 20px;
  }
  #container .teaser #loginbox #loginform input {
    width: 46%;
  }
  #container .teaser #loginbox #loginform a#href_logout.int_link,
  #container .teaser #loginbox #loginform a#href_login.int_link {
    background: url(../img/icn_arrow-link-intern-btn.png) no-repeat 10px 12px #676d75;
    color: #ffffff;
    padding: 8px 5px 7px 16px !important;
  }
  #container .teaser #loginbox #loginform a#href_forgot.int_link {
    font-size: 14px;
    font-weight: bold;
    width: 47%;
  }
  #container .teaser #loginbox #loginform a.int_link {
    background-position: 0 4px;
  }
  #container .teaser #searchbox,
  #container .teaser #href_register,
  #container .teaser #newsletter-signup,
  #container .teaser .teaserbox,
  #container .teaser .block {
    display: none;
  }
  #container #toplink {
    display: block;
    text-align: right;
  }
  #container #toplink a {
    background: url(../img/icn_to-top.png) no-repeat 0 2px;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin-right: 20px;
    padding: 0 0 15px 20px;
  }
  #container #toplink a:hover,
  #container #toplink a:active,
  #container #toplink a:focus {
    text-decoration: none;
  }
  #container .navigation {
    width: auto;
  }
  #container_footer {
    background: #5babab;
    overflow: hidden;
  }
  #container_footer #footer_contact {
    padding-left: 20px;
    width: 33.332%;
  }
  #container_footer #footer_contact h3 {
    color: #ffffff;
    padding: 0 0 6px;
  }
  #container_footer #footer_contact p {
    border: none;
    color: #ffffff;
    font-size: 14px;
    line-height: 19px;
  }
  #container_footer #footer_contact a[href^=tel] {
    color: inherit;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
  }
  #container_footer #search_footer h3 {
    color: #ffffff;
    font-size: 14px;
    padding-bottom: 10px;
    text-transform: uppercase;
  }
  #container_footer #search_footer input[type="text"] {
    background: #5babab;
    border: 1px solid #ffffff;
    border-right: none;
    color: #ffffff;
  }
  #container_footer #search_footer input[type="image"] {
    border: 1px solid #ffffff;
    border-left: none;
    padding: 8px 8px 7px;
  }
  #container_footer #social_footer {
    clear: both;
    display: block;
  }
  #container_footer #social_footer ul {
    padding: 23px 20px 30px;
  }
  #container_footer #social_footer ul li {
    padding-right: 20px;
  }
  #container_footer #footer {
    width: 100%;
  }
  #container_footer #footer #sitemap_close {
    background: url(../img/icn_open-close-sitemap.png) no-repeat right -21px;
    display: block;
    float: right;
    margin-right: 20px;
    margin-top: 37px;
    padding: 0 20px;
  }
  #container_footer #footer #sitemap_close:hover {
    cursor: pointer;
  }
  #container_footer #footer #sitemap_close.closed {
    background-position: right 5px;
  }
  #container_footer #footer #sitemap-footer.closed {
    border-bottom: none;
  }
  #container_footer #footer #sitemap-footer > ul {
    box-sizing: border-box;
    width: 100%;
  }
  #container_footer #footer #sitemap-footer > ul > li {
    box-sizing: border-box;
    width: 33.332%;
  }
  #container_footer #footer #sitemap-footer > ul > li a {
    white-space: normal;
  }
  #container_footer #footer #sitemap-footer > ul > li > ul > li {
    height: auto;
  }
  #container_footer #footer .left {
    width: auto;
  }
  #container_footer #footer .right {
    float: right;
    width: auto;
  }
  #container_footer #cookie_layer_content {
    box-sizing: border-box;
    width: 100%;
  }
  .mobile-only {
    display: block;
  }
}
@media (max-width: 767px) {
  .flex-control-nav {
    display: none;
  }
}