:root {
            --radius: 10px;
            /*******TABS*********/
            --tabs_bg: #efefef;
            --tabs_color: #000;
            --tabs_border_color: #ccc;
            /*******INFO*********/
}

*{
	font-family: Arial, Sans-serif;
    font-size: 1rem;;
    color: #5B5B5B;
}
body{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAANnCAYAAAD5u5IpAAADs0lEQVR4Xu3bZ1NaQRQG4L3+0JSJJfaCvUUFFRQLdkUFe28oUgREQMXeY36NZJiJKbzHzGaumOWy+cLMM+/uOXtYr4xDlNzMdzGW8E+R+OdE/mEgeVnvcZ4CYn72B+xTQCzI+Yh9CohFuZ+wT4kJP0f8AynOy8R5Cogl+VnYp4BYWpCNfWoPywpz8Jgk6oo+Y1J7WF6ci8cUECtK8rBPAbGyNB/7rCorUIPVukJcTmJNeREmSeTfU2UhsnptRTH2SSL/iVQWqqsswZa0h/VVpXhMEhuqyzBJYmONDpNpgk11FXh2AbG5vhL7FBD1jdXYp/bQ8KUGj0lia1MtJpOBbc11WIjE9pZ6TKrEZFQ36huwT340GZpijD0xxjLY86ti1Mcxvq3Cnl8Vk6EZC/FjR2sLLiexs02PSRL591RZiKxubjdgnyR2GVsxqT3sNrXhMUns6WjHZDKwt9OIhUi0mE2Y5Me+rg5c3t/dmQ440GPGY/LjYG8XLk9pHLJ044n4cbivB5eTONLfi0l+HB2w4PKUxrHBPjwRidahfkySOD48gEkSJ0YGMak9nBwdwmOSaBsbxiQ/2q0juFxAnBofxT4FxOmJMeyTxJlJKyZJnLWNY5LEOfsEJpOB81OTWIgfF6ZtuJxE/j3JJH+hxRk7tvRmuDQ7hdVJXJ6bxmQycGV+BguRuLowi0l+XFuc4yyksjpZiMT1pXlsicSN5QVMag83VxbxmCRurS5h8s3QsbaM1UncXl/BZDJwZ2MVC5Ho3FzDJD/ubq1zFlJZnSxEosuxgS2lNLq3N/FE/OjZ2cLlJHqdDky+iPHorz8kMaZ4nI7Yk8JYRvxPTz9eFdcusef/Rbdrm5gnhR73DjE6Cr0eJzE6dejbc+GeAuKed/fV+/T73LgniQG/B5NBnwevYsjvjcGljSN8SSylMRzYwxORGNn3YfJFxNEF/Djk4L6feDsoPAgGMEli6GCfeI80h+FQkHjjxMNI+AD7PIyE1ODRYRiXk3h8FMFkOmP0+BAHQuJJ9AiT/MhfSGX105Nj7JMfz06juFxAPD87wT4FxMuLM+xTQLw4P331Pq8uz3FPEq+vLjBJIv+eKguR1W+uL7HPdMbbmyscCIl3t9eY1B7e393gMSUmfN+bfyAP97c4TwHx8es99ikgfnt8wD4lJtxPORA5kOcJKPIyyMsgLwNj8gch8f/DyieDfDLIJ4N8MshP1L89B+SvCflr4ucE5GWQl0FehviXPeRnRflZ8a+fFb8DQlNYmu9PvTUAAAAASUVORK5CYII=);
    background-color: #D8D7D5;
    background-repeat: repeat-x;
}
#topMenu a{
	font-size:0.9rem;
}
#ESSFooterCPC .center{
	font-family:monospace;
	font-size:0.8rem;
	    line-height: 20px;
}
#StadtName, .EssMasterHeaderName, #Login1_LogInHeader, #StartSeitenInfosTitel{
	font-size:1.5rem;
	color:red;
}

#DefaultHeader .center{
	background-color: #ddd;
}

