:root {
    --squere-width: 100vw;
}
/* lieferzeiten_versandkosten.tpl */
.delivery ul li:first-child{background-image:var(--btn-img-gradient);background-color:var(--btn-color-bg)}
/* uber_uns.tpl */
.aboutus-top{background-color:hsl(var(--hue-in-light),60%,62%)}
.aboutus-main{object-fit:cover}
/* zahlungsarten.tpl */
.paymentBox img, .paymentBox svg {
	max-width: 100%;
	max-height: 98px;
	height: auto;
	width: auto;
	padding-bottom: 1.5rem
}
.paymentBoxMin svg, .paymentBoxMin img {width:64px;max-width:100%;max-height:32px;transition:.3s;fill: initial}
.paymentBox:nth-child(odd), .paymentBoxMin:nth-child(odd){background:var(--color-light-gray)}
/* widerrufsrecht.tpl */
.team_sign{color:var(--color-link);font-family: "Times New Roman", Times, serif;font-style:italic;font-size:1.8rem}
.custom .main_content{width:100%}
.main_content{margin-bottom:0 !important}
.main_content h3{font-size:1.25rem}
.main_content .content_con::after{content:"";clear: both;display: block;margin-bottom:2rem}
.main_content .content_con:last-child{margin-bottom:0 !important}
.main_content .content_con img{width:33.333%;padding:0 !important}
.date_promotion {color: #333;font-weight:400;margin:0}
.date_promotion span {color: #000;font-weight:600}
.subheader span{font-size:1.25rem;font-weight:normal}
/* sollte-man-wissen  */
.tab-content > .tab-item {display:none}
.tab-content > .active {display:block}
/* download_bereich.tpl */
.download-page a{background:linear-gradient(var(--btn-degre), #EAEAEA, #F9F9F9)}
.download-page a:visited,.download-page a{color:#333!important}
.download-page a:hover,.download-page a:hover:visited{background: var(--btn-img-gradient)!important}
.download-page a svg{fill:var(--color-details)}
.download-page a:hover svg{fill: rgba(255,255,255,0.8)}
/* youtube */
.youtube_container{max-width:100%;height:380px;position:relative;cursor:pointer;overflow: hidden; border-radius: var(--bs-border-radius-sm)}
.youtube_container img{width:100%;height:100%;object-fit:cover}
.youtube_title,.youtube_gradient,.youtube_button {position:absolute}
.youtube_title{top:18px;left:18px;right:18px;font-size:18px;color:#fff;text-shadow: 0 0 2px rgba(0,0,0,0.5)}
.youtube_gradient,.youtube_button{transition:opacity .25s cubic-bezier(0,0,0.2,1)}
.youtube_gradient {width:100%;height:100px;top:0;left:0;background-repeat:repeat-x;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);pointer-events:none}
.promo-discount-blue{font-size: 2.78rem;line-height: .9;color: #159af7}
/* fix for big height vertical ratio images */
.roll-landing-block img{max-height: 450px;object-fit: cover;max-width: 100%}
/* muster-lamellen animation */
.sk-fading-circle{width:40px;height:40px;position:relative;left:170px;bottom:50px;display:none}
.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-fading-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:var(--color-link);border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}
.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}
.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}
.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}
.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}
.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}
.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}
.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}
.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}
.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}
.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}
.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}
.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}
.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}
.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}
.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}
.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}
.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}
@-webkit-keyframes sk-circleFadeDelay {
    0%,39%,100%{opacity:0}
    40%{opacity:1}
}
@keyframes sk-circleFadeDelay {
    0%,39%,100%{opacity:0}
    40%{opacity:1}
}
/* fotoarchiv.tpl */
.fotoarchiv {max-width:31%;outline: 0;vertical-align: baseline;margin: 0.25rem;padding: 0.25rem;border: 1px solid #e9e9e9;border-radius: 0.25rem;height: auto;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important}
@media (max-width: 575.98px) {.fotoarchiv {max-width:100%}}
/* sektionaltor_mit_schlupftuer.tpl */
table.tab_dim tr td:first-child { border-left: 1px solid #d3d3d3}
.tab_dim {margin:1rem auto;border-bottom:1px solid #d3d3d3;border-top:3px solid #a5c820;color:var(--color-link);min-width:70%}
.tab_dim th {border:1px solid #cbcbcb;border-width:0 1px;font-size:0.92rem;padding:5px 15px;text-align:center;vertical-align:middle}
.tab_dim td {border-top:1px solid #cbcbcb;border-right:1px solid #cbcbcb;text-align:center;padding:5px;font-size:0.92rem;font-weight:400;color:#494949}
.tab_dim tr td:first-child {border-left:1px solid #d3d3d3}
.tel svg {width: 21px;height: 18px}
.topmenu svg, .tel svg {fill: #000}
.paymentBox img {max-width: 200px}
/* maps */
iframe[src*="www.google.com/maps/embed"] {min-height: 350px}
@media (max-width: 575.98px) {
    .clip-sm-square {width: calc(var(--squere-width) * 0.98); height:  calc(var(--squere-width) * 0.98); object-fit: cover}
}
/* Style for Printer */
@media print {
    .print-withdrawal {page-break-before: always; padding: 1.5cm;background: #fff; width: 210mm; height: 297mm; border: solid 1pt #aaa; font-family: "Times New Roman", Times, serif}
}
.required-star {
    color: var(--color-link);
}