/* Colors */
:root {
  --font1: 'Cormorant Garamond', serif;
  --font2: 'Inconsolata', monospace;
  --hover: #083d52;
  --main-blue: #01a6e7;
  --white: #fff;
  --text-shadow: rgba(255, 255, 255, 0.25);
  --text-shadow2: rgba(255, 255, 255, 0.45);
  --text-shadow3: rgba(255, 255, 255, 0.55);
  --text-shadow4: rgba(255, 255, 255, 0.35);
  --text-shadow5: rgba(255, 255, 255, 0.1);
}



/* Fonts */

@font-face {
  font-family: 'Inconsolata';
  src: url('Fonts/Inconsolata-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('Fonts/Cormorant_Garamond/CormorantGaramond-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

h1, .h1, h4, .h4, h2, .h2, h3, .h3 {
  font-family: var(--font1);
}

h6, .h6 {
  font-family: var(--font2);
}

h1, .h1, h4, .h4, h2, .h2, h3, .h3, h6, .h6 {
  color: var(--white);
} 


/* Links */

a:hover {
  color: var(--hover) !important;
}


/* Forms */

.form-control:focus {
  border-color: var(--main-blue);
  box-shadow: inset 0 1px 1px var(--main-blue);
}

.input-group-prepend .btn, .input-group-append .btn {
  z-index: auto;
}

/* Buttons */

.btn-primary, .btn-info {
  font-family: var(--font2);
}

.btn-info,.modal-header .close:hover,.modal-header .close:focus,
.modal-header .close:not(:disabled):not(.disabled):active,
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active {
  color: var(--main-blue);
  background-color: var(--white);
  border-color: var(--main-blue);
}

.btn-primary,.modal-header .close, .btn-info:hover,
.btn-info:focus, .btn-info.focus,
.btn-info:not(:disabled):not(.disabled):active {
  color: var(--white);
  background-color: var(--main-blue);
  border-color: var(--white);
}

.btn-icon-secondary {
  margin-right: .5rem;
  color: var(--white) !important;
  background: none !important;
  border: none !important;
}

.btn-secondary, .btn-secondary:hover,
.btn-secondary:focus, .btn-secondary.focus,
.btn-success, .btn-success:hover,
.btn-success:focus, .btn-success.focus,
.btn-success:not(:disabled):not(.disabled):active
 {
  color: var(--white) !important;
  background-color:  var(--hover) ;
  border-color:  var(--hover);
}
.btn-outline-primary, .btn-outline-primary:hover {
  color: var(--white) !important;
  background-color:  var(--hover) !important ;
  border-color:  var(--hover) !important;
}



/* Header */

header {
  background-color: var(--main-blue);
  box-shadow: none;
}

.is-checkout header, .is-checkout .navbar {
  height: auto;
}

header > .container-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

@media (min-width: 992px) {
  .no-opc #jtl-nav-wrapper {
    padding: 0px 0;
    transition: all 1s ease!important;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
  }
  #jtl-nav-wrapper.scroll-active {
    padding: 5px 0;
    background-color: rgba(1,166,231,.5);
    backdrop-filter: saturate(180%) blur(20px);
  }
}

@media (max-width: 991px) {
  header > .container-fluid {
    padding-top: 100px;
    display: block;
  }
}


/* Mega Menu */

header .right-side {
  display: flex;
  align-items: center;
  width: auto;
  justify-content: space-between;
}

header .navbar {
 position: absolute;
 right: 10%;
}

header .navbar-nav > .nav-item > .nav-link::before {
  content: none;
}

header .navbar-nav > .nav-item > .nav-link {
  font-size: 1rem;
}

header .nav-right .nav-link,
header .navbar-nav > .nav-item > .nav-link {
  color: var(--white);
}

.nav-scrollbar-arrow.right,
.nav-scrollbar-arrow.left {
  color: var(--white);
}

.nav-scrollbar-arrow.right {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.01) 0%, var(--main-blue) 70%);
}

.nav-scrollbar-arrow.left {
  background-image: linear-gradient(to right, var(--main-blue)  30%, rgba(255, 255, 255, 0.01) 100%);
}

