html {
    position: relative;
    height: 100%;
}

body {
    background-color: #E6E4D9;
    color: #333333;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: lighter;
    /* Margin bottom by footer height */
    /*margin-bottom: 60px;*/
    height: 100%;
    overflow-y: hidden; /* try to eliminate the vertical scroll bar */
}

body > .container-fluid {
    padding: 180px 15px 0;
    height: calc(100% - 44px);
}

body > .container-fluid.expanded {
    padding: 80px 15px 0;
}

a {
    color: #000000;
}

a:focus,
a:hover {
    outline: none;
    text-decoration: none;
}

/* Helper classes */
.behrs-red {
    color: #8A0000;
}

.dark-grey {
    color: #6d6d6d !important;
}

.light-grey {
    color: #aaaaaa !important;
}

.orange,
.orange_text {
    color: #FCC02C;
}

.blue,
.blue_text {
    color: #638ECA;
}

.red,
.red_text {
    color: #EF7F85;
}

.green,
.green_text {
    color: #87C286;
}

.grey,
.grey-text {
    color: #d4d4d4;
}

.pointer {
    cursor: pointer;
}

.underline {
    text-decoration: underline;
}

.behrs-darkred {
    color: #641204;
}

.behrs-red-bg {
    background-color: #8A0000 !important;
}

.font-22 {
    font-size: 22px;
}

.navbar > .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.chapter-selected {
    background-color: #E6E4DA !important;
}

#desktopSidebarLeft,
#desktopSidebarRight {
    overflow-y: auto;
    scrollbar-width: thin;
}

#desktopSidebarLeft {
    padding: 0;
}

#leftSidebar {
    padding-left: 0;
}

#desktopSidebarRight {
    padding-right: 0;
}

#rightSidebar {
    padding-right: 0;
}

/* Header */
.mobile-header-menu a {
    padding: 3px 10px;
}

.header-container {
    background-color: #F2F1EB;
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
    text-align: right;
    word-spacing: 5px;
    padding: 10px;
    height: 40px;
}

.header-body {
    background: #FFFFFF;
    height: 100px;
    padding: 0;
    width: 100%;
}

.header-body.folded {
    height: 0;
}

.header-logo {
    margin: 20px;
}

header.navbar .pull-right {
    /* this is supposed to push down the TÜV logo
     * It would be very helpful, if the logo had an id or a class of it's own! */
    padding-top: 18px;
}

.breadcrumb-nav {
    color: #000000;
    font-size: 12px;
    padding: 5px;
    margin-bottom: 0;
    line-height: 18px;
}

.breadcrumb-nav > .breadcrumb {
    background: none;
    padding: 1px 5px;
    margin-bottom: 0;
    margin-left: 6px;
    list-style: none;
    border-radius: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.breadcrumb > li {
    display: inline;
}

.breadcrumb-nav > .breadcrumb > li > a {
    text-decoration: underline;
}

.mobile-menu-button,
.mobile-menu-button-homepage,
.mobile-menu-button:hover,
.mobile-menu-button-homepage:hover {
    border: none;
    border-radius: 0;
    height: 35px;
    margin: 5px 0;
    width: 44px;
}

.mobile-menu-button-homepage,
.mobile-menu-button-homepage:hover {
    margin: 0;
}

.mobile-menu-button .icon-bar {
    background-color: #fff !important;
}

.mobile-menu-button-homepage .icon-bar {
    background-color: #8A0000 !important;
}

.more-mobile-menu {
    display: none;
    width: 5%;
    color: #fff;
    margin-top: 12px;
    margin-left: 10px;
    position: fixed;
    font-size: 20px;
}

/* Search bar*/
.search {
    background: #8A0000;
    height: 40px;
    padding: 3px 0;
}

.search-bar .input-group-addon {
    background-color: #fff;
    border: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.search-bar .clear-search-group {
    background-color: #fff;
    border: none;
    border-radius: 0 10px 10px 0;
}

.clear-search {
    background-color: #D6D4C7;
    border-radius: 25px;
    padding: 4px 0 0 0;
    color: #fff;
    font-size: 12px;
    width: 20px;
    height: 20px;
}

.typeahead__cancel-button {
    z-index: 5;
    color: #6d6d6d;
    width: 20px;
    height: 20px;
    padding-top: 1px;
    padding-left: 6px;
    margin-top: 7px;
    margin-right: 5px;
}

.typeahead__cancel-button::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f2ed";
    font-weight: 900;
}

.search-bar .form-control {
    border: none;
    z-index: 1;
    border-radius: 10px;
}

.typeahead__list > li {
    padding: 5px 0;
}

.typeahead__list > li.typeahead__group:first-child {
    border-top: none;
}

.typeahead__list > li.typeahead__group.active > a,
.typeahead__list > li.typeahead__group > a,
.typeahead__list > li.typeahead__group > a:focus,
.typeahead__list > li.typeahead__group > a:hover {
    background: none;
    color: #000;
    font-style: italic;
}

.typeahead__list > li.typeahead__group + li.typeahead__item {
    border-top: 1px solid #ccc;
}

.typeahead__container {
    font-size: 14px;
}

/* The side navigation menu */
.show-side-menu {
    position: absolute;
    margin-right: 0;
    background: white;
    height: 50px;
    width: 16px;
    font-size: 16px;
    z-index: 2;
    border-right: 1px solid #E6E4DA;
}

/* The navigation menu links */
.sidenav a {
    /*display: block;*/
}

.sidenav {
    height: calc(100% - 35px);
}

.sidebar-open {
    /*width: 250px !important;*/
    left: 0 !important;
}

.hide-left-panel {
    position: absolute;
    margin-right: 0;
    left: calc(25% - 5px);
    height: 50px;
    width: 16px;
    font-size: 16px;
    z-index: 2;
}

.hide-right-panel {
    position: absolute;
    margin-right: 0;
    right: calc(25% - 7px);
    height: 50px;
    width: 16px;
    font-size: 16px;
    z-index: 2;
    text-align: right;
}

/* main area */
.main-part {
    height: 100%;
}

#mainContent {
    height: calc(100% - 30px);
}

.has-slider {
    height: calc(100% - 84px) !important;
}

div.has-slider div.main-content-area {
    /* Hide the horizontal scroll bar */
    overflow-x: initial;
}

#dateSlider .slider.slider-horizontal,
#relevanzSlider .slider.slider-horizontal,
.page-slider-value{
    width: calc(100% - 20px) !important;
}

#pageSliderVorschriften .slider.slider-horizontal,
#pageSliderLebensmittelNews .slider.slider-horizontal,
#pageSliderRasff .slider.slider-horizontal {
    width: calc(100% - 36px) !important;
}

.main-content-area {
    background-color: #FFFFFF;
    border-left: 1px solid #E6E4DA;
    border-bottom: 1px solid #E6E4DA;
    padding: 0 15px 15px;
    overflow-y: auto;
    height: 100%;
    /* Hide the horizontal scroll bar */
    overflow-x: hidden;
}

.main-content-area #homepageTabs {
    background-color: #E6E4D9;
    margin: -33px -16px;
    position: absolute;
}

.main-content-height {
    margin-top: 31px;
    height: calc(100% - 20px);
}

.text-document-no-access {
    margin: 10px 0;
}

#homepageTabs li {
    white-space: nowrap; /* prevent tabs from wrapping */
}

#homepageTabs li:first-child {
    display: inherit;
}

#homepageTabs.nav-tabs > li.active > a,
#homepageTabs.nav-tabs > li.active > a:focus,
#homepageTabs.nav-tabs > li.active > a:hover {
    background-color: #f2f0e5;
}

#homepageTabs.nav-tabs >li > a,
#homepageTabs.nav-tabs > li > a:focus,
#homepageTabs.nav-tabs > li > a:hover {
    background-color: #D6D4C7;
    height: 33px;
    padding: 5px 10px;
}

/*#homepageTabs.nav-tabs>li.active {
    font-weight: bold;
}*/

.middle-tab {
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
}

#main-form-hitsMainProducts td.results-icon,
#main-form-hitsMainProducts td.news-results {
    border-bottom: 1px solid #880000;
}

#main-form-hitsMainProducts td {
    padding-bottom: 12px;
    padding-top: 12px;
}

#main-form-hits .result-long-title,
#main-form-hitsMainProducts .result-long-title,
#main-form-bookmarksListId .result-long-title {
    line-height: 1.2;
    font-weight: bold;
    font-size: 16px;
}

#main-form-hitsMainProducts .result-citation-line {
    padding-top: 3px;
}

#main-form-hitsMainProducts .rf-dt-c a,
#main-form-bookmarksListId .rf-dt-c a {
    color: #595339;
}

#main-form-hits .rf-dt-c a,
#main-form-hitsMainProducts .rf-dt-c a,
#main-form-bookmarksListId .rf-dt-c a {
    text-decoration: none;
    word-break: normal;
}

#main-form-hits td,
#main-form-hitsMainProducts td,
#main-form-bookmarksListId td {
    vertical-align: top;
    font-size: 13px;
    color: #333;
}

span.nummer {
    padding-right: 3px;
    min-width: 52px;
}

