/* CSS Document */

@font-face {
    font-family: MetaPro;
    src: url("fonts/MetaWeb-Bold.eot");
}
@font-face {
    font-family: MetaPro;
    src: url("fonts/MetaWeb-Bold.woff") format("woff");
}
html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
    background: #FFFFFF;
    font-size: 14px;
    line-height: 120%;
    color: #333333;
}
body > .wrapper {
    width: 1236px;
    margin: 0 auto;
    position: relative;
}
.wrapper > .wrapper2 {
    background: url(images/contentShadow.png);
    float: left;
}
.contentWrapper {
    width: 1200px;
    margin: 0 18px;
    float: left;
}
.header {
    width: 100%;
    min-height: 140px;
    background: url(images/topRainbow.jpg) no-repeat top left;
    float: left;
}
.logo {
    width: 23.0833%;
    float: left;
}
.logo img {
    padding: 30px 0 40px 46px;
    border: none;
}
.start .logo {
    width: 250px;
}
.logo A {
    text-decoration: none;
}
.topRightHeader {
    width: 76.9166%;
    height: 87px;
    border-bottom: 1px solid #7F7F7F;
    float: left;
    position: relative;
}
.toTopButton {
    position: fixed;
    display: none;
    cursor: pointer;
    z-index: 20;
}
.start .toTopButton {
    display: none!important;
}
.start .topRightHeader {
    width: 950px;
}
.headTitle {
    float: left;
    margin: 35px 0 0 0;
    font-family: MetaPro;
    font-size: 18px;
    line-height: 120%;
}
.search {
    position: absolute;
    top: 35px;
    right: 107px;
}
.search #searchQuery {
    width: 90px;
    border-left: 1px solid #7F7F7F;
    border-top: 1px solid #7F7F7F;
    border-bottom: 1px solid #7F7F7F;
    border-right: none;
    font-size: 12px;
    line-height: 100%;
    background: #FFFFFF;
    padding: 0;
    float: left;
    height: 16px;
}
.search .button {
    width: 16px;
    border-left: none;
    border-top: 1px solid #7F7F7F;
    border-bottom: 1px solid #7F7F7F;
    border-right: 1px solid #7F7F7F;
    font-size: 14px;
    line-height: 100%;
    background: #FFFFFF url(images/searchInputIcon.png) no-repeat;
    padding: 0;
    float: left;
    height: 18px;
}
.langnavi {
    position: absolute;
    top: 35px;
    right: 50px;
}
.langnavi ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.langnavi ul li {
    padding: 0;
    margin: 0;
    float: left;
}
.langnavi ul li a {
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}
.langnavi ul li strong a {
    color: #75B241;
}
.langnavi ul li a:hover {
    text-decoration: underline;
}
.mobileMenuButton {
    cursor: pointer;
    width: 45px;
    height: 35px;
    position: absolute;
    top: 29px;
    right: 25px;
    display: none;
    background: url(images/mobileMenuButton.png) no-repeat;
}
.mobileSubMenu {
    display: none;
}
.navigation {
    font-family: MetaPro;
    margin: 15px 0 0 0;
    float: left;
}
.navigation UL {
    padding: 0;
    margin: 0;
    list-style: none;
}
.navigation UL LI {
    padding: 0 6px 0 6px;
    margin: 0;
    font-size: 14px;
    color: #000000;
    float: left;
    border-left: 2px solid #000000;
    position: relative;
}
.navigation UL LI:first-child {
    padding: 0 6px 0 0;
    margin: 0;
    border: none;
}
.navigation UL LI a {
    font-family: MetaPro;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    display: block;
    position: relative;
    z-index: 10;
}
.navigation nav ul:first-child li a:after {
    position: absolute;
    content: '';
    z-index: 0;
    width: 100%;
    height: 50%;
    top: -50%;
    left: 0;
}
.navigation UL LI.active a, .navigation UL LI a:hover {
    color: #75B241;
}
.subPlus {
    display: none;
}
.subnavi {
    font-family: 'Roboto', sans-serif;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    left: -2px;
    border-left: 2px solid #000000;
    width: 300px;
    float: left;
    background: #FFFFFF;
    display: none;
}
.subnavi ul li {
    float: none;
    border: none;
    margin: 0;
    padding: 2px 0 2px 6px!important;
    font-family: 'Roboto', sans-serif;
}
.subnavi ul li a, ul li.active .subnavi ul li a {
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    color: #000000;
}
.subnavi ul li.active a, .subnavi ul li a:hover, ul li.active .subnavi ul li.active a, ul li.active .subnavi ul li a:hover {
    color: #75B241;
}
.thirdNav {
    display: none;
}
.downContent {
    background: #F8F8F8;
    float: left;
    width: 100%;
}
.leftBar {
    float: left;
    width: 23.0833%;
}
ul.breadcrumb {
    list-style: none;
    padding: 0;
    margin: 25px 25px 0 37px;
}
ul.breadcrumb li {
    padding: 2px 0 2px 16px;
    margin: 0;
    background: url(images/breadcrumbBG.png) no-repeat 0px 5px;
}
ul.breadcrumb li:first-child {
    background: none;
}
ul.breadcrumb li a {
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    text-decoration: none;
    color: #333333;
}
ul.breadcrumb li a:hover {
    color: #75B241;
}
ul.sidenavi {
    list-style: none;
    padding: 0;
    margin: 0 25px 0 37px;
}
ul.sidenavi li {
    padding: 5px 0 5px 0;
    margin: 0 0 0 16px;
    position: relative;
    border-bottom: 1px dotted #CCCCCC;
}
ul.sidenavi li:last-child {
    border: none;
}
ul.sidenavi li a {
    font-family: Roboto;
    font-size: 14px;
    line-height: 120%;
    text-decoration: none;
    color: #333333;
}
ul.sidenavi li a:hover {
    color: #75B241;
}
.rightContent {
    float: left;
    width: 76.9166%;
}
.teaserContainer {
    width: 100%;
    overflow: hidden;
    float: left;
    position: relative;
    min-height: 20px;
}
.start .teaserContainer {
    height: 554px;
    /*	height: 436px;*/
}
.teaserElement {
    width: 100%;
    position: relative;
    float: left;
}
.start .teaserElement {
    height: 554px;
}
.teaserElement .teaserPic {
    width: 100%;
}
.start .teaserElement .teaserPic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.teaserElement .teaserPic img {
    width: 100%;
    height: auto;
}
.start .teaserElement .teaserPic img {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.teaserElement .teaserTextContainer {
    position: absolute;
    top: 157px;
    right: 50px;
    width: 300px;
    height: auto;
    max-height: 310px;
    background: url(images/teaserTextBG.png);
    z-index: 3;
    display: none;
}
.start .teaserElement .teaserTextContainer {
    display: block;
}
.teaserElement .teaserTextContainer .teaserText {
    margin: 15px 15px;
    color: #333333;
}
.teaserElement .teaserTextContainer .teaserText H2 {
    font-family: MetaPro;
    padding: 0;
    margin: 0 0 15px 0;
    font-size: 24px;
    line-height: 113%;
    font-variant: normal;
    font-weight: normal;
}
.teaserElement .teaserTextContainer .teaserText P {
    margin: 0;
}
.teaserNavigation {
    position: absolute;
    top: 134px;
    left: 850px;
}
.contentsliderNavigation img,
.teaserNavigation img {
    cursor: pointer;
    padding: 0 5px 0 0;
    border: none;
}
.contentsliderContainer i {
    cursor: pointer;    
}
.contentContainer {
    width: 100%;
    background: #F8F8F8;
    float: left;
}
.content {
    width: 94.583%;
    margin: 0 5.417% 10px 0;
    border-bottom: 1px solid #000000;
    padding: 0 0 40px 0;
    float: left;
    line-height: 140%;
}
.start .contentContainer {
    width: 100%;
    background: #F8F8F8;
    float: left;
}
.start .content {
    width: 1100px;
    margin: 0 0 0 50px;
    border: none;
    padding: 0;
    float: left;
}
.socialFooterContainer {
    background: #F8F8F8;
    padding: 20px 0 25px 0;
    position: relative;
    width: 100%;
    float: left;
}
.socialBar {
    position: absolute;
    right: 47px;
    top: 20px;
    font-size: 12px;
    line-height: 120%;
    color: #333333;
    vertical-align: bottom;
    width: 195px;
}
.start .socialBar {
    right: 65px;
}
.socialBar .socialText {
    padding: 0 0 10px 0px;
    float: left;
    width: 195px;
}
.socialBar .socialIcon {
    padding: 0 20px 0 0;
}
.socialBar .socialIcon:last-child {
    padding: 0;
}
.memberOf {
    margin: 0 0 0 23.0833%;
    font-size: 12px;
    line-height: 120%;
    color: #333333;
    vertical-align: bottom;
    width: 210px;
}
.start .memberOf {
    margin: 0 0 0 60px;
}
.memberOf .memberText {
    padding: 0 0 10px 7px;
    float: left;
}
.footerContainer {
    width: 100%;
    height: 30px;
    background: #7F7F7F;
    float: left;
}
.footerNavi {
    width: 100%;
    margin: 8px 0 0 0;
    text-align: center;
}
.footerNavi UL {
    padding: 0 0 0 0;
    margin: 0;
    list-style: none;
    display: inline;
}
.footerNavi UL LI {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #FFFFFF;
    display: inline;
}
.footerNavi UL LI A {
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
}
.footerNavi UL LI A:hover {
    text-decoration: underline;
}
.footerFullNavi {
    width: 100%;
    margin: 10px auto;
    float: left;
    text-align: left;
}
.footerFullNavi ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 920px;
    margin: 0 auto;
}
.footerFullNavi ul li.main {
    display: list-item;
    float: left;
    padding: 0;
    margin: 0;
    width: 131px;
}
.footerFullNavi ul li li {
    padding: 0;
    margin: 0;
    display: list-item;
    width: 131px;
}
.footerFullNavi ul li ul {
    padding: 0;
    margin: 0;
    display: block;
    width: auto;
}
.footerFullNavi ul li.main {
    margin: 0 0 15px 0;
}
.footerFullNavi ul li.main li {
    margin: 0 0 5px 0;
}
.footerFullNavi ul li.main a {
    font-size: 18px;
    text-decoration: none;
    color: #7F7F7F;
    line-height: 150%;
}
.footerFullNavi ul li.main li a {
    font-size: 12px;
    line-height: 130%;
}
.content A:link, .content A:visited {
    color: #333333;
    text-decoration: underline;
}
.content A:hover {
    color: #70b74f;
}
A IMG {
    border: none;
}
P {
    margin: 0 0 1em 0;
}
.content .frame {
    width: 100%;
    float: left;
}
.content .frame P.text-right {
    text-align: right;
}
.content .frame P.text-center {
    text-align: center;
}
.content .frame P.text-justify {
    text-align: justify;
}
.content hr {
    border: none;
    border-bottom: 1px solid #000000;
    width: 100%;
    float: left;
}