@media (min-width: 992px) and (max-width: 1299px) {
  header .navbar-nav > .nav-item > .nav-link {
    font-size: 14px;
    padding-left: .5rem;
  }
}

@media (max-width: 991px) {
  header .right-side {
    display: none;
  }
  header .navbar {
    position: static;
  }
  header #mainNavigation {
    background: var(--main-blue);
  }
}




/* Logo */

header .navbar-brand img {
  height: 80px;
}

@media (max-width: 991px) {
  .toggler-logo-wrapper {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
  }
  .navbar-brand {
    margin-right: 0;
    margin-top: .5rem;
  }
}




/* Burger Menu */

#menuToggle {
  position: relative;
}

#menuToggle input {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}

#menuToggle > span {
  display: block;
  width: 50px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: var(--white);
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
  margin-bottom: 0;
}

#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-15px, -10px);
  background: var(--white);
}

#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2) {
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

#menu {
  position: fixed;
  width: 25vw;
  height: 100vh;
  margin: auto;
  background: url("../base/images/menu.png");
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  top: 0;
  right: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.sides {
  position: absolute;
  left: 0;
  justify-content: space-between;
  align-items: center;
  height: 100vh;
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 5rem 2rem;
  color: var(--white);
}

#menuToggle input:checked ~ ul {
  transform: none;
}

.sides  .navbar-brand {
  margin-right: 0;
  margin-bottom: 1rem;
}

.sides .navbar-brand img {
  height: 150px;
}

.sides .footer-social-media {
  margin-top: 2rem;
}

.sides .footer-social-media .list-unstyled {
  display: flex;
}

@media (max-width: 1599px) {
  #menu {
    width: 50%;
  }
}

@media (max-width: 991px) {
  #menu {
    width: 100vw;
  }
  header #burger-menu, header .nav-offcanvas-title, header .navbar-toggler {
    color: var(--white);
  }
}

@media (max-width: 479px) {
  #menu img {
    width: 200px !important;
  }
}




/* Main */

body {
  color: var(--white);
  overflow-x: hidden; 
}

#main-wrapper {
  background: var(--main-blue);
}

#content {
  padding-bottom: 1rem;
}

.badge-circle-1 {
  color: var(--main-blue);
  background: var(--white);
  border-color: var(--white);
}

.badge-circle-1:hover,
.badge-circle-1:focus, .badge-circle-1.focus,
.badge-circle-1:not(:disabled):not(.disabled):active {
  color: var(--white);
  border-color: var(--hover);
  background: var(--hover);
}

.bootstrap-select.custom-select button.dropdown-toggle:focus, .bootstrap-select.custom-select button[data-toggle=collapse]:focus:not(.navbar-toggler) {
  border-color: var(--hover);
}

#product-offer .product-info .question-on-item .question,
.breadcrumb a {
 color: var(--white);
}

#product-offer .product-info .question-on-item .question:hover, .estimated-delivery:hover .estimated-delivery-info {
  color: var(--hover);
}

 .vat_info, .estimated-delivery, .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: var(--white);
}

.product-detail .carousel-thumbnails .slick-slide {
  border-color: var(--white);
}

#eventCarousel {
  border: 2px var(--white) solid;
}

#eventCarousel .text-right {
  padding-right: 0px;
}

#eventCarouselIndicators .card-title {
  color: var(--hover);
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}

#eventCarouselIndicators .carousel-item > .row {
  justify-content: center;
}

#eventCarousel h3 {
  font-size: 2rem;
}

.basket-form-inline {
  margin-top: 2rem;
}

.fa-sup, .badge-primary  {
  background-color: var(--white);
  color: var(--hover);
}

.tab-navigation .nav-link::after {
  border-color: var(--hover);
}

.nav-tabs {
  border-bottom: 2px solid var(--white);
  margin-top: 1rem;
}

.table-bordered-outline tr:last-child {
  color: var(--white);
}

.table-bordered-outline tr {
  border-width: 0 2px;
  border-color: var(--white);
}

.cart-items-body .cart-items-name, .wishlist-button,
.customer-login-buttons .customer-login-buttons-forgot,
.checkout-button-row .checkout-register-form-buttons-privacy a,
.checkout-shipping-form .checkout-shipping-form-change a {
  color: var(--white);
}

