/* global.css */
/* migriert: globales Stylesheet der Angular-App (inkl. Design-System-Tokens).
   In einer Cascade Layer, damit Komponenten-Regeln – wie früher durch das Angular-Scoping –
   gegen globale Regeln gewinnen. */
@layer global {
.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{-webkit-user-select:none;user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows,.glide__bullets{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.glide--rtl{direction:rtl}.glide__arrow{position:absolute;display:block;top:50%;z-index:2;color:#fff;text-transform:uppercase;padding:9px 12px;background-color:transparent;border:2px solid rgba(255,255,255,.5);border-radius:4px;box-shadow:0 .25em .5em #0000001a;text-shadow:0 .25em .5em rgba(0,0,0,.1);opacity:1;cursor:pointer;transition:opacity .15s ease,border .3s ease-in-out;transform:translateY(-50%);line-height:1}.glide__arrow:focus{outline:none}.glide__arrow:hover{border-color:#fff}.glide__arrow--left{left:2em}.glide__arrow--right{right:2em}.glide__arrow--disabled{opacity:.33}.glide__bullets{position:absolute;z-index:2;bottom:2em;left:50%;display:inline-flex;list-style:none;transform:translate(-50%)}.glide__bullet{background-color:#ffffff80;width:9px;height:9px;padding:0;border-radius:50%;border:2px solid transparent;transition:all .3s ease-in-out;cursor:pointer;line-height:0;box-shadow:0 .25em .5em #0000001a;margin:0 .25em}.glide__bullet:focus{outline:none}.glide__bullet:hover,.glide__bullet:focus{border:2px solid white;background-color:#ffffff80}.glide__bullet--active{background-color:#fff}.glide--swipeable{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.glide--dragging{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--color-primary: hsl(180 100% 50%);--color-secondary: hsl(0 0% 0%);--color-secondary-900: #1f1f1f;--color-secondary-800: #303030;--color-secondary-700: #424242;--color-secondary-600: #8a8a8a;--color-primary-900: #00c7c7;--color-primary-800: #00a1a1;--color-primary-700: #008383;--color-primary-600: #006e6e;--color-success: hsl(120 100% 50%);--color-warning: hsl(25 100% 50%);--color-error: hsl(0 100% 50%);--color-surface: hsl(0 0% 0%);--color-surface-900: var(--color-secondary-900);--color-surface-800: var(--color-secondary-800);--color-surface-700: var(--color-secondary-700);--color-surface-600: var(--color-secondary-600);--color-on-surface: hsl(0 0% 100%);--color-primary-surface: var(--color-primary);--color-primary-surface-900: var(--color-primary-900);--color-primary-surface-800: var(--color-primary-800);--color-primary-surface-700: var(--color-primary-700);--color-primary-surface-600: var(--color-primary-600);--color-on-primary-surface: var(--color-secondary);--color-primary-hover: var(--color-primary-900);--font-family-base-light: "Roboto Light", "Roboto", Helvetica, Arial, sans-serif;--font-family-base-regular: "Roboto", Helvetica, Arial, sans-serif;--font-family-base-medium: "Roboto Medium", "Roboto", Helvetica, Arial, sans-serif;--font-family-base-bold: "Roboto Bold", "Roboto", Helvetica, Arial, sans-serif;--font-family-display-bold: "Korataki bold", "Roboto Bold", Helvetica, Arial, sans-serif;--font-family-display-heavy: "Korataki heavy", "Roboto Bold", Helvetica, Arial, sans-serif;--font-size-multiplier: 1.5;--roboto-hotfix-multiplier: var(--font-size-multiplier)}:root{--gap-xxl: 4rem;--gap-xl: 3rem;--gap-l: 1.5rem;--gap-m: 1rem;--gap-s: .5rem;--gap-xs: .25rem;--header-height: 4.1875rem;--header-filter-height: 0rem;--footer-height: 17.5rem;--main-content-padding: 1rem;--inner-content-padding: var(--main-content-padding);--shape-container-shape-height: 4rem;--shape-divider-shape-height: 6rem;--shape-container-shape-spacer-height: 1.375rem;--divider-offset: 2rem;--cl-container-radius: 3rem .25rem 5rem .25rem}@media(min-width:1024px)and (max-width:1439px){:root{--main-content-padding: var(--gap-xl);--inner-content-padding: var(--main-content-padding)}}@media(min-width:1440px)and (max-width:1919px){:root{--main-content-padding: calc(var(--gap-xxl) * 3);--inner-content-padding: calc(var(--main-content-padding) / 2)}}@media(min-width:1920px)and (max-width:2299px){:root{--main-content-padding: calc(var(--gap-xxl) * 5);--inner-content-padding: calc(var(--main-content-padding) / 3)}}@media(min-width:2300px){:root{--main-content-padding: calc(var(--gap-xl) * 10);--inner-content-padding: calc(var(--main-content-padding) / 8)}}body{font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;margin:0}h1{word-break:break-word;margin-top:var(--gap-xxl);margin-bottom:var(--gap-l);font-family:var(--font-family-display-heavy);font-size:7rem;line-height:1.5}h2{margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}h3{margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}h4{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}h1,h2,h3,h4,h5,h6{line-height:1.6}p{margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}ul,ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}ul{list-style-type:none}ul li{position:relative}ul li:before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}li{margin:0}li+li{margin-top:var(--gap-s)}.color-surface{background-color:var(--color-surface)}.color-surface-900{background-color:var(--color-surface-900)}.color-surface-800{background-color:var(--color-surface-800)}.color-surface-700{background-color:var(--color-surface-700)}.color-surface-600{background-color:var(--color-surface-600)}.color-primary-surface{background-color:var(--color-primary-surface)}.color-primary-surface ul li:before{border-color:var(--color-on-primary-surface)}.color-primary-surface-900{background-color:var(--color-primary-surface-900)}.color-primary-surface-800{background-color:var(--color-primary-surface-800)}.color-primary-surface-700{background-color:var(--color-primary-surface-700)}.color-primary-surface-600{background-color:var(--color-primary-surface-600)}.color-on-surface,.color-on-surface h1,.color-on-surface h2,.color-on-surface h4,.color-on-surface h5,.color-on-surface p,.color-on-surface em,.color-on-surface strong,.color-on-surface li{color:var(--color-on-surface)}.color-on-surface h3,.color-on-surface li:before{color:var(--color-on-surface)}.color-on-surface a,.color-on-surface a:visited{color:var(--color-primary);text-decoration:none}.color-on-surface a:hover{color:var(--color-on-surface);text-decoration:underline;cursor:pointer}.color-on-primary-surface{color:var(--color-on-primary-surface)}.color-on-primary-surface h1,.color-on-primary-surface h2,.color-on-primary-surface h3,.color-on-primary-surface h4,.color-on-primary-surface h5,.color-on-primary-surface p,.color-on-primary-surface em,.color-on-primary-surface strong,.color-on-primary-surface li,.color-on-primary-surface li:before{color:var(--color-on-primary-surface)}.color-on-primary-surface a,.color-on-primary-surface a:visited{color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}.color-on-primary-surface a:hover{color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}.color-surface a,.color-surface a:visited{color:var(--color-primary)}.color-primary-surface a,.color-primary-surface a:visited{color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}@font-face{font-family:Roboto Light;src:url(/assets/codelution-design-system/fonts/02_Roboto-Light.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto;src:url(/assets/codelution-design-system/fonts/03_Roboto-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto Medium;src:url(/assets/codelution-design-system/fonts/04_Roboto-Medium.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto Bold;src:url(/assets/codelution-design-system/fonts/05_Roboto-Bold.woff2) format("woff2");font-display:swap}@font-face{font-family:Korataki bold;src:url(/assets/codelution-design-system/fonts/korataki_bold.woff2) format("woff2");font-display:swap}@font-face{font-family:Korataki heavy;src:url(/assets/codelution-design-system/fonts/korataki_extra_bold.woff2) format("woff2");font-display:swap}.animation-slide-in{animation:slideIn .4s ease-in forwards}.animation-slide-out{animation:slideOut .2s ease-in forwards}.animation-fade-in{animation:fadeIn .2s ease-in forwards}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}cdk-table{display:block;min-height:max-content;overflow-x:auto;overflow-y:hidden}.cl-gradient-col{opacity:.5}cdk-cell{display:grid;grid-auto-columns:1fr;gap:var(--gap-m);align-items:center}cdk-row:not(:first-of-type){border-top:1px solid var(--color-surface-700)}cdk-row:last-of-type{border-bottom:unset}cdk-row:hover{background-color:var(--color-surface-800)}cdk-row,cdk-header-row{display:grid;grid-template-columns:3fr;grid-auto-flow:column;grid-auto-columns:minmax(0,.8fr);border-bottom:1px solid var(--cl-table-border);align-items:center}cdk-cell,cdk-header-cell{height:100%;width:100%;min-width:3.6rem;justify-content:center;align-items:center;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}cdk-cell:not(.tick),cdk-header-cell:not(.tick){padding:var(--gap-m) 0}cdk-cell:first-of-type,cdk-header-cell:first-of-type{background-color:var(--cl-table-primary);color:var(--color-on-primary-surface);padding-inline-start:var(--gap-m);padding-inline-end:var(--gap-m)}cdk-cell:nth-of-type(2n),cdk-header-cell:nth-of-type(2n){background-color:var(--cl-table-secondary)}cdk-cell:nth-of-type(3n),cdk-header-cell:nth-of-type(3n){background-color:var(--cl-table-tertiary)}.sub-details{display:grid;height:100%;row-gap:.7rem;font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1;line-height:1.5rem}html,body{font-family:var(--font-family-base-regular, "Roboto", Helvetica, Arial, sans-serif)}:where(cds-button,cds-divider,cds-input,cds-rounded-container,cds-shaped-container,cds-site-layout,cds-slider){box-sizing:border-box;margin:0}html{font-size:12px;letter-spacing:.15rem}body{font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;margin:unset}h1{word-break:break-word;font-family:var(--font-family-display-heavy);font-size:7rem;line-height:1.5}@media(min-width:1920px)and (max-width:2299px){h1{font-size:5rem}}@media(min-width:1024px)and (max-width:1439px){h1{font-size:4rem}}@media(min-width:1440px)and (max-width:1919px){h1{font-size:4rem}}@media(max-width:599px){h1{font-size:2.5rem}}@media(min-width:600px)and (max-width:1023px){h1{font-size:2.5rem}}h2{margin-bottom:var(--gap-l);word-break:break-word;color:var(--color-on-surface);font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}h3{margin-bottom:var(--gap-m);color:var(--color-primary);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}h4{margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}.on-surface strong h2{color:var(--color-on-surface)}.on-surface strong h3{color:var(--color-primary)}.on-primary h2,.on-primary h3{color:var(--color-on-primary-surface)}section{margin-bottom:var(--gap-xxl)}p{margin-bottom:var(--gap-m)}a{text-decoration:none;color:var(--color-primary)}a:visited{color:var(--color-primary)}a:hover{color:var(--color-on-surface);text-decoration:underline;cursor:pointer}input:not([type=checkbox]):not(.cds-input__control){display:block;padding:var(--gap-s);color:var(--color-secondary);background-color:var(--color-on-surface);border:1px solid var(--color-secondary);background-clip:padding-box;appearance:none;border-radius:0!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}input:not([type=checkbox]):not(.cds-input__control):hover:not(:focus,:active){filter:drop-shadow(0 0 7px var(--color-primary))}input:not([type=checkbox]):not(.cds-input__control):focus{color:var(--color-secondary);background-color:var(--color-on-surface);border-color:var(--color-primary);outline:unset;box-shadow:0 0 0 .25rem #00ffff40}label.required:after{content:" *";color:var(--color-primary);font-family:var(--font-family-display-bold);font-size:1rem}strong{font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;color:var(--color-primary)}.on-surface strong{color:var(--color-primary)}ul{padding-left:2rem}ul.on-surface{color:var(--color-on-surface)}ul.on-surface li:before{color:var(--color-primary)}ul.on-surface li strong{color:var(--color-primary)}ul.on-primary{color:var(--color-on-primary-surface)}ul.on-primary li:before{color:var(--color-primary)}ul.on-primary li strong{font-family:var(--font-family-display-bold);font-size:1rem;color:var(--color-on-primary-surface)}li{list-style-type:none;margin-top:1rem;position:relative}li:before{content:"";width:10px;height:10px;border:2px solid;border-radius:50%;position:absolute;display:block;left:-2rem;top:.42rem;box-sizing:border-box}em{display:block;background-color:#1c1b1b;border-left:.25rem solid var(--color-primary);padding:.5rem 1rem}.with-padding-top{padding-top:var(--site-padding-top)}.cl-boxed-container{padding:var(--gap-l) var(--main-content-padding) 0 var(--main-content-padding)}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::placeholder{color:#b1b1be}.booking-popup{width:calc(100vw - var(--main-content-padding));border:1px solid var(--color-primary);background-color:var(--color-secondary);padding:var(--gap-m)}.cdk-overlay-dark-backdrop{background:#00000080}.full-bleed{width:calc(100% + var(--main-content-padding) * 2);margin-left:calc(-1 * var(--main-content-padding));margin-right:calc(-1 * var(--main-content-padding))}.cl-glow-border{border:2px solid var(--color-primary);box-shadow:0 0 .5rem var(--color-primary),0 0 1.2rem .2rem color-mix(in srgb,var(--color-primary) 50%,transparent)}.cl-default-radius{border-radius:var(--cl-container-radius)}.cl-default-title{color:#fff;font-weight:400}.benefit .strong{color:var(--color-primary);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}

}

/* migriert: Komponenten ohne View-Encapsulation */
html{font-size:12px;letter-spacing:.15rem}body{font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;margin:0}h1{word-break:break-word;margin-top:var(--gap-xxl);margin-bottom:var(--gap-l);font-family:var(--font-family-display-heavy);font-size:7rem;line-height:1.5}@media(min-width:1920px)and (max-width:2299px){h1{font-size:5rem}}@media(min-width:1024px)and (max-width:1439px){h1{font-size:4rem}}@media(min-width:1440px)and (max-width:1919px){h1{font-size:4rem}}@media(max-width:599px){h1{font-size:2.5rem}}@media(min-width:600px)and (max-width:1023px){h1{font-size:2.5rem}}h2{margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}h3{margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}h4{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}h1,h2,h3,h4,h5,h6{line-height:1.6}p{margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}ul,ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}ul{list-style-type:none}ul li{position:relative}ul li:before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}li{margin:0}li+li{margin-top:var(--gap-s)}a{text-decoration:none;color:var(--color-primary)}a:visited{color:var(--color-primary)}a:hover{color:var(--color-on-surface);text-decoration:underline;cursor:pointer}.color-surface{background-color:var(--color-surface)}.color-surface-900{background-color:var(--color-surface-900)}.color-surface-800{background-color:var(--color-surface-800)}.color-surface-700{background-color:var(--color-surface-700)}.color-surface-600{background-color:var(--color-surface-600)}.color-primary-surface{background-color:var(--color-primary-surface)}.color-primary-surface ul li:before{border-color:var(--color-on-primary-surface)}.color-primary-surface-900{background-color:var(--color-primary-surface-900)}.color-primary-surface-800{background-color:var(--color-primary-surface-800)}.color-primary-surface-700{background-color:var(--color-primary-surface-700)}.color-primary-surface-600{background-color:var(--color-primary-surface-600)}.color-on-surface,.color-on-surface h1,.color-on-surface h2,.color-on-surface h4,.color-on-surface h5,.color-on-surface p,.color-on-surface em,.color-on-surface strong,.color-on-surface li{color:var(--color-on-surface)}.color-on-surface h3,.color-on-surface li:before{color:var(--color-on-surface)}.color-on-surface a,.color-on-surface a:visited{color:var(--color-primary);text-decoration:none}.color-on-surface a:hover{color:var(--color-on-surface);text-decoration:underline;cursor:pointer}.color-on-primary-surface{color:var(--color-on-primary-surface)}.color-on-primary-surface h1,.color-on-primary-surface h2,.color-on-primary-surface h3,.color-on-primary-surface h4,.color-on-primary-surface h5,.color-on-primary-surface p,.color-on-primary-surface em,.color-on-primary-surface strong,.color-on-primary-surface li,.color-on-primary-surface li:before{color:var(--color-on-primary-surface)}.color-on-primary-surface a,.color-on-primary-surface a:visited{color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}.color-on-primary-surface a:hover{color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}.color-surface a,.color-surface a:visited{color:var(--color-primary)}.color-primary-surface a,.color-primary-surface a:visited{color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}.animation-slide-in{animation:slideIn .4s ease-in forwards}.animation-slide-out{animation:slideOut .2s ease-in forwards}.animation-fade-in{animation:fadeIn .2s ease-in forwards}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cookie-container{position:fixed;bottom:3rem;z-index:9999;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.cookie-banner{width:350px;display:flex;flex-direction:column;min-width:350px;max-width:80vw;height:auto;background:#333;color:var(--color-on-surface);padding:var(--gap-xl)}@media(min-width:1440px)and (max-width:1919px){.cookie-banner{max-width:1200px}}@media(min-width:1920px)and (max-width:2299px){.cookie-banner{max-width:1200px}}@media(min-width:2300px){.cookie-banner{max-width:1200px}}.cookie-banner p{color:var(--color-on-surface);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}.cookie-banner a:hover{color:#0ff}.cookie-consent-button-container{margin-top:var(--gap-l);display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--gap-m)}.cookie-consent-button-container cds-button{display:block;width:100%}@media(max-width:600px){.cookie-consent-button-container{flex-direction:column}}.cookie-settings-form{display:flex;flex-direction:row;margin-top:var(--gap-m);gap:var(--gap-m);width:100%;margin-bottom:var(--gap-l)}.cookie-settings-form cds-switch{display:block;width:100%}.cookie-reopen-tab{position:fixed;bottom:0;right:2rem;z-index:9998;font-weight:700;padding:.5rem 1rem;border-radius:1.25rem 1.25rem 0 0;background:var(--color-primary);font-size:.875rem;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:background .2s}.cookie-reopen-tab:hover{background:#444}

.cdk-table-fixed-layout{table-layout:fixed}

/* migriert: Angular CDK Overlay (Dialoge) */
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed}@layer cdk-overlay{.cdk-overlay-container{z-index:1000}}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute}@layer cdk-overlay{.cdk-global-overlay-wrapper{z-index:1000}}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%}@layer cdk-overlay{.cdk-overlay-pane{z-index:1000}}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation}@layer cdk-overlay{.cdk-overlay-backdrop{z-index:1000;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}@layer cdk-overlay{.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px}@layer cdk-overlay{.cdk-overlay-connected-position-bounding-box{z-index:1000}}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}


/* components/app-root.css */
/* migriert aus Angular-Komponente <app-root> */
app-root h6{line-height:1.6}app-root .color-surface{background-color:var(--color-surface)}app-root .color-surface-900{background-color:var(--color-surface-900)}app-root .color-surface-800{background-color:var(--color-surface-800)}app-root .color-surface-700{background-color:var(--color-surface-700)}app-root .color-surface-600{background-color:var(--color-surface-600)}app-root .color-primary-surface{background-color:var(--color-primary-surface)}app-root .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-root .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-root .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-root .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-root .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-root .color-on-surface, app-root .color-on-surface h1:not(._), app-root .color-on-surface h2:not(._), app-root .color-on-surface h4:not(._), app-root .color-on-surface h5:not(._), app-root .color-on-surface p:not(._), app-root .color-on-surface em:not(._), app-root .color-on-surface strong:not(._), app-root .color-on-surface li:not(._){color:var(--color-on-surface)}app-root .color-on-surface h3:not(._), app-root .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-root .color-on-surface a:not(._), app-root .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-root .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-root .color-on-primary-surface{color:var(--color-on-primary-surface)}app-root .color-on-primary-surface h1:not(._), app-root .color-on-primary-surface h2:not(._), app-root .color-on-primary-surface h3:not(._), app-root .color-on-primary-surface h4:not(._), app-root .color-on-primary-surface h5:not(._), app-root .color-on-primary-surface p:not(._), app-root .color-on-primary-surface em:not(._), app-root .color-on-primary-surface strong:not(._), app-root .color-on-primary-surface li:not(._), app-root .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-root .color-on-primary-surface a:not(._), app-root .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-root .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-root .color-surface a:not(._), app-root .color-surface a:visited:not(._){color:var(--color-primary)}app-root .color-primary-surface a:not(._), app-root .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-root .animation-slide-out{animation:app-root__slideOut .2s ease-in forwards}app-root .animation-fade-in{animation:app-root__fadeIn .2s ease-in forwards}@keyframes app-root__slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes app-root__slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes app-root__fadeIn{0%{opacity:0}to{opacity:1}}app-root{height:100vh;display:grid;grid-template-rows:auto var(--footer-height);overflow-x:hidden}app-root main{background-color:var(--color-secondary);max-width:100vw}

/* components/app-header.css */
/* migriert aus Angular-Komponente <app-header> */
app-header{--header-height-right: var(--header-height);--header-height-left: 1.5rem;width:100%;height:var(--header-height-right);position:fixed;top:0;z-index:888}app-header nav{display:grid;grid-template-columns:3fr auto;position:relative}app-header nav:before{content:"";width:100%;height:var(--header-height-left);background-color:var(--color-secondary);position:absolute}app-header button{background-color:transparent;border:none;cursor:pointer}app-header svg{width:1.875rem;height:1.3125rem}app-header .left{position:relative;display:grid;height:var(--header-height-left)}app-header .left .highlight-line:not(._){grid-column:1;grid-row:1;fill:var(--color-primary);height:.25rem;width:100%;margin-top:var(--header-height-left);filter:drop-shadow(5px 1px 4px var(--color-primary))}app-header .right{position:relative;display:grid}app-header .right .highlight-line:not(._){fill:none;stroke:var(--color-primary);stroke-miterlimit:10;stroke-width:.25rem;filter:drop-shadow(4px 3px 5px var(--color-primary))}app-header .background-line, app-header .background-shape, app-header .line-shape{grid-column:1;grid-row:1;fill:var(--color-secondary);height:var(--header-height-left);width:100%}app-header .background-shape{height:var(--header-height-right)}app-header .line-shape, app-header .control-container{height:var(--header-height-right);top:0;max-width:100%}app-header .line-shape{position:relative;margin-top:var(--header-height-left);z-index:1}app-header .control-container{position:absolute;right:1rem;display:flex;gap:1.5rem;z-index:2}app-header .navbar-brand{display:flex}app-header .logo{width:12rem;height:auto}

/* components/app-footer.css */
/* migriert aus Angular-Komponente <app-footer> */
app-footer{position:relative;height:var(--footer-height);color:var(--color-secondary);background-color:var(--color-primary);z-index:500;margin-top:auto}@media(min-width:1024px)and (max-width:1439px){app-footer .footer-wrapper:not(._){width:calc(100% - 23.125rem);grid-template-columns:1fr auto .5fr;align-items:flex-start;justify-content:center}app-footer .social-media:not(._){flex-direction:column;justify-content:center}app-footer .social-media img:not(._._){width:8rem}app-footer .social-media a:first-child img:not(._._._){width:6rem}}@media(min-width:1440px)and (max-width:1919px){app-footer .footer-wrapper:not(._){width:calc(100% - 23.125rem);grid-template-columns:1fr auto .5fr;align-items:flex-start;justify-content:center}app-footer .social-media:not(._){flex-direction:column;justify-content:center}app-footer .social-media img:not(._._){width:8rem}app-footer .social-media a:first-child img:not(._._._){width:6rem}}@media(min-width:1920px)and (max-width:2299px){app-footer .footer-wrapper:not(._){width:calc(100% - 23.125rem);grid-template-columns:1fr auto .5fr;align-items:flex-start;justify-content:center}app-footer .social-media:not(._){flex-direction:column;justify-content:center}app-footer .social-media img:not(._._){width:8rem}app-footer .social-media a:first-child img:not(._._._){width:6rem}}@media(min-width:2300px){app-footer .footer-wrapper:not(._){width:calc(100% - 23.125rem);grid-template-columns:1fr auto .5fr;align-items:flex-start;justify-content:center}app-footer .social-media:not(._){flex-direction:column;justify-content:center}app-footer .social-media img:not(._._){width:8rem}app-footer .social-media a:first-child img:not(._._._){width:6rem}}@media(min-width:1440px)and (max-width:1919px){app-footer .logo:not(._){width:22rem}}app-footer cds-shaped-container{position:absolute;width:100%;margin-top:calc((var(--shape-container-shape-height) - 2px) * -1)}app-footer .footer-wrapper{display:grid;gap:var(--gap-xxl);justify-content:flex-start;padding:1rem var(--main-content-padding)}app-footer .logo{width:18rem}app-footer .social-media{display:flex;justify-content:space-between;gap:var(--gap-m);align-items:baseline}app-footer .social-media img:not(._){width:6rem}app-footer .menu-items{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gap-s)}app-footer .menu-items a:not(._), app-footer .menu-items a:visited:not(._){color:var(--color-on-primary-surface)}

