/* Blog header */

.blog-header {
  background-color: #F8FAFC;
  text-align: center;
}

.blog-header__inner {
  margin: 0 auto;
  max-width: 600px;
}

.blog-header__form {
  margin: 0 1rem;
}

@media screen and (min-width: 768px) {
  .blog-header__form {
    margin: 0 auto;
    width: 500px;
  }
}

/* Blog header - author listing */

.blog-header__author-avatar {
  border-radius: 50%;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
  display: block;
  height: auto;
  margin: 0 auto 1.4rem;
  width: 200px;
}

.blog-header__author-social-links a {
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  margin: 0 5px;
  position: relative;
  width: 40px;
}

.blog-header__author-social-links a:hover,
.blog-header__author-social-links a:focus {
  background-color: #494A52;
}

.blog-header__author-social-links svg {
  fill: #FFF;
  height: 15px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}

/* Blog listing */

.blog-index {
  display: flex;
  flex-wrap: wrap;
  padding: 80px 0;
}

.blog-index__post {
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-index__post {
    flex: 0 0 calc(100%/2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-index__post {
    flex: 0 0 calc(100%/3);
  }
}

@media screen and (min-width: 768px) {
  .blog-index__post--large {
    display: flex;
    flex: 1 0 100%;
  }
}

.blog-index__post-image {
  height: auto;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .blog-index__post-image-wrapper--large {
    flex: 1 1 48%;
  }

  .blog-index__post-content--large {
    flex: 1 1 48%;
    padding-left: 2rem;
  }

  .blog-index__post-content--full-width {
    flex: 1 1 100%;
    padding-left: 0;
  }
}

.blog-index__post-content h2 {
  margin: 0.7rem 0;
}

.blog-index__post-content--small h2 {
  font-size: 1.25rem;
}

.blog-index__post-content a {
  color: #494A52;
}

/* Blog pagination */

.blog-pagination {
  display: flex;
  justify-content: center;
}

.blog-pagination__link {
  border: 2px solid transparent;
  border-radius: 7px;
  line-height: 1;
  margin: 0 0.1rem;
  padding: 0.25rem 0.4rem;
  text-decoration: none;
}

.blog-pagination__link--active {
  border-color: #B0C1D4;
}

.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}

.blog-pagination__prev-link {
  margin-right: 0.25rem;
}

.blog-pagination__next-link {
  margin-left: 0.25rem;
}

.blog-pagination__link.blog-pagination__prev-link--disabled,
.blog-pagination__link.blog-pagination__next-link--disabled {
  color: #B0C1D4;
  cursor: default;
  pointer-events: none;
}

.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: #494A52;
  margin: 0 0.3rem;
}

.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #B0C1D4;
}

.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid #B0C1D4;
}

/* Blog post */

.blog-post {
  margin: 0 auto;
  max-width: 960px;
}

.blog-post__meta {
  margin-bottom: 1.4rem;
}

.blog-post__meta a {
  color: #494A52;
  text-decoration: underline;
}

.blog-post__timestamp {
  display: block;
}

.blog-post__tags svg {
  height: auto;
  margin-right: 10px;
  width: 15px;
}

.blog-post__tag-link {
  font-size: 0.875rem;
}

/* 2 column Blog post Styling *

.section-right .blog_2col_h2 h1,
.section-right .blog_2col_h2 h2,
.section-right .blog_2col_h2 h3 {
font-size: 30px;
font-weight: 600;
}
.section-right .blog_2col_img img {
display: block;
margin: 0 auto;
}

.section-right .blog_2col_subsription .hs_cos_wrapper h3 {
font-size: 24px;
font-weight: 600;  
}
.section-right .blog_2col_subsription .widget-type-blog_subscribe .hs_submit {
position: absolute;
right: 0;
top: 32px;
}
.section-right .blog_2col_subsription .widget-type-blog_subscribe input[type="submit"] {
border-radius: 0 4px 4px 0px;
border-style: solid none;
border-width: 0px medium;
height: 46px;
}
*/
/* Blog related posts */

