html {font-size:16px;line-height:1.4;font-family:"Montserrat", sans-serif;min-height:100.1%;color:#AAABB8;background-color:#25274D;scroll-behavior:smooth;}
body {margin:0;padding:0;}

h1 {font-size:1.6em;line-height:1.3;font-weight:400;margin-top:0;margin-bottom:1em;color:#fff;}
h2 {font-size:1em;font-weight:500;text-transform:uppercase;margin-top:4em;margin-bottom:1em;color:#fff;}
.aktion h2 {font-size:1.6em;font-weight:400;text-transform:none;margin-top:0;margin-bottom:1em;color:#fff;}

figure {margin:0;padding:0;}
img {width:auto;height:auto;max-width:100%;}
a {text-decoration:none;color:#29648A;font-weight:500;transition:color 0.5s ease;}
.rte a:hover {color:#fff;}
p {margin-top:0;margin-bottom:1em;}

.invisible {position:absolute;right:-3000px;top:-3000px;width:1px;height:1px;overflow:hidden;}




/* Header */
header {margin:0;padding:0;width:100%;position:relative;}
header .logo {margin:0 auto;padding:9em 0 6em 0;width:100%;height:auto;background:linear-gradient(#05072D, #25274D);}
header .logo figure {margin:0 auto;width:/*256px*/300px;}

.logoleft header .logo {margin:0 auto;max-width:1200px;background:none;}
.logoleft header .logo figure {text-align:left;margin:0 auto 0 0;width:384px;}

/* Navigation */
header nav {position:fixed;top:0;bottom:0;z-index:100000;width:100%;height:2.625em;background-color:#25274D;}
header ul {list-style-type:none;margin:0;padding:0;text-align:right;margin:0 auto;max-width:1200px;}
header li {display:inline-block;position:relative;border-bottom:2px solid #25274D;margin:0 1.5em 0 0;padding:0.5em 0;transition:border 0.5s ease;}
header li:hover {border-bottom:2px solid #fff;}
header li a {color:#AAABB8;font-weight:500;transition:color 0.5s ease;}
header li:hover a {color:#fff;}
header ul li ul {display:block;opacity:0;position:absolute;left:-1em;top:2em;border-top:0;padding:0.5em 1em;width:194px;text-align:left;transition:opacity 0.5s ease;background-color:#25274D;}
header ul li:hover ul {display:block;opacity:1;}
header ul li:hover li {display:block;border-top:0;}
header ul ul li a,
header ul li:hover li a {color:#AAABB8;}
header ul ul li:hover a {color:#fff;}
header li.active,
header li.trail {border-bottom:2px solid #25274D;}
header li strong,
header li.trail a {color:#fff;font-weight:500;}

/* Artikel */
.mod_article > div {margin:0 auto;padding:0 0 8em 0;max-width:1200px;}
/* Flex */
.mod_article.drittel .container {display:flex;padding-top:8em;}
.mod_article.drittel .container .gruppe {flex:33.333%;border-right:1px solid #45476D;}
.mod_article.drittel .container .gruppe:first-child {border-left:1px solid #45476D;}
.mod_article.drittel .container .gruppe > div {padding:0 3em;}
.mod_article.drittel .container .gruppe > div h2 {margin-top:1em;}
/* fuenftel */
.mod_article.fuenftel .container {display:flex;padding-top:0;}
.mod_article.fuenftel .container .gruppe {flex:20%;border-right:1px solid #45476D;}
.mod_article.fuenftel .container .gruppe:first-child {border-left:1px solid #45476D;}
.mod_article.fuenftel .container .gruppe > div {padding:0 3em;}
.mod_article.fuenftel .container .gruppe > div h2 {margin-top:1em;}
/* Text */
.mod_article.einleitung {background:linear-gradient(#25274D, #05072D);}
.mod_article.einleitung .content-text .rte p strong {font-size:1.3em;line-height:1.3;font-weight:500;color:#29648A;text-shadow:0 0 10px #000;}
.mod_article.einleitung .content-text .rte p em {font-style:normal;color:#29648A;}
.mod_article.aktion {padding-top:8em;padding-bottom:8em;text-align:center;background-color:#464866;background:linear-gradient(#464866, #666886);}
.mod_article.aktion .container {text-align:left;}
.mod_article.aktion .content-text {margin:0 auto 1em auto;padding:0 2em;}
.mod_article.aktion .content-text .rte p {font-size:1.6em;font-weight:400;text-align:center;margin:0 auto 2em auto;width:75%;}
/* Variante Text */
.mod_article.einleitung.text {display:flex;margin:0 auto;padding:0 0 8em 0;max-width:1200px;background:none;}
.mod_article.einleitung.text.unternehmen {margin-bottom:8em;/*border-top:2px solid #05072D;*/padding:0;display:block;background-color:#05072D;background:linear-gradient(#05072D, #15173D);}
.mod_article.einleitung.text.unternehmen.berufseinstieg {background:none;}
.mod_article.einleitung.text.unternehmen > div:first-child {flex:none;padding:0;background:none;}
.mod_article.einleitung.text.unternehmen > div:last-child {flex:none;padding:0;}
.mod_article.einleitung.text > div {flex:50%;}
.mod_article.einleitung.text > div:first-child {flex:42%;padding:2em 4%;background-color:#05072D;background:linear-gradient(#05072D, #15173D);}
.mod_article.einleitung.text > div:last-child {flex:42%;/*border:1px solid #05072D;*/padding:2em 4%;}
.mod_article.einleitung.text .content-text .rte h1 {font-size:4em;line-height:1.1;font-weight:100;color:#fff;}
.mod_article.einleitung.text.unternehmen .content-text .rte h1 {text-align:left;}
.mod_article.einleitung.text.unternehmen .content-text .rte h1 {font-size:1.6em;line-height:1.1;font-weight:400;color:#fff;text-transform:uppercase;}
.mod_article.einleitung.text.unternehmen .content-text img {display:block;}
.mod_article.einleitung.text .content-text .rte h2 {margin-top:0;font-weight:700;}
.mod_article.einleitung.text.unternehmen .content-text .rte h2 {margin-top:3em;font-weight:500;}
.mod_article.einleitung.text .content-text .rte ul {padding-left:1em;}
.mod_article.einleitung.text .content-text:first-child .rte ul {padding-left:1.3em;}
.mod_article.einleitung.text .content-text .rte p,
.mod_article.einleitung.text .content-text .rte li {color:#AAABB8;}
.mod_article.einleitung.text .content-text .rte p strong,
.mod_article.einleitung.text .content-text:first-child .rte li {font-size:1.3em;line-height:1.3;font-weight:700;color:#fff;text-shadow:none;}
.mod_article.einleitung.text .content-text:first-child .rte li strong {font-weight:500;}
.mod_article.einleitung.text.unternehmen .content-text .rte p strong,
.mod_article.einleitung.text.unternehmen .content-text .rte li {font-size:1em;font-weight:400;color:#AAABB8;}
.mod_article.einleitung.text.unternehmen .content-text .rte p {font-size:1em;font-weight:400;color:#AAABB8;padding-right:3em;}
.mod_article.einleitung.text.unternehmen .content-text .rte li {padding-right:3em;}
.mod_article.einleitung.text.unternehmen .content-text.media--below .rte h1 {padding-left:1.875em;}
.mod_article.einleitung.text.unternehmen .content-text.media--below .rte p {padding-left:3em;}
.mod_article.einleitung.text.unternehmen .content-text.media--below .rte li {padding-left:3em;}
.mod_article.einleitung.text.unternehmen.berufseinstieg .content-text.media--below .rte h1 {padding-left:0;}
.mod_article.einleitung.text.unternehmen.berufseinstieg .content-text.media--below .rte p {padding-left:0;}
.mod_article.einleitung.text.unternehmen.berufseinstieg .content-text.media--below .rte li {padding-left:0;}
/* Variante Unterstützung */
.mod_article.unterstuetzung {background:linear-gradient(#25274D, #05072D);}
.mod_article.unterstuetzung > div:first-child {/*border-top:2px solid #05072D;*/padding-bottom:4em;}
.mod_article.unterstuetzung > div {text-align:center;}
.mod_article.unterstuetzung .container .gruppe {display:flex;}
/*.mod_article.unterstuetzung .container .gruppe > div {flex:16%;padding:0 2%;}*/
.mod_article.unterstuetzung .container .gruppe .content-text.media.media--above figure {display:block;margin-right:0;width:100%;}
.mod_article.unterstuetzung .container .gruppe .content-text.media.media--above figure img {height:48px;padding-bottom:1em;}
.mod_article.unterstuetzung .container .gruppe .content-text.media.media--above .rte {display:block;margin-left:0;width:100%;}
.mod_article.unterstuetzung .container .gruppe .content-text.media.media--above .rte p {font-size:0.875em;font-weight:700;text-align:left;}
.mod_article.unterstuetzung > div p strong {font-size:1.3em;line-height:1.3;font-weight:700;color:#fff;}
.mod_article.unterstuetzung > div h2 {font-size:1.6em;line-height:1.2;font-weight:400;color:#fff;text-transform:none;}

/* Text mit Bild links */
.mod_article .content-text.media.media--above .rte {display:inline-block;vertical-align:middle;margin-left:1em;width:calc(50% - 1em - 4px);}
.mod_article .content-text.media.media--above figure {display:inline-block;vertical-align:middle;margin-right:1em;width:calc(50% - 1em - 4px);}
/* Text mit Bild rechts */
.mod_article .content-text.media.media--below .rte {display:inline-block;vertical-align:middle;margin-right:1em;width:calc(50% - 1em - 4px);}
.mod_article .content-text.media.media--below figure {display:inline-block;vertical-align:middle;margin-left:1em;width:calc(50% - 1em - 4px);}
/* Hyperlink */
.mod_article .content-hyperlink {display:inline-block;margin:0 8px;padding:0;width:256px;border:2px solid #fff;background-color:#fff;transition:border 0.5s ease;}
.mod_article.aktion .container .content-hyperlink {width:auto;margin-top:2em;margin-left:calc(12.5% + 1.5em);}
.mod_article .content-hyperlink a {display:block;padding:2em 1em;color:#05072D;text-decoration:none;font-weight:600;}
.mod_article.aktion .container .content-hyperlink a {padding:0.6em 1em 0.4em 1em;}
.mod_article .content-hyperlink:hover {border:2px solid #05072D;}
.mod_article .content-hyperlink.kalender a::before {content:url('../../files/design/img/icon-kalender.svg');display:block;margin:1em auto;width:3em;height:auto;}
.mod_article .content-hyperlink.telefon a::before {content:url('../../files/design/img/icon-telefon.svg');display:block;margin:1em auto;width:3em;height:auto;}
.mod_article.aktion .container .content-hyperlink a::before {display:inline-block;vertical-align:middle;margin:0 1em 0 0;width:1.5em;height:auto;}

/* Artikelteaser */
.mod_article.teaser {margin:0 auto;padding:8em 0;max-width:calc(1200px + 1em);}
.mod_article.teaser > h1 {margin-left:0.167em;}
.mod_article.teaser .container {display:flex;max-width:100%;padding-bottom:0;}
.mod_article.aktion .container {display:flex;margin:0 auto;padding-bottom:0;max-width:calc(1200px + 1em);}
.mod_article.aktion .container > div {flex:50%;border-left:2px solid #666886;}
.mod_article.aktion .container > div:first-child {border-left:0;}
.mod_article.aktion .container .content-text .rte {text-align:left;margin-left:auto;margin-right:auto;width:75%;}
.mod_article.aktion .container .content-text .rte p {text-align:left;font-size:1em;width:100%;margin:1em 0;}
.mod_article.aktion .container .content-text .rte strong {color:#fff;}
.mod_article.teaser .content-teaser,
.mod_article.teaser .content-text {flex:33.333%;position:relative;margin:0.5em;padding:2em 2em 4em 2em;max-width:calc(33.333% - 5em);background-color:#15173D;}
.mod_article.teaser .content-teaser h2,
.mod_article.teaser .content-text h2 {margin-top:0;}
.mod_article.teaser .content-teaser a,
.mod_article.teaser .content-text a {display:inline-block;position:absolute;bottom:2em;left:2em;padding:0.5em 0 0 0;color:#29648A;text-decoration:none;font-weight:600;border-top:2px solid #15173D;/*background-color:#fff;*/transition:border 0.5s ease;}
.mod_article.teaser .content-teaser a:hover,
.mod_article.teaser .content-text a:hover {border-top:2px solid #29648A;}

/* Footer */
footer {font-size:14px;padding:8em 0 4em 0;background:linear-gradient(#05072D, #25274D);}
footer .inside {margin:0 auto;max-width:1200px;display:flex;}
footer .inside > div {flex:25%;}
footer .logo figure {margin:0 auto 0 0;width:150px;height:auto;}
footer nav ul {margin:0;padding:0;list-style-type:none;}
footer nav a:hover {color:#fff;}
footer nav strong {color:#fff;font-weight:500;}