/******************************************************************************************************
 * Standard-Einstellungen
 ******************************************************************************************************/

/******************************************************************************************************
 * site-branding
 ******************************************************************************************************/

@media screen and (max-width: 75em) {
  /* 1200px */
  #block-bs-one-branding img {
    float: left;
    height: 100px;
    padding-top: 0 0 0 0;
  }
  #block-bs-one-branding .site-name a {
    font-size: 1.5rem;
    text-decoration: none;
    color: #ffffff;
  }

  .navbar-brand {
    z-index: auto;
  }
  .navbar-nav .ml-auto {
    background-color: #f7f7f7;
    border: 3px solid #fff;
    padding-left: 5px;
  }
  .navbar-brand {
    width: 80%;
  }

  .navbar-light {
    height: 100px;
  }
}

/******************************************************************************************************
 * Banner Aktuelles
 ******************************************************************************************************/

@media screen and (max-width: 75em) {
  #block-views-block-aktuelles-block-1 .views-row {
    margin: 10px 10px 0 -20px !important;
  }
  #block-views-block-aktuelles-block-1 .views-row .views-field-title {
    font-size: 90%;
  }
  #block-views-block-aktuelles-block-1 .views-row p,
  #block-views-block-aktuelles-block-1 .views-row .views-field-view-node {
    font-size: 80%;
  }
}

/******************************************************************************************************
 * Content
 ******************************************************************************************************/

@media screen and (max-width: 75em) {
  .hidden-xs {
    display: none !important;
    visibility: hidden !important;
  }
  .content_prefix {
    padding: 0 10px;
  }
  .breadcrumb {
    margin-top: 20px;
  }

  .content {
    padding: 0 10px;
    margin-top: 10px !important;
  }
  .node__content img {
    max-width: 99%;
    height: auto;
  }

  .node__content figure {
    clear: float;
    width: 99%;
    height: auto;
  }

  .view-gemeinderat .views-field-field-image {
    clear: float !important;
    width: 100%;
    padding-left: 0;
  }
  .field--name-field-dienstleistungen {
    clear: float !important;
    width: 100%;
    margin-bottom: 15px;
  }
  .field--name-field-ansprechpersonen {
    clear: float !important;
    width: 100%;
  }
  .field--name-field-downloads {
    padding-bottom: 15px;
  }
}

/******************************************************************************************************
 * sub-features
 ******************************************************************************************************/

@media screen and (max-width: 75em) {
  /* 992px */

  .sub_features .container {
    padding: 10px !important;
  }
}

@media screen and (max-width: 575px) {
  .frontblock {
    padding: 10px;
  }
}