/* Diese CSS-Datei wird als letztes inkludiert und ist für Kundenanpassungen gedacht */

body{
  border:none;
}


/*Mittelgraue Infobox – Beispiel CORONAVIRUS Hinweise*/
.frame-mediumgrey {
  margin-top: 0px;
  margin-bottom: 40px;
  padding: 30px 37px 20px 37px;
  /*background-color: gold*/     /*Infoboxen auffälliger in Gelb*/
}



/*Abstand um Inhaltselemente*/
#content > .row > div > .col-md-8 >  { /*.frame-default*/
  margin-bottom: 60px !important;
}


/*Abstand von letzten Elementen im Inhaltsbereich*/
#content .col-md-12.content_wrap > *:last-child:not(.farbe), #content .wrap_zweispaltig > .col-md-8 > *:last-child:not(.farbe), #content .wrap_zweispaltig > .col-md-4 > *:last-child:not(.farbe) {

margin-bottom: 45px;

}



/*Abstand von Single News-Elementen (in Detailansicht)*/
.news-single {
  margin-bottom: 50px;
} 

.frame-type-list .news .news-list-container{
    display: inline-block;
}


/*Abstand um Bild eines Inhaltselements*/
.ce-left:not(.ce-below) .ce-gallery {
  margin-top: 3px;
}


/*Hellgrauer Hintergrund*/
.frame-lightgrey {
    
    padding: 15px;
    margin: 20px 0px;
}

/*Bullet points - mehr Abstand*/
#content .news ul li, #content .ce-bodytext ul li, .frame > ul li, ol li{
    padding-bottom: 5px;
}



/*first table column wider - Mitarbeiterseiten*/

.reiter_ansicht td:first-child {
    width: 140px !important;
}


/*space after image caption*/
.image {
    margin-bottom: 0px !important;
}

/*image caption*/

figcaption {
  padding: 1em;
  color: #333; 
  background-color: #eeeeee; 
}

.news-single .news-img-wrap .news-img-caption {
  padding: 1em;
  color: #333; 
  background-color: #eeeeee; 
}

.news-single .news-img-wrap .without_img_caption img{
    margin: 0 0 11px;
}

.news-img-caption, .csc-textpic-caption, figcaption {
  line-height: 19px;
}



/*image*/

.ce-gallery[data-ce-columns] .ce-column {
    margin-bottom: 10px;
}

.ce-gallery {
  margin-bottom: 20px;
}


.nopadding .frame.frame-default.frame-type-textpic.frame-layout-1 .image-embed-item {
    padding-bottom: 0px;
    padding-top: 15px;
}


.ce-inner {padding-top: 0px !important;}


/*news articles in 50/50 container

img[Attributes Style] {
    width: 381px !important;
    height: 286px;
}*/


/*Podcast in Sidebar in Abteilung Neurowissenschaften*/

#sbpodcast {
  padding: 14px 0px !important;

}

/*Aufgrund der Mitarbeiterseiten wieder deaktiviert - warum ursprünglich verändert???*/
/*h2.h2_schwarz {
    margin-bottom: 10px;
}*/



/*Kopfbereich h2 mit subline
header{
    margin-bottom: 40px;
}*/


/*Headlines*/
p + h2 {margin-top:55px;}
div + h2.h2_gruen {margin-top:55px;}
p + h3 {margin-top:35px;}
p + h3 {margin-bottom:10px;}

ul + h2 {margin-top:55px;}
ul + h3 {margin-top:55px;}
ol + h3 {margin-top:55px;}
blockquote + h3 {margin-top:40px;}

ul + p {margin-bottom:2px;}


h2 {
    font-size: 30px;
    line-height: 36px;
}

.frame-lightgrey h3 {
  margin-top: 8px;
  margin-bottom: 8px;
}


.frame-lightgrey p+h3 {
  margin-top: 30px;
}

/*.news-single h3 {
margin-top: 36px;
}*/

h3 + h4 {margin-top:17px;}


#content div div .col-md-12 h3 {
  margin-top: 0px;
}

