@charset "UTF-8";

/* ----------
   START CARD
   ---------- */


@media all
{

.modul .card, .modul-card {
    max-width: 240px;
}

.card_bg-color {
    background-color: #333 !important;
}

.card_fg-color {
    color: #fff !important;
}

.card_highlight-color {
    color: #00f !important;
}

.card a {
  font-weight: normal !important;
}

.card h1 {
  padding: 6px 2px 6px 20px !important;
  font-size: 120% !important;
}

.card p {
  padding: 16px 20px 4px 20px !important;
  background-color: transparent !important;
}

.card hr {
    padding: 1px 0px;
    background-color: #eee;
    border: none;
    margin: 0px 20px;
}

.card .image-map-container,
.card .image-map-container img,
.card img,
.card a img {
  display: block !important;
  overflow: visible !important;
  position: relative;
/*  margin: 0px auto 0px auto; */
  margin: 0px;
  padding: 0px;
}

.card {
  height: auto;
  width: auto;
/*  width: 100%; */
  position: relative;
  display: block;
  background-color: transparent;
  border: 2px #eee solid;
  border-radius: 2px;
  padding: 0px;
  margin-bottom: 20px;

  /* card Schatten */
  -webkit-box-shadow: 0px 30px 20px -20px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 30px 20px -20px rgba(0,0,0,0.25);
  box-shadow: 0px 30px 20px -20px rgba(0,0,0,0.25);

  /* card Verlauf */
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(250,250,250,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(250,250,250,1)), color-stop(100%, rgba(250,250,250,1)));
  background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(250,250,250,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(250,250,250,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(250,250,250,1) 100%);
  background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(250,250,250,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=1 );
}

.modul .card {
  margin-bottom: 40px;
}

.card_button {
  padding: 6px 24px !important;
  display: inline-block !important;
  font-size: 14px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  text-align: center !important;
  border: none !important;
  border-radius: 4px !important;
  color: #333;
  background-color: #ccc;
}

.card_angebot {
  padding: 12px 4px 4px 70px;
  display: block;
  background-color: transparent;
  background-image: none;
  background-position: 4px 12px;
  background-repeat: no-repeat;
}

.card_angebot.card_small {
  padding: 0px 4px 4px 28px;
  background-position: 4px 16px; 
  background-size: 35px;
}

.card_preis {
  display: inline !important;
  padding: 0px !important;
  background-color: transparent !important;
  font-size: 180%;
  font-weight: bold;
}

.card_image {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 1px auto 0px auto;
  background-color: transparent;
  background-image: none;
  background-position: 50% 50%; 
  background-repeat: no-repeat;
}

.card_icon_jetzt-neu {
  display: block;
  overflow: visible;
  width: 86px;
  height: 86px;
  background-color: transparent;
  background-image: url( '../../content/media/card_bg_icon_jetzt-neu-158.png' );
  background-position: top left ; 
  background-repeat: no-repeat;
  position: absolute;
  top: -22px;
  left: 174px;
}


} /* @media all */


@media ( max-width: 739px )
{
  .modul .card, .modul-card {
      margin-left: auto;
      margin-right: auto;
  }
}  /* @media max-width: 739px */


/* --------
   END CARD
   -------- */