.ce-textpic .ce-column {
    float: left;
    margin-right: 20px;
}
.ce-textpic .ce-column:last-child {
    /* margin-right: 0px; */
}
.ce-textpic .ce-column .image {
    margin: 0;
}
.ce-textpic.ce-center .ce-column:only-child { 
    margin-right: 0; 
}

.ce-textpic.ce-right.ce-intext.ce-nowrap,
.ce-textpic.ce-left.ce-intext.ce-nowrap {
    /* display: flex; */
    flex-direction:row;
    flex-wrap: nowrap;
    column-gap: 10px;
}
.ce-textpic.ce-right.ce-intext.ce-nowrap {
    flex-direction:row-reverse;
}
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
    flex: 1;
    margin: 0;
}
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery img,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery img {
    height: auto;
    max-width: 100%;
}
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext {
    flex: 1;
}

.image-caption {
    padding: 5px 0 0 5px;
}
.content .ce-textpic .image a img, 
.content .ce-textpic .image a {
    border: none;
    text-decoration: none;
}
.content .ce-textpic .ce-border .image a img, 
.content .ce-textpic .ce-border .image img {
    border: 1px solid #808080;
}
.content .news-list-morelink a {
    font-style: italic;
}
.linieUnten {
    border-bottom: 1px solid #7F7F7F;
    display: block;
}
.content table {
    padding: 0;
    margin: 0;
    border-spacing: 0;
    border-collapse: separate;
}
.content table th {
    padding: 5px 10px 5px 0;
    word-break: break-word;
}
.content table td {
    border-bottom: 1px solid #000000;
    vertical-align: top;
    padding: 5px 10px 5px 0;
    word-break: break-word;
}
.content table th:first-child, .content table td:first-child {
    padding: 5px 10px 5px 10px;
}
.content table tr:nth-child(2n) td {
    background-color: #FFFFFF;
}

/* FCE Elemente */

.fceZweiSpaltig {
    width: 100%;
    margin: 15px 0;
    float: left;
}
.fceZweiSpaltig .spalte {
    width: 45%;
    margin: 0 10% 0 0;
    position: relative;
    float: left;
}
.fceZweiSpaltig .spalte:last-child {
    margin: 0;
}
.fceDreiSpaltig {
    width: 100%;
    margin: 15px 0;
    float: left;
}
.fceDreiSpaltig .spalte {
    width: 30%;
    margin: 0 5% 0 0;
    position: relative;
    float: left;
}
.fceDreiSpaltig .spalte:last-child {
    margin: 0;
}
.fceDreiSpaltig .spalte h2 {
    font-family: MetaPro;
    font-size: 18px;
    line-height: 150%;
    color: #333333;
    margin: 0;
    padding: 0 0 4px 13px;
    font-weight: normal;
}
.fceVierSpaltig {
    width: 100%;
    margin: 15px 0;
    float: left;
}
.fceVierSpaltig .spalte {
    width: 20.5%;
    margin: 0 6% 0 0;
    position: relative;
    float: left;
}
.fceVierSpaltig .spalte:last-child {
    margin: 0;
}
.fceNewsElement {
    width: 100%;
    border-top: 1px solid #7F7F7F;
    position: relative;
    margin: 0 0 16px 0;
    padding: 16px 0 0 0;
    float: left;
}
.fceNewsElement .newsDate {
    font-size: 12px;
    line-height: 120%;
    color: #333333;
    margin: 0 13px;
}
.fceNewsElement .newsDate a {
    font-size: 12px;
    line-height: 120%;
    color: #333333;
    text-decoration: none;
}
.fceNewsElement .newsDate a:hover {
    text-decoration: underline;
}
.fceNewsElement .newsTitle {
    font-size: 14px;
    line-height: 120%;
    color: #333333;
    font-weight: bold;
    margin: 0 13px;
}
.fceNewsElement .newsTitle a {
    font-size: 14px;
    line-height: 120%;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}
.fceNewsElement .newsTitle a:hover {
    text-decoration: underline;
}
.fceAllNewsLink {
    position: absolute;
    top: 9px;
    right: 0;
    font-size: 12px;
}
.fceAllNewsLink a {
    color: #333333;
    font-size: 12px;
    text-decoration: none;
}
.fceAllNewsLink a:hover {
    text-decoration: underline;
}
.fceEventElement {
    width: 100%;
    border-top: 1px solid #7F7F7F;
    position: relative;
    margin: 0 0 16px 0;
    padding: 16px 0 0 0;
    float: left;
}
.fceEventElement .eventDate {
    width: 50px;
    float: left;
    margin: 0 13px 0 0;
}
.fceEventElement .eventDate .eventDay {
    font-size: 28px;
    line-height: 120%;
    color: #333333;
    text-decoration: none;
    font-weight: 300;
    width: 100%;
    text-align: center;
}
.fceEventElement .eventDate .eventMonth {
    font-size: 12px;
    line-height: 120%;
    color: #333333;
    text-decoration: none;
    width: 100%;
    text-align: center;
}
.fceEventElement .eventTitle {
    font-size: 14px;
    line-height: 120%;
    color: #333333;
    width: 214px;
    float: left;
    margin: 3px 0 0 0;
}
.fceEventElement .eventTitle a {
    font-size: 14px;
    line-height: 120%;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}