/*    Footer    */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #880000;
    /* Set the fixed height of the footer here */
    height: 40px;
    border: 0 none;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
}

.footer ul {
    background-color: #880000;
}

.footer li.active-tab {
    text-decoration: none;
    background-color: #a92f1a;
    height: 40px;
}

.footer a,
.footer a:hover {
    color: #fff;
    font-size: 16px;
}

.footer > .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

.footer .nav {
    margin: 0 auto;
    display: inline-block;
    height: 37px;
    width: 92%;
}

.footer .nav > li > a:focus,
.footer .nav > li > a:hover {
    background: none;
}

.footer .nav > li > a {
    padding: 10px 15px 2px;
}

.footer-menu-name {
    line-height: 20px;
    vertical-align: middle;
}

.nav-pills .footer-menu-name {
    padding-bottom: 6px;
}

.nav-pills li span {
    display: inline-block;
    height: 21px;
}

/* Other */
#index {
    min-height: 50%;
    overflow: auto;
    background: #fff;
}

#index .list-group-item {
    border: none;
}

.panel-heading {
    background-color: #D6D4C7 !important;
    border: 0 none;
    font-weight: bold;
    height: 100%;
    padding: 8px 15px;
}

.inner-heading {
    background-color: #fff;
    padding: 3px 10px;
}

.panel-default {
    margin-bottom: 5px;
}

.panel-default#search-filter {
    margin-bottom: 0;
}

.panel-default a,
.panel-default a:hover {
    text-decoration: none;
    color: #59543A;
}

.panel-title {
    font-size: 14px;
}

.list-group-item {
    /* Some TOC entries are to small. We switch to the default font (14px) */
    font-size: inherit !important;
}

.subcategory-panel .list-group-item {
    display: table;
}

.subcategory-panel .list-group-item > div.fas {
    display: table-cell;
    /* place the arrows vertically top aligned */
    vertical-align: top !important;
    padding-top: 4px;
    padding-right: 4px;
}

.subcategory-panel .list-group-item > a {
    display: table-cell;
}

.subcategory-panel {
    margin-left: 5px;
    padding-left: 10px;
}

#selectedModule .list-group-item {
    margin-left: 15px;
    padding-left: 10px
}

.subcategory-panel .fa-chevron-right,
#selectedModule .list-group-item .fa-chevron-right {
    margin-left: -14px;
}

.list-group-item .fa-chevron-right:before {
    /* The wrong arrows are displayed in some TOCs
     * The arrows should be top aligned */
    vertical-align: top !important;
    color: #8A0000;
}

.panel-collapse {
    background-color: #fff;
}

.panel-heading .fa-chevron-down,
.panel-heading .fa-chevron-up {
    color: #8A0000;
}

#leftSidebar,
#rightSidebar {
    /*height: 100%;*/
    overflow-x: hidden;
}

.sidenav .panel-collapse > .list-group {
    border: none;
    padding: 0 5px;
}

.sidenav .list-group-item {
    border: none;
    padding: 5px 10px;
}

.sidenav .panel-default,
.sidenav .panel-default > .panel-heading {
    background: none;
    border: none;
    box-shadow: none;
}

.sidenav .panel-group {
    margin-bottom: 0;
}

.sidenav .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
    padding: 0 15px;
}

.category-panel .panel-collapse {
    padding-top: 5px;
}

#leftSidebar .panel-heading .category-menu-title::before,
#leftSidebar .panel-heading .category-menu-subtitle::before,
#rightSidebar .panel-heading .right-menu-title::before,
#leftSidebar .panel-heading .right-menu-title::before,
#searchFilterPanels .panel-heading .filter-heading::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    float: right;
    transition: transform 0.5s;
    color: #8A0000;
    font-weight: 900;
}

#leftSidebar .panel-heading.active .category-menu-title::before,
#leftSidebar .panel-heading.active .category-menu-subtitle::before,
#leftSidebar .panel-heading.active .right-menu-title::before,
#rightSidebar .panel-heading.active .category-menu-title:before,
#rightSidebar .panel-heading.active .category-menu-subtitle:before,
#rightSidebar .panel-heading.active .right-menu-title::before,
#searchFilterPanels .panel-heading.active .filter-heading::before {
    transform: rotate(180deg);
}

.open-arrow::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    float: right;
    transition: transform 0.5s;
    color: #8A0000;
    cursor: pointer;
    font-weight: 900;
}

.open-arrow-opened::before {
    transform: rotate(-90deg);
}

#searchFilterPanels .panel-body {
    padding-top: 5px;
}

.sidenav .list-group {
    margin-bottom: 0;
}

.sidenav > .panel-body .list-group-item > a {
    display: inline-block;
    width: 90%;
    text-decoration: none;
}

.sidenav a:hover {
    text-decoration: none !important;
}

a.right-panel-link {
    padding-left: 10px;
}

.category-menu-title,
.category-menu-subtitle {
    /*display: inline-block;*/
    width: 100%;
}

.unsubscribed {
    color: #aaaaaa !important;
}

.category-without-subscribed-modules {
    color: #888888 !important;
}

.user-area {
    padding-bottom: 20px;
}

.user-area .status {
    font-size: 12px;
    padding: 10px 20px 0;
}

.user-area .status a {
    color: #555;
}

#containerLogout .status {
    text-align: right;
}

#containerLogout .status a {
    display: inline-block;
}

#containerLogout .user {
    text-align: center;
    font-size: 16px;
    margin-top: 9px;
    margin-bottom: 17px;
    color: #595339;
}

.behrs-main-button,
.behrs-main-button:hover {
    height: 35px;
    border: none;
    /*font-weight: bold;*/
    color: white !important;
    text-align: center;
    background-color: #8A0000;
    border-radius: 5px;
    font-size: 14px;
    vertical-align: middle;
    padding: 8px 20px;
    margin: 0 auto;
    display: block;
    white-space: normal;
}

.behrs-main-button:hover,
.behrs-main-button:active:focus,
.behrs-main-button:focus,
.behrs-main-button:focus-visible {
    background-color: #a92f1a;
    outline: none;
}

.behrs-main-button a {
    color: white;
}

#missing-content .behrs-main-button {
    margin: 0;
}

.form-signin,
.register-area {
    padding: 15px;
}

.form-signin .password-area {
    margin: 15px 0;
}

.form-signin .psw,
.form-signin .reg {
    text-align: center;
    font-size: 12px;
    padding-top: 5px;
}

.form-signin .psw a,
.form-signin .reg a {
    color: #555;
    display: inline-block;
}

.form-signin input[type=text] {
    margin-top: 21px;
    margin-bottom: 16px;
    background: url(/wissen/images/Login-c48a3df66595bd2ba21609300dabae56.png) 10px center no-repeat;
    background-size: 20px;
}

.form-signin input[type=password] {
    margin-top: 16px;
    background: url(/wissen/images/Passwort-408490f2b71992b49cb20c94820eed98.png) 10px center no-repeat;
    background-size: 20px;
}

.form-signin input {
    padding-left: 38px;
}

.register-area .test {
    text-align: center;
    font-size: 12px;
}

/* New user widget */
.user-area .user-name,
.user-area .user-folder {
    padding: 5px 15px;
    font-size: 15px;
}

.user-area .user-name {
    padding-top: 15px;
}

.user-options {
}

@media (max-width: 991px) {
    .user-area {
        padding-block: 7px;
    }

    .user-area .user-name,
    .user-area .user-folder {
        padding: 5px;
        font-size: 14px;
    }
}

/* END */

.homepage-filters {
    width: 40px;
    height: 100%;
    position: fixed;
    display: block;
    margin-top: 8px;
}

.homepage-filters > a,
.homepage-filters > div > a {
    color: #6d6d6d !important;
    cursor: pointer;
    font-size: 22px;
    text-align: center;
}

.homepage-panel-table {
    margin-left: 50px;
    width: calc(100% - 40px);
}

.breadcrumb > li + li::before {
    padding: 0 3px 0 2px;
    color: #333333;
    content: "|";
}

/* Docview */
.buttons-main-left {
    /*z-index: 10;*/
    width: 40px;
    height: 100%;
    position: fixed;
    display: block;
    margin-top: 25px;
}

.buttons-main-left > a,
.buttons-main-left > div > a,
.sideicons {
    color: #6d6d6d !important;
    cursor: pointer;
    font-size: 22px;
    text-align: center;
}

.cs-linkattachment {
    display: block;
    text-align: left !important;
    padding-left: 2px;
}

#btnOpenBookmark {
    padding-left: 2px;
}

.buttons-main-left .fas {
    padding-bottom: 5px;
    width: 30px;
    text-align: center;
}

.main-content-doc {
    margin-left: 50px;
    width: calc(100% - 50px);
}

.subtitle,
.law-name {
    text-align: center;
    color: #aaaaaa;
}

.extra-doc-menu a {
    color: #8A0000;
}

.extra-doc-menu > a {
    color: #aaaaaa;
}

.extra-doc-menu {
    margin-top: 10px;
}

.generated-subtoc {
    padding: 3px 6px;
    margin-top: 12px;
    margin-bottom: 24px;
}

.content-footer-extra-info {
    margin-left: 50px;
}

.content-footer-extra-info p {
    width: 95%;
}

