/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */



.body-container,.container-fluid, .container{
  padding-right:0;
  padding-left:0;
}
/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}




























* {
  font-family: Din, sans-serif;  
}
.navbar {
  z-index: auto;
  background-color: #fff;
  color: #000;
}

h1 > a, h2 > a, h3 > a {
  color:#000;
}
p,span{
  font-size: 18px;
}
a {
  color:#000;
  text-decoration:underline;
}

a:hover {
  color: #008196;
}

body.noScroll { 
  overflow: hidden;
  position:fixed;
  width:100%;
  max-width:100%;
}

/*********************************************************************** GRADIENTS*/
.gradient-pink {   
    background-image: linear-gradient(334deg, #e40521 7%, #d40361 47%, #ce0276);    
}
.gradient-blue {
    /*background-image: linear-gradient(334deg, #005098, #005098 15%, #49bed8);   */
  background-image: linear-gradient(334deg, #005098, #1068a6 38%, #3eadce 85%, #49bed8);
}
.gradient-violet {
    background-image: linear-gradient(334deg, #482974, #6a1f75 33%, #af0b76 85%, #ce0276);    
}
.gradient-green {
    background-image: linear-gradient(334deg, #008196 17%, #419c80 49%, #b3cd59 83%, #dddf4b);
}
.gradient-yellow {
    background-image: linear-gradient(-45deg, rgba(226,8,33,1) 10%, rgba(253,233,118,1) 100%);
}
.gradient-purple {
    background-image: linear-gradient(-45deg, rgba(0,31,212,1) 10%, rgba(190,63,255,1) 100%);
}
/************************************************************************* BLOG */
.lang_switcher_class {
    position: absolute;
    width: 100%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    right: 9em;
    top: -4em;
}
.lang_list_class {
    top: 17px;
    right: -76px;
    left: unset;
}
.lang_list_class li {
  border: none !important;
    padding: 20px;
    background: #008196;
}
.lang_list_class li a, 
.lang_list_class li a:hover {
  color: white;
}
.lang_list_class:after {
      border-bottom-color: #008196;
}
.lang_list_class:before {
  border: none;
}
.blog-section,.post-footer{
  max-width:1200px;
  margin:0 auto;
  margin-bottom:4em;
}

.post-listing {
    padding: 3em 1em;
    display: flex;
    flex-direction: row;
    align-content: stretch;
    flex-wrap: wrap;
    gap: 50px;
    padding: 3em 1em;
    justify-content: space-evenly;
}
.post-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 0;
    flex-direction: column-reverse;
    flex-basis: calc(33% - 30px);
    padding: 0;
}

.post-item > div * + * {
  margin-top: 1em;
}
.img.post-featured {
  max-width: 100%;
    min-width: 15rem;
    padding-bottom: 25px;
  overflow: hidden;
}

.img.post-featured img{ 
  max-width: 100%;  
  max-height: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
}
.blog-content {
  flex-grow:9999;
  flex-basis: 15rem;
  color:#000;  
}
.blog-content h2 a{
  letter-spacing:0;
  word-break: break-word;
  text-decoration:none;
}
.post-title {
  font-size: 26px;
  font-weight:700;
  margin-top:0;
}
.post-author, .post-date{
  font-weight:400;
  color: #676767;
}
.post-tags{
  margin:0;
  padding:0;
}
.post-tags ul,
.post-tags li,
.post-tags ul li{
  margin:0;
  padding: 0;
  text-indent: 0;
  list-style-type: none;
}

.post-tags li {
  display:inline-block;
}
.post-tags a{
  color: #676767;
  font-size:1.2em;
}

.post-tags a:hover {
  color: #008196;
}

.more-link {
  background-image: url('//cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Icons/pfeil-schwarz.png');
  background-size:1em;
  background-repeat:no-repeat;
  background-position: right;
  padding-right:1.5em;
}
/* BLOG POST */
.single-post-header-wrapper, .blog-listing-header-wrapper {
  padding:10em;
  margin-bottom:8em;
}
.single-post-header, .blog-listing-header {
  color:#fff;  
  margin:0 auto;    
  max-width:940px;
}
.blog-listing-title {
  font-family: Ropasoftpro;
  font-size: 50px;
  text-transform: uppercase;
  line-height: 0.9;
  letter-spacing: 0;
  margin:0;
  margin-bottom:0.1em;
  max-width:78%;  
}
.single-post-title, .blog-listing-subtitle {
  font-family: Ropasoftpro;
  font-size: 82px;
  text-transform: uppercase;
  line-height: 0.9;
  letter-spacing: 0;
  margin:0;
  margin-bottom:0.1em;
  max-width:78%;
}
.single-post .post-author, .single-post .post-date {
  padding:0;
  margin:0;
  color: #fff;
  font-weight: 700;
}
.single-post-content {
  display:flex;
  justify-content: center;
  align-items: flex-start;  
  align-content: flex-start;
  flex-wrap:wrap;  
  max-width:940px;
  margin:0 auto;
}
.single-post-body {
  flex-basis:20rem;
  flex-grow:1;  
  padding-right:2em;
}
.single-post-meta {
  flex-basis:15rem;
}
.single-post-social {
  margin-top:3em;
}
.absolute {
  position: absolute;
}
#blog-tags {
  max-width: 1200px;
  margin: 0 auto;
}
#blog-tags ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 20px;
}
#blog-tags li {
  background: #008196;
    border-radius: 5px;
    padding: 5px 15px;
}
#blog-tags li a, 
#blog-tags li a:hover {
  color: white;
  text-decoration: none;
}
#blog-tags li.active {
  background: #95C56E;
}
.filter-expand-link {
    display: block; 
    text-align: center;
}
.hs-pagination {
  font-size: 18px;
}
/******************************************************************** END BLOG */