.blog-related-posts {
  background-color: #F8FAFC;
}

.blog-related-posts h2 {
  text-align: center;
}

.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
}

.blog-related-posts__post {
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100%/2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100%/3);
  }
}

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 0.7rem 0;
}

.blog-related-posts__title a {
  color: #494a52;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}
/* ############################################# */
/* Blog Banner - Subscription Form Popup */
/* ############################################# */
.cta-banner h3 {
  text-transform: uppercase;
}
.cta-banner .custom-cta {
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  background: rgb(246,174,66);
  color: rgb(255,255,255);
  height: auto;
  transition: all .4s ease;
  text-shadow: none;
  width: auto;
  font-size: 16px;
  font-family: Montserrat, sans-serif !important;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  line-height: 24px;
  text-decoration: none;
  letter-spacing: 1px;
  padding: 15px 30px;
  border-style: solid;
  border-width: 2px;
  border: 1px none transparent;
  border-radius: 100px;
}
.cta-banner .custom-cta:hover {
  background: rgb(255,191,72);
  color: rgb(244,244,244);
}
.cta-banner .custom-cta:active:hover {
  background: rgb(196,139,52);
  color: rgb(244,244,244);
}

/*  Modal Box */
.modal_box {
  //display: none;
  position: fixed; 
  z-index: 9; 
  padding-top: 100px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh; 
  width: 100%;
  max-width: 100vw;
  overflow: auto;  
  justify-content: center;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.7);
}
/*
.modal_box .modal-overlay {
  background-color: rgb(0,0,0);
  height: 100%;
  left: 0px;
  opacity: 0.6;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: -1;
} */
.modal_content {
  background-image: url(https://www.park-sieben.com/hubfs/relaunch_2020/images/key_visuals/blog-abonnieren-key-viusal-popup-940x470px.png);
  background-position: center;
  background-repeat: no-repeat;  
  background-size: cover;
  box-shadow: 0px 0px 5px 2px rgb(255 255 255 / 50%);
  border: 1px solid rgba(255, 255, 255, 1);
  padding-top: 30px;
  width: 45%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 1300px) {
  .modal_content {
    width: 60%;
  }
}

@media screen and (max-width: 991px) {
  .modal_content {
  width: 70%;
  }
}
@media screen and (max-width: 768px) and (min-width: 675px) {
  .modal_content {
    top: 60%;
  }
}
@media screen and (max-width: 674px) and (min-width: 548px) {
  .modal_content {
    top: 70%;
  }
}
@media screen and (max-width: 547px) {
  .modal_content {
    top: 80%;
    width: 85%;
  }
}
@media screen and (max-width: 420px) {
  .blog-overview-height {
    height: 440px !important;
  }
}

.modal_content img.p7-logo {
  max-width: 300px;
}
.modal_content .close {
  background-color: transparent;
  color: #cccccc;
  float: right;
  font-size: 20px;
  font-weight: 400;
  text-shadow: none;
  margin-right: -20px;
    margin-top: -28px;
}
.modal_content .close:hover,
.modal_content .close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.modal_content hr.separator {
  width: 100%;
  margin-left: 0;
  border-color: #f4f4f4;
}
.modal_content .modal-heading,
.modal_content .modal-text {
  color: #fff;
}

.modal_content .form {
  background-color: #fff;
  padding: 30px;
  margin: auto;
  width: 100%;
}
.modal_content .hbspt-form form .legal-consent-container .hs-richtext p {
  font-size: 12px !important;
  margin-bottom: 15px !important;
}
.modal_content .hbspt-form form .legal-consent-container label {
  display: inline-flex;
  margin-bottom: 0;
}
.modal_content .hbspt-form form .legal-consent-container ul.inputs-list {
  margin-bottom: 0;
}
.modal_content .hbspt-form form .legal-consent-container label input.hs-input {
  margin-top: 3px;
}
.modal_content .hbspt-form form .legal-consent-container label span p {
  padding: 0;
}
.modal_content .hbspt-form form label[Placeholder] {
  display:none;
}
















/* 
 ==========================================================================
   DOCUMENT INFORMATION            
 ========================================================================== 
 *
 * Document: WASABI Main Stylesheet
 * Version:  1.0.0
 * Client:   Hubspot Marketplace
 * Author:   Struto Ltd - www.struto.co.uk
 *
 * hs-menu-item hs-menu-depth-2 hs-item-has-children
 ==========================================================================
   INDEX            
 ==========================================================================  
 * 1) =IMPORTS
 
   2) =VARIABLES
    
 * 2) =COS BASE
    *) Core
    *) Typography

 * 3) =WASABI THEME
    *) Default COS Modules
    *) Template Styles
    *) Media Queries

 * 4) =MENU NAVIGATION
    *) Menu Header Structure
    *) Desktop Menu
    *) Mobile Menu
    
 * 5) =FORMS
    *) Global Forms(Default)
    *) Footer Subscription Form
    *) Multi Column Form
    *) Contact Us / Blog Comments

 ==========================================================================  */

/* ==========================================================================
   1) ==IMPORTS
   ========================================================================== */

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/* ==========================================================================
   Core                                                    
   ========================================================================== */

/* ==========================================================================
   Default COS Modules                                               
   ========================================================================== */

.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
  border-width: 0;
  max-height: 170px;
  max-width: 210px;
  height: auto;
  width: auto;
  display: inline-block !important;
  float: right;
  margin: 20px 0 20px 20px;
}
.hs-blog-social-share {
  padding: 10px 0 0 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  height: auto;
}

