/* Add your custom styles here */

#main .block-page-title-block h1,
#block-auftanzkurs-mainpagecontent h1{
  color: var(--primary-darker);
  font-size: 2rem;
}

#block-auftanzkurs-mainpagecontent h2{
  color: var(--primary-darker);
  font-size: 1.5rem;
}

#header .region-header-menu .block-menu ul.menu li a {
  background: url(../images/mail.svg) no-repeat 0 50%;
  background-size: auto 1rem;
}

#header #header-wrapper .region-header-menu .block-menu ul.menu li a {
  padding-left: 1.9rem;
}

#block-auftanzkurs-date p,
#block-auf-tanzkurs-block-7 p,
#block-musikschule-block-8 p,
#block-musikschule-date p {
  text-align: right;
}

#block-auftanzkurs-indeinernahe p {
  text-align: center;
  font-size: 0.875rem;
}

#copyright {
  padding-top: 0;
}



/* The same width with the header. */
#center.no-sidebars #main {
  width: 100%;
}

/* 1080px max width of the site. */
@media (min-width: 850px) {
  .container {
    max-width: 1030px;
    margin: auto;
  }
}
@media (min-width: 1360px) {
  .container {
    min-width: 1080px;
  }
}

/* Theme alignment. */

#footer, #copyright {
  background: none;
}
#copyright .container {
  border-top: 2px solid #024b81;
}
@media (min-width: 850px) {
  #copyright .region {
    padding-top: 1rem;
  }
  /* #copyright .region-footer .clearfix.field--name-body{
    margin-bottom: 0;
  } */
}

#copyright .block {
  color: #0f2154;
}
#header-wrapper {
  border-top: 2px solid #024b81;
}
/*#menu.main-navigation {
  border-bottom: 2px solid #024b81;
}*/
#center.no-sidebars {
  padding-bottom: 0;
}
@media (min-width: 850px) {
  #center {
    padding-top: 3rem;
  }
}
#copyright .region {
  display: block;
}

/* Main menu alignment. */

@media (min-width: 850px) {

  #menu.main-navigation {
    background: #fff;
  }

  #menu.main-navigation .block-menu ul.menu > li > a,
  #menu.main-navigation .block-menu ul.menu > li > span {
    background: #fff;
    color: #1e538b;
    line-height: 3rem;
  }

  #menu.main-navigation .block-menu > ul.menu > li > a.is-active,
  #menu.main-navigation .block-menu > ul.menu > li.menu-item--active-trail > a {
    border-radius: 50px;
    background: #ffcb03;
  }
  #menu.main-navigation .block-menu > ul.menu > li > a.is-active:hover,
  #menu.main-navigation .block-menu > ul.menu > li.menu-item--active-trail > a:hover {
    background: #ffcb03;
  }

  #menu.main-navigation .block-menu > ul.menu > li > a:hover {
    border-radius: 50px;
    background: #ffdc60;
  }
  #menu.main-navigation .block-menu ul.menu > li:hover > a,
  #menu.main-navigation .block-menu ul.menu > li:hover > span {
    border-radius: 50px;
    background: #ffdc60;
  }
  #menu.main-navigation .block-menu ul.menu > li > ul.menu > li a {
    color: #1e538b;
    background-color: #fff;
  }
  #menu.main-navigation .block-menu ul.menu > li:hover > ul.menu > li > a {
    color: #1e538b;
    background-color: #fff;
    border-bottom-color: #1e538b;
    border-bottom-width: 2px;
  }
  #menu.main-navigation .block-menu ul.menu > li > ul.menu > li:first-child {
    border-top-color: #fff;
  }
  #menu.main-navigation .block-menu ul.menu > li > ul.menu > li:last-child {
    border-bottom-color: #1e538b;
    border-bottom-width: 2px;
  }
  #menu.main-navigation .block-menu ul.menu > li:hover > ul.menu > li:hover a,
  #menu.main-navigation .block-menu ul.menu > li:hover > ul.menu > li a:hover {
    color: #1e538b;
    border-radius: 50px;
    background: #ffdc60;
  }
  #menu.main-navigation .block-menu ul.menu > li:hover > ul.menu {
    top: 3rem;
    background-color: #fff;
    border-top-color: #fff;
    border-bottom-color: #1e538b;
  }

}
@media (min-width: 480px) {
  .sidebar .block-menu ul.menu li a {
      display: block;
      padding: 0.27rem 0.625rem 0.27rem 0.625rem;
  }
}
@media (max-width: 849px) {
  #menu .block-menu ul.menu li a {
      padding: 0.27rem 5rem 0.27rem 0.9375rem;
      font-size: 1rem;
  }
  #header #header-wrapper .region-header-menu {
      margin-top: 3em;
  }
  body.menu-open #navbar-collapse #header {
      order: 2;
      margin-top: 0;
  }
    #header-wrapper {
      border-top: none;
  }
  #menu .block-menu ul.menu li span {
    height: 2rem;
  }
  #menu .block-menu ul.menu li ul li a {
    padding: 0.27rem 5rem 0.27rem 1.875rem;
    font-size: 1rem;
  }
}
/* Align sidebar size */
@media (min-width: 850px) {
  #center .region-center {
      gap: 3rem;
  }
  #center #sidebar-first {
    flex: 300;
}
}


