/** Shopify CDN: Minification failed

Line 354:28 Expected identifier but found "perspective("
Line 1327:17 Expected identifier but found whitespace
Line 1327:19 Unexpected "{"
Line 1327:29 Expected ":"
Line 2142:22 Unexpected "\"[soldout]\""
Line 2371:2 "backround-color" is not a known CSS property
Line 2693:2 Expected identifier but found "#background"
Line 2694:2 Expected identifier but found "#color"
Line 2697:2 Expected identifier but found "#transform"
Line 3110:4 Expected identifier but found "#background"
... and 2 more hidden warnings

**/
:not([showscroll])::-webkit-scrollbar{
  width:0;
  height:0
}
::selection{
  background:rgba(2,151,183,.5)!important
}
::-moz-selection{
  background:rgba(2,151,183,.5)!important
}
*{
  position:relative;
  outline:0;
  margin:0;
  padding:0;
  list-style:none;
  color:inherit;
  /*text-decoration:none*/
}
a{text-decoration:none;}
:not(input),:not(input)::after,:not(input)::before{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -moz-user-select:-moz-none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  user-select:none
}
body,html{
  color:#121212;
  background:#fdfdfd;
  height: 100% !important;
  font-size:14px;
  line-height:1.4rem;
  overscroll-behavior-y: none;
  font-family:Montserrat,sans-serif;
  font-style:normal;
  font-weight:400
}
html{padding:0 !important;}
html>div{
  display:none!important
}
body{
  -webkit-tap-highlight-color:transparent!important;
  word-break:break-word;
  display:flex;
  flex-direction:column
}
.dgs-layout{
  width:100%;
  height:100%;
  display:flex;
  align-items:stretch;
  justify-content:space-between
}
.dgs-main{
  /*z-index:90;*/
  width:100%;
  /*flex-shrink:0;*/
  min-height: 100%;
  display:flex;
  flex-direction:column
}
.invisible{visibility:hidden !important;transform:scale(0) translate3d(-99999em, -999999em, -999999em) !important;opacity:0 !important;overflow:hidden !important;
           clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%) !important;z-index:-999999 !important;pointer-events:none !important;width:0% !important;height:0% !important;}
@media only screen and (min-width:1420px){
  .dgs-main{
    padding-left:375px
  }
}
.dgs-atf{
  flex: 1;
  /*flex-shrink:0;*/
  width:100%;
  /*min-height:100%;*/
  display:flex;
  flex-direction:column;
  justify-content:flex-start
}
.dgs-layout, .dgs-main, .dgs-atf{
  background: inherit;
}
main.dgs-content{
  /*z-index:50;*/
  width:100%;
  height:100%;
  /*display:flex;
  flex-direction:column;
  flex-shrink:1*/
}
.dgs-section{
  width:100%;
  overflow:hidden;
  z-index:inherit
}
footer{
  z-index:50
}
body[data-sidebar='1'] .dgs-main, body[data-cartbar='1'] .dgs-main{
  pointer-events: none;
}
button,input,select,textarea{
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%
}
body[beforeunload] main > *{
  /*pointer-events:none;*/
  /*opacity:0.4;*/
}
[dgs-testingmode]{
  background-size:25px 25px;
  background-color:#f0f0f0;
  overflow:hidden;
  background-image:linear-gradient(45deg,rgba(255,255,255,0.3) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0))
}
[dgs-testingmode]:not(:hover)>*{
  opacity:.4!important
}
[nobreak]{white-space:nowrap;word-break:keep-all;}
.dgs-cartbar-item[dgs-testingmode]+.dgs-cartbar-item[dgs-testingmode]{
  border-top:0 solid #999!important
}
[dgs-new-tr]::after{content:'NEU';display:block;font-size:8px;line-height:0;padding:7px 3px 6px 3px;border-radius:3px;background:#0297b7;color:#FFF;position:absolute;top:0;right:0;transform:translate(115%, -15%);}
.dgs-cartbar-item[dgs-testingmode]{
  padding:10px!important
}
.dgs-cartbar-item[dgs-testingmode] .dgs-cartbar-item-img{
  display:none
}
.dgs-cartbar-item[dgs-testingmode] .dgs-cartbar-item-data{
  flex-direction:row;
  flex-wrap:nowrap
}
.dgs-cartbar-item[dgs-testingmode] .dgs-cartbar-item-qty{
  order:-1;
  margin-right:10px
}
.dgs-cartbar-item[dgs-testingmode] .dgs-cartbar-item-qty input{
  width:45px;
  height:35px
}
.dgs-cartbar-item[dgs-testingmode] .dgs-cartbar-item-title{
  margin:0!important
}
.dgs-cartbar-item[dgs-testingmode] .dgs-cartbar-item-total{
  display:none
}
[copied]{pointer-events:none;}
[copied]::after{content:'Link kopiert';display:flex;display:flex;align-items:center;justify-content:center;font-size:1em;line-height:normal;
                z-index:10;background-image:linear-gradient(90deg,rgba(0,136,0,1),rgba(0,170,0,1) 100%);color:#FFF;position:absolute;inset:0;
               -webkit-animation: 3s ease 0s normal fadeOutAfterDelay;animation: 3s ease 0s normal fadeOutAfterDelay;}
body:not([showhidden]) .dgs-cartbar-item[dgs-testingmode]{display:none !important;}
body:not([showhidden]) .dgs-block-productslide-item[preview-item]{display:none !important;}
body:not([showhidden]) .dgs-previewer[preview-item]{display:none !important;}
body:not([showhidden]) *[showhidden]{display:none !important;}
body[showhidden] *[hidehidden]{display:none !important;}
body[showhidden] *[dgs-hidden-preview]{display:none !important;}
@media only screen and (min-width:768px){
  .dgs-cartbar-item[dgs-testingmode] .dgs-cartbar-item-total{
    display:flex
  }
}
.bodyloader{
  z-index:9999;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  pointer-events:none;
  background:#fdfdfd
}
[loadercover]{
  pointer-events:none
}
[loadercover]::after{
  content:'';z-index:100;pointer-events:none;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;
  background:rgba(253,253,253,.75) url() center center/60px no-repeat
}
@media only screen and (min-width:768px){
  [loadercover]::after{
    background:rgba(253,253,253,.75) url() center center/75px no-repeat
  }
}
.dgs-btn[loadercover]::after{
  background:rgba(253,253,253,.75) url() center center/45px no-repeat;
  pointer-events:none
}
.dgs-btn:not([nobg])[loadercover]::after{
  background:#fdfdfd url() center center/45px no-repeat;
}
.dgs-content[loading]::after{
  content:'';
  z-index:90;
  pointer-events:none;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:#fdfdfd;
  transition:all .5s ease-in
}
.dgs-content[loading] div[mainloader]{
  z-index:100;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  pointer-events:none;
  background:url() center center/75px no-repeat
}
@media only screen and (min-width:768px){
  .dgs-content[loading] div[mainloader]{
    background:url() center center/95px no-repeat
  }
}
[loader-style='simple'][imgloader]{
  pointer-events:none;
  background:rgba(255,255,255,0) url() center center/50px no-repeat!important
}
:not([loader-style])[imgloader]{
  filter:grayscale(0%);
  pointer-events:none;
  border-radius:4px;
  background:#fdfdfd url() center center/50px no-repeat!important
}
@media only screen and (min-width:768px){
  :not([loader-style])[imgloader]{
    background:#fdfdfd url() center center/100px no-repeat!important
  }
}
[lazyload-section]{transition:0s;opacity:1;}
[lazyload-section][import]{transition:0s;opacity:1;}
[loader-style='skeleton'][imgloader],[skeleton-loader]{
  display:block;
  position: relative;
  overflow: hidden;
  background-color: #F0F0F0 !important;
  background-image: linear-gradient(115deg, rgba(255,255,255,0) 5%, rgba(253,253,253,0.6) 20%, rgba(255,255,255,0) 35%) !important;
  background-size: 200% 100%;
  animation-duration: 1.4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: fadeShinyAnimate;
  cursor:default !important;
}
[data-type='product-image'][switch]{transition:background 0.35s, opacity 0.15s;opacity:0 !important;}
.skeleton-headline-text{
  height:23px;
  margin-bottom:17px;
}
@media only screen and (min-width:768px){
  .skeleton-headline-text{
    height:28px;
    margin-bottom:25px;
  }
}
.skeleton-factsbar{
  height:45px;
}
@media only screen and (min-width:1220px){
  .skeleton-factsbar{
    height:51px;
  }
}
.skeleton-slideshow{
  height:40vw;
}
@media only screen and (min-width:768px){
  .skeleton-slideshow{
    height:25vw;
  }
}@media only screen and (min-width:1220px){
  .skeleton-slideshow{
    height:calc(((100vw - 375px) / 100) * 25);
  }
}
.skeleton-product-img{
  background-color: rgba(255,255,255,0) !important;
}
.skeleton-product-img[skeleton-loader], .loadCheckoutLogo[skeleton-loader]{
  background-image: linear-gradient(90deg, rgba(255,255,255,0) 5%, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0) 35%) !important;
}
.skeleton-product-img svg{
  position:absolute;
  top:50%;
  left:50%;
  width: 25vmin;
  height: 25vmin;
  max-width: 150px;
  max-height: 150px;
  stroke:#CCC;
  transform:translate(-50%,-50%);
}
.skeleton-product-img svg[animate-path] polygon, .skeleton-product-img svg path {
  stroke-width:2;fill:none;stroke-miterlimit:10;stroke:#CCC;
  -webkit-animation: animate-loadCheckoutLogo 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
  animation: animate-loadCheckoutLogo 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
  animation-iteration-count:infinite;
}
.skeleton-product-media .skeleton-product-img svg[animate-path], .skeleton-product-media .skeleton-product-img svg {
  max-width:250px;max-height:250px;
}
.skeleton-product-media .skeleton-product-img svg[animate-path] polygon, .skeleton-product-media .skeleton-product-img svg path {
  stroke-width:2;
}
@media only screen and (max-width:767px){
  .skeleton-product-media[data-gradient='1'] > div{
    box-shadow:0 0 10px 0px rgba(0,0,0,0.2);
    background-image: linear-gradient(135deg,rgba(255,255,255,0) 45%,#EEE 100%);
  }
}
.skeleton-product-offer{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
@media only screen and (min-width:768px){
  .skeleton-product-img svg[animate-path] polygon {
    stroke-width:0.25;
  }
  .skeleton-product-media .skeleton-product-img svg[animate-path] polygon {
    stroke-width:0.2;
  }
  .skeleton-product-offer{
    align-items:flex-start;
    justify-content:flex-start;
  }
}
.dgs-header-logo-img[logoloader]{
  pointer-events:none;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name:logorotate;perspective(1200px);
  animation-timing-function: cubic-bezier(0.480, 0.240, 0.520, 0.330,1);
  backface-visibility: visible;
}
@keyframes logorotate {
  0%   { transform: scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
  25%  { transform: scale(0.8) rotateX(0deg) rotateY(180deg) rotateZ(0deg); }
  50%  { transform: scale(1) rotateX(0deg) rotateY(360deg) rotateZ(0deg); }
  100%  { transform: scale(1) rotateX(0deg) rotateY(360deg) rotateZ(0deg); }
}
@keyframes logoflip {
  0%   { transform: scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
  25%  { transform: scale(0.8) rotateX(360deg) rotateY(0deg) rotateZ(0deg); }
  50%  { transform: scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
  100%  { transform: scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
}
@media only screen and (min-width:768px){
  .dgs-header-logo-img[logoloader]{
    transform-origin: left center;
    animation-name:unset;
  }
}

.ellipsis{
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}
.wavy{
  text-decoration-line:underline;
  text-decoration-style:wavy;
  text-decoration-color:#0297b7
}
[preview-item]{padding:5px!important;border:2px #000 dashed!important;border-radius:8px!important;}
[dgs-error]{
  color:#e32c2b!important
}
lottie-player{
  position:static!important
}
lottie-player::after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
  display:block
}
.dgs-table{
  overflow:hidden;
  width:100%;
  display:flex;
  flex-direction:column
}
.dgs-table [dgs-cell-center]{
  align-items:center!important;
  text-align:center
}
.dgs-table [dgs-cell-right]{
  align-items:flex-end!important;
  text-align:right
}
.dgs-table-head{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:1rem;
  font-weight:500
}
.dgs-table-head>div{
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column
}
.dgs-table-lines{
  width:100%;
  display:flex;
  flex-direction:column
}
.dgs-table-lines.reverse{
  flex-direction:column-reverse!important
}
.dgs-table-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.dgs-table-row .dgs-table-col:not([dgs-padding-in]){
  padding:15px 0;
}
.dgs-table-row .dgs-table-col{
  width:100%;
  display:flex;
  align-items:flex-start;
  flex-direction:column
}
.dgs-table-row .dgs-table-col span:last-of-type:not(:first-of-type){
  font-size:.8em;
  opacity:.6
}
@media only screen and (max-width:767px){
  .dgs-table-head{
    margin-bottom:15px
  }
}
@media only screen and (min-width:768px){
  .dgs-table.shadow{
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
  }
  .dgs-table-head{
    background:#f4f4f4;
    font-size:1.1rem;
    font-weight:300;
    border-bottom:1px #ddd solid
  }
  .dgs-table-head>div{
    padding:10px 24px
  }
  .dgs-table-lines:not(.reverse) .dgs-table-row:not(:last-child){
    border-bottom:1px #ddd solid
  }
  .dgs-table-lines.reverse .dgs-table-row:not(:first-child){
    border-bottom:1px #ddd solid
  }
  .dgs-table-row .dgs-table-col{
    padding:24px
  }
}
@media (hover:hover) and (pointer:fine){
  .dgs-table:not(.nohover) .dgs-table-row:hover{
    transition:.35s;
    background:#f4f4f4
  }
}
.dgs-disabled{
  opacity:.4!important;
  filter:grayscale(1);
  cursor:not-allowed!important
}
.dgs-testing-bg{
  background-size: 25px 25px;
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));
}
.btn,.dgs-btn,.dgs-button{
  display:flex;
  width:auto;
  height:48px;
  min-width:48px;
  flex-shrink:0;
  text-decoration:none;
  text-transform: uppercase;
  text-align:center;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  background-color:rgba(255,255,255,0);
  color:#121212;
  padding:0;
  font-family:Montserrat,sans-serif;
  font-style:normal;
  font-weight:400;
  border:0;
  font-size:.75rem;
  line-height:1em;
  letter-spacing:.0.05rem;
  white-space:normal;
  transition:all .5s
}
.btn[aria-disabled],.btn[disabled],.dgs-btn[aria-disabled],.dgs-btn[disabled],.dgs-button[aria-disabled],.dgs-button[disabled]{
  opacity:.4!important;
  filter:grayscale(1);
  cursor:not-allowed!important
}
@media only screen and (min-width:768px){
  .btn,.dgs-btn,.dgs-button{
    font-size:.8rem;
    letter-spacing:.04rem
  }
}
.dgs-btn.small{
  height:44px;
  min-width:44px
}
@media only screen and (min-width:768px){
  .dgs-btn.small{
    height:48px;
    min-width:48px
  }
}
.dgs-btn.thin{
  height:34px;
  min-width:34px;
  font-size:.7rem
}
@media only screen and (min-width:768px){
  .dgs-btn.thin{
    height:38px;
    min-width:38px
  }
}
.dgs-combo .btn-lined{
  background:#fdfdfd
}
.dgs-btn.btn-lined{
  border-width:1px;
  border-style:solid
}
.dgs-btn.btn-lined.light{
  border-color:#f0f0f0
}
.dgs-btn.btn-lined.normal{
  border-color:#0297b7
}
.dgs-btn.btn-lined.special{
  border-color:#1dc9b9
}
.dgs-btn.btn-lined.error{
  border-color:#e32c2b
}
.dgs-btn.btn-lined.success{
  border-color:#090
}
.dgs-btn.btn-full{
  border-width:1px;
  border-style:solid
}
.dgs-btn.btn-full.light{
  border-color:#f0f0f0;
  background-color:#f0f0f0
}
.dgs-btn.btn-full.white{
  border-color:#FFF;
  background-color:rgba(255,255,255,0.9);
  color:#333;
  text-shadow:1px 1px 3px #FFF;
}
.dgs-btn.btn-full.normal{
  border-color:#0297b7;
  background-color:#0297b7;
  color:#fff;
  text-shadow:1px 1px 3px #0297b7
}
.dgs-btn.btn-full.special{
  border-color:#1dc9b9;
  background-color:#1dc9b9;
  color:#fff;
  text-shadow:1px 1px 3px #1dc9b9
}
.dgs-btn.btn-full.error{
  border-color:#e32c2b;
  background-color:#e32c2b;
  color:#fff;
  text-shadow:1px 1px 3px #e32c2b
}
.dgs-btn.btn-full.success{
  border-color:#090;
  background-color:#090;
  color:#fff;
  text-shadow:1px 1px 3px #090
}
.dgs-button.default{
  border:1px #0297b7 solid;
  color:#0297b7
}
.dgs-button.neomorph{
  background-color:#0297b7;
  border:2px #fdfdfd solid;
  color:#fff;
  box-shadow:inset -5px 15px 15px -5px rgba(0,0,0,.075),5px 5px 15px -2px rgba(0,0,0,.1)
}
.dgs-btn.btn-icon{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 16px
}
@media only screen and (min-width:768px){
  .dgs-btn.btn-icon{
    padding:0 18px
  }
}
.dgs-btn.btn-icon>svg{
  display:inline-block
}
.dgs-btn.btn-breath{
  padding:0 16px;
  gap:4px;
}
@media only screen and (min-width:768px){
  .dgs-btn.btn-breath{
    padding:0 18px
  }
}
.dgs-btn.btn-lined.shadow-1{
  border-color:#ebebeb!important;
  color:#999
}
.shadow-1{
  box-shadow:0 20px 15px -15px rgba(0,0,0,.1);
  transition:all .35s ease-in-out
}
@media only screen and (min-width:768px){
  .shadow-1{
    box-shadow:0 25px 20px -15px rgba(0,0,0,.1)
  }
}
@media (hover:hover) and (pointer:fine){
  .shadow-1.hover:hover{
    box-shadow:0 0 0 transparent;
    transform:scale(.98)
  }
  .shadow-1.hover-full-normal:hover{
    background:#0297b7;
    border-color:#0297b7;
    color:#fff
  }
}
@media only screen and (max-width:767px){
  .dgs-button.default:not([disabled]){
    background:#0297b7;
    color:#fff
  }
  .dgs-button.neomorph:not([disabled]){
    background:#0297b7;
    color:#fff;
    box-shadow:inset 0 15px 15px -5px rgba(255,255,255,.4),5px 5px 15px -2px rgba(0,0,0,.1)
  }
}
@media (hover:hover) and (pointer:fine) and (min-width:768px){
  .dgs-btn.btn-lined.light:hover{
    background-color:#f0f0f0
  }
  .dgs-btn.btn-lined.normal:hover{
    background-color:#0297b7;
    color:#fff!important
  }
  .dgs-btn.btn-lined.special:hover{
    background-color:#1dc9b9;
    color:#fff!important
  }
  .dgs-btn.btn-lined.error:hover{
    background-color:#e32c2b;
    color:#fff!important
  }
  .dgs-btn.btn-lined.success:hover{
    background-color:#090;
    color:#fff!important
  }
  .dgs-btn.btn-full.light:hover{
    background-color:#d6d6d6
  }
  .dgs-btn.btn-full.white:hover{
    background-color:#FFF
  }
  .dgs-btn.btn-full.normal:hover{
    background-color:#016d85
  }
  .dgs-btn.btn-full.special:hover{
    background-color:#179c90
  }
  .dgs-btn.btn-full.error:hover{
    background-color:#c11a1a
  }
  .dgs-btn.btn-full.success:hover{
    background-color:#060
  }
  .dgs-btn.btn-filling.normal:hover{
    background-color:#0297b7;
    color:#fff
  }
  .dgs-button.default:not([disabled]):hover{
    border:1px transparent solid;
    background-color:#1dc9b9!important;
    color:#fff!important
  }
  .dgs-button.neomorph:not([disabled]):hover{
    background-color:#1dc9b9!important;
    color:#fff!important;
    box-shadow:inset 0 15px 15px -5px rgba(255,255,255,.4),5px 5px 15px -2px rgba(0,0,0,.1)
  }
}
.dgs-btn.btn-lined.light:active{
  background-color:#fdfdfd
}
.dgs-btn.btn-lined.normal:active{
  background-color:#02acd0;
  color:#fff
}
.dgs-btn.btn-lined.special:active{
  background-color:#37e2d2;
  color:#fff
}
.dgs-btn.btn-lined.error:active{
  background-color:#e64242;
  color:#fff
}
.dgs-btn.btn-lined.success:active{
  background-color:#00b300;
  color:#fff
}
.dgs-btn.btn-full.light:active{
  background-color:#fdfdfd
}
.dgs-btn.btn-full.normal:active{
  background-color:#02acd0
}
.dgs-btn.btn-full.special:active{
  background-color:#21dfcd
}
.dgs-btn.btn-full.error:active{
  background-color:#e64242
}
.dgs-btn.btn-full.success:active{
  background-color:#00b300
}
.dgs-btn.btn-filling.normal:active{
  background-color:#0297b7;
  color:#fff
}
.dgs-button.default:not([disabled]):active{
  border:1px transparent solid;
  background-color:#1dc9b9!important;
  color:#fff!important
}
.dgs-button.neomorph:not([disabled]):active{
  background-color:#1dc9b9!important;
  color:#fff!important;
  box-shadow:inset 0 15px 15px -5px rgba(255,255,255,.4),5px 5px 15px -2px rgba(0,0,0,.1)
}
.dgs-btn.half{
  width:50% !important;
}
.dgs-btn.full{
  width:100% !important;
}
.dgs-btn.maxwidth{
  max-width:375px
}
@-webkit-keyframes refresh{
  from{
    transform:rotate(0)
  }
  to{
    transform:rotate(360deg)
  }
}
@keyframes refresh{
  from{
    transform:rotate(0)
  }
  to{
    transform:rotate(360deg)
  }
}
@-webkit-keyframes nextstep{
  from{
    transform:translateX(-50%);
    opacity:0
  }
  to{
    transform:translateX(0);
    opacity:1
  }
}
@keyframes nextstep{
  from{
    transform:translateX(0);
    opacity:0
  }
  to{
    transform:translateX(50%);
    opacity:1
  }
}
.dgs-input{
  display:inline-block;
  width:auto;
  text-decoration:none;
  padding:8px 16px;
  background-color:#fff;
  color:#121212;
  border:1px #ddd solid;
  font-size:1em;
  white-space:normal;
  transition:all .5s
}
@media only screen and (min-width:768px){
  .dgs-input{
    padding:12px 18px
  }
}
.dgs-input.jumbo{
  padding:12px 18px;
}
.dgs-input[aria-disabled],.dgs-input[disabled]{
  cursor:default;
  opacity:.5
}
.dgs-input.half{
  width:50%
}
.dgs-input.full{
  width:100%
}
.dgs-input.error{
  border-color:#e32c2b!important;
    box-shadow:0 0 0 5px rgb(227,44,43,0.2) !important;
}
.dgs-input.success{
  border-color:#2db100!important;
    box-shadow:0 0 0 5px rgb(45,177,0,0.2) !important;
}
.dgs-input:focus{
  border-color:#000;
  box-shadow:0 0 0 1px #000
}
.dgs-input.normal:focus{
  border-color:#0297b7!important
}
.dgs-input.special:focus{
  border-color:#1dc9b9!important
}
.dgs-input:not(.error):not(:focus):not([value='']):required:valid{
  border-left-color:#0a3!important;
  border-left-width:3px!important;
  padding-left:14px
}
@media only screen and (min-width:768px){
  .dgs-input:not(.error):not(:focus):not([value='']):required:valid{
    padding-left:16px
  }
}
.dgs-input[type=number]{
  -moz-appearance:textfield
}
.dgs-input[type=number]::-webkit-inner-spin-button,.dgs-input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0
}
input[type=number] {-moz-appearance: textfield !important;}
.dgs-input.withlabel{
  height:48px
}
.dgs-input.withlabel+label{
  z-index:-1;
  color:#777;
  position:absolute;
  pointer-events:none;
  top:5px;
  left:20px;
  font-size:.7rem;
  transition:.5s;
  transform:translateY(100%);
  opacity:0
}
.dgs-input.withlabel:not([value='']):valid{
  padding-top:20px;
  padding-bottom:5px
}
.dgs-input.withlabel:not([value='']):valid+label{
  z-index:1;
  transform:translateY(0);
  opacity:1
}
.dgs-input.withlabel::-webkit-inner-spin-button,.dgs-input.withlabel::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0
}
.dgs-input.withlabel[type=number]{
  -moz-appearance:textfield
}
.dgs-input.withappend{border-top-right-radius:0;border-bottom-right-radius:0;}
.dgs-fields{width:100%;display:flex;flex-direction:column;}
.dgs-field{width:100%;display:flex;}
.dgs-field-input{width:100%;display:flex;}
.dgs-field-append{z-index:0;flex-shrink:0;height:auto;min-width:60px;display:flex;align-items:center;justify-content:center;background:#EEE;padding:0px 18px;border:1px #ddd solid;border-left:0;font-weight:500;}

.dgs-input.error+label+error{
  display:inline
}
@media only screen and (max-width:767px){
  .dgs-input.withlabel+label{
    left:17px
  }
}
.dgs-txt{
  display:inline-block;
  width:auto;
  resize:none;
  min-height:unset;
  text-decoration:none;
  padding:8px 16px;
  background:#fff;
  color:#121212;
  border:1px #ddd solid;
  font-size:1em;
  white-space:normal;
  transition:all .5s
}
@media only screen and (min-width:768px){
  .dgs-txt{
    padding:12px 18px
  }
}
.dgs-txt[aria-disabled],.dgs-txt[disabled]{
  cursor:default;
  opacity:.5
}
.dgs-txt.full{
  width:100%
}
.dgs-txt.ep-1-3{
  height:40px
}
@media only screen and (min-width:768px){
  .dgs-txt.ep-1-3{
    height:48px
  }
}
.dgs-txt.ep-1-3:focus{
  height:86px
}
@media only screen and (min-width:768px){
  .dgs-txt.ep-1-3:focus{
    height:94px
  }
}
.dgs-txt.full{
  width:100%
}
.dgs-txt.error{
  border-color:#e32c2b!important
}
.dgs-txt:focus{
  border-color:#000;
  box-shadow:0 0 0 1px #000
}
.dgs-txt.normal:focus{
  border-color:#0297b7!important
}
.dgs-txt.special:focus{
  border-color:#1dc9b9!important
}
.dgs-txt:not([value='']):required:valid{
  border-left:3px #0a3 solid
}
.dgs-radio{width:100%;}
.dgs-radio input[type='radio']{display:none;}
.dgs-radio label{width:100%;}
.dgs-radio input:checked + label{background:#02acd0 !important;color:#FFF !important;}

.dgs-combo{
  width:auto;
  display:flex;
  justify-content:inherit
}
.dgs-combo[data-open='1']{
  width:100%
}
.dgs-combo label{
  z-index:1;
  width:0;
  margin:0;
  overflow:hidden;
  transition:size .5s
}
.dgs-combo[data-open='1'] label,.dgs-combo[data-open='1'] label::after{
  transition:all .5s
}
.dgs-combo .dgs-input{
  width:100%;height:100%;
}
.dgs-combo label::after{
  content:'';
  z-index:1;
  position:absolute;
  top:0;
  height:100%;
  width:48px;
  transition:all .5s;
  border-top:1px #ddd solid;
  border-bottom:1px #ddd solid;
  background:#fff
}
.dgs-combo label.error::after{
  border-color:#e32c2b!important
}
.dgs-combo label:focus-within:invalid{
  border-color:#e32c2b!important
}
.dgs-combo label:focus-within::after{
  border-color:#000
}
.dgs-combo label.normal:focus-within::after{
  border-color:#0297b7!important
}
.dgs-combo label.special:focus-within::after{
  border-color:#1dc9b9!important
}
.dgs-combo.combo-left .dgs-input{
  border-left:0;
  border-top-left-radius:0;
  border-bottom-left-radius:0
}
.dgs-combo.combo-left label::after{
  right:calc(100% - 24px);
}
.dgs-combo.combo-right .dgs-input{
  border-right:0;
  border-top-right-radius:0;
  border-bottom-right-radius:0
}
.dgs-combo.combo-right label::after{
  left:calc(100% - 24px);
}
.dgs-combo[data-open='1'] label{
  width:100%;
  overflow:visible
}
.dgs-combo .dgs-btn{
  z-index:2
}
.dgs-select{
  width:inherit;
  height:48px
}
.dgs-select select{
  display:inline-block;
  width:100%;
  line-height:1.6!important;
  height:inherit;
  text-decoration:none;
  padding:8px 16px;
  padding-right:28px;
  background:#fff;
  color:#121212;
  border:1px #ddd solid;
  font-size:1rem;
  white-space:nowrap;
  text-overflow:ellipsis;
  transition:all .5s
}
@media only screen and (min-width:768px){
  .dgs-select select{
    padding:12px 18px;
    padding-right:30px
  }
}
.dgs-select select[aria-disabled],.dgs-select select[disabled]{
  cursor:default;
  opacity:.5
}
.dgs-select::after{
  content:'';
  z-index:1;
  position:absolute;
  bottom:50%;
  right:13px;
  margin-bottom:-3px;
  width:0;
  height:0;
  pointer-events:none;
  border-width:0 6px 6px 6px;
  border-color:transparent transparent rgba(0,0,0,.4) transparent;
  border-style:solid;
  transform:rotate(180deg)
}
@media only screen and (min-width:768px){
  .dgs-select::after{
    right:15px
  }
}
.dgs-select select:invalid{
  color:rgba(18,18,18,.4)!important
}
.dgs-select select option[value=""]{
  color:rgba(18,18,18,.4)
}
.dgs-select.half{
  width:50%
}
.dgs-select.full{
  width:100%
}
.dgs-select.error select{
  border-color:#e32c2b!important
}
/*
.dgs-select select:not(:focus):not([value='']):required:valid{
border-left:3px #0a3 solid
}
.dgs-select select:focus{
border-color:#000;
box-shadow:0 0 0 1px #000
}
.dgs-select.normal select:focus{
border-color:#0297b7!important
}
.dgs-select.special select:focus{
border-color:#1dc9b9!important
}
*/
.dgs-select select option[dgs-soldout]{
  color:rgba(18,18,18,.4);
  text-decoration:line-through
}
.dgs-select.withlabel{
  height:48px
}
.dgs-select.withlabel select+label{
  z-index:-1;
  color:#777;
  position:absolute;
  pointer-events:none;
  top:10px;
  left:20px;
  font-size:.65rem;
  line-height:.65rem;
  transition:.5s;
  text-transform: none;
  transform:translateY(100%);
  opacity:0
}
.dgs-select.withlabel select:not([value='']):valid{
  padding-top:20px;
  padding-bottom:5px
}
.dgs-select.withlabel select:not([value='']):valid+label{
  z-index:1;
  transform:translateY(0);
  opacity:1
}
.dgs-select.error+label+error{
  display:inline
}
@media only screen and (max-width:767px){
  .dgs-select.withlabel select+label{
    left:17px
  }
}
.dgs-switch{
  position:relative;
  display:inline-block;
  width:50px;
  height:30px
}
.dgs-switch input{
  /*transform:translateY(-999999vh);*/
  opacity:0
}
.dgs-switch .dgs-slider{
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#fff;
  transition:.5s;
  border:1px #ddd solid
}
.dgs-switch .dgs-slider:before{
  position:absolute;
  content:"";
  height:24px;
  width:24px;
  left:3px;
  bottom:2px;
  background-color:rgba(18,18,18,.2);
  transition:.5s;
  border-radius:inherit
}
.dgs-switch input:focus+.dgs-slider{
/*   border-color:#e32c2b */
}
.dgs-switch input:checked+.dgs-slider{
  border:1px #ddd solid
}
.dgs-switch input:checked+.dgs-slider:before{
  background-color:#0297b7;
  transform:translateX(19px)
}
.dgs-switch input:disabled+.dgs-slider{
  opacity:.5;
  cursor:not-allowed
}
.cl-toggle-switch {
position: relative;
cursor:pointer;
}

.cl-switch {
position: relative;
display: inline-block;
}
/* Input */
.cl-switch > input {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
z-index: -1;
position: absolute;
right: 6px;
top: -8px;
display: block;
margin: 0;
border-radius: 50%;
width: 40px;
height: 40px;
background-color: rgb(0, 0, 0, 0.2);
outline: none;
opacity: 0;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
pointer-events: none;
-webkit-transition: opacity 0.3s 0.1s, -webkit-transform 0.2s 0.1s;
transition: opacity 0.3s 0.1s, -webkit-transform 0.2s 0.1s;
transition: opacity 0.3s 0.1s, transform 0.2s 0.1s;
transition: opacity 0.3s 0.1s, transform 0.2s 0.1s, -webkit-transform 0.2s 0.1s;
}
/* Track */
.cl-switch > span::before {
content: "";
float: right;
display: inline-block;
margin: 5px 0 5px 10px;
border-radius: 7px;
width: 36px;
height: 14px;
background-color: rgb(0, 0, 0, 0.2);
vertical-align: top;
-webkit-transition: background-color 0.2s, opacity 0.2s;
transition: background-color 0.2s, opacity 0.2s;
}
/* Thumb */
.cl-switch > span::after {
content: "";
position: absolute;
top: 2px;
right: 16px;
border-radius: 50%;
width: 20px;
height: 20px;
background-color: #fff;
-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-webkit-transition: background-color 0.2s, -webkit-transform 0.2s;
transition: background-color 0.2s, -webkit-transform 0.2s;
transition: background-color 0.2s, transform 0.2s;
transition: background-color 0.2s, transform 0.2s, -webkit-transform 0.2s;
}
/* Checked */
.cl-switch > input:checked {
right: -10px;
background-color: #CCC;
}

.cl-switch > input:checked + span::before {
background-color: #CCC;
}

.cl-switch > input:checked + span::after {
background-color: #0297b7;
}

.cl-switch > input:checked + span::after {
background-color: {{ settings.dgs-highlight-1 }};
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
/* Hover, Focus */
.cl-switch:hover > input {
opacity: 0.04;
}

.cl-switch > input:focus {
opacity: 0.12;
}

.cl-switch:hover > input:focus {
opacity: 0.16;
}
/* Active */
.cl-switch > input:active {
opacity: 1;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity 0s, -webkit-transform 0s;
transition: opacity 0s, -webkit-transform 0s;
transition: transform 0s, opacity 0s;
transition: transform 0s, opacity 0s, -webkit-transform 0s;
}

/* Disabled */
.cl-switch > input:disabled {
opacity: 0;
}
.cl-switch > input:disabled + span{opacity: 0.6;}
.cl-switch > input:disabled + span::before {
background-color: rgba(200,0,0,0.4);
}

.cl-switch > input:checked:disabled + span::before {
background-color: #bfdbda;
}

.cl-switch > input:checked:disabled + span::after {
background-color: #61b5b4;
}

.dgs-qty{
  width:fit-content!important;
  flex-shrink:0;
  display:flex;
  align-items:center;
  padding:0
}
.dgs-qty input{
  border-radius:0;
  text-align:center;
  padding:0;
  width:38px;
  line-height:1em;
  border:0;
  background:0 0
}
.dgs-qty input::-webkit-inner-spin-button,.dgs-qty input::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
  -moz-appearance:textfield
}
.dgs-qty .dgs-btn{
  flex-shrink:0;
  opacity:.4;
  cursor:pointer;
  width:38px;
  height:38px;
  margin:2px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px
}
.dgs-qty .dgs-btn:not(:hover){
  border-color:transparent!important
}
@media only screen and (hover:hover) and (pointer:fine){
  .dgs-qty .dgs-btn:hover{
    opacity:1;
    transition:.5s
  }
}
@media only screen and (max-width:767px){
  .dgs-qty input{
    width:34px
  }
  .dgs-qty .dgs-btn{
    width:34px;
    height:34px
  }
}
.dgs-newsletter{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center
}
.dgs-newsletter>form{
  width:100%;
  display:flex;
  align-items:stretch;
  justify-content:inherit;
  flex-direction:column
}
.dgs-newsletter-error{
  width:100%;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#e32c2b;
  margin-bottom:5px;
  display:none
}
.dgs-newsletter-error[data-error='1']{
  display:block
}
.dgs-newsletter-success{
  width:100%;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#0297b7;
  margin-bottom:5px;
  display:none
}
.dgs-newsletter-success[data-success='1']{
  display:block
}
.dgs-newsletter-addons .dgs-input{
  width:100%
}
.dgs-newsletter-specials{
  display:flex;
  flex-direction:column
}
.dgs-newsletter-specials .dgs-input{
  width:100%
}
.dgs-newsletter-dsgvo{
  display:flex
}
.dgs-newsletter-dsgvo-input{
  flex-shrink:0;
  padding-top:.2em
}
.dgs-newsletter-dsgvo-text{
  text-align:left;
  line-height:1.4em;
  font-size:.7em;
  display:flex;
  align-items:center;
  justify-content:flex-start
}
.dgs-newsletter-note{
  display:flex;
  justify-content:inherit;
  align-items:inherit
}
.dgs-newsletter-note .dgs-txt{
  width:100%
}
.dgs-newsletter-top{
  transition:all .5s;
  height:max-content;
  overflow:hidden
}
.dgs-newsletter-bottom{
  transition:all .5s;
  height:max-content;
  overflow:hidden
}
.dgs-newsletter[data-standalone='1'] .dgs-newsletter-top{
  display:none
}
.dgs-newsletter[data-standalone='1'] .dgs-newsletter-bottom{
  display:none
}
.dgs-newsletter-addons{
  transition:all .5s;
  transform:translateY(0);
  opacity:1
}
.dgs-newsletter-specials{
  transition:all .5s;
  transform:translateY(0);
  opacity:1
}
.dgs-newsletter[data-standalone='1'] .dgs-newsletter-addons{
  transform:translateY(100%);
  opacity:0
}
.dgs-newsletter[data-standalone='1'] .dgs-newsletter-specials{
  transform:translateY(-100%);
  opacity:0
}
.corner-small{
  border-radius:6px
}
.corner-small-tr{
  border-top-right-radius:6px
}
.corner-small-br{
  border-bottom-right-radius:6px
}
.corner-small-bl{
  border-bottom-left-radius:6px
}
.corner-small-tl{
  border-top-left-radius:6px
}
.corner-large{
  border-radius:18px
}
.corner-large-tr{
  border-top-right-radius:18px
}
.corner-large-br{
  border-bottom-right-radius:18px
}
.corner-large-bl{
  border-bottom-left-radius:18px
}
.corner-large-tl{
  border-top-left-radius:18px
}
.corner-pill{
  border-radius:9999em
}
.corner-pill-tr{
  border-top-right-radius:9999em
}
.corner-pill-br{
  border-bottom-right-radius:9999em
}
.corner-pill-bl{
  border-bottom-left-radius:9999em
}
.corner-pill-tl{
  border-top-left-radius:9999em
}
@media 
  only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3),
  only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2),
  only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3),
  only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3){
    body[data-pwa='1'] .padding_iphone_smartselect{padding:20px 32px 4px 16px !important;}
    body[data-pwa='1'] .padding_iphone_safearea{padding-bottom:env(safe-area-inset-bottom) !important; }
  }
