/*
Theme Name: Bauverein Werne
Author: STUDIOHORN
Author URI: https://studio-horn.de
Description: Das globale Bauverein Werne Theme
[...]
Template: twentytwentythree
[...]
*/
/*== General SCSS ==*/
/*== General ==*/
@font-face {
  font-family: "Helvetica Neue LT Pro";
  src: url("assets/fonts/HelveticaNeueLTPro-MdCn.eot") format("embedded-opentype");
  src: url("assets/fonts/HelveticaNeueLTPro-MdCn.woff") format("woff"), url("assets/fonts/HelveticaNeueLTPro-MdCn.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("assets/fonts/Roboto-Bold.eot") format("embedded-opentype");
  src: url("assets/fonts/Roboto-Bold.woff") format("woff"), url("assets/fonts/Roboto-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("assets/fonts/Roboto-Regular.eot") format("embedded-opentype");
  src: url("assets/fonts/Roboto-Regular.woff") format("woff"), url("assets/fonts/Roboto-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
main {
  margin-top: 0 !important;
}
h1, h2, h3, h4, h5, h6, rs-layer {
  font-family: "Helvetica Neue LT Pro", sans-serif !important;
  font-weight: 500;
  font-style: normal;
  letter-spacing: unset !important;
}
p, span, a, li, div {
  font-family: "Roboto", sans-serif !important;
  letter-spacing: unset !important;
  -webkit-hyphens: auto;
  font-size: var(--fs-copy);
  line-height: 1.5em;
}
strong {
  font-weight: 700 !important;
}
h1 {
  font-size: var(--fs-h1);
}
.h1 {
  font-size: var(--fs-h1) !important;
  font-family: "Helvetica Neue LT Pro", sans-serif !important;
  font-weight: 500;
  font-style: normal;
  letter-spacing: unset !important;
}
h2 {
  font-size: var(--fs-h2);
}
.h2 {
  font-size: var(--fs-h2) !important;
}
h3 {
  font-size: var(--fs-h3);
}
.h3 {
  font-size: var(--fs-h3) !important;
}
h4 {
  font-size: var(--fs-h4);
}
.h4 {
  font-size: var(--fs-h4) !important;
}
h5 {
  font-size: var(--fs-h5);
}
a {
  text-decoration: none !important;
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit !important;
  color: inherit !important;
}
a:hover {
  color: var(--primary);
  text-decoration: underline !important;
}
.inner-underline a {
  text-decoration: underline !important;
}
:root {
  --primary: #D6D000;
  --secondary: #787876;
  --lightgrey: #F0F0F0;
  --darkgrey: #787876;
  --fs-h1: 60px;
  --fs-h2: 60px;
  --fs-h3: 50px;
  --fs-h4: 35px;
  --fs-h5: 30px;
  --fs-copy: 20px;
}
@media (max-width: 992px) {
  :root {
    --fs-h1: 45px;
    --fs-h2: 45px;
    --fs-h3: 35px;
    --fs-h4: 30px;
    --fs-h5: 25px;
    --fs-copy: 18px;
  }
}
@media (max-width: 576px) {
  :root {
    --fs-h1: 35px;
    --fs-h2: 35px;
    --fs-h3: 25px;
    --fs-h4: 20px;
    --fs-h5: 18px;
    --fs-copy: 16px;
  }
}
.responsive-padding {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
@media (min-width: 768px) {
  .responsive-padding {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .responsive-padding {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
}
main.has-global-padding .wp-block-cover.alignfull {
  width: 100vw;
  left: -32px;
}
main.has-global-padding .wp-block-group.alignfull {
  width: 100vw;
  position: relative;
  left: -32px;
}
.img-w-100 img {
  width: 100% !important;
}
.wp-block-button__link, .wpcf7-submit {
  transition: 0.25s;
}
.wp-block-button__link:hover, .wpcf7-submit:hover {
  transform: scale(1.05);
}
.fw-blod {
  font-weight: 700 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-regular {
  font-weight: 500 !important;
}
.text-primary {
  color: var(--primary) !important;
}
.text-secondary {
  color: var(--secondary) !important;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.wp-site-blocks {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  max-width: 100vw;
  overflow: hidden;
}
.hyphens-auto {
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}
.wp-site-blocks .alignfull, .wp-site-blocks > .wp-block-group.has-background, .wp-site-blocks > .wp-block-cover, .wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background, .wp-site-blocks > .wp-block-template-part > .wp-block-cover, body > .is-root-container > .wp-block-cover, body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background, body > .is-root-container > .wp-block-template-part > .wp-block-cover, .is-root-container .wp-block[data-align="full"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: unset;
}
.border-primary {
  border-color: var(--primary) !important;
}
.border-secondary {
  border-color: var(--secondary) !important;
}
.entry-content {
  margin-top: 0 !important;
}
.scroll-up {
  transition: 0.25s;
}
.scroll-up:hover {
  transform: translateY(-10px);
}
.mw-unset img {
  max-width: unset;
}
iframe {
  scrollbar-width: none;
  /* Firefox */
}
iframe::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Edge */
}
@media (max-width: 992px) {
  .spacer-150 {
    height: 75px !important;
  }
  .spacer-100 {
    height: 50px !important;
  }
  .spacer-50 {
    height: 0 !important;
  }
}
/*== z-index Styling ==*/
.z-99 {
  z-index: 99 !important;
  position: relative;
}
.z-98 {
  z-index: 98 !important;
  position: relative;
}
.z-97 {
  z-index: 97 !important;
  position: relative;
}
.z-96 {
  z-index: 96 !important;
  position: relative;
}
.z-95 {
  z-index: 95 !important;
  position: relative;
}
.z-94 {
  z-index: 94 !important;
  position: relative;
}
/*== WPForms Styling ==*/
.wpforms-container input, .wpforms-container textarea {
  border-color: var(--secondary) !important;
  border-radius: 0px !important;
}
.wpforms-container legend, .wpforms-container label {
  color: var(--primary) !important;
}
.wpforms-container button {
  padding: 10px 15px !important;
  border-radius: 0 !important;
  border: solid 1px var(--primary) !important;
  background-color: var(--primary) !important;
  color: white !important;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
  transition: 0.25s;
  font-size: 20px !important;
}
.wpforms-container button:hover {
  transform: scale(1.1);
}
/*== WPForms Styling END ==*/
.grecaptcha-badge {
  opacity: 0 !important;
}
/*== General END ==*/
#acwp-toolbar-btn-wrap {
  display: none;
}
/*== Navigation ==*/
/*== Navigation END ==*/
/*== Header ==*/
header {
  position: fixed;
  width: 100%;
  z-index: 99;
  background-color: white;
  box-shadow: 0px 5px 15px #00000014;
}
header nav {
  margin-top: 25px !important;
}
header nav .wp-block-navigation-item__label {
  font-size: 18px !important;
  transition: 0.15s;
}
header nav .wp-block-navigation-item__label:hover {
  color: var(--primary);
}
header nav a:hover {
  color: var(--primary) !important;
}
rs-fullwidth-wrap {
  margin-top: 0 !important;
}
.wp-block-site-logo {
  transition: 0.25s;
}
.wp-block-site-logo:hover {
  transform: scale(1.05);
}
.header-carousel .wp-block-cb-slide {
  padding: 0 !important;
}
.header-carousel .slick-next {
  right: 50px;
  background-image: url("https://www.bauverein-werne.de/wp-content/uploads/2024/01/chevron-right-regular.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 50px;
}
.header-carousel .slick-next:before {
  display: none;
}
.header-carousel .slick-prev {
  left: 50px;
  z-index: 2;
  background-image: url("https://www.bauverein-werne.de/wp-content/uploads/2024/01/chevron-left-regular.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 50px;
}
.header-carousel .slick-prev:before {
  display: none;
}
.header-cover {
  position: relative;
}
.header-cover .header-scroll-down {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transition: 0.15s;
}
.header-cover .header-scroll-down:hover {
  transform: translateY(15px);
}
.nav-outer-group {
  gap: 4rem;
  max-width: unset;
  justify-content: center;
  align-items: center;
}
.header-btn .wp-block-button__link {
  font-size: 14px;
  line-height: 1;
  padding: 15px !important;
  transform: translateY(12px);
}
.external-link {
  display: none !important;
}
.onetap-container-toggle .onetap-toggle {
  top: unset !important;
  bottom: 50px !important;
}
@media (max-width: 1550px) {
  .nav-outer-group {
    gap: 4rem !important;
  }
  .nav-outer-group .wp-block-navigation__container {
    gap: 2rem !important;
  }
  .nav-outer-group .wp-block-site-logo {
    width: 225px;
  }
  .header-spacer {
    height: 70px !important;
  }
}
@media (max-width: 1410px) {
  .nav-outer-group {
    gap: 2rem !important;
  }
  .nav-outer-group .wp-block-navigation__container {
    gap: 1.5rem !important;
  }
  .nav-outer-group .wp-block-site-logo {
    width: 200px;
  }
  header nav .wp-block-navigation-item__label {
    font-size: 16px !important;
  }
  .header-spacer {
    height: 60px !important;
  }
}
@media (max-width: 1210px) {
  .header-btn {
    display: none !important;
  }
  .external-link {
    display: block !important;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    background-color: var(--primary);
    width: 50px;
    height: 50px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
  }
  .wp-block-navigation__responsive-container-close {
    background-color: var(--primary);
    width: 50px;
    height: 50px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
  header > div > div {
    justify-content: space-between !important;
  }
  header > div > div nav {
    margin-top: 0 !important;
  }
  header > div > div nav .wp-block-navigation__responsive-container-content {
    align-items: center !important;
    padding-top: 15% !important;
  }
  header > div > div nav .wp-block-navigation__responsive-container-content ul {
    gap: 2.5rem !important;
    display: flex !important;
    align-items: center !important;
  }
  header > div > div nav .wp-block-navigation__responsive-container-content ul li a span {
    font-size: 25px !important;
  }
  .header-spacer {
    height: 60px !important;
  }
  .header-carousel .slick-prev, .header-carousel .slick-next {
    display: none !important;
  }
}
/*== Header END ==*/
/*== Footer ==*/
footer a {
  transition: 0.15s;
}
footer a:hover {
  color: var(--primary) !important;
}
/*== Footer END ==*/
/*== Site specific SCSS ==*/
/*== content ==*/
.map-container .mapsvg-wrap-all {
  max-width: unset;
  min-height: 600px !important;
}
.wohnungsangebot-section .wp-block-columns .wp-block-column:last-child {
  display: flex;
  margin-left: -250px;
  z-index: 2;
  margin-right: 50px;
}
.wohnungsangebot-section .wohnungsangebot-text-group .wohnungsangebot-group {
  flex-basis: 100%;
  height: 100%;
  max-width: 500px;
}
.wohnungsangebot-section .wohnungsangebot-text-group .wohnungsangebot-group-full {
  flex-basis: 100%;
  height: 100%;
  max-width: calc(1400px / 2 + 150px);
}
.wohnungsangebot-section .wohnungsangebot-text-group .wohnungsangebot-group-full.phone-after {
  position: relative;
}
.wohnungsangebot-section .wohnungsangebot-text-group .wohnungsangebot-group-full.phone-after:after {
  content: "";
  position: absolute;
  right: 25px;
  bottom: 25px;
  width: 175px;
  height: 175px;
  background-image: url("https://www.bauverein-werne.de/wp-content/uploads/2023/11/phone-after.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.formular input:not([type="checkbox"], [type="submit"]), .formular textarea, .formular select {
  width: 100%;
  min-height: 40px;
  border: none;
  border-radius: 0;
  max-height: 200px;
  color: var(--secondary);
}
.formular label {
  width: 100%;
  font-size: 16px;
}
.formular .wpcf7-submit {
  background-color: var(--primary) !important;
  color: white;
  border: none;
  padding: 10px 15px;
  margin-top: 25px;
  transition: 0.15s;
}
.formular .wpcf7-submit:disabled {
  opacity: 0.5;
}
.formular.kontaktformular input, .formular.kontaktformular textarea, .formular.kontaktformular select {
  background-color: var(--lightgrey);
}
.formular .wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0;
}
.wp-block-advgb-accordions .advgb-accordion-header-title {
  padding-top: 10px !important;
  padding-left: 25px !important;
  font-size: 25px !important;
}
.wp-block-advgb-accordions .advgb-accordion-header-icon {
  top: 10px;
  position: relative;
}
.wp-block-advgb-accordions .advgb-accordion-header-icon svg {
  width: 35px;
  height: 35px;
  transition: 0.15s;
}
.wp-block-advgb-accordions .advgb-accordion-header[aria-expanded="true"] .advgb-accordion-header-icon {
  display: block;
}
.wp-block-advgb-accordions .advgb-accordion-header[aria-expanded="true"] .advgb-accordion-header-icon svg {
  transform: rotate(180deg);
}
.news ul {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
.news ul li {
  margin-top: 0;
  color: white;
  background-color: var(--primary);
  flex-basis: 33%;
  display: flex;
  flex-direction: column;
}
.news ul li .wp-block-post-featured-image {
  overflow: hidden;
  max-height: 275px;
  height: 100%;
}
.news ul li .wp-block-post-featured-image img {
  transition: 0.15s;
  height: 100%;
}
.news ul li .wp-block-post-featured-image:hover img {
  transform: scale(1.05);
}
.news ul li .wp-block-post-date {
  font-size: 20px;
}
.news ul li .wp-block-post-title {
  font-size: 30px !important;
  position: relative;
  padding-bottom: 20px;
}
.news ul li .wp-block-post-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 15px;
  background-image: url("https://www.bauverein-werne.de/wp-content/uploads/2023/11/arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: 0.15s;
}
.news ul li .wp-block-post-title:hover:after {
  left: 5px;
}
.paoc-cb-popup-body .paoc-close-popup {
  background-color: var(--primary);
  border-width: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Google Map */
.mapsvg-wrap-all .mapsvg-header {
  display: none !important;
}
.mapsvg-wrap-all .mapsvg-details-container {
  background-color: var(--primary);
  padding: 25px !important;
  overflow: visible;
  height: fit-content !important;
}
.mapsvg-wrap-all .mapsvg-details-container .mapsvg-controller-view-toolbar {
  position: absolute;
  right: -40px;
  top: -40px;
}
.mapsvg-wrap-all .mapsvg-details-container .mapsvg-controller-view-toolbar .mapsvg-popover-close {
  background-color: white;
  border-radius: 50px;
  width: 75px;
  height: 75px;
  border: solid 2px var(--primary);
}
.mapsvg-wrap-all .mapsvg-details-container .mapsvg-controller-view-toolbar .mapsvg-popover-close::after, .mapsvg-wrap-all .mapsvg-details-container .mapsvg-controller-view-toolbar .mapsvg-popover-close::before {
  width: 65%;
  top: 50%;
  left: 17%;
}
.mapsvg-wrap-all .mapsvg-details-container .mapsvg-controller-view-wrap {
  top: 0 !important;
  position: relative;
}
.mapsvg-wrap-all .mapsvg-details-container .mapsvg-controller-view-wrap .nano-content {
  position: relative;
}
.mapsvg-wrap-all .mapsvg-details-container .mapsvg-controller-view-content {
  padding: 0 !important;
  color: white;
}
.mapsvg-wrap-all .mapsvg-with-google-map {
  height: 600px !important;
}
@media (max-width: 576px) {
  .mapsvg-details-container {
    width: 300px !important;
  }
}
/* Google Map END */
.contact-text * {
  font-size: 14px !important;
}
@media (max-width: 992px) {
  .news ul {
    flex-direction: column;
    align-items: center;
  }
  .news ul .wp-block-post {
    max-width: 500px;
    width: 100%;
  }
  #bogen .wp-block-columns {
    flex-wrap: wrap !important;
  }
  #bogen .wp-block-columns .wp-block-column {
    flex: 1 0 100% !important;
  }
}
@media (max-width: 781px) {
  .wohnungsangebot-section .wp-block-columns .wp-block-column:last-child {
    display: flex;
    z-index: 2;
    margin-right: auto;
    margin-left: auto;
    justify-content: center;
    margin-top: -150px;
  }
  .wp-block-advgb-accordions .advgb-accordion-header-title {
    font-size: 18px !important;
  }
  .news ul li .wp-block-post-title {
    font-size: 20px !important;
  }
}
@media (max-width: 600px) {
  #bogen iframe {
    height: 4300px;
  }
}
@media (max-width: 400px) {
  .page-id-713 .wp-block-cover h1 {
    hyphens: auto;
  }
}
/*== content END ==*/
/*== Blog Stying ==*/
/*== Module specific SCSS ==*/
/* Accessibility Styling */
.apop-container-toggle .apop-toggle {
  top: 200px !important;
  right: 15px !important;
}
.apop-container-toggle .apop-toggle img {
  background: #2e2e2e !important;
}
.apop-container-toggle .apop-toggle img.design-border1 {
  box-shadow: 0 0 0 4px #2e2e2e !important;
}
@media (max-width: 576px) {
  .apop-container-toggle {
    display: none !important;
  }
}
nav.apop-accessibility.apop-plugin-apop .apop-container .apop-accessibility-settings .apop-feature-content {
  margin-top: -3em !important;
}
nav.apop-accessibility.apop-plugin-onetap .apop-container .apop-accessibility-settings header.apop-header-top::before {
  height: 250px !important;
}
.apop-desc {
  display: none !important;
}
.apop-title h2 {
  color: #111111 !important;
}
nav.apop-accessibility.apop-plugin-onetap .apop-container .apop-accessibility-settings header.apop-header-top .apop-site-container .apop-site-info .apop-title h2 {
  color: #111111 !important;
}
nav.apop-accessibility.apop-plugin-onetap .apop-container .apop-accessibility-settings header.apop-header-top .apop-languages {
  display: none !important;
}
nav.apop-accessibility.apop-plugin-onetap .apop-container .apop-accessibility-settings div.apop-multi-functional-feature {
  display: none !important;
}
nav.apop-accessibility.apop-plugin-onetap .apop-container .apop-accessibility-settings header.apop-header-top {
  margin-bottom: -75px !important;
}
nav.apop-accessibility.apop-plugin-onetap .apop-container .apop-accessibility-settings .apop-reset-settings span {
  color: #111111 !important;
  transition: 0.25s;
}
nav.apop-accessibility.apop-plugin-onetap .apop-container .apop-accessibility-settings .apop-reset-settings span:hover {
  transform: scale(1.05);
}
.apop-image svg path:nth-child(2) {
  fill: #111111 !important;
}
.advgb-accordion-header {
  color: var(--primary) !important;
}
html.apop-lv1 {
  --wp--preset--color--primary: #A6A000;
  --wp--preset--color--secondary: #666666;
  --wp--preset--color--darkgrey: #666666;
  --primary: #A6A000;
  --secondary: #666666;
  --darkgrey: #666666;
}
html.apop-lv1 nav.apop-accessibility.apop-plugin-onetap .apop-container .apop-accessibility-settings .apop-features-container .apop-features .apop-box-feature.apop-lv3 .apop-title h3 {
  color: #A6A000 !important;
}
html.apop-lv1 .schaden-melden-cover {
  --wp--preset--color--primary: #D6D000;
  --wp--preset--color--secondary: #787876;
  --wp--preset--color--darkgrey: #787876;
  --primary: #D6D000;
  --secondary: #787876;
  --darkgrey: #787876;
}
html.apop-lv1 .hero-inner-container {
  background-color: #A6A000 !important;
}
html.apop-lv2 {
  --wp--preset--color--primary: #8C8700;
  --wp--preset--color--secondary: #555555;
  --wp--preset--color--darkgrey: #555555;
  --primary: #8C8700;
  --secondary: #555555;
  --darkgrey: #555555;
}
html.apop-lv2 nav.apop-accessibility.apop-plugin-onetap .apop-container .apop-accessibility-settings .apop-features-container .apop-features .apop-box-feature.apop-lv3 .apop-title h3 {
  color: #8C8700 !important;
}
html.apop-lv2 .schaden-melden-cover {
  --wp--preset--color--primary: #D6D000;
  --wp--preset--color--secondary: #787876;
  --wp--preset--color--darkgrey: #787876;
  --primary: #D6D000;
  --secondary: #787876;
  --darkgrey: #787876;
}
html.apop-lv2 .hero-inner-container {
  background-color: #8C8700 !important;
}
html.apop-lv3 {
  --wp--preset--color--primary: #6F6B00;
  --wp--preset--color--secondary: #333333;
  --wp--preset--color--darkgrey: #333333;
  --primary: #6F6B00;
  --secondary: #333333;
  --darkgrey: #333333;
}
html.apop-lv3 nav.apop-accessibility.apop-plugin-onetap .apop-container .apop-accessibility-settings .apop-features-container .apop-features .apop-box-feature.apop-lv3 .apop-title h3 {
  color: #6F6B00 !important;
}
html.apop-lv3 nav.apop-accessibility.apop-plugin-onetap .apop-container .apop-accessibility-settings .apop-features-container .apop-features .apop-box-feature.apop-lv3 .apop-title p.apop-option-levels span.apop-level.apop-level1 {
  color: #6F6B00 !important;
}
html.apop-lv3 .schaden-melden-cover {
  --wp--preset--color--primary: #D6D000;
  --wp--preset--color--secondary: #787876;
  --wp--preset--color--darkgrey: #787876;
  --primary: #D6D000;
  --secondary: #787876;
  --darkgrey: #787876;
}
html.apop-lv3 .hero-inner-container {
  background-color: #6F6B00 !important;
}
a:focus, a[href]:focus, nav a:focus, button:focus, textarea:focus, input:not([type="hidden"]):focus {
  outline: 2px solid var(--darkgrey);
  outline-offset: 2px;
}
.slick-arrow:focus {
  outline: 2px solid var(--darkgrey) !important;
  outline-offset: 2px !important;
}
.wp-block-post-featured-image a:focus {
  outline: 2px solid var(--darkgrey) !important;
  outline-offset: -2px !important;
}
footer a:focus {
  outline: 2px solid var(--primary) !important;
}
nav.apop-accessibility.apop-plugin-onetap .apop-container .apop-accessibility-settings .apop-features-container .apop-features .apop-box-feature .apop-title h3 {
  hyphens: auto !important;
  font-size: 0.75em !important;
}
/* Accessibility Styling END */
/*== e.g. Sticky Sidebar SCSS ->

@import "assets/scss/sidebar.scss";

== */