@charset "UTF-8";
/* moved by compressor */
/* default styles for extension "tx_slalurechner" */
    textarea.f3-form-error {
        background-color:#FF9F9F;
        border: 1px #FF0000 solid;
    }

    input.f3-form-error {
        background-color:#FF9F9F;
        border: 1px #FF0000 solid;
    }

    .tx-sl-alu-rechner table {
        border-collapse:separate;
        border-spacing:10px;
    }

    .tx-sl-alu-rechner table th {
        font-weight:bold;
    }

    .tx-sl-alu-rechner table td {
        vertical-align:top;
    }

    .typo3-messages .message-error {
        color:red;
    }

    .typo3-messages .message-ok {
        color:green;
    }
/* default styles for extension "tx_alukonhaendler" */
    textarea.f3-form-error {
        background-color:#FF9F9F;
        border: 1px #FF0000 solid;
    }

    input.f3-form-error {
        background-color:#FF9F9F;
        border: 1px #FF0000 solid;
    }

    .tx-alukon-haendler table {
        border-collapse:separate;
        border-spacing:10px;
    }

    .tx-alukon-haendler table th {
        font-weight:bold;
    }

    .tx-alukon-haendler table td {
        vertical-align:top;
    }

    .typo3-messages .message-error {
        color:red;
    }

    .typo3-messages .message-ok {
        color:green;
    }

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,main,nav,section {
    display:block;
}
ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    color: inherit;
    text-decoration: none;
    display: inline;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

[class*=col] {
    margin-top: 15px;
    margin-bottom: 15px;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url('../../../typo3conf/ext/c3base/Resources/Public/Lib/lightslider/img/controls.png');cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}

/* fira-sans-regular - latin */
@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/fileadmin/layout/css/fira-sans-v10-latin/fira-sans-v10-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Regular"), local("FiraSans-Regular"), url("/fileadmin/layout/css/fira-sans-v10-latin/fira-sans-v10-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fileadmin/layout/css/fira-sans-v10-latin/fira-sans-v10-latin-regular.woff2") format("woff2"), url("/fileadmin/layout/css/fira-sans-v10-latin/fira-sans-v10-latin-regular.woff") format("woff"), url("/fileadmin/layout/css/fira-sans-v10-latin/fira-sans-v10-latin-regular.ttf") format("truetype"), url("/fileadmin/layout/css/fira-sans-v10-latin/fira-sans-v10-latin-regular.svg#FiraSans") format("svg");
  /* Legacy iOS */
}
/* fira-sans-700 - latin */
@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/fileadmin/layout/css/fira-sans-v10-latin/fira-sans-v10-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Bold"), local("FiraSans-Bold"), url("/fileadmin/layout/css/fira-sans-v10-latin/fira-sans-v10-latin-700.eot?#iefix") format("embedded-opentype"), url("/fileadmin/layout/css/fira-sans-v10-latin/fira-sans-v10-latin-700.woff2") format("woff2"), url("/fileadmin/layout/css/fira-sans-v10-latin/fira-sans-v10-latin-700.woff") format("woff"), url("/fileadmin/layout/css/fira-sans-v10-latin/fira-sans-v10-latin-700.ttf") format("truetype"), url("/fileadmin/layout/css/fira-sans-v10-latin/fira-sans-v10-latin-700.svg#FiraSans") format("svg");
  /* Legacy iOS */
}

/***
 * Variables for configuring the actual styling of the page
 */
/***
 * Some snippets ready to use
 */
/**
 * Base element styling
 */
body, html {
  font-size: 18px;
  font-family: "Fira Sans", sans-serif;
}

p, .p {
  line-height: 1.4;
  margin: 1em auto 0;
  font-weight: normal;
  font-family: "Fira Sans", sans-serif;
}

.subheadline {
  font-size: 1.3em;
  margin: 0 auto;
  font-weight: normal;
  font-family: "Fira Sans", sans-serif;
  color: inherit;
  text-transform: uppercase;
}

p:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, .p:first-child, .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .subheadline:first-child {
  margin-top: 0;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
  font-family: "Fira Sans", sans-serif;
  font-weight: bold;
  color: #003B65;
  line-height: 1.2;
  margin: 0.5em auto 0;
  text-transform: uppercase;
}
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + .h1, h1 + .h2, h1 + .h3, h1 + .h4, h1 + .subheadline, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + .h1, h2 + .h2, h2 + .h3, h2 + .h4, h2 + .subheadline, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + .h1, h3 + .h2, h3 + .h3, h3 + .h4, h3 + .subheadline, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + .h1, h4 + .h2, h4 + .h3, h4 + .h4, h4 + .subheadline, .h1 + h1, .h1 + h2, .h1 + h3, .h1 + h4, .h1 + .h1, .h1 + .h2, .h1 + .h3, .h1 + .h4, .h1 + .subheadline, .h2 + h1, .h2 + h2, .h2 + h3, .h2 + h4, .h2 + .h1, .h2 + .h2, .h2 + .h3, .h2 + .h4, .h2 + .subheadline, .h3 + h1, .h3 + h2, .h3 + h3, .h3 + h4, .h3 + .h1, .h3 + .h2, .h3 + .h3, .h3 + .h4, .h3 + .subheadline, .h4 + h1, .h4 + h2, .h4 + h3, .h4 + h4, .h4 + .h1, .h4 + .h2, .h4 + .h3, .h4 + .h4, .h4 + .subheadline {
  margin-top: 0;
}

h1, .h1 {
  font-size: 1.8em;
}

h2, .h2 {
  font-size: 1.5em;
}

h3, .h3 {
  font-size: 1.3em;
}

h4, .h4 {
  font-size: 1.2em;
}

strong, b {
  font-weight: 900;
}

sub, sup {
  display: inline;
  font-size: 0.8em;
}

sub {
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

@media (min-width: 600px) {
  h1, .h1 {
    font-size: 2.6em;
  }

  h2, .h2 {
    font-size: 2em;
  }

  h3, .h3, .subheadline {
    font-size: 1.5em;
  }

  h4, .h4 {
    font-size: 1.3em;
  }
}
@media (min-width: 1024px) {
  h1, .h1 {
    font-size: 4em;
  }

  h2, .h2 {
    font-size: 2.8em;
  }
}
.ul li {
  margin-top: 0.6em;
  padding-left: 1.5em;
  position: relative;
  list-style: none;
  line-height: 1.4;
}
.ul li:before {
  content: "●";
  font-family: "Fira Sans", sans-serif;
  font-weight: bold;
  position: absolute;
  font-size: 0.8em;
  left: 0.5em;
  top: 0.15em;
}
.ul:first-child li:first-child {
  margin-top: 0;
}

ul.styled-list {
  margin: 1em auto 2em;
  padding: 0 0 0 1em;
  list-style: disc;
}
ul.styled-list > li {
  margin: 0.75em auto;
  line-height: 1.4;
}

ol {
  margin: 1.5em auto;
  padding: 0 0 0 3em;
}
ol > li {
  margin: 0.75em auto;
  line-height: 1.4;
}
ol.nested-list, ol.nested-list ol {
  list-style: none;
  counter-reset: item;
}
ol.nested-list > li, ol.nested-list ol > li {
  position: relative;
  counter-increment: item;
}
ol.nested-list > li:before, ol.nested-list ol > li:before {
  content: counters(item, ".") " ";
  position: absolute;
  left: -3em;
  font-weight: bold;
}
ol.nested-list > li > ol {
  padding-bottom: 2em;
  margin-bottom: 2em;
}
ol.nested-list > li > ol > li {
  font-size: 0.9em;
}
ol.nested-list > li > ol:after {
  content: "";
  position: absolute;
  left: -3em;
  right: 0;
  border-bottom: 1px solid;
  bottom: 0;
  opacity: 0.2;
}

.link-button {
  display: inline-block;
  font-size: 1em;
  line-height: 1.4;
  padding: 0.5em 2.5em 0.5em 1.5em;
  border: none;
  background: #FFD532;
  text-transform: uppercase;
  font-weight: bold;
  outline: none;
}
.link-button + .link-button {
  margin-left: 10px;
}

.link-text-colorful {
  color: #003B65;
  font-weight: 600;
}

.link-text {
  display: inline-block;
  text-transform: uppercase;
  padding: 0 2.2em;
  font-weight: bold;
}

.link-button, .link-text {
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.link-button:after, .link-text:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  background: url(/fileadmin/layout/img/arrow_material.svg) no-repeat center;
  background-size: 0.55em;
  width: 1em;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  -ms-transition-property: transform;
  -o-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.link-button:active:after, .link-button:focus:after, .link-button:hover:after, .link-text:active:after, .link-text:focus:after, .link-text:hover:after {
  -webkit-transform: translateX(0.2em);
  -moz-transform: translateX(0.2em);
  -ms-transform: translateX(0.2em);
  -o-transform: translateX(0.2em);
  transform: translateX(0.2em);
}

a {
  color: inherit;
}

.frame-layout-darkBlue .link-text-colorful {
  color: #FFD532;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.align-justify {
  text-align: justify;
}

.fontSize-small {
  font-size: 14px;
}

body, html {
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
}

.widthContainer-content {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
}

.widthContainer-page {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}

/**
 * Styling for .frame based element
 */
.frame:before, .frame:after {
  content: " ";
  display: table;
}
.frame:after {
  clear: both;
}

.frame-space-before-medium {
  padding-top: 30px;
}

.frame-space-after-medium {
  padding-bottom: 30px;
}

.frame-space-before-small {
  padding-top: 15px;
}

.frame-space-after-small {
  padding-bottom: 15px;
}

.frame-space-before-large {
  padding-top: 45px;
}

.frame-space-after-large {
  padding-bottom: 45px;
}

.frame-layout-default {
  background: white;
}

.frame-layout-grayLight {
  background: #f7f7f7;
}

.frame-layout-inverted, .frame-layout-inverted h1, .frame-layout-inverted h2, .frame-layout-inverted h3, .frame-layout-inverted h4, .frame-layout-inverted .h1, .frame-layout-inverted .h2, .frame-layout-inverted .h3, .frame-layout-inverted .h4, .frame-layout-darkBlue, .frame-layout-darkBlue h1, .frame-layout-darkBlue h2, .frame-layout-darkBlue h3, .frame-layout-darkBlue h4, .frame-layout-darkBlue .h1, .frame-layout-darkBlue .h2, .frame-layout-darkBlue .h3, .frame-layout-darkBlue .h4 {
  color: white;
}

.frame-layout-darkBlue form h3{
  color: white;
  line-height:2.5rem;
}
.powermail_fieldset.powermail_fieldset_138 {margin-bottom:2em;}
.powermail_form.powermail_form_1 legend {font-weight:400;}

.frame-layout-darkBlue {
  background: #003B65;
}

.frame-layout-yellow {
  background: #FFD532;
}
.frame-layout-yellow, .frame-layout-yellow h1, .frame-layout-yellow h2, .frame-layout-yellow h3, .frame-layout-yellow h4, .frame-layout-yellow .h1, .frame-layout-yellow .h2, .frame-layout-yellow .h3, .frame-layout-yellow .h4 {
  color: black;
}

.frame-layout-yellow a.link-button, .frame-layout-inverted a.link-button {
  background: #003B65;
}

.frame-layout-rainbow {
  background-image: url("/fileadmin/layout/img/rainbow.jpg");
  background-position: center;
  background-repeat: no-repeat;
}
.frame-layout-rainbow h4 {
  color: yellow;
}
.frame-layout-rainbow p {
  color: white;
}

.frame-default, .frame-verySmall, .frame-small, .frame-large, .frame-veryLarge {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.frame-default {
  max-width: 1320px;
}

.frame-verySmall {
  max-width: 1024px;
}

.frame-small {
  max-width: 1200px;
}

.frame-large {
  max-width: 1440px;
}

.frame-veryLarge {
  max-width: 1600px;
}

.frame-hugeLarge {
  max-width: 2560px;
}

@media (min-width: 1024px) {
  .frame-space-before-medium {
    padding-top: 50px;
  }

  .frame-space-after-medium {
    padding-bottom: 50px;
  }

  .frame-space-before-small {
    padding-top: 25px;
  }

  .frame-space-after-small {
    padding-bottom: 25px;
  }

  .frame-space-before-large {
    padding-top: 75px;
  }

  .frame-space-after-large {
    padding-bottom: 75px;
  }
}
/**
 * Breadcumb
 */
.breadcrumb-container {
  display: none;
}

@media (min-width: 900px) {
  .breadcrumb-container {
    display: block;
    padding: 6px 20px 6px 14px;
  }
  .breadcrumb-container .breadcrumb {
    list-style: none;
    margin: 0 auto;
    padding: 0;
  }
  .breadcrumb-container .breadcrumb > li {
    display: inline-block;
    background: #f2f2f2;
    padding: 4px 8px;
    margin: 0 6px 0 0;
    font-size: 10px;
    text-transform: uppercase;
  }
  .breadcrumb-container .breadcrumb > li.active {
    background: #FFD532;
  }
}
@media (min-width: 1320px) {
  .breadcrumb-container {
    padding-left: 54px;
    padding-right: 60px;
  }
}
/**
 * Header and navigation
 */
header.header-root .header-sec {
  display: none;
}
header.header-root .header-main {
  background: white;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  height: 120px;
}
header.header-root .header-main .header-main-wrap {
  position: relative;
  padding: 50px 20px 15px 20px;
  text-align: center;
}
header.header-root .header-main .header-main-wrap .burger-wrap {
  position: absolute;
  top: 60px;
  left: 20px;
  cursor: pointer;
  text-align: left;
}
header.header-root .header-main .header-main-wrap .burger-wrap > .burger, header.header-root .header-main .header-main-wrap .burger-wrap .burger-label {
  display: inline-block;
  vertical-align: top;
}
header.header-root .header-main .header-main-wrap .burger-wrap .burger {
  width: 30px;
  height: 20px;
  position: relative;
}
header.header-root .header-main .header-main-wrap .burger-wrap .burger span:before, header.header-root .header-main .header-main-wrap .burger-wrap .burger span:after {
  content: "";
}
header.header-root .header-main .header-main-wrap .burger-wrap .burger span, header.header-root .header-main .header-main-wrap .burger-wrap .burger span:before, header.header-root .header-main .header-main-wrap .burger-wrap .burger span:after {
  height: 4px;
  width: 100%;
  position: absolute;
  left: 0;
  background: #b3b3b3;
}
header.header-root .header-main .header-main-wrap .burger-wrap .burger span {
  top: 50%;
  padding-top: -2px;
}
header.header-root .header-main .header-main-wrap .burger-wrap .burger span:before {
  top: -8px;
}
header.header-root .header-main .header-main-wrap .burger-wrap .burger span:after {
  bottom: -8px;
}
header.header-root .header-main .header-main-wrap .burger-wrap .burger-label {
  text-transform: uppercase;
  padding: 0 0 0 6px;
  font-family: "Fira Sans", sans-serif;
  font-weight: bold;
  color: #003B65;
  font-size: 22px;
  margin-top: 2px;
  display: none;
}
header.header-root .header-main .header-main-wrap .logo {
  display: inline-block;
}
header.header-root .header-main .header-main-wrap .logo img {
  margin-top: 0;
  height: 49px;
  width: auto;
}
header.header-root .header-main .header-main-wrap .search {
  display: none;
}
header.header-root .header-main .header-main-wrap .nav-language {
  position: absolute;
  top: 15px;
  right: 10px;
}
header.header-root .header-main .header-main-wrap .nav-language li {
  display: inline-block;
  margin-right: 5px;
}
.header.header-root .header-sec .header-sec-wrap .nav-language .language-menu li {margin-left:3px;}
header.header-root .header-main .header-main-wrap .nav-language .current .flag img {
  height: 20px;
  width: auto;
}
header.header-root .header-main .header-main-wrap .nav-language .current .title {
  display: none;
}
header.header-root .header-main .header-main-wrap .nav-language .selection {
  display: none;
}
li.text-muted {display: none;}
@media (min-width: 600px) {
  header.header-root .header-main .header-main-wrap .burger-wrap .burger-label {
    display: inline-block;
  }
}
@media (min-width: 900px) {
  header.header-root .header-main {
    background: white;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    height: 100px;
  }
  header.header-root .header-main .header-main-wrap {
    position: relative;
    padding: 15px 20px;
    text-align: center;
  }
  header.header-root .header-main .header-main-wrap .burger-wrap {
    position: absolute;
    top: 30px;
    left: 20px;
    cursor: pointer;
    text-align: left;
  }
  header.header-root .header-sec {
    display: block;
    height: 40px;
    background: #f2f2f2;
  }
  header.header-root .header-sec .header-sec-wrap {
    position: relative;
    padding: 14px 20px;
  }
  header.header-root .header-sec .header-sec-wrap .nav-header {
    font-size: 12px;
    text-transform: uppercase;
  }
  header.header-root .header-sec .header-sec-wrap .nav-header ul {
    display: flex;
  }
  header.header-root .header-sec .header-sec-wrap .nav-header ul li {
    margin: 0 25px 0 0;
    padding: 0;
  }
  header.header-root .header-sec .header-sec-wrap .nav-header ul li:before {
    display: none;
  }
  header.header-root .header-sec .header-sec-wrap .nav-language {
    position: absolute;
    top: 14px;
    right: 20px;
  }
  header.header-root .header-sec .header-sec-wrap .nav-language .tx-srlanguagemenu div {
    display: inline-block;
    vertical-align: bottom;
  }
  header.header-root .header-sec .header-sec-wrap .nav-language .tx-srlanguagemenu .flag {
    margin-left: 4px;
  }
  header.header-root .header-sec .header-sec-wrap .nav-language .tx-srlanguagemenu .flag img {
    height: 14px;
    width: auto;
  }
  header.header-root .header-sec .header-sec-wrap .nav-language .tx-srlanguagemenu .title {
    display: none;
  }
  header.header-root .header-main .header-main-wrap .logo img {
    margin-top: 0;
    height: 69px;
  }
  header.header-root .header-main .header-main-wrap .nav-language {
    display: none;
  }
  header.header-root .header-main .header-main-wrap .search {
    display: block;
    position: absolute;
    right: 20px;
    top: 24px;
    padding: 0 6px;
  }
  header.header-root .header-main .header-main-wrap .search .tx-kesearch-pi1 {
    padding: 0;
    margin-top: -6px;
  }
  header.header-root .header-main .header-main-wrap .search .tx-kesearch-pi1 .kesearchbox {
    width: 250px;
  }
  header.header-root .header-main .header-main-wrap .search .tx-kesearch-pi1 .kesearchbox .searchValue input {
    font-size: 14px;
    padding: 8px 36px 8px 16px;
  }
  header.header-root .header-main .header-main-wrap .search .tx-kesearch-pi1 .kesearchbox button {
    width: 40px;
    background-size: 14px;
  }
}
@media (min-width: 1320px) {
  header.header-root .header-sec .header-sec-wrap {
    padding-left: 60px;
    padding-right: 60px;
  }
  header.header-root .header-sec .header-sec-wrap .nav-language {
    right: 60px;
  }
  header.header-root .header-main .header-main-wrap {
    padding-left: 60px;
    padding-right: 60px;
  }
  header.header-root .header-main .header-main-wrap .burger-wrap {
    left: 60px;
  }
  header.header-root .header-main .header-main-wrap .search {
    right: 60px;
  }
}
/**
 * Main navigation
 */
#page {
  position: relative;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  -ms-transition-property: transform;
  -o-transition-property: transform;
  transition-property: transform;
}

#pageOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  cursor: url("/fileadmin/layout/lib/lightbox/images/close.png"), zoom-out;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-duration: 0.4s, 0s, 0.4s;
  -moz-transition-duration: 0.4s, 0s, 0.4s;
  -ms-transition-duration: 0.4s, 0s, 0.4s;
  -o-transition-duration: 0.4s, 0s, 0.4s;
  transition-duration: 0.4s, 0s, 0.4s;
  -webkit-transition-property: opacity, visibility, transform;
  -moz-transition-property: opacity, visibility, transform;
  -ms-transition-property: opacity, visibility, transform;
  -o-transition-property: opacity, visibility, transform;
  transition-property: opacity, visibility, transform;
  -webkit-transition-delay: 0s, 0.4s, 0s;
  -moz-transition-delay: 0s, 0.4s, 0s;
  -ms-transition-delay: 0s, 0.4s, 0s;
  -o-transition-delay: 0s, 0.4s, 0s;
  transition-delay: 0s, 0.4s, 0s;
}

.sidebarNav {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  max-height: 100vh;
  overflow-y: scroll;
  bottom: 0;
  background: white;
  box-shadow: 30px 0 50px rgba(0, 0, 0, 0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: transform, box-shadow;
  -moz-transition-property: transform, box-shadow;
  -ms-transition-property: transform, box-shadow;
  -o-transition-property: transform, box-shadow;
  transition-property: transform, box-shadow;
  padding: 20px;
}
.sidebarNav .control {
  padding: 5px 0 10px 0;
}
.sidebarNav .control .back {
  margin: 0 18px 0;
  font-size: 24px;
  width: 1em;
  height: 1em;
  float: right;
  cursor: pointer;
  background: url("/fileadmin/layout/img/arrow-nav.svg") no-repeat center;
  background-size: contain;
}
.sidebarNav .control:before, .sidebarNav .control:after {
  content: " ";
  display: table;
}
.sidebarNav .control:after {
  clear: both;
}

#pageNav ul:before, #pageNav ul:after, #pageNav li:before, #pageNav li:after, #pageNav a:before, #pageNav a:after {
  content: " ";
  display: table;
}
#pageNav ul:after, #pageNav li:after, #pageNav a:after {
  clear: both;
}
#pageNav > ul {
  font-weight: bold;
  text-transform: uppercase;
}
#pageNav > ul a {
  display: block;
  padding: 12px 8px 10px;
}
#pageNav > ul a .switch {
  font-size: 28px;
  width: 1em;
  height: 1em;
  top: -4px;
  margin-bottom: -10px;
  float: right;
  background: url("/fileadmin/layout/img/plus-gray.svg") no-repeat center;
  background-size: contain;
  position: relative;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  -ms-transition-property: transform;
  -o-transition-property: transform;
  transition-property: transform;
}
#pageNav > ul a .switch.active {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#pageNav > ul ul.lvl-1 {
  font-size: 0.8em;
  padding-top: 6px;
  color: #666666;
}
#pageNav > ul ul.lvl-1 > li {
  background: #ebebeb;
  margin: 0 8px 12px;
}
#pageNav > ul ul.lvl-2 {
  padding: 0 0 0 12px;
}
#pageNav > ul ul.lvl-2 .switch {
  display: none;
}
#pageNav > ul > li {
  background: #f7f7f7;
  margin: 10px auto;
  padding: 4px 0;
}
#pageNav > ul > li > a {
  color: #003B65;
  padding-top: 12px;
  padding-bottom: 12px;
}
#pageNav > ul > li ul li a .switch {
  font-size: 22px;
}
#pageNav .tx-kesearch-pi1 {
  padding: 16px 0;
}

