
a{outline:0}.subheader{margin:0}.alert{display:grid}.code{padding:.2rem .4rem;font-size:90%;color:#bd4147;background-color:rgba(86,61,124,0.15);border-radius:.25rem;font-family:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}mark{background-color:#ff0;color:#000}.back-to-top{position:fixed;bottom:2em;right:1.5em;text-decoration:none;color:#eee;background-color:transparent;opacity:.7;padding:1em;z-index:1030}.back-to-top:hover{background-color:transparent;color:#999}.text-hide{display:none}.news a{text-decoration:none}.dropend .dropdown-menu{top:0;right:auto;left:100%}.dropend .dropdown-menu[data-bs-popper]{margin-left:0!important}.dropup.dropend .dropdown-menu[data-bs-popper]{bottom:0!important;top:auto!important}.dropdown-item.parent-active{color:#151515;text-decoration:none;background-color:#f6f6f6}.dropdown-item.active.parent-active{color:#fff;text-decoration:none;background-color:var(--bs-primary)}.dropdown-hover-all .dropdown-menu,.dropdown-hover > .dropdown-menu.dropend{margin-left:-1px!important}.card.card-effect-one img{-moz-transition:transform .5s ease-in-out!important;-webkit-transition:transform .5s ease-in-out!important;transition:transform .5s ease-in-out!important}.card.card-effect-one:hover{background-color:var(--bs-light)}.card.card-effect-one:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.card.card-effect-one::before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:var(--bs-primary);height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.card.card-effect-one:active::before,.card.card-effect-one:focus::before,.card.card-effect-one:hover::before{left:0;right:0}.card.card-effect-one{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden;-webkit-transform:scale(1)}picture img.lazy{opacity:0}picture img.lazy:not(.initial){transition:opacity 2s}picture img.lazy.error,picture img.lazy.initial,picture img.lazy.loaded{opacity:1}picture img.lazy:not([src]):not([srcset]){visibility:hidden}figure{overflow:hidden}.dropdown-menu-end .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-left:-.5rem;vertical-align:.255em;content:" ";border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent;transform:rotate(90deg)}.dropdown-menu-end .dropend .dropdown-toggle::after{display:none}.dropdown-menu-end .dropend .dropdown-menu{right:100%;left:auto}.dropdown-menu-end .dropdown-toggle[aria-expanded="true"]::before{transform:rotate(-90deg)}.dropdown-toggle::after,.dropdown-toggle::before{transition:.7s}.dropdown-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}.dropdown-menu-end .dropend .dropdown-menu[data-bs-popper]{top:0!important;right:100%!important;left:auto!important;margin-top:0!important;margin-left:.125rem!important}#main-navbar.shrink{height:auto}#main-navbar.navbar-shrink{padding:.5rem 1rem}.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}.white-popup{position:relative;background:#fff;padding:20px;width:auto;max-width:500px;margin:20px auto}.card figure,.ge_autoLayout_row figure{margin:0}.card .list-group-item{color:#212529}a.card{color:inherit}a.card:hover{text-decoration:none}.meta-nav.text-white a{color:#fff!important}div.alert p,div.alert ul{margin:0}#language{cursor:pointer}#language .t3js-icon{margin-right:5px;position:relative;top:-2px}.tx-indexedsearch-redMarkup{color:red}.tx-indexedsearch-info p{margin:0}section.parallax{background-attachment:fixed;background-position:50% 0;background-repeat:no-repeat;background-size:cover;z-index:-1}section.multiple-parallax{background-attachment:fixed,fixed;background-position:left top,50% 0;background-repeat:repeat,no-repeat;background-size:auto,cover;z-index:-1}.absolute{position:absolute!important}.content-consent.background-image,.jumbotron.background-image,div.background-image,section.background-image{background-repeat:no-repeat;background-size:cover;background-position:center center}.jumbotron.multiple-background-image,div.multiple-background-image,section.multiple-background-image{background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:left top,center center}.jumbotron.background-fixed,div.background-fixed,section.background-fixed{background-attachment:fixed!important}.frame-ruler-before:before{content:"";display:block;border-top:1px solid rgba(0,0,0,0.25);margin-bottom:2em}.frame-ruler-after:after{content:"";display:block;border-bottom:1px solid rgba(0,0,0,0.25);margin-top:2em}.frame-indent{margin-left:15%;margin-right:15%}.frame-indent-left{margin-left:33%}.frame-indent-right{margin-right:33%}.preloader{z-index:999;position:absolute;left:calc(50% - 1.5rem);top:50%}.nav-meta,.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-meta .meta-text a,.nav-scroller .meta-text a{margin-right:1rem}.nav-meta .meta-text a:last-child,.nav-scroller .meta-text a:last-child{margin-right:0}.nav-scroller .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;color:rgba(255,255,255,0.75);text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.nav-underline .nav-link{padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem;color:var(--bs-gray-dark)}.nav-underline .nav-link:hover{color:var(--bs-danger)}.nav-underline .active{font-weight:500;color:var(--bs-gray-dark)}.nav-underline .nav-link.meta-text{color:var(--bs-gray-dark)}.nav-underline .nav-link.meta-text a:hover{color:var(--bs-danger)}.navbar-expand-no{max-height:100%!important}.sticky.is-sticky{position:fixed;left:0;right:0;top:0;z-index:1000;width:100%}.carousel-item{transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;-webkit-backface-visibility:visible;backface-visibility:visible;overflow:hidden!important}.carousel figure{margin:0!important}.carousel-caption.caption-animated.animated{position:absolute;top:0;display:flex;justify-content:center;width:auto;color:#fff;text-align:center;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.content-consent{min-height:200px}.ce-link{text-decoration:none!important;color:inherit!important}.ce-link-content{text-decoration:none!important;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all .3s cubic-bezier(0.25,0.8,0.25,1);padding:1.5rem}.ce-link-content:hover{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}.card.ce-link-content{padding:0}.img-transform{transition:transform .3s ease!important}.img-transform:active,.img-transform:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}figure.img-hover-zoom--brightness,figure.img-hover-zoom--colorize,figure.img-hover-zoom--slowmo,figure.img-hover-zoom--blur,figure.img-hover-zoom--zoom-n-rotate,figure.img-hover-zoom {display: flex;flex-flow: column;}.relative{position:relative}.relative .overlay > div{position:absolute;top:2rem}#site-preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f5f5f5;z-index:99999}#site-spinner{position:absolute;left:calc(50% - 1.5rem);top:50%}.sidebar-sub-item i{text-indent:-1px}figcaption{font-size:.75rem;font-weight:400}.fa,.fa-brands,.fal,.far,.fas,.fa-solid,.fa-regular,.fa-light,.fa-thin,fa-duotone,.fa-sharp{line-height:inherit}.bt_hidden{opacity:0}.bt_visible{opacity:1}.page-pagination{margin:2rem 0}.page-pagination .page-item:first-child .page-link{border-top-left-radius:0;border-bottom-left-radius:0}.page-pagination .page-item:last-child .page-link{border-top-right-radius:0;border-bottom-right-radius:0}.video-card .card-img-overlay{margin-bottom:40px}.zoom-overlay{overflow:hidden;background:0 0;opacity:0;transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s}.image a:hover .zoom-overlay{opacity:.8}.magnifying-glass-icon{color:#fff;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;padding:20px;border:1px solid #fff;line-height:1;background:rgba(0,0,0,0.5);width:60px;height:60px}.zoom-overlay .description .magnifying-glass-icon{top:50%}.card-img-overlay .card-body{padding:0}.navbar-brand img.d-inline-block{margin-right:.25rem}.media figure.image{position:relative;margin-bottom:0}.media .magnifying-glass-icon{top:50%}.w-33{width:33%!important}.w-66{width:66%!important}.fixedPosition{position:fixed;top:50%;margin:0!important;z-index:999}.fixedPosition-right{right:0}.fixedPosition-left{left:0}.rotate-plus{-moz-transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important;-o-transform:rotate(90deg)!important;-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important;margin:0!important}.rotate-minus{-moz-transform:rotate(-90deg)!important;-ms-transform:rotate(-90deg)!important;-o-transform:rotate(-90deg)!important;-webkit-transform:rotate(-90deg)!important;transform:rotate(-90deg)!important;margin:0!important}.media-body p{margin-bottom:0}p .svg-inline--fa{margin-left:.1rem}@media (min-width: 576px){html{font-size:16px}.sm-twoColumns{min-width:26rem!important}.content-consent{min-height:300px}}@media (min-width: 768px){.md-twoColumns{min-width:26rem!important}.content-consent{min-height:300px}}@media (min-width: 992px){.lg-twoColumns{min-width:26rem!important}.content-consent{min-height:400px}}@media (min-width: 1200px){.xl-twoColumns{min-width:26rem!important}.content-consent{min-height:500px}}@media (max-width: 1199px){.navbar-expand-xl{max-height:100%!important}}@media (max-width: 991px){.navbar-expand-lg{max-height:100%!important}}@media (max-width: 767px){.navbar-expand-md{max-height:100%!important}.gallery .w-25,.gallery.w-25{width:100%!important}.gallery .w-50,.gallery.w-50{width:100%!important}.gallery .w-33,.gallery.w-33{width:100%!important}.gallery .w-66,.gallery.w-66{width:100%!important}.gallery .w-75,.gallery.w-75{width:100%!important}.align .w-25,.beside .w-25{width:100%!important}.align .w-50,.beside .w-50{width:100%!important}.align .w-33,.beside .w-33{width:100%!important}.align .w-66,.beside .w-66{width:100%!important}.align .w-75,.beside .w-75{width:100%!important}}@media (max-width: 575px){.navbar-expand-sm{max-height:100%!important}.gallery{text-align:center}.card .img-overlay{color:#fff;text-shadow:6px 0 6px #666}.card .img-overlay .card-body{padding:0}}.card-flipper .image-flip.hover .backside,.card-flipper .image-flip:active .backside,.card-flipper .image-flip:hover .backside{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0);border-radius:.25rem}.card-flipper .image-flip.hover .frontside,.card-flipper .image-flip:active .frontside,.card-flipper .image-flip:hover .frontside{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.card-flipper .mainflip{-webkit-transition:1s;-webkit-transform-style:preserve-3d;-ms-transition:1s;-moz-transition:1s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:1s;transform-style:preserve-3d;position:relative}.card-flipper .frontside{position:relative;-webkit-transform:rotateY(0);-ms-transform:rotateY(0);z-index:2;margin-bottom:30px}.card-flipper .backside{position:absolute;top:0;left:0;background:#fff;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-box-shadow:5px 7px 9px -4px #9e9e9e;-moz-box-shadow:5px 7px 9px -4px #9e9e9e;box-shadow:5px 7px 9px -4px #9e9e9e}.card-flipper .backside,.card-flipper .frontside{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:1s;-webkit-transform-style:preserve-3d;-moz-transition:1s;-moz-transform-style:preserve-3d;-o-transition:1s;-o-transform-style:preserve-3d;-ms-transition:1s;-ms-transform-style:preserve-3d;transition:1s;transform-style:preserve-3d}.card-flipper .backside .card,.card-flipper .frontside .card{min-height:312px}.card-flipper .fa-plus-square{color:var(--bs-primary)}#sectionmenu.section-menu.nav-fill.variant{background-color:#fff}#sectionmenu.section-menu.nav-fill.variant .nav-item{display:inline-block;position:relative;height:58px;border-right:2px solid var(--bs-light);border-top:2px solid var(--bs-light);border-bottom:2px solid var(--bs-light);text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;cursor:pointer;white-space:normal}#sectionmenu.section-menu.nav-fill.variant .nav-item:last-child{border-left:2px solid var(--bs-light)}#sectionmenu.section-menu.nav-fill.variant .nav-link.scroll-trigger{line-height:2.6}#sectionmenu.section-menu.nav-fill.variant .nav-link.scroll-trigger.active::before{border-left:13px solid transparent;border-right:13px solid transparent;border-top:12px solid var(--bs-primary);position:absolute;top:58px;left:calc(50% - 6px);content:"";display:inline;z-index:2000}#sectionmenu.section-menu.nav-fill.variant .nav-link.scroll-trigger:hover{color:var(--bs-primary);text-shadow:0 0 5px rgba(169,169,169,0.3)}#sectionmenu.section-menu.nav-fill.variant .nav-link.scroll-trigger.active,#sectionmenu.section-menu.nav-fill.variant .nav-link.scroll-trigger.active:hover{background-color:var(--bs-primary);border-bottom:1px solid var(--bs-primary);color:#fff;margin-top:0;height:58px;border-top:none}#sectionmenu.section-menu .nav-item.nav-link.active,#sectionmenu .nav-link.active{color:var(--bs-danger)}#sectionmenu.section-menu.nav-pills .nav-item.nav-link.active{color:#fff}.bg-raster{position:relative}.bg-raster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("/fileadmin/T3SB/Resources/Public/Images/raster.png") repeat}#background-carousel{width:100%;height:100%;z-index:-1}#background-carousel .carousel,#background-carousel .carousel-inner{width:100%;height:100%;z-index:0;overflow:hidden}#background-carousel .carousel-item{width:100%;height:100%;background-position:center center;background-size:cover;z-index:0}#background-carousel #content-wrapper{position:absolute;z-index:1!important;min-width:100%;min-height:100%}#background-carousel .carousel-control-next,#background-carousel .carousel-control-prev{z-index:2}.carousel-control-next,.carousel-control-prev{z-index:10}.news .page-navigation:last-child{margin-top:1.5rem}.card-img-overlay .card-text p:last-child{margin-bottom:0}@media (min-width: 576px){.card-columns{column-count:2}.image-flip .backside,.image-flip .card,.image-flip .frontside,.image-flip .mainflip{height:100%}}@media (min-width: 768px){.card-columns{column-count:3}}@media (min-width: 992px){.card-columns{column-count:4}}@media (min-width: 1200px){.card-columns{column-count:4}}.news .card{box-shadow:0 0 0 transparent,0 1px 2px transparent;transition:all .3s cubic-bezier(0.25,0.8,0.25,1)}.news .card:active,.news .card:hover{box-shadow:0 4px 8px rgba(0,0,0,0.25),0 2px 2px rgba(0,0,0,0.22);z-index:101}.news .list-group-item .d-sm-block p{margin-bottom:0}#news-preloader{position:relative;top:0;left:0;right:0;bottom:0;background-color:transparent;z-index:99999}#news-preloader-bottom{position:relative;top:-75px;left:0;right:0;bottom:0;background-color:transparent;z-index:99999}#news-spinner{position:absolute;right:0;top:-.5rem}.news .list-group-item .card-text p{margin-bottom:0}.news .list-group-item .media figure{margin-bottom:0}.news-single figure.image .zoom-overlay{left:1rem}.cardflipper .mainflip{-webkit-transition:1s;-webkit-transform-style:preserve-3d;-ms-transition:1s;-moz-transition:1s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:1s;transform-style:preserve-3d;position:relative}.cardflipper .frontside{position:relative;-webkit-transform:rotateY(0);-ms-transform:rotateY(0);z-index:2;margin-bottom:30px}.cardflipper .backside{position:absolute;top:0;left:0;background:#fff;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-box-shadow:5px 7px 9px -4px #9e9e9e;-moz-box-shadow:5px 7px 9px -4px #9e9e9e;box-shadow:5px 7px 9px -4px #9e9e9e}.cardflipper .backside,.cardflipper .frontside{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:1s;-webkit-transform-style:preserve-3d;-moz-transition:1s;-moz-transform-style:preserve-3d;-o-transition:1s;-o-transform-style:preserve-3d;-ms-transition:1s;-ms-transform-style:preserve-3d;transition:1s;transform-style:preserve-3d}.cardflipper .fa-plus-square{color:var(--bs-primary)}.cardflipper .fa-minus-square{color:var(--bs-primary)}.cardflipper .fa-minus-square:hover,.cardflipper .fa-plus-square:hover{cursor:pointer}.card-flipper .card-footer,.cardflipper .card-footer{padding:.75rem 1.25rem;background-color:transparent;border-top:none}.card-flipper .backside,.card-flipper .backside .card,.cardflipper .backside,.cardflipper .backside .card{height:100%}.card-footer{text-align:center}.image .toast{position: relative;bottom: 1px;}.img-copyright{justify-content: flex-end !important;position:relative;top:-17px;margin-right:.5rem;display:flex;margin-left:auto;z-index:1000;width: 30px;}.img-copyright:hover{cursor:help}.img-copyright-default{justify-content: flex-end !important;position:relative;margin-top:-24px;margin-right:.5rem;display:flex;margin-left:auto}span.copyright{margin-right:.5rem}.zoom-right{display:flex;margin-left:auto}.zoom-center{display:flex}.card .image-caption.text-right{margin-right:.5rem;margin-right:.5rem}figure .toast{margin-bottom:0!important;z-index:1}.imageorient-1 figure.image .zoom-overlay,.imageorient-9 figure.image .zoom-overlay{right:.5rem}.offcanvas{box-shadow:none}.offcanvas-header{box-shadow:0 -1px 0 #000;padding-bottom:.75rem!important}.slideIn{-webkit-animation-name:slideIn;animation-name:slideIn}body.lg .dd-animate-1, body.md .dd-animate-1, body.xl .dd-animate-1{display:block;visibility:hidden;opacity:0;transform:translateY(50px);transition:.5s ease all }body.lg .dd-animate-1.show, body.md .dd-animate-1.show, body.xl .dd-animate-1.show{display:block;visibility:visible;opacity:1;transform:translateY(0);transition:.5s ease all }body.lg .dropdown-menu-end.dd-animate-1, body.md .dropdown-menu-end.dd-animate-1, body.xl .dropdown-menu-end.dd-animate-1{right: 0;left: auto;}body.lg .dd-animate-2, body.lg .dd-animate-2 .dropdown-submenu .dropdown-menu, body.md .dd-animate-2, body.md .dd-animate-2 .dropdown-submenu .dropdown-menu, body.xl .dd-animate-2, body.xl .dd-animate-2 .dropdown-submenu .dropdown-menu{animation-name:example;animation-duration:1s }@keyframes example{from{opacity:.2}to{opacity:1}}.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p,.bs-callout ul:last-child{margin-bottom:0}.bs-callout code{border-radius:3px}.bs-callout + .bs-callout{margin-top:-5px}.bs-callout-default{border-left-color:var(--bs-secondary)}.bs-callout-default h4{color:var(--bs-secondary)}.bs-callout-primary{border-left-color:var(--bs-primary)}.bs-callout-primary h4{color:var(--bs-primary)}.bs-callout-success{border-left-color:var(--bs-success)}.bs-callout-success h4{color:var(--bs-success)}.bs-callout-danger{border-left-color:var(--bs-danger)}.bs-callout-danger h4{color:var(--bs-danger)}.bs-callout-warning{border-left-color:var(--bs-warning)}.bs-callout-warning h4{color:var(--bs-warning)}.bs-callout-info{border-left-color:var(--bs-info)}.bs-callout-info h4{color:var(--bs-info)}.img-hover-zoom img{transition:transform .8s ease!important}.img-hover-zoom:hover img{transform:scale(1.5)}.img-hover-zoom--zoom-n-rotate img{transition:transform .5s ease-in-out!important}.img-hover-zoom--zoom-n-rotate:hover img{transform:scale(2) rotate(25deg)}.img-hover-zoom--slowmo img{transform-origin:50% 65%;transition:transform 5s,filter 3s ease-in-out!important;filter:brightness(150%)}.img-hover-zoom--slowmo:hover img{filter:brightness(100%);transform:scale(2)}.img-hover-zoom--brightness img{transition:transform 2s,filter 1.5s ease-in-out!important;transform-origin:center center;filter:brightness(50%)}.img-hover-zoom--brightness:hover img{filter:brightness(100%);transform:scale(1.3)}.img-hover-zoom--blur img{transition:transform 1s,filter 2s ease-in-out!important;filter:blur(2px);transform:scale(1.2)}.img-hover-zoom--blur:hover img{filter:blur(0);transform:scale(1)}.img-hover-zoom--colorize img{transition:transform 0.5s,filter 1.5s ease-in-out!important;filter:grayscale(100%)}.img-hover-zoom--colorize:hover img{filter:grayscale(0);transform:scale(1.1)}.nav-icon{margin:-1.5px;width:35px;border:none;background-color:transparent}.nav-icon div,.nav-icon:after,.nav-icon:before{background-color:#fff;border-radius:3px;content:"";display:block;height:5px;margin:7px 0;transition:all .2s ease-in-out}.nav-icon:not(.collapsed):before{transform:translateY(12px) rotate(135deg)}.nav-icon:not(.collapsed):after{transform:translateY(-12px) rotate(-135deg)}.nav-icon:not(.collapsed) div{transform:scale(0)}.nav-icon:active,.nav-icon:focus{outline:0;box-shadow:none}.media{display:flex!important}.media figure.image{flex-shrink:0!important}.media .media-body{flex-grow:1!important}.card figcaption{padding-right:.5rem;padding-left:.5rem}.back-to-top.st-none{transform:scale(0);transition:transform .4s cubic-bezier(0.5,0,0.3,1)}.back-to-top.st-block{transform:scale(1);transition:transform .4s cubic-bezier(0.5,0,0.3,1)}.image .toast,picture{overflow:hidden}#main-navbar{-moz-transition:all 1s ease-in;-webkit-transition:all 1s ease-in;-o-transition:all 1s ease-in;transition:all 1s ease-in}#main-navbar.shrink.bg-primary{-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}.sticky{position:fixed!important;top:0;left:0;width:100%}.text-shadow{text-shadow:1px 1px 2px #000,0 0 25px #000,0 0 5px #000}.accordion-img::after{margin-right:1rem}@media (max-width: 575px){.col-image .background-image{min-height:250px}}@media (max-width: 991px){.col-image .background-image{min-height:350px}}.local-video{overflow:hidden}.local-video .card-img-overlay{max-width:1320px;width:100%;padding-right:15px;padding-left:15px;margin:0 auto}.local-video figure.video video{width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width: 991.98px){.local-video figure.video{min-height:200px}.local-video .card-img-overlay{min-height:190px}}.video-container iframe{position:absolute;top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%,-50%)}#text{position:absolute;color:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}@media (min-aspect-ratio: 16/9){.video-container iframe{height:56.25vw}}@media (max-aspect-ratio: 16/9){.video-container iframe{width:177.78vh}}.toast-container.top-70{top:70px!important}.card-body .btn-block,.card-footer .btn-block{width:100%}.toast-container{z-index:11}.carousel-item figure > a::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.card-body .card-text p:last-child{margin-bottom:0!important}.card .row .card-body{padding:.5rem 1rem .275rem}.btn-slide-in a,.btn-slide-in a:hover{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btnGroupSlider .btn-slide-out{right:auto;transition:right .3s ease-in-out}.btnGroupSlider .btn-slide-in{right:auto;transition:right .3s ease-in-out}.vimeo-wrapper .vimeo-btn:hover{filter:drop-shadow(0 0 0.75rem black)!important}.submenu.style-one .dd-item::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;float:right;margin-top:.7rem}.submenu.style-one .dd-item[aria-expanded="true"]::after{transform:rotate(180deg)}.submenu.style-one .dropdown-toggle::before,.submenu .dd-item::after{transition:.7s}.submenu.style-one .nav-link:not(.active):hover{background-color:var(--bs-gray-100)}.submenu.style-one .nav-item.active .dd-item::after{transform:rotate(180deg)}.submenu .dd-link::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;float:right;margin-top:.7rem}.submenu .dd-link[aria-expanded="true"]::after{transform:rotate(180deg)}.flip-card{background-color:transparent;height:100%;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ratio{position:relative;width:100%}.navbar-nav .nav-link.parent-active {color: var(--bs-navbar-active-color)}.custom-popover {--bs-popover-max-width: 280px;--bs-popover-border-color: var(--bs-primary);--bs-popover-header-bg: var(--bs-primary);--bs-popover-header-color: var(--bs-white);--bs-popover-body-padding-x: 1rem;--bs-popover-body-padding-y: .5rem;}.px-2-5 {padding-right: 0.75rem !important;padding-left: 0.75rem !important;}.offcanvas-body .dm-toggler {width: 100%;}.card.card-effect-one.secondary::before{background:var(--bs-secondary)}.card.card-effect-one.success::before{background:var(--bs-success)}.card.card-effect-one.info::before{background:var(--bs-info)}.card.card-effect-one.warning::before{background:var(--bs-warning)}.card.card-effect-one.danger::before{background:var(--bs-danger)}.card.card-effect-one.light::before{background:var(--bs-light)}.card.card-effect-one.dark::before{background:var(--bs-dark)}.card.card-effect-one.white::before{background:var(--bs-white)}figure.image a {position: relative;height: 100%;display: block}.card-img-overlay{margin: 0 auto}.text-tiny{font-size:.7em}.text-small{font-size:.85em}.text-big{font-size:1.4em;font-size:calc(1.3rem + .6vw)}@media (min-width: 1200px){.text-big{font-size:1.75rem}}.text-huge{font-size:calc(1.375rem + 1.5vw)}@media (min-width: 1200px){.text-huge{font-size:2.5rem}}.custom-block-indent-a{margin-left:12.5%}.custom-block-indent-b{margin-left:25%}.custom-block-indent-c{margin-left:50%}.submenu .nav-link:hover, .nav-link:focus {text-decoration: underline;outline: none;box-shadow: none;}.list-group.news-list-view .card:hover, .list-group.news-list-view .card:focus {background-color: var(--bs-list-group-action-hover-bg);outline: none;box-shadow: none;}.accordion-button:focus {box-shadow: none;outline: none;box-shadow: none;}.news-list-view a.card {text-decoration: none;}.card-footer .icon-block svg.iconpack{margin-top:10px}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline li{display:inline-block!important}.list-inline li:not(:last-child){margin-right:.5rem!important}

/* Icons used in this extension */
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: normal;
  src: url('../../../typo3conf/ext/t3sbootstrap/Resources/Public/Styles/webfonts/fa-brands-400.woff2') format("woff2"), url('../../../typo3conf/ext/t3sbootstrap/Resources/Public/Styles/webfonts/fa-brands-400.ttf') format("truetype");
  font-display: swap; }