/* components/app-breadcrumb.css */
/* migriert aus Angular-Komponente <app-breadcrumb> */
app-breadcrumb .breadcrumb{height:.75rem;background-color:var(--color-secondary);position:relative}app-breadcrumb .breadcrumb > div:not(._){position:absolute;z-index:10;padding:.6rem;padding-inline:var(--main-content-padding);display:flex;gap:.5rem}app-breadcrumb .breadcrumb-item{font-size:.75rem}app-breadcrumb .breadcrumb-item:not(.is-last):hover{cursor:pointer;filter:drop-shadow(0px 3px 7px var(--color-primary))}app-breadcrumb .breadcrumb-item:not(.is-last){color:var(--color-primary)}app-breadcrumb .breadcrumb-item.is-last{color:var(--color-on-surface)}app-breadcrumb span{color:var(--color-primary);font-size:1rem;margin-top:-2px}

/* components/app-drawer.css */
/* migriert aus Angular-Komponente <app-drawer> */
app-drawer h1{word-break:break-word;margin-top:var(--gap-xxl);margin-bottom:var(--gap-l);font-family:var(--font-family-display-heavy);font-size:7rem;line-height:1.5}@media(min-width:1920px)and (max-width:2299px){app-drawer h1{font-size:5rem}}@media(min-width:1024px)and (max-width:1439px){app-drawer h1{font-size:4rem}}@media(min-width:1440px)and (max-width:1919px){app-drawer h1{font-size:4rem}}@media(max-width:599px){app-drawer h1{font-size:2.5rem}}@media(min-width:600px)and (max-width:1023px){app-drawer h1{font-size:2.5rem}}app-drawer h2{margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-drawer h3{margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-drawer h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-drawer h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-drawer h4{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}app-drawer h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-drawer h1, app-drawer h2, app-drawer h3, app-drawer h4, app-drawer h5, app-drawer h6{line-height:1.6}app-drawer p{margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-drawer ul, app-drawer ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-drawer ul{list-style-type:none}app-drawer ul li:not(._){position:relative}app-drawer ul li:not(._):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-drawer li{margin:0}app-drawer li + li:not(._){margin-top:var(--gap-s)}app-drawer a{text-decoration:none;color:var(--color-primary)}app-drawer a:visited{color:var(--color-primary)}app-drawer a:hover{color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-drawer .color-surface{background-color:var(--color-surface)}app-drawer .color-surface-900{background-color:var(--color-surface-900)}app-drawer .color-surface-800{background-color:var(--color-surface-800)}app-drawer .color-surface-700{background-color:var(--color-surface-700)}app-drawer .color-surface-600{background-color:var(--color-surface-600)}app-drawer .color-primary-surface{background-color:var(--color-primary-surface)}app-drawer .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-drawer .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-drawer .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-drawer .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-drawer .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-drawer .color-on-surface, app-drawer .color-on-surface h1:not(._), app-drawer .color-on-surface h2:not(._), app-drawer .color-on-surface h4:not(._), app-drawer .color-on-surface h5:not(._), app-drawer .color-on-surface p:not(._), app-drawer .color-on-surface em:not(._), app-drawer .color-on-surface strong:not(._), app-drawer .color-on-surface li:not(._){color:var(--color-on-surface)}app-drawer .color-on-surface h3:not(._), app-drawer .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-drawer .color-on-surface a:not(._), app-drawer .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-drawer .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-drawer .color-on-primary-surface{color:var(--color-on-primary-surface)}app-drawer .color-on-primary-surface h1:not(._), app-drawer .color-on-primary-surface h2:not(._), app-drawer .color-on-primary-surface h3:not(._), app-drawer .color-on-primary-surface h4:not(._), app-drawer .color-on-primary-surface h5:not(._), app-drawer .color-on-primary-surface p:not(._), app-drawer .color-on-primary-surface em:not(._), app-drawer .color-on-primary-surface strong:not(._), app-drawer .color-on-primary-surface li:not(._), app-drawer .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-drawer .color-on-primary-surface a:not(._), app-drawer .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-drawer .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-drawer .color-surface a:not(._), app-drawer .color-surface a:visited:not(._){color:var(--color-primary)}app-drawer .color-primary-surface a:not(._), app-drawer .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-drawer{position:fixed;right:0;top:calc(var(--header-height) + .25rem);background-color:var(--color-surface);border-top-left-radius:1.25rem;border-bottom-left-radius:1.25rem;border:solid 4px var(--color-primary);border-right:unset;z-index:999;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);transform:translate(37.5rem);transition:transform ease-in .2s}app-drawer.show{transform:translate(0);transition:transform ease-out .4s}app-drawer ul{display:flex;flex-direction:column;text-align:right;list-style:none;padding-inline-start:0;padding-inline-end:1rem;gap:var(--gap-m)}app-drawer ul li:not(._._){list-style-type:none}app-drawer ul li:not(._._):before{content:none;display:none}app-drawer a{display:block;padding:1rem;color:var(--color-primary);transition:color .15s;font-family:var(--font-family-base-regular);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}app-drawer a:hover{color:var(--color-on-surface)}@media(min-width:600px)and (max-width:1023px){app-drawer a{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-drawer a{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}

/* components/cds-shaped-container.css */
/* migriert aus Angular-Komponente <cds-shaped-container> */
cds-shaped-container{--shaped-container-background-color: var(--color-surface);--shaped-container-fill: var(--color-surface);--shaped-container-text-color: var(--color-on-surface);--shaped-container-title-color: var(--color-on-surface);--shaped-container-transparency: 1;--shaped-container-content-padding: var(--main-content-padding);display:block;overflow:hidden}cds-shaped-container[primary]{--shaped-container-background-color: var(--color-primary-surface);--shaped-container-fill: var(--color-primary-surface);--shaped-container-text-color: var(--color-on-primary-surface);--shaped-container-title-color: var(--color-on-primary-surface);--shaped-container-transparency: 1}@media(max-width:1023px){cds-shaped-container .shape-top:not(._), cds-shaped-container .shape-bottom:not(._){grid-template-columns:auto 13.75rem}}cds-shaped-container .shape-top, cds-shaped-container .shape-bottom{display:grid;overflow:hidden;grid-template-columns:2fr auto;height:var(--shape-container-shape-height);background-color:transparent}cds-shaped-container .shape-top svg:not(._), cds-shaped-container .shape-bottom svg:not(._){fill:var(--shaped-container-fill);height:var(--shape-container-shape-height);width:23.125rem;align-self:end;opacity:var(--shaped-container-transparency)}cds-shaped-container .title{position:relative;top:0;inset:1rem var(--shaped-container-content-padding);color:var(--shaped-container-title-color)}cds-shaped-container .content:where(:not(cds-slider *)){position:relative;overflow:hidden;background-color:var(--shaped-container-background-color);color:var(--shaped-container-text-color)}cds-shaped-container .shape-bottom svg:not(._){height:4.125rem;transform:translateY(0)}cds-shaped-container .spacer-top, cds-shaped-container .spacer-bottom{height:var(--shape-container-shape-height);width:100%;background-color:var(--shaped-container-background-color)}cds-shaped-container .spacer-bottom{height:1.5rem}cds-shaped-container .flip{transform:scaleX(-1)}cds-shaped-container .with-background{background-color:var(--color-primary-surface)}

/* components/app-home.css */
/* migriert aus Angular-Komponente <app-home> */
app-home{display:block;color:var(--color-on-surface);background:radial-gradient(ellipse at 82% 18%,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 30%),var(--color-surface)}app-home cds-header-container.home-hero .header-hero-overlay .header-title{white-space:pre-line}@media(min-width:1024px)and (max-width:1439px){app-home cds-header-container.home-hero .header-hero-overlay .header-title{width:80%}}@media(min-width:1440px)and (max-width:1919px){app-home cds-header-container.home-hero .header-hero-overlay .header-title{width:80%}}@media(min-width:1920px)and (max-width:2299px){app-home cds-header-container.home-hero .header-hero-overlay .header-title{width:80%}}@media(min-width:2300px){app-home cds-header-container.home-hero .header-hero-overlay .header-title{width:80%}}app-home .hero-divider{margin-top:calc(var(--shape-container-shape-height) * -1)}app-home .page-content{max-width:144rem;margin:0 auto;padding:var(--gap-xl) var(--main-content-padding) var(--gap-xxl)}app-home section:where(:not(cds-header-container *)){margin-bottom:calc(var(--gap-xxl) * 1.5)}app-home section:last-child:where(:not(cds-header-container *)){margin-bottom:0}app-home cds-divider{margin-bottom:var(--gap-xl)}app-home h2:where(:not(cl-title *, app-contact-form *)){margin-top:0;margin-bottom:var(--gap-xl)}app-home h3:where(:not(app-contact-form *)){margin-top:0;margin-bottom:var(--gap-l)}app-home .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--gap-xxl)}app-home .section-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--gap-m);margin-bottom:var(--gap-xl)}app-home .section-heading h2:not(._), app-home .section-heading .action-link:not(._){margin:0}app-home .section-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-m) var(--gap-l);margin-top:var(--gap-xl)}app-home .section-actions .action-link:not(._){margin-top:0}app-home .action-link, app-home .card-action{display:inline-block;margin-top:var(--gap-m);color:var(--color-primary)}app-home .action-link{text-decoration:underline;text-underline-offset:.25em}app-home .service-links{margin-top:var(--gap-xl)}app-home .feature-copy{background-color:var(--color-primary-surface-700)}app-home .feature-copy, app-home .card-copy{padding:var(--gap-xl)}app-home .feature-copy h3:not(._), app-home .training-card-featured h3:not(._), app-home .training-card-featured .card-action:not(._){color:var(--color-on-surface)}app-home .feature-card img:not(._), app-home .image-card img:not(._), app-home .story-card img:not(._){display:block;width:100%;height:auto;object-fit:cover}app-home .feature-card img:not(._), app-home .image-card img:not(._){aspect-ratio:16/9}app-home .training-grid, app-home .blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-xl)}app-home .story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,250px));justify-content:space-between;gap:var(--gap-xl)}app-home .story-grid .card-link:not(._){width:100%;max-width:250px;justify-self:center;transition:all ease .2s}app-home .story-grid .card-link:hover:not(._){transform:scale(1.03);filter:brightness(1.5)}app-home .story-grid .card-link:active:not(._){transform:scale(1)}app-home .card-link{display:block;color:var(--color-on-surface);text-decoration:none}app-home .card-link:visited{color:var(--color-on-surface)}app-home .card-link:hover{color:var(--color-on-surface);text-decoration:none;filter:drop-shadow(0 0 7px var(--color-primary))}app-home a:focus-visible:where(:not(app-references *, app-contact-form *)){outline:2px solid var(--color-primary);outline-offset:4px}app-home .training-card, app-home .story-card, app-home .blog-card, app-home .development-card{--rounded-container-background: var(--color-surface-900)}app-home .training-card-featured{--rounded-container-background: var(--color-primary-surface-600)}app-home .training-card, app-home .blog-card{height:100%}app-home .curriculum-card{--rounded-container-background: var(--color-surface-800);margin-bottom:var(--gap-xl)}app-home .curriculum-content{padding:var(--gap-xl)}app-home .curriculum-heading{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-m);margin-bottom:var(--gap-l)}app-home .curriculum-heading h3:not(._){margin:0}app-home .curriculum-links{display:flex;flex-wrap:wrap;gap:var(--gap-s) var(--gap-m);margin:var(--gap-l) 0 0;padding:0;list-style:none}app-home .curriculum-links li:not(._){display:flex;align-items:baseline;gap:var(--gap-m);margin:0}app-home .curriculum-links li:not(._):before{content:none}app-home .story-card img:not(._){max-width:250px}app-home .blog-card time:not(._){color:var(--color-on-surface)}app-home .blog-card time:not(._), app-home .blog-card .card-action:not(._){display:block}@media(max-width:599px){app-home .split{grid-template-columns:1fr}app-home .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:600px)and (max-width:1023px){app-home .split{grid-template-columns:1fr}app-home .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:600px)and (max-width:1023px){app-home .training-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px)and (max-width:1439px){app-home .training-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:600px)and (max-width:1023px){app-home .training-card .card-copy:not(._){padding:var(--gap-l)}}@media(max-width:599px){app-home .training-grid, app-home .blog-grid{grid-template-columns:1fr}app-home .feature-copy, app-home .card-copy, app-home .curriculum-content{padding:var(--gap-l)}}

/* components/cds-header-container.css */
/* migriert aus Angular-Komponente <cds-header-container> */
cds-header-container{--hero-overlay-bg: color-mix(in srgb, var(--color-primary-surface) 40%, transparent);--hero-overlay-shadow: color-mix(in srgb, var(--color-surface) 50%, transparent);--hero-overlay-bg-transparent: transparent;--site-header-height: 70vh;--site-padding-top: calc(var(--header-height) + 4rem);--site-padding-start-end: var(--main-content-padding);--site-background-color: var(--color-surface);--site-color: var(--color-on-surface);display:block;background-color:var(--site-background-color);color:var(--site-color);max-width:100vw}cds-header-container .with-padding-top:not(._){padding-top:var(--site-padding-top)}cds-header-container .cl-placeholder-grow{flex-grow:1}cds-header-container cds-button{z-index:2}cds-header-container section{margin-bottom:unset}cds-header-container .header{background-repeat:no-repeat;position:relative;min-height:var(--site-header-height);display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:50px;background-size:cover;background-position:center center;z-index:10}cds-header-container .bg-video{position:absolute;inset:0;z-index:0;pointer-events:none}cds-header-container .bg-video video:not(._){width:100%;height:100%;object-fit:cover;object-position:center;display:block}cds-header-container .bg-picture{position:absolute;inset:0;z-index:0;pointer-events:none}cds-header-container .bg-picture img:not(._){object-fit:cover;object-position:top center!important}cds-header-container .header-hero-overlay{position:relative;background-size:cover;background-position:center;color:var(--color-on-surface);overflow:visible}cds-header-container .header-hero-overlay .overlay:not(._){position:absolute;inset:0;background:linear-gradient(to right,var(--hero-overlay-bg),var(--hero-overlay-bg-transparent));z-index:1}cds-header-container .header-hero-overlay .overlay:not(._):after{content:"";position:absolute;inset:0;background-color:var(--hero-overlay-shadow);pointer-events:none}cds-header-container .header-hero-overlay .header-title:not(._), cds-header-container .header-hero-overlay .header-subtitle:not(._), cds-header-container .header-hero-overlay .header-text:not(._), cds-header-container .header-hero-overlay .header-action:not(._){box-sizing:border-box;position:relative;z-index:2;padding:0 var(--main-content-padding);width:70%}@media(max-width:599px){cds-header-container .header-hero-overlay .header-title:not(._), cds-header-container .header-hero-overlay .header-subtitle:not(._), cds-header-container .header-hero-overlay .header-text:not(._), cds-header-container .header-hero-overlay .header-action:not(._){width:100%}}@media(min-width:600px)and (max-width:1023px){cds-header-container .header-hero-overlay .header-title:not(._), cds-header-container .header-hero-overlay .header-subtitle:not(._), cds-header-container .header-hero-overlay .header-text:not(._), cds-header-container .header-hero-overlay .header-action:not(._){width:100%}}cds-header-container .header-hero-overlay .header-title:not(._){padding-bottom:0;padding-top:8rem}cds-header-container .header-hero-overlay .header-action:not(._){padding:4rem var(--main-content-padding);padding-top:4rem;padding-bottom:6rem}cds-header-container .header-underline{position:relative;left:0;width:60%;--divider-fill-color: var(--color-primary-surface);z-index:2;display:grid;grid-template-rows:30px;grid-template-columns:1fr 29px;grid-template-areas:"bottomcon bottomend";filter:drop-shadow(0px 3px 7px var(--color-primary-surface));margin:var(--gap-l) 0}cds-header-container .header-underline.dark{--divider-fill-color: var(--color-primary-surface);filter:drop-shadow(0px 3px 7px var(--color-primary-surface))}cds-header-container .bottom-con{grid-area:bottomcon;display:flex;align-items:center}cds-header-container .bottom-con svg:not(._){height:4px;width:100%}cds-header-container .bottom-end{grid-area:bottomend;display:flex;align-items:center}cds-header-container .bottom-end svg:not(._){width:29px;height:24px;margin-left:-1px;display:block}

/* components/cds-shaped-divider.css */
/* migriert aus Angular-Komponente <cds-shaped-divider> */
cds-shaped-divider{position:relative;z-index:10;margin-top:calc(var(--shape-divider-shape-height) * -1 + 1px);height:var(--shape-divider-shape-height);width:100%;pointer-events:none;--shaped-divider-background-color: var(--color-secondary);--shaped-divider-fill: var(--color-secondary);--shaped-divider-text-color: var(--color-on-primary-surface);--shaped-divider-title-color: var(--color-primary);--shaped-divider-transparency: 1;--shaped-divider-content-padding: var(--main-content-padding);display:block;overflow:hidden}cds-shaped-divider.is-top{margin-top:0;margin-bottom:calc(var(--shape-divider-shape-height) * -1 + 1px)}cds-shaped-divider.is-top .spacer:not(._){background-color:transparent}cds-shaped-divider.primary{--shaped-divider-background-color: var(--color-primary-surface);--shaped-divider-fill: var(--color-primary-surface);--shaped-divider-text-color: var(--color-secondary);--shaped-divider-title-color: var(--color-secondary);--shaped-divider-transparency: 1}cds-shaped-divider.transparent{--shaped-divider-transparency: .7;--shaped-divider-background-color: var(--color-surface);--shaped-divider-fill: var(--color-secondary);--shaped-divider-text-color: var(--color-secondary)}cds-shaped-divider.dark{--shaped-divider-background-color: var(--color-secondary);--shaped-divider-fill: var(--color-secondary);--shaped-divider-text-color: var(--color-primary);--shaped-divider-title-color: var(--color-primary)}@media(max-width:1023px){cds-shaped-divider .shape:not(._){grid-template-columns:auto 13.75rem}}cds-shaped-divider .shape{display:grid;overflow:hidden;grid-template-columns:2fr auto;height:var(--shape-divider-shape-height);background-color:transparent}cds-shaped-divider .shape svg:not(._){fill:var(--shaped-divider-fill);height:var(--shape-divider-shape-height);width:23.125rem;align-self:end;opacity:var(--shaped-divider-transparency);display:block;shape-rendering:auto}cds-shaped-divider .title{position:relative;top:0;inset:1rem var(--shaped-divider-content-padding);color:var(--color-primary)}cds-shaped-divider .content{position:relative;overflow:hidden;background-color:var(--shaped-divider-background-color)}cds-shaped-divider .spacer{height:var(--shape-divider-shape-height);width:100%;background-color:var(--shaped-divider-background-color)}cds-shaped-divider .flip{transform:scaleX(-1)}cds-shaped-divider .with-background{background-color:var(--color-primary-surface)}

/* components/cds-rounded-container.css */
/* migriert aus Angular-Komponente <cds-rounded-container> */
cds-rounded-container{--rounded-container-radius: var(--cl-container-radius, 3rem .25rem 5rem .25rem);--rounded-container-background: transparent;display:flow-root;position:relative;overflow:hidden;border:0;border-radius:var(--rounded-container-radius);background-color:var(--rounded-container-background)}

/* components/cds-divider.css */
/* migriert aus Angular-Komponente <cds-divider> */
cds-divider{--divider-fill-color: var(--color-secondary);--divider-shadow-color: var(--color-secondary);display:grid;grid-template-rows:30px 30px;grid-template-columns:29px 1fr 56px 1fr 29px;grid-template-areas:"topend topcon middle . ." ". . middle bottomcon bottomend";margin:var(--gap-l) 0;margin-top:80px}cds-divider[primary]{--divider-fill-color: var(--color-primary);--divider-shadow-color: var(--color-primary)}cds-divider svg{fill:var(--divider-fill-color);filter:drop-shadow(0px 3px 7px var(--divider-shadow-color))}cds-divider .top-end{grid-area:topend;display:flex;align-items:center}cds-divider .top-end svg:not(._){width:29px;height:24px;transform:rotate(180deg)}cds-divider .top-con{grid-area:topcon;display:flex;align-items:center}cds-divider .top-con svg:not(._){height:4px;width:100%}cds-divider .middle{grid-area:middle;display:flex;align-items:center}cds-divider .middle svg:not(._){height:34px;width:56px}cds-divider .bottom-con{grid-area:bottomcon;display:flex;align-items:center}cds-divider .bottom-con svg:not(._){height:4px;width:100%}cds-divider .bottom-end{grid-area:bottomend;display:flex;align-items:center}cds-divider .bottom-end svg:not(._){width:29px;height:24px}

/* components/app-references.css */
/* migriert aus Angular-Komponente <app-references> */
app-references .reference{display:flex;align-items:center;padding:3rem}app-references .reference > img:not(._){width:auto;max-width:30vw;max-height:45px}

/* components/cds-badge.css */
/* migriert aus Angular-Komponente <cds-badge> */
cds-badge{display:inline-flex;margin:0;vertical-align:middle}cds-badge .cds-badge{display:inline-flex;align-items:center;gap:var(--gap-xs);border:1px solid transparent;border-radius:999px;padding:.25rem .625rem;margin:0;white-space:nowrap;font-family:var(--font-family-base-regular);font-size:calc(.65rem * var(--font-size-multiplier, 1));line-height:1;font-family:var(--font-family-base-light);letter-spacing:.01em}cds-badge .cds-badge.small{padding:.03125rem .375rem}cds-badge .cds-badge.primary{background:var(--color-primary-surface);color:var(--color-on-primary-surface);border-color:transparent}cds-badge .cds-badge.secondary{background:var(--color-surface);color:var(--color-on-surface);border-color:transparent}cds-badge .cds-badge.critical{background:color-mix(in srgb,var(--color-error) 20%,transparent);color:var(--color-error);border-color:transparent}cds-badge .cds-badge.custom-color{background-color:var(--cds-badge-background-color, var(--color-surface));color:var(--cds-badge-font-color, var(--color-on-surface));border-color:transparent}

