/* compiled by scssphp v0.6.7 on Tue, 15 Oct 2019 11:22:24 +0200 (7.4075s) */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
@charset "UTF-8";
@keyframes animate_loading {
  0% {
    transform: rotateX(0deg); }

  50% {
    transform: rotateX(45deg); }

  100% {
    transform: rotateX(0deg); } }

@font-face {
  font-family: "SF Pro Display";
  font-weight: 400;
  src: url("https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap"); }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

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

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

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

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

.slick-arrow.slick-hidden {
  display: none; }
/* Slider */
.slick-loading .slick-list {
  background: #fff url("../lib/slick-1.8.0/slick/ajax-loader.gif") center center no-repeat; }
/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before, .slick-next:before {
    font-family: "FontAwesome";
    font-size: 22px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\f053"; }
    [dir="rtl"] .slick-prev:before {
      content: "\f054"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\f054"; }
    [dir="rtl"] .slick-next:before {
      content: "\f053"; }
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

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

* {
  margin: 0px;
  padding: 0px; }

a, input {
  outline: none; }

.clearer {
  clear: both; }

html {
  height: 100%; }

body {
  height: 100%;
  background-color: #0067a8;
  color: #fff;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  background-attachment: fixed;
  overflow: hidden; }

input, textarea {
  font-family: 'Roboto', sans-serif; }

.button {
  width: auto;
  line-height: 20px;
  text-align: center;
  padding: 22px 10px;
  margin: 13px 20px;
  display: block;
  border: 1px solid #fff;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none !important;
  font-size: 17px; }

.button_green {
  border-color: #aec43b;
  background-color: #aec43b; }

.button_blue {
  border-color: #3b5998;
  background-color: #3b5998; }

.button_red {
  border-color: red;
  background-color: red; }

.button_yellow {
  border-color: red;
  background-color: #f7cd00;
  border-color: #f7cd00; }

.button_transparent {
  border: 1px solid #dedede; }

.button_logout {
  color: red !important;
  border: 1px solid red;
  margin-bottom: -25px; }

.button_more {
  border: 0px;
  padding: 5px 10px;
  -webkit-box-shadow: 0px 0px 0px transparent;
  -khtml-box-shadow: 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px transparent;
  -ms-box-shadow: 0px 0px 0px transparent;
  -o-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
  text-decoration: underline !important; }

.button_100, .button_submit {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%; }
/**.orientation-6 { @include rotate(90deg); }
 *.orientation-2 { @include rotate(270deg); }
 *.orientation-3 { @include rotate(180deg); }*/
*.orientation-6 .foto_image {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90deg), M12=-1*sin(90deg), M21=sin(90deg), M22=cos(90deg))";
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90deg), M12=-1*sin(90deg), M21=sin(90deg), M22=cos(90deg)); }

*.orientation-2 .foto_image {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(180deg), M12=-1*sin(180deg), M21=sin(180deg), M22=cos(180deg))";
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(180deg), M12=-1*sin(180deg), M21=sin(180deg), M22=cos(180deg)); }

*.orientation-3 .foto_image {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(180deg), M12=-1*sin(180deg), M21=sin(180deg), M22=cos(180deg))";
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(180deg), M12=-1*sin(180deg), M21=sin(180deg), M22=cos(180deg)); }

*.orientation-8 .foto_image {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(270deg), M12=-1*sin(270deg), M21=sin(270deg), M22=cos(270deg))";
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(270deg), M12=-1*sin(270deg), M21=sin(270deg), M22=cos(270deg)); }

.form_wrap {
  width: 100%; }
  .form_wrap > .inner {
    padding: 0px 20px; }
  .form_wrap input.text {
    text-indent: 10px;
    width: 100%;
    line-height: 20px;
    text-align: left;
    padding: 22px 10px;
    margin: 13px 0px;
    display: block;
    border: 1px solid #fff;
    box-sizing: border-box;
    color: #000;
    font-size: 17px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -khtml-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
  .form_wrap input.text.error {
    border: 1px solid red; }
  .form_wrap ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgba(0, 95, 149, 0.45); }
  .form_wrap :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(0, 95, 149, 0.45);
    opacity: 1; }
  .form_wrap ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(0, 95, 149, 0.45);
    opacity: 1; }
  .form_wrap :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(0, 95, 149, 0.45); }
  .form_wrap ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(0, 95, 149, 0.45); }
  .form_wrap ::placeholder {
    /* Most modern browsers support this now. */
    color: rgba(0, 95, 149, 0.45); }
  .form_wrap .sws_select {
    color: #000;
    font-size: 17px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
    margin: 13px 0px; }
    .form_wrap .sws_select .legend {
      color: rgba(0, 95, 149, 0.45); }
      .form_wrap .sws_select .legend svg1 {
        padding-top: 0px; }
    .form_wrap .sws_select .click {
      height: 64px;
      line-height: 64px; }
      .form_wrap .sws_select .click .fa {
        height: 64px;
        line-height: 64px;
        color: rgba(0, 95, 149, 0.45); }
    .form_wrap .sws_select .layer .select {
      color: rgba(0, 95, 149, 0.45);
      height: 50px;
      padding-top: 5px; }
    .form_wrap .sws_select .layer .select .fa {
      color: rgba(0, 95, 149, 0.45); }
    .form_wrap .sws_select.error {
      border: 1px solid red; }
  .form_wrap textarea.text {
    width: 100%;
    padding: 20px;
    font-size: 17px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -khtml-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
    margin: 13px 0px;
    border: 0px;
    display: block;
    height: 245px; }
  .form_wrap textarea.error {
    border: 1px solid red; }

.page_content {
  margin: 20px 20px 20px 20px;
  word-wrap: break-word; }
  .page_content h1 {
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 20px;
    font-weight: bold; }
  .page_content h2 {
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 20px;
    font-weight: bold; }
  .page_content a {
    color: inherit;
    text-decoration: underline; }
  .page_content p {
    margin-bottom: 20px;
    font-size: 17px; }
  .page_content ul, .page_content ol {
    margin-left: 20px;
    margin-bottom: 20px; }
  .page_content img {
    max-width: 100%;
    height: auto; }

.stretch_image {
  margin: -20px -20px 20px -20px;
  min-height: 200px;
  line-height: 0px; }

.sws_select {
  position: relative;
  width: 100%; }
  .sws_select select {
    display: none; }
  .sws_select .click {
    width: 100%;
    height: 40px;
    left: 0px;
    top: 0px;
    background-color: #fff;
    color: #000;
    line-height: 40px;
    padding-left: 10px;
    box-sizing: border-box; }
    .sws_select .click .mark {
      display: none; }
    .sws_select .click .fa {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      color: #a4a4a4;
      -webkit-transition: all 0.25s linear;
      -moz-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
      text-indent: 0px; }
    .sws_select .click .text {
      width: 100%;
      display: block;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      align-items: center;
      -moz-box-wrap: nowrap;
      -webkit-box-wrap: nowrap;
      -ms-flexbox-wrap: nowrap;
      flex-wrap: nowrap; }
    .sws_select .click .inner {
      text-indent: 0px; }
  .sws_select .category-select-img {
    margin-right: 10px;
    line-height: 100%;
    min-width: 20px; }
    .sws_select .category-select-img svg {
      width: 20px;
      height: auto; }
  .sws_select .click.open .fa {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-90deg), M12=-1*sin(-90deg), M21=sin(-90deg), M22=cos(-90deg))";
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-90deg), M12=-1*sin(-90deg), M21=sin(-90deg), M22=cos(-90deg)); }
  .sws_select .value_label {
    position: absolute;
    right: 40px; }
  .sws_select .layer {
    width: 100%;
    left: 0px;
    top: 40px;
    z-index: 5; }
    .sws_select .layer .select {
      position: relative;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      align-items: center;
      -moz-box-wrap: nowrap;
      -webkit-box-wrap: nowrap;
      -ms-flexbox-wrap: nowrap;
      flex-wrap: nowrap;
      padding-left: 10px;
      box-sizing: border-box; }
      .sws_select .layer .select .fa {
        display: none;
        position: absolute;
        right: 13px;
        color: #a4a4a4;
        top: 50%;
        height: 30px;
        line-height: 30px;
        margin-top: -15px;
        vertical-align: middle; }
      .sws_select .layer .select.active .fa {
        display: block; }
    .sws_select .layer .select {
      width: 100%;
      height: 40px;
      border-bottom: 1px solid #a4a4a4;
      color: #000;
      background-color: #fff;
      line-height: 40px; }
    .sws_select .layer .select:first-child {
      border-top: 1px solid #a4a4a4; }
    .sws_select .layer .select:last-child {
      border-bottom: 0px; }

.sws_checkbox {
  color: #000;
  width: 100%;
  line-height: 20px;
  padding: 10px 75px 10px 20px;
  position: relative;
  height: 100%;
  box-sizing: border-box; }
  .sws_checkbox input {
    display: none; }
  .sws_checkbox .icon {
    width: 40px;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px;
    background-size: contain;
    background-position: 50% 50%;
    background-image: url('../gfx/checkbox.png');
    background-repeat: no-repeat; }
  .sws_checkbox.checked .icon {
    background-image: url('../gfx/checkbox_check.png'); }

.sws_select_blue .layer {
  position: absolute; }
  .sws_select_blue .layer .select {
    background-color: #0a5884;
    color: #fff;
    border-bottom: 1px solid #3d7290; }
    .sws_select_blue .layer .select .fa {
      color: #fff; }
    .sws_select_blue .layer .select:first-child {
      border-top: 1px solid #3d7290; }
  .sws_select_blue .click {
    background-color: #0a5884;
    color: #fff; }
  .sws_select_blue .click .fa {
    color: #fff; }

h1.pagetitle {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  margin-top: 0px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: normal;
  text-align: center; }

#layer {
  display: none;
  position: fixed;
  z-index: 110;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(174, 196, 59, 0.88);
  box-sizing: border-box; }
  #layer .close {
    z-index: 11;
    position: absolute;
    color: #fff;
    font-size: 2rem;
    font-weight: normal;
    position: absolute;
    right: 15px;
    top: 15px; }
  #layer .close:before {
    content: 'x'; }
  #layer .content {
    overflow: scroll;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 35px;
    box-sizing: border-box;
    font-size: 15px;
    color: #fff;
    line-height: 21px;
    z-index: 10; }
  #layer .content h1:first-child {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 21px;
    font-weight: bold; }
  #layer p {
    text-align: left;
    margin-bottom: 15px; }
  #layer ul, #layer ol {
    margin-left: 15px;
    margin-bottom: 15px; }
  #layer a {
    color: #fff; }
  #layer.error {
    background-color: rgba(255, 0, 0, 0.88); }
  #layer.ok {
    background-color: rgba(174, 196, 59, 0.88); }
  #layer.yesno {
    background-color: #42aeeb; }
  #layer.yesno .button_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 30px; }
    #layer.yesno .button_wrap a {
      margin: 0px 15px;
      width: 30vw;
      text-align: center; }
  #layer.yesno .yes {
    background-color: green; }
  #layer.yesno .no {
    background-color: red; }
  #layer.dsgvo {
    background-color: rgba(0, 124, 182, 0.88); }
  #layer.agb {
    background-color: rgba(8, 99, 156, 0.88); }
  #layer.dsgvo .close {
    display: none; }
  #layer.dsgvo .content {
    word-wrap: break-word;
    padding: 15px; }
  #layer.dsgvo .content .disclaimer_content {
    max-height: calc(100vh - 115px);
    overflow: scroll; }
  #layer.dsgvo .content .button_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    height: 70px;
    margin-top: 15px; }
  #layer.dsgvo .content .button {
    line-height: 15px;
    font-size: 15px;
    padding: 10px 10px; }
  #layer.dsgvo .content p {
    font-size: 14px;
    line-height: 16px; }
  #layer.dsgvo .content h1 {
    font-size: 14px;
    margin-bottom: 15px; }
  #layer.dsgvo .content h2 {
    line-height: 125%;
    font-size: 16px;
    margin-bottom: 15px; }
  #layer.dsgvo .content h2 {
    line-height: 125%;
    font-size: 16px;
    margin-bottom: 15px; }
  #layer.ok .content, #layer.yesno .content, #layer.error .content, #layer.stoerung .content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    text-align: center; }
  #layer.ok .content .inner, #layer.yesno .content .inner, #layer.error .content .inner, #layer.stoerung .content .inner {
    width: 100%; }

