@font-face {
  font-family: 'octicons';
  src: url('/fonts/octicons/octicons.eot?#iefix&v=22dab811a5aa6c7ae0f71074a3480b993f7ef79b') format('embedded-opentype'), url('/fonts/octicons/octicons.woff?v=22dab811a5aa6c7ae0f71074a3480b993f7ef79b') format('woff'), url('/fonts/octicons/octicons.ttf?v=22dab811a5aa6c7ae0f71074a3480b993f7ef79b') format('truetype'), url('/fonts/octicons/octicons.svg?v=22dab811a5aa6c7ae0f71074a3480b993f7ef79b#octicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.octicon,
.mega-octicon {
  font: normal normal normal 16px/1 octicons;
  display: inline-block;
  text-decoration: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mega-octicon {
  font-size: 32px;
}
.octicon-alert:before {
  content: '\f02d';
}
/*  */
.octicon-arrow-down:before {
  content: '\f03f';
}
/*  */
.octicon-arrow-left:before {
  content: '\f040';
}
/*  */
.octicon-arrow-right:before {
  content: '\f03e';
}
/*  */
.octicon-arrow-small-down:before {
  content: '\f0a0';
}
/*  */
.octicon-arrow-small-left:before {
  content: '\f0a1';
}
/*  */
.octicon-arrow-small-right:before {
  content: '\f071';
}
/*  */
.octicon-arrow-small-up:before {
  content: '\f09f';
}
/*  */
.octicon-arrow-up:before {
  content: '\f03d';
}
/*  */
.octicon-microscope:before,
.octicon-beaker:before {
  content: '\f0dd';
}
/*  */
.octicon-bell:before {
  content: '\f0de';
}
/*  */
.octicon-bold:before {
  content: '\f0e2';
}
/*  */
.octicon-book:before {
  content: '\f007';
}
/*  */
.octicon-bookmark:before {
  content: '\f07b';
}
/*  */
.octicon-briefcase:before {
  content: '\f0d3';
}
/*  */
.octicon-broadcast:before {
  content: '\f048';
}
/*  */
.octicon-browser:before {
  content: '\f0c5';
}
/*  */
.octicon-bug:before {
  content: '\f091';
}
/*  */
.octicon-calendar:before {
  content: '\f068';
}
/*  */
.octicon-check:before {
  content: '\f03a';
}
/*  */
.octicon-checklist:before {
  content: '\f076';
}
/*  */
.octicon-chevron-down:before {
  content: '\f0a3';
}
/*  */
.octicon-chevron-left:before {
  content: '\f0a4';
}
/*  */
.octicon-chevron-right:before {
  content: '\f078';
}
/*  */
.octicon-chevron-up:before {
  content: '\f0a2';
}
/*  */
.octicon-circle-slash:before {
  content: '\f084';
}
/*  */
.octicon-circuit-board:before {
  content: '\f0d6';
}
/*  */
.octicon-clippy:before {
  content: '\f035';
}
/*  */
.octicon-clock:before {
  content: '\f046';
}
/*  */
.octicon-cloud-download:before {
  content: '\f00b';
}
/*  */
.octicon-cloud-upload:before {
  content: '\f00c';
}
/*  */
.octicon-code:before {
  content: '\f05f';
}
/*  */
.octicon-comment-add:before,
.octicon-comment:before {
  content: '\f02b';
}
/*  */
.octicon-comment-discussion:before {
  content: '\f04f';
}
/*  */
.octicon-credit-card:before {
  content: '\f045';
}
/*  */
.octicon-dash:before {
  content: '\f0ca';
}
/*  */
.octicon-dashboard:before {
  content: '\f07d';
}
/*  */
.octicon-database:before {
  content: '\f096';
}
/*  */
.octicon-clone:before,
.octicon-desktop-download:before {
  content: '\f0dc';
}
/*  */
.octicon-device-camera:before {
  content: '\f056';
}
/*  */
.octicon-device-camera-video:before {
  content: '\f057';
}
/*  */
.octicon-device-desktop:before {
  content: '\f27c';
}
/*  */
.octicon-device-mobile:before {
  content: '\f038';
}
/*  */
.octicon-diff:before {
  content: '\f04d';
}
/*  */
.octicon-diff-added:before {
  content: '\f06b';
}
/*  */
.octicon-diff-ignored:before {
  content: '\f099';
}
/*  */
.octicon-diff-modified:before {
  content: '\f06d';
}
/*  */
.octicon-diff-removed:before {
  content: '\f06c';
}
/*  */
.octicon-diff-renamed:before {
  content: '\f06e';
}
/*  */
.octicon-ellipsis:before {
  content: '\f09a';
}
/*  */
.octicon-eye-unwatch:before,
.octicon-eye-watch:before,
.octicon-eye:before {
  content: '\f04e';
}
/*  */
.octicon-file-binary:before {
  content: '\f094';
}
/*  */
.octicon-file-code:before {
  content: '\f010';
}
/*  */
.octicon-file-directory:before {
  content: '\f016';
}
/*  */
.octicon-file-media:before {
  content: '\f012';
}
/*  */
.octicon-file-pdf:before {
  content: '\f014';
}
/*  */
.octicon-file-submodule:before {
  content: '\f017';
}
/*  */
.octicon-file-symlink-directory:before {
  content: '\f0b1';
}
/*  */
.octicon-file-symlink-file:before {
  content: '\f0b0';
}
/*  */
.octicon-file-text:before {
  content: '\f011';
}
/*  */
.octicon-file-zip:before {
  content: '\f013';
}
/*  */
.octicon-flame:before {
  content: '\f0d2';
}
/*  */
.octicon-fold:before {
  content: '\f0cc';
}
/*  */
.octicon-gear:before {
  content: '\f02f';
}
/*  */
.octicon-gift:before {
  content: '\f042';
}
/*  */
.octicon-gist:before {
  content: '\f00e';
}
/*  */
.octicon-gist-secret:before {
  content: '\f08c';
}
/*  */
.octicon-git-branch-create:before,
.octicon-git-branch-delete:before,
.octicon-git-branch:before {
  content: '\f020';
}
/*  */
.octicon-git-commit:before {
  content: '\f01f';
}
/*  */
.octicon-git-compare:before {
  content: '\f0ac';
}
/*  */
.octicon-git-merge:before {
  content: '\f023';
}
/*  */
.octicon-git-pull-request-abandoned:before,
.octicon-git-pull-request:before {
  content: '\f009';
}
/*  */
.octicon-globe:before {
  content: '\f0b6';
}
/*  */
.octicon-graph:before {
  content: '\f043';
}
/*  */
.octicon-heart:before {
  content: '\2665';
}
/* ♥ */
.octicon-history:before {
  content: '\f07e';
}
/*  */
.octicon-home:before {
  content: '\f08d';
}
/*  */
.octicon-horizontal-rule:before {
  content: '\f070';
}
/*  */
.octicon-hubot:before {
  content: '\f09d';
}
/*  */
.octicon-inbox:before {
  content: '\f0cf';
}
/*  */
.octicon-info:before {
  content: '\f059';
}
/*  */
.octicon-issue-closed:before {
  content: '\f028';
}
/*  */
.octicon-issue-opened:before {
  content: '\f026';
}
/*  */
.octicon-issue-reopened:before {
  content: '\f027';
}
/*  */
.octicon-italic:before {
  content: '\f0e4';
}
/*  */
.octicon-jersey:before {
  content: '\f019';
}
/*  */
.octicon-key:before {
  content: '\f049';
}
/*  */
.octicon-keyboard:before {
  content: '\f00d';
}
/*  */
.octicon-law:before {
  content: '\f0d8';
}
/*  */
.octicon-light-bulb:before {
  content: '\f000';
}
/*  */
.octicon-link:before {
  content: '\f05c';
}
/*  */
.octicon-link-external:before {
  content: '\f07f';
}
/*  */
.octicon-list-ordered:before {
  content: '\f062';
}
/*  */
.octicon-list-unordered:before {
  content: '\f061';
}
/*  */
.octicon-location:before {
  content: '\f060';
}
/*  */
.octicon-gist-private:before,
.octicon-mirror-private:before,
.octicon-git-fork-private:before,
.octicon-lock:before {
  content: '\f06a';
}
/*  */
.octicon-logo-gist:before {
  content: '\f0ad';
}
/*  */
.octicon-logo-github:before {
  content: '\f092';
}
/*  */
.octicon-mail:before {
  content: '\f03b';
}
/*  */
.octicon-mail-read:before {
  content: '\f03c';
}
/*  */
.octicon-mail-reply:before {
  content: '\f051';
}
/*  */
.octicon-mark-github:before {
  content: '\f00a';
}
/*  */
.octicon-markdown:before {
  content: '\f0c9';
}
/*  */
.octicon-megaphone:before {
  content: '\f077';
}
/*  */
.octicon-mention:before {
  content: '\f0be';
}
/*  */
.octicon-milestone:before {
  content: '\f075';
}
/*  */
.octicon-mirror-public:before,
.octicon-mirror:before {
  content: '\f024';
}
/*  */
.octicon-mortar-board:before {
  content: '\f0d7';
}
/*  */
.octicon-mute:before {
  content: '\f080';
}
/*  */
.octicon-no-newline:before {
  content: '\f09c';
}
/*  */
.octicon-octoface:before {
  content: '\f008';
}
/*  */
.octicon-organization:before {
  content: '\f037';
}
/*  */
.octicon-package:before {
  content: '\f0c4';
}
/*  */
.octicon-paintcan:before {
  content: '\f0d1';
}
/*  */
.octicon-pencil:before {
  content: '\f058';
}
/*  */
.octicon-person-add:before,
.octicon-person-follow:before,
.octicon-person:before {
  content: '\f018';
}
/*  */
.octicon-pin:before {
  content: '\f041';
}
/*  */
.octicon-plug:before {
  content: '\f0d4';
}
/*  */
.octicon-repo-create:before,
.octicon-gist-new:before,
.octicon-file-directory-create:before,
.octicon-file-add:before,
.octicon-plus:before {
  content: '\f05d';
}
/*  */
.octicon-primitive-dot:before {
  content: '\f052';
}
/*  */
.octicon-primitive-square:before {
  content: '\f053';
}
/*  */
.octicon-pulse:before {
  content: '\f085';
}
/*  */
.octicon-question:before {
  content: '\f02c';
}
/*  */
.octicon-quote:before {
  content: '\f063';
}
/*  */
.octicon-radio-tower:before {
  content: '\f030';
}
/*  */
.octicon-repo-delete:before,
.octicon-repo:before {
  content: '\f001';
}
/*  */
.octicon-repo-clone:before {
  content: '\f04c';
}
/*  */
.octicon-repo-force-push:before {
  content: '\f04a';
}
/*  */
.octicon-gist-fork:before,
.octicon-repo-forked:before {
  content: '\f002';
}
/*  */
.octicon-repo-pull:before {
  content: '\f006';
}
/*  */
.octicon-repo-push:before {
  content: '\f005';
}
/*  */
.octicon-rocket:before {
  content: '\f033';
}
/*  */
.octicon-rss:before {
  content: '\f034';
}
/*  */
.octicon-ruby:before {
  content: '\f047';
}
/*  */
.octicon-search-save:before,
.octicon-search:before {
  content: '\f02e';
}
/*  */
.octicon-server:before {
  content: '\f097';
}
/*  */
.octicon-settings:before {
  content: '\f07c';
}
/*  */
.octicon-shield:before {
  content: '\f0e1';
}
/*  */
.octicon-log-in:before,
.octicon-sign-in:before {
  content: '\f036';
}
/*  */
.octicon-log-out:before,
.octicon-sign-out:before {
  content: '\f032';
}
/*  */
.octicon-smiley:before {
  content: '\f0e7';
}
/*  */
.octicon-squirrel:before {
  content: '\f0b2';
}
/*  */
.octicon-star-add:before,
.octicon-star-delete:before,
.octicon-star:before {
  content: '\f02a';
}
/*  */
.octicon-stop:before {
  content: '\f08f';
}
/*  */
.octicon-repo-sync:before,
.octicon-sync:before {
  content: '\f087';
}
/*  */
.octicon-tag-remove:before,
.octicon-tag-add:before,
.octicon-tag:before {
  content: '\f015';
}
/*  */
.octicon-tasklist:before {
  content: '\f0e5';
}
/*  */
.octicon-telescope:before {
  content: '\f088';
}
/*  */
.octicon-terminal:before {
  content: '\f0c8';
}
/*  */
.octicon-text-size:before {
  content: '\f0e3';
}
/*  */
.octicon-three-bars:before {
  content: '\f05e';
}
/*  */
.octicon-thumbsdown:before {
  content: '\f0db';
}
/*  */
.octicon-thumbsup:before {
  content: '\f0da';
}
/*  */
.octicon-tools:before {
  content: '\f031';
}
/*  */
.octicon-trashcan:before {
  content: '\f0d0';
}
/*  */
.octicon-triangle-down:before {
  content: '\f05b';
}
/*  */
.octicon-triangle-left:before {
  content: '\f044';
}
/*  */
.octicon-triangle-right:before {
  content: '\f05a';
}
/*  */
.octicon-triangle-up:before {
  content: '\f0aa';
}
/*  */
.octicon-unfold:before {
  content: '\f039';
}
/*  */
.octicon-unmute:before {
  content: '\f0ba';
}
/*  */
.octicon-unverified:before {
  content: '\f0e8';
}
/*  */
.octicon-verified:before {
  content: '\f0e6';
}
/*  */
.octicon-versions:before {
  content: '\f064';
}
/*  */
.octicon-watch:before {
  content: '\f0e0';
}
/*  */
.octicon-remove-close:before,
.octicon-x:before {
  content: '\f081';
}
/*  */
.octicon-zap:before {
  content: '\26A1';
}
/* ⚡ */

@font-face {
  font-family: 'bringshoot';
  src: url('/fonts/bringshoot/Bringshoot.ttf');
  src: url('/fonts/bringshoot/bringshoot-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/bringshoot/bringshoot-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'jellyka-estryas';
  src: url('/fonts/jellyka_estra/jellyka_estrya_handwriting-webfont.eot');
  src: url('/fonts/jellyka_estra/jellyka_estrya_handwriting-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/jellyka_estra/jellyka_estrya_handwriting-webfont.woff2') format('woff2'), url('/fonts/jellyka_estra/jellyka_estrya_handwriting-webfont.woff') format('woff'), url('/fonts/jellyka_estra/jellyka_estrya_handwriting-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.flexbox {
  display: -webkit-box;
  display: flex;
}
.flexbox-row {
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
}
.flexbox-column {
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  flex-direction: column;
}
.flexbox-space-around {
  -webkit-box-pack: justify;
  justify-content: space-around;
}
.flexbox-space-between {
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.flexbox-center {
  -webkit-box-pack: center;
  justify-content: center;
}
.flexbox-flex-end {
  -webkit-box-pack: end;
  justify-content: flex-end;
}
.fader {
  transition: background-color 800ms linear;
}
.avoid-column-break {
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari */
  /* Theoretically FF 20+ */
  break-inside: avoid-column;
  /* IE 11 */
  display: table;
}
html {
  font-size: 100%;
}
body {
  width: 100%;
  max-width: 1920px;
  font-size: 1rem;
  margin-left: auto ;
  margin-right: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto Condensed";
  text-align: center;
  color: #595959;
}
h1.left,
h2.left,
h3.left,
h4.left,
h5.left,
h6.left {
  text-align: left;
}
h1 {
  font-size: 3rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
}
h2 {
  font-size: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
h4 {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
}
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 1.5rem;
  }
  h2 {
    font-size: 1.3rem;
  }
  h3 {
    font-size: 1rem;
  }
  h4 {
    font-size: 0.8rem;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  h1 {
    letter-spacing: 0.1rem;
    font-size: 2rem;
  }
  h2 {
    font-size: 1.3rem;
  }
  h3 {
    font-size: 1rem;
  }
  h4 {
    font-size: 0.8rem;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  h3 {
    font-size: 1rem;
  }
  h4 {
    font-size: 0.9rem;
  }
}
.nav,
.pagination,
.carousel,
.panel-title a {
  cursor: pointer;
}
.video-frame {
  width: 100%;
  height: 35vh;
}
.livestream-frame {
  width: 100%;
  height: 70vh;
  margin-top: 4rem;
}
/****************************** Layout Header ******************************/
.layout-header.affix .logo a {
  -webkit-filter: none;
  filter: none;
}
.layout-header .logo img {
  width: 222px;
}
.layout-header {
  width: 100%;
  max-width: 1920px;
  z-index: 350;
  position: fixed;
  opacity: 0.95;
  height: 100px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.layout-header .logo {
  -webkit-box-flex: 0;
  flex-grow: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 5px 10px;
}
.layout-header .navigation {
  -webkit-box-flex: 4;
  flex-grow: 4;
  display: -webkit-box;
  display: flex;
}
.layout-header .navigation .menu {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-around;
  -webkit-box-align: stretch;
  align-items: stretch;
  width: 95%;
}
.layout-header .navigation .menu-icon {
  display: none;
}
.layout-header .navigation .menu-icon a {
  color: #f5f5f5;
  margin-top: 42px;
  font-size: 2rem;
  text-decoration: none;
}
.navigation .sub-menu ul li a:hover {
  text-decoration: none;
  color: black;
}
.layout-header.affix {
  background-color: #00afe6;
  /*transition: background-color 800ms linear;*/
}
.layout-header.affix-top {
	background-color: #00afe6;
  /*background-color: transparent;
  transition: background-color 800ms linear;*/
}
.layout-header.affix-top .navigation > div > div:hover h3 {
  color: #00afe6;
}
.layout-header.affix-top .navigation.open > div > div:hover h3 {
  color: black;
}
.layout-header.affix .navigation > div > div:hover h3 {
  color: black;
}
.navigation .menu h4 {
  color: #f5f5f5;
}
.navigation {
  font-family: "Helvetica";
  color: #f5f5f5;
  text-align: left;
}
.navigation > div > div.active h3 {
  border-bottom: 0.125rem solid #f5f5f5;
}
.navigation .menu > div > a:hover,
.navigation .menu > div > a:link,
.navigation .menu > div > a:active,
.navigation .menu > div > a:visited {
  text-decoration: none;
}
.navigation .sub-menu {
  display: none;
  position: absolute;
  top: 64px;
  width: 400px;
  max-width: 400px;
  padding-top: 20px;
  border-radius: 0.25rem 3rem 0.25rem 3rem;
}
.scrollable-menu {
  height: auto;
  overflow-x: hidden;
}
.navigation .menu > div:hover .sub-menu {
  display: block;
}
.navigation > div > div:nth-last-child(-n+2) .sub-menu {
  right: 0;
}
.navigation .sub-menu {
  background-color: #00afe6;
}
.navigation .menu > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
}
.navigation .sub-menu .submenu-title {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.02rem;
  font-weigth: bold;
  color: #f5f5f5;
  font-family: "Roboto Condensed";
}
.navigation .sub-menu a:hover .submenu-title,
.navigation .sub-menu a:hover .submenu-subtitle {
  color: black;
}
.navigation .sub-menu .submenu-subtitle {
  display: block;
  color: #f5f5f5;
  font-style: italic;
  font-family: "Roboto Condensed";
  margin-left: 20px;
  font-weight: 100;
}
.navigation .sub-menu h4 {
  color: #f5f5f5;
}
@media only screen and (max-width: 480px) {
  .layout-header {
    height: 60px;
  }
  .landau .layout-header.affix-top {
    background-color: #00afe6;
  }
  .layout-header .logo img {
    width: 140px;
  }
  .layout-header .navigation {
    display: block;
    -webkit-box-flex: 0;
    flex-grow: 0;
  }
  .layout-header .navigation .menu {
    display: none;
  }
  .layout-header .navigation .menu-icon {
    display: block;
    position: absolute;
    right: 10px;
    top: 13px;
  }
  .layout-header .navigation.open .menu {
    position: fixed;
    display: block !important;
    left: 0;
    width: 100%;
    margin-top: 60px;
  }
  .navigation.open .menu > div {
    width: auto;
    background-color: #00afe6;
  }
  .navigation .menu > div:hover .sub-menu {
    display: none;
  }
  .navigation.open .menu div {
    position: relative;
  }
  .navigation.open .menu div h3 {
    line-height: 40px;
    vertical-align: middle;
    margin: 3px 0 0 0;
    position: relative;
  }
  .navigation.open .menu .sub-menu.open {
    display: block;
    width: 100%;
    padding: 0;
  }
  .navigation.open .menu .sub-menu.open {
    position: static;
  }
  .navigation.open .menu .sub-menu.open > div {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .navigation.open .menu .sub-menu.open .entry {
    margin: 2px 0;
    line-height: 40px;
    font-size: 1.3rem;
    text-align: center;
    width: 100%;
    background-color: #2296d4;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .layout-header {
    height: 60px;
  }
  .layout-header .logo img {
    width: 140px;
  }
  .layout-header .navigation {
    display: block;
    -webkit-box-flex: 0;
    flex-grow: 0;
  }
  .layout-header .navigation .menu {
    display: none;
  }
  .layout-header .navigation .menu-icon {
    display: block;
    position: absolute;
    right: 10px;
    top: 13px;
  }
  .layout-header .navigation.open .menu {
    position: fixed;
    display: block !important;
    left: 0;
    width: 100%;
    margin-top: 0;
  }
  .navigation.open .menu > div {
    width: auto;
    background-color: #00afe6;
  }
  .navigation .menu > div:hover .sub-menu {
    display: none;
  }
  .navigation.open .menu div {
    position: relative;
  }
  .navigation.open .menu div h4 {
    line-height: 40px;
    vertical-align: middle;
    margin: 3px 0 0 0;
    position: relative;
    font-size: 2rem;
  }
  .navigation.open .menu .sub-menu.open {
    display: block;
    width: 100%;
    padding: 0;
  }
  .navigation.open .menu .sub-menu.open {
    position: static;
  }
  .navigation.open .menu .sub-menu.open > div {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .navigation.open .menu .sub-menu.open .entry {
    margin: 2px 0;
    line-height: 40px;
    font-size: 1.3rem;
    text-align: center;
    width: 100%;
    background-color: #2296d4;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .layout-header {
    height: 60px;
  }
  .navigation .sub-menu {
    top: 44px;
  }
  .layout-header .logo img {
    width: 140px;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .layout-header {
    height: 80px;
  }
  .layout-header .logo img {
    width: 160px;
  }
}
/****************************** Layout Header ENDE *********************************/
/***************************** Template: page-title BEGIN **************************/
.template-page-title .page-title {
  max-height: 80vh;
  overflow: hidden;
  border-bottom: 15px solid #00afe6;
}
.template-page-title .page-title .text h3 {
  font-family: "jellyka-estryas";
  color: #ffffff;
  font-size: 22rem;
  font-weight: normal;
  letter-spacing: 0.1rem;
  text-align: center;
  text-transform: none;
  text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.6);
  margin: 1rem;
}
.template-page-title .page-title .text p {
  display: none;
  background-color: #00afe6;
  opacity: 0.95;
  padding: 10px;
  margin: 0 0 5rem;
  font-size: 1.3rem;
  width: 70%;
  border-radius: 15px;
  text-align: center;
  font-family: "Helvetica";
}
.template-page-title .page-title img {
  width: 100%;
}
.template-page-title .page-title .text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.template-page-title .page-title .text.bottom {
  -webkit-box-pack: center;
  justify-content: center;
}
@media only screen and (min-width: 1441px) and (max-width: 1680px) {
  .template-page-title .page-title .text h3 {
    font-size: 20rem;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .template-page-title .page-title .text h3 {
    margin: 1rem 0 0.4rem;
    font-size: 16rem;
  }
  .template-page-title .page-title .text p {
    font-size: 0.9rem;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .template-page-title .page-title .text h3 {
    margin: 1rem 0 0.8rem;
    font-size: 18rem;
  }
  .template-page-title .page-title .text p {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  .template-page-title .page-title .text.bottom {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .template-page-title .page-title .text p {
    font-size: 1rem;
    display: none;
  }
  .template-page-title .page-title .text h3 {
    font-size: 6rem;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-page-title .page-title .text.bottom {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .template-page-title .page-title .text p {
    font-size: 1rem;
    display: none;
  }
  .template-page-title .page-title .text {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .template-page-title .page-title .text h3 {
    font-size: 10rem;
  }
}
/***************************** Template: page-title ENDE ***************************/
/***************************** Template: image BEGIN *******************************/
.template-image .mobile {
  display: none;
}
.mobile body .template-image .parallax {
  display: none;
}
.mobile body .template-image .mobile {
  display: block;
}
.mobile body .template-image .mobile img {
  width: 100%;
}
/******************************* Template: image ENDE ******************************/
/***************************** Template: carousel BEGIN *********************/
.template-carousel {
  position: relative;
  width: 100%;
  background-color: #00afe6;
}
.template-carousel .carousel {
  max-height: 80vh;
  overflow: hidden;
  border-bottom: 15px solid #00afe6;
}
.template-carousel .carousel-control,
.template-carousel .carousel-indicators {
  z-index: 200;
}
.template-carousel .carousel-caption h1 {
  font-size: 22rem;
  font-family: "jellyka-estryas";
  color: #ffffff;
  text-transform: none;
  z-index: 171;
  letter-spacing: 0.75rem;
}
.template-carousel .carousel-indicators .active {
  background-color: #00afe6;
}
.template-carousel .carousel-indicators li {
  background-color: #ffffff;
  border: 0;
  width: 20px;
  height: 20px;
  margin: 5px;
}
.template-carousel .carousel-caption {
  height: 60%;
  top: 10%;
  left: 12%;
  right: 12%;
  z-index: 200;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-around;
  -webkit-box-align: center;
  align-items: center;
}
.template-carousel .carousel .carousel-caption span {
  font-family: "Roboto Condensed";
  font-weight: normal;
  text-transform: none;
  font-size: 3rem;
}
.template-carousel .carousel .carousel-caption span span {
  font-family: "Roboto Condensed";
  font-weight: bold;
  font-size: inherit;
}
@media only screen and (max-width: 480px) {
  .template-carousel .carousel-caption h1 {
    font-size: 6rem;
    letter-spacing: 0.1rem;
    line-height: 4rem;
  }
  .template-carousel .carousel .carousel-caption span {
    font-size: 1.5rem;
  }
  .template-carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-carousel .carousel-caption h1 {
    font-size: 10rem;
    letter-spacing: 0.3rem;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .template-carousel .carousel-caption h1 {
    font-size: 16rem;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .template-carousel .carousel-caption h1 {
    font-size: 18rem;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1680px) {
  .template-carousel .carousel-caption h1 {
    font-size: 20rem;
  }
}
/***************************** Template: carousel ENDE **********************/
/***************************** Template: texts BEGIN ************************/
.template-texts.static-columns section article {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: auto;
}
.template-texts.static-columns section article div.wrapper {
  width: 40%;
  text-align: justify;
}
@media only screen and (max-width: 480px) {
  .template-texts.static-columns section article {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .template-texts.static-columns section article div.wrapper {
    width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-texts.static-columns section article {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .template-texts.static-columns section article div.wrapper {
    width: 100%;
  }
}
.template-texts.three.static-columns section article div.wrapper {
  width: 30%;
  text-align: justify;
}
@media only screen and (max-width: 480px) {
  .template-texts.three.static-columns section article div.wrapper {
    width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-texts.three.static-columns section article div.wrapper {
    width: 100%;
  }
}
.template-texts.columns.inverse .wrapper article {
  -webkit-box-ordinal-group: 3;
  order: 2;
}
.template-texts.columns.inverse .wrapper aside {
  -webkit-box-ordinal-group: 2;
  order: 1;
}
.template-texts.columns.connexion section div.wrapper aside {
  padding: 0;
  border: 0;
  background: none;
  min-width: 15%;
  flex-basis: 15%;
  max-width: 15%;
}
.template-texts.columns.connexion section div.wrapper aside div.info-text img {
  width: 100%;
}
.template-texts.columns.connexion section div.wrapper aside h4 {
  display: none;
}
.template-texts.columns section {
  width: 80%;
  margin: auto;
}
.template-texts.columns section article {
  -webkit-column-count: 3;
  -ms-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 40px;
  /* Chrome, Safari, Opera */
  /* Firefox */
  -ms-column-gap: 40px;
  /* IE 10 */
  column-gap: 40px;
  text-align: justify;
}
@media only screen and (max-width: 480px) {
  .template-texts.columns section {
    width: 90%;
  }
  .template-texts.columns section article {
    -webkit-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
    text-align: justify;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-texts.columns section {
    width: 90%;
  }
  .template-texts.columns section article {
    -webkit-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
    text-align: justify;
  }
}
.template-texts.enumaration section {
  width: 50%;
  margin: auto;
}
.template-texts.enumaration section article h3 {
  margin-bottom: 1rem;
}
.template-texts.enumaration section article p {
  font-family: "Helvetica";
  color: #595959;
  text-align: justify;
}
.template-texts.enumaration section header .border {
  border: 2px solid #595959;
  width: 20%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 480px) {
  .template-texts.enumaration section {
    width: 90%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-texts.enumaration section {
    width: 90%;
  }
}
.template-texts.center section > div.wrapper {
  -webkit-box-align: center;
  align-items: center;
}
.template-texts section {
  width: 80%;
  margin: auto;
}
.template-texts section header .hgroup p.sub-title {
  text-align: center;
  color: #9a9a9a;
  font-style: italic;
  font-family: "Roboto Condensed";
  font-size: 1.1rem;
}
.template-texts section > div.wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
}
.template-texts section > div.wrapper article {
  margin: 0 2rem;
  -webkit-column-count: 2;
  -ms-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 60px;
  /* Chrome, Safari, Opera */
  /* Firefox */
  -ms-column-gap: 60px;
  /* IE 10 */
  column-gap: 60px;
  text-align: justify;
}
.template-texts section > div.wrapper article p.main::first-letter {
  font-size: 2rem;
  float: left;
  margin-top: -0.3rem;
  margin-right: 0.1rem;
}
.template-texts section > div.wrapper article p.sub span {
  font-weight: bold;
}
.template-texts section > div.wrapper aside {
  color: #ffffff;
  font-size: 0.9rem;
  padding: 2rem;
  flex-basis: 30%;
  max-width: 30%;
  min-width: 30%;
  border-radius: 0.25rem 3rem 0.25rem 3rem;
  background: linear-gradient(to right, #00afe6, #2296d4);
}
.template-texts section > div.wrapper aside .info-text ul {
  list-style: none;
  padding: 0;
}
.template-texts section > div.wrapper aside .info-text li {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.template-texts section > div.wrapper aside .info-text a {
  color: white;
  text-decoration: underline;
}
.template-texts section > div.wrapper aside .info-text a:hover {
  color: black;
}
.template-texts section > div.wrapper aside .info-text p {
  text-align: center;
}
.template-texts section > div.wrapper aside .title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: bold;
  border-bottom: 1px solid white;
  color: #ffffff;
  padding-bottom: 0.4rem;
}
@media only screen and (max-width: 480px) {
  .template-texts section {
    width: 90%;
  }
  .template-texts section > div.wrapper article {
    margin: 0;
  }
  .template-texts section > div.wrapper aside {
    flex-basis: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .template-texts section > div.wrapper {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .template-texts section > div.wrapper article {
    -webkit-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-texts section {
    width: 90%;
  }
  .template-texts section > div.wrapper article {
    margin: 0;
  }
  .template-texts section > div.wrapper aside {
    flex-basis: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .template-texts section > div.wrapper {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .template-texts section > div.wrapper article {
    -webkit-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
  }
}
/***************************** Template: texts ENDE *************************/
/********************** Template: two-elements BEGIN ************************/
.template-two-elements {
  margin: 5% 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 40% auto 40% auto;
  grid-template-columns: auto 40% auto 40% auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}
.template-two-elements .left {
  -ms-grid-column-span: 1;
  -ms-grid-column: 2;
  grid-column: 2 / span 1;
  -ms-grid-row: 0.5;
  grid-row: 0.5;
}
@media only screen and (max-width: 480px) {
  .template-two-elements .left {
    width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-two-elements .left {
    width: 90%;
    margin: 0 auto;
  }
}
.template-two-elements .right {
  -ms-grid-column-span: 1;
  -ms-grid-column: 4;
  grid-column: 4 / span 1;
  -ms-grid-row: 0.5;
  grid-row: 0.5;
}
@media only screen and (max-width: 480px) {
  .template-two-elements .right {
    width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-two-elements .right {
    width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 480px) {
  .template-two-elements {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-two-elements {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
  }
}
.template-two-elements .events,
.template-two-elements list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  flex-direction: column;
}
.template-two-elements .events > div,
.template-two-elements .list > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  align-content: stretch;
  margin-top: 40px;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.template-two-elements .events > div.border,
.template-two-elements .list > div.border {
  height: 3px;
  background-color: #595959;
  width: 30%;
  margin: 0 35%;
  -webkit-box-flex: 0;
  flex-grow: 0;
}
@media only screen and (max-width: 480px) {
  .template-two-elements {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .template-two-elements section {
    width: 100%;
  }
  .template-two-elements .events,
  .template-two-elements .list {
    width: 100%;
  }
  .template-two-elements .events > div,
  .template-two-elements .list > div {
    margin: 20px 1rem 0;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-two-elements {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .template-two-elements section {
    width: 100%;
  }
  .template-two-elements .events,
  .template-two-elements .list {
    width: 100%;
  }
  .template-two-elements .events > div,
  .template-two-elements .list > div {
    margin: 20px 1rem 0;
  }
}
/********************** Template: two-elements ENDE *************************/
/************************* Template: events BEGIN ***************************/
.template-events {
  margin: 5% 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-around;
}
@media only screen and (max-width: 480px) {
  .template-events {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
  }
}
.template-events .events {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 480px) {
  .template-events .events {
    width: 100%;
  }
}
.template-events .events > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  align-content: stretch;
  margin-top: 40px;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
@media only screen and (max-width: 480px) {
  .template-events .events > div {
    margin: 20px 1rem 0;
  }
}
.template-events .events > div.border {
  height: 3px;
  background-color: #595959;
  width: 30%;
  margin: 0 35%;
  -webkit-box-flex: 0;
  flex-grow: 0;
}
.events .day {
  font-size: 3.5rem;
  font-family: "Helvetica";
  font-weight: 300;
  text-align: left;
  line-height: 1;
}
@media only screen and (max-width: 480px) {
  .events .day {
    font-size: 2.5rem;
  }
}
.events .day {
  color: #00afe6;
}
.events .month {
  font-size: 1.5rem;
  font-family: "Helvetica";
  color: #595959;
  letter-spacing: 3px;
  text-align: center;
  font-weight: 300;
  line-height: 1;
}
@media only screen and (max-width: 480px) {
  .events .month {
    font-size: 1.2rem;
  }
}
.events .title {
  -webkit-box-flex: 5;
  flex: 5;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
}
.events .arrow,
.list .arrow {
  width: 60px;
  background-repeat: no-repeat;
  background-position: center center;
}
.events .green .arrow,
.list .green .arrow {
  background-image: url(../graphics/icons/event_indicator_green.png);
}
.events .blue .arrow,
.list .blue .arrow {
  background-image: url(../graphics/icons/event_indicator_blue.png);
}
/************************* Template: events ENDE ****************************/
/************************* Template: tiles BEGIN ****************************/
.template-tiles {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
.template-tiles .tile,
.template-tiles .tile.normal {
  position: relative;
  cursor: pointer;
  width: 33.3333%;
}
.template-tiles .tile.big {
  position: relative;
  cursor: pointer;
  width: 50%;
}
.template-tiles .tile .text {
  position: absolute;
  width: 80%;
  height: 100%;
  z-index: 200;
  left: 10%;
  top: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center;
}
.template-tiles .tile .text.center {
  -webkit-box-pack: center;
  justify-content: center;
}
.template-tiles .tile .text .subHeader {
  font-family: "Roboto Condensed";
  margin: 1rem;
  letter-spacing: 0.01rem;
  font-size: 1.1rem;
  color: #ffffff;
}
.template-tiles .tile .title {
  font-family: "Roboto Condensed";
  color: #ffffff;
  text-align: center;
  font-size: 2.5rem;
  letter-spacing: 0.1rem;
  margin: 0.7rem;
  text-shadow: 4px 3px 20px black;
  text-transform: uppercase;
}
.template-tiles .tile img {
  max-width: 100%;
  z-index: 150;
}
.template-tiles .tile .text .title .erlebt,
.template-tiles .tile .text .title .theme {
  font-weight: bold;
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-tiles .tile,
  .template-tiles .tile.normal {
    width: 50%;
  }
  .template-tiles .tile .title {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .template-tiles .tile .title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  .template-tiles {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .template-tiles .tile,
  .template-tiles .tile.normal {
    width: 100%;
  }
  .template-tiles .tile .title {
    font-size: 1.8rem;
  }
}
/************************* Template: tiles ENDE *****************************/
.outro {
  margin: 5% 0;
}
.list .text {
  font-family: "Helvetica Neue";
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
}
.list .text .title,
.events .title {
  font-size: 1.5rem;
  color: #595959;
  text-transform: uppercase;
  text-align: left;
}
@media only screen and (max-width: 480px) {
  .list .text .title,
  .events .title {
    font-size: 1.2rem;
  }
}
.list .text .sub-title {
  color: #9a9a9a;
  font-size: 0.8rem;
  font-style: italic;
}
.content .outro {
  margin: 5%;
}
.outro .description {
  color: #595959;
  text-align: center;
  margin: 0 20% 0 20%;
}
.outro .description p {
  text-align: left;
}
footer .links {
  width: 100%;
  background-color: #595959;
  color: #ffffff;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  justify-content: center;
}
footer .logos {
  width: 100%;
  background-color: #595959;
  padding: 1rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  justify-content: center;
}
footer .logos div.logo-frame {
  width: 400px;
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  footer .logos div.logo-frame {
    width: 200px;
  }
}
@media only screen and (max-width: 480px) {
  footer .logos div.logo-frame {
    width: 200px;
  }
}
footer .logos div.logo-frame img {
  width: 100%;
}
footer .copyright {
  width: 100%;
  background-color: #595959;
  color: #ffffff;
  text-align: center;
  font-size: 0.8rem;
  padding: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.15rem;
}
footer .copyright a,
footer .copyright a:hover,
footer .copyright a:visited,
footer .copyright a:active,
footer .copyright a:link {
  color: #ffffff;
  text-decoration: none;
}
footer .logos a {
  -webkit-filter: none;
  filter: none;
}
.copyright a:hover {
  color: #00afe6 !important;
}
footer .links .discover {
  width: 25%;
}
footer .links .connect {
  width: 25%;
}
footer .links .newsletter {
  width: 25%;
}
footer .links .discover ul {
  -webkit-column-count: 2;
  -ms-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 10px;
  /* Chrome, Safari, Opera */
  /* Firefox */
  -ms-column-gap: 10px;
  /* IE 10 */
  column-gap: 10px;
}
footer .links ul {
  list-style-type: square;
  margin-left: -2rem;
}
footer li {
  padding: 0.25rem;
  font-style: italic;
  font-family: "Roboto Condensed";
  font-size: 1.06rem;
  letter-spacing: 0.07rem;
}
.content-row.title > div {
  position: relative;
}
.content-row.title.one-row .text h3 {
  margin-bottom: 2.5rem;
}
.image img {
  width: 100%;
}
.title .text-title {
  height: 400px;
  border: 0 !important;
}
/************************** Template: icon-intro BEGIN ***************************/
.template-icon-intro .description {
  margin-top: 50px;
}
@media only screen and (max-width: 480px) {
  .template-icon-intro .description {
    margin: 25px 0 0;
  }
}
.template-icon-intro .description .text {
  margin-top: 50px;
  /*font-size: 16px;*/
  font-family: "Helvetica";
  color: #595959;
  text-align: left;
}
@media only screen and (max-width: 480px) {
  .template-icon-intro .description .text {
    text-align: justify;
    margin: 1rem;
  }
}
.template-icon-intro .icon-frame {
  text-align: center;
}
.template-icon-intro .icon-frame .big-icon {
  font-size: 3rem;
  color: #00afe6;
}
@media only screen and (max-width: 480px) {
  .template-icon-intro .icon-frame .big-icon {
    font-size: 1.5rem;
  }
}
.template-icon-intro .icon-frame .small-icon {
  font-size: 1rem;
  color: #00afe6;
}
.template-icon-intro .border {
  border: 2px solid #595959;
  width: 10%;
  margin-left: auto;
  margin-right: auto;
}
.template-icon-intro h4 {
  margin-bottom: 3%;
}
@media only screen and (min-width: 1441px) and (max-width: 1680px) {
  .template-icon-intro > div {
    padding: 0 20%;
  }
}
/************************** Template: icon-intro ENDE ***************************/
/************************** Template: panel-list BEGIN **************************/
.template-panel-list {
  padding: 3% 25%;
}
@media only screen and (max-width: 480px) {
  .template-panel-list {
    padding: 0;
  }
}
.template-panel-list .panel-group .panel {
  margin-bottom: 0;
  border-width: 0 0 1px;
  border-style: none none solid;
  border-color: #595959;
}
.template-panel-list .panel-default {
  border-color: #595959;
}
.template-panel-list .panel {
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}
.template-panel-list .panel-default > .panel-heading {
  font-family: "Roboto Condensed";
  font-style: italic;
  text-align: left;
  background-color: #ffffff;
  color: #595959;
}
.template-panel-list .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: 0;
}
.template-panel-list .panel-group .panel-heading + .panel-collapse > .list-group,
.template-panel-list .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 0;
}
.template-panel-list .panel-body {
  padding: 15px;
}
.template-panel-list .header {
  margin-top: 20px;
  font-weight: bold;
  text-align: center;
}
.template-panel-list .description {
  text-align: center;
}
.template-panel-list img {
  width: 100%;
}
/************************** Template: panel-list ENDE ***************************/
/************************** Template: text-tiles ***************************/
.template-text-tiles {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 0 18rem;
}
@media only screen and (max-width: 480px) {
  .template-text-tiles {
    padding: 0 1rem;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-text-tiles {
    padding: 0 2rem;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .template-text-tiles {
    padding: 0 4rem;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .template-text-tiles {
    padding: 0 6rem;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1680px) {
  .template-text-tiles {
    padding: 0 10rem;
  }
}
.template-text-tiles .text-image {
  width: 350px;
  text-align: justify;
  margin-bottom: 2rem;
}
.template-text-tiles .text-image hr {
  width: 80%;
  background: #a8a8a8;
  height: 2px;
  background-image: linear-gradient(to right, #ccc, #a8a8a8, #ccc);
}
.template-text-tiles .text-image h4 {
  text-transform: none;
  letter-spacing: 0.05rem;
  color: #a8a8a8;
}
.template-text-tiles .text-image .image-frame {
  text-align: center;
}
.template-text-tiles .text-image .text-frame {
  width: 80%;
  margin: 0 auto;
}
/************************** Template: text-tiles ***************************/
.content-row {
  position: relative;
  margin: 0 0 6rem;
}
@media only screen and (max-width: 480px) {
  .content-row {
    margin: 0 0 3rem;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .content-row {
    margin: 0 0 4rem;
  }
}
@media only screen and (max-width: 480px) {
  main.content {
    padding-top: 60px;
  }
}
.layout-header .logo a:focus {
  outline: none;
}
.two-line-header {
  margin-top: 100px;
  margin-bottom: 50px;
}
.text-title .text p {
  font-family: "Roboto Condensed";
  color: #a8a8a8;
  text-align: center;
  font-size: 1.3rem;
  font-style: italic;
}
.blog-preview {
  margin-bottom: 1rem;
}
.blog-preview .element {
  padding: 0 9%;
}
.blog-preview .element .content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
}
.blog-preview .element .content .image img {
  box-shadow: 0 0 4px 0 #9a9a9a;
}
.blog-preview .element .content .description {
  margin-left: 1rem;
  font-family: "Helvetica";
  color: #595959;
}
.list-preview {
  padding: 0 9%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
}
.list-preview .content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  margin: 2rem;
}
.list-preview .content .image img {
  box-shadow: 0px 0px 3px 0px #595959;
}
.list-preview .content .description {
  margin-left: 2rem;
}
.list-preview .content .description h4 {
  color: #a8a8a8;
}
.list-preview .content .description .sermon-row {
  font-family: "Helvetica Neue";
  color: #595959;
  text-align: left;
}
.list-preview .content .description .preacher {
  font-family: "Helvetica Neue";
  color: #595959;
  text-align: left;
}
.list-preview .content .description .tags {
  font-family: "Helvetica Neue";
  color: #595959;
  text-align: left;
}
.list-preview .content .description .bible-passage {
  font-family: "Helvetica Neue";
  color: #595959;
  text-align: left;
}
.list-preview .content .description span {
  font-weight: bold;
}
.list-preview .player {
  background-color: #e7e7e7;
  box-shadow: 0 0 4px 0 #8a8a8a;
}
.btn-primary {
  background-color: #00afe6;
  border-color: transparent;
}
/************************* Template: quotation BEGIN ************************/
.template-quote {
  padding: 0 10%;
}
.template-quote .border {
  position: relative;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  z-index: 50;
}
.template-quote .border p {
  color: #9a9a9a;
  font-family: "Georgia";
  font-style: italic;
  text-align: center;
  margin: 1rem 0;
}
.template-quote .border .mega-octicon.octicon-quote {
  color: #595959;
  padding: 5px 10px;
  display: table;
  margin: -25px auto 0 auto;
  background-color: #ffffff;
  z-index: 55;
}
.template-quote .border .author {
  color: #9a9a9a;
  padding: 5px 10px;
  display: table;
  margin: 0 auto -15px auto;
  background-color: #ffffff;
  z-index: 55;
}
/************************* Template: quotation ENDE ****************************/
/********************** Template: calendar BEGIN *******************************/
.template-calendar section header .hgroup p.sub-title {
  text-align: center;
  color: #9a9a9a;
  font-family: "Roboto Condensed";
  font-size: 1.5rem;
}
.template-calendar section {
  margin: auto;
  width: 60%;
}
.template-calendar .month {
  margin-top: 15px;
}
.template-calendar .month .caption {
  border-bottom: 1px solid #595959;
  margin: 0 auto;
  padding-left: 5px;
  padding-bottom: 6px;
}
.template-calendar .month .event .tab .header {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}
.template-calendar .month .event .header {
  border: 0;
  text-align: left;
  margin: 0 20px;
}
.template-calendar .month .event .header .title .text {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-around;
}
.template-calendar .month .event .header .title {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 5px 0px 2px;
}
.template-calendar .month .event .header h3 {
  margin: 0;
  text-align: left;
}
.template-calendar .month .panel-open .event .header h3,
.template-calendar .month .panel-open .event .header h4 {
  color: #00afe6;
}
.template-calendar .month .event .symbol {
  width: 50px;
  font-size: 2rem;
  color: #00afe6;
  position: relative;
}
.template-calendar .month .event .symbol i {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.template-calendar .month .symbol i:before {
  content: "\e259";
}
.template-calendar .month .collapsed .symbol i:before {
  content: "\e258" !important;
}
.template-calendar .month .event .header h4 {
  color: #a8a8a8;
  margin: 0;
  text-transform: none;
}
.template-calendar .month .event .day {
  font-size: 4rem;
  font-weight: 300;
  text-align: left;
  line-height: 1;
  margin-right: 5px;
  color: #00afe6;
}
.template-calendar .month .event .data {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.template-calendar .month .event .data .image-border {
  width: 60%;
  margin: 0 auto;
}
.template-calendar .month .event .data img {
  width: 100%;
}
.template-calendar .month .event .data .description {
  font-family: "Roboto Condensed";
  color: #a8a8a8;
  font-style: italic;
  margin-top: 1rem;
}
.template-calendar .month .event-data .description,
.template-calendar .month .event-data .date,
.template-calendar .month .event-data .location {
  width: 100%;
  margin: 0 auto;
}
.template-calendar .month .event-data .description > p > span {
  font-weight: bold;
}
.template-calendar .month .event-data .date,
.template-calendar .month .event-data .location {
  font-family: "Helvetica Neue";
  color: #595959;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-weight: bold;
}
.template-calendar .panel {
  border: 0;
  box-shadow: none;
}
.template-calendar .panel-default > .panel-heading {
  background-color: transparent;
}
.template-calendar .panel-group .panel-title a,
.template-calendar .panel-group .panel-title a:hover,
.template-calendar .panel-group .panel-title a:focus {
  text-decoration: none;
  outline: none;
}
.template-calendar .month .event .tab a {
  text-decoration: none;
  outline: none;
}
.template-calendar .month .panel-group .panel-heading + .panel-collapse > .list-group,
.template-calendar .month .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: 0;
}
.template-calendar .month .event .tab {
  margin: 10px 0;
}
.template-calendar .month .event .day span {
  display: none;
}
@media only screen and (max-width: 480px) {
  .template-calendar section {
    width: 90%;
  }
  .template-calendar .month .caption {
    text-align: center;
    display: none;
  }
  .template-calendar .month .event {
    min-height: 90px;
  }
  .template-calendar .month .event .tab .header {
    width: 100%;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .template-calendar .month .event .header .title .text {
    margin: 5px 0;
  }
  .template-calendar .month .event .header .title {
    padding-top: 0;
    width: 100%;
  }
  .template-calendar .month .event .symbol {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .template-calendar .month .event .symbol i {
    top: 17px;
    left: -9px;
  }
  .template-calendar .month .event .day span {
    display: inline;
  }
  .template-calendar .month .event .day {
    font-size: 2rem;
    text-align: left;
    margin-left: 30px;
  }
  .template-calendar .month .event .data {
    width: 100%;
  }
  .template-calendar .month .event .data .image-border {
    width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-calendar section {
    width: 90%;
  }
  .template-calendar .month .event .data {
    width: 100%;
  }
  .template-calendar .month .event .data .image-border {
    width: 70%;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .template-calendar section {
    width: 80%;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .template-calendar section {
    width: 70%;
  }
}
/********************** Template: calendar ENDE ********************************/
/********************** Template: event-manager BEGIN *******************************/
.template-event-manager .event-type-frame {
  width: 50%;
  margin: 0 auto 3rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
}
.template-event-manager .event-type-frame .wrapper {
  width: 100%;
  padding: 0 1rem;
}
.template-event-manager .event-type-frame .caption {
  border-bottom: 2px solid #595959;
}
.template-event-manager .event-type-frame .caption h2 {
  text-align: left;
}
.template-event-manager .event-type-frame .event-type-logo {
  width: 80px;
}
.template-event-manager .event-type-frame .event-type-logo img {
  width: 100%;
}
.template-event-manager .event-type-frame .event h3 {
  text-align: left;
}
.template-event-manager .event-type-frame .event h4 {
  text-align: left;
}
.template-event-manager .event-type-frame .event .header {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.template-event-manager .event-type-frame .event .header .title {
  width: 100%;
}
.template-event-manager .event-type-frame .event .header h3 {
  margin: 0;
}
.template-event-manager .event-type-frame .event .symbol {
  width: 50px;
  font-size: 2rem;
  color: #00afe6;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .template-event-manager .event-type-frame .event .symbol {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
}
.template-event-manager .event-type-frame .event .symbol i {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width: 480px) {
  .template-event-manager .event-type-frame .event .symbol i {
    top: 20px;
  }
}
.template-event-manager .event-type-frame .symbol i:before {
  content: "\e259";
}
.template-event-manager .event-type-frame .collapsed .symbol i:before {
  content: "\e258" !important;
}
.template-event-manager .event-type-frame .event .header h4 {
  color: #a8a8a8;
  text-transform: none;
  letter-spacing: 0.05rem;
  margin: 0;
}
.template-event-manager .event-type-frame .panel-open .event .header h3,
.template-event-manager .event-type-frame .panel-open .event .header h4 {
  color: #00afe6;
}
.template-event-manager .event-type-frame .event .data {
  margin: 0 1rem;
}
.template-event-manager .event-type-frame .event .data .image-border {
  width: 60%;
  margin: 0 auto;
}
@media only screen and (max-width: 480px) {
  .template-event-manager .event-type-frame .event .data .image-border {
    width: 100%;
  }
}
.template-event-manager .event-type-frame .event .data img {
  width: 100%;
}
.template-event-manager .event-type-frame .event .data .information {
  margin-bottom: 2.5rem;
}
.template-event-manager .event-type-frame .event .data .information > div {
  margin: 0.5rem 0;
}
.template-event-manager .event-type-frame .event .data .description {
  font-family: "Roboto Condensed";
  color: #a8a8a8;
  font-style: italic;
}
.template-event-manager .event-type-frame .event-data .description,
.template-event-manager .event-type-frame .event-data .date,
.template-event-manager .event-type-frame .event-data .location {
  width: 80%;
  margin: 0 auto;
}
.template-event-manager .event-type-frame .event-data .description > p > span {
  font-weight: bold;
}
.template-event-manager .event-type-frame .event-data img {
  width: 100%;
}
.template-event-manager .event-type-frame .event-data .date,
.template-event-manager .event-type-frame .event-data .location {
  font-family: "Helvetica Neue";
  color: #595959;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-weight: bold;
}
.template-event-manager .event-type-frame .event .tab a {
  text-decoration: none;
  outline: none;
}
.template-event-manager .event-type-frame .panel-group .panel-heading + .panel-collapse > .list-group,
.template-event-manager .event-type-frame .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: 0;
}
.template-event-manager .event-type-frame .event .tab {
  margin: 10px 0;
}
@media only screen and (max-width: 480px) {
  .template-event-manager .event-type-frame {
    width: 100%;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
  }
  .template-event-manager .event-type-frame .event-type-logo {
    width: 40px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-event-manager .event-type-frame {
    width: 100%;
  }
  .template-event-manager .event-type-frame .event-type-logo {
    width: 60px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .template-event-manager .event-type-frame {
    width: 80%;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .template-event-manager .event-type-frame {
    width: 70%;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1680px) {
  .template-event-manager .event-type-frame {
    width: 60%;
  }
}
.template-event-manager .panel {
  border: 0;
  box-shadow: none;
}
.template-event-manager .panel-default > .panel-heading {
  background-color: transparent;
}
.template-event-manager .panel-group .panel-title a,
.template-event-manager .panel-group .panel-title a:hover,
.template-event-manager .panel-group .panel-title a:focus {
  text-decoration: none;
  outline: none;
}
/********************** Template: event-manager ENDE ********************************/
/********************** Template: text-with-images BEGIN ***********************/
.template-text-with-images.inverse {
  background-color: #9a9a9a;
}
.template-text-with-images img {
  width: 100%;
}
.template-text-with-images > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 480px) {
  .template-text-with-images > div {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-text-with-images > div {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
  }
}
.template-text-with-images > div > div {
  padding: 1rem;
  width: 30%;
}
@media only screen and (max-width: 480px) {
  .template-text-with-images > div > div {
    -webkit-box-flex: 0;
    flex-grow: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-text-with-images > div > div {
    -webkit-box-flex: 0;
    flex-grow: 0;
    width: 100%;
  }
}
.template-text-with-images.first .first-image {
  -webkit-box-ordinal-group: 3;
  order: 2;
}
.template-text-with-images.first .second-image {
  -webkit-box-ordinal-group: 4;
  order: 3;
}
.template-text-with-images.first .text {
  -webkit-box-ordinal-group: 2;
  order: 1;
}
.template-text-with-images.middle .first-image {
  -webkit-box-ordinal-group: 2;
  order: 1;
}
.template-text-with-images.middle .second-image {
  -webkit-box-ordinal-group: 4;
  order: 3;
}
.template-text-with-images.middle .text {
  -webkit-box-ordinal-group: 3;
  order: 2;
}
.template-text-with-images.last .first-image {
  -webkit-box-ordinal-group: 2;
  order: 1;
}
.template-text-with-images.last .second-image {
  -webkit-box-ordinal-group: 3;
  order: 2;
}
.template-text-with-images.two-small .second-image {
  width: 10%;
}
.template-text-with-images.last .text {
  -webkit-box-ordinal-group: 4;
  order: 3;
}
.template-text-with-images .text {
  text-align: justify;
}
.template-text-with-images.first-logo .first-image .image-frame,
.template-text-with-images.second-logo .second-image .image-frame {
  width: 50%;
  margin: 0 auto;
}
/********************** Template: text-with-images ENDE ************************/
.sub-menu > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 20px;
  width: 100%;
  padding: 0;
}
.sub-menu .entry {
  width: 48%;
}
.sub-menu .entry:nth-of-type(odd) {
  text-align: right;
  margin-right: 2%;
}
.sub-menu .entry:nth-of-type(even) {
  text-align: left;
  margin-left: 2%;
}
/********************* Predigten **********************/
.sermons-preview {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .sermons-preview {
    width: 100%;
  }
}
.sermons-preview .content {
  width: 30%;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 480px) {
  .sermons-preview .content {
    width: 95%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .sermons-preview .content {
    width: 45%;
  }
}
.sermons-preview .content .description audio {
  width: 100%;
}
.sermons-preview .content .description h4 {
  color: #a8a8a8;
  font-size: 1.3rem;
  letter-spacing: 0.1rem;
}
.sermons-preview .content .description .sermon-row,
.sermons-preview .content .description .bible-passage,
.sermons-preview .content .description .tags {
  display: none;
}
.sermons-preview .content .description .preacher {
  margin-bottom: 1rem;
}
.sermons-preview .content .description > div {
  color: #a8a8a8;
  font-family: "Helvetica";
  text-align: center;
}
.sermons-preview .content .description span,
.template-calendar .event .data .description span {
  font-weight: normal;
  color: #595959;
}
.text-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
}
.text-row .offset p.first {
  margin-left: 10px;
}
.text-row .offset p.second {
  margin-left: 60px;
}
.text-row .offset p.third {
  margin-left: 110px;
}
.parallax-window {
  height: 500px;
  position: relative;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.template-image.small .parallax-window {
  height: 300px;
}
/******************** Template: form  BEGIN ***************************/
.template-form .form {
  width: 70%;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.template-form form {
  width: 100%;
}
.template-form form > h3 {
  text-align: left;
  background-color: #cccccc;
  margin: 0;
  padding: 2rem 2rem 0;
}
.template-form .form-header {
  padding: 1rem;
  background-color: #00afe6;
  text-align: center;
  color: #ffffff;
}
.template-form .form-header h1 {
  margin: 0;
}
.template-form .form-first {
  background-color: #cccccc;
}
.template-form .form-second,
.template-form .form-third {
  border-top: 1px dotted black;
  background-color: #cccccc;
}
.template-form .form-privacy {
  background-color: #cccccc;
  padding: 1rem 2rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.template-form .form-privacy .checkbox label {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
}
.template-form .form-first .form-group {
  width: 40%;
  margin: 2rem;
}
.template-form .form-second .form-group,
.template-form .form-third .form-group {
  margin: 2rem;
}
.template-form .form-first .text-input,
.template-form .form-second .text-input {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
.template-form .form-third .text-input {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.template-form .form-action {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-around;
  padding: 1rem 2rem;
  background-color: #00afe6;
}
.template-form .form-action .btn {
  font-family: "Roboto Condensed";
  padding: 1.5rem 5rem;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 2rem;
  background-color: #cccccc;
  letter-spacing: 0.2rem;
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .template-form form {
    width: 100%;
  }
  .template-form .info-box {
    width: 30%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .template-form .form {
    width: 100%;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (max-width: 480px) {
  .template-form .form-second .form-group,
  .template-form .form-third .form-group {
    margin: 1rem;
  }
  .template-form .form-action .btn {
    padding: 1rem 2rem;
  }
  .template-form .form {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }
  .template-form form {
    width: 100%;
  }
  .template-form .form-first .form-group,
  .template-form .form-second .form-group {
    width: 80%;
  }
  .template-form .info-box {
    width: 100%;
    margin-bottom: 2rem;
  }
  .template-form .form-privacy {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
    padding: 1rem;
  }
}
/******************** Template: form  ENDE ****************************/
/******************** Template: Event-Page Start ****************************/
.event-description .sidebar {
  background-color: #00afe6;
  color: #ffffff;
  font-size: 0.8rem;
  padding: 3rem 2rem;
  flex-basis: 30%;
  max-width: 30%;
  min-width: 30%;
}
.event-description .sidebar .info-text ul {
  list-style: none;
  padding: 0;
}
.event-description .sidebar .info-text li {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.event-description .sidebar .info-text a {
  color: #00afe6;
  text-decoration: underline;
}
.event-description .sidebar .info-text a:hover {
  color: black;
}
.event-description .sidebar h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
  border-bottom: 1px solid white;
}
.event-description {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 95%;
  -webkit-box-align: center;
  align-items: center;
}
.event-description .content {
  margin: 2rem;
  -webkit-column-count: 2;
  -ms-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 60px;
  /* Chrome, Safari, Opera */
  /* Firefox */
  -ms-column-gap: 60px;
  /* IE 10 */
  column-gap: 60px;
  text-align: justify;
}
.event-description .content p.main::first-letter {
  font-size: 2rem;
  float: left;
  margin-top: -0.3rem;
  margin-right: 0.1rem;
}
.event-description .content p.sub span {
  font-weight: bold;
}
.event .page-title .text {
  -webkit-box-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  .event-description {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .event-description .content {
    margin: 0 2rem;
    -webkit-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
  }
  .event-description .sidebar {
    padding: 2rem 2rem;
    flex-basis: 100%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .event-description {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .event-description .content {
    margin: 0 2rem;
    -webkit-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
  }
  .event-description .sidebar {
    padding: 2rem 2rem;
    flex-basis: 100%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }
}
/******************** Template: Event-Page Ende *****************************/
/******************** Impressum ***************************/
.template-texts.impressum section article {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 30% auto 30% auto 30% auto;
  grid-template-columns: auto 30% auto 30% auto 30% auto;
  -ms-grid-rows: 100px 3rem 100px;
  grid-template-rows: 100px 3rem 100px;
}
.template-texts.impressum .address {
  -ms-grid-column-span: 1;
  -ms-grid-column: 2;
  grid-column: 2 / span 1;
  -ms-grid-row-span: 3;
  -ms-grid-row: 1;
  grid-row: 1 / span 3;
}
.template-texts.impressum .persons {
  -ms-grid-column-span: 1;
  -ms-grid-column: 4;
  grid-column: 4 / span 1;
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  grid-row: 1 / span 1;
}
.template-texts.impressum .contact {
  -ms-grid-column-span: 1;
  -ms-grid-column: 4;
  grid-column: 4 / span 1;
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3 / span 1;
}
.template-texts.impressum .register {
  -ms-grid-column-span: 1;
  -ms-grid-column: 6;
  grid-column: 6 / span 1;
  -ms-grid-row-span: 3;
  -ms-grid-row: 1;
  grid-row: 1 / span 3;
}
.template-texts.impressum h3 {
  text-align: left;
  margin-top: 0;
}
.template-texts.privacy section article {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 30% auto 30% auto 30% auto;
  grid-template-columns: auto 30% auto 30% auto 30% auto;
  -ms-grid-rows: auto 2rem auto 2rem auto;
  grid-template-rows: auto 2rem auto 2rem auto;
}
.template-texts.privacy .general {
  -ms-grid-column-span: 1;
  -ms-grid-column: 2;
  grid-column: 2 / span 1;
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  grid-row: 1 / span 1;
}
.template-texts.privacy .youtube {
  -ms-grid-column-span: 1;
  -ms-grid-column: 2;
  grid-column: 2 / span 1;
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3 / span 1;
}
.template-texts.privacy .analytics {
  -ms-grid-column-span: 1;
  -ms-grid-column: 4;
  grid-column: 4 / span 1;
  -ms-grid-row-span: 5;
  -ms-grid-row: 1;
  grid-row: 1 / span 5;
}
.template-texts.privacy .cookies {
  -ms-grid-column-span: 1;
  -ms-grid-column: 6;
  grid-column: 6 / span 1;
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  grid-row: 1 / span 1;
}
.template-texts.privacy .log-files {
  -ms-grid-column-span: 1;
  -ms-grid-column: 6;
  grid-column: 6 / span 1;
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3 / span 1;
}
.template-texts.privacy .forms {
  -ms-grid-column-span: 1;
  -ms-grid-column: 6;
  grid-column: 6 / span 1;
  -ms-grid-row-span: 1;
  -ms-grid-row: 5;
  grid-row: 5 / span 1;
}
.template-texts.privacy h3 {
  text-align: left;
  margin-top: 0;
}
/******************** Ende Impressum ***************************/
.service-description .sidebar {
  background-color: #00afe6;
  color: #ffffff;
  font-size: 0.8rem;
  padding: 3rem 2rem;
  flex-basis: 30%;
  max-width: 30%;
  min-width: 30%;
  height: 80%;
}
.service-description .sidebar h5 {
  margin-top: 0;
  font-weight: bold;
  border-bottom: 1px solid white;
}
.service-description {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 95%;
  -webkit-box-align: center;
  align-items: center;
}
.service-description .content {
  margin: 2rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
}
.service-description .content article {
  flex-basis: 40%;
  max-width: 40%;
  min-width: 40%;
}
.service-description .content article h1 {
  color: #00afe6;
}
.service-description .content article ul {
  list-style: none;
  padding: 0;
}
.service-description .content article ul li span {
  font-weight: bold;
}
.service-description .content p.main::first-letter {
  font-size: 2rem;
  float: left;
  margin-top: -0.3rem;
  margin-right: 0.1rem;
}
.service-description .content p.sub span {
  font-weight: bold;
}
.event .page-title .text {
  -webkit-box-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  .service-description {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .service-description .content {
    display: block;
    margin: 0 2rem;
  }
  .service-description .content article {
    max-width: 100%;
    min-width: 100%;
  }
  .service-description .sidebar {
    padding: 2rem 2rem;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .service-description {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .service-description .content {
    display: block;
    margin: 0 2rem;
  }
  .service-description .content article {
    flex-basis: 80%;
    max-width: 80%;
    min-width: 80%;
  }
  .service-description .sidebar {
    padding: 2rem 2rem;
    flex-basis: 100%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }
}
/******************** Template: Event-Page Ende *****************************/
.location-plan section {
  width: 80%;
  margin: auto;
  text-align: center;
}
.template-text.location-plan section article .wrapper .map {
  margin-top: 1rem;
}
.template-texts .columns .location-plan div.description {
  margin-top: 2rem;
  width: 100%;
}
.location-description {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: 4rem;
}
.location-description article {
  width: 40%;
}
.location-description article p {
  text-align: justify;
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .location-description {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
    margin-top: 4rem;
  }
  .location-description article {
    width: 80%;
  }
}
@media only screen and (max-width: 480px) {
  .location-description {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
    margin-top: 4rem;
  }
  .location-description article {
    width: 100%;
  }
}
.cookie-hint {
  background-color: #595959;
  color: #ffffff;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100px;
  opacity: 0.90;
  text-align: center;
  padding: 2rem;
  z-index: 351;
}
@media only screen and (max-width: 480px) {
  .cookie-hint {
    padding: 1rem 2rem;
    height: 170px;
  }
}
.cookie-hint button {
  color: #595959;
}
.sermon-row .information {
  margin-bottom: 4rem;
}
.sermon-row .information .text-row {
  width: 60%;
  margin: 6rem auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.sermon-row .information .text-row .image-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  flex: 1;
}
.sermon-row .information .text-row .image-container img {
  width: 100%;
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .sermon-row .information .text-row {
    width: 80%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .sermon-row .information .text-row {
    width: 95%;
  }
}
@media only screen and (max-width: 480px) {
  .sermon-row .information .text-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 3rem auto;
    width: 95%;
  }
  .sermon-row .information .text-row img {
    width: 100%;
  }
}
.sermon-row .information .small-text-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  margin-left: 3rem;
  -webkit-box-flex: 3;
  flex: 3;
}
@media only screen and (max-width: 480px) {
  .sermon-row .information .small-text-container {
    margin: 2rem 0;
  }
}
.sermon-row .information .small-text-container p {
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 3rem;
  column-gap: 3rem;
  text-align: justify;
}
@media only screen and (max-width: 480px) {
  .sermon-row .information .small-text-container p {
    -webkit-column-count: 1;
    column-count: 1;
  }
}
.sermon-row .information .text-container {
  width: 60%;
  margin: 6rem auto;
  -webkit-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 3rem;
  column-gap: 3rem;
  text-align: justify;
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .sermon-row .information .text-container {
    width: 80%;
  }
}
.sermon-row .information .text-container > p {
  margin-top: 2rem;
}
.sermon-row .information .text-container img {
  width: 100%;
}
.sermon-row .information .text-container .description {
  margin: auto;
}
@media only screen and (max-width: 480px) {
  .sermon-row .information .text-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-column-count: 1;
    column-count: 1;
    width: 95%;
    margin: 3rem auto;
  }
  .sermon-row .information .text-container .description {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .sermon-row .information .text-container {
    -webkit-column-count: 2;
    column-count: 2;
    width: 95%;
  }
}
.sermon-row .information .text-container .image {
  width: 25%;
}
@media only screen and (max-width: 480px) {
  .sermon-row .information .text-container .image {
    width: 100%;
  }
}
.sermon-row .sermons table {
  margin: auto;
  width: 60%;
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .sermon-row .sermons table {
    width: 80%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .sermon-row .sermons table {
    width: 95%;
  }
}
@media only screen and (max-width: 480px) {
  .sermon-row .sermons table {
    width: 98%;
  }
}
.sermon-row .sermons table .title {
  width: 40%;
  text-align: left;
}
@media only screen and (max-width: 480px) {
  .sermon-row .sermons table .title {
    text-align: center;
    background-color: #00afe6;
    color: white;
    width: 100%;
  }
}
.sermon-row .sermons table .preacher {
  text-align: center;
}
.sermon-row .sermons table .date {
  text-align: center;
}
.sermon-row .sermons table .audio {
  text-align: right;
}
.sermon-row .sermons table thead {
  background-color: #00afe6;
  color: white;
  text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
  .sermon-row .sermons table thead tr {
    display: none;
  }
}
.sermon-row .sermons table thead th {
  text-align: center !important;
  padding: 0.5rem 1rem;
}
@media only screen and (max-width: 480px) {
  .sermon-row .sermons table tbody tr {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    border: 1px solid grey;
    margin: 2rem 0;
    border-radius: 4px;
  }
  .sermon-row .sermons table tbody tr td.audio-extended {
    padding: 0;
  }
}
.sermon-row .sermons table tbody td {
  padding: 0.3rem 0;
  text-align: right;
}
.sermon-row .archive .text-header {
  margin: 6rem auto;
}
.sermon-row .archive .sermon-rows {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 60%;
  margin: auto;
}
@media only screen and (max-width: 480px) {
  .sermon-row .archive .sermon-rows {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 95%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .sermon-row .archive .sermon-rows {
    width: 95%;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .sermon-row .archive .sermon-rows {
    width: 80%;
  }
}
.sermon-row .archive .sermon-rows > div {
  width: 22%;
  overflow: hidden;
  margin: 1rem 0;
}
@media only screen and (max-width: 480px) {
  .sermon-row .archive .sermon-rows > div {
    width: auto;
  }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
  .sermon-row .archive .sermon-rows > div {
    width: 47%;
  }
}
.sermon-row .archive .sermon-rows > div img {
  width: 100%;
}
.audioplayer {
  height: 2.5em;
  /* 40 */
  color: #fff;
  text-shadow: 1px 1px 0 #000;
  border: 1px solid #222;
  position: relative;
  z-index: 1;
  background: #333;
  background: linear-gradient(top, #444, #222);
}
.audioplayer-mini {
  width: 2.5em;
  /* 40 */
  margin: 0 auto;
}
.audioplayer > div {
  position: absolute;
}
.audioplayer-playpause {
  width: 2.5em;
  /* 40 */
  height: 100%;
  text-align: left;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 2;
  top: 0;
  left: 0;
}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
  border-right: 1px solid #555;
  border-right-color: rgba(255, 255, 255, 0.1);
}
.audioplayer-mini .audioplayer-playpause {
  width: 100%;
}
.audioplayer-playpause:hover,
.audioplayer-playpause:focus {
  background-color: #222;
}
.audioplayer-playpause a {
  display: block;
}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
  width: 0;
  height: 0;
  border: 0.5em solid transparent;
  /* 8 */
  border-right: none;
  border-left-color: #fff;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.5em 0 0 -0.25em;
  /* 8 4 */
}
.audioplayer-playing .audioplayer-playpause a {
  width: 0.75em;
  /* 12 */
  height: 0.75em;
  /* 12 */
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.375em 0 0 -0.375em;
  /* 6 */
}
.audioplayer-playing .audioplayer-playpause a:before,
.audioplayer-playing .audioplayer-playpause a:after {
  width: 40%;
  height: 100%;
  background-color: #fff;
  content: '';
  position: absolute;
  top: 0;
}
.audioplayer-playing .audioplayer-playpause a:before {
  left: 0;
}
.audioplayer-playing .audioplayer-playpause a:after {
  right: 0;
}
.audioplayer-time {
  width: 4.375em;
  /* 70 */
  height: 100%;
  line-height: 2.375em;
  /* 38 */
  text-align: center;
  z-index: 2;
  top: 0;
}
.audioplayer-time-current {
  border-left: 1px solid #111;
  border-left-color: rgba(0, 0, 0, 0.25);
  left: 2.5em;
  /* 40 */
}
.audioplayer-time-duration {
  border-right: 1px solid #555;
  border-right-color: rgba(255, 255, 255, 0.1);
  right: 2.5em;
  /* 40 */
}
.audioplayer-novolume .audioplayer-time-duration {
  border-right: 0;
  right: 0;
}
.audioplayer-bar {
  height: 0.875em;
  /* 14 */
  background-color: #222;
  cursor: pointer;
  z-index: 1;
  top: 50%;
  right: 6.875em;
  /* 110 */
  left: 6.875em;
  /* 110 */
  margin-top: -0.438em;
  /* 7 */
}
.audioplayer-novolume .audioplayer-bar {
  left: 4.375em;
  /* 70 */
}
.audioplayer-bar div {
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.audioplayer-bar-loaded {
  background-color: #333;
  z-index: 1;
}
.audioplayer-bar-played {
  background: #007fd1;
  background: linear-gradient(left, #007fd1, #c600ff);
  z-index: 2;
}
.audioplayer-volume {
  width: 2.5em;
  /* 40 */
  height: 100%;
  border-left: 1px solid #111;
  border-left-color: rgba(0, 0, 0, 0.25);
  text-align: left;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 2;
  top: 0;
  right: 0;
  border-right: 1px solid #555;
  border-right-color: rgba(255, 255, 255, 0.1);
}
.audioplayer-volume:hover,
.audioplayer-volume:focus {
  background-color: #222;
}
.audioplayer-volume-button {
  width: 100%;
  height: 100%;
}
.audioplayer-volume-button a {
  width: 0.313em;
  /* 5 */
  height: 0.375em;
  /* 6 */
  background-color: #fff;
  display: block;
  position: relative;
  z-index: 1;
  top: 40%;
  left: 35%;
}
.audioplayer-volume-button a:before,
.audioplayer-volume-button a:after {
  content: '';
  position: absolute;
}
.audioplayer-volume-button a:before {
  width: 0;
  height: 0;
  border: 0.5em solid transparent;
  /* 8 */
  border-left: none;
  border-right-color: #fff;
  z-index: 2;
  top: 50%;
  right: -0.25em;
  margin-top: -0.5em;
  /* 8 */
}
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
  /* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
  width: 0.313em;
  /* 5 */
  height: 0.313em;
  /* 5 */
  border: 0.25em double #fff;
  /* 4 */
  border-width: 0.25em 0.25em 0 0;
  /* 4 */
  left: 0.563em;
  /* 9 */
  top: -0.063em;
  /* 1 */
  border-radius: 0 0.938em 0 0;
  /* 15 */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.audioplayer-volume-adjust {
  height: 6.25em;
  /* 100 */
  cursor: default;
  position: absolute;
  left: 0;
  right: -1px;
  top: -9999px;
  background: #222;
  background: linear-gradient(top, #444, #222);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
  opacity: 0;
}
.audioplayer-volume:hover .audioplayer-volume-adjust {
  top: auto;
  bottom: 100%;
}
.audioplayer-volume-adjust > div {
  width: 40%;
  height: 80%;
  background-color: #222;
  cursor: pointer;
  position: relative;
  z-index: 1;
  margin: 30% auto 0;
}
.audioplayer-volume-adjust div div {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #007fd1;
  background: linear-gradient(bottom, #007fd1, #c600ff);
}
.audioplayer-novolume .audioplayer-volume {
  display: none;
}
.audioplayer-play,
.audioplayer-pause,
.audioplayer-volume a {
  -webkit-filter: drop-shadow(1px 1px 0 #000);
  filter: drop-shadow(1px 1px 0 #000);
}
.audioplayer-bar,
.audioplayer-bar div,
.audioplayer-volume-adjust div {
  border-radius: 4px;
}
.audioplayer-bar,
.audioplayer-volume-adjust > div {
  box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(255, 255, 255, 0.1);
}
.audioplayer-volume-adjust div div,
.audioplayer-bar-played {
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5);
}
.audioplayer-volume-adjust {
  box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.15), 2px -2px 2px rgba(0, 0, 0, 0.15);
}
.audioplayer *,
.audioplayer *:before,
.audioplayer *:after {
  transition: color 0.25s ease, background-color 0.25s ease, opacity 0.5s ease;
}
.audio-extended {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}
.audio-extended .audio {
  width: 88%;
}
.audio-extended .extension {
  width: 12%;
  background: #333333;
  text-align: center;
  padding-top: 0.25rem;
}
.audio-extended .extension a {
  color: white;
  font-size: 1.5rem;
}

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