/* 1a. Containers */




/* 1b. Colors */






















/* 1c. Typography */
/* Ubuntu Regular */
@font-face {
  font-family: 'Ubuntu';
  src: url('https://145149449.fs1.hubspotusercontent-eu1.net/hubfs/145149449/Schriftarten/Ubuntu/ubuntu-v21-latin_latin-ext-regular.woff2') format('woff2'),
       url('https://145149449.fs1.hubspotusercontent-eu1.net/hubfs/145149449/Schriftarten/Ubuntu/ubuntu-v21-latin_latin-ext-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Ubuntu Italic */
@font-face {
  font-family: 'Ubuntu';
  src: url('https://145149449.fs1.hubspotusercontent-eu1.net/hubfs/145149449/Schriftarten/Ubuntu/ubuntu-v21-latin_latin-ext-italic.woff2') format('woff2'),
       url('https://145149449.fs1.hubspotusercontent-eu1.net/hubfs/145149449/Schriftarten/Ubuntu/ubuntu-v21-latin_latin-ext-italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Ubuntu Bold */
@font-face {
  font-family: 'Ubuntu';
  src: url('https://145149449.fs1.hubspotusercontent-eu1.net/hubfs/145149449/Schriftarten/Ubuntu/ubuntu-v21-latin_latin-ext-700.woff2') format('woff2'),
       url('https://145149449.fs1.hubspotusercontent-eu1.net/hubfs/145149449/Schriftarten/Ubuntu/ubuntu-v21-latin_latin-ext-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Ubuntu Bold Italic */
@font-face {
  font-family: 'Ubuntu';
  src: url('https://145149449.fs1.hubspotusercontent-eu1.net/hubfs/145149449/Schriftarten/Ubuntu/ubuntu-v21-latin_latin-ext-700italic.woff2') format('woff2'),
       url('https://145149449.fs1.hubspotusercontent-eu1.net/hubfs/145149449/Schriftarten/Ubuntu/ubuntu-v21-latin_latin-ext-700italic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}


























/* 1d. Buttons */













/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */




/* 1i. Misc */





.content-wrapper,
.footer__container{
  max-width: 900px;
}

.content-wrapper{
  background-color: #ffffff;
  padding: 0;
}

.blog-related-posts .content-wrapper{
padding: 2rem 1rem;
background-color: #d8e0e8;
}

.dnd-section,
.content-wrapper--vertical-spacing{
  padding: 2rem 4rem;
}


.dnd-section > .row-fluid {
  max-width: 900px;
  background-color: #ffffff;
  padding: 3.5rem 2rem 2rem 2rem;
}

.hs-landing-page .dnd-section > .row-fluid{
  background-color: transparent;
}

#main-content{
opacity: 1;
transition: opacity .35s ease-in-out;
}

#main-content.inactive{
opacity: .35;
pointer-events: none;
}

@media(max-width: 1024px) {
  
  .content-wrapper{
  padding: 0 1rem;
}
  
  .hs-content-id-0 .content-wrapper{
  padding: 0;
  }
  
  .blog-disclaimer .content-wrapper{
  padding: 0;
  }
  
  .blog-related-posts .content-wrapper{
  padding: 2rem 0;
  }

.footer__container{
background-color: #004563;
}
  
  .footer__bottom--right{
    background-color: #025174;
  }
  
  .dnd-section, .content-wrapper--vertical-spacing{
  padding: 2rem;
  }
  
}

@media (max-width: 767px) {
.hs-landing-page div.row-fluid-wrapper.dnd_area-row-0-padding{
padding-top: 0!important;
padding-bottom: 0!important;
}
}

@media(max-width: 450px) {

.hs-landing-page .dnd-section > .row-fluid {
  padding: 3.5rem 0 2rem 0;
}
 
.hs-content-id-379977267416 .hs-landing-page .dnd-section > .row-fluid {
padding: 0;
  }
}





body, html {
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-size: 1rem;
}


html {
  scroll-padding: 2rem;
  scroll-behavior: smooth;
}

body {
  color: #212121;
  background-color: #eff2f7;
  margin: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 min-height: calc(100vh - 6rem);
  counter-reset: tocLinks;
}

@supports (height: 100svh) {

     body {
          min-height: calc(100svh - 6rem);
     }

}

@media (max-width: 1540px) {
  html{
  scroll-padding: 5rem;
  }
}

/* Paragraphs */

p {
  margin: 0 0 .75rem;
}

table p{
  margin: .375rem .75rem;
}

ul li:last-child p {
margin-bottom: 0;
}

/* Anchors */

a,
a:active,
a:hover,
a:focus{
 text-decoration: none;
 color: #3c6696;
}


.blog-toc ul li a.active{
  color: #3c6696;
}

/* Headings */

h1, .h1,
h2, .h2,
h3, .h3,
h4 ,.h4,
h5, .h5,
h6, .h6{
  line-height: 1.25;
  color: #3c6696;
  margin-bottom: 1.5rem;
}

h2, .h2,
h3, .h3,
h4 ,.h4,
h5, .h5,
h6, .h6{
  font-weight: 500;
}


h1,
.h1 {
  font-size: 2rem;
  font-weight: 600;
}

h2,
.h2 {
  font-size: 1.75rem;
  margin-bottom: .75rem;
}

p + h2,
p + .h2,
p + h3,
p + .h3{
margin-top: 2.5rem;
}

p + h4,
p + .h4{
margin-top: 1.35rem;
}

h3,
.h3 {
  font-size: 1.5rem;
  margin-bottom: .75rem;
}

ul + h2,
ul + .h2,
.cards + h2,
.cards + .h2,
ul + h3,
ul + .h3
{
margin-top: 2.5rem;
}

div[data-hs-responsive-table] + h2,
div[data-hs-responsive-table] + .h2,
{
margin-top: .75rem;
}

.content-wrapper.download ul + h3,
.content-wrapper.download ul + .h3,
.content-wrapper.download ul + h4,
.content-wrapper.download ul + .h4
{
margin-top: 0;
}

h2 + h3,
.h2 + .h3,
h3 + h4,
.h3 + .h4,
{
  margin-top: 1rem;  
}

#hs_cos_wrapper_widget_1744109097344 h2,
h2#blogbeitraege{
  margin-bottom: 1.375rem;
}

#hs_cos_wrapper_widget_1744109097344 h2{
margin-top: 1.625rem;
}

:not(.card__text) > h3,
:not(.card__text) > .h3{
  color: #f29200;
}

h4,
.h4 {
  font-size: 1.35rem;
  margin-bottom: .75rem;
}

h5,
.h5 {
  font-size: 1.25rem;
}

h6,
.h6 {
  font-size: 1rem;
}

/* List elements */

#main-content .blog-post ul li:not(:last-child),
#main-content .blog-post ol li:not(:last-child){
margin-bottom: .5rem;
}



/* Blockquote */

blockquote {
  border-left-color: #3c6696;
}





button,
.button,
.hs-button,
.hs-blog-post-listing__post-button,
form input[type=submit],
form .hs-button,
.interactive-button,
#hs_cos_wrapper_dnd_area-module-6 .interactive-button{
  background-color: #f29200;
  border-radius: 5px;
  color: #ffffff;
  font-size: 1rem;
  text-transform: uppercase;
  border-style: none;
  padding: .625rem .85rem;
  transition: all .125s;
  cursor: pointer;
}

button:visited,
a.button:visited{
  color: #ffffff;
}

.button-wrapper .button{
margin-bottom: 1.4rem;
}

.button-wrapper.back-btn{
padding: 0 2rem;
}

.systems-page form input[type=submit]{
margin: 0;
}

button.secondary,
.button.secondary,
.hs-button.secondary,
.button-wrapper .button.secondary{
background-color: #3c6696;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus,
form input[type=submit]:hover,
form .hs-button:hover,
form input[type=submit]:focus,
form .hs-button:focus,
.interactive-button:hover,
#hs_cos_wrapper_dnd_area-module-6 .interactive-button:hover,
.interactive-button:focus,
#hs_cos_wrapper_dnd_area-module-6 .interactive-button:focus
{
  background-color: #d98300;
  color: #ffffff;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active,
button.active,
.button.active,
.hs-button.active,
.hs-blog-post-listing__post-button.active{
  background-color: #d98300;
  color: #ffffff;
}

button.secondary:hover,
.button.secondary:hover,
.hs-button.secondary:hover,
button.secondary:focus,
.button.secondary:focus,
.hs-button.secondary:focus,
.button-wrapper .button.secondary:hover,
.button-wrapper .button.secondary:focus,
button.secondary.active,
.button.secondary.active,
.hs-button.secondary.active,
.hs-blog-post-listing__post-button.secondary.active,
.button.secondary.openSearch{
background-color: #02415d;
  color: #ffffff;
}

.button.secondary.openSearch:hover,
.button.secondary.openSearch:focus,
.button.secondary.openSearch:active,
.button.secondary.openSearch.active{
color: #f29200;
}

button[disabled],
.button[disabled],
.hs-button[disabled],
.hs-blog-post-listing__post-button[disabled]{
opacity: .45;
cursor: not-allowed;
}






form,
.submitted-message {
  border: 1px none #3c6696;
;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0px;
;
  background-color: transparent;
}

/* Form title */

.form-title {
  border: 1px none #3c6696;
;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
  font-family: Ubuntu; font-style: normal; font-weight: 700; text-decoration: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 30px;
  color: #3c6696;
  background-color: 

  
  
    
  


  rgba(60, 102, 150, 1.0)

;
}


/* Labels */

form label {
  font-size: 1rem;
  color: #212121;
}

.hero-banner__form form .legal-consent-container label span{
font-size: .75rem;
padding-left: 1.25rem;
}

.hero-banner__form form .legal-consent-container .hs-richtext {
font-size: .75rem;
margin: 0 0 1.5rem 0;
}

.hero-banner__form form .legal-consent-container label.hs-form-booleancheckbox-display{
position: relative;
}

.hero-banner__form form .legal-consent-container label span.mmz-required-marker{
position: absolute;
top: -.125rem;
right: -.25rem;
}

/* Help text */

form legend {
  font-size: 1rem;
  color: #3c6696;
}

/* Inputs */

input,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="file"],
select,
textarea,
form textarea,
input[type="textarea"],
textarea.hs-subscriptions-unsubscribe-survey-other-option-input{
-webkit-appearance: none;
 font-size: 1rem;
  border-style: solid;
  border-width: 1px;
  border-color: #eff2f7;
  background-color: #ffffff;
  color: #212121;
  border-radius: 5px;
  padding: .625rem .85rem;
  outline: none;
}

input[type="checkbox"],
input[type="radio"],
input[type="checkbox"]:focus,
input[type="radio"]:focus{
border-color: transparent;
}

textarea.hs-subscriptions-unsubscribe-survey-other-option-input{
font-family: "Ubuntu", sans-serif;
}

input[type="checkbox"],
input[type="radio"]{
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.65rem;
  margin-right: 0;
  padding: 0;
  background-color: #eff2f7;
  position: relative;
  transition: all .25s ease-in-out;
  opacity: 1;
  flex: 0 0 auto;
}

input[type="checkbox"]::before,
input[type="radio"]::before{
content: '';
display: block;
color: #ffffff;
text-align: center;
position: absolute;
  top: 0;
  left: 0;
  right: 0;
line-height: 1.375rem;
font-size: 1.375rem;
  opacity: 1;
}

input[type="checkbox"]:hover::before,
input[type="radio"]:hover::before{
content: '✘';
opacity: 1;
}

input[type="checkbox"]:focus::before,
input[type="radio"]:focus::before{
content: '';
opacity: 0;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked{
  background-color: #f29200;
  opacity: 1;
}

input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before{
  content: '✘';
  opacity: 1;
}

input:focus,
textarea:focus,
textarea.hs-subscriptions-unsubscribe-survey-other-option-input:focus{
  border-color: #b9c5da;
  outline: none;
  box-shadow: none;
}

.legal-consent-container .hs-form-booleancheckbox-display input{
width: 1.5rem;
height: 1.5rem;
}

form .hs_LEGAL_CONSENT[class='subscription_type_'*].hs-LEGAL_CONSENT.hs-fieldtype-booleancheckbox.field.hs-form-field{
display: none;
}


form .hs_LEGAL_CONSENT[class='subscription_type_'*].hs-LEGAL_CONSENT.hs-fieldtype-booleancheckbox.field.hs-form-field.hs-input-invalid{
display: block;
}

form,
form fieldset{
padding: 0;
border: none;
}

form fieldset{
margin-inline-start: 0;
padding-block-start: 0;
padding-block-end: 0;
padding-inline-start: 0;
min-inline-size: 0;
}

form legend{
padding-inline-start: 0;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: ;
}

::-moz-placeholder {
  color: ;
}

:-ms-input-placeholder {
  color: ;
}

::placeholder {
  color: ;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #f29200;
}

.fn-date-picker td.is-selected .pika-button {
  background: #f29200;
}

.fn-date-picker td .pika-button:hover {
  background-color: #f29200 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #f29200;
}

/* Submit button */

.hs-form-9b9d9513-2249-4951-a33b-561bb54d79cd_7edafcad-cd2d-45cb-b359-3a795381e4ed fieldset.form-columns-1 .hs-input{
width: 100%;
}


.hs-input.invalid.error{
  border-color: #db4813;
}

.hs-error-msg,
.hs_error_rollup .hs-main-font-element,
form .legal-consent-container .hs-error-msgs label{
color: #db4813;
font-weight: 600;
}

.hero-banner__form form .legal-consent-container label span.mmz-required-marker,
.hs-form-required{
font-size: 1rem;
color: #db4813;
font-weight: 600;
}

.hs-form-required{
margin-left: .125rem;
}



.hs_error_rollup {
margin-bottom: 1rem;
}

.hs-error-msg::before {
  content: '⚠️';
  display: block;
  float: left;
  font-size: 1rem;
  margin-right: .65rem;
}





/* Table */

table {
  border: 1px none #f29200;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  margin-top: .25rem;
  margin-bottom: 1.75rem;
}

p + [data-hs-responsive-table] table,
ul + [data-hs-responsive-table] table{
margin-top: 1rem;
}

/* Table cells */

td,
th {
  border: 1px none #f29200;

  padding: 18px;

  color: #f29200;
  word-break: break-word;
  hyphens: auto;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(242, 146, 0, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #f29200;
}





header.header,
.header__menu--mobile .header__menu-submenu a.header__menu-link{
  background-color: transparent;
}

.header.vermieter-ratgeber .header__menu--mobile .header__menu-item.vermieter-ratgeber a.header__menu-link{
  color: #3c6696;
}

.header.mieter-ratgeber .header__menu--mobile .header__menu-item.mieter-ratgeber a.header__menu-link{
  color: #f29200;
}

.header.mieter-ratgeber .header__menu--mobile .header__menu-item.vermieter-ratgeber.header__menu-item--depth-1 div > a.header__menu-link,
.header.vermieter-ratgeber .header__menu--mobile .header__menu-item.mieter-ratgeber.header__menu-item--depth-1 div > a.header__menu-link{
  background-color: #efefef;
  color: #707070;
}

.header__menu-ratgeber.header__menu-ratgeber--desktop{
background-color: #ffffff;
}
.header__menu-ratgeber.header__menu-ratgeber--desktop .icon__link .h-small-icon svg{
fill: #b9c5da;
}
.header__menu-ratgeber.header__menu-ratgeber--desktop .header__menu-item.taglist-items.active .icon__link .h-small-icon svg{
fill: #3c6696;
}

.header__menu-ratgeber.header__menu-ratgeber--desktop .close_menu svg,
.blog-main-search-close_menu svg{
fill: #888888;
transition: all .25s ease-in-out; 
}

.header__menu-ratgeber.header__menu-ratgeber--desktop .close_menu:hover svg,
.blog-main-search-close_menu:hover svg{
fill: #3c6696;
transform: rotate(90deg);
transform-origin: 50% 50%;
}

.header__menu--desktop .header__menu-submenu a.header__menu-link,
.header__menu--desktop a.header__menu-link.header__menu-link--active-parent{
  color: #ffffff;
}

.header.vermieter-ratgeber .header__menu--desktop .navigation-line,
.header.vermieter-ratgeber .header__menu--desktop a.header__menu-link--active-parent,
.header.page .header__menu--desktop .navigation-line,
.header.page .header__menu--desktop a.header__menu-link--active-parent,
.header.vermieter-ratgeber .header__menu--mobile .header__menu-item.vermieter-ratgeber.header__menu-item--depth-1 div > a.header__menu-link{
  background-color: #3c6696;
  color: #ffffff;
}

.header.vermieter-ratgeber .header__menu--desktop .header__menu-submenu a.header__menu-link--active-link,
.header.vermieter-ratgeber .header__menu--desktop .header__menu-submenu a.header__menu-link:hover,
.header.vermieter-ratgeber .header__menu--desktop .header__menu-submenu a.header__menu-link:focus{
  color: #f29200;
}

.header.mieter-ratgeber .header__menu--desktop .header__menu-submenu a.header__menu-link--active-link,
.header.mieter-ratgeber .header__menu--desktop .header__menu-submenu a.header__menu-link:hover,
.header.mieter-ratgeber .header__menu--desktop .header__menu-submenu a.header__menu-link:focus{
  color: #3c6696;
}

.header.mieter-ratgeber .header__menu--desktop .navigation-line,
.header.mieter-ratgeber .header__menu--desktop a.header__menu-link--active-parent,
.header.mieter-ratgeber .header__menu--mobile .header__menu-item.mieter-ratgeber.header__menu-item--depth-1 div > a.header__menu-link{
  background-color: #f29200;
  color: #ffffff;
}

.header__menu-ratgeber.header__menu-ratgeber--desktop h3.taglist-header a,
.header__menu-ratgeber.header__menu-ratgeber--desktop h3.linklist-header a,
.header.mieter-ratgeber .header__menu--desktop a.header__menu-link:not(.header__menu-link--active-parent),
.header.page .header__menu--desktop a.header__menu-link:not(.header__menu-link--active-parent){
color: #f29200;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #FFFFFF;
}

.menu.breadcrumb-navigation .menu__link{
color: #3c6696;  
}

.menu.breadcrumb-navigation .menu__item:last-child .menu__link {
color: #f29200;
}

.menu__child-toggle-icon {
  border-top-color: #FFFFFF;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #d7d7d7;
}

.menu.breadcrumb-navigation .menu__link:hover,
.menu.breadcrumb-navigation .menu__link:focus{
  color: #3c6696;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #d7d7d7;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #ffffff;
}

.menu__child-toggle-icon:active {
  border-top-color: #ffffff;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #FFFFFF;
}

.menu.breadcrumb-navigation .menu__item:not(:last-child)::after{
 color: #b9c5da;
}

.header__menu-container--mobile .header__menu--mobile{
border-top-color: #efefef;
}
.header__menu-ratgeber.header__menu-ratgeber--desktop .header__menu-item a{
  color: #3c6696;
}

.header__menu-item--depth-1  .header-menu-container,
.header__menu--mobile .header__menu-submenu a.header__menu-link:hover,
.header__menu--mobile .header__menu-submenu a.header__menu-link:focus,
.header__menu--mobile .header__menu-submenu a.header__menu-link.header__menu-link--active-link,
.header__menu-ratgeber.header__menu-ratgeber--desktop.active .tag-header .header__menu-item.active,
.header__menu-ratgeber.header__menu-ratgeber--desktop.active .tag-header .header__menu-item:not(.active):hover,
.header__menu-ratgeber.header__menu-ratgeber--desktop.active .tag-header .header__menu-item:not(.active):focus
{
background-color: #efefef;
}

.header__menu-container--mobile .header__menu--mobile ul.header__menu-wrapper,
.header__menu--mobile .header__menu-item.header__menu-item--depth-1,
.header__menu--mobile .header__menu-item.header__menu-item--depth-1.header__menu-item--has-submenu{
  background-color: #fff;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px none #f29200;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px none #f29200;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #FFFFFF;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #f29200;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 0.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(0, 0, 0, 0.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {

}

.header__language-switcher-label-current:after {
  border-top-color: #FFFFFF;
}

.header__menu-ratgeber.header__menu-ratgeber--desktop{
  border-left-color: #3c6696;
  border-right-color: #3c6696;
  border-bottom-color: #3c6696;
}


.header__menu-ratgeber.header__menu-ratgeber--desktop .tag-header{
border-right-color: #eff2f7;
}


@media(max-width: 1024px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(0, 0, 0, 0.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #FFFFFF;
  }
  
  header.header{
    margin-top: calc(30px + .8rem);
  }
  
  .header__menu-item a{
  color: #ffffff;
  }
  
 .header.vermieter-ratgeber .header__bottom--right,
 .header.vermieter-ratgeber .header__menu--mobile,
 .header__menu--mobile .header__menu-item.vermieter-ratgeber,
.header.vermieter .header__bottom--right,
 .header.vermieter .header__menu--mobile,
 .header__menu--mobile .header__menu-item.vermieter{
   background-color: #3c6696;
  }
  
   .header.mieter-ratgeber .header__bottom--right,
  .header.mieter-ratgeber .header__menu--mobile,
  .header__menu--mobile .header__menu-item.mieter-ratgeber{
   background-color: #fff;
  }
}





.footer {
  background-color: #025174;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #ffffff;
}
.footer__logo{
  background-color: #004563;
}






.blog-post,
.blog-author__inner,
.content-wrapper.tag-site,
#main-content .systems-page
{
  padding: 2rem;
}

.blog-post,
.blog-author__inner,
#main-content .systems-page
{
  max-width: 100%;
}

.dnd-section .row-fluid > .dnd-column{
  padding: 0;
}

.blog-related-posts {
  padding: 0;
  background-color: #eff2f7;
}

/* Blog post */

.blog-post ul li:not(:last-child){
 margin-bottom: .35rem;
}

.blog-post__meta{
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.75rem;
}

.blog-post__meta > div{
position: relative;
display: flex;
flex-wrap: wrap;
}

.blog-post__meta > div:not(:last-child){
margin-right: .8rem;
}

.blog-post__meta > div:not(:first-child){
flex: 1 0 auto;
justify-content: flex-end;
}

.blog-post__meta a {
  text-decoration: none;
}

.blog-post__tag-link {
  color: #212121;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #000000;
}

.blog-post__tag-link:active {
  color: #494949;
}

.blog-post .blog-post__featured-image{
  width: 100%;
  height: auto;
  border-radius: 5px;
  margin: 0 0 1.5rem 0;
}

.blog-post__author,
.blog-post__specialist-author{
  display: flex;
  align-items: center;
}

.blog-post__specialist-author{
flex-direction: row;
align-items: flex-start;
}

.blog-post__specialist-author .specialist-author p:first-child{
font-size: .85rem;
margin: 0;
}

.social-share__heading p{
font-size: .85rem;
}

.blog-post__specialist-author .specialist-author p:last-child{
font-size: 1rem;
  color:#3c6696;
}

.blog-post__author-name,
.social-share__heading p
{
  font-weight: 600;
  margin: 0 0 .3125rem 0;
}

.blog-post__specialist-author .specialist-author .name{
  font-weight: 600;
}

a.blog-post__author-name{
  color: #3c6696;
}

a.blog-post__author-name:active,
a.blog-post__author-name:focus,
a.blog-post__author-name:hover
{
  font-weight: 600;
}

.blog-post__author .box-right{
  display: flex;
flex-direction: column;
justify-content: space-between;
  flex: 1 1 auto;
}

.blog-post__author .box-right .blog-post__times{
  display: flex;
flex-direction: row;
}

.blog-post__author .blog-post__timestamp{
display: flex;
flex-direction: row;
}

.blog-post__author .blog-post__timestamp > span:first-child{
margin-right: .25rem;
}

.blog-post__author .blog-post__timestamp,
.blog-post__author .reading-time{
font-size: .85rem;
color: #888888;
margin-bottom: 0;
}

.blog-post__author .blog-post__times .blog-post__timestamp.updated{
margin-right: .5rem;
padding-right: .5rem;
border-right: 1px solid #eff2f7;
}

.blog-post__author .blog-post__times .blog-post__timestamp.published{
margin-right: 1rem;
}

.blog-post__author-image
{
  background-color: #eff2f7;
  margin: 0 .8rem 0 0;
  border-radius: 100%;
}

.blog-post__specialist-author-image{
background-color: #eff2f7;
border-radius: 100%;
margin: 0 .8rem 0 40px;  
}

.blog-toc {
  background-color: #ffffff;
}

/** Download Site **/
.content-wrapper.download,
.content-wrapper.download .main-section,
.content-wrapper.download .main-section .description,
.content-wrapper.download .main-section .image{
display: flex;
}

.content-wrapper.download,
.content-wrapper.download .main-section,
.content-wrapper.download .main-section .description,
.content-wrapper.download .main-section .image{
flex-direction: column;
}

.content-wrapper.download .main-section .image img{
max-width: 100%;
height: auto; 
  border-radius: 5px;
}

.content-wrapper.download .main-section{
flex-direction: row;
  justify-content: space-between;
}

.content-wrapper.download .download-teaser{
margin: 2rem 0;
}

.content-wrapper.download .main-section .description,
.content-wrapper.download .main-section .image{
max-width: calc((100% / 2) - 2rem);
}

@media(max-width: 768px) {
  .content-wrapper.download .main-section{
  flex-direction: column;
  }
  
  .content-wrapper.download .main-section .description,
  .content-wrapper.download .main-section .image{
  max-width: 100%;
  }
  
  .content-wrapper.download .main-section .description{
  margin-bottom: 1rem;
  }
}

/** Social-Share **/

.social-share {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #eff2f7;
  border-radius: 5px;
  padding: .75rem 1rem;
}

.social-share__icon {
  border-radius: 0;
  display: inline-flex;
  height: 1.75rem;
  position: relative;
  width: 1.75rem;
}

.social-share__icon svg {
  height: 1.125rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  fill: #3c6696;
}

.social-share__heading p{
color: #3c6696;

}

.social-share__icon:hover svg,
.social-share__icon:focus svg,
.social-share__icon:active svg {
fill: #f29200;
}

.social-share__main,
.social-share__link{
display: flex;
}

@media (max-width: 1540px) { 

.blog-toc {
  background-color: #eff2f7;
}

}

@media(max-width: 1024px) {
.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 0 0 2rem 0;
}
}

@media(max-width: 768px) {
  
  .blog-post__author .box-right .blog-post__times >*{
display: flex;
  flex-direction: column;
}

  .blog-post__author .box-right .blog-post__times{
  flex-wrap: wrap;
}
  
.blog-post__author .blog-post__times .blog-post__timestamp span:first-child{
  font-size: .65rem;
  }
  
  .blog-post__author .blog-post__times .blog-post__timestamp.updated{
  margin-right: .7rem;
  padding-right: .7rem;
  }
  
    .blog-post__author .blog-post__times .blog-post__timestamp.published{
  margin-right: 1.25rem;
  }
  
  .blog-post__author .blog-post__times .additional-info{
align-self: flex-end;
    flex: 0 1 auto;
    align-items: flex-end;
}
  
}

@media(max-width: 576px) {
  
  .blog-post__meta{
  flex-direction: column;
  flex: 1 1 100%;
  }
  
  .blog-post__meta > div:not(:first-child){
  justify-content: flex-start;
  flex-direction: column;
  margin-top: 1rem;
  }
  
  .social-share{
  flex-direction: row;
  }
  
  .social-share__heading p{
  margin: .3125rem 0;
  }
  
}



/* Blog related posts */

.blog-related-posts__post{
flex: 1 1 33.33333%;
display: flex;
flex-direction: column;
}

.blog-related-posts__content{
display: flex;
flex-direction: column;
flex: 1 1 100%;
justify-content: space-between;
}


.blog-related-posts h2{
margin-top: 0;
}

.blog-related-posts__title{
font-size: 1.25rem;
word-break: break-word;
hyphens: auto;
}

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  text-transform: Ubuntu;
  font-weight: 500;
}

.blog-related-posts__title-link {
  color: #3c6696;
  font-weight: 500;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #143e6e;
}

.blog-related-posts__title-link:active {
  color: #648ebe;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #212121;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #000000;
}

#comments-listing .comment-reply-to:active {
  color: #494949;
}

/* Blog author */
.blog-author .blog-main,
.author-listing .blog-main{
display: flex;
flex-direction: row;
gap: 1.5rem;
margin-bottom: 1.75rem;
}

.blog-author .blog-main .blog-author-bio,
.blog-author .blog-main .blog-author-avatar,
.author-listing .blog-main .blog-author-bio,
.author-listing .blog-main .blog-author-avatar{
display: flex;
}

.blog-author .blog-main .blog-author-avatar img{
border-radius: 5px;
}

.blog-author .blog-main .blog-author-bio,
.blog-author .blog-main .blog-author-avatar,
.author-listing .blog-main .blog-author-bio,
.author-listing .blog-main .blog-author-avatar{
flex-direction: column;
}

.blog-author-bio ul li:not(:last-child){
  margin-bottom: .5rem;
}

.blog-author-bio ul li ul{
  margin-top: .5rem;
}

.blog-author .experts,
.blog-author .experts .expert,
.blog-author .authors,
.blog-author .authors .author,
.author-listing .experts,
.author-listing .experts .expert,
.author-listing .authors,
.author-listing .authors .author{
display: flex;
}

.blog-author .experts,
.blog-author .authors,
.author-listing .experts,
.author-listing .authors{
flex-direction: column;
}

.author-listing .authors{
margin-bottom: 1.5rem;
}

.blog-author .experts h2,
.blog-author .authors h2,
.author-listing .experts h2,
.author-listing .authors h2{
margin-bottom: 2rem;
}

.blog-author .experts .expert,
.blog-author .authors .author{
flex-direction: row;
background-color: #eff2f7;
  padding: 1rem;
  border-radius: 5px;
}

.blog-author .experts .expert:not(:last-child),
.blog-author .authors .author:not(:last-child),
.author-listing .experts .expert:not(:last-child),
.author-listing .authors .author:not(:last-child){
margin-bottom: 2rem;
}

.blog-author .experts .expert .expert-image,
.blog-author .authors .author .author-image,
.author-listing .experts .expert .expert-image,
.author-listing .authors .author .author-image{
display: flex;
flex-direction: column;
position: relative;
margin-right: 1.325rem;
margin-bottom: 1rem;
}

.blog-author .experts .expert .expert-image img,
.blog-author .experts .expert .expert-image a,
.blog-author .authors .author .author-image img,
.blog-author .authors .author .author-image a,
.author-listing .experts .expert .expert-image img,
.author-listing .experts .expert .expert-image a,
.author-listing .authors .author .author-image img,
.author-listing .authors .author .author-image a{
  display: flex;
}

.blog-author .experts .expert .expert-image a,
.blog-author .authors .author .author-image a,
.blog-author .experts .expert .expert-image a img,
.blog-author .authors .author .author-image a img{
border-radius: 100%;
}

.author-listing .experts .expert .expert-image a img,
.author-listing .authors .author .author-image a img{
border-radius: 5px;
}

.blog-author .experts .expert .expert-image .expert-logo,
.author-listing .experts .expert .expert-image .expert-logo{
  position: absolute;
  justify-content: center;
  top: 0;
  left: 0;
  max-width: 200px;
  max-height: 200px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.blog-author .experts .expert .expert-image .expert-logo{
border-radius: 100%;
}


.blog-author .experts .expert .expert-image a.expert-logo img,
.author-listing .experts .expert .expert-image a.expert-logo img{
position: absolute;
  top: 75px;
max-height: 50px;
width: auto;
border-radius: 0;
transform: translateY(125px);
transition: transform .25s ease-in-out;
}

.blog-author .experts .expert .expert-image a.expert-logo{
background-color: color(srgb 0.9361 0.9488 0.97 / 0);
transition: background-color .25s ease-in-out;
}

.author-listing .experts .expert .expert-image a.expert-logo{
background-color: color(srgb 1 1 1 / 0);
transition: background-color .25s ease-in-out;
}

.blog-author .experts .expert .expert-image a.expert-logo:hover{
background-color: color(srgb 0.9361 0.9488 0.97 / 0.75);
}

.author-listing .experts .expert .expert-image a.expert-logo:hover{
background-color: color(srgb 1 1 1 / 0.75);
}


.blog-author .experts .expert .expert-image a.expert-logo:hover img,
.author-listing .experts .expert .expert-image a.expert-logo:hover img{
transform: translateY(0);
}



.blog-author .experts .expert .expert-name h3,
.blog-author .authors .author .author-name h3{
margin-bottom: .5rem;
  margin-top: 1rem;
}

.author-listing .experts .expert .expert-name h3,
.author-listing .authors .author .author-name h3{
margin-bottom: .5rem;
}


.blog-author .experts .expert .expert-name h4,
.blog-author .authors .author .author-name h4,
.author-listing .experts .expert .expert-name h4,
.author-listing .authors .author .author-name h4{
margin-top: 0;
margin-right: 1.25rem;
}

.blog-author .experts .expert .expert-main,
.blog-author .authors .author .author-main,
.author-listing .experts .expert .expert-main,
.author-listing .authors .author .author-main{
align-content: space-between;
}

.blog-author .experts .expert .expert-main .expert-desc,
.blog-author .authors .author .author-main .author-desc,
.author-listing .experts .expert .expert-main .expert-desc,
.author-listing .authors .author .author-main .author-desc{
text-align:justify;
margin-right: 1.25rem;
}

.blog-author .experts .expert .expert-main .expert-desc p:last-child,
.blog-author .authors .author .author-main .author-desc p:last-child,
.author-listing .experts .expert .expert-main .expert-desc p:last-child,
.author-listing .authors .author .author-main .author-desc p:last-child{
margin-bottom: 1.25rem;
}

.blog-author .experts .expert .expert-main .expert-desc a,
.blog-author .authors .author .author-main .author-desc a,
.blog-author .blog-author-bio a,
.author-listing .experts .expert .expert-main .expert-desc a,
.author-listing .authors .author .author-main .author-desc a{
text-decoration: underline;
}

.blog-author .experts .expert .expert-main .expert-desc a:hover,
.blog-author .authors .author .author-main .author-desc a:hover,
.blog-author .blog-author-bio a:hover,
.author-listing .experts .expert .expert-main .expert-desc a:hover,
.author-listing .authors .author .author-main .author-desc a:hover,{
text-decoration: none;
}

.blog-author .experts + .authors,
.author-listing .experts + .authors{
margin: 2.25rem 0 1rem 0;
}

.author-listing .experts .expert .expert-main .button-wrapper,
.author-listing .authors .author .author-main .button-wrapper,
.blog-author .experts .expert .expert-main .button-wrapper,
.blog-author .authors .author .author-main .button-wrapper{
float: right;
}

.blog-author .experts .expert .expert-main .button-wrapper .button,
.blog-author .authors .author .author-main .button-wrapper .button{
margin-bottom: 0;
}


@media(max-width: 768px) {

.blog-author .blog-main{
flex-wrap: wrap-reverse;
}
  
.blog-author .experts .expert,
.blog-author .authors .author{
padding: 2rem;   
flex-wrap: wrap;
}
 
  
  .blog-author .experts .expert .expert-main .expert-desc p,
  .blog-author .authors .author .author-main .author-desc p{
  width: 100%;
text-align: left;
  }
  
}

@media(max-width: 576px) {

  .author-listing .blog-main{
flex-wrap: wrap-reverse;
}

    .author-listing .experts .expert,
  .author-listing .authors .author{
  flex-wrap: wrap;
  }
  
  .author-listing .experts .expert .expert-image .expert-logo img{
  margin-bottom: 1rem;
  }
  
    .author-listing .experts .expert .expert-main .expert-desc p,
  .author-listing .authors .author .author-main .author-desc p{
  width: 100%;
text-align: left;
  }

}










.hs-search-results__title {
  color: #3c6696;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  text-transform: Ubuntu;
}

.hs-blog-post-listing__post-title-link {
  color: #3c6696;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #143e6e;
}

.hs-blog-post-listing__post-title-link:active {
  color: #648ebe;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #212121;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #212121;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #000000;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #494949;
}

.hs-pagination__link-icon svg {
  fill: #212121;
}

/* Pricing card */

.card__price {
  color: #3c6696;
}

.card__body svg {
  fill: #f29200;
}

/* Social follow */

.social-links__icon {
  background-color: #f29200;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #ca6a00;
}

.social-links__icon:active {
  background-color: #ffba28;
}

/* Cards */
.cards__card.card{
  align-items: center;
  align-self: flex-start;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 2rem;
  max-width: 100%;
padding: 1.75rem;
  border-radius: 5px;
  border: 2px solid transparent;
  flex: 1 1 100%;
  word-break: break-word;
}

p + .hs_cos_wrapper_type_module .cards .cards__card.card{
margin-top: 1.25rem;
}

* + .hs_cos_wrapper_type_module .cards.boxes{
margin-top: 1.65rem;
}

ul + .hs_cos_wrapper_type_module .cards .cards__card.card:not(.box),
div + .hs_cos_wrapper_type_module .cards .cards__card.card:not(.box)
{
margin-top: .65rem;
}

p + .hs_cos_wrapper_type_module .cards.faq .cards__card.card{
margin-top: 0;
}

.cards__card.card.tipp,
.cards__card.card.box,
.cards__card.card.download{
  background-color: #eff2f7;
}

.cards__card.card.fazit{
  background-color: #eff2f7;
  border-color: #3c6696;
}

.cards__card.card.merke,
.cards__card.card.link-box{
  background-color: #fce4bf;
}

.cards__card.card.wichtig{
  background-color: #fce4bf;
  border-color: #f29200;
  border-style: solid;
}

.cards__card.card.wichtig .card__text h3,
.cards__card.card.merke .card__text h3,
.cards__card.card.download h3 .heading_main-text{
  color: #f29200;
}



.cards__card.card.disclaimer{
  background-color: #b9c5da;
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  padding: 1.75rem 2rem;
}

.cards__card.card.link-box{
  padding: 1.25rem;
}

.cards.faq .card-title h3{
color: #212121;
}

.cards.faq .card.open .card-title h3{
color: #3c6696;
}

.cards .card.link-box .h4{
font-weight: 600;
}

.cards.faq .cards__card.card:not(:last-child){
  border-bottom-color: #b9c5da;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

p + .hs_cos_wrapper_type_module .cards h2,
p + .hs_cos_wrapper_type_module .cards .h2{
margin-top: 1.5rem;
}


.category-listing .card__text-heading .h-count{
  color: #ffffff;
  background-color: #b9c5da;
}

.category-listing .cards__card.open,
.category-listing .cards__card:hover,
.category-listing .cards__card:focus
{
  background-color: #eff2f7;
}

.category-listing .cards__card.open .card__text-heading .h-count
{
  background-color: #3c6696;
}

.category-listing .cards__card .card__main-content,
.category-listing .cards__card .card__footer-content
{
  border-color:#b9c5da;
  border-style: solid;
  border-width: 2px;
  border-radius: 5px;
}

.category-listing .cards__card.open .card__main-content{
  border-color: #3c6696;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.category-listing .cards__card.open .card__footer-content{
  border-color: #3c6696;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.category-listing .card__text-heading h3 a{
  color: #3c6696;
}


.cards,
.bsm-item{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  border-radius: 5px;
  position: relative;
}

.card__image {
  order: 1;
  height: auto;
  margin: 0 0 0 1.35rem;
  max-width: 100%;
  padding: 0;
}

.cards__card.card.download .image-box{
max-width: 50%;
}

.cards .card__text {
  padding: 0;
  width: 100%;
}

.cards .card__text *:last-child {
margin-bottom: 0;
}

.cards .disclaimer .card__text{
display: flex;
flex-direction: column;
}

.card__text h3{
  display: flex;
  justify-content: flex-start;
    align-items: center;
font-weight: 600;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.card__text h3 span{
  display: flex;
  white-space: break-spaces;
}

.card__text .card-icon{
  margin-right: .875rem;
  width: 1.125rem;
}

.cards__card.card .icon-box{
display: flex;
margin: 0 1.75rem 0 0;
align-self: flex-start;
width: 4rem;
justify-content: center;
}

.cards__card.card.link-box .icon-box{
margin: 0 1.25rem 0 0;
width: 3rem;
}

.cards__card.card.disclaimer .icon-box{
width: 10rem;
}

.cards__card.card .icon-box .card-icon{
width: 3rem;
}

.cards__card.card.wichtig .icon-box .card-icon{
width: 4rem;
}

.cards__card.card.merke .icon-box .card-icon{
width: 2.5rem;
}


.cards__card.card.disclaimer .icon-box .card-icon{
width: 10rem;
}

.card__text .card-icon-utf8
{
  margin-right: 0;
}

.card__text .card-icon svg{
  fill: #f29200;
}

.cards__card.card .icon-box .card-icon svg,
.category-listing .card__text-heading .h-icon svg
{
  vertical-align: middle;
  fill: #3c6696;
}

.cards__card.card.wichtig .icon-box .card-icon svg,
.cards__card.card.merke .icon-box .card-icon svg
{
  fill: #f29200;
}

.category-listing .icon__link .h-small-icon svg{
fill: #888888;
}

.category-listing ul li a.menu__link{
  color: #3c6696;
}


.card__text p:last-child{
  margin-bottom: 0;
}

.cards .card.link-box .card__text a{
font-weight: 600;
text-decoration: underline;
}
@media(max-width: 1024px) {
.cards__card.card.disclaimer{
  padding: 2.35rem 1rem;
}
}

@media(max-width: 576px) {
.cards__card.card{
flex-direction: column;
}
  
  .cards__card.card.download .card__text{
order: 1;
}


.cards__card.card.download .image-box{
order: 0;
  width: 100%;
max-width:380px;
}
  
  .cards__card.card.download .image-box .card__image,
  .cards__card.card .icon-box{
  margin: 0 0 1.35rem 0;
  }
  
  
  .cards__card.card.disclaimer{
  flex-direction: column;
}
  
    .cards .disclaimer .card__text{
  text-align: center;
  }
  
  .cards .disclaimer .card__text h3{
  text-align: center;
  justify-content: center;
  }
  .cards__card.card.disclaimer .icon-box{
  margin: 0 0 1.35rem 0;
   align-self: center;
  }
  
  .cards__card.card.disclaimer{
  padding: 2rem;
}

}


/*** blog listing ***/
.body-container--blog-index .blog-post-listing__post--card,
.content-wrapper.tag-site .blog-post-listing__post--card,
.bsm-item{
border-color:#b9c5da;
}

.body-container--blog-index .blog-post-listing__post--card:hover,
.body-container--blog-index .blog-post-listing__post--card:focus,
.content-wrapper.tag-site .blog-post-listing__post--card:hover,
.content-wrapper.tag-site .blog-post-listing__post--card:focus,
.bsm-item:hover,
.bsm-item:focus{
background-color: #eff2f7;
}



/*** blog pagination ***/
a.pagination__link--active{
  color: #ffffff;
  background-color:  #3c6696;
  border-color: #3c6696;
}

/**** error page ****/
.error-page{
padding: 2rem;
text-align: left;
}

.error-page .content-box{
display: flex;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
}

.error-page .content-box .box-r img{
border-radius: 50%;
}




/* ─────────────────────────────────────────────
   Blog Search Module – Styles
   Anpassbar über CSS Custom Properties
───────────────────────────────────────────── */
.blog-search-module{
display: flex;
flex-direction: column;
}

#blogSearchModuleContent{
border-radius: 5px;
padding: 1rem 1rem 0 1rem;
background-color: #eff2f7;
}

/* ── Suchleiste ── */
.bsm-search-bar {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
}

.searchField{
position: relative;
  display: inline-flex;
  flex-shrink: 0;
  flex-grow: 1;
}

.bsm-input {
  display: inline-flex;
  width: 100%;
}

.bsm-search-btn,
.bsm-filter-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.bsm-search-btn-txt{
margin-left: .375rem;
  font-size: .875rem;
}

.bsm-search-btn:disabled { }

/* Clear Button */

::-webkit-search-cancel-button {
display: none;
}

.bsm-search-bar .btn-clear {
    position: absolute;
    right: .625rem;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    display: none;          /* standardmäßig versteckt */
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #888888;
    font-size: 0;           /* Text visuell verstecken */
    padding: 0;
    transition: background .25s ease-in-out;
  }

.bsm-search-bar .btn-clear:hover {
    background-color: #efefef;
  }

  /* X via SVG-Icon */
.bsm-search-bar .btn-clear svg {
    width: 1rem;
    height: 1rem;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
  }


/* ── Tag-Filter ── */
.bsm-tag-filter {
  display: none;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: 1rem;
}

.bsm-tag-filter.open{
display: flex;
}

.bsm-tag {
  font-size: .875rem;
  white-space: nowrap;
}

button.bsm-tag.active {
  background-color: #f29200;
}

.bsm-filter-btn.active svg,
.bsm-filter-btn:not(.active):hover svg,
.bsm-filter-btn:not(.active):focus svg
{
fill: #f29200;
}

/* ── Ladeindikator ── */
.bsm--loading .bsm-results {
  opacity: .5;
  pointer-events: none;
  transition: opacity .5s;
}

.bsm-status {
  font-size: .875rem;
  margin-bottom: 1rem;
  min-height: 1.2rem;
}

/* ── Keine-Treffer / Fehler ── */
.bsm-empty {
  text-align: center;
  padding: 2rem 0;
}

/* ── Ergebnisliste ── */
.bsm-results {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: opacity .5s;
}

/* ── Einzelner Beitrag ── */
.bsm-item-link {
  display: flex;
  gap: 1rem;
  text-decoration: none;
  color: inherit;
}

/* ── Thumbnail ── */
.bsm-item-thumb {
  flex-shrink: 0;
  width: 240px;
  overflow: hidden;
}

.bsm-item-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ── Textinhalt ── */

.bsm-search-content{
position: relative;
}


.bsm-item-body {
  padding: 1rem 1rem 1rem .5rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.bsm-item-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.3;
}

.bsm-item{
border-radius: 5px;
border: 1px solid  #eff2f7;
overflow: hidden;
}

#blogSearchModuleContent .bsm-item{
  border-color: #707070;
  background-color: #ffffff;
}

#blogSearchModuleContent .bsm-item:hover,
#blogSearchModuleContent .bsm-item:focus{
  border-color: #888888;
  background-color: #eff2f7;
}

.bsm-item-tags {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}

.bsm-item-tags li {
  font-size: .75rem;
  padding: .2rem .6rem;
  border-radius: 5px;
}

.bsm-item-meta {
  font-size: .8rem;
  margin: 0;
}

.bsm-item-excerpt {
  font-size: .9rem;
  margin: 0;
  line-height: 1.5;
}

/* ── Paginierung ── */
.bsm-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: calc(1rem * 1.5);
}

#blogSearchModuleContent .bsm-pagination{
margin-bottom: 1rem;
}

