@charset "UTF-8";
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans-v15-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../fonts/open-sans-v15-latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../fonts/open-sans-v15-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-600.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans-v15-latin-700.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* Makes different browsers render all elements more consistently
@import '_normalize.scss'; */
/* Typography, Corporate colors */
/* Anmeldevorgang */
/*
-.wrapper_body
    --.wrapper_header
        --.container
    --.wrapper_main.container.body-content
        --.container
    --.wrapper_footer
        --.container
*/
html, body {
  font-size: 16px; }

.wrapper_body {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }
  @media (max-width: 767px) {
    .wrapper_body .container {
      max-width: 749px;
      min-width: 100%; } }

.wrapper_body .wrapper_header {
  display: flex;
  justify-content: space-between;
  height: 10vh;
  box-shadow: 2px 0 5px 10px rgba(111, 111, 111, 0.5); }
  .wrapper_body .wrapper_header .container {
    display: flex; }
    @media screen and (min-width: 768px) {
      .wrapper_body .wrapper_header .container {
        margin: 0 auto; } }
    .wrapper_body .wrapper_header .container .logo_shout {
      display: flex;
      width: 50%;
      height: 8vh;
      max-height: 8vh;
      margin: auto;
      background: url(/images/SHOUT_Icon_SHOUT_Logo.svg) center no-repeat; }
      @media screen and (min-width: 768px) {
        .wrapper_body .wrapper_header .container .logo_shout {
          margin: auto auto auto 0;
          background-position: left; } }

