/* c */


/* SPALTE LINKS, MITTE, RECHTS */
@media screen and (min-width:768px) {
    .col-md-3.links {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 22%;
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        max-width: 22%;
    }

    .col-md-6.mitte {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 56%;
        -ms-flex: 0 0 56%;
        flex: 0 0 56%;
        max-width: 56%;
    }

    .col-md-3.rechts {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 22%;
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        max-width: 22%;
    }
}


/* ALLG ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */




/* Brakepoint-Sprünge vermeiden!!! */
.container {
    width: 100%;
    max-width: 100%;
}


.jumbotron {
    display:none;
}

/* --------------------------------------------------------------- */


@media only screen and (min-width: 767px) {
    .sm-mint a,
    .sm-mint a:hover,
    .sm-mint a:focus,
    .sm-mint a:active {
        border: 0px solid #a5a7aa;
        border-bottom:0;
        margin-left: 0px;
    }

    .sm-mint a:focus,
    .sm-mint a:active {
        background: #437eca;
        color: #fff;
    }
}


/* ARROW FARBEN */
.sm-mint a .sub-arrow {
    border-color: #0072b2 transparent transparent transparent;
    color: #333;
}
sm-mint ul a .sub-arrow {
    border-color: transparent transparent transparent #0072b2;
    color: #333;
}
.sm-mint ul a .sub-arrow,
.sm-mint ul a .sub-arrow,
.sm-mint ul a .sub-arrow {
    border-color: transparent transparent transparent #0072b2;
}

.sm-mint ul a:hover .sub-arrow,
.sm-mint ul a:focus .sub-arrow,
.sm-mint ul a:active .sub-arrow,
.sm-mint ul a.highlighted .sub-arrow {
    border-color: transparent transparent transparent #0072b2;
    color: #333;
}

/* --------------------------------------------------------------- */



/* SIDENAV *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.card{
    margin-bottom:67px;
    border-radius: 0;
    border: 0px solid rgba(0,0,0,.125);
    border-bottom:0;
    line-height:1.3;
    padding-left:15px;
}

@media only screen and (max-width: 767px) {
    .card {
        display:none;
    }
    #main-menu{
        margin-bottom: 18px;
        border-bottom:1px solid #ddd;
    }
    .main-menu-btn{
        border:1px solid #ddd;
        margin-top: 10px;
    }
    .main-menu-btn{
        padding:2px;
    }
}




.card-block{
    border: 0px solid #ccc;
    padding: 0;
    background-color: #ffffff;
    /*
    -webkit-box-shadow:  6px 8px 5px #aaa;
    -moz-box-shadow:  6px 8px 5px #aaa;
    box-shadow:  6px 8px 5px #aaa;
    */
}

/* LINK ~~~~~~~ */


a.nav-link{
    background-color:#fff;
    color:#000;
    border-bottom:1px solid #03659c;
}
a.nav-link:active,
a.nav-link:focus,
a.nav-link:hover{
    background-color:#f4f4f4;
    color:#000;
}
a.nav-link.current{
    background-color:#eee;
    color:#000;
    font-weight:normal;
}



/* NAV-VARIATIONEN ----- */
a.nav-link {
    color: #03659c;
    font-size: 0.92rem;
    font-weight: bold;
}
a.nav-link.current {
    background-color: #eee;
    background-color: #fff;
    color: #000;
    font-weight:bold;
}
/* --------------------- */





/* NAV-PILLS/ITEM ~~~~~~~ */
.nav-pills .nav-item + .nav-item {
    margin-bottom:0 !important;
}


.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    color: #fff;
    cursor: default;
    background-color: #0072b2;
}


li.nav-item{
    padding:0 !important;
    margin:0 !important;
}

.nav-pills .nav-link {
    display: block;
    padding: .5em 0em;
    border-radius: 0;
}



ul.nav ul{padding-left:10px}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


BODY{
    background-color: #ebebeb;
    max-width: 1200px;
    margin: 0 auto;
    /*
    background-image: url(/fileadmin/es_template/bg_page_verlauf.png);
    */
    background-attachment: fixed;
    color:#000;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    background-color: #808080;

}

h1, h2, h3, h4,
#slogan,
#main-menu li a {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


#pagewrap{
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    margin-bottom:30px;
    border:0px solid #333;
    box-shadow:10px 10px 10px rgba(0,0,0,0.3)

}



a {
    color: #0072b2;
    text-decoration: none;
}



a:focus, a:hover {
    color: #0072b2;
    text-decoration: underline;
}

/*
b{
    color:#444;
}
*/

.h1, h1 {
    font-size: 1.65rem;
    font-weight:bold;
    color: #0072b2;
    margin-bottom: 1.5rem;
}

