@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");
}

.desy1 {font-family:"DesyNeueHelveticaWFS-87HvCn";}


body.bodyweb {
margin:0;
font-family: Arial, sans-serif;
/*font-size: 110%;*/
background: #fff url(common/bg430.jpg) no-repeat;
background-size: cover;
background-attachment:fixed;
height: 100%;
}

header a:hover {text-decoration: none;}

span.deutsch {
background: url('/sites/common4all/images/lang-sprite.png') no-repeat 35px -1px;
color: transparent;
background-size: cover;
}

span.english {
background: url('/sites/common4all/images/lang-sprite.png') no-repeat -57px -1px;
color: transparent;
background-size: cover;
}

.langen, .langger {float:right; width: 27px;}
.langen {margin: -35px 45px 0 0;}
.langger {margin: -35px 20px 0 0;}

.shadow {
}

.logo h2 {
  color: #fff;
  font-size: 130%;
  font-family: Corbel, sans-serif;
  margin: 5px 0 -10px 4.4%;
  padding: 0;
  text-shadow: none;
}

h1, h2, h3, h4, h5 {
font-family: Corbel, sans-serif;
font-weight: bold;
  color: #000;
  text-shadow: 1px 1px 1px #e6e6e6;
}

h1{
font-weight: bold;
font-size: 160%;
}

h1.title {
padding-bottom: 15px;
}

h2, h3, h4, h5 {
padding-top: 25px;
}

p.description.hyphenate { font-weight:bold; }

strong, b {
font-weight: bold;
}

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

a:visited, a:link {
color: #0d99bf;
text-decoration: none;
}

a:hover {
}

p, li {
margin-top: 10px;
line-height: 35px;
  text-shadow: 1px 1px 1px #e6e6e6;
}

p.caption {
font-size: 75%;
}

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

.center .graphic {
margin: auto;
}
div.graphic {
    width: 100% !important;
}

.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.ZMSFile, div.ZMSLinkElement {
background:transparent;
}

div.content div ul li {
/*background: url(/sites/common4all/images/bullet_ecke.png) 0 9px no-repeat;*/
margin-left: 25px;
list-style-type: disc;
}

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;
background: rgba(0,0,0,0.50);
width: 100%;
z-index: 20;
position: relative;
}

div.logo {
margin: 0 0 0px 0;
padding: 30px 0 0 0;
background: rgba(255,255,255,0.2);
height:125px;
}


article {
margin: 0px 0 0 0;
padding: 0 0 0 5px;
overflow: hidden;
background-color: rgba(255,255,255,0.90);
padding-bottom: 100px;
position: relative;
z-index: 0;
}

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

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


.teaser div#teaser{
clear: both;
padding: 10px;
/*margin-top: 450px;*/
background: transparent;
color:#000;
font-size: 90%;
width: 90%;
}

div.ZMSTeaserElement {
padding-left: 6%;
}


div.ZMSTeaserElement div.title {
font-weight: normal;
font-weight: bold;
color: #000;
font-size: 120%;
}


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

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

div.ZMSTeaserElement div.title a {
font-size: 78%;
}

.clearfloating {
height: 4px;
}

footer {
background: rgba(255,255,255,0.70);
color: #000;
font-weight: bold;
padding-bottom: 50px;
font-size: 80%;
bottom: 0;
width: 100%;
height: 20px;
}

footer p {
margin-left:5%;
text-shadow: none;
margin-top:0;
}

footer p a:link, 
footer p a:visited {
text-decoration: none;
color: #000;
  text-shadow: none;
border-bottom:none;
}

.menu-button {
text-align: center;
background: transparent;
color: #fff;
}

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

a[href^="mailto:"]:before {content:"\f003"; font-family:FontAwesome; margin-right:10px;}



