* {
  box-sizing: border-box;
}

/* body {
  font-family: sans-serif;
} */


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700;
}

h2 {
  word-break: break-word;
}

/* ---- button ---- */

.button {
  display: inline-block;
  padding: 0.5em 1em;
  background: #eee;
  border: none;
  border-radius: 7px;
  background-image: linear-gradient(
    to bottom,
    hsla(0, 0%, 0%, 0),
    hsla(0, 0%, 0%, 0.2)
  );
  color: #222;
  font-family: sans-serif;
  font-size: 16px;
  text-shadow: 0 1px white;
  cursor: pointer;
}

.button:hover {
  background-color: #8cf;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #222;
}

.button:active,
.button.is-checked {
  background-color: #28f;
}

.button.is-checked {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */

.button-group:after {
  content: "";
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.button-group .button:first-child {
  border-radius: 0.5em 0 0 0.5em;
}
.button-group .button:last-child {
  border-radius: 0 0.5em 0.5em 0;
}


.ui-group .button-group .button {
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  font-family: "HelveticaNeueLTStd", sans-serif !important;
  color: #1A73C0;
  font-size: 1.275rem;
  text-transform: uppercase;
  background-image: none;
  padding: 0px 15px;
}

.ui-group .button-group .button.is-checked {
  text-decoration: underline;
  text-shadow: none;
}

.ui-group .button-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/*CR Points 29-June-2023 */
.portfolio-teaser--smart-green.portfolio-teaser {
  margin-top: 40px;
}

.portfolio-teaser__category {
  background-color: #373737;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  padding: 7.5px 12px 7px 42px;
  position: absolute;
  top: -27px;
}

.portfolio-teaser__category::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDcgNDciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQ0IDIxYy0uMjggMC0uNTUuMDUtLjgxLjEzTDI2LjU4IDQuNTJjLjI2LS40NS40Mi0uOTYuNDItMS41MiAwLTEuNjYtMS4zNC0zLTMtM3MtMyAxLjM0LTMgM2MwIC4wNy4wMi4xMy4wMi4yTDUuNTEgOC4zN2EyLjk5NCAyLjk5NCAwIDEwLTMuNzYgNC4zNXYxOS41NmEyLjk5NiAyLjk5NiAwIDEwMy42OSA0LjQ2bDE1LjYgNi45M2MtLjAxLjExLS4wMy4yMi0uMDMuMzMgMCAxLjY2IDEuMzQgMyAzIDNzMy0xLjM0IDMtM2MwLS4zLS4wNi0uNTgtLjE0LS44NWwxNS42NC0xNi41NmMuNDQuMjYuOTUuNDEgMS41LjQxIDEuNjYgMCAzLTEuMzQgMy0zcy0xLjM0LTMtMy0zem0tMi41NiA0LjU0TDI2LjA2IDQxLjgzYy0uMjktLjI3LS42My0uNDgtMS4wMS0uNjNsLTEuNTctMTcuMjVjLjk0LS4xNSAxLjcyLS43MyAyLjE1LTEuNTNsMTUuNDQgMi4yYy4wNy4zMy4yLjY0LjM3Ljkyem0tMjkuNDMtMi40NWwzLjUtNS4yNSA0LjU0IDIuNjdjLS4wMy4xNi0uMDUuMzItLjA1LjQ4IDAgMS4yOS44MiAyLjM4IDEuOTYgMi44bDEuNTcgMTcuMjVjLS4xOS4wMy0uMzcuMDgtLjU1LjE0bC0xMC45Ny0xOC4xem0tNy44OSA5LjEzYy0uMjctLjExLS41Ni0uMTctLjg3LS4yVjEyLjk3Yy4yNy0uMDIuNTMtLjA4Ljc3LS4xN2w2LjIxIDEwLjI0LTYuMTEgOS4xN3ptMS4xNC0yMC4yN3MuMDUtLjA2LjA4LS4wOWw4Ljg3IDUuMjItMy4wNiA0LjU5LTUuODktOS43MnptMjAuNzQgOWEyLjk5NCAyLjk5NCAwIDAwLTMtMi45NmMtLjk1IDAtMS43OS40NS0yLjM0IDEuMTRsLTQuMzMtMi41NCA3LjEtMTAuNjVjLjE4LjAzLjM3LjA2LjU2LjA2LjU2IDAgMS4wNy0uMTYgMS41Mi0uNDJsMTYuMzQgMTYuMzRjLS4zMi4zMy0uNTYuNzQtLjcgMS4yTDI2IDIwLjk2ek0yMS40OSA0LjYyYy4xNi4yNS4zNi40Ni41OS42NmwtNy4wMyAxMC41NS05LjA5LTUuMzVjLjAzLS4xNi4wNS0uMzIuMDUtLjQ4IDAtLjA3LS4wMi0uMTMtLjAyLS4yTDIxLjUgNC42M3pNNS45NyAzNS4zMmMuMDEtLjExLjAzLS4yMi4wMy0uMzMgMC0uNzItLjI2LTEuMzYtLjY4LTEuODhsNS43Ny04LjY1IDEwLjY1IDE3LjU4Yy0uMDYuMDctLjEyLjE0LS4xOC4yMmwtMTUuNi02LjkzeiIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  height: 26px;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
}

.portfolio-teaser__category.portfolio-teaser__category--first::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkViZW5lIDEiIHZpZXdCb3g9IjAgMCA1MCA0NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmM4ODZjIiBkPSJNMTIuMTQgMjAuMWM1LjUyIDAgMTAtNC40OCAxMC0xMFMxNy42Ni4wOSAxMi4xNC4wOXMtMTAgNC40OC0xMCAxMC4wMSA0LjQ4IDEwIDEwIDEwIi8+PHBhdGggZmlsbD0iIzdiYjhmZCIgZD0iTTMwLjAyIDEuMDloMTh2MThoLTE4eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDQ2LjkxaDI0LjI4TDEyLjE0IDI1Ljg4IDAgNDYuOTF6Ii8+PHBhdGggZmlsbD0iIzMyZTBiMSIgZD0iTTI4LjAzIDMzLjkxbDQuMiAxM0g0NS44bDQuMi0xMy0xMC45OC04LjAzLTEwLjk5IDguMDN6Ii8+PC9zdmc+');
}

