/* Custom Help Scout StyleSheet - by Johannes Schmidt (Team Lead Customer Success - apps.eshop-guide.de) */
/* Color pallette chosen from https://coolors.co/54494b-7e8287-9da39a-b98389-db2955 */

@import url('https://fonts.googleapis.com/css?family=Instrument+Sans:100,200,300,400,400i,500,700');
/* */

body {
    background: #fbfbfc;
}

/* Weglot language */
#weglot-language-de{
 color:#00486f;
}
#weglot-language-en{
 color:#00486f;
}
#weglot-language-it{
 color:#00486f;
}
#weglot-language-es{
 color:#00486f;
}
#weglot-language-fr{
 color:#00486f;
}

/* Weglot language (hover) */
#weglot-language-de:hover{
 color:#c182ff;
}
/* Weglot language (hover) */
#weglot-language-en:hover{
 color:#c182ff;
}
/* Weglot language (hover) */
#weglot-language-it:hover{
 color:#c182ff;
}
/* Weglot language (hover) */
#weglot-language-es:hover{
 color:#c182ff;
}
/* Weglot language (hover) */
#weglot-language-fr:hover{
 color:#c182ff;
}

/* Wgcurrent */
.weglot-container .country-selector .wgcurrent{
 color:#00486f;
}

/* Wgcurrent (hover) */
.weglot-container .country-selector .wgcurrent:hover{
 color:#c182ff;
}

/* Weglot container */
.weglot-container{
 color:#00486f;
}

/* Weglot container (hover) */
.weglot-container:hover{
 color:#c182ff;
}

/* Home Page Title */

#docsSearch h1 {
    font-size: 32px;
    font-weight: 300;
    text-align: center;
    margin-top: .4em;
    font-family: "Instrument Sans", semibold;
    color: #FFFFFF;
    padding: 10px;
}
.navbar .nav li {
    display: inline-block;
    float: none;
    font-family: "Instrument Sans", sans-serif;
    font-size: 12px;
    letter-spacing: .1em;
}
.navbar .nav li a, .navbar .icon-private-w {
    font-size: 14px;
    font-weight: 300;
}

/* Header Size */

a.brand > img {
    max-width: 100%;
    vertical-align: left;
    border: 0;
    height: 60px;
    margin-left: 15px;
    width: auto;
}

.navbar .navbar-inner {
    /* background: #00486F; */
    height: 60px;
}
.navbar .navbar-inner .container-fluid {
    padding: 0;
    height: 60px;
}
.navbar .brand {
    float: left;
    display: block;
    padding: 0px;
    margin-left: -50px;
    font-size: 20px;
    font-weight: 200;
    color: #777;
    text-shadow: 0 1px 0 #fff;
}
.nav-collapse nav ul{
 transform:translatex(159px) translatey(0px);
}
/* Home Page Search Bar Background */

#docsSearch {
    background: #00486F;
    border-top: 1px solid #FFFFFF;
    margin-bottom: 3em;
    padding: 1.5em 0;
}
/* Search Input Box */

input.search-query {
    padding-right: 14px;
    padding-right: 4px \9;
    padding-left: 14px;
    padding-left: 4px \9;
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-family: "Instrument Sans",
    sans-serif;
    font-weight: 100;
    letter-spacing: 1px;
}
/* Home Page Category Title*/

.category-list h3 {
    color: #00486F;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3em;
    font-family: "Instrument Sans", sans-serif;
}

/* Category Styles */

.category-list .category p {
    color: #64676b;
    font-family: "Instrument Sans", sans-serif;
    font-weight: 100;
    font-size: 15px;
    letter-spacing: 0.25px;
}
.category-list .category {
    background-color: #fff;
    background-position: top 20px center !important;
    background-repeat: no-repeat !important;
    background-size: 100px auto !important;
    box-shadow: 0 7px 4px -5px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    min-height: 183px;
    padding: 120px 20px 15px;
    position: relative;
    width: 31.5%;
    transition: all 0.2s;
}
.category-list .category:hover {
    text-decoration: none;
    background: #f7f7f9;
}



