/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

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

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

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

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

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

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

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

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }

:root {
  --cc-bg: #fff;
  --cc-text: #2d4156;
  --cc-border-radius: .35em;
  --cc-btn-primary-bg: #2d4156;
  --cc-btn-primary-text: var(--cc-bg);
  --cc-btn-primary-hover-bg: #1d2e38;
  --cc-btn-secondary-bg: #eaeff2;
  --cc-btn-secondary-text: var(--cc-text);
  --cc-btn-secondary-hover-bg: #d8e0e6;
  --cc-btn-border-radius: 4px;
  --cc-toggle-bg-off: #919ea6;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #d5dee2;
  --cc-toggle-knob-bg: #fff;
  --cc-toggle-knob-icon-color: #ecf2fa;
  --cc-block-text: var(--cc-text);
  --cc-cookie-category-block-bg: #f0f4f7;
  --cc-cookie-category-block-bg-hover: #e9eff4;
  --cc-section-border: #f1f3f5;
  --cc-cookie-table-border: #e9edf2;
  --cc-overlay-bg: rgba(4, 6, 8, .85);
  --cc-webkit-scrollbar-bg: #cfd5db;
  --cc-webkit-scrollbar-bg-hover: #9199a0 ;
}

.c_darkmode {
  --cc-bg: #181b1d;
  --cc-text: #d8e5ea;
  --cc-btn-primary-bg: #a6c4dd;
  --cc-btn-primary-text: #000;
  --cc-btn-primary-hover-bg: #c2dff7;
  --cc-btn-secondary-bg: #33383c;
  --cc-btn-secondary-text: var(--cc-text);
  --cc-btn-secondary-hover-bg: #3e454a;
  --cc-toggle-bg-off: #667481;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #454c54;
  --cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
  --cc-toggle-knob-icon-color: var(--cc-bg);
  --cc-block-text: #b3bfc5;
  --cc-cookie-category-block-bg: #23272a;
  --cc-cookie-category-block-bg-hover: #2b3035;
  --cc-section-border: #292d31;
  --cc-cookie-table-border: #2b3035;
  --cc-webkit-scrollbar-bg: #667481;
  --cc-webkit-scrollbar-bg-hover: #9199a0 ;
}

.cc_div *, .cc_div :after, .cc_div :before, .cc_div :hover {
  animation: none;
  background: none;
  border: none;
  border-radius: unset;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  float: none;
  font-family: inherit;
  font-size: 1em;
  font-style: inherit;
  font-variant: normal;
  font-weight: inherit;
  height: auto;
  letter-spacing: unset;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  transition: none;
  vertical-align: baseline;
  visibility: unset;
}

.cc_div {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d4156;
  color: var(--cc-text);
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 16px;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

#c-ttl, #s-bl td:before, #s-ttl, .cc_div .b-tl, .cc_div .c-bn {
  font-weight: 600;
}

#cm, #s-bl .act .b-acc, #s-inr, .cc_div .b-tl, .cc_div .c-bl {
  border-radius: 0.35em;
  border-radius: var(--cc-border-radius);
}

#s-bl .act .b-acc {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.cc_div a, .cc_div button, .cc_div input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
}

.cc_div a {
  border-bottom: 1px solid;
}

.cc_div a:hover {
  border-color: transparent;
  text-decoration: none;
}

#cm-ov, #cs-ov, .c--anim #cm, .c--anim #s-cnt, .c--anim #s-inr {
  transition: visibility 0.25s linear, opacity 0.25s ease, transform 0.25s ease !important;
}

.c--anim .c-bn {
  transition: background-color 0.25s ease !important;
}

.c--anim #cm.bar.slide, .c--anim #cm.bar.slide + #cm-ov, .c--anim .bar.slide #s-inr, .c--anim .bar.slide + #cs-ov {
  transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important;
}

#cm.bar.slide, .cc_div .bar.slide #s-inr {
  opacity: 1;
  transform: translateX(100%);
}

#cm.bar.top.slide, .cc_div .bar.left.slide #s-inr {
  opacity: 1;
  transform: translateX(-100%);
}

#cm.slide, .cc_div .slide #s-inr {
  transform: translateY(1.6em);
}

#cm.top.slide {
  transform: translateY(-1.6em);
}

#cm.bar.slide {
  transform: translateY(100%);
}

#cm.bar.top.slide {
  transform: translateY(-100%);
}

.show--consent .c--anim #cm, .show--consent .c--anim #cm.bar, .show--settings .c--anim #s-inr, .show--settings .c--anim .bar.slide #s-inr {
  opacity: 1;
  transform: scale(1);
  visibility: visible !important;
}

.show--consent .c--anim #cm.box.middle, .show--consent .c--anim #cm.cloud.middle {
  transform: scale(1) translateY(-50%);
}

.show--settings .c--anim #s-cnt {
  visibility: visible !important;
}

.force--consent.show--consent .c--anim #cm-ov, .show--settings .c--anim #cs-ov {
  opacity: 1 !important;
  visibility: visible !important;
}

#cm {
  background: #fff;
  background: var(--cc-bg);
  bottom: 1.25em;
  box-shadow: 0 0.625em 1.875em #000;
  box-shadow: 0 0.625em 1.875em rgba(2, 2, 3, 0.28);
  font-family: inherit;
  line-height: normal;
  max-width: 24.2em;
  opacity: 0;
  padding: 1.1em 1.5em 1.4em;
  position: fixed;
  right: 1.25em;
  transform: scale(0.95);
  visibility: hidden;
  width: 100%;
  z-index: 1;
}

#cc_div #cm {
  display: block !important;
}

#c-ttl {
  font-size: 1.05em;
  margin-bottom: 0.7em;
}

.cloud #c-ttl {
  margin-top: -0.15em;
}

#c-txt {
  font-size: 0.9em;
  line-height: 1.5em;
}

.cc_div #c-bns {
  display: flex;
  justify-content: space-between;
  margin-top: 1.4em;
}

.cc_div .c-bn {
  background: #eaeff2;
  background: var(--cc-btn-secondary-bg);
  border-radius: 4px;
  border-radius: var(--cc-btn-border-radius);
  color: #2d4156;
  color: var(--cc-btn-secondary-text);
  cursor: pointer;
  display: inline-block;
  flex: 1;
  font-size: 0.82em;
  padding: 1em 1.7em;
  text-align: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#c-bns button + button, #s-c-bn, #s-cnt button + button {
  float: right;
  margin-left: 1em;
}

#s-cnt #s-rall-bn {
  float: none;
}

#cm .c_link:active, #cm .c_link:hover, #s-c-bn:active, #s-c-bn:hover, #s-cnt button + button:active, #s-cnt button + button:hover {
  background: #d8e0e6;
  background: var(--cc-btn-secondary-hover-bg);
}

#s-cnt {
  display: table;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 101;
}

#s-bl {
  outline: none;
}

#s-bl .title {
  margin-top: 1.4em;
}

#s-bl .b-bn, #s-bl .title:first-child {
  margin-top: 0;
}

#s-bl .b-acc .p {
  margin-top: 0;
  padding: 1em;
}

#s-cnt .b-bn .b-tl {
  background: none;
  display: block;
  font-family: inherit;
  font-size: 0.95em;
  padding: 1.3em 6.4em 1.3em 2.7em;
  position: relative;
  transition: background-color 0.25s ease;
  width: 100%;
}

#s-cnt .b-bn .b-tl.exp {
  cursor: pointer;
}

#s-cnt .act .b-bn .b-tl {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#s-cnt .b-bn .b-tl:active, #s-cnt .b-bn .b-tl:hover {
  background: #e9eff4;
  background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl .b-bn {
  position: relative;
}

#s-bl .c-bl {
  border: 1px solid #f1f3f5;
  border: 1px solid var(--cc-section-border);
  margin-bottom: 0.5em;
  padding: 1em;
  transition: background-color 0.25s ease;
}

#s-bl .c-bl:hover {
  background: #f0f4f7;
  background: var(--cc-cookie-category-block-bg);
}

#s-bl .c-bl:last-child {
  margin-bottom: 0.5em;
}

#s-bl .c-bl:first-child {
  border: none;
  margin-bottom: 2em;
  margin-top: 0;
  padding: 0;
  transition: none;
}

#s-bl .c-bl:not(.b-ex):first-child:hover {
  background: transparent;
  background: unset;
}

#s-bl .c-bl.b-ex {
  background: #f0f4f7;
  background: var(--cc-cookie-category-block-bg);
  border: none;
  padding: 0;
  transition: none;
}

#s-bl .c-bl.b-ex + .c-bl {
  margin-top: 2em;
}

#s-bl .c-bl.b-ex + .c-bl.b-ex {
  margin-top: 0;
}

#s-bl .c-bl.b-ex:first-child {
  margin-bottom: 1em;
  margin-bottom: 0.5em;
}

#s-bl .b-acc {
  display: none;
  margin-bottom: 0;
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
}

#s-bl .act .b-acc {
  display: block;
  max-height: 100%;
  overflow: hidden;
}

#s-cnt .p {
  color: #2d4156;
  color: var(--cc-block-text);
  font-size: 0.9em;
  line-height: 1.5em;
  margin-top: 0.85em;
}

.cc_div .b-tg .c-tgl:disabled {
  cursor: not-allowed;
}

.cc_div .b-tg .expand-button:disabled {
  cursor: not-allowed;
}

#c-vln {
  display: table-cell;
  position: relative;
  vertical-align: middle;
}

#cs {
  bottom: 0;
  left: 0;
  padding: 0 1.7em;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}

#cs, #s-inr {
  height: 100%;
}

#s-inr {
  box-shadow: 0 13px 27px -5px rgba(3, 6, 9, 0.26);
  margin: 0 auto;
  max-width: 45em;
  opacity: 0;
  overflow: hidden;
  padding-bottom: 4.75em;
  padding-top: 4.75em;
  position: relative;
  transform: scale(0.96);
  visibility: hidden;
}

#s-bns, #s-hdr, #s-inr {
  background: #fff;
  background: var(--cc-bg);
}

#s-bl {
  display: block;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-y: overlay;
  padding: 1.3em 1.8em;
  width: 100%;
}

#s-bns {
  border-top: 1px solid #f1f3f5;
  border-top: 1px solid var(--cc-section-border);
  bottom: 0;
  height: 4.75em;
  left: 0;
  padding: 1em 1.8em;
  position: absolute;
  right: 0;
}

.cc_div .cc-link {
  border-bottom: 1px solid #2d4156;
  border-bottom: 1px solid var(--cc-btn-primary-bg);
  color: #2d4156;
  color: var(--cc-btn-primary-bg);
  cursor: pointer;
  display: inline;
  font-weight: 600;
  padding-bottom: 0;
  text-decoration: none;
}

.cc_div .cc-link:active, .cc_div .cc-link:hover {
  border-color: transparent;
}

#c-bns button:first-child, #s-bns button:first-child {
  background: #2d4156;
  background: var(--cc-btn-primary-bg);
  color: #fff;
  color: var(--cc-btn-primary-text);
}

#c-bns.swap button:first-child {
  background: #eaeff2;
  background: var(--cc-btn-secondary-bg);
  color: #2d4156;
  color: var(--cc-btn-secondary-text);
}

#c-bns.swap button:last-child {
  background: #2d4156;
  background: var(--cc-btn-primary-bg);
  color: #fff;
  color: var(--cc-btn-primary-text);
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg {
  background: #2d4156;
  background: var(--cc-toggle-bg-on);
}

.cc_div .b-tg .expand-button:checked ~ .c-tg {
  background: #2d4156;
  background: var(--cc-toggle-bg-on);
}

#c-bns button:first-child:active, #c-bns button:first-child:hover, #c-bns.swap button:last-child:active, #c-bns.swap button:last-child:hover, #s-bns button:first-child:active, #s-bns button:first-child:hover {
  background: #1d2e38;
  background: var(--cc-btn-primary-hover-bg);
}

#c-bns.swap button:first-child:active, #c-bns.swap button:first-child:hover {
  background: #d8e0e6;
  background: var(--cc-btn-secondary-hover-bg);
}

#s-hdr {
  border-bottom: 1px solid #f1f3f5;
  border-bottom: 1px solid var(--cc-section-border);
  display: table;
  height: 4.75em;
  padding: 0 1.8em;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

#s-hdr, #s-ttl {
  vertical-align: middle;
}

#s-ttl {
  display: table-cell;
  font-size: 1em;
}

#s-c-bn {
  font-size: 1.45em;
  font-weight: 400;
  height: 1.7em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 1.7em;
}

#s-c-bnc {
  display: table-cell;
  vertical-align: middle;
}

.cc_div span.t-lb {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1;
}

#c_policy__text {
  height: 31.25em;
  margin-top: 1.25em;
  overflow-y: auto;
}

#c-s-in {
  height: 100%;
  height: calc(100% - 2.5em);
  max-height: 37.5em;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (min-width: 688px) {
  #s-bl::-webkit-scrollbar {
    background: transparent;
    border-radius: 0 0.25em 0.25em 0;
    height: 100%;
    width: 0.9em;
  }

  #s-bl::-webkit-scrollbar-thumb {
    background: #cfd5db;
    background: var(--cc-webkit-scrollbar-bg);
    border: 0.25em solid #fff;
    border: 0.25em solid var(--cc-bg);
    border-radius: 100em;
  }

  #s-bl::-webkit-scrollbar-thumb:hover {
    background: #9199a0;
    background: var(--cc-webkit-scrollbar-bg-hover);
  }

  #s-bl::-webkit-scrollbar-button {
    height: 5px;
    width: 10px;
  }
}
.cc_div .b-tg {
  bottom: 0;
  display: inline-block;
  margin: auto;
  right: 0;
  right: 1.2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}

.cc_div .b-tg, .cc_div .b-tg .c-tgl {
  cursor: pointer;
  position: absolute;
  top: 0;
}

.cc_div .b-tg, .cc_div .b-tg .expand-button {
  cursor: pointer;
  position: absolute;
  top: 0;
}

.cc_div .b-tg .c-tgl {
  border: 0;
  display: block;
  left: 0;
  margin: 0;
}

.cc_div .b-tg .expand-button {
  border: 0;
  display: block;
  left: 0;
  margin: 0;
}

.cc_div .b-tg .c-tg {
  background: #919ea6;
  background: var(--cc-toggle-bg-off);
  pointer-events: none;
  position: absolute;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

.cc_div .b-tg, .cc_div .b-tg .c-tg, .cc_div .b-tg .c-tgl, .cc_div span.t-lb {
  border-radius: 4em;
  height: 1.5em;
  width: 3.4em;
}

.cc_div .b-tg, .cc_div .b-tg .c-tg, .cc_div .b-tg .expand-button, .cc_div span.t-lb {
  border-radius: 4em;
  height: 1.5em;
  width: 3.4em;
}

.cc_div .b-tg .c-tg.c-ro {
  cursor: not-allowed;
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro {
  background: #d5dee2;
  background: var(--cc-toggle-bg-readonly);
}

.cc_div .b-tg .expand-button ~ .c-tg.c-ro {
  background: #d5dee2;
  background: var(--cc-toggle-bg-readonly);
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro:after {
  box-shadow: none;
}

.cc_div .b-tg .expand-button ~ .c-tg.c-ro:after {
  box-shadow: none;
}

.cc_div .b-tg .c-tg:after {
  background: #fff;
  background: var(--cc-toggle-knob-bg);
  border: none;
  border-radius: 100%;
  box-shadow: 0 1px 2px rgba(24, 32, 35, 0.36);
  box-sizing: content-box;
  content: "";
  display: block;
  height: 1.25em;
  left: 0.125em;
  position: relative;
  top: 0.125em;
  transition: transform 0.25s ease;
  width: 1.25em;
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg:after {
  transform: translateX(1.9em);
}

.cc_div .b-tg .expand-button:checked ~ .c-tg:after {
  transform: translateX(1.9em);
}

#s-bl table, #s-bl td, #s-bl th {
  border: none;
}

#s-bl tbody tr {
  transition: background-color 0.25s ease;
}

#s-bl tbody tr:hover {
  background: #e9eff4;
  background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl table {
  border-collapse: collapse;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
  width: 100%;
}

#s-bl td, #s-bl th {
  font-size: 0.8em;
  padding: 0.8em 0.625em 0.8em 1.2em;
  text-align: left;
  vertical-align: top;
}

#s-bl th {
  font-family: inherit;
  padding: 1.2em;
}

#s-bl thead tr:first-child {
  border-bottom: 1px solid #e9edf2;
  border-bottom: 1px solid var(--cc-cookie-table-border);
}

.force--consent #cs, .force--consent #s-cnt {
  width: 100vw;
}

#cm-ov, #cs-ov {
  background: #070707;
  background: rgba(4, 6, 8, 0.85);
  background: var(--cc-overlay-bg);
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: none;
  visibility: hidden;
}

.c--anim #cs-ov, .force--consent .c--anim #cm-ov, .force--consent.show--consent #cm-ov, .show--settings #cs-ov {
  display: block;
}

#cs-ov {
  z-index: 2;
}

.force--consent .cc_div {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  transition: visibility 0.25s linear;
  visibility: hidden;
  width: 100%;
  width: 100vw;
}

.force--consent.show--consent .c--anim .cc_div, .force--consent.show--settings .c--anim .cc_div {
  visibility: visible;
}

.force--consent #cm {
  position: absolute;
}

.force--consent #cm.bar {
  max-width: 100vw;
  width: 100vw;
}

html.force--consent.show--consent {
  overflow-y: hidden !important;
}

html.force--consent.show--consent, html.force--consent.show--consent body {
  height: auto !important;
  overflow-x: hidden !important;
}

.cc_div .act .b-bn .exp:before, .cc_div .b-bn .exp:before {
  border: solid #2d4156;
  border: solid var(--cc-btn-secondary-text);
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  left: 1.2em;
  margin-right: 15px;
  padding: 0.2em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.cc_div .act .b-bn .b-tl:before {
  transform: translateY(-20%) rotate(225deg);
}

.cc_div .on-i:before {
  border: solid #ecf2fa;
  border: solid var(--cc-toggle-knob-icon-color);
  border-width: 0 2px 2px 0;
  display: inline-block;
  left: 0.75em;
  padding: 0.1em 0.1em 0.45em;
  top: 0.37em;
}

#s-c-bn:after, #s-c-bn:before, .cc_div .on-i:before {
  content: "";
  margin: 0 auto;
  position: absolute;
  transform: rotate(45deg);
}

#s-c-bn:after, #s-c-bn:before {
  background: #2d4156;
  background: var(--cc-btn-secondary-text);
  border-radius: 1em;
  height: 0.6em;
  left: 0.82em;
  top: 0.58em;
  width: 1.5px;
}

#s-c-bn:after {
  transform: rotate(-45deg);
}

.cc_div .off-i, .cc_div .on-i {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  text-align: center;
  transition: opacity 0.15s ease;
  width: 50%;
}

.cc_div .on-i {
  left: 0;
  opacity: 0;
}

.cc_div .off-i:after, .cc_div .off-i:before {
  background: #ecf2fa;
  background: var(--cc-toggle-knob-icon-color);
  content: " ";
  display: block;
  height: 0.7em;
  margin: 0 auto;
  position: absolute;
  right: 0.8em;
  top: 0.42em;
  transform-origin: center;
  width: 0.09375em;
}

.cc_div .off-i:before {
  transform: rotate(45deg);
}

.cc_div .off-i:after {
  transform: rotate(-45deg);
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg .on-i {
  opacity: 1;
}

.cc_div .b-tg .expand-button:checked ~ .c-tg .on-i {
  opacity: 1;
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg .off-i {
  opacity: 0;
}

.cc_div .b-tg .expand-button:checked ~ .c-tg .off-i {
  opacity: 0;
}

#cm.box.middle, #cm.cloud.middle {
  bottom: auto;
  top: 50%;
  transform: translateY(-37%);
}

#cm.box.middle.zoom, #cm.cloud.middle.zoom {
  transform: scale(0.95) translateY(-50%);
}

#cm.box.center, #cm.cloud {
  left: 1em;
  margin: 0 auto;
  right: 1em;
}

#cm.cloud {
  max-width: 50em;
  overflow: hidden;
  padding: 1.3em 2em;
  text-align: center;
  width: unset;
}

.cc_div .cloud #c-inr {
  display: table;
  width: 100%;
}

.cc_div .cloud #c-inr-i {
  display: table-cell;
  padding-right: 2.4em;
  vertical-align: top;
  width: 70%;
}

.cc_div .cloud #c-txt {
  font-size: 0.85em;
}

.cc_div .cloud #c-bns {
  display: table-cell;
  min-width: 170px;
  vertical-align: middle;
}

#cm.cloud .c-bn {
  margin: 0.625em 0 0;
  width: 100%;
}

#cm.cloud .c-bn:first-child {
  margin: 0;
}

#cm.cloud.left {
  margin-right: 1.25em;
}

#cm.cloud.right {
  margin-left: 1.25em;
}

#cm.bar {
  border-radius: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 2em;
  position: fixed;
  right: 0;
  width: 100%;
}

#cm.bar #c-inr {
  margin: 0 auto;
  max-width: 32em;
}

#cm.bar #c-bns {
  max-width: 33.75em;
}

#cm.bar #cs {
  padding: 0;
}

.cc_div .bar #c-s-in {
  height: 100%;
  max-height: 100%;
  top: 0;
  transform: none;
}

.cc_div .bar #s-bl, .cc_div .bar #s-bns, .cc_div .bar #s-hdr {
  padding-left: 1.6em;
  padding-right: 1.6em;
}

.cc_div .bar #cs {
  padding: 0;
}

.cc_div .bar #s-inr {
  border-radius: 0;
  margin: 0 0 0 auto;
  max-width: 32em;
}

.cc_div .bar.left #s-inr {
  margin-left: 0;
  margin-right: auto;
}

.cc_div .bar #s-bl table, .cc_div .bar #s-bl tbody, .cc_div .bar #s-bl td, .cc_div .bar #s-bl th, .cc_div .bar #s-bl thead, .cc_div .bar #s-bl tr, .cc_div .bar #s-cnt {
  display: block;
}

.cc_div .bar #s-bl thead tr {
  left: -9999px;
  position: absolute;
  top: -9999px;
}

.cc_div .bar #s-bl tr {
  border-top: 1px solid #e9edf2;
  border-top: 1px solid var(--cc-cookie-table-border);
}

.cc_div .bar #s-bl td {
  border: none;
  padding-left: 35%;
  position: relative;
}

.cc_div .bar #s-bl td:before {
  color: #2d4156;
  color: var(--cc-text);
  content: attr(data-column);
  left: 1em;
  overflow: hidden;
  padding-right: 0.625em;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#cm.top {
  bottom: auto;
  top: 1.25em;
}

#cm.left {
  left: 1.25em;
  right: auto;
}

#cm.right {
  left: auto;
  right: 1.25em;
}

#cm.bar.left, #cm.bar.right {
  left: 0;
  right: 0;
}

#cm.bar.top {
  top: 0;
}

@media screen and (max-width: 688px) {
  #cm, #cm.cloud, #cm.left, #cm.right {
    bottom: 1em;
    display: block;
    left: 1em;
    margin: 0;
    max-width: 100%;
    padding: 1.4em !important;
    right: 1em;
    width: auto;
  }

  .force--consent #cm, .force--consent #cm.cloud {
    max-width: 100vw;
    width: auto;
  }

  #cm.top {
    bottom: auto;
    top: 1em;
  }

  #cm.bottom {
    bottom: 1em;
    top: auto;
  }

  #cm.bar.bottom {
    bottom: 0;
  }

  #cm.cloud .c-bn {
    font-size: 0.85em;
  }

  #s-bns, .cc_div .bar #s-bns {
    padding: 1em 1.3em;
  }

  .cc_div .bar #s-inr {
    max-width: 100%;
    width: 100%;
  }

  .cc_div .cloud #c-inr-i {
    padding-right: 0;
  }

  #cs {
    border-radius: 0;
    padding: 0;
  }

  #c-s-in {
    height: 100%;
    max-height: 100%;
    top: 0;
    transform: none;
  }

  .cc_div .b-tg {
    right: 1.1em;
    transform: scale(1.1);
  }

  #s-inr {
    border-radius: 0;
    margin: 0;
    padding-bottom: 7.9em;
  }

  #s-bns {
    height: 7.9em;
  }

  #s-bl, .cc_div .bar #s-bl {
    padding: 1.3em;
  }

  #s-hdr, .cc_div .bar #s-hdr {
    padding: 0 1.3em;
  }

  #s-bl table {
    width: 100%;
  }

  #s-inr.bns-t {
    padding-bottom: 10.5em;
  }

  .bns-t #s-bns {
    height: 10.5em;
  }

  .cc_div .bns-t .c-bn {
    font-size: 0.83em;
    padding: 0.9em 1.6em;
  }

  #s-cnt .b-bn .b-tl {
    padding-bottom: 1.2em;
    padding-top: 1.2em;
  }

  #s-bl table, #s-bl tbody, #s-bl td, #s-bl th, #s-bl thead, #s-bl tr, #s-cnt {
    display: block;
  }

  #s-bl thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
  }

  #s-bl tr {
    border-top: 1px solid #e9edf2;
    border-top: 1px solid var(--cc-cookie-table-border);
  }

  #s-bl td {
    border: none;
    padding-left: 35%;
    position: relative;
  }

  #s-bl td:before {
    color: #2d4156;
    color: var(--cc-text);
    content: attr(data-column);
    left: 1em;
    overflow: hidden;
    padding-right: 0.625em;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #cm .c-bn, .cc_div .c-bn {
    margin-right: 0;
    width: 100%;
  }

  #s-cnt #s-rall-bn {
    margin-left: 0;
  }

  .cc_div #c-bns {
    flex-direction: column;
  }

  #c-bns button + button, #s-cnt button + button {
    float: unset;
    margin-left: 0;
    margin-top: 0.625em;
  }

  #cm.box, #cm.cloud {
    left: 1em;
    right: 1em;
    width: auto;
  }

  #cm.cloud.left, #cm.cloud.right {
    margin: 0;
  }

  .cc_div .cloud #c-bns, .cc_div .cloud #c-inr, .cc_div .cloud #c-inr-i {
    display: block;
    min-width: unset;
    width: auto;
  }

  .cc_div .cloud #c-txt {
    font-size: 0.9em;
  }

  .cc_div .cloud #c-bns {
    margin-top: 1.625em;
  }
}
.cc_div.ie #c-vln {
  height: 100%;
  padding-top: 5.62em;
}

.cc_div.ie .bar #c-vln {
  padding-top: 0;
}

.cc_div.ie #cs {
  margin-top: -5.625em;
  max-height: 37.5em;
  position: relative;
  top: 0;
}

.cc_div.ie .bar #cs {
  margin-top: 0;
  max-height: 100%;
}

.cc_div.ie #cm {
  border: 1px solid #dee6e9;
}

.cc_div.ie #c-s-in {
  top: 0;
}

.cc_div.ie .b-tg {
  margin-bottom: 0.7em;
  padding-left: 1em;
}

.cc_div.ie .b-tg .c-tgl:checked ~ .c-tg:after {
  left: 1.95em;
}

.cc_div.ie .b-tg .expand-button:checked ~ .c-tg:after {
  left: 1.95em;
}

.cc_div.ie #s-bl table {
  overflow: auto;
}

.cc_div.ie .b-tg .c-tg {
  display: none;
}

.cc_div.ie .b-tg .c-tgl {
  display: inline-block;
  height: auto;
  margin-bottom: 0.2em;
  position: relative;
  vertical-align: middle;
}

.cc_div.ie .b-tg .expand-button {
  display: inline-block;
  height: auto;
  margin-bottom: 0.2em;
  position: relative;
  vertical-align: middle;
}

.cc_div.ie #s-cnt .b-bn .b-tl {
  padding: 1.3em 6.4em 1.3em 1.4em;
}

.cc_div.ie .bar #s-bl td:before {
  display: none;
}

.cc_div.ie .bar #s-bl td {
  padding: 0.8em 0.625em 0.8em 1.2em;
}

.cc_div.ie .bar #s-bl thead tr {
  position: relative;
}

.cc_div.ie .b-tg .t-lb {
  filter: alpha(opacity=0);
}

.cc_div.ie #cm-ov, .cc_div.ie #cs-ov {
  filter: alpha(opacity=80);
}

div[data-service] *, div[data-service] :after, div[data-service] :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  font-style: inherit;
  font-variant: normal;
  font-weight: inherit;
  font-family: inherit;
  line-height: 1.2;
  font-size: 1em;
  margin: 0;
  padding: 0;
  text-transform: none;
  letter-spacing: unset;
  color: inherit;
  background: 0 0;
  border: none;
  box-shadow: none;
  text-decoration: none;
  text-align: left;
}

div[data-service] .c-ld {
  bottom: 2em;
  right: 2.5em;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

div[data-service] .c-ld, div[data-service] .c-ld:after {
  position: absolute;
  z-index: 1;
  border-radius: 100%;
  width: 20px;
  height: 20px;
}

div[data-service] .c-ld::after {
  content: "";
  border: 4px solid #fff;
  border-top: 4px solid transparent;
  animation: spin 1s linear infinite;
}

div[data-service].c-h-n .c-ld {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
div[data-service] {
  display: inline-block;
  max-width: 100%;
  min-height: 150px;
  min-width: 300px;
  font-family: inherit;
  position: relative;
  background-color: #0b1016;
}

div[data-service] button, div[data-service] h1, div[data-service] h2, div[data-service] h3, div[data-service] input, div[data-service] label {
  transition: none;
  animation: none;
}

div[data-service]::before {
  padding-top: 56.25%;
  display: block;
  content: "";
}

div[data-autoscale] {
  height: auto;
  width: 100%;
}

div[data-service] .c-nt {
  color: #fff;
  max-width: 100%;
  height: 100%;
  width: 100%;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}

div[data-service] .c-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  z-index: 1;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

div[data-service] .c-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  background: #1e3861;
  background: linear-gradient(14deg, rgba(12, 15, 23, 0.95) 10%, rgba(0, 0, 0, 0.51) 100%, rgba(68, 77, 125, 0.1082983535) 0);
  background: -moz-linear-gradient(14deg, #1e3861 0, rgba(206, 220, 233, 0.1181022751) 100%);
  background: -webkit-linear-gradient(14deg, #1e3861 0, rgba(206, 220, 233, 0.1181022751) 100%);
  background: linear-gradient(14deg, #1e3861 0, rgba(206, 220, 233, 0.1181022751) 100%);
}

div[data-service] .c-bg-i {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

div[data-service] .c-bg-i.loaded {
  opacity: 1;
}

div[data-service] .c-tl {
  display: block;
  margin-bottom: 10px;
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
}

div[data-service].c-h-n .c-bg {
  opacity: 1;
  transform: scale(1);
}

div[data-service].c-h-n .c-nt {
  opacity: 0;
  visibility: hidden;
}

div[data-service] .c-n-c {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 0.9em;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}

div[data-service] .c-n-t {
  display: block;
  font-size: 0.95em;
  position: relative;
  z-index: 1;
  line-height: 1.4em;
  color: #fff;
  max-width: 420px;
  margin: 0 auto;
  margin-bottom: 20px;
}

div[data-service] .c-n-a, div[data-service] .c-n-t {
  text-align: center;
}

div[data-service] .c-t-cn {
  display: table-cell;
  vertical-align: middle;
  padding: 0 12px;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}

div[data-service] .c-n-c .c-l-b, div[data-service] .c-n-c .c-la-b {
  display: inline-block;
  position: relative;
  padding: 1em;
  vertical-align: middle;
  background: rgba(0, 102, 219, 0.84);
  border: none;
  border-radius: 0.25em;
  font-size: 0.85em;
  padding-left: 2.8em;
  color: #fff;
  margin: 0 auto;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
  box-shadow: rgba(0, 0, 0, 0.19) 0 4px 12px;
}

div[data-service] .c-n-c .c-l-b::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 1.1em;
  z-index: 2;
  height: 0;
  border-left: 12px solid #fff;
  border-top: 7.5px solid transparent;
  border-bottom: 7.5px solid transparent;
}

div[data-service] .c-n-c .c-la-b {
  margin-left: 1em;
  padding: 1em;
  background: rgba(225, 239, 255, 0.8);
  color: #0d1f34;
}

div[data-service] .c-n-c .c-la-b:hover {
  background: rgba(225, 239, 255, 0.95);
}

div[data-service] .c-n-c .c-l-b:hover {
  background: rgba(9, 80, 161, 0.89);
}

div[data-service] .c-n-c .c-la-b:active {
  transition: none;
  background: rgba(225, 239, 255, 0.6);
}

div[data-service] .c-n-c .c-l-b:active {
  transition: none;
  box-shadow: 0 0 0 4px rgba(24, 104, 250, 0.24);
}

div[data-service].c-h-n .c-t-cn {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
}

div[data-service] iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  border: none;
  max-width: 100%;
  width: 100%;
  background: #000;
  display: block;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.5s ease;
}

div[data-service].c-h-b iframe {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition-delay: 0.1s;
}

div[data-service] .c-n-t a {
  color: #5fb3fb;
  text-decoration: none;
  border-bottom: 1px solid #5fb3fb;
}

div[data-service] .c-n-t a:hover {
  border-color: transparent;
}

#s-cnt .cfwrapper {
  background: var(--cc-cookie-category-block-bg);
  margin-bottom: 20px;
}
#s-cnt .block-section {
  display: none;
}
#s-cnt .block-section.opencategory {
  display: block;
}
#s-cnt .block-section .b-bn .b-tl {
  padding: 0.4em 6em 0.4em 3.7em;
}
#s-cnt .block-section .b-bn .b-tl:before {
  left: 2.2em;
}
#s-cnt .block-section .b-ex .desc {
  margin-left: 20px;
}
#s-cnt .cfwrapper .cf-category-description {
  font-size: 0.8em;
  padding: 0.8em 0.625em 0.8em 1.2em;
  text-align: left;
  vertical-align: top;
}

