@charset "utf-8";

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

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

a:focus, a:focus-visible {
    border: 3px solid #429590;
    outline: 2px solid transparent;
    outline-offset: 3px;
}

html {
    font-size: 12pt; /* FIXME anpassen an Vorgabe 9pt~12px | 8pt~10px */ 
}
body {
    padding-top: 3.75rem;
    height: 100%;
    font-weight: 300;
    font-size: 1rem;
/*    line-height: 1.75rem; */
    line-height: 1.5rem;
}

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


h1,h2 {
    font-weight: 500
}


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
}


.white {
    background: #fff
}


.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)
    }
}
@media (max-width: 479px) {
    .mobile_landing_teaser {
        font-size: 20px;
        margin-bottom: 15px;
        padding: 10px 0;
    }

 }


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

.top-margin-xl {
    margin-top: 2.5rem
}

.top-margin-m {
    margin-top: 1em;
 }



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

.bg_white {
    background: #ffffff;
    /*border-bottom: 1px solid #ccc*/
}
.bg-light-blue{
    background-color: #F0F9FF; /* hellblauer Hintergrund */
}
.bg-light-blue1 {
    background-color: #F4FFFE; /* hellblauer Hintergrund */
}

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

h1,h2,h3,h4,h5,h6 {
    font-family: 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: 2.25rem;  /*-- 36px  */
    margin: 0 0 3rem 0;
    text-align: left;
}

@media (max-width: 1366px) {
    h2 {
        margin: 0 0 1.5rem 0;
    }
}

@media (max-width: 1200px) {
    h2 {
        margin: 0 0 2rem 0;
    }
}

#HEADER .mediabox {
    padding-bottom:98.0392156862745%;
}
 
#TEASER {
    padding: 5rem 0;
}
 
#TEASER h2 {
    margin: 0 0 2rem;
    /*-webkit-transition: all .15s;*/
    /*transition: all .15s*/
}

#AKTUELLES .mediabox {margin-top:0px;}

#AKTUELLES h2 {
    margin: 0 0.25rem 1rem;
}

#AKTUELLES .teaser-box {
    background: #FFFFFF;
    padding: 1em;
}

#AKTUELLES .teaser-box h2 {
    font-size:24px!important; /* TODO */
}

#AKTUELLES .teaser-box p {
    font-size: 1rem;
/*    line-height: 1.3125; */
    color: #2C2E34;
    moz-hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	
}

#AKTUELLES .teaser-box a { border:0; }


.teaser-mediabox {
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 77%
}

.teaser-mediabox mediabox-img {
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
}

#CONTENT .box-module a:hover,#AKTUELLES a:hover h2 {
    text-decoration: underline;
}

#SPOTLIGHT {
    padding: 5rem 0;
}

#SPOTLIGHT a {
    margin: 0 0 2rem;
}

#SPOTLIGHT a, #AKTUELLES a {
    text-decoration: none;
}

#CONTENT .box-module a:hover h3,#AKTUELLES a:hover h2 {
    color: #000000;
}

#SPOTLIGHT a:hover div.button, #AKTUELLES a:hover div.button {
    color: #000000;
    text-decoration: underline
}

#AKTUELLES a:focus > div, #AKTUELLES a:focus-visible > div {
    border: 3px solid #429590;
    outline: 2px solid transparent;
    outline-offset: 3px;
}

#SPOTLIGHT a:focus-visible div.button, #AKTUELLES a:focus div.button, #AKTUELLES a:focus-visible div.button {
    color: #FFFFFF;
    background-color: #429590;
}

.title {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 25px;
    color: #2C2E34
}

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

}

#NEWS_EVENTS {
    padding: 5rem 0;
}
#NEWS_EVENTS .title { font-size:1.5rem; color:#307A75; }


#start_event_box ul, #start_news_box ul {
    display: flex;
    flex-direction: column;
}

#start_event_box >a:focus, #start_event_box >a:focus-visible, #start_news_box >a:focus, #start_news_box >a:focus-visible{
    background-color: #307A75;
    color: #ffffff;
}

#start_event_box {
    padding-right: 1rem;
}

#start_news_box {
    padding-left: 1rem;
}

#JOBS {
    padding: 2.8125rem 0;
}

#JOBS a {
    text-decoration: none;
}

#JOBS a:focus, #JOBS a:focus-visible {
   background-color: #429590;
    color: #ffffff;
	border:0;
}

#JOBS a:hover .topline {
    color: #000000;
    text-decoration: underline;
}


