/* Kategorie CSS */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
section section h2{margin:2em 0 .5em;font-size:22px;border-left:6px solid #ff7800;padding-left:1em;width:100%;line-height:1.2em}
section p{margin:0 0 1.2em;width:100%;display:block}

[id]{scroll-margin-top:130px;}
.seo_cat nav{margin:1em 0 1.5em;border-radius:.5em}
.cat-nav summary{display:flex;align-items:center;cursor:pointer;padding:.9rem 1rem;font-weight:600;list-style:none}
summary::-webkit-details-marker{display:none}
.cat-nav summary::after{content:"";width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease;margin-left:auto}
.cat-nav details[open] summary::after{transform:rotate(-135deg)}
.cat-nav li{border-top:1px solid #fffd}
.cat-nav a{display:block;padding:.75rem 1rem;text-decoration:none;color:inherit}
.cat-nav a:hover{color:#fff9}

.specs{width:100%;border-collapse:separate;border:1px solid #ccc;border-radius:.5em;overflow:hidden;border-spacing:0;margin:1.5em 0}
.specs thead{display:none}
.specs tbody,.specs tr,.specs th,.specs td{display:block;width:100%}
.specs tr{padding:.85em .9em;border-bottom:1px solid #0002;margin:0}
.specs tbody tr:nth-child(even){background:#00000005}
.specs tr:last-of-type{border-bottom:0px}
.specs th,.specs td{padding:0;text-align:left;vertical-align:top}
.specs tbody th{font-weight:600;margin:0 0 .25em}
.specs td:nth-child(2){font-weight:600;text-align:right;margin:-1.5em 0 .35em}
.specs td:nth-child(3){font-size:.9em;color:#000a}

.cat-system-list,.blocks{display:flex;flex-wrap:wrap;gap:1em}
.seo_cat .item{flex:0 0 100%;display:block;position:relative;border:1px solid #0003;border-radius:.5em;overflow:hidden}
.seo_cat .vorteil{padding:20px;background:#f6f5f3;border-radius:.5em}
.cat-system-list .item-desc{position:relative}
.cat-system-list a:hover{text-decoration:none}
.blocks .item{padding:1em}
.blocks h3{margin:0 0 .5em;padding:0 0 .5em;border-bottom:1px dotted #0005;font-size:14px;font-weight:600}
.blocks .item p{font-size:.9em}
.blocks .item p:last-of-type{margin:0 !important}

#service{margin-top:2em;padding:2em;border-radius:.5em;background:#f6f5f3;color:#444}
#service a{display:inline-block;margin-top:.5em;font-weight:900;font-size:16px;color:#222;text-decoration:none}
#service p:last-of-type{margin:0 !important}

#faq .faq-item details{border:1px solid #0003;border-radius:.5em;padding:1em;margin:0 0 1em}
#faq .faq-item summary{display:flex;align-items:center;cursor:pointer;list-style:none;padding:0;position:relative;font-weight:600}
#faq .faq-item summary::before,#faq .faq-item summary::after{content:"";position:absolute;right:.25em;top:50%;width:1rem;height:2px;background:currentColor;transform-origin:center;transition:transform .2s ease}
#faq .faq-item summary::before{transform:translateY(-50%) rotate(0deg)}
#faq .faq-item summary::after{transform:translateY(-50%) rotate(90deg)}
#faq .faq-item details[open] summary::before{transform:translateY(-50%) rotate(45deg)}
#faq .faq-item details[open] summary::after{transform:translateY(-50%) rotate(-45deg)}
#faq .faq-item [itemprop="acceptedAnswer"]{padding:.5em 0 0}
#faq .faq-item [itemprop="text"] > *:first-child{margin-top:.5em}
#faq .faq-item [itemprop="text"] > *:last-child{margin-bottom:0}

/* Tablet */
@media(min-width:768px){
.seo_cat .item{flex:0 0 calc((100% - 2em)/2)}
.specs thead{display:table-header-group;background-color:#333;color:#fff}
.specs tbody{display:table-row-group}
.specs tr{display:table-row;padding:0}
.specs tbody tr:hover {background:#00000010}
.specs th,.specs td{display:table-cell;width:auto;padding:.7em .9em}
.specs thead th{font-weight:600}
.specs tbody th{font-weight:500;margin:0}
.specs td:nth-child(2){font-weight:600;text-align:left;margin:0;white-space:nowrap;}
.specs td:nth-child(3){font-size:1em;color:inherit}
}
/* Tablet Quer */
@media(min-width:1024px){
.seo_cat .item{flex:0 0 calc((100% - 2em)/3)}
.blocks .item{flex:0 0 calc((100% - 2em)/2)}
}
/* Desktop */
@media(min-width:1200px){
.seo_cat nav{margin:1em 0 1.5em}
.cat-nav details{display:block;border:0}
.cat-nav summary{display:none}
.cat-nav ul{display:flex;justify-content:space-between}
.cat-nav li{border:0}
.cat-nav a{white-space:nowrap;color:#fff;padding:.5em}
.blocks .item:hover{background:#ff780022}
}
@media screen and (min-width:300px) and (min-device-width:300px){.box-reviews dt{padding:10px 0 5px;text-transform:uppercase;color:#ff7800;font-weight:600}.box-reviews dd{padding-bottom:10px;border-bottom:1px solid #ccc}.box-reviews dd:last-of-type{border-bottom:none}.ratings-table{font-size:12px;text-transform:uppercase;margin:15px 0;width:100%}.ratings-table td{float:right;clear:right}#product-review-table{margin:40px 0}.ratings td,.ratings th{padding:5px!important}.ratings td.value label{display:none}.form-add .rating-box{text-indent:0;text-align:center;background:0 0;height:19.6px;width:100%}.form-add .rating-box .rating-number::after{content:"";display:inline-block;background-position:0 -599px;width:13px;height:14px;margin-left:5px;position:relative;top:2px}.form-add .rating-box .rating{display:none}.stars .rating-box{width:65px;height:20px;background-position:0 -615px}.stars .rating-box .rating{display:block;background-position:0 -600px;height:13px}.form-add{margin:40px 0}#review-form .input-wrapper{flex-wrap:wrap}#review-form label{width:100%;color:#000;text-align:left;margin-bottom:0}#review-form input,#review-form textarea{width:100%;color:#000}.box-reviews .button{margin-bottom:40px}.review-meta{display:block;font-size:.8em;color:#666}.pager{display:none}.toolbar .pager{display:block}}@media screen and (min-width:500px){.ratings-table{width:40%}.review-meta{display:inline-block}#review-form label{width:40%;margin:0}#review-form textarea{max-width:none}#review-form input,#review-form textarea{width:calc(60% - 20px);margin-left:20px}#review-form .value input{margin-left:0}#review-form .input-wrapper{flex-wrap:nowrap}#review-form .flextop{align-items:flex-start}.box-reviews .button{width:50%}.box-reviews .rating-box{width:65px;height:20px;background-position:0 -615px}.box-reviews .rating-box .rating{display:block}.box-reviews .rating-box .rating-number{display:none}.form-add .rating-box{background-image:url(https://www.s-polytec.com/skin/frontend/zs/default/images/icon_sprite.png)}.form-add .button{width:calc(60% - 20px);margin-left:calc(40% + 20px)}}@media screen and (min-width:1025px) and (min-device-width:1025px){.box-reviews .button{width:calc(50% - 10px)}.form-add .button{width:calc(60% - 20px);margin-left:calc(40% + 20px)}}