.cc_div #cookie-wrapper .act.exp:before {
  transform: translateY(-20%) rotate(225deg);
}

.cf-cookie-openconsent {
  position: fixed;
  bottom: 15px;
  right: 15px;
  border-radius: 50%;
  background: #202020;
  z-index: 10000000;
  padding: 10px;
  color: #fff;
}

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

/* General */

.tx-cart { counter-reset: step; }

.tx-cart label, .tx-cart label em { display: inline; }

.tx-cart .bg-light-grey { background-color: #efefef; }

.tx-cart .border-left-grey { border-left: 1px solid #ddd; }

.tx-cart .clear-padding { padding: 0 !important; }

.top-buffer { margin-top: 2em; }
.bottom-buffer { margin-bottom: 2em; }

.tx-cart .typo3-messages{
    margin: 0;
    padding: 0;
    list-style: none;
}

.form-control-inline {
    min-width: 0;
    width: auto;
    display: inline;
}

.tx-cart .field { margin-bottom: 0.5em; }

.tx-cart .price { min-width: 65px; display: block }

.order-total-gross {
    width: 75px;
    text-align: right;
}

/* Checkout */

.tx-cart .checkout-step-title, .tx-cart .confirmation-step-title {
    background: #ccc;
    margin: 0;
    padding: 0 2em;
    line-height: 2;
}

.tx-cart .confirmation-step-title {
    font-size: 1rem;
    font-weight: 300;
}

.tx-cart .checkout-step-content { padding: 1em; }

.tx-cart .checkout-step-number::before {
    counter-increment: step;
    content: counter(step);
}

.tx-cart #form-order .checkout-step-number, .tx-cart #form-cart .checkout-step-number {
    background: #333;
    color: #fff;
    display: inline-block;
    width: 2em;
    border-radius: 50%;
    text-align: center;
    height: 2em;
    line-height: 2em;
    font-size: 0.75em;
    vertical-align: middle;
    margin-right: 1em;
    margin-top: -3px;
}

.shipping-same-as-billing-wrapper { margin: 1em 0; }

.tx-cart .checkout-step-content-list .checkout-step-fields .field .validation-error { margin-bottom: 0; }

#form-order .checkout-step-title { padding: 10px }

.method-item-name { font-weight: bold; }

.checkout-step-table, .checkout-review-table, .checkout-product-table, .show-properties.table  { width: 100%; }

.checkout-review-column { margin: 1em -1em; }

.coupon-hint.not-usable { color: red; }

/* Order History*/

.show-properties.table { margin-bottom: 1em; }

.order-history-detail .column { padding-bottom: 2em; }

article, aside, details, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    background: #fff;
    color: #000;
    font-family: sans-serif;
    text-size-adjust: 100%
}

body, html {
    width: 100%;
    margin: 0;
    padding: 0
}

a {
    text-decoration: none
}

a:focus {
    outline: thin dotted
}

a:active, a:hover {
    outline: 0
}

ul, ol {
    margin-top: 0
}

abbr[title], acronym[title], dfn {
    border-bottom: 1px dotted;
    cursor: help
}

b, strong {
    font-weight: bold
}

i, em, dfn {
    font-style: italic
}

hr {
    box-sizing: content-box;
    display: block;
    border: none;
    height: 1px;
    background-color: #c8c8c8;
    clear: both
}

hr.invisible {
    visibility: hidden;
    margin-top: 0;
    margin-bottom: 0
}

mark {
    background: #ff0;
    color: #000
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    background-image: none
}

button, input:not(.leaflet-control-layers-selector), select, textarea {
    appearance: none
}

textarea {
    resize: none
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-style: solid
}

table:not([cellspacing]) {
    border-collapse: collapse;
    border-spacing: 0
}

table td, table th {
    border-style: solid
}

*:focus {
    outline: none
}

*, *:after, *:before {
    box-sizing: border-box
}

*:after, *:before {
    padding: 0;
    margin: 0
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.onhover, .folderonhover {
    z-index: 1000
}

figcaption, figure {
    display: block
}

figure, img, embed, object, video {
    max-width: 100%;
    height: auto;
    width: 100%;
    display: block
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    left: -9999px
}

[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer
}

[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1.25em;
    transform: translateY(-50%);
    width: 1.25em;
    height: 1.25em;
    line-height: 1.25em;
    text-align: center;
    border: 1px solid #c8c8c8;
    background: #fff;
    border-radius: 3px
}

[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
    content: '\2714';
    position: absolute;
    left: 0;
    top: 1.25em;
    transform: translateY(-50%);
    width: 1.25em;
    height: 1.25em;
    line-height: 1.25em;
    text-align: center;
    color: #3BCEFF;
    transition: opacity .2s
}

[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0) translateY(-50%)
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1) translateY(-50%)
}

[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #c8c8c8;
    background-color: #f2f2f2
}

[type="checkbox"]:disabled:checked + label:after {
    color: #707070
}

[type="checkbox"]:disabled + label {
    color: #707070
}

[type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted #3BCEFF
}

[type="checkbox"]:not([disabled]) + label:hover:before {
    border: 1px solid #3BCEFF !important
}

[type="radio"]:not(:checked), [type="radio"]:checked {
    position: absolute;
    left: -9999px
}

[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer
}

[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1.25em;
    transform: translateY(-50%);
    width: 1.25em;
    height: 1.25em;
    line-height: 1.25em;
    text-align: center;
    border: 1px solid #c8c8c8;
    background: #fff;
    border-radius: 50%
}

[type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after {
    content: '\25CF';
    position: absolute;
    left: 0;
    top: 1.25em;
    transform: translateY(-50%);
    width: 1.25em;
    height: 1.25em;
    line-height: 1.25em;
    text-align: center;
    color: #3BCEFF;
    transition: opacity .2s
}

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0) translateY(-50%)
}

[type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1) translateY(-50%)
}

[type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #c8c8c8;
    background-color: #f2f2f2
}

[type="radio"]:disabled:checked + label:after {
    color: #707070
}

[type="radio"]:disabled + label {
    color: #707070
}

[type="radio"]:checked:focus + label:before, [type="radio"]:not(:checked):focus + label:before {
    border: 1px dotted #3BCEFF
}

[type="radio"]:not([disabled]) + label:hover:before {
    border: 1px solid #3BCEFF !important
}

.custom-select {
    position: relative;
    height: 2.5em;
    background: #fff;
    padding: 0 !important;
    border: none !important;
    width: 100%
}

.custom-select select {
    display: none
}

.custom-select .select-items div, .custom-select .select-selected {
    color: #000;
    padding: 8px 35px 8px 16px;
    border: none;
    cursor: pointer
}

.custom-select .select-selected {
    background-color: #fff;
    height: 100%;
    width: 100%;
    border: 1px solid #c8c8c8
}

.custom-select .select-selected:after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #3BCEFF transparent transparent transparent;
    pointer-events: none
}

.custom-select .select-selected.select-arrow-active:after {
    border-color: transparent transparent #3BCEFF transparent;
    border-width: 0 5px 5px 5px
}

.custom-select .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    max-height: 50vh;
    overflow-y: auto;
    border: 1px solid #c8c8c8;
    border-top: none
}

.custom-select .select-hide {
    display: none
}

.custom-select .select-items div:hover, .custom-select .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1)
}

.no-js .custom-select {
    padding-right: 35px
}

.no-js .custom-select:after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #3BCEFF transparent transparent transparent;
    pointer-events: none
}

.no-js .custom-select select {
    display: block;
    font-size: 14px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    height: 100%;
    width: 100%;
    cursor: pointer;
    outline: none;
    padding-right: 35px;
    padding-left: 15px;
    border: 1px solid #c8c8c8;
    -moz-appearance: none;
    -webkit-appearance: none
}

.no-js .custom-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.no-js .custom-select select::-ms-expand {
    display: none
}

.no-js .custom-select select:focus {
    border-color: #3BCEFF
}

.no-js .custom-select .select-selected, .no-js .custom-select .select-items {
    display: none
}

.extbase-debugger-tree [type="checkbox"] {
    left: 0;
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit
}

html {
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    font-size: 100%;
    font-smoothing: antialiased
}

body {
    hyphens: auto;
    word-wrap: normal;
    color: #000
}

h1 {
    font-size: 36.49px;
    font-size: 2.280625rem;
    margin-bottom: 0.6577144423129624rem;
    line-height: 1.15;
    margin-top: 0;
    font-weight: normal;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    color: #000;
    text-transform: none
}

h2 {
    font-size: 32.43px;
    font-size: 2.026875rem;
    margin-bottom: 0.7400555041628122rem;
    line-height: 1.15;
    margin-top: 0;
    font-weight: normal;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    color: #000;
    text-transform: none
}

h3 {
    font-size: 28.83px;
    font-size: 1.801875rem;
    margin-bottom: 0.8324661810613945rem;
    line-height: 1.15;
    margin-top: 0;
    font-weight: normal;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    color: #000;
    text-transform: none
}

h4 {
    font-size: 25.63px;
    font-size: 1.601875rem;
    margin-bottom: 0.9364026531408506rem;
    line-height: 1.15;
    margin-top: 0;
    font-weight: normal;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    color: #000;
    text-transform: none
}

h5 {
    font-size: 22.78px;
    font-size: 1.42375rem;
    margin-bottom: 1.0535557506584723rem;
    line-height: 1.15;
    margin-top: 0;
    font-weight: normal;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    color: #000;
    text-transform: none
}

h6 {
    font-size: 20.25px;
    font-size: 1.265625rem;
    margin-bottom: 1.1851851851851851rem;
    line-height: 1.15;
    margin-top: 0;
    font-weight: normal;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    color: #000;
    text-transform: none
}

p {
    margin: 0 0 1em 0
}

p + p {
    text-indent: 0
}

blockquote {
    margin-top: 10px;
    margin-bottom: 1em;
    margin-left: 20px;
    padding-left: 10px;
    border-left: 3px solid #f2f2f2
}

abbr, acronym, blockquote, code, dir, kbd, listing, plaintext, q, samp, tt, var, xmp {
    hyphens: none
}

span[style*="vertical-align: super;"] {
    font-size: 13.5px;
    font-size: 0.84375rem
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

.highlight {
    color: #3BCEFF;
    font-weight: bold
}

.text-justify {
    text-align: justify
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.schaltflaeche {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: .5em .7em;
    line-height: 100%;
    cursor: pointer;
    width: auto;
    overflow: visible;
    text-decoration: none;
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-weight: normal;
    border: none;
    color: #fff !important;
    background-color: #3BCEFF
}

.schaltflaeche a {
    color: #fff !important
}

.schaltflaeche a:hover {
    color: #fff !important
}

.portrait .portrait-only {
    display: block
}

.portrait .landscape-only {
    display: none
}

.landscape .portrait-only {
    display: none
}

.landscape .landscape-only {
    display: block
}

.slide-swipe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.firefox .slide-swipe {
    display: none
}

.headimg {
    background-size: cover;
    -ms-behavior: url('../../../typo3conf/ext/frey304_template/Resources/Public/backgroundsize.htc');
    background-position: center;
    background-repeat: no-repeat
}

section {
    position: relative
}

section:before, section:after {
    content: "";
    display: table
}

section:after {
    clear: both
}

section div.frame:last-child {
    margin-bottom: 0
}

.wrap {
    width: 100%;
    position: relative
}

.container {
    width: 100%;
    max-width: 1140px;
    position: relative;
    margin: auto auto;
    padding-left: 20px;
    padding-right: 20px
}

.container:before, .container:after {
    content: "";
    display: table
}

.container:after {
    clear: both
}

@media only screen and (max-width: 770px) {
    .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

#head {
    z-index: 10
}

div[role="document"] {
    min-height: 100vh
}

div[role="main"] {
    height: auto !important;
    height: 350px;
    min-height: 350px
}

#qr-code {
    display: none
}

a {
    color: #3BCEFF
}

a:hover {
    color: #59d2fb
}

a:visited {
    color: #08c1ff
}

.no-touchevents a[href^="tel"]:link, .no-touchevents a[href^="tel"]:visited, .no-touchevents a[href^="tel"]:hover, .firefox.win.touchevents a[href^="tel"]:link, .firefox.win.touchevents a[href^="tel"]:visited, .firefox.win.touchevents a[href^="tel"]:hover {
    color: #000;
    cursor: text;
    pointer-events: none
}

.matomoframe {
    width: 100%;
    height: 240px
}

@media all and (min-width: 770px) and (max-width: 1300px) {
    .matomoframe {
        height: 190px
    }
}

@media all and (min-width: 1300px) {
    .matomoframe {
        height: 150px
    }
}

#map {
    height: 550px;
    width: 100%;
    margin-bottom: 2.8em
}

.leaflet-control [type="radio"]:not(:checked), .leaflet-control [type="radio"]:checked {
    position: relative;
    left: 0
}

@media only screen and (max-width: 740px) and (orientation: landscape) {
    #map {
        height: 250px
    }
}

@media only screen and (max-width: 770px) and (orientation: landscape) {
    #map {
        height: 250px
    }
}

@media only screen and (max-width: 770px) and (orientation: portrait) {
    #map {
        height: 380px
    }
}

@media only screen and (max-width: 360px) and (max-height: 300px) and (orientation: landscape) {
    #map {
        height: 170px
    }
}

.frame {
    position: relative
}

.frame .ce-gallery[data-ce-columns='1'] .ce-row {
    width: 100%;
    margin-bottom: 20px
}

.frame .ce-gallery[data-ce-columns='1'] .ce-row:before, .frame .ce-gallery[data-ce-columns='1'] .ce-row:after {
    content: "";
    display: table
}

.frame .ce-gallery[data-ce-columns='1'] .ce-row:after {
    clear: both
}

.frame .ce-gallery[data-ce-columns='1'] .ce-row .ce-column {
    width: 100%;
    float: none
}

.frame .ce-gallery[data-ce-columns='2'] .ce-row {
    margin-bottom: 20px
}

.frame .ce-gallery[data-ce-columns='2'] .ce-row:before, .frame .ce-gallery[data-ce-columns='2'] .ce-row:after {
    content: "";
    display: table
}

.frame .ce-gallery[data-ce-columns='2'] .ce-row:after {
    clear: both
}

.frame .ce-gallery[data-ce-columns='2'] .ce-row .ce-column {
    width: 50%;
    float: left
}

.frame .ce-gallery[data-ce-columns='2'] .ce-row .ce-column:nth-child(1) {
    padding-right: 10px
}

.frame .ce-gallery[data-ce-columns='2'] .ce-row .ce-column:nth-child(2) {
    padding-left: 10px
}

.frame .ce-gallery[data-ce-columns='3'] .ce-row {
    margin-bottom: 20px
}

.frame .ce-gallery[data-ce-columns='3'] .ce-row:before, .frame .ce-gallery[data-ce-columns='3'] .ce-row:after {
    content: "";
    display: table
}

.frame .ce-gallery[data-ce-columns='3'] .ce-row:after {
    clear: both
}

.frame .ce-gallery[data-ce-columns='3'] .ce-row .ce-column {
    width: 33.33%;
    float: left
}

.frame .ce-gallery[data-ce-columns='3'] .ce-row .ce-column:nth-child(1) {
    padding-right: 2%
}

.frame .ce-gallery[data-ce-columns='3'] .ce-row .ce-column:nth-child(2) {
    padding-left: 1%;
    padding-right: 1%
}

.frame .ce-gallery[data-ce-columns='3'] .ce-row .ce-column:nth-child(3) {
    padding-left: 2%
}

.frame .ce-gallery[data-ce-columns='4'] .ce-row {
    margin-bottom: 20px
}

.frame .ce-gallery[data-ce-columns='4'] .ce-row:before, .frame .ce-gallery[data-ce-columns='4'] .ce-row:after {
    content: "";
    display: table
}

.frame .ce-gallery[data-ce-columns='4'] .ce-row:after {
    clear: both
}

.frame .ce-gallery[data-ce-columns='4'] .ce-row .ce-column {
    width: 25%;
    float: left
}

.frame .ce-gallery[data-ce-columns='4'] .ce-row .ce-column:nth-child(1) {
    padding-right: 2%
}

.frame .ce-gallery[data-ce-columns='4'] .ce-row .ce-column:nth-child(2) {
    padding-left: .75%;
    padding-right: 1.25%
}

.frame .ce-gallery[data-ce-columns='4'] .ce-row .ce-column:nth-child(3) {
    padding-left: 1.25%;
    padding-right: .75%
}

.frame .ce-gallery[data-ce-columns='4'] .ce-row .ce-column:nth-child(4) {
    padding-left: 2%
}

.frame .ce-gallery[data-ce-columns='5'] .ce-row {
    margin-bottom: 20px
}

.frame .ce-gallery[data-ce-columns='5'] .ce-row:before, .frame .ce-gallery[data-ce-columns='5'] .ce-row:after {
    content: "";
    display: table
}

.frame .ce-gallery[data-ce-columns='5'] .ce-row:after {
    clear: both
}

.frame .ce-gallery[data-ce-columns='5'] .ce-row .ce-column {
    width: 20%;
    float: left
}

.frame .ce-gallery[data-ce-columns='5'] .ce-row .ce-column:nth-child(1) {
    padding-right: 2%
}

.frame .ce-gallery[data-ce-columns='5'] .ce-row .ce-column:nth-child(2) {
    padding-left: .5%;
    padding-right: 1.5%
}

.frame .ce-gallery[data-ce-columns='5'] .ce-row .ce-column:nth-child(3) {
    padding-left: .75%;
    padding-right: .75%
}

.frame .ce-gallery[data-ce-columns='5'] .ce-row .ce-column:nth-child(4) {
    padding-left: 1.5%;
    padding-right: .5%
}

.frame .ce-gallery[data-ce-columns='5'] .ce-row .ce-column:nth-child(5) {
    padding-left: 2%
}

.frame .ce-gallery[data-ce-columns='6'] .ce-row {
    margin-bottom: 20px
}

.frame .ce-gallery[data-ce-columns='6'] .ce-row:before, .frame .ce-gallery[data-ce-columns='6'] .ce-row:after {
    content: "";
    display: table
}

.frame .ce-gallery[data-ce-columns='6'] .ce-row:after {
    clear: both
}

.frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column {
    width: 16.66%;
    float: left
}

.frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(1) {
    padding-right: 2%
}

.frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(2) {
    padding-left: .75%;
    padding-right: 1.25%
}

.frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(3) {
    padding-left: 1%;
    padding-right: 1%
}

.frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(4) {
    padding-left: 1%;
    padding-right: 1%
}

.frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(5) {
    padding-left: 1.25%;
    padding-right: .75%
}

.frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(6) {
    padding-left: 2%
}

.frame .ce-gallery[data-ce-columns='7'] .ce-row {
    margin-bottom: 20px
}

.frame .ce-gallery[data-ce-columns='7'] .ce-row:before, .frame .ce-gallery[data-ce-columns='7'] .ce-row:after {
    content: "";
    display: table
}

.frame .ce-gallery[data-ce-columns='7'] .ce-row:after {
    clear: both
}

.frame .ce-gallery[data-ce-columns='7'] .ce-row .ce-column {
    width: 14.28%;
    float: left
}

.frame .ce-gallery[data-ce-columns='7'] .ce-row .ce-column:nth-child(1) {
    padding-right: 2%
}

.frame .ce-gallery[data-ce-columns='7'] .ce-row .ce-column:nth-child(2) {
    padding-left: .5%;
    padding-right: 1.5%
}

.frame .ce-gallery[data-ce-columns='7'] .ce-row .ce-column:nth-child(3) {
    padding-left: .5%;
    padding-right: 1.5%
}

.frame .ce-gallery[data-ce-columns='7'] .ce-row .ce-column:nth-child(4) {
    padding-left: 1%;
    padding-right: 1%
}

.frame .ce-gallery[data-ce-columns='7'] .ce-row .ce-column:nth-child(5) {
    padding-left: 1.5%;
    padding-right: .5%
}

.frame .ce-gallery[data-ce-columns='7'] .ce-row .ce-column:nth-child(6) {
    padding-left: 1.5%;
    padding-right: .5%
}

.frame .ce-gallery[data-ce-columns='7'] .ce-row .ce-column:nth-child(7) {
    padding-left: 2%
}

.frame .ce-gallery[data-ce-columns='8'] .ce-row {
    margin-bottom: 20px
}

.frame .ce-gallery[data-ce-columns='8'] .ce-row:before, .frame .ce-gallery[data-ce-columns='8'] .ce-row:after {
    content: "";
    display: table
}

.frame .ce-gallery[data-ce-columns='8'] .ce-row:after {
    clear: both
}

.frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column {
    width: 12.5%;
    float: left
}

.frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(1) {
    padding-right: 2%
}

.frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(2) {
    padding-left: .5%;
    padding-right: 1.5%
}

.frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(3) {
    padding-left: .75%;
    padding-right: 1.25%
}

.frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(4) {
    padding-left: 1%;
    padding-right: 1%
}

.frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(5) {
    padding-left: 1%;
    padding-right: 1%
}

.frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(6) {
    padding-left: 1.25%;
    padding-right: .75%
}

.frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(7) {
    padding-left: 1.5%;
    padding-right: .5%
}

.frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(8) {
    padding-left: 2%
}

@media only screen and (max-width: 770px) {
    .frame .ce-gallery[data-ce-columns='6'] .ce-row {
        margin-bottom: 20px
    }

    .frame .ce-gallery[data-ce-columns='6'] .ce-row:before, .frame .ce-gallery[data-ce-columns='6'] .ce-row:after {
        content: "";
        display: table
    }

    .frame .ce-gallery[data-ce-columns='6'] .ce-row:after {
        clear: both
    }

    .frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column {
        width: 33.33%;
        float: left
    }

    .frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(1) {
        padding-right: 2%;
        padding-bottom: 20px
    }

    .frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(2) {
        padding-left: 1%;
        padding-right: 1%;
        padding-bottom: 20px
    }

    .frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(3) {
        padding-left: 2%;
        padding-right: 0;
        padding-bottom: 20px
    }

    .frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(4) {
        clear: left;
        padding-left: 0;
        padding-right: 2%
    }

    .frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(5) {
        padding-left: 1%;
        padding-right: 1%
    }

    .frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(6) {
        padding-left: 2%
    }

    .frame .ce-gallery[data-ce-columns='8'] .ce-row {
        margin-bottom: 20px
    }

    .frame .ce-gallery[data-ce-columns='8'] .ce-row:before, .frame .ce-gallery[data-ce-columns='8'] .ce-row:after {
        content: "";
        display: table
    }

    .frame .ce-gallery[data-ce-columns='8'] .ce-row:after {
        clear: both
    }

    .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column {
        width: 25%;
        float: left
    }

    .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(1) {
        padding-right: 2%;
        padding-bottom: 20px
    }

    .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(2) {
        padding-left: .75%;
        padding-right: 1.25%;
        padding-bottom: 20px
    }

    .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(3) {
        padding-left: 1.25%;
        padding-right: .75%;
        padding-bottom: 20px
    }

    .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(4) {
        padding-left: 2%;
        padding-right: 0;
        padding-bottom: 20px
    }

    .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(5) {
        clear: left;
        padding-left: 0;
        padding-right: 2%
    }

    .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(6) {
        padding-left: .75%;
        padding-right: 1.25%
    }

    .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(7) {
        padding-left: 1.25%;
        padding-right: .75%
    }

    .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(8) {
        padding-left: 2%
    }
}