.fa-brands {
  font-family: 'Font Awesome 6 Brands';
  font-weight: 400; }

@font-face {
  font-family: 'Font Awesome 6 Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../../../typo3conf/ext/t3sbootstrap/Resources/Public/Styles/webfonts/fa-regular-400.woff2') format("woff2"), url('../../../typo3conf/ext/t3sbootstrap/Resources/Public/Styles/webfonts/fa-regular-400.ttf') format("truetype");
  font-display: swap; }

.fa-regular {
  font-family: 'Font Awesome 6 Regular';
  font-weight: 400; }

@font-face {
  font-family: 'Font Awesome 6 Solid';
  font-style: normal;
  font-weight: 900;
  src: url('../../../typo3conf/ext/t3sbootstrap/Resources/Public/Styles/webfonts/fa-solid-900.woff2') format("woff2"), url('../../../typo3conf/ext/t3sbootstrap/Resources/Public/Styles/webfonts/fa-solid-900.ttf') format("truetype");
  font-display: swap; }

.fa-solid {
  font-family: 'Font Awesome 6 Solid';
  font-weight: 900; }


.internal-link::before,
.external-link::before,
.download-link::before,
.email-link::before,
.phone-link::before,
.fax-link::before {
	margin-right: .3em;	
}

.internal-link::before,
.external-link::before,
.download-link::before,
.email-link::before,
.phone-link::before,
.fax-link::before,
.fa-circle-chevron-up::before,
.fa-circle-info::before,
.fa-square-plus::before,
.fa-square-minus::before,
.fa-user::before,
.fa-file-lines::before,
.fa-tags::before,
.fa-chevron-left::before,
.fa-chevron-right::before,
.fa-calendar-days::before,
.fa-folder-open::before,
.fa-minus::before,
.fa-plus::before,
.fa-facebook::before,
.fa-x-twitter::before,
.fa-google-plus::before,
.fa-linkedin::before,
.fa-youtube::before,
.fa-instagram::before,
.fa-pinterest::before,
.fa-skype f17e::before,
.fa-chevron-down::before,
.fa-globe::before,
.fa-square-minus::before,
.fa-square-plus::before,
.fa-file-pdf::before,
.fa-file-image::before,
.fa-file-zipper::before,
.fa-print:before,
.fa-magnifying-glass-plus:before,
.fa-copyright:before
 {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.internal-link::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f0c1";
}
.external-link::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f35d";
}
.download-link::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f019";
}
.email-link::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f0e0";
}
.phone-link::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f095";
}
.fax-link::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f1ac";
}


