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

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


/*****************************************
  DRIVELOCK 2022 BASIC BRANDING OPTONS 
*****************************************/

:root {
  --dl22-primary-color: ##16345A;
  --dl22-primary-alt-color: #007FC7;
  --dl22-secondory-color: #97D1D0;
  --dl22-dark-grey-color: #242f3a;

  --dl22-font-color: #333;
  --dl22-font-on-dark-color: #fff;
  
  --dl22-spacing-1: 10px;
  --dl22-spacing-2: 25px;
  --dl22-spacing-3: 40px;
  --dl22-spacing-4: 80px;
}

@media (max-width: 768px) {
  :root { 
    --dl22-spacing-1: 8px;
    --dl22-spacing-2: 8px;
    --dl22-spacing-3: 10px;
    --dl22-spacing-4: 20px;
  }
}

.mega-menu.active:before {
  background: rgba(255,255,255,0.1);
  top: -8px !important;
}


/* hubspot editor mod */
span.dl22-edit-style-mod {
    background: #fff;
    pointer-events: none;
    padding: 2px;
    font-size: 11px;
    font-weight: 100;
    color: #333;
    border: 1px dotted #333;
    position: relative;
    top: 4px;
    display: none;
}

html.hs-inline-edit .dl22-edit-style-mod {
    display: block;
}


.dl22-sticky {
  position: relative;
  transition: all 0.5s ease-in-out;
}
.dl22-sticky.dl22-is-sticky {
    position: fixed;
    top: 74px;
    margin: 0 auto;
    display: block;
    width: 100%;
    padding: 10px;
    z-index: 10;
    overflow: hidden; /* 230720 */
    max-width: 100%; /* 230720 */
}

@media (max-width: 768px) {
   .dl22-sticky {
      display: none !important;
   }
   .dl22-blog-navigation-section.dl22-sticky {
      display: block !important;
      position: relative !important;
      top: 0 !important;
   }
}

body.dl22-theme i {
   color: #97D1D0;
}


/* applies only to parnter pages right now */
body.dl22-wo-globals h1, 
body.dl22-wo-globals h2, 
body.dl22-wo-globals h3, 
body.dl22-wo-globals h4, 
body.dl22-wo-globals h5,
body.dl22-wo-globals h6
{
    zoom: 0.8;
}



/* HAT Menu World Icon */
.hhs-hat-menu svg {
    transform: translate(-5px, -1px);
}


/*****************************************
  HELPER CLASSES
*****************************************/

.dl22-m-2 {
  margin: var(--dl22-spacing-2);
}
.dl22-m-3 {
  margin: var(--dl22-spacing-3);
}
.dl22-m-4 {
  margin: var(--dl22-spacing-4);
}

.dl22-p-2 {
  padding: var(--dl22-spacing-2);
}
.dl22-p-3 {
  padding: var(--dl22-spacing-3);
}
.dl22-p-4 {
  padding: var(--dl22-spacing-4);
}

.dl22-mx-2 {
  margin-left: var(--dl22-spacing-2);
  margin-right: var(--dl22-spacing-2);
}
.dl22-mx-3 {
  margin-left: var(--dl22-spacing-3);
  margin-right: var(--dl22-spacing-3);
}
.dl22-mx-4 {
  margin-left: var(--dl22-spacing-4);
  margin-right: var(--dl22-spacing-4);
}

.dl22-px-2 {
  padding-left: var(--dl22-spacing-2);
  padding-right: var(--dl22-spacing-2);
}
.dl22-px-3 {
  padding-left: var(--dl22-spacing-3);
  padding-right: var(--dl22-spacing-3);
}
.dl22-px-4 {
  padding-left: var(--dl22-spacing-4);
  padding-top: var(--dl22-spacing-4);
}


.dl22-my-1 {
  margin-top: var(--dl22-spacing-1);
  margin-bottom: var(--dl22-spacing-1);
}
.dl22-my-2 {
  margin-top: var(--dl22-spacing-2);
  margin-bottom: var(--dl22-spacing-2);
}
.dl22-my-3 {
  margin-top: var(--dl22-spacing-3);
  margin-bottom: var(--dl22-spacing-3);
}
.dl22-my-4 {
  margin-top: var(--dl22-spacing-4);
  margin-bottom: var(--dl22-spacing-4);
}

.dl22-py-2 {
  padding-top: var(--dl22-spacing-2);
  padding-bottom: var(--dl22-spacing-2);
}
.dl22-py-3 {
  padding-top: var(--dl22-spacing-3);
  padding-bottom: var(--dl22-spacing-3);
}
.dl22-py-4 {
  padding-top: var(--dl22-spacing-4);
  padding-bottom: var(--dl22-spacing-4);
}


.dl22_text_bold {
  font-weight: bold;
}
.dl22_text_itali {
  font-style: italic;
}



/*****************************************
  BOXED CONTENT IN FLUID WRAPPER (fullsize row with content boxed) 
*****************************************/

.dl22-boxed > .row-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    display: flex; /* make all columss equal height */
}
@media (max-width: 768px) {
  .dl22-boxed > .row-fluid {
    flex-direction: column;
  }
  .dl22-blog-navigation-section > .row-fluid { /* 230720 */
     overflow: hidden;
     padding-left: 0;
     padding-right: 0;
  }
}