@media only screen and (max-width: 440px) {
    .frame .ce-gallery[data-ce-columns='2'] .ce-row, .frame .ce-gallery[data-ce-columns='3'] .ce-row, .frame .ce-gallery[data-ce-columns='4'] .ce-row, .frame .ce-gallery[data-ce-columns='5'] .ce-row, .frame .ce-gallery[data-ce-columns='6'] .ce-row, .frame .ce-gallery[data-ce-columns='7'] .ce-row, .frame .ce-gallery[data-ce-columns='8'] .ce-row {
        width: 100%
    }

    .frame .ce-gallery[data-ce-columns='2'] .ce-row .ce-column, .frame .ce-gallery[data-ce-columns='3'] .ce-row .ce-column, .frame .ce-gallery[data-ce-columns='4'] .ce-row .ce-column, .frame .ce-gallery[data-ce-columns='5'] .ce-row .ce-column, .frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column, .frame .ce-gallery[data-ce-columns='7'] .ce-row .ce-column, .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column {
        width: 100% !important;
        float: none !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .frame .ce-gallery[data-ce-columns='2'] .ce-row {
        margin-bottom: 10px !important
    }

    .frame .ce-gallery[data-ce-columns='2'] .ce-row .ce-column:nth-child(1) {
        padding-bottom: 10px !important
    }

    .frame .ce-gallery[data-ce-columns='3'] .ce-row {
        margin-bottom: 10px !important
    }

    .frame .ce-gallery[data-ce-columns='3'] .ce-row .ce-column:nth-child(1), .frame .ce-gallery[data-ce-columns='3'] .ce-row .ce-column:nth-child(2) {
        padding-bottom: 10px !important
    }

    .frame .ce-gallery[data-ce-columns='4'] .ce-row {
        margin-bottom: 10px !important
    }

    .frame .ce-gallery[data-ce-columns='4'] .ce-row .ce-column:nth-child(1), .frame .ce-gallery[data-ce-columns='4'] .ce-row .ce-column:nth-child(2), .frame .ce-gallery[data-ce-columns='4'] .ce-row .ce-column:nth-child(3) {
        padding-bottom: 10px !important
    }

    .frame .ce-gallery[data-ce-columns='5'] .ce-row {
        margin-bottom: 10px !important
    }

    .frame .ce-gallery[data-ce-columns='5'] .ce-row .ce-column:nth-child(1), .frame .ce-gallery[data-ce-columns='5'] .ce-row .ce-column:nth-child(2), .frame .ce-gallery[data-ce-columns='5'] .ce-row .ce-column:nth-child(3), .frame .ce-gallery[data-ce-columns='5'] .ce-row .ce-column:nth-child(4) {
        padding-bottom: 10px !important
    }

    .frame .ce-gallery[data-ce-columns='6'] .ce-row {
        margin-bottom: 10px !important
    }

    .frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(1), .frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(2), .frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(3), .frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(4), .frame .ce-gallery[data-ce-columns='6'] .ce-row .ce-column:nth-child(5) {
        padding-bottom: 10px !important
    }

    .frame .ce-gallery[data-ce-columns='7'] .ce-row {
        margin-bottom: 10px !important
    }

    .frame .ce-gallery[data-ce-columns='7'] .ce-row .ce-column:nth-child(1), .frame .ce-gallery[data-ce-columns='7'] .ce-row .ce-column:nth-child(2), .frame .ce-gallery[data-ce-columns='7'] .ce-row .ce-column:nth-child(3), .frame .ce-gallery[data-ce-columns='7'] .ce-row .ce-column:nth-child(4), .frame .ce-gallery[data-ce-columns='7'] .ce-row .ce-column:nth-child(5), .frame .ce-gallery[data-ce-columns='7'] .ce-row .ce-column:nth-child(6) {
        padding-bottom: 10px !important
    }

    .frame .ce-gallery[data-ce-columns='8'] .ce-row {
        margin-bottom: 10px !important
    }

    .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(1), .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(2), .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(3), .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(4), .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(5), .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(6), .frame .ce-gallery[data-ce-columns='8'] .ce-row .ce-column:nth-child(7) {
        padding-bottom: 10px !important
    }
}

.frame:before, .frame:after {
    content: "";
    display: table
}

.frame:after {
    clear: both
}

.frame.frame-space-before-extra-small {
    margin-top: 10px
}

.frame.frame-space-before-small {
    margin-top: 20px
}

.frame.frame-space-before-medium {
    margin-top: 40px
}

.frame.frame-space-before-large {
    margin-top: 80px
}

.frame.frame-space-before-extra-large {
    margin-top: 160px
}

.frame.frame-space-after-extra-small {
    margin-bottom: 10px
}

.frame.frame-space-after-small {
    margin-bottom: 20px
}

.frame.frame-space-after-medium {
    margin-bottom: 40px
}

.frame.frame-space-after-large {
    margin-bottom: 80px
}

.frame.frame-space-after-extra-large {
    margin-bottom: 160px
}

.frame .ce-bodytext *:last-child {
    margin-bottom: 0
}

.frame .ce-gallery {
    margin: 0 !important
}

.frame .ce-gallery .ce-column {
    margin: 0
}

.frame .ce-gallery figcaption {
    font-size: small;
    padding-top: .5em
}

.frame ul, .frame ol {
    padding-left: 2em
}

.frame ul li p, .frame ol li p {
    margin-bottom: 0
}

.frame .ce-right.ce-above .ce-gallery {
    padding-left: 33%
}

.frame .ce-right.ce-below .ce-gallery {
    padding-left: 33%
}

.frame .ce-right.ce-intext .ce-gallery {
    width: 35%;
    padding-left: 20px;
    float: right
}

.frame .ce-right.ce-intext.ce-nowrap .ce-bodytext {
    width: 65%;
    float: left
}

.frame .ce-left.ce-above .ce-gallery {
    padding-right: 33%
}

.frame .ce-left.ce-below .ce-gallery {
    padding-right: 33%
}

.frame .ce-left.ce-intext .ce-gallery {
    width: 35%;
    padding-right: 20px;
    float: left
}

.frame .ce-left.ce-intext.ce-nowrap .ce-bodytext {
    width: 65%;
    float: right
}

@media only screen and (max-width: 770px) {
    .frame .ce-right.ce-intext .ce-gallery, .frame .ce-left.ce-intext .ce-gallery {
        /*width: 40%*/
    }

    .frame ul li, .frame ol li {
        list-style-position: outside
    }
}

@media only screen and (max-width: 440px) {
    .frame .ce-right.ce-intext .ce-gallery, .frame .ce-left.ce-intext .ce-gallery {
        width: 50%
    }

    .frame .ce-right.ce-intext.ce-nowrap .ce-gallery, .frame .ce-left.ce-intext.ce-nowrap .ce-gallery {
        width: 50%
    }

    .frame .ce-right.ce-intext.ce-nowrap .ce-bodytext, .frame .ce-left.ce-intext.ce-nowrap .ce-bodytext {
        width: 100%;
        float: none;
        overflow: visible
    }
}

.frame.frame-type-textmedia .ce-above .ce-bodytext, .frame.frame-type-textpic .ce-above .ce-bodytext {
    margin-top: 20px
}

.frame.frame-type-textmedia .ce-below .ce-bodytext, .frame.frame-type-textpic .ce-below .ce-bodytext {
    margin-bottom: 20px
}

.frame.frame-type-image .ce-above .ce-gallery {
    margin-bottom: 0
}

.frame.frame-type-uploads ul.ce-uploads {
    padding-left: 0
}

.frame.frame-type-uploads ul.ce-uploads li {
    position: relative;
    padding: 10px;
    background-color: #f2f2f2
}

.frame.frame-type-uploads ul.ce-uploads li:before {
    display: none
}

.frame.frame-type-uploads ul.ce-uploads li img, .frame.frame-type-uploads ul.ce-uploads li video {
    display: none
}

.frame.frame-type-uploads ul.ce-uploads li img.filetype-icon, .frame.frame-type-uploads ul.ce-uploads li video.filetype-icon {
    display: block;
    width: 1.5em;
    height: 1.5em;
    padding: 0;
    margin-bottom: 0;
    position: absolute
}

.frame.frame-type-uploads ul.ce-uploads li > div {
    padding-left: 2em
}

.frame.frame-type-uploads ul.ce-uploads li > div span {
    display: inline-block
}

.frame.frame-type-uploads ul.ce-uploads li > div .ce-uploads-description {
    margin-left: .4em
}

.frame.frame-type-uploads ul.ce-uploads li > div .ce-uploads-filesize {
    margin-left: .4em;
    color: #707070
}

.frame.frame-type-uploads ul.ce-uploads.style-0 li:before {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    width: 1.5em;
    height: 1.5em;
    background-image: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/download-color.svg');
    background-repeat: no-repeat;
    background-size: cover
}

.frame.frame-type-uploads ul.ce-uploads.style-2 li > a {
    display: block;
    width: 4em;
    height: auto
}

.frame.frame-type-uploads ul.ce-uploads.style-2 li > a * {
    display: block;
    padding: 0;
    margin: 0
}

.frame.frame-type-uploads ul.ce-uploads.style-2 li > div {
    padding-left: 1.5em
}

.frame.frame-type-uploads.frame-neutral-dark ul li:before {
    background-image: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/download-white.svg')
}

.frame.frame-type-uploads.frame-neutral-dark ul li div .ce-uploads-description {
    color: #efefef !important
}

.frame.frame-type-uploads.frame-neutral-dark ul li div .ce-uploads-filesize {
    color: #eeeeee !important
}

.frame.frame-neutral-light {
    padding: 20px;
    background-color: #f2f2f2
}

.frame.frame-neutral-dark {
    padding: 20px;
    background-color: #c8c8c8
}

.frame.frame-neutral-dark * {
    color: #fff !important
}

.frame.frame-neutral-light-border {
    border: 1px solid #f2f2f2;
    padding: 20px
}

.frame.frame-neutral-dark-border {
    border: 1px solid #c8c8c8;
    padding: 20px
}

.frame.frame-layout-0 {
    clear: both
}

.frame.frame-layout-1.frame-type-text header h2, .frame.frame-layout-1.frame-type-textpic header h2, .frame.frame-layout-1.frame-type-image header h2, .frame.frame-layout-1.frame-type-textmedia header h2 {
    font-size: 25.63px;
    font-size: 1.601875rem;
    margin-bottom: 0.9364026531408506rem;
    line-height: 1.15;
    margin-top: 0;
    font-weight: normal;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    color: #000;
    text-transform: none;
    margin-bottom: 0;
    padding-left: 1.2em;
    cursor: pointer !important;
    position: relative
}

.frame.frame-layout-1.frame-type-text header h2:before, .frame.frame-layout-1.frame-type-textpic header h2:before, .frame.frame-layout-1.frame-type-image header h2:before, .frame.frame-layout-1.frame-type-textmedia header h2:before {
    position: absolute;
    top: .1em;
    left: .3em;
    width: .22em;
    height: .8em;
    background: #3BCEFF;
    content: ""
}

.frame.frame-layout-1.frame-type-text header h2:after, .frame.frame-layout-1.frame-type-textpic header h2:after, .frame.frame-layout-1.frame-type-image header h2:after, .frame.frame-layout-1.frame-type-textmedia header h2:after {
    position: absolute;
    top: .4em;
    left: 0;
    width: .8em;
    height: .2em;
    background: #3BCEFF;
    content: ""
}

.frame.frame-layout-1.frame-type-text header h2.active:before, .frame.frame-layout-1.frame-type-textpic header h2.active:before, .frame.frame-layout-1.frame-type-image header h2.active:before, .frame.frame-layout-1.frame-type-textmedia header h2.active:before {
    display: none
}

.frame.frame-layout-1.frame-type-text header h3, .frame.frame-layout-1.frame-type-textpic header h3, .frame.frame-layout-1.frame-type-image header h3, .frame.frame-layout-1.frame-type-textmedia header h3 {
    display: none
}

.frame.frame-layout-1.frame-type-text .accordion, .frame.frame-layout-1.frame-type-textpic .accordion, .frame.frame-layout-1.frame-type-image .accordion, .frame.frame-layout-1.frame-type-textmedia .accordion {
    display: none;
    margin-top: 10px
}

.frame.frame-layout-1.frame-type-text.frame-neutral-light header h2:before, .frame.frame-layout-1.frame-type-textpic.frame-neutral-light header h2:before, .frame.frame-layout-1.frame-type-image.frame-neutral-light header h2:before, .frame.frame-layout-1.frame-type-textmedia.frame-neutral-light header h2:before, .frame.frame-layout-1.frame-type-text.frame-neutral-dark header h2:before, .frame.frame-layout-1.frame-type-textpic.frame-neutral-dark header h2:before, .frame.frame-layout-1.frame-type-image.frame-neutral-dark header h2:before, .frame.frame-layout-1.frame-type-textmedia.frame-neutral-dark header h2:before, .frame.frame-layout-1.frame-type-text.frame-neutral-light header h2:after, .frame.frame-layout-1.frame-type-textpic.frame-neutral-light header h2:after, .frame.frame-layout-1.frame-type-image.frame-neutral-light header h2:after, .frame.frame-layout-1.frame-type-textmedia.frame-neutral-light header h2:after, .frame.frame-layout-1.frame-type-text.frame-neutral-dark header h2:after, .frame.frame-layout-1.frame-type-textpic.frame-neutral-dark header h2:after, .frame.frame-layout-1.frame-type-image.frame-neutral-dark header h2:after, .frame.frame-layout-1.frame-type-textmedia.frame-neutral-dark header h2:after {
    background-color: #fff
}

.frame.frame-layout-2.frame-type-text, .frame.frame-layout-2.frame-type-textpic, .frame.frame-layout-2.frame-type-image, .frame.frame-layout-2.frame-type-textmedia {
    float: left;
    width: 47.5%
}

.frame.frame-layout-2.frame-type-text.odd, .frame.frame-layout-2.frame-type-textpic.odd, .frame.frame-layout-2.frame-type-image.odd, .frame.frame-layout-2.frame-type-textmedia.odd {
    margin-right: 2.5%
}

.frame.frame-layout-2.frame-type-text.even, .frame.frame-layout-2.frame-type-textpic.even, .frame.frame-layout-2.frame-type-image.even, .frame.frame-layout-2.frame-type-textmedia.even {
    margin-left: 2.5%
}

@media only screen and (max-width: 440px) {
    .frame.frame-layout-2.frame-type-text, .frame.frame-layout-2.frame-type-textpic, .frame.frame-layout-2.frame-type-image, .frame.frame-layout-2.frame-type-textmedia {
        width: 100%;
        float: none
    }

    .frame.frame-layout-2.frame-type-text.odd, .frame.frame-layout-2.frame-type-textpic.odd, .frame.frame-layout-2.frame-type-image.odd, .frame.frame-layout-2.frame-type-textmedia.odd, .frame.frame-layout-2.frame-type-text.even, .frame.frame-layout-2.frame-type-textpic.even, .frame.frame-layout-2.frame-type-image.even, .frame.frame-layout-2.frame-type-textmedia.even {
        margin-left: 0;
        margin-right: 0
    }
}

.frame.frame-layout-3.frame-type-text, .frame.frame-layout-3.frame-type-textpic, .frame.frame-layout-3.frame-type-image, .frame.frame-layout-3.frame-type-textmedia {
    float: left;
    width: 30.66%
}

.frame.frame-layout-3.frame-type-text.first, .frame.frame-layout-3.frame-type-textpic.first, .frame.frame-layout-3.frame-type-image.first, .frame.frame-layout-3.frame-type-textmedia.first {
    margin-right: 2%
}

.frame.frame-layout-3.frame-type-text.second, .frame.frame-layout-3.frame-type-textpic.second, .frame.frame-layout-3.frame-type-image.second, .frame.frame-layout-3.frame-type-textmedia.second {
    margin-left: 2%;
    margin-right: 2%
}

.frame.frame-layout-3.frame-type-text.third, .frame.frame-layout-3.frame-type-textpic.third, .frame.frame-layout-3.frame-type-image.third, .frame.frame-layout-3.frame-type-textmedia.third {
    margin-left: 2%
}

@media only screen and (max-width: 770px) {
    .frame.frame-layout-3.frame-type-text, .frame.frame-layout-3.frame-type-textpic, .frame.frame-layout-3.frame-type-image, .frame.frame-layout-3.frame-type-textmedia {
        width: 47.5%
    }

    .frame.frame-layout-3.frame-type-text.first, .frame.frame-layout-3.frame-type-textpic.first, .frame.frame-layout-3.frame-type-image.first, .frame.frame-layout-3.frame-type-textmedia.first {
        margin-left: 0;
        margin-right: 2.5%
    }

    .frame.frame-layout-3.frame-type-text.second, .frame.frame-layout-3.frame-type-textpic.second, .frame.frame-layout-3.frame-type-image.second, .frame.frame-layout-3.frame-type-textmedia.second {
        margin-left: 2.5%;
        margin-right: 0
    }
}

@media only screen and (max-width: 440px) {
    .frame.frame-layout-3.frame-type-text, .frame.frame-layout-3.frame-type-textpic, .frame.frame-layout-3.frame-type-image, .frame.frame-layout-3.frame-type-textmedia {
        width: 100%;
        float: none
    }

    .frame.frame-layout-3.frame-type-text.odd, .frame.frame-layout-3.frame-type-textpic.odd, .frame.frame-layout-3.frame-type-image.odd, .frame.frame-layout-3.frame-type-textmedia.odd, .frame.frame-layout-3.frame-type-text.even, .frame.frame-layout-3.frame-type-textpic.even, .frame.frame-layout-3.frame-type-image.even, .frame.frame-layout-3.frame-type-textmedia.even, .frame.frame-layout-3.frame-type-text.second, .frame.frame-layout-3.frame-type-textpic.second, .frame.frame-layout-3.frame-type-image.second, .frame.frame-layout-3.frame-type-textmedia.second {
        margin-left: 0;
        margin-right: 0
    }

    .frame.frame-layout-3.frame-type-text + hr, .frame.frame-layout-3.frame-type-textpic + hr, .frame.frame-layout-3.frame-type-image + hr, .frame.frame-layout-3.frame-type-textmedia + hr {
        display: none
    }
}

.frame.frame-layout-4.frame-type-text, .frame.frame-layout-4.frame-type-textpic, .frame.frame-layout-4.frame-type-image, .frame.frame-layout-4.frame-type-textmedia {
    float: left;
    width: 22.5%
}

.frame.frame-layout-4.frame-type-text.odd, .frame.frame-layout-4.frame-type-textpic.odd, .frame.frame-layout-4.frame-type-image.odd, .frame.frame-layout-4.frame-type-textmedia.odd {
    margin-right: 1.66%
}

.frame.frame-layout-4.frame-type-text.odd.second, .frame.frame-layout-4.frame-type-textpic.odd.second, .frame.frame-layout-4.frame-type-image.odd.second, .frame.frame-layout-4.frame-type-textmedia.odd.second {
    margin-left: 1.66%
}

.frame.frame-layout-4.frame-type-text.even, .frame.frame-layout-4.frame-type-textpic.even, .frame.frame-layout-4.frame-type-image.even, .frame.frame-layout-4.frame-type-textmedia.even {
    margin-left: 1.66%
}

.frame.frame-layout-4.frame-type-text.even.first, .frame.frame-layout-4.frame-type-textpic.even.first, .frame.frame-layout-4.frame-type-image.even.first, .frame.frame-layout-4.frame-type-textmedia.even.first {
    margin-right: 1.66%
}

@media only screen and (max-width: 770px) {
    .frame.frame-layout-4.frame-type-text, .frame.frame-layout-4.frame-type-textpic, .frame.frame-layout-4.frame-type-image, .frame.frame-layout-4.frame-type-textmedia {
        width: 47.5%
    }

    .frame.frame-layout-4.frame-type-text.odd, .frame.frame-layout-4.frame-type-textpic.odd, .frame.frame-layout-4.frame-type-image.odd, .frame.frame-layout-4.frame-type-textmedia.odd {
        margin-right: 2.5%
    }

    .frame.frame-layout-4.frame-type-text.odd.second, .frame.frame-layout-4.frame-type-textpic.odd.second, .frame.frame-layout-4.frame-type-image.odd.second, .frame.frame-layout-4.frame-type-textmedia.odd.second {
        margin-left: 0
    }

    .frame.frame-layout-4.frame-type-text.even, .frame.frame-layout-4.frame-type-textpic.even, .frame.frame-layout-4.frame-type-image.even, .frame.frame-layout-4.frame-type-textmedia.even {
        margin-left: 2.5%
    }

    .frame.frame-layout-4.frame-type-text.even.first, .frame.frame-layout-4.frame-type-textpic.even.first, .frame.frame-layout-4.frame-type-image.even.first, .frame.frame-layout-4.frame-type-textmedia.even.first {
        margin-right: 0
    }
}

.frame.frame-layout-1.frame-type-div {
    visibility: hidden;
    margin-bottom: 0 !important
}

.frame.frame-layout-1.frame-type-div hr {
    margin-top: 0;
    margin-bottom: 0
}

table.contenttable, table.ce-table {
    width: 100%;
    border-color: #c8c8c8
}

table.contenttable th, table.ce-table th, table.contenttable td, table.ce-table td {
    border-color: #c8c8c8;
    text-align: left
}

table.contenttable:not([cellpadding]) th, table.ce-table:not([cellpadding]) th, table.contenttable:not([cellpadding]) td, table.ce-table:not([cellpadding]) td {
    padding: .5em .7em
}

table.ce-table th, table.ce-table td {
    padding: 5px
}

table.ce-table.ce-table-striped thead tr {
    background-color: #c8c8c8
}

table.ce-table.ce-table-striped tbody tr:nth-child(even) {
    background-color: #f2f2f2
}

table.ce-table.ce-table-bordered {
    border-width: 1px;
    border-style: solid
}

table.ce-table.ce-table-bordered th, table.ce-table.ce-table-bordered td {
    border-width: 1px;
    border-style: solid
}

.frame ul, .news ul {
    position: relative;
    padding-left: 1.5em
}

.frame ul li, .news ul li {
    list-style: none
}

.frame ul li:before, .news ul li:before {
    color: #3BCEFF;
    content: "\2022";
    font-weight: bold;
    position: absolute;
    left: 0
}

.no-js noscript {
    width: 100%;
    height: 3em;
    background-color: rgba(250, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 3em
}

.hamburger {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 35px;
    height: 28px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background .3s;
    background-color: #000;
    border-radius: 4px
}

.hamburger:focus {
    outline: none
}

.hamburger span {
    display: block;
    position: absolute;
    top: 13px;
    left: 9px;
    right: 9px;
    height: 2px;
    background-color: #fff;
    transition: background-color 0s .3s
}

.hamburger span:before, .hamburger span:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    content: "";
    transition-duration: .3s, .3s;
    transition-delay: .3s, 0s
}

.hamburger span:before {
    top: -4px;
    transition-property: top, transform
}

.hamburger span:after {
    bottom: -4px;
    transition-property: bottom, transform
}

.hamburger.is-active span {
    background-color: transparent
}

.hamburger.is-active span:before, .hamburger.is-active span:after {
    transition-delay: 0s, .3s
}

.hamburger.is-active span:before {
    top: 0;
    transform: rotate(45deg)
}

.hamburger.is-active span:after {
    bottom: 0;
    transform: rotate(-45deg)
}

footer {
    font-size: 14.22px;
    font-size: 0.88875rem;
    line-height: 1.15;
    margin-top: 0;
    width: 100%;
    padding-top: 2em;
    padding-bottom: 1.5em
}

footer div {
    display: inline
}

footer div a {
    color: #707070 !important
}

footer div a div a {
    color: #707070 !important
}

footer ul {
    list-style-type: none;
    padding: 0px;
    display: inline-block;
    float: none;
    padding-left: 1em;
    margin-bottom: 0;
    width: auto;
    max-width: 300px
}

footer ul li {
    float: right
}

footer ul li a {
    color: #3BCEFF
}

footer ul li a:hover {
    color: #59d2fb
}

footer ul li.active a {
    color: #59d2fb
}

footer #footer-info {
    float: left;
    color: #707070
}

footer #footer-menu {
    color: #707070
}

footer #footer-menu li a {
    color: #707070
}

footer #footer-menu li.active a, footer #footer-menu li:hover a {
    color: #3BCEFF
}

footer:before, footer:after {
    content: "";
    display: table
}

footer:after {
    clear: both
}

@media only screen and (max-width: 770px) {
    footer #footer-info {
        display: none
    }
}

.tx-felogin-pi1 > h3 {
    display: none
}

.tx-felogin-pi1 > div {
    display: none
}

.tx-felogin-pi1 fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.tx-felogin-pi1 fieldset legend {
    font-size: 25.63px;
    font-size: 1.601875rem;
    margin-bottom: 0.9364026531408506rem;
    line-height: 1.15;
    margin-top: 0;
    font-weight: normal;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    color: #000;
    text-transform: none
}

.tx-felogin-pi1 fieldset input {
    background-color: #FFF;
    border: 1px solid #c8c8c8;
    padding: 8px 10px;
    position: relative;
    display: block
}

.tx-felogin-pi1 fieldset input[type="submit"] {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: .5em .7em;
    line-height: 100%;
    cursor: pointer;
    width: auto;
    overflow: visible;
    text-decoration: none;
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-weight: normal;
    border: none;
    color: #fff !important;
    background-color: #3BCEFF;
    background-color: #000
}

.tx-felogin-pi1 fieldset input[type="submit"] a {
    color: #fff !important
}

.tx-felogin-pi1 fieldset input[type="submit"] a:hover {
    color: #fff !important
}

.tx-felogin-pi1 fieldset div {
    margin-bottom: .5em
}

.tx-felogin-pi1 > p:last-child {
    margin-bottom: 0
}

.formprocessing {
    float: right;
    position: relative;
    margin: 0;
    padding: .2em;
    display: inline-block
}

.formprocessing .spinner {
    margin: 0;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px
}

.formprocessing .spinner > div {
    background-color: #3BCEFF;
    height: 100%;
    width: 6px;
    display: inline-block;
    margin-right: 3px;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.formprocessing .spinner > div:last-child {
    margin-right: 0
}

.formprocessing .spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.formprocessing .spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.formprocessing .spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.formprocessing .spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(.4)
    }
    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.typo3-messages, .form-message {
    padding-left: 0 !important;
    margin-bottom: 2em
}

.typo3-messages .alert, .form-message .alert {
    padding: 20px;
    border-radius: 4px;
    padding-left: 4em;
    color: #fff
}

.typo3-messages .alert:before, .form-message .alert:before {
    font-family: "iconset";
    font-style: normal;
    font-weight: normal;
    font-size: 1.6em;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff
}

.typo3-messages .alert .alert-title, .form-message .alert .alert-title {
    margin-bottom: .25em;
    color: #fff
}

.typo3-messages .alert.alert-info, .form-message .alert.alert-info {
    background-color: #9E9E9E
}

.typo3-messages .alert.alert-info:before, .form-message .alert.alert-info:before {
    content: '\e86f'
}

.typo3-messages .alert.alert-success, .form-message .alert.alert-success {
    background-color: #6ea046
}

.typo3-messages .alert.alert-success:before, .form-message .alert.alert-success:before {
    content: '\e86f'
}

.typo3-messages .alert.alert-warning, .form-message .alert.alert-warning {
    background-color: #e69123;
    color: #000
}

.typo3-messages .alert.alert-warning:before, .form-message .alert.alert-warning:before {
    content: '\e86d';
    color: #000
}

.typo3-messages .alert.alert-warning .alert-title, .form-message .alert.alert-warning .alert-title {
    color: #000
}

.typo3-messages .alert.alert-danger, .form-message .alert.alert-danger {
    background-color: #71180C;
    color: #fff
}

.typo3-messages .alert.alert-danger:before, .form-message .alert.alert-danger:before {
    content: '\e86e'
}

@media print {
    #breadcrumb-wrap {
        display: table-cell;
        vertical-align: middle
    }

    #breadcrumb-wrap b {
        display: none
    }

    #breadcrumb-wrap .print-only {
        display: inline-block
    }

    footer ul {
        display: none
    }

    [role='main'] {
        padding-top: 1.5em
    }
}

@font-face {
    font-family: 'lg';
    src: url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/lg.eot?n1z373');
    src: url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/lg.eot?#iefixn1z373') format("embedded-opentype"), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/lg.woff?n1z373') format("woff"), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/lg.ttf?n1z373') format("truetype"), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/lg.svg?n1z373#lg') format("svg");
    font-weight: normal;
    font-style: normal
}

.lg-icon {
    font-family: 'lg';
    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
}

.lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080
}

.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: .5
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
    color: #707070
}

.lg-actions .lg-next {
    right: 20px
}

@media only screen and (max-width: 440px) {
    .lg-actions .lg-next {
        right: 10px
    }
}

.lg-actions .lg-next:before {
    content: "\e095"
}

.lg-actions .lg-prev {
    left: 20px
}

@media only screen and (max-width: 440px) {
    .lg-actions .lg-prev {
        left: 10px
    }
}

.lg-actions .lg-prev:after {
    content: "\e094"
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}

@keyframes lg-right-end {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.25)
}

.lg-toolbar .lg-icon {
    color: #000;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #707070
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    background-color: rgba(0, 0, 0, 0.45);
    bottom: 0;
    color: #000;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: bold
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #000;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-toolbar, .lg-prev, .lg-next {
    opacity: 1;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    transform: scale3d(.5, .5, .5);
    opacity: 0;
    transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #fff;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    transform: translate3d(0, 100%, 0);
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    transform: translate3d(0, 0%, 0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
    border-radius: 5px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #707070;
    border-radius: 4px;
    margin-bottom: 5px
}

@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #3BCEFF
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #fff;
    border-radius: 2px 2px 0 0;
    color: #000;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-toogle-thumb:hover {
    color: #707070
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/lg_vimeo-play.png') no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/lg_vimeo-play.png') no-repeat scroll 0 -58px transparent
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: transparent url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/lg_video-play.png') no-repeat scroll 0 0;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/lg_youtube-play.png') no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/lg_youtube-play.png') no-repeat scroll 0 -60px transparent
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #fff;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1080;
    opacity: 0;
    transition: opacity .08s ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #3BCEFF;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
    transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    transform: scale3d(1, 1, 1);
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    transform-origin: 0 0;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: "\e033"
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px white inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #707070;
    color: #707070;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    transition: opacity .15s ease 0s, transform .15s ease 0s;
    transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.5) inset;
    display: block;
    height: 12px;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
    box-shadow: 0 0 0 8px white inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, 0.25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear .18s, opacity .18s linear 0s
}

.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
    transition-delay: 0s;
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.lg-outer.lg-dropdown-active #lg-share {
    color: #FFF
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 5px, 0);
    transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #FFF;
    right: 16px;
    top: -16px
}

.lg-outer .lg-dropdown > li:last-child {
    margin-bottom: 0px
}

.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, 0.07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content: "\e80d"
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901"
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904"
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902"
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903"
}

.group {
    *zoom: 1
}

.group:before, .group:after {
    display: table;
    content: "";
    line-height: 0
}

.group:after {
    clear: both
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
    transition-duration: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    background: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/lg_loading.gif') no-repeat scroll center center transparent;
    display: none !important
}

.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
    display: inline-block !important
}

.lg-outer.lg-css .lg-current {
    display: inline-block !important
}

.lg-outer .lg-item, .lg-outer .lg-img-wrap {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html {
    display: none
}

.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #fff;
    opacity: 0;
    transition: opacity .15s ease 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
    backface-visibility: hidden
}

.lg-css3.lg-use-left .lg-item {
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

#tx_cookies {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    width: 100%
}

#tx_cookies #tx_cookies_showPermanent {
    white-space: nowrap;
    margin: 0;
    padding: .5em .7em;
    line-height: 100%;
    cursor: pointer;
    width: auto;
    overflow: visible;
    text-decoration: none;
    vertical-align: middle;
    box-sizing: border-box;
    zoom: 1;
    font-weight: normal;
    border: none;
    color: #fff !important;
    background-color: #000;
    top: auto;
    bottom: 0;
    left: 20px
}

#tx_cookies #tx_cookies_showPermanent a {
    color: #fff !important
}

#tx_cookies #tx_cookies_showPermanent a:hover {
    color: #fff !important
}

#tx_cookies #tx_cookies_inner {
    background-color: #f2f2f2;
    padding: 20px;
    display: none
}

#tx_cookies #tx_cookies_inner[data-hide="0"] {
    display: block
}

#tx_cookies #tx_cookies_inner #tx_cookies_close {
    text-indent: -9999em;
    width: 30px;
    height: 30px;
    background-image: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/ath-close.jpg');
    background-size: 30px
}

#tx_cookies #tx_cookies_inner input[type="submit"] {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: .5em .7em;
    line-height: 100%;
    cursor: pointer;
    width: auto;
    overflow: visible;
    text-decoration: none;
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-weight: normal;
    border: none;
    color: #fff !important;
    background-color: #3BCEFF;
    background-color: #000;
    margin-top: 5px
}

#tx_cookies #tx_cookies_inner input[type="submit"] a {
    color: #fff !important
}

#tx_cookies #tx_cookies_inner input[type="submit"] a:hover {
    color: #fff !important
}

#tx_cookies #tx_cookies_inner #tx_cookies_disableinfo {
    margin-top: 20px
}

@media only screen and (max-width: 440px) {
    #tx_cookies #tx_cookies_inner {
        padding-top: 40px
    }
}

#tx_cookies .typo3-messages {
    margin-bottom: 50px;
    margin-left: 20px;
    animation: fadeOut 2s forwards;
    animation-delay: 5s;
    position: absolute;
    width: 80vw;
    bottom: 0
}

#tx_cookies .typo3-messages .alert.alert-success {
    padding-left: 20px
}

#tx_cookies .typo3-messages .alert.alert-success:before {
    margin-left: 0;
    margin-right: 20px
}

#tx_cookies .typo3-messages .alert.alert-success .alert-title {
    display: none
}

#tx_cookies .typo3-messages .alert.alert-success .alert-message {
    display: inline
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        left: -9999px
    }
}

#nav {
    width: 100%;
    position: relative;
    z-index: 100;
    clear: both
}

#nav ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0
}

#nav > button {
    display: none
}

#nav li {
    position: relative
}

#nav li a {
    color: #fff;
    display: block;
    text-decoration: none;
    cursor: pointer
}

#nav span:after {
    width: 0;
    height: 0;
    border: .313em solid transparent;
    border-bottom: none;
    border-top-color: #fff;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em
}

#nav > ul > li {
    width: 20%;
    height: 3.2em;
    float: left;
    display: table;
    background-color: #3BCEFF
}

#nav > ul > li > a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.15;
    margin-top: 0;
    color: #fff;
    height: 100%;
    width: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

#nav > ul > li > a > span {
    height: 100%
}

#nav > ul > li:not(:last-child) > a {
    border-right: 1px solid #59d2fb
}

#nav li ul {
    background-color: #59d2fb;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0
}

#nav li ul a {
    font-size: 14.22px;
    font-size: 0.88875rem;
    margin-bottom: 0rem;
    line-height: 1.15;
    margin-top: 0;
    font-weight: normal;
    color: #fff;
    text-transform: none;
    border-top: 1px solid #3BCEFF;
    padding: .75em
}

#nav li ul span:after {
    width: 0;
    height: 0;
    border: .313em solid transparent;
    border-right: none;
    border-left-color: #fff;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.4em
}

#nav li ul li ul {
    position: absolute;
    display: none;
    margin-left: 100%;
    top: 0;
    width: 100%
}

#nav li ul li ul li a {
    border-top: 1px solid #59d2fb
}

#nav li ul li ul li:first-child a {
    border-top: 1px solid transparent
}

#nav li ul li ul.wide-submenu {
    width: 200%;
    margin-top: 1px
}

#nav li ul li ul.wide-submenu li {
    width: 50%;
    float: left
}

#nav li ul li ul.wide-submenu li:nth-child(2) a {
    border-top: 1px solid #77dafc
}

#nav li ul li ul.wide-submenu li:nth-child(odd) a {
    border-right: 1px solid #59d2fb
}

#nav li ul li ul span:after {
    width: 0;
    height: 0;
    border: none;
    border-right: none;
    border-left-color: transparent;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: 0
}

#nav li ul li li {
    background-color: #77dafc
}

#nav li ul li li a {
    text-indent: .75em
}

.no-touchevents #nav li:hover > ul, .firefox.win.touchevents #nav li:hover > ul {
    display: block
}

.no-touchevents #nav li a:active, .firefox.win.touchevents #nav li a:active {
    background-color: #08c1ff !important
}

.no-touchevents #nav > ul > li:hover > a, .firefox.win.touchevents #nav > ul > li:hover > a {
    background-color: #59d2fb
}

.no-touchevents #nav > ul > li.active, .firefox.win.touchevents #nav > ul > li.active {
    background-color: #59d2fb
}

.no-touchevents #nav li ul li:hover > a, .firefox.win.touchevents #nav li ul li:hover > a {
    background-color: #77dafc
}

.no-touchevents #nav li ul li.active, .firefox.win.touchevents #nav li ul li.active {
    background-color: #77dafc
}

.no-touchevents #nav li ul li li:hover > a, .firefox.win.touchevents #nav li ul li li:hover > a {
    background-color: #86defc
}

.no-touchevents #nav li ul li li.active, .firefox.win.touchevents #nav li ul li li.active {
    background-color: #86defc
}

@media only screen and (min-width: 1030px) {
    .touchevents #nav li:hover > ul, .touchevents:not(.win):not(.firefox) #nav li:hover > ul {
        display: block
    }
}

@media only screen and (min-width: 770px) and (max-width: 1030px) {
    #nav li:hover > ul {
        display: block
    }
}

@media only screen and (min-width: 770px) {
    #nav li ul li ul {
        background-color: transparent
    }

    #nav > ul {
        display: block !important
    }

    #nav > ul > li:hover > a {
        background-color: #59d2fb
    }

    #nav > ul > li.active {
        background-color: #59d2fb
    }
}