.fa-circle-chevron-up::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f139";
}
.fa-circle-info::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f05a";
}
.fa-square-plus::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f0fe";
}
.fa-square-minus::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f146";
}
.fa-user::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f007";
}
.fa-file-lines::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f15c";
}
.fa-tags::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f02c";
}
.fa-magnifying-glass::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f002";
}
.fa-chevron-left::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f053";
}
.fa-chevron-right::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f054";
}
.fa-calendar-days::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f073";
}
.fa-folder-open::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f07c";
}
.fa-minus::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f068";
}
.fa-plus::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\2b";
}
.fa-chevron-down::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f078";
}
.fa-globe::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f0ac";
}
.fa-square-minus::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f146";
}
.fa-square-plus::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f0fe";
}
.fa-file-pdf::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f1c1";
}
.fa-file-image::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f1c5";
}
.fa-file-zipper::before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f1c6";
}
.fa-print:before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f02f";
}
.fa-magnifying-glass-plus:before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f00e";
} 
.fa-copyright:before {
	font-family: "Font Awesome 6 Solid"; font-weight: 900; content: "\f1f9";
} 


.fa-facebook::before {
	font-family: "Font Awesome 6 Brands"; font-weight: 900; content: "\f09a";
}
.fa-x-twitter::before {
	font-family: "Font Awesome 6 Brands"; font-weight: 900; content: "\e61a";
}
.fa-google-plus::before {
	font-family: "Font Awesome 6 Brands"; font-weight: 900; content: "\f1a0";
}
.fa-linkedin::before {
	font-family: "Font Awesome 6 Brands"; font-weight: 900; content: "\f08c";
}
.fa-youtube::before {
	font-family: "Font Awesome 6 Brands"; font-weight: 900; content: "\f167";
}
.fa-instagram::before {
	font-family: "Font Awesome 6 Brands"; font-weight: 900; content: "\f16d";
}
.fa-pinterest::before {
	font-family: "Font Awesome 6 Brands"; font-weight: 900; content: "\f0d2";
}
.fa-skype::before {
	font-family: "Font Awesome 6 Brands"; font-weight: 900; content: "\f17e";
}

