/************************* HEADER *************************/

/* SUCHE */

.mod-finder {
    width: 10em;
}

.burger-icon>span {
    background-color: white !important;
}

#sp-section-2 {
    margin-top: 1em;
}


/************************* CONTENT *************************/

.breadcrumb {
    background-color: transparent;
}

.breadcrumb .float-start {
    margin-right: 10px;
}

.breadcrumb-item+.breadcrumb-item::before {
    display    : inline;
    color      : #3487cc;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content    : "\f101";
}

.breadcrumb-item.active {
    color: #bbb;
}

#sp-component div.sp-module {
    margin-bottom: 2.8em;
    display      : inline-block;
    width        : 100%;
}

#sp-component h3.sp-module-title {

    border-top      : 1px #3487cc solid;
    border-bottom   : 1px #3487cc solid;
    background-color: rgba(8, 8, 8, 0.5);
    padding         : .3em;
    margin-bottom   : .4em;

}

.nvablockquote {
    border-left: 3px solid #a7a7a7;
    padding    : 0 0 0 12px;
    margin     : 0 0 20px 3px;
    font-size  : 1.1em;
}

.nvalastchanges .accordion-item,
.nvalastchanges .accordion-header * {
    background-color: transparent;
    border-color    : #dee2e6;
    color           : rgba(187, 187, 187, 1);
}

.nvalastchanges .accordion-body {
    font-size: .8em;

}


#sp-main-body .category-list .navi_services{
    display: none;
}

.aboutblockquote {
    position     : relative;
    display      : inline-block;
    padding      : 40px 30px 30px 60px;
    border-radius: 10px;
    font-family  : Georgia, serif;
    text-align   : left;
}

.aboutblockquote span.author {
    position  : relative;
    display   : block;
    text-align: right;
    margin-top: 5px;
}

.aboutblockquote span.author i {
    position    : relative;
    background  : #363d4c;
    padding-left: 5px;
    font-style  : italic;
    z-index     : 5;
}

.aboutblockquote span.author::before {
    display   : block;
    content   : "";
    position  : absolute;
    top       : 50%;
    left      : 0;
    width     : 100%;
    height    : 1px;
    background: #ccc;
    z-index   : 1;
}

.aboutblockquote::before {
    display    : block;
    position   : absolute;
    top        : -28px;
    left       : 10px;
    content    : "\"";
    font-family: Georgia, serif;
    font-size  : 120px;
    color      : #999;
}


/************************* SIDE *************************/

div.sp-module.dbs li {
    border-bottom: none !important;
}

div.sp-module.dbs img {
    display     : inline;
    margin-right: 10px;
    width       : 24px;
}

div.sp-module.dbs a {
    color: #3487cc;
}


/************************* FOOTER *************************/

/* TAG-CLOUD */

.tag-count {
    background-color: #3a87ad;
    padding         : 1px 9px 2px;
    border-radius   : 9px;
}

/* FOOTER MENU */

#sp-footer ul {
    flex-direction: inherit;
    list-style    : none;
    margin        : 0;
    padding       : 0;
}

#sp-footer li::before {
    margin-right: 10px;
    display     : inline;
    color       : #3487cc;
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    content     : "\f138";
}

#sp-footer li {
    float : left;
    margin: 0 5px !important;
}

#sp-footer li a {
    display: inline !important;
}


/************************* JOODB **************************/

.btn-search,
.btn-reset {
    color           : #fff;
    border-color    : #3487cc;
    background-color: #3487cc;
}

.btn-search:hover,
.btn-reset:hover {
    color           : #fff;
    border-color    : #236fad;
    background-color: #236fad;
}

.joodb .pagination {
    padding      : 10px 0;
    border-top   : 1px rgba(187, 187, 187, 0.25) solid;
    border-bottom: 1px rgba(187, 187, 187, 0.25) solid;
    margin-bottom: 12px;
}

.joodb .pagination .page-link {
    background-color: transparent;
    border-color    : #dee2e6;
}

.joodb .pagination .active {
    background-color: #3487cc;
}

.joodb table {
    background     : transparent;
    border-collapse: none;
    border-spacing : none;
    text-align     : none;
    width          : none;
}

.joodb table tr:nth-child(2n+1)>td,
.odd {
    background-color: transparent;
}

.joodb table tr {
    color: rgba(187, 187, 187, 1);
}

.joodb table small {
    color: rgba(187, 187, 187, 0.45);
}

.joodb .table h3 {
    font-size: 1.2rem;
}

.joodb .table h3,
.joodb_titlelink {
    margin-bottom: 0px;
}

.joodb .table .btn {
    margin-top: 5px;
}

.joodb table.events tbody tr td span {
    white-space: nowrap;
}

.actevent {
    background-color:#2e3441;
}

/************************* TYPEN **************************/