/** 
 * Blog Commments 
 *
 * Custom styles are listed below, as the COS does not provide default styles.
 */
#toggleComments {
  background-color: #fff;
  border-color: #fc6047 !important;
  color: #fc6047 !important;
}
#toggleComments:hover {

}

#comments-listing {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    margin-top: 30px;
}
.comment {
    margin: 10px 0;
    border-top: 1px solid #ccc;
    padding: 15px 0;
}
.comment-date { 
    font-size: 13px;
    text-align: right;
}
.comment-from {
    font-weight: bold;
}
.comment-body {
    padding: 10px 0;
}
.header-container-wrapper {
    position: absolute;
}


/* ==========================================================================
   Template Styles                                                 
   ========================================================================== */
   
.row-fluid .span12.code-block,
.code-block {
    position: absolute;
    height: 0;
    width: 0;
}
.c-logo {
    height: 30px;
    margin-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
}
.c-logo.c-logo--block {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    float: none;
    text-align: center;
}
.o-container {
    position: relative;
    z-index: 4;
}

.o-container.page-center {
    z-index: auto;
}
.o-container.u-letter-box--super.u-letter-box--nbp {
    padding-bottom: 0px;
}
.o-container.u-letter-box--super.u-letter-box--ntp {
    padding-top: 0px;
}