.fa-1x {font-size: 1em;}
.fa-2x {font-size: 2em;}
.fa-3x {font-size: 3em;}
.fa-4x {font-size: 4em;}
.fa-5x {font-size: 5em;}
.fa-6x {font-size: 6em;}
.fa-7x {font-size: 7em;}
.fa-8x {font-size: 8em;}
.fa-9x {font-size: 9em;}
.fa-10x {font-size: 10em;}




/* General */

.tx-cart { counter-reset: step; }

.tx-cart label, .tx-cart label em { display: inline; }

.tx-cart .bg-light-grey { background-color: #efefef; }

.tx-cart .border-left-grey { border-left: 1px solid #ddd; }

.tx-cart .clear-padding { padding: 0 !important; }

.top-buffer { margin-top: 2em; }
.bottom-buffer { margin-bottom: 2em; }

.tx-cart .typo3-messages{
    margin: 0;
    padding: 0;
    list-style: none;
}

.form-control-inline {
    min-width: 0;
    width: auto;
    display: inline;
}

.tx-cart .field { margin-bottom: 0.5em; }

.tx-cart .price { min-width: 65px; display: block }

.order-total-gross {
    width: 75px;
    text-align: right;
}

/* Checkout */

.tx-cart .checkout-step-title, .tx-cart .confirmation-step-title {
    background: #ccc;
    margin: 0;
    padding: 0 2em;
    line-height: 2;
}

.tx-cart .confirmation-step-title {
    font-size: 1rem;
    font-weight: 300;
}

.tx-cart .checkout-step-content { padding: 1em; }

.tx-cart .checkout-step-number::before {
    counter-increment: step;
    content: counter(step);
}

.tx-cart #form-order .checkout-step-number, .tx-cart #form-cart .checkout-step-number {
    background: #333;
    color: #fff;
    display: inline-block;
    width: 2em;
    border-radius: 50%;
    text-align: center;
    height: 2em;
    line-height: 2em;
    font-size: 0.75em;
    vertical-align: middle;
    margin-right: 1em;
    margin-top: -3px;
}

.shipping-same-as-billing-wrapper { margin: 1em 0; }

.tx-cart .checkout-step-content-list .checkout-step-fields .field .validation-error { margin-bottom: 0; }

#form-order .checkout-step-title { padding: 10px }

.method-item-name { font-weight: bold; }

.checkout-step-table, .checkout-review-table, .checkout-product-table, .show-properties.table  { width: 100%; }

.checkout-review-column { margin: 1em -1em; }

.coupon-hint.not-usable { color: red; }

/* Order History*/

.show-properties.table { margin-bottom: 1em; }

.order-history-detail .column { padding-bottom: 2em; }

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
#s697 {
  background-image: url('../../../typo3conf/ext/sitepackage_ruebezahl_spinnereien/Resources/Public/Images/spinnrad_004.jpg');
}

