/* =========================================================
   BHD CSS – sortiert
   Reihenfolge:
   1. Reset / Base / Root / Typography / Buttons / Utilities
   2. Header
   3. Startseite
   Hinweis: Werte aus der gelieferten Datei wurden beibehalten.
========================================================= */

/* =========================================================
   BHD CSS RESET / BASE
   Modified for BHD Pflegenetzwerk
========================================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  background: #fff;
  color: #445052;
}

a {
  color: inherit;
  text-decoration: none;
}



figure {
  margin: 0;
  overflow: hidden;
}

img,
svg,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a,
button {
  cursor: pointer;
}

/* =========================================================
   ROOT / VARIABLES
========================================================= */

:root {
  --bhd-green: #7AB51D;
  --bhd-text: #445052;
  --bhd-purple: #7152A1;

  --bhd-white: #fff;
  --bhd-black: #000;
  --bhd-light-green: #eff7e8;
  --bhd-light-gray: #f5f5f2;

  --fixed-size: 1200px;
  --section-padding: 75px;

  --font-heading: "Bree Serif", Georgia, serif;
  --font-body: "Source Sans Pro", Arial, sans-serif;
}

/* =========================================================
   TYPOGRAPHY
========================================================= */

/* =========================================================
   FONTS
========================================================= */

