/************
farbe   |  hexcolor
--------|----------
weiss   |  #FFFFFF;
schwarz |  #000000;
rot     |  red;
*************/

:root {	
	--body-background-color: #F2F2F2;
    --text-color: #333333;
    --custom-bg-color: #006EBB;
    --custom-text-color:#FFFFFF;
    --logout-bg-color:red;
    --logout-text-color:#FFFFFF;
	--line-horizontal:5px solid #DDD;
	--line-vertikal:5px solid var(--custom-bg-color);
	--font-size-normal:1rem;
	--font-size-small:0.8rem;
	--font-size-large:1.5rem;
	--login-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;
	--login-radius:5px;
	--button-radius:5px;
}
*{
    color:var(--text-color);
	font-size:var(--font-size-normal);
}
body{
	background-color: var(--body-background-color);
}
#HeadColumn_Row1{
	
}
#HeadColumn_Row1 .center{
	background-color:transparent;
	/*background-color:#DDD!important;*/
}
#HeadColumn_Row2{
	border-bottom:var(--line-horizontal)!important;
}
#HeadColumn .center, #DefaultContentWrapper.center, #LogInRowNewCenter.center, #ESSFooterCPC .center, #DefaultContent .center {
    background-color: #fff;
    border-left:var(--line-vertikal);
}
#ESSFooterCPC .center{
	padding-top:50px;
}
/*fettere Schrift für ProjektBezeichnung und Anmeldung*/
#StadtName, #Login1_LogInHeader{
	font-size:var(--font-size-large);
}

/* Menu oben und Fußzeile kleiner */
.topMenu_span a, #ESSFooterCPC .center{
	font-size:var(--font-size-small);
	font-family:monospace;
}

/*******************
Login
********************/
.centerLogin #EssDefaultLogInColumn{
	margin: 20px auto!important
	}
#EssDefaultLogInColumn{
	border-radius:var(--login-radius);
	box-shadow: var(--login-shadow);
	    padding: 20px;
    padding-left: 25px;
}
#Login1_LoginButton, #RegFirst, #Login1_UserName, #Login1_Password, #pbLogout,#pbPay{
	border-radius:var(--button-radius)!important;
}
/*anmeldeknopf*/
#Login1_LoginButton{
	background-color:var(--custom-bg-color);
	color:var(--custom-text-color);
}

/*abmelden rot*/
#pbLogout{
	background-color:var(--logout-bg-color);
	color:var(--logout-text-color);
}

.ESSAPP .KtoDiv{
	width:100%!important;
}	

/*aktiven Menupunkt, Wochentage und Kalenderwoche festt und farbig */
ul li.active a, .hidemenu span, .KWdisplay{
    font-weight:bold;
    color:var(--custom-bg-color);
}
#pbPrintSPlan{
    display:none;
}

@media (max-width: 770px) {
	#HeadColumn .center, #DefaultContentWrapper.center, #LogInRowNewCenter.center, #ESSFooterCPC .center, #DefaultContent .center {
		border-left:none!important;
	}
	#DefaultContentWrapper{
		background-image:none!important;
	}
	#EssDefaultLogInColumn{
		box-shadow:none;
	}
  
  
}

/****************************/
/*     pfleile              */
/****************************/
.pbNextW[data-disabled=true], .pbPrevW[data-disabled=true] {
	filter: opacity(0.3);
}
.pbNextW, .pbPrevW {
    width:40px;
    height:40px;
    display:block;
    font-size:0px!important;
    background-size:contain;
}