.c-card {
    display: inline-block;
    overflow: hidden;
    min-height: 210px;
    padding: 0px;
    border-style: none;
    border-width: 1px;
    border-color: hsla(0, 0%, 85%, .5);
    background-color: #fff;
    text-decoration: none;
}
.testimonial-slider-b .c-card {
    min-height: 286px;
}
.c-card.c-card--ghost {
    border-color: transparent;
    background-color: transparent;
}
.c-card.c-card--full {
    border-style: none;
    background-color: transparent;
}
.c-card.c-card--ghost-border {
    background-color: transparent;
}
.c-card.c-card--footer {
    min-height: 0;
    border-style: none;
    background-color: transparent;
    color: #fff;
    text-decoration: none;
}
.c-card.c-card--footer:hover {
    text-decoration: underline;
}
.c-card.c-card__secondary-articles {
    width: 100%;
    height: 360px;
    -webkit-transition: box-shadow 350ms ease;
    transition: box-shadow 350ms ease;
}
.c-card.c-card__secondary-articles:hover {
    box-shadow: 11px 10px 40px -4px rgba(0, 0, 0, .2);
}
.c-card.c-card__secondary-articles:hover h4 {
	color: #fc6047;
	-webkit-transition: color 350ms ease;
    transition: color 350ms ease;
}
.c-card.c-card__secondary-articles:active {
    box-shadow: none;
}
.c-card__item {
    padding: 1.2em;
}
.c-card__item.c-card__item--divider {
    background-color: #bebebe;
    color: #fff;
    font-weight: 700;
}
.c-card__item.c-card__item--divider.c-card__item--primary {
    background-color: #dd4e0c;
}
.c-card__item.c-card__item--divider.c-card__item--info {
    background-color: #00d2ff;
}
.c-card__item.o-media.o-media--footer {
    padding: 0em 0em 0.8em;
}
.c-card__heading {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Montserrat',sans-serif;
}
.c-card__heading-sub {
    color: #afafaf;
    font-size: 0.7em;
    font-weight: 400;
}
.c-card__header {
    padding-top: 1em;
    padding-right: 1.2em;
    padding-left: 1.2em;
}
.c-card__header.u-card--np {
    padding-top: 0em;
    padding-right: 0em;
    padding-left: 0em;
}
.c-card__body {
    padding: 0.7em 1.2em 1.2em;
}
.c-card__body.o-panel {
    position: relative;
}
.c-card__body.o-panel.c-card__body--scroll-small {
    height: 300px;
}
.c-card__body.c-card__body--full {
    position: absolute;
    top: 3.5em;
    bottom: 4.5em;
    overflow: auto;
}
.c-card__body.u-card--np {
    padding: 0px;
  	overflow-y: auto;
    height: 200px;
  clear: both;
}
.c-card__footer {
    padding: 0em 1.2em 1.2em;
}
.c-card__footer.c-card__footer--fixed {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.o-panel-container {
    position: relative;
}
.o-panel-container.demo-panel {
    height: 400px;
}
.scroll-wrap {
  position: absolute;
}
.c-scroll-top {
    position: fixed;
    right: 90px;
    bottom: 15px;
    z-index: 9999;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/up-arrow-key-1.svg'), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/up-arrow-key.svg');
    background-image: url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/up-arrow-key-1.svg'), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/up-arrow-key.svg');
    background-position: 50% 130%, 50% 50%;
    background-size: 20px 20px, 20px 20px;
    background-repeat: no-repeat, no-repeat;
    background-attachment: scroll, scroll;
    -webkit-transition: background-position 300ms ease, background-color 200ms ease, opacity 350ms ease;
    transition: background-position 300ms ease, background-color 200ms ease, opacity 350ms ease;
    -ms-box-shadow: 0 20px 55px -8px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 20px 55px -8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 20px 55px -8px rgba(0, 0, 0, 0.4);
}
.c-scroll-top:hover {
    background-color: #ea7b7b;
    background-position: 50% 50%, 50% -20px;
    -webkit-transition: background-position 300ms ease, background-color 200ms ease, opacity 350ms ease;
    transition: background-position 300ms ease, background-color 200ms ease, opacity 350ms ease;
}
/*.c-scroll-top.w--current:hover {*/
/*    background-color: #fc6047;*/
/*}*/

.c-dropdown-toggle {
    color: #fff;
}
.c-dropdown-toggle.u-color--dark {
    font-family: 'Montserrat',sans-serif;
    color: #282c36;
    font-weight: 400;
}
.dropdown-link {
    -webkit-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
    color: #282c36;
    font-weight: 400;
}
.dropdown-link:hover {
    background-color: #ebebeb;
}
.dropdown-link.w--current {
    color: #fc6047;
}
.c-nav-dropdown-list.w--open {
    background-color: #fff;
    box-shadow: 6px 6px 29px 0 rgba(0, 0, 0, .3);
}

