/* @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    */
/*****************************************/

/*****************************************/
/* FONTS */
/*****************************************/

@font-face {
    font-family: 'Montserrat-Light';
    src: url('https://demicon.de/hubfs/fonts/montserrat-light-webfont.eot');
    src: url('https://demicon.de/hubfs/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://demicon.de/hubfs/fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('https://demicon.de/hubfs/fonts/montserrat-light-webfont.woff') format('woff'),
         url('https://demicon.de/hubfs/fonts/montserrat-light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Light';
    src: url('https://demicon.de/hubfs/fonts/montserrat-lightitalic-webfont.eot');
    src: url('https://demicon.de/hubfs/fonts/montserrat-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://demicon.de/hubfs/fonts/montserrat-lightitalic-webfont.woff2') format('woff2'),
         url('https://demicon.de/hubfs/fonts/montserrat-lightitalic-webfont.woff') format('woff'),
         url('https://demicon.de/hubfs/fonts/montserrat-lightitalic-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('https://demicon.de/hubfs/fonts/montserrat-regular-webfont.eot');
    src: url('https://demicon.de/hubfs/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://demicon.de/hubfs/fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('https://demicon.de/hubfs/fonts/montserrat-regular-webfont.woff') format('woff'),
         url('https://demicon.de/hubfs/fonts/montserrat-regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('https://demicon.de/hubfs/fonts/montserrat-italic-webfont.eot');
    src: url('https://demicon.de/hubfs/fonts/montserrat-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://demicon.de/hubfs/fonts/montserrat-italic-webfont.woff2') format('woff2'),
         url('https://demicon.de/hubfs/fonts/montserrat-italic-webfont.woff') format('woff'),
         url('https://demicon.de/hubfs/fonts/montserrat-italic-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('https://demicon.de/hubfs/fonts/montserrat-semibold-webfont.eot');
    src: url('https://demicon.de/hubfs/fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://demicon.de/hubfs/fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('https://demicon.de/hubfs/fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('https://demicon.de/hubfs/fonts/montserrat-semibold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('https://demicon.de/hubfs/fonts/montserrat-semibolditalic-webfont.eot');
    src: url('https://demicon.de/hubfs/fonts/montserrat-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://demicon.de/hubfs/fonts/montserrat-semibolditalic-webfont.woff2') format('woff2'),
         url('https://demicon.de/hubfs/fonts/montserrat-semibolditalic-webfont.woff') format('woff'),
         url('https://demicon.de/hubfs/fonts/montserrat-semibolditalic-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('https://demicon.de/hubfs/fonts/montserrat-extrabold-webfont.eot');
    src: url('https://demicon.de/hubfs/fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://demicon.de/hubfs/fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('https://demicon.de/hubfs/fonts/montserrat-extrabold-webfont.woff') format('woff'),
         url('https://demicon.de/hubfs/fonts/montserrat-extrabold-webfont.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('https://demicon.de/hubfs/fonts/montserrat-extrabolditalic-webfont.eot');
    src: url('https://demicon.de/hubfs/fonts/montserrat-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://demicon.de/hubfs/fonts/montserrat-extrabolditalic-webfont.woff2') format('woff2'),
         url('https://demicon.de/hubfs/fonts/montserrat-extrabolditalic-webfont.woff') format('woff'),
         url('https://demicon.de/hubfs/fonts/montserrat-extrabolditalic-webfont.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat-SemiBold', sans-serif !important;}

/* PARAGRAPHS AND LISTS */

p, li, ol, blockquote {font-family: 'Montserrat-Light', sans-serif !important;}

strong {font-family: 'Montserrat-ExtraBold', sans-serif !important;}

/*BLOG HEADINGS */
h1.blog-post__title,
.blog-post h2,
.blog-post h3,
.blog-post h4,
.blog-post h5,
.blog-post h6 {font-family: 'Montserrat-SemiBold', sans-serif !important; text-transform: none;}

h1.blog-post__title{
font-size: 40px;
  font-weight: 500;
}
.blog-post h2 {
  font-size: 30px;
  font-weight: 500;
}
.blog-post h3{
  font-size: 16px;
  text-transform: uppercase;
}
.blog-post h4{
 font-size: 24px;
  font-weight: 600;
}
.blog-post h5{
font-size: 18px;
  font-weight: 600;
}
.blog-post h6{
font-size: 16px;
  font-weight:600;
}

/* BLOG PARAGRAPHS AND LISTS */

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


/* CALLS TO ACTION */

.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: 'Montserrat', sans-serif !important;}

.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: 'Montserrat', sans-serif !important;}

.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: 'Montserrat', sans-serif !important;}


/* FORM ELEMENTS */

.hs-button,
.button--primary {font-family: 'Montserrat', sans-serif !important;}

.submit-alt .hs-button,
.submit-alt .button--primary {font-family: 'Montserrat', sans-serif !important;}

/* INPUT TEXT FIELD */

form,
.submitted-message,
select,
.hs-input {font-family: 'Montserrat-Light', sans-serif !important;}

/* FORM LABEL */

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

/* CHECKBOX AND RADIO BUTTONS */

.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: 'Montserrat', sans-serif !important;}

/* HELP TEXT */

.hs-form legend {font-family: 'Montserrat-Light', sans-serif !important;}

/* GDPR TEXT */

.legal-consent-container,
.legal-consent-container p {font-family: 'Montserrat-Light', sans-serif !important;}

/* ERROR MESSAGE */

.hs-error-msgs label {font-family: 'Montserrat-Light', sans-serif !important;}


/* HEADER */

.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: 'Montserrat-Light', sans-serif !important;}

/* FOOTER  */

.hhs-foot-rss h5, .hhs-foot-nav-col h5 {font-family: 'Montserrat-SemiBold', sans-serif !important;}
.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {font-family: 'Montserrat-Light', sans-serif !important;}

/* CUSTOM FONT CLASSES */

/* LIGHT */
.blog-index__post-tags {font-family: 'Montserrat-Light', sans-serif !important;}

/* BOLD */

/* EXTRA BOLD */

/*****************************************/
/* CUSTOM HEADER STYLING */
/*****************************************/

/* SEARCH */
.top-bar-search {
  color: #fff;
}
.hhs-search-modal button {
background-color:#cc3333;
}
.hhs-pop.hhs-modal {
background-color:#fff;
}

/* BREADCRUMBS */

.hhs-breadcrumb-mod {
  padding: 12px 0 0 !important;
}
.hs-breadcrumb-label {
  font-size: 14px;
}



/* FLIP CARDS */

.hhs-card-flip-con {
  max-width: 450px;
}


@media screen and (min-width: 1000px) {
    .custom-menu-primary .hs-menu-wrapper {
        background:transparent!important;
        display: block!important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a:after, 
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-2.hs-item-has-children>a:after
    {
  content:"";
}
  .hamburger.hamburger--spring + .hs-menu-wrapper{
  display:none !important;
  }
  
  .hamburger.hamburger--spring.is-active + .hs-menu-wrapper{
  display: block !important;
  }
}



@media (max-width: 1024px) {
    .custom-menu-primary .hs-menu-wrapper>ul ul {
        padding:0!important
    }

    .custom-menu-primary,.custom-menu-primary .hs-menu-wrapper>ul,.custom-menu-primary .hs-menu-wrapper>ul li,.custom-menu-primary .hs-menu-wrapper>ul li a {
        background-color: transparent;
        background-image: none;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        bottom: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        font-weight: 400;
        height: auto;
        left: auto;
        line-height: 1;
        margin: 0;
        max-width: none;
        padding: 0;
        position: static;
        right: auto;
        text-align: left;
        text-decoration: none;
        text-indent: 0;
        top: auto;
        width: 100%
    }

    .child-trigger {
        background: transparent;
        border: 0;
        border-left: 1px solid rgba(0,0,0,.1);
        cursor: pointer;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        height: 45px!important;
        min-width: 55px!important;
        padding: 0!important;
        position: absolute;
        right: 0;
        top: 0;
        width: 55px!important
    }

    .hhs-header-trans .child-trigger {
        border-left: 1px solid hsla(0,0%,100%,.1)
    }

    .child-trigger:hover {
        text-decoration: none
    }

    .child-trigger i {
        margin: 0 auto!important;
        position: relative;
        top: 50%
    }

    .child-trigger i:after {
        content: "";
        position: absolute
    }

    .child-trigger i,.child-trigger i:after {
        background-color: #ccc;
        display: block;
        height: 1px;
        width: 13px
    }

    .child-trigger i:after {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .child-trigger.child-open i:after {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .child-trigger.child-open i {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .custom-menu-primary ul.hs-menu-children-wrapper {
        display: none;
        opacity: 1!important;
        position: static!important;
        visibility: visible!important
    }

    .custom-menu-primary.js-enabled .hs-menu-wrapper {
        left: 0;
        padding: 0;
        position: relative;
        width: 100%
    }

    .custom-menu-primary .hs-menu-wrapper {
        padding: 0;
        width: 100%;
        z-index: 8888
    }

    .custom-menu-primary .hs-menu-wrapper>ul {
        background: #fff
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li {
        position: relative
    }

    .custom-menu-primary .hs-menu-wrapper>ul>li a {
        font-size: 22px;
        line-height: 45px;
        overflow: visible
    }

    .custom-menu-primary.hhs-header-trans .hs-menu-wrapper>ul li a {
        padding: 0 10px
    }

    .custom-menu-primary .hs-menu-wrapper>ul li a {
        color: #111;
        padding: 0 10px
    }

    .custom-menu-primary .hs-menu-wrapper>ul li a:hover {
        color: #000
    }

    .custom-menu-primary .hs-menu-wrapper>ul ul {
        border: 0;
        padding: 10px 0
    }

    .custom-menu-primary .hs-menu-wrapper>ul ul li a {
        font-size: 16px;
        text-indent: 10px
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after {
        display: none
    }

    .hhs-header-full {
        padding-left: 0;
        padding-right: 0
    }

    .hhs-nav {
        padding-top: 0
    }

    .hhs-logo-header {
        padding-left: 0
    }

    .hhs-header-hat {
        padding: 0
    }

    .hhs-header-hat .hs-menu-wrapper * {
        width: auto!important
    }

    .hhs-text-content {
        max-width: 100%!important
    }

    .hhs-container-fluid.hhs-package-highlight {
        margin: -50px 0 30px!important
    }

    .body-container-wrapper .hhs-col-12.pricing-table {
        padding: 50px 0!important
    }
}

.hhs-foot-base-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    text-decoration: none!important;
}

/********* POP UP *********/
.hhs-pop.hhs-modal {
    padding: 75px 0 75px;
}

.hs-button[value="Jetzt Downloaden"], .hs-button[value="Download now"],
.button--primary[value="Jetzt Downloaden"]  {
  margin-top:30px;
background-color:#cc3232;
  cursor: pointer;
}
.hs-button[value="Jetzt Downloaden"]:hover, .hs-button[value="Download now"]:hover {
background-color:#D8605E;
}
.mdl-checkbox__box-outline {
left: -20px;
}
.mdl-checkbox.is-upgraded {
padding-left: 0px;
}
.hs-form legend, .legal-consent-container, .legal-consent-container p {
    font-size: 13px;  
}

/****** BREADCRUMB *********/
.hs-breadcrumb-label {
    font-size: 16px;
}
/***********CONTACT***************/
.demicon-hero a {
color: white !important;
  border-bottom: 1px solid white;
  font-weight: bolder;
}
/********FORM***********/
input[type=color], input[type=date], input[type=datetime-local], 
input[type=datetime], input[type=email], input[type=month], input[type=number], 
input[type=password], input[type=search], input[type=tel], input[type=text], 
input[type=time], input[type=url], input[type=week], select, textarea {
padding: 9px 8px !important
}
/**********BAG TO TOP ARROW**************/
.fa-chevron-up:before {
    content: "\f077";
    position: relative;
    left: 17px;
    top: 14px;
}

/********FORM ERROR MESAGGE*****/
.hs-error-msgs label a {
    font-weight: bold !important;
  }

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after {
    content: "\f107";
    display: inline-block;
    font-family: "Font Awesome 5 Free" !important;
    font-style: normal;
    font-weight: bold;
    line-height: 1;
    margin-left: 5px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-2.hs-item-has-children > a:after {
    content: "\f105";
    float: none;
    font-family: "Font Awesome 5 Free" !important;
    line-height: 24px;
    position: absolute;
    right: 10px;
    top: 5px;
}


.container-table {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.table-column {
  flex-basis: calc(33.33% - 15px);
  padding: 50px 10px;
  margin-bottom: 20px;
  background-color: #f8f8f8;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);
}

.table-title {
  text-align: center;
  margin-bottom: 15px;
}

.table-content {
  text-align: center;
}
.table-content > p {
  font-size: 16px
}

.blue-text {
  color: #0066ff;
}

.bold {
  font-weight: bold;
}

.large-text {
  font-size: 20px;
}
.super-large-text{
font-size: 50px;
}

span.blue-text > img {
  max-width: 51px;
  height: auto;
  vertical-align: middle;
}
.bg-gray{
  background-color: none;
}

@media screen and (max-width: 800px) {
  .table-column {
    flex-basis: 100%;
  }
}

.font-responsive-large {
  font-size: 24px ;
  
  @media (max-width: 768px) {
    font-size: 18px;
  }
}
.font-responsive-med {
  font-size: 20px ;
  
  @media (max-width: 768px) {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  h1.blog-post__title{
    font-size:30px !important;

  } }

.popupform{
left: -30px;
}

cta-quaternary{
background-color: 
}

.pakete-check-points{
  display: flex; 
  align-items: baseline;
}
.pakete-check-points img {
   margin-right: 10px; 
    vertical-align: middle;
   flex-shrink: 0;
  margin: 0 10 0 0!important;
}
.pakete-check-points p{
    flex: 1; 
    margin: 0; 
    word-wrap: break-word; 
}

/* FORM */
[data-hsfc-id=Renderer] .hsfc-CheckboxField label {
align-items: flex-start !important;
}
[data-hsfc-id=Renderer] .hsfc-CheckboxField label>span,
[data-hsfc-id=Renderer] .hsfc-CheckboxField label>span>span > p {
  font-size: 14px;
  color: #444;
}
[data-hsfc-id=Renderer] .hsfc-CheckboxField label>span {
    display: flex;
    gap: 5px;
}


.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a:after {
    content: ""!important;
    display: none;
    font-family: Font Awesome\ 5 Free!important;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin-left: 5px
}

/* STICKY BLOG FLOATING EXPERT*/
 .sticky-sidebar-wrapper {
    position: sticky;
    top: 100px; 

  }

/* Cookie Banner MObile*/
@media (max-width: 768px) {
  div#hs-eu-policy-wording {
    font-size: 12px;
  }
  p#hs-eu-cookie-disclaimer {
    font-size: 12px;
  }
#hs-eu-cookie-confirmation #hs-eu-confirmation-button, #hs-eu-cookie-confirmation #hs-eu-cookie-settings-button, #hs-eu-cookie-confirmation #hs-eu-decline-button{
    height: 2.3em !important;
}
  #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner {
    padding: 1em 1.2em !important;
}
  #hs-eu-cookie-confirmation #hs-eu-confirmation-button{
  border-radius: 3em;
  }
}  


/* WORK ICONS */
.work-icons:hover{
  transform: scale(1.2);
    opacity: 0.7;
    transition: transform 0.3s ease, filter 0.3s ease;
  }
/* CTA GREEN*/
.cta-green{
  color: #ffffff; 
  background-color: #31e517; 
  border-radius: 25px; 
  font-family: 'Montserrat', sans-serif; 
  font-size: 16px; 
  text-align: center; 
  text-decoration: none; 
  border: none; 
  align-content: center;
  padding: 8px 22px; 
  font-weight: 600; 
  user-select: none;
  transition: transform 0.3s ease, filter 0.3s ease;
}
.cta-green:hover{
    transform: scale(1.2);

}
/* About us - col2 */
.padding-left-col2-map{
  padding-left:50px;
  ]