@charset "utf-8";

/* CSS Document */


/*****************/
/**** General ****/
/*****************/

a:hover {
    color: #009898;
    text-decoration: underline;
}

#quick_flip select,body {
    font-family: Roboto,Arial,sans-serif
}
.h6-style,h6 {
    letter-spacing: 1px
}

main .clearfix {
    border: 1px solid transparent;
}
/* leerer Absatz ohne Abstand */
main .clearfix:empty { margin:0px; }


.table th > p {
    margin-bottom: 0;
}

body {
    padding-top: 60px;
    height: 100%;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px
}

@media (max-width: 480px) {
    body {
        font-size:16px;
        line-height: 21px!important
    }
}

a {
    color: #009898;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

b,strong {
    font-weight: 500
}

h1,h2,h3,#HEADLINE h2 {
    font-weight: 300
}

.shariff {
    margin: 0 0 30px
}

main ul li:last-child {
    margin-bottom: 0
}

@media (max-width: 479px) {
    main ul {
        moz-hyphens:auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }
}

.teaser,h1,h2,h3,h4,h5,h6 {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    moz-hyphens: auto
}

#quick_flip {
    display: none;
    background: #f2f2f2;
    padding: 15px;
    margin-bottom: 30px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    text-align: right;
    border-top: 2px solid #009898
}

.white,.white_gradient {
    background: #fff
}

#quick_flip h3 {
    text-align: left
}

#quick_flip select {
    width: 100%;
    padding: 5px;
    margin-bottom: 15px;
    border: 1px solid #009898;
    border-radius: 2px
}

@media (max-width: 479px) {
    #quick_flip {
        display:block
    }
}

.mobile_landing_teaser {
    display: none
}

@media (max-width: 768px) {
    .mobile_landing_teaser {
        display:block;
        font-family: Stone-Light,Roboto,Arial,sans-serif;
        font-size: 30px;
        margin-bottom: 30px;
        color: #333;
        text-align: center;
        background: #fff;
        padding: 15px 0;
        border-bottom: 2px solid #009898;
        border-radius: 2px;
        box-shadow: 0 2px 2px rgba(0,0,0,.15)
    }
}

/*****************/
/**** Margins ****/
/*****************/

.top-margin-xl {
    margin-top: 40px
}

.top-margin-m {
    margin-top: 20px!important
}

@media (max-width: 479px) {
    .mobile_landing_teaser {
        display:block;
        font-family: Stone-Light,Roboto,Arial,sans-serif;
        font-size: 20px;
        margin-bottom: 15px;
        color: #333;
        text-align: center;
        background: #fff;
        padding: 10px 0;
        box-shadow: 0 2px 2px rgba(0,0,0,.15);
        border-radius: 2px;
        border-bottom: 2px solid #009898
    }

    .top-margin-m {
        margin-top: 0!important
    }

    .bg_grey_padding {
        display: none
    }
}

.top-padding-xl {
    padding-top: 40px
}

.top-padding {
    padding-top: 20px
}

.bottom-margin-xl {
    margin-bottom: 60px
}

.bottom-margin-md {
    margin-bottom: 30px
}

.bottom-margin-sm {
    margin-bottom: 15px
}

.bottom-padding-xl {
    padding-bottom: 40px
}

.bottom-padding {
    padding-bottom: 20px
}

.bottom-hybrid {
    padding-bottom: 15px!important;
    margin-bottom: 15px!important
}

.hybrid-padding {
    padding: 50px 0!important
}

@media (min-width: 480px) and (max-width:768px) {
    .top-margin-xl {
        margin-top:30px
    }

    .bottom-margin-xl {
        margin-bottom: 40px
    }
}

@media (max-width: 480px) {
    .top-padding {
        padding-top:10px
    }

    .bottom-padding {
        padding-bottom: 10px
    }

    .top-padding-xl {
        padding-top: 30px
    }

    .bottom-padding-xl {
        padding-bottom: 30px
    }

    .top-margin-xl {
        margin-top: 30px
    }

    .bottom-margin-xl {
        margin-bottom: 25px
    }

    .bottom-hybrid {
        padding-bottom: 15px!important;
        margin-bottom: 15px!important
    }

    .hybrid-padding {
        padding: 30px 0!important
    }

    .bottom-margin-md {
        margin-bottom: 15px
    }
}

.form-control,.simplebox {
    border: 1px solid #ddd!important
}


/******************************/
/**** Colors & Backgrounds ****/
/******************************/

.white_gradient {
    background: -webkit-linear-gradient(top,#fff 0,#e5e5e5 100%);
    background: linear-gradient(to bottom,#fff 0,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0)
}

.grey {
    background: #f2f2f2
}

.bg_stripes {
    background: url(/C1257822003AD11B/RepositoryFile/cde_img/$FILE/stripes.png) #f2f2f2
}

.bg_white {
    background: #fff;
    border-bottom: 1px solid #ccc
}

.bg_green {
    background: #009898
}

.bg_grey {
    background: #f2f2f2
}

.bg_dark_grey {
    background: #4d4d4d!important
}

.bg_grey_padding {
    padding: 40px 0
}

#SPOTLIGHT h2,.teaser_box h3 {
    padding: 0 15px
}

.border_grey {
    border: 1px solid #e5e5e5
}

/**************/
/**** Typo ****/
/**************/

h1,h2,h3,h4,h5,h6 {
    font-family: Stone-Light,Roboto,Arial,sans-serif;
    line-height: normal;
    hyphens: auto
}

#BREADCRUMB,#CONTACT_BOX,#SIBLINGS_NAVIGATION,#SUB_NAVIGATION {
    font-family: "Roboto Condensed",Arial,sans-serif
}

h2 {
    font-size: 24px;
    margin: 0 0 20px;
    text-align: left
}

#SPOTLIGHT h2 {
    margin: 0 0 15px;
    -webkit-transition: all .15s;
    transition: all .15s
}

#CONTENT .box-module a:hover h3,#SPOTLIGHT a:hover h2 {
    color: #000
}

#SPOTLIGHT a:hover div.button {
    border-top: 1px solid #000;
    border-bottom: 2px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    color: #000
}

h3 {
    font-size: 20px
}

h6 {
    font-size: 14px;
    margin: 0;
    font-weight: 700
}

h1.frontpage {
    text-align: center;
    margin: 30px 0 40px;
    font-size: 30px!important;
    border: 1px solid red;
    display: none
}

.h2-no-top-margin {
    font-size: 24px!important;
    font-weight: 400!important;
    margin-bottom: 20px!important;
    margin-top: 0!important
}

