/*:root {
/*      --main-bg-color:#FCFEFF;                                /* Hintergrundfarbe der Seite */
        /*--main-primary-color: #f39200;                        /* Hauptfarbe der Buttons, Ringe */
        /*--main-secondary-color:  #f3920050;     /*Rahmen der Buttons */
/*
        /*--button-font-color: white;                           /* Schriftfarbe der Buttons */
/*
/*      --main-font-color: white;                               /* Schriftfarbe Panel */
/*
/*      --button-light-color: #c1ccd3;                  /* Button-Farbe hover */
/*      --button-light-font-color: white;               /* Schriftfarbe Hover */
/*
/*      --info-font-color: #c1ccd3;                             /* Schriftfarbe der Links */
/*
/*      --logo-source: url(../images/Logo_Rinteln.jpg);
}*/

/* ################# HOTFIXES ##################### */
        /* fügt Umbruch bei den Info-Popups ein */
        .popover {
                  width:50%;
                  max-width:450px;
        }
/* ################################################ */

@font-face {
    font-family: 'PTSans-Regular';
    src: url('../PTSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
   font-family: 'PTSans-Regular', 'Noto Sans', sans-serif ;
}

.bannertext {

        height:70px;
        color: black;
        text-align: center;

}

/*#sitzung {

        height: 250px;
        width: 100%;
        background:url(../images/unter.png) center no-repeat;
        background-size: 500px;
}*/

/* Hintergrund TEVIS Online */
        body, html {
                background-color: black;
                background:url(../images/bckgrnd.jpg);
                height: auto;
                background-attachment: fixed;
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                }

        :focus {
                outline-color: inherit;
        }


/* KONTRASTBAR */

.mainheader {
        border-bottom: none;
}

.disclosure-nav {
        background: white;
}


.centerframe {
        z-index: 10;
        max-width: 325px;
        width: 100%;
        padding-top: 0rem;
        position: absolute;
        margin: auto;
        margin-left: 8%;
}

#id_lang_menu {
        z-index: 100;
}

a#footer_link_accessibility {
        display: none;
}

/* ### LOGO ###*/
/*      @media (max-width: 991px){
                div.Logo {
                        height: 80px!important;
                        height: calc(150px -10%)!important;
                        background-position-x: calc(100% - 25px)!important; /*Abstand bei rechtsbündig*/
/*                      background-position-x: calc(25px)!important; /* Abstand bei linksbündig*/
                }
        }

/*      @media (min-width: 992px) and (max-width: 1199px) {
                div.Logo {
                        width: 100%;
                        height: 100px!important;
                        background-position-x: calc(100% - 130px)!important; /*Abstand bei rechtsbündig*/
/*                      background-position-x: calc(130px)!important; /* Abstand bei linksbündig*/
                }
        }

/*      div.Logo {
                background: url(../images/warhammer.png) no-repeat;
                background-size: contain;
                height: 100px;
                margin: 10px auto -40px;
                background-position-x: calc(100% - 228px); /* Abstand bei rechtsbündig*/
/*              background-position-x: calc(228px); /* Abstand bei linksbündig */
/*              background-position-y: 100%;
        }
/* ### */

/* Cookie-OK Button, Tagauswahl im Kalender */
        .ui-menu-item >.ui-state-active, a.ui-state-default.ui-state-active {
                background-color: var(--main-primary-color);
                border-color: var(--main-primary-color);
                color: var(--main-font-color);
        }

        .ui-state-hover {
                background-color: var(--button-light-color);
        }

        #cookie_msg {
     z-index: 10000;
}

/* Kontrast-Schalter */
        a.schalter_ein {
                background-color: inherit;
                color: black !important;
        }

        a.schalter_ein:hover {
                background-color: inherit;
                color: black !important;
        }

        .kontrast a.schalter_ein:hover {
                background-color: inherit;
                color: inherit;
        }
/* */

/* Links im Hilfe-Footer */
        a {
                color: black;
        }

        .kontrast a#footer* {
                color: white;
        }

        a:hover {
                /*background-color: ;*/
                color: black;
        }

        .kontrast a:hover {
                background-color: white;
                color: black;
        }

        #footer_link_help, #footer_link_start, #footer_link_imprint, #footer_link_privacy {
                margin: 0;
                padding: 0 15px;
        }

        #footer_link_help {
                border-left: 0px solid var(--main-primary-color);
                border-right: 0px solid var(--main-primary-color);
        }

        #footer_link_privacy {
                border-left: 0px solid var(--main-primary-color);
        }

        #footer {
    padding: 10px;
    bottom: 0;
    left: 0;
    right: 0;
        z-index: 9999;
    background-color: white;
    width: 100%;
    min-width: 100%;
    float: right;
    color: black;
        box-sizing: border-box;
        display: block;
    text-align: center;
        position: fixed;
        /*border-top: 5px solid rgb(232, 4, 28);*/
}

/* Content-Box */
        .content {
                /*box-shadow: 1; /*entfernt die Umrandung*/
                margin: 200px auto 20px;
                margin-bottom: 150px;
                background-color: white;


        }