.fceEventElement .eventTitle a:hover {
    text-decoration: underline;
}
.fceEventElement .eventLink {
    width: 22px;
    float: left;
}
.fceEventElement .eventLink a {
    text-decoration: none;
}
.fceAllEventsLink {
    position: absolute;
    top: 9px;
    right: 0;
    font-size: 12px;
}
.fceAllEventsLink a {
    font-size: 12px;
    text-decoration: none;
    color: #333333;
}
.fceAllEventsLink a:hover {
    text-decoration: underline;
}

/* fce news header list */

.newsHeaderList {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #000000;
    float: left;
    width: 100%;
}
.newsHeaderList .newsDate {
    font-size: 12px;
    line-height: 120%;
    color: #333333;
    margin: 0;
}
.newsHeaderList .newsDate a {
    font-size: 12px;
    line-height: 120%;
    color: #333333;
    text-decoration: none;
}
.newsHeaderList .newsDate a:hover {
    text-decoration: underline;
}
.newsHeaderList .newsTitle {
    margin: 0 0 20px 0;
}
.newsHeaderList .newsTitle h2, .newsHeaderList .newsTitle h2 a {
    font-size: 20px;
    line-height: 120%;
    color: #332D2C;
    font-weight: bold;
    text-decoration: none;
}
.newsHeaderList .newsTitle h2 a:hover {
    text-decoration: underline;
}
.newsHeaderList .fceZweiSpaltig {
    margin: 10px 0;
}
.newsHeaderList .fceZweiSpaltig .spalte:first-child {
    width: 66%;
    margin: 0 2% 0 0;
}
.newsHeaderList .fceZweiSpaltig .spalte:first-child img {
    width: 100%;
    height: auto;
}
.newsHeaderList .fceZweiSpaltig .spalte:last-child {
    width: 32%;
    float: right;
}

/* fce news list */

.newsListContainer {
    float: left;
    width: 100%;
}
.newsList {
    width: 32%;
    padding: 0 2% 0 0;
    border-bottom: 1px solid #000000;
    float: left;
    margin: 5px 0 10px 0;
    display: none;
}
.newsList:nth-child(3n), .newsList:last-child {
    padding: 0;
}
.newsList:nth-child(1), .newsList:nth-child(2), .newsList:nth-child(3), .newsList:nth-child(4), .newsList:nth-child(5), .newsList:nth-child(6) {
    display: block;
}
.newsList .imageContainer {
    width: 100%;
    height: 150px;
    position: relative;
    overflow: hidden;
}
.newsList .newsImage {
    width: 100%;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
}
.newsList .newsImage img {
    width: 100%;
    height: auto;
}
.newsList .subtitleContainer {
    width: 100%;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(103, 103, 103, 0.80);
    color: #FFFFFF;
    z-index: 5;
    display: none;
}
.newsList .imageContainer:hover .subtitleContainer {
    display: block;
}
.newsList .subtitleContainer .subtitleText {
    padding: 8px;
}
.newsList .subtitleContainer .subtitleText a {
    color: #74B240;
    text-decoration: underline;
}
.newsList .newsDate {
    font-size: 12px;
    line-height: 120%;
    color: #333333;
    margin: 0;
    height: 32px;
    margin: 3px 0 0 0;
}
.newsList .newsDate a {
    font-size: 12px;
    line-height: 120%;
    color: #333333;
    text-decoration: none;
}
.newsList .newsDate a:hover {
    text-decoration: underline;
}
.newsList .newsTitle {
    margin: 0 0 20px 0;
    height: 74px;
}
.newsList .newsTitle h2, .newsList .newsTitle h2 a {
    font-size: 14px;
    line-height: 120%;
    color: #332D2C;
    font-weight: bold;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
}
.newsList .newsTitle h2 a:hover {
    text-decoration: underline;
}
.moreNewsLink {
    float: left;
    width: 100%;
    text-align: right;
    cursor: pointer;
    font-size: 14px;
    color: #332C2C;
    font-weight: bold;
}
.news-list3-item {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #000000;
    float: left;
    width: 100%;
}

/* fce news single item */

.news-single-item {
    margin: 30px 0 0 0;
}
.news-single-item .newsDate {
    font-size: 12px;
    line-height: 120%;
    color: #333333;
    margin: 0;
}
.news-single-item .newsDate a {
    font-size: 12px;
    line-height: 120%;
    color: #333333;
    text-decoration: none;
}
.news-single-item .newsDate a:hover {
    text-decoration: underline;
}
.news-single-item .newsContent {
    width: 100%;
}
.news-single-item .newsContent .news-single-image {
    display: inline;
    float: left;
    width: 240px;
    margin: 0 15px 15px 0;
}
.news-single-item .newsContent .news-single-img {
    /* display: inline; */
    float: left;
    margin: 0 15px 15px 0;
}
.news-single-item .newsContent .news-mediahint,
.news-single-item .newsContent .news-single-img .news-single-imgcaption {
    font-size: 12px;
    font-style: italic;
    margin: 0;
}

.news-single-item .newsContent .news-mediahint {
    display: none;
}
.news-single-item[data-type="4"] .newsContent .news-mediahint,
.news-single-item[data-mediausagehint="1"] .newsContent .news-mediahint {
    display: inherit;
}

.news-single-item .newsContent img {
    float: left;
}
.news-single-item[data-type="5"] .newsContent img {
    display: block;
    margin: 0 auto;
    clear: both;
    float: none;
}

.news-single-item .newsContent h2 {
    font-size: 1.25em;
    font-weight: bold;
}
    
.news-single-item .newsContent h3 {
    font-size: 1.125em;
    font-weight: bold;
    margin-bottom: 0;
}

/* fce Content Dropdown Element */

.slideElement {
    width: 100%;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #7F7F7F;
    float: left;
}
.detailHeader {
    width: 100%;
    margin: 0 0 5px 0;
    position: relative;
}
.detailHeader .slideButton {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    z-index: 5;
    cursor: pointer;
}
.detailHeader H2 {
    padding: 0 0 0 30px;
    background: url(images/dropdown_closed.png) no-repeat 0px 3px;
    line-height: 125%;
}
.openSlide H2 {
    background: url(images/dropdown_open.png) no-repeat 0px 3px;
}
.detailBody {
    width: 95%;
    padding: 0 0 0 5%;
}

/* fce overview employees */

.fceEmployeeOverview {
    width: 100%;
    position: relative;
    font-family: Roboto;
}
.dataNavigation * {
    box-sizing: border-box;
}
.dataNavigation #searchPublication {
    padding: 1px;
    width: 60%;
    background-image: url(images/searchInputIcon.png);
    background-repeat: no-repeat;
    background-position: 98% 2px;
    border: 1px solid #AAAAAA;
}
.dataNavigation #filterYear {
    padding: 1px;
    width: 10%;
    border: 1px solid #AAAAAA;
}
.dataNavigation #filterDepartment {
    padding: 1px;
    width: 28%;
    border: 1px solid #AAAAAA;
}
.groupHeadline {
    color: #332D2C;
    font-weight: bold;
    padding-bottom: 10px;
}
.fceEmployeeOverview table {
    width: 100%;
    border: none;
    padding-bottom: 20px;
}
.fceEmployeeOverview table thead th {
    font-weight: bold;
    text-align: left;
    font-family: Roboto;
    font-size: 12px;
    border-bottom: 1px solid #7F7F7F;
    padding-bottom: 5px;
}
.fceEmployeeOverview table thead th.name {
    width: 35.63768%;
}
.fceEmployeeOverview table thead th.position {
    width: 35.03623%;
}
.fceEmployeeOverview table thead th.phone {
    width: 24.28985%;
}
.fceEmployeeOverview table thead th.action {
    width: 5.03623%;
}
.fceEmployeeOverview table tbody td {
    text-align: left;
    font-family: Roboto;
    font-size: 12px;
    border-bottom: 1px solid #7F7F7F;
    padding-bottom: 5px;
    padding-top: 5px;
    vertical-align: top;
    height: 39px;
}
.fceEmployeeOverview table tbody td.action {
    text-align: right;
}
.fceEmployeeOverview table tbody td.action a:hover img {
    opacity: 0.6;
}

