html {font-size:16px;line-height:1.3;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;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;}

/* 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-top:2px solid #25274D;margin:0 1.5em 0 0;padding:0.5em 0;transition:border 0.5s ease;}
header li:hover {border-top:2px solid #29648A;}
header li a {color:#AAABB8;font-weight:500;transition:color 0.5s ease;}
header li:hover a {color:#29648A;}
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:#29648A;}
header li.active,
header li.trail {border-top:2px solid #29648A;}
header li strong,
header li.trail a {color:#29648A;font-weight:500;}

/* Artikel */
.mod_article > div {margin:0 auto;padding:0 0 8em 0;max-width:1200px;}
/* Text */
.mod_article.einleitung {background:linear-gradient(#25274D, #05072D);}
.mod_article.einleitung .content-text .rte p strong {font-size:1.3em;font-weight:500;color:#29648A;}
.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%;}
/* 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:#25274D;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 #25274D;}
.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:#25274D;}
.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;}