.content-footer-extra-info span {
    color: #8A0000;
}

.main-content-doc h1 {
    font-size: 18px;
    text-align: center;
}

.notizmappe {
    padding: 0 20% 15px 5%;
}

.notizmappe > a.group-document-main:hover {
    text-decoration: none;
}

#folderDocumentsList .group-document-main {
    border: 2px solid rgba(255,255,255,0);
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 5px;
}

.group-document-main:hover {
    background-color: lightgray;
}

.group-document-main:hover .edit-notes {
    display: block;
}

.notiz-block {
    text-align: justify;
    margin: -36px 0 0 95px;
    display: block;
    line-height: 16px;
}

.notizmappeText {
    line-height: 1.3;
    font-size: 12px;
    background-color: #638ECA;
}

.notizmappeTextRed {
    background-color: #EF7F85;
}

.notizmappeTextGreen {
    background-color: #87C286;
}

.notizmappeTextOrange {
    background-color: #FCC02C;
}

#filterBookmarksResetButton2 {
    color: lightgray;
}

.result-citation-line {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #aaaaaa;
    line-height: 12px;
}

.notiz-creator,
.notiz-date {
    font-size: 11px;
    color: #aaaaaa;
    padding: 5px 0;
}

.notiz-date {
    vertical-align: text-top;
}

.notiz-header > .fa-book {
    margin-right: 5px;
}

.notiz-main-title {
    font-size: 17px;
    font-weight: bold;
}

#searchFilterPanels {
    background-color: #e6e4d9;
}

.checkboxes-container {
    display: block;
    padding-left: 20px;
}

.checkboxes-container-category {
    margin-left: -7px;
}

.checkbox-container {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    margin-left: -5px;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.module-filter-box-span {
    padding-left: 2px;
    margin-left: -2px;
}

#Dokumentarten {
    padding-top: 10px;
}

#alleProdukte h4,
#meineProdukte h4 {
    font-size: 13px;
    font-weight: bold;
}

/* Create a custom checkbox */
.checkbox-container {
    font-weight: normal;
    cursor: pointer;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
}

.checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: white;
    border: 1px solid #aaaaaa;
}

.checkbox-container .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 0;
    width: 5px;
    height: 10px;
    border: solid red;
    border-width: 0 2px 3px 0;
    transform: rotate(45deg);
}

.checkbox-container input:checked ~ .checkmark::after {
    display: block;
}

.checkbox-container .checkbox-disabled {
    background-color: #c1c1c1;
}

/*.checkbox-container .add-checkmark {*/
/*    top: 20px !important;*/
/*    left: 3px !important;*/
/*}*/

/* End of custom checkbox */

#search-filter .panel-collapse {
    padding-left: 0;
}
#search-filter .panel-default:first-child {
    margin-top: 5px;
}

#search-filter .nav > li > a {
    padding: 10px 12px;
}

.recherche-index-number,
.ordner-index-number {
    vertical-align: top;
    display: inline-block;
    margin-right: 5px;
    width: 32px;
}

.recherche-law {
    width: 36px;
    text-align: center;
}

.recherche-law,
.ordner-law {
    vertical-align: top;
    display: inline-block;
}

.recherche-content,
.ordner-content {
    display: inline-block;
    width: 80%;
}

.recherche-content-author,
.ordner-content-author {
    font-size: 10px;
    color: #aaaaaa;
}

.recherche-content-title {
    line-height: 17px;
    font-size: 15px;
    font-weight: 500;
}

.ordner-content-title {
    font-size: 16px;
}

.parent-folder .recherche-content-title {
    position: relative;
    line-height: 17px;
    font-size: 15px;
    font-weight: 500;
    max-height: 3.5em;
    overflow: hidden;
}

.parent-folder .recherche-content-title::after {
    display: block;
    position: absolute;
    top: 2.5em;
    height: 1em;
    left: 0;
    right: 0;
    content: " ";
    background: rgba(255, 255, 255, .5);
    background: linear-gradient(0, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
}

.parent-folder .bookmarkIconRedBg:hover .recherche-content-title::after {
    background: linear-gradient(0, rgba(245, 220, 221, 1) 20%, rgba(245, 220, 221, 0) 100%);
}

.parent-folder .bookmarkIconGreenBg:hover .recherche-content-title::after {
    background: linear-gradient(0, rgba(230, 241, 229, 1) 20%, rgba(230, 241, 229, 0) 100%);
}

.parent-folder .bookmarkIconOrangeBg:hover .recherche-content-title::after {
    background: linear-gradient(0, rgba(252, 243, 218, 1) 20%, rgba(252, 243, 218, 0) 100%);
}

.parent-folder .bookmarkIconBlueBg:hover .recherche-content-title::after {
    background: linear-gradient(0, rgba(227, 233, 243, 1) 20%, rgba(227, 233, 243, 0) 100%);
}


.recherche-content-citation,
.ordner-content-citation {
    font-size: 12px;
    color: #aaaaaa;
}

.recherche-count span {
    color: #8A0000;
}

.recherche-count a:hover {
    text-decoration: none;
}

.recherche-divider {
    background-color: #8A0000;
    border-color: #8A0000;
    color: #8A0000;
}

.recherche-title {
    font-size: 14px;
    font-weight: normal;
    margin: 20px 0 10px;
}

.recherche-chapter-title {
    list-style-type: none;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.recherche-chapter-title .fa-chevron-right {
    color: #6e6e6e;
}

.recherche-chapter-content {
    color: #6e6e6e;
    padding-left: 20px;
    font-size: 10px;
}

.recherche-arrow-open {
    color: #8A0000 !important;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);

}

.recherche-box hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

a.more-documents .fas {
    vertical-align: middle;
}

.highlighted_text {
    color: #8A0000;
}

.rank {
    display: block;
    font-family: "Arial Rounded MT Bold", sans-serif;
    font-size: 30px;
    letter-spacing: -0.09em;
    line-height: 1px;
    padding-left: 1px;
}

.hit {
    color: #880000;
}

.nohit {
    color: #CCCCCC;
}

.addtofolder-checkbox {
    padding-left: 26px;
}

.search-results-filter,
.warnings-sort-filter {
    display: none;
}

.folder-sort-filter {
    display: none;
}

span.sort-by-attributes:hover + div.search-results-filter,
div.search-results-filter:hover {
    display: block;
    position: absolute;
    left: 15px;
    top: 0;
    background-color: white;
    padding: 20px 50px 20px 20px;
    z-index: 3;
    box-shadow: 0 3px 6px #E6E4D9;
    transition: all 800ms;
}

span.sort-by-attributes:hover + div.warnings-sort-filter,
div.warnings-sort-filter:hover {
    display: block;
    position: absolute;
    left: 20px;
    top: 0;
    background-color: white;
    padding: 20px;
    z-index: 3;
    box-shadow: 0 3px 6px #E6E4D9;
    transition: all 800ms;
    max-height: calc(100vh - 360px);
    overflow-y: auto;
}

div.folder-sort-filter.did-fade-in {
    display: block;
    position: absolute;
    right: 5px;
    background-color: white;
    padding: 15px 20px;
    z-index: 3;
    box-shadow: 0 3px 6px #E6E4D9;
    min-width: 215px;
}

div.folder-sort-filter:not(:hover) {
    /*animation: fade-out 5s;*/
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.folder-sort-filter > div {
    margin-bottom: 8px ;
}

.search-result-filter-value {
    padding-bottom: 20px;
}

.doctype-icon {
    font-size: 20px;
    padding-left: 3px;
}

/* Inhalte */
.main-content-inhalte {
    margin: 0 20px;
    width: 95%;
    font-size: 13px;
}

.inhalte-group {
    margin-bottom: 15px;
}

.inhalte-header {
    background-color: #D6D4C7;
    padding: 5px 10px;
}

.inhalte-body .list-group-item {
    border-radius: 0;
    padding: 8px 10px;
    font-size: 13px;
}

.inhalte-body .list-group {
    margin: 0;
}

.inhalte-main-title {
    font-size: 17px;
    font-weight: bold;
}

.inhalte-title {
    text-align: center;
}

.inhalte-dokumente-main-title {
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}

.inhalte-header-title {
    width: 93%;
    display: inline-block;
}

/* Meine Ordner */
#lstFolders {
    padding: 0;
}

.folder-name {
    padding-left: 5px;
    vertical-align: super;
    font-size: 15px;
    font-weight: bold;
    display: inline-flex;
    max-width: calc(100% - 30px);
    padding-top: 2px;
}

.my-folders .list-group-item-text {
    padding-left: 32px;
    /*min-height: 20px;*/
}

.my-folders .list-group-item {
    background: none;
    margin-bottom: 5px;
    margin-left: 5px;
    border: 2px solid rgba(255,255,255,0);
    text-decoration: none;
    list-style: none;
}

.my-folders .list-group-item.active,
.my-folders .list-group-item:focus,
.my-folders .list-group-item:hover {
    background-color: #eee;
}

.my-folders .list-group-item.active .list-group-item-text,
.my-folders .list-group-item.active:focus .list-group-item-text,
.my-folders .list-group-item.active:hover .list-group-item-text {
    color: #000;
    font-weight: normal;
}

.my-folders .list-group-item .edit-folders {
    display: none;
}

.my-folders .list-group-item:hover .edit-folders {
    display: inline-block;
    position: absolute;
    top: 6px;
    right: 0;
}

.my-folders .list-group-item.default-folder {
    /*background-color: #8a0407;*/
    color: #000;
    font-weight: bold;
    border: 2px solid rgba(255,255,255,0);
}

.folder-documents-header {
    float: left;
}

.folder-documents-block {
    text-align: left;
    margin-left: 30px;
    position: relative;
    cursor: pointer;
}

a.bookmark-name {
    display: block;
}

.lightgrey-bg {
    background-color: lightgray;
}

#bookmarkDialog button.close {
    text-shadow: none;
}

#btnNewFolder {
    margin: 0 auto;
    display: block;
   /* position: absolute;
    bottom: 0;
    left: calc(50% - 18px);*/
}

