@charset "UTF-8";
body, html {
  width: 100%;
  height: 100%;
  font-family: "Open Sans", "Arial", sans-serif; }

body, html, div, p, img, h1 {
  margin: 0;
  padding: 0; }

p {
  margin: 10px 0 5px; }

h1 {
  font-weight: normal;
  color: #000; }

a {
	color:inherit;
	text-decoration: none;
}
  
.arrow {
  color: #e3000f; }

#wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer; }

#txt_container {
  position: relative; }

#button {
  font-size: 16px;
  line-height: 32px;
  position: absolute;
  bottom: 0;
  padding: 0 20px;
  border-radius: 3px;
  color: #fff;
  background-color: #e3000f;
  height: 30px; }

#more {
  font-weight: 600; }

#img_container {
  position: relative;
  float: left; }
  #img_container #image, #img_container #image_border {
    height: 100%;
    width: 100%;
    max-width: 400px;
    max-height: 225px; }
  #img_container #image_border {
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    border-color: #ddddd8;
    position: absolute;
    top: 0;
    left: 0; }
  #img_container #image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0; }

/* DEV ONLY */
.testdiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 20px;
  background-color: black;
  color: white;
  font-size: 12px; }

/* DEV ONLY END*/
/**************** Formatabhängig ******************/
#wrapper {
  font-size: 11px;
  line-height: 12px;
  /*!
  DEV ONLY
  */
  /*!
  DEV ONLY END
  */ }
  #wrapper #f160_600,
  #wrapper #f800_250,
  #wrapper #f970_250,
  #wrapper #f300_600,
  #wrapper #f300_250,
  #wrapper #f728_90,
  #wrapper #f640_480,
  #wrapper #f800_600 {
    display: none; }
  #wrapper #f160_600 {
    display: block; }
  #wrapper h1 {
    font-size: 13px;
    line-height: 14px;
    font-weight: 600; }
  #wrapper p {
    margin: 0; }
  #wrapper #img_container {
    width: 100%;
    height: 50%; }
  #wrapper #txt_container {
    margin: 0;
    float: left;
    width: 100%;
    height: 50%; }
  #wrapper #button {
    display: none; }
  #wrapper #more {
    display: block; }

@media (min-width: 180px) and (min-height: 240px) {
  #wrapper {
    /* DEV ONLY */
    /* DEV ONLY END*/
    font-size: 12px;
    line-height: 14px; }
    #wrapper #f160_600,
    #wrapper #f800_250,
    #wrapper #f970_250,
    #wrapper #f300_600,
    #wrapper #f300_250,
    #wrapper #f728_90,
    #wrapper #f640_480,
    #wrapper #f800_600 {
      display: none; }
    #wrapper #f800_250 {
      display: block; }
    #wrapper h1 {
      font-size: 15px;
      line-height: 18px;
      font-weight: 600; }
    #wrapper p {
      margin: 0; }
    #wrapper #img_container {
      width: 100%;
      height: 52%; }
    #wrapper #txt_container {
      margin: 0;
      float: left;
      width: 100%;
      height: 46%;
      margin-top: 2%; }
    #wrapper #button {
      display: none; }
    #wrapper #more {
      display: block; } }

@media (min-width: 222px) and (min-height: 238px) {
  #wrapper {
    /* DEV ONLY */
    /* DEV ONLY END*/
    font-size: 12px;
    line-height: 14px; }
    #wrapper #f160_600,
    #wrapper #f800_250,
    #wrapper #f970_250,
    #wrapper #f300_600,
    #wrapper #f300_250,
    #wrapper #f728_90,
    #wrapper #f640_480,
    #wrapper #f800_600 {
      display: none; }
    #wrapper #f970_250 {
      display: block; }
    #wrapper h1 {
      font-size: 15px;
      line-height: 18px;
      font-weight: 600; }
    #wrapper p {
      margin: 5px 0; }
    #wrapper #img_container {
      width: 100%;
      height: 54%; }
    #wrapper #txt_container {
      margin: 0;
      float: left;
      width: 100%;
      height: 44%;
      margin-top: 2%; }
    #wrapper #button {
      display: none; }
    #wrapper #more {
      display: block; } }

@media (min-width: 278px) and (min-height: 278px) {
  #wrapper {
    /* DEV ONLY */
    /* DEV ONLY END*/
    font-size: 12px;
    line-height: 14px; }
    #wrapper #f160_600,
    #wrapper #f800_250,
    #wrapper #f970_250,
    #wrapper #f300_600,
    #wrapper #f300_250,
    #wrapper #f728_90,
    #wrapper #f640_480,
    #wrapper #f800_600 {
      display: none; }
    #wrapper #f300_600 {
      display: block; }
    #wrapper h1 {
      font-size: 15px;
      line-height: 18px;
      font-weight: 600; }
    #wrapper #img_container {
      width: 100%;
      height: 56%; }
    #wrapper #txt_container {
      margin: 0;
      float: left;
      width: 100%;
      height: 42%;
      margin-top: 2%; }
    #wrapper #button {
      display: none; }
    #wrapper #more {
      display: block; } }

