/*Meyer Misgin Media GmbH CSS bo.berlin*/
@import url("fonts.css");

body {
  background: #eee !important;
}
#page {
  font-family: "Mark W02 Narrow" !important;
}
#content {
  width: 75%;
}

#boHeader,
.highlighted,
#main,
.featured-top__inner {
  background: #fff;
}

.highlighted .container {
  padding-left: 0;
  padding-right: 0;
}

#navbar-main,
#navbar-top {
  display: none;
}

/* Header */


#boHeader {
  display: flex;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#boHeaderLeft {
  display: flex;
  flex-grow: 2;
  justify-content: space-between;
  padding-right: 3rem;
}

#boHeaderLeftFU {}

#boHeaderLeftBo {}

#boHeaderRight {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

#boHeaderRightNavi {}

#boHeaderRightExit section {
  display: flex;
}

#block-sprachumschalter nav {
  border: 1px solid #ccc;
}

#block-sprachumschalter nav span:first-child {
  border-right: 1px solid #ccc;
}

#block-sprachumschalter nav span {
  padding: .375rem;
}

#block-sprachumschalter a {
  text-decoration: none;
  color: #666;
}

#boHeaderRightExit .row > * {
  width: auto !important;
}

#boHeaderRightNavi ul.nav {
  justify-content: flex-end !important;
  width: 100% !important;
  margin: .25rem 0 1rem 0;
}

#boHeaderRightNavi ul.nav li a {
  padding: 0;
  margin-left: 1.5rem !important;
  font-size: .875rem;
}

#boHeaderRightNavi ul.nav li a:first-child {
  margin-left: 0;
}

#block-topexitlinks ul#boIcons,
#block-sprachumschalter .links.nav {
  display: flex !important;
}

#search-block-form {
  border: 1px solid #ccc;
}

#search-block-form .js-form-type-search,
#search-block-form #edit-actions {
  margin-bottom: 0 !important;
}

.search-form .form-submit::before {
  height: 1rem !important;
}

#boHeaderRightExit #search-block-form input,
#boHeaderRightExit #search-block-form button {
  border: 0;
  color: #333;
  border-radius: 0;
  background: transparent;

}

#boHeaderRightExit #search-block-form button {
  background: url(/themes/custom/boberlin_barrio/images/search_button.gif) no-repeat;
  border: 0;
  border-left: 0;
  background-position: 1px 6px;
  text-indent: -10000px;
}

header #search-block-form {
  padding: 0px 15px;
}

.js-form-type-search .form-control {
  padding: 5px .75rem;
}

.search-form .form-submit::before {
  height: auto;
}


.navbar-brand img {
  height: 4rem;
}

.navbar-brand,
#block-fulogo {
  width: auto !important;
}

#block-topexitlinks ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#block-topexitlinks ul li {
  list-style: none;
  margin: 0 0 0 1rem;
  padding: 0;
}

#block-topexitlinks ul li img,
#block-topexitlinks ul li .feed-icon {
  height: 1.25rem;
  width: 1.25rem;
}

#block-topexitlinks ul li .feed-icon {
  height: 1.25rem;
  width: 1.25rem;
  background: none;
  padding: 0;
  text-indent: 0;
}

ul.sf-menu.sf-style-white {
  float: none;
  display: flex;
  justify-content: space-between;
}

#sidebar_first .content,
ul.sf-menu.sf-style-white,#block-hauptmenude-5 .content
{
  width: 100%;
}

/*Main Menu 1st level*/
ul.sf-menu.sf-style-white li {
  border: 1px solid #ccc;
  border-right: 0;
  border-bottom: 6px solid #999999;
  flex-grow: 1;
}

ul.sf-menu.sf-style-white li a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 0.5em 1em;
}

ul#superfish-menu-hauptmenu-de li a:hover {
  background: #339933;
  color: #fff !important;
}

ul.sf-menu.sf-style-white li:last-child {
  border: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 6px solid #999999;
  border-top: 1px solid #ccc;
  flex-grow: 1;
}

/*Main Menu 2nd level*/
ul.sf-menu.sf-style-white li ul {
  border: 1px solid #ccc;
  border-bottom: 6px solid #999999;
}

ul.sf-menu.sf-style-white li ul li {
  border: 0;
  border-bottom: 1px solid #999999;
}

ul.sf-menu.sf-style-white li ul li a {
  text-transform: none;
  text-decoration: none;
  font-size: 1rem;
  font-weight: normal;
  hyphens: auto;
}

ul.sf-menu.sf-style-white li ul li:last-child {
  border: 0;
  border-right: 0;
  border-bottom: 1px solid #999999;
  flex-grow: 1;
}














/**
 * @file
 * Subtheme specific CSS.
 */


.site-footer .block {
  border: none !important;
}


#block-header img {
  width: 100%;
}

.nav-link,
#sidebar_first a {
  color: black !important;
}

#sidebar_first .nav-item {
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.sidebar .block{
  border: none;
}

ul.sf-menu.sf-style-white a, ul.sf-menu.sf-style-white a:visited, ul.sf-menu.sf-style-white span.nolink {

  color: #000;

}


ul.sf-menu.sf-style-white li,
ul.sf-menu.sf-style-white.sf-navbar {
  background: #fff;
}

ul.sf-menu .sf-sub-indicator::after {
  content: "▼";
  left: -3px;
  line-height: 1;
  position: absolute;
  text-indent: 0;
  top: -4px;
}


.navi-small {
  font-size: 11px;

}


#block-sekundarmenude-2 a {
  color: rgb(0, 0, 0) !important
}

.site-footer__bottom {
  margin-top: 0px !important;
  border-top: 1px solid #eee;
}


.sidebar_first li.nav-item a.is-active {
  background: #eee;
}


.sidebar .block {
  background-color: transparent !important;
  border-color: transparent !important;
}






/*Responsive

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px !important;
  }
}

@media (max-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    min-width: 1140px !important;
  }
*/
  .highlighted .block-superfish {
    width: 100%;
  }
}