.title {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 25px;
    color: grey
}

@media (max-width: 768px) {
    .title {
        margin-top:35px
    }
}

#NEWS_EVENTS {
    line-height: 22px;
    padding: 45px 0
}

@media (max-width: 479px) {
    .title {
        font-size:18px;
        font-weight: 300;
        margin-bottom: 15px;
        color: grey
    }

    h3 {
        font-size: 18px!important;
        font-weight: 400!important
    }

    h3 span::before {
        display: inline-block;
        content: "\00BB \00A0"
    }

    #NEWS_EVENTS {
        padding: 0 0 4px
    }
}

.topline {
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 14px
}

.teaser {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: normal;
    color: #666;
    hyphens: auto
}

.subtext {
    margin-top: 0;
    margin-bottom: 0
}


/************************/
/**** 3/4 BOX MODULE ****/
/************************/

.box-module {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.teaser_box {
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 2px 2px rgba(0,0,0,.15);
    -webkit-transition: all .15s;
    transition: all .15s;
	height:100%;
}

@media (min-width: 480px) and (max-width:991px) {
    .teaser_box {
        margin-bottom:30px
    }
}

@media(max-width: 479px) {
    h2 {
        font-size:18px;
        margin-bottom: 10px;
        margin-top: 20px
    }
}

@media (max-width: 479px) {
    .box-module {
        display:block
    }

    .teaser_box {
        margin-bottom: 15px;
        padding-top: 15px;
        height: 50px;
    }
	.teaser_box.structlist {
		height:inherit;
	}	
	.teaser_box.structlist p {
        display:block !important;
	}	


    #NEWS_EVENTS .title,.mobile_landing_teaser {
        font-size: 16px
    }

    #start_event_box,#start_job_box,#start_news_box,.teaser_box {
        position: relative
    }

    .teaser_box div {
        position: absolute;
        top: 12px;
        right: 6px
    }

    #NEWS_EVENTS .button {
        position: absolute;
        top: 32px;
        right: 20px;
    }

    .teaser_box img {
        display: none
    }
}

.teaser_box div {
    margin: 0 0 15px 15px
}

#CONTENT .teaser_box {
    background: #f2f2f2
}

#SPOTLIGHT .teaser_box {
    background: #FFF
}

.teaser_box img {
    width: 100%;
    margin-bottom: 15px
}

.teaser_box p {
    font-size: 14px!important;
    line-height: 21px!important;
    padding: 0 15px 15px;
    color: #666;
    moz-hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

#CONTENT .box-module a:hover,#SPOTLIGHT a:hover {
    text-decoration: none
}

/******************/
/***** SM Box *****/
/******************/

@media (min-width: 480px) {
    #SM_BOX {
        position:fixed;
        right: 0;
        top: 100px;
        z-index: 2000;
        background: rgba(255,255,255,.5);
        padding: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        box-shadow: 0 0 3px 0 rgba(0,0,0,.3)
    }
}

@media (max-width: 480px) {
    #SM_BOX {
        display:none
    }
}

/***********************/
/**** News & Events ****/
/***********************/

#NEWS_EVENTS img {
    width: 100%;
    margin-top: 5px
}

.box_spacer {
    padding-right: 25px!important;
    padding-left: 25px!important;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}


/****************/
/**** Footer ****/
/****************/

#FOOTER {
    color: #666;
    padding: 2.5rem 0
}

#FOOTER p {
    color: #666;
}

#FOOTER,#social_mobile {
    background: #e5e5e5
}

#social_mobile {
    text-align: center;
    padding: 0.3125rem 0 0.625rem
}

#social_mobile a {
    padding-left: 2%;
    padding-right: 2%
}

#social_mobile h3 {
    margin-bottom: 0.3125rem;
    color: #666
}

@media (min-width: 991px) {
    #social_mobile {
        display:none
    }
}

@media (max-width: 479px) {
    #FOOTER,.teaser_box p {
        display:none
    }
}

#FOOTER p,.ul_contact,.ul_service {
    font-size: 0.875rem
}

#FOOTER ul {
    padding: 0
}

#FOOTER ul li {
    list-style: none
}

#FOOTER ul li img {
    margin-right: 0.625rem
}

#FOOTER a {
    /*color: #009898;*/
    text-decoration: none;
}

#FOOTER .h6-style {
    color: #009898;
}

#FOOTER a:hover .h6-style {
    text-decoration: underline;
}

.ul_contact li {
    float: left;
    margin-right: 15px
}

.icon_link_flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.footer_icon_link_text_flex {
    margin-left: 1rem;
}

@media (max-width: 1200px) {
    .footer_icon_link_text_flex, .icon_link_flex {
        display:block;
        width: 100%;
        text-align: center
    }
    .icon_link_flex > div {
        margin-bottom: 1.875rem;
    }
    .footer_icon_link_text_flex {
        margin-left: 0rem;
    }
}

@media (max-width: 480px) {
    #FOOTER ul li img {
        display:none
    }
}


/*********************/
/**** Newsletter Box ****/
/*********************/

#NEWSLETTER_BOX {
    background-color: #009899
}

.newsletter_info {
    font-family: "Roboto Condensed",Arial,sans-serif;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
    line-height: 22.85px
}
cite {
    font-size: 12px
}

@media (max-width: 479px) {
    .newsletter_info {
        font-family:Roboto,Arial,sans-serif
    }
}

.newsletter_info span {
    font-weight: 300
}

.newsletter-link div.image {
    display: block;
    text-align: center
}




/*****************/
/**** Content ****/
/*****************/

main>div {
    margin-bottom: 40px
}

#CONTENT p {
    moz-hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

#ABSTRACT p {
    margin-bottom: 20px
}

.content_ul li,blockquote p:first-child {
    font-weight: 400
}

.content_ul li {
    margin-bottom: 8px;
    color: #364d4d;
    font-style: italic;
    width: 85%
}

.content_ul {
    padding: 15px 0 0 45px;
    margin: 0
}

@media (max-width: 480px) {
    .content_ul {
        padding:15px 0 30px 30px;
        margin: 0
    }

    .content_ul li {
        width: 100%
    }
}

.half,.twen {
    margin-right: 20px
}

/************************/
/**** Content Bilder ****/
/************************/

.content_image {
    float: left
}

.twen {
    width: 25%
}

.half {
    width: 50%
}

.full {
    width: 100%;
    margin-bottom: 15px
}

.content_image img {
    margin-top: 5px;
    width: 100%;
    border-radius: 2px
}

