body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 13px;
    color: #aaaaaa;
    background-color: #272b30;
}

a, .text-primary {
    color:#fe821d;
}
a:active,
a:hover {
    color: #c45901;
    text-decoration: none;
}

p {
    font-size:13px;
    color: #aaaaaa;
}

h1,
h2,
h3,
h4,
h5 {
    color:#ffffff;
}

h6 {
    color:#ffffff;
}

.page-header {
    border-bottom: 1px solid ;
}

hr{margin:1rem 0;
color:inherit;
background-color:rgba(255,255,255,0.13);
border:0;
opacity:1.25}
hr:not([size]){height:1px}

/*-------cookie---------*/

#footer-cookie {
 background-color: #3a3f44 !important; 
 border-top:1px solid ;
}

#footer-cookie a, .text-primary {
  color: #fe821d !important;
  text-decoration: none;
}

#description {
  color: #d9d9d9 !important;
  text-decoration: none;
}

#footer-cookie #accept a {
      border: 1px solid #d9d9d9;
      padding: 5px 10px;
      text-decoration: none;
    }

    #footer-cookie #privacy_policy a {
      border: 1px solid #d9d9d9;
      padding: 5px 10px;
      text-decoration: none;
    }

/*---------------------------*/

.news-block,
.news-box .bg-primary {
  background-color: #fe821d !important;
  /*color:#3a3f44;*/
  color: #272b30;
}



.well {
    background-color: #535151;
}

.navbar-dark {
    border-top: 1px solid ;
    text-transform: uppercase;
    font-size: 15px;
    background: #3a3f44;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
}

.bg-primary {
  background-color: #3a3f44 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #3a3f44 !important;
}


.navbar-dark .navbar-nav .nav-link { 
  color: #d9d9d9;
  text-decoration: none; 
}

.navbar .nav-item:hover .nav-link{ 
  color: #3a3f44;
  text-decoration: none;
  background: #ffffff; 
}

.navbar .nav-item:focus .nav-link{ 
    color: #3a3f44;
    text-decoration: none;
    background: #ffffff;
}

.dropdown-item{
    color: #d9d9d9;
    text-decoration: none;
    background: #3a3f44;
}
.dropdown-item:focus,.dropdown-item:hover{
    color: #3a3f44;
    text-decoration: none;
    background: #ffffff;
}
.dropdown-item.active,.dropdown-item:active{
    color: #3a3f44;
    text-decoration: none;
    background-color: #ffffff;
  }

/*-------logo---------*/
.logo .bg-primary {
  background-color: #3a3f44 !important;
  color:#3a3f44;
}
.logo .webspell {
 color: #3a3f44;
}

 .logo .slogan {
 color: #3a3f44;
}
/*----------Footer---------------*/
.footer {
    color: ;
    background: ;
    border-top:1px solid ;
}

.footer h3 {
    color:;
    
}

.copyright {
     background: ;
     border-top:1px solid ;
    color: ;
}

.copyright .foot .fa {
    color:;
}



blockquote {
    border-left:5px solid ;
}

/*----------Content Head Line---------------*/

/*h2 span {
    border-bottom: 1px solid #aaaaaa;
}*/
h2.head-h2 {
  color: #ffffff;
    border-bottom:1px solid rgba(255,255,255,0.13);
}

.card .list-group-item{
  background-color: #32383e;
  padding:.8125rem 1.875rem;
  border-bottom: 1px solid rgba(255,255,255,0.13) !important;
  color:#aaaaaa !important;}

/*-----------pagination--------------------*/
.pagination > li > a, .pagination > li > span {
 border: 1px solid rgba(255,255,255,0.13) !important;
}

.pagination>li>a,.pagination>li>span{
    border: 1px solid rgba(255,255,255,0.13);
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
 background-color: #fe821d;
 color: #fff;
border: 1px solid rgba(255,255,255,0.13);
}

/* dataTable */

table.dataTable tbody tr{
  background-color: rgba(0,0,0, 0.0) !important; /*Zeilenhintergrung */
color:#aaaaaa !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  color:#aaaaaa !important;
  border:1px solid #999;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  color:#aaaaaa !important;
    background: ; --over
    border:1px solid #fff;
}




.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
    color:#aaaaaa !important;
    border:1px solid #999;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate{
    color:#aaaaaa !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active {
    color:#aaaaaa !important;
    background: ; --over
     border:1px solid #999;
}