/* components/cds-button.css */
/* migriert aus Angular-Komponente <cds-button> */
cds-button{display:inline-block}cds-button .cl-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;gap:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;border:1px solid transparent;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s ease,filter .1s ease,background-color .1s ease,color .1s ease,border-color .1s ease;-webkit-tap-highlight-color:transparent}cds-button .cl-btn:not(.disabled):hover{filter:drop-shadow(0 0 7px var(--color-primary))}cds-button .cl-btn:not(.disabled):active{transform:scale(.97)}cds-button .cl-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}cds-button button.cl-btn:disabled, cds-button a.cl-btn[aria-disabled=true], cds-button .cl-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:none;transform:none}cds-button:not([primary]) .cl-btn:not(._){border-color:var(--color-primary);background-color:var(--color-secondary);color:var(--color-primary)}cds-button[primary] .cl-btn:not(._){background-color:var(--color-primary-surface);color:var(--color-on-primary-surface)}cds-button:not([small]) .cl-btn:not(._){padding:.5rem 1rem;border-radius:1.25rem .5rem}cds-button[small] .cl-btn:not(._){padding:.375rem .75rem;border-radius:1rem .375rem;font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}cds-button[smaller] .cl-btn:not(._){padding:.125rem .25rem;border-radius:.75rem .25rem;font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1;font-size:.85em}cds-button[data-state=success] .cl-btn:not(._){border-color:var(--color-success);background-color:var(--color-secondary);color:var(--color-success)}cds-button[data-state=error] .cl-btn:not(._){border-color:var(--color-error);background-color:var(--color-secondary);color:var(--color-error)}cds-button[primary][data-state=success] .cl-btn:not(._){background-color:var(--color-success);color:var(--color-on-primary-surface)}cds-button[primary][data-state=error] .cl-btn:not(._){background-color:var(--color-error);color:var(--color-on-primary-surface)}cds-button[data-state=success] .cl-btn:not(.disabled):hover:not(._){filter:drop-shadow(0 0 7px var(--color-success))}cds-button[data-state=error] .cl-btn:not(.disabled):hover:not(._){filter:drop-shadow(0 0 7px var(--color-error))}cds-button[data-state=loading] .cl-btn.disabled:not(._){cursor:progress}cds-button[data-state=success] .cl-btn.disabled:not(._){opacity:1}cds-button .cl-btn__state-icon{flex:0 0 auto}cds-button[data-state=loading] .cl-btn__state-icon:not(._){animation:cds-button__cl-btn-spin .9s linear infinite}cds-button[data-state=success] .cl-btn__state-icon:not(._){animation:cds-button__cl-btn-success .3s ease-out}cds-button[data-state=error] .cl-btn__state-icon:not(._){animation:cds-button__cl-btn-error .3s ease-out}@keyframes cds-button__cl-btn-spin{to{transform:rotate(360deg)}}@keyframes cds-button__cl-btn-success{0%{transform:scale(.6)}65%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes cds-button__cl-btn-error{0%,to{transform:translate(0)}30%{transform:translate(-2px)}65%{transform:translate(2px)}}@media(prefers-reduced-motion:reduce){cds-button .cl-btn, cds-button .cl-btn__state-icon{animation:none!important;transition:none}}

/* components/app-contact-form.css */
/* migriert aus Angular-Komponente <app-contact-form> */
app-contact-form h1{word-break:break-word;margin-top:var(--gap-xxl);margin-bottom:var(--gap-l);font-family:var(--font-family-display-heavy);font-size:7rem;line-height:1.5}@media(min-width:1920px)and (max-width:2299px){app-contact-form h1{font-size:5rem}}@media(min-width:1024px)and (max-width:1439px){app-contact-form h1{font-size:4rem}}@media(min-width:1440px)and (max-width:1919px){app-contact-form h1{font-size:4rem}}@media(max-width:599px){app-contact-form h1{font-size:2.5rem}}@media(min-width:600px)and (max-width:1023px){app-contact-form h1{font-size:2.5rem}}app-contact-form h2{margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-contact-form h3{margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-contact-form h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-contact-form h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-contact-form h4{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}app-contact-form h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-contact-form h1, app-contact-form h2, app-contact-form h3, app-contact-form h4, app-contact-form h5, app-contact-form h6{line-height:1.6}app-contact-form p{margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-contact-form ul, app-contact-form ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-contact-form ul{list-style-type:none}app-contact-form ul li:not(._){position:relative}app-contact-form ul li:not(._):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-contact-form li{margin:0}app-contact-form li + li:not(._){margin-top:var(--gap-s)}app-contact-form a{text-decoration:none;color:var(--color-primary)}app-contact-form a:visited{color:var(--color-primary)}app-contact-form a:hover{color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-contact-form .color-surface{background-color:var(--color-surface)}app-contact-form .color-surface-900{background-color:var(--color-surface-900)}app-contact-form .color-surface-800{background-color:var(--color-surface-800)}app-contact-form .color-surface-700{background-color:var(--color-surface-700)}app-contact-form .color-surface-600{background-color:var(--color-surface-600)}app-contact-form .color-primary-surface{background-color:var(--color-primary-surface)}app-contact-form .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-contact-form .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-contact-form .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-contact-form .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-contact-form .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-contact-form .color-on-surface, app-contact-form .color-on-surface h1:not(._), app-contact-form .color-on-surface h2:not(._), app-contact-form .color-on-surface h4:not(._), app-contact-form .color-on-surface h5:not(._), app-contact-form .color-on-surface p:not(._), app-contact-form .color-on-surface em:not(._), app-contact-form .color-on-surface strong:not(._), app-contact-form .color-on-surface li:not(._){color:var(--color-on-surface)}app-contact-form .color-on-surface h3:not(._), app-contact-form .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-contact-form .color-on-surface a:not(._), app-contact-form .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-contact-form .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-contact-form .color-on-primary-surface{color:var(--color-on-primary-surface)}app-contact-form .color-on-primary-surface h1:not(._), app-contact-form .color-on-primary-surface h2:not(._), app-contact-form .color-on-primary-surface h3:not(._), app-contact-form .color-on-primary-surface h4:not(._), app-contact-form .color-on-primary-surface h5:not(._), app-contact-form .color-on-primary-surface p:not(._), app-contact-form .color-on-primary-surface em:not(._), app-contact-form .color-on-primary-surface strong:not(._), app-contact-form .color-on-primary-surface li:not(._), app-contact-form .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-contact-form .color-on-primary-surface a:not(._), app-contact-form .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-contact-form .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-contact-form .color-surface a:not(._), app-contact-form .color-surface a:visited:not(._){color:var(--color-primary)}app-contact-form .color-primary-surface a:not(._), app-contact-form .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-contact-form{z-index:10}@media(min-width:1024px)and (max-width:1439px){app-contact-form .contact-info:not(._){display:grid;grid-template-columns:1fr 1fr}}@media(min-width:1440px)and (max-width:1919px){app-contact-form .contact-info:not(._){display:grid;grid-template-columns:1fr 1fr}}@media(min-width:1920px)and (max-width:2299px){app-contact-form .contact-info:not(._){display:grid;grid-template-columns:1fr 1fr}}@media(min-width:2300px){app-contact-form .contact-info:not(._){display:grid;grid-template-columns:1fr 1fr}}app-contact-form cds-shaped-container{--shaped-container-content-padding: var(--inner-content-padding)}app-contact-form cds-shaped-container.align-left{--shaped-container-content-padding: 0px}app-contact-form .contact-content > *:not(._){padding:var(--gap-l) var(--shaped-container-content-padding) 0}app-contact-form h3{margin-bottom:var(--gap-m)}app-contact-form .staff{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start;margin-bottom:var(--gap-l)}app-contact-form .staff img:not(._){width:100%;height:auto;border-radius:3rem .25rem 5rem}app-contact-form .staff .info:not(._){color:var(--color-on-surface)}app-contact-form .staff .info h3:not(._._){margin:0 0 var(--gap-s);color:var(--color-primary)}app-contact-form .staff .info small:not(._._){display:block;margin-bottom:var(--gap-m)}app-contact-form .staff .info a:not(._._){display:block;margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-contact-form .staff .info a:hover:not(._._){color:var(--color-on-surface)}app-contact-form .inner-form{display:flex;flex-direction:column;gap:1rem}app-contact-form .group{display:flex;flex-direction:column;gap:.75rem}app-contact-form .button-area{display:flex;align-items:flex-end;margin-top:1rem}app-contact-form .submission-feedback{font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1;margin:0}app-contact-form .submission-feedback--error{color:var(--color-error)}

/* components/cl-title.css */
/* migriert aus Angular-Komponente <cl-title> */
cl-title{--cl-line-length: 12rem;--cl-dot-size: 12px;--cl-line-thick: 2px}cl-title h2{margin:0;font-size:1.75rem;line-height:1.3;padding-bottom:50px}

/* components/cds-slider.css */
/* migriert aus Angular-Komponente <cds-slider> */
cds-slider{display:block;position:relative;overflow:hidden;max-width:calc(100dvw - var(--main-content-padding))}cds-slider .content:not(._){display:flex;gap:var(--gap-m);width:max-content}cds-slider .continuous-window:not(._){overflow:hidden}cds-slider .continuous-track:not(._), cds-slider .loop-group:not(._), cds-slider .logo-sequence:not(._){display:flex;width:max-content}cds-slider .logo-sequence:not(._){align-items:center;gap:var(--gap-m);padding-right:var(--gap-m)}cds-slider .continuous-track--animated:not(._){animation:cds-slider__continuous-scroll var(--continuous-duration) linear infinite}cds-slider .continuous-window:hover .continuous-track:not(._._), cds-slider .continuous-window:focus-within .continuous-track:not(._._){animation-play-state:paused}cds-slider button:not(._):where(:not(ngx-glide *)){background-color:transparent;border:none;outline:none;transition:opacity .3s ease;padding-inline:1rem;position:absolute;z-index:999;height:100%;cursor:pointer;opacity:1;top:0;left:0}cds-slider button img:not(._._){width:2rem}cds-slider button:last-of-type:not(._):where(:not(ngx-glide *)){left:auto;right:0}cds-slider .caret-left:not(._){transform:rotate(90deg)}cds-slider .caret-right:not(._){transform:rotate(270deg)}cds-slider .caret:not(._){width:calc(var(--gap-m) * 2)}cds-slider:hover button:not(._):where(:not(ngx-glide *)){opacity:1}@keyframes cds-slider__continuous-scroll{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){cds-slider .continuous-window:not(._){overflow-x:auto}cds-slider .continuous-track:not(._){animation:none}cds-slider .logo-sequence--copy:not(._), cds-slider .loop-group--copy:not(._){display:none}}

/* components/cds-input.css */
/* migriert aus Angular-Komponente <cds-input> */
@keyframes cds-input__cds-disabled-glitch{0%{opacity:1;transform:translate(0);filter:none;box-shadow:none}20%{opacity:.85;transform:translate(-3px);box-shadow:4px 0 0 var(--cds-glitch-color),-4px 0 0 var(--cds-glitch-contrast-color)}40%{opacity:.7;transform:translate(3px);box-shadow:-4px 0 0 var(--cds-glitch-color),4px 0 0 var(--cds-glitch-contrast-color)}55%{opacity:.9;transform:translate(-2px);box-shadow:2px 0 0 var(--cds-glitch-color),-2px 0 0 var(--cds-glitch-contrast-color)}75%{opacity:.8;transform:translate(2px);box-shadow:-2px 0 0 var(--cds-glitch-color),2px 0 0 var(--cds-glitch-contrast-color)}to{opacity:var(--cds-glitch-final-opacity);transform:translate(0);filter:none;box-shadow:none}}@keyframes cds-input__cds-error-glitch{0%{opacity:1;transform:translate(0);filter:none;box-shadow:none}20%{opacity:.85;transform:translate(-3px);box-shadow:4px 0 0 var(--cds-glitch-color),-4px 0 0 var(--cds-glitch-contrast-color)}40%{opacity:.7;transform:translate(3px);box-shadow:-4px 0 0 var(--cds-glitch-color),4px 0 0 var(--cds-glitch-contrast-color)}55%{opacity:.9;transform:translate(-2px);box-shadow:2px 0 0 var(--cds-glitch-color),-2px 0 0 var(--cds-glitch-contrast-color)}75%{opacity:.8;transform:translate(2px);box-shadow:-2px 0 0 var(--cds-glitch-color),2px 0 0 var(--cds-glitch-contrast-color)}to{opacity:var(--cds-glitch-final-opacity);transform:translate(0);filter:none;box-shadow:none}}cds-input{display:block;width:100%}cds-input .cds-input{display:flex;flex-direction:column;gap:var(--gap-s);width:100%}cds-input .cds-input__label{font-family:var(--font-family-base-regular);font-size:calc(.65rem * var(--font-size-multiplier, 1));line-height:1;color:var(--color-on-surface);line-height:1.3}cds-input .cds-input__label--required:after{content:" *"}cds-input .cds-input:focus-within .cds-input__label:not(._){color:var(--color-primary)}cds-input .cds-input__control-wrapper{position:relative;width:100%}cds-input .cds-input__control{font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;width:100%;box-sizing:border-box;min-height:2.75rem;padding:.625rem 2.75rem .625rem .875rem;border-radius:1.25rem .5rem;border:1px solid var(--color-on-surface);color:var(--color-on-surface);background-color:var(--color-surface);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease}cds-input .cds-input__control::placeholder{color:var(--color-secondary-600)}cds-input .cds-input__control:hover:not(:disabled){filter:drop-shadow(0 0 7px var(--color-primary))}cds-input .cds-input__control:focus-visible{outline:none;border-color:var(--color-primary)}cds-input .cds-input__error-icon{display:none;position:absolute;top:50%;right:.875rem;color:var(--color-error);transform:translateY(-50%);pointer-events:none}cds-input.ng-invalid.ng-dirty .cds-input__control:not(._), cds-input .cds-input--invalid .cds-input__control:not(._){border-color:var(--color-error);--cds-glitch-final-opacity: 1;--cds-glitch-color: var(--color-error);--cds-glitch-contrast-color: var(--color-primary);animation:cds-input__cds-error-glitch .36s steps(1,end)}@media(prefers-reduced-motion:reduce){cds-input.ng-invalid.ng-dirty .cds-input__control:not(._), cds-input .cds-input--invalid .cds-input__control:not(._){animation:none}}cds-input.ng-invalid.ng-dirty .cds-input__control:hover:not(:disabled):not(._), cds-input .cds-input--invalid .cds-input__control:hover:not(:disabled):not(._){filter:drop-shadow(0 0 7px var(--color-error))}cds-input.ng-invalid.ng-dirty .cds-input__label:not(._), cds-input .cds-input--invalid .cds-input__label:not(._){color:var(--color-error)}cds-input.ng-invalid.ng-dirty .cds-input__error-icon:not(._), cds-input .cds-input--invalid .cds-input__error-icon:not(._){display:inline-flex}cds-input .cds-input__control:disabled{opacity:.55;cursor:not-allowed;filter:none;--cds-glitch-final-opacity: .55;--cds-glitch-color: var(--color-primary);--cds-glitch-contrast-color: var(--color-error);animation:cds-input__cds-disabled-glitch .36s steps(1,end)}@media(prefers-reduced-motion:reduce){cds-input .cds-input__control:disabled{animation:none}}cds-input.ng-invalid.ng-dirty .cds-input__control:disabled:not(._), cds-input .cds-input--invalid .cds-input__control:disabled:not(._){--cds-glitch-final-opacity: .55;--cds-glitch-color: var(--color-error);--cds-glitch-contrast-color: var(--color-primary);animation:cds-input__cds-disabled-glitch .36s steps(1,end),cds-input__cds-error-glitch .36s steps(1,end)}@media(prefers-reduced-motion:reduce){cds-input.ng-invalid.ng-dirty .cds-input__control:disabled:not(._), cds-input .cds-input--invalid .cds-input__control:disabled:not(._){animation:none}}cds-input .cds-input__control:read-only:not(:disabled){border-style:dashed}

/* components/cds-icon.css */
/* migriert aus Angular-Komponente <cds-icon> */
cds-icon{display:inline-flex;color:inherit;line-height:0}cds-icon lucide-icon{display:inline-flex}

/* components/cds-review-slider.css */
/* migriert aus Angular-Komponente <cds-review-slider> */
cds-review-slider{--color-card: #0c6565;--review-card-shadow: rgb(0 0 0 / 30%);--review-star-active-color: var(--color-primary);--review-text-color: #fff;--review-nav-hover-bg: color-mix(in srgb, var(--color-surface) 20%, transparent);--review-nav-active-bg: color-mix(in srgb, var(--color-surface) 30%, transparent);--btn-radius: 3rem .25rem 5rem .25rem;--slider-height: auto;margin-block-end:30px}cds-review-slider .slider{position:relative;perspective:800px;display:grid;place-items:center;touch-action:pan-y;outline:none;height:var(--slider-height);margin-block-end:100px}cds-review-slider .slider.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}cds-review-slider .track{position:relative;width:100%;height:100%}cds-review-slider .card{position:absolute;left:50%;translate:-50% 0;width:clamp(18rem,70vw,44rem);max-width:65%;height:100%;box-sizing:border-box;opacity:0;pointer-events:none;transition:transform .45s ease,opacity .45s ease,filter .45s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}cds-review-slider .card.center{position:relative;z-index:3;opacity:1;pointer-events:auto;transform:translate(0);filter:none}cds-review-slider .card.left, cds-review-slider .card.right{top:5px;z-index:1;opacity:.55;filter:blur(.4px) saturate(.9);pointer-events:none}cds-review-slider .card.left{transform:translate(-110%) scale(.8)}cds-review-slider .card.right{transform:translate(110%) scale(.8)}cds-review-slider .card.hidden{opacity:0;pointer-events:none;transform:translate(0);filter:none}cds-review-slider .card-frame{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:hidden;padding:var(--gap-xl);background:var(--color-card);border-radius:var(--btn-radius);box-shadow:0 0 .5rem var(--review-card-shadow);white-space:normal;word-break:break-word}cds-review-slider header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-block-end:.5rem;font-weight:600;color:#fff}cds-review-slider .name{font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));font-weight:400;font-weight:600;color:#fff;flex:1;line-height:1.6}cds-review-slider .stars{display:flex;gap:var(--gap-s);flex-shrink:0}cds-review-slider .star{width:2rem;fill:none;stroke:var(--color-primary);stroke-width:2}cds-review-slider .star.filled{fill:var(--review-star-active-color)}cds-review-slider .text{font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;margin:0;color:var(--review-text-color);flex:1}cds-review-slider .nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:transparent;border:none;padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center;width:42px;height:42px;border-radius:50%;transition:background-color .2s ease,opacity .2s ease;opacity:.7}cds-review-slider .nav:hover{opacity:1;background-color:var(--review-nav-hover-bg)}cds-review-slider .nav:active{background-color:var(--review-nav-active-bg)}cds-review-slider .nav.prev{left:8px}cds-review-slider .nav.next{right:8px}cds-review-slider .caret{width:20px;height:20px;object-fit:contain}cds-review-slider .caret-left{transform:rotate(90deg)}cds-review-slider .caret-right{transform:rotate(270deg)}@media(max-width:599px){cds-review-slider .nav{width:36px;height:36px}cds-review-slider .nav.prev{left:0}cds-review-slider .nav.next{right:0}cds-review-slider .card{width:clamp(18rem,92vw,44rem);max-width:92vw}cds-review-slider .card.left{transform:translate(-110%) scale(.8)}cds-review-slider .card.right{transform:translate(110%) scale(.8)}}@media(min-width:600px)and (max-width:1023px){cds-review-slider .nav{width:36px;height:36px}cds-review-slider .nav.prev{left:0}cds-review-slider .nav.next{right:0}cds-review-slider .card{width:clamp(18rem,92vw,44rem);max-width:92vw}cds-review-slider .card.left{transform:translate(-110%) scale(.8)}cds-review-slider .card.right{transform:translate(110%) scale(.8)}}

/* components/app-training.css */
/* migriert aus Angular-Komponente <app-training> */
app-training h2:where(:not(app-contact-form *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-training h3:where(:not(app-contact-form *)){margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-training h3:where(:not(app-contact-form *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-training h3:where(:not(app-contact-form *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-training h4{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}app-training h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-training h2:where(:not(app-contact-form *)), app-training h3:where(:not(app-contact-form *)), app-training h4, app-training h5, app-training h6{line-height:1.6}app-training p{margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-training ul, app-training ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-training ul{list-style-type:none}app-training ul li:not(._){position:relative}app-training ul li:not(._):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-training li{margin:0}app-training li + li:not(._){margin-top:var(--gap-s)}app-training a:where(:not(app-contact-form *)){text-decoration:none;color:var(--color-primary)}app-training a:visited:where(:not(app-contact-form *)){color:var(--color-primary)}app-training a:hover:where(:not(app-contact-form *)){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-training .color-surface{background-color:var(--color-surface)}app-training .color-surface-900{background-color:var(--color-surface-900)}app-training .color-surface-800{background-color:var(--color-surface-800)}app-training .color-surface-700{background-color:var(--color-surface-700)}app-training .color-surface-600{background-color:var(--color-surface-600)}app-training .color-primary-surface{background-color:var(--color-primary-surface)}app-training .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-training .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-training .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-training .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-training .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-training .color-on-surface, app-training .color-on-surface h1:not(._), app-training .color-on-surface h2:not(._), app-training .color-on-surface h4:not(._), app-training .color-on-surface h5:not(._), app-training .color-on-surface p:not(._), app-training .color-on-surface em:not(._), app-training .color-on-surface strong:not(._), app-training .color-on-surface li:not(._){color:var(--color-on-surface)}app-training .color-on-surface h3:not(._), app-training .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-training .color-on-surface a:not(._), app-training .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-training .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-training .color-on-primary-surface{color:var(--color-on-primary-surface)}app-training .color-on-primary-surface h1:not(._), app-training .color-on-primary-surface h2:not(._), app-training .color-on-primary-surface h3:not(._), app-training .color-on-primary-surface h4:not(._), app-training .color-on-primary-surface h5:not(._), app-training .color-on-primary-surface p:not(._), app-training .color-on-primary-surface em:not(._), app-training .color-on-primary-surface strong:not(._), app-training .color-on-primary-surface li:not(._), app-training .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-training .color-on-primary-surface a:not(._), app-training .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-training .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-training .color-surface a:not(._), app-training .color-surface a:visited:not(._){color:var(--color-primary)}app-training .color-primary-surface a:not(._), app-training .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-training{--content-site-padding-top-main: 5rem;display:block;min-height:calc(100vh - var(--header-height) - var(--footer-height));background-color:var(--site-background-color);color:var(--site-color)}app-training a:hover:where(:not(app-contact-form *)){text-decoration:none}app-training a:hover h3:not(._){color:var(--color-on-surface)}app-training section:where(:not(cds-header-container *)){margin-bottom:unset}app-training .trinings{position:relative}app-training .training-link{display:block;margin-top:calc((var(--shape-container-shape-height) - var(--shape-container-shape-spacer-height)) * -1);filter:drop-shadow(0px 0px 4px var(--color-primary));will-change:filter}app-training .training-link:first-child{margin-top:0}app-training .training-link h3:not(._){color:var(--color-primary);margin-bottom:unset;margin-top:calc(var(--gap-l) * -1);padding:var(--gap-l) var(--shaped-container-content-padding) 0;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2;font-size:1.5rem}app-training .benefit{margin-top:calc((var(--shape-container-shape-height) - var(--shape-container-shape-spacer-height)) * -1);filter:drop-shadow(0px 0px 4px var(--color-primary))}app-training .benefit ul li span:not(._._._){color:var(--color-primary)}app-training .benefit-container{padding-inline:var(--main-content-padding)}app-training .contact{margin-top:calc(var(--shape-container-shape-height) * -1);background-image:url(/assets/contact/CL_web_kontakt.webp);background-repeat:no-repeat;background-size:cover;padding:calc(var(--gap-xxl) + var(--shape-container-shape-height)) calc(var(--main-content-padding) - var(--divider-offset))}app-training .header-main{padding:var(--content-site-padding-top-main) var(--main-content-padding) var(--shape-container-shape-height) var(--main-content-padding)}app-training section.header-main h2:not(._){margin-bottom:var(--gap-l);word-break:break-word;color:var(--color-on-surface);font-family:Korataki bold,Helvetica,Arial,sans-serif;font-size:1.75rem;line-height:1.2}

/* components/cds-site-layout.css */
/* migriert aus Angular-Komponente <cds-site-layout> */
cds-site-layout{--site-header-height: calc(100vh - (var(--header-height) / 2));--site-padding-top: calc(var(--header-height) + 4rem);--site-padding-start-end: var(--main-content-padding);--site-background-color: var(--color-surface);--site-color: var(--color-on-surface);display:flex;flex-direction:column;min-height:calc(100vh - var(--header-height) - var(--footer-height));background-color:var(--site-background-color);color:var(--site-color);max-width:100vw}cds-site-layout .with-padding-top:not(._){padding-top:var(--site-padding-top)}cds-site-layout > cds-shaped-container{--shaped-container-content-padding: var(--inner-content-padding)}cds-site-layout .with-top-shape{margin-top:calc(var(--shape-container-shape-height) * -1);position:relative;z-index:20}cds-site-layout .site-layout-content{padding-bottom:var(--shape-container-shape-height)}cds-site-layout .site-layout-content.with-main-content-padding{padding-inline:var(--site-padding-start-end)}

/* components/app-consulting.css */
/* migriert aus Angular-Komponente <app-consulting> */
app-consulting{display:block;color:var(--color-on-surface);background-color:var(--color-surface)}app-consulting .hero-divider{margin-top:calc(var(--shape-container-shape-height) * -1)}app-consulting .page-content{max-width:144rem;margin:0 auto;padding:var(--gap-xl) var(--main-content-padding) var(--gap-xxl)}app-consulting h2:where(:not(app-contact-form *)), app-consulting h3:where(:not(app-contact-form *)){margin-top:0}app-consulting .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-l);margin-top:var(--gap-xl)}app-consulting .service-card{--rounded-container-background: var(--color-surface-900)}app-consulting .card-copy{padding:var(--gap-xl)}app-consulting .topics{margin-top:var(--gap-xl)}@media(max-width:599px){app-consulting .service-grid{grid-template-columns:1fr}}@media(min-width:600px)and (max-width:1023px){app-consulting .service-grid{grid-template-columns:1fr}}@media(max-width:599px){app-consulting .card-copy{padding:var(--gap-l)}}

/* components/app-software-development.css */
/* migriert aus Angular-Komponente <app-software-development> */
app-software-development h2:where(:not(app-contact-form *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-software-development h3:where(:not(cds-header-container *, app-contact-form *)){margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-software-development h3:where(:not(cds-header-container *, app-contact-form *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-software-development h3:where(:not(cds-header-container *, app-contact-form *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-software-development h4{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}app-software-development h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-software-development h2:where(:not(app-contact-form *)), app-software-development h3:where(:not(cds-header-container *, app-contact-form *)), app-software-development h4, app-software-development h5, app-software-development h6{line-height:1.6}app-software-development p:where(:not(cds-header-container *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-software-development ul, app-software-development ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-software-development ul{list-style-type:none}app-software-development ul li:not(._){position:relative}app-software-development ul li:not(._):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-software-development li{margin:0}app-software-development li + li:not(._){margin-top:var(--gap-s)}app-software-development .color-surface{background-color:var(--color-surface)}app-software-development .color-surface-900{background-color:var(--color-surface-900)}app-software-development .color-surface-800{background-color:var(--color-surface-800)}app-software-development .color-surface-700{background-color:var(--color-surface-700)}app-software-development .color-surface-600{background-color:var(--color-surface-600)}app-software-development .color-primary-surface{background-color:var(--color-primary-surface)}app-software-development .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-software-development .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-software-development .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-software-development .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-software-development .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-software-development .color-on-surface, app-software-development .color-on-surface h1:not(._), app-software-development .color-on-surface h2:not(._), app-software-development .color-on-surface h4:not(._), app-software-development .color-on-surface h5:not(._), app-software-development .color-on-surface p:not(._), app-software-development .color-on-surface em:not(._), app-software-development .color-on-surface strong:not(._), app-software-development .color-on-surface li:not(._){color:var(--color-on-surface)}app-software-development .color-on-surface h3:not(._), app-software-development .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-software-development .color-on-surface a:not(._), app-software-development .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-software-development .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-software-development .color-on-primary-surface{color:var(--color-on-primary-surface)}app-software-development .color-on-primary-surface h1:not(._), app-software-development .color-on-primary-surface h2:not(._), app-software-development .color-on-primary-surface h3:not(._), app-software-development .color-on-primary-surface h4:not(._), app-software-development .color-on-primary-surface h5:not(._), app-software-development .color-on-primary-surface p:not(._), app-software-development .color-on-primary-surface em:not(._), app-software-development .color-on-primary-surface strong:not(._), app-software-development .color-on-primary-surface li:not(._), app-software-development .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-software-development .color-on-primary-surface a:not(._), app-software-development .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-software-development .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-software-development .color-surface a:not(._), app-software-development .color-surface a:visited:not(._){color:var(--color-primary)}app-software-development .color-primary-surface a:not(._), app-software-development .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-software-development{background-image:url(/assets/contact/CL_web_kontakt.webp)}app-software-development h2:where(:not(app-contact-form *)){margin-bottom:var(--gap-m)}app-software-development ul{text-transform:uppercase}app-software-development li:before{border-color:var(--color-on-primary-surface)}app-software-development span:where(:not(app-contact-form *)){font-family:var(--font-family-display-bold);font-size:1rem}app-software-development .site-layout-content > cds-shaped-container{position:relative;z-index:20}app-software-development .software-development-content{padding-inline:var(--main-content-padding)}app-software-development app-contact-form{--contact-shaped-container-padding: var(--divider-offset)}@media(max-width:599px){app-software-development app-contact-form{--contact-shaped-container-padding: var(--inner-content-padding)}}@media(min-width:600px)and (max-width:1023px){app-software-development app-contact-form{--contact-shaped-container-padding: var(--inner-content-padding)}}app-software-development .service-item{margin-bottom:var(--gap-l)}app-software-development .service-item svg:not(._){width:2rem}app-software-development .item-title{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:var(--gap-s);margin-bottom:var(--gap-s)}app-software-development .service{margin-bottom:var(--gap-l)}app-software-development .service h3:not(._){margin-bottom:var(--gap-s)}app-software-development .experts li:not(._){text-transform:none;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-software-development .technologies{display:flex;justify-content:space-between;gap:var(--gap-m);margin-bottom:unset}app-software-development .technologies div:not(._){text-align:center}app-software-development .technologies div img:not(._._){width:6.5rem;height:6.5rem;margin-bottom:var(--gap-s)}@media(max-width:599px){app-software-development .technologies{gap:var(--gap-xl);display:grid;grid-template-columns:repeat(auto-fill,minmax(0,6.5rem))}}@media(min-width:600px)and (max-width:1023px){app-software-development .technologies{gap:var(--gap-xl);display:grid;grid-template-columns:repeat(auto-fill,minmax(0,6.5rem))}}app-software-development .contact{margin-top:calc(var(--shape-container-shape-height) * -1);background-image:url(/assets/contact/CL_web_kontakt.webp);background-repeat:no-repeat;background-size:cover;padding:calc(var(--gap-xxl) + var(--shape-container-shape-height)) calc(var(--main-content-padding) - var(--divider-offset))}app-software-development strong{color:var(--color-on-primary-surface);font-weight:600}

/* components/app-blog.css */
/* migriert aus Angular-Komponente <app-blog> */
app-blog h2{margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-blog h3{margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-blog h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-blog h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-blog h4{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}app-blog h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-blog h2, app-blog h3, app-blog h4, app-blog h5, app-blog h6{line-height:1.6}app-blog p{margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-blog ul, app-blog ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-blog ul{list-style-type:none}app-blog ul li:not(._){position:relative}app-blog ul li:not(._):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-blog li{margin:0}app-blog li + li:not(._){margin-top:var(--gap-s)}app-blog a{text-decoration:none;color:var(--color-primary)}app-blog a:visited{color:var(--color-primary)}app-blog a:hover{color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-blog .color-surface{background-color:var(--color-surface)}app-blog .color-surface-900{background-color:var(--color-surface-900)}app-blog .color-surface-800{background-color:var(--color-surface-800)}app-blog .color-surface-700{background-color:var(--color-surface-700)}app-blog .color-surface-600{background-color:var(--color-surface-600)}app-blog .color-primary-surface{background-color:var(--color-primary-surface)}app-blog .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-blog .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-blog .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-blog .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-blog .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-blog .color-on-surface, app-blog .color-on-surface h1:not(._), app-blog .color-on-surface h2:not(._), app-blog .color-on-surface h4:not(._), app-blog .color-on-surface h5:not(._), app-blog .color-on-surface p:not(._), app-blog .color-on-surface em:not(._), app-blog .color-on-surface strong:not(._), app-blog .color-on-surface li:not(._){color:var(--color-on-surface)}app-blog .color-on-surface h3:not(._), app-blog .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-blog .color-on-surface a:not(._), app-blog .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-blog .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-blog .color-on-primary-surface{color:var(--color-on-primary-surface)}app-blog .color-on-primary-surface h1:not(._), app-blog .color-on-primary-surface h2:not(._), app-blog .color-on-primary-surface h3:not(._), app-blog .color-on-primary-surface h4:not(._), app-blog .color-on-primary-surface h5:not(._), app-blog .color-on-primary-surface p:not(._), app-blog .color-on-primary-surface em:not(._), app-blog .color-on-primary-surface strong:not(._), app-blog .color-on-primary-surface li:not(._), app-blog .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-blog .color-on-primary-surface a:not(._), app-blog .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-blog .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-blog .color-surface a:not(._), app-blog .color-surface a:visited:not(._){color:var(--color-primary)}app-blog .color-primary-surface a:not(._), app-blog .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-blog h3{color:var(--color-primary);margin-bottom:unset;margin-top:calc(var(--gap-l) * -1)}app-blog a:hover{text-decoration:none}app-blog a:hover h3:not(._){color:var(--color-on-surface)}app-blog section:where(:not(cds-header-container *)){margin-bottom:unset}app-blog .blogposts{position:relative}app-blog .blogposts h3:not(._){padding-top:var(--gap-m);padding-bottom:var(--gap-m)}app-blog .blogpost-content{padding:var(--gap-l) var(--shaped-container-content-padding) 0}app-blog .blogpost-link{display:block;margin-top:calc((var(--shape-container-shape-height) - var(--shape-container-shape-spacer-height)) * -1);filter:drop-shadow(0px 0px 4px var(--color-primary));will-change:filter}app-blog .blogpost-link:first-child{margin-top:0}

/* components/app-contact.css */
/* migriert aus Angular-Komponente <app-contact> */
app-contact section{display:grid;align-items:center;height:100%;padding:0 calc(var(--main-content-padding) + var(--inner-content-padding) - var(--gap-l))}app-contact .contact-container{padding-top:130px}

/* components/app-about.css */
/* migriert aus Angular-Komponente <app-about> */
app-about h2:where(:not(cl-title *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-about h3{margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-about h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-about h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-about h4{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}app-about h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-about h2:where(:not(cl-title *)), app-about h3, app-about h4, app-about h5, app-about h6{line-height:1.6}app-about p{margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-about ul, app-about ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-about ul{list-style-type:none}app-about ul li:not(._){position:relative}app-about ul li:not(._):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-about li{margin:0}app-about li + li:not(._){margin-top:var(--gap-s)}app-about a:where(:not(app-references *)){text-decoration:none;color:var(--color-primary)}app-about a:visited:where(:not(app-references *)){color:var(--color-primary)}app-about a:hover:where(:not(app-references *)){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-about .color-surface{background-color:var(--color-surface)}app-about .color-surface-900{background-color:var(--color-surface-900)}app-about .color-surface-800{background-color:var(--color-surface-800)}app-about .color-surface-700{background-color:var(--color-surface-700)}app-about .color-surface-600{background-color:var(--color-surface-600)}app-about .color-primary-surface{background-color:var(--color-primary-surface)}app-about .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-about .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-about .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-about .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-about .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-about .color-on-surface, app-about .color-on-surface h1:not(._), app-about .color-on-surface h2:not(._), app-about .color-on-surface h4:not(._), app-about .color-on-surface h5:not(._), app-about .color-on-surface p:not(._), app-about .color-on-surface em:not(._), app-about .color-on-surface strong:not(._), app-about .color-on-surface li:not(._){color:var(--color-on-surface)}app-about .color-on-surface h3:not(._), app-about .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-about .color-on-surface a:not(._), app-about .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-about .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-about .color-on-primary-surface{color:var(--color-on-primary-surface)}app-about .color-on-primary-surface h1:not(._), app-about .color-on-primary-surface h2:not(._), app-about .color-on-primary-surface h3:not(._), app-about .color-on-primary-surface h4:not(._), app-about .color-on-primary-surface h5:not(._), app-about .color-on-primary-surface p:not(._), app-about .color-on-primary-surface em:not(._), app-about .color-on-primary-surface strong:not(._), app-about .color-on-primary-surface li:not(._), app-about .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-about .color-on-primary-surface a:not(._), app-about .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-about .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-about .color-surface a:not(._), app-about .color-surface a:visited:not(._){color:var(--color-primary)}app-about .color-primary-surface a:not(._), app-about .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-about .team{max-width:200px;padding:0}app-about .success-stories{display:flex;flex-wrap:wrap;gap:var(--gap-m);align-items:center}app-about .success-stories .success-story:not(._){transition:all ease .2s;margin-right:2rem;max-width:250px}app-about .success-stories .success-story img:not(._._){display:block;max-width:250px}app-about .success-stories .success-story:hover:not(._){transform:scale(1.03);filter:brightness(1.5)}app-about .success-stories .success-story:active:not(._){transform:scale(1)}app-about .cl-boxed-container-header h2:not(._){margin-bottom:var(--gap-l);word-break:break-word;color:var(--color-on-surface);font-family:Korataki bold,Helvetica,Arial,sans-serif;font-size:1.75rem;line-height:1.2}

/* components/app-tdd.css */
/* migriert aus Angular-Komponente <app-tdd> */
app-tdd h2:where(:not(cl-title *, app-book-training *, app-youtube *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-tdd h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-tdd h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-tdd h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-tdd h2:where(:not(cl-title *, app-book-training *, app-youtube *)), app-tdd h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)), app-tdd h6{line-height:1.6}app-tdd p:where(:not(app-learn *, app-youtube *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-tdd ul:where(:not(app-learn *, app-book-training *)), app-tdd ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-tdd ul:where(:not(app-learn *, app-book-training *)){list-style-type:none}app-tdd ul li:not(._):where(:not(app-learn *, app-book-training *)){position:relative}app-tdd ul li:not(._):where(:not(app-learn *, app-book-training *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-tdd li:where(:not(app-learn *, app-book-training *)){margin:0}app-tdd li + li:not(._):where(:not(app-learn *, app-book-training *)){margin-top:var(--gap-s)}app-tdd .color-surface{background-color:var(--color-surface)}app-tdd .color-surface-900{background-color:var(--color-surface-900)}app-tdd .color-surface-800{background-color:var(--color-surface-800)}app-tdd .color-surface-700{background-color:var(--color-surface-700)}app-tdd .color-surface-600{background-color:var(--color-surface-600)}app-tdd .color-primary-surface{background-color:var(--color-primary-surface)}app-tdd .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-tdd .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-tdd .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-tdd .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-tdd .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-tdd .color-on-surface, app-tdd .color-on-surface h1:not(._), app-tdd .color-on-surface h2:not(._), app-tdd .color-on-surface h4:not(._), app-tdd .color-on-surface h5:not(._), app-tdd .color-on-surface p:not(._), app-tdd .color-on-surface em:not(._), app-tdd .color-on-surface strong:not(._), app-tdd .color-on-surface li:not(._){color:var(--color-on-surface)}app-tdd .color-on-surface h3:not(._), app-tdd .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-tdd .color-on-surface a:not(._), app-tdd .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-tdd .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-tdd .color-on-primary-surface{color:var(--color-on-primary-surface)}app-tdd .color-on-primary-surface h1:not(._), app-tdd .color-on-primary-surface h2:not(._), app-tdd .color-on-primary-surface h3:not(._), app-tdd .color-on-primary-surface h4:not(._), app-tdd .color-on-primary-surface h5:not(._), app-tdd .color-on-primary-surface p:not(._), app-tdd .color-on-primary-surface em:not(._), app-tdd .color-on-primary-surface strong:not(._), app-tdd .color-on-primary-surface li:not(._), app-tdd .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-tdd .color-on-primary-surface a:not(._), app-tdd .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-tdd .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-tdd .color-surface a:not(._), app-tdd .color-surface a:visited:not(._){color:var(--color-primary)}app-tdd .color-primary-surface a:not(._), app-tdd .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-tdd ul:where(:not(app-learn *, app-book-training *)){margin-bottom:var(--gap-m)}app-tdd .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-tdd .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-tdd .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-tdd .workshop{flex-direction:column}}app-tdd .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-content-site-layout.css */
/* migriert aus Angular-Komponente <app-content-site-layout> */
app-content-site-layout{--content-site-padding-top-main: 5rem;--content-site-header-height: 40vh ;--content-site-padding-start-end: var(--main-content-padding);--content-site-background-color: var(--color-secondary);--content-site-color: var(--color-on-surface);--content-site-header-margin: var(--gap-l);--site-color: var(--color-on-surface);display:block;min-height:calc(100vh - var(--header-height) - var(--footer-height));background-color:var(--site-background-color);color:var(--site-color)}app-content-site-layout .main{margin-top:calc(var(--shape-container-shape-height) * -1);padding:var(--content-site-padding-top-main) var(--main-content-padding) var(--shape-container-shape-height) var(--main-content-padding)}app-content-site-layout ._4to3{display:none;position:relative}@media(max-width:599px){app-content-site-layout ._4to3{display:block}}@media(min-width:600px)and (max-width:1023px){app-content-site-layout ._4to3{display:block}}app-content-site-layout ._16to9{display:none;position:relative}@media(min-width:1024px)and (max-width:1439px){app-content-site-layout ._16to9{display:block}}@media(min-width:1440px)and (max-width:1919px){app-content-site-layout ._16to9{display:block}}app-content-site-layout ._21to9{display:none;position:relative}@media(min-width:1920px)and (max-width:2299px){app-content-site-layout ._21to9{display:block}}@media(min-width:2300px){app-content-site-layout ._21to9{display:block}}app-content-site-layout .divider-spacer{margin-top:calc(var(--shape-container-shape-height) * -1)!important}

/* components/app-learn.css */
/* migriert aus Angular-Komponente <app-learn> */
app-learn h1{word-break:break-word;margin-top:var(--gap-xxl);margin-bottom:var(--gap-l);font-family:var(--font-family-display-heavy);font-size:7rem;line-height:1.5}@media(min-width:1920px)and (max-width:2299px){app-learn h1{font-size:5rem}}@media(min-width:1024px)and (max-width:1439px){app-learn h1{font-size:4rem}}@media(min-width:1440px)and (max-width:1919px){app-learn h1{font-size:4rem}}@media(max-width:599px){app-learn h1{font-size:2.5rem}}@media(min-width:600px)and (max-width:1023px){app-learn h1{font-size:2.5rem}}app-learn h2{margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-learn h3{margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-learn h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-learn h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-learn h4{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}app-learn h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-learn h1, app-learn h2, app-learn h3, app-learn h4, app-learn h5, app-learn h6{line-height:1.6}app-learn p{margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-learn ul, app-learn ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-learn ul{list-style-type:none}app-learn ul li:not(._){position:relative}app-learn ul li:not(._):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-learn li{margin:0}app-learn li + li:not(._){margin-top:var(--gap-s)}app-learn a{text-decoration:none;color:var(--color-primary)}app-learn a:visited{color:var(--color-primary)}app-learn a:hover{color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-learn .color-surface{background-color:var(--color-surface)}app-learn .color-surface-900{background-color:var(--color-surface-900)}app-learn .color-surface-800{background-color:var(--color-surface-800)}app-learn .color-surface-700{background-color:var(--color-surface-700)}app-learn .color-surface-600{background-color:var(--color-surface-600)}app-learn .color-primary-surface{background-color:var(--color-primary-surface)}app-learn .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-learn .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-learn .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-learn .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-learn .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-learn .color-on-surface, app-learn .color-on-surface h1:not(._), app-learn .color-on-surface h2:not(._), app-learn .color-on-surface h4:not(._), app-learn .color-on-surface h5:not(._), app-learn .color-on-surface p:not(._), app-learn .color-on-surface em:not(._), app-learn .color-on-surface strong:not(._), app-learn .color-on-surface li:not(._){color:var(--color-on-surface)}app-learn .color-on-surface h3:not(._), app-learn .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-learn .color-on-surface a:not(._), app-learn .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-learn .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-learn .color-on-primary-surface{color:var(--color-on-primary-surface)}app-learn .color-on-primary-surface h1:not(._), app-learn .color-on-primary-surface h2:not(._), app-learn .color-on-primary-surface h3:not(._), app-learn .color-on-primary-surface h4:not(._), app-learn .color-on-primary-surface h5:not(._), app-learn .color-on-primary-surface p:not(._), app-learn .color-on-primary-surface em:not(._), app-learn .color-on-primary-surface strong:not(._), app-learn .color-on-primary-surface li:not(._), app-learn .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-learn .color-on-primary-surface a:not(._), app-learn .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-learn .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-learn .color-surface a:not(._), app-learn .color-surface a:visited:not(._){color:var(--color-primary)}app-learn .color-primary-surface a:not(._), app-learn .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-learn{display:block}app-learn .learn-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}app-learn .learn-item{display:flex;flex-direction:column;align-items:start;text-align:start;gap:1rem;padding:1.5rem;padding-left:0}app-learn .learn-logo-img, app-learn .learn-logo-mask{inline-size:48px;block-size:48px;object-fit:contain}app-learn .learn-logo-mask{display:inline-block;background-color:var(--logo-color, var(--color-primary));mask:var(--logo-src) center/contain no-repeat;-webkit-mask:var(--logo-src) center/contain no-repeat}app-learn .learn-headline, app-learn .learn-text{margin:0;color:#fff}app-learn .learn-list{display:none}app-learn .learn-list .learn-list-item:not(._){margin-bottom:1.5rem}app-learn .learn-list .learn-list-item .learn-headline:not(._._){font-weight:700;margin-bottom:.5rem}app-learn .learn-list .learn-list-item .learn-text:not(._._){margin:0}@media(max-width:599px){app-learn .learn-grid, app-learn .learn-logo-img, app-learn .learn-logo-mask{display:none}app-learn .learn-list{display:block}}@media(min-width:600px)and (max-width:1023px){app-learn .learn-grid, app-learn .learn-logo-img, app-learn .learn-logo-mask{display:none}app-learn .learn-list{display:block}}

/* components/cds-table.css */
/* migriert aus Angular-Komponente <cds-table> */
cds-table *:where(:not(cds-tick-icon *)){box-sizing:border-box;margin:unset}cds-table{--cl-table-border: var(--color-on-surface);--cl-table-primary: color-mix(in srgb, var(--color-primary) 40%, transparent);--cl-table-secondary: var(--color-secondary);--cl-table-tertiary: color-mix(in srgb, var(--color-primary) 20%, transparent);display:flex;flex-direction:column;background-color:var(--color-surface);border-radius:.75rem;box-shadow:none;max-height:none}cds-table h3{color:var(--color-on-surface)}cds-table img{width:1rem}cds-table .details{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-s)}cds-table .dark-link{display:flex;align-items:center;justify-content:flex-start;gap:var(--gap-s);margin-top:var(--gap-s);text-align:flex-start;text-decoration:underline;cursor:pointer;font-family:var(--font-family-display-bold);font-size:1rem}cds-table .details{overflow:hidden}cds-table .details span:not(._){overflow:hidden;text-overflow:ellipsis;font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}cds-table .tick{display:flex;flex-direction:column;padding:var(--gap-m) var(--gap-s);justify-self:center;align-self:center}cds-table .strong{font-weight:700}cds-table .dayCost{text-align:center;font-family:var(--font-family-display-bold);font-size:1rem}@media(max-width:599px){cds-table .dayCost{writing-mode:vertical-rl;text-orientation:mixed}}cds-table .display-l{display:none}@media(min-width:1440px)and (max-width:1919px){cds-table .display-l{display:block!important}}cds-table .display-m{display:block}@media(max-width:599px){cds-table .display-m{display:none}}cds-table .display-s{display:none}@media(max-width:599px){cds-table .display-s{display:block}}cds-table .caret-down{transition:transform .3s ease;min-width:24px}cds-table .caret-down.open{transform:rotate(180deg)}cds-table .caret-down svg:not(._){color:var(--color-primary);fill:var(--color-primary)}cds-table .caret-down.open svg:not(._){filter:drop-shadow(0px 0px 3px var(--color-primary))}cds-table cdk-row{background-color:var(--color-surface-800);border:none;margin-top:10px;border-radius:5px}cds-table cdk-cell{background-color:transparent!important;color:var(--color-on-surface)!important}cds-table cdk-header-cell.tick, cds-table cdk-cell.tick{z-index:2}cds-table cdk-header-cell{background-color:transparent!important;color:var(--color-on-surface)!important}cds-table .details{cursor:pointer}cds-table .sub-details{line-height:1.6rem}cds-table .cdk-row > .cdk-column-content:first-child .sub-details:not(._._){padding-left:15px}cds-table .sub-details .sub:not(._){padding-top:5px;padding-bottom:5px}cds-table .cdk-header-row{border:none!important}cds-table .cdk-row:hover{background-color:var(--color-surface-700)}cds-table .spacer-row{pointer-events:none}cds-table .spacer-row > .cdk-footer-cell:not(._){display:block;height:50px;padding:0;border:none;background:transparent}cds-table cdk-table:after{content:"";display:block;height:50px}cds-table .spacer-cell, cds-table .cdk-column-desktopSpacer{width:75px;min-width:75px;max-width:75px}cds-table .table-content-cell{padding-left:0!important}

/* components/app-book-training.css */
/* migriert aus Angular-Komponente <app-book-training> */
@media(min-width:1024px)and (max-width:1439px){app-book-training{display:grid;grid-template-columns:1fr 1fr;gap:2rem}}@media(min-width:1440px)and (max-width:1919px){app-book-training{display:grid;grid-template-columns:1fr 1fr;gap:2rem}}@media(min-width:1920px)and (max-width:2299px){app-book-training{display:grid;grid-template-columns:1fr 1fr;gap:2rem}}@media(min-width:2300px){app-book-training{display:grid;grid-template-columns:1fr 1fr;gap:2rem}}app-book-training h3{color:var(--color-primary)}app-book-training ul{margin-bottom:var(--gap-l)}app-book-training .date-list{padding-inline-start:unset}app-book-training .date-list li:not(._){cursor:help}app-book-training .date-list li:not(._):before{content:unset}app-book-training .checkin{width:1rem;height:1rem;display:inline-block;margin-right:.2rem;border:2px solid;border-radius:50%}app-book-training .checkin-1-open, app-book-training .checkin-2-open{border-color:var(--color-success)}app-book-training .checkin-1-almostBookedOut{background:var(--color-warning);border-color:var(--color-warning)}app-book-training .checkin-2-almostBookedOut{border-color:var(--color-warning)}app-book-training .checkin-1-bookedOut, app-book-training .checkin-2-bookedOut{background:var(--color-error);border-color:var(--color-error);animation:none}app-book-training .arrange{display:flex;justify-content:space-between;flex-wrap:wrap}

/* components/app-benefits.css */
/* migriert aus Angular-Komponente <app-benefits> */
app-benefits h1{word-break:break-word;margin-top:var(--gap-xxl);margin-bottom:var(--gap-l);font-family:var(--font-family-display-heavy);font-size:7rem;line-height:1.5}@media(min-width:1920px)and (max-width:2299px){app-benefits h1{font-size:5rem}}@media(min-width:1024px)and (max-width:1439px){app-benefits h1{font-size:4rem}}@media(min-width:1440px)and (max-width:1919px){app-benefits h1{font-size:4rem}}@media(max-width:599px){app-benefits h1{font-size:2.5rem}}@media(min-width:600px)and (max-width:1023px){app-benefits h1{font-size:2.5rem}}app-benefits h3{margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-benefits h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-benefits h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-benefits h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-benefits h1, app-benefits h3, app-benefits h5, app-benefits h6{line-height:1.6}app-benefits p{margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-benefits ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-benefits .color-surface{background-color:var(--color-surface)}app-benefits .color-surface-900{background-color:var(--color-surface-900)}app-benefits .color-surface-800{background-color:var(--color-surface-800)}app-benefits .color-surface-700{background-color:var(--color-surface-700)}app-benefits .color-surface-600{background-color:var(--color-surface-600)}app-benefits .color-primary-surface{background-color:var(--color-primary-surface)}app-benefits .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-benefits .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-benefits .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-benefits .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-benefits .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-benefits .color-on-surface, app-benefits .color-on-surface h1:not(._), app-benefits .color-on-surface h2:not(._), app-benefits .color-on-surface h4:not(._), app-benefits .color-on-surface h5:not(._), app-benefits .color-on-surface p:not(._), app-benefits .color-on-surface em:not(._), app-benefits .color-on-surface strong:not(._), app-benefits .color-on-surface li:not(._){color:var(--color-on-surface)}app-benefits .color-on-surface h3:not(._), app-benefits .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-benefits .color-on-surface a:not(._), app-benefits .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-benefits .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-benefits .color-on-primary-surface{color:var(--color-on-primary-surface)}app-benefits .color-on-primary-surface h1:not(._), app-benefits .color-on-primary-surface h2:not(._), app-benefits .color-on-primary-surface h3:not(._), app-benefits .color-on-primary-surface h4:not(._), app-benefits .color-on-primary-surface h5:not(._), app-benefits .color-on-primary-surface p:not(._), app-benefits .color-on-primary-surface em:not(._), app-benefits .color-on-primary-surface strong:not(._), app-benefits .color-on-primary-surface li:not(._), app-benefits .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-benefits .color-on-primary-surface a:not(._), app-benefits .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-benefits .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-benefits .color-surface a:not(._), app-benefits .color-surface a:visited:not(._){color:var(--color-primary)}app-benefits .color-primary-surface a:not(._), app-benefits .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-benefits{display:block}app-benefits .benefits-grid{display:grid;gap:2rem;grid-template-columns:1fr 1fr}@media(min-width:600px)and (max-width:1023px){app-benefits .benefits-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:599px){app-benefits .benefits-grid{grid-template-columns:minmax(0,1fr)}}app-benefits .benefit-text-container, app-benefits .benefit-assets-container{display:flex;flex-direction:column}@media(min-width:600px)and (max-width:1023px){app-benefits .benefit-text-container{grid-row:2}app-benefits .benefit-assets-container{grid-row:1}}@media(max-width:599px){app-benefits .benefit-text-container{grid-row:2}app-benefits .benefit-assets-container{grid-row:1}}

/* components/cds-fullscreen-image-slider.css */
/* migriert aus Angular-Komponente <cds-fullscreen-image-slider> */
cds-fullscreen-image-slider{--slide-h: 70vh;--cl-fullscreen-image-slider-overlay-start: color-mix(in srgb, var(--color-primary-surface) 40%, transparent);--cl-fullscreen-image-slider-overlay-shadow: color-mix(in srgb, var(--color-surface) 40%, transparent);--cl-fullscreen-image-slider-overlay-end: transparent;display:block;position:relative;overflow:hidden;max-width:100vw;height:var(--slide-h)}cds-fullscreen-image-slider .content:not(._){display:flex;gap:0;width:max-content;transition:transform .45s ease}cds-fullscreen-image-slider .content > img:not(._._){flex:0 0 100vw;width:100vw;height:var(--slide-h);display:block;object-fit:cover;position:relative}cds-fullscreen-image-slider .slide:not(._){position:relative;flex:0 0 100vw;width:100vw;height:var(--slide-h);overflow:hidden}cds-fullscreen-image-slider .slide > img:not(._._){width:100%;height:var(--slide-h);object-fit:cover;display:block}cds-fullscreen-image-slider .slide:not(._):before{content:"";position:absolute;inset:0;background:linear-gradient(to right,var(--cl-fullscreen-image-slider-overlay-start),var(--cl-fullscreen-image-slider-overlay-end));z-index:2;pointer-events:none}cds-fullscreen-image-slider .slide:not(._):after{content:"";position:absolute;inset:0;background:var(--cl-fullscreen-image-slider-overlay-shadow);z-index:3;pointer-events:none}cds-fullscreen-image-slider .left-control:not(._), cds-fullscreen-image-slider .right-control:not(._){background-color:transparent;border:none;outline:none;color:var(--color-primary-surface);display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--gap-m);position:absolute;z-index:4;cursor:pointer;top:0;bottom:0;-webkit-tap-highlight-color:transparent}cds-fullscreen-image-slider .left-control:active:not(._), cds-fullscreen-image-slider .right-control:active:not(._){background-color:transparent;outline:none}cds-fullscreen-image-slider .left-control:not(._){left:0}cds-fullscreen-image-slider .right-control:not(._){right:0}

/* components/app-faq-container.css */
/* migriert aus Angular-Komponente <app-faq-container> */
app-faq-container h1{word-break:break-word;margin-top:var(--gap-xxl);margin-bottom:var(--gap-l);font-family:var(--font-family-display-heavy);font-size:7rem;line-height:1.5}@media(min-width:1920px)and (max-width:2299px){app-faq-container h1{font-size:5rem}}@media(min-width:1024px)and (max-width:1439px){app-faq-container h1{font-size:4rem}}@media(min-width:1440px)and (max-width:1919px){app-faq-container h1{font-size:4rem}}@media(max-width:599px){app-faq-container h1{font-size:2.5rem}}@media(min-width:600px)and (max-width:1023px){app-faq-container h1{font-size:2.5rem}}app-faq-container h3{margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-faq-container h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-faq-container h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-faq-container h4{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}app-faq-container h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-faq-container h1, app-faq-container h3, app-faq-container h4, app-faq-container h5, app-faq-container h6{line-height:1.6}app-faq-container p{margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-faq-container ul, app-faq-container ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-faq-container ul{list-style-type:none}app-faq-container ul li:not(._){position:relative}app-faq-container ul li:not(._):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-faq-container li{margin:0}app-faq-container li + li:not(._){margin-top:var(--gap-s)}app-faq-container a{text-decoration:none;color:var(--color-primary)}app-faq-container a:visited{color:var(--color-primary)}app-faq-container a:hover{color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-faq-container .color-surface{background-color:var(--color-surface)}app-faq-container .color-surface-900{background-color:var(--color-surface-900)}app-faq-container .color-surface-800{background-color:var(--color-surface-800)}app-faq-container .color-surface-700{background-color:var(--color-surface-700)}app-faq-container .color-surface-600{background-color:var(--color-surface-600)}app-faq-container .color-primary-surface{background-color:var(--color-primary-surface)}app-faq-container .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-faq-container .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-faq-container .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-faq-container .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-faq-container .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-faq-container .color-on-surface, app-faq-container .color-on-surface h1:not(._), app-faq-container .color-on-surface h2:not(._), app-faq-container .color-on-surface h4:not(._), app-faq-container .color-on-surface h5:not(._), app-faq-container .color-on-surface p:not(._), app-faq-container .color-on-surface em:not(._), app-faq-container .color-on-surface strong:not(._), app-faq-container .color-on-surface li:not(._){color:var(--color-on-surface)}app-faq-container .color-on-surface h3:not(._), app-faq-container .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-faq-container .color-on-surface a:not(._), app-faq-container .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-faq-container .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-faq-container .color-on-primary-surface{color:var(--color-on-primary-surface)}app-faq-container .color-on-primary-surface h1:not(._), app-faq-container .color-on-primary-surface h2:not(._), app-faq-container .color-on-primary-surface h3:not(._), app-faq-container .color-on-primary-surface h4:not(._), app-faq-container .color-on-primary-surface h5:not(._), app-faq-container .color-on-primary-surface p:not(._), app-faq-container .color-on-primary-surface em:not(._), app-faq-container .color-on-primary-surface strong:not(._), app-faq-container .color-on-primary-surface li:not(._), app-faq-container .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-faq-container .color-on-primary-surface a:not(._), app-faq-container .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-faq-container .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-faq-container .color-surface a:not(._), app-faq-container .color-surface a:visited:not(._){color:var(--color-primary)}app-faq-container .color-primary-surface a:not(._), app-faq-container .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-faq-container{--btn-radius: 3rem .25rem 5rem .25rem}app-faq-container .faq-container{display:flex;gap:var(--gap-l, 2rem)}app-faq-container .faq-section{flex:1 1 100%;width:100%;min-width:18rem}app-faq-container .faq-container.has-image .faq-section:not(._){flex:0 0 50%;width:50%}app-faq-container .faq-image-section{min-width:clamp(15rem,35vw,30rem);width:100%;min-height:360px;align-self:stretch;overflow-x:clip;background-image:var(--faq-bg-image),repeating-linear-gradient(45deg,transparent 0 .75rem,rgba(0,0,0,.03) .75rem 1.5rem);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--color-surface);border-top-left-radius:3rem;border-bottom-left-radius:.25rem;border-bottom-right-radius:5rem;border:2px solid var(--color-primary);box-shadow:0 0 .5rem var(--color-primary),0 0 1.2rem .2rem color-mix(in srgb,var(--color-primary) 50%,transparent)}@media(max-width:599px){app-faq-container .faq-container{flex-direction:column}app-faq-container .faq-section, app-faq-container .faq-container.has-image .faq-section:not(._){flex:1 1 100%;width:100%}app-faq-container .faq-image-section{flex:0 0 14rem;width:auto;margin-right:0;order:2;border-radius:var(--btn-radius);margin-top:var(--gap-m, 1.5rem)}}@media(min-width:600px)and (max-width:1023px){app-faq-container .faq-container{flex-direction:column}app-faq-container .faq-section, app-faq-container .faq-container.has-image .faq-section:not(._){flex:1 1 100%;width:100%}app-faq-container .faq-image-section{flex:0 0 14rem;width:auto;margin-right:0;order:2;border-radius:var(--btn-radius);margin-top:var(--gap-m, 1.5rem)}}

/* components/app-asset-ng.css */
/* migriert aus Angular-Komponente <app-asset-ng> */
app-asset-ng h1{word-break:break-word;margin-top:var(--gap-xxl);margin-bottom:var(--gap-l);font-family:var(--font-family-display-heavy);font-size:7rem;line-height:1.5}@media(min-width:1920px)and (max-width:2299px){app-asset-ng h1{font-size:5rem}}@media(min-width:1024px)and (max-width:1439px){app-asset-ng h1{font-size:4rem}}@media(min-width:1440px)and (max-width:1919px){app-asset-ng h1{font-size:4rem}}@media(max-width:599px){app-asset-ng h1{font-size:2.5rem}}@media(min-width:600px)and (max-width:1023px){app-asset-ng h1{font-size:2.5rem}}app-asset-ng h2{margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-asset-ng h3{margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-asset-ng h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-asset-ng h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-asset-ng h4{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}app-asset-ng h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-asset-ng h1, app-asset-ng h2, app-asset-ng h3, app-asset-ng h4, app-asset-ng h5, app-asset-ng h6{line-height:1.6}app-asset-ng p{margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-asset-ng ul, app-asset-ng ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-asset-ng ul{list-style-type:none}app-asset-ng ul li:not(._){position:relative}app-asset-ng ul li:not(._):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-asset-ng li{margin:0}app-asset-ng li + li:not(._){margin-top:var(--gap-s)}app-asset-ng a{text-decoration:none;color:var(--color-primary)}app-asset-ng a:visited{color:var(--color-primary)}app-asset-ng a:hover{color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-asset-ng .color-surface{background-color:var(--color-surface)}app-asset-ng .color-surface-900{background-color:var(--color-surface-900)}app-asset-ng .color-surface-800{background-color:var(--color-surface-800)}app-asset-ng .color-surface-700{background-color:var(--color-surface-700)}app-asset-ng .color-surface-600{background-color:var(--color-surface-600)}app-asset-ng .color-primary-surface{background-color:var(--color-primary-surface)}app-asset-ng .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-asset-ng .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-asset-ng .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-asset-ng .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-asset-ng .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-asset-ng .color-on-surface, app-asset-ng .color-on-surface h1:not(._), app-asset-ng .color-on-surface h2:not(._), app-asset-ng .color-on-surface h4:not(._), app-asset-ng .color-on-surface h5:not(._), app-asset-ng .color-on-surface p:not(._), app-asset-ng .color-on-surface em:not(._), app-asset-ng .color-on-surface strong:not(._), app-asset-ng .color-on-surface li:not(._){color:var(--color-on-surface)}app-asset-ng .color-on-surface h3:not(._), app-asset-ng .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-asset-ng .color-on-surface a:not(._), app-asset-ng .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-asset-ng .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-asset-ng .color-on-primary-surface{color:var(--color-on-primary-surface)}app-asset-ng .color-on-primary-surface h1:not(._), app-asset-ng .color-on-primary-surface h2:not(._), app-asset-ng .color-on-primary-surface h3:not(._), app-asset-ng .color-on-primary-surface h4:not(._), app-asset-ng .color-on-primary-surface h5:not(._), app-asset-ng .color-on-primary-surface p:not(._), app-asset-ng .color-on-primary-surface em:not(._), app-asset-ng .color-on-primary-surface strong:not(._), app-asset-ng .color-on-primary-surface li:not(._), app-asset-ng .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-asset-ng .color-on-primary-surface a:not(._), app-asset-ng .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-asset-ng .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-asset-ng .color-surface a:not(._), app-asset-ng .color-surface a:visited:not(._){color:var(--color-primary)}app-asset-ng .color-primary-surface a:not(._), app-asset-ng .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-asset-ng{display:block}app-asset-ng .assets{display:flex;flex-wrap:nowrap;gap:var(--gap-xl);align-items:center;flex-direction:column}@media(min-width:600px)and (max-width:1023px){app-asset-ng .assets{flex-direction:row;flex-wrap:wrap;align-items:stretch}}@media(max-width:599px){app-asset-ng .assets{flex-direction:row;flex-wrap:wrap;align-items:stretch}}app-asset-ng .assets .asset:not(._){width:100%;display:flex;align-items:start;gap:2rem;margin-block:.75rem;flex-wrap:nowrap;transition:all ease .2s}@media(min-width:600px)and (max-width:1023px){app-asset-ng .assets .asset:not(._){flex-direction:column-reverse;max-width:45%}}@media(max-width:599px){app-asset-ng .assets .asset:not(._){flex-direction:column-reverse;max-width:45%}}app-asset-ng .assets .asset .asset-image-container:not(._._){flex:0 1 auto;width:250px}@media(min-width:600px)and (max-width:1023px){app-asset-ng .assets .asset .asset-image-container:not(._._){width:100%}}@media(max-width:599px){app-asset-ng .assets .asset .asset-image-container:not(._._){width:100%}}app-asset-ng .assets .asset .asset-image-container img:not(._._._){inline-size:100%;block-size:auto;display:block;object-fit:contain;max-width:250px}@media(min-width:600px)and (max-width:1023px){app-asset-ng .assets .asset .asset-image-container img:not(._._._){max-width:100%}}@media(max-width:599px){app-asset-ng .assets .asset .asset-image-container img:not(._._._){max-width:100%}}app-asset-ng .assets .asset .asset-title-container h4:not(._._._){margin:0;font-weight:600;overflow:hidden;text-overflow:ellipsis}app-asset-ng .assets .asset .asset-title-container:not(._._){flex:1 1 0;min-inline-size:0}app-asset-ng .assets .asset:hover:not(._){transform:scale(1.03);filter:brightness(1.5)}app-asset-ng .assets .asset:active:not(._){transform:scale(1)}

/* components/app-professional.css */
/* migriert aus Angular-Komponente <app-professional> */
app-professional h1{word-break:break-word;margin-top:var(--gap-xxl);margin-bottom:var(--gap-l);font-family:var(--font-family-display-heavy);font-size:7rem;line-height:1.5}@media(min-width:1920px)and (max-width:2299px){app-professional h1{font-size:5rem}}@media(min-width:1024px)and (max-width:1439px){app-professional h1{font-size:4rem}}@media(min-width:1440px)and (max-width:1919px){app-professional h1{font-size:4rem}}@media(max-width:599px){app-professional h1{font-size:2.5rem}}@media(min-width:600px)and (max-width:1023px){app-professional h1{font-size:2.5rem}}app-professional h2{margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-professional h3:where(:not(.related > h3)){margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-professional h3:where(:not(.related > h3)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-professional h3:where(:not(.related > h3)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-professional h4:where(:not(app-blog-post *)){margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}app-professional h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-professional h1, app-professional h2, app-professional h3:where(:not(.related > h3)), app-professional h4:where(:not(app-blog-post *)), app-professional h5, app-professional h6{line-height:1.6}app-professional ul, app-professional ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-professional ul{list-style-type:none}app-professional ul li:not(._){position:relative}app-professional ul li:not(._):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-professional li{margin:0}app-professional li + li:not(._){margin-top:var(--gap-s)}app-professional a{text-decoration:none;color:var(--color-primary)}app-professional a:visited{color:var(--color-primary)}app-professional a:hover{color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-professional .color-surface{background-color:var(--color-surface)}app-professional .color-surface-900{background-color:var(--color-surface-900)}app-professional .color-surface-800{background-color:var(--color-surface-800)}app-professional .color-surface-700{background-color:var(--color-surface-700)}app-professional .color-surface-600{background-color:var(--color-surface-600)}app-professional .color-primary-surface{background-color:var(--color-primary-surface)}app-professional .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-professional .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-professional .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-professional .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-professional .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-professional .color-on-surface, app-professional .color-on-surface h1:not(._), app-professional .color-on-surface h2:not(._), app-professional .color-on-surface h4:not(._), app-professional .color-on-surface h5:not(._), app-professional .color-on-surface p:not(._), app-professional .color-on-surface em:not(._), app-professional .color-on-surface strong:not(._), app-professional .color-on-surface li:not(._){color:var(--color-on-surface)}app-professional .color-on-surface h3:not(._), app-professional .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-professional .color-on-surface a:not(._), app-professional .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-professional .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-professional .color-on-primary-surface{color:var(--color-on-primary-surface)}app-professional .color-on-primary-surface h1:not(._), app-professional .color-on-primary-surface h2:not(._), app-professional .color-on-primary-surface h3:not(._), app-professional .color-on-primary-surface h4:not(._), app-professional .color-on-primary-surface h5:not(._), app-professional .color-on-primary-surface p:not(._), app-professional .color-on-primary-surface em:not(._), app-professional .color-on-primary-surface strong:not(._), app-professional .color-on-primary-surface li:not(._), app-professional .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-professional .color-on-primary-surface a:not(._), app-professional .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-professional .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-professional .color-surface a:not(._), app-professional .color-surface a:visited:not(._){color:var(--color-primary)}app-professional .color-primary-surface a:not(._), app-professional .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-professional{display:block;--btn-radius: 3rem .25rem 5rem .25rem}@media(min-width:1024px)and (max-width:1439px){app-professional .professional:not(._){display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-l)}}@media(min-width:1440px)and (max-width:1919px){app-professional .professional:not(._){display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-l)}}@media(min-width:1920px)and (max-width:2299px){app-professional .professional:not(._){display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-l)}}@media(min-width:2300px){app-professional .professional:not(._){display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-l)}}app-professional h3:where(:not(.related > h3)), app-professional small:has(a){margin-top:0;color:var(--color-primary)}app-professional h4:where(:not(app-blog-post *)){margin-top:0}app-professional img:where(:not(app-professional app-blog-post *, img.img-fluid.product-img)){width:100%}app-professional a:hover{color:var(--color-on-surface);text-decoration:underline}app-professional .speaker{display:grid;grid-template-columns:1fr 1fr;gap:1rem}app-professional .speaker h3:not(._){margin-bottom:var(--gap-s)}app-professional .speaker img:not(._){border-radius:var(--btn-radius)}app-professional .certificates-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(0,6.5rem));gap:var(--gap-m)}app-professional .slide-container{width:calc(100vw - var(--main-content-padding) * 2);max-width:25rem}

/* components/app-youtube.css */
/* migriert aus Angular-Komponente <app-youtube> */
app-youtube h1{word-break:break-word;margin-top:var(--gap-xxl);margin-bottom:var(--gap-l);font-family:var(--font-family-display-heavy);font-size:7rem;line-height:1.5}@media(min-width:1920px)and (max-width:2299px){app-youtube h1{font-size:5rem}}@media(min-width:1024px)and (max-width:1439px){app-youtube h1{font-size:4rem}}@media(min-width:1440px)and (max-width:1919px){app-youtube h1{font-size:4rem}}@media(max-width:599px){app-youtube h1{font-size:2.5rem}}@media(min-width:600px)and (max-width:1023px){app-youtube h1{font-size:2.5rem}}app-youtube h2{margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-youtube h3{margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-youtube h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-youtube h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-youtube h4{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}app-youtube h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-youtube h1, app-youtube h2, app-youtube h3, app-youtube h4, app-youtube h5, app-youtube h6{line-height:1.6}app-youtube p{margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-youtube ul, app-youtube ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-youtube ul{list-style-type:none}app-youtube ul li:not(._){position:relative}app-youtube ul li:not(._):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-youtube li{margin:0}app-youtube li + li:not(._){margin-top:var(--gap-s)}app-youtube a{text-decoration:none;color:var(--color-primary)}app-youtube a:visited{color:var(--color-primary)}app-youtube a:hover{color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-youtube .color-surface{background-color:var(--color-surface)}app-youtube .color-surface-900{background-color:var(--color-surface-900)}app-youtube .color-surface-800{background-color:var(--color-surface-800)}app-youtube .color-surface-700{background-color:var(--color-surface-700)}app-youtube .color-surface-600{background-color:var(--color-surface-600)}app-youtube .color-primary-surface{background-color:var(--color-primary-surface)}app-youtube .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-youtube .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-youtube .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-youtube .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-youtube .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-youtube .color-on-surface, app-youtube .color-on-surface h1:not(._), app-youtube .color-on-surface h2:not(._), app-youtube .color-on-surface h4:not(._), app-youtube .color-on-surface h5:not(._), app-youtube .color-on-surface p:not(._), app-youtube .color-on-surface em:not(._), app-youtube .color-on-surface strong:not(._), app-youtube .color-on-surface li:not(._){color:var(--color-on-surface)}app-youtube .color-on-surface h3:not(._), app-youtube .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-youtube .color-on-surface a:not(._), app-youtube .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-youtube .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-youtube .color-on-primary-surface{color:var(--color-on-primary-surface)}app-youtube .color-on-primary-surface h1:not(._), app-youtube .color-on-primary-surface h2:not(._), app-youtube .color-on-primary-surface h3:not(._), app-youtube .color-on-primary-surface h4:not(._), app-youtube .color-on-primary-surface h5:not(._), app-youtube .color-on-primary-surface p:not(._), app-youtube .color-on-primary-surface em:not(._), app-youtube .color-on-primary-surface strong:not(._), app-youtube .color-on-primary-surface li:not(._), app-youtube .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-youtube .color-on-primary-surface a:not(._), app-youtube .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-youtube .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-youtube .color-surface a:not(._), app-youtube .color-surface a:visited:not(._){color:var(--color-primary)}app-youtube .color-primary-surface a:not(._), app-youtube .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-youtube .youtube__title{font-family:var(--font-family-base-regular);font-size:calc(1.75rem * var(--font-size-multiplier, 1));line-height:1.2;margin:2rem 0}app-youtube .youtube__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-m);margin:2rem 0}@media(min-width:600px)and (max-width:1023px){app-youtube .youtube__content{grid-template-columns:1fr}}@media(max-width:599px){app-youtube .youtube__content{grid-template-columns:1fr}}app-youtube .youtube__channel-link{display:flex;align-items:center;justify-content:center}app-youtube .youtube__video-player{position:relative}app-youtube .youtube__placeholder{position:relative;aspect-ratio:16/9;width:100%;background:#000;color:var(--color-on-surface);display:flex;justify-content:center;align-items:center;text-align:center;font-weight:bolder;padding:var(--gap-m);cursor:pointer;border:1px solid var(--color-outline)}app-youtube .youtube__placeholder:hover{background-color:#222}app-youtube .youtube__placeholder:before{content:"";position:absolute;inset:0;background:url(/assets/logos/youtube_dark.svg) center/50% no-repeat;opacity:.2;pointer-events:none}app-youtube img{width:250px;cursor:pointer}app-youtube a:hover{color:var(--color-on-surface);text-decoration:underline}

/* components/cds-tick-icon.css */
/* migriert aus Angular-Komponente <cds-tick-icon> */
cds-tick-icon{display:flex;justify-content:center}cds-tick-icon .hidden{visibility:hidden}

/* components/app-faq.css */
/* migriert aus Angular-Komponente <app-faq> */
app-faq h1{word-break:break-word;margin-top:var(--gap-xxl);margin-bottom:var(--gap-l);font-family:var(--font-family-display-heavy);font-size:7rem;line-height:1.5}@media(min-width:1920px)and (max-width:2299px){app-faq h1{font-size:5rem}}@media(min-width:1024px)and (max-width:1439px){app-faq h1{font-size:4rem}}@media(min-width:1440px)and (max-width:1919px){app-faq h1{font-size:4rem}}@media(max-width:599px){app-faq h1{font-size:2.5rem}}@media(min-width:600px)and (max-width:1023px){app-faq h1{font-size:2.5rem}}app-faq h2{margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-faq h3{margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-faq h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-faq h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-faq h4{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}app-faq h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-faq h1, app-faq h2, app-faq h3, app-faq h4, app-faq h5, app-faq h6{line-height:1.6}app-faq p{margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-faq ul, app-faq ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-faq ul{list-style-type:none}app-faq ul li:not(._){position:relative}app-faq ul li:not(._):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-faq li{margin:0}app-faq li + li:not(._){margin-top:var(--gap-s)}app-faq a{text-decoration:none;color:var(--color-primary)}app-faq a:visited{color:var(--color-primary)}app-faq a:hover{color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-faq .color-surface{background-color:var(--color-surface)}app-faq .color-surface-900{background-color:var(--color-surface-900)}app-faq .color-surface-800{background-color:var(--color-surface-800)}app-faq .color-surface-700{background-color:var(--color-surface-700)}app-faq .color-surface-600{background-color:var(--color-surface-600)}app-faq .color-primary-surface{background-color:var(--color-primary-surface)}app-faq .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-faq .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-faq .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-faq .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-faq .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-faq .color-on-surface, app-faq .color-on-surface h1:not(._), app-faq .color-on-surface h2:not(._), app-faq .color-on-surface h4:not(._), app-faq .color-on-surface h5:not(._), app-faq .color-on-surface p:not(._), app-faq .color-on-surface em:not(._), app-faq .color-on-surface strong:not(._), app-faq .color-on-surface li:not(._){color:var(--color-on-surface)}app-faq .color-on-surface h3:not(._), app-faq .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-faq .color-on-surface a:not(._), app-faq .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-faq .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-faq .color-on-primary-surface{color:var(--color-on-primary-surface)}app-faq .color-on-primary-surface h1:not(._), app-faq .color-on-primary-surface h2:not(._), app-faq .color-on-primary-surface h3:not(._), app-faq .color-on-primary-surface h4:not(._), app-faq .color-on-primary-surface h5:not(._), app-faq .color-on-primary-surface p:not(._), app-faq .color-on-primary-surface em:not(._), app-faq .color-on-primary-surface strong:not(._), app-faq .color-on-primary-surface li:not(._), app-faq .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-faq .color-on-primary-surface a:not(._), app-faq .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-faq .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-faq .color-surface a:not(._), app-faq .color-surface a:visited:not(._){color:var(--color-primary)}app-faq .color-primary-surface a:not(._), app-faq .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-faq .faq-item{background-color:#333;border:none;border-radius:5px;padding:var(--gap-m)}app-faq .faq-item:not(:last-child){margin-bottom:10px}app-faq .faq-question{font-weight:700;padding-top:var(--gap-m);padding-bottom:var(--gap-m);display:flex;align-items:center;justify-content:space-between;gap:var(--gap-s);cursor:pointer}app-faq .faq-answer{padding-left:15px}app-faq .caret-down{transition:transform .3s ease}app-faq .caret-down.open{transform:rotate(180deg)}

/* components/app-git.css */
/* migriert aus Angular-Komponente <app-git> */
app-git h2:where(:not(cl-title *, app-book-training *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-git h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-git h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-git h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-git h2:where(:not(cl-title *, app-book-training *)), app-git h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)), app-git h6{line-height:1.6}app-git p:where(:not(app-learn *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-git ul:where(:not(app-learn *, app-book-training *)), app-git ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-git ul:where(:not(app-learn *, app-book-training *)){list-style-type:none}app-git ul li:not(._):where(:not(app-learn *, app-book-training *)){position:relative}app-git ul li:not(._):where(:not(app-learn *, app-book-training *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-git li:where(:not(app-learn *, app-book-training *)){margin:0}app-git li + li:not(._):where(:not(app-learn *, app-book-training *)){margin-top:var(--gap-s)}app-git .color-surface{background-color:var(--color-surface)}app-git .color-surface-900{background-color:var(--color-surface-900)}app-git .color-surface-800{background-color:var(--color-surface-800)}app-git .color-surface-700{background-color:var(--color-surface-700)}app-git .color-surface-600{background-color:var(--color-surface-600)}app-git .color-primary-surface{background-color:var(--color-primary-surface)}app-git .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-git .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-git .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-git .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-git .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-git .color-on-surface, app-git .color-on-surface h1:not(._), app-git .color-on-surface h2:not(._), app-git .color-on-surface h4:not(._), app-git .color-on-surface h5:not(._), app-git .color-on-surface p:not(._), app-git .color-on-surface em:not(._), app-git .color-on-surface strong:not(._), app-git .color-on-surface li:not(._){color:var(--color-on-surface)}app-git .color-on-surface h3:not(._), app-git .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-git .color-on-surface a:not(._), app-git .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-git .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-git .color-on-primary-surface{color:var(--color-on-primary-surface)}app-git .color-on-primary-surface h1:not(._), app-git .color-on-primary-surface h2:not(._), app-git .color-on-primary-surface h3:not(._), app-git .color-on-primary-surface h4:not(._), app-git .color-on-primary-surface h5:not(._), app-git .color-on-primary-surface p:not(._), app-git .color-on-primary-surface em:not(._), app-git .color-on-primary-surface strong:not(._), app-git .color-on-primary-surface li:not(._), app-git .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-git .color-on-primary-surface a:not(._), app-git .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-git .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-git .color-surface a:not(._), app-git .color-surface a:visited:not(._){color:var(--color-primary)}app-git .color-primary-surface a:not(._), app-git .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-git ul:where(:not(app-learn *, app-book-training *)){margin-bottom:var(--gap-m)}app-git .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-git .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-git .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-git .workshop{flex-direction:column}}app-git .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-docker.css */
/* migriert aus Angular-Komponente <app-docker> */
app-docker h2:where(:not(cl-title *, app-book-training *, app-youtube *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-docker h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-docker h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-docker h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-docker h2:where(:not(cl-title *, app-book-training *, app-youtube *)), app-docker h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)), app-docker h6{line-height:1.6}app-docker p:where(:not(app-learn *, app-youtube *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-docker ul:where(:not(app-learn *, app-book-training *)), app-docker ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-docker ul:where(:not(app-learn *, app-book-training *)){list-style-type:none}app-docker ul li:not(._):where(:not(app-learn *, app-book-training *)){position:relative}app-docker ul li:not(._):where(:not(app-learn *, app-book-training *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-docker li:where(:not(app-learn *, app-book-training *)){margin:0}app-docker li + li:not(._):where(:not(app-learn *, app-book-training *)){margin-top:var(--gap-s)}app-docker .color-surface{background-color:var(--color-surface)}app-docker .color-surface-900{background-color:var(--color-surface-900)}app-docker .color-surface-800{background-color:var(--color-surface-800)}app-docker .color-surface-700{background-color:var(--color-surface-700)}app-docker .color-surface-600{background-color:var(--color-surface-600)}app-docker .color-primary-surface{background-color:var(--color-primary-surface)}app-docker .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-docker .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-docker .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-docker .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-docker .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-docker .color-on-surface, app-docker .color-on-surface h1:not(._), app-docker .color-on-surface h2:not(._), app-docker .color-on-surface h4:not(._), app-docker .color-on-surface h5:not(._), app-docker .color-on-surface p:not(._), app-docker .color-on-surface em:not(._), app-docker .color-on-surface strong:not(._), app-docker .color-on-surface li:not(._){color:var(--color-on-surface)}app-docker .color-on-surface h3:not(._), app-docker .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-docker .color-on-surface a:not(._), app-docker .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-docker .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-docker .color-on-primary-surface{color:var(--color-on-primary-surface)}app-docker .color-on-primary-surface h1:not(._), app-docker .color-on-primary-surface h2:not(._), app-docker .color-on-primary-surface h3:not(._), app-docker .color-on-primary-surface h4:not(._), app-docker .color-on-primary-surface h5:not(._), app-docker .color-on-primary-surface p:not(._), app-docker .color-on-primary-surface em:not(._), app-docker .color-on-primary-surface strong:not(._), app-docker .color-on-primary-surface li:not(._), app-docker .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-docker .color-on-primary-surface a:not(._), app-docker .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-docker .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-docker .color-surface a:not(._), app-docker .color-surface a:visited:not(._){color:var(--color-primary)}app-docker .color-primary-surface a:not(._), app-docker .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-docker ul:where(:not(app-learn *, app-book-training *)){margin-bottom:var(--gap-m)}app-docker .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-docker .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-docker .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-docker .workshop{flex-direction:column}}app-docker .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-software-architecture.css */
/* migriert aus Angular-Komponente <app-software-architecture> */
app-software-architecture h2:where(:not(cl-title *, app-book-training *, app-youtube *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-software-architecture h2:where(:not(cl-title *, app-book-training *, app-youtube *)), app-software-architecture h6{line-height:1.6}app-software-architecture p:where(:not(app-learn *, app-book-certification *, app-youtube *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-software-architecture ul:where(:not(app-learn *, app-book-training *, app-book-certification *)), app-software-architecture ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-software-architecture ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){list-style-type:none}app-software-architecture ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){position:relative}app-software-architecture ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-software-architecture li:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin:0}app-software-architecture li + li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-top:var(--gap-s)}app-software-architecture .color-surface{background-color:var(--color-surface)}app-software-architecture .color-surface-900{background-color:var(--color-surface-900)}app-software-architecture .color-surface-800{background-color:var(--color-surface-800)}app-software-architecture .color-surface-700{background-color:var(--color-surface-700)}app-software-architecture .color-surface-600{background-color:var(--color-surface-600)}app-software-architecture .color-primary-surface{background-color:var(--color-primary-surface)}app-software-architecture .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-software-architecture .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-software-architecture .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-software-architecture .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-software-architecture .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-software-architecture .color-on-surface, app-software-architecture .color-on-surface h1:not(._), app-software-architecture .color-on-surface h2:not(._), app-software-architecture .color-on-surface h4:not(._), app-software-architecture .color-on-surface h5:not(._), app-software-architecture .color-on-surface p:not(._), app-software-architecture .color-on-surface em:not(._), app-software-architecture .color-on-surface strong:not(._), app-software-architecture .color-on-surface li:not(._){color:var(--color-on-surface)}app-software-architecture .color-on-surface h3:not(._), app-software-architecture .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-software-architecture .color-on-surface a:not(._), app-software-architecture .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-software-architecture .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-software-architecture .color-on-primary-surface{color:var(--color-on-primary-surface)}app-software-architecture .color-on-primary-surface h1:not(._), app-software-architecture .color-on-primary-surface h2:not(._), app-software-architecture .color-on-primary-surface h3:not(._), app-software-architecture .color-on-primary-surface h4:not(._), app-software-architecture .color-on-primary-surface h5:not(._), app-software-architecture .color-on-primary-surface p:not(._), app-software-architecture .color-on-primary-surface em:not(._), app-software-architecture .color-on-primary-surface strong:not(._), app-software-architecture .color-on-primary-surface li:not(._), app-software-architecture .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-software-architecture .color-on-primary-surface a:not(._), app-software-architecture .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-software-architecture .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-software-architecture .color-surface a:not(._), app-software-architecture .color-surface a:visited:not(._){color:var(--color-primary)}app-software-architecture .color-primary-surface a:not(._), app-software-architecture .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-software-architecture ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-bottom:var(--gap-m)}app-software-architecture .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-software-architecture .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-software-architecture .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-software-architecture .workshop{flex-direction:column}}app-software-architecture .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-book-certification.css */
/* migriert aus Angular-Komponente <app-book-certification> */
app-book-certification{width:100%}@media(min-width:1024px)and (max-width:1439px){app-book-certification .certification-containers{display:grid;grid-template-columns:1fr 1fr}}@media(min-width:1440px)and (max-width:1919px){app-book-certification .certification-containers{display:grid;grid-template-columns:1fr 1fr}}@media(min-width:1920px)and (max-width:2299px){app-book-certification .certification-containers{display:grid;grid-template-columns:1fr 1fr}}@media(min-width:2300px){app-book-certification .certification-containers{display:grid;grid-template-columns:1fr 1fr}}app-book-certification h3{color:var(--color-primary)}app-book-certification ul{margin-bottom:var(--gap-l)}app-book-certification .arrange{display:flex;justify-content:space-between;flex-wrap:wrap}

/* components/app-ai-for-devs.css */
/* migriert aus Angular-Komponente <app-ai-for-devs> */
app-ai-for-devs h2:where(:not(cl-title *, app-book-training *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-ai-for-devs h2:where(:not(cl-title *, app-book-training *)), app-ai-for-devs h6{line-height:1.6}app-ai-for-devs p:where(:not(app-learn *, app-book-certification *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-ai-for-devs ul:where(:not(app-learn *, app-book-training *, app-book-certification *)), app-ai-for-devs ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-ai-for-devs ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){list-style-type:none}app-ai-for-devs ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){position:relative}app-ai-for-devs ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-ai-for-devs li:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin:0}app-ai-for-devs li + li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-top:var(--gap-s)}app-ai-for-devs .color-surface{background-color:var(--color-surface)}app-ai-for-devs .color-surface-900{background-color:var(--color-surface-900)}app-ai-for-devs .color-surface-800{background-color:var(--color-surface-800)}app-ai-for-devs .color-surface-700{background-color:var(--color-surface-700)}app-ai-for-devs .color-surface-600{background-color:var(--color-surface-600)}app-ai-for-devs .color-primary-surface{background-color:var(--color-primary-surface)}app-ai-for-devs .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-ai-for-devs .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-ai-for-devs .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-ai-for-devs .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-ai-for-devs .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-ai-for-devs .color-on-surface, app-ai-for-devs .color-on-surface h1:not(._), app-ai-for-devs .color-on-surface h2:not(._), app-ai-for-devs .color-on-surface h4:not(._), app-ai-for-devs .color-on-surface h5:not(._), app-ai-for-devs .color-on-surface p:not(._), app-ai-for-devs .color-on-surface em:not(._), app-ai-for-devs .color-on-surface strong:not(._), app-ai-for-devs .color-on-surface li:not(._){color:var(--color-on-surface)}app-ai-for-devs .color-on-surface h3:not(._), app-ai-for-devs .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-ai-for-devs .color-on-surface a:not(._), app-ai-for-devs .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-ai-for-devs .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-ai-for-devs .color-on-primary-surface{color:var(--color-on-primary-surface)}app-ai-for-devs .color-on-primary-surface h1:not(._), app-ai-for-devs .color-on-primary-surface h2:not(._), app-ai-for-devs .color-on-primary-surface h3:not(._), app-ai-for-devs .color-on-primary-surface h4:not(._), app-ai-for-devs .color-on-primary-surface h5:not(._), app-ai-for-devs .color-on-primary-surface p:not(._), app-ai-for-devs .color-on-primary-surface em:not(._), app-ai-for-devs .color-on-primary-surface strong:not(._), app-ai-for-devs .color-on-primary-surface li:not(._), app-ai-for-devs .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-ai-for-devs .color-on-primary-surface a:not(._), app-ai-for-devs .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-ai-for-devs .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-ai-for-devs .color-surface a:not(._), app-ai-for-devs .color-surface a:visited:not(._){color:var(--color-primary)}app-ai-for-devs .color-primary-surface a:not(._), app-ai-for-devs .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-ai-for-devs ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-bottom:var(--gap-m)}app-ai-for-devs .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-ai-for-devs .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-ai-for-devs .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-ai-for-devs .workshop{flex-direction:column}}app-ai-for-devs .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-clean-code.css */
/* migriert aus Angular-Komponente <app-clean-code> */
app-clean-code h2:where(:not(cl-title *, app-book-training *, app-youtube *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-clean-code h2:where(:not(cl-title *, app-book-training *, app-youtube *)), app-clean-code h6{line-height:1.6}app-clean-code p:where(:not(app-learn *, app-book-certification *, app-youtube *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-clean-code ul:where(:not(app-learn *, app-book-training *, app-book-certification *)), app-clean-code ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-clean-code ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){list-style-type:none}app-clean-code ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){position:relative}app-clean-code ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-clean-code li:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin:0}app-clean-code li + li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-top:var(--gap-s)}app-clean-code .color-surface{background-color:var(--color-surface)}app-clean-code .color-surface-900{background-color:var(--color-surface-900)}app-clean-code .color-surface-800{background-color:var(--color-surface-800)}app-clean-code .color-surface-700{background-color:var(--color-surface-700)}app-clean-code .color-surface-600{background-color:var(--color-surface-600)}app-clean-code .color-primary-surface{background-color:var(--color-primary-surface)}app-clean-code .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-clean-code .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-clean-code .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-clean-code .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-clean-code .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-clean-code .color-on-surface, app-clean-code .color-on-surface h1:not(._), app-clean-code .color-on-surface h2:not(._), app-clean-code .color-on-surface h4:not(._), app-clean-code .color-on-surface h5:not(._), app-clean-code .color-on-surface p:not(._), app-clean-code .color-on-surface em:not(._), app-clean-code .color-on-surface strong:not(._), app-clean-code .color-on-surface li:not(._){color:var(--color-on-surface)}app-clean-code .color-on-surface h3:not(._), app-clean-code .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-clean-code .color-on-surface a:not(._), app-clean-code .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-clean-code .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-clean-code .color-on-primary-surface{color:var(--color-on-primary-surface)}app-clean-code .color-on-primary-surface h1:not(._), app-clean-code .color-on-primary-surface h2:not(._), app-clean-code .color-on-primary-surface h3:not(._), app-clean-code .color-on-primary-surface h4:not(._), app-clean-code .color-on-primary-surface h5:not(._), app-clean-code .color-on-primary-surface p:not(._), app-clean-code .color-on-primary-surface em:not(._), app-clean-code .color-on-primary-surface strong:not(._), app-clean-code .color-on-primary-surface li:not(._), app-clean-code .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-clean-code .color-on-primary-surface a:not(._), app-clean-code .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-clean-code .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-clean-code .color-surface a:not(._), app-clean-code .color-surface a:visited:not(._){color:var(--color-primary)}app-clean-code .color-primary-surface a:not(._), app-clean-code .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-clean-code ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-bottom:var(--gap-m)}app-clean-code .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-clean-code .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-clean-code .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-clean-code .workshop{flex-direction:column}}app-clean-code .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-privacy.css */
/* migriert aus Angular-Komponente <app-privacy> */
app-privacy section{padding-top:3rem}app-privacy h1, app-privacy h2, app-privacy h3{margin:var(--gap-s) 0}app-privacy a{color:var(--color-primary)}app-privacy p{margin-bottom:var(--gap-m)}app-privacy p > img:not(._){background-color:var(--color-on-surface)}

/* components/app-disclaimer.css */
/* migriert aus Angular-Komponente <app-disclaimer> */
app-disclaimer section{padding-top:3rem}app-disclaimer h1, app-disclaimer h2, app-disclaimer h3{margin:var(--gap-s) 0}app-disclaimer p{margin-bottom:var(--gap-m)}

/* components/app-legal-notice.css */
/* migriert aus Angular-Komponente <app-legal-notice> */
app-legal-notice section{padding-top:3rem}app-legal-notice h1{margin-bottom:var(--size-10)}app-legal-notice h3{margin:var(--gap-s) 0}app-legal-notice p{margin-bottom:var(--gap-m)}app-legal-notice .blue-link{color:#0ff!important;text-decoration:underline}app-legal-notice .blue-link:hover{color:#0ff!important}app-legal-notice .blue-link{color:#0ff!important;text-decoration:underline}app-legal-notice .blue-link:hover{color:#0ff!important}

/* components/app-k8s.css */
/* migriert aus Angular-Komponente <app-k8s> */
app-k8s h2:where(:not(cl-title *, app-book-training *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-k8s h2:where(:not(cl-title *, app-book-training *)), app-k8s h6{line-height:1.6}app-k8s p:where(:not(app-learn *, app-book-certification *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-k8s ul:where(:not(app-learn *, app-book-training *, app-book-certification *)), app-k8s ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-k8s ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){list-style-type:none}app-k8s ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){position:relative}app-k8s ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-k8s li:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin:0}app-k8s li + li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-top:var(--gap-s)}app-k8s .color-surface{background-color:var(--color-surface)}app-k8s .color-surface-900{background-color:var(--color-surface-900)}app-k8s .color-surface-800{background-color:var(--color-surface-800)}app-k8s .color-surface-700{background-color:var(--color-surface-700)}app-k8s .color-surface-600{background-color:var(--color-surface-600)}app-k8s .color-primary-surface{background-color:var(--color-primary-surface)}app-k8s .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-k8s .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-k8s .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-k8s .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-k8s .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-k8s .color-on-surface, app-k8s .color-on-surface h1:not(._), app-k8s .color-on-surface h2:not(._), app-k8s .color-on-surface h4:not(._), app-k8s .color-on-surface h5:not(._), app-k8s .color-on-surface p:not(._), app-k8s .color-on-surface em:not(._), app-k8s .color-on-surface strong:not(._), app-k8s .color-on-surface li:not(._){color:var(--color-on-surface)}app-k8s .color-on-surface h3:not(._), app-k8s .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-k8s .color-on-surface a:not(._), app-k8s .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-k8s .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-k8s .color-on-primary-surface{color:var(--color-on-primary-surface)}app-k8s .color-on-primary-surface h1:not(._), app-k8s .color-on-primary-surface h2:not(._), app-k8s .color-on-primary-surface h3:not(._), app-k8s .color-on-primary-surface h4:not(._), app-k8s .color-on-primary-surface h5:not(._), app-k8s .color-on-primary-surface p:not(._), app-k8s .color-on-primary-surface em:not(._), app-k8s .color-on-primary-surface strong:not(._), app-k8s .color-on-primary-surface li:not(._), app-k8s .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-k8s .color-on-primary-surface a:not(._), app-k8s .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-k8s .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-k8s .color-surface a:not(._), app-k8s .color-surface a:visited:not(._){color:var(--color-primary)}app-k8s .color-primary-surface a:not(._), app-k8s .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-k8s ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-bottom:var(--gap-m)}app-k8s .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-k8s .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-k8s .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-k8s .workshop{flex-direction:column}}app-k8s .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-typescript.css */
/* migriert aus Angular-Komponente <app-typescript> */
app-typescript h2:where(:not(cl-title *, app-book-training *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-typescript h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-typescript h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-typescript h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-typescript h2:where(:not(cl-title *, app-book-training *)), app-typescript h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)), app-typescript h6{line-height:1.6}app-typescript p:where(:not(app-learn *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-typescript ul:where(:not(app-learn *, app-book-training *)), app-typescript ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-typescript ul:where(:not(app-learn *, app-book-training *)){list-style-type:none}app-typescript ul li:not(._):where(:not(app-learn *, app-book-training *)){position:relative}app-typescript ul li:not(._):where(:not(app-learn *, app-book-training *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-typescript li:where(:not(app-learn *, app-book-training *)){margin:0}app-typescript li + li:not(._):where(:not(app-learn *, app-book-training *)){margin-top:var(--gap-s)}app-typescript .color-surface{background-color:var(--color-surface)}app-typescript .color-surface-900{background-color:var(--color-surface-900)}app-typescript .color-surface-800{background-color:var(--color-surface-800)}app-typescript .color-surface-700{background-color:var(--color-surface-700)}app-typescript .color-surface-600{background-color:var(--color-surface-600)}app-typescript .color-primary-surface{background-color:var(--color-primary-surface)}app-typescript .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-typescript .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-typescript .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-typescript .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-typescript .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-typescript .color-on-surface, app-typescript .color-on-surface h1:not(._), app-typescript .color-on-surface h2:not(._), app-typescript .color-on-surface h4:not(._), app-typescript .color-on-surface h5:not(._), app-typescript .color-on-surface p:not(._), app-typescript .color-on-surface em:not(._), app-typescript .color-on-surface strong:not(._), app-typescript .color-on-surface li:not(._){color:var(--color-on-surface)}app-typescript .color-on-surface h3:not(._), app-typescript .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-typescript .color-on-surface a:not(._), app-typescript .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-typescript .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-typescript .color-on-primary-surface{color:var(--color-on-primary-surface)}app-typescript .color-on-primary-surface h1:not(._), app-typescript .color-on-primary-surface h2:not(._), app-typescript .color-on-primary-surface h3:not(._), app-typescript .color-on-primary-surface h4:not(._), app-typescript .color-on-primary-surface h5:not(._), app-typescript .color-on-primary-surface p:not(._), app-typescript .color-on-primary-surface em:not(._), app-typescript .color-on-primary-surface strong:not(._), app-typescript .color-on-primary-surface li:not(._), app-typescript .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-typescript .color-on-primary-surface a:not(._), app-typescript .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-typescript .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-typescript .color-surface a:not(._), app-typescript .color-surface a:visited:not(._){color:var(--color-primary)}app-typescript .color-primary-surface a:not(._), app-typescript .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-typescript ul:where(:not(app-learn *, app-book-training *)){margin-bottom:var(--gap-m)}app-typescript .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-typescript .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-typescript .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-typescript .workshop{flex-direction:column}}app-typescript .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-ddd.css */
/* migriert aus Angular-Komponente <app-ddd> */
app-ddd h2:where(:not(cl-title *, app-book-training *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-ddd h2:where(:not(cl-title *, app-book-training *)), app-ddd h6{line-height:1.6}app-ddd p:where(:not(app-learn *, app-book-certification *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-ddd ul:where(:not(app-learn *, app-book-training *, app-book-certification *)), app-ddd ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-ddd ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){list-style-type:none}app-ddd ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){position:relative}app-ddd ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-ddd li:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin:0}app-ddd li + li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-top:var(--gap-s)}app-ddd .color-surface{background-color:var(--color-surface)}app-ddd .color-surface-900{background-color:var(--color-surface-900)}app-ddd .color-surface-800{background-color:var(--color-surface-800)}app-ddd .color-surface-700{background-color:var(--color-surface-700)}app-ddd .color-surface-600{background-color:var(--color-surface-600)}app-ddd .color-primary-surface{background-color:var(--color-primary-surface)}app-ddd .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-ddd .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-ddd .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-ddd .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-ddd .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-ddd .color-on-surface, app-ddd .color-on-surface h1:not(._), app-ddd .color-on-surface h2:not(._), app-ddd .color-on-surface h4:not(._), app-ddd .color-on-surface h5:not(._), app-ddd .color-on-surface p:not(._), app-ddd .color-on-surface em:not(._), app-ddd .color-on-surface strong:not(._), app-ddd .color-on-surface li:not(._){color:var(--color-on-surface)}app-ddd .color-on-surface h3:not(._), app-ddd .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-ddd .color-on-surface a:not(._), app-ddd .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-ddd .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-ddd .color-on-primary-surface{color:var(--color-on-primary-surface)}app-ddd .color-on-primary-surface h1:not(._), app-ddd .color-on-primary-surface h2:not(._), app-ddd .color-on-primary-surface h3:not(._), app-ddd .color-on-primary-surface h4:not(._), app-ddd .color-on-primary-surface h5:not(._), app-ddd .color-on-primary-surface p:not(._), app-ddd .color-on-primary-surface em:not(._), app-ddd .color-on-primary-surface strong:not(._), app-ddd .color-on-primary-surface li:not(._), app-ddd .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-ddd .color-on-primary-surface a:not(._), app-ddd .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-ddd .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-ddd .color-surface a:not(._), app-ddd .color-surface a:visited:not(._){color:var(--color-primary)}app-ddd .color-primary-surface a:not(._), app-ddd .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-ddd ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-bottom:var(--gap-m)}app-ddd .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-ddd .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-ddd .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-ddd .workshop{flex-direction:column}}app-ddd .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-react.css */
/* migriert aus Angular-Komponente <app-react> */
app-react h2:where(:not(cl-title *, app-book-training *, app-youtube *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-react h2:where(:not(cl-title *, app-book-training *, app-youtube *)), app-react h6{line-height:1.6}app-react p:where(:not(app-learn *, app-book-certification *, app-youtube *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-react ul:where(:not(app-learn *, app-book-training *, app-book-certification *)), app-react ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-react ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){list-style-type:none}app-react ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){position:relative}app-react ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-react li:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin:0}app-react li + li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-top:var(--gap-s)}app-react .color-surface{background-color:var(--color-surface)}app-react .color-surface-900{background-color:var(--color-surface-900)}app-react .color-surface-800{background-color:var(--color-surface-800)}app-react .color-surface-700{background-color:var(--color-surface-700)}app-react .color-surface-600{background-color:var(--color-surface-600)}app-react .color-primary-surface{background-color:var(--color-primary-surface)}app-react .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-react .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-react .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-react .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-react .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-react .color-on-surface, app-react .color-on-surface h1:not(._), app-react .color-on-surface h2:not(._), app-react .color-on-surface h4:not(._), app-react .color-on-surface h5:not(._), app-react .color-on-surface p:not(._), app-react .color-on-surface em:not(._), app-react .color-on-surface strong:not(._), app-react .color-on-surface li:not(._){color:var(--color-on-surface)}app-react .color-on-surface h3:not(._), app-react .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-react .color-on-surface a:not(._), app-react .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-react .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-react .color-on-primary-surface{color:var(--color-on-primary-surface)}app-react .color-on-primary-surface h1:not(._), app-react .color-on-primary-surface h2:not(._), app-react .color-on-primary-surface h3:not(._), app-react .color-on-primary-surface h4:not(._), app-react .color-on-primary-surface h5:not(._), app-react .color-on-primary-surface p:not(._), app-react .color-on-primary-surface em:not(._), app-react .color-on-primary-surface strong:not(._), app-react .color-on-primary-surface li:not(._), app-react .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-react .color-on-primary-surface a:not(._), app-react .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-react .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-react .color-surface a:not(._), app-react .color-surface a:visited:not(._){color:var(--color-primary)}app-react .color-primary-surface a:not(._), app-react .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-react ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-bottom:var(--gap-m)}app-react .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-react .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-react .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-react .workshop{flex-direction:column}}app-react .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-vue.css */
/* migriert aus Angular-Komponente <app-vue> */
app-vue h2:where(:not(cl-title *, app-book-training *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-vue h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-vue h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-vue h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-vue h2:where(:not(cl-title *, app-book-training *)), app-vue h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)), app-vue h6{line-height:1.6}app-vue p:where(:not(app-learn *, app-book-certification *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-vue ul:where(:not(app-learn *, app-book-training *, app-book-certification *)), app-vue ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-vue ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){list-style-type:none}app-vue ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){position:relative}app-vue ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-vue li:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin:0}app-vue li + li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-top:var(--gap-s)}app-vue .color-surface{background-color:var(--color-surface)}app-vue .color-surface-900{background-color:var(--color-surface-900)}app-vue .color-surface-800{background-color:var(--color-surface-800)}app-vue .color-surface-700{background-color:var(--color-surface-700)}app-vue .color-surface-600{background-color:var(--color-surface-600)}app-vue .color-primary-surface{background-color:var(--color-primary-surface)}app-vue .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-vue .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-vue .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-vue .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-vue .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-vue .color-on-surface, app-vue .color-on-surface h1:not(._), app-vue .color-on-surface h2:not(._), app-vue .color-on-surface h4:not(._), app-vue .color-on-surface h5:not(._), app-vue .color-on-surface p:not(._), app-vue .color-on-surface em:not(._), app-vue .color-on-surface strong:not(._), app-vue .color-on-surface li:not(._){color:var(--color-on-surface)}app-vue .color-on-surface h3:not(._), app-vue .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-vue .color-on-surface a:not(._), app-vue .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-vue .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-vue .color-on-primary-surface{color:var(--color-on-primary-surface)}app-vue .color-on-primary-surface h1:not(._), app-vue .color-on-primary-surface h2:not(._), app-vue .color-on-primary-surface h3:not(._), app-vue .color-on-primary-surface h4:not(._), app-vue .color-on-primary-surface h5:not(._), app-vue .color-on-primary-surface p:not(._), app-vue .color-on-primary-surface em:not(._), app-vue .color-on-primary-surface strong:not(._), app-vue .color-on-primary-surface li:not(._), app-vue .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-vue .color-on-primary-surface a:not(._), app-vue .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-vue .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-vue .color-surface a:not(._), app-vue .color-surface a:visited:not(._){color:var(--color-primary)}app-vue .color-primary-surface a:not(._), app-vue .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-vue ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-bottom:var(--gap-m)}app-vue .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-vue .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-vue .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-vue .workshop{flex-direction:column}}app-vue .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-angular.css */
/* migriert aus Angular-Komponente <app-angular> */
app-angular h2:where(:not(cl-title *, app-book-training *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-angular h2:where(:not(cl-title *, app-book-training *)), app-angular h6{line-height:1.6}app-angular p:where(:not(app-learn *, app-book-certification *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-angular ul:where(:not(app-learn *, app-book-training *, app-book-certification *)), app-angular ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-angular ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){list-style-type:none}app-angular ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){position:relative}app-angular ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-angular li:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin:0}app-angular li + li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-top:var(--gap-s)}app-angular .color-surface{background-color:var(--color-surface)}app-angular .color-surface-900{background-color:var(--color-surface-900)}app-angular .color-surface-800{background-color:var(--color-surface-800)}app-angular .color-surface-700{background-color:var(--color-surface-700)}app-angular .color-surface-600{background-color:var(--color-surface-600)}app-angular .color-primary-surface{background-color:var(--color-primary-surface)}app-angular .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-angular .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-angular .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-angular .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-angular .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-angular .color-on-surface, app-angular .color-on-surface h1:not(._), app-angular .color-on-surface h2:not(._), app-angular .color-on-surface h4:not(._), app-angular .color-on-surface h5:not(._), app-angular .color-on-surface p:not(._), app-angular .color-on-surface em:not(._), app-angular .color-on-surface strong:not(._), app-angular .color-on-surface li:not(._){color:var(--color-on-surface)}app-angular .color-on-surface h3:not(._), app-angular .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-angular .color-on-surface a:not(._), app-angular .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-angular .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-angular .color-on-primary-surface{color:var(--color-on-primary-surface)}app-angular .color-on-primary-surface h1:not(._), app-angular .color-on-primary-surface h2:not(._), app-angular .color-on-primary-surface h3:not(._), app-angular .color-on-primary-surface h4:not(._), app-angular .color-on-primary-surface h5:not(._), app-angular .color-on-primary-surface p:not(._), app-angular .color-on-primary-surface em:not(._), app-angular .color-on-primary-surface strong:not(._), app-angular .color-on-primary-surface li:not(._), app-angular .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-angular .color-on-primary-surface a:not(._), app-angular .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-angular .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-angular .color-surface a:not(._), app-angular .color-surface a:visited:not(._){color:var(--color-primary)}app-angular .color-primary-surface a:not(._), app-angular .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-angular ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-bottom:var(--gap-m)}app-angular .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-angular .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-angular .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-angular .workshop{flex-direction:column}}app-angular .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-blazor.css */
/* migriert aus Angular-Komponente <app-blazor> */
app-blazor h2:where(:not(cl-title *, app-book-training *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-blazor h2:where(:not(cl-title *, app-book-training *)), app-blazor h6{line-height:1.6}app-blazor p:where(:not(app-learn *, app-book-certification *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-blazor ul:where(:not(app-learn *, app-book-training *, app-book-certification *)), app-blazor ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-blazor ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){list-style-type:none}app-blazor ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){position:relative}app-blazor ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-blazor li:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin:0}app-blazor li + li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-top:var(--gap-s)}app-blazor .color-surface{background-color:var(--color-surface)}app-blazor .color-surface-900{background-color:var(--color-surface-900)}app-blazor .color-surface-800{background-color:var(--color-surface-800)}app-blazor .color-surface-700{background-color:var(--color-surface-700)}app-blazor .color-surface-600{background-color:var(--color-surface-600)}app-blazor .color-primary-surface{background-color:var(--color-primary-surface)}app-blazor .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-blazor .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-blazor .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-blazor .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-blazor .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-blazor .color-on-surface, app-blazor .color-on-surface h1:not(._), app-blazor .color-on-surface h2:not(._), app-blazor .color-on-surface h4:not(._), app-blazor .color-on-surface h5:not(._), app-blazor .color-on-surface p:not(._), app-blazor .color-on-surface em:not(._), app-blazor .color-on-surface strong:not(._), app-blazor .color-on-surface li:not(._){color:var(--color-on-surface)}app-blazor .color-on-surface h3:not(._), app-blazor .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-blazor .color-on-surface a:not(._), app-blazor .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-blazor .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-blazor .color-on-primary-surface{color:var(--color-on-primary-surface)}app-blazor .color-on-primary-surface h1:not(._), app-blazor .color-on-primary-surface h2:not(._), app-blazor .color-on-primary-surface h3:not(._), app-blazor .color-on-primary-surface h4:not(._), app-blazor .color-on-primary-surface h5:not(._), app-blazor .color-on-primary-surface p:not(._), app-blazor .color-on-primary-surface em:not(._), app-blazor .color-on-primary-surface strong:not(._), app-blazor .color-on-primary-surface li:not(._), app-blazor .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-blazor .color-on-primary-surface a:not(._), app-blazor .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-blazor .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-blazor .color-surface a:not(._), app-blazor .color-surface a:visited:not(._){color:var(--color-primary)}app-blazor .color-primary-surface a:not(._), app-blazor .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-blazor ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-bottom:var(--gap-m)}app-blazor .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-blazor .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-blazor .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-blazor .workshop{flex-direction:column}}app-blazor .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-deno.css */
/* migriert aus Angular-Komponente <app-deno> */
app-deno h2:where(:not(cl-title *, app-book-training *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-deno h2:where(:not(cl-title *, app-book-training *)), app-deno h6{line-height:1.6}app-deno p:where(:not(app-learn *, app-book-certification *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-deno ul:where(:not(app-learn *, app-book-training *, app-book-certification *)), app-deno ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-deno ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){list-style-type:none}app-deno ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){position:relative}app-deno ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-deno li:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin:0}app-deno li + li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-top:var(--gap-s)}app-deno .color-surface{background-color:var(--color-surface)}app-deno .color-surface-900{background-color:var(--color-surface-900)}app-deno .color-surface-800{background-color:var(--color-surface-800)}app-deno .color-surface-700{background-color:var(--color-surface-700)}app-deno .color-surface-600{background-color:var(--color-surface-600)}app-deno .color-primary-surface{background-color:var(--color-primary-surface)}app-deno .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-deno .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-deno .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-deno .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-deno .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-deno .color-on-surface, app-deno .color-on-surface h1:not(._), app-deno .color-on-surface h2:not(._), app-deno .color-on-surface h4:not(._), app-deno .color-on-surface h5:not(._), app-deno .color-on-surface p:not(._), app-deno .color-on-surface em:not(._), app-deno .color-on-surface strong:not(._), app-deno .color-on-surface li:not(._){color:var(--color-on-surface)}app-deno .color-on-surface h3:not(._), app-deno .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-deno .color-on-surface a:not(._), app-deno .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-deno .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-deno .color-on-primary-surface{color:var(--color-on-primary-surface)}app-deno .color-on-primary-surface h1:not(._), app-deno .color-on-primary-surface h2:not(._), app-deno .color-on-primary-surface h3:not(._), app-deno .color-on-primary-surface h4:not(._), app-deno .color-on-primary-surface h5:not(._), app-deno .color-on-primary-surface p:not(._), app-deno .color-on-primary-surface em:not(._), app-deno .color-on-primary-surface strong:not(._), app-deno .color-on-primary-surface li:not(._), app-deno .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-deno .color-on-primary-surface a:not(._), app-deno .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-deno .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-deno .color-surface a:not(._), app-deno .color-surface a:visited:not(._){color:var(--color-primary)}app-deno .color-primary-surface a:not(._), app-deno .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-deno ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-bottom:var(--gap-m)}app-deno .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-deno .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-deno .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-deno .workshop{flex-direction:column}}app-deno .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-azure-devops.css */
/* migriert aus Angular-Komponente <app-azure-devops> */
app-azure-devops h2:where(:not(cl-title *, app-book-training *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-azure-devops h2:where(:not(cl-title *, app-book-training *)), app-azure-devops h6{line-height:1.6}app-azure-devops p:where(:not(app-learn *, app-book-certification *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-azure-devops ul:where(:not(app-learn *, app-book-training *, app-book-certification *)), app-azure-devops ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-azure-devops ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){list-style-type:none}app-azure-devops ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){position:relative}app-azure-devops ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-azure-devops li:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin:0}app-azure-devops li + li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-top:var(--gap-s)}app-azure-devops .color-surface{background-color:var(--color-surface)}app-azure-devops .color-surface-900{background-color:var(--color-surface-900)}app-azure-devops .color-surface-800{background-color:var(--color-surface-800)}app-azure-devops .color-surface-700{background-color:var(--color-surface-700)}app-azure-devops .color-surface-600{background-color:var(--color-surface-600)}app-azure-devops .color-primary-surface{background-color:var(--color-primary-surface)}app-azure-devops .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-azure-devops .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-azure-devops .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-azure-devops .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-azure-devops .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-azure-devops .color-on-surface, app-azure-devops .color-on-surface h1:not(._), app-azure-devops .color-on-surface h2:not(._), app-azure-devops .color-on-surface h4:not(._), app-azure-devops .color-on-surface h5:not(._), app-azure-devops .color-on-surface p:not(._), app-azure-devops .color-on-surface em:not(._), app-azure-devops .color-on-surface strong:not(._), app-azure-devops .color-on-surface li:not(._){color:var(--color-on-surface)}app-azure-devops .color-on-surface h3:not(._), app-azure-devops .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-azure-devops .color-on-surface a:not(._), app-azure-devops .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-azure-devops .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-azure-devops .color-on-primary-surface{color:var(--color-on-primary-surface)}app-azure-devops .color-on-primary-surface h1:not(._), app-azure-devops .color-on-primary-surface h2:not(._), app-azure-devops .color-on-primary-surface h3:not(._), app-azure-devops .color-on-primary-surface h4:not(._), app-azure-devops .color-on-primary-surface h5:not(._), app-azure-devops .color-on-primary-surface p:not(._), app-azure-devops .color-on-primary-surface em:not(._), app-azure-devops .color-on-primary-surface strong:not(._), app-azure-devops .color-on-primary-surface li:not(._), app-azure-devops .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-azure-devops .color-on-primary-surface a:not(._), app-azure-devops .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-azure-devops .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-azure-devops .color-surface a:not(._), app-azure-devops .color-surface a:visited:not(._){color:var(--color-primary)}app-azure-devops .color-primary-surface a:not(._), app-azure-devops .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-azure-devops ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-bottom:var(--gap-m)}app-azure-devops .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-azure-devops .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-azure-devops .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-azure-devops .workshop{flex-direction:column}}app-azure-devops .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-gitlab.css */
/* migriert aus Angular-Komponente <app-gitlab> */
app-gitlab h2:where(:not(cl-title *, app-book-training *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-gitlab h2:where(:not(cl-title *, app-book-training *)), app-gitlab h6{line-height:1.6}app-gitlab p:where(:not(app-learn *, app-book-certification *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-gitlab ul:where(:not(app-learn *, app-book-training *, app-book-certification *)), app-gitlab ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-gitlab ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){list-style-type:none}app-gitlab ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){position:relative}app-gitlab ul li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-gitlab li:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin:0}app-gitlab li + li:not(._):where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-top:var(--gap-s)}app-gitlab .color-surface{background-color:var(--color-surface)}app-gitlab .color-surface-900{background-color:var(--color-surface-900)}app-gitlab .color-surface-800{background-color:var(--color-surface-800)}app-gitlab .color-surface-700{background-color:var(--color-surface-700)}app-gitlab .color-surface-600{background-color:var(--color-surface-600)}app-gitlab .color-primary-surface{background-color:var(--color-primary-surface)}app-gitlab .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-gitlab .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-gitlab .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-gitlab .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-gitlab .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-gitlab .color-on-surface, app-gitlab .color-on-surface h1:not(._), app-gitlab .color-on-surface h2:not(._), app-gitlab .color-on-surface h4:not(._), app-gitlab .color-on-surface h5:not(._), app-gitlab .color-on-surface p:not(._), app-gitlab .color-on-surface em:not(._), app-gitlab .color-on-surface strong:not(._), app-gitlab .color-on-surface li:not(._){color:var(--color-on-surface)}app-gitlab .color-on-surface h3:not(._), app-gitlab .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-gitlab .color-on-surface a:not(._), app-gitlab .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-gitlab .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-gitlab .color-on-primary-surface{color:var(--color-on-primary-surface)}app-gitlab .color-on-primary-surface h1:not(._), app-gitlab .color-on-primary-surface h2:not(._), app-gitlab .color-on-primary-surface h3:not(._), app-gitlab .color-on-primary-surface h4:not(._), app-gitlab .color-on-primary-surface h5:not(._), app-gitlab .color-on-primary-surface p:not(._), app-gitlab .color-on-primary-surface em:not(._), app-gitlab .color-on-primary-surface strong:not(._), app-gitlab .color-on-primary-surface li:not(._), app-gitlab .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-gitlab .color-on-primary-surface a:not(._), app-gitlab .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-gitlab .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-gitlab .color-surface a:not(._), app-gitlab .color-surface a:visited:not(._){color:var(--color-primary)}app-gitlab .color-primary-surface a:not(._), app-gitlab .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-gitlab ul:where(:not(app-learn *, app-book-training *, app-book-certification *)){margin-bottom:var(--gap-m)}app-gitlab .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-gitlab .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-gitlab .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-gitlab .workshop{flex-direction:column}}app-gitlab .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-rest.css */
/* migriert aus Angular-Komponente <app-rest> */
app-rest h2:where(:not(cl-title *, app-book-training *)){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-rest h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-rest h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-rest h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-rest h2:where(:not(cl-title *, app-book-training *)), app-rest h3:where(:not(cds-header-container *, app-learn *, cds-table *, app-professional *)), app-rest h6{line-height:1.6}app-rest p:where(:not(app-learn *, cds-review-slider *)){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-rest ul:where(:not(app-learn *, app-book-training *)), app-rest ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-rest ul:where(:not(app-learn *, app-book-training *)){list-style-type:none}app-rest ul li:not(._):where(:not(app-learn *, app-book-training *)){position:relative}app-rest ul li:not(._):where(:not(app-learn *, app-book-training *)):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-rest li:where(:not(app-learn *, app-book-training *)){margin:0}app-rest li + li:not(._):where(:not(app-learn *, app-book-training *)){margin-top:var(--gap-s)}app-rest .color-surface{background-color:var(--color-surface)}app-rest .color-surface-900{background-color:var(--color-surface-900)}app-rest .color-surface-800{background-color:var(--color-surface-800)}app-rest .color-surface-700{background-color:var(--color-surface-700)}app-rest .color-surface-600{background-color:var(--color-surface-600)}app-rest .color-primary-surface{background-color:var(--color-primary-surface)}app-rest .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-rest .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-rest .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-rest .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-rest .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-rest .color-on-surface, app-rest .color-on-surface h1:not(._), app-rest .color-on-surface h2:not(._), app-rest .color-on-surface h4:not(._), app-rest .color-on-surface h5:not(._), app-rest .color-on-surface p:not(._), app-rest .color-on-surface em:not(._), app-rest .color-on-surface strong:not(._), app-rest .color-on-surface li:not(._){color:var(--color-on-surface)}app-rest .color-on-surface h3:not(._), app-rest .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-rest .color-on-surface a:not(._), app-rest .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-rest .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-rest .color-on-primary-surface{color:var(--color-on-primary-surface)}app-rest .color-on-primary-surface h1:not(._), app-rest .color-on-primary-surface h2:not(._), app-rest .color-on-primary-surface h3:not(._), app-rest .color-on-primary-surface h4:not(._), app-rest .color-on-primary-surface h5:not(._), app-rest .color-on-primary-surface p:not(._), app-rest .color-on-primary-surface em:not(._), app-rest .color-on-primary-surface strong:not(._), app-rest .color-on-primary-surface li:not(._), app-rest .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-rest .color-on-primary-surface a:not(._), app-rest .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-rest .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-rest .color-surface a:not(._), app-rest .color-surface a:visited:not(._){color:var(--color-primary)}app-rest .color-primary-surface a:not(._), app-rest .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-rest ul:where(:not(app-learn *, app-book-training *)){margin-bottom:var(--gap-m)}app-rest .strong:where(:not(cds-table *)){font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));margin-bottom:var(--gap-l)}app-rest .workshop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gap-m)}@media(max-width:599px){app-rest .workshop{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){app-rest .workshop{flex-direction:column}}app-rest .workshop h3:not(._){color:var(--color-on-surface)}

/* components/app-blog-post.css */
/* migriert aus Angular-Komponente <app-blog-post> */
app-blog-post .meta-info h2:where(:not(.post-content *:not(pre, pre *))){margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-blog-post .related > h3:where(:not(.post-content *:not(pre, pre *))){margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-blog-post .related > h3:where(:not(.post-content *:not(pre, pre *))){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-blog-post .related > h3:where(:not(.post-content *:not(pre, pre *))){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-blog-post .related-text h4:where(:not(.post-content *:not(pre, pre *))){margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}app-blog-post h5:where(:not(.post-content *:not(pre, pre *))){margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-blog-post .meta-info h2:where(:not(.post-content *:not(pre, pre *))), app-blog-post .related > h3:where(:not(.post-content *:not(pre, pre *))), app-blog-post .related-text h4:where(:not(.post-content *:not(pre, pre *))), app-blog-post h5:where(:not(.post-content *:not(pre, pre *))), app-blog-post h6:where(:not(.post-content *:not(pre, pre *))){line-height:1.6}app-blog-post .related-text p:where(:not(.post-content *:not(pre, pre *))){margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-blog-post ul:where(:not(.post-content *:not(pre, pre *))), app-blog-post ol:where(:not(.post-content *:not(pre, pre *))){margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-blog-post ul:where(:not(.post-content *:not(pre, pre *))){list-style-type:none}app-blog-post ul li:not(._):where(:not(.post-content *:not(pre, pre *))){position:relative}app-blog-post ul li:not(._):where(:not(.post-content *:not(pre, pre *))):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-blog-post li:where(:not(.post-content *:not(pre, pre *))){margin:0}app-blog-post li + li:not(._):where(:not(.post-content *:not(pre, pre *))){margin-top:var(--gap-s)}app-blog-post a:where(:not(.post-content *:not(pre, pre *))){text-decoration:none;color:var(--color-primary)}app-blog-post a:visited:where(:not(.post-content *:not(pre, pre *))){color:var(--color-primary)}app-blog-post a:hover:where(:not(.post-content *:not(pre, pre *))){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-blog-post .color-surface:where(:not(.post-content *:not(pre, pre *))){background-color:var(--color-surface)}app-blog-post .color-surface-900:where(:not(.post-content *:not(pre, pre *))){background-color:var(--color-surface-900)}app-blog-post .color-surface-800:where(:not(.post-content *:not(pre, pre *))){background-color:var(--color-surface-800)}app-blog-post .color-surface-700:where(:not(.post-content *:not(pre, pre *))){background-color:var(--color-surface-700)}app-blog-post .color-surface-600:where(:not(.post-content *:not(pre, pre *))){background-color:var(--color-surface-600)}app-blog-post .color-primary-surface:where(:not(.post-content *:not(pre, pre *))){background-color:var(--color-primary-surface)}app-blog-post .color-primary-surface ul li:not(._._):where(:not(.post-content *:not(pre, pre *))):before{border-color:var(--color-on-primary-surface)}app-blog-post .color-primary-surface-900:where(:not(.post-content *:not(pre, pre *))){background-color:var(--color-primary-surface-900)}app-blog-post .color-primary-surface-800:where(:not(.post-content *:not(pre, pre *))){background-color:var(--color-primary-surface-800)}app-blog-post .color-primary-surface-700:where(:not(.post-content *:not(pre, pre *))){background-color:var(--color-primary-surface-700)}app-blog-post .color-primary-surface-600:where(:not(.post-content *:not(pre, pre *))){background-color:var(--color-primary-surface-600)}app-blog-post .color-on-surface:where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-surface h1:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-surface h2:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-surface h4:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-surface h5:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-surface p:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-surface em:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-surface strong:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-surface li:not(._):where(:not(.post-content *:not(pre, pre *))){color:var(--color-on-surface)}app-blog-post .color-on-surface h3:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-surface li:not(._):where(:not(.post-content *:not(pre, pre *))):before{color:var(--color-on-surface)}app-blog-post .color-on-surface a:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-surface a:visited:not(._):where(:not(.post-content *:not(pre, pre *))){color:var(--color-primary);text-decoration:none}app-blog-post .color-on-surface a:hover:not(._):where(:not(.post-content *:not(pre, pre *))){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-blog-post .color-on-primary-surface:where(:not(.post-content *:not(pre, pre *))){color:var(--color-on-primary-surface)}app-blog-post .color-on-primary-surface h1:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-primary-surface h2:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-primary-surface h3:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-primary-surface h4:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-primary-surface h5:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-primary-surface p:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-primary-surface em:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-primary-surface strong:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-primary-surface li:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-primary-surface li:not(._):where(:not(.post-content *:not(pre, pre *))):before{color:var(--color-on-primary-surface)}app-blog-post .color-on-primary-surface a:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-on-primary-surface a:visited:not(._):where(:not(.post-content *:not(pre, pre *))){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-blog-post .color-on-primary-surface a:hover:not(._):where(:not(.post-content *:not(pre, pre *))){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-blog-post .color-surface a:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-surface a:visited:not(._):where(:not(.post-content *:not(pre, pre *))){color:var(--color-primary)}app-blog-post .color-primary-surface a:not(._):where(:not(.post-content *:not(pre, pre *))), app-blog-post .color-primary-surface a:visited:not(._):where(:not(.post-content *:not(pre, pre *))){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-blog-post .cdk-overlay-container:where(:not(.post-content *:not(pre, pre *))), app-blog-post .cdk-global-overlay-wrapper:where(:not(.post-content *:not(pre, pre *))){pointer-events:none;top:0;left:0;height:100%;width:100%}app-blog-post .cdk-overlay-container:where(:not(.post-content *:not(pre, pre *))){position:fixed;z-index:1000}app-blog-post .cdk-overlay-container:empty:where(:not(.post-content *:not(pre, pre *))){display:none}app-blog-post .cdk-global-overlay-wrapper:where(:not(.post-content *:not(pre, pre *))){display:flex;position:absolute;z-index:1000}app-blog-post .cdk-overlay-pane:where(:not(.post-content *:not(pre, pre *))){position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}app-blog-post .cdk-overlay-backdrop:where(:not(.post-content *:not(pre, pre *))){position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){app-blog-post .cdk-overlay-backdrop:where(:not(.post-content *:not(pre, pre *))){transition-duration:1ms}}app-blog-post .cdk-overlay-backdrop-showing:where(:not(.post-content *:not(pre, pre *))){opacity:1}@media(forced-colors:active){app-blog-post .cdk-overlay-backdrop-showing:where(:not(.post-content *:not(pre, pre *))){opacity:.6}}app-blog-post .cdk-overlay-dark-backdrop:where(:not(.post-content *:not(pre, pre *))){background:#00000052}app-blog-post .cdk-overlay-transparent-backdrop:where(:not(.post-content *:not(pre, pre *))){transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}app-blog-post .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing:where(:not(.post-content *:not(pre, pre *))), app-blog-post .cdk-high-contrast-active .cdk-overlay-transparent-backdrop:not(._):where(:not(.post-content *:not(pre, pre *))){opacity:0;visibility:visible}app-blog-post .cdk-overlay-backdrop-noop-animation:where(:not(.post-content *:not(pre, pre *))){transition:none}app-blog-post .cdk-overlay-connected-position-bounding-box:where(:not(.post-content *:not(pre, pre *))){position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}app-blog-post .cdk-global-scrollblock:where(:not(.post-content *:not(pre, pre *))){position:fixed;width:100%;overflow-y:scroll}app-blog-post [title-shape-content]:where(:not(.post-content *:not(pre, pre *))){padding:2rem;padding-top:0}  .post-content img{max-width:100%;height:auto;border:5px solid var(--cl-primary)}  .post-content strong{font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1));color:var(--cl-color-on-surface)}  .post-content h2{margin-top:var(--gap-xxl);margin-bottom:var(--gap-l);word-break:break-word;color:var(--color-on-surface);font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}  .post-content h3{margin-bottom:var(--gap-m);color:var(--color-primary);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){  .post-content h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){  .post-content h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}  .post-content h4{margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}app-blog-post .meta-info:where(:not(.post-content *:not(pre, pre *))){display:grid;gap:var(--gap-xl)}app-blog-post a:where(:not(.post-content *:not(pre, pre *))){color:var(--color-on-primary-surface)}app-blog-post .products:where(:not(.post-content *:not(pre, pre *))){display:grid;gap:var(--gap-m)}app-blog-post .products img:not(._):where(:not(.post-content *:not(pre, pre *))){width:5rem;justify-self:center}app-blog-post .related h3:not(._):where(:not(.post-content *:not(pre, pre *))){margin-top:0}app-blog-post .related-container:where(:not(.post-content *:not(pre, pre *))){display:grid;grid-template-columns:1fr 3fr;align-items:center}app-blog-post .related-text:where(:not(.post-content *:not(pre, pre *))){text-align:left;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-blog-post .related-text *:hover:not(._):where(:not(.post-content *:not(pre, pre *))){text-decoration:none}app-blog-post code:where(:not(.post-content *:not(pre, pre *))){white-space:pre-wrap}@media(max-width:599px){  .shape-container>.title>h1{font-size:1.5rem}}@media(max-width:375px){  .shape-container>.title>h1{font-size:1.25rem}}

/* components/app-book-training-popup.css */
/* migriert aus Angular-Komponente <app-book-training-popup> */
app-book-training-popup h1{word-break:break-word;margin-top:var(--gap-xxl);margin-bottom:var(--gap-l);font-family:var(--font-family-display-heavy);font-size:7rem;line-height:1.5}@media(min-width:1920px)and (max-width:2299px){app-book-training-popup h1{font-size:5rem}}@media(min-width:1024px)and (max-width:1439px){app-book-training-popup h1{font-size:4rem}}@media(min-width:1440px)and (max-width:1919px){app-book-training-popup h1{font-size:4rem}}@media(max-width:599px){app-book-training-popup h1{font-size:2.5rem}}@media(min-width:600px)and (max-width:1023px){app-book-training-popup h1{font-size:2.5rem}}app-book-training-popup h2{margin-top:var(--gap-xl);margin-bottom:var(--gap-m);word-break:break-word;color:inherit;font-family:var(--font-family-display-bold);font-size:1.75rem;line-height:1.2}app-book-training-popup h3{margin-top:var(--gap-l);margin-bottom:var(--gap-s);font-weight:400;font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-book-training-popup h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-book-training-popup h3{font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-book-training-popup h4{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-medium);font-size:calc(1rem * var(--font-size-multiplier, 1))}app-book-training-popup h5{margin-top:var(--gap-m);margin-bottom:var(--gap-s);font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}app-book-training-popup h1, app-book-training-popup h2, app-book-training-popup h3, app-book-training-popup h4, app-book-training-popup h5, app-book-training-popup h6{line-height:1.6}app-book-training-popup p{margin-top:0;margin-bottom:var(--gap-m);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400;line-height:1.5}app-book-training-popup ul, app-book-training-popup ol{margin-top:var(--gap-m);margin-bottom:var(--gap-m);padding-left:2rem;list-style-position:outside;font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-book-training-popup ul{list-style-type:none}app-book-training-popup ul li:not(._){position:relative}app-book-training-popup ul li:not(._):before{content:"";position:absolute;display:block;left:-2rem;top:.58rem;width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%}app-book-training-popup li{margin:0}app-book-training-popup li + li:not(._){margin-top:var(--gap-s)}app-book-training-popup a{text-decoration:none;color:var(--color-primary)}app-book-training-popup a:visited{color:var(--color-primary)}app-book-training-popup a:hover{color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-book-training-popup .color-surface{background-color:var(--color-surface)}app-book-training-popup .color-surface-900{background-color:var(--color-surface-900)}app-book-training-popup .color-surface-800{background-color:var(--color-surface-800)}app-book-training-popup .color-surface-700{background-color:var(--color-surface-700)}app-book-training-popup .color-surface-600{background-color:var(--color-surface-600)}app-book-training-popup .color-primary-surface{background-color:var(--color-primary-surface)}app-book-training-popup .color-primary-surface ul li:not(._._):before{border-color:var(--color-on-primary-surface)}app-book-training-popup .color-primary-surface-900{background-color:var(--color-primary-surface-900)}app-book-training-popup .color-primary-surface-800{background-color:var(--color-primary-surface-800)}app-book-training-popup .color-primary-surface-700{background-color:var(--color-primary-surface-700)}app-book-training-popup .color-primary-surface-600{background-color:var(--color-primary-surface-600)}app-book-training-popup .color-on-surface, app-book-training-popup .color-on-surface h1:not(._), app-book-training-popup .color-on-surface h2:not(._), app-book-training-popup .color-on-surface h4:not(._), app-book-training-popup .color-on-surface h5:not(._), app-book-training-popup .color-on-surface p:not(._), app-book-training-popup .color-on-surface em:not(._), app-book-training-popup .color-on-surface strong:not(._), app-book-training-popup .color-on-surface li:not(._){color:var(--color-on-surface)}app-book-training-popup .color-on-surface h3:not(._), app-book-training-popup .color-on-surface li:not(._):before{color:var(--color-on-surface)}app-book-training-popup .color-on-surface a:not(._), app-book-training-popup .color-on-surface a:visited:not(._){color:var(--color-primary);text-decoration:none}app-book-training-popup .color-on-surface a:hover:not(._){color:var(--color-on-surface);text-decoration:underline;cursor:pointer}app-book-training-popup .color-on-primary-surface{color:var(--color-on-primary-surface)}app-book-training-popup .color-on-primary-surface h1:not(._), app-book-training-popup .color-on-primary-surface h2:not(._), app-book-training-popup .color-on-primary-surface h3:not(._), app-book-training-popup .color-on-primary-surface h4:not(._), app-book-training-popup .color-on-primary-surface h5:not(._), app-book-training-popup .color-on-primary-surface p:not(._), app-book-training-popup .color-on-primary-surface em:not(._), app-book-training-popup .color-on-primary-surface strong:not(._), app-book-training-popup .color-on-primary-surface li:not(._), app-book-training-popup .color-on-primary-surface li:not(._):before{color:var(--color-on-primary-surface)}app-book-training-popup .color-on-primary-surface a:not(._), app-book-training-popup .color-on-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-book-training-popup .color-on-primary-surface a:hover:not(._){color:var(--color-secondary-700);text-decoration-thickness:.12em;cursor:pointer}app-book-training-popup .color-surface a:not(._), app-book-training-popup .color-surface a:visited:not(._){color:var(--color-primary)}app-book-training-popup .color-primary-surface a:not(._), app-book-training-popup .color-primary-surface a:visited:not(._){color:var(--color-on-primary-surface);text-decoration:underline;text-underline-offset:.12em}app-book-training-popup label:where(:not(cds-input *, cds-switch *)){color:var(--color-on-surface);font-family:var(--font-family-base-light);font-size:calc(1rem * var(--font-size-multiplier, 1));line-height:1.6;font-weight:400}app-book-training-popup input.ng-invalid.ng-dirty{border:2px solid red}app-book-training-popup .header{display:flex;justify-content:space-between;margin-bottom:var(--gap-xl)}app-book-training-popup .close{border:none;background-color:transparent;color:var(--color-primary);cursor:pointer}app-book-training-popup .close span:not(._){font-family:var(--font-family-base-bold);font-size:calc(1.375rem * var(--font-size-multiplier, 1));line-height:1.2}@media(min-width:600px)and (max-width:1023px){app-book-training-popup .close span:not(._){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}@media(max-width:599px){app-book-training-popup .close span:not(._){font-size:calc(1.125rem * var(--font-size-multiplier, 1))}}app-book-training-popup .modal-title{color:var(--color-primary)}app-book-training-popup .visible-form{display:grid;gap:var(--gap-m)}app-book-training-popup .booking-submit-button{width:100%}app-book-training-popup .field-group{display:grid;gap:var(--gap-s)}app-book-training-popup .options{color:var(--color-on-surface);margin:var(--gap-m) 0}app-book-training-popup .option{padding:var(--gap-s) 0}

/* components/cds-switch.css */
/* migriert aus Angular-Komponente <cds-switch> */
@keyframes cds-switch__cds-disabled-glitch{0%{opacity:1;transform:translate(0);filter:none;box-shadow:none}20%{opacity:.85;transform:translate(-3px);box-shadow:4px 0 0 var(--cds-glitch-color),-4px 0 0 var(--cds-glitch-contrast-color)}40%{opacity:.7;transform:translate(3px);box-shadow:-4px 0 0 var(--cds-glitch-color),4px 0 0 var(--cds-glitch-contrast-color)}55%{opacity:.9;transform:translate(-2px);box-shadow:2px 0 0 var(--cds-glitch-color),-2px 0 0 var(--cds-glitch-contrast-color)}75%{opacity:.8;transform:translate(2px);box-shadow:-2px 0 0 var(--cds-glitch-color),2px 0 0 var(--cds-glitch-contrast-color)}to{opacity:var(--cds-glitch-final-opacity);transform:translate(0);filter:none;box-shadow:none}}@keyframes cds-switch__cds-error-glitch{0%{opacity:1;transform:translate(0);filter:none;box-shadow:none}20%{opacity:.85;transform:translate(-3px);box-shadow:4px 0 0 var(--cds-glitch-color),-4px 0 0 var(--cds-glitch-contrast-color)}40%{opacity:.7;transform:translate(3px);box-shadow:-4px 0 0 var(--cds-glitch-color),4px 0 0 var(--cds-glitch-contrast-color)}55%{opacity:.9;transform:translate(-2px);box-shadow:2px 0 0 var(--cds-glitch-color),-2px 0 0 var(--cds-glitch-contrast-color)}75%{opacity:.8;transform:translate(2px);box-shadow:-2px 0 0 var(--cds-glitch-color),2px 0 0 var(--cds-glitch-contrast-color)}to{opacity:var(--cds-glitch-final-opacity);transform:translate(0);filter:none;box-shadow:none}}cds-switch{display:inline-block;max-width:100%}cds-switch .cds-switch{position:relative;display:inline-flex;align-items:center;gap:var(--gap-s);max-width:100%;min-height:1.5rem;color:var(--color-on-surface);cursor:pointer;-webkit-user-select:none;user-select:none}cds-switch .cds-switch__control{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}cds-switch .cds-switch__track{position:relative;flex:0 0 auto;width:2.8rem;height:1.5rem;border:1px solid var(--color-secondary-600);border-radius:999px;background:var(--color-secondary-700);transition:background-color .2s ease,border-color .2s ease}cds-switch .cds-switch__control:not(:disabled) + .cds-switch__track:hover:not(._){filter:drop-shadow(0 0 7px var(--color-primary))}cds-switch .cds-switch--invalid .cds-switch__control:not(:disabled) + .cds-switch__track:hover:not(._._){filter:drop-shadow(0 0 7px var(--color-error))}cds-switch .cds-switch__track:before{content:"";position:absolute;top:50%;left:2px;width:calc(1.5rem - 6px);height:calc(1.5rem - 6px);border-radius:50%;background:var(--color-on-surface);transform:translateY(-50%);transition:transform .2s ease}cds-switch .cds-switch__control:checked + .cds-switch__track:not(._){border-color:var(--color-primary);background:var(--color-primary)}cds-switch .cds-switch__control:checked + .cds-switch__track:not(._):before{transform:translate(1.3rem,-50%);background:var(--color-on-primary-surface)}cds-switch .cds-switch__control:focus-visible + .cds-switch__track:not(._){outline:2px solid var(--color-primary);outline-offset:2px}cds-switch .cds-switch__label--required:after{content:" *"}cds-switch .cds-switch__error-icon{display:none;flex:0 0 auto;color:var(--color-error)}cds-switch .cds-switch--invalid .cds-switch__track:not(._){border-color:var(--color-error);--cds-glitch-final-opacity: 1;--cds-glitch-color: var(--color-error);--cds-glitch-contrast-color: var(--color-primary);animation:cds-switch__cds-error-glitch .36s steps(1,end)}@media(prefers-reduced-motion:reduce){cds-switch .cds-switch--invalid .cds-switch__track:not(._){animation:none}}cds-switch .cds-switch--invalid .cds-switch__label:not(._){color:var(--color-error)}cds-switch .cds-switch--invalid .cds-switch__error-icon:not(._){display:inline-flex}cds-switch .cds-switch__control:disabled + .cds-switch__track:not(._), cds-switch .cds-switch__control:disabled ~ .cds-switch__label:not(._){opacity:.55}cds-switch .cds-switch__control:disabled + .cds-switch__track:not(._){--cds-glitch-final-opacity: .55;--cds-glitch-color: var(--color-primary);--cds-glitch-contrast-color: var(--color-error);animation:cds-switch__cds-disabled-glitch .36s steps(1,end)}@media(prefers-reduced-motion:reduce){cds-switch .cds-switch__control:disabled + .cds-switch__track:not(._){animation:none}}cds-switch .cds-switch--invalid .cds-switch__control:disabled + .cds-switch__track:not(._._){--cds-glitch-final-opacity: .55;--cds-glitch-color: var(--color-error);--cds-glitch-contrast-color: var(--color-primary);animation:cds-switch__cds-disabled-glitch .36s steps(1,end),cds-switch__cds-error-glitch .36s steps(1,end)}@media(prefers-reduced-motion:reduce){cds-switch .cds-switch--invalid .cds-switch__control:disabled + .cds-switch__track:not(._._){animation:none}}cds-switch .cds-switch__control:disabled ~ .cds-switch__label:not(._){cursor:not-allowed}cds-switch .cds-switch__label{font-family:var(--font-family-base-light);font-size:calc(.875rem * var(--font-size-multiplier, 1));line-height:1}

/* site/10-static.css */
/*
 * Ergänzungen für die statische Version.
 * Alles hier ist neu (nicht aus Angular migriert) und nutzt die Design-Tokens
 * aus global.css (--color-*, --gap-*, --font-family-*).
 */

[hidden] { display: none !important; }

/* Sprunglink für Tastatur- und Screenreader-Nutzer */
.skip-link {
  position: absolute; left: var(--gap-m); top: -100px; z-index: 10000;
  padding: var(--gap-s) var(--gap-m); background: var(--color-primary); color: var(--color-on-primary-surface);
  font-family: var(--font-family-base-bold);
}
.skip-link:focus { top: var(--gap-m); }

/* Breadcrumb: vorherige Ebenen sind jetzt echte Links */
app-breadcrumb a.breadcrumb-item { color: inherit; text-decoration: none; }
app-breadcrumb a.breadcrumb-item:hover { text-decoration: underline; }

/* Menü: aktuelle Seite markieren */
app-drawer a[aria-current="page"] { text-decoration: underline; text-underline-offset: .3em; }


/* Buttons des Design-Systems: Link-Variante sieht aus wie Button-Variante */
cds-button a.cl-btn { text-decoration: none; }

/* Cookie-Reiter ist jetzt ein <button> */
button.cookie-reopen-tab { border: 0; font-family: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; }

/* FAQ: <details>/<summary> statt Angular-Klick-Handler */
details.faq-item > summary { list-style: none; }
details.faq-item > summary::-webkit-details-marker { display: none; }
details.faq-item[open] .caret-down { transform: rotate(180deg); }
details.faq-item .faq-answer { padding-bottom: var(--gap-m); }

/* Buchungsdialog: natives <dialog> statt Angular CDK Overlay, gleiche Optik (.booking-popup) */
dialog.booking-dialog {
  width: calc(100vw - var(--main-content-padding));
  max-width: 500px;
  max-height: calc(100dvh - 2 * var(--gap-m));
  overflow: auto;
  border: 1px solid var(--color-primary);
  background-color: var(--color-secondary);
  color: var(--color-on-surface);
  padding: var(--gap-m);
  box-sizing: border-box;
}
dialog.booking-dialog::backdrop { background: #00000080; }
dialog.booking-dialog app-book-training-popup { display: block; }

/* Formular-Steuerelemente als Web Components des Design Systems (cl-input, cl-switch, cl-button).
   Aussehen und Zustände bringen die Komponenten selbst mit (main.js), hier nur Einbettung. */
:where(cl-button, cl-input, cl-textarea, cl-switch) { display: block; box-sizing: border-box; margin: 0; }
/* Platz freihalten, bis main.js die Elemente gezeichnet hat (kein Springen der Seite) */
cl-input:not(:defined) { min-height: 67px; }
cl-button:not(:defined) { min-height: 43px; }

/* Links, die in Angular <button> waren: Buttons erben keinen Buchstabenabstand */
cds-button a.cl-btn:not([href^="tel:"]) { letter-spacing: normal; }

/* Nur für Screenreader/Suchmaschinen sichtbar (z. B. H1 auf der Kontaktseite) */
.visually-hidden {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Versionszeile im Impressum (welcher Stand ist online) */
.version-info { margin-top: var(--gap-xl); opacity: .7; }
.version-info code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0; }

/* site/20-blog.css */
/* Blog-Erweiterungen (Themen, Seitennavigation, Artikelbild, Code) */
app-blog .blog-topics a,
app-blog-post .post-tag { color: var(--color-primary); text-decoration: none; margin-right: var(--gap-s); }
app-blog .blog-topics a:hover,
app-blog-post .post-tag:hover { text-decoration: underline; }

app-blog .blog-pagination {
  display: flex; justify-content: space-between; align-items: center; gap: var(--gap-m);
  margin-top: var(--gap-xl);
}
app-blog .blog-pagination a { color: var(--color-primary); }

app-blog-post .post-image { width: 100%; height: auto; display: block; border-radius: var(--btn-radius, .5rem); }
app-blog-post .post-content img { max-width: 100%; height: auto; }
app-blog-post .post-content :not(pre) > code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em;
  background: var(--color-surface-800); padding: .1em .35em; border-radius: .25em;
}

/* site/30-i18n.css */
/* Sprachumschalter (DE | EN) – neu, im Stil der vorhandenen Navigation */
.lang-switch {
  display: flex;
  gap: var(--gap-s);
  align-items: baseline;
  margin: 0;
  letter-spacing: .15rem;
}
.lang-switch a { text-decoration: none; }
.lang-switch a:hover { text-decoration: underline; }
.lang-switch .is-current { font-family: var(--font-family-base-bold); }
.lang-switch > * { font-size: inherit; }

/* im Menü (Drawer): rechtsbündig unter den Links, Akzentfarbe */
app-drawer .lang-switch {
  justify-content: flex-end;
  padding: var(--gap-m) 1rem var(--gap-m) 0;
  border-top: 1px solid var(--color-surface-700);
  color: var(--color-on-surface);
  font-family: var(--font-family-base-regular);
  font-size: calc(1.375rem * var(--font-size-multiplier, 1)); /* wie die Menülinks */
  line-height: 1.2;
}
app-drawer .lang-switch a { font-size: inherit; display: inline; padding: 0; }
app-drawer .lang-switch a { color: var(--color-primary); }

/* im Footer: wie die übrigen Footer-Links */
app-footer .lang-switch { color: var(--color-on-primary-surface); font-family: var(--font-family-base-light); }
app-footer .lang-switch a, app-footer .lang-switch a:visited { color: var(--color-on-primary-surface); }

/* Hinweis auf der englischen Blog-Übersicht */
app-blog .blog-language-note { color: var(--color-primary); }