@font-face {
  font-family: "OktoPOSBook-Regular";
  font-display: fallback;
  src: url(/Fonts/OktoPOSBook-Regular.eot) format("eot"), url(/Fonts/OktoPOSBook-Regular.woff2) format("woff2"); }
:root {
  --font-family:"Arial", sans-serif;
  --font-family-footer:"/Fonts/OktoPOSBook-Regular", "Arial", sans-serif;
  --font-small-text:14px;
  --font-middle-text:16px;
  --font-h1:24px;
  --font-h2:22px;
  --font-h3:20px;
  --gray-light:#cecece;
  --white:#ffffff;
  --gray:#6c757d;
  --gray-dark:#343a40; }
  @media (min-width: 768px) {
    :root {
      --font-middle-text:20px; } }

body {
  font-family: var(--font-family);
  font-size: var(--font-middle-text);
  color: var(--gray-dark); }
  body h1 {
    font-size: var(--font-h1);
    font-weight: bold; }
  body h2 {
    font-size: var(--font-h2);
    font-weight: bold; }
  body h3 {
    font-size: var(--font-h3); }
  body hr {
    margin-top: 0;
    margin-bottom: 0.4rem; }
  body .back-btn {
    background-color: #009de0;
    border-color: #009de0;
    color: #ffffff; }
  body .back-btn:hover {
    opacity: 0.9; }
  body form {
    margin-bottom: 0; }
    body form .custom-control-label::before {
      border: 1px solid var(--gray-light); }
    body form .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
      background-color: var(--gray-dark); }
    body form .btn-primary {
      background-color: var(--gray-dark);
      border-color: var(--gray-dark); }
    body form .btn-primary:hover {
      background-color: var(--gray);
      border-color: var(--gray); }
    body form .contact-data {
      display: none;
      margin-top: 20px; }
    body form .form-group label {
      display: none; }
  body .wrapper {
    width: 100%;
    margin: 0 auto; }
    @media (min-width: 1440px) {
      body .wrapper {
        width: 1440px; } }
    body .wrapper.footer.container {
      padding-left: 35px;
      padding-right: 35px; }
    body .wrapper img.branding-header {
      width: 100%;
      height: auto;
      margin-bottom: 20px; }
  body .layout-header {
    background: url("../Image/oktopos-gutschein-header.jpg") no-repeat top left 30px, linear-gradient(to right, #243d7f 50%, #169eec 50%);
    height: 121px; }
    @media (min-width: 1440px) {
      body .layout-header {
        background: url("../Image/oktopos-gutschein-header.jpg") no-repeat top center, linear-gradient(to right, #243d7f 50%, #169eec 50%); } }
  body .alert-success {
    padding: 10px;
    margin-bottom: 5px; }
  body .alert-danger {
    padding: 10px;
    margin-bottom: 5px; }
  body .content-wrap {
    margin-top: 20px;
    margin-bottom: 150px; }
    body .content-wrap.container {
      padding-left: 35px;
      padding-right: 35px; }
      @media (min-width: 540px) {
        body .content-wrap.container {
          max-width: 100%; } }
      @media (min-width: 768px) {
        body .content-wrap.container {
          max-width: 100%; } }
  body .footer {
    font-family: var(--font-family-footer);
    border-radius: 0 0 5px 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: var(--font-small-text);
    color: #ffffff; }
    @media (min-width: 540px) {
      body .footer.container {
        max-width: 100%; } }
    @media (min-width: 768px) {
      body .footer.container {
        max-width: 100%; } }
  body .footer-bg {
    background: #009de0;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    width: 100%; }
  body p {
    margin-bottom: 10px; }
  body p:last-child {
    margin-bottom: 0; }
  body a, body a:link, body a:visited, body a:active {
    color: var(--white); }
  body a:hover {
    opacity: 0.5;
    text-decoration: none; }

/*# sourceMappingURL=style-default.css.map */