.content_image p {
    background: #f2f2f2;
    color: #474747;
    font-size: 12px;
    margin: 5px 0 0!important;
    padding: 10px;
    line-height: 18px!important
}

@media (max-width: 480px) {
    .full,.half,.twen {
        width:100%;
        margin-bottom: 30px;
        margin-right: 0
    }

    .content_image img {
        margin-top: 0;
        width: 100%
    }

    .content_image p {
        background: #f2f2f2;
        color: #474747;
        font-size: 12px;
        margin: 5px 0 0!important;
        padding: 0 10px
    }
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    background-color: #009898!important;
    border-color: #009898!important;
    color: #fff!important;
    z-index: 2
}

.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
    color: #a6d7d2!important
}


/****************/
/**** Quotes ****/
/****************/

blockquote {
    margin: 30px 0 0;
    padding: 20px;
    color: #009898;
    background: rgba(0,170,165,.1);
    border-left: 5px solid #009898!important
}

cite {
    font-style: normal;
    line-height: 18px
}

blockquote p:last-child {
    margin: 0
}

@media (max-width: 480px) {
    blockquote {
        border-left:2px solid #009898!important
    }
}

.mediabox {
/*    margin-top: 10px;  */
    margin-bottom: 10px;
}

.simplebox button,.simplebox select {
    display: inline-block;
    vertical-align: middle
}

.list .mediabox, .simple-list .mediabox {
    margin-top: 5px;
    margin-bottom: 10px;
}

.list img,.simple-list img {
    width: 100%;
    border-radius: 2px
}

.simple-list {
    margin-bottom: 30px;
    border-bottom: 1px dotted #999;
    padding-bottom: 30px
}

.simplebox {
    padding: 15px
}

.simplebox p {
    float: left;
    margin: 0!important;
    padding: 6px
}

.simplebox form {
    float: right
}

.simplebox select {
    max-width: 200px;
    background: #fcfcfc!important;
    margin: 0!important;
    border: 1px solid #bfbfbf!important;
    color: #000!important;
    box-shadow: 1px 1px 0 rgba(255,255,255,1)!important;
    padding: 6px!important
}

@media (min-width: 480px) and (max-width:768px) {
    .simplebox form,.simplebox p {
        float:none;
        display: block
    }

    .simplebox form {
        margin-top: 15px
    }
}

@media (max-width: 480px) {
    .simplebox form,.simplebox p {
        float:none;
        display: block
    }

    .simplebox form {
        margin-top: 15px
    }

    .simplebox button {
        display: block;
        margin-top: 15px;
        vertical-align: top
    }
}


/*****************************/
/**** Content Search Form ****/
/*****************************/

#search-form {
    padding: 2%;
    border-bottom: 1px solid #a0a0a0;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #f2f2f2;
    margin-top: 30px
}

.search-form-content {
    width: 60%;
    margin: auto;
    text-align: center
}

@media (min-width: 480px) and (max-width:768px) {
    .search-form-content {
        width:80%;
        margin: auto;
        text-align: center
    }
}

@media (max-width: 480px) {
    #search-form {
        padding:15px
    }

    .search-form-content {
        width: 90%;
        margin: auto;
        text-align: center
    }
}

#search-form label {
    display: block
}

#search-form ul {
    padding: 0
}

#search-form ul li {
    list-style: none;
    display: inline-block;
    margin-right: 15px
}

@media (max-width: 992px) {
    #search-form ul li {
        list-style:none;
        display: block;
        margin-bottom: 15px
    }

    #search-form ul li:nth-child(3) {
        margin-bottom: 30px
    }
}


/**************************/
/**** Big Table Layout ****/
/**************************/

.page-table-label-collapsed {
    display: none
}

.button-academy,.input-academy {
    display: inline-block!important;
    vertical-align: middle
}

.input-academy {
    width: 70%;
    background: #fff;
    border: 1px solid #009898;
    padding: 5px 10px
}

@media (max-width: 479px) {
    .input-academy {
        width:50%
    }
}

#page-table-body {
    font-size: 14px;
    line-height: 17.5px
}

#page-table-header-xl {
    background: #dcdcdc;
    border-bottom: 2px solid #009898
}

#page-table-body>ul,#page-table-header-xl ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#page-table-header-xl ul li {
    float: left;
    font-weight: 500;
    padding: 5px 15px
}

#page-table-header-sm {
    display: none
}

#page-table-body>ul>li {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin: 0
}

#page-table-body>ul>li:nth-child(even) {
    background-color: #fff
}

#page-table-body>ul>li:nth-child(odd) {
    background-color: #fafafa
}

#page-table-body ul ul {
    list-style: none;
    padding: 0
}

#page-table-body ul ul li {
    float: left;
    padding: 15px;
    vertical-align: top;
    border: 0
}

#page-table-body p {
    margin: 0;
    padding: 0
}


/**** Academy Table ****/

@media (max-width: 992px) {
    .page-table-label-collapsed {
        display:block
    }

    #page-table-header-xl {
        display: none
    }

    #page-table-header-sm {
        display: block;
        background: #dcdcdc;
        border-bottom: 2px solid #009898;
        padding: 5px 10px;
        text-align: right
    }

    #page-table-header-sm form {
        display: inline-block;
        vertical-align: middle
    }

    #page-table-header-sm form select {
        vertical-align: middle;
        padding: 5px
    }

    #page-table-body>ul>li {
        box-sizing: border-box;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        padding: 15px 0 20px
    }

    #page-table-body ul ul {
        padding: 0
    }

    #page-table-body ul ul li {
        padding: 10px 30px;
        vertical-align: top;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        box-sizing: border-box
    }

}


/**** Job Table ****/
.job-table ul ul li:nth-child(1),.job-table-head li:nth-child(1) {
    width: 19%
}

.job-table ul ul li:nth-child(2),.job-table-head li:nth-child(2) {
    width: 30%
}

.job-table ul ul li:nth-child(3),.job-table-head li:nth-child(3) {
    width: 15%
}

.job-table ul ul li:nth-child(4),.job-table ul ul li:nth-child(5),.job-table ul ul li:nth-child(6),.job-table-head li:nth-child(4),.job-table-head ul li:nth-child(5),.job-table-head ul li:nth-child(6) {
    width: 12%
}

.button-jobs,.input-jobs {
    display: inline-block!important;
    vertical-align: middle
}

.input-jobs {
    background: #fff;
    border: 1px solid #009898;
    padding: 6px 10px;
    border-radius: 2px
}

@media (max-width: 992px) {
    .input-jobs {
        width:300px
    }
}

@media (max-width: 480px) {
    .input-jobs {
        width:200px
    }
}