/******************************************************************** OLD MENU ****/
/* .container-navbar {
  display: block;
  width: auto;
  max-width: 100%;
  padding: 3em 8em;
  transition: background-position 0.5s;
  background-size: 100% 200%;
  background-image: linear-gradient(to bottom, #fff 50%, #008196 50%);
  background-position:0 0;
  overflow:hidden;
  z-index:100;
}

.container-navbar.menu-opened {  
  background-position: 0 -100%;
}
.container-navbar .lc-logo {
    float:left;
  }
.lc-menu {
  position: relative;  
  float: right;
}

.lc-menu ul,
.lc-menu li,
.lc-menu ul li{
  margin:0;
  padding: 0;
  text-indent: 0;
  list-style-type: none;
}

.lc-menu a {
  display: block;
  width: auto;
  max-width: none;
  padding: 2rem 0px;
  font-family: Ropasoftpro, sans-serif;
  color: #fff;
  font-size: 34px;
  line-height: 16px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing:0.02em;
  outline:none;
}

.lc-menu a:hover {
  text-decoration:underline;  
}

.lc-menu .hs-menu-wrapper {
  position: fixed;
  left: 0%;  
  right: 0%;
  bottom: auto;
  z-index: 900;
  display: block;
  overflow: hidden;
  width: auto;
  height: 0vh;
  max-width: 100%;
  background-color: #008196;
  opacity: 1;
}
.lc-menu .menu-trigger {
  background-image: url("//cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Icons/menu-tuerkis.png");
  background-repeat:no-repeat;
  background-size: cover;
  width:29px;
  min-height:19px;
  float:right;
  cursor:pointer;
}
.menu-opened .lc-menu .menu-trigger {
  background-image: url("//cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Icons/menu-close-weiss.png");
  background-repeat:no-repeat;
  width:30px;
  min-height:30px;  
}
.lc-menu .child-menu-icon{
  background-image: url("//cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Icons/arrow_down-weiss.png");
  background-repeat:no-repeat;
  background-size: cover;  
  width: 1em;
  min-height: 0.55em;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3em;
}
.lc-menu .child-open > a {
  text-decoration:underline;
}
.lc-menu .hs-menu-children-wrapper a {
  padding: 1rem 0px;
  font-family: Din, sans-serif;
  color: #fff;
  font-size: 34px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  text-transform: none;
} */
/******************************************************************** END OLD MENU */
/******************************************************************** NEW MENU ****/
.container-navbar {
  display: block;
  width: auto;
  max-width: 100%;
  z-index:100;
  background-color:#fff;
}
.container-navbar .row-number-2{
  padding: 3em 3em;
  position:relative;
  z-index:99999;
  background-color:#fff;
  height: auto;
}

