/* 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){.post-list-container{display:flex;flex-wrap:wrap}.post-list-item{width:calc(100% - 2px);margin:10px 0;border:1px solid #ccc;background-color:#fff;position:relative}.mc-post-text-wrap{padding:15px;overflow:hidden}.mc-post-title{font-size:16px;font-weight:600;margin-bottom:10px;text-transform:uppercase;text-align:center}.mc-post-title a{color:#666}.blog-title a:hover,.mc-post-title a:hover{color:#ff7800;text-decoration:none}.mc-post-info{margin:0 0 15px 0}.mc-post-text-wrap .button{position:absolute;bottom:15px;width:calc(100% - 30px)}.post-short-description{font-size:13px;margin-bottom:45px}.post-view .post-image{width:100%;margin-bottom:20px;border:1px solid #ccc;padding:9px;display:block;position:relative;min-height:170px}.post-view .intro{font-size:1.2em;padding:20px;margin:20px 0;background-color:#eee;display:block}.blog_link a,a.blog_link{color:#444;font-weight:600}.blog_link a:hover,a:hover.blog_link{color:#ff7800}.blog_link:before{content:"\f061";display:inline-block;font-family:symbol;color:#ff7800;margin:5px;width:25px;font-size:1.2em}.formel{font-style:italic;font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;font-size:1.3em}.blog_table{width:100%;margin-left:0;display:flex;flex-wrap:wrap}.blog_cell{width:100%;padding:5px 10px 2px;font-weight:600}.blog_result{width:100%;padding:2px 10px 5px}.gallery small{width:100%;display:block}.w100{width:100% !important}.formbtn{margin-top:10px;width:calc(100% - 10px)}.cbold{text-align:center;font-weight:900;color:#fff};.bggr{background-color:green}.bgor{background-color:orange}.bgre{background-color:red}}


@media screen and (min-width:500px) and (min-device-width:500px){.post-list-container{width:calc(100% + 20px);margin-left:-10px}.post-list-item{width:calc(100%/2 - 22px);margin:10px}.post-view .post-image{margin:20px 0;padding:19px;min-height:315px}.post-exc{position:absolute;bottom:20%;background-color:rgba(255,255,255,.8);width:80%;padding:20px;font-size:1.2em;border-right:5px solid #ff7800}.blog_cell{width:30%;padding:5px 0 5px 10px;text-align:right}.blog_result{width:70%;padding:5px 10px 5px 5px}}


@media screen and (min-width:800px){.post-list-item{width:calc(100%/3 - 22px)}.mc-post-title{margin:10px 0}.post-view .intro{padding:70px;margin:40px 0}.post-short-description{font-size:14px}.post-view .post-image{min-height:300px}}


@media screen and (min-width:1025px) and (min-device-width:1025px){.mc-post-text-wrap .button:hover{opacity:.8}.blog_table{width:calc(100% - 50px);margin-left:25px}.blog_cell{width:20%}.blog_result{width:80%}.post-view .post-image{min-height:480px}}.blog-title a{height:60px;line-height:60px;font-size:22px;transition:all .2s ease}.post-view p{margin:10px 0}.post-view .classifikation li::before,.post-view .vorteil li::before{margin:2px 5px!important}.post-view h2{margin:30px 0 10px;font-size:1.8em}.post-view h3{margin:20px 0 0;font-size:1.4em}.ytube{background-color:#eee;display:block;width:100%;margin:30px 0;padding:20px}.ytube iframe{margin:0 auto;display:block}.single_img{width:65%;margin:0 auto}.post-view .price-box p{margin:0}math,.math{padding:15px 0 15px 40px !important;display:block}