.bild{width:100%}.buehnen{position:relative}.buehnen__buehne{width:100%;transition:transform 2s}.buehnen__buehne--1{z-index:2;width:100%;position:relative;transform:translate(0%)}body[data-buehne-aktiv="2"] .buehnen__buehne--1{pointer-events:none}body[data-buehne-aktiv="2"][data-buehnen-animiert=false] .buehnen__buehne--1{z-index:1;position:fixed;top:0;left:0}.buehnen__buehne--2{z-index:1;width:100%;position:relative}body[data-buehnen-animiert=true] .buehnen__buehne--2{position:fixed;top:0;left:0}body[data-buehne-aktiv="2"][data-buehnen-animiert=false] .buehnen__buehne--2{z-index:2}.buehnen__flaeche{z-index:-1;justify-content:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;right:0}.buehnen__flaeche-container{background-color:#f2f2f2;transition:transform 1s}.buehnen__flaeche-container:after{content:"";background-color:#f2f2f2;height:100%;position:absolute;top:0}body[data-buehne-aktiv="2"] .buehnen__flaeche-container{transform:translate(0)}@media (max-width:767px){body[data-buehne-aktiv="2"] .buehnen__buehne--1{transform:translate(calc(91.6667% - 6.75px))}.buehnen__flaeche{padding:0 18px}.buehnen__flaeche-container{width:calc(8.33333% - 8.25px);transform:translate(calc(100% + 32px))}.buehnen__flaeche-container:after{width:40px;right:-35px}}@media (min-width:768px) and (max-width:1279px){body[data-buehne-aktiv="2"] .buehnen__buehne--1{transform:translate(calc(83.3333% - 4.66669px))}.buehnen__flaeche{padding:0 32px}.buehnen__flaeche-container{width:calc(16.6667% - 16.6667px);transform:translate(calc(100% + 32px))}.buehnen__flaeche-container:after{width:40px;right:-35px}}@media (min-width:1280px){body[data-buehne-aktiv="2"] .buehnen__buehne--1{transform:translate(calc(83.3333% - 4.66669px))}.buehnen__flaeche{padding:0 32px}.buehnen__flaeche-container{width:calc(16.6667% - 16.6667px);transform:translate(calc(100% + 32px))}.buehnen__flaeche-container:after{width:40px;right:-35px}body[data-buehne-aktiv="2"][data-buehnen-animiert=false][data-buehne-hover="1"] .buehnen__buehne--1{animation:50ms ease-in forwards buehneAnziehen}@keyframes buehneAnziehen{0%{translate:0}to{translate:-10px}}body[data-buehne-aktiv="2"][data-buehne-hover=false] .buehnen__buehne--1{animation:.25s ease-in forwards buehneLoslassen}@keyframes buehneLoslassen{0%{translate:-10px}to{translate:0}}}