/* ===== Responsive Overrides für MIA Systems ===== */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
#mc_embed_shell
display: block;
width: 100% !important;
text-align: center;
#mc_embed_signup
background: #fff;
clear: left;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 14px;
width: 100% !important;
max-width: 500px !important;
margin: 0 auto !important;
padding: 20px;
box-sizing: border-box;
float: none !important;
text-align: left;
#mc_embed_signup form
width: 100%;
box-sizing: border-box;
#mc_embed_signup h2
text-align: center;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
#mc_embed_signup .indicates-required
text-align: center;
margin-bottom: 16px;
#mc_embed_signup .mc-field-group
width: 100%;
box-sizing: border-box;
margin-bottom: 14px;
#mc_embed_signup .mc-field-group label
display: block;
margin-bottom: 4px;
/* Wichtig gegen Overflow auf Mobile: Inputs volle Breite, box-sizing border-box */
#mc_embed_signup input.email,
#mc_embed_signup input.text,
#mc_embed_signup input[type="email"],
#mc_embed_signup input[type="text"]
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 10px 12px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 4px;
#mc_embed_signup .optionalParent
width: 100%;
box-sizing: border-box;
#mc_embed_signup .clear.foot
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
width: 100%;
box-sizing: border-box;
padding: 0;
margin-top: 10px;
gap: 14px;
#mc_embed_signup .clear.foot > *
position: static !important;
float: none !important;
#mc_embed_signup .clear.foot input#mc-embedded-subscribe
display: block !important;
margin: 0 auto !important;
#mc_embed_signup .clear.foot p
display: block !important;
position: static !important;
float: none !important;
margin: 0 auto !important;
width: 100%;
text-align: center;
#mc_embed_signup .clear.foot p a,
#mc_embed_signup .clear.foot p a span
display: inline-block !important;
position: static !important;
float: none !important;
#mc_embed_signup .refferal_badge
display: inline-block !important;
position: static !important;
float: none !important;
width: 150px !important;
max-width: 150px !important;
height: auto !important;
/* Button in MIA-Grün */
#mc_embed_signup .button,
#mc_embed_signup input#mc-embedded-subscribe
background-color: #43b02a !important;
border: none;
color: #fff;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 15px;
line-height: normal !important;
padding: 0 28px !important;
height: 46px !important;
border-radius: 4px;
cursor: pointer;
width: 100%;
max-width: 260px;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center;
box-sizing: border-box;
transition: background-color 0.2s ease;
#mc_embed_signup .button:hover,
#mc_embed_signup input#mc-embedded-subscribe:hover
background-color: #379622 !important;
#mc_embed_signup #mce-responses
width: 100%;
box-sizing: border-box;
text-align: center;
/* Kleinere Bildschirme: etwas kompakter */
@media (max-width: 480px) {
#mc_embed_signup
padding: 16px;
#mc_embed_signup h2
font-size: 20px;
}
(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';fnames[6]='COMPANY';ftypes[6]='text';
$.extend($.validator.messages, {
required: "Dieses Feld ist ein Pflichtfeld.",
maxlength: $.validator.format("Geben Sie bitte maximal
0 Zeichen ein."),
minlength: $.validator.format("Geben Sie bitte mindestens
0 Zeichen ein."),
rangelength: $.validator.format("Geben Sie bitte mindestens
0 und maximal
1 Zeichen ein."),
email: "Geben Sie bitte eine gültige E-Mail Adresse ein.",
url: "Geben Sie bitte eine gültige URL ein.",
date: "Bitte geben Sie ein gültiges Datum ein.",
number: "Geben Sie bitte eine Nummer ein.",
digits: "Geben Sie bitte nur Ziffern ein.",
equalTo: "Bitte denselben Wert wiederholen.",
range: $.validator.format("Geben Sie bitten einen Wert zwischen
0 und
1."),
max: $.validator.format("Geben Sie bitte einen Wert kleiner oder gleich
0 ein."),
min: $.validator.format("Geben Sie bitte einen Wert größer oder gleich
0 ein."),
creditcard: "Geben Sie bitte ein gültige Kreditkarten-Nummer ein."
});}(jQuery));var $mcj = jQuery.noConflict(true);
