:root {
  --backToTop__icon: https://hsg-blomberg-lippe.de/wp-content/uploads/2025/07/icon-pfeil.svg;
  --backToTop__icon: url('https://hsg-blomberg-lippe.de/wp-content/uploads/2025/07/icon-pfeil.svg');
  --typography_body-font-family: Outfit;
  --typography_body-font-weight: 300;
  --typography_body-font-style: normal;
  --typography_body-font-size: 22px;
  --typography_body-line-height: 1.3;
  --typography_body-letter-spacing: 0em;
  --typography_body-text-transform: none;
  --typography_body-text-decoration: none;
  --typography_body-text-align: left;
  --list__ul_pointSize: 7px;
  --list__ul_pointRadius: 5px;
  --table__borderStyle: solid;
  --table__borderWidth: 0px;
  --forms__input__height: 40px;
  --forms__input__backgroundColor: #ffffff;
  --forms__input__textColor: #0b4a82;
  --forms__input__borderStyle: solid;
  --forms__input__borderWidth: 1px;
  --forms__input__borderColor: #0b4a82;
  --elementButton_padding-padding-top: 10px;
  --elementButton_padding-padding-right: 15px;
  --elementButton_padding-padding-bottom: 10px;
  --elementButton_padding-padding-left: 15px;
  --elementButton_borderStyle: solid;
  --elementButton_borderWidth: 2px;
  --elementButton_borderRadius-border-top-left-radius: 5px;
  --elementButton_borderRadius-border-top-right-radius: 5px;
  --elementButton_borderRadius-border-bottom-left-radius: 5px;
  --elementButton_borderRadius-border-bottom-right-radius: 5px;
  --hr__borderStyle: solid;
  --hr__borderWidth: 0px;
  --blocks__gridSpace: 30px;
  --block_box__gridSpace: 0px;
  --block_teaser__gridSpace: 0px;
  --block_text__gridSpace: 0px;
  --block_text_image__gridSpace: 0px;
  --header__logoMargin-padding-top: 20px;
  --header__logoMargin-padding-bottom: 20px;
  --header__background: rgba(10, 74, 130, 0.85);
  --header__logoHeight: 80px;
  --header__colors__menuBackground: rgba(10, 74, 130, 0.85);
  --navi_level1_color: #ffffff;
  --navi_level1_highlightColor: #e73201;
  --navi_level2_color: #ffffff;
  --navi_level2_highlightColor: #e73201;
  --navi_level3_color: #ffffff;
  --navi_level3_highlightColor: #e73201;
  --header__navigationLayout__burgerLayerColor: #ffffff;
  --header__navigationLayout__burgerBackground: rgba(255,255,255,0);
  --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: #152738;
  --footer__textColor: #ffffff;
  --footer__textColor_hover: #ffffff;
}
body.contrast-mode {
  --header__topBar__backgroundColor: #000000;
  --footer__bottomBar__backgroundColor: #000000;
}
#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: Outfit;
  font-weight: 300;
  font-style: normal;
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
}
body.wp-frontend header .menu-level-1 > li > a {
  font-family: Outfit;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #e73201;
}
body.wp-frontend header .menu-level-2 > li > a {
  font-family: Outfit;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  color: #e73201;
}
body.wp-frontend header .menu-level-3 > li > a {
  font-family: Outfit;
  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: #e73201;
}
body h1, body h1 > a:not(.button):not(.no-style), body .like-h1, body .like-h1 > a:not(.button):not(.no-style) {
  font-family: Outfit;
  font-weight: 700;
  font-style: normal;
  font-size: 55px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: uppercase;
  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: Outfit;
  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: Outfit;
  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: Outfit;
  font-weight: 600;
  font-style: normal;
  font-size: 25px;
  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: Outfit;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  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: Outfit;
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
}
body a:not(.button):not(.no-style) {
  font-family: Outfit;
  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.wp-frontend ul li, body.wp-frontend ol li {
  font-family: Outfit;
  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 table thead {
  font-family: Outfit;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0em;
  text-transform: none;
  text-decoration: none;
  text-align: left;
}
body.wp-frontend table {
  font-family: Outfit;
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  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: Outfit;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
  padding: 10px 15px;
  border-style: solid;
}
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: 5px;
}
body strong {
  font-weight: 700;
}
body.wp-frontend .nuevo-image {
  border-radius: 5px;
}
section.block.block-box > .content-container > .gridWrapper .grid .grid-content {
  border-style: solid;
  border-width: 0px;
  border-radius: 5px;
}
section.block.block-box > .content-container > .gridWrapper.layout-counter .grid .grid-content::before {
  font-family: Outfit;
  font-weight: 700;
  font-style: normal;
  font-size: 70px;
  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: 40px;
}
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: 5px;
}
section.block.block-cta > .content-container > .cta-content {
  border-radius: 5px;
}
section.block.block-posttype > .posttype_wrapper > .content-container > .posttype-posts > .gridWrapper > .grid > .grid-content {
  border-radius: 5px;
}
body header .header-container {
  padding: 20px 0;
}
body header .logo, body header .header-container {
  height: 80px;
}
body footer {
  background-color: #152738;
  color: #ffffff;
}
.background-color-block_bg__c8ab73585911b27b04e0a7899a813464 {
    --colorscheme__highlight: rgb(231,50,1);
    --colorscheme__background: rgb(255,255,255);
    --colorscheme__notice: rgb(11,74,130);
    --colorscheme__body: #000000;
    --colorscheme__h1: #000000;
    --colorscheme__h2: #000000;
    --colorscheme__h3: #000000;
    --colorscheme__h4: #000000;
    --colorscheme__h5: #000000;
    --colorscheme__h6: #000000;
    --colorscheme__textlink: #0b4a82;
    --colorscheme__buttonBg: rgb(231,50,1);
    --colorscheme__buttonHoverBg: rgb(11,74,130);
    --colorscheme__buttonBorder: rgb(231,50,1);
    --colorscheme__buttonHoverBorder: rgb(11,74,130);
    --colorscheme__buttonText: #ffffff;
    --colorscheme__buttonHoverText: #ffffff;
    --colorscheme__boxbackground: rgba(11,74,130,0.09);
    --colorscheme__boxtext: #000000;
    --colorscheme__boxborder: #0b4a82;
}
body.contrast-mode .background-color-block_bg__c8ab73585911b27b04e0a7899a813464 {
    --colorscheme__highlight: rgb(255,255,255);
    --colorscheme__background: rgb(51,51,51);
    --colorscheme__notice: rgb(0,0,0);
    --colorscheme__body: #ffffff;
    --colorscheme__h1: #ffffff;
    --colorscheme__h2: #ffffff;
    --colorscheme__h3: #000000;
    --colorscheme__h4: #ffffff;
    --colorscheme__h5: #ffffff;
    --colorscheme__h6: #ffffff;
    --colorscheme__textlink: #ffffff;
    --colorscheme__buttonBg: rgb(255,255,255);
    --colorscheme__buttonHoverBg: rgb(255,255,255);
    --colorscheme__buttonBorder: rgb(255,255,255);
    --colorscheme__buttonHoverBorder: rgb(255,255,255);
    --colorscheme__buttonText: #000000;
    --colorscheme__buttonHoverText: #000000;
    --colorscheme__boxbackground: rgb(51,51,51);
    --colorscheme__boxtext: #ffffff;
}
body {
    --defaultcolor__highlight: rgb(231,50,1);
    --defaultcolor__background: rgb(255,255,255);
    --defaultcolor__notice: rgb(11,74,130);
    --defaultcolor__body: #000000;
    --defaultcolor__h1: #000000;
    --defaultcolor__h2: #000000;
    --defaultcolor__h3: #000000;
    --defaultcolor__h4: #000000;
    --defaultcolor__h5: #000000;
    --defaultcolor__h6: #000000;
    --defaultcolor__textlink: #0b4a82;
    --defaultcolor__buttonBg: rgb(231,50,1);
    --defaultcolor__buttonHoverBg: rgb(11,74,130);
    --defaultcolor__buttonBorder: rgb(231,50,1);
    --defaultcolor__buttonHoverBorder: rgb(11,74,130);
    --defaultcolor__buttonText: #ffffff;
    --defaultcolor__buttonHoverText: #ffffff;
    --defaultcolor__boxbackground: rgba(11,74,130,0.09);
    --defaultcolor__boxtext: #000000;
    --defaultcolor__boxborder: #0b4a82;
}
body.contrast-mode {
    --defaultcolor__highlight: rgb(255,255,255);
    --defaultcolor__background: rgb(51,51,51);
    --defaultcolor__notice: rgb(0,0,0);
    --defaultcolor__body: #ffffff;
    --defaultcolor__h1: #ffffff;
    --defaultcolor__h2: #ffffff;
    --defaultcolor__h3: #000000;
    --defaultcolor__h4: #ffffff;
    --defaultcolor__h5: #ffffff;
    --defaultcolor__h6: #ffffff;
    --defaultcolor__textlink: #ffffff;
    --defaultcolor__buttonBg: rgb(255,255,255);
    --defaultcolor__buttonHoverBg: rgb(255,255,255);
    --defaultcolor__buttonBorder: rgb(255,255,255);
    --defaultcolor__buttonHoverBorder: rgb(255,255,255);
    --defaultcolor__buttonText: #000000;
    --defaultcolor__buttonHoverText: #000000;
    --defaultcolor__boxbackground: rgb(51,51,51);
    --defaultcolor__boxtext: #ffffff;
}
.background-color-block_bg__3440b102efbb6eff161a56bba35198b5 {
    --colorscheme__highlight: #e73201;
    --colorscheme__background: #0b4a82;
    --colorscheme__notice: #95c11f;
    --colorscheme__body: #ffffff;
    --colorscheme__h1: #ffffff;
    --colorscheme__h2: #ffffff;
    --colorscheme__h3: #ffffff;
    --colorscheme__h4: #ffffff;
    --colorscheme__h5: #ffffff;
    --colorscheme__h6: #ffffff;
    --colorscheme__textlink: #ffffff;
    --colorscheme__buttonBg: #e73201;
    --colorscheme__buttonHoverBg: rgba(11, 74, 130, 0.01);
    --colorscheme__buttonBorder: #e73201;
    --colorscheme__buttonHoverBorder: rgb(255,255,255);
    --colorscheme__buttonText: #ffffff;
    --colorscheme__buttonHoverText: #ffffff;
    --colorscheme__boxbackground: #000000;
    --colorscheme__boxtext: #ffffff;
    --colorscheme__boxborder: #000000;
}
.background-color-block_bg__313409a244ee26600d1fd7c3e7d1419e {
    --colorscheme__highlight: #e73201;
    --colorscheme__background: #0b4a82;
    --colorscheme__notice: rgb(255,255,255);
    --colorscheme__body: #ffffff;
    --colorscheme__h1: #ffffff;
    --colorscheme__h2: #ffffff;
    --colorscheme__h3: #ffffff;
    --colorscheme__h4: #ffffff;
    --colorscheme__h5: #ffffff;
    --colorscheme__h6: #ffffff;
    --colorscheme__textlink: #e73201;
    --colorscheme__buttonBg: #e73201;
    --colorscheme__buttonHoverBg: #0b4a82;
    --colorscheme__buttonBorder: rgb(231,50,1);
    --colorscheme__buttonHoverBorder: #ffffff;
    --colorscheme__buttonText: #ffffff;
    --colorscheme__buttonHoverText: #ffffff;
    --colorscheme__boxbackground: #ffffff;
    --colorscheme__boxtext: #0b4a82;
    --colorscheme__boxborder: #000000;
}
.background-color-block_bg__4887a913abd943eed910dda1a35e0919 {
    --colorscheme__highlight: #e73201;
    --colorscheme__background: #ffffff;
    --colorscheme__notice: rgb(11,74,130);
    --colorscheme__body: #000000;
    --colorscheme__h1: #0b4a82;
    --colorscheme__h2: #0b4a82;
    --colorscheme__h3: #0b4a82;
    --colorscheme__h4: #000000;
    --colorscheme__h5: #0b4a82;
    --colorscheme__h6: #000000;
    --colorscheme__textlink: #e73201;
    --colorscheme__buttonBg: #e73201;
    --colorscheme__buttonHoverBg: #0b4a82;
    --colorscheme__buttonBorder: #e73201;
    --colorscheme__buttonHoverBorder: #0b4a82;
    --colorscheme__buttonText: #ffffff;
    --colorscheme__buttonHoverText: #ffffff;
    --colorscheme__boxbackground: rgba(11, 74, 130, 0.1);
    --colorscheme__boxtext: #0b4a82;
    --colorscheme__boxborder: #000000;
}
.background-color-block_bg__221a86e09f2d813e41016ea20cbd7b53 {
    --colorscheme__highlight: #e73201;
    --colorscheme__background: #152738;
    --colorscheme__notice: rgb(11,74,130);
    --colorscheme__body: #ffffff;
    --colorscheme__h1: #ffffff;
    --colorscheme__h2: #ffffff;
    --colorscheme__h3: #ffffff;
    --colorscheme__h4: #ffffff;
    --colorscheme__h5: #ffffff;
    --colorscheme__h6: #ffffff;
    --colorscheme__textlink: #e73201;
    --colorscheme__buttonBg: #e73201;
    --colorscheme__buttonHoverBg: #0b4a82;
    --colorscheme__buttonBorder: #e73201;
    --colorscheme__buttonHoverBorder: #ffffff;
    --colorscheme__buttonText: #ffffff;
    --colorscheme__buttonHoverText: #ffffff;
    --colorscheme__boxbackground: #ffffff;
    --colorscheme__boxtext: #152738;
    --colorscheme__boxborder: #000000;
}
.background-color-block_bg__2724d8c0dd500ebd14fb2aa5f97b16e3 {
    --colorscheme__highlight: #e73201;
    --colorscheme__background: rgb(255,255,255);
    --colorscheme__notice: rgb(11,74,130);
    --colorscheme__body: #ffffff;
    --colorscheme__h1: #ffffff;
    --colorscheme__h2: #0b4a82;
    --colorscheme__h3: #ffffff;
    --colorscheme__h4: #ffffff;
    --colorscheme__h5: #ffffff;
    --colorscheme__h6: #ffffff;
    --colorscheme__textlink: #000000;
    --colorscheme__buttonBg: rgba(0,0,0,0);
    --colorscheme__buttonHoverBg: rgb(231,50,1);
    --colorscheme__buttonBorder: #ffffff;
    --colorscheme__buttonHoverBorder: rgb(231,50,1);
    --colorscheme__buttonText: #ffffff;
    --colorscheme__buttonHoverText: #ffffff;
    --colorscheme__boxbackground: rgba(0,0,0,0);
    --colorscheme__boxtext: #e73201;
    --colorscheme__boxborder: #000000;
}
body.wp-frontend .button::after {
  content: '';
  display: inline-block;
  mask-image: url('https://hsg-blomberg-lippe.de/wp-content/uploads/2025/02/pfeil-icon-20250228-135146.svg');
  -webkit-mask-image: url('https://hsg-blomberg-lippe.de/wp-content/uploads/2025/02/pfeil-icon-20250228-135146.svg');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  width: 21px;
  height: 21px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body.wp-frontend .button {
  padding-right: 51px !important;
  position: relative;
}
body.wp-frontend .button::after {
  right: 20px;
}
body.contrast-mode .button::after {
  mask-image: url('https://hsg-blomberg-lippe.de/wp-content/uploads/2025/02/pfeil-icon-20250228-135146.svg');
  -webkit-mask-image: url('https://hsg-blomberg-lippe.de/wp-content/uploads/2025/02/pfeil-icon-20250228-135146.svg');
}
@media (max-width: 1025px) {
  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;
  }
  body h3, body h3 > a:not(.button):not(.no-style), body .like-h3, body .like-h3 > a:not(.button):not(.no-style) {
    font-size: 24px;
  }
  body h5, body h5 > a:not(.button):not(.no-style), body .like-h5, body .like-h5 > a:not(.button):not(.no-style) {
    font-size: 24px;
  }
  body h6, body h6 > a:not(.button):not(.no-style), body .like-h6, body .like-h6 > a:not(.button):not(.no-style) {
    font-size: 14px;
  }
}
@media (max-width: 900px) {
  body h3, body h3 > a:not(.button):not(.no-style), body .like-h3, body .like-h3 > a:not(.button):not(.no-style) {
    font-size: 23px;
  }
  body h5, body h5 > a:not(.button):not(.no-style), body .like-h5, body .like-h5 > a:not(.button):not(.no-style) {
    font-size: 23px;
  }
  body h6, body h6 > a:not(.button):not(.no-style), body .like-h6, body .like-h6 > a:not(.button):not(.no-style) {
    font-size: 13px;
  }
}
@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: 40px;
  }
  body h2, body h2 > a:not(.button):not(.no-style), body .like-h2, body .like-h2 > a:not(.button):not(.no-style) {
    font-size: 34px;
  }
  body h3, body h3 > a:not(.button):not(.no-style), body .like-h3, body .like-h3 > a:not(.button):not(.no-style) {
    font-size: 22px;
  }
  body h4, body h4 > a:not(.button):not(.no-style), body .like-h4, body .like-h4 > a:not(.button):not(.no-style) {
    font-size: 18px;
  }
  body h5, body h5 > a:not(.button):not(.no-style), body .like-h5, body .like-h5 > a:not(.button):not(.no-style) {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  body h1, body h1 > a:not(.button):not(.no-style), body .like-h1, body .like-h1 > a:not(.button):not(.no-style) {
    font-size: 40px;
  }
  body h2, body h2 > a:not(.button):not(.no-style), body .like-h2, body .like-h2 > a:not(.button):not(.no-style) {
    font-size: 32px;
  }
  body a:not(.button):not(.no-style) {
    font-size: 18px;
  }
  :root {
    --header__logoHeight: 40px;
  }
  body header .logo, body header .header-container {
    height: 40px;
  }
}
