@font-face {
  font-family: raiffeisen-pk-ausweis;
  src: url(fonts/raiffeisen-pk-ausweis.eot);
  src: url(fonts/raiffeisen-pk-ausweis.eot?#iefix) format("embedded-opentype"), url(fonts/raiffeisen-pk-ausweis.woff) format("woff"), url(fonts/raiffeisen-pk-ausweis.ttf) format("truetype"), url(fonts/raiffeisen-pk-ausweis.svg#raiffeisen-pk-ausweis) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

[data-icon]:before {
  content: attr(data-icon)
}

[class*=" icon-pk-ausweis-"]:before, [class^=icon-pk-ausweis-]:before, [data-icon]:before {
  font-family: raiffeisen-pk-ausweis !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-pk-ausweis-info:before {
  content: "\62"
}

.icon-pk-ausweis-arrow-circle-left:before {
  content: "\63"
}

.icon-pk-ausweis-arrow-circle-right:before {
  content: "\64"
}

.icon-pk-ausweis-candle:before {
  content: "\65"
}

.icon-pk-ausweis-house:before {
  content: "\66"
}

.icon-pk-ausweis-piggybank:before {
  content: "\68"
}

.icon-pk-ausweis-wheelchair:before {
  content: "\69"
}

.icon-pk-ausweis-woman:before {
  content: "\6a"
}

.icon-pk-ausweis-zoom-in:before {
  content: "\6b"
}

.icon-pk-ausweis-zoom-out:before {
  content: "\6c"
}

.icon-pk-ausweis-liquditaet:before {
  content: "\6d"
}

.icon-pk-ausweis-cross:before {
  content: "\6e"
}

.icon-pk-ausweis-arrow-right:before {
  content: "\6f"
}

@media (max-width:767px) {
  .pk-ausweis:not(.pk-ausweis--zoom) img {
    opacity: 1
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:first-child button:after {
    -webkit-animation-delay: .89s;
    animation-delay: .89s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(2) button:after {
    -webkit-animation-delay: .98s;
    animation-delay: .98s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(3) button:after {
    -webkit-animation-delay: 1.07s;
    animation-delay: 1.07s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(4) button:after {
    -webkit-animation-delay: 1.16s;
    animation-delay: 1.16s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(5) button:after {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(6) button:after {
    -webkit-animation-delay: 1.34s;
    animation-delay: 1.34s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(7) button:after {
    -webkit-animation-delay: 1.43s;
    animation-delay: 1.43s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(8) button:after {
    -webkit-animation-delay: 1.52s;
    animation-delay: 1.52s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(9) button:after {
    -webkit-animation-delay: 1.61s;
    animation-delay: 1.61s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(10) button:after {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(11) button:after {
    -webkit-animation-delay: 1.79s;
    animation-delay: 1.79s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(12) button:after {
    -webkit-animation-delay: 1.88s;
    animation-delay: 1.88s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(13) button:after {
    -webkit-animation-delay: 1.97s;
    animation-delay: 1.97s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(14) button:after {
    -webkit-animation-delay: 2.06s;
    animation-delay: 2.06s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(15) button:after {
    -webkit-animation-delay: 2.15s;
    animation-delay: 2.15s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(16) button:after {
    -webkit-animation-delay: 2.24s;
    animation-delay: 2.24s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(17) button:after {
    -webkit-animation-delay: 2.33s;
    animation-delay: 2.33s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(18) button:after {
    -webkit-animation-delay: 2.42s;
    animation-delay: 2.42s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(19) button:after {
    -webkit-animation-delay: 2.51s;
    animation-delay: 2.51s
  }
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article:nth-child(20) button:after {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
  }
}

.pk-ausweis--zoom .pk-ausweis__article button {
  left: 10px;
  top: 8px;
  -webkit-transform: none;
  transform: none
}

@media (max-width:767px) {
  .pk-ausweis--zoom .pk-ausweis__article button {
    left: 13px
  }

  .pk-ausweis--zoom .pk-ausweis__article button:after {
    visibility: visible !important;
    -webkit-animation: button-pulsate 1.3s ease-out 1 both;
    animation: button-pulsate 1.3s ease-out 1 both
  }
}

.pk-ausweis--zoom .pk-ausweis__article img {
  width: 200%;
  padding: 0 75px
}

.pk-ausweis__article {
  position: relative
}

@media (min-width:768px) {
  .pk-ausweis__article[ID]:hover img {
    opacity: 1 !important
  }

  .pk-ausweis__article[ID]:hover button {
    background-color: #B90000 !important
  }

  .pk-ausweis__article--keep:not(.pk-ausweis__article--active) button:after, .pk-ausweis__article:not(.pk-ausweis__article--active):hover button:after {
    -webkit-animation: button-pulsate 1.3s ease-out infinite both;
    animation: button-pulsate 1.3s ease-out infinite both;
    visibility: visible !important
  }
}

.pk-ausweis__article--active img, .pk-ausweis__article--keep img {
  opacity: 1 !important
}

.pk-ausweis__article--active button, .pk-ausweis__article--keep button {
  background-color: #B90000 !important
}

.pk-ausweis__article:first-child img {
  padding-top: 50px
}

.pk-ausweis__article:first-child button {
  top: 50px
}

.pk-ausweis__article:first-child .pk-popup {
  bottom: calc(100% - 30px)
}

.pk-ausweis__article:last-child img {
  padding-bottom: 50px
}

@media (max-width:767px) {
  .pk-ausweis__article:last-child img {
    border-bottom: 2px solid #adb4c2
  }
}

.pk-ausweis__article>a {
  display: block
}

.pk-ausweis__article button {
  overflow: visible;
  position: absolute;
  top: 8px;
  left: 20px
}

@media (max-width:767px) {
  .pk-ausweis__article button {
    top: -10px;
    left: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    height: 45px !important;
    font-size: 1.7em !important;
    width: 45px !important
  }
}

.pk-ausweis__article button:before {
  line-height: 40px
}

@media (max-width:767px) {
  .pk-ausweis__article button:before {
    line-height: 47px !important
  }
}

.pk-ausweis__article button:after {
  background: #FFC0C6;
  border-radius: 50%;
  content: "";
  display: block;
  height: 60px;
  left: calc(50% - 30px);
  position: absolute;
  top: calc(50% - 30px);
  width: 60px;
  z-index: -1;
  visibility: hidden
}

@media (max-width:767px) {
  .pk-ausweis__article button:after {
    height: 76px;
    left: calc(50% - 38px);
    top: calc(50% - 38px);
    width: 76px
  }
}

.pk-ausweis__article button.pulsate:after {
  -webkit-animation: button-pulsate 1.3s ease-out infinite both;
  animation: button-pulsate 1.3s ease-out infinite both;
  visibility: visible !important
}

.pk-ausweis__article img {
  max-width: none;
  width: 100%;
  padding: 0 80px;
  opacity: .3;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

@media (max-width:767px) {
  .pk-ausweis__article img {
    padding: 0 50px
  }
}

.pk-ausweis__article--active .pk-popup, .pk-ausweis__article--keep .pk-popup {
  visibility: visible;
  opacity: 1
}

.pk-ausweis__article--keep .pk-popup {
  pointer-events: auto
}

.pk-ausweis__article--keep .pk-popup__title {
  cursor: pointer
}

@media (min-width:768px) {
  .pk-ausweis__article:hover .pk-popup {
    visibility: visible;
    opacity: 1
  }

  .pk-ausweis__article:not(.pk-ausweis__article--keep):not(.pk-ausweis__article--active) .pk-popup__title:before {
    content: ""
  }

  .pk-ausweis__article:not(.pk-ausweis__article--keep) .pk-popup__title:before {
    -webkit-transition: none;
    transition: none
  }
}

.pk-popup {
  position: absolute;
  bottom: calc(100% + 12px);
  margin: 0 20px;
  -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, .27));
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, .27));
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s, visibility .4s;
  transition: opacity .3s, visibility .4s;
  z-index: 5
}

.pk-popup:after {
  content: "";
  position: absolute;
  left: 28px;
  z-index: -1;
  left: 10px;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid #eff0f3
}

@media (max-width:767px) {
  .pk-popup:after {
    left: 26px
  }
}

@media (min-width:768px) {
  .pk-popup {
    pointer-events: none
  }
}

@media (max-width:767px) {
  .pk-popup {
    bottom: calc(100% + 12px);
    margin: 0
  }
}

.pk-popup--active, .pk-popup--open {
  pointer-events: auto
}

.pk-popup--open .pk-popup__title {
  cursor: pointer
}

.pk-popup--open .pk-popup__title:before {
  content: "\6e";
  -webkit-transform: none;
  transform: none
}

.pk-popup--open .pk-popup__title:after {
  border-top-width: 0
}

.pk-popup--open .pk-popup__content {
  padding: 20px
}

.pk-popup__title {
  position: relative;
  margin: 0;
  padding: 15px 60px 15px 20px;
  background-color: #000000;
  color: #fff;
  font-size: 18px;
  line-height: 23px
}

.pk-popup__title:before {
  content: "\6e";
  position: absolute;
  right: 20px;
  font-size: 20px;
  font-family: raiffeisen-pk-ausweis, sans-serif;
  -webkit-transform: rotate(45deg) scale(.9);
  transform: rotate(45deg) scale(.9);
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s
}

.pk-popup__title:after {
  content: "";
  position: absolute;
  left: 28px;
  left: 10px;
  -webkit-transition: border-top-width .3s;
  transition: border-top-width .3s;
  top: 100%;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid #000000
}

@media (max-width:767px) {
  .pk-popup__title:after {
    left: 26px
  }
}

.pk-popup__content {
  background-color: #eff0f3;
  padding: 0 20px;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height .5s, padding .3s;
  transition: max-height .5s, padding .3s
}

.pk-popup__content h3 {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 8px
}

.pk-popup__content h4 {
  margin: 0 0 10px;
  color: #333;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px
}

.pk-popup__content p {
  font-family: FrutigerNext, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #333;
  margin: 0 0 20px
}
.pk-popup__content a {
  position: relative;
  display: inline-block;
  margin: 0;
  cursor: pointer;
  font-size: 14px;
  line-height: 19px;
  color: #7b6e4c;
  box-shadow: 0 2px 0 -1px #7b6e4c;
  transition: color .2s ease-out,box-shadow .2s ease-out;
  display: inline;
}
.pk-popup__content a:hover {
  color: #1a1a1a;
  box-shadow: 0 5px 0 -1px #1a1a1a;
}

.pk-popup__tip {
  background-color: #fff;
  padding: 15px 20px;
  margin: 0 0 20px
}

.pk-popup__tip p {
  margin: 0 0 10px
}

.pk-popup__tip :last-child {
  margin: 0
}

.pk-popup__navigation {
  background-color: #eff0f3
}
.pk-popup__navigation a {
  position: relative;
  display: inline-block;
  margin: 0;
  cursor: pointer;
  font-size: 17px;
  line-height: 31px;
  color: #7b6e4c;
  box-shadow: none!important
}
.pk-popup__navigation a:hover {
  color: #1a1a1a;
}

@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
  .pk-popup__navigation a:after {
    background-color: #eff0f3;
    bottom: -1px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
  }
}

.pk-popup__navigation a:before {
  position: absolute;
  font-size: 31px
}

@media (max-width:767px) {
  .pk-popup__navigation a:before {
    font-size: 1em;
    bottom: 7px
  }
}

.pk-popup__navigation a.icon-pk-ausweis-arrow-circle-left {
  padding: 0 0 0 40px
}

@media (max-width:767px) {
  .pk-popup__navigation a.icon-pk-ausweis-arrow-circle-left {
    padding: 0 0 0 25px
  }
}

.pk-popup__navigation a.icon-pk-ausweis-arrow-circle-left:before {
  left: 0
}

.pk-popup__navigation a.icon-pk-ausweis-arrow-circle-right {
  float: right;
  margin-top: 0;
  padding: 0 40px 0 0
}

@media (max-width:767px) {
  .pk-popup__navigation a.icon-pk-ausweis-arrow-circle-right {
    padding: 0 25px 0 0
  }
}

.pk-popup__navigation a.icon-pk-ausweis-arrow-circle-right:before {
  right: 0
}

.pk-ausweis {
  position: relative
}

@media (max-width:767px) {
  .pk-ausweis {
    border-top: 2px solid #adb4c2;
    margin: 0 -10px
  }
}

@media (min-width:768px) {
  .pk-ausweis__article img {
    opacity: 1
  }

  .pk-ausweis:hover .pk-ausweis__article img {
    opacity: .3
  }
}

.pk-ausweis--zoom {
  overflow: auto
}

.pk-ausweis--zoom .pk-ausweis__zoom:before {
  content: "\6c"
}

.pk-ausweis--zoom .pk-ausweis__zoom:after {
  -webkit-animation: none;
  animation: none;
  visibility: hidden;
  -webkit-transition: none;
  transition: none
}

.pk-ausweis--overflow {
  overflow: visible
}

@media (min-width:768px) {
  .pk-ausweis__page {
    border: 1px solid #adb4c2
  }

  .pk-ausweis__page+.pk-ausweis__page {
    margin: 40px 0 0
  }
}

.pk-ausweis button {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  font-size: 1.5em;
  color: #fff;
  border-radius: 50%;
  background-color: #E82025;
  box-shadow: none;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

@media (max-width:767px) {
  .pk-ausweis button {
    height: 50px;
    font-size: 2em;
    width: 50px
  }
}

.pk-ausweis button:before {
  line-height: 40px
}

@media (max-width:767px) {
  .pk-ausweis button:before {
    line-height: 50px
  }
}

.pk-ausweis__zoom {
  position: fixed;
  bottom: 20px;
  margin: 30px 0;
  right: 20px;
  opacity: 0;
  border-radius: 0 !important;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, .27) !important;
  -webkit-transition: opacity .2s, visibility 0s .2s;
  transition: opacity .2s, visibility 0s .2s;
  visibility: hidden;
  z-index: 6
}

@media (min-width:768px) {
  .pk-ausweis__zoom {
    display: none
  }
}

.pk-ausweis__zoom:after {
  background: #adb4c2;
  content: "";
  display: block;
  height: 80px;
  left: calc(50% - 40px);
  position: absolute;
  top: calc(50% - 40px);
  visibility: hidden;
  width: 80px;
  z-index: -1
}

.pk-ausweis__zoom--visible {
  opacity: 1;
  -webkit-transition: opacity .2s, visibility 0s;
  transition: opacity .2s, visibility 0s;
  visibility: visible
}

.pk-ausweis__zoom--visible:after {
  -webkit-animation: button-pulsate 1.3s ease-out infinite both;
  animation: button-pulsate 1.3s ease-out infinite both;
  -webkit-transition: visibility 0s .4s;
  transition: visibility 0s .4s;
  visibility: visible
}

@-webkit-keyframes button-pulsate {
  0% {
    -webkit-transform: scale(.16) translateZ(-1px);
    transform: scale(.16) translateZ(-1px)
  }

  60% {
    opacity: .8
  }

  to {
    -webkit-transform: scale(1) translateZ(-1px);
    transform: scale(1) translateZ(-1px);
    opacity: 0
  }
}

@keyframes button-pulsate {
  0% {
    -webkit-transform: scale(.16) translateZ(-1px);
    transform: scale(.16) translateZ(-1px)
  }

  60% {
    opacity: .8
  }

  to {
    -webkit-transform: scale(1) translateZ(-1px);
    transform: scale(1) translateZ(-1px);
    opacity: 0
  }
}