#form_news_div {
   display: table;
   width: 100%;
}
#form_news_form {
   display: table-cell;
   vertical-align: middle;
}

/* cookie consent */

.btn-imtext {
  display: inline-block;
  padding: 0px 0px;
  margin: 0px;
  margin-bottom: 2px;  
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 0px transparent;
  border-radius: 0px;
}


.btn-href { 
  text-decoration: underline;
  color: #000000;
}

.btn-gruen-dunkel { 
  color: #E1E4E1;
  background-color: #17A119;
  display: inline-block;
  width: 90%; 
  padding: 3px 8px;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 0px solid;
  border-color: Silver;
  border-radius: 4px;  
  }

.btn-gruen-dunkel:hover {
  color: #E1E4E1;
  background-color: #0B960D;
}



/* Filter Aboseite Zeilenumbruch je nach Breite des Bildschirms */
@media(min-width:1px)     { .filter_br1 { display: inline-block; } }
@media(min-width:600px) 	{ .filter_br1 { display: none; } }
@media(min-width:1px)     { .filter_br2 { display: inline-block; } }
@media(min-width:380px) 	{ .filter_br2 { display: none; } }

.btn-rosa { 
  color: #000000;
  background-color: #FFF4FA;
  display: inline-block;
  padding: 3px 8px;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid;
  border-color: Silver;
  border-radius: 4px;  
  }

.btn-rosa:hover {
  background-color: #FFE1F0;
}

.btn-rosa-dunkel { 
  color: #000000;
  background-color: #FFE1F0;
  display: inline-block;
  padding: 3px 8px;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid;
  border-color: Silver;
  border-radius: 4px;  
  }

.btn-rosa-dunkel:hover {
  background-color: #FFF4FA;
}


.btn-normal { 
  color: #000000;
  background-color: #FFFFFF;
  display: inline-block;
  padding: 3px 8px;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid;
  border-color: Silver;
  border-radius: 4px;  
  }

.btn-normal:hover {
  background-color: #FFF4FA;
}

.modal-footer-2 {
  padding: 15px;
  border-top: 1px solid #e5e5e5;
}

.modal-footer-2-left { 
  display: inline-block;
  text-align: left;
  }
.modal-footer-2-right { 
  display: inline-block;
  text-align: right;
  }

/* Bootstrap Toggle: bootstrap-toggle.css v2.2.0  http://www.bootstraptoggle.com */

.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.toggle{position:relative;overflow:hidden}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
.toggle.btn{min-width:59px;min-height:34px}
.toggle-on.btn{padding-right:24px}
.toggle-off.btn{padding-left:24px}
.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}

.toggle-table01 {margin:5px}
.toggle-table02 {padding:5px}
.toggle-table03 {border-collapse: collapse;}


#cookie_banner a {color:#000; text-decoration:none;}

#cookie_banner div {padding:10px; padding-right:40px;}