.container-navbar .row-fluid{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content:space-between;
}
.container-navbar .row-fluid:before,
.container-navbar .row-fluid:after{
  display:none;
}

.container-navbar .hs_cos_wrapper_type_logo a{
  outline-offset: 4px;
}

.lc-menu * {
    height: 100%;
    display: inline-block;
}

.lc-menu.lc-menu-desktop {
  width:100%;
}

.container-navbar .row-fluid  .lc-menu{
  float: none;
  justify-content: flex-end;
  display:flex;
}

.hs-menu-children-wrapper, .hs-menu-children-wrapper * {
    height: auto;
    display: block;
}
.lc-menu .hs-menu-wrapper > ul{
  display: flex;
  flex-direction: row;
  justify-content: right;
  gap: 4rem;
}
.lc-menu .hs-menu-wrapper .hs-menu-children-wrapper{
  opacity:0;
  visibility:hidden;
  transition:.3s;
}
.lc-menu .hs-menu-wrapper .hs-menu-children-wrapper.show{
  opacity:1;
  visibility:visible;
  transition:.3s;
}

.lc-menu ul,
.lc-menu li,
.lc-menu ul li{
  margin:0;
  padding: 0;
  text-indent: 0;
  list-style-type: none;
  position:relative;
}

.lc-menu a {
  display: block;
  width: auto;
  max-width: none;
  font-family: Din, sans-serif;
  color: #000;
  font-size: 20px;
  line-height: 16px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  letter-spacing:0.02em;
  outline:none;
  text-transform: none;
  transition:.3s;
}

.lc-menu a:hover {
  text-decoration:underline;
  text-decoration-thickness: 3px;
  color:#000!important;
  transition:.3s;
}

.lc-menu a:hover .child-menu-icon{
  filter:brightness(0);
  transition:.3s;
}

.lc-menu a:focus{
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 4px;
  transition:none;
}
.lc-menu .hs-menu-depth-2 a:focus{
  outline-offset: 0px;
}
.container-navbar .menu-trigger {
  background-image: url("//cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Icons/menu-tuerkis.png");
  background-repeat:no-repeat;
  background-size: cover;
  width:29px;
  min-height:19px;
  float:right;
  cursor:pointer;
}
.menu-opened .lc-menu .menu-trigger {
  background-image: url("//cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Icons/menu-close-weiss.png");
  background-repeat:no-repeat;
  width:30px;
  min-height:30px;  
}
.lc-menu .child-menu-icon{
  background-image: url("//cdn2.hubspot.net/hubfs/1535545/arrow_down-tuerkis.png");
  background-repeat:no-repeat;
  background-size: cover;  
  min-height: 0.55em;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3em;
  width: 15px;
  background-size: contain;
  transition:.3s;
  filter:brightness(0);
}
.lc-menu .child-open > a {
  text-decoration:underline;
}

.lc-menu .hs-menu-children-wrapper{
  position: absolute;
  background-color: #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  left: -2rem;
  width: max-content;
  top:40px;
}

.lc-menu .hs-menu-children-wrapper a {
  font-family: Din, sans-serif;
  color: #000;
  line-height: 1;
  font-weight: 700;
  text-align: left;
  text-transform: none;
  padding:0;
  padding: 20px;
}

