.paragraphsidebarleft a:focus-visible img,
.paragraphsidebarright a:focus-visible img {
	filter: brightness(50%) contrast(75%);
}

@media (min-width: 768px) {
	.paragraphsidebarright {
		float: right;
		margin: 0 0 2% 5%;
		box-sizing: border-box;
	}
	.paragraphsidebarleft {
		float: left;
		margin: 0 5% 2% 0;
		box-sizing: border-box;
	}
	.paragraphsidebarsmall {
		width: 20%;
	}
	.paragraphsidebarmedium {
		width: 30%;
	}
	.paragraphsidebarlarge {
		width: 40%;
	}
	.paragraphsidebarverylarge {
		width: 50%;
	}
	
	.paragraphcontentsidebarsmall {
		width: 75%;
	}
	.paragraphcontentsidebarmedium {
		width: 65%;
	}
	.paragraphcontentsidebarlarge {
		width: 55%;
	}
	.paragraphcontentsidebarverylarge {
		width: 45%;
	}
	
	.paragraphcontentindentsidebarsmall {
		margin-left: 25%;
		width: 75%;
	}
	.paragraphcontentindentsidebarmedium {
	    margin-left: 35%;
		width: 65%;
	}
	.paragraphcontentindentsidebarlarge {
		margin-left: 45%;
		width: 55%;
	}
	.paragraphcontentindentsidebarverylarge {
		margin-left: 55%;
		width: 45%;
	}
	
}.ngbusy { background: url(ngpluginparagraphguestbook/img/busy.gif) no-repeat center center; } .ngbusy>* { opacity: 0.2; } .ngparaguestbook button:disabled { opacity: 0.2; cursor: wait; } .ngparaguestbook .ngparaguestbookcaptcha { margin-bottom: 20px; } .ngparaguestbookpost { margin-bottom: 20px; } .ngparaguestbook .ngparaguestbookformerror { font: 16px Poppins,Verdana,Helvetica,sans-serif; color: #773435; padding: 10px; text-align: center; display: none; } .ngparaguestbook .ngguestbookthanks { padding: 10px; text-align: center; } .ngparaguestbook .ngparaguestbookconsent { margin: 0 0 20px 0; padding: 0; line-height: 1.75; } .ngparaguestbook input[type="checkbox"] { margin: 0; padding: 0; } .ngparaguestbook form { margin: 0 0 20px 0; } .ngparaguestbook input[type="text"], .ngparaguestbook input[type="email"], .ngparaguestbook textarea { box-sizing: border-box; border-color: #4d437d; border-width: 1px; border-style: solid; margin: 0 0 10px 0; padding: 6px 12px 6px 12px; background: #ffffff; font: 16px Poppins,Verdana,Helvetica,sans-serif; color: #201e25; letter-spacing: 0px; border-radius: 0px; -webkit-appearance: none; box-sizing: border-box; width: 100%; } .ngparaguestbook input[type="text"]:focus, .ngparaguestbook input[type="email"]:focus, .ngparaguestbook textarea:focus { border-color: #4d437d; background: #ffffff; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); } .ngparaguestbook textarea { min-height: 160px; } .ngparaguestbook label { font: 16px Poppins,Verdana,Helvetica,sans-serif; color: #6c687f; letter-spacing: 0px; display: block; padding: 5px 5px 5px 0; } .ngparaguestbook label.ngparaguestbookerror { color: #773435; } .ngparaguestbook button { margin: 0; text-decoration: none; border-color: #6c687f; border-width: 1px; border-style: solid; padding: 10px 20px 10px 20px; background: #6c687f; font: 14px Poppins,Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0.5px; text-transform: uppercase; border-radius: 4px; display: block; cursor: pointer; float: right; -webkit-appearance: none; } .ngparaguestbook button:hover { border-color: #201e25; background: #201e25; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngparaguestbook button:focus { border-color: #201e25; background: #201e25; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; outline: none; } .ngparaguestbook .ngparaguestbookpagination { padding: 10px; display: none; text-align: center; } .ngparaguestbook .ngparaguestbookpagination a { text-decoration: none; font-weight: normal; font-style: normal; color: #6c687f; padding: 0 3px; } .ngparaguestbook .ngparaguestbookpagination a.ngparaguestbookcurrent { font-weight: bold; } .ngparaguestbook .ngparaguestbookreply { padding-left: 39px; background: url(/classes/plugins/ngpluginparagraph/ngpluginparagraphguestbook/img/reply/?f=default&c=a4bbd6&s=32) 0 4px no-repeat; min-height: 39px; } .ngparaguestbook .ngparaguestbookstars { margin: 0 0 10px 0; } .ngparaguestbook .ngparaguestbookstars a { float: left; display: block; width: 20px; height: 20px; background: url(/classes/plugins/ngpluginparagraph/ngpluginparagraphguestbook/img/stars/?f=default&ca=c3c3c3&cb=ffffff&cc=5779a3&cd=d4e0f0) 0 0 no-repeat; } .ngparaguestbook .ngparaguestbookstars a.hover { background-position: 0 -20px; } .ngparaguestbook .ngparaguestbookstars a.selected { background-position: 0 -40px; } .ngparaguestbook .ngparaguestbookpost h3 img { width: 16px; height: 16px; padding-left: 5px; } .ngparaguestbook td { white-space: nowrap; padding: 0 6px 6px 0; vertical-align: middle; text-align: left; } .ngparaguestbook table { margin-bottom: 10px; border: 0; border-spacing: 0; } .ngparaguestbook td>div { width: 100%; background-color: #ebebeb; } .ngparaguestbook td>div>div { background-color: #a4bbd6; height: 10px; } .ngparaguestbook .ngguestbooktotal { width: 100px; background: url(/classes/plugins/ngpluginparagraph/ngpluginparagraphguestbook/img/stars/?f=default&ca=c3c3c3&cb=ffffff&cc=5779a3&cd=d4e0f0) 0 0 repeat-x; margin-bottom: 10px; } .ngparaguestbook .ngguestbooktotal div { height: 20px; background: url(/classes/plugins/ngpluginparagraph/ngpluginparagraphguestbook/img/stars/?f=default&ca=c3c3c3&cb=ffffff&cc=5779a3&cd=d4e0f0) 0 -40px repeat-x; }