/* content of @RenderBody() */
.wrapper_body .wrapper_main.container.body-content {
  display: flex;
  flex: 1;
  min-height: calc(100vh - 10vh - 8.5vh); }
  .wrapper_body .wrapper_main.container.body-content .center-block {
    float: none; }
  .wrapper_body .wrapper_main.container.body-content .row {
    margin: 2rem 0 0; }
  .wrapper_body .wrapper_main.container.body-content h1 {
    font: 2rem/1 "Open Sans", Arial, sans-serif;
    text-align: center;
    margin: 2rem 0 0; }
    .wrapper_body .wrapper_main.container.body-content h1 span.shout_logo {
      display: block;
      height: 180px;
      margin: 2rem 0 4.5rem;
      color: #383838; }
      @media screen and (min-width: 480px) {
        .wrapper_body .wrapper_main.container.body-content h1 span.shout_logo {
          height: 210px; } }
      @media screen and (min-width: 768px) {
        .wrapper_body .wrapper_main.container.body-content h1 span.shout_logo {
          height: 240px; } }
      @media screen and (min-width: 65rem) {
        .wrapper_body .wrapper_main.container.body-content h1 span.shout_logo {
          height: 260px; } }
      .wrapper_body .wrapper_main.container.body-content h1 span.shout_logo:after {
        content: "";
        background: url(/images/SHOUT_Icon_SHOUT_Logo.svg) no-repeat center;
        background-size: contain;
        display: block;
        height: 100%; }
  .wrapper_body .wrapper_main.container.body-content .form-group {
    position: relative;
    margin: 3rem 0; }
    .wrapper_body .wrapper_main.container.body-content .form-group input[type="text"],
    .wrapper_body .wrapper_main.container.body-content .form-group input[type="email"],
    .wrapper_body .wrapper_main.container.body-content .form-group input[type="password"] {
      height: 60px;
      font: 700 1.375rem/1.375rem "Open Sans", Arial, sans-serif;
      font-size: 22px;
      color: #7a7a7a;
      background: #fff;
      /* shadow dom elements don't overwrite parent font size  */
      /*&[type="email"],
            &[type="password"] {
              font-size:0;

              * {
                font-size:22px;
              }

            }*/
      /*&.valid,
            &:invalid,
            &.input-validation-error,
            &.PassTemp {
                + label {
                    visibility: hidden;
                    height: 1px;
                }
            }
            */ }
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="text"] + label,
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="email"] + label,
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="password"] + label {
        position: absolute;
        /*top: 50%;
                left: 2rem;*/
        top: -1rem;
        left: 0;
        margin: 0;
        line-height: 1.5;
        color: #000;
        transition: all .5s ease-in;
        cursor: text;
        transform: translateY(-50%);
        font: 700 1.375rem/1.375rem "Open Sans", Arial, sans-serif;
        font-size: 22px;
        width: auto;
        height: auto;
        visibility: visible; }
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="text"][value]:not([value=""]), .wrapper_body .wrapper_main.container.body-content .form-group input[type="text"]:invalid, .wrapper_body .wrapper_main.container.body-content .form-group input[type="text"].input-validation-error, .wrapper_body .wrapper_main.container.body-content .form-group input[type="text"].PassTemp, .wrapper_body .wrapper_main.container.body-content .form-group input[type="text"][aria-invalid],
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="email"][value]:not([value=""]),
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="email"]:invalid,
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="email"].input-validation-error,
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="email"].PassTemp,
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="email"][aria-invalid],
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="password"][value]:not([value=""]),
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="password"]:invalid,
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="password"].input-validation-error,
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="password"].PassTemp,
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="password"][aria-invalid] {
        font-size: 22px;
        /*+ label {
                    visibility: hidden;
                    height: 0;
                    width: 0;
                    font-size: 0;
                    color: transparent;
                }*/ }
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="text"].input-validation-error,
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="email"].input-validation-error,
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="password"].input-validation-error {
        color: #dd2f00; }
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="text"]:focus,
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="email"]:focus,
      .wrapper_body .wrapper_main.container.body-content .form-group input[type="password"]:focus {
        /*+ label {
                    visibility: hidden;
                    color: transparent;
                    transition: all .5s ease-out;
                }*/ }
    .wrapper_body .wrapper_main.container.body-content .form-group .form-control {
      min-height: 2rem;
      padding: .75rem 2rem;
      border: 2px solid #7a7a7a;
      border-radius: 0;
      font: 700 1.375rem/1.375rem "Open Sans", Arial, sans-serif;
      color: #7a7a7a; }
      .wrapper_body .wrapper_main.container.body-content .form-group .form-control:hover, .wrapper_body .wrapper_main.container.body-content .form-group .form-control:focus {
        border-color: #000;
        outline: 0;
        box-shadow: none;
        color: #000; }
      .wrapper_body .wrapper_main.container.body-content .form-group .form-control.input-validation-error {
        border: 2px solid #dd2f00; }
        .wrapper_body .wrapper_main.container.body-content .form-group .form-control.input-validation-error * {
          color: #dd2f00; }
    .wrapper_body .wrapper_main.container.body-content .form-group span.field-validation-error {
      display: inline-block;
      margin: .125rem 0 0;
      font: normal 20px/1 "Open Sans", Arial, sans-serif; }
    .wrapper_body .wrapper_main.container.body-content .form-group label[for="RememberMe"] {
      position: relative;
      top: -1rem; }
  .wrapper_body .wrapper_main.container.body-content .form-group.password-reset-wrapper .info {
    display: block;
    position: absolute;
    top: -2.25rem;
    right: 2.5rem;
    text-decoration: none; }
    .wrapper_body .wrapper_main.container.body-content .form-group.password-reset-wrapper .info:after {
      content: "i";
      font: 700 1.5rem/1.3 serif;
      color: #fff;
      width: 2rem;
      height: 2rem;
      background: #dd2f00;
      display: flex;
      align-items: center;
      justify-content: center;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      border-radius: 1rem;
      -moz-border-radius-bottomleft: 0;
      -webkit-border-bottom-left-radius: 0;
      border-bottom-left-radius: 0;
      position: absolute;
      top: 0;
      right: -2.5rem;
      cursor: pointer; }
      @media screen and (min-width: 65rem) {
        .wrapper_body .wrapper_main.container.body-content .form-group.password-reset-wrapper .info:after {
          top: 0;
          left: calc(100% + .5rem); } }
  .wrapper_body .wrapper_main.container.body-content .form-group.password-reset-wrapper span.text-danger {
    display: block;
    position: absolute; }
  .wrapper_body .wrapper_main.container.body-content .form-group.password-reset-wrapper button.password-reset {
    width: auto;
    margin: 0;
    padding: 0;
    border: none;
    overflow: visible;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    float: none;
    text-shadow: none;
    opacity: 1;
    /* Normalize 'line-height'. Cannot be changed from 'normal' in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable 'input' types in iOS */
    -webkit-appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    display: block;
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 1rem;
    top: 0;
    transform: translateY(50%);
    background: transparent no-repeat center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAdCAMAAAD8QJ61AAAAM1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACjBUbJAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAAN5JREFUeAF9kF12xSAIhDFyDf6z/9W2cqhRYu/35AnMZAZY8IGIboQzV2ys5A+8cIlXqrXxjQ20zzsLJRJlfafXvN8OBCw8iM//xT87mARRzKhRHa1nU8kletj5PEHFoDswpGEBQrOlHl8/X9YAkYauVU6Aoz8YiJXu5B3hFEGr0jECZD3nvwuu/l0iSIbzBsrRRhQ4cHWNNq4ajhtL4ApfwBH3tup8waRIYZuwq0Zj7jF83b8EHkxTR521uzlsJkQMScZcHSzcbCnOVGm80glehPaM4wUnPOXyC+2NfwC9sxNO56pGLAAAAABJRU5ErkJggg==); }
    .wrapper_body .wrapper_main.container.body-content .form-group.password-reset-wrapper button.password-reset::-moz-focus-inner {
      border: 0;
      padding: 0; }
    .wrapper_body .wrapper_main.container.body-content .form-group.password-reset-wrapper button.password-reset:focus {
      outline: 0; }
  .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse,
  .wrapper_body .wrapper_main.container.body-content .collapsing {
    visibility: hidden;
    position: fixed;
    min-width: 100vw;
    min-height: 100vh;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.0;
    transform: scale(1) translate3d(0, 0, 0);
    background: #002b39;
    background: rgba(0, 43, 57, 0.9);
    transition-delay: 0s !important;
    transition-duration: .5s !important;
    /* Layerinhalte allgemein */ }
    .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse *,
    .wrapper_body .wrapper_main.container.body-content .collapsing * {
      opacity: 1;
      transition-delay: 0s !important;
      transition-duration: .5s !important; }
    .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse#layer_safe,
    .wrapper_body .wrapper_main.container.body-content .collapsing#layer_safe {
      background: #6abf06;
      background: rgba(106, 191, 6, 0.9);
      display: none;
      justify-content: center;
      align-items: center;
      padding: 1rem; }
      .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse#layer_safe.in,
      .wrapper_body .wrapper_main.container.body-content .collapsing#layer_safe.in {
        display: flex; }
      .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse#layer_safe:after,
      .wrapper_body .wrapper_main.container.body-content .collapsing#layer_safe:after {
        content: "";
        display: block; }
      .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse#layer_safe .wrapper,
      .wrapper_body .wrapper_main.container.body-content .collapsing#layer_safe .wrapper {
        border: none;
        min-width: 200px;
        width: 200px;
        height: 200px;
        background: transparent no-repeat center;
        background-image: url(data:image/png;base64,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);
        position: relative;
        top: 50vh;
        left: 50vw;
        transform: translate(-50vw, -50vh); }
        .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse#layer_safe .wrapper:before,
        .wrapper_body .wrapper_main.container.body-content .collapsing#layer_safe .wrapper:before {
          display: none; }
        .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse#layer_safe .wrapper .close,
        .wrapper_body .wrapper_main.container.body-content .collapsing#layer_safe .wrapper .close {
          display: none; }
        .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse#layer_safe .wrapper p,
        .wrapper_body .wrapper_main.container.body-content .collapsing#layer_safe .wrapper p {
          text-align: center;
          position: absolute;
          top: 100%;
          left: 50%;
          transform: translateX(-50%); }
    .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse.in,
    .wrapper_body .wrapper_main.container.body-content .collapsing.in {
      visibility: visible;
      z-index: 2;
      transition: .25s all ease-out;
      opacity: 1.0;
      transform: scale(1) translate3d(0, 0, 0); }
      .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse.in *,
      .wrapper_body .wrapper_main.container.body-content .collapsing.in * {
        opacity: 1;
        transition-delay: 0s !important;
        transition-duration: 0s !important; }
    .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper,
    .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper {
      border: 2px solid #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 3rem 1rem 1rem;
      color: #fff; }
      .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper:before,
      .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper:before {
        content: "i";
        display: flex;
        width: 2rem;
        height: 2rem;
        align-items: center;
        justify-content: center;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        border-radius: 1rem;
        -moz-border-radius-bottomleft: 0;
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        position: absolute;
        top: 1rem;
        left: 1rem;
        font: bold 1.5rem/1 serif;
        color: #fff;
        background: #dd2f00; }
      .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper .close,
      .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper .close {
        position: absolute;
        right: 1rem;
        top: 1rem;
        width: 2rem;
        height: 2rem;
        filter: none;
        opacity: 1;
        cursor: pointer;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden; }
        .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper .close:hover, .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper .close:focus,
        .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper .close:hover,
        .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper .close:focus {
          filter: none;
          opacity: 1; }
        .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper .close:before, .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper .close:after,
        .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper .close:before,
        .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper .close:after {
          position: absolute;
          left: 1rem;
          content: ' ';
          height: 2rem;
          width: 3px;
          background-color: #fff; }
        .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper .close:before,
        .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper .close:before {
          transform: rotate(45deg); }
        .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper .close:after,
        .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper .close:after {
          transform: rotate(-45deg); }
      .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper a.btnconfirm,
      .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper a.btnconfirm {
        width: auto;
        margin: 0;
        padding: 0;
        border: none;
        overflow: visible;
        background: transparent;
        color: #fff;
        text-transform: uppercase;
        float: none;
        text-shadow: none;
        opacity: 1;
        /* Normalize 'line-height'. Cannot be changed from 'normal' in Firefox 4+. */
        line-height: normal;
        /* Corrects font smoothing for webkit */
        -webkit-font-smoothing: inherit;
        -moz-osx-font-smoothing: inherit;
        /* Corrects inability to style clickable 'input' types in iOS */
        -webkit-appearance: none;
        /* Remove excess padding and border in Firefox 4+ */
        width: 90%;
        max-width: 100%;
        height: 60px;
        margin: .5rem auto 1rem;
        padding: 0.25rem 0.25rem 0.3125rem 0.25rem;
        border: 2px solid #7a7a7a;
        border-radius: 30px;
        background: transparent;
        font: 700 1.375rem/1.375 "Open Sans", Arial, sans-serif;
        color: #7a7a7a;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 3rem auto 1rem;
        border-color: #fff;
        background: #fff;
        color: #002b39; }
        .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper a.btnconfirm::-moz-focus-inner,
        .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper a.btnconfirm::-moz-focus-inner {
          border: 0;
          padding: 0; }
        .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper a.btnconfirm:focus,
        .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper a.btnconfirm:focus {
          outline: 0; }
        .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper a.btnconfirm:active, .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper a.btnconfirm:focus,
        .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper a.btnconfirm:active,
        .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper a.btnconfirm:focus {
          border: 2px solid #000;
          color: #000; }
        .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper a.btnconfirm:active, .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper a.btnconfirm:hover, .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper a.btnconfirm:focus,
        .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper a.btnconfirm:active,
        .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper a.btnconfirm:hover,
        .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper a.btnconfirm:focus {
          border-color: #fff;
          background: #fff;
          color: #002b39; }
      .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper p,
      .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper p {
        margin: 1rem 0;
        font: normal 1.25rem/1.5 "Open Sans", Arial, sans-serif; }
      .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapse .wrapper div.PassTempConfirm,
      .wrapper_body .wrapper_main.container.body-content .collapsing .wrapper div.PassTempConfirm {
        font: normal 1.375rem/1.5 "Open Sans", Arial, sans-serif; }
  .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapsing {
    z-index: 0;
    background: #002b39;
    background: rgba(0, 43, 57, 0.5);
    transition: .25s all ease-in !important; }
    .wrapper_body .wrapper_main.container.body-content .cover_fullpage.collapsing * {
      opacity: .9; }
  .wrapper_body .wrapper_main.container.body-content .text-danger {
    font: 700 1.375rem/1.375rem "Open Sans", Arial, sans-serif;
    color: #dd2f00; }
  .wrapper_body .wrapper_main.container.body-content .btn-default {
    display: block;
    min-width: 80%;
    max-width: 85%;
    padding: 1.5rem;
    margin: auto;
    font: 700 1.375rem/1.375rem "Open Sans", Arial, sans-serif;
    border: 2px solid #000;
    border-radius: 2.25rem;
    font-size: 1.75rem;
    text-transform: uppercase;
    transition: all .3s ease-in;
    white-space: normal;
    text-align: center;
    font: 700 1.35rem/1.7rem "Open Sans",Arial,sans-serif; }
    @media screen and (min-width: 480px) {
      .wrapper_body .wrapper_main.container.body-content .btn-default {
        white-space: nowrap;
        font: 700 1.375rem/1.375rem "Open Sans", Arial, sans-serif; } }
    .wrapper_body .wrapper_main.container.body-content .btn-default:hover, .wrapper_body .wrapper_main.container.body-content .btn-default:active, .wrapper_body .wrapper_main.container.body-content .btn-default:focus {
      border-color: #000;
      outline: 0;
      box-shadow: none;
      background: #000;
      color: #fff; }
    .wrapper_body .wrapper_main.container.body-content .btn-default#submitBtn.inactive {
      color: #ccc;
      background-color: #fff;
      border-color: #ccc;
      cursor: not-allowed;
      transition: all .3s ease-out; }
      .wrapper_body .wrapper_main.container.body-content .btn-default#submitBtn.inactive:hover, .wrapper_body .wrapper_main.container.body-content .btn-default#submitBtn.inactive:active, .wrapper_body .wrapper_main.container.body-content .btn-default#submitBtn.inactive:focus {
        background-color: #fff; }
  .wrapper_body .wrapper_main.container.body-content p.password_link {
    display: block;
    text-align: center; }
    .wrapper_body .wrapper_main.container.body-content p.password_link a {
      color: #7a7a7a; }

.toggle_type {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 1.5rem;
  background: transparent no-repeat center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAMAAADyQNAxAAAAY1BMVEUAAAAAKzkAKzkAKzkAKzkAKzkAKzkAKzkAKzkAKzkAKzkAKzkAKzkAKzkAKzkAKzkAKzkQOEUgRlIwU15AYGtQbXdge4NwiJCAlZyPoqifsLWvvcG/ys7P19rf5ebv8vP///9Yep/BAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAAPFJREFUeAHtktFygyAQRdFosEYTjIhGCNz//8rWMssyGX1pXz1PO86Zy3VB/IuTS9VsVOWxcr09FPFo6z2laEhJYlN8SsnRyzKP5EmRU/YqMnls+ElFuiyupqAVWI02Dpgp7pJaU5MZIR6mAybSrh/SEAI1GhEG+lz9rkhx1JLmFUZlhxa8AIsxzRqvNPdCtCrhoBg4noWo960nbG5lYS9MaTZZx0b80HEXPsVzxzbeYM9HrukXbdY9apT2DHBbhHbwAycRX7TMN+CdB94Dd9q5SWMDgqWN3qvd53X8wMiTd5XTy+Lg1ctb/JGulaX4KyffpoEljjeC9U8AAAAASUVORK5CYII=);
  width: 3rem;
  height: 3rem;
  cursor: pointer; }

input[name="Password"][type="text"] ~ .toggle_type {
  opacity: .7; }
  input[name="Password"][type="text"] ~ .toggle_type:after {
    display: block;
    content: "";
    width: 2.25rem;
    height: .175rem;
    background: #002b39;
    transform: rotate(-45deg);
    margin: 1.5rem .5rem; }

.wrapper_body .wrapper_main.container.body-content .account_selection {
  max-width: calc(100vw - 75px); }
  .wrapper_body .wrapper_main.container.body-content .account_selection h1 {
    padding: 1rem;
    text-align: left;
    background: #fff;
    color: #1796c1;
    font: 600 20px/1 "Open Sans", Arial, sans-serif;
    border: 2px solid #1796c1;
    border-bottom: none; }
  .wrapper_body .wrapper_main.container.body-content .account_selection ul {
    border: 2px solid #1796c1;
    border-top: none;
    padding: 0;
    margin: 0 0 2rem;
    list-style: none; }
    .wrapper_body .wrapper_main.container.body-content .account_selection ul li.company_element {
      background: #e5e5e5;
      padding: 1rem;
      cursor: pointer;
      font: 600 20px/1 "Open Sans", Arial, sans-serif; }
      .wrapper_body .wrapper_main.container.body-content .account_selection ul li.company_element:hover, .wrapper_body .wrapper_main.container.body-content .account_selection ul li.company_element:active, .wrapper_body .wrapper_main.container.body-content .account_selection ul li.company_element:focus, .wrapper_body .wrapper_main.container.body-content .account_selection ul li.company_element.active {
        background: #1796c1;
        color: #fff; }

.wrapper_body .wrapper_footer {
  height: 8.5vh;
  padding: .5rem 0;
  background: #002c39;
  color: #fff; }
  .wrapper_body .wrapper_footer .container {
    display: flex;
    align-items: center;
    min-height: 100%;
    max-height: 100%; }
    .wrapper_body .wrapper_footer .container p {
      margin: 0; }
      .wrapper_body .wrapper_footer .container p:before {
        content: "";
        background: url(/images/SHOUT_Icon_SHOUT_Logo_w.svg) no-repeat center;
        background-size: contain;
        width: 6rem;
        height: 6rem;
        max-height: calc(8.5vh - 1rem);
        display: inline-block;
        vertical-align: middle;
        margin: 0 1.5rem 0 0; }

/* " "Klicken Sie bitte hier, um einen Twitter Account für 1SHOUT zu autorisieren." */
.instantiate .row .col p a {
  color: #002b39;
  text-decoration: none; }

.confirm.saved_interactive.active {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 2rem 0 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  box-shadow: inset 0 5px 10px rgba(1, 1, 1, 0.45);
  text-align: center;
  background: #99ae0c; }
  .confirm.saved_interactive.active .wrapper {
    max-width: 90%;
    display: flex;
    flex-direction: row; }
    @media screen and (min-width: 768px) {
      .confirm.saved_interactive.active .wrapper {
        max-width: 50%; } }
    .confirm.saved_interactive.active .wrapper p {
      width: 100%; }
  .confirm.saved_interactive.active span.close {
    top: 1.5rem;
    width: 3rem;
    height: 3rem; }
    .confirm.saved_interactive.active span.close:before, .confirm.saved_interactive.active span.close:after {
      height: 3rem; }

span.close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  opacity: 1; }
  span.close:before, span.close:after {
    position: absolute;
    left: 1rem;
    content: ' ';
    height: 2rem;
    width: 3px;
    background-color: #fff; }
  span.close:before {
    transform: rotate(45deg); }
  span.close:after {
    transform: rotate(-45deg); }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  * {
    border: 1px solid red; }
  .wrapper_body .wrapper_main.container.body-content {
    flex: 1 0 auto; } }