:root {
  --schwarz: #363a3b;
  --orange: #f47032;
  --orange2: #f470ff;
  --weiss: #fff;
  --link-color: #f47032;
}
body {
  background-color: var(--schwarz);
  color:#fafafa
}

.btn-secondary {
   --btn-hover-bg:var(--orange)!important;
}

.mod-list li {
  padding:0.75em 0;
}

.container-header {
  background-color: var(--orange);
  background-image: linear-gradient(135deg,#363a3b 0,#363a3b 100%);
}

.container-header .mod-menu {
  color: var(--orange); /*weiss*/
  flex:1 0 100%;
  margin:0;
  padding:0;
  list-style:none
}

.nav-tabs > li > a,
.nav-pills > li > a {
    padding-top: 10px;
        padding-bottom: 10px;
    padding-right: 15px;
    padding-left: 20px;
        margin-top: 2px;
        margin-bottom: 2px;
    margin-right: 2px;
    line-height: 21px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}

.navigation .nav-child {
        position: absolute;
        top: 95%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        background-color: var(--orange);
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,0.2);
        *border-right-width: 2px;
        *border-bottom-width: 2px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
}

nav.navigation li {
         font-size: 25px;
}

.nav-collapse .nav > li > a:hover,
        .nav-collapse .nav > li > a:focus,
        .nav-collapse .dropdown-menu a:hover,
        .nav-collapse .dropdown-menu a:focus,
        .nav-collapse .dropdown-menu a:active,
        .nav-list > .active > a,
        .nav-list > .active > a:hover,
            .dropdown-menu li > a:hover,
            .dropdown-menu .active > a,
            .dropdown-menu .active > a:hover,
            /*.nav-pills > .active > a,*/
            .nav-pills > .active > a:hover,
        .btn-primary  {
        background-color: var(--orange);
        color: var(--weiss);
        text-decoration: none;
}

.nav-pills > .active > a,
a:hover,
a:focus {
  background-color: var(--orange);
  color: var(--weiss)!important;
}

.navigation .nav-child li > a:hover,
.navigation .nav-child li > a:focus,
.navigation .nav-child:hover > a {
        text-decoration: none;
        color: var(--weiss);
        background-color: var(--orange);
        background-image: -moz-linear-gradient(top,#f9a870,#f9a870);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#f9a870),to(#f9a870));
        background-image: -webkit-linear-gradient(top,#f9a870,#f9a870);
        background-image: -o-linear-gradient(top,#f9a870,#f9a870);
        background-image: linear-gradient(to bottom,#f9a870,#f9a870);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff005e8d', endColorstr='#ff004c73', GradientType=0);
}

.navigation .nav-child a {
        background-color: var(--orange);
        display: block;
        padding: 3px 20px;
        clear: both;
        font-size: 20px;
        font-weight: normal;
        line-height: 18px;
        color: var(--weiss);
        white-space: nowrap;
}


.footer {
  background-color: var(--schwarz);
  background-image:linear-gradient(135deg,#363a3b 0,#363a3b 100%);
  color: var(--orange);
  margin-top:1.4em
}

h1,h2,h3,h4,h5,h6 {
        color: var(--orange);
}

h1 {
        font-size: 26px;
        line-height: 28px;
}
h2 {
        font-size: 22px;
        line-height: 24px;
}
h3 {
        font-size: 18px;
        line-height: 20px;
}
h4 {
        font-size: 14px;
        line-height: 16px;
}
h5 {
        font-size: 13px;
        line-height: 15px;
}
h6 {
        font-size: 12px;
        line-height: 14px;
}

/* automatisch pdf-icon vor einem Link setzen, wenn Link auf PDF-Datei zeigt. */
a[href$=".pdf"] {
           background: url(/images/dokumente/pdf-icon-32.png) no-repeat left center;
           padding-left: 36px; border-bottom: none !important;
}

hr {
        margin: 18px 0;
        border: 0;
        border-top: 1px solid  var(--orange);
        border-bottom: 1px solid  var(--orange);
}

.breadcrumb {
        padding: 8px 15px;
        margin: 0 0 18px;
        list-style: none;
        background-color: var(--schwarz);
        color: #fafafa;
}
.breadcrumb > li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        text-shadow: none;
        color: #fafafa;
}
.breadcrumb > li > .divider {
        padding: 0 5px;
        color: #ccc;
}
.breadcrumb > .active {
        color: #999;
}