body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}.container{background-color:#000;scroll-snap-type:y mandatory;overflow-y:scroll;height:100vh;height:calc(var(--vh, 1vh) * 100)}section{margin-left:auto;margin-right:auto;max-width:900px;height:100vh;height:calc(var(--vh, 1vh) * 100);display:flex;justify-content:center;align-items:center;scroll-snap-align:start}.lightbox-container{margin-left:auto;margin-right:auto}.two{background:#24a48a;color:#fff}.three{background:#fff}.four{background:#b3f9a0;color:#fff}.five,.six{background:#b9129d;color:#fff}html,body,#root{height:100%}.App{background-image:linear-gradient(#141b29e6,#141b29e6),url(https://www.bunte-scherben.de/ressources/images/backgrounds/background.jpg);background-repeat:no-repeat;background-position:50%,50%;background-size:cover}.Titel{padding-top:5.25rem;max-width:71.25em;margin-left:auto;margin-right:auto;width:92%}.BandDetails-App{background-image:linear-gradient(#141b29cc,#141b29cc),url(https://www.bunte-scherben.de/ressources/images/backgrounds/background-bandDetails.png);background-repeat:no-repeat;background-position:50%,50%;background-size:cover}.Termine-App{background-image:linear-gradient(#141b29cc,#141b29cc),url(https://www.bunte-scherben.de/ressources/images/backgrounds/background-termine.jpg);background-repeat:no-repeat;background-position:50%,50%;background-size:cover;display:flex;align-items:center}.Fan-App{background-image:linear-gradient(#141b29cc,#141b29cc),url(https://www.bunte-scherben.de/ressources/images/backgrounds/background-fan.png);background-repeat:no-repeat;background-position:50%,50%;background-size:cover;position:relative}.Audioplayer-App{background-image:linear-gradient(#141b29cc,#141b29cc),url(https://www.bunte-scherben.de/ressources/images/backgrounds/background-audioplayer.png);background-repeat:no-repeat;background-position:50%,50%;background-size:cover}.Bildergalerie-App{background-image:linear-gradient(#141b29cc,#141b29cc),url(https://www.bunte-scherben.de/ressources/images/backgrounds/background-bilder.jpg);background-repeat:no-repeat;background-position:50%,50%;background-size:cover}.Video-App{background-image:linear-gradient(#141b29cc,#141b29cc),url(https://www.bunte-scherben.de/ressources/images/backgrounds/background-video.jpg);background-repeat:no-repeat;background-position:50%,50%;background-size:cover}.NestedTitle{display:block;margin:auto;text-align:center;width:85%}.Flyerlink{color:#ef672a;cursor:pointer;text-decoration:underline}a{color:#ef672a}.Ueberschrift{font-size:2em;line-height:1.2;margin-bottom:1.3;font-weight:500;color:#ef672a}.Welcome{font-size:2em;line-height:1.2;margin-bottom:2.3em;font-weight:200;color:#fff;margin-top:3.25em}.Description{font-size:1em;line-height:1.2;font-weight:400;color:#fff;margin-bottom:20px}.main-title-detail{line-height:1.1}.ImageContainer{margin-bottom:3em;width:100%;overflow:hidden}.Konzertdaten{line-height:1.8}.Description-01{border-width:1px;border-radius:20px;background-color:#d8e6d621;color:#fff;margin-bottom:20px;padding:5px;margin-top:10px}.dasBild{position:relative;width:105%;max-width:105%;margin-left:-3%;float:none;vertical-align:bottom}ol.moeglichkeiten{text-align:left;padding-left:20px}@media(max-width:640px){.Welcome,.Ueberschrift{font-size:1.5em}}@media(max-width:485px){.Welcome,.Ueberschrift{font-size:1em}.Description{font-size:.8em}}@media(max-height:660px){.Welcome{font-size:1em;margin-top:1.25em}.Ueberschrift{font-size:1em}.Description-01,.Description{font-size:.8em}.dasBild{margin-top:30px}.Titel{padding-top:2.5em}}@media(max-height:400px){.Welcome{font-size:1em;margin-top:1.25em;margin-bottom:1em}.Ueberschrift{font-size:1em}.Description{font-size:.8em}.dasBild{margin-top:0}.Titel{padding-top:2em}}@media(min-height:1080px){.ImageContainer{margin-top:150px}.Description-01{margin-top:20%}}.bg{position:absolute;width:250px;height:250px;background-size:cover;background-position:center;will-change:opacity;border-radius:20px}.artwork{width:250px;height:250px;margin:auto auto 10px;background-color:transparent}@media(max-height:660px){.bg{width:200px;height:200px}.artwork{width:200px;height:200px;margin:auto auto 10px;background-color:transparent}}:root{--white: #fff;--active-color: #00aeb0}button{background:none;border:none;cursor:pointer}input[type=range]{height:5px;-webkit-appearance:none;width:100%;margin-bottom:10px;border-radius:8px;background:#3b7677;transition:background .2s ease;cursor:pointer}.audio-player{width:80%;height:60%;max-width:350px;max-height:450px;border-radius:20px;box-shadow:0 28px 28px #0003;margin:auto;color:var(--white)}.track-info{text-align:center;z-index:1;position:relative}.title{font-weight:700;margin-bottom:4px}.artist{font-weight:300;margin-top:0}.audio-controls{display:flex;justify-content:space-between;width:75%;margin:20px auto 15px}.audio-controls .prev svg,.audio-controls .next svg{width:35px;height:35px}.audio-controls .play svg,.audio-controls .pause svg{height:40px;width:40px;margin:auto}.play,.pause{margin-left:auto;margin-right:auto}.audio-controls path{fill:var(--white)}@media(max-height:660px){.artist{font-size:medium}.title{font-size:larger}.audio-controls .play svg,.audio-controls .pause svg{height:20px;width:20px}.audio-controls .prev svg,.audio-controls .next svg{width:20px;height:20px}input[type=range]{width:80%}}.audio-player-container{background:linear-gradient(45deg,var(--active-color) 20%,transparent 100%) no-repeat;width:100%;height:100%;display:flex;justify-content:center;flex-direction:column}.audio-player-container.playing{animation:colorChange 20s alternate infinite}@keyframes colorChange{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.Impressum{position:absolute;bottom:30px;margin-left:20px;color:#f7b264}.TopHeaderBar{z-index:10;cursor:auto;display:flex;justify-content:space-between;padding:10px 2px 10px 20px;color:#fff;background-color:#000}.LeftSideDescriptionContainer{display:flex;flex-direction:column;justify-content:center;border-left-width:3px;border-left-style:solid;padding:8px 0 8px 10px}.GalleryHeading{margin:0 0 5px;font-weight:400}.RightSideContainer{width:100%;display:flex;justify-content:space-between;align-items:center}.PageIndicator{white-space:nowrap;min-width:60px;text-align:left}.menu-container{width:100%;position:fixed;z-index:99;display:flex;justify-content:space-between;justify-content:center}.menu-list-container{list-style-type:none;margin:0 5px 0 0;padding:0 0 5px;overflow:hidden;text-align:right;display:flex;justify-content:flex-end;border-bottom:1px solid #ef672a}.menu-item{float:left;padding-right:5px;padding-left:5px;padding-top:10px;color:#d6c8c8;font-size:.8em;font-weight:lighter;cursor:pointer;text-align:center}.menu-item:not(:last-child):after{content:"|";margin-left:5px}.menu-item-selected{color:#ef672a}.Zelle{color:#fff!important}.termine-center{margin:auto;width:80%;border:3px solid silver;padding:10px}@media(max-width:500px){.Zelle{font-size:10px!important}}