.cart-items-body .cart-items-delete .cart-items-delete-button {
  color: red;
}

.wishlist-button:hover, .cart-items-body .cart-items-delete .cart-items-delete-button:hover,
.checkout-steps .step-check {
  color: var(--hover);
}

.customer-login-buttons .customer-login-buttons-forgot:hover {
  color: var(--white) !important;
}

.cart-summary .card-header, .card-gray, .stepper .step-active .step-content::after {
 background: var(--hover);
}

#order_register_or_login .card-title {
  font-size: 2rem;
  text-align: center;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background: var(--hover);
  border-color: var(--hover);
}

body[data-page="11"] .title {
  font-size: 14px;
}

.text-info {
  color: var(--white) !important;
}

.stepper .step-active {
color: var(--hover);
}

body[data-page="11"] .card-body, body[data-page="11"] .card-header,
.card-products .card-header .btn, .sitemap-group .card-header {
  background: var(--main-blue);
}

.checkout-confirmation .checkout-confirmation-items .card-body {
  margin-top: 0;
}

.checkout-items-item-main .list-unstyled {
  color: var(--white);
}

@media (min-width: 992px) {
  #content-wrapper:not(.has-fluid) {
    padding-top: 6rem;
  }
}

@media (max-width: 991px) {
  .stepper, .stepper .step-active {
    background: none;
  }
}





/* Startseite */

