h2, p { 
  background: FFFFFF;  
}

#checkup {
  /**background-image: url(http://maik-zorn-it-service.de/src/checkup.jpg);**/
  background:#FFF;
  background-size: cover;				/** Hintergrundbild Responsive Darstellung **/
  position:fixed;					/** Fixiert (scrollt nicht mit) Alternative "position:absolute;" **/
  width:600px;						/** Breite des Fensters **/
  left:190px;						/** Position von Links **/
  top:140px;						/** Position von Oben **/ 					/** Textabstand zum Fensterrand **/
  color:#CD0000;                                        /** Schriftfarbe Text **/
  font-size: 16px;					/** Schriftgröße **/
  border-radius:10px;					/** Runde Ecken **/
  border-width:2px;					/** Rahmenbreite **/
  border-style:solid;					/** Positionstil **/
  border-color:#585858;				        /** Rahmenfarbe **/
  z-index:20000; 					/** Überlagerung **/
}
	/** Überschrift H2 innerhalb des Popups **/



#checkup h2 {
  color:#CD0000;		                        /** Schriftfarbe Infox **/
  font-size:22px;  	 			        /** Schriftgröße **/
  font-weight:bold;					/** Schrift Fett **/
  font-family: Roboto, sans-serif, Arial, Verdana;
  margin-left:13px;

}




	/** definiert den Hintergrund der Texte **/


.checkhintergrund {
  background:#FFF;     	                                /** Hintergrund Weiss, 80% Durchscheinend**/
  padding:1px;						/** Textabstand zum Rand**/
  border-radius:5px;					/** Runde Ecken **/
  border-width:1px;					/** Rahmenstärke**/
  border-style:solid;					/** Rahmenstil **/
  border-color:#FFF;				        /** Rahmenfarbe **/
  font-weight:normal;					/** Schrift Fett **/
  font-family: Roboto, sans-serif, Arial, Verdana;
  margin-top: 5px;						/** Abstand zum Fensterrand **/
  margin-left:5px;						/** Abstand zum Fensterrand **/
  margin-right:5px;						/** Abstand zum Fensterrand **/
}
	/** Definiert den Schließen.Button **/


#checkoff{
  position:absolute;					/** Fixiert (scrollt nicht mit) **/
  background:rgba(174, 174, 174);		        /** Hintergrundfarbe **/
  color:#fff;						/** Farbe des Kreuzes **/
  right:-15px;						/** Position**/
  top:-15px;						/** Position**/
  border-radius:50%;					/** Rund**/
  width:30px;						/** Größe**/
  height:30px;						/** Größe**/
  line-height:30px;					/** Größe**/
  text-align:center;					/** Zentriert**/
  font-size:15px;					/** Größe**/
  font-weight:bold;	 			        /** Fett**/
  font-family:'Trebuchet MS', Arial, sans-serif;	/** Schriftart**/
  cursor:pointer;					/** Klickbar**/
}

#checkfcl {
cursor:pointer;		          			/** Klickbar**/
}

#checkbpo {
  width:50px;						/** Breite**/
  font-size: 16px;					/** Schriftgröße**/
  background: #104E8B;			  	        /** Hintergrundfarbe**/
  color:rgba(255,255,255);				/** Schriftfarbe**/
  border-style:solid;					/** Rahmenstil **/
  border-color:#585858;				        /** Rahmenfarbe **/
  border-width:1px;					/** Rahmenbreite **/
  padding: 3px 6px 3px 6px;			        /** Abstand zum Rand**/
  text-decoration: none;				/** Nicht unterstreichen**/
  text-align:center;					/** Zentriert**/
  cursor:pointer;	          			/** Klickbar**/
}





	/** Definiert die Link-Button **/

.button-checkup {
  width:50px;						/** Breite**/
  font-size: 16px;					/** Schriftgröße**/
  background: #104E8B;			  	        /** Hintergrundfarbe**/
  color:rgba(255,255,255);				/** Schriftfarbe**/
  border-style:solid;					/** Rahmenstil **/
  border-color:#585858;				        /** Rahmenfarbe **/
  border-width:1px;					/** Rahmenbreite **/
  padding: 3px 6px 3px 6px;			        /** Abstand zum Rand**/
  text-decoration: none;				/** Nicht unterstreichen**/
  text-align:center;					/** Zentriert**/
  cursor:pointer;		          		/** Klickbar**/
}

	/** Definiert die Link-Button Hover **/


.button-checkup:hover {
  border-style:solid;					/** Rahmenstil **/
  border-color:#FFF;				        /** Rahmenfarbe **/
  border-width:1px;					/** Rahmenbreite **/
  background: #104E8B;		 		        /** Hintergrundfarbe**/
  color:#FFF;		                 		/** Schriftfarbe**/
  text-decoration: none;				/** Nicht unterstreichen**/
}
	/** Definiert wann und wie das Fenster eingeblendet wird **/

.checkon {                                      /** Einblenden **/
animation-name: checkeinblenden;
animation-duration: 3000s;			/** Gesammte Zeit der Animation **/
animation-iteration-count: 1;			/** Anzahl der Wiederholungen **/
animation-timing-function: ease-in-out;
}
@keyframes checkeinblenden {
from {transform:translate(0, -5000px);}		/** Startposition **/
50% {transform:translate(0, -5000px);}		/** Position nach 50% der Zeit (0.5 Sec) **/
85% {transform:translate(0, -0px);}		/** Position nach 80% der Zeit (0.9 Sec) **/
to {transform: translate(0, -0px);} 		/** Endposition **/
}




	/** Definiert wann Fenster ausgeblendet wird (Bildschirmbreite) **/
@media (max-width: 979px) {
#checkup {
display:none;
}}







/********************* POPUP MOBILE-Ansicht *********************/
#checkup-mobile {
  background:rgba(58,58,58,1);
  position:fixed;
  width:260px;
  left:10px;
  top:25px;
  padding:20px 10px;
  color:#fff;
  font-size: 14px;
  border-radius:5px;
  border-width:1px;
  border-style:solid;
  border-color:#fff;
  z-index:20000; 
}
#checkup-mobile h2 {
  color:#fff;
  font-size:20px;
  font-weight:bold;
}
#checkoff-mobile{
  position:absolute;
  background:#C9C9C9;
  color:#fff;
  right:-15px;
  top:-15px;
  border-radius:50%;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:15px;
  font-weight:bold;
  font-family:'Arial Black', Arial, sans-serif;
  cursor:pointer;
}
.button-checkup-mobile {
  width:50px;
  border-radius: 7px;
  color: #006600;
  font-size: 14px;
  background: #fff;
  padding: 2px 4px 2px 4px;
  text-decoration: none;
  text-align:center;
}
.button-checkup-mobile:hover {
  text-decoration: none;
}
	/** Definiert wann Fenster eingeblendet wird (Bildschirmbreite) **/
@media (min-width:  978px;) {
#checkup-mobile {
display:none;
}}


/** https://www.google.de/url?sa=t&rct=j&q=&esrc=s&source=web&cd=19&cad=rja&uact=8&ved=2ahUKEwif2pXOrIDeAhWEmbQKHYmkDFE4ChAWMAh6BAgBEAE&url=https%3A%2F%2Fwww.zella.de%2Fcode%2Fcss-fenster-nach-dem-laden.html&usg=AOvVaw3sNl4CAuBNSTsZrwg37-_a **/