@media (min-width: 576px) {
    .dl22-boxed > .row-fluid {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .dl22-boxed > .row-fluid {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .dl22-boxed > .row-fluid {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .dl22-boxed > .row-fluid {
        max-width: 1140px;
    }
}


/*****************************************
  IMMAGE WITH POLAROID BORDER
*****************************************/

img[alt*="style:Rahmen"] {
    border: 24px solid #eee;
    border-radius: 10px;
    box-shadow: 2px 8px 30px #0004, inset 3px 3px 3px #fff;
}


/*****************************************
  STYLED NAVIGATION LIST
*****************************************/

@media (min-width: 769px) {
  ul.dl22-horizontal-list-with-sep {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: space-around;
  }

  ul.dl22-horizontal-list-with-sep li {
      font-size: 18px;
      font-weight: 700;
      padding-right: 40px;
      padding-left: 40px;
      border-right: 2px solid #fff;
      display: flex;
      align-items: center;
  }

  ul.dl22-horizontal-list-with-sep li:first-child {
      padding-left: 0;
  }

  ul.dl22-horizontal-list-with-sep li:last-child {
      padding-right: 0;
      border-right: 0;
  }

  .dl22-horizontal-list-with-sep li,
  .dl22-horizontal-list-with-sep li > span {
    text-align: center;
  }

  .dl22-horizontal-list-with-sep li a {
    color: #fff;
  }
  
  .dl22-auto-anchor-navigation-section {
    background-color: rgba(174, 182, 188, 1);
  }
}

@media (max-width: 768px) {
    ul.dl22-horizontal-list-with-sep {
      list-style-type: none;
      margin: 0;
      padding: 0;
       flex-direction: row;
       width: 100%;
       display: flex;       
   }
   .dl22-auto-anchor-navigation-section > .row-fluid {
       padding: 0;
   }
  .dl22-horizontal-list-with-sep li a {
      color: #fff;
      padding: 0 0.25rem; /* 230720 */ 
      min-width: 48px; /* 230720 */ 
      min-height: 48px; /* 230720 */ 
      float: left; /* 230720 */ 
   }
   ul.dl22-horizontal-list-with-sep li {
      font-size: 16px;
      font-weight: 700;
      padding-top: 0;
      padding-bottom: 0;
      /* border-bottom: 2px solid #fff; */
      display: inline;
      flex: 1;
      align-items: center;
      line-height: 45px; /* 230720 */ 
  }
  ul.dl22-horizontal-list-with-sep li:first-child {
      padding-top: 0px;
  }
  ul.dl22-horizontal-list-with-sep li:last-child {
      border-bottom: 0;
      padding-bottom: 0px;
  }

  
}
@media (max-width: 768px) { /* 230720 */ 
    ul.dl22-horizontal-list-with-sep {
       margin-left: -0.75rem;
   }
}


/*****************************************
  SECTION WITH STYLES
*****************************************/

.dl22-background-dark {
  background-color: var(--dl22-primary-color);
}

.dl22-background-dark p,
.dl22-background-dark li,
.dl22-background-dark h2,
.dl22-background-dark h3,
.dl22-background-dark h4,
.dl22-background-dark h5,
.dl22-background-dark h6 {
  color: var(--dl22-font-on-dark-color);
}

.dl22-background-dark a {
  /*
  color: var(--dl22-secondory-color);
  */
}

.dl22-background-greygradient {
    position: relative;
}

.dl22-background-greygradient:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgb(244,244,244);
    background: linear-gradient(90deg, rgba(244,244,244,0.5) 0%, rgba(192,206,210,0.5) 100%);
}

.dl22-background-greygradient > .row-fluid {
  position: relative;
  z-index: 10;
}


.dl22-section-inline-columns > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-column {
    display: flex;
    gap: var(--dl22-spacing-2);
}

.dl22-section-button-list {
    display: flex;
    gap: var(--dl22-spacing-2);
}
.dl22-section-button-list.bl-grid a {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}


@media (max-width:768px) {
  .dl22-section-inline-columns > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-column {
    flex-direction: column;
  }  

  .row-fluid > .dnd-column {
      margin-bottom: var(--dl22-spacing-4)
  }
  .row-fluid > .dnd-column:last-child {
      margin-bottom: 0;
  }

  .dl22-emtpy-column {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .dl22-width-two-third > .row-fluid > div {
      width: 66%;
  }
}




/*****************************************
  SECTION WITH WHIZTE BACKGROUND
*****************************************/

.dl22-background-dark {
  background-color: #fff;
}


/*****************************************
  HAT MENU 
*****************************************/

nav.hhs-hat-menu {
    font-size: 12px;
    color: #fff;
    text-align: right;
}
nav.hhs-hat-menu i {
    color: #fff;
}


/*****************************************
  FONT AWESOME ICONS
*****************************************/

.fa-chevron-down:before {
  content: "\f078";
}


/*****************************************
  MAIN MENU
*****************************************/

body .hhs-top-bar {
  position: static;
  padding: 4px 0 0 0;
}


.dl22-vertical .row {
    flex-direction: column;
}



body.dl22-theme #hs_cos_wrapper_global_footer .hhs-footer-mod {
    padding-top: 50px;
    padding-bottom: 10px;
}

.mega-nav-con {
    margin-left: -10px;
}

.mega-text-con h5 {
    font-size: 18px;
    text-transform: none;
    margin-bottom: 18px;
}

.mega-nav-con a {
    text-transform: none !important;  
}

.mega-nav-con:before {
    content: '';
    position: absolute;
    border-top: 1px solid #AEB6BC4D;
    left: 15px;
    right: 10%;
}

.mega-nav-con .hs-menu-wrapper > ul {
    margin-top: 8px;
}

.mega-menu {
    border-top: 1px solid #AEB6BC4D !important;
     z-index: 100;
}
header.active:not(.sticky-menu) .mega-menu {
   /* top: 94px !important; */
}

.hhs-nav-links > .hs-menu-depth-1 > a > span,
.hhs-nav-links > .hs-menu-depth-1 > a {
    font-weight: 700 !important;
}

.hhs-nav-links .hs-menu-depth-1 > a:hover {
    color: var(--dl22-secondory-color) !important;
    font-weight: 800 !important;
    cursor: pointer;
}

body.dl22-theme .mega-menu:not(.active):before {
  content: unset;
}
body.dl22-theme .mega-menu.active:before {
  content: '';
}

span.hhs-head-cta-1 {
    margin-right: 10px;
}

.sticky-menu.active .mega-menu {
    top: 62px !important;
}

.sc-site-header__menu > ul > li {
    margin: 0 10px !important;
}

.sc-site-header__menu > ul > li > a {
    padding: 19px 0 !important;
}
.sc-site-header__menu > ul > li > a > span {
    padding: 19px 0 !important;
}

@media (max-width:768px) {
  .dl22-link-with-icon {
    display: block;
    text-align: center;
  }
}

/*****************************************
  BUTTON LIST WITH ARROW
*****************************************/

ul.dl22-button-arrow {
    padding-left: 0;
}

ul.dl22-button-arrow li {
    list-style-type: none;
    border-top: 1px solid #3333334D;
}

ul.dl22-button-arrow li:last-child {
    border-bottom: 1px solid #3333334D;
}

ul.dl22-button-arrow a {
    padding: 12px 25px 2px 15px;
    color: #242F3A;
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
    position: relative;
}

ul.dl22-button-arrow a:after {
    border-right: 1px solid rgba(153, 153, 153, 1);
    border-bottom: 1px solid rgba(153, 153, 153, 1);
    width: 12px;
    height: 12px;
    position: absolute;
    right: 20px;
    content: " ";
    top: 14px;
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}

/*****************************************
  ICON COLUMNS
*****************************************/

.dl22-vertical .row > div {
    justify-content: left;
    display: flex;
    margin-bottom: 20px;
    padding-left: 30%;
}

.dl22-vertical .hhs-icon-con {
  display: flex;
}

.dl22-vertical .hhs-icon-con > span {
  margin-right: 20px;
}

@media (max-width:768px) {
  .dl22-vertical .row > div {
    padding-left: 0;
  }
  .dl22-vertical .hhs-icon-con {
    text-align: left !important;
    margin-bottom: 0 !important;
  }
  .pageid_9529614916 .row-number-30 .icon-wrapper,
  .pageid_9529614916 .row-number-37 .icon-wrapper,
  .pageid_9529614916 .row-number-23 .icon-wrapper,
  .pageid_76868090760 .row-number-23 .icon-wrapper,
  .pageid_76868090760 .row-number-33 .icon-wrapper {
    display: none;
  }
   .pageid_76868090760 .row-number-23,
   .pageid_9529614916 .row-number-23
   {
   margin-bottom: 8.5px !important;
   }
   
}


/*****************************************
  ARROW AFTER LINK
*****************************************/

a.dl22-chevron-right:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f054";
    font-size: 0.7em;
    margin-left: 8px;
    vertical-align: baaeline;
}

a.dl22-chevron-down:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f078";
    font-size: 0.7em;
    margin-left: 8px;
    vertical-align: baaeline;
}