.h2, h2 {
    font-size: 1.3rem;
    color: #555;
}

#c1794 .h2,
#c1794 h2 {
    font-size: 1.65rem;
    font-weight:bold;
    color: #0072b2;
    margin-bottom: 1.5rem;
}



.h3, h3 {
    font-size: 1.15rem;
    color: #0072b2;
    font-weight:bold;
}


ul.csc-menu li{
    list-style-type: none;
}



.maincontent{
    background-color: #fff;
}


@media only screen and (min-width: 10px) {
    .nav-brand {
        max-width: 83%;
    }
}



.contenttable{
    border-bottom: 1px solid #dadada;
}

/* ##cr linktotop 2018-08-18 */
#myBtn {
    visibility:hidden;
    opacity:0;
    transition:opacity 0.7s linear;
    /* display: none; */
    position: fixed;
    bottom: 46px;
    right: 30px;
    z-index: 99;
    font-size: 40px;
    border: none;
    outline: none;
    background-color: red;
    background-color: rgba(55,55,55,0.4);
    color: white;
    cursor: pointer;
    padding: 0px 13px 8px 13px;
    border-radius: 15px;
    width:60px;
    height:60px;
}
#myBtn:hover {
    background-color: rgba(111,111,111,0.4);
}






/* ----------------------------------------------------- */
/* --- NEWS -------------------------------------------- */
/* ----------------------------------------------------- */

.news .page-navigation p,
.news .extra{
    display:none;
}

.news .lead {
    margin-bottom: 0px;
}


.news .lead p{
    font-weight:normal;
    margin-bottom: 5px;
    font-size: 1.0rem;
}

.news-list-item H3,
.news-list-item H3 a{
    font-weight:bold;
    font-size: 1.2rem;
    color:#0072b2;
}


.news-list-item .col-md-3 { width:1px; padding:0; }
/*.news-list-item .col-md-9 { width:98%; padding:0; }*/

.news-list-item {
    padding: 20px 10px 20px 10px;
    margin: -1px 0 0px 0;
    border: 1px solid #ccc;
}
.news-list-item IMG {
    max-width: 130px;
}

.news .btn{
    color: #0072b2;
    border: none;
    padding: 0px;
    font-size: 1.0rem;
}

/* BILD RECHTS AUSRICHTEN */
.news-img-wrap{
    float:right;
}
/* ---------------------- */

/* ------------------------------------ */
h3.detailhead{
    color:#555 !important;
}
/* ------------------------------------ */





.pagination {
    margin-top:36px;
}

.pagination > li {
    list-style-type: none;
    float: left;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.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: #337ab7;
    border-color: #337ab7;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
/* ----------------------------------------------------- */
/* --- /NEWS ------------------------------------------- */
/* ----------------------------------------------------- */


/* ----------------------------------------------------- */
/* --- NEWS SINGLE ------------------------------------- */
/* ----------------------------------------------------- */
.news-single h1 {
    font-size: 1.50rem;
}
.news-single{
    border:1px solid #ccc;
    padding:20px;
}
/* ----------------------------------------------------- */
/* --- /NEWS SINGLE  ----------------------------------- */
/* ----------------------------------------------------- */






/* ----------------------------------------------------- */
/* --- NEWS LATEST ------------------------------------- */
/* ----------------------------------------------------- */

#news-container-1794 .page-navigation{
    display:none;
}


#news-container-1794 .news-list-item IMG{
    max-width:80px;
/*  display:none; */
    float:right;
}


#news-container-1794 H3,
#news-container-1794 H3 a {
    font-weight: bold;
    font-size: 16px;
    color: #0072b2;
    margin: 0 0 3px 0;
}
#news-container-1794 p{
    padding:0;
    margin:0;
    font-size: 0.9rem;
}

#news-container-1794 .lead {
    font-size: 0.9rem;
    line-height:120%;
    font-size: 0.9rem;
}


#news-container-1794.news .btn{
    color: #0072b2;
    border: none;
    padding: 0px;
    font-size: 0.9rem;
    font-weight:bold;
}

#news-container-1794 .news-list-item .col-md-3 {
    width:1%;
    padding: 0;
    flex: 0 0 99%;
    max-width: 99%;
}

#news-container-1794 .news-list-item .col-md-9 {
    width:99%;
    padding: 0;
    flex: 0 0 99%;
    max-width: 99%;
}

#news-container-1794 .news-list-item {
    padding: 10px;
    margin: -1px 0 0px 0;
    border-bottom: 1px solid #ccc;
}



/* ----------------------------------------------------- */
/* ---/NEWS LATEST ------------------------------------- */
/* ----------------------------------------------------- */



