body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  text-underline-offset: 2px !important;
}

.navbar .brand {
  -ms-transform: scale(0.5, 0.5);
  /* IE 9 */
  -webkit-transform: scale(0.5, 0.5);
  /* Safari */
  transform: scale(0.5, 0.5);
  padding: unset;
  margin-left: -60px;
}

.navbar .navbar-inner {
  background: #f0f7ff;
  box-shadow: none;
  min-height: 110px;
}

/* Rectangle 12 */
#docsSearch {
  height: 300px;
  left: 0px;
  top: -17px;
  margin-bottom: 0px;
  width: -webkit-fill-available;
background: rgb(208,230,255);
background: linear-gradient(0deg, rgba(208,230,255,1) 0%, rgba(216,234,255,1) 12%, rgba(224,238,255,1) 48%, rgba(232,243,255,1) 79%, rgba(240,247,255,1) 100%);
border: 0px;
}

#docsSearch h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 33px !important;
  line-height: 35px;
  color: #000000;
  max-width: 1080px;
  text-align: left;
  position: relative;
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto;
  top: 80px;
}

#docsSearch #searchBar {
  max-width: 1080px;
  text-align: left;
  position: relative;
  margin: 0 auto;
  width: unset;
  top: 85px;
  padding-right: 20px;
  padding-left: 20px;
  /* _input-main-component */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}

#docsSearch #searchBar input.search-query {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 15px;
  text-shadow: none !important;
 -webkit-box-shadow: 0px 0px 20px -3px rgba(65,82,101,0.12); 
box-shadow: 0px 0px 20px -3px rgba(65,82,101,0.12);
}


#docsSearch #searchBar button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 22px;
  width: 100px;
  background: #0077FF !important;
  border-color: #0077FF !important;
}

#docsSearch #searchBar button .icon-search {
  top: 5px;
  position: relative;
}

#main-content:after {
  background: rgb(208,230,255);
background: linear-gradient(0deg, rgba(208,230,255,1) 0%, rgba(216,234,255,1) 12%, rgba(224,238,255,1) 48%, rgba(232,243,255,1) 79%, rgba(240,247,255,1) 100%);
}


#mainNav .container-fluid {
  top: 20px;
}

#docsSearch #searchBar .search-query {
  border: 0;
  box-shadow: none;
}

@media (min-width: 769px) {
  #docsSearch #searchBar button {
    position: absolute;
    left: 355px;
    top: 28px;
  }

  #docsSearch #serp-dd {
    max-width: 435px;
  }

  #docsSearch #searchBar .search-query {
    max-width: 435px;
    left: 0px;
  }

  #docsSearch::before {
    right: 8%;
    top: 171px;
    position: absolute;
    content: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Header.svg);
  }

  footer::after {
    left: calc(50% - 328px);
    position: relative;
    content: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Klatschen_footer.svg);
  }
  
}

@media (max-width: 768px) {
  #docsSearch #searchBar button {
    top: 21px;
    right: 20px;
  }

  #docsSearch #serp-dd {
    width: auto;
  }
  i.icon-print {
    display: none;
  }

  #docsSearch::before {
    right: 8%;
    top: 171px;
    position: absolute;
    content: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Header.svg);
  }
}

@media (max-width:1476px) {
  #docsSearch::before {
    right: 2% !important;

  }
}

@media (max-width:976px) {
  #docsSearch::before {
    display:none !important;
  }
}

a.category {
  border-radius: 12px !important;
 box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px,
   rgb(241, 243, 245) 0px 5px 20px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;
 border: 0px !important;
padding-top: 95px !important;
padding-bottom: 15px !important;
background-size: 55px !important;
background-repeat: no-repeat !important;
background-position-x: 50% !important;
background-position-y: 40px !important;
transition: .3s;
min-height: 108px !important;
}

a.category:hover {
 box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px,
   rgb(230, 232, 234) 0px 5px 20px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;
 border: 0px !important;
 background-color: #ffffff !important;
   margin-top: 0px;
   transition: .3s;
}

a.category h3 {
 font-size: 20px !important;
 line-height: 23px !important;
 font-weight: 500 !important;
 margin-bottom: 0px !important;
 margin-left: auto;
 margin-right: auto;
}

section a p {
  max-width: 30ch !important;
  margin-top: 10px !important;
  margin-bottom: 20px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  }

p.article-count {
 flex: 0 0 100%;
align-self: end !important;
}

#category-312 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Welcome.png);
}

#category-317 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Einrichtung.png);
}

#category-318 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/FAQ.png);
}

#category-313 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Erstellen.png);
}

#category-316 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Inhalte.png);
}

#category-314 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Interaktiv.png);
}

#category-315 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Kursverwaltung.png);
}

#category-329 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Verkaufen.png);
}

#category-319 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/FAQ.png);
}

#category-314 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Interaktiv.png);
}