@media (min-width: 900px) {
  #pageNav .tx-kesearch-pi1 {
    display: none;
  }
  #pageNav .nav-header {
    display: none;
  }
}
#languageNav {
  left: auto;
  right: -100%;
}
#languageNav .control .back {
  margin-left: 18px;
  margin-right: 0;
  float: left;
  position: relative;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#languageNav .tx-srlanguagemenu {
  font-weight: bold;
  text-transform: uppercase;
}
#languageNav .tx-srlanguagemenu .CUR, #languageNav .tx-srlanguagemenu .NO {
  padding: 8px;
  margin: 10px auto;
  display: flex;
}
#languageNav .tx-srlanguagemenu .CUR a, #languageNav .tx-srlanguagemenu .NO a {
  padding: 8px;
}
#languageNav .tx-srlanguagemenu .CUR .flag, #languageNav .tx-srlanguagemenu .NO .flag {
  padding-right: 0;
  margin-top: -2px;
}
#languageNav .tx-srlanguagemenu .CUR .flag img, #languageNav .tx-srlanguagemenu .NO .flag img {
  height: 20px;
  width: auto;
  margin-bottom: -4px;
}
#languageNav .tx-srlanguagemenu .CUR .title, #languageNav .tx-srlanguagemenu .NO .title {
  flex: 1;
}
#languageNav .tx-srlanguagemenu .CUR {
  background: #003B65;
  color: white;
}
#languageNav .tx-srlanguagemenu .NO {
  background: #f7f7f7;
}
#languageNav .tx-srlanguagemenu .NO .flag img {
  filter: saturate(0);
}

body.pageNav-opened, body.languageNav-opened {
  height: 100vh;
  overflow-y: hidden;
}
body.pageNav-opened #pageOverlay, body.languageNav-opened #pageOverlay {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  z-index: 10000;
}

@media (min-width: 900px) {
  .sidebarNav .control {
    padding-top: 45px;
  }
}
body.pageNav-opened #page, body.pageNav-opened #page:after, body.pageNav-opened #pageNav {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
body.pageNav-opened #pageNav {
  box-shadow: 30px 0 50px rgba(0, 0, 0, 0.15);
  z-index: 10001;
}

@media (min-width: 375px) {
  #pageNav {
    left: -90vw;
    width: 90vw;
  }

  body.pageNav-opened #page, body.pageNav-opened #pageNav, body.pageNav-opened .banner-sectionIndex.outer {
    -webkit-transform: translateX(90vw);
    -moz-transform: translateX(90vw);
    -ms-transform: translateX(90vw);
    -o-transform: translateX(90vw);
    transform: translateX(90vw);
  }
}
@media (min-width: 500px) {
  #pageNav {
    left: -360px;
    width: 360px;
  }

  body.pageNav-opened #page, body.pageNav-opened #pageNav, body.pageNav-opened .banner-sectionIndex.outer {
    -webkit-transform: translateX(360px);
    -moz-transform: translateX(360px);
    -ms-transform: translateX(360px);
    -o-transform: translateX(360px);
    transform: translateX(360px);
  }
}
body.languageNav-opened #page, body.languageNav-opened #page:after, body.languageNav-opened #languageNav {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
body.languageNav-opened #pageOverlay {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  z-index: 10000;
}
body.languageNav-opened #languageNav {
  box-shadow: 30px 0 50px rgba(0, 0, 0, 0.15);
  z-index: 10001;
}

@media (min-width: 375px) {
  #languageNav {
    right: -90vw;
    width: 90vw;
  }

  body.languageNav-opened #page, body.languageNav-opened #languageNav, body.languageNav-opened .banner-sectionIndex.outer {
    -webkit-transform: translateX(-90vw);
    -moz-transform: translateX(-90vw);
    -ms-transform: translateX(-90vw);
    -o-transform: translateX(-90vw);
    transform: translateX(-90vw);
  }
}
@media (min-width: 500px) {
  #languageNav {
    right: -360px;
    width: 360px;
  }

  body.languageNav-opened #page, body.languageNav-opened #languageNav, body.languageNav-opened .banner-sectionIndex.outer {
    -webkit-transform: translateX(-360px);
    -moz-transform: translateX(-360px);
    -ms-transform: translateX(-360px);
    -o-transform: translateX(-360px);
    transform: translateX(-360px);
  }
}
/**
 * Banner
 */
#banner {
  position: relative;
}
#banner .lSPager {
  display: none;
}

.banner-sectionIndex {
  display: none;
}

@media (min-width: 600px) {
  #banner .lSPager {
    display: block;
  }
}
@media (min-width: 800px) {
  .banner-sectionIndex {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 59, 101, 0.75);
    color: white;
    visibility: hidden;
  }
  .banner-sectionIndex > .item {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 10px;
  }
  .banner-sectionIndex > .item > a {
    padding: 5px 10px;
  }
  .banner-sectionIndex.outer {
    position: fixed;
    top: 0;
    z-index: 1000;
    bottom: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
  }
  .banner-sectionIndex.visible {
    visibility: visible;
  }
}
#banner .container-madeInGermany {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#banner .container-madeInGermany .label-madeInGermany {
  position: absolute;
  right: 20px;
  top: 0;
  width: 150px;
  text-align: center;
  font-weight: bold;
  color: #003B65;
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px;
  line-height: 1.1;
}
#banner .container-madeInGermany .label-madeInGermany:before {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  left: 0;
  top: -68px;
  height: 136px;
  background-color: #FFD532;
  border-radius: 50%;
}

@media (min-width: 768px) {
  #banner .container-madeInGermany {
    display: block;
  }
}
/**
 * Footer
 */
footer {
  background: #162129;
  text-align: center;
}
footer nav.footer-main ul li {
  padding: 0;
  margin: 0 auto 6px;
}
footer nav.footer-main ul li:before {
  display: none;
}
footer nav.footer-main ul li a {
  font-size: 14px;
  line-height: 1.5;
  padding: 4px;
  text-transform: uppercase;
  display: block;
}
footer nav.footer-socialMedia a {
  display: inline-block;
  padding: 4px;
  margin: 4px;
}
footer nav.footer-socialMedia a .icon {
  font-size: 32px;
  display: block;
  width: 1em;
  height: 1em;
  background: none center no-repeat;
  background-size: contain;
}
footer nav.footer-socialMedia a .icon.icon-facebook {
  background-image: url("/fileadmin/layout/img/social-media_facebook.svg");
}
footer nav.footer-socialMedia a .icon.icon-googlePlus {
  background-image: url("/fileadmin/layout/img/social-media_google-plus.svg");
}
footer nav.footer-socialMedia a .icon.icon-instagramm {
  background-image: url("/fileadmin/layout/img/social-media_instagramm.svg");
}
footer nav.footer-socialMedia a .icon.icon-xing {
  background-image: url("/fileadmin/layout/img/social-media_xing.svg");
}
footer nav.footer-socialMedia a .icon.icon-linkedin {
  background-image: url("/fileadmin/layout/img/social-media_linkedin.svg");
}
footer nav.footer-socialMedia a .icon.icon-youtube {
  background-image: url("/fileadmin/layout/img/social-media_youtube.svg");
}
@media (min-width: 1024px) {
  footer .footer-inner {
    display: flex;
    align-items: center;
  }
  footer .footer-inner nav.footer-main {
    flex: 1;
  }
  footer .footer-inner nav.footer-main ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  footer .footer-inner nav.footer-main ul li {
    margin: 4px 8px;
  }
}
/**
 Basic styling for the lightSlider
 */
.lSSlideOuter .lSPager.lSpg {
  margin: 0;
  padding: 0;
}
.lSSlideOuter .lSPager.lSpg > li {
  padding: 0;
}
.lSSlideOuter .lSPager.lSpg > li a {
  background-color: transparent;
  border-radius: 0;
  z-index: initial;
  -webkit-transition: none;
  transition: none;
}
.lSSlideOuter .lSPager.lSpg > li a, .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: transparent;
}

.lSAction > a {
  cursor: pointer;
  display: block;
  background-image: none;
  z-index: initial;
  margin: 0;
  opacity: 1;
  -webkit-transition: none;
  transition: none;
}
.lSAction .lSPrev {
  background-position: 0 0;
}
.lSAction .lSNext {
  background-position: 0 0;
}

.lSSlideOuter .lSPager.lSpg > li {
  margin: 5px;
  font-size: 2px;
}
.lSSlideOuter .lSPager.lSpg > li a {
  background: #b3b3b3;
  width: 20px;
  height: 2px;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: background, width;
  -moz-transition-property: background, width;
  -ms-transition-property: background, width;
  -o-transition-property: background, width;
  transition-property: background, width;
}
.lSSlideOuter .lSPager.lSpg > li.active a {
  background: #003B65;
  width: 40px;
}

.lSAction > a {
  font-size: 18px;
  opacity: 0.5;
  top: 50%;
  margin-top: -0.5em;
  background: url("/fileadmin/layout/img/arrow_material-white.svg") no-repeat;
  background-position: center !important;
  background-size: contain;
  width: 1em;
  height: 1em;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -ms-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.lSAction .lSPrev {
  left: 5px;
  -webkit-transform: rotate(0.5turn);
  -moz-transform: rotate(0.5turn);
  -ms-transform: rotate(0.5turn);
  -o-transform: rotate(0.5turn);
  transform: rotate(0.5turn);
}
.lSAction .lSNext {
  right: 5px;
}
.frame-layout-yellow .lSAction > a, .frame-layout-grayLight .lSAction > a {
  background-image: url("/fileadmin/layout/img/arrow_material.svg");
}

@media (min-width: 600px) {
  .lSSlideOuter .lSPager.lSpg > li {
    margin: 8px;
  }
  .lSSlideOuter .lSPager.lSpg > li a {
    width: 30px;
    height: 2px;
  }
  .lSSlideOuter .lSPager.lSpg > li.active a {
    width: 60px;
  }

  .lSAction > a {
    font-size: 28px;
  }
  .lSAction .lSPrev {
    left: 10px;
  }
  .lSAction .lSNext {
    right: 10px;
  }
}
@media (min-width: 1024px) {
  .lSSlideOuter .lSPager.lSpg > li {
    margin: 10px;
  }
  .lSSlideOuter .lSPager.lSpg > li a {
    width: 40px;
    height: 1px;
  }
  .lSSlideOuter .lSPager.lSpg > li.active a {
    width: 80px;
  }

  .lSAction > a {
    font-size: 48px;
  }
  .lSAction .lSPrev {
    left: 20px;
  }
  .lSAction .lSNext {
    right: 20px;
  }
}
/**
 * Customizations on the lightSlider when it is in the banner
 */
#banner .lSSlideOuter {
  overflow: auto;
}
#banner .lSSlideOuter .lSPager.lSpg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -24px;
}

/**
 * Customizations on the lightSlider when it is in a ce-gallery
 */
.gallery-imageSlider-slider.lSSlideOuter {
  padding: 0 32px;
  position: relative;
}
.gallery-imageSlider-slider.lSSlideOuter .lSPager.lSpg {
  display: none;
}
.gallery-imageSlider-slider .lSAction > a {
  font-size: 24px;
  opacity: 0.4;
  background-image: url("/fileadmin/layout/img/arrow_material.svg");
}
.gallery-imageSlider-slider .lSAction .lSNext {
  right: 0 !important;
}
.gallery-imageSlider-slider .lSAction .lSPrev {
  left: 0 !important;
}

@media (min-width: 1024px) {
  .gallery-imageSlider-slider .lSAction > a {
    font-size: 52px;
  }
}
/**
 * Lightbox styling
 */