#task_submit_confirm_layer .wrap, #route_oe_bus_layer .wrap {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 9;
  width: 100%;
  height: 100%;
  background-color: rgba(8, 99, 156, 0.88);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap; }
  #task_submit_confirm_layer .wrap .inner, #route_oe_bus_layer .wrap .inner {
    margin: 0px 20px;
    background-image: url('../gfx/cloud_bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    box-sizing: border-box;
    padding: 0px 15px; }
    #task_submit_confirm_layer .wrap .inner .img_wrap, #route_oe_bus_layer .wrap .inner .img_wrap {
      width: auto;
      margin: auto;
      margin-bottom: 15px;
      padding-top: 35px;
      text-align: center; }
      #task_submit_confirm_layer .wrap .inner .img_wrap img, #route_oe_bus_layer .wrap .inner .img_wrap img {
        max-width: 100%;
        height: auto; }
    #task_submit_confirm_layer .wrap .inner h1, #route_oe_bus_layer .wrap .inner h1 {
      text-align: center;
      margin-bottom: 20px; }
    #task_submit_confirm_layer .wrap .inner .line1, #route_oe_bus_layer .wrap .inner .line1 {
      text-align: center;
      margin-bottom: 20px; }
    #task_submit_confirm_layer .wrap .inner .line2, #route_oe_bus_layer .wrap .inner .line2 {
      text-align: center;
      margin-bottom: 20px; }
    #task_submit_confirm_layer .wrap .inner .button, #route_oe_bus_layer .wrap .inner .button {
      margin-bottom: 0px;
      margin-left: -15px;
      margin-right: -15px; }
    #task_submit_confirm_layer .wrap .inner .closeLink, #route_oe_bus_layer .wrap .inner .closeLink {
      text-decoration: none;
      color: #fff;
      position: absolute;
      right: 0px;
      top: 0px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      display: block;
      font-size: 20px; }

#main_menu {
  display: none;
  z-index: 5;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  overflow: auto;
  height: 100%;
  background: rgba(0, 71, 111, 0.75); }
  #main_menu .main_menu_innner {
    display: block;
    width: 65vw;
    right: calc(-100%);
    top: 0px;
    position: absolute;
    background-color: #fff;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    word-wrap: break-word;
    min-height: 100%; }
  #main_menu .main_menu_innner .title {
    text-transform: uppercase;
    color: #35383a;
    margin-left: 50px;
    /*$color3*/
    margin-top: 60px;
    font-size: 1.2rem; }
  #main_menu .main_menu_innner ul {
    margin-top: 15px;
    margin-left: 25px;
    margin-bottom: 15px;
    margin-right: 15px; }
    #main_menu .main_menu_innner ul li {
      list-style: none; }
      #main_menu .main_menu_innner ul li a {
        display: block;
        width: 100%;
        line-height: 20px;
        font-size: 17px;
        margin-bottom: 13px;
        color: #35383a;
        text-decoration: none;
        /*$color3;*/ }

.fixfixed #header {
  position: absolute !important; }

.fixfixed #bottom_menu {
  position: relative !important; }

#bottom_menu {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 60px;
  z-index: 3;
  background-color: white; }
  #bottom_menu .bottom_menu_li {
    width: 25%;
    float: left;
    display: inline-block;
    height: 55px;
    line-height: 55px; }
  #bottom_menu .bus {
    background-image: url('../gfx/Bus.svg');
    margin-top: 15px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 30px;
    display: block; }
  #bottom_menu .badge {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: 15px;
    border-radius: 10px;
    height: 15px;
    line-height: 15px;
    width: 15px;
    text-align: center;
    color: #fff;
    background-color: red;
    font-size: 0.6rem; }
  #bottom_menu .home {
    position: relative;
    background-image: url('../gfx/icon_oe.svg');
    margin-top: 8px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 50px;
    display: block; }
  #bottom_menu .bob {
    position: relative;
    background-image: url('../gfx/bob.svg');
    margin-top: 8px;
    background-size: 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 50px;
    display: block; }
  #bottom_menu .menutoggle {
    right: 30px;
    top: 15px;
    width: 50px;
    height: 50px;
    position: relative; }
  #bottom_menu .menutoggle div {
    position: relative;
    left: 50%;
    width: 30px;
    height: 20px;
    display: block;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  #bottom_menu .menutoggle span {
    position: relative;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 20px;
    display: block;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  #bottom_menu .menutoggle span:nth-child(1) {
    top: 2px;
    width: 30px;
    height: 2px;
    background-color: #95989a; }
  #bottom_menu .menutoggle span:nth-child(2) {
    top: 11px;
    width: 30px;
    height: 2px;
    background-color: #95989a; }
  #bottom_menu .menutoggle span:nth-child(3) {
    top: 20px;
    width: 30px;
    height: 2px;
    background-color: #95989a; }
  #bottom_menu .sws_bottom_menu {
    color: #fbdf00;
    border-bottom: 5px solid #fbdf00;
    vertical-align: top; }

.page_top_padding {
  padding-top: 45px; }

#content_inner_wrap {
  max-width: 100vw;
  overflow: scroll;
  top: 45px;
  bottom: 60px;
  position: absolute;
  width: 100%;
  -webkit-overflow-scrolling: touch; }

#levelup_layer {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: rgba(125, 125, 125, 0.5);
  z-index: 2000;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap;
  background-image: url('../gfx/cloud_bg.jpg');
  background-size: cover;
  display: none; }
  #levelup_layer .inner {
    margin-top: 75px;
    width: 100%; }
  #levelup_layer .inner .img_wrap {
    width: 60%;
    margin: auto; }
    #levelup_layer .inner .img_wrap img {
      width: 100%;
      height: auto; }
  #levelup_layer .inner .text {
    text-align: center;
    padding: 25px;
    font-size: 36px;
    font-weight: bold; }

#content_loading {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: rgba(125, 125, 125, 0.5);
  z-index: 2;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap;
  display: none; }

#global_loading {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: rgba(125, 125, 125, 0.5);
  z-index: 20;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap;
  display: none; }

.loading_animation span .inner {
  height: 0px;
  width: 70px; }
  .loading_animation span #eyes {
    width: 35px;
    display: block;
    margin: 0 auto;
    margin-bottom: 8px; }
  .loading_animation span #circle {
    width: 70px;
    display: block;
    margin: 0 auto;
    animation: animate_loading 1s ease-in infinite;
    transform-origin: top; }

body.menu_open #main_menu .main_menu_innner {
  right: 0px; }
