#kapitel li{margin-bottom:.5em}#kapitelmitte.video{container-type:inline-size;container-name:video-layout}#videoplayer{--videobutton-column-width:176px;--videobutton-grid-gap:14px;--videoplayer-fixed-width:759px;--videoplayer-side-gap:18px;--videobutton-grid-width:calc((2 * var(--videobutton-column-width)) + var(--videobutton-grid-gap));--videoplayer-max-width:calc(var(--videoplayer-fixed-width) + var(--videoplayer-side-gap) + var(--videobutton-grid-width));display:grid;grid-template-columns:minmax(0,1fr);gap:20px;width:100%;max-width:var(--videoplayer-max-width);margin:30px auto 10px;align-items:stretch}#videowrapper{position:relative;width:100%;max-width:var(--videoplayer-fixed-width);margin-left:auto;margin-right:auto;background:transparent;border:0;border-radius:8px;box-shadow:none;overflow:hidden}.videobuttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:var(--videoplayer-fixed-width);margin-left:auto;margin-right:auto}.videobutton{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:start;width:100%;text-align:left;margin:0;padding:.5rem;font-family:inherit;font-size:.75rem;appearance:none;cursor:pointer;background:linear-gradient(180deg,#fffffff0,#f4f7fceb);color:#16375a!important;border:1px solid rgba(var(--m-brand-rgb),.12);border-radius:8px;box-shadow:0 8px 18px -12px #101a2c4d,inset 0 1px #ffffffd1;vertical-align:top;transition:none}.videobutton.is-active{background:linear-gradient(180deg,#fffffffa,#f1f6fcf5);border-color:rgba(var(--m-brand-rgb),.4);box-shadow:0 6px 14px -10px #101a2c2e,0 0 0 1.5px rgba(var(--m-brand-rgb),.18);color:#101a2c!important}.videobutton:hover,.videobutton:focus-visible{transform:none;border-color:rgba(var(--m-brand-rgb),.24);box-shadow:0 8px 16px -10px #101a2c3d,inset 0 1px #ffffffdb;color:#101a2c!important}.videobutton:focus-visible{outline:2px solid #1F4E80;outline-offset:2px}.videobutton__thumb{display:block;width:100%;overflow:hidden;border-radius:6px;aspect-ratio:16 / 9;background:#dce3ec}.videobutton img{display:block;width:100%;height:100%;object-fit:cover}.videobutton__meta{display:flex;align-items:center;gap:.6rem;justify-content:flex-start;margin-top:.7rem}.videobutton__icon{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:50%;background:rgba(var(--m-brand-rgb),.1);color:#1f4e80;flex:0 0 1.7rem;font-size:.85rem}.videobutton.is-active .videobutton__icon,.videobutton:hover .videobutton__icon,.videobutton:focus-visible .videobutton__icon{background:#1f4e80;color:#fff}.videobutton__label{display:block;font-size:.78rem;font-weight:700;line-height:1.2}@media only screen and (min-width:560px){.videobuttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.videobutton{padding:.5rem;font-size:.85rem}.videobutton__icon{width:2rem;height:2rem;flex:0 0 2rem;font-size:.95rem}.videobutton__label{font-size:.9rem}.videobutton__meta{margin-top:.6rem}}@media only screen and (min-width:800px){.videobuttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.videobutton{padding:.5rem;font-size:1rem}.videobutton__icon{width:2.4rem;height:2.4rem;flex:0 0 2.4rem;font-size:1.1rem}.videobutton__label{font-size:.96rem}.videobutton__meta{margin-top:.4rem}}@container video-layout (min-width: 970px){#videoplayer{display:flex;flex-wrap:nowrap;justify-content:center;gap:var(--videoplayer-side-gap);align-items:center}#videowrapper{flex:1 1 0;width:auto;min-width:0;max-width:var(--videoplayer-fixed-width);align-self:center}.videobuttons{display:grid;grid-template-columns:repeat(2,var(--videobutton-column-width));grid-template-rows:repeat(3,auto);grid-auto-rows:max-content;gap:var(--videobutton-grid-gap);flex:0 0 var(--videobutton-grid-width);width:var(--videobutton-grid-width);max-width:none;align-self:start;align-content:start}.videobutton{flex:none;width:100%;margin:0;font-size:1em}}@media(pointer:coarse){.videobutton:hover{transform:none;color:#16375a!important}.videobutton.is-active:hover{color:#101a2c!important}}.videobutton__icon i{font-size:1.15rem;line-height:1}.videobutton__icon{width:1.7rem!important;height:1.7rem!important;flex:0 0 1.7rem!important}.videobutton__icon i{font-size:.95rem!important}.videobutton__label{font-size:.72rem!important}