.portfolio-teaser__category.portfolio-teaser__category--first {
  padding: 10px 12px 4px 45px;
}

.portfolio-teaser .btn {
  white-space: initial;
}

.site-main {
  margin-top: 90px;
}

.hero-banner.bg-img {
  background-position: top center;
}

.hero-banner,
.hero-banner.hero-banner--small {
  height: 60vh;
}

.breadcrumb-section {
  margin-top: 10px;
}

.breadcrumb-section .breadcrumb {
  background-color: transparent;
  padding-left: 0;
}

.page-header {
  background-color: #fff;
}

li.breadcrumb-item {
  line-height: normal;
  vertical-align: middle;
}

.breadcrumb-item + .breadcrumb-item::before {
  line-height: normal;
  top: -2px;
  position: relative;
}

@media(min-width: 768px) {
  .portfolio-teaser__category {
    font-size: 16px;
    top: -30px;
  }

  .portfolio-teaser--smart-green.portfolio-teaser {
    margin-top: 30px;
  }
}

@media(min-width: 993px) { 
  .site-main {
    margin-top: 118px;
  }
}

.ce-uploads li a:hover {
  color: #FC886C;
}

.color-shape .blog-teaser {
  z-index: 0;
}

@media (max-width: 767px) {
  .footer.py-8.border-multicolor {
    padding-bottom: 5rem !important;
  }
}

.menu--open .dAstylere,
.menu--open .ccm-settings-summoner {
  display: none;
}

/*Menu Changes CR*/
.footer__menu  a {
  color: #fff;
  position: relative;
}

.footer__menu  a::after {
  content: '';
  position: absolute;
  left: 0;
  width: 0;
  bottom: -2px;
  height: 3px;
  transition: all 0.2s ease 0s;
}