.lightbox .lb-outerContainer {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
.lightbox .lb-nav a.lb-next,
.lightbox .lb-nav a.lb-prev {
  background: none;
}
.lightbox .lb-closeContainer {
  display: none;
}
.lightbox .lb-nav a.lb-prev {
  cursor: url("/fileadmin/layout/lib/lightbox/images/prev.png"), w-resize;
}
.lightbox .lb-nav a.lb-next {
  cursor: url("/fileadmin/layout/lib/lightbox/images/next.png"), e-resize;
}

.lightboxOverlay, .lightbox {
  cursor: url("/fileadmin/layout/lib/lightbox/images/close.png"), zoom-out;
}

.lightbox .lb-outerContainer .lb-container {
  cursor: auto;
}

/*# sourceMappingURL=layout.css.map */
.cookie-consent-container .buttons .btn--primary {
  background:#003B65 !important;
  color:#fff;
  border:2px solid #003B65 !important;
  margin-bottom:10px
}
.cookie-consent-container .label input:checked ~ .checkmark {
  background-color:#003B65 !important;
}
.cookie-consent-container p {
  margin: 0 0 15px 0;
  font-size: 0.8rem !important;
}
.cookie-consent-container .consent-modal .footer-links a {
  font-size: 0.8rem !important;
}

/***
 * Variables for configuring the actual styling of the page
 */
/***
 * Some snippets ready to use
 */
/**
 * These styles were copied from the core css file for fluid
 * Fluid Content Elements CSS (optional) (fluid_styled_content) from Template -> Include static
 */
.ce-align-left {
  text-align: left;
}

.ce-align-center {
  text-align: center;
}

.ce-align-right {
  text-align: right;
}

.ce-table td, .ce-table th {
  vertical-align: top;
}

/*.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {/* overflow: hidden; }*/
.ce-left .ce-gallery, .ce-column {
  float: left;
}

.ce-center .ce-outer {
  position: relative;
  float: right;
  right: 50%;
}

.ce-center .ce-inner {
  position: relative;
  float: right;
  right: -50%;
}

.ce-right .ce-gallery {
  float: right;
}

.ce-gallery figure {
  display: table;
  margin: 0;
}

/*.ce-gallery figcaption { display: table-caption; caption-side: bottom; }*/
.ce-gallery img {
  display: block;
}

.ce-gallery iframe {
  border-width: 0;
}

.ce-border img,
.ce-border iframe {
  border: 2px solid #000000;
  padding: 0px;
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
  margin-bottom: 10px;
}

.ce-intext.ce-right .ce-gallery {
  margin-left: 10px;
}

.ce-intext.ce-left .ce-gallery {
  margin-right: 10px;
}

.ce-below .ce-gallery {
  margin-top: 10px;
}

.ce-column {
  margin-right: 10px;
}

.ce-column:last-child {
  margin-right: 0;
}

.ce-row {
  margin-bottom: 10px;
}

.ce-row:last-child {
  margin-bottom: 0;
}

.ce-above .ce-bodytext {
  clear: both;
}

.ce-intext.ce-left ol, .ce-intext.ce-left ul {
  padding-left: 40px;
  overflow: auto;
}

/**
 * Handmade changes depending the ce-gallery
 */
.ce-gallery .ce-column {
  padding: 10px;
}
.ce-gallery img {
  width: auto;
  max-width: 100%;
  height: auto;
}

figure.image {
  text-align: center;
}
figure.image .image-wrap {
  position: relative;
  display: inline-block;
}
figure.image .image-wrap img {
  border: 1px solid black;
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
figure.image .image-wrap .image-caption {
  color: white;
  background: #003B65;
  padding: 12px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  figure.image .image-wrap img {
    width: 100%;
  }
}
.ce-bodytext, .ce-image {
  padding: 0 10px;
}
.ce-bodytext .gallery-imageSlider-wrap, .ce-image .gallery-imageSlider-wrap {
  margin: 0 auto;
}

@media (min-width: 600px) {
  .ce-bodytext, .ce-image {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* Removed due to problems with smaller columns
@media(min-width: $breakpoint-desktop) {
  .ce-bodytext, .ce-image {
    padding-left: $spacing-base*2;
    padding-right: $spacing-base*2;
  }
}*/
.tx-kesearch-pi1 {
  padding: 0 20px;
}
.tx-kesearch-pi1 .kesearchbox {
  position: relative;
  max-width: 400px;
}
.tx-kesearch-pi1 .kesearchbox .searchValue input {
  background: #f7f7f7;
  color: black;
  padding: 16px 56px 16px 16px;
  line-height: 1;
  margin: 0;
  width: 100% !important;
  display: block;
  border: none;
  border-radius: 0;
  outline: none;
  font-size: 1em;
}
.tx-kesearch-pi1 button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 56px;
  border: none;
  border-radius: 0;
  background: transparent url("/fileadmin/layout/img/search.svg") center no-repeat;
  background-size: 18px;
  padding: 0;
  cursor: pointer;
  outline: none;
}

.tx-kesearch-pi1 #kesearch_results {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item {
  padding: 20px;
  margin: 0;
  flex: 1 1 400px;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
  color: #003B65 !important;
}

/**
 * Language menu styling
 */
/*.tx-srlanguagemenu {
  div {
    display: inline-block;
    img {
      display: block;
    }
  }
  .current {
    cursor: pointer;
    position: relative;
    padding: 0 1.5em 0 0;
    &:after {
      position: absolute;
      right: 0;
      top: 0;
      height: 1em;
      width: 1.5em;
      text-align: center;
      content: '\25BE';
      @include transform(rotate(0deg));
      @include transition(transform);
    }
    &.active {
      &:after {
        @include transform(rotate(180deg));
      }
      ~ .selection {
        visibility: visible;
        opacity: 1;
        @include transform(translateY(0));
        @include prefixed(transition-delay, 0s);
      }
    }
  }
  .selection {
    width: 100px;
    right: 0;
    padding: 8px;
    margin: 6px auto 0;
    text-align: center;
    background: hsl(0, 0%, 96%);
    z-index: 1;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    @include transform(translateY(-16px));
    @include transition((visibility, opacity, transform), (0s, $transition-duration, $transition-duration), $transition-timingFunction, ($transition-duration, 0s, 0s));
    .INACT {
      position: relative;
      img {
        filter: saturate(0.4);
      }
    }
  }
}*/
.mask-bannerImage {
  position: relative;
}
.mask-bannerImage .imageWrap {
  position: relative;
}
.mask-bannerImage .imageWrap img {
  display: block;
  width: 100%;
  height: auto;
}
.mask-bannerImage .imageWrap:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black;
  opacity: 0.15;
}
.mask-bannerImage .contentWrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px;
}
.mask-bannerImage .contentContainer {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
}
.mask-bannerImage .contentContainer .backgroundFrame-wrap {
  width: 100vw;
  height: 100vw;
  padding: 20px;
  margin-top: -50vw;
}
.mask-bannerImage .contentContainer .backgroundFrame-wrap .backgroundFrame-inner {
  -webkit-clip-path: circle(50% at 50%);
  -moz-clip-path: circle(50% at 50%);
  -ms-clip-path: circle(50% at 50%);
  -o-clip-path: circle(50% at 50%);
  clip-path: circle(50% at 50%);
  width: 100%;
  height: 100%;
}
.mask-bannerImage .contentContainer .backgroundFrame-wrap .backgroundFrame-inner .backgroundFrame {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mask-bannerImage .contentContainer .backgroundFrame-wrap .backgroundFrame-inner .backgroundFrame {
    border-radius: 50%;
  }
}
@media (min-width: 380px) {
  .mask-bannerImage .contentContainer .backgroundFrame-wrap {
    width: 340px;
    height: 340px;
    padding: 0;
    margin: -170px auto 0;
  }
}
@media (min-width: 600px) {
  .mask-bannerImage .contentWrap {
    padding: 0 50px;
  }
}
@media (min-width: 1024px) {
  .mask-bannerImage .contentWrap {
    padding: 0 100px;
  }
  .mask-bannerImage .contentContainer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
  }
  .mask-bannerImage .contentContainer .backgroundFrame-wrap {
    margin: 0 auto 0 calc(25% - 170px);
  }
  .mask-bannerImage .contentContainer.position-right .backgroundFrame-wrap {
    margin: 0 calc(25% - 170px) 0 auto;
  }
}
@media (min-width: 1920px) {
  .mask-bannerImage .contentContainer {
    padding: 40px;
    font-size: 1.3em;
  }
  .mask-bannerImage .contentContainer .backgroundFrame-wrap {
    margin-left: calc(25% - 225px);
    margin-right: auto;
    width: 450px;
    height: 450px;
  }
  .mask-bannerImage .contentContainer.position-right .backgroundFrame-wrap {
    margin-left: auto;
    margin-right: calc(25% - 225px);
  }
}
/**
 * Mask product preview element
 */
.mask-productPreview > .item {
  position: relative;
  margin: 0 auto 10px;
}
.mask-productPreview > .item:last-child {
  margin-bottom: 0;
}
.mask-productPreview > .item .imageContainer {
  position: relative;
}
.mask-productPreview > .item .imageContainer .imageList > .item {
  display: none;
}
.mask-productPreview > .item .imageContainer .imageList > .item picture, .mask-productPreview > .item .imageContainer .imageList > .item img {
  display: block;
}
.mask-productPreview > .item .imageContainer .imageList > .item img {
  width: 100%;
  height: auto;
}
.mask-productPreview > .item .imageContainer .imageList > .item.active {
  display: block;
}
.mask-productPreview > .item .imageContainer .linkList {
  display: none;
}
.mask-productPreview > .item .contentContainer {
  padding: 0 10px;
}
.mask-productPreview > .item .contentContainer .content {
  text-align: center;
  box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 50px 10px;
  top: -30px;
}
.mask-productPreview > .item .contentContainer .content .more {
  content: "";
  font-size: 62px;
  width: 1em;
  height: 1em;
  position: absolute;
  top: -0.5em;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url("/fileadmin/layout/img/plus-yellow.svg") no-repeat center;
  background-size: contain;
  text-indent: -999em;
  overflow: hidden;
}
.mask-productPreview > .item .contentContainer .content .title {
  text-transform: uppercase;
  font-size: 1.6em;
}
.mask-productPreview > .item .contentContainer .content .subtitle {
  text-transform: uppercase;
  font-size: 0.8em;
  margin-top: 0.2em;
  font-weight: bold;
}
.mask-productPreview > .item .contentContainer .content .description {
  display: none;
}
.mask-productPreview > .item .contentContainer .content.frame-layout-darkBlue .subtitle {
  opacity: 0.6;
}