a.dl22-chevron-up:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f077";
    font-size: 0.7em;
    margin-left: 8px;
    vertical-align: baaeline;
}


/*****************************************
  SECTION TEMPLATE columns with flex buttons to bottom
*****************************************/

.dl22-flexed-button-bottom .dnd-column {
    display: flex;
    flex-direction: column;
}

.dl22-flexed-button-bottom .dnd-column .dnd-row:last-child {
    flex: 1;
    align-items: flex-end;
    display: flex;
}

/*****************************************
  SECTION TEMPLATE background with image
*****************************************/

@media (max-width: 767px) {
  .dl22-background-image {
    position: relative;
    z-index: 2;
  }
  .dl22-background-image:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0008;
    z-index: -1;
  }
}
  
/*****************************************
  SECTION TEMPLATE bordered-column
*****************************************/

.dl22-section-bordered-columns {
  margin-top: var(--dl22-spacing-4);
  margin-bottom: var(--dl22-spacing-4);
}

.dl22-section-bordered-columns .dnd-column {
    border: 3px solid var(--dl22-secondory-color);
    padding: 25px 25px 17px 25px;
}

.dl22-section-bordered-columns h2,
.dl22-section-bordered-columns h3,
.dl22-section-bordered-columns h4,
.dl22-section-bordered-columns h5,
.dl22-section-bordered-columns h6 {
    color: var(--dl22-secondory-color);
}

/* make columns in these modules equal height */

.dl22-section-bordered-columns > .row-fluid,
.dl22-section-green-columns > .row-fluid {
  display: flex;
}
@media (max-width: 767px) {
  .dl22-section-bordered-columns > .row-fluid,
  .dl22-section-green-columns > .row-fluid {
    flex-direction: column;
  }
  .dl22-section-bordered-columns .dnd-column {
    margin-bottom: var(--dl22-spacing-2);
  }
  .dl22-section-bordered-columns .dnd-column:last-child {
    margin-bottom: 0;
  }
}