.pbNextW{
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCA1LjEuOWxu2j4AAAC2ZVhJZklJKgAIAAAABQAaAQUAAQAAAEoAAAAbAQUAAQAAAFIAAAAoAQMAAQAAAAIAAAAxAQIAEAAAAFoAAABphwQAAQAAAGoAAAAAAAAAYAAAAAEAAABgAAAAAQAAAFBhaW50Lk5FVCA1LjEuOQADAACQBwAEAAAAMDIzMAGgAwABAAAAAQAAAAWgBAABAAAAlAAAAAAAAAACAAEAAgAEAAAAUjk4AAIABwAEAAAAMDEwMAAAAABMz8BIJY/XoAAAAldJREFUaEPt2k2ITlEYwPHfDCPJR74iSdkoC03GR2TDQpIFG0vZsFHKho2UIitZkI2ipBEWFlIWszLlI4spNrJQQkmRhd2YmWtzpt4e78edMeM9p/zrbM5zzn2f/32795z73Mt/psQqrIudJbIDI9gQA6UxgAqvsT4GS2IAY0nmFdbGAaXQKFJhOF03xRFFKgxhWRyYO81EKjzGkjg4Z1qJVHiIhXFCrrQTqTCI+XFSjnQSqXATfXFibmyuIVLhOnrj5OnQkw7UM4MNttQUqXClYV5t4oRr2IrR0P83VFiU/pX4e624hLOxcyq8aHKGutXOxeSmwnCTA3aznY4J1iU3kQonY5J1yFFkHMdjop3IUaRKN58jMdlGZuSe/Q/oww0cjoFJShGRtjC3cDAGFCYibS5vY18MlCYibfsHsaexs0QRWI672DnZUaoIrMYDbFO4CKzBAfSWLDKarpV7mIjBXBfE2H4lgY1RYJISRMbSc35/TL6R3EXG8Sg9OrclZ5EJPMH2mHQzchYZwq6YcCtyFXmK3THZduQo8gx7Y6KdyE3kJfbHJOvwvMnButVG0pa9VuUlDrqDQ2nBmSkqzMXiGGjDG1xI68Ufq3YzoshKbEp7sCrEpstYWoHrVhHf4iLup3UjK/prVhrf4WjONeA6Rez3OIZ5cXJOdBL5gBMlvFpoJ/IZp7AgTsqRViJfcCYVuYugmcjXVHGfym2560SRbziPpXFg7jSK/EjvP1bEQSUw+QnHT1wu9WMB6WHoO66myseMMyd2zBLj+JiqHp9isDRm9aT9BvU5uN4UdZUwAAAAAElFTkSuQmCC);
}

.pbPrevW{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCA1LjEuOWxu2j4AAAC2ZVhJZklJKgAIAAAABQAaAQUAAQAAAEoAAAAbAQUAAQAAAFIAAAAoAQMAAQAAAAIAAAAxAQIAEAAAAFoAAABphwQAAQAAAGoAAAAAAAAAYAAAAAEAAABgAAAAAQAAAFBhaW50Lk5FVCA1LjEuOQADAACQBwAEAAAAMDIzMAGgAwABAAAAAQAAAAWgBAABAAAAlAAAAAAAAAACAAEAAgAEAAAAUjk4AAIABwAEAAAAMDEwMAAAAABMz8BIJY/XoAAAAltJREFUaEPd2U+IjVEYx/HP3DHTJEz+FEnKRqyEiGxYSLKwkpVs2NCUDQt/yoaVLJSNoixIFpSUhZUpf0IjWUgiCyUhZSiNOzM2Z+qd48zMfW8zve/xq1+3e573fd7n+95u5znn8J+oMx6YZi1HD37FgZy0EgPYFAdy0gq8xCjWxcFctAxPA0QzV5DF6A8Q2YIswP0CRJYgvbgbQWQHMge3EhBZgfTgWgIgK5AuXE4UnxVIAxcThcduYm18c13UgfOJolNuYn3hvulyI3yOK6qszuB4PDiBRvECg20+ayJ14zn64kCrOpV461X5cVxcqzqaSFal++MCW1FfIlHVLg1yEMOJRFW7FMg+DCWS1MHjQBrFL5H24FKY+GqviUB240poQbJQCmQHroZmMBvFINtCE9gbjddeRZDNuI6FhbFsNAayATexJIpno0bwLiyNgzmpgRHcCP+NofiCHLU6AP1JTD519KQz+5qw/m4mbqybJwURlqZ3atpfFT0lCGzEvfD/iRPUxS2BwJbEhlud3DIIbMWDRJI6uBQIbMfDRKKqXRoEduJJIlmVbgukI7T2A4mEVflRscAyR29v8RWrwvFBq/oRjt5+T6OHwy7K7bGHlN1r6sRenAydwFQawWG8xqw42KY6Qt5X+BIHy6gL+/Em8XPHboZuobbqxgG8SxQfg9R6E1tYzx/ChwRAViAwG0fwMQGRFQjMxTF8yh0E5uEEPucOAvNxOsw1WYPAIpzF99xBhFn/XDjcGc0ZRNiRuYBvYZE24yrTa5XRYGhL3uMZfsYX5KaZelH/6C8U4M6RMv9cwwAAAABJRU5ErkJggg==);
}