html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
	/* Set your content font stack here: */
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #6d6d6d;
}

ul, li { margin: 0; padding: 0;}
p {  }
a { text-decoration: none; color: #535353; }
h1, h2, h3 { margin-top:0; margin-bottom:0.4em; font-family: Georgia, arial, serif; font-variant: small-caps; letter-spacing:2px }
h1 { color: #253555; font-size: 28px; font-weight: bold; }
h1 span { display: block; font-family: 'Open Sans', Helvetica, sans-serif; font-size: 20px; color: #979797; font-weight: normal; margin-top:15px; letter-spacing: 1px }
h1 span::before { content: "-------------------------------------   "; color: #e0e0e0 }
h1 span::after { content: "   -------------------------------------"; color: #e0e0e0 }
h2 { color: #253555; font-size: 20px; font-weight: bold; }
h3 { color: #253555; font-size: 18px; font-weight: bold; }

@media screen and (max-width: 1023px) {
	h1 span::before { content: ""; }
	h1 span::after { content: ""; }
}

.center { text-align: center }

/* Grundlegende Styles */
.content-wrapper { max-width: 1280px; margin: 0 auto 0 auto; padding: 20px }

#header-infobar { height: 35px; border-bottom: 1px solid #d9e2f2; }
#header-infobar > div { max-width: 1280px; margin: 0 auto 0 auto; }

header > .content-wrapper { height: 140px; padding:10px; position: relative; }
header { border-bottom: 1px solid #d9e2f2 }



#header-infobar > div { text-align: right; padding-top: 5px }
#header-infobar > div > span { color: #3e5f91; font-size: 15px; font-weight: 500; margin-right: 15px }
#header-infobar i { color:#3e5f91; font-size: 17px; margin-right: 3px; }
#header-infobar a { color:#3e5f91; font-size: 17px; margin-right: 20px; }

#language { /* position: absolute; right: 20px; top:15px; */ background: grey }

#logo img { max-width:100%; height:auto; margin:0; padding:0; }



/* Navigation Header */
#navi-header { position: absolute; right: 20px; top:100px }

#hamburger { display:none; text-align:right; }
#hamburger a { color:#fff; background: #253555; padding: 5px 10px; }

.unvisible { display:block }
.navi-header li { display: inline-block;  }
.navi-header>li>a { font-weight: 500; color: #253555; padding: 5px 15px; }
.navi-header>li>a:hover { color:#fff; background: #253555; }



.dropdown-button span { font-weight:500; color:#253555; padding: 5px 15px; }
.dropdown-button span:hover { color:#fff; background: #253555; }
.dropdown-button:hover .dropdown-content { display: block }
.dropdown-content { position: relative; display: none }

.navi-header-sub { position: absolute; top:0; right:0; padding-top: 15px }

.navi-header-sub ul { border: 1px solid #253555 }
.navi-header-sub li { display: block; background: #253555; border-bottom: 1px solid #fff }
.navi-header-sub li:last-of-type { border-bottom: none } 
.navi-header-sub li:hover { display: block; background: #fff; border-bottom: 1px solid #fff }
.navi-header-sub a { display:block; white-space: nowrap; color:#fff; font-size: 16px; font-weight: 500; padding: 10px 15px; }
.navi-header-sub a:hover { color: #253555 }
.navi-header-sub a i { margin-right: 15px; }

@media screen and (max-width: 1023px) {
	header > .content-wrapper { height: 170px; }
	#navi-header { position: absolute; right: 20px; top:150px }
}

@media screen and (max-width: 767px) {
	header > .content-wrapper { height: auto;  }
	#navi-header { position:static;  }
	
	#hamburger { display:block; margin-bottom:10px }
	
	.unvisible { display:none }
	.visible {display:block }
	.navi-header li { display:block; padding:5px 0 }
	
	.navi-header-sub { position:static; }
	.navi-header-sub a { white-space:normal; }
	
}
/* -- Navigation Header -- */




#eyecatcher {  }
#eyecatcher img { width: 100%; height: auto; margin:0; padding:0 }

/* Main - Styles */
.main-grey { margin-top: 35px; background: #f4f4f4; border: 1px dotted #e3e3e3 }
.main-white { margin-top: 25px; background: #fff; }

main p, main a { margin-top: 1.2em; font-weight: 500; line-height: 1.4; font-size: 17px; }
main a { color:#253555 }
main a:hover { text-decoration:underline }
main ul { margin-top: 15px }
main li { margin-left:20px; padding: 3px; font-weight: 500; font-size: 17px; }
main i { display: inline-block; width:30px; margin-left:-30px }
main .liststyle-none { list-style:none; margin-left:0px; padding-left:30px }

.l-box { margin-right:20px; padding: 0 }
.r-box { margin-left: 20px; padding: 0 }
.m-box { margin: 0 10px; padding: 0 }

.l-box, .r-box, .m-box {
    margin: 0 10px 20px 10px;
}

/*
@media screen and (max-width: 1023px) {
	.l-box, .r-box, .m-box { margin: 0 10px 20px 10px }
	.distance-1023 { margin-top:30px }
}*/

.box-style { text-align: center; padding: 50px 25px 25px 25px; height: 200px; }
.box-style i { font-size: 30px; margin-bottom: 20px; color:#253555 }

.box-style-portrait { text-align: center; padding: 25px; }
.box-style-portrait a { color:#6d6d6d }

.box-style-mini-portrait { text-align: center; padding: 10px; }
.box-style-mini-portrait a { color:#6d6d6d }
.box-style-mini-portrait p { margin:5px; padding:0 }

.b1 { border: 1px dotted #253555 }

.mh300 { min-height: 300px }
.mh400 { min-height: 400px }

.mt20 { margin-top:20px; }

.link-button { display:inline-block; padding: 3px 15px; background:#253555; color:#fff; border-radius:5px  }



/*
 * -- PURE FORM STYLES --
 * Style the form inputs and labels
 */
 .pure-form label {
    margin: 1em 0 0;
    font-size: 100%;
}

.pure-form label {
	color: #253555;
	font-size: 17px;
	font-weight: 500;	
}

.pure-form .u-inputtext {
    border: 1px solid #ddd;
    box-shadow: none;
	font-size: 17px;
    width: 100%;
    margin-bottom: 1em;
}

.pure-form textarea {
    margin-bottom: 1em;	
}

.pure-button-primary {
	background-color: #253555; color:#fff; border-radius: 4px; font-weight: 500;
}



/* Footer - Styles */
footer { margin-top: 25px; background: #3e5f91; color:#fff; border-top: 1px solid #253555 }
footer .head { font-family: 'Open Sans', Helvetica, sans-serif; font-variant: normal; font-size: 18px; font-weight: 700; color:#fff; margin:0 0 10px 0; padding: 0; }

footer .box-1 { padding-top:24px }
footer .box-3 { padding-left:20px }
footer .box-4 { padding-left:90px }
footer .head { margin-top:0; margin-bottom:0.4em }
footer .day { display: inline-block; width: 100px; }
footer .time { display: inline-block; margin-left: 2px; }


footer p, a { color:#e5e5e5; font-size: 17px; margin:0; padding:0 }
footer a:hover { text-decoration: underline; color:#fff }
footer i { font-size: 15px; margin-right: 8px }
#copyright { text-align: center; background: #253555; height: 35px }
#copyright p { padding-top: 7px; color: #b8bcc7; font-size: 14px }

/*
@media screen and (max-width: 1023px) {
	footer .box-4 { padding-left:40px; }
	footer .head { font-size: 17px; font-weight: 700; }
}*/

@media screen and (max-width: 1279px) {
	footer .box-1 { padding-top:0; padding-bottom:20px; text-align:center; border-bottom:1px dotted #f4f4f4 }
	footer .box-2 { padding-left:0; padding-bottom:20px; margin-top:20px; text-align:center; border-bottom:1px dotted #f4f4f4 }
	footer .box-3 { padding-left:0; padding-bottom:20px; margin-top:20px; text-align:center; border-bottom:1px dotted #f4f4f4 }
	footer .box-4 { padding-left:0; margin-top:20px; text-align:center; }
}