/**
 *  Countdown-Block
 */
 :root{
	--countdownBackground:#f4f4f4;
	--countdownTitelSize:32px;
}
 .centered {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mbgi-block-countdown{
    margin:auto auto var(--abstandUntenContainer);
    max-width: var(--containerMaxWidth);
    width: 100%;
    background-color: var(--countdownBackground);
	}
	.mbgi-block-countdown-content{
	   padding: 60px 40px;
	   }
	   .mbgi-block-countdown-content > div:not(.mbgi-countdown-link){
	       margin-bottom: 45px;
	   }
	   
	   /*Titel*/
		.mbgi-countdown-title {
		   font-size: var(--countdownTitelSize);
		   font-family: var(--fontFamilyHeader);
		   text-align: center;
		   font-weight: 700;
		}
		
		/*Timer*/
		.mbgi-countdown-date{
		    flex-wrap: wrap;
			}
			.mbgi-block-countdown.mbgi-block .mbgi-countdown-date .mbgi-countdown-date-content p{
			   margin: 0 10px;
			   margin-bottom: 30px;
			}
			.mbgi-block-countdown .mbgi-countdown-date p:first-of-type{
			   width: auto;
			   min-width: 90px;
			   height: 90px;
			   background: #FFFFFF 0% 0% no-repeat padding-box;
			   box-shadow: 5px 5px 6px #15212e4d;
			   border-radius: 8px;
			   color: #5D6B84;
			   font-size: 40px;
			   margin-bottom: 30px;
			   }
			   .mbgi-block-countdown .mbgi-countdown-date p.days{
			       margin-left: 0;
			       }
			   .mbgi-block-countdown .mbgi-countdown-date p.seconds{
			       margin-right: 0;
			       }
			   .mbgi-block-countdown .mbgi-countdown-date p.ended-countdown{
			       width: 100%;
			       height: unset;
			       padding: 30px;
			       font-size: 28px;
			   }
			.mbgi-block-countdown .mbgi-countdown-date p:last-of-type {
			   font-family: var(--fontFamily);
			   color: var(--hellgruen);
			   font-weight: 700;
			   font-size: 32px;
			   text-align: center;
			}

	/*Button*/
	.mbgi-countdown-link {
	    background-color: var(--dunkelgruen);
	    border-radius: 30px;
	    padding: 14px 20px;
	    width: 100%;
	    }
	    .mbgi-countdown-link a {
	        text-decoration: none !important;
	        color: #ffffff;
	       font-family: var(--fontFamily);
	       font-weight: 700;
	       font-size: 16px;
	       line-height: 30px;
	       vertical-align: middle;
	        }
	        
	        .typ-gruen .mbgi-countdown-link:hover {
	            background-color: #ffffff;
	            }
	            .typ-gruen .mbgi-countdown-link:hover a {
	                color: var(--dunkelgruen);
					}


/* 
	Grün Variante 
*/
.mbgi-block-countdown.typ-gruen {
   background-color: #68BD4B;
   position: relative;
   overflow: hidden;
   }
   .mbgi-block-countdown.typ-gruen:before {
       content: "\F1FE";
       font-family: var(--fontBootstrap);
       color: rgba(13,50,30,.5);
       font-size: 400px;
       position: absolute;
       transform: rotate(-20deg);
       left: -10%;
	   top: 50%;
		}
		.mbgi-block-countdown.typ-gruen .mbgi-countdown-title{
			color: var(--cd-gelb);
			}


/* 
	Event Variante 
*/
.mbgi-block-countdown.typ-event{
   flex-direction: column;
}
.mbgi-block-countdown.typ-event .green-bar{
   width: 100%;
   background: var(--hauptfarbe) 0% 0% no-repeat padding-box;
   padding: 15px 0px;
   }
   .mbgi-block-countdown.typ-event .green-bar a{
       display: flex;
       justify-content: flex-start;
       text-decoration: none;
       }
       .mbgi-block-countdown.typ-event .green-bar a *{
           font-size:18px;
           line-height: 150%;
           letter-spacing: 0px;
           color: var(--colorMenuItem);
           text-align: left;
           margin-left: 40px;
       }
       .mbgi-block-countdown.typ-event .green-bar a p{
           margin-left: 20px;
           margin-bottom: 0;
			}
       

/*
   Mobile
*/
@media(max-width: 480px) {
	.mbgi-block-countdown-content{
		padding: 40px 10px;		
		}
		.mbgi-block-countdown .mbgi-countdown-date p:first-of-type{
			font-size: 22px;
			width: 60px;
			height: 60px;
		}
		.mbgi-block-countdown .mbgi-countdown-date p:last-of-type{
			font-size: 20px
		}
}

@media(max-width: 375px) {
	.mbgi-block-countdown-content {
	    padding: 40px 0px;
		}
		.mbgi-block-countdown.mbgi-block .mbgi-countdown-date .mbgi-countdown-date-content p{
			margin:0 5px 20px;
		}
		.mbgi-block-countdown .mbgi-countdown-date p:last-of-type{
			font-size: 18px
		}
}