/* ------------------------------------------------------------------------------------- */
/*                                                                                       */
/*               Copyright 2022 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!  */
/*                                                                                       */
/* ------------------------------------------------------------------------------------- */


/* ============================================ */
/* ==========> LINKE STARTSEITENBOX <========== */
/* ============================================ */

div.cpxresearch-menubox {float:left; width:90%; min-height:80px; padding:4px; margin-left:8px; margin-top:0px; margin-right:0px; margin-bottom:10px; border:1px solid #b4b4b4; position:relative;}
div:hover.cpxresearch-menubox {float:left; width:90%; min-height:80px; padding:4px; margin-left:8px; margin-top:0px; margin-right:0px; margin-bottom:10px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.cpxresearch-menubox-verguetungsangabe {float:left; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
div.cpxresearch-menubox-umfragedauerangabe {float:left; font-family:Arial, serif; font-size:14px; color:#000000; padding-top:10px;}
div.cpxresearch-menubox-bewertung {float:left; padding-top:10px;}
div.cpxresearch-menubox-bewertung-text {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-right:4px;}
div.cpxresearch-menubox-bewertung-sterne {float:left; font-family:Arial, serif; font-size:14px; color:#000000;}
img.cpxresearch-menubox-bewertung-sterne {height:16px; width:16px;}
div.cpxresearch-menubox-bewertung-anzahl {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-left:4px;}



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

@media (min-width: 1200px) {

/* ==========> FUER DIE AUFLISTUNG IN DER BOX AUF DER STARTSEITE <========== */
div.cpxresearch-startseitenbox {float:left; width:252px; min-height:80px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}
div:hover.cpxresearch-startseitenbox {float:left; width:252px; min-height:80px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.cpxresearch-startseitenbox-verguetungsangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
div.cpxresearch-startseitenbox-umfragedauerangabe {font-family:Arial, serif; font-size:14px; color:#000000; padding-top:10px;}
div.cpxresearch-startseitenbox-bewertung {float:left; padding-top:10px;}
div.cpxresearch-startseitenbox-bewertung-text {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-right:4px;}
div.cpxresearch-startseitenbox-bewertung-sterne {float:left; font-family:Arial, serif; font-size:14px; color:#000000;}
img.cpxresearch-startseitenbox-bewertung-sterne {height:16px; width:16px;}
div.cpxresearch-startseitenbox-bewertung-anzahl {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-left:4px;}


/* ==========> FUER DIE AUFLISTUNG IM USERBEREICH <========== */
div.cpxresearch-userbereich-sortieren {text-align:right; width:100%; padding-right:1%;}
.cpxresearch-userbereich-sortieren-auswahlfeld {width:180px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.cpxresearch-userbereichbox {float:left; width:252px; min-height:80px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}
div:hover.cpxresearch-userbereichbox {float:left; width:252px; min-height:80px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.cpxresearch-userbereichbox-verguetungsangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
div.cpxresearch-userbereichbox-umfragedauerangabe {font-family:Arial, serif; font-size:14px; color:#000000; padding-top:10px;}
div.cpxresearch-userbereichbox-bewertung {float:left; padding-top:10px;}
div.cpxresearch-userbereichbox-bewertung-text {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-right:4px;}
div.cpxresearch-userbereichbox-bewertung-sterne {float:left; font-family:Arial, serif; font-size:14px; color:#000000;}
img.cpxresearch-userbereichbox-bewertung-sterne {height:16px; width:16px;}
div.cpxresearch-userbereichbox-bewertung-anzahl {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-left:4px;}

}



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

@media (min-width: 990px) and (max-width: 1200px) {

/* ==========> FUER DIE AUFLISTUNG IN DER BOX AUF DER STARTSEITE <========== */
div.cpxresearch-startseitenbox {float:left; width:300px; min-height:80px; padding:4px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}
div:hover.cpxresearch-startseitenbox {float:left; width:300px; min-height:80px; padding:4px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.cpxresearch-startseitenbox-verguetungsangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
div.cpxresearch-startseitenbox-umfragedauerangabe {font-family:Arial, serif; font-size:14px; color:#000000; padding-top:10px;}
div.cpxresearch-startseitenbox-bewertung {float:left; padding-top:10px;}
div.cpxresearch-startseitenbox-bewertung-text {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-right:4px;}
div.cpxresearch-startseitenbox-bewertung-sterne {float:left; font-family:Arial, serif; font-size:14px; color:#000000;}
img.cpxresearch-startseitenbox-bewertung-sterne {height:16px; width:16px;}
div.cpxresearch-startseitenbox-bewertung-anzahl {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-left:4px;}


/* ==========> FUER DIE AUFLISTUNG IM USERBEREICH <========== */
div.cpxresearch-userbereich-sortieren {text-align:right; width:100%; padding-right:1%;}
.cpxresearch-userbereich-sortieren-auswahlfeld {width:180px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.cpxresearch-userbereichbox {float:left; width:300px; min-height:80px; padding:4px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}
div:hover.cpxresearch-userbereichbox {float:left; width:300px; min-height:80px; padding:4px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.cpxresearch-userbereichbox-verguetungsangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
div.cpxresearch-userbereichbox-umfragedauerangabe {font-family:Arial, serif; font-size:14px; color:#000000; padding-top:10px;}
div.cpxresearch-userbereichbox-bewertung {float:left; padding-top:10px;}
div.cpxresearch-userbereichbox-bewertung-text {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-right:4px;}
div.cpxresearch-userbereichbox-bewertung-sterne {float:left; font-family:Arial, serif; font-size:14px; color:#000000;}
img.cpxresearch-userbereichbox-bewertung-sterne {height:16px; width:16px;}
div.cpxresearch-userbereichbox-bewertung-anzahl {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-left:4px;}

}



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

@media (min-width: 800px) and (max-width: 990px) {

/* ==========> FUER DIE AUFLISTUNG IN DER BOX AUF DER STARTSEITE <========== */
div.cpxresearch-startseitenbox {float:left; width:440px; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; position:relative;}
div:hover.cpxresearch-startseitenbox {float:left; width:440px; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.cpxresearch-startseitenbox-verguetungsangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
div.cpxresearch-startseitenbox-umfragedauerangabe {font-family:Arial, serif; font-size:14px; color:#000000; padding-top:10px;}
div.cpxresearch-startseitenbox-bewertung {float:left; padding-top:10px;}
div.cpxresearch-startseitenbox-bewertung-text {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-right:4px;}
div.cpxresearch-startseitenbox-bewertung-sterne {float:left; font-family:Arial, serif; font-size:14px; color:#000000;}
img.cpxresearch-startseitenbox-bewertung-sterne {height:16px; width:16px;}
div.cpxresearch-startseitenbox-bewertung-anzahl {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-left:4px;}


/* ==========> FUER DIE AUFLISTUNG IM USERBEREICH <========== */
div.cpxresearch-userbereich-sortieren {text-align:right; width:100%; padding-right:1%;}
.cpxresearch-userbereich-sortieren-auswahlfeld {width:180px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.cpxresearch-userbereichbox {float:left; width:440px; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; position:relative;}
div:hover.cpxresearch-userbereichbox {float:left; width:440px; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.cpxresearch-userbereichbox-verguetungsangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
div.cpxresearch-userbereichbox-umfragedauerangabe {font-family:Arial, serif; font-size:14px; color:#000000; padding-top:10px;}
div.cpxresearch-userbereichbox-bewertung {float:left; padding-top:10px;}
div.cpxresearch-userbereichbox-bewertung-text {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-right:4px;}
div.cpxresearch-userbereichbox-bewertung-sterne {float:left; font-family:Arial, serif; font-size:14px; color:#000000;}
img.cpxresearch-userbereichbox-bewertung-sterne {height:16px; width:16px;}
div.cpxresearch-userbereichbox-bewertung-anzahl {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-left:4px;}

}



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

@media (min-width: 540px) and (max-width: 800px) {

/* ==========> FUER DIE AUFLISTUNG IN DER BOX AUF DER STARTSEITE <========== */
div.cpxresearch-startseitenbox {float:left; width:46%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; position:relative;}
div:hover.cpxresearch-startseitenbox {float:left; width:46%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.cpxresearch-startseitenbox-verguetungsangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
div.cpxresearch-startseitenbox-umfragedauerangabe {font-family:Arial, serif; font-size:14px; color:#000000; padding-top:10px;}
div.cpxresearch-startseitenbox-bewertung {float:left; padding-top:10px;}
div.cpxresearch-startseitenbox-bewertung-text {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-right:4px;}
div.cpxresearch-startseitenbox-bewertung-sterne {float:left; font-family:Arial, serif; font-size:14px; color:#000000;}
img.cpxresearch-startseitenbox-bewertung-sterne {height:16px; width:16px;}
div.cpxresearch-startseitenbox-bewertung-anzahl {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-left:4px;}


/* ==========> FUER DIE AUFLISTUNG IM USERBEREICH <========== */
div.cpxresearch-userbereich-sortieren {text-align:right; width:100%; padding-right:1%;}
.cpxresearch-userbereich-sortieren-auswahlfeld {width:180px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.cpxresearch-userbereichbox {float:left; width:46%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; position:relative;}
div:hover.cpxresearch-userbereichbox {float:left; width:46%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.cpxresearch-userbereichbox-verguetungsangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
div.cpxresearch-userbereichbox-umfragedauerangabe {font-family:Arial, serif; font-size:14px; color:#000000; padding-top:10px;}
div.cpxresearch-userbereichbox-bewertung {float:left; padding-top:10px;}
div.cpxresearch-userbereichbox-bewertung-text {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-right:4px;}
div.cpxresearch-userbereichbox-bewertung-sterne {float:left; font-family:Arial, serif; font-size:14px; color:#000000;}
img.cpxresearch-userbereichbox-bewertung-sterne {height:16px; width:16px;}
div.cpxresearch-userbereichbox-bewertung-anzahl {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-left:4px;}

}



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

@media (max-width: 540px) {


/* ==========> FUER DIE AUFLISTUNG IN DER BOX AUF DER STARTSEITE <========== */
div.cpxresearch-startseitenbox {float:left; width:96%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; position:relative;}
div:hover.cpxresearch-startseitenbox {float:left; width:96%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.cpxresearch-startseitenbox-verguetungsangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
div.cpxresearch-startseitenbox-umfragedauerangabe {font-family:Arial, serif; font-size:14px; color:#000000; padding-top:10px;}
div.cpxresearch-startseitenbox-bewertung {float:left; padding-top:10px;}
div.cpxresearch-startseitenbox-bewertung-text {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-right:4px;}
div.cpxresearch-startseitenbox-bewertung-sterne {float:left; font-family:Arial, serif; font-size:14px; color:#000000;}
img.cpxresearch-startseitenbox-bewertung-sterne {height:16px; width:16px;}
div.cpxresearch-startseitenbox-bewertung-anzahl {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-left:4px;}


/* ==========> FUER DIE AUFLISTUNG IM USERBEREICH <========== */
div.cpxresearch-userbereich-sortieren {text-align:right; width:100%; padding-right:1%;}
.cpxresearch-userbereich-sortieren-auswahlfeld {width:180px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.cpxresearch-userbereichbox {float:left; width:96%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; position:relative;}
div:hover.cpxresearch-userbereichbox {float:left; width:96%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.cpxresearch-userbereichbox-verguetungsangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
div.cpxresearch-userbereichbox-umfragedauerangabe {font-family:Arial, serif; font-size:14px; color:#000000; padding-top:10px;}
div.cpxresearch-userbereichbox-bewertung {float:left; padding-top:10px;}
div.cpxresearch-userbereichbox-bewertung-text {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-right:4px;}
div.cpxresearch-userbereichbox-bewertung-sterne {float:left; font-family:Arial, serif; font-size:14px; color:#000000;}
img.cpxresearch-userbereichbox-bewertung-sterne {height:16px; width:16px;}
div.cpxresearch-userbereichbox-bewertung-anzahl {float:left; font-family:Arial, serif; font-size:14px; color:#000000; margin-left:4px;}

}