* -------------------------------------------------------------
 * @copyright	Copyright (C) 2025 RAXO Group
 * @link		http://www.raxo.org
 * @license		RAXO Commercial License
 * 			This file is forbidden for redistribution
 * ==================== OLD ========================================
 */


/* ----- RESET Styles ----- */
.raxo-default [class^="allmode-"],
.raxo-default img,
.raxo-default a {
	margin: 0; padding: 0;
	background: transparent none;
	border: 0 none;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.raxo-default a {															/* Item LINKS */
	text-decoration: none;
}
	.raxo-default a:hover {
		color: #333333 !important;
		background: transparent none;
}

					

/* ----- MODULE BLOCK Styles ----- */
.raxo-default {																/* Module BLOCK */
	margin: 20px 0 24px;
}
.raxo-default .allmode-name {												/* BLOCK NAME Text */
	margin: 0 0 3px 0 !important;
	font-family: 'GCI', sans-serif !important; /* Schriftart GCI */
        font-style: bold !important;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10pt;
	padding-left: 7px;
}

.raxo-default .allmode-showall {												/* SHOW ALL Text */
	margin: 0 8px; padding: 3px 4px 0;
	text-align: right !important;
	border-top: 1px solid #ae8d58;
}



/* ----- CONTENT Styles ----- */

.raxo-default .raxo-top .raxo-title {
	margin: 50px 0px 5px 0px;
	font-family: 'GCI', Arial, sans-serif !important; /* Schriftart GCI */
        text-transform: none; /* Beibehaltung der originalen Groß-/Kleinschreibung */
        font-weight: 500 !important; /* Fettschrift aktivieren */
        color: #ae8d58 !important; /* Schriftfarbe */
        font-size: 22px;
        text-align: left  !important;
}


/* ----- Item IMAGE ----- */
.raxo-default .raxo-image {
    float: left !important;
    margin: 8px 20px 5px 7px;
    overflow: auto; /* Sorgt dafür, dass das Elternelement das gefloatete Bild umschließt */
    border: 3px solid #000000; /* Standardrand von 6px in der Farbe #000000 (gold) */
    transition: transform 0.4s ease, border 0.4s ease; /* Übergang für Skalierung und Rand */
    transform: scale(1.04); /* 2% grössere Darstellung */
    display: inline-block; /* Verhindert Layout-Fehler beim Skalieren */
}

.raxo-default .raxo-image:hover {
    border-color: #ae8d58;
}


.raxo-default .raxo-text, .raxo-default .raxo-top .raxo-text {
    display: block !important;
    text-align: left;
    font-family: 'GCI', Arial, sans-serif !important; /* Schriftart GCI */
    font-style: normal !important;
    font-weight: normal; !important;
    font-size: 18px;
    line-height: 1.6;
    color: #000000;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}



.raxo-default .raxo-readmore {
    font-family: 'GCI', sans-serif !important; /* Schriftart GCI */
    font-size: 19px;
    font-weight: 600; !important;
    color: #ae8d58 !important;
    float: right;
    right: 0px; /* Setzt den Abstand vom rechten Rand auf 0px */
    position: relative; /* Position muss angegeben werden, wenn 'right' verwendet wird */
    margin-bottom: 50px; /* Fügt unter jedem Read-More-Button einen Abstand von 30px hinzu */
    display: block; 
}



/* --- TOP Item DATE --- */
.raxo-default .raxo-top .raxo-date {
	margin-bottom: 4px; padding: 0 8px;
	font-size: 14px; line-height: 20px;
	text-align: right;
}



/* ----- INFO Fields ----- */
.raxo-default .raxo-info {
	padding: 4px 8px;
	line-height: 16px;
	background-color: #f3f3f3;
	border-radius: 2px;
}
	.raxo-default .raxo-normal .raxo-info {
		margin-bottom: 8px;
	}
	.raxo-default .raxo-top .raxo-info {
		border-radius: 4px;
	}
	.raxo-default .raxo-top .raxo-image + .raxo-info {
		margin-top: -2px; padding-top: 8px;
		border-radius: 0 0 4px 4px;
	}



/* ----- COMMON Fields Styles ----- */
.raxo-default .allmode-title a {
	font-weight: bold;
}

.raxo-default .allmode-date,													/* Content ELEMENTS */
.raxo-default .allmode-hits,
.raxo-default .allmode-comments {
	padding: 0 10px 0 15px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAASwCAYAAADCLNu9AAAFNElEQVR4Xu2YAWhVVRzGz3nuas7lpakj3sttiZNYNhhsMJ5jm3ZHI7gUUniBgMYGVQk9CzC0dcNACQohgpzUyApJKCD2CrKodJkzJJjxylWQKAXLosAZe5vz9v3hCvetXe+Bl/CI7wcf57D/93Y2wP/kp/5z9OmGhlmcFnIC+RjZgwg+sgXpRuZSb69bZ31TW7sDgwIyhPSGeRY5JzPpKNd1A6RTxSAz6aQWfHH42imJzlD8N6Ojo4/ImViU7yblxYpL5JBh9IzOND79K87jyOtqcQaR7qrw8gayLab4CzKgbgyEEB2zAGwcXyHNyFXk3Sq1OHeFpb7w/mJKxSMbQ/blOJKqwjOHw3/8KeQ7JKsWIRWWdobPNMtTcUXJePiMMCZJWnsH8QEtkbuK8uTmzcHB1tYclr4z1NmZlzN6l5l0In8VrsucukEQQrBS6pGjSBEJFqQYzuqrwv943IZ4yCVVys3IXuSQCj/lXudF4YqslKXIn+EXX5Yzeg9nSxK/46dNTR62ybxG5xMMMsiu7ZOTalWxOB3p1YQ/45Ss5oHwFzqC0tJFds4xZFAtBM/YiI8EygQUP1JmEEIIIYToMz37zLzZSHXBOm1NxXozmaFTgd6M3owQejN6s9y9DwUjvbkclr7j9w3k5YzeZSYdjUGZ3owQQm92bMvz3kTPvlJvtuNyq1p9dXmyN0PJ3JthadmIj5h5MxRNvRkhhBBCiJ5068y82bC6wzql6mK9mczQqUBvRm9GCL0ZvdlTblfwlrsxh6Xv7HE78nJG7zKTjsagTG9GCKE3O+mu9c66daXebKeaUGvUTLI3Q8ncm2Fp2YiPmHkzFE29GSGEEEKIvjimzLzZS0c6rONn6mO9mczQqTxvRm9GCL0ZvVmqueGierhvog1L39m08UJGzuhdZtLRGJTpzQgh9Gbf56u938ZUqTfbO/iZurX2crI3Q8ncm2Fp2YiPmHkzFE29GSGEEEKIdoc3mHkzNb7WUuftWG8mM3Qqz5vRmxFCb0Zvptz+uwN3d3sOS99xH+/Kyxm9y0w6GoMyvRkhhN7M3X+nh21S6s3U5p+VWjGb7M1QMvdmeMZGfMTMm6Fo6s0IIYQQQnRmdMTMmzV9eMJaffZcrDeTGTqV583ozQihN6M3S13K1KnzXa1tWPrOHxvqM3JG7zKTjsagTG9GCKE3u/3wqx62Sak3K2zrVUW7JtmboWTuzfCMjfiImTdD0dSbEUIIIYTo6gc/N/NmrbPvWen5b2O9mczQqTxvRm9GCL0ZvZnadN8Twfqtr+Sw9J22+5/Jyxm9y0w6GoMyvRkhhN6s9oEPPGyTUm92clm/+lvfkuzNUDL3ZnjGRnzEzJuhaOrNCCGEEEJ0+4GfzLxZ7anXrOUXxmO9mczQqUBvRm9GCL0Zvdk9/U8HXbvfyWHpO85jL+TljN5lJh2NQZnejBBCb9ax/2uv/cCPpd7s955d6sqKNcneDCVzb4alZSM+YubNUDT1ZoQQQgghenv2fTNvNrXyqDW97IdYbyYzdCrPm9GbEUJvRm+WumkurVZNZ9uw9J2a4vqMnNG7zKSjMSjTmxFC6M0e7TzkYZuUerP0X1uVNb8y2ZuhZO7N8IyN+IiZN0PR2JsRQgghhKTT6VkkQL5EhuQe5jnki/A+q7q7u4OWlpYcBsPhhxxJeH9TZtKpOG9Gb0YIvRm9WXSHO9lsNi9n9H5th2sMyvRmhBB6s8bGRg/bpNSbFQoFNTMzk+zNUDL3ZnjGRnzEzJuh+H/1ZoQQQgj5B783rlwJ6bRoAAAAAElFTkSuQmCC");
	/*background-image: url("icons.png");*/
	background-repeat: no-repeat;
	background-size: 10px 1200px;
}
.raxo-default .allmode-rating {												/* Item RATING */
	white-space: nowrap;
}
	.raxo-default .allmode-rating span {
		display: inline-block;
		width: 10px; height: 10px;
		background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAG4CAYAAAB8R3Z3AAABm0lEQVR42u2VYUQDYRzGrwzqe9GKoSmgKqVEtM/rOJICIlgIoajvUQAIFQIEibG+FxEUGKRMDC2qz33uGXdcS3vh1Z/8fjzudu/jOTf4ZYIWyuVylNymn2daSn26nMU/B5XX5KyzZXBL6Yqz/W1RK6u6Lih5ZTR1tqkUlJpy2Xz1njIQ/KRDGYsz03x1UXkOfqd5VuyMoqiqm5U2xWWlmnzMeJviRPqrw9TBR5wgfZb8jw/KtHKiHMTPdpRSfAYA8E/ItD64z+XcnlHJg2e0YuWZyXodzwAAmHimOr/v9oxKHjyjFSvPjFzv4hkAABPPPIa9bs+o5MEzWrHyzHDlDc8AAJh45v0mcHtGJQ+e0YqVZ3rmAjwDAGDimfB4yO0ZlTx4RitWnqmUnvAMAICJZ/orp27PqOTBM1qx8sxLuIZnAABMPNO9dOX2jEoePKMVK898nhfwDACAiWemjmpuz6jkwTNasfLM3XoezwAAmHhmY/bC7RmVPHhGK1aeObxdxDMAACaeyWazbs+o5MEzWrHyTKPRwDMAAH/BF4g4Fgjsmfc3AAAAAElFTkSuQmCC") no-repeat 0 0;
		/*background: url("rating.png") no-repeat 0 0;*/
		background-size: 10px 440px;
	}
	.raxo-default .allmode-star {
		margin: 0 1px;
	}
	.raxo-default .allmode-star span {
		display: block;
	}
.raxo-default .allmode-category,
.raxo-default .allmode-author {												/* Item CATEGORY, AUTHOR */
	padding-right: 5px;
	font-style: normal;
	color: #808080;
}
.raxo-default .allmode-details span:last-child,
.raxo-default .allmode-info span:last-child {
	padding-right: 0;
}



/* ----- RESPONSIVE Breakpoints 480px----- */
@media (max-width: 800px) {
	.raxo-default .allmode-topitem img {
		width: 100%
	}

	.raxo-default .allmode-item img {
		width: 90%
	}
	
}


/* ----- HIGH RESOLUTION Media Queries ----- */
@media
	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (min-device-pixel-ratio: 1.3),
	only screen and (min-resolution: 120dpi)
{
	.raxo-default .allmode-date,
	.raxo-default .allmode-hits,
	.raxo-default .allmode-comments {
		background-image: url(icons@3x.png);
	}
	.raxo-default .allmode-rating span {
		background-image: url(rating@3x.png);
	}
}



/* ----- COLOR Schemes ----- */

/* --- Red Color (default) --- */
.raxo-default a {color: #ae8d58 !important;}
.raxo-default .allmode-name,
.raxo-default .allmode-showall,
.raxo-default a:hover img {border-color: #cc1f1f;}
.raxo-default .allmode-date {background-position: 0 0;}
.raxo-default .allmode-hits {background-position: 0 -30px;}
.raxo-default .allmode-comments {background-position: 0 -60px;}
.raxo-default .allmode-star span {background-position: 0 -40px;}


/* --- Light Blue Color --- */
.default-lightblue a {color: #ae8d58 !important;}
.default-lightblue .allmode-name,
.default-lightblue .allmode-showall,
.default-lightblue a:hover img {border-color: #003590;}
.default-lightblue .allmode-date {background-position: 0 -840px;}
.default-lightblue .allmode-hits {background-position: 0 -870px;}
.default-lightblue .allmode-comments {background-position: 0 -900px;}
.default-lightblue .allmode-star span {background-position: 0 -320px;}

@media only screen and (max-width: 480px) {
    .raxo-default .raxo-image {
        float: none !important;    /* Entfernt das Floaten */
        display: block;            /* Stellt sicher, dass das Element als Block dargestellt wird */
        width: 100% !important;
        margin-top:70px !important;
        margin-bottom:-8px !important;
        margin-left:0px !important;
    }

        .raxo-default .raxo-image img {
        width: 100% !important;
        height: auto;
    }
}