@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a:hover,
a:active {
  outline: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.hidden {
  display: none; }

.no-margin-top {
  margin-top: 0; }

@font-face {
  font-family: 'icomoon';
  src: url("../Fonts/icomoon.eot") format("embedded-opentype"), url("../Fonts/icomoon.woff2") format("woff2"), url("../Fonts/icomoon.ttf") format("truetype"), url("../Fonts/icomoon.woff") format("woff"), url("../Fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-clipboard:before {
  content: '\e902'; }

.icon-news:before {
  content: '\e800'; }

.icon-dossier:before {
  content: '\e903'; }

.icon-article:before {
  content: '\e904'; }

.icon-file:before {
  content: '\e905'; }

.icon-count-files:before {
  content: '\e906'; }

.icon-learningtype:before {
  content: '\ea70'; }

.icon-schoolstage:before {
  content: '\e802'; }

.icon-count-hours:before {
  content: '\ea4d'; }

.icon-delete:before,
.icon-bin:before {
  content: '\e623'; }

.icon-file-upload:before,
.icon-cloud-upload2:before {
  content: '\e62a'; }

.icon-file-download:before {
  content: '\e907'; }

.icon-share:before {
  content: '\e622'; }

.icon-preview:before {
  content: '\eb35'; }

.icon-facebook:before {
  content: '\eeea'; }

.icon-google-plus:before {
  content: '\eee6'; }

.icon-twitter:before {
  content: '\eeef'; }

.icon-folder4:before {
  content: '\e900'; }

.icon-magic-link:before {
  content: '\e908'; }

.icon-interner-link:before {
  content: '\e909'; }

.icon-expand:before {
  content: '\e90a'; }

.icon-collapse:before {
  content: '\e90b'; }

.icon-print:before {
  content: '\e90c'; }

.icon-sharing-site:before {
  content: '\e90d'; }

.icon-info:before {
  content: '\e626'; }

.icon-tag:before {
  content: '\e801'; }

.icon-display4:before {
  content: '\e62b'; }

.icon-stairs-up:before {
  content: '\e62c'; }

.icon-road:before {
  content: '\e62d'; }

.icon-target:before {
  content: '\e62e'; }

.icon-equalizer2:before {
  content: '\e62f'; }

.icon-bubble-video:before {
  content: '\e630'; }

.icon-wrench:before {
  content: '\e631'; }

.icon-magic-wand:before {
  content: '\e632'; }

.icon-key:before {
  content: '\e633'; }

.icon-connection:before {
  content: '\e634'; }

.icon-keyboard2:before {
  content: '\e635'; }

.icon-earth:before {
  content: '\e636'; }

.icon-image-compare:before {
  content: '\e637'; }

.icon-city:before {
  content: '\e638'; }

.icon-transmission:before {
  content: '\ee43'; }

.icon-transmission2:before {
  content: '\ee44'; }

.icon-sort:before {
  content: '\ee45'; }

.icon-sort2:before {
  content: '\ee46'; }

.icon-link:before {
  content: '\ec98'; }

.icon-unlink:before {
  content: '\ec99'; }

.icon-check-ok:before {
  content: '\e628'; }

.icon-cancel-circle:before {
  content: '\e629'; }

.icon-avatar:before {
  content: '\eb05'; }

.icon-cross:before {
  content: '\e624'; }

.icon-warning:before {
  content: '\e625'; }

.icon-question3:before {
  content: '\e627'; }

.icon-stats-growth:before {
  content: '\e616'; }

.icon-cogs:before {
  content: '\e617'; }

.icon-bubble2:before {
  content: '\e618'; }

.icon-list2:before {
  content: '\e619'; }

.icon-bug2:before {
  content: '\e61a'; }

.icon-direction:before {
  content: '\e61b'; }

.icon-theater:before {
  content: '\e61c'; }

.icon-calculator3:before {
  content: '\e61d'; }

.icon-users4:before {
  content: '\e61e'; }

.icon-bubbles4:before {
  content: '\e61f'; }

.icon-aid-kit:before {
  content: '\e620'; }

.icon-books:before {
  content: '\e621'; }

.icon-buch:before {
  content: '\e613'; }

.icon-stift:before {
  content: '\e614'; }

.icon-menschen-paar:before {
  content: '\e615'; }

.icon-abc:before {
  content: '\e600'; }

.icon-stern:before {
  content: '\e601'; }

.icon-anmeldung:before {
  content: '\e602'; }

.icon-ball:before {
  content: '\e603'; }

.icon-dokument-hinzufuegen:before {
  /*content: '\e604';*/
  content: '\e90e'; }

.icon-email:before {
  content: '\e605'; }

.icon-email2:before {
  content: '\e606'; }

.icon-euro:before {
  content: '\e607'; }

.icon-mensch:before {
  content: '\e608'; }

.icon-menschen2:before {
  content: '\e609'; }

.icon-menschen:before {
  content: '\e60a'; }

.icon-naturwissenschaften:before {
  content: '\e60b'; }

.icon-pinsel:before {
  content: '\e60c'; }

.icon-play:before {
  content: '\e60d'; }

.icon-smartphone:before {
  content: '\e60e'; }

.icon-sprechblasen:before {
  content: '\e60f'; }

.icon-weltkugel:before {
  content: '\e610'; }

.icon-werkzeug:before {
  content: '\e611'; }

.icon-dokument_stift:before {
  content: '\e612'; }

.icon-home:before {
  content: '\e901'; }

.icon-file-text:before {
  content: '\e99b'; }

.icon-phone:before {
  content: '\ea1d'; }

.icon-envelop:before {
  content: '\ea30'; }

.icon-printer:before {
  content: '\ea66'; }

.icon-link-internal:before {
  content: '\eabd'; }

.icon-search:before {
  content: '\eb33'; }

.icon-download:before {
  content: '\ec88'; }

.icon-world:before {
  content: '\ec8e'; }

.icon-plus:before {
  content: '\ed58'; }

.icon-minus:before {
  content: '\ed59'; }

.icon-tab:before {
  content: '\ee42'; }

.icon-add-to-collection:before {
  content: '\e90e'; }

.icon-add-to-wishlist:before {
  content: ' ';
  background-image: url("../Icons/icon-star.svg");
  display: inline-block;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: 0 5px;
  background-size: 17px 17px; }

.icon-unit:before {
  content: '\e90f'; }

.icon-externer-link:before {
  content: '\eec5'; }

.icon-pulse:before {
  content: '\e910'; }

.icon-atom2:before {
  content: '\e911'; }

.icon-leaf:before {
  content: '\e912'; }

.icon-man-woman:before {
  content: '\e913'; }

.icon-section:before {
  content: '\e914'; }

/****************************/
/* new icons in search list */
.icon-lo:before {
  content: '';
  background-image: url("../Icons/Fonticons/lo-icon.png");
  background-color: #33a3c9;
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  width: 50px;
  height: 50px;
  display: inline-block; }

.icon-external:before {
  content: '';
  background-image: url("../Icons/elixier-icon.png");
  background-color: #e1f0da;
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: 5px -14px;
  width: 60px !important;
  width: 3.75rem !important;
  height: 60px !important;
  height: 3.75rem !important;
  display: inline-block; }

/****************************/
.circle-behind {
  display: inline-block;
  border-radius: 100%;
  width: 1.5em;
  line-height: 1.5em;
  vertical-align: middle;
  text-align: center;
  background-color: #fff;
  color: #fff; }
  .circle-behind.weiss-auf-blau {
    background-color: #fff;
    color: #33a3c9; }
  .circle-behind.rot-auf-blau {
    background-color: #fe6546;
    color: #33a3c9; }
  .circle-behind.red {
    background-color: #fe6546;
    color: #fff; }

.colorcat-0-bg {
  background-color: #4f4f4f; }
  .colorcat-0-bg:before {
    color: #4f4f4f !important; }

.colorcat-1-bg {
  background-color: #6abfba; }
  .colorcat-1-bg:before {
    color: #6abfba !important; }

.colorcat-2-bg {
  background-color: #8eaec0; }
  .colorcat-2-bg:before {
    color: #8eaec0 !important; }

.colorcat-3-bg {
  background-color: #a9b18c; }
  .colorcat-3-bg:before {
    color: #a9b18c !important; }

.colorcat-portal-2-bg {
  background-color: #0054a4; }
  .colorcat-portal-2-bg span:before {
    color: #0054a4 !important; }

.colorcat-portal-3-bg,
.colorcat-portal-6-bg,
.colorcat-portal-7-bg {
  background-color: #444; }
  .colorcat-portal-3-bg span:before,
  .colorcat-portal-6-bg span:before,
  .colorcat-portal-7-bg span:before {
    color: #444 !important; }

.colorcat-portal-8-bg {
  background-color: #00529C; }
  .colorcat-portal-8-bg span:before {
    color: #00529C !important; }

.colorcat-1 header {
  background-color: #6abfba !important; }

.colorcat-1.circle-behind {
  display: inline-block;
  border-radius: 100%;
  width: 1.5em;
  line-height: 1.5em;
  vertical-align: middle;
  text-align: center;
  background-color: #fff;
  color: #6abfba; }

.colorcat-2 header {
  background-color: #8eaec0 !important; }

.colorcat-2.circle-behind {
  display: inline-block;
  border-radius: 100%;
  width: 1.5em;
  line-height: 1.5em;
  vertical-align: middle;
  text-align: center;
  background-color: #fff;
  color: #8eaec0; }

.colorcat-3 header {
  background-color: #a9b18c !important; }

.colorcat-3.circle-behind {
  display: inline-block;
  border-radius: 100%;
  width: 1.5em;
  line-height: 1.5em;
  vertical-align: middle;
  text-align: center;
  background-color: #fff;
  color: #a9b18c; }

.colorcat-premium-bg {
  background-color: #FFBF00; }
  .colorcat-premium-bg:before {
    color: #FFBF00 !important; }

html {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

textarea,
input,
select {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  padding: .3em .75em;
  font-size: 16px;
  font-size: 1rem; }

h1,
h2,
h3,
h4 {
  margin-bottom: 1em;
  font-weight: 400;
  line-height: 1.1;
  color: #33a3c9; }

h1 {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 400; }
  @media (max-width: 560px) {
    h1 {
      font-size: 1.625rem; } }

h2 {
  margin: 16px 0 15px;
  margin: 1rem 0 0.9375rem;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 400; }
  @media (max-width: 440px) {
    h2 {
      font-size: 1.25rem; } }

h3 {
  margin-bottom: 0;
  color: #444;
  font-size: 17px;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.8; }

h4 {
  font-weight: 500; }

hr {
  color: #f0f0f0; }

p {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  line-height: 1.4; }

button:hover,
input[type="submit"]:hover {
  text-decoration: underline;
  cursor: pointer; }

.textright {
  text-align: right; }

.std-margin {
  margin: 20px; }

a {
  color: #fe6546;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }
    a:hover span {
      text-decoration: underline; }
    a:hover [class^="icon-"],
    a:hover [class*=" icon-"] {
      text-decoration: none !important; }
      a:hover [class^="icon-"]:before,
      a:hover [class*=" icon-"]:before {
        text-decoration: none !important; }

a.no-underline {
  text-decoration: none; }

a.no-bold {
  font-weight: normal !important; }

a.download,
a.add-to-collection,
a.print,
a.internal-link,
a.external-link,
a.external-link-new-window,
a.mail {
  position: relative;
  white-space: nowrap; }
  a.download:before,
  a.add-to-collection:before,
  a.print:before,
  a.internal-link:before,
  a.external-link:before,
  a.external-link-new-window:before,
  a.mail:before {
    position: static;
    display: inline-block;
    font-family: 'icomoon';
    content: '\ec88';
    margin: 0 .375em 0 0;
    -ms-transform: translateY(3px);
        transform: translateY(3px); }

figure a.download:before,
figure a.add-to-collection:before,
figure a.print:before,
figure a.internal-link:before,
figure a.external-link:before,
figure a.external-link-new-window:before,
figure a.mail:before {
  display: none; }

.boxed a.download,
.boxed a.add-to-collection,
.boxed a.print,
.boxed a.internal-link,
.boxed a.external-link,
.boxed a.external-link-new-window,
.boxed a.mail {
  white-space: normal; }

a.add-to-collection:before {
  content: '\e90e'; }

a.print:before {
  content: '\e90c'; }

a.mail:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: " ";
  margin-right: 4px;
  margin-right: .25rem; }

a.internal-link:before {
  content: '\e909'; }

a.external-link:before,
a.external-link-new-window:before {
  content: '\eec5'; }

a.mail:before {
  content: '\e605'; }

b,
strong {
  font-weight: 700; }

em,
i {
  font-style: italic; }

pre {
  white-space: pre-wrap;
  font-size: 18px;
  background: #ddd;
  padding: 1em; }

ul,
ol {
  padding-left: 45px;
  margin-bottom: 27px; }

ol {
  padding-left: 47px; }
  ol li {
    list-style: decimal; }

ul li,
ol li {
  margin-bottom: 12px;
  margin-bottom: .75rem;
  line-height: 1.4;
  list-style: disc; }

ul.icon-text-list {
  list-style: none;
  margin: 0 0 0 2.5em;
  padding: 0 0 0 0;
  font-size: 115%;
  color: #fe6546; }
  ul.icon-text-list li {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    list-style: none;
    margin: 0 0 0 -0.5em;
    padding: 1.0em 1.5em 0 1.5em;
    vertical-align: top;
    line-height: 115%; }
    ul.icon-text-list li:first-child {
      padding-top: 0; }
    ul.icon-text-list li:before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding: 0 0 0 0;
      margin: 0 .5em 0 -1.5em;
      position: relative;
      top: .1em; }

ul.icon-text-list-adv {
  list-style: none;
  margin: 0 0 0 0;
  padding: 20px 0 0 20px;
  padding: 1.25rem 0 0 1.25rem;
  color: #fe6546;
  background-color: #f0f0f0; }
  ul.icon-text-list-adv li {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    list-style: none;
    margin: 0 0 0 -0.5em;
    padding: 1.0em 1.5em 0 1.5em;
    vertical-align: top;
    line-height: 115%; }
    ul.icon-text-list-adv li a {
      color: #33a3c9;
      text-decoration: underline;
      white-space: pre-wrap;
      word-break: break-all;
      word-wrap: break-word; }
    ul.icon-text-list-adv li span {
      color: #000; }
    ul.icon-text-list-adv li:first-child {
      padding-top: 0; }
    ul.icon-text-list-adv li:before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding: 0 0 0 0;
      margin: 0 .5em 0 -1.5em;
      position: relative;
      top: .1em; }
    ul.icon-text-list-adv li.list-last {
      text-align: right;
      padding-bottom: 20px;
      padding-bottom: 1.25rem; }

ul.icon-text-list-normal {
  list-style: none;
  margin: 0 0 0 1.0em;
  padding: 0 0 0 0;
  font-size: 100%;
  color: #fe6546; }
  ul.icon-text-list-normal li {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    list-style: none;
    margin: 0 0 0 -0.5em;
    padding: 1.0em 1.5em 0 1.5em;
    vertical-align: top;
    line-height: 115%; }
    ul.icon-text-list-normal li:first-child {
      padding-top: 0; }
    ul.icon-text-list-normal li:before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding: 0 0 0 0;
      margin: 0 .5em 0 -1.5em;
      position: relative;
      top: .1em; }

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

.unitlist header,
.universallist header {
  background-color: #4f4f4f !important; }

.unitlist .border-top,
.universallist .border-top {
  border-top: #fff 2px solid; }

.cc_banner-wrapper .cc_container .cc_message {
  line-height: 1.2em;
  color: #ccc; }

article h3, .csc-content > h3 {
  color: #33a3c9; }

.no-background {
  background: none !important; }

.flexslider .slidercontent .internal-link:before {
  content: '';
  display: none; }

.femanager_flashmessages > div, .typo3-messages > div {
  background-position: 10px 12px;
  background-repeat: no-repeat;
  margin-bottom: 4px;
  padding: 12px 12px 12px 36px; }

.femanager_flashmessages > .message-error, .typo3-messages > .message-error {
  background-color: #F6D3CF;
  background-image: url("../../../../../../typo3/sysext/t3skin/icons/gfx/error.png");
  border: 1px solid #D66C68;
  color: #AA0225; }

.femanager_flashmessages > .message-warning, .typo3-messages > .message-warning {
  background-color: #FBF6DE;
  background-image: url("../../../../../../typo3/sysext/t3skin/icons/gfx/warning.png");
  border: 1px solid #B1905C;
  color: #9E7D4A; }

.femanager_flashmessages > .message-ok, .typo3-messages > .message-ok {
  background-color: #CDEACA;
  background-image: url("../../../../../../typo3/sysext/t3skin/icons/gfx/ok.png");
  border: 1px solid #58B548;
  color: #3B7826; }

.femanager_flashmessages > .message-information, .typo3-messages > .message-information {
  background-color: #EAF7FF;
  background-image: url("../../../../../../typo3/sysext/t3skin/icons/gfx/information.png");
  border: 1px solid #C5DBE6;
  color: #4C73A1; }

.femanager_flashmessages > .message-notice, .typo3-messages > .message-notice {
  background-color: #F6F7FA;
  background-image: url("../../../../../../typo3/sysext/t3skin/icons/gfx/notice.png");
  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;
  background-image: url("../../../../../../typo3/sysext/t3skin/icons/gfx/notice.png");
  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;
  background-image: url("../../../../../../typo3/sysext/t3skin/icons/gfx/error.png");
  border: 1px solid #D66C68;
  color: #AA0225;
  list-style-type: none;
  margin-left: 0; }

[class^="ad-"], [class*=" ad-"] {
  line-height: 0; }

.ad-content-mediumrect {
  width: 100%; }
  .ad-content-mediumrect img {
    width: 100%; }

.responsive img {
  width: 100% !important;
  height: auto !important;
  max-width: 425px; }

.content-wrapper .ad-superbanner {
  display: block;
  position: relative;
  text-align: right;
  min-height: 90px;
  background-color: #f0f0f0;
  z-index: 20;
  margin: 0 auto;
  padding-bottom: 2px;
  width: calc(1000px + 2px); }
  @media (max-width: 1000px) {
    .content-wrapper .ad-superbanner {
      display: none; } }
  @media (max-width: 1200px) {
    .content-wrapper .ad-superbanner {
      width: calc(100% - 203px + 2px); } }
  @media (min-width: 1400px) {
    .content-wrapper .ad-superbanner {
      width: calc(1200px + 2px); } }

.ad-right-skyscraper-wide {
  margin-left: 2px;
  float: left; }
  .ad-right-skyscraper-wide iframe {
    margin-left: 20px; }
  @media (max-width: 1000px) {
    .ad-right-skyscraper-wide {
      display: none; } }

.button,
.button-filled,
.button-inverted {
  background: none;
  color: #fe6546;
  border: 2px solid #fe6546;
  font-size: 14px;
  font-size: 0.91rem;
  display: inline-block;
  line-height: 25px;
  line-height: 1.5625rem;
  padding: 3px 15px 4px 15px;
  white-space: nowrap; }

.button-filled {
  color: #fff;
  background: #fe6546; }

.button-inverted {
  border: 2px solid #fff;
  color: #fff; }

.button-disable {
  cursor: default !important;
  border: 2px solid #f0f0f0;
  color: #f0f0f0; }

.checkable {
  color: s; }
  .checkable.checked:before {
    content: '\2611';
    margin-right: 0.3em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .checkable:before {
    content: '\2610';
    margin-right: 0.3em;
    font-size: 140%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .checkable:hover:before {
    text-decoration: none !important; }

.discipline-group-head {
  padding: 10px;
  padding: 0.625rem;
  background-color: #4f4f4f;
  color: #fff;
  font-size: 48px;
  font-size: 3.0rem;
  font-weight: 500;
  line-height: 1; }
  .discipline-group-head [class^="icon-"],
  .discipline-group-head [class*=" icon-"] {
    display: inline-block;
    border-radius: 100%;
    width: 64px;
    width: 4rem;
    line-height: 64px;
    line-height: 4rem;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    color: #4f4f4f;
    font-size: 20px;
    font-size: 1.25rem;
    margin-right: 10px;
    margin-right: 0.625rem; }
  .discipline-group-head.colorcat-1 {
    background-color: #6abfba !important; }
    .discipline-group-head.colorcat-1 [class^="icon-"],
    .discipline-group-head.colorcat-1 [class*=" icon-"] {
      color: #6abfba; }
  .discipline-group-head.colorcat-2 {
    background-color: #8eaec0 !important; }
    .discipline-group-head.colorcat-2 [class^="icon-"],
    .discipline-group-head.colorcat-2 [class*=" icon-"] {
      color: #8eaec0; }
  .discipline-group-head.colorcat-3 {
    background-color: #a9b18c !important; }
    .discipline-group-head.colorcat-3 [class^="icon-"],
    .discipline-group-head.colorcat-3 [class*=" icon-"] {
      color: #a9b18c; }
  .discipline-group-head .text {
    vertical-align: middle; }
  .discipline-group-head h1 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 48px;
    font-size: 3.0rem;
    font-weight: 500;
    line-height: 1; }

.tx-locore-lounit--detail .discipline-group-head {
  margin-bottom: 20px;
  margin-bottom: 1.25rem; }

.ce__nlsubscribe {
  margin-top: 1em;
  background-image: url("/typo3conf/ext/lo_core/Resources/Public/Images/Hintergrund Newsletteranmeldung_x.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right top;
  height: 470px;
  position: relative;
  color: #fff;
  padding: 54px 20px 48px 20px;
  text-align: center; }
  .ce__nlsubscribe h3 {
    color: #fff;
    line-height: 40px;
    line-height: 2.5rem;
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
    position: absolute;
    top: 130px;
    left: 5px;
    font-size: 112px;
    font-size: 7rem;
    letter-spacing: 4px;
    letter-spacing: 0.3rem;
    font-family: 'Allura', cursive;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.86602540, M12=0.50000000, M21=-0.50000000, M22=0.86602540,sizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.86602540, M12=0.50000000, M21=-0.50000000, M22=0.86602540,sizingMethod='auto expand');
    -moz-transform: matrix(0.86603, -0.5, 0.5, 0.86603, 0, 0);
    -webkit-transform: matrix(0.86603, -0.5, 0.5, 0.86603, 0, 0);
    -o-transform: matrix(0.86603, -0.5, 0.5, 0.86603, 0, 0); }
  .ce__nlsubscribe .newsletter-subscription {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 20px 20px 20px; }
  .ce__nlsubscribe p {
    color: #fff;
    padding: 0px 0 0px 0;
    padding: 0rem 0 0rem 0;
    margin-bottom: 0; }
  .ce__nlsubscribe .text {
    padding: 5px;
    border: 0; }
  .ce__nlsubscribe form input {
    line-height: 25px;
    line-height: 1.5625rem; }
  .ce__nlsubscribe form button {
    padding: 3px 15px 3px;
    margin-bottom: 40px;
    border-radius: 10px; }
  .ce__nlsubscribe form input[type="text"] {
    width: 100%;
    background-image: url("../Icons/Fonticons/envelop.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    padding-left: 50px;
    margin-bottom: 15px; }

.csc-textpic-intext-right .csc-textpic-imagewrap {
  float: right;
  margin-left: 20px;
  margin-left: 1.25rem; }

.csc-textpic-intext-left .csc-textpic-imagewrap {
  float: left;
  margin-right: 20px;
  margin-right: 1.25rem; }

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

.csc-textpic-caption {
  color: #33a3c9;
  font-size: 10px;
  font-size: 0.625rem;
  padding: 10px;
  padding: 0.625rem;
  margin: 0;
  background: #f0f0f0; }

.csc-textpic-imagecolumn {
  float: left;
  padding-right: 10px; }

.csc-textpic-imagewrap {
  margin-bottom: 1em; }

.csc-header-alignment-center {
  text-align: center; }

.csc-header-alignment-right {
  text-align: right; }

.csc-textpic-image {
  font-size: 0; }
  .csc-textpic-image img {
    display: inline-block;
    max-width: 100%;
    height: auto; }

.onecol figure.csc-textpic-image img {
  max-width: 100%;
  height: auto; }

.row hr {
  margin-right: 0px; }

sup {
  vertical-align: super; }

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  /* Default for 1600x900 videos 16:9 ratio*/
  padding-top: 0px;
  height: 0;
  overflow: hidden; }

.ce__nlsubscribe {
  margin-top: 0; }

.contenttable {
  border: 1px solid black;
  display: table;
  table-layout: fixed;
  border-collapse: collapse; }
  .contenttable.total-width {
    width: 100%; }
  .contenttable caption {
    padding: 10px;
    text-align: left;
    background-color: #33a3c9;
    color: #fff;
    border: 1px solid #fff;
    border-width: 1px 1px 0 1px;
    font-weight: 500; }
  .contenttable tr {
    display: table-row; }
  .contenttable td,
  .contenttable th {
    padding: 10px;
    display: table-cell;
    border: 1px solid #fff;
    border-width: 1px; }
    .contenttable td p:last-child,
    .contenttable th p:last-child {
      margin-bottom: 0; }
  .contenttable th {
    text-align: left;
    background-color: #4f4f4f;
    color: #fff;
    font-weight: 400; }
    .contenttable th[scope="row"] {
      text-align: right; }
  .contenttable td {
    background-color: #f0f0f0; }

.cookie-notice {
  position: fixed;
  z-index: 150;
  background: #fff;
  padding: 20px;
  display: table; }
  .cookie-notice.accepted {
    display: none;
    height: 0;
    visibility: hidden; }
  .cookie-notice .csc-default {
    display: table-cell;
    width: 80%;
    padding-right: 10px;
    margin-bottom: 0; }
    @media (max-width: 1000px) {
      .cookie-notice .csc-default {
        width: 75%; } }
    @media (max-width: 560px) {
      .cookie-notice .csc-default {
        display: block;
        width: 100%;
        padding-right: 0; } }
  .cookie-notice-acceptance {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 20%;
    padding-left: 10px; }
    .cookie-notice-acceptance .button {
      width: 100%; }
    @media (max-width: 1000px) {
      .cookie-notice-acceptance {
        width: 25%; } }
    @media (max-width: 560px) {
      .cookie-notice-acceptance {
        display: block;
        width: 100%;
        padding-left: 0; } }
  .cookie-notice p.bodytext {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 0; }
  .cookie-notice:after {
    clear: both;
    content: '';
    display: table; }

.tx-felogin-pi1 fieldset {
  margin: 1em 0; }
  .tx-felogin-pi1 fieldset > div {
    margin: 1em 0; }
    .tx-felogin-pi1 fieldset > div:not(.felogin-hidden):last-child {
      text-align: right;
      padding-right: 5%; }
  .tx-felogin-pi1 fieldset legend {
    font-weight: 500; }
  .tx-felogin-pi1 fieldset label {
    display: inline-block;
    width: 40%;
    text-align: right;
    padding-right: 0.5em; }
  .tx-felogin-pi1 fieldset input[type="text"],
  .tx-felogin-pi1 fieldset input[type="password"] {
    border: 1px solid #ddd;
    padding: 12px 20px;
    color: #4f4f4f;
    width: 55%;
    margin-left: -4px; }
  .tx-felogin-pi1 fieldset #tx_felogin_pi1-forgot-email {
    padding-left: 50px;
    background-position: 15px 50%;
    background-repeat: no-repeat;
    background-image: url("../Images/vendor/loginsignupmodal/overlay-icon-email.svg"); }

.f3-widget-paginator {
  margin: 1em 0;
  padding: 0; }
  .f3-widget-paginator li {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 1em;
    width: 1em;
    height: 1em;
    background: none; }
    .f3-widget-paginator li a {
      color: #444; }
    .f3-widget-paginator li.previous {
      margin-right: 1em; }
      .f3-widget-paginator li.previous a {
        color: #fff; }
        .f3-widget-paginator li.previous a:before {
          display: inline-block;
          line-height: 1;
          -ms-transform: rotate(0deg);
              transform: rotate(0deg);
          content: "◀";
          color: #000; }
    .f3-widget-paginator li.next {
      margin-left: 1em; }
      .f3-widget-paginator li.next a {
        color: #fff; }
        .f3-widget-paginator li.next a:before {
          display: inline-block;
          line-height: 1;
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
          content: "◀";
          color: #000; }
    .f3-widget-paginator li.current {
      color: #fe6546; }
      .f3-widget-paginator li.current a {
        color: #fe6546; }

.progress-box .meter {
  width: 100%;
  /* edit here to change the progress bar width. Max width for spectrum style is 400px */
  height: 26px;
  line-height: 16px;
  color: #fff;
  clear: both;
  text-align: center;
  position: relative;
  margin: 0;
  background-color: #fafafa;
  box-shadow: inset 0 1px 2px #ccc, 0 1px 1px #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.progress-box .spectrum,
.progress-box .red,
.progress-box .gray,
.progress-box .green,
.progress-box .orange,
.progress-box .blue {
  width: 0;
  height: 25px;
  border-radius: 3px;
  position: absolute;
  display: block;
  overflow: hidden;
  text-shadow: 0 1px 2px #333;
  font-size: 15px;
  padding-top: 5px; }

.progress-box .meter .spectrum {
  background: transparent url("../img/pbar.png") repeat-y 0 0;
  -webkit-background-size: 100% 40px;
  /* Safari fix */
  border-bottom: 1px solid #bbb; }

.progress-box .meter .red {
  background-color: #fe6546; }

.progress-box .meter .green {
  background-color: #14c631; }

.progress-box .meter .gray {
  background-color: #909090; }

.progress-box .meter .orange {
  background-color: #ff8503; }

.progress-box .meter .blue {
  background-color: #33a3c9; }

.progress-box .bubble {
  position: absolute;
  text-align: center;
  margin-top: 25px;
  margin-left: 5px;
  color: #444;
  padding: 0 4px;
  line-height: 16px;
  border-radius: 2px;
  border: 1px solid #e0e0e0;
  font-size: 10px; }

.progress-box .arrow,
.progress-box .arrow:before {
  height: 0;
  width: 0;
  top: -10px;
  z-index: 100;
  position: absolute;
  border: 5px solid transparent;
  content: ''; }

.progress-box .arrow {
  border-bottom-color: #ccc;
  left: 0; }

.progress-box .arrow:before {
  border-bottom-color: #fff;
  top: -4px;
  left: -5px; }

.link-box ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box; }
  .link-box ul li {
    display: inline-block;
    position: relative;
    list-style-type: none;
    margin: 0.6em 0 1em 0;
    padding: 0 0 0 4em;
    color: #444;
    font-size: 1em;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    min-height: 50px; }
    .link-box ul li:last-child {
      margin-bottom: 0;
      border-bottom: none; }
    .link-box ul li .text {
      display: block;
      width: 100%; }
    .link-box ul li .cta {
      font-size: 1.0em;
      display: block;
      top: .75em; }
      @media (max-width: 800px) {
        .link-box ul li .cta .preview-link,
        .link-box ul li .cta .download-text {
          display: inline-block; } }
      .link-box ul li .cta a {
        padding-right: 0.7em;
        font-size: 90%;
        white-space: nowrap; }
    .link-box ul li p {
      margin: 0; }
    .link-box ul li:before {
      display: inline-block;
      border-radius: 100%;
      width: 2em;
      line-height: 2em;
      vertical-align: middle;
      text-align: center;
      background-color: #fff;
      color: #33a3c9;
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: absolute;
      left: 0;
      font-size: 1.5em; }
    .link-box ul li.internal-link:before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: ""; }
    .link-box ul li.external-link:before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: ""; }
  @media (max-width: 560px) {
    .link-box ul .external-link,
    .link-box ul .internal-link {
      padding-left: 0; }
      .link-box ul .external-link:before,
      .link-box ul .internal-link:before {
        display: none; } }

.link-box.spaceborder {
  padding: 0.7em 0 0 0; }
  .link-box.spaceborder li {
    border-bottom: 2px solid #fff;
    padding: 0 1em 1em 5em;
    /*&.internal-link:before {*/ }
    .link-box.spaceborder li:before {
      margin: 0.1em 0 0 0.6em; }
    @media (max-width: 560px) {
      .link-box.spaceborder li {
        padding-left: 1em; } }

.download span {
  width: 100%;
  /*a {
			word-wrap: break-word;
			word-break: break-all;
		}*/ }

.linklist.universallist {
  margin-bottom: 1.5em; }

.boxed .offer-teaser .csc-header,
.boxed h1,
.boxed h2,
.boxed h3,
.boxed h4,
.boxed h5 {
  margin-bottom: 2px;
  padding: 8px 10px;
  padding: .5rem 0.625rem;
  background-color: #4f4f4f;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0px;
  letter-spacing: .02rem; }

.boxed h3 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  padding: 10px;
  margin: 0;
  letter-spacing: inherit; }

.boxed .csc-content {
  padding: 10px;
  background-color: #f0f0f0; }

.boxed.boxed--blue .offer-teaser .csc-header,
.boxed.boxed--blue h1,
.boxed.boxed--blue h2,
.boxed.boxed--blue h3,
.boxed.boxed--blue h4,
.boxed.boxed--blue h5 {
  background-color: #33a3c9; }

.boxed.boxed--hellblue .offer-teaser .csc-header,
.boxed.boxed--hellblue h1,
.boxed.boxed--hellblue h2,
.boxed.boxed--hellblue h3,
.boxed.boxed--hellblue h4,
.boxed.boxed--hellblue h5 {
  background-color: #33a3c9; }

.boxed.boxed--oliven .offer-teaser .csc-header,
.boxed.boxed--oliven h1,
.boxed.boxed--oliven h2,
.boxed.boxed--oliven h3,
.boxed.boxed--oliven h4,
.boxed.boxed--oliven h5 {
  background-color: #FFBF00; }

.boxed.boxed--stufe1--test {
  display: none; }

.boxed.boxed--stufe1 .offer-teaser .csc-header,
.boxed.boxed--stufe1 h1,
.boxed.boxed--stufe1 h2,
.boxed.boxed--stufe1 h3,
.boxed.boxed--stufe1 h4,
.boxed.boxed--stufe1 h5 {
  background-color: #6abfba; }

.boxed.boxed--stufe2 .offer-teaser .csc-header,
.boxed.boxed--stufe2 h1,
.boxed.boxed--stufe2 h2,
.boxed.boxed--stufe2 h3,
.boxed.boxed--stufe2 h4,
.boxed.boxed--stufe2 h5 {
  background-color: #8eaec0; }

.boxed.boxed--stufe3 .offer-teaser .csc-header,
.boxed.boxed--stufe3 h1,
.boxed.boxed--stufe3 h2,
.boxed.boxed--stufe3 h3,
.boxed.boxed--stufe3 h4,
.boxed.boxed--stufe3 h5 {
  background-color: #a9b18c; }

.boxed.always--pink .offer-teaser .csc-header,
.boxed.always--pink h1,
.boxed.always--pink h2,
.boxed.always--pink h3,
.boxed.always--pink h4,
.boxed.always--pink h5 {
  background-color: #e94783; }

.boxed.always--darkblue .offer-teaser .csc-header,
.boxed.always--darkblue h1,
.boxed.always--darkblue h2,
.boxed.always--darkblue h3,
.boxed.always--darkblue h4,
.boxed.always--darkblue h5 {
  background-color: #0054a4; }

.boxed.always--mediumblue .offer-teaser .csc-header,
.boxed.always--mediumblue h1,
.boxed.always--mediumblue h2,
.boxed.always--mediumblue h3,
.boxed.always--mediumblue h4,
.boxed.always--mediumblue h5 {
  background-color: #2da6df; }

.boxed.always--doveblue .offer-teaser .csc-header,
.boxed.always--doveblue h1,
.boxed.always--doveblue h2,
.boxed.always--doveblue h3,
.boxed.always--doveblue h4,
.boxed.always--doveblue h5 {
  background-color: #89b7d1; }

.boxed.always--cyan .offer-teaser .csc-header,
.boxed.always--cyan h1,
.boxed.always--cyan h2,
.boxed.always--cyan h3,
.boxed.always--cyan h4,
.boxed.always--cyan h5 {
  background-color: #34b5c2; }

.boxed.always--darkcyan .offer-teaser .csc-header,
.boxed.always--darkcyan h1,
.boxed.always--darkcyan h2,
.boxed.always--darkcyan h3,
.boxed.always--darkcyan h4,
.boxed.always--darkcyan h5 {
  background-color: #3c6b85; }

.requested-trial .boxed.boxed--stufe1 {
  display: none; }
  .requested-trial .boxed.boxed--stufe1--test {
    display: block; }

.universalbox {
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  .universalbox:after {
    clear: both;
    content: '';
    display: table; }
  .universalbox header {
    position: relative;
    background-color: #33a3c9;
    min-height: 40px;
    display: block; }
    .universalbox header h2, .universalbox header h3 {
      color: #fff;
      margin: 0;
      padding: 10px;
      font-size: 1.1em;
      font-weight: 400;
      line-height: 1.3; }
  .universalbox ul {
    list-style-type: none;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box; }
    .universalbox ul li {
      list-style: none;
      border-bottom: 2px solid #fff;
      padding: 1.2em 1em 1em 1em;
      margin-bottom: 0; }
      .universalbox ul li:after {
        clear: both;
        content: '';
        display: table; }
  .universalbox.marginal {
    max-width: 400px; }

#modal-overlay {
  opacity: 0;
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.75);
  transition: opacity 0.25s ease-in;
  overflow-y: auto; }
  #modal-overlay .modal-window {
    position: absolute;
    display: block;
    max-width: 90%;
    top: 10px;
    left: 10px;
    color: #444;
    background: #fff;
    width: auto;
    min-width: 400px; }
    @media (max-width: 800px) {
      #modal-overlay .modal-window.location-window {
        max-width: none;
        min-width: initial;
        width: 90%;
        top: 15px !important;
        padding-bottom: 15px; } }
    @media (max-width: 560px) {
      #modal-overlay .modal-window {
        max-width: none;
        min-width: initial;
        width: 90%;
        top: 15px !important;
        padding-bottom: 15px; } }
    #modal-overlay .modal-window .modal-window-title {
      position: relative;
      background-color: #33a3c9;
      font-weight: 500;
      width: 100%;
      display: inline-block;
      vertical-align: middle;
      padding: 15px;
      padding: 0.9375rem;
      color: #fff; }
    #modal-overlay .modal-window .modal-window-content {
      position: relative;
      width: 100%;
      padding: 15px;
      padding: 0.9375rem;
      background-color: #fff;
      color: #444; }
      #modal-overlay .modal-window .modal-window-content legend,
      #modal-overlay .modal-window .modal-window-content input,
      #modal-overlay .modal-window .modal-window-content textarea {
        margin-bottom: 10px;
        margin-bottom: 0.625rem; }
        #modal-overlay .modal-window .modal-window-content legend:last-child,
        #modal-overlay .modal-window .modal-window-content input:last-child,
        #modal-overlay .modal-window .modal-window-content textarea:last-child {
          margin-bottom: 20px;
          margin-bottom: 1.25rem; }
      #modal-overlay .modal-window .modal-window-content input[type="text"],
      #modal-overlay .modal-window .modal-window-content input[type="password"],
      #modal-overlay .modal-window .modal-window-content input[type="email"],
      #modal-overlay .modal-window .modal-window-content select,
      #modal-overlay .modal-window .modal-window-content textarea {
        width: 100%;
        border: 1px solid #4f4f4f; }
        #modal-overlay .modal-window .modal-window-content input[type="text"].form-error,
        #modal-overlay .modal-window .modal-window-content input[type="password"].form-error,
        #modal-overlay .modal-window .modal-window-content input[type="email"].form-error,
        #modal-overlay .modal-window .modal-window-content select.form-error,
        #modal-overlay .modal-window .modal-window-content textarea.form-error {
          border: 1px solid #fe6546; }
      #modal-overlay .modal-window .modal-window-content .left {
        font-size: 50px;
        font-size: 3.125rem;
        margin-right: 30px;
        margin-right: 1.875rem;
        float: left; }
      #modal-overlay .modal-window .modal-window-content .right {
        float: left; }
      #modal-overlay .modal-window .modal-window-content .ctas {
        width: 100%;
        text-align: right; }
      #modal-overlay .modal-window .modal-window-content #filedrag {
        width: 99%;
        display: inline-block;
        margin-bottom: 1em;
        width: 100%;
        height: 50px;
        border: 1px solid #4f4f4f;
        padding: 1em;
        line-height: 1; }
        #modal-overlay .modal-window .modal-window-content #filedrag.dragover {
          border-color: #33a3c9; }
      #modal-overlay .modal-window .modal-window-content legend {
        font-size: 16px;
        font-size: 1rem; }
      #modal-overlay .modal-window .modal-window-content textarea {
        width: 100%;
        height: 200px;
        height: 12.5rem;
        font-size: 14px;
        font-size: 0.875rem; }
      #modal-overlay .modal-window .modal-window-content form {
        margin-bottom: 40px;
        margin-bottom: 2.5rem; }
        #modal-overlay .modal-window .modal-window-content form:last-child {
          margin-bottom: 0px;
          margin-bottom: 0rem; }
    #modal-overlay .modal-window .modal-close-button {
      display: block;
      width: 20px;
      width: 1.25rem;
      height: 20px;
      height: 1.25rem;
      font-weight: 500;
      cursor: pointer;
      position: absolute;
      top: 15px;
      top: 0.9375rem;
      right: 15px;
      right: 0.9375rem;
      color: #fff; }
  #modal-overlay.shown {
    opacity: 1.0;
    pointer-events: auto;
    transition: opacity 0.25s ease-in; }
  #modal-overlay .share {
    width: 500px; }
    #modal-overlay .share__fieldset {
      width: 95%; }
    #modal-overlay .share__fieldrow {
      padding-bottom: 10px; }
      #modal-overlay .share__fieldrow a {
        width: 100%; }
    #modal-overlay .share__item {
      display: table;
      padding-top: 20px; }
      #modal-overlay .share__item .input_caption {
        text-align: center;
        font-size: 12px;
        color: #4f4f4f;
        margin-left: -50px; }
      #modal-overlay .share__item__iconwrapper {
        display: table-cell;
        vertical-align: top;
        width: 50px;
        float: left;
        font-size: 30px;
        font-size: 1.875rem; }
        #modal-overlay .share__item__iconwrapper > span {
          padding-top: 20px; }
      #modal-overlay .share__item__content {
        vertical-align: top;
        display: table-cell; }
        #modal-overlay .share__item__content > input {
          text-align: center; }
      #modal-overlay .share__item.hidden {
        display: none; }
  @media (max-width: 560px) {
    #modal-overlay .overlay-form label.image-replace {
      top: 40%; } }
  @media (max-width: 560px) {
    #modal-overlay .overlay-form .hide-password {
      top: 40%;
      padding: 12px 15px; } }

.confirm-window {
  margin-bottom: 10px;
  margin-bottom: 0.625rem; }
  .confirm-window:after {
    clear: both;
    content: '';
    display: table; }
  .confirm-window--icon {
    font-size: 112px;
    font-size: 7rem;
    width: 112px;
    width: 7rem;
    float: left;
    color: #33a3c9; }
  .confirm-window--content {
    width: calc(100% - 7rem - 1.25rem);
    float: left;
    padding-left: 20px;
    padding-left: 1.25rem; }
    .confirm-window--content > div {
      width: 100%; }
  .confirm-window--question {
    margin-bottom: 10px;
    margin-bottom: 0.625rem; }
  .confirm-window--answers {
    text-align: left; }

.notice-window {
  margin-bottom: 10px;
  margin-bottom: 0.625rem; }
  .notice-window:after {
    clear: both;
    content: '';
    display: table; }
  .notice-window--icon {
    font-size: 112px;
    font-size: 7rem;
    width: 112px;
    width: 7rem;
    float: left;
    color: #33a3c9; }
    .notice-window--icon span.icon-cross {
      color: #fe6546; }
  .notice-window--content {
    width: calc(100% - 7rem - 1.25rem);
    float: left;
    padding-left: 20px;
    padding-left: 1.25rem; }
    .notice-window--content > div {
      width: 100%; }

.preview-container {
  max-height: 80%; }
  .preview-container .refs {
    display: none; }
  .preview-container .pagination {
    text-align: center; }
    .preview-container .pagination:after {
      clear: both;
      content: '';
      display: table; }
    .preview-container .pagination .prev {
      float: left; }
    .preview-container .pagination .next {
      float: right; }
    .preview-container .pagination button, .preview-container .pagination span {
      display: none; }
  .preview-container .prev,
  .preview-container .next {
    cursor: pointer; }
  .preview-container .preview .image-container {
    max-width: 600px;
    float: left; }
    .preview-container .preview .image-container .pdf-preview {
      max-width: 600px;
      width: auto;
      height: auto; }

.location {
  max-width: 920px; }
  @media (max-width: 1200px) {
    .location {
      max-width: 860px; } }
  @media (max-width: 1200px) {
    .location {
      max-width: 860px; } }
  @media (max-width: 800px) {
    .location {
      max-width: 660px; } }
  .location__row {
    margin: 0 -10px; }
    .location__row:after {
      clear: both;
      content: '';
      display: table; }
  .location__col {
    padding: 0 10px;
    float: left;
    width: 50%; }
    @media (max-width: 800px) {
      .location__col {
        float: none;
        width: 100%; } }
  .location__address {
    margin: 10px 0 30px 0;
    font-size: 20px;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600; }
  .location__website {
    margin: 30px 0; }
  .location__description {
    position: relative;
    max-height: 400px;
    overflow-y: scroll;
    padding: 20px;
    background: #f0f0f0; }
    @media (max-width: 800px) {
      .location__description {
        max-height: none;
        overflow-y: auto; } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes pulse {
  50% {
    background: white; } }

.loading-wrap {
  text-align: center;
  padding-top: 5em; }

.loading-wrap-confirm {
  float: right;
  margin: 20px 20px 20px 0px; }

.loading {
  display: inline-block;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  border: 4px solid #f0f0f0;
  border: 0.25rem solid #f0f0f0;
  border-top-color: #4f4f4f;
  animation: spin 1s infinite linear; }
  .loading--double {
    border-style: double;
    border-width: 8px;
    border-width: .5rem; }

.loading-pulse {
  position: relative;
  width: 9.5px;
  height: 38px;
  background: rgba(255, 255, 255, 0.2);
  animation: pulse 750ms infinite;
  animation-delay: 250ms; }
  .loading-pulse:before, .loading-pulse:after {
    content: '';
    position: absolute;
    display: block;
    height: 25.33333px;
    width: 9.5px;
    background: rgba(255, 255, 255, 0.2);
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    animation: pulse 750ms infinite; }
  .loading-pulse:before {
    left: -19px; }
  .loading-pulse:after {
    left: 19px;
    animation-delay: 500ms; }

.blog {
  padding: 23px;
  padding: 1.45rem;
  margin-bottom: 40px !important;
  margin-bottom: 2.5rem !important;
  border: 1px solid #ccc;
  background-size: contain;
  box-shadow: 3px 3px 18px 0px #616161; }
  .blog:after {
    clear: both;
    content: '';
    display: table; }
  .blog .short {
    font-weight: 600;
    padding: 0 !important;
    background: transparent !important; }
  .blog .date-and-author {
    display: none; }
  .blog p {
    font-size: 16px;
    font-size: 1.0rem; }

.datepickr-wrapper {
  display: inline-block;
  position: relative; }

.datepickr-calendar {
  font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color: #4f4f4f;
  color: #fff;
  border: 1px solid #f0f0f0;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100; }
  .datepickr-calendar .datepicker-months {
    background-color: #33a3c9;
    color: #fff;
    padding: 2px;
    text-align: center;
    font-size: 120%; }
  .datepickr-calendar .datepickr-prev-month,
  .datepickr-calendar .datepickr-next-month {
    color: #fff;
    text-decoration: none;
    padding: 0 .4em;
    border-radius: 4px;
    cursor: pointer; }
    .datepickr-calendar .datepickr-prev-month:hover,
    .datepickr-calendar .datepickr-next-month:hover {
      background-color: #fdf5ce;
      color: #c77405; }
  .datepickr-calendar .datepickr-prev-month {
    float: left; }
  .datepickr-calendar .datepickr-next-month {
    float: right; }
  .datepickr-calendar .datepickr-current-month {
    padding: 0 .5em; }
  .datepickr-calendar table {
    border-collapse: collapse;
    padding: 0;
    width: 100%; }
  .datepickr-calendar thead {
    font-size: 90%; }
  .datepickr-calendar th,
  .datepickr-calendar td {
    width: 14.3%; }
  .datepickr-calendar th {
    text-align: center;
    padding: 5px; }
  .datepickr-calendar td {
    text-align: right;
    padding: 1px; }
  .datepickr-calendar .datepickr-day {
    display: block;
    color: #444;
    background-color: #fff;
    padding: 3px 13px;
    cursor: pointer; }
    .datepickr-calendar .datepickr-day:hover {
      color: #fff;
      background-color: #fe6546; }
  .datepickr-calendar .today .datepickr-day {
    background-color: #f0f0f0;
    color: #4f4f4f; }
  .datepickr-calendar .selected .datepickr-day {
    background-color: #1c94c4;
    color: #f6f6f6; }
  .datepickr-calendar .disabled .datepickr-day,
  .datepickr-calendar .disabled .datepickr-day:hover {
    background-color: #eeeeee;
    border: 1px dotted #cccccc;
    color: #bbbbbb;
    cursor: default; }

.open .datepickr-calendar {
  display: block; }

.tx-locore-dossier-list .tx-locore-slot__li a {
  display: inline;
  margin: 0; }
  .tx-locore-dossier-list .tx-locore-slot__li a span {
    display: inline;
    margin: 0; }

.pid__9 .maincontent > .threecol > .col > .csc-default {
  margin-bottom: 2px; }

.form-horizontal .femanager_province,
.layout1 .femanager_province,
.tx-powermail .femanager_province,
.Tx-Formhandler .femanager_province {
  display: none; }

.form-horizontal fieldset,
.layout1 fieldset,
.tx-powermail fieldset,
.Tx-Formhandler fieldset {
  margin: 50px 0 30px 0;
  margin: 3.125rem 0 1.875rem 0;
  padding: 20px 0;
  padding: 1.25rem 0; }
  .form-horizontal fieldset legend,
  .layout1 fieldset legend,
  .tx-powermail fieldset legend,
  .Tx-Formhandler fieldset legend {
    position: relative;
    top: -32px;
    top: -2rem;
    font-weight: 500;
    width: 100%; }
    .form-horizontal fieldset legend span,
    .layout1 fieldset legend span,
    .tx-powermail fieldset legend span,
    .Tx-Formhandler fieldset legend span {
      font-weight: 400;
      display: block;
      width: 90%; }
    .form-horizontal fieldset legend .status,
    .layout1 fieldset legend .status,
    .tx-powermail fieldset legend .status,
    .Tx-Formhandler fieldset legend .status {
      position: absolute;
      right: 0;
      top: 0; }
      .form-horizontal fieldset legend .status:before,
      .layout1 fieldset legend .status:before,
      .tx-powermail fieldset legend .status:before,
      .Tx-Formhandler fieldset legend .status:before {
        font-size: 40px;
        font-size: 2.5rem;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: #4f4f4f; }
      .form-horizontal fieldset legend .status.ok:before,
      .layout1 fieldset legend .status.ok:before,
      .tx-powermail fieldset legend .status.ok:before,
      .Tx-Formhandler fieldset legend .status.ok:before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: #33a3c9; }

.form-horizontal .femanager_fieldset,
.form-horizontal .powermail_fieldwrap,
.layout1 .femanager_fieldset,
.layout1 .powermail_fieldwrap,
.tx-powermail .femanager_fieldset,
.tx-powermail .powermail_fieldwrap,
.Tx-Formhandler .femanager_fieldset,
.Tx-Formhandler .powermail_fieldwrap {
  margin-bottom: 20px;
  margin-bottom: 1.25rem; }
  .form-horizontal .femanager_fieldset:after,
  .form-horizontal .powermail_fieldwrap:after,
  .layout1 .femanager_fieldset:after,
  .layout1 .powermail_fieldwrap:after,
  .tx-powermail .femanager_fieldset:after,
  .tx-powermail .powermail_fieldwrap:after,
  .Tx-Formhandler .femanager_fieldset:after,
  .Tx-Formhandler .powermail_fieldwrap:after {
    clear: both;
    content: '';
    display: table; }
  .form-horizontal .femanager_fieldset:last-child,
  .form-horizontal .powermail_fieldwrap:last-child,
  .layout1 .femanager_fieldset:last-child,
  .layout1 .powermail_fieldwrap:last-child,
  .tx-powermail .femanager_fieldset:last-child,
  .tx-powermail .powermail_fieldwrap:last-child,
  .Tx-Formhandler .femanager_fieldset:last-child,
  .Tx-Formhandler .powermail_fieldwrap:last-child {
    margin-bottom: 0px;
    margin-bottom: 0rem; }
  .form-horizontal .femanager_fieldset label,
  .form-horizontal .powermail_fieldwrap label,
  .layout1 .femanager_fieldset label,
  .layout1 .powermail_fieldwrap label,
  .tx-powermail .femanager_fieldset label,
  .tx-powermail .powermail_fieldwrap label,
  .Tx-Formhandler .femanager_fieldset label,
  .Tx-Formhandler .powermail_fieldwrap label {
    display: block;
    width: 150px;
    width: 9.375rem;
    text-align: right;
    margin-right: 20px;
    margin-right: 1.25rem;
    float: left; }
    @media (max-width: 560px) {
      .form-horizontal .femanager_fieldset label,
      .form-horizontal .powermail_fieldwrap label,
      .layout1 .femanager_fieldset label,
      .layout1 .powermail_fieldwrap label,
      .tx-powermail .femanager_fieldset label,
      .tx-powermail .powermail_fieldwrap label,
      .Tx-Formhandler .femanager_fieldset label,
      .Tx-Formhandler .powermail_fieldwrap label {
        float: none;
        text-align: left; } }
  .form-horizontal .femanager_fieldset .control-label,
  .form-horizontal .powermail_fieldwrap .control-label,
  .layout1 .femanager_fieldset .control-label,
  .layout1 .powermail_fieldwrap .control-label,
  .tx-powermail .femanager_fieldset .control-label,
  .tx-powermail .powermail_fieldwrap .control-label,
  .Tx-Formhandler .femanager_fieldset .control-label,
  .Tx-Formhandler .powermail_fieldwrap .control-label {
    padding-top: 6px;
    padding-top: .375rem; }
  .form-horizontal .femanager_fieldset .controls,
  .form-horizontal .femanager_fieldset .powermail_input,
  .form-horizontal .powermail_fieldwrap .controls,
  .form-horizontal .powermail_fieldwrap .powermail_input,
  .layout1 .femanager_fieldset .controls,
  .layout1 .femanager_fieldset .powermail_input,
  .layout1 .powermail_fieldwrap .controls,
  .layout1 .powermail_fieldwrap .powermail_input,
  .tx-powermail .femanager_fieldset .controls,
  .tx-powermail .femanager_fieldset .powermail_input,
  .tx-powermail .powermail_fieldwrap .controls,
  .tx-powermail .powermail_fieldwrap .powermail_input,
  .Tx-Formhandler .femanager_fieldset .controls,
  .Tx-Formhandler .femanager_fieldset .powermail_input,
  .Tx-Formhandler .powermail_fieldwrap .controls,
  .Tx-Formhandler .powermail_fieldwrap .powermail_input {
    display: block;
    width: calc(100% - 9.375rem - 1.25rem);
    float: right; }
    @media (max-width: 560px) {
      .form-horizontal .femanager_fieldset .controls,
      .form-horizontal .femanager_fieldset .powermail_input,
      .form-horizontal .powermail_fieldwrap .controls,
      .form-horizontal .powermail_fieldwrap .powermail_input,
      .layout1 .femanager_fieldset .controls,
      .layout1 .femanager_fieldset .powermail_input,
      .layout1 .powermail_fieldwrap .controls,
      .layout1 .powermail_fieldwrap .powermail_input,
      .tx-powermail .femanager_fieldset .controls,
      .tx-powermail .femanager_fieldset .powermail_input,
      .tx-powermail .powermail_fieldwrap .controls,
      .tx-powermail .powermail_fieldwrap .powermail_input,
      .Tx-Formhandler .femanager_fieldset .controls,
      .Tx-Formhandler .femanager_fieldset .powermail_input,
      .Tx-Formhandler .powermail_fieldwrap .controls,
      .Tx-Formhandler .powermail_fieldwrap .powermail_input {
        float: none;
        width: 100%; } }
    .form-horizontal .femanager_fieldset .controls .errormsg,
    .form-horizontal .femanager_fieldset .powermail_input .errormsg,
    .form-horizontal .powermail_fieldwrap .controls .errormsg,
    .form-horizontal .powermail_fieldwrap .powermail_input .errormsg,
    .layout1 .femanager_fieldset .controls .errormsg,
    .layout1 .femanager_fieldset .powermail_input .errormsg,
    .layout1 .powermail_fieldwrap .controls .errormsg,
    .layout1 .powermail_fieldwrap .powermail_input .errormsg,
    .tx-powermail .femanager_fieldset .controls .errormsg,
    .tx-powermail .femanager_fieldset .powermail_input .errormsg,
    .tx-powermail .powermail_fieldwrap .controls .errormsg,
    .tx-powermail .powermail_fieldwrap .powermail_input .errormsg,
    .Tx-Formhandler .femanager_fieldset .controls .errormsg,
    .Tx-Formhandler .femanager_fieldset .powermail_input .errormsg,
    .Tx-Formhandler .powermail_fieldwrap .controls .errormsg,
    .Tx-Formhandler .powermail_fieldwrap .powermail_input .errormsg {
      display: none;
      color: #fe6546; }
    .form-horizontal .femanager_fieldset .controls.validation-notEmpty-failed .errormsg,
    .form-horizontal .femanager_fieldset .powermail_input.validation-notEmpty-failed .errormsg,
    .form-horizontal .powermail_fieldwrap .controls.validation-notEmpty-failed .errormsg,
    .form-horizontal .powermail_fieldwrap .powermail_input.validation-notEmpty-failed .errormsg,
    .layout1 .femanager_fieldset .controls.validation-notEmpty-failed .errormsg,
    .layout1 .femanager_fieldset .powermail_input.validation-notEmpty-failed .errormsg,
    .layout1 .powermail_fieldwrap .controls.validation-notEmpty-failed .errormsg,
    .layout1 .powermail_fieldwrap .powermail_input.validation-notEmpty-failed .errormsg,
    .tx-powermail .femanager_fieldset .controls.validation-notEmpty-failed .errormsg,
    .tx-powermail .femanager_fieldset .powermail_input.validation-notEmpty-failed .errormsg,
    .tx-powermail .powermail_fieldwrap .controls.validation-notEmpty-failed .errormsg,
    .tx-powermail .powermail_fieldwrap .powermail_input.validation-notEmpty-failed .errormsg,
    .Tx-Formhandler .femanager_fieldset .controls.validation-notEmpty-failed .errormsg,
    .Tx-Formhandler .femanager_fieldset .powermail_input.validation-notEmpty-failed .errormsg,
    .Tx-Formhandler .powermail_fieldwrap .controls.validation-notEmpty-failed .errormsg,
    .Tx-Formhandler .powermail_fieldwrap .powermail_input.validation-notEmpty-failed .errormsg {
      display: block; }
    .form-horizontal .femanager_fieldset .controls input,
    .form-horizontal .femanager_fieldset .controls textarea,
    .form-horizontal .femanager_fieldset .controls select,
    .form-horizontal .femanager_fieldset .powermail_input input,
    .form-horizontal .femanager_fieldset .powermail_input textarea,
    .form-horizontal .femanager_fieldset .powermail_input select,
    .form-horizontal .powermail_fieldwrap .controls input,
    .form-horizontal .powermail_fieldwrap .controls textarea,
    .form-horizontal .powermail_fieldwrap .controls select,
    .form-horizontal .powermail_fieldwrap .powermail_input input,
    .form-horizontal .powermail_fieldwrap .powermail_input textarea,
    .form-horizontal .powermail_fieldwrap .powermail_input select,
    .layout1 .femanager_fieldset .controls input,
    .layout1 .femanager_fieldset .controls textarea,
    .layout1 .femanager_fieldset .controls select,
    .layout1 .femanager_fieldset .powermail_input input,
    .layout1 .femanager_fieldset .powermail_input textarea,
    .layout1 .femanager_fieldset .powermail_input select,
    .layout1 .powermail_fieldwrap .controls input,
    .layout1 .powermail_fieldwrap .controls textarea,
    .layout1 .powermail_fieldwrap .controls select,
    .layout1 .powermail_fieldwrap .powermail_input input,
    .layout1 .powermail_fieldwrap .powermail_input textarea,
    .layout1 .powermail_fieldwrap .powermail_input select,
    .tx-powermail .femanager_fieldset .controls input,
    .tx-powermail .femanager_fieldset .controls textarea,
    .tx-powermail .femanager_fieldset .controls select,
    .tx-powermail .femanager_fieldset .powermail_input input,
    .tx-powermail .femanager_fieldset .powermail_input textarea,
    .tx-powermail .femanager_fieldset .powermail_input select,
    .tx-powermail .powermail_fieldwrap .controls input,
    .tx-powermail .powermail_fieldwrap .controls textarea,
    .tx-powermail .powermail_fieldwrap .controls select,
    .tx-powermail .powermail_fieldwrap .powermail_input input,
    .tx-powermail .powermail_fieldwrap .powermail_input textarea,
    .tx-powermail .powermail_fieldwrap .powermail_input select,
    .Tx-Formhandler .femanager_fieldset .controls input,
    .Tx-Formhandler .femanager_fieldset .controls textarea,
    .Tx-Formhandler .femanager_fieldset .controls select,
    .Tx-Formhandler .femanager_fieldset .powermail_input input,
    .Tx-Formhandler .femanager_fieldset .powermail_input textarea,
    .Tx-Formhandler .femanager_fieldset .powermail_input select,
    .Tx-Formhandler .powermail_fieldwrap .controls input,
    .Tx-Formhandler .powermail_fieldwrap .controls textarea,
    .Tx-Formhandler .powermail_fieldwrap .controls select,
    .Tx-Formhandler .powermail_fieldwrap .powermail_input input,
    .Tx-Formhandler .powermail_fieldwrap .powermail_input textarea,
    .Tx-Formhandler .powermail_fieldwrap .powermail_input select {
      display: inline-block;
      border-radius: 0; }
    .form-horizontal .femanager_fieldset .controls input[type="text"],
    .form-horizontal .femanager_fieldset .controls input[type="password"],
    .form-horizontal .femanager_fieldset .controls textarea,
    .form-horizontal .femanager_fieldset .controls select,
    .form-horizontal .femanager_fieldset .powermail_input input[type="text"],
    .form-horizontal .femanager_fieldset .powermail_input input[type="password"],
    .form-horizontal .femanager_fieldset .powermail_input textarea,
    .form-horizontal .femanager_fieldset .powermail_input select,
    .form-horizontal .powermail_fieldwrap .controls input[type="text"],
    .form-horizontal .powermail_fieldwrap .controls input[type="password"],
    .form-horizontal .powermail_fieldwrap .controls textarea,
    .form-horizontal .powermail_fieldwrap .controls select,
    .form-horizontal .powermail_fieldwrap .powermail_input input[type="text"],
    .form-horizontal .powermail_fieldwrap .powermail_input input[type="password"],
    .form-horizontal .powermail_fieldwrap .powermail_input textarea,
    .form-horizontal .powermail_fieldwrap .powermail_input select,
    .layout1 .femanager_fieldset .controls input[type="text"],
    .layout1 .femanager_fieldset .controls input[type="password"],
    .layout1 .femanager_fieldset .controls textarea,
    .layout1 .femanager_fieldset .controls select,
    .layout1 .femanager_fieldset .powermail_input input[type="text"],
    .layout1 .femanager_fieldset .powermail_input input[type="password"],
    .layout1 .femanager_fieldset .powermail_input textarea,
    .layout1 .femanager_fieldset .powermail_input select,
    .layout1 .powermail_fieldwrap .controls input[type="text"],
    .layout1 .powermail_fieldwrap .controls input[type="password"],
    .layout1 .powermail_fieldwrap .controls textarea,
    .layout1 .powermail_fieldwrap .controls select,
    .layout1 .powermail_fieldwrap .powermail_input input[type="text"],
    .layout1 .powermail_fieldwrap .powermail_input input[type="password"],
    .layout1 .powermail_fieldwrap .powermail_input textarea,
    .layout1 .powermail_fieldwrap .powermail_input select,
    .tx-powermail .femanager_fieldset .controls input[type="text"],
    .tx-powermail .femanager_fieldset .controls input[type="password"],
    .tx-powermail .femanager_fieldset .controls textarea,
    .tx-powermail .femanager_fieldset .controls select,
    .tx-powermail .femanager_fieldset .powermail_input input[type="text"],
    .tx-powermail .femanager_fieldset .powermail_input input[type="password"],
    .tx-powermail .femanager_fieldset .powermail_input textarea,
    .tx-powermail .femanager_fieldset .powermail_input select,
    .tx-powermail .powermail_fieldwrap .controls input[type="text"],
    .tx-powermail .powermail_fieldwrap .controls input[type="password"],
    .tx-powermail .powermail_fieldwrap .controls textarea,
    .tx-powermail .powermail_fieldwrap .controls select,
    .tx-powermail .powermail_fieldwrap .powermail_input input[type="text"],
    .tx-powermail .powermail_fieldwrap .powermail_input input[type="password"],
    .tx-powermail .powermail_fieldwrap .powermail_input textarea,
    .tx-powermail .powermail_fieldwrap .powermail_input select,
    .Tx-Formhandler .femanager_fieldset .controls input[type="text"],
    .Tx-Formhandler .femanager_fieldset .controls input[type="password"],
    .Tx-Formhandler .femanager_fieldset .controls textarea,
    .Tx-Formhandler .femanager_fieldset .controls select,
    .Tx-Formhandler .femanager_fieldset .powermail_input input[type="text"],
    .Tx-Formhandler .femanager_fieldset .powermail_input input[type="password"],
    .Tx-Formhandler .femanager_fieldset .powermail_input textarea,
    .Tx-Formhandler .femanager_fieldset .powermail_input select,
    .Tx-Formhandler .powermail_fieldwrap .controls input[type="text"],
    .Tx-Formhandler .powermail_fieldwrap .controls input[type="password"],
    .Tx-Formhandler .powermail_fieldwrap .controls textarea,
    .Tx-Formhandler .powermail_fieldwrap .controls select,
    .Tx-Formhandler .powermail_fieldwrap .powermail_input input[type="text"],
    .Tx-Formhandler .powermail_fieldwrap .powermail_input input[type="password"],
    .Tx-Formhandler .powermail_fieldwrap .powermail_input textarea,
    .Tx-Formhandler .powermail_fieldwrap .powermail_input select {
      width: 100%;
      background: none;
      border: 1px solid #f0f0f0; }
      .form-horizontal .femanager_fieldset .controls input[type="text"].zip,
      .form-horizontal .femanager_fieldset .controls input[type="password"].zip,
      .form-horizontal .femanager_fieldset .controls textarea.zip,
      .form-horizontal .femanager_fieldset .controls select.zip,
      .form-horizontal .femanager_fieldset .powermail_input input[type="text"].zip,
      .form-horizontal .femanager_fieldset .powermail_input input[type="password"].zip,
      .form-horizontal .femanager_fieldset .powermail_input textarea.zip,
      .form-horizontal .femanager_fieldset .powermail_input select.zip,
      .form-horizontal .powermail_fieldwrap .controls input[type="text"].zip,
      .form-horizontal .powermail_fieldwrap .controls input[type="password"].zip,
      .form-horizontal .powermail_fieldwrap .controls textarea.zip,
      .form-horizontal .powermail_fieldwrap .controls select.zip,
      .form-horizontal .powermail_fieldwrap .powermail_input input[type="text"].zip,
      .form-horizontal .powermail_fieldwrap .powermail_input input[type="password"].zip,
      .form-horizontal .powermail_fieldwrap .powermail_input textarea.zip,
      .form-horizontal .powermail_fieldwrap .powermail_input select.zip,
      .layout1 .femanager_fieldset .controls input[type="text"].zip,
      .layout1 .femanager_fieldset .controls input[type="password"].zip,
      .layout1 .femanager_fieldset .controls textarea.zip,
      .layout1 .femanager_fieldset .controls select.zip,
      .layout1 .femanager_fieldset .powermail_input input[type="text"].zip,
      .layout1 .femanager_fieldset .powermail_input input[type="password"].zip,
      .layout1 .femanager_fieldset .powermail_input textarea.zip,
      .layout1 .femanager_fieldset .powermail_input select.zip,
      .layout1 .powermail_fieldwrap .controls input[type="text"].zip,
      .layout1 .powermail_fieldwrap .controls input[type="password"].zip,
      .layout1 .powermail_fieldwrap .controls textarea.zip,
      .layout1 .powermail_fieldwrap .controls select.zip,
      .layout1 .powermail_fieldwrap .powermail_input input[type="text"].zip,
      .layout1 .powermail_fieldwrap .powermail_input input[type="password"].zip,
      .layout1 .powermail_fieldwrap .powermail_input textarea.zip,
      .layout1 .powermail_fieldwrap .powermail_input select.zip,
      .tx-powermail .femanager_fieldset .controls input[type="text"].zip,
      .tx-powermail .femanager_fieldset .controls input[type="password"].zip,
      .tx-powermail .femanager_fieldset .controls textarea.zip,
      .tx-powermail .femanager_fieldset .controls select.zip,
      .tx-powermail .femanager_fieldset .powermail_input input[type="text"].zip,
      .tx-powermail .femanager_fieldset .powermail_input input[type="password"].zip,
      .tx-powermail .femanager_fieldset .powermail_input textarea.zip,
      .tx-powermail .femanager_fieldset .powermail_input select.zip,
      .tx-powermail .powermail_fieldwrap .controls input[type="text"].zip,
      .tx-powermail .powermail_fieldwrap .controls input[type="password"].zip,
      .tx-powermail .powermail_fieldwrap .controls textarea.zip,
      .tx-powermail .powermail_fieldwrap .controls select.zip,
      .tx-powermail .powermail_fieldwrap .powermail_input input[type="text"].zip,
      .tx-powermail .powermail_fieldwrap .powermail_input input[type="password"].zip,
      .tx-powermail .powermail_fieldwrap .powermail_input textarea.zip,
      .tx-powermail .powermail_fieldwrap .powermail_input select.zip,
      .Tx-Formhandler .femanager_fieldset .controls input[type="text"].zip,
      .Tx-Formhandler .femanager_fieldset .controls input[type="password"].zip,
      .Tx-Formhandler .femanager_fieldset .controls textarea.zip,
      .Tx-Formhandler .femanager_fieldset .controls select.zip,
      .Tx-Formhandler .femanager_fieldset .powermail_input input[type="text"].zip,
      .Tx-Formhandler .femanager_fieldset .powermail_input input[type="password"].zip,
      .Tx-Formhandler .femanager_fieldset .powermail_input textarea.zip,
      .Tx-Formhandler .femanager_fieldset .powermail_input select.zip,
      .Tx-Formhandler .powermail_fieldwrap .controls input[type="text"].zip,
      .Tx-Formhandler .powermail_fieldwrap .controls input[type="password"].zip,
      .Tx-Formhandler .powermail_fieldwrap .controls textarea.zip,
      .Tx-Formhandler .powermail_fieldwrap .controls select.zip,
      .Tx-Formhandler .powermail_fieldwrap .powermail_input input[type="text"].zip,
      .Tx-Formhandler .powermail_fieldwrap .powermail_input input[type="password"].zip,
      .Tx-Formhandler .powermail_fieldwrap .powermail_input textarea.zip,
      .Tx-Formhandler .powermail_fieldwrap .powermail_input select.zip {
        width: 80px;
        width: 5rem;
        margin-right: 10px;
        margin-right: 0.625rem; }
      .form-horizontal .femanager_fieldset .controls input[type="text"].city,
      .form-horizontal .femanager_fieldset .controls input[type="password"].city,
      .form-horizontal .femanager_fieldset .controls textarea.city,
      .form-horizontal .femanager_fieldset .controls select.city,
      .form-horizontal .femanager_fieldset .powermail_input input[type="text"].city,
      .form-horizontal .femanager_fieldset .powermail_input input[type="password"].city,
      .form-horizontal .femanager_fieldset .powermail_input textarea.city,
      .form-horizontal .femanager_fieldset .powermail_input select.city,
      .form-horizontal .powermail_fieldwrap .controls input[type="text"].city,
      .form-horizontal .powermail_fieldwrap .controls input[type="password"].city,
      .form-horizontal .powermail_fieldwrap .controls textarea.city,
      .form-horizontal .powermail_fieldwrap .controls select.city,
      .form-horizontal .powermail_fieldwrap .powermail_input input[type="text"].city,
      .form-horizontal .powermail_fieldwrap .powermail_input input[type="password"].city,
      .form-horizontal .powermail_fieldwrap .powermail_input textarea.city,
      .form-horizontal .powermail_fieldwrap .powermail_input select.city,
      .layout1 .femanager_fieldset .controls input[type="text"].city,
      .layout1 .femanager_fieldset .controls input[type="password"].city,
      .layout1 .femanager_fieldset .controls textarea.city,
      .layout1 .femanager_fieldset .controls select.city,
      .layout1 .femanager_fieldset .powermail_input input[type="text"].city,
      .layout1 .femanager_fieldset .powermail_input input[type="password"].city,
      .layout1 .femanager_fieldset .powermail_input textarea.city,
      .layout1 .femanager_fieldset .powermail_input select.city,
      .layout1 .powermail_fieldwrap .controls input[type="text"].city,
      .layout1 .powermail_fieldwrap .controls input[type="password"].city,
      .layout1 .powermail_fieldwrap .controls textarea.city,
      .layout1 .powermail_fieldwrap .controls select.city,
      .layout1 .powermail_fieldwrap .powermail_input input[type="text"].city,
      .layout1 .powermail_fieldwrap .powermail_input input[type="password"].city,
      .layout1 .powermail_fieldwrap .powermail_input textarea.city,
      .layout1 .powermail_fieldwrap .powermail_input select.city,
      .tx-powermail .femanager_fieldset .controls input[type="text"].city,
      .tx-powermail .femanager_fieldset .controls input[type="password"].city,
      .tx-powermail .femanager_fieldset .controls textarea.city,
      .tx-powermail .femanager_fieldset .controls select.city,
      .tx-powermail .femanager_fieldset .powermail_input input[type="text"].city,
      .tx-powermail .femanager_fieldset .powermail_input input[type="password"].city,
      .tx-powermail .femanager_fieldset .powermail_input textarea.city,
      .tx-powermail .femanager_fieldset .powermail_input select.city,
      .tx-powermail .powermail_fieldwrap .controls input[type="text"].city,
      .tx-powermail .powermail_fieldwrap .controls input[type="password"].city,
      .tx-powermail .powermail_fieldwrap .controls textarea.city,
      .tx-powermail .powermail_fieldwrap .controls select.city,
      .tx-powermail .powermail_fieldwrap .powermail_input input[type="text"].city,
      .tx-powermail .powermail_fieldwrap .powermail_input input[type="password"].city,
      .tx-powermail .powermail_fieldwrap .powermail_input textarea.city,
      .tx-powermail .powermail_fieldwrap .powermail_input select.city,
      .Tx-Formhandler .femanager_fieldset .controls input[type="text"].city,
      .Tx-Formhandler .femanager_fieldset .controls input[type="password"].city,
      .Tx-Formhandler .femanager_fieldset .controls textarea.city,
      .Tx-Formhandler .femanager_fieldset .controls select.city,
      .Tx-Formhandler .femanager_fieldset .powermail_input input[type="text"].city,
      .Tx-Formhandler .femanager_fieldset .powermail_input input[type="password"].city,
      .Tx-Formhandler .femanager_fieldset .powermail_input textarea.city,
      .Tx-Formhandler .femanager_fieldset .powermail_input select.city,
      .Tx-Formhandler .powermail_fieldwrap .controls input[type="text"].city,
      .Tx-Formhandler .powermail_fieldwrap .controls input[type="password"].city,
      .Tx-Formhandler .powermail_fieldwrap .controls textarea.city,
      .Tx-Formhandler .powermail_fieldwrap .controls select.city,
      .Tx-Formhandler .powermail_fieldwrap .powermail_input input[type="text"].city,
      .Tx-Formhandler .powermail_fieldwrap .powermail_input input[type="password"].city,
      .Tx-Formhandler .powermail_fieldwrap .powermail_input textarea.city,
      .Tx-Formhandler .powermail_fieldwrap .powermail_input select.city {
        width: calc(100% - 5rem - 0.875rem); }
      .form-horizontal .femanager_fieldset .controls input[type="text"].error,
      .form-horizontal .femanager_fieldset .controls input[type="password"].error,
      .form-horizontal .femanager_fieldset .controls textarea.error,
      .form-horizontal .femanager_fieldset .controls select.error,
      .form-horizontal .femanager_fieldset .powermail_input input[type="text"].error,
      .form-horizontal .femanager_fieldset .powermail_input input[type="password"].error,
      .form-horizontal .femanager_fieldset .powermail_input textarea.error,
      .form-horizontal .femanager_fieldset .powermail_input select.error,
      .form-horizontal .powermail_fieldwrap .controls input[type="text"].error,
      .form-horizontal .powermail_fieldwrap .controls input[type="password"].error,
      .form-horizontal .powermail_fieldwrap .controls textarea.error,
      .form-horizontal .powermail_fieldwrap .controls select.error,
      .form-horizontal .powermail_fieldwrap .powermail_input input[type="text"].error,
      .form-horizontal .powermail_fieldwrap .powermail_input input[type="password"].error,
      .form-horizontal .powermail_fieldwrap .powermail_input textarea.error,
      .form-horizontal .powermail_fieldwrap .powermail_input select.error,
      .layout1 .femanager_fieldset .controls input[type="text"].error,
      .layout1 .femanager_fieldset .controls input[type="password"].error,
      .layout1 .femanager_fieldset .controls textarea.error,
      .layout1 .femanager_fieldset .controls select.error,
      .layout1 .femanager_fieldset .powermail_input input[type="text"].error,
      .layout1 .femanager_fieldset .powermail_input input[type="password"].error,
      .layout1 .femanager_fieldset .powermail_input textarea.error,
      .layout1 .femanager_fieldset .powermail_input select.error,
      .layout1 .powermail_fieldwrap .controls input[type="text"].error,
      .layout1 .powermail_fieldwrap .controls input[type="password"].error,
      .layout1 .powermail_fieldwrap .controls textarea.error,
      .layout1 .powermail_fieldwrap .controls select.error,
      .layout1 .powermail_fieldwrap .powermail_input input[type="text"].error,
      .layout1 .powermail_fieldwrap .powermail_input input[type="password"].error,
      .layout1 .powermail_fieldwrap .powermail_input textarea.error,
      .layout1 .powermail_fieldwrap .powermail_input select.error,
      .tx-powermail .femanager_fieldset .controls input[type="text"].error,
      .tx-powermail .femanager_fieldset .controls input[type="password"].error,
      .tx-powermail .femanager_fieldset .controls textarea.error,
      .tx-powermail .femanager_fieldset .controls select.error,
      .tx-powermail .femanager_fieldset .powermail_input input[type="text"].error,
      .tx-powermail .femanager_fieldset .powermail_input input[type="password"].error,
      .tx-powermail .femanager_fieldset .powermail_input textarea.error,
      .tx-powermail .femanager_fieldset .powermail_input select.error,
      .tx-powermail .powermail_fieldwrap .controls input[type="text"].error,
      .tx-powermail .powermail_fieldwrap .controls input[type="password"].error,
      .tx-powermail .powermail_fieldwrap .controls textarea.error,
      .tx-powermail .powermail_fieldwrap .controls select.error,
      .tx-powermail .powermail_fieldwrap .powermail_input input[type="text"].error,
      .tx-powermail .powermail_fieldwrap .powermail_input input[type="password"].error,
      .tx-powermail .powermail_fieldwrap .powermail_input textarea.error,
      .tx-powermail .powermail_fieldwrap .powermail_input select.error,
      .Tx-Formhandler .femanager_fieldset .controls input[type="text"].error,
      .Tx-Formhandler .femanager_fieldset .controls input[type="password"].error,
      .Tx-Formhandler .femanager_fieldset .controls textarea.error,
      .Tx-Formhandler .femanager_fieldset .controls select.error,
      .Tx-Formhandler .femanager_fieldset .powermail_input input[type="text"].error,
      .Tx-Formhandler .femanager_fieldset .powermail_input input[type="password"].error,
      .Tx-Formhandler .femanager_fieldset .powermail_input textarea.error,
      .Tx-Formhandler .femanager_fieldset .powermail_input select.error,
      .Tx-Formhandler .powermail_fieldwrap .controls input[type="text"].error,
      .Tx-Formhandler .powermail_fieldwrap .controls input[type="password"].error,
      .Tx-Formhandler .powermail_fieldwrap .controls textarea.error,
      .Tx-Formhandler .powermail_fieldwrap .controls select.error,
      .Tx-Formhandler .powermail_fieldwrap .powermail_input input[type="text"].error,
      .Tx-Formhandler .powermail_fieldwrap .powermail_input input[type="password"].error,
      .Tx-Formhandler .powermail_fieldwrap .powermail_input textarea.error,
      .Tx-Formhandler .powermail_fieldwrap .powermail_input select.error {
        border: 1px solid rgba(254, 101, 70, 0.6);
        background-color: rgba(254, 101, 70, 0.1); }
    .form-horizontal .femanager_fieldset .controls label,
    .form-horizontal .femanager_fieldset .powermail_input label,
    .form-horizontal .powermail_fieldwrap .controls label,
    .form-horizontal .powermail_fieldwrap .powermail_input label,
    .layout1 .femanager_fieldset .controls label,
    .layout1 .femanager_fieldset .powermail_input label,
    .layout1 .powermail_fieldwrap .controls label,
    .layout1 .powermail_fieldwrap .powermail_input label,
    .tx-powermail .femanager_fieldset .controls label,
    .tx-powermail .femanager_fieldset .powermail_input label,
    .tx-powermail .powermail_fieldwrap .controls label,
    .tx-powermail .powermail_fieldwrap .powermail_input label,
    .Tx-Formhandler .femanager_fieldset .controls label,
    .Tx-Formhandler .femanager_fieldset .powermail_input label,
    .Tx-Formhandler .powermail_fieldwrap .controls label,
    .Tx-Formhandler .powermail_fieldwrap .powermail_input label {
      text-align: left;
      width: auto; }
  .form-horizontal .femanager_fieldset.femanager_interests,
  .form-horizontal .powermail_fieldwrap.femanager_interests,
  .layout1 .femanager_fieldset.femanager_interests,
  .layout1 .powermail_fieldwrap.femanager_interests,
  .tx-powermail .femanager_fieldset.femanager_interests,
  .tx-powermail .powermail_fieldwrap.femanager_interests,
  .Tx-Formhandler .femanager_fieldset.femanager_interests,
  .Tx-Formhandler .powermail_fieldwrap.femanager_interests {
    background-color: #f0f0f0; }
    .form-horizontal .femanager_fieldset.femanager_interests header label,
    .form-horizontal .powermail_fieldwrap.femanager_interests header label,
    .layout1 .femanager_fieldset.femanager_interests header label,
    .layout1 .powermail_fieldwrap.femanager_interests header label,
    .tx-powermail .femanager_fieldset.femanager_interests header label,
    .tx-powermail .powermail_fieldwrap.femanager_interests header label,
    .Tx-Formhandler .femanager_fieldset.femanager_interests header label,
    .Tx-Formhandler .powermail_fieldwrap.femanager_interests header label {
      float: none;
      display: block;
      position: absolute;
      left: 170px;
      left: 10.625rem;
      top: 10px;
      top: 0.625rem;
      width: 240px;
      width: 15rem;
      text-align: left; }
    .form-horizontal .femanager_fieldset.femanager_interests .controls label,
    .form-horizontal .powermail_fieldwrap.femanager_interests .controls label,
    .layout1 .femanager_fieldset.femanager_interests .controls label,
    .layout1 .powermail_fieldwrap.femanager_interests .controls label,
    .tx-powermail .femanager_fieldset.femanager_interests .controls label,
    .tx-powermail .powermail_fieldwrap.femanager_interests .controls label,
    .Tx-Formhandler .femanager_fieldset.femanager_interests .controls label,
    .Tx-Formhandler .powermail_fieldwrap.femanager_interests .controls label {
      font-weight: 400;
      float: none; }
      @media (max-width: 560px) {
        .form-horizontal .femanager_fieldset.femanager_interests .controls label input,
        .form-horizontal .powermail_fieldwrap.femanager_interests .controls label input,
        .layout1 .femanager_fieldset.femanager_interests .controls label input,
        .layout1 .powermail_fieldwrap.femanager_interests .controls label input,
        .tx-powermail .femanager_fieldset.femanager_interests .controls label input,
        .tx-powermail .powermail_fieldwrap.femanager_interests .controls label input,
        .Tx-Formhandler .femanager_fieldset.femanager_interests .controls label input,
        .Tx-Formhandler .powermail_fieldwrap.femanager_interests .controls label input {
          float: right; } }
  .form-horizontal .femanager_fieldset.checkbox-long-text,
  .form-horizontal .powermail_fieldwrap.checkbox-long-text,
  .layout1 .femanager_fieldset.checkbox-long-text,
  .layout1 .powermail_fieldwrap.checkbox-long-text,
  .tx-powermail .femanager_fieldset.checkbox-long-text,
  .tx-powermail .powermail_fieldwrap.checkbox-long-text,
  .Tx-Formhandler .femanager_fieldset.checkbox-long-text,
  .Tx-Formhandler .powermail_fieldwrap.checkbox-long-text {
    position: relative; }
    .form-horizontal .femanager_fieldset.checkbox-long-text input,
    .form-horizontal .powermail_fieldwrap.checkbox-long-text input,
    .layout1 .femanager_fieldset.checkbox-long-text input,
    .layout1 .powermail_fieldwrap.checkbox-long-text input,
    .tx-powermail .femanager_fieldset.checkbox-long-text input,
    .tx-powermail .powermail_fieldwrap.checkbox-long-text input,
    .Tx-Formhandler .femanager_fieldset.checkbox-long-text input,
    .Tx-Formhandler .powermail_fieldwrap.checkbox-long-text input {
      position: absolute;
      left: 0;
      top: 1px; }
    .form-horizontal .femanager_fieldset.checkbox-long-text label,
    .form-horizontal .powermail_fieldwrap.checkbox-long-text label,
    .layout1 .femanager_fieldset.checkbox-long-text label,
    .layout1 .powermail_fieldwrap.checkbox-long-text label,
    .tx-powermail .femanager_fieldset.checkbox-long-text label,
    .tx-powermail .powermail_fieldwrap.checkbox-long-text label,
    .Tx-Formhandler .femanager_fieldset.checkbox-long-text label,
    .Tx-Formhandler .powermail_fieldwrap.checkbox-long-text label {
      width: auto;
      float: none;
      padding: 0 0 0 25px;
      text-align: left; }
  .form-horizontal .femanager_fieldset .powermail_submit,
  .form-horizontal .femanager_fieldset .csc-mailform-field input[type='submit'],
  .form-horizontal .powermail_fieldwrap .powermail_submit,
  .form-horizontal .powermail_fieldwrap .csc-mailform-field input[type='submit'],
  .layout1 .femanager_fieldset .powermail_submit,
  .layout1 .femanager_fieldset .csc-mailform-field input[type='submit'],
  .layout1 .powermail_fieldwrap .powermail_submit,
  .layout1 .powermail_fieldwrap .csc-mailform-field input[type='submit'],
  .tx-powermail .femanager_fieldset .powermail_submit,
  .tx-powermail .femanager_fieldset .csc-mailform-field input[type='submit'],
  .tx-powermail .powermail_fieldwrap .powermail_submit,
  .tx-powermail .powermail_fieldwrap .csc-mailform-field input[type='submit'],
  .Tx-Formhandler .femanager_fieldset .powermail_submit,
  .Tx-Formhandler .femanager_fieldset .csc-mailform-field input[type='submit'],
  .Tx-Formhandler .powermail_fieldwrap .powermail_submit,
  .Tx-Formhandler .powermail_fieldwrap .csc-mailform-field input[type='submit'] {
    color: #fff;
    background: #fe6546;
    border: 2px solid #fe6546;
    display: inline-block;
    line-height: 25px;
    line-height: 1.5625rem;
    padding: 3px 15px 4px 15px;
    white-space: nowrap; }

.form-horizontal .powermail_fieldwrap_radio fieldset,
.layout1 .powermail_fieldwrap_radio fieldset,
.tx-powermail .powermail_fieldwrap_radio fieldset,
.Tx-Formhandler .powermail_fieldwrap_radio fieldset {
  margin: 0;
  padding: 0; }

.form-horizontal .powermail_fieldwrap_radio legend,
.layout1 .powermail_fieldwrap_radio legend,
.tx-powermail .powermail_fieldwrap_radio legend,
.Tx-Formhandler .powermail_fieldwrap_radio legend {
  position: initial;
  width: auto; }

.form-horizontal .powermail_fieldwrap_radio .powermail_radio_outer .powermail_radio_inner label,
.layout1 .powermail_fieldwrap_radio .powermail_radio_outer .powermail_radio_inner label,
.tx-powermail .powermail_fieldwrap_radio .powermail_radio_outer .powermail_radio_inner label,
.Tx-Formhandler .powermail_fieldwrap_radio .powermail_radio_outer .powermail_radio_inner label {
  width: auto; }

.form-horizontal .csc-mailform,
.layout1 .csc-mailform,
.tx-powermail .csc-mailform,
.Tx-Formhandler .csc-mailform {
  margin: 0;
  padding: 0; }
  .form-horizontal .csc-mailform legend,
  .layout1 .csc-mailform legend,
  .tx-powermail .csc-mailform legend,
  .Tx-Formhandler .csc-mailform legend {
    position: initial; }
  .form-horizontal .csc-mailform .csc-mailform-field,
  .layout1 .csc-mailform .csc-mailform-field,
  .tx-powermail .csc-mailform .csc-mailform-field,
  .Tx-Formhandler .csc-mailform .csc-mailform-field {
    margin: 15px 0;
    padding: 15px 0; }
    .form-horizontal .csc-mailform .csc-mailform-field.type-check,
    .layout1 .csc-mailform .csc-mailform-field.type-check,
    .tx-powermail .csc-mailform .csc-mailform-field.type-check,
    .Tx-Formhandler .csc-mailform .csc-mailform-field.type-check {
      margin: 0;
      padding: 0; }
    .form-horizontal .csc-mailform .csc-mailform-field label,
    .layout1 .csc-mailform .csc-mailform-field label,
    .tx-powermail .csc-mailform .csc-mailform-field label,
    .Tx-Formhandler .csc-mailform .csc-mailform-field label {
      display: block;
      width: 150px;
      width: 9.375rem;
      text-align: right;
      margin-right: 20px;
      margin-right: 1.25rem;
      float: left; }
      @media (max-width: 560px) {
        .form-horizontal .csc-mailform .csc-mailform-field label,
        .layout1 .csc-mailform .csc-mailform-field label,
        .tx-powermail .csc-mailform .csc-mailform-field label,
        .Tx-Formhandler .csc-mailform .csc-mailform-field label {
          float: none;
          text-align: left; } }
    .form-horizontal .csc-mailform .csc-mailform-field input[type="text"],
    .layout1 .csc-mailform .csc-mailform-field input[type="text"],
    .tx-powermail .csc-mailform .csc-mailform-field input[type="text"],
    .Tx-Formhandler .csc-mailform .csc-mailform-field input[type="text"] {
      display: block;
      width: calc(100% - 80rem - 1.25rem);
      float: left; }
      @media (max-width: 560px) {
        .form-horizontal .csc-mailform .csc-mailform-field input[type="text"],
        .layout1 .csc-mailform .csc-mailform-field input[type="text"],
        .tx-powermail .csc-mailform .csc-mailform-field input[type="text"],
        .Tx-Formhandler .csc-mailform .csc-mailform-field input[type="text"] {
          float: none;
          width: 100%; } }
    .form-horizontal .csc-mailform .csc-mailform-field input[type='submit'],
    .layout1 .csc-mailform .csc-mailform-field input[type='submit'],
    .tx-powermail .csc-mailform .csc-mailform-field input[type='submit'],
    .Tx-Formhandler .csc-mailform .csc-mailform-field input[type='submit'] {
      color: #fff;
      background: #fe6546;
      border: 2px solid #fe6546;
      display: inline-block;
      line-height: 25px;
      line-height: 1.5625rem;
      padding: 3px 15px 4px 15px;
      white-space: nowrap; }

.imagelist header {
  font-size: 1.6em;
  background-color: #33a3c9;
  padding: 10px; }
  .imagelist header h2 {
    color: #fff;
    margin: 0px;
    background-color: #33a3c9;
    text-align: center; }

.imagelist .images-box {
  float: left; }
  .imagelist .images-box ul {
    margin: 0;
    padding: 0; }
    .imagelist .images-box ul li {
      padding: 10px;
      list-style: none;
      margin: 0 0 2px 0;
      padding: 10px;
      position: relative;
      float: left;
      width: 100%;
      background-color: #f0f0f0; }
      .imagelist .images-box ul li .image {
        float: left;
        width: 250px; }
        .imagelist .images-box ul li .image img {
          width: 100%;
          max-width: 100%;
          height: auto; }
      .imagelist .images-box ul li .text {
        margin: 0 0 0 250px;
        padding: 10px 10px 0 0;
        color: #fff; }
        .imagelist .images-box ul li .text .icon {
          display: inline-block;
          padding: 10px;
          padding: 0.625rem;
          float: left; }
          .imagelist .images-box ul li .text .icon:before {
            display: inline-block;
            border-radius: 100%;
            width: 50px;
            width: 3.125rem;
            line-height: 50px;
            line-height: 3.125rem;
            vertical-align: middle;
            text-align: center;
            background-color: #fff;
            color: #fe6546;
            font-size: 30px;
            font-size: 1.875rem;
            float: left; }
        .imagelist .images-box ul li .text figcaption {
          padding-left: 80px; }
        .imagelist .images-box ul li .text h2 {
          color: #fe6546; }
        .imagelist .images-box ul li .text a {
          font-weight: 700;
          display: inline-block; }
        .imagelist .images-box ul li .text .image-description {
          color: #444; }

.imagelist .pagebrowser {
  float: left; }

.themenportal-slider header {
  font-size: 1.6em;
  background-color: #33a3c9;
  padding: 10px; }
  .themenportal-slider header h2 {
    color: #fff;
    margin: 0px;
    background-color: #33a3c9;
    text-align: center; }

.themenportal-slider .item figure {
  display: block;
  position: relative;
  margin: 0 0 80px 0;
  padding-bottom: 83.33333%;
  width: 100%; }
  .themenportal-slider .item figure .image {
    position: absolute;
    background-size: cover;
    width: 100%;
    height: 100%; }
    .themenportal-slider .item figure .image img {
      display: block;
      visibility: hidden;
      width: 100%;
      height: 100%; }
  .themenportal-slider .item figure .image-description {
    position: absolute;
    bottom: -80px;
    width: 100%;
    height: 80px; }
    .themenportal-slider .item figure .image-description a:hover {
      text-decoration: none; }
    .themenportal-slider .item figure .image-description figcaption {
      color: #4f4f4f;
      font-size: 14px;
      font-size: 0.875rem;
      text-align: left;
      padding: 10px 10px 10px 10px;
      width: 100%;
      height: 100%;
      max-width: 100% !important;
      background-color: #f0f0f0; }
      .themenportal-slider .item figure .image-description figcaption h4 {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 12px;
        margin-bottom: 0.8rem; }

.themenportal-slider .slick-dots {
  bottom: calc(80px + 20px); }

.imageteaser {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  padding-bottom: 83.33333%; }
  .imageteaser > div {
    position: absolute;
    background-size: cover;
    width: 100%;
    height: 100%; }
    .imageteaser > div:hover figcaption {
      transition-property: background-color;
      transition-duration: 0.25s;
      background-color: rgba(0, 0, 0, 0.7); }
    .imageteaser > div img {
      display: block;
      visibility: hidden;
      width: 100%;
      height: 100%; }
    .imageteaser > div figcaption {
      position: absolute;
      left: 0;
      bottom: 0;
      padding: 10px;
      padding: 0.625rem;
      margin: 0;
      color: #fff;
      width: 100%;
      text-align: center;
      transition-property: background-color;
      transition-duration: 0.25s;
      background-color: rgba(0, 0, 0, 0.1); }

.interactive-dropdown {
  display: inline-block;
  background-color: #4f4f4f;
  color: #fff;
  padding: .4em .75em;
  position: relative;
  white-space: nowrap;
  cursor: pointer; }
  .interactive-dropdown.disable {
    pointer-events: none; }
  .interactive-dropdown a:hover {
    text-decoration: none; }
  .interactive-dropdown a > span {
    pointer-events: none; }
  .interactive-dropdown > span, .interactive-dropdown a > span {
    display: inline-block;
    padding: 0;
    margin: 0;
    line-height: 1;
    width: calc(100% - 15px);
    vertical-align: middle;
    overflow: hidden; }
  .interactive-dropdown:after {
    content: '\25BE';
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    margin-left: 12px;
    margin-left: 0.75rem; }
  .interactive-dropdown.open ul {
    display: block; }
  .interactive-dropdown.open:after {
    -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
  .interactive-dropdown ul {
    display: none;
    position: absolute;
    margin: .3em 0 0 -.75em;
    min-width: 100%;
    max-width: 700px;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0;
    background-color: #fff;
    border-top: 1px solid #fff;
    z-index: 99;
    top: 44px;
    right: -41px;
    right: -2.6rem; }
    .interactive-dropdown ul li {
      background-color: #4f4f4f;
      list-style-type: none;
      margin: 0 0 1px 0;
      padding: 14px 8px 12px 8px;
      white-space: nowrap; }
      .interactive-dropdown ul li a {
        display: inline !important;
        background: none;
        padding: 10px;
        font-size: 16px !important; }
        .interactive-dropdown ul li a:hover {
          text-decoration: none; }

.locore-search-list .interactive-dropdown {
  background-color: #33a3c9; }

.share .interactive-dropdown ul {
  margin: 0;
  top: 0;
  right: 0; }
  .share .interactive-dropdown ul li {
    color: #f0f0f0;
    background-color: #4f4f4f;
    margin: 0 0 1px 0;
    padding: 4px 8px 3px 8px; }
    .share .interactive-dropdown ul li:hover {
      color: #fff; }

.header-login > section > .interactive-dropdown {
  padding: .4em 2px; }

.lo-contentbox {
  width: 100%;
  padding: 0;
  background-color: #f0f0f0;
  color: #444;
  float: left;
  margin: 0 0 1em 0; }

.lo-collection-latest:after {
  clear: both;
  content: '';
  display: table; }

.pid__70 .main-column .csc-half-floated {
  min-height: 212px; }

.lo-collection-list .lo-collection-list-collection {
  position: relative;
  margin-bottom: 20px;
  padding: 0; }
  .lo-collection-list .lo-collection-list-collection > header {
    position: relative;
    display: block; }
    .lo-collection-list .lo-collection-list-collection > header .sharelink {
      font-weight: 700; }
    @media (max-width: 560px) {
      .lo-collection-list .lo-collection-list-collection > header {
        min-height: 75px; } }
    @media (max-width: 560px) {
      .lo-collection-list .lo-collection-list-collection > header .cta {
        float: none;
        top: 50px;
        text-align: right; } }
  .lo-collection-list .lo-collection-list-collection .icon [class^="icon-"] {
    display: inline-block;
    border-radius: 100%;
    width: 2em;
    line-height: 2em;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    color: #33a3c9; }
  .lo-collection-list .lo-collection-list-collection > div {
    position: relative;
    display: block;
    background-color: #f0f0f0;
    padding: 0; }
  .lo-collection-list .lo-collection-list-collection .icon {
    display: inline-block;
    width: 40px;
    width: 2.5rem;
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0;
    color: #fe6546;
    vertical-align: top; }
  .lo-collection-list .lo-collection-list-collection .text {
    display: inline-block;
    width: 100%;
    padding: 1em; }
    @media (max-width: 560px) {
      .lo-collection-list .lo-collection-list-collection .text {
        width: auto; } }
  .lo-collection-list .lo-collection-list-collection .cta {
    font-size: 20px;
    font-size: 1.25rem;
    display: block;
    text-align: right;
    right: 20px;
    right: 1.25rem;
    color: #fe6546;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 560px) {
      .lo-collection-list .lo-collection-list-collection .cta {
        float: left;
        text-align: left;
        right: 0;
        left: 0.875rem;
        top: 40px; } }
    .lo-collection-list .lo-collection-list-collection .cta > a {
      color: #fff; }
  .lo-collection-list .lo-collection-list-collection ul {
    margin: 0;
    padding: 0;
    background-color: #f0f0f0; }
    .lo-collection-list .lo-collection-list-collection ul li {
      position: relative;
      list-style: none;
      margin: 0 0 2px 0;
      padding: 1em;
      background-color: #ddd; }
      @media (max-width: 560px) {
        .lo-collection-list .lo-collection-list-collection ul li {
          min-height: 120px; } }
      .lo-collection-list .lo-collection-list-collection ul li:last-child {
        margin: 0; }
      .lo-collection-list .lo-collection-list-collection ul li .text {
        display: inline-block;
        width: 70%;
        padding: 7px 20px 0 20px; }
        @media (max-width: 560px) {
          .lo-collection-list .lo-collection-list-collection ul li .text {
            width: 75%;
            padding: 7px 10px 0 10px; } }
      .lo-collection-list .lo-collection-list-collection ul li .cta {
        font-size: 20px;
        font-size: 1.25rem;
        display: block;
        text-align: right;
        position: absolute;
        padding-top: 6px;
        padding-top: .4rem;
        padding-right: 6px;
        padding-right: .4rem;
        right: 16px;
        right: 1rem; }
        .lo-collection-list .lo-collection-list-collection ul li .cta > a {
          color: #fe6546; }
  .lo-collection-list .lo-collection-list-collection .sorting-actions {
    position: absolute;
    top: 0;
    display: block;
    right: 192px;
    right: 12rem;
    text-align: right;
    width: 50px; }
    @media (max-width: 560px) {
      .lo-collection-list .lo-collection-list-collection .sorting-actions {
        left: 1em;
        top: 3em;
        width: 30px; } }
    .lo-collection-list .lo-collection-list-collection .sorting-actions a {
      display: block;
      width: 100%;
      margin-bottom: 10px; }
    .lo-collection-list .lo-collection-list-collection .sorting-actions .sorting-action-up-icon {
      width: 0;
      height: 0;
      -webkit-transform: rotate(360deg);
      border-style: solid;
      border-width: 0 10px 10px 10px;
      border-color: transparent transparent #a6a6a6 transparent;
      margin-bottom: 10px;
      margin-bottom: 0.625rem; }
    .lo-collection-list .lo-collection-list-collection .sorting-actions .sorting-action-down-icon {
      width: 0;
      height: 0;
      -webkit-transform: rotate(360deg);
      border-style: solid;
      border-width: 10px 10px 0 10px;
      border-color: #a6a6a6 transparent transparent transparent; }

.lo-collection-list .lo-collection-list-wishlist .sorting-actions {
  right: 200px;
  right: 12.5rem; }

.lo-collection-list .lo-collection-list-wishlist .cta {
  right: 20px;
  right: 1.25rem; }

.lo-collection-show ul {
  margin: 0;
  padding: 0; }
  .lo-collection-show ul li {
    padding: 10px;
    margin: 0 0 1px 0;
    background-color: #f0f0f0;
    list-style: none; }

.lo-collection-show .no-margin {
  margin: 0; }

.lo-collection-show header {
  padding-bottom: 30px; }

.lo-collection-show .metainfo {
  font-size: 11px;
  padding-bottom: 10px;
  color: #666; }

.lo-collection-show .tx-locore-textbox.lo-collection-list-collection header {
  background-color: #33a3c9 !important; }

.boxheader {
  color: #33a3c9;
  text-align: left;
  font-size: 16px;
  font-weight: 500; }

.googlemaps {
  background: #f0f0f0; }
  .googlemaps.tx-locore-textbox header {
    background: #4f4f4f; }
  .googlemaps--map {
    height: 600px; }
    @media (max-width: 1400px) {
      .googlemaps--map {
        height: 560px; } }
    @media (max-width: 1000px) {
      .googlemaps--map {
        height: 480px; } }
    @media (max-width: 800px) {
      .googlemaps--map {
        height: 400px; } }
    @media (max-width: 560px) {
      .googlemaps--map {
        height: 320px; } }
    @media (max-width: 440px) {
      .googlemaps--map {
        height: 240px; } }
  .googlemaps--filter {
    margin: -0.5em;
    padding: 1em; }
    .googlemaps--filter:after {
      clear: both;
      content: '';
      display: table; }
  .googlemaps--category {
    float: left;
    width: 33.3333%;
    padding: 0.5em; }
    @media (max-width: 1400px) {
      .googlemaps--category {
        width: 50%; } }
    @media (max-width: 1000px) {
      .googlemaps--category {
        width: 33.3333%; } }
    @media (max-width: 800px) {
      .googlemaps--category {
        width: 50%; } }
    @media (max-width: 560px) {
      .googlemaps--category {
        float: none;
        width: 100%; } }
    .googlemaps--category > img,
    .googlemaps--category > input,
    .googlemaps--category > label {
      display: inline-block;
      vertical-align: middle; }

.news-detail .date-and-author {
  color: #999; }

.news-detail .tags {
  padding: 1.5em;
  display: block;
  margin-top: calc(-20px / 2);
  margin-bottom: 20px;
  background: #f0f0f0;
  color: #999;
  font-size: 12px;
  font-size: 0.75rem; }
  .news-detail .tags span {
    margin-right: 18px;
    margin-right: 1.125rem; }
    .news-detail .tags span a {
      background: #f0f0f0;
      color: #999; }
  .news-detail .tags span::before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    margin-right: 6px;
    margin-right: 0.4rem; }

.news-detail .news-navigation {
  margin-top: 50px;
  margin-top: 3.125rem; }
  .news-detail .news-navigation .older-newer {
    float: right; }
    .news-detail .news-navigation .older-newer span {
      display: inline-block; }
      .news-detail .news-navigation .older-newer span + span {
        padding-left: 11px;
        padding-left: 0.6875rem;
        border-left: 1px solid #fe6546;
        margin-left: 12px;
        margin-left: .8rem; }

.news-detail .short {
  margin-bottom: 32px;
  margin-bottom: 2rem;
  padding: 15px;
  padding: 0.9375rem;
  background: #f0f0f0; }
  .news-detail .short h2 {
    margin-top: 0;
    margin-bottom: 12px;
    margin-bottom: .8rem;
    font-size: 20px;
    font-size: 1.25rem; }
  .news-detail .short p {
    margin-bottom: 0; }

.news-detail .devider {
  margin: 0 0 50px;
  margin: 0 0 3.125rem; }

.article-detail header {
  margin-bottom: 30px;
  margin-bottom: 1.875rem; }

.locore-lonews-latest header {
  padding: 10px;
  padding: 10px;
  color: #fff;
  background-color: #33a3c9; }
  .locore-lonews-latest header * {
    color: #fff;
    margin: 0 !important;
    text-align: left;
    font-size: 17px;
    font-size: 1.1rem;
    font-weight: 400; }

.locore-lonews-latest .image {
  position: relative; }
  .locore-lonews-latest .image img {
    width: 100%;
    height: auto;
    max-width: 100%; }

.locore-lonews-latest ul {
  margin: 0 0 0em 0;
  padding: 0; }
  .locore-lonews-latest ul li, .locore-lonews-latest ul .linkToList {
    background-color: #f0f0f0;
    list-style-type: none;
    position: relative;
    line-height: 130%;
    padding: 1em 1em 1em 1em;
    margin-bottom: 2px;
    height: 200px;
    overflow: hidden; }
    .locore-lonews-latest ul li .discipline-title, .locore-lonews-latest ul .linkToList .discipline-title {
      margin-bottom: 5px; }
      .locore-lonews-latest ul li .discipline-title a, .locore-lonews-latest ul .linkToList .discipline-title a {
        color: #33a3c9;
        font-weight: bold;
        display: inline-block; }
    .locore-lonews-latest ul li a, .locore-lonews-latest ul .linkToList a {
      color: #fe6546;
      margin-bottom: 5px;
      display: block;
      white-space: normal; }
    .locore-lonews-latest ul li span, .locore-lonews-latest ul .linkToList span {
      margin-bottom: 6px;
      margin-bottom: 0.4rem;
      display: inline-block; }

.locore-lonews-latest .linkToList {
  background-color: #f0f0f0;
  position: relative;
  line-height: 130%;
  padding: 1em 1em 1em 1em;
  margin-bottom: 2px;
  margin: 0 0 1em 0; }
  .locore-lonews-latest .linkToList a {
    color: #fe6546;
    margin-bottom: 5px;
    display: block;
    white-space: normal; }

.locore-lonews-latest > a:hover {
  text-decoration: none; }

.onecol .locore-lonews-latest ul li {
  height: 120px; }

.twocol .locore-lonews-latest ul li {
  height: 160px; }

.twocol .twocol .locore-lonews-latest ul li {
  height: 200px; }

.span4 .locore-lonews-latest {
  padding-bottom: 1em; }

@media (max-width: 1140px) {
  .locore-lonews-latest ul li {
    height: initial !important; } }

.locore-lonews-list {
  list-style-type: none;
  margin: 0 0 10px 0;
  margin: 0 0 0.625rem 0;
  padding: 0; }
  .locore-lonews-list li {
    padding: 10px;
    position: relative;
    list-style-type: none;
    margin: 0 0 4px 0;
    margin: 0 0 .3rem 0;
    display: block;
    background-color: #f0f0f0; }
    .locore-lonews-list li:after {
      clear: both;
      content: '';
      display: table; }
    .locore-lonews-list li .date {
      font-size: 11px;
      font-size: 0.6875rem; }
    .locore-lonews-list li img {
      display: inline-block; }
    .locore-lonews-list li p {
      margin: 10px 0 25px 0;
      margin: 0.625rem 0 1.5625rem 0; }
    .locore-lonews-list li a.readmore {
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      font-size: 1rem;
      font-weight: 400;
      text-rendering: optimizeLegibility;
      position: absolute;
      right: 10px;
      right: 0.625rem;
      bottom: 10px;
      bottom: 0.625rem;
      color: #fe6546; }
      .locore-lonews-list li a.readmore:before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 10px;
        margin-right: 0.625rem; }

.tx-pwcomment-pi1 .loggedInAs {
  font-weight: 500;
  font-size: 12px;
  font-size: 0.75rem; }

.tx-pwcomment-pi1 .comment_error {
  color: #fe6546; }

.tx-pwcomment-pi1 form {
  margin-bottom: 1em; }
  .tx-pwcomment-pi1 form .comment-field label {
    display: none; }
  .tx-pwcomment-pi1 form textarea {
    width: 80%;
    background-color: #fff;
    border: 1px solid #cccccc;
    margin: 8px 0 1em 0;
    margin: 0.5rem 0 1em 0;
    padding: 16px;
    padding: 1rem;
    box-shadow: 2px 2px 5px 0px #cdcdcd; }
  .tx-pwcomment-pi1 form .hide_initally {
    /*display: none;*/ }
  .tx-pwcomment-pi1 form .button {
    font-size: 130%;
    margin: 32px 0 8px 0;
    margin: 2rem 0 0.5rem 0; }

.tx-pwcomment-pi1 .comment_list {
  margin: 0;
  padding: 0; }
  .tx-pwcomment-pi1 .comment_list li {
    margin: 0 0 2em 0;
    padding: 0;
    list-style-type: none; }
    .tx-pwcomment-pi1 .comment_list li .comment_header {
      font-weight: 500;
      font-size: 12px;
      font-size: 0.75rem;
      font-weight: bold; }

.maincontent .tx-px-shopware {
  padding-right: 0; }
  .maincontent .tx-px-shopware:after {
    clear: both;
    content: '';
    display: table; }
  .maincontent .tx-px-shopware .shopwarearticle--box {
    display: block;
    width: 100%;
    padding: 2% 0 0 2%;
    float: left; }
    .maincontent .tx-px-shopware .shopwarearticle--box .box--content:hover {
      box-shadow: 1px 1px 12px 0px #aaa; }
    .maincontent .tx-px-shopware .shopwarearticle--box .box--content .product--info {
      padding: 8px 0;
      padding: 0.5rem 0; }
    .maincontent .tx-px-shopware .shopwarearticle--box .box--content .shop {
      display: inline-block; }
    .maincontent .tx-px-shopware .shopwarearticle--box .box--content .price {
      float: left;
      font-weight: 600;
      padding-top: 6px;
      padding-top: 0.4rem; }
    .maincontent .tx-px-shopware .shopwarearticle--box .box--content .image--media {
      padding: 12px;
      padding: 0.75rem; }
      .maincontent .tx-px-shopware .shopwarearticle--box .box--content .image--media img {
        margin-bottom: 16px;
        margin-bottom: 1rem; }
  @media screen and (min-width: 64em) {
    .maincontent .tx-px-shopware .box--normal {
      width: 50%; } }
  .maincontent .tx-px-shopware .basket {
    float: left;
    margin-left: 32px;
    margin-left: 2rem; }
    .maincontent .tx-px-shopware .basket .icon--basket {
      background-image: url(../../Public/Icons/cart_icon_white.png);
      background-size: 25px;
      display: inline-block;
      width: 30px;
      height: 30px;
      background-repeat: no-repeat;
      background-position: center;
      background-color: #fe6546; }
      .maincontent .tx-px-shopware .basket .icon--basket:hover {
        box-shadow: 1px 1px 12px 0px #aaa; }
    .maincontent .tx-px-shopware .basket:after {
      clear: both; }
  .maincontent .tx-px-shopware .articleimage {
    float: left;
    text-align: center;
    margin-right: 8px;
    margin-right: 0.5rem;
    min-width: 160px;
    width: 30%; }
    @media (max-width: 600px) {
      .maincontent .tx-px-shopware .articleimage {
        float: none; } }
    .maincontent .tx-px-shopware .articleimage img {
      max-height: 120px;
      max-width: 160px;
      height: 100%;
      object-fit: cover; }
  .maincontent .tx-px-shopware .product--info {
    padding-bottom: 8px;
    padding-bottom: 0.5rem; }
  .maincontent .tx-px-shopware .shop {
    float: right;
    width: 67%; }
    @media (max-width: 600px) {
      .maincontent .tx-px-shopware .shop {
        float: none;
        padding-top: 1rem;
        width: 100%; } }
    .maincontent .tx-px-shopware .shop h4 {
      color: #fa6544; }
    .maincontent .tx-px-shopware .shop .basket {
      float: none;
      margin: 0 0 0 0; }
    .maincontent .tx-px-shopware .shop .price {
      float: left;
      font-weight: 600;
      color: #444 !important;
      margin-right: 16px;
      margin-right: 1rem;
      padding-top: 5px; }
    .maincontent .tx-px-shopware .shop p {
      color: #444 !important;
      margin-bottom: 5px; }
  .maincontent .tx-px-shopware .marginal .shop, .maincontent .tx-px-shopware .marginal .articleimage {
    float: none;
    width: 100%; }
  .maincontent .tx-px-shopware .marginal .shop {
    padding-top: 16px;
    padding-top: 1rem; }
  .maincontent .tx-px-shopware .marginal .articleimage {
    padding: 8px;
    padding: 0.5rem; }
  .maincontent .tx-px-shopware .marginal h2, .maincontent .tx-px-shopware .marginal h3 {
    font-size: 16px;
    font-size: 1rem; }
  .maincontent .tx-px-shopware a:hover {
    text-decoration: none; }

.tx-locore-textbox--collapsable h2,
.tx-locore-textbox--collapsable header {
  background-color: #33a3c9;
  color: #fff;
  margin: 0;
  padding: .6em 0.5em;
  position: relative;
  font-size: 1.1em;
  cursor: pointer;
  min-height: 44px;
  display: block; }
  .tx-locore-textbox--collapsable h2:after,
  .tx-locore-textbox--collapsable header:after {
    font-size: 90%;
    display: inline;
    content: 'Zuklappen -';
    position: absolute;
    right: 1em;
    top: 0.9em; }
    @media (max-width: 800px) {
      .tx-locore-textbox--collapsable h2:after,
      .tx-locore-textbox--collapsable header:after {
        content: '-'; } }

.tx-locore-textbox--collapsable > div {
  width: 100%;
  background-color: #f0f0f0;
  color: #444;
  padding: 1em;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
  max-height: 20000px;
  transition: all 0.25s ease-in; }
  .tx-locore-textbox--collapsable > div.no-padding {
    padding: 0; }
  .tx-locore-textbox--collapsable > div p:last-child {
    margin-bottom: 0; }

.tx-locore-textbox--collapsable.unitplanelement {
  margin-bottom: .5em !important; }

.tx-locore-textbox--collapsable.collapsed h2:after,
.tx-locore-textbox--collapsable.collapsed header:after {
  content: 'Aufklappen +'; }
  @media (max-width: 800px) {
    .tx-locore-textbox--collapsable.collapsed h2:after,
    .tx-locore-textbox--collapsable.collapsed header:after {
      content: '+'; } }

.tx-locore-textbox--collapsable.collapsed > div {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition: all 0.25s ease-out; }

/* Bei Mappen ohne Text wegen vielen Symbol */
.pid__72 .tx-locore-textbox--collapsable.collapsed h2:after,
.pid__72 .tx-locore-textbox--collapsable.collapsed header:after {
  content: '+'; }

.pid__72 .tx-locore-textbox--collapsable h2:after,
.pid__72 .tx-locore-textbox--collapsable header:after {
  content: '-'; }

.tx-locore-textbox {
  background-color: #f0f0f0;
  padding: 5px 10px 10px 10px; }
  .tx-locore-textbox header {
    padding: 10px;
    background-color: #33a3c9;
    color: #fff;
    margin: 0;
    padding: .6em 0.5em;
    position: relative;
    font-size: 1.1em;
    min-height: 44px;
    display: block; }
  .tx-locore-textbox > div p:last-child {
    margin-bottom: 0; }
  .tx-locore-textbox .text {
    padding: 10px; }

.tx-locore-imagetext p:last-child {
  margin-bottom: 0; }

.tx-locore-imagetext {
  width: 100%;
  margin-right: 20px;
  float: left; }
  .tx-locore-imagetext__figure {
    float: left;
    width: 40%; }
    @media (max-width: 800px) {
      .tx-locore-imagetext__figure {
        width: 100%;
        float: none; } }
    .tx-locore-imagetext__figure img {
      width: 100%;
      height: auto; }
  .tx-locore-imagetext p {
    float: left;
    width: 57%; }
    @media (max-width: 800px) {
      .tx-locore-imagetext p {
        width: 100%;
        float: none; } }
  .tx-locore-imagetext__lr figure {
    margin-right: 3%;
    margin-bottom: 3%; }
    @media (max-width: 800px) {
      .tx-locore-imagetext__lr figure {
        margin-right: 0; } }
  .tx-locore-imagetext__rl figure {
    margin-left: 3%;
    margin-bottom: 3%; }
    @media (max-width: 800px) {
      .tx-locore-imagetext__rl figure {
        margin-left: 0; } }

.maincontent .tx-locore-themenweltteaser p:last-child {
  margin-bottom: 0; }

.maincontent .tx-locore-themenweltteaser {
  width: 100%;
  min-height: 400px;
  position: relative;
  background-color: #33a3c9;
  margin-bottom: 15px; }
  .maincontent .tx-locore-themenweltteaser .head {
    padding: 1em;
    height: calc(400px + 10px + 4px); }
  .maincontent .tx-locore-themenweltteaser h1, .maincontent .tx-locore-themenweltteaser h2, .maincontent .tx-locore-themenweltteaser h3, .maincontent .tx-locore-themenweltteaser h4, .maincontent .tx-locore-themenweltteaser h5 {
    background-color: transparent;
    color: #fff;
    margin-bottom: 0px; }
  .maincontent .tx-locore-themenweltteaser__figure {
    display: block;
    margin: 0em auto;
    background-color: #33a3c9;
    width: 100%;
    overflow: hidden;
    height: 230px; }
    .maincontent .tx-locore-themenweltteaser__figure img {
      width: 100%;
      height: auto; }
  .maincontent .tx-locore-themenweltteaser .title {
    font-size: 1.6em;
    margin-top: 20px; }
  .maincontent .tx-locore-themenweltteaser .moreWrap {
    position: absolute;
    bottom: 0;
    left: -2px;
    width: 100%;
    padding: 0 10px 10px 10px; }
  .maincontent .tx-locore-themenweltteaser .more {
    background-image: url("../Icons/white-arrow-down.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
    color: transparent;
    text-indent: -9999px;
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
    margin: 2px;
    border: 2px solid transparent;
    position: relative; }
  .maincontent .tx-locore-themenweltteaser .more:hover {
    border: 2px solid #fff;
    cursor: pointer; }
  .maincontent .tx-locore-themenweltteaser .bodytext {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 10; }
  .maincontent .tx-locore-themenweltteaser .outerWrapper {
    position: relative; }
  .maincontent .tx-locore-themenweltteaser .innerWrapper {
    background-color: #33a3c9;
    padding: 0 1em 1em 1em; }
  .maincontent .tx-locore-themenweltteaser p {
    line-height: 18px;
    line-height: 1.125rem; }
    .maincontent .tx-locore-themenweltteaser p span {
      font-size: 10px;
      font-size: 0.625rem; }
    .maincontent .tx-locore-themenweltteaser p a {
      display: inline-block;
      color: #fff;
      font-size: 16px;
      font-size: 1rem;
      width: 100%;
      line-height: 30px;
      line-height: 1.875rem;
      padding: 0 5px;
      white-space: normal; }
    .maincontent .tx-locore-themenweltteaser p a:before {
      display: none; }
    .maincontent .tx-locore-themenweltteaser p a:hover {
      background-color: #fff;
      color: #33a3c9;
      text-decoration: none; }
    @media (max-width: 800px) {
      .maincontent .tx-locore-themenweltteaser p {
        width: 100%; } }

.maincontent .tx-locore-themenweltteaser.show .outerWrapper::after {
  content: ' ';
  background-image: url("../Images/white_gradient.png");
  background-repeat: repeat-x;
  background-size: 100% 40px;
  display: block;
  height: 40px;
  width: 100%; }

.maincontent .tx-locore-themenweltteaser.show .more {
  background-image: url("../Icons/white-arrow-up.png");
  bottom: 0;
  left: 0;
  z-index: 15; }

.tx-locore-cartoonistenteaser {
  background-color: #f0f0f0;
  /*&.twocolumn > * {
      @include breakpoint($breakpoint-max480) {
          float: left;
          width: 50%;
      }
  }*/ }
  .tx-locore-cartoonistenteaser:after {
    clear: both;
    content: '';
    display: table; }
  .tx-locore-cartoonistenteaser p {
    margin-bottom: 13px;
    margin-bottom: 0.8125rem; }
    .tx-locore-cartoonistenteaser p a {
      white-space: normal; }
  .tx-locore-cartoonistenteaser h1, .tx-locore-cartoonistenteaser h2, .tx-locore-cartoonistenteaser h3, .tx-locore-cartoonistenteaser h4, .tx-locore-cartoonistenteaser h5 {
    font-size: 24px;
    font-size: 1.5rem;
    color: #fff;
    margin: 0px;
    background-color: #33a3c9;
    text-align: center; }
  .tx-locore-cartoonistenteaser .title {
    font-size: 1.6em;
    background-color: #33a3c9;
    padding: 10px; }
  .tx-locore-cartoonistenteaser .image {
    line-height: 0; }
    .tx-locore-cartoonistenteaser .image.with-padding {
      padding: 20px 20px 0 20px; }
  .tx-locore-cartoonistenteaser .textblock strong {
    display: block;
    font-weight: 500;
    margin-bottom: 4px;
    margin-bottom: .3rem; }
  .tx-locore-cartoonistenteaser.twocolumn .image {
    float: left;
    width: 50%;
    height: auto;
    /*@include breakpoint($breakpoint-max1200) {
          float: none;
          width: 100%;
      }*/ }
    .tx-locore-cartoonistenteaser.twocolumn .image .ttt {
      background-size: cover;
      min-height: 15em;
      background-position: center center;
      /*@include breakpoint($breakpoint-max1200) {
            min-height: 50vh;
        }*/ }
  .tx-locore-cartoonistenteaser.twocolumn img {
    max-width: 100%;
    height: auto; }
  .tx-locore-cartoonistenteaser.twocolumn .textblock {
    float: left;
    width: 50%;
    padding: 20px;
    /*@include breakpoint($breakpoint-max1200) {
          float: none;
          width: 100%;
      }*/ }
  .tx-locore-cartoonistenteaser.onecolumn {
    position: relative; }
    .tx-locore-cartoonistenteaser.onecolumn .image {
      padding-bottom: 56.25%; }
    .tx-locore-cartoonistenteaser.onecolumn img {
      max-width: 100%;
      height: auto; }
    .tx-locore-cartoonistenteaser.onecolumn .textblock {
      bottom: 0;
      background-color: #f0f0f0;
      padding: 20px; }

.maincontent .tx-locore-verlosungteaser p:last-child {
  margin-bottom: 0; }

.maincontent .tx-locore-verlosungteaser {
  width: 100%;
  position: relative;
  margin-bottom: 15px; }
  .maincontent .tx-locore-verlosungteaser a {
    white-space: normal; }
  .maincontent .tx-locore-verlosungteaser .bodytext {
    background-color: #f0f0f0;
    padding: 20px 20px 20px 20px;
    color: #444; }
  .maincontent .tx-locore-verlosungteaser .head h1, .maincontent .tx-locore-verlosungteaser h2, .maincontent .tx-locore-verlosungteaser h3, .maincontent .tx-locore-verlosungteaser h4, .maincontent .tx-locore-verlosungteaser h5 {
    color: #fff;
    margin: 0px;
    background-color: #33a3c9;
    text-align: center; }
  .maincontent .tx-locore-verlosungteaser__figure {
    display: block;
    margin: 0em auto;
    width: 100%;
    overflow: hidden;
    position: relative;
    line-height: 0em; }
    .maincontent .tx-locore-verlosungteaser__figure img {
      width: 100%;
      max-width: 100%;
      height: auto;
      padding: 0px; }
  .maincontent .tx-locore-verlosungteaser .title {
    font-size: 1.6em;
    background-color: #33a3c9;
    padding: 10px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.head-slider .csc-textpic-center-inner:not(.slick-initialized) .csc-textpic-imagerow ~ .csc-textpic-imagerow,
.lo-slider .images-box:not(.slick-initialized) .item ~ .item {
  display: none; }

.head-slider .csc-textpic-center-inner.slick-initialized,
.lo-slider .images-box.slick-initialized {
  position: relative; }

.lo-slider .item img {
  width: 100%;
  max-width: 100%;
  height: auto; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../Fonts/slick.eot");
  src: url("../Fonts/slick.eot?#iefix") format("embedded-opentype"), url("../Fonts/slick.woff") format("woff"), url("../Fonts/slick.ttf") format("truetype"), url("../Fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 50px;
  width: 50px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 50px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 25px;
  z-index: 1; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: 25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.slick-dots li button:before {
  color: #fff;
  opacity: 1;
  font-size: 10px; }

.slick-dots li.slick-active button:before {
  color: #33a3c9;
  opacity: 1;
  font-size: 10px; }

.contextSensitiveSearch {
  margin-bottom: 32px;
  margin-bottom: 2rem; }
  .contextSensitiveSearch header {
    position: relative;
    background-color: #33a3c9;
    min-height: 40px;
    display: block; }
    .contextSensitiveSearch header h3 {
      font-size: 16px;
      font-size: 1rem;
      color: #fff;
      margin: 0;
      padding: 10px;
      font-weight: 400;
      line-height: 1.3; }
  .contextSensitiveSearch .shopItemList .search-item {
    display: none; }
  .contextSensitiveSearch .shopItemList .search-item.slick-slide {
    height: 410px;
    margin: 0 2px 0 0; }
    .contextSensitiveSearch .shopItemList .search-item.slick-slide:hover:before {
      content: none; }
    .contextSensitiveSearch .shopItemList .search-item.slick-slide .articleimage {
      padding: 8px;
      padding: 0.5rem;
      float: none;
      width: 100%;
      text-align: center;
      margin-right: 8px;
      margin-right: 0.5rem;
      min-width: 160px; }
      .contextSensitiveSearch .shopItemList .search-item.slick-slide .articleimage img {
        max-height: 120px;
        max-width: 160px;
        height: 100%;
        object-fit: cover;
        display: inline-block; }
    .contextSensitiveSearch .shopItemList .search-item.slick-slide h4 {
      color: #fa6544; }
    .contextSensitiveSearch .shopItemList .search-item.slick-slide .shop {
      position: absolute;
      bottom: 0px;
      left: 0px;
      padding: 0 0 10px 20px; }
      .contextSensitiveSearch .shopItemList .search-item.slick-slide .shop .price {
        display: inline-block;
        float: left;
        font-weight: 600;
        color: #444 !important;
        margin-right: 16px;
        margin-right: 1rem;
        padding-top: 5px; }
    .contextSensitiveSearch .shopItemList .search-item.slick-slide .basket {
      display: inline-block;
      background-color: transparent !important;
      margin-top: 0px !important; }
      .contextSensitiveSearch .shopItemList .search-item.slick-slide .basket:hover {
        box-shadow: none !important; }
      .contextSensitiveSearch .shopItemList .search-item.slick-slide .basket .icon--basket {
        background-color: #fa6544;
        background-size: 25px !important;
        display: inline-block;
        width: 30px !important;
        height: 30px !important; }
        .contextSensitiveSearch .shopItemList .search-item.slick-slide .basket .icon--basket:hover {
          box-shadow: 1px 1px 12px 0px #aaa; }
  .contextSensitiveSearch .shopItemList.slick-initialized .search-item {
    display: inline-block; }
  .contextSensitiveSearch .shopItemList .slick-prev:before, .contextSensitiveSearch .shopItemList .slick-next:before {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-delay: 0s; }
  .contextSensitiveSearch .shopItemList:hover .slick-prev:before, .contextSensitiveSearch .shopItemList:hover .slick-next:before {
    opacity: 1.0; }
  .contextSensitiveSearch.contextSensitiveSearch-marginal .search-item.slick-slide .text {
    padding-left: 32px;
    padding-left: 2rem;
    padding-right: 32px;
    padding-right: 2rem; }
  .contextSensitiveSearch.contextSensitiveSearch-marginal .search-item.slick-slide .shop {
    padding-left: 32px;
    padding-left: 2rem; }

/**
 * pretty-checkbox.css
 *
 * A pure CSS library to beautify checkbox and radio buttons
 *
 * Source: https://github.com/lokesh-coder/pretty-checkbox
 * Demo: https://lokesh-coder.github.io/pretty-checkbox
 *
 * Copyright (c) 2017 Lokesh rajendran
 */
.pretty * {
  box-sizing: border-box; }

.pretty input:not([type=checkbox]):not([type=radio]) {
  display: none; }

.pretty {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  white-space: nowrap;
  line-height: 1; }

.pretty input {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 1em;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer; }

.pretty .state label {
  position: initial;
  display: inline-block;
  font-weight: 400;
  margin: 0;
  text-indent: 1.5em;
  min-width: calc(1em + 2px); }

.pretty .state label:after, .pretty .state label:before {
  content: '';
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  display: block;
  box-sizing: border-box;
  border-radius: 0;
  border: 1px solid transparent;
  z-index: 0;
  position: absolute;
  left: 0;
  top: calc((0% - (100% - 1em)) - 8%);
  background-color: transparent; }

.pretty .state label:before {
  border-color: #bdc3c7; }

.pretty .state.p-is-hover, .pretty .state.p-is-indeterminate {
  display: none; }

@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale(0); } }

@keyframes tada {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: scale(7); }
  38% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: scale(1); }
  55% {
    animation-timing-function: ease-in;
    transform: scale(1.5); }
  72% {
    animation-timing-function: ease-out;
    transform: scale(1); }
  81% {
    animation-timing-function: ease-in;
    transform: scale(1.24); }
  89% {
    animation-timing-function: ease-out;
    transform: scale(1); }
  95% {
    animation-timing-function: ease-in;
    transform: scale(1.04); }
  100% {
    animation-timing-function: ease-out;
    transform: scale(1); } }

@keyframes jelly {
  0% {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(0.75, 1.25, 1); }
  40% {
    transform: scale3d(1.25, 0.75, 1); }
  50% {
    transform: scale3d(0.85, 1.15, 1); }
  65% {
    transform: scale3d(1.05, 0.95, 1); }
  75% {
    transform: scale3d(0.95, 1.05, 1); }
  100% {
    transform: scale3d(1, 1, 1); } }

@keyframes rotate {
  0% {
    opacity: 0;
    transform: translateZ(-200px) rotate(-45deg); }
  100% {
    opacity: 1;
    transform: translateZ(0) rotate(0); } }

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #bdc3c7; }
  100% {
    box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0); } }

.pretty.p-default.p-fill .state label:after {
  -ms-transform: scale(1);
  transform: scale(1); }

.pretty.p-default .state label:after {
  -ms-transform: scale(0.6);
  transform: scale(0.6); }

.pretty.p-default input:checked ~ .state label:after {
  background-color: #bdc3c7 !important; }

.pretty.p-default.p-thick .state label:after, .pretty.p-default.p-thick .state label:before {
  border-width: calc(1em / 7); }

.pretty.p-default.p-thick .state label:after {
  -ms-transform: scale(0.4) !important;
  transform: scale(0.4) !important; }

.pretty.p-icon .state .icon {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0; }

.pretty.p-icon .state .icon:before {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1; }

.pretty.p-icon input:checked ~ .state .icon {
  opacity: 1; }

.pretty.p-icon input:checked ~ .state label:before {
  border-color: #5a656b; }

.pretty.p-svg .state .svg {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0; }

.pretty.p-svg .state svg {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1; }

.pretty.p-svg input:checked ~ .state .svg {
  opacity: 1; }

.pretty.p-image .state img {
  opacity: 0;
  position: absolute;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  top: 0;
  top: calc((0% - (100% - 1em)) - 8%);
  left: 0;
  z-index: 0;
  text-align: center;
  line-height: normal;
  -ms-transform: scale(0.8);
  transform: scale(0.8); }

.pretty.p-image input:checked ~ .state img {
  opacity: 1; }

.pretty.p-switch input {
  min-width: 2em; }

.pretty.p-switch .state {
  position: relative; }

.pretty.p-switch .state:before {
  content: '';
  border: 1px solid #bdc3c7;
  border-radius: 60px;
  width: 2em;
  box-sizing: unset;
  height: calc(1em + 2px);
  position: absolute;
  top: 0;
  top: calc((0% - (100% - 1em)) - 16%);
  z-index: 0;
  transition: all .5s ease; }

.pretty.p-switch .state label {
  text-indent: 2.5em; }

.pretty.p-switch .state label:after, .pretty.p-switch .state label:before {
  transition: all .5s ease;
  border-radius: 100%;
  left: 0;
  border-color: transparent;
  -ms-transform: scale(0.8);
  transform: scale(0.8); }

.pretty.p-switch .state label:after {
  background-color: #bdc3c7 !important; }

.pretty.p-switch input:checked ~ .state:before {
  border-color: #5a656b; }

.pretty.p-switch input:checked ~ .state label:before {
  opacity: 0; }

.pretty.p-switch input:checked ~ .state label:after {
  background-color: #5a656b !important;
  left: 1em; }

.pretty.p-switch.p-fill input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important; }

.pretty.p-switch.p-fill input:checked ~ .state label:before {
  opacity: 0; }

.pretty.p-switch.p-fill input:checked ~ .state label:after {
  background-color: #fff !important;
  left: 1em; }

.pretty.p-switch.p-slim .state:before {
  height: .1em;
  background: #bdc3c7 !important;
  top: calc(50% - .1em); }

.pretty.p-switch.p-slim input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important; }

.pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) {
  display: none; }

.pretty.p-has-hover input:hover ~ .state.p-is-hover {
  display: block; }

.pretty.p-has-hover input:hover ~ .state.p-is-hover .icon {
  display: block; }

.pretty.p-has-focus input:focus ~ .state label:before {
  box-shadow: 0 0 3px 0 #bdc3c7; }

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state:not(.p-is-indeterminate) {
  display: none; }

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate {
  display: block; }

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate .icon {
  display: block;
  opacity: 1; }

.pretty.p-toggle .state.p-on {
  opacity: 0;
  display: none; }

.pretty.p-toggle .state .icon, .pretty.p-toggle .state .svg, .pretty.p-toggle .state img, .pretty.p-toggle .state.p-off {
  opacity: 1;
  display: inherit; }

.pretty.p-toggle .state.p-off .icon {
  color: #bdc3c7; }

.pretty.p-toggle input:checked ~ .state.p-on {
  opacity: 1;
  display: inherit; }

.pretty.p-toggle input:checked ~ .state.p-off {
  opacity: 0;
  display: none; }

.pretty.p-plain input:checked ~ .state label:before, .pretty.p-plain.p-toggle .state label:before {
  content: none; }

.pretty.p-plain.p-plain .icon {
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.pretty.p-round .state label:after, .pretty.p-round .state label:before {
  border-radius: 100%; }

.pretty.p-round.p-icon .state .icon {
  border-radius: 100%;
  overflow: hidden; }

.pretty.p-round.p-icon .state .icon:before {
  -ms-transform: scale(0.8);
  transform: scale(0.8); }

.pretty.p-curve .state label:after, .pretty.p-curve .state label:before {
  border-radius: 20%; }

.pretty.p-smooth .icon, .pretty.p-smooth .svg, .pretty.p-smooth label:after, .pretty.p-smooth label:before {
  transition: all .5s ease; }

.pretty.p-smooth input:checked + .state label:after {
  transition: all .3s ease; }

.pretty.p-smooth input:checked + .state .icon, .pretty.p-smooth input:checked + .state .svg, .pretty.p-smooth input:checked + .state img {
  animation: zoom .2s ease; }

.pretty.p-smooth.p-default input:checked + .state label:after {
  animation: zoom .2s ease; }

.pretty.p-smooth.p-plain input:checked + .state label:before {
  content: '';
  -ms-transform: scale(0);
  transform: scale(0);
  transition: all .5s ease; }

.pretty.p-tada:not(.p-default) input:checked + .state .icon, .pretty.p-tada:not(.p-default) input:checked + .state .svg, .pretty.p-tada:not(.p-default) input:checked + .state img, .pretty.p-tada:not(.p-default) input:checked + .state label:after, .pretty.p-tada:not(.p-default) input:checked + .state label:before {
  animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
  opacity: 1; }

.pretty.p-jelly:not(.p-default) input:checked + .state .icon, .pretty.p-jelly:not(.p-default) input:checked + .state .svg, .pretty.p-jelly:not(.p-default) input:checked + .state img, .pretty.p-jelly:not(.p-default) input:checked + .state label:after, .pretty.p-jelly:not(.p-default) input:checked + .state label:before {
  animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1; }

.pretty.p-jelly:not(.p-default) input:checked + .state label:before {
  border-color: transparent; }

.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon, .pretty.p-rotate:not(.p-default) input:checked ~ .state .svg, .pretty.p-rotate:not(.p-default) input:checked ~ .state img, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:after, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
  animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1; }

.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
  border-color: transparent; }

.pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before {
  animation: pulse 1s; }

.pretty input[disabled] {
  cursor: not-allowed;
  display: none; }

.pretty input[disabled] ~ * {
  opacity: .5; }

.pretty.p-locked input {
  display: none;
  cursor: not-allowed; }

.pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after {
  background-color: #428bca !important; }

.pretty input:checked ~ .state.p-primary .icon, .pretty input:checked ~ .state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon, .pretty.p-toggle .state.p-primary .svg {
  color: #fff;
  stroke: #fff; }

.pretty input:checked ~ .state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before {
  border-color: #428bca; }

.pretty input:checked ~ .state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after {
  background-color: transparent; }

.pretty input:checked ~ .state.p-primary-o .icon, .pretty input:checked ~ .state.p-primary-o .svg, .pretty input:checked ~ .state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon, .pretty.p-toggle .state.p-primary-o .svg, .pretty.p-toggle .state.p-primary-o svg {
  color: #428bca;
  stroke: #428bca; }

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {
  background-color: #428bca !important; }

.pretty.p-switch input:checked ~ .state.p-primary:before {
  border-color: #428bca; }

.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {
  background-color: #428bca !important; }

.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before {
  border-color: #245682;
  background-color: #245682 !important; }

.pretty input:checked ~ .state.p-info label:after, .pretty.p-toggle .state.p-info label:after {
  background-color: #5bc0de !important; }

.pretty input:checked ~ .state.p-info .icon, .pretty input:checked ~ .state.p-info .svg, .pretty.p-toggle .state.p-info .icon, .pretty.p-toggle .state.p-info .svg {
  color: #fff;
  stroke: #fff; }

.pretty input:checked ~ .state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before {
  border-color: #5bc0de; }

.pretty input:checked ~ .state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after {
  background-color: transparent; }

.pretty input:checked ~ .state.p-info-o .icon, .pretty input:checked ~ .state.p-info-o .svg, .pretty input:checked ~ .state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon, .pretty.p-toggle .state.p-info-o .svg, .pretty.p-toggle .state.p-info-o svg {
  color: #5bc0de;
  stroke: #5bc0de; }

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after {
  background-color: #5bc0de !important; }

.pretty.p-switch input:checked ~ .state.p-info:before {
  border-color: #5bc0de; }

.pretty.p-switch.p-fill input:checked ~ .state.p-info:before {
  background-color: #5bc0de !important; }

.pretty.p-switch.p-slim input:checked ~ .state.p-info:before {
  border-color: #2390b0;
  background-color: #2390b0 !important; }

.pretty input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after {
  background-color: #5cb85c !important; }

.pretty input:checked ~ .state.p-success .icon, .pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg {
  color: #fff;
  stroke: #fff; }

.pretty input:checked ~ .state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before {
  border-color: #5cb85c; }

.pretty input:checked ~ .state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after {
  background-color: transparent; }

.pretty input:checked ~ .state.p-success-o .icon, .pretty input:checked ~ .state.p-success-o .svg, .pretty input:checked ~ .state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon, .pretty.p-toggle .state.p-success-o .svg, .pretty.p-toggle .state.p-success-o svg {
  color: #5cb85c;
  stroke: #5cb85c; }

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after {
  background-color: #5cb85c !important; }

.pretty.p-switch input:checked ~ .state.p-success:before {
  border-color: #5cb85c; }

.pretty.p-switch.p-fill input:checked ~ .state.p-success:before {
  background-color: #5cb85c !important; }

.pretty.p-switch.p-slim input:checked ~ .state.p-success:before {
  border-color: #357935;
  background-color: #357935 !important; }

.pretty input:checked ~ .state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after {
  background-color: #f0ad4e !important; }

.pretty input:checked ~ .state.p-warning .icon, .pretty input:checked ~ .state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon, .pretty.p-toggle .state.p-warning .svg {
  color: #fff;
  stroke: #fff; }

.pretty input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before {
  border-color: #f0ad4e; }

.pretty input:checked ~ .state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after {
  background-color: transparent; }

.pretty input:checked ~ .state.p-warning-o .icon, .pretty input:checked ~ .state.p-warning-o .svg, .pretty input:checked ~ .state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon, .pretty.p-toggle .state.p-warning-o .svg, .pretty.p-toggle .state.p-warning-o svg {
  color: #f0ad4e;
  stroke: #f0ad4e; }

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {
  background-color: #f0ad4e !important; }

.pretty.p-switch input:checked ~ .state.p-warning:before {
  border-color: #f0ad4e; }

.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before {
  background-color: #f0ad4e !important; }

.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before {
  border-color: #c77c11;
  background-color: #c77c11 !important; }

.pretty input:checked ~ .state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after {
  background-color: #d9534f !important; }

.pretty input:checked ~ .state.p-danger .icon, .pretty input:checked ~ .state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon, .pretty.p-toggle .state.p-danger .svg {
  color: #fff;
  stroke: #fff; }

.pretty input:checked ~ .state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before {
  border-color: #d9534f; }

.pretty input:checked ~ .state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after {
  background-color: transparent; }

.pretty input:checked ~ .state.p-danger-o .icon, .pretty input:checked ~ .state.p-danger-o .svg, .pretty input:checked ~ .state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon, .pretty.p-toggle .state.p-danger-o .svg, .pretty.p-toggle .state.p-danger-o svg {
  color: #d9534f;
  stroke: #d9534f; }

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after {
  background-color: #d9534f !important; }

.pretty.p-switch input:checked ~ .state.p-danger:before {
  border-color: #d9534f; }

.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before {
  background-color: #d9534f !important; }

.pretty.p-switch.p-slim input:checked ~ .state.p-danger:before {
  border-color: #a02622;
  background-color: #a02622 !important; }

.pretty.p-bigger .icon, .pretty.p-bigger .img, .pretty.p-bigger .svg, .pretty.p-bigger label:after, .pretty.p-bigger label:before {
  font-size: 1.2em !important;
  top: calc((0% - (100% - 1em)) - 35%) !important; }

.pretty.p-bigger label {
  text-indent: 1.7em; }

@media print {
  .pretty .state .icon, .pretty .state label:after, .pretty .state label:before, .pretty .state:before {
    color-adjust: exact;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact; } }

/*!
 * jQuery mmenu
 * mmenu.frebsite.nl
 *
 * Copyright (c) Fred Heusschen
 */
.mm-hidden {
  display: none !important; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu {
  box-sizing: border-box;
  background: inherit;
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
  color: inherit;
  text-decoration: none; }

.mm-panels, .mm-panels > .mm-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.mm-panel, .mm-panels {
  background: inherit;
  border-color: inherit;
  box-sizing: border-box;
  margin: 0; }

.mm-panels {
  overflow: hidden; }

.mm-panel {
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 20px;
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0);
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  -ms-transform-origin: top left;
  transform-origin: top left; }

.mm-panel:not(.mm-hidden) {
  display: block; }

.mm-panel:after, .mm-panel:before {
  content: '';
  display: block;
  height: 20px; }

.mm-panel_has-navbar {
  padding-top: 40px; }

.mm-panel_opened {
  z-index: 1;
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-panel_opened-parent {
  -ms-transform: translate(-30%, 0);
  transform: translate(-30%, 0);
  transform: translate3d(-30%, 0, 0); }

.mm-panel_highest {
  z-index: 2; }

.mm-panel_noanimation {
  transition: none !important; }

.mm-panel_noanimation.mm-panel_opened-parent {
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-listitem_vertical > .mm-panel {
  -ms-transform: none !important;
  transform: none !important;
  display: none;
  padding: 10px 0 10px 10px; }

.mm-listitem_vertical > .mm-panel:after, .mm-listitem_vertical > .mm-panel:before {
  content: none;
  display: none; }

.mm-listitem_opened > .mm-panel {
  display: block; }

.mm-listitem_vertical > .mm-btn_next {
  box-sizing: border-box;
  height: 40px;
  bottom: auto; }

.mm-listitem_vertical .mm-listitem:last-child:after {
  border-color: transparent; }

.mm-listitem_opened > .mm-btn_next:after {
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  right: 19px; }

.mm-btn {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  z-index: 1; }

.mm-btn_fullwidth {
  width: 100%; }

.mm-btn_clear:after, .mm-btn_clear:before, .mm-btn_close:after, .mm-btn_close:before {
  content: '';
  border: 2px solid transparent;
  box-sizing: content-box;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.mm-btn_clear:before, .mm-btn_close:before {
  border-right: none;
  border-bottom: none;
  right: 18px; }

.mm-btn_clear:after, .mm-btn_close:after {
  border-left: none;
  border-top: none;
  right: 25px; }

.mm-btn_next:after, .mm-btn_prev:before {
  content: '';
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  box-sizing: content-box;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0; }

.mm-btn_prev:before {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 23px;
  right: auto; }

.mm-btn_next:after {
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 23px;
  left: auto; }

.mm-navbar {
  border-bottom: 1px solid;
  border-color: inherit;
  text-align: center;
  line-height: 20px;
  display: none;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  transition: opacity .4s ease; }

.mm-navbar > * {
  box-sizing: border-box;
  display: block;
  padding: 10px 0; }

.mm-navbar a, .mm-navbar a:hover {
  text-decoration: none; }

.mm-navbar__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.mm-navbar__btn:first-child {
  left: 0; }

.mm-navbar__btn:last-child {
  text-align: right;
  right: 0; }

.mm-panel_has-navbar .mm-navbar {
  display: block; }

.mm-listitem, .mm-listview {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-listitem, .mm-listitem .mm-btn_next, .mm-listitem .mm-btn_next:before, .mm-listitem:after, .mm-listview {
  border-color: inherit; }

.mm-listview {
  font: inherit;
  line-height: 20px; }

.mm-panels > .mm-panel > .mm-listview {
  margin: 20px -20px; }

.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -20px; }

.mm-listitem {
  position: relative; }

.mm-listitem:after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.mm-listitem:after {
  left: 20px; }

.mm-listitem a, .mm-listitem a:hover {
  text-decoration: none; }

.mm-listitem > a, .mm-listitem > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0; }

.mm-listitem .mm-btn_next {
  background: rgba(3, 2, 1, 0);
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2; }

.mm-listitem .mm-btn_next:before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; }

.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) {
  width: 50px; }

.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) + a, .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) + span {
  margin-right: 50px; }

.mm-listitem .mm-btn_fullwidth:before {
  border-left: none; }

.mm-listitem .mm-btn_fullwidth + a, .mm-listitem .mm-btn_fullwidth + span {
  padding-right: 50px; }

.mm-listitem_divider {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 75%;
  text-transform: uppercase;
  padding: 5px 10px 5px 20px; }

.mm-listitem_divider:after {
  content: ' ';
  display: none;
  position: static;
  display: inline-block; }

.mm-listitem_spacer {
  padding-top: 40px; }

.mm-listitem_spacer > .mm-btn_next {
  top: 40px; }

.mm-menu {
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75); }

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-listview .mm-btn_next:after {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-listview a:not(.mm-btn_next) {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
  tap-highlight-color: rgba(255, 255, 255, 0.4); }

.mm-menu .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu .mm-listitem_selected > span {
  background: rgba(255, 255, 255, 0.4); }

.mm-menu .mm-listitem_opened > .mm-btn_next, .mm-menu .mm-listitem_opened > .mm-panel {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu .mm-listitem_divider {
  background: rgba(0, 0, 0, 0.05); }

.mm-page {
  box-sizing: border-box;
  position: relative; }

.mm-slideout {
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  z-index: 1; }

.mm-wrapper_opened {
  overflow-x: hidden;
  position: relative; }

.mm-wrapper_background .mm-page {
  background: inherit; }

.mm-menu_offcanvas {
  display: none;
  position: fixed;
  right: auto;
  z-index: 0; }

.mm-menu_offcanvas.mm-menu_opened {
  display: block; }

.mm-menu_offcanvas.mm-menu_opened.mm-no-csstransforms {
  z-index: 10; }

.mm-menu_offcanvas {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
  -ms-transform: translate(80vw, 0);
  transform: translate(80vw, 0);
  transform: translate3d(80vw, 0, 0); }

@media all and (max-width: 175px) {
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(140px, 0);
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 550px) {
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(440px, 0);
    transform: translate(440px, 0);
    transform: translate3d(440px, 0, 0); } }

.mm-page__blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2; }

.mm-wrapper_blocking {
  overflow: hidden; }

.mm-wrapper_blocking body {
  overflow: hidden; }

.mm-wrapper_blocking .mm-page__blocker {
  display: block; }

.mm-sronly {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  width: 1px !important;
  min-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important; }

.mm-menu_autoheight {
  transition: none .4s ease;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform; }

.mm-menu_autoheight:not(.mm-menu_offcanvas) {
  position: relative; }

.mm-menu_autoheight.mm-menu_position-bottom, .mm-menu_autoheight.mm-menu_position-top {
  max-height: 80%; }

.mm-menu_autoheight-measuring .mm-panel {
  display: block !important; }

.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel {
  display: none !important; }

.mm-menu_autoheight-measuring .mm-panels > .mm-panel {
  bottom: auto !important;
  height: auto !important; }

[class*=mm-menu_columns-] {
  transition-property: width; }

[class*=mm-menu_columns-] .mm-panels > .mm-panel {
  right: auto;
  transition-property: width,transform;
  transition-property: width,transform,-webkit-transform; }

[class*=mm-menu_columns-] .mm-panels > .mm-panel_opened, [class*=mm-menu_columns-] .mm-panels > .mm-panel_opened-parent {
  display: block !important; }

[class*=mm-panel_columns-] {
  border-right: 1px solid;
  border-color: inherit; }

.mm-menu_columns-1 .mm-panel_columns-0, .mm-menu_columns-2 .mm-panel_columns-1, .mm-menu_columns-3 .mm-panel_columns-2, .mm-menu_columns-4 .mm-panel_columns-3 {
  border-right: none; }

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-0 {
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu_columns-0 .mm-panels > .mm-panel {
  z-index: 0; }

.mm-menu_columns-0 .mm-panels > .mm-panel else {
  width: 100%; }

.mm-menu_columns-0 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0); }

.mm-menu_columns-0 {
  width: 80%;
  min-width: 140px;
  max-width: 0; }

.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened ~ .mm-slideout {
  -ms-transform: translate(80vw, 0);
  transform: translate(80vw, 0);
  transform: translate3d(80vw, 0, 0); }

@media all and (max-width: 175px) {
  .mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(140px, 0);
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 0px) {
  .mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0); } }

.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -ms-transform: translate(-80vw, 0);
  transform: translate(-80vw, 0);
  transform: translate3d(-80vw, 0, 0); }

@media all and (max-width: 175px) {
  .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 0px) {
  .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0); } }

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-1 {
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0); }

.mm-menu_columns-1 .mm-panels > .mm-panel {
  z-index: 1;
  width: 100%; }

.mm-menu_columns-1 .mm-panels > .mm-panel else {
  width: 100%; }

.mm-menu_columns-1 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
  -ms-transform: translate(200%, 0);
  transform: translate(200%, 0);
  transform: translate3d(200%, 0, 0); }

.mm-menu_columns-1 {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened ~ .mm-slideout {
  -ms-transform: translate(80vw, 0);
  transform: translate(80vw, 0);
  transform: translate3d(80vw, 0, 0); }

@media all and (max-width: 175px) {
  .mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(140px, 0);
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 550px) {
  .mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(440px, 0);
    transform: translate(440px, 0);
    transform: translate3d(440px, 0, 0); } }

.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -ms-transform: translate(-80vw, 0);
  transform: translate(-80vw, 0);
  transform: translate3d(-80vw, 0, 0); }

@media all and (max-width: 175px) {
  .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 550px) {
  .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(-440px, 0);
    transform: translate(-440px, 0);
    transform: translate3d(-440px, 0, 0); } }

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-2 {
  -ms-transform: translate(200%, 0);
  transform: translate(200%, 0);
  transform: translate3d(200%, 0, 0); }

.mm-menu_columns-2 .mm-panels > .mm-panel {
  z-index: 2;
  width: 50%; }

.mm-menu_columns-2 .mm-panels > .mm-panel else {
  width: 100%; }

.mm-menu_columns-2 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
  -ms-transform: translate(300%, 0);
  transform: translate(300%, 0);
  transform: translate3d(300%, 0, 0); }

.mm-menu_columns-2 {
  width: 80%;
  min-width: 140px;
  max-width: 880px; }

.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened ~ .mm-slideout {
  -ms-transform: translate(80vw, 0);
  transform: translate(80vw, 0);
  transform: translate3d(80vw, 0, 0); }

@media all and (max-width: 175px) {
  .mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(140px, 0);
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 1100px) {
  .mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(880px, 0);
    transform: translate(880px, 0);
    transform: translate3d(880px, 0, 0); } }

.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -ms-transform: translate(-80vw, 0);
  transform: translate(-80vw, 0);
  transform: translate3d(-80vw, 0, 0); }

@media all and (max-width: 175px) {
  .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 1100px) {
  .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(-880px, 0);
    transform: translate(-880px, 0);
    transform: translate3d(-880px, 0, 0); } }

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-3 {
  -ms-transform: translate(300%, 0);
  transform: translate(300%, 0);
  transform: translate3d(300%, 0, 0); }

.mm-menu_columns-3 .mm-panels > .mm-panel {
  z-index: 3;
  width: 33.34%; }

.mm-menu_columns-3 .mm-panels > .mm-panel else {
  width: 100%; }

.mm-menu_columns-3 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
  -ms-transform: translate(400%, 0);
  transform: translate(400%, 0);
  transform: translate3d(400%, 0, 0); }

.mm-menu_columns-3 {
  width: 80%;
  min-width: 140px;
  max-width: 1320px; }

.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened ~ .mm-slideout {
  -ms-transform: translate(80vw, 0);
  transform: translate(80vw, 0);
  transform: translate3d(80vw, 0, 0); }

@media all and (max-width: 175px) {
  .mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(140px, 0);
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 1650px) {
  .mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(1320px, 0);
    transform: translate(1320px, 0);
    transform: translate3d(1320px, 0, 0); } }

.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -ms-transform: translate(-80vw, 0);
  transform: translate(-80vw, 0);
  transform: translate3d(-80vw, 0, 0); }

@media all and (max-width: 175px) {
  .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 1650px) {
  .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(-1320px, 0);
    transform: translate(-1320px, 0);
    transform: translate3d(-1320px, 0, 0); } }

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-4 {
  -ms-transform: translate(400%, 0);
  transform: translate(400%, 0);
  transform: translate3d(400%, 0, 0); }

.mm-menu_columns-4 .mm-panels > .mm-panel {
  z-index: 4;
  width: 25%; }

.mm-menu_columns-4 .mm-panels > .mm-panel else {
  width: 100%; }

.mm-menu_columns-4 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
  -ms-transform: translate(500%, 0);
  transform: translate(500%, 0);
  transform: translate3d(500%, 0, 0); }

.mm-menu_columns-4 {
  width: 80%;
  min-width: 140px;
  max-width: 1760px; }

.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened ~ .mm-slideout {
  -ms-transform: translate(80vw, 0);
  transform: translate(80vw, 0);
  transform: translate3d(80vw, 0, 0); }

@media all and (max-width: 175px) {
  .mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(140px, 0);
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 2200px) {
  .mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(1760px, 0);
    transform: translate(1760px, 0);
    transform: translate3d(1760px, 0, 0); } }

.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -ms-transform: translate(-80vw, 0);
  transform: translate(-80vw, 0);
  transform: translate3d(-80vw, 0, 0); }

@media all and (max-width: 175px) {
  .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 2200px) {
  .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(-1760px, 0);
    transform: translate(-1760px, 0);
    transform: translate3d(-1760px, 0, 0); } }

[class*=mm-menu_columns-].mm-menu_position-bottom, [class*=mm-menu_columns-].mm-menu_position-top {
  width: 100%;
  max-width: 100%;
  min-width: 100%; }

.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front {
  transition-property: width,min-width,max-width,transform;
  transition-property: width,min-width,max-width,transform,-webkit-transform; }

.mm-counter {
  font-style: normal;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 45px;
  top: 50%; }

.mm-counter + .mm-btn_next:not(.mm-btn_fullwidth) {
  width: 90px; }

.mm-counter + .mm-btn_next:not(.mm-btn_fullwidth) + a, .mm-counter + .mm-btn_next:not(.mm-btn_fullwidth) + span {
  margin-right: 90px; }

.mm-counter + .mm-btn_fullwidth + a, .mm-counter + .mm-btn_fullwidth + span {
  padding-right: 90px; }

.mm-listitem_vertical > .mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-listitem_vertical.mm-listitem_spacer > .mm-counter {
  margin-top: 40px; }

.mm-listitem_nosubitems > .mm-counter {
  display: none; }

.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-listitem_divider {
  opacity: 1;
  transition: opacity .4s ease; }

.mm-menu_dividers-light .mm-listitem_divider {
  background: inherit;
  font-size: inherit;
  color: rgba(0, 0, 0, 0.3);
  padding-top: 15px;
  padding-bottom: 5px; }

.mm-border-none .mm-listitem_divider {
  border-top-width: 1px;
  border-top-style: solid; }

.mm-listview_fixeddivider {
  background: inherit;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-listview_fixeddivider:after {
  content: none !important;
  display: none !important; }

.mm-panel_dividers .mm-listview_fixeddivider {
  display: block; }

.mm-wrapper_opened.mm-dragging .mm-menu, .mm-wrapper_opened.mm-dragging .mm-slideout {
  transition-duration: 0s; }

.mm-menu_dropdown {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  height: 80%; }

.mm-wrapper_dropdown .mm-slideout {
  -ms-transform: none !important;
  transform: none !important;
  z-index: 0; }

.mm-wrapper_dropdown .mm-page__blocker {
  transition-delay: 0s !important;
  z-index: 1; }

.mm-wrapper_dropdown .mm-menu_dropdown {
  z-index: 2; }

.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown {
  display: none; }

[class*=mm-menu_tip-]:before {
  content: '';
  background: inherit;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 0;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.mm-menu_tip-left:before {
  left: 22px; }

.mm-menu_tip-right:before {
  right: 22px; }

.mm-menu_tip-top:before {
  top: -8px; }

.mm-menu_tip-bottom:before {
  bottom: -8px; }

.mm-iconbar {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-right-width: 1px;
  text-align: center;
  line-height: 20px;
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2; }

.mm-iconbar__bottom, .mm-iconbar__top {
  width: inherit;
  position: absolute;
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-iconbar__bottom > *, .mm-iconbar__top > * {
  box-sizing: border-box;
  display: block;
  padding: 10px 0; }

.mm-iconbar__bottom a, .mm-iconbar__bottom a:hover, .mm-iconbar__top a, .mm-iconbar__top a:hover {
  text-decoration: none; }

.mm-iconbar__top {
  top: 0; }

.mm-iconbar__bottom {
  bottom: 0; }

.mm-menu_iconbar-40 .mm-navbars_bottom, .mm-menu_iconbar-40 .mm-navbars_top, .mm-menu_iconbar-40 .mm-panels {
  left: 40px; }

.mm-menu_iconbar-40 .mm-iconbar {
  width: 40px; }

.mm-menu_iconbar-60 .mm-navbars_bottom, .mm-menu_iconbar-60 .mm-navbars_top, .mm-menu_iconbar-60 .mm-panels {
  left: 60px; }

.mm-menu_iconbar-60 .mm-iconbar {
  width: 60px; }

.mm-menu_iconbar-80 .mm-navbars_bottom, .mm-menu_iconbar-80 .mm-navbars_top, .mm-menu_iconbar-80 .mm-panels {
  left: 80px; }

.mm-menu_iconbar-80 .mm-iconbar {
  width: 80px; }

.mm-iconbar, .mm-iconbar a {
  color: rgba(0, 0, 0, 0.3); }

.mm-iconbar__tab_selected {
  background: rgba(255, 255, 255, 0.4); }

[class*=mm-menu_iconpanel-] .mm-panels > .mm-panel {
  transition-property: transform,left;
  transition-property: transform,left,-webkit-transform; }

[class*=mm-menu_iconpanel-] .mm-panels > .mm-panel_iconpanel-first, [class*=mm-menu_iconpanel-] .mm-panels > .mm-panel_iconpanel-first.mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 0; }

[class*=mm-menu_iconpanel-] .mm-panels > .mm-panel_opened, [class*=mm-menu_iconpanel-] .mm-panels > .mm-panel_opened-parent {
  display: block !important; }

[class*=mm-menu_iconpanel-] .mm-panels > .mm-panel_opened-parent[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0), [class*=mm-menu_iconpanel-] .mm-panels > .mm-panel_opened[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
  border-left: 1px solid;
  border-color: inherit; }

[class*=mm-menu_iconpanel-] .mm-panels > .mm-panel_opened-parent {
  overflow-y: hidden;
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

[class*=mm-menu_iconpanel-].mm-menu_hidedivider .mm-panel_opened-parent .mm-listitem_divider, [class*=mm-menu_iconpanel-].mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar {
  opacity: 0; }

.mm-menu_iconpanel-40 .mm-panel_iconpanel-0, .mm-menu_iconpanel-40 .mm-panel_iconpanel-0.mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 0; }

.mm-menu_iconpanel-40 .mm-panel_iconpanel-1, .mm-menu_iconpanel-40 .mm-panel_iconpanel-1.mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 40px; }

.mm-menu_iconpanel-40 .mm-panel_iconpanel-2, .mm-menu_iconpanel-40 .mm-panel_iconpanel-2.mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 80px; }

.mm-menu_iconpanel-40 .mm-panel_iconpanel-3, .mm-menu_iconpanel-40 .mm-panel_iconpanel-3.mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 120px; }

.mm-menu_iconpanel-40 .mm-panel_iconpanel-first ~ .mm-panel, .mm-menu_iconpanel-40 .mm-panel_iconpanel-first ~ .mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 40px; }

.mm-menu_iconpanel-60 .mm-panel_iconpanel-0, .mm-menu_iconpanel-60 .mm-panel_iconpanel-0.mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 0; }

.mm-menu_iconpanel-60 .mm-panel_iconpanel-1, .mm-menu_iconpanel-60 .mm-panel_iconpanel-1.mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 60px; }

.mm-menu_iconpanel-60 .mm-panel_iconpanel-2, .mm-menu_iconpanel-60 .mm-panel_iconpanel-2.mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 120px; }

.mm-menu_iconpanel-60 .mm-panel_iconpanel-3, .mm-menu_iconpanel-60 .mm-panel_iconpanel-3.mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 180px; }

.mm-menu_iconpanel-60 .mm-panel_iconpanel-first ~ .mm-panel, .mm-menu_iconpanel-60 .mm-panel_iconpanel-first ~ .mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 60px; }

.mm-menu_iconpanel-80 .mm-panel_iconpanel-0, .mm-menu_iconpanel-80 .mm-panel_iconpanel-0.mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 0; }

.mm-menu_iconpanel-80 .mm-panel_iconpanel-1, .mm-menu_iconpanel-80 .mm-panel_iconpanel-1.mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 80px; }

.mm-menu_iconpanel-80 .mm-panel_iconpanel-2, .mm-menu_iconpanel-80 .mm-panel_iconpanel-2.mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 160px; }

.mm-menu_iconpanel-80 .mm-panel_iconpanel-3, .mm-menu_iconpanel-80 .mm-panel_iconpanel-3.mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 240px; }

.mm-menu_iconpanel-80 .mm-panel_iconpanel-first ~ .mm-panel, .mm-menu_iconpanel-80 .mm-panel_iconpanel-first ~ .mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 80px; }

.mm-panel__blocker {
  background: inherit;
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
  transition: opacity .4s ease; }

.mm-panel_opened-parent .mm-panel__blocker {
  opacity: .6;
  bottom: -100000px; }

.mm-menu_keyboardfocus a:focus {
  outline: 0; }

.mm-menu_keyboardfocus a:focus {
  background: rgba(255, 255, 255, 0.4); }

.mm-navbars_bottom, .mm-navbars_top {
  background: inherit;
  border-color: inherit;
  border-width: 0;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1; }

.mm-navbars_bottom > .mm-navbar, .mm-navbars_top > .mm-navbar {
  border-width: 0;
  border-color: inherit;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-navbars_bottom > .mm-navbar:not(.mm-navbar_has-btns), .mm-navbars_top > .mm-navbar:not(.mm-navbar_has-btns) {
  padding: 0; }

.mm-navbars_bottom > .mm-navbar > :not(img):not(.mm-btn), .mm-navbars_top > .mm-navbar > :not(img):not(.mm-btn) {
  -ms-flex: 1;
  flex: 1; }

.mm-navbars_top {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  top: 0;
  bottom: auto; }

.mm-menu_navbar_top-1 .mm-panels {
  top: 40px; }

.mm-menu_navbar_top-2 .mm-panels {
  top: 80px; }

.mm-menu_navbar_top-3 .mm-panels {
  top: 120px; }

.mm-menu_navbar_top-4 .mm-panels {
  top: 160px; }

.mm-navbars_bottom {
  border-top-style: solid;
  border-top-width: 1px;
  bottom: 0;
  top: auto; }

.mm-menu_navbar_bottom-1 .mm-panels {
  bottom: 40px; }

.mm-menu_navbar_bottom-2 .mm-panels {
  bottom: 80px; }

.mm-menu_navbar_bottom-3 .mm-panels {
  bottom: 120px; }

.mm-menu_navbar_bottom-4 .mm-panels {
  bottom: 160px; }

.mm-navbar_size-2 {
  height: 80px; }

.mm-navbar_size-3 {
  height: 120px; }

.mm-navbar_size-4 {
  height: 160px; }

.mm-navbar__breadcrumbs {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  text-align: left;
  padding: 0 0 0 17px; }

.mm-navbar__breadcrumbs > * {
  display: inline-block;
  padding: 10px 3px; }

.mm-navbar__breadcrumbs > a {
  text-decoration: underline; }

.mm-navbar_has-btns .mm-navbar__breadcrumbs {
  margin-left: -40px; }

.mm-navbar_has-btns .mm-btn:not(.mm-hidden) + .mm-navbar__breadcrumbs {
  margin-left: 0;
  padding-left: 0; }

.mm-navbar_tabs, .mm-navbar_tabs ~ .mm-navbar {
  background: inherit !important; }

.mm-navbar__tab_selected {
  background: inherit;
  border-width: 1px;
  border-style: solid;
  border-color: inherit; }

.mm-navbar__tab_selected:first-child {
  border-left: none; }

.mm-navbar__tab_selected:last-child {
  border-right: none; }

.mm-navbars_top .mm-navbar_tabs:not(:last-child) {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: inherit; }

.mm-navbars_top .mm-navbar__tab_selected {
  border-bottom: none;
  margin-bottom: -1px; }

.mm-navbars_top .mm-navbar_tabs:first-child .mm-navbar__tab_selected {
  border-top: none; }

.mm-navbars_bottom .mm-navbar_tabs:not(:first-child) {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: inherit; }

.mm-navbars_bottom .mm-navbar__tab_selected {
  border-top: none;
  margin-top: -1px; }

.mm-navbars_bottom .mm-navbar_tabs:last-child .mm-navbar__tab_selected {
  border-bottom: none; }

.mm-navbar_tabs > :not(.mm-navbar__tab_selected), .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs) {
  background: rgba(255, 255, 255, 0.4); }

.mm-menu_rtl {
  direction: rtl; }

.mm-menu_rtl.mm-menu_offcanvas {
  right: auto; }

.mm-menu_rtl .mm-panel:not(.mm-panel_opened) {
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-menu_rtl .mm-panel.mm-panel_opened-parent {
  -ms-transform: translate(30%, 0);
  transform: translate(30%, 0);
  transform: translate3d(30%, 0, 0); }

.mm-menu_rtl .mm-navbar .mm-btn:first-child {
  left: auto;
  right: 0; }

.mm-menu_rtl .mm-navbar .mm-btn:last-child {
  right: auto;
  left: 0; }

.mm-menu_rtl .mm-navbar .mm-btn_next:after {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 23px;
  right: auto; }

.mm-menu_rtl .mm-navbar .mm-btn_prev:before {
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 23px;
  left: auto; }

.mm-menu_rtl .mm-listitem:after {
  left: 0;
  right: 20px; }

.mm-menu_rtl .mm-listitem > a:not(.mm-btn_next), .mm-menu_rtl .mm-listitem > span:not(.mm-btn_next) {
  padding-left: 10px;
  padding-right: 20px !important;
  margin-right: 0 !important; }

.mm-menu_rtl .mm-listitem .mm-btn_next {
  right: auto;
  left: 0; }

.mm-menu_rtl .mm-listitem .mm-btn_next:before {
  left: auto;
  right: 0; }

.mm-menu_rtl .mm-listitem .mm-btn_next:after {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 23px;
  right: auto; }

.mm-menu_rtl .mm-listitem .mm-btn_next + a, .mm-menu_rtl .mm-listitem .mm-btn_next + span {
  margin-left: 50px; }

.mm-menu_rtl .mm-listitem .mm-btn_fullwidth + a, .mm-menu_rtl .mm-listitem .mm-btn_fullwidth + span {
  padding-left: 50px; }

.mm-menu_rtl .mm-counter {
  left: 45px;
  right: auto; }

.mm-menu_rtl .mm-counter + .mm-btn_next + a, .mm-menu_rtl .mm-counter + .mm-btn_next + span {
  margin-left: 90px; }

.mm-menu_rtl .mm-listview .mm-counter + .mm-btn_fullwidth + a, .mm-menu_rtl .mm-listview .mm-counter + .mm-btn_fullwidth + span {
  padding-left: 90px; }

.mm-menu_rtl[class*=mm-menu_iconpanel-] .mm-panels > .mm-panel {
  transition-property: transform,right;
  transition-property: transform,right,-webkit-transform; }

.mm-menu_rtl[class*=mm-menu_iconpanel-] .mm-panels > .mm-panel_iconpanel-first, .mm-menu_rtl[class*=mm-menu_iconpanel-] .mm-panels > .mm-panel_iconpanel-first.mm-panel_opened ~ .mm-listview_fixeddivider {
  left: 0;
  right: 0; }

.mm-menu_rtl[class*=mm-menu_iconpanel-] .mm-panels > .mm-panel_opened, .mm-menu_rtl[class*=mm-menu_iconpanel-] .mm-panels > .mm-panel_opened-parent {
  border-left: none;
  border-right: 1px solid;
  border-color: inherit; }

.mm-menu_rtl [class*=mm-panel_iconpanel-], .mm-menu_rtl [class*=mm-panel_iconpanel-] ~ .mm-listview_fixeddivider {
  left: 0; }

.mm-menu_rtl [class*=mm-panel_iconpanel-].mm-panel_opened-parent {
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-0, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-0.mm-panel_opened ~ .mm-listview_fixeddivider {
  right: 0; }

.mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-1, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-1.mm-panel_opened ~ .mm-listview_fixeddivider {
  right: 40px; }

.mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-2, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-2.mm-panel_opened ~ .mm-listview_fixeddivider {
  right: 80px; }

.mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-3, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-3.mm-panel_opened ~ .mm-listview_fixeddivider {
  right: 120px; }

.mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-first ~ .mm-panel, .mm-menu_rtl .mm-menu_iconpanel-40 .mm-panel_iconpanel-first ~ .mm-panel_opened ~ .mm-listview_fixeddivider {
  right: 40px; }

.mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-0, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-0.mm-panel_opened ~ .mm-listview_fixeddivider {
  right: 0; }

.mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-1, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-1.mm-panel_opened ~ .mm-listview_fixeddivider {
  right: 60px; }

.mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-2, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-2.mm-panel_opened ~ .mm-listview_fixeddivider {
  right: 120px; }

.mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-3, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-3.mm-panel_opened ~ .mm-listview_fixeddivider {
  right: 180px; }

.mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-first ~ .mm-panel, .mm-menu_rtl .mm-menu_iconpanel-60 .mm-panel_iconpanel-first ~ .mm-panel_opened ~ .mm-listview_fixeddivider {
  right: 60px; }

.mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-0, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-0.mm-panel_opened ~ .mm-listview_fixeddivider {
  right: 0; }

.mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-1, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-1.mm-panel_opened ~ .mm-listview_fixeddivider {
  right: 80px; }

.mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-2, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-2.mm-panel_opened ~ .mm-listview_fixeddivider {
  right: 160px; }

.mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-3, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-3.mm-panel_opened ~ .mm-listview_fixeddivider {
  right: 240px; }

.mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-first ~ .mm-panel, .mm-menu_rtl .mm-menu_iconpanel-80 .mm-panel_iconpanel-first ~ .mm-panel_opened ~ .mm-listview_fixeddivider {
  right: 80px; }

.mm-menu_rtl html[class*=mm-sidebar_expanded-]:not(.mm-sidebar_closed) .mm-menu_rtl ~ .mm-slideout {
  -ms-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
  right: 0; }

.mm-menu_rtl label.mm-check, .mm-menu_rtl label.mm-toggle {
  left: 20px;
  right: auto !important; }

.mm-menu_rtl label.mm-toggle + a, .mm-menu_rtl label.mm-toggle + span {
  padding-left: 80px; }

.mm-menu_rtl label.mm-check + a, .mm-menu_rtl label.mm-check + span {
  padding-left: 60px; }

.mm-menu_rtl .mm-btn_next + label.mm-check, .mm-menu_rtl .mm-btn_next + label.mm-toggle {
  left: 60px; }

.mm-menu_rtl .mm-btn_next + label.mm-check + a, .mm-menu_rtl .mm-btn_next + label.mm-check + span, .mm-menu_rtl .mm-btn_next + label.mm-toggle + a, .mm-menu_rtl .mm-btn_next + label.mm-toggle + span {
  margin-left: 50px; }

.mm-menu_rtl .mm-btn_next + label.mm-toggle + a, .mm-menu_rtl .mm-btn_next + label.mm-toggle + span {
  padding-left: 70px; }

.mm-menu_rtl .mm-btn_next + label.mm-check + a, .mm-menu_rtl .mm-btn_next + label.mm-check + span {
  padding-left: 50px; }

.mm-menu_rtl .mm-counter + .mm-btn_next + label.mm-check, .mm-menu_rtl .mm-counter + .mm-btn_next + label.mm-toggle {
  left: 100px; }

.mm-menu_rtl .mm-counter + .mm-btn_next + label.mm-check + a, .mm-menu_rtl .mm-counter + .mm-btn_next + label.mm-check + span, .mm-menu_rtl .mm-counter + .mm-btn_next + label.mm-toggle + a, .mm-menu_rtl .mm-counter + .mm-btn_next + label.mm-toggle + span {
  margin-left: 90px; }

.mm-searchfield {
  height: 40px;
  padding: 0;
  display: -ms-flexbox;
  display: flex; }

.mm-searchfield input {
  border: none !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 4px;
  font: inherit;
  font-size: inherit;
  line-height: 26px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 26px;
  min-height: 26px;
  max-height: 26px;
  margin: 0;
  padding: 0 10px; }

.mm-searchfield input::-ms-clear {
  display: none; }

.mm-searchfield__input {
  padding: 7px 10px 0 10px;
  position: relative; }

.mm-panel__noresultsmsg {
  text-align: center;
  font-size: 150%;
  padding: 40px 0; }

.mm-searchfield__btn {
  right: 0;
  top: 0; }

.mm-searchfield__input {
  -ms-flex: 1;
  flex: 1;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%; }

.mm-searchfield__cancel {
  text-decoration: none;
  line-height: 40px;
  display: block;
  padding-right: 10px;
  margin-right: -100px;
  transition: margin .4s ease; }

.mm-searchfield__cancel-active {
  margin-right: 0; }

.mm-panel > .mm-searchfield {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.mm-panel_has-searchfield {
  padding-top: 40px; }

.mm-panel_has-navbar.mm-panel_has-searchfield {
  padding-top: 80px; }

.mm-panel_has-navbar.mm-panel_has-searchfield > .mm-searchfield {
  top: 40px; }

.mm-listitem_nosubitems > .mm-btn_next {
  display: none; }

.mm-listitem_nosubitems > .mm-btn_next + a, .mm-listitem_nosubitems > .mm-btn_next + span {
  padding-right: 10px; }

.mm-searchfield input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.75); }

.mm-panel__noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-sectionindexer {
  background: inherit;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -20px;
  z-index: 15;
  transition: right .4s ease;
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }

.mm-sectionindexer a {
  line-height: 1;
  text-decoration: none;
  display: block; }

.mm-sectionindexer ~ .mm-panels {
  transition: right .4s ease; }

.mm-menu_has-sectionindexer .mm-sectionindexer {
  right: 0; }

.mm-menu_has-sectionindexer .mm-panels {
  right: 20px; }

.mm-menu_navbar_top-1 .mm-sectionindexer {
  top: 42px; }

.mm-menu_navbar_top-2 .mm-sectionindexer {
  top: 82px; }

.mm-menu_navbar_top-3 .mm-sectionindexer {
  top: 122px; }

.mm-menu_navbar_top-4 .mm-sectionindexer {
  top: 162px; }

.mm-menu_navbar_bottom-1 .mm-sectionindexer {
  bottom: 42px; }

.mm-menu_navbar_bottom-2 .mm-sectionindexer {
  bottom: 82px; }

.mm-menu_navbar_bottom-3 .mm-sectionindexer {
  bottom: 122px; }

.mm-menu_navbar_bottom-4 .mm-sectionindexer {
  bottom: 162px; }

.mm-sectionindexer a {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth + a, .mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth + span, .mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth), .mm-menu_selected-parent .mm-listitem > a.mm-btn_fullwidth + a, .mm-menu_selected-parent .mm-listitem > a.mm-btn_fullwidth + span, .mm-menu_selected-parent .mm-listitem > a:not(.mm-btn_fullwidth) {
  transition: background .4s ease; }

.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > a, .mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > span {
  background: 0 0; }

.mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth:hover + span, .mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth):hover {
  background: rgba(255, 255, 255, 0.4); }

.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > a, .mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > span {
  background: 0 0; }

.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_fullwidth + span, .mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_next:not(.mm-btn_fullwidth) {
  background: rgba(255, 255, 255, 0.4); }

[class*=mm-wrapper_sidebar-collapsed-] body, [class*=mm-wrapper_sidebar-expanded-] body {
  position: relative; }

[class*=mm-wrapper_sidebar-collapsed-] .mm-slideout, [class*=mm-wrapper_sidebar-expanded-] .mm-slideout {
  transition-property: width,transform;
  transition-property: width,transform,-webkit-transform; }

[class*=mm-wrapper_sidebar-collapsed-] .mm-page, [class*=mm-wrapper_sidebar-expanded-] .mm-page {
  background: inherit;
  box-sizing: border-box;
  min-height: 100vh; }

[class*=mm-wrapper_sidebar-collapsed-] .mm-menu_sidebar-collapsed, [class*=mm-wrapper_sidebar-expanded-] .mm-menu_sidebar-expanded {
  display: block !important;
  top: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important; }

[class*=mm-wrapper_sidebar-collapsed-]:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-listitem_divider, [class*=mm-wrapper_sidebar-collapsed-]:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar {
  opacity: 0; }

.mm-wrapper_sidebar-collapsed-40 .mm-slideout, [class*=mm-wrapper_sidebar-expanded-].mm-menu_sidebar-closed.mm-menu_sidebar-collapsed-40 .mm-slideout {
  width: calc(100% - 40px);
  -ms-transform: translate(40px, 0);
  transform: translate(40px, 0);
  transform: translate3d(40px, 0, 0); }

.mm-wrapper_sidebar-collapsed-60 .mm-slideout, [class*=mm-wrapper_sidebar-expanded-].mm-menu_sidebar-closed.mm-menu_sidebar-collapsed-60 .mm-slideout {
  width: calc(100% - 60px);
  -ms-transform: translate(60px, 0);
  transform: translate(60px, 0);
  transform: translate3d(60px, 0, 0); }

.mm-wrapper_sidebar-collapsed-80 .mm-slideout, [class*=mm-wrapper_sidebar-expanded-].mm-menu_sidebar-closed.mm-menu_sidebar-collapsed-80 .mm-slideout {
  width: calc(100% - 80px);
  -ms-transform: translate(80px, 0);
  transform: translate(80px, 0);
  transform: translate3d(80px, 0, 0); }

[class*=mm-wrapper_sidebar-expanded-] .mm-menu_sidebar-expanded {
  border-right-width: 1px;
  border-right-style: solid;
  min-width: 0 !important;
  max-width: 100000px !important; }

[class*=mm-wrapper_sidebar-expanded-] .mm-menu_sidebar-expanded.mm-menu_pageshadow:after {
  content: none;
  display: none; }

[class*=mm-wrapper_sidebar-expanded-].mm-wrapper_blocking, [class*=mm-wrapper_sidebar-expanded-].mm-wrapper_blocking body {
  overflow: visible; }

[class*=mm-wrapper_sidebar-expanded-] .mm-page__blocker {
  display: none !important; }

.mm-wrapper_sidebar-expanded-25:not(.mm-wrapper_sidebar-closed) .mm-slideout {
  width: 75%;
  -ms-transform: translate(33.33333%, 0) !important;
  transform: translate(33.33333%, 0) !important;
  transform: translate3d(33.33333%, 0, 0) !important; }

.mm-wrapper_sidebar-expanded-25 .mm-menu_sidebar-expanded {
  width: 25% !important; }

.mm-wrapper_sidebar-expanded-30:not(.mm-wrapper_sidebar-closed) .mm-slideout {
  width: 70%;
  -ms-transform: translate(42.85714%, 0) !important;
  transform: translate(42.85714%, 0) !important;
  transform: translate3d(42.85714%, 0, 0) !important; }

.mm-wrapper_sidebar-expanded-30 .mm-menu_sidebar-expanded {
  width: 30% !important; }

.mm-wrapper_sidebar-expanded-35:not(.mm-wrapper_sidebar-closed) .mm-slideout {
  width: 65%;
  -ms-transform: translate(53.84615%, 0) !important;
  transform: translate(53.84615%, 0) !important;
  transform: translate3d(53.84615%, 0, 0) !important; }

.mm-wrapper_sidebar-expanded-35 .mm-menu_sidebar-expanded {
  width: 35% !important; }

.mm-menu__blocker {
  background: rgba(3, 2, 1, 0);
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3; }

.mm-menu_opened .mm-menu__blocker {
  display: none; }

input.mm-check, input.mm-toggle {
  position: absolute;
  left: -10000px; }

label.mm-check, label.mm-toggle {
  margin: 0;
  position: absolute;
  top: 50%;
  z-index: 2; }

label.mm-check:before, label.mm-toggle:before {
  content: '';
  display: block; }

label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-top: -15px; }

label.mm-toggle:before {
  border-radius: 30px;
  width: 28px;
  height: 28px;
  margin: 1px; }

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right; }

label.mm-check {
  width: 30px;
  height: 30px;
  margin-top: -15px; }

label.mm-check:before {
  border-left: 3px solid;
  border-bottom: 3px solid;
  width: 40%;
  height: 20%;
  margin: 25% 0 0 20%;
  opacity: .1;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1; }

.mm-listitem_vertical label.mm-toggle {
  top: 5px;
  bottom: auto;
  margin-top: 0; }

.mm-listitem_vertical label.mm-check {
  top: 5px;
  bottom: auto;
  margin-top: 0; }

label.mm-toggle {
  right: 20px; }

label.mm-toggle + a, label.mm-toggle + span {
  padding-right: 80px; }

label.mm-check {
  right: 20px; }

label.mm-check + a, label.mm-check + span {
  padding-right: 60px; }

.mm-btn_next + label.mm-check, .mm-btn_next + label.mm-toggle {
  right: 60px; }

.mm-btn_next + label.mm-check + a, .mm-btn_next + label.mm-check + span, .mm-btn_next + label.mm-toggle + a, .mm-btn_next + label.mm-toggle + span {
  margin-right: 50px; }

.mm-btn_next + label.mm-toggle + a, .mm-btn_next + label.mm-toggle + span {
  padding-right: 70px; }

.mm-btn_next + label.mm-check + a, .mm-btn_next + label.mm-check + span {
  padding-right: 50px; }

.mm-counter + .mm-btn_next + label.mm-check, .mm-counter + .mm-btn_next + label.mm-toggle {
  right: 100px; }

.mm-counter + .mm-btn_next + label.mm-check + a, .mm-counter + .mm-btn_next + label.mm-check + span, .mm-counter + .mm-btn_next + label.mm-toggle + a, .mm-counter + .mm-btn_next + label.mm-toggle + span {
  margin-right: 90px; }

label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }

label.mm-toggle:before {
  background: #f3f3f3; }

input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.75); }

.mm-menu_border-none .mm-listitem:after, .mm-panel_border-none .mm-listitem:after {
  content: none; }

.mm-menu_border-full .mm-listitem:after, .mm-panel_border-full .mm-listitem:after {
  left: 0 !important; }

.mm-menu_border-offset .mm-listitem:after, .mm-panel_border-offset .mm-listitem:after {
  right: 20px; }

.mm-menu_fx-menu-zoom {
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease; }

.mm-wrapper_opened .mm-menu_fx-menu-zoom {
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -ms-transform-origin: left center;
  transform-origin: left center; }

.mm-wrapper_opening .mm-menu_fx-menu-zoom {
  transform: scale(1, 1) translate3d(0, 0, 0); }

.mm-wrapper_opened .mm-menu_fx-menu-zoom.mm-menu_position-right {
  transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -ms-transform-origin: right center;
  transform-origin: right center; }

.mm-wrapper_opening .mm-menu_fx-menu-zoom.mm-menu_position-right {
  transform: scale(1, 1) translate3d(0, 0, 0); }

.mm-menu_fx-menu-slide {
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease; }

.mm-wrapper_opened .mm-menu_fx-menu-slide {
  -ms-transform: translate(-30%, 0);
  transform: translate(-30%, 0);
  transform: translate3d(-30%, 0, 0); }

.mm-wrapper_opening .mm-menu_fx-menu-slide {
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right {
  -ms-transform: translate(30%, 0);
  transform: translate(30%, 0);
  transform: translate3d(30%, 0, 0); }

.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right {
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu_fx-menu-fade {
  opacity: 0;
  transition: opacity .4s ease; }

.mm-wrapper_opening .mm-menu_fx-menu-fade {
  opacity: 1; }

.mm-menu_fx-panels-none .mm-panel, .mm-panel_fx-none {
  transition-property: none; }

.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent, .mm-panel_fx-none.mm-panel_opened-parent {
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu_fx-panels-zoom .mm-panel, .mm-panel_fx-zoom {
  -ms-transform-origin: left center;
  transform-origin: left center;
  transform: scale(1.5, 1.5) translate3d(100%, 0, 0); }

.mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened, .mm-panel_fx-zoom.mm-panel_opened {
  transform: scale(1, 1) translate3d(0, 0, 0); }

.mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened-parent, .mm-panel_fx-zoom.mm-panel_opened-parent {
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); }

.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent, .mm-panel_fx-slide-0.mm-panel_opened-parent {
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent, .mm-panel_fx-slide-100.mm-panel_opened-parent {
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-menu_fx-panels-slide-up .mm-panel, .mm-panel_fx-slide-up {
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  transform: translate3d(0, 100%, 0); }

.mm-menu_fx-panels-slide-up .mm-panel_opened, .mm-menu_fx-panels-slide-up .mm-panel_opened-parent, .mm-panel_fx-slide-up.mm-panel_opened {
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu_fx-panels-slide-right .mm-panel, .mm-panel_fx-slide-right {
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-menu_fx-panels-slide-right .mm-panel_opened, .mm-menu_fx-panels-slide-right .mm-panel_opened-parent, .mm-panel_fx-slide-right.mm-panel_opened {
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

[class*=mm-menu_fx-listitems-] .mm-listitem {
  transition: none .4s ease; }

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(1) {
  transition-delay: 50ms; }

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(2) {
  transition-delay: .1s; }

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(3) {
  transition-delay: 150ms; }

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(4) {
  transition-delay: .2s; }

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(5) {
  transition-delay: 250ms; }

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(6) {
  transition-delay: .3s; }

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(7) {
  transition-delay: 350ms; }

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(8) {
  transition-delay: .4s; }

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(9) {
  transition-delay: 450ms; }

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(10) {
  transition-delay: .5s; }

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(11) {
  transition-delay: 550ms; }

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(12) {
  transition-delay: .6s; }

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(13) {
  transition-delay: 650ms; }

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(14) {
  transition-delay: .7s; }

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(15) {
  transition-delay: 750ms; }

.mm-menu_fx-listitems-slide .mm-listitem {
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
  transform: translate3d(50%, 0, 0);
  opacity: 0; }

.mm-wrapper_opening .mm-menu_fx-listitems-slide .mm-panel_opened .mm-listitem {
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

.mm-menu_fx-listitems-fade .mm-listitem {
  transition-property: opacity;
  opacity: 0; }

.mm-wrapper_opening .mm-menu_fx-listitems-fade .mm-panel_opened .mm-listitem {
  opacity: 1; }

.mm-menu_fx-listitems-drop .mm-listitem {
  transition-property: opacity,top;
  opacity: 0;
  top: -25%; }

.mm-wrapper_opening .mm-menu_fx-listitems-drop .mm-panel_opened .mm-listitem {
  opacity: 1;
  top: 0; }

.mm-menu_fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px; }

.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened ~ .mm-slideout {
  -ms-transform: translate(100vw, 0);
  transform: translate(100vw, 0);
  transform: translate3d(100vw, 0, 0); }

@media all and (max-width: 140px) {
  .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(140px, 0);
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 10000px) {
  .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(10000px, 0);
    transform: translate(10000px, 0);
    transform: translate3d(10000px, 0, 0); } }

.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -ms-transform: translate(-100vw, 0);
  transform: translate(-100vw, 0);
  transform: translate3d(-100vw, 0, 0); }

@media all and (max-width: 140px) {
  .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 10000px) {
  .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0);
    transform: translate3d(-10000px, 0, 0); } }

.mm-menu_fullscreen.mm-menu_position-top {
  height: 100vh;
  min-height: 140px;
  max-height: 10000px; }

.mm-menu_fullscreen.mm-menu_position-bottom {
  height: 100vh;
  min-height: 140px;
  max-height: 10000px; }

.mm-menu_listview-30 .mm-listitem > a:not(.mm-btn_next), .mm-menu_listview-30 .mm-listitem > span {
  padding-top: 5px;
  padding-bottom: 5px; }

.mm-menu_listview-30 .mm-listitem_vertical > .mm-btn_next {
  height: 30; }

.mm-menu_listview-50 .mm-listitem > a:not(.mm-btn_next), .mm-menu_listview-50 .mm-listitem > span {
  padding-top: 15px;
  padding-bottom: 15px; }

.mm-menu_listview-50 .mm-listitem_vertical > .mm-btn_next {
  height: 50; }

.mm-menu_listview-60 .mm-listitem > a:not(.mm-btn_next), .mm-menu_listview-60 .mm-listitem > span {
  padding-top: 20px;
  padding-bottom: 20px; }

.mm-menu_listview-60 .mm-listitem_vertical > .mm-btn_next {
  height: 60; }

.mm-menu_listview-justify .mm-panels > .mm-panel:after, .mm-menu_listview-justify .mm-panels > .mm-panel:before, .mm-panels > .mm-panel_listview-justify:after, .mm-panels > .mm-panel_listview-justify:before {
  content: none;
  display: none; }

.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listview, .mm-panels > .mm-panel_listview-justify .mm-listview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0; }

.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem, .mm-panels > .mm-panel_listview-justify .mm-listitem {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-height: 40px; }

.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem:not(.mm-listitem_divider), .mm-panels > .mm-panel_listview-justify .mm-listitem:not(.mm-listitem_divider) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem > a:not(.mm-btn_next), .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem > span, .mm-panels > .mm-panel_listview-justify .mm-listitem > a:not(.mm-btn_next), .mm-panels > .mm-panel_listview-justify .mm-listitem > span {
  box-sizing: border-box;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.mm-listview_inset {
  list-style: inside disc;
  padding: 0 10px 15px 40px;
  margin: 0; }

.mm-listview_inset > li {
  padding: 5px 0; }

.mm-menu_multiline .mm-listitem > a, .mm-menu_multiline .mm-listitem > span, .mm-panel_multiline .mm-listitem > a, .mm-panel_multiline .mm-listitem > span {
  text-overflow: clip;
  white-space: normal; }

[class*=mm-menu_pagedim].mm-menu_opened ~ .mm-page__blocker {
  opacity: 0; }

.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened ~ .mm-page__blocker {
  opacity: .3;
  transition: opacity .4s ease .4s; }

.mm-menu_opened.mm-menu_pagedim ~ .mm-page__blocker {
  background: inherit; }

.mm-menu_opened.mm-menu_pagedim-black ~ .mm-page__blocker {
  background: #000; }

.mm-menu_opened.mm-menu_pagedim-white ~ .mm-page__blocker {
  background: #fff; }

.mm-menu_popup {
  transition: opacity .4s ease;
  opacity: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  height: 80%;
  min-height: 140px;
  max-height: 880px;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  z-index: 2;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transform: translate3d(-50%, -50%, 0); }

.mm-menu_popup.mm-menu_opened ~ .mm-slideout {
  -ms-transform: none !important;
  transform: none !important;
  z-index: 0; }

.mm-menu_popup.mm-menu_opened ~ .mm-page__blocker {
  transition-delay: 0s !important;
  z-index: 1; }

.mm-wrapper_opening .mm-menu_popup {
  opacity: 1; }

.mm-menu_position-right {
  left: auto;
  right: 0; }

.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -ms-transform: translate(-80vw, 0);
  transform: translate(-80vw, 0);
  transform: translate3d(-80vw, 0, 0); }

@media all and (max-width: 175px) {
  .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 550px) {
  .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -ms-transform: translate(-440px, 0);
    transform: translate(-440px, 0);
    transform: translate3d(-440px, 0, 0); } }

.mm-menu_position-bottom, .mm-menu_position-front, .mm-menu_position-top {
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease; }

.mm-menu_position-bottom.mm-menu_opened, .mm-menu_position-front.mm-menu_opened, .mm-menu_position-top.mm-menu_opened {
  z-index: 2; }

.mm-menu_position-bottom.mm-menu_opened ~ .mm-slideout, .mm-menu_position-front.mm-menu_opened ~ .mm-slideout, .mm-menu_position-top.mm-menu_opened ~ .mm-slideout {
  -ms-transform: none !important;
  transform: none !important;
  z-index: 0; }

.mm-menu_position-bottom.mm-menu_opened ~ .mm-page__blocker, .mm-menu_position-front.mm-menu_opened ~ .mm-page__blocker, .mm-menu_position-top.mm-menu_opened ~ .mm-page__blocker {
  z-index: 1; }

.mm-menu_position-front {
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-menu_position-front.mm-menu_position-right {
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0); }

.mm-menu_position-bottom, .mm-menu_position-top {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu_position-top {
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  transform: translate3d(0, -100%, 0); }

.mm-menu_position-top {
  height: 80vh;
  min-height: 140px;
  max-height: 880px; }

.mm-menu_position-bottom {
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  transform: translate3d(0, 100%, 0);
  top: auto; }

.mm-menu_position-bottom {
  height: 80vh;
  min-height: 140px;
  max-height: 880px; }

.mm-wrapper_opening .mm-menu_position-bottom, .mm-wrapper_opening .mm-menu_position-front, .mm-wrapper_opening .mm-menu_position-top {
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu_theme-white {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.7); }

.mm-menu_theme-white .mm-navbar a, .mm-menu_theme-white .mm-navbar > * {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu_theme-white .mm-btn:after, .mm-menu_theme-white .mm-btn:before {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu_theme-white .mm-listview .mm-btn_next:after {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu_theme-white .mm-listview a:not(.mm-btn_next) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.03);
  tap-highlight-color: rgba(0, 0, 0, 0.03); }

.mm-menu_theme-white .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu_theme-white .mm-listitem_selected > span {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu_theme-white .mm-listitem_opened > .mm-btn_next, .mm-menu_theme-white .mm-listitem_opened > .mm-panel {
  background: rgba(0, 0, 0, 0.06); }

.mm-menu_theme-white .mm-listitem_divider {
  background: rgba(0, 0, 0, 0.06); }

.mm-menu_theme-white .mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu_theme-white .mm-iconbar, .mm-menu_theme-white .mm-iconbar a {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu_theme-white.mm-menu_keyboardfocus a:focus {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu_theme-white .mm-navbar_tabs > :not(.mm-navbar__tab_selected), .mm-menu_theme-white .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-menu_theme-white .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs) {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu_theme-white.mm-menu_shadow-page:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.mm-menu_theme-white.mm-menu_shadow-panels .mm-panel {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.mm-menu_theme-white .mm-searchfield input {
  background: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.7); }

.mm-menu_theme-white .mm-panel__noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu_theme-white .mm-sectionindexer a {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu_theme-white.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > a, .mm-menu_theme-white.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > span {
  background: 0 0; }

.mm-menu_theme-white.mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth:hover + span, .mm-menu_theme-white.mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth):hover {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu_theme-white.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > a, .mm-menu_theme-white.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > span {
  background: 0 0; }

.mm-menu_theme-white.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_fullwidth + span, .mm-menu_theme-white.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_next:not(.mm-btn_fullwidth) {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu_theme-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.7); }

.mm-menu_theme-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu_theme-white label.mm-toggle:before {
  background: #fff; }

.mm-menu_theme-whiteinput.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu_theme-dark {
  background: #333;
  border-color: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.85); }

.mm-menu_theme-dark .mm-navbar a, .mm-menu_theme-dark .mm-navbar > * {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu_theme-dark .mm-btn:after, .mm-menu_theme-dark .mm-btn:before {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu_theme-dark .mm-listview .mm-btn_next:after {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu_theme-dark .mm-listview a:not(.mm-btn_next) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  tap-highlight-color: rgba(0, 0, 0, 0.1); }

.mm-menu_theme-dark .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu_theme-dark .mm-listitem_selected > span {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu_theme-dark .mm-listitem_opened > .mm-btn_next, .mm-menu_theme-dark .mm-listitem_opened > .mm-panel {
  background: rgba(255, 255, 255, 0.08); }

.mm-menu_theme-dark .mm-listitem_divider {
  background: rgba(255, 255, 255, 0.08); }

.mm-menu_theme-dark .mm-counter {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu_theme-dark .mm-iconbar, .mm-menu_theme-dark .mm-iconbar a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu_theme-dark.mm-menu_keyboardfocus a:focus {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu_theme-dark .mm-navbar_tabs > :not(.mm-navbar__tab_selected), .mm-menu_theme-dark .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-menu_theme-dark .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs) {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu_theme-dark.mm-menu_shadow-page:after {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu_theme-dark.mm-menu_shadow-panels .mm-panel {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu_theme-dark .mm-searchfield input {
  background: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.85); }

.mm-menu_theme-dark .mm-panel__noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu_theme-dark .mm-sectionindexer a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu_theme-dark.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > a, .mm-menu_theme-dark.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > span {
  background: 0 0; }

.mm-menu_theme-dark.mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth:hover + span, .mm-menu_theme-dark.mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth):hover {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu_theme-dark.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > a, .mm-menu_theme-dark.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > span {
  background: 0 0; }

.mm-menu_theme-dark.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_fullwidth + span, .mm-menu_theme-dark.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_next:not(.mm-btn_fullwidth) {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu_theme-dark label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.85); }

.mm-menu_theme-dark label.mm-toggle {
  background: rgba(0, 0, 0, 0.3); }

.mm-menu_theme-dark label.mm-toggle:before {
  background: #333; }

.mm-menu_theme-darkinput.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu_theme-black {
  background: #000;
  border-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.75); }

.mm-menu_theme-black .mm-navbar a, .mm-menu_theme-black .mm-navbar > * {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu_theme-black .mm-btn:after, .mm-menu_theme-black .mm-btn:before {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu_theme-black .mm-listview .mm-btn_next:after {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu_theme-black .mm-listview a:not(.mm-btn_next) {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.15);
  tap-highlight-color: rgba(255, 255, 255, 0.15); }

.mm-menu_theme-black .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu_theme-black .mm-listitem_selected > span {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu_theme-black .mm-listitem_opened > .mm-btn_next, .mm-menu_theme-black .mm-listitem_opened > .mm-panel {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu_theme-black .mm-listitem_divider {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu_theme-black .mm-counter {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu_theme-black .mm-iconbar, .mm-menu_theme-black .mm-iconbar a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu_theme-black.mm-menu_keyboardfocus a:focus {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu_theme-black .mm-navbar_tabs > :not(.mm-navbar__tab_selected), .mm-menu_theme-black .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-menu_theme-black .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs) {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu_theme-black.mm-menu_shadow-page:after {
  box-shadow: false; }

.mm-menu_theme-black.mm-menu_shadow-panels .mm-panel {
  box-shadow: false; }

.mm-menu_theme-black .mm-searchfield input {
  background: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.75); }

.mm-menu_theme-black .mm-panel__noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu_theme-black .mm-sectionindexer a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu_theme-black.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > a, .mm-menu_theme-black.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > span {
  background: 0 0; }

.mm-menu_theme-black.mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth:hover + span, .mm-menu_theme-black.mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth):hover {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu_theme-black.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > a, .mm-menu_theme-black.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > span {
  background: 0 0; }

.mm-menu_theme-black.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_fullwidth + span, .mm-menu_theme-black.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_next:not(.mm-btn_fullwidth) {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu_theme-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.75); }

.mm-menu_theme-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.25); }

.mm-menu_theme-black label.mm-toggle:before {
  background: #000; }

.mm-menu_theme-blackinput.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu_shadow-page:after {
  content: "";
  display: block;
  width: 20px;
  height: 120%;
  position: absolute;
  left: 100%;
  top: -10%;
  z-index: 100;
  -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
  clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); }

.mm-menu_shadow-page.mm-menu_position-right:after {
  left: auto;
  right: 100%; }

.mm-menu_shadow-page.mm-menu_position-front:after {
  content: none;
  display: none; }

.mm-menu_shadow-page:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu_shadow-panels .mm-panel {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu_tileview .mm-listview, .mm-panel_tileview .mm-listview {
  margin: 0 !important; }

.mm-menu_tileview .mm-listview:after, .mm-panel_tileview .mm-listview:after {
  content: '';
  display: block;
  clear: both; }

.mm-menu_tileview .mm-listitem, .mm-panel_tileview .mm-listitem {
  padding: 0;
  float: left;
  position: relative;
  width: 50%;
  height: 0;
  padding-top: 50%; }

.mm-menu_tileview .mm-listitem:after, .mm-panel_tileview .mm-listitem:after {
  left: 0;
  top: 0;
  border-right-width: 1px;
  border-right-style: solid;
  z-index: -1; }

.mm-menu_tileview .mm-listitem.mm-tile-xs, .mm-panel_tileview .mm-listitem.mm-tile-xs {
  width: 12.5%;
  padding-top: 12.5%; }

.mm-menu_tileview .mm-listitem.mm-tile-s, .mm-panel_tileview .mm-listitem.mm-tile-s {
  width: 25%;
  padding-top: 25%; }

.mm-menu_tileview .mm-listitem.mm-tile-l, .mm-panel_tileview .mm-listitem.mm-tile-l {
  width: 75%;
  padding-top: 75%; }

.mm-menu_tileview .mm-listitem.mm-tile-xl, .mm-panel_tileview .mm-listitem.mm-tile-xl {
  width: 100%;
  padding-top: 100%; }

.mm-menu_tileview .mm-listitem > a, .mm-menu_tileview .mm-listitem > span, .mm-panel_tileview .mm-listitem > a, .mm-panel_tileview .mm-listitem > span {
  line-height: 1px;
  text-align: center;
  padding: 50% 10px 0 10px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 1px;
  left: 0; }

.mm-menu_tileview .mm-listitem > .mm-btn_next, .mm-panel_tileview .mm-listitem > .mm-btn_next {
  width: auto; }

.mm-menu_tileview .mm-listitem > .mm-btn_next:after, .mm-menu_tileview .mm-listitem > .mm-btn_next:before, .mm-panel_tileview .mm-listitem > .mm-btn_next:after, .mm-panel_tileview .mm-listitem > .mm-btn_next:before {
  content: none;
  display: none; }

.mm-menu_tileview .mm-listitem_divider, .mm-panel_tileview .mm-listitem_divider {
  display: none; }

.mm-menu_tileview .mm-panel, .mm-panel_tileview {
  padding-left: 0;
  padding-right: 0; }

.mm-menu_tileview .mm-panel:after, .mm-menu_tileview .mm-panel:before, .mm-panel_tileview:after, .mm-panel_tileview:before {
  content: none;
  display: none; }

.mm-navbar #mobileMenuTitle {
  background-image: url(../Images/lehrer-online-logo-white.svg);
  background-size: 130px 37px;
  background-repeat: no-repeat;
  text-indent: -999px;
  /* float: right; */
  /* width: 60px; */
  -ms-flex: 2;
      flex: 2;
  height: 54px;
  cursor: pointer;
  position: relative;
  z-index: 10;
  margin: 10px 0px 0 15px;
  background-position: left 10px; }

.mm-navbar #close-button {
  background-image: url(../Icons/close-button-png-27_white.png);
  background-size: 35px 35px;
  background-repeat: no-repeat;
  text-indent: -999px;
  /* float: right; */
  /* width: 60px; */
  height: 54px;
  cursor: pointer;
  position: relative;
  z-index: 10;
  margin: 15px 6px 0 0;
  background-position: right 12px; }

.mm-navbars_top {
  height: 160px; }

.mm-navbar:first-of-type {
  height: 88px;
  background-color: #4f4f4f !important; }

.mm-menu_navbar_top-3 .mm-panels {
  top: 175px; }

.mm-listitem a::before,
.mm-listitem a:before {
  content: none !important;
  display: none !important; }

.mm-navbar__breadcrumbs {
  padding: 5px 0 5px 17px; }
  .mm-navbar__breadcrumbs span.mm-separator {
    display: none; }
  .mm-navbar__breadcrumbs span, .mm-navbar__breadcrumbs a {
    position: relative;
    background: #33a3c9;
    margin-right: 15px;
    color: #fff !important;
    padding: 5px 5px 5px 10px; }
  .mm-navbar__breadcrumbs span:after,
  .mm-navbar__breadcrumbs a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0; }
  .mm-navbar__breadcrumbs span:before,
  .mm-navbar__breadcrumbs a:before {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid #33a3c9;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent; }

.maincontent .tx-locore-menubox {
  width: 100%;
  position: relative;
  color: #33a3c9;
  margin-bottom: 15px; }
  .maincontent .tx-locore-menubox ul {
    margin-bottom: 0; }
  .maincontent .tx-locore-menubox .col > ul {
    padding-left: 0px;
    margin-bottom: 0; }
  .maincontent .tx-locore-menubox .col > .schoolstage a {
    font-size: 36px;
    font-size: 2.3rem;
    padding-bottom: 10px; }
  .maincontent .tx-locore-menubox li {
    list-style: none;
    line-height: 18px;
    line-height: 1.125rem;
    margin-bottom: 0; }
  .maincontent .tx-locore-menubox a {
    display: inline-block;
    color: #33a3c9;
    width: 100%;
    line-height: 30px;
    line-height: 1.875rem;
    padding: 0 5px;
    text-decoration: underline;
    background-color: #fff; }
  .maincontent .tx-locore-menubox li > a {
    font-size: 16px;
    font-size: 1rem; }
  .maincontent .tx-locore-menubox a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #33a3c9; }
  @media (max-width: 800px) {
    .maincontent .tx-locore-menubox {
      width: 100%; } }

.tx-locore-zitat {
  background-color: #33a3c9;
  color: #fff;
  text-align: center;
  padding: 1em;
  margin: 0 0 20px 0; }
  .tx-locore-zitat .portait {
    display: block;
    margin: 1em auto;
    background-color: #33a3c9;
    width: 7em;
    height: 7em;
    border-radius: 100%;
    overflow: hidden; }
    .tx-locore-zitat .portait img {
      width: 100%;
      height: auto; }
  .tx-locore-zitat .name {
    display: inline-block;
    width: 80%;
    padding: 0 0 1em 0;
    margin: 0 0 1em 0;
    border-bottom: 1px solid #fff; }

.locore-lounit-overview,
.locore-lounit-latest {
  width: 100%; }
  .locore-lounit-overview:after,
  .locore-lounit-latest:after {
    clear: both;
    content: '';
    display: table; }
  .locore-lounit-overview > div,
  .locore-lounit-latest > div {
    float: left;
    width: calc(100% / 3);
    margin: 0 0 20px 0; }
    @media (max-width: 1000px) {
      .locore-lounit-overview > div,
      .locore-lounit-latest > div {
        width: calc(50% - 20px); } }
    @media (max-width: 560px) {
      .locore-lounit-overview > div,
      .locore-lounit-latest > div {
        width: calc(100% - 20px); } }
    .locore-lounit-overview > div header,
    .locore-lounit-latest > div header {
      padding: 10px;
      font-weight: 500;
      color: #fff;
      margin-bottom: 2px; }
      .locore-lounit-overview > div header a,
      .locore-lounit-latest > div header a {
        color: #fff; }
    .locore-lounit-overview > div ul,
    .locore-lounit-latest > div ul {
      margin: 0;
      padding: 0; }
      .locore-lounit-overview > div ul li,
      .locore-lounit-latest > div ul li {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-size: 1rem;
        font-weight: 400;
        text-rendering: optimizeLegibility;
        padding: 10px;
        padding-left: 60px;
        padding-bottom: 20px;
        background-color: #f0f0f0;
        list-style: none;
        margin: 0 0 2px 0;
        position: relative;
        line-height: 300%;
        font-weight: 500; }
        .locore-lounit-overview > div ul li:before,
        .locore-lounit-latest > div ul li:before {
          font-family: 'icomoon';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          position: absolute;
          left: .5em;
          margin-top: .25em;
          font-size: 25px;
          font-size: 1.5625rem; }
        .locore-lounit-overview > div ul li.stage-1,
        .locore-lounit-latest > div ul li.stage-1 {
          color: #67c2c3; }
          .locore-lounit-overview > div ul li.stage-1 a,
          .locore-lounit-latest > div ul li.stage-1 a {
            color: #67c2c3; }
          .locore-lounit-overview > div ul li.stage-1:before,
          .locore-lounit-latest > div ul li.stage-1:before {
            display: inline-block;
            border-radius: 100%;
            width: 1.5em;
            line-height: 1.5em;
            vertical-align: middle;
            text-align: center;
            background-color: #fff;
            color: #67c2c3; }
        .locore-lounit-overview > div ul li.stage-2,
        .locore-lounit-latest > div ul li.stage-2 {
          color: #94b3c3; }
          .locore-lounit-overview > div ul li.stage-2 a,
          .locore-lounit-latest > div ul li.stage-2 a {
            color: #94b3c3; }
          .locore-lounit-overview > div ul li.stage-2:before,
          .locore-lounit-latest > div ul li.stage-2:before {
            display: inline-block;
            border-radius: 100%;
            width: 1.5em;
            line-height: 1.5em;
            vertical-align: middle;
            text-align: center;
            background-color: #fff;
            color: #94b3c3; }
        .locore-lounit-overview > div ul li.stage-3,
        .locore-lounit-latest > div ul li.stage-3 {
          color: #aab190; }
          .locore-lounit-overview > div ul li.stage-3 a,
          .locore-lounit-latest > div ul li.stage-3 a {
            color: #aab190; }
          .locore-lounit-overview > div ul li.stage-3:before,
          .locore-lounit-latest > div ul li.stage-3:before {
            display: inline-block;
            border-radius: 100%;
            width: 1.5em;
            line-height: 1.5em;
            vertical-align: middle;
            text-align: center;
            background-color: #fff;
            color: #aab190; }
        .locore-lounit-overview > div ul li.stage-1 li, .locore-lounit-overview > div ul li.stage-2 li,
        .locore-lounit-overview > div ul li.stage-3 ul li,
        .locore-lounit-latest > div ul li.stage-1 li,
        .locore-lounit-latest > div ul li.stage-2 li,
        .locore-lounit-latest > div ul li.stage-3 ul li {
          line-height: 130%;
          font-weight: 400;
          color: #444;
          padding: 0;
          margin: 0; }
          .locore-lounit-overview > div ul li.stage-1 li a, .locore-lounit-overview > div ul li.stage-2 li a,
          .locore-lounit-overview > div ul li.stage-3 ul li a,
          .locore-lounit-latest > div ul li.stage-1 li a,
          .locore-lounit-latest > div ul li.stage-2 li a,
          .locore-lounit-latest > div ul li.stage-3 ul li a {
            color: #444; }

.locore-lounit-overview > div ul li:before {
  margin-top: .15em; }

.locore-lounit-latest > div ul li {
  line-height: 130%;
  font-weight: 400;
  padding-bottom: 1em; }
  .locore-lounit-latest > div ul li:before {
    margin-top: -.25em; }

.tx-locore-unit-slot .tx-locore-slot__li a {
  margin: 0; }

.locore-lounit-list header {
  padding: 10px;
  margin: 0 0 20px 0;
  margin: 0 0 1.25rem 0;
  background-color: #4f4f4f;
  color: #fff; }
  .locore-lounit-list header:after {
    clear: both;
    content: '';
    display: table; }
  .locore-lounit-list header span {
    width: 49%;
    display: inline-block; }
    .locore-lounit-list header span:last-child {
      text-align: right; }
  .locore-lounit-list header .interactive-dropdown {
    border: 1px solid #fff;
    margin-left: 10px; }
    .locore-lounit-list header .interactive-dropdown a {
      color: #fff !important; }
      .locore-lounit-list header .interactive-dropdown a:hover {
        color: #33a3c9 !important; }
    .locore-lounit-list header .interactive-dropdown ul {
      position: absolute;
      margin: 0 0 0 -.75em;
      max-width: 500px;
      max-height: 350px;
      padding: 0;
      border-top: none; }
      .locore-lounit-list header .interactive-dropdown ul li {
        margin: 0 0 1px 0;
        padding: .3em .75em;
        background-color: #4f4f4f;
        color: #fff;
        text-align: left; }
        .locore-lounit-list header .interactive-dropdown ul li span {
          width: auto; }

.locore-lounit-list ul {
  margin: 0;
  padding: 0; }
  .locore-lounit-list ul li {
    padding: 10px;
    list-style: none;
    margin: 0 0 2px 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 4px;
    position: relative; }
    .locore-lounit-list ul li ul li {
      padding-left: 0;
      font-size: 13px;
      font-size: 0.8125rem; }
    .locore-lounit-list ul li .highlight {
      color: #fe6546; }
    .locore-lounit-list ul li .icon {
      display: inline-block;
      padding: 10px;
      padding: 0.625rem; }
      .locore-lounit-list ul li .icon:before {
        display: inline-block;
        border-radius: 100%;
        width: 50px;
        width: 3.125rem;
        line-height: 50px;
        line-height: 3.125rem;
        vertical-align: middle;
        text-align: center;
        background-color: #fff;
        color: #fe6546;
        font-size: 30px;
        font-size: 1.875rem; }
    .locore-lounit-list ul li a {
      font-weight: 700;
      margin-bottom: 15px;
      margin-bottom: 0.9375rem;
      display: inline-block; }
    .locore-lounit-list ul li .text,
    .locore-lounit-list ul li .cta {
      vertical-align: top;
      padding: 10px;
      padding: 0.625rem;
      display: inline-block; }
    .locore-lounit-list ul li .text {
      width: calc(100% - 3.125rem - 2.5rem); }
    .locore-lounit-list ul li .cta {
      font-size: 24px;
      font-size: 1.5rem;
      text-align: right;
      right: 10px;
      right: 0.625rem;
      top: 10px;
      top: 0.625rem;
      position: absolute; }

.locore-lounit-list .pagebrowser ul li {
  background-color: transparent;
  margin: 0 1%; }
  .locore-lounit-list .pagebrowser ul li.current {
    font-weight: 600; }

.locore-louniversal-latest header {
  padding: 10px;
  padding: 10px;
  color: #fff;
  background-color: #33a3c9; }
  .locore-louniversal-latest header * {
    color: #fff;
    margin: 0;
    text-align: left;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400; }

.locore-louniversal-latest .image {
  position: relative; }
  .locore-louniversal-latest .image img {
    width: 100%;
    height: auto;
    max-width: 100%; }

.locore-louniversal-latest ul {
  margin: 0 0 0em 0;
  padding: 0; }
  .locore-louniversal-latest ul li, .locore-louniversal-latest ul .linkToList {
    background-color: #f0f0f0;
    list-style-type: none;
    position: relative;
    line-height: 130%;
    padding: 1em 1em 1em 1em;
    margin-bottom: 2px;
    height: 200px;
    overflow: hidden; }
    .locore-louniversal-latest ul li .discipline-title, .locore-louniversal-latest ul .linkToList .discipline-title {
      margin-bottom: 5px; }
      .locore-louniversal-latest ul li .discipline-title a, .locore-louniversal-latest ul .linkToList .discipline-title a {
        color: #33a3c9;
        font-weight: bold;
        display: inline-block; }
    .locore-louniversal-latest ul li a, .locore-louniversal-latest ul .linkToList a {
      color: #fe6546;
      margin-bottom: 5px;
      display: block;
      white-space: normal; }
    .locore-louniversal-latest ul li span, .locore-louniversal-latest ul .linkToList span {
      margin-bottom: 6px;
      margin-bottom: 0.4rem;
      display: inline-block; }

.locore-louniversal-latest .linkToList {
  background-color: #f0f0f0;
  position: relative;
  line-height: 130%;
  padding: 1em 1em 1em 1em;
  margin-bottom: 2px;
  margin: 0 0 1em 0; }
  .locore-louniversal-latest .linkToList a {
    color: #fe6546;
    margin-bottom: 5px;
    display: block;
    white-space: normal; }

.locore-louniversal-latest > a:hover {
  text-decoration: none; }

.onecol .locore-louniversal-latest ul li {
  height: 120px; }

.twocol .locore-lonuniversal-latest ul li {
  height: 160px; }

.twocol .twocol .locore-louniversal-latest ul li {
  height: 200px; }

@media (max-width: 1140px) {
  .locore-louniversal-latest ul li {
    height: initial !important; } }

.workingmaterial-subpage-detail .interactive {
  margin-bottom: 32px;
  margin-bottom: 2rem; }
  .workingmaterial-subpage-detail .interactive .col.span4 .author-licence-box {
    width: 200px;
    position: relative;
    background-color: #f0f0f0;
    float: right; }

.workingmaterial-subpage-detail .h5p-iframe-wrapper,
.workingmaterial-subpage-detail .h5p-content {
  margin-bottom: 32px;
  margin-bottom: 2rem; }

.locore-search-list header {
  padding: 10px;
  margin: 0 0 20px 0;
  margin: 0 0 1.25rem 0;
  background-color: #33a3c9;
  color: #fff; }
  .locore-search-list header:after {
    clear: both;
    content: '';
    display: table; }
  .locore-search-list header span {
    width: 49%;
    display: inline-block; }
    .locore-search-list header span:last-child {
      text-align: right; }
  .locore-search-list header .interactive-dropdown {
    border: 1px solid #fff;
    margin-left: 10px; }
    .locore-search-list header .interactive-dropdown a {
      color: #fff !important; }
      .locore-search-list header .interactive-dropdown a:hover {
        color: #fff !important;
        text-decoration: underline; }
    .locore-search-list header .interactive-dropdown ul {
      position: absolute;
      margin: 0 0 0 -.75em;
      max-width: 500px;
      max-height: 350px;
      padding: 0;
      border-top: none; }
      .locore-search-list header .interactive-dropdown ul li {
        margin: 0 0 1px 0;
        padding: .3em .75em;
        background-color: #33a3c9;
        color: #fff;
        text-align: left; }
        .locore-search-list header .interactive-dropdown ul li span {
          width: auto; }

.locore-search-list > ul {
  height: 60px;
  margin-bottom: 0;
  padding: 0;
  display: inline-table; }
  .locore-search-list > ul.standardFilter {
    float: left;
    margin-left: calc(-0.625rem - 4px); }
  .locore-search-list > ul.additionalFilter {
    transition: width 515px 30px 15px 000ms linear;
    display: none;
    float: left;
    height: 60px; }
  .locore-search-list > ul.additionalFilter.show {
    transition: width 500ms linear;
    display: inline-block; }
  .locore-search-list > ul > li {
    display: inline-block;
    width: 150px;
    height: calc(20px + 10px + 10px + 4px);
    padding: 0;
    position: relative;
    margin-bottom: 0; }
    .locore-search-list > ul > li .innerWrap {
      position: absolute;
      width: 100%;
      background-color: transparent;
      border: 4px solid transparent;
      z-index: 10;
      box-sizing: border-box; }
    .locore-search-list > ul > li .title {
      background-color: #33a3c9;
      padding: 5px 50px 5px 5px;
      color: #fff;
      display: inline-block;
      padding-left: 10px;
      background-repeat: no-repeat;
      background-position-x: 90%;
      background-position-y: center;
      background-size: 20px 20px;
      width: 100%;
      background-image: url(../Icons/white-arrow-down.png); }
    .locore-search-list > ul > li ul.form-body {
      display: none;
      position: absolute;
      opacity: 0.0;
      padding: 10px 0 0 0; }
      .locore-search-list > ul > li ul.form-body > li {
        display: block;
        margin-bottom: 10px; }
        .locore-search-list > ul > li ul.form-body > li.pretty label {
          font-size: 14px;
          font-size: 0.875rem; }
      .locore-search-list > ul > li ul.form-body.pretty input:checked ~ .state.p-info label:after,
      .locore-search-list > ul > li ul.form-body.pretty.p-toggle .state.p-info label:after {
        background-color: #33a3c9 !important; }
  .locore-search-list > ul > li.facet.schoolstages .title,
  .locore-search-list > ul > li.facet.schoolstages ul.form-body .pretty input:checked ~ .state.p-info label:after,
  .locore-search-list > ul > li.facet.schoolstages ul.form-body .pretty.p-toggle .state.p-info label:after {
    background-color: #33a3c9 !important; }
  .locore-search-list > ul > li.facet.disciplinegroups .title,
  .locore-search-list > ul > li.facet.disciplinegroups ul.form-body .pretty input:checked ~ .state.p-info label:after,
  .locore-search-list > ul > li.facet.disciplinegroups ul.form-body .pretty.p-toggle .state.p-info label:after {
    background-color: #33a3c9 !important; }
  .locore-search-list > ul > li.facet.disciplines .title,
  .locore-search-list > ul > li.facet.disciplines ul.form-body .pretty input:checked ~ .state.p-info label:after,
  .locore-search-list > ul > li.facet.disciplines ul.form-body .pretty.p-toggle .state.p-info label:after {
    background-color: #5fce8c !important; }
  .locore-search-list > ul > li.facet.typearticletype .title,
  .locore-search-list > ul > li.facet.typearticletype ul.form-body .pretty input:checked ~ .state.p-info label:after,
  .locore-search-list > ul > li.facet.typearticletype ul.form-body .pretty.p-toggle .state.p-info label:after {
    background-color: #cc7751 !important; }
  .locore-search-list > ul > li.facet.datasource .title,
  .locore-search-list > ul > li.facet.datasource ul.form-body .pretty input:checked ~ .state.p-info label:after,
  .locore-search-list > ul > li.facet.datasource ul.form-body .pretty.p-toggle .state.p-info label:after {
    background-color: #cab429 !important; }
  .locore-search-list > ul > li.facet.categories .title,
  .locore-search-list > ul > li.facet.categories ul.form-body .pretty input:checked ~ .state.p-info label:after,
  .locore-search-list > ul > li.facet.categories ul.form-body .pretty.p-toggle .state.p-info label:after {
    background-color: #397488 !important; }
  .locore-search-list > ul > li.facet.learningtypes .title,
  .locore-search-list > ul > li.facet.learningtypes ul.form-body .pretty input:checked ~ .state.p-info label:after,
  .locore-search-list > ul > li.facet.learningtypes ul.form-body .pretty.p-toggle .state.p-info label:after {
    background-color: #cab429 !important; }
  .locore-search-list > ul > li.show .innerWrap {
    border: 4px solid #4f4f4f;
    padding: 10px;
    box-shadow: 6px 10px 52px -5px rgba(0, 0, 0, 0.75);
    top: 0px;
    left: 0px;
    background-color: #fff;
    z-index: 20; }
    .locore-search-list > ul > li.show .innerWrap .title {
      background-image: url(../Icons/white-arrow-up.png); }
    .locore-search-list > ul > li.show .innerWrap .form-body {
      display: block; }

.locore-search-list .toggleAdditionalFilter {
  display: none;
  height: 31px;
  line-height: 30px;
  padding: 0px 30px 0px 10px;
  background-color: #f0f0f0;
  background-image: url(../Icons/chevron_right_black_144x144.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-size: 24px 24px;
  margin-top: 14px;
  margin-left: 16px;
  float: left; }
  .locore-search-list .toggleAdditionalFilter span {
    vertical-align: middle; }

.locore-search-list .toggleAdditionalFilter.hide {
  background-image: url(../Icons/chevron_left_black_144x144.png); }
  .locore-search-list .toggleAdditionalFilter.hide span {
    display: none; }

.locore-search-list .toggleAdditionalFilter.show {
  display: inline-block; }

.locore-search-list .search-result ul li {
  padding: 10px; }
  .locore-search-list .search-result ul li ul li {
    padding-left: 0;
    font-size: 13px;
    font-size: 0.8125rem; }
  .locore-search-list .search-result ul li .highlight {
    color: #fe6546; }
  .locore-search-list .search-result ul li .icon {
    display: inline-block;
    padding: 10px;
    padding: 0.625rem; }
    .locore-search-list .search-result ul li .icon:before {
      display: inline-block;
      border-radius: 100%;
      width: 50px;
      width: 3.125rem;
      line-height: 50px;
      line-height: 3.125rem;
      vertical-align: middle;
      text-align: center;
      background-color: #fff;
      color: #fe6546;
      font-size: 30px;
      font-size: 1.875rem; }
  .locore-search-list .search-result ul li a {
    font-weight: 700;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    display: inline-block; }
  .locore-search-list .search-result ul li .text,
  .locore-search-list .search-result ul li .cta {
    vertical-align: top;
    padding: 10px;
    padding: 0.625rem;
    display: inline-block; }
  .locore-search-list .search-result ul li .text {
    width: calc(100% - 3.125rem - 2.5rem); }
  .locore-search-list .search-result ul li .cta {
    font-size: 24px;
    font-size: 1.5rem;
    text-align: right;
    right: 10px;
    right: 0.625rem;
    top: 10px;
    top: 0.625rem;
    position: absolute; }

.locore-search-list .pagebrowser ul li {
  background-color: transparent;
  margin: 0 1%; }
  .locore-search-list .pagebrowser ul li.current {
    font-weight: 600; }

.list-filter-labels {
  float: left; }

.locore-search-filter-label ul, .locore-search-filter-label li {
  display: inline-block;
  padding: 0; }

.locore-search-filter-label ul.label-group {
  margin: 0; }
  .locore-search-filter-label ul.label-group li .labelWrap {
    margin: 0 35px 0 0;
    position: relative;
    padding: 5px 30px 5px 5px;
    margin: 0 5px 0 0;
    height: 26px;
    border-bottom-right-radius: 26px;
    border-top-right-radius: 26px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
  .locore-search-filter-label ul.label-group.label-schoolstages li .labelWrap {
    background-color: #33a3c9; }
  .locore-search-filter-label ul.label-group.label-disciplinegroups li .labelWrap {
    background-color: #33a3c9; }
  .locore-search-filter-label ul.label-group.label-disciplines li .labelWrap {
    background-color: #5fce8c; }
  .locore-search-filter-label ul.label-group.label-typearticletype li .labelWrap {
    background-color: #cc7751; }
  .locore-search-filter-label ul.label-group.label-datasource li .labelWrap {
    background-color: #cab429; }
  .locore-search-filter-label ul.label-group.label-categories li .labelWrap {
    background-color: #397488; }
  .locore-search-filter-label ul.label-group.label-learningtypes li .labelWrap {
    background-color: #cab429; }

.locore-search-filter-label .pretty .state label {
  text-indent: 0;
  color: #fff; }

.locore-search-filter-label .pretty .state label:after,
.locore-search-filter-label .pretty .state label:before {
  display: none; }

.locore-search-filter-label .pretty .state img {
  right: 0px;
  left: initial;
  top: initial;
  bottom: 0px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  opacity: 1 !important; }

.locore-search-filter-label .pretty input {
  z-index: -1; }

.locore-search-filter-label .pretty input:checked ~ .state.p-info label:after,
.locore-search-filter-label .pretty.p-toggle .state.p-info label:after {
  background-color: transparent !important; }

.tx-locore-lounit--pdf-preview .image-container img {
  width: 830px;
  height: auto; }

.subscription-details table {
  text-align: left; }

.subscription-details tr {
  width: 100%; }
  .subscription-details tr th {
    padding-right: 20px;
    padding-right: 1.25rem; }

.membership-show table {
  text-align: left; }

.membership-show tr {
  width: 100%; }
  .membership-show tr th {
    padding-right: 20px;
    padding-right: 1.25rem; }

.lo-newagb-formrow {
  margin-bottom: 20px; }
  .lo-newagb-formrow #lo-newagb-submit {
    margin-left: 20px; }

.partner-box {
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
  margin: 0 0 1.25rem 0;
  color: #000 !important;
  font-size: 14px; }
  .partner-box .partner-headline {
    background-color: #33a3c9 !important; }
  .partner-box .box-content {
    background-color: #f0f0f0;
    padding: 20px;
    width: 100%;
    border-bottom: 2px solid #fff; }
    .partner-box .box-content .cta {
      color: #fe6546;
      float: left;
      width: 20px; }
    .partner-box .box-content .cta-link {
      overflow: auto; }
    .partner-box .box-content a {
      overflow: visible; }
  .partner-box img {
    max-width: 100%;
    height: auto;
    width: auto;
    box-sizing: border-box; }
  .partner-box figure.partner-fig {
    width: 500px;
    height: 110px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-color: #fff; }

h1.headlineSearch {
  margin-bottom: 20px; }
  h1.headlineSearch span {
    text-decoration: underline; }

.search-filter {
  width: 100%;
  float: left;
  background-color: #fff; }
  .search-filter label {
    color: #4f4f4f;
    font-weight: 300; }
  .search-filter > ul > li {
    padding-top: 10px;
    padding-top: 0.625rem;
    padding-left: 10px;
    padding-left: 0.625rem;
    margin-right: 20px; }
    .search-filter > ul > li > ul {
      padding-top: 4px;
      padding-top: .3rem;
      padding-bottom: 8px;
      padding-bottom: .5rem; }
    .search-filter > ul > li > a {
      font-size: 13px;
      font-size: 0.8125rem;
      padding-left: 25px;
      padding-left: 1.5625rem;
      font-weight: 500; }
  .search-filter > ul > li.schoolstage-1 {
    color: #6abfba; }
  .search-filter > ul > li.schoolstage-2 {
    color: #8eaec0; }
  .search-filter > ul > li.schoolstage-3 {
    color: #a9b18c; }

.search-item {
  margin-bottom: 15px;
  margin-right: 15px;
  position: relative;
  width: 300px;
  height: 450px;
  display: inline-block;
  vertical-align: top;
  background-color: #f0f0f0; }
  .search-item:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 1px 4px 7px 0px rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: opacity 500ms; }
  .search-item:hover:before, .search-item:active:before, .search-item:focus:before {
    opacity: 1; }
  .search-item a {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden; }
  .search-item .item-header {
    position: relative;
    overflow: hidden;
    background-color: #f0f0f0;
    padding: 12px 10px 10px 10px;
    padding: 0.75rem 0.625rem 0.625rem 0.625rem; }
  .search-item .icon {
    width: 70px;
    padding: 10px;
    padding: 0.625rem;
    text-align: center;
    float: left; }
    .search-item .icon span:before {
      font-size: 30px;
      font-size: 1.875rem;
      display: inline-block;
      border-radius: 100%;
      width: 50px;
      width: 3.125rem;
      height: 50px;
      height: 3.125rem;
      line-height: 1.7;
      vertical-align: middle;
      text-align: center;
      background-color: #fff;
      color: #fe6546; }
    .search-item .icon.colorcat-0-bg {
      background-color: #4f4f4f; }
      .search-item .icon.colorcat-0-bg *:before {
        color: #4f4f4f !important; }
    .search-item .icon.colorcat-1-bg {
      background-color: #6abfba; }
      .search-item .icon.colorcat-1-bg *:before {
        color: #6abfba !important; }
    .search-item .icon.colorcat-2-bg {
      background-color: #8eaec0; }
      .search-item .icon.colorcat-2-bg *:before {
        color: #8eaec0 !important; }
    .search-item .icon.colorcat-3-bg {
      background-color: #a9b18c; }
      .search-item .icon.colorcat-3-bg *:before {
        color: #a9b18c !important; }
    .search-item .icon.colorcat-4-bg {
      background-color: #33a3c9; }
    .search-item .icon.colorcat-5-bg {
      background-color: #e1f0da;
      padding-left: 5px;
      padding-right: 5px; }
    .search-item .icon.colorcat-6-bg {
      background-color: #FFBF00; }
    .search-item .icon.colorcat-premium-bg {
      background-color: #FFBF00; }
    .search-item .icon .username {
      font-size: 13px;
      font-size: 0.8125rem;
      font-weight: 500;
      text-align: center;
      width: 5em;
      display: inline-block; }
    .search-item .icon .userimage {
      width: 5em;
      height: 5em;
      margin-bottom: 10px;
      margin-bottom: 0.625rem;
      display: inline-block;
      background-color: #fff;
      border-radius: 100%;
      border: 7px solid #fff;
      overflow: hidden; }
      .search-item .icon .userimage.premium {
        border-color: #FFBF00; }
      .search-item .icon .userimage.basis {
        border-color: #33a3c9; }
      .search-item .icon .userimage img {
        width: 100%;
        height: auto;
        box-sizing: border-box; }
  .search-item .text {
    width: 100%;
    padding: 12px 10px 10px 10px;
    padding: 0.75rem 0.625rem 0.625rem 0.625rem;
    background-color: #f0f0f0;
    font-weight: 300;
    float: left;
    color: #444; }
    .search-item .text > a,
    .search-item .text > h2 {
      display: block;
      font-size: 18px;
      font-size: 1.125rem;
      margin-bottom: 8px;
      margin-bottom: .5rem;
      font-weight: 400;
      color: #fe6546;
      word-wrap: break-word;
      overflow-wrap: break-word; }
    .search-item .text h2 {
      margin-top: 0; }
    .search-item .text span {
      text-decoration: none !important; }
    .search-item .text .shop {
      vertical-align: top;
      padding-left: 20px;
      display: inline-block; }
      .search-item .text .shop .basket {
        margin-top: 8px;
        margin-top: 0.5rem;
        position: relative;
        width: 50px;
        height: 40px;
        background-color: #fe6546;
        border: 0 none; }
        .search-item .text .shop .basket:hover, .search-item .text .shop .basket:visited {
          box-shadow: 0px 0px 1px 1px #fe6546; }
        .search-item .text .shop .basket .icon--basket {
          background-image: url("../../Public/Icons/cart_icon_white.png");
          background-size: 33px;
          display: inline-block;
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-position: center; }
    .search-item .text p {
      font-size: 14px;
      font-size: 0.875rem;
      word-break: break-word; }
    .search-item .text .date-and-tags span {
      margin-right: 1em;
      font-size: 12px;
      font-size: 0.75rem;
      color: #999; }
      .search-item .text .date-and-tags span.date {
        margin-right: 6px;
        margin-right: .4rem; }
        .search-item .text .date-and-tags span.date + .tags {
          border-left: 1px solid #999;
          padding-left: 14px;
          padding-left: .9rem; }
    .search-item .text .date-and-tags .tags {
      display: inline; }
      .search-item .text .date-and-tags .tags span::before {
        margin-right: 6px;
        margin-right: .4rem;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: ""; }
      .search-item .text .date-and-tags .tags a.taglink {
        display: inherit;
        color: inherit;
        font-size: inherit; }
  .search-item .marker .label {
    display: inline-block;
    background-color: #fe6546;
    color: #fff;
    padding: 3px 7px;
    font-size: 10px;
    font-size: 0.625rem;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 0px;
    letter-spacing: 0.05rem;
    position: absolute;
    top: 12px;
    right: 135px; }
  .search-item .search-summary-container {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%; }
    .search-item .search-summary-container .summary {
      position: relative;
      display: inline-block;
      vertical-align: bottom;
      width: 100%;
      background-color: #f0f0f0;
      box-shadow: 0px -25px 20px 0px #f0f0f0;
      padding: 0 8px 8px 8px;
      padding: 0 0.5rem 0.5rem 0.5rem; }
      .search-item .search-summary-container .summary ul {
        width: 100%;
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .search-item .search-summary-container .summary ul li {
          list-style-type: none;
          width: initial;
          display: inline-block;
          margin: 0;
          margin-left: 2em;
          line-height: 1.4;
          padding: 0;
          text-align: left;
          position: relative;
          vertical-align: top;
          font-size: 12px;
          font-size: 0.75rem;
          color: #999; }
          .search-item .search-summary-container .summary ul li:before {
            position: absolute;
            left: -1.5em; }
          .search-item .search-summary-container .summary ul li span {
            font-family: 'Roboto', sans-serif;
            font-size: 16px;
            font-size: 1rem;
            font-weight: 400;
            text-rendering: optimizeLegibility;
            font-size: 12px;
            font-size: 0.75rem;
            text-decoration: none !important; }
          .search-item .search-summary-container .summary ul li:last-child {
            margin-bottom: 0; }
  .search-item .cta {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    padding: 12px 10px 10px;
    padding: 0.75rem 0.625rem 0.625rem;
    font-size: 24px;
    font-size: 1.5rem;
    text-align: right; }
    .search-item .cta a {
      display: inline-block; }
  .search-item .date-and-tags .date {
    position: absolute;
    right: 30px;
    bottom: 0px; }

table.losearch-result {
  table-layout: fixed;
  width: 100%; }
  table.losearch-result tr {
    background-color: #f0f0f0;
    display: table-row; }
  table.losearch-result td {
    background-color: #f0f0f0;
    display: table-cell;
    border-bottom: 4px solid #fff; }
  table.losearch-result td.icon {
    padding: 10px;
    padding: 0.625rem;
    text-align: center;
    width: 75px; }
    table.losearch-result td.icon.colorcat-0-bg {
      background-color: #4f4f4f; }
      table.losearch-result td.icon.colorcat-0-bg *:before {
        color: #4f4f4f !important; }
    table.losearch-result td.icon.colorcat-1-bg {
      background-color: #6abfba; }
      table.losearch-result td.icon.colorcat-1-bg *:before {
        color: #6abfba !important; }
    table.losearch-result td.icon.colorcat-2-bg {
      background-color: #8eaec0; }
      table.losearch-result td.icon.colorcat-2-bg *:before {
        color: #8eaec0 !important; }
    table.losearch-result td.icon.colorcat-3-bg {
      background-color: #a9b18c; }
      table.losearch-result td.icon.colorcat-3-bg *:before {
        color: #a9b18c !important; }
    table.losearch-result td.icon .username {
      font-size: 13px;
      font-size: 0.8125rem;
      font-weight: 500;
      text-align: center;
      width: 5em;
      display: inline-block; }
    table.losearch-result td.icon .userimage {
      width: 5em;
      height: 5em;
      margin-bottom: 10px;
      margin-bottom: 0.625rem;
      display: inline-block;
      background-color: #fff;
      border-radius: 100%;
      overflow: hidden; }
      table.losearch-result td.icon .userimage.premium {
        border-color: #FFBF00; }
      table.losearch-result td.icon .userimage.basis {
        border-color: #33a3c9; }
      table.losearch-result td.icon .userimage img {
        width: 100%;
        height: auto;
        box-sizing: border-box; }
  table.losearch-result td.icon span:before {
    display: inline-block;
    border-radius: 100%;
    width: 50px;
    width: 3.125rem;
    line-height: 50px;
    line-height: 3.125rem;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    color: #fe6546;
    font-size: 30px;
    font-size: 1.875rem; }
  table.losearch-result a {
    font-weight: 700;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    display: inline-block; }
  table.losearch-result td.text,
  table.losearch-result td.cta {
    vertical-align: top;
    padding: 10px;
    padding: 0.625rem; }
  table.losearch-result td.text .tags span {
    font-size: 12px;
    font-size: 0.75rem;
    margin-right: 1em; }
    table.losearch-result td.text .tags span:before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      margin-right: 6px;
      margin-right: .4rem; }
  table.losearch-result td.cta {
    font-size: 24px;
    font-size: 1.5rem;
    text-align: right;
    padding: 10px;
    padding: 0.625rem; }
    table.losearch-result td.cta .date {
      white-space: nowrap;
      bottom: 1em;
      right: 1em;
      display: block;
      font-size: 15px;
      font-size: 0.9375rem;
      color: #fe6546; }
  table.losearch-result .highlight {
    color: #fe6546; }

ul.simple-list {
  margin: 0 0 1em 0;
  padding: 0; }
  ul.simple-list li {
    padding: 10px;
    background-color: #f0f0f0;
    list-style-type: none;
    position: relative;
    line-height: 130%;
    margin-bottom: 2px; }
    ul.simple-list li a {
      color: #fe6546; }

.tx-locore-slot__wrapper {
  width: 100%; }

.tx-locore-slot__head {
  padding: 10px;
  background-color: #4f4f4f;
  color: #fff;
  border-bottom: 2px solid #fff; }

.tx-locore-slot__noitems {
  background: #f0f0f0;
  padding: 20px; }

.tx-locore-slot__center {
  text-align: center;
  margin: 0 auto; }

.tx-locore-slot__ul {
  margin: 0;
  padding: 0; }

.tx-locore-slot__li {
  background-color: #f0f0f0;
  list-style: none;
  margin: 0;
  border-bottom: 2px solid #fff;
  padding: 1em 1em 1em 3em;
  position: relative;
  line-height: 130%;
  word-break: break-word; }
  .tx-locore-slot__li .title {
    color: #33a3c9; }
  .tx-locore-slot__li a {
    color: #fe6546;
    position: relative;
    display: block;
    margin-bottom: 6px;
    margin-bottom: .4rem;
    word-break: break-word; }
  .tx-locore-slot__li span {
    display: inline-block;
    margin-bottom: 6px;
    margin-bottom: .4rem; }
  .tx-locore-slot__li:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    left: 15px;
    top: 16px;
    color: #fe6546; }
  .tx-locore-slot__li__empty {
    padding-left: 10px;
    padding-left: 0.625rem; }
    .tx-locore-slot__li__empty:before {
      content: ''; }

.tx-locore-slot-aside .tx-locore-slot__li a {
  margin: 0; }

.tx-locore__prdtab .prdtab {
  width: 100%; }
  .tx-locore__prdtab .prdtab .icon-check-ok {
    color: #14c631; }
  .tx-locore__prdtab .prdtab .icon-cancel-circle {
    color: #F33; }
  .tx-locore__prdtab .prdtab th,
  .tx-locore__prdtab .prdtab td {
    border-bottom: 1px solid #4f4f4f; }
  .tx-locore__prdtab .prdtab__footer {
    border-bottom: 1px solid #f0f0f0 !important;
    text-align: center; }
  .tx-locore__prdtab .prdtab td {
    width: 20%; }
  .tx-locore__prdtab .prdtab__feature {
    text-align: center;
    vertical-align: middle; }
  .tx-locore__prdtab .prdtab__featurelist {
    background-color: #fff; }
  .tx-locore__prdtab .prdtab__title {
    background-color: #33a3c9;
    text-align: center; }
    .tx-locore__prdtab .prdtab__title__headline {
      display: block;
      font-size: 25px;
      font-size: 1.5625rem; }
  .tx-locore__prdtab .prdtab__button {
    text-align: center; }
  .tx-locore__prdtab .prdtab__description {
    text-align: center;
    background-color: #f0f0f0;
    color: #000; }
  .tx-locore__prdtab .prdtab__noborder {
    border-color: #fff !important; }

.offer-teaser {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%; }
  .offer-teaser .csc-header {
    text-align: center;
    padding: 10px 0;
    color: #fff; }
    .offer-teaser .csc-header h2 {
      margin: 0;
      padding: 0; }
  .offer-teaser .highlight {
    margin-top: 2px;
    height: 10px;
    background-color: #fe6546; }
  .offer-teaser .abofeaturelist {
    -ms-flex-positive: 1;
        flex-grow: 1;
    text-align: center; }
  .offer-teaser .offer-teaser-content {
    margin-top: -2px;
    padding-top: 15px;
    background-color: #f0f0f0;
    padding-bottom: 10px; }
    .offer-teaser .offer-teaser-content .offer-payment-interval {
      position: relative;
      text-align: center;
      padding-bottom: 20px;
      border-bottom: 1px solid; }
      .offer-teaser .offer-teaser-content .offer-payment-interval .offer-discount-notice {
        display: block;
        position: absolute;
        bottom: 3px;
        width: 100%;
        font-size: 12px;
        text-align: center; }
    .offer-teaser .offer-teaser-content .abo-description {
      padding: 10px;
      padding: 0.625rem;
      border-bottom: 1px solid; }
    .offer-teaser .offer-teaser-content .feature-list {
      list-style-type: none;
      padding: 10px 0;
      margin-bottom: 0; }
      .offer-teaser .offer-teaser-content .feature-list li {
        position: relative;
        margin-left: 40px; }
        .offer-teaser .offer-teaser-content .feature-list li span {
          position: absolute;
          top: 3px;
          left: -40px; }
    .offer-teaser .offer-teaser-content .offer-subscribe {
      text-align: center;
      padding: 10px 0; }
      .offer-teaser .offer-teaser-content .offer-subscribe .head-up-text {
        margin-bottom: 10px; }
  .offer-teaser .new-offer-teaser-content {
    padding-top: 10px;
    padding-bottom: 10px; }
  .offer-teaser .tooltip {
    position: relative;
    display: inline-block;
    cursor: help; }
    .offer-teaser .tooltip .tooltiptext {
      font-size: 80%;
      visibility: hidden;
      width: 200px;
      background-color: #fff;
      border: 2px solid #33a3c9;
      color: #777;
      text-align: center;
      border-radius: 6px;
      padding: 10px 5px;
      text-align: left;
      /* Position the tooltip */
      position: absolute;
      z-index: 1;
      box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.75); }
    .offer-teaser .tooltip img {
      margin-top: -3px; }
    .offer-teaser .tooltip:hover .tooltiptext {
      visibility: visible; }

.subscription-page {
  padding: 10px 0 0 10px;
  margin-top: 0; }
  .subscription-page .subscription-selection .offer-subscribe {
    display: none; }
  .subscription-page .row.flexbox {
    position: relative;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: row;
        flex-direction: row; }
    @media (max-width: 800px) {
      .subscription-page .row.flexbox {
        -ms-flex-direction: column;
            flex-direction: column; } }
    .subscription-page .row.flexbox .col.flexbox {
      position: relative;
      float: none !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-positive: 1;
          flex-grow: 1;
      -ms-flex-pack: center;
          justify-content: center;
      padding-bottom: 1.5em; }
      @media (max-width: 800px) {
        .subscription-page .row.flexbox .col.flexbox {
          -ms-flex-positive: 0;
              flex-grow: 0; } }
    .subscription-page .row.flexbox.twocol > .col.flexbox > .csc-default,
    .subscription-page .row.flexbox.threecol > .col.flexbox > .csc-default,
    .subscription-page .row.flexbox.fourcol > .col.flexbox > .csc-default {
      width: 100%; }
    .subscription-page .row.flexbox.onecol {
      -ms-flex-pack: center;
          justify-content: center; }
      .subscription-page .row.flexbox.onecol .col.flexbox {
        width: auto;
        -ms-flex-positive: 0;
            flex-grow: 0; }
        @media (max-width: 1000px) {
          .subscription-page .row.flexbox.onecol .col.flexbox > .csc-default {
            width: 100%; } }

.subscription-progress {
  border-bottom: 1px solid #ddd;
  list-style-type: none;
  padding-left: 0;
  counter-reset: subscription-progress; }
  .subscription-progress:after {
    clear: both;
    content: '';
    display: table; }
  .subscription-progress li {
    display: block;
    float: left;
    margin: 0;
    list-style: none;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    color: #4f4f4f; }
    .subscription-progress li:last-child {
      border-right: 1px solid #ddd; }
    @media (max-width: 800px) {
      .subscription-progress li {
        float: none;
        border-right: 1px solid #ddd;
        border-top: none; }
        .subscription-progress li:last-child {
          border-top: 1px solid #ddd; } }
    .subscription-progress li.current {
      color: #fff;
      font-weight: 500;
      background-color: #4f4f4f; }
    .subscription-progress li > a {
      color: #4f4f4f; }
    .subscription-progress li > div,
    .subscription-progress li > a {
      padding: 0.7em 2em; }
      .subscription-progress li > div:before,
      .subscription-progress li > a:before {
        content: counter(subscription-progress);
        counter-increment: subscription-progress;
        margin-right: 0.5em; }
    .subscription-progress li > a {
      display: block; }
      .subscription-progress li > a:focus, .subscription-progress li > a:hover {
        text-decoration: none;
        background-color: #f0f0f0; }

#paymill-bridge-errors {
  color: #fe6546; }

.gdsignup-form h2 {
  padding-bottom: 0.7em; }

.gdsignup-form .gdsignup-form-response {
  display: none;
  color: #fe6546; }
  .gdsignup-form .gdsignup-form-response.has-error {
    display: block; }

.gdsignup-form .gdsignup-form-row {
  margin: 0 0 20px 0; }
  .gdsignup-form .gdsignup-form-row.gdsignup-form-row-checkbox {
    margin-top: 10px; }
  .gdsignup-form .gdsignup-form-row label {
    display: inline-block;
    width: 25%; }
  .gdsignup-form .gdsignup-form-row input, .gdsignup-form .gdsignup-form-row select {
    display: inline-block;
    color: #4f4f4f; }
  .gdsignup-form .gdsignup-form-row p {
    margin-bottom: 8px;
    margin-bottom: 0.5rem; }
  .gdsignup-form .gdsignup-form-row .has-border {
    border: 1px solid #ddd; }
  .gdsignup-form .gdsignup-form-row .has-padding {
    padding: 12px 20px; }
  .gdsignup-form .gdsignup-form-row .full-width {
    width: 70%; }
  .gdsignup-form .gdsignup-form-row .gdsignup-form-errormsg {
    display: none; }
  .gdsignup-form .gdsignup-form-row .fieldwrap {
    display: inline-block;
    position: relative;
    width: 70%; }
    .gdsignup-form .gdsignup-form-row .fieldwrap .full-width {
      width: 100%; }
    .gdsignup-form .gdsignup-form-row .fieldwrap .gdsignup-form-errormsg {
      position: absolute; }
  .gdsignup-form .gdsignup-form-row .has-icon {
    padding-left: 50px;
    background-position: 15px 50%;
    background-repeat: no-repeat; }
  .gdsignup-form .gdsignup-form-row .has-icon-user {
    background-image: url("../Images/vendor/loginsignupmodal/overlay-icon-username.svg"); }
  .gdsignup-form .gdsignup-form-row .has-icon-email {
    background-image: url("../Images/vendor/loginsignupmodal/overlay-icon-email.svg"); }
  .gdsignup-form .gdsignup-form-row .has-icon-password {
    background-image: url("../Images/vendor/loginsignupmodal/overlay-icon-password.svg"); }
  .gdsignup-form .gdsignup-form-row #gdsignup-form-rzip {
    width: 30%;
    margin-right: 5%;
    float: left; }
  .gdsignup-form .gdsignup-form-row #gdsignup-form-rcity {
    width: 65%;
    margin-left: -0.25em; }
  .gdsignup-form .gdsignup-form-row.gdsignup-form-row-radio input {
    width: auto;
    margin: 0 0 5px 0; }
  .gdsignup-form .gdsignup-form-row.gdsignup-form-row-radio label.gdsignup-form-label-radio {
    width: auto;
    margin: 0 25px 0 0; }
  .gdsignup-form .gdsignup-form-row.gdsignup-form-row-checkbox input {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 5px 5px 0 0; }
  .gdsignup-form .gdsignup-form-row.gdsignup-form-row-checkbox label {
    display: inline-block;
    vertical-align: top;
    width: 90%;
    margin: 0; }
  .gdsignup-form .gdsignup-form-row.gdsignup-form-row-password {
    position: relative; }
    .gdsignup-form .gdsignup-form-row.gdsignup-form-row-password #gdsignup-form-pass-toggle,
    .gdsignup-form .gdsignup-form-row.gdsignup-form-row-password #gdsignup-form-pass-repeat-toggle {
      display: block;
      position: absolute;
      top: 9px;
      right: 36px;
      padding: 5px 12px;
      color: #4f4f4f;
      font-size: 14px;
      font-size: 0.875rem;
      text-decoration: none;
      border-left: 1px solid #ddd; }
  .gdsignup-form .gdsignup-form-row.gdsignup-form-row-error {
    margin-bottom: 36px; }
    .gdsignup-form .gdsignup-form-row.gdsignup-form-row-error:not(.gdsignup-form-row-checkbox) label {
      color: #fe6546; }
    .gdsignup-form .gdsignup-form-row.gdsignup-form-row-error input, .gdsignup-form .gdsignup-form-row.gdsignup-form-row-error select {
      border: 1px solid #fe6546; }
    .gdsignup-form .gdsignup-form-row.gdsignup-form-row-error .gdsignup-form-errormsg {
      display: block;
      color: #fe6546; }

#gdsignup-form-confirm .gdsignup-form-row label {
  font-weight: bold; }

.subscription-next {
  float: right;
  margin: 20px 4.4% 20px 0px; }
  .subscription-next:after {
    clear: both;
    content: '';
    display: table; }

.subscription-selection .blue-teaser {
  height: auto; }

.blue-teaser {
  background: #33a3c9;
  color: #fff;
  padding: 0.7em;
  border: 1px solid #33a3c9;
  border-radius: 3px;
  box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.75);
  margin-top: 0;
  width: 90%; }
  @media (max-width: 1000px) {
    .blue-teaser {
      width: 100%; } }
  .blue-teaser h2 {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
    text-align: center;
    padding: 0.7em 0 0 0;
    margin-bottom: 0.25em;
    position: relative; }
  .blue-teaser .abo-description {
    text-align: center; }
  .blue-teaser .equal-container .bottomline {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 100%; }
  .blue-teaser .button {
    border-radius: 3px;
    box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.75);
    text-align: center;
    white-space: normal;
    width: 100%; }
    .blue-teaser .button:hover {
      box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.75); }
    .blue-teaser .button.always-member {
      box-shadow: none;
      color: #fff;
      border-color: #fe6546; }
  .blue-teaser .abofeaturelist {
    padding-top: 1em; }
  .blue-teaser span.yellow {
    color: #FFBF00; }
  .blue-teaser ul {
    padding-left: 1.5em;
    margin: 0.5em 0 0 0;
    text-align: left; }
    .blue-teaser ul li {
      padding-left: 0; }
      .blue-teaser ul li img {
        text-align: center; }
  .blue-teaser .align-center img {
    margin: 0 auto;
    width: auto; }

@media (max-width: 1200px) {
  .subscription-page > .fourcol > .col.span3:nth-child(1), .subscription-page > .fourcol > .col.span3:nth-child(2), .subscription-page > .fourcol > .col.span3:nth-child(3), .subscription-page > .fourcol > .col.span3:nth-child(4) {
    width: calc((100% / 2) - 1px); } }

@media (max-width: 1000px) {
  .subscription-page > .fourcol > .col.span3:nth-child(1), .subscription-page > .fourcol > .col.span3:nth-child(2), .subscription-page > .fourcol > .col.span3:nth-child(3), .subscription-page > .fourcol > .col.span3:nth-child(4) {
    float: none;
    width: 100%; } }

.orange {
  color: #fe6546; }

#c1080230, #c1094315 {
  position: absolute;
  top: -4px;
  left: -10px;
  /*  gelbe Fahne */
  /*
	#c1094319 {
		img {
			position: absolute;
			left: -10px;
			top: 12px;
			width: 110px;
			@include breakpoint($breakpoint-max900) {
				top: -4px;
			}
		}
	}
	*/
  /* 20% Bild */
  /*
	#c1094320 {
		img {
			position: absolute;
			top: -15px;
			left: 50px;
			transform: rotate(10deg);
			width: 100px;
			@include breakpoint($breakpoint-max900) {
				display: none;
			}
		}
	}
	*/ }

#c1080232, #c1094321 {
  position: absolute;
  top: -4px;
  left: -10px;
  /*  rote Fahne */
  /*
	#c1094321 {
		img {
			position: absolute;
			left: -10px;
			top: 12px;
			width: 80px;
			@include breakpoint($breakpoint-max900) {
				top: -4px;
			}
		}
	}
	*/ }

.subscription-selection #c1080232, .subscription-selection #c1094321 {
  display: none; }

.subscription-selection #c1080230, .subscription-selection #c1094315 {
  display: none; }

.twocol .blue-teaser {
  width: 78%;
  margin: 0 auto; }

.boxed .offer-teaser {
  height: auto; }
  .boxed .offer-teaser:not(:last-child) {
    margin-bottom: 20px; }

.login-window {
  max-width: 640px; }
  .login-window--intro {
    text-align: center;
    padding: 0 0 1em 0; }
    .login-window--intro .twocol {
      padding: 30px 0 0 0;
      vertical-align: bottom; }
      .login-window--intro .twocol .col {
        display: inline-block;
        width: 50%; }
      .login-window--intro .twocol .col:not(:first-child) {
        margin-left: -0.25em; }
  .login-window--actions {
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 560px) {
      .login-window--actions {
        display: block; } }
  .login-window--action {
    position: relative;
    -ms-flex: 1;
        flex: 1;
    padding-bottom: 40px;
    text-align: center; }
    @media (max-width: 560px) {
      .login-window--action:not(:first-child) {
        margin-top: 30px; } }
  .login-window--actionbtn {
    position: absolute;
    bottom: 0;
    width: 100%; }
  .login-window--buttons {
    padding: 0 50px;
    padding: 0 3.125rem;
    text-align: center; }
    .login-window--buttons:after {
      clear: both;
      content: '';
      display: table; }
    @media (max-width: 560px) {
      .login-window--buttons {
        padding: 0; } }
    .login-window--buttons a.signin {
      float: left; }
    .login-window--buttons a.signin + a.register {
      float: right; }
    .login-window--buttons a.signin + a.comparison {
      float: right; }

.unitplan li {
  list-style: none;
  margin: 0;
  padding: 0; }

.unitplan ul {
  margin: 0;
  padding: 0; }

.unitplan header {
  display: table;
  background-color: #4f4f4f;
  width: 100%;
  margin-bottom: 7px; }
  .unitplan header .plancontent,
  .unitplan header .socialform {
    float: left;
    display: table-cell;
    color: #fff;
    padding: 10px 15px; }
  .unitplan header .plancontent {
    width: 77%; }
  .unitplan header .socialform {
    width: 20%; }
    @media (max-width: 560px) {
      .unitplan header .socialform {
        display: none; } }

.unitplan li .plancontent,
.unitplan li .socialform {
  float: left; }

.unitplan li .plancontent {
  width: 77%; }

.unitplan li .socialform {
  width: 20%;
  padding-left: 22px; }
  @media (max-width: 560px) {
    .unitplan li .socialform {
      padding-left: 0;
      padding-top: 0.625rem; } }

.unitplan li .duration > .icon-clock {
  color: #fe6546; }

.tx-locore-tipp {
  background-color: #f0f0f0;
  /*&.twocolumn > * {
		@include breakpoint($breakpoint-max480) {
			float: left;
			width: 50%;
		}
	}*/ }
  .tx-locore-tipp:after {
    clear: both;
    content: '';
    display: table; }
  .tx-locore-tipp p {
    margin-bottom: 13px;
    margin-bottom: 0.8125rem; }
    .tx-locore-tipp p a {
      white-space: normal; }
  .tx-locore-tipp h2, .tx-locore-tipp h3 {
    margin: 0 0 13px;
    margin: 0 0 0.8125rem;
    font-size: 20px;
    font-size: 1.25rem; }
  .tx-locore-tipp .image {
    line-height: 0; }
    .tx-locore-tipp .image a.internal-link:before {
      display: none;
      content: ''; }
  .tx-locore-tipp .textblock strong {
    display: block;
    font-weight: 500;
    margin-bottom: 4px;
    margin-bottom: .3rem; }
  @media (max-width: 1000px) {
    .tx-locore-tipp.twocolumn {
      max-width: 520px; } }
  .tx-locore-tipp.twocolumn .image {
    float: left;
    width: 50%;
    height: auto;
    /*@include breakpoint($breakpoint-max1200) {
				float: none;
				width: 100%;
			}*/ }
    .tx-locore-tipp.twocolumn .image .ttt {
      background-size: cover;
      min-height: 15em;
      background-position: center center;
      /*@include breakpoint($breakpoint-max1200) {
					min-height: 50vh;
				}*/ }
  .tx-locore-tipp.twocolumn img {
    max-width: 100%;
    height: auto; }
    @media (max-width: 560px) {
      .tx-locore-tipp.twocolumn img {
        width: 100%; } }
  .tx-locore-tipp.twocolumn .textblock {
    float: left;
    width: 50%;
    padding: 20px;
    /*@include breakpoint($breakpoint-max1200) {
				float: none;
				width: 100%;
			}*/ }
  .tx-locore-tipp.onecolumn {
    position: relative; }
    @media (min-width: 1400px) {
      .tx-locore-tipp.onecolumn {
        min-height: 445px; } }
    @media (max-width: 1400px) {
      .tx-locore-tipp.onecolumn {
        min-height: 365px; } }
    .tx-locore-tipp.onecolumn .image {
      /* padding-bottom: 56.25%; */ }
    .tx-locore-tipp.onecolumn img {
      max-width: 100%;
      height: auto; }
    .tx-locore-tipp.onecolumn .textblock {
      bottom: 0;
      background-color: #f0f0f0;
      padding: 20px; }

.tx-locore-tippautoimage {
  background-color: #f0f0f0;
  /*&.twocolumn > * {
		@include breakpoint($breakpoint-max480) {
			float: left;
			width: 50%;
		}
	}*/ }
  .tx-locore-tippautoimage:after {
    clear: both;
    content: '';
    display: table; }
  .tx-locore-tippautoimage p {
    margin-bottom: 13px;
    margin-bottom: 0.8125rem; }
    .tx-locore-tippautoimage p a {
      white-space: normal; }
  .tx-locore-tippautoimage h1, .tx-locore-tippautoimage h2, .tx-locore-tippautoimage h3, .tx-locore-tippautoimage h4, .tx-locore-tippautoimage h5 {
    font-size: 24px;
    font-size: 1.5rem;
    color: #fff;
    margin: 0px;
    background-color: #33a3c9;
    text-align: center; }
  .tx-locore-tippautoimage h3 {
    line-height: 1.3;
    font-weight: 400; }
  .tx-locore-tippautoimage .title {
    font-size: 1.6em;
    background-color: #33a3c9;
    padding: 10px; }
  .tx-locore-tippautoimage .image {
    line-height: 0; }
    .tx-locore-tippautoimage .image.with-padding {
      padding: 20px 20px 0 20px; }
      .tx-locore-tippautoimage .image.with-padding figure {
        text-align: center;
        vertical-align: middle;
        background-color: #fff; }
  .tx-locore-tippautoimage .textblock strong {
    display: block;
    font-weight: 500;
    margin-bottom: 4px;
    margin-bottom: .3rem; }
  .tx-locore-tippautoimage.twocolumn .image {
    float: left;
    width: 50%;
    height: auto;
    /*@include breakpoint($breakpoint-max1200) {
				float: none;
				width: 100%;
			}*/ }
    .tx-locore-tippautoimage.twocolumn .image .ttt {
      background-size: cover;
      min-height: 15em;
      background-position: center center;
      /*@include breakpoint($breakpoint-max1200) {
					min-height: 50vh;
				}*/ }
  .tx-locore-tippautoimage.twocolumn img {
    max-width: 100%;
    height: auto; }
  .tx-locore-tippautoimage.twocolumn .textblock {
    float: left;
    width: 50%;
    padding: 20px;
    /*@include breakpoint($breakpoint-max1200) {
				float: none;
				width: 100%;
			}*/ }
  .tx-locore-tippautoimage.onecolumn {
    position: relative; }
    .tx-locore-tippautoimage.onecolumn img {
      max-width: 100%;
      height: auto; }
    .tx-locore-tippautoimage.onecolumn .textblock {
      bottom: 0;
      background-color: #f0f0f0;
      padding: 20px; }

.twocol .span4 .tx-locore-tippautoimage h1, .twocol .span4 .tx-locore-tippautoimage h2, .twocol .span4 .tx-locore-tippautoimage h3, .twocol .span4 .tx-locore-tippautoimage h4, .twocol .span4 .tx-locore-tippautoimage h5 {
  font-size: 16px;
  font-size: 1rem;
  text-align: left;
  font-weight: 400;
  padding: 10px;
  line-height: 1.3em; }

.twocol .span4 .tx-locore-tippautoimage .title {
  padding: 0px; }

.werbeelement {
  text-align: center;
  width: 100%;
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  .werbeelement--header {
    color: #4f4f4f;
    font-size: 13px;
    font-size: 0.8125rem;
    max-width: 100%;
    width: 100%;
    display: block; }
  .werbeelement--content {
    width: 100%;
    max-width: 100%; }
  .werbeelement img {
    max-width: 100% !important;
    height: auto !important; }

.werbeelement.ue-detail {
  padding-bottom: 1em; }

article .werbeelement--content {
  padding-top: 0.5em; }

.surveyform {
  background-color: #B1DFE8;
  padding: 16px;
  padding: 1rem;
  margin: 0 0 32px 0;
  margin: 0 0 2rem 0; }
  .surveyform:after {
    clear: both;
    content: '';
    display: table; }
  .surveyform p {
    margin-bottom: 13px;
    margin-bottom: 0.8125rem; }
    .surveyform p a {
      white-space: normal; }
  .surveyform h3.surveyheadline {
    margin: 0 0 13px;
    margin: 0 0 0.8125rem;
    font-size: 20px;
    font-size: 1.25rem;
    color: #444; }
  .surveyform .text {
    margin-bottom: 16px;
    margin-bottom: 1rem; }
  .surveyform form .inputfield {
    margin: 0 0 24px 0;
    margin: 0 0 1.5rem 0; }
    .surveyform form .inputfield input.textinput {
      color: #999;
      border-color: #999;
      min-width: 280px; }
    .surveyform form .inputfield .error {
      color: #fe6546;
      margin-top: 8px;
      margin-top: 0.5rem; }

article.article-detail > header .marker .label {
  display: inline-block;
  background-color: #fe6546;
  color: #fff;
  padding: 5px 10px;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 10px;
  font-weight: bold;
  letter-spacing: 0px;
  letter-spacing: 0.05rem; }

article.article-detail .tags {
  padding: 1.5em;
  display: block;
  margin-top: calc(-20px / 2);
  margin-bottom: 20px;
  background: #f0f0f0;
  color: #999;
  font-size: 12px;
  font-size: 0.75rem; }
  article.article-detail .tags span {
    margin-right: 18px;
    margin-right: 1.125rem; }
    article.article-detail .tags span a {
      background: #f0f0f0;
      color: #999; }
  article.article-detail .tags span::before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    margin-right: 6px;
    margin-right: 0.4rem; }

article.article-detail .cartoonisten .row .col .tx-locore-tippautoimage {
  height: 450px; }

article.article-detail ol li {
  list-style: decimal; }

article.article-detail .description {
  line-height: 1.4; }

article a.internal-link {
  white-space: normal; }

article .dossier-detail.dossier-95 .description {
  display: none; }

article.tx-locore-lounit--detail > header,
div.tx-locore-lounit--detail > header {
  margin-bottom: 20px; }
  article.tx-locore-lounit--detail > header h1,
  div.tx-locore-lounit--detail > header h1 {
    margin-bottom: .6em;
    word-wrap: break-word;
    overflow-wrap: break-word; }
  article.tx-locore-lounit--detail > header .marker .label,
  div.tx-locore-lounit--detail > header .marker .label {
    display: inline-block;
    background-color: #fe6546;
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 0px;
    letter-spacing: 0.05rem; }

article.tx-locore-lounit--detail h2,
div.tx-locore-lounit--detail h2 {
  margin-top: 50px;
  margin-top: 3.125rem; }

article.tx-locore-lounit--detail .tx-locore-textbox--collapsable h2,
div.tx-locore-lounit--detail .tx-locore-textbox--collapsable h2 {
  margin-top: 0; }

article.tx-locore-lounit--detail .tags,
div.tx-locore-lounit--detail .tags {
  padding: 1.5em;
  display: block;
  margin-top: calc(-20px / 2);
  margin-bottom: 20px;
  background: #f0f0f0;
  color: #999;
  font-size: 12px;
  font-size: 0.75rem; }
  article.tx-locore-lounit--detail .tags span,
  div.tx-locore-lounit--detail .tags span {
    margin-right: 18px;
    margin-right: 1.125rem;
    white-space: nowrap; }
    article.tx-locore-lounit--detail .tags span a,
    div.tx-locore-lounit--detail .tags span a {
      background: #f0f0f0;
      color: #999; }
  article.tx-locore-lounit--detail .tags span::before,
  div.tx-locore-lounit--detail .tags span::before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    margin-right: 6px;
    margin-right: 0.4rem; }

article.tx-locore-lounit--detail .header-discipline-group,
div.tx-locore-lounit--detail .header-discipline-group {
  color: #999; }
  article.tx-locore-lounit--detail .header-discipline-group .text,
  div.tx-locore-lounit--detail .header-discipline-group .text {
    margin-left: .2em;
    font-weight: 400;
    text-transform: uppercase; }

article.tx-locore-lounit--detail > .discipline-group-head,
div.tx-locore-lounit--detail > .discipline-group-head {
  margin: 0 0 10px 0;
  margin: 0 0 0.625rem 0;
  background: none !important;
  vertical-align: middle;
  line-height: 2.6em;
  text-transform: uppercase;
  overflow: visible;
  padding: 0;
  font-size: 14px;
  font-size: 0.875rem;
  color: #999 !important; }
  article.tx-locore-lounit--detail > .discipline-group-head .text,
  div.tx-locore-lounit--detail > .discipline-group-head .text {
    margin-left: .1em;
    font-weight: 400;
    text-transform: uppercase; }
  article.tx-locore-lounit--detail > .discipline-group-head .icon,
  div.tx-locore-lounit--detail > .discipline-group-head .icon {
    margin-top: 0px;
    margin-right: .2em;
    font-size: 1.2em;
    color: #999 !important; }
    article.tx-locore-lounit--detail > .discipline-group-head .icon:nth-child(1):before,
    div.tx-locore-lounit--detail > .discipline-group-head .icon:nth-child(1):before {
      color: #444 !important; }

article.tx-locore-lounit--detail > .distance-top,
div.tx-locore-lounit--detail > .distance-top {
  margin-top: 30px; }

article.tx-locore-lounit--detail > .interactive-bread-crump,
div.tx-locore-lounit--detail > .interactive-bread-crump {
  margin: 0 0 20px 0;
  overflow: visible; }
  article.tx-locore-lounit--detail > .interactive-bread-crump ul,
  div.tx-locore-lounit--detail > .interactive-bread-crump ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    article.tx-locore-lounit--detail > .interactive-bread-crump ul li,
    div.tx-locore-lounit--detail > .interactive-bread-crump ul li {
      margin: 0;
      padding: 0;
      white-space: nowrap;
      display: inline-block; }
      article.tx-locore-lounit--detail > .interactive-bread-crump ul li .interactive-dropdown,
      div.tx-locore-lounit--detail > .interactive-bread-crump ul li .interactive-dropdown {
        display: inline-block;
        background: none;
        color: #33a3c9;
        padding: .3em .75em;
        position: relative;
        border: 1px solid #33a3c9; }
        article.tx-locore-lounit--detail > .interactive-bread-crump ul li .interactive-dropdown ul,
        div.tx-locore-lounit--detail > .interactive-bread-crump ul li .interactive-dropdown ul {
          position: absolute;
          margin: .3em 0 0 -.75em;
          padding: 0;
          background: none;
          min-width: 100%;
          background-color: #fff;
          border: 1px solid #33a3c9; }
          article.tx-locore-lounit--detail > .interactive-bread-crump ul li .interactive-dropdown ul li,
          div.tx-locore-lounit--detail > .interactive-bread-crump ul li .interactive-dropdown ul li {
            color: #33a3c9;
            background-color: #fff;
            list-style-type: none;
            display: block;
            margin: 0 0 1px 0;
            padding: .3em .75em;
            border-bottom: 1px solid #33a3c9; }

article.tx-locore-lounit--detail > .author-and-date,
div.tx-locore-lounit--detail > .author-and-date {
  font-size: 12px;
  font-size: 0.75rem; }

article.tx-locore-lounit--detail > .summary-container,
div.tx-locore-lounit--detail > .summary-container {
  display: block;
  color: #fff;
  margin-bottom: 32px;
  margin-bottom: 2rem; }
  article.tx-locore-lounit--detail > .summary-container .summary,
  article.tx-locore-lounit--detail > .summary-container .cta,
  div.tx-locore-lounit--detail > .summary-container .summary,
  div.tx-locore-lounit--detail > .summary-container .cta {
    position: relative;
    display: inline-block;
    width: calc(50% - 20px);
    vertical-align: bottom; }
    @media (max-width: 1200px) {
      article.tx-locore-lounit--detail > .summary-container .summary,
      article.tx-locore-lounit--detail > .summary-container .cta,
      div.tx-locore-lounit--detail > .summary-container .summary,
      div.tx-locore-lounit--detail > .summary-container .cta {
        width: 100%; } }
    @media (max-width: 1000px) {
      article.tx-locore-lounit--detail > .summary-container .summary,
      article.tx-locore-lounit--detail > .summary-container .cta,
      div.tx-locore-lounit--detail > .summary-container .summary,
      div.tx-locore-lounit--detail > .summary-container .cta {
        width: calc(50% - 20px); } }
    @media (max-width: 560px) {
      article.tx-locore-lounit--detail > .summary-container .summary,
      article.tx-locore-lounit--detail > .summary-container .cta,
      div.tx-locore-lounit--detail > .summary-container .summary,
      div.tx-locore-lounit--detail > .summary-container .cta {
        width: 100%; } }
    article.tx-locore-lounit--detail > .summary-container .summary ul,
    article.tx-locore-lounit--detail > .summary-container .cta ul,
    div.tx-locore-lounit--detail > .summary-container .summary ul,
    div.tx-locore-lounit--detail > .summary-container .cta ul {
      width: 100%;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      article.tx-locore-lounit--detail > .summary-container .summary ul li,
      article.tx-locore-lounit--detail > .summary-container .cta ul li,
      div.tx-locore-lounit--detail > .summary-container .summary ul li,
      div.tx-locore-lounit--detail > .summary-container .cta ul li {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        article.tx-locore-lounit--detail > .summary-container .summary ul li span,
        article.tx-locore-lounit--detail > .summary-container .cta ul li span,
        div.tx-locore-lounit--detail > .summary-container .summary ul li span,
        div.tx-locore-lounit--detail > .summary-container .cta ul li span {
          font-family: 'Roboto', sans-serif;
          font-size: 16px;
          font-size: 1rem;
          font-weight: 400;
          text-rendering: optimizeLegibility; }
  article.tx-locore-lounit--detail > .summary-container .tx-locore-lounit--opendocument,
  div.tx-locore-lounit--detail > .summary-container .tx-locore-lounit--opendocument {
    margin-top: 20px !important; }
  article.tx-locore-lounit--detail > .summary-container .summary,
  div.tx-locore-lounit--detail > .summary-container .summary {
    background: #33a3c9;
    padding: 1em; }
    article.tx-locore-lounit--detail > .summary-container .summary ul li,
    div.tx-locore-lounit--detail > .summary-container .summary ul li {
      margin-left: 1.6em;
      margin-bottom: 0.5em;
      line-height: 1.4; }
      article.tx-locore-lounit--detail > .summary-container .summary ul li:before,
      div.tx-locore-lounit--detail > .summary-container .summary ul li:before {
        position: absolute;
        left: 1em; }
      article.tx-locore-lounit--detail > .summary-container .summary ul li:last-child,
      div.tx-locore-lounit--detail > .summary-container .summary ul li:last-child {
        margin-bottom: 0; }
    article.tx-locore-lounit--detail > .summary-container .summary .tx-locore-lounit--pdf-preview,
    div.tx-locore-lounit--detail > .summary-container .summary .tx-locore-lounit--pdf-preview {
      background: #fff;
      border: 1px solid #33a3c9; }
      article.tx-locore-lounit--detail > .summary-container .summary .tx-locore-lounit--pdf-preview .image-container,
      div.tx-locore-lounit--detail > .summary-container .summary .tx-locore-lounit--pdf-preview .image-container {
        float: none;
        max-width: 100%; }
        article.tx-locore-lounit--detail > .summary-container .summary .tx-locore-lounit--pdf-preview .image-container img.pdf-preview,
        div.tx-locore-lounit--detail > .summary-container .summary .tx-locore-lounit--pdf-preview .image-container img.pdf-preview {
          width: 100%;
          max-width: 100%; }
  article.tx-locore-lounit--detail > .summary-container .summary.elixier,
  div.tx-locore-lounit--detail > .summary-container .summary.elixier {
    background: #e1f0da;
    color: #444; }
  article.tx-locore-lounit--detail > .summary-container .elixier.elixier-link,
  div.tx-locore-lounit--detail > .summary-container .elixier.elixier-link {
    background: #e1f0da;
    width: auto;
    max-width: 355px;
    padding: 10px;
    padding: 0.625rem; }
  article.tx-locore-lounit--detail > .summary-container .cta ul,
  div.tx-locore-lounit--detail > .summary-container .cta ul {
    bottom: 0;
    margin-left: 1em; }
    @media (max-width: 1200px) {
      article.tx-locore-lounit--detail > .summary-container .cta ul,
      div.tx-locore-lounit--detail > .summary-container .cta ul {
        bottom: auto;
        margin-top: 1em;
        margin-left: 0; } }
    @media (max-width: 1000px) {
      article.tx-locore-lounit--detail > .summary-container .cta ul,
      div.tx-locore-lounit--detail > .summary-container .cta ul {
        bottom: 0;
        display: block;
        margin-left: 1em; } }
    @media (max-width: 560px) {
      article.tx-locore-lounit--detail > .summary-container .cta ul,
      div.tx-locore-lounit--detail > .summary-container .cta ul {
        bottom: auto;
        margin-top: 1em;
        margin-left: 0; } }
    article.tx-locore-lounit--detail > .summary-container .cta ul span,
    div.tx-locore-lounit--detail > .summary-container .cta ul span {
      margin-right: .3em; }
    article.tx-locore-lounit--detail > .summary-container .cta ul li,
    div.tx-locore-lounit--detail > .summary-container .cta ul li {
      margin: 0 0 .5em 0; }
      @media (max-width: 1200px) {
        article.tx-locore-lounit--detail > .summary-container .cta ul li,
        div.tx-locore-lounit--detail > .summary-container .cta ul li {
          display: inline-block; } }
      @media (max-width: 1000px) {
        article.tx-locore-lounit--detail > .summary-container .cta ul li,
        div.tx-locore-lounit--detail > .summary-container .cta ul li {
          display: block; } }
      @media (max-width: 560px) {
        article.tx-locore-lounit--detail > .summary-container .cta ul li,
        div.tx-locore-lounit--detail > .summary-container .cta ul li {
          display: inline-block; } }
    article.tx-locore-lounit--detail > .summary-container .cta ul li:last-child,
    div.tx-locore-lounit--detail > .summary-container .cta ul li:last-child {
      margin: 0; }

article.tx-locore-lounit--detail .summary-container-pdf-preview .summary,
div.tx-locore-lounit--detail .summary-container-pdf-preview .summary {
  padding: 0; }

article.tx-locore-lounit--detail .summary-container-pdf-preview .cta,
div.tx-locore-lounit--detail .summary-container-pdf-preview .cta {
  vertical-align: top; }

article.tx-locore-lounit--detail .summary-container-pdf-preview .tx-locore-lounit--pdf-preview-pages,
div.tx-locore-lounit--detail .summary-container-pdf-preview .tx-locore-lounit--pdf-preview-pages {
  margin-top: 20px;
  margin-left: 1em;
  color: #000; }
  @media (max-width: 1200px) {
    article.tx-locore-lounit--detail .summary-container-pdf-preview .tx-locore-lounit--pdf-preview-pages,
    div.tx-locore-lounit--detail .summary-container-pdf-preview .tx-locore-lounit--pdf-preview-pages {
      margin-left: 0; } }
  @media (max-width: 1000px) {
    article.tx-locore-lounit--detail .summary-container-pdf-preview .tx-locore-lounit--pdf-preview-pages,
    div.tx-locore-lounit--detail .summary-container-pdf-preview .tx-locore-lounit--pdf-preview-pages {
      margin-left: 1em; } }
  @media (max-width: 560px) {
    article.tx-locore-lounit--detail .summary-container-pdf-preview .tx-locore-lounit--pdf-preview-pages,
    div.tx-locore-lounit--detail .summary-container-pdf-preview .tx-locore-lounit--pdf-preview-pages {
      margin-left: 0; } }

article.tx-locore-lounit--detail .short,
div.tx-locore-lounit--detail .short {
  margin-bottom: 35px;
  margin-bottom: 2.2rem;
  padding: 15px;
  padding: 0.9375rem;
  background: #f0f0f0; }
  article.tx-locore-lounit--detail .short h2,
  div.tx-locore-lounit--detail .short h2 {
    margin-top: 0;
    margin-bottom: 12px;
    margin-bottom: .8rem;
    font-size: 20px;
    font-size: 1.25rem; }
  article.tx-locore-lounit--detail .short p,
  div.tx-locore-lounit--detail .short p {
    margin-bottom: 0; }

article.tx-locore-lounit--detail > .didactic,
div.tx-locore-lounit--detail > .didactic {
  margin: 0 0 50px;
  margin: 0 0 3.125rem; }

article.tx-locore-lounit--detail .teaserpic,
div.tx-locore-lounit--detail .teaserpic {
  max-width: 100%; }
  article.tx-locore-lounit--detail .teaserpic img,
  div.tx-locore-lounit--detail .teaserpic img {
    max-width: 100%; }

article.tx-locore-lounit--detail ol li,
div.tx-locore-lounit--detail ol li {
  list-style: decimal; }

article.tx-locore-lounit--detail.externalUnit h1, article.tx-locore-lounit--detail.externalUnit h2, article.tx-locore-lounit--detail.externalUnit h3, article.tx-locore-lounit--detail.externalUnit h4 {
  color: #339900; }

article.tx-locore-lounit--detail.externalUnit .elixier-link ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  article.tx-locore-lounit--detail.externalUnit .elixier-link ul li {
    list-style-type: none;
    margin: 0;
    padding: 0; }

.tx-locore-lounit--subpage-detail .short {
  margin-bottom: 35px;
  margin-bottom: 2.2rem;
  padding: 15px;
  padding: 0.9375rem;
  background: #f0f0f0; }
  .tx-locore-lounit--subpage-detail .short h2 {
    margin-top: 0;
    margin-bottom: 12px;
    margin-bottom: .8rem;
    font-size: 20px;
    font-size: 1.25rem; }
  .tx-locore-lounit--subpage-detail .short p {
    margin-bottom: 0; }

.dossier-detail-table td.cta {
  width: 120px !important;
  padding: 3px 10px !important;
  padding: 0.2rem 0.625rem !important;
  text-align: left; }
  .dossier-detail-table td.cta a {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    font-weight: normal;
    margin-bottom: 8px;
    margin-bottom: 0.5rem; }

.dossier-detail .upperred {
  text-transform: uppercase;
  color: #fe6546; }

.dossier-detail > .rubric {
  margin: 0 0 1em 0;
  color: #fe6546;
  vertical-align: middle;
  line-height: 2.6em;
  text-transform: uppercase;
  overflow: visible; }
  .dossier-detail > .rubric span {
    margin-top: -4px;
    margin-right: .2em;
    font-size: 1.6em; }

.dossier-detail .tags {
  padding: 1.5em;
  display: block;
  margin-top: calc(-20px / 2);
  margin-bottom: 20px;
  background: #f0f0f0;
  color: #999;
  font-size: 12px;
  font-size: 0.75rem; }
  .dossier-detail .tags span {
    margin-right: 18px;
    margin-right: 1.125rem; }
    .dossier-detail .tags span a {
      background: #f0f0f0;
      color: #999; }
  .dossier-detail .tags span::before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    margin-right: 6px;
    margin-right: 0.4rem; }

.dossier-detail > h1 {
  margin-bottom: 2px;
  margin-bottom: 0.125rem; }

.dossier-detail .tx-locore-textbox--collapsable > header {
  display: table !important;
  width: 100%; }

.dossier-detail .tx-locore-slot__li {
  padding: 1em 1em 1em 3em; }

.dossier-detail hr {
  color: #f0f0f0;
  margin-bottom: 30px; }

.dossier-detail__ce-content {
  margin-bottom: 40px;
  margin-bottom: 2.5rem; }

.dossier-detail__units__header {
  display: table;
  background-color: #4f4f4f;
  width: 100%;
  margin-bottom: 7px;
  padding: 10px 15px; }
  .dossier-detail__units__header_head {
    float: left;
    display: table-cell;
    color: #fff; }
    .dossier-detail__units__header_head.disciplinegroup {
      width: 50%; }
    .dossier-detail__units__header_head.schooltype {
      width: 50%; }

.dossier-detail__units__content_head {
  float: left;
  display: table-cell;
  color: #fff; }
  .dossier-detail__units__content_head.disciplinegroup {
    width: 50%; }
  .dossier-detail__units__content_head.schooltype {
    width: 50%; }

.dossier-detail__units__content_element.disciplinegroup {
  width: 50%; }

.dossier-detail__units__content_element.schooltype {
  width: 50%; }

.dossier-detail__units__duration > .icon-clock {
  color: #fe6546; }

article.tx-locore-loworkingmaterial--detail > header,
div.tx-locore-loworkingmaterial--detail > header {
  margin-bottom: 20px; }
  article.tx-locore-loworkingmaterial--detail > header h1,
  div.tx-locore-loworkingmaterial--detail > header h1 {
    margin-bottom: .6em; }
  article.tx-locore-loworkingmaterial--detail > header .marker .label,
  div.tx-locore-loworkingmaterial--detail > header .marker .label {
    display: inline-block;
    background-color: #fe6546;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 0px;
    letter-spacing: 0.05rem; }

article.tx-locore-loworkingmaterial--detail h2,
div.tx-locore-loworkingmaterial--detail h2 {
  margin-top: 50px;
  margin-top: 3.125rem; }

article.tx-locore-loworkingmaterial--detail .tx-locore-textbox--collapsable h2,
div.tx-locore-loworkingmaterial--detail .tx-locore-textbox--collapsable h2 {
  margin-top: 0; }

article.tx-locore-loworkingmaterial--detail .tags,
div.tx-locore-loworkingmaterial--detail .tags {
  padding: 1.5em;
  display: block;
  margin-top: calc(-20px / 2);
  margin-bottom: 20px;
  background: #f0f0f0;
  color: #999;
  font-size: 12px;
  font-size: 0.75rem; }
  article.tx-locore-loworkingmaterial--detail .tags span,
  div.tx-locore-loworkingmaterial--detail .tags span {
    margin-right: 18px;
    margin-right: 1.125rem; }
    article.tx-locore-loworkingmaterial--detail .tags span a,
    div.tx-locore-loworkingmaterial--detail .tags span a {
      background: #f0f0f0;
      color: #999; }
  article.tx-locore-loworkingmaterial--detail .tags span::before,
  div.tx-locore-loworkingmaterial--detail .tags span::before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    margin-right: 6px;
    margin-right: 0.4rem; }

article.tx-locore-loworkingmaterial--detail .header-discipline-group,
div.tx-locore-loworkingmaterial--detail .header-discipline-group {
  color: #999; }
  article.tx-locore-loworkingmaterial--detail .header-discipline-group .text,
  div.tx-locore-loworkingmaterial--detail .header-discipline-group .text {
    margin-left: .2em;
    font-weight: 400;
    text-transform: uppercase; }

article.tx-locore-loworkingmaterial--detail > .discipline-group-head,
div.tx-locore-loworkingmaterial--detail > .discipline-group-head {
  margin: 0 0 10px 0;
  margin: 0 0 0.625rem 0;
  background: none !important;
  vertical-align: middle;
  line-height: 2.6em;
  text-transform: uppercase;
  overflow: visible;
  padding: 0;
  font-size: 14px;
  font-size: 0.875rem;
  color: #999 !important; }
  article.tx-locore-loworkingmaterial--detail > .discipline-group-head .text,
  div.tx-locore-loworkingmaterial--detail > .discipline-group-head .text {
    margin-left: .1em;
    font-weight: 400;
    text-transform: uppercase; }
  article.tx-locore-loworkingmaterial--detail > .discipline-group-head .icon,
  div.tx-locore-loworkingmaterial--detail > .discipline-group-head .icon {
    margin-top: 0px;
    margin-right: .2em;
    font-size: 1.2em;
    color: #999 !important; }
    article.tx-locore-loworkingmaterial--detail > .discipline-group-head .icon:nth-child(1):before,
    div.tx-locore-loworkingmaterial--detail > .discipline-group-head .icon:nth-child(1):before {
      color: #444 !important; }

article.tx-locore-loworkingmaterial--detail > .distance-top,
div.tx-locore-loworkingmaterial--detail > .distance-top {
  margin-top: 30px; }

article.tx-locore-loworkingmaterial--detail > .interactive-bread-crump,
div.tx-locore-loworkingmaterial--detail > .interactive-bread-crump {
  margin: 0 0 20px 0;
  overflow: visible; }
  article.tx-locore-loworkingmaterial--detail > .interactive-bread-crump ul,
  div.tx-locore-loworkingmaterial--detail > .interactive-bread-crump ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    article.tx-locore-loworkingmaterial--detail > .interactive-bread-crump ul li,
    div.tx-locore-loworkingmaterial--detail > .interactive-bread-crump ul li {
      margin: 0;
      padding: 0;
      white-space: nowrap;
      display: inline-block; }
      article.tx-locore-loworkingmaterial--detail > .interactive-bread-crump ul li .interactive-dropdown,
      div.tx-locore-loworkingmaterial--detail > .interactive-bread-crump ul li .interactive-dropdown {
        display: inline-block;
        background: none;
        color: #33a3c9;
        padding: .3em .75em;
        position: relative;
        border: 1px solid #33a3c9; }
        article.tx-locore-loworkingmaterial--detail > .interactive-bread-crump ul li .interactive-dropdown ul,
        div.tx-locore-loworkingmaterial--detail > .interactive-bread-crump ul li .interactive-dropdown ul {
          position: absolute;
          margin: .3em 0 0 -.75em;
          padding: 0;
          background: none;
          min-width: 100%;
          background-color: #fff;
          border: 1px solid #33a3c9; }
          article.tx-locore-loworkingmaterial--detail > .interactive-bread-crump ul li .interactive-dropdown ul li,
          div.tx-locore-loworkingmaterial--detail > .interactive-bread-crump ul li .interactive-dropdown ul li {
            color: #33a3c9;
            background-color: #fff;
            list-style-type: none;
            display: block;
            margin: 0 0 1px 0;
            padding: .3em .75em;
            border-bottom: 1px solid #33a3c9; }

article.tx-locore-loworkingmaterial--detail > .author-and-date,
div.tx-locore-loworkingmaterial--detail > .author-and-date {
  font-size: 12px;
  font-size: 0.75rem; }

article.tx-locore-loworkingmaterial--detail > .summary-container,
div.tx-locore-loworkingmaterial--detail > .summary-container {
  display: block;
  color: #fff;
  margin-bottom: 32px;
  margin-bottom: 2rem; }
  article.tx-locore-loworkingmaterial--detail > .summary-container .summary,
  article.tx-locore-loworkingmaterial--detail > .summary-container .cta,
  div.tx-locore-loworkingmaterial--detail > .summary-container .summary,
  div.tx-locore-loworkingmaterial--detail > .summary-container .cta {
    position: relative;
    display: inline-block;
    width: calc(50% - 20px);
    vertical-align: bottom; }
    @media (max-width: 1200px) {
      article.tx-locore-loworkingmaterial--detail > .summary-container .summary,
      article.tx-locore-loworkingmaterial--detail > .summary-container .cta,
      div.tx-locore-loworkingmaterial--detail > .summary-container .summary,
      div.tx-locore-loworkingmaterial--detail > .summary-container .cta {
        width: 100%; } }
    @media (max-width: 1000px) {
      article.tx-locore-loworkingmaterial--detail > .summary-container .summary,
      article.tx-locore-loworkingmaterial--detail > .summary-container .cta,
      div.tx-locore-loworkingmaterial--detail > .summary-container .summary,
      div.tx-locore-loworkingmaterial--detail > .summary-container .cta {
        width: calc(50% - 20px); } }
    @media (max-width: 560px) {
      article.tx-locore-loworkingmaterial--detail > .summary-container .summary,
      article.tx-locore-loworkingmaterial--detail > .summary-container .cta,
      div.tx-locore-loworkingmaterial--detail > .summary-container .summary,
      div.tx-locore-loworkingmaterial--detail > .summary-container .cta {
        width: 100%; } }
    article.tx-locore-loworkingmaterial--detail > .summary-container .summary ul,
    article.tx-locore-loworkingmaterial--detail > .summary-container .cta ul,
    div.tx-locore-loworkingmaterial--detail > .summary-container .summary ul,
    div.tx-locore-loworkingmaterial--detail > .summary-container .cta ul {
      width: 100%;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      article.tx-locore-loworkingmaterial--detail > .summary-container .summary ul li,
      article.tx-locore-loworkingmaterial--detail > .summary-container .cta ul li,
      div.tx-locore-loworkingmaterial--detail > .summary-container .summary ul li,
      div.tx-locore-loworkingmaterial--detail > .summary-container .cta ul li {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        article.tx-locore-loworkingmaterial--detail > .summary-container .summary ul li span,
        article.tx-locore-loworkingmaterial--detail > .summary-container .cta ul li span,
        div.tx-locore-loworkingmaterial--detail > .summary-container .summary ul li span,
        div.tx-locore-loworkingmaterial--detail > .summary-container .cta ul li span {
          font-family: 'Roboto', sans-serif;
          font-size: 16px;
          font-size: 1rem;
          font-weight: 400;
          text-rendering: optimizeLegibility; }
  article.tx-locore-loworkingmaterial--detail > .summary-container .summary,
  div.tx-locore-loworkingmaterial--detail > .summary-container .summary {
    background: #33a3c9;
    padding: 1em; }
    article.tx-locore-loworkingmaterial--detail > .summary-container .summary ul li,
    div.tx-locore-loworkingmaterial--detail > .summary-container .summary ul li {
      margin-left: 1.6em;
      margin-bottom: 0.5em;
      line-height: 1.4; }
      article.tx-locore-loworkingmaterial--detail > .summary-container .summary ul li:before,
      div.tx-locore-loworkingmaterial--detail > .summary-container .summary ul li:before {
        position: absolute;
        left: 1em; }
      article.tx-locore-loworkingmaterial--detail > .summary-container .summary ul li:last-child,
      div.tx-locore-loworkingmaterial--detail > .summary-container .summary ul li:last-child {
        margin-bottom: 0; }
  article.tx-locore-loworkingmaterial--detail > .summary-container .cta ul,
  div.tx-locore-loworkingmaterial--detail > .summary-container .cta ul {
    bottom: 0;
    margin-left: 1em; }
    @media (max-width: 1200px) {
      article.tx-locore-loworkingmaterial--detail > .summary-container .cta ul,
      div.tx-locore-loworkingmaterial--detail > .summary-container .cta ul {
        bottom: auto;
        margin-top: 1em;
        margin-left: 0; } }
    @media (max-width: 1000px) {
      article.tx-locore-loworkingmaterial--detail > .summary-container .cta ul,
      div.tx-locore-loworkingmaterial--detail > .summary-container .cta ul {
        bottom: 0;
        display: block;
        margin-left: 1em; } }
    @media (max-width: 560px) {
      article.tx-locore-loworkingmaterial--detail > .summary-container .cta ul,
      div.tx-locore-loworkingmaterial--detail > .summary-container .cta ul {
        bottom: auto;
        margin-top: 1em;
        margin-left: 0; } }
    article.tx-locore-loworkingmaterial--detail > .summary-container .cta ul span,
    div.tx-locore-loworkingmaterial--detail > .summary-container .cta ul span {
      margin-right: .3em; }
    article.tx-locore-loworkingmaterial--detail > .summary-container .cta ul li,
    div.tx-locore-loworkingmaterial--detail > .summary-container .cta ul li {
      margin: 0 0 .5em 0; }
      @media (max-width: 1200px) {
        article.tx-locore-loworkingmaterial--detail > .summary-container .cta ul li,
        div.tx-locore-loworkingmaterial--detail > .summary-container .cta ul li {
          display: inline-block; } }
      @media (max-width: 1000px) {
        article.tx-locore-loworkingmaterial--detail > .summary-container .cta ul li,
        div.tx-locore-loworkingmaterial--detail > .summary-container .cta ul li {
          display: block; } }
      @media (max-width: 560px) {
        article.tx-locore-loworkingmaterial--detail > .summary-container .cta ul li,
        div.tx-locore-loworkingmaterial--detail > .summary-container .cta ul li {
          display: inline-block; } }
    article.tx-locore-loworkingmaterial--detail > .summary-container .cta ul li:last-child,
    div.tx-locore-loworkingmaterial--detail > .summary-container .cta ul li:last-child {
      margin: 0; }

article.tx-locore-loworkingmaterial--detail .short,
div.tx-locore-loworkingmaterial--detail .short {
  margin-bottom: 35px;
  margin-bottom: 2.2rem;
  padding: 15px;
  padding: 0.9375rem;
  background: #f0f0f0; }
  article.tx-locore-loworkingmaterial--detail .short h2,
  div.tx-locore-loworkingmaterial--detail .short h2 {
    margin-top: 0;
    margin-bottom: 12px;
    margin-bottom: .8rem;
    font-size: 20px;
    font-size: 1.25rem; }
  article.tx-locore-loworkingmaterial--detail .short p,
  div.tx-locore-loworkingmaterial--detail .short p {
    margin-bottom: 0; }

article.tx-locore-loworkingmaterial--detail > .didactic,
div.tx-locore-loworkingmaterial--detail > .didactic {
  margin: 0 0 50px;
  margin: 0 0 3.125rem; }

article.tx-locore-loworkingmaterial--detail .teaserpic,
div.tx-locore-loworkingmaterial--detail .teaserpic {
  max-width: 100%; }
  article.tx-locore-loworkingmaterial--detail .teaserpic img,
  div.tx-locore-loworkingmaterial--detail .teaserpic img {
    max-width: 100%; }

article.tx-locore-loworkingmaterial--detail .fwu-video,
div.tx-locore-loworkingmaterial--detail .fwu-video {
  padding-bottom: 20px;
  cursor: pointer; }
  article.tx-locore-loworkingmaterial--detail .fwu-video video,
  div.tx-locore-loworkingmaterial--detail .fwu-video video {
    width: 100% !important;
    height: auto !important;
    border: 2px solid #4f4f4f; }

.universallist header {
  background-color: #33a3c9 !important;
  padding: 0;
  margin-bottom: 0; }
  .universallist header h3 {
    color: #fff;
    padding: 10px;
    font-size: 17px;
    font-size: 1.1rem;
    line-height: 1.3;
    font-weight: 400; }

.marginal--content .universallist header {
  background-color: #33a3c9 !important;
  padding: 0; }
  .marginal--content .universallist header h3 {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem; }

.marginal--content .universallist .link-box {
  padding: 0; }
  .marginal--content .universallist .link-box ul li {
    padding: 20px;
    margin: 0;
    border-bottom: 2px solid #fff; }
  .marginal--content .universallist .link-box ul li:before {
    display: none; }

.marginal--content .universallist .cta {
  display: none; }

input::-ms-clear,
textarea::-ms-clear {
  display: none; }

.overlay-user-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 54, 66, 0.9);
  z-index: 102;
  overflow-y: auto;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s, visibility 3s; }
  .overlay-user-modal.is-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s, visibility .3s; }
    .overlay-user-modal.is-visible .overlay-user-modal-container {
      -ms-transform: translateY(0);
          transform: translateY(0); }

.overlay-user-modal-header {
  background: #33a3c9;
  text-align: center;
  padding: 20px; }

.overlay-user-modal-header > h1 {
  color: #fff; }

.overlay-mini {
  display: inline-block;
  font-size: 10px; }

.overlay-user-modal-container {
  position: relative;
  width: 90%;
  max-width: 600px;
  background: #fff;
  margin: 3em auto 4em;
  cursor: auto;
  -ms-transform: translateY(-30px);
      transform: translateY(-30px);
  transition-property: transform;
  transition-duration: .3s; }
  .overlay-user-modal-container a {
    color: #fe6546; }
  .overlay-user-modal-container .overlay-switcher {
    width: 100%;
    margin: 0;
    padding: 0; }
    .overlay-user-modal-container .overlay-switcher:after {
      clear: both;
      content: '';
      display: table; }
    .overlay-user-modal-container .overlay-switcher li {
      width: 50%;
      float: left;
      list-style-type: none;
      text-align: center;
      width: 50%; }
    .overlay-user-modal-container .overlay-switcher a {
      display: block;
      width: 100%;
      background: #d2d8d8;
      color: #809191; }
      .overlay-user-modal-container .overlay-switcher a.selected {
        background: #fff;
        color: #505260; }
  @media only screen and (min-width: 600px) {
    .overlay-user-modal-container {
      margin: 4em auto; } }

.fieldset {
  width: 100%; }

.fieldset1 {
  width: 100%; }

.overlay-form {
  padding: 1.4em; }
  .overlay-form .fieldset {
    position: relative;
    margin: 1.4em 0; }
    .overlay-form .fieldset:first-child {
      margin-top: 0; }
    .overlay-form .fieldset:last-child {
      margin-bottom: 0; }
  .overlay-form label {
    font-size: 14px;
    font-size: 0.875rem; }
    .overlay-form label.image-replace {
      display: inline-block;
      position: absolute;
      left: 15px;
      top: 50%;
      bottom: auto;
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
      height: 20px;
      width: 20px;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      color: transparent;
      text-shadow: none;
      background-repeat: no-repeat;
      background-position: 50% 0; }
    .overlay-form label.overlay-username {
      background-image: url("../Images/vendor/loginsignupmodal/overlay-icon-username.svg");
      margin-top: -5px; }
    .overlay-form label.overlay-email {
      background-image: url("../Images/vendor/loginsignupmodal/overlay-icon-email.svg");
      margin-top: -5px; }
    .overlay-form label.overlay-password {
      background-image: url("../Images/vendor/loginsignupmodal/overlay-icon-password.svg");
      margin-top: -5px; }
  .overlay-form input {
    margin: 0;
    padding: 0; }
    .overlay-form input.full-width {
      width: 100%; }
    .overlay-form input.has-padding {
      padding: 12px 20px 12px 50px; }
    .overlay-form input.has-border {
      border: 1px solid #d2d8d8;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
      .overlay-form input.has-border:focus {
        border-color: #343642;
        box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
        outline: none; }
    .overlay-form input.has-error {
      border: 1px solid #d76666; }
    .overlay-form input[type=password] {
      padding-right: 65px; }
    .overlay-form input[type=submit] {
      padding: 16px 0;
      cursor: pointer;
      background: #33a3c9;
      color: #fff;
      font-weight: 500;
      border: 0;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
      .no-touch .overlay-form input[type=submit]:hover, .no-touch .overlay-form input[type=submit]:focus {
        background: #46add0;
        outline: none; }
  .overlay-form .hide-password {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px 15px;
    border-left: 1px solid #d2d8d8;
    margin-top: -5px;
    top: 50%;
    bottom: auto;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    font-size: 14px;
    font-size: 0.875rem;
    color: #343642; }
  .overlay-form input[type="checkbox"] + .overlay-error-message {
    top: 30px; }
  .overlay-form .overlay-error-message {
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 55px;
    background: rgba(215, 102, 102, 0.9);
    padding: .8em;
    z-index: 103;
    color: #fff;
    font-size: 13px;
    font-size: 0.8125rem;
    border-radius: 0.25em;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s 0, visibility 0 .2s; }
    .overlay-form .overlay-error-message::after {
      content: '';
      position: absolute;
      left: 17px;
      bottom: 100%;
      height: 0;
      width: 0;
      border-bottom: 8px solid rgba(215, 102, 102, 0.9);
      border-left: 8px solid transparent;
      border-right: 8px solid transparent; }
    .overlay-form .overlay-error-message.is-visible {
      opacity: 1;
      visibility: visible;
      transition: opacity .2s 0, visibility 0 0; }
  @media only screen and (min-width: 600px) {
    .overlay-form {
      padding: 2em; }
      .overlay-form .fieldset {
        margin: 3em 0; }
        .overlay-form .fieldset:first-child {
          margin-top: 0; }
        .overlay-form .fieldset:last-child {
          margin-bottom: 0; }
      .overlay-form .has-padding {
        padding: 16px 20px 16px 50px; }
      .overlay-form input[type=submit] {
        padding: 16px 0; } }

.overlay-form-message {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 1.4em 1.4em 0;
  line-height: 1.4;
  text-align: center; }
  @media only screen and (min-width: 600px) {
    .overlay-form-message {
      padding: 2em 2em 0; } }

.overlay-form-bottom-message {
  font-size: 14px;
  font-size: 0.875rem;
  bottom: -30px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }
  .overlay-form-bottom-message a {
    color: #fff;
    text-decoration: underline; }

.overlay-close-form {
  background: url("../Images/vendor/loginsignupmodal/overlay-icon-close.svg") no-repeat center center;
  display: block;
  height: 40px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: 100%;
  top: -40px;
  white-space: nowrap;
  width: 40px; }
  @media only screen and (min-width: 1170px) {
    .overlay-close-form {
      display: none; } }

#overlay-login,
#overlay-signup,
#overlay-reset-password {
  /*display: none;*/ }

#overlay-login.is-selected,
#overlay-signup.is-selected,
#overlay-reset-password.is-selected {
  /*display: block;*/ }

.overlay-form-bottom-message.pwd-link {
  bottom: 10px; }
  .overlay-form-bottom-message.pwd-link a {
    color: #fe6546; }

.voucher-register-form #register-section-intro {
  margin-bottom: 60px; }

.voucher-register-form #section-label-data,
.voucher-register-form #section-email-intro,
.voucher-register-form #section-email,
.voucher-register-form #section-email-exists,
.voucher-register-form #section-firstname,
.voucher-register-form #section-lastname,
.voucher-register-form #section-password,
.voucher-register-form #section-password-repeat,
.voucher-register-form #section-forgot-password,
.voucher-register-form #section-terms,
.voucher-register-form #section-to-login,
.voucher-register-form #section-loggedin-upgrade-text,
.voucher-register-form #section-submit-cancel,
.voucher-register-form #section-resend {
  display: none; }

.voucher-register-form #section-intro {
  margin: 20px 0 40px; }

.voucher-register-form #section-label-data {
  margin: 40px 0 20px; }

.voucher-register-form .register-section {
  margin-top: 15px; }
  .voucher-register-form .register-section #section-label-data,
  .voucher-register-form .register-section #section-submit {
    margin-top: 30px; }
  .voucher-register-form .register-section #section-email {
    margin-top: 30px; }

.voucher-register-form .register-section.reenter-code {
  margin-bottom: 20px; }

.voucher-register-form h2 {
  padding-bottom: 0.7em; }

.voucher-register-form .gdsignup-form-response {
  display: none;
  color: #fe6546; }
  .voucher-register-form .gdsignup-form-response.has-error {
    display: block; }

.voucher-register-form .form-row {
  margin: 0 0 20px 0; }
  .voucher-register-form .form-row.form-row-checkbox {
    margin-top: 10px; }
  .voucher-register-form .form-row label {
    display: inline-block;
    width: 25%; }
  .voucher-register-form .form-row input, .voucher-register-form .form-row select {
    display: inline-block;
    color: #4f4f4f; }
  .voucher-register-form .form-row p {
    margin-bottom: 8px;
    margin-bottom: 0.5rem; }
  .voucher-register-form .form-row .has-border {
    border: 1px solid #ddd; }
  .voucher-register-form .form-row .has-padding {
    padding: 12px 20px; }
  .voucher-register-form .form-row .full-width {
    width: 70%; }
  .voucher-register-form .form-row .fieldwrap {
    display: inline-block;
    position: relative;
    width: 70%; }
    .voucher-register-form .form-row .fieldwrap .full-width {
      width: 100%; }
    .voucher-register-form .form-row .fieldwrap .form-errormsg {
      position: absolute; }
  .voucher-register-form .form-row .has-icon {
    padding-left: 50px;
    background-position: 15px 50%;
    background-repeat: no-repeat; }
  .voucher-register-form .form-row .has-icon-user {
    background-image: url("../Images/vendor/loginsignupmodal/overlay-icon-username.svg"); }
  .voucher-register-form .form-row .has-icon-email {
    background-image: url("../Images/vendor/loginsignupmodal/overlay-icon-email.svg"); }
  .voucher-register-form .form-row .has-icon-password {
    background-image: url("../Images/vendor/loginsignupmodal/overlay-icon-password.svg"); }
  .voucher-register-form .form-row.form-row-radio input {
    width: auto;
    margin: 0 0 5px 0; }
  .voucher-register-form .form-row.form-row-radio label.gdsignup-form-label-radio {
    width: auto;
    margin: 0 25px 0 0; }
  .voucher-register-form .form-row.form-row-checkbox input {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 0px 5px 0 0; }
  .voucher-register-form .form-row.form-row-checkbox label {
    display: inline-block;
    vertical-align: bottom;
    width: 90%;
    margin: 0; }
  .voucher-register-form .form-row#section-email .message-user-exists {
    margin-top: 20px; }
  .voucher-register-form .form-row.form-row-password {
    position: relative; }
    .voucher-register-form .form-row.form-row-password #form-pass-toggle,
    .voucher-register-form .form-row.form-row-password #form-pass-repeat-toggle {
      display: block;
      position: absolute;
      top: 9px;
      right: 36px;
      padding: 5px 12px;
      color: #4f4f4f;
      font-size: 14px;
      font-size: 0.875rem;
      text-decoration: none;
      border-left: 1px solid #ddd; }
  .voucher-register-form .form-row.form-row-error {
    margin-bottom: 36px; }
    .voucher-register-form .form-row.form-row-error:not(.form-row-checkbox) label {
      color: #fe6546; }
    .voucher-register-form .form-row.form-row-error.form-row-checkbox .fieldwrap,
    .voucher-register-form .form-row.form-row-error input, .voucher-register-form .form-row.form-row-error select, .voucher-register-form .form-row.form-row-error checkbox {
      border: 1px solid #fe6546; }
    .voucher-register-form .form-row.form-row-error.form-row-checkbox .fieldwrap {
      padding: 10px 10px; }
      .voucher-register-form .form-row.form-row-error.form-row-checkbox .fieldwrap .form-errormsg {
        left: 0px;
        margin-top: 10px; }
    .voucher-register-form .form-row.form-row-error .form-errormsg {
      display: block;
      color: #fe6546; }

.voucher-register-form .button:hover {
  text-decoration: underline;
  cursor: pointer; }

.voucher-register-form .button.link-to-login a, .voucher-register-form .button#submit-form-cancel a {
  color: #fff; }

.voucher-register-form .subscription-next {
  float: right;
  margin: 20px 4.4% 20px 0px; }
  .voucher-register-form .subscription-next:after {
    clear: both;
    content: '';
    display: table; }

.mainlo-wrapper .mlo-table a {
  font-weight: normal; }

.mainlo-wrapper .mlo-table .text {
  padding: 10px 10px 0 10px;
  padding: 0.625rem 0.625rem 0 0.625rem; }
  .mainlo-wrapper .mlo-table .text.no-border {
    border: none; }
  .mainlo-wrapper .mlo-table .text-tags {
    font-size: 11px;
    padding: 0 10px 10px 10px;
    padding: 0 0.625rem 0.625rem 0.625rem; }

.mainlo-wrapper .mlo-table .cta {
  width: 80px;
  width: 5rem;
  border: none;
  padding: 10px 10px 0 10px;
  padding: 0.625rem 0.625rem 0 0.625rem; }

.mainlo-wrapper .mlo-table .cta-date {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  padding: 0 10px 10px 10px;
  padding: 0 0.625rem 0.625rem 0.625rem;
  text-align: right;
  vertical-align: bottom; }
  .mainlo-wrapper .mlo-table .cta-date .date {
    font-size: 12px;
    font-size: 0.75rem; }

.profile-percentage {
  background: #f0f0f0; }
  .profile-percentage header {
    background: #4f4f4f;
    text-align: left;
    color: #fff;
    padding: 10px; }
  .profile-percentage > * {
    padding: 10px; }
  .profile-percentage .meter {
    margin: 15px 0 16px;
    margin: 0.9375rem 0 1rem; }

.avatar-box {
  text-align: center;
  background: #f0f0f0;
  padding-bottom: 20px;
  padding-bottom: 1.25rem; }
  .avatar-box header {
    position: relative;
    background: #fff;
    text-align: left;
    padding: 10px; }
    .avatar-box header .status {
      position: absolute;
      right: 20px;
      right: 1.25rem;
      top: 0; }
      .avatar-box header .status:before {
        font-size: 40px;
        font-size: 2.5rem;
        color: #4f4f4f;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: ""; }
      .avatar-box header .status.ok:before {
        color: #33a3c9;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: ""; }
  .avatar-box .avatar-info {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300; }
  .avatar-box div.innercontent {
    margin: 20px 0 0 0;
    margin: 1.25rem 0 0 0;
    text-align: center; }
    .avatar-box div.innercontent .userimage {
      width: 7em;
      height: 7em;
      margin-bottom: 20px;
      margin-bottom: 1.25rem;
      display: inline-block;
      background-color: #fff;
      border-radius: 100%;
      border: 10px solid #fff;
      overflow: hidden; }
      .avatar-box div.innercontent .userimage.premium {
        border-color: #FFBF00; }
      .avatar-box div.innercontent .userimage.basis {
        border-color: #33a3c9; }
      .avatar-box div.innercontent .userimage img {
        width: 100%;
        height: auto;
        box-sizing: border-box; }
    .avatar-box div.innercontent i.icon-avatar:before {
      font-size: 4.5em;
      display: inline-block;
      border-radius: 100%;
      width: 1.5em;
      line-height: 1.5em;
      vertical-align: middle;
      text-align: center;
      background-color: #fff;
      color: #000; }

.author,
.user--status-box {
  background-color: #f0f0f0;
  text-align: center;
  margin-bottom: 32px;
  margin-bottom: 2rem; }
  .author .authorbody,
  .user--status-box .authorbody {
    padding: 0.8em 1em 1.5em; }
  .author .authorimage,
  .author .userimage,
  .user--status-box .authorimage,
  .user--status-box .userimage {
    display: block;
    background-color: #fff;
    border-radius: 100%;
    border: 5px solid #fff;
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto 0.5em auto;
    width: 5em;
    height: 5em; }
    .author .authorimage.premium,
    .author .userimage.premium,
    .user--status-box .authorimage.premium,
    .user--status-box .userimage.premium {
      border-color: #FFBF00; }
    .author .authorimage.basis,
    .author .userimage.basis,
    .user--status-box .authorimage.basis,
    .user--status-box .userimage.basis {
      border-color: #33a3c9; }
    .author .authorimage img,
    .author .userimage img,
    .user--status-box .authorimage img,
    .user--status-box .userimage img {
      width: 100%;
      height: auto;
      box-sizing: border-box; }
  .author .authorheader,
  .user--status-box .authorheader {
    padding: 10px;
    background-color: #33a3c9;
    color: #fff;
    text-align: left; }
  .author .authorname,
  .user--status-box .authorname {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    font-size: 1.25rem;
    color: #33a3c9; }
  .author .job-status,
  .user--status-box .job-status {
    display: inline-block;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 300; }
  .author p,
  .user--status-box p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300; }
    .author p a,
    .user--status-box p a {
      font-weight: 400; }
    .author p:first-of-type,
    .user--status-box p:first-of-type {
      margin-top: 10px;
      margin-top: 0.625rem; }
    .author p:last-of-type,
    .user--status-box p:last-of-type {
      margin-bottom: 0; }
  .author .username,
  .user--status-box .username {
    display: inline-block;
    color: #33a3c9;
    padding-bottom: .3em;
    width: 100%;
    font-size: 20px;
    font-size: 1.25rem; }
  .author .info,
  .user--status-box .info {
    font-size: .75em;
    display: block; }
  .author .user-job-status,
  .user--status-box .user-job-status {
    font-size: 1em;
    display: block; }
  .author--overview,
  .user--status-box--overview {
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    word-spacing: -0.43em; }
  .author--avatar, .author--description,
  .user--status-box--avatar,
  .user--status-box--description {
    display: inline-block;
    zoom: 1;
    *display: inline;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: middle; }
  .author--avatar,
  .user--status-box--avatar {
    width: 30%;
    padding-right: 10px;
    max-width: 7em; }
  .author--description,
  .user--status-box--description {
    max-width: 70%;
    padding-left: 10px;
    text-align: left; }
  .author.compact,
  .user--status-box.compact {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin-bottom: 0;
    padding: 10px; }
    .author.compact .authorheader,
    .user--status-box.compact .authorheader {
      padding: 0;
      background-color: inherit;
      color: #444;
      text-align: center;
      font-size: 12px;
      font-size: 0.8rem; }
    .author.compact .authorbody,
    .user--status-box.compact .authorbody {
      padding: 0; }
      .author.compact .authorbody .authorimage,
      .user--status-box.compact .authorbody .authorimage {
        width: 32px;
        width: 2.0rem;
        height: 32px;
        height: 2.0rem; }
      .author.compact .authorbody .authorname,
      .user--status-box.compact .authorbody .authorname {
        font-size: 12px;
        font-size: 0.8rem; }

.user--status-box {
  padding: 0.8em 1em 1.5em; }

.author.lo-feuser-detail {
  display: block;
  overflow: hidden;
  padding: 1em;
  width: auto; }
  .author.lo-feuser-detail .authorimage {
    float: left;
    width: 5em; }
  .author.lo-feuser-detail .authorvita {
    margin: 0 0 0 5em;
    padding-left: 1em;
    text-align: left; }

@media screen and (max-width: 450px) {
  .author.lo-feuser-detail,
  .author.lo-feuser-detail > .authorvita {
    display: block;
    float: none;
    margin: 0;
    width: 100% !important; }
  .author.lo-feuser-detail > .authorvita {
    padding: 0;
    text-align: center; }
  .author.lo-feuser-detail > .authorimage {
    display: block;
    float: none;
    padding: 0;
    margin: 0 auto;
    width: 5em !important; } }

.license {
  padding: 10px;
  margin: 0 0 20px 0;
  margin: 0 0 1.25rem 0;
  padding: 17px;
  background-color: #f0f0f0;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center; }
  .license .license-icon,
  .license .license-title {
    margin-bottom: 10px;
    margin-bottom: 0.625rem; }
  .license .license-title strong {
    font-weight: 400;
    font-size: 16px; }
  .license .license-icon img.lo-logo {
    height: 40px;
    height: 2.5rem; }
  .license .license-text {
    font-weight: 300; }
  .license.compact {
    display: inline-block;
    width: calc(50% - 20px);
    margin-bottom: 0;
    padding: 10px; }
    .license.compact .license-icon {
      margin-bottom: 0.5em; }
      .license.compact .license-icon img {
        height: 32px;
        height: 2.0rem;
        vertical-align: top; }
    .license.compact .license-title {
      margin-bottom: 0;
      font-size: 12px;
      font-size: 0.8rem;
      font-weight: normal; }

a.link-with-pretext {
  margin: 0 0 -6px 0;
  margin: 0 0 -0.375rem 0; }

span.pretext {
  font-size: 11px; }

.user--details-box {
  background: #f0f0f0;
  padding: 15px 0 20px 0;
  padding: 0.9375rem 0 1.25rem 0; }
  .user--details-box h4 {
    background: #f0f0f0;
    color: #000;
    font-weight: 600; }
  .user--details-box--account, .user--details-box--person, .user--details-box--address {
    padding: 0 10px 10px 10px;
    padding: 0 0.625rem 0.625rem 0.625rem;
    margin: 0; }
    .user--details-box--account > li, .user--details-box--person > li, .user--details-box--address > li {
      margin: 0;
      list-style: none; }
  .user--details-box--address {
    font-style: normal; }

.locore-lonews-latest ul li.lobills-empty::before {
  display: none; }

.form-wrapper .femanager_province {
  display: none; }

.form-wrapper fieldset {
  margin: 50px 0 30px 0;
  margin: 3.125rem 0 1.875rem 0;
  padding: 20px 20px 20px 0;
  padding: 1.25rem 1.25rem 1.25rem 0; }
  .form-wrapper fieldset table tr td.top {
    vertical-align: top; }
  .form-wrapper fieldset .layout1 label {
    float: none;
    width: 100%; }
  .form-wrapper fieldset .layout1 .controls {
    float: none;
    width: 100%; }
  .form-wrapper fieldset label {
    display: block;
    width: 150px;
    width: 9.375rem;
    text-align: left;
    margin-right: 20px;
    margin-right: 1.25rem;
    float: left; }
    @media (max-width: 560px) {
      .form-wrapper fieldset label {
        text-align: left; } }
    .form-wrapper fieldset label.label__radio, .form-wrapper fieldset label.label__textarea {
      width: 100%;
      float: none;
      text-align: left;
      font-weight: bold;
      padding-bottom: 10px; }
  .form-wrapper fieldset .controls {
    display: block;
    width: calc(100% - 9.375rem - 1.25rem);
    float: right;
    padding-bottom: 20px; }
    .form-wrapper fieldset .controls:after {
      clear: both;
      content: '';
      display: table; }
    @media (max-width: 560px) {
      .form-wrapper fieldset .controls {
        float: none;
        width: 100%; } }
    .form-wrapper fieldset .controls__radio, .form-wrapper fieldset .controls__textarea {
      width: 100%;
      float: none; }
    .form-wrapper fieldset .controls input,
    .form-wrapper fieldset .controls textarea,
    .form-wrapper fieldset .controls select {
      display: inline-block;
      border-radius: 0; }
    .form-wrapper fieldset .controls input[type="text"],
    .form-wrapper fieldset .controls input[type="email"],
    .form-wrapper fieldset .controls input[type="password"],
    .form-wrapper fieldset .controls textarea,
    .form-wrapper fieldset .controls select {
      width: 100%;
      background: none;
      border: 1px solid #f0f0f0; }
      .form-wrapper fieldset .controls input[type="text"].zip,
      .form-wrapper fieldset .controls input[type="email"].zip,
      .form-wrapper fieldset .controls input[type="password"].zip,
      .form-wrapper fieldset .controls textarea.zip,
      .form-wrapper fieldset .controls select.zip {
        width: 80px;
        width: 5rem;
        margin-right: 10px;
        margin-right: 0.625rem; }
      .form-wrapper fieldset .controls input[type="text"].city,
      .form-wrapper fieldset .controls input[type="email"].city,
      .form-wrapper fieldset .controls input[type="password"].city,
      .form-wrapper fieldset .controls textarea.city,
      .form-wrapper fieldset .controls select.city {
        width: calc(100% - 5rem - 0.875rem); }
      .form-wrapper fieldset .controls input[type="text"].error,
      .form-wrapper fieldset .controls input[type="email"].error,
      .form-wrapper fieldset .controls input[type="password"].error,
      .form-wrapper fieldset .controls textarea.error,
      .form-wrapper fieldset .controls select.error {
        border: 1px solid rgba(254, 101, 70, 0.6);
        background-color: rgba(254, 101, 70, 0.1); }
    .form-wrapper fieldset .controls label {
      text-align: left;
      width: auto; }
  .form-wrapper fieldset legend {
    position: relative;
    top: -32px;
    top: -2rem;
    font-weight: bold;
    width: 100%; }
    .form-wrapper fieldset legend h2 {
      margin-bottom: 0; }
    .form-wrapper fieldset legend span {
      font-weight: normal;
      display: block;
      width: 90%; }
    .form-wrapper fieldset legend .status {
      position: absolute;
      right: 0;
      top: 0; }
      .form-wrapper fieldset legend .status:before {
        font-size: 40px;
        font-size: 2.5rem;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: #4f4f4f; }
      .form-wrapper fieldset legend .status.ok:before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: #33a3c9; }

.form-wrapper .femanager_fieldset {
  margin-bottom: 10px;
  margin-bottom: 0.625rem; }
  .form-wrapper .femanager_fieldset:after {
    clear: both;
    content: '';
    display: table; }
  .form-wrapper .femanager_fieldset:last-child {
    margin-bottom: 0; }
  .form-wrapper .femanager_fieldset .control-label {
    padding-top: 6px;
    padding-top: 0.375rem; }
  .form-wrapper .femanager_fieldset.femanager_interests {
    background-color: #f0f0f0; }
    .form-wrapper .femanager_fieldset.femanager_interests header label {
      float: none;
      display: block;
      position: absolute;
      left: 170px;
      left: 10.625rem;
      top: 8px;
      top: 0.5rem; }
    .form-wrapper .femanager_fieldset.femanager_interests .controls label {
      font-weight: normal;
      float: none; }
      @media (max-width: 560px) {
        .form-wrapper .femanager_fieldset.femanager_interests .controls label input {
          float: right; } }

/* Styles for Powermail 4.4 */
.powermail_form .powermail_label.label_radio, .powermail_form .powermail_label.label_textarea {
  width: 100%;
  float: none;
  text-align: left;
  font-weight: bold;
  padding-bottom: 10px; }

.powermail_form .powermail_field input,
.powermail_form .powermail_field textarea,
.powermail_form .powermail_field select {
  border: 1px solid #f0f0f0; }

.powermail_form .powermail_field .powermail_select {
  background: none;
  display: block;
  width: calc(100% - 9.375rem - 1.25rem);
  float: right; }

.powermail_form .powermail_field .powermail_submit {
  float: right; }

.femanager_flashmessages, .typo3-messages {
  display: none; }

.cart-buttons {
  display: inline-block;
  min-width: 120px;
  text-align: right; }
  @media (max-width: 1000px) {
    .cart-buttons {
      right: auto;
      margin-top: -0.9rem; } }
  .cart-buttons .button-filled {
    margin-right: 5px; }
  .cart-buttons .cart--display {
    display: none; }
  .cart-buttons .is--hidden {
    display: none; }

.ajax-loader {
  display: none; }

/*
Product-box
===============================

Adapted but reduced version from
shop\themes\Frontend\Responsive\frontend\_public\src\less\_modules\product-box.less

*/
.is--rounded {
  border-radius: 3px;
  background-clip: padding-box; }

.product--box img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: auto; }

.product--box {
  display: block;
  width: 100%;
  padding: 2% 0 0 2%;
  float: left; }
  .product--box .box--content {
    padding: 10px 10px 10px 10px;
    height: 100%;
    border: 1px solid #ddd;
    position: relative; }
  .product--box .product--image {
    height: 180px;
    margin: 0 0 5px 0;
    display: block;
    text-align: center; }
    .product--box .product--image .image--element {
      height: 100%;
      width: 100%;
      display: block;
      margin: 0 auto;
      position: relative; }
      .product--box .product--image .image--element img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        display: inline-block;
        vertical-align: middle;
        z-index: 500; }
  .product--box .product--title {
    height: 40px;
    margin: 0 0 5px 0;
    font-size: 16px;
    line-height: 20px;
    display: block;
    width: 100%;
    color: #3f4c58;
    font-weight: 700;
    overflow: hidden; }
    .product--box .product--title:hover {
      color: #33a3c9; }
  .product--box .product--description {
    height: 72px;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 18px;
    display: block;
    width: 100%;
    overflow: hidden; }
  .product--box .product--price-info {
    height: 40px; }
    .product--box .product--price-info .price--unit {
      height: 20px;
      font-size: 11px;
      line-height: 16px;
      display: block;
      overflow: hidden; }
  .product--box .product--price {
    height: 20px; }
    .product--box .product--price .price--default {
      font-size: 18px;
      line-height: 20px;
      display: inline-block;
      color: #3f4c58;
      font-weight: 700; }
      .product--box .product--price .price--default.is--discount {
        color: #E74C3C; }
    .product--box .product--price .price--pseudo {
      font-size: 12px;
      line-height: 20px; }
    .product--box .product--price .price--discount {
      font-size: 12px;
      line-height: 20px;
      display: inline-block;
      text-decoration: line-through;
      vertical-align: baseline; }
  .product--box .product--detail-btn {
    height: 42px;
    margin-top: 7px; }
  .product--box .product--actions {
    margin: 15px 0 0 0;
    font-size: 14px;
    line-height: 24px;
    overflow: auto; }
    .product--box .product--actions form {
      display: inline-block; }
  .product--box .product--action {
    margin: 0 20px 0 0;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    color: #5F7285;
    word-break: keep-all;
    white-space: nowrap; }
    .product--box .product--action [class^="icon--"] {
      margin: 0 5px 0 0;
      font-size: 12px; }
    .product--box .product--action:hover {
      color: #33a3c9; }
  .product--box .action--compare {
    display: none; }
  .product--box .action--note {
    display: none; }

.box--minimal {
  width: 50%; }
  .box--minimal .product--image {
    height: 120px; }

@media screen and (min-width: 64em) {
  .box--basic {
    width: 50%; } }

.tx-px-shopware {
  padding-right: 40px; }

* {
  box-sizing: border-box; }

html body {
  background-color: #f0f0f0;
  color: #444;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3; }
  html body.loadingprogress {
    cursor: progress !important; }

.wrapper {
  display: block;
  margin: 0 auto;
  overflow: visible;
  position: relative;
  width: 1203px; }
  @media (max-width: 1200px) {
    .wrapper {
      width: 100%; } }
  @media (max-width: 1000px) {
    .wrapper {
      width: 100%; } }
  @media (max-width: 560px) {
    .wrapper {
      width: 100%; } }
  @media (min-width: 1400px) {
    .wrapper {
      width: 1403px; } }

.content-wrapper {
  background-color: #fff;
  float: left;
  margin: 0 auto;
  overflow: visible;
  position: relative;
  width: calc(100% - 203px); }
  @media (max-width: 1000px) {
    .content-wrapper {
      width: 100%; } }
  @media (max-width: 800px) {
    .content-wrapper {
      width: 100%; } }
  .content-wrapper > div {
    margin: 0 auto;
    position: relative;
    width: 100%; }
  .content-wrapper .header {
    min-height: 88px;
    min-height: 5.5rem;
    background-color: #4f4f4f;
    position: relative;
    z-index: 102;
    width: 1000px;
    overflow: visible; }
    .content-wrapper .header:after {
      clear: both;
      content: '';
      display: table; }
    .content-wrapper .header img.membership {
      position: absolute;
      top: 0;
      left: 200px; }
      @media (max-width: 1200px) {
        .content-wrapper .header img.membership {
          left: 240px; } }
      @media (max-width: 600px) {
        .content-wrapper .header img.membership {
          display: none; } }
    @media (max-width: 1200px) {
      .content-wrapper .header {
        width: 100%; } }
    @media (max-width: 1000px) {
      .content-wrapper .header {
        width: 100%; } }
    @media (min-width: 1400px) {
      .content-wrapper .header {
        width: 1200px; } }
    .content-wrapper .header .header-toggle-logo {
      float: left; }
    .content-wrapper .header .header-actions {
      float: right;
      margin-right: 16px;
      margin-right: 1rem;
      margin-bottom: 16px;
      margin-bottom: 1rem; }
      @media (max-width: 1200px) {
        .content-wrapper .header .header-actions {
          margin-top: 40px; } }
      @media (max-width: 440px) {
        .content-wrapper .header .header-actions {
          margin-top: 20px; } }
  .content-wrapper .header-logo {
    display: inline-block;
    position: static;
    margin: 19px 0 0 20px;
    margin: 1.1875rem 0 0 1.25rem;
    max-width: 160px;
    max-width: 10rem; }
    @media (max-width: 1200px) {
      .content-wrapper .header-logo {
        left: auto;
        margin: 1rem auto -0.4rem auto; } }
    @media (max-width: 560px) {
      .content-wrapper .header-logo {
        padding-left: 2rem; } }
    .content-wrapper .header-logo img {
      display: block; }
      .content-wrapper .header-logo img.logo {
        height: 45px; }
        @media (max-width: 560px) {
          .content-wrapper .header-logo img.logo {
            display: none; } }
      .content-wrapper .header-logo img.mobile-logo {
        display: none;
        height: 50px;
        height: 3.125rem;
        padding-left: 20px; }
        @media (max-width: 560px) {
          .content-wrapper .header-logo img.mobile-logo {
            display: block; } }
  .content-wrapper .header-nav {
    position: static;
    float: left;
    right: 170px;
    margin-top: 34px;
    margin-top: 2.15rem;
    text-align: right; }
    @media (max-width: 1200px) {
      .content-wrapper .header-nav {
        display: none; } }
    .content-wrapper .header-nav .navbar {
      display: inline-block;
      list-style: none;
      margin: 0 10px 0 0;
      padding-left: 75px; }
      .content-wrapper .header-nav .navbar li {
        list-style-type: none;
        text-align: left;
        float: left;
        font-weight: 300;
        margin: 0 26px 0 0;
        position: relative; }
        .content-wrapper .header-nav .navbar li a, .content-wrapper .header-nav .navbar li .menu-text {
          display: inline-block;
          text-decoration: none;
          padding: 10px 2px 0 2px;
          font-size: 16px;
          font-size: 1rem;
          color: #fff;
          margin-bottom: 10px; }
          .content-wrapper .header-nav .navbar li a:hover, .content-wrapper .header-nav .navbar li .menu-text:hover {
            color: #33a3c9; }
        .content-wrapper .header-nav .navbar li.active > a, .content-wrapper .header-nav .navbar li.active > span {
          color: #33a3c9; }
        .content-wrapper .header-nav .navbar li.last::after {
          /*  
          content: url(../Icons/new.png);
		  position: absolute;
		  margin-left:4px;
		  right: -25px;
		  top: 0;
        */ }
      .content-wrapper .header-nav .navbar > li.faecher:hover > a:after, .content-wrapper .header-nav .navbar > li.faecher:hover .menu-text:after,
      .content-wrapper .header-nav .navbar > li.themen:hover > a:after,
      .content-wrapper .header-nav .navbar > li.themen:hover .menu-text:after,
      .content-wrapper .header-nav .navbar > li.aktuelles:hover > a:after,
      .content-wrapper .header-nav .navbar > li.aktuelles:hover .menu-text:after,
      .content-wrapper .header-nav .navbar > li.services:hover > a:after,
      .content-wrapper .header-nav .navbar > li.services:hover .menu-text:after {
        content: ' ';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        position: absolute;
        left: 20px;
        bottom: 0px;
        z-index: 20; }
      .content-wrapper .header-nav .navbar .popup {
        display: none;
        position: absolute;
        background-color: #fff;
        color: #444;
        padding: 10px;
        border-right: 4px solid #4f4f4f;
        border-bottom: 4px solid #4f4f4f;
        border-left: 4px solid #4f4f4f;
        box-shadow: 6px 10px 52px -5px rgba(0, 0, 0, 0.75); }
        .content-wrapper .header-nav .navbar .popup h3 {
          margin: 0; }
        .content-wrapper .header-nav .navbar .popup li {
          position: relative; }
        .content-wrapper .header-nav .navbar .popup a {
          width: 100%; }
      .content-wrapper .header-nav .navbar .faecher .popup {
        width: 910px;
        left: -254px; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss {
          margin: 0;
          text-align: left;
          width: calc((100% / 3 * 1) - 1px);
          display: block;
          float: left;
          padding-right: 10px; }
          .content-wrapper .header-nav .navbar .faecher .popup li.ss > header {
            display: block;
            padding: 10px;
            margin-bottom: 2px;
            background-color: #6abfba; }
          .content-wrapper .header-nav .navbar .faecher .popup li.ss > header a,
          .content-wrapper .header-nav .navbar .faecher .popup li.ss > header .title {
            padding: 0px;
            color: #fff;
            font-weight: 500; }
          .content-wrapper .header-nav .navbar .faecher .popup li.ss ul {
            padding: 0;
            margin: 0;
            position: relative; }
          .content-wrapper .header-nav .navbar .faecher .popup li.ss li.dg {
            list-style: none;
            margin: 0 0 10px 0;
            position: relative;
            width: 100%;
            display: block;
            padding: 10px;
            padding-bottom: 20px;
            background-color: #f0f0f0; }
            .content-wrapper .header-nav .navbar .faecher .popup li.ss li.dg header {
              text-align: left;
              padding-left: 60px;
              font-family: 'Roboto', sans-serif;
              margin-bottom: 2px; }
            .content-wrapper .header-nav .navbar .faecher .popup li.ss li.dg header > a {
              line-height: 300%;
              font-weight: 500;
              padding: 0px; }
            .content-wrapper .header-nav .navbar .faecher .popup li.ss li.dg li {
              display: block;
              margin: 0;
              text-align: left;
              float: none;
              line-height: 25px;
              height: 25px;
              padding-left: 5px; }
              .content-wrapper .header-nav .navbar .faecher .popup li.ss li.dg li > a {
                display: inline;
                color: #444; }
          .content-wrapper .header-nav .navbar .faecher .popup li.ss li.dg header::before {
            content: '\e61d';
            display: inline-block;
            border-radius: 100%;
            width: 1.5em;
            line-height: 1.5em;
            vertical-align: middle;
            text-align: center;
            background-color: #fff;
            font-family: 'icomoon';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            left: .5em;
            margin-top: .25em;
            font-size: 25px;
            font-size: 1.5625rem; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.grundschule > header {
          background-color: #6abfba; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.grundschule li.dg header a,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.grundschule li.dg header::before {
          color: #6abfba; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.grundschule li.dg:hover header,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.grundschule li.dg.act header,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.grundschule li.dg li:hover,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.grundschule li.dg li.act {
          background-color: #6abfba; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.sekundarstufen > header {
          background-color: #8eaec0; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.sekundarstufen li.dg header a,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.sekundarstufen li.dg header::before {
          color: #8eaec0; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.sekundarstufen li.dg:hover header,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.sekundarstufen li.dg.act header,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.sekundarstufen li.dg li:hover,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.sekundarstufen li.dg li.act {
          background-color: #8eaec0; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.berufsbildung > header {
          background-color: #a9b18c; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.berufsbildung li.dg header a,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.berufsbildung li.dg header::before {
          color: #a9b18c; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.berufsbildung li.dg:hover header,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.berufsbildung li.dg.act header,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.berufsbildung li.dg li:hover,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.berufsbildung li.dg li.act {
          background-color: #a9b18c; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss li.dg:hover header a,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss li.dg.act header a,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss li.dg.act header,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss li.dg li:hover > a,
        .content-wrapper .header-nav .navbar .faecher .popup li.ss li.dg li.act {
          color: #fff; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.grundschule .mathematik header::before {
          content: '\e61d'; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.grundschule .musisch header::before {
          content: '\e61c'; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.grundschule .religion_ethik header::before {
          content: '\e61b'; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.grundschule .sachunterricht header::before {
          content: '\e61a'; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.grundschule .sprachen header::before {
          content: '\e618'; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.grundschule .faecheruebergreifend header::before {
          content: '\e610'; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.sekundarstufen .geisteswissenschaften header::before {
          content: '\e61e'; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.sekundarstufen .naturwissenschaften header::before {
          content: '\e60b'; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.sekundarstufen .fremdsprachen header::before {
          content: '\e61f'; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.sekundarstufen .faecheruebergreifend header::before {
          content: '\e610'; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.berufsbildung .allgemeinbildung header::before {
          content: '\e621'; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.berufsbildung .arbeit_gesundheit header::before {
          content: '\e620'; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.berufsbildung .technik header::before {
          content: '\e617'; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.berufsbildung .wirtschaft header::before {
          content: '\e616'; }
        .content-wrapper .header-nav .navbar .faecher .popup li.ss.berufsbildung .faecheruebergreifend header::before {
          content: '\e610'; }
      .content-wrapper .header-nav .navbar .themen .popup {
        display: none;
        width: 600px;
        left: -325px; }
        .content-wrapper .header-nav .navbar .themen .popup .subHidden {
          display: none; }
        .content-wrapper .header-nav .navbar .themen .popup .tw_col {
          width: 50%;
          float: left; }
        .content-wrapper .header-nav .navbar .themen .popup .tw_col.left .item,
        .content-wrapper .header-nav .navbar .themen .popup .tw_col.right a {
          display: inline;
          float: left;
          width: 100%;
          text-align: left;
          margin-bottom: 2px;
          line-height: 25px;
          white-space: normal; }
        .content-wrapper .header-nav .navbar .themen .popup .tw_digitales_lehrwerk .item,
        .content-wrapper .header-nav .navbar .themen .popup .tw_col.left .item {
          color: #33a3c9;
          padding: 0 0 0 5px;
          display: inline-block; }
        .content-wrapper .header-nav .navbar .themen .popup .tw_digitales_lehrwerk .item {
          margin-bottom: 20px; }
        .content-wrapper .header-nav .navbar .themen .popup .tw_digitales_lehrwerk .item a {
          color: #33a3c9;
          padding: 0;
          margin: 0; }
          .content-wrapper .header-nav .navbar .themen .popup .tw_digitales_lehrwerk .item a::before {
            display: none; }
          .content-wrapper .header-nav .navbar .themen .popup .tw_digitales_lehrwerk .item a:hover {
            color: #fff;
            background-color: #33a3c9; }
        .content-wrapper .header-nav .navbar .themen .popup .tw_col.left span.item {
          background-color: #fff;
          padding-right: 30px; }
        .content-wrapper .header-nav .navbar .themen .popup .tw_col.left .item:hover,
        .content-wrapper .header-nav .navbar .themen .popup .tw_col.left .item.act {
          background-color: #33a3c9;
          color: #fff;
          -webkit-transition: background-color 150ms linear;
          -moz-transition: background-color 150ms linear;
          -o-transition: background-color 150ms linear;
          -ms-transition: background-color 150ms linear;
          -webkit-transition: color 150ms linear;
          -moz-transition: color 150ms linear;
          -o-transition: color 150ms linear;
          -ms-transition: color 150ms linear;
          background-image: url("../Icons/white-arrow-right.png");
          background-repeat: no-repeat;
          background-position: right center;
          background-size: 20px 20px; }
        .content-wrapper .header-nav .navbar .themen .popup .tw_col.right {
          color: #fff;
          background-color: #33a3c9;
          opacity: 0.0;
          padding: 10px; }
          .content-wrapper .header-nav .navbar .themen .popup .tw_col.right a {
            color: #fff;
            background-color: #33a3c9;
            padding: 0 0 0 5px; }
          .content-wrapper .header-nav .navbar .themen .popup .tw_col.right a::before {
            display: none; }
          .content-wrapper .header-nav .navbar .themen .popup .tw_col.right a:hover {
            color: #33a3c9;
            background-color: #fff;
            transition: background-color 150ms linear;
            -webkit-transition: color 150ms linear;
            -moz-transition: color 150ms linear;
            -o-transition: color 150ms linear;
            -ms-transition: color 150ms linear; }
        .content-wrapper .header-nav .navbar .themen .popup .threecol .span4 {
          width: calc((100% / 3 * 1) - 8px);
          display: inline-block;
          margin-right: 10px; }
        .content-wrapper .header-nav .navbar .themen .popup .threecol .span4:last-of-type {
          margin-right: 0; }
      .content-wrapper .header-nav .navbar .aktuelles .popup, .content-wrapper .header-nav .navbar .services .popup, .content-wrapper .header-nav .navbar .shop .popup {
        width: 210px;
        left: -75px; }
        .content-wrapper .header-nav .navbar .aktuelles .popup li, .content-wrapper .header-nav .navbar .services .popup li, .content-wrapper .header-nav .navbar .shop .popup li {
          margin: 0px;
          width: 100%; }
        .content-wrapper .header-nav .navbar .aktuelles .popup a, .content-wrapper .header-nav .navbar .services .popup a, .content-wrapper .header-nav .navbar .shop .popup a {
          color: #33a3c9;
          padding: 0 0 0 5px;
          margin-bottom: 2px;
          line-height: 25px;
          height: 25px; }
        .content-wrapper .header-nav .navbar .aktuelles .popup li:hover a, .content-wrapper .header-nav .navbar .services .popup li:hover a, .content-wrapper .header-nav .navbar .shop .popup li:hover a {
          background-color: #33a3c9;
          color: #fff; }
  .content-wrapper .mobile-nav {
    display: none; }
  .content-wrapper .header-nav-printshop .navbar li a.login-printshop {
    color: #fe6546; }
  .content-wrapper .header-actions .cart-buttons {
    display: none; }
  @media (max-width: 1400px) and (min-width: 1200px) {
    .content-wrapper .header-nav .navbar li {
      margin: 0 18px 0 0; } }
  .content-wrapper .navbar-toggle {
    position: relative;
    margin: 0 4px 0 16px;
    margin: 0 0.25rem 0 1rem;
    top: 9px;
    display: none;
    text-align: right; }
    @media (max-width: 1200px) {
      .content-wrapper .navbar-toggle {
        display: inline-block; } }
    .content-wrapper .navbar-toggle a {
      display: inline-block;
      width: 30px;
      height: 30px;
      cursor: pointer; }
      .content-wrapper .navbar-toggle a img {
        width: 100%;
        height: 100%; }
  .content-wrapper .header-login {
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 41px;
    margin-top: 2.5625rem;
    margin-right: 5px; }
    .content-wrapper .header-login .interactive-dropdown ul {
      right: -21px;
      right: -1.35rem; }
    .content-wrapper .header-login .interactive-dropdown a > span.username {
      width: auto;
      max-width: 92px;
      overflow: hidden; }
      @media (max-width: 560px) {
        .content-wrapper .header-login .interactive-dropdown a > span.username {
          display: none; } }
    .content-wrapper .header-login .interactive-dropdown.open ul {
      margin-top: 3px;
      border-top: none; }
    @media (max-width: 560px) {
      .content-wrapper .header-login .interactive-dropdown.logged-in {
        padding: 0em 0.75em; } }
    .content-wrapper .header-login.logged-in {
      margin-top: 41px;
      margin-top: 2.5625rem; }
      .content-wrapper .header-login.logged-in .userwrap .userimage {
        width: 30px;
        height: 30px;
        display: block;
        float: left;
        margin-top: -4px;
        margin-right: 8px;
        background-color: #fff;
        border-radius: 100%;
        border: 4px solid #fff;
        overflow: hidden;
        padding-bottom: 10px; }
        .content-wrapper .header-login.logged-in .userwrap .userimage.premium {
          border-color: #FFBF00; }
        .content-wrapper .header-login.logged-in .userwrap .userimage.basis {
          border-color: #33a3c9; }
        .content-wrapper .header-login.logged-in .userwrap .userimage img {
          width: 100%;
          height: auto;
          box-sizing: border-box; }
      .content-wrapper .header-login.logged-in a {
        color: #fff;
        font-size: 16px;
        font-size: 1rem; }
        .content-wrapper .header-login.logged-in a:hover {
          color: #33a3c9; }
    @media (max-width: 1200px) {
      .content-wrapper .header-login {
        margin-top: -0.9375rem; }
        .content-wrapper .header-login.logged-in {
          margin-top: -0.875rem; } }
    .content-wrapper .header-login .login span:after {
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      font-size: 1rem;
      font-weight: 400;
      text-rendering: optimizeLegibility;
      content: ' Anmelden'; }
    .content-wrapper .header-login__loggedin {
      position: absolute;
      bottom: 9px;
      color: #fff;
      right: 7px; }
    .content-wrapper .header-login .logout span:after {
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      font-size: 1rem;
      font-weight: 400;
      text-rendering: optimizeLegibility;
      content: ' Abmelden'; }
  .content-wrapper .head-slider {
    width: 1000px;
    background: #33a3c9; }
    .content-wrapper .head-slider #header-slider-video {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      opacity: 1.0;
      background-color: #fff;
      transition: 2s opacity cubic-bezier(0.19, 1, 0.22, 1); }
      .content-wrapper .head-slider #header-slider-video.fade-out {
        opacity: 0; }
      .content-wrapper .head-slider #header-slider-video.faded-out {
        opacity: 0;
        display: none; }
    .content-wrapper .head-slider .csc-default, .content-wrapper .head-slider .csc-textpic-imagewrap {
      margin-bottom: 0; }
    .content-wrapper .head-slider .csc-textpic-imagecolumn {
      padding: 0; }
    @media (max-width: 1200px) {
      .content-wrapper .head-slider {
        width: 100%; } }
    @media (min-width: 1400px) {
      .content-wrapper .head-slider {
        width: 1200px; } }
    .content-wrapper .head-slider .tx-ws-flexslider .flexslider {
      margin: 0;
      padding: 0;
      border: 0;
      box-shadow: none;
      border-radius: 0;
      max-height: 400px;
      overflow: hidden; }
      @media (max-width: 560px) {
        .content-wrapper .head-slider .tx-ws-flexslider .flexslider {
          display: none; } }
      .content-wrapper .head-slider .tx-ws-flexslider .flexslider .slides li {
        max-height: 400px; }
      .content-wrapper .head-slider .tx-ws-flexslider .flexslider .flex-control-nav {
        bottom: -5px;
        z-index: 99; }
        .content-wrapper .head-slider .tx-ws-flexslider .flexslider .flex-control-nav li {
          margin-right: 6px; }
        .content-wrapper .head-slider .tx-ws-flexslider .flexslider .flex-control-nav li:last-child {
          margin-right: 0; }
      .content-wrapper .head-slider .tx-ws-flexslider .flexslider .caption-text {
        background-color: #33a3c9;
        color: #fff;
        width: 400px; }
        @media (max-width: 1000px) {
          .content-wrapper .head-slider .tx-ws-flexslider .flexslider .caption-text {
            display: none; } }
        .content-wrapper .head-slider .tx-ws-flexslider .flexslider .caption-text .caption-title {
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 130%;
          letter-spacing: 0px;
          letter-spacing: .05rem; }
        .content-wrapper .head-slider .tx-ws-flexslider .flexslider .caption-text .caption-body {
          font-size: 16px;
          font-size: 1rem;
          line-height: 130%; }
      .content-wrapper .head-slider .tx-ws-flexslider .flexslider .caption-align-left .caption-text {
        bottom: 20px;
        top: auto; }
      .content-wrapper .head-slider .tx-ws-flexslider .flexslider a:before {
        color: #fff; }
      .content-wrapper .head-slider .tx-ws-flexslider .flexslider .flex-direction-nav {
        display: none; }
      .content-wrapper .head-slider .tx-ws-flexslider .flexslider .flex-control-paging li a {
        background-color: #fff; }
      .content-wrapper .head-slider .tx-ws-flexslider .flexslider .flex-control-paging li .flex-active {
        background-color: #33a3c9; }
      .content-wrapper .head-slider .tx-ws-flexslider .flexslider ul li {
        list-style: outside none none !important; }
      .content-wrapper .head-slider .tx-ws-flexslider .flexslider ul li, .content-wrapper .head-slider .tx-ws-flexslider .flexslider ol li {
        margin: 0; }
  .content-wrapper .loquicknav {
    background-color: #33a3c9;
    padding: 20px;
    padding: 1.25rem;
    z-index: 3;
    overflow: visible;
    width: 1000px;
    /* FF 4-18 */
    /* FF 19+ */
    /* IE 10+ */
    /* FF 4-18 */
    /* FF 19+ */
    /* IE 10+ */ }
    @media (max-width: 1200px) {
      .content-wrapper .loquicknav {
        width: 100%; } }
    @media (max-width: 1000px) {
      .content-wrapper .loquicknav {
        width: 100%; } }
    @media (min-width: 1400px) {
      .content-wrapper .loquicknav {
        width: 1200px; } }
    .content-wrapper .loquicknav input {
      line-height: 20px;
      line-height: 1.25rem;
      padding: .3em .75em;
      font-size: 16px;
      font-size: 1rem; }
    .content-wrapper .loquicknav input[type="text"] {
      width: 100%;
      border: 1px solid #fff; }
    .content-wrapper .loquicknav label[for="searchterm"] {
      display: none;
      z-index: 50; }
      .content-wrapper .loquicknav label[for="searchterm"] span {
        color: #f0f0f0; }
    .content-wrapper .loquicknav input#searchterm {
      position: relative;
      display: inline-block; }
    .content-wrapper .loquicknav input[type="submit"] {
      line-height: normal;
      border: 1px solid #fff;
      background: none;
      color: #fff; }
      .content-wrapper .loquicknav input[type="submit"]:before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: ""; }
    .content-wrapper .loquicknav .searchform div {
      list-style-type: none;
      display: inline-block;
      margin: 0;
      padding: 0;
      /*&:nth-child(1) {
				width: 12.5rem;
				margin-right: 1em;
				position: relative;
				> a {
					width: 100%;
					display: inline-block;
					&:after {
						right: 0.625rem;
						top: 0.8rem;
						position: absolute;
					}
				}
			}

			&:nth-child(2) {
				width: 12.5rem;
				margin-right: 1em;
				position: relative;
				> a {
					width: 100%;
					display: inline-block;
					&:after {
						right: 0.625rem;
						top: 0.8rem;
						position: absolute;
					}
				}
			}*/ }
      .content-wrapper .loquicknav .searchform div:nth-child(1) {
        /*width: calc(100% - (12.5rem + 12.5rem + 5rem) - (3 * 0.625rem) - (2 * 1.25rem));*/
        width: calc(100% - 11.25rem);
        margin-right: 1em; }
      .content-wrapper .loquicknav .searchform div:nth-child(2) {
        width: 160px;
        width: 10rem;
        text-align: right;
        float: right;
        margin-top: 1px; }
        .content-wrapper .loquicknav .searchform div:nth-child(2) input {
          width: 100%;
          padding: 0.15625em 0.75em;
          max-height: 2.05em; }
      @media (max-width: 1000px) {
        .content-wrapper .loquicknav .searchform div {
          /*&:nth-child(1) {
					display: none;
				}

				&:nth-child(2) {
					display: none;
				}*/ }
          .content-wrapper .loquicknav .searchform div:nth-child(3) {
            /*width: calc(100% - (8rem) - (1 * 0.625rem) - (1 * 1.25rem));*/
            margin-right: 1em; } }
      @media (max-width: 560px) {
        .content-wrapper .loquicknav .searchform div:nth-child(1) {
          width: calc(100% - 6.875); }
        .content-wrapper .loquicknav .searchform div:nth-child(2) {
          width: auto; } }
    .content-wrapper .loquicknav ::-webkit-input-placeholder {
      color: #bbb;
      opacity: 1;
      transition: opacity 0.5s; }
    .content-wrapper .loquicknav :-moz-placeholder {
      color: #bbb;
      opacity: 1;
      transition: opacity 0.5s; }
    .content-wrapper .loquicknav ::-moz-placeholder {
      color: #bbb;
      opacity: 1;
      transition: opacity 0.5s; }
    .content-wrapper .loquicknav :-ms-input-placeholder {
      color: #bbb;
      opacity: 1;
      transition: opacity 0.5s; }
    .content-wrapper .loquicknav *:focus::-webkit-input-placeholder {
      opacity: 0; }
    .content-wrapper .loquicknav *:focus:-moz-placeholder {
      opacity: 0; }
    .content-wrapper .loquicknav *:focus::-moz-placeholder {
      opacity: 0; }
    .content-wrapper .loquicknav *:focus:-ms-input-placeholder {
      opacity: 0; }
  .content-wrapper .maincontent, .content-wrapper .subscription-page {
    padding: 20px 0 0 20px;
    min-height: 20em;
    margin-top: 20px;
    z-index: 2;
    /**
	 * RESPONSIVE ZEUGS
	 */ }
    .content-wrapper .maincontent:after, .content-wrapper .subscription-page:after {
      clear: both;
      content: '';
      display: table; }
    .content-wrapper .maincontent .breadcrumb, .content-wrapper .subscription-page .breadcrumb {
      margin-top: -20px;
      margin-bottom: 20px; }
      .content-wrapper .maincontent .breadcrumb ul, .content-wrapper .subscription-page .breadcrumb ul {
        margin: 0;
        padding: 0; }
      .content-wrapper .maincontent .breadcrumb li, .content-wrapper .subscription-page .breadcrumb li {
        margin: 0 0 0 4px;
        margin: 0 0 0 0.3rem;
        padding: 0;
        display: inline-block;
        list-style: none; }
        .content-wrapper .maincontent .breadcrumb li:after, .content-wrapper .subscription-page .breadcrumb li:after {
          content: " >"; }
        .content-wrapper .maincontent .breadcrumb li:last-child:after, .content-wrapper .subscription-page .breadcrumb li:last-child:after {
          display: none; }
    .content-wrapper .maincontent .row, .content-wrapper .subscription-page .row {
      display: block;
      clear: both; }
      .content-wrapper .maincontent .row:after, .content-wrapper .subscription-page .row:after {
        clear: both;
        content: '';
        display: table; }
      .content-wrapper .maincontent .row .col, .content-wrapper .subscription-page .row .col {
        width: 100%;
        display: block;
        float: left;
        padding-right: 20px; }
        .content-wrapper .maincontent .row .col:after, .content-wrapper .subscription-page .row .col:after {
          clear: both;
          content: '';
          display: table; }
        .content-wrapper .maincontent .row .col .row, .content-wrapper .subscription-page .row .col .row {
          margin-right: -20px; }
        .content-wrapper .maincontent .row .col-right-assoc, .content-wrapper .subscription-page .row .col-right-assoc {
          float: right; }
      .content-wrapper .maincontent .row .span9, .content-wrapper .subscription-page .row .span9 {
        width: calc((100% / 4 * 3) - 1px); }
      .content-wrapper .maincontent .row .span8, .content-wrapper .subscription-page .row .span8 {
        width: calc((100% / 3 * 2) - 1px); }
      .content-wrapper .maincontent .row .span6, .content-wrapper .subscription-page .row .span6 {
        width: calc((100% / 2) - 1px); }
      .content-wrapper .maincontent .row .span4, .content-wrapper .subscription-page .row .span4 {
        width: calc((100% / 3 * 1) - 1px); }
      .content-wrapper .maincontent .row .span3, .content-wrapper .subscription-page .row .span3 {
        width: calc((100% / 4 * 1) - 1px); }
    .content-wrapper .maincontent > .row > .col > .csc-default > .row, .content-wrapper .subscription-page > .row > .col > .csc-default > .row {
      width: calc(100% + 20px); }
    .content-wrapper .maincontent .onecol .csc-text-centered, .content-wrapper .subscription-page .onecol .csc-text-centered {
      width: 66%; }
    @media (max-width: 1000px) {
      .content-wrapper .maincontent > .row.twocol > :nth-child(1).col.span8, .content-wrapper .subscription-page > .row.twocol > :nth-child(1).col.span8 {
        float: none;
        width: 100%; } }
    @media (max-width: 560px) {
      .content-wrapper .maincontent > .row.twocol > :nth-child(1).col.span8 > .row.twocol .col, .content-wrapper .subscription-page > .row.twocol > :nth-child(1).col.span8 > .row.twocol .col {
        float: none;
        width: 100%; } }
    @media (max-width: 560px) {
      .content-wrapper .maincontent > .row.twocol > :nth-child(1).col.span8 > .row.onecol > .col.span12 .twocolumn > *, .content-wrapper .subscription-page > .row.twocol > :nth-child(1).col.span8 > .row.onecol > .col.span12 .twocolumn > * {
        float: none;
        width: 100%; } }
    @media (max-width: 1000px) {
      .content-wrapper .maincontent > .row.twocol > :nth-child(2).col.span4, .content-wrapper .subscription-page > .row.twocol > :nth-child(2).col.span4 {
        float: none;
        width: 100%; } }
    @media (max-width: 1000px) {
      .content-wrapper .maincontent > .row.twocol > :nth-child(2).col.span8, .content-wrapper .subscription-page > .row.twocol > :nth-child(2).col.span8 {
        float: none;
        width: 100%; } }
    @media (max-width: 560px) {
      .content-wrapper .maincontent > .row.twocol > :nth-child(2).col.span8 > .row.twocol .col, .content-wrapper .subscription-page > .row.twocol > :nth-child(2).col.span8 > .row.twocol .col {
        float: none;
        width: 100%; } }
    @media (max-width: 560px) {
      .content-wrapper .maincontent > .row.twocol > :nth-child(2).col.span8 > .row.onecol > .col.span12 .twocolumn > *, .content-wrapper .subscription-page > .row.twocol > :nth-child(2).col.span8 > .row.onecol > .col.span12 .twocolumn > * {
        float: none;
        width: 100%; } }
    @media (max-width: 1000px) {
      .content-wrapper .maincontent > .row.twocol > :nth-child(1).col.span4, .content-wrapper .subscription-page > .row.twocol > :nth-child(1).col.span4 {
        float: none;
        width: 100%; } }
    @media (max-width: 1000px) {
      .content-wrapper .maincontent > .row.twocol > :nth-child(1).col.span6, .content-wrapper .maincontent > .row.twocol > :nth-child(2).col.span6, .content-wrapper .subscription-page > .row.twocol > :nth-child(1).col.span6, .content-wrapper .subscription-page > .row.twocol > :nth-child(2).col.span6 {
        float: none;
        width: 100%; } }
  @media (max-width: 1000px) and (max-width: 560px) {
    .content-wrapper .maincontent > .row.twocol > :nth-child(1).col.span6 .twocolumn > *, .content-wrapper .maincontent > .row.twocol > :nth-child(2).col.span6 .twocolumn > *, .content-wrapper .subscription-page > .row.twocol > :nth-child(1).col.span6 .twocolumn > *, .content-wrapper .subscription-page > .row.twocol > :nth-child(2).col.span6 .twocolumn > * {
      float: none;
      width: 100%; } }
    @media (max-width: 1000px) {
      .content-wrapper .maincontent > .row.twocol > :nth-child(1).col.span9, .content-wrapper .maincontent > .row.twocol > :nth-child(2).col.span3, .content-wrapper .subscription-page > .row.twocol > :nth-child(1).col.span9, .content-wrapper .subscription-page > .row.twocol > :nth-child(2).col.span3 {
        float: none;
        width: 100%; } }
  @media (max-width: 1000px) and (max-width: 560px) {
    .content-wrapper .maincontent > .row.twocol > :nth-child(1).col.span9 .twocolumn > *, .content-wrapper .maincontent > .row.twocol > :nth-child(2).col.span3 .twocolumn > *, .content-wrapper .subscription-page > .row.twocol > :nth-child(1).col.span9 .twocolumn > *, .content-wrapper .subscription-page > .row.twocol > :nth-child(2).col.span3 .twocolumn > * {
      float: none;
      width: 100%; } }
    @media (max-width: 800px) {
      .content-wrapper .maincontent > .row.onecol > .col.span12 .col.span4, .content-wrapper .subscription-page > .row.onecol > .col.span12 .col.span4 {
        float: none;
        width: 100%; } }
    @media (max-width: 800px) {
      .content-wrapper .maincontent > .row.threecol > .col.span4:nth-child(1), .content-wrapper .maincontent > .row.threecol > .col.span4:nth-child(2), .content-wrapper .maincontent > .row.threecol > .col.span4:nth-child(3), .content-wrapper .subscription-page > .row.threecol > .col.span4:nth-child(1), .content-wrapper .subscription-page > .row.threecol > .col.span4:nth-child(2), .content-wrapper .subscription-page > .row.threecol > .col.span4:nth-child(3) {
        float: none;
        width: 100%; } }
    @media (max-width: 1000px) {
      .content-wrapper .maincontent > .row.fourcol > .col.span3:nth-child(1), .content-wrapper .maincontent > .row.fourcol > .col.span3:nth-child(2), .content-wrapper .maincontent > .row.fourcol > .col.span3:nth-child(3), .content-wrapper .maincontent > .row.fourcol > .col.span3:nth-child(4), .content-wrapper .subscription-page > .row.fourcol > .col.span3:nth-child(1), .content-wrapper .subscription-page > .row.fourcol > .col.span3:nth-child(2), .content-wrapper .subscription-page > .row.fourcol > .col.span3:nth-child(3), .content-wrapper .subscription-page > .row.fourcol > .col.span3:nth-child(4) {
        width: calc((100% / 2) - 1px); } }
    @media (max-width: 560px) {
      .content-wrapper .maincontent > .row.fourcol > .col.span3:nth-child(1), .content-wrapper .maincontent > .row.fourcol > .col.span3:nth-child(2), .content-wrapper .maincontent > .row.fourcol > .col.span3:nth-child(3), .content-wrapper .maincontent > .row.fourcol > .col.span3:nth-child(4), .content-wrapper .subscription-page > .row.fourcol > .col.span3:nth-child(1), .content-wrapper .subscription-page > .row.fourcol > .col.span3:nth-child(2), .content-wrapper .subscription-page > .row.fourcol > .col.span3:nth-child(3), .content-wrapper .subscription-page > .row.fourcol > .col.span3:nth-child(4) {
        float: none;
        width: 100%; } }
    .content-wrapper .maincontent p.text-centered, .content-wrapper .subscription-page p.text-centered {
      text-align: center;
      padding-left: 7.5%;
      padding-right: 7.5%; }
    .content-wrapper .maincontent .tx-ws-flexslider .flexslider, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider {
      margin: 0;
      padding: 0;
      border: 0;
      box-shadow: none;
      border-radius: 0;
      min-height: 300px;
      max-height: 400px;
      overflow: hidden;
      background-color: #33a3c9; }
      @media (max-width: 800px) {
        .content-wrapper .maincontent .tx-ws-flexslider .flexslider, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider {
          max-height: none; } }
      .content-wrapper .maincontent .tx-ws-flexslider .flexslider .slides li, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .slides li {
        margin-bottom: 0;
        max-height: 400px;
        opacity: 0; }
        @media (max-width: 800px) {
          .content-wrapper .maincontent .tx-ws-flexslider .flexslider .slides li, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .slides li {
            max-height: none; } }
      .content-wrapper .maincontent .tx-ws-flexslider .flexslider .slides img, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .slides img {
        width: 75%;
        float: left; }
        @media (max-width: 800px) {
          .content-wrapper .maincontent .tx-ws-flexslider .flexslider .slides img, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .slides img {
            max-width: 100%;
            width: auto;
            float: none; } }
      .content-wrapper .maincontent .tx-ws-flexslider .flexslider .slides .caption-wrapper, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .slides .caption-wrapper {
        float: left;
        width: 25%; }
        @media (max-width: 800px) {
          .content-wrapper .maincontent .tx-ws-flexslider .flexslider .slides .caption-wrapper, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .slides .caption-wrapper {
            float: none;
            width: 100%; } }
      .content-wrapper .maincontent .tx-ws-flexslider .flexslider .flex-control-nav, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .flex-control-nav {
        bottom: 10px;
        z-index: 99; }
        .content-wrapper .maincontent .tx-ws-flexslider .flexslider .flex-control-nav li, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .flex-control-nav li {
          margin-right: 6px; }
        .content-wrapper .maincontent .tx-ws-flexslider .flexslider .flex-control-nav li:last-child, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .flex-control-nav li:last-child {
          margin-right: 0; }
      .content-wrapper .maincontent .tx-ws-flexslider .flexslider .caption-link, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .caption-link {
        padding: 10px 17px 10px 17px; }
      .content-wrapper .maincontent .tx-ws-flexslider .flexslider .caption-text, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .caption-text {
        background-color: #33a3c9;
        color: #fff;
        position: static;
        width: auto;
        min-height: 100%;
        word-wrap: normal; }
        @media (max-width: 800px) {
          .content-wrapper .maincontent .tx-ws-flexslider .flexslider .caption-text, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .caption-text {
            min-height: inherit; } }
        .content-wrapper .maincontent .tx-ws-flexslider .flexslider .caption-text a, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .caption-text a {
          color: #fff; }
        .content-wrapper .maincontent .tx-ws-flexslider .flexslider .caption-text .caption-title, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .caption-text .caption-title {
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 130%; }
        .content-wrapper .maincontent .tx-ws-flexslider .flexslider .caption-text .caption-body, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .caption-text .caption-body {
          font-size: 15px;
          font-size: 0.9375rem;
          line-height: 130%; }
      .content-wrapper .maincontent .tx-ws-flexslider .flexslider a:before, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider a:before {
        color: #fff; }
      .content-wrapper .maincontent .tx-ws-flexslider .flexslider .flex-direction-nav, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .flex-direction-nav {
        display: none; }
      .content-wrapper .maincontent .tx-ws-flexslider .flexslider .flex-control-paging li a, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .flex-control-paging li a {
        background-color: #fff; }
      .content-wrapper .maincontent .tx-ws-flexslider .flexslider .flex-control-paging li .flex-active, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider .flex-control-paging li .flex-active {
        background-color: #33a3c9; }
      .content-wrapper .maincontent .tx-ws-flexslider .flexslider ul li, .content-wrapper .subscription-page .tx-ws-flexslider .flexslider ul li {
        list-style: outside none none !important; }
  .content-wrapper .newsreg {
    margin-top: 1em;
    background-color: #4f4f4f;
    color: #fff;
    padding: 54px 0 48px 0;
    text-align: center; }
    .content-wrapper .newsreg h3 {
      color: #33a3c9;
      font-size: 30px;
      font-size: 1.875rem; }
    .content-wrapper .newsreg p {
      color: #fe6546;
      padding: 0px 0 10px 0;
      padding: 0rem 0 0.625rem 0;
      margin-bottom: 0; }
    .content-wrapper .newsreg .text {
      padding: 5px;
      border: 0; }
    .content-wrapper .newsreg form input {
      line-height: 25px;
      line-height: 1.5625rem; }
    .content-wrapper .newsreg form .button {
      padding: 3px 15px 3px;
      border: 1px solid; }
    .content-wrapper .newsreg form input[type="text"] {
      width: 250px;
      background-image: url("../Icons/Fonticons/envelop.png");
      background-position: 15px center;
      background-repeat: no-repeat;
      background-size: 25px 25px;
      padding-left: 50px; }
    .content-wrapper .newsreg:before, .content-wrapper .newsreg:after {
      content: '';
      display: table;
      position: absolute;
      top: 0;
      background-color: #4f4f4f; }
    .content-wrapper .newsreg:before {
      left: -100%;
      width: 100%;
      height: 100%; }
    .content-wrapper .newsreg:after {
      right: -100%;
      width: 100%;
      height: 100%; }
  .content-wrapper .footer {
    margin: 1em 0;
    background-color: #fff;
    padding: 44px 20px 64px 20px;
    padding: 44px 1.25rem 64px 1.25rem; }
    .content-wrapper .footer:after {
      clear: both;
      content: '';
      display: table; }
  .content-wrapper .footer-link-list {
    float: left;
    columns: 2;
    width: 50%; }
    @media (max-width: 1000px) {
      .content-wrapper .footer-link-list {
        margin-top: 1.25rem;
        width: 100%; } }
    @media (max-width: 560px) {
      .content-wrapper .footer-link-list {
        margin-top: 1.25rem;
        width: 100%;
        columns: 1; } }
    .content-wrapper .footer-link-list strong {
      display: inline-block;
      margin-bottom: 1em; }
    .content-wrapper .footer-link-list ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .content-wrapper .footer-link-list ul li {
        list-style: none; }
        .content-wrapper .footer-link-list ul li a {
          display: block;
          padding: 0;
          color: #444; }
  .content-wrapper .footer-contact {
    float: left;
    width: 25%;
    color: #444; }
    @media (max-width: 1000px) {
      .content-wrapper .footer-contact {
        margin-top: 1.25rem;
        width: 50%; } }
    @media (max-width: 560px) {
      .content-wrapper .footer-contact {
        margin-top: 1.25rem;
        width: 100%; } }
    .content-wrapper .footer-contact strong {
      display: inline-block;
      margin-bottom: 1em; }
    .content-wrapper .footer-contact .socmed {
      font-size: 40px;
      font-size: 2.5rem; }
      .content-wrapper .footer-contact .socmed:hover {
        text-decoration: none; }
    .content-wrapper .footer-contact .contact-email {
      display: inline-block;
      padding: 0 0 0 20px;
      background: url("../Images/icon-email-dark-small.png") no-repeat 0 4px; }
  .content-wrapper .footer-partner {
    float: left;
    width: 25%; }
    @media (max-width: 1000px) {
      .content-wrapper .footer-partner {
        margin-top: 1.25rem;
        width: 50%; } }
    @media (max-width: 560px) {
      .content-wrapper .footer-partner {
        margin-top: 1.25rem;
        width: 100%;
        columns: 1; } }
    .content-wrapper .footer-partner strong {
      display: inline-block;
      margin-bottom: 1em; }
    .content-wrapper .footer-partner ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .content-wrapper .footer-partner ul li {
        margin: 0 5px 5px 0;
        padding: 0;
        list-style: none; }

body {
  overflow-x: hidden; }
  body.sticky .head-slider {
    margin-top: 88px !important;
    margin-top: 5.5rem !important; }
  body.sticky .loquicknav {
    position: fixed;
    top: 88px;
    top: 5.5rem;
    width: 1000px; }
    @media (max-width: 1200px) {
      body.sticky .loquicknav {
        width: 100%; } }
    @media (min-width: 1400px) {
      body.sticky .loquicknav {
        width: 1200px; } }
  body > .wrapper:after {
    clear: both;
    content: '';
    display: table; }

.csc-default {
  margin-bottom: 20px; }
  .csc-default:after {
    clear: both;
    content: '';
    display: table; }

#c1068435::after {
  display: none; }

.csc-text-centered {
  margin: 2em auto;
  text-align: center;
  width: 75%; }

/**
 * fix width on touch devices, because no sticky...
 */
@media (max-width: 1200px) {
  .touch .header {
    width: 100%; } }

@media (max-width: 1200px) {
  .touch .loquicknav {
    width: 100%; } }

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