/**
 * German Design Award sticky badge.
 *
 * Extracted from the <style> block that CodeKit snippets #9603 and #10568
 * injected into <head> at runtime.
 *
 * The original contained a bare `svg { display:block; width:90px; height:90px }`
 * rule. Because it was injected globally it resized every SVG on the page --
 * icons, logos, Elementor graphics. It is scoped to #stickyDiv below.
 *
 * The badge starts at left:-110px and is slid into view with a
 * gsap.to( '#stickyDiv', { x: 110 } ) translation. Do not "fix" the negative
 * offset without also changing awards-badge.js.
 */

#stickyDiv {
	width: 90px;
	height: 120px;
	background-color: #000;
	position: fixed;
	top: 70%;
	left: -110px; /* Off-screen until GSAP translates it in. */
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0 10px 10px 0;
	padding: 15px;
	padding-right: 15px;
	z-index: 1000;
}

#stickyDiv a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

#stickyDiv img,
#stickyDiv svg {
	display: block;
	width: 90px;
	height: 90px;
}

/* Snippet #10568 used a narrower box on small screens. */
@media (max-width: 479px) {

	#stickyDiv {
		width: 70px;
		padding: 10px;
		padding-right: 15px;
	}
}

/* Hide the badge when JavaScript is disabled. */
.no-js #stickyDiv {
	display: none;
}