.bsm-page-btn {
  padding: .5rem 1.1rem;
  font-size: .9rem;
  cursor: pointer;
}

.bsm-page-btn:hover:not(:disabled) {
}

.bsm-page-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.bsm-page-info {
  font-size: .875rem;
  white-space: nowrap;
}

*[hidden] {
display: none;
}

/* loader */
.bsm-loader-anim {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin:15px auto;
  position: relative;
  background: #FFF;
  box-shadow: -24px 0 #FFF, 24px 0 #FFF;
  box-sizing: border-box;
  animation: shadowPulse 2s linear infinite;
}

.bsm-loader{
  position: absolute;
  width: 100%;
  height: 100%;
visibility: hidden;
}

.bsm--loading .bsm-loader{
visibility: visible;
}

@keyframes shadowPulse {
  33% {
    background: #FFF;
    box-shadow: -24px 0 #F29200, 24px 0 #FFF;
  }
  66% {
    background: #F29200;
    box-shadow: -24px 0 #FFF, 24px 0 #FFF;
  }
  100% {
    background: #FFF;
    box-shadow: -24px 0 #FFF, 24px 0 #F29200;
  }
}

/* ── Responsive ── */
@media (max-width: 767px) {
  .bsm-item-link  { flex-direction: column; }
  .bsm-item-thumb { width: 100%; height: 180px; }
  .bsm-item-body {
  padding: 0 1rem 1rem 1rem;
  }
}

