/* ViCo *//*(hay en home y kalender)*/

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
	text-align: center;
	font-size: 0.9em;
}
/* Modal Content */
.modal-content {
	background-image: url("background_modal.jpg");
	background-color: #fefefe;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 40px;
	margin-bottom: 40px;
	display: block; margin-left: auto; margin-right: auto;
	padding: 40px;
	border: 2px solid #333;
	width: 80%;
	min-height: 333px; /* para que no se salga la foto */
	-webkit-filter: drop-shadow(0px 0px 10px #000); filter: drop-shadow(0px 0px 10px #000);
}
/* The Close Button */
.modal-close {/* background-color: red; */
	color: #aaaaaa;
	float: right;
	font-size: 1.7em;
	font-weight: bold;
}
.modal-close:hover,
.modal-close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
/* Modal Img */
.modal-img {
	width: 40%; /* 40% */
	float: left;
	margin: 20px 25px 9px 0px;
	-webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.6)); filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.6));
}
/* Modal link */
.modal_link { text-decoration: none; color: #000000; }
/* los precios (ver @media560px) como articulo sin background*/
.modal_articulo {
	margin-left: 5%;
	margin-right: 5%;
	clear: left;
	width: 86%;
	padding: 5px 2% 5px 2%;
	overflow: auto;
	text-shadow: -6px 6px 23px rgba(0,0,0,0.3);
}
.ondeycuan{ /* 20230426 */
    /* background-color: red; */
    /* margin:0 auto;  */
	margin-left: 46%; /* !!!!!!! */
	margin-right: 5%;
    width: 50%; /* 210px */
	text-align: center;
}
/*-----------------------------------------------------------------*/ 
/*-----------------------------------------------------------------*/  
/*-----------------------MEDIA QUERY-------------------------------*/   
/*-----------------------------------------------------------------*/    
/*-----------------------------------------------------------------*/
/* min MIN MIN MIN MIN min */ /* 20230426 VW = (PX / (Viewport Width in PX)) * 100 */
/* @media screen and (min-width: 1441px) { 
    .ondeycuan{ width: 14.5732vw; }
} */ /* 2025 */

@media only screen and (max-width: 1000px){
    .ondeycuan{ /* 2025 */
        /* background-color: green; */
        margin:0 auto; 
        width: 100%;
    }
}

@media only screen and (max-width: 770px){
	.modal-content { /* background-color: red; */
		margin-top: 30px;
		padding: 20px;
	}
	.modal-img {
		width: 50%;
	}
}
/*-----------------------------------------------------------------*/

@media screen and (max-width: 580px) {
	.modal-content { /* background-color: blue; */
		margin-top: 20px;
		padding: 10px;
	}
	.modal-img {
		width: 90%;
		margin: 0px 20px 9px 15px;
	}
}
/*-----------------------------------------------------------------*/

@media only screen and (max-width: 560px){
	.modal_articulo {
		margin-left: 0;
		margin-right: 0;
		width: 94%;
		padding: 25px 3% 75px 3%;
	}
}
 
@media only screen and (max-width: 359px){ /* 20230426 */
	.modal_link h1{ font-size: .98em; }
	/* .palabroten{ letter-spacing: -0.01em; }  <span class="palabroten">Selbsterkenntnis</span> no hizo falta*/
}