@charset "CP850";
@font-face {
  font-family: bundessansweb;
  src: url('/static/fonts/BundesSansWeb-Regular.eot'), url('/static/fonts/BundesSansWeb-Regular.woff'), url('/static/fonts/BundesSansWeb-Regular.ttf');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: bundessansweb;
  src: url('/static/fonts/BundesSansWeb-Bold.eot'), url('/static/fonts/BundesSansWeb-Bold.woff'), url('/static/fonts/BundesSansWeb-Bold.ttf');
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: bundessansweb;
  src: url('/static/fonts/BundesSansWeb-BoldItalic.eot'), url('/static/fonts/BundesSansWeb-BoldItalic.woff'), url('/static/fonts/BundesSansWeb-BoldItalic.ttf');
  font-style: italic;
  font-weight: bold;
}
@font-face {
  font-family: bundessansweb;
  src: url('/static/fonts/BundesSansWeb-Italic.eot'), url('/static/fonts/BundesSansWeb-Italic.woff'), url('/static/fonts/BundesSansWeb-Italic.ttf');
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-family: bundesserifweb;
  src: url('/static/fonts/BundesSerifWeb-Regular.eot'), url('/static/fonts/BundesSerifWeb-Regular.woff'), url('/static/fonts/BundesSerifWeb-Regular.ttf');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: bundesserifweb;
  src: url('/static/fonts/BundesSerifWeb-Bold.eot'), url('/static/fonts/BundesSerifWeb-Bold.woff'), url('/static/fonts/BundesSerifWeb-Bold.ttf');
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: bundesserifweb;
  src: url('/static/fonts/BundesSerifWeb-BoldItalic.eot'), url('/static/fonts/BundesSerifWeb-BoldItalic.woff'), url('/static/fonts/BundesSerifWeb-BoldItalic.ttf');
  font-style: italic;
  font-weight: bold;
}
@font-face {
  font-family: bundesserifweb;
  src: url('/static/fonts/BundesSerifWeb-Italic.eot'), url('/static/fonts/BundesSerifWeb-Italic.woff'), url('/static/fonts/BundesSerifWeb-Italic.ttf');
  font-style: italic;
  font-weight: normal;
}
body>div {
  font-size: 100%;
}
.wrapperInner {
  overflow-x: hidden;
}
p,
th,
h1,
h2,
h3,
div {
  -ms-word-break: break-word;
  word-break: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
html {
  font-family: small;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "bundessansweb", Arial, helvetica, sans-serif, "Droid Sans";
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 10px;
  padding: 0;
}
h1 {
  font-size: 260%;
}
h2 {
  font-size: 220%;
}
h3 {
  font-size: 200%;
}
h4 {
  font-size: 180%;
}
h5,
h6,
.teaser-switcher h3 {
  font-size: 150%;
}
div,
a,
ul,
li,
h2 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
p,
address {
  margin: 0 0 20px 0;
}
ul,
ol {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}
img {
  height: auto;
  max-width: 100%;
}
body {
  color: #333333;
}
h1.firstInSlot {
  margin-top: 0;
}
.aural,
p.navSkip,
.navSkip a {
  left: -2000px;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}
.navSkip a:focus,
.navSkip a:active {
  background-color: #0077b6;
  color: white;
  font-size: 16px;
  height: auto;
  left: calc(50% - 90px);
  padding: 15px 0px 20px;
  top: 55px;
  width: 180px;
  z-index: 1000;
  text-align: center;
}
.clear,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content table {
  clear: both;
}
p,
li,
td,
th,
blockquote,
dl,
caption,
.address,
.contact,
.contactData,
.docData .label,
.docData .value,
.StndGallery .picture,
.formError,
address {
  font-size: 150%;
  line-height: 1.5;
}
li li,
li p,
table p,
table li,
table dl,
blockquote p {
  font-size: 100%;
}
q {
  quotes: "" "" "" "";
}
blockquote {
  margin: 10px 10px 20px;
  background: #eeeeee;
}
blockquote p {
  padding: 10px;
  margin-bottom: 0;
}
label,
input,
select,
textarea,
.formLabel em {
  font-size: 150%;
  line-height: 1.5;
}
button {
  border: 0;
  background-color: transparent;
  padding: 0;
}
#content ol,
#addContent ol {
  list-style: decimal outside none;
  padding-left: 20px;
}
#content ol ol,
#addContent ol ol {
  list-style: lower-alpha outside none;
}
#content ol ol ol,
#addContent ol ol ol {
  list-style: lower-roman outside none;
}
#content ol#searchResult,
#addContent ol#searchResult {
  list-style-type: none;
  padding-left: 0;
}
#content ul,
#content ol,
#addContent ul,
#addContent ol {
  margin-bottom: 20px;
}
#content ul *,
#content ol *,
#addContent ul *,
#addContent ol * {
  margin-bottom: 0;
}
#content ul {
  list-style-type: disc;
  padding-left: 20px;
}
#content ul.links,
#content ul#navFunctions,
#content ul.downloadlinks,
#content ul.navIndex,
#content ul#searchResultIndex.navIndex,
#content ul#glossaryIndex,
#content ul#sitemap ul {
  list-style-type: none;
  padding-left: 0;
}
ol,
ul {
  flex-flow: column nowrap;
}
.row {
  max-width: 1164px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-flow: row wrap;
}
ul.downloadlinks li {
  margin-top: 10px;
}
ul.downloadlinks li:first-child {
  margin-top: 0;
}
ul.links a,
ul.links strong {
  display: block;
  padding-left: 0;
}
dl {
  line-height: 1.43em;
  margin: 0 0 20px;
  overflow: hidden;
}
dt {
  font-weight: bold;
  display: block;
  float: left;
  padding-right: 15px;
}
dd {
  display: block;
}
p.left,
td.left,
th.left {
  text-align: left;
}
p.right,
td.right,
th.right {
  text-align: right;
}
p.center,
td.center,
th.center {
  text-align: center;
}
p.justify,
td.justify,
th.justify {
  text-align: justify;
}
table {
  border-collapse: separate;
  margin: 0 0 20px;
  padding: 0 0 10px;
  table-layout: fixed;
  width: 100%;
}
table .sortUp {
  background: url(/SiteGlobals/Frontend/Images/icons/sort-up-b.png?__blob=normal&v=1) no-repeat 100% 9px;
  padding-right: 17px;
  text-decoration: underline;
}
table .sortDown {
  background: url(/SiteGlobals/Frontend/Images/icons/sort-down-b.png?__blob=normal&v=1) no-repeat 100% 9px;
  padding-right: 17px;
  text-decoration: underline;
}
table .even {
  background: #eeeeee;
}
table .width15 {
  width: 15%;
}
table .width20 {
  width: 20%;
}
table .width25 {
  width: 25%;
}
table .width30 {
  width: 30%;
}
table .width35 {
  width: 35%;
}
table .width40 {
  width: 40%;
}
table .width45 {
  width: 45%;
}
table .width50 {
  width: 50%;
}
table .width70 {
  width: 70%;
}
table .width80 {
  width: 80%;
}
table .width85 {
  width: 85%;
}
table h2 {
  font-size: 146.67%;
}
table h3 {
  font-size: 133.34%;
}
table h4 {
  font-size: 120%;
}
table h5,
table h6 {
  font-size: 100%;
}
caption {
  font-weight: bold;
  color: #333333;
  padding-bottom: 10px;
  text-transform: uppercase;
  text-align: left;
}
tbody {
  padding: 0 0 10px;
}
th {
  background: #eeeeee;
  color: #333333;
  border-bottom: 1px solid #dedede;
  padding: 10px;
  text-align: left;
}
th a {
  color: #333333;
}
td {
  border-bottom: 1px solid #dedede;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}
.responsiveTable {
  overflow-x: scroll;
  margin-bottom: 20px;
}
.responsiveTable table {
  width: 637px;
}
.picture {
  background: white;
  overflow: hidden;
}
.picture.thumbnail {
  max-width: 151px;
}
.picture.banner,
.picture.normal {
  max-width: 290px;
}
.picture.poster {
  max-width: 900px;
}
.picture.thumbnail.portrait {
  max-width: 64px;
}
.picture.banner.portrait {
  max-width: 134px;
}
.picture.normal.portrait {
  max-width: 274px;
}
.picture.poster.portrait {
  max-width: 900px;
}
.picture.links {
  margin: 6px auto 18px auto;
}
.picture.linksOhne {
  margin: 0;
}
.picture.linksOhne .wrapper-text {
  float: none;
}
.picture.rechts {
  margin: 6px auto 18px auto;
}
.picture.rechtsOhne {
  margin-left: auto;
  margin-right: 0;
}
.picture.mitte {
  margin-left: auto;
  margin-right: auto;
}
.picture a,
.picture a span {
  display: block;
}
.picture .wrapper-text {
  display: block;
  margin: 5px 0 5px 5px;
  font-size: 90%;
}
.picture .loupe {
  display: block;
  padding: 5px;
  float: right;
  margin-bottom: 0;
}
.picture .loupe:hover,
.picture .loupe:focus,
.picture .loupe:active {
  opacity: 0.6;
}
.picture .loupe:focus img {
  outline-style: dotted;
  outline-color: #333333;
  outline-width: 1px;
}
.address,
.contactData {
  line-height: 1.5;
  margin: 0 0 20px;
}
.docData {
  margin-bottom: 20px;
  overflow: hidden;
}
.docData .label {
  display: block;
  font-weight: bold;
}
.docData .value {
  display: block;
}
.docData a {
  display: block;
}
.gsb blockquote:before,
.gsb blockquote:after,
.gsb q:before,
.gsb q:after {
  content: "";
}
.gsb blockquote,
.gsb q {
  quotes: "" "";
}
.gsb abbr,
.gsb dfn {
  border-bottom: 1px dotted #333333;
  text-decoration: none;
}
abbr,
acronym {
  font-size: 100%;
}
a {
  font-size: 100%;
  color: #0077b6;
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  text-decoration: underline;
  color: #333333;
  outline: none;
}
table a {
  text-decoration: underline;
}
table a:hover,
table a:active,
table a:focus {
  text-decoration: none;
}
.more {
  display: block;
  margin-top: 5px;
  font-size: 1.3rem;
}
.more a {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -6226px;
  padding-left: 10px;
  color: #333333;
  font-weight: bold;
  text-transform: uppercase;
}
.more a:hover,
.more a:focus,
.more a:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -4134px;
}
a.RichTextIntLink {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -6225px;
  padding-left: 20px;
  text-decoration: underline;
}
a.RichTextIntLink:hover,
a.RichTextIntLink:focus,
a.RichTextIntLink:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -4133px;
  text-decoration: none;
}
a.RichTextGlossarLink,
a.GlossarEntry {
  border-bottom: 1px solid #dedede;
  color: #333333;
  cursor: help;
  text-decoration: none;
}
a.RichTextGlossarLink:hover,
a.RichTextGlossarLink:focus,
a.RichTextGlossarLink:active,
a.GlossarEntry:hover,
a.GlossarEntry:focus,
a.GlossarEntry:active {
  border-bottom: 1px solid #dedede;
}
a.RichTextWikiLink {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -2835px;
  padding-left: 20px;
  text-decoration: underline;
}
a.RichTextWikiLink:hover,
a.RichTextWikiLink:focus,
a.RichTextWikiLink:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -2626px;
  text-decoration: none;
}
ul.links a,
ul.links strong,
a.themenLink {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -6224px;
  padding-left: 15px;
}
ul.links a:hover,
ul.links a:focus,
ul.links a:active,
ul.links strong:hover,
ul.links strong:focus,
ul.links strong:active,
a.themenLink:hover,
a.themenLink:focus,
a.themenLink:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -4132px;
}
ul.links a {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 97% -5447px;
}
ul.links a:hover,
ul.links a:focus,
ul.links a:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 97% -4204px;
}
ul.links a,
ul.links strong {
  display: block;
  padding-left: 0;
}
.error a {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -6220px;
  padding-left: 20px;
}
.error a:hover,
.error a:focus,
.error a:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -4128px;
}
.downloadlinks a.downloadLink {
  display: block;
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -1769px;
  padding-left: 25px;
}
.downloadlinks a.downloadLink:hover,
.downloadlinks a.downloadLink:focus,
.downloadlinks a.downloadLink:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -1769px;
}
a.download,
ul.links a.downloadLink,
a.Publication {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -2417px;
  padding-left: 20px;
}
ul.links a.downloadLink:hover,
ul.links a.downloadLink:focus,
ul.links a.downloadLink:active,
a.download:hover,
a.download:focus,
a.download:active,
a.Publication:hover,
a.Publication:focus,
a.Publication:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -1984px;
}
.sectionRelated .links a.downloadLink {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -3150px;
}
.sectionRelated .links a.downloadLink:hover,
.sectionRelated .links a.downloadLink:focus,
.sectionRelated .links a.downloadLink:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -2936px;
}
#supplement .box .links a.downloadLink {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -2411px;
  padding-left: 20px;
}
#supplement .box .links a.downloadLink:hover,
#supplement .box .links a.downloadLink:focus,
#supplement .box .links a.downloadLink:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -1978px;
}
span .shoppingCartLink {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -8656px;
  padding-left: 20px;
}
span .shoppingCartLink:hover,
span .shoppingCartLink:focus,
span .shoppingCartLink:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -8228px;
}
.links a.shoppingCartLink {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -5869px;
}
.links a.shoppingCartLink:hover,
.links a.shoppingCartLink:focus,
.links a.shoppingCartLink:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -5657px;
}
.shoppingCartLink,
#supplement .box .links a.shoppingCartLink {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -8650px;
  padding-left: 20px;
}
.shoppingCartLink:hover,
.shoppingCartLink:focus,
.shoppingCartLink:active,
#supplement .box .links a.shoppingCartLink:hover,
#supplement .box .links a.shoppingCartLink:focus,
#supplement .box .links a.shoppingCartLink:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -8222px;
}
.downloadlinks a.shoppingCartLink {
  display: block;
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -8871px;
  padding-left: 25px;
}
.downloadlinks a.shoppingCartLink:hover,
.downloadlinks a.shoppingCartLink:focus,
.downloadlinks a.shoppingCartLink:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -8443px;
}
a.external,
.teaser .more a.external {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -2835px;
  padding-left: 13px;
}
a.external:hover,
a.external:focus,
a.external:active,
.teaser .more a.external:hover,
.teaser .more a.external:focus,
.teaser .more a.external:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -2626px;
}
.links a.external {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -3573px;
}
.links a.external:hover,
.links a.external:focus,
.links a.external:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -3364px;
}
a.RichTextExtLink,
a.ExternalLink {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -2835px;
  padding-left: 20px;
  text-decoration: underline;
}
a.RichTextExtLink:hover,
a.RichTextExtLink:focus,
a.RichTextExtLink:active,
a.ExternalLink:hover,
a.ExternalLink:focus,
a.ExternalLink:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -2626px;
  text-decoration: none;
}
a.ContactData {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -1340px;
  padding-left: 20px;
}
a.ContactData:hover,
a.ContactData:focus,
a.ContactData:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -1129px;
}
p.navToTop {
  overflow: hidden;
  padding: 3px 0 15px;
  margin-bottom: 0;
}
p.navToTop a {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -5594px;
  float: right;
  padding-left: 15px;
}
p.navToTop a:hover,
p.navToTop a:focus,
p.navToTop a:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -5594px;
}
.sectionRelated h2 {
  padding-bottom: 12px;
  border-bottom: 2px solid #dedede;
}
.sectionRelated .links>li {
  border-bottom: 1px solid #dedede;
}
.sectionRelated .links>li a,
.sectionRelated .links>li strong {
  padding: 5px 20px 5px 0;
}
#content .toc {
  padding-left: 0;
}
#content .toc li {
  list-style-type: none;
}
#content .toc li a {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 3px -4753px;
  padding-left: 25px;
  text-decoration: none;
}
#content .toc li a:hover,
#content .toc li a:focus,
#content .toc li a:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 3px -4341px;
  text-decoration: underline;
}
.all {
  overflow: hidden;
  margin-bottom: 20px;
  /* Android-Fix
   * border-radius: $topLeft $topright $bottomRight $bottomLeft;*/
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  clear: both;
}
.wrapper-teaser .all,
.boxWrapper .all,
#service-border .all,
.live-calendar .all {
  margin-bottom: 0;
}
.button {
  font-size: 1.3rem;
  font-weight: normal;
  clear: left;
  display: block;
  padding: 8px 10px 10px;
  color: white;
  background-color: #0077b6;
  line-height: 1;
  text-transform: uppercase;
  word-spacing: .25em;
  /* Android-Fix
   * border-radius: $topLeft $topright $bottomRight $bottomLeft;*/
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
}
a.button:hover,
a.button:focus,
a.button:active {
  color: white;
  background: #585858;
  text-decoration: underline;
}
strong.button {
  color: white;
  background: #585858;
}
#navServiceMeta,
#search,
#navPrimary {
  display: none;
}
#wrapperDivisions {
  min-width: 320px;
}
#header {
  background-color: white;
  padding-top: 13px;
}
#header p {
  margin: 20px 0;
}
#header .mod .addlogo img {
  float: right;
}
#content {
  padding-top: 20px;
}
.wrapper-teaser,
.row.teaser {
  margin-bottom: 20px;
}
.withHeader {
  padding-top: 1em;
  position: relative;
}
.withHeader .category {
  top: -2px;
  left: 0;
  position: absolute;
  font-family: "bundessansweb", Arial, helvetica, sans-serif, "Droid Sans";
  font-size: 46.3%;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-style: normal;
  line-height: 1;
}
.teaser.type-1 {
  border-bottom: 1px solid #dedede;
}
.teaser.type-1:last-of-type {
  border-bottom: none;
}
.teaser.type-1:only-of-type {
  border-bottom: 1px solid #dedede;
}
.teaser h1,
.teaser h2,
.teaser h3 {
  font-size: 180%;
}
.teaser h1 .category,
.teaser h2 .category,
.teaser h3 .category {
  top: -2px;
  left: 0;
  position: absolute;
  font-family: "bundessansweb", Arial, helvetica, sans-serif, "Droid Sans";
  font-size: 1.3rem;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-style: normal;
  line-height: 1;
}
.teaser h1 .metaInfo,
.teaser h2 .metaInfo,
.teaser h3 .metaInfo {
  top: -14px;
  left: 0;
  position: absolute;
  font-family: "bundessansweb", Arial, helvetica, sans-serif, "Droid Sans";
  font-size: 1.3rem;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2;
}
.teaser h1 a,
.teaser h2 a,
.teaser h3 a {
  text-decoration: none;
  color: #333333;
}
.teaser h1 a:hover,
.teaser h1 a:active,
.teaser h1 a:focus,
.teaser h2 a:hover,
.teaser h2 a:active,
.teaser h2 a:focus,
.teaser h3 a:hover,
.teaser h3 a:active,
.teaser h3 a:focus {
  text-decoration: underline;
  color: #0077b6;
}
.teaser h1 .metaInfo span,
.teaser h2 .metaInfo span,
.teaser h3 .metaInfo span {
  color: #0077b6;
}
.teaser h1 .metaInfo span.date,
.teaser h2 .metaInfo span.date,
.teaser h3 .metaInfo span.date {
  display: block;
  color: #333333;
  font-weight: normal;
}
.teaser h2 {
  font-size: 220%;
  font-family: font-serif;
  font-weight: normal;
}
.teaser .picture-element {
  float: left;
  margin: 1.07em 1.07em 0 0;
  width: 35%;
}
.teaser h2,
.teaser img {
  margin-bottom: 20px;
}
#content .picture.normal {
  margin-bottom: 20px;
}
#content ul.toc a {
  display: block;
}
.wrapperTeaser {
  margin-bottom: 20px;
}
.banner,
.box {
  margin-bottom: 15px;
}
.box {
  padding-bottom: 15px;
}
.picture {
  margin: 0 auto;
}
.video-image a {
  position: relative;
  display: block;
}
.video-image .video-icon {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -9726px;
  position: absolute;
  top: 31%;
  left: 41%;
  width: 50px;
  height: 50px;
}
.dossierentry {
  border-top: 1px solid #dedede;
  padding-top: 10px;
  margin-bottom: 20px;
}
.dossierentry .navIndex li {
  width: 33.33%;
}
.dossierentry .navIndex li a {
  white-space: nowrap;
}
.dossier .colored,
.dossier .tableOfDocuments {
  margin-bottom: 2em;
}
.dossier .all {
  background-color: #eeeeee;
}
.dossier .teaser {
  border-bottom: 1px solid #dedede;
  margin-bottom: 2em;
  overflow: hidden;
}
.dossier .dossierDocuments .row:last-child .teaser {
  border-bottom: 0;
}
.dossier .sectionRelated,
.dossier .tableOfDocuments {
  background-color: #eeeeee;
  padding: 20px 10px;
}
.dossier .tableOfDocuments h2 {
  border-bottom: 2px solid #dedede;
  padding: 0 20px 10px 10px;
}
.dossier .tableOfDocuments li>a {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -208px;
  padding-left: 20px;
  color: #333333;
}
.dossier .tableOfDocuments li>a:hover,
.dossier .tableOfDocuments li>a:focus,
.dossier .tableOfDocuments li>a:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -421px;
  color: #0077b6;
}
.dossier .tableOfDocuments li>strong {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 5px;
  padding-left: 20px;
}
#content .dossier .tableOfDocuments ul {
  list-style-type: none;
  padding-left: 10px;
  margin-bottom: 0;
}
#supplement h3 {
  font-family: "bundessansweb", Arial, helvetica, sans-serif, "Droid Sans";
  font-size: 180%;
}
#supplement #addContent {
  padding-top: 20px;
}
#supplement .banner,
#supplement .box {
  position: relative;
  margin: 0 auto 20px;
  width: 290px;
}
#supplement .banner a {
  display: block;
}
#supplement .banner a:hover h3,
#supplement .banner a:active h3,
#supplement .banner a:focus h3 {
  color: white;
  background: #0077b6;
  text-decoration: underline;
}
#supplement .banner h3 {
  font-family: "bundessansweb", Arial, helvetica, sans-serif, "Droid Sans";
  font-weight: bold;
  position: absolute;
  bottom: 0;
  width: 93.3%;
  padding: 5px 5px 8px;
  margin: 10px;
  background: white;
}
#supplement .banner a {
  display: block;
}
#supplement .box {
  background-color: white;
  margin-bottom: 20px;
  padding: 10px;
  /* Angepasste Icons fÃ¼r Suchfilter */
}
#supplement .box .links li {
  border-top: 1px solid #dedede;
}
#supplement .box .links li:first-child {
  border: none;
}
#supplement .box .links a,
#supplement .box .links strong {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -4127px;
  padding: 5px 5px 5px 20px;
}
#supplement .box .links a:hover,
#supplement .box .links a:focus,
#supplement .box .links a:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -4127px;
}
#supplement .box .toggleFacet a,
#supplement .box .toggleFacet strong {
  background: white url(/SiteGlobals/Frontend/Images/icons/searchfilter-unselected.png?__blob=normal&v=1) no-repeat 0 7px;
  padding: 5px 5px 5px 30px;
}
#supplement .box .toggleFacet a:hover,
#supplement .box .toggleFacet a:focus,
#supplement .box .toggleFacet a:active,
#supplement .box .toggleFacet strong {
  background: white url(/SiteGlobals/Frontend/Images/icons/searchfilter-selected.png?__blob=normal&v=1) no-repeat 0 7px;
}
#supplement .box .toggleFacet .link a:hover,
#supplement .box .toggleFacet .link a:focus,
#supplement .box .toggleFacet .link a:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -5379px;
}
#supplement .box .toggleFacet h4 a {
  padding: 5px 5px 5px 0px;
}
#supplement .lists>ul:last-child {
  margin-bottom: 0;
}
.startseite .topics {
  background: #0077b6;
}
#content .linklist ul {
  list-style-type: none;
  padding-left: 0;
}
.linklist:first-child {
  padding-top: 1.5em;
}
.linklist h2 a {
  display: block;
  padding: 10px 0;
}
.linklist h2 a.show {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -6274px;
  padding-right: 35px;
}
.linklist h2 a.hide {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -3983px;
  padding-right: 35px;
}
.linklist ul {
  margin-bottom: 3em;
}
.linklist li {
  border-bottom: 1px solid #80cdec;
}
.linklist li a {
  padding: 10px 10px 10px 0;
  display: block;
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -2716px;
}
.linklist li:last-child {
  border-bottom: 0;
}
.linklist a:hover,
.linklist a:active,
.linklist a:focus {
  color: white;
}
.startseite .linklist {
  background: #eeeeee;
}
.startseite .linklist>div,
.startseite .linklist>.row>div {
  border-bottom: 2px solid #dedede;
}
.startseite .linklist h2 a {
  color: #333333;
}
.startseite .linklist h2 a.show {
  background-position: 98% -6071px;
}
.startseite .linklist h2 a.hide {
  background-position: 98% -3772px;
}
.startseite .linklist li {
  border-bottom: 1px solid #dedede;
}
.startseite .linklist li a {
  color: #333333;
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -1240px;
}
.startseite .linklist.icon {
  padding-top: 0;
}
.startseite .linklist.icon h2 {
  padding: 10px 0 0 50px;
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-list.png?__blob=normal&v=3) no-repeat 0 -522px;
}
.startseite .linklist.icon h2.produkte {
  background-position: 0 -1060px;
}
.startseite .linklist.icon h2.downloads {
  background-position: 0 16px;
}
.startseite .linklist.icon h2.entwicklung {
  background-position: 0 -1598px;
}
.startseite .linklist.icon div:last-child {
  border: 0;
}
.topics h2 {
  padding: 20px 0px 10px 0px;
}
.layout2slot {
  content: " ";
  display: block;
  border-top: 25px solid white;
}
#bottom {
  padding-top: 20px;
}
#footer {
  line-height: 1.5;
}
#footer h2,
#footer h3 {
  font-family: "bundessansweb", Arial, helvetica, sans-serif, "Droid Sans";
  font-weight: bold;
  font-size: 140%;
  line-height: 1.5;
  padding: 10px 0 0;
  margin-bottom: 0;
}
#footer h2 a,
#footer h3 a {
  font-size: 100%;
}
#footer li,
#footer p {
  font-size: 1.4em;
}
#footer a,
#footer strong {
  display: block;
  padding: 10px 15px 10px 0;
}
#footer strong,
#footer a:hover,
#footer a:focus,
#footer a:active {
  text-decoration: underline;
}
#footer #navFunctionsWrapper h2 {
  margin-right: 10px;
}
#footer #navFunctionsWrapper h2,
#footer #navFunctionsWrapper ul {
  float: left;
}
#footer #navFunctionsWrapper a {
  padding-right: 0;
  padding-left: 15px;
  color: #333333;
}
#footer #navFunctionsWrapper .navToTop {
  padding: 0;
}
#footer #navFunctionsWrapper .navToTop a,
#footer #navFunctionsWrapper .navToTop strong {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -5585px;
}
#footer #navFunctionsWrapper #navFunctionsRecommend a {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 11px -7575px;
  padding-left: 30px;
}
#footer #navFunctionsWrapper #navFunctionsRecommend strong {
  font-weight: bold;
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 11px -7575px;
  padding-left: 30px;
}
#searchResult li {
  border-bottom: 1px solid #dedede;
  margin-bottom: 7px;
}
#searchResult li:last-child {
  border-bottom: 0;
}
#content #searchResult {
  margin-bottom: 30px;
}
em.searchString {
  background: #eeeeee;
  padding: 0 5px;
  font-weight: bold;
}
#sitemap li {
  font-size: 100%;
  margin: 0;
  padding: 0;
}
#sitemap a,
#sitemap strong {
  display: block;
  font-size: 150%;
  text-decoration: none;
}
#sitemap a:hover,
#sitemap a:active,
#sitemap a:focus {
  text-decoration: underline;
}
#sitemap h2 {
  font-size: 220%;
  border-top: 1px solid #dedede;
  padding-top: 5px;
  margin-bottom: 10px;
}
#sitemap h2 a {
  font-size: 100%;
  background: none;
  padding-left: 0;
}
#sitemap h2 a:hover,
#sitemap h2 a:focus,
#sitemap h2 a:active {
  background: none;
}
#sitemap ul {
  margin-bottom: 20px;
  margin-left: 20px;
}
#sitemap ul ul {
  margin-bottom: 10px;
}
#sitemap li li a,
#sitemap li li strong {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -6223px;
  padding: 1px 0 3px 20px;
}
#sitemap li li a:hover,
#sitemap li li a:focus,
#sitemap li li a:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -4131px;
}
#glossaryIndex.navIndex li {
  margin-right: 10px;
  margin-bottom: 10px;
  width: auto;
}
#glossaryIndex.navIndex a.page,
#glossaryIndex.navIndex strong,
#glossaryIndex.navIndex span.page {
  display: block;
  min-width: 2em;
}
#glossaryIndex span {
  background: #eeeeee;
}
p.chart {
  margin-top: 20px;
}
form {
  margin-bottom: 20px;
}
form fieldset {
  border: none;
  padding: 0;
}
form .columns {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
form .trenner {
  border-bottom: 1px solid #dedede;
}
form .trenner.row {
  margin-bottom: 20px;
}
form .trenner.columns {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
form .trenner .columns {
  padding-bottom: 20px;
  margin-bottom: 0;
}
input,
textarea,
select {
  border: none;
  width: 100%;
  padding: 4px 3px 5px;
}
textarea {
  resize: none;
}
.border input,
.border textarea,
.border select {
  border: 1px solid #cccccc;
}
.corner input,
.corner textarea,
.corner select {
  /* Android-Fix
   * border-radius: $topLeft $topright $bottomRight $bottomLeft;*/
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
}
.background input,
.background textarea,
.background select {
  background-color: #eeeeee;
}
.labelspacer {
  padding-top: 2.25em;
}
.labelspacer input {
  margin-top: 10px;
}
label,
.formLabel em {
  font-weight: normal;
  font-style: normal;
  display: table;
  margin-bottom: 10px;
}
input[type="checkbox"],
input[type="radio"] {
  margin-top: 6px;
  clear: both;
  width: 2em;
  float: left;
}
input:hover,
input:focus,
input:active,
textarea:hover,
textarea:focus,
textarea:active,
select:hover,
select:focus,
select:active {
  border: 1px solid #0077b6;
}
input.submit:hover,
input.submit:focus,
input.submit:active,
input.reset:hover,
input.reset:focus,
input.reset:active {
  border: none;
}
.col2 .formField span {
  display: block;
  width: 50%;
  float: left;
}
.col3 .formField span {
  display: block;
  width: 33.33%;
  float: left;
}
.formHandle {
  margin-bottom: 10px;
}
input.submit,
input.reset {
  font-size: 1.3rem;
  font-weight: normal;
  background-color: #0077b6;
  border-color: #0077b6;
  color: white;
  padding: 4px 10px 7px;
  text-transform: uppercase;
  float: right;
  width: auto;
  margin-left: 10px;
  margin-bottom: 10px;
}
input.reset {
  background-color: #333333;
}
.oneline input {
  width: 100%;
  margin-left: 0;
  margin-bottom: 0;
}
.formError {
  color: #ca0101;
}
.formError.abstract {
  font-weight: bold;
}
.error a {
  padding-top: 4px;
  padding-bottom: 4px;
}
#content ul.error {
  padding-left: 0;
  list-style-type: none;
}
.formError+input,
.formError+textarea {
  border: 1px solid #ca0101;
}
#supplement .facets {
  margin-left: auto;
  margin-right: auto;
}
#supplement .facets h4 {
  font-size: 150%;
  font-weight: bold;
}
#supplement .facets h4 a {
  display: block;
  color: #0077b6;
  padding: 2px 20px 4px 2px;
}
#supplement .facets h4 a.hide {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -3783px;
  border-bottom: 1px solid #dedede;
}
#supplement .facets h4 a.hide:hover,
#supplement .facets h4 a.hide:focus,
#supplement .facets h4 a.hide:active {
  color: #333333;
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -3783px;
}
#supplement .facets h4 a.show {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -6082px;
  border: none;
}
#supplement .facets h4 a.show:hover,
#supplement .facets h4 a.show:focus,
#supplement .facets h4 a.show:active {
  color: #333333;
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -6082px;
}
#supplement .facets ul.show {
  border-bottom: 1px solid #dedede;
}
#supplement .facets ul li.link {
  border: none;
  padding-top: 10px;
}
#supplement .facets ul li.link a {
  background: #0077b6 url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 95% -5233px;
  font-size: 1.3rem;
  font-weight: normal;
  display: block;
  color: white;
  padding: 8px 10px 10px;
  text-transform: uppercase;
  word-spacing: .25em;
  /* Android-Fix
   * border-radius: $topLeft $topright $bottomRight $bottomLeft;*/
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
}
#supplement .facets ul li.link a:hover,
#supplement .facets ul li.link a:focus,
#supplement .facets ul li.link a:active {
  background: #797979 url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 95% -5233px !important;
  opacity: 0.6;
}
#supplement .solrSortLinks {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
#supplement li a.sortDown {
  background: #0077b6 url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 90% -6484px;
  padding: 8px 35px 10px 10px;
}
#supplement li a.sortDown:hover,
#supplement li a.sortDown:focus,
#supplement li a.sortDown:active {
  background: #585858 url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 90% -6484px;
}
#supplement li a.sortUp {
  background: #0077b6 url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 90% -6693px;
  padding: 8px 35px 10px 10px;
}
#supplement li a.sortUp:hover,
#supplement li a.sortUp:focus,
#supplement li a.sortUp:active {
  background: #585858 url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 90% -6693px;
}
#supplement .box {
  border-bottom: 1px solid #dedede;
}
#supplement .box.lists {
  border-bottom: 0;
}
.navIndex {
  overflow: hidden;
  margin-bottom: 20px;
}
.navIndex:after {
  clear: both;
  content: " ";
  display: block;
  height: 1px;
}
.navIndex li {
  list-style-type: none;
  font-size: 100%;
  float: left;
  text-align: center;
  width: 50%;
}
.navIndex a.page,
.navIndex strong,
.navIndex span.page {
  font-size: 150%;
  font-weight: b;
  text-align: center;
  display: block;
  padding: 2px 10px 7px;
  min-width: 2em;
}
.navIndex a.page:hover,
.navIndex a.page:focus,
.navIndex a.page:active,
.navIndex strong {
  color: white;
  background: #0077b6;
}
.navIndex a.page,
.navIndex strong,
.navIndex span.page {
  display: none;
}
.navIndex span.back,
.navIndex span.forward,
.navIndex a.back,
.navIndex a.forward {
  font-size: 130%;
}
.navIndex span.back,
.navIndex span.forward {
  color: #0077b6;
  background: white;
}
.navIndex .back {
  margin-right: 10px;
}
#content .navIndex ul {
  width: 100%;
  padding: 0;
}
.warenkorb td {
  vertical-align: middle;
}
.warenkorb td label,
.warenkorb td input {
  font-size: 100%;
  margin-bottom: 0;
}
.topicWrapper {
  background-color: #eeeeee;
}
.contactbox dl {
  margin-bottom: 0;
}
.contactbox dl dt {
  font-weight: normal;
  line-height: 3;
  border-bottom: 1px solid #80cdec;
  margin-bottom: 0;
}
.contactbox dl dd {
  font-size: 3rem;
  font-weight: bold;
  border-bottom: 1px solid #80cdec;
  line-height: 1.5;
  margin-bottom: 0;
  text-align: right;
}
@media only screen and (min-width: 601px) and (max-width: 1023px) {
  .contactbox dl dt {
    float: none;
    border-bottom: none;
  }
}
.contactbox p {
  padding: 10px 4px 10px 0;
  margin-bottom: 0;
  border-bottom: 1px solid #80cdec;
}
.contactbox p a.themenLink {
  display: block;
  padding-left: 0;
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 100% -2727px;
}
.contactbox p a.themenLink:hover,
.contactbox p a.themenLink:active,
.contactbox p a.themenLink:focus {
  color: white;
  background-position: 100% -2727px;
}
.contactbox p.all {
  border: 0;
  padding: 0;
  margin: 20px 0;
}
.bg-bkg {
  background: #0077b6;
}
.bg-bkg * {
  color: white;
}
.bg-bkg .all {
  background-color: #333333;
}
.bg-bkg .all .button {
  background-color: #333333;
  text-align: center;
}
/*Autosuggest*/
.searchAutoSuggestBox {
  clear: both;
  position: absolute;
  background: #eeeeee;
  z-index: 199;
  left: 0 !important;
  padding-left: 9px;
}
.searchAutoSuggestBox a {
  font-size: 66.67%;
  display: block;
  padding: 0 3px 6px 11px;
  border-top: 1px solid #dedede;
  color: #333333;
}
.searchAutoSuggestBox a:hover,
.searchAutoSuggestBox a:active,
.searchAutoSuggestBox a:focus,
.searchAutoSuggestBox a.active {
  text-decoration: underline;
}
.searchAutoSuggestBox {
  z-index: 9999;
}
#searchAutoSuggestBox2 a,
#searchAutoSuggestBox3 a {
  font-size: 100%;
}
/*Autosuggest Ende*/
/*Calendar*/
.live-calendar {
  overflow: visible;
  position: relative;
  z-index: 1;
}
.live-calendar table {
  position: relative;
}
.live-calendar h3 {
  margin-right: 4.5em;
  margin-bottom: 18px;
}
.live-calendar .pager {
  height: 1%;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 6.3em;
  z-index: 5;
  font-size: 128.57%;
}
.live-calendar .pager div {
  float: left;
  margin-left: 10px;
  width: 30px;
  height: 30px;
}
.live-calendar .pager .prev.inactive {
  background: url(/SiteGlobals/Frontend/Images/icons/back-g-quadrate.png?__blob=normal&v=2) repeat 0 0;
}
.live-calendar .pager .next.inactive {
  background: url(/SiteGlobals/Frontend/Images/icons/next-g-quadrate.png?__blob=normal&v=2) repeat 0 0;
}
.live-calendar .pager .prev a:hover img,
.live-calendar .pager .prev a:active img,
.live-calendar .pager .prev a:focus img,
.live-calendar .pager .next a:hover img,
.live-calendar .pager .next a:active img,
.live-calendar .pager .next a:focus img {
  opacity: .6;
}
.live-calendar .pager a {
  display: block;
}
.live-calendar th {
  padding: 8px 10px 10px;
}
.live-calendar th abbr {
  white-space: nowrap;
}
.live-calendar td {
  padding: 0;
}
.live-calendar td>a,
.live-calendar td span {
  display: block;
  padding: 4px;
  text-align: center;
}
.live-calendar td>a>span,
.live-calendar td span>span {
  left: -2000px;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}