.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  color:#aaaaaa !important;
  border:1px solid #999;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:active {
  color:#aaaaaa !important;
    background: ; --over
    border:1px solid #999;
}










/*----------carousel---------------*/

.carousel-caption .hs-text h1 {
  color: ;
}

.carousel-caption .hs-text h1 span {
  color: ;
}

.carousel-caption .hs-text p {
  color: ;
}  

.carousel-indicators> .active {
    background-color: ;
}



/*----------follow_us---------------*/
.social-media h2 {
    margin: 0;
    color: ;
    border-bottom: 1px solid ; 
}
.social-media small {
    margin: 0;
    color: ; 
}

/*----------tsviewer---------------*/
#sc_tsviewer-icon {
   color: ;
}

#sc_tsviewer-headline {
    color: ;
}

.sc_tsviewer-info .fa-stack i {
    color: ;
}

.sc_tsviewer-infotitle {
    color: ;
}    

/*----------calendar---------------*/

.calendar .calendar_date31 {
 background-color: ;
}

.calendar .calendar_today {
  background-color: ;
}

.calendar th,
.calendar td {
  border: 1px solid rgba(255,255,255,0.13);
}

.calendar thead th {
  border-bottom: 1px solid rgba(255,255,255,0.13);
}

.calendar tbody + tbody {
  border-top: 1px solid rgba(255,255,255,0.13);
}

/*----------social-sidebar---------------*/

.social li a {
  background-color: #fe821d !important;
}

.social li a:hover {
  background-color: #fe821d !important;
}

.social li a div {
  background-color: #fe821d !important;
}

.social li div:after {
  border: 10px solid transparent;
  border-right: 10px solid #fe821d;
}


/*----------card---------------*/
.card {
  background-color: #32383e;
  border: 1px solid rgba(255,255,255,0.13);
}

/*----------table---------------*/
.table {
  color:#aaaaaa !important;
  border-top: 1px solid rgba(255,255,255,0.13);
}

.table th,
.table td {
  border-top: 1px solid rgba(255,255,255,0.13);
}

.table th,
.table td small{
  color:#aaaaaa !important;
}

.table thead th {
  border-bottom: 1px solid rgba(255,255,255,0.13);
}

.table tbody + tbody {
  border-top: 1px solid rgba(255,255,255,0.13);
}

tbody,td,tfoot,th,thead,tr{color:#aaaaaa !important;border-bottom: 1px solid rgba(255,255,255,0.13);}



/*----------profil---------------*/

#application {
    background-color: #fe821d !important;
}

.nav-tabs {
   border-bottom: 1px solid #fe821d;
}

.nav-tabs .nav-link.active {
    border: 1px solid #fe821d;
    background-color: #fe821d;
    color: #000;
}

.nav-tabs .nav-link:hover {
  border: 1px solid #fe821d;
}







<!-- Primary ==================================== -->

.btn-primary{}
.btn-primary{
color: ;
background-color: ;
border-color: #fe821d;
}
.btn-primary.focus,.btn-primary:focus{
color: ;
background-color: #4d4d4d;
border-color: #fe821d;
}
.btn-primary:hover{
color: ;
background-color: #4d4d4d;
border-color: #d46c18;
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
color: ;
background-color: #4d4d4d;
border-color: #d46c18;
}


<!-- Secondary ==================================== -->

.btn-secondary{}
.btn-secondary{
color: ;
background-color: ;
border-color: ;
}

.btn.btn-secondary:hover {
color: ;
background-color: ;
border-color: ; 
}
    
.btn.btn-secondary:focus, .btn.btn-secondary.focus {
color: ;
background-color: ;
border-color: ; 
}