@media (min-width: 800px) {
  .mask-productPreview > .item {
    margin: 0 auto 60px;
    padding: 0 20px;
  }
  .mask-productPreview > .item:before, .mask-productPreview > .item:after {
    position: absolute;
    content: "";
    top: 20px;
    bottom: 20px;
    width: 50vw;
    background: rgba(179, 179, 179, 0.1);
    z-index: -1;
  }
  .mask-productPreview > .item:before {
    left: 50vw;
  }
  .mask-productPreview > .item:after {
    right: 50vw;
  }
  .mask-productPreview > .item .imageContainer {
    width: 75%;
    height: auto;
    margin: 0 0 0 auto;
  }
  .mask-productPreview > .item .imageContainer .imageList > .item {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-duration: 0s, 0s, 0.8s;
    -moz-transition-duration: 0s, 0s, 0.8s;
    -ms-transition-duration: 0s, 0s, 0.8s;
    -o-transition-duration: 0s, 0s, 0.8s;
    transition-duration: 0s, 0s, 0.8s;
    -webkit-transition-property: position, visibility, opacity;
    -moz-transition-property: position, visibility, opacity;
    -ms-transition-property: position, visibility, opacity;
    -o-transition-property: position, visibility, opacity;
    transition-property: position, visibility, opacity;
    -webkit-transition-delay: 0s, 0.8s, 0s;
    -moz-transition-delay: 0s, 0.8s, 0s;
    -ms-transition-delay: 0s, 0.8s, 0s;
    -o-transition-delay: 0s, 0.8s, 0s;
    transition-delay: 0s, 0.8s, 0s;
  }
  .mask-productPreview > .item .imageContainer .imageList > .item.active {
    position: relative;
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  .mask-productPreview > .item .contentContainer {
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
  }
  .mask-productPreview > .item .contentContainer .content {
    top: 0;
    text-align: left;
    padding-left: 40px;
    padding-right: 60px;
  }
  .mask-productPreview > .item .contentContainer .content .title {
    font-size: 2em;
  }
  .mask-productPreview > .item .contentContainer .content .subtitle {
    font-size: 1em;
  }
  .mask-productPreview > .item .contentContainer .content .description {
    display: block;
  }
  .mask-productPreview > .item .contentContainer .content .more {
    top: 50%;
    margin-top: -0.5em;
    right: -0.5em;
    left: auto;
  }
  .mask-productPreview > .item:nth-child(even) .imageContainer {
    margin: 0 auto 0 0;
  }
  .mask-productPreview > .item:nth-child(even) .contentContainer {
    left: auto;
    right: 20px;
  }
  .mask-productPreview > .item:nth-child(even) .contentContainer .content {
    padding-left: 60px;
    padding-right: 40px;
  }
  .mask-productPreview > .item:nth-child(even) .contentContainer .content .more {
    left: -0.5em;
    right: auto;
  }
}
@media (min-width: 1024px) {
  .mask-productPreview > .item .imageContainer .linkList {
    display: block;
    position: absolute;
    left: 8px;
    bottom: 8px;
    right: 8px;
    z-index: 3;
  }
  .mask-productPreview > .item .imageContainer .linkList > .item {
    margin: 3px;
    display: inline-block;
    vertical-align: bottom;
    color: #666666;
    cursor: pointer;
    font-size: 0.8em;
    font-weight: bold;
    padding: 12px 10px;
    background: #f7f7f7;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: color;
    -moz-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
  }
  .mask-productPreview > .item .imageContainer .linkList > .item:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #FFD532;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
  }
  .mask-productPreview > .item .imageContainer .linkList > .item.active, .mask-productPreview > .item .imageContainer .linkList > .item:hover {
    color: black;
  }
  .mask-productPreview > .item .imageContainer .linkList > .item.active:before, .mask-productPreview > .item .imageContainer .linkList > .item:hover:before {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@media (min-width: 1200px) {
  .mask-productPreview > .item {
    margin: 0 auto 100px;
  }
  .mask-productPreview > .item:before, .mask-productPreview > .item:after {
    top: 10%;
    bottom: 10%;
  }
  .mask-productPreview > .item .contentContainer {
    width: 40%;
  }
  .mask-productPreview > .item .contentContainer .content .title {
    font-size: 2.4em;
  }
}
/**
 * Mask product preview small element
 */
.mask-productPreviewSmall .item .item-inner {
  padding: 10px;
}
.mask-productPreviewSmall .item .item-inner .imageWrap {
  border: 1px solid whitesmoke;
}
.mask-productPreviewSmall .item .item-inner .imageWrap img {
  display: block;
  width: 100%;
  height: auto;
}
.mask-productPreviewSmall .item .item-inner .content {
  background: whitesmoke;
  position: relative;
}
.mask-productPreviewSmall .item .item-inner .content .content-wrap {
  padding: 25px 10px 10px;
}
.mask-productPreviewSmall .item .item-inner .content .content-wrap .title {
  font-size: 20px;
  margin: 0 auto 0.5em;
}
.mask-productPreviewSmall .item .item-inner .content .content-wrap .more {
  content: "";
  font-size: 45px;
  width: 1em;
  height: 1em;
  position: absolute;
  top: -0.5em;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url("/fileadmin/layout/img/plus-yellow.svg") no-repeat center;
  background-size: contain;
  text-indent: -999em;
  overflow: hidden;
}

@media (min-width: 600px) {
  .mask-productPreviewSmall {
    display: flex;
    flex-wrap: wrap;
  }
  .mask-productPreviewSmall .item {
    flex: 0 1 50%;
  }
  .mask-productPreviewSmall .item .item-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .mask-productPreviewSmall .item .item-inner .content {
    height: 100%;
  }
}
@media (min-width: 1024px) {
  .mask-productPreviewSmall {
    padding: 0 20px;
  }
  .mask-productPreviewSmall .item .item-inner {
    display: flex;
    flex-direction: row;
    padding: 20px;
  }
  .mask-productPreviewSmall .item .item-inner .imageWrap {
    flex: 1;
    order: 2;
  }
  .mask-productPreviewSmall .item .item-inner .content {
    flex: 1;
    order: 1;
    height: auto;
  }
  .mask-productPreviewSmall .item .item-inner .content .content-wrap {
    padding: 30px 30px 30px 20px;
  }
  .mask-productPreviewSmall .item .item-inner .content .content-wrap .title {
    font-size: 24px;
  }
  .mask-productPreviewSmall .item .item-inner .content .content-wrap .more {
    top: 50%;
    margin-top: -0.5em;
    right: -0.5em;
    left: auto;
  }
}
/**
 * Layout container grid element
 */
.ge-1 {
  max-width: 100%;
}

/**
 * Multi column grid element
 */
.ge-2 {
  display: flex;
  flex-wrap: wrap;
}
.ge-2 > .col {
  flex: 1 1 350px;
  padding: 10px;
  max-width: 100%;
}
.ge-2 > .col:before, .ge-2 > .col:after {
  content: " ";
  display: table;
}
.ge-2 > .col:after {
  clear: both;
}
@media (min-width: 600px) {
  .ge-multiCol > .col {
    padding: 20px;
  }
}
/**
 * Tabs grid element
 */
.ge-3 > .control {
  text-align: center;
}
.ge-3 > .control > .item {
  display: inline-block;
  margin: 0.25em;
  padding: 0.25em;
  cursor: pointer;
  opacity: 0.6;
  font-size: 20px;
  text-transform: uppercase;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -ms-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.ge-3 > .control > .item.active, .ge-3 > .control > .item:hover {
  opacity: 1;
}
.ge-3 > .contentContainer {
  padding: 20px 0;
}
.ge-3 > .contentContainer > .item {
  display: none;
}
.ge-3 > .contentContainer > .item.active {
  display: block;
}

@media (min-width: 1024px) {
  .ge-3 > .control > .item {
    font-size: 24px;
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
  .ge-3 > .contentContainer {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/**
 * Content slider grid element
 */
.ge-4 .contentSlider-sliderContainer.lSSlideOuter .lSPager.lSpg {
  display: none;
}

/**
 * File list content element
 */
.ce-uploads {
  text-align: center;
}
.ce-uploads > .item {
  display: inline-block;
  padding: 15px;
  width: 150px;
  font-size: 12px;
  vertical-align: bottom;
}
.ce-uploads > .item .imageWrap {
  max-width: 150px;
  margin: 0 auto 16px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  position: relative;
}
.ce-uploads > .item .imageWrap img, .ce-uploads > .item .imageWrap .fileExt-wrap {
  background-color: #f7f7f7;
}
.ce-uploads > .item .imageWrap .fileExt-wrap {
  overflow: hidden;
  position: relative;
  padding-bottom: 142%;
}
.ce-uploads > .item .imageWrap .fileExt-wrap .fileExt {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ce-uploads > .item .imageWrap .fileExt-wrap .fileExt span {
  display: block;
  margin: 0 auto;
  font-size: 40px;
  font-weight: 900;
  color: #999999;
  text-transform: uppercase;
}
.ce-uploads > .item .imageWrap img {
  width: 100%;
  display: block;
  height: auto;
}
.ce-uploads > .item .imageWrap .action-download {
  content: "";
  font-size: 30px;
  width: 1em;
  height: 1em;
  position: absolute;
  right: -0.5em;
  bottom: -0.5em;
  background: url("/fileadmin/layout/img/download.svg") no-repeat center;
  background-size: contain;
}
.ce-uploads > .item .info {
  padding: 0 8px;
  line-height: 1.4;
  height: 64px;
  overflow: hidden;
}
.ce-uploads > .item .info > a {
  display: block;
}
.ce-uploads > .item .info .ce-uploads-fileName {
  display: block;
  max-width: 100%;
  max-height: 48px;
  overflow: hidden;
  word-wrap: break-word;
}
.ce-uploads > .item .info .ce-uploads-filesize {
  display: block;
  font-size: 10px;
  color: gray;
}

@media (min-width: 768px) {
  .ce-uploads > .item {
    padding: 20px;
    width: 220px;
  }
  .ce-uploads > .item .imageWrap {
    margin-bottom: 24px;
  }
}
/**
 * Menu content elements
 */
nav.content-nav {
  text-align: center;
}
nav.content-nav > .item {
  display: inline-block;
  margin: 4px;
}
nav.content-nav > .item > a {
  position: relative;
  display: block;
  padding: 10px;
  font-size: 14px;
  background: #003B65;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
nav.content-nav > .item > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #FFD532;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  -ms-transition-property: transform;
  -o-transition-property: transform;
  transition-property: transform;
}
nav.content-nav > .item > a:hover, nav.content-nav > .item > a:active, nav.content-nav > .item > a:focus {
  color: black;
}
nav.content-nav > .item > a:hover:before, nav.content-nav > .item > a:active:before, nav.content-nav > .item > a:focus:before {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

.frame-layout-inverted nav.content-nav > .item > a, .frame-layout-darkBlue nav.content-nav > .item > a {
  background: white;
  color: #666666;
}
.frame-layout-inverted nav.content-nav > .item > a:hover, .frame-layout-inverted nav.content-nav > .item > a:active, .frame-layout-inverted nav.content-nav > .item > a:focus, .frame-layout-darkBlue nav.content-nav > .item > a:hover, .frame-layout-darkBlue nav.content-nav > .item > a:active, .frame-layout-darkBlue nav.content-nav > .item > a:focus {
  color: black;
}

/**
 * Mask download element with thumbnails
 */
.mask-downloadThumbnails {
  text-align: center;
}
.mask-downloadThumbnails > .item {
  display: inline-block;
  vertical-align: top;
  margin: 6px 10px;
  width: 170px;
  font-size: 0.9em;
  line-height: 1.4;
}
.mask-downloadThumbnails > .item img {
  width: 100px;
  height: auto;
}
.mask-downloadThumbnails > .item .title {
  font-size: 0.9em;
  margin: 0.5em auto 0;
  font-weight: bold;
  text-transform: uppercase;
  word-wrap: break-word;
}

@media (min-width: 1024px) {
  .mask-downloadThumbnails > .item {
    margin: 20px;
  }
  .mask-downloadThumbnails > .item .title {
    font-size: 1em;
  }
}
/**
 * Powermail form styling
 */
.powermail_form {
  /**
   * Styling for powermail error messages
   */
}
.powermail_form > .powermail_legend {
  margin-top: 50px;
}
.powermail_form .powermail_fieldset {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap {
  flex: 1 1 240px;
  width: 100%;
  max-width: 500px;
  padding: 10px;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap .powermail_field {
  position: relative;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap input[type=text], .powermail_form .powermail_fieldset .powermail_fieldwrap input[type=number], .powermail_form .powermail_fieldset .powermail_fieldwrap textarea, .powermail_form .powermail_fieldset .powermail_fieldwrap input[type=email], .powermail_form .powermail_fieldset .powermail_fieldwrap input[type=tel], .powermail_form .powermail_fieldset .powermail_fieldwrap select, .powermail_form .powermail_fieldset .powermail_fieldwrap .powermail_field_type_file {
  width: 100%;
  text-align: center;
  font-size: 1rem;
  padding: 14px 10px;
  border-radius: 0px;
  border: none;
  outline: none;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap .select-wrap {
  display: block;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap .select-wrap:after {
  content: "";
  background: url("/fileadmin/layout/img/arrow-select.svg") center no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2em;
  z-index: 1;
  background-size: 1.5em auto;
  pointer-events: none;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap .select-wrap select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-align-last: center;
  padding-right: 2em;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap .select-wrap select::-ms-expand {
  display: none;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_textarea, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_html, .powermail_form .powermail_fieldset .powermail_fieldwrap_type_captcha {
  flex: 1 0 100%;
  max-width: 100%;
}

.powermail_submit {
  text-align: center;
  font-size: 1rem;
  padding: 14px 10px;
  border-radius: 0px;
  border: none;
  outline: none;
  background: #00305d;
  border: 1px solid #fff;
  color: #fff;
  width: 50%;
}

.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit {
  text-align: center;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_textarea textarea {
  text-align: left;
  height: 180px;
  line-height: 1.4;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_check, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio {
  display: -webkit-box;
  max-width: 800px;
  margin: 20px;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_check > .powermail_label, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio > .powermail_label {
  font-weight: bold;
  line-height: 1.4;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .checkbox, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .radio, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .checkbox, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .radio {
  margin: 0.2em 0 0 0.5em ;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .checkbox label, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .radio label, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .checkbox label, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .radio label {
  position: relative;
  padding: 0 0 0 1.5em;
  line-height: 1.2;
  display: block;
  /*
  input {
    display: none;
    &:checked {
      + span {
        &.input-radio, &.input-checkbox {
          &:after {
            @include transform(scale(.5));
          }
        }
      }
    }
  }
  span {
    &.input-radio, &.input-checkbox {
      line-height: 1;
      &:before, &:after {
        content: '';
        position: absolute;
        top: .1em;
        left: 0;
        width: 1em;
        height: 1em;
      }
      &:before {
        background: white;
      }
      &:after {
        background: hsl(0, 0%, 50%);
        @include transform(scale(0));
        @include transition(transform);
      }
    }
    &.input-radio {
      &:before, &:after {
        border-radius: 50%;
      }
    }
  }
  */
}
.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .checkbox label input, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .radio label input, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .checkbox label input, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .radio label input {
  position: absolute;
  left: 0;
  top: 0;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .checkbox label span, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .radio label span, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .checkbox label span, .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .radio label span {
  display: none;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_file .powermail_field {
  display: block;
  background: white;
  text-align: center;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_file .powermail_field input[type=file] {
  /*display: none;*/
}
.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_file .powermail_field > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_file .powermail_field > span.label {
  color: #666666;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_file .powermail_field > span.filename {
  display: none;
  color: black;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_file .powermail_field.showFilename > span.label {
  display: none;
}
.powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_file .powermail_field.showFilename > span.filename {
  display: block;
}
.powermail_form .nolabel > .powermail_label {
  display: none;
}
.powermail_form .powermail_fieldwrap .powermail_field {
  position: relative;
}
.powermail_form .powermail_fieldwrap .powermail_field ul.parsley-errors-list {
  position: absolute;
  background: #eb4b24;
  bottom: calc(100% - 14px);
  left: 8px;
  right: 8px;
  padding: 8px 6px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  -webkit-animation: powermailError_show 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-animation: powermailError_show 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  -ms-animation: powermailError_show 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  -o-animation: powermailError_show 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  animation: powermailError_show 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
.powermail_form .powermail_fieldwrap .powermail_field ul.parsley-errors-list:before, .powermail_form .powermail_fieldwrap .powermail_field ul.parsley-errors-list:after {
  content: " ";
  display: table;
}
.powermail_form .powermail_fieldwrap .powermail_field ul.parsley-errors-list:after {
  clear: both;
}
.powermail_form .powermail_fieldwrap .powermail_field ul.parsley-errors-list li {
  padding-left: 0;
}
.powermail_form .powermail_fieldwrap .powermail_field ul.parsley-errors-list li:first-child {
  margin-top: 0;
}
.powermail_form .powermail_fieldwrap .powermail_field ul.parsley-errors-list li:before {
  display: none;
}
.powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field, .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field {
  display: flex;
  flex-direction: column;
}
.powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .checkbox, .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .radio, .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .checkbox, .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .radio {
  order: 2;
}
.powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .powermail_field_error_container, .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .powermail_field_error_container {
  order: 1;
}
.powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .powermail_field_error_container .parsley-errors-list, .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .powermail_field_error_container .parsley-errors-list {
  position: static;
  display: inline-block;
  right: auto;
  left: 0;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

@keyframes powermailError_show {
  0% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
  }
}
/**
  Powermail Progress Bar
 */
.tx-powermail .layout1 .powermail_progressbar {
  max-width: 319px;
  width: 100%;
  height: 5px;
  #float: right;
  border: 1px solid #EEEEEE;
  margin: 0 auto;
  clear: both;
}
.tx-powermail .layout1 .powermail_progressbar.disable {
  display: none;
}
.tx-powermail .layout1 .powermail_progressbar > .powermail_progress {
  background: #fff;
  width: 0%;
  max-width: 100%;
  -webkit-animation: progress 5s 1 forwards;
  -moz-animation: progress 5s 1 forwards;
  -ms-animation: progress 5s 1 forwards;
  animation: progress 5s 1 forwards;
}
.tx-powermail .layout1 .powermail_progressbar > .powermail_progress > .powermail_progess_inner {
  height: 10px;
  width: 100%;
  overflow: hidden;
  background: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_loading.gif") repeat-x;
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  opacity: 0.25;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
  filter: alpha(opacity=25);
}
.tx-powermail .layout1 .powermail_confirmation .powermail_progressbar {
  width: 100%;
}

@-webkit-keyframes progress {
  to {
    width: 100%;
  }
}
@-moz-keyframes progress {
  to {
    width: 100%;
  }
}
@-ms-keyframes progress {
  to {
    width: 100%;
  }
}
@keyframes progress {
  to {
    width: 100%;
  }
}
/**
 * News detail page
 */
.news.news-single .news-backlink-wrap {
  font-weight: bold;
  font-size: 0.8em;
  color: gray;
}
.news.news-single .news-backlink-wrap:before {
  content: "(";
  margin: 0 0.25em 0 0;
}
.news.news-single .titleBanner {
  margin: 40px auto;
}
.news.news-single .titleBanner img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.news.news-single .news-img-wrap, .news.news-single .news-related {
  margin-top: 32px;
}
.news.news-single .news-related-files .ce-uploads {
  text-align: left;
}
.news.news-single .news-img-wrap {
  display: flex;
  flex-wrap: wrap;
}
.news.news-single .news-img-wrap .mediaelement-wrap {
  width: 33.33333%;
  padding: 2px;
}
.news.news-single .news-img-wrap .mediaelement-wrap .mediaelement {
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}
.news.news-single .news-img-wrap .mediaelement-wrap .mediaelement .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: center no-repeat;
  background-size: cover;
}

.news .mediaelement img,
.news .mediaelement video{
  width:100%;
  height: auto;
}

@media (min-width: 1024px) {
  .news.news-single .news-img-wrap, .news.news-single .news-related {
    margin-top: 48px;
  }
  .news.news-single .news-img-wrap .mediaelement-wrap {
    padding: 10px;
    width: 25%;
  }
}
/**
 * News list view
 */
.news .news-list-view {
  display: flex;
}
.news .news-list-view .article {
  display: inline-block;
  font-size: 0.9em;
  text-align: center;
}
.news .news-list-view .article .article-wrap {
  position: relative;
  height: 100%;
  padding: 20px 10px 60px;
}
.news .news-list-view .article .news-list-date {
  color: gray;
}
.news .news-list-view .article .news-img-wrap img {
  width: 100%;
  height: auto;
}
.news .news-list-view .article .headline {
  color: inherit;
  text-transform: none;
}
.news .news-list-view .article p.teaser {
  flex: 1;
}
.news .news-list-view .article .more-wrap {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 20px;
}
.news .news-list-view .article .more-wrap .link-text {
  color: #003B65;
  padding-left: 0;
}
.news .news-list-view.flex {
  justify-content: center;
  flex-wrap: wrap;
}
.news .news-list-view.flex .page-navigation {
  flex: 1 0 100%;
}
.news .news-list-view .page-navigation {
  text-align: left;
  padding: 25px 5px 0;
}
.news .news-list-view .page-navigation > * {
  padding: 5px;
}
.news .news-list-view .page-navigation .f3-widget-paginator {
  display: flex;
  margin: 0 auto;
}
.news .news-list-view .page-navigation .f3-widget-paginator li {
  margin: 0 5px;
  padding: 0;
}
.news .news-list-view .page-navigation .f3-widget-paginator li:before {
  display: none;
}
.news .news-list-view.list-short .news-img-wrap {
  display: none;
}

@media (min-width: 800px) {
  .news .news-list-view .article {
    width: 400px;
    text-align: left;
  }
  .news .news-list-view .article .article-wrap {
    padding: 30px 20px 70px;
  }
  .news .news-list-view .article .article-wrap .more-wrap {
    left: 20px;
    right: 20px;
  }
  .news .news-list-view .page-navigation {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .news .news-list-view .page-navigation > * {
    margin: 0 !important;
  }
}
.news-search-form {
  padding: 0 20px;
}
.news-search-form input[type=text] {
  width: 100%;
  max-width: 600px;
  text-align: left;
  font-size: 1em;
  border: 0;
  background: white;
  padding: 6px 10px;
  vertical-align: top;
  margin: 1em 0;
  outline: none;
}
.news-search-form .link-text {
  padding-left: 10px;
  background: transparent;
  border: 0;
  font-size: 0.8em;
}

.news-categoryList ul {
  margin-top: 1em;
}

.tx-felogin-pi1 {
  text-align: center;
}
.tx-felogin-pi1 .ce-bodytext {
  margin-bottom: 20px;
}
.tx-felogin-pi1 a {
  text-decoration: underline;
}
.tx-felogin-pi1 .login-form input[type=text], .tx-felogin-pi1 .login-form input[type=password] {
  width: 100%;
  text-align: center;
  font-size: 1em;
  border: 0;
  background: #f7f7f7;
  padding: 12px 1em;
  vertical-align: top;
  margin: 0 0 1em 0;
  outline: none;
}
.tx-felogin-pi1 .login-form input[type=text]::-webkit-input-placeholder, .tx-felogin-pi1 .login-form input[type=password]::-webkit-input-placeholder {
  text-align: center;
  color: black;
}

.tx-felogin-pi1 .login-form input[type=text]:-moz-placeholder, .tx-felogin-pi1 .login-form input[type=password]:-moz-placeholder {
  text-align: center;
  color: black;
}

.tx-felogin-pi1 .login-form input[type=text]::-moz-placeholder, .tx-felogin-pi1 .login-form input[type=password]::-moz-placeholder {
  text-align: center;
  color: black;
}

.tx-felogin-pi1 .login-form input[type=text]:-ms-input-placeholder, .tx-felogin-pi1 .login-form input[type=password]:-ms-input-placeholder {
  text-align: center;
  color: black;
}

.tx-felogin-pi1 .login-form .link-button {
  margin: 0 0 1em 0;
}
.tx-felogin-pi1 .login-form .link-button + a {
  margin-left: 1em;
  font-size: 0.7em;
  white-space: nowrap;
  text-decoration: none;
}

@media (min-width: 600px) {
  .tx-felogin-pi1 .login-form {
    margin-bottom: -1em;
  }
  .tx-felogin-pi1 .login-form input[type=text], .tx-felogin-pi1 .login-form input[type=password] {
    width: 300px;
    margin-right: 1em;
  }
}
.mask-youtube {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}
.mask-youtube .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.mask-youtube .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 100%;
}

.cr-newsletter .editable_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cr-newsletter .editable_content .cr_ipe_item {
  flex: 1 0 300px;
  max-width: 500px;
  padding: 10px;
  text-align: center;
}
.cr-newsletter .editable_content .cr_ipe_item[rel=button] {
  flex-basis: 100%;
  max-width: 100%;
}
.cr-newsletter .editable_content .cr_ipe_item label {
  display: none;
}
.cr-newsletter .editable_content .cr_ipe_item input[type=text] {
  width: 100%;
  text-align: center;
  font-size: 1rem;
  padding: 14px 10px;
  border-radius: 0px;
  border: none;
  outline: none;
}

/**
 * Fluid shortcut element
 */
.frame-type-shortcut {
  max-width: 100%;
}

/**
 * boxContent DCE
 */
.boxContent .boxItems figcaption {
  position: relative;
}
.boxContent .boxItems .btnClose {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: yellow;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 20;
}
.boxContent .boxItems .btnClose.active {
  transform: rotate(45deg);
}
.boxContent .boxItems .btnClose .cross {
  position: absolute;
  font-size: 24px;
  font-weight: 100;
  top: -4px;
  right: 4px;
  color: #003B65;
}
.boxContent .boxItems .accordionText {
  display: none;
  background: white;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
.boxContent .boxItems .accordionText .detail-list {
  margin-bottom: 25px;
}
.boxContent .boxItems .accordionText .detail-list .detail-items {
  display: flex;
  justify-content: space-between;
  line-height: 1.5;
}
.boxContent .boxItems .accordionText .detail-list .detail-items .detailValue {
  font-weight: bold;
}
.boxContent .boxItems .accordionText .profilColorTitle .profilColorTitle {
  text-align: left;
  font-weight: bold;
}
.boxContent .boxItems .accordionText .profilColorTitle {
  text-align: left;
  font-weight: bold;
}
.boxContent .boxItems .accordionText .color-list {
  display: flex;
  flex-wrap: wrap;
}
.boxContent .boxItems .accordionText .color-list .color-items {
  display: flex;
  flex: 0 0 50%;
  align-items: center;
  width: 50%;
  margin: 0;
  height: 80px;
}
.boxContent .boxItems .accordionText .color-list .color-items .colorValue {
  border: 1px solid lightgrey;
  width: 50px;
  display: inline-block;
  height: 50px;
}
.boxContent .boxItems .accordionText .color-list .color-items .colorTitle {
  margin-left: 5px;
  font-size: 14px;
}
.boxContent .boxItems .accordionText .patternList {
  display: flex;
}
.boxContent .boxItems .accordionText .patternItem {
  display: flex;
  align-items: center;
}
.boxContent .boxItems .accordionText .patternItem span {
  margin: 40px;
}
.boxContent .boxItems .accordionText a.contentBox-link {
  color: #003B65;
  font-weight: bold;
  display: flex;
  position: relative;
}
.boxContent .boxItems .accordionText a.contentBox-link:after {
  content: ">";
  position: absolute;
  right: 40%;
}

@media (max-width: 600px) {
  .boxContent .boxItems .accordionText a.contentBox-link:after {
    right: 15%;
  }

  .boxContent .boxItems .accordionText .color-list .color-items {
    width: 100%;
  }
}
/**
 * cookie styling
 */
.cookie-container {
  border-radius: 0;
}
.cookie-container .cookie-text h4 {
  color: #003B65;
}
.cookie-container .cookie-buttons a {
  border-radius: 0;
}
.cookie-container .cookie-buttons a.accept-all,
.cookie-container .cookie-buttons a.notice {
  background: #003b65;
}

.cookie-container-settings .inner-cookie-container-settings .inner2-cookie-container-settings {
  border-radius: 0;
}
.cookie-container-settings h4 {
  color: #003B65;
}
.cookie-container-settings .cookie-buttons a {
  border-radius: 0;
}
.cookie-container-settings .cookie-buttons a.accept-all,
.cookie-container-settings .cookie-buttons a.save-settings {
  background: #003B65;
}

.cookie-privacy-container span.cookie-settings-button {
  border-radius: 0;
  background: #003B65;
}

#alukonRechner {

}

#alukonRechner div label {
  width:25%;
}
#alukonRechner div select, #alukonRechner div input, #alukonRechner div button {
  width: 100%;
  border: none;
  background: #00305d;
  color: #fff;
  padding: 0.2em 1em 0.2em 0.2em;
  font-size: inherit;
  margin: 0.5em 0;
}

#alukonRechner div select {
// A reset of styles, including removing the default dropdown arrow
appearance: none;
// A reset of styles, including removing the default dropdown arrow appearance: none;
  background-color: #00305d;
  border: none;
  padding: 0.2em 1em 0.2em 0.2em;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  color: #fff;
  margin: 0.5em 0;

// Stack above custom arrow
z-index: 1;

// Remove dropdown arrow in IE10 & IE11
// @link https://www.filamentgroup.com/lab/select-css.html
&::-ms-expand {
  display: none;
}

// Remove focus outline, will add on alternate element
outline: none;
}

#alukonRechner  {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;

  select,
  &::after {
    grid-area: select;
  }

  min-width: 15ch;
  max-width: 30ch;

  border: 1px solid var(--select-border);
  border-radius: 0.25em;
  padding: 0.25em 0.5em;

  font-size: 1.25rem;
  cursor: pointer;
  line-height: 1.1;

// Optional styles
// remove for transparency
background-color: #fff;

// Custom arrow
&:not(.select--multiple)::after {
  content: "";
  justify-self: end;
  width: 0.8em;
  height: 0.5em;
  background-color: var(--select-arrow);
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}
}

// Interim solution until :focus-within has better support
   #alukonRechner div select:focus + .focus {
     position: absolute;
     top: -1px;
     left: -1px;
     right: -1px;
     bottom: -1px;
     border: 2px solid var(--select-focus);
     border-radius: inherit;
   }
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.tx-felogin-pi1 .login-form input:focus::placeholder{
  text-align: center;
  color: transparent;
}
/*# sourceMappingURL=content.css.map */

.powermail_fieldwrap_land_etc {
  display: none !important; }
.powermail_fieldwrap_land_etc.show {
  display: block !important; }

.powermail_fieldwrap.powermail_fieldwrap_type_file .powermail_field {background:transparent !important;}
.powermail_field a {text-decoration: underline;}
.powermail_form .powermail_fieldwrap .powermail_field ul.parsley-errors-list {
  bottom: initial !important;
  position: initial !important;
}

.parsley-errors-list {
  display:none;
}

.parsley-errors-list.filled {
  display:block;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/*# sourceMappingURL=custom.css.map */
header.header-root .header-sec .header-sec-wrap .nav-language .language-menu li {
  display:inline-block;
  vertical-align:bottom;
  margin-left:2px;
}
header.header-root .header-sec .header-sec-wrap .nav-language .language-menu li a {
  margin-left:4px;
}
header.header-root .header-sec .header-sec-wrap .nav-language .language-menu li img {
  height:14px;
  width:auto;
}
header.header-root .header-sec .header-sec-wrap .nav-language .tx-srlanguagemenu .title {
  display:none;
}
.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: .25rem;
}
.bg-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

.lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url('../../../fileadmin/layout/lib/lightbox/images/loading.gif') no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url('../../../fileadmin/layout/lib/lightbox/images/prev.png') left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url('../../../fileadmin/layout/lib/lightbox/images/next.png') right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url('../../../fileadmin/layout/lib/lightbox/images/close.png') top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
.femanager_flashmessages>div{background-position:10px 12px;background-repeat:no-repeat;margin-bottom:4px;padding:12px 12px 12px 36px}.femanager_flashmessages>.message-2{background-color:#f6d3cf;border:1px solid #d66c68;color:#aa0225}.femanager_flashmessages>.message-1{background-color:#fbf6de;border:1px solid #b1905c;color:#9e7d4a}.femanager_flashmessages>.message-0{background-color:#cdeaca;border:1px solid #58b548;color:#3b7826}.femanager_flashmessages>.message--1{background-color:#eaf7ff;border:1px solid #c5dbe6;color:#4c73a1}.femanager_flashmessages>.message--2{background-color:#f6f7fa;border:1px solid #c2cbcf;color:#444}.femanager_note{background-position:10px 12px;background-repeat:no-repeat;margin-bottom:4px;padding:12px 12px 12px 36px;background-color:#f6f7fa;border:1px solid #c2cbcf;color:#444;list-style-type:none;margin-left:0}.femanager_error{background-position:10px 12px;background-repeat:no-repeat;margin-bottom:4px;padding:12px 12px 12px 36px;background-color:#f6d3cf;border:1px solid #d66c68;color:#aa0225;list-style-type:none;margin-left:0}
:root {
  --c3accessibility-color-font: var(--c3accessibility-override-color-font, #525c66);
  --c3accessibility-color-backgorund: var(--c3accessibility-override-color-background, #fff);
  --c3accessibility-color-primary: var(--c3accessibility-override-color-primary, #ffb44d);
  --c3accessibility-color-muted: var(--c3accessibility-override-color-muted, #cfdae6);
  --c3accessibility-transition-default: .3s;
  --c3accessibility-shadow: 0 0 1rem rgba(0, 0, 0, .16);
  --c3accessibility-border-radius-full: var(--c3accessibility-override-border-radius-full, 1000px);
  --c3accessibility-border-radius-large: var(--c3accessibility-override-border-radius-large, 24px);
  --c3accessibility-border-radius-small: var(--c3accessibility-override-border-radius-small, 8px);
  --c3accessibility-max-height: 52rem;
}
@media (max-width: 600px) {
  :root {
    --c3accessibility-max-height: 100vh;
  }
}

.c3accessibility {
  font-size: 1rem;
}
.c3accessibility ::-webkit-scrollbar {
  width: 0.5rem;
}
.c3accessibility ::-webkit-scrollbar-track {
  background: transparent;
}
.c3accessibility ::-webkit-scrollbar-thumb {
  background-color: var(--c3accessibility-color-font);
  border-radius: var(--c3accessibility-border-radius-full);
  border: 0.125rem solid var(--c3accessibility-color-backgorund);
}
.c3accessibility :where(h2), .c3accessibility :where(h3) {
  font-size: 1rem;
  font-weight: 700;
  color: inherit;
  line-height: inherit;
}
.c3accessibility :where(h3) {
  margin-bottom: 1rem;
}
.c3accessibility :where(button) {
  background: transparent;
  font: inherit;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  color: inherit;
}
.c3accessibility c3accessibility-icon svg {
  width: 1.5rem;
  height: auto;
  display: block;
}
.c3accessibility [hidden] {
  display: none;
}
.c3accessibility-flag {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  padding: calc(0.5rem - 2px);
  box-sizing: content-box;
  border-radius: var(--c3accessibility-border-radius-full);
  box-shadow: var(--c3accessibility-shadow);
  background: var(--c3accessibility-color-backgorund);
  z-index: 100;
  color: var(--c3accessibility-color-font);
  border: 2px solid var(--c3accessibility-color-backgorund);
  transition: var(--c3accessibility-transition-default) border-color;
}
.c3accessibility-flag:hover {
  border-color: var(--c3accessibility-color-primary);
}
html:has(.c3cookie) .c3accessibility-flag {
  bottom: 5rem;
}
.c3accessibility-flag c3accessibility-icon svg {
  width: 2rem;
}
.c3accessibility-dialog {
  background: var(--c3accessibility-color-backgorund);
  border-radius: var(--c3accessibility-border-radius-large);
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  top: auto;
  max-width: calc(100% - 2rem);
  width: 30rem;
  box-shadow: var(--c3accessibility-shadow);
  z-index: 100;
  border: none;
  padding: 0;
  color: var(--c3accessibility-color-font);
  line-height: 1.5;
  right: auto;
  overflow: visible;
  max-height: calc(100% - 2rem);
}
@media (max-width: 600px) {
  .c3accessibility-dialog {
    left: 0;
    bottom: 0;
    top: auto !important;
    max-width: 100%;
    width: 100% !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.c3accessibility-dialog::backdrop {
  background: rgba(0, 0, 0, 0.6);
}
@media (prefers-reduced-transparency: reduce) {
  .c3accessibility-dialog::backdrop {
    background: #666666;
  }
}
.c3accessibility-page {
  display: none;
  max-height: min(var(--c3accessibility-max-height), 100vh - 2rem);
  border-radius: var(--c3accessibility-border-radius-large);
}
.c3accessibility-page--active {
  display: flex;
  flex-direction: column;
}
.c3accessibility-page-header {
  view-transition-name: c3accessibility-page-header;
  display: flex;
  gap: 0.5rem;
  padding: 2rem 1rem 1rem;
  border-bottom: 1px solid var(--c3accessibility-color-muted);
  margin-bottom: 0.75rem;
}
.c3accessibility-page-body {
  view-transition-name: c3accessibility-page-body;
  overflow-y: auto;
  padding: 0 1rem 2rem;
}
.c3accessibility-page-links {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: 0.75rem;
  line-height: 1.3333;
  margin-top: 2rem;
}
.c3accessibility-page-links a {
  text-decoration: none;
  display: flex;
}
.c3accessibility-page-links a svg {
  width: 1rem;
  height: 1rem;
}
.c3accessibility-page[data-page=purposes] .c3accessibility-page-body {
  padding-top: 2rem;
}
@media (max-width: 600px) {
  .c3accessibility-page[data-page=purposes] {
    max-height: 100dvh;
    height: calc(100dvh - 2rem);
  }
}
.c3accessibility-buttons {
  display: flex;
  gap: 0.5rem;
  margin-top: 3rem;
}
.c3accessibility-button {
  font-size: 0.75rem;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.1875rem;
  border-radius: var(--c3accessibility-border-radius-small);
  border: 2px solid var(--c3accessibility-color-primary);
  height: 4rem;
  background: transparent;
  width: 100%;
  cursor: pointer;
  transition: var(--c3accessibility-transition-default) background, var(--c3accessibility-transition-default) border-color;
}
.c3accessibility-button:hover {
  background: color-mix(in srgb, var(--c3accessibility-color-primary), transparent 80%);
}
.c3accessibility-button--muted {
  border-color: var(--c3accessibility-color-muted);
  background: transparent !important;
}
.c3accessibility-button--muted:hover {
  border-color: var(--c3accessibility-color-primary);
}
.c3accessibility-button--small {
  width: auto;
  height: auto;
  padding: 1rem;
  display: inline-flex;
}
.c3accessibility-text {
  margin-bottom: 2rem;
}
.c3accessibility-settings-fieldset {
  display: flex;
  gap: 1rem;
  padding: 1.25rem 0 1.25rem;
  border-bottom: 1px solid var(--c3accessibility-color-muted);
  align-items: center;
  justify-content: space-between;
}
.c3accessibility-settings-legend {
  margin: 0;
  display: flex;
  gap: 1rem;
  font-weight: 700;
}
.c3accessibility-settings-field {
  width: 9.5rem;
  text-align: right;
}
.c3accessibility-settings-field--radio {
  display: flex;
  gap: 0.25rem;
}
.c3accessibility-settings-field--radio input {
  width: 1px;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  opacity: 0;
}
.c3accessibility-settings-field--radio label {
  position: relative;
  width: 3rem;
  height: 2rem;
  border: 2px solid var(--c3accessibility-color-muted);
  border-radius: var(--c3accessibility-border-radius-small);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  outline-offset: 2px;
  transition: var(--c3accessibility-transition-default) background, var(--c3accessibility-transition-default) border-color, var(--c3accessibility-transition-default) color;
}
.c3accessibility-settings-field--radio label:hover {
  border-color: var(--c3accessibility-color-primary);
}
.c3accessibility-settings-field--radio label:has(:focus-visible) {
  outline: 2px solid var(--c3accessibility-color-primary);
}
.c3accessibility-settings-field--radio label:has(:checked) {
  background: var(--c3accessibility-color-font);
  border-color: var(--c3accessibility-color-font);
  color: var(--c3accessibility-color-backgorund);
}
.c3accessibility-settings-field--radio label svg {
  width: 1.5rem;
  height: 1.5rem;
}
.c3accessibility-settings-field--select {
  position: relative;
}
.c3accessibility-settings-field--select select {
  font: inherit;
  line-height: inherit;
  color: inherit;
  border: 2px solid var(--c3accessibility-color-muted);
  height: 2rem;
  padding: 0 2rem 0 1rem;
  font-weight: 700;
  border-radius: var(--c3accessibility-border-radius-small);
  width: 100%;
  text-indent: 0;
  appearance: none;
  transition: var(--c3accessibility-transition-default) border-color;
  cursor: pointer;
}
.c3accessibility-settings-field--select select:hover, .c3accessibility-settings-field--select select:focus {
  border-color: var(--c3accessibility-color-primary);
}
.c3accessibility-settings-field--select select option {
  font-weight: 700;
}
.c3accessibility-settings-field--select c3accessibility-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1rem;
  margin: auto;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.c3accessibility-settings-field--select c3accessibility-icon svg {
  width: 1rem;
  height: 1rem;
}
.c3accessibility-settings-field--checkbox input {
  appearance: none;
  -webkit-appearance: none;
  width: 3rem;
  height: 1.5rem;
  border-radius: var(--c3accessibility-border-radius-full);
  border: 2px solid var(--c3accessibility-color-muted);
  flex-shrink: 0;
  margin: 0;
  cursor: pointer;
  padding: 0.125rem;
  transition: var(--c3accessibility-transition-default) background, var(--c3accessibility-transition-default) border-color;
}
.c3accessibility-settings-field--checkbox input::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: var(--c3accessibility-color-font);
  border-radius: var(--c3accessibility-border-radius-full);
  position: relative;
  left: 0;
  transition: var(--c3accessibility-transition-default) background;
}
@media (prefers-reduced-motion: no-preference) {
  .c3accessibility-settings-field--checkbox input::before {
    transition: var(--c3accessibility-transition-default) background, var(--c3accessibility-transition-default) left;
  }
}
.c3accessibility-settings-field--checkbox input:hover {
  border-color: var(--c3accessibility-color-primary);
}
.c3accessibility-settings-field--checkbox input:checked {
  background: var(--c3accessibility-color-font);
  border-color: var(--c3accessibility-color-font);
}
.c3accessibility-settings-field--checkbox input:checked::before {
  background: var(--c3accessibility-color-backgorund);
  left: calc(100% - 1rem);
}
.c3accessibility-settings-field--checkbox input:disabled {
  background: var(--c3accessibility-color-muted);
  border-color: var(--c3accessibility-color-muted);
}
.c3accessibility option[value=dyslexia] {
  font-family: c3accessibility-dyslexia, sans-serif !important;
}
.c3accessibility option[value=readability] {
  font-family: c3accessibility-readability, sans-serif !important;
}

/*# sourceMappingURL=accessibility.css.map */

.col-auto-1, .col-auto-2, .col-auto-3, .col-auto-4, .col-auto-5, .col-auto-6, .col-auto-7, .col-auto-8, .col-auto-9, .col-auto-10, .col-auto-11, .col-auto-12, .col-xs-1, .col-start-xs-1, .col-xs-2, .col-start-xs-2, .col-xs-3, .col-start-xs-3, .col-xs-4, .col-start-xs-4, .col-xs-5, .col-start-xs-5, .col-xs-6, .col-start-xs-6, .col-xs-7, .col-start-xs-7, .col-xs-8, .col-start-xs-8, .col-xs-9, .col-start-xs-9, .col-xs-10, .col-start-xs-10, .col-xs-11, .col-start-xs-11, .col-xs-12, .col-start-xs-12, .col-sm-1, .col-start-sm-1, .col-sm-2, .col-start-sm-2, .col-sm-3, .col-start-sm-3, .col-sm-4, .col-start-sm-4, .col-sm-5, .col-start-sm-5, .col-sm-6, .col-start-sm-6, .col-sm-7, .col-start-sm-7, .col-sm-8, .col-start-sm-8, .col-sm-9, .col-start-sm-9, .col-sm-10, .col-start-sm-10, .col-sm-11, .col-start-sm-11, .col-sm-12, .col-start-sm-12, .col-md-1, .col-start-md-1, .col-md-2, .col-start-md-2, .col-md-3, .col-start-md-3, .col-md-4, .col-start-md-4, .col-md-5, .col-start-md-5, .col-md-6, .col-start-md-6, .col-md-7, .col-start-md-7, .col-md-8, .col-start-md-8, .col-md-9, .col-start-md-9, .col-md-10, .col-start-md-10, .col-md-11, .col-start-md-11, .col-md-12, .col-start-md-12, .col-lg-1, .col-start-lg-1, .col-lg-2, .col-start-lg-2, .col-lg-3, .col-start-lg-3, .col-lg-4, .col-start-lg-4, .col-lg-5, .col-start-lg-5, .col-lg-6, .col-start-lg-6, .col-lg-7, .col-start-lg-7, .col-lg-8, .col-start-lg-8, .col-lg-9, .col-start-lg-9, .col-lg-10, .col-start-lg-10, .col-lg-11, .col-start-lg-11, .col-lg-12, .col-start-lg-12, .col-xl-1, .col-start-xl-1, .col-xl-2, .col-start-xl-2, .col-xl-3, .col-start-xl-3, .col-xl-4, .col-start-xl-4, .col-xl-5, .col-start-xl-5, .col-xl-6, .col-start-xl-6, .col-xl-7, .col-start-xl-7, .col-xl-8, .col-start-xl-8, .col-xl-9, .col-start-xl-9, .col-xl-10, .col-start-xl-10, .col-xl-11, .col-start-xl-11, .col-xl-12, .col-start-xl-12 {
  align-self: stretch;
  justify-self: stretch;
  max-width: 100%;
}

.col-xs-1, .col-start-xs-1, .col-xs-2, .col-start-xs-2, .col-xs-3, .col-start-xs-3, .col-xs-4, .col-start-xs-4, .col-xs-5, .col-start-xs-5, .col-xs-6, .col-start-xs-6, .col-xs-7, .col-start-xs-7, .col-xs-8, .col-start-xs-8, .col-xs-9, .col-start-xs-9, .col-xs-10, .col-start-xs-10, .col-xs-11, .col-start-xs-11, .col-xs-12, .col-start-xs-12, .col-sm-1, .col-start-sm-1, .col-sm-2, .col-start-sm-2, .col-sm-3, .col-start-sm-3, .col-sm-4, .col-start-sm-4, .col-sm-5, .col-start-sm-5, .col-sm-6, .col-start-sm-6, .col-sm-7, .col-start-sm-7, .col-sm-8, .col-start-sm-8, .col-sm-9, .col-start-sm-9, .col-sm-10, .col-start-sm-10, .col-sm-11, .col-start-sm-11, .col-sm-12, .col-start-sm-12, .col-md-1, .col-start-md-1, .col-md-2, .col-start-md-2, .col-md-3, .col-start-md-3, .col-md-4, .col-start-md-4, .col-md-5, .col-start-md-5, .col-md-6, .col-start-md-6, .col-md-7, .col-start-md-7, .col-md-8, .col-start-md-8, .col-md-9, .col-start-md-9, .col-md-10, .col-start-md-10, .col-md-11, .col-start-md-11, .col-md-12, .col-start-md-12, .col-lg-1, .col-start-lg-1, .col-lg-2, .col-start-lg-2, .col-lg-3, .col-start-lg-3, .col-lg-4, .col-start-lg-4, .col-lg-5, .col-start-lg-5, .col-lg-6, .col-start-lg-6, .col-lg-7, .col-start-lg-7, .col-lg-8, .col-start-lg-8, .col-lg-9, .col-start-lg-9, .col-lg-10, .col-start-lg-10, .col-lg-11, .col-start-lg-11, .col-lg-12, .col-start-lg-12, .col-xl-1, .col-start-xl-1, .col-xl-2, .col-start-xl-2, .col-xl-3, .col-start-xl-3, .col-xl-4, .col-start-xl-4, .col-xl-5, .col-start-xl-5, .col-xl-6, .col-start-xl-6, .col-xl-7, .col-start-xl-7, .col-xl-8, .col-start-xl-8, .col-xl-9, .col-start-xl-9, .col-xl-10, .col-start-xl-10, .col-xl-11, .col-start-xl-11, .col-xl-12, .col-start-xl-12 {
  grid-column-end: span 12;
}

.container .container, .frame-default > .container {
  width: 100%;
}
.frame-full > .container, .frame-none > .container .frame-full > .container {
  max-width: var(--layout-content-width, 1170px);
  width: calc(100% - var(--layout-content-padding, 20px) * 2);
  margin: 0 auto;
}

.container > .row {
  display: grid;
  grid-gap: var(--layout-grid-gap, 20px);
  grid-template-columns: repeat(12, 1fr);
}

.grid-collapse > .container > .row {
  grid-gap: 0;
}

.col-auto-1 {
  grid-column-end: span 1;
}

.col-auto-2 {
  grid-column-end: span 2;
}

.col-auto-3 {
  grid-column-end: span 3;
}

.col-auto-4 {
  grid-column-end: span 4;
}

.col-auto-5 {
  grid-column-end: span 5;
}

.col-auto-6 {
  grid-column-end: span 6;
}

.col-auto-7 {
  grid-column-end: span 7;
}

.col-auto-8 {
  grid-column-end: span 8;
}

.col-auto-9 {
  grid-column-end: span 9;
}

.col-auto-10 {
  grid-column-end: span 10;
}

.col-auto-11 {
  grid-column-end: span 11;
}

.col-auto-12 {
  grid-column-end: span 12;
}

@media (max-width: 990px) {
  .grid-type-2col > .container > .row > .col-auto-11, .grid-type-2col > .container > .row > .col-auto-10 {
    grid-column-end: span 9;
  }
  .grid-type-2col > .container > .row > .col-auto-2, .grid-type-2col > .container > .row > .col-auto-1 {
    grid-column-end: span 3;
  }
  .grid-type-3col > .container > .row > .col-auto-10 {
    grid-column-end: span 8;
  }
  .grid-type-3col > .container > .row > .col-auto-1 {
    grid-column-end: span 2;
  }
}
@media (max-width: 1200px) {
  [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-11, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-10 {
    grid-column-end: span 9;
  }
  [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-2, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-1 {
    grid-column-end: span 3;
  }
  [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-10 {
    grid-column-end: span 8;
  }
  [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-1 {
    grid-column-end: span 2;
  }
}
@media (max-width: 768px) {
  .grid-type-2col > .container > .row > .col-auto-8, .grid-type-2col > .container > .row > .col-auto-7, .grid-type-2col > .container > .row > .col-auto-5, .grid-type-2col > .container > .row > .col-auto-4 {
    grid-column-end: span 6;
  }
  .grid-type-2col > .container > .row > .col-auto-1, .grid-type-2col > .container > .row > .col-auto-2, .grid-type-2col > .container > .row > .col-auto-3, .grid-type-2col > .container > .row > .col-auto-6, .grid-type-2col > .container > .row > .col-auto-9, .grid-type-2col > .container > .row > .col-auto-10, .grid-type-2col > .container > .row > .col-auto-11, .grid-type-2col > .container > .row > .col-auto-12 {
    grid-column-end: span 12;
  }
  .grid-type-3col > .container > .row > .col-auto-2, .grid-type-3col > .container > .row > .col-auto-1 {
    grid-column-end: span 3;
  }
  .grid-type-3col > .container > .row > .col-auto-3, .grid-type-3col > .container > .row > .col-auto-4, .grid-type-3col > .container > .row > .col-auto-5, .grid-type-3col > .container > .row > .col-auto-6, .grid-type-3col > .container > .row > .col-auto-7, .grid-type-3col > .container > .row > .col-auto-8, .grid-type-3col > .container > .row > .col-auto-9, .grid-type-3col > .container > .row > .col-auto-10, .grid-type-3col > .container > .row > .col-auto-11, .grid-type-3col > .container > .row > .col-auto-12 {
    grid-column-end: span 6;
  }
  .grid-type-4col > .container > .row > .col-auto-3 {
    grid-column-end: span 6;
  }
}
@media (max-width: 990px) {
  [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-8, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-7, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-5, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-4 {
    grid-column-end: span 6;
  }
  [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-1, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-2, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-3, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-6, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-9, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-10, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-11, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-12 {
    grid-column-end: span 12;
  }
  [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-2, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-1 {
    grid-column-end: span 3;
  }
  [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-3, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-4, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-5, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-6, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-7, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-8, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-9, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-10, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-11, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-12 {
    grid-column-end: span 6;
  }
  [class*=grid-type-]:not(.grid-type-1col) .grid-type-4col > .container > .row > .col-auto-3 {
    grid-column-end: span 6;
  }
}
@media (max-width: 600px) {
  .grid-type-1col > .container > .row > .col-auto-1, .grid-type-1col > .container > .row > .col-auto-2, .grid-type-1col > .container > .row > .col-auto-3, .grid-type-1col > .container > .row > .col-auto-4, .grid-type-1col > .container > .row > .col-auto-5, .grid-type-1col > .container > .row > .col-auto-6, .grid-type-1col > .container > .row > .col-auto-7, .grid-type-1col > .container > .row > .col-auto-8, .grid-type-1col > .container > .row > .col-auto-9, .grid-type-1col > .container > .row > .col-auto-10, .grid-type-1col > .container > .row > .col-auto-11, .grid-type-1col > .container > .row > .col-auto-12 {
    grid-column-end: span 12;
  }
  .grid-type-2col > .container > .row > .col-auto-1, .grid-type-2col > .container > .row > .col-auto-2, .grid-type-2col > .container > .row > .col-auto-3, .grid-type-2col > .container > .row > .col-auto-4, .grid-type-2col > .container > .row > .col-auto-5, .grid-type-2col > .container > .row > .col-auto-6, .grid-type-2col > .container > .row > .col-auto-7, .grid-type-2col > .container > .row > .col-auto-8, .grid-type-2col > .container > .row > .col-auto-9, .grid-type-2col > .container > .row > .col-auto-10, .grid-type-2col > .container > .row > .col-auto-11, .grid-type-2col > .container > .row > .col-auto-12 {
    grid-column-end: span 12;
  }
  .grid-type-3col > .container > .row > .col-auto-1, .grid-type-3col > .container > .row > .col-auto-2, .grid-type-3col > .container > .row > .col-auto-3, .grid-type-3col > .container > .row > .col-auto-4, .grid-type-3col > .container > .row > .col-auto-5, .grid-type-3col > .container > .row > .col-auto-6, .grid-type-3col > .container > .row > .col-auto-7, .grid-type-3col > .container > .row > .col-auto-8, .grid-type-3col > .container > .row > .col-auto-9, .grid-type-3col > .container > .row > .col-auto-10, .grid-type-3col > .container > .row > .col-auto-11, .grid-type-3col > .container > .row > .col-auto-12 {
    grid-column-end: span 12;
  }
  .grid-type-4col > .container > .row > .col-auto-1, .grid-type-4col > .container > .row > .col-auto-2, .grid-type-4col > .container > .row > .col-auto-3, .grid-type-4col > .container > .row > .col-auto-4, .grid-type-4col > .container > .row > .col-auto-5, .grid-type-4col > .container > .row > .col-auto-6, .grid-type-4col > .container > .row > .col-auto-7, .grid-type-4col > .container > .row > .col-auto-8, .grid-type-4col > .container > .row > .col-auto-9, .grid-type-4col > .container > .row > .col-auto-10, .grid-type-4col > .container > .row > .col-auto-11, .grid-type-4col > .container > .row > .col-auto-12 {
    grid-column-end: span 12;
  }
}
@media (max-width: 768px) {
  [class*=grid-type-]:not(.grid-type-1col) .grid-type-1col > .container > .row > .col-auto-1, [class*=grid-type-]:not(.grid-type-1col) .grid-type-1col > .container > .row > .col-auto-2, [class*=grid-type-]:not(.grid-type-1col) .grid-type-1col > .container > .row > .col-auto-3, [class*=grid-type-]:not(.grid-type-1col) .grid-type-1col > .container > .row > .col-auto-4, [class*=grid-type-]:not(.grid-type-1col) .grid-type-1col > .container > .row > .col-auto-5, [class*=grid-type-]:not(.grid-type-1col) .grid-type-1col > .container > .row > .col-auto-6, [class*=grid-type-]:not(.grid-type-1col) .grid-type-1col > .container > .row > .col-auto-7, [class*=grid-type-]:not(.grid-type-1col) .grid-type-1col > .container > .row > .col-auto-8, [class*=grid-type-]:not(.grid-type-1col) .grid-type-1col > .container > .row > .col-auto-9, [class*=grid-type-]:not(.grid-type-1col) .grid-type-1col > .container > .row > .col-auto-10, [class*=grid-type-]:not(.grid-type-1col) .grid-type-1col > .container > .row > .col-auto-11, [class*=grid-type-]:not(.grid-type-1col) .grid-type-1col > .container > .row > .col-auto-12 {
    grid-column-end: span 12;
  }
  [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-1, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-2, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-3, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-4, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-5, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-6, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-7, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-8, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-9, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-10, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-11, [class*=grid-type-]:not(.grid-type-1col) .grid-type-2col > .container > .row > .col-auto-12 {
    grid-column-end: span 12;
  }
  [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-1, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-2, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-3, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-4, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-5, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-6, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-7, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-8, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-9, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-10, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-11, [class*=grid-type-]:not(.grid-type-1col) .grid-type-3col > .container > .row > .col-auto-12 {
    grid-column-end: span 12;
  }
  [class*=grid-type-]:not(.grid-type-1col) .grid-type-4col > .container > .row > .col-auto-1, [class*=grid-type-]:not(.grid-type-1col) .grid-type-4col > .container > .row > .col-auto-2, [class*=grid-type-]:not(.grid-type-1col) .grid-type-4col > .container > .row > .col-auto-3, [class*=grid-type-]:not(.grid-type-1col) .grid-type-4col > .container > .row > .col-auto-4, [class*=grid-type-]:not(.grid-type-1col) .grid-type-4col > .container > .row > .col-auto-5, [class*=grid-type-]:not(.grid-type-1col) .grid-type-4col > .container > .row > .col-auto-6, [class*=grid-type-]:not(.grid-type-1col) .grid-type-4col > .container > .row > .col-auto-7, [class*=grid-type-]:not(.grid-type-1col) .grid-type-4col > .container > .row > .col-auto-8, [class*=grid-type-]:not(.grid-type-1col) .grid-type-4col > .container > .row > .col-auto-9, [class*=grid-type-]:not(.grid-type-1col) .grid-type-4col > .container > .row > .col-auto-10, [class*=grid-type-]:not(.grid-type-1col) .grid-type-4col > .container > .row > .col-auto-11, [class*=grid-type-]:not(.grid-type-1col) .grid-type-4col > .container > .row > .col-auto-12 {
    grid-column-end: span 12;
  }
}
.col-1 {
  grid-column-end: span 1 !important;
}

.col-start-1 {
  grid-column-start: 1 !important;
}

.col-2 {
  grid-column-end: span 2 !important;
}

.col-start-2 {
  grid-column-start: 2 !important;
}

.col-3 {
  grid-column-end: span 3 !important;
}

.col-start-3 {
  grid-column-start: 3 !important;
}

.col-4 {
  grid-column-end: span 4 !important;
}

.col-start-4 {
  grid-column-start: 4 !important;
}

.col-5 {
  grid-column-end: span 5 !important;
}

.col-start-5 {
  grid-column-start: 5 !important;
}

.col-6 {
  grid-column-end: span 6 !important;
}

.col-start-6 {
  grid-column-start: 6 !important;
}

.col-7 {
  grid-column-end: span 7 !important;
}

.col-start-7 {
  grid-column-start: 7 !important;
}

.col-8 {
  grid-column-end: span 8 !important;
}

.col-start-8 {
  grid-column-start: 8 !important;
}

.col-9 {
  grid-column-end: span 9 !important;
}

.col-start-9 {
  grid-column-start: 9 !important;
}

.col-10 {
  grid-column-end: span 10 !important;
}

.col-start-10 {
  grid-column-start: 10 !important;
}

.col-11 {
  grid-column-end: span 11 !important;
}

.col-start-11 {
  grid-column-start: 11 !important;
}

.col-12 {
  grid-column-end: span 12 !important;
}

.col-start-12 {
  grid-column-start: 12 !important;
}

@media (min-width: 361px) {
  .col-xs-1 {
    grid-column-end: span 1 !important;
  }
  .col-start-xs-1 {
    grid-column-start: 1 !important;
  }
  .col-xs-2 {
    grid-column-end: span 2 !important;
  }
  .col-start-xs-2 {
    grid-column-start: 2 !important;
  }
  .col-xs-3 {
    grid-column-end: span 3 !important;
  }
  .col-start-xs-3 {
    grid-column-start: 3 !important;
  }
  .col-xs-4 {
    grid-column-end: span 4 !important;
  }
  .col-start-xs-4 {
    grid-column-start: 4 !important;
  }
  .col-xs-5 {
    grid-column-end: span 5 !important;
  }
  .col-start-xs-5 {
    grid-column-start: 5 !important;
  }
  .col-xs-6 {
    grid-column-end: span 6 !important;
  }
  .col-start-xs-6 {
    grid-column-start: 6 !important;
  }
  .col-xs-7 {
    grid-column-end: span 7 !important;
  }
  .col-start-xs-7 {
    grid-column-start: 7 !important;
  }
  .col-xs-8 {
    grid-column-end: span 8 !important;
  }
  .col-start-xs-8 {
    grid-column-start: 8 !important;
  }
  .col-xs-9 {
    grid-column-end: span 9 !important;
  }
  .col-start-xs-9 {
    grid-column-start: 9 !important;
  }
  .col-xs-10 {
    grid-column-end: span 10 !important;
  }
  .col-start-xs-10 {
    grid-column-start: 10 !important;
  }
  .col-xs-11 {
    grid-column-end: span 11 !important;
  }
  .col-start-xs-11 {
    grid-column-start: 11 !important;
  }
  .col-xs-12 {
    grid-column-end: span 12 !important;
  }
  .col-start-xs-12 {
    grid-column-start: 12 !important;
  }
}
@media (min-width: 601px) {
  .col-sm-1 {
    grid-column-end: span 1 !important;
  }
  .col-start-sm-1 {
    grid-column-start: 1 !important;
  }
  .col-sm-2 {
    grid-column-end: span 2 !important;
  }
  .col-start-sm-2 {
    grid-column-start: 2 !important;
  }
  .col-sm-3 {
    grid-column-end: span 3 !important;
  }
  .col-start-sm-3 {
    grid-column-start: 3 !important;
  }
  .col-sm-4 {
    grid-column-end: span 4 !important;
  }
  .col-start-sm-4 {
    grid-column-start: 4 !important;
  }
  .col-sm-5 {
    grid-column-end: span 5 !important;
  }
  .col-start-sm-5 {
    grid-column-start: 5 !important;
  }
  .col-sm-6 {
    grid-column-end: span 6 !important;
  }
  .col-start-sm-6 {
    grid-column-start: 6 !important;
  }
  .col-sm-7 {
    grid-column-end: span 7 !important;
  }
  .col-start-sm-7 {
    grid-column-start: 7 !important;
  }
  .col-sm-8 {
    grid-column-end: span 8 !important;
  }
  .col-start-sm-8 {
    grid-column-start: 8 !important;
  }
  .col-sm-9 {
    grid-column-end: span 9 !important;
  }
  .col-start-sm-9 {
    grid-column-start: 9 !important;
  }
  .col-sm-10 {
    grid-column-end: span 10 !important;
  }
  .col-start-sm-10 {
    grid-column-start: 10 !important;
  }
  .col-sm-11 {
    grid-column-end: span 11 !important;
  }
  .col-start-sm-11 {
    grid-column-start: 11 !important;
  }
  .col-sm-12 {
    grid-column-end: span 12 !important;
  }
  .col-start-sm-12 {
    grid-column-start: 12 !important;
  }
}
@media (min-width: 769px) {
  .col-md-1 {
    grid-column-end: span 1 !important;
  }
  .col-start-md-1 {
    grid-column-start: 1 !important;
  }
  .col-md-2 {
    grid-column-end: span 2 !important;
  }
  .col-start-md-2 {
    grid-column-start: 2 !important;
  }
  .col-md-3 {
    grid-column-end: span 3 !important;
  }
  .col-start-md-3 {
    grid-column-start: 3 !important;
  }
  .col-md-4 {
    grid-column-end: span 4 !important;
  }
  .col-start-md-4 {
    grid-column-start: 4 !important;
  }
  .col-md-5 {
    grid-column-end: span 5 !important;
  }
  .col-start-md-5 {
    grid-column-start: 5 !important;
  }
  .col-md-6 {
    grid-column-end: span 6 !important;
  }
  .col-start-md-6 {
    grid-column-start: 6 !important;
  }
  .col-md-7 {
    grid-column-end: span 7 !important;
  }
  .col-start-md-7 {
    grid-column-start: 7 !important;
  }
  .col-md-8 {
    grid-column-end: span 8 !important;
  }
  .col-start-md-8 {
    grid-column-start: 8 !important;
  }
  .col-md-9 {
    grid-column-end: span 9 !important;
  }
  .col-start-md-9 {
    grid-column-start: 9 !important;
  }
  .col-md-10 {
    grid-column-end: span 10 !important;
  }
  .col-start-md-10 {
    grid-column-start: 10 !important;
  }
  .col-md-11 {
    grid-column-end: span 11 !important;
  }
  .col-start-md-11 {
    grid-column-start: 11 !important;
  }
  .col-md-12 {
    grid-column-end: span 12 !important;
  }
  .col-start-md-12 {
    grid-column-start: 12 !important;
  }
}
@media (min-width: 991px) {
  .col-lg-1 {
    grid-column-end: span 1 !important;
  }
  .col-start-lg-1 {
    grid-column-start: 1 !important;
  }
  .col-lg-2 {
    grid-column-end: span 2 !important;
  }
  .col-start-lg-2 {
    grid-column-start: 2 !important;
  }
  .col-lg-3 {
    grid-column-end: span 3 !important;
  }
  .col-start-lg-3 {
    grid-column-start: 3 !important;
  }
  .col-lg-4 {
    grid-column-end: span 4 !important;
  }
  .col-start-lg-4 {
    grid-column-start: 4 !important;
  }
  .col-lg-5 {
    grid-column-end: span 5 !important;
  }
  .col-start-lg-5 {
    grid-column-start: 5 !important;
  }
  .col-lg-6 {
    grid-column-end: span 6 !important;
  }
  .col-start-lg-6 {
    grid-column-start: 6 !important;
  }
  .col-lg-7 {
    grid-column-end: span 7 !important;
  }
  .col-start-lg-7 {
    grid-column-start: 7 !important;
  }
  .col-lg-8 {
    grid-column-end: span 8 !important;
  }
  .col-start-lg-8 {
    grid-column-start: 8 !important;
  }
  .col-lg-9 {
    grid-column-end: span 9 !important;
  }
  .col-start-lg-9 {
    grid-column-start: 9 !important;
  }
  .col-lg-10 {
    grid-column-end: span 10 !important;
  }
  .col-start-lg-10 {
    grid-column-start: 10 !important;
  }
  .col-lg-11 {
    grid-column-end: span 11 !important;
  }
  .col-start-lg-11 {
    grid-column-start: 11 !important;
  }
  .col-lg-12 {
    grid-column-end: span 12 !important;
  }
  .col-start-lg-12 {
    grid-column-start: 12 !important;
  }
}
@media (min-width: 1201px) {
  .col-xl-1 {
    grid-column-end: span 1 !important;
  }
  .col-start-xl-1 {
    grid-column-start: 1 !important;
  }
  .col-xl-2 {
    grid-column-end: span 2 !important;
  }
  .col-start-xl-2 {
    grid-column-start: 2 !important;
  }
  .col-xl-3 {
    grid-column-end: span 3 !important;
  }
  .col-start-xl-3 {
    grid-column-start: 3 !important;
  }
  .col-xl-4 {
    grid-column-end: span 4 !important;
  }
  .col-start-xl-4 {
    grid-column-start: 4 !important;
  }
  .col-xl-5 {
    grid-column-end: span 5 !important;
  }
  .col-start-xl-5 {
    grid-column-start: 5 !important;
  }
  .col-xl-6 {
    grid-column-end: span 6 !important;
  }
  .col-start-xl-6 {
    grid-column-start: 6 !important;
  }
  .col-xl-7 {
    grid-column-end: span 7 !important;
  }
  .col-start-xl-7 {
    grid-column-start: 7 !important;
  }
  .col-xl-8 {
    grid-column-end: span 8 !important;
  }
  .col-start-xl-8 {
    grid-column-start: 8 !important;
  }
  .col-xl-9 {
    grid-column-end: span 9 !important;
  }
  .col-start-xl-9 {
    grid-column-start: 9 !important;
  }
  .col-xl-10 {
    grid-column-end: span 10 !important;
  }
  .col-start-xl-10 {
    grid-column-start: 10 !important;
  }
  .col-xl-11 {
    grid-column-end: span 11 !important;
  }
  .col-start-xl-11 {
    grid-column-start: 11 !important;
  }
  .col-xl-12 {
    grid-column-end: span 12 !important;
  }
  .col-start-xl-12 {
    grid-column-start: 12 !important;
  }
}
.frame-space-before-extra-small {
  padding-top: calc(var(--layout-space-extra-small, 10px) * 1);
}

.frame-space-before-small {
  padding-top: calc(var(--layout-space-small, 20px) * 1);
}

.frame-space-before-medium {
  padding-top: calc(var(--layout-space-medium, 40px) * 1);
}

.frame-space-before-large {
  padding-top: calc(var(--layout-space-large, 60px) * 1);
}

.frame-space-before-extra-large {
  padding-top: calc(var(--layout-space-extra-large, 80px) * 1);
}

.frame-space-after-extra-small {
  padding-bottom: calc(var(--layout-space-extra-small, 10px) * 1);
}

.frame-space-after-small {
  padding-bottom: calc(var(--layout-space-small, 20px) * 1);
}

.frame-space-after-medium {
  padding-bottom: calc(var(--layout-space-medium, 40px) * 1);
}

.frame-space-after-large {
  padding-bottom: calc(var(--layout-space-large, 60px) * 1);
}

.frame-space-after-extra-large {
  padding-bottom: calc(var(--layout-space-extra-large, 80px) * 1);
}

@media (max-width: 990px) {
  .frame-space-before-extra-small {
    padding-top: calc(var(--layout-space-extra-small, 10px) * var(--layout-spacing-multiplier-laptop, 1));
  }
  .frame-space-before-small {
    padding-top: calc(var(--layout-space-small, 20px) * var(--layout-spacing-multiplier-laptop, 1));
  }
  .frame-space-before-medium {
    padding-top: calc(var(--layout-space-medium, 40px) * var(--layout-spacing-multiplier-laptop, 1));
  }
  .frame-space-before-large {
    padding-top: calc(var(--layout-space-large, 60px) * var(--layout-spacing-multiplier-laptop, 1));
  }
  .frame-space-before-extra-large {
    padding-top: calc(var(--layout-space-extra-large, 80px) * var(--layout-spacing-multiplier-laptop, 1));
  }
  .frame-space-after-extra-small {
    padding-bottom: calc(var(--layout-space-extra-small, 10px) * var(--layout-spacing-multiplier-laptop, 1));
  }
  .frame-space-after-small {
    padding-bottom: calc(var(--layout-space-small, 20px) * var(--layout-spacing-multiplier-laptop, 1));
  }
  .frame-space-after-medium {
    padding-bottom: calc(var(--layout-space-medium, 40px) * var(--layout-spacing-multiplier-laptop, 1));
  }
  .frame-space-after-large {
    padding-bottom: calc(var(--layout-space-large, 60px) * var(--layout-spacing-multiplier-laptop, 1));
  }
  .frame-space-after-extra-large {
    padding-bottom: calc(var(--layout-space-extra-large, 80px) * var(--layout-spacing-multiplier-laptop, 1));
  }
}
@media (max-width: 768px) {
  .frame-space-before-extra-small {
    padding-top: calc(var(--layout-space-extra-small, 10px) * var(--layout-spacing-multiplier-tablet, 0.5));
  }
  .frame-space-before-small {
    padding-top: calc(var(--layout-space-small, 20px) * var(--layout-spacing-multiplier-tablet, 0.5));
  }
  .frame-space-before-medium {
    padding-top: calc(var(--layout-space-medium, 40px) * var(--layout-spacing-multiplier-tablet, 0.5));
  }
  .frame-space-before-large {
    padding-top: calc(var(--layout-space-large, 60px) * var(--layout-spacing-multiplier-tablet, 0.5));
  }
  .frame-space-before-extra-large {
    padding-top: calc(var(--layout-space-extra-large, 80px) * var(--layout-spacing-multiplier-tablet, 0.5));
  }
  .frame-space-after-extra-small {
    padding-bottom: calc(var(--layout-space-extra-small, 10px) * var(--layout-spacing-multiplier-tablet, 0.5));
  }
  .frame-space-after-small {
    padding-bottom: calc(var(--layout-space-small, 20px) * var(--layout-spacing-multiplier-tablet, 0.5));
  }
  .frame-space-after-medium {
    padding-bottom: calc(var(--layout-space-medium, 40px) * var(--layout-spacing-multiplier-tablet, 0.5));
  }
  .frame-space-after-large {
    padding-bottom: calc(var(--layout-space-large, 60px) * var(--layout-spacing-multiplier-tablet, 0.5));
  }
  .frame-space-after-extra-large {
    padding-bottom: calc(var(--layout-space-extra-large, 80px) * var(--layout-spacing-multiplier-tablet, 0.5));
  }
}
@media (max-width: 600px) {
  .frame-space-before-extra-small {
    padding-top: calc(var(--layout-space-extra-small, 10px) * var(--layout-spacing-multiplier-mobile, 0.5));
  }
  .frame-space-before-small {
    padding-top: calc(var(--layout-space-small, 20px) * var(--layout-spacing-multiplier-mobile, 0.5));
  }
  .frame-space-before-medium {
    padding-top: calc(var(--layout-space-medium, 40px) * var(--layout-spacing-multiplier-mobile, 0.5));
  }
  .frame-space-before-large {
    padding-top: calc(var(--layout-space-large, 60px) * var(--layout-spacing-multiplier-mobile, 0.5));
  }
  .frame-space-before-extra-large {
    padding-top: calc(var(--layout-space-extra-large, 80px) * var(--layout-spacing-multiplier-mobile, 0.5));
  }
  .frame-space-after-extra-small {
    padding-bottom: calc(var(--layout-space-extra-small, 10px) * var(--layout-spacing-multiplier-mobile, 0.5));
  }
  .frame-space-after-small {
    padding-bottom: calc(var(--layout-space-small, 20px) * var(--layout-spacing-multiplier-mobile, 0.5));
  }
  .frame-space-after-medium {
    padding-bottom: calc(var(--layout-space-medium, 40px) * var(--layout-spacing-multiplier-mobile, 0.5));
  }
  .frame-space-after-large {
    padding-bottom: calc(var(--layout-space-large, 60px) * var(--layout-spacing-multiplier-mobile, 0.5));
  }
  .frame-space-after-extra-large {
    padding-bottom: calc(var(--layout-space-extra-large, 80px) * var(--layout-spacing-multiplier-mobile, 0.5));
  }
}
:root {
  --layout-grid-gap: 16px;
}

.tabs .tab-headers {
  text-align: center;
}
.tabs .tab-headers .tab-header {
  display: inline-block;
  margin: 0.25em;
  padding: 0.25em;
  cursor: pointer;
  opacity: 0.6;
  font-size: 20px;
  text-transform: uppercase;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  background: none;
  border: none;
}
@media (min-width: 1024px) {
  .tabs .tab-headers .tab-header {
    font-size: 24px;
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
}
.tabs .tab-headers .tab-header-selected {
  opacity: 1;
}
.tabs .tab-pane {
  display: none;
}
.tabs .tab-pane-selected {
  display: block;
}

html[data-c3accessibility-font-size=large] main {
  font-size: 21px !important;
}
html[data-c3accessibility-font-size=large] .mask-productPreviewSmall .item .item-inner .content .content-wrap .title {
  font-size: 27px !important;
}
html[data-c3accessibility-font-size=large] figure.image .image-wrap .image-caption {
  font-size: 17px !important;
}
@media (min-width: 1000px) {
  html[data-c3accessibility-font-size=large] #banner .backgroundFrame-wrap {
    width: 440px;
    height: 440px;
  }
  html[data-c3accessibility-font-size=large] #banner .backgroundFrame-wrap .ce-bodytext {
    font-size: 21px !important;
  }
}
html[data-c3accessibility-font-size=very-large] main {
  font-size: 24px !important;
}
html[data-c3accessibility-font-size=very-large] .mask-productPreviewSmall .item .item-inner .content .content-wrap .title {
  font-size: 30px !important;
}
html[data-c3accessibility-font-size=very-large] figure.image .image-wrap .image-caption {
  font-size: 20px !important;
}
@media (min-width: 1000px) {
  html[data-c3accessibility-font-size=very-large] #banner .backgroundFrame-wrap {
    width: 440px;
    height: 440px;
  }
  html[data-c3accessibility-font-size=very-large] #banner .backgroundFrame-wrap .ce-bodytext {
    font-size: 21px !important;
  }
}
html[data-c3accessibility-line-height=large] #banner *, html[data-c3accessibility-line-height=large] main * {
  line-height: 1.7 !important;
}
html[data-c3accessibility-line-height=very-large] #banner *, html[data-c3accessibility-line-height=very-large] main * {
  line-height: 1.9 !important;
}
html[data-c3accessibility-color-filter=high-contrast] body, html[data-c3accessibility-color-filter=high-contrast] footer, html[data-c3accessibility-color-filter=high-contrast] main, html[data-c3accessibility-color-filter=high-contrast] header .header-sec, html[data-c3accessibility-color-filter=high-contrast] header .header-main, html[data-c3accessibility-color-filter=high-contrast] .mask-productPreviewSmall .item .item-inner .content,
html[data-c3accessibility-color-filter=high-contrast] #pageNav, html[data-c3accessibility-color-filter=high-contrast] .breadcrumb-container .breadcrumb > li, html[data-c3accessibility-color-filter=high-contrast] #ke_search_sword, html[data-c3accessibility-color-filter=high-contrast] .frame-layout-grayLight, html[data-c3accessibility-color-filter=high-contrast] .frame-layout-darkBlue {
  background: #000 !important;
  color: #fff !important;
}
html[data-c3accessibility-color-filter=high-contrast] main .mask-productPreview > .item .contentContainer .content, html[data-c3accessibility-color-filter=high-contrast] main input[type=text], html[data-c3accessibility-color-filter=high-contrast] main input[type=password], html[data-c3accessibility-color-filter=high-contrast] main input[type=email], html[data-c3accessibility-color-filter=high-contrast] main textarea, html[data-c3accessibility-color-filter=high-contrast] main select {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
}
html[data-c3accessibility-color-filter=high-contrast] .banner-sectionIndex {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
}
html[data-c3accessibility-color-filter=high-contrast] input[type=submit] {
  background-color: #FFD532 !important;
  color: #000 !important;
  border: none;
}
html[data-c3accessibility-color-filter=high-contrast] #banner {
  z-index: 2;
}
html[data-c3accessibility-color-filter=high-contrast] .mask-bannerImage .contentContainer .backgroundFrame-wrap .backgroundFrame-inner .backgroundFrame {
  background: #000 !important;
}
html[data-c3accessibility-color-filter=high-contrast] .link-button {
  color: #000 !important;
  border: 2px solid #000;
}
html[data-c3accessibility-color-filter=high-contrast] .lSSlideOuter .lSPager.lSpg > li.active a {
  background: #FFD532 !important;
}
html[data-c3accessibility-color-filter=high-contrast] .lSSlideOuter .lSPager.lSpg > li a {
  background: #fff !important;
}
html[data-c3accessibility-color-filter=high-contrast] .mask-productPreview > .item .imageContainer .linkList > .item {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #fff;
}
html[data-c3accessibility-color-filter=high-contrast] .mask-productPreview > .item .imageContainer .linkList > .item.active {
  color: #000 !important;
  border: 2px solid #000;
}
html[data-c3accessibility-color-filter=high-contrast] .mask-productPreview > .item .imageContainer .linkList > .item.active:after {
  background-color: #FFD532 !important;
}
html[data-c3accessibility-color-filter=high-contrast] .news .news-list-view .article .more-wrap a {
  color: #fff !important;
}
html[data-c3accessibility-color-filter=high-contrast] .news .news-list-view .article .more-wrap a:after {
  filter: brightness(0) invert(1);
}
html[data-c3accessibility-color-filter=high-contrast] #pageNav .back {
  filter: brightness(0) invert(1);
}
html[data-c3accessibility-color-filter=high-contrast] #pageNav ul li {
  border: 1px solid #fff;
  background: #000 !important;
}
html[data-c3accessibility-color-filter=high-contrast] #pageNav ul li a {
  color: #fff !important;
}
html[data-c3accessibility-color-filter=high-contrast] body > *:not(.c3accessibility) h1, html[data-c3accessibility-color-filter=high-contrast] body > *:not(.c3accessibility) .h1, html[data-c3accessibility-color-filter=high-contrast] body > *:not(.c3accessibility) h2, html[data-c3accessibility-color-filter=high-contrast] body > *:not(.c3accessibility) .h2, html[data-c3accessibility-color-filter=high-contrast] body > *:not(.c3accessibility) h3, html[data-c3accessibility-color-filter=high-contrast] body > *:not(.c3accessibility) .h3, html[data-c3accessibility-color-filter=high-contrast] body > *:not(.c3accessibility) h4, html[data-c3accessibility-color-filter=high-contrast] body > *:not(.c3accessibility) .h4, html[data-c3accessibility-color-filter=high-contrast] body > *:not(.c3accessibility) h5, html[data-c3accessibility-color-filter=high-contrast] body > *:not(.c3accessibility) .h5, html[data-c3accessibility-color-filter=high-contrast] body > *:not(.c3accessibility) h6, html[data-c3accessibility-color-filter=high-contrast] body > *:not(.c3accessibility) .h6, html[data-c3accessibility-color-filter=high-contrast] body > *:not(.c3accessibility) .link-text-colorful, html[data-c3accessibility-color-filter=high-contrast] body > *:not(.c3accessibility) header.header-root .header-main .header-main-wrap .burger-wrap .burger-label {
  color: #fff !important;
}
html[data-c3accessibility-color-filter=high-contrast] .link-text-colorful {
  text-decoration: underline;
}
html[data-c3accessibility-color-filter=high-contrast] header .header-main .header-main-wrap .logo img {
  filter: brightness(0) invert(1);
}
html[data-c3accessibility-color-filter=high-contrast] .mask-productPreviewSmall .item .item-inner .content, html[data-c3accessibility-color-filter=high-contrast] .breadcrumb-container .breadcrumb > li, html[data-c3accessibility-color-filter=high-contrast] #ke_search_sword, html[data-c3accessibility-color-filter=high-contrast] .frame-layout-grayLight {
  border: 2px solid #fff;
}
html[data-c3accessibility-color-filter=high-contrast] header .header-main {
  border-bottom: 2px solid #fff;
}
html[data-c3accessibility-color-filter=high-contrast] .c3accessibility-flag, html[data-c3accessibility-color-filter=high-contrast] .c3cookie-flag {
  background: #000 !important;
  color: #fff !important;
}
html[data-c3accessibility-color-filter=high-contrast] .ce-bodytext {
  padding: 2.5rem;
  background: #000 !important;
  color: #fff !important;
}
html[data-c3accessibility-color-filter=high-contrast] main p {
  background: #000 !important;
  color: #fff !important;
}
html[data-c3accessibility-color-filter=high-contrast] .news-search-form .link-text {
  color: #FFFFFF;
}
html[data-c3accessibility-color-filter=high-contrast] .news-search-form .link-text:after {
  filter: brightness(0) invert(1);
}
html[data-c3accessibility-graphics=hide-all] .mask-bannerImage img,
html[data-c3accessibility-graphics=hide-all] .mask-productPreview > .item .imageContainer .imageList > .item img,
html[data-c3accessibility-graphics=hide-all] .mask-productPreviewSmall .item .item-inner .imageWrap img,
html[data-c3accessibility-graphics=hide-all] .ce-uploads > .item .imageWrap img,
html[data-c3accessibility-graphics=hide-all] .news .news-list-view .article .news-img-wrap img,
html[data-c3accessibility-graphics=hide-all] .news .mediaelement img,
html[data-c3accessibility-graphics=hide-all] figure.image .image-wrap img {
  filter: contrast(0) brightness(1);
}
html[data-c3accessibility-reduce-motion=true] .lSSlide, html[data-c3accessibility-reduce-motion=true] .sidebarNav, html[data-c3accessibility-reduce-motion=true] #page {
  transition-property: none;
}
html[data-c3accessibility-reduce-motion=true] .mask-productPreview > .item .imageContainer .imageList > .item,
html[data-c3accessibility-reduce-motion=true] .mask-productPreview > .item .imageContainer .linkList > .item,
html[data-c3accessibility-reduce-motion=true] .mask-productPreview > .item .imageContainer .linkList > .item:before {
  transition-property: none !important;
}

.c3accessibility-flag {
  bottom: 2.5rem !important;
}

.news .news-list-view.lightSlider {
  height: auto !important;
}
.news .news-list-view .article .article-wrap {
  display: flex;
  flex-direction: column;
  padding: 30px 20px 30px;
}
.news .news-list-view .article .article-wrap > * {
  width: 100%;
}
@media (max-width: 600px) {
  .news .news-list-view .article .article-wrap {
    padding: 20px 10px 20px;
  }
}
.news .news-list-view .article .article-wrap .more-wrap {
  position: initial;
}

.frame-type-felogin_login .felogin-login {
  text-align: center;
}
.frame-type-felogin_login .felogin-login .ce-bodytext {
  margin-bottom: 20px;
}
.frame-type-felogin_login .felogin-login form fieldset {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.frame-type-felogin_login .felogin-login form fieldset input[type=text], .frame-type-felogin_login .felogin-login form fieldset input[type=password] {
  width: 100%;
  text-align: center;
  font-size: 1em;
  border: 0;
  background: #f7f7f7;
  padding: 12px 1em;
  vertical-align: top;
  margin: 0 0 0 0;
  outline: none;
}
.frame-type-felogin_login .felogin-login form fieldset input[type=text], .frame-type-felogin_login .felogin-login form fieldset input[type=password] {
  width: 300px;
  margin-right: 1em;
}
.frame-type-felogin_login .felogin-login form fieldset a {
  display: inline-block;
  margin-left: 1em;
  padding: 0.5em 2.5em 0.5em 1.5em;
  font-family: Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.4;
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none;
  color: #000;
  background: #FFD532;
}
.frame-type-felogin_login .felogin-logout {
  text-align: center;
}
.frame-type-felogin_login .felogin-recovery, .frame-type-felogin_login .felogin-change-password {
  text-align: center;
}
.frame-type-felogin_login .felogin-recovery .ce-bodytext, .frame-type-felogin_login .felogin-change-password .ce-bodytext {
  margin-bottom: 20px;
}
.frame-type-felogin_login .felogin-recovery form fieldset, .frame-type-felogin_login .felogin-change-password form fieldset {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.frame-type-felogin_login .felogin-recovery form fieldset input[type=text], .frame-type-felogin_login .felogin-recovery form fieldset input[type=password], .frame-type-felogin_login .felogin-change-password form fieldset input[type=text], .frame-type-felogin_login .felogin-change-password form fieldset input[type=password] {
  width: 100%;
  text-align: center;
  font-size: 1em;
  border: 0;
  background: #f7f7f7;
  padding: 12px 1em;
  vertical-align: top;
  margin: 0 0 0 0;
  outline: none;
}
.frame-type-felogin_login .felogin-recovery form fieldset input[type=text], .frame-type-felogin_login .felogin-recovery form fieldset input[type=password], .frame-type-felogin_login .felogin-change-password form fieldset input[type=text], .frame-type-felogin_login .felogin-change-password form fieldset input[type=password] {
  width: 300px;
  margin-right: 1em;
}
.frame-type-felogin_login .felogin-recovery form fieldset a, .frame-type-felogin_login .felogin-change-password form fieldset a {
  margin-left: 1em;
  font-size: 0.7em;
  white-space: nowrap;
  text-decoration: none;
}
.frame-type-felogin_login .felogin-recovery .back-to-login, .frame-type-felogin_login .felogin-change-password .back-to-login {
  text-decoration: underline;
}

/*# sourceMappingURL=local.css.map */

.tx-kesearch-pi1,
.tx-kesearch-pi1 input,
.tx-kesearch-pi1 select,
.tx-kesearch-pi1 button { font: inherit; }
.tx-kesearch-pi1 .clearer { display: block; height: 1px; line-height: 1px; clear: both; }
.tx-kesearch-pi1 form { margin-bottom: 1em; }
.tx-kesearch-pi1 form fieldset { margin: 0; padding: 0; }
.tx-kesearch-pi1 .kesearch_searchbox { border: none; }
.tx-kesearch-pi1 input[type="search"],
.tx-kesearch-pi1 select { background: #fff; border: 1px solid #bbb; border-radius: 2px; color: #2b2b2b; }

/* Buttons */
a.kesGreyButt,
span.resetbutt a,
span.submitbutt input {
    padding: 0.5em 3em;
    margin: 0 0.5em 0.5em 0;
    display: block;
    cursor: pointer;
    user-select: none;
    background: #f5f5f5;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px;
    color: #444;
    text-align: center;
    text-decoration: none;
}
span.resetbutt { float: left; }
span.resetbutt a:hover,
span.submitbutt input:hover,
a.kesGreyButt:hover { background: #f8f8f8; }

/* Filters */
#kesearch_filters select { margin: 0 0 10px; padding: 0.5em; }
#kesearch_filters .list { border: 1px solid #cfcfcf; margin: 0 0 0.5em; padding: 0.5em; width: 20em; }
#kesearch_filters .list .head { display: block; border-bottom: 1px solid #cfcfcf; padding: 0.5em 0 0.5em 0; }
#kesearch_filters .list ul { padding: 0; margin: 0.5em 0 0.5em 0; list-style: none; }
#kesearch_filters .list li { display: block; list-style: none; margin: 0 0 0.5em; line-height: .75em; color: #444; }
#kesearch_filters .list li a { color: #444; }
#kesearch_filters .list li.selected { font-weight: bold; }
#kesearch_filters .list li.optionCheckBox { float: left; width: 20em; margin-bottom: 0.25em; }
#kesearch_filters .list li.optionCheckBox input[type="checkbox"] { float: left; margin: 0 0.25em 0 0; }
#kesearch_filters .list li.clearer { font-size: 0; line-height: 0; float: none; margin: 0 !important; }
#kesearch_filters label { display: block; font-weight: bold; margin: 0 0 0.25em; }

/* Search box */
div.kesearchbox { margin-bottom: .5em; }
#ke_search_sword { padding: 0.5em; }
.tx-kesearch-pi1 .general-message { padding: 0.25em; }
.tx-kesearch-pi1 .general-message .image { float: left; vertical-align: middle; margin-right: 0.5em; }

/* Results */
#kesearch_results .result-list-item { clear: both; margin: 1em 0 1.5em; padding: 0; }
#kesearch_results .result-list-item .result-number,
#kesearch_results .result-list-item .result-title { font-size: 1.25em; }
#kesearch_results .result-list-item .result-teaser { color: #707070; margin-top: 0.5em;}
.tx-kesearch-pi1 #kesearch_results .teaser_icon img { float: left; margin-right: 0.5em; }
.tx-kesearch-pi1 #kesearch_results .result-list-item .hit { color: red; font-weight: bold; }
.tx-kesearch-pi1 #kesearch_query_time { text-align: center; font-size: .8em; }

/* Pagebrowser */
.kesearch_pagebrowser ul { display: inline; margin: 0; padding: 0; }
.kesearch_pagebrowser ul li { list-style: none; display: inline-block; margin: 0; }
#kesearch_pagebrowser_top, #kesearch_pagebrowser_bottom { text-align: center; word-wrap: break-word; }
#kesearch_pagebrowser_top .pages_total,
#kesearch_pagebrowser_bottom .pages_total { padding: 0.5em 0; margin-bottom: 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.kesearch_pagebrowser .active .page-link,
.kesearch_pagebrowser .pagination a { padding: 0.5em; }

/* Ordering */
.tx-kesearch-pi1 #kesearch_ordering span.down,
.tx-kesearch-pi1 #kesearch_ordering span.up { display: inline-block; width: 0; height: 0; }
.tx-kesearch-pi1 #kesearch_ordering span.down { border-color: #f00 transparent; border-style: solid solid none; border-width: 0.25em 0.25em 0; }
.tx-kesearch-pi1 #kesearch_ordering span.up { border-color: transparent transparent #f00; border-style: none solid solid; border-width: 0 0.25em 0.25em; }
.tx-kesearch-pi1 #kesearch_ordering .ordering { float: right; }
.tx-kesearch-pi1 #kesearch_ordering ul { display: inline-block; list-style: none; }
.tx-kesearch-pi1 #kesearch_ordering ul li { float: left; margin-right: 0.5em; }
.tx-kesearch-pi1 #kesearch_ordering .clearer { clear: left; }