.collection-category h2 {
    font-weight: 500;
    margin: 0 0 20px;
    text-align: center;
    padding-left: 0%;
    font-family: "Instrument Sans", sans-serif;
    /* text-transform: uppercase; */
    color: #00486F;
    font-size: 22px;
    letter-spacing: 1px;
}

.collection-category h2 a {
    color: #257359;
}

.collection-category .category-list {
    margin: 0 0 4em;
    text-align: center;
}



/* Home Page Link Style */

/* Content wrapper */
#main-content .contentWrapper{
 width:728px;
}
#serp-dd .result a, #serp-dd .result>li.active, #full-Article strong a, .collection a, .contentWrapper a, .most-pop-articles .popArticles a, .most-pop-articles .popArticles a span, .category-list .category .article-count, .category-list .category .article-count, .contentWrapper a {
    font-weight: 500;
    letter-spacing: .25px;
    color: #00486F;
    margin-top: 15px;text-decoration: none;
    font-family: "Instrument Sans",
    sans-serif;
    font-weight: 500;
}
#serp-dd .result a:hover, #serp-dd .result>li.active, #full-Article strong a, .collection a, .contentWrapper a, .most-pop-articles .popArticles a, .most-pop-articles .popArticles a:hover span, .category-list .category .article-count, .category-list .category:hover .article-count, .contentWrapper a {
    font-weight: 500;
    letter-spacing: .25px;
    color: #C182FF;
    margin-top: 15px;/* text-decoration: underline; */
    font-family: "Instrument Sans",
    sans-serif;
    font-weight: 500;
}
/* Home Page Search Button */

#searchBar button {
    color: #00486F;
    text-shadow: 0 0px 0px rgba(255,255,255,.0);
    background: #BEFD5F;
    border-radius: 0 5px 5px 0;
    border: 1px solid #FFFFFF;
    font-size: 18px;
    padding: 0 1.5em;
    height: 50px;
    position: absolute;
}
#searchBar button:hover {
    background: #D9FFC2;
    text-shadow: 0 0px 0px rgba(255,255,255,.0);
    border: 1px solid #FFFFFF;
}
input, button, select, textarea {
    font-family: "Instrument Sans",
    sans-serif,
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}


/* Category Images */

/*
  Here is where you determine the images to be used just above each section of your Help Scout main page.
  You have to create one #category-xxx CSS selector for each separate category in your Help Scout collection.
  To get your category xxx number, simply visit the relevant category in your Help Scout docs and
  check the URL bar for the 3 digit category number.

  Then you have to specify an image located on a shared server somewhere on the internet that can
  serve up the images so Help Scout can display them.
*/


/* FAQ sev (use your actual category names here in the comment to make it easier */
#category-122 {
    background-image: url(https://cdn.shopify.com/s/files/1/1490/3000/files/unkown.png?v=1734091552);
}

/* Hileartikel sev */
#category-106 {
  background-image: url(https://cdn.shopify.com/s/files/1/1490/3000/files/idea.png?v=1734091552);
}

/* Features sev */
#category-108 {
  background-image: url(https://cdn.shopify.com/s/files/1/1490/3000/files/rocket.png?v=1734091552);
}

/* Top 5 sev */
#category-226 {
  background-image: url(https://cdn.shopify.com/s/files/1/1490/3000/files/star_1.png?v=1734091553);
}

/* FAQ lex (use your actual category names here in the comment to make it easier */
#category-147 {
    background-image: url(https://cdn.shopify.com/s/files/1/1490/3000/files/unkown.png?v=1734091552);
}

/* Hileartikel lex */
#category-112 {
  background-image: url(https://cdn.shopify.com/s/files/1/1490/3000/files/idea.png?v=1734091552);
}

/* Features lex */
#category-110 {
  background-image: url(https://cdn.shopify.com/s/files/1/1490/3000/files/rocket.png?v=1734091552);
}

/* Top 10 lex */
#category-223 {
  background-image: url(https://cdn.shopify.com/s/files/1/1490/3000/files/star_1.png?v=1734091553);
}

/* FAQ DHL */
#category-266 {
    background-image: url(https://cdn.shopify.com/s/files/1/1490/3000/files/unkown.png?v=1734091552);
}