.btn-secondary.active,.btn-secondary:active,.open>.dropdown-toggle.btn-secondary{
color: ;
background-color: ;
border-color: ;
}

<!-- Success ==================================== -->

.btn-success{}
.btn-success{
color: ;
background-color: ;
border-color: ;
}
.btn-success.focus,.btn-success:focus{
color: ;
background-color: ;
border-color: ;
}
.btn-success:hover{
color: ;
background-color: ;
border-color: ;
}
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{
color: ;
background-color: ;
border-color: ;
}

<!-- Danger ==================================== -->

.btn-danger{}
.btn-danger{
color: ;
background-color: ;
border-color: ;
}
.btn-danger.focus,.btn-danger:focus{
color: ;
background-color: ;
border-color: ;
}
.btn-danger:hover{
color: ;
background-color: ;
border-color: ;
}
.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{
color: ;
background-color: ;
border-color: ;
}

<!-- warning ==================================== -->

.btn-warning{}
.btn-warning{
color: ;
background-color: ;
border-color: ;
}
.btn-warning.focus,.btn-warning:focus{
color: ;
background-color: ;
border-color: ;
}
.btn-warning:hover{
color: ;
background-color: ;
border-color: ;
}
.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{
color: ;
background-color: ;
border-color: ;
}

<!-- Info ==================================== -->

.btn-info{}
.btn-info{
color: ;
background-color: ;
border-color: ;
}
.btn-info.focus,.btn-info:focus{
color: ;
background-color: ;
border-color: ;
}
.btn-info:hover{
color: ;
background-color: ;
border-color: ;
}
.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{
color: ;
background-color: ;
border-color: ;
}

<!-- Light ==================================== -->

.btn-light{}
.btn-light{
color: ;
background-color: ;
border-color: ;
}
.btn-light.focus,.btn-light:focus{
color: ;
background-color: ;
border-color: ;
}
.btn-light:hover{
color: ;
background-color: ;
border-color: ;
}
.btn-light.active,.btn-light:active,.open>.dropdown-toggle.btn-light{
color: ;
background-color: ;
border-color: ;
}

<!-- Dark ==================================== -->

.btn-dark{}
.btn-dark{
color: ;
background-color: ;
border-color: ;
}
.btn-dark.focus,.btn-dark:focus{
color: ;
background-color: ;
border-color: ;
}
.btn-dark:hover{
color: ;
background-color: ;
border-color: ;
}
.btn-dark.active,.btn-dark:active,.open>.dropdown-toggle.btn-dark{
color: ;
background-color: ;
border-color: ;
}

<!-- Link ==================================== -->

.btn-link{}
.btn-link{
color: ;
}
.btn-link.focus,.btn-link:focus{
color: ;
}
.btn-link:hover{
color: ;
}
.btn-link.active,.btn-link:active,.open>.dropdown-toggle.btn-link{
color: ;
}


<!-- Login ==================================== -->
.pic {

}

.foto {

   background:
    -webkit-linear-gradient(rgba(8,8,8,0.74), rgba(8,8,8,0.74) 100%), 
    url(/includes/themes/slate/images/login_bg.jpg) no-repeat center center ; 
  background:
    linear-gradient(rgba(8,8,8,0.74), rgba(8,8,8,0.74) 100%), 
    url(/includes/themes/slate/images/login_bg.jpg) no-repeat center center ; 
}
.reg_pic_text {
  color: #ffffff;
}

<!-- portfolio ==================================== -->

.portfolio-content-head ul li:hover {
    color: #fe821d;
}

.mixitup-control-active {
    color: #fe821d!important;
}

.portfolio-item:hover .portfolio-overlay::before {
    border-top: 1px solid #fe821d;
    border-right: 1px solid #fe821d;
}

.portfolio-item:hover .portfolio-overlay::after {
    border-bottom: 1px solid #fe821d;
    border-left: 1px solid #fe821d;
}

.portfolio-overlay .magnify-icon {
   background: #fe821d;
}

.portfolio-overlay .magnify-icon:hover {
    background: #fe821d;
}