#newFolderWindow label.col-sm-2.control-label {
    padding: 15px 0 0;
}

#newFolderWindow .modal-body {
    padding: 0 15px 15px;
}

#newFolderWindow .fa-folder-plus {
    vertical-align: baseline !important;
}

a.follow-notiz-link,
a.follow-notiz-link:hover {
    color: #8A0000;
}

.edit-notes {
    padding: 0 0 5px 5px;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
}

.my-folders-top-buttons {
    font-size: 15px;
    padding-top: 15px;
    padding-bottom: 25px;
}

#mappeEditTab {
    margin-top: 9px;
    padding: 0 15px 12px 15px;
    background-color: #fff;
}

#mappeTitle {
    font-weight: 600;
    background-color: #f0f0f0;
    margin-bottom: 6px;
}

#mappeNotiz {
    font-weight: 400;
    background-color: #f0f0f0;
}

textarea#mappeNotiz {
    resize: vertical;
}

#folderEditTabTitle,
#notizEditTabTitle {
    line-height: 20px;
}

#folderEditTabIcon {
    color: #b1ac87;
}

#mappeBookmarkType,
#notizBookmarkType {
    padding: 9px 0 3px 0;
    float: right;
}

#notizEditTab {
    margin-top: 9px;
    padding: 0 15px 12px 15px;
    background-color: #fff;
}

.mappe-notiz-widget h5 {
    font-size: 15px;
    font-weight: 600;
}

.folders-sort {
    padding-left: 0;
    display: inline;
    position: relative;
}

#listFolders h3 span {
    font-size: 16px;
    font-weight: bold;
}

#loginPanel .dropdown-menu {
    left: 15%;
    padding: 15px;
}

#loginPanel .dropdown-menu > div {
    padding: 3px 0;
}

.user-folder > .fa-stack > .widget-folder-icon {
    color: #b1ac87;
}

.default-user-folder {
    display: inline-block;
    width: calc(100% - 30px);
}

.bookmarkIcon {
    line-height: 1.3;
    min-width: 40px;
    color: #b1ac87;
}

.icon-red {
    color: rgba(249, 210, 212, .9);
}

.icon-green {
    color: rgba(221, 238, 221, .9);
}

.icon-orange {
    color: rgba(254, 240, 205, .9);
}

.icon-blue {
    color: rgba(218, 228, 241, .9);
}

.bookmarkIconRed {
    color: #EF7F85 !important;
}

.bookmarkIconGreen {
   color: #87C286 !important;
}

.bookmarkIconOrange {
    color: #FCC02C !important;
}

.bookmarkIconBlue {
    color: #638ECA !important;
}

.bookmarkIconRedBg:hover {
    background-color: rgba(249, 210, 212, .8);
}

.bookmarkIconGreenBg:hover {
    background-color: rgba(221, 238, 221, .8);
}

.bookmarkIconOrangeBg:hover {
    background-color: rgba(254, 240, 205, .8);
}

.bookmarkIconBlueBg:hover {
    background-color: rgba(218, 228, 241, .8);
}

.bookmarkIconRedBorder {
    border-color: #EF7F85 !important;
}

.bookmarkIconGreenBorder {
    border-color: #87C286 !important;
}

.bookmarkIconOrangeBorder {
    border-color: #FCC02C !important;
}

.bookmarkIconBlueBorder {
    border-color: #638ECA !important;
}

.bookmarkIconMainBorder {
    border-color: #B1AC87 !important;
}

#listFolders li.Border{
    border-color: #B1AC87 !important;
}

#changeFolderWindow .list-group {
    margin-bottom: 0;
}

#changeFolderWindow .list-group-item-text {
    margin-left: 32px;
}

#changeFolderWindow .list-group-item.active,
#changeFolderWindow .list-group-item.active:focus,
#changeFolderWindow .list-group-item.active:hover {
    color: #000;
    background-color: #eee;
    border-color: transparent;
}

#changeFolderWindow .list-group-item.active .list-group-item-text,
#changeFolderWindow .list-group-item.active:focus .list-group-item-text,
#changeFolderWindow .list-group-item.active:hover .list-group-item-text {
    color: #000;
}

#changeFolderWindow .list-group-item-heading {
    margin-bottom: 0;
    padding-top: 5px;
}

.neue-mappe-colours {
    margin-right: 10px;
}

.my-folders h4 {
    font-size: 15px;
    margin-bottom: 0;
}

#folderDocumentsList {
    margin-left: -7px
}

.filter-item {
    margin-left: 15px;
    padding-right: 15px;
    float: left;
}

#disableAllAlerts {
    width: 270px;
    padding: 10px;
}

#rightSidebar {
    padding-right: 15px;
}
/* END */


.ordner-title {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

#lstAddToFolderFolder option {
    cursor: pointer;
}

/* Modal Tweaks */
.bookmark-dialog .modal-footer {
    text-align: right;
    border-top: none;
    position: absolute;
    bottom: 0;
    right: 0;
}

.bookmark-dialog .modal-body {
    min-height: 100px;
}

.bookmark-dialog .close {
    opacity: 1 !important;
}

@font-face {
    font-family: behrsFocusFont;
    src: url('/wissen/fonts/behrs-focus-8e46b1f016769ebccc8741365f04d5ec.eot');
    src: url('/wissen/fonts/behrs-focus-77df94e2bde690af1972512c6aa566bd.ttf') format('truetype'), url('/wissen/fonts/behrs-focus-910b8089b9ac7158014339c421dac8a6.svg#Behrs-Fokus') format('svg');
}

#pageSlider .slider.slider-horizontal,
#documentSlider .slider.slider-horizontal {
    width: calc(100% - 32px) !important;
}

#dateSlider .slider.slider-horizontal,
#dateSlider .page-slider-value,
#relevanzSlider .slider.slider-horizontal,
#relevanzSlider .page-slider-value {
    width: 100%;
}

.slider-handle.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605'; /*unicode star character*/
    color: #641204;
}

.slider.slider-horizontal .slider-handle {
    background-color: #641204;
    background-image: none;
    width: 10px !important;
    margin-left: -5px !important;
    top: 1px !important;
    cursor: pointer;
}

.slider.slider-vertical .slider-handle.round {
    background-color: #641204;
    background-image: none;
    cursor: pointer;
}

.slider.slider-disabled .slider-handle {
    background-image: linear-gradient(to bottom,#dfdfdf 0,#bebebe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf',endColorstr='#ffbebebe',GradientType=0);
    background-repeat: repeat-x;
}

#btnSliderLeft_documentSlider,
#btnSliderRight_documentSlider,
#btnSliderRight_pageSlider,
#btnSliderLeft_pageSlider,
#btnSliderLeft_pageSliderVorschriften,
#btnSliderRight_pageSliderVorschriften,
#btnSliderLeft_pageSliderLebensmittelNews,
#btnSliderRight_pageSliderLebensmittelNews,
#btnSliderLeft_pageSliderRasff,
#btnSliderRight_pageSliderRasff {
    font-size: 20px;
    padding-top: 3px !important;
    vertical-align: top;
    color: #8a0000;
    width: 16px !important;
    min-width: 16px !important;
}

#btnSliderRight_documentSlider,
#btnSliderRight_pageSlider,
#btnSliderRight_pageSliderVorschriften,
#btnSliderRight_pageSliderLebensmittelNews,
#btnSliderRight_pageSliderRasff {
    text-align: right !important;
}

#sliderLabel_documentSlider {
    overflow: hidden;
    height: 15px;
    display: inline-flex;
}

#pnlSuchmodus .slider.slider-vertical .slider-tick,
#pnlSuchmodus .slider.slider-vertical .slider-handle,
#pnlSuchmodus .slider.slider-vertical .slider-handle.round {
    background-color: #8A0000;
    background-image: none;
    cursor: pointer;
    width: 14px;
    height: 14px;
    margin-top: -8px !important;
}

#pnlSuchmodus .slider.slider-vertical.slider-disabled .slider-tick,
#pnlSuchmodus .slider.slider-vertical.slider-disabled .slider-handle,
#pnlSuchmodus .slider.slider-vertical.slider-disabled .slider-handle.round {
    background-color: #a3a3a3;
}

#pnlSuchmodus .slider-vertical {
    margin-left: 6px;
    margin-top: 9px;
    height: 33px;
    margin-right: 30px;
}