.live-calendar .today {
  background: #eeeeee;
}
.live-calendar .today em {
  font-style: normal;
}
.live-calendar .on {
  color: #0077b6;
  font-weight: bold;
}
.live-calendar .calendar-details {
  display: none;
  background: white;
  border: 1px solid #dedede;
  position: absolute;
  left: 10px;
  width: 293px;
  padding: 10px;
}
.live-calendar .calendar-details li {
  border-top: 1px solid #dedede;
}
.live-calendar .calendar-details li:first-child {
  border: none;
}
.live-calendar .calendar-details li a {
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -6220px;
  padding: 4px 4px 4px 20px;
  display: block;
}
.live-calendar .calendar-details li a:hover,
.live-calendar .calendar-details li a:focus,
.live-calendar .calendar-details li a:active {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 5px -6220px;
  text-decoration: underline;
}
.live-calendar .calendar-details li span {
  color: #0077b6;
  font-weight: normal;
  text-align: left;
  display: inline;
}
.live-calendar .calendar-details .button {
  text-decoration: none;
}
.live-calendar .calendar-details h4 {
  color: #333333;
}
.live-calendar .opened>a {
  background-color: #0077b6;
  color: white;
  border-bottom: 0;
  height: 30px;
}
.live-calendar .opened .calendar-details {
  position: absolute;
  left: 0;
  display: block;
}
/*Calendar Ende*/
/*Multimedia*/
video,
.mejs-container {
  margin: 0 auto 20px;
}
.galleryBox .mejs-wrapper {
  margin-top: 46px;
}
.galleryBox .mejs-wrapper .mejs-container {
  margin: 0 auto 0;
}
.mejs-overlay-button {
  background: url(/SiteGlobals/Frontend/Images/icons/mediaelementjs/icon_play_custom_svg.svg?__blob=normal&v=1) no-repeat;
}
.mejs-overlay-loading span {
  background: transparent url(/SiteGlobals/Frontend/Images/icons/mediaelementjs/icon_loading.gif?__blob=normal&v=1) 50% 50% no-repeat;
}
.mejs-controls .mejs-button button {
  background: transparent url("../images/icons/bkg/../mediaelementjs/icon_controls.svg") no-repeat;
}
.no-svg .mejs-controls .mejs-button button {
  background-image: url(/SiteGlobals/Frontend/Images/icons/mediaelementjs/icon_controls_png.png?__blob=normal&v=1);
}
.mejs-overlay-loading,
.mejs-container .mejs-controls,
.mejs-controls .mejs-volume-button .mejs-volume-slider,
.mejs-controls .mejs-captions-button .mejs-captions-selector,
.mejs-captions-text,
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector,
.mejs-postroll-layer,
.mejs-postroll-close,
.mejs-controls .mejs-speed-button .mejs-speed-selector {
  background: url(/SiteGlobals/Frontend/Images/icons/mediaelementjs/icon_background.png?__blob=normal&v=1);
}
/*Multimedia Ende*/
/*Breadcrumb*/
#navBreadcrumbs {
  background-color: #eeeeee;
  overflow: hidden;
  clear: both;
}
#navBreadcrumbs ol {
  padding: 0 5px;
  overflow: hidden;
}
#navBreadcrumbs li {
  font-size: 100%;
  float: left;
  margin-right: 10px;
  padding: 0;
  line-height: 2;
}
#navBreadcrumbs li.first a {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -3475px;
  text-indent: -9999em;
  width: 25px;
  border-bottom: 2px solid #eeeeee;
}
#navBreadcrumbs li.first a:focus {
  border-bottom: 2px solid #333333;
}
#navBreadcrumbs a,
#navBreadcrumbs strong {
  font-weight: bold;
  font-size: 160%;
  line-height: 1;
  display: block;
  background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=4) no-repeat 0 -200px;
  padding: 10px 10px 14px 15px;
}
#navBreadcrumbs a {
  color: #333333;
}
#navBreadcrumbs a:hover,
#navBreadcrumbs a:focus,
#navBreadcrumbs a:active {
  text-decoration: underline;
  color: #0077b6;
}
#navBreadcrumbs strong {
  color: #666666;
}
/*Breadcrumb Ende*/
/*Primary*/
#navPrimary {
  position: relative;
  clear: both;
}
#navPrimary a {
  color: #333333;
  padding: 10px 0;
  display: block;
  font-size: 100%;
}
/*Primary Ende*/
/*Secondary*/
#navSecondary {
  display: none;
}
/*Secondary Ende*/
/*Mobile Menu*/
.menu-box {
  display: none;
}
#menu {
  padding-bottom: 100px;
}
#menu h1 {
  font-size: 140%;
  background: #0077b6;
  z-index: 1000;
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 0;
  padding: 8px 40px 10px 10px;
  text-transform: uppercase;
  font-family: "bundessansweb", Arial, helvetica, sans-serif, "Droid Sans";
}
#menu h1 a {
  color: white;
  font-weight: normal;
}
#menu h1 img {
  position: absolute;
  top: 12px;
  right: 10px;
}
#menu .mm-search {
  background: #0077b6;
  position: relative;
  /*overflow: hidden;*/
}
#menu .mm-search input {
  color: #333333;
  background: white;
  width: 100%;
  height: 40px;
  border: none;
  /* Android-Fix
   * border-radius: $topLeft $topright $bottomRight $bottomLeft;*/
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
}
#menu .mm-search input.image {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  padding: 5px;
}
#menu ul {
  color: #333333;
  background: #fafafa;
  position: relative;
  padding-top: 0;
}
#menu li {
  font-size: 1.6rem;
}
#menu li a,
#menu li span {
  color: #333333;
  padding-left: 10px;
}
#menu li a.mm-subopen:after,
#menu li a.mm-subclose:before,
#menu li span.mm-subopen:after,
#menu li span.mm-subclose:before {
  border-color: #0077b6;
}
#menu li a span,
#menu li span span {
  padding-left: 0;
}
#menu li.service {
  background: #0077b6;
}
#menu li.service a,
#menu li.service strong,
#menu li.service span {
  color: white;
}
#menu li.service a.mm-subopen:after,
#menu li.service a.mm-subclose:before,
#menu li.service strong.mm-subopen:after,
#menu li.service strong.mm-subclose:before,
#menu li.service span.mm-subopen:after,
#menu li.service span.mm-subclose:before {
  border-color: white;
}
#menu li.service li {
  background: #ebebeb;
}
#menu li.service li a,
#menu li.service li strong,
#menu li.service li span {
  color: #0077b6;
}
#menu li li {
  background: #ebebeb;
}
#menu li li:after {
  border-color: #dbdbdb;
  margin-left: 0;
}
#menu li li a,
#menu li li span {
  padding-left: 20px;
}
#menu li li li {
  background: #dbdbdb;
}
#menu li li li:after {
  border-color: #cccccc;
}
#menu li li li a,
#menu li li li span {
  padding-left: 30px;
}
#menu li li li li {
  background: #cccccc;
}
#menu li li li li:after {
  border-color: #cccccc;
}
#menu li li li li a,
#menu li li li li span {
  padding-left: 40px;
}
#menu ul ul {
  padding: 0;
}
#menu .navFacebook em,
#menu .navFlickr em,
#menu .navGoogle em,
#menu .navRSSFeed em,
#menu .navTwitter em,
#menu .navInstagram em,
#menu .navYouTube em {
  display: none;
}
#menu .navServiceGS a,
#menu .navServiceGS span,
#menu .navServiceLS a,
#menu .navServiceLS span,
#menu .navTwitter a,
#menu .navTwitter span,
#menu .navInstagram a,
#menu .navInstagram span,
#menu .navRSSFeed a,
#menu .navRSSFeed span,
#menu .navFlickr a,
#menu .navFlickr span,
#menu .navFacebook a,
#menu .navFacebook span,
#menu .navYouTube a,
#menu .navYouTube span,
#menu .navGoogle a,
#menu .navGoogle span {
  padding-left: 40px;
}
#menu .navServiceGS a.mm-subopen,
#menu .navServiceLS a.mm-subopen,
#menu .navTwitter a.mm-subopen,
#menu .navInstagram a.mm-subopen,
#menu .navRSSFeed a.mm-subopen,
#menu .navFlickr a.mm-subopen,
#menu .navFacebook a.mm-subopen,
#menu .navYouTube a.mm-subopen,
#menu .navGoogle a.mm-subopen {
  background: none;
}
#menu .navServiceGS>a,
#menu .navServiceGS span {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-mobile.png?__blob=normal&v=2) no-repeat 10px -213px;
}
#menu .navServiceLS>a,
#menu .navServiceLS span {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-mobile.png?__blob=normal&v=2) no-repeat 10px -431px;
}
#menu .navRSSFeed>a,
#menu .navRSSFeed span {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-mobile.png?__blob=normal&v=2) no-repeat 10px -1081px;
}
#menu .navFacebook>a,
#menu .navFacebook span {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-mobile.png?__blob=normal&v=2) no-repeat 10px 8px;
}
#menu .navYouTube>a,
#menu .navYouTube span {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-mobile.png?__blob=normal&v=2) no-repeat 10px -1525px;
}
#menu .mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
  margin-left: 0;
}
html.mm-opened #togglenav {
  position: absolute;
}
/*Mobile Menu Ende*/
/*Serviceborder*/
/*Serviceborder Ende*/
/*Carousel*/
.wrapper-teaser-switcher {
  clear: both;
  position: relative;
}
.teaser-switcher {
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}
.teaser-switcher .teaser {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.teaser-switcher a {
  display: block;
  margin: 0;
}
.teaser-switcher img {
  margin-bottom: 12px;
}
.teaser-switcher h3 {
  font-family: "bundesserifweb", Georgia, Times New Roman, serif, "Droid Serif";
  font-weight: normal;
  font-size: 2.2rem;
  line-height: 1.18;
}
.teaser-switcher .navigation {
  display: none;
}
.startseite .topicWrapper .wrapper-teaser-switcher h2,
.startseite .topicWrapper .wrapper-teaser-switcher h3 a,
.startseite .topicWrapper .wrapper-teaser-switcher p,
.startseite .topicWrapper .wrapper-teaser-switcher a {
  color: white;
}
.topics .button {
  background-color: #333333;
  text-align: center;
}
.js-on .teaser-switcher .karussell {
  overflow: hidden;
  position: relative;
  height: 100%;
  margin: 0;
}
.js-on .teaser-switcher .slick-dots {
  display: block !important;
  position: static;
}
.js-on .teaser-switcher .slick-dots button {
  height: 10px;
  width: 10px;
  border: 1px solid #cccccc;
  /* Android-Fix
   * border-radius: $topLeft $topright $bottomRight $bottomLeft;*/
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  -khtml-border-radius: 50% 50% 50% 50%;
  line-height: 1.2;
  background-color: #cccccc;
  text-indent: -99999px;
  content: none;
}
.js-on .teaser-switcher .slick-dots button:hover,
.js-on .teaser-switcher .slick-dots button:focus,
.js-on .teaser-switcher .slick-dots button:active {
  opacity: 0.6;
}
.js-on .teaser-switcher .slick-dots .slick-active button {
  background-color: white;
}
.js-on .teaser-switcher .slick-list {
  margin-bottom: 10px;
}
.js-on .teaser-switcher .navigation {
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 163px;
}
.js-on .teaser-switcher .navigation button {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 40%;
}
.js-on .teaser-switcher .navigation button.slick-disabled {
  opacity: 0.6;
}
.js-on .teaser-switcher .navigation .next {
  right: 0;
}
.js-on .teaser-switcher .navigation .prev {
  left: 0;
}
.startseite.js-on .teaser-switcher .slick-dots button {
  background-color: #80cdec;
  border-color: #80cdec;
}
.startseite.js-on .teaser-switcher .slick-dots .slick-active button {
  background-color: white;
}
/*Carousel Ende*/
/*Gallery*/
.StndGallery {
  margin-bottom: 20px;
}
.StndGallery .galleryBox {
  position: relative;
}
.StndGallery .galleryBox .slick-list:focus {
  outline-style: dotted;
  outline-color: #333333;
  outline-width: 1px;
}
.StndGallery .galleryBox .slick-slide {
  background: #eeeeee;
}
.StndGallery .galleryBox .slick-slide p {
  margin-bottom: 0;
}
.StndGallery h2 {
  margin: 10px 0 10px 10px;
  padding-right: 4em;
  /* slide effekt */
  width: 80%;
  float: left;
}
.StndGallery img,
.StndGallery .picture {
  clear: both;
  display: block;
  margin: 0 auto;
}
.StndGallery video {
  margin: 0 auto;
}
.StndGallery .navigation {
  z-index: 999;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.StndGallery .navigation div,
.StndGallery .navigation button {
  height: 100%;
  width: 30px;
  position: absolute;
}
.StndGallery .navigation button:hover,
.StndGallery .navigation button:focus,
.StndGallery .navigation button:active {
  opacity: 0.6;
}
.StndGallery .navigation .next {
  right: 0;
}
.StndGallery .navigation .prev {
  left: 0;
}
.StndGallery .navigation .next.inactive {
  background: url("../images/icons/bkg/next-quadrate-b.png") repeat 0 0;
}
.StndGallery .navigation .back.inactive {
  background: url("../images/icons/bkg/back-quadrate-b.png") repeat 0 0;
}
.StndGallery .position {
  /* Fade-Effekt
 position:  absolute;*/
  position: relative;
  float: right;
  top: 10px;
  right: 10px;
}
.StndGallery .galleryBox-embedded .navigation {
  top: 0;
}
#supplement .slick-slide,
#supplement .picture,
#supplement .galleryBox {
  background: white;
}
#supplement .imageSlider {
  padding: 10px 0px;
  background: #eeeeee;
}
#supplement .imageSlider h3 {
  left: -2000px;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}
