/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
@font-face {
  font-family: 'Inter Tight';
  src: url('https://www.brandmauer.de/hubfs/fonts/InterTight-Regular.woff2') format('woff2'),
       url('https://www.brandmauer.de/hubfs/fonts/InterTight-Regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}


@font-face {
  font-family: 'Inter Tight';
  src: url('https://www.brandmauer.de/hubfs/fonts/InterTight-Bold.woff2') format('woff2'),
       url('https://www.brandmauer.de/hubfs/fonts/InterTight-Bold.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}


h1 {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}
h2 {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}
h3 {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}
h4 {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}
h5 {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}
h6 {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}


p {font-family: 'Inter Tight', sans-serif !important; font-weight: 400;}
li, ol {font-family: 'Inter Tight', sans-serif !important; font-weight: 400;}
blockquote {font-family: 'Inter Tight', sans-serif !important; font-weight: 400;}

h1.blog-post__title {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}
.blog-post h2 {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}
.blog-post h3 {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}
.blog-post h4 {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}
.blog-post h5 {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}
.blog-post h6 {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}


#comments-listing .comment-body p,
.blog-post p,
.blog-post span {font-family: 'Inter Tight', sans-serif !important; font-weight: 400;}
.blog-post li, .blog-post ol {font-family: 'Inter Tight', sans-serif !important; font-weight: 400;}

.cta-primary,
.cta-primary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary 
  {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}

.cta-secondary,
.cta-secondary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary
  {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}

.cta-tertiary,
.cta-tertiary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary
  {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}


.cta-four,
.cta-four:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four
  {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}

.cta-five,
.cta-five:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five
  {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}

.hs-button,
.button--primary {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}

.submit-alt .hs-button,
.submit-alt .button--primary {font-family: 'Inter Tight', sans-serif !important; font-weight: 700;}

form,
.submitted-message,
select,
.hs-input {font-family: 'Inter Tight', sans-serif !important; font-weight: 400;}

.hs-fieldtype-checkbox > label,
.hs-form label {font-family: 'Inter Tight', sans-serif !important; font-weight: 400;}

.hs_radio_buttons .hs-form-radio label,
.hs_single_checkbox label,
.hs-form label.hs-form-radio-display span,
.hs-fieldtype-checkbox .hs-form-checkbox label,
.hs-form-booleancheckbox label 
  {font-family: 'Inter Tight', sans-serif !important; font-weight: 400;}

.hs-form legend {font-family: 'Inter Tight', sans-serif !important; font-weight: 400;}

.legal-consent-container,
.legal-consent-container p {font-family: 'Inter Tight', sans-serif !important; font-weight: 400;}

.hs-error-msgs label {font-family: 'Inter Tight', sans-serif !important; font-weight: 400;}

.hhs-lang-switch .lang_list_class li a,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  font-family: 'Inter Tight', sans-serif !important; font-weight: 400;}
  
}

.hhs-foot-rss h5, .hhs-foot-nav-col h5 {
  font-family: 'Inter Tight', sans-serif !important; font-weight: 400;}
}

.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  font-family: 'Inter Tight', sans-serif !important; font-weight: 400;}

.hhs-foot-nav-col .hs-item-has-children > a::after {
  content: '\25BC'; /* Unicode für ▼ */
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
  color: inherit;
}

.hhs-foot-nav-col .hs-item-has-children .fa,
.hhs-foot-nav-col .hs-item-has-children .fa-angle-down,
.hhs-foot-nav-col .hs-item-has-children .fa-chevron-down {
  display: none !important;
}

.row-fluid-wrapper, .dnd-section {
    transition: filter 0.3s ease-in-out;
}

.hs-menu-wrapper:hover ~ .row-fluid-wrapper,
.hs-menu-wrapper:hover ~ .dnd-section {
    filter: blur(5px); 
}

.hs-menu-wrapper {
    position: relative;
    z-index: 1000; 
}

.header-container, .header-wrapper {
    position: relative;
    z-index: 1001; 
}

@media (max-width: 768px) {
    .hs-menu-wrapper:hover ~ .row-fluid-wrapper,
    .hs-menu-wrapper:hover ~ .dnd-section {
        filter: none;
    }
}

.hhs-header-hat .container {
  width: 100%;
  padding: 0 15px;
}

.hhs-header-hat .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hhs-header-hat .col-12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.hhs-header-hat .hhs-hat-menu {
  width: 100%;
}

.hhs-header-hat .hs_cos_wrapper_type_inline_rich_text p > span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
}

.hhs-header-hat .hs_cos_wrapper_type_inline_rich_text p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
  font-size: 12px;
}

.hhs-header-hat .hs_cos_wrapper_type_inline_rich_text p span {
  display: flex;
  align-items: center;
}

.hhs-header-hat .header-hat-left {
  justify-content: flex-start;
  flex: 1;
}

.hhs-header-hat .header-hat-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.hhs-header-hat .header-hat-right {
  justify-content: flex-end;
  flex: 1;
  text-align: right;
}

.hhs-header-hat .hs_cos_wrapper_type_inline_rich_text p span strong,
.hhs-header-hat .hs_cos_wrapper_type_inline_rich_text p span {
  white-space: nowrap;
  overflow: visible;
}

@media (max-width: 768px) {
  .hhs-header-hat {
    display: none;
  }
}