.no-opc .text-video-container {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.no-opc .title {
  font-size: 80px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.no-opc .video-container p {
  font-family: var(--font2);
}

.no-opc .video-container p, .no-opc .video-container .title, .no-opc .image-container .title, .no-opc .start-kontakt-seite h1,
.no-opc .big-image-container h1, .no-opc .big-image-container p, .no-opc .big-image-container .background-text.typing {
  -webkit-text-stroke: 1px var(--white);
  text-shadow: 0px 1px 4px var(--main-blue);
}

.no-opc .video-container video {
  filter: brightness(0.8);
}

.no-opc .background-container {
  background: url("../base/images/main-background.png");
  background-position: center;
  background-size: cover;
}

.no-opc .background-container p {
  text-align: center;
  margin-top: 1rem;
}

.no-opc .slider-grid > .col, .no-opc .image-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.no-opc .grid1, .no-opc .grid2 {
  border: 1px solid var(--white);
  padding: .3rem;
  cursor: pointer;
  transition: border .5s;
}

.no-opc .grid1:hover, .no-opc .grid2:hover {
  border: 1px solid var(--main-blue);
}

.no-opc .slider-grid h6 {
  margin-top: 1rem;
  margin-bottom: 0;
}

.no-opc .image-container {
  background-attachment: fixed;
}

.no-opc .text-image-container button {
  padding: 15.5px 51px 15.5px 56px;
}

.no-opc .map-container {
  min-height: 500px;
  background-position: right top;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.no-opc .map-container p {
  width: 51%;
}

.no-opc .move-text .title {
  letter-spacing: 10px;
}

.no-opc .background-text {
  display: none;
}

.no-opc .background-text.typing {
  font-family: var(--font1);
  font-size: 80px;
  line-height: .8em;
  font-weight: 700;
  letter-spacing: 10px;
  color: var(--white);
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .13;
  left: -53px;
  width: 15ch;
  animation: typing 2s steps(22), blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

#modal1 .modal-header, #modal2 .modal-header, #modal3 .modal-header  {
  border-bottom: none;
}

@keyframes typing {
  from {
    width: 0%
  }
}

.no-opc .prices-card-container {
  padding: .5rem;
  border: 1px solid var(--white);
}

.no-opc .prices-card-container:hover, .no-opc .prices-card-container:focus, .no-opc .prices-card-container:active, .no-opc .border-color {
  border: 1px solid #BFA888;
}

.no-opc .prices-card .btn-primary {
  width: 100%;
}

.no-opc .mb-0 > p {
  margin-bottom: 0;
}

.no-opc .prices-container h4 {
  font-size: 24px;
  text-transform: uppercase;
}

.no-opc .price-number p {
  font-size: 60px;
  font-family: var(--font1);
}

.no-opc .background-text.typing {
  left: 30px;
}

.no-opc .price-cards  p:first-of-type {
  margin-top: 1rem;
}

@media (max-width: 1299px) {
  .no-opc .map-container {
    min-height: auto;
  }

  .no-opc .background-text.typing {
    left: 10px;
  }

  .no-opc .prices-container h4 {
    font-size: 20px;
  }

  .no-opc .price-number p {
    font-size: 40px;
  }

  .no-opc .prices-card-container .opc-Container.d-flex.align-items-end {
    min-height: auto !important;
  }
}

@media (min-width: 992px) and (max-width: 1299px) {
  .no-opc .title {
    font-size: 70px;
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .no-opc .slider-container img {
    width: 530px !important;
    height: 350px;
  }
}

@media (max-width: 991px) {
  .no-opc .title {
    font-size: 60px;
  }
  .no-opc .video-container:hover .text, .no-opc .video-container:hover .title {
    animation: none;
  }
  .no-opc .prices-card-container {
    margin-bottom: 1rem;
  }
  .no-opc .prices-card,
  .no-opc .grid1, .no-opc .grid2 {
    padding: 0;
  }
  .no-opc .map-container p {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .no-opc .big-image-container .title {
    font-size: 50px;
  }
}

@media (max-width: 767px) {
  .no-opc .title {
    font-size: 40px;
  }
  .no-opc .slider-grid {
    margin-right: 0;
    margin-left: 0;
  }
  .no-opc .grid1, .no-opc .grid2 {
    margin-bottom: 1rem;
  }
  .no-opc .map-container {
    background: transparent !important;
  }
  .no-opc .map-container .d-none {
    display: block !important;
  }
  .no-opc .background-text.typing{
    display: none;
  }
  .no-opc .map-container h1, .no-opc .map-container h6, .no-opc .map-container p {
    text-align: center !important;
  }
  .no-opc .move-text .title {
    letter-spacing: 2px;
  }
}

@media (max-width: 575px) {
  .no-opc .title {
    font-size: 25px;
    margin-bottom: 0;
  }
  .no-opc .text-video-container span {
  font-size: 1rem !important;
  }
  .no-opc .map-container p {
  margin-top: 1rem;
  }
}
@media (max-width: 479px) {
  .no-opc .background-container {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
}




/* Ueber-Uns */

.no-opc .big-image-container {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-attachment: fixed;
}

.no-opc .big-image-container  .background-text.typing {
  top: 40%;
}

.no-opc .offer-container img {
  margin-bottom: 2rem;
}

.no-opc .offer-container .container {
  align-items: center;
}

.no-opc .offer-container .background-text.typing {
  left: 0;
}

.no-opc .icon-grid ~ div, .no-opc .offer-container .container {
  margin: 0 auto;
}

@media (min-width: 992px) and (max-width: 1299px) {
  .no-opc .offer-text-container .title {
      font-size: 60px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .no-opc .offer-container .background-text.typing {
    left: -100px;
  }
  .no-opc .offer-container .title {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .no-opc .icon-grid h1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .no-opc .icon-grid ~ .mt-5.w-50 {
    width: 100% !important;
  }
  .no-opc .icon-grid ~ .mt-5.w-50 ul {
    padding-left: 0;
  }
  .no-opc .icon-container .w-50.h-50 {
    width: 100% !important;
    height: 100% !important;
  }
  .no-opc .offer-text-container .title {
    text-align: center !important;
    font-size: 40px;
  }
  .no-opc .offer-text-container  p {
    text-align: center;
  }
}




/* Kontakt */

.no-opc .start-kontakt-seite {
  background-attachment: fixed;
}

.no-opc .start-kontakt-seite h1 {
  font-size: 63px;
  line-height: .95em;
  letter-spacing: .05em;
}

.no-opc .location iframe {
  width: 100% !important;
}

.no-opc .contact-container ~ .container h1 {
  display: none;
}

.no-opc .contact-container .background-text.typing {
  width: 20ch;
  left: 300px;
}

body[data-page="5"] #content .title, body[data-page="5"] #content .custom_content p  {
color: var(--white);
text-align: center;
}

body[data-page="5"] .contact-form {
  padding: 2rem;
  border: 2px solid var(--white);
}

body[data-page="5"] hr {
  border-color: var(--white);
}

body[data-page="5"] hr:last-of-type {
  display: none;
}

body[data-page="5"] .contact-form-privacy a,
body[data-page="5"] form legend {
  color: var(--white);
}

@media (max-width: 1299px) {
  .no-opc .contact-container .background-text.typing {
    left: 150px;
  }
}

@media (max-width: 991px) {
  .no-opc .contact-container .background-text.typing {
    left: 10px;
  }
}

@media (max-width: 767px) {
  body[data-page="5"] #content .title {
    font-size: 40px;
  }
}

@media (max-width: 479px) {
    .no-opc .start-kontakt-seite h1 {
      font-size: 30px;
  }
}





/* Footer */

#footer, #footer #copyright {
  background-color: var(--main-blue);
  color: var(--white);
  padding: 0rem 0 0;
}

#footer-boxes{
  justify-content: space-between;
}

#footer .productlist-filter-headline, .box-normal .box-normal-link {
  font-size: 18px;
  letter-spacing: .075em;
  color: var(--white);
  text-transform: uppercase;
}

#footer .nav-link, #footer .footnote-vat a {
 color: var(--white);
}

#footer .footer-logo {
  height: 100px;
}

#footer .footer-logo ~ p {
  margin-left: 1rem;
}