@media only screen and (max-width: 770px) {
    #nav {
        position: relative;
        top: auto;
        left: auto;
        width: 100%
    }

    #nav > button {
        appearance: none;
        border: none;
        line-height: 40.96px;
        margin-bottom: 0;
        width: 7.25em;
        height: 51.2px;
        text-align: left;
        text-indent: 51.2px;
        color: #fff;
        text-decoration: none;
        background-color: #3BCEFF;
        position: relative;
        display: table;
        float: right
    }

    #nav > button span {
        display: table-cell;
        vertical-align: middle
    }

    #nav > button span:after {
        width: 0;
        height: 0;
        border: none;
        right: 0
    }

    #nav > button:after {
        position: absolute;
        top: 30%;
        left: .8em;
        content: '';
        border-bottom: 11px double #fff;
        border-top: 4px solid #fff;
        height: 18px;
        width: 24px
    }

    #nav > ul {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        margin: 3em 0 0 0
    }

    #nav > ul > li {
        width: 100%;
        float: none;
        height: auto;
        background-color: #3BCEFF
    }

    #nav > ul > li > a {
        height: auto;
        text-align: left;
        padding: .75em;
        display: block;
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 0rem;
        line-height: 1.15;
        margin-top: 0;
        font-weight: normal;
        color: #fff;
        text-transform: none
    }

    #nav > ul > li > a span:after {
        border-top-color: #fff
    }

    #nav > ul > li:not( :last-child ) > a {
        border-right: none;
        border-bottom: 1px solid #3BCEFF
    }

    #nav > ul > li.touched > a span:after {
        border-top-color: transparent;
        border-left-color: #fff;
        border-bottom: .313em solid transparent;
        right: -0.5em;
        top: -0.15em
    }

    #nav li ul {
        position: static;
        padding: 1.25em;
        padding-top: 0;
        padding-bottom: .5em
    }

    #nav li ul li {
        height: auto
    }

    #nav li ul li a {
        display: block;
        height: auto
    }

    #nav li ul li:first-child a {
        border-top: none
    }

    #nav li ul span:after {
        width: 0;
        height: 0;
        border: .313em solid transparent;
        border-bottom: none;
        border-top-color: #fff;
        content: '';
        vertical-align: middle;
        display: inline-block;
        position: relative;
        right: -0.313em
    }

    #nav li ul li ul {
        position: static;
        margin-left: 0;
        margin-top: 0;
        width: 100%;
        padding: 0
    }

    #nav li ul li ul li {
        border-top: 1px solid #59d2fb
    }

    #nav li ul li ul li a {
        border-top: none
    }

    #nav li ul li ul.wide-submenu {
        width: 100%;
        margin-top: 0
    }

    #nav li ul li ul.wide-submenu li {
        width: 100%;
        float: none
    }

    #nav li ul li ul.wide-submenu li:nth-child(2) a {
        border-top: none
    }

    #nav li ul li ul.wide-submenu li:nth-child(odd) a {
        border-right: none
    }

    #nav li ul li ul span:after {
        width: 0;
        height: 0;
        border: .313em solid transparent;
        border-bottom: none;
        border-top-color: #fff;
        content: '';
        vertical-align: middle;
        display: inline-block;
        position: relative;
        right: -0.313em
    }

    #nav li ul li ul li ul {
        padding: .5em;
        background-color: #8ae0fc
    }

    #nav li ul li ul li ul li {
        background-color: #8ae0fc;
        border-top: none
    }

    #nav li ul li ul li ul li:not( :last-child ) > a {
        border-right: none;
        border-bottom: 1px solid #72d9fb
    }

    .no-touchevents li:hover > ul, .firefox.win.touchevents li:hover > ul, .touched > ul, a.touched ~ ul {
        display: block !important
    }
}

@media only screen and (max-width: 770px) and (orientation: landscape) {
    #nav > ul {
        width: 60%;
        margin-left: 40%;
        right: 0
    }
}

@media print {
    #nav {
        display: none
    }
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0;
    *zoom: 1;
    width: 100%;
    height: 100%
}

.bx-wrapper ul {
    margin-bottom: 0
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bxslider {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.bx-wrapper .bx-viewport {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
    width: 100%
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/loader-dark.gif') center center no-repeat #000;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    color: #666;
    height: 1.5rem
}

@media only screen and (orientation: landscape) {
    .ipad .bx-wrapper .bx-pager {
        margin-top: -8em
    }
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: transparent;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border: 1px solid black;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: black
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/slider_prev.svg') no-repeat 4%
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/slider_next.svg') no-repeat 100%
}

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover {
    opacity: .6
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    margin-top: -6px;
    outline: 0;
    width: 18px;
    height: 33px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/slider-controls.png') -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/slider-controls.png') -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

.bxslider article.textbildelement {
    margin: 0
}

.bxslider article.textbildelement .csc-textpic-imagewrap img {
    margin: 0;
    display: block
}

.bxslider article.textbildelement > h1 {
    color: #fff !important;
    top: 1rem;
    left: 1rem
}

.bxslider article.textbildelement .textwrap {
    position: absolute;
    left: 2rem;
    color: #000 !important;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 1em;
    bottom: 5.5rem
}

#slider-main {
    width: 100%;
    height: 100%
}

#slider-main li {
    height: 100%
}

#slider-main li .textbildelement.layout0.with-headline {
    padding-top: 0
}

#slider-main li article.textbildelement {
    height: 100%;
    width: 100%
}

#slider-main li article.textbildelement > h1 {
    z-index: 10
}

#slider-main li article.textbildelement .textwrap {
    text-align: center;
    bottom: 8em;
    left: 0;
    width: 100%
}

#slider-main li article.textbildelement .textwrap h1 {
    position: relative;
    color: #fff
}

#slider-main li article.textbildelement .textwrap p {
    font-size: 2em;
    font-size: 32.43px;
    font-size: 2.026875rem;
    margin-bottom: 0.7400555041628122rem;
    line-height: 1.15;
    margin-top: 0;
    font-weight: normal;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    color: #000;
    text-transform: none;
    margin-bottom: 0;
    font-family: Times, serif;
    font-weight: bold;
    font-style: italic
}

#slider-main li article.textbildelement .csc-textpic-imagewrap {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden
}

#slider-main li article.textbildelement .csc-textpic-imagewrap div, #slider-main li article.textbildelement .csc-textpic-imagewrap figure {
    width: 100%;
    height: 100%
}

#slider-main li article.textbildelement .csc-textpic-imagewrap img {
    position: absolute;
    min-width: 2500px;
    min-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

#slider-main li article.textelement {
    text-align: center;
    bottom: 8em;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 5
}

#slider-main li article.textelement:after {
    content: '';
    display: block;
    background-image: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/line.png');
    background-size: 100% 100%;
    height: 2px;
    width: 75%;
    max-width: 600px;
    margin: 20px auto 0 auto
}

#slider-main li article.textelement h1 {
    position: relative;
    color: #fff;
    font-size: 105.33px;
    font-size: 6.583125rem;
    margin-bottom: 0.22785531187695812rem;
    line-height: 1.15;
    margin-top: 0;
    font-weight: normal;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    color: #000;
    text-transform: none
}

#slider-main li article.textelement p {
    font-size: 32.43px;
    font-size: 2.026875rem;
    margin-bottom: 0.7400555041628122rem;
    line-height: 1.15;
    margin-top: 0;
    font-weight: normal;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    color: #000;
    text-transform: none;
    font-size: 2em;
    margin-bottom: 0;
    font-family: Times, serif;
    font-weight: bold;
    font-style: italic;
    color: #fff
}

@media only screen and (min-width: 2000px) and (orientation: landscape) {
    #slider-main li article.textbildelement .textwrap:after {
        width: 40%
    }
}

@media only screen and (max-width: 2000px) and (orientation: landscape) {
    #slider-main li article.textbildelement .csc-textpic-imagewrap img {
        min-width: 1920px
    }

    #slider-main li article.textbildelement .textwrap:after {
        width: 40%
    }
}

@media only screen and (max-width: 1700px) and (orientation: landscape) {
    #slider-main li article.textbildelement .csc-textpic-imagewrap img {
        min-width: 1680px
    }

    #slider-main li article.textbildelement .textwrap:after {
        width: 50%
    }
}

@media only screen and (max-width: 1400px) and (orientation: landscape) {
    #slider-main li article.textbildelement .csc-textpic-imagewrap img {
        min-width: 1366px
    }

    #slider-main li article.textbildelement .textwrap:after {
        width: 60%
    }
}

@media only screen and (max-width: 1100px) and (orientation: landscape) {
    #slider-main li article.textbildelement .csc-textpic-imagewrap img {
        min-width: 1024px
    }
}

@media only screen and (max-width: 800px) and (orientation: landscape) {
    #slider-main li article.textbildelement .csc-textpic-imagewrap img {
        min-width: 768px
    }

    #slider-main li article.textbildelement .textwrap:after {
        width: 90%
    }
}

@media only screen and (max-width: 800px) {
    #slider-main li article.textbildelement .textwrap h1 {
        font-size: 65.76px;
        font-size: 4.11rem;
        margin-bottom: 0.36496350364963503rem;
        line-height: 1.15;
        margin-top: 0;
        font-weight: normal;
        font-family: 'Source Sans Pro', Arial, sans-serif;
        color: #000;
        text-transform: none
    }
}

@media only screen and (max-height: 1700px) and (orientation: portrait) {
    #slider-main li article.textbildelement .csc-textpic-imagewrap img {
        min-height: 1680px;
        max-width: inherit;
        min-width: inherit;
        width: auto;
        height: 100%;
        margin-left: -100%
    }

    #slider-main li article.textbildelement .textwrap:after {
        width: 90%
    }
}

@media only screen and (max-height: 1400px) and (orientation: portrait) {
    #slider-main li article.textbildelement .csc-textpic-imagewrap img {
        min-height: 1366px;
        max-width: inherit;
        min-width: inherit;
        width: auto;
        height: 100%;
        margin-left: -100%
    }
}

@media only screen and (max-height: 1100px) and (orientation: portrait) {
    #slider-main li article.textbildelement .csc-textpic-imagewrap img {
        min-height: 1024px;
        max-width: inherit;
        min-width: inherit;
        width: auto;
        height: 100%;
        margin-left: -100%
    }
}

@media only screen and (max-height: 800px) and (orientation: portrait) {
    #slider-main li article.textbildelement .csc-textpic-imagewrap img {
        min-height: 768px;
        max-width: inherit;
        min-width: inherit;
        width: auto;
        height: 100%;
        margin-left: -100%
    }
}

@media only screen and (max-height: 900px) {
    #slider-main li article.textelement h1 {
        font-size: 46.18px;
        font-size: 2.88625rem;
        margin-bottom: 0.5197055002165439rem;
        line-height: 1.15;
        margin-top: 0;
        font-weight: normal;
        font-family: 'Source Sans Pro', Arial, sans-serif;
        color: #000;
        text-transform: none
    }

    #slider-main li article.textelement p {
        font-size: 25.63px;
        font-size: 1.601875rem;
        margin-bottom: 0.9364026531408506rem;
        line-height: 1.15;
        margin-top: 0;
        font-weight: normal;
        font-family: 'Source Sans Pro', Arial, sans-serif;
        color: #000;
        text-transform: none
    }
}

@media only screen and (orientation: portrait) {
    .ipad #slider-main li article.textelement h1 {
        font-size: 46.18px;
        font-size: 2.88625rem;
        margin-bottom: 0.5197055002165439rem;
        line-height: 1.15;
        margin-top: 0;
        font-weight: normal;
        font-family: 'Source Sans Pro', Arial, sans-serif;
        color: #000;
        text-transform: none
    }

    .ipad #slider-main li article.textelement p {
        font-size: 25.63px;
        font-size: 1.601875rem;
        margin-bottom: 0.9364026531408506rem;
        line-height: 1.15;
        margin-top: 0;
        font-weight: normal;
        font-family: 'Source Sans Pro', Arial, sans-serif;
        color: #000;
        text-transform: none
    }
}

.tablesaw {
    width: 100%;
    max-width: 100%;
    empty-cells: show;
    border-collapse: collapse;
    border: 0;
    padding: 0
}

.tablesaw * {
    box-sizing: border-box
}

.tablesaw-btn {
    border: 1px solid #ccc;
    border-radius: .25em;
    background: none;
    box-shadow: 0 1px 0 #fff;
    color: #4a4a4a;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: .5em .85em .4em .85em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

a.tablesaw-btn {
    color: #1c95d4
}

.tablesaw-btn:hover {
    text-decoration: none
}

.tablesaw-btn:active {
    background-color: #ddd
}

@supports (box-shadow: none ) {
    .tablesaw-btn:focus {
        background-color: #fff;
        outline: none
    }

    .tablesaw-btn:focus {
        box-shadow: 0 0 .35em #4faeef !important
    }
}

.tablesaw-btn-select select {
    background: none;
    border: none;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    min-height: 1em;
    opacity: 0;
    color: transparent
}

.tablesaw-btn select option {
    background: #fff;
    color: #000
}

.tablesaw-btn {
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    top: 0
}

.tablesaw-btn.btn-small {
    font-size: 1.0625em;
    line-height: 19px;
    padding: .3em 1em .3em 1em
}

.tablesaw-btn.btn-micro {
    font-size: .8125em;
    padding: .4em .7em .25em .7em
}

.tablesaw-btn-select {
    padding-right: 1.5em;
    text-align: left;
    display: inline-block;
    color: #c8c8c8;
    padding-right: 2.5em;
    min-width: 7.25em
}

.tablesaw-btn-select:after {
    content: " ";
    position: absolute;
    background: none;
    background-repeat: no-repeat;
    background-position: .25em .45em;
    content: "\25bc";
    font-size: .55em;
    padding-top: 1.2em;
    padding-left: 1em;
    left: auto;
    right: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    width: 1.8em
}

.tablesaw-btn-select.btn-small:after, .tablesaw-btn-select.btn-micro:after {
    width: 1.2em;
    font-size: .5em;
    padding-top: 1em;
    padding-right: .5em;
    line-height: 1.65;
    background: none;
    box-shadow: none;
    border-left-width: 0
}

.tablesaw-advance .tablesaw-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    text-shadow: 0 1px 0 #fff;
    border-radius: .25em
}

.tablesaw-advance .tablesaw-btn.btn-micro {
    font-size: .8125em;
    padding: .3em .7em .25em .7em
}

.tablesaw-advance a.tablesaw-nav-btn:first-child {
    margin-left: 0
}

.tablesaw-advance a.tablesaw-nav-btn:last-child {
    margin-right: 0
}

.tablesaw-advance a.tablesaw-nav-btn {
    display: inline-block;
    overflow: hidden;
    width: 1.8em;
    height: 1.8em;
    background-position: 50% 50%;
    margin-left: .25em;
    margin-right: .25em;
    position: relative;
    text-indent: -9999px
}

.tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-advance a.tablesaw-nav-btn.right:before, .tablesaw-advance a.tablesaw-nav-btn.down:before, .tablesaw-advance a.tablesaw-nav-btn.up:before {
    content: "\0020";
    overflow: hidden;
    width: 0;
    height: 0;
    position: absolute
}

.tablesaw-advance a.tablesaw-nav-btn.down:before {
    left: .5em;
    top: .65em;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #c8c8c8
}

.tablesaw-advance a.tablesaw-nav-btn.up:before {
    left: .5em;
    top: .65em;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #c8c8c8
}

.tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-advance a.tablesaw-nav-btn.right:before {
    top: .45em;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.tablesaw-advance a.tablesaw-nav-btn.left:before {
    left: .6em;
    border-right: 5px solid #c8c8c8
}

.tablesaw-advance a.tablesaw-nav-btn.right:before {
    left: .7em;
    border-left: 5px solid #c8c8c8
}

.tablesaw-advance a.tablesaw-nav-btn.disabled {
    opacity: .25;
    cursor: default;
    pointer-events: none
}

.tablesaw-bar {
    clear: both
}

.tablesaw-bar * {
    box-sizing: border-box
}

.tablesaw-bar-section {
    float: left
}

.tablesaw-bar-section label {
    font-size: .875em;
    padding: .5em 0;
    clear: both;
    display: block;
    color: #c8c8c8;
    margin-right: .5em;
    text-transform: uppercase
}

.tablesaw-btn, .tablesaw-enhanced .tablesaw-btn {
    margin-top: .5em;
    margin-bottom: .5em
}

.tablesaw-btn-select, .tablesaw-enhanced .tablesaw-btn-select {
    margin-bottom: 0
}

.tablesaw-bar .tablesaw-bar-section .tablesaw-btn {
    margin-left: .4em;
    margin-top: 0;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    background: transparent;
    font-size: 1em;
    padding-left: .3em
}

.tablesaw-bar .tablesaw-bar-section .btn-select {
    min-width: 0
}

.tablesaw-bar .tablesaw-bar-section .btn-select:after {
    padding-top: .9em
}

.tablesaw-bar .tablesaw-bar-section select {
    color: #c8c8c8;
    text-transform: none;
    background: transparent
}

.tablesaw-bar-section ~ table {
    clear: both
}

.tablesaw-bar-section .abbreviated {
    display: inline
}

.tablesaw-bar-section .longform {
    display: none
}

@media (min-width: 623.28767123px) {
    .tablesaw-bar-section .abbreviated {
        display: none
    }

    .tablesaw-bar-section .longform {
        display: inline
    }
}

.tablesaw th, .tablesaw td {
    padding: .5em .7em;
    text-align: left;
    vertical-align: middle
}

.tablesaw-sortable-btn {
    padding: .5em .7em
}

.tablesaw thead th {
    text-align: left
}

.tablesaw-row-border tr {
    border-bottom: 1px solid #c8c8c8
}

.tablesaw-row-zebra thead th {
    background-color: #c8c8c8;
    color: #fff
}

.tablesaw-row-zebra .tablesaw-cell-label {
    background-color: #f8f8f8;
    color: #000
}

.tablesaw-row-zebra tr:nth-child(2n) .tablesaw-cell-label {
    background-color: #dfdfdf;
    color: #000
}

.tablesaw-row-zebra tr:nth-child(2n) {
    background-color: #f2f2f2
}

.tablesaw caption {
    text-align: left;
    margin: .59375em 0
}

.tablesaw-swipe .tablesaw-swipe-cellpersist {
    border-right: 2px solid #f2f2f2
}

.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {
    border-right-width: 1px
}

.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {
    box-shadow: 3px 0 4px -1px #f2f2f2
}

.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
    display: none
}

@media only all {
    .tablesaw-stack {
        clear: both
    }

    .tablesaw-stack td, .tablesaw-stack th {
        text-align: left;
        display: block
    }

    .tablesaw-stack tr {
        clear: both;
        display: table-row
    }

    .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
        display: inline-block;
        padding: 0 .6em 0 0;
        width: 30%
    }

    .tablesaw-stack th .tablesaw-cell-label-top, .tablesaw-stack td .tablesaw-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0
    }

    .tablesaw-cell-label {
        display: block
    }

    .tablesaw-stack tbody th.group {
        margin-top: -1px
    }

    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none !important
    }
}

@media (max-width: 910px) {
    .tablesaw-stack tbody tr {
        display: block;
        width: 100%;
        border-bottom: 1px solid #dfdfdf
    }

    .tablesaw-stack thead td, .tablesaw-stack thead th {
        display: none
    }

    .tablesaw-stack tbody td, .tablesaw-stack tbody th {
        display: block;
        float: left;
        clear: left;
        width: 100%
    }

    .tablesaw-cell-label {
        vertical-align: top
    }

    .tablesaw-cell-content {
        display: inline-block;
        max-width: 67%
    }

    .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label, .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0
    }

    .tablesaw-stack td:empty, .tablesaw-stack th:empty {
        display: none
    }
}

@media (min-width: 911px) {
    .tablesaw-stack tr {
        display: table-row
    }

    .tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th {
        display: table-cell;
        margin: 0
    }

    .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
        display: none !important
    }
}

.tablesaw-fix-persist {
    table-layout: fixed
}

@media only all {
    .tablesaw-swipe th.tablesaw-swipe-cellhidden, .tablesaw-swipe td.tablesaw-swipe-cellhidden {
        display: none
    }
}

.tablesaw-overflow {
    position: relative;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.tablesaw-overflow > .tablesaw {
    margin-top: 2px
}

.tablesaw-columntoggle-btn span {
    text-indent: -9999px;
    display: inline-block
}

.tablesaw-columntoggle-btnwrap {
    position: relative
}

.tablesaw-columntoggle-btnwrap .dialog-content {
    padding: .5em
}

.tablesaw-columntoggle tbody td {
    line-height: 1.5
}

.tablesaw-columntoggle-popup {
    display: none
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
    display: block;
    position: absolute;
    top: 2em;
    right: 0;
    background-color: #fff;
    padding: .5em .8em;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px #ccc;
    border-radius: .2em;
    z-index: 1
}

.tablesaw-columntoggle-popup fieldset {
    margin: 0
}

@media only all {
    .tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6, .tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-5, .tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4, .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3, .tablesaw-columntoggle th.tablesaw-priority-2, .tablesaw-columntoggle td.tablesaw-priority-2, .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1, .tablesaw-columntoggle th.tablesaw-priority-0, .tablesaw-columntoggle td.tablesaw-priority-0 {
        display: none
    }
}

.tablesaw-columntoggle-btnwrap .dialog-content {
    top: 0 !important;
    right: 1em;
    left: auto !important;
    width: 12em;
    max-width: 18em;
    margin: -0.5em auto 0
}

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
    outline-style: none
}

@media (min-width: 320px) {
    .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1 {
        display: table-cell
    }
}

@media (min-width: 440px) {
    .tablesaw-columntoggle th.tablesaw-priority-2, .tablesaw-columntoggle td.tablesaw-priority-2 {
        display: table-cell
    }
}

@media (min-width: 520px) {
    .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3 {
        display: table-cell
    }

    .tablesaw-columntoggle tbody td {
        line-height: 2
    }
}

@media (min-width: 770px) {
    .tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4 {
        display: table-cell
    }
}

@media (min-width: 1030px) {
    .tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-5 {
        display: table-cell
    }
}

@media (min-width: 1300px) {
    .tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6 {
        display: table-cell
    }
}

@media only all {
    .tablesaw-columntoggle th.tablesaw-toggle-cellhidden, .tablesaw-columntoggle td.tablesaw-toggle-cellhidden {
        display: none
    }

    .tablesaw-columntoggle th.tablesaw-toggle-cellvisible, .tablesaw-columntoggle td.tablesaw-toggle-cellvisible {
        display: table-cell
    }
}

.tablesaw-columntoggle-popup .btn-group > label {
    display: block;
    padding: .2em 0;
    white-space: nowrap;
    cursor: default
}

.tablesaw-columntoggle-popup .btn-group > label input {
    margin-right: .8em
}

.tablesaw-sortable-head {
    position: relative;
    vertical-align: top
}

.tablesaw .tablesaw-sortable-head {
    padding: 0
}

.tablesaw-sortable-btn {
    min-width: 100%;
    color: inherit;
    background: transparent;
    border: 0;
    text-align: inherit;
    font: inherit;
    text-transform: inherit
}

.tablesaw-sortable-arrow:after {
    display: inline-block;
    width: 10px;
    height: 14px;
    content: " ";
    margin-left: .3125em
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after, .tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
    content: "\0020"
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after {
    content: "\2191"
}

.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
    content: "\2193"
}

.tablesaw-advance {
    float: right
}

.tablesaw-advance.minimap {
    margin-right: .4em
}

.tablesaw-advance-dots {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none
}

.tablesaw-advance-dots li {
    display: table-cell;
    margin: 0;
    padding: .4em .2em
}

.tablesaw-advance-dots li i {
    width: .25em;
    height: .25em;
    background: #555;
    border-radius: 100%;
    display: inline-block
}

.tablesaw-advance-dots-hide {
    opacity: .25;
    cursor: default;
    pointer-events: none
}

.tablesaw th, .tablesaw td {
    vertical-align: top
}

@media (max-width: 910px) {
    .frame table.tablesaw {
        max-width: 100%
    }

    .frame table.tablesaw.tablesaw-stack thead tr th {
        font-family: 'Source Sans Pro', Arial, sans-serif;
        font-weight: bold
    }

    .frame table.tablesaw.tablesaw-stack tbody tr {
        border-bottom: 2px solid #c8c8c8
    }

    .frame table.tablesaw.tablesaw-stack tbody tr:before, .frame table.tablesaw.tablesaw-stack tbody tr:after {
        content: "";
        display: table
    }

    .frame table.tablesaw.tablesaw-stack tbody tr:after {
        clear: both
    }

    .frame table.tablesaw.tablesaw-stack tbody tr td {
        padding: 0
    }

    .frame table.tablesaw.tablesaw-stack tbody tr td .tablesaw-cell-label {
        padding: 4px;
        border-right: 1px solid #c8c8c8;
        max-width: 50%;
        font-family: 'Source Sans Pro', Arial, sans-serif;
        font-weight: bold
    }

    .frame table.tablesaw.tablesaw-stack tbody tr td .tablesaw-cell-content {
        padding: 4px;
        padding-left: 8px
    }

    .frame table.tablesaw.tablesaw-stack tbody tr td[colspan] .tablesaw-cell-label {
        display: none
    }

    .frame .ce-bodytext table.tablesaw[border] tbody tr td {
        border-top: none;
        border-left: none;
        border-right: none
    }
}

.scrolltable {
    display: block;
    overflow-x: auto
}

@font-face {
    font-family: 'iconset';
    src: url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/iconset.eot?52153854');
    src: url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/iconset.eot?52153854#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/iconset.woff2?52153854') format('woff2'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/iconset.woff?52153854') format('woff'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/iconset.ttf?52153854') format('truetype'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/iconset.svg?52153854#iconset') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "iconset";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.icon-bin:before {
    content: '\e800'
}

.icon-copy-2:before {
    content: '\e801'
}

.icon-copy-1:before {
    content: '\e802'
}

.icon-cursor-tap:before {
    content: '\e803'
}

.icon-wrench:before {
    content: '\e804'
}

.icon-upload:before {
    content: '\e805'
}

.icon-thumbs-up-1:before {
    content: '\e806'
}

.icon-thumbs-down-1:before {
    content: '\e807'
}

.icon-email:before {
    content: '\e808'
}

.icon-email-compose:before {
    content: '\e809'
}

.icon-shopping-cart-up:before {
    content: '\e80a'
}

.icon-shopping-cart-full:before {
    content: '\e80b'
}

.icon-shopping-cart:before {
    content: '\e80c'
}

.icon-shopping-cart-down:before {
    content: '\e80d'
}

.icon-print-text:before {
    content: '\e80e'
}

.icon-mein-bereich:before {
    content: '\e80f'
}

.icon-cog:before {
    content: '\e810'
}

.icon-cog-double-1:before {
    content: '\e811'
}

.icon-cog-double-2:before {
    content: '\e812'
}

.icon-search:before {
    content: '\e813'
}

.icon-navigation-drawer-2:before {
    content: '\e814'
}

.icon-expand-1:before {
    content: '\e815'
}

.icon-expand-vertical-2:before {
    content: '\e816'
}

.icon-expand-horizontal-2:before {
    content: '\e817'
}

.icon-expand-diagonal-4:before {
    content: '\e818'
}

.icon-expand-diagonal-3:before {
    content: '\e819'
}

.icon-expand-diagonal-2:before {
    content: '\e81a'
}

.icon-shrink-diagonal-2:before {
    content: '\e81b'
}

.icon-shrink-diagonal-1:before {
    content: '\e81c'
}

.icon-shrink-1:before {
    content: '\e81d'
}

.icon-zoom-in:before {
    content: '\e81e'
}

.icon-zoom-out:before {
    content: '\e81f'
}

.icon-synchronize-1:before {
    content: '\e820'
}

.icon-synchronize-3:before {
    content: '\e821'
}

.icon-synchronize-4:before {
    content: '\e822'
}

.icon-synchronize-6:before {
    content: '\e823'
}

.icon-transfer-1:before {
    content: '\e824'
}

.icon-transfer-2:before {
    content: '\e825'
}

.icon-transfer-3:before {
    content: '\e826'
}

.icon-transfer-4:before {
    content: '\e827'
}

.icon-add-1:before {
    content: '\e828'
}

.icon-subtract-1:before {
    content: '\e829'
}

.icon-subtract-2:before {
    content: '\e82a'
}

.icon-remove-2:before {
    content: '\e82b'
}

.icon-add-2:before {
    content: '\e82c'
}

.icon-add-box:before {
    content: '\e82d'
}

.icon-arrow-box-down-3:before {
    content: '\e82e'
}

.icon-arrow-box-down-4:before {
    content: '\e82f'
}

.icon-arrow-box-down-5:before {
    content: '\e830'
}

.icon-arrow-box-left-3:before {
    content: '\e831'
}

.icon-arrow-box-left-4:before {
    content: '\e832'
}

.icon-arrow-box-left-5:before {
    content: '\e833'
}

.icon-arrow-box-right-3:before {
    content: '\e834'
}

.icon-arrow-box-right-4:before {
    content: '\e835'
}

.icon-arrow-box-right-5:before {
    content: '\e836'
}

.icon-arrow-box-up-3:before {
    content: '\e837'
}

.icon-arrow-box-up-4:before {
    content: '\e838'
}

.icon-arrow-box-up-5:before {
    content: '\e839'
}

.icon-subtract-box:before {
    content: '\e83a'
}

.icon-remove-box:before {
    content: '\e83b'
}

.icon-volume-off-1:before {
    content: '\e83c'
}

.icon-eject-button:before {
    content: '\e83d'
}

.icon-control-stop:before {
    content: '\e83e'
}

.icon-control-rewind:before {
    content: '\e83f'
}

.icon-control-record:before {
    content: '\e840'
}

.icon-control-previous:before {
    content: '\e841'
}

.icon-control-play:before {
    content: '\e842'
}

.icon-control-pause:before {
    content: '\e843'
}

.icon-control-next:before {
    content: '\e844'
}

.icon-control-fast-forward:before {
    content: '\e845'
}

.icon-control-eject:before {
    content: '\e846'
}

.icon-spin3:before {
    content: '\e847'
}

.icon-informiert-bleiben:before {
    content: '\e848'
}

.icon-attention:before {
    content: '\e849'
}

.icon-login:before {
    content: '\e84a'
}

.icon-logout:before {
    content: '\e84b'
}

.icon-arrow-circle-up-01:before {
    content: '\e84c'
}

.icon-navigation-before-2:before {
    content: '\e84d'
}

.icon-navigation-next-2:before {
    content: '\e84e'
}

.icon-arrow-circle-down-01:before {
    content: '\e84f'
}

.icon-volume-up-1:before {
    content: '\e850'
}

.icon-volume-medium-1:before {
    content: '\e851'
}

.icon-volume-max-1:before {
    content: '\e852'
}

.icon-volume-low-1:before {
    content: '\e853'
}

.icon-volume-down-1:before {
    content: '\e854'
}

.icon-rewind-button:before {
    content: '\e855'
}

.icon-fast-forward-button:before {
    content: '\e856'
}

.icon-sopt-button:before {
    content: '\e857'
}

.icon-record-button:before {
    content: '\e858'
}

.icon-previous-button:before {
    content: '\e859'
}

.icon-play-button:before {
    content: '\e85a'
}

.icon-pause-button:before {
    content: '\e85b'
}

.icon-next-button:before {
    content: '\e85c'
}

.icon-play-button-1:before {
    content: '\e85d'
}

.icon-account-group-1:before {
    content: '\e85e'
}

.icon-account-group-4:before {
    content: '\e85f'
}

.icon-account-group-5:before {
    content: '\e860'
}

.icon-asterisk-1:before {
    content: '\e862'
}

.icon-asterisk-2:before {
    content: '\e863'
}

.icon-computer-imac-1:before {
    content: '\e864'
}

.icon-check-circle-1:before {
    content: '\e866'
}

.icon-check-box-1:before {
    content: '\e867'
}

.icon-check-1:before {
    content: '\e868'
}

.icon-chat-double-bubble-4:before {
    content: '\e869'
}

.icon-car-1:before {
    content: '\e86a'
}

.icon-business-man-1:before {
    content: '\e86b'
}

.icon-bubble-chat-typing-3:before {
    content: '\e86c'
}

.icon-bubble-chat-information-2:before {
    content: '\e86d'
}

.icon-bubble-chat-exclamation-2:before {
    content: '\e86e'
}

.icon-bubble-chat-2:before {
    content: '\e86f'
}

.icon-bubble-chat-1:before {
    content: '\e870'
}

.icon-book-open-2:before {
    content: '\e871'
}

.icon-bookmark-all-1:before {
    content: '\e872'
}

.icon-bookmark-4:before {
    content: '\e873'
}

.icon-bookmark-1:before {
    content: '\e874'
}