.footer__menu a > span {
  transition: all 0.2s ease 0s;
}

.footer__menu a:hover > span {
  opacity: 0.6;
}

.footer__menu-first > li {
  margin-bottom: 15px;
}

.footer__menu-first > li > a {
  font-weight: 700;
}

.header-menu-first > li > a:after,
.footer__menu-first > li > a::after {
  background-color: #EC8F72;
}

.footer__menu-first > li:hover > a::after,
.footer__menu-first > li.active > a::after,
.footer__menu-second > li.active > a::after,
.header-menu-first > li.clicked > a:after {
  width: 100%;
}

.footer__menu-second {
  margin-top: 15px;
}

.footer__menu-second li {
  margin-bottom: 12px;
  line-height: normal;
}

.footer__menu-second a {
  font-size: 14px;
  font-weight: 300;
}

.footer__menu-second a::after,
.navigation .header-menu-second a::after {
  background-color: #8BB6F9;
}

.navigation nav li .sub-menu-list li {
  margin-bottom: 12px;
}

.header-menu-first .nav-arrow {
  display: none;
}

.navigation nav li .sub-menu-list a {
  font-size: 22px;
}

.navigation nav li.active > a {
  color: #fff;
}

.navigation nav li.active > a:after,
.navigation nav .sub-menu-list a.active:after {
  width: 100%;
}

.header-menu-first > .md-hidden > a,
.navigation .header-menu-first > li.active.md-hidden > a {
  color: rgba(255, 255, 255, 0.5);
}

.navigation nav li.clicked > a:hover {
  color: rgba(255, 255, 255, 1);
}

.navigation nav a:after {
  height: 3px;
}

nav > ul > li.clicked > .second-level-menu .sub-menu-list {
  display: block !important;
}
.navigation nav .sub-menu-list a:after {
  bottom: -4px;
}

.second-level-menu .header-menu-second {
  padding-bottom: 10px;
  padding-top: 15px;
}

.header-menu-first > .active.md-hidden > a:after {
  width: 0;
}

@media (min-width: 768px) {
  .navigation nav > ul {
    min-width: 280px;
  }

  .footer__menu-first {
    display: flex;
    flex-wrap: wrap;
  }
  
  .footer__menu-first > li {
    margin-left: 15px;
    margin-right: 15px;
  }
  
  .footer__menu-first > li:first-child,
  .footer__menu-first > li:nth-child(2) {
    margin-left: 0;
  }

  .footer__menu-second a {
    padding-bottom: 3px;
  }

  .navigation .header-menu-first > li {
    position: static;
  }
  .navigation nav > .header-menu-first {
    position: relative;
  }

  nav > ul > li .second-level-menu {
    height: 100%;
    width: auto;
    left: 250px;
  }

  nav > ul > li .second-level-menu ul {
    height: 100%;
    display: block !important;
    width: 100%;
  }
  
  nav > ul > li .second-level-menu ul {
    display: block;
  }

  nav > ul > li .second-level-menu {
    transition: opacity 0.7s ease 0s;
    position: absolute;
    top: 0;
    opacity: 0;
    pointer-events: none;
  }

  .desktop-sub-menu nav > ul > li.clicked > .second-level-menu {
    pointer-events: auto;
    z-index: 1;
  }

  .desktop-sub-menu .header-menu-first > li > a,
  .second-level--open .header-menu-first > li > a,
  .navigation nav li .sub-menu-list a {
    font-size: 32px;
  }
  
  .second-level-menu .header-menu-second {
    padding-bottom: 0;
    padding-top: 0;
  }
}

nav > ul > li.clicked > .second-level-menu {
  opacity: 1;
}

@media (min-width: 993px) {
  nav > ul > li .second-level-menu {
    left: 280px;
  }

  .navigation nav a:after {
    bottom: -3px;
    height: 7px
  }
  
  .navigation nav .sub-menu-list a:after {
    bottom: -6px;
  }
}

@media (min-width: 1200px) {
  .footer__menu-first > li {
    margin-left: 34px;
    margin-right: 34px;
  }

  nav > ul > li .second-level-menu {
    left: 400px;
  }
}