.pagefooter {
    font-size: 90%;
    margin: 0 -15px;
    padding: 0 -0px;
    background-color: #fff;
}



ul.tinyaccordion h4 {
    margin: 0 0 6px 0;
    margin-left: 0px;
    padding: 6px 20px 6px 24px;
    cursor: pointer;
    background: url('/typo3conf/ext/tinyaccordion/Resources/Public/Images/plus.png') no-repeat 7px 11px;
    font-size: 16px;
    margin-left: -36px;
    border: 1px solid #ccc;
    font-weight: bold;
    color: #0072b2;
}
ul.tinyaccordion h4.acc-selected {
    background: url('/typo3conf/ext/tinyaccordion/Resources/Public/Images/minus.png') no-repeat 7px 13px;
}

ul.tinyaccordion table.contenttable{
     margin-bottom: 0px;
     border-bottom:1px solid #ccc;
}
ul.tinyaccordion table.contenttable td{
    padding:3px;
}
ul.tinyaccordion table.contenttable td p{
    padding:0;
    margin:0;
}
ul.tinyaccordion .acc-section p{
    padding: 5px 5px 0 15px;
}
ul.tinyaccordion .acc-section {
    margin-left: -35px;
}

ul.tinyaccordion .acc-section .csc-frame {
    margin-left:0px;
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom:12px;
}


.tx-felogin-pi1 LABEL {
    width: 120px;
}



/* TOPNAV-VARIATIONEN ---------- */
/*
.sm-mint li.current {
    background: #0072b2;
    color: #fff;
}
*/
/*
.sm-mint ul li {
    border-bottom:1px solid #ccc;
    background-color: #fff;
}
*/

.sm-mint a:hover,
.sm-mint a:focus,
.sm-mint a.active,
.sm-mint a.highlighted{
    background-color: #0072b2;
    color: #fff;
}
/* ----------------------------- */



.news-list-date{
    display:none;
}
.news-list-author{
    display:none;
}



/* ---- FB,YT ---------------------------- */

.pageheader {
    padding-top: 5px;
    padding-bottom: 0rem;
}
#c1831 .csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
#c1831 .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: -1px !important;
}

#c1831, #c1833{
    display: inline-block;
    float: right;
    margin-right:7px;
}
#c1831 IMG, #c1833 IMG{
    border:1px solid #ddd;
    border-radius: 3px;
}
/* --------------------------------------- */




/* KITA-STYLE ------------- */
/* KITA-STYLE ------------- */
/* KITA-STYLE ------------- */

}

nav.main-nav.container{
    padding:0;
}
.mainnav {
    border-bottom: 0px solid #999;
}

@media only screen and (min-width: 768px) {
    #main-menu {
        float: none;
        clear:both;
        margin-top:200px;
        margin-left:22.5%;
    }
}

.card{
    margin-top:20px
}


#head100 h1, #head100 h2, #head100 h3 {
    color: #333;
    letter-spacing: 0.05em;
    font-weight: bold;
    float:left;
}

@media only screen and (min-width: 168px) {
    #head100 h1, #head100 h2, #head100 h3 {
        margin-top: 100px;
        margin-left: 116px;
        position:absolute;
        z-index:50;
        font-size:20px
    }
}
@media only screen and (min-width: 568px) {
    #head100 h1, #head100 h2, #head100 h3 {
        margin-top: 110px;
        margin-left: 150px;
        position:absolute;
        z-index:50;
        font-size:22px
    }
}
@media only screen and (min-width: 768px) {
    #head100 h1, #head100 h2, #head100 h3 {
        margin-top: 121px;
        margin-left: 282px;
        position:absolute;
        z-index:50;
        font-size:28px
    }
}




#pagewrap{
    border-top:10px solid #0274BA !important;
}



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

    .es_content{
        margin-top:0px
    }

    .col-md-4.li {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 21.333333%;
        -ms-flex: 0 0 21.333333%;
        flex: 0 0 21.333333%;
        max-width: 21.333333%;
    }

    .col-md-4.mi {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 55.333333%;
        -ms-flex: 0 0 55.333333%;
        flex: 0 0 55.333333%;
        max-width: 55.333333%;

        border-right: 0px solid #0075BC;
        border-left: 5px solid #e2003b;
        border-top: 5px solid #ffc80a;
        padding: 25px 10px 70px 34px
    }

    .col-md-4.re {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 23.333333%;
        -ms-flex: 0 0 23.333333%;
        flex: 0 0 23.333333%;
        max-width: 23.333333%;
        border-top: 5px solid #ffc80a;

        background-color: #f4f4f4;
        padding: 25px 0px 70px 0px;
    }
}

a.nav-link{
    padding-left:0;
    font-weight: normal;
    font-size:1.0em;
}

.es_content + hr{
    display:none;
}

.pagefooter{
    background-color: #2b82ac;
    padding:10px;
    padding-top:30px;
    padding-bottom:40px;
    color:#fff;
}
@media only screen and (min-width: 768px) {
    .pagefooter{
        padding-left:22%;
    }
}


.pagefooter a{
    color:#fff;
    text-decoration:underline;
}

.toplogo_2{
    float:right;
    margin-top:5px;
    margin-right:12px
}
@media only screen and (max-width: 767px) {
    .toplogo_2{
        width:140px;
        height:auto;
        margin-top:5px;
        margin-right:12px
    }
}

#submenu100{
    padding-left:15px;
    margin-bottom:70px;
}
@media only screen and (max-width: 767px) {
    #submenu100 {
        display: none;
    }
}

.h2, h2 {
    font-size: 1.3rem;
    color: #0075BD;
}


.contenttable th,
.contenttable td,
.contenttable td p,
.contenttable td p.bodytext {
    margin:0 !important;
}
table.contenttable {
    margin-bottom:24px;
    border:none;
    width:auto;
}
.contenttable td {
    padding: 3px 15px 3px 0 !important;
    border:none;
    line-height:120%;
}


#slogan{
    font-size:20px;
    font-weight:bold;
    position:absolute;
    padding:10px 0 0 10px;
    color:#0075BD;
    text-shadow: 7px 7px 7px #bbb;
    line-height:120%;
}

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

    .nav-brand IMG{
        height:135px;
        width:auto;
        margin-left:-15px;
    }

    #slogan {
        margin: 37px 0 0 120px;
        font-size:16px;
    }
}
@media only screen and (min-width: 568px) {

    .nav-brand IMG{
        height:150px;
        width:auto;
        margin-left:-9px;
    }

    #slogan {
        margin: 43px 0 0 180px;
        font-size:18px;
    }
}
@media only screen and (min-width: 768px) {

    .nav-brand IMG{
        height:165px;
        width:auto;
        margin-left:0px;
    }

    #slogan {
        margin: 48px 0 0 272px;
        font-size:20px;
    }
}





H4{
    font-size:1em;
    color:#0075BD;
    font-weight:normal;
}






/* ------------------------------------------- */
/* #col2top2 fuer #2122 */
#col2top2 .col-md-3{
    display:none;
}
#col2top2 .col-md-9{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#col2top2 .news-list-item {
    padding: 0px 0px 0px 0px;
    margin: -1px 0 0px 0;
    border: 0px solid #ccc;
}
.news .lead p {
    font-size: 0.80rem;
    margin:0 0 0px 0;
    line-height:1.4;
    color:#777;
}
.news .lead p strong {
    font-weight: normal;
    color:#777;
}

#col2top2 .news-list-item h3,
#col2top2 .news-list-item h3 a {
    font-size: 0.9rem;
    margin: 15px 0 3px 0;
    color:#777;
}
#col2top2 .news .btn {
    color: #0072b2;
    color:#777;
    border: none;
    padding: 0px;
    font-size: 0.8rem;
}

#col2top2 h3.csc-firstHeader {
    font-size: 1.05rem;
    color:#777;
    font-weight: bold;
    padding-left: 15px;
}

#col2top2 .page-navigation{
	display:none;
}
/* ------------------------------------------- */





#slogan {
   display:none;
}

.sm_logos{
    text-align:right;
}

.col-md-4.mi a{
    text-decoration: underline;
}

.jobframe {
    width: 98%
}




/* RSS-NESW PARI-HANN */
ul.rssliste li:nth-child(1) h3{
    color: #CC1216;
}
/* RSS-NESW PARI-HANN */

/*JOB-PORTAL*/
#c3442{
    text-align:center;
}
a .important{
    background-color:#CC1216;
    color:#fff;
    text-decoration: none;
    padding:7px;
    border-bottom:none;
    border-radius:4px;
    display: inline-block;
    line-height:1.2;
    _height:50px;
    margin:0 auto;
    font-weight:normal;
}






.cc-window,
#cookieconsent{
    border: 1px solid #0066B3 !important;
    border: 2px solid #fff !important;
    background-color: rgb(43, 130, 172) !important;
}
.cc-compliance .cc-w-100,
.cc-compliance .cc-btn {
    width: calc(33.3% - 6px) !important;
    white-space: normal !important;
    background-color: #ed6564 !important;
    color:#fff;
    padding: 5px 6% !important;
    margin:3px !important;
}
.cc-compliance .cc-btn:nth-child(2){
    margin:3px 0 !important;
}

a.cc-btn{
    color:#fff;
    line-height:120%;
}