.dgs-nomargin{
  margin:0!important
}
.dgs-nomargin-t{
  margin-top:0!important
}
.dgs-nomargin-r{
  margin-right:0!important
}
.dgs-nomargin-b{
  margin-bottom:0!important
}
.dgs-nomargin-l{
  margin-left:0!important
}
a,span{
  display:inline-block
}
svg{
  display:block
}
a[linkhover]{
  color:#0297b7;
  transition:.35s
}
a[linkhover]:hover{
  cursor:pointer;
  color:#1dc9b9!important
}
input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{
  -webkit-text-fill-color:initial;
  -webkit-box-shadow:0 0 0 1000px transparent inset;
  transition:background-color 5000s ease-in-out 0s
}
::-webkit-input-placeholder{
  color:rgba(18,18,18,.5);
  text-transform:none!important
}
:-ms-input-placeholder{
  color:rgba(18,18,18,.5);
  text-transform:none!important
}
::placeholder{
  color:rgba(18,18,18,.5);
  text-transform:none!important
}
form{
  width:100%
}

.dgs-modal-content-product{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column
}
.dgs-modal-content-product form{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center
}
.dgs-modal-content-product .dgs-block-product-options{
  width:100%
}
.dgs-modal-content-product .dgs-product-option-name{
  width:100%;
  text-align:center;
  margin:10px 0
}
.dgs-modal-content-product .dgs-product-option-format{
  justify-content:center!important
}
.dgs-modal-content-product .dgs-product-buttons{
  width:100%;
  display:flex;
  align-items:center!important;
  justify-content:center!important
}
.dgs-product-buttons{
  margin-top:24px
}
.dgs-product-button{
  width:100%;
  border:1px #0297b7 solid;
  color:#0297b7
}
@media only screen and (min-width:768px){
  .dgs-product-button{
    max-width:300px
  }
}
@media (hover:hover) and (pointer:fine){
  .dgs-modal:not([noclose='1']) .dgs-modal-bg:hover{
    cursor:zoom-out;
    background:rgba(50,0,0,.6)
  }
  .dgs-product-button:not([disabled]):hover{
    background-color:#0297b7;
    color:#fff
  }
}
.dgs-sidebar{
  will-change: transform;
  z-index:500;
  position:fixed;
  top:0;
  left:0;
  flex-shrink:0;
  width:calc(100% - 50px);
  max-width:375px;
  transform:translateX(-100%);
  height:100%;
  display:inherit;
  overflow:hidden;
  box-shadow:0 0 0 0 rgba(0,0,0,.2)
}
body[loaded][completed] .dgs-sidebar{
  transition:transform .35s;
}
@media only screen and (min-width:1420px){
  .dgs-sidebar{
    z-index:115;
    transform:translateX(0%);
    border-radius:0 !important;
    box-shadow:0 0 10px 0 rgba(0,0,0,.2)
  }
}
body[data-sidebar='1'] .dgs-sidebar{
  transition:transform .5s;
  transform:translateX(0%);
  box-shadow:0 0 10px 0 rgba(0,0,0,.2)
}
body[data-sidebar='1']{
  overflow:hidden!important
}
.dgs-sidebar>div{
  width:100%;
  height:auto;
  display:flex;
  justify-content:space-between;
  flex-direction:column
}
.dgs-sidebar-closer{
  z-index:100;
  position:absolute;
  bottom:5px;
  right:-90px;
  width:100px;
  padding:10px 0;
  display:none!important;
  align-items:flex-end;
  justify-content:flex-start;
  overflow:hidden;
  cursor:pointer
}
@media only screen and (min-width:768px){
  .dgs-sidebar-closer{
    padding:15px 0;
    display:flex;
    bottom:unset;
    top:calc((100% - 80px)/ 2);
    align-items:center
  }
}
@media only screen and (min-width:1024px){
  .dgs-sidebar-closer{
    top:60px;
    align-items:flex-start
  }
}
@media only screen and (min-width:1420px){
  .dgs-sidebar-closer{
    display:none!important
  }
}
.dgs-sidebar-closer.dgs-sidebar-closer-show{
  display:flex
}
.dgs-sidebar-closer>div{
  width:60px;
  height:60px;
  margin-left:0;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 0 10px 0 rgba(0,0,0,.2);
  transition:.5s
}
@media only screen and (min-width:768px){
  .dgs-sidebar-closer>div{
    margin-left:-5px
  }
}
.dgs-sidebar-closer>div>svg{
  transition:.5s
}
.dgs-sidebar-closer:hover>div{
  margin-left:0
}
.dgs-sidebar-closer:hover>div>svg{
  transform:rotate(90deg);
  color:#e40000
}
.dgs-cartbar-closer{
  z-index:115;
  position:absolute;
  bottom:5px;
  left:-90px;
  width:100px;
  padding:10px 0;
  display:none!important;
  align-items:flex-end;
  justify-content:flex-end;
  overflow:hidden;
  cursor:pointer
}
@media only screen and (min-width:768px){
  .dgs-cartbar-closer{
    padding:15px 0;
    display:flex;
    bottom:unset;
    top:calc((100% - 80px)/ 2);
    align-items:center
  }
}
@media only screen and (min-width:1024px){
  .dgs-cartbar-closer{
    top:60px;
    align-items:flex-start
  }
}
@media only screen and (min-width:1420px){
  .dgs-cartbar-closer{
    display:none!important
  }
}
.dgs-cartbar-closer.dgs-cartbar-closer-show{
  display:flex
}
.dgs-cartbar-closer>div{
  width:60px;
  height:60px;
  margin-left:0;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 0 10px 0 rgba(0,0,0,.2);
  transition:.5s
}
@media only screen and (min-width:768px){
  .dgs-cartbar-closer>div{
    margin-right:-5px
  }
}
.dgs-cartbar-closer>div>svg{
  transition:.5s
}
.dgs-cartbar-closer:hover>div{
  margin-right:0
}
.dgs-cartbar-closer:hover>div>svg{
  transform:rotate(90deg);
  color:#e40000
}
.dgs-cartbar{
  will-change: transform,box-shadow;
  /*transform:perspective(999px) rotateY(-90deg) translateX(50%);*/
  transform:translateX(100%);
  transform-origin:center right;
  z-index:500;
  position:fixed;
  top:0;
  right:0;
  width:calc(100% - 50px);
  max-width:375px;
  height:100%;
  display:inherit;
  box-shadow:0 0 0 0 rgba(0,0,0,.2);
  background:#fdfdfd;
  overflow:hidden
}
body[loaded][completed] .dgs-cartbar{
  transition:transform .35s;
}
.dgs-cartbar > cartbar{
  width:100%;
  font-size: 0.85rem;
  background:#fdfdfd;
  height:100%
}
.dgs-cartbar > cartbar > div{
  width:100%;
  height:100%
}
.dgs-cartbar > cartbar > div > form{
  width:100%;
  height:100%
}
body[data-cartbar='1'] .dgs-cartbar{
  transition:transform .5s;
  /*transform:perspective(999px) rotateY(0) translateX(0);*/
  transform:translateX(0%);
  box-shadow:0 0 10px 0 rgba(0,0,0,.2)
}
.dgs-cartbar-content{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  overflow:hidden
}
.dgs-cartbar-header{
  flex-shrink:0;
  width:100%;
  height:60px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  overflow:hidden;
  background:#0297b7;
  color:#fff;
  z-index:50;
  box-shadow:inset 0 -10px 7px -7px rgba(0,0,0,.4)
}
.dgs-cartbar-header-counter{
  position:absolute;
  top:10px;
  left:10px;
  font-size:75px;
  line-height:.75em;
  font-weight:900;
  opacity:.09;
  text-shadow:0 0 15px rgba(0,0,0,.5)
}
.dgs-cartbar-header-title{
  font-weight:400;
  display:flex;
  align-items:center
}
.dgs-cartbar-header-title>em{
  font-style:normal;
  font-size:1.4em
}
.dgs-cartbar-header-button{
  cursor:pointer;
  flex-shrink:0;
  width:60px;
  height:60px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:unset;
  border:0;
  outline:0
}
.dgs-cartbar-header-button svg{
  display:block;
  color:#fff
}
@media (hover:hover) and (pointer:fine) and (min-width:768px){
  .dgs-cartbar-header-button>svg{
    opacity:.6;
    transition:.5s
  }
  .dgs-cartbar-header-button:hover>svg{
    opacity:1
  }
}
@media only screen and (min-width:1024px){
  .dgs-cartbar-header-button{
    width:75px
  }
  .dgs-cartbar-header-title>em{
    font-size:1.6em
  }
}
#form-cart-sidebar{
  width:100%;
  height:100%;
  overflow-y:hidden
}
.dgs-cartbar-items{
  width:100%
}
.dgs-cartbar-main{
  width:100%;
  height:100%;
  overflow:hidden;
  display:flex;
  flex-direction:column
}
.dgs-cartbar-cart{
  width:100%;
  height:100%;
  overflow-y:hidden
}
.dgs-cartbar-cart-inner{
  width:100%;
  height:100%;
  overflow-y:auto
}
.dgs-cartbar-cart-items{
  width:100%;
  display:flex;
  flex-direction:column
}
.dgs-cartbar-item{
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-direction:column;
   border-bottom:1px #ddd solid
}
.dgs-cartbar-item[dgs-block=true]{
  border-bottom:1px #ddd solid
}
.dgs-cartbar-item[dgs-viewport=true]{
  border-bottom:1px #ddd solid
}
.dgs-cartbar-item:first-child{
  margin-top:0
}
.dgs-cartbar-item::before{
  content:'';
  z-index:0;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition:.75s;
  opacity:0
}
.dgs-cartbar-item[linealert]::before{
  background-image:linear-gradient(to right,rgba(227,44,43,.15) 0,rgba(227,44,43,0) 65%)
}
.dgs-cartbar-item[linealert]{
  background:rgba(227,44,43,.03)
}
.dgs-cartbar-item[linealert]::after{
  z-index:10;display:none;
  content:'';
  position:absolute;
  top:10%;
  left:0;
  height:80%;
  width:3px;
  background:#e32c2b;
  border-top-right-radius:6px;
  border-bottom-right-radius:6px
}
.dgs-cartbar-item[linealert][soldout]::after{
  writing-mode: vertical-lr;display:none;
  content:'AUSVERKAUFT';
  line-height:1.5rem;
  font-size:.75rem;
  letter-spacing: 0.035rem;
  text-align:center;
  color:#e32c2b
}
.dgs-cartbar-item[linealert] .dgs-cartbar-item-img{
  background-color:rgba(255,255,255,0)!important
}
.dgs-cartbar-item[data-gift='1'] em[dgs-soldout-stamp]{
  margin-top:10px
}
.dgs-cartbar-item-product{
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-direction:column
}
.dgs-cartbar-item-product-details{
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:space-between
}
.dgs-cartbar-item-pfand{
  width:100%;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-top:8px;
  line-height:.8rem
}
.dgs-cartbar-item-pfand span{
  opacity:.8;
  font-size:.68rem
}
.dgs-cartbar-item-pfand em{
  font-style:normal;
  font-weight:500;
  color:#0297b7;
  font-size:.8rem
}
.dgs-cartbar-item-discount{
  width:100%;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-top:8px;
  line-height:.8rem
}
.dgs-cartbar-item-discount span{
  opacity:.8;
  font-size:.68rem
}
.dgs-cartbar-item-discount i{
  font-style:normal;
  color:#ff0000;
}
.dgs-cartbar-item-discount em{
  font-style:normal;
  font-weight:500;
  color:#ff0000;
  font-size:.85rem
}
.dgs-cartbar-item-img{
  width:70px!important;
  height:70px;
  flex-shrink:0;
  margin-right:1em
}
.dgs-cartbar-item-img .dgs-cartbar-item-quantity{
  font-size:.8571428571em;
  font-weight:500;
  line-height:1.75em;
  white-space:nowrap;
  text-align:center;
  border-radius:1.75em;
  background-color:#9e9e9e;
  color:#fff;
  min-width:1.75em;
  height:1.75em;
  padding:0 .5833333333em;
  position:absolute;
  right:-.875em;
  top:-.875em;
  z-index:3;
  display:none
}
.dgs-cartbar-item-data{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  margin:auto 0;
  overflow:hidden
}
.dgs-cartbar-item:not("[soldout]") .dgs-cartbar-item-data[discounted='1']{
  padding-bottom: 20px;
}
.dgs-cartbar-item-data>div{
  width:100%
}
.dgs-cartbar-item-title{
  margin:0 0 10px 0!important;
  line-height:1rem;
  display:flex;
  flex-direction:column
}
.dgs-cartbar-item-title>a{
  display:inline-block;
  font-size:1em;
  font-weight:500
}
.dgs-cartbar-item-title>span{
  font-size:.8em;
  line-height:1em;
  margin-top:6px;
  display:inline-block
}
.dgs-cartbar-item-title>span:first-of-type{
  margin-top:6px
}
.dgs-cartbar-item-data[discounted='1'] span[data-cart-item-final-price]{
  text-decoration:line-through
}
.dgs-cartbar-item-qty{
  width:auto!important;
  min-width:1px;
  flex-shrink:0;
  display:flex;
  align-items:center
}
.dgs-cartbar-item-qty>span{
  color:#777;
  font-size:.7rem;
  line-height:1rem
}
.dgs-cartbar-item-qty>span i{
  font-style:normal;
  font-weight:500;
  color:#0297b7;
  font-size:.8rem
}
.dgs-cartbar-quantity-num{
  flex-shrink:0;
  display:flex
}
.dgs-cartbar-quantity-num{
  border:1px #ddd solid
}
.dgs-cartbar-quantity-num input{
  border-radius:0;
  text-align:center;
  padding:0;
  height:28px;
  width:20px;
  line-height:1em;
  border:0;
  background:0 0
}
.dgs-cartbar-quantity-num input::-webkit-inner-spin-button,.dgs-cartbar-quantity-num input::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
  -moz-appearance:textfield
}
.dgs-cartbar-quantity-num-button{
  flex-shrink:0;
  opacity:.4;
  cursor:pointer;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:0 0;
  font-size:20px;
  transition:.35s;
  box-shadow:inset 0 0 0 2px #fdfdfd
}
@media only screen and (max-width:767px){
  .dgs-cartbar-quantity-num-button{
    width:20px
  }
}
.dgs-cartbar-quantity-num-button[data-button=delete]{
  opacity:.25
}
.dgs-cartbar-quantity-num-button svg{
  width:14px
}
.dgs-cartbar-item-total{
  width:calc(100% - 80px)!important;
  text-align:right;
  line-height:1em;
  display:flex;
  flex-direction:column;
  align-items:flex-end
}
.dgs-cartbar-item-total .dgs-product-price{
  display:flex;
  width:fit-content;
  height:16px;
  font-size:.8em
}
.dgs-cartbar-item-total .dgs-product-price .compare{
  padding-left:3px
}
.dgs-cartbar-item-address{
  width:100%
}
.dgs-cartbar-item-address-add{
  letter-spacing:0
}
.dgs-cartbar-item-address-action{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-end
}
.dgs-cartbar-item-address-action-buttons{
  width:115px;
  flex-shrink:0;
  display:flex;
  flex-direction:column
}
@media only screen and (max-width:767px){
  .dgs-cartbar-item-address-action-buttons{
    width:105px
  }
}
.dgs-cartbar-item-address-action-buttons button:first-child{
  border-bottom:0;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  height:30px!important
}
.dgs-cartbar-item-address-action-buttons button:last-child{
  border-top-left-radius:0;
  border-top-right-radius:0
}
.dgs-cartbar-item-address-action-buttons button:first-child:not(:hover){
  border-color:#ccc;
  color:#999
}
.dgs-cartbar-item-address-action-text{
  width:100%;
  padding-right:10px;
  font-size:.65rem
}
.dgs-cartbar-item-promise{
  z-index:10;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:rgba(2,151,183,.9);
  display:none
}
.dgs-cartbar-item-promise>div{
  width:100%;
  height:100%;
  padding:20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  color:#fff
}
.dgs-cartbar-item-promise>div>em{
  font-style:normal;
  font-weight:400;
  font-size:1.1rem;
  text-align:center;
  line-height:1.4rem;
  width:25ch
}
.dgs-cartbar-item-promise>div>div{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:20px
}
.dgs-cartbar-item-promise>div>div>button:not(:hover){
  color:#fff
}
.dgs-cartbar-item-promise>div>div>button:first-child{
  background-color:#0297b7
}
.dgs-cartbar-item-promise>div>div>button:first-child:hover{
  background-color:#fff
}
.dgs-onlythisInfobox{
  width:100%
}
.dgs-onlythisInfobox-inner{
  width:100%;
  display:flex;
  flex-direction:column;
  padding:15px;
  color:#fff;
  box-shadow:0 15px 15px -10px rgba(0,0,0,.15);
  transition:.5s;
  background-image:-webkit-gradient(linear,left top,right bottom,color-stop(25%,#0297b7),color-stop(100%,#1dc9b9))
}
.dgs-onlythisInfobox-inner boxheader{
  font-size:.85rem;
  line-height:.75rem;
  font-weight:500
}
.dgs-onlythisInfobox-inner text{
  display:none;
  font-size:.7rem;
  text-align:justify;
  margin-top:15px
}
.dgs-onlythisInfobox-inner button{
  display:none;
  margin-top:15px
}
.dgs-onlythisInfobox-inner button:not(:hover){
  color:#fff!important
}
.dgs-onlythisInfobox-inner button:hover{
  backround-color:#FFF!important
}
.dgs-onlythisInfobox[data-open='1'] .dgs-onlythisInfobox-inner>*{
  display:block
}
@media (hover:hover) and (pointer:fine) and (min-width:768px){
  .dgs-onlythisInfobox[data-open='0'] .dgs-onlythisInfobox-inner:hover{
    opacity:.75;
    cursor:pointer;
    transform:scale(.975)
  }
  .dgs-cartbar-item:hover::before{
    opacity:1
  }
  .dgs-cartbar-item-img{
    transition:transform .5s;
    transform:scale(0.95) rotate(0deg);
  }
  .dgs-cartbar-item:hover .dgs-cartbar-item-img{
    transform:scale(1.15) rotate(-5deg) translateX(-5%);
  }

  .dgs-cartbar-quantity-num-button:hover{
    opacity:1;
    background:#f0f0f0
  }
  .dgs-cartbar-quantity-num-button[data-button=delete]:hover{
    background:#e32c2b;
    color:#fff
  }
}
.dgs-cartbar-quantity-num-button:active{
  opacity:1;
  background:#0297b7;
  color:#fff
}
.dgs-cartbar-quantity-num-button[data-button=delete]:active{
  background:#e32c2b;
  color:#fff
}
em[dgs-soldout-stamp]{
  display:flex;
  line-height:.95rem;
  font-size:.75rem;
  font-style:normal;
  color:#e32c2b
}
em[dgs-soldout-stamp] svg{
  height:14px
}
em[dgs-soldout-stamp] i{
  font-style:normal;
  font-weight:500
}
.dgs-cartbar-item-response{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:none
}
.dgs-cartbar-item-response div{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:none;
  align-items:center;
  justify-content:center
}
.dgs-cartbar-item-response div[data-response=delete]{
  background-color:rgba(227,44,43,.75);
  color:#fff;background-image:unset;background-size:30px 30px;animation:progressForwardStripes 3s linear infinite;transition:width 0.75s ease-in;
}
.dgs-cartbar-item-response[data-response=delete] div[data-response=delete]{
  display:flex
}
.dgs-cartbar-item-response div[data-response=error]{
  background:rgba(227,44,43,.75);
  color:#fff
}
.dgs-cartbar-item-response[data-response=error] div[data-response=error]{
  display:flex
}
.dgs-cartbar-item-response div[data-response=success]{
  background:rgba(0,153,0,.75);
  color:#fff
}
.dgs-cartbar-item-response[data-response=success] div[data-response=success]{
  display:flex
}
.dgs-cartbar-item-response div[data-response=loading]{
  background:rgba(253,253,253,.75)
}
.dgs-cartbar-item-response[data-response=loading] div[data-response=loading]{
  display:flex
}
.dgs-cartbar-item-response svg{
  transform:scale(2)
}
.dgs-cartbar-footer{
  width:100%;margin-top:auto;
}
.dgs-cartbar-footer-save{
  display:flex;
  align-items:center;
  flex-direction:column
}
.dgs-cartbar-footer-split{
  padding:12.5px 0
}
.dgs-cartbar-footer-split::after{
  content:'';
  width:1px;
  height:100%;
  margin:0 auto;
  background:#ddd
}
.dgs-cartbar-footer-calc{
  display:flex;
  align-items:center;
  flex-direction:column
}
.dgs-cartbar-footer-item{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.dgs-cartbar-footer-item[data-type=show-when-discount]{
  display:none
}
.dgs-cartbar-footer[discounted] .dgs-cartbar-footer-item[data-type=show-when-discount]{
  display:flex
}
.dgs-cartbar-footer-item>div{
  line-height:1.2em
}
.dgs-cartbar-footer-item-title>span{
  font-size:.8em;
  opacity:.75;
  display:inline
}
.dgs-cartbar-footer-item-value{
  text-align:right
}
.dgs-cartbar-footer-item-value.small{
  font-size:.8em
}
.dgs-cartbar-buttons{
  flex-shrink:0;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-direction:column;
  z-index:50
}
.dgs-cartbar-button{
  width:100%
}
.dgs-cartbar-button[name=update]{
  display:none
}
.dgs-cartbar-buttons[data-update='1'] .dgs-cartbar-button[name=update]{
  display:flex
}
.dgs-cartbar-buttons[data-update='1'] .dgs-cartbar-button[name=checkout]{
  display:none
}
.dgs-cartbar-buttons i{
  display: inline-block;
  font-style:normal;
  font-size:.75rem;
  opacity:.6;
  padding-bottom:5px;
  align-self:flex-start
}
.dgs-cartbar-buttons-submit{
  flex-shrink:0;
  width:100%
}
.dgs-cartbar-buttons-promt{
  flex-shrink:0;
  width:100%
}
.dgs-cartbar-buttons-promt>div{
  margin-bottom:20px
}
.dgs-cartbar-buttons-promt dgs-h3{
  font-size:1.4rem;
  font-weight:400;
  letter-spacing:.1rem
}
.dgs-cartbar-buttons-promt a{
  margin-top:20px
}
#dgs-cartbar[gift-promt='1'] .dgs-cartbar-buttons-promt a>svg{
  animation:nextstep .75s linear infinite
}
#dgs-cartbar[gift-promt='1'] .dgs-cartbar-buttons-submit{
  display:none
}
#dgs-cartbar[gift-promt='1'] .dgs-cartbar-buttons{
  box-shadow:0 0 50px 30px #fff
}
#dgs-cartbar[gift-promt='1'] .dgs-cartbar-buttons::after{
  display:none;
  position:absolute;
  top:-100px;
  left:0;
  width:100%;
  height:100px;
  content:'';
  background:#d00
}
#dgs-cartbar:not([gift-promt='1']) .dgs-cartbar-buttons-promt{
  display:none
}
#dgs-cartbar[gift-promt='1'] #form-cart-sidebar{
  opacity:.2;
  filter:blur(2px) grayscale(1)
}
#dgs-cartbar[gift-promt='1'] #form-cart-sidebar *{
  pointer-events:none
}
.dgs-cartbar-buttons-reminder{
  flex-shrink:0;
  width:100%
}
.dgs-cartbar-buttons-reminder a{
  margin-top:20px
}
.dgs-cartbar-buttons-reminder button{
  width:100%
}
.dgs-cartbar-buttons-reminder button[data-button=addgift]{
  margin-top:20px
}
.dgs-cartbar-buttons-reminder>div{
  margin-bottom:20px
}
.dgs-cartbar-buttons-reminder dgs-h3{
  font-size:1.4rem;
  font-weight:400;
  letter-spacing:.1rem
}
#dgs-cartbar[gift-reminder='1'] .dgs-cartbar-buttons-reminder a>svg{
  animation:nextstep .75s linear infinite
}
#dgs-cartbar[gift-reminder='1'] .dgs-cartbar-buttons-submit{
  display:none
}
#dgs-cartbar[gift-reminder='1'] .dgs-cartbar-buttons{
  box-shadow:0 0 50px 30px #fff
}
#dgs-cartbar[gift-reminder='1'] .dgs-cartbar-buttons::after{
  display:none;
  position:absolute;
  top:-100px;
  left:0;
  width:100%;
  height:100px;
  content:'';
  background:#d00
}
#dgs-cartbar:not([gift-reminder='1']) .dgs-cartbar-buttons-reminder{
  display:none
}
#dgs-cartbar[gift-reminder='1'] #form-cart-sidebar{
  opacity:.2;
  filter:blur(2px) grayscale(1)
}
#dgs-cartbar[gift-reminder='1'] #form-cart-sidebar *{
  pointer-events:none
}
#dgs-cartbar cartbar:nth-child(2){/*position:absolute;inset:0;z-index:-1;*/}
@media (hover:hover) and (pointer:fine) and (min-width:768px){
  .dgs-cartbar-button[name=update]:hover>svg{
    animation:refresh .75s linear infinite
  }
  .dgs-cartbar-button[name=checkout]:hover>svg{
    animation:nextstep .75s linear infinite
  }
}
@media only screen and (max-width:767px){
  .dgs-cartbar-button[name=update]>svg{
    animation:refresh 1s linear infinite
  }
  .dgs-cartbar-button[name=checkout]>svg{
    animation:nextstep 1s linear infinite
  }
}
.dgs-cartbar-eventbox-navi{
  overflow:hidden;
  z-index:100;
  flex-shrink:0;
  width:100%;
  height:60px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  box-shadow:inset 0 -15px 15px -15px rgba(0,0,0,.1);
  background:rgba(244,244,244,.4)
}
.dgs-cartbar-eventbox-button{
  z-index:15;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  filter:grayscale(0);
  border-color:#ddd;
  border-width:0;
  border-style:solid
}
.dgs-cartbar-eventbox-button[data-topnavi=onlythis]{
  #background:#e32c2b;
  #color:#fff
}
.dgs-cartbar-eventbox-button[data-topnavi=onlythis] svg{
  #transform:scale(1.6)
}
.dgs-cartbar-eventbox-navi::after{
  z-index:10;
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:1px;
  width:100%;
  background:#ddd
}
.dgs-cartbar-eventbox .dgs-cartbar-eventbox-button[data-topnavi=cart]{
  /*width:60px;
  flex-shrink:0*/
}
.dgs-cartbar-eventbox .dgs-cartbar-eventbox-button>:first-child{
  opacity:.5;
  transition:all .35s
}
.dgs-cartbar-eventbox .dgs-cartbar-eventbox-button > *:first-child:not(:hover){filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");filter:gray;-webkit-filter: grayscale(100%);}

.dgs-cartbar-eventbox .dgs-cartbar-eventbox-button>buttonname{
  margin:2px 0 8px 0;
  font-size:.61rem;
  color:#000;
  line-height:.5rem;
  word-break:keep-all;
  text-align:center
}
.dgs-cartbar-eventbox[data-topnavi=''] .dgs-cartbar-eventbox-button[data-topnavi=cart]{
  /*filter:grayscale(0);
  cursor:default!important;
  border-width:0 1px;
  box-shadow:0 20px 15px -3px rgba(0,0,0,.2);
  z-index:100*/
}
.dgs-cartbar-eventbox[data-topnavi=''] .dgs-cartbar-eventbox-navi .dgs-cartbar-eventbox-button[data-topnavi=cart]:first-child{
  border-width:0 1px 0 0!important
}
.dgs-cartbar-eventbox[data-topnavi=''] .dgs-cartbar-eventbox-navi[data-buttons='3'] .dgs-cartbar-eventbox-button[data-topnavi=cart]:last-child:not(:first-child){
  width:0 0 0 1px!important
}
.dgs-cartbar-eventbox[data-topnavi=''] .dgs-cartbar-eventbox-button[data-topnavi='']>:first-child{
  width:45px!important;
  height:45px!important;
  opacity:1;
  filter:unset;
  -webkit-filter:unset
}
.dgs-cartbar-eventbox[data-topnavi=''] .dgs-cartbar-eventbox-button[data-topnavi=''] buttonname{
  display:none
}
.dgs-cartbar-eventbox[data-topnavi=cart] .dgs-cartbar-eventbox-button[data-topnavi=cart]{
  filter:grayscale(0);
  cursor:default!important;
  border-width:0 1px;
  box-shadow:0 20px 15px -3px rgba(0,0,0,.2);
  z-index:100
}
.dgs-cartbar-eventbox[data-topnavi=cart] .dgs-cartbar-eventbox-navi .dgs-cartbar-eventbox-button[data-topnavi=cart]:first-child{
  border-width:0 1px 0 0!important
}
.dgs-cartbar-eventbox[data-topnavi=cart] .dgs-cartbar-eventbox-navi[data-buttons='3'] .dgs-cartbar-eventbox-button[data-topnavi=cart]:last-child:not(:first-child){
  width:0 0 0 1px!important
}
.dgs-cartbar-eventbox[data-topnavi=cart] .dgs-cartbar-eventbox-button[data-topnavi=cart]>:first-child{
  width:45px!important;
  height:45px!important;
  opacity:1;
  filter:unset;
  -webkit-filter:unset
}
.dgs-cartbar-eventbox[data-topnavi=cart] .dgs-cartbar-eventbox-button[data-topnavi=cart] buttonname{
  display:none
}
.dgs-cartbar-eventbox[data-topnavi=code] .dgs-cartbar-eventbox-button[data-topnavi=code]{
  filter:grayscale(0);
  cursor:default!important;
  border-width:0 1px;
  box-shadow:0 20px 15px -3px rgba(0,0,0,.2);
  z-index:100
}
.dgs-cartbar-eventbox[data-topnavi=code] .dgs-cartbar-eventbox-navi .dgs-cartbar-eventbox-button[data-topnavi=code]:first-child{
  border-width:0 1px 0 0!important
}
.dgs-cartbar-eventbox[data-topnavi=code] .dgs-cartbar-eventbox-navi[data-buttons='3'] .dgs-cartbar-eventbox-button[data-topnavi=code]:last-child:not(:first-child){
  width:0 0 0 1px!important
}
.dgs-cartbar-eventbox[data-topnavi=code] .dgs-cartbar-eventbox-button[data-topnavi=code]>:first-child{
  width:45px!important;
  height:45px!important;
  opacity:1;
  filter:unset;
  -webkit-filter:unset
}
.dgs-cartbar-eventbox[data-topnavi=code] .dgs-cartbar-eventbox-button[data-topnavi=code] buttonname{
  display:none
}
.dgs-cartbar-eventbox[data-topnavi=shipping] .dgs-cartbar-eventbox-button[data-topnavi=shipping]{
  filter:grayscale(0);
  cursor:default!important;
  border-width:0 1px;
  box-shadow:0 20px 15px -3px rgba(0,0,0,.2);
  z-index:100
}
.dgs-cartbar-eventbox[data-topnavi=shipping] .dgs-cartbar-eventbox-navi .dgs-cartbar-eventbox-button[data-topnavi=shipping]:first-child{
  border-width:0 1px 0 0!important
}
.dgs-cartbar-eventbox[data-topnavi=shipping] .dgs-cartbar-eventbox-navi[data-buttons='3'] .dgs-cartbar-eventbox-button[data-topnavi=shipping]:last-child:not(:first-child){
  border-width:0 0 0 1px!important
}
.dgs-cartbar-eventbox[data-topnavi=shipping] .dgs-cartbar-eventbox-button[data-topnavi=shipping]>:first-child{
  width:45px!important;
  height:45px!important;
  opacity:1;
  filter:unset;
  -webkit-filter:unset
}
.dgs-cartbar-eventbox[data-topnavi=shipping] .dgs-cartbar-eventbox-button[data-topnavi=shipping] buttonname{
  display:none
}
.dgs-cartbar-eventbox[data-topnavi=gift] .dgs-cartbar-eventbox-button[data-topnavi=gift]{
  filter:grayscale(0);
  cursor:default!important;
  border-width:0 1px;
  box-shadow:0 20px 15px -3px rgba(0,0,0,.2);
  z-index:100
}
.dgs-cartbar-eventbox[data-topnavi=gift] .dgs-cartbar-eventbox-navi .dgs-cartbar-eventbox-button[data-topnavi=gift]:first-child{
  border-width:0 1px 0 0!important
}
.dgs-cartbar-eventbox[data-topnavi=gift] .dgs-cartbar-eventbox-navi[data-buttons='3'] .dgs-cartbar-eventbox-button[data-topnavi=gift]:last-child:not(:first-child){
  border-width:0 0 0 1px!important
}
.dgs-cartbar-eventbox[data-topnavi=gift] .dgs-cartbar-eventbox-button[data-topnavi=gift]>:first-child{
  width:45px!important;
  height:45px!important;
  opacity:1;
  filter:unset;
  -webkit-filter:unset
}
.dgs-cartbar-eventbox[data-topnavi=gift] .dgs-cartbar-eventbox-button[data-topnavi=gift] buttonname{
  display:none
}
.dgs-cartbar-eventbox[data-topnavi=onlythis] .dgs-cartbar-eventbox-button[data-topnavi=onlythis]{
  filter:grayscale(0);
  cursor:default!important;
  color:#e32c2b!important;
  border-width:0 1px;
  box-shadow:0 20px 15px -3px rgba(0,0,0,.2);
  z-index:100
}
.dgs-cartbar-eventbox[data-topnavi=onlythis] .dgs-cartbar-eventbox-navi .dgs-cartbar-eventbox-button[data-topnavi=onlythis]:first-child{
  border-width:0 1px 0 0!important
}
.dgs-cartbar-eventbox[data-topnavi=onlythis] .dgs-cartbar-eventbox-navi[data-buttons='3'] .dgs-cartbar-eventbox-button[data-topnavi=onlythis]:last-child:not(:first-child){
  border-width:0 0 0 1px!important
}
.dgs-cartbar-eventbox[data-topnavi=onlythis] .dgs-cartbar-eventbox-button[data-topnavi=onlythis]>:first-child{
  width:45px!important;
  height:45px!important;
  opacity:1;
  filter:unset;
  -webkit-filter:unset
}
.dgs-cartbar-eventbox .dgs-cartbar-eventbox-navi .dgs-cartbar-eventbox-button:last-child{
  border-right:0
}
.dgs-cartbar-eventbox-content-item{
  display:none;
  font-size:0.8rem;
  line-height:1.2rem;
  border-bottom:1px #ddd solid
}
.dgs-cartbar-eventbox[data-topnavi=''] .dgs-cartbar-eventbox-content-item[data-topnavi=cart]{
  display:block
}
.dgs-cartbar-eventbox[data-topnavi=cart] .dgs-cartbar-eventbox-content-item[data-topnavi=cart]{
  display:block
}
.dgs-cartbar-eventbox[data-topnavi=code] .dgs-cartbar-eventbox-content-item[data-topnavi=code]{
  display:block
}
.dgs-cartbar-eventbox[data-topnavi=shipping] .dgs-cartbar-eventbox-content-item[data-topnavi=shipping]{
  display:block
}
.dgs-cartbar-eventbox[data-topnavi=gift] .dgs-cartbar-eventbox-content-item[data-topnavi=gift]{
  display:block
}
.dgs-cartbar-eventbox[data-topnavi=onlythis] .dgs-cartbar-eventbox-content-item[data-topnavi=onlythis]{
  display:block
}
.dgs-cartbar-eventbox-content-item dgs-h3{
  margin:0 0 10px 0
}
.dgs-cartbar-eventbox-content-item span{
}
.dgs-cartbar-eventbox-content-item info{
  font-size:.75rem;
  color:#d1d1d1
}
.dgs-cartbar-eventbox-content-item error{
  display:none;
  font-size:.75rem;
  color:#e32c2b
}
.dgs-cartbar-eventbox-content-item[error='1'] error{
  display:block
}
.dgs-cartbar-progress-bar{
  width:100%;
  height:3px;
  margin-top:25px;
  background-color:#ddd
}
.dgs-cartbar-progress-status{
  height:3px;
  background-color:#0297b7;
  background-image:linear-gradient(90deg,#0297b7 15%,#1dc9b9 50%,#0297b7 85%);
  min-width:25px;
  will-change:width;
}
.dgs-cartbar-progress-status:not([expand='1']){
  
}
.dgs-cartbar-progress-status[expand='1']{
  transition:width 1.5s ease-in-out !important;
}
.dgs-cartbar-progress-status>svg{
  position:absolute;
  top:-12px;
  right:-2px;
  padding:0 2px;
  width:27px;
  height:25px;
  color:#0297b7
}
.dgs-cartbar-eventbox-button>span{
  position:absolute;
  content:'';
  opacity:0;
  top:0;
  right:0;
  width:12px;
  height:14px;
  clip-path:polygon(100% 0%,100% 100%,50% 70%,0% 100%,0% 0%);
  -webkit-clip-path:polygon(100% 0%,100% 100%,50% 70%,0% 100%,0% 0%)
}
.dgs-cartbar-eventbox-button[data-status=available]>span{
  opacity:1;
  background:#0297b7
}
.dgs-cartbar-eventbox-button[data-status=success]>span{
  opacity:1;
  background:#090
}
.dgs-cartbar-eventbox-button[data-status=error]>span{
  opacity:1;
  background:#e32c2b
}
.dgs-cartbar-eventbox-list-item{
  width:100%;
  margin-top:15px
}
.dgs-cartbar-eventbox-list-item-product{
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:space-between
}
.dgs-cartbar-eventbox-list-item-name{
  width:100%;
  padding-top:4px;
  line-height:1em;
  display:flex;
  align-items:flex-end;
  flex-direction:column
}
.dgs-cartbar-eventbox-list-item-name>em{
  font-style:normal;
  display:inline-block;
  font-size:1.1em;
  font-weight:500
}
.dgs-cartbar-eventbox-list-item-name>span{
  font-size:.8em;
  margin-top:8px;
  display:inline-block
}
.dgs-cartbar-eventbox-content-item button:not([button=code]){
  width:100%;
  margin-top:15px
}
.dgs-cartbar-eventbox-content-item>span[info]{
  font-size:.85em;
  line-height:1.5em;
  margin-top:15px
}
.dgs-cartbar-item-gift-line{
  display:inline-block;
  padding-top:5px;
  height:22px;
  margin-top:17px
}
.dgs-cartbar-item-gift-tag{
  color:#080;
  font-weight:500;
  font-style:normal;
  font-size:1.2rem;
  display:inline-block
}
.dgs-cartbar-item[data-gift='1'] .dgs-cartbar-item-title{
  /*margin:0!important*/
}
.dgs-cartbar-item-address-delete{
  position:absolute;
  top:22px;
  right:22px;
  color:#c5c5c5;
  transition:.35s
}
.dgs-cartbar-item-address-delete:hover{
  color:#e32c2b!important;
  cursor:pointer
}
.dgs-cartbar-item a[data-gift-delete]{
  position:absolute;
  top:-3px;
  right:-3px;
  color:#c5c5c5
}
.dgs-cartbar-item a[data-gift-delete]:hover{
  color:#e32c2b;
  cursor:pointer
}
.dgs-cartbar-item a[data-line-delete]{
  position:absolute;
  top:-3px;
  right:-3px;
  color:#c5c5c5;
  display:none
}
.dgs-cartbar-item a[data-line-delete]:hover{
  color:#e32c2b;
  cursor:pointer
}
.dgs-cartbar-item[linealert] a[data-line-delete]{
  display:block;
}
.dgs-cartbar-eventbox:not([data-topnavi=shipping]) .dgs-cartbar-eventbox-content-item[data-topnavi=shipping] .dgs-cartbar-progress-status{
  width:0%!important
}
.dgs-cartbar-eventbox-gifts{
  margin-top:25px;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center
}
.dgs-cartbar-eventbox-gift>*{
  margin:0!important
}
.dgs-cartbar-eventbox-gift-divider{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center
}
.dgs-cartbar-eventbox-gift-divider::after{
  z-index:0;
  position:absolute;
  top:50%;
  left:0;
  right:0;
  width:100%;
  height:1px;
  content:'';
  background:#ddd
}
.dgs-cartbar-eventbox-gift-divider span{
  z-index:1;
  padding:0 5px;
  background:#fff;
  font-size:.65rem
}
@media only screen and (min-width:1024px){
  .dgs-cartbar-eventbox-button>span{
    width:14px;
    height:16px
  }
  .dgs-cartbar-eventbox-button>:first-child{
    width:38px!important;
    height:38px!important
  }
  .dgs-cartbar-eventbox-navi{
    height:76px
  }
  .dgs-cartbar-eventbox .dgs-cartbar-eventbox-button[data-topnavi=cart]{
    /*width:76px*/
  }
  .dgs-cartbar-eventbox-button::after{
    top:50%
  }
}
@media only screen and (hover:hover) and (pointer:fine){
  .dgs-cartbar-eventbox-button:hover{
    cursor:pointer;
    filter:grayscale(0)
  }
  .dgs-cartbar-eventbox-button[data-topnavi=onlythis]:hover{
    #background:#e95958
  }
  .dgs-cartbar-eventbox-button:hover::after{
    border:1px #0297b7 solid
  }
  .dgs-cartbar-eventbox-button[data-topnavi=onlythis]::after{
    #border:1px #e32c2b solid
  }
  .dgs-cartbar-eventbox[data-topnavi=''] .dgs-cartbar-eventbox-button:not([data-topnavi=cart])>:first-child{
    transition:all .35s;
    opacity:.6;
    width:32px!important;
    height:32px!important
  }
  .dgs-cartbar-eventbox[data-topnavi=cart] .dgs-cartbar-eventbox-button:not([data-topnavi=cart])>:first-child{
    transition:all .35s;
    opacity:.6;
    width:32px!important;
    height:32px!important
  }
  .dgs-cartbar-eventbox[data-topnavi=shipping] .dgs-cartbar-eventbox-button:not([data-topnavi=shipping])>:first-child{
    transition:all .35s;
    opacity:.6;
    width:32px!important;
    height:32px!important
  }
  .dgs-cartbar-eventbox[data-topnavi=code] .dgs-cartbar-eventbox-button:not([data-topnavi=code])>:first-child{
    transition:all .35s;
    opacity:.6;
    width:32px!important;
    height:32px!important
  }
  .dgs-cartbar-eventbox[data-topnavi=gift] .dgs-cartbar-eventbox-button:not([data-topnavi=gift])>:first-child{
    transition:all .35s;
    opacity:.6;
    width:32px!important;
    height:32px!important
  }
  .dgs-cartbar-eventbox[data-topnavi=onlythis] .dgs-cartbar-eventbox-button:not([data-topnavi=onlythis])>:first-child{
    transition:all .35s;
    opacity:.6;
    width:32px!important;
    height:32px!important
  }
  .dgs-cartbar-eventbox[data-topnavi] .dgs-cartbar-eventbox-button:hover>:first-child{
    opacity:1;
    width:38px!important;
    height:38px!important
  }
}
.dgs-cartbar-empty{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  flex-direction:column
}
.dgs-cartbar-empty-msg{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column
}
.dgs-cartbar-empty-msg em{
  font-style:normal;
  opacity:.4;
  font-size:1.2rem;
  font-weight:300;
  text-align:center;
  line-height:1.8rem;
  margin:0
}
.dgs-cartbar-empty-msg svg{
  width:65%;
  opacity:1
}
.dgs-cartbar-empty-msg span{
  font-size:1rem;
  text-align:center
}
.dgs-cartbar-empty-line{
  height:100%;
  width:0;
  border-right:5px #ddd dotted
}
.dgs-cartbar-empty-line::after{
  z-index:10;
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  height:100%;
  width:5px
}
.dgs-cartbar-empty-random{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column
}
.dgs-cartbar-empty-random em{
  font-style:normal;
  color:#0297b7;
  font-size:1.4rem;
  line-height:2rem;
  font-weight:300;
  text-align:center
}
.dgs-cartbar-empty-random .dgs-block-product{
  flex-wrap:wrap
}
.dgs-cartbar-empty-random .dgs-product-bottom-button{
  width:inherit
}
.dgs-cartbar-empty-random .dgs-product-buttons{
  width:100%!important;
  max-width:unset!important
}

span[class^=preloadbar-]{
  display:block;
  height:8px;
  background:#ddd;
  border-radius:4px;
  margin:4px 0
}
.preloadbar-10{
  width:10%
}
.preloadbar-20{
  width:20%
}
.preloadbar-30{
  width:30%
}
.preloadbar-40{
  width:40%
}
.preloadbar-50{
  width:50%
}
.preloadbar-60{
  width:60%
}
.preloadbar-70{
  width:70%
}
.preloadbar-80{
  width:80%
}
.preloadbar-90{
  width:90%
}
.preloadbar-100{
  width:100%
}

.dgs-cartbar > cartbar[dgs-hidden-important] *{
  transition: unset !important;
}

.dgs-carttoast{
  z-index:114;
  position:fixed;
  /*height:75px;*/
  top:97px;
  left:0;
  width:100%;
  transform-origin:top center;
  transform:perspective(750px) translateY(-5px) rotateX(-90deg);
  display:inherit;
  opacity:0;
  transition:margin .75s,transform 1s,opacity .75s;
  box-shadow:0 0 15px -5px rgba(0,0,0,.5);
  will-change: transform, margin, background,opacity;
  background:#fdfdfd
}
@media only screen and (min-width:1024px){
  .dgs-carttoast{
    left:unset;
    top:35px;
    right:0;
    width:100%;
    max-width:375px;
    margin-right:-100%;
    border-left:1px #ddd solid;
    box-shadow:unset
  }
}
body[data-carttoast='1'] .dgs-carttoast{
  transition:margin .75s,transform .5s,opacity .35s;
  margin:0;
  opacity:1;
  background:#fdfdfd;
  transform:perspective(750px) translateY(0) rotateX(0)
}
@media only screen and (min-width:1024px){
  body[data-carttoast='1'] .dgs-carttoast{
    background:#f4f4f4
  }
}
.dgs-carttoast::before{
  z-index:110;
  display:block;
  content:"";
  width:100%;
  height:10px;
  position:absolute;
  top:-10px;
  left:0;
  /*background:url(/cdn/shop/t/53/assets/cutter_white.svg?v=2097415064149957925) bottom/12px repeat-x;*/
  pointer-events:none
}
@media only screen and (min-width:1024px){
  .dgs-carttoast::before{
    content:unset
  }
}
.dgs-carttoast::after{
  z-index:110;
  transform:rotate(180deg);
  display:block;
  content:"";
  width:100%;
  height:10px;
  position:absolute;
  bottom:-10px;
  left:0;
  /*background:url(/cdn/shop/t/53/assets/cutter_white.svg?v=2097415064149957925) bottom/12px repeat-x;*/
  pointer-events:none
}
@media only screen and (min-width:1024px){
  .dgs-carttoast::after{
    content:unset
  }
}
/*
.dgs-carttoast:hover{
cursor:pointer;
opacity:1;
transform:translateY(5px)
}
*/
close{
  position:absolute;
  bottom:0;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-shadow:0 0 4px rgba(0,0,0,.4);
  cursor:pointer;
  letter-spacing:.1rem;
  color:#fff;
  font-size:1.1rem;
  transition:.5s;
  transition-delay:0.25s
}
@media only screen and (min-width:568px){
  close{
    width:100vh
  }
}
@media only screen and (min-width:1024px){
  close{
    height:75px;
    font-size:1.25rem
  }
}
.dgs-sidebar close{
  right:0;
  transform-origin:bottom right;
  transform:rotate(-90deg) translate(100%,0)
}
@media only screen and (min-width:1420px){
  .dgs-sidebar close{
    display:none!important
  }
}
body[data-sidebar='1'] .dgs-sidebar close{
  transform:rotate(-90deg) translate(100%,100%)
}
.dgs-cartbar close{
  left:0;
  transform-origin:bottom left;
  transform:rotate(-90deg) translateY(100%)
}
body[data-cartbar='1'] .dgs-cartbar close{
  transform:rotate(-90deg) translateY(0)
}
.dgs-cartbar[checkout]{
  width:100% !important;
  max-width:100% !important;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
}
.dgs-cartbar[checkout] cartbar{
  opacity:0;
}
.dgs-darker{
  z-index:115;
  content:'';
  will-change: opacity, visibility;
  visibility: hidden;
  display:block !important;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  cursor:pointer;
  /*transition:opacity 0.5s;*/
  opacity:0;
}
.dgs-darker::after{
  content:'';
  position:absolute;
  top:0;  
  display:none;
  width:100%;
  height:100%
}
body[data-cartbar='1'] .dgs-darker,
body[data-sidebar='1'] .dgs-darker{
      visibility:visible;opacity:1;
}
@media only screen and (min-width:1420px){
  body:not([data-cartbar='1']) .dgs-darker{
    display:none!important
  }
}
.dgs-search-panel{z-index:90;position:sticky;top:0;margin-top:-60px;width:100%;height:60px;background:#FFF;
  flex-shrink:0;transition:0.35s;box-shadow:0 0 10px 0 rgba(0,0,0,0.2);transform:translateY(-50%);will-change: transform, position;}
body:not([template='index']) .dgs-search-panel{z-index:100;position:fixed;top:0;margin-top:-90px;width:100%;height:90px;}
@media only screen and (min-width:1024px){
  .dgs-search-panel{z-index:90;position:sticky;height:75px;margin-top:-75px; }
  body:not([template='index']) .dgs-search-panel{z-index:90;position:sticky;height:75px;margin-top:-75px; }
}
body[data-search='1'] .dgs-search-panel{top:90px;margin-top:0px;transition:0.5s;transform:translateY(0%);}
body[template='index'][data-search='1']:not(.snize-instant-widget-is-open) .dgs-search-panel .dgs-lastseen{transform:translateY(0%);transition:0.5s cubic-bezier(0.51, 0.26, 0.42, 0.96);}
body:not([template='index'])[data-search='1']:not(.snize-instant-widget-is-open) .dgs-search-panel .dgs-lastseen{transform:translateY(0%);transition:0.5s cubic-bezier(0.51, 0.26, 0.42, 0.96);}
body[template='index'][data-search='1'][data-header='snapped'][data-scroll='down']  .dgs-search-panel .dgs-lastseen{transform:translateY(-110%);}
body:not([template='index']) .dgs-search-panel{top:60px;}
body[data-search='1'] .dgs-darker{/*z-index:90;opacity:1 !important;*/}
@media only screen and (min-width:1024px){
  body[data-search='1'] .dgs-search-panel{ top:110px; }
}

.dgs-search-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;}

.loadCheckoutLogo{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background-color: rgba(255,255,255,0) !important;
  animation-duration: 1.2s;
}
.loadCheckoutLogo p{
  z-index:-1;
  width:100%;
  max-width:30ch;
  padding:30px 20px 0 20px;
  opacity:0;
  text-align:center;
  font-size:0.85rem;
  transition:opacity .35s;
}
.loadCheckoutLogo svg{
  z-index:-1;
  display:block;
  width:120px;
  height:120px;
  opacity:0;
  transition:opacity .35s;
}
.loadCheckoutLogo[fadein] svg{
  opacity:1;
}
.loadCheckoutLogo[fadein] p{
  opacity:0.85;
}

@-webkit-keyframes animate-loadCheckoutLogo {
  0% {
    stroke-dashoffset: 2949.6748046875px;
    stroke-dasharray: 2949.6748046875px;
  }
  100% {
    stroke-dashoffset: 5899.349609375px;
    stroke-dasharray: 2949.6748046875px;
  }
}
@keyframes animate-loadCheckoutLogo {
  0% {
    stroke-dashoffset: 2949.6748046875px;
    stroke-dasharray: 2949.6748046875px;
  }
  100% {
    stroke-dashoffset: 5899.349609375px;
    stroke-dasharray: 2949.6748046875px;
  }
}
.loadCheckoutLogo svg polygon, .loadCheckoutLogo svg path {
  fill:none;stroke:#AAA;stroke-miterlimit:10;stroke-width:2;
  -webkit-animation: animate-loadCheckoutLogo 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
  animation: animate-loadCheckoutLogo 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
  animation-iteration-count:infinite;
}

.productImageClone{
  position:absolute;
  top:0;
  left:0;
  z-index:1999;
  overflow:hidden;
  display:none;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
}
.productImageClone.productImageOut{
  transform:scale(0);
  opacity:0
}
.dgs-header{
  z-index:110;
  position:sticky;
  top:0;
  flex-shrink:0;
  width:100%;
  box-shadow:0 0 10px 0 rgba(0,0,0,.2)
}
.dgs-header>div{
  width:100%;
  height:100%
}
.dgs-header-msg{
  width:100%;
  height:30px
}
@media only screen and (min-width:1024px){
  .dgs-header-msg{
    height:35px
  }
}
.dgs-header-event[size-height='default']{
  height:30px!important
}
@media only screen and (min-width:1024px){
  .dgs-header-event[size-height='default']{
    height:35px!important
  }
}
.dgs-header-bar{
  width:100%;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:space-between
}
@media only screen and (min-width:1024px){
  .dgs-header-bar{
    height:75px
  }
}
.dgs-header-bar[data-dir=right]{
  flex-direction:row-reverse
}
.dgs-header-left,.dgs-header-right{
  flex-shrink:0;
  width:120px;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center
}
@media only screen and (min-width:768px){
  .dgs-header-left,.dgs-header-right{
    width:150px
  }
}
.dgs-header-left{
  justify-content:flex-start
}
@media only screen and (min-width:1420px){
  .dgs-header-left{
    display:none!important
  }
}
.dgs-header-right{
  justify-content:flex-end
}
.dgs-header-button{
  width:60px;
  height:60px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:unset;
  border:0;
  outline:0
}
@media only screen and (min-width:1024px){
  .dgs-header-button{
    width:75px!important;
    height:75px!important;
    padding:0!important
  }
}
.dgs-header-button[button=search]{
  padding-right:28px
}
.dgs-header-button[button=menu]{
  display:flex
}
@media only screen and (min-width:1420px){
  .dgs-header-button[button=menu]{
    display:none!important
  }
}
.dgs-header-logo{
  flex-shrink:0;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center
}
.dgs-header-logo>a{
  display:contents;
  width:100%
}
@media only screen and (max-width:1419px){
  .dgs-header-button[button=user]{
    padding-right:28px
  }
}
.dgs-header-button[button=back]{
  padding-right:36px
}
@media only screen and (max-width:767px){
  .dgs-header-button[button=back]>*{
    width:24px!important;
    height:24px!important
  }
}
.dgs-header-button[button=discount]{
  padding-left:28px
}
.dgs-header-button[button=discount] span{
  position:absolute;
  top:0;
  right:0;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#0297b7
}
.dgs-header-button[button=discount] span.hide{
  display:none
}
.dgs-header-button[button=faq]{
  padding-left:28px
}
.dgs-header-button[button=faq] svg{
  width:30px;
  height:auto
}
.dgs-header-button[button=search]{
  padding-left:28px
}
.dgs-header-button[button=search] svg{
  width:30px;
  height:auto
}
.dgs-header-button[button=cart] span{
  position: absolute;
    top: 0%;
    right: 0;
    min-width: 20px;
    min-height: 20px;
    border-radius: 99999em;
    background: #0297b7;
    display: flex;
    word-break: keep-all;
    font-size: 0.8em;
    line-height: 0;
    align-items: center;
    justify-content: center;
    padding: 0.8em 0.6em;
    color: #fff;
    font-weight: 500;
}
.dgs-header-button[button=cart] span.error{
  background:#e32c2b
}
.dgs-header-button[button=cart] span.hide{
  display:none
}
.dgs-header-button[button=cart] span.error::after{
  z-index:0;
  content:'';
  border:3px solid #e32c2b;
  border-radius:inherit;
  inset:0;
  position:absolute;
  -webkit-animation:pulsate 1.2s ease-out;
  -webkit-animation-iteration-count:infinite;
  opacity:0
}
@-webkit-keyframes pulsate{
  0%{
    -webkit-transform:scale(0,0);
    opacity:0.6
  }
  22%{
    -webkit-transform:scale(1.2,1.2);
    opacity:.3;
    border-weight:9px;
  }
  55%{
    border-weight:3px;
    -webkit-transform:scale(1.8,1.8);
    opacity:0
  }
}
@keyframes pulsate{
  0%{
    -webkit-transform:scale(0,0);
    opacity:0
  }
  22%{
    -webkit-transform:scale(1.2,1.2);
    opacity:.3;
    border-weight:9px;
  }
  55%{
    border-weight:3px;
    -webkit-transform:scale(1.8,1.8);
    opacity:0
  }
}
.dgs-swiper-pagination{
  position:relative!important;
  height:auto
}
.dgs-swiper-pagination .swiper-pagination-bullet{
  border-radius:4px;
  margin:0 4px;
  transition:.35s;
  background:#0297b7;
  opacity:.25
}
.dgs-swiper-pagination .swiper-pagination-bullet-active{
  width:24px;
  transform:scale(1);
  background:#0297b7;
  opacity:1
}
.dgs-swiper-pagination .swiper-pagination-bullet:hover{
  transform:scale(1.2);
  background:#0297b7;
  opacity:.5
}
@media only screen and (min-width:768px){
  .dgs-swiper-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    border-radius:5px;
    margin:0 5px
  }
  .dgs-swiper-pagination .swiper-pagination-bullet-active{
    width:30px
  }
}
.dgs-imagespreload{
  display:none
}
/*================ Badge ================*/
.dgs-block-product_soon{
  z-index:30;
  opacity:.95;
  display:flex;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  justify-content:center;
  align-items:flex-end
}
.dgs-block-product_soon>div{
  display:inherit;
  margin:3px;
  padding:4px 12px;
  font-size:.7em;
  line-height:1.2em;
  letter-spacing:.05em
}
.dgs-block-product_soon>div em{
  font-style:normal;
  font-weight:inherit
}
.dgs-block-product_badge-soon{
  width:100%;
  border-radius:0!important;
  flex-direction:column;
  background:rgba(0,0,0,.6);
  color:#5b5b5b;
  text-align:center;
  box-shadow:0 -10px 10px -10px rgba(0,0,0,.2);
  margin:0!important;
  align-items:center!important;
  backdrop-filter:blur(3px)
}
.dgs-block-product_badge-soon>div{
  width:fit-content!important
}
.dgs-block-product_badge-soon>span{
  padding:4px!important;
  color:#fff!important;
  font-size:1.2em!important
}
.dgs-countdown-font{
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
  font-style:normal;
  font-weight:400
}
.dgs-block-product_badge-soon .countdown-container[data-text='1']{
  margin-top:3px
}
.dgs-block-product_badge-soon .countdown-container{
  display:flex;
  width:100%;
  max-width:375px;
  align-items:stretch;
  justify-content:space-between;
  color:#fff;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
  font-style:normal;
  font-weight:400
}
.dgs-block-product_badge-soon .countdown-divider{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1em;
  opacity:.4
}
.dgs-block-product_badge-soon .countdown-block{
  height:100%;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-direction:column
}
.dgs-block-product_badge-soon .countdown-numbers{
  width:100%;
  height:100%;
  flex-shrink:1;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.dgs-block-product_badge-soon .countdown-number{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1em
}
.dgs-block-product_badge-soon .countdown-blockname{
  display:none;
  width:100%;
  text-align:center;
  font-size:.5em;
  line-height:1em
}
.dgs-block-product_badge-soon .countdown-datetime{
  white-space:nowrap;
  color:#fff
}
.dgs-block-product[loadercover] .dgs-block-product_badges{
  display:none!important
}
.dgs-product-price{
  font-size:.85rem;
  line-height:1em;
  white-space:nowrap;
  letter-spacing:.05rem
}
.dgs-product-price .compare{
  display:none
}
.dgs-product-price[data-sale='1'] .regular{
  color:red;
  padding-right:.05em
}
.dgs-product-price[data-sale='1'] .compare{
  display:inherit;
  text-decoration:line-through
}
.dgs-product-variants{
  display:none
}
.dgs-product-options{
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:inherit
}
.dgs-product-options>span[preselect]{
  font-size:.85em;
  opacity:.6;
  margin-top:4px;
  display:none
}
.dgs-product-option{
  width:100%;
  margin-top:10px;
  display:flex;
  flex-direction:column;
  justify-content:inherit
}
.dgs-product-option-header{
  margin:5px 0 15px 0;
  display:flex!important;
  align-items:flex-start;
  justify-content:space-between
}
.dgs-product-option-label{
  display:flex!important;
  justify-content:flex-end;
  flex-direction:row
}
.dgs-product-option-label>*{
  margin:0!important
}
.dgs-product-option[splitter] .dgs-product-option-header{
  align-items:flex-start;
  justify-content:space-between
}
.dgs-product-option[splitter] .dgs-product-option-label{
  flex-direction:column;
  height:100%;
  justify-content:space-between
}
.dgs-product-option:not([splitter]) .dgs-product-option-label{
  width:100%
}
.dgs-product-option[splitter] .dgs-product-option-header>button{
  height:37px!important
}
.dgs-product-option[splitter][option-split='0'] .dgs-product-option-header>button[option-all]{
  display:none
}
.dgs-product-option[splitter][option-split='0'] .dgs-product-option-header>button[option-filter]{
  display:flex
}
.dgs-product-option[splitter][option-split='1'] .dgs-product-option-header>button[option-all]{
  display:flex
}
.dgs-product-option[splitter][option-split='1'] .dgs-product-option-header>button[option-filter]{
  display:none
}
.dgs-product-option-header>button>span[mobil]{
  display:inline
}
.dgs-product-option-header>button>span[desktop]{
  display:none
}
.dgs-product-option-format{
  display:flex;
  flex-direction:row
}
.dgs-product-option-format[reverse]{
  flex-direction:row-reverse;
  justify-content:flex-end
}
.dgs-product-option-format>li>label{
  display:flex;
  transition:0s;
  cursor:pointer;
  z-index:10
}
.dgs-product-option-format>li>input{
  display:none
}
.dgs-product-option-format[data-width=wrap][data-format=product]{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(100px,1fr));
  width:100%;
  grid-gap:10px
}
.dgs-product-option-format[data-width=wrap][data-format=product] li{
  /*aspect-ratio:1/1*/
  padding-bottom:calc(100% / 2.2);
}
.dgs-product-option-format[data-width=wrap][data-format=textflex]{
  display:flex;
  width:100%;
  flex-wrap:wrap;
}
.dgs-product-option-format[data-width=wrap][data-format=textflex] > li{
  margin:0 10px 10px 0;
}
.dgs-product-option-format[data-width=full]{
  width:100%;
  justify-content:space-between
}
.dgs-product-option-format[data-width=stretch]{
  width:100%
}
.dgs-product-option-format[data-width=stretch]>li{
  width:100%!important
}
.dgs-product-option-format[data-width=stretch]>li>label{
  width:100%!important
}
.dgs-product-option-format>li>label{
  border:1px #f0f0f0 solid;
  box-shadow:inset 0 0 0 2px #fdfdfd;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:1em;
  line-height:1em
}
.dgs-product-option-format>li[data-format=product]>label{
  overflow:hidden;
  position:absolute;
  inset:0;
  width:100%;
  height:100%
}
.dgs-product-option-format>li[data-format=product]>label > bg{
  position:absolute;z-index:2;
  inset:0;
  width:100%;
  height:100%
}
.dgs-product-option-format>li[data-format=product]>label bg[bg-type='splash'] {
  transform-origin: left;
  transform: translate(-25%, 25%) scale(1.2) rotate(-8deg);
  transition: 0.35s;
  opacity: 0.8;
}