/* Ringe */
        li.active > .round-tab {
                border-color: rgb(232, 4, 28)!important;
        }

        li.disabled > .round-tab {
                border-color: rgb(104, 108, 125);
        }

        li.disabled > .round-tab, li.done > .round-tab {
                border-color: rgb(104, 108, 125);
        }

        .kontrast li.disabled > .round-tab {
                border-color: lightgrey;
        }

        .kontrast li.disabled > .round-tab, li.done > .round-tab {
                border-color: lightgrey;
        }
/* */

/* Farbe des Dreiecks */
        .wizard li.active:after {
                border-bottom-color: rgb(232, 4, 28);
        }

/* Strich unter den Ringen */
        .wizard .nav-tabs {
                border-bottom-color: black;
        }

        .kontrast .wizard .nav-tabs {
                border-bottom-color: black;
        }


/* Buttons generell */
        .btn {
                background-color: rgb(104, 108, 125);
                color: white;
                font-weight: bold;
        }

        button.sel_button.btn.btn-primary.pull-right.onehundred, .btn-light {
                /* text-align: left; /*Ausrichtung des Textes*/
                padding-left: 15px!important;
        }

        button.sel_button.btn.btn-primary.pull-right.onehundred{
                /* margin: 10px auto; /* Abstand der Buttons Funktionseinheit */
        }

/* Checkbox 1 Anliegen */
        .checkbox, .radio, .input-number-control .input-number {
                /*margin-top: 10px;  /*muss mit angepasste werden, wenn Buttons ein margin haben */
        }

/* WEITER-Button */
        .col-lg-3 {
                width: 24%;
        }

        .button_container row > .btn:active, .btn:focus, .btn:hover {
                background-color: rgb(72, 75, 87)!important;
                color: white;
        }
/* */

/* Info-Box */
        #info_box > .panel-heading { /*Übersicht zu den Terminen */
                background-color: rgb(104, 108, 125);
                border-color: black !important;
                color: white;
                /*font-weight: var(--main-btn-font-weight);*/
        }

        #info_box > .panel-body { /*Übersicht zu den Terminen */
                background-color: white;
                border-color: black  !important;
                color: white;
                /*font-weight: var(--main-btn-font-weight);*/
        }

        .kontrast #info_box > * {
                background-color: white;
                border-color: black !important;
                color: black;
        }

/* ### ANLIEGENGRUPPEN ### */
        /* Anliegengruppe eingeklappt */
                a.collapse_btn.accordion-toggle.collapsed {
                        background-color: rgb(72, 75, 87);
                        color: white;
                        font-weight: bold;
                }

        /* Anliegengruppe hover */
                a.collapse_btn.accordion-toggle.collapsed:hover, a.collapse_btn.accordion-toggle {
                        background-color: rgb(104, 108, 125);
                        color: white;
                        font-weight: bold;
                }

        /* Anliegengruppe ausgeklappt */
                a.collapse_btn.accordion-toggle {
                        background-color: rgb(104, 108, 125);
                }

        /* Anliegengruppe Kontrast */
                .kontrast a.collapse_btn.accordion-toggle {
                        background-color: black;
                        color: white;
                }

        /*Pfeil zum Ausklappen der Anliegengruppen */
                a.collapse_btn.accordion-toggle::after {
                        /*color: var(--main-font-color) !important; */
                }
/* ### ### */

/* +/- Buttons*/
        .input-group-btn > button.btn.btn-default.btn-number {
                background-color: rgb(104, 108, 125);
        }
/* */

/* Überschriften im Modal */
        .modal-body > h2, .modal-body >h3 {
                color: var(--info-font-color)!important;
        }

/* ### VORSCHLÄGE ### */
        /* Vorschläge eingeklappt */
                #sugg_accordion .ui-state-default {
                        background-color: rgb(104, 108, 125);
                        color: white;
                        border-color: black;
                }

        /* Vorschläge hover */
                #sugg_accordion .ui-state-default:hover {
                        background-color: rgb(72, 75, 87);
                        color: white;
                        font-weight: bold;
                }

        /* Vorschläge ausgeklappt */
                #sugg_accordion .ui-state-active {
                        background-color: rgb(72, 75, 87);
                }

        /* KONTRAST */
                /* Vorschläge eingeklappt */
                        .kontrast #sugg_accordion .ui-state-default {
                                background-color: white;
                                color: black;
                        }

                /* Vorschläge aktiv */
                        .kontrast #sugg_accordion .ui-state-active {
                                color: white;
                        }
        /* */
/* ### ###*

/* Checkbox Vorschläge filtern und personaldata-Seite */

#filter_accordion.ui-state-default, #filter_accordion .ui-state-active {
        background-color: rgb(72, 75, 87);
        border-color: black;
}

/*#filter_accordion .ui-state-active, #sugg_accordion .ui-state-active, #info_accordion .ui-state-active*/


input[type=checkbox]:checked+span, input[type=checkbox]:checked:focus+span {
        background-color: rgb(232, 4, 28);
}



.checkbox_new input[type=checkbox]:checked + label {
        background-color: rgb(232, 4, 28);
}

/* Version */
.label-kmx {
        background-color: rgb(232, 4, 28);
}

.cnc_modal_cnc_divider {
    border: 1px solid rgb(232, 4, 28);
}