@font-face {
  font-family: 'Roboto-Light';
  src: url("../fonts/Roboto-Light.ttf") format("truetype"); }
@font-face {
  font-family: 'Roboto-Light-Italic';
  src: url("../fonts/Roboto-LightItalic.ttf") format("truetype"); }
@font-face {
  font-family: 'Roboto-Bold';
  src: url("../fonts/Roboto-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'AcariSans-SemiBold';
  src: url("../fonts/AcariSans-SemiBold.otf") format("opentype"); }
/* line 3, ../sass/template.scss */
html, body {
  height: 100%;
  width: 100%; }

/* line 8, ../sass/template.scss */
body {
  background-image: url("../images/Burger-Rezepte-BG.jpg");
  background-color: #ffffff;
  color: #000000;
  font-family: "Roboto-Light", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 30px; }
  @media (min-width: 768px) {
    /* line 8, ../sass/template.scss */
    body {
      font-size: 18px;
      line-height: 32px; } }
  @media (min-width: 992px) {
    /* line 8, ../sass/template.scss */
    body {
      font-size: 20px;
      line-height: 38px; } }
  @media (min-width: 1200px) {
    /* line 8, ../sass/template.scss */
    body {
      font-size: 24px;
      line-height: 40px; } }

/* line 30, ../sass/template.scss */
h1, h2, h3, h4, h5, h6 {
  color: #000000;
  font-family: "Roboto-Bold", sans-serif;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 15px;
  letter-spacing: 1px; }

/* line 39, ../sass/template.scss */
h1 {
  font-family: "AcariSans-SemiBold", sans-serif;
  color: #b20a19;
  font-size: 22px; }
  @media (min-width: 576px) {
    /* line 39, ../sass/template.scss */
    h1 {
      font-size: 19px; } }
  @media (min-width: 768px) {
    /* line 39, ../sass/template.scss */
    h1 {
      font-size: 22px; } }
  @media (min-width: 992px) {
    /* line 39, ../sass/template.scss */
    h1 {
      font-size: 32px; } }
  @media (min-width: 1200px) {
    /* line 39, ../sass/template.scss */
    h1 {
      font-size: 40px; } }

/* line 56, ../sass/template.scss */
h2 {
  font-family: "AcariSans-SemiBold", sans-serif;
  font-size: 14px; }
  @media (min-width: 768px) {
    /* line 56, ../sass/template.scss */
    h2 {
      font-size: 15px; } }
  @media (min-width: 992px) {
    /* line 56, ../sass/template.scss */
    h2 {
      font-size: 17px; } }
  @media (min-width: 1200px) {
    /* line 56, ../sass/template.scss */
    h2 {
      font-size: 20px; } }

/* line 71, ../sass/template.scss */
h3, h2.modal-title {
  font-family: "Roboto-Bold", sans-serif;
  font-size: 14px; }
  @media (min-width: 768px) {
    /* line 71, ../sass/template.scss */
    h3, h2.modal-title {
      font-size: 18px; } }
  @media (min-width: 992px) {
    /* line 71, ../sass/template.scss */
    h3, h2.modal-title {
      font-size: 22px; } }
  @media (min-width: 1200px) {
    /* line 71, ../sass/template.scss */
    h3, h2.modal-title {
      font-size: 24px; } }

/* line 84, ../sass/template.scss */
.figure-caption {
  color: #000000;
  font-family: "Roboto-Light", sans-serif;
  font-size: 15px;
  font-weight: 300; }

/* line 90, ../sass/template.scss */
#logo {
  margin: 18px 0;
  width: 300px; }
  @media (min-width: 576px) {
    /* line 90, ../sass/template.scss */
    #logo {
      width: 384px; } }
  @media (min-width: 992px) {
    /* line 90, ../sass/template.scss */
    #logo {
      width: 450px; } }

/* line 106, ../sass/template.scss */
.devices {
  width: 80% !important;
  margin: .5rem .5rem .5rem 10% !important; }
  @media (min-width: 576px) {
    /* line 106, ../sass/template.scss */
    .devices {
      width: 40% !important;
      margin: .5rem .5rem .5rem .5rem !important; } }
  @media (min-width: 768px) {
    /* line 106, ../sass/template.scss */
    .devices {
      width: 40% !important; } }
  @media (min-width: 992px) {
    /* line 106, ../sass/template.scss */
    .devices {
      width: 40% !important; } }

/* line 124, ../sass/template.scss */
.icon {
  width: 25% !important; }
  @media (min-width: 576px) {
    /* line 124, ../sass/template.scss */
    .icon {
      width: 55% !important; } }
  @media (min-width: 768px) {
    /* line 124, ../sass/template.scss */
    .icon {
      width: 45% !important; } }
  @media (min-width: 992px) {
    /* line 124, ../sass/template.scss */
    .icon {
      width: 33% !important; } }

/* line 140, ../sass/template.scss */
.store-icon {
  width: 40% !important; }
  @media (min-width: 576px) {
    /* line 140, ../sass/template.scss */
    .store-icon {
      width: 85% !important; } }
  @media (min-width: 768px) {
    /* line 140, ../sass/template.scss */
    .store-icon {
      width: 75% !important; } }
  @media (min-width: 992px) {
    /* line 140, ../sass/template.scss */
    .store-icon {
      width: 60% !important; } }