#supplement .imageSlider h4 {
  margin: 10px 0 10px 10px;
  padding-right: 4em;
  /* slide effekt */
  width: 80%;
  float: left;
}
#supplement .imageSlider .position {
  right: 10px;
}
#supplement .imageSlider .navigation {
  top: 100px;
  z-index: 99;
}
/*Gallery Ende*/
/*Stage*/
#stage {
  background: #0077b6;
}
#stage .stage-wrapper {
  position: relative;
  max-width: 96em;
  margin: 0 auto;
  overflow: hidden;
}
#stage .textContainer h3 {
  font-size: 250%;
  line-height: 1.1;
  margin: 20px 10px;
}
#stage .textContainer h3 a {
  color: white;
}
#stage .textContainer p {
  display: none;
}
#stage .imageContainer {
  position: relative;
  text-align: center;
}
#stage .imageContainer img {
  margin-bottom: 0;
}
#stage .imageContainer a {
  display: block;
}
#stage .imageContainer a:focus {
  outline: 1px dotted;
  margin: 1px;
}
#stage .teaser {
  border-bottom: 0;
}
#stage .teaser.hidden {
  visibility: hidden;
}
#stage .pagination {
  margin-bottom: 20px;
  width: 100%;
}
#stage .pagination ul {
  text-align: center;
}
#stage .pagination li {
  display: inline-block;
  list-style-type: none;
  font-size: 220%;
  margin-right: 5px;
}
#stage .pagination a,
#stage .pagination strong {
  font-weight: bold;
  /* Android-Fix
   * border-radius: $topLeft $topright $bottomRight $bottomLeft;*/
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  clear: left;
  display: block;
  padding: 4px 13px 11px;
  line-height: 1;
  text-transform: uppercase;
}
#stage .pagination a {
  color: white;
  background-color: #0077b6;
}
#stage .pagination strong {
  color: #0077b6;
  background-color: white;
}
#stage .navigation {
  display: none;
}
.js-on #stage .stage-container {
  margin-bottom: 0;
}
.js-on #stage .teaser {
  float: left;
  /*Nur bei fade-effect*/
  /*position: absolute;*/
  width: 100%;
}
.js-on #stage .pagination {
  display: none;
}
.js-on #stage .slick-dots {
  position: static;
  margin-bottom: 20px;
}
.js-on #stage .slick-dots button {
  height: 10px;
  width: 10px;
  border: 1px solid #80cdec;
  /* Android-Fix
   * border-radius: $topLeft $topright $bottomRight $bottomLeft;*/
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  -khtml-border-radius: 50% 50% 50% 50%;
  line-height: 1.2;
  background-color: white;
  text-indent: -99999px;
  content: none;
}
.js-on #stage .slick-dots button:hover,
.js-on #stage .slick-dots button:focus,
.js-on #stage .slick-dots button:active {
  opacity: 0.6;
}
.js-on #stage .slick-dots .slick-active button {
  background-color: #80cdec;
}
.js-on #stage .navigation {
  display: block;
  top: 13%;
  left: 0;
  position: absolute;
  width: 100%;
}
.js-on #stage .navigation button {
  height: 43px;
  width: 30px;
  padding: 0;
  position: absolute;
}
.js-on #stage .navigation button.slick-disabled {
  opacity: 0.6;
}
.js-on #stage .navigation .next {
  right: 0;
}
.js-on #stage .navigation .prev {
  left: 0;
}
.js-on #stage .navigation .play,
.js-on #stage .navigation .pause {
  display: none;
}
/*Stage Ende*/
/*Toggle*/
.wrapper-teaser .toggleEntry:first-child {
  border-top: 1px solid #dedede;
}
.toggleEntry {
  border-bottom: 1px solid #dedede;
  overflow: hidden;
}
.toggleEntry h2 {
  margin-top: 6px;
}
.toggleEntry a.toggle {
  display: block;
}
.toggleEntry a.toggle.show {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -6082px;
  padding-right: 35px;
}
.toggleEntry a.toggle.hide {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=8) no-repeat 98% -3783px;
  padding-right: 35px;
}
.toggleEntry div.show {
  display: block;
}
.toggleEntry div.hide {
  display: none;
}
/*Toggle Ende*/
/*Togglebar*/
#togglenav {
  width: 100%;
  z-index: 9999;
  background: #0077b6;
  overflow: hidden;
  padding: 0 5px 0 10px;
}
#togglenav ul {
  display: table;
  height: 4em;
  margin: 4px 0;
}
#togglenav li {
  font-size: 100%;
  float: left;
  height: 100%;
}
#togglenav a,
#togglenav strong {
  font-size: 160%;
  color: white;
  font-weight: normal;
  display: block;
  padding: 6px 10px 10px;
}
#togglenav .right a,
#togglenav .right strong {
  margin-right: 0;
  margin-left: 0;
}
#togglenav #navMobileMenu a {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-mobile.png?__blob=normal&v=2) no-repeat 0 -863px;
  padding-left: 25px;
}
#togglenav #navMobileSearch a {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-mobile.png?__blob=normal&v=2) no-repeat 0 -647px;
  padding-left: 25px;
}
#togglenav .navServiceGS a,
#togglenav .navServiceGS strong,
#togglenav .navServiceLS a,
#togglenav .navServiceLS strong {
  padding-left: 30px;
  display: block;
  width: 30px;
  height: 40px;
  text-indent: -9999px;
}
#togglenav .navServiceGS a {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-mobile.png?__blob=normal&v=2) no-repeat 10px -214px;
}
#togglenav .navServiceLS a {
  background: url(/SiteGlobals/Frontend/Images/icons/sprite-mobile.png?__blob=normal&v=2) no-repeat 10px -430px;
}
.fixed #togglenav {
  position: fixed;
  top: 0;
}
.fixed #wrapperDivisions {
  padding-top: 4em;
}
/*Togglebar Ende*/
/*twoclickshare*/
#footer {
  position: relative;
}
#footer .shariff a {
  padding: 0 10px 0 35px !important;
}
#footer .shariff .info a {
  padding: 0 !important;
}
.share {
  position: absolute;
  width: 100%;
  z-index: 99;
  background: #FFFFFF;
  border-top: 2px dotted #7F7F7F;
}
.share .wrapper-share {
  padding: 3em 10px;
  position: relative;
  min-height: 19em;
}
.share button.close {
  font-size: 1.5rem;
  text-transform: uppercase;
  line-height: 1.5;
  background: url(/SiteGlobals/Frontend/Images/icons/close-b.png?__blob=normal&v=1) no-repeat 100% 0/22px 22px;
  padding-right: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.share .shariff h3 {
  font-size: 1.7rem !important;
  color: #333333;
  padding: 0 0 10px !important;
  margin-top: 10px;
}
.share .shariff ul {
  margin: 0 !important;
}
.share .shariff li {
  width: calc(50% - 1.4%);
  max-width: calc(50% - 1.4%);
  margin-right: 0;
}
.share .shariff li:nth-child(odd) {
  margin-right: 2.8%;
}
.share .shariff li a {
  padding: 0 10px 0 30px;
  font-size: 1.4rem;
  background: #0077b6 !important;
}
.share .shariff li a:before {
  position: absolute;
  left: 10px;
  top: 10px;
}
.share .shariff li a:active,
.share .shariff li a:focus,
.share .shariff li a:hover {
  color: #FFFFFF;
}
.share .shariff li a .fa {
  display: none;
}
.share .shariff li a .share_text {
  font-size: inherit;
  font-family: inherit;
  text-indent: 0;
  vertical-align: unset;
}
.share .shariff .email a {
  padding-top: 4px;
  padding-left: 35px;
}
.share .shariff li a .share_text,
.share .shariff .email a {
  line-height: 28px;
}
.share .shariff .email a:before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 13px;
  background: url(/SiteGlobals/Frontend/Images/icons/socialshareprivacy/share_email.svg?__blob=normal&v=1) no-repeat 0 0;
  top: 9px;
}
.share .shariff .twitter a:before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 14px;
  background: url(/SiteGlobals/Frontend/Images/icons/socialshareprivacy/share_twitter.svg?__blob=normal&v=1) no-repeat 0 0;
}
.share .shariff .facebook a:before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  background: url(/SiteGlobals/Frontend/Images/icons/socialshareprivacy/share_facebook.svg?__blob=normal&v=1) no-repeat 0 0;
}
.share .shariff .twitter a:before {
  top: 10px;
}
.share .shariff .facebook a:before {
  top: 7px;
  left: 8px;
}
.share .shariff .info {
  width: 35px;
  max-width: auto;
  border: 1px solid #666666;
}
.share .shariff .info a {
  position: relative;
  padding: 0;
  background: #FFFFFF !important;
}
.share .shariff .info a:before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 8px;
  height: 18px;
  background: url(/SiteGlobals/Frontend/Images/icons/socialshareprivacy/share_information.svg?__blob=normal&v=1) no-repeat 0 0;
  -webkit-transform: translate(-50%, -55%);
  -ms-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
  top: 50%;
  left: 50%;
}
/*twoclickshare Ende*/
/*Lightbox*/
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  background-color: white;
  width: auto;
  max-width: 100%;
  padding: 4em 10px 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.mfp-inline-holder .mfp-content h1 button.mfp-close,