/*****************************************
  SECTION TEMPLATE green columns
*****************************************/

.dl22-section-green-columns,
.dl22-section-green-columns p,
.dl22-section-green-columns a {
  color: var(--dl22-font-on-dark-color);
}

.dl22-section-green-columns .dnd-column {
  /* bottom border minus margin of last p tag, that has bottom margin of 1rem */
  padding: var(--dl22-spacing-3) var(--dl22-spacing-3) calc( var(--dl22-spacing-3) - 1rem ) var(--dl22-spacing-3) !important;
}


/*****************************************
  SECTION TEMPLATE image green overlay
*****************************************/

.dl-ready .dl22-background-greenoverlay:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(151, 209, 208, 0.9);
    z-index: -1;
}

.dl22-background-greenoverlay {
    position: relative;
    z-index: 0;
}


/*****************************************
  SECTION TEMPLATE image blue overlay
*****************************************/

.dl-ready .dl22-next-background-blueoverlay + .dnd-section:before,
.dl-ready .dl22-background-blueoverlay:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #17345aba;
    z-index: -1;
}

.dl22-background-blueoverlay {
    position: relative;
    z-index: 0;
}


.dl22-background-darkgrey {
    background-color: #13031f;
}

.dl22-background-darkgrey-overlay {
    position: relative;
    z-index: 0;
}

.dl-ready .dl22-background-darkgrey-overlay:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #1818195c;
    z-index: -1;
}
@media (max-width: 767px) {
   .dl22-background-darkgrey-overlay:before {
       background: #181819c2;
   }
}

.dl22-background-lightgrey-overlay {
    position: relative;
    z-index: 0;
}

.dl-ready .dl22-background-lightgrey-overlay:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ffffffa0;
    z-index: -1;
}

/*****************************************
  SECTION TEMPLATE pulled up with columns shadow
*****************************************/
.dl22-section-pulledup {
  margin-top: -115px;
}


.dl22-section-pulledup > .row-fluid {
    z-index: 10;
    position: relative;
}


.dl22-columns-shadow > .row-fluid {
    background: #fff;
    padding: 60px;
    gap: 50px;
    display: flex;
}

@media (max-width: 767px) {
  .dl22-columns-shadow > .row-fluid {
    padding: 15px;
  }

  body .dl22-section-pulledup {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}

.dl22-columns-shadow > .row-fluid:before,
.dl22-columns-shadow > .row-fluid:after {
  content: unset;
}

.dl22-columns-shadow > .row-fluid > .dnd-column {
    padding: 25px;
    box-shadow: 0 15px 20px #00000018;
    margin-left: 0;
}

/*****************************************
  SECTION TEMPLATE colored columns with last child bottom aligend
*****************************************/

.dl22-section-colored-columns-flex-bottom .dnd-column {
    display: flex;
    flex-direction: column;
}

.dl22-section-colored-columns-flex-bottom .dnd-column .dnd-row:last-child {
    flex: 1;
    align-items: flex-end;
    display: flex;
}

/*****************************************
  SECTION TEMPLATE dark background with columns having white outlines
*****************************************/

.dl22-white-bordered-columns .dnd-column {
  padding: var(--dl22-spacing-2);
  border: 3px solid #ffffff;
}

.dl22-white-bordered-columns .dnd-column p:last-child {
  margin-bottom:0 !important;
}


/*****************************************
  SECTION TEMPLATE PULLED UP MEDIA ELEMENT
*****************************************/

.dl22-section-media-pulledup .dnd-module > div {
    margin-top: -80px;
    z-index: 10;
    position: relative;
}

/*****************************************
  FORMS
*****************************************/

body.dl22-theme form.hs-form fieldset .hs-form-field {
  padding: 0 20px 0 0;
  margin-bottom: 20px;
}
body.dl22-theme form.hs-form fieldset[class*="form-columns"] .hs-input {
    width: 100%;
    font-size: 16px;
}
body.dl22-theme .hs-fieldtype-checkbox>label, .hs-form .hs-form-field > label {
    display: none;
}

body.dl22-theme .dl22-background-dark .hs-fieldtype-checkbox>label, .hs-form .hs-form-field > label {
   color: #ccc;
}


body.dl22-theme .dl22-background-dark .hs-form-booleancheckbox > label {
   color: #ccc;
}

body.dl22-theme .hs-error-msgs {
    background-color: rgb(255 211 211 / 88%);
}

body.dl22-theme select,
body.dl22-theme .hs-input {
  border-radius: 1px;
}

body.dl22-theme .hs-input::placeholder {
  color: #16345A94;
}
form.hs-form p {
  font-size: 14px;
}

body.dl22-theme .legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 0;
}

body.dl22-theme .mdl-checkbox__box-outline {
  width: 20px;
  height: 20px;
}

body.dl22-theme .mdl-checkbox__label {
    margin-left: 12px !important;
}


/*****************************************
  HERO SLIDER
*****************************************/

.dl22-hero-slider .row.inner {
    display: flex;
    align-items: center;
}

.dl22-hero-slider {
    padding: 0 80px;
}

.dl22-hero-slider .flickity-prev-next-button path {
    stroke-width: 5px;
    stroke: #fff;
    stroke-linecap: round;
}