#category-326 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Benutzer.png);
}

#category-325 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Branding.png);
}

#category-328 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/FAQ.png);
}

#category-320 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Einladen.png);
}

#category-321 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Verwalten.png);
}

#category-322 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/Emails.png);
}

#category-323 {
background-image: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/FAQ.png);
}

section.collection-category h2 {
  font-size: 28px !important;
}

section h2 a {
  display: inline-block !important;
}

section h2 a:hover {
  border-bottom: 0px !important;
}

@media (max-width: 700px) {
a.category {
  margin-bottom: 15px !important;
  }
}

@media (max-width: 1000px) {

  .category-list .category {
     width: 47% !important;
   } 
 }
 
 @media (max-width: 900px) {
  .category-list .category {
     width: 45% !important;
   } 
 }
 
 
 @media (max-width: 799px) {
  .category-list .category {
     width: 100% !important;
   } 
 }

#contentArea {
  padding-top: 50px;
}

.navbar .nav li a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #000000;
}

.navbar .btn-navbar .icon-bar {
  background: #000;
}



#docsSearch #searchBar button .icon-search {
    top: 15px;
    position: relative;
}
@media (max-width: 768px) and (max-width: 480px) {
    #searchBar button .icon-search {
        display: block;
        text-shadow: none;
        color: #FFFFFF;
    }
}

body {
  background: #ffffff;
}

.container-fluid {
  max-width: 1326px !important;
}

section.container-fluid {
  padding-top: 35px !important;
}

#searchBar,
body section h1 {
  max-width: 1296px !important;
}

section h1 strong {
  display: block;
}

.articleList {
  list-style: none;
  margin: 0 0 38px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
}

.articleList a { 
  margin-left: 0px;
 }
 
 ul.articleList {
   margin-left: -24px !important;
 }

 h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 42px !important;
  line-height: 45px !important;
}

h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 32px !important;
  line-height: 34px !important;
  margin-top: 50px !important;
  margin-bottom: 30px !important;
}

h3 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 21px !important;
  line-height: 24px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

@media (max-width: 768px) {
  h1 {
    font-size: 34px !important;
    line-height: 36px !important;
  }

  section div h1, h1.title {
    margin-top: 15px !important;
  }
  
  h2 { 
    font-size: 27px !important;
    line-height: 29px !important;
  }
  
  h3 {
    font-size: 21px !important;
    line-height: 23px !important;
  }

}

h4 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 17px !important;
  line-height: 19px !important;
}

#sidebar .nav-list a {
  color: #666666;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 20px;
  padding: 10px 15px 10px 0;
  margin-left: 0;
}

#sidebar .nav-list .active a,
#sidebar .nav-list .active a:hover,
#sidebar .nav-list .active a:focus {
  color: #0077ff !important;
}