.dgs-product-option-format>li[data-format=product]>label>span{
  z-index:4;
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  padding:6px 6px;
  text-align:left;
  font-weight: 500;
  font-size:0.6em;
  word-break: keep-all;
  /*max-width: 14ch;*/
  letter-spacing: 0.04em;
  line-height:1.2em;
  color: #FFF;
  text-shadow: 0 0 4px rgb(0 0 0 / 60%), 0 0 8px rgb(0 0 0 / 30%), 0 0 16px rgb(0 0 0 / 15%);
}
.dgs-product-option-format>li[data-format=textflex]>label{
  width:max-content;
  min-width:44px;
  padding:13px 15px
}
@supports not (aspect-ratio:1/1){
  .dgs-product-option-format[data-width=wrap][data-format=product] li:after{
    content:'';
    width:100%;
    padding-bottom:100%;
    position:relative;
    display:block
  }
  .dgs-product-option-format>li[data-format=product]>label{
    position:absolute;
    inset:0
  }
}
.dgs-product-option-format>li>label>img{
  position:absolute;z-index:3;
  top: 4px;
  right: 7px;
  width: 12%;
  filter: drop-shadow(0 0 1px rgba(0,0,0,0.6));
}
.dgs-product-option-format>li[data-format=product]>input:checked+label bg[bg-type='splash']{
  transform:translateX(-35%) scale(1.65);opacity:1;
}
.dgs-product-option-format>li>input:checked+label{
  border:2px #0297b7 solid!important
}
.dgs-product-option-format>li>input[soldout]:checked+label{
  border:2px #e32c2b solid!important
}
.dgs-product-option-format[data-width=stretch]>li>label{
  margin:0;
  width:100%
}
.dgs-product-option-format[data-width=stretch]>li:not(:first-child)>label{
  border-top-left-radius:0;
  border-bottom-left-radius:0
}
.dgs-product-option-format[data-width=stretch]>li:not(:last-child)>label{
  border-right:0;
  border-top-right-radius:0;
  border-bottom-right-radius:0
}
.dgs-product-option-format:not([data-width=stretch])>li[data-size=flex]>label{
  width:max-content;
  min-width:44px;
  padding:0 15px
}
.dgs-product-options[data-type=block] .dgs-product-option-format>li>label{
  margin:3px;
  width:33px;
  height:33px;
  font-size:.8em;
  line-height:1em
}
.dgs-product-options[data-type=block] .dgs-product-option-format[data-width=stretch]>li>label{
  margin:0;
  width:100%
}
.dgs-product-option-format>li>input[soldout]+label{
  opacity:1;
  overflow:hidden
}
.dgs-product-option-format>li>input[soldout]+label::before{
  z-index:3;
  content:'';
  position:absolute;
  top:2px;
  right:2px;
  bottom:2px;
  left:2px;
  background:rgba(253,253,253,.75)
}
.dgs-product-option-format>li>input[soldout]+label::after{
  z-index:4;
  content:'';
  position:absolute;
  top:50%;
  left:-12%;
  width:124%;
  height:1px;
  background:rgba(221,221,221,.6);
  transform:rotate(-25deg)
}
.dgs-product-option[splitter][option-split='1'] .dgs-product-option-format>li[data-vegan='0']{
  display:none!important
}

