﻿/*
 * PROJECT: VIS CHEMNITZ
 *
 * ORIGINAL RULES ARE OVERQUALIFIED!
 * SO WE HAVE TO USE THE EXACT SELECTOR
 *
 * LINE 16 TO 39 WERE DELIVERED
 * ADDITIONAL LOC AFTER LINE 41
 *
 * @AUTHOR: Thomas Meschke <thomasm@ifbus.de>
 * @DATE: 2018/07/10
 *
 * cst1_overrule_dlp.css
 */


/* Formularauflistung - Liststyle leer */
#cc_main .cc_main .cc_content_block .cc_content > ul > li::before {
    display:none !important;
}

/* Formularauflistung - Einrückung umbegrochener Links */
#cc_main .cc_main .cc_content_block .cc_content > ul > li {
    padding-left: 20px;
}
#cc_main .cc_main .cc_content_block .cc_content > ul > li > a::before {
    margin-left: -17px;
}

/* Sidebar - Einrückung umbegrochener Links */
.cc_sidebar .cc_content_block .cc_content > a {
    display: block;
    padding-left: 16px;
}

.cc_sidebar .cc_content_block .cc_content > a::before {
    margin-left: -17px;
}


/* *** BEGIN ADDITIONAL OVERRIDES ****************************************** */

    /* strong hat im usprünglichen css keine Farkcodierung erhalten */
#cc_main .cc_main .cc_content_block strong{
    color: #005284;
}

.cc_content_block li [class*=" cs-basic-icon-"]::before,
.cc_content_block li [class^="cs-basic-icon-"]::before {
    margin-left: -1.4em;
}

#cc_main .pagination > li > a,
#cc_main .pagination > li > span {
    padding: 8px 6px;
}

#cc_main .cc_main .cc_content_block .cc_content > ul {
    padding: 0 1.2em;
}

#cc_main .cc_dlp_content .cc_content ul li {
    padding-bottom: 0;
}

#cc_main .cc_sidebar .cc_content_block h2.cc_title i {
    position: absolute;
    right: 14px;
    top: 0;
}

#cc_main li.cc_active > a {
    font-weight:400;
}

#cc_main .cc_sidebar .cc_content_block h2.cc_title {
    font-weight:400;
}

.pagination {
    display: block;
}

a.disabled {
    pointer-events: none;
    opacity: 0.7;
}

.pagination {
    display: block;
}

.pagination .active a {
    cursor: pointer !important;
}

.cc_inner {
    margin: 0 0 1.5em 0;
}

.cc_red_button {
    width: 100%;
    text-align: center;
    margin-bottom:25px;
}

#cc_lang {
    display: none;
}

.column-border {
    border: 1px solid #D2D2D2;
    border-width: 0 1px 0 1px;
    -webkit-column-rule: 1px solid #D2D2D2;
       -moz-column-rule: 1px solid #D2D2D2;
            column-rule: 1px solid #D2D2D2;
}

.list-column {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 5.25em;
       -moz-column-gap: 5.25em;
            column-gap: 5.25em;
}

.gapless {
    padding-left: 0;
    padding-right: 0;
}

.list-nobullet {
    padding: 0;
    margin-bottom: 2em;
}

.list-nobullet ul {
    list-style: none;
    padding: 0;
}

.list-nobullet p {
    font-size: inerhit;
    line-height: initial;
}

/*Silbentrennung bei langen Amts-/Abteilungsbezeichnungen in Sidebar*/
.cc_sidebar .list-nobullet > li{
    -moz-hyphens:auto;
}

li:empty {
    line-height: 0;
    display: none;
}

.list-column li {
    display: table;
    padding-bottom: 0.8em;
    margin-right: 1.875em;
}

/*besuchte Links in Themenliste nicht gesondert auszeichnen*/
li > a.doclink:visited{
    color:#23527c;
}

/*email-Links nicht unterstrichen*/
.cc_sidebar a.cc_email{
    text-decoration:none;
}

/*aber :hover*/
.cc_sidebar a.cc_email:hover{
    text-decoration:underline;
}

/*Button Onlineterminvergabe*/
.abtn{
    text-transform: uppercase;
    display:block;
    height:60px;
    line-height: 55px;
    /*width:270px;*/
    background-color: #005284;
    color: #fff !important;
    transition: background-color .1s;
    text-align:center;
}
.abtn:hover{
	background-color: #d2e0e9 !important;
    color:#000 !important;
}

@media only screen and (max-width: 1140px) {

    .list-column {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
    }

}

@media only screen and (max-width: 991px) {

    #cc_main .cc_sidebar .cc_content_block {
        width: 100%;
    }

}

@media only screen and (max-width: 768px) {

    #cc_main .pagination > li > a,
    #cc_main .pagination > li > span {
        padding: 9px 10px;
    }

    .gapless {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .list-column {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
    }

}


/* *** (RE)BUILD 'NAVI' **************************************************** */

#cc_nav .container {
    background: #E7EFF2;
    position: relative;
    display: block !important;
    top: initial;
    bottom: initial;
}

#cc_nav .row div:nth-child(1) {
    height: 65px;
    background: #005284;
    position: relative;
    border-top: 5px solid #FBE321;
    margin-top: -5px;
    color: #fff;
    line-height: 60px;
    text-align: right;
    font-size: 1.14em;
    font-weight: 700;
}

#cc_nav .row div:nth-child(1)::before {
    border-top: 5px solid #FBE321;
    display: block;
    position: absolute;
    left: 0;
    width: 200%;
    margin-left: -200%;
    background: #005284;
    height: 65px;
    margin-top: -5px;
    content: '';
}

#cc_nav .row div:nth-child(2) {
    height: 60px;
    font-weight: 700;
    color: #005284;
    padding: 21px 20px;
    font-size: 16px;
}

#cc_nav .cc_search_starter {
    margin-right: -6px;
}

@media only screen and (min-width: 991px) {

    #cc_main aside {
        min-height: 40vH;
    }

    #cc_nav .cc_search_starter {
        display: none;
    }

}

@media only screen and (max-width: 950px) {

    #cc_nav .row div:nth-child(1),
    #cc_nav .row div:nth-child(2) {
        font-family: 'News Cycle',Tahoma,Helvetica,'Open Sans',sans-serif;
        font-weight: 700;
        font-size: 14px;
    }

    #cc_nav .row div:nth-child(1) {
        line-height: 58px;
    }

    #cc_nav .row div:nth-child(2) {
        display: table;
        padding: 0px 20px;
    }

    #cc_nav .row div:nth-child(1) span,
    #cc_nav .row div:nth-child(2) span {
        display: table-cell;
        vertical-align: middle;
    }

}

@media only screen and (max-width: 768px) {

    #cc_nav .row div:nth-child(1) {
        height: 44px;
        line-height: 38px;
    }

    #cc_nav .row div:nth-child(2) {
        height: 40px;
    }
}

@media only screen and (max-width: 670px) {

    #cc_nav .row div:nth-child(1) {
        min-width: 140px;
        position: absolute;
    }

    #cc_nav .row div:nth-child(2) {
        padding-left: 160px;
        width: 100%;
        line-height: 0.9em;
    }
}

@media only screen and (max-width: 450px) {
    body #cc_accessibility::before {
        right: 15px;
    }
}

.cc_sidebar img {
    width: 100%;
    padding: 1em 2em 1em 0;

}

/*Themenblock in viewport>1140 mit leichten links-Versatz; Korrektur*/
@media only screen and (min-width: 1140px) {
    select.cc_category_select{
        margin-left:5px;
    }
}