@font-face {
  font-family: "Bree Serif";
  src: url("/wp-content/bandf-files/fonts/Bree_Serif/BreeSerif-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Indie Flower";
  src: url("/wp-content/bandf-files/fonts/Indie_Flower/IndieFlower-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Source Sans Pro / Source Sans 3 kommt hier dazu */
@font-face {
  font-family: "Source Sans Pro";
  src: url("/wp-content/bandf-files/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans Pro";
  src: url("/wp-content/bandf-files/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans Pro";
  src: url("/wp-content/bandf-files/fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

body,
p,
table,
li,
input,
textarea,
select,
button {
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0;
  color: var(--bhd-text);
}

p {
  margin: 0 0 1em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
  margin: 0;
  font-family: var(--font-heading);
  font-style: normal;
  font-weight: 400;
  color: var(--bhd-text);
}

/* H1 */
h1,
.h1 {
  font-size: 40px;
  line-height: 0.98;
  letter-spacing: -0.02em;
}

/* H2 */
h2,
.h2 {
  font-size: 31px;
  line-height: 1.05;
  letter-spacing: -0.015em;
}

/* H3 */
h3,
.h3 {
  font-size: clamp(24px, 2vw, 32px);
  line-height: 1.1;
}

/* H4 / kleinere Headlines */
h4,
.h4 {
  font-size: 22px;
  line-height: 1.15;
}

/* Subtitle / Intro */
.subtitle,
.subline,
.lead {
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.35;
  color: var(--bhd-text);
}

/* Caption */
.caption {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
}

/* Semibold Caption */
.caption-semibold {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

/* Bold Caption */
.caption-bold {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

/* Uppercase Utility */
[class*="--uppercase"],
.text-uppercase {
  text-transform: uppercase;
}

/* Textfarben */
.text-clr__white,
.text-white {
  color: var(--bhd-white);
}

.text-clr__green,
.text-green {
  color: var(--bhd-green);
}

.text-clr__purple,
.text-purple {
  color: var(--bhd-purple);
}

/* =========================================================
   BUTTONS
========================================================= */

.wp-block-button a,
.wp-block-button__link,
button,
input.button[type="submit"],
input[type="submit"] {
  font-family: var(--font-body);
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.wp-block-button__link,
input.button[type="submit"],
input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  min-height: 34px;
  padding: 9px 16px;

  background: var(--bhd-green);
  color: var(--bhd-white);

  border: 0;
  border-radius: 999px;

  text-decoration: none;
  box-shadow: none;
}

.wp-block-button__link:hover,
input.button[type="submit"]:hover,
input[type="submit"]:hover {
  filter: brightness(0.96);
}

/* Pfeil nur bei Buttons mit Klasse has-arrow */
.wp-block-button.has-arrow .wp-block-button__link::after {
  content: "";
  width: 17px;
  height: 17px;
  min-width: 17px;

  display: inline-block;

  border-radius: 50%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.4 4.5H7.1M4.9 2.1L7.3 4.5L4.9 6.9' stroke='%237AB51D' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px 9px;
}

/* =========================================================
   UTILITY / LAYOUT
========================================================= */

main {
  margin-top: 0;
}

section {
  margin-top: var(--section-padding) !important;
}

.fixed-size {
  width: var(--fixed-size);
  max-width: 90%;
  margin-inline: auto;
}

.fixed-size--wide {
  width: min(100%, var(--fixed-size));
  max-width: calc(100% - 48px);
  margin-inline: auto;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.center {
  text-align: center;
}

.bg-green {
  background: var(--bhd-green);
  color: var(--bhd-white);
}

.bg-light-green {
  background: var(--bhd-light-green);
}

.bg-light-gray {
  background: var(--bhd-light-gray);
}

/* =========================================================
   WORDPRESS FIXES
========================================================= */

.wp-site-blocks {
  overflow-x: hidden;
}

.wp-block-group {
  position: relative;
}

.wp-block-image img {
  width: 100%;
}

.wp-block-cover,
.wp-block-cover-image {
  padding: 0;
}



/* =========================================================
   RESPONSIVE BASE
========================================================= */

@media (max-width: 980px) {
  :root {
    --section-padding: 56px;
  }

  .fixed-size,
  .fixed-size--wide {
    max-width: calc(100% - 40px);
  }

  body,
  p,
  table,
  li {
    font-size: 17px;
  }
}

@media (max-width: 640px) {
  :root {
    --section-padding: 42px;
  }

  .fixed-size,
  .fixed-size--wide {
    max-width: calc(100% - 32px);
  }

  body,
  p,
  table,
  li {
    font-size: 16px;
  }

  h1,
  .h1 {
    font-size: 38px;
  }

  h2,
  .h2 {
    font-size: 32px;
  }

  h3,
  .h3 {
    font-size: 24px;
  }
}


/* =========================================================
   BHD Header – 3 Spalten
========================================================= */

.bhd-header,
.bhd-header * {
  box-sizing: border-box;
}

.bhd-header {
  position: relative;
  z-index: 200;
  width: 100%;
  background: #fff;
  margin: 0 !important;
  padding: 0 !important;
}

.bhd-header__inner {
  width: var(--fixed-size, 1200px);
  max-width: 90%;
  margin-inline: auto !important;
  min-height: 52px;

  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  column-gap: 18px !important;

  border-top: 1px solid rgba(68, 80, 82, 0.22);
  border-bottom: 1px solid rgba(68, 80, 82, 0.22);
}

.bhd-header__inner.wp-block-columns {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 18px !important;
  width: var(--fixed-size, 1200px) !important;
  max-width: 90% !important;
}

.bhd-header__inner > .wp-block-column {
  flex-basis: auto !important;
  flex-grow: 0 !important;
  min-width: 0 !important;
}

/* Logo-Spalte */
.bhd-header__brand,
.bhd-header__inner > .wp-block-column:nth-child(1) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
}



/* Mittlere Spalte */
.bhd-header__meta,
.bhd-header__inner > .wp-block-column:nth-child(2) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

.bhd-header__actions { 
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 13px !important;
  width: auto !important;
  margin-left: auto !important;
}

.bhd-header__service {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;

  font-family: var(--font-body, "Source Sans Pro", Arial, sans-serif) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  color: #445052 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

.bhd-header__icon {
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  color: #7AB51D !important;
  fill: currentColor !important;
}

.bhd-header__socials {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin-left: 100px;
}
.bhd-header .wp-block-column > *,
.bhd-header .is-layout-flow > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}
.bhd-header__socials a {
  width: 25px !important;
  height: 25px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #7AB51D !important;
  text-decoration: none !important;
}

/* =========================================================
   BHD WordPress Burger-Menü Dropdown
========================================================= */

.bhd-header {
  --bhd-menu-width: min(258px, calc(100vw - 32px));
  --bhd-menu-right: max(115px, 18vw);
  --bhd-menu-top: 41px;
}

/* Navigation */
.bhd-header .wp-block-navigation {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* normale Linkliste im Header verstecken */
.bhd-header .wp-block-navigation .wp-block-navigation__container {
  display: none !important;
}

/* Burger Button */
.bhd-header .wp-block-navigation__responsive-container-open {
  width: 31px !important;
  height: 31px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  margin: 0 !important;

  background: var(--bhd-green) !important;
  color: #fff !important;

  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.bhd-header .wp-block-navigation__responsive-container-open svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
}

.bhd-header .wp-block-navigation__responsive-container-open svg path,
.bhd-header .wp-block-navigation__responsive-container-open svg rect {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Overlay */
.bhd-header .wp-block-navigation__responsive-container {
  z-index: 99999 !important;
}

.bhd-header .wp-block-navigation__responsive-container.is-menu-open {
  position: fixed !important;
  inset: 0 !important;

  width: 100vw !important;
  height: 100dvh !important;

  margin: 0 !important;
  padding: 0 !important;

  background: rgba(0, 0, 0, 0.18) !important;
  overflow: hidden !important;
}

/* WP Wrapper neutralisieren */
.bhd-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
.bhd-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}

/* Dropdown Panel: rechte obere Ecke am Burger */
.bhd-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  position: absolute !important;

  top: var(--bhd-menu-top) !important;
  right: var(--bhd-menu-right) !important;
  left: auto !important;

  width: var(--bhd-menu-width) !important;
  max-width: calc(100vw - 32px) !important;

  display: block !important;

  margin: 0 !important;
  padding: 42px 28px 24px !important;

  background: var(--bhd-green) !important;

  /* gespiegelt: oben rechts gerade */
  border-radius: 34px 0 34px 34px !important;

  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22) !important;
  overflow: hidden !important;
}

/* Menü-Liste */
.bhd-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  display: grid !important;
  gap: 0 !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.bhd-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Menü-Links */
.bhd-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;

  margin: 0 !important;
  padding: 10px 0 !important;

  font-family: var(--font-heading) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;

  color: #fff !important;
  text-decoration: none !important;
}

.bhd-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label {
  color: inherit !important;
}

/* Pfeil rechts */
.bhd-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::after {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;

  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 8H12.5M9.5 5L12.5 8L9.5 11' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Trennlinie vor letztem Menüpunkt */
.bhd-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child {
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 2px solid rgba(255, 255, 255, 0.9) !important;
}

/* Close X links oben im Panel */
.bhd-header .wp-block-navigation__responsive-container-close {
  position: absolute !important;

  top: calc(var(--bhd-menu-top) + 10px) !important;
  right: 19% !important;
  left: auto !important;

  z-index: 100001 !important;

  width: 20px !important;
  height: 20px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  margin: 0 !important;

  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

.bhd-header .wp-block-navigation__responsive-container-close svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
}

.bhd-header .wp-block-navigation__responsive-container-close svg path {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Hover */
.bhd-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
  opacity: 0.9;
  transform: translateX(3px);
}

/* Mobile fein */
@media (max-width: 480px) {
  .bhd-header {
    --bhd-menu-width: min(258px, calc(100vw - 32px));
    --bhd-menu-right: 16px;
    --bhd-menu-top: 12px;
  }

  .bhd-header .wp-block-navigation__responsive-container-open {
    width: 34px !important;
    height: 34px !important;
  }

  .bhd-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding: 38px 22px 20px !important;
  }

  .bhd-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    font-size: 16px !important;
    padding: 9px 0 !important;
  }
}
/* =========================================================
   BHD Startseite 
========================================================= */

.bhd-home,
.bhd-home * {
  box-sizing: border-box;
}

.bhd-home {
  position: relative;
  isolation: isolate;
  overflow: visible;

  margin: 0 auto;
padding: 40px 0px;
  display: grid !important;
  grid-template-columns: repeat(24, minmax(0, 1fr));
  column-gap: 18px;
  row-gap: 20px;
  align-items: start;

  color: #445052;
  font-family: "Source Sans Pro", Arial, sans-serif;
}

/* WP-Standardabstände neutralisieren */
.bhd-home > * {
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
}

.bhd-home figure,
.bhd-home .wp-block-image,
.bhd-home p,
.bhd-home .wp-block-buttons,
.bhd-home .wp-block-button {
  margin: 0 !important;
}

/* Hintergrundlogo links */
.bhd-home::before {
content: "";
  position: absolute;
  left: -36%;
  top: 23%;
  width: 470px;
  height: 470px;
  background: url("/wp-content/uploads/2026/07/BHD-Coesfeld-Logo-3.png") center / contain no-repeat;
  opacity: 0.12;
  z-index: -1;
  pointer-events: none;
}

/* =========================================================
   DESKTOP GRID
========================================================= */

.bhd-home__intro {
  grid-column: 1 / 8;
  grid-row: 1 / 3;
  align-self: start;
  padding-top: 8px;
  position: relative;
  z-index: 4;
}

.bhd-home__card--pflege {
  grid-column: 9 / 17;
  grid-row: 1;
}

.bhd-home__card--tagespflege {
  grid-column: 17 / 25;
  grid-row: 1;
  /*! margin-top: 10px !important; */
}

.bhd-home__card--magdalenenhof {
  grid-column: 9 / 17;
  grid-row: 2;
}

.bhd-home__card--wohnanlage {
  grid-column: 17 / 25;
  grid-row: 2;
}

.bhd-home__career {
  grid-column: 1 / 10;
  grid-row: 3;
  align-self: center;
  position: relative;
  z-index: 7;
}

.bhd-home__team-image {
  grid-column: 9 / 25;
  grid-row: 3;
  position: relative;
  z-index: 2;
}

.bhd-home__bottom-image {
  grid-column: 1 / 13;
  grid-row: 4;
  align-self: stretch;
}

.bhd-home__roots {
  grid-column: 13 / 25;
  grid-row: 4;
  align-self: stretch;
}

/* =========================================================
   TYPO LINKS
========================================================= */

.bhd-home__intro p:first-of-type {
  max-width: 300px;
  margin-bottom: 20px !important;
  font-family: "Bree Serif", Georgia, serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: -0.015em;
  color: #445052;
}

.bhd-home__intro p:nth-of-type(2) {
  margin-bottom: 24px !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.48;
  color: #445052;
}

/* =========================================================
   PFEIL-ICON EINHEITLICH
========================================================= */

.bhd-home__card .wp-block-button__link::after,
.bhd-home__intro .wp-block-button__link::after,
.bhd-home__career p::after,
.bhd-home__roots p::after {
  content: "";
  width: 18px;
  height: 18px;
  min-width: 18px;
  flex: 0 0 18px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.4 4.5H7.1M4.9 2.1L7.3 4.5L4.9 6.9' stroke='%237AB51D' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px 9px;
}

.bhd-home .wp-block-button__link {
  border: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* =========================================================
   INTRO BUTTON
========================================================= */

.bhd-home__intro .wp-block-button__link {
padding: 4px 20px 4px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background: #7AB51D;
  color: #fff;
  border-radius: 999px;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 400 !important;
  text-transform: uppercase;
  width: 183px;
}

/* =========================================================
   OBERE KARTEN
========================================================= */

.bhd-home__card {
  position: relative;
  overflow: visible;
  border-radius: 18px;
}

.bhd-home__card figure {
  width: 100%;
  aspect-ratio: 380 / 199;
  border-radius: 18px;
  overflow: hidden;
}

.bhd-home__card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 18px;
}

.bhd-home__card .wp-block-buttons {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block !important;
  width: 100%;
  z-index: 3;
}

.bhd-home__card .wp-block-button {
  display: block;
  width: 100%;
}

.bhd-home__card .wp-block-button__link {
  width: 100%;
  min-height: 34px;
  padding: 6px 14px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background: #7AB51D;
  color: #fff;
  border-radius: 14px 14px 18px 18px;
  font-family: "Bree Serif", Georgia, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

/* =========================================================
   KARRIERE-KACHEL
========================================================= */

.bhd-home__career {
  position: relative;
  z-index: 7;
  min-height: 155px;
  padding: 28px 24px 22px;
  background: #7AB51D;
  color: #fff;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 475px;

}

.bhd-home__career p {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 !important;
  font-family: "Bree Serif", Georgia, serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.04;
  color: #fff;
}

.bhd-home__career::before {
content: "";
  position: absolute;
  left: -15px;
  top: -70px;
  width: 302px;
  height: 120px;
  background: url("/wp-content/uploads/2026/07/b9ffc3cacc79645568a10d8597688b0b61e73142-1.png") center / contain no-repeat;
  z-index: 8;
  pointer-events: none;
}

/* =========================================================
   GROSSES BILD
========================================================= */

.bhd-home__team-image figure {
  width: 100%;
  aspect-ratio: 790 / 258;
  border-radius: 22px;
  overflow: hidden;
}

.bhd-home__team-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 22px;
}

/* =========================================================
   UNTERE REIHE – BEIDE GLEICH GROSS
========================================================= */

.bhd-home__bottom-image figure,
.bhd-home__roots {
  height: 126px;
}

.bhd-home__bottom-image figure {
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
}

.bhd-home__bottom-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 18px;
}

.bhd-home__roots {
  padding: 0 22px;
  background: #7AB51D;
  color: #fff;
  border-radius: 25px;
  display: flex;
  align-items: center;
}

.bhd-home__roots p {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  font-family: "Bree Serif", Georgia, serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.06;
  color: #fff;
}

/* =========================================================
   HOVER
========================================================= */

.bhd-home .wp-block-button__link:hover,
.bhd-home__career:hover,
.bhd-home__roots:hover {
  filter: brightness(0.96);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 980px) {
  .bhd-home {
    max-width: 780px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 18px;
    padding: 40px 20px 42px;
  }

  .bhd-home__intro {
    grid-column: 1 / 13;
    grid-row: auto;
    padding-top: 0;
  }

  .bhd-home__intro p:first-of-type {
    max-width: 520px;
    font-size: 42px;
  }

  .bhd-home__intro p:nth-of-type(2) {
    max-width: 520px;
  }

  .bhd-home__card--pflege {
    grid-column: 1 / 7;
    grid-row: auto;
  }

  .bhd-home__card--tagespflege {
    grid-column: 7 / 13;
    grid-row: auto;
    margin-top: 8px !important;
  }

  .bhd-home__card--magdalenenhof {
    grid-column: 1 / 7;
    grid-row: auto;
  }

  .bhd-home__card--wohnanlage {
    grid-column: 7 / 13;
    grid-row: auto;
    margin-top: 8px !important;
  }

  .bhd-home__career {
    grid-column: 1 / 6;
    grid-row: auto;
    align-self: center;
    margin-top: 26px !important;
  }

  .bhd-home__team-image {
    grid-column: 5 / 13;
    grid-row: auto;
  }

  .bhd-home__bottom-image {
    grid-column: 1 / 7;
    grid-row: auto;
  }

  .bhd-home__roots {
    grid-column: 7 / 13;
    grid-row: auto;
  }

  .bhd-home__bottom-image figure,
  .bhd-home__roots {
    height: 118px;
  }

  .bhd-home__career::before {
    width: 210px;
    height: 88px;
    top: -30px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {
  .bhd-home {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 32px 16px 38px;
  }

  .bhd-home > * {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }

  .bhd-home::before {
    left: -150px;
    top: 100px;
    width: 280px;
    height: 280px;
  }

  .bhd-home__intro p:first-of-type {
    max-width: none;
    font-size: 38px;
  }

  .bhd-home__intro p:nth-of-type(2) {
    max-width: none;
  }

  .bhd-home__card--tagespflege,
  .bhd-home__card--wohnanlage {
    margin-top: 0 !important;
  }

  .bhd-home__career {
    min-height: 108px;
    margin-top: 34px !important;
    padding: 26px 22px 22px;
    border-radius: 22px;
  }

  .bhd-home__career::before {
    left: 18px;
    top: -32px;
    width: 190px;
    height: 78px;
  }

  .bhd-home__career p,
  .bhd-home__roots p {
    font-size: 21px;
  }

  .bhd-home__bottom-image figure,
  .bhd-home__roots {
    height: auto;
    min-height: 110px;
  }

  .bhd-home__roots {
    padding: 20px 18px;
  }

  .bhd-home__card .wp-block-button__link {
    white-space: normal;
  }
}
/* =========================================================
   BHD grüne Banner
   Standard: banner__green
   Kontakt:  banner__green banner__green--contact
========================================================= */

.banner__green {
  position: relative;
  overflow: hidden;

  width: 100%;
  min-height: 128px;

  margin: 56px 0 !important;
  padding: 26px 24px 22px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
}

/* BHD-Zeichen links */
.banner__green::before {
  content: "";
  position: absolute;
  left: clamp(48px, 12vw, 230px);
  top: 50%;
  transform: translateY(-50%);

  width: 310px;
  height: 210px;

  background: url("/wp-content/uploads/2026/07/BHD-Coesfeld-Logo-4.png") center / contain no-repeat;
  pointer-events: none;
}

/* WP-Flow-Abstände entfernen */
.banner__green > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* Alle Banner-Inhalte über Logo legen */
.banner__green p,
.banner__green figure,
.banner__green .wp-block-image {
  position: relative;
  z-index: 2;
}

/* =========================================================
   Standard-Claim-Banner
========================================================= */

.banner__green:not(.banner__green--contact) p {
  max-width: 260px;
  margin: 0 !important;

  font-family: "Indie Flower", cursive !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;

  color: #fff !important;
  text-align: center;
}

.banner__green:not(.banner__green--contact) figure,
.banner__green:not(.banner__green--contact) .wp-block-image {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  line-height: 0;
}

.banner__green:not(.banner__green--contact) img {
  width: 24px !important;
  height: auto !important;
  display: block;
}

/* =========================================================
   Kontaktbanner
========================================================= */

.banner__green--contact {
  min-height: 170px;
  padding: 34px 24px 28px;
}

/* Kontaktbanner: alle normalen Texte */
.banner__green--contact p,
.banner__green--contact p *,
.banner__green--contact a {
  font-family: var(--font-body, "Source Sans Pro", Arial, sans-serif) !important;
  color: #fff !important;
  text-align: center !important;
  text-decoration: none !important;
}

.banner__green--contact p {
  max-width: 520px;
  margin: 0 !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.24 !important;
}

/* Headline */
.banner__green--contact p:first-of-type {
  margin-bottom: 18px !important;

  font-size: 14px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

/* Telefon / E-Mail */
.banner__green--contact p:nth-of-type(2) {
  margin-bottom: 20px !important;
}

/* "Wir freuen uns auf Sie" */
.banner__green--contact p:nth-of-type(3),
.banner__green--contact p:nth-of-type(3) * {
  font-family: "Indie Flower", cursive !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Herz */
.banner__green--contact figure,
.banner__green--contact .wp-block-image {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.banner__green--contact img {
  width: 24px !important;
  height: auto !important;
  display: block !important;
}

/* Folgender Block ohne Zusatzabstand */
.banner__green + * {
  margin-top: 0 !important;
}

/* =========================================================
   Mobile
========================================================= */

@media (max-width: 640px) {
  .banner__green {
    min-height: 112px;
    margin: 42px 0 !important;
    padding: 22px 18px 20px;
  }

  .banner__green::before {
    left: -38px;
    width: 170px;
    height: 170px;
  }

  .banner__green:not(.banner__green--contact) p {
    font-size: 18px !important;
    line-height: 1.16 !important;
  }

  .banner__green:not(.banner__green--contact) img,
  .banner__green--contact img {
    width: 22px !important;
  }

  .banner__green--contact {
    min-height: 155px;
    padding: 28px 18px 24px;
  }

  .banner__green--contact p:first-of-type,
  .banner__green--contact p:nth-of-type(2) {
    font-size: 13px !important;
  }

  .banner__green--contact p:nth-of-type(3),
  .banner__green--contact p:nth-of-type(3) * {
    font-size: 20px !important;
  }
}
/* =========================================================
   BHD Team-/Standorte-Grid mit Getwid Accordions
   Gruppe: team_grid
   Hinweis: feste Farbwerte entfernt; Farben kommen über WP/Vorgaben.
========================================================= */

.team_grid {
  width: var(--fixed-size, 1200px);
  max-width: 90%;
  margin-inline: auto;
  padding: 40px 0 60px;
}

/* =========================================================
   Überschrift
========================================================= */

.team_grid > h2,
.team_grid > h3,
.team_grid > .wp-block-heading {
  margin: 0 0 42px !important;

  font-family: var(--font-heading, "Bree Serif", Georgia, serif) !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  text-align: center;
}

/* =========================================================
   Grid / Cards
========================================================= */

.team_grid .wp-block-columns {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 34px !important;
  align-items: start !important;

  margin: 0 !important;
  padding: 0 !important;
}

.team_grid .wp-block-column {
  width: 100% !important;
  flex-basis: auto !important;
  flex-grow: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.team_grid .wp-block-column > *,
.team_grid .is-layout-flow > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* =========================================================
   Bilder
========================================================= */

.team_grid .wp-block-image {
  width: 100% !important;
  margin: 0 0 14px !important;
  overflow: visible !important;
}

.team_grid .wp-block-image img {
  width: 100% !important;
  aspect-ratio: 380 / 280;
  height: auto !important;

  object-fit: cover;
  object-position: center;

  border-radius: 16px;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.13);
}

/* =========================================================
   Standortzeile
========================================================= */

.team_grid .wp-block-image + p,
.team_grid .wp-block-column > p:first-of-type {
  position: relative;
  margin: 0 0 12px !important;
  padding-left: 22px;
}

/* richtiges Standort-SVG */
.team_grid .wp-block-image + p::before,
.team_grid .wp-block-column > p:first-of-type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;

  width: 15px;
  height: 18px;

  transform: translateY(-50%);

  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2224%22%20viewBox%3D%220%200%2020%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M19%2010C19%2017%2010%2023%2010%2023C10%2023%201%2017%201%2010C1%207.61305%201.94821%205.32387%203.63604%203.63604C5.32387%201.94821%207.61305%201%2010%201C12.3869%201%2014.6761%201.94821%2016.364%203.63604C18.0518%205.32387%2019%207.61305%2019%2010Z%22%20stroke%3D%22%237AB51D%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M10%2013C11.6569%2013%2013%2011.6569%2013%2010C13%208.34315%2011.6569%207%2010%207C8.34315%207%207%208.34315%207%2010C7%2011.6569%208.34315%2013%2010%2013Z%22%20stroke%3D%22%237AB51D%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Untertitel z. B. Wundzentrum / BHD Pflegezentrum */
.team_grid .wp-block-column > p:nth-of-type(2) {
  margin: 0 0 20px !important;

  font-family: var(--font-body, "Source Sans Pro", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center;
}

/* =========================================================
   Getwid Accordion – Header
========================================================= */

.team_grid .wp-block-getwid-accordion {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;
}

.team_grid .wp-block-getwid-accordion__header-wrapper,
.team_grid .wp-block-getwid-accordion__header,
.team_grid .wp-block-getwid-accordion__content-wrapper,
.team_grid .wp-block-getwid-accordion__content {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.team_grid .wp-block-getwid-accordion__header {
  min-height: auto !important;

  margin: 0 !important;
  padding: 0 0 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px;

  font-family: var(--font-body, "Source Sans Pro", Arial, sans-serif) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: uppercase;
  text-align: center;

  cursor: pointer;
}

.team_grid .wp-block-getwid-accordion__header-title,
.team_grid .wp-block-getwid-accordion__header a,
.team_grid .wp-block-getwid-accordion__header span {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-transform: inherit !important;
}

.team_grid .wp-block-getwid-accordion__icon {
  width: 11px !important;
  height: 11px !important;
  margin-left: 2px !important;
}

/* =========================================================
   Getwid Accordion – Inhalt
========================================================= */

.team_grid .wp-block-getwid-accordion__content {
  margin: 0 !important;
  border-top: 1.5px solid currentColor !important;

  font-family: var(--font-body, "Source Sans Pro", Arial, sans-serif) !important;
}

.team_grid .wp-block-getwid-accordion__content-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}

.team_grid .wp-block-getwid-accordion__content h1,
.team_grid .wp-block-getwid-accordion__content h2,
.team_grid .wp-block-getwid-accordion__content h3,
.team_grid .wp-block-getwid-accordion__content .wp-block-heading {
  margin: 0 0 23px !important;

  font-family: var(--font-heading, "Bree Serif", Georgia, serif) !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
}

.team_grid .wp-block-getwid-accordion__content p {
  margin: 0 0 12px !important;

  font-family: var(--font-body, "Source Sans Pro", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

/* =========================================================
   Accordion Kontaktdaten
========================================================= */

.team_grid .wp-block-getwid-accordion__content .wp-block-columns {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 34px !important;
  margin: 2px 0 24px !important;
  padding: 0 !important;
}

.team_grid .wp-block-getwid-accordion__content .wp-block-column {
  align-items: flex-start !important;
  text-align: left !important;
}

.team_grid .wp-block-getwid-accordion__content .wp-block-column p {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

/* Keine Standort-Icons in den Accordion-Kontaktdaten */
.team_grid .wp-block-getwid-accordion__content .wp-block-column > p:first-of-type::before,
.team_grid .wp-block-getwid-accordion__content p::before {
  content: none !important;
  display: none !important;
}

.team_grid .wp-block-getwid-accordion__content .wp-block-column > p:first-of-type,
.team_grid .wp-block-getwid-accordion__content p {
  padding-left: 0 !important;
}

.team_grid .wp-block-getwid-accordion__content strong,
.team_grid .wp-block-getwid-accordion__content b {
  font-weight: 700 !important;
}

/* =========================================================
   Download Button
========================================================= */

.team_grid .wp-block-getwid-accordion__content .wp-block-button {
  margin-top: 12px !important;
}

.team_grid .wp-block-getwid-accordion__content .wp-block-button__link {
  padding: 7px 45px 8px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 0 !important;

  font-size: 11px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.team_grid .wp-block-getwid-accordion__content .wp-block-button__link::after {
  content: none !important;
  display: none !important;
}

/* =========================================================
   Responsive
========================================================= */

@media (max-width: 980px) {
  .team_grid .wp-block-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 30px !important;
  }
}

@media (max-width: 640px) {
  .team_grid {
    padding: 34px 0 48px;
  }

  .team_grid > h2,
  .team_grid > h3,
  .team_grid > .wp-block-heading {
    margin-bottom: 28px !important;
    font-size: 24px !important;
  }

  .team_grid .wp-block-columns {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  .team_grid .wp-block-getwid-accordion__content h1,
  .team_grid .wp-block-getwid-accordion__content h2,
  .team_grid .wp-block-getwid-accordion__content h3,
  .team_grid .wp-block-getwid-accordion__content .wp-block-heading {
    font-size: 22px !important;
  }
}
img:is([sizes=auto i],
[sizes^="auto," i]) {
  contain-intrinsic-size:3000px 1500px
}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
/* =========================================================
   Instagram Hinweis Block
   Gruppe: insta_links
========================================================= */

.insta_links {
  text-align: center;
  margin: 50px auto !important;
  padding: 0;
}

/* Überschrift */
.insta_links h2,
.insta_links .wp-block-heading {
  max-width: 850px;
  margin: 0 auto 22px !important;

  font-family: var(--font-body, "Source Sans Pro", Arial, sans-serif) !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase;

  color: #7AB51D !important;
}

/* WP Columns als Link-Reihe */
.insta_links .wp-block-columns {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 42px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Spalten neutralisieren */
.insta_links .wp-block-column {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Text/Handle */
.insta_links p {
  position: relative;

  display: inline-flex;
  align-items: center;
  gap: 12px;

  margin: 0 !important;

  font-family: var(--font-body, "Source Sans Pro", Arial, sans-serif) !important;
  font-size: 18px !important;
  line-height: 1 !important;

  color: #445052 !important;
}

/* Instagram Icon – dünnere Linie */
.insta_links p::before {
  content: "";
  width: 34px;
  height: 34px;
  flex: 0 0 34px;

  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='24' height='24' rx='6' stroke='%237AB51D' stroke-width='1.8'/%3E%3Ccircle cx='17' cy='17' r='5.2' stroke='%237AB51D' stroke-width='1.8'/%3E%3Ccircle cx='23.8' cy='10.2' r='1.35' fill='%237AB51D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* WP Flow-Abstände entfernen */
.insta_links > *,
.insta_links .is-layout-flow > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* Mobile */
@media (max-width: 640px) {
  .insta_links {
    margin: 36px auto !important;
  }

  .insta_links h2,
  .insta_links .wp-block-heading {
    font-size: 18px !important;
    margin-bottom: 20px !important;
  }

  .insta_links .wp-block-columns {
    flex-direction: column !important;
    gap: 16px !important;
  }

  .insta_links p {
    font-size: 18px !important;
  }

  .insta_links p::before {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }
}
/* =========================================================
   Pflegedienst Intro / Standort-Pin-Gruppe
   Klasse auf oberster Gruppe: icon_pin__group
========================================================= */

.icon_pin__group {
  width: var(--fixed-size, 1200px);
  max-width: 90%;
  margin-inline: auto;
  padding: 52px 0 60px;
  color: var(--bhd-text);
}

/* WP Flow-Abstände innerhalb der Sektion kontrollieren */
.icon_pin__group > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* Logo oben */
.icon_pin__group > .wp-block-image {
  width: 300px !important;
  max-width: 300px !important;
  margin: 0 0 26px !important;
  overflow: visible !important;
}

.icon_pin__group > .wp-block-image img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Headline */
.icon_pin__group > h2,
.icon_pin__group > .wp-block-heading {
  max-width: 760px;
  margin: 0 0 34px !important;

  font-family: var(--font-heading, "Bree Serif", Georgia, serif) !important;
  font-size: 31px !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.01em !important;

  color: var(--bhd-text) !important;
}

/* Hauptlayout: Text links / Bild rechts */
.icon_pin__group > .wp-block-columns {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.8fr) !important;
  gap: 58px !important;
  align-items: start !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Hauptspalten */
.icon_pin__group > .wp-block-columns > .wp-block-column {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}

/* Linker Textbereich */
.icon_pin__group > .wp-block-columns > .wp-block-column:first-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* Fließtext links */
.icon_pin__group > .wp-block-columns > .wp-block-column:first-child > p {
  max-width: 760px;
  margin: 0 0 22px !important;

  font-family: var(--font-body, "Source Sans Pro", Arial, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.52 !important;

  color: var(--bhd-text) !important;
}

/* Spacer nicht riesig werden lassen */
.icon_pin__group > .wp-block-columns > .wp-block-column:first-child > .wp-block-spacer {
  height: 18px !important;
}

/* =========================================================
   Standortreihe: verschachtelte Spalten im linken Bereich
========================================================= */

.icon_pin__group > .wp-block-columns > .wp-block-column:first-child > .wp-block-columns {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 30px !important;

  margin: 8px 0 28px !important;
  padding: 0 !important;
}

/* einzelne Standort-Spalten */
.icon_pin__group > .wp-block-columns > .wp-block-column:first-child > .wp-block-columns > .wp-block-column {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Standorttexte */
.icon_pin__group > .wp-block-columns > .wp-block-column:first-child > .wp-block-columns > .wp-block-column > p {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  margin: 0 !important;
  padding: 0 !important;

  font-family: var(--font-body, "Source Sans Pro", Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1 !important;

  color: var(--bhd-text) !important;
  white-space: nowrap;
}

/* Pin Icon nur bei Standorttexten */
.icon_pin__group > .wp-block-columns > .wp-block-column:first-child > .wp-block-columns > .wp-block-column > p::before {
  content: "";
  width: 20px;
  height: 24px;
  flex: 0 0 20px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='24' viewBox='0 0 20 24' fill='none'%3E%3Cpath d='M19 10C19 17 10 23 10 23C10 23 1 17 1 10C1 7.61305 1.94821 5.32387 3.63604 3.63604C5.32387 1.94821 7.61305 1 10 1C12.3869 1 14.6761 1.94821 16.364 3.63604C18.0518 5.32387 19 7.61305 19 10Z' stroke='%237AB51D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 13C11.6569 13 13 11.6569 13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13Z' stroke='%237AB51D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Button links */
.icon_pin__group > .wp-block-columns > .wp-block-column:first-child > .wp-block-buttons {
  margin: 0 !important;
  padding: 0 !important;
}

.icon_pin__group > .wp-block-columns > .wp-block-column:first-child .wp-block-button__link {
  min-height: 34px !important;
  padding: 8px 24px 8px 26px !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;

  border-radius: 999px !important;

  font-family: var(--font-body, "Source Sans Pro", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

/* Button-Pfeil */
.icon_pin__group > .wp-block-columns > .wp-block-column:first-child .wp-block-button__link::after {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;

  border-radius: 50%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.4 4.5H7.1M4.9 2.1L7.3 4.5L4.9 6.9' stroke='%237AB51D' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px 9px;
}

/* =========================================================
   Rechte Bild-Spalte
========================================================= */

.icon_pin__group > .wp-block-columns > .wp-block-column:last-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding-top: 6px !important;
}

.icon_pin__group > .wp-block-columns > .wp-block-column:last-child .wp-block-image {
  width: 100% !important;
  margin: 0 0 18px !important;
  overflow: visible !important;
}

.icon_pin__group > .wp-block-columns > .wp-block-column:last-child .wp-block-image img {
  aspect-ratio: 430 / 250;
  height: auto !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  display: block !important;
}

/* Bildunterschrift rechts */
.icon_pin__group > .wp-block-columns > .wp-block-column:last-child > p {
  margin: 0 0 26px !important;

  font-family: var(--font-body, "Source Sans Pro", Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;

  color: var(--bhd-green) !important;
}

/* Button rechts */
.icon_pin__group > .wp-block-columns > .wp-block-column:last-child .wp-block-button__link {
  min-height: 34px !important;
  padding: 8px 24px 8px 26px !important;
  border-radius: 999px !important;

  font-family: var(--font-body, "Source Sans Pro", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

/* =========================================================
   Responsive
========================================================= */

@media (max-width: 980px) {
  .icon_pin__group > .wp-block-columns {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  .icon_pin__group > .wp-block-columns > .wp-block-column:last-child {
    max-width: 520px;
  }
}

@media (max-width: 640px) {
  .icon_pin__group {
    padding: 40px 0 48px;
  }

  .icon_pin__group > .wp-block-image {
    width: 240px !important;
    max-width: 240px !important;
    margin-bottom: 22px !important;
  }

  .icon_pin__group > h2,
  .icon_pin__group > .wp-block-heading {
    font-size: 25px !important;
    margin-bottom: 28px !important;
  }

  .icon_pin__group > .wp-block-columns > .wp-block-column:first-child > p {
    font-size: 15px !important;
  }

  .icon_pin__group > .wp-block-columns > .wp-block-column:first-child > .wp-block-columns {
    gap: 16px 22px !important;
    margin-bottom: 24px !important;
  }

  .icon_pin__group > .wp-block-columns > .wp-block-column:first-child > .wp-block-columns > .wp-block-column > p {
    font-size: 13px !important;
  }

  .icon_pin__group > .wp-block-columns > .wp-block-column:first-child > .wp-block-columns > .wp-block-column > p::before {
    width: 18px;
    height: 22px;
    flex-basis: 18px;
  }
}
/* =========================================================
   Downloads Block
   Klasse auf äußerer Gruppe: downloads_block
========================================================= */




/* Hauptlayout */
.downloads_block > .wp-block-columns {
  /*! display: grid !important; */
  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr) !important;
  /*! gap: 70px !important; */
  /*! align-items: start !important; */
}

/* beide Hauptspalten */
.downloads_block > .wp-block-columns > .wp-block-column {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* linke Spalte */
.downloads_block h2,
.downloads_block .wp-block-heading {
  margin: 0 0 24px !important;

  font-family: var(--font-heading, "Bree Serif", Georgia, serif) !important;
  font-size: 31px !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.01em !important;
  color: #445052 !important;
}

.downloads_block p {
  max-width: 390px;
  margin: 0 !important;

  font-family: var(--font-body, "Source Sans Pro", Arial, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: #445052 !important;
}

.downloads_block p strong {
  font-weight: 700 !important;
}

/* rechte Spalte mit 2 Listen-Spalten */
.downloads_block > .wp-block-columns > .wp-block-column:last-child > .wp-block-columns {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  gap: 18px 34px !important;

  margin: 0 !important;
  padding: 0 !important;
  align-items: start !important;
}

.downloads_block > .wp-block-columns > .wp-block-column:last-child > .wp-block-columns > .wp-block-column {
  margin: 0 !important;
  padding: 0 !important;
}

/* Listen */
.downloads_block ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.downloads_block li {
  position: relative;
  margin: 0 0 31px !important;
  padding: 0 0 0 30px !important;

  font-family: var(--font-body, "Source Sans Pro", Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  color: #445052 !important;
}

/* Download Icon */
.downloads_block li::before {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;

  width: 21px;
  height: 21px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 1.5V9.5M8 9.5L4.75 6.25M8 9.5L11.25 6.25M2 11.75V13.5H14V11.75' stroke='%237AB51D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Links */
.downloads_block li a {
  color: #445052 !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.downloads_block li a:hover {
  color: #7AB51D !important;
  border-bottom-color: #7AB51D;
}

/* Responsive */
@media (max-width: 900px) {
  .downloads_block > .wp-block-columns {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  .downloads_block > .wp-block-columns > .wp-block-column:last-child > .wp-block-columns {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px 24px !important;
  }
}

@media (max-width: 640px) {
  .downloads_block {
    margin: 42px 0 !important;
  }

  .downloads_block h2,
  .downloads_block .wp-block-heading {
    font-size: 25px !important;
    margin-bottom: 18px !important;
  }

  .downloads_block p {
    font-size: 14px !important;
  }

  .downloads_block > .wp-block-columns > .wp-block-column:last-child > .wp-block-columns {
    grid-template-columns: 1fr !important;
    gap: 0 0 !important;
  }

  .downloads_block li {
    font-size: 14px !important;
    margin-bottom: 12px !important;
  }
}
/* FAQ-Frage / Accordion-Überschrift */
.faq_block .wp-block-getwid-accordion__header {
  margin: 0 !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid #7AB51D !important;
}

/* Titel im Accordion */
.faq_block .wp-block-getwid-accordion__header-title {
  color: #7AB51D !important;
  font-size: 20px !important;
}

/* Antwort-Abstand */
.faq_block .wp-block-getwid-accordion__content {
  margin: 0 !important;
}
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper {
  padding: 10;
  border: 0px;
  margin: 20px;
}
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper:first-child {
  border: 0px ;
}
.wp-block-getwid-accordion__content-wrapper.ui-accordion-content-active {
  margin: 25px;
}
.wp-block-getwid-accordion__content {
border: 0px!important;    
}
/* Pfeil rechts grün */
.faq_block .wp-block-getwid-accordion__icon,
.faq_block .wp-block-getwid-accordion__icon svg,
.faq_block .wp-block-getwid-accordion__icon path {
  color: #7AB51D !important;
  fill: #7AB51D !important;
  stroke: #7AB51D !important;
}
.icon_pin__group .wp-block-columns .slick-list img{
  width: 470px!important;
}
/* =========================================================
   BHD Header – Mobile Layout
   Logo + Burger oben, Icons darunter
========================================================= */

@media (max-width: 640px) {
  .bhd-header__inner,
  .bhd-header__inner.wp-block-columns {
    min-height: auto !important;

    display: grid !important;
    grid-template-columns: auto auto !important;
    grid-template-areas:
      "brand nav"
      "actions actions" !important;

    align-items: center !important;
    justify-content: space-between !important;

    row-gap: 8px !important;
    column-gap: 16px !important;

    padding: 9px 0 10px !important;
    max-width: calc(100% - 32px) !important;
  }

  /* Logo links oben */
  .bhd-header__inner > .wp-block-column:nth-child(1),
  .bhd-header__brand {
    grid-area: brand !important;
    justify-content: flex-start !important;
  }

  .bhd-header__inner > .wp-block-column:nth-child(1) img,
  .bhd-header__brand img {
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
  }

  /* Burger rechts neben Logo */
  .bhd-header__inner > .wp-block-column:nth-child(3),
  .bhd-header__nav {
    grid-area: nav !important;
    justify-self: end !important;
    align-self: center !important;
  }

  /* Icons unter das Logo */
  .bhd-header__inner > .wp-block-column:nth-child(2),
  .bhd-header__meta {
    grid-area: actions !important;

    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;

    width: auto !important;
    margin: 0 !important;
  }

  .bhd-header__actions {
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 10px !important;

    width: auto !important;
    margin: 0 !important;
  }

  /* Telefon-Schrift ausblenden, Icon bleibt */
  .bhd-header__service {
    font-size: 0 !important;
    line-height: 0 !important;
    gap: 0 !important;
  }

  .bhd-header__service .bhd-header__icon,
  .bhd-header__icon {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    display: block !important;
  }

  /* Social Icons neben Telefon-Icon */
  .bhd-header__socials {
    margin-left: 0 !important;
    gap: 9px !important;
  }

  .bhd-header__socials a {
    width: 19px !important;
    height: 19px !important;
  }

  .bhd-header__socials svg {
    width: 17px !important;
    height: 17px !important;
  }

  /* Burger-Größe */
  .bhd-header .wp-block-navigation__responsive-container-open {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
  }

  .bhd-header .wp-block-navigation__responsive-container-open svg {
    width: 18px !important;
    height: 18px !important;
  }
}
/* =========================================================
   BHD Header – Tablet/Mobile Layout früher aktiv
   Logo + Burger oben, Icons darunter
========================================================= */

@media (max-width: 980px) {
  .bhd-header__inner,
  .bhd-header__inner.wp-block-columns {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "brand nav"
      "actions actions" !important;

    align-items: center !important;
    justify-content: space-between !important;

    min-height: auto !important;
    row-gap: 6px !important;
    column-gap: 14px !important;

    padding: 8px 0 9px !important;
    width: var(--fixed-size, 1200px) !important;
    max-width: calc(100% - 32px) !important;
  }

  /* Spalten korrekt einsortieren */
  .bhd-header__inner > .wp-block-column:nth-child(1) {
    grid-area: brand !important;
  }

  .bhd-header__inner > .wp-block-column:nth-child(2) {
    grid-area: actions !important;
  }

  .bhd-header__inner > .wp-block-column:nth-child(3) {
    grid-area: nav !important;
  }

  /* Logo */
  .bhd-header__inner > .wp-block-column:nth-child(1),
  .bhd-header__brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }

  .bhd-header__inner > .wp-block-column:nth-child(1) img,
  .bhd-header__brand img {
    width: 165px !important;
    max-width: 165px !important;
    height: auto !important;
  }

  /* Burger neben dem Logo rechts */
  .bhd-header__inner > .wp-block-column:nth-child(3),
  .bhd-header__nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    align-self: center !important;
  }

  /* Telefon + Socials unter das Logo */
  .bhd-header__inner > .wp-block-column:nth-child(2),
  .bhd-header__meta {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .bhd-header__actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  /* Telefon-Schrift ausblenden, Icon bleibt */
  .bhd-header__service {
    width: 20px !important;
    height: 20px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 0 !important;
    line-height: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
  }

  /* Alle Icons gleich groß */
  .bhd-header__icon,
  .bhd-header__service svg,
  .bhd-header__socials svg {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    display: block !important;
  }

  /* Social-Wrapper */
  .bhd-header__socials {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .bhd-header__socials a {
    width: 20px !important;
    height: 20px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* Burger */
  .bhd-header .wp-block-navigation__responsive-container-open {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
  }

  .bhd-header .wp-block-navigation__responsive-container-open svg {
    width: 18px !important;
    height: 18px !important;
  }
}
/* Slick Pfeile BHD */
.slick-slider .slick-prev,
.slick-slider .slick-next {
  width: 20px !important;
  height: 20px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background: #7AB51D !important;
  border: 0 !important;
  border-radius: 50% !important;
  z-index: 20 !important;
}

.slick-slider .slick-prev::before,
.slick-slider .slick-next::before {
  content: "" !important;
  display: block !important;
  width: 11px !important;
  height: 11px !important;
  opacity: 1 !important;
  margin: auto !important;
  background: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2L3.5 5.5L7 9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

.slick-slider .slick-next::before {
  transform: rotate(180deg);
}