/* …dein bestehender Style… */
.cr_button {
background-color: #474747 !important;
color: #fff !important;
/* Text wirklich mittig (horizontal + vertikal) */
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
border: 0 !important;
border-radius: 8px !important;
padding: 12px 22px !important;
/* optional: falls height/line-height aus dem Original stören */
height: auto !important;
line-height: 1.2 !important;
}
/* optional: wenn der Button über die ganze Breite gehen soll */
.cr_form-block.cr_button {
width: 100% !important;
}
/* Mehr Innenabstand in der weißen Box */
form.layout_form.cr_form .cr_body {
padding: 30px !important;
/* <- hier größer/kleiner machen */
}
/* Falls CleverReach den Inhalt extra in .editable_content packt */
form.layout_form.cr_form .editable_content {
padding: 100 !important;
/* damit nicht doppelt */
}
/* Mehr Abstand zwischen den Feldern */
form.layout_form.cr_form .cr_ipe_item {
margin-bottom: 16px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Optional: Inputs etwas “luftiger” */
form.layout_form.cr_form input.cr_form-input,
form.layout_form.cr_form input[type="text"],
form.layout_form.cr_form input[type="email"],
form.layout_form.cr_form textarea,
form.layout_form.cr_form select {
padding: 5px 5px !important;
}
function loadjQuery(e, t) { var n = document.createElement("script"); n.setAttribute("src", e); n.onload = t; n.onreadystatechange = function () { if (this.readyState == "complete" || this.readyState == "loaded") t() }; document.getElementsByTagName("head")[0].appendChild(n) } function main() {
var $cr = jQuery.noConflict(); var old_src; $cr(document).ready(function () { $cr(".cr_form").submit(function () { $cr(this).find('.clever_form_error').removeClass('clever_form_error'); $cr(this).find('.clever_form_note').remove(); $cr(this).find(".musthave").find('input, textarea').each(function () { if (jQuery.trim($cr(this).val()) == "" || ($cr(this).is(':checkbox')) || ($cr(this).is(':radio'))) { if ($cr(this).is(':checkbox') || ($cr(this).is(':radio'))) { if (!$cr(this).parents(".cr_ipe_item").find(":checked").is(":checked")) { $cr(this).parents(".cr_ipe_item").addClass('clever_form_error') } } else { $cr(this).addClass('clever_form_error') } } }); if ($cr(this).attr("action").search(document.domain) > 0 && $cr(".cr_form").attr("action").search("wcs") > 0) { var cr_email = $cr(this).find('input[name=email]'); var unsub = false; if ($cr("input['name=cr_subunsubscribe'][value='false']").length) { if ($cr("input['name=cr_subunsubscribe'][value='false']").is(":checked")) { unsub = true } } if (cr_email.val() && !unsub) { $cr.ajax({ type: "GET", url: $cr(".cr_form").attr("action").replace("wcs", "check_email") + window.btoa($cr(this).find('input[name=email]').val()), success: function (data) { if (data) { cr_email.addClass('clever_form_error').before("
" + data + "
"); return false } }, async: false }) } var cr_captcha = $cr(this).find('input[name=captcha]'); if (cr_captcha.val()) { $cr.ajax({ type: "GET", url: $cr(".cr_form").attr("action").replace("wcs", "check_captcha") + $cr(this).find('input[name=captcha]').val(), success: function (data) { if (data) { cr_captcha.addClass('clever_form_error').after("
" + data + "
"); return false } }, async: false }) } } if ($cr(this).find('.clever_form_error').length) { return false } return true }); $cr('input[class*="cr_number"]').change(function () { if (isNaN($cr(this).val())) { $cr(this).val(1) } if ($cr(this).attr("min")) { if (($cr(this).val() * 1) ($cr(this).attr("max") * 1)) { $cr(this).val($cr(this).attr("max")) } } }); old_src = $cr("div[rel='captcha'] img:not(.captcha2_reload)").attr("src"); if ($cr("div[rel='captcha'] img:not(.captcha2_reload)").length != 0) { captcha_reload() } }); function captcha_reload() { var timestamp = new Date().getTime(); $cr("div[rel='captcha'] img:not(.captcha2_reload)").attr("src", ""); $cr("div[rel='captcha'] img:not(.captcha2_reload)").attr("src", old_src + "?t=" + timestamp); return false }
}
if (typeof jQuery === "undefined") { loadjQuery("//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js", main) } else { main() }
* {
box-sizing: border-box;
}
.cr-mail-responsive,
.cr-mail-responsive * {
box-sizing: unset;
}
.cr_site {
margin: 0;
padding: 75px 0 0 0;
text-align: center;
background-color: #eeeeee;
}
.cr_font {
font-size: 14px;
font-family: Arial;
}
.cr_page {
width: 100% !important;
max-width: 640px
}
.cr_body {
box-shadow: 0px 0px 14px 0px rgba(51, 51, 51, 0.4);
border-radius: 8px;
line-height: 150%;
font-family: Helvetica;
font-size: 12px;
color: #333333;
}
.cr_body h2,
.cr_header h2 {
font-size: 22px;
line-height: 28px;
margin: 0 0 10px 0;
}
.cr_body h1,
.cr_header h2 {
font-size: 28px;
margin-bottom: 15px;
padding: 0;
margin-top: 0;
}
.wrapper,
.cr_page {
margin: 0 auto 10px auto;
text-align: left;
}
.cr_header {
text-align: center;
background: transparent !Important;
}
.cr_header img {
max-width: 100%;
}
.cr_body label,
.cr_body .label {
float: none;
clear: both;
display: inline-block;
width: auto;
margin-top: 8px;
text-align: left;
font-weight: bold;
position: relative;
}
.cr_body .no-label {
font-weight: normal;
}
.cr_body #editable_content {
padding: 20px;
}
.editable-content {
padding: 20px
}
.cr_button {
display: inline-block;
font-family: 'Helvetica', Arial, sans-serif;
width: auto;
white-space: nowrap;
height: 32px;
margin: 5px 0;
padding: 0 22px;
text-decoration: none;
text-align: center;
font-weight: bold;
font-style: normal;
font-size: 15px;
line-height: 32px;
cursor: pointer;
border: 0;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-border-radius: 4px;
vertical-align: top;
}
.cr_button {
background-color: #333;
color: #ffffff;
}
.cr_button:hover,
.cr_button-small:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.powered {
padding: 20px 0;
width: 560px;
margin: 0 auto;
}
.cr_ipe_item label {
line-height: 150%;
font-size: 14px;
}
.cr_ipe_item textarea {
background: none repeat scroll 0 0 #ffffff;
border-radius: 3px;
border: 1px solid #ccc;
font-family: Helvetica;
font-size: 16px;
}
.cr_ipe_item input {
background: none repeat scroll 0 0 #ffffff;
border-radius: 3px;
border: 1px solid #ccc;
padding: 12px;
font-family: Helvetica;
font-size: 16px;
}
.cr_ipe_item select {
background: none repeat scroll 0 0 #ffffff;
border-radius: 3px;
border: 1px solid #ccc;
padding: 12px !Important;
display: block;
margin: 0;
padding: 5px;
width: 100%;
font-family: Helvetica;
font-size: 16px;
}
.cr_ipe_item input.cr_ipe_radio,
input.cr_ipe_checkbox {
-moz-binding: none;
-moz-box-sizing: border-box;
background-color: -moz-field !important;
border: 2px inset ThreeDFace !important;
color: -moz-fieldtext !important;
cursor: default;
height: 13px;
padding: 0 !important;
width: 13px;
}
.cr_ipe_item input.cr_ipe_radio {
-moz-appearance: radio;
border-radius: 100% 100% 100% 100% !important;
margin: 3px 3px 0 5px;
}
.cr_ipe_item {
margin: 0px 10px;
padding: 0px 10px;
}
.submit_container {
text-align: center
}
.cr_ipe_item.inactive {
display: none;
}
.imprint {
font-size: 0.8em;
}
.cr_captcha {
padding-left: 130px;
}
.cr_error {
font-size: 1.1em;
padding: 10px;
}
.clever_form_error {
background-color: #f99;
color: #000;
border: 1px solid #f22 !important
}
.clever_form_note {
margin: 26px 0 0 3px;
position: absolute;
display: inline;
padding: 2px 4px;
font-weight: bold;
background-color: #f2ecb5;
color: #000;
font-size: 12px !important;
}
.cr_form-flex {
display: flex;
}
.cr_form-flex>.cr_form-inputgroup {
flex-grow: 1;
margin-right: 5px;
}
.cr_form-flex>.cr_form-inputgroup:last-child {
margin-right: 0px;
}
.cr_form-flex input {
width: 100%;
}
.cr_site {
background-color: #eee;
}
.cr_header {
color: #000000;
}
.cr_body {
background-color: #ffffff;
font-size: 12px;
color: #000000;
}
.cr_hr {
background-color: #ccc;
}
.cr_site a {
color: #0084ff;
}
.imprint {
color: #000;
}
.cr_site {
background-color: #eee;
}
.cr_header {
color: #000000;
}
.cr_body {
background-color: #ffffff;
font-size: 12px;
color: #000000;
}
.cr_hr {
background-color: #ccc;
}
.cr_site a {
color: #63C2C7;
}
.imprint {
color: #000;
}
.cr_page {
width: auto;
max-width: 1200;
}
.cr_button {
background-color: #63C2C7;
}
function loadjQuery(e, t) { var n = document.createElement("script"); n.setAttribute("src", e); n.onload = t; n.onreadystatechange = function () { if (this.readyState == "complete" || this.readyState == "loaded") t() }; document.getElementsByTagName("head")[0].appendChild(n) } function main() {
var $cr = jQuery.noConflict(); var old_src; $cr(document).ready(function () { $cr(".cr_form").submit(function () { $cr(this).find('.clever_form_error').removeClass('clever_form_error'); $cr(this).find('.clever_form_note').remove(); $cr(this).find(".musthave").find('input, textarea').each(function () { if (jQuery.trim($cr(this).val()) == "" || ($cr(this).is(':checkbox')) || ($cr(this).is(':radio'))) { if ($cr(this).is(':checkbox') || ($cr(this).is(':radio'))) { if (!$cr(this).parents(".cr_ipe_item").find(":checked").is(":checked")) { $cr(this).parents(".cr_ipe_item").addClass('clever_form_error') } } else { $cr(this).addClass('clever_form_error') } } }); if ($cr(this).attr("action").search(document.domain) > 0 && $cr(".cr_form").attr("action").search("wcs") > 0) { var cr_email = $cr(this).find('input[name=email]'); var unsub = false; if ($cr("input['name=cr_subunsubscribe'][value='false']").length) { if ($cr("input['name=cr_subunsubscribe'][value='false']").is(":checked")) { unsub = true } } if (cr_email.val() && !unsub) { $cr.ajax({ type: "GET", url: $cr(".cr_form").attr("action").replace("wcs", "check_email") + window.btoa($cr(this).find('input[name=email]').val()), success: function (data) { if (data) { cr_email.addClass('clever_form_error').before("
" + data + "
"); return false } }, async: false }) } var cr_captcha = $cr(this).find('input[name=captcha]'); if (cr_captcha.val()) { $cr.ajax({ type: "GET", url: $cr(".cr_form").attr("action").replace("wcs", "check_captcha") + $cr(this).find('input[name=captcha]').val(), success: function (data) { if (data) { cr_captcha.addClass('clever_form_error').after("
" + data + "
"); return false } }, async: false }) } } if ($cr(this).find('.clever_form_error').length) { return false } return true }); $cr('input[class*="cr_number"]').change(function () { if (isNaN($cr(this).val())) { $cr(this).val(1) } if ($cr(this).attr("min")) { if (($cr(this).val() * 1) ($cr(this).attr("max") * 1)) { $cr(this).val($cr(this).attr("max")) } } }); old_src = $cr("div[rel='captcha'] img:not(.captcha2_reload)").attr("src"); if ($cr("div[rel='captcha'] img:not(.captcha2_reload)").length != 0) { captcha_reload() } }); function captcha_reload() { var timestamp = new Date().getTime(); $cr("div[rel='captcha'] img:not(.captcha2_reload)").attr("src", ""); $cr("div[rel='captcha'] img:not(.captcha2_reload)").attr("src", old_src + "?t=" + timestamp); return false }
}
if (typeof jQuery === "undefined") { loadjQuery("//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js", main) } else { main() }
* {
box-sizing: border-box;
}
.cr-mail-responsive,
.cr-mail-responsive * {
box-sizing: unset;
}
.cr_site {
margin: 0;
padding: 75px 0 0 0;
text-align: center;
background-color: #eeeeee;
}
.cr_font {
font-size: 14px;
font-family: Arial;
}
.cr_page {
width: 100% !important;
max-width: 640px
}
.cr_body {
box-shadow: 0px 0px 14px 0px rgba(51, 51, 51, 0.4);
border-radius: 8px;
line-height: 150%;
font-family: Helvetica;
font-size: 12px;
color: #333333;
}
.cr_body h2,
.cr_header h2 {
font-size: 22px;
line-height: 28px;
margin: 0 0 10px 0;
}
.cr_body h1,
.cr_header h2 {
font-size: 28px;
margin-bottom: 15px;
padding: 0;
margin-top: 0;
}
.wrapper,
.cr_page {
margin: 0 auto 10px auto;
text-align: left;
}
.cr_header {
text-align: center;
background: transparent !Important;
}
.cr_header img {
max-width: 100%;
}
.cr_body label,
.cr_body .label {
float: none;
clear: both;
display: inline-block;
width: auto;
margin-top: 8px;
text-align: left;
font-weight: bold;
position: relative;
}
.cr_body .no-label {
font-weight: normal;
}
.cr_body #editable_content {
padding: 20px;
}
.editable-content {
padding: 20px
}
.cr_button {
display: inline-block;
font-family: 'Helvetica', Arial, sans-serif;
width: auto;
white-space: nowrap;
height: 32px;
margin: 5px 0;
padding: 0 22px;
text-decoration: none;
text-align: center;
font-weight: bold;
font-style: normal;
font-size: 15px;
line-height: 32px;
cursor: pointer;
border: 0;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-border-radius: 4px;
vertical-align: top;
}
.cr_button {
background-color: #333;
color: #ffffff;
}
.cr_button:hover,
.cr_button-small:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.powered {
padding: 20px 0;
width: 560px;
margin: 0 auto;
}
.cr_ipe_item label {
line-height: 150%;
font-size: 14px;
}
.cr_ipe_item textarea {
background: none repeat scroll 0 0 #ffffff;
border-radius: 3px;
border: 1px solid #ccc;
font-family: Helvetica;
font-size: 16px;
}
.cr_ipe_item input {
background: none repeat scroll 0 0 #ffffff;
border-radius: 3px;
border: 1px solid #ccc;
padding: 12px;
font-family: Helvetica;
font-size: 16px;
}
.cr_ipe_item select {
background: none repeat scroll 0 0 #ffffff;
border-radius: 3px;
border: 1px solid #ccc;
padding: 12px !Important;
display: block;
margin: 0;
padding: 5px;
width: 100%;
font-family: Helvetica;
font-size: 16px;
}
.cr_ipe_item input.cr_ipe_radio,
input.cr_ipe_checkbox {
-moz-binding: none;
-moz-box-sizing: border-box;
background-color: -moz-field !important;
border: 2px inset ThreeDFace !important;
color: -moz-fieldtext !important;
cursor: default;
height: 13px;
padding: 0 !important;
width: 13px;
}
.cr_ipe_item input.cr_ipe_radio {
-moz-appearance: radio;
border-radius: 100% 100% 100% 100% !important;
margin: 3px 3px 0 5px;
}
.cr_ipe_item {
margin: 0px 10px;
padding: 0px 10px;
}
.submit_container {
text-align: center
}
.cr_ipe_item.inactive {
display: none;
}
.imprint {
font-size: 0.8em;
}
.cr_captcha {
padding-left: 130px;
}
.cr_error {
font-size: 1.1em;
padding: 10px;
}
.clever_form_error {
background-color: #f99;
color: #000;
border: 1px solid #f22 !important
}
.clever_form_note {
margin: 26px 0 0 3px;
position: absolute;
display: inline;
padding: 2px 4px;
font-weight: bold;
background-color: #f2ecb5;
color: #000;
font-size: 12px !important;
}
.cr_form-flex {
display: flex;
}
.cr_form-flex>.cr_form-inputgroup {
flex-grow: 1;
margin-right: 5px;
}
.cr_form-flex>.cr_form-inputgroup:last-child {
margin-right: 0px;
}
.cr_form-flex input {
width: 100%;
}
.cr_site {
background-color: #eee;
}
.cr_header {
color: #000000;
}
.cr_body {
background-color: #ffffff;
font-size: 12px;
color: #000000;
}
.cr_hr {
background-color: #ccc;
}
.cr_site a {
color: #0084ff;
}
.imprint {
color: #000;
}
.cr_site {
background-color: #eee;
}
.cr_header {
color: #000000;
}
.cr_body {
background-color: #ffffff;
font-size: 12px;
color: #000000;
}
.cr_hr {
background-color: #ccc;
}
.cr_site a {
color: #63C2C7;
}
.imprint {
color: #000;
}
.cr_page {
width: auto;
max-width: 1200;
}
.cr_button {
background-color: #63C2C7;
}