div.typdetail .header {
    padding           : 1px;
    font-weight       : 100;
    position          : relative;
    background        : linear-gradient(to right, rgb(54, 61, 76), #eee, rgb(54, 61, 76));
    border-bottom     : none;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow   : 7px 7px 5px 0px rgba(0, 0, 0, 0.6);
    box-shadow        : 7px 7px 5px 0px rgba(0, 0, 0, 0.6);
}

div.typdetail .header div {
    background     : rgb(32, 35, 42);
    display        : block;
    padding        : 20px;
    text-decoration: none;
}

div.typdetail .header small {
    color: rgb(187, 187, 187);
}

div.typdetail .header h1 {
    color      : rgb(102, 102, 102);
    text-shadow: 0px 1px 1px rgb(187, 187, 187);
}

div.typdetail h2,
h2.h2nva {
    margin-top    : 3.5rem;
    padding-bottom: .5rem;
    border-bottom : 1px rgba(187, 187, 187, 0.5) solid;
}


div.typdetail .footer {
    border       : 1px rgba(187, 187, 187, 0.5) solid;
    margin-top   : 3rem;
    margin-bottom: 3rem;
}


div.typdetail .backbutton {
    color           : #fff;
    border-color    : #3487cc;
    border-radius   : 3px;
    background-color: #3487cc;
    padding         : 7px;
    margin          : 6px 0;
}

div.typdetail .backbutton:hover {
    color           : #fff;
    border-color    : #236fad;
    background-color: #236fad;
}


/************************* EVENTS *************************/

.rme-container {
    border : 1px solid #20232a;
    padding: 15px 32px;
}

.rme-container .row {
    border-bottom: 1px silver dotted !important;
    margin-bottom: 15px;
}

.rme-container .row:last-child {
    border-bottom: none !important;
    margin-bottom: 0px;
}

/* BADGE */

.rme-badge {
    height       : max-content;
    float        : left;
    margin-right : 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    padding      : 5px 16px;
    text-align   : center;
    line-height  : 1.3em;
    background   : #3487CC;
    color        : #fff;
}

.rme-day {
    font-size  : 2em;
    line-height: 1em;
    display    : block;
}

.rme-month {
    font-size     : .9em;
    text-transform: uppercase;
    display       : block;
}

.rme-yea {
    font-size: .6em;
    display  : block;
}


/* DESCRIPTION */

.rme-description {
    padding-bottom: .5em;
}

.rme-left {
    font-size: .75em;
    color    : #3487cc;
}

.rme-title {
    font-size    : 24px;
    font-weight  : 300;
    margin-bottom: 0px;
    color        : #e5e5e5;
    margin-bottom: .1rem;
}

.rme-title strong {
    font-weight: 800;
}

.rme-date {
    font-size: .75em;
}

.rme-location {
    font-size    : .75em;
    color        : #3487cc;
    margin-bottom: 6px;
}

/* MORE */

.rme-url .more {
    float         : right;
    font-size     : 13px;
    font-weight   : 600;
    text-transform: uppercase;
    padding       : 7px;
    border        : 1px #3487cc solid;
    border-radius : 3px;
    color         : #3487cc;
    background    : transparent;
    margin        : 6px 0;
}


/************************* ARCHIV *************************/

.jjarchiv #archive-items > div {
    border: 1px solid #20232a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    position: relative;
    margin: 0.75% 0;
    padding: 0 32px 20px 32px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.46) 99%,rgba(0,0,0,0.65) 100%);

}

.jjarchiv #archive-items .page-header {
    padding-top: 6px;
    padding-bottom: 2px;
}

.jjarchiv #archive-items h2{
    margin-bottom: 0px !important;
    padding:0;
}

.jjarchiv #archive-items h2 * {
    font-size: 24px;
    font-weight: bolder;
    color: #e5e5e5;
}

.jjarchiv #archive-items .article-info {
    color: #3487cc;
    font-size: .875em;
}


/*********************** SITE NEWS ***********************/

.jjsitenews #adminForm {
    margin-top: 2.2em;
}

.jjsitenews .me-auto strong {
    display:none;
}

.jjsitenews table.category * {
    border:none;
}

.jjsitenews table.category td {
    border-bottom: 1px #fff solid;;
}

.jjsitenews table.category .list-date {
    color: #fff;
}

.jjsitenews .pagination li .page-link {
    background-color: transparent;
    border: 1px #3487cc solid;
}

.jjsitenews .page-item.active .page-link {
    background-color: #3487cc;
}

.jjsitenews .pagination li .page-link:hover,
.jjsitenews .pagination > span:focus
{
    background-color: #3487cc;
}

.jjsitenews .pagination-wrapper {
    margin-top:1.2em;
    margin-bottom:1.5em;
}


/*********************** SITE SEARCH *********************/

#search-results mark {

  margin: 0 -0.2em;
  padding: 0.0em 0.2em;
  border-radius: 0.6em 0.2em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(255, 225, 0, 0.1),
    rgba(255, 225, 0, 0.5) 4%,
    rgba(255, 225, 0, 0.2)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;

}

#advancedSearch .card {
    background-color: transparent !important;
    border:1px #ccc dotted;
}