.icon-book-contact-1:before {
    content: '\e875'
}

.icon-barrier-free:before {
    content: '\e876'
}

.icon-at-sign:before {
    content: '\e877'
}

.icon-computer-notebook-1:before {
    content: '\e878'
}

.icon-computer-notebook-2:before {
    content: '\e879'
}

.icon-discount:before {
    content: '\e87a'
}

.icon-events:before {
    content: '\e87b'
}

.icon-factory:before {
    content: '\e87c'
}

.icon-flash-1:before {
    content: '\e87d'
}

.icon-folder-2:before {
    content: '\e87f'
}

.icon-folder-medium:before {
    content: '\e880'
}

.icon-folder-network-2:before {
    content: '\e881'
}

.icon-food:before {
    content: '\e883'
}

.icon-food-discount:before {
    content: '\e884'
}

.icon-globe-2:before {
    content: '\e885'
}

.icon-globe-3:before {
    content: '\e886'
}

.icon-graph-bar-2:before {
    content: '\e887'
}

.icon-graph-bar-decrease:before {
    content: '\e888'
}

.icon-graph-bar-increase:before {
    content: '\e889'
}

.icon-graph-bar-line:before {
    content: '\e88a'
}

.icon-graph-pie-1:before {
    content: '\e88b'
}

.icon-location-pin-remove-4:before {
    content: '\e88c'
}

.icon-location-pin-favorite-4:before {
    content: '\e88d'
}

.icon-location-pin-add-5:before {
    content: '\e88e'
}

.icon-location-pin-add-3:before {
    content: '\e88f'
}

.icon-location-pin-2:before {
    content: '\e890'
}

.icon-loading-1:before {
    content: '\e891'
}

.icon-link-3:before {
    content: '\e893'
}

.icon-infomation-circle:before {
    content: '\e896'
}

.icon-id-card-double:before {
    content: '\e897'
}

.icon-id-card-3:before {
    content: '\e898'
}

.icon-home-1:before {
    content: '\e899'
}

.icon-hierarchy-3:before {
    content: '\e89a'
}

.icon-hand-kindle:before {
    content: '\e89c'
}

.icon-group-global:before {
    content: '\e89d'
}

.icon-group-chat:before {
    content: '\e89e'
}

.icon-graph-pie-2:before {
    content: '\e89f'
}

.icon-location-pin-subtract-3:before {
    content: '\e8a0'
}

.icon-location-pin-subtract-5:before {
    content: '\e8a1'
}

.icon-lock-close-1:before {
    content: '\e8a2'
}

.icon-lock-open-1:before {
    content: '\e8a3'
}

.icon-logo-rss:before {
    content: '\e8a4'
}

.icon-network-computers-2:before {
    content: '\e8a5'
}

.icon-network-world:before {
    content: '\e8a6'
}

.icon-paperclip-1:before {
    content: '\e8a7'
}

.icon-parking:before {
    content: '\e8a8'
}

.icon-pencil-1:before {
    content: '\e8a9'
}

.icon-person-2:before {
    content: '\e8aa'
}

.icon-person-add-2:before {
    content: '\e8ab'
}

.icon-person-block-2:before {
    content: '\e8ac'
}

.icon-person-check-2:before {
    content: '\e8ad'
}

.icon-person-edit-2:before {
    content: '\e8ae'
}

.icon-person-favorite-star-2:before {
    content: '\e8af'
}

.icon-person-remove-2:before {
    content: '\e8b0'
}

.icon-person-subtract-2:before {
    content: '\e8b1'
}

.icon-person-view-2:before {
    content: '\e8b2'
}

.icon-task-checklist:before {
    content: '\e8b5'
}

.icon-window-application-1:before {
    content: '\e8b6'
}

.icon-window-1:before {
    content: '\e8b7'
}

.icon-window-pulse-1:before {
    content: '\e8b8'
}

.icon-window-list-1:before {
    content: '\e8b9'
}

.icon-navigation-show-more-1:before {
    content: '\e8bb'
}

.icon-alarm:before {
    content: '\e8bc'
}

.icon-user-chat-5:before {
    content: '\e8bd'
}

.icon-view-1:before {
    content: '\e8be'
}

.icon-megaphone-1:before {
    content: '\e8bf'
}

.icon-scale:before {
    content: '\e8c0'
}

.icon-retirement:before {
    content: '\e8c1'
}

.icon-rank-army-star-badge-2:before {
    content: '\e8c2'
}

.icon-rank-army-star-2:before {
    content: '\e8c3'
}

.icon-rank-army-star-1:before {
    content: '\e8c4'
}

.icon-quote-2:before {
    content: '\e8c5'
}

.icon-quote-1:before {
    content: '\e8c6'
}

.icon-projector-screen:before {
    content: '\e8c7'
}

.icon-transfer-folder:before {
    content: '\e8c8'
}

.icon-smartphone-iphone:before {
    content: '\e8c9'
}

.icon-window-code-1:before {
    content: '\e8ca'
}

.icon-transfer-computers-1:before {
    content: '\e8cb'
}

.icon-window-sync:before {
    content: '\e8cc'
}

.icon-user-chat-1:before {
    content: '\e8cd'
}

.icon-heart:before {
    content: '\e8ce'
}

.icon-task-check-2:before {
    content: '\e8cf'
}

.icon-logo-xing:before {
    content: '\e8d0'
}

.icon-logo-twitter:before {
    content: '\e8d1'
}

.icon-logo-twitter-bird:before {
    content: '\e8d2'
}

.icon-logo-you-tube:before {
    content: '\e8d3'
}

.icon-logo-pinterest:before {
    content: '\e8d4'
}

.icon-logo-youtube-clip:before {
    content: '\e8d5'
}

.icon-logo-linkedin:before {
    content: '\e8d6'
}

.icon-logo-google-plus-1:before {
    content: '\e8d7'
}

.icon-logo-facebook:before {
    content: '\e8d8'
}

.icon-news-article:before {
    content: '\e8d9'
}

.icon-newspaper:before {
    content: '\e8da'
}

.icon-video-clip-2:before {
    content: '\e8db'
}

.icon-file-module-edit:before {
    content: '\e8dc'
}

.icon-file-lock-1:before {
    content: '\e8dd'
}

.icon-file-line-graph:before {
    content: '\e8de'
}

.icon-file-keynote:before {
    content: '\e8df'
}

.icon-file-acrobat:before {
    content: '\e8e0'
}

.icon-file-add-1:before {
    content: '\e8e1'
}

.icon-file-bar-graph:before {
    content: '\e8e2'
}

.icon-file-block-1:before {
    content: '\e8e3'
}

.icon-file-check-1:before {
    content: '\e8e4'
}

.icon-file-delete-1:before {
    content: '\e8e5'
}

.icon-file-download-1:before {
    content: '\e8e6'
}

.icon-file-edit-1:before {
    content: '\e8e7'
}

.icon-file-excel:before {
    content: '\e8e8'
}

.icon-file-favorite-star-1:before {
    content: '\e8e9'
}

.icon-file-format-mp3:before {
    content: '\e8ea'
}

.icon-file-format-mp4:before {
    content: '\e8eb'
}

.icon-file-format-zip:before {
    content: '\e8ec'
}

.icon-file-graph-pie:before {
    content: '\e8ed'
}

.icon-file-hierarchy:before {
    content: '\e8ee'
}

.icon-file-highlight:before {
    content: '\e8ef'
}

.icon-file-video-1:before {
    content: '\e8f0'
}

.icon-file-upload-1:before {
    content: '\e8f1'
}

.icon-file-text-document:before {
    content: '\e8f2'
}

.icon-file-text-chart:before {
    content: '\e8f3'
}

.icon-file-table:before {
    content: '\e8f4'
}

.icon-file-sync-1:before {
    content: '\e8f5'
}

.icon-file-subtract-1:before {
    content: '\e8f6'
}

.icon-file-stamp:before {
    content: '\e8f7'
}

.icon-file-setting-1:before {
    content: '\e8f8'
}

.icon-file-rtf:before {
    content: '\e8f9'
}

.icon-file-refresh-1:before {
    content: '\e8fa'
}

.icon-file-powerpoint-show:before {
    content: '\e8fb'
}

.icon-file-powerpoint:before {
    content: '\e8fc'
}

.icon-file-picture:before {
    content: '\e8fd'
}

.icon-file-pdf:before {
    content: '\e8fe'
}

.icon-file-notepad:before {
    content: '\e8ff'
}

.icon-file-new-3:before {
    content: '\e900'
}

.icon-file-new-2:before {
    content: '\e901'
}

.icon-file-new-1:before {
    content: '\e902'
}

.icon-file-music-1:before {
    content: '\e903'
}

.icon-file-view-1:before {
    content: '\e904'
}

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

.icon-file-words:before {
    content: '\e906'
}

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

.icon-picture-1:before {
    content: '\e908'
}

.icon-picture-2:before {
    content: '\e909'
}

.icon-picture-3:before {
    content: '\e90a'
}

.icon-plus-circled:before {
    content: '\e90b'
}

.icon-cancel-circled:before {
    content: '\e90c'
}

.icon-ok-circled:before {
    content: '\e90d'
}

.icon-minus-circled:before {
    content: '\e90e'
}

.icon-star:before {
    content: '\e90f'
}

.icon-star-empty:before {
    content: '\e910'
}

.icon-heart-1:before {
    content: '\e911'
}

.icon-heart-empty:before {
    content: '\e912'
}

.icon-star-half:before {
    content: '\e913'
}

.icon-clock:before {
    content: '\e914'
}

.icon-user:before {
    content: '\e915'
}

.icon-users:before {
    content: '\e916'
}

.icon-lock:before {
    content: '\e917'
}

.icon-camera:before {
    content: '\e918'
}

.icon-block:before {
    content: '\e919'
}

.icon-thumbs-up:before {
    content: '\e91a'
}

.icon-thumbs-down:before {
    content: '\e91b'
}

.icon-home:before {
    content: '\e91c'
}

.icon-off:before {
    content: '\e91d'
}

.icon-chat:before {
    content: '\e91e'
}

.icon-mehr:before {
    content: '\e91f'
}

.icon-meine-fahrzeuge:before {
    content: '\e920'
}

.icon-kontakt:before {
    content: '\e921'
}

.icon-download:before {
    content: '\e922'
}

.icon-ccw:before {
    content: '\e923'
}

.icon-status-negativ:before {
    content: '\e924'
}

.icon-fahrzeugpool:before {
    content: '\e925'
}

.icon-zeiten:before {
    content: '\e926'
}

.icon-radiobutton:before {
    content: '\e927'
}

.icon-hinweis:before {
    content: '\e928'
}

.icon-fehler:before {
    content: '\e929'
}

.icon-filter:before {
    content: '\e92a'
}

.icon-checker:before {
    content: '\e92b'
}

.icon-faq:before {
    content: '\e92c'
}

.icon-persoenlicher-bereich:before {
    content: '\e92d'
}

.icon-konfigurator:before {
    content: '\e92e'
}

.icon-adresse:before {
    content: '\e92f'
}

.icon-suche:before {
    content: '\e930'
}

.icon-telefon:before {
    content: '\e931'
}

.icon-arrow-right:before {
    content: '\e932'
}

.icon-arrow-down:before {
    content: '\e933'
}

.icon-arrow-up:before {
    content: '\e934'
}

.icon-close-1:before {
    content: '\e935'
}

.icon-arrow-left:before {
    content: '\e936'
}

.icon-daimler-blog:before {
    content: '\e937'
}

.icon-facebook-messenger:before {
    content: '\e938'
}

.icon-threema:before {
    content: '\e939'
}

.icon-linkarrow:before {
    content: '\e93a'
}

.icon-infomation-circle-light:before {
    content: '\e93b'
}

.icon-translate:before {
    content: '\e93c'
}

.icon-right:before {
    content: '\e93d'
}

.icon-left:before {
    content: '\e93e'
}

.icon-down:before {
    content: '\e93f'
}

.icon-up:before {
    content: '\e940'
}

.icon-right-open:before {
    content: '\f006'
}

.icon-left-open:before {
    content: '\f007'
}

.icon-lightbulb:before {
    content: '\f0eb'
}

.icon-download-cloud:before {
    content: '\f0ed'
}

.icon-upload-cloud:before {
    content: '\f0ee'
}

.icon-circle-empty:before {
    content: '\f10c'
}

.icon-circle:before {
    content: '\f111'
}

.icon-star-half-alt:before {
    content: '\f123'
}

.icon-lock-open-alt:before {
    content: '\f13e'
}

.icon-thumbs-up-alt:before {
    content: '\f164'
}

.icon-thumbs-down-alt:before {
    content: '\f165'
}

.icon-youtube:before {
    content: '\f167'
}

.icon-instagram:before {
    content: '\f16d'
}

.icon-tumblr:before {
    content: '\f173'
}

.icon-tumblr-squared:before {
    content: '\f174'
}

.icon-skype:before {
    content: '\f17e'
}

.icon-vkontakte:before {
    content: '\f189'
}

.icon-dot-circled:before {
    content: '\f192'
}

.icon-vimeo-squared:before {
    content: '\f194'
}

.icon-slack:before {
    content: '\f198'
}

.icon-stumbleupon:before {
    content: '\f1a4'
}

.icon-wechat:before {
    content: '\f1d7'
}

.icon-circle-thin:before {
    content: '\f1db'
}

.icon-share:before {
    content: '\f1e0'
}

.icon-toggle-off:before {
    content: '\f204'
}

.icon-toggle-on:before {
    content: '\f205'
}

.icon-facebook-official:before {
    content: '\f230'
}

.icon-whatsapp:before {
    content: '\f232'
}

.icon-get-pocket:before {
    content: '\f265'
}

.icon-safari:before {
    content: '\f267'
}

.icon-chrome-1:before {
    content: '\f268'
}

.icon-firefox-1:before {
    content: '\f269'
}

.icon-opera-1:before {
    content: '\f26a'
}

.icon-internet-explorer:before {
    content: '\f26b'
}

.icon-commenting-o:before {
    content: '\f27b'
}

.icon-bluetooth-b:before {
    content: '\f294'
}

.icon-viber:before {
    content: '\f2a0'
}

.icon-google-plus-circle:before {
    content: '\f2b3'
}

.icon-telegram:before {
    content: '\f2c6'
}

.tx-powermail {
    width: 100%;
    position: relative;
    margin-bottom: 2em
}

.tx-powermail * {
    color: #000 !important
}

.tx-powermail .highlight {
    color: #3BCEFF !important
}

.tx-powermail h3 {
    display: none
}

.tx-powermail fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.tx-powermail .powermail_legend {
    display: none
}

.tx-powermail .powermail_fieldwrap {
    width: 100%;
    clear: both;
    position: relative
}

.tx-powermail .powermail_label {
    width: 25%;
    float: left;
    display: block;
    margin: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 2.5em
}

.tx-powermail .powermail_input, .tx-powermail .powermail_textarea, .tx-powermail .custom-select, .tx-powermail .powermail_fieldwrap_file_inner, .tx-powermail .powermail_fieldwrap_type_check .powermail_field, .tx-powermail .powermail_fieldwrap_type_radio .powermail_field {
    width: 70%;
    margin-left: 5%;
    float: left;
    display: block;
    margin-bottom: 2%
}

.tx-powermail .powermail_fieldwrap_type_check .powermail_field:before, .tx-powermail .powermail_fieldwrap_type_radio .powermail_field:before, .tx-powermail .powermail_fieldwrap_type_check .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_radio .powermail_field:after {
    content: "";
    display: table
}

.tx-powermail .powermail_fieldwrap_type_check .powermail_field:after, .tx-powermail .powermail_fieldwrap_type_radio .powermail_field:after {
    clear: both
}

.tx-powermail .powermail_fieldwrap_type_check .powermail_field .checkbox, .tx-powermail .powermail_fieldwrap_type_radio .powermail_field .checkbox, .tx-powermail .powermail_fieldwrap_type_check .powermail_field .radio, .tx-powermail .powermail_fieldwrap_type_radio .powermail_field .radio {
    float: left;
    margin-right: 1em
}

.tx-powermail .powermail_fieldwrap_type_check .powermail_field .checkbox label, .tx-powermail .powermail_fieldwrap_type_radio .powermail_field .checkbox label, .tx-powermail .powermail_fieldwrap_type_check .powermail_field .radio label, .tx-powermail .powermail_fieldwrap_type_radio .powermail_field .radio label {
    min-height: 2.5em;
    padding-top: 8px;
    display: inline-block
}

.tx-powermail .powermail_input, .tx-powermail .powermail_textarea, .tx-powermail .powermail_fieldwrap_file_inner {
    background-color: #FFF !important;
    border: 1px solid #c8c8c8
}

.tx-powermail .powermail_input[disabled], .tx-powermail .powermail_textarea[disabled], .tx-powermail .powermail_fieldwrap_file_inner[disabled] {
    background-color: #EEE !important;
    border: 1px solid #f2f2f2 !important;
    color: #707070 !important
}

.tx-powermail .powermail_input, .tx-powermail .powermail_textarea, .tx-powermail .custom-select, .tx-powermail .powermail_fieldwrap_file_inner {
    background: #FFFFFF;
    padding: 8px 10px;
    position: relative;
    height: 2.5em
}

.tx-powermail .powermail_textarea {
    height: 8em
}

.tx-powermail .powermail_file {
    width: 100%;
    border: none;
    background: #FFFFFF
}

.tx-powermail .powermail_submit {
    float: right
}

.tx-powermail .powermail_fieldwrap_text {
    margin-bottom: 1.65em
}

.tx-powermail .mandatory {
    color: #08c1ff !important
}

.tx-powermail .ajaxSubmit {
    padding: 20px;
    background: #3BCEFF;
    border: 1px solid #c8c8c8;
    display: none
}

.tx-powermail .inputContainer {
    position: relative;
    float: left
}

.tx-powermail .formErrorInsideDialog.formError {
    z-index: 5000
}

.tx-powermail .formErrorInsideDialog.formError .formErrorContent {
    z-index: 5001
}

.tx-powermail .formErrorInsideDialog.formError .formErrorArrow {
    z-index: 5006
}

.tx-powermail .formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    z-index: 990
}

.tx-powermail .formError .formErrorContent {
    z-index: 991;
    width: 100%;
    position: relative;
    width: 200px;
    border: none;
    padding: .5em;
    background: #3BCEFF;
    font-size: 14.22px;
    font-size: 0.88875rem;
    margin-bottom: 0rem;
    line-height: 1.15;
    margin-top: 0;
    text-transform: none;
    font-weight: normal;
    color: #fff
}

.tx-powermail .formError .formErrorArrowBottom {
    box-shadow: none;
    margin: 0px 0 0 12px;
    top: 0
}

.tx-powermail .formError .formErrorArrowBottom div {
    box-shadow: none
}

.tx-powermail .formError .formErrorArrow {
    z-index: 996;
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative
}

.tx-powermail .formError .formErrorArrow div {
    border: none;
    height: 1px;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
    background: #3BCEFF
}

.tx-powermail .formError .formErrorArrow .line10 {
    width: 15px;
    border: none
}

.tx-powermail .formError .formErrorArrow .line9 {
    width: 13px;
    border: none
}

.tx-powermail .formError .formErrorArrow .line8 {
    width: 11px
}

.tx-powermail .formError .formErrorArrow .line7 {
    width: 9px
}

.tx-powermail .formError .formErrorArrow .line6 {
    width: 7px
}

.tx-powermail .formError .formErrorArrow .line5 {
    width: 5px
}

.tx-powermail .formError .formErrorArrow .line4 {
    width: 3px
}

.tx-powermail .formError .formErrorArrow .line3 {
    width: 1px;
    border: none
}

.tx-powermail .formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd
}

.tx-powermail .formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd
}

.tx-powermail input[type="submit"], .tx-powermail input[type="reset"], .tx-powermail input[type="button"] {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: .5em .7em;
    line-height: 100%;
    cursor: pointer;
    width: auto;
    overflow: visible;
    text-decoration: none;
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-weight: normal;
    border: none;
    color: #fff !important;
    background-color: #3BCEFF;
    background-color: #000;
    border: 1px solid #3BCEFF
}

.tx-powermail input[type="submit"] a, .tx-powermail input[type="reset"] a, .tx-powermail input[type="button"] a {
    color: #fff !important
}

.tx-powermail input[type="submit"] a:hover, .tx-powermail input[type="reset"] a:hover, .tx-powermail input[type="button"] a:hover {
    color: #fff !important
}

.tx-powermail .powermail_submit:disabled {
    background-color: #f2f2f2
}

.powermail_tabmenu {
    padding: 0
}

.powermail_tabmenu li {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: .5em .7em;
    line-height: 100%;
    cursor: pointer;
    width: auto;
    overflow: visible;
    text-decoration: none;
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-weight: normal;
    border: none;
    color: #fff !important;
    background-color: #3BCEFF;
    background-color: #000;
    background-color: #c8c8c8;
    margin-right: 1em
}

.powermail_tabmenu li a {
    color: #fff !important
}

.powermail_tabmenu li a:hover {
    color: #fff !important
}

.powermail_tabmenu li.act {
    background-color: #3BCEFF
}

#ui-datepicker-div {
    z-index: 10
}

#ui-datepicker-div .ui-datepicker-next span, #ui-datepicker-div .ui-datepicker-prev span {
    text-indent: 9999px
}

.powermail_date {
    width: 70%;
    margin-left: 5%;
    float: left;
    display: block;
    margin-bottom: 2%;
    background-color: #FFF !important;
    border: 1px solid #c8c8c8;
    padding: 8px 10px;
    position: relative;
    height: 2.5em
}

@media only screen and (max-width: 440px) and (orientation: portrait) {
    .tx-powermail .powermail_label {
        width: 100%;
        float: none;
        height: auto
    }

    .tx-powermail .powermail_input, .tx-powermail .powermail_radio_outer, .tx-powermail .powermail_check_outer, .tx-powermail .powermail_textarea, .tx-powermail .custom-select, .tx-powermail .powermail_fieldwrap_file_inner {
        width: 100%;
        margin-left: 0
    }

    .tx-powermail label {
        float: none;
        clear: both
    }
}

.tx-femanager {
    width: 100%;
    position: relative
}

.tx-femanager * {
    color: #000 !important
}

.tx-femanager .highlight {
    color: #3BCEFF !important
}

.tx-femanager fieldset {
    border: none;
    padding: 0
}

.tx-femanager fieldset > legend {
    display: none
}

.tx-femanager .femanager_fieldset {
    width: 100%;
    clear: both;
    position: relative
}

.tx-femanager label {
    width: 25%;
    float: left;
    display: block;
    margin: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 2.5em
}

.tx-femanager label.control-label {
    line-height: 1.1
}

.tx-femanager label i {
    margin-left: .3em
}

.tx-femanager label .additional-info-label {
    display: none;
    position: absolute;
    padding: 10px;
    background-color: #000;
    color: #fff !important;
    font-size: 90%;
    left: 0;
    bottom: 100%;
    width: 280px;
    margin-bottom: 22px
}

.tx-femanager label .additional-info-label:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 25px;
    border-width: 25px 0 0 25px;
    border-style: solid;
    border-color: #000 transparent;
    display: block
}

.tx-femanager label:hover .additional-info-label {
    display: block
}

.tx-femanager .col-sm-10 {
    width: 70%;
    margin-left: 5%;
    float: left;
    display: block;
    margin-bottom: 2%
}

.tx-femanager .checkbox, .tx-femanager .radio {
    float: left;
    margin-right: 1em
}

.tx-femanager .checkbox label, .tx-femanager .radio label {
    min-height: 2.5em;
    padding-top: 8px;
    display: inline-block;
    width: auto
}

.tx-femanager .checkbox label a, .tx-femanager .radio label a {
    color: #3BCEFF !important
}

.tx-femanager input:not([type=checkbox]):not([type=radio]):not([type=submit]), .tx-femanager textarea, .tx-femanager .select-selected {
    background-color: #FFF !important;
    border: 1px solid #c8c8c8;
    padding: 8px 10px;
    position: relative;
    height: 2.5em;
    width: 100%
}

.tx-femanager .select-items {
    border: 1px solid #c8c8c8;
    border-top: none
}

.tx-femanager input[disabled]:not([type=checkbox]):not([type=radio]):not([type=submit]), .tx-femanager textarea[disabled] {
    background-color: #EEE !important;
    border: 1px solid #f2f2f2 !important;
    color: #707070 !important
}

.tx-femanager textarea {
    height: 8em
}

.tx-femanager input[type=submit] {
    float: right
}

.tx-femanager .femanager_submit .col-sm-10 {
    width: 100%;
    margin-left: 0;
    float: none
}

.tx-femanager input[type="submit"], .tx-femanager input[type="reset"], .tx-femanager input[type="button"] {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: .5em .7em;
    line-height: 100%;
    cursor: pointer;
    width: auto;
    overflow: visible;
    text-decoration: none;
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-weight: normal;
    border: none;
    color: #fff !important;
    background-color: #3BCEFF;
    background-color: #000;
    border: 1px solid #3BCEFF
}

.tx-femanager input[type="submit"] a, .tx-femanager input[type="reset"] a, .tx-femanager input[type="button"] a {
    color: #fff !important
}

.tx-femanager input[type="submit"] a:hover, .tx-femanager input[type="reset"] a:hover, .tx-femanager input[type="button"] a:hover {
    color: #fff !important
}

.tx-femanager input[type="submit"]:disabled, .tx-femanager input[type="reset"]:disabled, .tx-femanager input[type="button"]:disabled {
    background-color: #c8c8c8;
    border: 1px solid #c8c8c8
}

.tx-femanager .femanager_participation1 .col-sm-10, .tx-femanager .femanager_participation2 .col-sm-10 {
    margin-bottom: 0
}

.tx-femanager .femanager_participation2 .col-sm-10, .tx-femanager .femanager_participation3 .col-sm-10, .tx-femanager .femanager_terms .col-sm-10 {
    margin-left: 30%
}

.tx-femanager .femanager_image .col-sm-10 div {
    padding-bottom: 10px
}

.tx-femanager .femanager_image .col-sm-10 div img {
    max-width: 250px
}

.tx-femanager .femanager_image .btn-danger {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: .5em .7em;
    line-height: 100%;
    cursor: pointer;
    width: auto;
    overflow: visible;
    text-decoration: none;
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-weight: normal;
    border: none;
    color: #fff !important;
    background-color: #71180C;
    border: 1px solid #71180C;
    border-radius: 4px
}

.tx-femanager .femanager_image .btn-danger a {
    color: #fff !important
}

.tx-femanager .femanager_image .btn-danger a:hover {
    color: #fff !important
}

.tx-femanager .controls .btn-warning {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: .5em .7em;
    line-height: 100%;
    cursor: pointer;
    width: auto;
    overflow: visible;
    text-decoration: none;
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-weight: normal;
    border: none;
    color: #fff !important;
    background-color: #71180C;
    border: 1px solid #71180C;
    border-radius: 4px
}

.tx-femanager .controls .btn-warning a {
    color: #fff !important
}

.tx-femanager .controls .btn-warning a:hover {
    color: #fff !important
}

.tx-femanager .alert {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    transform: translateY(-70%);
    text-align: right;
    clear: both;
    padding: .25em .5em;
    margin-bottom: .75em;
    color: #fff !important;
    background-color: #71180c
}

.tx-femanager .alert:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 101%;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #71180c;
    border-width: 10px;
    margin-bottom: -20px;
    margin-left: -10px;
    z-index: 10
}

.tx-femanager .alert:after {
    bottom: 0;
    left: auto;
    right: 2em
}

.tx-femanager .alert h4 {
    display: none
}

.tx-femanager .alert button {
    display: none
}

.tx-femanager input[type="file"] + .alert, .tx-femanager .checkboxwrap .alert, .tx-femanager .radiowrap .alert {
    float: none;
    text-align: left;
    margin-top: .25em
}

.tx-femanager input[type="file"] + .alert:after, .tx-femanager .checkboxwrap .alert:after, .tx-femanager .radiowrap .alert:after {
    left: 2em;
    right: auto
}

.tx-femanager .femanager_status {
    margin-bottom: 40px
}

.tx-femanager .femanager_list .femanager_list_searchform {
    margin-bottom: 20px
}

.tx-femanager .femanager_list .femanager_list_searchform:before, .tx-femanager .femanager_list .femanager_list_searchform:after {
    content: "";
    display: table
}

.tx-femanager .femanager_list .femanager_list_searchform:after {
    clear: both
}

.tx-femanager .femanager_list .femanager_list_searchform #searchword {
    appearance: none;
    border: 1px solid #c8c8c8;
    padding: 10px 2em 10px 10px;
    width: calc(20% * 2 - 20px)
}

.tx-femanager .femanager_list .femanager_list_searchform #searchword.active {
    border: 1px solid #3BCEFF
}

.tx-femanager .femanager_list .femanager_list_searchform #searchbutton {
    display: inline-block;
    vertical-align: top;
    float: none;
    text-indent: -999px;
    width: 2.5em;
    height: 2.5em;
    background-image: url("/typo3conf/ext/frey304_template/Resources/Public/Images/lupe.svg");
    background-size: 1em;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10px;
    color: #c8c8c8;
    transform: translateX(-100%);
    background-color: #E3000F;
    border-radius: 0;
    border: none
}

.tx-femanager .femanager_list .media-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.tx-femanager .femanager_list .media-list .media.list-group-item {
    width: calc(20% - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #f2f2f2
}

.tx-femanager .femanager_list .media-list .media.list-group-item:before {
    display: none;
    content: ''
}

.tx-femanager .femanager_list .media-list .media.list-group-item .media-image {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 100%;
    background-image: url("/typo3conf/ext/frey304_template/Resources/Public/Images/avatar.svg");
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #c8c8c8;
    position: relative
}

.tx-femanager .femanager_list .media-list .media.list-group-item .media-image img {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #c8c8c8
}

.tx-femanager .femanager_list .media-list .media.list-group-item .media-body {
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.tx-femanager .femanager_list .media-list .media.list-group-item .media-body .media-heading {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 1.5rem;
    line-height: 1.15;
    margin-top: 0;
    font-weight: normal;
    color: #000;
    text-transform: none;
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight: bold
}

.tx-femanager .femanager_list .media-list .media.list-group-item .media-body a {
    color: #3BCEFF !important
}

.tx-femanager .femanager_list .media-list .media.list-group-item .media-body *:last-child {
    margin-bottom: 0
}

.tx-femanager .femanager_show .image {
    width: 50%;
    max-width: 400px;
    float: right
}

.tx-femanager .femanager_show #backbutton .schaltflaeche {
    color: #fff !important
}

@media only screen and (max-width: 850px) {
    .tx-femanager .femanager_list .femanager_list_searchform #searchword {
        width: calc(25% * 2 - 20px)
    }

    .tx-femanager .femanager_list .media-list .media.list-group-item {
        width: calc(25% - 20px)
    }
}

@media only screen and (max-width: 770px) {
    .tx-femanager {
        font-size: 85%
    }
}

@media only screen and (max-width: 580px) {
    .tx-femanager .femanager_list .femanager_list_searchform #searchword {
        width: calc(33% * 2 - 20px)
    }

    .tx-femanager .femanager_list .media-list .media.list-group-item {
        width: calc(33% - 20px)
    }
}

@media only screen and (max-width: 440px) {
    .tx-femanager label {
        width: 100%;
        float: none;
        clear: both;
        height: auto
    }

    .tx-femanager .alert {
        transform: translateY(0)
    }

    .tx-femanager .col-sm-10 {
        width: 100%;
        margin-left: 0
    }

    .tx-femanager .femanager_participation2 .col-sm-10, .tx-femanager .femanager_participation3 .col-sm-10, .tx-femanager .femanager_terms .col-sm-10 {
        margin-left: 0
    }

    .tx-femanager .femanager_list .femanager_list_searchform #searchword {
        width: calc(100% - 20px)
    }

    .tx-femanager .femanager_list .femanager_list_searchform #searchbutton {
        position: absolute;
        left: auto;
        right: 20px;
        transform: translateY(0)
    }

    .tx-femanager .femanager_list .media-list .media.list-group-item {
        width: calc(50% - 20px)
    }

    .tx-femanager .femanager_show .image {
        width: 100%;
        max-width: 250px;
        float: none;
        margin: 0 auto 20px auto
    }
}

