.bgWallpaper {
    background-image: url("/images/Hintergrund.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    font-family: Century Gothic;
}

    .bgWallpaper::before {
        /*background-color: rgba(0, 0, 0, 0.37);*/
        background-color: rgba([UTS_PRIME_HINTERGRUND_GRUNDIERUNG]);
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        width: 100%;
    }

body {
    font-family: Tahoma;
}


/* Navigation Logohintergrund */
.HeaderSpacing {
    background-color: [Primaerfarbe1] !important;
}

.triRight {
    border-color: [Primaerfarbe1] transparent transparent transparent;
}

.navbar-header {
    background-color: [Primaerfarbe1] !important;
}



/*Navigation Hintergrund*/
.colorWrapper {
    background-color: #fcca02 !important;
}

#sidebarLeft ul.components,
.triRight {
    background-color: #fcca02 !important;
}

.Sidenav-Triangle {
    border-color: #fcca02 transparent transparent transparent;
}

#sidebarLeft ul.components,
#sidebar ul.components {
    background: #fcca02 !important;
}

ul ul a {
    background: #fcca02 !important;
}


/*Navigation Textfarbe Side + Main*/
#navbar > ul.nav a {
    color: #353196 !important;
}

#sidebarLeft ul li a,
#sidebar ul li a {
    color: #353196;
}


/*Aktiver Menupunk hintergrund*/
.activeNavi {
    /*background-color: #F9A51A !important;*/
    background-color: #fcca02 !important;
}

#sidebar ul li a:hover {
    background: #fcca02 !important;
}

#sidebar ul li.active > a {
    background: #fcca02 !important;
}

ul.nav a:hover {
    background: #fcca02 !important;
}





/*Aktiver Menupunk Textfarbe*/

#navbar > ul > li > a.activeNavi {
    color: #343196 !important;
}

a[aria-expanded="true"] {
    color: #343196 !important;
}

#sidebar ul li a:hover {
    color: #343196 !important;
}


ul.nav a:hover,
#navbar > ul > li > a:hover {
    color: #343196 !important;
}



/*Überschrift Farbe*/
h1, h2, h3, h4, h5, h6 {
    color: #343196 !important;
}

/*Text Farbe*/
p, .news-left,
.news-right,
label,
a,
.platzhalter,
.breadcrumb,
#recover-pw,
modal-body > ol > li,
p > ol > li,
p > ul > li,
body, note-editable {
    color: #343196 !important;
}

div.tileBigLeft > div > a > div > p,
div.tileBigRight > div > a > div > p {
    /*color: inherit !important;*/
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #15326a !important;
    background-color: white !important;
  
}


/*Inhaltsramen*/
.innerTile100,
.innerTileNews,
:not(.containerTableMiddle) > .BelegpruefungHeaderBackground,
.DocumentGridBackground {
    background-color: [Primaerfarbe8];
}


.btn-default,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    color: [Primaerfarbe9] !important;
    background-color: [Primaerfarbe10] !important;
    border-color: [Primaerfarbe11] !important;
}


    .btn-default:hover,
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
    .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
        color: [Primaerfarbe10] !important;
        background-color: [Primaerfarbe9] !important;
        border-color: [Primaerfarbe11] !important;
    }


    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        color: [Primaerfarbe10] !important;
        background-color: [Primaerfarbe9] !important;
        border-color: [Primaerfarbe11] !important;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            color: [Primaerfarbe9] !important;
            background-color: [Primaerfarbe10] !important;
            border-color: [Primaerfarbe11] !important;
        }
   

    /*Buttontext*/
    /*.btn-default,
.paginate_button,
.paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
    color: [Primaerfarbe9] !important;
}

    .btn-default,
    .paginate_button, 
    .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
    .dataTables_wrapper .dataTables_paginate .paginate_button.previous, 
    .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
        background-color: [Primaerfarbe9] !important;
    }*/
    /*Buttonhintergrund*/
    /*.btn-default,
        .paginate_button,
        .paginate_button.current,
        .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
        .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
        .dataTables_wrapper .dataTables_paginate .paginate_button.previous, 
        .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
            background-color: [Primaerfarbe10] !important;
        }*/
    /* .btn-default, 
            .paginate_button, 
            .paginate_button.current,
            .dataTables_wrapper .dataTables_paginate .paginate_button.current,
            .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
            .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
            .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
                color: [Primaerfarbe10] !important;
            }*/
    /*Buttonränder*/
    /*.btn-default, 
                .paginate_button, 
                .paginate_button.current,
                .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
                .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
                .dataTables_wrapper .dataTables_paginate .paginate_button.previous, 
                .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
                    border-color: [Primaerfarbe11] !important;
                }*/
    /*.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: [Primaerfarbe10] !important;
}*/
    /*Eingabefelder Icons*/
    .input-group-addon {
        color: [Primaerfarbe12] !important;
    }

