@charset "UTF-8";
/*
 * Die Keyframes für CSS3-Animationen müssen am Anfang der CSS-Datei stehen, damit sie auch vom IE 10+ verarbeitet werden.
 * siehe dazu auch: http://www.markskowrondesign.com/blog/are-your-css3-animations-broken-in-ie10-and-ie11/
 */
/* Chrome, Safari, Opera */
@-webkit-keyframes scrollPicOnlyTitleToTop {
  0% {
    top: 0; }
  50% {
    top: -60px; }
  50.0001% {
    top: 80px; }
  100% {
    top: 0; } }

/* Standard syntax */
@keyframes scrollPicOnlyTitleToTop {
  0% {
    top: 0; }
  50% {
    top: -60px; }
  50.0001% {
    top: 80px; }
  100% {
    top: 0; } }

/* Chrome, Safari, Opera */
@-webkit-keyframes animateWidth12 {
  from {
    left: 100%; }
  to {
    left: 0; } }

/* Standard syntax */
@keyframes animateWidth12 {
  from {
    left: 100%; }
  to {
    left: 0; } }

/* Chrome, Safari, Opera */
@-webkit-keyframes animateWidth6 {
  from {
    left: 51.698601152%; }
  to {
    left: 0; } }

/* Standard syntax */
@keyframes animateWidth6 {
  from {
    left: 51.698601152%; }
  to {
    left: 0; } }

/* Chrome, Safari, Opera */
@-webkit-keyframes animateWidth4 {
  from {
    left: 34.2541436464%; }
  to {
    left: 0; } }

/* Standard syntax */
@keyframes animateWidth4 {
  from {
    left: 34.2541436464%; }
  to {
    left: 0; } }

/* Chrome, Safari, Opera */
@-webkit-keyframes animateWidth3 {
  from {
    left: 25.6906077348%; }
  to {
    left: 0; } }

/* Standard syntax */
@keyframes animateWidth3 {
  from {
    left: 25.6906077348%; }
  to {
    left: 0; } }

/* Chrome, Safari, Opera */
@-webkit-keyframes animateWidth2 {
  from {
    left: 17.1270718232%; }
  to {
    left: 0; } }

/* Standard syntax */
@keyframes animateWidth2 {
  from {
    left: 17.1270718232%; }
  to {
    left: 0; } }

/* Chrome, Safari, Opera */
@-webkit-keyframes animateWidth1Back2 {
  from {
    left: -100%; }
  to {
    left: 0; } }

/* Standard syntax */
@keyframes animateWidth1Back2 {
  from {
    left: 100%; }
  to {
    left: 0; } }

/* Chrome, Safari, Opera */
@-webkit-keyframes animateWidth6Back {
  from {
    left: -51.698601152%; }
  to {
    left: 0; } }

/* Standard syntax */
@keyframes animateWidth6Back {
  from {
    left: -51.698601152%; }
  to {
    left: 0; } }

/* Chrome, Safari, Opera */
@-webkit-keyframes animateWidth4Back {
  from {
    left: -34.2541436464%; }
  to {
    left: 0; } }

/* Standard syntax */
@keyframes animateWidth4Back {
  from {
    left: -34.2541436464%; }
  to {
    left: 0; } }

/* Chrome, Safari, Opera */
@-webkit-keyframes animateWidth3Back {
  from {
    left: -25.6906077348%; }
  to {
    left: 0; } }

/* Standard syntax */
@keyframes animateWidth3Back {
  from {
    left: -25.6906077348%; }
  to {
    left: 0; } }

/* Chrome, Safari, Opera */
@-webkit-keyframes animateWidth2Back {
  from {
    left: -17.1270718232%; }
  to {
    left: 0; } }

/* Standard syntax */
@keyframes animateWidth2Back {
  from {
    left: -17.1270718232%; }
  to {
    left: 0; } }

/*
 * CSS für lange Texte
 */
#firstcontentcontainer #block-system-main.block .field-type-text-long ul,
#firstcontentcontainer #block-system-main.block .field-type-text-with-summary ul,
.paragraphs-item-tabs ul {
  margin: 0 0 10px 0; }

#firstcontentcontainer #block-system-main.block .field-type-text-long img[style*="float: left"], #firstcontentcontainer #block-system-main.block .field-type-text-long img[style*="float:left"],
#firstcontentcontainer #block-system-main.block .field-type-text-with-summary img[style*="float: left"],
#firstcontentcontainer #block-system-main.block .field-type-text-with-summary img[style*="float:left"],
.paragraphs-item-tabs img[style*="float: left"],
.paragraphs-item-tabs img[style*="float:left"] {
  margin-right: 16px;
  margin-bottom: 10px; }

#firstcontentcontainer #block-system-main.block .field-type-text-long img[style*="float: right"], #firstcontentcontainer #block-system-main.block .field-type-text-long img[style*="float:right"],
#firstcontentcontainer #block-system-main.block .field-type-text-with-summary img[style*="float: right"],
#firstcontentcontainer #block-system-main.block .field-type-text-with-summary img[style*="float:right"],
.paragraphs-item-tabs img[style*="float: right"],
.paragraphs-item-tabs img[style*="float:right"] {
  margin-left: 16px;
  margin-bottom: 10px; }

/*
 * CSS für Paragraph Accordion
 */
div.paragraphs-item-accordion > .content {
  display: table;
  width: 100%; }

div.paragraphs-item-accordion.last-accordion {
  margin-bottom: 20px; }

div.accordion {
  float: none !important;
  display: table-cell !important;
  width: auto !important; }
  div.accordion p {
    margin: 0px; }