/* Top 5 DHL */
#category-263 {
  background-image: url(https://cdn.shopify.com/s/files/1/1490/3000/files/star_1.png?v=1734091553);
}

/* Hileartikel idealo */
#category-192 {
  background-image: url(https://cdn.shopify.com/s/files/1/1490/3000/files/idea.png?v=1734091552);
}

/* Top 10 idealo */
#category-265 {
  background-image: url(https://cdn.shopify.com/s/files/1/1490/3000/files/star_1.png?v=1734091553);
}

/* Hileartikel coll sync */
#category-193 {
  background-image: url(https://cdn.shopify.com/s/files/1/1490/3000/files/idea.png?v=1734091552);
}

/* Hileartikel vip */
#category-19 {
  background-image: url(https://cdn.shopify.com/s/files/1/1490/3000/files/rocket.png?v=1734091552);
}

/* Support Cases VIP */
#category-4 {
  background-image: url(https://cdn.shopify.com/s/files/1/1490/3000/files/idea.png?v=1734091552);
}



/* etc... keep going and add one CSS ID selector for each category. */



/* Side Bar Styles */

#sidebar .nav-list a {
    display: inline-block;
    color: #00486F;
    font-size: 14px;
    padding: 6px 15px 6px 0;
    line-height: 20px;
    margin-left: 0;
    font-family: "Instrument Sans",
    sans-serif;
    font-weight: 300;
}
#sidebar .nav-list .active a, #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus {
    font-weight: 500;
    color: #C182FF;
    background: 0 0;
    text-shadow: none;
    text-decoration: underline;
}
#sidebar h3 {
    text-transform: uppercase;
    font-size: 16px;
    color: #7e8287;
    font-weight: 400;
    margin-bottom: 4px;
    font-family: "Instrument Sans",
    sans-serif;
    letter-spacing: 2px;
}
/* Article Styles */

#main-content {
    background: none;
    float: right;
    margin-bottom: 2em;
    padding: 32px 0 0 28px;
}

#fullArticle img {
    display: block;
    margin: 1em 0 2em;
    padding: 4px;
    border-radius: 4px;
    box-sizing: border-box;
}

#fullArticle .title, .contentWrapper h1 {
    margin: 0 30px .5em 0;
    font-family: "Instrument Sans",
    sans-serif;
    color: #00486F;
    font-weight: 700;
}
#fullArticle .printArticle {
    position: absolute;
    right: 46px;
    top: 40px;
}
#fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {
    color: #00486F;
    font-family: "Instrument Sans",
    sans-serif;
    font-size: 14px;
    
    letter-spacing: .01em;
}
#fullArticle p span{
 font-weight:600;
}
#contentArea .row-fluid #main-content .contentWrapper #fullArticle ol li span{
 text-decoration:underline !important;
}
#categoryHead .sort select {
    width: 150px;
    height: 24px;
    margin: 0;
    line-height: 24px;
    font-size: 13px;
    color: #00486F;
    font-family: "Instrument Sans",
    sans-serif;
    font-weight: 300;
}
/* Style this one if you want bolded article text to have a different color */

#fullArticle strong {
    color: #00486F;
}
#fullArticle h2 {
    font-size: 24px;
    font-family: "Instrument Sans",
    sans-serif;
    font-weight: 700;
    color: #00486F;
}
#fullArticle h3 {
    font-size: 20px;
    font-family: "Instrument Sans",
    sans-serif;
    font-weight: 500;
    color: #00486F;
}
#fullArticle h4 {
    font-size: 16px;
    font-family: "Instrument Sans",
    sans-serif;
    
    color: #00486F;
    font-style: italic;
}
#fullArticle h5 {
    font-family: "Instrument Sans",
    sans-serif;
    color: #00486F;
}
.contentWrapper p {
    margin-top: -4px;
    word-wrap: break-word;
    font-family: "Instrument Sans",
    sans-serif;
    color: #00486F;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: .01em;
}

/* View in HelpScout Button */
#fullArticle .admin-edit{
 background-color:#00486f;
 color:#ffffff;
}