.w-dropdown {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
    z-index: 900;
}
.w-dropdown-btn, 
.w-dropdown-toggle,
.w-dropdown-link {
    color: #222222;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    position: relative;
    text-align: left;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
}
.w-dropdown-toggle {
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    padding-right: 40px;
}
.w-icon-dropdown-toggle {
    bottom: 0;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em;
    font-style: normal;
}
.w-icon-arrow-down:before, 
.w-icon-dropdown-toggle:before {
  	font-family: FontAwesome;
    content: "\f107";
}
.w-dropdown-list {
    background: #dddddd none repeat scroll 0 0;
    display: none;
    min-width: 100%;
    position: absolute;
}
    .w-dropdown-link {
    color: #222222;
    display: block;
    padding: 10px 20px;
}

.blog-search-wrapper form.gsc-search-box {
  margin: 0 !important;
}
.blog-search-wrapper table.gsc-search-box {
  margin: 0 !important;
}
.blog-search-wrapper .cse .gsc-control-cse, .gsc-control-cse {
    border: medium none !important;
    margin-top: 8px !important;
    padding: 0 !important;
}
.blog-search-wrapper td.gsib_b {
  display: none !important;
}
.blog-search-wrapper table.gsc-search-box {
  border: 2px solid #ececec !important;
  height: 45px !important;
  border-radius: 5px !important;
}
.blog-search-wrapper .gsc-search-box-tools .gsc-search-box .gsc-input,
.blog-search-wrapper .gsc-search-box .gsc-input > input:focus, .gsc-input-box-focus {
    border: medium none !important;
    box-shadow: none !important;
    outline: medium none !important;
    text-indent:12px !important;
    background-image:none !important;
}
.blog-search-wrapper .gsc-search-box .gsc-input > input:hover, 
.blog-search-wrapper .gsc-input-box-hover {
    border-color: transparent !important;
    box-shadow: none !important;
}
.blog-search-wrapper .cse .gsc-search-button,
.blog-search-wrapper .gsc-search-button {
  background-color: transparent !important;
  background-image: none !important;
  border: medium none !important;
}
.blog-search-wrapper .cse .gsc-search-button .gsc-search-button-v2, 
.blog-search-wrapper .gsc-search-button-v2 {
  background-color: transparent !important;
  border: medium none !important;
  height: 20px !important;
  margin-top: 2px !important;
  min-width: 12px !important;
  padding: 0 !important;
  width: auto !important;
}
.blog-search-wrapper .gsc-search-button {
  /*background-image: url("//165931.fs1.hubspotusercontent-na1.net/hubfs/165931/Struto-Website-2017/search.svg?t=1502194812609") !important;*/
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 50% 50% !important;
  padding-right:12px;
}
.blog-search-wrapper .gsc-control-cse.gsc-control-cse-en{
    -webkit-transition: box-shadow 500ms ease;
    transition: box-shadow 500ms ease;
}
.blog-search-wrapper .gsc-control-cse.gsc-control-cse-en:hover{
    box-shadow: 5px 5px 21px -4px rgba(0, 0, 0, .2);
}

.blog-search-wrapper .gsc-search-button svg{
    width:30px;
    height:20px;
}

.blog-search-wrapper .gsc-search-button svg:hover{
    cursor:pointer;
}

.blog-search-wrapper .gsc-search-button svg path{
    fill:#fc6047;
}
/**** end of Blog search btn *****/

