/* Colors */

 

 


  






/* Typography */
            /*  */
                         /*  */
                          /*  */
 /*  */
  /*  */
  /*  */

/* Structure */
      /*  */





/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */

.hs-blog-listing .header-circular-buttons .row-number-5{
  display: none;
}

.row-fluid .page-center {
    float: none !important;
    max-width: 1145px;
    margin: 0 auto !important;
}

h1{
  font-size: 2.5rem;
  font-weight: bold;
}
h2{
  font-size: 1.875rem;
  font-weight: bold;
}
h3{
  font-size: 25px;
  font-family:"Montserrat";
  color: #ff893d;
}
h4{
  font-size: 1.5rem;
  font-weight: bold;
}
h5{
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
}
h6{
  font-size: 1.125rem;
}

p{
  line-height:1.5;
  font-family: 'Montserrat', arial, sans-serif;
  font-size: 18px
}

span, div{
  /* line-height:1.25; */
  font-family: 'Montserrat', arial, sans-serif;
}

strong{
  font-weight: bold;
}
a {
  font-family: 'Montserrat', arial, sans-serif;
}

/*****************************************/
/*              Header                   */
/*****************************************/

.header-top{
  background: rgba(20,20,20,0.8);
}


    .top.fixed a.mobile-trigger { top: 7px; width: 39px; height: 35px; padding: 7px 8px; }
    .top.fixed .mainmenu.js-enabled .hs-menu-flow-horizontal { position: absolute; top: 8px; }


.logo img{
  position:absolute;
  top: -10px;
  z-index: 99;
  text-align: right;
}