/* line 156, ../sass/template.scss */
#banner {
  position: absolute;
  top: -12px;
  margin-left: 0px;
  left: 50%;
  transform: translateX(105px);
  width: 70px; }
  @media (min-width: 576px) {
    /* line 156, ../sass/template.scss */
    #banner {
      top: 0;
      transform: translateX(170px);
      width: 100px; } }
  @media (min-width: 768px) {
    /* line 156, ../sass/template.scss */
    #banner {
      transform: translateX(190px);
      width: 114px; } }
  @media (min-width: 992px) {
    /* line 156, ../sass/template.scss */
    #banner {
      transform: translateX(230px); } }

/* line 180, ../sass/template.scss */
.contentwraper {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0; }

/* line 186, ../sass/template.scss */
.contentbackround {
  background-color: rgba(255, 255, 255, 0.55); }

/* line 190, ../sass/template.scss */
.bgline {
  background-repeat: repeat no-repeat;
  background-position: bottom;
  margin-bottom: 15px;
  padding-bottom: 25px; }

/* line 197, ../sass/template.scss */
.bgline.head {
  background-image: url(../images/bgline-head.png); }

/* line 201, ../sass/template.scss */
.bgline.title {
  background-image: url(../images/bgline-title.png); }

/* line 205, ../sass/template.scss */
.content .bgline {
  background-image: url(../images/bgline-content.png); }

/* line 209, ../sass/template.scss */
hr.bgline {
  border-style: none;
  margin-top: 0;
  display: flex; }

/* line 215, ../sass/template.scss */
.row.title {
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px; }

/* line 222, ../sass/template.scss */
.row.content {
  margin-left: 20px;
  margin-right: 20px; }

/* line 227, ../sass/template.scss */
a,
a:hover,
a:focus,
a:before,
a:after {
  color: #b20a19;
  text-decoration: underline; }

/* line 236, ../sass/template.scss */
#dsgvo {
  padding-right: 0 !important; }

/* line 239, ../sass/template.scss */
.modal-content {
  border: 3px solid #b20a19;
  padding: 10px 30px; }

/* line 244, ../sass/template.scss */
.modal-header {
  border-bottom: none; }
  /* line 246, ../sass/template.scss */
  .modal-header .close {
    background-color: #b20a19;
    padding: 5px 12px 9px 12px;
    position: relative;
    top: 0;
    right: -20px;
    color: #ffffff; }
    /* line 253, ../sass/template.scss */
    .modal-header .close:not(:disabled):not(.disabled) {
      color: #ffffff;
      opacity: 1; }
    @media (min-width: 576px) {
      /* line 246, ../sass/template.scss */
      .modal-header .close {
        padding: 5px 12px 9px 12px;
        top: 0;
        right: -20px; } }
    @media (min-width: 768px) {
      /* line 246, ../sass/template.scss */
      .modal-header .close {
        padding: 5px 12px 9px 12px;
        top: 0;
        right: -20px; } }
    @media (min-width: 992px) {
      /* line 246, ../sass/template.scss */
      .modal-header .close {
        padding: 10px 17px 13px 17px;
        top: 5px;
        right: -15px; } }
    @media (min-width: 1200px) {
      /* line 246, ../sass/template.scss */
      .modal-header .close {
        padding: 10px 17px 13px 17px;
        top: 5px;
        right: -15px; } }

/* line 280, ../sass/template.scss */
.modal-custom-width {
  max-width: 100% !important; }
  @media (min-width: 576px) {
    /* line 280, ../sass/template.scss */
    .modal-custom-width {
      max-width: 570px !important; } }
  @media (min-width: 768px) {
    /* line 280, ../sass/template.scss */
    .modal-custom-width {
      max-width: 756px !important; } }
  @media (min-width: 992px) {
    /* line 280, ../sass/template.scss */
    .modal-custom-width {
      max-width: 990px !important; } }
  @media (min-width: 1200px) {
    /* line 280, ../sass/template.scss */
    .modal-custom-width {
      max-width: 1170px !important; } }

/* line 296, ../sass/template.scss */
.form-control {
  border-color: #000000; }

/* line 300, ../sass/template.scss */
.btn-primary {
  font-weight: bold;
  color: #ffffff;
  background-color: #b20a19;
  border-color: #ffffff; }

/* line 307, ../sass/template.scss */
.btn-primary:hover {
  color: #fff;
  background-color: #b20a19;
  border-color: #b20a19; }

/* line 312, ../sass/template.scss */
.custom-control-label::before,
.custom-control-label::after {
  top: 7px;
  width: 15px;
  height: 15px; }
  @media (min-width: 768px) {
    /* line 312, ../sass/template.scss */
    .custom-control-label::before,
    .custom-control-label::after {
      top: 7px;
      width: 17px;
      height: 17px; } }
  @media (min-width: 992px) {
    /* line 312, ../sass/template.scss */
    .custom-control-label::before,
    .custom-control-label::after {
      top: 10px;
      width: 20px;
      height: 20px; } }

/* line 329, ../sass/template.scss */
.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #b20a19; }

/* line 334, ../sass/template.scss */
#feedback_ok {
  display: none; }

@media (min-width: 576px) {
  /* line 338, ../sass/template.scss */
  .step-middle-left {
    padding-right: 5px;
    padding-left: 10px; } }

@media (min-width: 576px) {
  /* line 345, ../sass/template.scss */
  .step-middle-right {
    padding-left: 5px;
    padding-right: 10px; } }

/* line 352, ../sass/template.scss */
.flag {
  height: 20px; }
  @media (min-width: 768px) {
    /* line 352, ../sass/template.scss */
    .flag {
      height: 25px; } }