@font-face {
    font-family: Oswald;
    src: url(/sites/common4all/fonts/google-fonts/oswald/oswald-bold.ttf);
}

@font-face {
    font-family: Roboto Condensed;
    src: url(/sites/common4all/fonts/google-fonts/roboto-condensed/robotocondensed-light.ttf);
}

body.bodyweb {
margin:0;
font-family: 'Roboto Condensed', sans-serif;
letter-spacing: 0.04em;
background: #fff;
height: 100%;
}

.shadow {/*background: url(/sites/common4all/images/bg-overlay.png);*/ height: 100%; min-height: 100vh; padding-bottom: 20px;}


h1, h2, h3, h4, h5 {
font-weight: bold;
color: #002e4c;
letter-spacing: 0em;
/*font-family: 'Oswald', sans-serif;*/
}

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; padding-bottom: 30px; }

p {font-family: 'Roboto Condensed', sans-serif;}

strong, b {
font-weight: bold;
}

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

a:visited, a:link {
color: #4099d4;
text-decoration: none;
/*border-bottom: 3px solid #4099d4;*/
font-weight: bold;

}

a:hover {
text-decoration: none;
color: #4099d4;
}

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

div.graphic a:before {content: "";}
img[alt="application/pdf"], img[src="/misc_/zms/mime_type.application_pdf.gif"], img[alt="Icon"], img[src="/misc_/zms/external_link.gif"] {display: none;}


p {
margin-top: 10px;
line-height: 1.7em;
}

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

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

.center .graphic {
margin: auto;
}

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

div.graphic.alignleft {
margin-right: 25px;
}

.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;
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;
background: #002e4c;
width: 100%;
z-index: 20;
}

div.logo {
padding: 0 2%;
margin-top: 0;
background-color: rgba(255,255,255,0.9);
max-width: 1380px;
color:#002e4c;
}

div.logo h1 {
font-size: 155%;
font-weight: 900;
color: #002e4c;
padding-top: 7px;
text-align: left;
font-family: 'Oswald', sans-serif;
padding-top: 15px;
padding: 10px;
}

div.logo h1 sup {
font-size: 65%;
top: -0.5em;
vertical-align: baseline;
line-height: 0;
position: relative;
}

div.logo h2 {
color: #002e4c;
margin-left: 2%;
font-size: 90%;
text-align: left;
/*margin-top: -20px;*/
padding-top: 30px;
font-family: 'Roboto Condensed', sans-serif;
font-weight:bold;
}

article {
margin: 23px 0 0 0;
padding: 0;
overflow: hidden;
padding-bottom: 100px;
position: relative;
z-index: 0;
}

.content {
width: 90%;
font-size: 105%;
line-height:1.5em;
background-color: rgba(255,255,255,0.9);
padding: 25px;
overflow:hidden;
z-index: 0;
position: relative;
}

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


.teaser div#teaser{
clear: both;
background-color: rgba(255,255,255,0.9);
color:#002e4c;
font-size: 100%;
/*width: 100%;*/
}

div.ZMSTeaserElement {
padding: 0 6%;
}


div.ZMSTeaserElement div.title {
font-weight: normal;
font-weight: bold;
color: #002e4c;
font-size: 120%;
margin: 20px 0 7px 0;
}

div.ZMSTeaserElement div.title a {color: #002e4c;}


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

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



.clearfloating {
height: 4px;
}

footer {
background: #002e4c;
color: #ccc;
padding-bottom: 20px;
font-size: 80%;
bottom: 0;
width: 100%;
height: 20px;
}

footer p {
margin-left:2%;
margin-top: 7px;
}

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

.menu-button {
text-align: center;
background: #002e4c;
color: #ccc;
}

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

a.scrollToTop, a.scrollToTop:hover {
color: #4099d4;
font-size: 100px;
line-height: 1.0em;
text-decoration:none;
border:none;
}
.scrollToTop{
width: 50px;
height: 50px;
padding: 10px;
text-align: center;
background: rgba(0,52,120,0.6);
border-radius: 50%;
font-weight: bold;
color: #444;
text-decoration: none;
position: fixed;
bottom: 50px;
right: 17%;
}
.scrollToTop:hover{
	text-decoration:none;
}




@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: 98%;*/
}

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

div.logo h1 {
font-size: 200%;
/*margin-left: 3%;*/
padding: 10px;
}

div.logo h2 {
font-size: 149%;
float: right;
margin-top: -100px;
padding-right: 20px;
}

}

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

div.logo h1{
width: 90%;
text-transform: uppercase;
padding: 25px;
}

.content {
width: 95%;
}

footer p {
margin-left:2%;
padding-top: 15px;
margin-top: -7px;
}

footer {
position: fixed;
}
article {
margin: 20px 0 0 0;
padding: 0 0 100px 0px;

}


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

}
}

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

header {
position: fixed;
}

div.logo h1 {
/*margin-left:3%;*/
font-size: 250%;
padding-top:76px;
width:70%;
}


article {
max-width: 1380px;
/*font-size:130%;*/
}

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

 div.ZMSTeaserContainer {
}


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

#teaser .text {
width: 68%;
}

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

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

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

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

@media all and (min-width: 1200px) {
div.logo h1 {
width:64.58333333%;;
}

.teaser div#teaser {
width:395px;
}

}

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

footer p {
margin-left:10%;
}
article {
margin: 21px 0 0 1%;
}
div.logo {
padding: 0;
margin-left: 1%;
}

div.logo h1 {
/*margin-left:3%;*/
font-size: 300%;
}

.content {
width: 64.58333333%;
font-size: 1.25em;
}

.teaser div#teaser{
font-size: 1.25em;
}

#teaser .text {
width: 100%;
}
}

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

footer p {
margin-left:11%;
}
article {
margin: 20px 0 140px 6%;
}
header.logo {
padding: 0 20%;
}

div.logo {
margin-left: 6%;
}
.headermargin {
/*padding-left: 20%;*/
}

div.logo h1 {
/*margin-left:2%;*/
}

}

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

footer p {
margin-left:20%;
}
article {
margin: 20px 0 140px 13%;
}
header.logo {
padding: 0 20%;
}
.headermargin {
/*padding-left: 20%;*/
}

div.logo {
margin-left: 13%;
}

}





/**************************************/
/*  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: #002e4c;
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;
}

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

div.ZMSFile, div.ZMSLinkElement {
float: none;
font-size: 20px;
font-weight: normal;
margin: 20px 0 0 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.floatleft, div.ZMSGraphic.left {
margin-right: 25px;
}

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