#content > .row > div > .col-md-8 > .frame-lightgrey {
  margin-top: 60px;
}



/*Abstand über headline 2 größer zwischen Elementen*/
.col-md-8 h2.h2_gruen{
     margin-top: 60px;
}


/*Schwarze h2 im Sidebar*/
.wrap_zweispaltig > .col-md-4 h2.h2_schwarz /*, .wrap_zweispaltig > .col-md-4 h2.h2_schwarz a*/ { 

  line-height: 25px;
}



/*damit h3 Headline und Bild (auf Seite) oben bündig ist, z.B. Mitarbeiterseiten*/
h3, h3 > p {
    line-height: 28px;
    margin-top: 55px;
}


.with_media .ce-textcontent h3 {
    margin-top: 0px;
}

.h3_orange_strich:before {

    padding-top: 10px;
    border-bottom: 1px solid #e0e0e0;
}


.h3_orange, .h3_orange a {
    font-size: 18px;
    font-family: UniversNextPro-Cond,"Roboto",sans-serif;
}


.h3_schwarz, .h3_schwarz a {
    margin-top: 60px;
}


P + h3.h3_orange  {margin-top: 20px;}


h3 a {
    font-size: 22px;
    font-family: UniversNextPro-LightCond,"Roboto",sans-serif;
}


h4 {
    margin-top: 25px;
    margin-bottom: 6px;
    line-height: 21px;
    font-size: 17px;
}


.h4_green {
    color: #116656;
    margin-bottom: 21px;

}


.h4_orange {
    color: #bc623f;

}


/*Einführungstexte mit größerer Typo - eigenes Zeichenformat "introtext"*/

.introtext {

  margin-bottom: 20px;
  line-height: 23px;
}




/*Abstand um Backlink von Artikeln*/

.news-single-backlink {

margin: 30px 0;

}



/*Trennlinien*/

hr {
    border: none;  
    border-top: 1px solid #ddd;

}


/*Links (funktioniert nicht?!?*/
#content a {
    padding-left: 11px;
}


#content a + a {   
    margin-left: 16px;
}

.news-img-wrap .mediaelement a.lightbox{
  margin-left: 0 !important;
}

/*Zitate*/
blockquote {
    margin: 25px 40px;
}


blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
    color: #066960;
}



/*Tab Headlines nicht in Großbuchstaben*/
.tab_headings h2 {
    text-transform: none;
    font-size: 24px;
    line-height: 30px;
}


/*Abstand des Reitercontainers*/
.reiter_ansicht {
    margin-top: 36px;
}


/*Abstand Artikel
.news {
   padding-top: 50px;
}


.reiter_ansicht .news {
   padding-top: 0px;
}


#content div div .col-md-12 .news {
  padding-top: 0px;
}


#content div div .col-md-8 .news{
  padding-top: 0px;
}
*/

/*Abstand Textabschnitte in eigenen Inhaltselementen (mit h3 headlines)
#content > .row > div > .col-md-8 > .frame-default, #content > .row > div > .col-md-8 > .frame-layout-1{
  padding-top: 55px;
}*/



/*in Kotaktboxen darf die line-height nicht wie auf Seiten erhöht werden*/
.kontaktbox h3 {
    line-height: 20px;
}


/*Sidebar File list Download*/
.csc-uploads-description {
    padding-top: 5px;
    font-size: 12px;
}


/*Slider Dots*/
.slick-dots button {box-shadow: black 1px 1px 5px;}
/*.slick-dots button {box-shadow: unset;}*/


/* graphodata: Ticket 3878 */
.ce-nowrap .ce-bodytext {
    overflow: unset !important;
}

/* .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery,
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery{
    margin-top: 16px;
} */

.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery{
    margin-right: 0;
}

.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext .items_wrapper[data-size = false]{
    display: flex;
    flex-direction: row-reverse;
}

.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext .items_wrapper[data-size = false]{
    display: flex;
    flex-direction: row;
}

.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext .items_wrapper[data-size = true],
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext .items_wrapper[data-size = true]{
    display: flex;
    flex-direction: inherit;
}