.hs-item-has-children.active{
  display:block;
}

.menu-trigger-link:focus{
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 4px;
  transition:none;
}
.menu-trigger-link{
  font-size: 0;
  color:transparent;
}

@media (min-width:768px){
  .container-navbar .menu-trigger {
    display:none!important;
  }
  .container-navbar .lc-menu.lc-menu-desktop{
    display:flex;
  }
  .container-navbar .lc-menu.lc-menu-mobil{
    display:none;
  }
}

@media (max-width:1200px){
  .container-navbar .row-number-2{
    padding:3rem 3rem;
  }
}
@media (max-width:989px){
  .container-navbar .row-number-2{
    padding:3rem 3rem;
  }
  .container-navbar .lc-logo img{
    width:180px!important;
  }
  .container-navbar .lc-logo{
    width:auto;
  }
  .container-navbar .lc-menu{
    margin-left:0;
  }
  .lc-menu .hs-menu-wrapper>ul{
    gap:2rem;
  }
  .body-container {
    padding: 1em!important;
  }
}
@media (max-width:767px){
  .container-navbar .row-number-2{
    padding:2rem 3rem;
  }
  .container-navbar .menu-trigger {
    display:block;
    width: 20px;
    height: 20px;
  }
  .container-navbar .menu-trigger-container{
    padding:20px;
    transition:.3s;
  }
  .container-navbar .menu-trigger-container.active{
    background-color: #fff;
    transition:.3s;
  }
  .lc-menu .hs-menu-wrapper>ul{
    flex-direction:column;
    gap:0;
  }
  .container-navbar .lc-menu.lc-menu-mobil{
    position: absolute;
    background-color: #fff;
    top: 90px;
    z-index: 0;
  }
  .container-navbar .lc-menu.lc-menu-desktop{
    display:none;
  }  
  .container-navbar .lc-menu.lc-menu-mobil{
    display:flex;
    width: 100%;
    left: 0;
    justify-content: flex-start;
    transform: translateY(-160%);
    transition:.7s;
    flex-direction: column;
  }
  .container-navbar .lc-menu.lc-menu-mobil.active{
    transform: translateY(9px);
    transition:.7s;
  }
  .lc-menu-mobil a{
    text-align:left;
  }
  .lc-menu.lc-menu-mobil li a{
    padding: 15px;
  }
  .container-navbar .lc-logo img {
    width: 200px !important;
  }
  .lc-menu-mobil .hs-menu-children-wrapper{
    position:relative;
    left:0;
    top: 0;
    width: 100%;
    border-radius:0;
    display: none;
  }
  .lc-menu-mobil .hs_cos_wrapper, .lc-menu-mobil .hs-menu-wrapper{
    width:100%;
  }
  li.hs-item-has-children a{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
}

/******************************************************************** END NEW MENU */
/******************************************************************** FORMS *****/
div.hbspt-form {
        font-family: Din, sans-serif;
    font-size: 18px;
}
fieldset.form-columns-3,
fieldset.form-columns-1 {
  max-width: none;
  margin-bottom: 20px;
}
div.hbspt-form form fieldset:nth-child(4) {
        font-size: 14px;
    width: 96%;
}

div.field.hs-form-field {
        position: relative;
}
div.field.hs-form-field span.hs-form-required {
  position: absolute;
  right: 0.5em;
  top: 1.5em;
  z-index: 999;
}
div.hs-form-field label {
  margin-bottom: 0px;
}

div.hs-richtext,
ul.inputs-list span {
    font-weight: normal;    
}
ul.inputs-list {
  list-style-type: none;
  padding-left: 0px;
}
ul li label.hs-error-msg {
    color: #008196;
    font-size: 14px;
    font-weight: normal;
    margin-top: 8px;
}
select.hs-input,
input.hs-input,
textarea.hs-input {
    height: 48px;
    padding: 6px 10px;
    color: #757575;
    background-color: #ffffff;
    border: 1.5px solid #000000;
    border-radius: 7px;
    font-weight: normal;
    width: 100%;
}
select.hs-input:focus,
input.hs-input:focus,
textarea.hs-input:focus {
        border: none;
    border-bottom: 1.5px solid black;
    border-radius: 0px;
    padding-left: 11.5px;
    outline: none;
}
span.hs-form-required {
        color: #008196;
}
textarea.hs-input {
  width:100%;
  height: 160px;
  padding: 10px;
}
label.hs-form-booleancheckbox-display input.hs-input {
        height: 20px;
}
html body.subscription-preferences .page-header {
    line-height: 0.5;
}
.subscription-preferences .header-container-wrapper,
.subscription-preferences .footer-container-wrapper{
    padding: 20px 0 30px;
    max-width: 940px;
    margin: 0 auto;
}
.subscription-preferences .email-prefs .item .item-inner {
    background: transparent;
    border: none;
}
.subscription-preferences .email-prefs .item {
    margin: 5px 0px;
}
.subscription-preferences #submitbutton {
    margin-top: 15px;
}
/*******BUTTON STYLING*******/
div.actions input.hs-button,
#submitbutton {
    margin-right: 16px;
    border: 2px solid #fff;
    border-radius: 8px;
    font-family: Din, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 46px;
    padding: 14px;
    border-color: #008196;
    background-color: #fff;
    color: #008196;
}
div.actions input.hs-button:hover,
#submitbutton:hover {
    background-color: #008196;
    color: #fff;
}

