.timed-modal {
    background:rgba(0,0,0,.1);
	box-shadow: 1px 1px 24px #000 !important;
}
.timed-modal .modal-body {
    padding:0;
}
.timed-modal .modal-header {
    display:none;
}
.timed-modal .modal-content {
   background-image:linear-gradient(to bottom right, #a0ce4e 0%, #599428 100%)!important;
    /*background:#89a740;*/
    color:#333;
    /*display:flex;*/
	border: none;
}
.timed-modal .modal-content .content-wrapper {
    display:flex;
    flex-direction:row;
}
.timed-modal .modal-content .content-wrapper .modal-image {
    background-image:var(--wpr-bg-c5668a59-59e8-4ffc-87bb-f468c9dd9920);
    background-position:center center;
    background-size:cover;
    margin-top:0px;
    width:35%;
    height:auto;
    margin-right:0;
    position:relative;
}
.timed-modal .modal-content .content-wrapper .modal-image.mba-popup {
    background-image:var(--wpr-bg-9feb74aa-8d89-4e77-8427-a4d8423564be);
    background-position:center center;
    background-size:cover;
    margin-top:0px;
    width:35%;
    height:auto;
    margin-right:0;
    position:relative;
}
.timed-modal .modal-content .content-wrapper .modal-image.ulg-popup {
    background-image:var(--wpr-bg-d7898097-c9ae-42bc-aba2-eb55d888f3b6);
    background-position:center center;
    background-size:cover;
    margin-top:0px;
    width:35%;
    height:auto;
    margin-right:0;
    position:relative;
}

.timed-modal .modal-content .content-wrapper .modal-image .badge-time {
    border-radius:50%;
    background:red;
    width:130px;
    height:130px;
    position:absolute;
    right:-48px;
    top:25px;
    display:flex;
	line-height: 1em;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background-image: linear-gradient(to top right, #f0a74b 0, #f8f143 100%);
    box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
    font-size: 16px;
	padding-bottom: 9px;
    color: #333;
}

.timed-modal .modal-content.aktion .content-wrapper .modal-image .badge-time {
	border-radius:50%;
}

.timed-modal .modal-content .content-wrapper .modal-image .badge-time.oster-aktion {
    height:155px;	
}
.timed-modal .modal-content.aktion .content-wrapper .modal-image .badge-time.oster-aktion {
	border-radius:50% 50% 48% 48%;
}


.timed-modal .modal-content .content-wrapper .modal-image .badge-time span {
    font-size:1.25rem;
    line-height:1em;
    font-weight:900;
}
.timed-modal .modal-content .content-wrapper .content {
    background-image:linear-gradient(to bottom right, #a0ce4e 0%, #599428 100%); /* #c3016f #960358 */
    width:65%;
    /*margin:0 0 0 auto;*/
    padding:24px 24px 24px calc(5% + 24px);
}

.timed-modal .modal-content .content-wrapper .content div,
.timed-modal .modal-content .content-wrapper .content p,
.timed-modal .modal-content .content-wrapper .content ul {
	position: relative;
	z-index: 2;
}
.timed-modal .modal-content .content-wrapper .content .acolor {
	color:#333 !important;
    text-decoration: underline;
}
.timed-modal .modal-content .content-wrapper .content .acolor:hover {
	text-decoration: none;
}

.timed-modal .modal-content .content-wrapper .content div.wrapper-close {
	position: absolute;
}

.timed-modal .modal-content .content-wrapper .content.oster-aktion:before {
	content: "";
    background: var(--wpr-bg-39e2d828-a31c-4f55-b8d6-4988ee6dbf51) no-repeat right bottom;
	background-size: 270px auto;
	display: block;
    width: 270px;
    height: 300px;
	position: absolute;
	right: 24px;
	bottom: 0;
    opacity: 0.38;
	z-index:0;
} 

.timed-modal .modal-content .content-wrapper .content .wrapper-close {
    margin-bottom:10px;
    text-align:right;
    color: #fff !important;
    font-size: 24px !important;
    right: 18px !important;
}
.timed-modal .modal-content .content-wrapper .content .wrapper-close i {
    cursor:pointer;
	text-shadow: 1px 1px 3px #666;
}
.timed-modal .modal-content h3 {
    margin:0;
    color:#fff !important;
	line-height: 1.1 !important;
	font-size: calc(18px + 0.85vw) !important;
	width: 90%;
}
.timed-modal .modal-content ul {
    list-style-type: "\2605"!important;
	margin: 0 0 12px 0;
    padding: 0 0 0 15px;
}
.timed-modal .modal-content ul li {
    padding-left:10px;
}
.timed-modal .fusion-countdown .fusion-countdown-counter-wrapper {
    justify-content:flex-start;
}
.timed-modal .fusion-countdown .fusion-dash {
    flex-direction:column;
}
.timed-modal .fusion-countdown .fusion-dash .fusion-digit {
    font-size:50px;
    font-weight:600;
    margin-bottom:10px;
}
.timed-modal .fusion-button.btn-timed-modal {
    color:#333;
    background:#f0a74b;
    box-shadow:1px 3px 12px 0 rgba(0,0,0,.2);
}
.timed-modal .fusion-button.btn-timed-modal:hover {
    background:#f0a74be6;
    box-shadow:1px 3px 6px 0 rgba(0,0,0,.4);
}
.timed-modal .modal-content .close {
    color:white;
    opacity:.8;
}
.timed-modal .modal-content .close:hover,
.timed-modal .modal-content .close:focus {
    opacity:1;
}

.timed-modal .fusion-countdown .fusion-countdown-counter-wrapper {
    flex-wrap: nowrap;
    overflow: unset;
}

.timed-modal .fusion-countdown .fusion-dash-title {
    font-size: 15px !important;
}

@media only screen and (max-width:800px) {
	
	.timed-modal .modal-content .content-wrapper .modal-image.mba-popup {
		height:180px !important;
		width: 100% !important;
    	background-image:var(--wpr-bg-3a016ad1-0a31-4c32-902a-16c53d89249d);
		background-position: 21% 50%;
	}
	.timed-modal .modal-content .content-wrapper .modal-image.ulg-popup {
		height:180px !important;
		width: 100% !important;
    	background-image:var(--wpr-bg-08dd62c1-cde4-448f-811f-d4c867e1ed88);
		background-position: 38% 50%;
	}
	.timed-modal .modal-content .content-wrapper .content {
    	background-image: none;
	}
	
    .timed-modal .modal-content .content-wrapper {
        flex-direction:column;
    }
    .timed-modal .modal-content .content-wrapper .content {
        width:100%;
    }

	
    .timed-modal .modal-content .content-wrapper .modal-image .badge-time {
        width:110px;
        height:110px;
        right:auto;
        left:20px;
        top:10px;
        font-size:14px;
    }
	.timed-modal .modal-content .content-wrapper .modal-image .badge-time.oster-aktion {
        width:110px;
        height:130px;
    }
    .timed-modal .modal-content .content-wrapper .modal-image .badge-time span {
        font-size:1.3rem;
    }
    .timed-modal .modal-content .content-wrapper .content {
        padding:120px 20px 20px;
    }
    .timed-modal .modal-content .content-wrapper .content .wrapper-close {
        margin-bottom:50px;
    }
	
	
	.timed-modal .modal-content .content-wrapper .modal-image {
        background-image: block;
    }
	.timed-modal .modal-content .content-wrapper .modal-image .badge-time {
        top: 90px;
    }
	.timed-modal .modal-content .content-wrapper .modal-image .badge-time.oster-aktion {
        top: 70px;
    }
	.timed-modal .modal-content .content-wrapper .modal-image {
		background-position: center -422px;
		margin-top: 0px;
		width: 100%;
		height: 180px;
	}
	.timed-modal .modal-content .content-wrapper .content {
        padding: 24px 20px 20px;
    }
	.timed-modal .modal-content .content-wrapper .content p {
        font-size: 15px;
    	padding-right: 12px;
    }
	.timed-modal .fusion-countdown .fusion-dash .fusion-dash-title {
        font-size: 0.6rem;
    }
	
	.timed-modal .modal-content h3 {
		margin-top: 0px;
        margin-bottom: 6px;
		font-size: calc(18px + 1.95vw) !important;
	}
}

@media only screen and (max-width:768px) {
	.timed-modal .modal-content .content-wrapper .modal-image .badge-time.oster-aktion {
        width: 110px;
        height: 110px;
    }
	.timed-modal .modal-content .content-wrapper .modal-image .badge-time.oster-aktion {
        width: 110px;
        height: 130px;
    }
	
	.timed-modal .modal-content .content-wrapper .modal-image .badge-time span {
        font-size: 1.1rem;
    }
	
	.awb-off-canvas {
		padding-left: 0.9em;
    	padding-right: 0.9em;
	}
	
	.timed-modal .modal-content .content-wrapper .modal-image {
		background-position: center -280px;
	}
	

}

@media only screen and (max-width:640px) {
    .timed-modal .fusion-countdown .fusion-dash .fusion-digit {
        font-size:1.6rem;
        margin-bottom:5px;
    }
    .timed-modal .fusion-countdown .fusion-dash .fusion-dash-title {
        font-size:0.7rem;
    }
	.timed-modal .modal-content .content-wrapper .modal-image {
		background-position: center -200px;
	}
}

@media only screen and (max-width:480px) {
	.timed-modal .modal-content .content-wrapper .modal-image {
		background-position: center -100px;
	}
    .timed-modal .fusion-countdown .fusion-dash {
        padding:10px;
    }
}

@media only screen and (max-width:360px) {
    .timed-modal .fusion-countdown .fusion-dash {
        padding:10px 5px;
    }
}