@media (min-width: 282px) and (min-height: 107px) {
  #wrapper {
    /* DEV ONLY */
    /* DEV ONLY END*/
    font-size: 11px;
    line-height: 12px; }
    #wrapper #f160_600,
    #wrapper #f800_250,
    #wrapper #f970_250,
    #wrapper #f300_600,
    #wrapper #f300_250,
    #wrapper #f728_90,
    #wrapper #f640_480,
    #wrapper #f800_600 {
      display: none; }
    #wrapper #f300_250 {
      display: block; }
    #wrapper h1 {
      font-size: 13px;
      line-height: 14px;
      font-weight: 600; }
    #wrapper p {
      margin: 0; }
    #wrapper #img_container {
      width: 45%;
      height: 100%;
      max-width: 130px;
      max-height: 90px; }
    #wrapper #txt_container {
      margin-left: 3%;
      float: left;
      width: 52%;
      height: 100%; }
    #wrapper #button {
      display: none; }
    #wrapper #more {
      display: block; } }

@media (min-width: 344px) and (min-height: 80px) {
  #wrapper {
    /* DEV ONLY */
    /* DEV ONLY END*/
    font-size: 11px;
    line-height: 12px; }
    #wrapper #f160_600,
    #wrapper #f800_250,
    #wrapper #f970_250,
    #wrapper #f300_600,
    #wrapper #f300_250,
    #wrapper #f728_90,
    #wrapper #f640_480,
    #wrapper #f800_600 {
      display: none; }
    #wrapper #f728_90 {
      display: block; }
    #wrapper h1 {
      font-size: 13px;
      line-height: 14px;
      font-weight: 600; }
    #wrapper p {
      margin: 0; }
    #wrapper #img_container {
      width: 40%;
      height: 100%;
      max-width: inherit !important;
      max-height: inherit !important; }
    #wrapper #txt_container {
      margin-left: 3%;
      float: left;
      width: 57%;
      height: 100%; }
    #wrapper #button {
      display: none; }
    #wrapper #more {
      display: block; } }

@media (min-width: 608px) and (min-height: 122px) {
  #wrapper {
    /* DEV ONLY */
    /* DEV ONLY END*/
    height: 100%;
    font-size: 14px;
    line-height: 18px; }
    #wrapper #f160_600,
    #wrapper #f800_250,
    #wrapper #f970_250,
    #wrapper #f300_250,
    #wrapper #f300_600,
    #wrapper #f728_90,
    #wrapper #f640_480,
    #wrapper #f800_600 {
      display: none; }
    #wrapper #f640_480 {
      display: block; }
    #wrapper #img_container {
      width: 35%;
      height: 100%;
      max-width: inherit !important;
      max-height: inherit !important; }
    #wrapper #txt_container {
      margin-left: 3%;
      float: left;
      width: 62%;
      height: 100%; }
    #wrapper h1 {
      font-size: 20px;
      line-height: 21px;
      margin-top: 2px;
      font-weight: normal; }
    #wrapper #button {
      height: 25px;
      font-size: 14px;
      line-height: 23px;
      display: block; }
    #wrapper #more {
      display: none; } }

@media (min-width: 758px) and (min-height: 152px) {
  #wrapper {
    /* DEV ONLY */
    /* DEV ONLY END*/
    font-size: 18px;
    line-height: 22px; }
    #wrapper #f160_600,
    #wrapper #f800_250,
    #wrapper #f970_250,
    #wrapper #f300_600,
    #wrapper #f300_250,
    #wrapper #f728_90,
    #wrapper #f640_480,
    #wrapper #f800_600 {
      display: none; }
    #wrapper #f800_600 {
      display: block; }
    #wrapper h1 {
      font-size: 25px;
      line-height: 26px;
      margin-top: 2px;
      font-weight: normal; }
    #wrapper #img_container {
      width: 35%;
      height: 100%;
      max-width: 263px;
      max-height: 185px; }
    #wrapper #txt_container {
      margin: 0 0 0 3%;
      float: left;
      width: 62%;
      height: 100%; }
    #wrapper #button {
      display: block;
      height: 30px;
      font-size: 16px;
      line-height: 30px; }
    #wrapper #more {
      display: none; } }