@media (max-width: 767px) {
  .navigation nav li .sub-menu-list a {
    font-size: 22px;
  }
}

.footer__menu-first > li:first-child {
  display: none;
}

/* center btn*/
.news-headline .btn {
  padding: 10px 50px 2px 25px;
}

.portfolio-teaser.portfolio-teaser--vertical.teaser--reverse {
  margin: 5vw auto 60px 30px;
}

@media (min-width: 992px) {
  .portfolio-teaser.portfolio-teaser--vertical.teaser--reverse {
    margin: 5vw auto 128px 30px;
  }
}

.headline-center-block .heading {
  word-break: break-word;
}

.da-opener-position-bottom {
  top: unset !important;
  bottom: 0%;
}

#dAopener {
  width: 60px;
  height: 60px;
}

@media (min-width: 768px) {
  .footer__menu-first > li {
      margin-left: 3px;
      margin-right: 12px;
  }

  .footer__menu-first > li a span{
    font-size:16px;
  }
}

@media (min-width: 992px) {
  .footer__menu-first > li {
    margin-left: 15px;
    margin-right: 15px;
  }

  .footer__menu-first > li a span{
    font-size:18px;
  }
}

.portfolio-teaser.portfolio-teaser--vertical.teaser--reverse .btn{
  white-space: break-spaces;
}

/*June-SLA*/
.btn.btn-arrow {
  padding: 4px 62px 0 25px;
}

@media (min-width: 768px) {
  footer .list-inline-item {
    font-size:13px;
  }

  .desktop-sub-menu .header-menu-first > li > a, .second-level--open .header-menu-first > li > a, .navigation nav li .sub-menu-list a {
    font-size: 28px !important;
  }
}

@media (min-width: 992px) {
  .desktop-sub-menu .header-menu-first > li > a, .second-level--open .header-menu-first > li > a, .navigation nav li .sub-menu-list a {
      font-size: 32px !important;
  }
}

@media (min-width: 1200px) {
  footer .list-inline-item {
    font-size:16px;
  }
}

/*client css*/
.ccm-settings-summoner {
  display: none;
}


  @media (min-width: 992px) {
  .navigation nav a {
      font-size: 3rem;
  }
    
  h2 {
    font-size: 2.525rem;
    margin-bottom: 37px;
  }
}

@media (min-width: 1200px) {
  .bg-small-to-large, .bg-large-to-small {
    padding: 110px 0 !important;
  }
    .navigation {
  padding: 100px 0 88px; }
  
  .navigation nav a {
      font-size: 3rem;
  }
}

.bg-img {
  background-position: top center !important;
}

.card-detail form {
  display: none !important;
}

/* Header Menu */

@media(min-width:768px) { 
  .navigation.second-level--open .header-menu-first > li a {
    display: inline-block;
    max-width: 270px;
    margin-bottom: 10px;
  }
  
  .navigation.second-level--open .header-menu-first .header-menu-second li a,
  .navigation.second-level--open .header-menu-first .header-menu-second li a span {
    display: inline-block;
    max-width: initial;
  }

  .navigation.second-level--open .header-menu-first > li a span {
    display: inline-block;
    hyphens: auto;
    max-width: inherit;
    word-wrap: break-word;
  }

  .navigation nav li .sub-menu-list {
    margin-left: 50px;
  }
}

@media(min-width:1200px) { 
  .navigation.second-level--open .header-menu-first > li a {
    max-width: 460px;
  }

  .navigation nav li .sub-menu-list {
    margin-left: 80px;
  }
}

.portfolio-teaser .card-headline {
  hyphens: auto;
}

@media(max-width:576px) { 
  .bg-small-to-large,
  .bg-large-to-small {
    padding: 140px 0 !important; }
}

.custom-control-input {
  position: absolute;
  left: -15px;
  z-index: -1;
  width: 1.125rem;
  height: 1.4625rem;
  opacity: 1;
}

.custom-control-input span {
 display: none;
}