#searchFocusIris,
#searchFocusSlider,
#searchFocusTooltips {
    display: inline;
    float: left;
}

#searchFocusIris {
    margin-left: -5px;
    position: relative;
}

@media (max-width: 991px) {
    #Suchmodus .panel-body {
        padding: 0 5px;
    }

    #searchFocusIris svg {
        height: 40px !important;
        margin: 9px 0 0 3px;
    }

    #searchFocusSlider {
        margin-block: 5px;
    }

    #pnlSuchmodus .slider-vertical {
        margin: 9px 0 5px 4px;
    }

    .slider-tick-label-container .slider-tick-label {
        margin-left: 17px !important;
        padding-left: 0 !important;
    }
}

#searchResultsNumber {
    position: absolute;
    top: 30px;
    left: 25px;
    font-size: 10px;
    font-weight: 400;
}

#searchFocusTooltips {
    margin-left: 10px;
    margin-top: -1px;
    width: calc(100% - 120px);
    margin-right: -20px !important;
    font-size: 12px;font-weight: 400;
}

#pnlSuchmodus {
    font-size: 12px;
    font-weight: 400;
}

#pnlSuchmodus .slider-tick-label {
    display: block;
    font-size: 12px;
    font-weight: 400;
}

#pnlSuchmodus .slider-tick-label-active,
#pnlSuchmodus .label-is-selection {
    font-weight: 600;
}

#pnlSuchmodus .slider.slider-vertical .slider-track {
    width: 4px;
}

#pnlSuchmodus .slider-tick-label-container {
    width: max-content;
}

#searchFocusSlider .slider-tick-text {
    min-width: 115px;
    display: inline-block;
    text-align: left;
}

.high-focus,
.middle-focus,
.low-focus {
    font-family: behrsFocusFont;
}

.error-message {
    font-weight: bold;
    color: red;
}

.error-input {
    border: 1px solid red;
}

/*////////////////// slider ///////////////////*/
/*
#slider-frame {
    border: 0 none;
    bottom: 0;
    left: 15px;
    overflow: hidden;
    padding: 10px !important;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 3px;
}

#page-slider-label {
    margin-left: 20px;
}
*/

.second-slider-label {
    margin-top: -20px;
}

/*
#page-slider {
    border: 0 none;
    bottom: 0;
    height: 10px;
    left: 0;
    overflow: hidden;
    padding: 15px 0px 12px 0px;
    position: absolute;
    right: 0;
    text-align: center;
}

#page-slider table {
    width: 100%;
    height: 100%;
}

#page-slider table td {
    text-align: center;
    vertical-align: middle;
}

#page-slider .corner-left,
#page-slider .corner-right {
    width: 15px;
    height: 42px;
    position: absolute;
}

#page-slider .corner-left {
    background: url('/wissen/images/content/corner-left-slider-page-d7c4d12f7ea4ee7004788e9243689593.png') no-repeat 0 0;
    margin-left: -1px;
}

#page-slider .corner-right {
    background: url('/wissen/images/content/corner-right-slider-page-a33dc84e3207367c33ee1ef8a2f88359.png') no-repeat right;
    margin: 1px 0 0 14px;
}

#page-slider .prev-page,
#page-slider .next-page {
    width: 20px;
    letter-spacing: 7px;
    line-height: 1.2;
    padding-top: 3px;
}

#page-slider .prev-page {
    text-align: left;
}

#page-slider .next-page {
    text-align: right;
}

#page-slider .slider {
    width: 576px;
}
*/

.page-slider-value {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
}

.slider.slider-horizontal .slider-track {
    border: 1px solid grey;
    margin-top: -4px !important;
}

.slider-selection, .slider-handle {
    box-shadow: none !important;
}

.item_anchor {
    cursor: pointer;
}

.highlight-doc {
    background-color: #FFB6C1;
}

.delete-folder,
.edit-folder,
.delete-document {
    cursor: pointer;
    padding-left: 5px;
}

.folder-row span {
    cursor: pointer;
}

#txtNewFolderName,
#txtEditFolderName {
    width: 100%;
}

/*Modal */
.modal-backdrop {
    background-color: transparent !important;
}

.bookmark-dialog,
#dialogModalSearch {
    right: auto !important;
}

#search-select-box {
    width: 150%;
}

.hitlist-navigator {
    font-size: 16px;
    padding: 0;
    color: #fff;
    text-align: center;
}

.hitlist-navigator .navigation-arrow {
    font-size: 22px;
    color: #fff;
    padding: 0 10px
}

/*#highlighterNavigatorNumber {*/
/*}*/

.bookmark-dialog .modal-content {
    position: relative;
    background-color: transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bookmark-dialog .modal-dialog {
    width: auto;
}

#footnoteWindow .modal-dialog {
    margin: auto;
}

#footnoteWindow .modal-header  {
    cursor: move;
    padding: 5px 15px;
    background-color: #D6D4C7;
}

#footnoteWindow .modal-content {
    resize: both;
    overflow: auto;
    width: 500px;
    height: 500px;
}

#footnoteWindow a.cs-linkextern {
    color: #333333;
    pointer-events: none;
    cursor: default;
}

#footnoteWindow a.document-link-unavailable {
    color: #333333;
    pointer-events: none;
    cursor: default;
}

#footnoteWindow .sb,
#footnoteWindow .sti {
    color: blue;
}

#footnoteWindow .sb a.document-link-unavailable,
#footnoteWindow .sti a.document-link-unavailable,
#footnoteWindow .sb a.cs-linkextern,
#footnoteWindow .sti a.cs-linkextern {
    color: blue !important;
}

.footnote-textarea {
    background-color: #fff;
    border: 2px solid #D6D4C7;
    padding: 5px;
    /*height: 90%;*/
    font-family: Garamond, 'Times New Roman', serif;
}

.footnote-textarea a {
    color: #8A0000;
}

.bookmark-textarea {
    min-width: 200px;
    border: none;
    padding: 6px;
    color: #000;
    font-weight: 400;
}

#dialogModalSearch .modal-header {
    border-bottom: none;
}

.page-slider-value > span {
    position: relative;
    font-size:11px;
}

.page-slider-value {
    width: calc(100% - 60px);
}

#searchFocusSlider .slider-selection.tick-slider-selection {
    background: none;
}

#searchFocusSlider .slider-tick {
    background: none;
    box-shadow: none;
    box-sizing: border-box;
    filter: none;
    opacity: 0;
    border: none;
}

#searchFocusSlider .slider.slider-horizontal {
    width: 80%;
    margin-left: 15px;
}

#searchFocusSlider .page-slider-value {
    display: none;
}

.slider-rank {
    color: #880000;
    font-family: "Arial Rounded MT Bold", sans-serif;
    font-size: 40px;
    letter-spacing: -0.09em;
    line-height: 1px;
    margin-left: -2px;
    margin-top: -6px;
}

.search-focus-badge {
    display: table;
    padding: 3px 7px;
    margin-right: auto;
    margin-left: auto;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
}

citation-line {
    max-width: 80%;
    display: inline-flex;
    font-size: 14px;
    line-height: 17px;
}

.sidenav .treeview .ueberschrift-zeile {
    max-width: 65%;
    display: inline-flex;
}

.panel-body {
    padding: 0 15px;
}

.homepage-main-title {
    font-size: 17px;
    font-weight: bold;
}

.homepage-doc-text {
    vertical-align: top;
    border-bottom: 1px solid #8A0000;
    padding-top: 10px;
}

.homepage-doc-icon {
    vertical-align: top;
    padding-right: 10px;
    padding-top: 10px;
}

.highlight {
    background-color: yellow;
}

.highlight-doc {
    background-color: #FFB6C1;
}

.highlight-doc.selected {
    background-color: #FEC328;
}

.highlight-selected,
.highlight-selected .highlight {
    background-color: #ffcc00;
}

.footnote-link {
    cursor: pointer;
}

.popover-title {
    margin-top: 0 !important;
}

.new-folder-header {
    margin-top: 15px;
}

#shop-information {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14pt;
}

#shop-information .text p {
    margin: revert;
}

#shop-information .text-headline-big {
    color: #000;
    font-weight: 700;
    line-height: 120%;
    font-size: 22pt;
    margin-bottom: 15px;
    margin-top: 5px;
    text-align: left;
}

#shop-information .text-subheadline-big {
    font-size: 16pt;
    margin-bottom: 15px;
    line-height: 130%;
}

#shop-information table#shop-content-desc {
    /*border: solid #880000 1px;*/
    margin-top: 60px;
}

#shop-information table#shop-content-buttons {
    width: 100%;
    margin-top: 20px;
}

#shop-information td {
    vertical-align: top;
}

#shop-information td img {
    max-width: none;
}

#shop-information img {
    max-width: 100%;
}

#shop-information ul.product-author-type {
    display: block;
    margin: 0 0 15px 0;
    padding-left: 0;
    list-style-image: none;
}

#shop-information .product-author-type li {
    display: inline-block;
}

#shop-information .product-author-type li::after {
    content: ',';
    display: inline-block;
    margin-right: 0.25em;
}

#shop-information .product-author-type li:last-child::after {
    display: none;
}

