/* DroidSerif */
@font-face {
    font-family: 'DroidSerif';
    src: url(../fonts/DroidSerif-Regular-webfont.eot);
    src: 
      url(../fonts/DroidSerif-Regular-webfont.woff) format('woff'),
      url(../fonts/DroidSerif.ttf) format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'DroidSerif';
    src: url(../fonts/DroidSerif-Bold-webfont.eot);
    src: 
      url(../fonts/DroidSerif-Bold-webfont.woff) format('woff'),
      url(../fonts/DroidSerif-Bold_0.ttf) format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'DroidSerif';
    src: url(../fonts/DroidSerif-Italic-webfont.eot);
    src: 
      url(../fonts/DroidSerif-Italic-webfont.woff) format('woff'),
      url(../fonts/DroidSerif-Italic_0.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'DroidSerif';
    src: url(../fonts/DroidSerif-BoldItalic-webfont.eot);
    src: 
      url(../fonts/DroidSerif-BoldItalic-webfont.woff) format('woff'),
      url(../fonts/DroidSerif-BoldItalic_0.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

  /* OpenSans */
@font-face {
    font-family: 'OpenSans';
    src: 
      url(../fonts/open-sans-v15-latin-regular.woff) format('woff'),
      url(../fonts/OpenSans-Regular.ttf) format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'OpenSans';
    src:  
      url(../fonts/open-sans-v15-latin-700.woff) format('woff'),
      url(../fonts/OpenSans-Bold.ttf) format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'OpenSans';
    src:   
      url(../fonts/open-sans-v15-latin-italic.woff) format('woff'),
      url(../fonts/OpenSans-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans';
    src:    
      url(../fonts/open-sans-v15-latin-700italic.woff) format('woff'),
      url(../fonts/OpenSans-BoldItalic.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

body {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    font-family: 'OpenSans',Arial, sansserif;
    font-size: 22px;
    line-height: 1.6em;
    color: #666666;
}

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

sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.6em;
}

sub { 
    top: 0.6em; 
}

p {
    margin: 0 0 20px 0;
}

a {
    text-decoration: none;
    color: #00ccff;
}

h1 {
    font-family: 'DroidSerif',Georgia,"Times New Roman",serif;
    font-size: 34px;
    color: #666666;
    padding: 0;
    margin: 40px 0;       
    font-weight: 400;
    line-height: 1.4em;
}

h1 .highlighted, h2 .highlighted {
    color: #b0182e; 
}


/* -- H1 Products -- */
h1.highlighted {
    color: #5285ad;
}

h2 {
    font-family: 'DroidSerif',Georgia,"Times New Roman",serif;
    font-size: 26px;
    color: #666666;
    padding: 0;
    margin: 20px 0;
    font-weight: 400;
    line-height: 1.4em;
}

.media header h2 {
    font-size: 34px;
}

h3 {
    font-family: 'DroidSerif',Georgia,"Times New Roman",serif;
    font-size: 24px;
    color: #666666;
    padding: 0;
    margin: 20px 0;
    font-weight: 400;
    line-height: 1.4em;
}

h1 + h2 {
    margin: -20px 0 40px;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.frame-type-div .ce-div {
    border: 0;
    border-bottom: 1px solid #c1d2e0;
    margin: 50px 0;
}

pre {
    font-family: 'DroidSerif',Georgia,"Times New Roman",serif;
    font-size: 26px;
    color: #666666;
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: 400;  
    /* white-space: initial; */
    white-space: normal;
}

.contenttable th {
    text-align: left !important;
    font-weight: 400;
    padding-bottom: 20px;

}

.tabelle .contenttable th {
    width: 20%;
}

.contenttable tr {
    vertical-align: top;
}

.ce-intext.ce-left .ce-gallery {
    margin-right: 5%;
}

.ce-intext.ce-right .ce-gallery {
    margin-left: 5%;
}

.ce-gallery figcaption {
    text-align: center;
}

* {
    outline: none;
}
/* -- Header -- */
.header {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 50px 0;
    padding: 0;
}

.oben {
    width: 100%;
    float: left;
    clear: both;
    padding: 20px 0 0 0;
    margin: 0;
    background: #FFFFFF;
    position: fixed;
    z-index: 10;
    box-shadow: 0 0 5px #AAA;
}

.oben > .rahmen {
    width: 90%;
    /*max-width: 1480px;*/
    margin: 0 auto;
}

.logo {
    width: 30%;
    float: left;
    margin: 0;
}

.logo .ce-gallery {
    margin: 0;
}

.logo img {
    height: auto;
}

.hauptnavi {
    width: 70%;
    float: right;
    margin: 80px 0 0px 0;
    padding: 0;
    font-size: 26px;
    text-align: right;
}

.hauptnavi ul {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hauptnavi ul li {
    display: inline-block;
    margin: 0 0 0 30px;
    padding: 0 0 30px 0;
}

.hauptnavi a {
    color: #6699cc;
    text-decoration: none;  
}

.hauptnavi li:hover a, .hauptnavi li.act a {
    color: #00ccff;
}

.hauptnavi ul li {
    position: relative;
}



.hauptnavi ul > li > .unavi {
    position: absolute;
    background: #FFFFFF;
    border-top: 3px solid #00ccff;
    padding: 10px 20px;
    text-align: left;
    top: 65px;
    left: 0;
    min-width: 265px;
    font-size: 22px;
    box-shadow: 0 1px 5px #AAA;
    display: none;
}

.hauptnavi ul > li.punkt3  > .unavi {
    min-width: 340px;
}

.hauptnavi ul > li.punkt2  > .unavi {
    min-width: 345px;
}

 .hauptnavi ul > li:last-child > .unavi  {
    left: auto;
    right: 0;
}

.hauptnavi ul li:hover .uonepage, .hauptnavi ul li:hover .unavi {
    display: block;
}

.hauptnavi ul li .unavi li  {
    display: block;
    margin: 5px 0;
    padding: 0;
    /*white-space: nowrap;*/
    float: left;
    clear: both;
}

.hauptnavi ul li .unavi li a {
    color: #6699cc;
}

.hauptnavi ul li .unavi li:hover a, .hauptnavi ul li .unavi li.act a {
    color: #00ccff;
}

.uunavi {
    width: 95% !important;
    float: left;
    clear: both;
    font-size: 20px;
    margin: 0 0 0 5% !important;
}

.uunavi li {
    margin: 0 !important;
}

.uunavi li a {
    color: #6699cc !important; 
}

.uunavi li:hover a, .uunavi li.act a {
    color: #00ccff  !important;
}

.sprachen {
    position: absolute;
    top: 10px;
    right: 5%;
    font-size: 16px;
    color: #666666;
}

.sprachen a {
    color: #666666;
    text-decoration: none;
    display: block;
}

.sprachen ul {
    /*width: 100%;*/
/* -- NEU: 2023-11-29 - wegen Suche -- */    
    width: auto;
    float: left;
    clear: none;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.sprachen ul li {
    display: inline-block;
    margin: 0 0 0 15px;
}

.sprachen span {
    padding: 0 0 0px 30px;
    height: 32px;
    display: block;  
}

.sprachen span.sp_global {
    background: url(../images/sprachen/global_flag_inactive.jpg) left 2px no-repeat;
}

.sprachen .spa_act span.sp_global {
    background: url(../images/sprachen/global_flag.jpg) left 2px no-repeat;
}

.sprachen span.sp_us {
    background: url(../images/sprachen/american_flag_inactive.jpg) left 2px no-repeat;
}

.sprachen .spa_act  span.sp_us {
    background: url(../images/sprachen/american_flag.jpg) left 2px no-repeat;
}

.sprachen span.sp_deutsch {
    background: url(../images/sprachen/germany_flag_inactive.jpg) left 2px no-repeat;
}

.sprachen .spa_act  span.sp_deutsch {
    background: url(../images/sprachen/germany_flag.jpg) left 2px no-repeat;
}

/* -- Headerbild -- */
.headerbild {
    width: 100%;
    float: left;
    clear: both;
    margin: 130px 0 0 0;
    padding: 0;
    /*max-height: 867px;*/
    max-height: 800px;
    overflow: hidden;
    position: relative;
}

.headerbild .ce-gallery, .headerbild .ce-gallery .ce-row, .headerbild .ce-gallery .ce-column, .headerbild .ce-gallery .image {
    margin: 0;
    width: 100%;
    float: left;
    clear: both;
    display: block;
}

.headerbild .ce-gallery .ce-row:first-child img {
    width: 100%;
    height: auto;
}

.headerbild .ce-bodytext {
    opacity: 0;
}

.headerslider .headertext {
    opacity: 1 !important;
}

.headertext {
    position: absolute;
    width: 100%;
    top: 15%;
    left: 0;
    opacity: 0;
    color: #FFFFFF;
    text-shadow: 0 0 3px rgba(102, 102, 102, 0.70);
    font-family: 'Droid Serif',Georgia,"Times New Roman",serif;
    font-size: 26px;
    line-height: 1.6em;
}

.headertext h3 {
    font-size: 42px;
    margin: 0 0 10px 0;
    padding: 0;
    color: #FFFFFF;
    font-style: italic;
    line-height: 1.4em;
}

.headertext a {
    color: #FFFFFF;
    text-decoration: underline;
}

.headertext > .rahmen {
    width: 90%;
    max-width: 950px;
    margin: 0 auto;
}

.headerbild .ce-bodytext a[title~="more"] {
    font-size: 26px;
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: inset 0 0 0 1px #FFFFFF;
    padding: 15px 20px;
    margin: 50px 0 0 0;
    display: inline-block;
}

.headertext .ce-bodytext {
    width: 100%;
    float: left;
    clear: both;
}

.headertext .ce-row {
    width: 50%;
    float: left;
}

.headertext .ce-row .ce-column, .headertext .ce-row .ce-column .image {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.headertext .ce-row .ce-column .image {
    width: 90%;
    text-align: right;
}

.headertext .ce-row .ce-column .image img {
    max-width: 100%;
    height: auto;
}

.headertext .ce-bodytext.zusatzbild {
    width: 50%;
    float: right;
    clear: none;
}

.headertext.moreimages .ce-row {
    width: 30.333%;
    margin: 0 3% 40px 0;
    padding: 10px 0;
    /*box-shadow: inset -1px -1px 0 #fff;*/
    display: inline-block;
    vertical-align: top;
    float: none;
}

.headertext.moreimages .ce-row a {
    text-decoration: none;
}

.headertext.moreimages .ce-row .ce-column .image {
    width: 100%;
    text-align: center;
}

.headertext.moreimages .ce-bodytext.zusatzbild {    
    width: 30.333%;
    display: inline-block;
    vertical-align: top;
    float: none;
}

.headertext.moreimages .rahmen {
    position: relative;
    margin-top: 40px;
}

.headertext.moreimages .ce-bodytext a[title~="more"] {
    margin: 0;
    position: absolute;
    display: inline-block;
    right: 9%;
    bottom: 130px;
}

.headerslider .owl-dots {
    position: absolute;
    left: 0;
    bottom: 100px;
    text-align: center;
    width: 100%;
}

.headerslider .owl-dots .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    margin: 0 3px;
    border-radius: 100%;
    opacity: 0.6;
}

.headerslider .owl-dots .owl-dot.active {
    opacity: 1;
}

.nachunten {
    position: absolute;
    bottom: 30px;
    left: 5%;
    width: 60px;
    height: 30px;
    display: block;
    cursor: pointer;
    background: url(../images/nachunten.png) left top no-repeat;
    background-size: 100% auto;
    z-index: 5;
}

/* -- Inhalt -- */
.inhaltsbereich {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.inhaltsbereich > div > .rahmen, .onepageinhalt .bereiche > div > .rahmen {
    width: 90%;
    max-width: 1220px;
    margin: 0 auto;
}


.onepageinhaltfaq > .rahmen, .onepageinhalt.produkte > .rahmen {
    width: 90%;
    margin: 0 auto;
}

.inhaltsbereich img {
    max-width: 100%;
    height: auto;
}

.inhaltsbereich .ce-bodytext a[title~="more"], .inhaltsbereich .cn_multicontent_teaser a[title~="more"],
.news-single a[title~="more"] {
    font-family: 'DroidSerif',Georgia,"Times New Roman",serif;
    font-size: 26px;
    color: #666666;
    text-decoration: none;
    box-shadow: inset 0 0 0 1px #666666;
    padding: 15px 20px;
    margin: 50px 0 0 0;
    display: inline-block;
}


.onepageinhalt .bereiche {
    width: 100%;
    float: left;
    clear: both;
    margin: 25px 0;
    padding: 0 0 50px 0;
    position: relative;
}

.onepageinhalt .bereiche::after {
    content: '';
    position: absolute;
    display: block;
    width: 1400px;
    height: 1px;
    background: #c1d2e0;
    left: 50%;
    margin-left: -700px;
    bottom: 0;
}

.onepageinhalt .bereiche:last-child::after {
    display: none;
}


.inhaltsbereich ul {
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

.inhaltsbereich ul li {
    background: url(../images/bullet_red.png) left top no-repeat;
    /*background-size: 30px auto; */
    background-size: 40px auto; 
    /*padding: 0 0 5px 40px;*/
    padding: 0 0 5px 50px;
    margin: 0 0 10px 0;
}

/* -- Footer -- */
.footer {
    width: 100%;
    float: left;
    clear: both;
    margin: 100px 0 0 0;
    padding: 0;
    background: #41748d;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1.6em;
}

.footer .footerinhalt > div > .rahmen, .footer .footercopyright > div > .rahmen {
    max-width: 950px; 
    width: 90%;
    margin: 0 auto;
}

.footer a {
    color: #FFFFFF;
    text-decoration: none;
}

.footerinhalt {
    width: 100%;
    float: left;
    clear: both;
    padding: 100px 0;
    margin: 0;   
}

.footerinhalt ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
    clear: both;
}

.footerinhalt ul li {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    clear: both;
}

.footercopyright {
    width: 100%;
    float: left;
    clear: both;
    padding: 20px 0;  
    background: #56819a;
    text-align: center;
}

/* -- NEU: 2023-10-27 -- */
.footercopyright > .frame {
    display: inline-block;
    vertical-align: top;
    float: none;
    clear: none;
    width: auto;
    text-align: left;
}

.footer .footercopyright > div.frame > .rahmen  {
    width: 100%;
    margin: 0;
}


/* -- Cookies -- */
#cookie-bar {  
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;  
    color: #fff;  
    text-align: left;
    font-size: 11px;
    font-weight: 400;
    font-family: arial;
    line-height: 1.4em;
    display: none;
}

#cookie-bar.fixed {
    position: fixed;
    bottom: 0px;
    right: 0;
    width: auto;
    max-width: 280px;
    padding: 7px 10px;
    z-index: 99;
}

#cookie-bar.fixed.bottom {
    bottom: 0;
    top: auto;
}

#cookie-bar p {
    margin: 0; 
    padding: 0; 
}

#cookie-bar a {
    color: #eeeeee;
    text-decoration: underline;
}
#cookie-bar a.cb-enable {  
    color: #eee;  
    display: inline-block;  
    border-radius: 3px;  
    text-decoration: none;  
    padding: 3px 10px;  
    margin: 7px 0 0 0; 
    font-weight: 700;
    background: rgba(0, 0, 0, 0.6);  
    cursor: pointer;
    box-shadow: 0 0 1px rgba(255,255,255,0.4);
}

#cookie-bar .cb-enable {  
    margin-left: 10px;
} 
/* -- Cookies -- */

/* -- News -- */
.news {
    width: 100%;
    float: left;
    clear: both;
    padding: 0;
    margin: 0;
}

.news .article:after {
    display: none !important;
}

/* Press Release */
.news-latest-container, .news-list-container, .news-list2-container {
    width: 100%;
    float: left;
    clear: both;
    padding: 0;
    margin: 0;  
    opacity: 0;
}

.news-latest-container .article, .news-list-container .article, .news-list2-container .article {
    width: 30%;
    float: left;
    margin: 0 1.5% 30px 1.5%;
    padding: 0;
    box-shadow: inset -1px -1px 0 1px  #c1d1e0;
}

.news-latest-container .news-text, .news-list-container .news-text, .news-list2-container .news-text {
    /*box-shadow: inset -1px -1px 0 1px  #c1d1e0;*/
    padding: 20px 8% 20px 8%;
    width: 84%;
    float: left;
    clear: both;
}

.news-latest-container .news-date, .news-list-container .news-date, .news-list2-container .news-date {
    color: #b0182e; 
    font-size: 18px;
    font-family: 'DroidSerif',Georgia,"Times New Roman",serif;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.news-latest-container h2, .news-list-container h2, .news-list2-container h2 {
    font-size: 26px;
    color: #666666;
    margin: 0;
    padding: 0;
}

.news-latest-container a, .news-list-container a, .news-list2-container a {
    color: #666666;
    transition: all 0.2s ease;	
}

.news-latest-container .article:hover a, .news-list-container .article:hover a, .news-list2-container .article:hover a {
    color: #00ccff;
}

.news-list-container .newsbilderheader, .news-list2-container .newsbilderheader {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 20px 0;
    position: relative;
}



.newsbilderheader .news-img-wrap {
    width: 100%;
    float: left;
    clear: both !important;
    margin: 0 !important;

    box-shadow:  0 0 0 1px #c1d1e0;
    position: relative;
}

.news-list-container .newsbilderheader .news-img-wrap {
    max-height: 250px;
    overflow: hidden;
}

.mediabox .news-list-container .newsbilderheader .news-img-wrap {
    max-height: none;
    overflow: initial;
}

.newsbilderheader::after {
    content: '';
    display: block;
    background: #FFFFFF;
    position: absolute;
    bottom: -21px;
    left: 0;
    right: 0;
    height: 20px;
}

.news .article .newsbilderheader .news-img-wrap a {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 0 !important;
    height: 250px;
    overflow: hidden;
}

.news .news-list-container .article .newsbilderheader .news-img-wrap a {
    height: auto;
    overflow: initial;
}

.newsbilderheader .mediaelement, .newsbilderheader .mediaelement-video {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    position: relative;
}

.newsbilderheader .mediaelement iframe {
    border: 0;
    width: 100%;
    height: 210px;
    display: block;
}
/*
.newsbilderheader .mediaelement::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}*/

.newsbilderheader .mediaelement-video a {
    position: absolute !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 225px !important;
    z-index: 10;
    background: none !important;

}

.news .videoiframelink {
    display: none !important;
   height: 0 !important;
}

.news-list-container .news_zusatzcontent {
    margin: 0 !important;
}

.news-list2-container .no-media-element {
    width: 100%;
    height: 250px;
    overflow: hidden;
    background: url(../../user_upload/News_Dummybilder/thumb_publications.jpg) left top no-repeat;
    display: block;
    background-size: 100% auto;
}

.mediabox .col-33:first-child .no-media-element {
    background: url(../../user_upload/News_Dummybilder/thumb_pressrelease.jpg) left top no-repeat;
}

.mediabox .col-33:last-child .newsbilderheader {
    max-height: 248px;
    overflow: hidden;
}

.mediabox .col-33:last-child .newsbilderheader img {
    width: 100% !important;
    height: auto !important;
}



.news-single .news-related.news-related-files {
    width: 100%;
    float: left;
    clear: both;
    margin: 20px 0 40px 0;
    padding: 0;
    border: 0;
}

.news-single .news-related.news-related-files ul li {
    background-position: left top;
    padding: 0 0 18px 40px;
}

.news-single .news-related-files-size {
    display: none;
}

.news-single .news-related-files-link {
    border-right: 0;
    display: block;
    margin-right: 0;
    padding-right: 0;
    color: inherit;
}

.news-single .article {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.news-single .news-img-wrap {
    width: 100% !important;
    float: left !important;
    clear: both !important;
    margin: 20px 0 !important;
}

.news-single .outer {
    width: 32%;
    display: inline-block;
    margin: 0 1% 10px 0;
}

.news-single .outer .mediaelement.mediaelement-image {
    width: 100%;
    float: left;
    clear: both;
    padding: 0;
    box-shadow: 0 0 0 1px #c1d1e0;
}

.news-single .news-img-wrap a {
    display: block;
    float: left !important;
    clear: both !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
}

.news-single .news-img-wrap img {
    display: block;
}

.news-single .mediaelement-video {
    position: relative;
    overflow: hidden;
}

.news-single .mediaelement-video iframe {
    border: 0;
    display: block;
    width: 100%;
}
.news-single .mediaelement-video a  {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.presscontacts {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.news-single .header {
    margin: 0;
    width: 100%;
    float: left;
    clear: both;
    padding: 0;
}

.news-single .news-list-date {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    color: #b0182e; 
    font-size: 18px;
    font-family: 'DroidSerif',Georgia,"Times New Roman",serif;
    font-weight: 700;
}

.news-single h1 {
    margin: 0 0 30px 0;
    line-height: 1.4em;
}

.news-single .article .teaser-text {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 26px;
    font-family: 'DroidSerif',Georgia,"Times New Roman",serif;
    color: #666666;
    line-height: 1.4em;
}

.news-single .teaser-text p {
    margin: 0;
}

.news-single .news-text-wrap {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 30px 0;
    padding: 0; 
}

.news-single h4 {
    margin: 20px 0;
    font-size: 22px;
    font-weight: 700;
}

.news_zusatzcontent {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 30px 0;
    padding: 0;    
}

.news-single .news-backlink-wrap {
    width: 100%;
    float: left;
    clear: both;
    margin: 30px 0 0 0;
    padding: 0;
}

.news-single .news-backlink-wrap a {
    font-family: 'DroidSerif',Georgia,"Times New Roman",serif;
    font-size: 26px;
    color: #00ccff;
    text-decoration: none;
    box-shadow: 0 0 0 1px #00ccff;
    padding: 15px 20px;
    margin: 0;
    display: inline-block;
}


.news .no-news-found {
    color: #b0182e;
}
/* -- Accordion -- */
.ui-accordion {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.ui-accordion-header {
    margin: 0 0 2px 0;
    padding: 5px 2% 5px 3%;
    font-size: 22px;
    width: 94%;
    float: left;
    clear: both;
    position: relative;
    font-family: 'OpenSans',Arial, sansserif;
}

.ui-accordion-header a {
    color: #666666;
}

.ui-accordion-header-active a {
    color: #00ccff;
}

.ui-accordion-header-icon {
    background: url(../images/icon_plus_grey.png) left top no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
}

.ui-accordion-header-active .ui-accordion-header-icon {
    background: url(../images/icon_minus_blue.png) left top no-repeat;    
}

.ui-accordion-content {
    width: 90%;
    float: left;
    clear: both;
    margin: 0;
    padding: 10px 5%;  
}

/* -- Rahmen -- */
.bg_atoms {
    padding: 30px 0;
    background: url(../images/atoms2-copy.png) left top no-repeat;
    background-size: 100% auto;
   /*  background-attachment: fixed;  */
}

.ueberschriftrot h1, .ueberschriftrot h2 {
    color: #b0182e; 
    font-size: 34px;
    margin: 30px 0;
}

.ueberschriftrot h1 .highlighted, .ueberschriftrot h2 .highlighted{
    color: #666666; 
}

.ueberschriftrot h3 {
    color: #5285ad; 
    margin: 20px 0;
    font-size: 34px;
}

.ueberschriftrot a {
    color: #5285ad; 
}

.ueberschriftrot .ce-textpic {
    margin: 20px 5% 30px 5%;
    width: 90%;
    box-shadow: inset -1px -1px 0 1px  #c1d1e0;
}

/* -- Weg auf Wunsch von Frau Hertlein 04..03.2019 -- 
.ueberschriftrot .row:last-child .col-33:last-child {
    position: relative;
}

.ueberschriftrot .row:last-child .col-33:last-child .ce-textpic {
    box-shadow: none;
    position: absolute;
    left: 0;
    bottom: 0;
}*/

.ueberschriftrot .row:last-child .col-33:last-child .ce-textpic a[title~="more"] {
    font-family: 'DroidSerif',Georgia,"Times New Roman",serif;
    font-size: 26px;
    color: #00ccff;
    text-decoration: none;
    box-shadow: 0 0 0 1px #00ccff;
    padding: 15px 20px;
    margin: 50px 0 0 0;
    display: inline-block;
}

.iconmenue .cn_multicontent_teaser {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 50px 0;
}

.iconmenue h3 {
    font-size: 26px;
    color: #5285ad;
    /* im Layoutist diese Farbe hinterlegt */
    color: #669999;
}

.iconmenue a {
    color: #5285ad;
    /* im Layoutist diese Farbe hinterlegt */
    color: #669999;  
}

.iconmenue .image-caption {
    text-align: center;
    margin-top: 20px;
    display: block;
}

.bg_weltkarte {
    padding: 50px 0;
    background: url(../images/map2.png) left top no-repeat;
    background-size: 100% auto; 
}

.bereiche > .default + .bg_weltkarte {
    padding: 0;

}


.kleinertext {
    font-size: 12px;
    line-height: 1.4em;
}

.kleinertext h3 {
    color: #054f89;
    font-size: 48px;
    font-weight: 700;
    margin: 20px 0;
    line-height: 1.4em;
}

.kleinertextgrau {
    font-size: 12px;
    line-height: 1.2em;
    color: #838182;
}

.contactperson > .rahmen > div {
    width: 48%;
    float: left;
    clear: none;
    box-shadow: inset -1px -1px 0 1px  #c1d1e0;
    margin: 20px 0;
}

.contactperson > .rahmen > div:nth-of-type(even) {
     float: right;
}

.contactperson > .rahmen > div .ce-textpic {
    margin: 0 0 30px 0;
}

.contactperson > .rahmen > div .ce-gallery {
    margin-bottom: 0;
    width: 27%;
    max-width: 155px;
}

.contactperson > .rahmen > div .ce-gallery img {
    max-width: 100%;
    height: auto;    
}

.contactperson > .rahmen > div .ce-bodytext {
    width: 68%;
    margin-top: 50px;
}

.contactperson > .rahmen > div .ce-bodytext h3 {
    font-size: 18px;
    font-weight: 700;
    color: #b0182e;
    margin: 0;
    padding: 0;
}

.contactperson > .rahmen > div .ce-bodytext {
    font-family: 'DroidSerif',Georgia,"Times New Roman",serif; 
}

.contactperson > .rahmen > div .ce-bodytext a {
    color: #666666;
}

.milestoneslider > .rahmen > .sliderbox {
    width: 86%;
    padding: 0 7%;
    float: left;
    clear: both;
    position: relative;

}

.milestoneslider > .rahmen .frame {
    opacity: 0;
}

.milestoneslider .owl-nav.disabled {
    display: block;
}

.milestoneslider .owl-prev, .milestoneslider .owl-next {
    position: absolute;
    top: 90px;
    left: 0;
    background: url(../images/owl-prev.png) left top no-repeat;
    width: 32px;
    height: 61px;
    overflow: hidden;
    text-indent: -999px;
}

.milestoneslider .owl-next {
    background: url(../images/owl-next.png) left top no-repeat;
    left: auto;
    right: 0;
}

.milestoneslider h3 {
    font-size: 14px;
    margin: 0;
    color: #b0182e;
    font-weight: 700;
}

.milestoneslider {
    font-size: 20px;
}

.milestoneslider .center {
    /*  font-size: 26px; */
    box-shadow: inset 0 0 250px #c1d1e0;
}
/*
.milestoneslider .center h3 {
    font-size: 18px;
}
*/
.milestoneslider .sliderbox .rahmen {
    width: 90%;
    padding: 20px 5%;
    box-shadow: inset -1px -1px 0 1px #c1d1e0;
    min-height: 250px;
}

.contactbox .col-33 {
    box-shadow: inset -1px -1px 0 1px #c1d1e0;
    width: 31% !important;    
}

.contactbox .col-33:nth-child(3n+2) {
    margin: 0 3%;
}

.contactbox a {
    color: #666666;
}

.contactbox .frame > .rahmen {
    width: 96%;
    padding: 0 2%;
}

.leadership .ce-textpic {
    box-shadow: inset -1px -1px 0 1px #c1d1e0;
    width: 90%;
    padding: 20px 5%;
}

.leadership .ce-textpic h2 {
    margin: 0 0 20px 0;
    line-height: 1.4em;
}

.leadership .ce-bodytext, .zitatbox .ce-bodytext {
    margin-top: 50px;
}

.leadership .ce-textpic h3, .zitatbox .ce-textpic h3 {
    margin: 0;
    color: #b0182e;
    line-height: 1.4em;
    font-weight: 700;
}

.zitatbox h2 {
    font-size: 22px;
}

.zitatbox .ce-textpic {
    width: 100%;
    padding: 0;
}
/* -- GoogleMaps --*/
.googlemapskarte {
    text-align: center;
}

/* -- FAQ -- */
.onepageinhaltfaq > .rahmen, .onepageinhalt.produkte > .rahmen {
    position: relative;
}

.faqnavi {
    width: 20%;
   position: absolute;
   left: 0;
   top: 0;
}

.faqnavi.fixed {
    position: fixed;
    left: 5%;
    top: 157px;

}

.onepageinhaltfaq .faqnavi.fixed {
    background: #FFFFFF;
    z-index: 5;
    padding-bottom: 10px;
    top: 125px;
}

.faqnaviheader {
    font-size: 22px;
    color: #00ccff;
    margin: 0px;
}

.onepageinhaltfaq .onav_faq {
    margin: 0;
}

.onepageinhaltfaq .onav_faq li {
    background: none;
    margin: 0;
    padding: 0 0 0 20px;
}

.oneproduktenavi {
    margin: 0 0 20px 0 !important;
}

.produktenavi li {
    /*background: url(../images/icon_plus_grey.png) left 14px no-repeat !important;*/
    background: url(../images/icon_plus_grey.png) left 9px no-repeat !important;
    margin: 0 !important;
    padding: 0 0 0 30px !important;
}

.produktenavi li.opact {
    /*background: url(../images/icon_minus_blue.png) left 14px no-repeat !important;*/
    background: url(../images/icon_minus_blue.png) left 9px no-repeat !important;
}

.produktenavi li ul li {
    background: none !important;
}

.produktenavi li a {
    color: #666666;
}

.produktenavi li.opact a {
    color: #00ccff;
}

.produktenavi li ul li a, .produktenavi li.opact ul li a {
    color: #666666; 
}


.onepageinhaltfaq .onav_faq li a {
    color: #666666;
}

.onepageinhaltfaq .onav_faq li.act a {
    color: #00ccff; 
}

.faqinhalt {
    width: 77%;
    float: left;
    max-width: 1100px;
    margin: 0 0 0 23%;
}

.onepageinhaltfaq .bereiche::after {
    display: none;
}

.onepageinhaltfaq .faqinhalt > .bereiche:first-child {
    margin: 0 0 25px 0;
}

.onepageinhaltfaq .faqinhalt > .bereiche > .rahmen {
    width: 100%;
    max-width: none;
    margin: 0;
}

/* -- NEU: 2022-07-07 - Bereinigung Rahmen - graubg nicht in Verwendung --*/
/*
.graubg .col-50 {
    width: 45% !important;
}*/

/*.graubg .col-50:last-child, .graubg .col-33:last-child, */
.pressekontakt .col-33:last-child {
    float: right;
}

/*.graubg .col-50 .rahmen, .graubg .col-33 .rahmen, */
.pressekontakt .col-33 > .frame > .rahmen, .pressekontakt .col-66 > .frame >.rahmen {
    background: #ededed;
    width: 80%;
    padding: 50px 10% 10px 10%;
    box-shadow: inset -1px -1px 0 1px #c1d1e0;
    min-height: 150px;
}

.pressekontakt .col-33 > .frame > .rahmen, .pressekontakt .col-66 > .frame >.rahmen {
    float: left;
    clear: both;
}

.pressekontakt .col-66 > .frame > .rahmen {
    background: none;
    padding-top: 20px;
}

/*.graubg .col-50 .rahmen h3, .graubg .col-33 .rahmen h3, */
.pressekontakt .col-33 .rahmen h3, .pressekontakt .col-66 .rahmen h3 {
    color: #b0182e;
    font-size: 18px;
    font-family: 'DroidSerif',Georgia,"Times New Roman",serif;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

/*.graubg .col-50 .rahmen a, .graubg .col-33 .rahmen a, */
.pressekontakt .col-33 .rahmen a, .pressekontakt .col-66 .rahmen a {
    color: #666666;
}

.pressekontakt {
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.pressekontakt .col-66 > .frame.frame-type-textmedia > .rahmen .ce-bodytext,
.pressekontakt .col-66 > .frame.frame-type-shortcut > .rahmen > .frame:first-of-type {
    margin-top: 30px;
}



.mediabox header h2 a {
    color: #5285ad;
    font-size: 26px;
}

.mediabox .tx_cn-columns .row .col-33 {
    width: 30%;
    margin: 0 1.5%;
}

.mediabox .news-latest-container .article, .mediabox .news-list-container .article, .mediabox .news-list2-container .article {
    width: 100%;
    margin: 0;
    height: auto !important;
}

.mediabox .news-list-container .news-text, .mediabox .news-list2-container .news-text  {
    min-height: 266px !important;
} 

.mediabox-article {
    box-shadow: inset -1px -1px 0 1px #c1d1e0;
}

.mediabox .article {
    box-shadow: none !important;
}

.mediabox .row > div .frame {
    border-bottom: 2px solid #c1d1e0;
    height: 100%;
    position: relative;
}

.mediabox .row > div .frame::after {
    content: '';
    display: block;
    width: 2px;
    height: 40%;
    min-height: 40px;
    max-width: 100px;
    background-color: #c1d1e0;
    position: absolute;
    bottom: 0;
    right: 0;
}

.mediabox .news-list-container .news-text, .mediabox .news-list2-container .news-text {
    width: calc(84% - 2px);
    border-right: 2px solid #c1d1e0;
}

/* -- Mobile Navi -- */
.mob_button span::after, .mob_button span::before {
    transform: translateZ(0px); 
}

.mob_button {
	width: 45px;
	height: 45px;
	display: none;
	background: #b0182e;
	cursor: pointer;
	white-space: nowrap;
	margin: 0;
	border-radius: 50%;
	position: absolute;
	top: 50px;
	right: 5%; 
}

.mob_button span {
    background-color: #FFFFFF;
    height: 3px;
    left: 10px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    transition: background-color 0.3s ease 0.3s;
    width: 25px;
}

.mob_button span::after, .mob_button span::before {
    backface-visibility: hidden;
    background-color: #FFFFFF;
    content: "";
    height: 3px;
    position: absolute;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0.3s;
    width: 100%;
    display: block;
}

.mob_button span::before {
    transform: translateY(-8px);
}

.mob_button span::after {
	transform: translateY(8px);
}

.mobnavvisible.mob_button span {
	background-color: #b0182e;
}

.mobnavvisible.mob_button span::before {
	transform: translateY(0px) rotate(-45deg);
}

.mobnavvisible.mob_button span::after {
	transform: translateY(0px) rotate(45deg);
}

.mobnavi {
    width: 90% !important;
    background: #FFFFFF;
    padding: 10px 5% !important;
    position: absolute;
    left: 0;
    top: auto;
    display: none;
    z-index: 6;
    box-shadow: 0 0 5px #AAA;
    font-size: 24px;
}

.mobnavi > ul.monav {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobnavi > ul.monav li {
    float: left;
    margin: 0 10px;
}

.mobnavi > ul.monav li a {
    color: #6699cc;
} 

.mobnavi > ul.monav li.act a {
    color: #00ccff;
} 

.mounav {
    width: 100%;
    float: left;
    clear: both;
    margin: 10px 0;
    padding: 10px 0 0 0;
    list-style: none;   
    border-top: 1px solid #efefef;
    font-size: 20px;
}

ul.mounav li {
    float: left;
    margin: 0 10px;
}

.mounav li a {
    color: #6699cc;
} 

.mounav li.act a {
    color: #00ccff;
} 

.mouunav {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;   
    border-top: 1px solid #efefef;
    font-size: 18px;
}

ul.mouunav li {
    float: left;
    margin: 0 10px;
}

.mouunav li a {
    color: #6699cc;
} 

.mouunav li.act a {
    color: #00ccff;
} 

.reps_box .ce-gallery {
    width: 100%;
    float: left;
    clear: both;
    margin: 10px 0 0 0 !important;
}

.resp_box .ce-bodytext {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
}

.tabrespbox {
    width: 100%;
    overflow: auto;
    margin: 0 0 30px 0;
    position: relative;
}

.tabrespbox table {
    width: 1200px !important;
    background: #f7f7f7;
}

.ce-textpic a[title~="more"], .cn_multicontent_teaser a[title~="more"],
.news-single a[title~="more"] {
    transition: all 0.2s ease;
    position: relative;	
}

.headerbild .ce-textpic a[title~="more"]:hover, .ueberschriftrot .row:last-child .col-33:last-child .ce-textpic a[title~="more"]:hover {
    background: rgba(255,255,255,0.1);
    padding-right: 50px;
}
 
.inhaltsbereich .ce-bodytext a[title~="more"]:hover, .inhaltsbereich .cn_multicontent_teaser a[title~="more"]:hover,
.news-single a[title~="more"]:hover {
    background: rgba(102, 102, 102,0.05);
    padding-right: 50px;
}



.headerbild .ce-textpic a[title~="more"]::after, 
.inhaltsbereich .ce-bodytext a[title~="more"]::after, 
.inhaltsbereich .cn_multicontent_teaser a[title~="more"]::after, 
.ueberschriftrot .row:last-child .col-33:last-child .ce-textpic a[title~="more"]:after,
.news-single a[title~="more"]::after {
    content: '';
    display: none;
    position: absolute;
    width: 15px;
    height: 30px;
    background: url(../images/morelink.png) left top no-repeat;
    background-size: 100% auto;
    top: 50%;
    right: 15px;
    margin-top: -15px;
}

.headerbild .ce-textpic a[title~="more"]:hover::after, 
.inhaltsbereich .ce-bodytext a[title~="more"]:hover::after, 
.inhaltsbereich .cn_multicontent_teaser a[title~="more"]:hover::after, 
.ueberschriftrot .row:last-child .col-33:last-child .ce-textpic a[title~="more"]:hover::after,
.news-single a[title~="more"]:hover::after {
    display: block;
}


.inhaltsbereich .ce-bodytext a[title~="more"]::after, 
.inhaltsbereich .cn_multicontent_teaser a[title~="more"]::after, 
.inhaltsbereich .ce-bodytext a[title~="more"]::after, 
.inhaltsbereich .cn_multicontent_teaser a[title~="more"]::after,
.news-single a[title~="more"]::after {
    background: url(../images/morelinkgrau.png) left top no-repeat;
}

.ueberschriftrot .row:last-child .col-33:last-child .ce-textpic a[title~="more"]::after {
    background: url(../images/morelinktuerkis.png) left top no-repeat;
}


.headertext.moreimages .image img, .ueberschriftrot .image img, .iconmenue img {
    transition: all .5s ease-in-out; 
    transform: scale(1); 
}

.headertext.moreimages .image:hover img, .ueberschriftrot .image:hover img, .iconmenue .image:hover img {
    transform: scale(0.8); 
}


.inhaltsbereich .tx_cn-multicontent h3 a i {
    position: relative;
    padding-right: 16px;
    margin-right: 2px;
    display: inline-block;
}



.inhaltsbereich .tx_cn-multicontent h3 a i + i:nth-child(3) {
    padding-right: 0;
}

.inhaltsbereich .tx_cn-multicontent h3 a i sup {
    position: absolute;
    top: -4px;
    right: 0;
}

a[href^="tel"] {
    color: #666666 !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
  }

.textprojekte sub {
    font-size: 14px;
    margin: 0;
    line-height: 1.6em;
    display: block;
}

/* -- Neu: 02.04.2019 -- */
.inhaltsbereich .ce-gallery .video .video-embed {
    position: relative;
}

/* -- NEU: 2020-09-15 - Youtube-Videos mit 2 Klicklösung -- */
.inhaltsbereich .ce-gallery .video .video-embed .videoiframelink {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
}

.inhaltsbereich .ce-gallery .video .video-embed .giveconsent.show + iframe + .videoiframelink {
    display: none;
}

.inhaltsbereich .ce-gallery .video .video-embed .giveconsent.show, .inhaltsbereich .ce-gallery .video .video-embed + .video-caption {
    max-width: 440px;
    width: 100%;
    display: block;
}


.inhaltsbereich .ce-gallery .video .video-embed .giveconsent.show {
    position: relative;
    z-index: 1;
}

.inhaltsbereich .ce-gallery .video .video-embed .giveconsent + iframe + .videoiframelink {
    display: block;
}

/* -- NEU: 10.02.2020 -- */
.ce-column.video-column .video {
    margin-bottom: 40px;
    display: block;
    width: 100%;
}

.ce-column.video-column .video-embed {
    margin-right: 40px;
    max-width: 440px;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.ce-column.video-column .video-embed iframe {
    width: 100%;
    max-width: 440px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}



.ce-gallery figcaption.video-caption {
    font-size: 16px;
    line-height: 1.2em;
    text-align: left;
}

/* -- NEU: 2020-09-15 - CookieMan eingebunden - 2 Klicklösung iframes -- */
/*~ Media Consent ~*/
.giveconsent {
	display: none;
}

.giveconsent.show {
	display: block;
	float: left;
	clear: both;
	width: 100%;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 1.4em;
}

.giveconsent.show p {
	float: left;
	clear: both;
	width: 100%;
}

.mediaconsent {
	display: inline-block;
	padding: 7px 10px;
	background: rgba(0,0,0,0.2);
	cursor: pointer;
	float: left;
	clear: both;
}

iframe[data-src] {
	background: rgba(0,0,0,0.2);
}

/* -- NEU: 2020-11-19 - Zwischenlösung: Service bei US und deutsch, damit die Navi wieder passt --*/
.hauptnavi ul li:nth-child(3) a[title="Zwischenlösung"] {
    display: none !important;
}


/* -- NEU: 2020-12-09 - Call to action Buttons in pink -- */
.inhaltsbereich .button_farbig a[title~="more"] {
    font-family: 'DroidSerif',Georgia,"Times New Roman",serif;
    font-size: 26px;
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: none;
    padding: 15px 20px;
    margin: 50px 0 0 0;
    display: inline-block;  
    background: #b0182e;
}

.inhaltsbereich .button_farbig a[title~="more"]:hover {
    background: #00ccff;
    padding-right: 20px;
    color: #FFFFFF
}

.inhaltsbereich .button_farbig a[title~="more"]:hover::after {
    display: none;
}

/* -- NEU: 2021-03-16 - Landingpage neues Layout -- */
.header.landingpage .oben {
    padding: 10px 0;
}

.header.landingpage .oben .logo img {
    width: 227px !important;
    height: auto !important;
}

.headerbildlandingpage {
    margin: 102px 0 0 0;
    max-height: 400px;
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    overflow: hidden;
}

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

.headerbildlandingpage .frame > .rahmen {
    width: 90%;
    max-width: 1480px;
    margin: 0 auto;
}

.headerbildlandingpage .frame .ce-textpic,
.headerbildlandingpage .frame .ce-gallery,
.headerbildlandingpage .frame .ce-row
.headerbildlandingpage .frame .ce-column,
.headerbildlandingpage .frame .image {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    display: block;
}

.headerbildlandingpage .frame .image img {
    max-width: 100%;
    height: auto;
}

.headerbildlandingpage .frame .ce-bodytext {
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    background-color: rgba(65,116,141,0.8);
    color: #FFFFFF;
    padding: 40px 0;
}

.headerbildlandingpage .frame .ce-bodytext > * {
    color: #FFFFFF;
    max-width: 1400px;
    margin: 0 auto;
}

.headerbildlandingpage .frame .ce-bodytext > h1 {
    margin-bottom: 20px;
}

.inhaltsbereich.landingpage {
    min-height: 250px;
}


.inhaltsbereich.landingpage .textblau  {
    color: #336799;
}

.footer.landingpage {
    margin-top: 50px;
    color: #6699cc;
    text-align: center;
    padding: 20px 0;
    background: none;
}

.footer.landingpage a {
    color: #6699cc;
    text-decoration: none;
}

.footer.landingpage > .frame {
    width: auto;
    float: none;
    clear: none;
    display: inline-block;
    vertical-align: top;

}

.footer.landingpage > .frame ul {
    margin: 0 5px 0 0;
    padding: 0;
    width: auto;
    list-style: none;
}

.footer.landingpage > .frame ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    padding: 0 5px;
    position: relative;
}

.footer.landingpage > .frame ul li::after {
    content: '|';
    display: block;
    width: auto;
    height: 100%;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
}

/* -- Aufzählung Haken -- */
.inhaltsbereich .aufzaehlunghaken .ce-bodytext ul li {
    background: url(../images/haekchen.png) left 3px no-repeat;
    background-size: 27px auto;
    padding: 0 0 0 33px;
    margin: 0 0 5px 0;
}

/*~ Publications-News ~*/
.news-list4-container,
.news-list4-container .article,
.news-list4-container .news-text,
.news-list4-container .news-text > div,
.news-list4-container .headline h2,
.news-list4-container .news-inhalt {
    float: left;
    clear: both;
    width: 100%;
}

.news-list4-container .article {
    margin-bottom: 20px;
    padding-bottom: 30px !important;
    border-bottom: 2px solid #b0182e;
}

.news-list4-container .news-date {
    color: #AAA;
    font-style: italic;
    font-size: 16px;
}

.news-list4-container .tags {
    margin: 5px 0 0 0;
}

.news-list4-container .tags p {
    margin: 0 10px 10px 0;
    padding: 5px;
    background: #f7f7f7;
    border-radius: 3px;
    float: left;
    clear: none;
    display: inline-block;
    font-size: 16px;
    line-height: 1em;
    transition: 0.3s;
}

.news-list4-container .tags p:hover {
    color: #FFF;
    background: #b0182e;
}

.news-list4-container .headline h2 {
    margin: 0 0 20px;
}

.news-list4-container .news-inhalt a {
    padding-left: 45px;
    position: relative;
    float: left;
    clear: both;
    width: calc(100% - 45px);
}

.news-list4-container .news-inhalt a::before,
.news-list4-container .news-inhalt a::after {
    content: '';
    position: absolute;
    left: 0;
}

.news-list4-container .news-inhalt a::before {
    top: 0;
    width: 35px;
    height: 35px;
    background: #00ccff;
    border-radius: 50%;
}

.news-list4-container .news-inhalt a::after {
    content: 'PDF';
    font-size: 8px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    width: 35px;
}

/*~ News-Fitler ~*/
.news-filter .news-categorys {
    float: left;
    clear: none;
    width: 25%;
    margin-right: 5%;
}

.news-filter .frame-type-list {
    float: left;
    clear: none;
    width: 70%;
}

.news-categorys .ce-bodytext {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 10px;
}

.news-categorys .ce-bodytext ul {
    margin: 0 0 0 0;
    float: left;
    clear: both;
    width: 100%;
}

.news-categorys .ce-bodytext ul li {
    float: left;
    clear: none;
    background: #f7f7f7;
    padding: 5px 10px;
    margin: 0 10px 10px 0;
    display: inline-block;
    cursor: pointer;
    transition: 0.3s;
}

.news-categorys .ce-bodytext ul li.filterall {
    display: none;
    height: 45px;
    width: 45px;
    text-indent: -999999px;
    background: #00ccff;
    position: relative;
    padding: 0;
    /* border-radius: 50%; */
}

.news-categorys .ce-bodytext ul li.filterall::before,
.news-categorys .ce-bodytext ul li.filterall::after {
    content: '';
    background: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    transform-origin: center;
    margin: -2px 0 0 -9px;    
}
.news-categorys .ce-bodytext ul li.filterall::before {
    transform: rotate(45deg);
}

.news-categorys .ce-bodytext ul li.filterall::after {
    transform: rotate(-45deg);
}

.news-categorys .ce-bodytext ul li.activeli {
    background: #b0182e;
    color: #FFF;
}

/* -- NEU: 2022-02-01 -- */
.inhaltsbereich > .frame.inhaltschmal > .rahmen {
    max-width: 640px;
}

/* -- Newsletter Box -- */
.cr_body {
    border-radius: 0 !important;
    box-shadow: inset -1px -1px 0 1px #c1d1e0 !important;
}

.tx_cn-columns .row .col-50 .ce-gallery {
    width: 100%;
    float: left;
    clear: both;
}

.tx_cn-columns .row .col-50 .ce-column.video-column {
    width: 100%;
}

.tx_cn-columns .row .col-50 .ce-column.video-column .video-embed,
.tx_cn-columns .row .col-50 .ce-column.video-column .video-embed iframe {
    max-width: none;
}

.inhaltsbereich.landingpage .ce-gallery .video .video-embed .videoiframelink {
    display: none !important;
}

/* -- 2022-11-02 -- */
.news_zusatzcontent .ce-border img {
    border: 1px solid #c1d2e0;
}

/* -- NEU: 2023-08-23 -- */
.sitemapbox .spunkt2 ul > li > ul > li > ul {
    display: none;
}

/* -- NEU: 2023-11-29 -- */
.suche {
    display: block;
    float: right;
    border-left: 1px solid #c1d2e0;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
}

.suche a.searchbtn {
    background: url(../images/suche.svg) center center no-repeat #6699cc;
    background-size: 16px auto;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 50%;
}