:root{--primary-color: #263244;--secondary-color: #233e5e;--secondary-color-lighter:#3b597e;--accent-color: #e66d10;--text-color: #f0efeb}*{font-family:Arial,Helvetica,sans-serif;font-weight:400;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-color);text-decoration:none}body{background-image:url(/images/Live.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;display:grid;height:100vh;grid-template-rows:auto 1fr auto}.mainlayout{margin:auto;width:100%;max-width:1000px;padding:1em}.adminlayout{margin:auto;max-width:90%}h1{font-size:2em;padding-top:4.7em;text-align:center}h2{font-size:2em;text-align:center}h3{font-size:1em;padding-top:4.7em}.content-container{margin-top:2em;margin-bottom:2em;padding:1em 2em 4em;background-color:var(--secondary-color);opacity:.9;backdrop-filter:blur(5px);border-radius:10px}p{opacity:1}iframe{width:100%;height:100%;aspect-ratio:16 / 9;transform:translateY(5px)}hr{width:75%;margin:2em 12.5%}a{transition:all ease-in-out .2s}a:hover{color:var(--accent-color)}.menucontainer{background-color:var(--secondary-color);opacity:.9;backdrop-filter:blur(5px)}.navMenu{display:flex;margin:1em auto;justify-content:center;align-items:center;gap:1.5em}.navMenu a{color:var(--text-color);text-decoration:none;font-size:1.2em;text-transform:uppercase;font-weight:400;display:flex;flex-direction:column;align-items:center}.navMenu a:hover{color:var(--accent-color)}.navMenu a:after{content:"";width:6px;height:6px;border-style:solid;color:var(--accent-color);background:var(--accent-color);border-radius:50%;transform:translate(-10em);opacity:0;transition:all ease-in-out .2s}.navMenu a:hover:after{opacity:1;transform:translate(0)}.navMenu.logo{padding-top:15.5px;left:0px;padding-right:65px}.ueber-uns-page .title{padding-top:8em;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center}.ueber-uns-page h1{font-size:40px;padding-top:0}.ueber-uns-page .flexcontainer{display:flex;justify-content:space-around;align-items:center;gap:4em}.ueber-uns-page img{border-radius:15px}.ueber-uns-page .top-image{margin-bottom:4em;margin-top:4em}.ueber-uns-page p{overflow-wrap:break-word;font-size:1.25em}.ueber-uns-page .middle-section{background-color:var(--primary-color)}.ueber-uns-page .flexcontainer2{padding-top:2em;padding-bottom:2em;display:flex;justify-content:flex-start;align-items:center;gap:4em}.ueber-uns-page .astronaut-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:1em;border-radius:15px}.ueber-uns-v2-page .title{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center}.ueber-uns-v2-page h1{padding:1em;font-size:2.5em}.ueber-uns-v2-page .content-container{padding-top:2em;padding-bottom:2em}.ueber-uns-v2-page .flexcontainer{display:flex;justify-content:space-around;align-items:center;gap:2em}.ueber-uns-v2-page img{border-radius:15px;max-width:100%}.ueber-uns-v2-page .main-text{padding-top:4em}.ueber-uns-v2-page p{overflow-wrap:break-word;font-size:1.25em}.ueber-uns-v2-page .quotes{padding-top:2em;font-size:1.43em}.ueber-uns-v2-page .cardcontainer{padding-top:4em;padding-bottom:4em;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:2em}.ueber-uns-v2-page .cardleft{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:1em;border-radius:15px;border-style:solid;border-color:var(--accent-color);opacity:0;transform:translate(-200px);transition:1s}.ueber-uns-v2-page .cardright{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:1em;border-radius:15px;border-style:solid;border-color:var(--accent-color);opacity:0;transform:translate(+200px);transition:1s}.ueber-uns-v2-page .fadein{opacity:1;transform:translate(0)}.shows .title{padding-top:8em;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center}.shows h1{font-size:1.75em;font-weight:700;padding:0}.show-card-container{padding-top:2.5em;display:flex;flex-direction:column;align-items:center;gap:1.25em}.dimmed{opacity:.5}.inactive{visibility:hidden}.shows .show-card{display:grid;grid-template-columns:1fr 2.25fr 1fr;border-radius:10px;opacity:.8}.shows .date-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5em;background-color:#fff;border-radius:10px}.shows .day,.shows .month,.shows .year{color:#000;font-size:1.25em;font-weight:600}.shows .text-section{transform:translate(-5px);background-color:var(--secondary-color-lighter);padding-left:2em;padding-top:.75em;z-index:-1}.shows .showtitle{padding-bottom:.5em}.shows h2{text-align:left;font-size:1.45em;font-weight:600;padding:0}.shows .eventadress{padding-top:.25em;padding-bottom:.5em}.shows .times{padding-top:2em;padding-bottom:.5em}.shows p{font-size:.85em;font-weight:lighter}.shows .button-section{padding:1em;display:flex;flex-direction:column;justify-content:center;gap:.5em;background-color:var(--secondary-color-lighter);border-top-right-radius:10px;border-bottom-right-radius:10px;transform:translate(-6px)}.shows .showbuttons,.button{background-color:#fff;border-style:none;border-radius:5px;font-size:1em;font-weight:500;color:#000;padding:.25em 1.5em;text-align:center;text-decoration:none;transition:.2s ease-in-out}.shows .showbuttons:hover{background-color:var(--primary-color);color:#fff}.kontaktform,.newsletterform,.createShowForm,.editShowForm,.loginform,.registerform,.createBackgroundForm{padding:2em;display:flex;flex-direction:column;align-items:center;min-width:100%;gap:1em;background-color:var(--secondary-color-lighter);border-radius:15px;box-shadow:.4em .4em .5em #000;opacity:.9}.formgroup{position:relative;width:75%}.forminput{align-self:center;width:100%;border-style:solid;border-width:.15em;border-color:var(--primary-color);border-radius:5px;outline:none;color:#fff;padding:.5em;box-shadow:none;font-size:1em;background-color:transparent;transition:all ease-in-out 125ms}.form-section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.forminput:focus{border-color:var(--accent-color)}.forminput[type=submit]:hover,.forminput[type=submit]:focus{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}input[type=time]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-calendar-picker-indicator{filter:invert(100%)}label{position:absolute;top:.6em;left:.8em;transition:top .2s ease-in-out,left .2s ease-in-out,font-size .2s ease-in-out;color:#fff;background-color:var(--secondary-color-lighter);padding-left:5px;padding-right:5px}.checkboxlabel{top:0;left:1em}.forminput:focus~label,.forminput:not(:placeholder-shown).forminput:not(:focus)~label{top:-.5em;left:.8em;font-size:.8em}.alert{color:red}.kontakt-page{padding-top:10em;display:flex;flex-direction:column;justify-content:space-evenly;align-items:left;gap:2em}.kontakt-page h2,h3{padding:0;font-size:1.75em}.email-section{margin-bottom:2em}.login-page{padding-top:10em;display:flex;flex-direction:column;justify-content:space-evenly;align-items:left;gap:2em}.login-page h2,h3{padding:0;font-size:1.75em}.register-page{padding-top:10em;display:flex;flex-direction:column;justify-content:space-evenly;align-items:left;gap:2em}.register-page h2,h3{padding:0;font-size:1.75em}.show-table,.cookie-table{border-collapse:collapse;width:100%;font-size:.8em;margin:2em 0}th,td{border:1px solid #ddd;padding:8px;background-color:#7b8086;text-align:left}th{padding-top:12px;padding-bottom:12px;background-color:var(--secondary-color-lighter);color:#fff}td.centered{text-align:center}.button-new{background-color:green;color:#fff}.button-edit{background-color:#ff8c00;color:#fff}.button-delete{background-color:red;color:#fff}.button-new:hover{background-color:#006400;color:#fff}.button-edit:hover{background-color:#cc7000;color:#fff}.button-delete:hover{background-color:#a20000;color:#fff}.createShow-page,.editShow-page{padding-top:10em}.createShow-page h2,.editShow-page h2{padding:0}#snackbar{visibility:hidden;min-width:250px;margin-left:-125px;background-color:green;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px}#snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0;visibility:hidden}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0;visibility:hidden}}.footer{background-color:var(--secondary-color);opacity:.9;backdrop-filter:blur(5px);margin-top:4em}.linksFooter a{transition:all ease-in-out .2s}.linksFooter a:hover{color:var(--accent-color)}.footer .socialmediaLogo{stroke:var(--text-color);fill:none;width:60px;height:60px;transition:all ease-in-out .2s}.footer .socialmediaLogo:hover{stroke:var(--accent-color)}.footer .footerContainer{display:flex;justify-content:space-between}h1.title{padding-bottom:4em}.impressum-datenschutz p{padding-bottom:.25em}.impressum-datenschutz h2{font-size:medium;text-align:left;padding-bottom:2em}.impressum-datenschutz a{transition:all ease-in-out .2s}.impressum-datenschutz a:hover{color:var(--accent-color)}@media (max-width: 1000px){.ueber-uns-v2-page .flexcontainer{flex-direction:column}.ueber-uns-v2-page .main-text{padding-top:2em}}@media (max-width: 700px){.navMenu{flex-direction:column}}@media (max-width: 480px){.shows .show-card{grid-template-columns:1fr;min-width:300px}.shows .date-section{border-radius:10px 10px 0 0}.shows .text-section{transform:translate(0);padding:1em}.shows .button-section{padding-top:0;transform:translate(0);border-radius:0 0 10px 10px}.shows .day,.shows .month,.shows .year{font-size:1.2em}.formgroup{width:100%}.footer .footerContainer{flex-direction:column-reverse;align-items:center;gap:1em}.startseite .content-container{padding-left:1em;padding-right:1em}}.Pictures{font-size:8px;line-height:1.25em;column-count:5;column-gap:.6em;transition:.3s;display:inline-block;margin-right:auto;margin-left:auto}.PictureWraper{width:100%!important;height:auto!important;display:inline-block;overflow:hidden}.Pictures img{width:100%!important;height:auto!important}.Pictures:hover img{filter:grayscale(1)}.Pictures img:hover{transition:.3s;filter:grayscale(0);transform:scale(1.1)}