#cookie_banner { 
   outline: 1px solid #7b92a9; 
   text-align:center; 
   border-top:1px solid #fff;
   background: #FFE1F0; 
   background: -moz-linear-gradient(top, #FFE1F0 0%, #FFF4FA 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF4FA), color-stop(100%,#FFF4FA)); 
   background: -webkit-linear-gradient(top, #FFF4FA 0%,#FFF4FA 100%); 
   background: -o-linear-gradient(top, #FFF4FA 0%,#FFF4FA 100%);
   background: -ms-linear-gradient(top, #FFF4FA 0%,#FFF4FA 100%); 
   background: linear-gradient(to bottom, #FFF4FA 0%,#FFF4FA 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#FFF4FA', endColorstr='#FFF4FA',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size: 0.95em;
   line-height: 1em;}

#cookie_banner_closer {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookie_banner_closer:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}


/* siehe Doku CSS Modell */

.text-danger-sws {
	font-weight:600;	
	color: #FF0000;
}


/* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */
.sprite04_div_img {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ddd;
  max-width: 80px;
  padding: 3px;
  margin-bottom: 5px;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}  
 
.sprite04_gutschein_bestchoice_standard,
.sprite04_gutschein_bestchoice_premium,
.sprite04_gutschein_otto,
.sprite04_gutschein_allyouneed,
.sprite04_gutschein_zalando,
.sprite04_gutschein_payback,
.sprite04_gutschein_amazon,
.sprite04_gutschein_mediamarkt,
.sprite04_gutschein_douglas,
.sprite04_gutschein_ikea,
.sprite04_gutschein_rossmann,
.sprite04_gutschein_kinobon,
.sprite04_gutschein_h_und_m,
.sprite04_gutschein_cyberport,
.sprite04_gutschein_tchibo,
.sprite04_gutschein_buch_de,
.sprite04_gutschein_wmf,
.sprite04_gutschein_aral,
.sprite04_gutschein_shoppingbon,
.sprite04_gutschein_karstadt,
.sprite04_gutschein_jet,
.sprite04_gutschein_dm,
.sprite04_gutschein_saturn,
.sprite04_gutschein_galeria_kaufhof,
.sprite04_gutschein_christ,
.sprite04_gutschein_swarovski,
.sprite04_gutschein_jacques_weindepot,
.sprite04_gutschein_conrad,
.sprite04_gutschein_shell,
.sprite04_gutschein_rewe,
.sprite04_gutschein_toom,
.sprite04_gutschein_tankbon,
.sprite04_gutschein_praemien_fuer_sie,
.sprite04_gutschein_sachpraemien_klein,
.sprite04_gutschein_verrscheck,
.sprite04_gutschein_weitere
{  max-width: 100%; background-size: 100%; background-image:url('../grafiken/sprite04.png'); }   
 
 
.sprite04_gutschein_bestchoice_standard { background-position: 0 0%; background-size: 100%;  }
.sprite04_gutschein_bestchoice_premium { background-position: 0 2.702703%; background-size: 100%;  }
.sprite04_gutschein_otto { background-position: 0 5.405405%; background-size: 100%;  }
.sprite04_gutschein_allyouneed { background-position: 0 8.108108%; background-size: 100%;  }
.sprite04_gutschein_zalando { background-position: 0 10.810811%; background-size: 100%;  }
.sprite04_gutschein_payback { background-position: 0 13.513514%; background-size: 100%;  }
.sprite04_gutschein_amazon { background-position: 0 16.216216%; background-size: 100%;  }
.sprite04_gutschein_mediamarkt { background-position: 0 18.918919%; background-size: 100%;  }
.sprite04_gutschein_douglas { background-position: 0 21.621622%; background-size: 100%;  }
.sprite04_gutschein_ikea { background-position: 0 24.324324%; background-size: 100%;  }
.sprite04_gutschein_rossmann { background-position: 0 27.027027%; background-size: 100%;  }
.sprite04_gutschein_kinobon { background-position: 0 29.72973%; background-size: 100%;  }
.sprite04_gutschein_h_und_m { background-position: 0 32.432432%; background-size: 100%;  }
.sprite04_gutschein_cyberport { background-position: 0 35.135135%; background-size: 100%;  }
.sprite04_gutschein_tchibo { background-position: 0 37.837838%; background-size: 100%;  }
.sprite04_gutschein_buch_de { background-position: 0 40.540541%; background-size: 100%;  }
.sprite04_gutschein_wmf { background-position: 0 43.243243%; background-size: 100%;  }
.sprite04_gutschein_aral { background-position: 0 45.945946%; background-size: 100%;  }
.sprite04_gutschein_shoppingbon { background-position: 0 48.648649%; background-size: 100%;  }
.sprite04_gutschein_karstadt { background-position: 0 51.351351%; background-size: 100%;  }
.sprite04_gutschein_jet { background-position: 0 54.054054%; background-size: 100%;  }
.sprite04_gutschein_dm { background-position: 0 56.756757%; background-size: 100%;  }
.sprite04_gutschein_saturn { background-position: 0 59.459459%; background-size: 100%;  }
.sprite04_gutschein_galeria_kaufhof { background-position: 0 62.162162%; background-size: 100%;  }
.sprite04_gutschein_swarovski { background-position: 0 64.864865%; background-size: 100%;  }
.sprite04_gutschein_christ { background-position: 0 67.567568%; background-size: 100%;  }
.sprite04_gutschein_jacques_weindepot { background-position: 0 70.27027%; background-size: 100%;  }
.sprite04_gutschein_conrad { background-position: 0 72.972973%; background-size: 100%;  }
.sprite04_gutschein_shell { background-position: 0 75.675676%; background-size: 100%;  }
.sprite04_gutschein_rewe { background-position: 0 78.378378%; background-size: 100%;  }
.sprite04_gutschein_toom { background-position: 0 81.081081%; background-size: 100%;  }
.sprite04_gutschein_tankbon { background-position: 0 83.783784%; background-size: 100%;  }
.sprite04_gutschein_praemien_fuer_sie { background-position: 0 86.486486%; background-size: 100%;  }
.sprite04_gutschein_sachpraemien_klein { background-position: 0 89.189189%; background-size: 100%;  }
.sprite04_gutschein_verrscheck { background-position: 0 91.891892%; background-size: 100%;  }
.sprite04_gutschein_weitere { background-position: 0 94.594595%; background-size: 100%;  }

 
 
 
/*************   nur ANBIETERLOGOS (ohne Verlage) responsive für zB Aboseite ************* selbst gerneriert über Excel wie bei http://responsive-css.spritegen.com/ */ 
.sprite01_div_img {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 3px;
  margin: 1px;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
} 

.sprite01_img_thumbnail {      /*für die normalen nicht sprite Bilder */
  display: inline-block;
  max-width: 100%;
  height: auto;
  background-color: #fff;
}

@media(min-width:1px)     {.sprite01_div_img { margin-bottom: 20px;  margin-top: 20px; margin-left: -5px; margin-right: -5px; } }
@media(min-width:360px)   {.sprite01_div_img { margin-bottom: 22px;  margin-top: 19px; margin-left: -2px; margin-right: -2px; } }
@media(min-width:400px)   {.sprite01_div_img { margin-bottom: 24px;  margin-top: 18px; margin-left: 2px; margin-right: 2px; } }
@media(min-width:450px)   {.sprite01_div_img { margin-bottom: 7px;   margin-top: 5px; margin-left: 5px; margin-right: 5px; } }
@media(min-width:1200px)  {.sprite01_div_img { margin-bottom: 7px;   margin-top: 5px; margin-left: 5px; margin-right: 5px; } }

.sprite01_img_quer_width { width: 35px; }   /* siehe Doku CSS Modell */


@media(min-width:1px)       {.sprite01_img_rotate {   transform: rotate(90deg);  } }
@media(min-width:450px)     {.sprite01_img_rotate { transform: rotate(0deg); } }

.sprite01_externer_link_123lesespass_q,
.sprite01_externer_link_abodirekt_q,
.sprite01_externer_link_aboeinfach_q,
.sprite01_externer_link_abofreude_q,
.sprite01_externer_link_abomix_q,
.sprite01_externer_link_abopool_q,
.sprite01_externer_link_amazon_q,
.sprite01_externer_link_bauermedia_q,
.sprite01_externer_link_burdadirekt_q,
.sprite01_externer_link_burdamedia_q,
.sprite01_externer_link_condenastverlag_q,
.sprite01_externer_link_easyabo_q,
.sprite01_externer_link_familymedia_q,
.sprite01_externer_link_guj_q,
.sprite01_externer_link_hobbyfreizeit_q,
.sprite01_externer_link_kiosknews_q,
.sprite01_externer_link_kioskpresse_q,
.sprite01_externer_link_klambt_q,
.sprite01_externer_link_leserservice_q,
.sprite01_externer_link_lesershop24_q,
.sprite01_externer_link_lorenz_q,
.sprite01_externer_link_meinabo_q,
.sprite01_externer_link_meteor_q,
.sprite01_externer_link_motorpresse_q,
.sprite01_externer_link_onlinekiosk_q,
.sprite01_externer_link_unitedkiosk_q,
.sprite01_externer_link_verlag_q,
.sprite01_externer_link_waz_q,
.sprite01_externer_link_intan_q,
.sprite01_externer_link_roularta_q,
.sprite01_externer_link_abokoenig_q,
.sprite01_externer_link_abostar_q

{  max-width: 100%; background-size: 100%; background-image:url('../grafiken/sprite01.png'); }  

.sprite01_externer_link_123lesespass_q { background-position: 0 0%; background-size: 100%;  }
.sprite01_externer_link_abodirekt_q { background-position: 0 3.125%; background-size: 100%;  }
.sprite01_externer_link_aboeinfach_q { background-position: 0 6.25%; background-size: 100%;  }
.sprite01_externer_link_abofreude_q { background-position: 0 9.375%; background-size: 100%;  }
.sprite01_externer_link_abomix_q { background-position: 0 12.5%; background-size: 100%;  }
.sprite01_externer_link_abopool_q { background-position: 0 15.625%; background-size: 100%;  }
.sprite01_externer_link_amazon_q { background-position: 0 18.75%; background-size: 100%;  }
.sprite01_externer_link_bauermedia_q { background-position: 0 21.875%; background-size: 100%;  }
.sprite01_externer_link_burdadirekt_q { background-position: 0 25%; background-size: 100%;  }
.sprite01_externer_link_burdamedia_q { background-position: 0 28.125%; background-size: 100%;  }
.sprite01_externer_link_condenastverlag_q { background-position: 0 31.25%; background-size: 100%;  }
.sprite01_externer_link_easyabo_q { background-position: 0 34.375%; background-size: 100%;  }
.sprite01_externer_link_familymedia_q { background-position: 0 37.5%; background-size: 100%;  }
.sprite01_externer_link_guj_q { background-position: 0 40.625%; background-size: 100%;  }
.sprite01_externer_link_hobbyfreizeit_q { background-position: 0 43.75%; background-size: 100%;  }
.sprite01_externer_link_kiosknews_q { background-position: 0 46.875%; background-size: 100%;  }
.sprite01_externer_link_kioskpresse_q { background-position: 0 50%; background-size: 100%;  }
.sprite01_externer_link_klambt_q { background-position: 0 53.125%; background-size: 100%;  }
.sprite01_externer_link_leserservice_q { background-position: 0 56.25%; background-size: 100%;  }
.sprite01_externer_link_lesershop24_q { background-position: 0 59.375%; background-size: 100%;  }
.sprite01_externer_link_lorenz_q { background-position: 0 62.5%; background-size: 100%;  }
.sprite01_externer_link_meinabo_q { background-position: 0 65.625%; background-size: 100%;  }
.sprite01_externer_link_meteor_q { background-position: 0 68.75%; background-size: 100%;  }
.sprite01_externer_link_motorpresse_q { background-position: 0 71.875%; background-size: 100%;  }
.sprite01_externer_link_onlinekiosk_q { background-position: 0 75%; background-size: 100%;  }
.sprite01_externer_link_unitedkiosk_q { background-position: 0 78.125%; background-size: 100%;  }
.sprite01_externer_link_verlag_q { background-position: 0 81.25%; background-size: 100%;  }
.sprite01_externer_link_waz_q { background-position: 0 84.375%; background-size: 100%;  }
.sprite01_externer_link_intan_q { background-position: 0 87.5%; background-size: 100%;  }
.sprite01_externer_link_roularta_q { background-position: 0 90.625%; background-size: 100%;  }
.sprite01_externer_link_abokoenig_q { background-position: 0 93.75%; background-size: 100%;  }
.sprite01_externer_link_abostar_q { background-position: 0 96.875%; background-size: 100%;  }


/*
************   Menuebilder nicht responsive   ************* über Excel Coreldraw
HTML Beispiel <div class="sprite03_alle sprite03_angebote"></div>
 */

.sprite03_alle  { display: inline-block; background: url('../grafiken/sprite03.png') no-repeat; vertical-align:middle; width: 19px; height: 19px; }

.sprite03_abo { background-position: -0 -0px; }
.sprite03_angebote { background-position: -0 -19px; }
.sprite03_auto_motorrad { background-position: -0 -38px; }
.sprite03_a_bis_z { background-position: -0 -57px; }
.sprite03_computer_technik { background-position: -0 -76px; }
.sprite03_familie { background-position: -0 -95px; }
.sprite03_frauen_mode { background-position: -0 -114px; }
.sprite03_gesellschaft { background-position: -0 -133px; }
.sprite03_kochen_backen { background-position: -0 -152px; }
.sprite03_mann { background-position: -0 -171px; }
.sprite03_pfeile { background-position: -0 -190px; }
.sprite03_politik_wirtschaft { background-position: -0 -209px; }
.sprite03_raetsel { background-position: -0 -228px; }
.sprite03_sport { background-position: -0 -247px; }
.sprite03_sprache { background-position: -0 -266px; }
.sprite03_test { background-position: -0 -285px; }
.sprite03_tests { background-position: -0 -304px; }
.sprite03_tv_zeitschriften { background-position: -0 -323px; }
.sprite03_wissen_reisen { background-position: -0 -342px; }
.sprite03_wohnen { background-position: -0 -361px; }




/*BEGINN Ãœbersichtsgrafiken auf zB start- und Rubrikenseite 6-8 beste Angebote 1-2 zeilig*/
/*identisch zu aktionsbox_db nur mit fester Höhe */
@media(min-width:1px)   	{ .aktionsbox1_8 { margin: 17px 17px 0px 17px; height: 235px; } }  
@media(min-width:410px)   { .aktionsbox1_8 { margin: 17px 17px 0px 17px; height: 252px; } } 
@media(min-width:585px)   { .aktionsbox1_8 { margin: 17px 17px 0px 17px; height: 163px; } } 
@media(min-width:768px) 	{ .aktionsbox1_8 { margin: 17px 17px 0px 17px; height: 163px; } } 
@media(min-width:992px) 	{ .aktionsbox1_8 { margin: 12px 12px 0px 12px; height: 163px; } } 
@media(min-width:1200px)  { .aktionsbox1_8 { margin: 14px 14px 0px 14px; height: 163px; } } 

@media(min-width:1px)   	{ .aktionsbox1_8_1 { margin: 17px 17px 0px 17px; height: 277px; } }  
@media(min-width:410px)   { .aktionsbox1_8_1 { margin: 17px 17px 0px 17px; height: 290px; } } 
@media(min-width:585px)   { .aktionsbox1_8_1 { margin: 17px 17px 0px 17px; height: 198px; } } 
@media(min-width:768px) 	{ .aktionsbox1_8_1 { margin: 17px 17px 0px 17px; height: 198px; } } 
@media(min-width:992px) 	{ .aktionsbox1_8_1 { margin: 12px 12px 0px 12px; height: 198px; } } 
@media(min-width:1200px)  { .aktionsbox1_8_1 { margin: 14px 14px 0px 14px; height: 198px; } } 

@media(min-width:1px)   	{ .aktionsbox1_16 { margin: 17px 17px 0px 17px; height: 325px; } }  
@media(min-width:410px)   { .aktionsbox1_16 { margin: 17px 17px 0px 17px; height: 345px; } } 
@media(min-width:585px)   { .aktionsbox1_16 { margin: 17px 17px 0px 17px; height: 253px; } } 
@media(min-width:768px) 	{ .aktionsbox1_16 { margin: 17px 17px 0px 17px; height: 253px; } } 
@media(min-width:992px) 	{ .aktionsbox1_16 { margin: 12px 12px 0px 12px; height: 253px; } } 
@media(min-width:1200px)  { .aktionsbox1_16 { margin: 14px 14px 0px 14px; height: 253px; } } 

@media(min-width:1px)   	{ .aktionsbox1_16_1 { margin: 17px 17px 0px 17px; height: 380px; } }  
@media(min-width:410px)   { .aktionsbox1_16_1 { margin: 17px 17px 0px 17px; height: 395px; } } 
@media(min-width:585px)   { .aktionsbox1_16_1 { margin: 17px 17px 0px 17px; height: 298px; } } 
@media(min-width:768px) 	{ .aktionsbox1_16_1 { margin: 17px 17px 0px 17px; height: 298px; } } 
@media(min-width:992px) 	{ .aktionsbox1_16_1 { margin: 12px 12px 0px 12px; height: 298px; } } 
@media(min-width:1200px)  { .aktionsbox1_16_1 { margin: 14px 14px 0px 14px; height: 298px; } } 

.aktionsbox1_8, .aktionsbox1_16, .aktionsbox1_8_1, .aktionsbox1_16_1 { 
    text-align:center;
    border-radius: 4px;
    border: 1px solid #E7E7E7;  
  	background:#FCFCFC;
   }
   
.aktionsbox1_8:hover, .aktionsbox1_16:hover, .aktionsbox1_8_1:hover, .aktionsbox1_16_1:hover { 
	background:#FFFFFF;     
	border: 1px solid #a1a1a1; 
} 

@media(min-width:1px) 	  { .aktionsbox1_box { width: 84px; } }   
@media(min-width:768px) 	{ .aktionsbox1_box { width: 90px; } }
@media(min-width:992px) 	{ .aktionsbox1_box { width: 93px; } }
@media(min-width:1200px)  { .aktionsbox1_box { width: 85px; } }

.aktionsbox1_box {       /*muss hier vor dem "aktionsbox1_box_7 display none" stehen da es sonst überschreibt*/
  display: inline-block; 
  vertical-align: top;
  height: 90px;
  margin: 1px;
}

@media(min-width:1px) 	  { .aktionsbox1_img { width: 85px; } }   
@media(min-width:768px) 	{ .aktionsbox1_img { width: 90px; } }
@media(min-width:992px) 	{ .aktionsbox1_img { width: 93px; } }
@media(min-width:1200px)  { .aktionsbox1_img { width: 85px; } }



@media(min-width:1px)   	{ .aktionsbox1_8_box_7 { display: none; } .aktionsbox1_8_box_8 { display: none; } }
@media(min-width:410px)   { .aktionsbox1_8_box_7 { display: inline-block; } .aktionsbox1_8_box_8 { display: inline-block; } }
@media(min-width:585px) 	{ .aktionsbox1_8_box_7 { display: none; } .aktionsbox1_8_box_8 { display: none; } }
@media(min-width:672px) 	{ .aktionsbox1_8_box_7 { display: inline-block; } .aktionsbox1_8_box_8 { display: none; } }
@media(min-width:759px) 	{ .aktionsbox1_8_box_7 { display: inline-block; } .aktionsbox1_8_box_8 { display: inline-block; } }
@media(min-width:768px) 	{ .aktionsbox1_8_box_7 { display: none; } .aktionsbox1_8_box_8 { display: none; } }
@media(min-width:992px) 	{ .aktionsbox1_8_box_7 { display: none; } .aktionsbox1_8_box_8 { display: none; } }
@media(min-width:1200px)  { .aktionsbox1_8_box_7 { display: inline-block; } .aktionsbox1_8_box_8 { display: inline-block; } }

@media(min-width:1px)   	{ .aktionsbox1_16_box_10 { display: none; }         .aktionsbox1_16_box_11 { display: none; }         .aktionsbox1_16_box_12 { display: none; }         .aktionsbox1_16_box_13 { display: none; }         .aktionsbox1_16_box_14 { display: none; }         .aktionsbox1_16_box_15 { display: none; }         .aktionsbox1_16_box_16 { display: none; } }
@media(min-width:410px)   { .aktionsbox1_16_box_10 { display: inline-block; } .aktionsbox1_16_box_11 { display: inline-block; } .aktionsbox1_16_box_12 { display: inline-block; } .aktionsbox1_16_box_13 { display: none; }         .aktionsbox1_16_box_14 { display: none; }         .aktionsbox1_16_box_15 { display: none; }         .aktionsbox1_16_box_16 { display: none; } }
@media(min-width:498px)   { .aktionsbox1_16_box_10 { display: inline-block; } .aktionsbox1_16_box_11 { display: inline-block; } .aktionsbox1_16_box_12 { display: inline-block; } .aktionsbox1_16_box_13 { display: inline-block; } .aktionsbox1_16_box_14 { display: inline-block; } .aktionsbox1_16_box_15 { display: inline-block; } .aktionsbox1_16_box_16 { display: none; } }
@media(min-width:585px) 	{ .aktionsbox1_16_box_10 { display: inline-block; } .aktionsbox1_16_box_11 { display: inline-block; } .aktionsbox1_16_box_12 { display: inline-block; } .aktionsbox1_16_box_13 { display: none; }         .aktionsbox1_16_box_14 { display: none; }         .aktionsbox1_16_box_15 { display: none; }         .aktionsbox1_16_box_16 { display: none; } }
@media(min-width:672px)   { .aktionsbox1_16_box_10 { display: inline-block; } .aktionsbox1_16_box_11 { display: inline-block; } .aktionsbox1_16_box_12 { display: inline-block; } .aktionsbox1_16_box_13 { display: inline-block; } .aktionsbox1_16_box_14 { display: inline-block; } .aktionsbox1_16_box_15 { display: none; }         .aktionsbox1_16_box_16 { display: none; } }
@media(min-width:759px)   { .aktionsbox1_16_box_10 { display: inline-block; } .aktionsbox1_16_box_11 { display: inline-block; } .aktionsbox1_16_box_12 { display: inline-block; } .aktionsbox1_16_box_13 { display: inline-block; } .aktionsbox1_16_box_14 { display: inline-block; } .aktionsbox1_16_box_15 { display: inline-block; } .aktionsbox1_16_box_16 { display: inline-block; } }
@media(min-width:768px) 	{ .aktionsbox1_16_box_10 { display: inline-block; } .aktionsbox1_16_box_11 { display: inline-block; } .aktionsbox1_16_box_12 { display: inline-block; } .aktionsbox1_16_box_13 { display: none; }         .aktionsbox1_16_box_14 { display: none; }         .aktionsbox1_16_box_15 { display: none; }         .aktionsbox1_16_box_16 { display: none; } }
@media(min-width:992px) 	{ .aktionsbox1_16_box_10 { display: inline-block; } .aktionsbox1_16_box_11 { display: inline-block; } .aktionsbox1_16_box_12 { display: inline-block; } .aktionsbox1_16_box_13 { display: none; }         .aktionsbox1_16_box_14 { display: none; }         .aktionsbox1_16_box_15 { display: none; }         .aktionsbox1_16_box_16 { display: none; } }
@media(min-width:1200px)  { .aktionsbox1_16_box_10 { display: inline-block; } .aktionsbox1_16_box_11 { display: inline-block; } .aktionsbox1_16_box_12 { display: inline-block; } .aktionsbox1_16_box_13 { display: inline-block; } .aktionsbox1_16_box_14 { display: inline-block; } .aktionsbox1_16_box_15 { display: inline-block; } .aktionsbox1_16_box_16 { display: inline-block; } }

.aktionsbox1_group { display:inline-block; }


@media(min-width:1px) 	  { .aktionsbox1_br3 { display: block; } }   
@media(min-width:410px) 	{ .aktionsbox1_br3 { display: none; } }

@media(min-width:1px)   	{ .aktionsbox1_br4 { display: none; } }
@media(min-width:410px)   { .aktionsbox1_br4 { display: block; } }   
@media(min-width:498px) 	{ .aktionsbox1_br4 { display: none; } }

@media(min-width:1px)   	{ .aktionsbox1_br5 { display: none; } }
@media(min-width:498px)   { .aktionsbox1_br5 { display: block; } }   
@media(min-width:585px) 	{ .aktionsbox1_br5 { display: none; } }

@media(min-width:1px)   	{ .aktionsbox1_br6 { display: none; } }
@media(min-width:585px)   { .aktionsbox1_br6 { display: block; } }   
@media(min-width:672px) 	{ .aktionsbox1_br6 { display: none; } }

@media(min-width:1px)   	{ .aktionsbox1_br7 { display: none; } }
@media(min-width:672px)   { .aktionsbox1_br7 { display: block; } }   
@media(min-width:759px) 	{ .aktionsbox1_br7 { display: none; } }

@media(min-width:1px)   	{ .aktionsbox1_br8 { display: none; } }
@media(min-width:759px)   { .aktionsbox1_br8 { display: block; } }   
@media(min-width:768px) 	{ .aktionsbox1_br8 { display: none; } }

@media(min-width:1px)   	{ .aktionsbox1_br6-2 { display: none; } }
@media(min-width:768px)   { .aktionsbox1_br6-2 { display: block; } }   
@media(min-width:1200px) 	{ .aktionsbox1_br6-2 { display: none; } }

@media(min-width:1px)   	{ .aktionsbox1_br8-2 { display: none; } }
@media(min-width:1200px)  { .aktionsbox1_br8-2 { display: block; } }   

.aktionsbox1_br3  { height: 0px; }
.aktionsbox1_br4  { height: 0px; }
.aktionsbox1_br5  { height: 0px; }
.aktionsbox1_br6  { height: 0px; }
.aktionsbox1_br7  { height: 0px; }
.aktionsbox1_br8  { height: 0px; }
.aktionsbox1_br6-2  { height: 0px; }
.aktionsbox1_br8-2  { height: 0px; }


.aktionsbox1_text {
  	font-family: sans-serif;
  	text-align: center;
  	padding-top:2px;	
  	padding-bottom:2px;
}

.aktionsbox1_kosten {
  	font-size: 1.0em;
  	line-height:1.0em;
  	color: #000000;
}
.aktionsbox1_praemie {
  	font-size: 1.0em;
  	line-height:1.0em;
  	color: #FF0000;
}





@media(min-width:1px) 	  { .aktionsbox1_header { margin-top: 2px; height: 35px; } }
@media(min-width:411px) 	{ .aktionsbox1_header { margin-top: 2px; height: 45px; } }
@media(min-width:500px) 	{ .aktionsbox1_header { margin-top: 2px; height: 50px; } }

@media(min-width:1px) 	  { .aktionsbox1_header_2 { margin-top: 0px; height: 45px; } }
@media(min-width:500px) 	{ .aktionsbox1_header_2 { margin-top: 0px; height: 35px; } }



@media(min-width:1px) 	  { .aktionsbox1_header1_img { height: 20px; float:left; } } 
@media(min-width:360px) 	{ .aktionsbox1_header1_img { height: 26px; float:left; } } 
@media(min-width:420px) 	{ .aktionsbox1_header1_img { height: 29px; float:left; } } 
@media(min-width:465px) 	{ .aktionsbox1_header1_img { height: 32px; float:left; } }
@media(min-width:510px) 	{ .aktionsbox1_header1_img { height: 35px; float:left; } }
@media(min-width:600px) 	{ .aktionsbox1_header1_img { height: 40px; float:left; } }

@media(min-width:1px) 	  { .aktionsbox1_header3_img { height: 23px; float:right; } } 
@media(min-width:425px) 	{ .aktionsbox1_header3_img { height: 32px; float:right; } } 
@media(min-width:500px) 	{ .aktionsbox1_header3_img { height: 40px; float:right; } }

@media(min-width:1px) 	  { .aktionsbox1_header2 {  font-size: 0.65em; } } 
@media(min-width:410px) 	{ .aktionsbox1_header2 {  font-size: 0.8em; } }
@media(min-width:450px) 	{ .aktionsbox1_header2 {  font-size: 0.9em; } }
@media(min-width:500px) 	{ .aktionsbox1_header2 {  font-size: 1.0em; } }

@media(min-width:1px) 	  { .aktionsbox1_footer {  font-size: 0.7em; } } 
@media(min-width:425px) 	{ .aktionsbox1_footer {  font-size: 0.8em; } }
@media(min-width:470px) 	{ .aktionsbox1_footer {  font-size: 0.9em; } }
@media(min-width:520px) 	{ .aktionsbox1_footer {  font-size: 1.0em; } }

@media(min-width:1px) 	  { .aktionsbox1_header3 { display: none; } } 
@media(min-width:768px) 	{ .aktionsbox1_header3 { display: inline-block; } }

.aktionsbox1_footer { margin-top: -4px; }

.aktionsbox1_header1 { padding: 0px; }
.aktionsbox1_header2 { padding: 0px; }
.aktionsbox1_header3 { padding: 0px; }

.aktionsbox1_img_aktionsflag01_extrem { margin-top: 0px; margin-bottom: 4px;}


@media(min-width:1px) 	  { .extrem_265 { display: inline-block; } .extrem_430 { display: none; } .extrem_550 { display: none; } .extrem_700 { display: none; } } 
@media(min-width:500px) 	{ .extrem_265 { display: none; } .extrem_430 { display: inline-block; } .extrem_550 { display: none; } .extrem_700 { display: none; } } 
@media(min-width:630px) 	{ .extrem_265 { display: none; } .extrem_430 { display: none; } .extrem_550 { display: inline-block; } .extrem_700 { display: none; } } 
@media(min-width:768px) 	{ .extrem_265 { display: none; } .extrem_430 { display: none; } .extrem_550 { display: inline-block; } .extrem_700 { display: none; } } 
@media(min-width:1200px) 	{ .extrem_265 { display: none; } .extrem_430 { display: none; } .extrem_550 { display: none; } .extrem_700 { display: inline-block; } }

/*ENDE Ãœbersichtsgrafiken auf zB start- und Rubrikenseite 6-8 beste Angebote 1-2 zeilig*/


/*BEGINN Grafik BILD aus Meldungsdatenbank - steht über allem - */
/*identisch zu aktionsbox1 nur mit automatscher Höhe */
@media(min-width:1px)   	{ .aktionsbox_db { margin: 17px 17px 0px 17px; height: auto; } }  
@media(min-width:410px)   { .aktionsbox_db { margin: 17px 17px 0px 17px; height: auto; } } 
@media(min-width:587px)   { .aktionsbox_db { margin: 17px 17px 0px 17px; height: auto; } } 
@media(min-width:768px) 	{ .aktionsbox_db { margin: 17px 17px 0px 17px; height: auto; } } 
@media(min-width:992px) 	{ .aktionsbox_db { margin: 12px 12px 0px 12px; height: auto; } } 
@media(min-width:1200px)  { .aktionsbox_db { margin: 14px 14px 0px 14px; height: auto; } } 

.aktionsbox_db { 
    border-radius: 4px;
    border: 1px solid #E7E7E7;  
  	background:#FCFCFC;
   }
   
.aktionsbox_db:hover  { 
	background:#FFFFFF;     
	border: 1px solid #a1a1a1; 
}

.aktionsbox_db_img {
    display: block;
    margin-left: auto;
    margin-right: auto }


/* hier nur für die Meldung über ein BILD*/    
.img-thumbnail-sws-aktionsbox {
  background-color: #FCFCFC;
  border: 0px solid #FCFCFC;
}    
.img-thumbnail-sws-aktionsbox:hover {
  background-color: #FFFFFF;
  border: 0px solid #FFFFFF;
}
@media(min-width:1px) 	  { .img-thumbnail-sws-aktionsbox-1 { display: table-cell; } .img-thumbnail-sws-aktionsbox-2 { display: none; } .img-thumbnail-sws-aktionsbox-3 { display: none; } }
@media(min-width:390px) 	{ .img-thumbnail-sws-aktionsbox-1 { display: none; } .img-thumbnail-sws-aktionsbox-2 { display: table-cell; } .img-thumbnail-sws-aktionsbox-3 { display: none; } }  
@media(min-width:630px) 	{ .img-thumbnail-sws-aktionsbox-1 { display: none; } .img-thumbnail-sws-aktionsbox-2 { display: none; } .img-thumbnail-sws-aktionsbox-3 { display: table-cell; } }


.img-thumbnail-sws-aktionsbox-1,
.img-thumbnail-sws-aktionsbox-2,
.img-thumbnail-sws-aktionsbox-3  {
    max-width: 100% !important;
    height: auto !important;
    text-align:center;}
 
    
/*ENDE Grafik BILD aus Meldungsdatenbank - steht über allem - */


/*BEGINN Meldungen Aktionen (seitlich rechts Ersatz fürs Bild + auch die Aktionsübersichten)*/
.meldung_sws_container {
	  margin: 0 auto; /* it centers any block level element */  
    cursor:pointer;
    border-radius: 4px;
    border: 1px solid #E7E7E7;  
  	background:#FFFFFF;
	  max-width:145px;
    padding: 5px;     
    margin-bottom:5px;        
    }	
    
.meldung_sws_container2 {
	  margin: 0 auto; /* it centers any block level element */  
    cursor:pointer;
    border-radius: 4px;
    border: 1px solid #E7E7E7;  
  	background:#FFFFFF;
	  max-width:140px;
    padding: 5px;     
    margin-bottom:5px;        
    }	    
    
@media(min-width:1px) 	  { .meldung_sws_container { height:220px;} }    
@media(min-width:768px) 	{ .meldung_sws_container { height:160px;} }    
@media(min-width:992px) 	{ .meldung_sws_container { height:205px;} }        
@media(min-width:1200px)  { .meldung_sws_container { height:220px;} }    

@media(min-width:1px) 	  { .meldung_sws_container2 { height:111px;} }    
@media(min-width:768px) 	{ .meldung_sws_container2 { height:111px;} }    
@media(min-width:992px) 	{ .meldung_sws_container2 { height:111px;} }        
@media(min-width:1200px)  { .meldung_sws_container2 { height:115px;} }  



.meldung_sws_container:hover  {    
	border: 1px solid #a1a1a1; 
}  
.meldung_sws_container2:hover  {    
	border: 1px solid #a1a1a1; 
}      
    
.meldung_sws_text {
  display: block;
	margin: 0 auto; /* it centers any block level element */
	font-family: sans-serif;
	text-align: center;
	padding-top:10px;	
	padding-bottom:5px;
  max-width:145px;
  }  
  
.meldung_sws_text2 {
  display: block;
	margin: 0 auto; /* it centers any block level element */
	font-family: sans-serif;
	text-align: center;
	padding-top:3px;	
	padding-bottom:3px;
  max-width:145px;
  }     
    
@media(min-width:1px) 	  { .meldung_sws_text { font-size:110%;} }   
@media(min-width:768px) 	{ .meldung_sws_text { font-size:85%;} }   
@media(min-width:992px) 	{ .meldung_sws_text { font-size:110%;} }    
@media(min-width:1200px)  { .meldung_sws_text { font-size:110%;} }     

@media(min-width:1px) 	  { .meldung_sws_text2 { font-size:88%;} }   
@media(min-width:410px) 	{ .meldung_sws_text2 { font-size:95%;} }   
@media(min-width:768px) 	{ .meldung_sws_text2 { font-size:90%;} }   
@media(min-width:992px) 	{ .meldung_sws_text2 { font-size:100%;} }    
@media(min-width:1200px)  { .meldung_sws_text2 { font-size:100%;} }    

.meldung_sws_img {
  display: block;
  margin: 0 auto; /* it centers any block level element */
  width:auto;
}   

.meldung_sws_kosten {
	font-size: 1.0em;
	line-height:1.1em;
	font-weight:600;	
	color: #000000;
}
.meldung_sws_kosten2 {
	font-size: 1em;
	line-height:1.1em;
	font-weight:600;	
	color: #000000;
}
.meldung_sws_praemie {
	font-size: 1.25em;
	line-height:1.3em;
	font-weight:600;	
	color: #FF0000;
	padding-top:0px;	
	padding-bottom:-5px;	
}	
.meldung_sws_praemie2 {
	font-size: 1em;
	line-height:1.1em;
	font-weight:600;	
	color: #FF0000;
	padding-top:0px;	
	padding-bottom:-5px;	
}	

.meldung_sws_zeitraum {
	font-size: 0.8em;
	line-height:1em;
	font-weight:600;	
	color: #000000;
	padding-top:3px;	
}  

.meldung_sws_zeitraum2 {
	font-size: 0.8em;
	line-height:0.8em;
	font-weight:400;	
	color: #000000;
	padding-top:4px;	
}

/*ab hier die speziellen Formate der seitlichen Aktionsübersichten */
.meldung_sws_text_uebersicht {
  display: block;
	margin: 0 auto; /* it centers any block level element */
	font-family: sans-serif;
	text-align: center;
	padding-top:0px;	
	padding-bottom:0px;
  max-width:145px;
  }    
    
@media(min-width:1px) 	  { .meldung_sws_text_uebersicht { font-size:100%;} }   
@media(min-width:768px) 	{ .meldung_sws_text_uebersicht { font-size:85%;} }   
@media(min-width:992px) 	{ .meldung_sws_text_uebersicht { font-size:100%;} }    
@media(min-width:1200px)  { .meldung_sws_text_uebersicht { font-size:100%;} }   

.meldung_sws_header1_uebersicht {
  display: block;
	font-size: 0.95em;
	line-height:0.95em;  
	font-weight:700;	
  text-decoration: underline;
	color: #FF0000;
	padding-bottom:0px;	
}	

.meldung_sws_header1_uebersicht2 {
  display: block;
	font-size: 1.0em;
	line-height:1.2em;  
	font-weight:700;	
  text-decoration: underline;
	color: #FF0000;
	margin-top:-5px;	
}	

.meldung_sws_header2_uebersicht {
  display: block;
	font-size: 0.8em;
	line-height:1em;
	font-weight:400;	
	color: #000000;
  margin-top: 2px;
  margin-bottom: 2px;
}	

.meldung_sws_header2_uebersicht2 {
  display: block;
	font-size: 0.9em;
	line-height:1.0em;
	font-weight:400;	
	color: #000000;
  margin-top: 2px;
  margin-bottom: 2px;
}	

.meldung_sws_img_uebersicht  {
  display: block;
  margin: 0 auto; /* it centers any block level element */
  width:auto;
}  

.meldung_sws_row_uebersicht  {
  margin-left: 0.7em;
  margin-right: 0.7em;  
}

@media(min-width:1px) 	    { .meldung_sws_praemie_uebersicht { font-size: 0.95em; line-height:0.90em; color: #FF0000; margin-top: -2px; margin-bottom: 1px; }  }
@media(min-width:768px) 	  { .meldung_sws_praemie_uebersicht { font-size: 0.8em; line-height:0.75em; color: #FF0000; margin-top: -2px; margin-bottom: 1px; }  }
@media(min-width:992px) 	  { .meldung_sws_praemie_uebersicht { font-size: 0.9em; line-height:0.85em; color: #FF0000; margin-top: -2px; margin-bottom: 2px; }  }
@media(min-width:1200px) 	  { .meldung_sws_praemie_uebersicht { font-size: 0.95em; line-height:0.90em; color: #FF0000; margin-top: -2px; margin-bottom: 1px; }  }

/*ENDE Meldungen Aktionen (seitlich rechts Ersatz fürs Bild)*/

/*BEGINN Karussell Aktionen*/
@media(min-width:1px) 	  { .slider_sws_01 { width: 90%; margin: 10px auto;} }   
@media(min-width:768px) 	{ .slider_sws_01 { width: 95%; margin: 10px auto;} }   
@media(min-width:992px) 	{ .slider_sws_01 { width: 97%; margin: 10px auto;} }   
@media(min-width:1200px)  { .slider_sws_01 { width: 97%; margin: 10px auto} }   

    .a-right { right: -22px}
    .a-left { left: -22px} 
    .slick-slide {
      transition: all ease-in-out .0s;
      opacity: 1;
    }

	.slider_sws_container {
    cursor:pointer;
    margin-left:3px;
	  margin-right:4px;
    border-radius: 4px;
    border: 1px solid #E7E7E7;  
  	background:#FCFCFC;
    padding-top: 6px;
    }
	

	.slider_sws_container:hover  { 
  	background:#FFFFFF;     
  	border: 1px solid #a1a1a1; 
	}   
	
	.slider_sws_img {
    display: block;
	  margin: 0 auto; /* it centers any block level element */
    width:120px;
	}

	
	.slider_sws_text {
    display: block;
  	margin: 0 auto; /* it centers any block level element */
  	font-family: sans-serif;
  	text-align: center;
  	padding-top:3px;	
  	padding-bottom:5px;
  	width:120px;
    }
	
	.slider_sws_kosten {
  	font-size: 0.9em;
  	line-height:0.9em;
  	font-weight:600;	
  	color: #000000;
	}
	.slider_sws_praemie {
  	font-size: 1.15em;
  	line-height:1.15em;
  	font-weight:700;	
  	color: #FF0000;
  	padding-top:0px;	
  	padding-bottom:-5px;	
	}	
	
	.slider_sws_zeitraum {
  	font-size: 0.8em;
  	line-height:1em;
  	font-weight:600;	
  	color: #000000;
  	padding-top:3px;	
	}	

/*ENDE Karussell Aktionen*/

.infobox_01  {
margin-top: 5px;
margin-bottom: 5px;
text-align:center;
width: 100%;
}

.infobox_02  {
display: table; 
margin: 0 auto;
background-color: #FFE1F0;
font-size: 0.85em;
font-weight: bold;
width: auto;
border-radius: 4px;
border: 1px solid #E7E7E7;
background-color: #FCFCFC; }

.infobox_03  {
display:table-row; 
display:flex;
}

.infobox_04  {
display: table-cell; 
text-align:center;
align-items:center; 
padding: 5px;
}

.infobox_05  {
display: table-cell;
text-align:left;
align-items:center;
padding: 5px;
}

.infobox_06  {
text-align:center;
font-weight: normal;
font-size: 0.70em;
padding: 0px;
}



@media(min-width:950px) {.ib_1bis450 { display: none; } }
@media(min-width:950px) {.ib_451bis950 { display: none; } }
@media(min-width:950px) {.ib_951bis9999 { display: inline; } }

@media (min-width: 450px) and (max-width: 950px) {.ib_1bis450 { display: none; } }
@media (min-width: 450px) and (max-width: 950px) {.ib_451bis950 { display: inline; } }
@media (min-width: 450px) and (max-width: 950px) {.ib_951bis9999 { display: none; } }
   
@media (max-width: 450px) {.ib_1bis450 { display: inline; } }
@media (max-width: 450px) {.ib_451bis950 { display: none; } }
@media (max-width: 450px) {.ib_951bis9999 { display: none; } }





/*oder bei den Prämien*/
.oder_01 {         /* tabelle_02 */
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.5;
	text-align: left;  
	position: absolute;
  margin-top: -3px;   /* ausgleich padding 3 von tb113 hoehekopf */
  margin-left: -16px;  
  background-color: #FFE1F0;
}
.oder_02 {         /* tabelle_02 */
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1;
	position: relative;
  margin-top: -7px;   /* padding + schrift 50% */
}


@media(min-width:1px)   {.oder_03 { margin-top: -3px; } }
@media(min-width:600px) {.oder_03 { margin-top: -0px; } }

.oder_04 {         /* tabelle_01 */
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1.3;
	text-align: left;  
	position: absolute;
  margin-top: -3px;   /* ausgleich padding 3 von tb113 hoehekopf */
  margin-left: -16px;  
  background-color: #FFE1F0;
}

.oder_05 {         /* tabelle_02 */
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1;
	position: relative;
  text-align: left;
  margin-top: -7px;   /* padding + schrift 50% */
}





@media(min-width:1px)   {.ab600-2px { display: none; } }
@media(min-width:600px) {.ab600-2px { display: block; } }

@media(min-width:1px)   {.bis600-2px { display: block; } }
@media(min-width:600px) {.bis600-2px { display: none; } }

/*BEGINN Infoboxen Gutscheine Aboseiten*/
.abobox3 { text-align:center; }

.abobox3_group { display:inline-block; }

.abobox3_box {    /* für Boxen > 2 */
  font-size: 0.9em;
  display: inline-block;
  vertical-align: top;
  word-wrap:break-word;
  width: 95px;
  height: auto;
  margin: 1px;
  padding: 5px;
  background-color: #FCFCFC; 
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.abobox3_box_1 {    /* für Boxen = 1 */
  font-size: 0.9em;
  display: inline-block;
  vertical-align: top;
  word-wrap:break-word;
  width: 290px;
  height: auto;
  margin: 1px;
  padding: 5px;
  background-color: #FCFCFC; 
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.abobox3_box_2 {    /* für Boxen = 2  */
  font-size: 0.9em;
  display: inline-block;
  vertical-align: top;
  word-wrap:break-word;
  width: 145px;
  height: auto;
  margin: 1px;
  padding: 5px;
  background-color: #FCFCFC; 
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

.abobox3_box_4 {    /* für Boxen = 4  */
  font-size: 0.9em;
  display: inline-block;
  vertical-align: top;
  word-wrap:break-word;
  width: 145px;
  height: auto;
  margin: 1px;
  padding: 5px;
  background-color: #FCFCFC; 
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

.abobox3_box_gross {  
  display: inline-block;
  font-size: 1.50em;
  word-wrap:break-word;
  font-weight: bold;
}

.abobox3_box_klein { 
  display: inline-block;
  font-size: 0.80em;
  word-wrap:break-word;
  line-height: 1;
}

.abobox3_img {
  width: 80px;
  margin-bottom: 3px;
}

.abobox3_text100 { 
  font-size: 0.9em;
}

.abobox3_text90 { 
  font-size: 0.8em;
}

.abobox3_text80 { 
  display: inline-block;
  line-height: 1;
  font-size: 0.70em;
}
.abobox3_schliessen01 { 
    height: 25px;
    z-index:20;
    border-bottom: 1px solid #D8D8D8;
}

.abobox3_schliessen02 { 
  float: left;
}

.abobox3_schliessen03 { 
  float: right;
}

.abobox3_schliessen04 { 
  text-align: right;
}




/*ENDE Angebotsboxen auf Gutscheinseite*/



/* MessageBox wenn Javascript inaktiv */
.message_java01 { 
text-align:center;
color: #FF0000;
margin-top: 0px;
margin-bottom: 15px;
padding: 5px;
border-radius: 4px;
border: 1px solid Silver;
background-color: #FFE1F0;}

/* div für Rechtstexte aboseite */
.message_div01 { 
font-size: 1.0em;
text-align:center;
color: #000000;
line-height: 0.3;
margin: 0px;
padding: 0px;
border-bottom: 1px solid Silver;
border-left: 1px solid Silver;
border-right: 1px solid Silver;
background-color: #FCFCFC;}


.message_div02 { 
text-align:center;
color: #000000;
line-height: 1.2;
padding: 0px;
}
.message_div03 { 
text-align:center;
color: #000000;
line-height: 1.0;
padding: 5px;
background-color: #FFFFFF;}

.message_div04 { 
font-size: 1.0em;
text-align:left;
color: #000000;
line-height: 1.2;
margin: 0px;
padding: 5px;
border-bottom: 1px solid Silver;
border-left: 1px solid Silver;
border-right: 1px solid Silver;
background-color: #FCFCFC;}


.navbar-default {
    background-color: #FFF4FA;
    border-color: #E7E7E7; }

.nav-tabs .mytab02 a {
   height: 25px; 
   padding-top: 4px; 
   padding-left: 4px; 
   padding-right: 4px; 
}

.nav-tabs .mytab02 > li > a {
   padding-top: 4px; 
   padding-left: 4px; 
   padding-right: 4px;    
}

/*BEGINN Angebotsboxen auf Gutscheinseite*/
.abobox1 { text-align:center; }

.abobox1_group { display:inline-block; }

.abobox1_box {
  display: inline-block;
  vertical-align: top;
  width: 140px;
  height: 205px;
  margin: 3px;
  padding: 5px;
  background-color: #FCFCFC;
  
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

.abobox1_box01 {
  display:inline-block;
  min-height: 40px;
}

.abobox1_img {
  width: 125px;
}
/*ENDE Angebotsboxen auf Gutscheinseite*/

  /*BEGINN Angebotsboxen auf Gutscheinseite*/
.abobox2 { text-align:center; }

.abobox2_group { display:inline-block; }

.abobox2_box {
  display: inline-block;
  vertical-align: top;
  width: 140px;
  height: 180px;
  margin: 3px;
  padding: 5px;
  background-color: #FCFCFC;
  
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

.abobox2_box01 {
  display:inline-block;
  height: 32px;
}

.abobox2_img {
  width: 120px;
  margin-bottom: 3px;
}
/*ENDE Angebotsboxen auf Gutscheinseite*/


@media(min-width:1px)     {.tc000 {height: 60px;  margin-right: 2px; }  }    /* Bild Zeitschrift */        
@media(min-width:600px)   {.tc000 {height: 100px; margin-right: 2px; }  }    
@media(min-width:768px)   {.tc000 {height: 110px; margin-right: 2px; }  } 

@media(min-width:1px)     {.tc001 {height: 50px;  margin-right: 2px; }  }    /* Bild Zeitschrift */        
@media(min-width:600px)   {.tc001 {height: 90px;  margin-right: 2px; }  }    
@media(min-width:768px)   {.tc001 {height: 100px; margin-right: 2px; }  } 

@media(min-width:1px)     {.tc002 {height: 40px;  margin-right: 2px; }  }    /* Bild Aktion */    
@media(min-width:600px)   {.tc002 {height: 90px;  margin-right: 2px; }  }   
@media(min-width:768px)   {.tc002 {height: 100px; margin-right: 2px; }  }   

@media(min-width:1px)     {.tc003 {width: 100%; margin: 0 auto; }  }      /* breite div zeitschriftname aboart*/
@media(min-width:400px)   {.tc003 {width:  90%; margin: 0 auto; }  } 
@media(min-width:500px)   {.tc003 {width:  80%; margin: 0 auto; }  } 
@media(min-width:600px)   {.tc003 {width: 100%; margin: 0 auto; }  } 

@media(min-width:1px)     {.tc004 {width:  90%; margin: 0 auto; }  }      /* breite div preistabelle - etwas schmaler*/
@media(min-width:400px)   {.tc004 {width:  80%; margin: 0 auto; }  } 
@media(min-width:500px)   {.tc004 {width:  70%; margin: 0 auto; }  } 
@media(min-width:600px)   {.tc004 {width:  90%; margin: 0 auto; }  } 

.tc005 { margin: auto; width: 100%; }   /* Preistabelle table*/
.tc006 {text-align: left; width: 75%;  }   /* Preistabelle tr links*/    
.tc007 {text-align: right; width: 25%;  }   /* Preistabelle tr rechts*/ 

.tc010 { vertical-align: middle; line-height: 1.4;} /* abopreis Rabatt, Bankeinzug, ...*/
@media(min-width:1px)   {.tc011 { width: 13px; height: 13px; vertical-align: middle; margin: 0px;} } /* Tooltip bild hinter Rabatt, Bankeinzug, ...*/
@media(min-width:600px) {.tc011 { width: 14px; height: 14px; vertical-align: middle; margin: 0px;} } 

.tc015 td { border-collapse:collapse; border-bottom-style:solid; border-bottom-width:1px; border-color:#000000; }    /* underline vor Abokosten ...*/
.tc016 { font-weight: bold; vertical-align: middle; line-height: 1.2;} /* Abokosten, ...*/

  /*Anbieterbild*/
@media(min-width:1px)     {.tc020 { width: 90px; } }
@media(min-width:400px)   {.tc020 { width: 90px; } }
@media(min-width:600px)   {.tc020 { width: 75px; } }
@media(min-width:640px)   {.tc020 { width: 80px; } }
@media(min-width:680px)   {.tc020 { width: 90px; } }
@media(min-width:768px)   {.tc020 { width: 80px; } }
@media(min-width:1200px)  {.tc020 { width: 100px; } }

.tc021 { margin-bottom: 7px;}

.tc022 br { display: none;}  /* Umbrüche RAUS beim kommentar */
.tc022 { text-align: left; }

.tc023 { text-align: left; }

.tc090 { clear:both; margin: 0 auto; width: 100%; padding-bottom: 55px; }  

@media(min-width:1px)    { .tc103 { float:left;  background-color: #FCFCFC; margin: 0px; border: 1px solid Silver; border-bottom: none; border-top: none; } }
@media(min-width:1px)    { .tc105 { float:right; background-color: #FCFCFC; margin: 0px; border: 1px solid Silver; border-top: none; } }
@media(min-width:1px)    { .tc108 { border-top: 1px solid Silver; } } 
@media(min-width:1px)    { .tc109 { border-top: none; } } 

@media(min-width:600px)  { .tc103 { float:left;  background-color: #FCFCFC; margin: 0px; border: 1px solid Silver; border-right: none; border-top: none; } }
@media(min-width:600px)  { .tc105 { float:right; background-color: #FCFCFC; margin: 0px; border: 1px solid Silver; border-left: none; border-top: none; } }
@media(min-width:600px)  { .tc108 { border-top: 1px solid Silver; } } 
@media(min-width:600px)  { .tc109 { border-top: 1px solid Silver; } } 

@media(min-width:1px) { .tc103 { width: 100%;}}
@media(min-width:1px) { .tc105 { width: 100%;}}

@media(min-width:600px) { .tc103 { width: 85%;}}
@media(min-width:600px) { .tc105 { width: 15%;}}

.tc110 { float:left;  margin: 0px; padding: 3px; text-align: center; }
.tc110-warp1 { display:table; width: 100%; }
.tc110-warp2 { display:table-cell; vertical-align:middle;}

.tc111 { float:right; margin: 0px; padding: 3px; text-align: center; }
.tc111-warp1 { display:table; width: 100%; }
.tc111-warp2 { display:table-cell; vertical-align:middle;}

.tc112 { float:right; margin: 0px; padding: 3px; text-align: center; }
.tc112-warp1 { display:table; width: 100%; }
.tc112-warp2 { display:table-cell; vertical-align:middle;}


    /* bis 600 2 Spalten */
@media(min-width:1px) {.tc110 { width: 100%; font-size: 0.90em; } .tc110h1 {height:  60px;}  .tc110h2 {height: 60px;}  .tc110h3 {height: 65px;}}
@media(min-width:1px) {.tc111 { width: 100%; font-size: 0.90em; } .tc111h1 {height: 140px;}  .tc111h2 {height: 165px;} .tc111h3 {height: 160px;}}
@media(min-width:1px) {.tc112 { width: 100%; font-size: 0.90em; } .tc112h1 {height:  55px;}  .tc112h2 {height: 55px;} .tc112h3 {height: 105px;}}



    /* ab 600 4 Spalten  */
    
@media(min-width:600px) {.tc110 { width: 35%;  font-size: 0.95em; } .tc110h1 {height: 150px;}  .tc110h2 {height: 180px;} .tc110h3 {height: 190px;}}
@media(min-width:600px) {.tc111 { width: 65%;  font-size: 0.95em; } .tc111h1 {height: 150px;}  .tc111h2 {height: 180px;} .tc111h3 {height: 190px;} }
@media(min-width:600px) {.tc112 { width: 100%; font-size: 0.95em; } .tc112h1 {height: 150px;}  .tc112h2 {height: 180px;} .tc112h3 {height: 190px;} }

    
@media(min-width:992px) {.tc110 { width: 35%;  font-size: 0.95em; } .tc110h1 {height: 150px;}  .tc110h2 {height: 185px;} .tc110h3 {height: 190px;}}
@media(min-width:992px) {.tc111 { width: 65%;  font-size: 0.95em; } .tc111h1 {height: 150px;}  .tc111h2 {height: 185px;} .tc111h3 {height: 190px;} }
@media(min-width:992px) {.tc112 { width: 100%; font-size: 0.95em; } .tc112h1 {height: 150px;}  .tc112h2 {height: 185px;} .tc112h3 {height: 190px;} }

/* siehe Doku CSS Modell */
    
/* This is how you would create a theme called "my-custom-theme": */



.tip-sws01-css {
	border-radius: 4px; 
	border: 1px solid #000000;
	background-color: #FFFFFF;
	color: #000000;
	margin: 10px;
}
@media(min-width:1px)     {.tip-sws01-css { max-width: 300px;} }
@media(min-width:600px)   {.tip-sws01-css { max-width: 400px;} }

@media(min-width:1px)    {.tip-sws01-css .tooltipster-content { font-size: 12px; line-height: 14px; padding: 5px 5px 5px 5px; } }
@media(min-width:600px)  {.tip-sws01-css .tooltipster-content { font-size: 13px; line-height: 15px; padding: 5px 5px 5px 5px; } }
@media(min-width:1200px) {.tip-sws01-css .tooltipster-content { font-size: 14px; line-height: 16px; padding: 5px 5px 5px 5px; } }



.tip-sws02-css {
	border-radius: 4px; 
	border: 1px solid #000000;
	background-color: #FFFFFF;
	color: #000000;
}
@media(min-width:1px)     {.tip-sws02-css { max-width: 300px;} }
@media(min-width:600px)   {.tip-sws02-css { max-width: 595px;} }
@media(min-width:800px)   {.tip-sws02-css { max-width: 620px;} }

@media(min-width:1px)    {.tip-sws02-css .tooltipster-content { font-size: 12px; line-height: 14px; padding: 5px 5px 5px 5px; } }
@media(min-width:600px)  {.tip-sws02-css .tooltipster-content { font-size: 13px; line-height: 15px; padding: 5px 5px 5px 5px; } }
@media(min-width:1200px) {.tip-sws02-css .tooltipster-content { font-size: 14px; line-height: 16px; padding: 5px 5px 5px 5px; } }


.tip-sws03-css {
	border-radius: 4px; 
	border: 1px solid #000000;
	background-color: #FFFFFF;
	color: #000000;
	margin: 10px;
	max-width: 400px;
}
.tip-sws03-css .tooltipster-content { font-size: 14px; line-height: 15px; padding: 5px 5px 5px 5px; }

/* Beginn Modal Newsletter */
@media(min-width:1px)  { .email-sws01 {max-width: 300px;} }
@media(min-width:500px)  { .email-sws01 {max-width: 400px;} }
@media(min-width:992px)  { .email-sws01 {max-width: 600px;} }


.email-sws02 {padding-top: 3px; padding-bottom: 3px; font-weight: bold;}

.email-sws03 {
    background-color: #FFE1F0; 
    border: 0px ;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;   
    -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}

@media(min-width:1px)     {.email-sws04 { width: 95%;} }
@media(min-width:500px)   {.email-sws04 { width: 90%;} }
@media(min-width:992px)   {.email-sws04 { width: 70%;} }

@media(min-width:1px) {.email-sws05 {margin-bottom: 10px; width: 55px; } }
@media(min-width:500px) {.email-sws05 {margin-bottom:: 10px; width: 60px; } }
@media(min-width:992px) {.email-sws05 {margin-bottom:: 15px; width: 70px; } }

.email-sws06 {margin: 10px; }

.email-sws07 {font-size: 0.75em; font-weight: normal; }

@media(min-width:1px) {.email-sws08 {margin-bottom: 10px; width: 100px; } }
@media(min-width:500px) {.email-sws08 {margin-bottom:: 10px; width: 100px; } }
@media(min-width:992px) {.email-sws08 {margin-bottom:: 15px; width: 100px; } }

.email-sws10 {
  border: 1px solid #E7E7E7;
  background-color: #FCFCFC;
  padding: 20px 10px 20px 10px;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}  

@media(min-width:1px)   	{ .email-sws11 { display: inline; } }
@media(min-width:560px)   { .email-sws11 { display: none; } }

/* Ende Modal Newsletter */


/* Beginn Tests */

.te001 {    /* äusseres Panel */
padding: 0px 0px; margin-left: -15px; margin-right: -15px;
}
.te002 {     /* innen die paddings nullen */
padding: 2px;
}

.te003 {     /* Schiftart Datum */
font-size: 0.95em; font-weight: normal;
}

.te004 {     /* Schiftart Test Ãœberschrift */
font-size: 1.10em; font-weight: bold;
}

@media(min-width:1px) { .te005 {max-width:80px; margin: 5px; display: inline-block;}  }
@media(min-width:1200px) { .te005 {max-width:100px; margin: 5px; display: inline-block;}  }

.te006 {     /* Schiftart test Beschreibung */
font-size: 0.90em; font-weight: normal;
} 

@media(min-width:1px) { .te007 {max-width:100px; margin: 5px; display: inline-block;}  }
@media(min-width:1200px) { .te007 {max-width:130px; margin: 5px; display: inline-block;}  }

@media(min-width:1px) { .te008 {max-width:120px; margin: 5px; display: inline-block;}  }
@media(min-width:1200px) { .te008 {max-width:150px; margin: 5px; display: inline-block;}  }

.te020 {       /* Ãœberschrift Rahmen */
  margin-bottom: 5px;
}



.te025 {     /* überschriften Testbericht */
font-size: 1.10em; font-weight: bold;
}

.te026 {     /* Test Beschreibung */
font-size: 0.95em; font-weight: normal; 
} 
@media(min-width:1px)    { .te033 { padding: 5px; } }    
@media(min-width:600px)  { .te033 { padding: 10px; } }   



@media(min-width:1px)   { .te030 { clear: all; float: left; margin-right: 10px; margin-bottom: 5px; width:120px; } }    /* Test Bild 1 */
@media(min-width:500px) { .te030 { clear: all; float: left; margin-right: 10px; margin-bottom: 5px; width:auto; } }   

@media(min-width:1px)    { .te031 { margin: 2px; width:95px; } }    /* Test Bild 2 */
@media(min-width:500px)  { .te031 { margin: 2px; width:120px; } }   
@media(min-width:992px)  { .te031 { margin: 2px; width:120px; } } 
@media(min-width:1200px) { .te031 { margin: 2px; width:130px; } }   


@media(min-width:1px)    { .te032 { margin: 2px; width:40px; } }    /* Test Schweinchen */
@media(min-width:500px)  { .te032 { margin: 2px; width:40px; } }   
@media(min-width:992px)  { .te032 { margin: 2px; width:40px; } } 
@media(min-width:1200px) { .te032 { margin: 2px; width:40px; } }   

@media(min-width:1px)    { .te033 { margin: 2px; width:50px; } }    /* Test TV Titel Tabelle */
@media(min-width:400px)  { .te033 { margin: 2px; width:60px; } }   
@media(min-width:500px)  { .te033 { margin: 2px; width:70px; } } 
@media(min-width:500px)  { .te033 { margin: 2px; width:85px; } } 
@media(min-width:992px)  { .te033 { margin: 2px; width:100px; } } 
@media(min-width:1200px) { .te033 { margin: 2px; width:110px; } }   

@media(min-width:1px)    { .te034 { margin: 2px; width:130px; } }    /* Test doppelbild */
@media(min-width:500px)  { .te034 { margin: 2px; width:160px; } }   
@media(min-width:992px)  { .te034 { margin: 2px; width:180px; } } 
@media(min-width:1200px) { .te034 { margin: 2px; width:220px; } }   

@media(min-width:1px)   { .te035 { clear: all; float: left; margin-right: 10px; margin-bottom: 5px; width:120px; } }    /* Test Bild 1 größer */
@media(min-width:500px) { .te035 { clear: all; float: left; margin-right: 10px; margin-bottom: 5px; width:200px; } }   
@media(min-width:992px) { .te035 { clear: all; float: left; margin-right: 10px; margin-bottom: 5px; width:230px; } }   


.te040  {                    /* Test Tabelle FAZIT */
font-size: 0.95em; 
font-weight: normal;
margin: auto;
max-width: 400px;
}

.te041  {
font-weight: bold;
background-color: #E7E7E7;
}
.te042  {
font-weight: normal;
background-color: #FFFFFF;
}

.te043  {
	border: 1px solid #E7E7E7;
}

.te050 { margin-right: 5px; margin-bottom: 2px; width:25px; }    /* Test Weblink Bild */



/*testtabelle tv-sender*/


.te060  { text-align: center; background-color: #F2F2F2; padding: 1px; }
.te061  { text-align: left;   background-color: #F2F2F2; padding: 1px; }
.te062  { text-align: center; background-color: #F2F2F2; padding: 1px; }
.te063  { background-color: #FFFFFF; }

.te065  { margin-left:auto; margin-right:auto; text-align: center;}

@media(min-width:1px)    { .te060 { font-size: 0.80em; } .te061 { font-size: 0.80em; font-weight: normal;} .te062 { font-size: 0.80em; } }    
@media(min-width:600px)  { .te060 { font-size: 0.85em; } .te061 { font-size: 0.85em; font-weight: bold;  } .te062 { font-size: 0.85em; } }  
@media(min-width:992px)  { .te060 { font-size: 0.90em; } .te061 { font-size: 0.90em; font-weight: bold;  } .te062 { font-size: 0.90em; } } 


/* Ende Tests */


/* Newsletter Einbledung Banner */

@media(min-width:600px)  { .nw001 { position:fixed; bottom:0px; left:50%; margin-left:-275px; margin-bottom:0px; z-index:20; } }
@media(min-width:600px)  { .nw002 { bottom:0px; margin:0px; padding:0px } }
@media(min-width:600px)  { .nw003 { position:fixed;  bottom:65px; left:50%;  margin-left: 235px; z-index:21; width: 40px; height: 40px; } }
@media(min-width:600px)  { .nw004 { display: block; height: 100%; text-decoration: none; } }

/* Beginn Neuigkeiten */

.ne001 {    /* äusseres Panel */
padding: 0px 0px; margin-left: -15px; margin-right: -15px;
}
.ne002 {     /* innen die paddings nullen */
padding: 0px;
}

.ne003 {     /* Schiftart Ãœberschrift und Datum */
font-size: 1.00em; font-weight: bold;
}

.ne004 {     /* Schiftart Einleitungstext und Schluß der Seite */
font-size: 0.95em; font-weight: normal;
}

.ne006 {     /* Panel body speziell */
padding: 5px 0px; 
}
           /* Grafik Anbieter */
@media(min-width:1px)    {.ne007 {   width: 100px; height: 45px; margin: 0px 2px; } }              
@media(min-width:768px)  {.ne007 {   width: 38px; height:  85px; margin: 0px 5px; } }           
@media(min-width:1200px) {.ne007 {   width: 45px; height: 100px; margin: 0px 5px; } }


          /* Grafik Zeitschrift GROSSES LAYOUT */
@media(min-width:1px)    { .ne009 { width: 90px; height: 45px; margin: 0px 2px; } }           
@media(min-width:768px)  { .ne009 { width: 85px; height: 85px; margin: 0px 5px; } }          
@media(min-width:1200px) { .ne009 { width: 100px; height: 100px; margin: 0px 5px; } }


.ne011 {    /* Neuigkeiten Text nach Links */
margin-right: -20px; 
}
.ne012 {    /* Neuigkeiten Text nach Links */
margin-right: 20px; 
}
.ne013 {     /* Schiftart Ãœberschrift und Datum */
font-size: 0.95em;
}
.ne014 {     /* Schiftart wir schenken Ihnen zu diesem Angebot einen */
font-size: 0.85em; line-height: 1;
}
.ne015 {    /* Gutscheingrafik */
margin-left: 5px; width: 155px;
}

@media(min-width:1px)   {.ab768px { display: none; } }
@media(min-width:768px) {.ab768px { display: inline; } }
@media(min-width:1px)   {.bis768px { display: inline; } }
@media(min-width:768px) {.bis768px { display: none; } }


.ne016 { margin-left: auto; margin-right: auto; text-align: center; }   /* Preistabelle table*/

/* Ende Neuigkeiten */

/* ABOSEITE und ANBIETERSEITEN */

.tb200 { width: 95px; font-size: 0.95em;}   /* spaltenweite*/
.tb201 { width: 90px; margin-bottom: 5px; }   /* gutscheinbild*/
.tb202  {font-size: 0.80em; } 
.tb203  {font-size: 1.20em; } 

    
.tb001 { margin: auto; width: 95%; }   /* Preistabelle table*/
.tb002 {text-align: left; width: 70%;  }   /* Preistabelle tr links*/    
.tb003 {text-align: right; width: 30%;  }   /* Preistabelle tr rechts*/    


    /* tooltip Info-Image  */
@media(min-width:1px)      {.tb008 { width: 13px; height: 13px;} }
@media(min-width:400px)    {.tb008 { width: 14px; height: 14px;} }
@media(min-width:500px)    {.tb008 { width: 14px; height: 14px;} }
@media(min-width:600px)    {.tb008 { width: 14px; height: 14px;} }
@media(min-width:768px)    {.tb008 { width: 14px; height: 14px;} }
@media(min-width:992px)    {.tb008 { width: 14px; height: 14px;} }
@media(min-width:1200px)   {.tb008 { width: 15px; height: 15px;} }
    /* Ãœberschrift Header Schrift  */
@media(min-width:1px)    {.tb007 { font-size: 0.89em; font-weight: bold; } }
@media(min-width:400px)  {.tb007 { font-size: 0.94em; font-weight: bold; } }
@media(min-width:500px)  {.tb007 { font-size: 0.92em; font-weight: bold; } }
@media(min-width:600px)  {.tb007 { font-size: 0.92em; font-weight: bold; } }
@media(min-width:768px)  {.tb007 { font-size: 0.89em; font-weight: bold; } }
@media(min-width:992px)  {.tb007 { font-size: 0.92em; font-weight: bold; } }
@media(min-width:1200px) {.tb007 { font-size: 0.87em; font-weight: bold; } }


  
@media(min-width:1px)   {.tb014 { margin: 1px; width: 124px; height: 24 px;} }        /* Gutscheinbanner 155 x 30, ...*/
@media(min-width:380px) {.tb014 { margin: 1px; width: 140px; height: 27 px;} }
@media(min-width:420px) {.tb014 { margin: 1px; width: 140px; height: 27 px;} }
@media(min-width:600px) {.tb014 { margin: 1px; width: 155px; height: 30 px;} }

@media(min-width:1px)   {.tb015 { display: none;} .tb016 { display: inline;} .tb017 { display: none;}  }
@media(min-width:380px) {.tb015 { display: none;} .tb016 { display: none;} .tb017 { display: inline;}  }
@media(min-width:620px) {.tb015 { display: inline;} .tb016 { display: none;} .tb017 { display: inline;}  }

@media(min-width:1px)   {.tb018 { display: inline;} .tb019 { display: none;} }
@media(min-width:380px) {.tb018 { display: none;} .tb019 { display: inline;} }

.tb020 { margin: auto; width: 95%; }   /* tabelle text am Schluß*/

.tb030 { font-size: 0.90em;}

.tb031 { margin: 5px;}      /* anbieterseiten sortierknöpfe*/

.tb032 { margin-top: 5px; margin-bottom: 5px;}      /* anbieterseiten bilderanbieter / aktinen*/

/* Schriftgrößen SPALTE 1*/
.tb040 {font-size: 0.90em; }   
.tb041 {font-size: 0.85em; } 
.tb042 {font-size: 0.30em; }

.tb040a {font-size: 0.95em; }   
.tb041a {font-size: 0.90em; }

@media(min-width:1px)   {.tb043 {display: inline-block; }  }
@media(min-width:600px) {.tb043 {display: inline; }  }
   
@media(min-width:1px)   {.tb040 br { display: none;}   } /* Umbrüche RAUS */
@media(min-width:600px) {.tb040 br { display: inline;} }

/* Schriftgrößen SPALTE 2*/
.tb050 {font-size: 0.90em; }
 
.tb055 { vertical-align: middle; line-height: 1.2;} /* Rabatt, Bankeinzug, ...*/
@media(min-width:1px)   {.tb056 { width: 11px; height: 11px; vertical-align: center; margin: 0px;} } /* Tooltip bild hinter Rabatt, Bankeinzug, ...*/
@media(min-width:600px) {.tb056 { width: 14px; height: 14px; vertical-align: center; margin: 0px; margin-bottom: 2px;} } /* Tooltip bild hinter Rabatt, Bankeinzug, ...*/

.tb057 td { border-collapse:collapse; border-bottom-style:solid; border-bottom-width:1px; border-color:#000000; }    /* underline vor Abokosten ...*/
.tb058 { font-size: 1.15em; font-weight: bold; vertical-align: center; line-height: 1.3;} /* Abokosten, ...*/

@media(min-width:1px)   {.tb059 br { display: none;}   } /* Umbrüche RAUS */
@media(min-width:600px) {.tb059 br { display: inline;} }
.tb059 {font-size: 0.92em; }

/* Schriftgrößen SPALTEN 3 + 4*/
@media(min-width:1px) { .tb065  { background: #FFDFF0 ;} }   /*maximale Prämien markieren*/
@media(min-width:600px) { .tb065  { background: #FFDFF0 url(sparen_wie_schwaben_schweinchen01.png) top right no-repeat; } }   /*maximale Prämien markieren*/

.tb066  { text-align: center; width:100%; margin-top: 2px; }  
.tb067  { position:relative; background-color: #FFFFFF; width:100%;  }  
.tb068  { background-color: #9DDB85; color: #000000; }   /* Balken Kosten */
.tb069  { background-color: #9DDB85; color: #FF0000; }   /* Balken GRATIS */

@media(min-width:1px) { .tb070  { height:32px;;} }   /*höhe Balken  32*/
@media(min-width:600px) { .tb070  { height:34px; } } /*höhe Balken  34*/
@media(min-width:992px) { .tb070  { height:36px; } } /*höhe Balken  36*/

.tb071 {font-size: 1.00em; }  
.tb072 {font-size: 1.25em; font-weight: bold; }   

@media(min-width:1px)   {.tb073 {font-size: 0.82em; }  }
@media(min-width:600px)   {.tb073 {font-size: 0.80em; }  }
@media(min-width:630px)   {.tb073 {font-size: 0.85em; }  }

.tb074 {font-size: 0.82em; }  

@media(min-width:1px)   {.ab450px { display: none; } }
@media(min-width:450px) {.ab450px { display: inline; } }
@media(min-width:1px)   {.bis450px { display: inline; } }
@media(min-width:450px) {.bis450px { display: none; } }

@media(min-width:1px)   {.ab600px { display: none; } }
@media(min-width:600px) {.ab600px { display: inline; } }
@media(min-width:1px)   {.bis600px { display: inline; } }
@media(min-width:600px) {.bis600px { display: none; } }



  /*Anbieterbild*/
@media(min-width:1px)     {.tb080 { width: 35px; } }
@media(min-width:400px)   {.tb080 { width: 35px; } }
@media(min-width:450px)   {.tb080 { width: 75px; } }
@media(min-width:500px)   {.tb080 { width: 85px; } }
@media(min-width:600px)   {.tb080 { width: 75px; } }
@media(min-width:640px)   {.tb080 { width: 80px; } }
@media(min-width:680px)   {.tb080 { width: 90px; } }
@media(min-width:768px)   {.tb080 { width: 80px; } }
@media(min-width:992px)   {.tb080 { width: 80px; } }
@media(min-width:1200px)  {.tb080 { width: 100px; } }

.tb082 { margin-bottom: 7px;}

  /*Bestellbutton*/
@media(min-width:1px)     {.tb081 { width: 50px; } }
@media(min-width:400px)   {.tb081 { width: 60px; } }
@media(min-width:450px)   {.tb081 { width: 75px; } }
@media(min-width:500px)   {.tb081 { width: 85px; } }
@media(min-width:600px)   {.tb081 { width: 75px; } }
@media(min-width:640px)   {.tb081 { width: 80px; } }
@media(min-width:680px)   {.tb081 { width: 90px; } }
@media(min-width:768px)   {.tb081 { width: 80px; } }
@media(min-width:992px)   {.tb081 { width: 80px; } }
@media(min-width:1200px)  {.tb081 { width: 100px; } }

  /*Zeitschriftenbild Anbieterseiten*/
@media(min-width:1px)     {.tb083 { width: 45px; } }
@media(min-width:400px)   {.tb083 { width: 50px; } }
@media(min-width:450px)   {.tb083 { width: 55px; } }
@media(min-width:500px)   {.tb083 { width: 55px; } }
@media(min-width:600px)   {.tb083 { width: 75px; } }
@media(min-width:640px)   {.tb083 { width: 80px; } }
@media(min-width:680px)   {.tb083 { width: 90px; } }
@media(min-width:768px)   {.tb083 { width: 80px; } }
@media(min-width:992px)   {.tb083 { width: 80px; } }
@media(min-width:1200px)  {.tb083 { width: 90px; } }

@media(min-width:1px)     {.tb084 { width: 300px; } }
@media(min-width:400px)   {.tb084 { width: 400px; } }
 
 
.tb090 { clear:both; margin: 0 auto; width: 100%; padding-bottom: 55px; }

.tb100 { float:left;  background-color: #FFE1F0; margin: 0px; border: 1px solid Silver; border-right: none; }
.tb101 { float:left;  background-color: #FFE1F0; margin: 0px; border: 1px solid Silver; border-right: none; }
.tb102 { float:right; background-color: #FFE1F0; margin: 0px; border: 1px solid Silver;  }

.tb103 { float:left;  background-color: #FCFCFC; margin: 0px; border: 1px solid Silver; border-right: none; border-top: none; }
.tb104 { float:left;  background-color: #FCFCFC; margin: 0px; border: 1px solid Silver; border-right: none; border-top: none; }
.tb105 { float:right; background-color: #FCFCFC; margin: 0px; border: 1px solid Silver; border-top: none; }

@media(min-width:1px) { .tb100 { width: 45%;} .tb103 { width: 45%;}}
@media(min-width:1px) { .tb101 { width: 35%;} .tb104 { width: 35%;}}
@media(min-width:1px) { .tb102 { width: 20%;} .tb105 { width: 20%;}}

@media(min-width:600px) { .tb100 { width: 45%;} .tb103 { width: 45%;}}
@media(min-width:600px) { .tb101 { width: 40%;} .tb104 { width: 40%;}}
@media(min-width:600px) { .tb102 { width: 15%;} .tb105 { width: 15%;}}

.tb110 { float:left;  margin: 0px; padding: 3px; text-align: center; }
.tb110-warp1 { display:table; width: 100%; }
.tb110-warp2 { display:table-cell; vertical-align:middle;}

.tb111 { float:right; margin: 0px; padding: 3px; text-align: center; }
.tb111-warp1 { display:table; width: 100%; }
.tb111-warp2 { display:table-cell; vertical-align:middle;}

.tb112 { float:left;  margin: 0px; padding: 3px; text-align: center;}
.tb112-warp1 { display:table; width: 100%; }
.tb112-warp2 { display:table-cell; vertical-align:middle;}

.tb113 { float:right; margin: 0px; padding: 3px; text-align: center; }
.tb113-warp1 { display:table; width: 100%; }
.tb113-warp2 { display:table-cell; vertical-align:middle;}

.tb114 { float:right; margin: 0px; padding: 3px; text-align: center; }
.tb114-warp1 { display:table; width: 100%; }
.tb114-warp2 { display:table-cell; vertical-align:middle;}

.tbfxs {font-size: 0.50em; }
.tbf75 {font-size: 0.75em; }
.tbf80 {font-size: 0.80em; }
.tbf85 {font-size: 0.85em; }
.tbf90 {font-size: 0.90em; }
.tbf100 {font-size: 1.00em; }



    /* bis 600 2 Spalten */
@media(min-width:1px) {.tb110 { width: 100%; font-size: 0.80em; } .tb110h1 {height: 50px;}  .tb110h2 {height: 50px;}  .tb110h3 {height: 50px;}  .tb110h4 {height: 50px;}  .tb110h5 {height: 50px;}}
@media(min-width:1px) {.tb111 { width: 100%; font-size: 0.80em; } .tb111h1 {height: 100px;} .tb111h2 {height: 166px;} .tb111h3 {height: 200px;} .tb111h4 {height: 200px;} .tb111h5 {height: 200px;}}
@media(min-width:1px) {.tb112 { width: 100%; font-size: 0.80em; } .tb112h1 {height: 75px;}  .tb112h2 {height: 108px;} .tb112h3 {height: 125px;} .tb112h4 {height: 125px;} .tb112h5 {height: 125px;}}
@media(min-width:1px) {.tb113 { width: 100%; font-size: 0.80em; } .tb113h1 {height: 75px;}  .tb113h2 {height: 108px;} .tb113h3 {height: 125px;} .tb113h4 {height: 125px;} .tb113h5 {height: 125px;}}
@media(min-width:1px) {.tb114 { width: 100%; font-size: 0.80em; } .tb114h1 {height: 150px;} .tb114h2 {height: 216px;} .tb114h3 {height: 250px;} .tb114h4 {height: 250px;} .tb114h5 {height: 250px;}}


    /* ab 600 4 Spalten  */
    
@media(min-width:600px) {.tb110 { width: 32%;  font-size: 0.85em; } .tb110h1 {height: 125px;}  .tb110h2 {height: 155px;} .tb110h3 {height: 210px;} .tb110h4 {height: 250px;} .tb110h5 {height: 250px;} }
@media(min-width:600px) {.tb111 { width: 68%;  font-size: 0.85em; } .tb111h1 {height: 125px;}  .tb111h2 {height: 155px;} .tb111h3 {height: 210px;} .tb111h4 {height: 250px;} .tb111h5 {height: 250px;} }
@media(min-width:600px) {.tb112 { width: 50%;  font-size: 0.85em; } .tb112h1 {height: 125px;}  .tb112h2 {height: 155px;} .tb112h3 {height: 210px;} .tb112h4 {height: 250px;} .tb112h5 {height: 250px;} }
@media(min-width:600px) {.tb113 { width: 50%;  font-size: 0.85em; } .tb113h1 {height: 125px;}  .tb113h2 {height: 155px;} .tb113h3 {height: 210px;} .tb113h4 {height: 250px;} .tb113h5 {height: 250px;} }
@media(min-width:600px) {.tb114 { width: 100%; font-size: 0.85em; } .tb114h1 {height: 125px;}  .tb114h2 {height: 155px;} .tb114h3 {height: 210px;} .tb114h4 {height: 250px;} .tb114h5 {height: 250px;} }  
    
@media(min-width:992px) {.tb110 { width: 32%;  font-size: 0.89em; } .tb110h1 {height: 125px;}  .tb110h2 {height: 155px;} .tb110h3 {height: 220px;} .tb110h4 {height: 250px;} .tb110h5 {height: 250px;} }
@media(min-width:992px) {.tb111 { width: 68%;  font-size: 0.89em; } .tb111h1 {height: 125px;}  .tb111h2 {height: 155px;} .tb111h3 {height: 220px;} .tb111h4 {height: 250px;} .tb111h5 {height: 250px;} }
@media(min-width:992px) {.tb112 { width: 50%;  font-size: 0.89em; } .tb112h1 {height: 125px;}  .tb112h2 {height: 155px;} .tb112h3 {height: 220px;} .tb112h4 {height: 250px;} .tb112h5 {height: 250px;} }
@media(min-width:992px) {.tb113 { width: 50%;  font-size: 0.89em; } .tb113h1 {height: 125px;}  .tb113h2 {height: 155px;} .tb113h3 {height: 220px;} .tb113h4 {height: 250px;} .tb113h5 {height: 250px;} }
@media(min-width:992px) {.tb114 { width: 100%; font-size: 0.89em; } .tb114h1 {height: 125px;}  .tb114h2 {height: 155px;} .tb114h3 {height: 220px;} .tb114h4 {height: 250px;} .tb114h5 {height: 250px;} }


    /* Korrekturen Border */
@media(min-width:600px) { .tb111 { border-left: 1px solid Silver; } }
@media(min-width:600px) { .tb113 { border-left: 1px solid Silver; } }


/**** ALLGEMEINE FORMATE */
.f010 { font-size: 0.1em;}
.f020 { font-size: 0.2em;}
.f025 { font-size: 0.25em;}
.f030 { font-size: 0.3em;}
.f040 { font-size: 0.4em;}
.f045 { font-size: 0.45em;}
.f050 { font-size: 0.5em;}
.f055 { font-size: 0.55em;}
.f060 { font-size: 0.6em;}
.f065 { font-size: 0.65em;}
.f070 { font-size: 0.7em;}
.f075 { font-size: 0.75em;}
.f080 { font-size: 0.8em;}
.f085 { font-size: 0.85em;}
.f090 { font-size: 0.9em;}
.f095 { font-size: 0.95em;}
.f100 { font-size: 1em;}
.f105 { font-size: 1.05em;}
.f110 { font-size: 1.1em;}
.f115 { font-size: 1.15em;}
.f120 { font-size: 1.2em;}
.f125 { font-size: 1.25em;}
.f130 { font-size: 1.3em;}
.f135 { font-size: 1.35em;}
.f140 { font-size: 1.4em;}
.f145 { font-size: 1.45em;}
.f150 { font-size: 1.5em;}

.margin5 { margin: 5px;}

.lh-050 {line-height: 0.50; } 
.lh-080 {line-height: 0.80; } 
.lh-090 {line-height: 0.90; }
.lh-100 {line-height: 1.00; } 
.lh-125 {line-height: 1.25;} 
.lh-150 {line-height: 1.50;} 

.fnormal { font-weight: normal;}
.fbold   { font-weight: bold;}

.red  {color: #FF0000;}
.blue {color: #0F5CA7;}
.grey  {color: #848484;}
.inline-block { display: inline-block;} 
.inline { display: inline;} 

.nowrap     { white-space:nowrap; }

.breakword {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center;  }
.uline { text-decoration: underline; }

.maxwidth600 { max-width: 600px; }

/*kontakt - formmailer */
.ko001  { border-color: #999; background-color: #FFFFFF; margin:0px;}

.embed-responsive-kontaktsws {
  height: 700px; }
  
  
/*geschenkkarte */  
.embed-responsive-geschenkkarte {
  height: 1000px; }  
  


/**** BEGINN ABOSEITE */
.img-warp1 {
	position:relative; 
	max-width: 200px; 
	margin-left: auto; 
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 0px; }
.img-lupe {
	position:absolute;
	bottom:0px; 
	right:0px; 	}	

@media(min-width:1px)       { h1 .gross  {font-size: 0.6em; font-weight: bold; line-height: 1.0;} } /* h1 Abo Hörzu */
@media(min-width:769px) 	  { h1 .gross  {font-size: 0.8em; font-weight: bold;} }
@media(min-width:992px)   	{ h1 .gross  {font-size: 0.85em; font-weight: bold;} }  
@media(min-width:1200px)   	{ h1 .gross  {font-size: 0.85em; font-weight: bold;} }  	

@media(min-width:1px)       { h1 .mittel  {font-size: 0.6em; font-weight: bold; color:#777777;  line-height: 1.0;} }  /* h1 - alle Abo Prämien im Vergleich */
@media(min-width:769px) 	  { h1 .mittel  {font-size: 0.6em; font-weight: bold; color:#777777;} } 
@media(min-width:992px)   	{ h1 .mittel  {font-size: 0.65em; font-weight: bold; color:#777777;} }   
@media(min-width:1200px)   	{ h1 .mittel  {font-size: 0.65em; font-weight: bold; color:#777777;} } 

@media(min-width:1px)       { .as001  {font-size: 1.0em; font-weight: bold; color:#777777;} } /* h2 Die höchste Prämie fürs Abo ... */
@media(min-width:769px)   	{ .as001  {font-size: 1.0em; font-weight: bold; color:#777777;} }
@media(min-width:992px)   	{ .as001  {font-size: 1.0em; font-weight: bold; color:#777777;} }
@media(min-width:1200px)   	{ .as001  {font-size: 1.0em; font-weight: bold; color:#777777;} }

@media(min-width:1px)       { .as002  {font-size: 0.84em; line-height: 1.23;} } /* h3 Beschreibungstext */
@media(min-width:769px)   	{ .as002  {font-size: 0.82em; line-height: 1.2;} }
@media(min-width:992px)   	{ .as002  {font-size: 0.85em; line-height: 1.2;} }
@media(min-width:1200px)   	{ .as002  {font-size: 0.90em; line-height: 1.15;} }

@media(min-width:1px)       { .as003  {font-size: 0.80em; line-height: 1.2;} .as004 { width: 20px; height: 20px; margin-left:3px; margin-right:9px; margin-bottom:1px;} } /* Video Webtip ... */
@media(min-width:769px) 	  { .as003  {font-size: 0.80em; line-height: 1.2;} .as004 { width: 20px; height: 20px; margin-left:3px; margin-right:9px; margin-bottom:1px;} } 
@media(min-width:992px)   	{ .as003  {font-size: 0.84em; line-height: 1.5;} .as004 { width: 23px; height: 23px; margin-left:3px; margin-right:9px; margin-bottom:1px;} } 
@media(min-width:1200px)   	{ .as003  {font-size: 0.87em; line-height: 1.5;} .as004 { width: 23px; height: 23px; margin-left:3px; margin-right:9px; margin-bottom:1px;} } 

@media(min-width:1px)       { .as005 { width: 27px; height: 27px; margin-right:5px; margin-bottom:1px;} } /* Schweinchen ... */
@media(min-width:769px) 	  { .as005 { width: 27px; height: 27px; margin-right:5px; margin-bottom:1px;} } 
@media(min-width:992px)   	{ .as005 { width: 30px; height: 30px; margin-right:5px; margin-bottom:1px;} } 
@media(min-width:1200px)   	{ .as005 { width: 30px; height: 30px; margin-right:5px; margin-bottom:1px;} } 

  /*aboseite beschreibung max. Höhe */
.divscroll_01 {
	position:relative;
	height:auto;
	width:auto;
	text-align:justify;
    overflow:auto;
	padding-right: 0px;
	z-index:1;
}

.divscroll_02 {
	position:relative;
	max-height:154px;
	width:auto;
	text-align:justify;
    overflow:auto;
	padding: 3px;
	padding-right: 10px;
	background-color: #FFFFFF;
	z-index:1;
}
.divscroll_03 {
	position:relative;
	height:auto;
	width:auto;
	text-align:justify;
    overflow:auto;
	padding-right: 0px;
	z-index:1;
}

/**** ENDE ABOSEITE */

/**** BEGINN fancybox 2 */
.fancybox-title {
	font-family: Arial, Verdana, Helvetica;
	font-size: 1.1em; 
	font-weight: bold;	
	text-align: center;}

.fancybox-skin {
 border: 3px solid #FFE1F0;
 background-color: #E7E7E7 ; }
/**** ENDE fancybox 2 */

/**** Beginn Startseiten und Rubriken-Tabellen  -- img-thumbnail von bootstrap hat 4 px padding daher hier +8px bei der Größe*/
@media(min-width:1px)   {.ta001 {float: left; width: 76px; height: 103px; margin-right: 3px; margin-bottom: 2px; }  }    /* Bild Zeitschrift */
@media(min-width:600px) {.ta001 {float: left; width: 76px; height: 103px; margin-right: 3px; margin-bottom: 2px; }  }    /* Bild Zeitschrift */

.ta002  { text-align: center; width:100%;}
.ta003  { position:relative; background-color: #FFFFFF; width:100%; height:40px; } 
.ta003_1  { position:relative; background-color: #FFFFFF; width:100%; }  
@media(min-width:1px)   { .ta003_2 { height:36px; } }   /*höhe Balken  32*/
@media(min-width:600px) { .ta003_2 { height:38px; } } /*höhe Balken  34*/
@media(min-width:992px) { .ta003_2 { height:40px; } } /*höhe Balken  36*/


.ta004  { background-color: #9DDB85; color: #FF0000; height:40px; }
.ta004_1  { background-color: #9DDB85; color: #FF0000; }   /* Balken Prämie */
@media(min-width:1px)   { .ta004_2 { height:36px; } }   /*höhe Balken  32*/
@media(min-width:600px) { .ta004_2 { height:38px; } } /*höhe Balken  34*/
@media(min-width:992px) { .ta004_2 { height:40px; } } /*höhe Balken  36*/

.tafxs {font-size: 0.50em; }
.tafsm {font-size: 0.70em; }
.tafmd {font-size: 0.80em; }
.tafla {font-size: 0.90em; }
.tafxl {font-size: 1.00em; }
.tafxx {font-size: 1.15em; }

.tafxs_spacer {font-size: 6px; line-height: 6px; height: 6px; text-size-adjust:2%; }
@media(min-width:1px)   {.echoab600px_spacer { display: none; } }
@media(min-width:600px) {.echoab600px_spacer { display: block; } }


    /* AKTIONSTEXTE Zeilenumbrüche raus bei kleinem Bildschirm */
@media(min-width:1px) {.ta005 br { display: none;} .ta005 { font-size: 0.80em; } }
@media(min-width:600px) {.ta005 br { display: inline;} .ta005 { font-size: 0.85em; } }

    /* JE NACH LAUFZEIT Zeilenumbrüche raus bei kleinem Bildschirm */
@media(min-width:1px)   {.ta006 br { display: none;}   .ta006 { font-size: 0.75em; line-height: 0.9;} }
@media(min-width:600px) {.ta006 br { display: inline;} .ta006 { font-size: 0.75em; line-height: 0.9; } }

.ta011 { font-size: 0.85em; }   /* Zeitschrift Beschreibung */


    /* text nur ausgeben unter 600 px */
@media(min-width:1px)   {.echobis600px { display: inline; } }
@media(min-width:600px) {.echobis600px { display: none } }

    /* text nur ausgeben über 600 px */
@media(min-width:1px)   {.echoab600px { display: none; } }
@media(min-width:600px) {.echoab600px { display: inline; } }

    /* siehe Doku CSS Modell */
.ta090 { clear:both; margin: 0 auto; width: 100%; padding-bottom: 55px; }

.ta100 { float:left;  background-color: #FFE1F0; width: 70%; margin: 0px; border: 1px solid Silver; border-right: none; }
.ta101 { float:right; background-color: #FFE1F0; width: 30%; margin: 0px; border: 1px solid Silver; }

.ta102 { float:left;  background-color: #FCFCFC; width: 70%; margin: 0px; border: 1px solid Silver; border-right: none; border-top: none; }
.ta103 { float:right; background-color: #FCFCFC; width: 30%; margin: 0px; border: 1px solid Silver; border-top: none;}

.ta110 { float:left;  margin: 0px; padding: 3px; text-align: left; }
.ta110-warp1 { display:table; width: 100%; }
.ta110-warp2 { display:table-cell; vertical-align:middle;}

.ta111 { float:right; margin: 0px; padding: 3px; text-align: center; }
.ta111-warp1 { display:table; width: 100%; }
.ta111-warp2 { display:table-cell; vertical-align:middle;}

.ta112 { float:left;  margin: 0px; padding: 3px; text-align: center;}
.ta112-warp1 { display:table; width: 100%; }
.ta112-warp2 { display:table-cell; vertical-align:middle;}

.ta113 { float:right; margin: 0px; padding: 3px; text-align: center; }
.ta113-warp1 { display:table; width: 100%; }
.ta113-warp2 { display:table-cell; vertical-align:middle;}

    /* Korrekturen Border */
@media(min-width:600px) { .ta111 { border-left: 1px solid Silver; } }
@media(min-width:600px) { .ta113 { border-left: 1px solid Silver; } }

    /* bis 600 2 Spalten */
@media(min-width:1px) {.ta110 { width: 100%; font-size: 0.87em; height: 166px;} .ta110-warp1 {height: 166px; } }
@media(min-width:1px) {.ta111 { width: 100%; font-size: 0.87em; height: 74px ;} .ta111-warp1 {height: 74px ; } }
@media(min-width:1px) {.ta112 { width: 100%; font-size: 0.87em; height: 120px;} .ta112-warp1 {height: 120px; } }
@media(min-width:1px) {.ta113 { width: 100%; font-size: 0.87em; height: 120px;} .ta113-warp1 {height: 120px; } }

@media(min-width:400px) {.ta110 { width: 100%; font-size: 0.87em; height: 156px;} .ta110-warp1 {height: 156px; } }
@media(min-width:400px) {.ta111 { width: 100%; font-size: 0.87em; height: 74px ;} .ta111-warp1 {height: 74px ; } }
@media(min-width:400px) {.ta112 { width: 100%; font-size: 0.87em; height: 115px;} .ta112-warp1 {height: 115px; } }
@media(min-width:400px) {.ta113 { width: 100%; font-size: 0.87em; height: 115px;} .ta113-warp1 {height: 115px; } }

@media(min-width:500px) {.ta110 { width: 100%; font-size: 0.90em; height: 150px;} .ta110-warp1 {height: 150px; } }
@media(min-width:500px) {.ta111 { width: 100%; font-size: 0.90em; height: 64px ;} .ta111-warp1 {height: 64px ; } }
@media(min-width:500px) {.ta112 { width: 100%; font-size: 0.90em; height: 107px;} .ta112-warp1 {height: 107px; } }
@media(min-width:500px) {.ta113 { width: 100%; font-size: 0.90em; height: 107px;} .ta113-warp1 {height: 107px; } }

    /* ab 600 4 Spalten  */
@media(min-width:600px) {.ta110 { width: 68%; font-size: 0.89em; height: 180px;} .ta110-warp1 {height: 180px; } }
@media(min-width:600px) {.ta111 { width: 32%; font-size: 0.89em; height: 180px;} .ta111-warp1 {height: 180px; } }
@media(min-width:600px) {.ta112 { width: 50%; font-size: 0.89em; height: 180px;} .ta112-warp1 {height: 180px; } }
@media(min-width:600px) {.ta113 { width: 50%; font-size: 0.89em; height: 180px;} .ta113-warp1 {height: 180px; } }

@media(min-width:768px) {.ta110 { width: 68%; font-size: 0.93em; height: 160px;} .ta110-warp1 {height: 160px; } }
@media(min-width:768px) {.ta111 { width: 32%; font-size: 0.93em; height: 160px;} .ta111-warp1 {height: 160px; } }
@media(min-width:768px) {.ta112 { width: 50%; font-size: 0.93em; height: 160px;} .ta112-warp1 {height: 160px; } }
@media(min-width:768px) {.ta113 { width: 50%; font-size: 0.93em; height: 160px;} .ta113-warp1 {height: 160px; } }

@media(min-width:992px) {.ta110 { width: 68%; font-size: 0.96em; height: 165px;} .ta110-warp1 {height: 165px; } }
@media(min-width:992px) {.ta111 { width: 32%; font-size: 0.96em; height: 165px;} .ta111-warp1 {height: 165px; } }
@media(min-width:992px) {.ta112 { width: 50%; font-size: 0.96em; height: 165px;} .ta112-warp1 {height: 165px; } }
@media(min-width:992px) {.ta113 { width: 50%; font-size: 0.96em; height: 165px;} .ta113-warp1 {height: 165px; } }

@media(min-width:1200px) {.ta110 { width: 68%; font-size: 0.97em; height: 165px;} .ta110-warp1 {height: 165px; } }
@media(min-width:1200px) {.ta111 { width: 32%; font-size: 0.97em; height: 165px;} .ta111-warp1 {height: 165px; } }
@media(min-width:1200px) {.ta112 { width: 50%; font-size: 0.97em; height: 165px;} .ta112-warp1 {height: 165px; } }
@media(min-width:1200px) {.ta113 { width: 50%; font-size: 0.97em; height: 165px;} .ta113-warp1 {height: 165px; } }

    /* ab 600 4 Spalten  */
@media(min-width:1px) {.hoehekopf { height: 35px;} }
@media(min-width:600px) {.hoehekopf { height: 55px;} }

@media(min-width:1px) {.hoehekopf2 { height: 70px;} }
@media(min-width:600px) {.hoehekopf2 { height: 55px;} }


    /* tooltip Info-Image  */
@media(min-width:1px)      {.ta008 { width: 13px; height: 13px;} }
@media(min-width:400px)    {.ta008 { width: 14px; height: 14px;} }
@media(min-width:500px)    {.ta008 { width: 14px; height: 14px;} }
@media(min-width:600px)    {.ta008 { width: 14px; height: 14px;} }
@media(min-width:768px)    {.ta008 { width: 14px; height: 14px;} }
@media(min-width:992px)    {.ta008 { width: 14px; height: 14px;} }
@media(min-width:1200px)   {.ta008 { width: 15px; height: 15px;} }
    /* Ãœberschrift Header Schrift  */
@media(min-width:1px)    {.ta007 { font-size: 0.89em; font-weight: bold; } }
@media(min-width:400px)  {.ta007 { font-size: 0.94em; font-weight: bold; } }
@media(min-width:500px)  {.ta007 { font-size: 0.92em; font-weight: bold; } }
@media(min-width:600px)  {.ta007 { font-size: 0.82em; font-weight: bold; } }
@media(min-width:768px)  {.ta007 { font-size: 0.87em; font-weight: bold; } }
@media(min-width:992px)  {.ta007 { font-size: 0.85em; font-weight: bold; } }
@media(min-width:1200px) {.ta007 { font-size: 0.87em; font-weight: bold; } }
    /* Umbruch Gutschein-Tooltipbild  */
@media(min-width:1px)     {.ta009 {display: none;}}
@media(min-width:600px)   {.ta009 {display: inline;}}
@media(min-width:768px)   {.ta009 {display: none;}}
    /* incl. ges. Mwst. versandkostenfre  */
@media(min-width:1px)     {.ta010 {font-size: 0.67em; line-height: 1;}}




/**** ENDE Startseiten und Rubriken-Tabellen */

/**** BEGINN SUCHE livesuche */
.su000   { position:absolute; z-index:999; width: auto; background-color: #FFFFFF; }  /* livesuche hintergrund */

@media(min-width:1px) and (max-width:454px)     { .su000 { margin-left: -50px;} .su001 {width: 255px;} }             
@media(min-width:455px) and (max-width:767px)   { .su000 { margin-left: 0px;}   .su001 {width: 287px;} }                      
@media(min-width:768px) and (max-width:9999px)  { .su000 { margin-left: -50px;} .su001 {width: 287px;} }
      
.su001   { border-radius: 4px; border: 1px; border-style: solid;       /* rahmen um gesamte Suche */
           border-color: #66AFE9;
           box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
           outline: 0 none;   }
           
@media(min-width:1px) and (max-width:767px)	{ 
.su011   { font-size: 0.85em; font-weight: normal; line-height: 1.0; padding-top: 5px; text-align: center;}     /* Ãœberschrift x Treffer Live-Suche */
.su012   { font-size: 0.95em; font-weight: bold; line-height: 1.0;}     /* fontsize zeitschrift 1 */
.su013   { font-size: 0.75em; font-weight: normal; line-height: 0.8;}   /* fontsize zeitschrift 2 */
.su014:hover   { background-color: #E7E7E7;}   /* hover bei Mouseover über Suchergebnis */
.su015 { margin-top: 5px;}                     /* platz über dem bild */
.su016 { border-top: 1px dotted black; }       /* zeilentrenner */
.su019   { font-size: 0.95em; font-weight: normal; line-height: 1.0; padding-top: 5px; text-align: center;}     /* weitere Treffer Live-Suche */
}

@media(min-width:768px) and (max-width:9999px) { 
.su011   { font-size: 0.85em; font-weight: normal; line-height: 1.0; padding-top: 5px; text-align: center;}     /* Ãœberschrift x Treffer Live-Suche */
.su012   { font-size: 0.95em; font-weight: bold; line-height: 1.0;}     /* fontsize zeitschrift 1 */
.su013   { font-size: 0.75em; font-weight: normal; line-height: 0.8;}   /* fontsize zeitschrift 2 */
.su014:hover   { background-color: #E7E7E7;}   /* hover bei Mouseover über Suchergebnis */
.su015   { margin-top: 10px;}                     /* platz über dem bild */
.su016   { border-top: 1px dotted black; }       /* zeilentrenner */
.su019   { font-size: 0.95em; font-weight: normal; line-height: 1.0; padding-top: 5px; text-align: center;}     /* weitere Treffer Live-Suche */
}

.su100 {
margin-top: 10px;
border-radius: 4px;
border: 1px solid #E7E7E7;
background-color: #FCFCFC;
max-width: 535px;}

@media(min-width:1px) and (max-width:500px)	{ .su101  { margin: 2px; height: 90px; } }
@media(min-width:501px) and (max-width:9999px)	{ .su101  { margin: 2px; height: 110px; } }

.su102  {
margin: 2px;
}

.su103 {     /* innen die paddings nullen */
padding: 2px;
}


/**** ENDE SUCHE livesuche */

/**** NAVBAR Suche button korrektur der Höhe*/
.btn-sws01 {
	height: 34px;
}




/**** BEGINN responsive Images */
.img-responsive-sws {
    max-width: 100% !important;
    height: auto !important;
    display:table-cell; 
    text-align:center;}
    

.img-responsive-div-sws01 { max-width:48px;}    /* WEGEN SCHÄRFE für die MINI Bilder 48*66 */
.img-responsive-div-sws02 { max-width:100px;}   /* WEGEN SCHÄRFE für die Mittel Cut Bilder 100*50 */
.img-responsive-div-sws03 { max-width:200px;}   /* WEGEN SCHÄRFE für die Mittel Bilder 200*275 */
.img-responsive-div-sws04 { max-width:145px; margin-bottom: 10px;}  /* WEGEN SCHÄRFE für die Aktionsbanner rechts 145*220 */
.img-responsive-div-sws05 { max-width:100px; margin-top: 3px;}   /* WEGEN SCHÄRFE für die Logos rechts 100*45 */

.img-responsive-div-sws06 { max-width:270px; margin-bottom: 5px; margin-left: 2px; margin-right: 2px;}  /* WEGEN SCHÄRFE für die Meldung 270*.. */
.img-responsive-div-sws07 { max-width:300px; margin-bottom: 5px; margin-left: 2px; margin-right: 2px;}  /* WEGEN SCHÄRFE für die Meldung 300*.. */
.img-responsive-div-sws08 { max-width:550px; margin-bottom: 5px; margin-left: auto; margin-right: auto;}  /* WEGEN SCHÄRFE für die Meldung 550*.. */
.img-responsive-div-sws09 { max-width:610px; margin-bottom: 5px;}  /* WEGEN SCHÄRFE für die Meldung 610*.. */
.img-responsive-div-sws10 { max-width:145px; margin-bottom: 5px;}  /* WEGEN SCHÄRFE für Bestchoice Grafik */

.img-responsive-div-sws11 { max-width:600px; margin: 0 auto;}   /* WEGEN SCHÄRFE Hilfe01  */

.img-responsive-div-sws12 { max-width:135px; margin-top: 5px; margin-bottom: 5px;}  /* WEGEN SCHÄRFE für die Newslettergutschein links 135*... */
.img-responsive-div-sws13 { max-width:280px; margin-top: 5px; margin-bottom: 5px;}  /* WEGEN SCHÄRFE für die Newslettergutschein links 280*... */
.img-responsive-div-sws14 { max-width:500px; margin-top: 5px; margin-bottom: 5px;}  /* WEGEN SCHÄRFE für die Newslettergutschein links 500*... */
.img-responsive-div-sws15 { max-width:500px; margin-top: 5px; margin-bottom: 5px;}  /* WEGEN SCHÄRFE für die Newslettergutschein links 500*... */
.img-responsive-div-sws16 { max-width:280px; margin-top: 5px; margin-bottom: 5px;}  /* WEGEN SCHÄRFE für die Newslettergutschein links 280*... */

.img-thumbnail-sws-klein {    /* wie img-thumbnail von bootstrap nur 2px padding und 2px rounded */
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 2px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

.img-thumbnail-sws-no-border {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 0px;
  line-height: 1.42857143;
}




/**** ENDE responsive Images */

/**** BEGINN abografik Tabelle */
.aa000  { margin: 5px;}   /* ganzäusseres div mit onclick event */
.aa001  { border-collapse:collapse; border-spacing:0; text-align: center; border-style:none; width:100%; table-layout: fixed;} 		/*äussere tabelle */
.aa001-1  { border-collapse:collapse; border-spacing:0; text-align: center; border-style:none; width:100%; padding-bottom: 5px; } 		/*div überschrift */

@media (min-width: 1px) 		  { .aa001 {font-size: 0.65em;} }
@media (min-width: 401px) 	  { .aa001 {font-size: 0.85em;} }
@media (min-width: 601px)   	{ .aa001 {font-size: 1.00em;} }  	
						  
.aa002  { width:30%; } 		/*zeitschriftenbild td */
@media(min-width:1px)   	{ .aa002 { padding-left: 0px; padding-right: 5px; } } 
@media(min-width:500px)   { .aa002 { padding-left: 5px; padding-right: 5px; } } 

.aa003  { width:70%; padding:0px;}		  /*vergleichstabelle td */
@media(min-width:1px)   	{ .aa003 { padding-left: 0px; padding-right: 5px; } } 
@media(min-width:500px)   	{ .aa003 { padding-left: 10px; padding-right: 15px; } } 
@media(min-width:768px)   	{ .aa003 { padding-left: 15px; padding-right: 20px; } }
@media(min-width:992px)   	{ .aa003 { padding-left: 25px; padding-right: 20px; } } 
@media(min-width:1200px)   	{ .aa003 { padding-left: 15px; padding-right: 35px; } } 

.aa004  { border-collapse:collapse; border-spacing:0; vertical-align:top; padding:2px; width:100%; }   /* Innentabelle Abovergleich */
.aa005  { border-style:solid; border-width:1px; border-color:#A9A8A7; background-color: #A9A8A7;  } 	/* Innentabelle Zeile Ãœberschrift  */
.aa005-1  { width:40%; }                      /* Innentabelle Spalte 1 Ãœberschrift  */
.aa005-2  { width:20%; }                      /* Innentabelle Spalte 2-4 Ãœberschrift  */
.aa006  { font-weight:bold; color:#FFFFFF; }  /* Innentabelle Text Ãœberschrift  */
.aa006-1  { font-size: 0.01em; }              /* Innentabelle Ãœberschrift Spacer Trennungstrick Gutschein ist ok da nicht SEO relevantes Wort */
.aa007  {  border-style:solid; padding:0px; text-align:left; padding-left:5px; border-width:1px; border-color:#969696; background-color: #FCFCFC;} /*Zellen Innentabelle 1.Spalte und alle */
.aa007-1  { text-align: center; background-color: #FCFCFC; font-weight:normal;}		/*Zellen Innentabelle normal nur Spalte 2-4*/
.aa007-2  { text-align: center; background-color: #9DDB85; font-weight:normal;}		/*Zellen Innentabelle beste Prämie nur Spalte 2-4*/
.aa010  { padding-top: 5px;}						                                          /*Schrift Unterschrift Hintegrund = .aa001*/
.aa011  { background-color: #9DDB85; font-weight:bold; }							            /*sie sparen X % Hintergrundfarbe*/
/**** ENDE abografik Tabelle */

/**** DIV Ãœberschrift H1 "Sie suchen ein Abo für eine Zeitschrift und möchten dafür eine hohe Prämie erhalten ?" */
@media(min-width:1px) 		  { .ab001 {vertical-align: middle; font-size: 0.80em; text-align: left;} }
@media(min-width:401px) 	  { .ab001 {vertical-align: middle; font-size: 0.90em; text-align: left; padding-left: 10px;} }
@media(min-width:768px) 	  { .ab001 {vertical-align: middle; font-size: 0.90em; text-align: left;} }
@media(min-width:992px)   	{ .ab001 {vertical-align: middle; font-size: 0.95em; text-align: left;} }  		
@media(min-width:1200px)   	{ .ab001 {vertical-align: middle; font-size: 0.97em; text-align: left;} } 
.ab002 {padding: 5px; }

/**** BEGINN SUCHE Clouds oft gesucht*/
.ac001 { text-align:center; width: 100%; padding: 2px; border: 0px solid #000000; text-align:center; }
.ac001 a:link, #tagcloud a:visited { text-decoration:none;}
.ac001 a:hover, #tagcloud a:active { text-decoration: underline;}
.ac001 span { padding: 1px;}
 
@media(min-width:1px)       { .ac001 {font-size: 0.85em;} }
@media(min-width:769px) 	  { .ac001 {font-size: 0.80em;} }
@media(min-width:992px)   	{ .ac001 {font-size: 0.90em;} }  
@media(min-width:1200px)   	{ .ac001 {font-size: 1.00em;} }  				
 
.ac001-xs { color: #A9A8A7; font-size: 0.90em; font-weight: normal; line-height: 1.35;}
.ac001-sm { color: #A9A8A7; font-size: 0.95em; font-weight: normal; line-height: 1.35;}
.ac001-md { color: #A9A8A7; font-size: 1.00em; font-weight: normal; line-height: 1.35;}
.ac001-la { color: #A9A8A7; font-size: 1.05em; font-weight: bold; line-height: 1.35;}
.ac001-xl { color: #A9A8A7; font-size: 1.10em; font-weight: bold; line-height: 1.35;}
/**** ENDE SUCHE Clouds oft gesucht*/

/**** Meldung Angebote MITTE */

/*.ae001 {max-width:610px;} */

.ae001 { width: 100%; }  

.ae002 { margin-left:auto; margin-right:0; text-align: right }

/**** BEGINN Top 5 & "zuletzt angesehen" Listausgabe */  
.bk001  {font-size: 0.80em; font-weight: normal; line-height: 1.0; }  /* überschrift "der letzten 3 Tage" */
.bk002  {font-size: 0.82em; font-weight: bold;   line-height: 1.05; }  /* schrift "Name + %" */
.bk003  {font-size: 0.70em; font-weight: normal; line-height: 1.05; }  /* schrift "sie sparen" */
.bk004  {margin-top: 10px; margin-bottom: 2px; width: 84px; height: 44px;}

/**** BEGINN JUMBOTRON */  
.jumbotron_sws { 
margin-top: 0px;
margin-bottom: 5px;
padding: 5px;
border-radius: 4px;
border: 1px solid #E7E7E7;
background-color: #FCFCFC;}

.jumbotron_sws_white { 
margin-top: 0px;
margin-bottom: 5px;
padding: 5px;
border-radius: 4px;
border: 0px solid #E7E7E7;
background-color: #FFFFFF;}
/**** ENDE JUMBOTRON */  


/**** BEGINN FOOTER */  
.footer_sws  { 
margin-top: 10px;
background-color:#FFF4FA;
text-align: center;
border-top: 2px solid #E7E7E7;}
/**** ENDE FOOTER */ 


/**** BEGINN SUCHE Angebote rechts */
.ad001 { line-height: 1.5; font-weight: normal;}
@media(min-width:1px) 	  { .ad001 {font-size: 0.95em;} }
@media(min-width:769px) 	{ .ad001 {font-size: 0.90em;} }
@media(min-width:992px) 	{ .ad001 {font-size: 0.95em;} }  
@media(min-width:1200px)  { .ad001 {font-size: 0.95em;} } 

.ad002 { line-height: 1; font-weight: normal;}
@media(min-width:1px) 		{ .ad002 {font-size: 0.85em;} }
@media(min-width:769px) 	{ .ad002 {font-size: 0.80em;} }
@media(min-width:992px) 	{ .ad002 {font-size: 0.85em;} }  
@media(min-width:1200px)  { .ad002 {font-size: 0.85em;} } 

.ad003   { font-weight: bold;}

/**** ENDE SUCHE Angebote rechts */
  			
/**** SCHRIFTEN kritisch nicht variabel */
.a01n 		{ font-size:  1pt; font-weight: normal;}
.a02n 		{ font-size:  2pt; font-weight: normal;}
.a03n 		{ font-size:  3pt; font-weight: normal;}
.a04n 		{ font-size:  4pt; font-weight: normal;}
.a05n 		{ font-size:  5pt; font-weight: normal;}
.a06n 		{ font-size:  6pt; font-weight: normal;}
.a07n 		{ font-size:  7pt; font-weight: normal;}
.a08n 		{ font-size:  8pt; font-weight: normal;}
.a09n 		{ font-size:  9pt; font-weight: normal;}
.a10n 		{ font-size: 10pt; font-weight: normal;}
.a11n 		{ font-size: 11pt; font-weight: normal;}
.a12n 		{ font-size: 12pt; font-weight: normal;}
.a13n 		{ font-size: 13pt; font-weight: normal;}
.a14n 		{ font-size: 14pt; font-weight: normal;}
.a15n 		{ font-size: 15pt; font-weight: normal;}
.a16n 		{ font-size: 16pt; font-weight: normal;}

.a08b 		{ font-size:  8pt; font-weight: bold;}
.a09b 		{ font-size:  9pt; font-weight: bold;}
.a10b 		{ font-size: 10pt; font-weight: bold;}
.a11b 		{ font-size: 11pt; font-weight: bold;}
.a12b 		{ font-size: 12pt; font-weight: bold;}
.a13b 		{ font-size: 13pt; font-weight: bold;}
.a14b 		{ font-size: 14pt; font-weight: bold;}
.a15b 		{ font-size: 15pt; font-weight: bold;}
.a16b 		{ font-size: 16pt; font-weight: bold;}

.a18b 		{ font-size: 18pt; font-weight: bold;}
.a22b 		{ font-size: 22pt; font-weight: bold;}
.a24b 		{ font-size: 24pt; font-weight: bold;}

/* BEGINN SUCHE NAVBAR mobile */
.search-mobile01-sws  {
float: right;
width: 70%;
padding: 0px;
margin: 0px;
}
.search-mobile02-sws  {
padding: 3px 5px;
margin: 5px;
border: 0px;
}
.search-mobile03-sws  {
float: left;}
/* ENDE SUCHE NAVBAR mobile */

/**** BEGINN HEADER */
/* für medium & large */
/* background-image:url(../grafiken/sparen_wie_schwaben_01xmas.jpg); */
.header-sws-large01 {
background-image:url(../grafiken/sparen_wie_schwaben_01.jpg);
background-repeat: no-repeat; 
background-position:left; 
height: 105px; 
margin-top:-0px;
}
.header-sws-large02 {
width:350px; height:105px;
border-width:0px; border-style:solid; padding:0px;
}
.header-sws-large03 {
margin-top:-25px; margin-left: 5px; font-size: 10pt;
}
.header-sws-large04 {
margin-top:-81px; margin-left: 362px; font-size: 12pt; font-weight:600;
}
.header-sws-large05 {
margin-top:-83px; margin-left: 370px; font-size: 14pt; font-weight:600;
}
/* für small & xsmall */
/* background-image:url(../grafiken/sparen_wie_schwaben_02xmas.jpg); */
.header-sws-small01 {
background-image:url(../grafiken/sparen_wie_schwaben_02.jpg);
background-repeat: no-repeat; 
background-position:left; 
height: 70px; 
margin-top:-0px;
}
.header-sws-small02 {
width:305px; height:70px;
border-width:0px; border-style:solid; padding:0px;
}
.header-sws-small03 {
margin-top:-20px; margin-left: 7px; margin-right: 0px; font-size: 10pt;
}
/**** ENDE HEADER */


/**** BEGINN Menü zeitschriftenrubriken */
.rubrikenmenue            { position:relative; list-style-type: none; font-family: Arial,Verdana,Helvetica;  
                            font-weight:normal; text-align: left; padding: 0px; margin: 0px auto 0px 0px;}
@media(min-width:992px)   { .rubrikenmenue  {font-size: 0.80em;} }
@media(min-width:1200px)  { .rubrikenmenue  {font-size: 0.80em;} }					  							  
.rubrikenmenue li         { display: block; width: auto; margin: 0px; padding-bottom: 2px; padding-top: 2px; }
.rubrikenmenue li a       { border-top:  0px solid #ffffff; border-bottom: 0px solid #ffffff; border-left: 0px solid #ffffff; border-right: 0px solid #ffffff;
                            display: block; text-decoration: none; padding: 3px; color: #000000; }
.rubrikenmenue li a:hover { border: 0px; display: block; background: #E7E7E7; color: #000000; }
/**** ENDE Menü zeitschriftenrubriken */


/**** BEGINN SIDEBAR links und rechts */
.sidelinks {
margin-top: 0px;
margin-bottom: 5px;
padding: 0px;
border-radius: 4px;
border: 1px solid #E7E7E7;
background-color: #FCFCFC;}

@media(min-width:1px) 		{ .sidelinks  {margin-right: 0px;} }
@media(min-width:769px) 	{ .sidelinks  {margin-right: 0px;} }
@media(min-width:992px) 	{ .sidelinks  {margin-right: 13px;} }
@media(min-width:1200px)  { .sidelinks  {margin-right: 25px;} }

.sidelinks_head  {
margin: 0px;
background-color: #FFE1F0;
text-align:center;
font-size: 1.0em;
font-weight:600;
padding-top: 5px;
padding-bottom: 5px; }

.sidelinks_head_txt  {
margin-left: 5px;
margin-right: 5px; }

.sidelinks_body  {
margin-top: 5px; }

.siderechts {
margin-top: 0px;
margin-bottom: 5px;
padding: 0px;
border-radius: 4px;
border: 1px solid #E7E7E7;
background-color: #FCFCFC; }

@media(min-width:1px) 		{ .siderechts  {margin-left: 0px;} }
@media(min-width:769px) 	{ .siderechts  {margin-left: 10px;} }
@media(min-width:992px) 	{ .siderechts  {margin-left: 13px;} }
@media(min-width:1200px)  { .siderechts  {margin-left: 25px;} }

.siderechts_head  {
margin: 0px;
background-color: #FFE1F0;
text-align:center;
font-size: 1.0em;
font-weight:600;
padding-top: 5px;
padding-bottom: 5px;}

.siderechts_head_kleiner  {
margin: 0px;
background-color: #FFE1F0;
text-align:center;
font-size: 0.9em;
font-weight:600;
padding-top: 5px;
padding-bottom: 5px;}

.siderechts_head_txt  {
margin-left: 5px;
margin-right: 5px;}

.siderechts_body  {
margin-top: 5px;}

/**** ENDE HEADER der SPALTEN links und rechts */

.panel-heading    { margin: 0px;
background-color: #FFE1F0;
text-align:left;
font-size: 1.0em;
font-weight:600;
padding-top: 5px;
padding-bottom: 5px; }


/**** BEGINN eigene BOXEN  */
/**** wenn die boxen gleich hoch sein sollen max. eine reihe voll dynamisch  */

@media(min-width:1px) and (max-width:600px)	{	
.xsmall1-1 { width: 100%;} 
.xsmall1-2 { width: 50%;}
.xsmall1-3 { width: 33.3333%;}
.xsmall1-4 { width: 25%;}
.xsmall1-5 { width: 20%;}
.xsmall1-6 { width: 16.6667%;} }

@media(min-width:601px) and (max-width:767px)	{	
.xsmall2-1 { width: 100%;} 
.xsmall2-2 { width: 50%;}
.xsmall2-3 { width: 33.3333%;}
.xsmall2-4 { width: 25%;}
.xsmall2-5 { width: 20%;}
.xsmall2-6 { width: 16.6667%;} }

@media(min-width:1px) and (max-width:767px)	{	
.xsmall-1 { width: 100%;} 
.xsmall-2 { width: 50%;}
.xsmall-3 { width: 33.3333%;}
.xsmall-4 { width: 25%;}
.xsmall-5 { width: 20%;}
.xsmall-6 { width: 16.6667%;} }

@media(min-width:768px) and (max-width:991px) {
.small-1 { width: 100%;} 
.small-2 { width: 50%;}
.small-3 { width: 33.3333%;}
.small-4 { width: 25%;}
.small-5 { width: 20%;}
.small-6 { width: 16.6667%;} }
 
@media(min-width:992px) and (max-width:1199px) {	 
.medium-1 { width: 100%;}
.medium-2 { width: 50%;}
.medium-3 { width: 33.3333%;}
.medium-4 { width: 25%;}
.medium-5 { width: 20%;}
.medium-6 { width: 16.6667%;} }

@media(min-width:1200px) {
.large-1 { width: 100%;}
.large-2 { width: 50%;}
.large-3 { width: 33.3333%;}
.large-4  { width: 25%;}
.large-5 { width: 20%;}	
.large-6 { width: 16.6667%;} }

.row-sws01 {
  clear: both; 
  width: auto;
  padding: 0px 0px;
  margin: 0px; 
}

.row-sws01:before, 
.row-sws01:after {
  content: " ";
  display: table;}

.row-sws01:after {
    clear: both; }

.row-sws01 .row-sws01 {
	margin-left:-1em;
	margin-right: -1em; }

.columns-sws01 {
  float: left;
  padding: 0px 2px; 
  word-wrap: break-word;
  display: table-cell; }
  
.test01 {
background-color:#FFF4FA; } 
  

/**** ENDE eigene BOXEN */



/* Ãnderungen / Ãœberschreiben der Standard Bootstrap css  */

.center-block {text-align: center;}

/* Extra Small */

@media(max-width:1px) { body{font-size: 14px;} }
@media(max-width:400px) { body{font-size: 15px;} }
/* Small */
@media(min-width:768px) { body{font-size: 15px;} }
/* Medium */
@media(min-width:992px) { body{font-size: 15px;} }
/* Large */
@media(min-width:1200px){ body{font-size: 16px;} }



.container { 
margin-left: auto;
margin-right: auto;
padding-left: 5px;
padding-right: 5px;
}

.container-fluid { 
margin-left: auto;
margin-right: auto;
padding-left: 5px;
padding-right: 5px;
}

.row { 
margin-left: auto;
margin-right: auto;
padding-left: 5px;
padding-right: 5px;
}

/* korrektur spalten-padding von standard 15px links und rechts auf: die row muss dann ebenso korrigiert werden */
.padding-sws-01 {padding-left: 0px; padding-right: 0px;}    /* sidebar links */
.padding-sws-02 {padding-left: 0px; padding-right: 0px;}    /* sidebar rechts */



@media(min-width:1px) { .padding-sws-03 {padding-left: 0px; padding-right: 0px;} }  /* hauptteil mitte */
@media(min-width:768px) { .padding-sws-03 {padding-left: 0px; padding-right: 15px;} }
@media(min-width:992px)  { .padding-sws-03 {padding-left: 15px; padding-right: 15px;} }
@media(min-width:1200px) { .padding-sws-03 {padding-left: 15px; padding-right: 15px;} }

.padding-sws-left0-right0 {padding-left: 0px; padding-right: 0px;}
.padding-sws-left15-right0 {padding-left: 15px; padding-right: 0px; }
.padding-sws-left15-right15 {padding-left: 15px; padding-right: 15px;}
.margin-sws-0 { margin: 0px;}

body {
min-width: 320px;
line-height: 1.2;
font-family: Arial, Verdana, Helvetica;
}

p {
  margin: 0 0 0px;
}

a {
   color: #000000;
}

h1,.h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin-bottom: 0px;
margin-top: 0px;	
}

.header { 
border-bottom: 2px solid #E7E7E7;
margin: 0px 0px 0px;
padding-bottom: 0px;
background-color:#FFF4FA;
margin-bottom: 5px;
}

/**** BEGINN navbar koorektur */
.navbar {
margin: 0px 0px 5px;

}

.navbar-collapse, .navbar-default 
{ 
padding-left: 5px;
padding-right: 5px;
}

.nav_korr01 { 
margin-left: 5px;
margin-right: 5px;
}


@media(min-width:1px) {  .nav > li > a {  padding-left: 10px; padding-right: 10px; position: relative;  } }
@media(min-width:768px) {  .nav > li > a {  padding-left: 7px; padding-right: 7px; position: relative;  } }
@media(min-width:992px) {  .nav > li > a {  padding-left: 15px; padding-right: 15px; position: relative;  } }
@media(min-width:1200px) {  .nav > li > a {  padding-left: 20px; padding-right: 20px; position: relative;  } }



.header_nav { 
background-color:#FFFFFF;
}
/**** ENDE navbar koorektur */
/**** BEGINN navbar koorektur der Farbe */
.navbar-default {
    background-color: #FFF4FA;
    border-color: #E7E7E7; }

.navbar-default .navbar-nav > li > a {
    color: #777777; }
    
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #FFE1F0;
    color: #555555; }

.navbar-default .navbar-nav > li > a:hover {  
	background-color: #FFE1F0;
    color: #555555; }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus  {
    background-color: #FFE1F0;
    border-color: #E7E7E7;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { 
    background-color: #FFE1F0;
    border-color: #E7E7E7; }

.dropdown-menu, .dropdown-menu > li {
    background-color: #FFF4FA;
    border-color: #E7E7E7; }

.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu {
    color:#777777;}
	
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	background-color: #FFE1F0; border-color: #E7E7E7; }

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: #FFE1F0;}
 /**** ENDE navbar koorektur der Farbe*/
 
@media(min-width:1px) {     .nav-tabs > li > a { font-size: 0.95em; line-height: 1.20em; padding-top: 7px; padding-bottom: 7px; } }
@media(min-width:768px) {   .nav-tabs > li > a { font-size: 0.95em; line-height: 1.20em; padding-top: 7px; padding-bottom: 7px; } }
@media(min-width:992px) {   .nav-tabs > li > a { font-size: 0.95em; line-height: 1.20em; padding-top: 7px; padding-bottom: 7px; } }
@media(min-width:1200px) {  .nav-tabs > li > a { font-size: 0.95em; line-height: 1.20em; padding-top: 7px; padding-bottom: 7px; } }

.navbar-right-sws {
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 0px;
}


.nav-sws01 > li > a:hover,
.nav-sws01 > li > a:focus {
  background-color: #FFFFFF;
}

.nav-sws01   {
  border-radius: 4px;  
  background-color: #FFE1F0;
}

.dropdown-sws01 {
  font-size: 0.85em;
	padding-top: 3px;
	padding-bottom: 3px;
}

.dropdown-sws02 {
width: 16px;
height: 16px;
margin: 0px 5px 0px -2px;
}