.hs-menu-wrapper a{
  color: white;
  text-transform: uppercase;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{
float:unset;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{
  max-width: unset !important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li:first-child a:before{
  display: none;
}
.custom-menu-primary ul{
  margin: 0;
}
.custom-menu-primary li{
  display: inline-block;
  padding: 0 3px;
  position: relative;
}
.custom-menu-primary li a::before {
  content: "•";
  color: #ff883e;
  margin-right: 10px;
}
.custom-menu-primary li:hover a{
  color: #ff893d;
}
.custom-menu-primary li:hover ul li a{
  color: black;
}
.custom-menu-primary li ul li:hover a{
  color: #ff893d;
}
.custom-menu-primary li a{
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.2rem;
  font-family: "Montserrat-SemiBold",Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
  font-weight: bold;
  letter-spacing: .9px;
  text-transform: uppercase;
}
.custom-menu-primary li a{
  overflow: unset !important;
  text-overflow: clip!important;
  text-decoration: none;
  padding: 10px 0px !important;
}
.main-navigaiton ul{
	position: relative;
}
.custom-menu-primary li ul li{
  display: block;
  line-height: 2rem;
  height: 2rem;
}
.custom-menu-primary li ul{
  display: none;
}
.custom-menu-primary li ul li a{
  text-transform: unset;
}
.custom-menu-primary li:hover ul{
  display: block;
  position: absolute;
  z-index: 99;
  padding: 35px;
  background: white;
  margin-left: -80px;
}

.header-background-image{
    content: '';
    display: block;
    background-image: url(https://4305242.fs1.hubspotusercontent-na1.net/hubfs/4305242/EBLT/Blog/Template_Header/Headerbild_Blog_BG_DE.jpg);
    background-position: center 10%;
    background-repeat: no-repeat;
    height: 185px;
    width: 100%;
    background-size: cover;
}

.language-switch {
  text-align: right;
}

@media (max-width: 735px){
  .language-switch ul li a {
    margin: -28px 0px 0 0;
    padding: 0 115px 0 0 !important;
    background: transparent !important;
  }  
}

@media (min-width: 736px) and (max-width: 992px){
  .language-switch ul li a {
    margin: 12px 0px 0 0;
    padding: 0 115px 0 0 !important;
    background: transparent !important;
  }
}

/*****************************************/
/*          Post Filter Top              */
/*****************************************/

.post-filter-top .post-categories .widget-module ul{
		margin: 0;
    padding: 0;
    list-style-type: none;
}
.post-filter-top .post-categories .widget-module ul li {
    padding: 0;
    display: inline-block;
}
.slick-slide .overlay .boxed-text {
    font-family: 'Panton-Black',sans-serif;
}
.slick-slide .overlay .slider-caption span{
    font-family: 'Panton-Black',sans-serif;
}
.post-filter-top .post-categories .widget-module ul li a { 
    font-size: 18px;
    padding: 15px 0;
    display: inline-block;
    color: #666666;
    font-weight: bold;
    text-decoration: none;
}
.post-filter-top .post-categories .widget-module ul li a:hover{
  color:#ff893d;
}
.post-filter-top .post-categories .widget-module ul li a:after {
  	content: '|';
    color: #666666;
    padding: 15px 5px;
}
.post-filter-top .post-categories .widget-module ul li a span {float: none !important;}
.post-filter-top .post-categories .filter-expand-link {color: #ffffff;}

span.filter-link-count {
  display:none;
}

/*****************************************/
/*              Post Body                */
/*****************************************/
.blog-section .hs-featured-image-link{
  position: relative;
}
.blog-section .hs-featured-image {
  float:none;
  max-width:100%;
  margin:0;
}

.blog-post-wrapper {
  background: #e5e5e5;
  padding:25px;
  color: #333333;
  margin-bottom:25px;
}

.blog-post-wrapper h1 {
  font-size: 24px;
  font-family:"Montserrat";
  color: #ff893d;
}

.blog-post-wrapper h2 {
  font-size: 18px;
  font-family:"Montserrat";
  color: #666666;
}
.blog-listing-wrapper .post-content a.topic-link { 
  font-size: 15px;
  font-family:"Montserrat";
  padding: 3px 0;
  display: inline-block;
  color: #666666 !important;
  text-decoration: none !important;
}
.selected {
  color: #ff893d !important;
}
.blog-listing-wrapper .post-content a.topic-link.activecolor{
  color: #ff893d !important;
}
.blog-listing-wrapper .post-content a.topic-link:hover { 
  color:#ff893d !important;
}  
.blog-post-wrapper .publish-date {
  color: #666666;
  font-weight: bold;
  font-size: 18px;
}

.blog-post-wrapper .social-sharing {
  text-align:center;
  padding:40px 0 0 0;
  color: #666666;
  font-weight: bold;
  font-size: 18px;
}
.blog-post-wrapper .social-sharing .social-sharing-icon img {
    width: 50px;
    padding: 25px 5px 0 5px;
}


/* Comment Form */

.blog-comments {
  background: #e5e5e5;
  padding: 25px;
  color: #333333;
  margin-bottom:25px;
}

.blog-comments .hs-input {
  color: #666666;
  font-family:"Montserrat";
  font-size: 16px;
  border:none;
}

.blog-comments .hs-fieldtype-text,
.blog-comments .hs-submit {
  width:40%;
  float:right;
}

.blog-comments .hs-fieldtype-text .hs-input {
  padding:15.5px;
}

.blog-comments .hs-fieldtype-textarea {
  width:55.5%;
  float: left;
  margin-right:25px;
}

.blog-comments form {
  overflow: auto;
  padding: 1.5rem;
}
.blog-comments textarea {
  min-height: 180px !important;
  padding: 25px;
}

.hs-field-desc {
  display:none !important;
}  

.blog-comments legend {
  display:none;
}

.blog-comments .hs-form-required {
  display:none;
}
.post-header{
  padding: 20px 0;
}
#hubspot-topic_data .topic-link{
  text-decoration: none;
}
input[type="submit" i]{
  background: #ff893d;
  color: #ffffff;
  font-weight: bold;
  font-size: 20px; 
  padding: 15px 0;
  width: 100%;
  border:none;
  float:right;
  margin-top: 10px;
}

ul .no-list .hs-error-msgs .inputs-list {
  color:red;
  font-size:11px;
}

 li label .hs-error-msg {
  color:red;
  font-size:11px;
}

@media (max-width: 767px){
  
  .blog-comments .hs-fieldtype-text, 
  .blog-comments .hs-fieldtype-textarea,
  .blog-comments .hs-submit {
    float: none;
    width: 100%;
  }
  
/*   input[type="submit" i]{
    float:none;
    width:100%;
  } */
  
  .blog-post-wrapper .social-sharing .social-sharing-icon img {
    width: 40px;
    padding: 25px 5px 0 5px;
  }
  
}

/*****************************************/
/*             Post Listing              */
/*****************************************/

/* BLOG POSTS LISTING */
@media (min-width: 768px) {
  .blog-listing-wrapper .row-fluid {
    display: flex;
  }

  .blog-listing-wrapper .page-1 .post-item-4 .hs-featured-image {
    height: 400px;
  }
}

.blog-listing-wrapper .blog-pagination {
  display: flex;
  justify-content: center;
  padding: 35px 0;
}

.blog-listing-wrapper .blog-pagination a {
  color: #666;
  text-decoration: none;
  padding: 5px;
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
}

.blog-listing-wrapper .blog-pagination a.active {
  color: #ff893d;
}

.blog-listing-wrapper .hs-featured-image {
  height: 190px;
  background-position: center;
  background-size: cover;
}

.blog-listing-wrapper .post-item {
  background: #e5e5e5;
  margin-bottom: 25px;
  position: relative;
  height: 370px;
}
.blog-section .hs-featured-image-link img{
  max-width: 100%;
  height: auto;
}
.blog-listing-wrapper .post-header,
.blog-listing-wrapper .post-header a {
  color: #ff893d;
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
  font-weight: bold;
  bottom: 20px;
  width: 95%;
  height: 100px;
  margin: 0 !important;
  padding: 0;
}
.blog-listing-wrapper #hubspot-topic_data{
  /* min-height: 80px; */
  max-height: 110px;
  overflow: hidden;
}
.blog-listing-wrapper .post-content {
  padding: 5px 15px;
}

.blog-listing-wrapper .post-content .topic-link {
  padding: 0;
}
/*****************************************/
/*          Pre-Footer-Section           */
/*****************************************/

.pre-footer{
  border-top:1px solid #e5e5e5;
  margin: 30px 0 50px;
}

.pre-footer ul {
  list-style-type:none;
  margin: 0; 
  padding: 0;
}

.pre-footer ul li {
   padding: 10px 0;
}

.pre-footer a {
  text-decoration: none;
  color: #666666
}

a.filter-expand-link {
   padding: 10px 0;
}

.pre-footer .social-icon img{
    padding-right: 10px;
}

@media (max-width: 768px){
  
  .pre-footer .social-follow-header {
    text-align: center; 
  }
  .pre-footer .social-icon {
    float:none;
    text-align: center;  
  }
  
  .pre-footer .social-icon img{
    width: 45px;
  }
}

/*****************************************/
/*              Footer                   */
/*****************************************/

/* .footer-top {
  background: #ff893d;
  padding: 10px 0;
}

.footer-top a {
  font-family: 'Montserrat', arial, sans-serif;
  color: #ffffff;
  font-size: 15px;
}

.footer-top a:hover {
  color: rgba(255,255,255,0.6);
}

.footer-top .hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
  padding:10px 0;
} */

/* Click to top scroll */



.row-fluid .contenthelper.page-center{
  margin-top:70px !important;
  padding: 20px;
}
/* .footer-bottom {
  background: #141414;
}
.footer-bottom a{
   color: #ffffff;
}
.footer-bottom p {
   color: #ffffff;
   padding: 0 20px;
} */
.prefooter{
  margin: 30px 0 15px 0;
  border-top: 1px solid #e5e5e5;
  padding: 25px 0 25px 0;
}
.prefooter li{
   padding-bottom: 10px;
}
.prefooter li a{
  text-decoration: none;
  color: #666;
}
.page-center .prefooter ul{
  list-style-type: none;
  padding-left: 0;
}
.prefooter li a:hover{
  color: #ff893d;
}
.prefooter h3{
  color: #ff893d;
  margin-bottom: 25px;
  line-height: 1.1;
}

.row-fluid .footer-icon ul { margin:0; padding:0; list-style-type:none; text-align: right; }
.row-fluid .footer-icon ul li { margin:0; padding:5px 2px 5px 0; display:inline-block; }
.row-fluid .footer-icon ul li a { width:38px; height:38px; line-height:38px; display:inline-block; text-align:center; color:; text-decoration:none; }
.row-fluid .footer-icon ul li a:hover { color:rgba(255,255,255,0.6) }
.row-fluid .footer-icon ul li a:before { font-family: 'Font Awesome 5 Brands'; display:block; font-size: 22px;font-weight:normal;}
.row-fluid .footer-icon ul li:nth-child(2) a:before { content:"\f39e"; }
.row-fluid .footer-icon ul li:nth-child(3) a:before { content:"\f168"; }
.row-fluid .footer-icon ul li:nth-child(4) a:before { content:"\f0e1"; } 
.row-fluid .footer-icon ul li:nth-child(5) a:before { content:"\f167"; }
.row-fluid .footer-icon ul li:nth-child(6) a:before { content:"\f16e"; }
.row-fluid .footer-icon ul li:nth-child(7) a:before { content:"\f0e0"; font-family: 'Font Awesome 5 Free'; font-weight:900; }/*envelope*/

.back-to-top-wrapper {
  display: flex;
  justify-content: center;
}

/* @media (max-width: 767px){
  
  .footer-top {
    font-size: 0.75rem;
    padding: 25px;
  }
  
  .footer-bottom p {
    font-size: 0.75rem
  }
} */


@media (min-width: 992px) and (max-width:1024px){

  .custom-menu-primary ul li a {
    font-size: 14px;
  }
  
  
  .pre-footer .social-icon img {
    width: 50px;
  }
  
   .logo img {
    right:0;
  }
  
   .footer-top {
    padding: 25px;
  }
    .pre-footer {
    padding: 25px;
  }
}

@media (max-width: 991px){
  
  .header-top{
  background: rgba(20,20,20,0.8);
  height:40px !important;
  }

  .logo img{
    width:120px !important;
    right:0;
    top:0;
    background: transparent !important;
    right:0;
  }
  
  .custom-menu-primary li a::before {
    display:none;
  }