#s717 {
  background-image: url('../../../typo3conf/ext/sitepackage_ruebezahl_spinnereien/Resources/Public/Images/20220406_141052.jpg');
}

.scrollToTop {
  text-align: center;
  text-decoration: none;
  width: 50px;
  height: 40px;
  position: fixed;
  bottom: 7%;
  right: 5%;
  display: none;
  border: 0.2rem solid gray;
  border-radius: 30%;
  z-index: 55555;
}

.mobileMenu {
  margin-left: -3000px;
  color: #fff;
}

@media (max-width: 991.98px) {
  #shop {
    padding: 0 1rem;
  }
}

.shop_nav {
  padding-top: 3.5rem;
}

td.product-image-bevariant,
td.product-image {
  max-width: 100px !important;
}
@media (max-width: 991.98px) {
  td.product-image-bevariant,
  td.product-image {
    display: none;
  }
}

.bg-light-grey {
  background-color: #efefef;
}

ul.ce-menu-1 a,
ul.ce-menu-0 a,
#tx-cart-minicart a {
  border-bottom: 0;
}

#tx-cart-minicart {
  text-align: right;
  padding-top: 1.5rem;
}
@media (max-width: 991.98px) {
  #tx-cart-minicart {
    padding-bottom: 2rem;
    padding-right: 1.5rem;
    display: block;
  }
}

@media (min-width: 992px) {
  #body-40 #tx-cart-minicart {
    padding-top: 0;
  }
}

.checkout-link a {
  color: #fff;
  border-bottom: none;
}

@media (max-width: 991.98px) {
  .tx-cart .row {
    margin: 0;
  }
}
.tx-cart form#form-order .form-title .num, .tx-cart form#form-cart .form-title .num {
  background: #333;
  color: #fff;
  display: inline-block;
  width: 20px;
  border-radius: 50%;
  text-align: center;
  height: 20px;
  line-height: 20px;
  font-size: 0.75em;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -3px;
}
.tx-cart h5.form-title {
  background: #ccc;
  margin: 0 0 0.5rem 0;
  padding: 0 20px;
  line-height: 2;
}

@media (max-width: 991.98px) {
  .form-list {
    padding: 0 0.5rem;
  }
}

#accept-term fieldset {
  padding: 16px 8px 18px 8px;
}