#footer #copyright .col {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

@media (min-width: 992px) {
  #footer .col-lg-3 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
}

@media (max-width: 991px) {
  #footer .footer-social-media ul {
    justify-content: center;
  }
  #footer .footnote-vat {
    text-align: center;
  }
}

@media (max-width: 767px) {
  #footer .footer-logo ~ p {
    margin-left: 0;
  }
  #footer .box-custom .box-content-wrapper {
      text-align: center;
      margin-bottom: 2rem;
  }
  #footer hr {
    border-top-color: var(--white) ;
  }
}

@media (max-width: 575px) {
  #footer #copyright .col {
    flex: 0 0 40%;
    max-width: 40%;
  }
  #footer #system-credits {
    flex: 0 0 60% !important;
    max-width: 60% !important;
  }
}

@media (max-width: 479px) {
  .box-normal .box-normal-link {
    font-size: 14px;
  }
}


/* Animations Key-frames */

@-webkit-keyframes text-flicker-in-glow {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
    text-shadow: none;
  }

  10.1% {
    opacity: 1;
    text-shadow: none;
  }

  10.2% {
    opacity: 0;
    text-shadow: none;
  }

  20% {
    opacity: 0;
    text-shadow: none;
  }

  20.1% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow);
  }

  20.6% {
    opacity: 0;
    text-shadow: none;
  }

  30% {
    opacity: 0;
    text-shadow: none;
  }

  30.1% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow2), 0 0 60px var(--text-shadow);
  }

  30.5% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow2), 0 0 60px var(--text-shadow);
  }

  30.6% {
    opacity: 0;
    text-shadow: none;
  }

  45% {
    opacity: 0;
    text-shadow: none;
  }

  45.1% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow2), 0 0 60px var(--text-shadow);
  }

  50% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow2), 0 0 60px var(--text-shadow);
  }

  55% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow2), 0 0 60px var(--text-shadow);
  }

  55.1% {
    opacity: 0;
    text-shadow: none;
  }

  57% {
    opacity: 0;
    text-shadow: none;
  }

  57.1% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow3), 0 0 60px var(--text-shadow4);
  }

  60% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow3), 0 0 60px var(--text-shadow4);
  }

  60.1% {
    opacity: 0;
    text-shadow: none;
  }

  65% {
    opacity: 0;
    text-shadow: none;
  }

  65.1% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow3), 0 0 60px var(--text-shadow4), 0 0 100px var(--text-shadow5);
  }

  75% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow3), 0 0 60px var(--text-shadow4), 0 0 100px var(--text-shadow5);
  }

  75.1% {
    opacity: 0;
    text-shadow: none;
  }

  77% {
    opacity: 0;
    text-shadow: none;
  }

  77.1% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow3), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px var(--text-shadow5);
  }

  85% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow3), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px var(--text-shadow5);
  }

  85.1% {
    opacity: 0;
    text-shadow: none;
  }

  86% {
    opacity: 0;
    text-shadow: none;
  }

  86.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px var(--text-shadow2), 0 0 110px var(--text-shadow), 0 0 100px var(--text-shadow5);
  }

  100% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px var(--text-shadow2), 0 0 110px var(--text-shadow), 0 0 100px var(--text-shadow5);
  }
}