#checkout-step-payment-method label:before, #checkout-step-shipping-method label:before, #checkout-step-payment-method label:after, #checkout-step-shipping-method label:after {
    pointer-events: none
}

#checkout-step-payment-method label, #checkout-step-shipping-method label {
    padding-left: 0
}

#checkout-step-payment-method label a, #checkout-step-shipping-method label a, #checkout-step-payment-method label span, #checkout-step-shipping-method label span {
    display: inline-block;
    padding-left: 1.95em
}

#checkout-step-payment-method .method-item-info, #checkout-step-shipping-method .method-item-info {
    padding-left: 1.95em
}

#not_found {
    display: block;
    width: 100%
}

#not_found.hidden {
    display: none
}

.product.hidden {
    display: none
}

.shipping-same-as-billing-wrapper [type="checkbox"]:checked + label:after {
    opacity: 0;
    transform: scale(0) translateY(-50%)
}

.shipping-same-as-billing-wrapper [type="checkbox"]:not(:checked) + label:after {
    opacity: 1;
    transform: scale(1) translateY(-50%)
}

.shipping-same-as-billing-wrapper [type="checkbox"] + label {
    width: auto !important;
    margin-top: 0 !important
}

.shipping-same-as-billing-wrapper {
    margin-top: 0 !important
}

#checkout-step-billing-address {
    margin-bottom: 1em !important
}

html body {
    color: #545871
}

div[role="main"] {
    padding-bottom: 72px
}

#ajax-content.loading {
    background: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/loader-light.gif') no-repeat center center;
    min-height: 100px
}

p span.large, h1 span.large, h2 span.large, h3 span.large, h4 span.large, h5 span.large, h6 span.large {
    font-size: 200%
}

span.small {
    font-size: 80%
}

.sticky {
    position: sticky;
    top: 0
}

.sticky:before, .sticky:after {
    content: "";
    display: table
}

.sticky:after {
    clear: both
}

.blockparent {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.blockparent.centered {
    align-items: center;
    justify-content: center
}

.blockparent.nowrap {
    flex-wrap: nowrap
}

@media only screen and (max-width: 520px) {
    .blockparent {
        display: block
    }
}

.blockitem, .blockwrap {
    padding: 40px;
    position: relative
}

.blockitem.floated, .blockwrap.floated {
    vertical-align: top
}

.blockitem.white, .blockwrap.white {
    background-color: #fff
}

.blockitem.white .inline_box, .blockwrap.white .inline_box {
    background-color: #f2f2f2
}

.blockitem.white .inline_box *, .blockwrap.white .inline_box * {
    color: #000
}

.blockitem.lightgrey, .blockwrap.lightgrey {
    background-color: #f2f2f2
}

.blockitem.lightgrey .inline_box, .blockwrap.lightgrey .inline_box {
    background-color: #c8c8c8
}

.blockitem.lightgrey .inline_box *, .blockwrap.lightgrey .inline_box * {
    color: #fff
}

.blockitem.darkgrey, .blockwrap.darkgrey {
    background-color: #c8c8c8
}

.blockitem.darkgrey *, .blockwrap.darkgrey * {
    color: #fff
}

.blockitem.darkgrey .inline_box, .blockwrap.darkgrey .inline_box {
    background-color: #fff
}

.blockitem.darkgrey .inline_box *, .blockwrap.darkgrey .inline_box * {
    color: #000
}

.blockitem.imgbg, .blockwrap.imgbg {
    padding: 0 !important
}

.blockitem.imgbg .replacedImage, .blockwrap.imgbg .replacedImage {
    background-size: cover !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.blockitem.imgbg .imgbg-text, .blockwrap.imgbg .imgbg-text {
    text-align: right;
    position: absolute;
    padding: 0 50px 30px 50px;
    right: 0;
    bottom: 0
}

.blockitem.imgbg .imgbg-text > *:not(br), .blockwrap.imgbg .imgbg-text > *:not(br) {
    box-decoration-break: clone;
    display: inline;
    line-height: 1.5 !important;
    padding: 9px 0px !important;
    margin: 0px !important;
    color: #000;
    background: #fff;
    box-shadow: #fff 30px 0 0, #fff -30px 0 0, #fff 5px 0 0, #fff -5px 0 0, #fff 3px 0 0, #fff -3px 0 0, #fff 1px 0 0, #fff -1px 0 0
}

.blockitem.imgbg .imgbg-text > *:not(br):after, .blockwrap.imgbg .imgbg-text > *:not(br):after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    font-size: 0
}

@media only screen and (max-width: 1030px) {
    .blockitem.imgbg .imgbg-text > *:not(br), .blockwrap.imgbg .imgbg-text > *:not(br) {
        box-shadow: #fff 15px 0 0, #fff -15px 0 0, #fff 5px 0 0, #fff -5px 0 0, #fff 3px 0 0, #fff -3px 0 0, #fff 1px 0 0, #fff -1px 0 0
    }
}

.blockitem.imgbg .imgbg-text h1:after, .blockwrap.imgbg .imgbg-text h1:after {
    margin-bottom: -21px
}

.blockitem.imgbg .imgbg-text h2:after, .blockwrap.imgbg .imgbg-text h2:after {
    margin-bottom: -15px
}

.blockitem.imgbg .imgbg-text h3:after, .blockwrap.imgbg .imgbg-text h3:after {
    margin-bottom: -9px
}

.blockitem.imgbg .imgbg-text h4:after, .blockwrap.imgbg .imgbg-text h4:after {
    margin-bottom: -4.5px
}

.blockitem.imgbg .imgbg-text h5:after, .blockwrap.imgbg .imgbg-text h5:after, .blockitem.imgbg .imgbg-text h6:after, .blockwrap.imgbg .imgbg-text h6:after {
    margin-bottom: -1.5px
}

.blockitem.imgbg.align-top .replacedImage, .blockwrap.imgbg.align-top .replacedImage {
    background-position: top 15% center !important
}

.blockitem.imgbg.align-bottom .replacedImage, .blockwrap.imgbg.align-bottom .replacedImage {
    background-position: bottom 15% center !important
}

.blockitem.col-100, .blockwrap.col-100 {
    width: 100%
}

.blockitem.col-66, .blockwrap.col-66 {
    width: 66.66%
}

.blockitem.col-50, .blockwrap.col-50 {
    width: 50%
}

.blockitem.col-33, .blockwrap.col-33 {
    width: 33.33%
}

.blockitem.col-25, .blockwrap.col-25 {
    width: 25%
}

.blockitem *:last-child, .blockwrap *:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 770px) {
    .blockitem.col-66.scaledown, .blockwrap.col-66.scaledown {
        width: 50%
    }

    .blockitem.col-66.scaleup, .blockwrap.col-66.scaleup {
        width: 100%
    }

    .blockitem.col-33.scaleup, .blockwrap.col-33.scaleup {
        width: 50%
    }

    .blockitem.col-33.scaledown, .blockwrap.col-33.scaledown {
        display: none
    }

    .blockitem.col-25.scaleup, .blockwrap.col-25.scaleup {
        width: 50%
    }

    .blockitem.col-25.scaledown, .blockwrap.col-25.scaledown {
        display: none
    }
}

@media only screen and (max-width: 520px) {
    .blockitem, .blockwrap {
        padding: 20px
    }

    .blockitem.imgbg, .blockwrap.imgbg {
        height: 150px
    }

    .blockitem.imgbg .imgbg-text *, .blockwrap.imgbg .imgbg-text * {
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 1.5rem;
        line-height: 1.15;
        margin-top: 0;
        font-weight: normal;
        font-family: 'Source Sans Pro', Arial, sans-serif;
        color: #000;
        text-transform: none
    }

    .blockitem.col-66.scaledown, .blockwrap.col-66.scaledown, .blockitem.col-66, .blockwrap.col-66, .blockitem.col-50, .blockwrap.col-50, .blockitem.col-33.scaleup, .blockwrap.col-33.scaleup, .blockitem.col-33, .blockwrap.col-33 {
        width: 100%
    }

    .blockitem.col-25.scaleup, .blockwrap.col-25.scaleup, .blockitem.col-25, .blockwrap.col-25 {
        width: 50%
    }
}

.blockwrap {
    padding: 0 !important;
    background-color: transparent !important
}

.fullscreen {
    width: 100vw;
    height: 100vh
}

.maincolor {
    background-color: #3BCEFF
}

.neutral-light {
    background-color: #f2f2f2
}

.neutral-dark {
    background-color: #c8c8c8
}

.schaltflaeche {
    background-color: #000
}

.schaltflaeche-download {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: .5em .7em;
    line-height: 100%;
    cursor: pointer;
    width: auto;
    overflow: visible;
    text-decoration: none;
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-weight: normal;
    border: none;
    color: #fff !important;
    background-color: #3BCEFF;
    background-color: #000;
    padding-left: 2.5em;
    background-image: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/download-white.svg');
    background-repeat: no-repeat;
    background-position: left .3em center;
    background-size: 1.6em
}

.schaltflaeche-download a {
    color: #fff !important
}

.schaltflaeche-download a:hover {
    color: #fff !important
}

hr.clearer {
    visibility: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both
}

hr.spacer {
    visibility: hidden;
    height: 1em;
    padding: 0;
    width: 100%;
    clear: both;
    background-color: transparent
}

.logo {
    width: 13%;
    padding: 3em;
    position: absolute
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

textarea {
    border: 1px solid #c8c8c8;
    padding: 8px;
    box-shadow: none
}

#start {
    width: 100%;
    position: relative;
    z-index: 9;
    min-height: 100vh
}

.video-slider li {
    list-style: none
}

.video-slider li .frame-layout-0 {
    margin-top: 0em;
    margin-bottom: 0em !important;
    position: absolute;
    height: 100%;
    width: 100%
}

.video-slider li .frame-layout-0 video {
    height: 100%;
    min-width: 100%;
    width: auto;
    object-fit: cover
}

.video-slider li .frame-layout-0 .ce-bodytext {
    min-height: 100vh;
    width: 100%;
    max-width: 1140px;
    position: relative;
    margin: auto auto;
    padding-left: 20px;
    padding-right: 20px
}

.video-slider li .frame-layout-0 .ce-bodytext h1 {
    font-size: 100px;
    color: white;
    font-weight: bold;
    position: absolute;
    bottom: 2em
}

.overlay_slider {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: .6;
    z-index: 1
}

.down {
    position: absolute;
    bottom: 40px;
    left: 52.5%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    animation: jump 2s ease 0s infinite normal;
    z-index: 9
}

.down.scrolled {
    opacity: 0
}

@keyframes jump {
    0% {
        transform: translateY(0)
    }
    20% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    50% {
        transform: translateY(0)
    }
    60% {
        transform: translateY(-15px)
    }
    80% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(0)
    }
}

#main {
    position: relative
}

#head {
    position: absolute
}

body.scroll {
    overflow: hidden !important
}

#main-nav .dropdown {
    padding: 3em
}

#main-nav .dropdown .nav-mobile {
    float: right;
    z-index: 999;
    position: relative
}

#main-nav .dropdown .nav-mobile .hamburger {
    width: 50px;
    height: 44px;
    background-color: transparent
}

#main-nav .dropdown .nav-mobile .hamburger span {
    top: 23px;
    height: 3px
}

#main-nav .dropdown .nav-mobile .hamburger span:before, #main-nav .dropdown .nav-mobile .hamburger span:after {
    height: 3px
}

#main-nav .dropdown .nav-mobile .hamburger span:before {
    top: -10px
}

#main-nav .dropdown .nav-mobile .hamburger span:after {
    bottom: -10px
}

#main-nav .dropdown .nav-mobile .hamburger.is-active {
    position: fixed;
    right: 48px
}

#main-nav .dropdown .nav-mobile .hamburger.is-active span:before, #main-nav .dropdown .nav-mobile .hamburger.is-active span:after {
    top: 0px;
    bottom: 0px
}

#main-nav .dropdown #navi-gross {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 1s, opacity 1s linear;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: fixed
}

#main-nav .dropdown #navi-gross.show {
    transition: opacity .5s ease-in-out;
    visibility: visible;
    display: block;
    opacity: 1 !important;
    background-color: rgba(0, 0, 0, 0.7)
}

#main-nav .dropdown #navi-gross .nav-back {
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7)
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav {
    position: relative;
    top: 15%;
    padding-left: 60%;
    overflow-y: auto;
    overflow-x: hidden;
    font-weight: bold
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li {
    list-style: none
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li:nth-child(4) a {
    pointer-events: none
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li:nth-child(4) ul li a {
    pointer-events: auto
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li:nth-child(6) a {
    pointer-events: none
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li:nth-child(6) ul li a {
    pointer-events: auto
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li:nth-child(1) a {
    pointer-events: none
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li:nth-child(1) ul li a {
    pointer-events: auto
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li a {
    color: white;
    font-size: 40px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    bottom: 0
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li a:after {
    background: none repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #3BCEFF;
    transition: width .3s ease 0s, left .3s ease 0s;
    width: 0
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li a:hover:after {
    width: 100%;
    left: 0
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li a:hover {
    color: #3BCEFF
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li ul {
    display: none
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li ul li a {
    font-size: 35px
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li ul li a:after {
    content: "";
    display: none
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li ul li a:hover:after {
    display: none
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li.parent a:after {
    background: none repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #3BCEFF;
    transition: width .3s ease 0s, left .3s ease 0s;
    width: 0
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li.parent a:hover:after, #main-nav .dropdown #navi-gross .nav-back .abstand-nav li.parent a:active:after {
    width: 100%;
    left: 0;
    display: block
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li.parent:hover ul {
    display: block
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li.parent:hover ul a:hover:after {
    display: none
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li.parent.unterstrichen a:after {
    background: none repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 2px;
    left: 0%;
    position: absolute;
    background: #3BCEFF;
    transition: width .3s ease 0s, left .3s ease 0s;
    width: 100%
}

#main-nav .dropdown #navi-gross .nav-back .abstand-nav li.parent.unterstrichen ul a:after {
    width: 0%
}

#ontop-button {
    background-color: #3BCEFF;
    border: 1px solid white;
    border-bottom: none;
    color: #fff;
    width: 40px;
    height: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: fixed;
    bottom: 0;
    right: 10%;
    z-index: 500;
    cursor: pointer;
    transform: translateY(0);
    transition-duration: .3s;
    transition-property: transform;
    opacity: 0;
    transition: .5s
}

#ontop-button i {
    color: white;
    padding-left: .67em
}

#ontop-button.visible {
    transform: translateY(0)
}

.abstand {
    padding: 0 4%
}

.nachhaltigkeit h1 {
    font-size: 55px;
    color: #545871
}

.container .blau-gross {
    font-size: 50px;
    color: #3BCEFF;
    text-align: right
}

.container .bild-rohr {
    margin-top: -7em
}

.container .bild-rohr .ce-gallery {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    text-align: center;
    right: 0
}

.hintergrund {
    background-image: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/stein_textur.jpg')
}

.hintergrund-gradient {
    display: none;
    margin-bottom: 2em;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #dedede 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #dedede 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #dedede 100%);
    -webkit-box-shadow: 0 9px 14px -7px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0 9px 14px -7px rgba(0, 0, 0, 0.65);
    box-shadow: 0 9px 14px -7px rgba(0, 0, 0, 0.65)
}

.reset-button {
    position: relative;
    z-index: 999
}

.reset-button .rechtsreset {
    position: fixed;
    left: 5em;
    bottom: 6em;
    font-weight: bold;
    color: #3BCEFF
}

.reset-button .rechtsreset:before {
    position: fixed;
    cursor: pointer;
    left: 1em;
    content: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/repeat.svg');
    width: 3em;
    background-color: #3BCEFF;
    padding: 10px;
    padding-bottom: 5px
}

.hintergrund-liste {
    z-index: 9;
    background-color: white;
    border-top: 1px solid #3BCEFF;
    padding-top: 15px;
    width: 100%;
    position: fixed;
    bottom: 4em;
    visibility: visible;
    transform: translateY(0) translateX(0);
    transition: .5s ease-in-out
}

.hintergrund-liste.closed {
    bottom: 0;
    transform: translateY(100%) translateX(0);
    visibility: hidden;
    transition: .5s ease-in-out
}

.hintergrund-liste .container {
    padding-left: 40px
}

.invisible {
    position: relative
}

.close {
    position: fixed;
    cursor: pointer;
    right: 1em;
    content: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/down.svg');
    width: 3em;
    background-color: #3BCEFF;
    padding: 10px;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transition-duration: .3s;
    transition: .5s ease-in-out
}

.close#drehen {
    content: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/up.svg')
}

.close#drehen2 {
    content: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/down.svg')
}

.close.in-liste {
    top: 1em;
    z-index: 9
}

.close.aus-liste {
    bottom: 8em !important;
    z-index: 7
}

.close.closed-liste {
    bottom: 7em;
    transition-duration: .3s;
    transform: translateY(100%) translateX(0);
    -webkit-transform: translateY(100%) translateY(0%);
    -moz-transform: translateY(100%) translateY(0%);
    -o-transform: translateY(100%) translateY(0%);
    -ms-transform: translateY(100%) translateY(0%);
    transition: .5s ease-in-out
}

.abstand_bottom {
    bottom: 4em;
    transition: .5s
}

.background-white {
    background-color: white
}

.produktfinder {
    display: flex;
    margin-top: -19em
}

.produktfinder .weiter-button {
    width: 10%;
    text-align: center;
    margin: auto;
    font-size: 0
}

.produktfinder .weiter-button a {
    transition: .3s !important
}

.produktfinder .weiter-button a:after {
    transition: .3s !important;
    display: inline-block;
    width: 100%;
    content: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/weiter-button.svg');
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.produktfinder .ce-bodytext h2 {
    text-align: center;
    border-bottom: 1px solid #3BCEFF;
    padding-bottom: 2em;
    margin-bottom: 1em;
    text-transform: uppercase
}

.produktfinder .ce-bodytext h2 a {
    color: #545871
}

.produktfinder .frame:hover .ce-bodytext h2 a {
    color: #3BCEFF;
    transition: .3s !important
}

.produktfinder .frame:hover .weiter-button a {
    transition: .3s !important
}

.produktfinder .frame:hover .weiter-button a:after {
    content: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/weiter-button2.svg');
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .3s !important;
    -webkit-transition: .3s !important;
    -moz-transition: .3s !important;
    -o-transition: .3s !important;
    -ms-transition: .3s !important
}

.produktfinder .weiter-button a {
    transition: .3s !important;
    -webkit-transition: .3s !important;
    -moz-transition: .3s !important;
    -o-transition: .3s !important;
    -ms-transition: .3s !important
}

.clear {
    clear: both
}

#slider_oben {
    margin-bottom: 0em;
    z-index: 0;
    position: relative
}

#slider_oben .bx-viewport {
    height: 30em !important;
    display: block !important
}

#slider_oben .bx-viewport ul, #slider_oben .bx-viewport li, #slider_oben .bx-viewport div, #slider_oben .bx-viewport figure {
    height: 100%;
    width: 100%
}

#slider_oben .bx-viewport .replacedImage {
    background-size: cover !important;
    display: inherit
}

#slider_oben .bx-viewport .ce-bodytext {
    position: absolute;
    bottom: 8.5em;
    left: 6em;
    height: auto;
    width: auto
}

#slider_oben .bx-viewport .ce-bodytext h1 {
    padding: 0px;
    color: white;
    text-transform: uppercase;
    font-size: 50px
}

#slider_oben .bx-viewport .ce-bodytext h2 {
    color: white
}

#slider_oben .bx-wrapper .bx-controls {
    display: none
}

.geschichte {
    width: 100%;
    height: 100%
}

.geschichte .frame-type-textpic {
    width: 100%;
    height: 100%
}

.geschichte .frame-type-textpic .ce-textpic {
    width: 100%;
    height: 100%
}

.geschichte .frame-type-textpic .ce-textpic .ce-row {
    width: 100%;
    height: 100%
}

.geschichte .frame-type-textpic .ce-textpic .ce-row .ce-column {
    width: 100%;
    height: 100%
}

.geschichte .frame-type-textpic .ce-textpic .ce-row .ce-column .image {
    width: 100%;
    height: 100%
}

.geschichte .frame-type-textpic .ce-textpic .ce-row .ce-column .image .replacedImage {
    background-size: cover !important
}

.geschichte .frame-layout-0:nth-child(odd) .ce-textpic .ce-gallery {
    order: 1
}

.geschichte .ce-textpic {
    display: flex
}

.geschichte .ce-textpic .ce-gallery {
    width: 50% !important;
    padding-right: 0px !important;
    padding-left: 0px !important
}

.geschichte .ce-textpic .ce-gallery figure {
    display: block
}

.geschichte .ce-textpic .ce-gallery .ce-row {
    margin-bottom: 0
}

.geschichte .ce-textpic .ce-bodytext {
    width: 50% !important;
    padding: .5em 2em 2em
}

.geschichte .ce-textpic .ce-bodytext h1 {
    color: #545871;
    font-size: 55px
}

.geschichte p {
    clear: both
}

.parallax-wrap {
    position: relative;
    height: 50vh;
    overflow: hidden
}

@media only screen and (max-width: 1030px) {
    .parallax-wrap {
        height: 250px
    }
}

@media only screen and (max-width: 770px) {
    .parallax-wrap {
        height: 200px
    }
}

@media only screen and (max-width: 320px) {
    .parallax-wrap {
        height: 170px
    }
}

.parallax-wrap .background-image {
    position: absolute;
    top: 0%;
    width: 100%;
    padding-bottom: 56%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media only screen and (max-width: 1680px) {
    .parallax-wrap .background-image {
        top: -15%
    }
}

@media only screen and (max-width: 1300px) {
    .parallax-wrap .background-image {
        top: 0
    }
}

.parallax-wrap .background-image.parallax-disabeled {
    top: -30%;
    bottom: auto
}

.parallax-wrap .overlay-text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: table
}

.parallax-wrap .overlay-text > * {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    text-align: center
}

.parallax-wrap .overlay-text h1 {
    font-size: 65.76px;
    font-size: 4.11rem;
    line-height: 1.15;
    margin-top: 0
}

@media only screen and (max-width: 770px) {
    .parallax-wrap .overlay-text h1 {
        font-size: 46.18px;
        font-size: 2.88625rem;
        line-height: 1.15;
        margin-top: 0
    }
}

@media only screen and (max-width: 770px) {
    .parallax-wrap .overlay-text h1 {
        font-size: 36.49px;
        font-size: 2.280625rem;
        line-height: 1.15;
        margin-top: 0
    }
}

@media only screen and (max-width: 320px) {
    .parallax-wrap .overlay-text h1 {
        font-size: 28.83px;
        font-size: 1.801875rem;
        line-height: 1.15;
        margin-top: 0
    }
}

.parallax-wrap .overlay-text h2 {
    font-size: 46.18px;
    font-size: 2.88625rem;
    line-height: 1.15;
    margin-top: 0
}

@media only screen and (max-width: 770px) {
    .parallax-wrap .overlay-text h2 {
        font-size: 36.49px;
        font-size: 2.280625rem;
        line-height: 1.15;
        margin-top: 0
    }
}

@media only screen and (max-width: 770px) {
    .parallax-wrap .overlay-text h2 {
        font-size: 32.43px;
        font-size: 2.026875rem;
        line-height: 1.15;
        margin-top: 0
    }
}

@media only screen and (max-width: 320px) {
    .parallax-wrap .overlay-text h2 {
        font-size: 25.63px;
        font-size: 1.601875rem;
        line-height: 1.15;
        margin-top: 0
    }
}

.parallax-wrap .overlay-text img {
    width: auto;
    margin: auto;
    padding-left: 1em;
    padding-right: 1em
}

.parallax-wrap .overlay-text .schaltflaeche {
    color: #fff !important;
    border: 2px solid #fff
}

.parallax-wrap + .overlay-icon {
    width: 120px;
    height: 120px;
    margin-top: -120px;
    margin-left: -60px;
    left: 50%;
    position: absolute
}

@media only screen and (max-width: 770px) {
    .parallax-wrap + .overlay-icon {
        width: 90px;
        height: 90px;
        margin-top: -105px;
        margin-left: -45px
    }
}

#cart_filter-menu {
    margin-top: 2em;
    margin-bottom: 2em
}

#cart_filter-menu .filter-ce {
    width: 30%;
    float: left;
    padding-right: 2%
}

#cart_filter-menu .filter-ce a {
    color: #545871
}

#cart_filter-menu .filter-ce .frame {
    padding: 20px;
    background-color: white;
    -webkit-box-shadow: 10px 10px 28px -13px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 10px 10px 28px -13px rgba(0, 0, 0, 0.65);
    box-shadow: 10px 10px 28px -13px rgba(0, 0, 0, 0.65)
}

#cart_filter-menu .filter-ce .frame:before {
    content: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/flame2.png')
}

#cart_filter-menu.handel {
    display: flex;
    flex-wrap: wrap
}

#cart_filter-menu.handel .filter-ce {
    width: 33%;
    display: flex;
    text-align: center
}

#cart_filter-menu.handel .filter-ce:nth-child(4) .frame, #cart_filter-menu.handel .filter-ce:nth-child(5) .frame, #cart_filter-menu.handel .filter-ce:nth-child(6) .frame {
    margin-top: 0 !important
}

#cart_filter-menu.handel .filter-ce:nth-child(4) .frame:before, #cart_filter-menu.handel .filter-ce:nth-child(5) .frame:before, #cart_filter-menu.handel .filter-ce:nth-child(6) .frame:before {
    display: none;
    content: ''
}

#cart_filter-menu.handel .filter-ce a {
    display: flex
}

#cart_filter-menu.handel .filter-ce .frame {
    margin-top: -5em
}

#cart_filter-menu.handel .filter-ce .frame:before {
    margin-top: -11em;
    display: inline-block
}

#cart_filter-menu.handel .filter-ce .frame h2 {
    color: #545871;
    border-bottom: 1px solid #3BCEFF;
    text-align: left;
    padding-bottom: 1em
}

#cart_filter-menu.handel .filter-ce .frame .ce-bodytext {
    margin-bottom: 4em
}

#cart_filter-menu.handel .filter-ce .frame .ce-bodytext p {
    text-align: left
}

#cart_filter-menu.handel .filter-ce .frame .ce-bodytext:after {
    transition-duration: .3s;
    display: inline-block;
    width: 10%;
    content: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/weiter-button.svg');
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    bottom: 20px;
    font-size: 0
}

#cart_filter-menu.handel .filter-ce .frame:hover h2 {
    color: #3BCEFF
}

#cart_filter-menu.handel .filter-ce .frame:hover .ce-bodytext:after {
    content: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/weiter-button2.svg');
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 10%;
    text-align: center;
    margin: auto;
    font-size: 0
}

.rechts {
    position: fixed;
    right: 5em;
    bottom: 5.2em;
    font-weight: bold;
    color: #3BCEFF
}

#filter_produktart, #filter_heiztechnik, #filter_luftversorgung, #filter_passivhaus, #filter_schornsteinart {
    padding-bottom: 1em;
    padding-top: 1em
}

#filter_produktart .row_headline, #filter_heiztechnik .row_headline, #filter_luftversorgung .row_headline, #filter_passivhaus .row_headline, #filter_schornsteinart .row_headline {
    font-weight: bold;
    text-transform: uppercase
}

#filter_produktart .rahmen, #filter_heiztechnik .rahmen, #filter_luftversorgung .rahmen, #filter_passivhaus .rahmen, #filter_schornsteinart .rahmen {
    border-top: 2px solid #3BCEFF;
    border-left: 5px solid #3BCEFF;
    padding-left: 1%
}

[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
    float: left;
    width: 23%;
    background-color: white;
    margin-right: 2%;
    padding-top: .5%;
    padding-bottom: .5%;
    -webkit-box-shadow: 40px 39px 28px -37px #000;
    -moz-box-shadow: 40px 39px 28px -37px #000;
    box-shadow: 40px 39px 28px -37px #000;
    margin-top: .5em
}

[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
    left: 2%
}

#cart_filter-menu .filter-ce {
    cursor: pointer
}

#cart_filter-content .tx-cart-products .tx-cart-products-grid {
    display: flex;
    flex-wrap: wrap
}

#cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem {
    width: 23%;
    margin-right: 2%
}

#cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem .product-info {
    cursor: pointer
}

#cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem .product-info h3 {
    color: #3BCEFF;
    padding-top: 15px;
    border-bottom: 1px solid #3BCEFF
}

#cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem .product-details {
    display: none
}

#cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem.active {
    width: 100%
}

#cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem.active .product-info {
    width: 25%;
    cursor: default
}

#cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem.active .product-details {
    width: 100%
}

#cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem.active .product-details .ce-bodytext header {
    margin-bottom: 15px
}

#cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem.active .product-details .ce-bodytext header h2 {
    color: #3BCEFF;
    border-bottom: 1px solid #3BCEFF
}

#cart_mainlist {
    display: none;
    margin-top: 3em
}

#cart_mainlist .frame.frame-type-list {
    margin-bottom: 0 !important;
    display: flex
}

#cart_mainlist .frame.frame-type-list .ce-gallery {
    width: 20%;
    margin-right: 20px;
    float: left;
    padding-right: 2%
}

#cart_mainlist .frame.frame-type-list .tx-cart-products {
    width: 80%;
    float: left;
    border-left: 5px solid #3BCEFF;
    margin-bottom: 2em
}

#cart_mainlist .frame.frame-type-list .tx-cart-products h3, #cart_mainlist .frame.frame-type-list .tx-cart-products .tableheader, #cart_mainlist .frame.frame-type-list .tx-cart-products .product-info, #cart_mainlist .frame.frame-type-list .tx-cart-products .product-details {
    padding-left: 15px
}

#cart_mainlist .frame.frame-type-list .tx-cart-products h3 {
    color: #3BCEFF;
    border-bottom: 2px solid #3BCEFF
}

#cart_mainlist .frame.frame-type-list .tx-cart-products .tableheader {
    color: #3BCEFF
}

#cart_mainlist .frame.frame-type-list .tx-cart-products .product-details {
    background-color: white;
    padding-top: 1em;
    padding-right: 15px
}

#cart_mainlist .frame.frame-type-list .tx-cart-products .product-details .related-products {
    background-color: white;
    border-top: 1px solid #545871;
    margin-top: 1em
}

#cart_mainlist .frame.frame-type-list .tx-cart-products .product-details .related-products li {
    margin-top: 4em
}

#cart_mainlist .frame.frame-type-list .tx-cart-products .product-details .minus, #cart_mainlist .frame.frame-type-list .tx-cart-products .product-details .plus {
    width: 40px;
    height: 30px;
    background: #B5B5B5;
    padding: 2px;
    border: 1px solid #B5B5B5;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: bold
}

#cart_mainlist .frame.frame-type-list .tx-cart-products .product-details .minus {
    margin-right: 10px
}

#cart_mainlist .frame.frame-type-list .tx-cart-products .product-details .plus {
    margin-left: 10px
}

#cart_mainlist .frame.frame-type-list .tx-cart-products .product-details .form-control.count {
    height: 30px;
    width: 40px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #39363a;
    color: #39363a;
    display: inline-block;
    vertical-align: middle
}

#cart_mainlist .frame.frame-type-list .tx-cart-products .product-details .warenkorb-button {
    margin-top: 1em
}

#cart_mainlist .frame.frame-type-list .tx-cart-products .product-details .warenkorb-button .btn {
    background-color: black;
    border: 1px solid black;
    color: white;
    padding: 10px;
    margin-top: 1em
}

#cart_mainlist .frame.frame-type-list .tx-cart-products .tableitem {
    border-bottom: 1px solid #545871;
    padding-top: 5px;
    padding-bottom: 5px
}

#cart_mainlist .frame.frame-type-list .tx-cart-products .tableitem:hover, #cart_mainlist .frame.frame-type-list .tx-cart-products .tableitem.active {
    background-color: #3BCEFF
}

