/* Contact form */

form.cform fieldset {
    clear: both;
    margin:2em 0 0;
}
form.cform legend {
	margin:0;
	font-weight: bold;
}

form.cform ol.cf-ol {
	margin:0;
	padding:0;
}
form.cform ol.cf-ol li {
	clear:both;
	display:block;
	list-style:none;
	padding-top:12px;
}
form.cform label {
	display:block;
	float:left;
	font-size: 1em;
	margin-top: 1em;
	padding: 0 0 3px 1px;
	width:100%
}
form.cform ol.cf-ol li input,
form.cform ol.cf-ol li textarea,
form.cform ol.cf-ol li select {
	float:left;
	width:98.5%
}
form.cform ol.cf-ol li input {
	margin-bottom: 0;
}
form.cform .cf-box-title {
	line-height: 24px;
}
form.cform li.cf-box-group label {
	float:left;
	font-size: 1em;
    line-height: 1.5em;
	padding: 0 3% 1em 7px;
	width:90%;
	margin-top: 1px;
}
form.cform li.cf-box-group input.cf-box-b {
	margin:0.3em 0 0;
	width: 20px;
}
form.cform li.cf-box-group br {
	clear:both;
	margin:0 0 0.4em 0;
}
form.cform span.reqtxt,
form.cform span.emailreqtxt {
	float:left;
	margin:0 .15em 0 0;
	font-size:11px;
}
form.cform p.cf-sb {
	clear:both;
	margin:2.5em 0 0 0;
	padding:0.5em 0 0 0;
	text-align: center;
}
form.cform .cf_hidden {
	display:none !important;
}
.required {
	color:#ff0000;
}
label {
	font-size:12px;
	color:#666;
}
.inputbox,
input.single,
select.cformselect,
textarea.area {
	padding:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	background:#fff;
	border:1px solid #d5d5d5;
	color:#666;
}
select.cformselect {
	font-size:11px/15px;
}
input.inputbox,
input.single {
	height:22px;
	font-size:11px/15px;
}
textarea.inputbox,
textarea.area {
	width:98%;
	font-size:12px/15px;
}
.header .search .inputbox {
	vertical-align:top;
	float:left;
	width:150px;
	margin-right:6px;
}
#commentform li {
	list-style:none !important;
	margin:0 0 0.5em 0;
}
#commentform .inputbox {
	vertical-align:middle;
}
.button,
.sendbutton {
    background-color: #EDEDED;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
    border-color: #DEDEDE;
    border-style: solid !important;
    border-width: 1px !important;
    color: #224466;
    cursor: pointer;
    font-size: 0.95em;
    height: 24px;
    padding: 0 35px;
    text-decoration: none;
    width: auto;
}
.button:hover,
.sendbutton:hover {
    background-color: #444;
    border-color: #333;
    color: #FFF;
}
.entry .failure, .widget .failure {
	color:#e93d08;
	border:1px solid #bc391d;
	background-color:#f6def2 !important;
	padding:5px;
	margin:0 0 0.5em 0;
}
/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
/*	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;*/
	height:56px;
	padding:6px 5px !important;
	margin:12px 0!important;
	width: 100%;
}

li#li-3-36.cf_li_err + .cf-box-group {margin-top:-82px;padding-left:5px}
/* bg zahlungsweise error */


ol.cf-ol li ul.cf_li_text_err {
	height:1%;
	min-height:1%;
	margin:0 0 0 100px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.secq,
label.seccap {
	vertical-align:text-bottom;
	margin-bottom:4px;
}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:50px;
	padding: 4px 4px;
	margin: 0;
}

img.captcha	{
	vertical-align:text-bottom;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_grey.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
	border:none;
}

img.imgcalendar {
	border:none;
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	color:#fff;
	display:none;
	font-size: 14px;
	line-height:1.3em;
	margin:0 0 1.5em;
	padding:23px 0!important;
	width:470px;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:/*#ad2929*/#fff!important;
	text-decoration:underline!important;
}
div.success {

	background: #59a20e; color: #fff; display:block; margin: 0 0 1.5em 0; padding: 1px 1.5em; text-align: center;
                   /* CSS3 */
                   border-radius:         4px;
                   -webkit-border-radius: 4px;
                   -moz-border-radius:    4px;
                   -o-border-radius:      4px;
                   -khtml-border-radius:  4px;
                   box-shadow: 0 0 14px rgba(0,0,0,.25);
                   -webkit-box-shadow: 0 0 14px rgba(0,0,0,.25);
                   -moz-box-shadow: 0 0 14px rgba(0,0,0,.25);
                   text-shadow: 1px 1px 0 rgba(43, 95, 26, 0.25);
}
div.failure {
	display:block;
/*	background:#FFDFDF url(li-err-bg.png) repeat!important;*/
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
    text-align:center;
	background: #c20f2e; color: #fff; margin: 0 0 1.5em 0; padding: 1px 1.5em;
                      /* CSS3 */
                      -webkit-border-radius: 4px;
                      -moz-border-radius:    4px;
                      -o-border-radius:      4px;
                      -khtml-border-radius:  4px;
                      border-radius:         4px;
                      box-shadow: 0 0 14px rgba(0,0,0,.25);
                      -webkit-box-shadow: 0 0 14px rgba(0,0,0,.25);
                      -moz-box-shadow: 0 0 14px rgba(0,0,0,.25);
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error {
	border:1px solid #ad2929;
	width:98.5% !important
}


div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929;
}


