.adventbody			{ background-color: #FFFFFF; overflow: hidden; width: 100%; 
					margin-bottom: 0px; border: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.05); box-shadow: 0px 0px 0px rgba(0,0,0,.05); }
.adventpadding 		{ padding-top: 30px; padding-bottom: 30px; }

.logojustify 		{ align-items: center; }

.squarebg 			{ background-image: url(../design/bg_adventskalender.jpg); background-position: top center; width: 100%; height: 100%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.squarecontent 		{ position: absolute; width: 100%; height: 100%; padding: 8px; }
.squareborder 		{ width: 100%; height: 100%; border: 2px solid #ffdc00; background-color: rgba(0, 0, 0, 0.15); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.square:hover .squareborder { border: 2px solid #71be45; background-color: rgba(113, 190, 69, 0.95); color: #FFFFFF; }

.square 		{ width: 50%; background-color: transparent; color: #ffdc00; }
.square:after 	{ content: ""; display: block; padding-bottom: 100%; }

.square2 		{ width: 50%; background-color: transparent; }
.square2:after 	{ content: ""; display: block; padding-bottom: 100%; }

.squareop 		{ width: 50%; background-color: transparent; color: #ffdc00; filter: alpha(opacity = 40); -ms-filter: "alpha(opacity = 40)"; opacity: .40; }
.squareop:after { content: ""; display: block; padding-bottom: 100%; }

.square-pad		{ padding: 3.8vw; font-size: 6.2vw; line-height: 1.0em; letter-spacing: -0.04em; }
@media (min-width: 768px) { 
.adventtotop 		{ padding-top: 50px; padding-bottom: 50px; }
.square-pad		{ padding: 3.0vw; font-size: 5.0vw; line-height: 1.0em; letter-spacing: -0.04em; }
}
@media (min-width: 992px) { 
.square-pad		{ padding: 1.4vw; font-size: 2.9vw; line-height: 1.0em; letter-spacing: -0.04em; }
}
@media (min-width: 1200px) { 
.square-pad		{ padding: 1.1vw; font-size: 2.8vw; line-height: 1.0em; letter-spacing: -0.04em; }
img.logoadvent1 { width: 100%; max-width: 500px; height: auto; filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.7)); }
img.logoadvent2 { width: 100%; max-width: 520px; height: auto; filter: drop-shadow(5px 5px 4px rgba(0, 0, 0, 0.5)); }
}

.text-topleft 		{ position: absolute; top: 0; left: 0; text-align: left; }
.text-topright 		{ position: absolute; top: 0; right: 0; text-align: right; }
.text-bottomleft 	{ position: absolute; bottom: 0; left: 0; text-align: left; }
.text-bottomright 	{ position: absolute; bottom: 0; right: 0; text-align: right; }