.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext .items_wrapper[data-size = false] .ce-gallery,
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext .items_wrapper[data-size = false] .ce-gallery{
    width: auto;
}

.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext .items_wrapper[data-size = true] .ce-gallery{
    margin-left: 0;
    margin-right: 30px;
}

.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext .items_wrapper[data-size = true] .ce-row{
    text-align: left;
}

.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext .items_wrapper > div:last-child,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext .items_wrapper > div:last-child{
    flex: 2;
}

#content .ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-bodytext .items_wrapper.with_media ul li,
#content .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-bodytext .items_wrapper.with_media ul li{
    list-style-position: inside;
}

#content .ce-textpic.ce-intext .ce-bodytext .items_wrapper[data-size = false] .ce-gallery + .ce-textcontent > h5,
#content .ce-textpic.ce-intext .ce-bodytext .items_wrapper[data-size = false] .ce-gallery + .ce-textcontent > h4,
#content .ce-textpic.ce-intext .ce-bodytext .items_wrapper[data-size = false] .ce-gallery + .ce-textcontent > h3{
  margin-top: 0px;
}

.frame-space-after-extra-small{
    margin-bottom: 10px;
}
.frame-space-after-small{
    margin-bottom: 30px;
}
.frame-space-after-medium{
    margin-bottom: 60px;
}
.frame-space-after-large{
  margin-bottom: 80px;
}

.frame-space-before-extra-small{
    margin-bottom: 10px;
}
.frame-space-before-small{
    margin-bottom: 30px;
}
.frame-space-before-medium{
    margin-bottom: 60px;
}
.frame-space-before-large{
  margin-bottom: 80px;
}

#content .ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-bodytext .items_wrapper.with_media ul,
#content .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-bodytext .items_wrapper.with_media ul{
    overflow: auto;
    padding-left: 20px;

}


@supports (-moz-appearance:meterbar) and (background-blend-mode:difference,normal) {
    #content .ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-bodytext .items_wrapper.with_media ul,
    #content .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-bodytext .items_wrapper.with_media ul{
        padding-left: 15px;
    }
}

@supports (-webkit-hyphens:none){
    #content .ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-bodytext .items_wrapper.with_media ul,
    #content .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-bodytext .items_wrapper.with_media ul{
        margin-left: auto;
   }
}





@media only screen and (max-width: 992px) {
    #content .ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-bodytext .items_wrapper.with_media ul,
    #content .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-bodytext .items_wrapper.with_media ul{
        padding-left: 22px;
    }
  }

#content .ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-bodytext .items_wrapper.with_media ul li,
#content .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-bodytext .items_wrapper.with_media ul li{
    list-style-position: inherit;
} 

#content .ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-bodytext .items_wrapper:not(.with_media) ul li,
#content .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-bodytext .items_wrapper:not(.with_media) ul li{
    list-style-position: inherit;
}


#content .ce-textpic.ce-right.ce-intext .ce-bodytext ul li p,
#content .ce-textpic.ce-left.ce-intext .ce-bodytext ul li p{
    display: initial;
}


.clearfix{
    clear: both;
}

h2.clearfix{
    margin-top: 0;
    padding-top: 30px;
}

h3.clearfix{
    margin-top: 0;
    padding-top: 25px;
}

h4.clearfix{
    margin-top: 0;
    padding-top: 25px;
}

h5.clearfix{
    margin-top: 0;
    padding-top: 10px;
}

ol.clearfix,
ul.clearfix{
    margin-top: 0;
    padding-top: 10px; 
}


@media (max-width:576px){
    .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext .items_wrapper[data-size = true] .ce-gallery,
    .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext .items_wrapper[data-size = true] .ce-gallery{
        margin: 0;
    }
    .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery .ce-row *,
    .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery .ce-row *{
        width: 100%;
    }
}


/*Links in Übersicht Unterseiten inklusivwe Zusammenfassungen*/

#c14527 ul li a {
  font-weight: 600;
}

/*funktioniert noch nicht: aktive Seite markiert*/
#c14527 ul li.active > a {
  font-color: #000;
}