/*! Flat - Responsive Pricing Tables.1.2 - 2017-01-31 */
.flat-style2-orangePeel .pt-back,
.flat-style2 .flat-style2-orangePeel .pt-back {
  background-color: #c9d8ab;
}
.flat-style2-orangePeel .pt-title,
.flat-style2 .flat-style2-orangePeel .pt-title {
  color: #fff;
}
.flat-style2-orangePeel .pt-content,
.flat-style2 .flat-style2-orangePeel .pt-content {
  background-color: #b3c199;
}
.flat-style2-orangePeel .pt-price,
.flat-style2 .flat-style2-orangePeel .pt-price {
  color: #fff;
}
.flat-style2-orangePeel .pt-btn,
.flat-style2 .flat-style2-orangePeel .pt-btn {
  background-color: #9c0f2e; /* 221122 reob: Button Farbe - rot vom Logo */
  color: #fff;
}
.flat-style2-orangePeel .pt-btn:hover,
.flat-style2 .flat-style2-orangePeel .pt-btn:hover,
.flat-style2-orangePeel .pt-btn:focus,
.flat-style2 .flat-style2-orangePeel .pt-btn:focus {
  background-color: #8a8a8a; /* 221122 reob: UNKLAR! - Button Farbe - Hover Button?? */
}
.flat-style2-orangePeel .pt-list,
.flat-style2 .flat-style2-orangePeel .pt-list {
  color: #fff;
}
.flat-style2-orangePeel .pt-cols .pt-col:nth-child(n) .pt-block.pt-not-available:nth-child(n) .pt-back,
.flat-style2 .pt-cols .flat-style2-orangePeel.pt-col:nth-child(n) .pt-block.pt-not-available:nth-child(n) .pt-back {
  background-color: #364b59;
}
.flat-style2-orangePeel .pt-selected .pt-back,
.flat-style2 .flat-style2-orangePeel .pt-selected .pt-back,
.flat-style2-orangePeel[class*='pt-animation-'] .pt-col .pt-block:hover .pt-back,
.flat-style2[class*='pt-animation-'] .flat-style2-orangePeel.pt-col .pt-block:hover .pt-back {
  background-color: #cbccb8; /* 221122 reob: Hover Farbe AUSSEN NB. Bei 2 oder mehreren .css (z.B. Winter) hat offensichtlich nur die 1. .css Auswirkungen - Rest global über pricing-tables.css */
  -webkit-box-shadow: 0 0 10px 1px #666;
  box-shadow: 0 0 10px 1px #666;
}
.flat-style2-orangePeel .pt-selected .pt-title,
.flat-style2 .flat-style2-orangePeel .pt-selected .pt-title,
.flat-style2-orangePeel[class*='pt-animation-'] .pt-col .pt-block:hover .pt-title,
.flat-style2[class*='pt-animation-'] .flat-style2-orangePeel.pt-col .pt-block:hover .pt-title {
  color: #fff;
}
.flat-style2-orangePeel .pt-selected .pt-content,
.flat-style2 .flat-style2-orangePeel .pt-selected .pt-content,
.flat-style2-orangePeel[class*='pt-animation-'] .pt-col .pt-block:hover .pt-content,
.flat-style2[class*='pt-animation-'] .flat-style2-orangePeel.pt-col .pt-block:hover .pt-content {
  background-color: #e5e6dc; /* 221122 reob: Hover Farbe INNEN NB. Bei 2 oder mehreren .css (z.B. Winter) hat offensichtlich nur die 1. .css Auswirkungen - Rest global über pricing-tables.css */
}
.flat-style2-orangePeel .pt-selected .pt-price,
.flat-style2 .flat-style2-orangePeel .pt-selected .pt-price,
.flat-style2-orangePeel[class*='pt-animation-'] .pt-col .pt-block:hover .pt-price,
.flat-style2[class*='pt-animation-'] .flat-style2-orangePeel.pt-col .pt-block:hover .pt-price {
  color: #a0a191; /* 221122 reob: Hover Schrift Farbe INNEN */
}
.flat-style2-orangePeel .pt-selected .pt-list,
.flat-style2 .flat-style2-orangePeel .pt-selected .pt-list,
.flat-style2-orangePeel[class*='pt-animation-'] .pt-col .pt-block:hover .pt-list,
.flat-style2[class*='pt-animation-'] .flat-style2-orangePeel.pt-col .pt-block:hover .pt-list {
  color: #787878;
}
.flat-style2-orangePeel .pt-selected .pt-btn,
.flat-style2 .flat-style2-orangePeel .pt-selected .pt-btn,
.flat-style2-orangePeel[class*='pt-animation-'] .pt-col .pt-block:hover .pt-btn,
.flat-style2[class*='pt-animation-'] .flat-style2-orangePeel.pt-col .pt-block:hover .pt-btn {
  background-color: #535353; /* 221122 reob: Button Farbe - Hover BOX (nicht Hover Button) */
  color: #fff;
}
.flat-style2-orangePeel .pt-selected .pt-btn:hover,
.flat-style2 .flat-style2-orangePeel .pt-selected .pt-btn:hover,
.flat-style2-orangePeel[class*='pt-animation-'] .pt-col .pt-block:hover .pt-btn:hover,
.flat-style2[class*='pt-animation-'] .flat-style2-orangePeel.pt-col .pt-block:hover .pt-btn:hover,
.flat-style2-orangePeel .pt-selected .pt-btn:focus,
.flat-style2 .flat-style2-orangePeel .pt-selected .pt-btn:focus,
.flat-style2-orangePeel[class*='pt-animation-'] .pt-col .pt-block:hover .pt-btn:focus,
.flat-style2[class*='pt-animation-'] .flat-style2-orangePeel.pt-col .pt-block:hover .pt-btn:focus {
  background-color: #8a8a8a; /* 221122 reob: Button Farbe - Hover Button */
}
.flat-style2-orangePeel .pt-cols .pt-col:nth-child(n) .pt-block.pt-not-available:nth-child(n) .pt-title,
.flat-style2 .pt-cols .flat-style2-orangePeel.pt-col:nth-child(n) .pt-block.pt-not-available:nth-child(n) .pt-title,
.flat-style2-orangePeel[class*='pt-animation-']:hover .pt-selected .pt-title,
.flat-style2[class*='pt-animation-']:hover .flat-style2-orangePeel .pt-selected .pt-title {
  color: #fff;
}
.flat-style2-orangePeel .pt-cols .pt-col:nth-child(n) .pt-block.pt-not-available:nth-child(n) .pt-content,
.flat-style2 .pt-cols .flat-style2-orangePeel.pt-col:nth-child(n) .pt-block.pt-not-available:nth-child(n) .pt-content,
.flat-style2-orangePeel[class*='pt-animation-']:hover .pt-selected .pt-content,
.flat-style2[class*='pt-animation-']:hover .flat-style2-orangePeel .pt-selected .pt-content {
  background-color: #b1ac98;
}
.flat-style2-orangePeel .pt-cols .pt-col:nth-child(n) .pt-block.pt-not-available:nth-child(n) .pt-price,
.flat-style2 .pt-cols .flat-style2-orangePeel.pt-col:nth-child(n) .pt-block.pt-not-available:nth-child(n) .pt-price,
.flat-style2-orangePeel[class*='pt-animation-']:hover .pt-selected .pt-price,
.flat-style2[class*='pt-animation-']:hover .flat-style2-orangePeel .pt-selected .pt-price {
  color: #fff;
}
.flat-style2-orangePeel .pt-cols .pt-col:nth-child(n) .pt-block.pt-not-available:nth-child(n) .pt-list,
.flat-style2 .pt-cols .flat-style2-orangePeel.pt-col:nth-child(n) .pt-block.pt-not-available:nth-child(n) .pt-list,
.flat-style2-orangePeel[class*='pt-animation-']:hover .pt-selected .pt-list,
.flat-style2[class*='pt-animation-']:hover .flat-style2-orangePeel .pt-selected .pt-list {
  color: #fff;
}
.flat-style2-orangePeel[class*='pt-animation-']:hover .pt-selected .pt-back,
.flat-style2[class*='pt-animation-']:hover .flat-style2-orangePeel .pt-selected .pt-back {
  background-color: #625d4a;
}
.flat-style2-orangePeel[class*='pt-animation-']:hover .pt-selected .pt-btn,
.flat-style2[class*='pt-animation-']:hover .flat-style2-orangePeel .pt-selected .pt-btn {
  background-color: #9c0f2e; /* 221122 reob: Button Farbe - rot vom Logo */
  color: #fff;
}
.flat-style2-orangePeel[class*='pt-animation-']:hover .pt-selected .pt-btn:hover,
.flat-style2[class*='pt-animation-']:hover .flat-style2-orangePeel .pt-selected .pt-btn:hover,
.flat-style2-orangePeel[class*='pt-animation-']:hover .pt-selected .pt-btn:focus,
.flat-style2[class*='pt-animation-']:hover .flat-style2-orangePeel .pt-selected .pt-btn:focus {
  background-color: #8a8a8a; /* 221122 reob: UNKLAR! Button Farbe - Hover Button */
}
.flat-style2-orangePeel .pt-tooltip .pt-tooltip-content,
.flat-style2 .flat-style2-orangePeel .pt-tooltip .pt-tooltip-content {
  background-color: #331e00;
  border-color: #331e00;
}
.flat-style2-orangePeel .pt-tooltip .pt-tooltip-content .pt-tooltip-heading,
.flat-style2 .flat-style2-orangePeel .pt-tooltip .pt-tooltip-content .pt-tooltip-heading {
  border-bottom-color: #5c3600;
}
.flat-style2-orangePeel .pt-tooltip .pt-tooltip-content .pt-tooltip-center-line span:before,
.flat-style2 .flat-style2-orangePeel .pt-tooltip .pt-tooltip-content .pt-tooltip-center-line span:before,
.flat-style2-orangePeel .pt-tooltip .pt-tooltip-content .pt-tooltip-center-line span:after,
.flat-style2 .flat-style2-orangePeel .pt-tooltip .pt-tooltip-content .pt-tooltip-center-line span:after {
  background-color: #5c3600;
}