.service-gross .price,
.total-gross .price,
.cart-gross .price {
  text-align: right;
}

.tx-cart .price {
  min-width: auto;
  display: revert;
}

tr.total-gross {
  font-weight: 600;
}

.comment {
  font-weight: 600;
}

label:not([for^=orderItem]) {
  display: inline;
  padding-left: 0.5rem;
}
label:not([for^=orderItem]) em {
  display: inline;
  color: red;
}

.required {
  color: #0A0C59;
}

@media (max-width: 991.98px) {
  .tx-cart fieldset dl {
    padding: 0 0.5rem;
  }
}
.tx-cart fieldset dl dd {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.tx-cart fieldset dl dd ul, .tx-cart fieldset dl dd #tx-cart-minicart {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.field.acceptTerms label {
  font-weight: normal;
}

input[name="tx_cart_cart[quantity]"] {
  width: 35px;
  text-align: center;
  margin-right: 0.5rem;
}

@media (max-width: 991.98px) {
  #checkout-review-table {
    width: 96% !important;
  }
}

#checkout-product-table th:nth-child(4) {
  display: none;
}

.unit {
  clear: both;
  padding-left: 2.9em;
}

#shipping-method dt {
  font-weight: 300;
  padding: 0.3rem 0;
}
#shipping-method dt .ship {
  float: right;
}
#shipping-method dt .green {
  color: #4f8a10;
  font-weight: 500;
}

.backlist {
  clear: both;
  float: right;
}

.show_order {
  clear: both;
  padding-top: 1em;
}

.form-control {
  padding: 0.1rem 0.5rem;
}

select.form-control {
  width: 100%;
  margin-bottom: 0.5rem;
  padding: 0.1rem;
}

.list_measure {
  font-weight: 400;
}

.variants {
  padding-top: 1rem;
  clear: both;
}

.list-teaser {
  font-size: 95%;
  clear: both;
}

#billingAddress\:zip,
#shippingAddress\:zip {
  width: 5rem;
}

.shipping {
  border-bottom: 1px solid #0a0c59;
}

.comment {
  padding: 1rem 0;
}

.back {
  margin: 1rem 0;
}

.clear_cart {
  margin-bottom: 0.5rem;
}

.validation-error, .alert-warning {
  color: #c9302c;
  font-weight: 500;
}

.alert-warning {
  padding: 0.3rem;
  border: 1px solid #c9302c;
  margin-top: 1rem;
  display: inline-block;
  border-radius: 0.3rem;
}

.alert-success {
  padding: 0.3rem;
  font-weight: 500;
  margin-top: 1rem;
  border-color: #ccc;
}

#add-product-form {
  margin-top: 1rem;
}

.submit-order {
  margin: 1rem 0;
}

.empty-cart {
  margin: 1rem 0;
}

.delete-link.btn.btn-danger {
  margin-top: -0.4rem;
}

.checkout-step-field td {
  padding-right: 0;
}

input[type=number] {
  width: 60px;
}

.product-image {
  width: 100px;
}

.cart-product-image {
  max-width: 200px;
}

.checkbox-left {
  text-indent: -1rem;
  margin-left: 1rem !important;
}

.checkbox-left2 {
  text-indent: -1.3rem;
  margin-left: 1.3rem;
}

.tx-cart #form-order .checkout-step-number, .tx-cart #form-cart .checkout-step-number {
  margin-top: 0;
}

#form-order .checkout-step-title {
  padding: 10px;
  line-height: 1.3;
}

.bg-white {
  background-color: #fff;
}

#body-36 .btn.btn-dark.checkout-link {
  visibility: hidden !important;
}

@media (max-width: 991.98px) {
  tr.sum {
    visibility: hidden;
  }
}
@media (min-width: 992px) {
  tr.sum > td {
    padding-bottom: 3rem;
  }
}

.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: #fff;
  border-bottom-width: 0;
  box-shadow: none;
}

.table tr {
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
}

#cart-preview {
  text-align: right;
  padding-top: 1rem;
}

.cart_list .soldout {
  margin-top: -0.6rem;
  color: rgb(239, 122, 29);
}

.list-product .list-title {
  font-weight: 700;
}

.show_product_img {
  text-align: center;
}
.show_product_img figure {
  float: left;
  margin-right: 0.6rem;
}
.show_product_img figure figcaption {
  text-align: center;
}
.show_product_img a {
  border-bottom: none;
}

@media (min-width: 576px) {
  .description,
  .teaser {
    clear: both;
  }
}
h4 + ul.ce-menu-0, h4 + #tx-cart-minicart {
  margin-top: 0;
}

.list-back {
  margin: 1rem 0;
}

.tx-cart-products select.form-control {
  width: auto;
  margin-bottom: 0.5rem;
}

.cart_product_price {
  font-weight: 700;
}

@font-face {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
}
.shop_nav ul, .shop_nav #tx-cart-minicart {
  list-style-type: none;
}
.shop_nav ul li:before, .shop_nav #tx-cart-minicart li:before {
  font-family: "FontAwesome";
  content: "\f0da";
  margin: 0 5px 0 -15px;
}
.shop_nav li a {
  border-bottom: none;
  text-decoration: none;
}

.tx-bwrk-onepage-menu ul li:before, .tx-bwrk-onepage-menu #tx-cart-minicart li:before {
  content: ".";
  margin: 0;
  color: transparent;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-2x {
  font-size: 2rem;
}

.fa-3x {
  font-size: 3rem;
}

.fa-4x {
  font-size: 4rem;
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-caret-right:before {
  font-family: "FontAwesome";
  content: "\f0da";
  margin: 0 5px 0 -15px;
}

.fa-caret-left:before {
  font-family: "FontAwesome";
  content: "\f0d9";
  margin: 0 5px 0 -15px;
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-arrow-up:before {
  content: "\f062";
}

/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url('../../../typo3conf/ext/sitepackage_ruebezahl_spinnereien/Resources/Public/Fonts/roboto-v20-latin-regular.woff2') format("woff2"), url('../../../typo3conf/ext/sitepackage_ruebezahl_spinnereien/Resources/Public/Fonts/roboto-v20-latin-regular.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url('../../../typo3conf/ext/sitepackage_ruebezahl_spinnereien/Resources/Public/Fonts/roboto-v20-latin-500.woff2') format("woff2"), url('../../../typo3conf/ext/sitepackage_ruebezahl_spinnereien/Resources/Public/Fonts/roboto-v20-latin-500.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url('../../../typo3conf/ext/sitepackage_ruebezahl_spinnereien/Resources/Public/Fonts/roboto-v20-latin-700.woff2') format("woff2"), url('../../../typo3conf/ext/sitepackage_ruebezahl_spinnereien/Resources/Public/Fonts/roboto-v20-latin-700.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
.video-embed-item {
  max-width: 100% !important;
  max-height: 100% !important;
  border-radius: 0.3rem;
}

@media (min-width: 768px) {
  .mm-ocd__content {
    width: 250px !important;
  }
}
@media (max-width: 420px) {
  #sectionmenu.list-group, #c711 h4 {
    font-size: 0.8rem !important;
    line-height: 1 !important;
  }
}
@media (min-width: 768px) {
  #sectionmenu.list-group {
    position: sticky;
  }
}
.menusubpages a:hover,
.submenu a:hover {
  text-decoration: none !important;
}

.menusubpages a.nav-link {
  text-decoration: none !important;
}

#c698 .btn:hover {
  background: rgba(255, 255, 255, 0.7);
}

body {
  background: #e4e5e0;
}

.page-title h1 {
  display: none;
}

.spinn_wheel_image {
  height: 500px;
}

.modal-button {
  width: 120px;
  color: #0A0C59 !important;
  background-color: rgba(255, 255, 255, 0.7);
}

#c698 {
  float: right;
}

