@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=4e234c8a-c12f-4f85-9ac9-ff204d7f5b32");
@font-face{
font-family:"DesyNeueHelveticaWFS-87HvCn";
src:url("/sites/common4all/fonts/desy-font/441a591f-ffcf-4223-a7a6-719e82a369fc.eot?#iefix");
src:url("/sites/common4all/fonts/desy-font/441a591f-ffcf-4223-a7a6-719e82a369fc.eot?#iefix") format("eot"),url("/sites/common4all/fonts/desy-font/132f81b9-efbb-4df2-a5d9-882062906bdb.woff") format("woff"),url("/sites/common4all/fonts/desy-font/45c48c0e-5415-4bf9-823b-1698b7129755.ttf") format("truetype"),url("/sites/common4all/fonts/desy-font/9badd8fe-28d5-4f79-ab6d-95d605afbe7e.svg#9badd8fe-28d5-4f79-ab6d-95d605afbe7e") format("svg");
}
@font-face{
font-family:"DesyNeueHelveticaWFS-55Rm";
src:url("/sites/common4all/fonts/desy-font/9f313770-c59c-4161-bb83-15a7b832ed0a.eot?#iefix");
src:url("/sites/common4all/fonts/desy-font/9f313770-c59c-4161-bb83-15a7b832ed0a.eot?#iefix") format("eot"),url("/sites/common4all/fonts/desy-font/8e9b6c37-7c45-4c3a-bb2d-04e41b335d1a.woff") format("woff"),url("/sites/common4all/fonts/desy-font/c68ba3bd-479b-4bba-9400-32e2b7921037.ttf") format("truetype"),url("/sites/common4all/fonts/desy-font/a9fb8a69-36d5-46a0-892a-610ce53fcf42.svg#a9fb8a69-36d5-46a0-892a-610ce53fcf42") format("svg");
}
@font-face{
font-family:"HelveticaNeueW01-67MdCn 692710";
src:url("/sites/common4all/fonts/desy-font/3a605871-b94d-4161-a394-bb2cfc975df7.eot?#iefix");
src:url("/sites/common4all/fonts/desy-font/3a605871-b94d-4161-a394-bb2cfc975df7.eot?#iefix") format("eot"),url("/sites/common4all/fonts/desy-font/aef05e22-e1d4-4e59-bc2e-a71c13c26cca.woff") format("woff"),url("/sites/common4all/fonts/desy-font/b785b1cf-24fa-44c9-8c93-d8e2d6912c47.ttf") format("truetype"),url("/sites/common4all/fonts/desy-font/5ab0c585-fb4b-43d9-abb0-b92f452b1284.svg#5ab0c585-fb4b-43d9-abb0-b92f452b1284") format("svg");
}


.desy1 {font-family:"DesyNeueHelveticaWFS-87HvCn";}
.desy2 {font-family:"DesyNeueHelveticaWFS-55Rm";}
.desy3 {font-family:"HelveticaNeueW01-67MdCn 692710";}



body.bodyweb {
    margin:0;
    font-family:"DesyNeueHelveticaWFS-55Rm";
    color:#333;
}

p.description.hyphenate {
    font-family:"HelveticaNeueW01-67MdCn 692710";
    color: #009fdf;
    font-size: 24px;
    line-height:30px;
    max-width: 100%;
}

sup, sub {font-size: 60%;}
span.pubtypes {
    display: none;
}

.mainpage .content {
    /*padding-top: 50px;*/
      padding-top:0;
}
div#username_wrapper {
    display: inline;
    color:#164194;
}

h1, h2, h3, h4, h5 {
font-weight: normal;
font-family:"HelveticaNeueW01-67MdCn 692710";
margin-bottom: 10px;
color: #009fdf;
}


h1{
font-size: 220%;
line-height: 1.5em;
}

h1.title {
margin: 50px 0 45px 0;
font-weight:normal;
font-size: 46px;
line-height: 52px;
font-family:"HelveticaNeueW01-67MdCn 692710";
color: #009fdf;
}

.breadcrumb {
font-family:"DesyNeueHelveticaWFS-55Rm";
font-size:13px;
color:#000;
line-height: 24px;
}
.breadcrumb a:link, .breadcrumb a:hover, .breadcrumb a:visited  {
    text-decoration: none;
    color: #000;
}

.mainpage h1.title {display:none;}
.mainpage .fancybox-overlay.fancybox-overlay-fixed h1.title {display:block;}

strong, b {
font-weight: bold;
}

.table-responsive {
    width: 60%;
}

table tbody tr td div a h2 {
padding-top: 0;
}

a:link, a:visited, a:hover {
text-decoration: underline;
color:#164194;
}


a:focus {text-decoration: none;}
a:active {text-decoration: underline;}

a[href$="pdf"]:before {
content: "\f1c1";
font-family: FontAwesome;
margin-right: 10px;
}

div.graphic a:before {content: "";}