/* Article Footers */

.articleFoot p, .articleFoot time {
    color: #00486F;
    display: inline-block;
    font-family: "Instrument Sans",
    sans-serif;
    font-weight: 300;
    font-style: italic;
}

/* Page Footers */

footer p a {
    color: #00486F;
    font-family: "Instrument Sans",
    sans-serif;
    font-weight: 300;
}


/* Contact Modal */

#contactModal h2, .abuse h2 {
    background: #fff;
    margin: 0;
    padding: 11px 0 10px 18px;
    font-size: 22px;
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-family: "Instrument Sans",
    sans-serif;
    color: #00486F;
    font-weight: 300;
}
#contactModal .control-label {
    width: 110px;
    font-family: "Instrument Sans",
    sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #00486F;
}

.btn {
    color: #00486F;
    text-shadow: 0 0px 0px rgba(255,255,255,.0);
    background: #BEFD5F;
    border-radius: 5px;
    border: 1px solid #00486F;
    font-size: 14px;
    padding: .5em;
    /* height: 50px; */
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #00486F;
    text-shadow: 0 0px 0px rgba(255,255,255,.0);
    background: #D9FFC2;
  border: 1px solid #00486F;
}

#search-query .btn:hover {
    color: #00486F;
    text-shadow: 0 0px 0px rgba(255,255,255,.0);
    background: #C182FF;
    border-radius: 5px;
    border: 1px solid #FFFFFF;
    font-size: 18px;
    padding: 0 1.5em;
    height: 50px;
}

.category-list {
    text-align: center;
}

/* Fix for making homepage category gallery go smoothly from 3 to 2 to 1 column */

@media screen and (max-width: 1105px) {
    section.category-list .category {
        width: 48.2%;
    }
}
@media screen and (max-width: 760px) {
    section.category-list .category {
        box-sizing: border-box;
        margin: 0 0 20px;
        padding: 120px 20px 15px;
        width: 100%;
    }
}
/* RESPONSIVE */

@media (max-width: 768px) {
    .navbar .btn-navbar {
        margin-top: 16px;
        right: -10px;
    }
    .related {
        padding: 30px 25px 25px;
    }
    .related ul {
        margin-left: 0;
    }
    .related h3 {
        padding-left: 0;
    }
    .related ul>li a {
        margin-left: 0;
    }
}
@media (max-width: 480px) {
    #searchBar button {
        color: transparent;
        text-shadow: 0;
        background: transparent;
        border-radius: 0 5px 5px 0;
        border: 0;
        font-size: 18px;
        padding: 0 1.5em;
        height: 50px;
        position: absolute;
    }
    #searchBar button .icon-search {
        display: block;
        text-shadow: none;
        margin-top: 15px;
    }
    #searchBar button:hover .icon-search:hover {
        display: block;
        text-shadow: none;
        margin-top: 15px;
        background-color: transparent;
    }
}
 /* Input */
	#searchBar input[type=text]{
 	border-color:#ffffff;
	}
@media (max-width: 480px) {
    #fullArticle .title, .contentWrapper h1 {
        font-size: 24px;
    }
    #fullArticle h2 {
        font-size: 20px;
    }
}


/* Collection Titles  */
.collection-category h2 a {
    color: #00486f;
}

.collection-category h2 {
    font-weight: 400;
    margin: 0 0 20px;
    padding-left: .65%;
    font-family: "Instrument Sans",
    sans-serif;
    text-align: center;
}
/* Fix for Help Scout to restore formatting */
#fullArticle strong {
    font-weight: bold;
}
#fullArticle em {
    font-style: italic;
}
#fullArticle u {
    text-decoration: underline;
}

/* Einheitliche Formatierung für fettgedruckten Text via <strong> und <b> */
#fullArticle strong,
#fullArticle p strong,
#fullArticle li strong,
#fullArticle td strong,
#fullArticle th strong,
#fullArticle table strong,
#fullArticle b,
#fullArticle p b,
#fullArticle li b,
#fullArticle td b,
#fullArticle th b,
#fullArticle table b {
    font-weight: bold !important;
    color: #00486F;
}