@media only screen and (max-width:567px){
  .dgs-product-option-label>*{
    line-height:1em
  }
  .dgs-product-option:not([splitter]) .dgs-product-option-header{
    justify-content:center
  }
  .dgs-product-option-label{
    justify-content:center;
    align-items:flex-start
  }
  .dgs-product-option:not([splitter]) .dgs-product-option-label{
    justify-content:space-between
  }
  .dgs-product-option[splitter] .dgs-product-option-label span{
    text-align:left!important;
    font-size: 0.9rem;
    margin-top: 10px !important;
  }
  .dgs-product-option-format[reverse]{
    justify-content:center
  }
  .dgs-product-option[data-option='Größe']{
    flex-direction:column;
  }
  .dgs-product-option[data-option='Größe'] .dgs-product-option-header{
    word-break: keep-all;
    margin:10px 0 15px 0;
  }
  .dgs-product-option[data-option='Größe'] .dgs-product-option-format{
    justify-content:space-between;
    width:calc(100% + 10px);
    margin-left:-10px;
    flex-wrap:nowrap;
  }
  .dgs-product-option[data-option='Größe'] .dgs-product-option-format li{
    margin:0 0 10px 10px;
    width:100%;
  }
  .dgs-product-option[data-option='Größe'] .dgs-product-option-format li label{
    word-break: keep-all;
    padding-left:0;
    padding-right:0;
    width:100%;
  }
}
@media only screen and (min-width:768px){
  .dgs-product-option-header{
    margin:5px 0 20px 0
  }
  .dgs-product-option:not([splitter]) .dgs-product-option-label{
    justify-content:flex-start
  }
  .dgs-product-option:not([splitter]) .dgs-product-option-label span{
    margin-left:.5rem!important
  }
  .dgs-product-option-header>button>span[mobil]{
    display:none
  }
  .dgs-product-option-header>button>span[desktop]{
    display:inline
  }
  .dgs-product-options>span[preselect]{
    font-size:1em;
    margin-top:8px
  }
  .dgs-product-option-format>li[data-format=product]>label>span{
    font-size:0.8rem;
  }
  .dgs-product-option-format[data-width=wrap][data-format=product]{
    grid-template-columns:repeat(auto-fill,minmax(125px,1fr));
    width:100%;
    grid-gap:15px
  }
}
.dgs-product-smartselect select[option-split='1'] option:not([data-vegan='1']){
  display:none!important
}
.dgs-product-buttons{
  width:100%;
  display:flex;
  justify-content:center;
  text-transform:uppercase;
  /*box-shadow:0 20px 15px -15px rgba(0,0,0,.1);*/
  transition:all .35s ease-in-out;
  border-radius:6px
}
@media only screen and (min-width:768px){
  .dgs-product-buttons{
    max-width:375px;
    /*box-shadow:0 25px 20px -15px rgba(0,0,0,.1)*/
  }
}
.dgs-product-buttons .dgs-product-button{
  display:none;
}
.dgs-product-buttons[class*='overwrite'] .dgs-product-button:not([ignore]){
  border-color:#e4e4e4!important;
  color:#787878
}
.dgs-product-buttons .dgs-product-button>svg{
  display:block;
  width:23px;
  height:23px
}
.dgs-product-buttons .dgs-product-button>span[text-s]{
  display:inline-block
}
.dgs-product-buttons .dgs-product-button>span[text-m]{
  display:none
}
.dgs-product-buttons .dgs-product-button>span[text-c]{
  color:#0297b7;
  letter-spacing:0;
  font-weight:500;
  font-size:.9rem
}
.dgs-product-buttons[data-button=details][data-soon='0'][data-soldout='1'] .soldout{
  display:flex;
  cursor:not-allowed!important
}
.dgs-product-buttons[data-button=details][data-soldout='0'] .available-details{
  display:flex
}
.dgs-product-buttons[data-button=cart][data-soon='0'][data-soldout='1'] .soldout{
  display:flex;
  cursor:not-allowed!important
}
.dgs-product-buttons[data-button=cart][data-soon='0'][data-soldout='0'] .available-cart{
  display:flex
}
.dgs-product-buttons[data-button=cart][data-soon='0'][data-soldout='0'] .available-cart{
  display:flex
}
.dgs-product-buttons[data-button=cart][data-soon='1'][data-soldout='0'] .available-details{
  display:flex
}
.dgs-product-buttons[data-button=cart][data-soon='1'][data-soldout='1'] .available-details{
  display:flex
}
.dgs-product-buttons[data-button=both][data-soon='0'][data-soldout='1'] .soldout{
  display:flex;
  cursor:not-allowed!important
}
.dgs-product-buttons[data-button=both][data-soon='0'][data-soldout='0'][data-nocart='0'] .available-cart-micro{
  display:flex;
  border-left-style:dotted;
  flex-shrink:0;
  width:min-content;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  color:#0297b7
}
.dgs-product-buttons[data-button=both][data-soon='0'][data-soldout='0'][data-nocart='0'] .available-details{
  display:flex;
  border-right:0;
  border-top-right-radius:0;
  border-bottom-right-radius:0
}
.dgs-product-buttons[data-button=both][data-soon='1'][data-soldout='0'] .available-details{
  display:flex
}
.dgs-product-buttons[data-button=both][data-soon='1'][data-soldout='1'] .available-details{
  display:flex
}
.dgs-product-buttons[data-button=both][data-soldout='0'][data-nocart='1'] .available-details{
  display:flex
}
.dgs-product-buttons[data-button=single][data-soldout='0'] .available-cart{
  display:flex
}
.dgs-product-buttons[data-button=single][data-soldout='1'] .available-cart{
  display:none
}
.dgs-product-buttons[data-button=single][data-soldout='1'] .soldout{
  display:flex;
  cursor:not-allowed!important
}
.dgs-product-buttons .dgs-product-button[disabled]{
  border:1px #333 dashed;
  color:#333
}
@media (hover:hover) and (pointer:fine){
  .dgs-product-buttons:not(.nohover):not([data-soldout='1']):hover{
    /*box-shadow:0 0 0 transparent;*/
    /*transform:scale(.98);*/
  }
  .dgs-product-button:not(.soldout):hover{
    border-color:#0297b7!important
  }
  .dgs-product-option-format>li:hover>input:not(:checked)+label{
    border-width:1px;
    border-color:rgba(2,151,183,.3)
  }
  .dgs-product-option-format>li:hover>input[soldout]:not(:checked)+label{
    border-width:1px;
    border-color:rgba(227,44,43,.3)
  }
  .dgs-product-option-format>li:hover>input[soldout]+label::before{
    background:rgba(253,253,253,.25);
    transition:.5s
  }
}
@media only screen and (min-width:768px){
  .dgs-block-product_soon>div{
    margin:5px;
    padding:4px 12px;
    font-size:.75em
  }
  .dgs-block-product_badge-soon>span{
    padding:8px!important;
    color:#fff!important;
    font-size:1.4em!important
  }
  .dgs-block-product_badges>div{
    margin:5px;
    padding:6px 12px;
    font-size:.85em
  }
}
@media only screen and (min-width:1220px){
  .dgs-product-buttons .dgs-product-button>span[text-s]{
    display:none
  }
  .dgs-product-buttons .dgs-product-button>span[text-m]{
    display:inline-block
  }
}
.dgs-page{
  width:100%
}
[dgs-hidden]{
  display:none
}
[dgs-hidden-important]{
  display:none!important
}
[dgs-page-tb]{
  margin-top:16px;
  margin-bottom:16px
}
@media only screen and (min-width:568px){
  [dgs-page-tb]{
    margin-top:16px;
    margin-bottom:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-page-tb]{
    margin-top:24px;
    margin-bottom:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-page-tb]{
    margin-top:24px;
    margin-bottom:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-page-tb]{
    margin-top:32px;
    margin-bottom:32px
  }
}
@media only screen and (min-width:1420px){
  [dgs-page-tb]{
    margin-top:48px;
    margin-bottom:48px
  }
}
@media only screen and (min-width:1720px){
  [dgs-page-tb]{
    margin-top:48px;
    margin-bottom:48px
  }
}
[dgs-page-t]{
  margin-top:16px
}
@media only screen and (min-width:568px){
  [dgs-page-t]{
    margin-top:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-page-t]{
    margin-top:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-page-t]{
    margin-top:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-page-t]{
    margin-top:32px
  }
}
@media only screen and (min-width:1420px){
  [dgs-page-t]{
    margin-top:48px
  }
}
@media only screen and (min-width:1720px){
  [dgs-page-t]{
    margin-top:48px
  }
}
[dgs-page-b]{
  margin-bottom:16px
}
@media only screen and (min-width:568px){
  [dgs-page-b]{
    margin-bottom:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-page-b]{
    margin-bottom:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-page-b]{
    margin-bottom:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-page-b]{
    margin-bottom:32px
  }
}
@media only screen and (min-width:1420px){
  [dgs-page-b]{
    margin-bottom:48px
  }
}
@media only screen and (min-width:1720px){
  [dgs-page-b]{
    margin-bottom:48px
  }
}
[dgs-page-lr]{
  margin-left:16px;
  margin-right:16px
}
@media only screen and (min-width:568px){
  [dgs-page-lr]{
    margin-left:16px;
    margin-right:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-page-lr]{
    margin-left:24px;
    margin-right:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-page-lr]{
    margin-left:24px;
    margin-right:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-page-lr]{
    margin-left:32px;
    margin-right:32px
  }
}
@media only screen and (min-width:1420px){
  [dgs-page-lr]{
    margin-left:48px;
    margin-right:48px
  }
}
@media only screen and (min-width:1720px){
  [dgs-page-lr]{
    margin-left:48px;
    margin-right:48px
  }
}
[dgs-page-l]{
  margin-left:16px
}
@media only screen and (min-width:568px){
  [dgs-page-l]{
    margin-left:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-page-l]{
    margin-left:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-page-l]{
    margin-left:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-page-l]{
    margin-left:32px
  }
}
@media only screen and (min-width:1420px){
  [dgs-page-l]{
    margin-left:48px
  }
}
@media only screen and (min-width:1720px){
  [dgs-page-l]{
    margin-left:48px
  }
}
[dgs-page-r]{
  margin-right:16px
}
@media only screen and (min-width:568px){
  [dgs-page-r]{
    margin-right:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-page-r]{
    margin-right:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-page-r]{
    margin-right:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-page-r]{
    margin-right:32px
  }
}
@media only screen and (min-width:1420px){
  [dgs-page-r]{
    margin-right:48px
  }
}
@media only screen and (min-width:1720px){
  [dgs-page-r]{
    margin-right:48px
  }
}
.dgs-dummy{
  width:100%;
  height:500px;
  margin-bottom:15px;
  background:#0dd
}

