@media (min-width: 50em)
{

body { background-image: url(../../../pages/images/logo_gross.png); background-repeat: no-repeat; background-attachment: fixed; background-size: auto 50%; background-position: left bottom }

div#mobile-nav { display: none }
header#header { width: 100vw; height: 5em; position: fixed; top: 0; background: rgba(255,255,255,0.95); z-index: 1 }
#header > a { position: absolute; top: 1em; left: 2em }
#header > nav { position: absolute; top: 1em; right: 2em }
#header > nav ul#large-nav { display: flex; list-style-type: none; }
#header > nav ul#large-nav > li { display: block; margin-right: 0.8em; }
#header > nav ul#large-nav > li a { color: grey; padding: 0 1em; font-weight: 700; border-bottom: 1px solid rgb(150,150,150) }
#header > nav ul#large-nav > li a.current { color: red; border-bottom: 3px solid red }
#header > nav ul#large-nav > li a:hover { color: black; border-bottom: 3px solid black; }

.uk-button { padding: 0 }

#hero { height: 40em }
.para { background-image: url(../../../pages/images/profil-start.jpg); background-repeat: no-repeat; background-size: cover; height: 100% }

.balastart, .padding5 , .textseite, .events { padding-top: 5em }
.striche, .workshop-base, .uebermich, .kontakt, .events { background-image: url(../../../pages/images/striche.png); background-repeat: repeat-y; background-position: right top; background-size: 60%; background-attachment: scroll }

h1.verstecke-gross { display: none }
.balastart > h1 { font: 4.5em 'Oregano', sans-serif; text-align: right; color: white }
.balastart > h2 { color: white; font: 2.8em 'Caveat Brush', serif; margin: 0.3em 0; text-align: right }
.balastart > h3 { color: white; font: 1.9em 'Oregano', sans-serif; margin: 0.6em 0 0 0; text-align: right; }
.balastart #start1 { margin-left: 2em; margin-top: -3em; font-weight: 600 }
.balastart #start2 { margin-left: 12em; max-width: 40%; font-weight: 600 }
.balastart #start3 { margin-left: 22em; max-width: 40%; font-weight: 600 }
.balastart #start4 { margin-left: 32em; font-weight: 600 }
.balastart p { color: white; font: 1.2em 'Caveat Brush', serif; }

div#text p { background: rgba(255,255,255,0.8); padding: 0.6em }

.custom-slide-width { width: 60vw; margin: 0 auto }
.custom-slider-bg { background: radial-gradient(circle, rgba(230,10,30,1) 30%, rgba(230,10,30,0) 60%); padding: 1em; border-radius: 1em }
.custom-slide-dark { background: rgba(0,0,0,0.5); padding: 0.5em }
.custom-slide-text { text-shadow: 0 0 0.1em white; }

.sliders { height: 45em; text-align: center; padding: 4em }
.sliders > h2 { font: 4.5em 'Caveat Brush', serif; text-shadow: 0.05em 0.05em 0 white }
.shows { border-top: 2px solid grey; background-image: url(../../../pages/images/strich-rot.png); background-repeat: no-repeat; background-position: top center }
.masken { border-top: 2px solid grey; background-image: url(../../../pages/images/strich-blau.png); background-repeat: no-repeat; background-position: top center }
.figuren { border-top: 2px solid grey; background-image: url(../../../pages/images/strich-gelb.png); background-repeat: no-repeat; background-position: top center }

div.modular-content { display: flex; flex-direction: row; flex-wrap: wrap }
article.event-eintrag { width: 100%; text-align: center; background: rgba(255,255,255,0.5); padding: 1em 0; border-bottom: 1px solid black }
.event-eintrag .uk-hidden, .event-eintrag .uk-hidden-empty:empty, [hidden] { display: block !important }
article.event-eintrag > h2 { font: 4em 'Oregano', sans-serif; margin: 0 }
article.event-eintrag > h3 { font: 2.8em 'Caveat Brush', serif; margin: 0 }
article.event-eintrag > h4 { font: 2em 'Oregano', sans-serif; margin: 0 }

#events h3 { font: 2em 'Oregano', sans-serif }
#events h4 { font: 2em 'Caveat Brush', serif }
#events p { margin: 0; padding: 0 }
section.artist { margin: 1em 0; padding: 0.3em; border: 2px solid #eee; border-radius: 1em }

#workshop-main { display: flex; }
.textseite main#content {  }
.ui-tabs .ui-tabs-nav li { border-bottom-width: 1px !important; border-bottom-left-radius: 6px !important; border-bottom-right-radius: 6px !important }
.ui-widget-header { padding: 1em !important; background: rgba(255,255,255,1) !important; border: none !important; display: flex; justify-content: space-around }
.ui-widget-header .ui-state-default { background: none !important;  }
.ui-widget-header .ui-state-default.ui-state-hover { background-color: lightblue !important }
.ui-widget-header .ui-state-active { background: #39f !important }
.ui-widget-content { background: none !important; border: 0 !important; color: black !important }
.ui-state-default a, .ui-state-default a:link { color: black !important }
.workshop-left { padding: 2em; flex: 3; border-left: 1px solid grey }
.flex-column { display: flex; flex-direction: column; }
.flex-column h2 { font-weight: 700 }
.flex-row { display: flex; justify-content: space-between; margin-top:1em; background: rgba(255,255,255,0.8); padding: 1em 0 0 1em; border-top-left-radius: 2em }
#figuren-masken img { margin: 0.5em 0 }
#kuenstlerisch img { max-width: 8em; margin: 0.5em 0 }
.claude-slider { width: 40%; }
.workshop-kategorien { margin-top: 0.5em }

#tanz-workshop > h2, #social-media h2, #events > h2, body.events div.modular-content > h2 { padding: 0 1em; margin: 0; border: 2px solid rgb(150,150,150); border-radius: 1em; font: 2.5em 'Caveat Brush', serif }
#tanz-workshop, #social-media, #events { text-align: center; padding-bottom: 3em; }
#events h3, #events h4, #tanz-workshop h3 { margin: 0.2em 0; padding: 0; }
#tanz-workshop p { margin: 0.2em }
.workshop-tanz { margin: 0.5em 0 }
.workshop-masken { height: 9em }
.workshop-right { padding: 2em; flex: 1; border-right: 1px solid grey }
.flyer { max-width: 10em;  }
#social-media .logo { max-width: 3em }
#social-links { display: flex; flex-direction: row }
#social-links dl { margin: 0 0.5em; padding: 0 }

main#content { display: flex }
.profilbild { max-width: 33% }
#text-right { display: flex; padding: 2em; flex: 3; border-left: 1px solid grey }
body.uebermich main#content section#text-right div#text p { font: 1.4em 'Caveat Brush', serif; padding: 0.1em 1em } 

div#text, div#historie { padding: 0 1em }
div#text p { color: rgb(60,60,60) }
div#historie article { border-top: 3px solid rgb(160,160,160); margin-bottom: 3em }
div#historie article h3 { font: 1.2em 'Oregano', sans-serif; color: rgb(150,150,150); border-right: 1px solid rgb(150,150,150); border-left: 1px solid rgb(150,150,150); background: white; padding: 0 0.2em }

.kontakt article { background: rgba(255,255,255,0.8); margin: 0.2em auto; padding-left: 0.3em }
.kontakt article dd { margin-left: 3em !important }

#text-left { flex: 1; padding: 2em; border-right: 1px solid grey; }

#impressum p, #datenschutz p { background: rgba(255,255,255,0.8); padding: 0.3em; max-width: 50% }
#datenschutz h2 { font-size: 2.6rem }
#datenschutz h3 { font-size: 2rem }
#datenschutz h4 { font-size: 1.6rem }
#datenschutz h5 { text-transform: uppercase; font-weight: 600 }

}
              <div class="uk-position-relative uk-visible-toggle uk-light" uk-slideshow="autoplay: true; autoplay-interval: 2000; ratio: 1:1.7; min-height: 10em; animation: fade">
                <div class="uk-slideshow-items">
                  <img src="user/pages/images/workshops/musik-und-tanz-1.jpg" alt="" uk-cover>
                  <img src="user/pages/images/workshops/musik-und-tanz-2.jpg" alt="" uk-cover>
                  <img src="user/pages/images/workshops/musik-und-tanz-3.jpg" alt="" uk-cover>
                  <img src="user/pages/images/workshops/musik-und-tanz-4.jpg" alt="" uk-cover>
                </div>
              </div>