.intro {margin-top: 60px;}
.mt-0 { margin-top: 0; }
.intro .section-intro, .footer-features {margin-bottom: 40px;}
#hero .container { min-height: 350px; height: 350px; position: relative; }
#hero .row { height: 100%;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2); }
.justify-content-center { justify-content: center !important; }

.title-dots {position: relative; padding: 2.25em; text-align: center;}
.title-dots-top::before { content: ""; position: absolute; width: 8px; height: 8px; background: #5023f2; top: 0; left: 0;}
.title-dots-top span { content: ""; position: absolute; width: 8px; height: 8px; background: #5023f2; top: 0; left: 0; right: 0; margin: 0 auto; }
.title-dots-top::after { content: ""; position: absolute; width: 8px; height: 8px; background: #5023f2; top: 0; right: 0;}	
.title-dots-mid::before { content: ""; position: absolute; width: 8px; height: 8px; background: #5023f2; top: 0; bottom: 0; left: 0; margin: auto 0;}
.title-dots-mid::after { content: ""; position: absolute; width: 8px; height: 8px; background: #5023f2; top: 0; bottom: 0; right: 0; margin: auto 0;}
.title-dots-btm::before { content: ""; position: absolute; width: 8px; height: 8px; background: #5023f2; bottom: 0; left: 0;}
.title-dots-btm span { content: ""; position: absolute; width: 8px; height: 8px; background: #5023f2; bottom: 0; left: 0; right: 0; margin: 0 auto; }
.title-dots-btm::after { content: ""; position: absolute; width: 8px; height: 8px; background: #5023f2; bottom: 0; right: 0;}	


.learn-features .module {padding: 20px 15px 30px; border: 1px solid #D3D3D3; width: 100% !important;}
.learn-features .module:hover,  .learn-features .module:focus {webkit-box-shadow: 0 0 12px 2px rgba(0,0,0,0.1);  -moz-box-shadow: 0 0 12px 2px rgba(0,0,0,0.1);  box-shadow: 0 0 12px 2px rgba(0,0,0,0.1);}
.footer-features .module {margin-bottom: 40px;}
.learn-features h3 {margin-bottom: 10px; font-size: 1.4rem;}
.learn-features p {margin: 0; font-size: 16px; color: #0f0f0f}
.learn-features a {color: #333; display: flex; flex-direction:inherit; width: 100% !important;}
.learn-features a:hover {text-decoration: none;}
.learn-features img {max-height: 75px;}
.footer-features h4 {margin-top: 0;}
.footer-features p {margin: 0;}
.footer-features img {max-height: 50px; margin-bottom: 15px}
.footer-features .glyphicon {padding-left: 20px; font-size: 34px;}
.no-padding {padding: 0;}
.learning.howto {margin-bottom: 0;}

/*navigation*/
.navbar-default {background-color: #E7E7E7;border-color: #E7E7E7;}
.navbar-default .navbar-brand {padding: 13px 15px; border-bottom: 2px solid transparent;}
.navbar-default .navbar-brand a {color: #333333; line-height: 16px;}
.navbar-default .navbar-brand a:hover, .navbar-default .navbar-brand a:visited, .navbar-default .navbar-brand a:active {text-decoration: none;}
.navbar-default .navbar-brand:hover {color: #333333;}
.navbar-default .nav>li.active {border-bottom: 2px solid #333;}
.navbar-default .nav>li>a {padding-left: 20px;padding-right: 20px;line-height: 20px; padding-top: 15px}
.navbar-default .nav>li {margin: 0 15px; border-bottom: 2px solid transparent}

@media (min-width: 768px) {
    .row.equal {display:flex;flex-wrap:wrap;flex-grow: 1;flex-basis: 0;}
    .row.equal .feature-item {display:flex;flex-wrap:wrap;flex-grow: 1;flex-basis: 0;}
    .highlight { margin-bottom: 30px; }
    /* .learn-features .feature-item:nth-child(2n) {padding: 0 100px;} */
}

@media (max-width: 767px) {
    .learn-features .feature-item, .footer-features .category-content, .footer-features .module {margin-bottom: 30px;}
    .learn-features a {color: #333; display: flex; flex-direction:column;}
}
.top-badge { 
    display: block;
    position:absolute;
    top: 0;
    padding: 10px 16px;
    color:#fff;
    font-weight: 500;
	border-radius: 10px 0 10px 0
}
.ctg-ebook .top-badge {    
    background: #EDD6E3; color: #000;
}
.ctg-ebook .top-badge:after {
    content: "E-book";
}
.ctg-webinar .top-badge {    
    background: #D92E4A;
}
.ctg-webinar .top-badge:after {
    content: "Webinar";
}

.ctg-webinar:lang(de) .top-badge:after {
    content: "Webinare";
}