/*
Theme Name: Againstmedia Baukreis
Author: Againstmedia GmbH
Author URI: https://againstmedia.io
Description: Custom theme for Baukreis by Againstmedia
Version: 1.0.0
Text Domain: ambaukreis
*/

@font-face {
  font-family: 'Inter';
  src: local('Inter Regular'), local('Inter18pt-Regular'),
    url('assets/fonts/Inter18pt-Regular.woff2') format('woff2'),
    url('assets/fonts/Inter18pt-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: local('Inter Bold'), local('Inter18pt-Bold'),
    url('assets/fonts/Inter18pt-Bold.woff2') format('woff2'),
    url('assets/fonts/Inter18pt-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


:root {
  --bs-body-font-weight: normal;
  --bs-font-sans-serif: 'Inter';
  --bs-body-color: #475467;
  --bs-body-color-rgb: 71, 84, 103;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-dark: #101828;
  --bs-dark-rgb: 16, 24, 40;
  --bs-primary: #E3043B;
  --bs-primary-rgb: 227, 4, 59;
  --bs-primary-text-emphasis: #850021;
  --bs-light: #F2F4F7;
  --bs-light-rgb: 242, 244, 247;
  --bs-secondary: #000;
  --bs-secondary-rgb: 0, 0, 0;
}

a {
  color: var(--bs-body-color);
  cursor: pointer;
  text-decoration: none;
  transition: opacity 300ms ease-in-out;
}

button,
.btn {
  transition: opacity 300ms ease-in-out;
}

a:hover,
button:hover,
.btn:hover {
  opacity: 0.6;
}

b, strong {
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
  color: #101828;
  font-weight: bold;
}

header {
  z-index: 9999;
}

.aspect-3-4 {
  aspect-ratio: 3 / 4;
}

.bg-gray {
  background: #eeeeee;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-color: #bfbfbf;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

@media(min-width: 1200px) {
  .position-xl-absolute {
    position: absolute !important;
  }
}


/* Blog Loop */
.blog-article h3 {
  position: relative;
  padding-right: 1rem;
}
.blog-article h3:after {
  position: absolute;
  top: 3px;
  right: 0;
  content: url(data:image/svg+xml;base64,ICAgICAgICAgICAgICAgICAgICAgICAgICAgPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNyAxN0wxNyA3TTE3IDdIN00xNyA3VjE3IiBzdHJva2U9IiMxMDE4MjgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+Cg==);
}

/* Bewertungen */
.splide__pagination__page.is-active {
  background: var(--bs-primary) !important;
}
.splide__arrow svg {
  fill: var(--bs-light) !important;
}

/* Accordion */
.accordion-button {
  background: #fff;
  box-shadow: none !important;
  z-index: 0;
}
.accordion-button:not(.collapsed) {
  background: var(--bs-light);
}
.accordion-button:after {
  display: none;
}
.accordion-button:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSIjRTMwNDNCIj48cGF0aCBkPSJNIDE2IDMgQyA4LjgzMjAzMSAzIDMgOC44MzIwMzEgMyAxNiBDIDMgMjMuMTY3OTY5IDguODMyMDMxIDI5IDE2IDI5IEMgMjMuMTY3OTY5IDI5IDI5IDIzLjE2Nzk2OSAyOSAxNiBDIDI5IDguODMyMDMxIDIzLjE2Nzk2OSAzIDE2IDMgWiBNIDE2IDUgQyAyMi4wODU5MzggNSAyNyA5LjkxNDA2MyAyNyAxNiBDIDI3IDIyLjA4NTkzOCAyMi4wODU5MzggMjcgMTYgMjcgQyA5LjkxNDA2MyAyNyA1IDIyLjA4NTkzOCA1IDE2IEMgNSA5LjkxNDA2MyA5LjkxNDA2MyA1IDE2IDUgWiBNIDE1IDEwIEwgMTUgMTUgTCAxMCAxNSBMIDEwIDE3IEwgMTUgMTcgTCAxNSAyMiBMIDE3IDIyIEwgMTcgMTcgTCAyMiAxNyBMIDIyIDE1IEwgMTcgMTUgTCAxNyAxMCBaIi8+PC9zdmc+);
  margin-bottom: -4px;
}

/* Blog single */
.content h2 {
  margin: 2rem 0 1.5rem;
}
.content h3 {
  margin: 1.75rem 0 1.25rem;
}
.content h4 {
  margin: 1.5rem 0 1rem;
}
.content img {
  border-radius: var(--bs-border-radius-lg);
}
.content p {
  margin-bottom: 1rem;
}