@charset "UTF-8";
/*!
   Diese CSS-Datei wurde über SCSS erzeugt.
   Urheber: kupix webdesign, Jülich
   https://www.kupix.de
*/
#preload-01 {
   background: url(/fileadmin/Images/bg_footer.png) no-repeat -9999px -9999px;
}

#preload-02 {
   background: url(/fileadmin/Images/bg_section.webp) no-repeat -9999px -9999px;
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

body {
   margin: 0;
}

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

audio,
canvas,
progress,
video {
   display: inline-block;
   vertical-align: baseline;
}

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

[hidden],
template {
   display: none;
}

a {
   background-color: transparent;
}

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

abbr[title] {
   border-bottom: 1px dotted;
}

b,
strong {
   font-weight: bold;
}

dfn {
   font-style: italic;
}

h1 {
   font-size: 2em;
   margin: 0.67em 0;
}

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

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: 1em 40px;
}

hr {
   -webkit-box-sizing: content-box;
           box-sizing: content-box;
   height: 0;
}

pre {
   overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
   color: inherit;
   font: inherit;
   margin: 0;
}

button {
   overflow: visible;
}

button,
select {
   text-transform: none;
}

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

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

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

input {
   line-height: normal;
}

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   height: auto;
}

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

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

fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em;
}

legend {
   border: 0;
   padding: 0;
}

textarea {
   overflow: auto;
}

optgroup {
   font-weight: bold;
}

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

td,
th {
   padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
   *,
   *:before,
   *:after {
      background: transparent !important;
      color: #000 !important;
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
      text-shadow: none !important;
   }
   a,
   a:visited {
      text-decoration: underline;
   }
   a[href]:after {
      content: " (" attr(href) ")";
   }
   abbr[title]:after {
      content: " (" attr(title) ")";
   }
   a[href^="#"]:after,
   a[href^="javascript:"]:after {
      content: "";
   }
   pre,
   blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
   }
   thead {
      display: table-header-group;
   }
   tr,
   img {
      page-break-inside: avoid;
   }
   img {
      max-width: 100% !important;
   }
   p,
   h2,
   h3 {
      orphans: 3;
      widows: 3;
   }
   h2,
   h3 {
      page-break-after: avoid;
   }
   .navbar {
      display: none;
   }
   .btn > .caret,
   .dropup > .btn > .caret {
      border-top-color: #000 !important;
   }
   .label {
      border: 1px solid #000;
   }
   .table {
      border-collapse: collapse !important;
   }
   .table td,
   .table th {
      background-color: #fff !important;
   }
   .table-bordered th,
   .table-bordered td {
      border: 1px solid #ddd !important;
   }
}
@font-face {
   font-family: "Glyphicons Halflings";
   src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
   src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon {
   position: relative;
   top: 1px;
   display: inline-block;
   font-family: "Glyphicons Halflings";
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
   content: "*";
}

.glyphicon-plus:before {
   content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
   content: "€";
}

.glyphicon-minus:before {
   content: "−";
}

.glyphicon-cloud:before {
   content: "☁";
}

.glyphicon-envelope:before {
   content: "✉";
}

.glyphicon-pencil:before {
   content: "✏";
}

.glyphicon-glass:before {
   content: "\e001";
}

.glyphicon-music:before {
   content: "\e002";
}

.glyphicon-search:before {
   content: "\e003";
}

.glyphicon-heart:before {
   content: "\e005";
}

.glyphicon-star:before {
   content: "\e006";
}

.glyphicon-star-empty:before {
   content: "\e007";
}

.glyphicon-user:before {
   content: "\e008";
}

.glyphicon-film:before {
   content: "\e009";
}

.glyphicon-th-large:before {
   content: "\e010";
}

.glyphicon-th:before {
   content: "\e011";
}

.glyphicon-th-list:before {
   content: "\e012";
}

.glyphicon-ok:before {
   content: "\e013";
}

.glyphicon-remove:before {
   content: "\e014";
}

.glyphicon-zoom-in:before {
   content: "\e015";
}

.glyphicon-zoom-out:before {
   content: "\e016";
}

.glyphicon-off:before {
   content: "\e017";
}

.glyphicon-signal:before {
   content: "\e018";
}

.glyphicon-cog:before {
   content: "\e019";
}

.glyphicon-trash:before {
   content: "\e020";
}

.glyphicon-home:before {
   content: "\e021";
}

.glyphicon-file:before {
   content: "\e022";
}

.glyphicon-time:before {
   content: "\e023";
}

.glyphicon-road:before {
   content: "\e024";
}

.glyphicon-download-alt:before {
   content: "\e025";
}

.glyphicon-download:before {
   content: "\e026";
}

.glyphicon-upload:before {
   content: "\e027";
}

.glyphicon-inbox:before {
   content: "\e028";
}

.glyphicon-play-circle:before {
   content: "\e029";
}

.glyphicon-repeat:before {
   content: "\e030";
}

.glyphicon-refresh:before {
   content: "\e031";
}

.glyphicon-list-alt:before {
   content: "\e032";
}

.glyphicon-lock:before {
   content: "\e033";
}

.glyphicon-flag:before {
   content: "\e034";
}

.glyphicon-headphones:before {
   content: "\e035";
}

.glyphicon-volume-off:before {
   content: "\e036";
}

.glyphicon-volume-down:before {
   content: "\e037";
}

.glyphicon-volume-up:before {
   content: "\e038";
}

.glyphicon-qrcode:before {
   content: "\e039";
}

.glyphicon-barcode:before {
   content: "\e040";
}

.glyphicon-tag:before {
   content: "\e041";
}

.glyphicon-tags:before {
   content: "\e042";
}

.glyphicon-book:before {
   content: "\e043";
}

.glyphicon-bookmark:before {
   content: "\e044";
}

.glyphicon-print:before {
   content: "\e045";
}

.glyphicon-camera:before {
   content: "\e046";
}

.glyphicon-font:before {
   content: "\e047";
}

.glyphicon-bold:before {
   content: "\e048";
}

.glyphicon-italic:before {
   content: "\e049";
}

.glyphicon-text-height:before {
   content: "\e050";
}

.glyphicon-text-width:before {
   content: "\e051";
}

.glyphicon-align-left:before {
   content: "\e052";
}

.glyphicon-align-center:before {
   content: "\e053";
}

.glyphicon-align-right:before {
   content: "\e054";
}

.glyphicon-align-justify:before {
   content: "\e055";
}

.glyphicon-list:before {
   content: "\e056";
}

.glyphicon-indent-left:before {
   content: "\e057";
}

.glyphicon-indent-right:before {
   content: "\e058";
}

.glyphicon-facetime-video:before {
   content: "\e059";
}

.glyphicon-picture:before {
   content: "\e060";
}

.glyphicon-map-marker:before {
   content: "\e062";
}

.glyphicon-adjust:before {
   content: "\e063";
}

.glyphicon-tint:before {
   content: "\e064";
}

.glyphicon-edit:before {
   content: "\e065";
}

.glyphicon-share:before {
   content: "\e066";
}

.glyphicon-check:before {
   content: "\e067";
}

.glyphicon-move:before {
   content: "\e068";
}

.glyphicon-step-backward:before {
   content: "\e069";
}

.glyphicon-fast-backward:before {
   content: "\e070";
}

.glyphicon-backward:before {
   content: "\e071";
}

.glyphicon-play:before {
   content: "\e072";
}

.glyphicon-pause:before {
   content: "\e073";
}

.glyphicon-stop:before {
   content: "\e074";
}

.glyphicon-forward:before {
   content: "\e075";
}

.glyphicon-fast-forward:before {
   content: "\e076";
}

.glyphicon-step-forward:before {
   content: "\e077";
}

.glyphicon-eject:before {
   content: "\e078";
}

.glyphicon-chevron-left:before {
   content: "\e079";
}

.glyphicon-chevron-right:before {
   content: "\e080";
}

.glyphicon-plus-sign:before {
   content: "\e081";
}

.glyphicon-minus-sign:before {
   content: "\e082";
}

.glyphicon-remove-sign:before {
   content: "\e083";
}

.glyphicon-ok-sign:before {
   content: "\e084";
}

.glyphicon-question-sign:before {
   content: "\e085";
}

.glyphicon-info-sign:before {
   content: "\e086";
}

.glyphicon-screenshot:before {
   content: "\e087";
}

.glyphicon-remove-circle:before {
   content: "\e088";
}

.glyphicon-ok-circle:before {
   content: "\e089";
}

.glyphicon-ban-circle:before {
   content: "\e090";
}

.glyphicon-arrow-left:before {
   content: "\e091";
}

.glyphicon-arrow-right:before {
   content: "\e092";
}

.glyphicon-arrow-up:before {
   content: "\e093";
}

.glyphicon-arrow-down:before {
   content: "\e094";
}

.glyphicon-share-alt:before {
   content: "\e095";
}

.glyphicon-resize-full:before {
   content: "\e096";
}

.glyphicon-resize-small:before {
   content: "\e097";
}

.glyphicon-exclamation-sign:before {
   content: "\e101";
}

.glyphicon-gift:before {
   content: "\e102";
}

.glyphicon-leaf:before {
   content: "\e103";
}

.glyphicon-fire:before {
   content: "\e104";
}

.glyphicon-eye-open:before {
   content: "\e105";
}

.glyphicon-eye-close:before {
   content: "\e106";
}

.glyphicon-warning-sign:before {
   content: "\e107";
}

.glyphicon-plane:before {
   content: "\e108";
}

.glyphicon-calendar:before {
   content: "\e109";
}

.glyphicon-random:before {
   content: "\e110";
}

.glyphicon-comment:before {
   content: "\e111";
}

.glyphicon-magnet:before {
   content: "\e112";
}

.glyphicon-chevron-up:before {
   content: "\e113";
}

.glyphicon-chevron-down:before {
   content: "\e114";
}

.glyphicon-retweet:before {
   content: "\e115";
}

.glyphicon-shopping-cart:before {
   content: "\e116";
}

.glyphicon-folder-close:before {
   content: "\e117";
}

.glyphicon-folder-open:before {
   content: "\e118";
}

.glyphicon-resize-vertical:before {
   content: "\e119";
}

.glyphicon-resize-horizontal:before {
   content: "\e120";
}

.glyphicon-hdd:before {
   content: "\e121";
}

.glyphicon-bullhorn:before {
   content: "\e122";
}

.glyphicon-bell:before {
   content: "\e123";
}

.glyphicon-certificate:before {
   content: "\e124";
}

.glyphicon-thumbs-up:before {
   content: "\e125";
}

.glyphicon-thumbs-down:before {
   content: "\e126";
}

.glyphicon-hand-right:before {
   content: "\e127";
}

.glyphicon-hand-left:before {
   content: "\e128";
}

.glyphicon-hand-up:before {
   content: "\e129";
}

.glyphicon-hand-down:before {
   content: "\e130";
}

.glyphicon-circle-arrow-right:before {
   content: "\e131";
}

.glyphicon-circle-arrow-left:before {
   content: "\e132";
}

.glyphicon-circle-arrow-up:before {
   content: "\e133";
}

.glyphicon-circle-arrow-down:before {
   content: "\e134";
}

.glyphicon-globe:before {
   content: "\e135";
}

.glyphicon-wrench:before {
   content: "\e136";
}

.glyphicon-tasks:before {
   content: "\e137";
}

.glyphicon-filter:before {
   content: "\e138";
}

.glyphicon-briefcase:before {
   content: "\e139";
}

.glyphicon-fullscreen:before {
   content: "\e140";
}

.glyphicon-dashboard:before {
   content: "\e141";
}

.glyphicon-paperclip:before {
   content: "\e142";
}

.glyphicon-heart-empty:before {
   content: "\e143";
}

.glyphicon-link:before {
   content: "\e144";
}

.glyphicon-phone:before {
   content: "\e145";
}

.glyphicon-pushpin:before {
   content: "\e146";
}

.glyphicon-usd:before {
   content: "\e148";
}

.glyphicon-gbp:before {
   content: "\e149";
}

.glyphicon-sort:before {
   content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
   content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
   content: "\e152";
}

.glyphicon-sort-by-order:before {
   content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
   content: "\e154";
}

.glyphicon-sort-by-attributes:before {
   content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
   content: "\e156";
}

.glyphicon-unchecked:before {
   content: "\e157";
}

.glyphicon-expand:before {
   content: "\e158";
}

.glyphicon-collapse-down:before {
   content: "\e159";
}

.glyphicon-collapse-up:before {
   content: "\e160";
}

.glyphicon-log-in:before {
   content: "\e161";
}

.glyphicon-flash:before {
   content: "\e162";
}

.glyphicon-log-out:before {
   content: "\e163";
}

.glyphicon-new-window:before {
   content: "\e164";
}

.glyphicon-record:before {
   content: "\e165";
}

.glyphicon-save:before {
   content: "\e166";
}

.glyphicon-open:before {
   content: "\e167";
}

.glyphicon-saved:before {
   content: "\e168";
}

.glyphicon-import:before {
   content: "\e169";
}

.glyphicon-export:before {
   content: "\e170";
}

.glyphicon-send:before {
   content: "\e171";
}

.glyphicon-floppy-disk:before {
   content: "\e172";
}

.glyphicon-floppy-saved:before {
   content: "\e173";
}

.glyphicon-floppy-remove:before {
   content: "\e174";
}

.glyphicon-floppy-save:before {
   content: "\e175";
}

.glyphicon-floppy-open:before {
   content: "\e176";
}

.glyphicon-credit-card:before {
   content: "\e177";
}

.glyphicon-transfer:before {
   content: "\e178";
}

.glyphicon-cutlery:before {
   content: "\e179";
}

.glyphicon-header:before {
   content: "\e180";
}

.glyphicon-compressed:before {
   content: "\e181";
}

.glyphicon-earphone:before {
   content: "\e182";
}

.glyphicon-phone-alt:before {
   content: "\e183";
}

.glyphicon-tower:before {
   content: "\e184";
}

.glyphicon-stats:before {
   content: "\e185";
}

.glyphicon-sd-video:before {
   content: "\e186";
}

.glyphicon-hd-video:before {
   content: "\e187";
}

.glyphicon-subtitles:before {
   content: "\e188";
}

.glyphicon-sound-stereo:before {
   content: "\e189";
}

.glyphicon-sound-dolby:before {
   content: "\e190";
}

.glyphicon-sound-5-1:before {
   content: "\e191";
}

.glyphicon-sound-6-1:before {
   content: "\e192";
}

.glyphicon-sound-7-1:before {
   content: "\e193";
}

.glyphicon-copyright-mark:before {
   content: "\e194";
}

.glyphicon-registration-mark:before {
   content: "\e195";
}

.glyphicon-cloud-download:before {
   content: "\e197";
}

.glyphicon-cloud-upload:before {
   content: "\e198";
}

.glyphicon-tree-conifer:before {
   content: "\e199";
}

.glyphicon-tree-deciduous:before {
   content: "\e200";
}

.glyphicon-cd:before {
   content: "\e201";
}

.glyphicon-save-file:before {
   content: "\e202";
}

.glyphicon-open-file:before {
   content: "\e203";
}

.glyphicon-level-up:before {
   content: "\e204";
}

.glyphicon-copy:before {
   content: "\e205";
}

.glyphicon-paste:before {
   content: "\e206";
}

.glyphicon-alert:before {
   content: "\e209";
}

.glyphicon-equalizer:before {
   content: "\e210";
}

.glyphicon-king:before {
   content: "\e211";
}

.glyphicon-queen:before {
   content: "\e212";
}

.glyphicon-pawn:before {
   content: "\e213";
}

.glyphicon-bishop:before {
   content: "\e214";
}

.glyphicon-knight:before {
   content: "\e215";
}

.glyphicon-baby-formula:before {
   content: "\e216";
}

.glyphicon-tent:before {
   content: "⛺";
}

.glyphicon-blackboard:before {
   content: "\e218";
}

.glyphicon-bed:before {
   content: "\e219";
}

.glyphicon-apple:before {
   content: "\f8ff";
}

.glyphicon-erase:before {
   content: "\e221";
}

.glyphicon-hourglass:before {
   content: "⌛";
}

.glyphicon-lamp:before {
   content: "\e223";
}

.glyphicon-duplicate:before {
   content: "\e224";
}

.glyphicon-piggy-bank:before {
   content: "\e225";
}

.glyphicon-scissors:before {
   content: "\e226";
}

.glyphicon-bitcoin:before {
   content: "\e227";
}

.glyphicon-btc:before {
   content: "\e227";
}

.glyphicon-xbt:before {
   content: "\e227";
}

.glyphicon-yen:before {
   content: "¥";
}

.glyphicon-jpy:before {
   content: "¥";
}

.glyphicon-ruble:before {
   content: "₽";
}

.glyphicon-rub:before {
   content: "₽";
}

.glyphicon-scale:before {
   content: "\e230";
}

.glyphicon-ice-lolly:before {
   content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
   content: "\e232";
}

.glyphicon-education:before {
   content: "\e233";
}

.glyphicon-option-horizontal:before {
   content: "\e234";
}

.glyphicon-option-vertical:before {
   content: "\e235";
}

.glyphicon-menu-hamburger:before {
   content: "\e236";
}

.glyphicon-modal-window:before {
   content: "\e237";
}

.glyphicon-oil:before {
   content: "\e238";
}

.glyphicon-grain:before {
   content: "\e239";
}

.glyphicon-sunglasses:before {
   content: "\e240";
}

.glyphicon-text-size:before {
   content: "\e241";
}

.glyphicon-text-color:before {
   content: "\e242";
}

.glyphicon-text-background:before {
   content: "\e243";
}

.glyphicon-object-align-top:before {
   content: "\e244";
}

.glyphicon-object-align-bottom:before {
   content: "\e245";
}

.glyphicon-object-align-horizontal:before {
   content: "\e246";
}

.glyphicon-object-align-left:before {
   content: "\e247";
}

.glyphicon-object-align-vertical:before {
   content: "\e248";
}

.glyphicon-object-align-right:before {
   content: "\e249";
}

.glyphicon-triangle-right:before {
   content: "\e250";
}

.glyphicon-triangle-left:before {
   content: "\e251";
}

.glyphicon-triangle-bottom:before {
   content: "\e252";
}

.glyphicon-triangle-top:before {
   content: "\e253";
}

.glyphicon-console:before {
   content: "\e254";
}

.glyphicon-superscript:before {
   content: "\e255";
}

.glyphicon-subscript:before {
   content: "\e256";
}

.glyphicon-menu-left:before {
   content: "\e257";
}

.glyphicon-menu-right:before {
   content: "\e258";
}

.glyphicon-menu-down:before {
   content: "\e259";
}

.glyphicon-menu-up:before {
   content: "\e260";
}

code,
kbd,
pre,
samp {
   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
   padding: 2px 4px;
   font-size: 90%;
   color: #c7254e;
   background-color: #f9f2f4;
   border-radius: 4px;
}

kbd {
   padding: 2px 4px;
   font-size: 90%;
   color: #fff;
   background-color: #333;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
           box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
   padding: 0;
   font-size: 100%;
   font-weight: bold;
   -webkit-box-shadow: none;
           box-shadow: none;
}

pre {
   display: block;
   padding: 9.5px;
   margin: 0 0 10px;
   font-size: 13px;
   line-height: 1.428571429;
   word-break: break-all;
   word-wrap: break-word;
   color: #333333;
   background-color: #f5f5f5;
   border: 1px solid #ccc;
   border-radius: 4px;
}
pre code {
   padding: 0;
   font-size: inherit;
   color: inherit;
   white-space: pre-wrap;
   background-color: transparent;
   border-radius: 0;
}

.pre-scrollable {
   max-height: 340px;
   overflow-y: scroll;
}

.container {
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   padding-right: 15px;
}
.container:before, .container:after {
   content: " ";
   display: table;
}
.container:after {
   clear: both;
}
@media (min-width: 768px) {
   .container {
      width: 750px;
   }
}
@media (min-width: 992px) {
   .container {
      width: 970px;
   }
}
@media (min-width: 1200px) {
   .container {
      width: 1170px;
   }
}

.container-fluid {
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
   content: " ";
   display: table;
}
.container-fluid:after {
   clear: both;
}

.row {
   margin-left: -15px;
   margin-right: -15px;
}
.row:before, .row:after {
   content: " ";
   display: table;
}
.row:after {
   clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
   position: relative;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
   float: left;
}

.col-xs-1 {
   width: 8.3333333333%;
}

.col-xs-2 {
   width: 16.6666666667%;
}

.col-xs-3 {
   width: 25%;
}

.col-xs-4 {
   width: 33.3333333333%;
}

.col-xs-5 {
   width: 41.6666666667%;
}

.col-xs-6 {
   width: 50%;
}

.col-xs-7 {
   width: 58.3333333333%;
}

.col-xs-8 {
   width: 66.6666666667%;
}

.col-xs-9 {
   width: 75%;
}

.col-xs-10 {
   width: 83.3333333333%;
}

.col-xs-11 {
   width: 91.6666666667%;
}

.col-xs-12 {
   width: 100%;
}

.col-xs-pull-0 {
   right: auto;
}

.col-xs-pull-1 {
   right: 8.3333333333%;
}

.col-xs-pull-2 {
   right: 16.6666666667%;
}

.col-xs-pull-3 {
   right: 25%;
}

.col-xs-pull-4 {
   right: 33.3333333333%;
}

.col-xs-pull-5 {
   right: 41.6666666667%;
}

.col-xs-pull-6 {
   right: 50%;
}

.col-xs-pull-7 {
   right: 58.3333333333%;
}

.col-xs-pull-8 {
   right: 66.6666666667%;
}

.col-xs-pull-9 {
   right: 75%;
}

.col-xs-pull-10 {
   right: 83.3333333333%;
}

.col-xs-pull-11 {
   right: 91.6666666667%;
}

.col-xs-pull-12 {
   right: 100%;
}

.col-xs-push-0 {
   left: auto;
}

.col-xs-push-1 {
   left: 8.3333333333%;
}

.col-xs-push-2 {
   left: 16.6666666667%;
}

.col-xs-push-3 {
   left: 25%;
}

.col-xs-push-4 {
   left: 33.3333333333%;
}

.col-xs-push-5 {
   left: 41.6666666667%;
}

.col-xs-push-6 {
   left: 50%;
}

.col-xs-push-7 {
   left: 58.3333333333%;
}

.col-xs-push-8 {
   left: 66.6666666667%;
}

.col-xs-push-9 {
   left: 75%;
}

.col-xs-push-10 {
   left: 83.3333333333%;
}

.col-xs-push-11 {
   left: 91.6666666667%;
}

.col-xs-push-12 {
   left: 100%;
}

.col-xs-offset-0 {
   margin-left: 0%;
}

.col-xs-offset-1 {
   margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
   margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
   margin-left: 25%;
}

.col-xs-offset-4 {
   margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
   margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
   margin-left: 50%;
}

.col-xs-offset-7 {
   margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
   margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
   margin-left: 75%;
}

.col-xs-offset-10 {
   margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
   margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
   margin-left: 100%;
}

@media (min-width: 768px) {
   .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
      float: left;
   }
   .col-sm-1 {
      width: 8.3333333333%;
   }
   .col-sm-2 {
      width: 16.6666666667%;
   }
   .col-sm-3 {
      width: 25%;
   }
   .col-sm-4 {
      width: 33.3333333333%;
   }
   .col-sm-5 {
      width: 41.6666666667%;
   }
   .col-sm-6 {
      width: 50%;
   }
   .col-sm-7 {
      width: 58.3333333333%;
   }
   .col-sm-8 {
      width: 66.6666666667%;
   }
   .col-sm-9 {
      width: 75%;
   }
   .col-sm-10 {
      width: 83.3333333333%;
   }
   .col-sm-11 {
      width: 91.6666666667%;
   }
   .col-sm-12 {
      width: 100%;
   }
   .col-sm-pull-0 {
      right: auto;
   }
   .col-sm-pull-1 {
      right: 8.3333333333%;
   }
   .col-sm-pull-2 {
      right: 16.6666666667%;
   }
   .col-sm-pull-3 {
      right: 25%;
   }
   .col-sm-pull-4 {
      right: 33.3333333333%;
   }
   .col-sm-pull-5 {
      right: 41.6666666667%;
   }
   .col-sm-pull-6 {
      right: 50%;
   }
   .col-sm-pull-7 {
      right: 58.3333333333%;
   }
   .col-sm-pull-8 {
      right: 66.6666666667%;
   }
   .col-sm-pull-9 {
      right: 75%;
   }
   .col-sm-pull-10 {
      right: 83.3333333333%;
   }
   .col-sm-pull-11 {
      right: 91.6666666667%;
   }
   .col-sm-pull-12 {
      right: 100%;
   }
   .col-sm-push-0 {
      left: auto;
   }
   .col-sm-push-1 {
      left: 8.3333333333%;
   }
   .col-sm-push-2 {
      left: 16.6666666667%;
   }
   .col-sm-push-3 {
      left: 25%;
   }
   .col-sm-push-4 {
      left: 33.3333333333%;
   }
   .col-sm-push-5 {
      left: 41.6666666667%;
   }
   .col-sm-push-6 {
      left: 50%;
   }
   .col-sm-push-7 {
      left: 58.3333333333%;
   }
   .col-sm-push-8 {
      left: 66.6666666667%;
   }
   .col-sm-push-9 {
      left: 75%;
   }
   .col-sm-push-10 {
      left: 83.3333333333%;
   }
   .col-sm-push-11 {
      left: 91.6666666667%;
   }
   .col-sm-push-12 {
      left: 100%;
   }
   .col-sm-offset-0 {
      margin-left: 0%;
   }
   .col-sm-offset-1 {
      margin-left: 8.3333333333%;
   }
   .col-sm-offset-2 {
      margin-left: 16.6666666667%;
   }
   .col-sm-offset-3 {
      margin-left: 25%;
   }
   .col-sm-offset-4 {
      margin-left: 33.3333333333%;
   }
   .col-sm-offset-5 {
      margin-left: 41.6666666667%;
   }
   .col-sm-offset-6 {
      margin-left: 50%;
   }
   .col-sm-offset-7 {
      margin-left: 58.3333333333%;
   }
   .col-sm-offset-8 {
      margin-left: 66.6666666667%;
   }
   .col-sm-offset-9 {
      margin-left: 75%;
   }
   .col-sm-offset-10 {
      margin-left: 83.3333333333%;
   }
   .col-sm-offset-11 {
      margin-left: 91.6666666667%;
   }
   .col-sm-offset-12 {
      margin-left: 100%;
   }
}
@media (min-width: 992px) {
   .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
      float: left;
   }
   .col-md-1 {
      width: 8.3333333333%;
   }
   .col-md-2 {
      width: 16.6666666667%;
   }
   .col-md-3 {
      width: 25%;
   }
   .col-md-4 {
      width: 33.3333333333%;
   }
   .col-md-5 {
      width: 41.6666666667%;
   }
   .col-md-6 {
      width: 50%;
   }
   .col-md-7 {
      width: 58.3333333333%;
   }
   .col-md-8 {
      width: 66.6666666667%;
   }
   .col-md-9 {
      width: 75%;
   }
   .col-md-10 {
      width: 83.3333333333%;
   }
   .col-md-11 {
      width: 91.6666666667%;
   }
   .col-md-12 {
      width: 100%;
   }
   .col-md-pull-0 {
      right: auto;
   }
   .col-md-pull-1 {
      right: 8.3333333333%;
   }
   .col-md-pull-2 {
      right: 16.6666666667%;
   }
   .col-md-pull-3 {
      right: 25%;
   }
   .col-md-pull-4 {
      right: 33.3333333333%;
   }
   .col-md-pull-5 {
      right: 41.6666666667%;
   }
   .col-md-pull-6 {
      right: 50%;
   }
   .col-md-pull-7 {
      right: 58.3333333333%;
   }
   .col-md-pull-8 {
      right: 66.6666666667%;
   }
   .col-md-pull-9 {
      right: 75%;
   }
   .col-md-pull-10 {
      right: 83.3333333333%;
   }
   .col-md-pull-11 {
      right: 91.6666666667%;
   }
   .col-md-pull-12 {
      right: 100%;
   }
   .col-md-push-0 {
      left: auto;
   }
   .col-md-push-1 {
      left: 8.3333333333%;
   }
   .col-md-push-2 {
      left: 16.6666666667%;
   }
   .col-md-push-3 {
      left: 25%;
   }
   .col-md-push-4 {
      left: 33.3333333333%;
   }
   .col-md-push-5 {
      left: 41.6666666667%;
   }
   .col-md-push-6 {
      left: 50%;
   }
   .col-md-push-7 {
      left: 58.3333333333%;
   }
   .col-md-push-8 {
      left: 66.6666666667%;
   }
   .col-md-push-9 {
      left: 75%;
   }
   .col-md-push-10 {
      left: 83.3333333333%;
   }
   .col-md-push-11 {
      left: 91.6666666667%;
   }
   .col-md-push-12 {
      left: 100%;
   }
   .col-md-offset-0 {
      margin-left: 0%;
   }
   .col-md-offset-1 {
      margin-left: 8.3333333333%;
   }
   .col-md-offset-2 {
      margin-left: 16.6666666667%;
   }
   .col-md-offset-3 {
      margin-left: 25%;
   }
   .col-md-offset-4 {
      margin-left: 33.3333333333%;
   }
   .col-md-offset-5 {
      margin-left: 41.6666666667%;
   }
   .col-md-offset-6 {
      margin-left: 50%;
   }
   .col-md-offset-7 {
      margin-left: 58.3333333333%;
   }
   .col-md-offset-8 {
      margin-left: 66.6666666667%;
   }
   .col-md-offset-9 {
      margin-left: 75%;
   }
   .col-md-offset-10 {
      margin-left: 83.3333333333%;
   }
   .col-md-offset-11 {
      margin-left: 91.6666666667%;
   }
   .col-md-offset-12 {
      margin-left: 100%;
   }
}
@media (min-width: 1200px) {
   .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
      float: left;
   }
   .col-lg-1 {
      width: 8.3333333333%;
   }
   .col-lg-2 {
      width: 16.6666666667%;
   }
   .col-lg-3 {
      width: 25%;
   }
   .col-lg-4 {
      width: 33.3333333333%;
   }
   .col-lg-5 {
      width: 41.6666666667%;
   }
   .col-lg-6 {
      width: 50%;
   }
   .col-lg-7 {
      width: 58.3333333333%;
   }
   .col-lg-8 {
      width: 66.6666666667%;
   }
   .col-lg-9 {
      width: 75%;
   }
   .col-lg-10 {
      width: 83.3333333333%;
   }
   .col-lg-11 {
      width: 91.6666666667%;
   }
   .col-lg-12 {
      width: 100%;
   }
   .col-lg-pull-0 {
      right: auto;
   }
   .col-lg-pull-1 {
      right: 8.3333333333%;
   }
   .col-lg-pull-2 {
      right: 16.6666666667%;
   }
   .col-lg-pull-3 {
      right: 25%;
   }
   .col-lg-pull-4 {
      right: 33.3333333333%;
   }
   .col-lg-pull-5 {
      right: 41.6666666667%;
   }
   .col-lg-pull-6 {
      right: 50%;
   }
   .col-lg-pull-7 {
      right: 58.3333333333%;
   }
   .col-lg-pull-8 {
      right: 66.6666666667%;
   }
   .col-lg-pull-9 {
      right: 75%;
   }
   .col-lg-pull-10 {
      right: 83.3333333333%;
   }
   .col-lg-pull-11 {
      right: 91.6666666667%;
   }
   .col-lg-pull-12 {
      right: 100%;
   }
   .col-lg-push-0 {
      left: auto;
   }
   .col-lg-push-1 {
      left: 8.3333333333%;
   }
   .col-lg-push-2 {
      left: 16.6666666667%;
   }
   .col-lg-push-3 {
      left: 25%;
   }
   .col-lg-push-4 {
      left: 33.3333333333%;
   }
   .col-lg-push-5 {
      left: 41.6666666667%;
   }
   .col-lg-push-6 {
      left: 50%;
   }
   .col-lg-push-7 {
      left: 58.3333333333%;
   }
   .col-lg-push-8 {
      left: 66.6666666667%;
   }
   .col-lg-push-9 {
      left: 75%;
   }
   .col-lg-push-10 {
      left: 83.3333333333%;
   }
   .col-lg-push-11 {
      left: 91.6666666667%;
   }
   .col-lg-push-12 {
      left: 100%;
   }
   .col-lg-offset-0 {
      margin-left: 0%;
   }
   .col-lg-offset-1 {
      margin-left: 8.3333333333%;
   }
   .col-lg-offset-2 {
      margin-left: 16.6666666667%;
   }
   .col-lg-offset-3 {
      margin-left: 25%;
   }
   .col-lg-offset-4 {
      margin-left: 33.3333333333%;
   }
   .col-lg-offset-5 {
      margin-left: 41.6666666667%;
   }
   .col-lg-offset-6 {
      margin-left: 50%;
   }
   .col-lg-offset-7 {
      margin-left: 58.3333333333%;
   }
   .col-lg-offset-8 {
      margin-left: 66.6666666667%;
   }
   .col-lg-offset-9 {
      margin-left: 75%;
   }
   .col-lg-offset-10 {
      margin-left: 83.3333333333%;
   }
   .col-lg-offset-11 {
      margin-left: 91.6666666667%;
   }
   .col-lg-offset-12 {
      margin-left: 100%;
   }
}
fieldset {
   padding: 0;
   margin: 0;
   border: 0;
   min-width: 0;
}

legend {
   display: block;
   width: 100%;
   padding: 0;
   margin-bottom: 20px;
   font-size: 21px;
   line-height: inherit;
   color: #333333;
   border: 0;
   border-bottom: 1px solid #e5e5e5;
}

label {
   display: inline-block;
   max-width: 100%;
   margin-bottom: 5px;
   font-weight: bold;
}

input[type=search] {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

input[type=radio],
input[type=checkbox] {
   margin: 4px 0 0;
   margin-top: 1px \9 ;
   line-height: normal;
}

input[type=file] {
   display: block;
}

input[type=range] {
   display: block;
   width: 100%;
}

select[multiple],
select[size] {
   height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
}

output {
   display: block;
   padding-top: 7px;
   font-size: 14px;
   line-height: 1.428571429;
   color: rgb(85.425, 85.425, 85.425);
}

.form-control {
   display: block;
   width: 100%;
   height: 34px;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.428571429;
   color: rgb(85.425, 85.425, 85.425);
   background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
   -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.form-control:focus {
   border-color: #66afe9;
   outline: 0;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
   color: #999;
   opacity: 1;
}
.form-control:-ms-input-placeholder {
   color: #999;
}
.form-control::-webkit-input-placeholder {
   color: #999;
}
.form-control::-ms-expand {
   border: 0;
   background-color: transparent;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
   background-color: rgb(238.425, 238.425, 238.425);
   opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
   cursor: not-allowed;
}

textarea.form-control {
   height: auto;
}

input[type=search] {
   -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
   input[type=date].form-control,
   input[type=time].form-control,
   input[type=datetime-local].form-control,
   input[type=month].form-control {
      line-height: 34px;
   }
   input[type=date].input-sm, .input-group-sm input[type=date],
   input[type=time].input-sm,
   .input-group-sm input[type=time],
   input[type=datetime-local].input-sm,
   .input-group-sm input[type=datetime-local],
   input[type=month].input-sm,
   .input-group-sm input[type=month] {
      line-height: 30px;
   }
   input[type=date].input-lg, .input-group-lg input[type=date],
   input[type=time].input-lg,
   .input-group-lg input[type=time],
   input[type=datetime-local].input-lg,
   .input-group-lg input[type=datetime-local],
   input[type=month].input-lg,
   .input-group-lg input[type=month] {
      line-height: 46px;
   }
}
.form-group {
   margin-bottom: 15px;
}

.radio,
.checkbox {
   position: relative;
   display: block;
   margin-top: 10px;
   margin-bottom: 10px;
}
.radio label,
.checkbox label {
   min-height: 20px;
   padding-left: 20px;
   margin-bottom: 0;
   font-weight: normal;
   cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
   position: absolute;
   margin-left: -20px;
   margin-top: 4px \9 ;
}

.radio + .radio,
.checkbox + .checkbox {
   margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
   position: relative;
   display: inline-block;
   padding-left: 20px;
   margin-bottom: 0;
   vertical-align: middle;
   font-weight: normal;
   cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
   margin-top: 0;
   margin-left: 10px;
}

input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
   cursor: not-allowed;
}

.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
   cursor: not-allowed;
}

.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
   cursor: not-allowed;
}

.form-control-static {
   padding-top: 7px;
   padding-bottom: 7px;
   margin-bottom: 0;
   min-height: 34px;
}
.form-control-static.input-lg, .form-control-static.input-sm {
   padding-left: 0;
   padding-right: 0;
}

.input-sm {
   height: 30px;
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 3px;
}

select.input-sm {
   height: 30px;
   line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
   height: auto;
}

.form-group-sm .form-control {
   height: 30px;
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 3px;
}
.form-group-sm select.form-control {
   height: 30px;
   line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
   height: auto;
}
.form-group-sm .form-control-static {
   height: 30px;
   min-height: 32px;
   padding: 6px 10px;
   font-size: 12px;
   line-height: 1.5;
}

.input-lg {
   height: 46px;
   padding: 10px 16px;
   font-size: 18px;
   line-height: 1.3333333;
   border-radius: 6px;
}

select.input-lg {
   height: 46px;
   line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
   height: auto;
}

.form-group-lg .form-control {
   height: 46px;
   padding: 10px 16px;
   font-size: 18px;
   line-height: 1.3333333;
   border-radius: 6px;
}
.form-group-lg select.form-control {
   height: 46px;
   line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
   height: auto;
}
.form-group-lg .form-control-static {
   height: 46px;
   min-height: 38px;
   padding: 11px 16px;
   font-size: 18px;
   line-height: 1.3333333;
}

.has-feedback {
   position: relative;
}
.has-feedback .form-control {
   padding-right: 42.5px;
}

.form-control-feedback {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 2;
   display: block;
   width: 34px;
   height: 34px;
   line-height: 34px;
   text-align: center;
   pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
   width: 46px;
   height: 46px;
   line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
   width: 30px;
   height: 30px;
   line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
   color: #3c763d;
}
.has-success .form-control {
   border-color: #3c763d;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
   border-color: rgb(42.808988764, 84.191011236, 43.5224719101);
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(102.5280898876, 177.4719101124, 103.8202247191);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(102.5280898876, 177.4719101124, 103.8202247191);
}
.has-success .input-group-addon {
   color: #3c763d;
   border-color: #3c763d;
   background-color: #dff0d8;
}
.has-success .form-control-feedback {
   color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
   color: #8a6d3b;
}
.has-warning .form-control {
   border-color: #8a6d3b;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
   border-color: rgb(102.2741116751, 80.7817258883, 43.7258883249);
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(191.807106599, 160.7461928934, 107.192893401);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(191.807106599, 160.7461928934, 107.192893401);
}
.has-warning .input-group-addon {
   color: #8a6d3b;
   border-color: #8a6d3b;
   background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
   color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
   color: #a94442;
}
.has-error .form-control {
   border-color: #a94442;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
   border-color: rgb(132.3234042553, 53.2425531915, 51.6765957447);
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(206.4127659574, 132.0595744681, 130.5872340426);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(206.4127659574, 132.0595744681, 130.5872340426);
}
.has-error .input-group-addon {
   color: #a94442;
   border-color: #a94442;
   background-color: #f2dede;
}
.has-error .form-control-feedback {
   color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
   top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
   top: 0;
}

.help-block {
   display: block;
   margin-top: 5px;
   margin-bottom: 10px;
   color: rgb(63.75, 63.75, 63.75);
}

@media (min-width: 768px) {
   .form-inline .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
   }
   .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
   }
   .form-inline .form-control-static {
      display: inline-block;
   }
   .form-inline .input-group {
      display: inline-table;
      vertical-align: middle;
   }
   .form-inline .input-group .input-group-addon,
   .form-inline .input-group .input-group-btn,
   .form-inline .input-group .form-control {
      width: auto;
   }
   .form-inline .input-group > .form-control {
      width: 100%;
   }
   .form-inline .control-label {
      margin-bottom: 0;
      vertical-align: middle;
   }
   .form-inline .radio,
   .form-inline .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
   }
   .form-inline .radio label,
   .form-inline .checkbox label {
      padding-left: 0;
   }
   .form-inline .radio input[type=radio],
   .form-inline .checkbox input[type=checkbox] {
      position: relative;
      margin-left: 0;
   }
   .form-inline .has-feedback .form-control-feedback {
      top: 0;
   }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
   margin-top: 0;
   margin-bottom: 0;
   padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
   min-height: 27px;
}
.form-horizontal .form-group {
   margin-left: -15px;
   margin-right: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
   content: " ";
   display: table;
}
.form-horizontal .form-group:after {
   clear: both;
}
@media (min-width: 768px) {
   .form-horizontal .control-label {
      text-align: right;
      margin-bottom: 0;
      padding-top: 7px;
   }
}
.form-horizontal .has-feedback .form-control-feedback {
   right: 15px;
}
@media (min-width: 768px) {
   .form-horizontal .form-group-lg .control-label {
      padding-top: 11px;
      font-size: 18px;
   }
}
@media (min-width: 768px) {
   .form-horizontal .form-group-sm .control-label {
      padding-top: 6px;
      font-size: 12px;
   }
}

.fade {
   opacity: 0;
   -webkit-transition: opacity 0.15s linear;
   transition: opacity 0.15s linear;
}
.fade.in {
   opacity: 1;
}

.collapse {
   display: none;
}
.collapse.in {
   display: block;
}

tr.collapse.in {
   display: table-row;
}

tbody.collapse.in {
   display: table-row-group;
}

.collapsing {
   position: relative;
   height: 0;
   overflow: hidden;
   -webkit-transition-property: height, visibility;
   transition-property: height, visibility;
   -webkit-transition-duration: 0.35s;
   transition-duration: 0.35s;
   -webkit-transition-timing-function: ease;
   transition-timing-function: ease;
}

.caret {
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-top: 4px dashed;
   border-top: 4px solid \9 ;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
}

.dropup,
.dropdown {
   position: relative;
}

.dropdown-toggle:focus {
   outline: 0;
}

.dropdown-menu {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 160px;
   padding: 5px 0;
   margin: 2px 0 0;
   list-style: none;
   font-size: 14px;
   text-align: left;
   background-color: #fff;
   border: 1px solid #ccc;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 4px;
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   background-clip: padding-box;
}
.dropdown-menu.pull-right {
   right: 0;
   left: auto;
}
.dropdown-menu .divider {
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #e5e5e5;
}
.dropdown-menu > li > a {
   display: block;
   padding: 3px 20px;
   clear: both;
   font-weight: normal;
   line-height: 1.428571429;
   color: #333333;
   white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
   text-decoration: none;
   color: rgb(38.25, 38.25, 38.25);
   background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
   color: #fff;
   text-decoration: none;
   outline: 0;
   background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
   color: rgb(119.085, 119.085, 119.085);
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   cursor: not-allowed;
}

.open > .dropdown-menu {
   display: block;
}
.open > a {
   outline: 0;
}

.dropdown-menu-right {
   left: auto;
   right: 0;
}

.dropdown-menu-left {
   left: 0;
   right: auto;
}

.dropdown-header {
   display: block;
   padding: 3px 20px;
   font-size: 12px;
   line-height: 1.428571429;
   color: rgb(119.085, 119.085, 119.085);
   white-space: nowrap;
}

.dropdown-backdrop {
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   z-index: 990;
}

.pull-right > .dropdown-menu {
   right: 0;
   left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
   border-top: 0;
   border-bottom: 4px dashed;
   border-bottom: 4px solid \9 ;
   content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
   top: auto;
   bottom: 100%;
   margin-bottom: 2px;
}

@media (min-width: 768px) {
   .navbar-right .dropdown-menu {
      right: 0;
      left: auto;
   }
   .navbar-right .dropdown-menu-left {
      left: 0;
      right: auto;
   }
}
.nav {
   margin-bottom: 0;
   padding-left: 0;
   list-style: none;
}
.nav:before, .nav:after {
   content: " ";
   display: table;
}
.nav:after {
   clear: both;
}
.nav > li {
   position: relative;
   display: block;
}
.nav > li > a {
   position: relative;
   display: block;
   padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
   text-decoration: none;
   background-color: rgb(238.425, 238.425, 238.425);
}
.nav > li.disabled > a {
   color: rgb(119.085, 119.085, 119.085);
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
   color: rgb(119.085, 119.085, 119.085);
   text-decoration: none;
   background-color: transparent;
   cursor: not-allowed;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
   background-color: rgb(238.425, 238.425, 238.425);
   border-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.nav .nav-divider {
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #e5e5e5;
}
.nav > li > a > img {
   max-width: none;
}

.nav-tabs {
   border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
   float: left;
   margin-bottom: -1px;
}
.nav-tabs > li > a {
   margin-right: 2px;
   line-height: 1.428571429;
   border: 1px solid transparent;
   border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
   border-color: rgb(238.425, 238.425, 238.425) rgb(238.425, 238.425, 238.425) #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
   color: rgb(85.425, 85.425, 85.425);
   background-color: #fff;
   border: 1px solid #ddd;
   border-bottom-color: transparent;
   cursor: default;
}
.nav-pills > li {
   float: left;
}
.nav-pills > li > a {
   border-radius: 4px;
}
.nav-pills > li + li {
   margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
   color: #fff;
   background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}

.nav-stacked > li {
   float: none;
}
.nav-stacked > li + li {
   margin-top: 2px;
   margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
   width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
   float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
   text-align: center;
   margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
   top: auto;
   left: auto;
}
@media (min-width: 768px) {
   .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%;
   }
   .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      margin-bottom: 0;
   }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
   border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
   margin-right: 0;
   border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
   border: 1px solid #ddd;
}
@media (min-width: 768px) {
   .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0;
   }
   .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
   .nav-tabs-justified > .active > a:hover,
   .nav-tabs-justified > .active > a:focus {
      border-bottom-color: #fff;
   }
}

.tab-content > .tab-pane {
   display: none;
}
.tab-content > .active {
   display: block;
}

.nav-tabs .dropdown-menu {
   margin-top: -1px;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
}

.navbar {
   position: relative;
   min-height: 50px;
   margin-bottom: 20px;
   border: 1px solid transparent;
}
.navbar:before, .navbar:after {
   content: " ";
   display: table;
}
.navbar:after {
   clear: both;
}
@media (min-width: 768px) {
   .navbar {
      border-radius: 4px;
   }
}

.navbar-header:before, .navbar-header:after {
   content: " ";
   display: table;
}
.navbar-header:after {
   clear: both;
}
@media (min-width: 768px) {
   .navbar-header {
      float: left;
   }
}

.navbar-collapse {
   overflow-x: visible;
   padding-right: 15px;
   padding-left: 15px;
   border-top: 1px solid transparent;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
           box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-collapse:before, .navbar-collapse:after {
   content: " ";
   display: table;
}
.navbar-collapse:after {
   clear: both;
}
.navbar-collapse {
   -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
   overflow-y: auto;
}
@media (min-width: 768px) {
   .navbar-collapse {
      width: auto;
      border-top: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
   }
   .navbar-collapse.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
   }
   .navbar-collapse.in {
      overflow-y: visible;
   }
   .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
      padding-left: 0;
      padding-right: 0;
   }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
   max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
   .navbar-fixed-top .navbar-collapse,
   .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px;
   }
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
   margin-right: -15px;
   margin-left: -15px;
}
@media (min-width: 768px) {
   .container > .navbar-header,
   .container > .navbar-collapse,
   .container-fluid > .navbar-header,
   .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0;
   }
}

.navbar-static-top {
   z-index: 1000;
   border-width: 0 0 1px;
}
@media (min-width: 768px) {
   .navbar-static-top {
      border-radius: 0;
   }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
   position: fixed;
   right: 0;
   left: 0;
   z-index: 1030;
}
@media (min-width: 768px) {
   .navbar-fixed-top,
   .navbar-fixed-bottom {
      border-radius: 0;
   }
}

.navbar-fixed-top {
   top: 0;
   border-width: 0 0 1px;
}

.navbar-fixed-bottom {
   bottom: 0;
   margin-bottom: 0;
   border-width: 1px 0 0;
}

.navbar-brand {
   float: left;
   padding: 15px 15px;
   font-size: 18px;
   line-height: 20px;
   height: 50px;
}
.navbar-brand:hover, .navbar-brand:focus {
   text-decoration: none;
}
.navbar-brand > img {
   display: block;
}
@media (min-width: 768px) {
   .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
      margin-left: -15px;
   }
}

.navbar-toggle {
   position: relative;
   float: right;
   margin-right: 15px;
   padding: 9px 10px;
   margin-top: 8px;
   margin-bottom: 8px;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 4px;
}
.navbar-toggle:focus {
   outline: 0;
}
.navbar-toggle .icon-bar {
   display: block;
   width: 22px;
   height: 2px;
   border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
   margin-top: 4px;
}
@media (min-width: 768px) {
   .navbar-toggle {
      display: none;
   }
}

.navbar-nav {
   margin: 7.5px -15px;
}
.navbar-nav > li > a {
   padding-top: 10px;
   padding-bottom: 10px;
   line-height: 20px;
}
@media (max-width: 767px) {
   .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
   }
   .navbar-nav .open .dropdown-menu > li > a,
   .navbar-nav .open .dropdown-menu .dropdown-header {
      padding: 5px 15px 5px 25px;
   }
   .navbar-nav .open .dropdown-menu > li > a {
      line-height: 20px;
   }
   .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
      background-image: none;
   }
}
@media (min-width: 768px) {
   .navbar-nav {
      float: left;
      margin: 0;
   }
   .navbar-nav > li {
      float: left;
   }
   .navbar-nav > li > a {
      padding-top: 15px;
      padding-bottom: 15px;
   }
}

.navbar-form {
   margin-left: -15px;
   margin-right: -15px;
   padding: 10px 15px;
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
   .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
   }
   .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
   }
   .navbar-form .form-control-static {
      display: inline-block;
   }
   .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle;
   }
   .navbar-form .input-group .input-group-addon,
   .navbar-form .input-group .input-group-btn,
   .navbar-form .input-group .form-control {
      width: auto;
   }
   .navbar-form .input-group > .form-control {
      width: 100%;
   }
   .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle;
   }
   .navbar-form .radio,
   .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
   }
   .navbar-form .radio label,
   .navbar-form .checkbox label {
      padding-left: 0;
   }
   .navbar-form .radio input[type=radio],
   .navbar-form .checkbox input[type=checkbox] {
      position: relative;
      margin-left: 0;
   }
   .navbar-form .has-feedback .form-control-feedback {
      top: 0;
   }
}
@media (max-width: 767px) {
   .navbar-form .form-group {
      margin-bottom: 5px;
   }
   .navbar-form .form-group:last-child {
      margin-bottom: 0;
   }
}
.navbar-form {
   margin-top: 8px;
   margin-bottom: 8px;
}
@media (min-width: 768px) {
   .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
   }
}

.navbar-nav > li > .dropdown-menu {
   margin-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
   margin-bottom: 0;
   border-top-right-radius: 4px;
   border-top-left-radius: 4px;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
}

.navbar-btn {
   margin-top: 8px;
   margin-bottom: 8px;
}
.navbar-btn.btn-sm {
   margin-top: 10px;
   margin-bottom: 10px;
}
.navbar-btn.btn-xs {
   margin-top: 14px;
   margin-bottom: 14px;
}

.navbar-text {
   margin-top: 15px;
   margin-bottom: 15px;
}
@media (min-width: 768px) {
   .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px;
   }
}

@media (min-width: 768px) {
   .navbar-left {
      float: left !important;
   }
   .navbar-right {
      float: right !important;
      margin-right: -15px;
   }
   .navbar-right ~ .navbar-right {
      margin-right: 0;
   }
}
.navbar-default {
   background-color: #f8f8f8;
   border-color: rgb(231.425, 231.425, 231.425);
}
.navbar-default .navbar-brand {
   color: #777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
   color: rgb(93.5, 93.5, 93.5);
   background-color: transparent;
}
.navbar-default .navbar-text {
   color: #777;
}
.navbar-default .navbar-nav > li > a {
   color: #777;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
   color: #333;
   background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
   color: #555;
   background-color: rgb(231.425, 231.425, 231.425);
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
   color: #ccc;
   background-color: transparent;
}
.navbar-default .navbar-toggle {
   border-color: #ddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
   background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
   background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
   border-color: rgb(231.425, 231.425, 231.425);
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
   background-color: rgb(231.425, 231.425, 231.425);
   color: #555;
}
@media (max-width: 767px) {
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #333;
      background-color: transparent;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: rgb(231.425, 231.425, 231.425);
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent;
   }
}
.navbar-default .navbar-link {
   color: #777;
}
.navbar-default .navbar-link:hover {
   color: #333;
}
.navbar-default .btn-link {
   color: #777;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
   color: #333;
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
   color: #ccc;
}

.navbar-inverse {
   background-color: #222;
   border-color: rgb(8.5, 8.5, 8.5);
}
.navbar-inverse .navbar-brand {
   color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
   color: #fff;
   background-color: transparent;
}
.navbar-inverse .navbar-text {
   color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-nav > li > a {
   color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
   color: #fff;
   background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
   color: #fff;
   background-color: rgb(8.5, 8.5, 8.5);
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
   color: #444;
   background-color: transparent;
}
.navbar-inverse .navbar-toggle {
   border-color: #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
   background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
   background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
   border-color: rgb(16.15, 16.15, 16.15);
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
   background-color: rgb(8.5, 8.5, 8.5);
   color: #fff;
}
@media (max-width: 767px) {
   .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: rgb(8.5, 8.5, 8.5);
   }
   .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: rgb(8.5, 8.5, 8.5);
   }
   .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: rgb(157.335, 157.335, 157.335);
   }
   .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #fff;
      background-color: transparent;
   }
   .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: rgb(8.5, 8.5, 8.5);
   }
   .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent;
   }
}
.navbar-inverse .navbar-link {
   color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-link:hover {
   color: #fff;
}
.navbar-inverse .btn-link {
   color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
   color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
   color: #444;
}

.pagination {
   display: inline-block;
   padding-left: 0;
   margin: 20px 0;
   border-radius: 4px;
}
.pagination > li {
   display: inline;
}
.pagination > li > a,
.pagination > li > span {
   position: relative;
   float: left;
   padding: 6px 12px;
   line-height: 1.428571429;
   text-decoration: none;
   color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
   background-color: #fff;
   border: 1px solid #ddd;
   margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
   margin-left: 0;
   border-bottom-left-radius: 4px;
   border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
   border-bottom-right-radius: 4px;
   border-top-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
   z-index: 2;
   color: rgb(34.6799586777, 82.4466942149, 123.6700413223);
   background-color: rgb(238.425, 238.425, 238.425);
   border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
   z-index: 3;
   color: #fff;
   background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
   border-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
   cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
   color: rgb(119.085, 119.085, 119.085);
   background-color: #fff;
   border-color: #ddd;
   cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
   padding: 10px 16px;
   font-size: 18px;
   line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
   border-bottom-left-radius: 6px;
   border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
   border-bottom-right-radius: 6px;
   border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
   border-bottom-left-radius: 3px;
   border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
   border-bottom-right-radius: 3px;
   border-top-right-radius: 3px;
}

.pager {
   padding-left: 0;
   margin: 20px 0;
   list-style: none;
   text-align: center;
}
.pager:before, .pager:after {
   content: " ";
   display: table;
}
.pager:after {
   clear: both;
}
.pager li {
   display: inline;
}
.pager li > a,
.pager li > span {
   display: inline-block;
   padding: 5px 14px;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
   text-decoration: none;
   background-color: rgb(238.425, 238.425, 238.425);
}
.pager .next > a,
.pager .next > span {
   float: right;
}
.pager .previous > a,
.pager .previous > span {
   float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
   color: rgb(119.085, 119.085, 119.085);
   background-color: #fff;
   cursor: not-allowed;
}

.label {
   display: inline;
   padding: 0.2em 0.6em 0.3em;
   font-size: 75%;
   font-weight: bold;
   line-height: 1;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 0.25em;
}
.label:empty {
   display: none;
}
.btn .label {
   position: relative;
   top: -1px;
}

a.label:hover, a.label:focus {
   color: #fff;
   text-decoration: none;
   cursor: pointer;
}

.label-default {
   background-color: rgb(119.085, 119.085, 119.085);
}
.label-default[href]:hover, .label-default[href]:focus {
   background-color: rgb(93.585, 93.585, 93.585);
}

.label-primary {
   background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.label-primary[href]:hover, .label-primary[href]:focus {
   background-color: rgb(40.2646694215, 95.723553719, 143.5853305785);
}

.label-success {
   background-color: #5cb85c;
}
.label-success[href]:hover, .label-success[href]:focus {
   background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
}

.label-info {
   background-color: #5bc0de;
}
.label-info[href]:hover, .label-info[href]:focus {
   background-color: rgb(48.5431472081, 175.6903553299, 213.4568527919);
}

.label-warning {
   background-color: #f0ad4e;
}
.label-warning[href]:hover, .label-warning[href]:focus {
   background-color: rgb(236.015625, 151.21875, 30.984375);
}

.label-danger {
   background-color: #d9534f;
}
.label-danger[href]:hover, .label-danger[href]:focus {
   background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972);
}

.badge {
   display: inline-block;
   min-width: 10px;
   padding: 3px 7px;
   font-size: 12px;
   font-weight: bold;
   color: #fff;
   line-height: 1;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   background-color: rgb(119.085, 119.085, 119.085);
   border-radius: 10px;
}
.badge:empty {
   display: none;
}
.btn .badge {
   position: relative;
   top: -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge {
   top: 0;
   padding: 1px 5px;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
   color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
   background-color: #fff;
}
.list-group-item > .badge {
   float: right;
}
.list-group-item > .badge + .badge {
   margin-right: 5px;
}
.nav-pills > li > a > .badge {
   margin-left: 3px;
}

a.badge:hover, a.badge:focus {
   color: #fff;
   text-decoration: none;
   cursor: pointer;
}

.thumbnail {
   display: block;
   padding: 4px;
   margin-bottom: 20px;
   line-height: 1.428571429;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 4px;
   -webkit-transition: border 0.2s ease-in-out;
   transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
   display: block;
   max-width: 100%;
   height: auto;
   margin-left: auto;
   margin-right: auto;
}
.thumbnail .caption {
   padding: 9px;
   color: #333333;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
   border-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}

.media {
   margin-top: 15px;
}
.media:first-child {
   margin-top: 0;
}

.media,
.media-body {
   zoom: 1;
   overflow: hidden;
}

.media-body {
   width: 10000px;
}

.media-object {
   display: block;
}
.media-object.img-thumbnail {
   max-width: none;
}

.media-right,
.media > .pull-right {
   padding-left: 10px;
}

.media-left,
.media > .pull-left {
   padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
   display: table-cell;
   vertical-align: top;
}

.media-middle {
   vertical-align: middle;
}

.media-bottom {
   vertical-align: bottom;
}

.media-heading {
   margin-top: 0;
   margin-bottom: 5px;
}

.media-list {
   padding-left: 0;
   list-style: none;
}

.list-group {
   margin-bottom: 20px;
   padding-left: 0;
}

.list-group-item {
   position: relative;
   display: block;
   padding: 10px 15px;
   margin-bottom: -1px;
   background-color: #fff;
   border: 1px solid #ddd;
}
.list-group-item:first-child {
   border-top-right-radius: 4px;
   border-top-left-radius: 4px;
}
.list-group-item:last-child {
   margin-bottom: 0;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
}

a.list-group-item,
button.list-group-item {
   color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
   color: #333;
}
a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
   text-decoration: none;
   color: #555;
   background-color: #f5f5f5;
}

button.list-group-item {
   width: 100%;
   text-align: left;
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
   background-color: rgb(238.425, 238.425, 238.425);
   color: rgb(119.085, 119.085, 119.085);
   cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
   color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
   color: rgb(119.085, 119.085, 119.085);
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
   z-index: 2;
   color: #fff;
   background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
   border-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
   color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
   color: rgb(199.4324380165, 220.8950413223, 239.4175619835);
}

.list-group-item-success {
   color: #3c763d;
   background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
   color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
   color: inherit;
}
a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
   color: #3c763d;
   background-color: rgb(207.8888888889, 232.9166666667, 197.5833333333);
}
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
   color: #fff;
   background-color: #3c763d;
   border-color: #3c763d;
}

.list-group-item-info {
   color: #31708f;
   background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
   color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
   color: inherit;
}
a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
   color: #31708f;
   background-color: rgb(195.9347826087, 227.0217391304, 242.5652173913);
}
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
   color: #fff;
   background-color: #31708f;
   border-color: #31708f;
}

.list-group-item-warning {
   color: #8a6d3b;
   background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
   color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
   color: inherit;
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
   color: #8a6d3b;
   background-color: rgb(249.5322580645, 242.2419354839, 203.9677419355);
}
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
   color: #fff;
   background-color: #8a6d3b;
   border-color: #8a6d3b;
}

.list-group-item-danger {
   color: #a94442;
   background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
   color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
   color: inherit;
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
   color: #a94442;
   background-color: rgb(234.7934782609, 203.7065217391, 203.7065217391);
}
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
   color: #fff;
   background-color: #a94442;
   border-color: #a94442;
}

.list-group-item-heading {
   margin-top: 0;
   margin-bottom: 5px;
}

.list-group-item-text {
   margin-bottom: 0;
   line-height: 1.3;
}

.panel {
   margin-bottom: 20px;
   background-color: #fff;
   border: 1px solid transparent;
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
   padding: 15px;
}
.panel-body:before, .panel-body:after {
   content: " ";
   display: table;
}
.panel-body:after {
   clear: both;
}

.panel-heading {
   padding: 10px 15px;
   border-bottom: 1px solid transparent;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
   color: inherit;
}

.panel-title {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 16px;
   color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
   color: inherit;
}

.panel-footer {
   padding: 10px 15px;
   background-color: #f5f5f5;
   border-top: 1px solid #ddd;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
   margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
   border-width: 1px 0;
   border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
   border-top: 0;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
   border-bottom: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
   border-top-right-radius: 0;
   border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
   border-top-width: 0;
}

.list-group + .panel-footer {
   border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
   margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
   padding-left: 15px;
   padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
   border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
   border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
   border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
   border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
   border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
   border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
   border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
   border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
   border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
   border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
   border-bottom: 0;
}
.panel > .table-responsive {
   border: 0;
   margin-bottom: 0;
}

.panel-group {
   margin-bottom: 20px;
}
.panel-group .panel {
   margin-bottom: 0;
   border-radius: 4px;
}
.panel-group .panel + .panel {
   margin-top: 5px;
}
.panel-group .panel-heading {
   border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
   border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
   border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
   border-bottom: 1px solid #ddd;
}

.panel-default {
   border-color: #ddd;
}
.panel-default > .panel-heading {
   color: #333333;
   background-color: #f5f5f5;
   border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
   border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
   color: #f5f5f5;
   background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
   border-bottom-color: #ddd;
}

.panel-primary {
   border-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.panel-primary > .panel-heading {
   color: #fff;
   background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
   border-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
   border-top-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.panel-primary > .panel-heading .badge {
   color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
   background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
   border-bottom-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}

.panel-success {
   border-color: rgb(213.7777777778, 232.9166666667, 197.5833333333);
}
.panel-success > .panel-heading {
   color: #3c763d;
   background-color: #dff0d8;
   border-color: rgb(213.7777777778, 232.9166666667, 197.5833333333);
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
   border-top-color: rgb(213.7777777778, 232.9166666667, 197.5833333333);
}
.panel-success > .panel-heading .badge {
   color: #dff0d8;
   background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
   border-bottom-color: rgb(213.7777777778, 232.9166666667, 197.5833333333);
}

.panel-info {
   border-color: rgb(187.5086956522, 231.9108695652, 240.7913043478);
}
.panel-info > .panel-heading {
   color: #31708f;
   background-color: #d9edf7;
   border-color: rgb(187.5086956522, 231.9108695652, 240.7913043478);
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
   border-top-color: rgb(187.5086956522, 231.9108695652, 240.7913043478);
}
.panel-info > .panel-heading .badge {
   color: #d9edf7;
   background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
   border-bottom-color: rgb(187.5086956522, 231.9108695652, 240.7913043478);
}

.panel-warning {
   border-color: rgb(249.5322580645, 234.6478494624, 203.9677419355);
}
.panel-warning > .panel-heading {
   color: #8a6d3b;
   background-color: #fcf8e3;
   border-color: rgb(249.5322580645, 234.6478494624, 203.9677419355);
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
   border-top-color: rgb(249.5322580645, 234.6478494624, 203.9677419355);
}
.panel-warning > .panel-heading .badge {
   color: #fcf8e3;
   background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
   border-bottom-color: rgb(249.5322580645, 234.6478494624, 203.9677419355);
}

.panel-danger {
   border-color: rgb(234.7934782609, 203.7065217391, 208.8876811594);
}
.panel-danger > .panel-heading {
   color: #a94442;
   background-color: #f2dede;
   border-color: rgb(234.7934782609, 203.7065217391, 208.8876811594);
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
   border-top-color: rgb(234.7934782609, 203.7065217391, 208.8876811594);
}
.panel-danger > .panel-heading .badge {
   color: #f2dede;
   background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
   border-bottom-color: rgb(234.7934782609, 203.7065217391, 208.8876811594);
}

.embed-responsive {
   position: relative;
   display: block;
   height: 0;
   padding: 0;
   overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   border: 0;
}

.embed-responsive-16by9 {
   padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
   padding-bottom: 75%;
}

.tooltip {
   position: absolute;
   z-index: 1070;
   display: block;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-style: normal;
   font-weight: normal;
   letter-spacing: normal;
   line-break: auto;
   line-height: 1.428571429;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   white-space: normal;
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
   font-size: 12px;
   opacity: 0;
   filter: alpha(opacity=0);
}
.tooltip.in {
   opacity: 0.9;
   filter: alpha(opacity=90);
}
.tooltip.top {
   margin-top: -3px;
   padding: 5px 0;
}
.tooltip.right {
   margin-left: 3px;
   padding: 0 5px;
}
.tooltip.bottom {
   margin-top: 3px;
   padding: 5px 0;
}
.tooltip.left {
   margin-left: -3px;
   padding: 0 5px;
}

.tooltip-inner {
   max-width: 200px;
   padding: 3px 8px;
   color: #fff;
   text-align: center;
   background-color: #000;
   border-radius: 4px;
}

.tooltip-arrow {
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
}

.tooltip.top .tooltip-arrow {
   bottom: 0;
   left: 50%;
   margin-left: -5px;
   border-width: 5px 5px 0;
   border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
   bottom: 0;
   right: 5px;
   margin-bottom: -5px;
   border-width: 5px 5px 0;
   border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
   bottom: 0;
   left: 5px;
   margin-bottom: -5px;
   border-width: 5px 5px 0;
   border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
   top: 50%;
   left: 0;
   margin-top: -5px;
   border-width: 5px 5px 5px 0;
   border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
   top: 50%;
   right: 0;
   margin-top: -5px;
   border-width: 5px 0 5px 5px;
   border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
   top: 0;
   left: 50%;
   margin-left: -5px;
   border-width: 0 5px 5px;
   border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
   top: 0;
   right: 5px;
   margin-top: -5px;
   border-width: 0 5px 5px;
   border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
   top: 0;
   left: 5px;
   margin-top: -5px;
   border-width: 0 5px 5px;
   border-bottom-color: #000;
}

.carousel {
   position: relative;
}

.carousel-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
}
.carousel-inner > .item {
   display: none;
   position: relative;
   -webkit-transition: 0.6s ease-in-out left;
   transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
   display: block;
   max-width: 100%;
   height: auto;
   line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
   .carousel-inner > .item {
      -webkit-transition: -webkit-transform 0.6s ease-in-out;
      transition: -webkit-transform 0.6s ease-in-out;
      transition: transform 0.6s ease-in-out;
      transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000px;
      perspective: 1000px;
   }
   .carousel-inner > .item.next, .carousel-inner > .item.active.right {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      left: 0;
   }
   .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      left: 0;
   }
   .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
   display: block;
}
.carousel-inner > .active {
   left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
   position: absolute;
   top: 0;
   width: 100%;
}
.carousel-inner > .next {
   left: 100%;
}
.carousel-inner > .prev {
   left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
   left: 0;
}
.carousel-inner > .active.left {
   left: -100%;
}
.carousel-inner > .active.right {
   left: 100%;
}

.carousel-control {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   width: 15%;
   opacity: 0.5;
   filter: alpha(opacity=50);
   font-size: 20px;
   color: #fff;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
   background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
   left: auto;
   right: 0;
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover, .carousel-control:focus {
   outline: 0;
   color: #fff;
   text-decoration: none;
   opacity: 0.9;
   filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
   position: absolute;
   top: 50%;
   margin-top: -10px;
   z-index: 5;
   display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
   left: 50%;
   margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
   right: 50%;
   margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
   width: 20px;
   height: 20px;
   line-height: 1;
   font-family: serif;
}
.carousel-control .icon-prev:before {
   content: "‹";
}
.carousel-control .icon-next:before {
   content: "›";
}

.carousel-indicators {
   position: absolute;
   bottom: 10px;
   left: 50%;
   z-index: 15;
   width: 60%;
   margin-left: -30%;
   padding-left: 0;
   list-style: none;
   text-align: center;
}
.carousel-indicators li {
   display: inline-block;
   width: 10px;
   height: 10px;
   margin: 1px;
   text-indent: -999px;
   border: 1px solid #fff;
   border-radius: 10px;
   cursor: pointer;
   background-color: transparent;
}
.carousel-indicators .active {
   margin: 0;
   width: 12px;
   height: 12px;
   background-color: #fff;
}

.carousel-caption {
   position: absolute;
   left: 15%;
   right: 15%;
   bottom: 20px;
   z-index: 10;
   padding-top: 20px;
   padding-bottom: 20px;
   color: #fff;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
   text-shadow: none;
}

@media screen and (min-width: 768px) {
   .carousel-control .glyphicon-chevron-left,
   .carousel-control .glyphicon-chevron-right,
   .carousel-control .icon-prev,
   .carousel-control .icon-next {
      width: 30px;
      height: 30px;
      margin-top: -10px;
      font-size: 30px;
   }
   .carousel-control .glyphicon-chevron-left,
   .carousel-control .icon-prev {
      margin-left: -10px;
   }
   .carousel-control .glyphicon-chevron-right,
   .carousel-control .icon-next {
      margin-right: -10px;
   }
   .carousel-caption {
      left: 20%;
      right: 20%;
      padding-bottom: 30px;
   }
   .carousel-indicators {
      bottom: -32px !important;
   }
}
.clearfix:before, .clearfix:after {
   content: " ";
   display: table;
}
.clearfix:after {
   clear: both;
}

.center-block {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.pull-right {
   float: right !important;
}

.pull-left {
   float: left !important;
}

.hide {
   display: none !important;
}

.show {
   display: block !important;
}

.invisible {
   visibility: hidden;
}

.text-hide {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0;
}

.hidden {
   display: none !important;
}

.affix {
   position: fixed;
}

@-ms-viewport {
   width: device-width;
}
.visible-xs {
   display: none !important;
}

.visible-sm {
   display: none !important;
}

.visible-md {
   display: none !important;
}

.visible-lg {
   display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
   display: none !important;
}

@media (max-width: 767px) {
   .visible-xs {
      display: block !important;
   }
   table.visible-xs {
      display: table !important;
   }
   tr.visible-xs {
      display: table-row !important;
   }
   th.visible-xs,
   td.visible-xs {
      display: table-cell !important;
   }
}
@media (max-width: 767px) {
   .visible-xs-block {
      display: block !important;
   }
}

@media (max-width: 767px) {
   .visible-xs-inline {
      display: inline !important;
   }
}

@media (max-width: 767px) {
   .visible-xs-inline-block {
      display: inline-block !important;
   }
}

@media (min-width: 768px) and (max-width: 991px) {
   .visible-sm {
      display: block !important;
   }
   table.visible-sm {
      display: table !important;
   }
   tr.visible-sm {
      display: table-row !important;
   }
   th.visible-sm,
   td.visible-sm {
      display: table-cell !important;
   }
}
@media (min-width: 768px) and (max-width: 991px) {
   .visible-sm-block {
      display: block !important;
   }
}

@media (min-width: 768px) and (max-width: 991px) {
   .visible-sm-inline {
      display: inline !important;
   }
}

@media (min-width: 768px) and (max-width: 991px) {
   .visible-sm-inline-block {
      display: inline-block !important;
   }
}

@media (min-width: 992px) and (max-width: 1199px) {
   .visible-md {
      display: block !important;
   }
   table.visible-md {
      display: table !important;
   }
   tr.visible-md {
      display: table-row !important;
   }
   th.visible-md,
   td.visible-md {
      display: table-cell !important;
   }
}
@media (min-width: 992px) and (max-width: 1199px) {
   .visible-md-block {
      display: block !important;
   }
}

@media (min-width: 992px) and (max-width: 1199px) {
   .visible-md-inline {
      display: inline !important;
   }
}

@media (min-width: 992px) and (max-width: 1199px) {
   .visible-md-inline-block {
      display: inline-block !important;
   }
}

@media (min-width: 1200px) {
   .visible-lg {
      display: block !important;
   }
   table.visible-lg {
      display: table !important;
   }
   tr.visible-lg {
      display: table-row !important;
   }
   th.visible-lg,
   td.visible-lg {
      display: table-cell !important;
   }
}
@media (min-width: 1200px) {
   .visible-lg-block {
      display: block !important;
   }
}

@media (min-width: 1200px) {
   .visible-lg-inline {
      display: inline !important;
   }
}

@media (min-width: 1200px) {
   .visible-lg-inline-block {
      display: inline-block !important;
   }
}

@media (max-width: 767px) {
   .hidden-xs {
      display: none !important;
   }
}
@media (min-width: 768px) and (max-width: 991px) {
   .hidden-sm {
      display: none !important;
   }
}
@media (min-width: 992px) and (max-width: 1199px) {
   .hidden-md {
      display: none !important;
   }
}
@media (min-width: 1200px) {
   .hidden-lg {
      display: none !important;
   }
}
.visible-print {
   display: none !important;
}

@media print {
   .visible-print {
      display: block !important;
   }
   table.visible-print {
      display: table !important;
   }
   tr.visible-print {
      display: table-row !important;
   }
   th.visible-print,
   td.visible-print {
      display: table-cell !important;
   }
}
.visible-print-block {
   display: none !important;
}
@media print {
   .visible-print-block {
      display: block !important;
   }
}

.visible-print-inline {
   display: none !important;
}
@media print {
   .visible-print-inline {
      display: inline !important;
   }
}

.visible-print-inline-block {
   display: none !important;
}
@media print {
   .visible-print-inline-block {
      display: inline-block !important;
   }
}

@media print {
   .hidden-print {
      display: none !important;
   }
}
/*!  ************************** bootstrap-ENDE ********************* */
:root {
   --anthrazit: rgb(55.25, 55.25, 55.25);
   --dunkelgrau: rgb(93.5, 93.5, 93.5);
   --grau: #777777;
   --mittelgrau: rgb(144.5, 144.5, 144.5);
   --hellgrau: #dddddd;
   --hellhellgrau: #e6e6e6;
   --primaerfarbe1: #1f1917;
   --primaerfarbe2: #2e2521;
   --primaerfarbe3: #44352f;
   --primaerfarbe4: #5c463d;
   --primaerfarbe5: #765c4f;
   --sekundaerfarbe1: #7a2526;
   --sekundaerfarbe2: #a64b4d;
   --sekundaerfarbe3: #d1a79a;
   --sekundaerfarbe4: #e6d3c4;
   --sekundaerfarbe5: #f6f0e7;
   --sekundaerfarbe1semi: #7a252688;
   --sekundaerfarbe2semi: #a64b4d88;
   --sekundaerfarbe3semi: #d1a79a88;
   --sekundaerfarbe4semi: #e6d3c488;
   --sekundaerfarbe5semi: #f6f0e788;
   --semiTransparent: #ffffff88;
   --typo3-debugger-bg: #2a2a2a;
   --typo3-debugger-bg: #111;
   --typo3-debugger-bg-variant: #111;
   --typo3-debugger-color: #ccc;
   --typo3-debugger-property-color: #888;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

.simpleAccordeon .container .btn {
   height: auto !important;
   line-height: 36px;
}
.simpleAccordeon .container .btn-info {
   display: block;
   margin-bottom: 6px;
   position: relative;
   width: 100%;
   text-align: left;
   font-weight: bold;
   font-size: 18px;
   font-size: 1.125rem;
}

.caret {
   margin-left: 4px;
   color: #44352f;
}

@media (min-width: 1200px) {
   .container {
      width: 1200px;
   }
}
.container-fluid {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

/*
@include card-columns(0);
@include card-columns(2);
@include card-columns(3);
@include card-columns(4);
@include card-columns(5);
@include card-columns(6);
@include card-columns(7);
@include card-columns(8);
*/
@media (max-width: 576px) {
   .card-columns {
      -webkit-column-count: 1 !important;
      -moz-column-count: 1 !important;
      column-count: 1 !important;
      -webkit-column-gap: 0 !important;
      -moz-column-gap: 0 !important;
      column-gap: 0 !important;
   }
}
.card {
   position: relative;
   margin: 10px 0;
   display: inline-block;
   border-radius: 10px;
}
.card img {
   width: 100%;
   height: auto;
   border-radius: 10px 10px 0 0;
}
.card img.border_radius {
   border-radius: 10px;
}
.card img ~ figcaption {
   visibility: hidden;
   position: absolute;
   top: 10px;
   text-align: center;
   background: rgba(255, 255, 255, 0.7);
   width: 100%;
}
.card img:hover ~ figcaption {
   visibility: visible;
}
.card {
   padding-left: 0 !important;
   padding-right: 0 !important;
}
.card.bild-als-hintergrund img {
   border-radius: 10px;
}

.card-title, .card-text {
   color: inherit !important;
   margin: 0 !important;
}

.card-text {
   font-size: 12px;
   font-size: 0.75rem;
   line-height: normal;
}

.cardWithHeader img {
   border-radius: 0;
}

.card-header, .card-header:first-child {
   border-radius: 10px 10px 0 0;
   background: rgba(0, 0, 0, 0.7333333333);
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7333333333)), color-stop(rgba(63.75, 63.75, 63.75, 0.7333333333)), to(rgba(127.5, 127.5, 127.5, 0.7333333333)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7333333333), rgba(63.75, 63.75, 63.75, 0.7333333333), rgba(127.5, 127.5, 127.5, 0.7333333333));
}

.card[style*=background-color] .card-header, .card[style*=background-color] .card-header:first-child {
   background: rgba(255, 255, 255, 0.5);
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.66)), to(rgb(255, 255, 255)));
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.66), rgb(255, 255, 255));
}

.card-footer {
   background-color: rgba(240, 240, 240, 0.6);
}
.card-footer:last-child {
   border-radius: 0 0 10px 10px;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

.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-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 {
   background-image: -webkit-linear-gradient(150deg, #fff, #fff 45%, #dddddd);
   background: linear-gradient(150deg, #fff, #fff 45%, #dddddd);
   border: 1px solid #999 !important;
   padding: 2px !important;
}

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

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

div.ce-left div:not[data-ce-columns="1"] .ce-column:last-child {
   margin-right: 0 !important;
}

.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;
}

.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;
}

.tx-felogin-pi1 label {
   display: block;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

/* TAGS allgemein ------------------------------------------------- */
*, *:before, *:after {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
}

html {
   font-size: 16px;
}

body {
   background-color: var(--sekundaerfarbe5);
   color: var(--primaerfarbe2);
   font-family: "NotoSans-Regular", arial, verdana, sans-serif;
   font-size: 100%;
   margin: 0;
   overflow-y: scroll;
   padding: 0;
   position: relative;
   line-height: 1.4;
   overflow-wrap: break-word;
}

a {
   text-decoration: underline;
   color: #777;
   outline: none;
}

a:hover {
   text-decoration: none;
}

a.nodeco {
   text-decoration: none;
}

a.internal-link, a.external-link, a.external-link-new-window, a.mail {
   white-space: nowrap;
}

a.underline {
   text-decoration: underline !important;
}

a.fancybox {
   color: #111;
   display: inline-block;
   position: relative;
   text-decoration: none;
}
a.fancybox i {
   position: absolute;
   right: 8px;
   bottom: 8px;
   padding: 2px;
   background: rgba(255, 255, 255, 0.8);
}

[class^=marker-] a {
   color: #444;
}

b, strong {
   font-weight: bold !important;
}

blockquote {
   margin: 0;
   font-style: italic;
   padding: 0;
}
blockquote p::before {
   content: "»";
}
blockquote p::after {
   content: "«";
}

hr {
   background-color: #999;
   border-left: 1px solid #666;
   border-top: 1px solid #666;
   height: 2px;
   margin: 15px 0;
}
hr.ce-div {
   background: none !important;
   border: none !important;
   height: 2px;
   margin: 0;
   clear: both;
   display: block;
}
hr.delimiter {
   background: none !important;
   border: none !important;
   margin: 0;
}
hr.hr2 {
   background: transparent;
   background: -webkit-gradient(linear, left top, right top, from(#2d3601), color-stop(50%, #f90), to(#fdb52d));
   background: linear-gradient(to right, #2d3601 0%, #f90 50%, #fdb52d 100%);
   border: medium none;
   height: 2px;
   margin: 10px 0;
}
hr.deko {
   background: url("../Images/hr-deko.png") no-repeat center;
   border: none;
   height: 20px;
}

iframe {
   border: none;
   max-width: 100%;
}

figure {
   margin: 0;
}

img, embed, object, video {
   border: none;
   display: inline-block;
   height: auto;
   width: 100%;
}

dd {
   margin-left: 20px;
}

p, li, dd, dt, th, td {
   font-size: 16px;
   font-size: 1rem;
}

p, li {
   margin: 0 0 8px 0;
}

.ce-bodytext p:last-child, .ce-bodytext li:last-child {
   margin: 0;
}

:is(div div nav ul,
div#header ul,
ul#subMenuList,
div.sitebarSub ul,
div.sitebarSub ul li,
div.bx-wrapper ul,
ul.uploads_gallery,
ul.image-files-as-thumbs,
div#tab-side-container ul,
#tab-disconnected-container ul) {
   list-style: none;
}

ul, ol {
   margin-top: 0;
}

ul {
   padding-left: 22px;
}

ul li {
   list-style-image: url("../Images/list.png");
   margin: 0;
   position: relative;
}

pre, code, tt, .pre, .codebox, .tickertext {
   font-family: "Ubuntu Mono", "Lucida Console", "Courier New", Courier, sans-serif;
}

/*
video:not([controls]) {
  display: none;
  height: 0;
//display: inline;
}
*/
table {
   width: 99.99%;
}
table ul, table ol {
   margin: 0 0 10px;
   padding-left: 16px;
}
table th, table td {
   font-size: 15px;
   font-size: 0.9375rem;
   vertical-align: top;
}
table th {
   font-weight: bold;
}
table.table > thead > tr > th, table.table > thead > tr > td, table.table > tbody > tr > th, table.table > tbody > tr > td, table.table > tfoot > tr > th, table.table > tfoot > tr > td {
   border-top: 0;
   padding: 0;
}
table.table-striped {
   empty-cells: show;
   margin: 1px;
}
table.table-striped td, table.table-striped th {
   border: 1px dotted #dddddd;
   padding: 5px;
}
table.table-striped th, table.table-striped thead tr {
   border-bottom: 1px solid rgb(144.5, 144.5, 144.5);
}
table.table-striped thead tr {
   background-color: #e0e0e0;
}
table.table-striped tbody tr:nth-child(2n) {
   background-color: #f4f4f4;
}
table.table-bordered {
   border: 1px solid rgb(144.5, 144.5, 144.5);
   border-collapse: collapse;
}
table.table-bordered td, table.table-bordered th {
   border: 1px dotted #dddddd !important;
   padding: 5px !important;
}
table.table-condensed {
   width: auto !important;
}
table caption {
   margin: 10px 0px;
   font-size: 85%;
   font-style: italic;
}

.table2 table.ce-table tr:first-of-type {
   background: #777777;
}
.table2 table.ce-table tr:first-of-type > td {
   font-weight: bold;
}

@media screen and (max-width: 576px) {
   table {
      overflow-x: scroll;
      overflow-y: hidden;
      width: 100% !important;
   }
}
/* ****************************************************
*  Medien-Beschränkungen:                             *
***************************************************** */
@media screen and (max-width: 768px) {
   .ce-intext figure, .ce-intext figure img {
      height: auto;
      max-width: 45vw;
   }
   /*
      iframe, embed, object, video {
      	max-width: 50vw;
      	height: auto;
      	width: 100%;
      }
   */
}
.ce-bodytext {
   font-size: 13px;
   font-size: 0.8125rem;
   /* Kunig: raus genommen am 15.06.26 wegen Footer unten rechts (Bild neben Text)
      h2, h3, h4, h5, h6 {
         margin:10px 0 5px;
      }
   */
}
.ce-bodytext p ~ h2, .ce-bodytext p ~ h3, .ce-bodytext p ~ h4, .ce-bodytext p ~ h5, .ce-bodytext p ~ h6 {
   margin-top: 22px;
}

.h1-header {
   clear: both;
   display: block;
   margin-top: 0;
   margin-bottom: 0;
   padding: 0;
   position: relative;
   text-align: center;
   width: 100%;
   z-index: 555;
}
.breadcrumb ~ #content .h1-header {
   margin-top: 0;
}
.h1-header.h1-links, .h1-links .h1-header {
   text-align: left;
}
.h1-header.h1-links h1, .h1-links .h1-header h1 {
   padding-left: 15px;
}
.pagets__2 .h1-header.h1-links h1 {
   padding-left: 15px;
}
.h1-header.h1-rechts, .h1-rechts .h1-header {
   text-align: right;
}
.h1-header.h1-rechts h1, .h1-rechts .h1-header h1 {
   padding-right: 15px;
}
.h1-header.h1-verborgen, .h1-verborgen .h1-header {
   display: block;
   height: 0;
   overflow: hidden;
   position: absolute;
   z-index: -1;
}
.h1-header.h1-verborgen h1, .h1-verborgen .h1-header h1 {
   left: -1111em;
   top: -1111em;
   margin: 0;
   padding: 0;
}
.h1-header h1 {
   color: var(--primaerfarbe2);
   font-family: "NotoSerifRegular", "NotoSans-Regular", arial, verdana, sans-serif;
   font-size: calc(1.5vw + 1em);
   display: block;
   font-weight: 400;
   min-height: 60px;
   line-height: 36px;
   margin: 0;
   padding: 18px 15px 15px;
   position: relative;
   text-transform: unset;
   background: var(--sekundaerfarbe4);
}
.h1-header h1 .hline2 {
   display: block;
   line-height: normal;
   font-family: "NotoSans-Regular", arial, verdana, sans-serif;
   font-size: 70%;
   padding: 10px 0 0;
   text-align: inherit;
   color: inherit;
   text-shadow: none;
}
.h1-header h1 .h1-underline {
   display: block;
   width: 0;
   height: 3px;
   background: farbe1;
   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(10%, #1f1917), color-stop(50%, rgb(95.7427385892, 43.2572614108, 44.4107883817)), color-stop(90%, #1f1917), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to right, rgba(255, 255, 255, 0), #1f1917 10%, rgb(95.7427385892, 43.2572614108, 44.4107883817) 50%, #1f1917 90%, rgba(255, 255, 255, 0));
   position: relative;
   left: -20px;
   margin-top: 6px;
   animation: h1Underline 0.7s ease-in-out 1s forwards;
   -webkit-animation: h1Underline 0.7s ease-in-out 1s forwards; /* Safari and Chrome */
}
@keyframes h1Underline {
   from {
      width: 0;
   }
   to {
      width: calc(100% + 40px);
   }
}
@-webkit-keyframes h1Underline /* Safari and Chrome */ {
   from {
      width: 0;
   }
   to {
      width: calc(100% + 40px);
   }
}
.h1-mit-farbigem-hintergrund .h1-header h1 {
   padding: 6px 25px !important;
   background: #44352f;
   background: -webkit-gradient(linear, left top, left bottom, from(#7a2526), color-stop(#44352f), to(#a64b4d));
   background: linear-gradient(to bottom, #7a2526, #44352f, #a64b4d);
   border-radius: 5px;
}
.page-layout0 .h1-header {
   color: #111;
}

#uid14 .h1-header h1 {
   background: #FE0000;
}

h2, h3, h4, h5, h6 {
   display: block;
   color: inherit;
   font-family: "NotoSerifRegular", arial, verdana, sans-serif;
   font-weight: 400;
   margin: 24px 0 14px;
   line-height: normal;
   position: relative;
   font-weight: 100;
   text-transform: unset;
}
.ce-headline-left h2, .ce-headline-left h3, .ce-headline-left h4, .ce-headline-left h5, .ce-headline-left h6 {
   text-align: left;
}
.ce-headline-center h2, .ce-headline-center h3, .ce-headline-center h4, .ce-headline-center h5, .ce-headline-center h6 {
   text-align: center;
}
.ce-headline-right h2, .ce-headline-right h3, .ce-headline-right h4, .ce-headline-right h5, .ce-headline-right h6 {
   text-align: right;
}
h2 a, h3 a, h4 a, h5 a, h6 a {
   color: inherit;
}
h2 .hline2, h3 .hline2, h4 .hline2, h5 .hline2, h6 .hline2 {
   color: rgb(55.25, 55.25, 55.25);
   display: block;
   font-family: "NotoSans-Regular", arial, verdana, sans-serif;
   font-size: 75%;
   text-align: inherit;
   text-shadow: 0 0;
   width: auto;
}
h2.animierterUnterstrich, h2.headerstyle1, h2 span.headerstyle1, h3.animierterUnterstrich, h3.headerstyle1, h3 span.headerstyle1, h4.animierterUnterstrich, h4.headerstyle1, h4 span.headerstyle1, h5.animierterUnterstrich, h5.headerstyle1, h5 span.headerstyle1, h6.animierterUnterstrich, h6.headerstyle1, h6 span.headerstyle1 {
   display: inline-block;
   padding-bottom: 4px;
   margin-left: 5%;
}
h2.animierterUnterstrich.align-left, h2.animierterUnterstrich.align-center, h2.animierterUnterstrich.align-right, h2.animierterUnterstrich.text-left, h2.animierterUnterstrich.text-center, h2.animierterUnterstrich.text-right, h2.headerstyle1.align-left, h2.headerstyle1.align-center, h2.headerstyle1.align-right, h2.headerstyle1.text-left, h2.headerstyle1.text-center, h2.headerstyle1.text-right, h2 span.headerstyle1.align-left, h2 span.headerstyle1.align-center, h2 span.headerstyle1.align-right, h2 span.headerstyle1.text-left, h2 span.headerstyle1.text-center, h2 span.headerstyle1.text-right, h3.animierterUnterstrich.align-left, h3.animierterUnterstrich.align-center, h3.animierterUnterstrich.align-right, h3.animierterUnterstrich.text-left, h3.animierterUnterstrich.text-center, h3.animierterUnterstrich.text-right, h3.headerstyle1.align-left, h3.headerstyle1.align-center, h3.headerstyle1.align-right, h3.headerstyle1.text-left, h3.headerstyle1.text-center, h3.headerstyle1.text-right, h3 span.headerstyle1.align-left, h3 span.headerstyle1.align-center, h3 span.headerstyle1.align-right, h3 span.headerstyle1.text-left, h3 span.headerstyle1.text-center, h3 span.headerstyle1.text-right, h4.animierterUnterstrich.align-left, h4.animierterUnterstrich.align-center, h4.animierterUnterstrich.align-right, h4.animierterUnterstrich.text-left, h4.animierterUnterstrich.text-center, h4.animierterUnterstrich.text-right, h4.headerstyle1.align-left, h4.headerstyle1.align-center, h4.headerstyle1.align-right, h4.headerstyle1.text-left, h4.headerstyle1.text-center, h4.headerstyle1.text-right, h4 span.headerstyle1.align-left, h4 span.headerstyle1.align-center, h4 span.headerstyle1.align-right, h4 span.headerstyle1.text-left, h4 span.headerstyle1.text-center, h4 span.headerstyle1.text-right, h5.animierterUnterstrich.align-left, h5.animierterUnterstrich.align-center, h5.animierterUnterstrich.align-right, h5.animierterUnterstrich.text-left, h5.animierterUnterstrich.text-center, h5.animierterUnterstrich.text-right, h5.headerstyle1.align-left, h5.headerstyle1.align-center, h5.headerstyle1.align-right, h5.headerstyle1.text-left, h5.headerstyle1.text-center, h5.headerstyle1.text-right, h5 span.headerstyle1.align-left, h5 span.headerstyle1.align-center, h5 span.headerstyle1.align-right, h5 span.headerstyle1.text-left, h5 span.headerstyle1.text-center, h5 span.headerstyle1.text-right, h6.animierterUnterstrich.align-left, h6.animierterUnterstrich.align-center, h6.animierterUnterstrich.align-right, h6.animierterUnterstrich.text-left, h6.animierterUnterstrich.text-center, h6.animierterUnterstrich.text-right, h6.headerstyle1.align-left, h6.headerstyle1.align-center, h6.headerstyle1.align-right, h6.headerstyle1.text-left, h6.headerstyle1.text-center, h6.headerstyle1.text-right, h6 span.headerstyle1.align-left, h6 span.headerstyle1.align-center, h6 span.headerstyle1.align-right, h6 span.headerstyle1.text-left, h6 span.headerstyle1.text-center, h6 span.headerstyle1.text-right {
   display: block;
}
h2.animierterUnterstrich, h2.headerstyle1, h2 span.headerstyle1, h3.animierterUnterstrich, h3.headerstyle1, h3 span.headerstyle1, h4.animierterUnterstrich, h4.headerstyle1, h4 span.headerstyle1, h5.animierterUnterstrich, h5.headerstyle1, h5 span.headerstyle1, h6.animierterUnterstrich, h6.headerstyle1, h6 span.headerstyle1 {
   text-shadow: 0 0;
}
h2.animierterUnterstrich::before, h2.headerstyle1::before, h2 span.headerstyle1::before, h3.animierterUnterstrich::before, h3.headerstyle1::before, h3 span.headerstyle1::before, h4.animierterUnterstrich::before, h4.headerstyle1::before, h4 span.headerstyle1::before, h5.animierterUnterstrich::before, h5.headerstyle1::before, h5 span.headerstyle1::before, h6.animierterUnterstrich::before, h6.headerstyle1::before, h6 span.headerstyle1::before {
   background: #1f1917;
   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(10%, #1f1917), color-stop(90%, var(--sekundaerfarbe2)), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to right, rgba(255, 255, 255, 0), #1f1917 10%, var(--sekundaerfarbe2) 90%, rgba(255, 255, 255, 0));
   bottom: -2px;
   content: " ";
   display: inline-block;
   height: 3px;
   left: -2%;
   position: absolute;
   width: 110%;
   -webkit-animation: hUnderline 1s;
           animation: hUnderline 1s;
}
h2.inversHintergrundfarbe, h2.headerstyle2, h2 span.headerstyle2, h3.inversHintergrundfarbe, h3.headerstyle2, h3 span.headerstyle2, h4.inversHintergrundfarbe, h4.headerstyle2, h4 span.headerstyle2, h5.inversHintergrundfarbe, h5.headerstyle2, h5 span.headerstyle2, h6.inversHintergrundfarbe, h6.headerstyle2, h6 span.headerstyle2 {
   display: inline-block;
   background: #1f1917;
   color: #fff !important;
   padding: 0 10px;
   padding-top: 6px !important;
   padding-bottom: 6px !important;
   margin-bottom: 25px;
}
h2.inversHintergrundfarbe.ce-headline-left, h2.inversHintergrundfarbe.ce-headline-center, h2.inversHintergrundfarbe.ce-headline-right, h2.inversHintergrundfarbe.text-left, h2.inversHintergrundfarbe.text-center, h2.inversHintergrundfarbe.text-right, h2.headerstyle2.ce-headline-left, h2.headerstyle2.ce-headline-center, h2.headerstyle2.ce-headline-right, h2.headerstyle2.text-left, h2.headerstyle2.text-center, h2.headerstyle2.text-right, h2 span.headerstyle2.ce-headline-left, h2 span.headerstyle2.ce-headline-center, h2 span.headerstyle2.ce-headline-right, h2 span.headerstyle2.text-left, h2 span.headerstyle2.text-center, h2 span.headerstyle2.text-right, h3.inversHintergrundfarbe.ce-headline-left, h3.inversHintergrundfarbe.ce-headline-center, h3.inversHintergrundfarbe.ce-headline-right, h3.inversHintergrundfarbe.text-left, h3.inversHintergrundfarbe.text-center, h3.inversHintergrundfarbe.text-right, h3.headerstyle2.ce-headline-left, h3.headerstyle2.ce-headline-center, h3.headerstyle2.ce-headline-right, h3.headerstyle2.text-left, h3.headerstyle2.text-center, h3.headerstyle2.text-right, h3 span.headerstyle2.ce-headline-left, h3 span.headerstyle2.ce-headline-center, h3 span.headerstyle2.ce-headline-right, h3 span.headerstyle2.text-left, h3 span.headerstyle2.text-center, h3 span.headerstyle2.text-right, h4.inversHintergrundfarbe.ce-headline-left, h4.inversHintergrundfarbe.ce-headline-center, h4.inversHintergrundfarbe.ce-headline-right, h4.inversHintergrundfarbe.text-left, h4.inversHintergrundfarbe.text-center, h4.inversHintergrundfarbe.text-right, h4.headerstyle2.ce-headline-left, h4.headerstyle2.ce-headline-center, h4.headerstyle2.ce-headline-right, h4.headerstyle2.text-left, h4.headerstyle2.text-center, h4.headerstyle2.text-right, h4 span.headerstyle2.ce-headline-left, h4 span.headerstyle2.ce-headline-center, h4 span.headerstyle2.ce-headline-right, h4 span.headerstyle2.text-left, h4 span.headerstyle2.text-center, h4 span.headerstyle2.text-right, h5.inversHintergrundfarbe.ce-headline-left, h5.inversHintergrundfarbe.ce-headline-center, h5.inversHintergrundfarbe.ce-headline-right, h5.inversHintergrundfarbe.text-left, h5.inversHintergrundfarbe.text-center, h5.inversHintergrundfarbe.text-right, h5.headerstyle2.ce-headline-left, h5.headerstyle2.ce-headline-center, h5.headerstyle2.ce-headline-right, h5.headerstyle2.text-left, h5.headerstyle2.text-center, h5.headerstyle2.text-right, h5 span.headerstyle2.ce-headline-left, h5 span.headerstyle2.ce-headline-center, h5 span.headerstyle2.ce-headline-right, h5 span.headerstyle2.text-left, h5 span.headerstyle2.text-center, h5 span.headerstyle2.text-right, h6.inversHintergrundfarbe.ce-headline-left, h6.inversHintergrundfarbe.ce-headline-center, h6.inversHintergrundfarbe.ce-headline-right, h6.inversHintergrundfarbe.text-left, h6.inversHintergrundfarbe.text-center, h6.inversHintergrundfarbe.text-right, h6.headerstyle2.ce-headline-left, h6.headerstyle2.ce-headline-center, h6.headerstyle2.ce-headline-right, h6.headerstyle2.text-left, h6.headerstyle2.text-center, h6.headerstyle2.text-right, h6 span.headerstyle2.ce-headline-left, h6 span.headerstyle2.ce-headline-center, h6 span.headerstyle2.ce-headline-right, h6 span.headerstyle2.text-left, h6 span.headerstyle2.text-center, h6 span.headerstyle2.text-right {
   display: block;
}
h2.inversHintergrundfarbe > .hline2, h2.headerstyle2 > .hline2, h2 span.headerstyle2 > .hline2, h3.inversHintergrundfarbe > .hline2, h3.headerstyle2 > .hline2, h3 span.headerstyle2 > .hline2, h4.inversHintergrundfarbe > .hline2, h4.headerstyle2 > .hline2, h4 span.headerstyle2 > .hline2, h5.inversHintergrundfarbe > .hline2, h5.headerstyle2 > .hline2, h5 span.headerstyle2 > .hline2, h6.inversHintergrundfarbe > .hline2, h6.headerstyle2 > .hline2, h6 span.headerstyle2 > .hline2 {
   color: #fff;
}
h2.inversSchriftfarbe, h2.headerstyle3, h2 span.headerstyle3, h3.inversSchriftfarbe, h3.headerstyle3, h3 span.headerstyle3, h4.inversSchriftfarbe, h4.headerstyle3, h4 span.headerstyle3, h5.inversSchriftfarbe, h5.headerstyle3, h5 span.headerstyle3, h6.inversSchriftfarbe, h6.headerstyle3, h6 span.headerstyle3 {
   color: #eeeeee !important;
}
h2.inversSchriftfarbe > .hline2, h2.headerstyle3 > .hline2, h2 span.headerstyle3 > .hline2, h3.inversSchriftfarbe > .hline2, h3.headerstyle3 > .hline2, h3 span.headerstyle3 > .hline2, h4.inversSchriftfarbe > .hline2, h4.headerstyle3 > .hline2, h4 span.headerstyle3 > .hline2, h5.inversSchriftfarbe > .hline2, h5.headerstyle3 > .hline2, h5 span.headerstyle3 > .hline2, h6.inversSchriftfarbe > .hline2, h6.headerstyle3 > .hline2, h6 span.headerstyle3 > .hline2 {
   color: #eeeeee !important;
}
h2.inversSchriftfarbe ~ .ce-subheader, h2.headerstyle3 ~ .ce-subheader, h2 span.headerstyle3 ~ .ce-subheader, h3.inversSchriftfarbe ~ .ce-subheader, h3.headerstyle3 ~ .ce-subheader, h3 span.headerstyle3 ~ .ce-subheader, h4.inversSchriftfarbe ~ .ce-subheader, h4.headerstyle3 ~ .ce-subheader, h4 span.headerstyle3 ~ .ce-subheader, h5.inversSchriftfarbe ~ .ce-subheader, h5.headerstyle3 ~ .ce-subheader, h5 span.headerstyle3 ~ .ce-subheader, h6.inversSchriftfarbe ~ .ce-subheader, h6.headerstyle3 ~ .ce-subheader, h6 span.headerstyle3 ~ .ce-subheader {
   color: #eeeeee !important;
}
h2.inversSchriftfarbe ~ .ce-subheader a, h2.headerstyle3 ~ .ce-subheader a, h2 span.headerstyle3 ~ .ce-subheader a, h3.inversSchriftfarbe ~ .ce-subheader a, h3.headerstyle3 ~ .ce-subheader a, h3 span.headerstyle3 ~ .ce-subheader a, h4.inversSchriftfarbe ~ .ce-subheader a, h4.headerstyle3 ~ .ce-subheader a, h4 span.headerstyle3 ~ .ce-subheader a, h5.inversSchriftfarbe ~ .ce-subheader a, h5.headerstyle3 ~ .ce-subheader a, h5 span.headerstyle3 ~ .ce-subheader a, h6.inversSchriftfarbe ~ .ce-subheader a, h6.headerstyle3 ~ .ce-subheader a, h6 span.headerstyle3 ~ .ce-subheader a {
   color: #eeeeee !important;
   text-decoration: underline;
}
h2[class*=ueberschrift-im-h1-stil], h3[class*=ueberschrift-im-h1-stil], h4[class*=ueberschrift-im-h1-stil], h5[class*=ueberschrift-im-h1-stil], h6[class*=ueberschrift-im-h1-stil] {
   display: inline-block;
   color: var(--primaerfarbe2) !important;
   font-family: "NotoSerifRegular", "NotoSans-Regular", arial, verdana, sans-serif;
   font-size: clamp(24px, 3vw, 40px);
   font-weight: normal;
   margin-bottom: 25px !important;
}
.dynbox.box100 h2[class*=ueberschrift-im-h1-stil], .dynbox.box100 h3[class*=ueberschrift-im-h1-stil], .dynbox.box100 h4[class*=ueberschrift-im-h1-stil], .dynbox.box100 h5[class*=ueberschrift-im-h1-stil], .dynbox.box100 h6[class*=ueberschrift-im-h1-stil] {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
}
.hasSubheader > h2, .hasSubheader > h3, .hasSubheader > h4, .hasSubheader > h5, .hasSubheader > h6 {
   margin-bottom: 0 !important;
}

/*  * /
h2, h3, h4, h5, h6 {
   display: block;
   color:inherit;
   font-family:$font-family-base;
   font-weight:400;
   margin:24px 0 14px;
   line-height:normal;
   position: relative;
   letter-spacing: 2px;
	font-weight: 100;
   text-transform: unset;


   .ce-headline-left &  {
      text-align: left;
   }
   .ce-headline-center & {
      text-align: center;
   }
   .ce-headline-right & {
      text-align: right;
   }

   a {
      color:inherit;
   }

   .hline2 {
   	color: $anthrazit;
   	display: block;
      font-family:$font-family-base;
   	font-size: 75%;
   	//    margin: 6px 0 -6px;
   	text-align: inherit;
   	text-shadow: 0 0;
   	width: auto;
   }

   &.headerstyle1 {
      display: inline-block;
      padding: 0 10px 4px;

      &.align-left, &.align-center, &.align-right {
          display: block;
      }

      color:$dunkelgrau;
      text-shadow: 0 0;

      &::before {
          @include linear-gradient4(left, $sekundaerfarbe2, $sekundaerfarbe1, $sekundaerfarbe1, $sekundaerfarbe2, $sekundaerfarbe1);
          bottom: 0;
          content: " ";
          display: inline-block;
          height:3px;
          left: 0;
          position: absolute;
          width: 100%;
      }
   }

   &.headerstyle2 {
      display: inline-block;
        background: $sekundaerfarbe1;
//      @include linear-gradient(left, $sekundaerfarbe1, $sekundaerfarbe2, $sekundaerfarbe2);
//      border-left: 5px solid $primaerfarbe1;
//      color: $weiss !important;
      padding: 6px 15px;
		color: $weiss;
      text-shadow: 2px 2px 3px $schwarz;

      &.ce-headline-left, &.ce-headline-center, &.ce-headline-right {
          display: block;
      }
   }

   &.headerstyle3 {
   	color: $font-color-base-invers;
	}

   &.ueberschrift-im-h1-stil {
      font-family: 'MeriendaOneRegular','open sans',verdana,arial,sans-serif;
   }

}
/* */
h2 {
   color: var(--primaerfarbe1);
   font-weight: 100;
   padding-bottom: 0;
   position: relative;
   font-size: 22px;
   font-size: 1.375rem;
}
h2.align-center {
   display: block;
   text-align: center;
}
h2.align-right {
   display: block;
   text-align: right;
}
.style1 h2 {
   display: inline-block;
}

h3 {
   font-size: 20px;
   font-size: 1.25rem;
}

h4 {
   font-size: 18px;
   font-size: 1.125rem;
}

h5 {
   font-size: 16px;
   font-size: 1rem;
}

h6 {
   margin: 1px 0 6px 0;
   font-size: 14px;
   font-size: 0.875rem;
   color: inherit;
}

div[id^=c] .ce-header:first-of-type h2, div[id^=c] .ce-header:first-of-type h3, div[id^=c] .ce-header:first-of-type h4, div[id^=c] .ce-header:first-of-type h5, div[id^=c] .ce-header:first-of-type h6 {
   margin-top: 0;
}

/* ****************************************************
*  Medien-Beschränkungen:                             *
***************************************************** */
@media screen and (max-width: 992px) {
   .h1-header {
      margin: 0 0 20px;
      z-index: 1;
   }
}
@media screen and (max-width: 576px) {
   h2, h3 {
      font-size: 17px;
      font-size: 1.0625rem;
   }
   h4, h5 {
      font-size: 15px;
      font-size: 0.9375rem;
   }
}
@media screen and (max-width: 480px) {
   h2, h3 {
      font-size: 17px;
      font-size: 1.0625rem;
   }
   h4, h5 {
      font-size: 15px;
      font-size: 0.9375rem;
   }
}
/* ****************************************************
*  die allgemeinen ID-Definitionen:                             *
***************************************************** */
#pagemaker {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: 100vh;
}

#headerbild {
   overflow: hidden;
}

.page-wrapper {
   font-size: calc(0.12vw + 1rem);
   font-weight: 100;
   font-style: normal;
   text-transform: none;
   line-height: 1.6rem;
   font-size: 13px;
   font-size: 0.8125rem;
   -webkit-font-smoothing: antialiased;
}

/* ******************************************************
 * alles Klassen
 * ******************************************************
*/
/* Klassen allgemein und spezielle */
.align-left, .text-left {
   text-align: left;
}

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

.align-right, .text-right, .text-end {
   text-align: right;
} /* Header */
.align-justify, .text-justify {
   text-align: justify;
}

/* modifizierte FSC-Klassen:  ------------------------------- */
.fsc, .frame {
   clear: both;
   position: relative;
}

.fsc.bullets3 li {
   list-style-type: decimal !important;
   list-style-image: none;
}

.fsc.layout_1 {
   width: calc(100% + 30px);
   margin-left: -15px;
}

.ce-header {
   position: relative;
}
.ce-header p:first-of-type {
   margin: 8px 0 15px;
}
.ce-header .align-center ~ p:first-of-type {
   text-align: center;
}
.ce-header .align-right ~ p:first-of-type {
   text-align: right;
}

.ce-header-date {
   color: #aaa;
   font-size: 11px;
   font-size: 0.6875rem;
   margin: 4px 0 0;
   position: absolute;
   right: 0;
   text-align: right;
   top: 0;
}

.ce-border .image a {
   background-image: -webkit-linear-gradient(320deg, #aaa, #ccc, #f8f8f8);
   background: linear-gradient(320deg, #aaa, #ccc, #f8f8f8);
}

.ce-textpic.ce-intext > .ce-bodytext h2:first-of-type, .ce-textpic.ce-intext > .ce-bodytext h3:first-of-type, .ce-textpic.ce-intext > .ce-bodytext h4:first-of-type, .ce-textpic.ce-intext > .ce-bodytext h5:first-of-type, .ce-textpic.ce-intext > .ce-bodytext h6:first-of-type {
   margin-top: 0;
}

.ce-bodytext {
   font-size: 16px !important;
   font-size: 1rem !important;
}

.site-subtitle {
   color: rgb(93.5, 93.5, 93.5);
   display: block;
   font-style: italic;
   font-weight: bold;
}

.site-description {
   color: rgb(93.5, 93.5, 93.5);
   display: block;
}

.site-link {
   font-size: 18px;
   font-size: 1.125rem;
   color: inherit;
}

.ce-subheader {
   font-weight: bold;
   margin: 6px 0 14px;
   color: #111;
}
.ce-subheader.ce-subheader-1 {
   color: #111;
   font-style: italic;
}
.ce-subheader.ce-subheader-2 {
   color: var(--primaerfarbe2);
}
.ce-subheader.ce-subheader-3 {
   color: var(--primaerfarbe2);
   font-style: italic;
}

.ce-gallery figcaption {
   font-size: 11px;
   font-size: 0.6875rem;
   margin-top: 6px;
   text-align: center;
   display: block;
   color: rgb(93.5, 93.5, 93.5);
}
.ce-gallery figcaption p {
   margin: 0;
   line-height: normal;
}

.ce-gallery[data-nrofcols="2"] > li, .ce-gallery[data-nrofcols="2"] .ce-row .ce-column {
   float: left;
}
.ce-gallery[data-nrofcols="2"] > li:nth-child(2n+1), .ce-gallery[data-nrofcols="2"] .ce-row .ce-column:nth-child(2n+1) {
   clear: left;
}
.ce-gallery[data-nrofcols="2"] > li, .ce-gallery[data-nrofcols="2"] .ce-row .ce-column {
   width: calc((100% - 8px * (2 - 1)) / 2);
   margin-right: 8px;
}
.ce-gallery[data-nrofcols="2"] .ce-row .ce-column:last-child {
   margin: 0;
}
.ce-gallery[data-nrofcols="3"] > li, .ce-gallery[data-nrofcols="3"] .ce-row .ce-column {
   float: left;
}
.ce-gallery[data-nrofcols="3"] > li:nth-child(3n+1), .ce-gallery[data-nrofcols="3"] .ce-row .ce-column:nth-child(3n+1) {
   clear: left;
}
.ce-gallery[data-nrofcols="3"] > li, .ce-gallery[data-nrofcols="3"] .ce-row .ce-column {
   width: calc((100% - 8px * (3 - 1)) / 3);
   margin-right: 8px;
}
.ce-gallery[data-nrofcols="3"] .ce-row .ce-column:last-child {
   margin: 0;
}
.ce-gallery[data-nrofcols="4"] > li, .ce-gallery[data-nrofcols="4"] .ce-row .ce-column {
   float: left;
}
.ce-gallery[data-nrofcols="4"] > li:nth-child(4n+1), .ce-gallery[data-nrofcols="4"] .ce-row .ce-column:nth-child(4n+1) {
   clear: left;
}
.ce-gallery[data-nrofcols="4"] > li, .ce-gallery[data-nrofcols="4"] .ce-row .ce-column {
   width: calc((100% - 8px * (4 - 1)) / 4);
   margin-right: 8px;
}
.ce-gallery[data-nrofcols="4"] .ce-row .ce-column:last-child {
   margin: 0;
}
.ce-gallery[data-nrofcols="5"] > li, .ce-gallery[data-nrofcols="5"] .ce-row .ce-column {
   float: left;
}
.ce-gallery[data-nrofcols="5"] > li:nth-child(5n+1), .ce-gallery[data-nrofcols="5"] .ce-row .ce-column:nth-child(5n+1) {
   clear: left;
}
.ce-gallery[data-nrofcols="5"] > li, .ce-gallery[data-nrofcols="5"] .ce-row .ce-column {
   width: calc((100% - 8px * (5 - 1)) / 5);
   margin-right: 8px;
}
.ce-gallery[data-nrofcols="5"] .ce-row .ce-column:last-child {
   margin: 0;
}
.ce-gallery[data-nrofcols="6"] > li, .ce-gallery[data-nrofcols="6"] .ce-row .ce-column {
   float: left;
}
.ce-gallery[data-nrofcols="6"] > li:nth-child(6n+1), .ce-gallery[data-nrofcols="6"] .ce-row .ce-column:nth-child(6n+1) {
   clear: left;
}
.ce-gallery[data-nrofcols="6"] > li, .ce-gallery[data-nrofcols="6"] .ce-row .ce-column {
   width: calc((100% - 8px * (6 - 1)) / 6);
   margin-right: 8px;
}
.ce-gallery[data-nrofcols="6"] .ce-row .ce-column:last-child {
   margin: 0;
}
.ce-gallery[data-nrofcols="7"] > li, .ce-gallery[data-nrofcols="7"] .ce-row .ce-column {
   float: left;
}
.ce-gallery[data-nrofcols="7"] > li:nth-child(7n+1), .ce-gallery[data-nrofcols="7"] .ce-row .ce-column:nth-child(7n+1) {
   clear: left;
}
.ce-gallery[data-nrofcols="7"] > li, .ce-gallery[data-nrofcols="7"] .ce-row .ce-column {
   width: calc((100% - 8px * (7 - 1)) / 7);
   margin-right: 8px;
}
.ce-gallery[data-nrofcols="7"] .ce-row .ce-column:last-child {
   margin: 0;
}
.ce-gallery[data-nrofcols="8"] > li, .ce-gallery[data-nrofcols="8"] .ce-row .ce-column {
   float: left;
}
.ce-gallery[data-nrofcols="8"] > li:nth-child(8n+1), .ce-gallery[data-nrofcols="8"] .ce-row .ce-column:nth-child(8n+1) {
   clear: left;
}
.ce-gallery[data-nrofcols="8"] > li, .ce-gallery[data-nrofcols="8"] .ce-row .ce-column {
   width: calc((100% - 8px * (8 - 1)) / 8);
   margin-right: 8px;
}
.ce-gallery[data-nrofcols="8"] .ce-row .ce-column:last-child {
   margin: 0;
}

div[data-nrofcols="1"][data-ce-images="1"] .ce-column {
   margin-bottom: 0 !important;
}
div[data-nrofcols="1"][data-ce-images="1"] figure.video {
   margin-bottom: 0 !important;
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
}

/*
.ce-gallery {
   @include data-ce-columns(2);
   @include data-ce-columns(3);
   @include data-ce-columns(4);
   @include data-ce-columns(5);
   @include data-ce-columns(6);
   @include data-ce-columns(7);
   @include data-ce-columns(8);
}
*/
.h2ndRow {
   color: var(--primaerfarbe2);
   display: block;
   font-family: "NotoSans-Regular", arial, verdana, sans-serif;
   font-size: 70%;
}

.frame-space-before-extra-small {
   margin-top: 1em !important;
}

.frame-space-before-small {
   margin-top: 2em !important;
}

.frame-space-before-medium {
   margin-top: 3em !important;
}

.frame-space-before-large {
   margin-top: 4em !important;
}

.frame-space-before-extra-large {
   margin-top: 5em !important;
}

.frame-space-after-extra-small {
   margin-bottom: 1em !important;
}

.frame-space-after-small {
   margin-bottom: 2em !important;
}

.frame-space-after-medium {
   margin-bottom: 3em !important;
}

.frame-space-after-large {
   margin-bottom: 4em !important;
}

.frame-space-after-extra-large {
   margin-bottom: 5em !important;
}

/*        ¯\_(ツ)_/¯            */
/* allgemeine Klassen:  ------------------------------- */
.codebox {
   background: url("../Images/bg_codebox.png");
   border: 1px solid #8a8;
   font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
   font-size: 11px;
   font-size: 0.6875rem;
   letter-spacing: 1px;
   line-height: 16px;
   overflow: auto;
   padding: 0 6px;
}
.codebox a {
   color: #000;
}

.cTable {
   display: table;
   width: 96%;
}

.cTRow {
   clear: left;
   line-height: 220%;
}

.cTCell {
   display: inline-block;
   float: none;
   padding: 0 5px;
   color: #080808;
   font-weight: normal;
}

div .table {
   display: table;
   width: 98%;
}
div .table .table-row {
   display: table-row;
}
div .table .table-row .table-cell {
   display: table-cell;
}

.midi {
   font-size: 12px;
   font-size: 0.75rem;
}

.mini {
   font-size: 10px;
   font-size: 0.625rem;
}

.maxi {
   font-size: 22px;
   font-size: 1.375rem;
   font-weight: bold;
}

.jumbo, .jumbotron {
   font-size: clamp(40px, 3.5vw, 50px);
   font-weight: bold;
   text-shadow: 1px 1px 1px #000, -1px -1px 0px #000;
   font-family: var(--font-family-h1);
}

.marker-gelb {
   background: #ff0;
   padding: 0 3px;
}

.marker-blau {
   background: #B2E5FF;
   padding: 0 3px;
}

.rot {
   color: #FE0000 !important;
}

.gruen {
   color: #00814F !important;
}

.grau {
   color: #777777 !important;
}

.orange {
   color: #f80 !important;
}

.blau {
   color: #00d !important;
}

.account-color-1 {
   color: #1f1917;
}

.account-color-2 {
   color: #2e2521;
}

.account-color-3 {
   color: #44352f;
}

.detail {
   font-variant: small-caps;
}

.important {
   color: #a11 !important;
}

.name-of-person {
   color: #1f1917;
   font-style: italic;
   font-weight: bold;
}

.shadow {
   color: inherit;
   display: block;
   margin-bottom: 15px;
   padding-left: 6px;
   text-shadow: 0 1px #808d93, -1px 0 #cdd2d5, -1px 2px #808d93, -2px 1px #cdd2d5, -2px 3px #808d93, -3px 2px #cdd2d5, -3px 4px #808d93, -4px 3px #cdd2d5, -4px 5px #808d93, -5px 4px #cdd2d5;
}

.indent {
   text-indent: 12px;
}

.goback img {
   vertical-align: middle;
}

.pagets__1 .links_und_rechts_kein_innenabstand #col1 {
   padding-left: 0 !important;
}
.pagets__1 .links_und_rechts_kein_innenabstand #col3 {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

.pagets__2 .links_und_rechts_kein_innenabstand #col1 {
   padding-left: 0 !important;
}
.pagets__2 .links_und_rechts_kein_innenabstand #col3 {
   padding-right: 0 !important;
}

.pagets__3 .links_und_rechts_kein_innenabstand #col1 {
   padding-left: 0 !important;
}
.pagets__3 .links_und_rechts_kein_innenabstand #col2 {
   padding-right: 0 !important;
}

.kpx2c,
.text-2-spaltig .ce-bodytext {
   -moz-column-count: 2;
   -webkit-column-count: 2;
   column-count: 2;
   -moz-column-gap: 20px;
   -webkit-column-gap: 20px;
   column-gap: 20px;
   -moz-column-rule: 2px dotted #ccc;
   -webkit-column-rule: 2px dotted #ccc;
   column-rule: 2px dotted #ccc;
}

.bgColor {
   background: transparent;
}

.googlemap {
   margin-top: 50px;
}

.googlemap iframe {
   width: 460px;
   height: 450px;
   border: 0;
}

.clearfix {
   clear: both;
   border: 0;
   background: none;
   height: 0.1px;
   margin: 0;
}
.clearfix::after {
   clear: both;
   content: " ";
   display: block;
   height: 0;
   visibility: hidden;
}

.clearer {
   clear: both;
}

dfn, .skip, .usb {
   display: block;
   height: 0;
   top: -1000em;
   position: relative;
   width: 0;
}

.usb {
   display: inline-block;
}

.ns {
   display: none;
}

hr.divider-cols {
   display: none;
}

.frosch2 {
   height: 140px;
   width: 234px;
}

.links {
   float: left !important;
   margin: 0 5px 5px 0 !important;
}

.btn {
   border-radius: 7px;
   cursor: pointer;
   display: inline-block;
   line-height: 28px;
   padding: 6px 10px;
   position: relative;
   text-decoration: none;
   max-width: 100%;
   font-size: 16px;
   font-size: 1rem;
   font-weight: bold;
}
.btn.btn-default {
   background-color: #8b2f19;
   border: 1px solid #702311;
   color: #fff;
   border-radius: 5px;
   padding: 0.65rem 1rem;
}
.btn.btn-cancel {
   background-color: #ccc;
   border: 1px solid #3a3a3a;
   color: #333;
}
.btn.btn-cancel:hover {
   background-color: #a63a1d;
}
.btn.btn-blue, .btn.btn-blau {
   background-color: #1B95E0;
   border-color: #337ab7;
   color: #fff;
}
.btn.btn-red, .btn.btn-rot {
   background-color: #da2121;
   border-color: #d43f3a;
   color: #fff;
}
.btn.btn-green, .btn.btn-gruen {
   background-color: #5cb85c;
   border-color: #4cae4c;
   color: #fff;
}
.btn.btn-orange {
   background-color: #f0ad4e;
   border-color: #eea236;
   color: #fff;
}
.btn.btn-facebook {
   background-color: #1B95E0;
   border-color: #337ab7;
   color: #fff !important;
   font-size: 11px;
   font-size: 0.6875rem;
   line-height: 18px !important;
   height: 18px !important;
}
.btn.btn-facebook::before {
   content: "\f09a";
   font-family: FontAwesome;
   padding: 0 6px 0 1px;
}

/* ****************************************************
*  Medien-Beschränkungen:                             *
***************************************************** */
@media screen and (max-width: 1200px) {
   .container {
      width: 100%;
   }
}
@media screen and (max-width: 992px) {
   .kpx1c,
   .text-1-spaltig .ce-bodytext {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
      -moz-column-gap: 20px;
      -webkit-column-gap: 20px;
      column-gap: 20px;
      -moz-column-rule: 2px dotted rgba(0, 0, 0, 0);
      -webkit-column-rule: 2px dotted rgba(0, 0, 0, 0);
      column-rule: 2px dotted rgba(0, 0, 0, 0);
   }
}
@media screen and (max-width: 768px) {
   .ce-left .ce-gallery, .ce-right .ce-gallery {
      float: none !important;
   }
}
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

.frame-max800px {
   width: 800px;
   max-width: 90vw;
}

.frame-max800pxCentered {
   width: 800px;
   max-width: 90vw;
   margin-left: auto !important;
   margin-right: auto !important;
}

.frame-max1000px {
   width: 1000px;
   max-width: 90vw;
}

.frame-max1000pxCentered {
   width: 1000px;
   max-width: 90vw;
   margin-left: auto !important;
   margin-right: auto !important;
}

.frame-max1200px {
   width: 1200px;
   max-width: 90vw;
}

.frame-max1200pxCentered {
   width: 1200px;
   max-width: 90vw;
   margin-left: auto !important;
   margin-right: auto !important;
}

.frame-max1500px {
   width: 1500px;
   max-width: 90vw;
}

.frame-max1500pxCentered {
   width: 1500px;
   max-width: 90vw;
   margin-left: auto !important;
   margin-right: auto !important;
}

.frame-box1, .frame-box2, .frame-box3, .frame-eyecatcher {
   padding: 15px;
   border: 1px solid;
   display: block;
}
.frame-box1 > header h2, .frame-box1 > header h3, .frame-box1 > header h4, .frame-box1 > header h5, .frame-box2 > header h2, .frame-box2 > header h3, .frame-box2 > header h4, .frame-box2 > header h5, .frame-box3 > header h2, .frame-box3 > header h3, .frame-box3 > header h4, .frame-box3 > header h5, .frame-eyecatcher > header h2, .frame-eyecatcher > header h3, .frame-eyecatcher > header h4, .frame-eyecatcher > header h5 {
   margin-top: 0;
}

.frame-box1 {
   background: radial-gradient(#fff, #fff, var(--sekundaerfarbe4));
   border-color: rgba(255, 255, 255, 0);
   border-radius: 15px;
}

.frame-box2 {
   background: #FDF1DD;
   border-color: #F80;
   color: #300;
}

.frame-box3 {
   background: #fff;
}

.frame-eyecatcher {
   font-size: 108% !important;
   font-weight: bold;
   border: 5px double;
   color: #fff;
   background: #a11;
   width: auto;
   margin: 1em 0;
   overflow: hidden;
   border-radius: 10px;
}

.frame-volle_breite {
   width: calc(100% + 30px) !important;
   margin-left: -15px;
}

/* ****************************************************
*  Medien-Beschränkungen:                             *
***************************************************** */
@media screen and (max-width: 768px) {
   .frame-max1200pxCentered {
      max-width: 100vw;
      display: inline;
   }
}
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
.divider-line {
   width: 100%;
   height: 2px;
   background: farbe5;
   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(5%, #a64b4d), color-stop(50%, black), color-stop(95%, #a64b4d), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to right, rgba(255, 255, 255, 0), #a64b4d 5%, black 50%, #a64b4d 95%, rgba(255, 255, 255, 0));
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

input[type=radio],
input[type=checkbox] {
   margin: 4px 5px 0 0;
}

.typo3-form {
   overflow: hidden;
   margin-bottom: 25px;
}
.typo3-form fieldset {
   border-bottom: 3px double;
   padding-bottom: 15px;
}
.typo3-form h2 {
   display: none;
}
.typo3-form .required {
   font-weight: bold;
   color: #a11;
   margin-left: 3px;
}
.typo3-form .control-label {
   float: left;
   width: 150px;
   font-weight: normal;
   padding-top: 8px;
   position: relative;
}
.typo3-form div.input {
   float: left;
   width: calc(100% - 155px);
}
.typo3-form .checkie {
   vertical-align: top;
}
.typo3-form .form-check {
   padding-left: 0;
}
.typo3-form .statictext {
   clear: both;
   float: left;
   width: 99.99%;
}
.typo3-form .prolog {
   font-size: 12px;
   font-size: 0.75rem;
   margin-bottom: 15px;
}
.typo3-form .prolog h6 {
   display: none;
}
.typo3-form .form-group.recaptcha-1 {
   margin: 10px 0;
}
.typo3-form .form-group.recaptcha-1 label {
   display: none;
}
.typo3-form .actions, .typo3-form .answerMailText {
   clear: both;
   float: left;
   margin: 15px 0 0;
   width: 100%;
}
.typo3-form .actions .submit button {
   width: -webkit-fit-content !important;
   width: -moz-fit-content !important;
   width: fit-content !important;
   height: 50px;
   font-size: 16px;
   font-size: 1rem;
   font-weight: bold;
}
.typo3-form .actions .submit button::before {
   content: "\f1d8";
   font-family: FontAwesome;
   margin-right: 3px;
}
.typo3-form .checkbox {
   padding-left: 150px;
   margin-bottom: 0;
}
.typo3-form .radio {
   float: left;
   margin: 0 3% 0 0;
   min-width: 70px;
}
.typo3-form .radio .form-check-input {
   position: static;
}
.typo3-form .help-block {
   width: 75%;
}
.typo3-form .elementDescription.help-block {
   width: auto;
   visibility: hidden;
   color: #111;
   position: absolute;
   top: 15px;
   background: rgb(246.5, 246.5, 246.5);
   font-size: 13px;
   font-size: 0.8125rem;
   border: 1px solid #111;
   padding: 3px 6px;
   z-index: 1111;
   line-height: 1.4;
   font-weight: normal;
   font-family: "NotoSans-Regular", arial, verdana, sans-serif;
}
.typo3-form .elementDescription.help-block:hover {
   visibility: visible;
}
.typo3-form .elementDescription.help-block::before {
   content: "\f05a";
   font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", "Font Awesome 5 Solid";
   top: -22px;
   left: -25px;
   visibility: visible;
   position: absolute;
   font-size: 17px;
   font-size: 1.0625rem;
   font-weight: bold;
   color: #800;
}
.radio ~ .typo3-form .elementDescription.help-block::before {
   top: 0;
}

.form-group {
   clear: both;
   float: left;
   margin-bottom: 5px;
   display: block;
   width: 99%;
   position: relative;
}
.form-group.anrede {
   margin-top: 15px;
}
.form-group.anrede div.input {
   width: calc(40% - 155px);
}
.form-group.datenschutz {
   padding-left: 30px;
}
.form-group.datenschutz div.input {
   width: 99.99%;
   text-align: justify;
}
.form-group.datenschutz .checkbox {
   padding-left: 0;
}
.form-group.bestaetigungsinfo {
   visibility: hidden;
   position: absolute;
   top: -3000px;
   left: -3000px;
}
.form-group.bestaetigungsinfo > label {
   display: none;
}
.form-group.bestaetigungsinfo div.input {
   width: 99.99% !important;
   text-align: justify;
}
.form-group.bestaetigungsinfo div.input .form-control {
   color: #000 !important;
   font-size: 16px !important;
   font-size: 1rem !important;
   height: 100px;
}

table.formcontent {
   width: auto;
   border: 1px solid rgb(144.5, 144.5, 144.5);
   background: rgb(242.25, 242.25, 242.25);
}
table.formcontent tr {
   border-bottom: 1px solid #fff;
   line-height: 30px;
}
table.formcontent tr:last-child {
   border-bottom: none;
}
table.formcontent td {
   padding: 3px 5px;
}
table.formcontent tr td:first-child {
   font-weight: bold;
   padding-right: 20px;
   min-width: 150px;
}

.confirmationMessage {
   text-align: center;
}

.form-confirmation-table {
   text-align: left;
}

/* ****************************************************
*  spezielle Formulare:                            */
.form-inline {
   clear: both;
   float: left;
   width: 99%;
}
.form-inline.datum_zeit select.mini {
   min-width: 65px;
}
.form-inline .form-group.dp-subform {
   float: left;
   clear: unset;
}
.form-inline .form-group.dp-subform.dp-subform-date {
   float: left;
   max-width: 200px;
}
.form-inline .form-group.dp-subform.dp-subform-date input {
   max-width: 85%;
   float: left;
}
.form-inline .form-group.dp-subform.dp-subform-hour, .form-inline .form-group.dp-subform.dp-subform-minute {
   max-width: 70px;
}
.form-inline .form-group.dp-subform.dp-subform-hour label, .form-inline .form-group.dp-subform.dp-subform-minute label {
   display: none;
}
.form-inline .form-group.dp-subform.dp-subform-hour {
   margin: 0 20px;
   position: relative;
}
.form-inline .form-group.dp-subform.dp-subform-hour:after {
   content: ":";
   position: absolute;
   right: -12px;
   top: 4px;
   font-weight: bold;
}
.form-inline .form-group.datum_zeit {
   color: red;
   display: block;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   float: left;
}

button.ui-datepicker-trigger {
   padding: 0;
   border: none;
   vertical-align: middle;
}

.ui-widget.ui-widget-content {
   z-index: 1000;
   background: #e6e6e6;
   width: 300px;
   padding: 10px 15px 10px 0;
   border: 1px solid #999;
}
.ui-widget.ui-widget-content a {
   color: var(--primaerfarbe2);
}
.ui-widget.ui-widget-content .ui-datepicker-header.ui-widget-header {
   position: relative;
}
.ui-widget.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-datepicker-prev {
   float: left;
   padding-left: 15px;
}
.ui-widget.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-datepicker-next {
   float: right;
}
.ui-widget.ui-widget-content .ui-datepicker-header.ui-widget-header .ui-datepicker-title {
   text-align: center;
}
.ui-widget.ui-widget-content .ui-datepicker-calendar td, .ui-widget.ui-widget-content .ui-datepicker-calendar th {
   width: 14.2%;
   text-align: right;
}

/* ****************************************************
*  spezielle Formulare:
*/
form[id^=onlineTischreservierung] .control-label,
form[id^=onlineZimmerreservierung] .control-label {
   width: 150px;
}
form[id^=onlineTischreservierung] .form-group,
form[id^=onlineZimmerreservierung] .form-group {
   font-size: 13px;
   font-size: 0.8125rem;
}
form[id^=onlineTischreservierung] .form-group div.input,
form[id^=onlineZimmerreservierung] .form-group div.input {
   float: left;
   width: calc(100% - 150px);
}
form[id^=onlineTischreservierung] .form-group .checkbox,
form[id^=onlineZimmerreservierung] .form-group .checkbox {
   margin-left: 150px;
   margin-bottom: 0;
}
form[id^=onlineTischreservierung] .form-group.datum,
form[id^=onlineZimmerreservierung] .form-group.datum {
   width: 55%;
}
form[id^=onlineTischreservierung] .form-group.datum .input,
form[id^=onlineZimmerreservierung] .form-group.datum .input {
   width: calc(100% - 160px);
}
form[id^=onlineTischreservierung] .form-group.uhrzeit,
form[id^=onlineZimmerreservierung] .form-group.uhrzeit {
   width: 42%;
   float: left;
   clear: none;
   margin-left: 2%;
}
form[id^=onlineTischreservierung] .form-group.uhrzeit .control-label,
form[id^=onlineZimmerreservierung] .form-group.uhrzeit .control-label {
   width: 80px;
}
form[id^=onlineTischreservierung] .form-group.uhrzeit .input,
form[id^=onlineZimmerreservierung] .form-group.uhrzeit .input {
   width: calc(100% - 82px);
}
form[id^=onlineTischreservierung] .form-group.datenschutz,
form[id^=onlineZimmerreservierung] .form-group.datenschutz {
   margin-left: 150px;
   width: calc(99% - 150px);
}
form[id^=onlineTischreservierung] .form-group.datenschutz .checkbox,
form[id^=onlineZimmerreservierung] .form-group.datenschutz .checkbox {
   margin-left: 0;
}
form[id^=onlineTischreservierung] .form-group.datenschutz .input,
form[id^=onlineZimmerreservierung] .form-group.datenschutz .input {
   width: 100%;
}
form[id^=onlineTischreservierung] .antwortmail h6, form[id^=onlineTischreservierung] .verbindlichkeit h6,
form[id^=onlineZimmerreservierung] .antwortmail h6,
form[id^=onlineZimmerreservierung] .verbindlichkeit h6 {
   display: none;
}
form[id^=onlineTischreservierung] .verbindlichkeit,
form[id^=onlineZimmerreservierung] .verbindlichkeit {
   margin-top: 10px;
}

form[id^=onlineZimmerreservierung] .form-group.datum, form[id^=onlineZimmerreservierung] .form-group.einzelzimmeranzahl {
   width: 55%;
}
form[id^=onlineZimmerreservierung] .form-group.datum .input, form[id^=onlineZimmerreservierung] .form-group.einzelzimmeranzahl .input {
   width: calc(100% - 150px);
}
form[id^=onlineZimmerreservierung] .form-group.datumbis, form[id^=onlineZimmerreservierung] .form-group.doppelzimmeranzahl {
   width: 45%;
   float: left;
   clear: none;
}
form[id^=onlineZimmerreservierung] .form-group.datumbis .control-label, form[id^=onlineZimmerreservierung] .form-group.doppelzimmeranzahl .control-label {
   text-align: right;
   padding-right: 10px;
   width: 75px;
}
form[id^=onlineZimmerreservierung] .form-group.datumbis .input, form[id^=onlineZimmerreservierung] .form-group.doppelzimmeranzahl .input {
   width: calc(100% - 81px);
}
form[id^=onlineZimmerreservierung] .form-group {
   /*
   		&.einzelzimmeranzahl {
            width: 50%;

   			.input {
               width: calc(100% - 150px);
   			}
   		}
   		&.doppelzimmeranzahl {
   			width: 50%;
   			float: left;
   			clear: none;

   			.control-label {
   				text-align: right;
       			padding-right: 15px;
   				width: 140px;
   			}
   			.input {
   	         width: calc(100% - 147px);
   			}
   		}
   */
}

/* ****************************************************
*  Medien-Beschränkungen:                             *
***************************************************** */
@media screen and (max-width: 768px) {
   .typo3-form .control-label {
      width: 99% !important;
   }
   .typo3-form div.input {
      clear: left;
      width: 99% !important;
   }
}
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
.form2DatabaseItems thead th {
   text-align: left;
}
.form2DatabaseItems td {
   vertical-align: top;
}
.form2DatabaseItems td.personenanzahl {
   text-align: center;
}
.form2DatabaseItems td.besonderheiten {
   max-width: 30vw;
}

#pagemaker.kein-abstand-zwischen-inhalt-und-header-und-footer #content, #pagemaker.kein-abstand-zwischen-inhalt-und-header-und-footer #contentinner {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
   padding-top: 0 !important;
}
#pagemaker.h1-verborgen:not(.kein-abstand-zwischen-inhalt-und-header-und-footer) #col3 {
   padding-top: 45px;
}
#pagemaker.h1-dominant:not(.kein-abstand-zwischen-inhalt-und-header-und-footer) #col3 {
   padding-top: 45px;
}
#pagemaker[class*=reispapier] #content {
   color: inherit;
   background: url("/fileadmin/Images/reispapier.jpg") fixed;
}
#pagemaker[class*=reispapier] #content #contentinner {
   background: #fff00;
   padding-bottom: 25px;
   -webkit-box-shadow: none;
           box-shadow: none;
}
#pagemaker[class*=weisse-wand] #content {
   color: inherit;
   background: #fff url("/fileadmin/Images/white-wall.webp") fixed;
}
#pagemaker[class*=weisse-wand] #content #contentinner {
   background: #fff00;
   padding-bottom: 25px;
   -webkit-box-shadow: none;
           box-shadow: none;
}
#pagemaker[class*=grauer-putz] #content {
   color: inherit;
   background: url("/fileadmin/Images/stone-wall.jpg") fixed;
}
#pagemaker[class*=grauer-putz] #content #contentinner {
   background: #fff00;
   padding-bottom: 25px;
   -webkit-box-shadow: none;
           box-shadow: none;
}

#headerbild .bild-auf-volle-breite-des-containers-darstellen .ce-gallery img {
   width: 100vw;
   height: auto;
}

#content .altes-papier {
   background: url("/fileadmin/Images/altes-papier.jpg");
   color: inherit;
   padding: 15px;
}
#content .pergament {
   background: url("/fileadmin/Images/pergament.jpg");
   color: inherit;
   padding: 15px;
}
#content .reispapier {
   background: url("/fileadmin/Images/reispapier.jpg");
   color: inherit;
   padding: 15px;
}
#content .bild-mit-runden-ecken figure, #content .bild-mit-runden-ecken img {
   border-radius: 6px;
}
#content .inhalt-maximal-1200px-breit {
   max-width: 1200px;
   position: relative;
   margin: 0 auto;
}
#content .randabstand-bei-voller-seitenbreite {
   padding-left: 15px;
   padding-right: 15px;
}
#content .bilder-bei-mouse-over-animiert figure {
   overflow: hidden;
   position: relative;
   z-index: 10 !important;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   height: auto;
   -webkit-transform: scale(1);
           transform: scale(1);
   -webkit-transition: all 0.5s ease-out 0s;
   transition: all 0.5s ease-out 0s;
   width: 100%;
}
#content .bilder-bei-mouse-over-animiert figure:hover {
   -webkit-transform: scale(1.05);
           transform: scale(1.05);
   -webkit-transition: all 0.5s ease-out 0s;
   transition: all 0.5s ease-out 0s;
}
#content .bilder-bei-mouse-over-animiert figure:hover figcaption {
   top: 9%;
   visibility: visible;
   -webkit-transition: all 0.3s ease-in 0.5s;
   transition: all 0.3s ease-in 0.5s;
}
#content .bilder-bei-mouse-over-animiert figure figcaption {
   position: absolute;
   top: -9%;
   left: 0;
   font-size: 20px;
   font-size: 1.25rem;
   font-weight: bold;
   -webkit-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
   visibility: hidden;
   width: 100%;
   background-color: rgba(255, 255, 255, 0.8);
   padding: 3px 5px;
}
#content .bilder-bei-mouse-over-animiert figure figcaption span {
   display: inline-block;
   background: rgba(255, 255, 255, 0.5);
   padding: 2px 4px;
}
#content .bilder-bei-mouse-over-animiert figure .image-title {
   display: none;
}

.text-ueber-bild-jumbotron .ce-bodytext {
   position: absolute;
   top: 20%;
   width: 100%;
   padding: 0 5vw 0;
   color: #fff;
   font-size: calc(3.1vw + 1rem);
   font-family: "NotoSerifRegular", arial, verdana, sans-serif;
   letter-spacing: 0.05em;
   font-weight: 100;
   text-shadow: 2px 2px 1px #7a2526;
}
.text-ueber-bild-jumbotron .ce-bodytext h2, .text-ueber-bild-jumbotron .ce-bodytext h3, .text-ueber-bild-jumbotron .ce-bodytext h4, .text-ueber-bild-jumbotron .ce-bodytext h5 {
   font-size: calc(3.1vw + 1rem);
}
.text-ueber-bild-jumbotron .ce-bodytext a {
   font-size: calc(3.1vw + 1rem);
   color: #fff;
   text-decoration: none;
}
.text-ueber-bild-jumbotron .ce-bodytext .jumbotron {
   font-size: calc(3.1vw + 1em);
   font-weight: normal;
   letter-spacing: 2px;
   background: rgba(0, 0, 0, 0.7333333333);
   padding: 0 15px;
   border-radius: 10px;
   display: inline-block;
   line-height: 85px;
}
.text-ueber-bild-jumbotron table {
   background: rgba(0, 0, 0, 0.7333333333);
   border-radius: 10px;
}
.text-ueber-bild-jumbotron table th, .text-ueber-bild-jumbotron table td {
   padding: 1px 5px 2px;
}
.text-ueber-bild-jumbotron.pop-in-animation .ce-textpic .ce-bodytext {
   -webkit-animation: pop-in 1s ease-out forwards;
           animation: pop-in 1s ease-out forwards;
}

@-webkit-keyframes pop-in {
   0% {
      opacity: 0;
      -webkit-transform: translateY(-4rem) scale(1.2);
              transform: translateY(-4rem) scale(1.2);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
              transform: none;
   }
}

@keyframes pop-in {
   0% {
      opacity: 0;
      -webkit-transform: translateY(-4rem) scale(1.2);
              transform: translateY(-4rem) scale(1.2);
   }
   100% {
      opacity: 1;
      -webkit-transform: none;
              transform: none;
   }
}
.box-content.bild-oben-und-unten-mit-flatterrand:before {
   position: absolute;
   top: 0px;
   left: 0;
   height: 30px;
   width: 100%;
   content: " ";
   background: rgba(255, 255, 255, 0) url("../Images/flatterrand_oben.png");
}
.box-content.bild-oben-und-unten-mit-flatterrand:after {
   position: absolute;
   bottom: 0;
   top: auto;
   left: 0;
   height: 30px;
   width: 100%;
   content: " ";
   background: rgba(255, 255, 255, 0) url("../Images/flatterrand_unten.png");
}

/* ****************************************************
*  Medien-Beschränkungen:                             *
***************************************************** */
@media screen and (max-width: 768px) {
   .text-ueber-bild-jumbotron .ce-bodytext {
      padding-top: 0;
   }
   .text-ueber-bild-jumbotron .ce-bodytext .jumbotron {
      height: unset;
      line-height: normal;
      font-size: 30px;
      font-size: 1.875rem;
   }
}
#headerbild .ce-above .ce-gallery {
   margin-bottom: 0;
}
.page-layout1 #headerbild {
   max-width: 200%;
}
.page-layout1 #headerbild img {
   width: 100%;
   height: auto;
}

.header {
   background: var(--sekundaerfarbe5);
   -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.08);
           box-shadow: 0 3px 14px rgba(0, 0, 0, 0.08);
   z-index: 1000;
   position: relative;
   top: 0;
   right: 0;
   left: auto;
   height: 140px;
   width: 100%;
}
.header .visually-hidden {
   position: absolute !important;
   clip: rect(1px, 1px, 1px, 1px);
   padding: 0 !important;
   border: 0 !important;
   height: 1px !important;
   width: 1px !important;
   overflow: hidden;
}
.header .header-announcement-bar-wrapper {
   padding: 0 !important;
   position: relative;
   z-index: 50;
   width: auto !important;
   -webkit-box-sizing: border-box !important;
           box-sizing: border-box !important;
   pointer-events: auto !important;
   float: right !important;
}
.header .header-announcement-bar-wrapper .header-nav-item {
   font-size: calc(0.25vw + 1.1rem);
   font-family: "NotoSans-Regular", arial, verdana, sans-serif;
   position: relative;
   height: 2em;
   float: left;
}
.header .header-announcement-bar-wrapper .header-nav-item a {
   color: var(--sekundaerfarbe5);
   text-shadow: none;
   border-radius: 4px !important;
   text-decoration: none;
   font-size: 19px;
   font-size: 1.1875rem;
   margin: 0 12px;
   padding: 0 4px;
   line-height: 30px;
}
.header .header-announcement-bar-wrapper .header-nav-item a:hover {
   background-color: var(--sekundaerfarbe1);
   color: var(--sekundaerfarbe5);
}
.header .header-announcement-bar-wrapper .header-nav-item a::after {
   content: "•";
   position: absolute;
   right: -4px;
   top: 1px;
   color: var(--sekundaerfarbe5);
}
.header .header-announcement-bar-wrapper .header-nav-item a:last-child a {
   position: relative;
}
.header .header-announcement-bar-wrapper .header-nav-item a:last-child a::after {
   display: none;
}
.header .header-announcement-bar-wrapper .header-nav-item .header-nav-item--active a {
   white-space: initial;
   color: var(--sekundaerfarbe5);
   text-decoration: none;
}

.page-layout4 .header {
   background: rgba(255, 255, 255, 0);
   z-index: 15;
   position: absolute;
}
.page-layout4 .header .logo, .page-layout4 .header .slogan {
   display: none;
}
.page-layout4 .header-announcement-bar-wrapper {
   margin-top: 5px;
   border-radius: 9px;
}
.page-layout4 .header-announcement-bar-wrapper.black {
   background-color: rgba(0, 0, 0, 0.7) !important;
}
.page-layout4 .header-announcement-bar-wrapper a {
   color: #fff;
}
.page-layout4 .header-announcement-bar-wrapper .header-nav-wrapper a {
   color: #fff;
   text-shadow: 1px 1px 0 #111;
}
.page-layout4 .header-nav-list {
   background: rgba(0, 0, 0, 0.7333333333);
   padding: 0 15px;
   border-radius: 5px;
}

/*
.page-layout4 {
	.logo {
		display: none;
	}
}
*/
.header-nav {
   text-align: right;
}

.logo {
   background: none;
   display: inline-block;
   margin: 0;
   overflow: hidden;
   padding: 0 0 0 5vw;
   width: 40vw;
   position: relative;
   top: -6px;
   min-height: 100px;
   left: 0;
   z-index: 501;
   float: left;
}
.logo img {
   float: left;
   margin-top: 14px;
   width: 100%;
   height: auto;
   max-height: 120px;
}
.logo a {
   float: left;
   display: inline-block;
   text-decoration: none;
}

.slogan {
   width: 50vw;
   float: right;
   text-align: right;
   font-family: "NotoSerifRegular", arial, verdana, sans-serif;
   font-size: 20px !important;
   font-size: 1.25rem !important;
   position: relative;
   margin: 40px 5vw 0 0;
   color: var(--sekundaerfarbe1);
   font-style: italic;
}

/* ****************************************************
*  Medien-Beschränkungen:                             *
***************************************************** */
@media screen and (max-width: 768px) {
   .header {
      height: 130px;
   }
   .page-layout4 #headerbild .ce-above img, .page-layout4 #headerbild .ce-below img {
      max-width: 100vw;
   }
   .page-layout4 .header-announcement-bar-wrapper, .page-layout5 .header-announcement-bar-wrapper {
      margin-top: 0;
      border-radius: 0;
   }
   .header-nav {
      display: block;
   }
   .logo {
      position: absolute;
      top: 30px;
      /*
      		margin: 0;
          	position: absolute;
      		left: auto;
          	right: 0;
            top: auto;
            bottom: 0px;
          	clear: both;
      //    	transform: scale(0.8);
      //      width: 40%;
      */
   }
   .logo img {
      height: auto !important;
      margin-top: -4px;
   }
   .logo a {
      float: none;
      width: 100%;
   }
   .logo a .slogan {
      float: none;
      margin: 0;
      width: calc(100% - 100px);
      float: right;
   }
   .slogan {
      margin-top: 20px;
   }
}
@media screen and (max-width: 480px) {
   .container {
      padding-left: 6px;
      padding-right: 6px;
   }
   .page-layout4 .header-nav-list, .page-layout5 .header-nav-list {
      border-radius: 0;
   }
   /*
      .logo {
   		top: 35px;
   		left: auto;
   		z-index: 45;
   		right: 5px;

         a {
            float: none;
         }
      }
   */
}
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

.sticky {
   position: sticky;
   top: 0;
   background-color: green;
   border: 2px solid #4CAF50;
}

/* ============= HAUPTMENUE =========== */
/* --- Hamburger Icon Animation --- */
#hamburger {
   display: none;
   width: 32px;
   height: 24px;
   position: relative;
   cursor: pointer;
   left: 15px;
   top: 10px;
}
#hamburger span {
   position: absolute;
   height: 3px;
   width: 100%;
   background: white;
   left: 0;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   border-radius: 3px;
}
#hamburger span:nth-child(1) {
   top: 0;
}
#hamburger span:nth-child(2) {
   top: 10px;
}
#hamburger span:nth-child(3) {
   top: 20px;
}
#hamburger.active span:nth-child(1) {
   top: 10px;
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
}
#hamburger.active span:nth-child(2) {
   opacity: 0;
}
#hamburger.active span:nth-child(3) {
   top: 10px;
   -webkit-transform: rotate(-45deg);
           transform: rotate(-45deg);
}

/* --- Main Menu --- */
#mainMenu {
   /*   clear:both;
   //   background: $mm-bgcolor;
   //   backdrop-filter: blur(4px);
      padding: 15px 25px;
      position: relative;
      z-index: 1100;
   //   box-shadow: 0 2px 4px rgba(0,0,0,0.15);
   //   transition: all 0.25s ease;
      width: calc(100% - 200px);
      float: right;
      margin: 24px 0 0;
   */
   clear: both;
   float: left;
   position: relative;
   background-color: var(--primaerfarbe1);
   border-color: var(--sekundaerfarbe1);
   border-style: solid;
   border-width: 2px 0;
   border-radius: 0;
   height: auto;
   min-height: 50px;
   font-family: "NotoSerifRegular", arial, verdana, sans-serif;
   margin-bottom: 0;
   padding: 0;
   text-align: center;
   width: 100%;
   z-index: 1100;
}

#mainMenu.scrolled {
   background: rgba(0, 0, 0, 0.7333333333) url(../Images/logo.png) no-repeat 15px 9px;
   background-size: auto 80px;
   border-bottom: 3px double var(--sekundaerfarbe2);
   position: fixed;
   width: 100%;
   top: 0;
   margin: 0 !important;
}

nav#mainNavi {
   text-align: center;
}

nav#mainNavi > ul {
   list-style: none;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   margin: 0;
   padding: 0;
}

nav#mainNavi li {
   padding: 0 1px;
   list-style: none;
   border-bottom: none;
}
nav#mainNavi li.spacer {
   display: none;
}
nav#mainNavi li.spacer ~ li {
   display: none;
}

nav#mainNavi a {
   color: var(--sekundaerfarbe5);
   text-decoration: none;
   padding: 0 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-transition: opacity 0.3s ease;
   transition: opacity 0.3s ease;
   font-size: clamp(1.4rem, 2vw, 1.6rem);
   font-family: "NotoSerifRegular", arial, verdana, sans-serif;
   font-weight: normal;
   line-height: 50px;
}
nav#mainNavi a .caret {
   margin: 3px 0 0 4px;
   color: var(--sekundaerfarbe5) !important;
}

nav#mainNavi li:first-child.aktiv {
   background: none;
}

nav#mainNavi li.aktiv {
   background: var(--sekundaerfarbe1);
}

nav#mainNavi li:hover a {
   background: var(--sekundaerfarbe1);
}

.arrow {
   font-size: 0.8rem;
   -webkit-transition: -webkit-transform 0.24s ease;
   transition: -webkit-transform 0.24s ease;
   transition: transform 0.24s ease;
   transition: transform 0.24s ease, -webkit-transform 0.24s ease;
}

/* --- Submenu --- */
.submenu {
   list-style: none;
   background: rgba(0, 0, 0, 0.7333333333);
   position: absolute;
   top: 100%;
   left: 0;
   min-width: 240px;
   margin: 0;
   padding: 0;
   opacity: 0;
   max-height: 0;
   -webkit-transform: translateY(10px);
           transform: translateY(10px);
   -webkit-transition: opacity 0.35s ease, max-height 0.35s ease, -webkit-transform 0.35s ease;
   transition: opacity 0.35s ease, max-height 0.35s ease, -webkit-transform 0.35s ease;
   transition: opacity 0.35s ease, max-height 0.35s ease, transform 0.35s ease;
   transition: opacity 0.35s ease, max-height 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease;
   pointer-events: none;
}

.submenu li a {
   padding: 6px 12px !important;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   font-size: 18px !important;
   font-size: 1.125rem !important;
   text-align: left;
}

.has-sub {
   position: relative;
}

.has-sub:hover > .submenu {
   opacity: 1;
   max-height: 800px;
   -webkit-transform: translateY(0);
           transform: translateY(0);
   pointer-events: auto;
}

/* --- Sub-Submenu --- */
.submenu .has-sub {
   position: relative;
}

.submenu .has-sub .submenu {
   top: 0;
   left: 100%;
   background: var(--primaerfarbe1);
   -webkit-transform: translateX(10px);
           transform: translateX(10px);
}

.submenu .has-sub:hover > .submenu {
   -webkit-transform: translateX(0);
           transform: translateX(0);
}

/* --- Responsive --- */
@media (max-width: 900px) {
   #mainMenu {
      float: left;
      background: var(--primaerfarbe1) url(/fileadmin/Images/bg_body.webp);
   }
   #hamburger {
      display: block;
   }
   nav#mainNavi {
      display: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 0;
      margin-top: 10px;
   }
   nav#mainNavi.open {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
   nav#mainNavi > ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 4px;
   }
   nav#mainNavi li.spacer ~ li {
      display: block !important;
   }
   .submenu {
      position: static;
      background: var(--primaerfarbe1);
      -webkit-transform: none;
              transform: none;
      max-height: 0;
      opacity: 0;
      padding-left: 25px;
   }
   .submenu.open {
      max-height: 800px;
      opacity: 1;
   }
   .has-sub > a .arrow {
      margin-left: auto;
   }
   .has-sub.open > a .arrow {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
   }
}
/* =============== HAUPTMENUE — ENDE ================ */
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

/* ***********************************************
   Submenue:
*********************************************** */
.sitebarSub {
   background: rgba(255, 253, 248, 0.65);
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
   padding: 32px 36px;
   max-width: 440px;
   border-radius: 16px;
   border: 1px solid rgba(126, 96, 27, 0.2);
   -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.4);
           box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.sitebarSub h2 {
   margin: 0 0 22px 0;
   font-size: 26px;
   font-weight: 600;
   color: var(--sekundaerfarbe1);
   letter-spacing: 0.5px;
}

.sitebarSub h2::after {
   content: "";
   display: block;
   width: 65px;
   height: 2px;
   margin-top: 10px;
   background: -webkit-gradient(linear, left top, right top, from(#7E601B), to(rgba(126, 96, 27, 0.25)));
   background: linear-gradient(to right, #7E601B, rgba(126, 96, 27, 0.25));
}

.sitebarSub ul {
   padding: 0 0 0 15px;
   margin: 0;
}

.sitebarSub > ul {
   padding-left: 0;
}

.sitebarSub li {
   margin-bottom: 10px;
}

/* Link-Grundstil */
.sitebarSub a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 12px;
   text-decoration: none;
   font-size: 18px;
   font-weight: 500;
   padding: 5px 15px 5px 0;
   border-radius: 10px;
   color: #4a3a1f;
   position: relative;
   -webkit-transition: all 0.25s ease;
   transition: all 0.25s ease;
}

/* Softes Gold-Hover */
.sitebarSub a:hover {
   background: -webkit-gradient(linear, left top, right top, from(rgba(126, 96, 27, 0.15)), to(rgba(126, 96, 27, 0.05)));
   background: linear-gradient(90deg, rgba(126, 96, 27, 0.15), rgba(126, 96, 27, 0.05));
   color: #7E601B;
   -webkit-transform: translateX(4px);
           transform: translateX(4px);
}

/* Icon Styling */
.sitebarSub .icon {
   width: 20px;
   height: 20px;
   color: #7E601B;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   opacity: 0.7;
   -webkit-transition: all 0.25s ease;
   transition: all 0.25s ease;
}

.sitebarSub a:hover .icon {
   opacity: 1;
   -webkit-transform: scale(1.05);
           transform: scale(1.05);
}

.sitebarSub li.active .icon {
   opacity: 1;
   -webkit-transform: scale(1.1);
           transform: scale(1.1);
}

.sitebarSub .icon svg {
   width: 20px;
   height: 20px;
}

/* Aktiver Menüpunkt */
.sitebarSub li.active a {
   background: -webkit-gradient(linear, left top, right top, from(rgba(126, 96, 27, 0.25)), to(rgba(126, 96, 27, 0.08)));
   background: linear-gradient(90deg, rgba(126, 96, 27, 0.25), rgba(126, 96, 27, 0.08));
   color: #7E601B;
   font-weight: 600;
   -webkit-box-shadow: 0 4px 12px rgba(126, 96, 27, 0.2);
           box-shadow: 0 4px 12px rgba(126, 96, 27, 0.2);
}

/* Vertikale Goldkante */
.sitebarSub {
   position: relative;
   overflow: hidden;
}

.sitebarSub::before {
   content: "";
   position: absolute;
   left: 0;
   top: 20px;
   bottom: 20px;
   width: 4px;
   border-radius: 2px;
   background: -webkit-gradient(linear, left top, left bottom, from(var(--sekundaerfarbe2)), to(var(--sekundaerfarbe2semi)));
   background: linear-gradient(to bottom, var(--sekundaerfarbe2), var(--sekundaerfarbe2semi));
}

/* Gold-Schimmer Effekt */
.sitebarSub a {
   overflow: hidden;
}

.sitebarSub a::after {
   content: "";
   position: absolute;
   top: 0;
   left: -120%;
   width: 120%;
   height: 100%;
   background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.35) 45%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.35) 55%, transparent 100%);
   -webkit-transition: all 0.6s ease;
   transition: all 0.6s ease;
}

/* Schimmer nur bei Hover */
.sitebarSub a:hover::after {
   left: 120%;
}

/* Glassmorphism feiner auf Holz abgestimmt */
.sitebarSub {
   background: rgba(255, 252, 245, 0.6);
   /* wichtig für Holz: etwas wärmerer Ton */
   backdrop-filter: blur(10px) saturate(110%);
}

/* Hover noch etwas "goldiger" */
.sitebarSub a:hover {
   background: -webkit-gradient(linear, left top, right top, from(rgba(126, 96, 27, 0.18)), to(rgba(126, 96, 27, 0.06)));
   background: linear-gradient(90deg, rgba(126, 96, 27, 0.18), rgba(126, 96, 27, 0.06));
}

/* Aktiver Punkt leicht veredelt */
.sitebarSub li.active a {
   background: -webkit-gradient(linear, left top, right top, from(rgba(126, 96, 27, 0.28)), to(rgba(126, 96, 27, 0.1)));
   background: linear-gradient(90deg, rgba(126, 96, 27, 0.28), rgba(126, 96, 27, 0.1));
   border: 1px solid rgba(126, 96, 27, 0.25);
}

/* ****************************************************
*  Medien-Beschränkungen:                             *
***************************************************** */
@media screen and (max-width: 992px) {
   .sitebarSub {
      display: none;
   }
}
.caret {
   margin: 10px 0 0 4px;
   color: var(--sekundaerfarbe5) !important;
}

.visually-hidden {
   position: absolute !important;
   clip: rect(1px, 1px, 1px, 1px);
   padding: 0 !important;
   border: 0 !important;
   height: 1px !important;
   width: 1px !important;
   overflow: hidden;
}

/* * /
.socialmenu {
   position: absolute;
   right: 10px;
   left: auto;
   top: 0;

   a {
      text-decoration:none;
      padding:0 3px;
      color:var(--primaerfarbe1);
      @include font-size(14);
   }
   a:hover {
      background:var(--primaerfarbe2);
      color:$weiss;
   }
   li {display:inline-block; margin:0 0 0 10px;}
}
*/
/* */
ul#footermenu {
   margin: 0;
   position: relative;
   display: inline-block;
}
ul#footermenu li {
   float: left;
   list-style: none;
   font-size: 16px;
   font-size: 1rem;
}
ul#footermenu li::before {
   display: none;
   content: "•";
   left: -20px;
   position: absolute;
   top: 0;
}
ul#footermenu li a {
   display: inline-block;
   padding: 0 8px;
   text-decoration: underline;
}

/* * /
#header {
	.socialmenu {
	   position: absolute;
      top: 15px;
      right: 15px;
      left: auto;
      z-index: 1000;

		li {
		   display: block;
		   width: fit-content;
		   float: left;
		   padding-right: 5px;

			a {
			   text-decoration: none;
			   padding: 0 8px;
			   color: var(--primaerfarbe1);
			   @include font-size(16);
			   position: relative;
				text-shadow: 1px 1px 3px $weiss;
    			font-weight: normal;			   

				&:after {
					content: '♦';
					position: absolute;
					right: -6px;
					top: 0;
				}	
			}
			&:last-of-type {
				a:after {
					display: none;
				}
			}		   		   
		}	    
	   li::before {
			display: none !important;
		}

	}
}

.socials {
   .socialitem {
       margin-left: 10px;
   }
}
/* */
#toTop {
   background-color: var(--sekundaerfarbe3);
   bottom: 50px;
   border: 1px solid var(--sekundaerfarbe3);
   border-radius: 50%;
   color: #fff;
   cursor: pointer;
   display: none;
   font-size: 20px;
   font-size: 1.25rem;
   padding: 2px 0 0 1px;
   position: fixed;
   right: 25px;
   text-align: center;
   height: 35px;
   width: 35px;
   z-index: 10000;
}
#toTop:hover {
   background-color: #fff;
   color: var(--sekundaerfarbe3);
   -webkit-transition: background-color, color 0.2s ease-out;
   transition: background-color, color 0.2s ease-out;
}

/* ****************************************************
*  Medien-Beschränkungen:                             *
***************************************************** * /
// bootstarp "md":
@media screen and (max-width:992px) {
   .navbar-default {
      .navbar-nav {
         li {
            a {
               padding-left:8px;
               padding-right:8px;
            }
         }
      }
   }
}


// bootstarp "sm":
@media screen and (max-width:768px) {
   .navbar {
      .container-fluid {
         background-image: none;
      }
   }

   #mainNavi {
      background: none;
      text-align: left;
   }

   .navbar-default {
      .navbar-nav {
         display:block;
         float: left;
         margin-bottom: 0;

         li {
            a {
//               padding-left:20px;
               @include font-size($mm-1stlevel-font-size-max-width768px, 1);
               font-family: $font-family-base !important;
            }

            &::after {
               display: none;
            }
         }

         & > li {
            float: left;
            width: 100%;

            & > a {
               font-family: $font-family-base;
//               @include font-size(15);
               line-height: 30px !important;
            }
         }
      }
   }

   .navbar-collapse.collapse {
      height: auto !important;
   }

   ul.dropdown-menu {
		margin-left: 10px !important;
		left: 0 !important;

   	li:first-of-type {
			border-left-color: var(--primaerfarbe3) !important;
		}
	}


   li.dropdown-menu {
		ul.dropdown-menu {
		   border: none;
		   background-color: $transparent;
		   position: relative;
		   margin-top: 0;
		   margin-left: 20px;
		   padding-left: 20px !important;

			li {
				border-left: none;
			}
		}

		& > a {
			padding-left: 15px;
		}
      & > ul.dropdown-menu {
			padding: 0;
			top: 6px;
			left: 2%;
			margin-top: 0;
			margin-left: 10px;
			//				    border-left: none;

         &::before {
            display: none;
         }
      }
   }

   #submenu {
      display: none;
   }
}

/* */
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

#content {
   background: var(--sekundaerfarbe5);
   clear: both;
   float: left;
   padding: 25px 0;
   position: relative;
   width: 100%;
   z-index: 555;
}
#content .kein_abstand_zwischen_inhalt_und_header_und_footer {
   margin-bottom: 0;
   padding-top: 0;
}
#content .links_und_rechts_kein_innenabstand {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

#contentinner {
   background-color: transparent;
   margin-top: 50px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap; /* Standardwert = nowrap */
   padding: 0 15px;
}
#contentinner.container {
   padding-left: 0;
   padding-right: 0;
   max-width: 90vw;
   width: 1200px;
}
#contentinner.containerfluid {
   width: 100%;
}
#contentinner.containerfluid #col3 > div[id^=c] {
   padding-left: 15px;
   padding-right: 15px;
}
.page-layout1 #contentinner {
   max-width: 1200px;
   margin: 25px auto;
   width: 100%;
}
.page-layout2 #contentinner {
   max-width: 100vw;
   margin: 25px auto 0;
   padding-left: 0 !important;
   padding-right: 0 !important;
}
.page-layout3 #contentinner {
   max-width: 1500px;
   margin: 25px auto;
   padding: 25px;
   width: 100%;
}

/* ******* Die SPALTEN *********** */
#col1, #col3 {
   position: relative;
   float: left;
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
   vertical-align: top;
}

.page-layout1 #col1 {
   background: none !important;
}
.page-layout1 #content {
   background: rgba(255, 255, 255, 0) url("../Images/bg_content_1200.png") repeat-y center top;
}

.pagets__1 {
   /*
      #col3 {
         padding-left: 0;
         padding-right: 0;

         & > div[id^="c"] > .ce-header {
            padding-left: 15px;
            padding-right: 15px;
         }
      }
   */
}
.pagets__1.page-layout0 #contentinner > div > div.fsc.layout_1 {
   width: 103%;
   margin-left: -1.5%;
}
.pagets__1.page-layout1 #contentinner, .pagets__1.page-layout1 #col3 {
   display: block;
}

.pagets__2, .pagets__3 {
   /*  die unterschiedlichen Spalten
   *   .pagets__2 = col1, col3, col2
   *   .pagets__3 = col1, col3
   */
}
.pagets__2 #col1, .pagets__2 #col3, .pagets__3 #col1, .pagets__3 #col3 {
   z-index: 100;
   padding-top: 30px;
}
.pagets__2 #col1c, .pagets__3 #col1c {
   width: 100%;
}

/* ****************************************************
*  Medien-Beschränkungen:                             *
***************************************************** */
@media screen and (max-width: 768px) {
   #content {
      z-index: 1;
   }
   #contentinner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
   .pagets__1.page-layout0 #contentinner > div > div.fsc {
      padding-left: 0;
      padding-right: 0;
   }
   #col1 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
   }
   #col3 {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
   }
   /*
   	#contentinner, #col1, #col3, .fsc {
   		overflow-x: auto !important;
   	}
   */
}
/* */
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* Footer */
#footer {
   background: var(--primaerfarbe3);
   clear: both;
   color: var(--sekundaerfarbe5);
   margin: 0 auto;
   min-height: 60px;
   overflow: hidden;
   position: relative;
   width: 100%;
   padding-top: 20px;
   padding-left: 0;
   padding-right: 0;
   z-index: 2001;
}
#footer a {
   color: var(--sekundaerfarbe5);
   text-decoration: underline;
}
#footer a:hover {
   background: #dddddd;
   color: #111 !important;
   text-decoration: underline;
}
#footer h2, #footer h3, #footer h4, #footer h5 {
   color: inherit;
}
#footer ul li {
   font-size: inherit !important;
}
#footer #footerInner {
   position: relative;
   margin-top: 0;
   padding: 0 15px;
}
#footer #footerInner .ce-bodytext > h2, #footer #footerInner .ce-bodytext > h3, #footer #footerInner .ce-bodytext > h4, #footer #footerInner .ce-bodytext > h5 {
   margin-top: 3px;
}
#footer .footerfoots, #footer #footerfooter {
   clear: both;
   float: left;
   width: 100%;
   padding: 5px 15px 0;
}
#footer .footerfoots p, #footer .footerfoots li, #footer .footerfoots pre, #footer .footerfoots dt, #footer .footerfoots dd, #footer .footerfoots th, #footer .footerfoots td, #footer #footerfooter p, #footer #footerfooter li, #footer #footerfooter pre, #footer #footerfooter dt, #footer #footerfooter dd, #footer #footerfooter th, #footer #footerfooter td {
   margin: 0;
   line-height: inherit;
   font-size: 12px;
   font-size: 0.75rem;
}
#footer #footl, #footer #footm, #footer #footr {
   float: left;
   font-size: 14px;
   font-size: 0.875rem;
   color: #D8C2A4;
   padding: 0;
   margin: 0;
   line-height: 50px;
}
#footer #footl {
   margin-right: 10%;
}
#footer #footm {
   margin: 0;
   left: calc(50% - 150px);
   position: absolute;
}
#footer #footr {
   float: right;
   text-align: right;
}
#footer .ce-subheader {
   color: #fff;
}
#footer .ce-subheader.ce-subheader-1 {
   color: #fff;
}
#footer .ce-subheader.ce-subheader-2 {
   color: #a64b4d;
}
#footer .ce-subheader.ce-subheader-3 {
   color: #a64b4d;
}
#footer .metaMenu {
   float: left;
   display: inline-block;
   margin: 0;
   padding: 0;
   text-align: left;
}
#footer .metaMenu li {
   display: inline-block;
   list-style: none;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   float: left;
   padding-right: 5px;
}
#footer .metaMenu li a {
   text-decoration: none;
   padding: 0 4px;
   color: inherit;
   font-size: 14px;
   font-size: 0.875rem;
}
#footer .metaMenu li a:hover {
   text-decoration: underline;
}

/* ****************************************************
*  Medien-Beschränkungen:                             *
***************************************************** */
@media screen and (max-width: 1024px) {
   #footer-content > div > div > .gc1:first-child {
      padding: 0;
   }
}
@media screen and (max-width: 768px) {
   #footer #footm {
      bottom: -15px;
   }
}
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

.tx-felogin-pi1 fieldset legend, .feLoginForm fieldset legend {
   display: none;
}
.tx-felogin-pi1 fieldset > div, .feLoginForm fieldset > div {
   margin-bottom: 8px;
   clear: left;
   float: left;
}
.tx-felogin-pi1 h3, .feLoginForm h3 {
   font-size: 18px;
   font-size: 1.125rem;
}
.tx-felogin-pi1 label, .feLoginForm label {
   clear: left;
   float: left;
   width: 100px;
}
.tx-felogin-pi1 input[type=submit], .feLoginForm input[type=submit] {
   margin-left: 0;
}

label[for=tx_felogin_pi1-forgot-email] {
   width: 240px;
}

input[value="Passwort zurücksetzen"] {
   margin-left: 240px !important;
}

#loggedin {
   background: #7c976b;
   border-radius: 3px;
   color: #fff;
   padding: 10px;
   position: absolute;
   right: 10px;
   top: 50px;
   z-index: 5000;
}
#loggedin a {
   color: #fff !important;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
.ce-table-speisekarte, .ce-table-getraenkekarte {
   margin: 0 auto;
   border-radius: 10px;
}
.ce-table-speisekarte tr th, .ce-table-speisekarte tr td, .ce-table-getraenkekarte tr th, .ce-table-getraenkekarte tr td {
   border-top: 0 !important;
   padding: 4px 0.5em;
   line-height: normal;
}
.ce-table-speisekarte tr td:nth-child(1), .ce-table-getraenkekarte tr td:nth-child(1) {
   font-weight: bold;
   text-align: right;
}
.ce-table-speisekarte tr td:nth-child(2) h5, .ce-table-getraenkekarte tr td:nth-child(2) h5 {
   font-weight: bold;
   font-size: 20px;
   font-size: 1.25rem;
   font-family: delphin;
   margin: 0;
}
.ce-table-speisekarte tr td:nth-child(3), .ce-table-getraenkekarte tr td:nth-child(3) {
   font-size: 13px;
   font-size: 0.8125rem;
   font-weight: bold;
   text-align: right;
   min-width: 70px;
   padding-right: 12px;
}
.ce-table-speisekarte tr:first-child td:first-child, .ce-table-getraenkekarte tr:first-child td:first-child {
   padding-top: 14px;
}
.ce-table-speisekarte tr:first-child td:nth-child(2), .ce-table-getraenkekarte tr:first-child td:nth-child(2) {
   padding-top: 10px;
}
.ce-table-speisekarte tr:first-child td:nth-child(3), .ce-table-getraenkekarte tr:first-child td:nth-child(3) {
   padding-top: 14px;
}

.ce-table-speisekarte {
   background: url("/fileadmin/Images/pap.webp") repeat-y;
   background-size: 100% auto;
}

.ce-table-getraenkekarte {
   background: rgb(197.0566037736, 63.9433962264, 65.5094339623);
   background: -webkit-gradient(linear, left top, left bottom, from(rgb(197.0566037736, 63.9433962264, 65.5094339623)), color-stop(#fff), to(#fff));
   background: linear-gradient(to bottom, rgb(197.0566037736, 63.9433962264, 65.5094339623), #fff, #fff);
   border: 1px solid #EAEAEA;
}
.ce-table-getraenkekarte tr th, .ce-table-getraenkekarte tr td {
   border-top: 0 !important;
   padding: 3px 0.5em;
   line-height: normal;
}
.ce-table-getraenkekarte tr:first-child td:first-child {
   padding-top: 16px;
}
.ce-table-getraenkekarte tr:first-child td:nth-child(2) {
   padding-top: 20px;
}
.ce-table-getraenkekarte tr:first-child td:nth-child(3) {
   padding-top: 25px;
}

table[data-class=weinkarte] {
   width: 99.99%;
}
table[data-class=weinkarte] th:nth-child(2) {
   min-width: 100px;
}
table[data-class=weinkarte] th:nth-child(3) {
   min-width: 100px;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

.slideanim {
   visibility: hidden;
}

.slide {
   animation-name: slide;
   -webkit-animation-name: slide;
   animation-duration: 1s;
   -webkit-animation-duration: 1s;
   visibility: visible;
}

@keyframes slide {
   0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
              transform: translateY(70%);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
              transform: translateY(0%);
   }
}
@-webkit-keyframes slide {
   0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
   }
}
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.fsc.fade {
   opacity: 1;
}

.bx-wrapper {
   position: relative;
   margin-bottom: 60px;
   padding: 0;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
}
.bx-wrapper img {
   max-width: 100%;
   display: block;
}
.bx-wrapper .bxslider {
   margin: 0;
   padding: 0;
   /* fix flickering when used background-image instead of <img> (on Chrome) */
   -webkit-perspective: 1000;
}
.bx-wrapper ul.bxslider {
   list-style: none;
}
.bx-wrapper .bx-viewport {
   /* fix other elements on the page moving (in Chrome) */
   -webkit-transform: translateZ(0);
}
.bx-wrapper .bx-controls-direction {
   visibility: hidden;
}
.bx-wrapper:hover .bx-controls-direction {
   visibility: visible;
}
.bx-wrapper.ui-accordion .ui-accordion-content {
   padding: 0;
   border-top: inherit;
   overflow: hidden;
}

/** THEME
===================================*/
.bx-wrapper {
   -webkit-box-shadow: 0 0 5px #ccc;
   box-shadow: 0 0 5px #ccc;
   border: 5px solid #fff;
   background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
   position: absolute;
   bottom: -30px;
   width: 100%;
}
.bx-wrapper {
   /* LOADER */
}
.bx-wrapper .bx-loading {
   min-height: 50px;
   background: url("/fileadmin/Images/Icons/bx_loader.gif") center center no-repeat #ffffff;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2000;
}
.bx-wrapper {
   /* PAGER */
}
.bx-wrapper .bx-pager {
   text-align: center;
   font-size: 0.85em;
   font-family: Arial;
   font-weight: bold;
   color: #666;
   padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
   background: #666;
   text-indent: -9999px;
   display: block;
   width: 10px;
   height: 10px;
   margin: 0 5px;
   outline: 0;
   border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
   background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
   display: inline-block;
   vertical-align: bottom;
}
.bx-wrapper .bx-pager-item {
   font-size: 0;
   line-height: 0;
}
.bx-wrapper {
   /* DIRECTION CONTROLS (NEXT / PREV) */
}
.bx-wrapper .bx-prev {
   left: 10px;
   background: url("/fileadmin/Images/Icons/controls.png") no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
   background-position: 0 0;
}
.bx-wrapper .bx-next {
   right: 10px;
   background: url("/fileadmin/Images/Icons/controls.png") no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
   background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
   position: absolute;
   top: 50%;
   margin-top: -16px;
   outline: 0;
   width: 32px;
   height: 32px;
   text-indent: -9999px;
   z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
   display: none;
}
.bx-wrapper {
   /* AUTO CONTROLS (START / STOP) */
}
.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("/fileadmin/Images/Icons/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,
.bx-wrapper .bx-controls-auto .bx-start:focus {
   background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
   display: block;
   text-indent: -9999px;
   width: 9px;
   height: 11px;
   outline: 0;
   background: url("/fileadmin/Images/Icons/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,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
   background-position: -86px -33px;
}
.bx-wrapper {
   /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
}
.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 {
   /* IMAGE CAPTIONS */
}
.bx-wrapper .bx-caption {
   position: absolute;
   bottom: 0;
   left: 0;
   background: #666;
   background: rgba(80, 80, 80, 0.75);
   width: 100%;
}
.bx-wrapper .bx-caption span {
   color: #fff;
   font-family: Arial;
   display: block;
   font-size: 0.85em;
   padding: 10px;
}
.bx-wrapper .ce-gallery.imageSlider,
.bx-wrapper .ce-uploads.imageSlider {
   float: none;
   padding-right: 0;
}
.bx-wrapper .ce-gallery.imageSlider li,
.bx-wrapper .ce-uploads.imageSlider li {
   margin: 0 0 0 5px !important;
   padding-right: 10px;
}
.bx-wrapper .ce-gallery.imageSlider img,
.bx-wrapper .ce-uploads.imageSlider img {
   padding-right: 0;
}
.bx-wrapper .slider-item .image-caption {
   position: absolute;
   top: 5%;
   right: 25%;
   background: rgba(255, 255, 255, 0.8);
   padding: 5px 15px 0;
}
.bx-wrapper .slider-item .image-caption p:first-of-type {
   font-size: 17px;
   font-size: 1.0625rem;
   font-weight: bold;
   color: inherit;
}

/* *****************************************************************
 * Andere Slider (uploads ...)
 * *****************************************************************/
ul.uploads_gallery {
   margin: 0;
   padding: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
}
ul.uploads_gallery li {
   list-style: none;
   margin: 0 0 10px 0;
   padding-right: 5px;
}
ul.uploads_gallery li::last-child {
   padding: 0;
}

ul.image-files-as-thumbs {
   padding: 0;
}
ul.image-files-as-thumbs li {
   float: left;
   padding: 0 5px 0 0;
   list-style: none;
   list-style-image: none;
   overflow: hidden;
}
ul.image-files-as-thumbs li::last-child {
   padding: 0;
}
ul.image-files-as-thumbs[data-nrofcols="1"] > li {
   width: calc(100% / 1);
}
ul.image-files-as-thumbs[data-nrofcols="1"] > li:nth-child(1n+1) {
   clear: left;
}
ul.image-files-as-thumbs[data-nrofcols="2"] > li {
   width: calc(100% / 2);
}
ul.image-files-as-thumbs[data-nrofcols="2"] > li:nth-child(2n+1) {
   clear: left;
}
ul.image-files-as-thumbs[data-nrofcols="3"] > li {
   width: calc(100% / 3);
}
ul.image-files-as-thumbs[data-nrofcols="3"] > li:nth-child(3n+1) {
   clear: left;
}
ul.image-files-as-thumbs[data-nrofcols="4"] > li {
   width: calc(100% / 4);
}
ul.image-files-as-thumbs[data-nrofcols="4"] > li:nth-child(4n+1) {
   clear: left;
}
ul.image-files-as-thumbs[data-nrofcols="5"] > li {
   width: calc(100% / 5);
}
ul.image-files-as-thumbs[data-nrofcols="5"] > li:nth-child(5n+1) {
   clear: left;
}
ul.image-files-as-thumbs[data-nrofcols="6"] > li {
   width: calc(100% / 6);
}
ul.image-files-as-thumbs[data-nrofcols="6"] > li:nth-child(6n+1) {
   clear: left;
}
ul.image-files-as-thumbs[data-nrofcols="7"] > li {
   width: calc(100% / 7);
}
ul.image-files-as-thumbs[data-nrofcols="7"] > li:nth-child(7n+1) {
   clear: left;
}
ul.image-files-as-thumbs[data-nrofcols="8"] > li {
   width: calc(100% / 8);
}
ul.image-files-as-thumbs[data-nrofcols="8"] > li:nth-child(8n+1) {
   clear: left;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.fsc.fade {
   opacity: 1;
}

.bx-wrapper {
   position: relative;
   margin-bottom: 60px;
   padding: 0;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
}
.bx-wrapper img {
   max-width: 100%;
   display: block;
}
.bx-wrapper .bxslider {
   margin: 0;
   padding: 0;
   /* fix flickering when used background-image instead of <img> (on Chrome) */
   -webkit-perspective: 1000;
}
.bx-wrapper ul.bxslider {
   list-style: none;
}
.bx-wrapper .bx-controls-direction {
   visibility: hidden;
}
.bx-wrapper:hover .bx-controls-direction {
   visibility: visible;
}
.bx-wrapper.ui-accordion .ui-accordion-content {
   padding: 0;
   border-top: inherit;
   overflow: hidden;
}
.ce-textpic .bx-wrapper .bx-controls {
   display: none;
}

.bx-viewport {
   /* fix other elements on the page moving (in Chrome) */
   -webkit-transform: translateZ(0);
}
.bx-viewport figure {
   margin: 0;
   position: relative;
   display: inline-block;
}
.bx-viewport figure figcaption {
   display: none;
}
.bx-viewport figure:hover figcaption {
   display: block;
   position: absolute;
   width: 100%;
   text-align: center;
   bottom: 2vh;
   color: #111;
   top: auto;
   background: rgba(255, 255, 255, 0.5);
}

/** THEME
===================================*/
.bx-wrapper {
   /*
      -moz-box-shadow: 0 0 5px #ccc;
      -webkit-box-shadow: 0 0 5px #ccc;
      box-shadow: 0 0 5px #ccc;
      border: 5px solid #fff;
      background: #fff;
   */
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
   position: absolute;
   bottom: -30px;
   width: 100%;
}
.bx-wrapper {
   /* LOADER */
}
.bx-wrapper .bx-loading {
   min-height: 50px;
   background: url("/fileadmin/Images/Icons/bx_loader.gif") center center no-repeat #ffffff;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2000;
}
.bx-wrapper {
   /* PAGER */
}
.bx-wrapper .bx-pager {
   text-align: center;
   font-size: 0.85em;
   font-family: Arial;
   font-weight: bold;
   color: #666;
   padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
   background: #666;
   text-indent: -9999px;
   display: block;
   width: 10px;
   height: 10px;
   margin: 0 5px;
   outline: 0;
   border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
   background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
   display: inline-block;
   vertical-align: bottom;
}
.bx-wrapper .bx-pager-item {
   font-size: 0;
   line-height: 0;
}
.bx-wrapper {
   /* DIRECTION CONTROLS (NEXT / PREV) */
}
.bx-wrapper .bx-prev {
   left: 10px;
   background: url("/fileadmin/Images/Icons/controls.png") no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
   background-position: 0 0;
}
.bx-wrapper .bx-next {
   right: 10px;
   background: url("/fileadmin/Images/Icons/controls.png") no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
   background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
   position: absolute;
   top: 50%;
   margin-top: -16px;
   outline: 0;
   width: 32px;
   height: 32px;
   text-indent: -9999px;
   z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
   display: none;
}
.bx-wrapper {
   /* AUTO CONTROLS (START / STOP) */
}
.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("/fileadmin/Images/Icons/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,
.bx-wrapper .bx-controls-auto .bx-start:focus {
   background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
   display: block;
   text-indent: -9999px;
   width: 9px;
   height: 11px;
   outline: 0;
   background: url("/fileadmin/Images/Icons/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,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
   background-position: -86px -33px;
}
.bx-wrapper {
   /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
}
.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 {
   /* IMAGE CAPTIONS */
}
.bx-wrapper .bx-caption {
   position: absolute;
   bottom: 0;
   left: 0;
   background: #666;
   background: rgba(80, 80, 80, 0.75);
   width: 100%;
}
.bx-wrapper .bx-caption span {
   color: #fff;
   font-family: Arial;
   display: block;
   font-size: 0.85em;
   padding: 10px;
}
.bx-wrapper .ce-gallery.imageSlider,
.bx-wrapper .ce-uploads.imageSlider {
   float: none;
   padding-right: 0;
}
.bx-wrapper .ce-gallery.imageSlider li,
.bx-wrapper .ce-uploads.imageSlider li {
   margin: 0 0 0 5px !important;
   padding-right: 10px;
}
.bx-wrapper .ce-gallery.imageSlider img,
.bx-wrapper .ce-uploads.imageSlider img {
   padding-right: 0;
}
.bx-wrapper .sliderType1 > div {
   border: 1px solid rgb(93.5, 93.5, 93.5);
   padding: 15px 15px 0;
}
.bx-wrapper .sliderType2 > div {
   border: 1px solid gray;
   -webkit-box-shadow: 2px 2px 5px rgb(144.5, 144.5, 144.5) inset, -2px -2px 5px rgb(144.5, 144.5, 144.5) inset;
           box-shadow: 2px 2px 5px rgb(144.5, 144.5, 144.5) inset, -2px -2px 5px rgb(144.5, 144.5, 144.5) inset;
   padding: 15px 15px 0;
}
.bx-wrapper .slider-item .image-caption {
   position: absolute;
   top: 5%;
   right: 25%;
   background: rgba(255, 255, 255, 0.8);
   padding: 5px 15px 0;
}
.bx-wrapper .slider-item .image-caption p:first-of-type {
   font-size: 17px;
   font-size: 1.0625rem;
   font-weight: bold;
   color: inherit;
}

.imageSlider .ce-gallery,
.imageSlider .ce-uploads {
   margin-left: 0 !important;
}

.ce-textpic .bx-wrapper {
   margin-left: 15px;
}

.slider-panel_ausblenden .bx-wrapper {
   margin-bottom: 0;
}

.bx-stop.active, .bx-start.active {
   visibility: hidden;
}

/* *****************************************************************
 * Andere Slider (uploads ...)
 * *****************************************************************/
ul.uploads_gallery {
   margin: 0;
   padding: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
}
ul.uploads_gallery li {
   list-style: none;
   margin: 0 0 10px 0;
   padding-right: 5px;
}
ul.uploads_gallery li:last-child {
   padding: 0;
}

ul.image-files-as-thumbs {
   padding: 0;
}
ul.image-files-as-thumbs li {
   float: left;
   padding: 0 5px 0 0;
   list-style: none;
   list-style-image: none;
   overflow: hidden;
}
ul.image-files-as-thumbs li:last-child {
   padding: 0;
}
ul.image-files-as-thumbs[data-nrofcols="1"] > li {
   width: calc(100% / 1);
}
ul.image-files-as-thumbs[data-nrofcols="1"] > li:nth-child(1n+1) {
   clear: left;
}
ul.image-files-as-thumbs[data-nrofcols="2"] > li {
   width: calc(100% / 2);
}
ul.image-files-as-thumbs[data-nrofcols="2"] > li:nth-child(2n+1) {
   clear: left;
}
ul.image-files-as-thumbs[data-nrofcols="3"] > li {
   width: calc(100% / 3);
}
ul.image-files-as-thumbs[data-nrofcols="3"] > li:nth-child(3n+1) {
   clear: left;
}
ul.image-files-as-thumbs[data-nrofcols="4"] > li {
   width: calc(100% / 4);
}
ul.image-files-as-thumbs[data-nrofcols="4"] > li:nth-child(4n+1) {
   clear: left;
}
ul.image-files-as-thumbs[data-nrofcols="5"] > li {
   width: calc(100% / 5);
}
ul.image-files-as-thumbs[data-nrofcols="5"] > li:nth-child(5n+1) {
   clear: left;
}
ul.image-files-as-thumbs[data-nrofcols="6"] > li {
   width: calc(100% / 6);
}
ul.image-files-as-thumbs[data-nrofcols="6"] > li:nth-child(6n+1) {
   clear: left;
}
ul.image-files-as-thumbs[data-nrofcols="7"] > li {
   width: calc(100% / 7);
}
ul.image-files-as-thumbs[data-nrofcols="7"] > li:nth-child(7n+1) {
   clear: left;
}
ul.image-files-as-thumbs[data-nrofcols="8"] > li {
   width: calc(100% / 8);
}
ul.image-files-as-thumbs[data-nrofcols="8"] > li:nth-child(8n+1) {
   clear: left;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
   padding: 0;
   margin: 0;
   border: 0;
   outline: none;
   vertical-align: top;
}

.fancybox-wrap {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 8020;
}

.fancybox-skin {
   position: relative;
   background: #f9f9f9;
   color: #444;
   text-shadow: none;
   border-radius: 4px;
}

.fancybox-opened {
   z-index: 8030;
}

.fancybox-opened .fancybox-skin {
   -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
   position: relative;
}

.fancybox-inner {
   overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
   -webkit-overflow-scrolling: touch;
}

.fancybox-error {
   color: #444;
   font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
   margin: 0;
   padding: 15px;
   white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
   display: block;
   width: 100%;
   height: 100%;
}

.fancybox-image {
   max-width: 100%;
   max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
   background-image: url("/fileadmin/Images/Fancybox/fancybox_sprite.png");
}

#fancybox-loading {
   position: fixed;
   top: 50%;
   left: 50%;
   margin-top: -22px;
   margin-left: -22px;
   background-position: 0 -108px;
   opacity: 0.8;
   cursor: pointer;
   z-index: 8060;
}

#fancybox-loading div {
   width: 44px;
   height: 44px;
   background: url("/fileadmin/Images/Fancybox/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
   position: absolute;
   top: -18px;
   right: -18px;
   width: 36px;
   height: 36px;
   cursor: pointer;
   z-index: 8040;
}

.fancybox-nav {
   position: absolute;
   top: 0;
   width: 40%;
   height: 100%;
   cursor: pointer;
   text-decoration: none;
   background: transparent url("/fileadmin/Images/Fancybox/blank.gif"); /* helps IE */
   -webkit-tap-highlight-color: transparent;
   z-index: 8040;
}

.fancybox-prev {
   left: 0;
}

.fancybox-next {
   right: 0;
}

.fancybox-nav span {
   position: absolute;
   top: 50%;
   width: 36px;
   height: 34px;
   margin-top: -18px;
   cursor: pointer;
   z-index: 8040;
   visibility: hidden;
}

.fancybox-prev span {
   left: 10px;
   background-position: 0 -36px;
}

.fancybox-next span {
   right: 10px;
   background-position: 0 -72px;
}

.fancybox-nav:hover span {
   visibility: visible;
}

.fancybox-tmp {
   position: absolute;
   top: -99999px;
   left: -99999px;
   visibility: hidden;
   max-width: 99999px;
   max-height: 99999px;
   overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
   overflow: hidden !important;
   width: auto;
}

/*
.fancybox-lock body {
    overflow: hidden !important;
}
*/
.fancybox-lock-test {
   overflow-y: hidden !important;
}

.fancybox-overlay {
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
   display: none;
   z-index: 8010;
   background: url("/fileadmin/Images/Fancybox/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
   position: fixed;
   bottom: 0;
   right: 0;
}

.fancybox-lock .fancybox-overlay {
   overflow: auto;
   overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
   visibility: hidden;
   font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
   position: relative;
   text-shadow: none;
   z-index: 8050;
}

.fancybox-opened .fancybox-title {
   visibility: visible;
}

.fancybox-title-float-wrap {
   position: absolute;
   bottom: 0;
   right: 50%;
   margin-bottom: -35px;
   z-index: 8050;
   text-align: center;
}

.fancybox-title-float-wrap .child {
   display: inline-block;
   margin-right: -100%;
   padding: 2px 20px;
   background: transparent; /* Fallback for web browsers that doesn't support RGBa */
   background: rgba(0, 0, 0, 0.8);
   border-radius: 15px;
   text-shadow: 0 1px 2px #222;
   color: #FFF;
   font-weight: bold;
   line-height: 24px;
   white-space: nowrap;
}

.fancybox-title-outside-wrap {
   position: relative;
   margin-top: 10px;
   color: #fff;
}

.fancybox-title-inside-wrap {
   padding-top: 10px;
}

.fancybox-title-over-wrap {
   position: absolute;
   bottom: 0;
   left: 0;
   color: #fff;
   padding: 10px;
   background: #000;
   background: rgba(0, 0, 0, 0.8);
}

a.fancybox i.fa {
   background: rgba(255, 255, 255, 0.8);
   bottom: 8px;
   padding: 2px;
   position: absolute;
   right: 8px;
}

/*Retina graphics!* /
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image:url('/fileadmin/Images/Fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image* /
	}

	#fancybox-loading div {
		background-image:url('/fileadmin/Images/Fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image* /
	}
}
/* */
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 9999;
   overflow: hidden;
   transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
   max-width: none;
}

#cboxOverlay {
   position: fixed;
   width: 100%;
   height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
   clear: left;
}

#cboxContent {
   position: relative;
}

#cboxLoadedContent {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}

#cboxTitle {
   margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
   cursor: pointer;
}

.cboxPhoto {
   float: left;
   margin: auto;
   border: 0;
   display: block;
   max-width: none;
   -ms-interpolation-mode: bicubic;
}

.cboxIframe {
   width: 100%;
   height: 100%;
   display: block;
   border: 0;
   padding: 0;
   margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
   box-sizing: content-box;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
   background: #111;
   opacity: 0.9;
   filter: alpha(opacity=90);
}

#colorbox {
   outline: 0;
}

#cboxTopLeft {
   width: 14px;
   height: 14px;
   background: url("../Images/Fancybox/controls.png") no-repeat 0 0;
}

#cboxTopCenter {
   height: 14px;
   background: url("../Images/Fancybox/border.png") repeat-x top left;
}

#cboxTopRight {
   width: 14px;
   height: 14px;
   background: url("../Images/Fancybox/controls.png") no-repeat -36px 0;
}

#cboxBottomLeft {
   width: 14px;
   height: 43px;
   background: url("../Images/Fancybox/controls.png") no-repeat 0 -32px;
}

#cboxBottomCenter {
   height: 43px;
   background: url("../Images/Fancybox/border.png") repeat-x bottom left;
}

#cboxBottomRight {
   width: 14px;
   height: 43px;
   background: url("../Images/Fancybox/controls.png") no-repeat -36px -32px;
}

#cboxMiddleLeft {
   width: 14px;
   background: url("../Images/Fancybox/controls.png") repeat-y -175px 0;
}

#cboxMiddleRight {
   width: 14px;
   background: url("../Images/Fancybox/controls.png") repeat-y -211px 0;
}

#cboxContent {
   background: #fff;
   overflow: visible;
}

.cboxIframe {
   background: #fff;
}

#cboxError {
   padding: 50px;
   border: 1px solid #ccc;
}

#cboxLoadedContent {
   margin-bottom: 5px;
}

#cboxLoadingOverlay {
   background: url("../Images/Fancybox/loading_background.png") no-repeat center center;
}

#cboxLoadingGraphic {
   background: url("../Images/Fancybox/loading.gif") no-repeat center center;
}

#cboxTitle {
   position: absolute;
   bottom: -25px;
   left: 0;
   text-align: center;
   width: 100%;
   font-weight: bold;
   color: #7C7C7C;
}

#cboxCurrent {
   position: absolute;
   bottom: -25px;
   left: 58px;
   font-weight: bold;
   color: #7C7C7C;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
   border: 0;
   padding: 0;
   margin: 0;
   overflow: visible;
   position: absolute;
   bottom: -29px;
   background: url("../Images/Fancybox/controls.png") no-repeat 0px 0px;
   width: 23px;
   height: 23px;
   text-indent: -9999px;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
   outline: 0;
}

#cboxPrevious {
   left: 0px;
   background-position: -51px -25px;
}

#cboxPrevious:hover {
   background-position: -51px 0px;
}

#cboxNext {
   left: 27px;
   background-position: -75px -25px;
}

#cboxNext:hover {
   background-position: -75px 0px;
}

#cboxClose {
   right: 0;
   background-position: -100px -25px;
}

#cboxClose:hover {
   background-position: -100px 0px;
}

.cboxSlideshow_off #cboxSlideshow {
   background-position: -125px 0px;
   right: 27px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
   background-position: -150px 0px;
}

.cboxSlideshow_on #cboxSlideshow {
   background-position: -150px -25px;
   right: 27px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
   background-position: -125px 0px;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* ****************************************************
*  Animationen bei der Box mit animiertem Icon:       *
**************************************************** */
@-webkit-keyframes box_icon_move {
   0% {
      padding-top: 0px;
   }
   100% {
      padding-top: 20%;
   }
}
@keyframes box_icon_move {
   0% {
      padding-top: 0px;
   }
   100% {
      padding-top: 20%;
   }
}
@-webkit-keyframes box_icon_move_out {
   0% {
      padding-top: 20%;
   }
   100% {
      padding-top: 0px;
   }
}
@keyframes box_icon_move_out {
   0% {
      padding-top: 20%;
   }
   100% {
      padding-top: 0px;
   }
}
@-webkit-keyframes move {
   0% {
      margin-left: 0;
   }
   100% {
      margin-left: 20px;
   }
}
@keyframes move {
   0% {
      margin-left: 0;
   }
   100% {
      margin-left: 20px;
   }
}
.dynbox {
   position: relative;
}
.dynbox.dynBoxFloated1 {
   float: left;
   clear: none;
}
.dynbox.dynBoxFloated2 {
   clear: left;
   float: left;
}
.dynbox .box-content {
   overflow: hidden;
}
.dynbox .box-content > div > header:first-child h2, .dynbox .box-content > div > header:first-child h3, .dynbox .box-content > div > header:first-child h4, .dynbox .box-content > div > header:first-child h5 {
   margin-top: 0;
}
.dynbox .noborderdistance > div[id^=c] {
   margin: 0;
}
.dynbox .noborderdistance .ce-bodytext {
   padding: 0;
}
.dynbox.box1 .inbox1 {
   padding: 7% 0;
}
.dynbox.box2 {
   padding-left: 0;
   padding-right: 0;
}
.dynbox.box2 .inbox2 {
   border: 1px solid #888;
   margin: 0 1px 1px 0;
}
.dynbox.box2 {
   /* CSS Document von Tiede * /
   &:hover .card {
   	opacity: 0.5;
   }
   .row:hover .card:hover {
   	opacity: 1;
   }
   */
   -webkit-box-shadow: none;
           box-shadow: none;
   -webkit-transition: all 0.35s;
   transition: all 0.35s;
}
.dynbox.box2:hover {
   -webkit-box-shadow: 0px 0px 10px 2px rgba(51, 51, 51, 0.5);
           box-shadow: 0px 0px 10px 2px rgba(51, 51, 51, 0.5);
}
.dynbox.box2.softscroll {
   border: 1px solid #888;
}
.dynbox.box2.softscroll .inbox2 {
   border: none;
}
.dynbox.box2.softscroll .inbox2 > div:last-of-type {
   padding-bottom: 20px !important;
}
.dynbox.box3 .inbox3 {
   border: 1px solid #888;
   -webkit-box-shadow: 3px 3px 6px #999;
           box-shadow: 3px 3px 6px #999;
   margin-right: 8px;
   margin-bottom: 8px;
}
.dynbox.box4 {
   overflow: hidden;
   background-attachment: scroll !important;
   padding-left: 0 !important;
   padding-right: 0 !important;
   color: inherit;
}
.dynbox.box4 h2, .dynbox.box4 h3, .dynbox.box4 h4, .dynbox.box4 h5 {
   margin: 5px 0;
}
.dynbox.box4 .inbox4 {
   height: 100vh;
   width: 100%;
}
.dynbox.box4 .inbox4.noborderdistance .ce-bodytext {
   padding: 0 20px 10px !important;
}
.dynbox.box4 .inbox4 figure {
   margin: 0 !important;
}
.dynbox.box4 .inbox4 .ce-above img,
.dynbox.box4 .inbox4 .ce-below img {
   width: 100% !important;
   height: auto !important;
}
.dynbox.box4 .inbox4 .frame-space-before-medium.text-ueber-bild-jumbotron {
   margin-top: 15vh !important;
   padding: 0 15vw !important;
   width: calc(100% - 30vw);
}
.dynbox.box4 .inbox4 .frame-space-before-large.text-ueber-bild-jumbotron {
   margin-top: 20vh !important;
   padding: 0 15vw !important;
   width: calc(100% - 30vw);
}
.dynbox.box4 .inbox4 .frame-space-before-extra-large.text-ueber-bild-jumbotron {
   margin-top: 25vh !important;
   padding: 0 15vw !important;
   width: calc(100% - 30vw);
}
.dynbox.gridelements_pi14.withBgImage a {
   color: inherit;
}
.dynbox.centerBox {
   text-align: center;
}
.dynbox.centerBox .ce-gallery, .dynbox.centerBox .ce-column {
   float: none;
}
.dynbox.centerBox .ce-gallery img {
   display: inline-block;
}
.dynbox.inhalt-vertikal-zentriert .box-content > div {
   position: relative;
   top: 50%;
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
}
.dynbox.withBgImage.parallax-window::after {
   position: absolute;
   content: attr(data-image-description);
   color: rgb(55.25, 55.25, 55.25);
   background: rgba(255, 255, 255, 0.7);
   left: 50%;
   bottom: 0;
   opacity: 0;
   padding: 6px 18px;
   -webkit-transform: translate(-50%, 0);
           transform: translate(-50%, 0);
   font-size: 30px;
   font-size: 1.875rem;
   text-shadow: 1px 1px 0 #fff;
   -webkit-animation-name: data-image-description;
           animation-name: data-image-description;
   -webkit-animation-delay: 0.5s;
           animation-delay: 0.5s;
   -webkit-animation-duration: 4s;
           animation-duration: 4s;
}
.dynbox.withBgImage.parallax-window:hover::after {
   opacity: 1;
   bottom: 50px;
}
.dynbox .card__wrap, .dynbox .mit_jalousie_bei_mouse-over {
   background: #fff;
   position: relative;
   margin-top: 0;
   height: 100%;
   z-index: 1;
}
.dynbox .card__wrap:hover::after, .dynbox .card__wrap:hover::before, .dynbox .mit_jalousie_bei_mouse-over:hover::after, .dynbox .mit_jalousie_bei_mouse-over:hover::before {
   -webkit-transform: scale(1, 1);
           transform: scale(1, 1);
}
.dynbox .card__wrap::before, .dynbox .mit_jalousie_bei_mouse-over::before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   border-left: 1px solid #fff;
   border-right: 1px solid #fff;
   background: #DCEEB8;
   z-index: -1;
   -webkit-transform: scale(1, 0);
           transform: scale(1, 0);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.dynbox .card__wrap::after, .dynbox .mit_jalousie_bei_mouse-over::after {
   content: "";
   height: 100%;
   position: absolute;
   top: 0;
   left: 1px;
   right: 1px;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
   background: #DCEEB8;
   z-index: -1;
   -webkit-transform: scale(0, 1);
           transform: scale(0, 1);
   -webkit-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

@-webkit-keyframes data-image-description {
   0% {
      opacity: 0;
      bottom: 0;
   }
   50% {
      opacity: 1;
      bottom: 50px;
   }
   100% {
      opacity: 0;
      bottom: 0;
   }
}

@keyframes data-image-description {
   0% {
      opacity: 0;
      bottom: 0;
   }
   50% {
      opacity: 1;
      bottom: 50px;
   }
   100% {
      opacity: 0;
      bottom: 0;
   }
}
.box-content.transition {
   -webkit-transition: all 1.5s ease-in-out 0s;
   transition: all 1.5s ease-in-out 0s;
}
.box-content.transition:hover {
   -webkit-transition: all 3s ease-in-out 0s;
   transition: all 3s ease-in-out 0s;
   background-size: 110% auto !important;
}
.box-content > div[id^=c] > header > h2, .box-content > div[id^=c] > header > h3, .box-content > div[id^=c] > header > h4, .box-content > div[id^=c] > header > h5 {
   margin-bottom: 10px;
}

.videoBackground {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: -1;
}

/* ****************************************************
*  Medien-Beschränkungen:                             *
***************************************************** */
@media screen and (max-width: 600px) {
   .dynBoxFloated1 {
      margin: 0 1% !important;
      width: 98% !important;
   }
}
@media screen and (max-width: 1200px) {
   .videoBackground video {
      height: 100vh;
      width: auto;
      max-width: 2500px !important;
   }
}
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
._2columnGrid, ._3columnGrid, ._4columnGrid, ._5columnGrid {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   /*
   	&.row-eq-height {
   		display: flex;
   	}
   */
}
._2columnGrid div[class^=gecol][style*=background], ._3columnGrid div[class^=gecol][style*=background], ._4columnGrid div[class^=gecol][style*=background], ._5columnGrid div[class^=gecol][style*=background] {
   padding-left: 15px !important;
   padding-right: 15px !important;
   border-radius: 8px;
}
._2columnGrid div[class^=gecol][style*=background] header h2, ._3columnGrid div[class^=gecol][style*=background] header h2, ._4columnGrid div[class^=gecol][style*=background] header h2, ._5columnGrid div[class^=gecol][style*=background] header h2 {
   padding-top: 15px;
   padding-bottom: 15px;
}
._2columnGrid > div:first-of-type, ._3columnGrid > div:first-of-type, ._4columnGrid > div:first-of-type, ._5columnGrid > div:first-of-type {
   padding-left: 0;
}
._2columnGrid > div:last-of-type, ._3columnGrid > div:last-of-type, ._4columnGrid > div:last-of-type, ._5columnGrid > div:last-of-type {
   padding-right: 0;
}
.withBgImage ._2columnGrid > div, .withBgImage ._3columnGrid > div, .withBgImage ._4columnGrid > div, .withBgImage ._5columnGrid > div {
   padding-bottom: 15px;
}

._2columnGrid {
   overflow: hidden;
}
@media screen and (min-width: 480px) {
   ._2columnGrid.row-eq-height {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
}

._3columnGrid .gecol2 {
   padding-left: 0;
   padding-right: 0;
}

._4columnGrid .gecol2, ._4columnGrid .gecol3 {
   padding-left: 0;
   padding-right: 0;
}

._5columnGrid .gecol2, ._5columnGrid .gecol3, ._5columnGrid .gecol4 {
   padding-left: 0;
   padding-right: 0;
}
._5columnGrid > div {
   margin-bottom: 0.4%;
   width: 20%;
   -ms-flex: auto;
   -webkit-box-flex: 1;
           flex: auto;
   max-width: 20%;
}

@media screen and (min-width: 768px) {
   .equalColumnLength ._3columnGrid.row-eq-height, .equalColumnLength ._4columnGrid.row-eq-height, .equalColumnLength ._5columnGrid.row-eq-height {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
}

.row-height {
   height: 15px;
   padding: 0 !important;
}

div[class^=gecol] {
   float: left;
}

/* ****************************************************
*  Medien-Beschränkungen:                             *
***************************************************** */
@media screen and (max-width: 768px) {
   ._2columnGrid, ._3columnGrid, ._4columnGrid, ._5columnGrid {
      display: inline-block !important;
   }
   ._2columnGrid > div, ._3columnGrid > div, ._4columnGrid > div, ._5columnGrid > div {
      padding-left: 0;
      padding-right: 0;
      width: 100% !important;
   }
   #footer ._2columnGrid > div, #footer ._3columnGrid > div, #footer ._4columnGrid > div, #footer ._5columnGrid > div {
      display: inline-block;
   }
   #footer ._2columnGrid > div > div, #footer ._3columnGrid > div > div, #footer ._4columnGrid > div > div, #footer ._5columnGrid > div > div {
      text-align: center !important;
   }
   ._5columnGrid > div {
      width: 100%;
      -ms-flex: auto;
      -webkit-box-flex: 1;
              flex: auto;
      max-width: 100%;
   }
}
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

div[id^=ge_cards] .card {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   border: 1px solid rgba(0, 0, 0, 0.125);
   margin: 10px 0;
   -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15), 0px 0px 2px rgba(0, 0, 0, 0.3);
           box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15), 0px 0px 2px rgba(0, 0, 0, 0.3);
   background-color: #fff;
   color: #333333;
   z-index: 1;
   -webkit-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
   -webkit-transition: -webkit-transform 300ms cubic-bezier(0.34, 2, 0.6, 1), -webkit-box-shadow 200ms ease;
   transition: -webkit-transform 300ms cubic-bezier(0.34, 2, 0.6, 1), -webkit-box-shadow 200ms ease;
   transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
   transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease, -webkit-transform 300ms cubic-bezier(0.34, 2, 0.6, 1), -webkit-box-shadow 200ms ease;
   border-radius: 9px;
   overflow: hidden;
   padding-left: 0 !important;
   padding-right: 0 !important;
}
div[id^=ge_cards] .card a {
   z-index: 3;
   position: relative;
}
div[id^=ge_cards] .card img {
   width: 100%;
   height: auto;
   border-radius: 0;
}
.img-circle div[id^=ge_cards] .card img {
   border-radius: 50%;
}
div[id^=ge_cards] .card.image-bottom .card-block {
   -webkit-box-ordinal-group: 2;
       -ms-flex-order: 1;
           order: 1;
}
div[id^=ge_cards] .card.image-bottom img {
   -webkit-box-ordinal-group: 3;
       -ms-flex-order: 2;
           order: 2;
}
div[id^=ge_cards] .card.weisse-schriftfarbe {
   color: #fff !important;
}
div[id^=ge_cards] .card-block {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   padding: 1.25rem;
}
div[id^=ge_cards] .card-title {
   margin-bottom: 0.75rem;
   font-size: 18px !important;
   font-size: 1.125rem !important;
   font-weight: bold;
}
div[id^=ge_cards] .card-subtitle {
   margin-top: -0.375rem;
   margin-bottom: 0;
}
div[id^=ge_cards] .card-text:last-child {
   margin-bottom: 0;
}
div[id^=ge_cards] .card-link:hover {
   text-decoration: none;
}
div[id^=ge_cards] .card-link + .card-link {
   margin-left: 1.25rem;
}
div[id^=ge_cards] .card > .list-group:first-child .list-group-item:first-child {
   border-top-right-radius: 0.25rem;
   border-top-left-radius: 0.25rem;
}
div[id^=ge_cards] .card > .list-group:last-child .list-group-item:last-child {
   border-bottom-right-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
}
div[id^=ge_cards] .card-header {
   padding: 0.75rem 1.25rem;
   margin-bottom: 0;
   background-color: #f7f7f9;
   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
div[id^=ge_cards] .card-header:first-child {
   border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
div[id^=ge_cards] .card-footer {
   padding: 0.75rem 1.25rem;
   border-top: 1px solid rgba(0, 0, 0, 0.125);
}
div[id^=ge_cards] .card-footer:last-child {
   border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
div[id^=ge_cards] .card-header-tabs {
   margin-right: -0.625rem;
   margin-bottom: -0.75rem;
   margin-left: -0.625rem;
   border-bottom: 0;
}
div[id^=ge_cards] .card-header-pills {
   margin-right: -0.625rem;
   margin-left: -0.625rem;
}
div[id^=ge_cards] .card-primary {
   background-color: #0275d8;
   border-color: #0275d8;
}
div[id^=ge_cards] .card-primary .card-footer, div[id^=ge_cards] .card-primary .card-header {
   background-color: transparent;
}
div[id^=ge_cards] .card-success {
   background-color: #5cb85c;
   border-color: #5cb85c;
}
div[id^=ge_cards] .card-success .card-footer, div[id^=ge_cards] .card-success .card-header {
   background-color: transparent;
}
div[id^=ge_cards] .card-info {
   background-color: #5bc0de;
   border-color: #5bc0de;
}
div[id^=ge_cards] .card-info .card-footer, div[id^=ge_cards] .card-info .card-header {
   background-color: transparent;
}
div[id^=ge_cards] .card-warning {
   background-color: #f0ad4e;
   border-color: #f0ad4e;
}
div[id^=ge_cards] .card-warning .card-footer, div[id^=ge_cards] .card-warning .card-header {
   background-color: transparent;
}
div[id^=ge_cards] .card-danger {
   background-color: #d9534f;
   border-color: #d9534f;
}
div[id^=ge_cards] .card-danger .card-footer, div[id^=ge_cards] .card-danger .card-header {
   background-color: transparent;
}
div[id^=ge_cards] .card-outline-primary {
   background-color: transparent;
   border-color: #0275d8;
}
div[id^=ge_cards] .card-outline-secondary {
   background-color: transparent;
   border-color: #ccc;
}
div[id^=ge_cards] .card-outline-info {
   background-color: transparent;
   border-color: #5bc0de;
}
div[id^=ge_cards] .card-outline-success {
   background-color: transparent;
   border-color: #5cb85c;
}
div[id^=ge_cards] .card-outline-warning {
   background-color: transparent;
   border-color: #f0ad4e;
}
div[id^=ge_cards] .card-outline-danger {
   background-color: transparent;
   border-color: #d9534f;
}
div[id^=ge_cards] .card-inverse {
   color: rgba(255, 255, 255, 0.65);
}
div[id^=ge_cards] .card-inverse .card-footer, div[id^=ge_cards] .card-inverse .card-header {
   background-color: transparent;
   border-color: rgba(255, 255, 255, 0.2);
}
div[id^=ge_cards] .card-inverse .card-blockquote, div[id^=ge_cards] .card-inverse .card-footer, div[id^=ge_cards] .card-inverse .card-header, div[id^=ge_cards] .card-inverse .card-title {
   color: #fff;
}
div[id^=ge_cards] .card-inverse .card-blockquote .blockquote-footer, div[id^=ge_cards] .card-inverse .card-link, div[id^=ge_cards] .card-inverse .card-subtitle, div[id^=ge_cards] .card-inverse .card-text {
   color: rgba(255, 255, 255, 0.65);
}
div[id^=ge_cards] .card-inverse .card-link:focus, div[id^=ge_cards] .card-inverse .card-link:hover {
   color: #fff;
}
div[id^=ge_cards] .card-blockquote {
   padding: 0;
   margin-bottom: 0;
   border-left: 0;
}
div[id^=ge_cards] .card-img {
   border-radius: calc(0.25rem - 1px);
}
div[id^=ge_cards] .card-img-overlay {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 1.25rem;
}
div[id^=ge_cards] .card-img-top {
   border-top-right-radius: calc(0.25rem - 1px);
   border-top-left-radius: calc(0.25rem - 1px);
}
div[id^=ge_cards] .card-img-bottom {
   border-bottom-right-radius: calc(0.25rem - 1px);
   border-bottom-left-radius: calc(0.25rem - 1px);
}
div[id^=ge_cards] {
   /*
   	.card:not(.card-plain):hover {
   	  box-shadow: 0px 12px 19px -7px rgba(0, 0, 0, 0.3);
   	  transform: translateY(-10px);
   	  -webkit-transform: translateY(-10px);
   	  -ms-transform: translateY(-10px);
   	  -moz-transform: translateY(-10px);
   	}
   	.card.no-transition:hover, .card.page-carousel:hover, .card.card-refine:hover, .card.card-register:hover {
   	  box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15);
   	  transform: none;
   	  -webkit-transform: none;
   	  -ms-transform: none;
   	  -moz-transform: none;
   	}
   */
}
div[id^=ge_cards] .card a:not(.btn) {
   color: #444444;
}
div[id^=ge_cards] .card a:not(.btn):hover, div[id^=ge_cards] .card a:not(.btn):focus {
   color: #333333;
}
div[id^=ge_cards] .card .card-description {
   color: #9A9A9A;
   margin-bottom: 5px;
   margin-top: 15px;
}
div[id^=ge_cards] .card img {
   max-width: 100%;
   height: auto;
   border-radius: 9px 9px 0 0;
   display: block;
}
div[id^=ge_cards] .card[data-radius=none] {
   border-radius: 0px;
}
div[id^=ge_cards] .card[data-radius=none] .header {
   border-radius: 0;
}
div[id^=ge_cards] .card[data-radius=none] .header img {
   border-radius: 0;
}
div[id^=ge_cards] .card.card-plain {
   background-color: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
   border-radius: 0;
}
div[id^=ge_cards] .card.card-plain.card-bordered {
   border-radius: 9px !important;
   -webkit-box-shadow: none;
           box-shadow: none;
}
div[id^=ge_cards] .card.card-plain .card-block {
   padding-left: 5px;
   padding-right: 5px;
}
div[id^=ge_cards] .card.card-plain img {
   border-radius: 9px;
}
div[id^=ge_cards] .card.card-plain.card-bordered img {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
}
div[id^=ge_cards] .card.cardWithHeader img,
div[id^=ge_cards] .card-header ~ .card-img-top,
div[id^=ge_cards] .card-header ~ .img-container img {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}
div[id^=ge_cards] .card.card-contact .card-header {
   margin: 15px;
   border-radius: 9px;
   padding: 15px 0 0 0;
   background-color: #FFF;
   border: 0;
}
div[id^=ge_cards] .card.card-contact .card-header .card-title {
   color: #66615B;
   margin-top: 0px;
   padding-bottom: 25px;
   border-bottom: 1px solid #DDDDDD;
}
div[id^=ge_cards] .card.card-contact .card-block .card-icon {
   float: left;
   margin-top: 24px;
   margin-right: 10px;
   border: 0;
}
div[id^=ge_cards] .card.card-contact .card-block .card-icon i {
   font-size: 30px;
   padding: 25px;
   width: 50px;
   border: 0;
   border-radius: 50%;
   height: 110px;
}
div[id^=ge_cards] .card.card-register {
   background-color: #FF8F5E;
   border-radius: 9px;
   color: #fff;
   max-width: 350px;
   margin: 20px 0 70px;
   min-height: 400px;
   padding: 30px;
}
div[id^=ge_cards] .card.card-register label {
   margin-top: 15px;
}
div[id^=ge_cards] .card.card-register .card-title {
   color: #B33C12;
   text-align: center;
}
div[id^=ge_cards] .card.card-register .btn {
   margin-top: 30px;
}
div[id^=ge_cards] .card.card-register .forgot {
   text-align: center;
}
div[id^=ge_cards] .card .card-link {
   color: #fff;
}
div[id^=ge_cards] .card .card-background-image ul li {
   color: #FFF;
   border-color: rgba(255, 255, 255, 0.3);
}
div[id^=ge_cards] .card.card-blog, div[id^=ge_cards] .card.card-testimonial .card-description + .card-title {
   margin-top: 30px;
}
div[id^=ge_cards] .card.card-blog .card-image .img, div[id^=ge_cards] .card.card-testimonial .card-description + .card-title .card-image .img {
   border-radius: 9px;
}
div[id^=ge_cards] .card.card-blog .card-image .card-title, div[id^=ge_cards] .card.card-testimonial .card-description + .card-title .card-image .card-title {
   text-align: center;
}
div[id^=ge_cards] .card.card:not(.card-plain) .card-image .img {
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
}
div[id^=ge_cards] .card.card-blog {
   margin-top: 5px;
}
div[id^=ge_cards] .card.card-blog .btn {
   margin: 0 auto;
}
div[id^=ge_cards] .card .author {
   display: inline-block;
}
div[id^=ge_cards] .card .author .avatar {
   width: 30px;
   height: 30px;
   overflow: hidden;
   border-radius: 50%;
   margin-right: 5px;
}
div[id^=ge_cards] .card .author .avatar-big {
   width: 100px;
   height: 100px;
   border-radius: 50% !important;
   position: relative;
   margin-bottom: 15px;
}
div[id^=ge_cards] .card .author .avatar-big.border-white {
   border: 4px solid #fff;
}
div[id^=ge_cards] .card .author .avatar-big.border-gray {
   border: 4px solid #ccc;
}
div[id^=ge_cards] .card .clearfix + .author {
   margin-top: 15px;
}
div[id^=ge_cards] .card .stats {
   display: inline-block;
   float: right;
   color: #9A9A9A;
   font-size: 12px;
   margin-top: 6px;
}
div[id^=ge_cards] .card .stats i {
   font-size: 16px;
   position: relative;
   text-align: center;
   top: 1px;
   margin-left: 5px;
   margin-top: -1px;
   opacity: 0.6;
}
div[id^=ge_cards] .card .card-category {
   color: #9A9A9A;
}
div[id^=ge_cards] .card .category-social .fa {
   font-size: 24px;
   position: relative;
   margin-top: -4px;
   top: 2px;
   margin-right: 5px;
}
div[id^=ge_cards] .card .card-title-uppercase {
   text-transform: uppercase;
}
div[id^=ge_cards] .card .header {
   position: relative;
   border-radius: 9px 9px 0 0;
   z-index: 3;
}
div[id^=ge_cards] .card .header.header-with-icon {
   height: 150px;
}
div[id^=ge_cards] .card .header img {
   width: 100%;
}
div[id^=ge_cards] .card .header .card-category {
   padding: 15px;
}
div[id^=ge_cards] .card .card-block .card-footer {
   padding: 0;
}
div[id^=ge_cards] .card .card-block .card-description + .card-footer {
   padding-top: 10px;
}
div[id^=ge_cards] .card .more {
   float: right;
   z-index: 4;
   display: block;
   padding-top: 10px;
   padding-right: 10px;
   position: relative;
}
div[id^=ge_cards] .card .filter,
div[id^=ge_cards] .card .header .actions {
   position: absolute;
   z-index: 2;
   background-color: rgba(0, 0, 0, 0.76);
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   text-align: center;
   opacity: 0;
}
div[id^=ge_cards] .card .header .actions {
   background-color: transparent;
   z-index: 3;
}
div[id^=ge_cards] .card .header .actions .btn {
   position: relative;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
div[id^=ge_cards] .card:hover .filter {
   opacity: 0.7;
}
div[id^=ge_cards] .card:hover .header .social-line,
div[id^=ge_cards] .card:hover .header .actions {
   opacity: 1;
}
div[id^=ge_cards] .card .card-category i,
div[id^=ge_cards] .card .label i {
   font-size: 15px;
}
div[id^=ge_cards] .card > .card-title {
   margin: 0;
   padding: 30px 0 0;
}
div[id^=ge_cards] .card .card-block {
   padding: 20px;
}
div[id^=ge_cards] .card .card-block .card-title {
   margin: 5px 0 0 0;
}
div[id^=ge_cards] .card .card-block .card-category ~ .card-title {
   margin-top: 5px;
}
div[id^=ge_cards] .card .card-header-link {
   padding: 0 20px;
}
div[id^=ge_cards] .card-text {
   font-size: 15px;
   color: #66615b;
   margin-bottom: 10px;
}
div[id^=ge_cards] .card h6 {
   font-size: 12px;
   margin: 0;
}
div[id^=ge_cards] .card .card-footer {
   padding: 10px 20px;
   border-top: 0 none;
}
div[id^=ge_cards] .card .card-footer .social-line .btn:first-child {
   border-radius: 0 0 0 6px;
}
div[id^=ge_cards] .card .card-footer .social-line .btn:last-child {
   border-radius: 0 0 6px 0;
}
div[id^=ge_cards] .card.card-separator:after {
   height: 100%;
   right: -15px;
   top: 0;
   width: 1px;
   background-color: #DDDDDD;
   content: "";
   position: absolute;
}
div[id^=ge_cards] .card .card-icon {
   display: block;
   margin: 0 auto;
   position: relative;
   text-align: center;
   padding: 30px 0 10px;
}
div[id^=ge_cards] .card .card-icon i {
   font-size: 40px;
   width: 105px;
   border: 2px solid #ccc;
   border-radius: 50%;
   height: 105px;
   line-height: 105px;
}
div[id^=ge_cards] .col-lg-4 .card .card-icon i {
   font-size: 80px;
   padding: 22px;
}
div[id^=ge_cards] .card.card-with-border .card-block {
   padding: 15px 15px 25px 15px;
}
div[id^=ge_cards] .card.card-with-border .card-footer {
   padding-bottom: 25px;
}
div[id^=ge_cards] .card.card-with-border:after {
   position: absolute;
   display: block;
   width: calc(100% - 10px);
   height: calc(100% - 10px);
   content: "";
   top: 5px;
   left: 5px;
   border: 1px solid rgba(0, 0, 0, 0.15);
   z-index: 1;
   border-radius: 5px;
}
div[id^=ge_cards] .card.card-just-text .card-block {
   padding: 50px 65px;
   text-align: center;
}
div[id^=ge_cards] .card.card-just-text #dLabel {
   float: right;
}
div[id^=ge_cards] .card.card-just-text #dLabel i {
   font-size: 20px;
}
div[id^=ge_cards] .card.card-just-text .dropdown-menu {
   margin-top: 55px;
}
div[id^=ge_cards] .img-circle > img, div[id^=ge_cards] img.img-circle {
   border-radius: 50% !important;
}
div[id^=ge_cards] {
   /* **************************** M E D I A ******************************* */
}
@media (min-width: 576px) {
   div[id^=ge_cards] .card-deck {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-flow: row wrap;
   }
   div[id^=ge_cards] .card-deck .card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
      flex: 1 0 0%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
   div[id^=ge_cards] .card-deck .card:not(:first-child) {
      margin-left: 15px;
   }
   div[id^=ge_cards] .card-deck .card:not(:last-child) {
      margin-right: 15px;
   }
   div[id^=ge_cards] .card-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-flow: row wrap;
   }
   div[id^=ge_cards] .card-group .card {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
      flex: 1 0 0%;
   }
   div[id^=ge_cards] .card-group .card + .card {
      margin-left: 0;
      border-left: 0;
   }
   div[id^=ge_cards] .card-group .card:first-child {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
   }
   div[id^=ge_cards] .card-group .card:first-child .card-img-top {
      border-top-right-radius: 0;
   }
   div[id^=ge_cards] .card-group .card:first-child .card-img-bottom {
      border-bottom-right-radius: 0;
   }
   div[id^=ge_cards] .card-group .card:last-child {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
   }
   div[id^=ge_cards] .card-group .card:last-child .card-img-top {
      border-top-left-radius: 0;
   }
   div[id^=ge_cards] .card-group .card:last-child .card-img-bottom {
      border-bottom-left-radius: 0;
   }
   div[id^=ge_cards] .card-group .card:not(:first-child):not(:last-child) {
      border-radius: 0;
   }
   div[id^=ge_cards] .card-group .card:not(:first-child):not(:last-child) .card-img-bottom,
   div[id^=ge_cards] .card-group .card:not(:first-child):not(:last-child) .card-img-top {
      border-radius: 0;
   }
   div[id^=ge_cards] .card-columns {
      -moz-column-count: 1;
      -moz-column-gap: 0;
      -webkit-column-count: 1;
      -webkit-column-gap: 0;
      column-count: 1;
      column-gap: 0;
      orphans: 1;
      widows: 1;
   }
   div[id^=ge_cards] .card-columns2 {
      -moz-column-count: 2;
      -moz-column-gap: 1.25rem;
      -webkit-column-count: 2;
      -webkit-column-gap: 1.25rem;
      column-count: 2;
      column-gap: 1.25rem;
   }
   div[id^=ge_cards] .card-columns3 {
      -moz-column-count: 3;
      -moz-column-gap: 1.25rem;
      -webkit-column-count: 3;
      -webkit-column-gap: 1.25rem;
      column-count: 3;
      column-gap: 1.25rem;
   }
}
@media (min-width: 576px) and (max-width: 768px) {
   div[id^=ge_cards] .card-columns3 {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
   }
}
@media (min-width: 576px) and (max-width: 525px) {
   div[id^=ge_cards] .card-columns3 {
      -moz-column-count: 1;
      -moz-column-gap: 0;
      -webkit-column-count: 1;
      -webkit-column-gap: 0;
      column-count: 1;
      column-gap: 0;
   }
}
@media (min-width: 576px) {
   div[id^=ge_cards] .card-columns4 {
      -moz-column-count: 4;
      -moz-column-gap: 1.25rem;
      -webkit-column-count: 4;
      -webkit-column-gap: 1.25rem;
      column-count: 4;
      column-gap: 1.25rem;
   }
}
@media (min-width: 576px) and (max-width: 768px) {
   div[id^=ge_cards] .card-columns4 {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
   }
}
@media (min-width: 576px) and (max-width: 525px) {
   div[id^=ge_cards] .card-columns4 {
      -moz-column-count: 1;
      -moz-column-gap: 0;
      -webkit-column-count: 1;
      -webkit-column-gap: 0;
      column-count: 1;
      column-gap: 0;
   }
}
@media (min-width: 576px) {
   div[id^=ge_cards] .card-columns5 {
      -moz-column-count: 5;
      -moz-column-gap: 1.25rem;
      -webkit-column-count: 5;
      -webkit-column-gap: 1.25rem;
      column-count: 5;
      column-gap: 1.25rem;
   }
}
@media (min-width: 576px) and (max-width: 768px) {
   div[id^=ge_cards] .card-columns5 {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
   }
}
@media (min-width: 576px) and (max-width: 525px) {
   div[id^=ge_cards] .card-columns5 {
      -moz-column-count: 1;
      -moz-column-gap: 0;
      -webkit-column-count: 1;
      -webkit-column-gap: 0;
      column-count: 1;
      column-gap: 0;
   }
}
@media (min-width: 576px) {
   div[id^=ge_cards] .card-columns6 {
      -moz-column-count: 6;
      -moz-column-gap: 1.25rem;
      -webkit-column-count: 6;
      -webkit-column-gap: 1.25rem;
      column-count: 6;
      column-gap: 1.25rem;
   }
}
@media (min-width: 576px) and (max-width: 768px) {
   div[id^=ge_cards] .card-columns6 {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
   }
}
@media (min-width: 576px) and (max-width: 525px) {
   div[id^=ge_cards] .card-columns6 {
      -moz-column-count: 1;
      -moz-column-gap: 0;
      -webkit-column-count: 1;
      -webkit-column-gap: 0;
      column-count: 1;
      column-gap: 0;
   }
}
@media (min-width: 576px) {
   div[id^=ge_cards] .card-columns {
      display: block;
   }
   div[id^=ge_cards] .card-columns .card {
      display: inline-block;
      width: 100%;
   }
}
@media (max-width: 576px) {
   div[id^=ge_cards] .card-columns {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
      -webkit-column-gap: 0;
      -moz-column-gap: 0;
      column-gap: 0;
   }
}
div[id^=ge_cards] .card-deck.card-columns-fixed-height {
   display: block;
}
div[id^=ge_cards] .card-deck.card-columns-fixed-height .card {
   float: left;
}
div[id^=ge_cards] .card-title, div[id^=ge_cards] .card-text {
   color: inherit !important;
   margin: 0 !important;
}
div[id^=ge_cards] .card-text {
   font-size: 12px;
   font-size: 0.75rem;
   line-height: normal;
}
div[id^=ge_cards] .cardWithHeader img {
   border-radius: 0;
}
div[id^=ge_cards] .card-header, div[id^=ge_cards] .card-header:first-child {
   border-radius: 9px 9px 0 0;
   background: rgba(0, 0, 0, 0.7333333333);
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7333333333)), color-stop(rgba(63.75, 63.75, 63.75, 0.7333333333)), to(rgba(127.5, 127.5, 127.5, 0.7333333333)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7333333333), rgba(63.75, 63.75, 63.75, 0.7333333333), rgba(127.5, 127.5, 127.5, 0.7333333333));
}
div[id^=ge_cards] .card[style*=background-color] .card-header, div[id^=ge_cards] .card[style*=background-color] .card-header:first-child {
   background: rgba(255, 255, 255, 0.5);
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.66)), to(rgb(255, 255, 255)));
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.66), rgb(255, 255, 255));
}
div[id^=ge_cards] .card-footer {
   background-color: rgba(240, 240, 240, 0.6);
}
div[id^=ge_cards] .card-footer:last-child {
   border-radius: 0 0 9px 9px;
}
div[id^=ge_cards] .stretched-link::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   content: "";
   background-color: rgba(0, 0, 0, 0);
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

@media (min-width: 576px) {
   .card-columns2 {
      -moz-column-count: 2;
      -moz-column-gap: 1.25rem;
      -webkit-column-count: 2;
      -webkit-column-gap: 1.25rem;
      column-count: 2;
      column-gap: 1.25rem;
   }
   .card-columns3 {
      -moz-column-count: 3;
      -moz-column-gap: 1.25rem;
      -webkit-column-count: 3;
      -webkit-column-gap: 1.25rem;
      column-count: 3;
      column-gap: 1.25rem;
   }
}
@media (min-width: 576px) and (max-width: 768px) {
   .card-columns3 {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
   }
}
@media (min-width: 576px) and (max-width: 525px) {
   .card-columns3 {
      -moz-column-count: 1;
      -moz-column-gap: 0;
      -webkit-column-count: 1;
      -webkit-column-gap: 0;
      column-count: 1;
      column-gap: 0;
   }
}
@media (min-width: 576px) {
   .card-columns4 {
      -moz-column-count: 4;
      -moz-column-gap: 1.25rem;
      -webkit-column-count: 4;
      -webkit-column-gap: 1.25rem;
      column-count: 4;
      column-gap: 1.25rem;
   }
}
@media (min-width: 576px) and (max-width: 768px) {
   .card-columns4 {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
   }
}
@media (min-width: 576px) and (max-width: 525px) {
   .card-columns4 {
      -moz-column-count: 1;
      -moz-column-gap: 0;
      -webkit-column-count: 1;
      -webkit-column-gap: 0;
      column-count: 1;
      column-gap: 0;
   }
}
@media (min-width: 576px) {
   .card-columns5 {
      -moz-column-count: 5;
      -moz-column-gap: 1.25rem;
      -webkit-column-count: 5;
      -webkit-column-gap: 1.25rem;
      column-count: 5;
      column-gap: 1.25rem;
   }
}
@media (min-width: 576px) and (max-width: 768px) {
   .card-columns5 {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
   }
}
@media (min-width: 576px) and (max-width: 525px) {
   .card-columns5 {
      -moz-column-count: 1;
      -moz-column-gap: 0;
      -webkit-column-count: 1;
      -webkit-column-gap: 0;
      column-count: 1;
      column-gap: 0;
   }
}
@media (max-width: 576px) {
   .card-columns {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
      -webkit-column-gap: 0;
      -moz-column-gap: 0;
      column-gap: 0;
   }
}
.card-deck.card-columns-fixed-height {
   display: block;
}
.card-deck.card-columns-fixed-height .card {
   float: left;
}

div[id^=ge_cards] .card {
   overflow: hidden;
   padding-left: 0 !important;
   padding-right: 0 !important;
   border: none;
   border-radius: 0.5rem;
   margin: 0 0 1.2rem 0;
   -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
   word-wrap: break-word;
}
div[id^=ge_cards] .card a {
   z-index: 3;
   position: relative;
}
div[id^=ge_cards] .card .img-container {
   position: relative;
   overflow: hidden;
}
div[id^=ge_cards] .card .img-container img {
   width: 100%;
   height: auto;
   border-radius: 0;
   display: block;
}
.img-circle div[id^=ge_cards] .card .img-container img {
   border-radius: 50%;
}
div[id^=ge_cards] .card .ce-below .ce-gallery {
   margin-top: 0;
}
div[id^=ge_cards] .card.img-circle .img-container > img, div[id^=ge_cards] .card.img-circle .img-container img.img-circle {
   border-radius: 50% !important;
}
div[id^=ge_cards] .card.card-image-rotation .img-container img {
   max-width: 100%; /* IE 9 */
   -webkit-transition: 250ms ease-out; /* Safari */
   transition: 250ms ease-out;
}
div[id^=ge_cards] .card.card-image-rotation .img-container:hover img { /* IE 9 */
   -webkit-transform: scale(1.05, 1.07) rotate(2deg); /* Safari */
   transform: scale(1.05, 1.07) rotate(2deg);
}
div[id^=ge_cards] .card.card-image-rotation.bild-als-hintergrund .card-body:hover ~ .img-container img { /* IE 9 */
   -webkit-transform: scale(1.05, 1.07) rotate(2deg); /* Safari */
   transform: scale(1.05, 1.07) rotate(2deg);
}
div[id^=ge_cards] .card:not(.card-plain):hover {
   -webkit-box-shadow: 0px 12px 19px -7px rgba(0, 0, 0, 0.3);
           box-shadow: 0px 12px 19px -7px rgba(0, 0, 0, 0.3);
}
div[id^=ge_cards] .card.no-transition:hover, div[id^=ge_cards] .card.page-carousel:hover, div[id^=ge_cards] .card.card-refine:hover, div[id^=ge_cards] .card.card-register:hover {
   -webkit-box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15);
           box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15);
}
div[id^=ge_cards] .card.card-without-shadow {
   -webkit-box-shadow: none !important;
           box-shadow: none !important;
}
div[id^=ge_cards] .card.card-moving {
   -webkit-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
   -webkit-transition: -webkit-transform 300ms cubic-bezier(0.34, 2, 0.6, 1), -webkit-box-shadow 200ms ease;
   transition: -webkit-transform 300ms cubic-bezier(0.34, 2, 0.6, 1), -webkit-box-shadow 200ms ease;
   transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
   transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease, -webkit-transform 300ms cubic-bezier(0.34, 2, 0.6, 1), -webkit-box-shadow 200ms ease;
}
div[id^=ge_cards] .card.card-moving:not(.card-plain):hover {
   transform: translateY(-10px);
   -webkit-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
}
div[id^=ge_cards] .card.card-moving.no-transition:hover, div[id^=ge_cards] .card.card-moving.page-carousel:hover, div[id^=ge_cards] .card.card-moving.card-refine:hover, div[id^=ge_cards] .card.card-moving.card-register:hover {
   transform: none;
   -webkit-transform: none;
   -ms-transform: none;
   -moz-transform: none;
}
div[id^=ge_cards] .card.card-scaling .img-container {
   overflow: hidden;
}
div[id^=ge_cards] .card.card-scaling .img-container img {
   max-width: 100%; /* IE 9 */
   -webkit-transition: 500ms ease-in-out; /* Safari */
   transition: 500ms ease-in-out;
}
div[id^=ge_cards] .card.card-scaling .img-container:hover img {
   -webkit-transform: scale(1.15);
           transform: scale(1.15);
}
div[id^=ge_cards] .card {
   /*
   	&.bild-als-hintergrund {
   		img {
   //         @include border-radius(10px);
   		}
   	}
   */
}
div[id^=ge_cards] .card .text-white, div[id^=ge_cards] .card .weisse-schriftfarbe {
   color: #fff !important;
}
div[id^=ge_cards] .card.image-bottom .card-block {
   -webkit-box-ordinal-group: 2;
       -ms-flex-order: 1;
           order: 1;
}
div[id^=ge_cards] .card.image-bottom img {
   -webkit-box-ordinal-group: 3;
       -ms-flex-order: 2;
           order: 2;
}
div[id^=ge_cards] .card.card-no-border {
   border: none !important;
}
div[id^=ge_cards] .card:not(.card-plain) .card-image .img {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
}
div[id^=ge_cards] .card.card-plain {
   background-color: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
   border-radius: 0;
}
div[id^=ge_cards] .card.card-plain img {
   border-radius: 9px;
}
div[id^=ge_cards] .card.card-plain.card-bordered img {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
}
div[id^=ge_cards] .card.card-plain.card-bordered {
   border-radius: 9px !important;
   -webkit-box-shadow: none;
           box-shadow: none;
}
div[id^=ge_cards] .card.card-plain .card-block {
   padding-left: 5px;
   padding-right: 5px;
}
div[id^=ge_cards] .card.card-without-shadow {
   -webkit-box-shadow: none !important;
           box-shadow: none !important;
}
div[id^=ge_cards] .card-title, div[id^=ge_cards] .card-text {
   color: inherit !important;
   margin: 0 !important;
}
div[id^=ge_cards] .card-title {
   font-size: 18px !important;
   font-size: 1.125rem !important;
   font-weight: bold;
}
div[id^=ge_cards] .card-text {
   font-size: 12px;
   font-size: 0.75rem;
   line-height: normal;
}
div[id^=ge_cards] .cardWithHeader img {
   border-radius: 0;
}
div[id^=ge_cards] .card-img-overlay {
   z-index: 1;
}
div[id^=ge_cards] .card-header, div[id^=ge_cards] .card-header:first-child {
   border-radius: 9px 9px 0 0;
   background: rgba(0, 0, 0, 0.7333333333);
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7333333333)), color-stop(rgba(63.75, 63.75, 63.75, 0.7333333333)), to(rgba(127.5, 127.5, 127.5, 0.7333333333)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7333333333), rgba(63.75, 63.75, 63.75, 0.7333333333), rgba(127.5, 127.5, 127.5, 0.7333333333));
}
div[id^=ge_cards] .card[style*=background-color] .card-header, div[id^=ge_cards] .card[style*=background-color] .card-header:first-child {
   background: rgba(255, 255, 255, 0.5);
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.66)), to(rgb(255, 255, 255)));
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.66), rgb(255, 255, 255));
}
div[id^=ge_cards] .card-footer {
   background-color: rgba(240, 240, 240, 0.6);
}
div[id^=ge_cards] .card-footer:last-child {
   border-radius: 0 0 9px 9px;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
.card.image-bottom .card-block {
   -webkit-box-ordinal-group: 2;
       -ms-flex-order: 1;
           order: 1;
}
.card.image-bottom img {
   -webkit-box-ordinal-group: 3;
       -ms-flex-order: 2;
           order: 2;
}
.card-without-shadow .card {
   -webkit-box-shadow: none !important;
           box-shadow: none !important;
}
.card-image-rotation .card .img-container img {
   max-width: 100%; /* IE 9 */
   -webkit-transition: 250ms ease-out; /* Safari */
   transition: 250ms ease-out;
}
.card-image-rotation .card .img-container:hover img { /* IE 9 */
   -webkit-transform: scale(1.05, 1.07) rotate(2deg); /* Safari */
   transform: scale(1.05, 1.07) rotate(2deg);
}
.card-scaling .card .img-container {
   overflow: hidden;
}
.card-scaling .card .img-container img {
   max-width: 100%; /* IE 9 */
   -webkit-transition: 250ms ease-out; /* Safari */
   transition: 250ms ease-out;
}
.card-scaling .card .img-container:hover img {
   -webkit-transform: scale(1.15);
           transform: scale(1.15);
}
.card {
   /*
   	.card-moving & {
   		-webkit-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
   		-moz-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
   		-o-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
   		transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;

   		&:not(.card-plain):hover {
   			transform: translateY(-10px);
   			-webkit-transform: translateY(-10px);
   			-ms-transform: translateY(-10px);
   			-moz-transform: translateY(-10px);
   		}
   		&.no-transition:hover,
   		&.page-carousel:hover,
   		&.card-refine:hover,
   		&.card-register:hover {
   		  transform: none;
   		  -webkit-transform: none;
   		  -ms-transform: none;
   		  -moz-transform: none;
   		}
   	}
   */
}

.karte-ohne-schatten .card {
   -webkit-box-shadow: none;
           box-shadow: none;
}

.bild-rund .card img {
   border-radius: 50%;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
.alle-inhaltselements-als-mauerwerk-cards-darstellen #col3 {
   -webkit-column-count: 4;
      -moz-column-count: 4;
           column-count: 4;
   -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
           column-gap: 10px;
}
.alle-inhaltselements-als-mauerwerk-cards-darstellen #col3 img {
   max-width: 100%;
   display: block;
}
.alle-inhaltselements-als-mauerwerk-cards-darstellen #col3 > div.fsc {
   margin: 0;
   display: -ms-grid;
   display: grid;
   -ms-grid-rows: 1fr auto;
   grid-template-rows: 1fr auto;
   margin-bottom: 10px;
   -webkit-column-break-inside: avoid;
      -moz-column-break-inside: avoid;
           break-inside: avoid;
}
.alle-inhaltselements-als-mauerwerk-cards-darstellen #col3 > div.fsc > img {
   grid-row: 1/-1;
   -ms-grid-column: 1;
   grid-column: 1;
}
.alle-inhaltselements-als-mauerwerk-cards-darstellen #col3 > div.fsc a {
   color: black;
   text-decoration: none;
   border-bottom: none;
}
.alle-inhaltselements-als-mauerwerk-cards-darstellen #col3 figcaption {
   -ms-grid-row: 2;
   grid-row: 2;
   -ms-grid-column: 1;
   grid-column: 1;
   background-color: rgba(255, 255, 255, 0.5);
   padding: 0.2em 0.5em;
   -ms-grid-column-align: start;
       justify-self: start;
}
.alle-inhaltselements-als-mauerwerk-cards-darstellen #col3 XXXX.container {
   -webkit-column-count: 4;
      -moz-column-count: 4;
           column-count: 4;
   -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
           column-gap: 10px;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
.image-files-as-wall {
   -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
           column-gap: 10px;
}
.image-files-as-wall img {
   max-width: 100%;
   display: block;
   border-radius: 7px;
}
.image-files-as-wall figure {
   margin: 0;
   display: -ms-grid;
   display: grid;
   -ms-grid-rows: 1fr auto;
   grid-template-rows: 1fr auto;
   margin-bottom: 10px !important;
   -webkit-column-break-inside: avoid;
      -moz-column-break-inside: avoid;
           break-inside: avoid;
   position: relative;
   -webkit-box-shadow: 3px 3px 2px #999;
           box-shadow: 3px 3px 2px #999;
   border-radius: 7px;
}
.image-files-as-wall figure a > img {
   grid-row: 1/-1;
   -ms-grid-column: 1;
   grid-column: 1;
   width: 100%;
   padding-right: 0;
}
.image-files-as-wall figure a {
   color: black;
   text-decoration: none;
}
.image-files-as-wall figure:hover figcaption {
   display: block;
}
.image-files-as-wall figcaption {
   /*
     grid-row: 2;
     grid-column: 1;
     background-color: rgba(255,255,255,.5);
     padding: .2em .5em;
     justify-self: start;
   */
   position: absolute;
   top: 0;
   text-align: center;
   color: #fff;
   display: inline-block;
   padding: 10px;
   display: none;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
.image-files-as-wall {
   -webkit-column-gap: 1vw;
      -moz-column-gap: 1vw;
           column-gap: 1vw;
}
.image-files-as-wall img {
   max-width: 100%;
   display: block;
   height: auto;
   grid-row: 1/-1;
   -ms-grid-column: 1;
   grid-column: 1;
   width: 100%;
   padding-right: 0 !important;
}
.image-files-as-wall figure {
   margin: 0;
   display: inline-block;
   -ms-grid-rows: 1fr auto;
   grid-template-rows: 1fr auto;
   margin-bottom: 1vh !important;
   -webkit-column-break-inside: avoid;
      -moz-column-break-inside: avoid;
           break-inside: avoid;
   position: relative;
   -webkit-box-shadow: 3px 3px 6px #999;
           box-shadow: 3px 3px 6px #999;
   border: 1px solid rgb(144.5, 144.5, 144.5);
   border-radius: 0;
   max-width: 100% !important;
   width: auto;
}
.image-files-as-wall figure a {
   color: black;
   text-decoration: none;
}
.image-files-as-wall figure img {
   max-width: 100% !important;
}
.image-files-as-wall figure:hover figcaption {
   display: block;
}
.image-files-as-wall figure:hover .imageMetaDescription {
   opacity: 1;
   top: 0;
   background: rgba(17, 17, 17, 0.7);
   height: 100%;
   z-index: 100;
   -webkit-transition: all 1s ease-in-out 1s;
   transition: all 1s ease-in-out 1s;
}
.image-files-as-wall figure:hover .imageMetaDescription h3 {
   font-size: 12px;
   font-size: 0.75rem;
}
.image-files-as-wall figure:hover .imageMetaDescription h4 {
   font-size: 11px;
   font-size: 0.6875rem;
}
.image-files-as-wall figure .imageMetaDescription {
   position: absolute;
   top: -101%;
   left: 0;
   width: 100%;
   height: 0;
   overflow: hidden;
   opacity: 0;
   padding: 20px;
   background: rgba(17, 17, 17, 0);
   color: #fff;
   margin: auto;
   display: table;
   border-radius: 0;
   z-index: -1;
}
.image-files-as-wall figure .imageMetaDescription .imageMetaTitle {
   display: block;
   text-align: center;
   margin: 0 0 5px;
   text-decoration: underline;
   font-weight: bold;
}
.image-files-as-wall figure .imageMetaDescription .iMDContent {
   display: table-row;
   height: 100%;
   vertical-align: middle;
}
.image-files-as-wall figcaption {
   /*
     grid-row: 2;
     grid-column: 1;
     background-color: rgba(255,255,255,.5);
     padding: .2em .5em;
     justify-self: start;
   */
   position: absolute;
   top: 0;
   text-align: center;
   color: #fff;
   display: inline-block;
   padding: 10px;
   display: none;
}
.bild-rund .image-files-as-wall img {
   border-radius: 50%;
}
.karte-mit-runden-ecken .image-files-as-wall figure {
   border-radius: 8px;
}
.karte-mit-runden-ecken .image-files-as-wall figure img {
   border-radius: 8px 8px 0 0;
}
.karte-mit-runden-ecken .image-files-as-wall figure .imageMetaDescription {
   border-radius: 8px;
}
.karte-ohne-rand .image-files-as-wall figure {
   border: none !important;
}
.karte-ohne-schatten .image-files-as-wall figure {
   -webkit-box-shadow: none !important;
           box-shadow: none !important;
}

/* ****************************************************
*  Medien-Beschränkungen:                             *
***************************************************** */
@media screen and (min-width: 1200px) {
   .image-files-as-wall {
      -webkit-column-gap: 0.5vw;
         -moz-column-gap: 0.5vw;
              column-gap: 0.5vw;
   }
}
@media screen and (max-width: 992px) {
   .image-files-as-wall {
      -webkit-column-gap: 1vw;
         -moz-column-gap: 1vw;
              column-gap: 1vw;
   }
   [id^=theWall][data-uploads_cols="4"], [id^=theWall][data-uploads_cols="5"], [id^=theWall][data-uploads_cols="6"], [id^=theWall][data-uploads_cols="7"], [id^=theWall][data-uploads_cols="8"] {
      -webkit-column-count: 3 !important;
         -moz-column-count: 3 !important;
              column-count: 3 !important;
   }
}
@media screen and (max-width: 768px) {
   [id^=theWall][data-uploads_cols="3"], [id^=theWall][data-uploads_cols="4"], [id^=theWall][data-uploads_cols="5"], [id^=theWall][data-uploads_cols="6"], [id^=theWall][data-uploads_cols="7"], [id^=theWall][data-uploads_cols="8"] {
      -webkit-column-count: 2 !important;
         -moz-column-count: 2 !important;
              column-count: 2 !important;
   }
}
@media screen and (max-width: 576px) {
   [id^=theWall][data-uploads_cols="2"], [id^=theWall][data-uploads_cols="3"], [id^=theWall][data-uploads_cols="4"], [id^=theWall][data-uploads_cols="5"], [id^=theWall][data-uploads_cols="6"], [id^=theWall][data-uploads_cols="7"], [id^=theWall][data-uploads_cols="8"] {
      -webkit-column-count: 1 !important;
         -moz-column-count: 1 !important;
              column-count: 1 !important;
   }
}
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
.thumb {
   width: 20%;
   float: left;
}

.pagets__1.page-layout0 .thumb {
   width: 12.5%;
}
.container .pagets__1.page-layout0 .thumb {
   width: 20%;
}

.image-files-as-thumbs[data-nrofcols="1"] > li {
   width: auto;
   padding: 0 1px 1px 0;
}
.image-files-as-thumbs[data-nrofcols="2"] > li, .image-files-as-thumbs[data-nrofcols="2"] .ce-row .ce-column {
   float: left;
}
.image-files-as-thumbs[data-nrofcols="2"] > li:nth-child(2n+1), .image-files-as-thumbs[data-nrofcols="2"] .ce-row .ce-column:nth-child(2n+1) {
   clear: left;
}
.image-files-as-thumbs[data-nrofcols="2"] > li, .image-files-as-thumbs[data-nrofcols="2"] .ce-row .ce-column {
   width: calc((100% - 0px * (2 - 1)) / 2);
   margin-right: 0px;
}
.image-files-as-thumbs[data-nrofcols="2"] .ce-row .ce-column:last-child {
   margin: 0;
}
.image-files-as-thumbs[data-nrofcols="3"] > li, .image-files-as-thumbs[data-nrofcols="3"] .ce-row .ce-column {
   float: left;
}
.image-files-as-thumbs[data-nrofcols="3"] > li:nth-child(3n+1), .image-files-as-thumbs[data-nrofcols="3"] .ce-row .ce-column:nth-child(3n+1) {
   clear: left;
}
.image-files-as-thumbs[data-nrofcols="3"] > li, .image-files-as-thumbs[data-nrofcols="3"] .ce-row .ce-column {
   width: calc((100% - 0px * (3 - 1)) / 3);
   margin-right: 0px;
}
.image-files-as-thumbs[data-nrofcols="3"] .ce-row .ce-column:last-child {
   margin: 0;
}
.image-files-as-thumbs[data-nrofcols="4"] > li, .image-files-as-thumbs[data-nrofcols="4"] .ce-row .ce-column {
   float: left;
}
.image-files-as-thumbs[data-nrofcols="4"] > li:nth-child(4n+1), .image-files-as-thumbs[data-nrofcols="4"] .ce-row .ce-column:nth-child(4n+1) {
   clear: left;
}
.image-files-as-thumbs[data-nrofcols="4"] > li, .image-files-as-thumbs[data-nrofcols="4"] .ce-row .ce-column {
   width: calc((100% - 0px * (4 - 1)) / 4);
   margin-right: 0px;
}
.image-files-as-thumbs[data-nrofcols="4"] .ce-row .ce-column:last-child {
   margin: 0;
}
.image-files-as-thumbs[data-nrofcols="5"] > li, .image-files-as-thumbs[data-nrofcols="5"] .ce-row .ce-column {
   float: left;
}
.image-files-as-thumbs[data-nrofcols="5"] > li:nth-child(5n+1), .image-files-as-thumbs[data-nrofcols="5"] .ce-row .ce-column:nth-child(5n+1) {
   clear: left;
}
.image-files-as-thumbs[data-nrofcols="5"] > li, .image-files-as-thumbs[data-nrofcols="5"] .ce-row .ce-column {
   width: calc((100% - 0px * (5 - 1)) / 5);
   margin-right: 0px;
}
.image-files-as-thumbs[data-nrofcols="5"] .ce-row .ce-column:last-child {
   margin: 0;
}
.image-files-as-thumbs[data-nrofcols="6"] > li, .image-files-as-thumbs[data-nrofcols="6"] .ce-row .ce-column {
   float: left;
}
.image-files-as-thumbs[data-nrofcols="6"] > li:nth-child(6n+1), .image-files-as-thumbs[data-nrofcols="6"] .ce-row .ce-column:nth-child(6n+1) {
   clear: left;
}
.image-files-as-thumbs[data-nrofcols="6"] > li, .image-files-as-thumbs[data-nrofcols="6"] .ce-row .ce-column {
   width: calc((100% - 0px * (6 - 1)) / 6);
   margin-right: 0px;
}
.image-files-as-thumbs[data-nrofcols="6"] .ce-row .ce-column:last-child {
   margin: 0;
}
.image-files-as-thumbs[data-nrofcols="7"] > li, .image-files-as-thumbs[data-nrofcols="7"] .ce-row .ce-column {
   float: left;
}
.image-files-as-thumbs[data-nrofcols="7"] > li:nth-child(7n+1), .image-files-as-thumbs[data-nrofcols="7"] .ce-row .ce-column:nth-child(7n+1) {
   clear: left;
}
.image-files-as-thumbs[data-nrofcols="7"] > li, .image-files-as-thumbs[data-nrofcols="7"] .ce-row .ce-column {
   width: calc((100% - 0px * (7 - 1)) / 7);
   margin-right: 0px;
}
.image-files-as-thumbs[data-nrofcols="7"] .ce-row .ce-column:last-child {
   margin: 0;
}
.image-files-as-thumbs[data-nrofcols="8"] > li, .image-files-as-thumbs[data-nrofcols="8"] .ce-row .ce-column {
   float: left;
}
.image-files-as-thumbs[data-nrofcols="8"] > li:nth-child(8n+1), .image-files-as-thumbs[data-nrofcols="8"] .ce-row .ce-column:nth-child(8n+1) {
   clear: left;
}
.image-files-as-thumbs[data-nrofcols="8"] > li, .image-files-as-thumbs[data-nrofcols="8"] .ce-row .ce-column {
   width: calc((100% - 0px * (8 - 1)) / 8);
   margin-right: 0px;
}
.image-files-as-thumbs[data-nrofcols="8"] .ce-row .ce-column:last-child {
   margin: 0;
}
.image-files-as-thumbs {
   padding: 0;
}
.image-files-as-thumbs li {
   float: left;
   margin: 0 !important;
   padding: 5px !important;
   list-style: none;
   overflow: hidden;
   border-radius: 7px;
   position: relative;
}
.image-files-as-thumbs li a {
   display: block;
   width: 100%;
   height: auto;
}
.image-files-as-thumbs li figcaption {
   position: absolute;
   width: 100%;
   display: block;
   visibility: hidden;
   text-align: center;
   top: 0;
   left: 0;
   padding: 10px;
}
.image-files-as-thumbs li figcaption .imgTitle {
   font-weight: bold;
}
.image-files-as-thumbs li:hover figcaption {
   visibility: visible;
   background: rgba(255, 255, 255, 0.8666666667);
   color: #111;
}
.image-files-as-thumbs img {
   -o-object-fit: cover;
      object-fit: cover;
   padding: 0 !important;
   margin: 0 !important;
   border-radius: 5px;
   width: 100%;
   height: auto;
}
.ce-uploads .image-files-as-thumbs img {
   padding-right: 0;
   border-radius: 7px;
}
.image-files-as-thumbs figcaption {
   line-height: 1.4;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
.om-cookie-panel {
   background: #FFEAD1 url(/fileadmin/Images/cookie-ensemble.png) no-repeat 400px -60px !important;
   background-size: 50% auto !important;
   text-align: left !important;
   width: 800px !important;
}
.om-cookie-panel a {
   color: rgb(55.25, 55.25, 55.25);
}
.om-cookie-panel h4, .om-cookie-panel h5 {
   margin-top: 0;
}
.om-cookie-panel .cookie-panel__button.cookie-panel__button--color--green {
   color: #111 !important;
}

/* ****************************************************
*  Medien-Beschränkungen:                             *
***************************************************** */
@media screen and (max-width: 768px) {
   .om-cookie-panel {
      width: 100% !important;
      background-position: right -20px !important;
   }
}
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

/* Bare minimum styles */
.slider, .slider-item, .imageSlider {
   overflow: auto; /* Not required but recommended for accessibility when JavaScript is turned off */
   position: relative;
}
.slider .ce-gallery, .slider-item .ce-gallery, .imageSlider .ce-gallery {
   margin-bottom: 0 !important;
}
.slider figure img, .slider-item figure img, .imageSlider figure img {
   width: 100%;
   height: auto;
}

/* AnySlider can be styled to your liking. This is just example styles */
.sliderOut {
   margin: 0 auto;
   padding: 0;
   width: 100%;
   border: 4px solid #fff;
   border-radius: 4px;
   position: relative;
}
.sliderOut .fsc {
   clear: none;
}

.slider {
   position: relative;
   min-height: 150px;
   background: rgba(255, 255, 255, 0.85);
}
.slider.noBackgroundColor {
   background: none;
}
.slider.slider1 {
   border: 1px solid #2e2521;
   border-radius: 0;
   -webkit-box-shadow: none;
           box-shadow: none;
}
.slider.slider2 {
   border: 1px solid #fff;
   border-radius: 5px;
   -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), -1px -1px 3px rgba(0, 0, 0, 0.2);
           box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), -1px -1px 3px rgba(0, 0, 0, 0.2);
}
.slider.slider3 {
   border: 1px solid #2e2521;
   border-radius: 0;
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
           box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.slider.slider-padding .as-slide-inner > div {
   padding: 0 15px;
}
.slider .sliding {
   padding: 5px;
}
.slider .sliding figure {
   margin: 0 !important;
}
.slider .box100 {
   height: 600px;
}

/* The arrows can of course also be styled to your liking. This is just example styles */
.as-prev-arrow,
.as-next-arrow {
   background: url(../Images/arrows.png) no-repeat;
   cursor: pointer;
   filter: alpha(opacity=0);
   height: 40px;
   opacity: 0;
   overflow: hidden;
   position: absolute;
   text-indent: 100%;
   top: 45%;
   white-space: nowrap;
   width: 40px;
   z-index: 10;
}

.as-prev-arrow {
   left: 0;
}

.as-next-arrow {
   background-position: -40px 0;
   right: 0;
}

.slider:hover .as-prev-arrow, .slider:hover .as-next-arrow, .navAlwaysVisibletrue .as-prev-arrow, .navAlwaysVisibletrue .as-next-arrow {
   filter: alpha(opacity=1);
   opacity: 1;
}

[id^=ge-qpxContentSlider] .as-prev-arrow,
[id^=ge-qpxContentSlider] .as-next-arrow {
   background: rgba(255, 255, 255, 0.7) !important;
   -webkit-box-shadow: 2px 2px 4px rgb(136.34, 136.34, 136.34);
           box-shadow: 2px 2px 4px rgb(136.34, 136.34, 136.34);
   text-indent: 0;
   text-align: center;
   border-radius: 50%;
   padding-top: 2px;
   left: 5px;
   color: var(--primaerfarbe3);
}
[id^=ge-qpxContentSlider] .as-next-arrow {
   right: 5px;
   left: auto;
}
[id^=ge-qpxContentSlider].news-list-view .article {
   padding: 15px 50px !important;
}

/* The same rules for styling apply here. Style to your liking */
.as-nav {
   bottom: 0;
   position: relative;
   text-align: center;
   width: auto;
   z-index: 1;
}

.as-nav a {
   background: #e4e6a7;
   border: 1px solid #aaa866;
   border-radius: 50%;
   color: #aaaaff;
   display: inline-block;
   font-size: 7px;
   font-size: 0.4375rem;
   height: 12px;
   line-height: 10px;
   margin: 0 1px;
   overflow: hidden;
   text-decoration: none;
   vertical-align: text-bottom;
   white-space: nowrap;
   width: 12px;
}

.as-nav .as-active,
.as-nav a:hover {
   background: #aaa866;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
:not(.ce-gallery.ce-cols3) > .ce-outer > .ce-inner > .ce-row {
   color: #444444;
}

/* **************  ******************* */
/* jQuery ACCORDION */
.ui-accordion {
   border-bottom: 1px solid #bbb;
}
.ui-accordion .l2t1.fsc-link2Top {
   margin: 15px 0 0;
   font-size: 12px;
   font-size: 0.75rem;
   display: none;
   padding: 0 0 0 32px;
}
.ui-accordion .ui-accordion-header.ui-state-active ~ p.l2t1.fsc-link2Top {
   display: block;
}
.ui-accordion .ui-accordion-header {
   background: transparent;
   border-top: 1px solid #bbb;
   color: #111;
   cursor: pointer;
   display: block;
   line-height: 30px;
   margin: 5px 0 0;
   outline: medium none;
   padding: 0 0 0 2.2em;
   position: relative;
}
.accButton .ui-accordion .ui-accordion-header {
   padding: 0.5em 1.2em;
}
.accSymbolLeft .ui-accordion .ui-accordion-header {
   padding: 0.5em 1.2em 0.5em 2.5em;
}
.accSymbolLeft .ui-accordion .ui-accordion-header .ui-icon {
   display: block;
   left: 0.5em;
   margin-top: -5px;
   position: absolute;
   top: 22px;
}
.accSymbolRight .ui-accordion .ui-accordion-header {
   padding: 0.5em 2.5em 0.5em 1.2em;
}
.accSymbolRight .ui-accordion .ui-accordion-header .ui-icon {
   display: block;
   left: auto;
   margin-top: -5px;
   right: 12px;
   top: 22px;
}
.ui-accordion .ui-accordion-header.ui-state-default h2, .ui-accordion .ui-accordion-header.ui-state-default h3, .ui-accordion .ui-accordion-header.ui-state-default h4, .ui-accordion .ui-accordion-header.ui-state-default h5 {
   font-size: 18px;
   font-size: 1.125rem;
   font-weight: bold;
   margin: 0 !important;
   padding: 5px 0 5px !important;
}
.ui-accordion .ui-accordion-header.ui-state-default h2, .ui-accordion .ui-accordion-header.ui-state-default h4 {
   color: var(--primaerfarbe2);
}
.ui-accordion .ui-accordion-header.ui-state-active h2, .ui-accordion .ui-accordion-header.ui-state-active h3, .ui-accordion .ui-accordion-header.ui-state-active h4, .ui-accordion .ui-accordion-header.ui-state-active h5 {
   font-size: 22px;
   font-size: 1.375rem;
   font-weight: 600;
   margin: 24px 0 14px;
}
.ui-accordion .ui-accordion-header.ui-state-active h4 {
   font-size: 18px;
   font-size: 1.125rem;
}
.ui-accordion .ui-accordion-header.ui-state-active h5 {
   font-size: 16px;
   font-size: 1rem;
}
.ui-accordion .ui-accordion-header.ui-state-active h2, .ui-accordion .ui-accordion-header.ui-state-active h4 {
   color: #2e2521 !important;
}
.ui-accordion .ui-accordion-header .ce-subheader {
   font-style: italic;
   font-weight: normal;
   line-height: normal;
   margin: 0;
}
.ui-accordion .ui-accordion-header .ui-accordion-noicons {
   padding-left: 0.7em;
}
.ui-accordion .ui-accordion-header .ui-state-hover, .ui-accordion .ui-accordion-header .ui-corner-all, .ui-accordion .ui-accordion-header .ui-widget-content {
   border: none !important;
   border-radius: 0 !important;
}
.ui-accordion .ui-accordion-header.ui-state-active {
   background: none;
   border-bottom: none !important;
   margin-bottom: 15px;
}
.ui-accordion .ui-accordion-content {
   padding: 0 2.2em;
   border-top: 0;
   overflow: auto;
}
.ui-accordion .ui-accordion-content > .ce-bodytext > .ce-header {
   display: none;
}
.ui-accordion .accordeon-text {
   display: none;
}
.ui-accordion .ui-accordion-content-active ~ .accordeon-text {
   display: block;
}

.accButton.ui-accordion {
   border-bottom: none;
   padding-bottom: 0;
}
.accButton.ui-accordion .ui-accordion-header {
   background: #e6e6e6;
   border: 1px solid #888;
   border-radius: 5px;
   color: rgb(55.25, 55.25, 55.25);
}
.accButton.ui-accordion .ui-accordion-header h2, .accButton.ui-accordion .ui-accordion-header h3, .accButton.ui-accordion .ui-accordion-header h4, .accButton.ui-accordion .ui-accordion-header h5 {
   font-size: 16px;
   font-size: 1rem;
}
.accButton.ui-accordion .ui-accordion-header.ui-state-default h2, .accButton.ui-accordion .ui-accordion-header.ui-state-default h3, .accButton.ui-accordion .ui-accordion-header.ui-state-default h4, .accButton.ui-accordion .ui-accordion-header.ui-state-default h5 {
   font-size: 16px;
   font-size: 1rem;
   font-weight: normal;
   margin: 0 !important;
   padding: 0;
}
.accButton.ui-accordion .ui-accordion-header.ui-state-default h2, .accButton.ui-accordion .ui-accordion-header.ui-state-default h4 {
   color: var(--primaerfarbe2);
}
.accButton.ui-accordion .ui-accordion-header.ui-state-active {
   background: none;
   border-bottom: none !important;
   border-radius: 5px 5px 0 0 !important;
   margin-bottom: 0 !important;
}
.accButton.ui-accordion .ui-accordion-content-active {
   border: 1px solid #888;
   border-radius: 0 0 5px 5px;
   border-width: 0 1px 1px;
   display: block;
   padding: 0 2.5em 1em 1.2em;
}

.accButton.ui-accordion {
   border-bottom: none;
   padding-bottom: 0;
}

.ui-accordion-header-icon {
   position: absolute;
   top: 18px;
   left: 3px;
   transform: translateY(-50%);
   -ms-transform: translateY(-50%); /* IE 9 */
   -webkit-transform: translateY(-50%); /* Safari */
   margin-top: 0;
   background-image: none !important;
   width: 12px !important;
   height: 12px !important;
}
.ui-accordion-header-icon::after, .ui-accordion-header-icon::before {
   border-color: var(--primaerfarbe3);
   -webkit-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}
.ui-accordion-header-icon::before {
   border-style: solid;
   border-width: 0 3px 3px 0;
   bottom: 2px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   content: "";
   display: block;
   left: 2px;
   position: absolute;
   right: 2px;
   top: 2px;
   transform: rotate(45deg) translate(-25%, -25%);
   -ms-transform: rotate(45deg) translate(-25%, -25%);
   -webkit-transform: rotate(45deg) translate(-25%, -25%);
}
.ui-state-active .ui-accordion-header-icon::before {
   transform: rotate(225deg) translate(-25%, -25%);
   -ms-transform: rotate(225deg) translate(-25%, -25%);
   -webkit-transform: rotate(225deg) translate(-25%, -25%);
}

/* for accordion2 (without jQuery)

Style the buttons that are used to open and close the accordion panel */
button.accordion {
   background-color: #eee;
   color: #444;
   cursor: pointer;
   padding: 18px;
   width: 100%;
   text-align: left;
   border: none;
   outline: none;
   -webkit-transition: 0.4s;
   transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.active, button.accordion:hover {
   background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
   padding: 0 18px;
   background-color: white;
   display: none;
   overflow: hidden;
}

.ce_accordion2 {
   border-bottom: none;
   padding-bottom: 0;
}
.ce_accordion2 .ui-accordion-header {
   background: rgb(83.0782608696, 64.752173913, 57.4217391304);
   border: 1px solid rgb(7.6869565217, 5.9913043478, 5.3130434783);
   border-radius: 5px;
   color: #fff;
   padding: 0.5em 2.5em 0.5em 1.2em;
   position: relative;
}
.ce_accordion2 .ui-accordion-header h2, .ce_accordion2 .ui-accordion-header h3, .ce_accordion2 .ui-accordion-header h4, .ce_accordion2 .ui-accordion-header h5 {
   font-size: 18px;
   font-size: 1.125rem;
   letter-spacing: 1px;
}
.ce_accordion2 .ui-accordion-header.ui-state-default h2, .ce_accordion2 .ui-accordion-header.ui-state-default h3, .ce_accordion2 .ui-accordion-header.ui-state-default h4, .ce_accordion2 .ui-accordion-header.ui-state-default h5 {
   font-size: 18px;
   font-size: 1.125rem;
   font-weight: 600;
   margin: 0 !important;
   padding: 0;
}
.ce_accordion2 .ui-accordion-header.ui-state-default h2, .ce_accordion2 .ui-accordion-header.ui-state-default h4 {
   color: var(--primaerfarbe2);
}
.ce_accordion2 .ui-accordion-header.ui-state-active {
   background: none;
   border-bottom: none !important;
   border-radius: 5px 5px 0 0 !important;
   margin-bottom: 0 !important;
}
.ce_accordion2 .ui-accordion-header.ui-state-active h2, .ce_accordion2 .ui-accordion-header.ui-state-active h3, .ce_accordion2 .ui-accordion-header.ui-state-active h4, .ce_accordion2 .ui-accordion-header.ui-state-active h5 {
   font-size: 20px;
   font-size: 1.25rem;
   font-weight: 600;
   margin: 0 !important;
   padding: 0;
   color: #1f1917;
}
.ce_accordion2 .ui-accordion-header.ui-state-active h2, .ce_accordion2 .ui-accordion-header.ui-state-active h4 {
   color: var(--primaerfarbe2);
}
.ce_accordion2 .ui-accordion-header .ui-accordion-header-icon {
   left: auto;
   right: 12px;
   top: 22px;
   width: 12px !important;
   height: 12px !important;
}
.ce_accordion2 .ui-accordion-header .ui-accordion-header-icon::after, .ce_accordion2 .ui-accordion-header .ui-accordion-header-icon::before {
   border-color: #111;
}
.ce_accordion2 .ui-accordion-content-active {
   border: 1px solid #888;
   border-radius: 0 0 5px 5px;
   border-width: 0 1px 1px;
   display: block;
   padding: 0 2.5em 1em 1.2em;
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - https://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
   --animate-duration:1s;
   --animate-delay:1s;
   --animate-repeat:1 ;
}

.animated {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-duration: var(--animate-duration);
   animation-duration: var(--animate-duration);
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   visibility: hidden;
   opacity: 0;
}
.animated.go {
   visibility: visible;
   opacity: 1 !important;
}

.animated.infinite {
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}

.animated.repeat-1 {
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-iteration-count: var(--animate-repeat);
   animation-iteration-count: var(--animate-repeat);
}

.animated.repeat-2 {
   -webkit-animation-iteration-count: 2;
   animation-iteration-count: 2;
   -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
   animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animated.repeat-3 {
   -webkit-animation-iteration-count: 3;
   animation-iteration-count: 3;
   -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
   animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animated {
   /* Added by Andy Meetan */
}
.animated.delay-250 {
   -webkit-animation-delay: 0.25s;
   animation-delay: 0.25s;
}
.animated.delay-500 {
   -webkit-animation-delay: 0.5s;
   animation-delay: 0.5s;
}
.animated.delay-750 {
   -webkit-animation-delay: 0.75s;
   animation-delay: 0.75s;
}
.animated.delay-1000 {
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.animated.delay-1250 {
   -webkit-animation-delay: 1.25s;
   animation-delay: 1.25s;
}
.animated.delay-1500 {
   -webkit-animation-delay: 1.5s;
   animation-delay: 1.5s;
}
.animated.delay-1750 {
   -webkit-animation-delay: 1.75s;
   animation-delay: 1.75s;
}
.animated.delay-2000 {
   -webkit-animation-delay: 2s;
   animation-delay: 2s;
}
.animated.delay-2500 {
   -webkit-animation-delay: 2.5s;
   animation-delay: 2.5s;
}
.animated.delay-3000 {
   -webkit-animation-delay: 3s;
   animation-delay: 3s;
}
.animated.delay-3500 {
   -webkit-animation-delay: 3.5s;
   animation-delay: 3.5s;
}
.animated.delay-4000 {
   -webkit-animation-delay: 4s;
   animation-delay: 4s;
}
.animated.delay-4500 {
   -webkit-animation-delay: 4.5s;
   animation-delay: 4.5s;
}
.animated.delay-5000 {
   -webkit-animation-delay: 5s;
   animation-delay: 5s;
}

.animated.faster {
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
   -webkit-animation-duration: calc(var(--animate-duration) / 2);
   animation-duration: calc(var(--animate-duration) / 2);
}

.animated.fast {
   -webkit-animation-duration: 0.8s;
   animation-duration: 0.8s;
   -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
   animation-duration: calc(var(--animate-duration) * 0.8);
}

.animated.slow {
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
   -webkit-animation-duration: calc(var(--animate-duration) * 2);
   animation-duration: calc(var(--animate-duration) * 2);
}

.animated.slower {
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-duration: calc(var(--animate-duration) * 3);
   animation-duration: calc(var(--animate-duration) * 3);
}

@media (prefers-reduced-motion: reduce), print {
   .animated {
      -webkit-animation-duration: 1ms !important;
      animation-duration: 1ms !important;
      -webkit-transition-duration: 1ms !important;
      transition-duration: 1ms !important;
      -webkit-animation-iteration-count: 1 !important;
      animation-iteration-count: 1 !important;
   }
   .animated[class*=Out] {
      opacity: 0;
   }
}
@-webkit-keyframes bounce {
   0%, 20%, 53%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   40%, 43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
      transform: translate3d(0, -30px, 0) scaleY(1.1);
   }
   70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
      transform: translate3d(0, -15px, 0) scaleY(1.05);
   }
   80% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translateZ(0) scaleY(0.95);
      transform: translateZ(0) scaleY(0.95);
   }
   90% {
      -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
      transform: translate3d(0, -4px, 0) scaleY(1.02);
   }
}
@keyframes bounce {
   0%, 20%, 53%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   40%, 43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
      transform: translate3d(0, -30px, 0) scaleY(1.1);
   }
   70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
      transform: translate3d(0, -15px, 0) scaleY(1.05);
   }
   80% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translateZ(0) scaleY(0.95);
      transform: translateZ(0) scaleY(0.95);
   }
   90% {
      -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
      transform: translate3d(0, -4px, 0) scaleY(1.02);
   }
}
.bounce.go {
   -webkit-animation-name: bounce;
   animation-name: bounce;
   -webkit-transform-origin: center bottom;
   transform-origin: center bottom;
}

@-webkit-keyframes flash {
   0%, 50%, to {
      opacity: 1;
   }
   25%, 75% {
      opacity: 0;
   }
}
@keyframes flash {
   0%, 50%, to {
      opacity: 1;
   }
   25%, 75% {
      opacity: 0;
   }
}
.flash.go {
   -webkit-animation-name: flash;
   animation-name: flash;
}

@-webkit-keyframes pulse {
   0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
   50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
   }
   to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
}
@keyframes pulse {
   0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
   50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
   }
   to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
}
.pulse.go {
   -webkit-animation-name: pulse;
   animation-name: pulse;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
   0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
   30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
   }
   40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
   }
   50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
   }
   65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
   }
   75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
   }
   to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
}
@keyframes rubberBand {
   0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
   30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
   }
   40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
   }
   50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
   }
   65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
   }
   75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
   }
   to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
}
.rubberBand.go {
   -webkit-animation-name: rubberBand;
   animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
   0%, to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
   }
   20%, 40%, 60%, 80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
   }
}
@-webkit-keyframes shakeX.go {
   0%, to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
   }
   20%, 40%, 60%, 80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
   }
}
@keyframes shakeX.go {
   0%, to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
   }
   20%, 40%, 60%, 80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
   }
}
.shakeX {
   -webkit-animation-name: shakeX;
   animation-name: shakeX;
}

@-webkit-keyframes shakeY {
   0%, to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
   }
   20%, 40%, 60%, 80% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
   }
}
@-webkit-keyframes shakeY.go {
   0%, to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
   }
   20%, 40%, 60%, 80% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
   }
}
@keyframes shakeY.go {
   0%, to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
   }
   20%, 40%, 60%, 80% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
   }
}
.shakeY {
   -webkit-animation-name: shakeY;
   animation-name: shakeY;
}

@-webkit-keyframes headShake {
   0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
   6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translateX(-6px) rotateY(-9deg);
   }
   18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translateX(5px) rotateY(7deg);
   }
   31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translateX(-3px) rotateY(-5deg);
   }
   43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translateX(2px) rotateY(3deg);
   }
   50% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
}
@keyframes headShake {
   0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
   6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translateX(-6px) rotateY(-9deg);
   }
   18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translateX(5px) rotateY(7deg);
   }
   31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translateX(-3px) rotateY(-5deg);
   }
   43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translateX(2px) rotateY(3deg);
   }
   50% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
}
.headShake.go {
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-name: headShake;
   animation-name: headShake;
}

@-webkit-keyframes swing {
   20% {
      -webkit-transform: rotate(15deg);
      transform: rotate(15deg);
   }
   40% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
   }
   60% {
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg);
   }
   80% {
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg);
   }
   to {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }
}
@keyframes swing {
   20% {
      -webkit-transform: rotate(15deg);
      transform: rotate(15deg);
   }
   40% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
   }
   60% {
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg);
   }
   80% {
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg);
   }
   to {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }
}
.swing.go {
   -webkit-transform-origin: top center;
   transform-origin: top center;
   -webkit-animation-name: swing;
   animation-name: swing;
}

@-webkit-keyframes tada {
   0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
   10%, 20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
   }
   30%, 50%, 70%, 90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
   }
   40%, 60%, 80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
   }
   to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
}
@keyframes tada {
   0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
   10%, 20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
   }
   30%, 50%, 70%, 90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
   }
   40%, 60%, 80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
   }
   to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
}
.tada.go {
   -webkit-animation-name: tada;
   animation-name: tada;
}

@-webkit-keyframes wobble {
   0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
      transform: translate3d(-25%, 0, 0) rotate(-5deg);
   }
   30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
      transform: translate3d(20%, 0, 0) rotate(3deg);
   }
   45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
      transform: translate3d(-15%, 0, 0) rotate(-3deg);
   }
   60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
      transform: translate3d(10%, 0, 0) rotate(2deg);
   }
   75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
      transform: translate3d(-5%, 0, 0) rotate(-1deg);
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes wobble {
   0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
      transform: translate3d(-25%, 0, 0) rotate(-5deg);
   }
   30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
      transform: translate3d(20%, 0, 0) rotate(3deg);
   }
   45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
      transform: translate3d(-15%, 0, 0) rotate(-3deg);
   }
   60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
      transform: translate3d(10%, 0, 0) rotate(2deg);
   }
   75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
      transform: translate3d(-5%, 0, 0) rotate(-1deg);
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.wobble.go {
   -webkit-animation-name: wobble;
   animation-name: wobble;
}

@-webkit-keyframes jello {
   0%, 11.1%, to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg);
   }
   33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg);
   }
   44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg);
   }
   55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg);
   }
   66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
   }
   77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg);
   }
   88.8% {
      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
   }
}
@keyframes jello {
   0%, 11.1%, to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg);
   }
   33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg);
   }
   44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg);
   }
   55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg);
   }
   66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
   }
   77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg);
   }
   88.8% {
      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
   }
}
.jello.go {
   -webkit-animation-name: jello;
   animation-name: jello;
   -webkit-transform-origin: center;
   transform-origin: center;
}

@-webkit-keyframes heartBeat {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   14% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
   }
   28% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
   }
   70% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}
@keyframes heartBeat {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   14% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
   }
   28% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
   }
   70% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}
.heartBeat.go {
   -webkit-animation-name: heartBeat;
   animation-name: heartBeat;
   -webkit-animation-duration: 1.3s;
   animation-duration: 1.3s;
   -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
   animation-duration: calc(var(--animate-duration) * 1.3);
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
}

@-webkit-keyframes backInDown {
   0% {
      -webkit-transform: translateY(-1200px) scale(0.7);
      transform: translateY(-1200px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
@keyframes backInDown {
   0% {
      -webkit-transform: translateY(-1200px) scale(0.7);
      transform: translateY(-1200px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
.backInDown.go {
   -webkit-animation-name: backInDown;
   animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
   0% {
      -webkit-transform: translateX(-2000px) scale(0.7);
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
@keyframes backInLeft {
   0% {
      -webkit-transform: translateX(-2000px) scale(0.7);
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
.backInLeft.go {
   -webkit-animation-name: backInLeft;
   animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
   0% {
      -webkit-transform: translateX(2000px) scale(0.7);
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
@keyframes backInRight {
   0% {
      -webkit-transform: translateX(2000px) scale(0.7);
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
.backInRight.go {
   -webkit-animation-name: backInRight;
   animation-name: backInRight;
}

@-webkit-keyframes backInUp {
   0% {
      -webkit-transform: translateY(1200px) scale(0.7);
      transform: translateY(1200px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
@keyframes backInUp {
   0% {
      -webkit-transform: translateY(1200px) scale(0.7);
      transform: translateY(1200px) scale(0.7);
      opacity: 0.7;
   }
   80% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
.backInUp.go {
   -webkit-animation-name: backInUp;
   animation-name: backInUp;
}

@-webkit-keyframes backOutDown {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: translateY(700px) scale(0.7);
      transform: translateY(700px) scale(0.7);
      opacity: 0.7;
   }
}
@keyframes backOutDown {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: translateY(700px) scale(0.7);
      transform: translateY(700px) scale(0.7);
      opacity: 0.7;
   }
}
.backOutDown {
   -webkit-animation-name: backOutDown;
   animation-name: backOutDown;
}

@-webkit-keyframes backOutLeft {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: translateX(-2000px) scale(0.7);
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
   }
}
@keyframes backOutLeft {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: translateX(-2000px) scale(0.7);
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
   }
}
.backOutLeft {
   -webkit-animation-name: backOutLeft;
   animation-name: backOutLeft;
}

@-webkit-keyframes backOutRight {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: translateX(2000px) scale(0.7);
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
   }
}
@keyframes backOutRight {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: translateX(2000px) scale(0.7);
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
   }
}
.backOutRight {
   -webkit-animation-name: backOutRight;
   animation-name: backOutRight;
}

@-webkit-keyframes backOutUp {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: translateY(-700px) scale(0.7);
      transform: translateY(-700px) scale(0.7);
      opacity: 0.7;
   }
}
@keyframes backOutUp {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   20% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
   }
   to {
      -webkit-transform: translateY(-700px) scale(0.7);
      transform: translateY(-700px) scale(0.7);
      opacity: 0.7;
   }
}
.backOutUp {
   -webkit-animation-name: backOutUp;
   animation-name: backOutUp;
}

@-webkit-keyframes bounceIn {
   0%, 20%, 40%, 60%, 80%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }
   40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
   }
   80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
   }
   to {
      opacity: 1;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
}
@keyframes bounceIn {
   0%, 20%, 40%, 60%, 80%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }
   40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
   }
   80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
   }
   to {
      opacity: 1;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
   }
}
.bounceIn.go {
   -webkit-animation-duration: 0.75s;
   animation-duration: 0.75s;
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
   animation-duration: calc(var(--animate-duration) * 0.75);
   -webkit-animation-name: bounceIn;
   animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
   0%, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
      transform: translate3d(0, -3000px, 0) scaleY(3);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
      transform: translate3d(0, 25px, 0) scaleY(0.9);
   }
   75% {
      -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
      transform: translate3d(0, -10px, 0) scaleY(0.95);
   }
   90% {
      -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
      transform: translate3d(0, 5px, 0) scaleY(0.985);
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes bounceInDown {
   0%, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
      transform: translate3d(0, -3000px, 0) scaleY(3);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
      transform: translate3d(0, 25px, 0) scaleY(0.9);
   }
   75% {
      -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
      transform: translate3d(0, -10px, 0) scaleY(0.95);
   }
   90% {
      -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
      transform: translate3d(0, 5px, 0) scaleY(0.985);
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.bounceInDown.go {
   -webkit-animation-name: bounceInDown;
   animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
   0%, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
      transform: translate3d(-3000px, 0, 0) scaleX(3);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
      transform: translate3d(25px, 0, 0) scaleX(1);
   }
   75% {
      -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
   }
   90% {
      -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
      transform: translate3d(5px, 0, 0) scaleX(0.995);
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes bounceInLeft {
   0%, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
      transform: translate3d(-3000px, 0, 0) scaleX(3);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
      transform: translate3d(25px, 0, 0) scaleX(1);
   }
   75% {
      -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
   }
   90% {
      -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
      transform: translate3d(5px, 0, 0) scaleX(0.995);
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.bounceInLeft.go {
   -webkit-animation-name: bounceInLeft;
   animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
   0%, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
      transform: translate3d(3000px, 0, 0) scaleX(3);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
      transform: translate3d(-25px, 0, 0) scaleX(1);
   }
   75% {
      -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
      transform: translate3d(10px, 0, 0) scaleX(0.98);
   }
   90% {
      -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
      transform: translate3d(-5px, 0, 0) scaleX(0.995);
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes bounceInRight {
   0%, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
      transform: translate3d(3000px, 0, 0) scaleX(3);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
      transform: translate3d(-25px, 0, 0) scaleX(1);
   }
   75% {
      -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
      transform: translate3d(10px, 0, 0) scaleX(0.98);
   }
   90% {
      -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
      transform: translate3d(-5px, 0, 0) scaleX(0.995);
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.bounceInRight.go {
   -webkit-animation-name: bounceInRight;
   animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
   0%, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
      transform: translate3d(0, 3000px, 0) scaleY(5);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
   }
   75% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
      transform: translate3d(0, 10px, 0) scaleY(0.95);
   }
   90% {
      -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
      transform: translate3d(0, -5px, 0) scaleY(0.985);
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes bounceInUp {
   0%, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
      transform: translate3d(0, 3000px, 0) scaleY(5);
   }
   60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
   }
   75% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
      transform: translate3d(0, 10px, 0) scaleY(0.95);
   }
   90% {
      -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
      transform: translate3d(0, -5px, 0) scaleY(0.985);
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.bounceInUp.go {
   -webkit-animation-name: bounceInUp;
   animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
   20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }
   50%, 55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
}
@keyframes bounceOut {
   20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
   }
   50%, 55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
}
.bounceOut {
   -webkit-animation-duration: 0.75s;
   animation-duration: 0.75s;
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
   animation-duration: calc(var(--animate-duration) * 0.75);
   -webkit-animation-name: bounceOut;
   animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
   20% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
      transform: translate3d(0, 10px, 0) scaleY(0.985);
   }
   40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
      transform: translate3d(0, 2000px, 0) scaleY(3);
   }
}
@keyframes bounceOutDown {
   20% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
      transform: translate3d(0, 10px, 0) scaleY(0.985);
   }
   40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
      transform: translate3d(0, 2000px, 0) scaleY(3);
   }
}
.bounceOutDown {
   -webkit-animation-name: bounceOutDown;
   animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
   20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
      transform: translate3d(20px, 0, 0) scaleX(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
      transform: translate3d(-2000px, 0, 0) scaleX(2);
   }
}
@keyframes bounceOutLeft {
   20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
      transform: translate3d(20px, 0, 0) scaleX(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
      transform: translate3d(-2000px, 0, 0) scaleX(2);
   }
}
.bounceOutLeft {
   -webkit-animation-name: bounceOutLeft;
   animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
   20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
      transform: translate3d(-20px, 0, 0) scaleX(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
      transform: translate3d(2000px, 0, 0) scaleX(2);
   }
}
@keyframes bounceOutRight {
   20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
      transform: translate3d(-20px, 0, 0) scaleX(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
      transform: translate3d(2000px, 0, 0) scaleX(2);
   }
}
.bounceOutRight {
   -webkit-animation-name: bounceOutRight;
   animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
   20% {
      -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
      transform: translate3d(0, -10px, 0) scaleY(0.985);
   }
   40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
      transform: translate3d(0, 20px, 0) scaleY(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
      transform: translate3d(0, -2000px, 0) scaleY(3);
   }
}
@keyframes bounceOutUp {
   20% {
      -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
      transform: translate3d(0, -10px, 0) scaleY(0.985);
   }
   40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
      transform: translate3d(0, 20px, 0) scaleY(0.9);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
      transform: translate3d(0, -2000px, 0) scaleY(3);
   }
}
.bounceOutUp {
   -webkit-animation-name: bounceOutUp;
   animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
   0% {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}
@keyframes fadeIn {
   0% {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}
.fadeIn.go {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes fadeInDown {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.fadeInDown.go {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes fadeInDownBig {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.fadeInDownBig.go {
   -webkit-animation-name: fadeInDownBig;
   animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes fadeInLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.fadeInLeft.go {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes fadeInLeftBig {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.fadeInLeftBig.go {
   -webkit-animation-name: fadeInLeftBig;
   animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes fadeInRight {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.fadeInRight.go {
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes fadeInRightBig {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.fadeInRightBig.go {
   -webkit-animation-name: fadeInRightBig;
   animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes fadeInUp {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.fadeInUp.go {
   -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes fadeInUpBig {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.fadeInUpBig.go {
   -webkit-animation-name: fadeInUpBig;
   animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, -100%, 0);
      transform: translate3d(-100%, -100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes fadeInTopLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, -100%, 0);
      transform: translate3d(-100%, -100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.fadeInTopLeft.go {
   -webkit-animation-name: fadeInTopLeft;
   animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, -100%, 0);
      transform: translate3d(100%, -100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes fadeInTopRight {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, -100%, 0);
      transform: translate3d(100%, -100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.fadeInTopRight.go {
   -webkit-animation-name: fadeInTopRight;
   animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 100%, 0);
      transform: translate3d(-100%, 100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes fadeInBottomLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 100%, 0);
      transform: translate3d(-100%, 100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.fadeInBottomLeft.go {
   -webkit-animation-name: fadeInBottomLeft;
   animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 100%, 0);
      transform: translate3d(100%, 100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes fadeInBottomRight {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 100%, 0);
      transform: translate3d(100%, 100%, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.fadeInBottomRight.go {
   -webkit-animation-name: fadeInBottomRight;
   animation-name: fadeInBottomRight;
}

@-webkit-keyframes fadeOut {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
   }
}
@keyframes fadeOut {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
   }
}
.fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
}
@keyframes fadeOutDown {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
}
.fadeOutDown {
   -webkit-animation-name: fadeOutDown;
   animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }
}
@keyframes fadeOutDownBig {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
   }
}
.fadeOutDownBig {
   -webkit-animation-name: fadeOutDownBig;
   animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
}
@keyframes fadeOutLeft {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
}
.fadeOutLeft {
   -webkit-animation-name: fadeOutLeft;
   animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
   }
}
@keyframes fadeOutLeftBig {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
   }
}
.fadeOutLeftBig {
   -webkit-animation-name: fadeOutLeftBig;
   animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
}
@keyframes fadeOutRight {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
}
.fadeOutRight {
   -webkit-animation-name: fadeOutRight;
   animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
   }
}
@keyframes fadeOutRightBig {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
   }
}
.fadeOutRightBig {
   -webkit-animation-name: fadeOutRightBig;
   animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
}
@keyframes fadeOutUp {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
}
.fadeOutUp {
   -webkit-animation-name: fadeOutUp;
   animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }
}
@keyframes fadeOutUpBig {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
   }
}
.fadeOutUpBig {
   -webkit-animation-name: fadeOutUpBig;
   animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
   0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, -100%, 0);
      transform: translate3d(-100%, -100%, 0);
   }
}
@keyframes fadeOutTopLeft {
   0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, -100%, 0);
      transform: translate3d(-100%, -100%, 0);
   }
}
.fadeOutTopLeft {
   -webkit-animation-name: fadeOutTopLeft;
   animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
   0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, -100%, 0);
      transform: translate3d(100%, -100%, 0);
   }
}
@keyframes fadeOutTopRight {
   0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, -100%, 0);
      transform: translate3d(100%, -100%, 0);
   }
}
.fadeOutTopRight {
   -webkit-animation-name: fadeOutTopRight;
   animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
   0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 100%, 0);
      transform: translate3d(100%, 100%, 0);
   }
}
@keyframes fadeOutBottomRight {
   0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 100%, 0);
      transform: translate3d(100%, 100%, 0);
   }
}
.fadeOutBottomRight {
   -webkit-animation-name: fadeOutBottomRight;
   animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
   0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 100%, 0);
      transform: translate3d(-100%, 100%, 0);
   }
}
@keyframes fadeOutBottomLeft {
   0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 100%, 0);
      transform: translate3d(-100%, 100%, 0);
   }
}
.fadeOutBottomLeft {
   -webkit-animation-name: fadeOutBottomLeft;
   animation-name: fadeOutBottomLeft;
}

@-webkit-keyframes flip {
   0% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }
   40% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }
   50% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   to {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
}
@keyframes flip {
   0% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }
   40% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }
   50% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   to {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
}
.animated.flip.go {
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
   -webkit-animation-name: flip;
   animation-name: flip;
}

@-webkit-keyframes flipInX {
   0% {
      -webkit-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }
   40% {
      -webkit-transform: perspective(400px) rotateX(-20deg);
      transform: perspective(400px) rotateX(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   60% {
      -webkit-transform: perspective(400px) rotateX(10deg);
      transform: perspective(400px) rotateX(10deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: perspective(400px) rotateX(-5deg);
      transform: perspective(400px) rotateX(-5deg);
   }
   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}
@keyframes flipInX {
   0% {
      -webkit-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }
   40% {
      -webkit-transform: perspective(400px) rotateX(-20deg);
      transform: perspective(400px) rotateX(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   60% {
      -webkit-transform: perspective(400px) rotateX(10deg);
      transform: perspective(400px) rotateX(10deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: perspective(400px) rotateX(-5deg);
      transform: perspective(400px) rotateX(-5deg);
   }
   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}
.flipInX.go {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
   -webkit-animation-name: flipInX;
   animation-name: flipInX;
}

@-webkit-keyframes flipInY {
   0% {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }
   40% {
      -webkit-transform: perspective(400px) rotateY(-20deg);
      transform: perspective(400px) rotateY(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   60% {
      -webkit-transform: perspective(400px) rotateY(10deg);
      transform: perspective(400px) rotateY(10deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: perspective(400px) rotateY(-5deg);
      transform: perspective(400px) rotateY(-5deg);
   }
   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}
@keyframes flipInY {
   0% {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
   }
   40% {
      -webkit-transform: perspective(400px) rotateY(-20deg);
      transform: perspective(400px) rotateY(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   60% {
      -webkit-transform: perspective(400px) rotateY(10deg);
      transform: perspective(400px) rotateY(10deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: perspective(400px) rotateY(-5deg);
      transform: perspective(400px) rotateY(-5deg);
   }
   to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
}
.flipInY.go {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
   -webkit-animation-name: flipInY;
   animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
   0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
   30% {
      -webkit-transform: perspective(400px) rotateX(-20deg);
      transform: perspective(400px) rotateX(-20deg);
      opacity: 1;
   }
   to {
      -webkit-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      opacity: 0;
   }
}
@keyframes flipOutX {
   0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
   30% {
      -webkit-transform: perspective(400px) rotateX(-20deg);
      transform: perspective(400px) rotateX(-20deg);
      opacity: 1;
   }
   to {
      -webkit-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      opacity: 0;
   }
}
.flipOutX {
   -webkit-animation-duration: 0.75s;
   animation-duration: 0.75s;
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
   animation-duration: calc(var(--animate-duration) * 0.75);
   -webkit-animation-name: flipOutX;
   animation-name: flipOutX;
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
   0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
   30% {
      -webkit-transform: perspective(400px) rotateY(-15deg);
      transform: perspective(400px) rotateY(-15deg);
      opacity: 1;
   }
   to {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      opacity: 0;
   }
}
@keyframes flipOutY {
   0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
   }
   30% {
      -webkit-transform: perspective(400px) rotateY(-15deg);
      transform: perspective(400px) rotateY(-15deg);
      opacity: 1;
   }
   to {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      opacity: 0;
   }
}
.flipOutY {
   -webkit-animation-duration: 0.75s;
   animation-duration: 0.75s;
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
   animation-duration: calc(var(--animate-duration) * 0.75);
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
   -webkit-animation-name: flipOutY;
   animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedInRight {
   0% {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
   }
   60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes lightSpeedInRight {
   0% {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
   }
   60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.lightSpeedInRight.go {
   -webkit-animation-name: lightSpeedInRight;
   animation-name: lightSpeedInRight;
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
   0% {
      -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
      transform: translate3d(-100%, 0, 0) skewX(30deg);
      opacity: 0;
   }
   60% {
      -webkit-transform: skewX(-20deg);
      transform: skewX(-20deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: skewX(5deg);
      transform: skewX(5deg);
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes lightSpeedInLeft {
   0% {
      -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
      transform: translate3d(-100%, 0, 0) skewX(30deg);
      opacity: 0;
   }
   60% {
      -webkit-transform: skewX(-20deg);
      transform: skewX(-20deg);
      opacity: 1;
   }
   80% {
      -webkit-transform: skewX(5deg);
      transform: skewX(5deg);
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.lightSpeedInLeft.go {
   -webkit-animation-name: lightSpeedInLeft;
   animation-name: lightSpeedInLeft;
   -webkit-animation-timing-function: ease-out;
   animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
   0% {
      opacity: 1;
   }
   to {
      -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0;
   }
}
@keyframes lightSpeedOutRight {
   0% {
      opacity: 1;
   }
   to {
      -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0;
   }
}
.lightSpeedOutRight {
   -webkit-animation-name: lightSpeedOutRight;
   animation-name: lightSpeedOutRight;
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
   0% {
      opacity: 1;
   }
   to {
      -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
      transform: translate3d(-100%, 0, 0) skewX(-30deg);
      opacity: 0;
   }
}
@keyframes lightSpeedOutLeft {
   0% {
      opacity: 1;
   }
   to {
      -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
      transform: translate3d(-100%, 0, 0) skewX(-30deg);
      opacity: 0;
   }
}
.lightSpeedOutLeft {
   -webkit-animation-name: lightSpeedOutLeft;
   animation-name: lightSpeedOutLeft;
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
   0% {
      -webkit-transform: rotate(-200deg);
      transform: rotate(-200deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
   }
}
@keyframes rotateIn {
   0% {
      -webkit-transform: rotate(-200deg);
      transform: rotate(-200deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
   }
}
.rotateIn.go {
   -webkit-animation-name: rotateIn;
   animation-name: rotateIn;
   -webkit-transform-origin: center;
   transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
   0% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
   }
}
@keyframes rotateInDownLeft {
   0% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
   }
}
.rotateInDownLeft.go {
   -webkit-animation-name: rotateInDownLeft;
   animation-name: rotateInDownLeft;
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
   0% {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
   }
}
@keyframes rotateInDownRight {
   0% {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
   }
}
.rotateInDownRight.go {
   -webkit-animation-name: rotateInDownRight;
   animation-name: rotateInDownRight;
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
   0% {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
   }
}
@keyframes rotateInUpLeft {
   0% {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
   }
}
.rotateInUpLeft.go {
   -webkit-animation-name: rotateInUpLeft;
   animation-name: rotateInUpLeft;
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
   0% {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
   }
}
@keyframes rotateInUpRight {
   0% {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
   }
}
.rotateInUpRight.go {
   -webkit-animation-name: rotateInUpRight;
   animation-name: rotateInUpRight;
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
}

@-webkit-keyframes rotateOut {
   0% {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate(200deg);
      transform: rotate(200deg);
      opacity: 0;
   }
}
@keyframes rotateOut {
   0% {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate(200deg);
      transform: rotate(200deg);
      opacity: 0;
   }
}
.rotateOut {
   -webkit-animation-name: rotateOut;
   animation-name: rotateOut;
   -webkit-transform-origin: center;
   transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
   0% {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      opacity: 0;
   }
}
@keyframes rotateOutDownLeft {
   0% {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      opacity: 0;
   }
}
.rotateOutDownLeft {
   -webkit-animation-name: rotateOutDownLeft;
   animation-name: rotateOutDownLeft;
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
   0% {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      opacity: 0;
   }
}
@keyframes rotateOutDownRight {
   0% {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      opacity: 0;
   }
}
.rotateOutDownRight {
   -webkit-animation-name: rotateOutDownRight;
   animation-name: rotateOutDownRight;
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
   0% {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      opacity: 0;
   }
}
@keyframes rotateOutUpLeft {
   0% {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      opacity: 0;
   }
}
.rotateOutUpLeft {
   -webkit-animation-name: rotateOutUpLeft;
   animation-name: rotateOutUpLeft;
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
   0% {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0;
   }
}
@keyframes rotateOutUpRight {
   0% {
      opacity: 1;
   }
   to {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0;
   }
}
.rotateOutUpRight {
   -webkit-animation-name: rotateOutUpRight;
   animation-name: rotateOutUpRight;
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom;
}

@-webkit-keyframes hinge {
   0% {
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
   }
   20%, 60% {
      -webkit-transform: rotate(80deg);
      transform: rotate(80deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
   }
   40%, 80% {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1;
   }
   to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0;
   }
}
@keyframes hinge {
   0% {
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
   }
   20%, 60% {
      -webkit-transform: rotate(80deg);
      transform: rotate(80deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
   }
   40%, 80% {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1;
   }
   to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0;
   }
}
.hinge.go {
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
   -webkit-animation-duration: calc(var(--animate-duration) * 2);
   animation-duration: calc(var(--animate-duration) * 2);
   -webkit-animation-name: hinge;
   animation-name: hinge;
   -webkit-transform-origin: top left;
   transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
   0% {
      opacity: 0;
      -webkit-transform: scale(0.1) rotate(30deg);
      transform: scale(0.1) rotate(30deg);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
   }
   50% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
   }
   70% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg);
   }
   to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}
@keyframes jackInTheBox {
   0% {
      opacity: 0;
      -webkit-transform: scale(0.1) rotate(30deg);
      transform: scale(0.1) rotate(30deg);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
   }
   50% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
   }
   70% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg);
   }
   to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}
.jackInTheBox.go {
   -webkit-animation-name: jackInTheBox;
   animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
      transform: translate3d(-100%, 0, 0) rotate(-120deg);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes rollIn {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
      transform: translate3d(-100%, 0, 0) rotate(-120deg);
   }
   to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.rollIn.go {
   -webkit-animation-name: rollIn;
   animation-name: rollIn;
}

@-webkit-keyframes rollOut {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
      transform: translate3d(100%, 0, 0) rotate(120deg);
   }
}
@keyframes rollOut {
   0% {
      opacity: 1;
   }
   to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
      transform: translate3d(100%, 0, 0) rotate(120deg);
   }
}
.rollOut.go {
   -webkit-animation-name: rollOut;
   animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   50% {
      opacity: 1;
   }
}
@keyframes zoomIn {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   50% {
      opacity: 1;
   }
}
.zoomIn.go {
   -webkit-animation-name: zoomIn;
   animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
@keyframes zoomInDown {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
.zoomInDown.go {
   -webkit-animation-name: zoomInDown;
   animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
@keyframes zoomInLeft {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
.zoomInLeft.go {
   -webkit-animation-name: zoomInLeft;
   animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
@keyframes zoomInRight {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
.zoomInRight.go {
   -webkit-animation-name: zoomInRight;
   animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
@keyframes zoomInUp {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
.zoomInUp.go {
   -webkit-animation-name: zoomInUp;
   animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
   0% {
      opacity: 1;
   }
   50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   to {
      opacity: 0;
   }
}
@keyframes zoomOut {
   0% {
      opacity: 1;
   }
   50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
   to {
      opacity: 0;
   }
}
.zoomOut.go {
   -webkit-animation-name: zoomOut;
   animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
@keyframes zoomOutDown {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
.zoomOutDown {
   -webkit-animation-name: zoomOutDown;
   animation-name: zoomOutDown;
   -webkit-transform-origin: center bottom;
   transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
   }
}
@keyframes zoomOutLeft {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
   }
}
.zoomOutLeft {
   -webkit-animation-name: zoomOutLeft;
   animation-name: zoomOutLeft;
   -webkit-transform-origin: left center;
   transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
   }
}
@keyframes zoomOutRight {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
   }
   to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
   }
}
.zoomOutRight {
   -webkit-animation-name: zoomOutRight;
   animation-name: zoomOutRight;
   -webkit-transform-origin: right center;
   transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
@keyframes zoomOutUp {
   40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }
   to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
}
.zoomOutUp {
   -webkit-animation-name: zoomOutUp;
   animation-name: zoomOutUp;
   -webkit-transform-origin: center bottom;
   transform-origin: center bottom;
}

@-webkit-keyframes slideInDown {
   0% {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes slideInDown {
   0% {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.slideInDown.go {
   -webkit-animation-name: slideInDown;
   animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
   0% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes slideInLeft {
   0% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.slideInLeft.go {
   -webkit-animation-name: slideInLeft;
   animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
   0% {
      -webkit-transform: translate3d(200vw, 0, 0);
      transform: translate3d(200vw, 0, 0);
      visibility: hidden;
      opacity: 0;
   }
   10% {
      visibility: visible;
   }
   50% {
      opacity: 1;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
   }
}
@keyframes slideInRight {
   0% {
      -webkit-transform: translate3d(200vw, 0, 0);
      transform: translate3d(200vw, 0, 0);
      visibility: hidden;
      opacity: 0;
   }
   10% {
      visibility: visible;
   }
   50% {
      opacity: 1;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.slideInRight.go {
   -webkit-animation-name: slideInRight;
   animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
   0% {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@keyframes slideInUp {
   0% {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
}
.slideInUp.go {
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
   0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
}
@keyframes slideOutDown {
   0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
}
.slideOutDown {
   -webkit-animation-name: slideOutDown;
   animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
   0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
}
@keyframes slideOutLeft {
   0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
}
.slideOutLeft {
   -webkit-animation-name: slideOutLeft;
   animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
   0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
}
@keyframes slideOutRight {
   0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
}
.slideOutRight {
   -webkit-animation-name: slideOutRight;
   animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
   0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
}
@keyframes slideOutUp {
   0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
}
.slideOutUp {
   -webkit-animation-name: slideOutUp;
   animation-name: slideOutUp;
}

.social_buttons {
   position: relative;
   text-align: center;
}

.shariff_socials {
   margin-top: 30px;
}

.shariff {
   display: block;
   clear: none;
   float: none;
   width: auto;
}
.shariff ul {
   display: inline-block;
   width: auto;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
}
.shariff li .fab, .shariff li .far, .shariff li .fas {
   width: 30px;
   line-height: 30px !important;
   height: 30px;
}
.shariff a {
   color: #fff;
   text-decoration: none;
}
.shariff .orientation-horizontal {
   width: inherit;
}
.shariff .info a {
   color: rgb(93.5, 93.5, 93.5);
   background-color: #fff;
}

#footer .shariff {
   display: inline-block;
}
#footer .shariff .fab, #footer .shariff .far, #footer .shariff .fas {
   display: block;
}
#footer .shariff .orientation-horizontal {
   display: block !important;
}
#footer .shariff .orientation-horizontal li {
   margin-right: 10px;
   width: 30px;
   height: 34px;
   min-width: 30px;
}
#footer .shariff .orientation-horizontal li a {
   color: #fff !important;
   border-radius: 3px;
   text-decoration: none;
}
#footer .shariff .orientation-horizontal li.info a {
   color: #333 !important;
   background-color: #fff;
}
#footer .shariff .orientation-horizontal li.info .fa-info {
   width: 27px;
}

@font-face {
   font-family: "open sans";
   src: url("fonts/opensans-regular-webfont.woff2") format("woff2"), url("fonts/opensans-regular-webfont.woff") format("woff");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "OpenSansLight";
   src: url("fonts/OpenSansLight.eot");
   src: url("fonts/OpenSansLight.eot") format("embedded-opentype"), url("fonts/OpenSansLight.woff2") format("woff2"), url("fonts/OpenSansLight.woff") format("woff"), url("fonts/OpenSansLight.ttf") format("truetype"), url("fonts/OpenSansLight.svg#OpenSansLight") format("svg");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "MeriendaOneRegular";
   src: url("fonts/MeriendaOneRegular.eot");
   src: url("fonts/MeriendaOneRegular.eot") format("embedded-opentype"), url("fonts/MeriendaOneRegular.woff2") format("woff2"), url("fonts/MeriendaOneRegular.woff") format("woff"), url("fonts/MeriendaOneRegular.ttf") format("truetype"), url("fonts/MeriendaOneRegular.svg#MeriendaOneRegular") format("svg");
}
/* Noto Serif */
@font-face {
   font-family: "NotoSerifRegular";
   src: url("fonts/NotoSerifRegular.woff2") format("woff2"), url("fonts/NotoSerifRegular.woff") format("woff"), url("fonts/NotoSerifRegular.ttf") format("truetype");
}
@font-face {
   font-family: "NotoSans-Regular";
   src: url("fonts/NotoSans-Regular.woff2") format("woff2"), url("fonts/NotoSans-Regular.woff") format("woff"), url("fonts/NotoSans-Regular.ttf") format("truetype");
}
@font-face {
   font-family: "JosefinSansRegular";
   src: url("fonts/JosefinSansRegular.eot");
   src: url("fonts/JosefinSansRegular.eot") format("embedded-opentype"), url("fonts/JosefinSansRegular.woff2") format("woff2"), url("fonts/JosefinSansRegular.woff") format("woff"), url("fonts/JosefinSansRegular.ttf") format("truetype"), url("fonts/JosefinSansRegular.svg#JosefinSansRegular") format("svg");
}
@font-face {
   font-family: "CinzelDecorativeRegular";
   src: url("fonts/CinzelDecorativeRegular.eot");
   src: url("fonts/CinzelDecorativeRegular.eot") format("embedded-opentype"), url("fonts/CinzelDecorativeRegular.woff2") format("woff2"), url("fonts/CinzelDecorativeRegular.woff") format("woff"), url("fonts/CinzelDecorativeRegular.ttf") format("truetype"), url("fonts/CinzelDecorativeRegular.svg#CinzelDecorativeRegular") format("svg");
}
/*!
 * Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
   font-family: "FontAwesome";
   src: url("../webfonts/fa-solid-900.eot?v=5.8.1");
   src: url("../webfonts/fa-solid-900.eot?#iefix&v=5.8.1") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2?v=5.8.1") format("woff2"), url("../webfonts/fa-solid-900.woff?v=5.8.1") format("woff"), url("../webfonts/fa-solid-900.ttf?v=5.8.1") format("truetype"), url("../webfonts/fa-solid-900.svg?v=5.8.1#fontawesomeregular") format("svg");
   font-weight: normal;
   font-style: normal;
}
.fa,
.fas,
.far,
.fal,
.fab {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
}

.fa-lg {
   font-size: 1.33333em;
   line-height: 0.75em;
   vertical-align: -0.0667em;
}

.fa-xs {
   font-size: 0.75em;
}

.fa-sm {
   font-size: 0.875em;
}

.fa-1x {
   font-size: 1em;
}

.fa-2x {
   font-size: 2em;
}

.fa-3x {
   font-size: 3em;
}

.fa-4x {
   font-size: 4em;
}

.fa-5x {
   font-size: 5em;
}

.fa-6x {
   font-size: 6em;
}

.fa-7x {
   font-size: 7em;
}

.fa-8x {
   font-size: 8em;
}

.fa-9x {
   font-size: 9em;
}

.fa-10x {
   font-size: 10em;
}

.fa-fw {
   text-align: center;
   width: 1.25em;
}

.fa-ul {
   list-style-type: none;
   margin-left: 2.5em;
   padding-left: 0;
}

.fa-ul > li {
   position: relative;
}

.fa-li {
   left: -2em;
   position: absolute;
   text-align: center;
   width: 2em;
   line-height: inherit;
}

.fa-border {
   border: solid 0.08em #eee;
   border-radius: 0.1em;
   padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
   float: left;
}

.fa-pull-right {
   float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
   margin-right: 0.3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
   margin-left: 0.3em;
}

.fa-spin {
   -webkit-animation: fa-spin 2s infinite linear;
   animation: fa-spin 2s infinite linear;
}

.fa-pulse {
   -webkit-animation: fa-spin 1s infinite steps(8);
   animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }
   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}
@keyframes fa-spin {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }
   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}
.fa-rotate-90 {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
}

.fa-rotate-180 {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}

.fa-rotate-270 {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
   -webkit-transform: rotate(270deg);
   transform: rotate(270deg);
}

.fa-flip-horizontal {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
   -webkit-transform: scale(-1, 1);
   transform: scale(-1, 1);
}

.fa-flip-vertical {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
   -webkit-transform: scale(1, -1);
   transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
   -webkit-transform: scale(-1, -1);
   transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
   -webkit-filter: none;
   filter: none;
}

.fa-stack {
   display: inline-block;
   height: 2em;
   line-height: 2em;
   position: relative;
   vertical-align: middle;
   width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
   left: 0;
   position: absolute;
   text-align: center;
   width: 100%;
}

.fa-stack-1x {
   line-height: inherit;
}

.fa-stack-2x {
   font-size: 2em;
}

.fa-inverse {
   color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
   content: "\f26e";
}

.fa-accessible-icon:before {
   content: "\f368";
}

.fa-accusoft:before {
   content: "\f369";
}

.fa-acquisitions-incorporated:before {
   content: "\f6af";
}

.fa-ad:before {
   content: "\f641";
}

.fa-address-book:before {
   content: "\f2b9";
}

.fa-address-card:before {
   content: "\f2bb";
}

.fa-adjust:before {
   content: "\f042";
}

.fa-adn:before {
   content: "\f170";
}

.fa-adobe:before {
   content: "\f778";
}

.fa-adversal:before {
   content: "\f36a";
}

.fa-affiliatetheme:before {
   content: "\f36b";
}

.fa-air-freshener:before {
   content: "\f5d0";
}

.fa-airbnb:before {
   content: "\f834";
}

.fa-algolia:before {
   content: "\f36c";
}

.fa-align-center:before {
   content: "\f037";
}

.fa-align-justify:before {
   content: "\f039";
}

.fa-align-left:before {
   content: "\f036";
}

.fa-align-right:before {
   content: "\f038";
}

.fa-alipay:before {
   content: "\f642";
}

.fa-allergies:before {
   content: "\f461";
}

.fa-amazon:before {
   content: "\f270";
}

.fa-amazon-pay:before {
   content: "\f42c";
}

.fa-ambulance:before {
   content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
   content: "\f2a3";
}

.fa-amilia:before {
   content: "\f36d";
}

.fa-anchor:before {
   content: "\f13d";
}

.fa-android:before {
   content: "\f17b";
}

.fa-angellist:before {
   content: "\f209";
}

.fa-angle-double-down:before {
   content: "\f103";
}

.fa-angle-double-left:before {
   content: "\f100";
}

.fa-angle-double-right:before {
   content: "\f101";
}

.fa-angle-double-up:before {
   content: "\f102";
}

.fa-angle-down:before {
   content: "\f107";
}

.fa-angle-left:before {
   content: "\f104";
}

.fa-angle-right:before {
   content: "\f105";
}

.fa-angle-up:before {
   content: "\f106";
}

.fa-angry:before {
   content: "\f556";
}

.fa-angrycreative:before {
   content: "\f36e";
}

.fa-angular:before {
   content: "\f420";
}

.fa-ankh:before {
   content: "\f644";
}

.fa-app-store:before {
   content: "\f36f";
}

.fa-app-store-ios:before {
   content: "\f370";
}

.fa-apper:before {
   content: "\f371";
}

.fa-apple:before {
   content: "\f179";
}

.fa-apple-alt:before {
   content: "\f5d1";
}

.fa-apple-pay:before {
   content: "\f415";
}

.fa-archive:before {
   content: "\f187";
}

.fa-archway:before {
   content: "\f557";
}

.fa-arrow-alt-circle-down:before {
   content: "\f358";
}

.fa-arrow-alt-circle-left:before {
   content: "\f359";
}

.fa-arrow-alt-circle-right:before {
   content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
   content: "\f35b";
}

.fa-arrow-circle-down:before {
   content: "\f0ab";
}

.fa-arrow-circle-left:before {
   content: "\f0a8";
}

.fa-arrow-circle-right:before {
   content: "\f0a9";
}

.fa-arrow-circle-up:before {
   content: "\f0aa";
}

.fa-arrow-down:before {
   content: "\f063";
}

.fa-arrow-left:before {
   content: "\f060";
}

.fa-arrow-right:before {
   content: "\f061";
}

.fa-arrow-up:before {
   content: "\f062";
}

.fa-arrows-alt:before {
   content: "\f0b2";
}

.fa-arrows-alt-h:before {
   content: "\f337";
}

.fa-arrows-alt-v:before {
   content: "\f338";
}

.fa-artstation:before {
   content: "\f77a";
}

.fa-assistive-listening-systems:before {
   content: "\f2a2";
}

.fa-asterisk:before {
   content: "\f069";
}

.fa-asymmetrik:before {
   content: "\f372";
}

.fa-at:before {
   content: "\f1fa";
}

.fa-atlas:before {
   content: "\f558";
}

.fa-atlassian:before {
   content: "\f77b";
}

.fa-atom:before {
   content: "\f5d2";
}

.fa-audible:before {
   content: "\f373";
}

.fa-audio-description:before {
   content: "\f29e";
}

.fa-autoprefixer:before {
   content: "\f41c";
}

.fa-avianex:before {
   content: "\f374";
}

.fa-aviato:before {
   content: "\f421";
}

.fa-award:before {
   content: "\f559";
}

.fa-aws:before {
   content: "\f375";
}

.fa-baby:before {
   content: "\f77c";
}

.fa-baby-carriage:before {
   content: "\f77d";
}

.fa-backspace:before {
   content: "\f55a";
}

.fa-backward:before {
   content: "\f04a";
}

.fa-bacon:before {
   content: "\f7e5";
}

.fa-balance-scale:before {
   content: "\f24e";
}

.fa-ban:before {
   content: "\f05e";
}

.fa-band-aid:before {
   content: "\f462";
}

.fa-bandcamp:before {
   content: "\f2d5";
}

.fa-barcode:before {
   content: "\f02a";
}

.fa-bars:before {
   content: "\f0c9";
}

.fa-baseball-ball:before {
   content: "\f433";
}

.fa-basketball-ball:before {
   content: "\f434";
}

.fa-bath:before {
   content: "\f2cd";
}

.fa-battery-empty:before {
   content: "\f244";
}

.fa-battery-full:before {
   content: "\f240";
}

.fa-battery-half:before {
   content: "\f242";
}

.fa-battery-quarter:before {
   content: "\f243";
}

.fa-battery-three-quarters:before {
   content: "\f241";
}

.fa-battle-net:before {
   content: "\f835";
}

.fa-bed:before {
   content: "\f236";
}

.fa-beer:before {
   content: "\f0fc";
}

.fa-behance:before {
   content: "\f1b4";
}

.fa-behance-square:before {
   content: "\f1b5";
}

.fa-bell:before {
   content: "\f0f3";
}

.fa-bell-slash:before {
   content: "\f1f6";
}

.fa-bezier-curve:before {
   content: "\f55b";
}

.fa-bible:before {
   content: "\f647";
}

.fa-bicycle:before {
   content: "\f206";
}

.fa-bimobject:before {
   content: "\f378";
}

.fa-binoculars:before {
   content: "\f1e5";
}

.fa-biohazard:before {
   content: "\f780";
}

.fa-birthday-cake:before {
   content: "\f1fd";
}

.fa-bitbucket:before {
   content: "\f171";
}

.fa-bitcoin:before {
   content: "\f379";
}

.fa-bity:before {
   content: "\f37a";
}

.fa-black-tie:before {
   content: "\f27e";
}

.fa-blackberry:before {
   content: "\f37b";
}

.fa-blender:before {
   content: "\f517";
}

.fa-blender-phone:before {
   content: "\f6b6";
}

.fa-blind:before {
   content: "\f29d";
}

.fa-blog:before {
   content: "\f781";
}

.fa-blogger:before {
   content: "\f37c";
}

.fa-blogger-b:before {
   content: "\f37d";
}

.fa-bluetooth:before {
   content: "\f293";
}

.fa-bluetooth-b:before {
   content: "\f294";
}

.fa-bold:before {
   content: "\f032";
}

.fa-bolt:before {
   content: "\f0e7";
}

.fa-bomb:before {
   content: "\f1e2";
}

.fa-bone:before {
   content: "\f5d7";
}

.fa-bong:before {
   content: "\f55c";
}

.fa-book:before {
   content: "\f02d";
}

.fa-book-dead:before {
   content: "\f6b7";
}

.fa-book-medical:before {
   content: "\f7e6";
}

.fa-book-open:before {
   content: "\f518";
}

.fa-book-reader:before {
   content: "\f5da";
}

.fa-bookmark:before {
   content: "\f02e";
}

.fa-bootstrap:before {
   content: "\f836";
}

.fa-bowling-ball:before {
   content: "\f436";
}

.fa-box:before {
   content: "\f466";
}

.fa-box-open:before {
   content: "\f49e";
}

.fa-boxes:before {
   content: "\f468";
}

.fa-braille:before {
   content: "\f2a1";
}

.fa-brain:before {
   content: "\f5dc";
}

.fa-bread-slice:before {
   content: "\f7ec";
}

.fa-briefcase:before {
   content: "\f0b1";
}

.fa-briefcase-medical:before {
   content: "\f469";
}

.fa-broadcast-tower:before {
   content: "\f519";
}

.fa-broom:before {
   content: "\f51a";
}

.fa-brush:before {
   content: "\f55d";
}

.fa-btc:before {
   content: "\f15a";
}

.fa-buffer:before {
   content: "\f837";
}

.fa-bug:before {
   content: "\f188";
}

.fa-building:before {
   content: "\f1ad";
}

.fa-bullhorn:before {
   content: "\f0a1";
}

.fa-bullseye:before {
   content: "\f140";
}

.fa-burn:before {
   content: "\f46a";
}

.fa-buromobelexperte:before {
   content: "\f37f";
}

.fa-bus:before {
   content: "\f207";
}

.fa-bus-alt:before {
   content: "\f55e";
}

.fa-business-time:before {
   content: "\f64a";
}

.fa-buysellads:before {
   content: "\f20d";
}

.fa-calculator:before {
   content: "\f1ec";
}

.fa-calendar:before {
   content: "\f133";
}

.fa-calendar-alt:before {
   content: "\f073";
}

.fa-calendar-check:before {
   content: "\f274";
}

.fa-calendar-day:before {
   content: "\f783";
}

.fa-calendar-minus:before {
   content: "\f272";
}

.fa-calendar-plus:before {
   content: "\f271";
}

.fa-calendar-times:before {
   content: "\f273";
}

.fa-calendar-week:before {
   content: "\f784";
}

.fa-camera:before {
   content: "\f030";
}

.fa-camera-retro:before {
   content: "\f083";
}

.fa-campground:before {
   content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
   content: "\f785";
}

.fa-candy-cane:before {
   content: "\f786";
}

.fa-cannabis:before {
   content: "\f55f";
}

.fa-capsules:before {
   content: "\f46b";
}

.fa-car:before {
   content: "\f1b9";
}

.fa-car-alt:before {
   content: "\f5de";
}

.fa-car-battery:before {
   content: "\f5df";
}

.fa-car-crash:before {
   content: "\f5e1";
}

.fa-car-side:before {
   content: "\f5e4";
}

.fa-caret-down:before {
   content: "\f0d7";
}

.fa-caret-left:before {
   content: "\f0d9";
}

.fa-caret-right:before {
   content: "\f0da";
}

.fa-caret-square-down:before {
   content: "\f150";
}

.fa-caret-square-left:before {
   content: "\f191";
}

.fa-caret-square-right:before {
   content: "\f152";
}

.fa-caret-square-up:before {
   content: "\f151";
}

.fa-caret-up:before {
   content: "\f0d8";
}

.fa-carrot:before {
   content: "\f787";
}

.fa-cart-arrow-down:before {
   content: "\f218";
}

.fa-cart-plus:before {
   content: "\f217";
}

.fa-cash-register:before {
   content: "\f788";
}

.fa-cat:before {
   content: "\f6be";
}

.fa-cc-amazon-pay:before {
   content: "\f42d";
}

.fa-cc-amex:before {
   content: "\f1f3";
}

.fa-cc-apple-pay:before {
   content: "\f416";
}

.fa-cc-diners-club:before {
   content: "\f24c";
}

.fa-cc-discover:before {
   content: "\f1f2";
}

.fa-cc-jcb:before {
   content: "\f24b";
}

.fa-cc-mastercard:before {
   content: "\f1f1";
}

.fa-cc-paypal:before {
   content: "\f1f4";
}

.fa-cc-stripe:before {
   content: "\f1f5";
}

.fa-cc-visa:before {
   content: "\f1f0";
}

.fa-centercode:before {
   content: "\f380";
}

.fa-centos:before {
   content: "\f789";
}

.fa-certificate:before {
   content: "\f0a3";
}

.fa-chair:before {
   content: "\f6c0";
}

.fa-chalkboard:before {
   content: "\f51b";
}

.fa-chalkboard-teacher:before {
   content: "\f51c";
}

.fa-charging-station:before {
   content: "\f5e7";
}

.fa-chart-area:before {
   content: "\f1fe";
}

.fa-chart-bar:before {
   content: "\f080";
}

.fa-chart-line:before {
   content: "\f201";
}

.fa-chart-pie:before {
   content: "\f200";
}

.fa-check:before {
   content: "\f00c";
}

.fa-check-circle:before {
   content: "\f058";
}

.fa-check-double:before {
   content: "\f560";
}

.fa-check-square:before {
   content: "\f14a";
}

.fa-cheese:before {
   content: "\f7ef";
}

.fa-chess:before {
   content: "\f439";
}

.fa-chess-bishop:before {
   content: "\f43a";
}

.fa-chess-board:before {
   content: "\f43c";
}

.fa-chess-king:before {
   content: "\f43f";
}

.fa-chess-knight:before {
   content: "\f441";
}

.fa-chess-pawn:before {
   content: "\f443";
}

.fa-chess-queen:before {
   content: "\f445";
}

.fa-chess-rook:before {
   content: "\f447";
}

.fa-chevron-circle-down:before {
   content: "\f13a";
}

.fa-chevron-circle-left:before {
   content: "\f137";
}

.fa-chevron-circle-right:before {
   content: "\f138";
}

.fa-chevron-circle-up:before {
   content: "\f139";
}

.fa-chevron-down:before {
   content: "\f078";
}

.fa-chevron-left:before {
   content: "\f053";
}

.fa-chevron-right:before {
   content: "\f054";
}

.fa-chevron-up:before {
   content: "\f077";
}

.fa-child:before {
   content: "\f1ae";
}

.fa-chrome:before {
   content: "\f268";
}

.fa-chromecast:before {
   content: "\f838";
}

.fa-church:before {
   content: "\f51d";
}

.fa-circle:before {
   content: "\f111";
}

.fa-circle-notch:before {
   content: "\f1ce";
}

.fa-city:before {
   content: "\f64f";
}

.fa-clinic-medical:before {
   content: "\f7f2";
}

.fa-clipboard:before {
   content: "\f328";
}

.fa-clipboard-check:before {
   content: "\f46c";
}

.fa-clipboard-list:before {
   content: "\f46d";
}

.fa-clock:before {
   content: "\f017";
}

.fa-clone:before {
   content: "\f24d";
}

.fa-closed-captioning:before {
   content: "\f20a";
}

.fa-cloud:before {
   content: "\f0c2";
}

.fa-cloud-download-alt:before {
   content: "\f381";
}

.fa-cloud-meatball:before {
   content: "\f73b";
}

.fa-cloud-moon:before {
   content: "\f6c3";
}

.fa-cloud-moon-rain:before {
   content: "\f73c";
}

.fa-cloud-rain:before {
   content: "\f73d";
}

.fa-cloud-showers-heavy:before {
   content: "\f740";
}

.fa-cloud-sun:before {
   content: "\f6c4";
}

.fa-cloud-sun-rain:before {
   content: "\f743";
}

.fa-cloud-upload-alt:before {
   content: "\f382";
}

.fa-cloudscale:before {
   content: "\f383";
}

.fa-cloudsmith:before {
   content: "\f384";
}

.fa-cloudversify:before {
   content: "\f385";
}

.fa-cocktail:before {
   content: "\f561";
}

.fa-code:before {
   content: "\f121";
}

.fa-code-branch:before {
   content: "\f126";
}

.fa-codepen:before {
   content: "\f1cb";
}

.fa-codiepie:before {
   content: "\f284";
}

.fa-coffee:before {
   content: "\f0f4";
}

.fa-cog:before {
   content: "\f013";
}

.fa-cogs:before {
   content: "\f085";
}

.fa-coins:before {
   content: "\f51e";
}

.fa-columns:before {
   content: "\f0db";
}

.fa-comment:before {
   content: "\f075";
}

.fa-comment-alt:before {
   content: "\f27a";
}

.fa-comment-dollar:before {
   content: "\f651";
}

.fa-comment-dots:before {
   content: "\f4ad";
}

.fa-comment-medical:before {
   content: "\f7f5";
}

.fa-comment-slash:before {
   content: "\f4b3";
}

.fa-comments:before {
   content: "\f086";
}

.fa-comments-dollar:before {
   content: "\f653";
}

.fa-compact-disc:before {
   content: "\f51f";
}

.fa-compass:before {
   content: "\f14e";
}

.fa-compress:before {
   content: "\f066";
}

.fa-compress-arrows-alt:before {
   content: "\f78c";
}

.fa-concierge-bell:before {
   content: "\f562";
}

.fa-confluence:before {
   content: "\f78d";
}

.fa-connectdevelop:before {
   content: "\f20e";
}

.fa-contao:before {
   content: "\f26d";
}

.fa-cookie:before {
   content: "\f563";
}

.fa-cookie-bite:before {
   content: "\f564";
}

.fa-copy:before {
   content: "\f0c5";
}

.fa-copyright:before {
   content: "\f1f9";
}

.fa-couch:before {
   content: "\f4b8";
}

.fa-cpanel:before {
   content: "\f388";
}

.fa-creative-commons:before {
   content: "\f25e";
}

.fa-creative-commons-by:before {
   content: "\f4e7";
}

.fa-creative-commons-nc:before {
   content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
   content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
   content: "\f4ea";
}

.fa-creative-commons-nd:before {
   content: "\f4eb";
}

.fa-creative-commons-pd:before {
   content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
   content: "\f4ed";
}

.fa-creative-commons-remix:before {
   content: "\f4ee";
}

.fa-creative-commons-sa:before {
   content: "\f4ef";
}

.fa-creative-commons-sampling:before {
   content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
   content: "\f4f1";
}

.fa-creative-commons-share:before {
   content: "\f4f2";
}

.fa-creative-commons-zero:before {
   content: "\f4f3";
}

.fa-credit-card:before {
   content: "\f09d";
}

.fa-critical-role:before {
   content: "\f6c9";
}

.fa-crop:before {
   content: "\f125";
}

.fa-crop-alt:before {
   content: "\f565";
}

.fa-cross:before {
   content: "\f654";
}

.fa-crosshairs:before {
   content: "\f05b";
}

.fa-crow:before {
   content: "\f520";
}

.fa-crown:before {
   content: "\f521";
}

.fa-crutch:before {
   content: "\f7f7";
}

.fa-css3:before {
   content: "\f13c";
}

.fa-css3-alt:before {
   content: "\f38b";
}

.fa-cube:before {
   content: "\f1b2";
}

.fa-cubes:before {
   content: "\f1b3";
}

.fa-cut:before {
   content: "\f0c4";
}

.fa-cuttlefish:before {
   content: "\f38c";
}

.fa-d-and-d:before {
   content: "\f38d";
}

.fa-d-and-d-beyond:before {
   content: "\f6ca";
}

.fa-dashcube:before {
   content: "\f210";
}

.fa-database:before {
   content: "\f1c0";
}

.fa-deaf:before {
   content: "\f2a4";
}

.fa-delicious:before {
   content: "\f1a5";
}

.fa-democrat:before {
   content: "\f747";
}

.fa-deploydog:before {
   content: "\f38e";
}

.fa-deskpro:before {
   content: "\f38f";
}

.fa-desktop:before {
   content: "\f108";
}

.fa-dev:before {
   content: "\f6cc";
}

.fa-deviantart:before {
   content: "\f1bd";
}

.fa-dharmachakra:before {
   content: "\f655";
}

.fa-dhl:before {
   content: "\f790";
}

.fa-diagnoses:before {
   content: "\f470";
}

.fa-diaspora:before {
   content: "\f791";
}

.fa-dice:before {
   content: "\f522";
}

.fa-dice-d20:before {
   content: "\f6cf";
}

.fa-dice-d6:before {
   content: "\f6d1";
}

.fa-dice-five:before {
   content: "\f523";
}

.fa-dice-four:before {
   content: "\f524";
}

.fa-dice-one:before {
   content: "\f525";
}

.fa-dice-six:before {
   content: "\f526";
}

.fa-dice-three:before {
   content: "\f527";
}

.fa-dice-two:before {
   content: "\f528";
}

.fa-digg:before {
   content: "\f1a6";
}

.fa-digital-ocean:before {
   content: "\f391";
}

.fa-digital-tachograph:before {
   content: "\f566";
}

.fa-directions:before {
   content: "\f5eb";
}

.fa-discord:before {
   content: "\f392";
}

.fa-discourse:before {
   content: "\f393";
}

.fa-divide:before {
   content: "\f529";
}

.fa-dizzy:before {
   content: "\f567";
}

.fa-dna:before {
   content: "\f471";
}

.fa-dochub:before {
   content: "\f394";
}

.fa-docker:before {
   content: "\f395";
}

.fa-dog:before {
   content: "\f6d3";
}

.fa-dollar-sign:before {
   content: "\f155";
}

.fa-dolly:before {
   content: "\f472";
}

.fa-dolly-flatbed:before {
   content: "\f474";
}

.fa-donate:before {
   content: "\f4b9";
}

.fa-door-closed:before {
   content: "\f52a";
}

.fa-door-open:before {
   content: "\f52b";
}

.fa-dot-circle:before {
   content: "\f192";
}

.fa-dove:before {
   content: "\f4ba";
}

.fa-download:before {
   content: "\f019";
}

.fa-draft2digital:before {
   content: "\f396";
}

.fa-drafting-compass:before {
   content: "\f568";
}

.fa-dragon:before {
   content: "\f6d5";
}

.fa-draw-polygon:before {
   content: "\f5ee";
}

.fa-dribbble:before {
   content: "\f17d";
}

.fa-dribbble-square:before {
   content: "\f397";
}

.fa-dropbox:before {
   content: "\f16b";
}

.fa-drum:before {
   content: "\f569";
}

.fa-drum-steelpan:before {
   content: "\f56a";
}

.fa-drumstick-bite:before {
   content: "\f6d7";
}

.fa-drupal:before {
   content: "\f1a9";
}

.fa-dumbbell:before {
   content: "\f44b";
}

.fa-dumpster:before {
   content: "\f793";
}

.fa-dumpster-fire:before {
   content: "\f794";
}

.fa-dungeon:before {
   content: "\f6d9";
}

.fa-dyalog:before {
   content: "\f399";
}

.fa-earlybirds:before {
   content: "\f39a";
}

.fa-ebay:before {
   content: "\f4f4";
}

.fa-edge:before {
   content: "\f282";
}

.fa-edit:before {
   content: "\f044";
}

.fa-egg:before {
   content: "\f7fb";
}

.fa-eject:before {
   content: "\f052";
}

.fa-elementor:before {
   content: "\f430";
}

.fa-ellipsis-h:before {
   content: "\f141";
}

.fa-ellipsis-v:before {
   content: "\f142";
}

.fa-ello:before {
   content: "\f5f1";
}

.fa-ember:before {
   content: "\f423";
}

.fa-empire:before {
   content: "\f1d1";
}

.fa-envelope:before {
   content: "\f0e0";
}

.fa-envelope-open:before {
   content: "\f2b6";
}

.fa-envelope-open-text:before {
   content: "\f658";
}

.fa-envelope-square:before {
   content: "\f199";
}

.fa-envira:before {
   content: "\f299";
}

.fa-equals:before {
   content: "\f52c";
}

.fa-eraser:before {
   content: "\f12d";
}

.fa-erlang:before {
   content: "\f39d";
}

.fa-ethereum:before {
   content: "\f42e";
}

.fa-ethernet:before {
   content: "\f796";
}

.fa-etsy:before {
   content: "\f2d7";
}

.fa-euro-sign:before {
   content: "\f153";
}

.fa-evernote:before {
   content: "\f839";
}

.fa-exchange-alt:before {
   content: "\f362";
}

.fa-exclamation:before {
   content: "\f12a";
}

.fa-exclamation-circle:before {
   content: "\f06a";
}

.fa-exclamation-triangle:before {
   content: "\f071";
}

.fa-expand:before {
   content: "\f065";
}

.fa-expand-arrows-alt:before {
   content: "\f31e";
}

.fa-expeditedssl:before {
   content: "\f23e";
}

.fa-external-link-alt:before {
   content: "\f35d";
}

.fa-external-link-square-alt:before {
   content: "\f360";
}

.fa-eye:before {
   content: "\f06e";
}

.fa-eye-dropper:before {
   content: "\f1fb";
}

.fa-eye-slash:before {
   content: "\f070";
}

.fa-facebook:before {
   content: "\f09a";
}

.fa-facebook-f:before {
   content: "\f39e";
}

.fa-facebook-messenger:before {
   content: "\f39f";
}

.fa-facebook-square:before {
   content: "\f082";
}

.fa-fantasy-flight-games:before {
   content: "\f6dc";
}

.fa-fast-backward:before {
   content: "\f049";
}

.fa-fast-forward:before {
   content: "\f050";
}

.fa-fax:before {
   content: "\f1ac";
}

.fa-feather:before {
   content: "\f52d";
}

.fa-feather-alt:before {
   content: "\f56b";
}

.fa-fedex:before {
   content: "\f797";
}

.fa-fedora:before {
   content: "\f798";
}

.fa-female:before {
   content: "\f182";
}

.fa-fighter-jet:before {
   content: "\f0fb";
}

.fa-figma:before {
   content: "\f799";
}

.fa-file:before {
   content: "\f15b";
}

.fa-file-alt:before {
   content: "\f15c";
}

.fa-file-archive:before {
   content: "\f1c6";
}

.fa-file-audio:before {
   content: "\f1c7";
}

.fa-file-code:before {
   content: "\f1c9";
}

.fa-file-contract:before {
   content: "\f56c";
}

.fa-file-csv:before {
   content: "\f6dd";
}

.fa-file-download:before {
   content: "\f56d";
}

.fa-file-excel:before {
   content: "\f1c3";
}

.fa-file-export:before {
   content: "\f56e";
}

.fa-file-image:before {
   content: "\f1c5";
}

.fa-file-import:before {
   content: "\f56f";
}

.fa-file-invoice:before {
   content: "\f570";
}

.fa-file-invoice-dollar:before {
   content: "\f571";
}

.fa-file-medical:before {
   content: "\f477";
}

.fa-file-medical-alt:before {
   content: "\f478";
}

.fa-file-pdf:before {
   content: "\f1c1";
}

.fa-file-powerpoint:before {
   content: "\f1c4";
}

.fa-file-prescription:before {
   content: "\f572";
}

.fa-file-signature:before {
   content: "\f573";
}

.fa-file-upload:before {
   content: "\f574";
}

.fa-file-video:before {
   content: "\f1c8";
}

.fa-file-word:before {
   content: "\f1c2";
}

.fa-fill:before {
   content: "\f575";
}

.fa-fill-drip:before {
   content: "\f576";
}

.fa-film:before {
   content: "\f008";
}

.fa-filter:before {
   content: "\f0b0";
}

.fa-fingerprint:before {
   content: "\f577";
}

.fa-fire:before {
   content: "\f06d";
}

.fa-fire-alt:before {
   content: "\f7e4";
}

.fa-fire-extinguisher:before {
   content: "\f134";
}

.fa-firefox:before {
   content: "\f269";
}

.fa-first-aid:before {
   content: "\f479";
}

.fa-first-order:before {
   content: "\f2b0";
}

.fa-first-order-alt:before {
   content: "\f50a";
}

.fa-firstdraft:before {
   content: "\f3a1";
}

.fa-fish:before {
   content: "\f578";
}

.fa-fist-raised:before {
   content: "\f6de";
}

.fa-flag:before {
   content: "\f024";
}

.fa-flag-checkered:before {
   content: "\f11e";
}

.fa-flag-usa:before {
   content: "\f74d";
}

.fa-flask:before {
   content: "\f0c3";
}

.fa-flickr:before {
   content: "\f16e";
}

.fa-flipboard:before {
   content: "\f44d";
}

.fa-flushed:before {
   content: "\f579";
}

.fa-fly:before {
   content: "\f417";
}

.fa-folder:before {
   content: "\f07b";
}

.fa-folder-minus:before {
   content: "\f65d";
}

.fa-folder-open:before {
   content: "\f07c";
}

.fa-folder-plus:before {
   content: "\f65e";
}

.fa-font:before {
   content: "\f031";
}

.fa-font-awesome:before {
   content: "\f2b4";
}

.fa-font-awesome-alt:before {
   content: "\f35c";
}

.fa-font-awesome-flag:before {
   content: "\f425";
}

.fa-font-awesome-logo-full:before {
   content: "\f4e6";
}

.fa-fonticons:before {
   content: "\f280";
}

.fa-fonticons-fi:before {
   content: "\f3a2";
}

.fa-football-ball:before {
   content: "\f44e";
}

.fa-fort-awesome:before {
   content: "\f286";
}

.fa-fort-awesome-alt:before {
   content: "\f3a3";
}

.fa-forumbee:before {
   content: "\f211";
}

.fa-forward:before {
   content: "\f04e";
}

.fa-foursquare:before {
   content: "\f180";
}

.fa-free-code-camp:before {
   content: "\f2c5";
}

.fa-freebsd:before {
   content: "\f3a4";
}

.fa-frog:before {
   content: "\f52e";
}

.fa-frown:before {
   content: "\f119";
}

.fa-frown-open:before {
   content: "\f57a";
}

.fa-fulcrum:before {
   content: "\f50b";
}

.fa-funnel-dollar:before {
   content: "\f662";
}

.fa-futbol:before {
   content: "\f1e3";
}

.fa-galactic-republic:before {
   content: "\f50c";
}

.fa-galactic-senate:before {
   content: "\f50d";
}

.fa-gamepad:before {
   content: "\f11b";
}

.fa-gas-pump:before {
   content: "\f52f";
}

.fa-gavel:before {
   content: "\f0e3";
}

.fa-gem:before {
   content: "\f3a5";
}

.fa-genderless:before {
   content: "\f22d";
}

.fa-get-pocket:before {
   content: "\f265";
}

.fa-gg:before {
   content: "\f260";
}

.fa-gg-circle:before {
   content: "\f261";
}

.fa-ghost:before {
   content: "\f6e2";
}

.fa-gift:before {
   content: "\f06b";
}

.fa-gifts:before {
   content: "\f79c";
}

.fa-git:before {
   content: "\f1d3";
}

.fa-git-square:before {
   content: "\f1d2";
}

.fa-github:before {
   content: "\f09b";
}

.fa-github-alt:before {
   content: "\f113";
}

.fa-github-square:before {
   content: "\f092";
}

.fa-gitkraken:before {
   content: "\f3a6";
}

.fa-gitlab:before {
   content: "\f296";
}

.fa-gitter:before {
   content: "\f426";
}

.fa-glass-cheers:before {
   content: "\f79f";
}

.fa-glass-martini:before {
   content: "\f000";
}

.fa-glass-martini-alt:before {
   content: "\f57b";
}

.fa-glass-whiskey:before {
   content: "\f7a0";
}

.fa-glasses:before {
   content: "\f530";
}

.fa-glide:before {
   content: "\f2a5";
}

.fa-glide-g:before {
   content: "\f2a6";
}

.fa-globe:before {
   content: "\f0ac";
}

.fa-globe-africa:before {
   content: "\f57c";
}

.fa-globe-americas:before {
   content: "\f57d";
}

.fa-globe-asia:before {
   content: "\f57e";
}

.fa-globe-europe:before {
   content: "\f7a2";
}

.fa-gofore:before {
   content: "\f3a7";
}

.fa-golf-ball:before {
   content: "\f450";
}

.fa-goodreads:before {
   content: "\f3a8";
}

.fa-goodreads-g:before {
   content: "\f3a9";
}

.fa-google:before {
   content: "\f1a0";
}

.fa-google-drive:before {
   content: "\f3aa";
}

.fa-google-play:before {
   content: "\f3ab";
}

.fa-google-plus:before {
   content: "\f2b3";
}

.fa-google-plus-g:before {
   content: "\f0d5";
}

.fa-google-plus-square:before {
   content: "\f0d4";
}

.fa-google-wallet:before {
   content: "\f1ee";
}

.fa-gopuram:before {
   content: "\f664";
}

.fa-graduation-cap:before {
   content: "\f19d";
}

.fa-gratipay:before {
   content: "\f184";
}

.fa-grav:before {
   content: "\f2d6";
}

.fa-greater-than:before {
   content: "\f531";
}

.fa-greater-than-equal:before {
   content: "\f532";
}

.fa-grimace:before {
   content: "\f57f";
}

.fa-grin:before {
   content: "\f580";
}

.fa-grin-alt:before {
   content: "\f581";
}

.fa-grin-beam:before {
   content: "\f582";
}

.fa-grin-beam-sweat:before {
   content: "\f583";
}

.fa-grin-hearts:before {
   content: "\f584";
}

.fa-grin-squint:before {
   content: "\f585";
}

.fa-grin-squint-tears:before {
   content: "\f586";
}

.fa-grin-stars:before {
   content: "\f587";
}

.fa-grin-tears:before {
   content: "\f588";
}

.fa-grin-tongue:before {
   content: "\f589";
}

.fa-grin-tongue-squint:before {
   content: "\f58a";
}

.fa-grin-tongue-wink:before {
   content: "\f58b";
}

.fa-grin-wink:before {
   content: "\f58c";
}

.fa-grip-horizontal:before {
   content: "\f58d";
}

.fa-grip-lines:before {
   content: "\f7a4";
}

.fa-grip-lines-vertical:before {
   content: "\f7a5";
}

.fa-grip-vertical:before {
   content: "\f58e";
}

.fa-gripfire:before {
   content: "\f3ac";
}

.fa-grunt:before {
   content: "\f3ad";
}

.fa-guitar:before {
   content: "\f7a6";
}

.fa-gulp:before {
   content: "\f3ae";
}

.fa-h-square:before {
   content: "\f0fd";
}

.fa-hacker-news:before {
   content: "\f1d4";
}

.fa-hacker-news-square:before {
   content: "\f3af";
}

.fa-hackerrank:before {
   content: "\f5f7";
}

.fa-hamburger:before {
   content: "\f805";
}

.fa-hammer:before {
   content: "\f6e3";
}

.fa-hamsa:before {
   content: "\f665";
}

.fa-hand-holding:before {
   content: "\f4bd";
}

.fa-hand-holding-heart:before {
   content: "\f4be";
}

.fa-hand-holding-usd:before {
   content: "\f4c0";
}

.fa-hand-lizard:before {
   content: "\f258";
}

.fa-hand-middle-finger:before {
   content: "\f806";
}

.fa-hand-paper:before {
   content: "\f256";
}

.fa-hand-peace:before {
   content: "\f25b";
}

.fa-hand-point-down:before {
   content: "\f0a7";
}

.fa-hand-point-left:before {
   content: "\f0a5";
}

.fa-hand-point-right:before {
   content: "\f0a4";
}

.fa-hand-point-up:before {
   content: "\f0a6";
}

.fa-hand-pointer:before {
   content: "\f25a";
}

.fa-hand-rock:before {
   content: "\f255";
}

.fa-hand-scissors:before {
   content: "\f257";
}

.fa-hand-spock:before {
   content: "\f259";
}

.fa-hands:before {
   content: "\f4c2";
}

.fa-hands-helping:before {
   content: "\f4c4";
}

.fa-handshake:before {
   content: "\f2b5";
}

.fa-hanukiah:before {
   content: "\f6e6";
}

.fa-hard-hat:before {
   content: "\f807";
}

.fa-hashtag:before {
   content: "\f292";
}

.fa-hat-wizard:before {
   content: "\f6e8";
}

.fa-haykal:before {
   content: "\f666";
}

.fa-hdd:before {
   content: "\f0a0";
}

.fa-heading:before {
   content: "\f1dc";
}

.fa-headphones:before {
   content: "\f025";
}

.fa-headphones-alt:before {
   content: "\f58f";
}

.fa-headset:before {
   content: "\f590";
}

.fa-heart:before {
   content: "\f004";
}

.fa-heart-broken:before {
   content: "\f7a9";
}

.fa-heartbeat:before {
   content: "\f21e";
}

.fa-helicopter:before {
   content: "\f533";
}

.fa-highlighter:before {
   content: "\f591";
}

.fa-hiking:before {
   content: "\f6ec";
}

.fa-hippo:before {
   content: "\f6ed";
}

.fa-hips:before {
   content: "\f452";
}

.fa-hire-a-helper:before {
   content: "\f3b0";
}

.fa-history:before {
   content: "\f1da";
}

.fa-hockey-puck:before {
   content: "\f453";
}

.fa-holly-berry:before {
   content: "\f7aa";
}

.fa-home:before {
   content: "\f015";
}

.fa-hooli:before {
   content: "\f427";
}

.fa-hornbill:before {
   content: "\f592";
}

.fa-horse:before {
   content: "\f6f0";
}

.fa-horse-head:before {
   content: "\f7ab";
}

.fa-hospital:before {
   content: "\f0f8";
}

.fa-hospital-alt:before {
   content: "\f47d";
}

.fa-hospital-symbol:before {
   content: "\f47e";
}

.fa-hot-tub:before {
   content: "\f593";
}

.fa-hotdog:before {
   content: "\f80f";
}

.fa-hotel:before {
   content: "\f594";
}

.fa-hotjar:before {
   content: "\f3b1";
}

.fa-hourglass:before {
   content: "\f254";
}

.fa-hourglass-end:before {
   content: "\f253";
}

.fa-hourglass-half:before {
   content: "\f252";
}

.fa-hourglass-start:before {
   content: "\f251";
}

.fa-house-damage:before {
   content: "\f6f1";
}

.fa-houzz:before {
   content: "\f27c";
}

.fa-hryvnia:before {
   content: "\f6f2";
}

.fa-html5:before {
   content: "\f13b";
}

.fa-hubspot:before {
   content: "\f3b2";
}

.fa-i-cursor:before {
   content: "\f246";
}

.fa-ice-cream:before {
   content: "\f810";
}

.fa-icicles:before {
   content: "\f7ad";
}

.fa-id-badge:before {
   content: "\f2c1";
}

.fa-id-card:before {
   content: "\f2c2";
}

.fa-id-card-alt:before {
   content: "\f47f";
}

.fa-igloo:before {
   content: "\f7ae";
}

.fa-image:before {
   content: "\f03e";
}

.fa-images:before {
   content: "\f302";
}

.fa-imdb:before {
   content: "\f2d8";
}

.fa-inbox:before {
   content: "\f01c";
}

.fa-indent:before {
   content: "\f03c";
}

.fa-industry:before {
   content: "\f275";
}

.fa-infinity:before {
   content: "\f534";
}

.fa-info:before {
   content: "\f129";
}

.fa-info-circle:before {
   content: "\f05a";
}

.fa-instagram:before {
   content: "\f16d";
}

.fa-intercom:before {
   content: "\f7af";
}

.fa-internet-explorer:before {
   content: "\f26b";
}

.fa-invision:before {
   content: "\f7b0";
}

.fa-ioxhost:before {
   content: "\f208";
}

.fa-italic:before {
   content: "\f033";
}

.fa-itch-io:before {
   content: "\f83a";
}

.fa-itunes:before {
   content: "\f3b4";
}

.fa-itunes-note:before {
   content: "\f3b5";
}

.fa-java:before {
   content: "\f4e4";
}

.fa-jedi:before {
   content: "\f669";
}

.fa-jedi-order:before {
   content: "\f50e";
}

.fa-jenkins:before {
   content: "\f3b6";
}

.fa-jira:before {
   content: "\f7b1";
}

.fa-joget:before {
   content: "\f3b7";
}

.fa-joint:before {
   content: "\f595";
}

.fa-joomla:before {
   content: "\f1aa";
}

.fa-journal-whills:before {
   content: "\f66a";
}

.fa-js:before {
   content: "\f3b8";
}

.fa-js-square:before {
   content: "\f3b9";
}

.fa-jsfiddle:before {
   content: "\f1cc";
}

.fa-kaaba:before {
   content: "\f66b";
}

.fa-kaggle:before {
   content: "\f5fa";
}

.fa-key:before {
   content: "\f084";
}

.fa-keybase:before {
   content: "\f4f5";
}

.fa-keyboard:before {
   content: "\f11c";
}

.fa-keycdn:before {
   content: "\f3ba";
}

.fa-khanda:before {
   content: "\f66d";
}

.fa-kickstarter:before {
   content: "\f3bb";
}

.fa-kickstarter-k:before {
   content: "\f3bc";
}

.fa-kiss:before {
   content: "\f596";
}

.fa-kiss-beam:before {
   content: "\f597";
}

.fa-kiss-wink-heart:before {
   content: "\f598";
}

.fa-kiwi-bird:before {
   content: "\f535";
}

.fa-korvue:before {
   content: "\f42f";
}

.fa-landmark:before {
   content: "\f66f";
}

.fa-language:before {
   content: "\f1ab";
}

.fa-laptop:before {
   content: "\f109";
}

.fa-laptop-code:before {
   content: "\f5fc";
}

.fa-laptop-medical:before {
   content: "\f812";
}

.fa-laravel:before {
   content: "\f3bd";
}

.fa-lastfm:before {
   content: "\f202";
}

.fa-lastfm-square:before {
   content: "\f203";
}

.fa-laugh:before {
   content: "\f599";
}

.fa-laugh-beam:before {
   content: "\f59a";
}

.fa-laugh-squint:before {
   content: "\f59b";
}

.fa-laugh-wink:before {
   content: "\f59c";
}

.fa-layer-group:before {
   content: "\f5fd";
}

.fa-leaf:before {
   content: "\f06c";
}

.fa-leanpub:before {
   content: "\f212";
}

.fa-lemon:before {
   content: "\f094";
}

.fa-less:before {
   content: "\f41d";
}

.fa-less-than:before {
   content: "\f536";
}

.fa-less-than-equal:before {
   content: "\f537";
}

.fa-level-down-alt:before {
   content: "\f3be";
}

.fa-level-up-alt:before {
   content: "\f3bf";
}

.fa-life-ring:before {
   content: "\f1cd";
}

.fa-lightbulb:before {
   content: "\f0eb";
}

.fa-line:before {
   content: "\f3c0";
}

.fa-link:before {
   content: "\f0c1";
}

.fa-linkedin:before {
   content: "\f08c";
}

.fa-linkedin-in:before {
   content: "\f0e1";
}

.fa-linode:before {
   content: "\f2b8";
}

.fa-linux:before {
   content: "\f17c";
}

.fa-lira-sign:before {
   content: "\f195";
}

.fa-list:before {
   content: "\f03a";
}

.fa-list-alt:before {
   content: "\f022";
}

.fa-list-ol:before {
   content: "\f0cb";
}

.fa-list-ul:before {
   content: "\f0ca";
}

.fa-location-arrow:before {
   content: "\f124";
}

.fa-lock:before {
   content: "\f023";
}

.fa-lock-open:before {
   content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
   content: "\f309";
}

.fa-long-arrow-alt-left:before {
   content: "\f30a";
}

.fa-long-arrow-alt-right:before {
   content: "\f30b";
}

.fa-long-arrow-alt-up:before {
   content: "\f30c";
}

.fa-low-vision:before {
   content: "\f2a8";
}

.fa-luggage-cart:before {
   content: "\f59d";
}

.fa-lyft:before {
   content: "\f3c3";
}

.fa-magento:before {
   content: "\f3c4";
}

.fa-magic:before {
   content: "\f0d0";
}

.fa-magnet:before {
   content: "\f076";
}

.fa-mail-bulk:before {
   content: "\f674";
}

.fa-mailchimp:before {
   content: "\f59e";
}

.fa-male:before {
   content: "\f183";
}

.fa-mandalorian:before {
   content: "\f50f";
}

.fa-map:before {
   content: "\f279";
}

.fa-map-marked:before {
   content: "\f59f";
}

.fa-map-marked-alt:before {
   content: "\f5a0";
}

.fa-map-marker:before {
   content: "\f041";
}

.fa-map-marker-alt:before {
   content: "\f3c5";
}

.fa-map-pin:before {
   content: "\f276";
}

.fa-map-signs:before {
   content: "\f277";
}

.fa-markdown:before {
   content: "\f60f";
}

.fa-marker:before {
   content: "\f5a1";
}

.fa-mars:before {
   content: "\f222";
}

.fa-mars-double:before {
   content: "\f227";
}

.fa-mars-stroke:before {
   content: "\f229";
}

.fa-mars-stroke-h:before {
   content: "\f22b";
}

.fa-mars-stroke-v:before {
   content: "\f22a";
}

.fa-mask:before {
   content: "\f6fa";
}

.fa-mastodon:before {
   content: "\f4f6";
}

.fa-maxcdn:before {
   content: "\f136";
}

.fa-medal:before {
   content: "\f5a2";
}

.fa-medapps:before {
   content: "\f3c6";
}

.fa-medium:before {
   content: "\f23a";
}

.fa-medium-m:before {
   content: "\f3c7";
}

.fa-medkit:before {
   content: "\f0fa";
}

.fa-medrt:before {
   content: "\f3c8";
}

.fa-meetup:before {
   content: "\f2e0";
}

.fa-megaport:before {
   content: "\f5a3";
}

.fa-meh:before {
   content: "\f11a";
}

.fa-meh-blank:before {
   content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
   content: "\f5a5";
}

.fa-memory:before {
   content: "\f538";
}

.fa-mendeley:before {
   content: "\f7b3";
}

.fa-menorah:before {
   content: "\f676";
}

.fa-mercury:before {
   content: "\f223";
}

.fa-meteor:before {
   content: "\f753";
}

.fa-microchip:before {
   content: "\f2db";
}

.fa-microphone:before {
   content: "\f130";
}

.fa-microphone-alt:before {
   content: "\f3c9";
}

.fa-microphone-alt-slash:before {
   content: "\f539";
}

.fa-microphone-slash:before {
   content: "\f131";
}

.fa-microscope:before {
   content: "\f610";
}

.fa-microsoft:before {
   content: "\f3ca";
}

.fa-minus:before {
   content: "\f068";
}

.fa-minus-circle:before {
   content: "\f056";
}

.fa-minus-square:before {
   content: "\f146";
}

.fa-mitten:before {
   content: "\f7b5";
}

.fa-mix:before {
   content: "\f3cb";
}

.fa-mixcloud:before {
   content: "\f289";
}

.fa-mizuni:before {
   content: "\f3cc";
}

.fa-mobile:before {
   content: "\f10b";
}

.fa-mobile-alt:before {
   content: "\f3cd";
}

.fa-modx:before {
   content: "\f285";
}

.fa-monero:before {
   content: "\f3d0";
}

.fa-money-bill:before {
   content: "\f0d6";
}

.fa-money-bill-alt:before {
   content: "\f3d1";
}

.fa-money-bill-wave:before {
   content: "\f53a";
}

.fa-money-bill-wave-alt:before {
   content: "\f53b";
}

.fa-money-check:before {
   content: "\f53c";
}

.fa-money-check-alt:before {
   content: "\f53d";
}

.fa-monument:before {
   content: "\f5a6";
}

.fa-moon:before {
   content: "\f186";
}

.fa-mortar-pestle:before {
   content: "\f5a7";
}

.fa-mosque:before {
   content: "\f678";
}

.fa-motorcycle:before {
   content: "\f21c";
}

.fa-mountain:before {
   content: "\f6fc";
}

.fa-mouse-pointer:before {
   content: "\f245";
}

.fa-mug-hot:before {
   content: "\f7b6";
}

.fa-music:before {
   content: "\f001";
}

.fa-napster:before {
   content: "\f3d2";
}

.fa-neos:before {
   content: "\f612";
}

.fa-network-wired:before {
   content: "\f6ff";
}

.fa-neuter:before {
   content: "\f22c";
}

.fa-newspaper:before {
   content: "\f1ea";
}

.fa-nimblr:before {
   content: "\f5a8";
}

.fa-nintendo-switch:before {
   content: "\f418";
}

.fa-node:before {
   content: "\f419";
}

.fa-node-js:before {
   content: "\f3d3";
}

.fa-not-equal:before {
   content: "\f53e";
}

.fa-notes-medical:before {
   content: "\f481";
}

.fa-npm:before {
   content: "\f3d4";
}

.fa-ns8:before {
   content: "\f3d5";
}

.fa-nutritionix:before {
   content: "\f3d6";
}

.fa-object-group:before {
   content: "\f247";
}

.fa-object-ungroup:before {
   content: "\f248";
}

.fa-odnoklassniki:before {
   content: "\f263";
}

.fa-odnoklassniki-square:before {
   content: "\f264";
}

.fa-oil-can:before {
   content: "\f613";
}

.fa-old-republic:before {
   content: "\f510";
}

.fa-om:before {
   content: "\f679";
}

.fa-opencart:before {
   content: "\f23d";
}

.fa-openid:before {
   content: "\f19b";
}

.fa-opera:before {
   content: "\f26a";
}

.fa-optin-monster:before {
   content: "\f23c";
}

.fa-osi:before {
   content: "\f41a";
}

.fa-otter:before {
   content: "\f700";
}

.fa-outdent:before {
   content: "\f03b";
}

.fa-page4:before {
   content: "\f3d7";
}

.fa-pagelines:before {
   content: "\f18c";
}

.fa-pager:before {
   content: "\f815";
}

.fa-paint-brush:before {
   content: "\f1fc";
}

.fa-paint-roller:before {
   content: "\f5aa";
}

.fa-palette:before {
   content: "\f53f";
}

.fa-palfed:before {
   content: "\f3d8";
}

.fa-pallet:before {
   content: "\f482";
}

.fa-paper-plane:before {
   content: "\f1d8";
}

.fa-paperclip:before {
   content: "\f0c6";
}

.fa-parachute-box:before {
   content: "\f4cd";
}

.fa-paragraph:before {
   content: "\f1dd";
}

.fa-parking:before {
   content: "\f540";
}

.fa-passport:before {
   content: "\f5ab";
}

.fa-pastafarianism:before {
   content: "\f67b";
}

.fa-paste:before {
   content: "\f0ea";
}

.fa-patreon:before {
   content: "\f3d9";
}

.fa-pause:before {
   content: "\f04c";
}

.fa-pause-circle:before {
   content: "\f28b";
}

.fa-paw:before {
   content: "\f1b0";
}

.fa-paypal:before {
   content: "\f1ed";
}

.fa-peace:before {
   content: "\f67c";
}

.fa-pen:before {
   content: "\f304";
}

.fa-pen-alt:before {
   content: "\f305";
}

.fa-pen-fancy:before {
   content: "\f5ac";
}

.fa-pen-nib:before {
   content: "\f5ad";
}

.fa-pen-square:before {
   content: "\f14b";
}

.fa-pencil-alt:before {
   content: "\f303";
}

.fa-pencil-ruler:before {
   content: "\f5ae";
}

.fa-penny-arcade:before {
   content: "\f704";
}

.fa-people-carry:before {
   content: "\f4ce";
}

.fa-pepper-hot:before {
   content: "\f816";
}

.fa-percent:before {
   content: "\f295";
}

.fa-percentage:before {
   content: "\f541";
}

.fa-periscope:before {
   content: "\f3da";
}

.fa-person-booth:before {
   content: "\f756";
}

.fa-phabricator:before {
   content: "\f3db";
}

.fa-phoenix-framework:before {
   content: "\f3dc";
}

.fa-phoenix-squadron:before {
   content: "\f511";
}

.fa-phone:before {
   content: "\f095";
}

.fa-phone-slash:before {
   content: "\f3dd";
}

.fa-phone-square:before {
   content: "\f098";
}

.fa-phone-volume:before {
   content: "\f2a0";
}

.fa-php:before {
   content: "\f457";
}

.fa-pied-piper:before {
   content: "\f2ae";
}

.fa-pied-piper-alt:before {
   content: "\f1a8";
}

.fa-pied-piper-hat:before {
   content: "\f4e5";
}

.fa-pied-piper-pp:before {
   content: "\f1a7";
}

.fa-piggy-bank:before {
   content: "\f4d3";
}

.fa-pills:before {
   content: "\f484";
}

.fa-pinterest:before {
   content: "\f0d2";
}

.fa-pinterest-p:before {
   content: "\f231";
}

.fa-pinterest-square:before {
   content: "\f0d3";
}

.fa-pizza-slice:before {
   content: "\f818";
}

.fa-place-of-worship:before {
   content: "\f67f";
}

.fa-plane:before {
   content: "\f072";
}

.fa-plane-arrival:before {
   content: "\f5af";
}

.fa-plane-departure:before {
   content: "\f5b0";
}

.fa-play:before {
   content: "\f04b";
}

.fa-play-circle:before {
   content: "\f144";
}

.fa-playstation:before {
   content: "\f3df";
}

.fa-plug:before {
   content: "\f1e6";
}

.fa-plus:before {
   content: "\f067";
}

.fa-plus-circle:before {
   content: "\f055";
}

.fa-plus-square:before {
   content: "\f0fe";
}

.fa-podcast:before {
   content: "\f2ce";
}

.fa-poll:before {
   content: "\f681";
}

.fa-poll-h:before {
   content: "\f682";
}

.fa-poo:before {
   content: "\f2fe";
}

.fa-poo-storm:before {
   content: "\f75a";
}

.fa-poop:before {
   content: "\f619";
}

.fa-portrait:before {
   content: "\f3e0";
}

.fa-pound-sign:before {
   content: "\f154";
}

.fa-power-off:before {
   content: "\f011";
}

.fa-pray:before {
   content: "\f683";
}

.fa-praying-hands:before {
   content: "\f684";
}

.fa-prescription:before {
   content: "\f5b1";
}

.fa-prescription-bottle:before {
   content: "\f485";
}

.fa-prescription-bottle-alt:before {
   content: "\f486";
}

.fa-print:before {
   content: "\f02f";
}

.fa-procedures:before {
   content: "\f487";
}

.fa-product-hunt:before {
   content: "\f288";
}

.fa-project-diagram:before {
   content: "\f542";
}

.fa-pushed:before {
   content: "\f3e1";
}

.fa-puzzle-piece:before {
   content: "\f12e";
}

.fa-python:before {
   content: "\f3e2";
}

.fa-qq:before {
   content: "\f1d6";
}

.fa-qrcode:before {
   content: "\f029";
}

.fa-question:before {
   content: "\f128";
}

.fa-question-circle:before {
   content: "\f059";
}

.fa-quidditch:before {
   content: "\f458";
}

.fa-quinscape:before {
   content: "\f459";
}

.fa-quora:before {
   content: "\f2c4";
}

.fa-quote-left:before {
   content: "\f10d";
}

.fa-quote-right:before {
   content: "\f10e";
}

.fa-quran:before {
   content: "\f687";
}

.fa-r-project:before {
   content: "\f4f7";
}

.fa-radiation:before {
   content: "\f7b9";
}

.fa-radiation-alt:before {
   content: "\f7ba";
}

.fa-rainbow:before {
   content: "\f75b";
}

.fa-random:before {
   content: "\f074";
}

.fa-raspberry-pi:before {
   content: "\f7bb";
}

.fa-ravelry:before {
   content: "\f2d9";
}

.fa-react:before {
   content: "\f41b";
}

.fa-reacteurope:before {
   content: "\f75d";
}

.fa-readme:before {
   content: "\f4d5";
}

.fa-rebel:before {
   content: "\f1d0";
}

.fa-receipt:before {
   content: "\f543";
}

.fa-recycle:before {
   content: "\f1b8";
}

.fa-red-river:before {
   content: "\f3e3";
}

.fa-reddit:before {
   content: "\f1a1";
}

.fa-reddit-alien:before {
   content: "\f281";
}

.fa-reddit-square:before {
   content: "\f1a2";
}

.fa-redhat:before {
   content: "\f7bc";
}

.fa-redo:before {
   content: "\f01e";
}

.fa-redo-alt:before {
   content: "\f2f9";
}

.fa-registered:before {
   content: "\f25d";
}

.fa-renren:before {
   content: "\f18b";
}

.fa-reply:before {
   content: "\f3e5";
}

.fa-reply-all:before {
   content: "\f122";
}

.fa-replyd:before {
   content: "\f3e6";
}

.fa-republican:before {
   content: "\f75e";
}

.fa-researchgate:before {
   content: "\f4f8";
}

.fa-resolving:before {
   content: "\f3e7";
}

.fa-restroom:before {
   content: "\f7bd";
}

.fa-retweet:before {
   content: "\f079";
}

.fa-rev:before {
   content: "\f5b2";
}

.fa-ribbon:before {
   content: "\f4d6";
}

.fa-ring:before {
   content: "\f70b";
}

.fa-road:before {
   content: "\f018";
}

.fa-robot:before {
   content: "\f544";
}

.fa-rocket:before {
   content: "\f135";
}

.fa-rocketchat:before {
   content: "\f3e8";
}

.fa-rockrms:before {
   content: "\f3e9";
}

.fa-route:before {
   content: "\f4d7";
}

.fa-rss:before {
   content: "\f09e";
}

.fa-rss-square:before {
   content: "\f143";
}

.fa-ruble-sign:before {
   content: "\f158";
}

.fa-ruler:before {
   content: "\f545";
}

.fa-ruler-combined:before {
   content: "\f546";
}

.fa-ruler-horizontal:before {
   content: "\f547";
}

.fa-ruler-vertical:before {
   content: "\f548";
}

.fa-running:before {
   content: "\f70c";
}

.fa-rupee-sign:before {
   content: "\f156";
}

.fa-sad-cry:before {
   content: "\f5b3";
}

.fa-sad-tear:before {
   content: "\f5b4";
}

.fa-safari:before {
   content: "\f267";
}

.fa-salesforce:before {
   content: "\f83b";
}

.fa-sass:before {
   content: "\f41e";
}

.fa-satellite:before {
   content: "\f7bf";
}

.fa-satellite-dish:before {
   content: "\f7c0";
}

.fa-save:before {
   content: "\f0c7";
}

.fa-schlix:before {
   content: "\f3ea";
}

.fa-school:before {
   content: "\f549";
}

.fa-screwdriver:before {
   content: "\f54a";
}

.fa-scribd:before {
   content: "\f28a";
}

.fa-scroll:before {
   content: "\f70e";
}

.fa-sd-card:before {
   content: "\f7c2";
}

.fa-search:before {
   content: "\f002";
}

.fa-search-dollar:before {
   content: "\f688";
}

.fa-search-location:before {
   content: "\f689";
}

.fa-search-minus:before {
   content: "\f010";
}

.fa-search-plus:before {
   content: "\f00e";
}

.fa-searchengin:before {
   content: "\f3eb";
}

.fa-seedling:before {
   content: "\f4d8";
}

.fa-sellcast:before {
   content: "\f2da";
}

.fa-sellsy:before {
   content: "\f213";
}

.fa-server:before {
   content: "\f233";
}

.fa-servicestack:before {
   content: "\f3ec";
}

.fa-shapes:before {
   content: "\f61f";
}

.fa-share:before {
   content: "\f064";
}

.fa-share-alt:before {
   content: "\f1e0";
}

.fa-share-alt-square:before {
   content: "\f1e1";
}

.fa-share-square:before {
   content: "\f14d";
}

.fa-shekel-sign:before {
   content: "\f20b";
}

.fa-shield-alt:before {
   content: "\f3ed";
}

.fa-ship:before {
   content: "\f21a";
}

.fa-shipping-fast:before {
   content: "\f48b";
}

.fa-shirtsinbulk:before {
   content: "\f214";
}

.fa-shoe-prints:before {
   content: "\f54b";
}

.fa-shopping-bag:before {
   content: "\f290";
}

.fa-shopping-basket:before {
   content: "\f291";
}

.fa-shopping-cart:before {
   content: "\f07a";
}

.fa-shopware:before {
   content: "\f5b5";
}

.fa-shower:before {
   content: "\f2cc";
}

.fa-shuttle-van:before {
   content: "\f5b6";
}

.fa-sign:before {
   content: "\f4d9";
}

.fa-sign-in-alt:before {
   content: "\f2f6";
}

.fa-sign-language:before {
   content: "\f2a7";
}

.fa-sign-out-alt:before {
   content: "\f2f5";
}

.fa-signal:before {
   content: "\f012";
}

.fa-signature:before {
   content: "\f5b7";
}

.fa-sim-card:before {
   content: "\f7c4";
}

.fa-simplybuilt:before {
   content: "\f215";
}

.fa-sistrix:before {
   content: "\f3ee";
}

.fa-sitemap:before {
   content: "\f0e8";
}

.fa-sith:before {
   content: "\f512";
}

.fa-skating:before {
   content: "\f7c5";
}

.fa-sketch:before {
   content: "\f7c6";
}

.fa-skiing:before {
   content: "\f7c9";
}

.fa-skiing-nordic:before {
   content: "\f7ca";
}

.fa-skull:before {
   content: "\f54c";
}

.fa-skull-crossbones:before {
   content: "\f714";
}

.fa-skyatlas:before {
   content: "\f216";
}

.fa-skype:before {
   content: "\f17e";
}

.fa-slack:before {
   content: "\f198";
}

.fa-slack-hash:before {
   content: "\f3ef";
}

.fa-slash:before {
   content: "\f715";
}

.fa-sleigh:before {
   content: "\f7cc";
}

.fa-sliders-h:before {
   content: "\f1de";
}

.fa-slideshare:before {
   content: "\f1e7";
}

.fa-smile:before {
   content: "\f118";
}

.fa-smile-beam:before {
   content: "\f5b8";
}

.fa-smile-wink:before {
   content: "\f4da";
}

.fa-smog:before {
   content: "\f75f";
}

.fa-smoking:before {
   content: "\f48d";
}

.fa-smoking-ban:before {
   content: "\f54d";
}

.fa-sms:before {
   content: "\f7cd";
}

.fa-snapchat:before {
   content: "\f2ab";
}

.fa-snapchat-ghost:before {
   content: "\f2ac";
}

.fa-snapchat-square:before {
   content: "\f2ad";
}

.fa-snowboarding:before {
   content: "\f7ce";
}

.fa-snowflake:before {
   content: "\f2dc";
}

.fa-snowman:before {
   content: "\f7d0";
}

.fa-snowplow:before {
   content: "\f7d2";
}

.fa-socks:before {
   content: "\f696";
}

.fa-solar-panel:before {
   content: "\f5ba";
}

.fa-sort:before {
   content: "\f0dc";
}

.fa-sort-alpha-down:before {
   content: "\f15d";
}

.fa-sort-alpha-up:before {
   content: "\f15e";
}

.fa-sort-amount-down:before {
   content: "\f160";
}

.fa-sort-amount-up:before {
   content: "\f161";
}

.fa-sort-down:before {
   content: "\f0dd";
}

.fa-sort-numeric-down:before {
   content: "\f162";
}

.fa-sort-numeric-up:before {
   content: "\f163";
}

.fa-sort-up:before {
   content: "\f0de";
}

.fa-soundcloud:before {
   content: "\f1be";
}

.fa-sourcetree:before {
   content: "\f7d3";
}

.fa-spa:before {
   content: "\f5bb";
}

.fa-space-shuttle:before {
   content: "\f197";
}

.fa-speakap:before {
   content: "\f3f3";
}

.fa-speaker-deck:before {
   content: "\f83c";
}

.fa-spider:before {
   content: "\f717";
}

.fa-spinner:before {
   content: "\f110";
}

.fa-splotch:before {
   content: "\f5bc";
}

.fa-spotify:before {
   content: "\f1bc";
}

.fa-spray-can:before {
   content: "\f5bd";
}

.fa-square:before {
   content: "\f0c8";
}

.fa-square-full:before {
   content: "\f45c";
}

.fa-square-root-alt:before {
   content: "\f698";
}

.fa-squarespace:before {
   content: "\f5be";
}

.fa-stack-exchange:before {
   content: "\f18d";
}

.fa-stack-overflow:before {
   content: "\f16c";
}

.fa-stamp:before {
   content: "\f5bf";
}

.fa-star:before {
   content: "\f005";
}

.fa-star-and-crescent:before {
   content: "\f699";
}

.fa-star-half:before {
   content: "\f089";
}

.fa-star-half-alt:before {
   content: "\f5c0";
}

.fa-star-of-david:before {
   content: "\f69a";
}

.fa-star-of-life:before {
   content: "\f621";
}

.fa-staylinked:before {
   content: "\f3f5";
}

.fa-steam:before {
   content: "\f1b6";
}

.fa-steam-square:before {
   content: "\f1b7";
}

.fa-steam-symbol:before {
   content: "\f3f6";
}

.fa-step-backward:before {
   content: "\f048";
}

.fa-step-forward:before {
   content: "\f051";
}

.fa-stethoscope:before {
   content: "\f0f1";
}

.fa-sticker-mule:before {
   content: "\f3f7";
}

.fa-sticky-note:before {
   content: "\f249";
}

.fa-stop:before {
   content: "\f04d";
}

.fa-stop-circle:before {
   content: "\f28d";
}

.fa-stopwatch:before {
   content: "\f2f2";
}

.fa-store:before {
   content: "\f54e";
}

.fa-store-alt:before {
   content: "\f54f";
}

.fa-strava:before {
   content: "\f428";
}

.fa-stream:before {
   content: "\f550";
}

.fa-street-view:before {
   content: "\f21d";
}

.fa-strikethrough:before {
   content: "\f0cc";
}

.fa-stripe:before {
   content: "\f429";
}

.fa-stripe-s:before {
   content: "\f42a";
}

.fa-stroopwafel:before {
   content: "\f551";
}

.fa-studiovinari:before {
   content: "\f3f8";
}

.fa-stumbleupon:before {
   content: "\f1a4";
}

.fa-stumbleupon-circle:before {
   content: "\f1a3";
}

.fa-subscript:before {
   content: "\f12c";
}

.fa-subway:before {
   content: "\f239";
}

.fa-suitcase:before {
   content: "\f0f2";
}

.fa-suitcase-rolling:before {
   content: "\f5c1";
}

.fa-sun:before {
   content: "\f185";
}

.fa-superpowers:before {
   content: "\f2dd";
}

.fa-superscript:before {
   content: "\f12b";
}

.fa-supple:before {
   content: "\f3f9";
}

.fa-surprise:before {
   content: "\f5c2";
}

.fa-suse:before {
   content: "\f7d6";
}

.fa-swatchbook:before {
   content: "\f5c3";
}

.fa-swimmer:before {
   content: "\f5c4";
}

.fa-swimming-pool:before {
   content: "\f5c5";
}

.fa-symfony:before {
   content: "\f83d";
}

.fa-synagogue:before {
   content: "\f69b";
}

.fa-sync:before {
   content: "\f021";
}

.fa-sync-alt:before {
   content: "\f2f1";
}

.fa-syringe:before {
   content: "\f48e";
}

.fa-table:before {
   content: "\f0ce";
}

.fa-table-tennis:before {
   content: "\f45d";
}

.fa-tablet:before {
   content: "\f10a";
}

.fa-tablet-alt:before {
   content: "\f3fa";
}

.fa-tablets:before {
   content: "\f490";
}

.fa-tachometer-alt:before {
   content: "\f3fd";
}

.fa-tag:before {
   content: "\f02b";
}

.fa-tags:before {
   content: "\f02c";
}

.fa-tape:before {
   content: "\f4db";
}

.fa-tasks:before {
   content: "\f0ae";
}

.fa-taxi:before {
   content: "\f1ba";
}

.fa-teamspeak:before {
   content: "\f4f9";
}

.fa-teeth:before {
   content: "\f62e";
}

.fa-teeth-open:before {
   content: "\f62f";
}

.fa-telegram:before {
   content: "\f2c6";
}

.fa-telegram-plane:before {
   content: "\f3fe";
}

.fa-temperature-high:before {
   content: "\f769";
}

.fa-temperature-low:before {
   content: "\f76b";
}

.fa-tencent-weibo:before {
   content: "\f1d5";
}

.fa-tenge:before {
   content: "\f7d7";
}

.fa-terminal:before {
   content: "\f120";
}

.fa-text-height:before {
   content: "\f034";
}

.fa-text-width:before {
   content: "\f035";
}

.fa-th:before {
   content: "\f00a";
}

.fa-th-large:before {
   content: "\f009";
}

.fa-th-list:before {
   content: "\f00b";
}

.fa-the-red-yeti:before {
   content: "\f69d";
}

.fa-theater-masks:before {
   content: "\f630";
}

.fa-themeco:before {
   content: "\f5c6";
}

.fa-themeisle:before {
   content: "\f2b2";
}

.fa-thermometer:before {
   content: "\f491";
}

.fa-thermometer-empty:before {
   content: "\f2cb";
}

.fa-thermometer-full:before {
   content: "\f2c7";
}

.fa-thermometer-half:before {
   content: "\f2c9";
}

.fa-thermometer-quarter:before {
   content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
   content: "\f2c8";
}

.fa-think-peaks:before {
   content: "\f731";
}

.fa-thumbs-down:before {
   content: "\f165";
}

.fa-thumbs-up:before {
   content: "\f164";
}

.fa-thumbtack:before {
   content: "\f08d";
}

.fa-ticket-alt:before {
   content: "\f3ff";
}

.fa-times:before {
   content: "\f00d";
}

.fa-times-circle:before {
   content: "\f057";
}

.fa-tint:before {
   content: "\f043";
}

.fa-tint-slash:before {
   content: "\f5c7";
}

.fa-tired:before {
   content: "\f5c8";
}

.fa-toggle-off:before {
   content: "\f204";
}

.fa-toggle-on:before {
   content: "\f205";
}

.fa-toilet:before {
   content: "\f7d8";
}

.fa-toilet-paper:before {
   content: "\f71e";
}

.fa-toolbox:before {
   content: "\f552";
}

.fa-tools:before {
   content: "\f7d9";
}

.fa-tooth:before {
   content: "\f5c9";
}

.fa-torah:before {
   content: "\f6a0";
}

.fa-torii-gate:before {
   content: "\f6a1";
}

.fa-tractor:before {
   content: "\f722";
}

.fa-trade-federation:before {
   content: "\f513";
}

.fa-trademark:before {
   content: "\f25c";
}

.fa-traffic-light:before {
   content: "\f637";
}

.fa-train:before {
   content: "\f238";
}

.fa-tram:before {
   content: "\f7da";
}

.fa-transgender:before {
   content: "\f224";
}

.fa-transgender-alt:before {
   content: "\f225";
}

.fa-trash:before {
   content: "\f1f8";
}

.fa-trash-alt:before {
   content: "\f2ed";
}

.fa-trash-restore:before {
   content: "\f829";
}

.fa-trash-restore-alt:before {
   content: "\f82a";
}

.fa-tree:before {
   content: "\f1bb";
}

.fa-trello:before {
   content: "\f181";
}

.fa-tripadvisor:before {
   content: "\f262";
}

.fa-trophy:before {
   content: "\f091";
}

.fa-truck:before {
   content: "\f0d1";
}

.fa-truck-loading:before {
   content: "\f4de";
}

.fa-truck-monster:before {
   content: "\f63b";
}

.fa-truck-moving:before {
   content: "\f4df";
}

.fa-truck-pickup:before {
   content: "\f63c";
}

.fa-tshirt:before {
   content: "\f553";
}

.fa-tty:before {
   content: "\f1e4";
}

.fa-tumblr:before {
   content: "\f173";
}

.fa-tumblr-square:before {
   content: "\f174";
}

.fa-tv:before {
   content: "\f26c";
}

.fa-twitch:before {
   content: "\f1e8";
}

.fa-twitter:before {
   content: "\f099";
}

.fa-twitter-square:before {
   content: "\f081";
}

.fa-typo3:before {
   content: "\f42b";
}

.fa-uber:before {
   content: "\f402";
}

.fa-ubuntu:before {
   content: "\f7df";
}

.fa-uikit:before {
   content: "\f403";
}

.fa-umbrella:before {
   content: "\f0e9";
}

.fa-umbrella-beach:before {
   content: "\f5ca";
}

.fa-underline:before {
   content: "\f0cd";
}

.fa-undo:before {
   content: "\f0e2";
}

.fa-undo-alt:before {
   content: "\f2ea";
}

.fa-uniregistry:before {
   content: "\f404";
}

.fa-universal-access:before {
   content: "\f29a";
}

.fa-university:before {
   content: "\f19c";
}

.fa-unlink:before {
   content: "\f127";
}

.fa-unlock:before {
   content: "\f09c";
}

.fa-unlock-alt:before {
   content: "\f13e";
}

.fa-untappd:before {
   content: "\f405";
}

.fa-upload:before {
   content: "\f093";
}

.fa-ups:before {
   content: "\f7e0";
}

.fa-usb:before {
   content: "\f287";
}

.fa-user:before {
   content: "\f007";
}

.fa-user-alt:before {
   content: "\f406";
}

.fa-user-alt-slash:before {
   content: "\f4fa";
}

.fa-user-astronaut:before {
   content: "\f4fb";
}

.fa-user-check:before {
   content: "\f4fc";
}

.fa-user-circle:before {
   content: "\f2bd";
}

.fa-user-clock:before {
   content: "\f4fd";
}

.fa-user-cog:before {
   content: "\f4fe";
}

.fa-user-edit:before {
   content: "\f4ff";
}

.fa-user-friends:before {
   content: "\f500";
}

.fa-user-graduate:before {
   content: "\f501";
}

.fa-user-injured:before {
   content: "\f728";
}

.fa-user-lock:before {
   content: "\f502";
}

.fa-user-md:before {
   content: "\f0f0";
}

.fa-user-minus:before {
   content: "\f503";
}

.fa-user-ninja:before {
   content: "\f504";
}

.fa-user-nurse:before {
   content: "\f82f";
}

.fa-user-plus:before {
   content: "\f234";
}

.fa-user-secret:before {
   content: "\f21b";
}

.fa-user-shield:before {
   content: "\f505";
}

.fa-user-slash:before {
   content: "\f506";
}

.fa-user-tag:before {
   content: "\f507";
}

.fa-user-tie:before {
   content: "\f508";
}

.fa-user-times:before {
   content: "\f235";
}

.fa-users:before {
   content: "\f0c0";
}

.fa-users-cog:before {
   content: "\f509";
}

.fa-usps:before {
   content: "\f7e1";
}

.fa-ussunnah:before {
   content: "\f407";
}

.fa-utensil-spoon:before {
   content: "\f2e5";
}

.fa-utensils:before {
   content: "\f2e7";
}

.fa-vaadin:before {
   content: "\f408";
}

.fa-vector-square:before {
   content: "\f5cb";
}

.fa-venus:before {
   content: "\f221";
}

.fa-venus-double:before {
   content: "\f226";
}

.fa-venus-mars:before {
   content: "\f228";
}

.fa-viacoin:before {
   content: "\f237";
}

.fa-viadeo:before {
   content: "\f2a9";
}

.fa-viadeo-square:before {
   content: "\f2aa";
}

.fa-vial:before {
   content: "\f492";
}

.fa-vials:before {
   content: "\f493";
}

.fa-viber:before {
   content: "\f409";
}

.fa-video:before {
   content: "\f03d";
}

.fa-video-slash:before {
   content: "\f4e2";
}

.fa-vihara:before {
   content: "\f6a7";
}

.fa-vimeo:before {
   content: "\f40a";
}

.fa-vimeo-square:before {
   content: "\f194";
}

.fa-vimeo-v:before {
   content: "\f27d";
}

.fa-vine:before {
   content: "\f1ca";
}

.fa-vk:before {
   content: "\f189";
}

.fa-vnv:before {
   content: "\f40b";
}

.fa-volleyball-ball:before {
   content: "\f45f";
}

.fa-volume-down:before {
   content: "\f027";
}

.fa-volume-mute:before {
   content: "\f6a9";
}

.fa-volume-off:before {
   content: "\f026";
}

.fa-volume-up:before {
   content: "\f028";
}

.fa-vote-yea:before {
   content: "\f772";
}

.fa-vr-cardboard:before {
   content: "\f729";
}

.fa-vuejs:before {
   content: "\f41f";
}

.fa-walking:before {
   content: "\f554";
}

.fa-wallet:before {
   content: "\f555";
}

.fa-warehouse:before {
   content: "\f494";
}

.fa-water:before {
   content: "\f773";
}

.fa-wave-square:before {
   content: "\f83e";
}

.fa-waze:before {
   content: "\f83f";
}

.fa-weebly:before {
   content: "\f5cc";
}

.fa-weibo:before {
   content: "\f18a";
}

.fa-weight:before {
   content: "\f496";
}

.fa-weight-hanging:before {
   content: "\f5cd";
}

.fa-weixin:before {
   content: "\f1d7";
}

.fa-whatsapp:before {
   content: "\f232";
}

.fa-whatsapp-square:before {
   content: "\f40c";
}

.fa-wheelchair:before {
   content: "\f193";
}

.fa-whmcs:before {
   content: "\f40d";
}

.fa-wifi:before {
   content: "\f1eb";
}

.fa-wikipedia-w:before {
   content: "\f266";
}

.fa-wind:before {
   content: "\f72e";
}

.fa-window-close:before {
   content: "\f410";
}

.fa-window-maximize:before {
   content: "\f2d0";
}

.fa-window-minimize:before {
   content: "\f2d1";
}

.fa-window-restore:before {
   content: "\f2d2";
}

.fa-windows:before {
   content: "\f17a";
}

.fa-wine-bottle:before {
   content: "\f72f";
}

.fa-wine-glass:before {
   content: "\f4e3";
}

.fa-wine-glass-alt:before {
   content: "\f5ce";
}

.fa-wix:before {
   content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
   content: "\f730";
}

.fa-wolf-pack-battalion:before {
   content: "\f514";
}

.fa-won-sign:before {
   content: "\f159";
}

.fa-wordpress:before {
   content: "\f19a";
}

.fa-wordpress-simple:before {
   content: "\f411";
}

.fa-wpbeginner:before {
   content: "\f297";
}

.fa-wpexplorer:before {
   content: "\f2de";
}

.fa-wpforms:before {
   content: "\f298";
}

.fa-wpressr:before {
   content: "\f3e4";
}

.fa-wrench:before {
   content: "\f0ad";
}

.fa-x-ray:before {
   content: "\f497";
}

.fa-xbox:before {
   content: "\f412";
}

.fa-xing:before {
   content: "\f168";
}

.fa-xing-square:before {
   content: "\f169";
}

.fa-y-combinator:before {
   content: "\f23b";
}

.fa-yahoo:before {
   content: "\f19e";
}

.fa-yammer:before {
   content: "\f840";
}

.fa-yandex:before {
   content: "\f413";
}

.fa-yandex-international:before {
   content: "\f414";
}

.fa-yarn:before {
   content: "\f7e3";
}

.fa-yelp:before {
   content: "\f1e9";
}

.fa-yen-sign:before {
   content: "\f157";
}

.fa-yin-yang:before {
   content: "\f6ad";
}

.fa-yoast:before {
   content: "\f2b1";
}

.fa-youtube:before {
   content: "\f167";
}

.fa-youtube-square:before {
   content: "\f431";
}

.fa-zhihu:before {
   content: "\f63f";
}

.sr-only {
   border: 0;
   clip: rect(0, 0, 0, 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
   clip: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   position: static;
   width: auto;
}

@font-face {
   font-family: "Font Awesome 5 Brands";
   font-style: normal;
   font-weight: normal;
   font-display: auto;
   src: url("../webfonts/fa-brands-400.eot");
   src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
   font-family: "Font Awesome 5 Brands";
}

@font-face {
   font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: 400;
   font-display: auto;
   src: url("../webfonts/fa-regular-400.eot");
   src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
   font-family: "Font Awesome 5 Free";
   font-weight: 400;
}

@font-face {
   font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: 900;
   font-display: auto;
   src: url("../webfonts/fa-solid-900.eot");
   src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
}

/* aus Bootstrap:
/== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
$screen-xs-min:              $screen-xs !default;
// Small screen / tablet
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
// Medium screen / desktop
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
// Large screen / wide desktop
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;   767px
$screen-sm-max:              ($screen-md-min - 1) !default;   991px
$screen-md-max:              ($screen-lg-min - 1) !default;  1199px
*****************************************************************************************/
div[class^=elfsight-] .gbpMEX, div[class^=elfsight-] .fQqXKN, div[class^=elfsight-] .iSknjn {
   color: #111 !important;
}
div[class^=elfsight-] .gFbwhb {
   background: transparent;
}
div[class^=elfsight-] div[class^=WidgetTitle] {
   font-family: "NotoSerifRegular", arial, verdana, sans-serif;
}
div[class^=elfsight-] div[class^=WidgetTitle__Header] {
   display: none;
}