@media (max-width: 767px) {
  .dl22-hero-slider {
      padding: 0;
  }

  .dl22-hero-slider .c2 {
      margin-top: 25px;
  }
}



/*****************************************
  QUOTES SLIDER
*****************************************/

blockquote.quote-con > div {
    font-style: italic;
    font-size: 28px;
}

.scrolling-testimonials .test-name > div {
    margin-bottom: 10px;
}

@media (max-width: 767px) {
   blockquote.quote-con > div {
       font-size: 20px;
   }
}

/*****************************************
  DL22 MEDIA EVENT TILE
*****************************************/
.dl22-media-tile {
   position: relative;
   display: block;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   min-height: 300px;
}
@media (max-width: 767px) {
   .dl22-media-tile {
      min-height: 200px;
   }
}


.dl22-media-tile img {  
    max-height: 200px;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}


.dl22-media-tile::before {
    transition: all 0.5s ease-in-out;
    content: '';
    position: absolute;
    top: -10px;
    bottom: -10px;
    right: -10px;
    left: -10px;
    z-index: -1;
} 

.dl22-media-tile:hover:before {
    box-shadow: 0 4px 50px rgb(0 0 0 / 23%);
}

.dl22-media-tile.dl22-seealso-tile:before {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
}

.dl22-media-tile.dl22-seealso-tile:hover:before {
    box-shadow: 0 4px 50px rgb(0 0 0 / 13%);
}


.dl22-media-tile .date-overlay {
    position: absolute;
    background: #fff;
    display: block;
    border: 1px solid #333;
    padding: 8px;
    top: 4px;
    right: 4px;
    color: #333;
}

.dl22-media-tile .day {
    font-size: 48px;
    font-weight: 800;
    display: block;
    text-align: center;
}
.dl22-media-tile .month-year {
    font-size: 14px;
    display: block;
    text-align: center;
    margin-top: -8px;
}


.dl22-seealso-tile {
    background: #fff;
    padding-bottom: 25px;
    text-align: center;
}

.dl22-seealso-tile .description {
   text-align: left;
   margin-bottom: 35px;
}

.dl22-seealso-tile h4,
.dl22-seealso-tile .dl22-btn,
.dl22-seealso-tile .description {
   padding-left: 25px;
   padding-right: 25px;
}

.dl22-grey-text-chevron-right {
   color: #444 !important;
   padding: 0 !important;
   text-transform: none !important;
   background: none !important;
   border: none !important;
   font-weight: unset !important;
}
.dl22-grey-text-chevron-right:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f054";
    font-size: 0.7em;
    margin-left: 8px;
    vertical-align: baaeline;
}

/*****************************************
  FOOTER
*****************************************/

body.dl22-theme .foot-nav-title, 
body.dl22-theme .hhs-foot-rss h5,
body.dl22-theme .hhs-foot-nav-col h5 {
    margin-bottom: 34px;
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
}

body.dl22-theme .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
body.dl22-theme .hhs-foot-base-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
body.dl22-theme .hhs-foot-nav-cols .hhs-col-content p {
    font-size: 16px;
    color: #FFFFFF99 !important;
    font-weight: 600;
}

body.dl22-theme .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
  margin-bottom: 6px;
}

body.dl22-theme .hhs-col-content p {
  color: #FFFFFF99;
}


body.dl22-theme .hs-button,
body.dl22-theme .button--primary {
  background-color: var(--dl22-primary-alt-color);
  border: 2px solid var(--dl22-primary-alt-color);
  padding: 14px 40px;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  cursor: pointer;
}

body.dl22-theme .hs-button:hover,
body.dl22-theme .button--primary:hover {
  background-color: #fff !important;
  color: var(--dl22-primary-alt-color) !important;
  transform: scale(1) !important;
}

body.dl22-theme .hhs-foot-break-line {
    border-bottom-width: 2px;
}


.footer .hhs-foot-nav-col h5 {
  text-transform: uppercase;
}

.footer .hhs-foot-nav-col a {
  color: #FFFFFF99;
}

.hhs-foot-copyright {
  float: left;
}

.hhs-foot-legal {
  float: right;
}
.hhs-foot-legal ul li a {
  padding: 12px 20px !important;
  color: #FFFFFF99;
  font-size: 14px;
}


/*****************************************
  TABLE STYLE
*****************************************/

.dl22-table {
   border: 0 !important;
}

dl22-table thead {
   background: #f0f0f0;
}

.dl22-table tr:nth-child(even) {
    background: #f8f8f8;
}

.dl22-table td {
    padding: 15px 0 !important;
}

.dl22-table tr td:first-child {
    padding-left: 15px !important;
}


@media (max-width: 768px) {
   .dl22-table td {
       font-size: 12px;
   }
}

/*****************************************
  ACCORDION
*****************************************/

.dl22-accordion > .container {
    padding: 0 !important;
}

.dl22-accordion .wow {
    padding: 0;
}

.dl22-accordion li .hhs-accordion-content {
   padding: 10px !important;
}

/*****************************************
  BUTTONS
*****************************************/

.dl22-btn {
    padding: 14px 22px;
    background: var(--dl22-primary-alt-color);
    border: 2px solid var(--dl22-primary-alt-color);
    color: #fff;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
}
@media (max-width: 767px) {
   .dl22-btn {
      padding: 9px 25px;
   }
}


.dl22-btn.dl22-btn-blue:hover {
    background: #fff !important;
    border: 2px solid var(--dl22-primary-alt-color);
    color: var(--dl22-primary-alt-color) !important;
}

