@media only screen and (max-device-width: 600px) and (orientation: portrait) {
  .introduction {
    font-size: 7.2vw; }

  #Gebiete .subject {
    width: 90% !important;
    margin-left: 5% !important;
    margin-bottom: 3vw !important; }

  #main *:not([class*="galleria"]) {
    font-size: 4vw !important; }

  #Datenschutz #content {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important; }

  .title {
    font-size: 7vw !important; }

  #sale li.highlighted {
    font-weight: bold;
    font-size: 4.3vw; }

  #contact_form form input, #contact_form form textarea {
    text-indent: 4vw; }

  #contact_form form textarea {
    padding-left: 4vw;
    padding-right: 4vw; }

  #Firmenvorstellung #text-container #text {
    font-size: 90%; }

  #Kontakt > .half-width {
    width: 96% !important; }

  #mid {
    padding-top: 9vw; }

  #Startseite .galleria .comment {
    font-size: 4.25vw; }

  #Gebiete > .gallery {
    position: sticky;
    top: 0vw;
    padding-left: auto !important;
    padding-right: auto !important;
    border: white solid 5vw;
    border-radius: 9vw !important; }

  #map {
    margin: 2.5% 3.05% !important; }

  #Kontakt #right > .text {
    width: 80%;
    padding-left: 3% !important;
    margin-bottom: 3vw;
    font-size: 3.5vw !important;
    text-align: left; }

  #banner > #left {
    width: 100% !important;
    height: 27vw !important; }

  #top #banner #left #logo {
    margin-left: 30%;
    width: 70% !important;
    height: 20vw !important; }

  #banner #info {
    width: 70% !important;
    margin-top: 15.6vw !important;
    margin-left: 16% !important;
    font-size: 2.9vw !important;
    text-align: center; }

  #banner #right {
    width: 100% !important;
    right: 0 !important;
    color: white;
    height: 8vw !important;
    background: #1a1616; }

  #banner #right #categories > div {
    font-size: 3.3vw !important; }

  #top {
    height: auto !important; } }