/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	width:410px;
	margin:0 auto 10px!important;
	padding:0!important;
	text-align:center!important;
}
.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	font-family: Tahoma;
	color:#aaaaaa!important;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px;
}
* html .cform legend {
	position:absolute;
	top: -10px;
	left: 10px;
	margin-left:0;
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px;
}
*+html .cform legend {
	position:absolute;
	top: -10px;
	left: 10px;
	margin-left:0;
}

* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt {
	display: inline-block;  /*for ie6*/
}
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt {
	display: inline-block; /*for ie7*/
}

* html img.captcha {
	margin-bottom:1px!important;
}
*+html img.captcha {
	margin-bottom:1px!important;
}

/* ////////////////////////////////////////// */



.linklove {display:none !important}

form.cform ol.cf-ol li.textonly {
	margin:0; padding:0;
}

form.cform ol.cf-ol li.textonly p {margin-top:1em}

/* single form specific overrides */

#usermessage3a.cf_info a:link,#usermessage3b.cf_info a:link{ color:#fff !important;text-decoration:none !important}
.single .content p.jump {font-size:11px;line-height:1.25em;padding-bottom:12px}

form.abo .cf-fs1 legend,
form.abo .cf-fs2 legend,
form.abo .cf-fs3 legend,
form.abo .cf-fs4 legend,
form.abo .cf-fs5 legend,
form.abo .cf-fs6 legend,
form.abo .cf-fs7 legend,
form.abo .cf-fs8 legend {
font-weight: bold;	padding:18px 0 6px;}

form.abo .cf-fs6, form.abo .cf-fs8 {margin-top:12px;}

form.abo .cf-fs4 legend li {display: inline-block;margin: 0.5em 0; }

form.abo li#li-3-8, form.abo li#li-3-10, form.abo li#li-3-13, form.abo li#li-3-14, form.abo li#li-3-18, form.abo li#li-3-35sty, form.abo label#label-3-43  {display: none;}
form.abo li#li-3-15 {padding-top:12px;}
form.abo li#li-3-19 p {font-size:0.9em;}
form.abo li#li-3-17items {margin: 0 0 0.25em;padding-top:6px;}
form.abo li#li-3-18items {padding-top:1.5em;}

form.cform ol.cf-ol li#li--8items {padding-top: 24px;}

form.abo label#label-3-43 {display: none;}
form.abo label#label-3-162 {padding-bottom:0;}
form.abo label#label-3-171 {margin: 0 0 1em;padding: 4px 0 0 7px;}
form.abo label#label-3-172 {margin:0 0 0.8em 0;padding: 0 0 0 7px;}
form.abo label#label-3-181 {padding: 3px 0 1em 7px;}
form.abo #li--8 {display: none;}
form.abo #cf3_field_15 {margin-bottom: 18px;}
form.abo #li--18 {display: none;}
form.abo #cf_field_18 {width: 20px;}
form.abo #label--18 {width: 100px; float: none; display: inline;}
form.abo #li--19 p {
float: none; font-size: 1em; line-height: 1.5em; margin-bottom: 0 !important; padding: 0 0 1em 20px; width: 95%;
}