.job_grid_container {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    grid-template-rows: 4fr auto 1fr ;
    grid-template-areas:
        "jobtext1 jobtext2 jobimg"
        "jobtext3 jobtext4 jobimg"
        "joblink  joblink  jobimg";

    grid-gap: 1rem;
}
#jobtext1 {
    /*background: #84ffff;*/
    grid-area: jobtext1;
}
#jobtext2 {
    /*background: #18ffff;*/
    grid-area: jobtext2;
}
#jobtext3 {
    /*background: #18ffee;*/
    grid-area: jobtext3;
}
#jobtext4 {
    /*background: #18ffee;*/
    grid-area: jobtext4;
}
#jobimg{
    /*background: #a9eeeb;*/
    grid-area: jobimg;
}
#joblink{
    /*background: #a7ffeb;*/
    grid-area: joblink;
}

@media (max-width: 1400px) {
    .job_grid_container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr ;
        grid-template-rows: auto auto auto auto;
        grid-template-areas:
         "jobtext1 jobtext2 jobtext3"
         "jobtext4 jobtext5 jobtext6"
         "joblink . ."
         "jobimg jobimg jobimg";
        grid-gap: 1rem;
    }
}

@media (max-width: 992px) {
    .job_grid_container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto auto;
        grid-template-areas:
         "jobtext1 jobtext2"
         "jobtext3 jobtext4"
         "joblink . "
         "jobimg jobimg";
        grid-gap: 1rem;
    }
}

@media (max-width: 578px) {
    .job_grid_container {
        display: grid;
        grid-template-columns: auto ;
        grid-template-rows: auto auto auto auto auto auto;
        grid-template-areas:
         "jobtext1"
         "jobtext2"
         "jobtext3"
         "jobtext4"
         "joblink"
         "jobimg";
        grid-gap: 1rem;
    }
}

@media (min-width: 1401px) or (max-width: 992px) {
	#jobtext5, #jobtext6 {display:none;}
}

/****************************/
/***** Spotlight Bereich *****/
/***************************/

.grid-container {
    display: grid;
    /*height: 40vh;*/
    grid-template-columns: 0.4fr 0.6fr;
    grid-template-rows: auto auto auto ;
    grid-template-areas:
        "gridimg gridheader"
        "gridimg gridtext"
        "gridimg gridbutton";
    grid-gap: 1rem;
}
#gridimg, #SPOTLIGHT div.gridimg {
    grid-area: gridimg;
}
#gridheader, #SPOTLIGHT h2 {
     grid-area: gridheader;
 }
#gridtext, #SPOTLIGHT p {
    grid-area: gridtext
}
#gridbutton {
    grid-area: gridbutton
}

@media (max-width: 992px) {
    .grid-container {
        grid-template-columns: auto;
        grid-template-rows: auto auto auto auto;
        grid-template-areas:
         "gridheader"
         "gridtext"
         "gridimg"
         "gridbutton";
    }
}

/* End of Success Bereich */

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

    #NEWS_EVENTS {
        padding: 0 0 4px;
    }
}

.topline {
    /*margin-bottom: 0.5rem;*/
    font-weight: 400;
    font-size: 1.5rem; /* 24px */
	line-height:2rem;
    color: #307A75;
    text-decoration: none;
}

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


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

.box-module {
    margin-bottom: 1.875rem;
    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: 0.125rem;
    overflow: hidden;
    -webkit-transition: all .15s;
    transition: all .15s
}

.teaser_box .mediabox {
    margin: 0 0 1rem
}

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

@media(max-width: 576px) {
    h2 {
        font-size: 1.75rem;
        margin-bottom: 0.625rem;
        margin-top: 1.25rem
    }
}


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

    .teaser_box {
        margin-bottom: 1rem;
        padding-top: 1rem;
        height: 3.125rem
    }

    #NEWS_EVENTS .title,.mobile_landing_teaser {
        font-size: 1.25rem /* 20px */
    }

    .teaser_box div {
        position: absolute;
        top: 0.75rem;
        right: 0.375rem
    }

    #NEWS_EVENTS .button {
        position: absolute;
        top: 2rem;
        right: 1.25rem;
        background-color: #F0F9FF
    }

    .teaser_box img {
        display: none
    }
}


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

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


/****************/
/**** 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 {*/
/*    float: left*/
/*}*/

.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
    }
}

@media (max-width: 480px) {
    #FOOTER ul li img {
        display:none
    }
    .career {
        background: 0 0;
        padding-top: 0!important;
        padding-left: 15px!important;
        text-align: center!important;
        margin-bottom: 20px
    }

}

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

main>div {
    margin-bottom: 40px
}


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