[dgs-spacer-top]{
  padding-top:16px
}
@media only screen and (min-width:568px){
  [dgs-spacer-top]{
    padding-top:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-spacer-top]{
    padding-top:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-spacer-top]{
    padding-top:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-spacer-top]{
    padding-top:32px
  }
}
@media only screen and (min-width:1420px){
  [dgs-spacer-top]{
    padding-top:48px
  }
}
@media only screen and (min-width:1720px){
  [dgs-spacer-top]{
    padding-top:48px
  }
}
[dgs-spacer-bottom]{
  padding-bottom:16px
}
@media only screen and (min-width:568px){
  [dgs-spacer-bottom]{
    padding-bottom:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-spacer-bottom]{
    padding-bottom:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-spacer-bottom]{
    padding-bottom:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-spacer-bottom]{
    padding-bottom:32px
  }
}
@media only screen and (min-width:1420px){
  [dgs-spacer-bottom]{
    padding-bottom:48px
  }
}
@media only screen and (min-width:1720px){
  [dgs-spacer-bottom]{
    padding-bottom:48px
  }
}
[dgs-spacer-tb]{
  padding-top:16px;
  padding-bottom:16px
}
@media only screen and (min-width:568px){
  [dgs-spacer-tb]{
    padding-top:16px;
    padding-bottom:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-spacer-tb]{
    padding-top:24px;
    padding-bottom:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-spacer-tb]{
    padding-top:24px;
    padding-bottom:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-spacer-tb]{
    padding-top:32px;
    padding-bottom:32px
  }
}
@media only screen and (min-width:1420px){
  [dgs-spacer-tb]{
    padding-top:48px;
    padding-bottom:48px
  }
}
@media only screen and (min-width:1720px){
  [dgs-spacer-tb]{
    padding-top:48px;
    padding-bottom:48px
  }
}
[dgs-spacer-lr],[dgs-spacer-sides]{
  padding-left:16px;
  padding-right:16px
}
@media only screen and (min-width:568px){
  [dgs-spacer-lr],[dgs-spacer-sides]{
    padding-left:16px;
    padding-right:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-spacer-lr],[dgs-spacer-sides]{
    padding-left:24px;
    padding-right:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-spacer-lr],[dgs-spacer-sides]{
    padding-left:24px;
    padding-right:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-spacer-lr],[dgs-spacer-sides]{
    padding-left:32px;
    padding-right:32px
  }
}
@media only screen and (min-width:1420px){
  [dgs-spacer-lr],[dgs-spacer-sides]{
    padding-left:48px;
    padding-right:48px
  }
}
@media only screen and (min-width:1720px){
  [dgs-spacer-lr],[dgs-spacer-sides]{
    padding-left:48px;
    padding-right:48px
  }
}
[dgs-spacer]{
  padding:16px
}
@media only screen and (min-width:568px){
  [dgs-spacer]{
    padding:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-spacer]{
    padding:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-spacer]{
    padding:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-spacer]{
    padding:32px
  }
}
@media only screen and (min-width:1420px){
  [dgs-spacer]{
    padding:48px
  }
}
@media only screen and (min-width:1720px){
  [dgs-spacer]{
    padding:48px
  }
}
[dgs-spacer-in]{
  padding:16px
}
@media only screen and (min-width:568px){
  [dgs-spacer-in]{
    padding:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-spacer-in]{
    padding:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-spacer-in]{
    padding:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-spacer-in]{
    padding:24px
  }
}
@media only screen and (min-width:1420px){
  [dgs-spacer-in]{
    padding:24px
  }
}
@media only screen and (min-width:1720px){
  [dgs-spacer-in]{
    padding:32px
  }
}
[dgs-spacer-tb-in]{
  padding-top:16px;
  padding-bottom:16px
}
@media only screen and (min-width:568px){
  [dgs-spacer-tb-in]{
    padding-top:16px;
    padding-bottom:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-spacer-tb-in]{
    padding-top:24px;
    padding-bottom:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-spacer-tb-in]{
    padding-top:24px;
    padding-bottom:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-spacer-tb-in]{
    padding-top:24px;
    padding-bottom:24px
  }
}
@media only screen and (min-width:1420px){
  [dgs-spacer-tb-in]{
    padding-top:24px;
    padding-bottom:24px
  }
}
@media only screen and (min-width:1720px){
  [dgs-spacer-tb-in]{
    padding-top:32px;
    padding-bottom:32px
  }
}
[dgs-spacer-lr-in]{
  padding-left:16px;
  padding-right:16px
}
@media only screen and (min-width:568px){
  [dgs-spacer-lr-in]{
    padding-left:16px;
    padding-right:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-spacer-lr-in]{
    padding-left:24px;
    padding-right:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-spacer-lr-in]{
    padding-left:24px;
    padding-right:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-spacer-lr-in]{
    padding-left:24px;
    padding-right:24px
  }
}
@media only screen and (min-width:1420px){
  [dgs-spacer-lr-in]{
    padding-left:24px;
    padding-right:24px
  }
}
@media only screen and (min-width:1720px){
  [dgs-spacer-lr-in]{
    padding-left:32px;
    padding-right:32px
  }
}
[dgs-spacer-t-in]{
  padding-top:16px
}
@media only screen and (min-width:568px){
  [dgs-spacer-t-in]{
    padding-top:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-spacer-t-in]{
    padding-top:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-spacer-t-in]{
    padding-top:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-spacer-t-in]{
    padding-top:24px
  }
}
@media only screen and (min-width:1420px){
  [dgs-spacer-t-in]{
    padding-top:24px
  }
}
@media only screen and (min-width:1720px){
  [dgs-spacer-t-in]{
    padding-top:32px
  }
}
[dgs-spacer-b-in]{
  padding-bottom:16px
}
@media only screen and (min-width:568px){
  [dgs-spacer-b-in]{
    padding-bottom:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-spacer-b-in]{
    padding-bottom:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-spacer-b-in]{
    padding-bottom:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-spacer-b-in]{
    padding-bottom:24px
  }
}
@media only screen and (min-width:1420px){
  [dgs-spacer-b-in]{
    padding-bottom:24px
  }
}
@media only screen and (min-width:1720px){
  [dgs-spacer-b-in]{
    padding-bottom:32px
  }
}
[dgs-spacer-l-in]{
  padding-left:16px
}
@media only screen and (min-width:568px){
  [dgs-spacer-l-in]{
    padding-left:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-spacer-l-in]{
    padding-left:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-spacer-l-in]{
    padding-left:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-spacer-l-in]{
    padding-left:24px
  }
}
@media only screen and (min-width:1420px){
  [dgs-spacer-l-in]{
    padding-left:24px
  }
}
@media only screen and (min-width:1720px){
  [dgs-spacer-l-in]{
    padding-left:32px
  }
}
[dgs-spacer-r-in]{
  padding-right:16px
}
@media only screen and (min-width:568px){
  [dgs-spacer-r-in]{
    padding-right:16px
  }
}
@media only screen and (min-width:768px){
  [dgs-spacer-r-in]{
    padding-right:24px
  }
}
@media only screen and (min-width:1024px){
  [dgs-spacer-r-in]{
    padding-right:24px
  }
}
@media only screen and (min-width:1220px){
  [dgs-spacer-r-in]{
    padding-right:24px
  }
}
@media only screen and (min-width:1420px){
  [dgs-spacer-r-in]{
    padding-right:24px
  }
}
@media only screen and (min-width:1720px){
  [dgs-spacer-r-in]{
    padding-right:32px
  }
}
[dgs-move-negativ-t]{
  transform:translateY(-16px)
}
@media only screen and (min-width:568px){
  [dgs-move-negativ-t]{
    transform:translateY(-16px)
  }
}
@media only screen and (min-width:768px){
  [dgs-move-negativ-t]{
    transform:translateY(-24px)
  }
}
@media only screen and (min-width:1024px){
  [dgs-move-negativ-t]{
    transform:translateY(-24px)
  }
}
@media only screen and (min-width:1220px){
  [dgs-move-negativ-t]{
    transform:translateY(-24px)
  }
}
@media only screen and (min-width:1420px){
  [dgs-move-negativ-t]{
    transform:translateY(-24px)
  }
}
@media only screen and (min-width:1720px){
  [dgs-move-negativ-t]{
    transform:translateY(-24px)
  }
}