form.kontaktformular .reqtxt,form.kontaktformular .emailreqtxt{ color:#0041a7;font-size:12px;margin:0 0 0 5px}
form.kontaktformular #li-3-7 label{ display:inline;width:auto}
form.kontaktformular #cf3_field_7{ width:30px}
form.kontaktformular li.cf_li_err{ width:448px}
form.kontaktformular input.cf_error{ width:425px !important}

form.cd-box-5 #usermessage4b {display: none}

.single-shop .bd { margin-bottom:120px !important; }

/******** !!!!! form.name !!!!!!  */
form.cform#cforms8form #label-8-5, form.cform#cforms12form #label-12-5, form.cform#cforms13form #label-13-5 { display:inline-block; float:left; padding: 5px 5px 3px 1px; width:auto; }
form.cform#cforms8form #cf8_field_5, form.cform#cforms13form #cf13_field_5 { width:auto; }

#cforms8form #label-8-5, #cforms12form #label-12-5 {margin-top:0}
/* form.cform#cforms8form #label-8-8, form.cform#cforms12form #label-12-8 { display:inline-block; float:left; padding: 0 0 3px 1px; width:auto; }
form.cform#cforms8form #cf8_field_8, form.cform#cforms12form #cf12_field_8 { width:auto; margin-right: 0.5em;} */

form.cform {margin-bottom: 3em !important;}

/*.kontaktformular #li-3-8, .kontaktformular #li-3-8items {position:absolute; left:-3492px !important}*/
.kontaktformular #li-3-7,
.american-jazz-heroes #li-4-24,
.american-jazz-heroes-volume-2 #li-8-24,
.postkarten #li-6-24,
.cd-box-5 #li-5-31,
.weihnachts-abo #li-7-28
{padding: 36px 0 0 0;}

#cforms10form #li-10-3, #cforms14form #li-14-5, #cforms8form #li-8-5 { width:10%}
#label-10-8{ width:75%}

/* tmp ajh special - del */

/* .postname-american-jazz-heroes-lockdown-special .ft.teaserFooter {display:none !important} */

/* CAPTCHA */
form.cform label.secq {display:none}

form.abo #li--44 {padding: 2em 0 0;}
form.probeheft #li-2-8 {padding: 2em 0 0;}

form.cform ol.cf-ol li input.secinput, form.cform ol.cf-ol li input.secinput.cf_error {font-weight: bold;
color: #0b3eb7; font-size: 16px;width: 120px; float: none;height: 22px;padding: 3px;float: right; margin: 0 12.5% 0 0 !important; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #fff; border: 2px dashed #0b3eb7; text-align: center;
}
.cforms2_really_simple_captcha_img {width: 90px !important;height: 50px !important;margin: 0 0 2em !important; border-right: 1px solid #efefef;}

/* reload dashicon in mobile.css wg. Reihenfolge */


/******************* mobile ************************/

@media screen and (max-device-width: 480px) {

form.cform ol.cf-ol li input, form.cform ol.cf-ol li textarea {
	width: 95.5%}

.single .content p.jump {
	font-size: 1.5em;
}
.single-shop .content h3 {
	font-size: 1.5em;
}
form.cform .cf-box-title {
font-weight: bold;
}
form.cform legend {
	font-size: 1.35em;
}
form.cform .cf-ol li.cf-box-title {
	font-size: 1.25em;
	font-weight:bold;
}
form.cform label {
	font-size: 1.25em;
}
.cform input[type="radio"] {
	width: 20px;
	height: 20px;
	padding: 19px;
	margin: 1em;
}
form.cform li.cf-box-group input.cf-box-b {
	margin: 0.3em 0.75em 0;
	width: 20px;
}
form.cform li.cf-box-group label {
	width: 100% ;
	font-size: 1.25em;
	float: none;
	line-height: 2.6em;
}
input.inputbox, input.single {
	height: 1.5em;
	font-size: 1.35em;
}
form.cform span.reqtxt, form.cform span.emailreqtxt {
	font-size: 1.25em;
	margin-top: 0.25em;
}
select.cformselect {
	font-size: 1.25em;
}

input[type="checkbox"] {
    display:none;
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 2.5em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.75em; height: 1.75em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\2713\0020';
  position: absolute;
  top: .35em; left: .42em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px solid #444;
}

/* hover style just for information */
label:hover:before {
  border: 3px solid #aeaeae !important;
}

form.cform li.cf-box-group label {
	padding-left: 2.5em;
	line-height: 1.6em;
	width: 85%;
}
form.cform .cf-fs1 .cformselect label {
	padding-left: 2.5em;
	width: 98.5%;
}
.button, .sendbutton {
	height: 3em;
	width: 16em;
}

textarea.inputbox, textarea.area {
	font-size: 1.35em;
}

div.cf_info {
	width: 98.5%;
	font-size: 1.3em;
	padding: 0.5em 0.25em !important;
}

form.abo #li--19 p {
float: none; font-size: 1.3em; line-height: 1.5em; margin-bottom: 0 !important; padding: 0 0 1em 20px; width: 95%;
}
form.abo #li--44 {
    font-size: 1.25em;
}
.single .content li#li--46 p {
float: none; font-size: 0.9em !important; line-height: 1.5em !important; margin-bottom: 0 !important; padding: 0 0 1em 20px; width: 95% !important;
}

} /* end max-device-width */