#HEADER .mediabox img,
#HEADER .mediabox object { width:125%; }

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


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


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
}


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

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


@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
    }
}


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


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


#prae_footer_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: 2.25rem;
}
#prae_footer_accordion .card-title a:focus { border:0; }

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

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

@media (min-width: 992px) {
    .collapse.show-lg {
      display: block;
      height: auto !important;
      visibility: visible;
    }
  }

/*Todo - Testen*/
@media (max-width: 576px) {
    #prae_footer_accordion .card-header {
        padding: 1.5rem;
    }
}


#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
    }

    #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
    }

    .icon_link_flex > div {
        margin-bottom: 1.875rem;
    }

    .footer_icon_link_text_flex {
        margin-left: 0rem;
    }
}

.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_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
}

.CB_Body a {
	color: #009898;
	text-decoration: none;
	background-color: transparent;
    display: block;
    line-height: initial;
    margin-bottom: 8px
}

.ConetLinkAnim,.ConetLinkAnimOpen {
    font-size: 20px;
    margin-top: 2rem;
}

.ConetLinkAnimOpen {
    transform: rotate(180deg);
}

.h3-style {
    font-size: 1.25rem!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
}

.h6-style,h6 {
    letter-spacing: 1px
}

@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#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;
}
@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; }


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

/* 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;} }


/* Startseite_neu */
@media (min-width: 1200px) {
	 #NAVIGATION li a:link, #NAVIGATION li a:visited {
		-webkit-transition-property: none;
		transition-property: none;
	}
	#NAVIGATION li a:focus {
		padding:18px;
	}

}

@media (max-width: 1181px) {
	/* Korrigiert hor. Scrollbar (navigation.css) */
	#NAVI_BAR, .navi_contact_mob {width: calc(100% - 0px);}
}

.fa.fa-arrow-right-long { margin-left:4px; }

.searchbox { min-width:330px; }
.search_wrapper { padding:1%; }
.search_wrapper .invisible { display:none !important; }
.twitter-typeahead { width: calc(80% - 8px); }
.tt-menu {
  background: #fff;
  color: #666;
  padding: 5px 15px 15px;
  margin-top: 13px;
  box-shadow: 0 0 5px rgba(0,0,0,.3);
}
#search button[type="submit"] { margin:2px 0 0 0; }

@media (max-width:1200px) {
	#AKTUELLES .teaser-mediabox { padding-bottom: 71%; }
	#AKTUELLES .teaser-box { padding-bottom: 2rem; }
}	

@media (max-width:899px) {
	.searchbox { width:100%; }
	.twitter-typeahead { width: calc(80% - 18px); }
	#search input[type="text"], #search button {font-size: 18px !important; }
	#search button[type="submit"] { margin:4px 0 0 0; }
}
@media (max-width:576px) {
	#search button[type="submit"] { margin:0; }
}
@media (max-width:479px) {
	#SEARCHBOX { margin-top:100px !important; }
}

@media (max-width:992px) {
	#JOBS, #TEASER, #SPOTLIGHT, #NEWS_EVENTS { padding: 3.6rem 1.5rem; }
	#TEASER h2, #SPOTLIGHT h2, #NEWS_EVENTS h2 { margin: 0 0.25rem; }
	#NEWS_EVENTS .title { margin:2rem 0; }
	#TEASER h2 { margin-bottom: 2rem; }
	#AKTUELLES h2 { margin-bottom: 1rem; }
}
@media (max-width:767px) {
	#JOBS, #TEASER, #SPOTLIGHT, #NEWS_EVENTS { padding: 3rem 1.5rem; }
	#NEWS_EVENTS .title { margin:2rem 0 1rem 0; }
	#NEWS_EVENTS .news_events { margin-bottom:0; }
	#JOBS { padding-bottom: 1rem; }
}
@media (max-width:479px) {
	#NEWS_EVENTS .button { position:initial; }
}

/* 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;
    max-height: 7.625rem;
    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 li span {
    display: block;
}
.kacheln ul li a>span {
    line-height: 1.375rem;
    margin-top: 0.5rem;
}
.kacheln a svg {
	width:133%;
	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: 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: 479px) and (max-height:760px) {
	.big_canvas { height: 25vh; }
	.kacheln ul li a span { margin: 0.6rem; }
}

@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) {
	.big_canvas { height:50vh; }
    .xkacheln 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-top: 1.5rem; }
}

@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: 3.4rem;
        max-height: 3.4rem;
        padding: 0;
        font-weight: 400;
        font-size: 16px;
    }
    .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; }
}