.o-blog-filter-options--dropdown-list.w--open {
    background-color: #f1f1f1;
    box-shadow: 6px 5px 29px -4px rgba(0, 0, 0, 0.2);
    margin-top: 9px;
    z-index: 9999;
}
.w-dropdown-list.w--open {
    display: block;
}
.o-blog-filter-options--dropdown {
    z-index: 1;
    margin-top: 8px;
    margin-left: 23px;
    border: 2px solid #ececec;
    border-radius: 5px;
    -webkit-transition: box-shadow 500ms ease;
    transition: box-shadow 500ms ease;
}
.o-blog-filter-options--dropdown:hover {
    box-shadow: 5px 5px 21px -4px rgba(0, 0, 0, .2);
}
.o-blog-filter-options--dropdown-toggle {
    z-index: 9999;
    width: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Montserrat',sans-serif;
    color: #d3d3d3;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
}
.o-blog-filter-options--dropdown-list.w--open {
    z-index: 9999;
    margin-top: 9px;
    background-color: #f1f1f1;
    box-shadow: 6px 5px 29px -4px rgba(0, 0, 0, .2);
}
.o-blog-filter-options--dropdown-link {
    background-color: transparent;
    -webkit-transition: background-color 500ms ease, color 500ms ease;
    transition: background-color 500ms ease, color 500ms ease;
    text-transform: uppercase;
}
.o-blog-filter-options--dropdown-link:hover {
    background-color: #fc6047;
    color: #fff;
}
.o-blog-filter--search {
    margin-top: 6px;
    padding: 11px 20px;
    border: 2px solid #ececec;
    border-radius: 5px;
    -webkit-transition: box-shadow 500ms ease;
    transition: box-shadow 500ms ease;
    font-family: 'Montserrat',sans-serif;
    color: #d3d3d3;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
}
.o-blog-filter--search:hover {
    box-shadow: 5px 5px 21px -4px rgba(0, 0, 0, .2);
}
.c-blog-filter--search-text {
    display: inline-block;
}
.o-blog-filter-icon {
    color: #fc6047;
}
.c-article {
    position: relative;
    width: 100%;
    height: 440px;
    padding: 30px;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-2.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('//2040891.fs1.hubspotusercontent-na1.net/hubfs/2040891/Marketplace/WASABI/img/blog-main-2.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    -webkit-transition: box-shadow 500ms ease;
    transition: box-shadow 500ms ease;
    color: #fff;
}
.c-article:hover {
    box-shadow: 11px 10px 29px -4px rgba(0, 0, 0, .2);
}
.c-article:active {
    box-shadow: none;
}
.c-article.u-ty--hlarge {
    height: 400px;
    display: block;
}
.o-grid__cell.u-centered.u-mar--bottom {
    margin-bottom: 20px;
}
.waves-effect {
	position: relative;
	cursor: pointer;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	will-change: opacity, transform;
	transition: all .3s ease-out;
	margin-top: -1px;
}
.waves-effect .waves-ripple {
	position: absolute;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	opacity: 0;
	background: rgba(0, 0, 0, 0.3);
	transition: all 0.7s ease-out;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transform: scale(0);
	transform: scale(0);
	pointer-events: none;
}
.c-article__main--toast {
    position: absolute;
    z-index: 3;
    overflow: auto;
}
.c-article__main--toast.c-alerts-toast--bottom-left {
    left: 40px;
    bottom: 40px;
    width: 70%;
}
.c-article__main--toast.c-alerts-toast--bottom-left.u-alerts-toast--left {
    width: 80%;
}
.o-social-icons {
    display: inline-block;
    float: right;
}
.o-social-icons > div {
    float: right;
}
.blog-post-body .o-social-icons {
    margin-top: -5px;
}
.c-card__image {
    max-width: 100%;
}

.c-card__image.u-secondary-article-image {
   
    height: 200px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.c-card__content.u-c-card-lessp {
    padding: 1.7em 2.2em 2.2em;
}
.c-card.c-card__secondary-articles {
    width: 100%;
    height: 400px;
    -webkit-transition: box-shadow 350ms ease;
    transition: box-shadow 350ms ease;
    background-color: #f4f4f4;
}
h2.c-heading.custom-blog-headline {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.c-blog-article {
    position: relative;
    width: 100%;
    height: 440px;
    padding: 30px;
   
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    -webkit-transition: box-shadow 500ms ease;
    transition: box-shadow 500ms ease;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}
.c-blog-article:hover {
    box-shadow: 11px 10px 29px -4px rgba(0, 0, 0, .2);
}
.c-blog-article:active {
    box-shadow: none;
}
.c-blog-article__feature {
    text-decoration: none;
}
/*
.c-blog-article__feature.u-blog-article__feature--bottom-left {
    position: absolute;
    left: 40px;
    bottom: 30px;
    overflow: visible;
    width: 80%;
}
.c-blog-article__feature.u-blog-article__feature--bottom-left.u-blog-article__feature--pb {
    bottom: 40px;
}

.listing-wrapper {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 10px;
  	display:inline-block;
}

.listing-wrapper .span4 {
    margin: 0;
    width: 33.333333%;
    padding: 10px;
}
*/
/* =======================================
Blog Relaunch Start
======================================= */

.hs-blog-post .mainMenu {
  background-color: #ffffff;
}

.hs-blog-post .mainMenu .custom-menu-primary .hs-menu-wrapper > ul > li > a, .invert-nav .custom-menu-primary .hs-menu-wrapper > ul > li > a {
  color: #282c36;
  -webkit-font-smoothing: auto;
}

@media (max-width: 991px) {
  .hs-blog-post .mainMenu .mobile-trigger i, .blogPageMenu .mobile-trigger i:before, .blogPageMenu .mobile-trigger i:after {
    background-color: #282c36;
  }
} 

.widget-type-blog_content .listing-wrapper {
  width: 100%;
}
.latest-blog-article {
 flex-wrap: wrap; 
}
.body-container-wrapper .widget-type-blog_content .post-body ul li:before {
  content: "●";
  color: #ea7c7c;
  position: absolute;
  left: -20px;
  font-size: 12px;
}
.body-container-wrapper .widget-type-blog_content .post-body ul {
  list-style:none;
  list-style-type: none !important;
}

.blog-overview-cta-image {
  width: auto;
  height: 200px;
  margin: 0 auto;
}

.blog-overview-height {
  height: 440px !important;
}

@media (max-width: 991px) {
  .blog-overview-height {
    height: 420px !important;
  }
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
  .blog-overview-height {
    height: 500px !important;
    margin-top: 8px;
    margin-left: 0px;
  }
}
@media screen and (max-width: 991px) {
  .blog-overview-height {
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 15px;
    max-width: 96% !important;
    text-align: -webkit-center;
  }
}

.pad05 {
  padding: 1em !important;
}


.custom-cta-blog {
  line-height: 1.5em;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff !important;
  font-weight: 400;
  font-size: 16px;
  padding: 15px 30px;
  border-style: solid;
  border-width: 2px;
  border: 1px none transparent;
  border-radius: 100px;
  background-color: #ea7a7b !important;

}
.widget-type-blog_content .row {
  flex-wrap: wrap;
}
.related-section {
  background-color: #f4f4f4;
}

.related-articels-headline {
  font-weight: 600;
  font-size: 24px;
  color: #282c36;

}

.background-related {
  background-color: #ffffff;
}

.author-related-posts {
  font-size: 18px;
  color: #767b86;
  font-style: italic;
  padding-bottom: 5px;
  padding-top: 15px;
}

.headline-related-posts {
  font-size: 20px;
  color: #282c36;
  font-weight: 600;
  padding-top: 0px;
}

.social-blog {
  font-size: 1.5rem !important;
}

.social-icons-listing-blog {
  float: right;
  display: block;!important;
}

.dark-grey-headline {
  color: #282c36;
  font-weight: 600 !important;
  font-size: 3rem !important;
}
.dark-grey-headline > span {
  overflow-wrap: break-word;
}
    
@media screen and (max-width: 992px) {
  .dark-grey-headline {
    font-size: 1.8rem !important;
  }
}

.weight600 {
  font-weight: 600;
}

@media screen and (min-width: 792px) {
  .related-section .row {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
}

.blogInfo {
  background-color: #fff;
  padding: 25px;
}
nav#topicMenu {
  background-color: #fff;
}
a.o-blog-filter-options--dropdown-link.w-dropdown-link {
  color: #282c36;
  font-weight: 400;
  transition: background-color 500ms ease 0s;
  display: block;
  padding: 10px 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  text-decoration: none;
  vertical-align: top;
  font-size: 14px;
}

.o-blog-filter-options--dropdown-link:hover {
  background-color: #ebebeb;
}

.o-blog-filter-options--dropdown-toggle.w-dropdown-toggle {
  width: 325px;
}

.topic-link {
  color:inherit!important;
  font-style: italic}

.topic-link:link {
  color:inherit!important;
}

.flexwrapunset {
  flex-wrap:wrap!important
}

.o-blog-filter-options--dropdown-list.w--open,
.o-blog-filter-options--dropdown-list.w--open {
  box-shadow: none !important;
  min-width: inherit;
}
@media (max-width: 767px) {
  .o-blog-filter-options--dropdown.w-dropdown {
    width: inherit;
  }
}
@media screen and (min-width: 530px) and (max-width: 767px) {
  .o-blog-filter-options--dropdown.w-dropdown {
    margin-left: 10px;
  }
}
.blog-searchbar {
  background-color: #f4f4f4;
}
.o-blog-filter-options--dropdown-toggle.w-dropdown-toggle {
  background-color: #fff;
}

.hs-blog-post .o-section.blog-searchbar{
  padding-top:70px;
}

.hs-input {
  margin-right: 5px;
}
.sociallinks a > img {
  max-width:75px;
  width:100%;
}

.reviews .kununu-badge {
    width: 135px
}

.reviews .kununu-badge>a {
    display: block
}

.reviews .google-badge>a {
    background-color: #f8f8f8;
    border-radius: 5px;
    display: block;
    margin-top: 2px;
    text-align: center;
    width: 124px
}


.ie-vertical {
  display:flex;
  align-items: center;
}

.landingpage-footer-link:hover {
  text-decoration:none;
  color:#ffffff!important;
}

.video-container .cookieconsent-optout-marketing a {
  cursor: pointer;
}
.video-container .cookieconsent-optout-marketing a span.error-msg {
  display: none;
  background: rgba(234,123,123, 0.9);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  z-index: 2;
  padding: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-container .cookieconsent-optout-marketing a:active > span.error-msg,
.video-container .cookieconsent-optout-marketing a:focus > span.error-msg {
  display: block;
} 
.video-container .cookieconsent-optout-marketing a img {
  width: 100%;
  padding-bottom: 30px;
}

.pink-cta {
  font-size: 16px;
  font-color: #fff;
  background:rgb(234,122,123);
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  line-height: 24px;
  text-decoration: none;
  letter-spacing: 1px;
  padding: 15px 30px;
  border-style: solid;
  border-width: 2px;
  border: 1px none transparent;
  border-radius: 100px;
  display:inline-block;
  margin-left:30px;
}

.input[type="submit"]:hover {
  background-color: #ea7b7b!important;
}.
.hs_grund_ihrer_kontaktaufnahme.hs-grund_ihrer_kontaktaufnahme  {
  font-weight:bold!important};

body .hs-form-field > label {
  font-size:13px!important;}

.hs_test_kontroll.hs-test_kontroll.hs-fieldtype-booleancheckbox.field.hs-form-field {
  width:auto!important;}