@charset "UTF-8";
.gFloater {
  cursor: pointer;
  background-color: #942c85;
  color: #ffffff;
  border-radius: 5px;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 190px;
  right: -22px;
  padding: 8px 20px 8px 8px;
  z-index: 1000;
  min-height: 100px; }
  .gFloater:hover .cell {
    display: table-cell; }
  .gFloater.is-visible .cell {
    display: table-cell !important; }
  .gFloater p.h2 {
    font-weight: 400;
    font-size: 1.4em;
    line-height: 1.3em;
    font-family: 'MixageBold'; }
  .gFloater > .row {
    height: 100%; }
    .gFloater > .row > .cell-0 {
      display: table-cell;
      vertical-align: middle;
      padding: 16px 0px 16px 0px;
      width: 26px; }
    .gFloater > .row > .cell-1 {
      padding: 8px 16px 8px 12px;
      position: relative; }
      .gFloater > .row > .cell-1 .cell-1 {
        transition: all 0.5s;
        width: 8px; }
      .gFloater > .row > .cell-1 .cell-2 {
        float: right;
        width: 240px;
        padding-left: 8px;
        background-color: #942c85; }
      .gFloater > .row > .cell-1 [data-hasteaser="1"]:hover .cell-1 {
        width: 248px; }
      .gFloater > .row > .cell-1 [data-hasteaser="1"]:hover .teaser {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
      .gFloater > .row > .cell-1 * + .content-h2 p.h2 {
        margin-top: 21px; }
    .gFloater > .row > .cell-2 {
      border-left: 1px solid #ffffff;
      width: 248px;
      padding: 8px 16px 8px 12px; }
      .gFloater > .row > .cell-2 p + p {
        margin-top: 16px; }
      .gFloater > .row > .cell-2 p.h2 + p {
        margin-top: 0px; }
  .gFloater .cell {
    display: none;
    vertical-align: top; }
    .gFloater .cell a {
      color: #ffffff !important; }
      .gFloater .cell a span {
        position: absolute;
        left: -100%;
        top: 0px; }
    .gFloater .cell p.h2 {
      margin: 0px 0px 4px 0px; }
    .gFloater .cell p {
      margin-top: 4px; }
  .gFloater .teaser {
    position: absolute;
    left: 12px;
    top: 12px;
    width: 230px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: all 0.5s;
    z-index: -1; }
    .gFloater .teaser img {
      margin-bottom: 9px;
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); }
    .gFloater .teaser p.h2 {
      margin: 8px 0px 0px 0px; }
  @media screen and (max-width: 780px) {
    .gFloater {
      font-size: 16px;
      line-height: 26px; }
      .gFloater > .row > .cell-1 .cell-1 {
        max-width: 280px; }
      .gFloater > .row > .cell-2 {
        width: 280px; }
      .gFloater > .row .teaser {
        display: none !important; }
      .gFloater > .row [data-hasteaser="1"]:hover .cell-1 {
        width: 0px !important; } }
  @media screen and (max-width: 724px) {
    .gFloater {
      display: none !important; } }

.gLogout {
  margin: 0px; }
  .gLogout input[type=submit] {
    display: inline;
    margin-right: 12px;
    padding: 1px 6px 0px 6px;
    color: #ffffff;
    border: 1px solid #942c85;
    border-radius: 5px;
    background-color: #942c85;
    cursor: pointer; }
  @media screen and (max-width: 724px) {
    .gLogout input[type=submit] {
      display: block;
      margin: 0px;
      padding: 12px 0px 12px 12px;
      width: 100%;
      height: 100%;
      background-color: transparent;
      border: none;
      text-align: left;
      border-radius: 0px; } }

.gLogin-for-mobile {
  display: none; }

.gLogin {
  display: inline;
  margin-right: 12px;
  padding: 3px 9px 2px 9px;
  background-color: #942c85;
  color: #ffffff;
  border: 1px solid #942c85;
  border-radius: 5px; }
  .gLogin:hover form {
    display: table; }
  .gLogin form {
    display: none;
    cursor: pointer;
    position: absolute;
    left: -32px;
    top: -7px;
    width: 600px;
    height: 66px;
    z-index: 1;
    margin: 0px;
    line-height: normal;
    background-color: #ffffff;
    color: #444444;
    padding: 8px 6px; }
  .gLogin form[data-feloginstatus="Während der Anmeldung ist ein Fehler aufgetreten!"], .gLogin form[data-feloginstatus="An error occurred during login!"] {
    display: table !important; }
  .gLogin .row {
    display: table-row; }
  .gLogin .cell {
    display: table-cell;
    vertical-align: middle; }
  .gLogin .cell-1 {
    font-size: 12px;
    padding-right: 8px; }
    .gLogin .cell-1 h3, .gLogin .cell-1 .welcome-header {
      font-family: "MixageMedium";
      color: #942c85;
      display: inline-block;
      margin: 0px 0px 4px 0px;
      font-size: 13px;
      font-weight: bold; }
  .gLogin .cell-2 {
    width: 100px;
    padding-right: 8px;
    vertical-align: top; }
  .gLogin .cell-3 {
    width: 100px;
    vertical-align: top; }
    .gLogin .cell-3 a {
      font-size: 13px;
      margin: 9px 0px 0px 12px;
      display: inline-block; }
  .gLogin > span {
    cursor: pointer;
    position: relative; }
  .gLogin .gfButton {
    background: #dfdfdf url("/typo3conf/ext/genutalk/Resources/Public/Img/icon-form-submit.png") no-repeat right center;
    border: 1px solid #999999;
    padding: 1px 38px 2px 8px;
    cursor: pointer;
    font-family: Helvetica, sans-serif;
    font-size: 13px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
    transition: all 0.1s;
    width: 100%;
    margin-top: 4px; }
    .gLogin .gfButton:hover {
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .gLogin .gfInput[type=text], .gLogin .gfInput[type=password] {
    font-size: 12px;
    line-height: normal;
    border: 1px solid #d0d0d0;
    padding: 5px;
    width: 100px;
    margin-top: 4px; }

@media screen and (max-width: 724px) {
  .gLogin-for-mobile {
    display: block; }

  /**
  form.gLogout+.gLogin-for-mobile, .tx-felogin-pi1+.gLogin-for-mobile{
    display: none !important;
  }
  */
  .gLogin {
    display: none !important; } }
.genuTeaser-advantage4partners {
  width: 100%;
  border: 2px solid #942c85;
  background-color: #ffffff;
  margin-bottom: 48px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  height: 120px; }
  .genuTeaser-advantage4partners a {
    display: block;
    position: relative;
    height: 100%; }
    .genuTeaser-advantage4partners a .cell-1 {
      display: block;
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 40%; }
      .genuTeaser-advantage4partners a .cell-1 img {
        position: absolute;
        left: 5%;
        width: 90%;
        top: 20%;
        transition: all 0.5s; }
    .genuTeaser-advantage4partners a .cell-2 {
      padding: 5px 8px 3px 8px;
      color: #ffffff;
      line-height: normal;
      display: block;
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: 60%;
      transition: all 0.5s;
      background-color: #942c85; }
      .genuTeaser-advantage4partners a .cell-2 span {
        position: absolute;
        right: 8px;
        bottom: 5px; }
    .genuTeaser-advantage4partners a .cell-3 {
      display: block;
      position: absolute;
      top: -69px;
      left: 0px;
      right: 0px;
      height: 67px;
      background-color: #ffffff;
      transition: all 0.5s; }
      .genuTeaser-advantage4partners a .cell-3 img {
        margin: 0px auto; }
    .genuTeaser-advantage4partners a:hover .cell-1 img {
      left: -470px; }
    .genuTeaser-advantage4partners a:hover .cell-2 {
      left: 0%;
      padding-top: 75px; }
    .genuTeaser-advantage4partners a:hover .cell-3 {
      top: 0px; }