* { margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
ul { margin-bottom:0; }
li { margin-left:1.25em; }
.navi li { list-style:none; margin-left:0; }

table caption { display:none; }
th { text-align:left; vertical-align:top; }
td { vertical-align:top; }
fieldset { border:0; }

iframe { border:0; }

address { margin-bottom:0; font-style:normal; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

/*
 *  CSS for Adaptive Images
 */
img, embed, objct, video { max-width:100%; height:auto; }

figcaption { display:block; font-size:0.85em; }

a { -ms-transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

::-webkit-input-placeholder { /* WebKit browsers */ color:#a0a0a0; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#a0a0a0; opacity:1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#a0a0a0; opacity:1; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#a0a0a0; }

::-moz-selection { background:#b3d4fc; text-shadow:none; }
::selection { background:#b3d4fc; text-shadow:none; }

html { height:100%; }
body { display:flex; flex-flow:column; height:100%; background-color: white; font-size:16px; font-family:Arial, Helvetica, sans-serif;
    -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 3; -moz-hyphenate-limit-chars: auto 3; -ms-hyphenate-limit-chars: auto 3; hyphenate-limit-chars: auto 3;}
.pageHeader { flex:0 1 156px; }
.pageFooter { flex:0 1 49px;  }
.pageContent { flex:1 1 auto; overflow-y:auto; }

.pageHeader,
.pageContent,
.pageFooter { display:flex; width:100%; }

.pageHeader > div.width-80,
.pageContent > div.width-80,
.pageFooter > div.width-80 { float:left; width:80px; flex:1 1 80px; }

.pageHeader > div.width-full,
.pageContent > div.width-full,
.pageFooter > div.width-full { float:left; width:calc(100% - 80px); flex:1 1 calc(100% - 80px); }

.pageHeader .rectangle,
.pageContent .rectangle,
.pageFooter .rectangle { border-right:1px solid #C12F63; }

.pageHeader,
.pageContent { border-bottom:1px solid #C12F63; }

.naviLogoWrapper { display:flex; flex-direction:column; align-items:center; }
.logo { padding:2em; }

.mainnavi { position:relative; top:1px; }
nav { align-self:center; }
nav > ul.level1 { display:flex; justify-content:space-between; margin:0; }
nav > ul.level1 > li { list-style:none; margin:0 0.5em; }
nav > ul.level1 > li > a { display:block; padding:0.5em 2.5em; background-color:#C12F63; color:white; font-weight:600; text-decoration:none; }
nav > ul.level1 > li > a:hover,
nav > ul.level1 > li.active > a{ background-color:#E286A4;  }

.content { display:flex; }
.content > div.left { float:left; width:38%; flex:1 1 38%; padding:4em 2em 2em 8em; }
.content > div.right { float:left; width:62%; flex:1 1 62%; padding:4em 2em 2em 2em; }

.datenschutz .content > div.left,
.datenschutz .content > div.right { width:50%; flex: 0 1 50%; padding:4em; }
.datenschutz .content > div.right h1 { visibility:hidden; }

.left figure img { width:250px; max-width:250px; }

.footercontent { padding:1em 2em; }
.footercontent > ul { display:flex; justify-content:flex-end; margin:0; }
.footercontent > ul > li { list-style:none; margin:0; }
.footercontent > ul > li > a { padding:0.5em 2em; color:white; text-decoration:none; }
.footercontent > ul > li > a:hover,
.footercontent > ul > li.active > a { text-decoration:underline; }


.fgcolor-white { color:#fff; }
.fgcolor-lila { color:#C12F63; }
.bgcolor-rose { background-color:#E286A4; }
.bgcolor-lila { background-color:#C12F63; }

h1 { margin-bottom:1em; font-family:Arial, Helvetica, Sans-Serif; color:#C12F63; font-size:2.0em; font-weight:700; }
h2 { margin-bottom:1em; font-family:Arial, Helvetica, Sans-Serif; color:#C12F63; font-size:1.125em; font-weight:400; }

.text { max-width:600px; margin-bottom:1.0em; font-family: Arial, Verdana, Helvetica, Sans-Serif; color:#C12F63; font-size:1em; line-height:1.5; }
li.text,
td.text { margin-bottom:0.5em; }

p.text a { color: #808080; text-decoration: underline; }

.quoteWrapper { max-width:400px; margin-top:2em; }
.quote { font-family:Serif; color:#808080; font-size:1.125em; font-style: italic; line-height:1.5;  }
.quote.author { margin-top:1em; font-size:smaller; text-align:right; }
.erwachsene .quote { font-size:0.875em; }
.erwachsene .quote.author { font-size:0.75em; }

ul,
ol,
table { margin-bottom:1em; }

@media screen and (max-width:980px) {
    .rectangle {display:none; }
    .pageHeader > div.width-full,
    .pageContent > div.width-full,
    .pageFooter > div.width-full { width:100%; flex:1 1 100%; }

    body { height:auto; }
    .pageContent { flex:1 1 100%; }

    nav { align-self:stretch; padding:0 2em; }
    nav > ul.level1 > li { margin:0; }
    .content { flex-wrap:wrap; }
    .content > div.left { width:100%; flex:1 1 100%; padding:4em 2em 2em 2em; }
    .content > div.right { width:100%; flex:1 1 100%; padding:4em 2em 2em 2em; }

    .datenschutz .content > div.left { width:100%; flex:1 1 100%; padding-bottom:0; }
    .datenschutz .content > div.right { width:100%; flex:1 1 100%; padding-top:0; }
    .datenschutz .content > div.right h1 { display:none; }
}

@media screen and (max-width:769px) {
    nav > ul.level1 { flex-wrap:wrap; }
    nav > ul.level1 > li { flex:0 1 50%; }
    nav > ul.level1 > li:nth-child(1),
    nav > ul.level1 > li:nth-child(3) { border-right:1px solid white; }
    nav > ul.level1 > li:nth-child(1),
    nav > ul.level1 > li:nth-child(2) { border-bottom:1px solid white; }
    nav > ul.level1 > li > a { padding-left:0.5em; padding-right:0.5em; text-align:center; white-space:nowrap}
}
@media screen and (max-width:440px) {
    nav { padding:0; }
}


/**
 * Print styles
 */
@media print {
    *,
    *:before,
    *:after { background: transparent !important; color: #000 !important;  box-shadow: none !important; text-shadow: none !important; }
    a { text-decoration: underline; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    pre,
    blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr,
    img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    p,
    h2,
    h3 { orphans: 3;  widows: 3; }
    h2,
    h3 { page-break-after: avoid; }

    body { height:auto; }
    .pageHeader { height:auto; flex:0 1 100px; }
    .logo { padding-bottom:1em; }
    .pageContent { flex:1 1 100%; height:auto; }
    nav,
    .rectangle,
    .imgWrapper { display:none; }
    .pageHeader > div.width-full,
    .pageContent > div.width-full { width:100%; flex:1 1 100%; }
    .pageFooter { display:none; }
    .content { flex-wrap:wrap; }
    .content > div.left { width:100%; flex:1 1 100%; padding:2em; }
    .content > div.right { width:100%; flex:1 1 100%; padding:2em; }

    .datenschutz .content > div.left { width:100%; flex:1 1 100%; padding-bottom:0; }
    .datenschutz .content > div.right { width:100%; flex:1 1 100%; padding-top:0; }
    .datenschutz .content > div.right h1 { display:none; }

}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {

}