.Elemente-module-scss-module__yJt9kq__noListStyle{list-style:none}
.CodeBlock-module-scss-module__qCRBCW__code-box{background:var(--code-box-bg);border:1px solid var(--border-color);border-radius:12px;margin-top:2em;padding:12px 8px 8px;position:relative;overflow:hidden}.CodeBlock-module-scss-module__qCRBCW__code-box .CodeBlock-module-scss-module__qCRBCW__code-example-header{flex-direction:row;align-items:center;margin:0;padding:0 0 8px 8px;display:flex}.CodeBlock-module-scss-module__qCRBCW__code-box .CodeBlock-module-scss-module__qCRBCW__copy-btn-wrapper{right:5px}.CodeBlock-module-scss-module__qCRBCW__code-box span{color:var(--text-muted);font-size:14px}.CodeBlock-module-scss-module__qCRBCW__code-box h4{color:var(--text-dark);font-size:.9rem}.CodeBlock-module-scss-module__qCRBCW__code-box .CodeBlock-module-scss-module__qCRBCW__code-editor{border-radius:10px!important;margin:0!important;padding:20px!important;font-size:14px!important}.CodeBlock-module-scss-module__qCRBCW__code-box .CodeBlock-module-scss-module__qCRBCW__code-editor .CodeBlock-module-scss-module__qCRBCW__react-syntax-highlighter-line-number{font-style:normal!important}.CodeBlock-module-scss-module__qCRBCW__copy-btn{background:var(--code-btn-bg);border:1px solid var(--border-color);color:#fff;cursor:pointer;z-index:10;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;display:flex;position:absolute;right:8px}.CodeBlock-module-scss-module__qCRBCW__copy-btn svg{color:#fff;fill:currentColor;width:20px;height:20px}.CodeBlock-module-scss-module__qCRBCW__copy-btn:hover{background:var(--code-btn-hover);color:#fff}.CodeBlock-module-scss-module__qCRBCW__copy-btn:hover svg{color:#fff}.CodeBlock-module-scss-module__qCRBCW__copy-btn span{color:#fff;font-size:12px}
.code{vertical-align:middle;margin-right:6px;font-family:Fira Code,monospace;font-size:.85rem;display:inline-block}.bracket{color:#abb2bf}.tag{color:#e06c75}.attribute{color:#d19a66;margin-left:4px}.value{color:#98c379}.innerText{color:#6a737d}.attr{color:#d19a66}.text{color:#6a737d}
.pages [class*=code-editor] .token.comment{color:#5c6370;font-style:italic}.pages [class*=code-editor] .token.selector{color:#e06c75}.pages [class*=code-editor] .token.property{color:#d19a66}.pages [class*=code-editor] .token.punctuation{color:#abb2bf}.pages [class*=code-editor] .token.string,.pages [class*=code-editor] .token.number,.pages [class*=code-editor] .token.unit,.pages [class*=code-editor] .token.hexcode,.pages [class*=code-editor] .token.keyword{color:#98c379}.pages [class*=code-editor] .token.tag.style{color:#e06c75}.abstandOben{color:var(--text-dark);margin-top:2rem;font-family:Arial,sans-serif}.abstandOben li{margin-bottom:1rem;line-height:1.6}.abstandOben li .code{vertical-align:middle;margin-right:6px;font-family:Fira Code,monospace;font-size:.85rem;display:inline-block}.abstandOben li .bracket{color:#6f7d95}.abstandOben li .tag{color:#ff335f}.abstandOben li .attribute{color:#ff9f1c;margin-left:4px}.abstandOben li .value{color:#18b96f}.abstandOben li .innerText{color:#2563eb}
.TableOfContents-module-scss-module__iJ_9MW__toc{background:var(--info-bg);border:1px solid var(--info-border);border-radius:16px;margin:2rem 0;padding:1.25rem 1.5rem}.TableOfContents-module-scss-module__iJ_9MW__title{color:var(--text-dark);margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.TableOfContents-module-scss-module__iJ_9MW__list,.TableOfContents-module-scss-module__iJ_9MW__subList{counter-reset:item;margin:0;padding-left:0;line-height:1.6;list-style:none}.TableOfContents-module-scss-module__iJ_9MW__list>li,.TableOfContents-module-scss-module__iJ_9MW__subList>li{counter-increment:item;margin-bottom:.4rem;padding-left:1.25rem}.TableOfContents-module-scss-module__iJ_9MW__list>li:before,.TableOfContents-module-scss-module__iJ_9MW__subList>li:before{content:counters(item, ".") ". ";color:var(--text-dark);font-weight:500}.TableOfContents-module-scss-module__iJ_9MW__list a,.TableOfContents-module-scss-module__iJ_9MW__subList a{color:var(--primary-color);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s}.TableOfContents-module-scss-module__iJ_9MW__list a:hover,.TableOfContents-module-scss-module__iJ_9MW__list a:focus,.TableOfContents-module-scss-module__iJ_9MW__subList a:hover,.TableOfContents-module-scss-module__iJ_9MW__subList a:focus{color:var(--hover-color)}.TableOfContents-module-scss-module__iJ_9MW__subList{margin-top:.35rem}
.table{border-collapse:collapse;border:none;width:auto;border-spacing:0!important}.th{background-color:#0000;border:none;padding:0;font-weight:400}.td{border:none;padding:0}
.pages{font-family:Arial,sans-serif}.pages h1{margin-bottom:10px}.pages p{margin-bottom:20px}.pages .version1{margin-top:20px}.pages .version1 .content table,.pages .version1 .content th,.pages .version1 .content td{border:1px solid var(--border-color);padding:1rem}.pages .version2 table{width:100%;font-family:Arial,sans-serif}.pages .version2 table th{text-align:left;background:var(--bg-muted);color:var(--text-dark);padding:12px 16px;font-weight:600}.pages .version2 table td{border-bottom:1px solid var(--border-color);color:var(--text-dark);padding:12px 16px}.pages .version3 table{width:100%;border-spacing:0!important}.pages .version3 table tr:nth-child(2n){background-color:var(--bg-subtle)}
.iframe{width:100%;height:250px}@media (min-width:840px){.iframe{height:300px}}@media (min-width:1300px){.iframe{height:400px}}@media (min-width:1500px){.iframe{height:500px}}
.card{background-color:#add8e6;border:1px solid gray;width:200px;padding:20px}.container{justify-content:space-around;display:flex}.box3{border:1px solid var(--border-color);padding:40px}
.Einheiten-module-scss-module__3nZ7ra__einheiten h2{margin-top:3rem}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__emErklaerung{margin-top:1.35rem}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__emErklaerung .Einheiten-module-scss-module__3nZ7ra__hinweis{border-left:4px solid var(--layout-primary);background:var(--layout-active-bg);color:var(--text-dark);border-radius:8px;margin-top:1.35rem;padding:1rem 1.35rem}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__emErklaerung .Einheiten-module-scss-module__3nZ7ra__hinweis strong{color:var(--primary-color)}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__emRemFazit{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:12px;margin-top:1.75rem;padding:1.35rem}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__emRemFazit h3{margin-top:0;margin-bottom:1.35rem}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle{border-collapse:collapse;width:100%;box-shadow:var(--shadow-sm);background:var(--layout-panel-bg);border-radius:8px;overflow:hidden}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle thead tr{background:linear-gradient(135deg, var(--bg-elevated) 0%, var(--bg-subtle) 100%)}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle thead th{text-align:left;color:var(--text-dark);border-bottom:2px solid var(--border-color);padding:14px 16px;font-size:14px;font-weight:600}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle tbody tr{transition:background-color .3s}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle tbody tr:hover{background-color:var(--layout-active-bg)}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle tbody tr:not(:last-child) td{border-bottom:1px solid var(--border-color)}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle tbody td{vertical-align:top;color:var(--text-dark);padding:14px 16px;line-height:1.55}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle tbody td:first-child{background:var(--bg-elevated);width:18%;min-width:120px;font-size:14px}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle tbody td:first-child strong{color:var(--primary-color);margin-bottom:4px;font-size:16px;display:block}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle tbody td:first-child em{color:var(--text-muted);font-size:14px}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle tbody td ul{margin:0;padding-left:1.2rem;line-height:1.75}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle tbody td ul li{margin-bottom:.5rem}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle tbody td ul li:last-child{margin-bottom:0}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__listeNachCode{margin-top:2.8rem}@media (max-width:768px){.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle thead th,.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle tbody td{padding:10px 12px;font-size:14px}.Einheiten-module-scss-module__3nZ7ra__einheiten .Einheiten-module-scss-module__3nZ7ra__vergleichsTabelle tbody td:first-child{min-width:100px}}
.output1 input[type]{border:2px solid #00f}.output2 input[type=password]{background-color:#d3d3d3}.output3 [class~=highlight]{color:orange}.output4 [lang|=de]{color:green}.output5 a[href^=https]{color:red}.output6 a[href$=\.pdf]{font-weight:700}.output7 a[href*=produkte]{background-color:#add8e6}.output8 input[type=email i]{border:2px solid purple}
.CssGridGrundlagen-module-scss-module__8S-67G__gridDemo .container{background-color:#f5f5f5;border:2px dashed #888;grid-template-columns:1fr 1fr;gap:8px;padding:8px;display:grid}.CssGridGrundlagen-module-scss-module__8S-67G__gridDemo .container>div{color:#fff;text-align:center;background-color:#1d6bd9;border:2px solid #2d62ad;padding:12px}
.InteraktionsPseudoklassen-module-scss-module__2EPpyG__output1 button{background-color:var(--bg-muted);border:none;border-radius:10px;padding:10px}.InteraktionsPseudoklassen-module-scss-module__2EPpyG__output1 button:hover{background-color:var(--accent-coral)}.InteraktionsPseudoklassen-module-scss-module__2EPpyG__output2 button{background-color:var(--bg-muted);border:none;border-radius:10px;padding:10px}.InteraktionsPseudoklassen-module-scss-module__2EPpyG__output2 button:active{transform:scale(.95)}.InteraktionsPseudoklassen-module-scss-module__2EPpyG__output3 input{all:revert}.InteraktionsPseudoklassen-module-scss-module__2EPpyG__output3 input:focus{border:2px solid red;outline:none}.InteraktionsPseudoklassen-module-scss-module__2EPpyG__output4 .content a:link{color:#00f}.InteraktionsPseudoklassen-module-scss-module__2EPpyG__output4 .content a:visited{color:purple}
.StrukturPseudoklassen-module-scss-module__PivxfG__output1 li:first-child{color:red}.StrukturPseudoklassen-module-scss-module__PivxfG__output2 li:last-child{color:#00f}.StrukturPseudoklassen-module-scss-module__PivxfG__output3 li:nth-child(2){color:orange}.StrukturPseudoklassen-module-scss-module__PivxfG__output4 li:nth-child(2n){color:green}.StrukturPseudoklassen-module-scss-module__PivxfG__output5 li:nth-child(odd){color:red}.StrukturPseudoklassen-module-scss-module__PivxfG__output6 li:nth-child(3n){color:#00f}.StrukturPseudoklassen-module-scss-module__PivxfG__output7 li:nth-last-child(2){color:red}.StrukturPseudoklassen-module-scss-module__PivxfG__output8 p:nth-of-type(2){color:purple}
.PseudoElemente-module-scss-module__7e10ja__output1 p:before{content:"👉 "}.PseudoElemente-module-scss-module__7e10ja__output2 p:after{content:" 🚀"}.PseudoElemente-module-scss-module__7e10ja__output3 p:first-letter{color:red;font-size:35px}.PseudoElemente-module-scss-module__7e10ja__output4 p:first-line{color:#00f;font-weight:700}.PseudoElemente-module-scss-module__7e10ja__output5 p::selection{color:#000;background-color:#ff0}.PseudoElemente-module-scss-module__7e10ja__output6 input::placeholder{color:gray;font-style:italic}.PseudoElemente-module-scss-module__7e10ja__output7 li::marker{color:red;font-size:1.5em}
.CssGridLayoutContainer-module-scss-module__Jjgzra__cardGridDemo .card-grid{display:grid}.CssGridLayoutContainer-module-scss-module__Jjgzra__cardGridDemo .card{color:#fff;background-color:#1e6bd9}.CssGridLayoutContainer-module-scss-module__Jjgzra__cardGridThreeColumnsDemo .card-grid{grid-template-columns:1fr 1fr 1fr;display:grid}.CssGridLayoutContainer-module-scss-module__Jjgzra__cardGridThreeColumnsDemo .card{color:#fff;background-color:#1e6bd9}.CssGridLayoutContainer-module-scss-module__Jjgzra__layoutRowsDemo .layout{grid-template-rows:100px 200px;display:grid}:is(.CssGridLayoutContainer-module-scss-module__Jjgzra__layoutRowsDemo .layout>header,.CssGridLayoutContainer-module-scss-module__Jjgzra__layoutRowsDemo .layout>main){box-sizing:border-box;border:2px solid #1e6bd9;justify-content:center;align-items:center;padding:8px;display:flex}
.Textausrichtung-module-scss-module__0PvkFW__output2 p{text-align:center}.Textausrichtung-module-scss-module__0PvkFW__output3 p{text-align:right}.Textausrichtung-module-scss-module__0PvkFW__output4 p{text-align:justify}
.Textdecoration-module-scss-module__tccQsq__output1 p{text-decoration:underline}.Textdecoration-module-scss-module__tccQsq__output2 p{text-align:left;text-decoration:overline}.Textdecoration-module-scss-module__tccQsq__output3 p{text-align:left;text-decoration:line-through}.Textdecoration-module-scss-module__tccQsq__output4 a{text-decoration:none}.Textdecoration-module-scss-module__tccQsq__output5 p{-webkit-text-decoration:underline red;text-decoration:underline red}.Textdecoration-module-scss-module__tccQsq__output6 p{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.Textdecoration-module-scss-module__tccQsq__output7 p{text-decoration:underline;text-decoration-thickness:3px}
.ZeilenhoeheBuchstabenUndWortabstand-module-scss-module__fxPySW__output1 p{line-height:1}.ZeilenhoeheBuchstabenUndWortabstand-module-scss-module__fxPySW__output2 p{line-height:1.5}.ZeilenhoeheBuchstabenUndWortabstand-module-scss-module__fxPySW__output3 p{line-height:2}.ZeilenhoeheBuchstabenUndWortabstand-module-scss-module__fxPySW__output4 p{letter-spacing:2px}.ZeilenhoeheBuchstabenUndWortabstand-module-scss-module__fxPySW__output5 p{letter-spacing:6px}.ZeilenhoeheBuchstabenUndWortabstand-module-scss-module__fxPySW__output6 p{letter-spacing:-1px}.ZeilenhoeheBuchstabenUndWortabstand-module-scss-module__fxPySW__output7 p{word-spacing:10px}.ZeilenhoeheBuchstabenUndWortabstand-module-scss-module__fxPySW__output8 p{word-spacing:20px}
.Kombinatoren-module-scss-module__ff3T4a__output1 div p{color:#00f}.Kombinatoren-module-scss-module__ff3T4a__output2 div>p{color:red}.Kombinatoren-module-scss-module__ff3T4a__output3 h2+p{color:green}.Kombinatoren-module-scss-module__ff3T4a__output4 h2~p{color:orange}
.Farbdefinitionen-module-scss-module__Q8CQUq__output1 p{color:red}.Farbdefinitionen-module-scss-module__Q8CQUq__output1b h2{color:#00f}.Farbdefinitionen-module-scss-module__Q8CQUq__output1b p{color:green}.Farbdefinitionen-module-scss-module__Q8CQUq__output1b span{color:tomato}.Farbdefinitionen-module-scss-module__Q8CQUq__output1b .Farbdefinitionen-module-scss-module__Q8CQUq__box{color:purple;background-color:#d3d3d3;padding:10px}.Farbdefinitionen-module-scss-module__Q8CQUq__output2 p{color:#3498db}.Farbdefinitionen-module-scss-module__Q8CQUq__output3 p{color:#2ecc71}.Farbdefinitionen-module-scss-module__Q8CQUq__output4 .Farbdefinitionen-module-scss-module__Q8CQUq__content{background:repeating-linear-gradient(45deg,#e0e0e0,#e0e0e0 10px,#f5f5f5 10px 20px)}.Farbdefinitionen-module-scss-module__Q8CQUq__output4 .box{background-color:#e74c3c80;padding:15px}.Farbdefinitionen-module-scss-module__Q8CQUq__output5 p{color:#93c}.Farbdefinitionen-module-scss-module__Q8CQUq__output6 .Farbdefinitionen-module-scss-module__Q8CQUq__content{background:repeating-linear-gradient(45deg,#e0e0e0,#e0e0e0 10px,#f5f5f5 10px 20px)}.Farbdefinitionen-module-scss-module__Q8CQUq__output6 .box{background-color:#1aa1e680;padding:15px}
.HintergrundBilderundFarben-module-scss-module__XcR24W__output1 .HintergrundBilderundFarben-module-scss-module__XcR24W__innercontent{background-color:#cdcdcd;width:100%;height:200px;padding:15px}.HintergrundBilderundFarben-module-scss-module__XcR24W__output2 button{color:#fff;cursor:pointer;background-color:#4169e1;border:none;border-radius:6px;padding:10px 16px}.HintergrundBilderundFarben-module-scss-module__XcR24W__output3 .HintergrundBilderundFarben-module-scss-module__XcR24W__box{background-image:var(--bg-image);color:#fff;background-position:50%;background-size:cover;height:150px;padding:15px;font-weight:700}.HintergrundBilderundFarben-module-scss-module__XcR24W__output4 .HintergrundBilderundFarben-module-scss-module__XcR24W__box{background-image:var(--bg-image);background-repeat:no-repeat;background-size:80px;border:1px solid #ccc;height:120px;padding:10px}.HintergrundBilderundFarben-module-scss-module__XcR24W__output5 .HintergrundBilderundFarben-module-scss-module__XcR24W__box{background-image:var(--bg-image);color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;height:150px;padding:15px;font-weight:700}.HintergrundBilderundFarben-module-scss-module__XcR24W__output6 .HintergrundBilderundFarben-module-scss-module__XcR24W__box{background-image:var(--bg-image);background-color:#f5f5f5;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #ccc;height:150px;padding:10px}.HintergrundBilderundFarben-module-scss-module__XcR24W__output7 .HintergrundBilderundFarben-module-scss-module__XcR24W__box{background-image:var(--bg-image);background-repeat:repeat;background-size:80px;border:1px solid #ccc;height:120px;padding:10px}
.output1 .box{background:linear-gradient(red,#00f);width:300px;height:150px}.output2 .box{background:linear-gradient(90deg,red,#00f);width:300px;height:150px}.output3 .box{background:linear-gradient(270deg,red,#00f);width:300px;height:150px}.output4 .box{background:linear-gradient(to bottom right,red,#00f);width:300px;height:150px}.output5 .box{background:linear-gradient(to bottom left,red,#00f);width:300px;height:150px}.output6 .box{background:linear-gradient(45deg,red,#00f);width:300px;height:150px}.output7 .box{background:linear-gradient(90deg,red,#00f);width:300px;height:150px}.output8 .box{background:linear-gradient(red,#ff0,green);width:300px;height:150px}.output9 .box{background:linear-gradient(90deg,red 20%,#00f 80%);width:300px;height:150px}.output10 .box{background:linear-gradient(90deg,red 50%,#00f 50%);width:300px;height:150px}.output11 .box{background:radial-gradient(red,#00f);width:300px;height:150px}.output12 .box{background:radial-gradient(circle at 0 0,red,#00f);width:300px;height:150px}
.Transparenz-module-scss-module__kAeFXG__output1 .Transparenz-module-scss-module__kAeFXG__content{background:repeating-linear-gradient(45deg,#e0e0e0,#e0e0e0 10px,#f5f5f5 10px 20px)}.Transparenz-module-scss-module__kAeFXG__output1 .box{color:#fff;opacity:.5;background-color:#4169e1;padding:15px}.Transparenz-module-scss-module__kAeFXG__output2 .Transparenz-module-scss-module__kAeFXG__content{background:repeating-linear-gradient(45deg,#e0e0e0,#e0e0e0 10px,#f5f5f5 10px 20px)}.Transparenz-module-scss-module__kAeFXG__output2 .box{color:#222;background-color:#e74c3c80;padding:15px}.Transparenz-module-scss-module__kAeFXG__output3 .Transparenz-module-scss-module__kAeFXG__content{background:repeating-linear-gradient(45deg,#e0e0e0,#e0e0e0 10px,#f5f5f5 10px 20px)}.Transparenz-module-scss-module__kAeFXG__output3 .box{color:#222;background-color:#1aa1e680;padding:15px}.Transparenz-module-scss-module__kAeFXG__comparison{flex-wrap:wrap;gap:1.5rem;margin-top:.5rem;display:flex}.Transparenz-module-scss-module__kAeFXG__comparison .Transparenz-module-scss-module__kAeFXG__column{flex:220px}.Transparenz-module-scss-module__kAeFXG__comparison .Transparenz-module-scss-module__kAeFXG__label{margin-bottom:.5rem;font-size:.85rem;font-weight:600}.Transparenz-module-scss-module__kAeFXG__output4 .Transparenz-module-scss-module__kAeFXG__content{background:repeating-linear-gradient(45deg,#e0e0e0,#e0e0e0 10px,#f5f5f5 10px 20px)}.Transparenz-module-scss-module__kAeFXG__output4 .box{color:#fff;opacity:.5;background-color:#4169e1;padding:15px}.Transparenz-module-scss-module__kAeFXG__output5 .Transparenz-module-scss-module__kAeFXG__content{background:repeating-linear-gradient(45deg,#e0e0e0,#e0e0e0 10px,#f5f5f5 10px 20px)}.Transparenz-module-scss-module__kAeFXG__output5 .box{color:#222;background-color:#4169e180;padding:15px}.Transparenz-module-scss-module__kAeFXG__output6 .Transparenz-module-scss-module__kAeFXG__content{padding:0}.Transparenz-module-scss-module__kAeFXG__output6 .card{background-image:var(--overlay-image);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:140px;position:relative}.Transparenz-module-scss-module__kAeFXG__output6 .overlay{color:#fff;background-color:#00000073;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.Transparenz-module-scss-module__kAeFXG__output7 .Transparenz-module-scss-module__kAeFXG__content{background:repeating-linear-gradient(45deg,#e0e0e0,#e0e0e0 10px,#f5f5f5 10px 20px)}.Transparenz-module-scss-module__kAeFXG__output7 .button{color:#fff;cursor:pointer;background-color:#4169e1;border:none;border-radius:4px;padding:10px 20px;transition:opacity .2s;display:inline-block}.Transparenz-module-scss-module__kAeFXG__output7 .button:hover{opacity:.7}
.box-modell-image{max-width:100%;height:auto;margin:20px auto 0;display:block}.box-modell-output .box{border-radius:0;display:inline-block}.box-modell-output--content .box{background-color:#b3d4fc;border:1px dashed #666;width:200px;height:100px}.box-modell-output--padding .box{background-color:#b3d4fc;border:1px dashed #666;width:200px;padding:20px}.box-modell-output--border .box{background-color:#e8f0fe;border:3px solid #4169e1;width:200px;padding:15px}.box-modell-output--margin .content{background-color:#e0e0e0}.box-modell-output--margin .box{background-color:#b8e6b8;border:1px solid #666;width:200px;margin:30px;padding:15px}.box-modell-output--content-box .box{box-sizing:content-box;background-color:#fadbd8;border:5px solid #4169e1;width:200px;padding:20px}.box-modell-output--border-box .box{box-sizing:border-box;background-color:#d5f5e3;border:5px solid #4169e1;width:200px;padding:20px}
:is(.BoxSizing-module-scss-module__yuq36G__output .output,.BoxSizing-module-scss-module__yuq36G__output .content,.BoxSizing-module-scss-module__yuq36G__output .box){border-radius:0}.BoxSizing-module-scss-module__yuq36G__output .box{display:inline-block}.BoxSizing-module-scss-module__yuq36G__contentBox .box{box-sizing:content-box;background-color:#fadbd8;border:5px solid #4169e1;width:200px;padding:20px}.BoxSizing-module-scss-module__yuq36G__borderBox .box{box-sizing:border-box;background-color:#d5f5e3;border:5px solid #4169e1;width:200px;padding:20px}.BoxSizing-module-scss-module__yuq36G__comparison{flex-wrap:wrap;gap:1.5rem;margin-top:.5rem;display:flex}.BoxSizing-module-scss-module__yuq36G__comparison .BoxSizing-module-scss-module__yuq36G__column{flex:200px}.BoxSizing-module-scss-module__yuq36G__comparison .BoxSizing-module-scss-module__yuq36G__label{margin-bottom:.5rem;font-size:.85rem;font-weight:600}.BoxSizing-module-scss-module__yuq36G__layoutDemo .BoxSizing-module-scss-module__yuq36G__container{background-color:#f5f5f5;border:2px dashed #888;flex-wrap:wrap;gap:0;display:flex}.BoxSizing-module-scss-module__yuq36G__layoutDemo .BoxSizing-module-scss-module__yuq36G__item{text-align:center;background-color:#b3d4fc;border:5px solid #4169e1;width:50%;padding:15px;font-size:.9rem}.BoxSizing-module-scss-module__yuq36G__layoutDemoContentBox .BoxSizing-module-scss-module__yuq36G__item{box-sizing:content-box}.BoxSizing-module-scss-module__yuq36G__layoutDemoBorderBox .BoxSizing-module-scss-module__yuq36G__item{box-sizing:border-box}.BoxSizing-module-scss-module__yuq36G__sizeHint{opacity:.85;margin-top:.5rem;font-size:.85rem}
.DisplayTypen-module-scss-module__2JcCgW__blockDemo .item{background-color:#d6eaf8;border:2px solid #4169e1;margin-bottom:4px;padding:8px 12px}.DisplayTypen-module-scss-module__2JcCgW__inlineDemo .item{background-color:#d5f5e3;border:2px solid #4169e1;padding:4px 8px}.DisplayTypen-module-scss-module__2JcCgW__inlineBlockDemo .item{text-align:center;background-color:#fdebd0;border:2px solid #4169e1;width:120px;padding:8px 16px;display:inline-block}.DisplayTypen-module-scss-module__2JcCgW__flexDemo .container{background-color:#f5f5f5;border:2px dashed #888;gap:8px;padding:8px;display:flex}.DisplayTypen-module-scss-module__2JcCgW__flexDemo .item{text-align:center;background-color:#aed6f1;border:2px solid #2980b9;flex:1;padding:12px 16px}.DisplayTypen-module-scss-module__2JcCgW__gridDemo .container{background-color:#f5f5f5;border:2px dashed #888;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:8px;display:grid}.DisplayTypen-module-scss-module__2JcCgW__gridDemo .item{text-align:center;background-color:#d7bde2;border:2px solid #8e44ad;padding:12px}.DisplayTypen-module-scss-module__2JcCgW__noneDemo .visible{background-color:#d6eaf8;border:2px solid #4169e1;padding:8px 12px}.DisplayTypen-module-scss-module__2JcCgW__noneDemo .hidden{background-color:#fadbd8;border:2px solid red;padding:8px 12px;display:none}.DisplayTypen-module-scss-module__2JcCgW__contentsDemo .wrapper{background-color:#f5f5f5;border:2px dashed #888;padding:8px}.DisplayTypen-module-scss-module__2JcCgW__contentsDemo .contents{background-color:#fadbd8;border:3px solid red;padding:20px;display:contents}.DisplayTypen-module-scss-module__2JcCgW__contentsDemo .item{background-color:#d6eaf8;border:2px solid #4169e1;margin:4px 0;padding:8px 12px}.DisplayTypen-module-scss-module__2JcCgW__listItemDemo .item{margin-left:1.5rem;padding:4px 0;display:list-item}.DisplayTypen-module-scss-module__2JcCgW__tableDemo .table{border-collapse:collapse;border:2px solid #888;width:100%;display:table}.DisplayTypen-module-scss-module__2JcCgW__tableDemo .row{display:table-row}.DisplayTypen-module-scss-module__2JcCgW__tableDemo .cell{background-color:#eaf2f8;border:1px solid #888;padding:10px 14px;display:table-cell}.DisplayTypen-module-scss-module__2JcCgW__tableDemo .header{background-color:#d6eaf8;border:1px solid #888;padding:10px 14px;font-weight:600;display:table-cell}
.Floatundclear-module-scss-module__x8B7za__floatLeftDemo .container{background-color:#f9f9f9;border:2px dashed #888;padding:12px;overflow:hidden}.Floatundclear-module-scss-module__x8B7za__floatLeftDemo .float-box{float:left;color:#1a5276;background-color:#aed6f1;border:2px solid #2980b9;justify-content:center;align-items:center;width:100px;height:80px;margin:0 12px 8px 0;font-size:.85rem;font-weight:600;display:flex}.Floatundclear-module-scss-module__x8B7za__floatLeftDemo p{margin:0;line-height:1.6}.Floatundclear-module-scss-module__x8B7za__floatRightDemo .container{background-color:#f9f9f9;border:2px dashed #888;padding:12px;overflow:hidden}.Floatundclear-module-scss-module__x8B7za__floatRightDemo .float-box{float:right;color:#6c3483;background-color:#d7bde2;border:2px solid #8e44ad;justify-content:center;align-items:center;width:100px;height:80px;margin:0 0 8px 12px;font-size:.85rem;font-weight:600;display:flex}.Floatundclear-module-scss-module__x8B7za__floatRightDemo p{margin:0;line-height:1.6}.Floatundclear-module-scss-module__x8B7za__clearDemo .container{background-color:#f9f9f9;border:2px dashed #888;padding:12px}.Floatundclear-module-scss-module__x8B7za__clearDemo .box{text-align:center;background-color:#d6eaf8;border:2px solid #4169e1;width:120px;margin-bottom:8px;padding:12px;font-size:.85rem;font-weight:600}.Floatundclear-module-scss-module__x8B7za__clearDemo .left{float:left;margin-right:8px}.Floatundclear-module-scss-module__x8B7za__clearDemo .right{float:right;margin-left:8px}.Floatundclear-module-scss-module__x8B7za__clearDemo .cleared{clear:both;color:#a04000;background-color:#fdebd0;border-color:#e67e22}.Floatundclear-module-scss-module__x8B7za__clearfixDemo{flex-wrap:wrap;gap:16px;display:flex}.Floatundclear-module-scss-module__x8B7za__clearfixDemo .demo{flex:1;min-width:220px}.Floatundclear-module-scss-module__x8B7za__clearfixDemo .demo p{margin-bottom:8px;font-size:.9rem}.Floatundclear-module-scss-module__x8B7za__clearfixDemo .parent{background-color:#f5f5f5;border:2px dashed #888;padding:8px}.Floatundclear-module-scss-module__x8B7za__clearfixDemo .parent--broken{background-color:#fadbd8}.Floatundclear-module-scss-module__x8B7za__clearfixDemo .parent--fixed{background-color:#d5f5e3}.Floatundclear-module-scss-module__x8B7za__clearfixDemo .parent--fixed:after{content:"";clear:both;display:table}.Floatundclear-module-scss-module__x8B7za__clearfixDemo .float-box{float:left;background-color:#aed6f1;border:2px solid #2980b9;justify-content:center;align-items:center;width:80px;height:60px;margin:4px;font-size:.8rem;font-weight:600;display:flex}
.Positionierung-module-scss-module__tZa99G__staticDemo .container{background-color:#f9f9f9;border:2px dashed #888;padding:12px}.Positionierung-module-scss-module__tZa99G__staticDemo .box{background-color:#d6eaf8;border:2px solid #4169e1;margin-bottom:8px;padding:12px;font-size:.85rem;font-weight:600}.Positionierung-module-scss-module__tZa99G__staticDemo .offset{top:20px;left:20px}.Positionierung-module-scss-module__tZa99G__relativeDemo .container{background-color:#f9f9f9;border:2px dashed #888;padding:12px}.Positionierung-module-scss-module__tZa99G__relativeDemo .box{background-color:#d6eaf8;border:2px solid #4169e1;margin-bottom:8px;padding:12px;font-size:.85rem;font-weight:600}.Positionierung-module-scss-module__tZa99G__relativeDemo .offset{color:#a04000;background-color:#fdebd0;border-color:#e67e22;position:relative;top:12px;left:24px}.Positionierung-module-scss-module__tZa99G__absoluteDemo .container{background-color:#f9f9f9;border:2px dashed #888;height:140px;padding:12px;position:relative}.Positionierung-module-scss-module__tZa99G__absoluteDemo .box{background-color:#d6eaf8;border:2px solid #4169e1;padding:8px 12px;font-size:.85rem;font-weight:600}.Positionierung-module-scss-module__tZa99G__absoluteDemo .badge{color:#6c3483;background-color:#d7bde2;border-color:#8e44ad;position:absolute;top:8px;right:8px}.Positionierung-module-scss-module__tZa99G__fixedDemo .viewport{background-color:#f9f9f9;border:2px dashed #888;height:160px;position:relative;overflow:auto;transform:translateZ(0)}.Positionierung-module-scss-module__tZa99G__fixedDemo .fixed-bar{color:#fff;text-align:center;z-index:1;background-color:#2980b9;padding:8px 12px;font-size:.85rem;font-weight:600;position:fixed;top:0;left:0;right:0}.Positionierung-module-scss-module__tZa99G__fixedDemo .content{padding:48px 12px 12px;font-size:.9rem;line-height:1.6}.Positionierung-module-scss-module__tZa99G__stickyDemo .scroll-area{background-color:#f9f9f9;border:2px dashed #888;height:160px;overflow:auto}.Positionierung-module-scss-module__tZa99G__stickyDemo .sticky-header{color:#fff;text-align:center;z-index:1;background-color:#27ae60;padding:8px 12px;font-size:.85rem;font-weight:600;position:sticky;top:0}.Positionierung-module-scss-module__tZa99G__stickyDemo .content{padding:12px;font-size:.9rem;line-height:1.6}
.Zindex-module-scss-module__4_BxFW__stackDemo .container{background-color:#f9f9f9;border:2px dashed #888;height:160px;padding:12px;position:relative}.Zindex-module-scss-module__4_BxFW__stackDemo .box{border:2px solid;justify-content:center;align-items:center;width:100px;height:80px;font-size:.85rem;font-weight:600;display:flex;position:absolute}.Zindex-module-scss-module__4_BxFW__stackDemo .box-a{z-index:1;color:#1a5276;background-color:#d6eaf8;border-color:#2980b9;top:20px;left:20px}.Zindex-module-scss-module__4_BxFW__stackDemo .box-b{z-index:2;color:#a04000;background-color:#fdebd0;border-color:#e67e22;top:50px;left:60px}.Zindex-module-scss-module__4_BxFW__stackDemo .box-c{z-index:3;color:#1e8449;background-color:#d5f5e3;border-color:#27ae60;top:80px;left:100px}.Zindex-module-scss-module__4_BxFW__contextDemo{flex-wrap:wrap;gap:16px;display:flex}.Zindex-module-scss-module__4_BxFW__contextDemo .group{background-color:#f9f9f9;border:2px dashed #888;flex:1;min-width:140px;height:120px;padding:8px;position:relative}.Zindex-module-scss-module__4_BxFW__contextDemo .group-a{z-index:1}.Zindex-module-scss-module__4_BxFW__contextDemo .group-b{z-index:2;margin-top:-40px}.Zindex-module-scss-module__4_BxFW__contextDemo .child{background-color:#fff;border:2px solid;padding:6px 10px;font-size:.8rem;font-weight:600;position:absolute;bottom:8px;right:8px}.Zindex-module-scss-module__4_BxFW__contextDemo .child-a{z-index:99;color:#1a5276;border-color:#2980b9}.Zindex-module-scss-module__4_BxFW__contextDemo .child-b{z-index:1;color:#6c3483;border-color:#8e44ad}
.HorizontaleMenus-module-scss-module__j2MukG__htmlDemo nav ul{margin:1em 0;padding-left:40px;list-style:outside}.HorizontaleMenus-module-scss-module__j2MukG__htmlDemo nav a{color:#00e;text-decoration:underline}.HorizontaleMenus-module-scss-module__j2MukG__resetDemo nav ul{margin:0;padding:0;list-style:none}.HorizontaleMenus-module-scss-module__j2MukG__resetDemo nav a{color:#00e;text-decoration:underline}.HorizontaleMenus-module-scss-module__j2MukG__flexDemo nav ul{gap:16px;margin:0;padding:0;list-style:none;display:flex}.HorizontaleMenus-module-scss-module__j2MukG__flexDemo nav a{color:#00e;text-decoration:underline}.HorizontaleMenus-module-scss-module__j2MukG__styledDemo nav{background-color:#2c3e50;padding:8px 12px}.HorizontaleMenus-module-scss-module__j2MukG__styledDemo nav ul{gap:16px;margin:0;padding:0;list-style:none;display:flex}.HorizontaleMenus-module-scss-module__j2MukG__styledDemo nav a{color:#ecf0f1;border-radius:4px;padding:8px 16px;text-decoration:none;display:block}.HorizontaleMenus-module-scss-module__j2MukG__styledDemo nav a.active{background-color:#3498db}.HorizontaleMenus-module-scss-module__j2MukG__hoverDemo nav{background-color:#2c3e50;padding:8px 12px}.HorizontaleMenus-module-scss-module__j2MukG__hoverDemo nav ul{gap:16px;margin:0;padding:0;list-style:none;display:flex}.HorizontaleMenus-module-scss-module__j2MukG__hoverDemo nav a{color:#ecf0f1;border-radius:4px;padding:8px 16px;text-decoration:none;display:block}.HorizontaleMenus-module-scss-module__j2MukG__hoverDemo nav a:hover{color:#ecf0f1;background-color:#34495e;text-decoration:none}.HorizontaleMenus-module-scss-module__j2MukG__hoverDemo nav a:active{transform:scale(.97)}
.VertikaleMenus-module-scss-module__d4zyxW__htmlDemo nav ul{margin:1em 0;padding-left:40px;list-style:outside}.VertikaleMenus-module-scss-module__d4zyxW__htmlDemo nav a{color:#00e;text-decoration:underline}.VertikaleMenus-module-scss-module__d4zyxW__resetDemo nav ul{margin:0;padding:0;list-style:none}.VertikaleMenus-module-scss-module__d4zyxW__resetDemo nav a{color:#00e;text-decoration:underline}.VertikaleMenus-module-scss-module__d4zyxW__flexDemo nav ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.VertikaleMenus-module-scss-module__d4zyxW__flexDemo nav a{color:#00e;text-decoration:underline}.VertikaleMenus-module-scss-module__d4zyxW__styledDemo nav{background-color:#2c3e50;width:220px;padding:8px}.VertikaleMenus-module-scss-module__d4zyxW__styledDemo nav ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.VertikaleMenus-module-scss-module__d4zyxW__styledDemo nav a{color:#ecf0f1;border-radius:4px;padding:10px 16px;text-decoration:none;display:block}.VertikaleMenus-module-scss-module__d4zyxW__styledDemo nav a.active{background-color:#3498db}.VertikaleMenus-module-scss-module__d4zyxW__hoverDemo nav{background-color:#2c3e50;width:220px;padding:8px}.VertikaleMenus-module-scss-module__d4zyxW__hoverDemo nav ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.VertikaleMenus-module-scss-module__d4zyxW__hoverDemo nav a{color:#ecf0f1;border-radius:4px;padding:10px 16px;text-decoration:none;display:block}.VertikaleMenus-module-scss-module__d4zyxW__hoverDemo nav a:hover{color:#ecf0f1;background-color:#34495e;text-decoration:none}.VertikaleMenus-module-scss-module__d4zyxW__hoverDemo nav a:active{transform:scale(.97)}
.ResponsiveNavigation-module-scss-module__uE8skG__previewWrapper{margin-top:.25rem}.ResponsiveNavigation-module-scss-module__uE8skG__previewHint{color:var(--text-muted);margin:.75rem 0 0;font-size:.85rem;line-height:1.5}.ResponsiveNavigation-module-scss-module__uE8skG__previewShell{border:1px solid var(--border-color);background:linear-gradient(180deg, var(--bg-muted) 0%, var(--layout-panel-bg) 100%);box-shadow:var(--shadow-sm);border-radius:12px;transition:box-shadow .3s;overflow:hidden}.ResponsiveNavigation-module-scss-module__uE8skG__previewShell.ResponsiveNavigation-module-scss-module__uE8skG__previewShellDragging{box-shadow:var(--shadow-md)}.ResponsiveNavigation-module-scss-module__uE8skG__previewToolbar{border-bottom:1px solid var(--border-subtle);background:var(--layout-panel-bg);align-items:center;gap:10px;padding:10px 14px;display:flex}.ResponsiveNavigation-module-scss-module__uE8skG__windowDots{flex-shrink:0;gap:6px;display:flex}.ResponsiveNavigation-module-scss-module__uE8skG__windowDots span{background:var(--border-color);border-radius:50%;width:10px;height:10px}.ResponsiveNavigation-module-scss-module__uE8skG__windowDots span:first-child{background:#ff5f57}.ResponsiveNavigation-module-scss-module__uE8skG__windowDots span:nth-child(2){background:#febc2e}.ResponsiveNavigation-module-scss-module__uE8skG__windowDots span:nth-child(3){background:#28c840}.ResponsiveNavigation-module-scss-module__uE8skG__previewUrlBar{background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:8px;flex:1;min-width:0;padding:6px 12px}.ResponsiveNavigation-module-scss-module__uE8skG__previewUrl{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.78rem;display:block;overflow:hidden}.ResponsiveNavigation-module-scss-module__uE8skG__modeBadge{letter-spacing:.025em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.72rem;font-weight:600}.ResponsiveNavigation-module-scss-module__uE8skG__modeBadgeMobile{color:var(--accent-coral);background:color-mix(in srgb, var(--accent-coral) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent-coral) 28%, transparent)}.ResponsiveNavigation-module-scss-module__uE8skG__modeBadgeDesktop{color:#79c0ff;background:#79c0ff24;border:1px solid #79c0ff47}.ResponsiveNavigation-module-scss-module__uE8skG__previewStage{padding:18px 18px 14px;overflow-x:auto}.ResponsiveNavigation-module-scss-module__uE8skG__previewFrame{align-items:stretch;max-width:100%;display:inline-flex}.ResponsiveNavigation-module-scss-module__uE8skG__viewport{border:1px solid var(--border-color);background:var(--layout-panel-bg);min-width:0;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-light) 6%, transparent);border-radius:8px;flex:none;overflow:hidden}.ResponsiveNavigation-module-scss-module__uE8skG__viewportInner{box-sizing:border-box;padding:14px}.ResponsiveNavigation-module-scss-module__uE8skG__slicer{border:1px solid var(--border-color);background:linear-gradient(180deg, var(--bg-muted), var(--layout-active-bg));cursor:col-resize;touch-action:none;border-left:none;border-radius:0 8px 8px 0;flex:0 0 18px;margin-left:-1px;padding:0;transition:background .3s,box-shadow .3s;position:relative}.ResponsiveNavigation-module-scss-module__uE8skG__slicer:hover,.ResponsiveNavigation-module-scss-module__uE8skG__slicer.ResponsiveNavigation-module-scss-module__uE8skG__slicerActive{background:linear-gradient(180deg, var(--layout-active-bg), var(--bg-muted));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--layout-primary) 35%, transparent)}.ResponsiveNavigation-module-scss-module__uE8skG__slicerGrip{background:var(--border-color);width:4px;height:36px;box-shadow:-7px 0 0 var(--border-color),7px 0 0 var(--border-color);border-radius:999px;transition:background .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ResponsiveNavigation-module-scss-module__uE8skG__slicer:hover .ResponsiveNavigation-module-scss-module__uE8skG__slicerGrip,.ResponsiveNavigation-module-scss-module__uE8skG__slicerActive .ResponsiveNavigation-module-scss-module__uE8skG__slicerGrip{background:var(--layout-primary);box-shadow:-7px 0 0 var(--layout-primary),7px 0 0 var(--layout-primary)}.ResponsiveNavigation-module-scss-module__uE8skG__navigation{background-color:#2c3e50;padding:8px 12px}.ResponsiveNavigation-module-scss-module__uE8skG__burger{color:#ecf0f1;cursor:pointer;background:0 0;border:none;font-size:24px}.ResponsiveNavigation-module-scss-module__uE8skG__menu{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:none}.ResponsiveNavigation-module-scss-module__uE8skG__menu.ResponsiveNavigation-module-scss-module__uE8skG__open{display:flex}.ResponsiveNavigation-module-scss-module__uE8skG__menu a{color:#ecf0f1;border-radius:4px;padding:8px 16px;text-decoration:none;display:block}.ResponsiveNavigation-module-scss-module__uE8skG__menu a:hover{background-color:#34495e}.ResponsiveNavigation-module-scss-module__uE8skG__viewport[data-mode=desktop] .ResponsiveNavigation-module-scss-module__uE8skG__burger{display:none}.ResponsiveNavigation-module-scss-module__uE8skG__viewport[data-mode=desktop] .ResponsiveNavigation-module-scss-module__uE8skG__menu{flex-direction:row;gap:16px;display:flex}
.TabsUndAccordion-module-scss-module__2ZAIJW__demo .tabs{gap:.5rem;display:flex}.TabsUndAccordion-module-scss-module__2ZAIJW__demo .tab-btn{cursor:pointer;color:inherit;background:0 0;border:none;padding:8px 16px;font-size:.95rem}.TabsUndAccordion-module-scss-module__2ZAIJW__demo .tab-btn.active{border-bottom:2px solid #3498db;font-weight:700}.TabsUndAccordion-module-scss-module__2ZAIJW__demo .tab-content{display:none}.TabsUndAccordion-module-scss-module__2ZAIJW__demo .tab-content.active{display:block}.TabsUndAccordion-module-scss-module__2ZAIJW__demo .tab-content p{margin:.75rem 0 0}.TabsUndAccordion-module-scss-module__2ZAIJW__demo .accordion{flex-direction:column;display:flex}.TabsUndAccordion-module-scss-module__2ZAIJW__demo .accordion-btn{text-align:left;cursor:pointer;border:1px solid var(--border-color,#ddd);width:100%;color:inherit;background:0 0;padding:12px;font-size:.95rem}.TabsUndAccordion-module-scss-module__2ZAIJW__demo .accordion-panel{border:1px solid var(--border-color,#ddd);border-top:none;padding:12px;display:none}.TabsUndAccordion-module-scss-module__2ZAIJW__demo .accordion-panel.open{display:block}.TabsUndAccordion-module-scss-module__2ZAIJW__demo .accordion-panel p{margin:0}
.ThemeToggle-module-scss-module__F4Wwvq__demo{--demo-bg:#161b22;--demo-text:#ecf0f1;--demo-border:#30363d;--demo-btn-bg:#21262d}.ThemeToggle-module-scss-module__F4Wwvq__demo[data-theme=light]{--demo-bg:#fff;--demo-text:#2c3e50;--demo-border:#dce2ea;--demo-btn-bg:#f4f6f8}.ThemeToggle-module-scss-module__F4Wwvq__preview{border:1px solid var(--demo-border);background-color:var(--demo-bg);color:var(--demo-text);border-radius:8px;padding:20px;transition:background-color .25s,color .25s,border-color .25s}.ThemeToggle-module-scss-module__F4Wwvq__previewText{margin:0 0 12px}.ThemeToggle-module-scss-module__F4Wwvq__themeBtn{color:var(--demo-text);background-color:var(--demo-btn-bg);border:1px solid var(--demo-border);cursor:pointer;border-radius:6px;padding:8px 14px;font-size:.95rem;transition:background-color .25s,border-color .25s}
:is(.CssGridGaps-module-scss-module__kCgKSG__noGapDemo .card-grid,.CssGridGaps-module-scss-module__kCgKSG__gapDemo .card-grid,.CssGridGaps-module-scss-module__kCgKSG__gapTwoValuesDemo .card-grid){grid-template-columns:1fr 1fr 1fr;display:grid}:is(.CssGridGaps-module-scss-module__kCgKSG__noGapDemo .card,.CssGridGaps-module-scss-module__kCgKSG__gapDemo .card,.CssGridGaps-module-scss-module__kCgKSG__gapTwoValuesDemo .card){color:#fff;box-sizing:border-box;background-color:#1e6bd9;padding:8px}.CssGridGaps-module-scss-module__kCgKSG__gapDemo .card-grid{gap:16px}.CssGridGaps-module-scss-module__kCgKSG__gapTwoValuesDemo .card-grid{gap:12px 24px}
.EventObjekt-module-scss-module__SJ8KKa__targetDemo{flex-direction:column;gap:1rem;display:flex}.EventObjekt-module-scss-module__SJ8KKa__karte{cursor:pointer;background-color:#1e6bd914;border:2px solid #1e6bd9;border-radius:10px;padding:16px}.EventObjekt-module-scss-module__SJ8KKa__karteText{color:inherit;margin:0 0 12px}.EventObjekt-module-scss-module__SJ8KKa__likeButton{color:#fff;cursor:pointer;font:inherit;background-color:#1e6bd9;border:none;border-radius:8px;padding:8px 16px}.EventObjekt-module-scss-module__SJ8KKa__result{margin:0}.EventObjekt-module-scss-module__SJ8KKa__result p{margin:0 0 8px}.EventObjekt-module-scss-module__SJ8KKa__result p:last-child{margin-bottom:0}.EventObjekt-module-scss-module__SJ8KKa__hint{opacity:.85;margin:0;font-size:.9rem}
.FormularEvents-module-scss-module__lR0CoW__demo{flex-direction:column;gap:.75rem;display:flex}.FormularEvents-module-scss-module__lR0CoW__form{flex-direction:column;gap:.6rem;max-width:320px;display:flex}.FormularEvents-module-scss-module__lR0CoW__field{flex-direction:column;gap:.25rem;display:flex}.FormularEvents-module-scss-module__lR0CoW__label{font-size:.9rem}.FormularEvents-module-scss-module__lR0CoW__input,.FormularEvents-module-scss-module__lR0CoW__select{font:inherit;color:inherit;background:#fff;border:1px solid #1e6bd9;border-radius:8px;padding:.45rem .6rem}.FormularEvents-module-scss-module__lR0CoW__inputFocused{outline-offset:2px;background:#1e6bd914;outline:2px solid #1e6bd9}.FormularEvents-module-scss-module__lR0CoW__button{color:#fff;cursor:pointer;font:inherit;background-color:#1e6bd9;border:none;border-radius:8px;align-self:flex-start;padding:.5rem 1rem}.FormularEvents-module-scss-module__lR0CoW__checkRow,.FormularEvents-module-scss-module__lR0CoW__radioRow{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.FormularEvents-module-scss-module__lR0CoW__checkLabel,.FormularEvents-module-scss-module__lR0CoW__radioLabel{cursor:pointer;align-items:center;gap:.4rem;display:flex}.FormularEvents-module-scss-module__lR0CoW__result{margin:0}.FormularEvents-module-scss-module__lR0CoW__result p{margin:0 0 .35rem}.FormularEvents-module-scss-module__lR0CoW__result p:last-child{margin-bottom:0}.FormularEvents-module-scss-module__lR0CoW__error{color:#c0392b;margin:0}.FormularEvents-module-scss-module__lR0CoW__hint{opacity:.85;margin:0;font-size:.9rem}
.DragAndDropEvents-module-scss-module__lYp3Mq__demo{flex-direction:column;gap:.75rem;display:flex}.DragAndDropEvents-module-scss-module__lYp3Mq__row{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.DragAndDropEvents-module-scss-module__lYp3Mq__item{cursor:grab;-webkit-user-select:none;user-select:none;font:inherit;color:inherit;background-color:#1e6bd91a;border:2px solid #1e6bd9;border-radius:10px;padding:.75rem 1rem}.DragAndDropEvents-module-scss-module__lYp3Mq__item:active{cursor:grabbing}.DragAndDropEvents-module-scss-module__lYp3Mq__itemDragging{opacity:.55}.DragAndDropEvents-module-scss-module__lYp3Mq__zone{text-align:center;background-color:#0000;border:2px dashed #1e6bd9;border-radius:10px;justify-content:center;align-items:center;min-width:140px;min-height:72px;padding:.75rem 1rem;transition:background-color .15s,border-color .15s;display:flex}.DragAndDropEvents-module-scss-module__lYp3Mq__zoneActive{background-color:#1e6bd91f;border-style:solid}.DragAndDropEvents-module-scss-module__lYp3Mq__zoneFilled{background-color:#1e6bd914;border-style:solid}.DragAndDropEvents-module-scss-module__lYp3Mq__result{margin:0}.DragAndDropEvents-module-scss-module__lYp3Mq__result p{margin:0 0 .35rem}.DragAndDropEvents-module-scss-module__lYp3Mq__result p:last-child{margin-bottom:0}.DragAndDropEvents-module-scss-module__lYp3Mq__hint{opacity:.85;margin:0;font-size:.9rem}
.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__demo{flex-direction:column;gap:.75rem;display:flex}.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__button{color:#fff;cursor:pointer;font:inherit;background-color:#1e6bd9;border:none;border-radius:8px;padding:.5rem 1rem}.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__box{background-color:#1e6bd914;border:2px solid #1e6bd9;border-radius:10px;padding:.75rem 1rem;transition:background-color .2s,color .2s,border-color .2s}.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__boxAktiv{color:#fff;background-color:#1e6bd9;border-color:#1557b0}.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__menu{flex-direction:column;gap:.35rem;margin:0;padding:.5rem 0 0;list-style:none;display:none}.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__menuOpen{display:flex}.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__menu a{color:inherit;border-radius:6px;padding:.35rem .5rem;text-decoration:none}.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__menu a:hover{background-color:#1e6bd91f}.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__themeBox{color:#2c3e50;background-color:#fff;border:1px solid #d0d7de;border-radius:10px;padding:1rem;transition:background-color .25s,color .25s}.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__themeDark{color:#ecf0f1;background-color:#161b22;border-color:#30363d}.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__panel{background-color:#1e6bd914;border:2px solid #1e6bd9;border-radius:10px;padding:.75rem 1rem}.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__hidden{display:none}.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__hint{opacity:.85;margin:0;font-size:.9rem}.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__result,.CssKlassenmitEventVerandern-module-scss-module__rH0T8q__result p{margin:0}
.EventsAufMehrernElementen-module-scss-module__L78bnq__demo{flex-direction:column;gap:.75rem;display:flex}.EventsAufMehrernElementen-module-scss-module__L78bnq__row{flex-wrap:wrap;gap:.5rem;display:flex}.EventsAufMehrernElementen-module-scss-module__L78bnq__button{color:#fff;cursor:pointer;font:inherit;background-color:#1e6bd9;border:none;border-radius:8px;padding:.5rem 1rem}.EventsAufMehrernElementen-module-scss-module__L78bnq__buttonActive{background-color:#1557b0;box-shadow:inset 0 0 0 2px #ffffff59}.EventsAufMehrernElementen-module-scss-module__L78bnq__result{margin:0}.EventsAufMehrernElementen-module-scss-module__L78bnq__result p{margin:0 0 .35rem}.EventsAufMehrernElementen-module-scss-module__L78bnq__result p:last-child{margin-bottom:0}.EventsAufMehrernElementen-module-scss-module__L78bnq__hint{opacity:.85;margin:0;font-size:.9rem}.EventsAufMehrernElementen-module-scss-module__L78bnq__list{margin:0;padding-left:1.25rem}
.EventBubblingUndEventDelegation-module-scss-module__WzhWna__demo{flex-direction:column;gap:.75rem;display:flex}.EventBubblingUndEventDelegation-module-scss-module__WzhWna__karte{cursor:pointer;background-color:#1e6bd914;border:2px solid #1e6bd9;border-radius:10px;padding:16px}.EventBubblingUndEventDelegation-module-scss-module__WzhWna__button{color:#fff;cursor:pointer;font:inherit;background-color:#1e6bd9;border:none;border-radius:8px;padding:.5rem 1rem}.EventBubblingUndEventDelegation-module-scss-module__WzhWna__liste{border:2px dashed #1e6bd9;border-radius:10px;flex-direction:column;gap:8px;min-height:80px;padding:12px;display:flex}.EventBubblingUndEventDelegation-module-scss-module__WzhWna__item{cursor:pointer;background-color:#1e6bd91a;border:1px solid #1e6bd9;border-radius:8px;padding:8px 12px}.EventBubblingUndEventDelegation-module-scss-module__WzhWna__row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.EventBubblingUndEventDelegation-module-scss-module__WzhWna__result{margin:0}.EventBubblingUndEventDelegation-module-scss-module__WzhWna__result p{margin:0 0 .35rem}.EventBubblingUndEventDelegation-module-scss-module__WzhWna__result p:last-child{margin-bottom:0}.EventBubblingUndEventDelegation-module-scss-module__WzhWna__hint{opacity:.85;margin:0;font-size:.9rem}
.NextChapterBox-module-scss-module__3AU5na__box{background:var(--next-chapter-bg);border:1px solid var(--next-chapter-border);box-shadow:var(--shadow-sm);border-radius:16px;margin:4rem 0;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s}.NextChapterBox-module-scss-module__3AU5na__box:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-2px)}.NextChapterBox-module-scss-module__3AU5na__box p{color:var(--text-dark);margin:0;font-size:1rem;line-height:1.7}.NextChapterBox-module-scss-module__3AU5na__box a{color:var(--primary-color);text-underline-offset:3px;margin-left:.25rem;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;transition:color .2s,opacity .2s}.NextChapterBox-module-scss-module__3AU5na__box a:hover,.NextChapterBox-module-scss-module__3AU5na__box a:focus{color:var(--hover-color);opacity:.95}@media (max-width:768px){.NextChapterBox-module-scss-module__3AU5na__box{border-radius:12px;padding:1rem 1.1rem}.NextChapterBox-module-scss-module__3AU5na__box p{font-size:.95rem;line-height:1.6}}