#respond #commentform input[type=name],#respond #commentform input[type=name]:focus:invalid,#respond #commentform input[type=email],#respond #commentform input[type=url]{
width:340px;
padding:7px 17px 6px!important;
height:auto!important;
min-height:39px;
border-color:#d6d6d6!important;
background:none;
border:1px solid #777777;
box-shadow:none;
color:#494d52;
}
#commentform p label input{margin:0px 4px 2px 0px}
.comment-author .author{width:100%!important}
.extra-wrap{float:left!important}
ol.pinglist{list-style:none}
.comment-author-uwe-weichelt>.comment-body,.comment-author-harry-milatz>.comment-body{background:#ccc url(/wp-content/themes/tune-web/images/bg2.png)repeat!important}
.avatarpic{position:absolute;top:20px;left:20px;padding:0;width:65px;height:32px}
span.fn,span.fn a{font-size:17px;text-decoration:none}
span.fn{color:#000}
ol.comment-list>li.pingback>ul.children{margin:0}
.moderation{color:#fff}

.schliessen{height:39px;width:39px;top:17%;right:1%;position:fixed;cursor:pointer;background:url(/wp-content/themes/tune-web/images/close.png)10px 10px no-repeat scroll transparent}
.comment-notes,p.comment-form-author,p.comment-form-email,p.comment-form-url,input#submit,p.subscribe-to-doi-comments,p.comment-form-cookies-consent,#form-allowed-tags{
position:absolute;opacity:0;transition:visibility 600ms,opacity 300ms linear}
span.html{color:#0254B6;cursor:pointer}
#form-allowed-tags{padding:10px;right:2%;position:fixed;border-radius:5px 5px 5px 5px;border:solid #ccc;background:none repeat scroll 0 0 #FFFFFF;left:66%}
#form-allowed-tags code{color:#5b0403;border:1px solid #e1e1e8;background-color:#f7f7f9;border-radius:4px;font-size:13px}
input:required,textarea:required{background:url(/wp-content/themes/tune-web/images/required.png) no-repeat 99% center #fff!important}
input#author:valid,input#email:valid,textarea#comment:valid{background:url(/wp-content/themes/tune-web/images/valid.png) no-repeat 99% center #fff!important}
input:focus:invalid,textarea:focus:invalid{box-shadow:0 0 3px red!important;background:url(/wp-content/themes/tune-web/images/invalid.png) no-repeat 99% center #fff!important}
input[name=gdpr]:checked ~ p.comment-notes,
input[name=gdpr]:checked ~ p.comment-form-author,
input[name=gdpr]:checked ~ p.comment-form-email,
input[name=gdpr]:checked ~ p.comment-form-url,
input[name=gdpr]:checked ~ p.comment-form-cookies-consent,
input[name=gdpr]:checked ~ p.subscribe-to-doi-comments,
input[name=gdpr]:checked ~ p.form-submit input#submit,
span.html:focus + #form-allowed-tags{position:inherit;visibility:visible;opacity:1}
span.html:focus + #form-allowed-tags{position:fixed!important;z-index:1000;top:20%}
@media only screen and (max-width:768px){
	input#author,input#email,input#url{width:50%!important}
	input[name=wp-comment-cookies-consent],input[name=subscribe],input[name=gdpr]{display:none}
	label.wp-comment-cookies-consent,label.subscribe-to-doi-comments,label.gdpr{
		display:block;
		position:relative;
		padding-left:25px;
		margin-bottom:25px;
	}
	label.wp-comment-cookies-consent span,label.subscribe-to-doi-comments span,label.gdpr span{
		width:20px;
		height:20px;
		display:inline-block;
		cursor:pointer;
		background:linear-gradient(to top,#222 0%,#45484d 100%);
		border-radius:4px;
		box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5),0px 1px 0px rgba(255,255,255,.4);
		position:absolute;
		top:3px;
		left:0;
	}
	label.wp-comment-cookies-consent:after,label.subscribe-to-doi-comments:after,label.gdpr:after{
		content:'';
		width:9px;
		height:5px;
		position:absolute;
		top:7px;
		left:4px;
		border:3px solid #fcfff4;
		border-top:none;
		border-right:none;
		background:transparent;
		opacity:1;
		transform:rotate(-45deg);
		opacity:0;
	}
	label.wp-comment-cookies-consent:hover::after,label.subscribe-to-doi-comments:hover::after,label.gdpr:hover::after{opacity:0.3}
	input[name=wp-comment-cookies-consent]:checked + label.wp-comment-cookies-consent:after,input[name=subscribe]:checked + label.subscribe-to-doi-comments:after,input[name=gdpr]:checked + label.gdpr:after{opacity:1}
}
@media only screen and (max-width:736px){#form-allowed-tags{left:2%}}
@media only screen and (max-width:600px){
	input#author,input#email,input#url{width:90%!important}
}
