/* @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: 'Sparkasse';
	font-style: normal;
  font-display: swap;
	font-weight: normal;
	src: url(//9293606.fs1.hubspotusercontent-na1.net/hubfs/9293606/raw_assets/public/DL%20Theme%20by%20Markenzeichen/fonts/Sparkasse_web_Rg.woff) format('woff');
}

@font-face {
	font-family: 'Sparkasse Head';
	font-style: normal;
	font-weight: normal;
  font-display: swap;
	src: url(//9293606.fs1.hubspotusercontent-na1.net/hubfs/9293606/raw_assets/public/DL%20Theme%20by%20Markenzeichen/fonts/SparkasseHead_web_Rg.woff) format('woff');
}

html body{

font-family: 'Sparkasse', sans-serif!important;
}

header#header.sticky {
    position: relative !important;
}
#main-content.sticky_header {
    padding-top: 0!important; 
}
.header {
    box-shadow: none!important;
    max-height: 82px;
}
.header__container.content-wrapper {
    max-height: 78px;
}
h1,h2,h3,h4,h5,h6{
font-family: 'Sparkasse Head', sans-serif!important;
}
h1{
  font-size: 48px;
  line-height: 56px;
}
p{
font-family: 'Sparkasse', sans-serif;
}
.header--smp .header__logo svg{
    max-width: 224px;
}

.header--smp{
  background-color: #EE0000;
}
.content-wrapper {
    max-width: 1270px!important;
}
.smp-navigation a {
    font-size: 14px !important;
    line-height: 20px !important;
    font-family: 'Sparkasse';
    font-weight: 700;
    margin: 10px;
    color: #fff;
  padding: 10px 20px !important;
      width: -moz-fit-content;
    width: fit-content;
    transition: all .3s ease-in-out;
  text-decoration:none!important;
}

      .smp-navigation {
    display: flex;
    list-style-type: none;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-left: 0px;
    padding-top: 3px;
}
 .smp-navigation a{
    border:1px solid #EE0000;
   border-radius:50px;
   text-decoration:none!important;
}
 .smp-navigation a:hover,.smp-navigation a:active,.smp-navigation a:focus{
    background-color: #d10000;
    transition: all .3s ease-in-out;
   text-decoration:none!important;
}
  .header {
    box-shadow: 0px 1px 25px #d3d3d3;
}
  .header__row-1 {
    padding-top: 25px;
}

    .smp-navigation a:hover {
    text-decoration:none;
      color:#fff;
      border-color:#d70000;
}
      .smp-navigation a#Beratung:before {
    content:'\e90a';
}
  .header__row-mobile{
  display:none;
  }
    .header__row-mobile .icon{
  display:block;
      width:50px;
      height:50px;
      align-self: end;
  }
  .header__row-mobile .smp-navigation {
  flex-direction: column;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
  }
  .smp-navigation a.beratung{
  color:#ee0000;
        margin-right: 0px;
    margin-left: 50px;
  }
  
  .smp-navigation a.beratung:before {
    content: '\e90a';
    font-family: 'icomoon';
    color: #ee0000;
    font-size: 28px;
    line-height: 10px;
    margin-right: 10px;
    vertical-align: middle;
}    
  #header-content-area{
    display:none;
    opacity:0;
    transition: all ease-in-out .2s;
  }

.footer--smp h2,.footer--smp ul,.footer--smp ul li, .footer--smp a, .footer--smp p {
  color:#fff;
  text-decoration:none;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 15px;
}
.span6.widget-span.widget-type-cell.dnd-column.footer-left-column ul li a{
line-height:24px;
}

.footer--smp ul{
  padding-left:0;
}
.footer--smp a:hover{
  text-decoration:none;
}
.footer--smp h2{
  font-size:22px;
  font-family:"Sparkasse Head";
  padding-top:9px;
}
.footer--smp ul li{
  font-size:14px;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
}
.footer--smp a{
font-size:16px;
}
.footer--smp .footer-list{
  list-style-type:none;
}
.span6.widget-span.widget-type-cell.dnd-column.footer-left-column {
    padding-left: 12px;
}


 .content-wrapper.footer--smp {
    max-width: 1284px !important;
}

.footer--smp .span5.widget-span.widget-type-cell.dnd-column.footer-right-column {
    border-left: 1px solid #fff;
    padding-left: 12px;
    margin-left: 10px;
}

.footer__container{
  max-width: 1320px;
  margin: 0 auto;
  padding:40px 0px 21px 0px;
}
 .footer--smp .footer-list-bottom {
    display: flex;
    list-style: none;
    justify-content: space-between !important;
    margin-top: 56px;
    margin-bottom: 0px;
}       

form .hs-button, form input[type=submit] {
    border: 1px solid #dd0000;
    border-radius: 50px;
    font-family: 'Sparkasse Head';
    font-weight: 400;
    font-size: 20px;
}
form .hs-button:focus, form .hs-button:hover, form input[type=submit]:focus, form input[type=submit]:hover {
    background-color: #d70000;
    border-color: #d70000;
    color: #fff;
}
.hs-form-required{
  display:none;
}
fieldset.form-columns-1 .hs-input{
  width:100%!important;
}
  @media (max-width: 756px){
    .dnd_area-row-0-background-layers {
      background-position: calc(50% - 240px) calc(50%) !important; 
    }
    .header__container {
        flex-direction: column;
        padding: 15px 0 0;
    }
    .header__row-mobile{
     display: flex;
    flex-direction:column;
         margin-top: -40px;
      justify-content: flex-end;
    }
    .header__row-mobile .smp-navigation{
      flex-direction:row;
      background-color: #EE0000;
      margin-top: 5px;
    }
    .header__row-1 {
      padding-top: 0px;
    }
    .smp-navigation {
      margin-top: 20px;
    }
    .smp-navigation li{
      margin-bottom: 15px;
    }
    .smp-navigation a {
      font-size: 18px;
      padding: 10px 15px !important;
    }
    .header__logo {
        width: 165px;
        margin: 0 10px;
        height: 40px;
        overflow: unset;
    }
    .header--smp .header__logo svg {
      max-width: 165px 
    }
    .header__row-mobile svg {
    width: 45px;
    }
    .footer-list-bottom{
      margin: 40px 20px 0;
    }
    .footer-list-bottom a{
    font-size:14px;
    }
    .footer--smp .span5.widget-span.widget-type-cell.dnd-column.footer-right-column {
    border-left: none;
    padding-left: 12px;
}
  }