/* Standard Wolken */
/*body #bg.sws_page_bg_,*/
body #bg.sws_page_bg_0 {
  background-image: url('../gfx/wolke2.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; }

body #bg.sws_page_bg_, body #bg.sws_page_bg_2 {
  background: transparent;
  background-color: #fff;
  color: #00476f; }
/* Blauer BG */
body #bg.sws_page_bg_1 {
  background-color: #0596f0;
  background-image: -moz-linear-gradient(#0596f0, #005990);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0596f0), to(#005990));
  background-image: -webkit-linear-gradient(#0596f0, #005990);
  background-image: -o-linear-gradient(#0596f0, #005990); }

#header {
  background-color: #fff;
  width: 100%;
  position: fixed;
  z-index: 3;
  color: #0a5884;
  left: 0px;
  top: 0px; }
  #header .title {
    /*border-bottom:1px solid #AEAEAE;*/
    height: 45px;
    line-height: 45px;
    font-size: 1.2rem;
    text-align: center;
    color: #0a5884;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    width: 100%;
    padding: 0px 50px;
    white-space: nowrap; }
  #header .backlink {
    display: none;
    position: absolute;
    width: 45px;
    left: 0px;
    height: 45px;
    text-align: center;
    top: 0px;
    line-height: 45px;
    color: #0a5884; }
  #header .closelink {
    background-color: #fff;
    display: none;
    z-index: 2;
    position: absolute;
    width: 45px;
    right: 0px;
    height: 45px;
    text-align: center;
    top: 0px;
    line-height: 45px;
    color: #0a5884; }
  #header .tabmenu ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%; }
    #header .tabmenu ul li {
      list-style: none;
      flex-grow: 1;
      flex-shrink: 0;
      width: 33.3333%; }
      #header .tabmenu ul li a {
        display: block;
        text-align: center;
        line-height: 28px;
        vertical-align: middle;
        font-size: 13px;
        color: #95989a;
        text-decoration: none;
        border-bottom: 4px solid #fff; }
      #header .tabmenu ul li a:hover, #header .tabmenu ul li a.active {
        color: #0a5884;
        border-bottom: 5px solid #0a5884;
        margin-bottom: -1px; }
  #header .photo_wrap {
    z-index: 1;
    position: absolute;
    width: 25px;
    right: 20px;
    top: 0px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap; }
  #header .photo_wrap img {
    width: 25px;
    height: 25px;
    border-radius: 100px; }
  #header .placeholder {
    background-color: #dedede;
    background-image: url('../gfx/People.svg');
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    border-radius: 50px; }

body #bg {
  min-height: 100%; }
  body #global_wrap {
    min-height: 100%; }

body.page-template-page_landingpage-php #bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: url('../gfx/cloud_bg.jpg');
  background-size: cover;
  background-repeat: no-repeat; }
  body.page-template-page_landingpage-php #global_wrap {
    overflow: scroll;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0px bottom;
    box-sizing: border-box; }

body.page-template-page_landingpage_clear-php #bg {
  background-image: url('../gfx/cloud_bg.jpg');
  background-size: cover;
  background-repeat: no-repeat; }
  body.page-template-page_landingpage_clear-php #global_wrap {
    padding-top: 40px; }

body.page-template-page_landingpage-php p, body.page-template-page_landingpage_clear-php p {
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 20px; }
  body.page-template-page_landingpage-php .backlink, body.page-template-page_landingpage_clear-php .backlink {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    left: 5px;
    top: 5px;
    color: #fff;
    z-index: 9; }

.sws_home_content {
  width: 100%; }
  .sws_home_content .top {
    width: 100%; }
  .sws_home_content .top .slide {
    padding: 5px 20px;
    padding-top: 20px;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap; }
    .sws_home_content .top .slide .title {
      font-size: 24px;
      line-height: 27px;
      text-align: center; }
    .sws_home_content .top .slide .image {
      margin: 15px 0px; }
      .sws_home_content .top .slide .image img {
        max-width: 100%;
        height: auto;
        max-height: 125px;
        width: auto; }
    .sws_home_content .top .slide .content {
      margin-top: 0px; }
  .sws_home_content .top .slick-dotted.slick-slider {
    margin-bottom: 50px; }
  .sws_home_content .content {
    width: 100%;
    text-align: center; }

.home_success {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap; }
  .home_success img {
    width: 60%;
    margin-bottom: 20px; }
  .home_success .button {
    margin-top: 30px; }

.home_login {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap; }
  .home_login .top {
    padding-top: 40px;
    width: 100%; }
  .home_login .top .pagetitle {
    margin-bottom: 40px; }
  .home_login .bottom {
    padding-top: 20px; }
  .home_login .bottom a {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    line-height: 20px; }

.home_lostpassword .pagetitle {
  margin-bottom: 40px; }

.sws_register {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap; }
  .sws_register form {
    width: 100%; }
  .sws_register .upload {
    background-color: #e4e4e4;
    border-radius: 80px;
    width: 110px;
    height: 110px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    margin: auto;
    margin-bottom: 20px;
    position: relative; }
  .sws_register .upload img {
    width: 60px;
    height: 60px;
    margin: 30px 0px;
    max-width: inherit; }
  .sws_register .upload img.attachment-SWS-photo {
    width: 110px;
    height: 110px;
    border-radius: 80px; }
  .sws_register .upload .foto_image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 100px; }
  .sws_register .sws_checkbox {
    font-size: 17px;
    line-height: 22px;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0px; }
  .sws_register .sws_checkbox .fa {
    color: #fff;
    font-size: 22px;
    margin-right: 10px;
    margin-left: 5px; }
  .sws_register .sws_checkbox a {
    margin-left: 5px;
    color: #fff;
    text-decoration: underline; }
  .sws_register .sws_checkbox.active .fa:before {
    content: '\f05d' !important; }
  .sws_register .sws_checkbox.error {
    color: #f00; }
    .sws_register .sws_checkbox.error a {
      color: #f00; }
    .sws_register .sws_checkbox.error .fa {
      color: red; }

.home_editprofil .upload {
  background-color: #e4e4e4;
  border-radius: 80px;
  width: 110px;
  height: 110px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap;
  margin: auto;
  margin-bottom: 20px;
  position: relative; }
  .home_editprofil .upload img {
    width: 60px;
    height: 60px;
    margin: 30px 0px;
    max-width: inherit; }
  .home_editprofil .upload img.attachment-SWS-photo {
    width: 110px;
    height: 110px;
    border-radius: 80px; }
  .home_editprofil .upload .foto_image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 100px; }

.home_landing .title {
  padding: 5px 0px;
  font-size: 14px; }
  .home_landing .news {
    color: #3b5998;
    position: relative;
    display: block;
    text-decoration: none;
    height: 75vw;
    background-size: cover; }
  .home_landing .news .content {
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 20px;
    z-index: 2; }
    .home_landing .news .content .cat {
      color: #ffc833;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 14px;
      text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
    .home_landing .news .content .title {
      font-weight: bold;
      font-size: 26px;
      line-height: 26px;
      color: #fff;
      text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
    .home_landing .news .content .date {
      background-repeat: no-repeat;
      background-size: 16px;
      background-position: 0% 50%;
      background-image: url('../gfx/cal-white.png');
      padding-left: 20px;
      display: inline-block;
      color: #fff;
      font-weight: normal;
      font-size: 14px;
      line-height: 21px;
      text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
    .home_landing .news .content .time {
      background-repeat: no-repeat;
      background-size: 16px;
      background-position: 0% 50%;
      background-image: url('../gfx/clock-white.png');
      padding-left: 20px;
      display: inline-block;
      color: #fff;
      font-size: 14px;
      line-height: 21px;
      text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
  .home_landing .news:after {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: linear-gradient(rgba(0, 95, 149, 0) 0%, rgba(0, 66, 103, 0.8) 100%);
    content: ""; }
  .home_landing .user_view {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 20px; }
  .home_landing .user_view .text {
    width: 100%;
    align-self: stretch;
    padding-left: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap; }
    .home_landing .user_view .text .line1 {
      font-size: 25px;
      color: #fff; }
    .home_landing .user_view .text .line2 {
      font-size: 16px;
      color: #fff; }
  .home_landing .user_view .icon .photo_wrap {
    width: 75px;
    height: 85px;
    position: relative; }
    .home_landing .user_view .icon .photo_wrap img {
      border-radius: 50px; }
    .home_landing .user_view .icon .photo_wrap .badge {
      background-color: #aec43b;
      width: 25px;
      height: 25px;
      line-height: 25px;
      text-align: center;
      border-radius: 30px;
      left: 25px;
      bottom: 0px;
      position: absolute; }

.community_index .user_view {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  align-content: stretch; }
  .community_index .user_view .text {
    width: 100%;
    align-self: stretch;
    padding-left: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap; }
    .community_index .user_view .text .line1 {
      font-size: 25px; }
  .community_index .user_view .user_icon {
    height: 75px;
    width: 75px;
    opacity: 0.5; }
  .community_index .ticker_typ_7 .line1 {
    text-decoration: underline; }
  .community_index a.ticker_typ_8 div:first-child {
    text-decoration: underline !important; }
  .community_index .community_wrap .community {
    background-color: #015e94;
    background-image: url('../gfx/Community.svg'); }
  .community_index .community_wrap .badge {
    background-color: #aec43b;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 30px;
    left: 25px;
    bottom: -15px;
    position: absolute; }
  .community_index .icon .photo_wrap {
    width: 75px;
    height: 85px;
    position: relative;
    display: block; }
    .community_index .icon .photo_wrap img {
      border-radius: 50px; }
    .community_index .icon .photo_wrap .badge {
      background-color: #aec43b;
      width: 25px;
      height: 25px;
      line-height: 25px;
      text-align: center;
      border-radius: 30px;
      left: 25px;
      bottom: 0px;
      position: absolute; }
  .community_index .button_submit {
    margin-top: 30px; }
  .community_index #ticker {
    background-color: #fff;
    position: relative;
    margin-top: 15px; }
  .community_index #ticker .ticker {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    background-color: #fff;
    /*.points { align-self:flex-start; flex-grow:0; flex-shrink:0; padding:0px 10px; background-image:url(../gfx/postit.png); background-repeat:no-repeat; background-size:contain; background-position:50% 50%; width:75px; height:65px; text-align:center; padding-top:10px; padding-right:2px; }*/ }
    .community_index #ticker .ticker .icon_wrap {
      flex-shrink: 0;
      flex-grow: 0;
      padding: 10px 10px; }
    .community_index #ticker .ticker .icon_wrap img {
      width: 50px;
      height: 50px;
      border-radius: 100px; }
    .community_index #ticker .ticker .icon_wrap .placeholder {
      width: 50px;
      height: 50px;
      border-radius: 100px;
      background-color: #dedede; }
    .community_index #ticker .ticker .icon_wrap .placeholder_user {
      padding: 10px;
      box-sizing: border-box;
      background-color: #004f7f; }
      .community_index #ticker .ticker .icon_wrap .placeholder_user img {
        width: 100%;
        height: auto;
        border-radius: 0px; }
    .community_index #ticker .ticker .text {
      flex-grow: 1;
      color: #015e94;
      padding: 10px 0px;
      padding-right: 5px;
      overflow: hidden; }
    .community_index #ticker .ticker .text .line1 {
      font-weight: bold;
      font-size: 14px; }
    .community_index #ticker .ticker .text .line2 {
      color: #999;
      font-size: 0.9em; }
    .community_index #ticker .ticker .points {
      min-width: 50px;
      background-image: url('../gfx/postit.svg');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      align-self: stretch;
      flex-grow: 0;
      flex-shrink: 0;
      padding: 0px;
      width: 65px;
      height: 65px;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      align-items: center;
      -moz-box-wrap: nowrap;
      -webkit-box-wrap: nowrap;
      -ms-flexbox-wrap: nowrap;
      flex-wrap: nowrap;
      text-align: center;
      margin: 10px;
      color: #fff; }
  .community_index #ticker hr {
    margin: 0px 10px !important;
    border: 0px;
    background-color: #dedede;
    width: auto;
    height: 1px;
    box-sizing: border-box; }
  .community_index #ticker > hr:last-child {
    display: none; }
  .community_index #ticker .loader {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(125, 125, 125, 0.5);
    z-index: 2;
    display: none; }
  .community_index #ticker.loading .loader {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap; }

