@import "roboto_slab.css";
@import "pt_sans.css";
.html {
    font-family: 'PT Sans',Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 200;
}

.body,
body,
.body.site,
footer {
    font-family: 'PT Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 200;
}

h1, .mod.username .title-container {
    font-family: 'Roboto Slab', Times New Roman, serif;
    font-weight: 400;
    color: #000;
}

.catalog-list .course .baseinfo1 .title {
    hyphens: none;
}
body.view-featured header {
    width: 240px;
}
.header-inner .brand .logo {
    position: absolute;
    top: 3px;
    background-position: left center;
}

body.view-featured .navigation {
    width: calc(100% - 240px);
}

.lul-search #lul-search-form #lul-search-input {
    padding: 11px 0 8px 30px;
    font-weight: 200;
    font-family: 'PT Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: var(--font-color);
}

/*-----------Kachel in Kundenfarbe------------*/
.view-course .sidecourseinfoleft.unpublished .baseinfo1,
.courses .course.unpublished .baseinfo1 {
    border-color:  var(--snow-white-color);
}

.course .baseinfo1,
.view-course .sidecourseinfoleft .baseinfo1,
body.view-user2courses.layout-learningdb.course .baseinfo1 {
    background-color: var(--customer-primary-color);
}

.course .baseinfo1 .description {
    color: var(--font-color);
}
.course .baseinfo1 .title,
.view-course .sidecourseinfoleft .baseinfo1 .description,
.view-course .sidecourseinfoleft .baseinfo1 .title {
    color: var(--snow-white-color);
}
.feedbackanswer span.removeAnswer.btn {
    aspect-ratio: 1/1;
}
body.view-featured .navigation {
    width: calc(100% - 190px);
}
body.view-featured header {
     width: 190px;
 }
.lul-search #lul-search-form:hover #lul-search-input, .mod.username .title-container {
    color: var(--customer-primary-color);
}

.lul-search #lul-search-form #lul-search-input {
    padding-bottom: 10px;
}
.lul-search #lul-search-input {
    width: 115px;
}
.baseinfo1 .metadata_time {
    color: var(--off-white-color);
}
.course .baseinfo1 .description {
    color: var(--off-white-color);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 300px) and (max-device-width: 979px), screen and (min-width: 300px) and (max-width: 979px) {
    .lul-search #lul-search-submit-icon::before {
        top: 2px;
    }
}