.cc_banner-wrapper {
  z-index: 9001; position: relative; float: right;
}
.cc_container .cc_btn {
  cursor: pointer; text-align: center; font-size: 1em; transition: font-size 200ms; line-height: 1.1em;
}
.cc_container .cc_message {
  font-size: 1em; transition: font-size 200ms; margin: 0; padding: 0; line-height: 1.5em;
}
.cc_container .cc_logo {
  display: none; text-indent: -1000px; overflow: hidden; width: 128px; height: 30px; background-size: cover; opacity: 0.9; transition: opacity 200ms;
  background-image: url(../images/logo-web-grau-30px.gif);
}
.cc_container .cc_logo:hover, .cc_container .cc_logo:active {
  opacity: 1; background-image: url(../images/logo-web-grau-30px.gif);
}

#cc_jobs {
  font-size: 1.1em;
}

@media screen and (min-width: 500px) {
  .cc_container .cc_btn {
    font-size: 1.0em;
  }
  .cc_container .cc_message {
    font-size: 1.0em;
  }
}
@media screen and (min-width: 768px) {
  .cc_container .cc_btn {
    font-size: 1em;
  }
  .cc_container .cc_message {
    font-size: 1.2em; line-height: 1.2em;
  }
}
@media screen and (min-width: 992px) {
  .cc_container .cc_message {
    font-size: 1.2em;
  }
}
@media print {
  .cc_banner-wrapper, .cc_container {
    display: none;
  }
}

.cc_container {
  position: fixed;  right: 0; bottom: 0; overflow: hidden; padding: 10px 15px 50px;
}
.cc_container .cc_btn {
  padding: 8px 16px; background-color: #f1d600; position: absolute; bottom: 10px; left: 15px; right: 15px; text-align: center; cursor: pointer;
}

@media screen and (min-width: 500px) {
  .cc_container {
    left: initial; right: 20px; bottom: 20px; width: 300px; padding-bottom: 87px;
  }
  .cc_container .cc_btn {
    right: 15px; bottom: 47px;
  }
  .cc_container .cc_logo {
    display: block; position: absolute; bottom: 9px; left: calc(50% - 64px);
  }
}
@media screen and (min-width: 768px) {
  .cc_container {
    padding-bottom: 93px;
  }
  .cc_container .cc_message {
    font-size: 1.1em;
  }
}

.cc_container {
  background: #fff; opacity:0.8; color: #080878; font-size: 0.95em; box-sizing: border-box; border: 1px solid #ccc;
  font-family: "Open Sans", Calibri, Helvetica, Arial;
}
.cc_container ::-moz-selection {
  background: #ff5e99; color: #fff; text-shadow: none;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
  color: #FFF; background-color: #AAA; transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out; border-radius: 5px; -webkit-border-radius: 5px;
}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
  background-color: #666; color: #FFF;
}
.cc_container a, .cc_container a:visited {
  font-family: "Open Sans", Calibri, Helvetica, Arial; font-size: 1em; text-decoration: underline; color: #080878; transition: 200ms color;
}
.cc_container a:hover, .cc_container a:active {
  color: #555; font-weight: normal; background: transparent;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px);
  }
  100% {
    opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);
  }
  100% {
    opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);
  }
}
.cc_container {
  -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
  -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s;
  -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;
  -webkit-animation-name: fadeInRight; animation-name: fadeInRight;
}

@media screen and (min-width: 500px) {
  .cc_container {
    border-radius: 5px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  }
}