/* fce details employee */

.fceEmployeeDetails {
    width: 100%;
    position: relative;
    font-family: Roboto;
}
.fceEmployeeDetails p {
    margin: 0 0 1em 0;
}
.department {
    color: #332D2C;
    font-weight: bold;
    padding-bottom: 10px;
}
.picText {
    width: 100%;
    margin: 0 0 20px 0;
    float: left;
}
.picTextImage {
    float: left;
    margin: 0 15px 0 0;
    width: 170px;
}
.picTextImage img {
    width: 100%;
    height: auto;
}
.picTextContent {
    float: left;
    font-style: italic;
    font-size: 16px;
    width: 500px;
}
.infoLine {
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #7F7F7F;
    float: left;
    min-height: 33px;
}
.infoLine.phone, .infoLine.fax, .infoLine.email, .infoLine.website {
    width: 50%;
}
.infoLine.halfWidth {
    width: 50%;
}
.infoIcon {
    float: left;
    width: 37px;
}
.infoText {
    float: left;
}
.infoText p {
    margin: 0;
}
.fceEmployeeDetails .detailHeader H2 {
    padding: 0 0 0 37px;
    line-height: 125%;
}
.fceEmployeeDetails .detailBody {
    padding: 0 0 0 37px;
}
.fceEmployeeDetails .detailBody .infoIcon {
    display: none;
}
.fceEmployeeDetails .detailBody .infoText p {
    margin: 0 0 1em 0;
}

/* fce overview employees */

.fceEmployeeShortDetails {
    width: 100%;
    position: relative;
    font-family: Roboto;
}
.fceEmployeeShortDetails .employeeDetails {
    display: inline-block;
}

/* fce publications */

.fcePublicationOverview {
    position: relative;
}
.fcePublicationOverview h3 {
    float: left;
    width: 100%;
}
#publicationOverviewByYear h2 {
    float: left;
    clear: both;
}
#publicationOverviewByYear i.progress-icon {
    clear: both;
    float: left;
    display: inline-block;
}
.fundingSelector label img {
    max-height: 20px;
    width: auto;
}
.fcePublicationElement {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #7F7F7F;
}
.fcePublicationElement div {
    display: inline;
}
.fcePublicationElement span.publicationAuthors {
    font-size: 14px;
    line-height: 120%;
}
.fcePublicationElement span.publicationAuthors p {
    display: inline;
}
.fcePublicationElement span.publicationDate {
    font-size: 14px;
    line-height: 120%;
}
.fcePublicationElement span.title, .fcePublicationElement span.title strong, .fcePublicationElement span.title b {
    font-size: 14px;
    line-height: 120%;
    font-weight: normal;
}
.fcePublicationElement span.publicationMedia {
    font-size: 14px;
    line-height: 120%;
}
.fcePublicationElement div.publicationLinks {
    display: block;
}
.fcePublicationElement div.publicationLink {
    display: inline;
}
.fcePublicationElement div.publicationLink a {
    font-size: 14px;
    line-height: 120%;
    text-decoration: none;
    font-weight: bold;
}
.fcePublicationElement div.publicationLink:before {
    content: ' | ';
}
.fcePublicationElement div.publicationLink:first-of-type:before {
    content: '';
}

/* Calendar */

.tx_znmidivcalendar {
    border-spacing: 0;
    border-collapse: inherit;
    float: left;
    width: 100%;
}
.content .tx_znmidivcalendar.month tr td, .content .tx_znmidivcalendar.month tr:nth-child(2n) td {
    background: none;
    border: none;
    padding: 0;
    width: 13.5%;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
}
.content .tx_znmidivcalendar.month tr:first-child th {
    border-bottom: 1px solid #000000;
}
.content .tx_znmidivcalendar.month tr td:last-child {
    border-right: 1px solid #000000;
}
.content .tx_znmidivcalendar.month tr td.weekNumber {
    width: 5%;
    padding: 0 0.5% 0 0;
    border: none;
    border-bottom: 1px solid #000000;
    text-align: right;
    font-weight: bold;
    font-size: 10px;
}
.content .tx_znmidivcalendar.month tr:last-child td.weekNumber {
    border: none;
}
.tx_znmidivcalendar.month .dayHeader {
    background: #CCCCCC;
    text-align: right;
    color: #332D2C;
    font-size: 10px;
    padding: 0 3px 0 0;
}
.tx_znmidivcalendar.month .dayStatus_inactive .dayHeader {
    color: #AAAAAA;
}
.tx_znmidivcalendar.month .dayEvents {
    min-height: 96px;
    position: relative;
}
.tx_znmidivcalendar.month .event {
    width: 100%;
    height: 19px;
    left: 0;
    position: absolute;
}
.tx_znmidivcalendar.month .slotIndex_0 {
    top: 1px;
}
.tx_znmidivcalendar.month .slotIndex_1 {
    top: 21px;
}
.tx_znmidivcalendar.month .slotIndex_2 {
    top: 41px;
}
.tx_znmidivcalendar.month .slotIndex_3 {
    top: 61px;
}
.tx_znmidivcalendar.month .event.eventStatus_cont {
    width: 101.5%;
    left: -1px;
}
.tx_znmidivcalendar.month .dayIndex_1 .event.eventStatus_cont {
    width: 100%;
    left: 0;
}
.tx_znmidivcalendar.month .event .title {
    padding: 0 0 0 2%;
    height: 100%;
    overflow: hidden;
}
.tx_znmidivcalendar.month .event A {
    text-decoration: none;
}
.tx_znmidivcalendar.month .event A:hover {
    text-decoration: underline;
    color: #000;
}
.tx_znmidivcalendar.month .event.eventStatus_start .title {
    z-index: 10;
    position: relative;
}
.tx_znmidivcalendar.month .event.eventStatus_cont .title {
    display: none;
}
.tx_znmidivcalendar.month .dayIndex_1 .event.eventStatus_cont {
    width: 180%;
    z-index: 5;
}
.tx_znmidivcalendar.month .dayIndex_1 .event.eventStatus_cont .title {
    display: block;
}
.tx_znmidivcalendar.month .event.eventStatus_start {
    width: 180%;
}
.tx_znmidivcalendar.month .dayIndex_7 .event.eventStatus_start {
    width: 100%;
    z-index: 5;
}

/* Jahresansicht */

.content .tx_znmidivcalendar.year tr td.month, .content .tx_znmidivcalendar.year tr:nth-child(2n) td.month {
    background: none;
    border: none;
    padding: 0;
    width: 8%;
    border-left: 1px solid #000000;
}
.content .tx_znmidivcalendar.year tr td.month:first-child {
    border: none;
}
.content .tx_znmidivcalendar.year tr td.month .dayNumber {
    background: none;
    border: none;
    padding: 0;
    width: 4%;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    word-break: normal;
}
.content .tx_znmidivcalendar.year tr td.month:last-child {
    border-right: 1px solid #000000;
}
.content .tx_znmidivcalendar.year tr:first-child th {
    border-bottom: 1px solid #000000;
}
.content .tx_znmidivcalendar.year tr td.month, .content .tx_znmidivcalendar.year tr td.month table {
    width: 100%;
}
.content .tx_znmidivcalendar.year tr td.month .day {
    width: 100%;
    height: 21px;
    padding: 0;
    background: none;
    position: relative;
}
.content .tx_znmidivcalendar.year tr td .title {}
.content .tx_znmidivcalendar.year tr td A {
    text-decoration: none;
}
.content .tx_znmidivcalendar.year tr td .event {
    width: 10px;
    height: 100%;
}
.tx_znmidivcalendar.year .event {
    width: 10px;
    height: 100%;
    top: 0;
    position: absolute;
}
.tx_znmidivcalendar.year .slotIndex_0 {
    left: 0px;
}
.tx_znmidivcalendar.year .slotIndex_1 {
    left: 11px;
}
.tx_znmidivcalendar.year .slotIndex_2 {
    left: 22px;
}
.tx_znmidivcalendar.year .slotIndex_3 {
    left: 33px;
}
.tx_znmidivcalendar.year tr td .event.eventStatus_cont, .tx_znmidivcalendar.year tr td .event.eventStatus_stop {
    height: 105.5%;
    top: -1px;
}
.tx_znmidivcalendar.year tr td .day.dayNumber_1 .event.eventStatus_cont, .tx_znmidivcalendar.year tr td .day.dayNumber_1 .event.eventStatus_stop {
    height: 100%;
    top: 0;
}