@media only screen and (max-width: 770px) {
    #cart_mainlist .frame.frame-type-list {
        display: blocK
    }

    #cart_mainlist .frame.frame-type-list .ce-gallery {
        width: 150px;
        margin: 0 auto 10px auto
    }

    #cart_mainlist .frame.frame-type-list .tx-cart-products {
        width: 100%
    }
}

#cart_mainlist .tx-cart-products .tx-cart-products-table {
    margin-bottom: 20px
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableheader, #cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-info {
    display: flex;
    flex-direction: row
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableheader .scroll-columns, #cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-info .scroll-columns {
    display: flex;
    flex-direction: row;
    overflow-x: auto
}

@media only screen and (min-width: 770px) {
    #cart_mainlist .tx-cart-products .tx-cart-products-table .col-1 {
        width: 100%
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table .col-2 {
        width: 50%
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table .col-3 {
        width: 33.33%
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table .col-4 {
        width: 25%
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table .col-5 {
        width: 20%;
        padding-right: 3%
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table .col-6 {
        width: 16.66%
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table .col-7 {
        width: 14.28%
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table .col-8 {
        width: 12.5%
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table .col-9 {
        width: 11.11%
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table .col-10 {
        width: 10%
    }
}

@media only screen and (max-width: 770px) {
    #cart_mainlist .tx-cart-products .tx-cart-products-table .col-1, #cart_mainlist .tx-cart-products .tx-cart-products-table .col-2, #cart_mainlist .tx-cart-products .tx-cart-products-table .col-3, #cart_mainlist .tx-cart-products .tx-cart-products-table .col-4, #cart_mainlist .tx-cart-products .tx-cart-products-table .col-5, #cart_mainlist .tx-cart-products .tx-cart-products-table .col-6, #cart_mainlist .tx-cart-products .tx-cart-products-table .col-7, #cart_mainlist .tx-cart-products .tx-cart-products-table .col-8, #cart_mainlist .tx-cart-products .tx-cart-products-table .col-9, #cart_mainlist .tx-cart-products .tx-cart-products-table .col-10 {
        flex: 0 0 100px;
        word-break: break-all;
        padding-right: 3%
    }
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-info {
    cursor: pointer
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details {
    display: none
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .product-files {
    margin-top: 1em
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .product-files a {
    display: flex;
    align-items: center;
    vertical-align: middle
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .product-files a img {
    width: 45px;
    margin-right: 10px
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products {
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products:after {
    content: 'Zuschläge';
    width: 100%;
    position: absolute;
    padding-top: 1em;
    font-weight: bold;
    font-size: 20px
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products li {
    width: 23%;
    margin-right: 1em
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products li:before {
    display: none
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products li .verwandtes-produkt {
    border: 1px solid #dedede;
    padding: 10px;
    height: 100%
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products li .verwandtes-produkt .regular_wrap select[id^='be-variants-select-'] {
    margin-top: 2em
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products li .verwandtes-produkt .ueberschrift {
    min-height: 3em;
    max-height: 3em;
    margin-bottom: .5em
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products li .verwandtes-produkt .beschreibung-teaser {
    min-height: 9em;
    max-height: 9em;
    overflow: hidden
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products li .verwandtes-produkt .alert.alert-success {
    padding-left: 20px
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products li .verwandtes-produkt .product-files a span {
    display: none
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products .related-product-title {
    font-weight: bold;
    margin-top: 15px
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products .related-product-title p {
    font-weight: normal
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products .regular_price {
    margin-top: 15px;
    margin-bottom: 15px
}

#cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .product-price {
    clear: both;
    font-size: 20px;
    margin-top: 1em;
    font-weight: bold
}

#cart_mainlist #cart_mainlist-left-trigger, #cart_mainlist #cart_mainlist-right-trigger {
    float: left;
    width: 48%;
    margin-right: 2%;
    padding: 20px;
    background-color: white;
    -webkit-box-shadow: 10px 10px 28px -13px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 10px 10px 28px -13px rgba(0, 0, 0, 0.65);
    box-shadow: 10px 10px 28px -13px rgba(0, 0, 0, 0.65);
    margin-bottom: 3em
}

#cart_mainlist #cart_mainlist-left-trigger h2, #cart_mainlist #cart_mainlist-right-trigger h2 {
    text-align: center;
    border-bottom: 1px solid #3BCEFF;
    padding-bottom: 2em;
    margin-bottom: 1em;
    text-transform: uppercase
}

#cart_mainlist #cart_mainlist-left-trigger header, #cart_mainlist #cart_mainlist-right-trigger header {
    text-align: center
}

#cart_mainlist #cart_mainlist-left-trigger:hover h2, #cart_mainlist #cart_mainlist-right-trigger:hover h2 {
    color: #3BCEFF
}

#cart_mainlist #cart_mainlist-left-trigger.active *, #cart_mainlist #cart_mainlist-right-trigger.active * {
    color: #3BCEFF
}

#cart_mainlist #cart_mainlist-left-trigger > *, #cart_mainlist #cart_mainlist-right-trigger > * {
    display: none
}

#cart_mainlist #cart_mainlist-left-trigger .frame-type-header, #cart_mainlist #cart_mainlist-right-trigger .frame-type-header {
    cursor: pointer
}

#cart_mainlist #cart_mainlist-left, #cart_mainlist #cart_mainlist-right {
    clear: both;
    display: none
}

#cart_mainlist #cart_mainlist-left > *, #cart_mainlist #cart_mainlist-right > * {
    display: none
}

#cart_mainlist #cart_mainlist-left .tx-cart-products .tx-cart-products-table .product.tableitem .product-details .regular_wrap .regular, #cart_mainlist #cart_mainlist-right .tx-cart-products .tx-cart-products-table .product.tableitem .product-details .regular_wrap .regular {
    z-index: 9;
    position: relative
}

#cart_mainlist .hintergrund h1 {
    color: white;
    border-bottom: 1px solid white;
    margin-top: 1em;
    margin-bottom: 5em
}

#cart_mainlist .container {
    margin-top: -6em
}

#cart_sublist {
    display: none
}

#cart_sublist .tx-cart-products .tx-cart-products-grid {
    display: flex;
    flex-wrap: wrap
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem {
    width: 25%
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-info h3 {
    font-weight: bold !important;
    font-size: 16px !important;
    padding-top: 15px
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-info .product-image {
    min-height: 13.5em;
    max-height: 13.5em;
    overflow: hidden
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-info .product-teaser {
    min-height: 170px
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-details {
    width: 100%
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-details .product-files {
    margin-top: 1em
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-details .product-files a {
    display: flex;
    align-items: center;
    vertical-align: middle
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-details .product-files a img {
    width: 45px;
    margin-right: 10px
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-details .product-files a span {
    display: none !important
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-details .minus, #cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-details .plus {
    width: 40px;
    height: 30px;
    background: #B5B5B5;
    padding: 2px;
    border: 1px solid #B5B5B5;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: bold
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-details .minus {
    margin-right: 10px
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-details .plus {
    margin-left: 10px
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-details .warenkorb-button {
    margin-top: 0em
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-details .warenkorb-button .btn {
    background-color: black;
    border: 1px solid black;
    color: white;
    padding: 10px;
    margin-top: 1em
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-details .form-control.count {
    height: 30px;
    width: 40px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #39363a;
    color: #39363a;
    display: inline-block;
    vertical-align: middle
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-details .alert.alert-success {
    padding-left: 20px
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-details #product-price .regular_price {
    font-weight: bold
}

#cart_minicart #cart-preview .cart-preview-content h3 {
    border-bottom: 1px solid #3BCEFF;
    color: #545871;
    margin-bottom: .5em;
    font-weight: bold
}

#cart_minicart #cart-preview .cart-preview-content .list-content .list-item {
    display: flex;
    border-bottom: 1px solid #3BCEFF;
    padding-top: 10px;
    padding-bottom: 10px
}

#cart_minicart #cart-preview .cart-preview-content .list-content .list-item .title {
    font-weight: bold
}

#cart_minicart #cart-preview .cart-preview-content .list-content .list-item > div {
    width: 33.33%
}

#cart_minicart #cart-preview .cart-preview-content .checkout-link {
    margin-top: 2em;
    margin-bottom: 2em
}

#cart_minicart #cart-preview .cart-preview-content .checkout-link a {
    color: #3BCEFF;
    pointer-events: all;
    background-color: black;
    border: 1px solid black;
    color: white;
    padding: 10px;
    margin-top: 1em
}

#cart_minicart #cart-preview .cart-preview-content .checkout-link.active a {
    color: #3BCEFF;
    pointer-events: all;
    background-color: black;
    border: 1px solid black;
    color: white;
    padding: 10px;
    margin-top: 1em
}

#cart_minicart #cart-preview .cart-preview-content .checkout-link.inactive a {
    color: #c8c8c8;
    pointer-events: none;
    background-color: #ccc;
    border: 1px solid #ccc;
    color: white;
    padding: 10px;
    margin-top: 1em
}

.warenkorb-bestellungen .delete-link {
    position: absolute;
    height: 1.5em;
    text-indent: -9999px;
    background-image: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/muelleimer-icon-filled.svg');
    content: ' ';
    display: block;
    height: 3em;
    width: 3em;
    position: relative;
    background-size: 2.5em;
    background-position: center;
    background-repeat: no-repeat
}

.warenkorb-bestellungen .checkout-product-table {
    border: none
}

.warenkorb-bestellungen .checkout-product-table .form-control {
    background-color: #fff;
    height: 100%;
    width: 100%;
    border: 1px solid #c8c8c8
}

.warenkorb-bestellungen .checkout-product-table .total-gross {
    font-weight: bold;
    color: red
}

.warenkorb-bestellungen table {
    background-color: #fff;
    text-align: left
}

.warenkorb-bestellungen table thead {
    background-color: #ccc
}

.warenkorb-bestellungen table th {
    border: 1px solid #848383;
    padding-left: 10px;
    text-align: left
}

.warenkorb-bestellungen table th:nth-child(1) {
    width: 40%
}

.warenkorb-bestellungen table th:nth-child(2), .warenkorb-bestellungen table th:nth-child(3), .warenkorb-bestellungen table th:nth-child(4), .warenkorb-bestellungen table th:nth-child(5) {
    width: 15%
}

.warenkorb-bestellungen table thead {
    background-color: #ccc
}

.warenkorb-bestellungen table tbody tr td {
    border: 1px solid #848383
}

.warenkorb-bestellungen table tbody td {
    padding: .5em .7em;
    text-align: left
}

.warenkorb-bestellungen .btn-default {
    background-color: black;
    border: 1px solid black;
    color: white;
    padding: 10px;
    margin-top: 1em
}

.warenkorb-bestellungen .top-buffer {
    margin-bottom: .5em
}

.warenkorb-bestellungen .top-buffer .btn-danger {
    color: red !important
}

.warenkorb-bestellungen #checkout-step-billing-address {
    margin-bottom: 2em;
    background-color: white;
    border: 1px solid #848383
}

.warenkorb-bestellungen #checkout-step-billing-address .checkout-step-content fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.warenkorb-bestellungen #checkout-step-billing-address .checkout-step-title {
    border-bottom: 1px solid #848383
}

.warenkorb-bestellungen .checkout-step-title {
    color: #545871 !important
}

.warenkorb-bestellungen .checkout-step-content-list input {
    background-color: #fff;
    width: 100%;
    border: 1px solid #c8c8c8;
    padding: 8px 35px 8px 16px
}

.warenkorb-bestellungen .checkout-step-content-list [type="checkbox"]:not(:checked) + label, .warenkorb-bestellungen .checkout-step-content-list [type="checkbox"]:checked + label {
    float: none;
    width: 100%;
    background-color: transparent;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: .5%;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    margin-top: .5em;
    padding-left: 2em;
    padding-top: .5em
}

.warenkorb-bestellungen .checkout-step-content-list .tx-cart label, .warenkorb-bestellungen .checkout-step-content-list .tx-cart label em {
    display: block
}

.warenkorb-bestellungen .checkout-step-content-list .tx-cart label .form-control, .warenkorb-bestellungen .checkout-step-content-list .tx-cart label em .form-control {
    width: 100%
}

.warenkorb-bestellungen .checkout-step-content-list label {
    font-weight: bold
}

.warenkorb-bestellungen .btn-primary {
    background-color: black;
    border: 1px solid black;
    color: white;
    padding: 10px;
    margin-top: 1em;
    margin-bottom: 3em
}

.warenkorb-bestellungen #checkout-step-review {
    background-color: white;
    border: 1px solid #848383
}

.warenkorb-bestellungen #checkout-step-review .checkout-step-title {
    border-bottom: 1px solid #848383
}

.warenkorb-bestellungen #checkout-step-review fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.warenkorb-bestellungen #checkout-step-review .checkout-step-content .checkout-step-content-list label {
    display: block !important
}

.warenkorb-bestellungen #checkout-step-review .checkout-step-content .checkout-step-content-list .form-control {
    width: 100%;
    padding: 8px 35px 8px 16px
}

.warenkorb-bestellungen #checkout-step-review .checkout-step-content .checkout-step-content-list [type="checkbox"]:not(:checked) + label:before, .warenkorb-bestellungen #checkout-step-review .checkout-step-content .checkout-step-content-list [type="checkbox"]:checked + label:before, .warenkorb-bestellungen #checkout-step-review .checkout-step-content .checkout-step-content-list [type="checkbox"]:not(:checked) + label:after, .warenkorb-bestellungen #checkout-step-review .checkout-step-content .checkout-step-content-list [type="checkbox"]:checked + label:after {
    left: 0%
}

.warenkorb-bestellungen #checkout-step-review #checkout-step-summary {
    margin-top: 1em
}

.warenkorb-bestellungen #checkout-step-review #checkout-step-summary .checkout-step-table {
    border: 1px solid #848383
}

.warenkorb-bestellungen #checkout-step-review #checkout-step-summary th:nth-child(2), .warenkorb-bestellungen #checkout-step-review #checkout-step-summary th:nth-child(3) {
    border-top: 1px solid #848383 !important;
    border-bottom: 1px solid #848383;
    border: none
}

.warenkorb-bestellungen #checkout-step-review #checkout-step-summary th:nth-child(1) {
    border-right: none
}

.warenkorb-bestellungen #checkout-step-review #checkout-step-summary .total-gross {
    font-weight: bold;
    color: #3BCEFF
}

.warenkorb-bestellungen .col-md-6 {
    margin-top: 1em;
    font-weight: bold
}

.warenkorb-bestellungen #checkout-step-payment-method .method-item-info, .warenkorb-bestellungen #checkout-step-shipping-method .method-item-info {
    display: none
}

.warenkorb-bestellungen #checkout-step-payment-method .method-item-name, .warenkorb-bestellungen #checkout-step-shipping-method .method-item-name {
    margin-bottom: 1em
}

.alert.alert-success {
    margin-top: 1em
}

.layout-startpage #footer {
    z-index: 6
}

#footer {
    background-color: #3BCEFF;
    z-index: 9;
    width: 100%;
    text-align: right;
    position: fixed;
    bottom: 0
}

#footer .container {
    display: flex
}

#footer .container .left {
    width: 50%;
    text-align: left;
    padding-top: 1em
}

#footer .container .left li {
    list-style: none;
    width: 50%;
    float: left;
    color: #fff
}

#footer .container .left li a {
    color: #fff
}

#footer .container .left li a:hover, #footer .container .left li a:visited {
    text-decoration: underline
}

#footer .container .left img {
    width: 8%;
    float: left;
    margin-right: 1em
}

#footer .container .right {
    width: 50%
}

#footer ul {
    padding-top: 1em;
    padding-bottom: 1em
}

#footer ul li {
    list-style: none;
    display: inline-block;
    padding-right: 20px
}

#footer ul li a {
    color: white
}

#footer ul li a:hover {
    color: #545871
}

@media only screen and (min-width: 1501px) {
    #slider_oben .bx-viewport {
        height: 40em !important
    }
}

@media only screen and (max-width: 1500px) {
    #main-nav .dropdown #navi-gross .nav-back .abstand-nav {
        padding-left: 50%
    }

    #slider_oben .bx-viewport .ce-bodytext h2 {
        font-size: 30px
    }

    #slider_oben .bx-viewport {
        height: 40em !important
    }
}

@media only screen and (max-width: 1350px) {
    .logo {
        width: 15%
    }

    #slider_oben .bx-viewport .ce-bodytext h2 {
        font-size: 26px
    }

    .reset-button .rechtsreset {
        bottom: 9em
    }

    .reset-button .rechtsreset p {
        display: none
    }
}

@media only screen and (max-width: 1200px) {
    .container {
        padding-left: 50px;
        padding-right: 50px
    }

    .open-close .hintergrund-liste .container {
        padding-left: 80px
    }

    .video-slider li .frame-layout-0 .ce-bodytext {
        padding-left: 50px;
        padding-right: 50px
    }

    #slider_oben .bx-viewport .ce-bodytext h2 {
        font-size: 23px
    }

    .layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem {
        width: 100%
    }

    .layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-info .product-image {
        width: 35% !important;
        margin-right: 1em
    }

    .layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-info .product-teaser {
        width: 48%
    }

    .layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-details {
        width: 50%
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products li {
        width: 31%;
        margin-right: 2%
    }
}

@media only screen and (max-width: 1100px) {
    .logo {
        width: 18%
    }

    #slider_oben .bx-viewport .ce-bodytext {
        left: 4em;
        width: 84%
    }

    #slider_oben .bx-viewport .ce-bodytext h2 {
        font-size: 21px
    }

    #cart_filter-menu.handel .filter-ce .frame h2 {
        font-size: 30px
    }
}

@media only screen and (max-width: 1050px) {
    #cart_filter-menu.handel .filter-ce .frame h2 {
        font-size: 28px
    }
}

@media only screen and (max-width: 1000px) {
    .video-slider li .frame-layout-0 .ce-bodytext h1 {
        font-size: 80px
    }

    #main-nav .dropdown #navi-gross .nav-back .abstand-nav {
        padding-left: 45%
    }

    #cart_filter-menu.handel .filter-ce .frame h2 {
        font-size: 25px
    }
}

@media only screen and (max-width: 950px) {
    #cart_filter-menu [type="checkbox"]:not(:checked) + label, #cart_filter-menu [type="checkbox"]:checked + label {
        width: 30%
    }

    #cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem {
        width: 48%
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products li {
        width: 48%
    }

    #cart_sublist .tx-cart-products .tx-cart-products-grid .griditem {
        width: 30%
    }

    .layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem {
        width: 100% !important
    }

    .layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-info h3 {
        font-size: 28.83px
    }

    #cart_filter-menu.handel .filter-ce .frame h2 {
        font-size: 22px
    }
}

@media only screen and (max-width: 910px) {
    .warenkorb-bestellungen table tbody tr.first.cart-net {
        border-top: 1px solid #848383 !important
    }

    .warenkorb-bestellungen .checkout-product-table td.col-md-6 {
        background-color: #ccc
    }

    .warenkorb-bestellungen .checkout-product-table td.col-md-6 span p {
        margin: 0 !important
    }

    .warenkorb-bestellungen .checkout-product-table td b {
        border-right: none !important;
        padding: 8px !important;
        width: 100%
    }

    .warenkorb-bestellungen .checkout-product-table td span {
        padding-bottom: 10px !important
    }

    .warenkorb-bestellungen .checkout-product-table td:nth-child(2) b {
        display: none
    }

    .warenkorb-bestellungen .checkout-product-table tr.first.cart-net {
        border-bottom: 1px solid #848383 !important
    }

    .warenkorb-bestellungen .checkout-product-table tr td.text-right .tablesaw-cell-content {
        width: 100% !important
    }

    .warenkorb-bestellungen .checkout-product-table tr td b {
        font-weight: bold !important;
        font-size: 100% !important
    }

    .warenkorb-bestellungen .checkout-product-table tr td.last b {
        display: none !important
    }

    .warenkorb-bestellungen .checkout-product-table tbody tr {
        border: none !important;
        border-bottom: 0 solid #848383 !important;
        border-top: 0 solid #848383 !important;
        margin-bottom: 1em
    }

    .warenkorb-bestellungen .checkout-product-table .product-name {
        font-weight: bold
    }

    .warenkorb-bestellungen .checkout-product-table .price {
        font-weight: bold
    }

    .warenkorb-bestellungen .checkout-step-table.tablesaw-stack td .tablesaw-cell-label {
        display: none
    }

    .warenkorb-bestellungen .checkout-step-table td:nth-child(1) {
        background-color: #848383 !important;
        color: #ccc;
        font-weight: bold
    }

    .warenkorb-bestellungen .checkout-step-table td.text-right {
        border-top: none !important
    }

    .warenkorb-bestellungen .checkout-step-table tbody tr {
        border-bottom: 1px solid #848383 !important
    }

    .warenkorb-bestellungen .checkout-step-table .first.cart-net td.text-right:first-child, .warenkorb-bestellungen .checkout-step-table .taxes td.text-right:first-child, .warenkorb-bestellungen .checkout-step-table .service-gross td.text-right:first-child, .warenkorb-bestellungen .checkout-step-table .total-gross td.text-right:first-child {
        background-color: #ccc !important;
        color: black;
        border: 1px solid #848383
    }

    .warenkorb-bestellungen .checkout-step-table .first.cart-net td {
        background-color: #fff
    }

    .warenkorb-bestellungen .tablesaw-cell-content {
        font-size: 100% !important
    }

    .warenkorb-bestellungen .tablesaw-cell-content input[type="text"] {
        margin-left: 0%
    }

    .warenkorb-bestellungen .checkout-step-field .checkout-step-table tr {
        border: none !important;
        border-bottom: none !important
    }

    .warenkorb-bestellungen .checkout-step-field .checkout-step-table tr:first-child {
        border-top: none !important
    }

    .warenkorb-bestellungen .checkout-step-field .checkout-step-table td {
        border: none !important;
        border-bottom: 1px solid #848383 !important
    }

    .warenkorb-bestellungen .checkout-step-field .checkout-step-table td:last-child {
        border-bottom: none !important
    }

    .checkout-product-table thead, .checkout-step-field thead {
        display: none
    }

    .checkout-product-table tbody td, .checkout-step-field tbody td {
        display: block;
        float: left;
        clear: left;
        width: 100%
    }

    .checkout-product-table tbody tr:before, .checkout-step-field tbody tr:before, .checkout-product-table tbody tr:after, .checkout-step-field tbody tr:after {
        content: "";
        display: table
    }

    .checkout-product-table tbody tr:after, .checkout-step-field tbody tr:after {
        clear: both
    }

    .checkout-product-table.tablesaw.tablesaw-stack tbody tr td {
        border-bottom: 1px solid #848383 !important;
        border-left: 1px solid #848383 !important;
        border-right: 1px solid #848383 !important;
        border-top: 0 solid #848383 !important
    }

    .checkout-product-table.tablesaw.tablesaw-stack tbody tr td:first-child {
        border-top: 1px solid #848383 !important
    }

    .checkout-product-table .frame table.tablesaw.tablesaw-stack tbody tr td:first-child {
        border: none !important
    }

    #cart_sublist .tx-cart-products .tx-cart-products-grid .griditem {
        width: 30% !important
    }
}

@media only screen and (max-width: 900px) {
    .logo {
        width: 21%
    }

    #cart_filter-menu.handel .filter-ce .frame h2 {
        font-size: 20px
    }

    #cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem.active .product-info {
        width: 35%;
        margin-bottom: 50px
    }

    #footer .container .left li {
        width: 100%;
        margin-bottom: .5em
    }

    #footer .container .left li img {
        width: 6%
    }
}

@media only screen and (max-width: 850px) {
    #cart_filter-menu.handel {
        display: block
    }

    #cart_filter-menu.handel .filter-ce {
        width: 100%;
        display: block;
        margin-bottom: 4em
    }

    #cart_filter-menu.handel .filter-ce:nth-child(4) .frame, #cart_filter-menu.handel .filter-ce:nth-child(5) .frame, #cart_filter-menu.handel .filter-ce:nth-child(6) .frame {
        margin-top: -5em !important
    }

    #cart_filter-menu.handel .filter-ce .frame:before {
        content: ' '
    }

    #cart_filter-menu.handel .filter-ce .frame {
        display: flex;
        flex-wrap: wrap
    }

    #cart_filter-menu.handel .filter-ce .frame header {
        width: 100%
    }

    #cart_filter-menu.handel .filter-ce .frame h2 {
        font-size: 30px
    }

    #cart_filter-menu.handel .filter-ce .frame .ce-bodytext {
        width: 100%
    }

    #cart_filter-menu.handel .filter-ce .frame .ce-bodytext:after {
        width: 6%
    }

    .layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem {
        width: 100%;
        padding-bottom: 1em;
        border-bottom: 1px solid black
    }

    .layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-info {
        width: 100% !important
    }

    .layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-info .product-image {
        width: 100% !important;
        margin-bottom: 1em;
        display: block !important
    }

    .layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-info .product-teaser {
        width: 100% !important;
        display: block !important;
        margin-right: 0 !important;
        margin-bottom: 1em
    }

    .layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-details {
        width: 100% !important;
        display: block !important
    }
}

@media only screen and (max-width: 800px) {
    .video-slider li .frame-layout-0 .ce-bodytext h1 {
        font-size: 65px
    }

    #main-nav .dropdown #navi-gross .nav-back .abstand-nav {
        padding-left: 0%
    }

    #main-nav .dropdown #navi-gross .nav-back .abstand-nav li a {
        font-size: 30px
    }

    #main-nav .dropdown #navi-gross .nav-back .abstand-nav li ul li a {
        font-size: 27px
    }

    #cart_filter-menu [type="checkbox"]:not(:checked) + label, #cart_filter-menu [type="checkbox"]:checked + label {
        width: 47%
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products li {
        width: 100%
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .product-files {
        width: 100%;
        margin-bottom: 1em
    }

    #cart_sublist .tx-cart-products .tx-cart-products-grid .griditem {
        width: 48%
    }

    #cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem {
        width: 100%;
        margin-right: 0
    }

    #cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem .product-details .ce-textpic .ce-gallery {
        width: 100%;
        padding-right: 0
    }

    #cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem .product-details .ce-textpic .ce-bodytext {
        width: 100%
    }

    #cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem .griditem.active .product-info {
        width: 100%
    }

    #cart_mainlist #cart_mainlist-left-trigger h2, #cart_mainlist #cart_mainlist-right-trigger h2 {
        font-size: 30px
    }

    .close {
        width: 7%
    }

    #cart_sublist .tx-cart-products .tx-cart-products-grid .griditem {
        width: 100%
    }

    #cart_mainlist .frame.frame-type-list .tx-cart-products {
        width: 100%;
        float: left;
        border-left: 5px solid #3BCEFF;
        margin-bottom: 2em
    }

    #slider_oben .bx-viewport .ce-bodytext {
        width: auto;
        padding-right: 8%
    }

    #slider_oben .bx-viewport .ce-bodytext h2 {
        font-size: 20px
    }

    #slider_oben .bx-viewport {
        height: 27em !important
    }

    .layout-produkthandel #slider_oben .bx-viewport .ce-bodytext {
        bottom: 6.5em !important
    }
}

@media only screen and (max-width: 770px) {
    .logo {
        width: 24%;
        padding: 2em 3.2em
    }

    #footer {
        position: absolute
    }

    .reset-button .rechtsreset {
        bottom: 6em
    }

    .reset-button .rechtsreset p {
        display: none
    }

    .close.aus-liste {
        bottom: 6em !important
    }

    .rechts {
        bottom: 3.2em !important
    }

    .layout-produkthandel #footer, .layout-produktplaner #footer, .layout-zubehoer #footer {
        position: absolute !important
    }

    .layout-produkthandel #main, .layout-produktplaner #main, .layout-zubehoer #main {
        padding-bottom: 0 !important
    }

    .hintergrund-liste {
        bottom: 0
    }

    #slider_oben .bx-viewport {
        height: 300px !important
    }

    #slider_oben .bx-viewport .ce-bodytext {
        left: 4em;
        bottom: 5em
    }

    #slider_oben .bx-viewport .ce-bodytext h1 {
        font-size: 40px
    }

    .video-slider li .frame-layout-0 .ce-bodytext h1 {
        font-size: 65px
    }

    .produktfinder {
        flex-wrap: wrap
    }

    .produktfinder .frame.frame-layout-2.frame-type-textpic {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }

    .produktfinder .frame.frame-layout-2.frame-type-textpic:nth-child(2) {
        margin-top: 0
    }

    .geschichte .frame-type-textpic {
        margin-bottom: 2.5em
    }

    .geschichte .ce-textpic {
        flex-wrap: wrap
    }

    .geschichte .ce-textpic .ce-gallery {
        height: 20em;
        width: 100% !important
    }

    .geschichte .ce-textpic .ce-bodytext {
        width: 100% !important
    }

    .geschichte .frame-layout-0:nth-child(odd) .ce-textpic .ce-gallery {
        order: 0
    }

    #cart_sublist .tx-cart-products .tx-cart-products-grid .griditem {
        width: 48% !important
    }

    .layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-info .product-image {
        width: 100% !important
    }

    .layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-info .product-beschreibung {
        width: 100% !important;
        display: block !important
    }

    .layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-info .product-beschreibung .product-details {
        margin-top: 2em
    }

    .product-image {
        position: relative;
        overflow: hidden;
        padding-bottom: 100%;
        height: 100%
    }

    .product-image img {
        max-width: inherit;
        height: 100%;
        width: auto;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        position: absolute
    }

    #cart_filter-content .griditem .frame .image {
        position: relative;
        overflow: hidden;
        padding-bottom: 100%;
        height: 100%
    }

    #cart_filter-content .griditem .frame .image img {
        max-width: inherit;
        max-height: 100%;
        width: auto;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        position: absolute
    }

    #cart_sublist .product-image {
        padding: 50px
    }

    #cart_mainlist #cart_mainlist-left-trigger h2, #cart_mainlist #cart_mainlist-right-trigger h2 {
        padding-bottom: .5em;
        font-size: 24px;
        margin-bottom: .5em
    }

    #cart_mainlist #cart_mainlist-left-trigger .ce-gallery .image, #cart_mainlist #cart_mainlist-right-trigger .ce-gallery .image {
        width: 2em
    }

    #cart_mainlist #cart_mainlist-left-trigger .frame.frame-space-after-medium, #cart_mainlist #cart_mainlist-right-trigger .frame.frame-space-after-medium {
        margin-bottom: 0px
    }

    #cart_mainlist #cart_mainlist-left-trigger .frame .ce-gallery[data-ce-columns='1'] .ce-row, #cart_mainlist #cart_mainlist-right-trigger .frame .ce-gallery[data-ce-columns='1'] .ce-row {
        margin-bottom: 0
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table {
        position: relative;
        overflow: hidden;
        margin-bottom: 2.8em
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table:after {
        content: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/right-arrow.svg');
        display: block;
        position: absolute;
        width: 25px;
        background-color: #3BCEFF;
        right: -1px;
        padding: 5px 5px 0px 5px;
        top: 61%;
        pointer-events: none
    }

    .hintergrund-liste.bottomEnd {
        bottom: 5em !important
    }

    .rechtsreset.bottomEnd {
        bottom: 9em !important
    }

    .rechts.bottomEnd {
        bottom: 5em !important
    }

    .close.bottomEnd {
        margin-bottom: 2em !important
    }

    .open-close .hintergrund-liste .container {
        padding-left: 80px
    }

    #cart_mainlist .hintergrund h1 {
        margin-bottom: 3.5em
    }
}

@media only screen and (max-width: 680px) {
    #cart_mainlist #cart_mainlist-left-trigger, #cart_mainlist #cart_mainlist-right-trigger {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em
    }

    .hintergrund-liste.bottomEnd {
        bottom: 5em !important
    }

    .rechtsreset.bottomEnd {
        bottom: 10em !important
    }

    .rechts.bottomEnd {
        bottom: 6.2em !important
    }

    .close.bottomEnd {
        margin-bottom: 3em !important
    }
}