.navbar-brand {
  color: #fff;
}
.navbar-brand img {
  width: 370px !important;
  height: 114px !important;
}

.bg-dark,
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: #0a0c59 !important;
  color: #fff;
}

@media (min-width: 768px) {
  .menusubpages li:nth-child(1) {
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  .menusubpages li, .catpages li {
    position: relative;
    display: block;
    width: 100%;
  }
}
.menusubpages a.nav-link, .catpages a.nav-link {
  color: #0A0C59 !important;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding-left: 12px;
}
.menusubpages a.nav-link:hover, .catpages a.nav-link:hover {
  border-left: 3px solid #0a0c59;
  padding-left: 10px;
}

@media (max-width: 767px) {
  .catpages,
  .menusubpages {
    display: none;
  }
}
.catpages a.nav-link.active,
.menusubpages a.nav-link.active {
  border-left: 3px solid #0a0c59 !important;
  padding-left: 10px;
}
.catpages a.nav-link.active:hover,
.menusubpages a.nav-link.active:hover {
  padding-left: 10px !important;
}

#sectionmenu.list-group {
  flex-direction: inherit;
  padding-top: 3rem;
}
@media (min-width: 768px) {
  #sectionmenu.list-group {
    flex-direction: column;
    padding-top: 0;
  }
}
#sectionmenu .list-group-item {
  color: #0A0C59 !important;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding-left: 12px;
}
#sectionmenu .list-group-item:hover {
  border-left: 3px solid #0a0c59;
  padding-left: 10px;
}

.navbar-light .navbar-toggler {
  background-color: #FFF !important;
}

.offcanvas-title {
  white-space: break-spaces;
  padding-top: 0;
}
.offcanvas-title h5 {
  font-size: 100% !important;
}

.offcanvas-header {
  padding-top: 0;
}

.offcanvas-body .nav-link,
.offcanvas-body .nav-link.active {
  color: #0a0c59 !important;
  font-size: 100%;
}

@media (max-width: 575px) {
  #c583, #c584 {
    display: none;
  }
}
@media (max-width: 575px) {
  #page-content {
    padding: 0 0.5rem;
  }
}
#c711 {
  position: relative;
  padding: 0.75rem 1rem 0.25rem 1rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding-left: 12px;
  text-align: center;
}
@media (min-width: 768px) {
  #c711 {
    text-align: left;
  }
}
#c711:active, #c711:focus, #c711:hover {
  border-left: 3px solid #0a0c59;
  padding-left: 10px;
}
@media (min-width: 768px) {
  #c711 {
    display: block;
    width: 100%;
  }
}
#c711 h4 {
  color: #0A0C59;
  padding: 0;
  font-weight: normal;
  font-size: 0.95rem;
  line-height: 1.2;
}
#c711 a.ce-link {
  border-bottom: none;
}
#c711 a.ce-link:hover {
  box-shadow: none;
}
#c711.ce-link-content {
  box-shadow: none;
  transition: none;
}
#c711.ce-link-content:hover {
  box-shadow: none;
}

@media (min-width: 768px) {
  button.navbar-toggler {
    display: none;
  }
}
#body-1 button.navbar-toggler {
  display: none;
}

.dropdown-menu,
.navbar-brand,
.nav-item a {
  border: none;
}

.dropdown-item {
  border: none;
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.dropdown-item .active {
  color: #212529;
  text-decoration: none;
  background-color: #0d6efd;
}
.dropdown-item .active img {
  width: 50%;
  height: auto;
}

.has-submenu:hover,
.has-submenu {
  background-color: #0A0C59 !important;
  color: white;
}

.dropend .dropdown-menu[data-bs-popper] {
  background-color: rgba(0, 0, 0, 0.1) !important;
  border: none;
}
.dropend .dropdown-menu[data-bs-popper] a {
  border: none;
}

@media (max-width: 767.98px) {
  .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
    flex-flow: initial;
    align-items: end;
  }
}
#c730 .btn-success {
  background-color: #0A0C59 !important;
  border: #000000;
}

h2, .h2 {
  font-size: 150%;
}

h3, .h3 {
  font-size: 125%;
  padding-bottom: 1rem;
}

h4, .h4 {
  font-size: 0.875rem;
  line-height: 1.3rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .container, .container-sm {
    max-width: 100% !important;
  }
}
.row.footer {
  margin: 0;
}
.row .bottom-puffer {
  padding-bottom: 1rem;
}

figcaption {
  font-size: 90%;
}

.frame-ruler-before:before {
  content: "";
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.6);
  margin-bottom: 1rem;
}

.frame-ruler-after:after {
  content: "";
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  margin-top: 1rem;
}

.frame-indent {
  margin-left: 15%;
  margin-right: 15%;
}

.form-control:focus {
  box-shadow: none;
  border-color: inherit;
}

.icon.icon-cart {
  width: 30px;
  height: 30px;
  background-image: url('../../../typo3conf/ext/sitepackage_ruebezahl_spinnereien/Resources/Public/Icons/icon-cart.svg');
}

.icon {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  float: right;
  margin-left: 0.3rem;
  margin-top: -0.4rem;
}

.cart-preview-count {
  font-size: 120%;
  font-weight: 500;
}

* {
  margin: 0;
  padding: 0;
}

html {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}

html .navbar-expand-no {
  overflow: unset !important;
  overflow-y: unset !important;
}

body {
  font-family: "Roboto", sans-serif !important;
  font-size: 0.95rem;
  color: #0A0C59;
  line-height: 12px;
  line-height: 1.5rem;
  text-align: left;
  background-color: rgba(211, 211, 211, 0.3);
}

p {
  margin-bottom: 0.6rem;
}

table.contenttable td:not(:last-child) {
  vertical-align: top;
  padding: 0.5rem 2rem 0.5rem 0;
}
table.contenttable tr {
  background-color: transparent;
  border-color: #ccc;
}

img {
  border-radius: 0.3rem;
}
@media (max-width: 575.98px) {
  img {
    max-width: 100%;
    height: auto;
  }
}

a {
  text-decoration: none;
  color: #0A0C59;
  border-bottom: 1px dotted #0A0C59;
}
a:active, a:focus, a:hover {
  text-decoration: none;
  outline: none;
}

#body-1 .main-content {
  margin-bottom: 9rem;
  border-bottom: 1rem solid #FFF;
}

.footer {
  background: #0A0C59;
  color: #fff;
  padding: 1rem;
}
@media (min-width: 768px) {
  .footer {
    padding: 1rem 0;
  }
}
.footer a {
  color: #fff;
  border-bottom: 1px dotted #fff;
}
@media (min-width: 768px) {
  .footer .impressum {
    text-align: right;
  }
}

#body-1 .footer {
  margin: 0;
}