.icon-article-doc::before {
  content: url(https://blinkit-util-assets.s3.eu-central-1.amazonaws.com/helpscout_helpdesk/pfeil.svg);
}

.icon-arrow:before {
  color: #0077FF;
}

.brand {
  content: url(https://s3.eu-central-1.amazonaws.com/static.blink.it/docs/blink-it-part-of-veda.svg);
  margin-bottom: -15px;
  margin-top: -5px;
  height: 85px;
}

.brand img {
  display: none;
}

div article p,
article div p {
  font-size: 17px !important;
  padding-bottom: 10px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif !important;
}

article div p {
  margin-bottom: 0px !important;
}

div p {
  margin-bottom: 10px !important;
}

div.callout,
div.callout-red,
div.callout-blue,
div.callout-yellow,
div.callout-green {
  padding-bottom: 5px !important;
  border-radius: 8px !important;
}

div.callout p img,
div.callout-red p img,
div.callout-blue p img,
div.callout-yellow p img,
div.callout-green p img {
  margin-bottom: 0px !important;
}

div.callout ul,
div.callout ol,
div.callout-red ul,
div.callout-red ol,
div.callout-blue ul,
div.callout-blue ol,
div.callout-yellow ul,
div.callout-yellow ol,
div.callout-green ul,
div.callout-green ol {
  margin-bottom: 10px !important;
}

div.callout-yellow {
  background-color: #FCF5E4 !important;
  border-color: #F2DCA7 !important;
}

div.callout-blue {
  background-color: #e4effb !important;
  border-color: #c1d9f6 !important;
}

li div.callout-blue p {
  margin-top: -5px !important;
  margin-bottom: 10px !important;
}

p.help,
time.lu {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-size: 13px !important;
}

ul li a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif !important;
}

article ol,
article ul {
  margin-bottom: 15px !important;
  margin-top: -10px !important;
}

li div p {
  margin-bottom: 10px !important;
}

article ol li, article ul li, li a span {
  margin-top: 0 !important;
  margin-bottom: 2px !important;
  Line-height: 1.5 !important;
  font-size: 17px !important;
}

article ol li ul, article ul li ul {
  margin-top: 3px !important;
  margin-bottom: 0px !important;
}

ol li p, ul li p {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding: 0px !important;
    text-indent: 0 !important; 
}

article ol li p img, article ul li p img {
  margin-bottom: 15px !important;
}

li p img {
  margin-top: 8px !important;
}

li div.callout-yellow p {
  margin-bottom: 10px !important;
}

li div.callout-yellow {
  margin-bottom: 10px !important;
}

div.contentWrapper div ul li, div.contentWrapper div ol li {
  margin-top: 0px !important;
  margin-bottom: 2px !important;
  line-height: 1.5 !important;
  font-size: 17px !important;
}

article ol li ol {
  margin-top: 3px !important;
  margin-bottom: 0px !important;
}

ul.articleList li {
  margin-top: 0px !important;
  margin-bottom: 5px !important;

}

section.related ul li {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}

section.related ul {
  margin-top: 10px !important;
  
}



@media screen and (min-width: 1000px) {
  .contentWrapper {
    padding-top: 60px;
    padding-left: 80px;
    padding-bottom: 55px;
    padding-right: 80px;
  }

  section.related {
    padding-top: 40px;
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 35px;
  }
}

div.contentWrapper,
section.related {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px,
    rgb(241, 243, 245) 0px 5px 20px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;
  border: 0px;
}

.contentWrapper {
  border-radius: 8px;
}

section.related {
  border-radius: 8px;
  margin-top: 30px;
  border: 0px;
}

article p img {
  border-radius: 8px !important;
  margin-bottom: 0px !important;
}

#searchBar input.search-query {
  border-radius: 8px !important;
  margin-bottom: 0px !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

form button:hover {
  background-color: #0077FF;
  border: #0077FF;
}

aside.span3 form button:hover {
  background-color: transparent;
  border: none;
}

i.icon-arrow {
  margin-left: -2px !important;
}

div article hr {
  margin-top: 60px !important;
    margin-bottom: 60px !important;
    border-top: 1px solid #e8e8e8 !important;
  width: 120% !important;
  margin-left: -10% !important;
}

div p img {
  margin-top: 5px !important;
}

#main-content {
  background: none;
}

aside ul li {
  border-bottom: 1px solid #f0f0f0;
}

input.search-query {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 15px;
  text-shadow: none !important;
}

form button span {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 600 !important;
  font-size: 15px;
  text-shadow: none !important;
}

form button:hover {
  background-color: #0077FF;
  border: #0077FF;
}

section a h3,
section a p,
aside ul li a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif;
}

aside ul li a {
  font-weight: 600;
  font-size: 15px !important;
}

div hgroup h1 {
  margin-bottom: 20px !important;
}

ul.articleList {
  margin-top: 30px !important;
}


section form button {
  padding: 0px !important;
}

.wg-default {
  right: unset !important;
  left: 40px !important;
}

#weglot-language-de,
#weglot-language-en {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Open Sans", "Helvetica Neue", sans-serif;
}

section.related h3 {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

div aside h3 {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  margin-bottom: 15px !important;
  color: #999 !important;
  letter-spacing: 1.5px !important;
}


div.articleRatings {
  border-radius: 8px;
  margin-top: 50px;
  margin-bottom: -10px;
    font-weight: 600;
    color: #555;

}

span.articleRatings-question {
  font-size: 17px;
}

@media (max-width: 768px) {
  .btn-navbar {
      right: -10px !important;
      margin-top: 25px !important;
  }
}

.navbar li a {
  line-height: 8px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin-left: 5px !important;
}

.nav li a:hover, .navbar .nav li a:focus, .navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus {
  background-color: #FFF !important;
  border-radius: 8px !important;
  color: #000 !important;
}

@media (min-width: 769px) {
  nav ul li a {
    margin-top: -45px !important;
    }
  b.caret {
    display: none !important;
    }
}
  
@media (max-width: 768px) {
  nav ul li a, nav ul li a.contactUs {
    max-width: max-content;
    margin-left: auto;
    margin-right: 0px;
    float: right !important;
    font-size: 15px !important;
    margin-bottom: 8px !important;
  }
  
  #contactMobile {
    float: right;
  }
  
  nav {
    max-width: max-content;
    display: inline-block;
    margin-left: auto;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  
  div.nav-collapse {
    float: right;
          transition: all 0.35s ease;
          transition-behavior: normal;
          transition-duration: 0.35s;
          transition-timing-function: ease;
          transition-delay: 0s;
          transition-property: all;
      }
}

ul.articleList {
  text-indent: -1em !important;
  padding-left: 1em !important;
}

div article iframe {
  max-width: 100% !important;
}

tr td p {
  font-size: 14px !important;
  padding-top: 5px !important;
}

td p img {
  margin-top: 0px !important;
}