:root {
	--bg-col-backend: #f8fafd;
	--bg-col-backend-adminmenu: #f2f4f8;
	--col-backend-adminmenu-highlight: #007cba;
	--bg-col-backend-adminbar:#29323c;
	--col-spread-green: #a0c216;
	--col-spread-blue: #52C0DD;
	--col-spread-blue-dark: #679CD1;
	--col-spread-orange: #EFA432;
	--col-spread-orange-dark: #E98C07;
	--col-spread-purple: #827FA1;
	--col-spread-red: #ae192e;
}


body {
    font-family: 'Nunito',Helvetica,Arial,sans-serif;
    font-weight: normal;
}

strong {
    font-family: 'Nunito Bold',Helvetica,Arial,sans-serif;
    font-weight: normal;
}
em {
    font-family: 'Nunito Italic',Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
}

#fullArticle blockquote, #fullArticle dd, #fullArticle div, #fullArticle li, #fullArticle ol, #fullArticle p, #fullArticle table, #fullArticle ul {
    font-size: 16px;
    color: #1d2b36;
}
.contentWrapper a, a {
    color: #0077CC;
}

.container-fluid {
    max-width: 1250px;
}

#main-content {
    box-sizing: border-box;
    background:none;
}
.contentWrapper {
    border-radius: 5px;
    padding: 70px 90px;
    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;
}

#sidebar .nav-list a {
    font-size: 15px;
    color: #405261;
    padding: 8px 15px 8px 0;
}

#fullArticle .title {
    margin: 0 30px 80px 0;
}

#fullArticle img {
    margin: 2em 0 3em;
}

#fullArticle .callout {
    background: #F9FAFA;
    border-left: 4px solid #AAAEB7;
    margin: 3em 0;
}

#fullArticle .callout-yellow {
    background-color: #fff6e3;
    border-color: #FFC555;
}

#fullArticle h4.label-neu-wrap {
    font-size: 24px;
    line-height: 32px;
    margin-top: 60px;
}
#fullArticle h4 span.label-neu {
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    margin: 0 10px 0 0;
    padding: 6px 6px 2px;
    line-height: 1;
    border-radius: 4px;
    position: relative;
    top: -4px;
    letter-spacing: .25px;
}
#fullArticle h4 span.green {
    background-color: var(--col-spread-green);
    color: #fff;
}

.articleRatings {
    margin-top: 60px;
}

/* Header */
.navbar .brand img {
    width: 170px;
}
.navbar .nav li {
    display: none;
}
.navbar .nav #grundlagen-einfuhrung,
.navbar .nav #support-handbuch,
.navbar .nav #contact {
	display: inline-block;
}
.navbar:after { 
	display: block; 
	content:""; 
	height: 5px; 
	position: relative; 
	background: linear-gradient(to right,var(--col-spread-green) 0%,var(--col-spread-green) 14%,var(--col-spread-blue) 14%,var(--col-spread-blue) 28%,var(--col-spread-orange-dark) 28%,var(--col-spread-orange-dark) 42%,var(--col-spread-purple) 42%,var(--col-spread-purple) 56%,var(--col-spread-red) 56%,var(--col-spread-red) 70%, var(--col-spread-blue-dark) 70%, var(--col-spread-blue-dark) 84%, var(--col-spread-orange) 84%, var(--col-spread-orange) 100%); 
}


/* Collections */
.collection .collection-body ul li {
    display: none;
}
.collection .collection-body ul li:nth-child(1),
.collection .collection-body ul li:nth-child(2),
.collection .collection-body ul li:nth-child(3) {
    display: block;
}


/* Body */

.toc-number {
    color: #000000;
}

#fullArticle h2 {
    margin-top: 80px;
}
#fullArticle h3 {
    margin-top: 50px;
}

#fullArticle ul li:before {
    display: none;
    margin-right: 10px;
}

#fullArticle .ul-checklist {
    list-style-type: none;
}

#fullArticle .ul-checklist li input[type="checkbox"],
#fullArticle .ol-checklist li input[type="checkbox"]{
    margin-top: -3px;
    width: 20px;
}

#fullArticle ol.bulletpoint-xl li:before {
    font-weight: 400;
    text-align: center;
    padding: 4px 9px;
    margin-bottom: 1em;
    font-size: 13px;
    line-height: 1.2em;
    border-radius: 50px;
    color: #fff;
    background: #ddd;
    vertical-align: baseline;
    white-space: nowrap;
} 
#fullArticle ol.bulletpoint-xl ol {
    margin-top: 10px;
    margin-bottom: 20px;
}

#fullArticle table td, #fullArticle table th {
    border: 1px solid #e2e2e2;
    font-size: 14px;
}
#fullArticle table td p,
#fullArticle table td ul,
#fullArticle table td ol { 
    font-size: 14px; 
}