#shop-information a.btn1 {
    margin-bottom: 10px;
    width: 240px;
    height:45px;
    display:block;
    background: transparent url(/wissen/images/Jetzt_im_Shop_lizenzieren_inaktiv-ca247e0535092fe84322e9e69007477f.png) center top no-repeat;
}

#shop-information a.btn1:hover {
    background-image: url(/wissen/images/Jetzt-im-Shop-lizenzieren-aktiv-4926cd00b00e091f79f63d4559812fbb.jpg);
}

#shop-information a.btn2 {
    margin-bottom: 10px;
    width: 240px;
    height:45px;
    display:block;
    background: transparent url(/wissen/images/4_Wochen_inaktiv-c1660fec15fff076395ecb95b31ef966.png) center top no-repeat;
}

#shop-information a.btn2:hover {
    background-image: url(/wissen/images/4-Wochen_aktiv-eb57382d99b9e94aac9c1d101fa44284.jpg);
}

#shop-information ol,
#shop-information ul {
    list-style: initial;
}

#shop-information .margin-bottom-20-mobile {
    margin-top: 20px;
}

#shop-information .author {
    text-transform: none;
    color: #626262;
    font-weight: 400;
    line-height: 140%;
}

#shop-information .author .persons {
    margin-bottom: 15px;
}

#shop-information .bordered-box {
    border: 1px solid #626262;
    padding: 20px 15px 15px 15px;
    position: relative;
}

#shop-information .bordered-box .headline-absolute {
    position: absolute;
    top: -15px;
    left: 15px;
    display: inline-block;
    background-color: #fff;
    padding: 5px;
    font-weight: 700;
    text-transform: uppercase;
    color: #8c2739;
    font-size: 16px;
}

#shop-information .bordered-box .text-small {
    font-size: 12pt;
    line-height: 18pt;
}

.bibliographical-popover {
    max-width: 1100px;
    max-height: 700px;
}

.bibliographical-popover .popover-content {
    max-height: 680px;
    overflow-y: auto;
    overflow-x: hidden;
}

.bibliographical-popover #shop-information {
    font-size: 12pt;
}

.bibliographical-popover #shop-information .author {
    font-size: 12pt;
}

.bibliographical-popover #shop-information .text-headline-big {
    font-size: 18pt;
}

.bibliographical-popover #shop-information .text-subheadline-big {
    font-size: 14pt;
}

.bibliographical-popover #shop-information .text-alt-title-big {
    font-size: 12pt;
}

.bibliographical-popover #shop-information .bordered-box .text-small {
    font-size: 11pt;
}

.tuev-text {
    font-size: 10px;
    display: inline-block;
}

.tuev-logo {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 15px;
}

#content-wrapper div.cs-bildbox-oben-rechts img {
    width: auto;
    position: absolute;
    top: 20px;
}

.jstree-default > .jstree-container-ul > .jstree-node {
    padding-top: 6px;
}

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl::before {
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    content: "\f078";
    color: #8A0000;
}

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl::before {
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    content: "\f077";
    color: #8A0000;
}

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl,
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
    background: none !important;
}

#document-citation .jstree-anchor {
    padding-top: 3px !important;
    min-height: 1em;
}

.jstree-anchor {
    white-space: normal !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    width: 94% !important;
    height: 100% !important;
    line-height: 17px !important;
    padding: 0 0 8px !important;
}

#mobileSidebar #leftSidebar {
    margin-bottom: 5px;
}

#leftSidebar .jstree-anchor {
    width: 88% !important;
}

#leftSidebar .jstree-container-ul {
    padding-top: 5px
}

.jstree-anchor .ueberschrift-zeile,
.jstree-anchor .nummer {
    /* Some TOC entries are to small. We switch to the default font (14px) */
    font-size: inherit !important;
    line-height: 16px !important;
    padding: 3px 0;
}

.jstree-anchor .nummer:empty {
    /* eliminate indent from empty numbers */
    display: none;
}

.jstree-anchor .toc-section-range {
    color: #aaaaaa;
}

.jstree-default .jstree-icon {
    line-height: 18px !important;
}

#pnlSearchHistory .search-history-text {
    padding-left: 3px;
}

#pnlSearchHistory .glyphicons.flip {
    padding-top: 2px; /* pushes the spy glass 2px down to be vertically centered */
    color: #666;
}

#pnlDocumentHistory .fas {
    vertical-align: middle;
    /*display: table-cell;*/
}

#document-history ul a span:first-child {
    color: #666;
}

/*
#pnlDocumentHistory a.list-group-item {
    display: table;
}

#pnlDocumentHistory a.list-group-item > .search-history-text {
    display: table-cell;
}
*/

/*News*/
#lebensmittelNews .news-long-title,
#rasff .news-long-title {
    font-weight: 600 !important;
}

#lebensmittelNews .hitlist_ico_dt-behrs-crawler-item:before,
#lebensmittelNews .hitlist_ico_dt-behrs-crawler-item-news:before,
#lebensmittelNews .hitlist_ico_dt-behrs-crawler-item-warnung:before,
#rasff .hitlist_ico_dt-behrs-crawler-item:before,
#rasff .hitlist_ico_dt-behrs-crawler-item-news:before,
#rasff .hitlist_ico_dt-behrs-crawler-item-warnung:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f360";
    font-weight: 900;
    color: #BBB;
}

#rasff .hitlist_ico_dt-behrs-crawler-item-warnung:before,
#rasff .hitlist_ico_dt-behrs-crawler-item-warnung:before {
    color: #8A0000;
}

#lebensmittelNews .news-citation-line,
#rasff .news-citation-line{
    color: #8a0000;
    word-break: break-all;
}

#lebensmittelNews td *,
#rasff td *{
    margin: 0 !important;
    padding: 0  !important;
}

#lebensmittelNews td,
#rasff td{
    padding-top: 8px  !important;
    padding-bottom: 8px  !important;
}

#lebensmittelNews .news-citation-line:before,
#rasff .news-citation-line:before{
    font-family: "Font Awesome 5 Pro";
    content: "\f35d";
    padding-right: 4px;
    font-weight: 200;
    font-size: .8em;
}

#lebensmittelNews .source,
#lebensmittelNews ref-uri,
#rasff .source,
#rasff ref-uri,
#lebensmittelNews img {
    display: none;
}

/*Hitlist News*/
#pnlResultGroups .hitlist_ico_dt-behrs-crawler-item:before,
#pnlResultGroups .hitlist_ico_dt-behrs-crawler-item-news:before,
#pnlResultGroups .hitlist_ico_dt-behrs-crawler-item-warnung:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f360";
    font-weight: 900;
    color: #BBB;
}

#pnlResultGroups .hitlist_ico_dt-behrs-crawler-item-warnung:before {
    color: #8A0000;
}

.item-hitlist-creator-news {
    display:inline;
    font-weight: bold;
    color: #767676;
    margin-right: 4px;
}

.item-hitlist-separator-news {
    display:inline;
    font-weight: bold;
    color: #767676;
    margin-right: 4px;
}

.item-hitlist-date-news {
    display:inline;
    font-weight: bold;
    color: #767676;
    margin-right: 6px;
}

.item-hitlist-title-news {
    display:inline;
    color: #767676;
}

#lebensmittelNews a[href="http://behrs.kraft.media/?p=28006"] {
    pointer-events: none;
    cursor: default;
}

#lebensmittelNews a[href="http://behrs.kraft.media/?p=28006"] div.news-citation-line {
    display:none
}

/* Document type Icons */
.hitlist_ico_anleitung::before {
    content: "\f5eb";
}

.hitlist_ico_einzelnorm::before {
    content: "\F1ea";
}

.hitlist_ico_newsletter::before {
    content: "\f1ea";
}

.hitlist_ico_editorial-jahrgang::before {
    content: "\F1ea";
}

.hitlist_ico_einzeltext::before {
    content: "\F1ea";
}

.hitlist_ico_ebene::before {
    content: "\F1ea";
}

.hitlist_ico_vorschrift::before {
    content: "\00A7"; /*paragraph sign*/
    font-family: Arial, Helvetica, sans-serif;
}

.hitlist_ico_lexikon::before {
    content: "\f558";
}

.hitlist_ico_gerichtsentscheidung::before {
    content: "\f24e";
}

.hitlist_ico_textabschnitt::before {
    content: "\F1ea";
}

.hitlist_ico_kommentar::before {
    content: "\f044";
}

.hitlist_ico_fachbuch::before {
    content: "\f02d";
}

.cs-bildbox-oben-rechts {
    position: absolute;
    top: 0;
    width: 80%;
}

.bold-text {
    font-weight: bold;
}

#pnlMyProducts, #pnlAllProducts, #pnlMyFolders {
    margin-top: 10px;
    margin-left: 0;
}

div#pnlMyProducts div h4, div#pnlAllProducts h4 {
    margin-left:-7px !important;
}

.openKWIC {
    margin-right: 6px;
    cursor: pointer;
}

.error-links,
.error-links:hover,
.error-links:visited {
    text-decoration: underline;
}

.fehler-404 {
    padding-bottom: 15px;
}

#lblHitsCount {
    font-weight: bold;
}

#lblHitsCount,
#lblSortField {
    font-weight: bolder;
}

