/* =================================
------------------------------------
  webSPELL | RM Template
  Version: 1.0
 ------------------------------------ 
 ====================================*/


/*---------------------------*/
/* Template slate CSS
/*---------------------------*/

.container{ 
  max-width:1280px;  /* eventuell ändern */
  width:100%; 
}

body {
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}

body, .sticky-footer-wrapper {
   min-height:100vh;
}

.flex-fill {
   flex:1 1 auto;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

b, strong {
    font-weight: 700;
}

h3 {
    font-size: 25px;
    }



.tooltip{z-index:1070;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:300;line-height:1.5;font-size:.875rem}
.tooltip.show{opacity:1}
.tooltip .arrow{width:5px;height:5px}
.tooltip.bs-tooltip-auto[x-placement^=top],.tooltip.bs-tooltip-top{padding:5px 0}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,.tooltip.bs-tooltip-top .arrow::before{margin-left:-3px;border-width:5px 5px 0;border-top-color:#fff}
.tooltip.bs-tooltip-auto[x-placement^=right],.tooltip.bs-tooltip-right{padding:0 5px}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,.tooltip.bs-tooltip-right .arrow::before{margin-top:-3px;border-width:5px 5px 5px 0;border-right-color:#fff}
.tooltip.bs-tooltip-auto[x-placement^=bottom],.tooltip.bs-tooltip-bottom{padding:5px 0}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.tooltip.bs-tooltip-bottom .arrow::before{margin-left:-3px;border-width:0 5px 5px;border-bottom-color:#fff}
.tooltip.bs-tooltip-auto[x-placement^=left],.tooltip.bs-tooltip-left{padding:0 5px}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,.tooltip.bs-tooltip-left .arrow::before{margin-top:-3px;border-width:5px 0 5px 5px;border-left-color:#fff}
.tooltip-inner{max-width:200px;padding:7px 13px;color:#5a6169;background-color:#fff;border-radius:.375rem;box-shadow:0 3px 15px rgba(90,97,105,.1),0 2px 3px rgba(90,97,105,.2)}

/*----------h2 Überschriften mit Unterstrich ---------------*/
h2 span {
    /*border-bottom: 1px solid #fe821d;--over /components/css/styles.css.php-------------*/
    display: inline-block;
    line-height: 1 !important;
    margin: 0 -11px -11px;
    padding: 15px 0 12px 0;
    text-transform: uppercase;
    }
    h2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.125);
    display: block;
    line-height: 1 !important;
    margin: 0 0 10px;
    color: #fff;
    font-weight: 300;
    font-size: 25px;
    padding: 10px;
    }


.deu {
    margin-right: 15px;
}

/*----------navigation ---------------*/

/* navi weigth*/
.container.navi {
    /*max-width: 800px;*/
}
.navbar-default {
border-bottom: 1px solid rgba(255, 255, 255, 0.125);
}

/* Direkt Link */
.nav-head{white-space:nowrap}

.navbar-brand {
    margin-right: 2rem;
}
.navbar-toggler {
    border-color: rgb(153,153,153);
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(153,153,153, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}   

.navbar-default .navbar-nav {
padding:0px 10px;
}

.navbar-default .navbar-nav .nav-link {
  padding:10px 10px;
  padding-right: -10px;
  padding-left: -10px;
  margin-right: -10px;

  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-right: 0px solid #dee2e6 !important;
  border-left: 1px solid #dee2e6 !important;
  
  background-color: transparent;
  color: rgba(255, 255, 255, 0.5);
 
}

.navbar-default .navbar-nav .nav-link:focus, 
.navbar-default .navbar-nav .nav-link:hover { 
padding:10px 10px;
outline: none;
background-color: #111;
}

.navbar-default .dropdown-menu {
 margin: 0px; /* without this, the dropdown menu disappears if you are not fast enough with your mouse! */
padding: -25px 5px; 
}
div .navbar-default .dropdown-menu {
background-color: transparent;
border-color: transparent;
border: 1px solid transparent;
} 

.card .list-group-item{
  padding:.8125rem 1.875rem;
  border-bottom: 1px solid rgba(255,255,255,0.13) !important
  ;margin-top: 1px;
}
/*----------navigation language flag---------------*/

.list-group-item {background-color: transparent;
border-color: transparent;
margin-top: -15px;
color: #aaaaaa;}

.language {;
width: 35px;
padding: 0px;
text-align: center;
margin-top: 9px;
}

.flag {  
margin-left: 5px;
height: 30px;}

blockquote {
    font-family: "Roboto Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New", serif;
    font-size: 14px;
    font-style: italic;
    margin: 0.25em 0;
    padding: 0.25em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
    background:#ececec;
    /*border-left:5px solid #FF7F00;--over /components/css/styles.css.php-------------*/
    border-left: 5px solid #ffc107 !important;
    
}

.pagination>li>a,.pagination>li>span{
    position:relative;
    float:left;
    padding:6px 12px;
    margin-left:-1px;
    line-height:1.42857143;
    /*color:#fe821d;--over /components/css/styles.css.php-------------*/
    text-decoration:none;
    background-color:#32383e;
    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{
    z-index:3;
    color:#fff;
    cursor:default;
    /*background-color:#fe821d;--over /components/css/styles.css.php-------------*/
    border-color: rgba(255,255,255,0.13)}

    /* dataTable */

table.dataTable tbody tr{background-color: rgba(0,0,0, 0.0) !important; /*Zeilenhintergrung */
/*color: #aaa;--over /components/css/styles.css.php-------------*/
}

.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;
    display:inline-block;
    min-width:1.5em;
    padding:0.5em 1em;
    margin-left:2px;
    text-align:center;
    text-decoration:none !important;cursor:pointer;*cursor:hand;
    /*color:#aaa !important;border:1px solid transparent;--over /components/css/styles.css.php-------------*/
    border-radius:0px}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
    cursor:default;
    /*color:#aaa !important; /*schrift unten links --over /components/css/styles.css.php-------------*/
    border:1px solid transparent;
    background:transparent;
    box-shadow:none}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate{
    /*color:#aaa; /* schrift oben und unten --over /components/css/styles.css.php-------------*/
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active {
/*color:#fff !important; /*Zahlenblock --over /components/css/styles.css.php-------------*/
border:1px solid #999;
/*background: #000; --over /components/css/styles.css.php-------------*/
}




/* index Abstände */
#maincol {margin-top: 30px;margin-bottom: 40px; }
#leftcol {margin-top: 30px;margin-bottom: 40px; } 
#rightcol {margin-top: 30px;margin-bottom: 40px; }
#noheadcol {margin-top: 30px;margin-bottom: 40px; }
#headcol {margin-top: 68px;}
#footcol {margin-top: 0px;}


/* ckeditor */
.img-ckeditor img {
    max-width: 100%;
    height: auto !important;
}

/* login Linie */
.line {
    border-bottom: 1px solid #ebeaea;
    display: block;
    line-height: 1 !important;
    margin: 0 0 10px;
    color: #555555;
    font-weight: 300;
    padding: 10px;
    }




.card{margin-bottom: 10px;
    border-radius: 0;
}


.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #32383e;
  border-radius: 0px;
  border: 1px solid rgba(255,255,255,0.13);
}


.btn {
border-radius: 0px;
}

.form-control {
  background-clip: border-box;
  background-color: #adafae;
}

.form-control:disabled, .form-control[readonly] {
  border-color: transparent;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.09375rem;
}

.navbar-default .dropdown-menu {
  border: 1px solid #282828;
  border-radius: 0;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #060606;
  border: 1px solid #282828;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

/**************Plugins***************/

/*----------text-slider---------------*/
.hx-text h1 span {
  color: #fe821d;
}

/*----------follow_us---------------*/
.social-media {
  background: #32383e;
  border-top: 1px solid rgba(255,255,255,0.13);
  /*border-bottom: 1px solid rgba(255,255,255,0.13);*/
 }
.social-media h2 {
    margin: 0;
    /*color: #fe821d_--over /components/css/styles.css.php*/ 
}
.social-media small {
    margin: 0;
    /*color: #fe821d;--over /components/css/styles.css.php*/ 
}

/*----------tsviewer---------------*/
#sc_tsviewer {
    background-color:#32383e;
    border-top: 1px solid rgba(255,255,255,0.13);
  /*border-bottom: 1px solid rgba(255,255,255,0.13);*/
}
#sc_tsviewer-headline {
    /*color: #fe821d;--over /components/css/styles.css.php*/ 
}

.sc_tsviewer-info .fa-stack i {
    /*color: #fe821d;--over /components/css/styles.css.php*/ 
}

.sc_tsviewer-infotitle {
    /*color: #fe821d;--over /components/css/styles.css.php*/ 
}

/*----------sc_partners---------------*/

#partners-bar {
    background: #32383e;
    border-top: 1px solid rgba(255,255,255,0.13);
  /*border-bottom: 1px solid rgba(255,255,255,0.13);*/
}



/*----------button---------------*/

.btn-primary {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3A3F44), to(#313539));
  background-image: linear-gradient(#484e55, #3A3F44 60%, #313539);
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
}

.btn-primary:not([disabled]):not(.disabled):hover, .btn-primary:not([disabled]):not(.disabled):focus, .btn-primary:not([disabled]):not(.disabled):active:hover, .btn-primary:not([disabled]):not(.disabled).active:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#101112), color-stop(40%, #17191b), to(#1b1e20));
  background-image: linear-gradient(#101112, #17191b 40%, #1b1e20);
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
}

.btn-secondary {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8a9196), color-stop(60%, #7A8288), to(#70787d));
  background-image: linear-gradient(#8a9196, #7A8288 60%, #70787d);
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
}

.btn-secondary:not([disabled]):not(.disabled):hover, .btn-secondary:not([disabled]):not(.disabled):focus, .btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4e5458), color-stop(40%, #565b60), to(#5b6165));
  background-image: linear-gradient(#4e5458, #565b60 40%, #5b6165);
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
}

.btn-success {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#78cc78), color-stop(60%, #62c462), to(#53be53));
  background-image: linear-gradient(#78cc78, #62c462 60%, #53be53);
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
  color: #fff;
}

.btn-success:not([disabled]):not(.disabled):hover, .btn-success:not([disabled]):not(.disabled):focus, .btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#379337), color-stop(40%, #3b9e3b), to(#3ea63e));
  background-image: linear-gradient(#379337, #3b9e3b 40%, #3ea63e);
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
}

.btn-info {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#74cae3), color-stop(60%, #5bc0de), to(#4ab9db));
  background-image: linear-gradient(#74cae3, #5bc0de 60%, #4ab9db);
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
  color: #fff;
}

.btn-info:not([disabled]):not(.disabled):hover, .btn-info:not([disabled]):not(.disabled):focus, .btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2596b8), color-stop(40%, #28a1c5), to(#29a8cd));
  background-image: linear-gradient(#2596b8, #28a1c5 40%, #29a8cd);
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
}

.btn-warning {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#faa123), color-stop(60%, #f89406), to(#e48806));
  background-image: linear-gradient(#faa123, #f89406 60%, #e48806);
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
  color: #fff;
}

.btn-warning:not([disabled]):not(.disabled):hover, .btn-warning:not([disabled]):not(.disabled):focus, .btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9e5f04), color-stop(40%, #ad6704), to(#b76d04));
  background-image: linear-gradient(#9e5f04, #ad6704 40%, #b76d04);
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
}

.btn-danger {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f17a77), color-stop(60%, #ee5f5b), to(#ec4d49));
  background-image: linear-gradient(#f17a77, #ee5f5b 60%, #ec4d49);
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
}

.btn-danger:not([disabled]):not(.disabled):hover, .btn-danger:not([disabled]):not(.disabled):focus, .btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d71c16), color-stop(40%, #e51d18), to(#e8241f));
  background-image: linear-gradient(#d71c16, #e51d18 40%, #e8241f);
  background-repeat: no-repeat;
  -webkit-filter: none;
          filter: none;
}

.btn-link {
  border-color: transparent;
}

.btn-link:not([disabled]):not(.disabled):hover, .btn-link:not([disabled]):not(.disabled):focus, .btn-link:not([disabled]):not(.disabled):active, .btn-link:not([disabled]):not(.disabled).active {
  color:#c45901
}