@media (max-width: 992px) {
    .job-table ul ul li:nth-child(1),.job-table-head li:nth-child(1) {
        border-radius:2px;
        display: block;
        width: auto;
        margin: 0 15px;
        padding: 10px 15px!important
    }

    .job-table ul ul li:nth-child(2),.job-table ul ul li:nth-child(3),.job-table ul ul li:nth-child(4),.job-table ul ul li:nth-child(5),.job-table ul ul li:nth-child(6),.job-table-head li:nth-child(2),.job-table-head li:nth-child(3),.job-table-head li:nth-child(4),.job-table-head li:nth-child(5),.job-table-head li:nth-child(6) {
        display: block;
        width: 100%
    }
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th,th {
    border-top: 0!important
}

.table-responsive {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

@media (max-width: 768px) {
    .table-responsive {
        border:0!important
    }
}

.table tr:nth-child(odd) {
    background: #f2f2f2
}

.table tr:nth-child(even) {
    background: #fafafa
}

@media (max-width: 767px) {
    #orte {
        margin-bottom:20px
    }
}

.bs-example {
    margin-top: 40px
}

.card-header a:hover {
    text-decoration: none!important
}

.academy_list_title {
    display: block;
    font-weight: 500;
    margin-bottom: 10px
}

#BLOG h4,#PRESSE h4 {
    margin-bottom: 0
}

.ticker_date {
    font-size: 12px;
    color: #888;
    margin: 0;
    padding: 0
}

#BLOG div p:nth-child(3),#BLOG div p:nth-child(8) {
    font-weight: 400
}

#BLOG div p:nth-child(4),#BLOG div p:nth-child(9) {
    font-size: 12px;
    margin-bottom: 40px
}

.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style] {
    width: 100%!important
}

#SOCIAL_MEDIA_WALL h3 {
    font-weight: 700;
    border-bottom: 1px solid #009898;
    border-radius: 2px;
    padding: 5px 10px;
    background: #f2f2f2;
    color: #009898
}

#SOCIAL_MEDIA_WALL .frame {
    border: 1px solid #999;
    height: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

#SOCIAL_MEDIA_WALL h4 {
    margin: 0
}

#SOCIAL_MEDIA_WALL .ticker_date {
    margin-bottom: 10px
}

html body div#CONTENT.container div.row div.col-xs-12 div#SOCIAL_MEDIA_WALL.row div.col-xs-12 div.row {
    padding-bottom: 80px
}

.feed-item-title {
    margin: 0
}

.ac_results {
    background: #fff
}

.ac_results ul {
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer
}

.ac_results ul li {
    padding: 5px 10px
}

.ac_results ul li:hover {
    color: #009898
}

.ac_even {
    background: #f2f2f2
}

.ac_odd {
    background: #f6f6f6
}

.width_limiter {
    background: #f2f2f2
}

@media (max-width: 992px) {
    .breakaway992 {
        display:none
    }
}

@media (max-width: 480px) {
    .breakaway480,.breakaway768 {
        display:none!important
    }

    .h1_start {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: auto;
        color: #fff;
        text-align: center;
        font-weight: 500
    }

    .h1_start h1 {
        font-size: 18px!important
    }

    .header50 {
        height: 100%;
        position: relative
    }

    .sm_padding img {
        display: none
    }

    .contentimage_50 {
        width: 30%;
        margin-right: 20px
    }
}

.table td {
    padding: 15px!important
}

.table caption {
    background: #009898;
    color: #fff;
    padding: 10px 15px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.tt-menu {
    background: #FFF;
    color: #666;
    padding: 5px 15px 15px;
    margin-top: 13px;
    box-shadow: 0 0 5px rgba(0,0,0,.3)
}

.tt-menu div div {
    border: 1px solid transparent
}

.tt-menu div div:hover {
    cursor: pointer;
    color: #008989;
    border-bottom: 1px solid #009898
}

@media print {
    #HEADER,#NAVI_BAR,#SEARCHBOX,#SUB_NAVIGATION,.container_fluid,.parallax-mirror,.parallax-window,header {
        display: none!important
    }

    #BREADCRUMB {
        color: #009898;
        font-size: 10px
    }

    .content_image {
        float: left
    }

    .full,.half,.twen {
        width: 50%;
        margin-right: 20px
    }

    #CONTENT p {
        font-size: 14px;
        line-height: 21px
    }

    .contact_pic {
        width: 100px;
        border-radius: 100%
    }

    #CONTACT_BOX {
        border: 1px solid grey;
        padding: 20px;
        border-radius: 10px
    }
}

body.lp {
    height: 100%;
    margin: 0;
    padding: 0
}

.lp #teaser_page {
    background: #333;
    height: 90%;
    display: block;
    position: relative
}

@media (max-width: 768px) {
    #teaser_page {
        height:70%
    }
}

.lp_container {
    max-width: 1170px;
    position: relative;
    margin: auto;
    height: calc(100% - 50px);
    padding: 15px;
    box-sizing: content-box
}

#teaser_page .lp_container div form button,#teaser_page .lp_container div form input {
    padding: 10px 15px;
    font-family: Roboto,Arial,sans-serif;
    font-weight: 300
}

.lp #teaser_logo {
    position: relative;
    top: 25px;
    right: 25px;
    max-width: 150px;
    float: right
}

@media (max-width: 768px) {
    .lp #teaser_logo {
        top:15px;
        right: 15px;
        max-width: 75px
    }
}

#teaser_page .lp_container>div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 50%
}

@media (max-width: 992px) {
    #teaser_page .lp_container>div {
        max-width:100%;
        text-align: center
    }

    .lp #teaser_page h1,.lp #teaser_page h2 {
        text-align: center
    }
}

#teaser_page .lp_container div form,#teaser_page .lp_container div form button,#teaser_page .lp_container div form input {
    border: 0;
    margin: 0;
    display: inline-block;
    font-size: 20px;
    text-align: left
}

#teaser_page .lp_container div form {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.15)
}

#teaser_page .lp_container div form input {
    background: 0 0
}

#teaser_page .lp_container div form a {
    text-decoration: underline;
    color: inherit
}

#teaser_page .lp_container div form button {
    background: #009898;
    color: #fff;
    transition: background ease .2s
}

#teaser_page .lp_container div form button:active,#teaser_page .lp_container div form button:focus,#teaser_page .lp_container div form button:hover {
    background: #00b3b3;
    cursor: pointer
}