/* Wochenansicht */

.content .tx_znmidivcalendar.week tr td.day, .content .tx_znmidivcalendar.week tr:nth-child(2n) td.day {
    background: none;
    border: none;
    padding: 0;
    width: 13.5%;
    border-left: 1px solid #000000;
}
.content .tx_znmidivcalendar.week tr:nth-child(2) td.day {
    height: 67px;
    position: relative;
}
.content .tx_znmidivcalendar.week tr td.timeTable, .content .tx_znmidivcalendar.week tr:nth-child(2n) td.timeTable {
    background: none;
    border: none;
    padding: 0;
    width: 5%;
    text-align: center;
}
.content .tx_znmidivcalendar.week tr td.timeTable table.timeTable, .content .tx_znmidivcalendar.week tr td.day table {
    width: 100%;
    border-top: 1px solid #000000;
}
.content .tx_znmidivcalendar.week tr td.timeTable table tr .hour {
    width: 98%;
    background: none;
    padding: 0 7% 0 0;
    height: 21px;
    position: relative;
    text-align: right;
    border-left: none;
}
.content .tx_znmidivcalendar.week tr td.day:last-child {
    border-right: 1px solid #000000;
}
.content .tx_znmidivcalendar.week tr:first-child th {
    border-bottom: 1px solid #000000;
}
.content .tx_znmidivcalendar.week tr td.day table {
    width: 100%;
}
.content .tx_znmidivcalendar.week tr td.day table tr .hour {
    width: 100%;
    background: none;
    padding: 0;
    height: 21px;
    position: relative;
}
.content .tx_znmidivcalendar.week tr td.day table tr .hour .event {
    width: 49%!important;
    height: 99%;
    position: absolute;
    top: 1px;
    left: 0;
}
.tx_znmidivcalendar.week tr td.day table tr .hour .event.slotIndex_0 {
    left: 0;
}
.tx_znmidivcalendar.week tr td.day table tr .hour .event.slotIndex_1 {
    left: 33%;
}
.tx_znmidivcalendar.week tr td.day table tr .hour .event.slotIndex_2 {
    left: 66%;
}
.content .tx_znmidivcalendar.week tr:nth-child(2) td.day .dayAllDayEvents .event {
    width: 100%!important;
    position: absolute;
    top: 1px;
    left: 0;
    height: 21px;
}
.content .tx_znmidivcalendar.week tr:nth-child(2) td.day .dayAllDayEvents .event .title {
    display: block;
    height: 100%;
    overflow: hidden;
}
.content .tx_znmidivcalendar.week .event A {
    text-decoration: none;
}
.content .tx_znmidivcalendar.week .event A:hover {
    text-decoration: underline;
    color: #000;
}
.content .tx_znmidivcalendar.week tr:nth-child(2) td.day .dayAllDayEvents .event.slotIndex_0 {
    top: 1px;
}
.content .tx_znmidivcalendar.week tr:nth-child(2) td.day .dayAllDayEvents .event.slotIndex_1 {
    top: 23px;
}
.content .tx_znmidivcalendar.week tr:nth-child(2) td.day .dayAllDayEvents .event.slotIndex_2 {
    top: 45px;
}
.content .tx_znmidivcalendar.week tr:nth-child(2) td.day .dayAllDayEvents .event.eventStatus_cont {
    width: 102.5%!important;
    left: -1px;
}
.content .tx_znmidivcalendar.week tr:nth-child(2) td.day[rel='1'] .dayAllDayEvents .event.eventStatus_cont .title {
    display: block;
}
.content .tx_znmidivcalendar.week tr:nth-child(2) td.day .dayAllDayEvents .event.eventStatus_stop, .content .tx_znmidivcalendar.week tr:nth-child(2) td.day[rel='7'] .dayAllDayEvents .event.eventStatus_cont {
    width: 100%!important;
    left: -1px;
}
.tx_znmidivcalendar.week tr td.day table tr .hour .event.eventStatus_cont {
    height: 102.5%;
    top: -1px;
}
.tx_znmidivcalendar.week tr td.day table tr .hour .event.eventStatus_stop, .tx_znmidivcalendar.week tr td.day table tr .hour.hourNumber_2000 .event.eventStatus_cont {
    height: 100.5%;
    top: -1px;
}
.tx_znmidivcalendar.week tr td.day table tr .hour.hourNumber_0800 .event.eventStatus_cont {
    height: 99%;
    top: 1px;
}

/* Listenansicht */

.tx_znmidivcalendar.list tr:first-child th {
    width: 11%;
    padding: 0 2% 0 0;
    text-align: left;
}
.tx_znmidivcalendar.list tr:first-child th:nth-child(3) {
    width: 26%;
}
.tx_znmidivcalendar.list tr:first-child th:nth-child(4) {
    width: 44%;
}
.content .tx_znmidivcalendar.list tr td, .content .tx_znmidivcalendar.list tr:nth-child(2n) td {
    background: none;
    border: none;
    padding: 5px;
    border-bottom: 1px solid #AAA;
}
.content .tx_znmidivcalendar.list tr td:nth-child(1) {
    border-left: 5px solid;
}
.content .tx_znmidivcalendar.list tr td:nth-child(3) .location {
    font-weight: normal;
    display: block;
}
.tx_znmidivcalendar .entryDetails {
    display: none;
    position: absolute;
    top: 108%;
    left: -20%;
    z-index: 20;
    width: 185px;
    padding: 10px;
    border-radius: 6px;
    overflow: hidden;
}
.tx_znmidivcalendar .entryDetails:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    position: absolute;
    top: -8px;
    left: 0;
    background: none;
}
.tx_znmidivcalendar td.month:last-child .day .entryDetails, .tx_znmidivcalendar td.month:nth-child(11) .day .entryDetails {
    left: auto;
    right: -20%;
}
.tx_znmidivcalendar .event:hover .entryDetails, .tx_znmidivcalendar .week .day .event:hover .entryDetails {
    display: block!important;
}
.tx-znm-idivcalendar .navigation {
    width: 100%;
    position: relative;
    text-align: center;
}
.tx-znm-idivcalendar .navigation .navigator {
    width: 200px;
    margin: 0 auto 20px;
    position: relative;
}
.tx-znm-idivcalendar .navigation .previous, .tx-znm-idivcalendar .navigation .next, .tx-znm-idivcalendar .navigation .currentDetails {
    height: 36px;
    line-height: 36px;
}
.tx-znm-idivcalendar .navigation .previous {
    position: absolute;
    left: 0;
    top: 0;
}
.tx-znm-idivcalendar .navigation .next {
    position: absolute;
    right: 0;
    top: 0;
}
.tx-znm-idivcalendar .navigation .currentDetails {
    padding: 0;
    height: 20px;
    text-align: center;
    width: 120px;
    margin: 0 auto;
}
.tx-znm-idivcalendar .navigation .year {
    position: absolute;
    top: 0;
    right: 0;
}
.tx-znm-idivcalendar .navigation .month {
    position: absolute;
    top: 0;
    right: 40px;
}
.tx-znm-idivcalendar .navigation .week {
    position: absolute;
    top: 0;
    right: 80px;
}
.tx-znm-idivcalendar .navigation .list {
    position: absolute;
    top: 0;
    right: 120px;
}

/* Upcoming events */