[dgs-move-negativ-b]{
  transform:translateY(16px)
}
@media only screen and (min-width:568px){
  [dgs-move-negativ-b]{
    transform:translateY(16px)
  }
}
@media only screen and (min-width:768px){
  [dgs-move-negativ-b]{
    transform:translateY(24px)
  }
}
@media only screen and (min-width:1024px){
  [dgs-move-negativ-b]{
    transform:translateY(24px)
  }
}
@media only screen and (min-width:1220px){
  [dgs-move-negativ-b]{
    transform:translateY(24px)
  }
}
@media only screen and (min-width:1420px){
  [dgs-move-negativ-b]{
    transform:translateY(24px)
  }
}
@media only screen and (min-width:1720px){
  [dgs-move-negativ-b]{
    transform:translateY(24px)
  }
}

[dgs-move-negativ-l]{
  transform:translateX(-16px)
}
@media only screen and (min-width:568px){
  [dgs-move-negativ-l]{
    transform:translateX(-16px)
  }
}
@media only screen and (min-width:768px){
  [dgs-move-negativ-l]{
    transform:translateX(-24px)
  }
}
@media only screen and (min-width:1024px){
  [dgs-move-negativ-l]{
    transform:translateX(-24px)
  }
}
@media only screen and (min-width:1220px){
  [dgs-move-negativ-l]{
    transform:translateX(-24px)
  }
}
@media only screen and (min-width:1420px){
  [dgs-move-negativ-l]{
    transform:translateX(-24px)
  }
}
@media only screen and (min-width:1720px){
  [dgs-move-negativ-l]{
    transform:translateX(-32px)
  }
}

[dgs-move-negativ-r]{
  transform:translateX(16px)
}
@media only screen and (min-width:568px){
  [dgs-move-negativ-r]{
    transform:translateX(16px)
  }
}
@media only screen and (min-width:768px){
  [dgs-move-negativ-r]{
    transform:translateX(24px)
  }
}
@media only screen and (min-width:1024px){
  [dgs-move-negativ-r]{
    transform:translateX(24px)
  }
}
@media only screen and (min-width:1220px){
  [dgs-move-negativ-r]{
    transform:translateX(24px)
  }
}
@media only screen and (min-width:1420px){
  [dgs-move-negativ-r]{
    transform:translateX(24px)
  }
}
@media only screen and (min-width:1720px){
  [dgs-move-negativ-r]{
    transform:translateX(32px)
  }
}