a[href$="pdf"]:hover{text-decoration:none; color:#014380;}

img[alt="application/pdf"], img[alt="binary/octet-stream"], img[alt="application/force-download"], img[alt="application/x-octet-stream"] {display: none;}


img.imgright, div.leftcol img, .research, .partner {display:none;}

p {
    font-family:"DesyNeueHelveticaWFS-55Rm";
    font-size: 18px;
    line-height: 26px;
    color:#000;
    max-width: 100%;
}


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

i, em {
    font-style: italic;
}

div.content div ul li {
    list-style-type:none;
    /*margin-left: 5%;*/
}

div.content div ul { padding-left: 2em; }

div.content .four.columns ul {
    list-style-type: circle;
    padding-left: 23px;
}


.left {
float: left;
margin-right: 25px;
}

.center .graphic {
margin: auto;
}

.alignleft img.img {
float: left;
margin-right: 25px;
margin-top: 9px;
}

.alignright {
/*float: right;
margin-left: 22px;
margin-top: -16px;*/
}

.floatleft {
float: left;
margin-right: 25px;
}

div.ZMSLinkContainer { border-top: 1px solid #b99764;   border-bottom: 1px solid #b99764;   margin-top: 1em;   padding-bottom: 1em;   margin-bottom: 1em; }
a#scientificgroups:hover {text-decoration: none;}

div.ZMSFile, div.ZMSLinkElement {
background:transparent;
}

div.content div ul li {
/*padding-left: 15px;*/
}

div.sliderwrapper div ul li {
background: none;
padding-left: 0;
}

a.LinkElementInternalClient {
text-decoration: none;
}

div.content .four.columns ul {
list-style-type: circle;
padding-left: 23px;
}

header {
text-align:left;
width: 100%;
z-index: 20;
position: relative;
height:150px;
}

div.logo {
margin: auto;
overflow: hidden;
}


article {
/*overflow: hidden;*/
background-color: #fff;
position: relative;
z-index: 0;
min-height: 785px;
margin:auto;
padding-bottom: 20px;
width:95%;
}

.content {
width: 100%;
font-size: 100%;
line-height:1.5em;
margin-top: 29px;
margin: 0;
}

.four.columns {
float: none;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}


.teaser div#teaser{
clear: both;
background: transparent;
font-size: 90%;
padding-bottom: 40px;
}
.ZMSTeaserElement a em {
    font-style: normal;
    font-weight: bold;
}
.ZMSTeaserElement a {    text-decoration: none;}


div.ZMSTeaserElement div.graphic {text-align: center;}

div.ZMSTeaserElement .text {
font-size: 14px;
padding:0 20px;
}
.ZMSTeaserElement .title {
    padding: 0 20px;
font-weight: bold;
}

 div.ZMSTeaserContainer {
/*border: 1px dotted #777d83;*/
line-height:1.5em;
margin-top: 19px;
}

div.ZMSTeaserElement div.graphic a img.title {
/*float: left;
margin: 6px 7px 0 0;*/
}

div.ZMSTeaserElement div.title a {
    color: #375793;
    font-weight: bold;
    text-decoration:none;
}




.clearfloating {
height: 4px;
}

footer {
background: #003769;
color: #fff;
padding-bottom: 50px;
font-size: 80%;
bottom: 0;
width: 100%;
padding-top: 22px;
}

footer img {
/* max-width: 100%;
height: auto;
padding-top: 20px; */
max-width: 95%;
height: auto;
padding-top: 20px;
  margin: 0 21px 0 0;
}

footer span p {
color: #fff;
font-family:"DesyNeueHelveticaWFS-55Rm";
font-size: 16px;
line-height:24px;
}

.footerflex {margin:auto; display:flex; justify-content: space-between;flex-direction: column;width: 95%;}
img.footercmws {width: 150px;}


footer p a:link, 
footer p a:visited {
text-decoration: none;
color: #fff;
margin-right: 30px;
}

.dreilogos {
  float: left;
}


.search-form-wrapper {display:none;}

.menu-button {
text-align: center;
background: #fff;
color: #ccc;
border-bottom: 1px solid #b99764;
border-top: 1px solid #b99764;
padding: 20px;
}

img[src*="/misc_/zms/external_link.gif"] {
height:0;
}

.area_group {
color: #b99764;
text-transform: uppercase;
margin: 10px 0 0px 0;
float: none;
font-size: 80%;
/*font-weight: bold;*/
}

.area_description {
color: #333;
margin: 30px 0 0 0;
padding: 20px 0 0 0;
}

div.content div.area_description ul {
border-top: 1px solid #b99764;
padding: 10px 0 0 0;
}

div.ZMSGraphic.floatright {margin-left: 0px; float:none;}
div.ZMSGraphic.floatleft {margin-right: 0px; float:none;}
.graphic {max-width:100%;}
img.img {height: auto !important;}



 a.conference:hover {text-decoration:none;}
span.bib_row span.bib_cell span[style$="display:block"] {flex-direction:column; height:95px;}
div.ZMSTeaserElement {
    width: 100%;
    background: #e2eef8;
    margin-bottom: 20px;
    padding: 20px 0;
}
.logo img { width:100%;height:100%;}

.infobox.Wide, .infobox.Narrow, .infobox.Full, .IndicoEventItem, .box_announcement  {
    width:100%;
    float:left;
}

.infobox.Wide .topline {
    width: 60%;
}

.infobox_content p {
    max-width: 100%;
}

div.topline {
    height: 2px;
    width: 100%;
    background-image: linear-gradient(to right,#009fdf, #e6007d);
    padding-bottom: 0.5px;
}

.cssb-slant.cssb-copy-section {
    width: 100%;
}
.cssb-form input[type=email], .cssb-form input[type=text] {
    height: 25px;
    padding: 10px;
}

.cssb-form input[type=email], .cssb-form input[type=text], .cssb-form textarea {
    border: 1.5px solid #212121;
    width: 100%;
}
.cssb-form input[type=email], .cssb-form input[type=text], .cssb-form textarea, .cssb-quote figcaption {
    font-size: 18px;
    line-height: 26px;
}
.cssb-form .cssb-label {
    display: block;
    margin: 25px 0 5px;
    font-weight: bold;
}
label#label_accept {
    font-size: 14px;
}
fieldset.cssb-align-center {
    border: none;
margin: 0;
    padding: 0;
}
.cssb-button {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 18px;
    line-height: 18px;
    padding: 15px 45px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -moz-osx-font-smoothing: initial;
    -webkit-font-smoothing: initial;
    cursor: pointer;
}
.cssb-button--green {
    background: #f6a800;
    border-color: #f6a800;
    color: #fff;
    padding: 15px 48px;
margin: 20px 0;
}
.infobox .image.left {float:none;width: 100%;height: 300px;}
div#e112157 .infobox .image.left {background-size:contain !important;}
.IndicoEventTitle, .IndicoEventSpeaker {border-bottom:none;}
.IndicoEventItem {border-bottom: 1px solid #164194;    overflow: hidden;}
.IndicoEventLocation {float:left;}
.IndicoEventSpeaker, .IndicoEventLocation {padding:0;}

.metanavi {float:right;}
.metanavi a i {margin-right: 20px;}
.metanavi a:hover {color:#e30613;}
h3.standardindex_headline {display: none;}

.toggle_container {overflow:hidden;border: 1px solid #009fdf;border-top: none; padding-top: 0;}
.toggle_container p {width: 100%; max-width: 725px; margin-left: 10px;}
h5.trigger{
    border-radius: 0;
    font-family: "DesyNeueHelveticaWFS-55Rm";
    font-size:18px;
    box-shadow: none;
    padding: 20px;
    text-shadow: none;
    background: #fff;
    color:#009fdf;
    margin:15px 0 0 0;
    border: 1px solid #009fdf;
}
h5.trigger.trigger_active { border-bottom: none; color:#e6007d;}
h5.trigger::after {
    content: "\f067";
    font-family: FontAwesome;
    float: right;
    color: #009fdf;
}
h5.trigger.trigger_active::after {
    content: "\f068";
    color: #e6007d;
}
.toggle_wrapper {padding-top: 15px;}
.toggle_wrapper .topline {margin-bottom: 20px;}

img.box_announcement_image.img {
position: relative;
width: 92%;
}
div.box_announcement h6 {
font-weight: bold;
margin-bottom: -5px;
margin-top: -5px;
font-size: 20px;
}
div.content div ul.eventbar {width:95%;background:#ebebeb; overflow:hidden;display:flex;justify-content:flex-end;padding:0;flex-direction:column;}
ul.eventbar li {padding:30px; width:95%;}
ul.eventbar li:last-child {border-right:none;}
div.content div ul.eventbar li:before {content:""; margin:0;}
ul.eventbar li.img {background:url(/common/events.png); padding:0;}
ul.eventbar li h6 { font-size: 20px;margin: 10px 0;}

.ZMSGraphic .graphic {width:100% !important; text-align:left !important;margin-bottom:0;}
.gallery .ZMSGraphic .graphic {width:300px !important;}
img.logoimg {width: 250px; margin: 20px 10px;}
.headbar { width: 100%; max-width:1100px;}
img.logodesy {
    position: absolute;
    top: 10px;
    width: 150px;
    right: 17px;
    display:none;
}
.container.container-titleimage.content {height:200px;}

.infobox.Narrow .image {height: 300px;margin: 20px 0;}
.infobox.Wide.Blue .infobox_content {background: #c8e6fa; margin-top: 20px; padding-top: 0.1px; padding-bottom: 20px;}
.infobox.Wide.Blue .ZMSLinkElement a, .fbtext {
    color: #009fdf;
    font-family:"HelveticaNeueW01-67MdCn 692710";
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
}
.infobox.Wide.Blue .ZMSLinkElement, .infobox.Wide.Blue .ZMSFile {border-bottom:1px solid #009fdf; margin: 10px 20px 0 20px; }
.infobox.Wide.Blue div.ZMSLinkElement a:after {content:'';}
.infobox.Wide.Blue div.ZMSFile div.title, .infobox.Wide.Blue div.ZMSLinkElement div.title {margin: 0px 0 10px 0;}

a.unslider-arrow.next:after {
    content: "m";
    background: url(../common/assets/arrowright.png) no-repeat;
    background-size: contain;
    color: transparent;
    font-size: 50px;
}
a.unslider-arrow.prev:after {
    content: "m";
    background: url(../common/assets/arrowleft.png) no-repeat;
    background-size: contain;
    color: transparent;
    font-size: 50px;
}
a.unslider-arrow {text-decoration: none;}
a.unslider-arrow.prev {
    position: absolute;
    top: 400px;
    left: 20px;
}
a.unslider-arrow.next {
    position: absolute;
    top: 400px;
    right: 20px;
}
.regular.slider.facts .slick-slider {overflow: hidden;}

.regular.slider.facts .slick-slide {  
  background: #transparent;
  line-height: 94px;
  text-align:center;
  font-size: 2em;
  margin: 0 0.17%;
}

.regular.slider.facts .slick-list {margin: 0 -0.17%;}
.factnumber {
    position: absolute;
    top: 70px;
    margin-left: 20%;
    color: #009fdf;
    font-size: 45px;
    font-family: "HelveticaNeueW01-67MdCn 692710";
}
.slick-dots li button {width: 10px; height: 10px;border-radius:50%; background: #009fdf;}
.slick-dots li button:before {content:'';}
.slick-dots li.slick-active button {
    background: #e6007d;
}
.facttext {
    color: #009fdf;
    font-size: 14px;
    line-height: 18px;
    width: 220px;
    position: absolute;
    top: 157px;
    margin-left: 16%;
}
.lazy.slider {
width:100vw; min-height:535px;     position: relative; z-index:1;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;color:#fff;text-align:center; margin-bottom: 60px;
}
.lazy.slider .testimonial {
    background: #c8e6fa;
    min-height:535px;
}
.lazy.slider .testimonial p {max-width:1000px;font-size: 24px;
    line-height: 30px;
    color: #003769;margin:auto; padding: 0 20px;}

.lazy.slider .testimonial h2 {
font-size:46px; line-height: 52px;margin: 35px 0;}

.lazy.slider .testimonial .affiliation p {
color:#000;
font-size:18px;
line-height: 26px;
}
.lazy.slider button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
    position: absolute;
    z-index: 3;
    background-size: contain !important; 
    height: 80px;
}
.lazy.slider button.slick-prev.slick-arrow { left: 25px; background: url(../../common/assets/arrowleft.png) no-repeat; }
.lazy.slider button.slick-next.slick-arrow { right:25px; background: url(../../common/assets/arrowright.png) no-repeat; }
.lazy.slider .slick-prev:before, .slick-next:before {content:'' !important;color:transparent;}
.lazy.slider .Foto {
    overflow: hidden;
    width: 150px;
    margin: 35px auto;
    height: 150px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.lazy.slider .affiliation {
    padding: 20px;
}
section.regular.slider.fb .slick-slide {max-width: 225px;}
section.regular.slider.fb a {text-decoration:none;}
section.regular.slider.fb .fbtext {width: 150px; padding: 0 0 15px 0;}
section.regular.slider.fb .fbimg {width: 150px; height: 150px; border-radius: 50%; background-size: cover;  margin-bottom: 20px;}
section.regular.slider.fb {margin-top: 20px;}
section.regular.slider.fb img.fbarrow {margin-top: 5px; margin-bottom: 15px;display:none;}

.infobox.right.Narrow.Navi {
    position: relative;
    margin-bottom: 25px;
    margin-left:20px;
}
.infobox.right.Narrow.Navi .title a, .infobox.right.Narrow.Navi .submenu-navbar a {
    font-family: "DesyNeueHelveticaWFS-55Rm";
    /*font-size: 18px;*/
    font-size: 16px;
    /* line-height: 35px; commented out by hagemand 20210629 */
    line-height: 1.25em;
    text-decoration:none;
}

.infobox.right.Narrow.Navi .title a, .infobox.right.Narrow.Navi .submenu-navbar a.current.active {color: #e6007d;}
.infobox.right.Narrow.Navi .submenu-navbar a.current.active {font-weight:bold;}
.infobox.right.Narrow.Navi .submenu-navbar a {color: #009fdf;}
.infobox.right.Narrow.Navi div ul {padding-left:0; margin:0;}
.infobox.right.Narrow.Navi .title {padding-top: 15px;}

.infobox.right.Narrow.Navi .submenu-navbar {
    padding-bottom: 15px;
    padding-left: 0px;
}
.infobox.right.Narrow.Navi .submenu-navbar ul:not(.submenu) {
    padding-left: 10px;
}

.regular.slider.facts .slick-slide img {width: 100% !important;margin:auto;}

div.slide_item div.description h4 {
color:#009fdf;
font-family:"HelveticaNeueW01-67MdCn 692710";
font-size:20px;
line-height: 30px;
font-weight: normal;
max-width:50%;
}


/*  
    NEWS and NEWS-INCLUSION STYLES
    20210629 hagemand
*/


.all_news {
    /*margin-top: 100px;
    float: right;
    clear:both;*/
    margin-top: 3em;
    margin-bottom: 2em;
    font-size: 20px;
    font-weight: bold;
}

.box_body .news_inclusion {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 20px;
    //overflow: hidden;
    width: 60%;
}

.mainpage .box_body .news_inclusion {
    width: 100%;
}

.box_body .news_inclusion .infobox {
    //width: auto;
    //max-width: 30%;
    flex: 1 1 300px;
    margin: 0 !important;
    float: none !important;
}

.infobox.Narrow.Navi { 
    width: 300px; 
    margin: 0; 
}

.infobox.Narrow.Navi li {
    margin: .85em 0;
}

/* // hagemand */


@media all and (min-width:300px){

    div.logo h1 {
        padding-top: 76px;
    }
}

@media all and (min-width: 430px) {

    .teaser div#teaser {
        clear: both;
    }
    .regular.slider.facts .slick-slide img {
        width: 70% !important;
        margin:auto;
    }
    .facttext {margin-left:17%;}
}

@media all and (min-width: 550px) {

    div.ZMSGraphic.floatright {margin-left: 20px; float:right;}
    div.ZMSGraphic.floatleft {margin-right: 20px; float:left;}

    .logo img {
        padding-right: 0;
        display:block;
        height: auto;
        margin: auto;
        max-width:600px;
    }

    .content {width: 100%;}
    img.logodesy {display:block;}
    .facttext {
        margin-left: 18%;
    }
}


@media all and (min-width: 600px) {
    .cssb-slant.cssb-copy-section {
        width: 70%;
    }
    .regular.slider.facts .slick-slide img {width: 90% !important;}
    .factnumber {
        top: 55px;
        margin-left: 126px;
    }
    .facttext {
        width: 220px;
        top: 138px;
        margin-left: 34px;
    }
div.slide_item div.description h4 {
font-size:50px;
line-height: 70px;
}
}

@media all and (min-width: 700px) {

    span.bib_row span.bib_cell span span[style$="font-size:xx-small"]:last-child {
        position: absolute;
    }
    span.InvenioOtherFormats {
        font-size: 14px !important;
        float:left !important;
        position: relative;
        background: #fff;
    }

    .ical {
        width: 14px;
        height: 15px;
        background-repeat: no-repeat;
        float: left;
        background-position-y: bottom;
        margin-right: 8px;
    }

    div.ical:before {
        font-family: FontAwesome;
        content: "\f073";
    }

    span.bib_row span.bib_cell span[style$="display:block"] {flex-direction:row; height:auto;}

    .infobox.Wide, .IndicoEventItem {/*width: 403px;*/}

    .box_announcement {width: 650px;}

    .infobox .image.left {
        float: left;
        width: 365px;
        height: 300px !important;
        margin-right: 20px !important;
    }
    .infobox.Wide.White .image.left {
        margin: 0 20px 0 0 !important;
    }
    .facttext {margin-left: 65px;}
    .factnumber {margin-left: 140px;}

}
@media all and (min-width: 800px) {
    /* .infobox.Narrow {width: 32%;margin: 0px 2% 0 0;} commented out on 20210629 by hagemand */

    div.news_inclusion .infobox.Narrow.White {
        //height: 600px;
    }
    .infobox.Narrow .image { height: 200px;}
    .infobox.Wide, .IndicoEventItem, .toggle_wrapper {width: 100%;}
    .box_announcement {width: 750px;}


    /* p, p.description.hyphenate, h1.title {max-width: 60%;} commented out 20210629 by hagemand */
    h1.title {max-width: 60%;}

    img.img.img-responsive {max-width: 70%;}
    footer span p {max-width:100%;}
    footer span:nth-child(2) p {margin-top: 63px;}
    .footerflex {flex-direction: row;}
    img.footerdesy {margin-top: 45px;}
    .facttext {margin-left: 103px;}
    .factnumber {margin-left: 180px;}
}
@media all and (min-width: 900px) {
    .regular.slider.facts .slick-slide img {width: 100% !important;}
    .factnumber {
        top: 65px;
        margin-left: 116px;
    }
    .facttext {
        width: 220px;
        top: 145px;
        margin-left: 28px;
    }
}
@media all and (min-width: 920px) {
    .box_announcement {width: 900px;}
    img.box_announcement_image.img {
    clip: rect(0px 340px 240px auto);
    position: absolute;
    width: 320px;
    }
    div.box_announcement h6 {
    margin-left: 360px;
    font-weight: bold;
    margin-bottom: -5px;
    margin-top: -5px;
    font-size: 20px;
    }
    div.box_announcement p {
    margin-left: 360px;
    font-size:15px;
    }
    div.content div ul.eventbar {flex-direction:row;}
    ul.eventbar li {border-right:1px solid #fff; width:365px;}

}

@media all and (min-width: 964px) {

    /* 
        added 20210629 by hagemand
    */
    .news {
        width: 65%;
    }
    .box_body .news_inclusion {
        width: 65%;
    }
    /* // hagemand */
    
    body.bodyweb {
        background: #fff;
    }

    .content {
        float: left;
    }

    div.ZMSTeaserElement div.text p {
        padding-left: 2px;
        padding-bottom: 20px;
    }

    .teaser div#teaser{
        clear: none;
        margin-left:0;
        float: right;
    }

    .left_teaser {margin-top: 60px;}

    div.ZMSTeaserElement {
        width: 327px;
    }

    footer{
        float: none;
        margin-top: 20px;
    }

    .four.columns {
        margin: 20px 4% 0 0;
        width: 29%;
    }

    div.leftcol {
        width: 275px;
        height: auto;
        float: left;
        display:block;
    }

    .middlecol {
        float: left;
        width: 100%;
    }

    footer img {
        margin: 10px 0 0 3%;
        padding-top: 0px;
    }

    p.social {margin-top: -20px;}

}

@media all and (min-width: 980px) {
    .noteaser div.middlecol {width: 100%;}
     .noteaser .content {width: 100%;}

    .infobox.Wide, .IndicoEventItem, .toggle_wrapper {padding:0; margin:25px 0;}
    .box_announcement {width:900px; padding:0;}
    .cssb-slant.cssb-copy-section {
        width: 50%;
    }
    div#e112157 .infobox .image.left {min-height: 300px;}
    .container.container-titleimage.content {height: 500px;}

    .headbar { margin: auto; padding-top:50px;display:flex;justify-content: space-between;}
    img.logoimg {width: 250px; margin:15px 0;}
    img.logodesy {width: 150px;position:relative;right:0;}

    .factnumber {
        top: 55px;
        margin-left: 125px;
        font-size: 60px;
    }
    .facttext {
        width: 220px;
        top: 138px;
        margin-left: 50px;
        line-height: 26px;
        font-size: 18px;
    }
    .shadow p.description.hyphenate, p, img.img.img-responsive {max-width: 630px;}
    .infobox.right.Narrow.Navi {position: absolute; right: 0; top: 100px; }
}

@media all and (min-width: 1204px) {

    /* 
        added 20210629 by hagemand
    */
    .news {
        width: 68%;
    }
    .box_body .news_inclusion {
        width: 68%;
    }
    
    .headbar { width: 1100px;}
    img.logoimg {width: 350px;margin:10px 0;}
    header {
        margin: 0;
        text-align: left;
        z-index: 20;
        position: relative;
    }
    .shadow.mainpage p.description.hyphenate, p {max-width: 100%;}
    .shadow p.description.hyphenate, p, img.img.img-responsive {max-width: 725px;}
    .content {margin: 0;}

    footer {margin: auto; width: 100%;font-size: 18px;}

    .regular.slider.facts .slick-slide img {width: 350px !important;}
    .infobox.Narrow {width: 350px; margin: 0 25px 25px 0;}
    .infobox.Wide, .IndicoEventItem, .toggle_wrapper {width:1100px;}
    .box_announcement {width:1050px;}
}

@media all and (min-width: 1140px) {
    article {width:1100px;}
    header {margin: 0;}
    img.logodesy {width:150px;position:relative;}
    p.social {float: right;margin-top: -35px;}

    .footerflex {
        width:1100px;
        max-width: 100%;
    }

    div.logoimages {
        margin: 14px 0 0 33%;
        overflow: hidden;
    }

    .teaser div#teaser{
        clear: none;
        margin-left:0;
        float: right;
        width: 327px;
        margin-top:50px;
    }

    .regular.slider.facts .slick-slide { margin: 0 12px;}
    .slick-list {margin: 0 -12px !important;}
    .factnumber {
        top: 100px;
        margin-left: 149px;
    }
    .facttext {
        width: 220px;
        top: 190px;
        margin-left: 67px;
    }
}





/**************************************/
/*  CSS-Modul: ZMS-DEFAULTS         */
/**************************************/


div.ZMSGraphic {
	background-color:transparent; 
        margin:0;
}

a.zoom img.zoom
	{
	width: 23px;
	height: 21px;
	}

div.ZMSGraphic img {
 border:0px;
}



/*-- FLOATING ---------------*/
.clearing {
	clear: both;
	height: 0;
	border:0;
	margin:0;
	padding:0;
	line-height:0;
}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
img.imgNoborder {
	border:0px;
}

/*------------- column text------------------ */

		table.column td {
		vertical-align: top;
                padding: 20px;
		}

/*--------------Maps Hack--------------------*/
.smallteaser {
        padding:10px;
        width:220px;
        border: 1px dotted #e6e6e6;
        font-size: 1em;
        /* font-size:90%; */
}

/*---------------Personenprofile-------------*/

div.personName {
font-weight: bold;
background-color: #fff;

}
/*---------------Quicklinks-------------------*/

div.LinkElementTitle {
font-weight: bold;
padding: 5px;
color:  #333;
white-space: nowrap;
}

/*---------------ZMS Table---------------------*/

table.ZMSTable td {
background-color: #fff;
}
table.ZMSTable th {
background-color: #fff;
border-bottom: 1px solid;
}

table {border-collapse: collapse;}
td {padding: 10px;}


/*---------------Login Form---------------------*/
#login_required {
margin-left: 20%;
}

/*--------------Video-----------------------------*/
video {max-width:100%;}

/*--------------Gallery ---------------------*/
div.gallery div.mediaitem {
float: left;
min-height: 250px;
margin-right: 2em;
font-size: 70%;
padding-bottom: 30px;
width:290px;
height:250px;
}

div.gallery p.mediaiteminfo {font-size:80%;}

div.mediaitem div.graphic img {
margin:0;
max-width: 100%;
height: auto;
margin-top: -28px;
width:300px;
}

div.gallery .fancybox:before {
content: "\f055";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
position: absolute;
font-size: 30px;
top: 135px;
left: 10px;
}

div.gallery .fancybox:after {
content: "";
}

div.gallery div.text {width: 255px !important;}

div.gallery .graphic {
clip: rect(0px 250px 170px auto);
position: absolute;
z-index:20;
}

div.gallery div.ZMSGraphic div.text {
padding: 4px;
position: relative;
top: 123px;
line-height: 15px;
}

div.gallery div.ZMSGraphic {margin: 4px 0 0 0;}

div.gallery .ZMSGraphic div.text p {margin-top: 64px; font-size: 113%;}

/*---------------Forms-----------------------*/
input {
max-width:90%;
}

/*-------------------Infobox -----------------*/

div.ZMSFile div.title a:link, 
div.ZMSFile div.title a:visited, 
div.ZMSLinkElement div.title a:link, 
div.ZMSLinkElement div.title a:visited {
font-size: 100%;
font-family:"DesyNeueHelveticaWFS-55Rm";
}


div.infobox div.ZMSFile div.title, div.infobox div.ZMSFile div.text, div.infobox div.ZMSFile div.title a, table.infobox, table.infobox div.ZMSFile div.title, table.infobox div.ZMSFile div.text {
font-size:15px;
}
.infobox.right h2, h2.infobox_title {margin:0;}
h2.infobox_title {
    font-family: "DesyNeueHelveticaWFS-55Rm";
    color: #e6007d;
}
.infobox.right {
    margin: 0;
    float:right;
}

.infobox.White {padding: 0; background:#fff;}

.infobox.Wide .image {
    height: 250px;
    margin: -22px -22px 15px -22px;
}
.infobox .fancybox:after {content:"";}
h2.infobox_toptitle {
    font-family: "HelveticaNeueW01-67MdCn 692710";
    font-weight: normal;
    color: #009fdf;
    font-size: 30px;
    padding-bottom:10px;
}

div.ZMSFile div.title, div.ZMSLinkElement div.title {
font-size: 18px;
    margin: 0 0 20px 0;
}

div.ZMSFile, div.ZMSLinkElement {
float: none;
font-weight: normal;
margin: 0;
}

img[src*="/misc_/zms/internal_link.gif"] {
height: 0;
}

div.ZMSFile img {
display: none;
}

div.LinkBox ul {
padding-left: 0;
margin-left: -25px;
list-style-type: none;
}

div.LinkBox a:after {
content: "\f101";
font-family: FontAwesome;
margin-left: 5px;
}
/*------------------- Images --------------------*/

div.graphic img {
/*margin: 20px 4% 0 0;*/
max-width: 100%;
height: auto;
}

div.ZMSGraphic.right div.graphic img {
float:right;
}

div.ZMSGraphic.right div.graphic.alignright .fancybox:after {
top: 90px;
left: 170px;
}



a.fancybox {
text-decoration: none;
}

a.fancybox img {
background:none;
padding-bottom:0;
}

div.ZMSGraphic div.text, p.caption, div.ZMSGraphic div.text p{
    color: #009fdf;
    font-size: 16px;
    padding: 0;
    font-style: normal;
    line-height: 24px;
    margin: 0;
}

div.ZMSGraphic.left {margin-right: 20px; margin-bottom:20px;}

/*-----------------ZMI--------------------*/
.zmi header {
position: relative;
}

div.ZMSFile div.text, div.ZMSLinkElement div.text, div.ZMSLinkElement div.description {
  font-size: 75%;
}

div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited, div.ZMSLinkElement div.title a:link, div.ZMSLinkElement div.title a:visited {color: #e6007d; font-size:100%;}
div.ZMSFile div.title a:hover, div.ZMSLinkElement div.title a:hover {color: #e6007d;}

div.ZMSLinkElement a:after {
  content: "m";
  background:url('../common/assets/arrowmagenta.png') no-repeat;
  background-size:contain;
  background-position:bottom;
  color:transparent;
  font-size:25px;
  margin-left:10px;
}

/* div.ZMSLinkElement.internal a:before {  content: "\f14c";} */


div.ZMSLinkElement a[href*="mailto"]:before {
    content: "\f003";
    font-family: fontAwesome;
    margin-right: 10px;
}


.news_preview_text {
margin-bottom: 40px;
}

div.news_preview_text p a {
text-decoration: none;
color: #000;
font-size:15px;
}

a.readmore {
font-weight: bold;
}
a.readmore:after {
    content: "\f101";
    font-family: 'FontAwesome';
    margin-left: 10px;
}

/*---------------Formular-------------*/
div.formular {
background-color:transparent;
border:none;
}

div.formtext {
border:none;
}


.zmi a {
text-decoration:none
}
div.center .contentEditable {
margin-top:0 !important;
}

/*-----------------Slider------------------------*/
div.sliderbanner.has-dots ul li {
margin-left: 0;
list-style-type: none;
}

div.sliderbanner.has-dots ol.dots {
/*margin-left: 8px;*/
}

/*.sliderbanner li, .sliderbanner li div {max-height:760px !important; height:760px !important;}*/
/*Changed 8.3.2021 to make the website look like DASHH*/
.sliderbanner li, .sliderbanner li div {max-height:600px !important; height:600px !important;}
p#e130572 {max-width: 100%;}
/*END-Changed 8.3.2021 to make the website look like DASHH*/

div.slide_item {background-size:contain; background-position: 50% 100px; width:100%;padding:0;}



div.slide_item div.description {
    max-width: 1100px;
    margin: auto;
    padding-left:20px;
}


.desy_dot {
display: none;
}

.slide_item .description { 
    margin: 0;
    background: transparent;
    position: relative;
    width: 100%;
    max-width:100%;
    top:0;
}
.slide_item .description h4 {
    max-width: 1100px;
    margin: auto 0;
    width: 1100px;
    padding-top:100px;
}

.descriptionshadow {display:none;}

p.highlight_txt {
color: #fff;
}

div.sliderwrapper {
margin-bottom: 18px;
position:relative;
}

ol.dots {
margin-bottom: 8px;
}

.sliderbanner .dots li.active {
background: #e30613;
border: 2px solid #e30613;
}

.sliderbanner .dots li {
display:none;
}

.sliderbanner.has-dots {
z-index:0!important;
height:600px !important; /* was height:760px !important; */
width:100% !important;
}

div.content div.sliderbanner ul li:before {content:"";}
div.content div.sliderbanner ul{padding-left:0;}



/*----------------Publications----------*/
.publication {
border-top: 2px solid #b99764;
margin: 0 0 50px 0;
padding: 20px;
}

div.publication table,  div.publication th,  div.publication td {
  border: 0;
}

/* ---- Renate am 3.5.2017 ---- */

.invenio p { margin-bottom: 15px;}

img.linkresicon {
    float: right;
margin-top: -15px;
}
.invenio a.openurl {margin:0; height:0;}

.invenio span.refdoi {margin: 1em 0 0 0 !important;}

img[src$="12x16.gif"] { height: 0;}

a[href$="files?ln=en"]:before {
    content: "\f016";
    font-family: FontAwesome;
    margin-right: -10px;
}
span.bib_cell span small {display: none;}
.InvenioAdvancedLinks img[alt$="OpenAccess"], .InvenioAdvancedLinks img[alt$="DBCoverage"] {/*order: 3;*/ align-self:center; float: right; margin-top: 33px;margin-left:-80px;}
span.bib_cell span a[href$="files"] {/*order: 2;*/ align-self:center;
    float: right;
    margin-top: -27px;
    color: transparent;
    background: url(https://www.cfel.de/common/library-link.gif) no-repeat;
    width: 150px;
    background-position: right;
}
span.InvenioAdvancedLinks {
    width: 100%;
    overflow: hidden;
    line-height: 5em;
    justify-content: space-between;
    margin-top: -20px;
    position: relative;
    background: #fff;
}

span.bib_row span.bib_cell span span[style$="font-size:xx-small"]:last-child {
    float: left;
   /* background: red; */
    font-size: 14px !important;
    margin-left:-6px;
}

span.bib_row span.bib_cell span a[href$="files?ln=en"] {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-right: 5px;
}

span.bib_row span.bib_cell span[style$="display:block"] {
    /*background: yellow;*/
    overflow: hidden;
    line-height: 5em;
    /*display: flex !important;*/
    justify-content: space-between;
    margin-top:-20px;
    position: relative;
    background: #fff;
}


/* ---- End of Renate am 3.5.2017 ----- */


/*---------------Scientific Area ---------------*/

div.area a:hover {
text-decoration: none;
}

.area {
margin: 0 0 30px 0;
}

div.area ul li {
list-style-type: none !important;
margin-left: 5% !important;
}

div.area ul li:before {
content: "\f0c8";
font-family: FontAwesome;
font-size: 50%;
margin: 0 10px 0 0;
color: #b99764;
}

.box_announcement {
overflow: hidden;
padding-top: 3px;
min-height: 300px;
}
/*.box_announcement .ZMSGraphic { margin-top: 3px; }*/



div.news_preview_text p font {
font-size: 15px;
}

.invenio a.refauthor {
    color: black;
    cursor: text;
    text-decoration: none;
}
.invenio a.RichTextExtLink.ExternalLink {
    color: black;
    text-decoration: none;
    cursor: text;
    margin: 1em 0 1.3em 0;
    display: inline-block;
}
.invenio > p {
    border-top: 1px solid #f6a800;
    padding: 2em 1em;
}
.invenio a.refjournal {
    color: black;
    text-decoration: none;
    cursor: text;
    font-style: italic;
}
.invenio span.refvolume {
    font-weight: bold;
}
.invenio .refissue { display:none; }
.invenio span.refdoi {
    display: block;
    margin: 1em 0;
}
.invenio span.refdoi:before {
    content: 'doi: ';
}
.invenio span.roleDsp {
    display: none;
}
.invenio a.openurl {
    text-decoration: none;
    display: none;
    margin: -18px 0px 1.2em 0;
}

/*-------------- Suche ----------------*/

.suchergebnis table,  .suchergebnis th,  .suchergebnis td {border: 0;}

.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {color:#b99764 !important;}
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b, .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b {color: #e30613 !important;}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl, .gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {color:#e30613 !important;}
.gsc-tabsArea, .gsc-tabHeader.gsc-tabhActive {border-color: #b99764 !important;}
.gsc-tabHeader.gsc-tabhActive {border-top: 2px solid #b99764 !important;  border-bottom: 1px solid #fff !important;}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page, .gsc-results .gsc-cursor-box .gsc-cursor-page {color:#e30613 !important;}
.gs-web-image-box-portrait img.gs-image:before {content: "";}
.gsc-tabHeader.gsc-tabhInactive {background-color: #fff !important; border-bottom: 1px solid #b99764 !important;}
.gsc-tabsArea {height:30px !important;}
.gsc-selected-option-container {background: #b99764 !important; color: #fff !important; border-radius: 0 !important;}
.gsc-refinementsArea, .gsc-above-wrapper-area {border-bottom:0 !important;}
table.gsc-branding, table.gcsc-branding {display: none !important;}
.gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhInactive {color: #b99764 !important; text-transform: uppercase !important;}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {margin-left: 10px;}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {padding-bottom:0 !important;}
td.gsc-table-cell-thumbnail.gsc-thumbnail {padding-top: 5px;}
td.gsc-table-cell-snippet-close {padding-top: 0;}
span.gs-fileFormat {margin-left: 10px;}

input.form-submit {
  background: #b99764;
  color: #fff;
  padding: 5px 15px;
  border: 0;
}

input#raw {
  border: 1px solid #b99764;
  padding: 4px;
  width: 150px;
}
input#raw:focus, input.form-submit:focus {outline: none;}

/*Aenderungen am 8.03.2021 damit die Website wie DASHH aussieht */
header {box-shadow: 1px 1px 8px #e2e2e2;}
header.mainpage {box-shadow:none; height:100px;}
li.e130661 {
    margin-top: 20px;
}
li.e130661:before {
    background-image: linear-gradient(to right,#009fdf, #e6007d);
    height: 2px;
    content: "";
    display: block;
    color: transparent;
    margin-bottom: 10px;
}
li.e130661 {margin-top: 20px;}
div#e132076 {margin: 0;}
div#infoboxContent131297 .text { display: none;}