*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #a855f7;--color-primary-dark: #6d11b0;--color-primary-light: #c084fc;--color-accent: #ec4899;--color-red: #ef4444;--color-orange: #f97316;--color-green: #10b981;--color-blue: #3b82f6;--color-background: rgb(250, 245, 254);--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition: all .3s ease}html,body{height:100%;width:100%;margin:0;padding:0;left:0;top:0;font-size:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--color-gray-900);background-color:var(--color-background)}a{color:var(--color-gray-800)}nav{position:fixed;z-index:1001;height:100px;width:100%;background-color:var(--color-white);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg)}h1.headline{font-size:60px}h1{font-size:1.5rem;font-weight:400;color:var(--color-primary-dark)}h2{font-size:1.25rem;font-weight:400;color:var(--color-primary-dark)}ul,ol{padding-left:25px}ul{list-style-type:circle}article,aside{margin-bottom:var(--spacing-lg)}#app{height:100%;margin:0;padding:0}.content{width:100%;max-width:1400px;padding-top:100px;margin:0 auto}.row{display:flex;flex-wrap:wrap;margin-bottom:1rem}[class*=col-]{padding:0 var(--spacing-md);width:100%;margin-bottom:1.5rem}.col-1{width:8.333%}.col-2{width:16.666%}.col-3{width:25%}.col-4{width:33.333%}.col-5{width:41.666%}.col-6{width:50%}.col-7{width:58.333%}.col-8{width:66.666%}.col-9{width:75%}.col-10{width:83.333%}.col-11{width:91.666%}.col-12,.btn-wide{width:100%}@media(min-width:768px){.col-md-1{width:8.333%}.col-md-2{width:16.666%}.col-md-3{width:25%}.col-md-4{width:33.333%}.col-md-5{width:41.666%}.col-md-6{width:50%}.col-md-7{width:58.333%}.col-md-8{width:66.666%}.col-md-9{width:75%}.col-md-10{width:83.333%}.col-md-11{width:91.666%}.col-md-12{width:100%}.btn-wide{width:auto}}@media(min-width:1400px){.col-lg-1{width:8.333%}.col-lg-2{width:16.666%}.col-lg-3{width:25%}.col-lg-4{width:33.333%}.col-lg-5{width:41.666%}.col-lg-6{width:50%}.col-lg-7{width:58.333%}.col-lg-8{width:66.666%}.col-lg-9{width:75%}.col-lg-10{width:83.333%}.col-lg-11{width:91.666%}.col-lg-12{width:100%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:1rem;font-weight:500;border:1px solid var(--color-gray-600);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.router-link-active{background:var(--color-primary-light)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,#db2777 100%)}.btn-secondary{background-color:var(--color-white);color:var(--color-gray-700)}.btn-secondary:hover{background-color:var(--color-gray-300)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#fff}.card{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg)}.card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.card-title,label{font-size:1rem;font-weight:600;color:var(--color-gray-900)}.card-body{margin-bottom:var(--spacing-lg)}.select-card{background-color:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;cursor:pointer;transition:var(--transition);height:100%}.select-card *{cursor:pointer}.select-card.active{border-color:var(--color-primary);background-color:#a855f70d}.select-card-icon{margin:0 auto;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700}.select-card-icon.red{background-color:var(--color-red)}.select-card-icon.orange{background-color:var(--color-orange)}.select-card-icon.green{background-color:var(--color-green)}.select-card-icon.blue{background-color:var(--color-blue)}.select-card-label{font-size:.5rem;font-weight:500;color:var(--color-gray-700);cursor:pointer}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-gray-700)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #a855f71a}.checkbox{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer}.checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-label{flex:1}.checkbox-title{font-weight:500;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.checkbox-desc{font-size:.875rem;color:var(--color-gray-600);background-color:var(--color-gray-50)}.slider{width:100%;margin:var(--spacing-lg) 0}.slider-input{width:100%;height:8px;background:var(--color-primary-light);border-radius:var(--radius-full);outline:none;-webkit-appearance:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background-color:#fff;border:3px solid var(--color-primary);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-md)}.slider-input::-moz-range-thumb{width:24px;height:24px;background-color:#fff;border:3px solid var(--color-primary);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-md)}.slider-labels{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-gray-600)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.25rem .75rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-full);background-color:var(--color-gray-200);color:var(--color-gray-700)}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.icon-lg{width:2rem;height:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-right{justify-content:right}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.sticky{position:sticky;top:105px;z-index:100}.sticky>div>.btn{box-shadow:var(--shadow-md)}.v-center{display:flex;align-items:center;min-height:100vh}.v-center-container{display:flex;align-items:center;height:100%}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--color-gray-50)}.bg-primary{background-color:var(--color-primary)}.text-primary{color:var(--color-primary)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.label-erlaueterung{font-size:.875rem;color:var(--color-gray-600);display:block;margin-top:var(--spacing-xs)}.zahlEins,.zahlZwei{display:inline-block;width:40px;text-align:center}.richtig{background-color:var(--color-green)}.falsch{background-color:var(--color-red)}.ergebnis{border:1px solid var(--color-primary-dark);padding:7px;border-radius:2px}.keinMarginBottom{margin-bottom:0}input[type=number],input[type=text]{width:100%;font-size:1rem;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm)}input[type=number].loesungsfeld{width:70px}input[type=number].loesungsfeld.rest{width:50px}input[type=text].loesungsfeld.vergleich{width:25px}input.loesungsfeld::-webkit-outer-spin-button,input.loesungsfeld::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number].loesungsfeld{-moz-appearance:textfield}.operand{width:10px}.grafikvergleich{display:flex;flex-wrap:wrap}.punkt{width:10px;aspect-ratio:1 / 1;margin:1px;background-color:var(--color-red);-webkit-print-color-adjust:exact;print-color-adjust:exact}.punkt.blau{background-color:var(--color-blue)}.grafikZahlZwei .punkt{background-color:#00008b}.grafikZahlHoehe .punkt{background-color:#fff}@media(max-width:767px){.hide-mobile{display:none}.row.margin{margin:0 var(--spacing-xs)}.rest{display:flex;flex-basis:100%;margin-top:.5rem}}@media(min-width:768px){.hide-tablet{display:none}.row.margin{margin:0 calc(1 * var(--spacing-xl))}.card{padding:var(--spacing-xs)}}@media(min-width:1024px){.hide-desktop{display:none}.row.margin{margin:0 calc(2.5 * var(--spacing-xl))}.card{padding:var(--spacing-md)}}@media print{@page{size:A4 portrait}.navbar,.sticky{display:none}div.content{margin-top:0;padding-top:0;float:none;break-inside:auto}.card,.card-info,.ergebniscard{display:none;box-shadow:none;border:none}.card.printable{display:flex}html,body,#app,div.content,.card.printable{height:auto!important;max-height:none!important;overflow:visible!important}.card.printable{page-break-inside:avoid;break-inside:avoid}.col-lg-4{width:50%}}.logo[data-v-05bcfc82]{background-image:url(/logo.svg);background-position:left;background-repeat:no-repeat;background-size:contain;width:50px;height:70px;float:left}.logolabel[data-v-05bcfc82]{display:inline-block;height:70px;line-height:70px;vertical-align:middle;font-size:2.175rem}@media screen and (max-width:800px){.logolabel[data-v-05bcfc82]{font-size:1.5rem}.menueIcon[data-v-05bcfc82]{font-size:21px}}@media screen and (max-width:500px){.logolabel[data-v-05bcfc82]{display:none}}@media screen and (max-width:380px){.logolabel[data-v-05bcfc82]{display:none}.menueIcon[data-v-05bcfc82]{font-size:12px;margin-right:5px}}.infotext[data-v-8c360aa9]{color:var(--color-primary);margin-bottom:var(--spacing-lg)}