[dgs-move-negativ-bl]{
  transform:translate(-16px, 16px)
}
@media only screen and (min-width:568px){
  [dgs-move-negativ-bl]{
    transform:translate(-16px, 16px)
  }
}
@media only screen and (min-width:768px){
  [dgs-move-negativ-bl]{
    transform:translate(-24px, 24px)
  }
}
@media only screen and (min-width:1024px){
  [dgs-move-negativ-bl]{
    transform:translate(-24px, 24px)
  }
}
@media only screen and (min-width:1220px){
  [dgs-move-negativ-bl]{
    transform:translate(-24px, 24px)
  }
}
@media only screen and (min-width:1420px){
  [dgs-move-negativ-bl]{
    transform:translate(-24px, 24px)
  }
}
@media only screen and (min-width:1720px){
  [dgs-move-negativ-bl]{
    transform:translate(-32px, 32px)
  }
}

[dgs-width-double-in]{
  width:calc(100% + (2 * 16px))
}
@media only screen and (min-width:568px){
  [dgs-width-double-in]{
    width:calc(100% + (2 * 16px))
  }
}
@media only screen and (min-width:768px){
  [dgs-width-double-in]{
    width:calc(100% + (2 * 24px))
  }
}
@media only screen and (min-width:1024px){
  [dgs-width-double-in]{
    width:calc(100% + (2 * 24px))
  }
}
@media only screen and (min-width:1220px){
  [dgs-width-double-in]{
    width:calc(100% + (2 * 24px))
  }
}
@media only screen and (min-width:1420px){
  [dgs-width-double-in]{
    width:calc(100% + (2 * 24px))
  }
}
@media only screen and (min-width:1720px){
  [dgs-width-double-in]{
    width:calc(100% + (2 * 32px))
  }
}
[nowrap]{
  white-space:nowrap
}
.dgs-block-empty{
  width:100%;
  min-height:100px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:15px;
  font-weight:300;
  padding:25px;
  opacity:.5;
  animation:emptybars .75s linear infinite;
  background-size:25px 25px;
  background-image:linear-gradient(45deg,#eee 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#eee 50%,#eee 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0))
}
@-webkit-keyframes emptybars{
  from{
    background-position:0 0
  }
  to{
    background-position:50px 25px
  }
}
@keyframes emptybars{
  from{
    background-position:0 0
  }
  to{
    background-position:50px 25px
  }
}
.dgs-grid{
  display:grid!important;
  width:100%;
  grid-template-columns:repeat(12,1fr)
}
.dgs-wrap{
  width:100%
}
[dgs-xs-text-left]{text-align:left;}
[dgs-xs-text-center]{text-align:center;}
[dgs-xs-text-right]{text-align:right;}
[dgs-flex-column]{
  height:100%;
  flex-direction:column;
}
[dgs-margin-out]{
  margin:16px
}
[dgs-margin-out-t]{
  margin-top:16px
}
[dgs-margin-out-r]{
  margin-right:16px
}
[dgs-margin-out-b]{
  margin-bottom:16px
}
[dgs-margin-out-l]{
  margin-left:16px
}
[dgs-margin-in]{
  margin:16px
}
[dgs-margin-in-t]{
  margin-top:16px
}
[dgs-margin-in-r]{
  margin-right:16px
}
[dgs-margin-in-b]{
  margin-bottom:16px
}
[dgs-margin-in-l]{
  margin-left:16px
}
[dgs-margin-mix]{
  margin:16px
}
[dgs-margin-mix-t]{
  margin-top:16px
}
[dgs-margin-mix-r]{
  margin-right:16px
}
[dgs-margin-mix-b]{
  margin-bottom:16px
}
[dgs-margin-mix-l]{
  margin-left:16px
}
[dgs-padding-out]{
  padding:16px
}
[dgs-padding-out-t]{
  padding-top:16px
}
[dgs-padding-out-r]{
  padding-right:16px
}
[dgs-padding-out-b]{
  padding-bottom:16px
}
[dgs-padding-out-l]{
  padding-left:16px
}
[dgs-padding-in]{
  padding:16px
}
[dgs-padding-in-t]{
  padding-top:16px
}
[dgs-padding-in-r]{
  padding-right:16px
}
[dgs-padding-in-b]{
  padding-bottom:16px
}
[dgs-padding-in-l]{
  padding-left:16px
}
[dgs-padding-mix]{
  padding:16px
}
[dgs-padding-mix-t]{
  padding-top:16px
}
[dgs-padding-mix-r]{
  padding-right:16px
}
[dgs-padding-mix-b]{
  padding-bottom:16px
}
[dgs-padding-mix-l]{
  padding-left:16px
}
[fullwidth]{
  margin-left:-16px!important;
  margin-right:-16px!important;
  width:calc(100% + (16px * 2))!important
}
[dgs-column-gap]{
  column-gap:32px
}
.dgs-wrap.dgs-xs-0{
  display:none
}
.dgs-wrap.dgs-xs-1{
  display:flex;
  grid-column:auto/span 1
}
.dgs-wrap.dgs-xs-2{
  display:flex;
  grid-column:auto/span 2
}
.dgs-wrap.dgs-xs-3{
  display:flex;
  grid-column:auto/span 3
}
.dgs-wrap.dgs-xs-4{
  display:flex;
  grid-column:auto/span 4
}
.dgs-wrap.dgs-xs-5{
  display:flex;
  grid-column:auto/span 5
}
.dgs-wrap.dgs-xs-6{
  display:flex;
  grid-column:auto/span 6
}
.dgs-wrap.dgs-xs-7{
  display:flex;
  grid-column:auto/span 7
}
.dgs-wrap.dgs-xs-8{
  display:flex;
  grid-column:auto/span 8
}
.dgs-wrap.dgs-xs-9{
  display:flex;
  grid-column:auto/span 9
}
.dgs-wrap.dgs-xs-10{
  display:flex;
  grid-column:auto/span 10
}
.dgs-wrap.dgs-xs-11{
  display:flex;
  grid-column:auto/span 11
}
.dgs-wrap.dgs-xs-12{
  display:flex;
  grid-column:auto/span 12
}
.dgs-grid.dgs-grid-xs-10{
  grid-template-columns:repeat(10,1fr);
}
.dgs-grid.dgs-grid-xs-12{
  grid-template-columns:repeat(12,1fr);
}
[dgs-xs-display-none]{
  display:none!important
}
[dgs-xs-display-block]{
  display:block!important
}
[dgs-xs-display-inline]{
  display:inline!important
}
[dgs-xs-display-flex]{
  display:flex!important
}
.column-gap{
  column-gap:clamp(16px,5vw,16px)!important
}
.column-gap2{
  column-gap:clamp(16px,5vw,16px)!important
}
.row-gap{
  row-gap:16px!important
}
.row-gap2{
  row-gap:16px!important
}
.gap{
  column-gap:clamp(16px,5vw,16px);
  row-gap:16px
}
.gap1{
  column-gap:clamp(16px,5vw,16px);
  row-gap:32px
}
.gap2{
  column-gap:clamp(16px,5vw,16px);
  row-gap:32px
}
@media only screen and (min-width:568px){
  [dgs-margin-out]{
    margin:16px
  }
  [dgs-margin-out-t]{
    margin-top:16px
  }
  [dgs-margin-out-r]{
    margin-right:16px
  }
  [dgs-margin-out-b]{
    margin-bottom:16px
  }
  [dgs-margin-out-l]{
    margin-left:16px
  }
  [dgs-margin-in]{
    margin:16px
  }
  [dgs-margin-in-t]{
    margin-top:16px
  }
  [dgs-margin-in-r]{
    margin-right:16px
  }
  [dgs-margin-in-b]{
    margin-bottom:16px
  }
  [dgs-margin-in-l]{
    margin-left:16px
  }
  [dgs-margin-mix]{
    margin:16px
  }
  [dgs-margin-mix-t]{
    margin-top:16px
  }
  [dgs-margin-mix-r]{
    margin-right:16px
  }
  [dgs-margin-mix-b]{
    margin-bottom:16px
  }
  [dgs-margin-mix-l]{
    margin-left:16px
  }
  [dgs-padding-out]{
    padding:16px
  }
  [dgs-padding-out-t]{
    padding-top:16px
  }
  [dgs-padding-out-r]{
    padding-right:16px
  }
  [dgs-padding-out-b]{
    padding-bottom:16px
  }
  [dgs-padding-out-l]{
    padding-left:16px
  }
  [dgs-padding-in]{
    padding:16px
  }
  [dgs-padding-in-t]{
    padding-top:16px
  }
  [dgs-padding-in-r]{
    padding-right:16px
  }
  [dgs-padding-in-b]{
    padding-bottom:16px
  }
  [dgs-padding-in-l]{
    padding-left:16px
  }
  [dgs-padding-mix]{
    padding:16px
  }
  [dgs-padding-mix-t]{
    padding-top:16px
  }
  [dgs-padding-mix-r]{
    padding-right:16px
  }
  [dgs-padding-mix-b]{
    padding-bottom:16px
  }
  [dgs-padding-mix-l]{
    padding-left:16px
  }
  [fullwidth]{
    margin-left:-16px!important;
    margin-right:-16px!important;
    width:calc(100% + (16px * 2))!important
  }
  [dgs-column-gap]{
    column-gap:32px
  }
  .dgs-wrap.dgs-s-0{
    display:none
  }
  .dgs-wrap.dgs-s-1{
    display:flex;
    grid-column:auto/span 1
  }
  .dgs-wrap.dgs-s-2{
    display:flex;
    grid-column:auto/span 2
  }
  .dgs-wrap.dgs-s-3{
    display:flex;
    grid-column:auto/span 3
  }
  .dgs-wrap.dgs-s-4{
    display:flex;
    grid-column:auto/span 4
  }
  .dgs-wrap.dgs-s-5{
    display:flex;
    grid-column:auto/span 5
  }
  .dgs-wrap.dgs-s-6{
    display:flex;
    grid-column:auto/span 6
  }
  .dgs-wrap.dgs-s-7{
    display:flex;
    grid-column:auto/span 7
  }
  .dgs-wrap.dgs-s-8{
    display:flex;
    grid-column:auto/span 8
  }
  .dgs-wrap.dgs-s-9{
    display:flex;
    grid-column:auto/span 9
  }
  .dgs-wrap.dgs-s-10{
    display:flex;
    grid-column:auto/span 10
  }
  .dgs-wrap.dgs-s-11{
    display:flex;
    grid-column:auto/span 11
  }
  .dgs-wrap.dgs-s-12{
    display:flex;
    grid-column:auto/span 12
  }
  .dgs-grid.dgs-grid-s-10{
    grid-template-columns:repeat(10,1fr);
  }
  .dgs-grid.dgs-grid-s-12{
    grid-template-columns:repeat(12,1fr);
  }
  [dgs-s-display-none]{
    display:none!important
  }
  [dgs-s-display-block]{
    display:block!important
  }
  [dgs-s-display-inline]{
    display:inline!important
  }
  [dgs-s-display-flex]{
    display:flex!important
  }
  .column-gap{
    column-gap:clamp(16px,5vw,16px)!important
  }
  .column-gap2{
    column-gap:clamp(16px,5vw,16px)!important
  }
  .row-gap{
    row-gap:16px!important
  }
  .row-gap2{
    row-gap:16px!important
  }
  .gap{
    column-gap:clamp(16px,5vw,16px);
    row-gap:16px
  }
  .gap1{
    column-gap:clamp(16px,5vw,16px);
    row-gap:32px
  }
  .gap2{
    column-gap:clamp(16px,5vw,16px);
    row-gap:32px
  }
}
@media only screen and (min-width:768px){
  [dgs-m-text-left]{text-align:left;}
  [dgs-m-text-center]{text-align:center;}
  [dgs-m-text-right]{text-align:right;}
  [dgs-margin-out]{
    margin:24px
  }
  [dgs-margin-out-t]{
    margin-top:24px
  }
  [dgs-margin-out-r]{
    margin-right:24px
  }
  [dgs-margin-out-b]{
    margin-bottom:24px
  }
  [dgs-margin-out-l]{
    margin-left:24px
  }
  [dgs-margin-in]{
    margin:24px
  }
  [dgs-margin-in-t]{
    margin-top:24px
  }
  [dgs-margin-in-r]{
    margin-right:24px
  }
  [dgs-margin-in-b]{
    margin-bottom:24px
  }
  [dgs-margin-in-l]{
    margin-left:24px
  }
  [dgs-margin-mix]{
    margin:24px
  }
  [dgs-margin-mix-t]{
    margin-top:24px
  }
  [dgs-margin-mix-r]{
    margin-right:24px
  }
  [dgs-margin-mix-b]{
    margin-bottom:24px
  }
  [dgs-margin-mix-l]{
    margin-left:24px
  }
  [dgs-padding-out]{
    padding:24px
  }
  [dgs-padding-out-t]{
    padding-top:24px
  }
  [dgs-padding-out-r]{
    padding-right:24px
  }
  [dgs-padding-out-b]{
    padding-bottom:24px
  }
  [dgs-padding-out-l]{
    padding-left:24px
  }
  [dgs-padding-in]{
    padding:24px
  }
  [dgs-padding-in-t]{
    padding-top:24px
  }
  [dgs-padding-in-r]{
    padding-right:24px
  }
  [dgs-padding-in-b]{
    padding-bottom:24px
  }
  [dgs-padding-in-l]{
    padding-left:24px
  }
  [dgs-padding-mix]{
    padding:24px
  }
  [dgs-padding-mix-t]{
    padding-top:24px
  }
  [dgs-padding-mix-r]{
    padding-right:24px
  }
  [dgs-padding-mix-b]{
    padding-bottom:24px
  }
  [dgs-padding-mix-l]{
    padding-left:24px
  }
  [fullwidth]{
    margin-left:-24px!important;
    margin-right:-24px!important;
    width:calc(100% + (24px * 2))!important
  }
  [dgs-column-gap]{
    column-gap:48px
  }
  .dgs-wrap.dgs-m-0{
    display:none
  }
  .dgs-wrap.dgs-m-1{
    display:flex;
    grid-column:auto/span 1
  }
  .dgs-wrap.dgs-m-2{
    display:flex;
    grid-column:auto/span 2
  }
  .dgs-wrap.dgs-m-3{
    display:flex;
    grid-column:auto/span 3
  }
  .dgs-wrap.dgs-m-4{
    display:flex;
    grid-column:auto/span 4
  }
  .dgs-wrap.dgs-m-5{
    display:flex;
    grid-column:auto/span 5
  }
  .dgs-wrap.dgs-m-6{
    display:flex;
    grid-column:auto/span 6
  }
  .dgs-wrap.dgs-m-7{
    display:flex;
    grid-column:auto/span 7
  }
  .dgs-wrap.dgs-m-8{
    display:flex;
    grid-column:auto/span 8
  }
  .dgs-wrap.dgs-m-9{
    display:flex;
    grid-column:auto/span 9
  }
  .dgs-wrap.dgs-m-10{
    display:flex;
    grid-column:auto/span 10
  }
  .dgs-wrap.dgs-m-11{
    display:flex;
    grid-column:auto/span 11
  }
  .dgs-wrap.dgs-m-12{
    display:flex;
    grid-column:auto/span 12
  }
  .dgs-grid.dgs-grid-m-10{
    grid-template-columns:repeat(10,1fr);
  }
  .dgs-grid.dgs-grid-m-12{
    grid-template-columns:repeat(12,1fr);
  }
  [dgs-m-display-none]{
    display:none!important
  }
  [dgs-m-display-block]{
    display:block!important
  }
  [dgs-m-display-inline]{
    display:inline!important
  }
  [dgs-m-display-flex]{
    display:flex!important
  }
  .column-gap{
    column-gap:clamp(16px,5vw,24px)!important
  }
  .column-gap2{
    column-gap:clamp(16px,5vw,24px)!important
  }
  .row-gap{
    row-gap:24px!important
  }
  .row-gap2{
    row-gap:24px!important
  }
  .gap{
    column-gap:clamp(16px,5vw,24px);
    row-gap:24px
  }
  .gap1{
    column-gap:clamp(16px,5vw,24px);
    row-gap:48px
  }
  .gap2{
    column-gap:clamp(16px,5vw,24px);
    row-gap:48px
  }
}
@media only screen and (min-width:1024px){
  [dgs-margin-out]{
    margin:24px
  }
  [dgs-margin-out-t]{
    margin-top:24px
  }
  [dgs-margin-out-r]{
    margin-right:24px
  }
  [dgs-margin-out-b]{
    margin-bottom:24px
  }
  [dgs-margin-out-l]{
    margin-left:24px
  }
  [dgs-margin-in]{
    margin:24px
  }
  [dgs-margin-in-t]{
    margin-top:24px
  }
  [dgs-margin-in-r]{
    margin-right:24px
  }
  [dgs-margin-in-b]{
    margin-bottom:24px
  }
  [dgs-margin-in-l]{
    margin-left:24px
  }
  [dgs-margin-mix]{
    margin:24px
  }
  [dgs-margin-mix-t]{
    margin-top:24px
  }
  [dgs-margin-mix-r]{
    margin-right:24px
  }
  [dgs-margin-mix-b]{
    margin-bottom:24px
  }
  [dgs-margin-mix-l]{
    margin-left:24px
  }
  [dgs-padding-out]{
    padding:24px
  }
  [dgs-padding-out-t]{
    padding-top:24px
  }
  [dgs-padding-out-r]{
    padding-right:24px
  }
  [dgs-padding-out-b]{
    padding-bottom:24px
  }
  [dgs-padding-out-l]{
    padding-left:24px
  }
  [dgs-padding-in]{
    padding:24px
  }
  [dgs-padding-in-t]{
    padding-top:24px
  }
  [dgs-padding-in-r]{
    padding-right:24px
  }
  [dgs-padding-in-b]{
    padding-bottom:24px
  }
  [dgs-padding-in-l]{
    padding-left:24px
  }
  [dgs-padding-mix]{
    padding:24px
  }
  [dgs-padding-mix-t]{
    padding-top:24px
  }
  [dgs-padding-mix-r]{
    padding-right:24px
  }
  [dgs-padding-mix-b]{
    padding-bottom:24px
  }
  [dgs-padding-mix-l]{
    padding-left:24px
  }
  [fullwidth]{
    margin-left:-24px!important;
    margin-right:-24px!important;
    width:calc(100% + (24px * 2))!important
  }
  [dgs-column-gap]{
    column-gap:48px
  }
  .dgs-wrap.dgs-l-0{
    display:none
  }
  .dgs-wrap.dgs-l-1{
    display:flex;
    grid-column:auto/span 1
  }
  .dgs-wrap.dgs-l-2{
    display:flex;
    grid-column:auto/span 2
  }
  .dgs-wrap.dgs-l-3{
    display:flex;
    grid-column:auto/span 3
  }
  .dgs-wrap.dgs-l-4{
    display:flex;
    grid-column:auto/span 4
  }
  .dgs-wrap.dgs-l-5{
    display:flex;
    grid-column:auto/span 5
  }
  .dgs-wrap.dgs-l-6{
    display:flex;
    grid-column:auto/span 6
  }
  .dgs-wrap.dgs-l-7{
    display:flex;
    grid-column:auto/span 7
  }
  .dgs-wrap.dgs-l-8{
    display:flex;
    grid-column:auto/span 8
  }
  .dgs-wrap.dgs-l-9{
    display:flex;
    grid-column:auto/span 9
  }
  .dgs-wrap.dgs-l-10{
    display:flex;
    grid-column:auto/span 10
  }
  .dgs-wrap.dgs-l-11{
    display:flex;
    grid-column:auto/span 11
  }
  .dgs-wrap.dgs-l-12{
    display:flex;
    grid-column:auto/span 12
  }
  .dgs-grid.dgs-grid-l-10{
    grid-template-columns:repeat(10,1fr);
  }
  .dgs-grid.dgs-grid-l-12{
    grid-template-columns:repeat(12,1fr);
  }
  [dgs-l-display-none]{
    display:none!important
  }
  [dgs-l-display-block]{
    display:block!important
  }
  [dgs-l-display-inline]{
    display:inline!important
  }
  [dgs-l-display-flex]{
    display:flex!important
  }
  .column-gap{
    column-gap:clamp(16px,5vw,24px)!important
  }
  .column-gap2{
    column-gap:clamp(16px,5vw,24px)!important
  }
  .row-gap{
    row-gap:24px!important
  }
  .row-gap2{
    row-gap:24px!important
  }
  .gap{
    column-gap:clamp(16px,5vw,24px);
    row-gap:24px
  }
  .gap1{
    column-gap:clamp(16px,5vw,24px);
    row-gap:48px
  }
  .gap2{
    column-gap:clamp(16px,5vw,24px);
    row-gap:48px
  }
}
@media only screen and (min-width:1220px){
  [dgs-margin-out]{
    margin:32px
  }
  [dgs-margin-out-t]{
    margin-top:32px
  }
  [dgs-margin-out-r]{
    margin-right:32px
  }
  [dgs-margin-out-b]{
    margin-bottom:32px
  }
  [dgs-margin-out-l]{
    margin-left:32px
  }
  [dgs-margin-in]{
    margin:24px
  }
  [dgs-margin-in-t]{
    margin-top:24px
  }
  [dgs-margin-in-r]{
    margin-right:24px
  }
  [dgs-margin-in-b]{
    margin-bottom:24px
  }
  [dgs-margin-in-l]{
    margin-left:24px
  }
  [dgs-margin-mix]{
    margin:28px
  }
  [dgs-margin-mix-t]{
    margin-top:28px
  }
  [dgs-margin-mix-r]{
    margin-right:28px
  }
  [dgs-margin-mix-b]{
    margin-bottom:28px
  }
  [dgs-margin-mix-l]{
    margin-left:28px
  }
  [dgs-padding-out]{
    padding:32px
  }
  [dgs-padding-out-t]{
    padding-top:32px
  }
  [dgs-padding-out-r]{
    padding-right:32px
  }
  [dgs-padding-out-b]{
    padding-bottom:32px
  }
  [dgs-padding-out-l]{
    padding-left:32px
  }
  [dgs-padding-in]{
    padding:24px
  }
  [dgs-padding-in-t]{
    padding-top:24px
  }
  [dgs-padding-in-r]{
    padding-right:24px
  }
  [dgs-padding-in-b]{
    padding-bottom:24px
  }
  [dgs-padding-in-l]{
    padding-left:24px
  }
  [dgs-padding-mix]{
    padding:28px
  }
  [dgs-padding-mix-t]{
    padding-top:28px
  }
  [dgs-padding-mix-r]{
    padding-right:28px
  }
  [dgs-padding-mix-b]{
    padding-bottom:28px
  }
  [dgs-padding-mix-l]{
    padding-left:28px
  }
  [fullwidth]{
    margin-left:-32px!important;
    margin-right:-32px!important;
    width:calc(100% + (32px * 2))!important
  }
  [dgs-column-gap]{
    column-gap:48px
  }
  .dgs-wrap.dgs-xl-0{
    display:none
  }
  .dgs-wrap.dgs-xl-1{
    display:flex;
    grid-column:auto/span 1
  }
  .dgs-wrap.dgs-xl-2{
    display:flex;
    grid-column:auto/span 2
  }
  .dgs-wrap.dgs-xl-3{
    display:flex;
    grid-column:auto/span 3
  }
  .dgs-wrap.dgs-xl-4{
    display:flex;
    grid-column:auto/span 4
  }
  .dgs-wrap.dgs-xl-5{
    display:flex;
    grid-column:auto/span 5
  }
  .dgs-wrap.dgs-xl-6{
    display:flex;
    grid-column:auto/span 6
  }
  .dgs-wrap.dgs-xl-7{
    display:flex;
    grid-column:auto/span 7
  }
  .dgs-wrap.dgs-xl-8{
    display:flex;
    grid-column:auto/span 8
  }
  .dgs-wrap.dgs-xl-9{
    display:flex;
    grid-column:auto/span 9
  }
  .dgs-wrap.dgs-xl-10{
    display:flex;
    grid-column:auto/span 10
  }
  .dgs-wrap.dgs-xl-11{
    display:flex;
    grid-column:auto/span 11
  }
  .dgs-wrap.dgs-xl-12{
    display:flex;
    grid-column:auto/span 12
  }
  .dgs-grid.dgs-grid-xl-10{
    grid-template-columns:repeat(10,1fr);
  }
  .dgs-grid.dgs-grid-xl-12{
    grid-template-columns:repeat(12,1fr);
  }
  [dgs-xl-display-none]{
    display:none!important
  }
  [dgs-xl-display-block]{
    display:block!important
  }
  [dgs-xl-display-inline]{
    display:inline!important
  }
  [dgs-xl-display-flex]{
    display:flex!important
  }
  .column-gap{
    column-gap:clamp(16px,5vw,24px)!important
  }
  .column-gap2{
    column-gap:clamp(16px,5vw,32px)!important
  }
  .row-gap{
    row-gap:32px!important
  }
  .row-gap2{
    row-gap:32px!important
  }
  .gap{
    column-gap:clamp(16px,5vw,24px);
    row-gap:24px
  }
  .gap1{
    column-gap:clamp(16px,5vw,32px);
    row-gap:48px
  }
  .gap2{
    column-gap:clamp(16px,5vw,32px);
    row-gap:48px
  }
}
@media only screen and (min-width:1420px){
  [dgs-margin-out]{
    margin:48px
  }
  [dgs-margin-out-t]{
    margin-top:48px
  }
  [dgs-margin-out-r]{
    margin-right:48px
  }
  [dgs-margin-out-b]{
    margin-bottom:48px
  }
  [dgs-margin-out-l]{
    margin-left:48px
  }
  [dgs-margin-in]{
    margin:24px
  }
  [dgs-margin-in-t]{
    margin-top:24px
  }
  [dgs-margin-in-r]{
    margin-right:24px
  }
  [dgs-margin-in-b]{
    margin-bottom:24px
  }
  [dgs-margin-in-l]{
    margin-left:24px
  }
  [dgs-margin-mix]{
    margin:36px
  }
  [dgs-margin-mix-t]{
    margin-top:36px
  }
  [dgs-margin-mix-r]{
    margin-right:36px
  }
  [dgs-margin-mix-b]{
    margin-bottom:36px
  }
  [dgs-margin-mix-l]{
    margin-left:36px
  }
  [dgs-padding-out]{
    padding:48px
  }
  [dgs-padding-out-t]{
    padding-top:48px
  }
  [dgs-padding-out-r]{
    padding-right:48px
  }
  [dgs-padding-out-b]{
    padding-bottom:48px
  }
  [dgs-padding-out-l]{
    padding-left:48px
  }
  [dgs-padding-in]{
    padding:24px
  }
  [dgs-padding-in-t]{
    padding-top:24px
  }
  [dgs-padding-in-r]{
    padding-right:24px
  }
  [dgs-padding-in-b]{
    padding-bottom:24px
  }
  [dgs-padding-in-l]{
    padding-left:24px
  }
  [dgs-padding-mix]{
    padding:36px
  }
  [dgs-padding-mix-t]{
    padding-top:36px
  }
  [dgs-padding-mix-r]{
    padding-right:36px
  }
  [dgs-padding-mix-b]{
    padding-bottom:36px
  }
  [dgs-padding-mix-l]{
    padding-left:36px
  }
  [fullwidth]{
    margin-left:-48px!important;
    margin-right:-48px!important;
    width:calc(100% + (48px * 2))!important
  }
  [dgs-column-gap]{
    column-gap:96px
  }
  .dgs-wrap.dgs-xxl-0{
    display:none
  }
  .dgs-wrap.dgs-xxl-1{
    display:flex;
    grid-column:auto/span 1
  }
  .dgs-wrap.dgs-xxl-2{
    display:flex;
    grid-column:auto/span 2
  }
  .dgs-wrap.dgs-xxl-3{
    display:flex;
    grid-column:auto/span 3
  }
  .dgs-wrap.dgs-xxl-4{
    display:flex;
    grid-column:auto/span 4
  }
  .dgs-wrap.dgs-xxl-5{
    display:flex;
    grid-column:auto/span 5
  }
  .dgs-wrap.dgs-xxl-6{
    display:flex;
    grid-column:auto/span 6
  }
  .dgs-wrap.dgs-xxl-7{
    display:flex;
    grid-column:auto/span 7
  }
  .dgs-wrap.dgs-xxl-8{
    display:flex;
    grid-column:auto/span 8
  }
  .dgs-wrap.dgs-xxl-9{
    display:flex;
    grid-column:auto/span 9
  }
  .dgs-wrap.dgs-xxl-10{
    display:flex;
    grid-column:auto/span 10
  }
  .dgs-wrap.dgs-xxl-11{
    display:flex;
    grid-column:auto/span 11
  }
  .dgs-wrap.dgs-xxl-12{
    display:flex;
    grid-column:auto/span 12
  }
  .dgs-grid.dgs-grid-xxl-10{
    grid-template-columns:repeat(10,1fr);
  }
  .dgs-grid.dgs-grid-xxl-12{
    grid-template-columns:repeat(12,1fr);
  }
  [dgs-xxl-display-none]{
    display:none!important
  }
  [dgs-xxl-display-block]{
    display:block!important
  }
  [dgs-xxl-display-inline]{
    display:inline!important
  }
  [dgs-xxl-display-flex]{
    display:flex!important
  }
  .column-gap{
    column-gap:clamp(16px,5vw,24px)!important
  }
  .column-gap2{
    column-gap:clamp(16px,5vw,48px)!important
  }
  .row-gap{
    row-gap:48px!important
  }
  .row-gap2{
    row-gap:48px!important
  }
  .gap{
    column-gap:clamp(16px,5vw,24px);
    row-gap:24px
  }
  .gap1{
    column-gap:clamp(16px,5vw,48px);
    row-gap:48px
  }
  .gap2{
    column-gap:clamp(16px,5vw,48px);
    row-gap:96px
  }
}
@media only screen and (min-width:1720px){
  [dgs-margin-out]{
    margin:48px
  }
  [dgs-margin-out-t]{
    margin-top:48px
  }
  [dgs-margin-out-r]{
    margin-right:48px
  }
  [dgs-margin-out-b]{
    margin-bottom:48px
  }
  [dgs-margin-out-l]{
    margin-left:48px
  }
  [dgs-margin-in]{
    margin:32px
  }
  [dgs-margin-in-t]{
    margin-top:32px
  }
  [dgs-margin-in-r]{
    margin-right:32px
  }
  [dgs-margin-in-b]{
    margin-bottom:32px
  }
  [dgs-margin-in-l]{
    margin-left:32px
  }
  [dgs-margin-mix]{
    margin:48px
  }
  [dgs-margin-mix-t]{
    margin-top:48px
  }
  [dgs-margin-mix-r]{
    margin-right:48px
  }
  [dgs-margin-mix-b]{
    margin-bottom:48px
  }
  [dgs-margin-mix-l]{
    margin-left:48px
  }
  [dgs-padding-out]{
    padding:48px
  }
  [dgs-padding-out-t]{
    padding-top:48px
  }
  [dgs-padding-out-r]{
    padding-right:48px
  }
  [dgs-padding-out-b]{
    padding-bottom:48px
  }
  [dgs-padding-out-l]{
    padding-left:48px
  }
  [dgs-padding-in]{
    padding:32px
  }
  [dgs-padding-in-t]{
    padding-top:32px
  }
  [dgs-padding-in-r]{
    padding-right:32px
  }
  [dgs-padding-in-b]{
    padding-bottom:32px
  }
  [dgs-padding-in-l]{
    padding-left:32px
  }
  [dgs-padding-mix]{
    padding:48px
  }
  [dgs-padding-mix-t]{
    padding-top:48px
  }
  [dgs-padding-mix-r]{
    padding-right:48px
  }
  [dgs-padding-mix-b]{
    padding-bottom:48px
  }
  [dgs-padding-mix-l]{
    padding-left:48px
  }
  [fullwidth]{
    margin-left:-48px!important;
    margin-right:-48px!important;
    width:calc(100% + (48px * 2))!important
  }
  [dgs-column-gap]{
    column-gap:96px
  }
  .dgs-wrap.dgs-4k-0{
    display:none
  }
  .dgs-wrap.dgs-4k-1{
    display:flex;
    grid-column:auto/span 1
  }
  .dgs-wrap.dgs-4k-2{
    display:flex;
    grid-column:auto/span 2
  }
  .dgs-wrap.dgs-4k-3{
    display:flex;
    grid-column:auto/span 3
  }
  .dgs-wrap.dgs-4k-4{
    display:flex;
    grid-column:auto/span 4
  }
  .dgs-wrap.dgs-4k-5{
    display:flex;
    grid-column:auto/span 5
  }
  .dgs-wrap.dgs-4k-6{
    display:flex;
    grid-column:auto/span 6
  }
  .dgs-wrap.dgs-4k-7{
    display:flex;
    grid-column:auto/span 7
  }
  .dgs-wrap.dgs-4k-8{
    display:flex;
    grid-column:auto/span 8
  }
  .dgs-wrap.dgs-4k-9{
    display:flex;
    grid-column:auto/span 9
  }
  .dgs-wrap.dgs-4k-10{
    display:flex;
    grid-column:auto/span 10
  }
  .dgs-wrap.dgs-4k-11{
    display:flex;
    grid-column:auto/span 11
  }
  .dgs-wrap.dgs-4k-12{
    display:flex;
    grid-column:auto/span 12
  }
  .dgs-grid.dgs-grid-4k-10{
    grid-template-columns:repeat(10,1fr);
  }
  .dgs-grid.dgs-grid-4k-12{
    grid-template-columns:repeat(12,1fr);
  }
  [dgs-4k-display-none]{
    display:none!important
  }
  [dgs-4k-display-block]{
    display:block!important
  }
  [dgs-4k-display-inline]{
    display:inline!important
  }
  [dgs-4k-display-flex]{
    display:flex!important
  }
  .column-gap{
    column-gap:clamp(16px,5vw,32px)!important
  }
  .column-gap2{
    column-gap:clamp(16px,5vw,48px)!important
  }
  .row-gap{
    row-gap:48px!important
  }
  .row-gap2{
    row-gap:48px!important
  }
  .gap{
    column-gap:clamp(16px,5vw,32px);
    row-gap:32px
  }
  .gap1{
    column-gap:clamp(16px,5vw,48px);
    row-gap:48px
  }
  .gap2{
    column-gap:clamp(16px,5vw,48px);
    row-gap:96px
  }
}
.fadeGradentAnimate{
  background-size:200% 100%;
  animation-duration:1.6s;
  animation-fill-mode:forwards;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
  animation-name:fadeGradentAnimate
}
@-webkit-keyframes fadeGradentAnimate{
  0%{
    background-position:100% 0
  }
  to{
    background-position:-100% 0
  }
}
@keyframes fadeGradentAnimate{
  0%{
    background-position:100% 0
  }
  to{
    background-position:-100% 0
  }
}
@-webkit-keyframes fadeShinyAnimate{
  0%{
    background-position:100% 0
  }
  65%{
    background-position:100% 0
  }
  100%{
    background-position:-100% 0
  }
}
@keyframes fadeShinyAnimate{
  0%{
    background-position:100% 0
  }
  65%{
    background-position:100% 0
  }
  100%{
    background-position:-100% 0
  }
}
          fullscreen{display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;width:0;height:0;z-index:-9999;}
          fullscreen img{display:block;max-width:unset !important;height:auto;max-height:100vmax;width:100%;will-change:transfer;}
          fullscreen > close{cursor: pointer;position:absolute;top:0;right:0;z-index:2;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#FFF;transition:0.75s;will-change:color;}
          fullscreen > close svg{display:block;width:40px;height:40px;filter:drop-shadow(0px 0px 4px rgba(0,0,0,0.2)) drop-shadow(0px 0px 8px rgba(0,0,0,0.3)) drop-shadow(0px 0px 12px rgba(0,0,0,0.4));}
          fullscreen > close:hover{color:#c40000;}    
          fullscreen > box{display:flex;align-items:center;justify-content:center;z-index:1;width:100%;height:100%;}
          fullscreen > zoom{position:absolute;bottom:0;right:0;width:calc(50vmax - 60px);z-index:3;disply:block;transform-origin:bottom left;transform:translateX(100%) rotate(-90deg);}
  fullscreen > zoom input{-webkit-appearance: none;
    border: 0;
    appearance: none;
    width: 100%;
    height: 26px;
    padding: 0;
    box-shadow: inset -4px 4px 16px -8px rgba(0,0,0,0.8);
    background: #ffffff;
    outline: none;
    border-radius: 9999em;
    transition: opacity .2s;}
  fullscreen > zoom input::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 24px; /* Set a specific slider handle width */
  height: 24px; /* Slider handle height */
  background: #FFF;box-shadow:0 0 16px -4px  #000;
  cursor: pointer;
  border-radius:9999em;
}
  fullscreen > zoom input::-moz-range-thumb {
  width: 24px; /* Set a specific slider handle width */
  height: 24px; /* Slider handle height */
  background: #FFF;box-shadow:0 0 16px -4px  #000;
  cursor: pointer; /* Cursor on hover */
  border-radius:9999em;
}
          fullscreen::backdrop{background:#FFF;}
.dgs-snow-top::before {content: '';z-index:10;display: block;position: absolute;top: -7px;left: -3px;right: 0;height: 23px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0,
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAXCAYAAABOHMIhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABiZJREFUeNrsWMtPlFcUvzPMwIDysLyRR4uATDHWCiVgSmRlios2DeiiXUFs0nRBd6arxqQhJDapkYXhP4BqDKTQhZaFNQSCaBEVJjwdHsNr5DUMDDPDzPT3u7nTDEgRKrKgc5KT+z3uufec33de99P4fD4RpL2RNgjB3kn35MkTeRERESFiYmLkGBoaKnQ6nWSNRvPPZFxr+vv7k6KioiIdDsfa8vLyQkFBgcP3Bnel3MDAQArWI0eFhISE87nb7bZ7PJ4VvLYuLi5O5+fnu9+kMNfq6+tLjIyMzMY6KeBEbK/XarXReI3lPDZMWcc4v7GxYV1dXR3Jy8ub2E5HPvJ6vRSSDH0ku1wuAfsEZOV1IEFHoeNFdHS0yMrK2knR0Lm5uR+hxLdQMjbwHTZbB41h8RGwCdc9MzMzneHh4bGJiYlf4SN8ijkfwqiIncCAAR7Iz2GPSShudjqdfeCeqampvwBQfFxc3JdYqwTv8gB8/F48A8BgKecE14V+L7ju2tpae05OzkuCCZvkPOj8mizmC6vVKtmPu+bx48cC3qI1mUyFUOyywWD4SHlELBaLJmCHNcwAghuAOujtuF4FqHO4nsX4EsAS3I4TJ04ME1h8PDE9PS09TYZoY2Pj1729vd6lpSVfkDYTPG0UkfNDRUWFgQ5Gb2Mh0N29e9eG/GQfHh4W8/PzwUy/ObQ/gMfVVlZW1iAiZdQxp3nv3LljRoL/5erVq1UIxzSiiVD9X4EDYATynCwAzGO858hCQRoaGmJFZNJz8YIcBc4BF966dau6sLAwBxVSJCUlCSThQwuU3W6XkYUok1Vzm5znQx5bbm9v77p+/frPeNSNRzZ/ISBwrG4ZR48eLamtrf2+uLjYSEG9Xi/wTISFhQlWGXohyzO/CJlVl23KQRLbABoaHx+/Z1lUZ/Hq1SsJFj3JT3hmHx8fnydPTEzMj46OziHPW2w22wxeD4Kfgadh/4YEzU8Az4DhffAn5eXlX1y6dKkEoCTspAQ9Mjs7+0BBo8Fms1lkZGTsOo0QLLRNkvnR+fEJzIMHD0xtbW39CL8JTFtSbAOvBIyLHIGVm9VzE2gKuDAMSSpcT6KXyT137lx2cnLyMXhcGDb3wq3XuWF3d/fCzZs3P0c4v5eSknJQbYLo7Ox0gC2lpaVZ3Be67Th/dnZWoAJKsJC3XA8fPhxoamp6hMb+BaaMgWcUMGtszZjiFDNmvcDI91pzG0iY4ARwkwrxkcHBwUdgNrRMbnrqoRbkVzDcvn3bl5qaWsmcgFH4G8XdEGUWFhak51AuISFBnkoCTyFbyWKxCJwIxlC0fq2rq7tcVFRkRKskjh8/Lr0+kBjCCDV/knfdv3//WX19/R8IRRNemxlu4AXwKqM+EJwdj1HbPYSwh3sCPAJDABm2LLchCjS+5/kirKGhwWk0GrMuXrxYQuX9hm/XXTMXMY+srKwI5ApZrbYmZh7deEJhAUKjLe/pLTzSsCuHrK+1tbUJVe3P6upq87Vr174rKysrYHVj/uW+OH3IfEuw4F3ee/fuPQfAvwOs5yyE4CnlFOu7BWrTCWlreO6FACpBZGwUw4BvkANLobReHb3kGZYGsGzTq/zlO8AT1ru6uoZbWlqeA6gINJAfnz59OlVLoX8Jtebm5raampqfcMvQYgTknz9//sKVK1c+y83NTdIEuCnaKMuNGzd+6+np6cCtSTkAw9D9X8Dyh+dbgaaAC1XAnUlPTy+qqqq6cPbs2UzkmWjNljiDJzpwHFnCkW2yo6NjCKW8H54wjlezKvRT09LSTsJrz5w6dSoN+Yp51ADAPUj8VoDbDq9pxrwuJcNIYQllJTIi/xopBw/VA7DJp0+f9hA78CgL5F5C8J2CpoCj8sfA6WCe/FPRhsRlZmbGIs8Y4FFO5CJgtrSsvrRVGW1V93b1myoGnKAKEcHgnwsWpg1lNI0fphwrmdqbckeU18WrnlOjqp5/j7W3BWvfQVPKa5SBkcrYCNVB65TRTlWZ1lXiXVU5xbtlDb2SPaLWYwrgHIcqPg6Vc7fbX69Yoyqfa7/AeiegbWOEVhmsVcWDwPn224iDJgla8Hd38Hd3ELQgaIeI/hZgAIPEp0vmQJdoAAAAAElFTkSuQmCC) no-repeat 50% 0,
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;}