/* Cookie consent start */
#cookie-consent-dialog {
    display: none;
    opacity: 1;
    padding: 10px 10px 18px;
    position: fixed;
    width: 100%;
    z-index: 9999;
    font-size: 16px;
    line-height: normal;
}

#cookie-consent-dialog .background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .8;
    background-color: #000;
    z-index: -1;
}

#cookie-consent-dialog .advice-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    line-height: 21pt;
    color: #818181;
    padding: 19px 0;
}

#cookie-consent-dialog .advice-text .advice-text-title {
    color: #fff;
    font-size: 24px;
}

#cookie-consent-dialog .advice-text .advice-text-link {
    color: #fff;
}

#cookie-consent-dialog .advice-footer {
    display: flex;
    justify-content: space-between;
}

#cookie-consent-dialog .advice-footer .buttons {
    margin-right: 10px;
}

#cookie-consent-dialog .btn-option {
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
}

#cookie-consent-dialog .btn-option-accept-all {
    background-color: #8c2739;
    border: 2px solid #8c2739;
}

#cookie-consent-dialog .btn-option-accept-all:hover {
    background-color: white;
    color: #8c2739;
}

#cookie-consent-dialog .btn-option-accept-custom {
    background-color: #757575;
    border: 2px solid #757575;
}

#cookie-consent-dialog .btn-option-accept-custom:hover {
    background-color: white;
    color: #757575;
}

#cookie-consent-dialog .cookie-checkboxes-container {
    display: flex;
    gap: 2rem;
    align-items: center;
}

#cookie-consent-dialog .cookie-checkbox-container {
    display: block;
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    font-size: 12px;
    color: white;
    user-select: none;
    /* reset things overwritten by customer css */
    margin-bottom: 0;
    font-weight: normal;
}

#cookie-consent-dialog .cookie-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

#cookie-consent-dialog .cookie-checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 12px;
    width: 12px;
    background-color: black;
    border: 1px solid white;
}

#cookie-consent-dialog .cookie-checkbox-container .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 0;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#cookie-consent-dialog .cookie-checkbox-container input:checked ~ .checkmark::after {
    display: block;
}

#cookie-consent-dialog .cookie-checkbox-container.disabled {
    color: #757575;
}

#cookie-consent-dialog .cookie-checkbox-container.disabled .checkmark {
    border-color: #757575;
}

#cookie-consent-dialog .cookie-checkbox-container.disabled .checkmark::after {
    border-color: #757575;
}
/* Cookie consent end */

.filters-sliders-block {
    padding-bottom: 10px;
}

#documentSlider,
#pageSliderVorschriften,
#pageSliderLebensmittelNews,
#pageSliderRasff {
    position: absolute;
    bottom: -49px;
    width: calc(100% - 25px) !important;
    left: 15px;
}

.alternative-main {
    padding-top: 10px;
}

.alternative-list {
    padding-left: 15px;
}

.alternative-text {
    margin: 10px 0 5px -17px;
    display: block;
}

.alternative-list-item {
    padding: 3px 0;
}

.alternative-list-item a {
    color: #800;
    text-decoration: none;
}

.alert-widget {
    padding: 1px 15px 12px 15px;
    background-color: #fff;
}

.alert-service-filters {
    padding-left: 5px;
}

.alerts-content {
    padding: 0 5px;
}

.alerts-content h5 {
    padding-left: 18px;
}

.alerts-content hr {
    margin-top: 15px;
    margin-bottom: 20px;
}

.menu-element {
    max-width: 80%;
    display: inline-flex;
}

.testuser-document-message {
    font-size: 17px;
    font-weight: bold;
    position: absolute;
    width: 86%;
    left: 9%;
    color: #fff;
}

.testuser-document-area > div {
    margin-top: 25px;
}

/* Override requested */
.fa,
.fas,
.far {
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: top !important;
    font-size: 18px !important;
    line-height: 18px !important;
    min-width: 22px !important;
    width: 22px !important;
    height: 18px !important;
    text-align: left !important;
}

.fa-stack {
    display: inline-block;
    position: relative;
    vertical-align: top;
    line-height: 18px;
    width: 22px;
    height: 18px;
}

.pull-right .fas {
    /* exception rule for hover symbols*/
    font-size: 12px !important;
}

.float-right {
    float: right;
}

/* Exception rule */
#pnlResultGroups .fas {
    text-align: center !important;
}

.neue-mappe-colours .fas {
    font-size: 18px !important;
}

.aenderungen-table-btn,
.normtext-teile-btn {
    font-size: 12px !important;
    vertical-align: baseline !important;
}

.logout-link {
    margin-left: 1px !important;
    vertical-align: text-bottom !important;
}

.folder-overlay-bell-icon,
.widget-folder-bell-icon {
    font-size: 12px !important;
    left: 10px;
    top: -3px;
}

.more-folder-options {
    width: 7px !important;
    min-width: 7px !important;
    margin-left: 7px !important;
}

#alertWidgetBellStatus {
    vertical-align: -1px !important;
}

#pnlVerticalButtons .fa-bell-slash {
    margin-left: -3px !important;
}

dynamic-content {
    display: none;
}

.loading-dossier-content {
    text-align: center;
    margin-top: 25px;
    display: block;
}

.loading-dossier-content i {
    margin-right: 10px;
    font-family: 'Font Awesome 5 Pro' !important;
}

#search-history .tooltip.in {
    opacity: 1 !important;
}

#search-history .tooltip-inner {
    max-width: 220px;
    padding: 3px 5px;
    color: #000;
    font-size:  11px;
    text-align: left;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #000;
}

.result-title-standard {
    line-height: 17px;
    color: #555;
    font-weight: 400;
}

/*    @MEDIA changes     */
@media (max-width: 355px) {
    .footer .nav > li > a {
        padding: 2px;
    }

    .footer-menu-name {
        display: none;
        font-size: 8px !important;
        line-height: 8px;
        padding-left: 0;
        font-weight: normal;
    }

    .homepage-header .image-logo {
        vertical-align: text-top;
    }

    .xxs-hidden {
        display: none;
    }
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav
   (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 14px;
    }

    .homepage-header.header-body {
        height: 44px;
    }
}

@media (min-width: 356px) and (max-width: 556px) {
    .footer > .container-fluid {
        padding-right: 1px !important;
        padding-left: 1px !important;
    }

    .footer-menu-name {
        font-size: 9px !important;
        line-height: 9px !important;
    }
}

@media (min-width: 321px) and (max-width: 767px) {
    .footer .nav > li > a {
        padding: 5px 5px 2px;
    }

    .footer-menu-name {
        display: none;
        font-size: 10px;
        line-height: 10px;
        padding-left: 0;
    }

    .recherche-content, .ordner-content {
        width: 80%;
    }

    span.sort-by-attributes:hover + div.warnings-sort-filter,
    div.warnings-sort-filter:hover {
        max-height: calc(100vh - 235px);
    }
}