.box {
  background: rgba(211, 211, 211, 0.8);
  padding: 10px;
  border-radius: 0.3rem;
}
@media (max-width: 767.98px) {
  .box {
    margin-bottom: 1rem !important;
  }
}
.box h2 {
  border-bottom: 2px solid #fff;
  padding: 0 0 10px 0 !important;
  font-size: 150%;
}
.box .ce-bodytext {
  padding-top: 10px;
}
.box p, .box ul li, .box #tx-cart-minicart li {
  color: #0A0C59;
}

#c693 {
  display: flex;
  align-items: stretch;
}
#c693 > h2 {
  color: #fff;
}

#c711,
#c712 {
  position: sticky;
  top: 200px;
  z-index: 1020;
}

#c711 {
  top: 240px;
  display: block !important;
}

@media (min-width: 992px) {
  .fixedModalButton {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #sectionmenu.list-group {
    flex-direction: inherit;
    padding-top: 2rem;
  }
  #c711 {
    text-align: center;
  }
}

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

/*!
 * Mmenu Light
 * mmenujs.com/mmenu-light
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */
:root {
    --mm-ocd-width: 50%;
    --mm-ocd-min-width: 200px;
    --mm-ocd-max-width: 500px
}

body.mm-ocd-opened {
    overflow-y: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.mm-ocd {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 100%;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    background: rgba(0, 0, 0, 0);
    -webkit-transition-property: bottom, background-color;
    -o-transition-property: bottom, background-color;
    transition-property: bottom, background-color;
    -webkit-transition-duration: 0s, .3s;
    -o-transition-duration: 0s, .3s;
    transition-duration: 0s, .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: .45s, .15s;
    -o-transition-delay: .45s, .15s;
    transition-delay: .45s, .15s
}

.mm-ocd--open {
    bottom: 0;
    background: rgba(0, 0, 0, .25);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.mm-ocd__content {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: var(--mm-ocd-width);
    min-width: var(--mm-ocd-min-width);
    max-width: var(--mm-ocd-max-width);
    background: #fff;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.mm-ocd--left .mm-ocd__content {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-ocd--right .mm-ocd__content {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-ocd--open .mm-ocd__content {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-ocd__backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    width: clamp(calc(100% - var(--mm-ocd-max-width)), calc(100% - var(--mm-ocd-width)), calc(100% - var(--mm-ocd-min-width)));
    background: rgba(3, 2, 1, 0)
}

.mm-ocd--left .mm-ocd__backdrop {
    right: 0
}

.mm-ocd--right .mm-ocd__backdrop {
    left: 0
}

.mm-spn, .mm-spn a, .mm-spn li, .mm-spn span, .mm-spn ul {
    display: block;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:root {
    --mm-spn-item-height: 50px;
    --mm-spn-item-indent: 20px;
    --mm-spn-line-height: 24px;
    --mm-spn-panel-offset: 30%
}

.mm-spn {
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mm-spn ul {
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    left: 100%;
    bottom: 0;
    z-index: 2;
    width: calc(100% + var(--mm-spn-panel-offset));
    padding-right: var(--mm-spn-panel-offset);
    line-height: var(--mm-spn-line-height);
    overflow: visible;
    overflow-y: auto;
    background: inherit;
    -webkit-transition: left .3s ease 0s;
    -o-transition: left .3s ease 0s;
    transition: left .3s ease 0s;
    cursor: default
}

.mm-spn ul:after {
    content: "";
    display: block;
    height: var(--mm-spn-item-height)
}

.mm-spn > ul {
    left: 0
}

.mm-spn ul.mm-spn--open {
    left: 0
}

.mm-spn ul.mm-spn--parent {
    left: calc(-1 * var(--mm-spn-panel-offset));
    overflow: visible
}

.mm-spn li {
    position: relative;
    background: inherit;
    cursor: pointer
}

.mm-spn li:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(var(--mm-spn-item-height) / 2);
    right: calc(var(--mm-spn-item-height) / 2);
    z-index: 0;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg) translate(0, -50%);
    -ms-transform: rotate(45deg) translate(0, -50%);
    transform: rotate(45deg) translate(0, -50%);
    opacity: .4
}

.mm-spn li:after {
    content: "";
    display: block;
    margin-left: var(--mm-spn-item-indent);
    border-top: 1px solid;
    opacity: .15
}

.mm-spn a, .mm-spn span {
    position: relative;
    z-index: 1;
    padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height)) / 2) var(--mm-spn-item-indent)
}

.mm-spn a {
    background: inherit;
    color: inherit;
    text-decoration: none
}

.mm-spn a:not(:last-child) {
    width: calc(100% - var(--mm-spn-item-height))
}

.mm-spn a:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: 1px solid;
    opacity: .15
}

.mm-spn span {
    background: 0 0
}

.mm-spn.mm-spn--navbar {
    cursor: pointer
}

.mm-spn.mm-spn--navbar:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(var(--mm-spn-item-height) / 2);
    left: var(--mm-spn-item-indent);
    width: 10px;
    height: 10px;
    margin-top: 2px;
    border-top: 2px solid;
    border-left: 2px solid;
    -webkit-transform: rotate(-45deg) translate(50%, -50%);
    -ms-transform: rotate(-45deg) translate(50%, -50%);
    transform: rotate(-45deg) translate(50%, -50%);
    opacity: .4
}

.mm-spn.mm-spn--navbar.mm-spn--main {
    cursor: default
}

.mm-spn.mm-spn--navbar.mm-spn--main:before {
    content: none;
    display: none
}

.mm-spn.mm-spn--navbar:after {
    content: attr(data-mm-spn-title);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--mm-spn-item-height);
    padding: 0 calc(var(--mm-spn-item-indent) * 2);
    line-height: var(--mm-spn-item-height);
    opacity: 1;
    font-weight: 600;
    color: #035183;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.mm-spn.mm-spn--navbar.mm-spn--main:after {
    padding-left: var(--mm-spn-item-indent)
}

.mm-spn.mm-spn--navbar ul {
    top: calc(var(--mm-spn-item-height) + 1px)
}

.mm-spn.mm-spn--navbar ul:before {
    content: "";
    display: block;
    position: fixed;
    top: inherit;
    z-index: 2;
    width: 100%;
    border-top: 1px solid currentColor;
    opacity: .15
}

.mm-spn.mm-spn--light {
    color: #0a0c59;
    background: #f3f3f3
}

.mm-spn.mm-spn--dark {
    color: #ddd;
    background: #333
}

.mm-spn.mm-spn--vertical {
    overflow-y: auto
}

.mm-spn.mm-spn--vertical ul {
    width: 100%;
    padding-right: 0;
    position: static
}

.mm-spn.mm-spn--vertical ul ul {
    display: none;
    padding-left: var(--mm-spn-item-indent)
}

.mm-spn.mm-spn--vertical ul ul:after {
    height: calc(var(--mm-spn-item-height) / 2)
}

.mm-spn.mm-spn--vertical ul.mm-spn--open {
    display: block
}

.mm-spn.mm-spn--vertical li.mm-spn--open:before {
    -webkit-transform: rotate(135deg) translate(-50%, 0);
    -ms-transform: rotate(135deg) translate(-50%, 0);
    transform: rotate(135deg) translate(-50%, 0)
}

.mm-spn.mm-spn--vertical ul ul li:last-child:after {
    content: none;
    display: none
}