/* Align colors */

#main .block-page-title-block h1,
a, #copyright .block p a {
  color: #1e538b;
}

.block-system-main-block h2 {
  color: #1e538b;
  font-size: 1.5rem;
  padding-top: 0;
}

@media (min-width: 480px) {
  .sidebar .block-menu ul.menu li a.is-active {
    background: #fff;
    font-weight: 900;
  }
}

#header {
  border-bottom: 2px solid #024b81;
}

a:hover, #copyright .block p a:hover, #copyright .block span a:hover {
  color: #0f2154;
}

@media (min-width: 480px) {
  .sidebar .block-menu ul.menu li a:hover {
    background: #EFEFEF;
    color: #00528B;
    text-align: center;
    font-weight: 900;
  }
}
@media (min-width: 480px) {
  .sidebar .block-menu ul.menu li a.is-active:hover {
    background:#EFEFEF;
    color: #00528B;
    text-align: center;
    font-weight: 900;
  }
}

@media (min-width: 850px) {
  #center {
    padding-bottom: 1rem;
  }
}

.block-system-main-block .field--name-body h1,
.block-system-main-block .field--name-field-tabs h1{
  color: #1e538b;
  font-size: 2rem;
  margin-bottom: 1.25rem;
}

.block-system-main-block .field--name-field-tabs .field__item {
  margin-top: 4rem;
}
.block-system-main-block .field--name-field-tabs .field__item  ul {
  margin-bottom: 1.125rem;
}

/* Juicebox alignment. */

.teacher-gallery {
  margin-bottom: 3em;
}
.teacher-gallery .juicebox-container {
  margin: 0 auto;
}

/* Header alignment. */

#header {
  background-image: url(../images/header_background.png);
  background-position: center;
  background-repeat: repeat-x;
}
#header .block-system-branding-block a.logo .image img {
  height: auto;
  width: auto;
  margin-top: -2px;
}

/* Mobile menu alignment. */

.mobile-menu-wrapper {
  display: none;
}

@media (max-width: 849px) {
  .mobile-menu-wrapper {
    display: block;
  }
}

/* Desktop menu alignment. */

@media (min-width: 850px) {
  .menu--main ul.menu li.menu-item--expanded ul.menu {
    display: none;
  }
  .menu--main ul.menu li.menu-item--expanded.menu-item--active-trail ul.menu {
    display: block;
  }
}

article table {
  margin: 0 auto;
}

article table, article table td {
  border: none;
}

/* Sidebar menu alignment. */
@media (max-width: 849px) {
  .sidebar .block-menu {
    display: none;
  }
}
@media (min-width: 480px) {
  .sidebar .block-menu ul.menu li {
    line-height: 1.2;
  }
  .sidebar .block-menu ul.menu li ul li a {
    padding-left: 1.875rem;
  }
  .sidebar .block-menu ul.menu li ul ul li a {
    padding-left: 3.125rem;
  }
  .sidebar .block-menu ul.menu li ul ul ul li a {
    padding-left: 4.375rem;
  }
}