/* cmsms stylesheet: P 2606 modified: Freitag, 5. Juni 2026 10:25:47 */
@font-face { font-family: 'GT-America'; src: url('/fonts/GT-America-Standard-Regular.woff2') format('woff2'), url('/fonts/GT-America-Standard-Regular.woff') format('woff'); font-weight: 400; font-display: swap }
@font-face { font-family: 'GT-America'; src: url('/fonts/GT-America-Standard-Medium.woff2') format('woff2'), url('/fonts/GT-America-Standard-Medium.woff') format('woff'); font-weight: 500; font-display: swap }
@font-face { font-family: 'GT-America'; src: url('/fonts/GT-America-Standard-Bold.woff2') format('woff2'), url('/fonts/GT-America-Standard-Bold.woff') format('woff'); font-weight: 600; font-display: swap }




/*  */
/*  */


::selection { background: #fff600; color: #222; }
::-moz-selection { background: #fff600; color: #222; }



html, body {min-height:100vh; padding:0; margin:0;}

html { 
background: black;
background: linear-gradient(160deg, rgb(255,51,0) 0%, rgb(255,191,0) 80%, rgb(242,230,0) 95%);
}

.bg-home, .bg-sandbox-home { background: black url(/img/2606/home.jpg) no-repeat center center; background-size:cover }


body { font-family: 'GT-America', sans-serif; font-size: 20px; line-height: 140%; color: white; font-weight: 400; }
h1,h2,h3,h4 { font-family: 'GT-America', sans-serif; font-weight: 400; line-height:111% }
a { color: black; text-decoration: none }
a:hover { color: black; text-decoration: none }
p { margin: 0 0 0.75em 0 }
strong { font-weight: 500 }

hr { display: block; height: 1px; border: 0; border-top: 2px solid white; margin: 1em 0; padding: 0; }

header { padding-bottom: 10px; height: 60px;
background: black; background: linear-gradient(270deg, rgb(255,51,0) 0%, rgb(255,191,0) 30%, rgb(255,191,0) 60%, rgb(255,191,0) 80%, rgb(242,230,0) 95%);
background: linear-gradient(270deg, rgb(255,51,0) 0%, rgb(255,191,0) 70%, rgb(242,230,0) 95%)

/* background: url(/img/2606/verlauf.png) no-repeat; background-size:cover; background-position: center center; */
}

.lottie { position: absolute; top: 0; z-index: -2; filter: hue-rotate(150deg) }
.container { padding: 20px 40px; max-width: 1000px }
.logo { padding: 10px 0 5px 0 }
.logo img { width: 240px }
.logo-kleiner { width: 120px!important; transition: height 0.5s }
.logo-testumgebung { padding: 10px 0 0 0 }
.logo-testumgebung img { width:360px; }


nav { padding-top: 100px; font-size:1.5em; line-height:150% }
nav ul { list-style: none; margin: 0 5px 0 0; padding: 0; text-align:right; font-weight: 300; }
nav ul li { padding: 0 0 3px 0 }
nav ul li a { color: white; text-decoration: none }
nav ul li a:hover { color: white; text-decoration: none }
.currentpage, .currentpage:hover { color: rgb(196,21,28) }
button { background: none; border: none; margin: 0; padding: 0; }
#burger { position:absolute; top:5px; right: 20px; cursor: pointer; font-size:1.4em; line-height:140%; color: black;z-index:1000 }
.burger-icon { width: 25px; padding-top: 3px }
.menu-open im { padding-top:10px }
#mobilenav { font-weight:bold; display:inline-block; position: absolute; right:20px; z-index:50; }
#social-icons { padding: 10px 0; text-align: right; margin-right:3px }
#social-icons img { width: 33px; height: 33px; margin-left: 0 }

.calendar-list { padding-top: 50px }
.calendar-list a { color: white }
.calendar-list h2:hover { color:white; transition: 0.3s; }
.calendar-list .tags { margin-top: 0; margin-bottom: 10px; display: inline-block; float: none; }
.calendar-list .tags p { background: rgb(196,21,28) !important }

.calendar-date-from { text-transform: uppercase; font-size:0.7em; line-height:150%; letter-spacing: 0.25em; font-weight:500; margin-bottom: 10px }

.calendar-event { padding-bottom: 40px }
.calendar-event a { color: white }
.calendar-event p { margin-bottom: 1em }
.calendar-event h1 { color: white; margin: 0 }
.calendar-event-title { font-size:3em; margin: 0 0 8px -4px; display: inline-block; line-height:90%; color: white; }
.calendar-event .calendar-summary { margin-bottom: 0.5em }
.calendar-event, .calendar-event h1 { color: white }
.calendar-event strong { font-weight:500; letter-spacing:0.01em; }
.calendar-details, .gallery { max-width: 650px }
.calendar-details a { border-bottom: 2px solid white }
.calendar-image, .gallery { margin-bottom: 20px }
.calendar-summary { font-size:1em; max-width: 600px; margin-top:5px; }
/* .calendar-image { mix-blend-mode: screen } */
.calendar-image { max-width:600px; }
.calendar-image img { max-height: 500px }
.name { font-size:1.3em; margin: 5px 0 0 0 }

.tags p { display: inline-block; color: white; background: rgb(196,21,28); padding: 2px 6px 2px 6px; border-radius:0; margin: 0 1px 0 0;
font-size: 0.6em; line-height: 150%; text-transform:uppercase; letter-spacing:0.1em; font-weight: normal }
.calendar-event .tags { margin: 28px 0 10px 0; float:left; }
.calendar-list .tags { margin-top: 0 }
.ticket { width: 80px; float:right; margin: 0 25px 5px 0; }
.ticket a { border: none }
.ticketbild { width: 80px; display: inline-block; margin: 0 15px 0 0; }
.ticketbild a { border: none }
.tickets { font-size:0.9em; padding: 10px 0 40px 0 }
.tickets a { border:none }
.tickets img { max-width: 70px; height: auto; vertical-align: bottom; margin-left: 10px }
.besetzung { border-left: 2px solid white; margin-top: 30px; padding-left: 15px; }




.newsletter-popup { width:250px; font-size:0.7em; line-height:130%; color:black; margin-bottom: 0 !important; bottom: 25px; right: 25px; z-index:50; }
.uk-alert { padding: 15px; margin: 0 0 20px 0; background: rgba(255,255,255,1) }
.uk-alert-close { opacity:1; top:12px; right:12px }
.uk-alert-close svg { width:18px; height: 18px }

.newsbutton, .newsletterbutton { font-size: 0.9em; line-height:130%; width:140px; height: 140px; background: url(/img/2606/button-zackig-gelb.svg); border-radius:50%; text-align: center; color: white; top: 100px; right: 50px }
.newsbutton p, .newsletterbutton p { margin: -15px 0 0 0; transform: rotate(10deg); }
.newsletterbutton { right: calc(50% - 100px) }




/* .accordion { max-width: 600px } */
.uk-accordion-title { font-family: 'GT-America'; font-size: 1.7em; line-height: 120%; color: white; padding-left: 30px; }
.uk-accordion-title h3 { padding-left: 0; margin:0; font-family: 'GT-America'; font-size: 1em; line-height: 120%; color: white }
.uk-accordion-title:hover { color: white }
.uk-open .uk-accordion-title, .uk-open h3 { color: white }
.uk-accordion-title::before { width: 18px; height: 18px; background-size: contain;float:left; margin: 12px 0 0 -30px; background-image: url("/img/plus.svg")}
.uk-open>.uk-accordion-title::before { background-image: url("/img/minus.svg")}
.uk-accordion-content { color: white; font-size: 1em; line-height: 140%; margin: 15px 0 15px 32px; max-width:650px; }
.uk-accordion-content strong { color: rgb(196,21,28) }
.uk-accordion-content ul { list-style:none; padding: 0.5em 0; margin: 0; }
.uk-accordion-content ul li { margin: 0.1em 0; padding: 0 0 0 1em }
.uk-accordion-content ul li:before { margin: 0 0 0 -1em; padding: 0 0.5em 0 0; content: "–" }
.uk-accordion-content a { color: white; border-bottom: 2px solid white }
.uk-accordion-content a strong { color: rgb(196,21,28); border-bottom: 2px solid rgb(196,21,28) }
.uk-accordion-content strong a { color: rgb(196,21,28); border-bottom: 2px solid rgb(196,21,28) }
.uk-accordion-content h2 { color: white; font-weight: normal }
.uk-accordion-content p { margin: 0 0 0.75em 0 }

.uk-modal-body { color: black; font-size:0.8em; line-height:140%; }
.co-leitung-portrait { float: left; padding: 0 15px 5px 0; max-width: 180px; height: auto; }

#content { color: white; font-size: 1em; line-height: 140%; margin: 15px 0; max-width:750px; }
.hell { background: #FFC97D; border-radius:4px; padding: 0 3px; }
.vollmondbar { padding: 30px 5px }
.dank a { border-bottom: none }
.dank-logo { background: white; padding: 10px; margin: 20px 0; width: 220px; height: auto }




.mobile { display: none }

@media screen and (min-width:1280px) {
#burger, #mobilenav { right: calc(50vw - 600px) }
.newsbutton, .uk-alert { right: calc(50vw - 620px) }

}

@media screen and (max-width:959px) {
#mobilenav { width:100vw; height: 100vh; text-align: center; right: 0; top: 60px; z-index:-1;
background: rgb(196,21,28);
background: linear-gradient(180deg, rgb(255,51,0) 0%, rgb(255,191,0) 50%, rgb(242,230,0) 95%);
}
#mobilenav ul { text-align: center }
#social-icons { text-align: center }
}

@media screen and (max-width:639px) {
.desktop { display: none }
.mobile { display: block }

body { font-size: 19px }
header { height: 60px; background-size: 100% 100%; }
.logo-testumgebung img { width:250px; }

.bg-home, .bg-sandbox-home { background: black url(/img/2606/home.jpg) no-repeat right 40% center; background-size:cover }

.newsbutton { top: 30px; right: 10px; z-index: 1000; transform: scale(0.8,0.8)}
.newsletterbutton { top: 30px; right: 10px; z-index: 1000; transform: scale(0.8,0.8)}

.container { padding: 15px }
.calendar-date-from { font-size: 0.65em }
.calendar-title { margin-left: 15px }
.calendar-details, .calendar-summary, .calendar-date-from { margin-left: 0 }
.calendar-event { margin-bottom: 1em }
.calendar-event-title { font-size:1.8em; line-height: 100%; margin-left:-2px; }
.calendar-event { padding-bottom: 20px }
.calendar-image, .gallery { margin-left:-15px; margin-right:-15px }
.ticket { width:60px; margin:11px 0 0 0 }
.prev, .next { display: none }
#burger { right: 15px }
.burger-icon-23 { width: 20px; }
.tags { margin-top: 17px }

.sponsoren { margin-left: 0 }
}