.tx_znmidivcalendar.upcoming {
    width: 100%;
    float: left;
    border-top: 1px solid #7F7F7F;
}
.content .tx_znmidivcalendar.upcoming tr td, .content .tx_znmidivcalendar.upcoming tr:nth-child(2n) td {
    background: none;
    border: none;
    padding: 15px 0;
    border-bottom: 1px solid #7F7F7F;
}
.content .tx_znmidivcalendar.upcoming tr td:first-child {
    width: 63px;
    text-align: center;
}
.content .tx_znmidivcalendar.upcoming tr td span {
    display: block;
}
.content .tx_znmidivcalendar.upcoming tr td span.dayIndex {
    font-size: 28px;
}
.content .tx_znmidivcalendar.upcoming tr td span.dayMonth {
    font-size: 12px;
}
.content .tx_znmidivcalendar.upcoming tr td span.title {
    font-weight: bold;
}
.content .tx_znmidivcalendar.upcoming tr td span.title a {
    text-decoration: none;
}
.content .tx_znmidivcalendar.upcoming tr td span.title a:hover {
    color: inherit;
}
.content .tx_znmidivcalendar.upcoming tr td:last-child {
    vertical-align: middle;
}
.content .tx_znmidivcalendar.upcoming tr td:last-child a {
    text-decoration: none;
    font-size: 1.5em;
}
.content .tx_znmidivcalendar.upcoming tr td:last-child a:hover {
    color: inherit;
}
.tx_znmidivcalendar .event .entryDetails .title {
    display: block!important;
    padding: 0;
}
.tx_znmidivcalendar.detail .date, .tx_znmidivcalendar.detail .time, .tx_znmidivcalendar.detail .place {
    display: inline-block;
    width: 25%;
}
.tx_znmidivcalendar.detail .description {
    padding-top: 1em;
}
.newsletterForm label {
    min-width: 80px;
    padding: 10px 0 5px 0;
    display: block;
}
.newsletterForm input {
    margin-bottom: 10px;
}
.newsletterForm input[type=text] {
    max-width: 140px;
}
.fceHeadlineElement {
    width: 100%;
    display: block;
}
.fceHeadlineElement .icon {
    width: 50px;
    margin: 0 20px 0 0;
    display: inline-block;
}
.fceHeadlineElement .icon img {
    width: 100%;
    height: auto;
}
.fceHeadlineElement .headline {
    position: relative;
    top: -18px;
    left: 0;
    display: inline-block;
}
.mobile {
    display: none;
}
.nomobile {
    display: initial;
}

UL.presseEchoYears {
  display: block;
  list-style: none;
  float: left;
  clear: both;
  margin: 0;
  padding: 0;
}

UL.presseEchoYears LI {
  display: block;
  width: auto;
  list-style: none;
  float: left;
  margin-right: 1em;
  box-sizing: border-box;
}
UL.presseEchoYears LI.active {
  font-weight: bold;
}

.presseEcho {
  float: left;
  clear: both;
  width: 100%;
}

.presseEcho H3 {
  margin: 2em 0 0 0;
  font-weight: bold;
}

.presseEcho DL {
  width: 100%;
  float: left;
  clear: both;
  margin: 0;
}

.presseEcho DT {
  width: 12%;
  float: left;
  clear: both;
  margin-top: 1em;
  font-weight: bold;
}

.presseEcho DD {
  width: 88%;
  float: left;
  padding: 0;
  margin: 0;
  margin-top: 1em;
}

.video-js .vjs-big-play-button {
	display: none !important;
}

/**
 indexed_search
 */
 #tx_indexedsearch fieldset {
	 border-style: none;
 }
 #tx_indexedsearch legend {
	 display: none;
 }
 #tx_indexedsearch .tx-indexedsearch-form {
	 display: flex;	 
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid #000000;
    vertical-align: top;
    padding: 5px 10px 5px 0;	 
 }
 #tx_indexedsearch .tx-indexedsearch-form * {
	 flex: 1;
 }
 #tx_indexedsearch .tx-indexedsearch-search-submit {
	 display: flex;
	 flex-direction: row-reverse;
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid #000000;
    vertical-align: top;
	background-color: #FFFFFF;	
 }
 #tx_indexedsearch .tx-indexedsearch-search-submit * {
	 flex: 1;
 } 
.tx-indexedsearch-info-sword { font-weight:bold; font-style:italic; }
.tx-indexedsearch-browsebox LI {
    display: inline;
    margin-right: 5px;
}
.tx-indexedsearch-res H3, 
.tx-indexedsearch-res .tx-indexedsearch-description, 
.tx-indexedsearch-res .tx-indexedsearch-info {
	padding: 5px 10px 5px 10px;
    border-bottom: 1px solid #000000;
    vertical-align: top;
	margin: 0;
}
.tx-indexedsearch-res .tx-indexedsearch-description, 
.tx-indexedsearch-res .tx-indexedsearch-info {
	padding-left: 3em;
}
.tx-indexedsearch-res .tx-indexedsearch-description {
	background-color: #FFF;
}
.tx-indexedsearch-res H3 {
	font-size: 100%;
	font-weight: normal;
	display: flex;
}
.tx-indexedsearch-res H3 * {
	flex: 1;
}
.tx-indexedsearch-res H3 .tx-indexedsearch-title {
	flex: 20;
}
.tx-indexedsearch-res .tx-indexedsearch-info {
}
.tx-indexedsearch-res .tx-indexedsearch-info * {
	display: inline;
	margin: 0;
}
.tx-indexedsearch-res .tx-indexedsearch-info dd:nth-child(2):after,
.tx-indexedsearch-res .tx-indexedsearch-info dd:nth-child(4):after {
	content: " - ";
}
.tx-indexedsearch-res .tx-indexedsearch-info dt.tx-indexedsearch-text-item-path:before {
	display: block;
	content: ' ';
}
.tx-indexedsearch-redMarkup {
	color: red;
}

/* Login */
.frame-type-login {
    position: relative;
}
    
.frame-type-login form {
    position: relative;
    width: 50%;

    margin: 2em 0;
    margin-left: 25%;
    text-align: center;
    background: #eee;
    padding: 1em;
    box-sizing: border-box;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
}

.frame-type-login legend,
.frame-type-login fieldset,
.frame-type-login label,
.frame-type-login input {
    width: 100%;
    text-align: center;
    display: block;
    box-sizing: border-box;
}

.frame-type-login legend {
    font-weight: bold;
    font-size: 1.5em;
}

.frame-type-login fieldset {
    border: 0;
}

.frame-type-login label {
    margin-top: 1em;
}

.frame-type-login input {
    line-height: 2em;
}

.frame-type-login input[type=submit] {
    width: 50%;
    display: inline-block;
    margin-top: 1em;
}

.dp--cookie-check {
    align-items: start;
    flex-direction: column;
}
.dp--cookie-check label:first-child {
    padding: 5px;
}
.dp--cookie-check label[for="dp--cookie-marketing"] {
    display: none;
}

.cc-window {
    font-size: 1em;
}

