@media all {
  #main .mod_search > div {
    margin-bottom: 1.5em;
  }
  #main .mod_search input {
    -webkit-appearance: none;
    -webkit-border-radius: none;
    border-radius: 0;
  }
  #main .mod_search input.text {
    width: 70%;
    padding: 4px 1% 5px;
    border: 1px solid #006fb4;
    background-color: #ffffff;
  }
  #main .mod_search input.submit {
    width: 25%;
    min-width: 75px;
    padding: 4px 1% 5px;
    border: 0px solid #006fb4;
    background-color: #b0b1b2;
    color: #ffffff;
    cursor: pointer;
  }
  #main .mod_search input.submit:hover {
    background-color: #006fb4;
  }
  #main .mod_search .header {
    padding-top: .5em;
    color: #555555;
    font-size: .8em;
  }
  #main .mod_search .relevance {
    color: #a3a4a6;
    font-size: .8em;
    white-space: pre;
  }
  #main .mod_search .highlight {
    font-weight: bold;
  }
  #main .mod_search .url {
    display: none;
  }
  #main .mod_search a.button,
  #main .mod_search a.button:hover {
    display: block;
    text-decoration: none;
    transition: .3s;
  }
  #main .mod_search a.button .more,
  #main .mod_search a.button:hover .more {
    text-decoration: underline;
  }
  #main .mod_search ::-webkit-input-placeholder {
    color: #006fb4;
  }
  #main .mod_search ::-moz-placeholder {
    color: #006fb4;
  }
  #main .mod_search :-ms-input-placeholder {
    color: #006fb4;
  }
  #main .mod_search ::-moz-placeholder {
    color: #006fb4;
  }
  #main .mod_search ::-moz-placeholder {
    opacity: 1;
  }
  #main .mod_search input[type="search"] {
    -webkit-appearance: textfield;
  }
  #ctrl_submit_9 {
    width: 20px;
  }
  .safari .mod_search .submit.button {
    border: 1px solid #b0b1b2 !important;
  }
  .safari .mod_search .submit.button:hover {
    border-color: #006fb4 !important;
  }
  #right .inside .idv {
    margin-bottom: 10px;
  }
  #right .inside .idv a {
    display: block;
    margin: 16px 22px;
    margin-top: 16px;
    padding-bottom: 3px;
    color: #000;
    font-size: 1em;
  }
  #right .inside .idv a img {
    width: auto;
    max-height: 40px;
    margin-bottom: 13px;
  }
  #right .inside .idv a:hover {
    text-decoration: none;
  }
  #right .mod_article .mod_article {
    margin: 0;
    padding: 0;
  }
  #left .mod_article .mod_article {
    margin: 0;
    padding: 0;
  }
  #navi a {
    padding-bottom: 3px;
  }
  #header .text .text {
    height: inherit;
    padding: 0;
    border: 0;
  }
  #main .mod_eventlist .event.online a {
    color: #006fb4;
  }
  #main .mod_eventlist .event.leerkurs {
    display: none;
  }
  #main .ce_accordion {
    margin-bottom: 1em;
  }
  #main .ce_accordion .toggler {
    position: relative;
    padding-right: 2em;
    cursor: pointer;
  }
  #main .ce_accordion .toggler::after {
    content: "+";
    position: absolute;
    right: 0;
    width: .6em;
    height: .6em;
    font-size: 2em;
    top: 0;
    line-height: 0.5em;
    color: white;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
  }
  #main .ce_accordion .toggler.active::after {
    content: "–";
    line-height: .4em;
  }
  #main .ce_accordion .accordion {
    padding-top: 1em;
  }
  .ce_text.map-hover {
    position: relative;
    margin-bottom: 8px;
    cursor: pointer;
  }
  .ce_text.map-hover img {
    display: block;
    width: 100%;
    height: auto;
  }
  .ce_text.map-hover p {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    max-height: 0;
    margin: 0;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 10px !important;
    line-height: 12px !important;
  }
  .ce_text.map-hover p a {
    font-size: 10px !important;
    line-height: 12px !important;
  }
  .ce_text.map-hover figure a {
    display: block;
  }
  .ce_text.map-hover:hover p {
    padding: 2px 0 3px 3px;
    max-height: 100%;
    transition: max-height 0.75s;
  }
  .hidden {
    display: none;
  }
  .ora .toggler {
    color: #ee7f00;
  }
  .ora .toggler::after {
    background-color: #ee7f00;
  }
  .rot .toggler {
    color: #b1044a;
  }
  .rot .toggler::after {
    background-color: #b1044a;
  }
  .gru .toggler {
    color: #00822a;
  }
  .gru .toggler::after {
    background-color: #00822a;
  }
  .gra .toggler {
    color: #707173;
  }
  .gra .toggler::after {
    background-color: #707173;
  }
  .bla .toggler {
    color: #006fb4;
  }
  .bla .toggler::after {
    background-color: #006fb4;
  }
  .fuc .toggler {
    color: #b82400;
  }
  .fuc .toggler::after {
    background-color: #b82400;
  }
}
@media all and (min-width: 800px) {
  #footer .f_1 {
    width: 180px;
  }
  #footer .f_2 {
    width: calc(100% - 25px - 180px - 25px);
  }
  #footer .f_2 .level_1 > li {
    max-width: calc(100% / 5 - 20px);
  }
}
@media (min-width: 970px) {
  #header .logo .left.db {
    height: 94px;
    overflow: hidden;
  }
  #header .slogan {
    position: relative;
    top: -5px;
    max-width: 615px;
  }
  #header .search_mobile {
    display: none;
  }
  #header .main_navi .level_2 {
    display: none;
  }
  #header .main_navi .mod_changelanguage a {
    background-size: 100% auto;
  }
  #header .img_navi img {
    width: 230px;
    height: 220px;
  }
  #header .mod_article.last img {
    width: 100%;
    height: auto;
  }
  #header .leben_studieren {
    margin-right: 10px;
  }
  #header .test_pruefung {
    margin-right: 0;
  }
  .ora #navi a,
  .rot #navi a,
  .gru #navi a,
  .gra #navi a,
  .bla #navi a,
  .fuc #navi a,
  .ora #navi a.active,
  .rot #navi a.active,
  .gru #navi a.active,
  .gra #navi a.active,
  .bla #navi a.active,
  .fuc #navi a.active,
  .ora #navi a.trail,
  .rot #navi a.trail,
  .gru #navi a.trail,
  .gra #navi a.trail,
  .bla #navi a.trail,
  .fuc #navi a.trail {
    background: none;
  }
  .ora #navi a {
    margin-bottom: 1px;
    background-color: rgba(238, 127, 0, 0.15);
  }
  .ora #navi a.active,
  .ora #navi a.trail {
    background-color: #ee7f00;
  }
  .ora #navi a:hover {
    background-color: rgba(238, 127, 0, 0.5);
    text-decoration: none;
  }
  .rot #navi a {
    margin-bottom: 1px;
    background-color: rgba(177, 4, 74, 0.1);
  }
  .rot #navi a.active,
  .rot #navi a.trail {
    background-color: #b1044a;
  }
  .rot #navi a:hover {
    background-color: rgba(177, 4, 74, 0.5);
    text-decoration: none;
  }
  .gru #navi a {
    margin-bottom: 1px;
    background-color: rgba(0, 130, 42, 0.1);
  }
  .gru #navi a.active,
  .gru #navi a.trail {
    background-color: #00822a;
  }
  .gru #navi a:hover {
    background-color: rgba(0, 130, 42, 0.5);
    text-decoration: none;
  }
  .gra #navi a {
    margin-bottom: 1px;
    background-color: rgba(112, 113, 115, 0.1);
  }
  .gra #navi a.active,
  .gra #navi a.trail {
    background-color: #707173;
  }
  .gra #navi a:hover {
    background-color: rgba(112, 113, 115, 0.5);
    text-decoration: none;
  }
  .bla #navi a {
    margin-bottom: 1px;
    background-color: rgba(0, 111, 180, 0.1);
  }
  .bla #navi a.active,
  .bla #navi a.trail {
    background-color: #006fb4;
  }
  .bla #navi a:hover {
    background-color: rgba(0, 111, 180, 0.5);
    text-decoration: none;
  }
  .fuc #navi a {
    margin-bottom: 1px;
    background-color: rgba(184, 36, 0, 0.1);
  }
  .fuc #navi a.active,
  .fuc #navi a.trail {
    background-color: #b82400;
  }
  .fuc #navi a:hover {
    background-color: rgba(184, 36, 0, 0.5);
    text-decoration: none;
  }
  .fuc #main h1,
  .fuc h2,
  .fuc #right h2,
  .fuc a,
  .fuc .main_navi a.active,
  .fuc .main_navi a.trail,
  #right .mod_article .mod_eventlist .cal_30 a,
  #right .mod_article .mod_eventlist .cal_32 a {
    color: #b82400;
  }
  #main .mod_newslist .layout_short .teaser > p {
    margin-bottom: 0;
  }
  #main .mod_newslist .layout_short .teaser > p:last-child {
    margin-bottom: 12px;
  }
  #left .ueber_uns img {
    width: 230px;
    height: 220px;
  }
  #right .mod_article.fromHeader {
    display: none;
  }
  #footer .ce_image,
  #footer .f_3 {
    display: none;
  }
  #footer #toTop {
    display: none;
  }
}
@media (max-width: 969px) {
  .startseite #right .mod_article.first {
    display: none;
  }
  #wrapper {
    width: 100%;
  }
  #header .logo .left {
    display: none;
  }
  #header .logo .left.db {
    display: block;
    width: 100%;
    height: 14.9vw;
    max-height: 101px;
  }
  #header .logo .left .right {
    display: none;
  }
  #header .logo .left .slogan {
    position: relative;
    top: -5px;
    float: none;
    max-width: 100%;
    margin: 0 auto;
  }
  #header .search_mobile {
    padding-top: 1px;
  }
  #header .search_mobile a {
    width: 22px;
    height: auto;
  }
  #header .search_mobile a img {
    width: 100%;
    height: auto;
  }
  #header .search_mobile + li {
    margin-left: 25px;
  }
  #header .main_navi {
    height: auto;
    margin-left: 0;
  }
  #header .img_navi > div {
    width: calc(33.333% - 7px);
    height: auto;
  }
  #header .img_navi > div img {
    width: 100%;
    height: auto;
  }
  #header .img_navi .leben_studieren {
    margin-right: 0;
  }
  #header .img_navi .test_pruefung {
    display: none;
  }
  #header .kopf {
    height: auto;
    margin-bottom: 10px;
  }
  #header .kopf .mod_article.first {
    width: 100%;
    height: auto;
  }
  #header .kopf .mod_article.first .ce_image {
    float: none;
  }
  #header .kopf .mod_article.first img[width="710"][height="220"] {
    width: 100%;
    height: auto;
    margin: 0;
  }
  #header .kopf .mod_article.last {
    display: none;
  }
  #container {
    padding-left: 10px;
    padding-right: 33.333%;
  }
  #main {
    width: calc(100% - 7px);
  }
  #right {
    width: calc(50% + 1px);
  }
  #right .inside {
    padding-right: 0;
    padding-left: 9px;
  }
  #right .inside .facebook {
    margin-bottom: 10px;
    position: static;
    height: auto;
  }
  #right .inside .facebook a {
    display: block;
    position: static;
    margin: 12px 0 12px 12px;
    background-position: left center;
  }
  #right .inside .ce_image img {
    width: 100%;
    height: auto;
  }
  #left {
    display: none;
  }
  #footer .f_2,
  #footer .startseite,
  #footer .rs_teaser {
    display: none;
  }
  #footer .ce_image {
    float: left;
    width: 25%;
    margin: 20px 5% 20px 3.5%;
  }
  #footer .ce_image img {
    width: 100%;
    max-width: 450px;
    height: auto;
  }
  #footer .f_1 {
    float: left;
    width: 35%;
    margin: 20px 5% 20px 0;
  }
  #footer .f_3 {
    margin-top: 20px;
    margin-left: 0;
  }
  #footer a,
  #footer p,
  #footer li,
  #footer .f_1,
  #footer span,
  #footer strong {
    font-size: 14px !important;
    line-height: 160% !important;
  }
  #footer #toTop {
    position: absolute;
    left: calc(28.5% - 35px);
    top: 136px;
    width: 35px;
    cursor: pointer;
  }
  #footer #toTop img {
    width: 100%;
    height: auto;
  }
  /** MENÜ **/
  .main_navi .lang_cha {
    position: absolute;
    right: 0;
    padding: 0px 18px 0px 0;
    z-index: 200;
  }
  .main_navi .lang_cha .mod_changelanguage a {
    width: 40px;
    height: 25px;
    background-color: transparent;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  #header .main_navi {
    position: relative;
  }
  #header .main_navi .mod_navigation {
    position: relative;
    left: -10px;
    width: 100%;
    padding: 0 10px;
    background-color: #ffffff;
  }
  #header .main_navi .mod_navigation ul {
    margin: 0;
  }
  #header .main_navi .mod_navigation .level_1 {
    display: none;
    margin-top: 14px;
  }
  #header .main_navi .mod_navigation .level_1 > li {
    float: none;
  }
  #header .main_navi .mod_navigation .level_1 > li > a {
    display: block;
    float: none;
    margin: 0;
    padding: 9px 25px 6px;
    border-right: none;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
  }
  #header .main_navi .mod_navigation .level_1 > li > a:hover {
    text-decoration: none;
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(1) > a {
    background-color: #ee7f00;
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(1) > a + .level_2 a {
    background-color: rgba(238, 127, 0, 0.15);
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(1) > a + .level_2 a.active,
  #header .main_navi .mod_navigation .level_1 > li:nth-child(1) > a + .level_2 a.trail,
  #header .main_navi .mod_navigation .level_1 > li:nth-child(1) > a + .level_2 a.view {
    background-color: #ee7f00;
    color: #ffffff;
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(1) > a + .level_2 a:hover {
    background-color: rgba(238, 127, 0, 0.5);
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(2) > a {
    background-color: #b82400;
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(2) > a + .level_2 a {
    background-color: rgba(184, 36, 0, 0.1);
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(2) > a + .level_2 a.active,
  #header .main_navi .mod_navigation .level_1 > li:nth-child(2) > a + .level_2 a.trail,
  #header .main_navi .mod_navigation .level_1 > li:nth-child(2) > a + .level_2 a.view {
    background-color: #b82400;
    color: #ffffff;
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(2) > a + .level_2 a:hover {
    background-color: rgba(184, 36, 0, 0.5);
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(3) > a {
    background-color: #b1044a;
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(3) > a + .level_2 a {
    background-color: rgba(177, 4, 74, 0.1);
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(3) > a + .level_2 a.active,
  #header .main_navi .mod_navigation .level_1 > li:nth-child(3) > a + .level_2 a.trail,
  #header .main_navi .mod_navigation .level_1 > li:nth-child(3) > a + .level_2 a.view {
    background-color: #b1044a;
    color: #ffffff;
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(3) > a + .level_2 a:hover {
    background-color: rgba(177, 4, 74, 0.5);
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(4) > a {
    background-color: #00822a;
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(4) > a + .level_2 a {
    background-color: rgba(0, 130, 42, 0.1);
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(4) > a + .level_2 a.active,
  #header .main_navi .mod_navigation .level_1 > li:nth-child(4) > a + .level_2 a.trail,
  #header .main_navi .mod_navigation .level_1 > li:nth-child(4) > a + .level_2 a.view {
    background-color: #00822a;
    color: #ffffff;
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(4) > a + .level_2 a:hover {
    background-color: rgba(0, 130, 42, 0.5);
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(5) > a {
    background-color: #707173;
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(5) > a + .level_2 a {
    background-color: rgba(112, 113, 115, 0.1);
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(5) > a + .level_2 a.active,
  #header .main_navi .mod_navigation .level_1 > li:nth-child(5) > a + .level_2 a.trail,
  #header .main_navi .mod_navigation .level_1 > li:nth-child(5) > a + .level_2 a.view {
    background-color: #707173;
    color: #ffffff;
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(5) > a + .level_2 a:hover {
    background-color: rgba(112, 113, 115, 0.5);
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(5) > a {
    background-color: #006fb4;
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(5) > a + .level_2 a {
    background-color: rgba(0, 111, 180, 0.1);
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(5) > a + .level_2 a.active,
  #header .main_navi .mod_navigation .level_1 > li:nth-child(5) > a + .level_2 a.trail,
  #header .main_navi .mod_navigation .level_1 > li:nth-child(5) > a + .level_2 a.view {
    background-color: #006fb4;
    color: #ffffff;
  }
  #header .main_navi .mod_navigation .level_1 > li:nth-child(5) > a + .level_2 a:hover {
    background-color: rgba(0, 111, 180, 0.5);
  }
  #header .main_navi .mod_navigation .level_2 {
    display: none;
  }
  #header .main_navi .mod_navigation .level_2 > li {
    float: none;
    margin-left: 2em;
  }
  #header .main_navi .mod_navigation .level_2 > li > a {
    display: block;
    float: none;
    margin: 0;
    padding: 9px 25px 6px;
    border-right: none;
    color: #707173;
    font-size: 18px;
    font-weight: normal;
  }
  #header .main_navi .mod_navigation .level_2 > li > a:hover {
    text-decoration: none;
  }
  #header .main_navi .mod_navigation .level_2 > li > a.first {
    border-top: 1px solid #ffffff;
  }
  #header .main_navi .mod_navigation .level_2 a {
    border-bottom: 1px solid #ffffff;
  }
  #header .main_navi .mod_navigation a.view + .level_2,
  #header .main_navi .mod_navigation a.active + .level_2,
  #header .main_navi .mod_navigation a.trail + .level_2 {
    display: block;
  }
  #header .main_navi .mod_navigation .level_3 {
    display: none;
  }
  #header .main_navi .mod_navigation .level_3 > li {
    float: none;
    margin-left: 2em;
  }
  #header .main_navi .mod_navigation .level_3 > li > a {
    display: block;
    float: none;
    margin: 0;
    padding: 9px 25px 6px;
    border-right: none;
    color: #707173;
    font-size: 18px;
    font-weight: normal;
  }
  #header .main_navi .mod_navigation .level_3 > li > a:hover {
    text-decoration: none;
  }
  #header .main_navi .mod_navigation a.view + .level_3,
  #header .main_navi .mod_navigation a.active + .level_3,
  #header .main_navi .mod_navigation a.trail + .level_3 {
    display: block;
  }
  #header .main_navi .mod_navigation .menu-button {
    position: relative;
    left: 18px;
    width: 36px;
    height: 26px;
    background-image: url(../../files/templates/interdaf/img/icon-menu-closed.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
  }
  #header .main_navi.view .mod_navigation {
    box-shadow: 0 5px 5px #aaa;
  }
  #header .main_navi.view .level_1 {
    display: block;
  }
  #header .main_navi.view .menu-button {
    background-image: url(../../files/templates/interdaf/img/icon-menu-opened.png);
  }
}
@media (max-width: 559px) {
  body,
  p {
    font-size: 16px;
  }
  h1 {
    font-size: 26px !important;
  }
  h2 {
    font-size: 20px !important;
  }
  h3 {
    font-size: 16px !important;
  }
  #right h3,
  .kopf h3,
  #right a,
  .kopf a,
  #right p,
  .kopf p,
  #right span,
  .kopf span {
    font-size: 16px;
  }
  #footer a,
  #footer li,
  #footer .f_1 {
    font-size: 16px;
    line-height: 135%;
  }
  #header .mod_eventlist .layout_upcoming,
  #right .mod_eventlist .layout_upcoming {
    line-height: normal;
  }
  #header .inside {
    padding: 0;
  }
  #header .left.db {
    position: relative;
    min-height: 80px;
  }
  #header .left.db .slogan {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    height: auto;
  }
  #header .main_navi {
    margin: 0;
  }
  #header .main_navi.view {
    margin-bottom: 15px;
  }
  #header .main_navi .mod_navigation {
    left: 0;
    width: auto;
    padding: 0;
  }
  #header .main_navi .mod_navigation .menu-button {
    left: 0;
    margin: 16px;
  }
  #header .main_navi .mod_navigation .level_1 {
    margin-top: 0;
  }
  #header .main_navi .lang_cha {
    padding: 19px 16px;
  }
  #header .img_navi {
    display: none;
  }
  #header .mod_article.first img {
    position: relative;
    left: -25%;
    width: 150% !important;
  }
  #container {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #main {
    float: none;
    width: 90%;
    margin: 5%;
  }
  #right {
    float: none;
    width: 90%;
    margin: 5%;
  }
  #right .inside {
    padding: 0;
  }
  #left {
    display: block;
    float: none;
    right: unset;
    width: 100%;
    margin-left: 0;
  }
  #left .ueber_uns img {
    width: 100%;
    height: auto;
  }
  #left #navi {
    display: none;
  }
  #main .inside > div,
  #left .inside > div,
  #right .inside > div {
    border: none;
    border-radius: 0;
  }
  #main .mod_article,
  #left .mod_article,
  #right .mod_article {
    padding-left: 0;
    padding-right: 0;
  }
  #main .mod_article > div,
  #left .mod_article > div,
  #right .mod_article > div,
  #main .mod_article > section,
  #left .mod_article > section,
  #right .mod_article > section {
    margin-left: 0;
    margin-right: 0;
  }
  #main .ce_gallery > ul li,
  #left .ce_gallery > ul li,
  #right .ce_gallery > ul li {
    float: none;
  }
  #main .image_container img,
  #left .image_container img,
  #right .image_container img {
    width: 100%;
    height: auto;
  }
  #main .inside .idv,
  #left .inside .idv,
  #right .inside .idv {
    margin-top: 1em;
  }
  #main .inside .idv a,
  #left .inside .idv a,
  #right .inside .idv a {
    margin: 0;
  }
  #main .inside .facebook,
  #left .inside .facebook,
  #right .inside .facebook {
    margin-top: 1em;
  }
  #main .inside .facebook a,
  #left .inside .facebook a,
  #right .inside .facebook a {
    left: 0;
    margin: 0;
  }
  #footer .ce_image {
    width: calc(100% - 50px);
    padding: 25px 25px 2.5%;
    margin-left: 0;
  }
  #footer .ce_image img {
    width: 100%;
    max-width: 450px;
    height: auto;
  }
  #footer .f_1,
  #footer .f_3 {
    float: none;
    width: calc(100% - 50px);
    padding: 0 25px;
  }
  #footer #toTop {
    left: auto;
    top: auto;
    bottom: 1em;
    right: 1em;
    width: 40px;
  }
  #footer #toTop img {
    width: 100%;
    height: auto;
  }
}
.invisible {
  display: inline;
  height: 0;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  top: -1000px;
  width: 0;
}