@media screen and (min-width: 321px) and (max-width: 580px) {
  html {
    font-size: 1em;
  }
  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.8em;
  }
  #header {
    z-index: 500;
  }
  #header #header-inner {
    width: 100%;
  }
  #header .region-header {
    width: 200px;
  }
  #header .region-header img {
    width: 120px;
    padding: 10px;
  }
  #header .site-name {
    font-size: 1.5em;
  }
  #header #block-slogan {
    display: none;
  }
  #header .region-menu-bar #block-socialicons img {
    width: 30px;
  }
  #header .region-mobile-header {
    float: right;
  }
  #header .language-switcher-language-url {
    margin-top: 5px;
  }
  #header.nav-up #header-inner .region-header .block-system-branding-block img {
    height: 46px;
    padding: 0;
  }
  #header.nav-up #header-inner .region-menu-bar #block-socialicons {
    margin-top: 5px;
  }
  th.priority-low,
  td.priority-low {
    display: none;
  }
  .block-system-main-block {
    padding: 0;
  }
  .page-node-type-page .node__content {
    padding: 0 0;
  }
  .flex .views-row {
    flex-wrap: wrap;
    padding: 10px;
  }
  .quote {
    font-size: 1.3em;
  }
  .region-content {
    padding: 10px;
  }
  .region-content-top {
    padding: 10px;
  }
  .region-highlighted {
    display: block;
  }
  .region-highlighted .block-views {
    width: 100%;
    margin: 0;
    padding: 10px;
  }
  .region-highlighted .block-views h3 {
    font-size: 1.5em;
  }
  .region-highlighted .block-views:nth-child(1) {
    margin-right: 0;
    width: 100%;
  }
  .region-highlighted .block-views:nth-child(2) {
    margin-left: 0;
    width: 100%;
  }
  .region-highlighted .block-views:nth-child(2) .view-content {
    padding: 0;
  }
  .region-highlighted .block-views .view-content {
    padding: 0;
  }
  .region-similar img {
    max-width: 100%;
    height: auto;
  }
  .region-similar {
    padding: 10px;
  }
  footer .region-footer {
    display: block;
  }
  footer .region-footer .block {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px dotted #c0c0c0;
  }
  footer .region-footer .block:nth-child(1),
  footer .region-footer .block:nth-child(2) {
    width: 100%;
  }
  footer .region-footer .block:last-child {
    border: none;
  }
  footer .region-footer .block img {
    max-width: 100%;
    height: auto;
  }
  footer .region-footer .block .block-inner {
    padding: 0;
  }
  .block-page-title-block,
  .narrow,
  .ultranarrow {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .block-contact-block {
    padding-left: 10px;
    padding-right: 10px;
  }
  .block-contact-block input {
    width: 100%;
  }
  .block-contact-block input.button {
    width: auto;
  }
  .contact-message-contact-form input {
    width: 100%;
  }
  .contact-message-contact-form input[type="submit"] {
    width: auto;
  }
  .slider .views-row .views-field-nothing .field-content,
  .viewsslider .views-row .views-field-nothing .field-content {
    width: 95%;
  }
  .slider .views-row .views-field-nothing .field-content .field-content-inner,
  .viewsslider .views-row .views-field-nothing .field-content .field-content-inner {
    font-size: 1.3em;
    top: 15%;
    left: 2.5%;
    transform: translate(0%, 0%);
  }
  .slider .views-row .views-field-nothing .field-content .field-content-inner .body,
  .viewsslider .views-row .views-field-nothing .field-content .field-content-inner .body {
    max-width: 100%;
    padding: 5px;
  }
  .slider .views-row .views-field-nothing .field-content .slogan-one h1,
  .viewsslider .views-row .views-field-nothing .field-content .slogan-one h1 {
    padding: 5px;
    line-height: 1.3em;
  }
  .background-fifth {
    background-position: right bottom;
  }
  .padding-100 {
    padding: 30px 10px;
  }
  .margin-30 {
    margin: 20px;
  }
  .margin-50 {
    margin: 20px;
  }
  .valuelist {
    font-size: 1.5em;
    font-family: 'header';
  }
  .valuelist h3 {
    font-size: 2em;
    margin: 0;
    line-height: 1.2em;
  }
  .valuelist li {
    list-style-image: url("../images/arrow.jpg");
  }
  .masonry {
    max-width: 1900px;
    margin: 0 auto;
  }
  .masonry .item {
    width: 100%;
    margin-bottom: 10px;
  }
  .threeinarow .view-content,
  .threeinarow .region {
    display: block;
    flex-wrap: wrap;
  }
  .threeinarow .view-content .views-row,
  .threeinarow .region .views-row,
  .threeinarow .view-content .view-grouping,
  .threeinarow .region .view-grouping,
  .threeinarow .view-content .block,
  .threeinarow .region .block {
    max-width: 100%;
    width: 100%;
    clear: both;
    padding: 0;
    padding-bottom: 30px;
  }
  .fourinarow .view-content .views-row {
    width: 100%;
  }
  .fourinarow .view-content .views-row img {
    width: auto;
    height: auto;
  }
  .logos.fourinarow .view-content {
    flex-wrap: wrap;
  }
  .region-mobile-header {
    display: block;
  }
  .node--type-aktuelles .image-left-text-right .left,
  .node--type-mitglieder-blog .image-left-text-right .left,
  .node--type-angebote .image-left-text-right .left,
  .node--type-foto-studium-meldung .image-left-text-right .left,
  .node--type-historie .image-left-text-right .left {
    float: left;
    width: 100%;
    padding: 0;
  }
  .node--type-aktuelles .image-left-text-right .right .clearfix,
  .node--type-mitglieder-blog .image-left-text-right .right .clearfix,
  .node--type-angebote .image-left-text-right .right .clearfix,
  .node--type-foto-studium-meldung .image-left-text-right .right .clearfix,
  .node--type-historie .image-left-text-right .right .clearfix {
    clear: none;
  }
  .node--type-aktuelles .text-left-image-right .left .clearfix,
  .node--type-mitglieder-blog .text-left-image-right .left .clearfix,
  .node--type-angebote .text-left-image-right .left .clearfix,
  .node--type-foto-studium-meldung .text-left-image-right .left .clearfix,
  .node--type-historie .text-left-image-right .left .clearfix {
    clear: none;
  }
  .node--type-aktuelles .text-left-image-right .right,
  .node--type-mitglieder-blog .text-left-image-right .right,
  .node--type-angebote .text-left-image-right .right,
  .node--type-foto-studium-meldung .text-left-image-right .right,
  .node--type-historie .text-left-image-right .right {
    float: right;
    width: 100%;
    padding: 0;
  }
  .node--type-pressemitteilungen .node__content .left,
  .node--type-aktuelles .node__content .left {
    padding: 0 0 10px 0;
  }
  .page-node-type-sektionen .layout--twocol-section.layout--twocol-section--50-50 .layout__region.layout__region--first,
  .page-node-type-preise .layout--twocol-section.layout--twocol-section--50-50 .layout__region.layout__region--first {
    padding-right: 0;
  }
  .pager li.pager__item--first,
  .pager li.pager__item--last {
    display: none;
  }
  .view-vorstand .view-content .views-row {
    display: block;
  }
  .masonrythreeinarow .view-content .views-row {
    width: 100%;
    padding: 0 0 10px 0;
  }
  .view-mitgliederverzeichnis .ui-accordion-content {
    display: block;
  }
  .view-mitgliederverzeichnis-test-2.view-display-id-page_1 > .view-content {
    display: block;
  }
  .path-user .layout__region.layout__region--second,
  .page-node-type-ausstellung .layout__region.layout__region--second {
    padding-left: 0;
    width: 100%;
  }
  .view-ausstellungen table td.views-field-field-ausstellungen-bild img {
    width: 50px;
    height: auto;
  }
  .view-ausstellungen table td.views-field-field-datum {
    font-size: 0.8em;
    border-left: 1px dotted #c0c0c0;
    padding: 2px;
    vertical-align: top;
  }
  .view-ausstellungen table td.views-field-title {
    width: auto;
    padding: 2px;
    font-size: 0.8em;
    width: 70%;
  }
  .view-vorstand.view-display-id-block_2 .view-content .views-row {
    border: none;
  }
  .align-left,
  .align-right {
    padding: 0;
  }
  .node--type-mitglieder-blog .left,
  .node--type-angebote .left {
    width: 100%;
  }
  .context-user-mitgliederbereich .region-content-first,
  .context-user-mitgliederbereich .region-content-second {
    display: block;
  }
  .context-user-mitgliederbereich .region-content-first .views-element-container,
  .context-user-mitgliederbereich .region-content-second .views-element-container {
    width: 100%;
  }
  .node--type-aktuelles .left,
  .node--type-mitglieder-blog .left,
  .node--type-angebote .left,
  .node--type-foto-studium-meldung .left {
    width: 100%;
  }
  .node--type-aktuelles .right .clearfix,
  .node--type-mitglieder-blog .right .clearfix,
  .node--type-angebote .right .clearfix,
  .node--type-foto-studium-meldung .right .clearfix {
    width: 100%;
  }
  .path-frontpage .layout .layout__region--second,
  .page-node-12715 .layout .layout__region--second,
  .path-frontpage .layout .layout__region--first,
  .page-node-12715 .layout .layout__region--first,
  .path-frontpage .layout .layout__region--third,
  .page-node-12715 .layout .layout__region--third {
    flex: 0 1 100% !important;
    margin-bottom: 20px;
  }
  .path-frontpage .layout--twocol-section.layout--twocol-section--67-33 .layout__region.layout__region--first,
  .page-node-12715 .layout--twocol-section.layout--twocol-section--67-33 .layout__region.layout__region--first,
  .path-frontpage .layout--twocol-section.layout--twocol-section--67-33 .layout__region.layout__region--second,
  .page-node-12715 .layout--twocol-section.layout--twocol-section--67-33 .layout__region.layout__region--second {
    flex: 0 1 100% !important;
  }
  .path-frontpage .view-frontpage-uber-die-dgph .view-content .views-row,
  .page-node-12715 .view-frontpage-uber-die-dgph .view-content .views-row {
    flex: 0 1 100%;
  }
}
/*# sourceMappingURL=responsive_smalltouch_landscape.css.map */