@media (min-width: 769px) and (max-width: 1024px) {
    body > .wrapper {
        width: 994px;
    }
    .wrapper2 {
        background: url(images/contentShadow1024.jpg);
    }
    .contentWrapper {
        width: 960px;
        margin: 0 17px;
    }
    .start .topRightHeader {
        width: 710px;
    }
    .start .content {
        width: 950px;
        margin: 0 0 0 5px;
    }
    .fceDreiSpaltig .spalte {
        margin: 0 5% 0 0;
    }
    .start .teaserContainer, .start .teaserElement {
        height: 480px;
    }
    .start .teaserContainer .teaserNavigation {
			left: 610px;
    }
    div.csc-textpic .csc-textpic-imagewrap img {
        border: none;
        display: block;
        width: 100%;
        height: auto;
    }

}
@media (max-width: 768px) {
    html, body {
        font-size: 28px;
        line-height: 120%;
    }
    .mobileMenuButton {
        display: block;
        z-index: 1000;
    }
    body > .wrapper {
        width: 768px;
        margin: 0;
    }
    .wrapper2 {
        background: none;
        width: 768px;
    }
    .contentWrapper {
        width: 100%;
        float: left;
        margin: 0;
    }
    .start .content {
        width: 768px;
        margin: 0;
    }
    .search {
        right: 0;
		bottom: -40px;
		top: auto;
		width: 760px;
    }
	.search #searchQuery {
		width: 94%;
		height: 42px;
		font-size: 24px;
		box-sizing: border-box;
		padding: 0 5px;
	}
	.search .button {
		width: 5%;
		height: 42px;
		font-size: 36px;
    	line-height: 120%;
		background-size: 80%;
		background-position: 3px 1px;
	}
    header {
        width: 100%;
        margin: 0;
        float: left;
    }
    .logo, .start .logo {
        padding: 0 0 0 3.255208%;
        width: 21.0833%;
    }
    .logo img {
        width: 100%;
        height: auto;
    }
    .start .contentContainer, .contentContainer {
        width: 718px;
        margin: 0 3.255208%;
        float: left;
    }
    .start .teaserContainer {
        height: 360px;
    }
    .start .teaserContainer .csc-default, .teaserContainer .csc-default {
        height: 100%;
    }
    .content .csc-default span, .content .csc-default p, .fcePublicationElement span.title, .fcePublicationElement span.title strong, .fcePublicationElement span.title b, .fcePublicationElement div.publicationLink a {
        font-size: 28px!important;
        line-height: 120%!important;
    }
    .start .teaserContainer .teaserElement, .teaserContainer .teaserElement {
        height: 100%;
        width: 100%;
    }
    .start .teaserContainer .teaserElement img, .teaserContainer .teaserElement img {
        width: 100%;
        height: auto;
    }
    .start .teaserContainer .teaserElement .teaserTextContainer, .teaserContainer .teaserElement .teaserTextContainer {
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 130px;
        z-index: 3;
        display: none;
    }
    .start .teaserContainer .teaserElement .teaserText, .teaserContainer .teaserElement .teaserText {
        padding: 0px 20px;
    }
    .start .teaserContainer .teaserElement .teaserText h2, .teaserContainer .teaserElement .teaserText h2 {
        font-size: 48px;
    }
    .start .teaserContainer .teaserElement .teaserText p, .teaserContainer .teaserElement .teaserText p {
        display: none;
    }
    .contentContainer {
        width: 93.489584%;
        margin: 0 3.255208%;
        float: left;
    }
    .start .contentContainer {
        width: 718px;
        padding: 0 3.255208%;
        float: left;
        margin: 0;
    }
    .leftBar {
        display: none;
    }
    .rightContent {
        width: 100%;
    }
    .contentContainer .content {
        width: 100%;
        overflow: auto;
    }
    .headTitle {
        display: none;
    }
    .logo img {
        padding: 20px 0 0 0;
    }
    .topRightHeader, .start .topRightHeader {
        border: none;
        width: 300px;
        float: right;
    }
    .langnavi {
        position: relative;
        float: left;
    }
    .langnavi ul li, .langnavi ul li a {
        font-size: 30px;
    }
    .navigation {
        display: none;
        width: 600px;
        background: #333333;
        position: absolute;
        top: -15px;
        right: 0;
        z-index: 500;
        min-height: 100%;
    }
    .navigation UL {
        padding: 90px 0 0 0;
        margin: 0;
        list-style: none;
        width: 539px;
        float: right;
    }
    .navigation UL LI {
        border: none;
        border-top: 1px solid #FFFFFF;
        padding: 17px 0;
        margin: 5px 0 0 0;
        font-size: 48px;
        line-height: 110%;
        color: #FFFFFF;
        border-left: none;
        position: relative;
        float: left;
        width: 100%;
    }
    .navigation UL LI:first-child {
        padding: 17px 0;
        margin: 5px 0 0 0;
        border: none;
        border-top: 1px solid #FFFFFF;
    }
    .navigation UL LI a {
        font-family: MetaPro;
        font-size: 48px;
        line-height: 110%;
        color: #FFFFFF;
        text-decoration: none;
        display: inline;
        position: relative;
    }
    .navigation nav ul:first-child li a:after {
        position: absolute;
        content: '';
        z-index: 0;
        width: 0;
        height: 0;
        top: 0;
        left: 0;
    }
    .navigation UL LI.active a, .navigation UL LI a:hover {
        color: #75B241;
    }
    .subPlus {
        position: absolute;
        top: 28px;
        right: 32px;
        display: block;
        width: 38px;
        height: 38px;
        background: url(images/dropdown_closed.png) no-repeat 0px 0px;
        background-size: cover;
    }
    .active .subPlus {
        background: url(images/dropdown_open.png) no-repeat 0px 0px;
        background-size: cover;
    }
    .subnavi {
        font-family: 'Roboto', sans-serif;
        padding: 5px 0;
        position: relative;
        top: auto;
        left: auto;
        border-left: none;
        width: 100%;
        float: none;
        background: none;
        display: block;
    }
    .subnavi ul {
        padding: 0;
        margin: 0;
    }
    .navigation .subnavi ul li {
        float: left;
        border: none;
        margin: 0;
        padding: 8px 0 8px 0!important;
        font-family: 'Roboto', sans-serif;
    }
    .navigation .subnavi ul li:first-child {
        border: none;
    }
    .navigation .subnavi ul li a, ul li.active .subnavi ul li a {
        font-weight: normal;
        font-family: 'Roboto', sans-serif;
        color: #FFFFFF;
        font-size: 38px;
        line-height: 110%;
        display: block;
    }
    .subnavi ul li.active a, .subnavi ul li a:hover, ul li.active .subnavi ul li.active a, ul li.active .subnavi ul li a:hover {
        color: #75B241;
    }
    .subnavi ul li .thirdNav {
        display: block;
        float: left;
        margin: 8px 0 0 2%;
        width: 98%;
    }
    .subnavi ul li .fourthNav {
        padding: 8px 0 0 6%;
        width: 94%;
        background-color: rgba(255, 255, 255, 0.2);
    }
    ul li .subnavi ul li .thirdNav li {
        background: url(images/iconThirdNaviElement) no-repeat 0px 15px;
        padding: 8px 0 8px 5%!important;
        width: 95%;
    }
    ul li.active .subnavi ul li .thirdNav li a, ul li.active .subnavi ul li.active .thirdNav li a {
        color: #FFFFFF;
    }
    ul li.active .subnavi ul li .thirdNav li.active a {
        color: #75B241;
    }
    .fceZweiSpaltig .spalte {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .fceDreiSpaltig .spalte {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .socialBar, .start .socialBar {
        position: relative;
        right: auto;
        top: auto;
        float: left;
        width: 100%;
        text-align: center;
        font-size: 20px;
        line-height: 120%;
        color: #333333;
        vertical-align: bottom;
        margin: 0 0 20px 0;
    }
    .socialBar .socialText {
        width: 100%;
        float: left;
        padding: 0 0 10px 0;
    }
    .socialBar img {
        height: 40px;
        width: auto;
    }
    .memberOf, .start .memberOf {
        margin: 0;
        font-size: 20px;
        line-height: 120%;
        color: #333333;
        vertical-align: bottom;
        float: left;
        width: 100%;
        text-align: center;
    }
    .memberOf .memberText {
        width: 100%;
        float: left;
    }
    .memberOf img {
        height: 40px;
        width: auto;
    }
    .newsList .newsDate {
        font-size: 24px;
        line-height: 120%;
        height: 120px;
    }
    .newsList .newsTitle {
        height: 189px;
    }
    .newsHeaderList .newsDate, .newsList .newsDate a {
        font-size: 24px;
        line-height: 120%;
    }
    .newsList .newsTitle h2, .newsList .newsTitle h2 a {
        font-size: 26px;
        line-height: 120%;
    }
    .fceNewsElement .newsDate {
        font-size: 24px;
        line-height: 120%;
    }
    .fceNewsElement .newsTitle a {
        font-size: 26px;
        line-height: 120%;
    }
    .fceDreiSpaltig .spalte h2 {
        font-size: 40px;
        line-height: 150%;
    }
    .fceAllNewsLink a {
        font-size: 26px;
    }
    .fceEmployeeOverview table thead th.name {
        width: 30.63768%;
    }
    .fceEmployeeOverview table thead th.position {
        width: 40.03623%;
    }
    .fceEmployeeOverview table thead th, .fceEmployeeOverview table tbody td {
        font-size: 24px;
    }
    .newsHeaderList .newsTitle h2, .newsHeaderList .newsTitle h2 a {
        font-size: 30px;
        line-height: 120%;
    }
    .newsHeaderList .fceZweiSpaltig .spalte:first-child {
        width: 50%;
        margin: 0 2% 0 0;
    }
    .newsHeaderList .fceZweiSpaltig .spalte:last-child {
        width: 48%;
    }
    .moreNewsLink {
        font-size: 24px;
    }
    .footerContainer {
        height: 50px;
    }
    .fceVierSpaltig .spalte {
        width: 47%;
        margin: 0 6% 0 0;
    }
    .fceVierSpaltig .spalte:nth-child(2n) {
        margin: 0;
    }
    .dataNavigation {
        width: 100%;
        top: auto;
        right: auto;
        position: relative;
        margin: 0 0 15px;
        float: left;
    }
    .dataNavigation input {
        font-size: 28px;
        line-height: 120%;
        float: right;
        width: 49%;
        height: 40px;
        background-size: 30px;
        border: none;
    }
    .fundingSelector {
        float: left;
    }
    .dataNavigation input.filterFundingCheckbox {
        float: left;
        width: 10%;
        text-align: left;
    }
    .dataNavigation select {
        font-size: 28px;
        line-height: 120%;
        float: left;
        width: 49%;
        height: 40px;
        border: none;
    }

    #publicationOverviewByYear {
        float: left;
    }
    #publicationOverviewByYear h2 {
        margin-top: 0;
        float: left;
    }
    .slideElement .detailHeader {
        height: auto;
    }
    .slideElement .detailHeader h2 {
        margin: 0.83em 0 0.41em 0;
        padding: 0 0 0 45px;
        background-size: 35px;
        line-height: 120%;
    }
    .footerFullNavi {
        display: none;
    }
    .mobileSubMenu {
        width: 100%;
        text-align: center;
    }
    .mobileSubMenu select {
        width: 98%;
        text-align: center;
        font-size: 36px;
        line-height: 120%;
        margin: 50px 0 15px 0;
    }
    .mobileSubMenu option {
        font-size: 24px;
        line-height: 120%;
        width: 100%;
        text-align: center;
    }
    .toTopButton {
        display: none!important;
    }
	.footerContainer {
		height: auto;
	}
	.footerNavi UL {
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px 10px;
		float: left;
	}
	.footerNavi UL LI {
		display: block;
		float: left;
	}
    .footerNavi UL LI, .footerNavi UL LI A {
        font-size: 22px;
    }
    div.csc-textpic-intext-right .csc-textpic-imagewrap {
        float: left;
        width: 100%;
    }
    div.csc-textpic-intext-right .csc-textpic-imagewrap table, div.csc-textpic-intext-right .csc-textpic-imagewrap table td {
        width: 100%;
    }
    div.csc-textpic-intext-right .csc-textpic-imagewrap table td img, .csc-textpic-imagewrap .csc-textpic-image img, div.csc-textpic div.csc-textpic-imagecolumn img {
        width: 100%;
        height: auto;
    }
    div.csc-textpic div.csc-textpic-imagecolumn {
        float: left;
        width: 100%;
    }
    div.csc-textpic-left .csc-textpic-imagewrap {
        float: left;
        width: 100%;
    }
    div.csc-textpic div.csc-textpic-imagecolumn table {
        float: left;
        width: 100%;
    }
    div.csc-textpic div.csc-textpic-imagewrap table {
        float: left;
        width: 100%;
    }
    .csc-textpic-intext-left ol {
        padding-left: 50px;
    }
    .csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
        float: left;
        overflow: visible;
    }

    .ce-textpic.ce-right.ce-intext,
    .ce-textpic.ce-left.ce-intext {
        display: flex;
        flex-direction:column;
        flex-wrap: nowrap;
        column-gap: 10px;
        float: left;
        clear: both;
    }
    .ce-textpic.ce-left.ce-intext.ce-nowrap {
        flex-direction:column;
    }
    .ce-textpic.ce-right.ce-intext {
        flex-direction:column-reverse;
    }
    .ce-textpic.ce-right.ce-intext.ce-nowrap {
        flex-direction:column-reverse;
    }
    .ce-textpic.ce-right.ce-intext .ce-gallery,
    .ce-textpic.ce-left.ce-intext .ce-gallery {
        flex: 1;
        margin: 0;
    }
    .ce-textpic.ce-right.ce-intext .ce-gallery img,
    .ce-textpic.ce-left.ce-intext .ce-gallery img {
        height: auto;
        max-width: 100%;
    }
    .ce-textpic.ce-right.ce-intext .ce-bodytext,
    .ce-textpic.ce-left.ce-intext .ce-bodytext {
        flex: 1;
    }
    
    .socialBar .socialIcon {
        width: 80px;
    }
    .socialBar .socialIcon img {
        width: 80px;
        height: auto;
    }
    .groupHeadline {
        font-size: 32px;
        float: left;
    }
    .fceEmployeeOverview table thead th.name {
        width: 43%;
    }
    .fceEmployeeOverview table thead th.position {
        width: 43%;
    }
    .fceEmployeeOverview table thead th.phone {
        width: 7%;
    }
    .fceEmployeeOverview table thead th.action {
        width: 7%;
    }
    .fceEmployeeOverview table tbody td:nth-child(3), .fceEmployeeOverview table tbody td:nth-child(4) {
        vertical-align: middle;
    }
    .fceEmployeeOverview table tbody td:nth-child(3) a, .fceEmployeeOverview table tbody td:nth-child(4) a {
        text-decoration: none;
    }
    .fceEmployeeOverview table tbody td:nth-child(3) img {
        width: 35px;
        height: auto;
        display: block;
    }
    .fceEmployeeOverview table tbody td:nth-child(4) img {
        width: 35px;
        height: auto;
        display: block;
    }
    .detailBody .csc-textpic-imagewrap, .detailBody .csc-textpic-imagewrap table, .detailBody .csc-textpic-imagewrap table img {
        width: 100%;
        height: auto;
    }
    .news-single-item .newsContent .news-single-image {
        width: 50%;
    }
    .news-single-img {
        width: 100%;
    }
    .news-single-img img {
        width: 100%;
        height: auto;
        display: block;
    }
    .news-single-img .news-single-imgcaption {
        width: 100%!important;
    }
    #newsletterFormular select {
        height: 50px;
        width: 50%;
        font-size: 34px;
    }
    #newsletterFormular input {
        height: 50px;
        width: 75%;
        max-width: 75%;
        font-size: 34px;
    }
    #newsletterFormular input[type=submit] {
        width: 33%;
    }
    .fceHeadlineElement .icon {
        width: 71px;
    }
    .fceHeadlineElement .headline {
        top: -22px;
    }
    .mobile {
        display: initial;
    }
    .nomobile {
        display: none;
    }
    div.csc-textpic .csc-textpic-imagewrap img {
        border: none;
        display: block;
        width: 100%;
        height: auto;
    }
    .dataNavigation #searchPublication, .dataNavigation #filterYear, .dataNavigation #filterDepartment {
        width: 100%;
    }
    .dataNavigation #filterYear {
        margin-bottom: 1em;
    }
    .fundingSelector label img {
        vertical-align: middle;
        max-height: none;
        padding: 0 10px 0 0;
    }
    .fcePublicationElement .publicationFunding img {
        vertical-align: middle;
    }

    .presseEcho DT {
      width: 100%;
    }

    .presseEcho DD {
      width: 100%;
      float: left;
      clear: both;
      margin: 0;
    }
    .frame-type-login form {
        width: 100%;
        margin-left: 0;
    }

    .frame-type-login input {
        font-size: 1.25em;
    }
}