.accordion-heading .accordion-toggle {
  padding: 7px 15px 7px 20px; }

.accordion-group {
  border-radius: 0;
  margin-bottom: 2px; }

.accordion-toggle,
a.accordion-toggle,
.accordion-toggle:hover,
a.accordion-toggle:hover {
  background-color: #adafb1;
  background-image: none;
  border: 1px solid #adafb1;
  border-radius: 0;
  box-shadow: none;
  border-bottom: none;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  font-size: 12px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold;
  transition: none; }

.accordion-toggle.collapsed,
a.accordion-toggle.collapsed,
.accordion-toggle.collapsed:hover,
a.accordion-toggle.collapsed:hover {
  background-color: #eceded;
  background-image: none;
  border: 1px solid #eceded;
  border-radius: 0;
  box-shadow: none;
  color: #4b565d;
  cursor: pointer;
  font-size: 12px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold; }

.accordion-inner,
a.accordion-inner,
.accordion-inner:hover,
a.accordion-inner:hover {
  border-radius: 0;
  background: #ffffff;
  padding: 15px; }

/*
 * CSS für Single Column Text
 */
div.paragraphs-item-text-single-column {
  width: 100%;
  margin-bottom: 1em; }

/*
 * CSS für TwoColumn Text
 */
div.paragraphs-item-text-two-columns {
  width: 100%;
  margin-bottom: 1em; }
  div.paragraphs-item-text-two-columns div.field-item {
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2; }
  div.paragraphs-item-text-two-columns ::after {
    clear: both; }

/*
 * CSS für Three Column Text
 */
div.paragraphs-item-text-three-columns {
  width: 100%;
  margin-bottom: 1em; }
  div.paragraphs-item-text-three-columns div.field-item {
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3; }

/*
 * CSS für Picture with Text but without "readmore" link UND Picture with text, price and link
 */
div.field-item div.paragraphs-item-picture-with-text-only-,
div.field-item div.paragraphs-item-picture-with-text-price-and-link {
  margin-right: 10px;
  margin-bottom: 24px; }

div.field-item.span3 > div.paragraphs-item-picture-with-text-only-,
div.field-item.span3 > div.paragraphs-item-picture-with-text-price-and-link, div.field-item.span4 > div.paragraphs-item-picture-with-text-only-,
div.field-item.span4 > div.paragraphs-item-picture-with-text-price-and-link, div.field-item.span6 > div.paragraphs-item-picture-with-text-only-,
div.field-item.span6 > div.paragraphs-item-picture-with-text-price-and-link, div.field-item.span8 > div.paragraphs-item-picture-with-text-only-,
div.field-item.span8 > div.paragraphs-item-picture-with-text-price-and-link, div.field-item.span9 > div.paragraphs-item-picture-with-text-only-,
div.field-item.span9 > div.paragraphs-item-picture-with-text-price-and-link, div.field-item.span12 > div.paragraphs-item-picture-with-text-only-,
div.field-item.span12 > div.paragraphs-item-picture-with-text-price-and-link {
  width: 100%; }