@keyframes text-flicker-in-glow {
 
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
    text-shadow: none;
  }

  10.1% {
    opacity: 1;
    text-shadow: none;
  }

  10.2% {
    opacity: 0;
    text-shadow: none;
  }

  20% {
    opacity: 0;
    text-shadow: none;
  }

  20.1% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow);
  }
  
  20.6% {
    opacity: 0;
    text-shadow: none;
  }

  30% {
    opacity: 0;
    text-shadow: none;
  }
  
  30.1% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow2), 0 0 60px var(--text-shadow);
  }

  30.5% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow2), 0 0 60px var(--text-shadow);
  }

  30.6% {
    opacity: 0;
    text-shadow: none;
  }

  45% {
    opacity: 0;
    text-shadow: none;
  }

  45.1% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow2), 0 0 60px var(--text-shadow);
  }

  50% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow2), 0 0 60px var(--text-shadow);
  }

  55% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow2), 0 0 60px var(--text-shadow);
  }

  55.1% {
    opacity: 0;
    text-shadow: none;
  }

  57% {
    opacity: 0;
    text-shadow: none;
  }

  57.1% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow3), 0 0 60px var(--text-shadow4);
  }

  60% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow3), 0 0 60px var(--text-shadow4);
  }

  60.1% {
    opacity: 0;
    text-shadow: none;
  }

  65% {
    opacity: 0;
    text-shadow: none;
  }

  65.1% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow3), 0 0 60px var(--text-shadow4), 0 0 100px var(--text-shadow5);
  }

  75% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow3), 0 0 60px var(--text-shadow4), 0 0 100px var(--text-shadow5);
  }

  75.1% {
    opacity: 0;
    text-shadow: none;
  }

  77% {
    opacity: 0;
    text-shadow: none;
  }

  77.1% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow3), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px var(--text-shadow5);
  }

  85% {
    opacity: 1;
    text-shadow: 0 0 30px var(--text-shadow3), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px var(--text-shadow5);
  }

  85.1% {
    opacity: 0;
    text-shadow: none;
  }

  86% {
    opacity: 0;
    text-shadow: none;
  }

  86.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px var(--text-shadow2), 0 0 110px var(--text-shadow), 0 0 100px var(--text-shadow5);
  }

  100% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px var(--text-shadow2), 0 0 110px var(--text-shadow), 0 0 100px var(--text-shadow5);
  }
}


/* Ankersprung auf Detailseite */

#product-offer {
  position: relative;
}

@media (min-width: 992px) {
  #anchor-link {
    position: absolute;
    bottom: 100px;
  }
}

@media (max-width: 991px) {
  #anchor-link {
    position: absolute;
    bottom: 150px;
  }
}


/*** KB-Wrapper Plugin Design  ***/

#kb-wrapper .list-group-item {
	background: transparent !important;
  border-color: #F8BF00 !important;
}
#kb-wrapper .list-group-item.active {
	background: #F8BF00 !important;
}

/* Anpassungen Shop 5.5 */

header #shop-nav > .nav-item > a:not(.dropdown-item):not(.btn) {
	color: #fff;
}

.form-control:focus {
	border-color: var(--main-blue);
	box-shadow: none;
}

@media (min-width: 992px) {
	#content-wrapper:not(.has-fluid) {
		padding-top: 2rem;
	}
	
	#menuToggle input {
		height: 50px;
		top: -30px;
		right: 10px;
	}
}