/******************************************RESPONSIVE**********************************************/
/* images*/

.post-item img, .single-post img{max-width: 100%; height: auto;}
@media only screen and (max-width: 990px){    

}
@media only screen and (max-width: 728px){    
    
}
@media only screen and (max-width: 588px){
    fieldset.form-columns-3 .hs-form-field {
    width: 100% !important;
    float: none !important;
    margin-bottom: 22px;
  }
  
  fieldset.form-columns-3,
  fieldset.form-columns-1 {
    margin-bottom: 0px;
  }
  
  div.hs-form-field div.input {
    margin-right: 0px !important;
  }
  
  .form-columns-3 .hs-form-field .hs-input,
  .form-columns-1 .hs-input {
    width: 100% !important;
  }
  div.hbspt-form form fieldset:nth-child(4) {
        font-size: 12px;
    width: 100%;
    line-height: normal;
    }
  
  .legal-consent-container .hs-form-booleancheckbox-display>span {
    text-align: center;
    margin-left: 0px;
  }
  
  div.actions input.hs-button {
    margin-top: 22px;
  }
  
}

/******************************************************************** END FORMS */

/******************************************************************** TABLETS */
/* Smaller than desktop (e.g. tablets) */
@media (max-width: 991px) {
  .post-footer {
    padding:2em;
  }
  .blog-section, .single-post{
    max-width:100%;
  }
  .post-item {
    flex-basis: calc(50% - 30px);   
  }
  .img.post-featured {
    flex-basis:auto;
  }
  .post-title {
    margin-top:0.3em;
  }
  .img.post-featured {
    max-width:100%;
  }  
  .single-post-header-wrapper {
    padding:4em;    
    margin-bottom: 2em;
  }
  .single-post-content {
    display:block;
  }
  .single-post-title {
    font-size: 54px;
    margin:0;
  }
  .single-post-body, .single-post-meta{
    padding:0 3em;    
  }
/*   .lc-menu a {
    font-size: 38px;
  } */
  .lc-menu .hs-menu-children-wrapper a {
    
  }
  .blog-listing-header-wrapper {
    margin-bottom:2em;
    padding:8em 4em;    
  }
  .blog-listing-title {  
    font-size: 38px;  
  }
  .single-post-title, .blog-listing-subtitle {    
    font-size: 54px;    
  }
  .lc-menu ul {
    height:86%;
    overflow-y:scroll;
  }
}
/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
.lc-menu ul {
    height:86%;
    overflow-y:scroll;
  }
}