.mfp-ajax-holder .mfp-content h1 button.mfp-close {
  left: -2000px;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}
.mfp-inline-holder .mfp-content button.mfp-close,
.mfp-ajax-holder .mfp-content button.mfp-close {
  font-size: 150%;
  line-height: 1.5;
  color: #333333;
  font-weight: normal;
  text-transform: uppercase;
  background: url(/SiteGlobals/Frontend/Images/icons/close-b.png?__blob=normal&v=1) no-repeat 100% 1px;
  padding-right: 25px;
  position: absolute;
  top: 10px;
  right: 10px;
  width: auto;
  height: auto;
  opacity: 1;
}
.mfp-inline-holder .mfp-content button.mfp-close:hover,
.mfp-inline-holder .mfp-content button.mfp-close:focus,
.mfp-inline-holder .mfp-content button.mfp-close:active,
.mfp-ajax-holder .mfp-content button.mfp-close:hover,
.mfp-ajax-holder .mfp-content button.mfp-close:focus,
.mfp-ajax-holder .mfp-content button.mfp-close:active {
  text-decoration: underline;
}
.mfp-inline-holder .mfp-content p.all,
.mfp-ajax-holder .mfp-content p.all {
  margin-bottom: 0;
}
.mfp-inline-holder .mfp-content .glossarEntry ul,
.mfp-ajax-holder .mfp-content .glossarEntry ul {
  margin-bottom: 20px;
}
.mfp-inline-holder .mfp-content .picture,
.mfp-ajax-holder .mfp-content .picture {
  background: transparent;
}
.mfp-inline-holder .mfp-content .picture.poster,
.mfp-ajax-holder .mfp-content .picture.poster {
  max-width: 100%;
}
.mfp-inline-holder .mfp-content img,
.mfp-ajax-holder .mfp-content img {
  display: block;
  margin: 0 auto;
}
.mfp-inline-holder .mfp-content .slide h1,
.mfp-ajax-holder .mfp-content .slide h1 {
  padding: 10px 5em 0 10px;
}
.mfp-inline-holder .mfp-content .slide .position,
.mfp-ajax-holder .mfp-content .slide .position {
  position: absolute;
  top: 5.5em;
  right: 20px;
}
.mfp-inline-holder .mfp-content .slide video,
.mfp-ajax-holder .mfp-content .slide video {
  display: block;
  margin: 0 auto;
}
.mfp-gallery .mfp-inline-holder .mfp-content,
.mfp-gallery .mfp-ajax-holder .mfp-content {
  width: 900px;
}
.mfp-container .mfp-arrow {
  width: 30px;
  height: 43px;
}
.mfp-container .mfp-arrow:before,
.mfp-container .mfp-arrow:after,
.mfp-container .mfp-arrow .mfp-b,
.mfp-container .mfp-arrow .mfp-a {
  border: none;
  padding: 0;
  height: 43px;
  width: 30px;
  margin: 0;
}
.mfp-arrow,
.mfp-arrow:active {
  margin-top: 0;
}
/*Lightbox Ende*/
/*Webmap*/
.bkgMap {
  display: none;
}
/*webmap Ende*/
/*Youtube*/
.youtube-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
}
.youtube-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*Youtube Ende*/
/*GREF-Integration*/
.gref pre {
  font-size: 1.5rem;
}
.gref .all {
  background-color: #eeeeee;
}
.gref .value {
  margin-bottom: 1em;
}
.gref .value a {
  margin-bottom: 1em;
  display: inline;
}
/*GREF-Integration Ende*/
@media only screen and (min-width: 27.5em) {
  html {
    font-family: small-1;
  }
  .video-image .video-icon {
    top: 24%;
    left: 38%;
  }
}
/* Neue Module 2023 */
:root {
  --link-color: #0077b6;
  --link-hover-color: #000000;
  --headline-color: #000000;
  --text-color: #000000;
  --border-color: #0077b6;
  --background-color: #ffffff;
  --box-shadow-color: #0077b6;
  --danger: #d92121;
  --gutter: 2rem;
  --outer-gutter: 1em;
}
.l-content-wrapper {
  --text-color: #000000;
  padding: 40px 0;
}
.l-content-wrapper.is-gray {
  --background-color: #eeeeee;
  position: relative;
}
.l-content-wrapper.is-gray::before {
  background: var(--background-color);
  content: "";
  display: block;
  height: 100%;
  width: 100vw;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: -1;
}
.l-content-wrapper.has-no-padding {
  padding: 0;
}
body .l-content-wrapper__content,
body .l-content-wrapper__content.row {
  margin-bottom: 40px;
}
.l-content-wrapper__headline {
  --text-color: #0077b6;
  color: var(--text-color);
  font: 700 2.6rem/3.1rem "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-bottom: 8px;
  text-align: left;
}
.l-content-wrapper__text {
  color: var(--text-color);
  font: 400 1.8rem/2.6rem "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: left;
  margin-bottom: 0;
}
.l-content-wrapper__text>p {
  color: var(--text-color);
  font: 400 1.8rem/2.6rem "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: left;
  margin-bottom: 0;
}
.l-content-wrapper__button-wrapper {
  margin: var(--gutter) 0 0;
  position: relative;
  text-align: center;
  width: 100%;
}
.l-content-wrapper__button {
  --background-color: #0077b6;
  --border-color: #ffffff;
  --text-color: #ffffff;
  background: var(--background-color);
  color: var(--text-color);
  border-radius: 3px;
  display: inline-block;
  font: 700 1.4rem/2.4rem "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: 0.05px;
  padding: 5px 18px;
  text-align: center;
  width: auto;
  transition: 0.4s ease-in-out;
}
.l-content-wrapper__button:hover,
.l-content-wrapper__button:focus {
  --background-color: #333333;
  --text-color: #80cdec;
  color: var(--text-color);
  text-decoration: underline;
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.l-teaser-list {
  display: flex;
  padding: 0 !important;
  margin: 0;
  list-style: none !important;
}
#content .l-teaser-list {
  margin-bottom: 0;
}
.l-teaser-list p {
  margin-bottom: 2rem !important;
}
#content .l-teaser-list.row,
.l-teaser-list.row {
  justify-content: space-between;
  align-items: stretch;
  align-content: space-around;
}
#content .l-teaser-list .l-teaser-list__item,
.l-teaser-list__item {
  margin: 0 0 var(--gutter);
  position: relative;
}
#content .l-teaser-list .l-teaser-list__item {
  margin-bottom: var(--gutter) !important;
}
#content .l-teaser-list .l-teaser-list__item:last-child {
  margin-bottom: 0 !important;
}
#content .is-highlight .l-teaser-list__item,
.is-highlight .l-teaser-list__item {
  margin-bottom: 0;
}
.l-teaser-list__item:not(.column) {
  padding: 0;
}
.c-teaser-image {
  --background-color: #eeeeee;
  --text-color: #000000;
  display: flex;
  flex-flow: column wrap;
}
.c-teaser-image+.c-teaser-image {
  margin-top: 5rem;
}
.c-teaser-image__text p {
  font-size: 1.5rem;
}
.c-teaser-image:focus-visible {
  outline: none;
}
.c-teaser-image__text-wrapper {
  background: var(--background-color);
  color: var(--text-color);
  display: flex;
  flex-flow: column wrap;
  margin-top: -66px;
  padding: 30px var(--gutter) 45px;
  order: 2;
  width: 100%;
  .c-teaser-image__text-wrapper:focus-visible & {
    outline: 1px solid currentColor;
    outline-offset: -2px;
  }
}
.c-teaser-image__headline {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  --text-color: #0077b6;
  color: var(--text-color);
  font: 700 2.5rem/3rem "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  order: 2;
  margin-bottom: 15px;
  text-align: left;
  width: 100%;
}
.c-teaser-image__subline {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  --text-color: #747474;
  color: var(--text-color);
  font: 700 1.6rem/1.9rem "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  order: 1;
  margin-bottom: 5px;
  text-align: left;
  width: 100%;
}
.c-teaser-image__text {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  color: var(--text-color);
  font: 400 1.6rem/2.6rem "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  order: 3;
  text-align: left;
  width: 100%;
}
.c-teaser-image__link-wrapper {
  order: 4;
  margin-bottom: 0;
}
.c-teaser-image__link {
  --text-color: #0077b6;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  color: var(--text-color);
  font: 700 1.6rem/2.6rem "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  order: 3;
  padding-left: 17px;
  position: relative;
  text-align: left;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  width: 100%;
}
.c-teaser-image__link::before {
  content: "";
  background-color: currentColor;
  width: 60px;
  height: 60px;
  display: inline-block;
  outline: 60px solid currentColor;
  outline-offset: calc(60px * -1);
  position: absolute;
  filter: none;
  -webkit-mask-image: url(/SiteGlobals/Frontend/Images/icons/sprite2023.svg?__blob=normal&v=1);
  mask-image: url(/SiteGlobals/Frontend/Images/icons/sprite2023.svg?__blob=normal&v=1);
  -webkit-mask-position: -50px -50px;
  mask-position: -50px -50px;
  top: -17px;
  left: -24px;
}
.c-teaser-image__image-wrapper {
  order: 1;
  margin: 0 calc(var(--gutter) * -1);
  width: 100vw;
}
.c-teaser-image__image {
  width: 100vw;
  max-width: 100vw;
}
.c-teaser-service {
  --background-color: #0077b6;
  --text-color: #ffffff;
  --link-hover-color: #{$color-white};
  background: var(--background-color);
  color: var(--text-color);
  display: flex;
  flex-flow: column wrap;
  min-height: 100%;
  padding: 27px var(--gutter) 25px;
  height: auto;
  width: 100%;
  max-width: 350px;
  margin: auto;
}
.c-teaser-service:hover {
  color: var(--text-color);
}
.c-teaser-service:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: -2px;
}
.c-teaser-service__text-wrapper {
  order: 2;
}
.c-teaser-service__headline {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  color: var(--text-color);
  font: 700 2.2rem/1.2 "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-bottom: 15px !important;
  text-align: center;
}
.c-teaser-service__headline--external {
  transform: translateX(-15px);
}
.c-teaser-service__headline--external::before {
  content: "";
  background-color: currentColor;
  width: 20px;
  height: 20px;
  display: inline-block;
  outline: 20px solid currentColor;
  outline-offset: calc(20px * -1);
  position: absolute;
  filter: none;
  -webkit-mask-image: url(/SiteGlobals/Frontend/Images/icons/sprite2023.svg?__blob=normal&v=1);
  mask-image: url(/SiteGlobals/Frontend/Images/icons/sprite2023.svg?__blob=normal&v=1);
  -webkit-mask-position: -489.8px -50px;
  mask-position: -489.8px -50px;
  position: static;
  display: inline-block;
  margin: 0 10px -2px 0;
  scale: 1.2;
}
.c-teaser-service__text {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  color: var(--text-color);
  font: 400 1.62rem/1.6 "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: left;
}
.c-teaser-service__text>p:last-child {
  margin-bottom: 0;
}
.c-teaser-service__icon-wrapper {
  margin-bottom: 0;
  order: 1;
  text-align: center;
}
.c-teaser-service__icon-wrapper svg {
  min-height: 75px;
  width: auto;
}
.c-teaser-video {
  --background-color: #eeeeee;
  --text-color: #000000;
  position: relative;
  background: var(--background-color);
  color: var(--text-color);
  display: flex;
  flex-flow: column wrap;
  position: relative;
}
.c-teaser-video::before {
  background: var(--background-color);
  content: "";
  display: block;
  height: 100%;
  width: 100vw;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: -1;
}
.c-teaser-video__text p {
  font-size: 1.5rem;
}
.c-teaser-video__text-wrapper {
  --background-color: #ffffff;
  background: var(--background-color);
  display: flex;
  flex-flow: wrap column;
  position: relative;
  padding: 30px 20px;
  order: 3;
  z-index: 1;
  width: 100%;
}
.c-teaser-video__headline {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  --text-color: #0077b6;
  color: var(--text-color);
  font: 700 2.6rem/1.2 "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: left;
  margin-bottom: 15px;
  order: 2;
  width: 100%;
}
.c-teaser-video__subline {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  --text-color: #747474;
  color: var(--text-color);
  font: 700 1.6rem/1.2 "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: left;
  margin-bottom: 5px;
  order: 1;
  width: 100%;
}
.c-teaser-video__text {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  --text-color: #000000;
  color: var(--text-color);
  font: 400 1.6rem/1.6 "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: left;
  order: 3;
  width: 100%;
}
.c-teaser-video__button-wrapper {
  display: inline-block;
  margin: -104px 0 26px;
  position: relative;
  width: auto;
  order: 2;
  z-index: 1;
}
.c-teaser-video__button {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  --text-color: #0077b6;
  background: var(--background-color);
  color: var(--text-color);
  display: inline-block;
  font: 700 1.4rem/1.1 "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: 0.61px;
  text-transform: uppercase;
  position: relative;
  padding: 15px 15px 15px 58px;
  transition: background, color, 0.2s ease-in-out;
}
.c-teaser-video__button::before {
  content: "";
  background-color: currentColor;
  width: 58px;
  height: 60px;
  display: inline-block;
  outline: 60px solid currentColor;
  outline-offset: calc(60px * -1);
  position: absolute;
  filter: none;
  -webkit-mask-image: url(/SiteGlobals/Frontend/Images/icons/sprite2023.svg?__blob=normal&v=1);
  mask-image: url(/SiteGlobals/Frontend/Images/icons/sprite2023.svg?__blob=normal&v=1);
  -webkit-mask-position: -210px -50px;
  mask-position: -210px -50px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.c-teaser-video__button:hover {
  --text-color: #0077b6;
  --background-color: #eeeeee;
  color: var(--text-color);
  text-decoration: underline;
}
.c-teaser-video__button:focus {
  --text-color: #000000;
  --border-color: #000000;
  color: var(--text-color);
  outline: 2px solid var(--border-color);
  outline-offset: 0;
}
.c-teaser-video__video-wrapper {
  position: relative;
  top: 0;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  order: 1;
}
.c-teaser {
  --background-color: transparent;
  --border-color: #979797;
  --text-color: #000000;
  background: var(--background-color);
  color: var(--text-color);
  display: flex;
  padding: 15px 10px;
  max-width: 100%;
  position: relative;
}
.c-teaser.is-hightlight {
  --background-color: #0077b6;
  --text-color: #ffffff;
  margin-bottom: 20px;
  padding: 30px 15px;
}
.c-teaser__wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 100%;
  word-wrap: break-word;
  padding: 0;
  width: 100%;
}
.c-teaser__topline {
  --text-color: #464646;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  color: var(--text-color);
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  font: 400 1.6rem/2rem "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-bottom: 20px !important;
  order: 2;
  width: 100%;
}
.is-hightlight .c-teaser__topline {
  --text-color: #ffffff;
}
.c-teaser__topline.is-left {
  font-weight: 700;
  justify-content: flex-start;
}
.c-teaser__topline .c-topline__element.is-type {
  font-weight: 700;
}
.c-teaser__headline {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  color: var(--text-color);
  font: 400 1.8rem/2.2rem "bundesserifweb", Cambria, Georgia, "Droid Serif", "Times New Roman", serif;
  margin-bottom: 10px;
  order: 3;
  width: 100%;
}
.c-teaser__text {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  color: var(--text-color);
  font: 400 1.6rem/2.6rem "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  order: 4;
  margin-bottom: 0;
  width: 100%;
}
.c-teaser__text>p {
  margin-bottom: 0;
}
.c-teaser__link-wrapper {
  order: 5;
  margin-top: 25px;
  width: 100%;
}
.c-teaser__link {
  --text-color: #0077b6;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  color: var(--text-color);
  font: 700 1.6rem/2.6rem "bundessansweb", Calibri, "Droid Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  position: relative;
  padding-left: 17px;
}
.is-hightlight .c-teaser__link {
  --text-color: #ffffff;
}
.is-hightlight .c-teaser__link:hover,
.is-hightlight .c-teaser__link:focus {
  --text-color: #ffffff;
  color: var(--text-color);
}
.c-teaser__link::before {
  content: "";
  background-color: currentColor;
  width: 60px;
  height: 60px;
  display: inline-block;
  outline: 60px solid currentColor;
  outline-offset: calc(60px * -1);
  position: absolute;
  filter: none;
  -webkit-mask-image: url(/SiteGlobals/Frontend/Images/icons/sprite2023.svg?__blob=normal&v=1);
  mask-image: url(/SiteGlobals/Frontend/Images/icons/sprite2023.svg?__blob=normal&v=1);
  -webkit-mask-position: -50px -50px;
  mask-position: -50px -50px;
  top: -17px;
  left: -24px;
}
.c-teaser__image-wrapper,
.c-teaser__video-wrapper {
  order: 1;
  margin-bottom: 25px;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
.c-teaser__image-wrapper img,
.c-teaser__image-wrapper video,
.c-teaser__video-wrapper img,
.c-teaser__video-wrapper video {
  max-width: 100%;
  height: auto;
}
.l-teaser-list__item:not(:first-child):not(:last-child) .c-teaser::after {
  background: var(--border-color);
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.c-video {
  --background-color: none;
  --text-color: #ffffff;
  position: relative;
  margin: 0 auto;
}
.c-video__watermark {
  position: absolute;
  top: 2rem;
  right: 2rem;
  transition: opacity 0.2s ease-in-out;
}
.c-video__watermark:hover,
.c-video__watermark:focus {
  opacity: 0.5;
}
.c-video .consent-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.c-video .consent-container {
  --background-color: #ffffff;
  --text-color: #000000;
  background-color: var(--background-color);
  width: 60rem;
  max-width: calc(100% - 4rem);
  padding: 2rem;
  border-radius: 0.5rem;
  margin: 1rem;
  position: relative;
}
.c-teaser-video .c-video {
  max-height: 100%;
  height: auto;
  max-width: 100%;
  width: auto;
}
.mejs__overlay-button {
  position: absolute;
  top: 33%;
  transform: translateY(-50%);
  scale: 0.5;
}
.c-teaser-video .mejs__overlay-play[style*="display: none"] {
  --background-color: #000000;
  --border-color: #ffffff;
  --text-color: #ffffff;
  display: block !important;
}
.c-teaser-video .mejs__overlay-play[style*="display: none"]:before,
.c-teaser-video .mejs__overlay-play[style*="display: none"]::after {
  content: "";
  position: absolute;
  top: calc(40% - 1px);
  scale: 0.5;
  transform-origin: top left;
}
.c-teaser-video .mejs__overlay-play[style*="display: none"]:before {
  background-color: currentColor;
  width: 15px;
  height: 18px;
  display: inline-block;
  outline: 18px solid currentColor;
  outline-offset: calc(18px * -1);
  filter: none;
  -webkit-mask-image: url(/SiteGlobals/Frontend/Images/icons/sprite2023.svg?__blob=normal&v=1);
  mask-image: url(/SiteGlobals/Frontend/Images/icons/sprite2023.svg?__blob=normal&v=1);
  -webkit-mask-position: -489.8px -286px;
  mask-position: -489.8px -286px;
  color: var(--text-color);
  left: 50%;
  transform: scale(1.8) translate(-50%, -50%);
  z-index: 1;
}
.c-teaser-video .mejs__overlay-play[style*="display: none"]::after {
  background: var(--background-color);
  border: 5px solid var(--border-color);
  border-radius: 50%;
  display: block;
  height: 8rem;
  width: 8rem;
  opacity: 0.75;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-teaser-video .mejs__overlay-play[style*="display: none"] svg {
  display: none !important;
}
.c-teaser-video .mejs__controls {
  display: none !important;
}
.aural {
  width: 0;
  position: absolute;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