@media(max-width: 576px) {
.bsm-search-btn-txt{
display: none;
}
}

/** hero banner **/
.hero-banner.bg-secondary{
  background-color: #3c6696;
  color: #ffffff;
}

.hero-banner__form form{
background-color: #ffffff;
color: #212121;
}

.hero-banner__content--title h1{
  color: #ffffff;
}

.hero-banner__content--title h1 span:last-child{
  color: #f29200;
}

.hero-banner__content--eyebrow h2{
  background-color: #f29200;
  color: #ffffff;
}

/** Email prefs / subscription options **/

#email-prefs-form h2{
  color: #f29200;
}

#email-prefs-form .page-header{
margin-bottom: 1.35rem;
}

.email-prefs p.header,
legend#hs-subscriptions-unsubscribe-survey-legend{
  font-size: 1.15rem;
font-weight: 700;
  color: #3c6696;
}

.email-prefs,
.email-prefs .item .item-inner .checkbox-row{
display: flex;
flex-direction: column;
}

.email-prefs .item .item-inner .checkbox-row .fakelabel,
.email-prefs .subscribe-options p label,
#hs-subscriptions-unsubscribe-survey-options div{
display: block;
margin-bottom: .5rem;
}

.email-prefs > p.header,
.email-prefs .item .item-inner p:last-child,
.email-prefs .subscribe-options,
#hs-subscriptions-unsubscribe-survey-options{
margin-bottom: 1.75rem;
}

.subscribe-options p.header,
legend#hs-subscriptions-unsubscribe-survey-legend{
margin-bottom: 1.35rem;
}

.email-prefs .item .item-inner p:last-child{
margin-left: 2.15rem;
}

form#email-prefs-form input[type="checkbox"],
form#hs-subscriptions-unsubscribe-survey input[type="radio"],
.legal-consent-container .hs-form-booleancheckbox-display input{
margin-right: .65rem;
display: block;
  float: left;
}

.email-prefs .item .item-inner .checkbox-row .fakelabel span,
.email-prefs .subscribe-options p label span{
font-weight: 700;
}

.systems-page form .email-prefs input[type="submit"]{
max-width: fit-content;
}

.systems-page .success{
  background-color: #fce4bf;
  border-radius: 5px;
  border: 1px solid #f29200;
  padding: .625rem .85rem;
color: #212121;
  margin: .5rem 0 1.75rem 0;
}