/******************************************************************** PHONES */
/* Smaller than tablets (e.g. mobile phones) */
@media (max-width: 767px) {  
  .hide-mobile {
    display:none;
  }
   .post-item {
    flex-basis: 100%;   
  }
  .blog-section {
    max-width:100%;
    padding-left: 0.5em;
  }
  .img.post-featured {
    display:none;
  }
  .post-title {
    font-size: 34px
  }
  .post-footer {
    padding:1em;
  }
  .single-post-header-wrapper {
    padding:1em;
  }
  .single-post-title {
    font-size:46px;
  }
  .single-post-body, .single-post-meta {
    padding:0 1em;
  }
  .lc-logo img{
    max-width:44vw;
  }  
/*   .lc-menu a {
    font-size: 30px;
    padding:1rem 0;
  } */
  .lc-menu .hs-menu-children-wrapper a {
    font-size: 1.8rem;
  }
  .blog-listing-header-wrapper {
    padding:4em 1em;
  }
  .blog-listing-title {  
    font-size: 30px;  
  }
  .single-post-title, .blog-listing-subtitle {    
    font-size: 46px;    
  }
  .lc-menu ul {
    height:86%;
    overflow-y:scroll;
  }
/*   .lc-menu a {
    font-size: 20px;
  } */
  .lc-menu .hs-menu-children-wrapper a {
    font-size: 18px;
  }
}
/* 125% */
@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (-o-min-device-pixel-ratio: 13/10),
	only screen and (min-resolution: 120dpi)
	{    
		/* Your code to swap higher DPI images */
    /*body{
      background:orange;
    }*/
}
/* 150% */
@media	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 15/10),
	only screen and (min-resolution: 144dpi)
	{    
		/* Your code to swap higher DPI images */
    /*body{
      background:blue;
    }*/
}
/* 175% */
@media	only screen and (-webkit-min-device-pixel-ratio: 1.75),
	only screen and (-o-min-device-pixel-ratio: 17/10),
	only screen and (min-resolution: 169dpi)
	{    
		/* Your code to swap higher DPI images */
    /*body{
      background:red;
    }*/
}

/* 200% */
@media	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 20/10),
	only screen and (min-resolution: 192dpi)
	{    
		/* Your code to swap higher DPI images */
    /*body{
      background:violet;
    }*/
}

/* IE10+ Settings */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .blog-content h2 a{
    display:inline-block;
    word-break: break-all;    
  }
  .blog-content {
    max-width:40%;
  }
}
/* Edge Settings */
@supports (-ms-ime-align:auto) { 
  .blog-content h2 a{
    display:inline-block;
    word-break: break-all;    
  }
  .blog-content {
    max-width:40%;
  }
}

/* FONTS */

/* Ropasoft Pro */
@font-face {
  font-family: 'Ropasoftpro';
  src: url('https://cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Fonts/RopaSoftPro-Black.woff') format('woff'),
       url('https://cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Fonts/RopaSoftPro-Black.ttf') format('truetype'),
       url('https://cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Fonts/RopaSoftPro-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
/* DIN Bold */
@font-face {
  font-family: 'Din';
  src: url('https://cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Fonts/DIN-Bold.woff') format('woff'),
    url('https://cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Fonts/DIN-Bold.ttf') format('truetype'),
    url('https://cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Fonts/DIN-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
/* DIN Regular*/
@font-face {
  font-family: 'Din';
  src: url('https://cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Fonts/DIN-Regular.woff') format('woff'),
    url('https://cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Fonts/DIN-Regular.ttf') format('truetype'),
    url('https://cdn2.hubspot.net/hubfs/1535545/Rebranding%202019/Fonts/DIN-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

/*cookie banner*/
body div#hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label {
    background: #ffffff;
    height: auto;
}
body div#hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label.hs-active {
    border-left: 5px solid #008196;
}