@media only screen and (max-width: 650px) {
    .logo {
        width: 30%
    }

    .video-slider li .frame-layout-0 .ce-bodytext h1 {
        font-size: 60px
    }

    #cart_mainlist #cart_mainlist-left-trigger h2, #cart_mainlist #cart_mainlist-right-trigger h2 {
        font-size: 27px
    }

    #cart_filter-menu [type="checkbox"]:not(:checked) + label, #cart_filter-menu [type="checkbox"]:checked + label {
        padding-left: 2em !important
    }

    #cart_filter-menu [type="checkbox"]:not(:checked) + label:after, #cart_filter-menu [type="checkbox"]:checked + label:after, #cart_filter-menu [type="checkbox"]:not(:checked) + label:before, #cart_filter-menu [type="checkbox"]:checked + label:before {
        top: 1em !important
    }

    #cart_filter-content .tx-cart-products .tx-cart-products-grid .griditem.active .product-info {
        width: 100%
    }

    .hintergrund-liste.bottomEnd {
        bottom: 5em !important
    }

    .rechtsreset.bottomEnd {
        bottom: 10em !important
    }

    .rechts.bottomEnd {
        bottom: 6.2em !important
    }

    .close.bottomEnd {
        margin-bottom: 3em !important
    }
}

@media only screen and (max-width: 600px) {
    .video-slider li .frame-layout-0 .ce-bodytext h1 {
        font-size: 55px
    }

    #cart_filter-menu [type="checkbox"]:not(:checked) + label, #cart_filter-menu [type="checkbox"]:checked + label {
        width: 100%;
        padding-left: 9%
    }

    #cart_mainlist #cart_mainlist-left-trigger h2, #cart_mainlist #cart_mainlist-right-trigger h2 {
        font-size: 24px
    }

    #footer .container {
        display: block
    }

    #footer .container .left {
        width: 100%
    }

    #footer .container .left li {
        width: 50%
    }

    #footer .container .left li img {
        width: 10%
    }

    #footer .container .right {
        width: 100%;
        text-align: left !important
    }

    #footer ul {
        padding-left: 0;
        margin-top: 1em;
        margin-bottom: 0
    }

    div[role="main"] {
        padding-bottom: 137px
    }

    .hintergrund-liste.bottomEnd {
        bottom: 5em !important
    }

    .rechtsreset.bottomEnd {
        bottom: 9em !important
    }

    .rechts.bottomEnd {
        bottom: 5.2em !important
    }

    .close.bottomEnd {
        margin-bottom: 2em !important
    }
}

@media only screen and (max-width: 550px) {
    .logo {
        width: 35%
    }

    .video-slider li .frame-layout-0 .ce-bodytext h1 {
        display: none
    }

    #cart_mainlist #cart_mainlist-left-trigger header:after, #cart_mainlist #cart_mainlist-right-trigger header:after {
        width: 13%
    }

    #cart_filter-menu.handel .filter-ce .frame .ce-bodytext:after {
        width: 10%
    }

    .close {
        width: 11%
    }

    .layout-produkthandel #slider_oben .bx-viewport {
        height: 27em !important
    }

    #cart_mainlist #cart_mainlist-left-trigger, #cart_mainlist #cart_mainlist-right-trigger {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em
    }

    #cart_sublist .tx-cart-products .tx-cart-products-grid .griditem {
        display: block !important;
        width: 100% !important
    }

    .layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem {
        display: block !important;
        width: 100% !important
    }

    #slider_oben .bx-viewport .ce-bodytext {
        bottom: 4em;
        left: 3em
    }

    #slider_oben .bx-viewport .ce-bodytext h1 {
        font-size: 38px
    }

    #cart_mainlist #cart_mainlist-left-trigger h2, #cart_mainlist #cart_mainlist-right-trigger h2 {
        padding-bottom: .5em;
        font-size: 24px
    }

    #cart_mainlist #cart_mainlist-left-trigger .frame.frame-space-after-medium, #cart_mainlist #cart_mainlist-right-trigger .frame.frame-space-after-medium {
        margin-bottom: 0px
    }

    #cart_mainlist #cart_mainlist-left-trigger .frame .ce-gallery[data-ce-columns='1'] .ce-row, #cart_mainlist #cart_mainlist-right-trigger .frame .ce-gallery[data-ce-columns='1'] .ce-row {
        margin-bottom: 0
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products li .verwandtes-produkt .beschreibung-teaser {
        min-height: 1em
    }

    #cart_mainlist .tx-cart-products .tx-cart-products-table .tableitem .product-details .related-products li .verwandtes-produkt .ueberschrift {
        min-height: 1em
    }

    #cart_sublist .tx-cart-products .tx-cart-products-grid .griditem {
        margin-bottom: 15px !important
    }

    #cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-info h3 {
        min-height: 1em !important
    }

    #cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-info .product-teaser {
        min-height: 1px !important
    }

    #cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-description {
        min-height: 1px !important
    }

    #cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .cart_form {
        min-height: 1px !important
    }

    .hintergrund-liste.bottomEnd {
        bottom: 5em !important
    }

    .rechtsreset.bottomEnd {
        bottom: 9em !important
    }

    .rechts.bottomEnd {
        bottom: 5.2em !important
    }

    .close.bottomEnd {
        margin-bottom: 2em !important
    }
}

@media only screen and (max-width: 450px) {
    .logo {
        width: 40%
    }

    .container {
        padding-left: 20px;
        padding-right: 20px
    }

    #cart_mainlist .frame.frame-type-list .ce-gallery {
        width: 200px
    }
}

@media only screen and (max-width: 450px) {
    .logo {
        width: 45%
    }

    #slider_oben .bx-viewport .ce-bodytext {
        left: 20px;
        bottom: 3em;
        padding-right: 20px
    }

    #slider_oben .bx-viewport .ce-bodytext h1 {
        font-size: 30px
    }

    #cart_filter-menu .filter-ce h2 {
        font-size: 25px
    }
}

@media only screen and (max-width: 400px) {
    #footer .container .left li {
        width: 100%
    }

    #footer .container .left li img {
        width: 5%
    }

    .hintergrund-liste.bottomEnd {
        bottom: 7em !important
    }

    .rechtsreset.bottomEnd {
        bottom: 11em !important
    }

    .rechts.bottomEnd {
        bottom: 8.2em !important
    }

    .close.bottomEnd {
        margin-bottom: 4.5em !important
    }
}

@media only screen and (max-height: 900px) {
    #main-nav .dropdown #navi-gross .nav-back .abstand-nav {
        top: 15%
    }

    #main-nav .dropdown #navi-gross .nav-back .abstand-nav li a {
        font-size: 35px
    }
}

@media only screen and (max-height: 550px) {
    #main-nav .dropdown #navi-gross .nav-back .abstand-nav {
        top: 8%
    }
}

@media only screen and (max-height: 400px) {
    #main-nav .dropdown #navi-gross .nav-back .abstand-nav {
        top: 8%
    }
}

.frame.frame-white {
    padding: 20px;
    background-color: white;
    -webkit-box-shadow: 10px 10px 28px -13px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 10px 10px 28px -13px rgba(0, 0, 0, 0.65);
    box-shadow: 10px 10px 28px -13px rgba(0, 0, 0, 0.65)
}

.msie .close {
    background-size: 70%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    height: 2em
}

.msie .close#drehen2 {
    background-image: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/down.svg')
}

.msie .close#drehen {
    background-image: url('../../../typo3conf/ext/frey304_template/Resources/Public/Images/up.svg')
}

.msie .close.closed-liste {
    bottom: auto
}

.msie .close.in-liste {
    position: absolute
}

.layout-produkthandel #main, .layout-produktplaner #main, .layout-zubehoer #main {
    padding-bottom: 100px
}

.layout-produkthandel #main.abstand-unten, .layout-produktplaner #main.abstand-unten, .layout-zubehoer #main.abstand-unten {
    padding-bottom: 200px;
    min-height: 100vh
}

.layout-produkthandel #footer, .layout-produktplaner #footer, .layout-zubehoer #footer {
    position: fixed
}

.layout-produkthandel #cart_mainlist-left-trigger:hover .ce-gallery .image, .layout-produktplaner #cart_mainlist-left-trigger:hover .ce-gallery .image, .layout-zubehoer #cart_mainlist-left-trigger:hover .ce-gallery .image, .layout-produkthandel #cart_mainlist-right-trigger:hover .ce-gallery .image, .layout-produktplaner #cart_mainlist-right-trigger:hover .ce-gallery .image, .layout-zubehoer #cart_mainlist-right-trigger:hover .ce-gallery .image {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-duration: .3s
}

.layout-produkthandel #cart_mainlist-left-trigger .ce-gallery .image, .layout-produktplaner #cart_mainlist-left-trigger .ce-gallery .image, .layout-zubehoer #cart_mainlist-left-trigger .ce-gallery .image, .layout-produkthandel #cart_mainlist-right-trigger .ce-gallery .image, .layout-produktplaner #cart_mainlist-right-trigger .ce-gallery .image, .layout-zubehoer #cart_mainlist-right-trigger .ce-gallery .image {
    width: 3em;
    margin: auto;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: .3s
}

.layout-produkthandel #slider_oben .bx-viewport .ce-bodytext {
    bottom: 16em
}

.layout-default #main, .layout-historie #main {
    padding-bottom: 0px
}

.layout-bestellung #slider_oben .bx-viewport {
    height: 20em !important
}

.layout-bestellung #main {
    padding-bottom: 0px
}

@media only screen and (max-width: 1000px) {
    .layout-bestellung #slider_oben .bx-viewport {
        height: 15em !important
    }
}

#cart_mainlist-left-trigger .frame .ce-gallery[data-ce-columns='2'] .ce-row .ce-column:nth-child(2) {
    display: none;
    padding-left: 0 !important
}

#cart_mainlist-left-trigger .frame .ce-gallery[data-ce-columns='2'] .ce-row .ce-column:nth-child(1) {
    padding-right: 0 !important
}

#cart_mainlist-left-trigger .frame .ce-image, #cart_mainlist-left-trigger .frame .ce-image .ce-gallery, #cart_mainlist-left-trigger .frame .ce-image .ce-gallery .ce-outer, #cart_mainlist-left-trigger .frame .ce-image .ce-gallery .ce-outer .ce-inner, #cart_mainlist-left-trigger .frame .ce-image .ce-gallery .ce-outer .ce-inner {
    height: 100%;
    width: 100%
}

#cart_sublist .tx-cart-products .tx-cart-products-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem {
    width: 22.5%;
    align-items: stretch;
    align-content: space-between;
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    overflow: hidden;
    border: 1px solid #dedede;
    padding: 10px;
    margin-left: 2%
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem:after {
    content: "";
    flex: auto
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-description {
    overflow: hidden;
    min-height: 140px;
    max-height: 140px;
    margin-bottom: 20px
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .cart_form {
    min-height: 10.5em;
    max-height: 10.5em
}

#cart_sublist .tx-cart-products .tx-cart-products-grid .griditem .product-info h3 {
    min-height: 3em;
    max-height: 3em;
    overflow: hidden;
    font-size: 25px
}

#cart_sublist .tx-cart-products .tx-cart-products-grid:after {
    content: "";
    flex: auto
}

.layout-zubehoer #zubehoer {
    margin-top: 5em
}

.layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem {
    width: 100%;
    align-items: stretch;
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    overflow: hidden;
    border: 1px solid #dedede;
    padding: 10px
}

.layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem:after {
    content: "";
    flex: auto
}

.layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-details {
    display: block !important
}

.layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-info {
    display: flex;
    width: 50%;
    flex-wrap: wrap
}

.layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-info h3 {
    font-size: 25px
}

.layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-info .product-image {
    width: 46%;
    margin-right: 1em
}

.layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-info .product-teaser {
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    margin-right: 1em
}

.layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-details {
    display: block !important;
    width: 50%;
    flex-wrap: wrap
}

.layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-details .product-files {
    margin-top: 1em
}

.layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-details .product-files a {
    display: flex;
    align-items: center;
    vertical-align: middle
}

.layout-zubehoer #zubehoer .tx-cart-products .tx-cart-products-grid .griditem .product-details .product-files a img {
    width: 45px;
    margin-right: 10px
}

.tx-cart-products .product-details .plus, .tx-cart-products .product-details .minus {
    width: 40px;
    height: 30px;
    background: #B5B5B5;
    padding: 2px;
    border: 1px solid #B5B5B5;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: bold
}

.tx-cart-products .product-details .plus {
    margin-left: 10px
}

.tx-cart-products .product-details .minus {
    margin-right: 10px
}

.tx-cart-products .product-details .form-control.count {
    height: 30px;
    width: 40px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #39363a;
    color: #39363a;
    display: inline-block;
    vertical-align: middle
}

.tx-cart-products .product-details .warenkorb-button .btn {
    background-color: black;
    border: 1px solid black;
    color: white;
    padding: 10px;
    margin-top: 1em
}

.tx-cart-products .product-details .regular_wrap select[id^='be-variants-select-'] {
    text-align: center;
    font-size: 18px;
    border: 1px solid #39363a;
    color: #39363a;
    display: inline-block;
    vertical-align: middle;
    margin-top: 1em;
    padding: 5px
}

.tx-cart-products .product-details .form-message .alert {
    padding-left: 20px
}

div[data-category="cat40"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat44"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat45"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat41"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat43"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat42"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat50"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat55"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat56"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat52"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat54"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat53"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat73"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat74"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat111"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat112"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat116"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat57"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat58"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat59"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat60"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat61"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat62"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat63"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat64"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat75"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat76"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat77"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat78"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat79"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat65"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat66"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat67"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat71"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat72"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat68"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat70"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat69"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat120"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat130"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat126"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat134"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat135"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat131"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat132"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat133"].product.tableitem .product-details .regular_wrap:after {
    content: 'Bitte wählen Sie die Höhe des Schornsteins in cm aus';
    width: 100%;
    font-weight: normal;
    padding-top: 2em;
    font-size: 16px;
    z-index: 2;
    position: relative
}

div[data-category="cat40"].product.tableitem .product-details .price:after, div[data-category="cat44"].product.tableitem .product-details .price:after, div[data-category="cat45"].product.tableitem .product-details .price:after, div[data-category="cat41"].product.tableitem .product-details .price:after, div[data-category="cat43"].product.tableitem .product-details .price:after, div[data-category="cat42"].product.tableitem .product-details .price:after, div[data-category="cat50"].product.tableitem .product-details .price:after, div[data-category="cat55"].product.tableitem .product-details .price:after, div[data-category="cat56"].product.tableitem .product-details .price:after, div[data-category="cat52"].product.tableitem .product-details .price:after, div[data-category="cat54"].product.tableitem .product-details .price:after, div[data-category="cat53"].product.tableitem .product-details .price:after, div[data-category="cat73"].product.tableitem .product-details .price:after, div[data-category="cat74"].product.tableitem .product-details .price:after, div[data-category="cat111"].product.tableitem .product-details .price:after, div[data-category="cat112"].product.tableitem .product-details .price:after, div[data-category="cat116"].product.tableitem .product-details .price:after, div[data-category="cat57"].product.tableitem .product-details .price:after, div[data-category="cat58"].product.tableitem .product-details .price:after, div[data-category="cat59"].product.tableitem .product-details .price:after, div[data-category="cat60"].product.tableitem .product-details .price:after, div[data-category="cat61"].product.tableitem .product-details .price:after, div[data-category="cat62"].product.tableitem .product-details .price:after, div[data-category="cat63"].product.tableitem .product-details .price:after, div[data-category="cat64"].product.tableitem .product-details .price:after, div[data-category="cat75"].product.tableitem .product-details .price:after, div[data-category="cat76"].product.tableitem .product-details .price:after, div[data-category="cat77"].product.tableitem .product-details .price:after, div[data-category="cat78"].product.tableitem .product-details .price:after, div[data-category="cat79"].product.tableitem .product-details .price:after, div[data-category="cat65"].product.tableitem .product-details .price:after, div[data-category="cat66"].product.tableitem .product-details .price:after, div[data-category="cat67"].product.tableitem .product-details .price:after, div[data-category="cat71"].product.tableitem .product-details .price:after, div[data-category="cat72"].product.tableitem .product-details .price:after, div[data-category="cat68"].product.tableitem .product-details .price:after, div[data-category="cat70"].product.tableitem .product-details .price:after, div[data-category="cat69"].product.tableitem .product-details .price:after, div[data-category="cat120"].product.tableitem .product-details .price:after, div[data-category="cat130"].product.tableitem .product-details .price:after, div[data-category="cat126"].product.tableitem .product-details .price:after, div[data-category="cat134"].product.tableitem .product-details .price:after, div[data-category="cat135"].product.tableitem .product-details .price:after, div[data-category="cat131"].product.tableitem .product-details .price:after, div[data-category="cat132"].product.tableitem .product-details .price:after, div[data-category="cat133"].product.tableitem .product-details .price:after {
    content: '/cm';
    width: 100%;
    font-weight: bold;
    padding-top: 1em;
    font-size: 20px
}

div[data-category="cat40"].product.tableitem .product-details .related-products .price:after, div[data-category="cat44"].product.tableitem .product-details .related-products .price:after, div[data-category="cat45"].product.tableitem .product-details .related-products .price:after, div[data-category="cat41"].product.tableitem .product-details .related-products .price:after, div[data-category="cat43"].product.tableitem .product-details .related-products .price:after, div[data-category="cat42"].product.tableitem .product-details .related-products .price:after, div[data-category="cat50"].product.tableitem .product-details .related-products .price:after, div[data-category="cat55"].product.tableitem .product-details .related-products .price:after, div[data-category="cat56"].product.tableitem .product-details .related-products .price:after, div[data-category="cat52"].product.tableitem .product-details .related-products .price:after, div[data-category="cat54"].product.tableitem .product-details .related-products .price:after, div[data-category="cat53"].product.tableitem .product-details .related-products .price:after, div[data-category="cat73"].product.tableitem .product-details .related-products .price:after, div[data-category="cat74"].product.tableitem .product-details .related-products .price:after, div[data-category="cat111"].product.tableitem .product-details .related-products .price:after, div[data-category="cat112"].product.tableitem .product-details .related-products .price:after, div[data-category="cat116"].product.tableitem .product-details .related-products .price:after, div[data-category="cat57"].product.tableitem .product-details .related-products .price:after, div[data-category="cat58"].product.tableitem .product-details .related-products .price:after, div[data-category="cat59"].product.tableitem .product-details .related-products .price:after, div[data-category="cat60"].product.tableitem .product-details .related-products .price:after, div[data-category="cat61"].product.tableitem .product-details .related-products .price:after, div[data-category="cat62"].product.tableitem .product-details .related-products .price:after, div[data-category="cat63"].product.tableitem .product-details .related-products .price:after, div[data-category="cat64"].product.tableitem .product-details .related-products .price:after, div[data-category="cat75"].product.tableitem .product-details .related-products .price:after, div[data-category="cat76"].product.tableitem .product-details .related-products .price:after, div[data-category="cat77"].product.tableitem .product-details .related-products .price:after, div[data-category="cat78"].product.tableitem .product-details .related-products .price:after, div[data-category="cat79"].product.tableitem .product-details .related-products .price:after, div[data-category="cat65"].product.tableitem .product-details .related-products .price:after, div[data-category="cat66"].product.tableitem .product-details .related-products .price:after, div[data-category="cat67"].product.tableitem .product-details .related-products .price:after, div[data-category="cat71"].product.tableitem .product-details .related-products .price:after, div[data-category="cat72"].product.tableitem .product-details .related-products .price:after, div[data-category="cat68"].product.tableitem .product-details .related-products .price:after, div[data-category="cat70"].product.tableitem .product-details .related-products .price:after, div[data-category="cat69"].product.tableitem .product-details .related-products .price:after, div[data-category="cat120"].product.tableitem .product-details .related-products .price:after, div[data-category="cat130"].product.tableitem .product-details .related-products .price:after, div[data-category="cat126"].product.tableitem .product-details .related-products .price:after, div[data-category="cat134"].product.tableitem .product-details .related-products .price:after, div[data-category="cat135"].product.tableitem .product-details .related-products .price:after, div[data-category="cat131"].product.tableitem .product-details .related-products .price:after, div[data-category="cat132"].product.tableitem .product-details .related-products .price:after, div[data-category="cat133"].product.tableitem .product-details .related-products .price:after {
    content: ''
}

div[data-category="cat40"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat44"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat45"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat41"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat43"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat42"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat50"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat55"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat56"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat52"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat54"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat53"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat73"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat74"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat111"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat112"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat116"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat57"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat58"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat59"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat60"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat61"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat62"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat63"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat64"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat75"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat76"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat77"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat78"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat79"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat65"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat66"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat67"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat71"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat72"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat68"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat70"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat69"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat120"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat130"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat126"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat134"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat135"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat131"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat132"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat133"].product.tableitem .product-details .related-products .regular_wrap:after {
    content: ''
}

.tx-powermail h3 {
    display: block;
    color: #3BCEFF !important
}

.tx-powermail input.powermail_submit {
    background-color: #3BCEFF !important;
    font-size: 16px
}

.tx-powermail input.powermail_submit:hover {
    color: #3BCEFF !important;
    border: 1px solid #3BCEFF !important;
    background-color: #fff !important
}

div[data-category="cat80"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat84"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat85"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat81"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat83"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat82"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat86"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat87"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat88"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat89"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat90"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat91"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat92"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat93"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat94"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat95"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat96"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat97"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat98"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat107"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat108"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat99"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat100"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat101"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat105"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat106"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat102"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat103"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat104"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat121"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat128"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat124"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat138"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat139"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat129"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat136"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat137"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat117"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat118"].product.tableitem .product-details .regular_wrap:after, div[data-category="cat119"].product.tableitem .product-details .regular_wrap:after {
    content: 'Bitte wählen Sie die Anzahl der Steine aus: 1 Stein = 33 cm / 3 Steine = 1 m';
    width: 100%;
    font-weight: normal;
    padding-top: 2em;
    font-size: 16px;
    z-index: 2;
    position: relative
}

div[data-category="cat80"].product.tableitem .product-details .price:after, div[data-category="cat84"].product.tableitem .product-details .price:after, div[data-category="cat85"].product.tableitem .product-details .price:after, div[data-category="cat81"].product.tableitem .product-details .price:after, div[data-category="cat83"].product.tableitem .product-details .price:after, div[data-category="cat82"].product.tableitem .product-details .price:after, div[data-category="cat86"].product.tableitem .product-details .price:after, div[data-category="cat87"].product.tableitem .product-details .price:after, div[data-category="cat88"].product.tableitem .product-details .price:after, div[data-category="cat89"].product.tableitem .product-details .price:after, div[data-category="cat90"].product.tableitem .product-details .price:after, div[data-category="cat91"].product.tableitem .product-details .price:after, div[data-category="cat92"].product.tableitem .product-details .price:after, div[data-category="cat93"].product.tableitem .product-details .price:after, div[data-category="cat94"].product.tableitem .product-details .price:after, div[data-category="cat95"].product.tableitem .product-details .price:after, div[data-category="cat96"].product.tableitem .product-details .price:after, div[data-category="cat97"].product.tableitem .product-details .price:after, div[data-category="cat98"].product.tableitem .product-details .price:after, div[data-category="cat107"].product.tableitem .product-details .price:after, div[data-category="cat108"].product.tableitem .product-details .price:after, div[data-category="cat99"].product.tableitem .product-details .price:after, div[data-category="cat100"].product.tableitem .product-details .price:after, div[data-category="cat101"].product.tableitem .product-details .price:after, div[data-category="cat105"].product.tableitem .product-details .price:after, div[data-category="cat106"].product.tableitem .product-details .price:after, div[data-category="cat102"].product.tableitem .product-details .price:after, div[data-category="cat103"].product.tableitem .product-details .price:after, div[data-category="cat104"].product.tableitem .product-details .price:after, div[data-category="cat121"].product.tableitem .product-details .price:after, div[data-category="cat128"].product.tableitem .product-details .price:after, div[data-category="cat124"].product.tableitem .product-details .price:after, div[data-category="cat138"].product.tableitem .product-details .price:after, div[data-category="cat139"].product.tableitem .product-details .price:after, div[data-category="cat129"].product.tableitem .product-details .price:after, div[data-category="cat136"].product.tableitem .product-details .price:after, div[data-category="cat137"].product.tableitem .product-details .price:after, div[data-category="cat117"].product.tableitem .product-details .price:after, div[data-category="cat118"].product.tableitem .product-details .price:after, div[data-category="cat119"].product.tableitem .product-details .price:after {
    content: '/Stein';
    width: 100%;
    font-weight: bold;
    padding-top: 1em;
    font-size: 20px
}

div[data-category="cat80"].product.tableitem .product-details .related-products .price:after, div[data-category="cat84"].product.tableitem .product-details .related-products .price:after, div[data-category="cat85"].product.tableitem .product-details .related-products .price:after, div[data-category="cat81"].product.tableitem .product-details .related-products .price:after, div[data-category="cat83"].product.tableitem .product-details .related-products .price:after, div[data-category="cat82"].product.tableitem .product-details .related-products .price:after, div[data-category="cat86"].product.tableitem .product-details .related-products .price:after, div[data-category="cat87"].product.tableitem .product-details .related-products .price:after, div[data-category="cat88"].product.tableitem .product-details .related-products .price:after, div[data-category="cat89"].product.tableitem .product-details .related-products .price:after, div[data-category="cat90"].product.tableitem .product-details .related-products .price:after, div[data-category="cat91"].product.tableitem .product-details .related-products .price:after, div[data-category="cat92"].product.tableitem .product-details .related-products .price:after, div[data-category="cat93"].product.tableitem .product-details .related-products .price:after, div[data-category="cat94"].product.tableitem .product-details .related-products .price:after, div[data-category="cat95"].product.tableitem .product-details .related-products .price:after, div[data-category="cat96"].product.tableitem .product-details .related-products .price:after, div[data-category="cat97"].product.tableitem .product-details .related-products .price:after, div[data-category="cat98"].product.tableitem .product-details .related-products .price:after, div[data-category="cat107"].product.tableitem .product-details .related-products .price:after, div[data-category="cat108"].product.tableitem .product-details .related-products .price:after, div[data-category="cat99"].product.tableitem .product-details .related-products .price:after, div[data-category="cat100"].product.tableitem .product-details .related-products .price:after, div[data-category="cat101"].product.tableitem .product-details .related-products .price:after, div[data-category="cat105"].product.tableitem .product-details .related-products .price:after, div[data-category="cat106"].product.tableitem .product-details .related-products .price:after, div[data-category="cat102"].product.tableitem .product-details .related-products .price:after, div[data-category="cat103"].product.tableitem .product-details .related-products .price:after, div[data-category="cat104"].product.tableitem .product-details .related-products .price:after, div[data-category="cat121"].product.tableitem .product-details .related-products .price:after, div[data-category="cat128"].product.tableitem .product-details .related-products .price:after, div[data-category="cat124"].product.tableitem .product-details .related-products .price:after, div[data-category="cat138"].product.tableitem .product-details .related-products .price:after, div[data-category="cat139"].product.tableitem .product-details .related-products .price:after, div[data-category="cat129"].product.tableitem .product-details .related-products .price:after, div[data-category="cat136"].product.tableitem .product-details .related-products .price:after, div[data-category="cat137"].product.tableitem .product-details .related-products .price:after, div[data-category="cat117"].product.tableitem .product-details .related-products .price:after, div[data-category="cat118"].product.tableitem .product-details .related-products .price:after, div[data-category="cat119"].product.tableitem .product-details .related-products .price:after {
    content: ''
}

div[data-category="cat80"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat84"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat85"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat81"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat83"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat82"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat86"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat87"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat88"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat89"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat90"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat91"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat92"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat93"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat94"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat95"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat96"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat97"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat98"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat107"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat108"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat99"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat100"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat101"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat105"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat106"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat102"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat103"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat104"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat121"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat128"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat124"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat138"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat139"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat129"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat136"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat137"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat117"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat118"].product.tableitem .product-details .related-products .regular_wrap:after, div[data-category="cat119"].product.tableitem .product-details .related-products .regular_wrap:after {
    content: ''
}

.bx-loading {
    display: none !important
}

.powermail_confirmation h1 {
    font-size: 32px
}

.powermail_confirmation table {
    border: none
}

.powermail_confirmation table tr {
    border: none
}

.powermail_confirmation table tr td {
    border: none
}

.powermail_confirmation table tr td:first-child {
    padding-right: 2em
}

.powermail_confirmation .btn-group {
    margin-top: 2em
}

.powermail_confirmation .btn-group form {
    display: inline-block
}

.powermail_confirmation .btn-group form:last-child {
    margin-left: 5em
}

.powermail_confirmation .btn-group input {
    border: none
}

.parsley-errors-list {
    padding: 0 !important;
    padding-left: 30% !important;
    top: -6px;
    pointer-events: none
}

.parsley-errors-list li {
    color: red !important
}

.parsley-errors-list li:before {
    content: '' !important
}

@media only screen and (max-width: 440px) {
    .parsley-errors-list {
        padding-left: 0 !important
    }
}

#slider_main .ce-gallery.hinweis:after {
    content: 'Fehler beim Laden der Bilddatei. Bitte die Seite erneut laden.';
    position: absolute;
    left: 50%;
    color: red;
    top: 2em;
    z-index: -1;
    transform: translate(-50%)
}

@media only screen and (max-width: 1000px) {
    #slider_main .ce-gallery.hinweis:after {
        content: 'Fehler beim Laden der Bilddatei. \A Bitte die Seite erneut laden.';
        white-space: pre;
        text-align: center
    }
}

@media only screen and (max-width: 600px) {
    #slider_main .ce-gallery.hinweis:after {
        font-size: 75%;
        line-height: 1.3
    }
}

@media only screen and (max-width: 500px) {
    #slider_main .ce-gallery.hinweis:after {
        font-size: 70%;
        top: 12em
    }
}

@media only screen and (max-width: 380px) {
    #slider_main .ce-gallery.hinweis:after {
        top: 11em
    }
}

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

/* not mapped from less */

@media screen and (max-width: 778px) {
    h1 {
        font-size: 51px !important;
    }
}
@media screen and (max-width: 576px) {
    h1 {
        font-size: 34px !important;
    }
}
@media screen and (max-width: 450px) {
    .frame .ce-right.ce-intext.ce-nowrap .ce-gallery, .frame .ce-left.ce-intext.ce-nowrap .ce-gallery {
        float: none;
        width: 100%;
        padding: 0;
    }
    .frame .ce-right.ce-intext.ce-nowrap .ce-bodytext {
        float: none;
        width: 100%;
    }
}
#footer {
    background-color: #019dd4;
}
#main-nav .dropdown #navi-gross .nav-back .abstand-nav li a:hover {
    color: #019dd4;
}
#main-nav .dropdown #navi-gross .nav-back .abstand-nav li a::after {
    background: #019dd4;
}
#main-nav .dropdown #navi-gross .nav-back .abstand-nav li.parent.unterstrichen a::after {
    background: #019dd4;
}

.powermail-errors-list {
    z-index: -1;
}


/* FONTS */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-extralight-italic.woff2') format('woff2'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-extralight-italic.woff') format('woff');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-light-italic.woff2') format('woff2'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-light-italic.woff') format('woff');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-regular-italic.woff2') format('woff2'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-regular-italic.woff') format('woff');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-semibold-italic.woff2') format('woff2'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-semibold-italic.woff') format('woff');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-bold-italic.woff2') format('woff2'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-bold-italic.woff') format('woff');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-black-italic.woff2') format('woff2'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-black-italic.woff') format('woff');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-extralight.woff2') format('woff2'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-extralight.woff') format('woff');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-light.woff2') format('woff2'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-light.woff') format('woff');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-regular.woff2') format('woff2'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-regular.woff') format('woff');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-semibold.woff2') format('woff2'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-semibold.woff') format('woff');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-bold.woff2') format('woff2'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-bold.woff') format('woff');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-black.woff2') format('woff2'), url('../../../typo3conf/ext/frey304_template/Resources/Public/Css/Fonts/sourcesans-black.woff') format('woff');
}