.services_index .service {
  color: #3b5998;
  position: relative;
  display: block;
  text-decoration: none;
  margin-bottom: 20px; }
  .services_index .service .image {
    position: relative; }
  .services_index .service .content {
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 0px;
    background-color: rgba(255, 255, 255, 0.9); }
    .services_index .service .content .title {
      padding: 10px 0px 5px 10px;
      font-weight: bold;
      font-size: 15px;
      line-height: 21px;
      text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      min-height: 50px; }
    .services_index .service .content .more {
      padding: 4px 30px;
      font-weight: bold;
      background-color: #fbdf00;
      background-image: -moz-linear-gradient(#fbdf00, #f6ce00);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbdf00), to(#f6ce00));
      background-image: -webkit-linear-gradient(#fbdf00, #f6ce00);
      background-image: -o-linear-gradient(#fbdf00, #f6ce00);
      -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      -khtml-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      text-decoration: none;
      font-size: 17px;
      line-height: 20px;
      position: absolute;
      right: 0px;
      bottom: 0px;
      display: block; }

.home_landing .routing, .route_index .routing {
  background-color: #fff;
  color: #3b5998;
  position: relative;
  margin-bottom: 20px; }
  .home_landing .routing .from, .route_index .routing .from {
    width: 100%;
    border-bottom: 1px solid #95989a;
    position: relative; }
  .home_landing .routing .to, .route_index .routing .to {
    position: relative; }
  .home_landing .routing .fromto > a, .route_index .routing .fromto > a {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 60px;
    height: 77px; }
  .home_landing .routing .input_wrap, .route_index .routing .input_wrap {
    width: 100%;
    padding-right: 60px;
    box-sizing: border-box; }
  .home_landing .routing input, .route_index .routing input {
    border: 0px;
    color: #3b5998;
    text-indent: 10px;
    font-size: 18px;
    line-height: 27px;
    padding: 30px 0px 20px 0px;
    width: 100%; }
  .home_landing .routing .label, .route_index .routing .label {
    position: absolute;
    color: #adadad;
    font-size: 15px;
    left: 10px;
    top: 8px; }
  .home_landing .routing .fromto .fa, .route_index .routing .fromto .fa {
    color: #adadad;
    font-size: 26px;
    margin-top: -13px;
    text-align: center;
    width: 26px; }
  .home_landing .routing .fromto img, .route_index .routing .fromto img {
    height: 26px;
    width: auto;
    margin-top: -13px; }
  .home_landing .routing .fromto .fa, .route_index .routing .fromto .fa, .home_landing .routing .fromto img, .route_index .routing .fromto img {
    position: absolute;
    right: 25px;
    top: 50%; }
  .home_landing .routing > a.route_button, .route_index .routing > a.route_button {
    margin: 0px;
    display: block;
    width: 100%;
    line-height: 20px;
    text-align: center;
    padding: 15px 0px;
    text-decoration: none;
    background-color: #fbdf00;
    background-image: -moz-linear-gradient(#fbdf00, #f6ce00);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbdf00), to(#f6ce00));
    background-image: -webkit-linear-gradient(#fbdf00, #f6ce00);
    background-image: -o-linear-gradient(#fbdf00, #f6ce00); }

.home_landing .routing {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -khtml-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }

.route_index {
  margin: -20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  align-items: stretch;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap; }
  .route_index .routing {
    margin-bottom: 0px; }
  .route_index .button_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: stretch;
    align-items: stretch;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: #005990;
    border-bottom: 1px solid #3279a6; }
  .route_index .button_wrap a {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    text-decoration: none; }
  .route_index .button_wrap a.route_fav {
    width: 50px;
    border-right: 1px solid #3279a6;
    flex-grow: 0;
    font-size: 23px; }
  .route_index .button_wrap a.route_config {
    width: 50px;
    border-right: 1px solid #3279a6;
    flex-grow: 0;
    font-size: 23px; }
  .route_index .button_wrap a.route_datepicker {
    font-size: 17px;
    padding: 0px 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    flex-shrink: 0; }
    .route_index .button_wrap a.route_datepicker > span {
      display: block;
      line-height: 20px;
      padding: 0px 5px; }
    .route_index .button_wrap a.route_datepicker .inner {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      align-items: center;
      -moz-box-wrap: nowrap;
      -webkit-box-wrap: nowrap;
      -ms-flexbox-wrap: nowrap;
      flex-wrap: nowrap;
      line-height: 20px;
      font-size: 15px; }
    .route_index .button_wrap a.route_button {
      font-size: 15px;
      color: #3b5998;
      background-color: #fbdf00;
      background-image: -moz-linear-gradient(#fbdf00, #f6ce00);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbdf00), to(#f6ce00));
      background-image: -webkit-linear-gradient(#fbdf00, #f6ce00);
      background-image: -o-linear-gradient(#fbdf00, #f6ce00);
      flex-grow: 1;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      align-items: center;
      -moz-box-wrap: nowrap;
      -webkit-box-wrap: nowrap;
      -ms-flexbox-wrap: nowrap;
      flex-wrap: nowrap; }
    .route_index .button_wrap a.route_button span {
      display: block;
      line-height: 20px;
      padding: 0px 15px; }
  .route_index #route_target {
    padding: 15px;
    width: 100%;
    flex-grow: 1;
    box-sizing: border-box; }
  .route_index #route_target .route {
    background-color: #fff;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -khtml-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    color: #0a5884; }
    .route_index #route_target .route a {
      text-decoration: none; }
    .route_index #route_target .route .head {
      border-bottom: 1px solid #a4a4a4;
      padding: 10px 15px 10px 15px; }
    .route_index #route_target .route .head .time div {
      display: inline-block; }
    .route_index #route_target .route .head .duration {
      float: right; }
    .route_index #route_target .route .content {
      position: relative; }
    .route_index #route_target .route .content .stop_list {
      padding: 15px 15px 15px 15px;
      margin-left: 0px; }
      .route_index #route_target .route .content .stop_list li {
        list-style: none;
        display: inline-block; }
        .route_index #route_target .route .content .stop_list li:after {
          content: "\f054";
          font: normal normal normal 14px/1 FontAwesome;
          margin-left: 2px;
          margin-right: 2px;
          color: #a4a4a4; }
        .route_index #route_target .route .content .stop_list li span {
          padding: 3px 5px;
          display: inline-block;
          line-height: 30px; }
      .route_index #route_target .route .content .stop_list li:last-child:after {
        color: #fff; }
    .route_index #route_target .route .content .oe {
      position: absolute;
      right: 5px;
      top: 10px; }
      .route_index #route_target .route .content .oe img {
        height: 49px;
        width: auto; }

#route_settings_layer {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: #0067a8;
  z-index: 1;
  display: block;
  position: absolute;
  box-sizing: border-box;
  display: none; }
  #route_settings_layer .content {
    padding-top: 45px;
    padding-bottom: 60px; }
  #route_settings_layer .content .block {
    margin: 20px;
    width: auto;
    box-sizing: border-box;
    background-color: #fff; }
    #route_settings_layer .content .block .select_wrap {
      width: 100%;
      box-sizing: border-box; }
    #route_settings_layer .content .block .select_wrap select {
      width: 100%; }
    #route_settings_layer .content .block.block.checkbox_wrap {
      padding-bottom: 5px; }
    #route_settings_layer .content .block .head {
      border-bottom: 1px solid #a4a4a4;
      width: 100%;
      line-height: 20px;
      padding: 10px 0px 10px 20px;
      color: #000;
      box-sizing: border-box;
      margin-bottom: 5px; }

