/*! Flat - Responsive Pricing Tables.1.2 - 2017-01-31 */
/* reob 221107 - Änderungen für Winter - Farben:
Original: .flat-style2-orangePeel wird zu .flat-style2-orangePeel-winter */
.flat-style2-orangePeel-winter .pt-back,
.flat-style2 .flat-style2-orangePeel-winter .pt-back {
  background-color: #a0bbce;
}
.flat-style2-orangePeel-winter .pt-title,
.flat-style2 .flat-style2-orangePeel-winter .pt-title {
  color: #fff;
}
.flat-style2-orangePeel-winter .pt-content-winter,
.flat-style2 .flat-style2-orangePeel-winter .pt-content {
  background-color: #8da5b5;
}
.flat-style2-orangePeel-winter .pt-price,
.flat-style2 .flat-style2-orangePeel-winter .pt-price {
  color: #fff;
}
.flat-style2-orangePeel-winter .pt-btn,
.flat-style2 .flat-style2-orangePeel-winter .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: #e2520d; /* ACHTUNG - LESEN! 221122 reob: UNKLAR! - Button Farbe - Hover Button?? NB. Änderungen bei pricing-tables.css, weil Änderungen hier keine Auswirkung hat!?? (wahrscheinlich wegen ...sommer.css) */
}
.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: #ff9700; /* ACHTUNG - LESEN! reob 221122 Original: color: #939393; Hover Farbe AUSSEN NB. Änderungen bei pricing-tables.css, weil Änderungen hier keine Auswirkung hat!?? (wahrscheinlich wegen ...sommer.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: #ffeed6;
}
.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: #cbccb8; /* ACHTUNG - LESEN! reob 221122 Original: color: #939393; Hover Farbe INNEN NB. Änderungen bei pricing-tables.css, weil Änderungen hier keine Auswirkung hat!?? (wahrscheinlich wegen ...sommer.css) */
}
.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; /* ACHTUNG - LESEN! 221122 reob: Hover Schrift Farbe INNEN NB. Änderungen bei pricing-tables.css, weil Änderungen hier keine Auswirkung hat!?? (wahrscheinlich wegen ...sommer.css) */
}
.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: #9c0f2e; /* 221122 reob: Button Farbe -  /* 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: #e2520d; /* ACHTUNG - LESEN! 221122 reob: Button Farbe - Hover Button NB. Änderungen bei pricing-tables.css, weil Änderungen hier keine Auswirkung hat!?? (wahrscheinlich wegen ...sommer.css) */
}
.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: #e2520d; /* ACHTUNG - LESEN! 221122 reob: UNKLAR! - Button Farbe - Hover Button?? NB. Änderungen bei pricing-tables.css, weil Änderungen hier keine Auswirkung hat!?? (wahrscheinlich wegen ...sommer.css) */
}
.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;
}