/*Eingabefelder Iconshintergrund*/
.input-group-addon {
    background-color: [Primaerfarbe13] !important;
}
/*Eingabefelder Rand*/
.input-group-addon, .form-control {
    border: 1px solid [Primaerfarbe14] !important;
}
/*Eingabefelder Hintergrund*/
input, .form-control {
    background-color: [Primaerfarbe36] !important;
}
/* Startseite */
.innerTile50 {
    color: #343196 !important;
    background: [Primaerfarbe18] !important;
}

#articles > div.tileBigLeft > div > a > div > p,
#articles > div.tileBigRight > div > a > div > p {
    color: #343196 !important;
}



.container-icon, .text-block-icon, .innerTile100 {
    color: #343196 !important;
    background: [Primaerfarbe18] !important;
}

.innerTileNewsHeader {
    color: #343196 !important;
    background: [Primaerfarbe18] !important;
}

.innerTileNews {
    color: #343196 !important;
    background: [Primaerfarbe18] !important;
}
/* Impressum / Datenschutz */
.credit > a,
.Spacer {
    color: #343196 !important;
}



/* Hintergrundfarbe */
.Sidenav-Triangle {
    border-color: #fcca02 transparent transparent transparent !important;
}

#sidebarLeft ul.components,
#sidebarLeft ul li.boldNavigation,
#sidebarLeft > ul > li.boldNavigation > a,
a[aria-expanded="true"] {
    background: #fcca02 !important;
}

ul ul a {
    background: #fcca02 !important;
}




/* Linkfarbe*/
#sidebarLeft ul li a,
#sidebar ul li a,
#sidebarLeft > ul > li > span,
.boldNavigation {
    color: #353196 !important;
}


/* Anzahlanzeige Hintergrund*/
/*Anzahlanzeige TextFarbe*/
#sidebarLeft > ul > li > a > span.badge,
#sidebarLeft > ul > li > ul > li > a > span.badge {
    background-color: #353196 !important;
    color: #353196 !important;
}


/*Überschriften im Contentbereich*/
.DocumentGridBackground h1,
.DocumentGridBackground h2,
.DocumentGridBackground h3,
.DocumentGridBackground h4,
.DocumentGridBackground h5,
.DocumentGridBackground h6 {
    color: #343196 !important;
}


/*Tabellen Reihe TextFarbe*/

/* Im Example sind links drin deswegen a*/
/* #example > tbody > tr > td > a, */
#docTable > tbody > tr > td > a,
#userTable > tbody > tr > td > a,
#docTable > tbody > tr > td > span,
#userTable > tbody > tr > td > span {
    color: #343196 !important;
}

.k2ologin {
    background-color: [LoginBackgroundImg] !important;
    background-image: [LoginBackgroundImgOverRide] !important;
}


.imgFilter {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=[ImageFilterFilterMS1])";
    filter: alpha(opacity=[ImageFilterFilterMS2]);
    filter: opacity([ImageFilterFilter2]) blur([ImageFilterFilter3]) grayscale([ImageFilterFilter4]);
    -webkit-filter: opacity([ImageFilterFilter2]) blur([ImageFilterFilter3]) grayscale([ImageFilterFilter4]);
}