@font-face {
  font-family: "Yantramanav";
  src: url("../fonts/Yantramanav/font.ttf") format("truetype");
}
@font-face {
  font-family: "YantramanavBold";
  src: url("../fonts/YantramanavBold/font.ttf") format("truetype");
}
@font-face {
  font-family: "Oswald";
  src: url("../fonts/Oswald/font.ttf") format("truetype");
}

body, .text-Yantramanav, input, select, textarea {
  font-family: "Yantramanav";
}

.text-YantramanavBold {
  font-family: "YantramanavBold";
}

h1, h2, h3, .text-h2, .text-h3, .text-h1, .text-h4, h4, .text-Oswald, .mmenu a, .mmenu span, .mmenu button, .mfslist li, button, .btn, .button {
  font-family: "Oswald";
}


.text-0D0D0D, .text-0D0D0D-hover:hover { color: #0D0D0D; }
.text-8A8A8A, .text-8A8A8A-hover:hover { color: #8A8A8A; }
.text-d71019, .text-subline, .text-subtitle, .text-d71019-hover:hover { color: #d71019; }
.text-F7F7F7, .text-F7F7F7-hover:hover { color: #F7F7F7; }
.text-23396b, .text-23396b-hover:hover { color: #23396b; }
.text-white, .text-white-hover:hover { color: #FFF; }
.text-252F36, .text-252F36-hover:hover { color: #252F36; }
.text-9e9e9e, .text-9e9e9e-hover:hover { color: #9e9e9e; }
.text-8a8a8a, .text-8a8a8a-hover:hover { color: #8a8a8a; }
.text-000000, .text-000000-hover:hover { color: #000000; }
.text-8c8c8c, .text-8c8c8c-hover:hover { color: #8c8c8c; }

.bg-0D0D0D, .bg-0D0D0D-hover:hover { background: #0D0D0D; }
.bg-8A8A8A, .bg-8A8A8A-hover:hover { background: #8A8A8A; }
.bg-d71019, .bg-d71019-hover:hover { background: #d71019; }
.bg-F7F7F7, .bg-F7F7F7-hover:hover { background: #F7F7F7; }
.bg-23396b, .bg-23396b-hover:hover { background: #23396b; }
.bg-white, .bg-white-hover:hover { background: #FFF; }
.bg-252F36, .bg-252F36-hover:hover { background: #252F36; }
.bg-9e9e9e, .bg-9e9e9e-hover:hover { background: #9e9e9e; }
.bg-8a8a8a, .bg-8a8a8a-hover:hover { background: #8a8a8a; }
.bg-000000, .bg-000000-hover:hover { background: #000000; }

.text-bigsize {
  overflow: hidden;
}



#dotcontainer {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.dotbox {
  background-color: #0ae448!important;
  position: relative;
  border-radius: 5px;
}
.dotbox:before {
  padding-top:100%;
  content:"";
  display:block;
}


body { background: transparent; }
.footer { background: #0d0d0d; }
.innerpopup { background: #F7F7F7; }
.gap-x-60px { grid-column-gap: 60px; column-gap: 60px; }
.mfs-quotes { width: 62px; height: 52px; text-align: center; margin-bottom: 20px; }
.mfs-quotes path { width: 26px; height: 52px; }

.cookiesjsr-layer--close:hover {
  background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.263 0 13.501 10.762 2.737 0 0 2.737l10.764 10.764L0 24.263 2.737 27l10.764-10.764L24.263 27 27 24.263 16.238 13.501 27 2.737z' fill='%23000f37' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50% scroll!important;
}
button.cookiesjsr-layer--close {
  width: 20px!important; height: 20px!important;
  background-size: 20px!important;
  transition: all 0.3s;
}

.cookiesjsr-banner,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab,
.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
  background: #f7f7f7!important;
  color: #0d0d0d!important;
}

.cookiesjsr-banner {
    background: #FFF!important;
    box-shadow: 0 -1px 10px 0 #acabab4d;
}

.cookiesjsr-layer--title {
  font-family: "Oswald";
}

.cookiesjsr-service--description h3, .cookiesjsr-service--links a, .cookiesjsr-layer--title {
  color: #0d0d0d!important;
}

.cookiesjsr-service-group .cookiesjsr-service-group--tab:hover {
  background: #f4f4f4!important;
}

.cookiesjsr-layer--footer, .cookiesjsr-layer--actions {
  padding: 5px!important;
}



.cookiesjsr-layer--label-all {
  width: 0px!important; display: none!important;
}
.cookiesjsr-layer--actions {
   width: 100%!important; margin: 5px 0px!important;
 }

 .cookiesjsr-layer--actions button {
    margin: 5px 10px!important;
    padding: 12px 23px!important;
  }


.cookiesjsr-service-group button {
  font-family: "Yantramanav"!important;
}

#cookies-docs {
  margin: 40px auto;
  width: 900px;
  max-width: calc(100% - 20px);
  padding-bottom: 40px;
}

#cookies-docs dd { margin-left: 0px; }
#cookies-docs .disclaimer {
  max-width: 500px; color: #718A82; margin-bottom: 40px;
}

#cookies-docs .cookies-docs {
  margin-bottom: 30px;
}

.cookiesjsr-btn.allowAll, .cookiesjsr-btn.important.invert {
  background: #23396b;
  color: #FFF;
}
.cookiesjsr-btn.denyAll, .cookiesjsr-btn.cookiesjsr-settings {
  background: #f7f7f7;
  border-color: #23396b!important;
  color: #23396b;
}
.cookiesjsr-btn.denyAll, .cookiesjsr-btn.cookiesjsr-settings {
  background: #FFF;
  border-color: #23396b!important;
  color: #23396b;
}

.cookiesjsr-links.links--row li::before {
  background-color: #23396b!important;
}

.cookiesjsr-banner a {
  color: #23396b;
}
.cookiesjsr-banner a:hover {
  color: #0d0d0d;
}

#cookies-docs a {
color: #23396b; margin-bottom: 20px; display: block;
}
#cookies-docs a:hover {
color: #0d0d0d;
}



.terminclose-btn, .closedetail-btn, .cart--cart-offcanvas__close button, .close-btn, .cart-block--offcanvas-cart-table__remove button {
  background-image: url("../img/close-icon.svg")!important;
}

input[type="checkbox"] {
  border: 1px solid #0d0d0d; padding: 10px 15px!important; width: 10px!important;
}
input { width: 100%; font-style: normal; background: transparent; border-bottom: 1px solid #0d0d0d; padding: 10px 0px!important; }
select { width: 100%; font-style: normal; background: transparent; border: 1px solid #0d0d0d; background-size: 32px 32px!important; border: 1px solid #0d0d0d; padding: 12px 60px 12px 20px; }

.address-book__container a, .normal-btn, .button, button, input#edit-submit, input.form-submit, .adressrow a, .path-checkout .form-submit,
.path-user input#edit-submit, .path-user input#edit-delete, .path-profile input#edit-submit {
  background-color: #d71019;
  color: #FFF;
  text-transform: uppercase;
  background-image: none;
  border: none;
  border-radius: 0px;
  padding: 23px 60px 23px 30px!important;
  transition: all 0.1s;
}


.address-book__container a:hover, .normal-btn:hover, .button:hover, button:hover, input#edit-submit:hover, input.form-submit:hover, .adressrow a:hover, .path-checkout .form-submit:hover {
  background-color: #23396b;
}
#user-login-form .js-form-type-password {
  margin-bottom: 15px!important;
}

.modal__overlay {
  z-index: 300000000000000000;
}

.videoplaybtn {
  position: absolute;
  background: #FFF;
  padding: 20px;
  width: 55px; height: 58px;
  left: calc(50% - 27px);
  top: calc(50% - 29px);
  transition: all 0.3s;
}

.videowrap a.myButton {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 2;
}

.videowrap:hover .videoplaybtn {
  background: #23396b;
}

.videowrap:hover .videoplaybtn polygon {
  fill: #FFF;
}

.text-bigsize { font-size: 6rem; }
.text-90px { font-size: 3rem; }
.text-26px { font-size: 1.325rem; }
.text-24px, table { font-size: 1.2rem; }
.text-22px, .pdetails-name, .tabs span { font-size: 1.075rem; }
.text-19px, .mmenu a, .mmenu button, .basicfont, .text-20px { font-size: 1rem; }
.text-11px { font-size: 0.7rem; }
.text-10px { font-size: 0.5rem; }
h1, .text-h1 { font-size: 4rem; }
h2, .text-h2, .text-64px { font-size: 2.4rem; }
h3, .text-h3 { font-size: 2rem; }
h4, .text-h4 { font-size: 1.6rem; }
input, select, textarea { font-size: 1rem; color: #0d0d0d; }
.text-mfslist, .mfslist li { font-size: 1.1rem; }
.text-mfsbutton, .button, .button, .btn { font-size: 1.3rem; }
.buchen-btn { font-size: 1.4rem!important; padding: 40px 30px!important; }
.text-sublines, .text-subline, .text-subtitle { font-size: 0.6rem; }
.text-mfslist { font-size: 6rem; }

.mfs-feedback .text-h3 {
  line-height: 1.15em;
}
.content .feedbacksliderlinks ul li::before { content: ""; }

.dots {
  pointer-events: none;
}

.basicfont[data-nodeid="60"] h1, .basicfont[data-nodeid="61"] h1 {
  color: #FFF!important;
}



.header-headline {
  font-size: 5.5rem;
  line-height: 1.1em!important;
  margin-left: 0%;
  color: #FFF;
  display:inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.path-frontpage .header-headline {
  font-size: 7.5rem;
}

.homeslider .img, .homeslider .img2 {
  text-align: right;
}
.homeslider .img2 img {
 height: 76%; width: auto; margin-right: -5%; margin-top: 6%; opacity: 0.5; display: inline-block;
}

.homeslider .img img {
  height: 120%; margin-right: 20%; width: auto; margin-top: 2%; display: inline-block;
}

@media only screen and (min-width: 768px) {
  .header-headline {
    font-size: 9rem;
      line-height: 1.1em!important;
    margin-left: 15%;
  }
  .path-frontpage .header-headline {
    font-size: 12rem;margin-left: 8%;
  }
}

@media only screen and (min-width: 1024px) {
 .sm-grid-cols-13 { grid-template-columns: 1fr 2fr; }
 .mfs-quotes { margin-left: -80px; margin-bottom: 0px; }
}

@media only screen and (min-width: 1440px) {
  .header-headline {
    font-size: 9.5rem;
    margin-left: 20%;
  }
  .path-frontpage .header-headline {
    font-size: 15rem; margin-left: 10%;
  }
  .text-bigsize { font-size: 7.5rem; }
  .text-90px { font-size: 4.5rem; }
  .text-26px { font-size: 1.475rem; }
  .text-24px, table { font-size: 1.35rem; }
  .text-22px, .pdetails-name, .tabs span { font-size: 1.175rem; }
  .text-19px, .mmenu a, .mmenu button, .basicfont, .text-20px { font-size: 1.1rem; }
  .text-11px { font-size: 0.85rem; }
  .text-10px { font-size: 0.7rem; }
  h1, .text-h1 { font-size: 4.5rem; }
  h2, .text-h2, .text-64px { font-size: 3rem; }
  h3, .text-h3 { font-size: 2.1rem; }
  h4, .text-h4 { font-size: 1.9rem; }
  input, select, textarea { font-size: 1.05rem; }
  .text-mfslist, .mfslist li { font-size: 1.2rem; }
  .text-mfsbutton, .button, .button, .btn { font-size: 1.3rem; }
  .text-sublines, .text-subline, .text-subtitle { font-size: 0.9rem; }
  .text-mfslist { font-size: 7.5rem; }
}

 @media screen and (min-width: 1920px) {
   .header-headline {
     font-size: 12rem;
   }
   .path-frontpage .header-headline {
     font-size: 18rem;
   }

.text-bigsize { font-size: 9rem; }
.text-90px { font-size: 6rem; }
.text-26px { font-size: 1.625rem; }
.text-24px, table { font-size: 1.5rem; }
.text-22px, .pdetails-name, .tabs span { font-size: 1.375rem; }
.text-19px, .mmenu a, .mmenu button, .basicfont, .text-20px { font-size: 1.2rem; }
.text-11px { font-size: 1rem; }
.text-10px { font-size: 0.8rem; }
h1, .text-h1 { font-size: 6rem; }
h2, .text-h2, .text-64px { font-size: 4rem; }
h3, .text-h3 { font-size: 2.3rem; }
h4, .text-h4 { font-size: 2rem; }
input, select, textarea { font-size: 1.05rem; }
.text-mfslist, .mfslist li { font-size: 1.4rem; }
.text-mfsbutton, .button, .button, .btn { font-size: 1.6rem; }
.text-sublines, .text-subline, .text-subtitle { font-size: 0.9rem; }
.text-mfslist { font-size: 9rem; }
}