/* Custom CSS MT TREUHAND
****************************************************/

/* LAYOUT
****************************************************/

.uk-accordion-title::before {
  background-image: url(../images/chevron-right.svg);
  float: left;
  margin-left: 0;
}

.uk-open > .uk-accordion-title::before {
  background-image: url(../images/chevron-down.svg);
  float: left;
  margin-left: 0;
}

.border-radius {
  box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
  border-radius: 6px;
}

.acleistungen.uk-accordion {
  border-radius: 8px;
}
.acleistungen.uk-accordion .uk-accordion-title {
  font-size: 1.3rem;
}

.acleistungen .uk-accordion-title::before {
  background-image: url(../images/chevron-downw.svg);
  float: right;
  margin-left: 0;
}
.acleistungen .uk-open > .uk-accordion-title::before {
  transform: rotate(180deg);
}

.acleistungen.uk-accordion .uk-accordion-content{
  background-color: rgba(248, 248, 248, .8);
  margin-top:0;
}

.el-link.uk-button.uk-button-text {
  top:-25px;
  left:25px;
}


/* BODY-BACKGROUND
*************************************************+**/

body.kanzlei,
body.beratung,
body.team,
body.karriere,
body.kontakt {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

body.kanzlei {
  background-image: linear-gradient(
      rgba(106, 166, 214, 0.5),
      rgba(128, 191, 223, 0.5)
    ),
    url(../images/kanzlei.jpg);
}

body.beratung {
  background-image: linear-gradient(
      rgba(106, 166, 214, 0.5),
      rgba(128, 191, 223, 0.5)
    ),
    url(../images/beratung.jpg);
}

body.team {
  background-image: linear-gradient(
      rgba(106, 166, 214, 0.5),
      rgba(128, 191, 223, 0.5)
    ),
    url(../images/team.jpg);
}

body.karriere {
  background-image: linear-gradient(
      rgba(106, 166, 214, 0.5),
      rgba(128, 191, 223, 0.5)
    ),
    url(../images/karriere.jpg);
}

body.kontakt {
  background-image: linear-gradient(
      rgba(106, 166, 214, 0.5),
      rgba(128, 191, 223, 0.5)
    ),
    url(../images/kontakt.jpg);
}

/* HEADER
****************************************************/

div#tm-top {
  padding-bottom: 35px;
  padding-top: 35px;
}

.uk-logo {
  background-color: rgba(248, 248, 248, .8);
  padding: 10px;
  border-radius: 6px;
}

/* MAIN
****************************************************/

.uk-card-default {
  background-color: rgba(248, 248, 248, .8);
  color: #000;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
  border-radius: 6px;
}

.primary-color .el-title {
  background-color: #00509f;
  color: #fff;
  padding: 20px 28px 20px 28px;
  font-weight: 400;
  border-radius: 6px 6px 0 0;
}

.primary-color .el-content {
  padding: 15px 30px 30px 30px;
}

.primary-color.sec .el-title {
  background-color: #7e5dbb;
}

.primary-color.green .el-title {
  background-color: #29c195;
}

.primary-color.green2 .el-title {
  background-color: #5681d6;
}

.primary-color.green3 .el-title {
  background-color: #3aa693;
}

.primary-color.blue .el-title {
  background-color: #53addd;
}

.primary-color.blue2 .el-title {
  background-color: #81c9ee;
}

div#module-112 {
  float: right;
}

div#module-112 ul.uk-subnav li.uk-active {
  background-color: #fff;
}

div#module-112 .uk-subnav > * {
  padding: 5px 10px;
}

div#module-112 .uk-subnav > *:last-child {
  padding-right: 0;
}

/* SIDEBAR
****************************************************/

/* FOOTER
****************************************************/

.footersofis .uk-nav-default a {
  color: #00509f;
  padding: 5px 0;
}

.footersofis .uk-nav-default a:hover {
  color: #000;
}

/* MOBILE DEVICE
****************************************************/

.uk-offcanvas-bar span.uk-icon.uk-nav-parent-icon {
  border: 1px solid;
  padding: 8px 10px;
}

.uk-offcanvas-bar .uk-nav>li>a {
  padding: 8px 0;
}

.uk-offcanvas-bar  .uk-nav-sub a {
  padding: 5px 0;
}

/* Smartphones */

@media (max-width: 480px) {
  .grid .uk-grid {
    margin-left: 0;
  }
  a.uk-navbar-item.uk-logo {
   
  }
  .uk-navbar-container {
    padding-top: 0;
  }
  .uk-navbar-container.uk-navbar-sticky {
    background: #fff !important;
  }
}

/* Smartphones to Tablets */

@media (min-width: 481px) and (max-width: 767px) {
  .grid .uk-grid {
    margin-left: 0;
  }
  .uk-navbar-container.uk-navbar-sticky {
    background: #fff !important;
  }
}

/* Tablets */

@media (min-width: 768px) and (max-width: 959px) {
  .grid .uk-grid {
    margin-left: 0;
  }
  .uk-navbar-container.uk-navbar-sticky {
    background: #fff !important;
  }
}

/* Desktop */

@media (min-width: 960px) and (max-width: 1199px) {
  .grid .uk-grid {
    margin-left: 0;
  }
  .uk-navbar-container.uk-navbar-sticky {
    background: #fff !important;
  }
}

/* Large Display */

@media (min-width: 1200px) {
}