h1.desy1.pink, h1.desy1.blue2, h1.desy1.blue1 {font-size: 250%; text-shadow: 2px 2px 5px #333;}
h1.desy1.blue1 {color: #0d99bf;float: none;}
h1.desy1.blue2 {color: #0d99bf;float: left;}
h1.desy1.pink {float: left;color: #e0297c;margin-right: 15px;}
h1.desy1.blue1, h1.desy1.pink {margin-left:4%;}
h1.desy1.pink, h1.desy1.blue2 {margin-top: -10px;}

h5.trigger {
    font-size: 20px;
    text-transform: uppercase;
    border: 1px solid #dbe9ca;
    padding: 14px;
    background: rgba(255,255,255,0.4) !important;
}
h5.trigger:after {
    content: "\f055";
    font-family: FontAwesome;
    float: right;
    /*color: #dbe9ca;*/
}
h5.trigger.trigger_active:after {
    content: "\f056";
}


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

}

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

.teaser div#teaser {
clear: both;
padding: 10px;
/*margin-top: 370px;*/
/*background: #e6e6e6;*/
width: 95%;
}

h1.desy1.pink, h1.desy1.blue2, h1.desy1.blue1 {font-size: 370%; }

body.bodyweb {
background: #fff url(common/sterne.jpg) no-repeat;
background-size: cover;
background-attachment: fixed;
}

div.logo {height: 175px;}

}

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

.content {
width: 80%;
}



footer p {
padding-top: 15px;


}

article {
margin: 0;
padding: 0 0 100px 20px;
}


.headermargin {
/*padding-left: 5%;*/
background-color: #fff;
/*border-top: 1px dotted #777d83;*/

}


}

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

div.logo {height: 250px;}

h1.desy1.pink, h1.desy1.blue2, h1.desy1.blue1 {font-size: 570%;}
h1.desy1.pink, h1.desy1.blue2 {margin-top: -20px;}

.langen {margin: 16px 45px 0 0;}
.langger {margin: 16px 20px 0 0;}

.content {
margin-left:40px;
float: left;
width: 63.58333333%;
}

.teaser div#teaser{
clear: none;
/*padding-top: 0;*/
/*margin-top: 0;*/
margin-left:0;
float: right;
width: 29.16666666%;
/*background: transparent;*/
}

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

footer{
float: none;
}

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

.testimonial {
border: 1px solid #049fe4;
width: 300px;
height: 300px;
border-radius: 50%;
font-size: 16px;
background: #049fe4;
padding: 10px;
margin: 20px;
float: left;
}
.testimonial p {
margin: 65px 0 0 55px;
width: 200px;
color: #fff;
text-align: center;
}

}

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

article {margin: 0px 0 0 0; width:1120px;}

header {
margin: 0;
text-align: left;
width: 1140px;
z-index: 20;
}

footer {margin: 0px 0 0 0; width: 1140px;}

.logo{
max-width: 1140px;
}

}

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

footer {
float: none;
margin: 0px 0 0 10%;
}


article {margin: 0px 10% 0 10%;}
div.logo {margin: 0 0 0px 10%; height:250px;}


header {margin: 0 0 0 10%;}
}

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

article {margin: 0px 0 0 20%;}
header.logo {padding: 0 20%;}
header {margin: 0 0 0 20%;}
div.logo {margin: 0 0 0px 20%;}
footer {margin: 0px 0 0 20%;}

}






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


div.ZMSGraphic {
	background-color:transparent; 
}

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;
	font-size:1;
	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;
}

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

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

/*--------------Gallery ---------------------*/
div.gallery div.mediaitem {
float: left;
min-height: 270px;
margin-right: 2em;
font-size: 70%;
}

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

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

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

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

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

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

div.gallery .ZMSGraphic div.text p {margin-top: 64px;}

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

}

div.ZMSFile div.title, div.ZMSLinkElement div.title {
font-size: 0.8em;
}

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

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

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

.fancybox:after {
content: "\f055";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
position: relative;
font-size: 30px;
top: -55px;
left: -5px;
}

a.fancybox {
text-decoration: none;
}

a.fancybox img {
background:none;
}

div.ZMSGraphic div.text {
margin-top: -50px;
}

/*-------------------Slider--------------------*/

ol.dots {
margin-left: 30px;
}

.desy_dot {
display: none;
}

.slide_item .description h4 {
color:#fff;
}

div.slide_item p.highlight_txt {
color: orange;
}

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

/*--------------News Inclusion-------------*/

img.box_announcement_image.img {
clip: rect(0px 169px 170px auto);
position: absolute;
}

div.box_announcement p {
margin-left: 190px;
}
.all_news {
margin-top: 100px;
float: right;
}

div.box_announcement h6 {
margin-left: 190px;
font-weight: bold;
margin-bottom: -5px;
}

.news_preview_text {
margin-bottom: 40px;
}

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

div.formtext {
border:none;
}


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