@media (max-width: 768px) {
    #teaser_page .lp_container div form {
        background:0 0;
        box-shadow: none;
        text-align: center
    }

    .lp #teaser_page h1,.lp #teaser_page h2 {
        text-align: center
    }

    #teaser_page .lp_container div form input {
        background: #fff;
        margin-bottom: 10px;
        box-shadow: 0 0 10px rgba(0,0,0,.15)
    }

    #teaser_page .lp_container div form button {
        box-shadow: 0 0 10px rgba(0,0,0,.15)
    }
}

.lp #teaser_page h1,.lp #teaser_page h2 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-family: Stone-Light,Roboto,Arial,sans-serif;
    line-height: 1;
    text-shadow: 0 0 5px rgba(0,0,0,.25);
    hyphens: none
}

#prae_footer_accordion .card-title a,#special_start_accordion .card-title a,.buttonbox .button {
    font-family: Roboto,Arial,sans-serif
}

.lp #teaser_page h1 {
    font-size: 64px;
    font-weight: 300;
    margin-bottom: 30px
}

.lp #teaser_page h2 {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 40px
}

@media (max-width: 768px) {
    .lp #teaser_page h1 {
        font-size:42px;
        font-weight: 500;
        margin-bottom: 30px
    }

    .lp #teaser_page h2 {
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 40px
    }
}

.lp .triangular {
    position: absolute;
    bottom: 0;
    width: 100%
}

.lp .triangular div {
    float: left
}

.lp .triangular div:nth-child(1) {
    background: #fff;
    height: 50px;
    width: calc(50% - 50px)
}

.lp .triangular div:nth-child(2) {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 0 50px;
    border-color: transparent transparent transparent #fff
}

.lp .triangular div:nth-child(3) {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 50px;
    border-color: transparent transparent #fff
}

.lp .triangular div:nth-child(4) {
    background: #fff;
    height: 50px;
    width: calc(50% - 50px)
}

#teaser_page .lp_container div #lp_form {
    background: 0 0;
    box-shadow: none;
    width: 75%
}

#teaser_page .lp_container div #lp_form input,#teaser_page .lp_container div #lp_form select {
    padding: 4px 6px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    margin-bottom: 16px;
    display: block;
    border: 0;
    border-radius: 0;
    font-family: Roboto,Arial,sans-serif;
    font-weight: 300;
    font-size: 20px
}

#headerform {
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: all .5s ease-in-out!important;
    transition: all .5s ease-in-out!important;
    position: absolute
}

.buttonbox {
    width: 100%;
    height: auto;
    vertical-align: top;
    min-width: 220px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 25px 50px 40px
}

.buttonbox.download {
    padding: 25px 30px 30px
}

.buttonbox.var1 {
    background-color: #e5e5e5
}

.buttonbox.var2 {
    background-color: #b3d5d4
}

.buttonbox.var3 {
    background-color: #00aaa5
}

.buttonbox div {
    color: #00aaa5;
    font-size: 16px;
    font-weight: 400
}

.buttonbox div a {
    color: #575757
}

.buttonbox.var3 div {
    color: #fff
}

.buttonbox .button {
    margin: 25px 0 0;
    background: #009898;
    padding: 10px 15px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    transition: background ease .2s;
    border: 0;
    display: inline-block;
    font-size: 14px;
    text-align: left
}

#prae_footer_accordion .card-title,#special_start_accordion .card-title,#special_start_text {
    text-align: center
}

.buttonbox .fa {
    margin-left: 12px;
    font-size: 18px
}

.buttonbox.var3 .button {
    background: #fff;
    color: #009898
}

.buttonbox .button:active,.buttonbox .button:focus,.buttonbox .button:hover {
    background: #00b3b3;
    cursor: pointer
}

.buttonbox.var3 .button:active,.buttonbox.var3 .button:focus,.buttonbox.var3 .button:hover {
    background: #F7F7F7;
    cursor: pointer
}

@media (max-width: 768px) {
    .buttonbox .button {
        box-shadow:0 0 10px rgba(0,0,0,.15)
    }
}

#prae_footer_accordion .card-header+.collapse>.card-body,#special_start_accordion .card-header+.collapse>.card-body {
    border: none;
    box-shadow: none
}

#prae_footer_accordion .card-title a {
    text-decoration: none;
    display: block;
    color: inherit;
    font-size: 16px;
}

#prae_footer_accordion .card>.card-header {
    background-color: #009898;
    color: #fff
}

#prae_footer_accordion .card-header:hover {
    background-color: inherit;
    color: #009898
}

#prae_footer_accordion .card-header {
    transition: .2s
}

#prae_footer_accordion ul {
    list-style: none
}

#prae_footer_accordion ul li::before {
    content: "\2022";
    color: #009898;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -2em
}

#prae_footer_accordion span {
    color: grey;
    line-height: 20px
}

#special_start_accordion p {
    color: grey
}

#special_start_accordion .card-title a {
    text-decoration: none;
    display: block;
    color: inherit;
    font-size: 16px;
}

#special_start_accordion .card>.card-header {
    transition: .2s;
    background-color: #009898;
    color: #fff
}

#special_start_accordion .card:hover>.card-header {
    transition: .2s;
    background-color: inherit;
    color: #009898
}

#special_start_accordion .card>.card-header.special_start_inactive {
    color: grey;
    background-color: inherit;
    border:none;
}

#special_start_accordion .card>.card-header.special_start_inactive:hover {
    background-color: inherit!important;
    color: grey!important;
    cursor: default!important
}

#special_start_accordion .card>.card-header.special_start_inactive a:hover {
    cursor: default!important
}

#special_start_accordion h4 {
    padding-top: 25px
}

#navi_impress,#navi_impress:hover,#navi_impress_mob,#navi_impress_mob:hover {
    color: #B7B7B7;
    font-size: 14px;
    border: 0
}

#navi_impress {
    padding-left: 50px
}

@media (max-width: 479px) {
    .navi_contact_desk {
        display:none!important
    }

    #special_start_accordion h4 {
        padding-top: 0
    }

    #Awards .mobile_landing_teaser {
        margin-top: 0;
        padding-top: 0
    }
}

@media (min-width: 480px) {
    #Awards .mobile_landing_teaser,.navi_contact_mob {
        display:none!important
    }
}

.navi_contact_mob {
    width: 100%;
    display: flex;
    position: fixed;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 5px 5px rgba(0,0,0,.1);
    border-top: solid #e0e0e0 1px;
    padding: 4px 8px
}

.navi_contact_mob span {
    color: #009898;
    font-weight: 700
}

.CB_Body h4,.CB_Body p {
    font-weight: 700;
    color: grey
}

@media (max-width: 1200px) {
    .ContactBox {
        display:none!important
    }
}