.hhs-top-bar .dl22-btn {
   padding: 10px 22px;
    font-size: 14px;
 }

.dl22-btn-darkblue {
    background: var(--dl22-primary-color);
    border: 2px solid var(--dl22-primary-color);
    color: #fff;
}
.dl22-btn.dl22-btn-darkblue:hover {
    background: #fff !important;
    color: var(--dl22-primary-color) !important;
}

.dl22-btn-green {
    background: var(--dl22-secondory-color);
    border: 2px solid var(--dl22-secondory-color);
    color: #fff;
}
.dl22-btn-green:hover {
    background: #fff !important;
    border: 2px solid var(--dl22-secondory-color);
    color: var(--dl22-secondory-color) !important;
}

.dl22-btn-green-outline {
    background: transparent;
    border: 2px solid var(--dl22-secondory-color);
    color: var(--dl22-secondory-color);
}
.dl22-btn-green-outline:hover {
    background: var(--dl22-secondory-color) !important;
    color: #fff !important;
}

.dl22-btn-white-outline {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}
.dl22-btn-white-outline:hover {
    background: #fff8 !important;
    color: #fff !important;
}

.dl22-green-white-outline {
    background: var(--dl22-secondory-color) !important;
    border: 2px solid #fff;
    color: #fff;
}
.dl22-green-white-outline:hover {
    background: #fff !important;
    color: var(--dl22-secondory-color) !important;
}

.dl22-btn-dark-grey {
    background: var(--dl22-dark-grey-color);
    border: 2px solid var(--dl22-dark-grey-color);
    color: #fff;
}
.dl22-btn-dark-grey:hover {
    background: #fff !important;
    color: var(--dl22-dark-grey-color) !important;
}

.dl22-btn-dark-grey-outline {
    background: transparent;
    border: 2px solid var(--dl22-dark-grey-color);
    color: var(--dl22-dark-grey-color);
}
.dl22-btn-dark-grey-outline:hover {
    background: var(--dl22-dark-grey-color);
    color: #fff !important;
}


@media (max-width: 768px) {
  .dl22-btn {
    display: block;
  }
  
  a.cta_button {
    text-align: center;
  }
  
}

/*****************************************
  PARTNER FINDEN
*****************************************/

body .partner_dropdown_title::before {
   top: 2px;
   color: #97D1D0;
}

body .partner_dropdown_title span.filters::after {
   top: 2px;
   color: #97D1D0;
}

body .reloadajax {
   color: #97D1D0;   
}

.partnersearchbutton i {
    margin-top: 3px;
    color: #97D1D0;
}

body .partner_dropdown_title {
    padding: 12px 15px;
}

/*** CUSTOM UPLOADED FONTS 
  * Online Google Font Urbanist
***/