div.field-item div.paragraphs-item-picture-with-text-only-,
div.field-item div.paragraphs-item-picture-with-text-price-and-link {
  padding: 0; }
  div.field-item div.paragraphs-item-picture-with-text-only- img,
  div.field-item div.paragraphs-item-picture-with-text-price-and-link img {
    width: 100%; }
  div.field-item div.paragraphs-item-picture-with-text-only- h4,
  div.field-item div.paragraphs-item-picture-with-text-price-and-link h4 {
    font-size: 15px;
    line-height: 1.2;
    padding: 0.5em 6px 0;
    margin-bottom: 0; }
  div.field-item div.paragraphs-item-picture-with-text-only- .pic-only-text,
  div.field-item div.paragraphs-item-picture-with-text-only- .pictureprice-text,
  div.field-item div.paragraphs-item-picture-with-text-price-and-link .pic-only-text,
  div.field-item div.paragraphs-item-picture-with-text-price-and-link .pictureprice-text {
    padding: 0.5em 6px; }
  div.field-item div.paragraphs-item-picture-with-text-only- .pic-only-wrapper,
  div.field-item div.paragraphs-item-picture-with-text-only- .pictureprice-pic-wrapper,
  div.field-item div.paragraphs-item-picture-with-text-price-and-link .pic-only-wrapper,
  div.field-item div.paragraphs-item-picture-with-text-price-and-link .pictureprice-pic-wrapper {
    height: 130px;
    overflow: hidden; }
  div.field-item div.paragraphs-item-picture-with-text-only- a.field-pictureprice-link, div.field-item div.paragraphs-item-picture-with-text-only- a.pictureonly-link,
  div.field-item div.paragraphs-item-picture-with-text-price-and-link a.field-pictureprice-link,
  div.field-item div.paragraphs-item-picture-with-text-price-and-link a.pictureonly-link {
    color: #4b565d;
    display: block;
    max-width: 100%; }
    div.field-item div.paragraphs-item-picture-with-text-only- a.field-pictureprice-link:hover, div.field-item div.paragraphs-item-picture-with-text-only- a.pictureonly-link:hover,
    div.field-item div.paragraphs-item-picture-with-text-price-and-link a.field-pictureprice-link:hover,
    div.field-item div.paragraphs-item-picture-with-text-price-and-link a.pictureonly-link:hover {
      text-decoration: none; }
      div.field-item div.paragraphs-item-picture-with-text-only- a.field-pictureprice-link:hover .pic-only-text-wrapper.zoom-in,
      div.field-item div.paragraphs-item-picture-with-text-only- a.field-pictureprice-link:hover .pictureprice-text-wrapper.zoom-in, div.field-item div.paragraphs-item-picture-with-text-only- a.pictureonly-link:hover .pic-only-text-wrapper.zoom-in,
      div.field-item div.paragraphs-item-picture-with-text-only- a.pictureonly-link:hover .pictureprice-text-wrapper.zoom-in,
      div.field-item div.paragraphs-item-picture-with-text-price-and-link a.field-pictureprice-link:hover .pic-only-text-wrapper.zoom-in,
      div.field-item div.paragraphs-item-picture-with-text-price-and-link a.field-pictureprice-link:hover .pictureprice-text-wrapper.zoom-in,
      div.field-item div.paragraphs-item-picture-with-text-price-and-link a.pictureonly-link:hover .pic-only-text-wrapper.zoom-in,
      div.field-item div.paragraphs-item-picture-with-text-price-and-link a.pictureonly-link:hover .pictureprice-text-wrapper.zoom-in {
        background-color: #a5aaad;
        -moz-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
        overflow: hidden; }
        div.field-item div.paragraphs-item-picture-with-text-only- a.field-pictureprice-link:hover .pic-only-text-wrapper.zoom-in h4,
        div.field-item div.paragraphs-item-picture-with-text-only- a.field-pictureprice-link:hover .pictureprice-text-wrapper.zoom-in h4, div.field-item div.paragraphs-item-picture-with-text-only- a.pictureonly-link:hover .pic-only-text-wrapper.zoom-in h4,
        div.field-item div.paragraphs-item-picture-with-text-only- a.pictureonly-link:hover .pictureprice-text-wrapper.zoom-in h4,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.field-pictureprice-link:hover .pic-only-text-wrapper.zoom-in h4,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.field-pictureprice-link:hover .pictureprice-text-wrapper.zoom-in h4,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.pictureonly-link:hover .pic-only-text-wrapper.zoom-in h4,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.pictureonly-link:hover .pictureprice-text-wrapper.zoom-in h4 {
          color: #fff;
          -moz-transition: color 0.3s;
          -o-transition: color 0.3s;
          -webkit-transition: color 0.3s;
          transition: color 0.3s;
          position: relative;
          -webkit-animation-name: scrollPicOnlyTitleToTop;
          /* Chrome, Safari, Opera */
          animation-name: scrollPicOnlyTitleToTop;
          -webkit-animation-duration: 0.5s;
          /* Chrome, Safari, Opera */
          animation-duration: 0.5s; }
        div.field-item div.paragraphs-item-picture-with-text-only- a.field-pictureprice-link:hover .pic-only-text-wrapper.zoom-in li,
        div.field-item div.paragraphs-item-picture-with-text-only- a.field-pictureprice-link:hover .pictureprice-text-wrapper.zoom-in li, div.field-item div.paragraphs-item-picture-with-text-only- a.pictureonly-link:hover .pic-only-text-wrapper.zoom-in li,
        div.field-item div.paragraphs-item-picture-with-text-only- a.pictureonly-link:hover .pictureprice-text-wrapper.zoom-in li,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.field-pictureprice-link:hover .pic-only-text-wrapper.zoom-in li,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.field-pictureprice-link:hover .pictureprice-text-wrapper.zoom-in li,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.pictureonly-link:hover .pic-only-text-wrapper.zoom-in li,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.pictureonly-link:hover .pictureprice-text-wrapper.zoom-in li {
          background-position: 0px -32px !important; }
        div.field-item div.paragraphs-item-picture-with-text-only- a.field-pictureprice-link:hover .pic-only-text-wrapper.zoom-in .pic-only-text,
        div.field-item div.paragraphs-item-picture-with-text-only- a.field-pictureprice-link:hover .pic-only-text-wrapper.zoom-in .pictureprice-text,
        div.field-item div.paragraphs-item-picture-with-text-only- a.field-pictureprice-link:hover .pictureprice-text-wrapper.zoom-in .pic-only-text,
        div.field-item div.paragraphs-item-picture-with-text-only- a.field-pictureprice-link:hover .pictureprice-text-wrapper.zoom-in .pictureprice-text, div.field-item div.paragraphs-item-picture-with-text-only- a.pictureonly-link:hover .pic-only-text-wrapper.zoom-in .pic-only-text,
        div.field-item div.paragraphs-item-picture-with-text-only- a.pictureonly-link:hover .pic-only-text-wrapper.zoom-in .pictureprice-text,
        div.field-item div.paragraphs-item-picture-with-text-only- a.pictureonly-link:hover .pictureprice-text-wrapper.zoom-in .pic-only-text,
        div.field-item div.paragraphs-item-picture-with-text-only- a.pictureonly-link:hover .pictureprice-text-wrapper.zoom-in .pictureprice-text,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.field-pictureprice-link:hover .pic-only-text-wrapper.zoom-in .pic-only-text,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.field-pictureprice-link:hover .pic-only-text-wrapper.zoom-in .pictureprice-text,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.field-pictureprice-link:hover .pictureprice-text-wrapper.zoom-in .pic-only-text,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.field-pictureprice-link:hover .pictureprice-text-wrapper.zoom-in .pictureprice-text,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.pictureonly-link:hover .pic-only-text-wrapper.zoom-in .pic-only-text,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.pictureonly-link:hover .pic-only-text-wrapper.zoom-in .pictureprice-text,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.pictureonly-link:hover .pictureprice-text-wrapper.zoom-in .pic-only-text,
        div.field-item div.paragraphs-item-picture-with-text-price-and-link a.pictureonly-link:hover .pictureprice-text-wrapper.zoom-in .pictureprice-text {
          color: #fff;
          -moz-transition: color 0.3s;
          -o-transition: color 0.3s;
          -webkit-transition: color 0.3s;
          transition: color 0.3s;
          position: relative;
          -webkit-animation-name: scrollPicOnlyTitleToTop;
          /* Chrome, Safari, Opera */
          animation-name: scrollPicOnlyTitleToTop;
          -webkit-animation-duration: 0.5s;
          /* Chrome, Safari, Opera */
          animation-duration: 0.5s; }
      div.field-item div.paragraphs-item-picture-with-text-only- a.field-pictureprice-link:hover .zoom-in img, div.field-item div.paragraphs-item-picture-with-text-only- a.pictureonly-link:hover .zoom-in img,
      div.field-item div.paragraphs-item-picture-with-text-price-and-link a.field-pictureprice-link:hover .zoom-in img,
      div.field-item div.paragraphs-item-picture-with-text-price-and-link a.pictureonly-link:hover .zoom-in img {
        -moz-transition: transform 1.4s;
        -o-transition: transform 1.4s;
        -webkit-transition: transform 1.4s;
        transition: transform 1.4s;
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2); }
  div.field-item div.paragraphs-item-picture-with-text-only- .zoom-in img,
  div.field-item div.paragraphs-item-picture-with-text-price-and-link .zoom-in img {
    -moz-transition: transform 1.4s;
    -o-transition: transform 1.4s;
    -webkit-transition: transform 1.4s;
    transition: transform 1.4s; }
  div.field-item div.paragraphs-item-picture-with-text-only- .field-pictureprice-oldprice,
  div.field-item div.paragraphs-item-picture-with-text-price-and-link .field-pictureprice-oldprice {
    text-decoration: line-through; }
  div.field-item div.paragraphs-item-picture-with-text-only- .field-pictureprice-newprice,
  div.field-item div.paragraphs-item-picture-with-text-price-and-link .field-pictureprice-newprice {
    padding-left: 6px;
    color: #e30613; }
  div.field-item div.paragraphs-item-picture-with-text-only- .field-name-field-pictureprice-suggested,
  div.field-item div.paragraphs-item-picture-with-text-price-and-link .field-name-field-pictureprice-suggested {
    font-size: 10px; }
  div.field-item div.paragraphs-item-picture-with-text-only- .field-name-field-pictureprice-price,
  div.field-item div.paragraphs-item-picture-with-text-price-and-link .field-name-field-pictureprice-price {
    margin-bottom: 0; }

.pictureprice-longtext {
  height: 78px;
  overflow: hidden; }

/*
 * CSS für Carousel
 */
div.paragraphs-item-product-carousel {
  margin: 24px 0; }
  div.paragraphs-item-product-carousel .carousel-text {
    font-size: 15px;
    line-height: 1.5em;
    height: 78px;
    overflow: hidden; }
    div.paragraphs-item-product-carousel .carousel-text p {
      margin-bottom: 0; }
  div.paragraphs-item-product-carousel .carousel-price {
    font-family: 'Arial', sans-serif;
    font-size: 12px; }
  div.paragraphs-item-product-carousel .oldprice {
    text-decoration: line-through; }
  div.paragraphs-item-product-carousel .newprice {
    padding-left: 6px;
    color: #e30613; }
  div.paragraphs-item-product-carousel a.carousel-item-link {
    color: #4b565d;
    padding: 5px;
    display: block; }
    div.paragraphs-item-product-carousel a.carousel-item-link:hover {
      text-decoration: none; }
  div.paragraphs-item-product-carousel div.carousel-nolink-wrapper {
    color: #4b565d;
    padding: 5px;
    display: block; }
  div.paragraphs-item-product-carousel .carousel {
    border: none;
    width: 100%; }
    div.paragraphs-item-product-carousel .carousel .item {
      background-color: transparent; }
  div.paragraphs-item-product-carousel .carousel-control {
    font-size: 45px;
    font-weight: normal;
    top: 60%;
    z-index: 100; }
    div.paragraphs-item-product-carousel .carousel-control.left {
      right: 0;
      left: -25px; }
    div.paragraphs-item-product-carousel .carousel-control.right {
      right: -25px; }

@media (min-width: 480px) and (max-width: 964px) {
  div.paragraphs-item-product-carousel .carousel-text {
    height: 118px; } }

@media (max-width: 480px) {
  div.paragraphs-item-product-carousel .carousel-inner .item.item-width4 .carousel-el.span4:nth-child(n+2), div.paragraphs-item-product-carousel .carousel-inner .item.item-width3 .carousel-el.span3:nth-child(n+2), div.paragraphs-item-product-carousel .carousel-inner .item.item-width2 .carousel-el.span2:nth-child(n+2) {
    display: none; } }

@media (max-width: 767px) {
  div.paragraphs-item-product-carousel .carousel-inner .carousel-el.span4 {
    width: 50%; }
  div.paragraphs-item-product-carousel .carousel-inner .item.item-width4 .carousel-el.span4:nth-child(n+3), div.paragraphs-item-product-carousel .carousel-inner .item.item-width3 .carousel-el.span3:nth-child(n+3), div.paragraphs-item-product-carousel .carousel-inner .item.item-width2 .carousel-el.span2:nth-child(n+3) {
    display: none; } }

@media (min-width: 768px) {
  div.paragraphs-item-product-carousel .carousel-inner .active.left.item-width6 {
    left: -100%;
    *left: -100%; }
  div.paragraphs-item-product-carousel .carousel-inner .active.left.item-width6 {
    left: -51.3812154696%;
    *left: -51.3280239803%; }
  div.paragraphs-item-product-carousel .carousel-inner .active.left.item-width4 {
    left: -34.2541436464%;
    *left: -34.200952157%; }
  div.paragraphs-item-product-carousel .carousel-inner .active.left.item-width3 {
    left: -25.6906077348%;
    *left: -25.6906077348%; }
  div.paragraphs-item-product-carousel .carousel-inner .active.left.item-width2 {
    left: -17.1270718232%;
    *left: -17.0738803338%; }
  div.paragraphs-item-product-carousel .carousel-inner .next.item-width12 {
    -webkit-animation: animateWidth12 0.6s;
    /* Chrome, Safari, Opera */
    animation: animateWidth12 0.6s; }
  div.paragraphs-item-product-carousel .carousel-inner .next.item-width6 {
    -webkit-animation: animateWidth6 0.6s;
    /* Chrome, Safari, Opera */
    animation: animateWidth6 0.6s; }
  div.paragraphs-item-product-carousel .carousel-inner .next.item-width4 {
    -webkit-animation: animateWidth4 0.6s;
    /* Chrome, Safari, Opera */
    animation: animateWidth4 0.6s; }
  div.paragraphs-item-product-carousel .carousel-inner .next.item-width3 {
    -webkit-animation: animateWidth3 0.6s;
    /* Chrome, Safari, Opera */
    animation: animateWidth3 0.6s; }
  div.paragraphs-item-product-carousel .carousel-inner .next.item-width2 {
    -webkit-animation: animateWidth2 0.6s;
    /* Chrome, Safari, Opera */
    animation: animateWidth2 0.6s; }
  div.paragraphs-item-product-carousel .carousel-inner .active.right.item-width6 {
    left: +100%;
    *left: +100%; }
  div.paragraphs-item-product-carousel .carousel-inner .active.right.item-width6 {
    left: 51.3812154696%;
    *left: 51.3280239803%; }
  div.paragraphs-item-product-carousel .carousel-inner .active.right.item-width4 {
    left: 34.2541436464%;
    *left: 34.200952157%; }
  div.paragraphs-item-product-carousel .carousel-inner .active.right.item-width3 {
    left: 25.6906077348%;
    *left: 25.6906077348%; }
  div.paragraphs-item-product-carousel .carousel-inner .active.right.item-width2 {
    left: 17.1270718232%;
    *left: 17.0738803338%; }
  div.paragraphs-item-product-carousel .carousel-inner .prev.item-width12 {
    -webkit-animation: animateWidth12Back 0.6s;
    /* Chrome, Safari, Opera */
    animation: animateWidth12Back 0.6s; }
  div.paragraphs-item-product-carousel .carousel-inner .prev.item-width6 {
    -webkit-animation: animateWidth6Back 0.6s;
    /* Chrome, Safari, Opera */
    animation: animateWidth6Back 0.6s; }
  div.paragraphs-item-product-carousel .carousel-inner .prev.item-width4 {
    -webkit-animation: animateWidth4Back 0.6s;
    /* Chrome, Safari, Opera */
    animation: animateWidth4Back 0.6s; }
  div.paragraphs-item-product-carousel .carousel-inner .prev.item-width3 {
    -webkit-animation: animateWidth3Back 0.6s;
    /* Chrome, Safari, Opera */
    animation: animateWidth3Back 0.6s; }
  div.paragraphs-item-product-carousel .carousel-inner .prev.item-width2 {
    -webkit-animation: animateWidth2Back 0.6s;
    /* Chrome, Safari, Opera */
    animation: animateWidth2Back 0.6s; } }

/*
 * CSS für Tabs
 */
div.paragraphs-item-tabs {
  margin-top: 5px;
  display: table-cell !important;
  padding-bottom: 5px; }
  div.paragraphs-item-tabs .tab-content {
    width: 100%;
    box-sizing: border-box;
    padding: 20px; }
  div.paragraphs-item-tabs .content::before, div.paragraphs-item-tabs .content::after {
    content: " ";
    display: table; }
  div.paragraphs-item-tabs .content::after {
    clear: both; }
  div.paragraphs-item-tabs .content {
    *zoom: 1;
    /* Für den IE6 und IE7 */ }

/*
 * CSS für Vertical Tabs
 */
div.paragraphs-item-vertical-tabs .nav-tabs {
  width: 32%;
  border: 0; }
  div.paragraphs-item-vertical-tabs .nav-tabs li {
    background: #eceded !important; }
    div.paragraphs-item-vertical-tabs .nav-tabs li a {
      padding: 4px 15px; }
    div.paragraphs-item-vertical-tabs .nav-tabs li:hover {
      background: #adafb1 !important; }
      div.paragraphs-item-vertical-tabs .nav-tabs li:hover a {
        color: #fff !important;
        padding: 5px 15px;
        border: 0;
        margin-bottom: 3px; }
        div.paragraphs-item-vertical-tabs .nav-tabs li:hover a:before {
          color: #fff; }
  div.paragraphs-item-vertical-tabs .nav-tabs a {
    left: 0;
    margin-right: 0; }
    div.paragraphs-item-vertical-tabs .nav-tabs a:before {
      color: #4b565d; }
    div.paragraphs-item-vertical-tabs .nav-tabs a:hover {
      color: #fff !important;
      background: transparent !important; }
      div.paragraphs-item-vertical-tabs .nav-tabs a:hover:before {
        color: #fff; }
  div.paragraphs-item-vertical-tabs .nav-tabs .active a {
    color: #e30613 !important;
    background: transparent;
    border: 0; }
    div.paragraphs-item-vertical-tabs .nav-tabs .active a:before {
      color: #e30613; }
  div.paragraphs-item-vertical-tabs .nav-tabs .active:hover a {
    padding: 4px 15px; }

div.paragraphs-item-vertical-tabs .tab-content {
  float: right;
  width: 66%;
  padding: 0;
  border: 0; }

/*
 * CSS für Tables
 */
div.field-type-tablefield {
  margin-top: 10px; }

table.tablefield {
  width: 100%;
  margin-bottom: 12px; }
  table.tablefield thead {
    background-color: #eceded; }
    table.tablefield thead th {
      text-align: left;
      padding: 16px; }
  table.tablefield tr.even {
    background-color: #f8f8f8; }
  table.tablefield tr.odd {
    background-color: #eceded; }
  table.tablefield td {
    padding: 16px; }
    table.tablefield td.col_0 {
      font-weight: bold; }

/*
 * CSS für Microsite Header
 */
.microsite-header {
  position: absolute;
  left: 0; }
  .microsite-header img {
    max-width: 130%;
    margin-left: -10%; }
  .microsite-header .microsite-header-headline {
    text-transform: uppercase;
    font-weight: 700;
    color: #4b565d;
    font-size: 28px;
    padding: 8px;
    text-align: left; }
    .microsite-header .microsite-header-headline span {
      font-weight: normal;
      display: block; }
  .microsite-header .micro-nav {
    list-style: none;
    width: 100%; }
    .microsite-header .micro-nav.dropdown {
      text-align: center;
      margin-left: 0; }
      .microsite-header .micro-nav.dropdown a:hover, .microsite-header .micro-nav.dropdown a:focus {
        background-color: transparent;
        background-image: none;
        text-decoration: underline; }
      .microsite-header .micro-nav.dropdown .dropdown-toggle {
        color: #4b565d;
        line-height: 28px;
        vertical-align: middle;
        text-transform: uppercase; }
      .microsite-header .micro-nav.dropdown li a.home {
        width: 100%; }
        .microsite-header .micro-nav.dropdown li a.home:hover, .microsite-header .micro-nav.dropdown li a.home:focus {
          background: url("../img/home.png") no-repeat scroll center center transparent; }
    .microsite-header .micro-nav li {
      background: none !important;
      font-weight: 700;
      padding: 0 !important;
      line-height: 20px;
      float: left;
      width: 50%; }
      .microsite-header .micro-nav li a {
        color: #4b565d;
        line-height: 28px;
        vertical-align: middle;
        text-transform: uppercase;
        display: block;
        padding-right: 0;
        padding-left: 4px; }
        .microsite-header .micro-nav li a.home {
          background: url("../img/home.png") no-repeat scroll center center transparent;
          height: 28px;
          width: 20px; }
        .microsite-header .micro-nav li a.btn {
          background-color: #e30613;
          font-weight: normal;
          text-transform: none;
          display: inline-block;
          line-height: 28px; }
          .microsite-header .micro-nav li a.btn:hover {
            text-decoration: none;
            background-color: #adafb1; }
            .microsite-header .micro-nav li a.btn:hover span {
              margin-right: 0;
              margin-left: 8px;
              /* For Safari 3.1 to 6.0 */
              -webkit-transition: margin-right 0.5s, margin-left 0.5s;
              /* Standard syntax */
              transition: margin-right 0.5s, margin-left 0.5s; }
          .microsite-header .micro-nav li a.btn span {
            margin-right: 8px;
            margin-left: 0;
            /* For Safari 3.1 to 6.0 */
            -webkit-transition: margin-right 0.5s, margin-left 0.5s;
            /* Standard syntax */
            transition: margin-right 0.5s, margin-left 0.5s; }
  .microsite-header .navbar-fixed-top {
    top: 0;
    left: 0;
    margin-bottom: 0;
    position: fixed;
    right: 0;
    z-index: 1030; }

@media (min-width: 768px) {
  .paragraphs-item-microsite-header {
    margin-bottom: 50px; }
  .microsite-header .microsite-header-headline {
    text-align: right;
    color: #ffffff;
    position: absolute;
    top: 15%;
    height: 20%;
    right: 24px; }
    .microsite-header .microsite-header-headline.text-left {
      text-align: left; }
    .microsite-header .microsite-header-headline.text-center {
      text-align: center; }
    .microsite-header .microsite-header-headline.text-right {
      text-align: right; }
  .microsite-header img {
    max-width: none;
    margin-left: -245px; }
  .microsite-header .micro-nav {
    list-style: none;
    width: 744px;
    margin: 0 auto;
    width: 100%;
    text-align: center; }
    .microsite-header .micro-nav ul {
      display: inline-block;
      text-align: left;
      width: 744px; }
    .microsite-header .micro-nav li {
      width: 25%; }
      .microsite-header .micro-nav li a {
        padding-right: 16px;
        padding-left: 16px; }
        .microsite-header .micro-nav li a:hover {
          text-decoration: underline; }
        .microsite-header .micro-nav li a.btn {
          margin-left: 16px; }
  .microsite-header .micro-nav-absolute {
    position: absolute;
    bottom: -30px; } }

@media (min-width: 980px) {
  .paragraphs-item-microsite-header {
    margin-bottom: 20px; }
  .microsite-header img {
    width: 110%;
    margin-left: -10%; }
  .microsite-header .micro-nav {
    margin: 0 auto; }
    .microsite-header .micro-nav ul {
      width: 960px; }
    .microsite-header .micro-nav li {
      line-height: 46px;
      width: auto; }
      .microsite-header .micro-nav li.btn-container {
        float: right;
        margin-right: 24px; }
      .microsite-header .micro-nav li a {
        line-height: 46px; }
        .microsite-header .micro-nav li a.home {
          height: 46px; }
  .microsite-header .micro-nav-absolute {
    bottom: 0; } }

/*
 * Modal message aka Alert
 */
.modal {
  border-radius: 0; }
  .modal .modal-header {
    border: 0;
    text-align: right; }
    .modal .modal-header button.close {
      color: #e30613;
      float: none;
      font-size: 12px;
      opacity: 1; }
      .modal .modal-header button.close:hover {
        color: #adafb1; }
      .modal .modal-header button.close span {
        font-size: 24px;
        vertical-align: middle; }
  .modal .modal-body {
    padding: 0px 30px 15px; }
    .modal .modal-body h5 {
      font-weight: bold;
      font-size: 16px; }
  .modal .modal-footer {
    text-align: left;
    background-color: #ffffff;
    border: 0;
    padding: 0px 30px 15px; }
    .modal .modal-footer a {
      display: inline-block; }
      .modal .modal-footer a.first {
        margin-right: 32px; }

@media (max-width: 767px) {
  .modal.fade.in {
    top: 50%; } }

/*
 * CSS für Paragraph Formular
 */
.webform-client-form > div {
  display: table; }
  .webform-client-form > div .webform-component {
    display: table-row; }
    .webform-client-form > div .webform-component > label, .webform-client-form > div .webform-component > input, .webform-client-form > div .webform-component > div {
      font-size: 12px;
      display: table-cell;
      height: 18px;
      vertical-align: top;
      margin-bottom: 6px; }
    .webform-client-form > div .webform-component > input {
      background-color: #f6f6f6;
      border: 1px solid #dadcdb;
      border-radius: 0; }
      .webform-client-form > div .webform-component > input.error {
        border: 1px solid #e30613; }
    .webform-client-form > div .webform-component .form-type-checkbox {
      display: block; }
    .webform-client-form > div .webform-component .select-wrapper:after {
      background: url("../img/dropdown-arrow.png") no-repeat scroll right 4px #f6f6f6;
      content: "";
      display: inline-block;
      height: 27px;
      width: 28px;
      pointer-events: none;
      margin-bottom: -5px;
      margin-left: -29px; }
    .webform-client-form > div .webform-component .form-select {
      -webkit-appearance: none;
      /*Removes default chrome and safari style*/
      -moz-appearance: none;
      /*Removes default firefox style*/
      appearance: none;
      text-indent: 0.01px;
      /* Removes default arrow from firefox*/
      text-overflow: "";
      /*Removes default arrow from firefox*/
      border-radius: 0;
      background-color: #f6f6f6;
      border: 1px solid #dadcdb;
      min-height: 30px;
      margin-bottom: 12px; }
      .webform-client-form > div .webform-component .form-select::-ms-expand {
        display: none; }
      .webform-client-form > div .webform-component .form-select.month, .webform-client-form > div .webform-component .form-select.day, .webform-client-form > div .webform-component .form-select.year {
        width: 120px; }
    .webform-client-form > div .webform-component .form-radios, .webform-client-form > div .webform-component .form-checkboxes {
      padding-bottom: 12px; }
    .webform-client-form > div .webform-component .form-item.form-type-radio {
      margin-bottom: 12px;
      position: relative; }
      .webform-client-form > div .webform-component .form-item.form-type-radio input[type="radio"] {
        display: none; }
        .webform-client-form > div .webform-component .form-item.form-type-radio input[type="radio"].error + label.option {
          border: 1px solid #e30613; }
        .webform-client-form > div .webform-component .form-item.form-type-radio input[type="radio"]:checked + label.option:before {
          content: "\2022";
          color: #4b565d;
          font-size: 26px;
          text-align: center;
          line-height: 15px; }
      .webform-client-form > div .webform-component .form-item.form-type-radio label.option {
        display: inline-block;
        position: relative;
        padding-left: 25px;
        margin-right: 15px; }
        .webform-client-form > div .webform-component .form-item.form-type-radio label.option:before {
          background-color: #f6f6f6;
          border: 1px solid #dadcdb;
          border-radius: 7px;
          content: "";
          display: inline-block;
          height: 14px;
          position: absolute;
          margin-right: 10px;
          width: 14px;
          left: 0;
          bottom: 2px; }
    .webform-client-form > div .webform-component .form-item.form-type-checkbox {
      position: relative; }
      .webform-client-form > div .webform-component .form-item.form-type-checkbox input[type="checkbox"] {
        display: none; }
        .webform-client-form > div .webform-component .form-item.form-type-checkbox input[type="checkbox"].error + label.option {
          border: 1px solid #e30613; }
        .webform-client-form > div .webform-component .form-item.form-type-checkbox input[type="checkbox"]:checked + label.option:before {
          background-image: url("../img/checkmark.png") no-repeat;
          background: url("../img/checkmark.png") no-repeat scroll center center #f6f6f6;
          color: #4b565d;
          font-size: 26px;
          text-align: center;
          line-height: 15px; }
      .webform-client-form > div .webform-component .form-item.form-type-checkbox label.option {
        display: inline-block;
        position: relative;
        padding-left: 25px;
        margin-right: 15px; }
        .webform-client-form > div .webform-component .form-item.form-type-checkbox label.option:before {
          background-color: #f6f6f6;
          border: 1px solid #dadcdb;
          content: "";
          display: inline-block;
          height: 14px;
          position: absolute;
          margin-right: 10px;
          width: 14px;
          left: 0;
          bottom: 2px; }
    .webform-client-form > div .webform-component .form-textarea-wrapper textarea {
      width: 221px;
      background-color: #f6f6f6;
      border: 1px solid #dadcdb;
      border-radius: 0; }

/*
 * Tooltip
 */
.paragraphs-item-tooltip {
  position: relative;
  margin-bottom: 24px; }
  .paragraphs-item-tooltip .tooltip-pic-wrapper {
    height: 130px;
    overflow: hidden; }
    .paragraphs-item-tooltip .tooltip-pic-wrapper.zoom-in img {
      width: 100%;
      -moz-transition: transform 1.4s;
      -o-transition: transform 1.4s;
      -webkit-transition: transform 1.4s;
      transition: transform 1.4s; }
  .paragraphs-item-tooltip .tooltip-text-wrapper {
    background-color: #eceded;
    overflow: hidden;
    box-sizing: border-box; }
    .paragraphs-item-tooltip .tooltip-text-wrapper .tooltip-text {
      padding: 5%;
      vertical-align: middle;
      overflow: hidden;
      box-sizing: border-box; }
      .paragraphs-item-tooltip .tooltip-text-wrapper .tooltip-text .tooltip-text-inner {
        position: absolute;
        right: 0;
        left: 0;
        background-color: #eceded;
        box-sizing: border-box;
        padding: 6%;
        bottom: 0; }
        .paragraphs-item-tooltip .tooltip-text-wrapper .tooltip-text .tooltip-text-inner .tooltip-title {
          line-height: 1.2;
          font-family: 'Open Sans Condensed', sans-serif;
          font-size: 15px;
          font-weight: bold;
          color: #4b565d;
          text-align: left; }
        .paragraphs-item-tooltip .tooltip-text-wrapper .tooltip-text .tooltip-text-inner .tooltip-text-text {
          max-height: 70px;
          position: relative;
          overflow: hidden;
          -moz-transition: max-height 0.7s;
          -o-transition: max-height 0.7s;
          -webkit-transition: max-height 0.7s;
          transition: max-height 0.7s; }
    .paragraphs-item-tooltip .tooltip-text-wrapper .tooltip-gradient {
      background: url("../img/vorteile_spacer.png") repeat-x scroll left top transparent !important;
      height: 39px;
      margin-bottom: 30px;
      position: absolute;
      bottom: 0;
      -moz-transition: opacity 0.7s;
      -o-transition: opacity 0.7s;
      -webkit-transition: opacity 0.7s;
      transition: opacity 0.7s;
      width: 94%; }
    .paragraphs-item-tooltip .tooltip-text-wrapper .tooltip-more {
      color: #e30613;
      background-color: #eceded;
      position: absolute;
      bottom: 0;
      opacity: 1;
      -moz-transition: opacity 0.7s;
      -o-transition: opacity 0.7s;
      -webkit-transition: opacity 0.7s;
      transition: opacity 0.7s;
      width: 94%;
      height: 30px; }
      .paragraphs-item-tooltip .tooltip-text-wrapper .tooltip-more .plus {
        display: block;
        float: left;
        font-size: 19px;
        height: 27px;
        padding-right: 3px;
        margin-top: -6px; }
  .paragraphs-item-tooltip:hover .tooltip-pic-wrapper.zoom-in img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2); }
  .paragraphs-item-tooltip:hover .tooltip-text-wrapper .tooltip-text .tooltip-text-inner .tooltip-text-text {
    max-height: 1024px !important;
    position: relative;
    -moz-transition: max-height 3.4s;
    -o-transition: max-height 3.4s;
    -webkit-transition: max-height 3.4s;
    transition: max-height 3.4s; }
  .paragraphs-item-tooltip:hover .tooltip-text-wrapper .tooltip-gradient, .paragraphs-item-tooltip:hover .tooltip-text-wrapper .tooltip-more {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 0; }

/*
 * Worldmap
 */
#worldmap-container {
  position: relative; }

#worldmap-overlay {
  opacity: 0;
  position: absolute;
  min-height: 140px;
  max-height: 320px;
  width: 350px;
  overflow: auto;
  background-color: #f0f5f7; }
  #worldmap-overlay .overlay-close {
    color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
    background-color: #adafb1;
    background-color: rgba(173, 175, 177, 0.8);
    -webkit-transition: background-color 0.4s ease, color 0.4s ease;
    transition: background-color 0.4s ease, color 0.4s ease;
    z-index: 120; }
    #worldmap-overlay .overlay-close:hover {
      color: #adafb1;
      background-color: #ffffff;
      background-color: rgba(255, 255, 255, 0.8); }
  #worldmap-overlay .overlay-text .overlay-image {
    width: 100%;
    height: auto;
    margin-bottom: 8px; }
  #worldmap-overlay .overlay-text h4, #worldmap-overlay .overlay-text p {
    margin-left: 8px; }
  #worldmap-overlay .overlay-text .overlay-more {
    background-color: #e5241d;
    text-align: right;
    line-height: 24px;
    padding: 8px 14px 12px 0;
    margin: 0; }
    #worldmap-overlay .overlay-text .overlay-more a {
      color: #ffffff;
      font-size: 15px;
      display: inline-block;
      font-weight: normal;
      left: 0; }
      #worldmap-overlay .overlay-text .overlay-more a:before {
        color: #ffffff; }
      #worldmap-overlay .overlay-text .overlay-more a:hover {
        color: #ffffff; }

#firstcontentcontainer #block-system-main.block .field-items ul li.google-visualization-tooltip-item {
  background: none; }

/*
 * CSS für Paragraph Picture
 */
.field-name-field-paragraph-picture {
  text-align: center; }
  .field-name-field-paragraph-picture img {
    padding-top: 4px; }

/*# sourceMappingURL=paragraphs.css.map */