.ContactBox {
    transition: .4s;
    position: fixed;
    z-index: 1000;
    top: 270px;
    right: 2px;
    height: 91px;
    width: 47px
}

.ContactBox:hover {
    transition: .4s;
    top: 190px;
    width: 306px;
    height: 270px
}

.ContactBox:hover .CB_Head {
    transition: .4s;
    opacity: 1;
    right: 258px;
    box-shadow: -5px 5px 16px #888
}

.CB_Body,.CB_Head {
    transition: .4s;
    background-color: #fff;
    right: 2px
}

.ContactBox:hover .CB_Body {
    transition: .4s;
    top: 190px;
    height: 270px;
    width: 250px;
    opacity: .94
}

.CB_Head {
    position: fixed;
    top: 270px;
    height: 91px;
    width: 47px;
    opacity: .4
}

.CB_Head img {
    position: absolute;
    top: 34%;
    left: 27%
}

.CB_Body {
    position: fixed;
    top: 300px;
    height: 0;
    width: 0;
    padding-left: 24px;
    opacity: 0;
    overflow: hidden;
    box-shadow: -10px 10px 16px #888;
    padding: 1.5rem!important;
}

.CB_Body h4 {
    font-family: inherit;
    font-size: 18px
}

.CB_Body a,.CB_Body p {
    font-size: 16px
}

.ConetLinkAnim,.ConetLinkAnimOpen {
    font-size: 20px;
    transition: transform .4s
}

.CB_Body a {
    display: block;
    line-height: initial;
    margin-bottom: 8px
}

#prae_footer_accordion .card-header:hover .ConetLinkAnim,#special_start_accordion .card-header:hover .ConetLinkAnim {
    transform: rotate(23deg)
}

.ConetLinkAnimOpen {
    transform: rotate(45deg)
}

.h3-style {
    font-size: 20px!important;
    font-weight: 300;
    font-family: Roboto,Arial,sans-serif;
    color: #666
}
.h6-style {
    font-weight: 700;
    font-family: Stone-Light,Roboto,Arial,sans-serif;
    display: block;
    margin-block-start: 2.3em;
    margin-block-end: 2.3em;
    margin-bottom: 0;
    margin-top: 0
}

@media (max-width: 479px) {
    .h3-style {
        font-size:18px!important
    }
}


/* ABe 07.04.2020: Performance-Optimierung */
main .card-header {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
    border-bottom: 0;
}
main .card-header h4 {
    margin-bottom: 0;
    font-size: 16px;
}
main .card-header a {
    color: inherit;
    font-weight: 700;
}
main .bs-example .card-header .panel-title a {
	display:inline-block;
	width: calc(100% + 12px);
	padding-right: 28px;
	position:relative;
	z-index:10;
}
main .bs-example .card-header .panel-title:after {
	content: " \f0d7";
	color: #009898;
	font-family:fontawesome;
	font-size:20px;
    font-weight: 900;
	position:absolute;
	right:12px; top:6px;
}
main  .bs-example .card-header .panel-title:has([aria-expanded="true"]):after {
	content: " \f0d8";
}

main#content_center + div > .row{ /*CDE-449: Floating Sidebar */
    position: sticky;
    top: 80px;
}

/* Kontaktform, Suchergebnisse */
.bigform label, 
.search_wrapper.results label {
    display: block;
}
.bigform input:not([type="checkbox"]):not([type="radio"]), .bigform select, 
.search_wrapper.results input, .search_wrapper.results button {
    height: 36px;
}

/* CDE-438: Landing-Page */
#teaser_page .bigform input:not([type=checkbox]):not([type=radio]) {
    height: 46px;
}

/* CDE-472 */
form.pardot .form_table {width:75%; margin-left:5px;}
@media (max-width:728px) {
form.pardot .form_table {width:100%;}
}
form.pardot label {font-weight: 700;}
form.pardot .form_checkbox {font-weight: 400; font-size:13px; line-height:22px; margin-bottom:12px;}

/* CDE-484: Filterfunktion Karriere-Tabelle */
.hidden {
    display: none;
}

/* CDE-453 */
.buttonbox .box_text {
text-align:left;
}
.buttonbox .box_bild {
float:right;
max-width: calc(30% + 50px);
margin-left:24px;
}					  
@media (max-width:768px) { .buttonbox .box_bild { display:none; } }


/* CDE-520: Consent-Manager */
main div[data-type="placeholder"][data-name="youtube"] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#SOCIAL_MEDIA_WALL div[data-type="placeholder"][data-name="twitter"],
#SOCIAL_MEDIA_WALL div[data-type="placeholder"][data-name="facebook"] {
    height: 600px;    
}   


/* CDE-528: Kroatisch */
#NEWS_EVENTS:lang(hr) { padding:12px 0; }
#FOOTER:lang(hr) { padding:24px 0; }
#NEWS_EVENTS:lang(hr) div, #FOOTER:lang(hr) div { display:none; }

/*
body:lang(hr),
.tooltip:lang(hr),
.popover:lang(hr),
.inhaltsverzeichnis .card-header .panel-title:lang(hr),
#quick_flip select:lang(hr),
.mobile_landing_teaser:lang(hr),
.newsletter_info:lang(hr),
h1:lang(hr),h2:lang(hr),h3:lang(hr),h4:lang(hr),h5:lang(hr),h6:lang(hr),
#BREADCRUMB:lang(hr),#CONTACT_BOX:lang(hr),#SIBLINGS_NAVIGATION:lang(hr),#SUB_NAVIGATION:lang(hr),
.newsletter_info:lang(hr),
#teaser_page .lp_container div form button:lang(hr),#teaser_page .lp_container div form input:lang(hr),
.lp #teaser_page h1:lang(hr),.lp #teaser_page h2:lang(hr),
#prae_footer_accordion .card-title a:lang(hr),#special_start_accordion .card-title a:lang(hr),.buttonbox .button:lang(hr),
#teaser_page .lp_container div #lp_form input:lang(hr),#teaser_page .lp_container div #lp_form select:lang(hr),
.h3-style:lang(hr),.h6-style:lang(hr)
{ 
    font-family:Arial, sans-serif !important;
}

body:lang(hr) .consent-manager .cm-modal .cm-header h1.title,
body:lang(hr) .consent-manager .cm-modal .cm-btn
{
    font-family: Arial,sans-serif;
    font-weight:700;
}*/


*:not(.fa):not(.fas) {
    font-family: Roboto, sans-serif !important;
}
#NAVIGATION > ul > li > a {
    font-weight: 700;
}



