@font-face {
    font-family: 'Centra No2';
    src: url('../webfonts/CentraNo2-Book.eot');
    src: url('../webfonts/CentraNo2-Book.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/CentraNo2-Book.woff2') format('woff2'),
        url('../webfonts/CentraNo2-Book.woff') format('woff'),
        url('../webfonts/CentraNo2-Book.ttf') format('truetype'),
        url('../webfonts/CentraNo2-Book.svg#CentraNo2-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Centra No2';
    src: url('../webfonts/CentraNo2-Bold.eot');
    src: url('../webfonts/CentraNo2-Bold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/CentraNo2-Bold.woff2') format('woff2'),
        url('../webfonts/CentraNo2-Bold.woff') format('woff'),
        url('../webfonts/CentraNo2-Bold.ttf') format('truetype'),
        url('../webfonts/CentraNo2-Bold.svg#CentraNo2-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body { font-family: 'Centra No2'; font-weight: normal; }

h1 {  }
h2 { color:#ffffff; }

.logo img { width:200px; padding-top:20px; padding-bottom:20px; }

.box-head       {  }
.box-head h1    { font-size:56px; color:#ffffff; font-weight:bold; }
.box-head p     { color:#ffffff; }

.tarifnote { width:400px; margin-top:30px; }

.box-form { border-radius: .75rem; }

.bg-main  { background-image: url('https://hundehappy.de/img/bg-main.jpg'); background-size: cover; }

.col-content h3 { font-size:75px; font-weight:bold; }
.col-content p { font-size:25px; }

.bg-green { background-color:#42595a; }
.bg-green-light { background-color:#b7d0bd; }
.bg-lila  { background-color:#665166; }

.mfwError, .mfwError label         { color:#ff0000!important; }
.entryCode              { font-size:48px!important; height:60px; text-align: center!important; }

#mfw_fieldset_agbs div.mfwError label             { color:#ff0000; }
#mfw_fieldset_inputData div.mfwError label          { color:#000000; }
#mfw_fieldset_inputData div.mfwError input          { background-color:#ff0000; color:#ffffff !important; }
#mfw_fieldset_inputData div.mfwError select         { background-color:#ff0000; color:#ffffff !important; }
#mfw_fieldset_codeEntrySite div.mfwError input        { background-color:#ff0000; color:#ffffff !important; }

::placeholder {
  color: #cccccc!important;
  opacity: 1; /* Firefox */
  text-align: left!important;
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #cccccc!important;
  text-align: left!important;
}

.form-check-label       { color:#ffffff!important; }
.form-check-label a     { color:#ffffff!important; text-decoration:none!important; }
.form-label             { color:#ffffff!important; }

.btn-primary            { background-color:#ffffff; border-color:#ffffff; color:#000000; border-radius:9999px; padding: 1rem 2rem 0.8rem 2rem; font-size: 1.5rem; }
.btn-primary:hover      { background-color:#42595a; border-color:#42595a; color:#ffffff; }

.btn-secondary          { background-color:transparent; border-color:#000000; color:#000000; border-radius:9999px; padding: 1rem 2rem 0.8rem 2rem; font-size: 1.5rem; }
.btn-secondary:hover    { background-color:transparent; border-color:#ffffff; color:#ffffff; }


.footer a, .footer span { color:#ffffff; text-decoration:none; }