#route_datepicker_layer_wrap {
  display: none; }
  #route_datepicker_layer_wrap #route_datepicker_layer {
    position: fixed;
    width: 100vw;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 101;
    display: table; }
  #route_datepicker_layer_wrap #route_datepicker_layer .inner_wrap {
    display: table-cell;
    vertical-align: middle; }
  #route_datepicker_layer_wrap #route_datepicker_layer .inner {
    padding: 0px 0px 0px 0px;
    width: 80%;
    background-color: #fff;
    margin: auto; }
  #route_datepicker_layer_wrap #route_datepicker_layer .datepicker_day_wrap {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box; }
  #route_datepicker_layer_wrap #route_datepicker_layer .datepicker_hour_wrap {
    width: 25%;
    padding-right: 7.5px;
    box-sizing: border-box; }
  #route_datepicker_layer_wrap #route_datepicker_layer .datepicker_minute_wrap {
    width: 25%;
    padding-right: 15px;
    padding-left: 7.5px;
    box-sizing: border-box; }
  #route_datepicker_layer_wrap #route_datepicker_layer .select_wrap {
    float: left;
    display: inline-block; }
  #route_datepicker_layer_wrap #route_datepicker_layer select {
    width: 100%;
    color: #000;
    outline: none;
    border: 0px;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    margin: 45px 0px 45px 0px;
    padding: 15px 5px 15px 5px;
    background: transparent; }
  #route_datepicker_layer_wrap #route_datepicker_layer select option {
    color: black; }
  #route_datepicker_layer_wrap #route_datepicker_layer .header {
    border-bottom: 2px solid #0a5884; }
  #route_datepicker_layer_wrap #route_datepicker_layer .header > a {
    width: 50%;
    height: 50px;
    line-height: 50px;
    float: left;
    display: block;
    font-size: 16px;
    text-align: center;
    color: #000;
    background-color: #fff;
    text-transform: uppercase;
    text-decoration: none; }
  #route_datepicker_layer_wrap #route_datepicker_layer .header > a.active {
    background-color: #0a5884;
    color: #fff; }
  #route_datepicker_layer_wrap #route_datepicker_layer .header > a:nth-child(2) {
    float: right; }
  #route_datepicker_layer_wrap #route_datepicker_layer .footer {
    padding-left: 15px;
    padding-right: 15px;
    clear: both;
    background-color: #0a5884;
    height: 50px; }
  #route_datepicker_layer_wrap #route_datepicker_layer .footer > a {
    text-decoration: none;
    color: #fff;
    background-color: #0a5884;
    width: 50%;
    height: 50px;
    line-height: 50px;
    float: left;
    display: block;
    font-size: 16px;
    text-align: left; }
  #route_datepicker_layer_wrap #route_datepicker_layer .footer > a:nth-child(2) {
    text-align: right; }