/* Perbit Stellenanzeigen */
.stelle ul.bulletlist {
font-style:normal !important;
padding-left:18px;
padding-top:0;
margin-left:18px;
position:relative;
list-style:none;
} 
.stelle ul.bulletlist li {
font-style:normal !important;
margin-bottom:0px;
position:relative;
}
.stelle ul.bulletlist li::before {
  content: "\25AA";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #00A9A5; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 0.8em; /* Also needed for space (tweak if needed) */
  margin-left: -0.8em; /* Also needed for space (tweak if needed) */
  font-size:1.7em;
position:relative;
top:4px;
}
.stelle .contact_info {
margin-bottom:8px;
}
.stelle .contact-xing {
padding-left:22px;
background-image:url(/C1257822003AD11B/RepositoryFile/symbole/$FILE/xing-contact.png);
background-repeat: no-repeat;
}
.stelle .social {
padding-left:15px;
font-family: "Roboto Condensed",Arial,sans-serif;
font-weight:400;
}
.stelle .social ul {
list-style:none;
padding:0;
margin-top:4px;
}
.stelle .social li {
display:inline;
margin-right:6px;
}
.stelle #social_mobile {
display:none;
}
.stelle #NEWSLETTER_BOX  {
background-color:#FEBF00 !important;
padding:20px 10px;
}
.stelle #NEWSLETTER_BOX a:hover,
.stelle #NEWSLETTER_BOX a:focus {
text-decoration:none;
}
.stelle #NEWSLETTER_BOX .newsletter {
width:60px;
transform: scale(1.3333);
}
.stelle #NEWSLETTER_BOX .text {
font-family: "Roboto Condensed",Arial,sans-serif;
font-size:1.2em;
font-weight:400;
text-align:center;
color:white;
}
.stelle #NEWSLETTER_BOX .text>div{
font-size:1.05em;
font-weight:700;
}

@media screen and (max-width: 991px) {
.stelle #CONTACT_BOX {
text-align:left;
margin-bottom:0px;
}
.stelle .contact_pic {
max-width:160px;
border-radius:160px;
}
.stelle .social {
margin:1.4rem;
}
.stelle .social ul {
display:inline;
margin-left:12px;
}
}
.karriere { display:flex; }
/*
.karriere { height:150px; }
.karriere .zitatbild { width:150px; }
*/
.karriere { max-height:150px; }
.karriere .zitatbild { max-height:150px; }

.karriere .zitat {
margin:0;
padding:0px 40px;
background-color:#E5E5E5;
color:#58585A;
border-width: 0px !important;
display:flex;
flex-direction:column;
height:150px;
}
.karriere .zitat.mitbild {
 width:calc(100% - 150px); 
margin-left:14px;
}
.karriere .zitatbild img {
/*width:100%;*/
height:100%;
max-height:150px;
}
.karriere .zitat .zitatbox {
display:flex;
height: calc(100% - 30px);
align-content:center;
flex-flow:row wrap;
}
.karriere .zitat q {
font-size: 1.1em;
 line-height: 1.3em;
 font-style: italic;
display:block;
}
.karriere .zitat cite.zitatgeber {
font-size:0.8em;
margin-top:4px;
}
.karriere .zitatbild { overflow:hidden; }

@media screen and (max-width: 767px) {
.karriere { max-height:190px; }
.karriere .zitatbild { display:none; }
.karriere .zitat.mitbild { width:100%; }
.karriere .zitat { padding:0 28px; height:190px; }
}
@media screen and (max-width: 447px) {
.karriere { max-height:240px; }
.karriere .zitat { padding:0 28px; height:240px; }
}	


@media screen and (min-width: 1200px) {
/*	
.karriere { height:180px; }
.karriere .zitatbild { width:180px; }
*/
.karriere { max-height:180px; }
.karriere .zitatbild { max-height:180px; }
.karriere .zitatbild img { max-height:180px; }

.karriere .zitat { height:180px; }
.karriere .zitat.mitbild { width:calc(100% - 180px); }
.karriere .zitat q { font-size: 1.25em; }
.karriere .zitat cite.zitatgeber { font-size:0.9em; }
}

/* Stellenliste - Kategoriekacheln, CDE-530 */
.box-module.stelle {
	margin-bottom:0;
}

.box-module.stelle div.disabled { filter:grayscale(100%) blur(1px); }
.box-module.stelle div.disabled a { color:grey; }
#CONTENT .box-module.stelle div.disabled a:hover h3 { color:grey; }

.box-module.stelle .teaser_box {
	margin-bottom:26px;
	padding-bottom:14px;
    height: calc(100% - 26px);
}
.box-module.stelle .teaser_box h3 {
	font-size:18px;
	padding: 0 14px;
	margin-bottom:0;
}
.box-module.stelle .teaser_box p {
	padding: 14px 14px 0;
	margin-bottom:0px;
}
.box-module.stelle a {
	color: #009898;
    display: block;
    height: 100%;
}
.box-module.stelle .teaser img {
	display:block;
}

.stellenliste .table_full {
	display: table;
	width:100%;
}
.stellenliste .table_head {
	display: table-header-group;
	background: #dcdcdc;
}
.stellenliste .table_head >div {
	display: table-cell;
    font-weight: 500;
    padding: 5px 15px;
	border-bottom: 2px solid #009898;

}
.stellenliste .table_head .sort span {
	display:none;
}
.stellenliste .table_head a.sort:after {
	content: " \f0d7";
	font-family:fontawesome;
	color: white;
	font-size:18px;
    font-weight: 900;
}
.stellenliste .table_head a.sort.asc:after {
	color: #009898;
}
.stellenliste .table_head a.sort.desc:after {
	content: " \f0d8";
	color: #009898;
}
.stellenliste .sort.firma { min-width:156px; }
.stellenliste .sort.ort { min-width:88px; }

@media only screen and (max-width: 992px) {
}
.stellenliste .table_body {
	display: table-row-group;
	font-size: 14px;
    line-height: 17.5px;
}
.stellenliste .table_row {
	display: table-row;
}
.stellenliste .table_row .table_small {
	display: table-cell;
	border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 15px;
    vertical-align: top;
}
.stellenliste .table_row .table_small .header_small{
	display:none;
}	
.stellenliste .table_row .table_small:first-child {
    border-left: 1px solid #ddd;
}	
.stellenliste .table_row .table_small:last-child {
    border-right: 1px solid #ddd;
}
.stellenliste .table_row:nth-child(odd) {
	background-color: #fafafa;
}
.stellenliste .table_row:nth-child(even) {
	background-color: #fff;
}

