@-ms-viewport {
    width: device-width;
    user-zoom: fixed;
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
	margin: 0;
	padding: 0;
}

sup {
	vertical-align: super;
	font-size: 0.6em;
}

#container {
    z-index:0;
	overflow:hidden;
	position:absolute;
	background-color:#ffcc00;
	width: 300px;
	height: 250px;
	font-family: Arial, Helvetica, sans-serif;
}

#global-link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	border: 1px solid #a8adb3;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.sprite {
	position: absolute;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	opacity: 0;
}
.visible {
	opacity: 1;
	transition: opacity 0.25s;
}

/* Spritesheet-Positionen */

#bullet_1 {max-width:176px; max-height:13px; }
#bullet_1::after {content: '\00a0';display: inline-block; width:176px; height:13px; background-position: 72.97297297297297% 95.38461538461539%;background-size: 268.1818181818182% 1600%;background-image: url(../img/banner.png);padding: 0; }
#bullet_2 {max-width:185px; max-height:13px; }
#bullet_2::after {content: '\00a0';display: inline-block; width:185px; height:13px; background-position: 0.34843205574912894% 99.48717948717949%;background-size: 255.13513513513513% 1600%;background-image: url(../img/banner.png);padding: 0; }
#bullet_3 {max-width:214px; max-height:13px; }
#bullet_3::after {content: '\00a0';display: inline-block; width:214px; height:13px; background-position: 0.3875968992248062% 92.3076923076923%;background-size: 220.5607476635514% 1600%;background-image: url(../img/banner.png);padding: 0; }
#cta {max-width:141px; max-height:33px; }
#cta::after {content: '\00a0';display: inline-block; width:141px; height:33px; background-position: 77.94561933534743% 61.714285714285715%;background-size: 334.7517730496454% 630.3030303030303%;background-image: url(../img/banner.png);padding: 0; }
#logo {max-width:56px; max-height:20px; }
#logo::after {content: '\00a0';display: inline-block; width:56px; height:20px; background-position: 81.49038461538461% 43.61702127659574%;background-size: 842.8571428571429% 1040%;background-image: url(../img/banner.png);padding: 0; }
#rechtstext {max-width:256px; max-height:106px; }
#rechtstext::after {content: '\00a0';display: inline-block; width:256px; height:106px; background-position: 0.46296296296296297% 20.58823529411765%;background-size: 184.375% 196.22641509433961%;background-image: url(../img/banner.png);padding: 0; }
#siegel_1 {max-width:71px; max-height:106px; }
#siegel_1::after {content: '\00a0';display: inline-block; width:71px; height:106px; background-position: 66.58354114713217% 0.9803921568627451%;background-size: 664.7887323943662% 196.22641509433961%;background-image: url(../img/banner.png);padding: 0; }
#siegel_2 {max-width:71px; max-height:106px; }
#siegel_2::after {content: '\00a0';display: inline-block; width:71px; height:106px; background-position: 99.75062344139651% 80.3921568627451%;background-size: 664.7887323943662% 196.22641509433961%;background-image: url(../img/banner.png);padding: 0; }
#stoerer {max-width:64px; max-height:43px; }
#stoerer::after {content: '\00a0';display: inline-block; width:64px; height:43px; background-position: 62.254901960784316% 86.06060606060606%;background-size: 737.5% 483.72093023255815%;background-image: url(../img/banner.png);padding: 0; }
#text_1 {max-width:252px; max-height:26px; }
#text_1::after {content: '\00a0';display: inline-block; width:252px; height:26px; background-position: 0.45454545454545453% 70.32967032967034%;background-size: 187.3015873015873% 800%;background-image: url(../img/banner.png);padding: 0; }
#text_2 {max-width:187px; max-height:24px; }
#text_2::after {content: '\00a0';display: inline-block; width:187px; height:24px; background-position: 0.3508771929824561% 84.23913043478261%;background-size: 252.40641711229947% 866.6666666666666%;background-image: url(../img/banner.png);padding: 0; }
#text_3 {max-width:265px; max-height:19px; }
#text_3::after {content: '\00a0';display: inline-block; width:265px; height:19px; background-position: 0.4830917874396135% 0.5291005291005291%;background-size: 178.11320754716982% 1094.7368421052631%;background-image: url(../img/banner.png);padding: 0; }
#wohnmobil {max-width:132px; max-height:80px; }
#wohnmobil::after {content: '\00a0';display: inline-block; width:132px; height:80px; background-position: 99.70588235294117% 0.78125%;background-size: 357.57575757575756% 260%;background-image: url(../img/banner.png);padding: 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {


    #bullet_1::after {background-position: 72.97297297297297% 95.38461538461539%; background-image: url(../img/banner-2x.png); }
    #bullet_2::after {background-position: 0.34843205574912894% 99.48717948717949%; background-image: url(../img/banner-2x.png); }
    #bullet_3::after {background-position: 0.3875968992248062% 92.3076923076923%; background-image: url(../img/banner-2x.png); }
    #cta::after {background-position: 77.94561933534743% 61.714285714285715%; background-image: url(../img/banner-2x.png); }
    #logo::after {background-position: 81.49038461538461% 43.61702127659574%; background-image: url(../img/banner-2x.png); }
    #rechtstext::after {background-position: 0.46296296296296297% 20.58823529411765%; background-image: url(../img/banner-2x.png); }
    #siegel_1::after {background-position: 66.58354114713217% 0.9803921568627451%; background-image: url(../img/banner-2x.png); }
    #siegel_2::after {background-position: 99.75062344139651% 80.3921568627451%; background-image: url(../img/banner-2x.png); }
    #stoerer::after {background-position: 62.254901960784316% 86.06060606060606%; background-image: url(../img/banner-2x.png); }
    #text_1::after {background-position: 0.45454545454545453% 70.32967032967034%; background-image: url(../img/banner-2x.png); }
    #text_2::after {background-position: 0.3508771929824561% 84.23913043478261%; background-image: url(../img/banner-2x.png); }
    #text_3::after {background-position: 0.4830917874396135% 0.5291005291005291%; background-image: url(../img/banner-2x.png); }
    #wohnmobil::after {background-position: 99.70588235294117% 0.78125%; background-image: url(../img/banner-2x.png); }
}

/* Absolute Positionierung */

#logo {
	left: 224px;
	top: 192px;
}

#text_1 {
	left: 19px;
	top: 18px;
}

#text_2 {
	left: 23px;
	top: 47px;
}

#text_3 {
	left: 23px;
	top: 47px;
}

#wohnmobil {
	left: 82px;
	top: 96px;
}

#bullet_1 {
	left: 21px;
	top: 83px;
}

#bullet_2 {
	left: 21px;
	top: 109px;
}

#bullet_3 {
	left: 21px;
	top: 134px;
}

#stoerer {
	left: 214px;
	top: 74px;
}
#stoerer.state-2 {
	left: 214px;
	top: 54px;
}

#rechtstext {
	left: 21px;
	top: 61px;
}

#siegel_1 {
	left: 67px;
	top: 57px;
}

#siegel_2 {
	left: 164px;
	top: 57px;
}

#cta {
	left: 21px;
	top: 185px;
	border-radius: 5px;
}

#glow {
	position: absolute;
	width: 50px;
	height: 100%;
	top: 0px;
	left: -50px;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
}
#glow.visible {
	left: 100%;
	transition: left 2s;
}