html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, form, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video { background: transparent; font-size: 100%; vertical-align: baseline; border: 0; outline: 0; margin: 0; padding: 0; }

html { background: #7d7e7c; font: normal 14px/1.35 "AvenirNextRoundedW01-Re", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #1D1E1C; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
body { background: #fff; width: 1000px; border: 1px solid #3d3e3c; border-width: 0 1px; margin: 0 auto; }

article, aside, figure, figcaption, footer, header, nav, section { display: block; }
h1, h2, h3, h4, p, ul, ol, dl, pre, address, table, form, hr, figure, audio, video { margin-bottom: 1.5em; }



/* TYPOGRAPHY
------------------------------------------------------------------------------------------------ */

h1, h2 { font-family: "AvenirNextRoundedW01-Re"; font-weight: normal; }
h3 { font-family: "AvenirNextRoundedW01-Bo 1075574"; font-weight: normal; color: #4d4d4d; }

h1 { font-size: 40px; line-height: 1.125; text-align: center; }
h2 { font-size: 40px; line-height: 1.2; margin-bottom: 10px; }
h3 { font-size: 21px; line-height: 1.25; margin-bottom: 10px; }

a, :focus { outline: 0; }

a { color: #07f; text-decoration: none; }
a:visited { color: #07f; text-decoration: none; }
a:hover { color: #07f; text-decoration: none; }
a:active { color: #07f; text-decoration: none; }

a img { border: 0 none; }

strong, b { font-weight: bold; }
small { font-size: .875em; }

ul { list-style: square outside; margin-left: 2em; }
ul ul { margin-bottom: 0; }



/* MEDIA
------------------------------------------------------------------------------------------------ */

img { -ms-interpolation-mode: bicubic; }
img  { display: block; vertical-align: middle; max-width: 100%; width: auto; width: auto\9; /* IE Fix */ height: auto; border: 0; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }

figure {  }
figcaption {  }

img, object, embed { display: block; }



/* FLEXROWS
------------------------------------------------------------------------------------------------ */

.flexrow { font-size: 0; margin: 0 -20px; }
[class^="col"] { font-size: 14px; display: inline-block; width: 100%; vertical-align: top; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



/* MODUL: HEADER (Masthead)
------------------------------------------------------------------------------------------------ */

.masthead { background: url(../images/bg-head.jpg) no-repeat 50% 100%; height: 480px; padding: 40px; position: relative; }

.logo { float: left; background: url(../images/logo.png); width: 137px; height: 55px; }
.logo-db { float: right; background: url(../images/logo-db.png); width: 56px; height: 39px; }

h1 { clear: both; }



/* MODUL: MAIN
------------------------------------------------------------------------------------------------ */

section { padding: 80px 40px 30px; position: relative; }

.col1_2 { width: 50%; margin-left: 50%; }
.col1_4 { width: 25%; }

h2 + p { font-size: 20px; line-height: 1.2; color: #999; margin-bottom: 40px; }


/* Intro */

.intro { padding: 40px 40px 30px; }
.intro .col1_2 { font-size: 14px; margin-left: 0%; }
.intro p { color: #999; margin-bottom: 10px; }

.jumper { background: url(../images/a-jumper.png); position: absolute; bottom: 0; left: 50%; display: block; width: 58px; height: 58px; margin: 0 0 -29px -29px; z-index: 1;  }


/* Video */

.video { background: #3c3c3b; color: #fff; position: relative; padding: 60px 40px 70px; }

video { display: block; margin: 3px auto 30px; }

.campaigndetails { font-family: 'AvenirNextRoundedW01-De 1075568'; font-size: 14px; line-height: 1.25; list-style: none; margin: 0; }
.campaigndetails ul { margin: 0; }
.campaigndetails li { margin-bottom: 8px; float: left; margin-left: 50px; }
.campaigndetails li:first-child { margin-left: 0; }
.campaigndetails li.buttons { float: right; margin-left: 0; margin-top: -5px; }
.campaigndetails span { font-size: 12px; color: #777; }

.video p { font-size: 20px; color: #999; position: absolute; top: 180px; right: 40px; }


/* Situation */

.situation { background: url(../images/bg-situation.jpg) no-repeat 0 100%; min-height: 330px; }
.situation ul { font-family: 'AvenirNextRoundedW01-De 1075568'; font-size: 12px; color: #8b8b8b; list-style: none; margin: 0; }
.situation li { text-align: center; display: inline-block; margin-left: 40px; }
.situation li:first-child { margin-left: 0; }
.situation img { display: block; margin: 0 auto 10px; }


/* Ansatz */

.ansatz { background: #f6f6f6 url(../images/bg-ansatz.jpg) no-repeat 0 100%; min-height: 330px; }
.ansatz ul { font-family: 'AvenirNextRoundedW01-De 1075568'; font-size: 12px; color: #8b8b8b; list-style: none; display: inline-block; vertical-align: top; margin: 0 40px 0 0; }
.ansatz ul:first-child { margin-left: 0; }


/* Verbindung */

.verbindung { background: url(../images/bg-verbindung.jpg) no-repeat -30px 100%; min-height: 490px; }
.verbindung .col1_2 div { font-size: 10px; color: #999; display: inline-block; vertical-align: top; width: 125px; margin-right: 30px; }
.verbindung .col1_2 div img { margin-bottom: 10px; }


/* Begleitung */

.begleitung { background: #f6f6f6 url(../images/bg-begleitung.jpg) no-repeat -30px 100%; min-height: 490px; }
.begleitung .col1_2 div { font-size: 10px; color: #999; display: inline-block; vertical-align: top; width: 125px; margin-right: 30px; }
.begleitung .col1_2 div img { margin-bottom: 10px; }


/* Bottom */

.bottom { background: url(../images/bg-bottom.jpg) no-repeat 0 250px; min-height: 700px; }
.bottom .jumper { background: url(../images/a-jumper-bottom.png) no-repeat 50% 0; font-family: 'AvenirNextRoundedW01-De 1075568'; font-size: 10px; color: #999; text-align: center; width: 80px; bottom: -155px; padding-top: 65px; margin-left: -40px; }
.bottom h2 { margin-left: 20px; }


/* MODUL: FOOTER (Contentinfo)
------------------------------------------------------------------------------------------------ */

footer[role=contentinfo] { background: url(../images/bg-footer.jpg) no-repeat 50% 100%; height: 280px; }




/*
===================================================================================================
M E D I A   Q U E R I E S   >   Retina / High DPI Styles
===================================================================================================
*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) {




}





/*
===================================================================================================
M E D I A   Q U E R I E S   >   Print Styles
===================================================================================================
*/

@media print {

* { background: transparent !important; color: black !important; text-shadow: none !important; box-shadow: none !important; opacity: 1 !important; filter: none !important; -ms-filter: none !important; }

@page { margin: 2cm; }

h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
p, h1, h2, h3, h4, h5, h6 { orphans: 3; widows: 3; }

ul { list-style: disc inside; padding: 0 1em; }
ol { list-style: decimal inside; padding: 0 1em; }

a, a:visited { color: black !important; text-decoration: underline; }

img { page-break-inside: avoid; }

}