.stellenliste .table_head a.sort,
.stellenliste .table_row .table_small.beschreibung {
	font-weight:500;
}

@media only screen and (max-width: 992px) {
	.stellenliste .table_full {
		display:block;
	}	
	.stellenliste .table_head {
		display:table;
		width:100%;
		border-bottom: 2px solid #009898;

	}
	.stellenliste .table_head >div {
		display:none;
	}
	.stellenliste .table_head >div.sort {
		display:table-row;
	}
	.stellenliste .table_head a.sort {
		margin:15px 15px 0;
		width: calc(100% - 30px);
		text-align:center;
	}
	.stellenliste .table_head div.firma a.sort {
		margin-bottom:15px;
	}	
	.stellenliste .table_head .sort span {
		display:inline;
	}	
	.stellenliste .table_body {
		display:block;
	}	
	.stellenliste .table_row {
		display:table;
		width:100%;
		border: 1px solid #ddd;
		border-top:0;
	} 
	.stellenliste .table_row .table_small{
		display:table-row;
		font-weight:300;
	}
	.stellenliste .table_row .table_small .table_cell {
		display:table-cell;
		padding:15px 15px 0 0;
	}
	.stellenliste .table_row .table_small .header_small {
		display:table-cell;
		padding: 15px 0 0 15px;
		width:120px;
	}	
	.stellenliste .table_row .table_small .table_cell.pdf {
		padding:15px 0;
	}

}

/* CDE-235 CDE-579 */

.downloadmail legend {
	font-size: 1.4rem;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 1.2rem;
}
.downloadmail ul {list-style-type:none;}
.downloadmail .checkbox {
 margin-bottom:16px;
}
.checkbox + .checkbox { margin-top: -5px; 
}
.downloadmail .checkbox input[type="checkbox"] {
top:16px;
}
.downloadmail .checkbox label {
    display: inline-block;
    background-image: url("../../cde_img/$FILE/dl.png");
    background-position: 16px 14px;
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-color: #666;
    color:white;
    margin-left: 16px;
    padding:10px 20px 10px 40px;
    border-radius:2px;
	font-weight:400;
}
.downloadmail label.inline {
display:inline; margin-right:48px;font-weight:300;
}

/* Formulare */
.form_table label, .form_table .upload{position:relative;}
.field--error{border-color:red !important;}
.data-error{position:absolute;top:60px;right:0;font-size: 86%;font-weight:normal;color: red;}
.data-error{display:none;}
.field--error + .data-error{display:block;}
.upload .field--error + .data-error{top:32px; left:0;}
.checkbox--error + .data-error {display:block;position:relative;top:-4px;}
@media screen and (max-width: 480px) { .data-error{top:56px;} }



/* Strukturierte Listen */

.kacheln ul {
    padding: 0 1rem;
    list-style: none;
}
.kacheln ul li{
	padding: 0;
}
.kacheln ul li a {
    display: block;
    background: #429590;
    -webkit-transition: all .25s;
    transition: all .25s;
    font-weight: 400;
    overflow: hidden;
    min-height: 7.625rem;
    height: calc(100% - 1rem);
    text-decoration: none;
    margin: 0.5rem;
    font-size: 1.2rem;
	color:#ffffff;
	text-align: center;
	text-transform: uppercase;
}
.kacheln ul li a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    text-decoration: none;
     border-bottom: 5px solid #CBEFEC;
}
.kacheln ul li a:not([href]):hover {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
	border-bottom:0px;
	color:white;
}	

.kacheln li span {
    display: block;
}
.kacheln ul li a>span {
    line-height: 1.375rem;
    margin-top: 0.5rem;
}
.kacheln a svg {
	width:125%;
	fill:none;
	stroke:#fff;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-width:3px;
}
.kacheln ul li a:focus, .kacheln ul li a:focus-visible {
    background: #CBEFEC;
    color: #429590;
}
.kacheln a:focus svg, .kacheln ul li a:focus-visible svg {
    stroke: #429590;
}
.kacheln ul li a:hover:focus {
     border-bottom: 3px solid #429590;
}
.kacheln .mediabox {
	padding-bottom: 98%;
}

@media (max-width: 1199px) and (min-width:992px) {
	.kacheln ul li.col-lg-3 a { font-size: 1rem; }
}
	
@media (max-width: 479px) {
    .kacheln { width: auto; }
    .kacheln ul li {
        float: none;
        display: block;
        margin: 0 0 2px;
    }
    .kacheln img,.kacheln li span {
        display: inline-block;
        font-weight: 500;
    }
    .kacheln ul li a:hover {
        -webkit-transform: none;
        transform: none;
        text-indent: 1px;
    }
    .kacheln ul li a { padding: 5px 10px; }
}


@media (max-width: 728px) and (max-height:580px) {
    .kacheln ul li a {
        min-height:100px;
        font-weight: 400;
        font-size: 14px;
    }
}

@media (max-width: 728px) and (max-height:388px) {
    .kacheln ul li a {
        min-height:100px;
        font-weight: 400;
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .kacheln ul li { padding-bottom: 0.125rem; }
    .kacheln ul li a {
        min-height: 2.625rem;
		margin:0.3rem 0.5rem;
    }
    .kacheln ul li a span { margin: 1rem; }
    .kacheln .bereich_mediabox { display: none; }
}

@media (min-width: 576px) {
    .kacheln .bereich_mediabox {
        width: 3.125rem;
        margin: auto;
    }
    .kacheln ul li a span { margin: 1.5rem 1rem 1rem; }
}

@media (max-width: 575px) and (max-height:580px) {
    .kacheln ul li a {
        min-height:2.25rem;
        font-weight: 400;
        font-size: 1rem;
    }
}

@media (max-width: 767px) and (max-height:580px) {
    .kacheln ul li { padding-bottom:2px; }
    .kacheln ul li a {
        min-height: 2rem;
        max-height: 2rem;
        padding: 0;
        font-weight: 400;
        font-size: 12px;
    }
    .kacheln ul li a span { margin-top: 0; }
}

@media (max-height: 580px) and (min-width:768px) {
    .kacheln ul li { padding-bottom:0.125rem; }
	.kacheln ul li a { min-height: 2.5rem; }
}

@media (max-height: 580px) {
	.kacheln ul li .mediabox { display:none; }
	.kacheln ul li a { display: grid; }
	.kacheln ul li a span { margin: 1rem; }
}

@media (max-width: 528px) and (max-height:788px) {
	.kacheln ul li .mediabox { display:none; }
    .kacheln ul li a { display: grid; }
    .kacheln ul li a span { margin: 1rem; }
}