.content-trikot-container{border-radius:var(--border-radius);aspect-ratio:1.2}
.content.wrapper.fullwidth .content-trikot-container{aspect-ratio:2.2}
@media(max-width:750px){.content-trikot-container{aspect-ratio:.42}
.content.wrapper.fullwidth .content-trikot-container{aspect-ratio:.49}
}
h2.configurator{font-family:var(--font-family-ultra-condensed);color:var(--text-secondary-color);background:var(--background-tertiary-color);font-size:40px;display:flex;justify-content:flex-start;align-items:center;width:100%;padding:15px 25px;margin:0;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}
@media(max-width:750px){h2.configurator{font-size:30px}
}
@media(max-width:600px){h2.configurator{font-size:25px}
}
@media(max-width:450px){h2.configurator{font-size:18px}
h2.configurator.is-city-district{font-size:16px}
}
div#start-trikot{max-width:1300px;margin:0 auto;border-radius:var(--border-radius)}
.content.wrapper.fullwidth div#start-trikot{max-width:1500px}
#start-trikot form.sizes .member-price{display:block;font-family:var(--font-family);font-size:13px;font-weight:100;line-height:initial;white-space:nowrap;text-align:right}
#start-trikot form.sizes .row.note{display:block;font-family:var(--font-family);font-size:13px;font-weight:100;white-space:nowrap;line-height:17px}
#start-trikot form.sizes .historyprice{color:var(--text-quaternary-color);font-family:var(--font-family);font-size:13px;font-weight:100}
#start-trikot form.sizes .member-price.left{text-align:left;line-height:17px}
#start-trikot form.sizes .member-price span{font-weight:100;line-height:inherit}
#contentTrikotConfigurator{position:relative;display:flex;flex-direction:row;padding:0;flex-wrap:wrap;justify-content:space-around;border-radius:0 0 3px 3px}
@media(min-width:751px){#contentTrikotConfigurator{padding:25px}
}
#trikot-config h4{margin:0;color:var(--text-primary-color);font-size:14px;text-transform:none}
#trikot-config label.heading{display:block;margin:15px 0 5px 0;font-weight:bold;color:var(--text-primary-color);text-transform:uppercase;text-align:left}
#trikot-config .icon-personalize{font-size:22px;margin-left:10px}
#trikot-preview,#trikot-config{width:100%;padding:10px}
#trikot-preview{padding:10px}
@media(min-width:751px){#trikot-preview,#trikot-config{width:50%;padding:10px 0}
}
#trikot-data,#trikot-submit{display:table;padding:0;width:100%}
@media(min-width:751px){#trikot-data,#trikot-submit{padding-left:30px}
}
#trikot-submit{margin-top:30px}
#trikot-submit span:not(.availability):not(.icon):not(.text){font-weight:bold;line-height:20px}
#trikot-submit span:not(.availability):not(.icon){line-height:44px}
#trikot-submit .historyprice span{font-weight:unset;line-height:22px}
#trikot-submit span span{float:none}
#trikot-preview.image img{width:100%;height:auto}
#trikot-preview .flock-front-name,#trikot-preview .flock-front-number,#trikot-preview .flock-back-name,#trikot-preview .flock-back-number{position:absolute;display:none;overflow:visible;line-height:normal;z-index:2}
#trikot-preview .flock-front-name svg,#trikot-preview .flock-front-number svg,#trikot-preview .flock-back-name svg,#trikot-preview .flock-back-number svg{overflow:visible}
#trikot-preview .flock-front-number svg{position:absolute;left:0;top:0}
#trikot-preview .flock-back-name #flock-name img{width:auto}
#trikot-preview .flock-back-number #flock-number,#trikot-preview .flock-front-number #flock-frontnumber,#trikot-preview .flock-back-name #flock-name{display:flex;width:100%;height:100%;justify-content:center}
#trikot-preview .flock-back-number #flock-number img,#trikot-preview .flock-front-number #flock-frontnumber img{width:auto;height:100%}
#trikot-preview .flock-front-number #flock-frontnumber img{height:80%}
#trikot-data .row,#trikot-submit .row{display:flex;align-items:stretch;justify-content:start;margin-top:5px;gap:5px}
@media(max-width:750px){#trikot-data .row{justify-content:start}
#trikot-data .row.flock-container-flocks-variant,#trikot-data .row.options.logos{justify-content:start;margin-top:10px}
}
#trikot-data .row.flocks.discount,#trikot-data .row.logos.discount{justify-content:center;gap:0;flex-wrap:wrap;margin-top:5px;color:var(--text-red)}
#trikot-data .col-1.disabled .row.logos.discount{display:none}
#trikot-data .row.flocks.discount .text,#trikot-data .row.logos.discount .text{padding:0 3px}
.row.name-input{padding-top:10px}
.row.name-input div{margin-bottom:10px}
#trikot-data .row.sizes{align-items:center}
@media(min-width:500px) and (max-width:750px){#trikot-data .row{flex-wrap:nowrap}
}
#trikot-data .col-1,#trikot-data .col-2,#trikot-data .col-3,#trikot-data .sizes,#trikot-data .note,#trikot-data .historyprice,#trikot-submit .col-1,#trikot-submit .col-2,#trikot-submit .col-3,#trikot-submit .historyprice{width:100%;margin:0}
#start-trikot form.sizes .member-price-total,#trikot-submit .row.note,#start-trikot form.sizes .historyprice,#trikot-submit .row.availability{line-height:22px}
#trikot-submit .row.availability{font-family:var(--font-family-bold-condensed)}
#trikot-data .row.flock-container-flocks-variant .col-1,#trikot-data .row.options-logos .col-1,#trikot-data .row.flocks .col-1,#trikot-data .row.options.logos .col-1{max-width:33%;position:relative}
#trikot-submit .row.availability{line-height:15px;font-size:15px;margin-top:10px;margin-bottom:15px}
@media(min-width:450px){#trikot-submit .row.availability{font-size:18px}
}
@media(min-width:751px){#trikot-data .col-2,#trikot-submit .col-2{width:66%;margin:0}
#trikot-submit .row.note,#trikot-submit .historyprice{margin:0}
}
#trikot-data .flock-container-flocks-master .col-1,#trikot-data .flock-container-flocks-variant .col-1,#trikot-data .col-1.options.logos{max-width:32%}
#trikot-config .size-price{display:block;font-family:var(--font-family-bold-condensed);text-align:right;font-weight:bold;font-size:20px}
#trikot-config .size-price .has-crossed-price{display:block;white-space:nowrap;padding-left:4px}
#trikot-config .size-price .itp-container{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap}
#trikot-config .size-price .itp-text{font-size:16px;font-weight:400;color:var(--text-red)}
#trikot-data .selectfield{padding:10px 20px 8px 10px;margin:0;width:100%;border:1px solid var(--border-tertiary-color)}
#trikot-data #variantId.selectfield{color:#000}
#select-product input[type=checkbox],#select-product input[type=radio]{display:none}
#select-product .row.options.sizes,#printing-type,#logos{width:100%;margin:10px 0 15px 0}
#trikot-data .row.options.sizes input + label{border:1px solid #888;margin:10px 3px 0 0;padding:6px 4px;min-width:44px}
#ownname-input{display:flex;justify-content:space-between;flex-wrap:nowrap}
#ownname-input #text-number,#ownname-input #text-name{margin:0 0 5px 0;border:1px solid var(--border-tertiary-color)}
#ownname-input #text-number{width:30%}
#ownname-input #text-name{width:100%}
@media(max-width:750px){#ownname-input #text-name{width:68%}
}
@media(min-width:500px){#ownname-input{flex-wrap:nowrap}
#ownname-input #text-number{margin:0 5px 0 0;width:32.5%}
}
#sizes-hint,#ownname-input-hint{display:none;width:auto;border:0;text-align:left;padding:0;margin:10px 0 17px 0;position:relative}
#sizes-hint:before,#ownname-input-hint:before{content:attr(data-hint);background-color:var(--background-primary-color);border:2px solid var(--background-tertiary-color);font-size:13px;padding:13px 15px;display:inline-block;border-radius:4px;font-weight:500;width:initial;text-align:center}
#sizes-hint:after,#ownname-input-hint:after{content:"";display:block;height:21px;transform:rotate(45deg) translate(-9px,9px);width:21px;background-color:var(--background-primary-color);border:2px solid var(--background-tertiary-color);margin:-12px auto 4px auto;border-left:0;border-top:0;position:absolute;left:50%}
#trikot-data input,#trikot-data select,#personalization-conf-data input{font-size:14px;padding:0 10px 0 15px}
#trikot-data input[type="radio"],#trikot-data input[type="checkbox"]{opacity:0;margin:0;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);display:block}
#personalization-conf-data input.disabled,#personalization-conf-data input.disabled{color:var(--text-disabled-input-color)}
form.sizes input + label.flocklable,form.sizes input + label.logolable{width:100%;height:100%;text-align:center;padding:10px 5px;border:1px solid var(--border-tertiary-color);border-radius:var(--border-radius);margin:0;font-size:12px;background:#fff}
@media(max-width:450px){form.sizes input + label.flocklable,form.sizes input + label.logolable{font-size:12px}
}
#trikot-data input[type="radio"]:focus-visible + label,#trikot-data input[type="checkbox"]:focus-visible + label{outline:2px solid var(--border-tertiary-color);outline-offset:2px}
form.sizes input:checked + label.flocklable,form.sizes input:checked + label.logolable{border-color:var(--border-quaternary-color);border-width:3px;color:inherit;background:#fff;padding:10px 3px;outline:unset;outline-offset:0}
form.sizes label.flocklable .icon{display:block;font-size:25px}
.flocklable .flock-image img{max-height:42px;vertical-align:middle;width:auto}
.flocklable .city-district-image{display:block;margin:0 auto}
#ownname-price,#playername-price,#noflock-price{display:block;margin-top:3px}
#ownname-price,#playername-price,#noflock-price,.logolable .logo-price{font-family:var(--font-family-bold-condensed)}
form.sizes input + label.logolable{text-align:center}
.logolable .logo-image{display:block;text-align:center}
.logolable .logo-image img{height:30px;width:auto}
.logolable .logo-price{font-weight:bold;display:block;margin-top:3px}
#trikot-submit .btn.cart,#trikot-submit #stockalert-btn{min-width:210px;display:flex;font-size:17px;font-family:var(--font-family-light);text-transform:unset;justify-content:center;align-items:center;gap:5px;padding:0;margin-top:0;position:relative}
@media(max-width:750px){#trikot-submit .btn.cart,#trikot-submit #stockalert-btn{width:100%;justify-content:center;gap:10px}
}
#trikot-submit #stockalert-btn span.text{font-size:17px}
#trikot-submit .btn.cart .icon,#trikot-submit .stockalert .icon-stockalert{font-size:30px}
#trikot-submit .btn.cart .loading-container{width:44px;height:44px;position:relative;margin:0 auto;left:unset;top:unset;transform:none}
#trikot-submit .btn.cart .loading-ring div{width:40px;height:40px}
#trikot-submit .price_total{display:block;line-height:35px;font-size:20px;font-family:var(--font-family-bold-condensed)}
@media(max-width:750px){#trikot-submit .price_total{font-size:18px}
}
#trikot-submit #totalPrice{font-size:30px;line-height:40px;font-family:var(--font-family-bold-condensed);font-weight:normal}
#trikot-submit span.green{color:var(--delivery-green)}
#trikot-submit span.orange{color:var(--delivery-orange)}
#trikot-submit span.red{color:var(--delivery-red)}
#trikot-data .switch-view{float:left;padding:10px 15px;background:#d5d5d5;border-radius:3px;cursor:pointer;font-size:14px;color:var(--text-primary-color);border:0}
#trikot-data .switch-view span{display:inline-block;vertical-align:middle;font-weight:500}
#trikot-data .switch-view span.icon-turn{font-size:25px;transition:transform .7s ease-out}
#trikot-data .switch-view.front-active span.icon-turn{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg)}
#trikot-data .switch-view.back-active span.icon-turn{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg)}
#preview-loading{display:none;position:absolute;width:100%;height:100%;background:rgba(255,255,255,.8);z-index:1}
#preview-loading .trikot-preloader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}