#pbLogout{
	background-color: red;
    color: #fff;
}
#RegFirst, #PwdVerg, #pbUmbuchen{
	background-color:#fff;
}
#Login1_LoginButton,
#MasterInnerTable #DefaultContent #MasterContentNew #MTSplan .bestellt, #MasterInnerTable #DefaultContent #MasterContentNew #TauschDisplay .bestellt, 
#MasterInnerTable #DefaultContent #MasterContentNew #TauschDisplay .bestellt input {
    color: #fff!important;
    background-color: red;
}
#pbPrintSPlan{
	display:none;
}
.bestellt *{
	color:#fff;
}
#HeadColumn_Row1 .center a {
    color: #fff;
}
#LogInRowNewCenter {
    background-color: #D8D7D5;
    display: table;
}
#Login1{
	background-color:#fff;
	
}
#Login1 td{
	padding:5px;
}
#HeadColumn_Row1 .center {
    background-image: url(data:image/gif;base64,R0lGODlhAQARALMAAKGhoaioqJ+fn6ampqOjo52dnZqamqurq5iYmJmZmQAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABABEAAAQLEMlEkykCkBHOMREAOw==);
    background-color: #5B5B5B;
    background-repeat: repeat;
    background-size: contain;
}
#LogInRowNewCenter #ESSInfosGUI .infoHelp {
    background-image: url(https://essenbestellen.net/SparkasseSchwaebischHall/imgs/geldkarte.png) !important;
	background-size:80%!important;
	    background-position: top center;
}
.CashDIVAnzeige{
	display:none!important;
}
.KSKPayDirect, .giropay_text:before{display:none!important;}
.customcb[value="girocheckoutgiropay"]{
	background-image:url(https://min-tec.de/img/giro_old.png)!important;
}

 .customcb[value="girocheckoutpaydirect"] {
	background-image:url(https://min-tec.de/img/giro.png)!important;
}

.WSSCard #LogInRowNewCenter #ESSInfosGUI .infoHelp{
	background-image:url(https://essenbestellen.net/SparkasseSchwaebischHall/imgs/geldkarte.png)!important;
}
.WSSCard #LogInRowNewCenter #ESSInfosGUI .infoZahlung{
	background-image: url(https://min-tec.de/img/sepa.png)!important;
	background-size: contain;
}
#DefaultContentWrapper{
	background-image:url(https://essenbestellen.net/SparkasseSchwaebischHall/imgs/kinder.png)!important;
}

.pbNextW , .pbPrevW{
	font-size:0px;
} 
.pbNextW:before, .pbPrevW:before{
	/*font-size:30px;*/
} 
#ColumnMenue ul li.active{
	background-color:red;
}
#ColumnMenue ul li.active a{
	color:#fff;
}
#DefaultHeader{
	background-color: #D8D7D5;
}
.customcb[value="girocheckoutpaydirect"] + span, .customcb[value="girocheckoutgiropay"] + span{
	font-size:0px;
	opacity:0px;
	line-height:20px;
	max-width:250px;
	height:40px;
	max-height:40px;
	color:#fff;
}
.customcb[value="girocheckoutpaydirect"] + span:before{
	content:'Mit giropay-Login aufladen';
	font-size:19px;
	line-height:25px;
	display:block;
	float:left;
	color:#333;
}
.customcb[value="girocheckoutpaydirect"] + span:after{
	content:'(Mit Benutzername und Passwort von paydirekt)';
	font-size:15px;
	line-height:15px;
	display:block;
	color:#696969;
	float:left;
}

.customcb[value="girocheckoutgiropay"] + span:before{
	content:'Mit giropay Online-Überweisung aufladen';
	font-size:19px;
	line-height:25px;
	display:block;
	float:left;
	color:#333;
}
.customcb[value="girocheckoutgiropay"] + span:after{
	content:'(Mit Onlinebanking-Zugangsdaten)';
	font-size:15px;
	line-height:15px;
	display:block;
	color:#696969;
	float:left;
}

.customcb[value="girocheckoutgiropay"], .customcb[value="girocheckoutpaydirect"] {
	background-image:url(https://min-tec.de/img/giro.png)!important;
}

@media (max-width: 400px) {
	.customcb[value="girocheckoutpaydirect"] + span:before, .customcb[value="girocheckoutgiropay"] + span:before{
		font-size:13px;
	}
	.customcb[value="girocheckoutpaydirect"] + span:after, .customcb[value="girocheckoutgiropay"] + span:after{
		font-size:10px;
	}
}

.infoZahlung{
	background-image: url(https://min-tec.de/img/sepa.png);
}
.footerElement table{
	width:100%;
}
.footerElement.infoHelp{
	margin-left:10px;
}
 #LogInRowNewCenter #ESSInfosGUI .footerElement {
    width: 49%;
    background-size: contain;
    float: left;
 }
 
 #ESSInfosGUI{
	 display:none;
 }
 .footerElement table {
	 background-color:#fff;
	 margin-top:220px;
 }
 .footerElement table  td{
	font-size:0.9rem;
 }
 .LogoHelpText {
	 font-size:2rem!important;
	 color:#000;
	 
 }
 .linkHelp:before, .linkKontakt:before {
    font-family: Arial !important;
    font-weight: 700;
    width: 40px;
    height: 40px;
    font-size: 35px;
    line-height: 40px;
    color: red;
}
 .LogoHelpText.linkKontakt:before{
	 content:'@'
 }
 .LogoHelpText.linkHelp:before{
	 content:'?'
 }
 @media (min-width: 910px) {
    .rightLogin #ESSInfosGUI {
        width: calc(66% - 30px);
        min-height: 200px;
        background-size: contain;
        float: left;
        display: block;
    }
 }
  @media (max-width: 770px) {
	  .Logo_PROJEKTTRUE #DefaultContentWrapper {
		  background-image:none!important;
	  }
  }