@media (max-width: 767px) {
    /* Header */
    header .container-fluid {
        padding-left: 0;
        padding-right: 0;
        height: 50px;
    }

    .navbar-default {
        background-color: #8a0000;
        /*border-color: #8a0000;*/
    }

    .header-logo {
        padding: 0 15px;
        margin: 0;
        text-align: right;
    }

    .header-logo-homepage {
        width: calc(100% - 44px);
    }

    .header-body {
        display: inline-block;
        float: right;
        width: calc(0% + 40px);
        height: 50px;
        padding: 0;
        background-color: #8a0000;
    }

    /*homepage mobile hacks*/
    .homepage-header {
        width: 100%;
        background-color: #fff;
        height: 40px;
    }

    .homepage-header .navbar-toggle:focus,
    .homepage-header .navbar-toggle:hover {
        /* Hover für das Burgermenü auf der Homepage */
        background-color: #ffeeee !important;
        /*color: #fff !important;*/
        box-shadow: inset 0 0 8px 6px rgba(255, 255, 255, 1) !important;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #CC0000;
        box-shadow: inset 0 0 10px 7px rgba(136, 0, 0, .9);
    }

    .homepage-header .image-logo {
        max-width: 100%;
        height: auto;
        padding-top: 5px;
        padding-right: 5px;
    }

    .homepage-header.header-body {
        width: 100%;
    }

    .homepage-header.header-body {
        height: 44px;
    }

    .homepage-header .mobile-menu-button {
        margin: 0 10px;
    }

    .mobile-menu-button.open > .icon-bar,
    .mobile-menu-button-homepage.open .icon-bar {
        width: 30px;
        position: absolute;
        left: 5px;
    }

    .mobile-menu-button-homepage.open .icon-bar {
        left: 15px;
    }

    .mobile-menu-button.open > .icon-bar.b1 {
        transform: rotate3d(0,0,1,45deg);
        top: 20px;
    }

    .mobile-menu-button.open > .icon-bar.b2 {
        transform: rotate3d(0,0,1,-45deg);
        top: 16px;
    }

    .mobile-menu-button.open > .icon-bar.b3,
    .mobile-menu-button-homepage.open > .icon-bar.b3 {
        display: none;
    }

    .mobile-menu-button-homepage.open > .icon-bar.b1 {
        transform: rotate3d(0,0,1,45deg);
        top: 16px;
    }

    .mobile-menu-button-homepage.open > .icon-bar.b2 {
        transform: rotate3d(0,0,1,-45deg);
        top: 12px;
    }

    .homepage-search {
        width: 100% !important;
        margin-top: -5px;
    }

    .homepage-search .search-bar {
        padding: 0 15px;
    }

    body > .homepage-body.container-fluid {
        padding: 90px 15px 0 !important;
        height: 100% !important;
    }

    #mainContent {
        height: calc(100% - 60px);
        padding: 0;
    }

    body > .container-fluid {
        padding: 50px 15px 0;
        height: calc(100% - 5px);
    }

    #leftSidebar,
    #rightSidebar {
        padding-left: 0;
        padding-right: 0;
        margin-top: 5px;
    }

    /* Search */
    .search {
        width: calc(100% - 41px);
        height: 50px;
        display: inline-block;
        float: left;
        padding: 6px 0;
    }

    .search-bar {
        padding: 0 5px
    }

    .more-mobile-menu {
        display: inline-block !important;
    }

    #homepageTabs.nav-tabs > li > a,
    #homepageTabs.nav-tabs > li > a:focus,
    #homepageTabs.nav-tabs > li > a:hover {
        padding: 5px 2px;
    }

    /* SideNav */
    .sidenav-mobile-container {
        width: calc(100% - 44px);
        height: 100%;
        scrollbar-width: thin;
        position: fixed;
        top: 0;
        left: calc(0px - 100%);
        z-index: 1030;
        background-color: #E6E4DA;
        overflow-x: hidden;
        transition: 0.5s;
        padding-left: 0;
        padding-right: 0;
        /*padding-top: 32px;*/
        box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .3);
    }

    .sidenav a,
    .sidenav a:hover {
        text-decoration: none;
        color: #818181;
        transition: 0.3s
    }

    .sidenav .closebtn {
        position: absolute;
        top: 8px;
        right: 8px;
        font-size: 20px;
        margin-left: 50px;
        background-color: #8A0000;
        border-radius: 25px;
        padding: 1px 0 0 3px;
        color: #E6E4D9;
        height: 20px;
        width: 20px;
        line-height: 18px;
    }

    .sidenav .list-group {
        border-bottom: 3px solid #D6D4C7 !important;
    }

    #leftSidebar,
    #rightSidebar {
        height: auto;
    }

    .panel-heading {
        background-color: #D6D4C7;
        border: 0 none;
        font-weight: bold;
        height: 100%;
    }

    .inner-heading {
        background-color: #fff;
    }

    /*Main content */
    .main-content-doc {
        margin-left: 20px;
    }

    .notiz-block {
        margin: 0;
    }

    .notizmappe {
        padding: 0 0 20px 0;
    }

    .notiz-date {
        display: inline-block;
    }

    /*Search filters*/
    #search-filter {
        margin-bottom: 20px;
    }

    #search-filter .panel-heading {
        background-color: #8A0000;
        color: #fff;
    }

    #search-filter .fas {
        color: #8A0000;
    }

    #search-filter .panel-collapse {
        max-height: 500px;
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: thin;
        padding: 3px 3px 0;
        box-shadow: 0 8px 8px -8px rgba(0,0,0,.5);
    }

    #search-filter .panel-collapse .panel-group {
        margin-bottom: 0;
    }

    #search-filter #meineProdukte,
    #search-filter #alleProdukte {
        max-height: none;
    }

    .behrs-main-button,
    .behrs-main-button:hover {
        padding: 0 20px;
    }

    #shop-information .desc.short-desc iframe {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .jstree-anchor {
        width: 185px !important;
    }

    .footer .nav > li {
        display: table-cell;
        width: 1%;
    }

    .recherche-content-title,
    .ordner-content-title {
        display: block;
        text-overflow: ellipsis;
        word-wrap: break-word;
        overflow: hidden;
        max-height: 4em;
        line-height: 1em;
        font-size: 14px;
    }

    .filters-sliders-block h5 {
        margin-bottom: 0;
    }

    #relevanzSlider {
        margin-top: -5px;
    }

    .recherche-title {
        margin-top: 10px;
    }

    .footer .nav {
        width: 100%;
    }

    .footer .nav-pills .footer-menu-name {
        display: none !important;
    }

    .footer .nav-pills .fas {
        padding-top: 4px;
    }

    .search-results-filter-mobile div {
        padding: 5px 0;
    }

    #dateSlider .slider.slider-horizontal,
    #dateSlider .page-slider-value,
    #relevanzSlider .slider.slider-horizontal,
    #relevanzSlider .page-slider-value {
        width: 100%;
        margin-left: 6px; /* it was to close to the border */
    }

    #sliderLabel2_relevanzSlider {
        left: calc(100% - 20px);
    }

    #sliderLabel2_dateSlider {
        left: calc(100% - 36px);
    }

    #footnoteWindow .modal-content {
        resize: both;
        overflow: auto;
        width: 300px;
        height: 300px;
    }

    .main-content-height {
        height: calc(100% - 30px);
    }

    #documentSlider,
    #pageSliderVorschriften,
    #pageSliderLebensmittelNews,
    #pageSliderRasff {
        bottom: -37px;
        width: calc(100% - 5px) !important;
        left: 5px;
    }

    .filter-item {
        padding-right: 0;
    }

    .footer li.active-tab {
        padding-top: 5px;
    }

    .buttons-main-left {
        margin-left: -10px;
    }

    #cookie-consent-dialog .advice-footer {
        flex-direction: column;
        align-items: center;
        gap: 1em;
    }

    #cookie-consent-dialog .advice-footer .buttons-container {
        display: flex;
        flex-direction: column;
        gap: .5em;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .recherche-index-number,
    .ordner-index-number {
        margin-right: 1%;
    }

    .panel-heading {
        height: 100%;
    }

    #rightSidebar {
        padding-right: 0;
        padding-left: 0;
    }

    .sidenav-mobile-container {
        overflow-y: auto;
        scrollbar-width: thin;
        padding-left: 0;
        padding-right: 5px;
    }

    .behrs-main-button,
    .behrs-main-button:hover {
        padding: 0 20px;
    }

    #shop-information .desc.short-desc iframe{
        display: block;
        max-width: 100%;
    }

    #homepageTabs.nav-tabs > li > a,
    #homepageTabs.nav-tabs > li > a:focus,
    #homepageTabs.nav-tabs > li > a:hover {
        padding: 5px 2px;
    }

    .footer .nav > li > a {
        padding: 10px 10px 2px;
    }

    .footer .fas {
        font-size: 15px !important;
        line-height: 15px !important;
    }

    .footer-menu-name {
        font-size: 13px;
        line-height: 13px;
        padding-left: 0;
        padding-top: 3px;
    }

    .col-sm-4 {
        width: calc(0% + 250px) !important;
    }

    .col-sm-pull-8 {
        right: calc(100% - 250px) !important;
    }

    .col-sm-push-4 {
        left: 250px !important;
    }

    .col-sm-offset-4 {
        margin-left: 250px !important;
    }

    .col-sm-8 {
        width: calc(100% - 250px) !important;
    }

    .main-part .col-sm-8 {
        padding-right: 0;
    }
}

@media (min-width: 992px) and (max-width: 1268px) {
    .behrs-main-button,
    .behrs-main-button:hover {
        padding: 0 20px;
    }

    #shop-information .desc.short-desc iframe {
        display: block;
        max-width: 100%;
    }

    /*.footer .nav {*/
    /*    width: 100%;*/
    /*}*/

    .footer .nav > li > a {
        padding: 10px 0 2px;
    }

    #homepageTabs.nav-tabs > li > a,
    #homepageTabs.nav-tabs > li > a:focus,
    #homepageTabs.nav-tabs > li > a:hover {
        padding: 5px 2px;
    }
}

@media (min-width: 992px) and (max-width: 1800px) {
    #citation-tree citation-line {
        text-indent: 0;
        /*margin-left: -5%;*/
        width: 100%;
    }
}

@media (min-width : 992px) {
    #desktopSidebarLeft {
        padding-right: 0;
        width: calc(25% - 15px);
        margin-right: 15px;
    }
}

@media (min-width: 1160px) {
    #homepageTabs li {
        width: 178px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .main-content-area {
        height: calc(100% - 8px);
    }

    .main-content-height {
        height: calc(100% - 75px);
    }

    .has-slider {
        height: calc(100% - 68px) !important;
    }

    #documentSlider,
    #pageSliderVorschriften,
    #pageSliderLebensmittelNews,
    #pageSliderRasff {
        bottom: 5px;
    }
}

@media (max-width: 453px) {
    .mobile-header-menu a {
        padding: 3px 0;
        font-size: 11px;
    }

    .mobile-header-menu a:first-of-type {
        margin-left: 5px;
    }

    .mobile-header-menu .fas {
        font-size: 14px !important;
        margin-top: 2px !important;
    }
}

@media (min-width: 454px) and (max-width: 592px) {
    .mobile-header-menu a {
        padding: 3px 1px;
        font-size: 14px;
    }

    .mobile-header-menu a:first-of-type {
        margin-left: 5px;
    }
}