@font-face{
     font-display: swap;
   font-family:'FontAwesome';src:url('//static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.eot?v=4.1.0');src:url('//static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('//static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('//static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('//static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}



/* urbanist-100 - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('//4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('//4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('//4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('//4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-200 - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('//4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('//4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-regular.woff2 format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-regular.woff format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-600.woff2 format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-600.woff format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-500.woff2 format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-500.woff format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-700.woff2 format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-700.woff format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-800.woff2 format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-800.woff format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-900.woff2 format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-900.woff format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-100italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 100;
  src: local(''),
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-100italic.woff2 format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-100italic.woff format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-200italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 200;
  src: local(''),
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-200italic.woff2 format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-200italic.woff format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-300italic.woff2 format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-300italic.woff format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-italic.woff2 format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-italic.woff format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-500italic.woff2 format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-500italic.woff format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-600italic.woff2 format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-600italic.woff format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-700italic.woff2 format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-700italic.woff format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-800italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-800italic.woff2 format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-800italic.woff format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* urbanist-900italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-900italic.woff2 format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       //4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/raw_assets/public/2022-Drivelock-clean6-child/fonts/urbanist-v8-latin-900italic.woff format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*/






.trademark {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 300;
}


  /*** FONTS FOR EASY COPY & PASTE 
   * 
   * https://happy.helpfulhero.com/how-do-i-upload-my-own-custom-font
   * 
   * ***/


/******  WEBSITE HEADINGS ******/
h1,h2,h3,h4,h5,h6 {
  font-family: 'Urbanist', sans-serif !important;
  text-transform: unset;
  font-weight: 700;
  margin-top: -0.5rem;
  color: #242F3A;
  line-height: 1.5em;
}

/****** PARAGRAPHS AND LISTS ******/

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


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

/****** BLOG PARAGRAPHS AND LISTS ******/

#comments-listing .comment-body p,
.blog-post p,
.blog-post span {font-family: 'Urbanist', sans-serif !important;}
.blog-post li, .blog-post ol {
   font-family: 'Urbanist', sans-serif !important;
   line-height: 27px;
   margin-bottom: 10px;
}

.blog-index__post {
   padding: 0;
}




/******  BLOG INDEX ******/


.dl22-theme .blog-header-standard {
    margin-bottom: 0;
}

.blog-index__post h2 {
   line-height: 1.2em;
}

.blog-index__post-content--readingtime {
   display: inline-block;
   text-transform: uppercase;
   position: relative;
   font-size: 12px;
   z-index: 6;
}

.blog-index__post-content--readingtime:after {
    content: '';
    position: absolute;
    background: #007fc7;
    height: 4px;
    bottom: -2px;
    left: 0;
    right: 0;
    z-index: -1;
}

.blog-header-standard .blog-header__inner {
   padding-top: 80px;
   padding-bottom: 80px;
}

.blog-header-overlay {
   background-color: #007fc7
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}

.blog-header-overlay:after {
   background-color: #007fc7;
   background-image: url(https://4415727.fs1.hubspotusercontent-na1.net/hubfs/4415727/2022_Bilder/Webseiten/3%20Ressourcen/3.5%20Blog/2022_DriveLock_Blog.jpg);
   background-position: center -5px;
   background-blend-mode: soft-light;
   background-size: cover;
   opacity: 0.3;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   content: '';
}

.blog-index__post .blog-post__tag-link {
    background-color: #007fc7;
    position: absolute;
    top: 0;
    right: -5px;
    color: #fff;
    border-radius: 0;
}
@media (max-width: 768px) { /* 230720 */
   .blog-index__post .blog-post__tag-link {
      min-width: 48px;
      min-height: 48px;
   }
}
.blog-index__post .date-overlay {
    position: absolute;
    bottom: 63%;
    left: 20px;
    padding: 2px 8px;
    background: #fffc;
    font-size: 12px;
}

.dl22-blog-navigation-section {
    background-color: #aeb6bc;
}
.hs-blog-listing .dl22-horizontal-list-with-sep {
   justify-content: flex-start;
   color: #17345a;
   font-weight: 100;
}

.hs-blog-listing ul.dl22-horizontal-list-with-sep li:first-child {
   border-right: 0;
   font-weight: 700;
   color: #17345a;
}
.hs-blog-listing ul.dl22-horizontal-list-with-sep li:first-child:after {
   content: "\f054";
   font-family: fontawesome;
   margin-left: 10px;
   margin-top: 2px;
   font-size: 14px;
}

.blog-header__form {
   width: 100%;
}


.dl22-theme .blog-pagination__link {
   border-radius: 0;
}
.dl22-theme .blog-pagination__link--active {
    border: 2px solid #00a4bd;
    background: #00a4bd;
    color: #fff !important;
    border-radius: 0;
}



/******  BLOG POST ******/

.dl22-blog-hero-header {
   background-repeat: no-repeat;
   background-size: cover;
   padding-top: 80px;
   padding-bottom: 80px;
   background-position: 50% 25%;
   position: relative;
}
@media ( max-width: 768px ) {
   .dl22-blog-hero-header {
      padding-top: 20px;
   }
}

.dl22-blog-hero-header .dl22-media-tile:hover:before {
   box-shadow: none;
}
/*
.dl22-blog-hero-header:after {
    content: '';
    background: #17345a;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0.75;
    pointer-events: none;
}
*/

.dl22-blog-hero-header > .container {
   position: relative;
   z-index: 20;
}

.dl22-blog-hero-header h1.blog-post__title {
   font-family: Urbanist;
   font-style: normal;
   font-weight: 700;
   text-decoration: none;
   text-transform: none;
   color: rgb(22,52,90);
   font-size: 38px;
   line-height: 1.3em;
   margin-top: 10px;   
}
@media ( max-width: 768px ) {
   .dl22-blog-hero-header h1.blog-post__title {
      font-size: 30px !important;
      line-height: 42px;
      margin-top: 10px;
   }
}

.dl22-blog-hero-header .readingtime {
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    font-size: 12px;
    z-index: 6;
    color: #007fc7;
}

.dl22-blog-hero-header .readingtime:after {
    content: '';
    position: absolute;
    background: #007fc7;;
    height: 4px;
    bottom: -2px;
    left: 0;
    right: 0;
    z-index: -1;
}

.dl22-blog-hero-header .blog-post__tag-link {
    color: #fff;
    background-color: #00a4bd;
    border-radius: 0;
}

.dl22-theme .hhs-blog-grid-cards .blog-index {
   flex-wrap: nowrap;
   padding: 3.3rem 0;
   display: flex;
   gap: 20px;
   width: 100%;
}
.dl22-theme .hhs-blog-grid-cards .blog-index__post {
    flex: 33%;
}
@media ( max-width: 768px ) {
   .dl22-theme .hhs-blog-grid-cards .blog-index {
      flex-wrap: wrap;
   }
   .dl22-theme .hhs-blog-grid-cards .blog-index__post {
       flex: 100%;
   }
}
.blog-index:after {
   content: unset !important;
}

.dl22-theme .post-page-full {
   background-color: #fff;
}

.blog-post figure {
    margin: 40px 0 0 0;
}

.blog-post-back {
   color: #fff;
}

.blog-post-back:before {
   content: "\f053";
   font-family: fontawesome;
   margin-right: 10px;
   margin-top: 2px;
   font-size: 14px;
}

.dl22-theme .hhs-blog-grid-cards .blog-index__post-tag {
    color: #fff;
    background: rgb(5 163 189);
    border-radius: 0;
    font-size: 12px;
    padding: 2px 4px;
}

.dl22-theme .hhs-blog-card-inner {
   position: relative;
}

.dl22-theme .blog-index__post-author span .pub-date {
    color: #333;
    position: absolute;
    bottom: 67%;
    background: #fff;
    padding: 2px 8px;
    font-size: 12px;
}

.dl22-theme h4.card_post_title {
   line-height: 1em;
}

.dl22-theme .hhs-blog-grid-cards .blog-index__post,
.dl22-theme .blog-content-body .blog-index__post {
   cursor: pointer;
}


.blog-post__body figcaption {
    line-height: 27px;
    font-size: 18px;
    color: #444;
}

/****** 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: 'Urbanist', 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: 'Urbanist', 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: 'Urbanist', sans-serif !important;}


/****** FORM ELEMENTS ******/


fieldset {
    position: relative;
}

form:not(.hsForm_7ef32108-0c4a-4979-90aa-dba01cdd3391) legend.hs-field-desc {
    /* position: absolute; */
    right: 110%;
    text-align: right;
    font-size: 18px;
    font-style: italic;
    /* max-width: 200px; */
    height: 100%;
/*    display: flex !important; */
    display: flex;
    align-items: center;
    pointer-events: none;
}

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

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

/* INPUT TEXT FIELD */

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

/* FORM LABEL */

.hs-fieldtype-checkbox > label,
.hs-form label {font-family: 'Urbanist', 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: 'Urbanist', sans-serif !important;}

/* HELP TEXT */

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

/* GDPR TEXT */

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

/* ERROR MESSAGE */

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


/* Lazy Background Handling */

.lazy-background:not(.visible) {
   background-image: unset !important;
}
.dnd-section:not(.visible) {
   background-image: unset !important;
}

/* SEO Step 1 */

.hhs-extras-ctas {
	/* min-width: 302px; */
   min-width: 360px; /* 2023-07-25 */
}
@media (max-width: 1250px) {
   min-width: 230px; /* 2023-07-25 */
}
a.hhs-nav-grid__logo {
	min-width: 178px;
}
.hhs-lang-switch {
	min-width: 40px;
}
.top-bar-search {
	min-width: 30px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a:after {
	min-width: 10px;
}
@media (min-width: 768.01px) {
   #main-content .dl22-blog-navigation-section:not(.dl22-is-sticky) {
   	min-height: 75px;
   }
}
body {
	font-family: Urbanist, Arial, sans-serif;
}
label.hs-form-booleancheckbox-display {
	padding-left: 24px;
}
.blog-pagination .blog-pagination__number-link {
	padding: 0.75rem 0.875rem;
}
@media (max-width: 768px) {
   .dl22-theme .blog-pagination__link {
      min-height: 48px; /* 230720 */
   }
	.blog-pagination .blog-pagination__number-link {
		padding: 0.75rem 0.85rem; /* 230720 */
		min-width: 48px; /* 230720 */
	}
}
@media (max-width: 440px) { /* 230720 */
   .dl22-theme .blog-pagination__link {
      margin: 0; 
   }
   .dl22-theme .blog-pagination__prev-link {
      display: none; 
   }
   .dl22-theme .blog-pagination__next-link {
      display: none; 
   }
}
@media (min-width: 769px) {
	.dl22-blog-navigation-section ul.dl22-horizontal-list-with-sep > li {
		padding-left: 0;
		padding-right: 0;
	}
	.dl22-blog-navigation-section ul.dl22-horizontal-list-with-sep > li > a {
		padding-left: 40px;
		padding-right: 40px;
	}
}
.dl22-theme .hhs-blog-grid-cards .blog-index__post-tag {
	font-size: 14px;
	padding: 6px 10px;
	margin-bottom: 10px;
}
@media (max-width: 1440px) {
	.dl22-auto-anchor-navigation-section ul.dl22-horizontal-list-with-sep li {
	    padding-right: 20px;
	    padding-left: 20px;
	}
}
@media (max-width: 1024px) {
	.dl22-auto-anchor-navigation-section ul.dl22-horizontal-list-with-sep {
		display: block;
	}
	.dl22-auto-anchor-navigation-section ul.dl22-horizontal-list-with-sep li:first-child {
		padding-left: 10px;
	}
	.dl22-auto-anchor-navigation-section ul.dl22-horizontal-list-with-sep li {
	    padding-right: 10px;
	    padding-left: 10px;
	    display: inline-block;
	    line-height: 30px;
	}
}
@media (max-width: 768px) {
	.dl22-auto-anchor-navigation-section {
	    display: none;
	}
	.blog-index__post .blog-index__post-content--small h2 {
	    word-break: break-word;
	}
}
.dl22-background-blueoverlay.dnd_area-row-1-background-image {
   min-height: 520px; /* 2023-07-25 */
}
@media (max-width: 1200px) {
   .dl22-background-blueoverlay.dnd_area-row-1-background-image {
      min-height: 560px; /* 2023-07-25 */
   }
}
@media (max-width: 480px) {
   .dl22-background-blueoverlay.dnd_area-row-1-background-image {
      min-height: 700px; /* 2023-07-25 */
   }
}

/* DL2023 Theme CTA / Button adjustments with rounded corners */
a#cta_button_4415727_0378695a-0cd2-41a4-92f3-7562552b8269,
a#cta_button_4415727_54e269e1-c1e9-407d-a3c9-1a8a4a6585a1,
a#cta_button_4415727_6ad61a28-2ca9-4115-82d2-c840575ba04c,
a#cta_button_4415727_ae9eb4c1-4299-4e2d-8d9c-197bd6ae7ae5, 
a#cta_button_4415727_975b84f3-1640-4e72-80fc-44e7ea1c6feb, 
a#cta_button_4415727_1eecad70-17f3-4d63-bc91-e6eade863651, 
.hs-button, .cta_button, .dl22-btn {
    border-radius: 50px !important;
}