.plan_edit #cat_select .layer {
  position: absolute; }
  .plan_edit #cat_select .click {
    background-color: #0a5884;
    color: #fff; }
    .plan_edit #cat_select .click .fa {
      color: #fff; }
  .plan_edit #cat_select .select {
    background-color: #0a5884;
    color: #fff;
    border-bottom: 1px solid #3d7290; }
    .plan_edit #cat_select .select .fa {
      color: #fff; }
    .plan_edit #cat_select .select:first-child {
      border-top: 1px solid #3d7290; }
  .plan_edit .block {
    width: 100%;
    background-color: #fff;
    margin-top: 20px;
    color: #0a5884; }
  .plan_edit .block .task_wrap {
    padding: 10px 10px 0px 10px; }
  .plan_edit .block .task {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: stretch;
    align-items: stretch;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    text-decoration: none;
    position: relative; }
    .plan_edit .block .task .community_icon {
      background-image: url('../gfx/Community.svg');
      background-repeat: no-repeat;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 53px;
      top: 13px;
      margin-top: -15px;
      background-size: contain; }
    .plan_edit .block .task .icon {
      width: 20px;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      align-items: center;
      -moz-box-wrap: nowrap;
      -webkit-box-wrap: nowrap;
      -ms-flexbox-wrap: nowrap;
      flex-wrap: nowrap;
      flex-shrink: 0; }
    .plan_edit .block .task .icon .checkmark {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      align-items: center;
      -moz-box-wrap: nowrap;
      -webkit-box-wrap: nowrap;
      -ms-flexbox-wrap: nowrap;
      flex-wrap: nowrap; }
      .plan_edit .block .task .icon .checkmark .fa {
        width: 20px;
        height: 20px;
        display: block;
        border-radius: 50px;
        border: 1px solid #aec43b;
        margin: auto;
        background-color: #aec43b;
        color: #fff;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        -moz-box-wrap: nowrap;
        -webkit-box-wrap: nowrap;
        -ms-flexbox-wrap: nowrap;
        flex-wrap: nowrap; }
        .plan_edit .block .task .icon .checkmark .fa:before {
          content: '\f00c';
          line-height: 20px; }
    .plan_edit .block .task .text {
      flex-grow: 1;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -moz-box-wrap: nowrap;
      -webkit-box-wrap: nowrap;
      -ms-flexbox-wrap: nowrap;
      flex-wrap: nowrap;
      margin-left: 10px;
      posiiton: relative; }
    .plan_edit .block .task .text .title {
      font-size: 14px;
      line-height: 16px;
      color: #0a5884;
      font-weight: bold; }
    .plan_edit .block .task .text .rythm {
      font-size: 14px;
      line-height: 18px;
      color: #8e8e93; }
    .plan_edit .block .task .checkbox {
      background-image: url('../gfx/checkbox.png');
      background-size: 50px auto;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      width: 60px;
      flex-shrink: 0; }
    .plan_edit .block .task .checkbox.active {
      background-image: url('../gfx/checkbox_check.png'); }
  .plan_edit .block .task_wrap_done {
    /* background-color:#DEDEDE;*/ }
    .plan_edit .block .task_wrap_done .checkbox {
      display: none; }
    .plan_edit .block .task_wrap_done .task .text .title {
      color: #aec43b; }
    .plan_edit .block .task_wrap_done .task .text .rythm {
      color: #aec43b; }
    .plan_edit .block .task_wrap_done:last-child .task {
      border-bottom: 0px; }
  .plan_edit .add {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 20px;
    padding-bottom: 20px;
    text-decoration: none;
    color: #0a5884; }
  .plan_edit .add img {
    margin-bottom: 10px; }

.service-single .image, .post-single .image {
  margin: -20px -20px 0px -20px;
  min-height: 200px;
  line-height: 0px;
  position: relative;
  background-color: #c4c4c4; }
  .service-single .cat, .post-single .cat {
    margin-left: -20px;
    margin-right: -20px;
    padding: 15px;
    background: #0a5884;
    color: #fbdf00;
    text-transform: uppercase; }
  .service-single .wrap, .post-single .wrap {
    padding-top: 20px;
    position: relative; }
  .service-single .wrap .content, .post-single .wrap .content {
    color: #707070;
    font-size: 17px;
    line-height: 24px; }
  .service-single .wrap h1, .post-single .wrap h1 {
    font-size: 30px;
    line-height: 34px;
    color: #0a5884;
    margin-bottom: 20px; }
  .service-single .wrap h3, .post-single .wrap h3 {
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 20px;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.37); }
  .service-single .wrap .date, .post-single .wrap .date {
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0% 50%;
    background-image: url('../gfx/cal-grey.png');
    padding-left: 20px;
    display: inline-block;
    color: #707070;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
  .service-single .wrap .time, .post-single .wrap .time {
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0% 50%;
    background-image: url('../gfx/clock-grey.png');
    padding-left: 20px;
    display: inline-block;
    color: #707070;
    font-size: 14px;
    line-height: 21px;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
  .service-single .wrap .box, .post-single .wrap .box {
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -khtml-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    width: 100%;
    color: #0a5884;
    padding: 20px 20px 1px 20px;
    box-sizing: border-box;
    color: rgba(149, 152, 154, 1); }
    .service-single .wrap .box a, .post-single .wrap .box a {
      text-decoration: none;
      color: rgba(0, 153, 255, 1); }
    .service-single .wrap .box .button, .post-single .wrap .box .button {
      color: #fff;
      margin: 20px -20px 0px -20px; }

.service-single .wrap {
  margin-top: -120px; }
  .service-single .wrap h1 {
    margin-bottom: 40px; }

.task-single .image {
  margin: -20px -20px 20px -20px;
  min-height: 200px;
  line-height: 0px;
  position: relative;
  background-color: #c4c4c4; }
  .task-single .image .badge {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px; }
    .task-single .image .badge .points {
      height: 60px;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      align-items: center;
      -moz-box-wrap: nowrap;
      -webkit-box-wrap: nowrap;
      -ms-flexbox-wrap: nowrap;
      flex-wrap: nowrap; }
    .task-single .image .badge .points span:nth-child(1) {
      font-size: 23px;
      line-height: 28px;
      font-weight: bold; }
    .task-single .image .badge .points span:nth-child(2) {
      font-size: 16px;
      line-height: 19px; }
    .task-single .image .badge .points .postit {
      height: 45px;
      width: 45px;
      background-image: url('../gfx/postit.svg');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      align-items: center;
      -moz-box-wrap: nowrap;
      -webkit-box-wrap: nowrap;
      -ms-flexbox-wrap: nowrap;
      flex-wrap: nowrap;
      color: #fff; }
      .task-single .image .badge .points .postit img {
        display: none; }
      .task-single .image .badge .icon {
        width: 50px;
        height: 50px;
        background-color: #fff;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -moz-box-wrap: nowrap;
        -webkit-box-wrap: nowrap;
        -ms-flexbox-wrap: nowrap;
        flex-wrap: nowrap; }
    .task-single .image .badge .icon svg {
      height: 30px;
      width: 30px; }
  .task-single .image h1 {
    font-size: 30px;
    position: absolute;
    bottom: 30px;
    margin-left: 20px;
    padding-right: 50px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 20px;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.37); }
  .task-single .wrap {
    margin-top: -60px;
    position: relative; }
  .task-single .wrap h1 {
    font-size: 30px;
    padding-right: 50px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 20px;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.37); }
  .task-single .wrap .box {
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -khtml-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    width: 100%;
    color: #0a5884;
    padding: 20px 20px 0px 20px;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 20px;
    color: rgba(149, 152, 154, 1); }
    .task-single .wrap .box a {
      text-decoration: none;
      color: rgba(0, 153, 255, 1); }
    .task-single .wrap .box .button {
      color: #fff;
      margin: 20px -20px 0px -20px; }
  .task-single .select {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: wrap;
    -webkit-box-wrap: wrap;
    -ms-flexbox-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px; }
  .task-single .select.select_onetime {
    position: relative;
    width: 100%;
    height: 50px; }
    .task-single .select.select_onetime .col {
      width: 40px;
      height: 30px;
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -15px;
      background-size: contain;
      background-position: 50% 50%;
      background-image: url('../gfx/checkbox.png');
      background-repeat: no-repeat; }
    .task-single .select.select_onetime .col.active {
      background-image: url('../gfx/checkbox_check.png'); }
  .task-single .select.select_daily .col {
    min-width: 10%; }
    .task-single .select.select_daily .col .label {
      font-size: 15px; }
  .task-single .select .col {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0px 2px;
    min-width: 14%;
    margin-top: 15px; }
    .task-single .select .col input {
      display: none; }
    .task-single .select .col .label {
      font-size: 10px;
      margin-bottom: 5px; }
    .task-single .select .col .circle {
      border-radius: 100px;
      width: 100%;
      background-color: #fff;
      border: 1px solid rgba(229, 229, 234, 1);
      padding-top: 100%;
      min-width: 15px;
      -webkit-box-shadow: 0px 2px 0px rgba(241, 241, 241, 1);
      -khtml-box-shadow: 0px 2px 0px rgba(241, 241, 241, 1);
      -moz-box-shadow: 0px 2px 0px rgba(241, 241, 241, 1);
      -ms-box-shadow: 0px 2px 0px rgba(241, 241, 241, 1);
      -o-box-shadow: 0px 2px 0px rgba(241, 241, 241, 1);
      box-shadow: 0px 2px 0px rgba(241, 241, 241, 1); }
    .task-single .select .col.active .circle {
      background-color: #aec43b;
      border-color: #aec43b; }

#route_search_layer {
  width: 100%;
  height: 100vh;
  left: 0px;
  top: 0px;
  background-color: #fcfcfc;
  z-index: 1;
  display: none;
  position: absolute;
  box-sizing: border-box;
  position: fixed; }
  #route_search_layer .head {
    position: fixed;
    top: 45px;
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    background-color: #0067a8; }
  #route_search_layer .head input {
    width: 100%;
    line-height: 20px;
    font-size: 17px;
    padding: 10px;
    box-sizing: border-box;
    color: #3b5998;
    border: 0px;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -khtml-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
  #route_search_layer .content {
    padding-top: 115px;
    padding-bottom: 60px;
    background-color: #fcfcfc; }
  #route_search_layer .content ul {
    padding: 5px; }
    #route_search_layer .content ul li {
      border-bottom: 1px solid #adadad; }
    #route_search_layer .content ul li a {
      text-decoration: none;
      color: #3b5998;
      font-size: 15px;
      display: block;
      padding: 10px;
      line-height: 20px; }
      #route_search_layer .content ul li a .label {
        display: block; }
      #route_search_layer .content ul li a .city {
        font-size: 0.8em; }

.route_show .top .time {
  border-bottom: 1px solid #4fc5ff;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .route_show .top .time .left {
    font-weight: bold; }
  .route_show .top .parts {
    margin-bottom: 20px; }
  .route_show .top .parts li {
    list-style: none;
    display: inline-block; }
  .route_show .top .parts li .trip_part {
    padding: 5px; }
  .route_show .top .parts li:after {
    content: '\f054';
    color: #4fc5ff;
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 3px;
    margin-right: 3px; }
  .route_show .top .parts li img {
    height: 25px;
    vertical-align: middle; }
  .route_show .top .parts li:last-child:after {
    content: '';
    margin: 0px; }
  .route_show #map {
    margin-left: -20px;
    margin-right: -20px; }
  .route_show .details {
    padding-top: 20px;
    padding-bottom: 20px; }
  .route_show .details .part {
    margin-bottom: 15px; }
  .route_show .details .part .line {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap; }
  .route_show .details .part .line .left {
    width: 50px;
    flex-shrink: 0;
    padding-right: 15px;
    font-weight: bold; }
  .route_show .details .part .line .right {
    border-left: 1px solid #fff;
    padding-left: 15px; }
  .route_show .details .part .line_center > div {
    padding-top: 30px;
    align-self: stretch; }
  .route_show .details .part .line_center .left {
    padding-bottom: 30px; }
  .route_show .details .part .trip_part {
    padding: 5px; }
  .route_show .details .part .trip_parts {
    display: block;
    padding: 10px 0px;
    font-size: 0.9em; }
  .route_show .details .motType .line_center .right {
    padding-top: 0px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap; }

.ticketshop_index .content {
  margin-top: 20px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -khtml-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff; }
  .ticketshop_index .content .ticket {
    display: none;
    border-bottom: 1px solid #a4a4a4;
    color: #000;
    text-decoration: none;
    width: 100%;
    padding: 15px;
    box-sizing: border-box; }
  .ticketshop_index .content .ticket .fa {
    color: #a4a4a4; }
  .ticketshop_index .content .ticket.show {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap; }

.bookmark_list .bookmark {
  margin-bottom: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: stretch;
  justify-content: stretch;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: stretch;
  align-items: stretch;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -khtml-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  color: #0a5884;
  position: relative; }
  .bookmark_list .bookmark .left {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    flex-grow: 1; }
  .bookmark_list .bookmark .left .from_label {
    border-bottom: 1px solid #a4a4a4;
    width: 100%;
    flex-grow: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    padding-left: 20px;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px; }
  .bookmark_list .bookmark .left .to_label {
    width: 100%;
    flex-grow: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    padding-left: 20px;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px; }
  .bookmark_list .bookmark .right {
    padding: 20px;
    width: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    flex-grow: 0; }
  .bookmark_list .bookmark .right img {
    max-height: 30px;
    width: auto; }
  .bookmark_list .bookmark .deletelink {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 150px;
    height: 100%;
    background-color: red;
    color: #fff;
    text-decoration: none; }
  .bookmark_list .bookmark.showdelete .deletelink {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap; }

.kontakt_index .box {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -khtml-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  color: #0a5884; }
  .kontakt_index .box .kontakt {
    text-decoration: none;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 3px 0px;
    width: 100%; }
  .kontakt_index .box .kontakt .icon {
    width: 60px;
    flex-grow: 0;
    flex-shrink: 0; }
  .kontakt_index .box .kontakt .right {
    flex-grow: 1;
    color: #000; }
  .kontakt_index .box .kontakt .right p {
    margin: 0px; }
  .kontakt_index .box .kontakt .right .subtitle p {
    font-size: 0.8em; }
  .kontakt_index .box .kontakt .fa {
    width: 50px;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
    color: #a4a4a4; }
  .kontakt_index .box hr {
    margin: 0px 15px;
    width: auto;
    height: 1px;
    display: block;
    background-color: #f2f2f2;
    box-sizing: border-box;
    border: 0px; }
  .kontakt_index .box hr:last-child {
    display: none; }

.kontakt_single .box {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -khtml-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  color: #0a5884;
  padding: 20px; }
  .kontakt_single .box .title {
    color: #a4a4a4;
    font-size: 1.5rem;
    text-align: left; }
  .kontakt_single .box .subtitle p {
    font-size: 0.8em; }
  .kontakt_single .box hr {
    margin: 20px 0px;
    width: auto;
    height: 1px;
    display: block;
    background-color: #f2f2f2;
    box-sizing: border-box;
    border: 0px; }

.tasknotification, .dailynotification, .firstviewnotification {
  background-color: rgba(185, 197, 6, 1);
  border: 0px solid #fff;
  font-size: 15px;
  line-height: 21px;
  color: #fff;
  padding: 0px;
  padding-right: 10px;
  position: relative;
  margin-bottom: 20px; }
  .tasknotification .closeLink, .dailynotification .closeLink, .firstviewnotification .closeLink {
    position: absolute;
    right: 8px;
    top: 5px;
    margin-left: 8px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-decoration: none; }

.tasknotificationimg, .dailynotificationimg, .firstviewnotificationimg {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  margin-left: 8px;
  float: left; }

.tasknotification_wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 10;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 20px; }

#notification_wrap .content {
  padding: 5px 10px 5px 5px;
  text-align: center; }

#notification_wrap .image_wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 5px;
  flex-shrink: 0; }

.notification {
  padding-right: 22px; }
  .notification .inner {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap; }
  .notification .inner .content {
    padding: 5px; }

.cal_slider_wrap {
  position: relative;
  margin-top: 5px; }
  .cal_slider_wrap .cal_slider {
    width: 100%;
    background-color: #fff;
    color: #0a5884;
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px;
    width: auto; }
  .cal_slider_wrap .cal_slider .head {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    min-height: 50px; }
  .cal_slider_wrap .cal_slider .head .title {
    font-weight: bold;
    font-size: 14px; }
  .cal_slider_wrap .cal_slider .head a {
    width: 50px;
    text-align: center; }
  .cal_slider_wrap .cal_slider .head .navigation {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap; }
  .cal_slider_wrap .cal_slider .head > a > span {
    border: 2px solid #0a5884;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    vertical-align: middle; }
  .cal_slider_wrap .cal_slider hr {
    margin: 0px 15px !important;
    width: auto;
    height: 1px;
    display: block;
    background-color: #f2f2f2;
    box-sizing: border-box;
    border: 0px; }
  .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan > p {
    padding: 20px; }
    .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task {
      position: relative; }
      .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task .inner {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        -moz-box-wrap: nowrap;
        -webkit-box-wrap: nowrap;
        -ms-flexbox-wrap: nowrap;
        flex-wrap: nowrap;
        min-height: 50px; }
        .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task .inner .checkmark {
          width: 50px;
          flex-grow: 0;
          text-align: center;
          min-height: 50px;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-flex-direction: row;
          flex-direction: row;
          -webkit-align-items: center;
          align-items: center;
          -moz-box-wrap: nowrap;
          -webkit-box-wrap: nowrap;
          -ms-flexbox-wrap: nowrap;
          flex-wrap: nowrap;
          flex-shrink: 0; }
          .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task .inner .checkmark .fa {
            width: 20px;
            height: 20px;
            display: block;
            border-radius: 50px;
            border: 1px solid #8e8e93;
            margin: auto; }
        .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task .inner .text {
          flex-grow: 1;
          text-decoration: none;
          position: relative; }
          .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task .inner .text a {
            text-decoration: none; }
          .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task .inner .text .line2 {
            color: #8e8e93; }
        .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task .inner .point_share {
          width: 40px;
          flex-grow: 0;
          text-align: center;
          color: #8e8e93;
          padding-right: 10px; }
          .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task .inner .point_share .undone {
            height: 40px;
            line-height: 40px;
            background-image: url('../gfx/postit.svg');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            width: 40px; }
            .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task .inner .point_share .undone .points {
              color: #fff !important;
              font-weight: bold;
              text-decoration: none; }
          .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task .inner .point_share .dayplanimg {
            height: 20px;
            width: 20px; }
          .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task .inner .point_share .fa {
            font-size: 20px;
            color: #aec43b; }
        .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task .inner .done {
          display: none; }
      .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task.checked {
        display: none; }
      .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task.hidden {
        display: none; }
      .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task.display {
        display: block; }
      .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task .community_icon {
        background-image: url('../gfx/Community.svg');
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 55px;
        top: 20px;
        margin-top: -15px;
        background-size: contain; }
    .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task.checked .inner .text .line2 {
      color: #aec43b !important; }
      .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task.checked .checkmark .fa:before {
        content: '\f00c';
        line-height: 20px; }
    .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan #task_done_target .task.checked {
      background-color: #fff; }
      .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan #task_done_target .task.checked .text {
        color: #aec43b !important; }
        .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan #task_done_target .task.checked .text .blockline1 {
          color: #aec43b !important; }
        .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan #task_done_target .task.checked .text .blockline2 {
          color: #aec43b !important; }
      .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan #task_done_target .task.checked .checkmark .fa {
        background-color: #aec43b !important;
        border-color: #bbb !important; }
      .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan #task_done_target .task.checked .undone {
        display: none; }
      .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan #task_done_target .task.checked .done {
        display: block; }
      .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan #task_done_target .task.checked .checkmark .fa {
        background-color: #aec43b;
        border-color: #aec43b; }
        .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan #task_done_target .task.checked .checkmark .fa:before {
          content: '\f00c';
          line-height: 20px;
          color: #fff; }
      .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan #task_done_target .task.checked .point_share {
        color: #fff; }
      .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan #task_done_target .task.checked hr {
        background-color: #f2f2f2; }
    .cal_slider_wrap .cal_slider .target_wrap .target .plan_dayplan .task:last-child hr {
      display: none; }
  .cal_slider_wrap .cal_slider .target_wrap .cal_slider_loader {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(125, 125, 125, 0.5);
    z-index: 2;
    display: none; }
  .cal_slider_wrap .cal_slider.loading .cal_slider_loader {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap; }

.plan_share .box {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -khtml-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  margin: 0px 20px;
  width: auto;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.15);
  padding-bottom: 20px;
  padding-top: 100px;
  position: relative; }
  .plan_share .box .postit {
    background-image: url('../gfx/postit.png');
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: contain;
    width: 50px;
    height: 50px;
    padding-left: 5px;
    padding-top: 10px;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 0px; }
  .plan_share .box .text {
    position: absolute;
    background-color: #005f95;
    padding-bottom: 10px;
    top: 10px;
    left: 0px;
    width: 70%;
    min-height: 50px;
    font-size: 15px;
    padding-left: 10px;
    box-sizing: border-box; }
  .plan_share .box .text .line2 {
    font-size: 12px;
    color: #ffc833; }
  .plan_share .box .image_wrap #share_img {
    width: 100%;
    height: auto; }
  .plan_share .share_link_wrap {
    text-align: center;
    font-size: 15px;
    width: 100%;
    margin-top: 20px; }
  .plan_share .share_link_wrap .share_links {
    margin-top: 20px; }
  .plan_share .share_link_wrap .share_links a {
    text-decoration: none; }
  .plan_share .share_link_wrap .share_links img {
    height: 37px;
    width: 37px;
    margin: 0px 2px; }

.statistic_index {
  padding: 0px 0px;
  padding-bottom: 25px; }
  .statistic_index .community_switch .middle {
    text-align: center;
    padding: 0px 5px; }
  .statistic_index .community_switch .middle .line1, .statistic_index .community_switch .middle .line2 {
    font-size: 22px; }
  .statistic_index .user_view {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 0px; }
  .statistic_index .user_view .text {
    margin-left: 10px; }
  .statistic_index .user_view .text .line1 {
    font-size: 25px;
    color: #fff; }
  .statistic_index .user_view .icon .photo_wrap {
    width: 75px;
    height: 85px;
    position: relative; }
  .statistic_index .user_view .icon .photo_wrap img {
    border-radius: 50px; }
  .statistic_index .user_view .icon .photo_wrap .badge {
    background-color: #aec43b;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 30px;
    left: 25px;
    bottom: 0px;
    position: absolute; }
  .statistic_index .pie-slide {
    min-height: 300px;
    outline: none; }
  .statistic_index .chart-slide {
    min-height: 300px;
    outline: none; }
  .statistic_index .chart-slide .chart {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    height: 300px;
    padding: 0px 0px;
    box-sizing: border-box; }
  .statistic_index .chart-slide .chart .legend {
    flex-grow: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    width: 25px;
    align-self: stretch;
    font-size: 12px; }
  .statistic_index .chart-slide .chart .legend .top {
    padding-top: 25px; }
  .statistic_index .chart-slide .chart .legend .bottom {
    padding-bottom: 25px; }
  .statistic_index .chart-slide .chart .bar_wrap {
    flex-grow: 1;
    width: 100%;
    align-self: stretch;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    padding-top: 20px; }
  .statistic_index .chart-slide .chart .bar_wrap .svg_wrap {
    padding-top: 5px; }
    .statistic_index .chart-slide .chart .bar_wrap .svg_wrap svg {
      width: 35%; }
      .statistic_index .chart-slide .chart .bar_wrap .svg_wrap svg path {
        fill: #fff; }
  .statistic_index .chart-slide .chart .bar_wrap .bar {
    width: 100%;
    flex-grow: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap; }
    .statistic_index .chart-slide .chart .bar_wrap .bar .value {
      width: 40px;
      height: 200px; }
  .statistic_index .chart-slide .chart .bar_wrap .bar_legend {
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #fff;
    padding-top: 15px;
    width: 100%; }
  .statistic_index .top5-slide {
    overflow: hidden;
    min-height: 300px;
    outline: none; }
  .statistic_index .top5-slide .box {
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -khtml-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    width: auto;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 1);
    color: #0a5884; }
  .statistic_index .top5-slide .box .row {
    padding: 0px 10px; }
  .statistic_index .top5-slide .box .row .inner {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    padding: 10px 0px;
    padding-left: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #f1f1f1; }
    .statistic_index .top5-slide .box .row .inner .rank {
      width: 45px;
      color: #b9d81b;
      font-weight: bold;
      font-size: 24px;
      text-align: center;
      text-align: center; }
    .statistic_index .top5-slide .box .row .inner .icon {
      width: 35px; }
      .statistic_index .top5-slide .box .row .inner .icon .photo_wrap img {
        width: 25px;
        height: 25px;
        border-radius: 100px; }
    .statistic_index .top5-slide .box .row .inner .text {
      flex-grow: 1; }
      .statistic_index .top5-slide .box .row .inner .text .line2 {
        color: #a4a4a4; }
      .statistic_index .top5-slide .box .row .inner .text .line2p {
        display: inline-block;
        float: right; }
  .statistic_index .top5-slide .box .row:last-child .inner {
    border-bottom: 0px; }
  .statistic_index .top5-slide .box .row_self {
    background-color: rgba(214, 255, 0, 1);
    background-image: -moz-linear-gradient(rgba(214, 255, 0, 1), rgba(165, 188, 48, 1));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(214, 255, 0, 1)), to(rgba(165, 188, 48, 1)));
    background-image: -webkit-linear-gradient(rgba(214, 255, 0, 1), rgba(165, 188, 48, 1));
    background-image: -o-linear-gradient(rgba(214, 255, 0, 1), rgba(165, 188, 48, 1));
    margin-top: -1px; }
  .statistic_index .top5-slide .box .row_self .inner {
    border-bottom: 0px; }
    .statistic_index .top5-slide .box .row_self .inner .rank {
      color: #fff; }
    .statistic_index .top5-slide .box .row_self .inner .text .line2 {
      color: #fff; }
  .statistic_index .top5-slide .box .row:last-child hr {
    display: none; }
  .statistic_index .top5-slide .box .row_self:first-child {
    margin-top: 0px; }
  .statistic_index .top5-slide .box hr {
    margin: 0px 15px;
    width: auto;
    height: 1px;
    display: block;
    background-color: #f2f2f2;
    box-sizing: border-box;
    border: 0px; }
  .statistic_index .slick-dots {
    bottom: -45px; }
  .statistic_index .slick-dots li button:before {
    color: #fff;
    font-size: 12px; }
  .statistic_index .slick-dots .slick-active button:before {
    font-size: 12px; }

.statistic_community {
  margin-bottom: 50px;
  position: relative; }
  .statistic_community .community_switch .middle {
    text-align: center;
    padding: 0px 5px; }
  .statistic_community .community_switch .middle .line1, .statistic_community .community_switch .middle .line2 {
    font-size: 22px; }
  .statistic_community .three_wrap {
    width: 300px;
    height: 300px;
    left: 50%;
    margin-left: -150px;
    position: relative; }
  .statistic_community .three_wrap .text_wrap {
    margin-bottom: 150px; }
  .statistic_community .three_wrap .text_wrap .line3 {
    margin-top: 25px; }
  .statistic_community .three_wrap .text_wrap .line4 {
    font-size: 70px;
    margin-top: -40px; }
  .statistic_community .postit {
    background-color: #aec43b;
    border-radius: 25%;
    display: inline-block;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: -30px;
    font-size: 1.25rem;
    right: 0px;
    padding: 0px;
    width: 85px;
    height: 85px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    /*background-image:url('../gfx/postit.png'); background-repeat:no-repeat; background-size:contain; width:150px; height:150px; position:absolute; left:50%; margin-left:-15px; margin-top:-225px;
     .inner { width:100%; text-align:center; margin-top:45px; margin-left:10px; font-size:16px; }
     */ }
  .statistic_community .botton_wrap {
    height: 214px;
    background-image: url('../gfx/bottom.png');
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px -20px;
    box-sizing: border-box;
    position: relative; }
  .statistic_community .botton_wrap .bottom .three {
    position: absolute; }
  .statistic_community .botton_wrap .bottom .three1 {
    width: 40px;
    height: auto;
    left: 60%;
    top: -15px; }
  .statistic_community .botton_wrap .bottom .three2 {
    width: 160px;
    height: auto;
    left: 50%;
    margin-left: -80px; }
  .statistic_community .botton_wrap .bottom .three3 {
    width: 320px;
    height: auto;
    left: 50%;
    margin-left: -160px; }

.feedback_success .headline, .feedback_form .headline {
  text-align: center; }
  .feedback_success .time_wrap, .feedback_form .time_wrap {
    width: 100%; }
  .feedback_success input[type="time"], .feedback_form input[type="time"] {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none; }
  .feedback_success .sws_checkbox, .feedback_form .sws_checkbox {
    font-size: 17px;
    line-height: 22px;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0px; }
  .feedback_success .sws_checkbox .fa, .feedback_form .sws_checkbox .fa {
    color: #fff;
    font-size: 22px;
    margin-right: 10px;
    margin-left: 5px; }
  .feedback_success .sws_checkbox a, .feedback_form .sws_checkbox a {
    margin-left: 5px;
    color: #fff;
    text-decoration: underline; }
  .feedback_success .sws_checkbox.active .fa:before, .feedback_form .sws_checkbox.active .fa:before {
    content: '\f05d' !important; }
  .feedback_success .sws_checkbox.error, .feedback_form .sws_checkbox.error {
    color: #f00; }
  .feedback_success .sws_checkbox.error a, .feedback_form .sws_checkbox.error a {
    color: #f00; }
  .feedback_success .sws_checkbox.error .fa, .feedback_form .sws_checkbox.error .fa {
    color: red; }
  .feedback_success .sws_checkbox .icon, .feedback_form .sws_checkbox .icon {
    display: none; }

.ios #header .title {
  padding-top: 0px;
  height: 45px; }
  .ios #header .photo_wrap {
    top: 0px; }
  .ios #header .backlink {
    top: 0px; }
  .ios #header .closelink {
    top: 0px; }
  .ios #route_search_layer .head {
    top: 45px; }
  .ios .page_top_padding {
    padding-top: 45px; }
  .ios #route_settings_layer .content {
    padding-top: 45px; }
  .ios #route_search_layer .content {
    padding-top: 115px; }
  .ios .sws_home_content {
    padding-top: 20px; }
  .ios #global_wrap .backlink {
    top: 5px !important; }
  .ios .cal_slider_wrap .head > a > span {
    line-height: 22px; }

.startslidertext {
  text-align: center; }
/* OE-Plan Kategorie, Challenge einreichen */
.plan_submit #rythm_select .select {
  padding-left: 20px; }
  .plan_submit #rythm_select .text {
    padding-left: 10px; }
  .plan_submit .sws_checkbox {
    font-size: 17px;
    line-height: 22px;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0px; }
  .plan_submit .sws_checkbox .fa {
    color: #fff;
    font-size: 22px;
    margin-right: 10px;
    margin-left: 5px; }
  .plan_submit .sws_checkbox a {
    margin-left: 5px;
    color: #fff;
    text-decoration: underline; }
  .plan_submit .sws_checkbox.active .fa:before {
    content: '\f05d' !important; }
  .plan_submit .sws_checkbox.error {
    color: #f00; }
  .plan_submit .sws_checkbox.error a {
    color: #f00; }
  .plan_submit .sws_checkbox.error .fa {
    color: red; }
  .plan_submit .sws_checkbox .icon {
    display: none; }

.community_wrap {
  width: 75px;
  height: 75px;
  position: relative; }
  .community_wrap .community {
    background-image: url('../gfx/Community.svg');
    background-size: 75%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 100px; }
  .community_wrap .badge {
    position: absolute;
    right: 0px;
    bottom: 60px;
    border-radius: 10px;
    height: 15px;
    line-height: 15px;
    width: 15px;
    text-align: center;
    color: #fff;
    background-color: red;
    font-size: 0.6rem; }

.community_switch {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 30px; }
  .community_switch .photo_wrap {
    position: relative;
    width: 75px;
    height: 75px; }
  .community_switch .photo_wrap img {
    /*left:0px; top:0px; position:absolute;*/ }
  .community_switch .photo_wrap .badge {
    background-color: red;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 20px;
    right: 0px;
    top: 0px;
    position: absolute;
    font-size: 0.8em; }
  .community_switch .photo_wrap .badgebottom {
    background-color: #aec43b;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 30px;
    left: 50%;
    margin-left: -12.5px;
    bottom: -12.5px;
    position: absolute;
    font-size: 0.8em; }
  .community_switch .photo_wrap.circle img {
    border-radius: 100px; }
  .community_switch .photo_wrap.community {
    padding: 10px;
    box-sizing: border-box;
    border-radius: 50px;
    background-color: #4a81b0; }
  .community_switch .photo_wrap.community img {
    left: auto;
    top: auto;
    position: relative; }
  .community_switch .photo_wrap canvas {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1; }
  .community_switch .left {
    flex-grow: 0;
    flex-shrink: 0;
    width: 75px;
    height: 75px;
    opacity: 0.5; }
  .community_switch .left .community {
    padding: 0px; }
  .community_switch .left .community .img_wrap {
    background-color: #025e93;
    border-radius: 50px;
    padding: 10px; }
  .community_switch .left .community_small {
    padding: 0px; }
  .community_switch .left .community_small .img_wrap {
    border-radius: 50px;
    padding: 10px;
    background-color: #4a81b0; }
  .community_switch .left .text {
    text-align: center;
    font-size: 16px;
    width: 100%;
    position: absolute;
    margin-top: 5px; }
  .community_switch .middle {
    flex-grow: 1;
    padding-left: 15px;
    flex-shrink: 1;
    overflow: hidden; }
  .community_switch .middle .line1 {
    font-size: 18px;
    border-left: 0px solid red;
    padding: 0px;
    text-indent: 0px; }
  .community_switch .middle .line2 {
    font-size: 12px;
    border-left: 0px solid blue;
    padding: 0px;
    text-indent: 0px; }
  .community_switch .right {
    flex-grow: 0;
    flex-shrink: 0;
    width: 75px;
    height: 75px;
    opacity: 0.5; }
  .community_switch .active {
    opacity: 1; }
  .community_switch .placeholder {
    background-color: #dedede;
    background-image: url('../gfx/People.svg');
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 50px; }

.three_wrap {
  position: absolute;
  line-height: 0px; }
  .three_wrap .text_wrap {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%; }
  .three_wrap .text_wrap .line1 {
    color: #00476f;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    height: 16px;
    line-height: 16px;
    margin-top: -65px; }
  .three_wrap .text_wrap .line2 {
    font-weight: bold;
    color: #00476f;
    font-size: 100px;
    line-height: 120px;
    margin-top: -67px;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center; }
  .three_wrap .text_wrap .line3 {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: 38px;
    line-height: 16px;
    height: 16px;
    text-align: center; }
  .three_wrap .text_wrap .line4 {
    font-weight: bold;
    color: #00476f;
    font-size: 50px;
    line-height: 55px;
    text-align: center;
    top: 50%;
    margin-top: -40px;
    top: 50%;
    height: 50px;
    position: absolute;
    text-align: center;
    width: 100%; }
  .three_wrap .text_wrap .tree {
    text-align: center;
    position: absolute;
    bottom: -30px;
    left: 50%;
    width: 300px;
    height: 90px;
    margin-left: -150px;
    text-align: center; }
  .three_wrap .text_wrap .tree img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto;
    opacity: 1;
    margin: auto; }

.sws_oe {
  width: 40px;
  height: 40px;
  background-image: url('../gfx/oe.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50% 0%;
  display: inline-block;
  vertical-align: middle; }

.threechart {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap;
  min-height: 45px; }
  .threechart .head {
    z-index: 2;
    transform: scale(1.5); }
  .threechart .tribe_wrap {
    flex-grow: 1;
    height: 100%;
    position: relative;
    overflow: hidden; }
  .threechart .tribe_wrap img {
    margin-top: -5px;
    transform: scaleY(100); }

.blockline1 {
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: #0a5884; }

.blockline2 {
  font-size: 14px;
  line-height: 16px;
  color: #95989a; }

.head2019 {
  background-color: #aec43b;
  margin: -20px -20px 0px -20px;
  text-align: center; }
  .head2019 .title {
    width: 100%;
    padding: 10px 0px 40px 0px;
    text-align: center;
    color: #fff;
    font-size: 30px; }
  .head2019 .bottom {
    background-color: red;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    flex-wrap: nowrap; }
  .head2019 .bottom .left {
    flex-grow: 1; }
  .head2019 .bottom .middle {
    flex-grow: 0;
    flex-shrink: 0; }
  .head2019 .bottom .middle .photo_wrap .photo {
    border-radius: 50%;
    display: inline-block;
    border: 15px solid #9cbfe6;
    display: inline-block;
    overflow: hidden;
    line-height: 0px;
    width: 30vw; }
  .head2019 .bottom .right {
    flex-grow: 1; }

.group_addedit .upload {
  background-color: #e4e4e4;
  border-radius: 80px;
  width: 110px;
  height: 110px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  flex-wrap: nowrap;
  margin: auto;
  margin-bottom: 20px;
  position: relative; }
  .group_addedit .upload img {
    width: 60px;
    height: 60px;
    margin: 0px 0px;
    max-width: inherit; }
  .group_addedit .upload img.attachment-SWS-photo {
    width: 110px;
    height: 110px;
    border-radius: 80px; }
  .group_addedit .upload .foto_image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 100px;
    background-color: #fff; }

.close-slider {
  position: absolute;
  right: 20px;
  top: 20px; }

.searching .sk-circle {
  display: block; }

.sk-circle {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 25px;
  top: 25px; }

.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }

.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg); }

.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg); }

.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg); }

.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg); }

.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg); }

.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg); }

.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg); }

.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg); }

.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s; }

.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s; }

.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s; }

.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }