/* ------------------------------------------------------------------------------------- */
/*                                                                                       */
/*               Copyright 2019 by Andreas Strysio - info@ads-media.de                   */
/*                                      -----                                            */
/*                Script darf nur mit gueltiger Lizenz genutzt werden!                   */
/*                                       ---                                             */
/*  Originale Lizenzen, Scripte, Addons und Interfaces nur auf ADS-Media.de erhältlich!  */
/*                                                                                       */
/* ------------------------------------------------------------------------------------- */


/* =============================================== */
/* ==========> FUER BREITE BILDSCHIRME <========== */
/* =============================================== */

@media (min-width: 1200px) {
div.adventskalender {float:left; width:98%; padding:9px; margin-bottom:8px; background-image:url(../images/adventcalendar/motiv10.jpg); background-repeat:no-repeat; background-size:cover;}
div.adventskalender-tuerchen {float:left; width:170px; height:190px; margin:18px; text-align:right; vertical-align:bottom; border: 1px #ffffff dashed; cursor:pointer;cursor:hand; font-family:Arial, serif; font-size:50px; font-weight:bold; color:#ffffff; display:inline;}
}



/* ================================================= */
/* ==========> FUER MITTLERE BILDSCHIRME <========== */
/* ================================================= */

@media (min-width: 990px) and (max-width: 1200px) {
div.adventskalender {float:left; width:98%; padding:4px; margin-bottom:8px; background-image:url(../images/adventcalendar/motiv10.jpg); background-repeat:no-repeat; background-size:cover;}
div.adventskalender-tuerchen {float:left; width:140px; height:160px; margin:8px; text-align:right; vertical-align:bottom; border: 1px #ffffff dashed; cursor:pointer;cursor:hand; font-family:Arial, serif; font-size:50px; font-weight:bold; color:#ffffff; display:inline;}
}



/* ================================================ */
/* ==========> FUER SCHMALE BILDSCHIRME <========== */
/* ================================================ */

@media (min-width: 800px) and (max-width: 990px) {
div.adventskalender {float:left; width:98%; padding:4px; margin-bottom:8px; background-image:url(../images/adventcalendar/motiv10.jpg); background-repeat:no-repeat; background-size:cover;}
div.adventskalender-tuerchen {float:left; width:94px; height:120px; margin:8px; text-align:right; vertical-align:bottom; border: 1px #ffffff dashed; cursor:pointer;cursor:hand; font-family:Arial, serif; font-size:50px; font-weight:bold; color:#ffffff; display:inline;}
}



/* =================================================================================== */
/* ==========> FUER DEN UEBERGANG VON SCHMALE AUF SEHR SCHMALE BILDSCHIRME <========== */
/* =================================================================================== */

@media (min-width: 540px) and (max-width: 800px) {
div.adventskalender {float:left; width:98%; padding:4px; margin-bottom:8px; background-image:url(../images/adventcalendar/motiv10.jpg); background-repeat:no-repeat; background-size:cover;}
div.adventskalender-tuerchen {float:left; width:21%; height:150px; margin:8px; text-align:right; vertical-align:bottom; border: 1px #ffffff dashed; cursor:pointer;cursor:hand; font-family:Arial, serif; font-size:50px; font-weight:bold; color:#ffffff; display:inline;}
}



/* ============================================================================ */
/* ==========> FUER SEHR SCHMALE BILDSCHIRME WIE HANDYS UND TABLETS <========== */
/* ============================================================================ */

@media (max-width: 540px) {
div.adventskalender {float:left; width:98%; padding:4px; margin-bottom:8px; background-image:url(../images/adventcalendar/motiv10.jpg); background-repeat:no-repeat; background-size:cover;}
div.adventskalender-tuerchen {float:left; width:42%; height:120px; margin:8px; text-align:right; vertical-align:bottom; border: 1px #ffffff dashed; cursor:pointer;cursor:hand; font-family:Arial, serif; font-size:50px; font-weight:bold; color:#ffffff; display:inline;}
}