:root {
  --backToTop__icon: https://beta.wohnbau-detmold.de/wp-content/uploads/2025/09/icon-pfeil.svg;
  --backToTop__icon: url('https://beta.wohnbau-detmold.de/wp-content/uploads/2025/09/icon-pfeil.svg');
  --typography_body-font-family: Montserrat;
  --typography_body-font-weight: 400;
  --typography_body-font-style: normal;
  --typography_body-font-size: 18px;
  --typography_body-line-height: 1.4;
  --typography_body-letter-spacing: 0em;
  --typography_body-text-transform: none;
  --typography_body-text-decoration: none;
  --typography_body-text-align: left;
  --list__ul_pointSize: 8px;
  --list__ul_pointRadius: 0px;
  --table__borderStyle: solid;
  --table__borderWidth: 0px;
  --forms__input__height: 40px;
  --forms__input__backgroundColor: #ffffff;
  --forms__input__textColor: #000000;
  --forms__input__borderStyle: solid;
  --forms__input__borderWidth: 2px;
  --forms__input__borderColor: #ff1b25;
  --forms__input__borderRadius-border-top-left-radius: 20px;
  --forms__input__borderRadius-border-top-right-radius: 20px;
  --forms__input__borderRadius-border-bottom-left-radius: 20px;
  --forms__input__borderRadius-border-bottom-right-radius: 20px;
  --elementButton_padding-padding-top: 8px;
  --elementButton_padding-padding-right: 20px;
  --elementButton_padding-padding-bottom: 8px;
  --elementButton_padding-padding-left: 20px;
  --elementButton_borderStyle: dashed;
  --elementButton_borderWidth: 2px;
  --elementButton_borderRadius-border-top-left-radius: 100px;
  --elementButton_borderRadius-border-top-right-radius: 100px;
  --elementButton_borderRadius-border-bottom-left-radius: 100px;
  --elementButton_borderRadius-border-bottom-right-radius: 100px;
  --hr__margin-margin-top: 20px;
  --hr__margin-margin-bottom: 20px;
  --hr__borderStyle: dashed;
  --hr__borderWidth: 2px;
  --blocks__gridSpace: 40px;
  --block_box__gridSpace: 25px;
  --block_teaser__gridSpace: 25px;
  --block_text__gridSpace: 20px;
  --block_text_image__gridSpace: 50px;
  --header__logoMargin-padding-top: 20px;
  --header__logoMargin-padding-bottom: 20px;
  --header__background: #ffffff;
  --header__logoHeight: 150px;
  --header__topBar__backgroundColor: #eeeeee;
  --header__topBar__textColor: #000000;
  --header__colors__menuBackground: #ffffff;
  --navi_level1_color: #000000;
  --navi_level1_highlightColor: #000000;
  --navi_level2_color: #000000;
  --navi_level2_highlightColor: #000000;
  --navi_level3_color: #000000;
  --navi_level3_highlightColor: #000000;
  --header__navigationLayout__burgerLayerColor: #000000;
  --header__navigationLayout__burgerBackground: #ffffff;
  --header__navigationLayout__burgerWidth: 80px;
  --header__navigationLayout__burgerHeight: 80px;
  --header__navigationLayout__burgerLayerWidth: 40px;
  --header__navigationLayout__burgerLayerHeight: 4px;
  --header__navigationLayout__burgerLayerSpacing: 6px;
  --header__navigationLayout__burgerLayerRadius: 0px;
  --footer__background: #ffffff;
  --footer__textColor: #000000;
  --footer__textColor_hover: #000000;
  --footer__bottomBar__backgroundColor: #eeeeee;
  --footer__bottomBar__textColor: #000000;
}
body.contrast-mode {
  --header__background: #000000;
  --header__topBar__backgroundColor: #262626;
  --header__topBar__textColor: #ffffff;
  --header__colors__menuBackground: #000000;
  --navi_level1_color: #ffffff;
  --navi_level1_highlightColor: #ffffff;
  --navi_level2_color: #ffffff;
  --navi_level2_highlightColor: #ffffff;
  --navi_level3_color: #ffffff;
  --navi_level3_highlightColor: #ffffff;
  --header__navigationLayout__burgerLayerColor: #ffffff;
  --footer__background: #000000;
  --footer__textColor: #ffffff;
  --footer__textColor_hover: #ffffff;
  --footer__bottomBar__backgroundColor: #262626;
  --footer__bottomBar__textColor: #ffffff;
}
#back_to_top {
  width: 40px;
  height: 40px;
  margin: 0px 20px 20px 0px;
  padding: 0px;
  background-color: rgba(0,0,0,0);
  border-radius: 0px;
}
body {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
}
body.wp-frontend header .menu-level-1 > li > a {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
  color: #000000;
}
body.wp-frontend header .menu-level-2 > li > a {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
  color: #000000;
}
body.wp-frontend header .menu-level-3 > li > a {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
  color: #000000;
}
body h1, body h1 > a:not(.button):not(.no-style), body .like-h1, body .like-h1 > a:not(.button):not(.no-style) {
  font-family: Martel;
  font-weight: 900;
  font-style: normal;
  font-size: 60px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
}
body h2, body h2 > a:not(.button):not(.no-style), body .like-h2, body .like-h2 > a:not(.button):not(.no-style) {
  font-family: Montserrat;
  font-weight: 600;
  font-style: normal;
  font-size: 38px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
}
body h3, body h3 > a:not(.button):not(.no-style), body .like-h3, body .like-h3 > a:not(.button):not(.no-style) {
  font-family: Montserrat;
  font-weight: 600;
  font-style: normal;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
}
body h4, body h4 > a:not(.button):not(.no-style), body .like-h4, body .like-h4 > a:not(.button):not(.no-style) {
  font-family: Montserrat;
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
}
body h5, body h5 > a:not(.button):not(.no-style), body .like-h5, body .like-h5 > a:not(.button):not(.no-style) {
  font-family: Montserrat;
  font-weight: 500;
  font-style: normal;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
}
body h6, body h6 > a:not(.button):not(.no-style), body .like-h6, body .like-h6 > a:not(.button):not(.no-style) {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
}
body a:not(.button):not(.no-style) {
  font-family: Montserrat;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
}
body.wp-frontend ul li, body.wp-frontend ol li {
  font-family: Montserrat;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
}
body.wp-frontend table thead {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
}
body.wp-frontend table {
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
}
body.wp-frontend .button, body.wp-frontend .pagination-number {
  font-family: Montserrat;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
  padding: 8px 20px;
  border-style: dashed;
}
table:not(.no-style) th, table:not(.no-style) td {
  padding: 0px;
  border-style: solid;
  border-width: 0px;
}
body.wp-frontend .button, body.wp-frontend .pagination-number, .search-box, .search-box .search-input, .search-box .search-button {
  border-width: 2px;
  border-radius: 100px;
}
body strong {
  font-weight: 600;
}
body.wp-frontend .nuevo-image {
  border-radius: 10px;
}
section.block.block-box > .content-container > .gridWrapper .grid .grid-content {
  border-style: solid;
  border-width: 0px;
  border-radius: 10px;
}
section.block.block-box > .content-container > .gridWrapper.layout-counter .grid .grid-content::before {
  font-family: Montserrat;
  font-weight: 800;
  font-style: normal;
  font-size: 90px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
}
section.block.block-box > .content-container > .gridWrapper.layout-default .grid > .grid-content .box-head .icon {
  height: 80px;
}
section.block.block-box  > .content-container > .gridWrapper.layout-centered .grid > .grid-content .box-head .icon {
  height: 100px;
}
section.block.block-teaser > .content-container > .gridWrapper .grid .grid-content {
  border-radius: 10px;
}
section.block.block-cta > .content-container > .cta-content {
  border-radius: 10px;
}
section.block.block-posttype > .posttype_wrapper > .content-container > .posttype-posts > .gridWrapper > .grid > .grid-content {
  border-radius: 10px;
}
body header .header-container {
  padding: 20px 0;
}
body header .logo, body header .header-container {
  height: 150px;
}
body footer {
  background-color: #ffffff;
  color: #000000;
}
body.contrast-mode body.wp-frontend header .menu-level-1 > li > a {
  color: #ffffff;
}
body.contrast-mode body.wp-frontend header .menu-level-2 > li > a {
  color: #ffffff;
}
body.contrast-mode body.wp-frontend header .menu-level-3 > li > a {
  color: #ffffff;
}
body.contrast-mode body footer {
  background-color: #000000;
  color: #ffffff;
}
.background-color-block_bg__c8ab73585911b27b04e0a7899a813464 {
    --colorscheme__highlight: rgb(225,27,37);
    --colorscheme__background: rgb(255,255,255);
    --colorscheme__notice: rgb(225,27,37);
    --colorscheme__body: #000000;
    --colorscheme__h1: #000000;
    --colorscheme__h2: #000000;
    --colorscheme__h3: #000000;
    --colorscheme__h4: #000000;
    --colorscheme__h5: #000000;
    --colorscheme__h6: #000000;
    --colorscheme__textlink: #e11b25;
    --colorscheme__buttonBg: rgba(255,255,255,0.12);
    --colorscheme__buttonHoverBg: rgb(238,238,238);
    --colorscheme__buttonBorder: rgb(225,27,37);
    --colorscheme__buttonHoverBorder: rgb(0,0,0);
    --colorscheme__buttonText: #000000;
    --colorscheme__buttonHoverText: #000000;
    --colorscheme__boxbackground: rgb(238,238,238);
    --colorscheme__boxtext: #000000;
    --colorscheme__boxborder: #000000;
}
body.contrast-mode .background-color-block_bg__c8ab73585911b27b04e0a7899a813464 {
    --colorscheme__highlight: rgb(225,27,37);
    --colorscheme__background: rgb(0,0,0);
    --colorscheme__notice: rgb(225,27,37);
    --colorscheme__body: #ffffff;
    --colorscheme__h1: #ffffff;
    --colorscheme__h2: #ffffff;
    --colorscheme__h3: #ffffff;
    --colorscheme__h4: #ffffff;
    --colorscheme__h5: #ffffff;
    --colorscheme__h6: #ffffff;
    --colorscheme__textlink: #e11b25;
    --colorscheme__buttonBg: rgb(0,0,0);
    --colorscheme__buttonHoverBg: rgb(38,38,38);
    --colorscheme__buttonBorder: rgb(225,27,37);
    --colorscheme__buttonHoverBorder: rgb(255,255,255);
    --colorscheme__buttonText: #ffffff;
    --colorscheme__buttonHoverText: #ffffff;
    --colorscheme__boxbackground: rgb(0,0,0);
    --colorscheme__boxtext: #ffffff;
}
body {
    --defaultcolor__highlight: rgb(225,27,37);
    --defaultcolor__background: rgb(255,255,255);
    --defaultcolor__notice: rgb(225,27,37);
    --defaultcolor__body: #000000;
    --defaultcolor__h1: #000000;
    --defaultcolor__h2: #000000;
    --defaultcolor__h3: #000000;
    --defaultcolor__h4: #000000;
    --defaultcolor__h5: #000000;
    --defaultcolor__h6: #000000;
    --defaultcolor__textlink: #e11b25;
    --defaultcolor__buttonBg: rgba(255,255,255,0.12);
    --defaultcolor__buttonHoverBg: rgb(238,238,238);
    --defaultcolor__buttonBorder: rgb(225,27,37);
    --defaultcolor__buttonHoverBorder: rgb(0,0,0);
    --defaultcolor__buttonText: #000000;
    --defaultcolor__buttonHoverText: #000000;
    --defaultcolor__boxbackground: rgb(238,238,238);
    --defaultcolor__boxtext: #000000;
    --defaultcolor__boxborder: #000000;
}
body.contrast-mode {
    --defaultcolor__highlight: rgb(225,27,37);
    --defaultcolor__background: rgb(0,0,0);
    --defaultcolor__notice: rgb(225,27,37);
    --defaultcolor__body: #ffffff;
    --defaultcolor__h1: #ffffff;
    --defaultcolor__h2: #ffffff;
    --defaultcolor__h3: #ffffff;
    --defaultcolor__h4: #ffffff;
    --defaultcolor__h5: #ffffff;
    --defaultcolor__h6: #ffffff;
    --defaultcolor__textlink: #e11b25;
    --defaultcolor__buttonBg: rgb(0,0,0);
    --defaultcolor__buttonHoverBg: rgb(38,38,38);
    --defaultcolor__buttonBorder: rgb(225,27,37);
    --defaultcolor__buttonHoverBorder: rgb(255,255,255);
    --defaultcolor__buttonText: #ffffff;
    --defaultcolor__buttonHoverText: #ffffff;
    --defaultcolor__boxbackground: rgb(0,0,0);
    --defaultcolor__boxtext: #ffffff;
}
.background-color-block_bg__4887a913abd943eed910dda1a35e0919 {
    --colorscheme__highlight: rgb(225,27,37);
    --colorscheme__background: rgb(255,255,255);
    --colorscheme__notice: rgb(225,27,37);
    --colorscheme__body: #000000;
    --colorscheme__h1: #000000;
    --colorscheme__h2: #000000;
    --colorscheme__h3: #000000;
    --colorscheme__h4: #000000;
    --colorscheme__h5: #000000;
    --colorscheme__h6: #000000;
    --colorscheme__textlink: #e11b25;
    --colorscheme__buttonBg: rgb(255,255,255);
    --colorscheme__buttonHoverBg: rgb(238,238,238);
    --colorscheme__buttonBorder: rgb(225,27,37);
    --colorscheme__buttonHoverBorder: rgb(0,0,0);
    --colorscheme__buttonText: #000000;
    --colorscheme__buttonHoverText: #000000;
    --colorscheme__boxbackground: rgb(255,255,255);
    --colorscheme__boxtext: #000000;
    --colorscheme__boxborder: #ffffff;
}
body.contrast-mode .background-color-block_bg__4887a913abd943eed910dda1a35e0919 {
    --colorscheme__highlight: rgb(225,27,37);
    --colorscheme__background: rgb(0,0,0);
    --colorscheme__notice: rgb(225,27,37);
    --colorscheme__body: #ffffff;
    --colorscheme__h1: #ffffff;
    --colorscheme__h2: #ffffff;
    --colorscheme__h3: #ffffff;
    --colorscheme__h4: #ffffff;
    --colorscheme__h5: #ffffff;
    --colorscheme__h6: #ffffff;
    --colorscheme__textlink: #e11b25;
    --colorscheme__buttonBg: rgb(0,0,0);
    --colorscheme__buttonHoverBg: rgb(38,38,38);
    --colorscheme__buttonBorder: rgb(225,27,37);
    --colorscheme__buttonHoverBorder: rgb(255,255,255);
    --colorscheme__buttonText: #ffffff;
    --colorscheme__buttonHoverText: #ffffff;
    --colorscheme__boxbackground: rgb(0,0,0);
    --colorscheme__boxtext: #ffffff;
}
.background-color-block_bg__a8a4ec08f00e8cbd11b01d259573b1ab {
    --colorscheme__highlight: rgb(225,27,37);
    --colorscheme__background: rgb(238,238,238);
    --colorscheme__notice: rgb(225,27,37);
    --colorscheme__body: #000000;
    --colorscheme__h1: #000000;
    --colorscheme__h2: #000000;
    --colorscheme__h3: #000000;
    --colorscheme__h4: #000000;
    --colorscheme__h5: #000000;
    --colorscheme__h6: #000000;
    --colorscheme__textlink: #e11b25;
    --colorscheme__buttonBg: rgb(238,238,238);
    --colorscheme__buttonHoverBg: #FFFFFF;
    --colorscheme__buttonBorder: rgb(225,27,37);
    --colorscheme__buttonHoverBorder: #000000;
    --colorscheme__buttonText: #000000;
    --colorscheme__buttonHoverText: #000000;
    --colorscheme__boxbackground: rgb(255,255,255);
    --colorscheme__boxtext: #000000;
    --colorscheme__boxborder: #000000;
}
body.contrast-mode .background-color-block_bg__a8a4ec08f00e8cbd11b01d259573b1ab {
    --colorscheme__highlight: rgb(225,27,37);
    --colorscheme__background: rgb(38,38,38);
    --colorscheme__notice: rgb(225,27,37);
    --colorscheme__body: #ffffff;
    --colorscheme__h1: #ffffff;
    --colorscheme__h2: #ffffff;
    --colorscheme__h3: #ffffff;
    --colorscheme__h4: #ffffff;
    --colorscheme__h5: #ffffff;
    --colorscheme__h6: #ffffff;
    --colorscheme__textlink: #e11b25;
    --colorscheme__buttonBg: rgb(38,38,38);
    --colorscheme__buttonHoverBg: #000000;
    --colorscheme__buttonBorder: rgb(225,27,37);
    --colorscheme__buttonHoverBorder: rgb(255,255,255);
    --colorscheme__buttonText: #ffffff;
    --colorscheme__buttonHoverText: #ffffff;
    --colorscheme__boxbackground: rgb(0,0,0);
    --colorscheme__boxtext: #ffffff;
}
@media (max-width: 1598px) {
  :root {
    --typography_body-font-size: 18px;
  }
  body {
    font-size: 18px;
  }
  body a:not(.button):not(.no-style) {
    font-size: 18px;
  }
}
@media (max-width: 1025px) {
  :root {
    --typography_body-font-size: 18px;
  }
  body {
    font-size: 18px;
  }
  body a:not(.button):not(.no-style) {
    font-size: 18px;
  }
}
@media (max-width: 900px) {
  :root {
    --typography_body-font-size: 18px;
  }
  body {
    font-size: 18px;
  }
  body h1, body h1 > a:not(.button):not(.no-style), body .like-h1, body .like-h1 > a:not(.button):not(.no-style) {
    font-size: 50px;
  }
}
@media (max-width: 786px) {
  :root {
    --typography_body-font-size: 18px;
  }
  body {
    font-size: 18px;
  }
  body h1, body h1 > a:not(.button):not(.no-style), body .like-h1, body .like-h1 > a:not(.button):not(.no-style) {
    font-size: 44px;
  }
  body h4, body h4 > a:not(.button):not(.no-style), body .like-h4, body .like-h4 > a:not(.button):not(.no-style) {
    font-size: 20px;
  }
  body a:not(.button):not(.no-style) {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  :root {
    --typography_body-font-size: 18px;
  }
  body {
    font-size: 18px;
  }
  body h1, body h1 > a:not(.button):not(.no-style), body .like-h1, body .like-h1 > a:not(.button):not(.no-style) {
    font-size: 36px;
  }
  body a:not(.button):not(.no-style) {
    font-size: 18px;
  }
}