/*  .scaling-svg-container {
 position: relative; 
 height: 0; 
 width: 100%; 
 padding: 0;
 padding-bottom: 70%; 
}
.scaling-svg-container svg {
 position: absolute; 
 height: 100%; 
 width: 100%; 
 left: 0; 
 top: 0;
}*/


.styleUl3 b{opacity:0}

#DivAlertCassette1,#DivAlertCassette2{display:none}


.ribbon {
  font-size:10px;
  color:#fff;
  text-align:center;
  background:linear-gradient(red 0 100%);
  box-shadow:0 3px 10px -5px #000;
  position:absolute;
  padding:5px;
  top:0;
  right:0;
  transform:translate(calc((1 - cos(45deg))*100%),-100%) rotate(45deg);
  transform-origin:0% 100%;
  padding-inline:1lh;
  min-width:100px
  }

/* X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X */
/* X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X */
/* X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X */
/* X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X */


ul{list-style:none;padding:0;margin:0}
.alertD{float:left;background:#D6835E;color:#fff;padding:2% 2%;font-size:15px;width:92%;margin: 1% 3% 1% 1%}

.tit1{width:90%;margin:40px 5% 0 5%;float:left}
.tit2{width:90%;margin:100px 5%0 5%;float:left}
.tit1 h3,.tit2 h3{color:#3DABDD;font-weight:300;font-size:24px;line-height:24px;padding:0 0 15px 0;margin:0;border-bottom:1px solid #ddd}


.style1{width:90%;padding:15px 5%;float:left}
.style1 h4{font-size:18px;font-weight:700;margin:0 0 5px 0;padding:0}
.style1 h4 span{font-size:14px;font-weight:500;margin:0;padding:3px 5px;cursor:pointer;background:#3DABDD;color:#fff;border-radius:5px}

.style11{width:90%;padding:0 5%;float:left}

.style12{width:90%;padding:15px 5% 0 5%;float:left}
.style12 h4{font-size:18px;font-weight:700;margin:0 0 5px 0;padding:0}
.style12 h4 span{font-size:14px;font-weight:500;margin:0;padding:3px 5px;cursor:pointer;background:#3DABDD;color:#fff;border-radius:5px}

.styleUl1{float:left;width:100%}
.styleUl1 li{float:left;width:13%;padding:1% 1%;margin:1% 3% 1% 0;font-size:12px;line-height:12px;text-align:center;color:#666}
.styleUl1 .on{border:2px solid #3DABDD;cursor:pointer}
.styleUl1 .off{border:2px solid #fff;cursor:pointer}
.styleUl1 img{float:left;width:100%;height:auto;padding:0 0 5px 0}


.styleUl2 li{float:left;padding:1% 2%;margin:1% 3% 1% 0;font-size:14px;color:#666}
.styleUl2 .on{border:2px solid #3DABDD;cursor:pointer}
.styleUl2 .off{border:2px solid #eee;cursor:pointer}
.styleUl2 .on1{border:2px solid #3DABDD;background:#3DABDD;color:#fff}
.styleUl2 b{color:#fff;background:#444;width:99%;padding:1%;float:left;margin:5px 0  0;text-align:center}

.styleUl21 li{float:left;padding:1% 2%;margin:1% 3% 1% 0;font-size:15px;color:#666}
.styleUl21 .on{border:2px solid #D78864;cursor:pointer}
.styleUl21 .off{border:2px solid #eee;cursor:pointer}
.styleUl21 .on1{border:2px solid #D78864;background:#D78864;color:#fff}

.styleUl3 li{float:left;width:32%;padding:0;margin:1% 3% 1% 0;font-size:14px;color:#666}
.styleUl3 span{font-size:12px}
.styleUl3 b{font-size:12px;color:#D6835E}
.styleUl3 input{width:92%;padding:3%;margin:1%;background:#eee;border:1px solid #eee;font-family:'Lato',sans-serif}


.styleUl4 li{float:left;width:70px;height:100px;padding:5px;margin:0 6px 0 0;font-size:12px;line-height:12px;color:#666;text-align:center;overflow:hidden;position:relative}
.styleUl4 div{width:70px;height:70px;float:left;padding:0;margin:0 0 4px 0}
.styleUl4 .on{border:2px solid #3DABDD;cursor:pointer}
.styleUl4 .off{border:2px solid #fff;cursor:pointer}

.styleUl4 b{color:#fff;background:#444;width:99%;padding:1%;float:left;margin:5px 0  0}
.styleUl4 em{font-style:normal;font-weight:700;font-family:'Mulish',sans-serif}
.styleUl4 span{font-family: 'Mulish', sans-serif}

.styleUl41 li{float:left;width:60px;padding:5px;margin:1% 20px 1% 0;font-size:12px;color:#666;text-align:center;overflow:hidden}
.styleUl41 div{width:60px;height:60px;float:left;padding:0;margin:0 0 5px 0}
.styleUl41 .on{border:2px solid #3DABDD;cursor:pointer}
.styleUl41 .off{border:2px solid #fff;cursor:pointer}


.styleUl5 li{float:left;width:92%;padding:1% 2%;margin:1% 3% 1% 0;font-size:14px;color:#666}
.styleUl5 li:nth-child(6n+1){clear:both}
.styleUl5 .on{border:2px solid #3DABDD;cursor:pointer}
.styleUl5 .off{border:2px solid #eee;cursor:pointer}


#anzahlderSchutzaufklaeber{display:none}

			.POPoverlay {
					position: fixed;
					z-index:9999;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					background: rgba(255,255,255,0.1);
					/*transition: opacity 500ms;*/
					visibility: hidden;
					opacity: 0
				}		
				
				.POPoverlayVis {
					visibility: visible;
					opacity: 1;
				}
				
			.POPpopup {
				margin: 1% auto;
				padding: 1%;
				background:#fff;
				width: 50%;
				height: 90%;
				border-radius: 5px;
				position: relative;
				/*transition: all 5s ease-in-out;*/
				box-shadow: 3px 3px 20px rgba(0,0,0,0.5);
				text-align:center;
				overflow: hidden
			}
			


			.POPclose {
				font-size: 45px;
				font-weight: bold;
				color: #333;
				cursor:pointer;float:right;margin:0 0 20px 0
			}
			
			.PopUpWin{cursor:pointer}
			

			#POPok{cursor:pointer;display:inline;background:#4CAF50;color:#fff;padding:5px 10px;font-size:16px;border-radius:5px;display:none}

			.popClass{cursor:pointer}
			
		.stop-scrolling {height: 100%;overflow: hidden;}
			.POPpopupDIV {color:#333;padding:0 20px 20px 0}
			.POPpopupDIV img{max-width:100%;float:left;margin:0 0 5px 0}
		#popBoxText{overflow: auto;width:100%;float:left;height: 98%;}
		
							.divTab{width:100%;float:left;margin:10px 0 0 0;border:1px solid #ccc;border-bottom:2px solid #ccc;border-top:4px solid #ccc;background:#F6F6F6;box-sizing:border-box;text-align:center;color:#999;font-size:13px}
	
							.divTabOn{width:19%;float:left;margin:0.5%;height:40px;border:3px solid #3DABDD;background:#B1DDF1;box-sizing:border-box}
							.divTabOn:hover{background:#8BCDEB;cursor:pointer}

							.divTabOff{width:19%;float:left;margin:0.5%;height:40px;border:1px solid #ddd;background:#F6F6F6;box-sizing:border-box}


							.divTabOff:hover{background:#CEEAF6;cursor:pointer}

@media (max-width:1600px){.styleUl1 li{float:left;width:15%}}
@media (max-width:1380px){.styleUl1 li{float:left;width:18%}}
@media (max-width:1280px){.styleUl1 li{float:left;width:20%}}
@media (max-width:1024px){.styleUl1 li{float:left;width:24%}}
@media (max-width:900px){.styleUl1 li{float:left;width:26%}}
		
@media (max-width:1280px){
			.POPpopup {width:80%}
}


@media (max-width:840px){
			.POPpopup {width:90%}
			.styleUl1 li{float:left;width:12%}
			.styleUl3 li{float:left;width:46%;padding:0;margin:1% 3% 1% 0;font-size:14px;color:#666}		
}

@media (max-width:600px){
			.styleUl1 li{float:left;width:22%}	
}