@font-face { font-family: "cera"; font-weight:normal; src: url("../fonts/CeraPRORegular/font.woff2") format("woff2"); } @font-face { font-family: "cera"; font-weight:300; src: url("../fonts/CeraPROLight/font.woff2") format("woff2"); } @font-face { font-family: "cera"; font-weight:medium; src: url("../fonts/CeraPROMedium/font.woff2") format("woff2"); } @font-face { font-family: "cera"; font-weight:bold; src: url("../fonts/CeraPROBold/font.woff2") format("woff2"); } @font-face { font-family: "ceracompact"; font-weight:500; src: url("../fonts/CeraCompact-Medium.woff2") format("woff2"); } .aktuellStart:nth-child(4) div.uk-grid, .aktuellStart:nth-child(8) div.uk-grid, .aktuellStart:nth-child(10) div.uk-grid, .aktuellStart:nth-child(6) div.uk-grid { flex-direction: row-reverse; } .aktuellStart:nth-child(3) > div,.aktuellStart:nth-child(4) > div { position: relative; } .aktuellStart:nth-child(3) > div > div,.aktuellStart:nth-child(4) > div > div { position: relative; z-index: 5; } .aktuellStart .homeColLeft > .uk-panel { padding: 30px; } @media (max-width: 639px) { .aktuellStart .homeColLeft > .uk-panel { padding: 10px ; } } .uk-navbar-transparent { background: #000; } #visitTop > div { padding-bottom: 70px; position: relative; } #visitTicket > div, #visitImg > div{ position: relative; padding-bottom: 70px; padding-top: 70px; } #aboutTop > div, #aboutTitleLine > div { position: relative; padding-bottom: 50px; } #aboutTop > div > div { position: relative; z-index: 5; } .homeCaption { padding: 20px; background: linear-gradient(0deg, rgba(0,0,0,0.8183648459383753) 0%, rgba(0,0,0,0) 100%); } .homeRightColImg { padding-bottom: 30px; padding-top: 30px; } .homeRightColImg.portrait > div{ width: 70%; display: inline-block; } @media (max-width:639px) { .homeRightColImg.portrait > div{ width: 80%; transform: translateX(0); } } .homeColLeft > div { background: #000; display:inline-block; width: auto; padding-right: 20px; } .homeColLeft p, .sliderMod .fs-grid-nested-1-container p, .js-marquee p, .archivTpl p, .downTpl p { margin-bottom: 0 !Important; } .js-marquee p { display: inline; } @media (max-width:639px) { .homeColLeft.uk-flex-center { justify-content: left; padding-bottom:0 !important; } .homeRightColImg { padding-top: 10 !Important; } } #downForm { background: #000 !Important; position: fixed !important; left:0; right:0; bottom:0; z-index:999 !Important; transition: .3s all; transform: translateY(100%); opacity:0; } #downForm label, #newsletterForm .rsform-block-vorname label, #newsletterForm .rsform-block-vorname label, .rsform-block-zipname, .rsform-block-imagelist { display:none; } .downArea .el-item { position: relative; } .downArea .el-title { position: absolute; top:0; left:0; right:0; bottom:0; z-index:5; text-indent: -2000px; } .downArea .el-meta { position: absolute; bottom:0; padding: 20px; left:0; right:0; } .downArea .el-content { position: absolute; top:30px; left:50%; transform:translateX(-50%); } .downVal input { width: 32px; height: 32px; accent-color: #000; } #newsletterForm .rsform-block-sprache, #newsletterForm .rsform-block-interessen { margin-top: 0 !important; } #newsletterForm .rsform-block-sprache label, #newsletterForm .rsform-block-interessen label { width: 150px; display:inline-block; } #newsletterForm .rsform-block-sprache input, #newsletterForm .rsform-block-interessen input { margin-right: 10px; border: 1px solid #fff; } #downForm.showForm { display:block; transform: translateY(0); opacity:1; border-top: 1px solid #fff; } #newsletterForm .rsform-type-freetext { margin-bottom: 0 !important; } #newsletterForm p { margin-bottom:0; } .uk-logo source,.uk-logo img,.uk-logo svg { height: 116px; width: auto; position: absolute; top: 40px; left:-60px; z-index:9; } a.uk-logo:before { content: ""; display: inline-block; background: #000; height: 22px; width: 260px; top: 40px; left: -64px; position: absolute; z-index: 0; } a.uk-logo:after { content: ""; display: inline-block; background: #000; height: 130px; width: 22px; top: 40px; left: -61px; position: absolute; z-index: 0; } @media (max-width:1200px) { a.uk-logo:before { top: 20px; } a.uk-logo:after { left: -48px; height: 91px; } } body.hideLogo .uk-logo { visibility: hidden; } .uk-container { padding-left: 100px; } #tm-main { margin-left: auto; margin-right: auto; } #tm-main > div { z-index: 1; position: relative; } #tm-main > canvas { z-index: 0; } .uk-section-default { background: transparent; } .uk-navbar-nav a, div.mod-languages li a, .uk-modal-body .uk-nav li a { border-radius: 50px; margin: 30px 0; background: transparent; color: #fff; border: 2px solid #fff; } .uk-modal-close-default { top: 12px; right: 26px; } .uk-close svg { width: 24px; } .uk-modal-body .uk-nav li a { display:inline-block; padding: 0 16px; line-height: 40px; margin: 15px 0; } .uk-modal-body .uk-nav li.uk-active a { background: #fff; color: #000; } .uk-modal-dialog { background: rgba(0,0,0,.85) } .uk-modal-body .uk-nav { text-align: center; } .uk-modal-body .uk-subnav { justify-content: center; } .uk-navbar-nav a:hover, .uk-navbar-nav .uk-active a { bac˙ro ?? #fff; border-radius: 50px; margin: 30px 0; border: 2px solid #fff; color: #000; } .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a[aria-expanded=true] { color: #fff; } .uk-navbar-nav>li >a:hover { color: #000; } .uk-nav-default>li.uk-active>a,.uk-nav-default>li>a:hover { background: #000; } @media (max-width: 1100px) { .uk-navbar-nav>li>a { padding: 0 10px; } .uk-navbar-nav, .uk-navbar-right { gap: 20px; } } #detailTitelAbs { width: 50%; float: right; background: #F0F0F0; padding: 30px ; border-radius: 20px 0 0 0; border: 1px solid #000; transform: translateY(-100%) !Important; border-bottom: none; } @media (max-width:959px) { #detailTitelAbs { border-radius: 20px 0 0 20px; border: 1px solid #000; border-right:0; } } #detailMoreInfoAbs { width: 50%; float: right; background: #F0F0F0; padding: 20px; border-radius: 0 0 0 20px; border: 1px solid #000; position: absolute; right:0; top:-1px; border-top:none; } @media (max-width:639px) { #detailTitelAbs, #detailMoreInfoAbs { width: calc(100% - 20px); } #detailTitelAbs h1{ font-size: 28px; } #detailTitelAbs { padding: 25px; } } div.mod-languages li { margin: 0; } div.mod-languages li a { border: 1px solid #fff; line-height: 30px; border-radius: 100%; width: 40px; padding: 4px 0; justify-content: center; border: 0 !Important; } div.mod-languages li.uk-active a,div.mod-languages li a:hover { border: 0 !Important; color: #000; } #module-116 .uk-subnav>* { padding-left:0 !important; position: relative; } .aktuellDetImgList.portrait > div { width: 50%; } .aktuellDetImgList.queer > div { width: 80%; } .aktuellDetImgList.portrait:nth-child(odd) > div { transform: translateX(-10%); } .aktuellDetImgList.portrait:nth-child(even) > div { transform: translateX(10%); } #detailTitelAbs,#detailTitelAbs h1, #detailMoreInfoAbs { color: #000; } #detailMoreInfoAbs .uk-text-meta{ color: #707070 !important; } .sliderMod .fs-grid-fieldset-3, .sliderMod .fs-grid-fieldset-4 { display: inline-block; width: auto; } .sliderMod a object { position: relative; display:inline-block; } .sliderMod .fs-grid-nested-1-container { position: absolute; bottom:0; left:0; padding: 15px; background: #707070; right: 25%; border-radius: 0 5px 0 0; clip-path: polygon(0 100%, 0 100%, 0% 100%, 0% 100%); /* transform: translate( -100%, 100%); */ transition: .2s all; line-height: 1.1; } .sliderMod .fs-grid-item-holder:hover .fs-grid-nested-1-container { clip-path: polygon(0 0, 100% 0, 100% 102%, 0% 100%); border-radius: 0 20px 0 0; /* transform: translate(0, 0); */ } @media (max-width:1200px) { .sliderMod .fs-grid-item-holder .fs-grid-nested-1-container { clip-path: polygon(0 0, 100% 0, 100% 102%, 0% 100%); border-radius: 0 20px 0 0; } .uk-navbar-toggle { min-height: 57px; } .uk-navbar-toggle svg { fill: #fff; width: 26px; } .uk-container { padding-left: 67px; } .uk-logo source,.uk-logo img,.uk-logo svg { top: 20px; left:-47px; height: 100px; } .sliderMod .fs-grid-nested-1-container { width: 75% } } .paddingRightNone > .uk-container{ padding-right:0 !Important; } .uk-navbar-container:not(.uk-navbar-transparent) { background: transparent; } .uk-sticky-fixed .uk-navbar-container:not(.uk-navbar-transparent) { background: #000; } .rsfp_thankyou_popup_inner { background: #000 !important; } .formError, .formRed { color: #cf4d4d; } joomla-alert[type=info] { background: #fff; color: #000; padding: 20px; } #footerMenu ul { column-count: 3; } @media (max-width: 639px) { #footerMenu ul { column-count: 1; } .lead, .uk-text-lead { font-size: 18px; } .display-1, .display-2, .uk-heading-large { font-size: 40px; } .btn, .uk-button { font-size: 18px; line-height: 38px; padding: 0 15px; } } body.home #modNewsletter,body.preview #modNewsletter { background: #000; } body.home #modAbout,body.preview #modAbout,body.about #modNewsletter, body.preview #modRelated, body.preview #related.sliderMod .fs-grid-nested-1-container, body.visit #modAktuell, body.visit #modAktuell .sliderMod .fs-grid-nested-1-container, #modAktuell, #modAktuell .sliderMod .fs-grid-nested-1-container { background: #333 !important; } body.about #modAktuell, body.about #modAktuell .sliderMod .fs-grid-nested-1-container, body.home #modTickets,body.about #modAktuell ,body.visit #modDemnaechst, #modTickets { background: #707070 !important; } #marq .uk-h2 { font-size: 36pt; text-transform: uppercase; } @media (max-width:639px) { #marq .uk-h2 { font-size: 24px; } } @media (max-width:400px) { html { font-size: 16px; } } #marq { padding-top: 3px; } .upperC, .sliderMod .fs-grid-fieldset-3, .sliderMod .fs-grid-fieldset-2, .sliderMod .fs-grid-fieldset-4 { text-transform: uppercase; } .sliderMod .fs-grid-meta { font-size: 14px; } .sliderMod .fs-grid-fieldset-2, body.home ul.upperC, body.preview ul.upperC, .archivTpl ul.upperC, .downTpl ul.upperC { font-size: 24px; line-height: 28px; padding-bottom: 2px; } @media (max-width:560px) { .sliderMod .fs-grid-fieldset-2 { font-size: 20px; line-height: 24px; } } #detailMoreInfoAbs .uk-text-meta { font-size: 18px; text-transform: uppercase; } .FAWimg .uk-position-bottom, .FAWimg .uk-flex-bottom, .downArea .el-meta { background: linear-gradient(0deg, rgba(0,0,0,0.5183648459383753) 0%, rgba(0,0,0,0) 100%); padding: 20px; } .FAWimg .uk-flex-bottom { top: unset; } @media (max-width: 900px) { .FAWimg .uk-position-bottom { position: relative !Important; padding:0; background: #000; } .FAWimg .uk-padding-small { padding-left:0; } } #ticker { padding-top: 22px !important; padding-bottom: 25px !important; } main a, .uk-text-lead a { text-decoration: underline; } .downPdf .el-link { border-radius: 0 !important; font-size: 20px; line-height: 34px; } .downPdf .el-link:hover { background: #fff; color: #000; } .uk-subnav li:first-child { padding-left: 0; } .dateListEvent { line-height: 20px; padding-bottom: 3px; } .tm-header .uk-navbar-nav>li>a { background: #000; } .tm-header .uk-navbar-nav>li.uk-active>a,.tm-header .uk-navbar-nav>li:not(.uk-active)>a:hover { background: #fff !important; } #teamGrid+ .uk-panel { display: flex; flex-direction: column; justify-content: center; } #teamGrid+ .el-item { aspect-ratio: 1 / 1; } .lineTB { border: 1px solid #fff; border-width: 1px 0; padding: 3px 0 5px; } body.containerMarginLeft0 #tm-main > div.uk-section > div.uk-container { margin-left: 0; } #calBody > div > div.monthly .hitElmnt { display:none; } #calBody > div > div.monthly.showMonth .hitElmnt { display: block; margin-top: 80px; } .ceracompact,.ceracompact .el-title { font-family: "ceracompact" !important; } .tileHover { cursor: pointer; } .tileHover .uk-tile-default { padding-left: 20px; padding-right: 20px; } .tileHover .dateColumn .uk-tile-default { padding-left: 5px; padding-right: 5px; } .tileHover:hover .uk-tile-default, .tileHover:hover .uk-tile-default a { background: #fff; color: #000 !important; } .tileHover .dateColumn .uk-tile-default { border-radius: 100px; } .tileHover .uk-button { line-height: normal; padding: 10px; background: #fff; border-radius: 10px; color: #000; font-size: 18px; transition: unset !Important; } .tileHover:hover .uk-button{ background: #000; } .uk-button-defaultFake { background: #fff; padding: 5px 25px; display:inline-block; color: #000; font-size: 24px; border-radius: 10px; } .tileHover:hover .uk-button a{ background: #000 !important; color: #fff !Important } .dateDayNr { font-size: 60px; line-height: 60px; } .dateDayNr span.sep { border-top: 2px solid #fff; display:inline-block; position: absolute; transform: rotate(-16deg) translateY(-5px) ; left:15px; right: 15px; } .tileHover:hover .dateDayNr span.sep { border-color: #000; } .tileHover, .tileHover .uk-h4 { line-height: 1.2 !important; } .calListImg img { border-radius: 15px; } .sepLineBot { border-bottom: 1px solid #fff; } .alternating:nth-child(odd) > div > div > div.line_avoid { order: -1; } .alternating:nth-child(even) > div > div > div.line_avoid { order: 1; /* Erster Block nach hinten */ } .alternating .line_avoid { background: #000; } .FAWdown .uk-icon[uk-icon="arrow-down"] svg > * { stroke-width: 2px; } .uk-icon[uk-icon="arrow-down"] svg line { stroke-width: 2px; stroke: currentColor; } .FAWdown .uk-icon[uk-icon="arrow-down"] svg { width: 25px; height: 25px; } .FAWdown .uk-icon[uk-icon="arrow-down"] { border: 2px solid #000; border-radius: 50px; } #module-116 { position: fixed; bottom: 20px; left: 15px; } #module-116 ul.uk-subnav { flex-direction: column; } #module-116 ul.uk-subnav a { margin: 2px 10px; width: 50px; } .easyLang { padding:0 !Important; border:0 !Important; display:none; } #module-116 .st0, #module-125 .st0 { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 3.75px; } #module-116 .st1,#module-125 .st1 { fill:#fff ;} body.hideLogo #module-116 { display:none; } #module-125 svg, #module-116 svg { width: 50px; } #module-116 .uk-active .st0, #module-116 a:hover .st0, body.leicht #module-116 .lang-easy .st0, #module-125 .uk-active .st0, #module-125 a:hover .st0, body.leicht #module-125 .lang-easy .st0 { fill: #fff; } #module-116 .uk-active .st1, #module-116 a:hover .st1, body.leicht #module-116 .lang-easy .st1, #module-125 .uk-active .st1, #module-125 a:hover .st1, body.leicht #module-125 .lang-easy .st1 { fill: #000; } .listEventGrid .el-meta, .listEventGrid .uk-text-meta { background: #fff; border-radius: 10px; color: #000; font-size: 23px; padding: 5px 30px; display: inline-block; } #subsubLay, .#subsubLay { position: relative; } #subsubLay:before, .subsubLay:before { content:""; display:block; position: absolute; left:-20px; right:-20px; top: -20px; height:1px; border-top: 1px solid #fff; } #calBody .uk-container .monthly:last-child #subsubLay:after, #calBody .uk-container .monthly:last-child .subsubLay:after, #calBody .uk-container .monthly.lastFromMonth #subsubLay:after, #calBody .uk-container .monthly.lastFromMonth .subsubLay:after{ content:""; display:block; position: absolute; left:-20px; right:-20px; bottom: -20px; height:1px; border-bottom: 1px solid #fff; } .forcePadRight .uk-subnav>* { padding-left: 0 !Important; padding-right: 20px; } .bgHideLine { position: relative; } .bgHideLine:before { position: absolute; content:""; top:-5px; bottom:-5px; left:-5px; right:-5px; background: #000; z-index:-1; } @media (min-aspect-ratio: 1/1) { #FAWimgPortrait, #animFAWver { display: none; } } @media (max-aspect-ratio: 1/1) { #FAWimgLandscape, #animFAWhor { display: none; } } .animFAW { width: 100vw; height: 100vh; } .el-lottie { width: 100vw !important; height: 100vh !important; } #fixedAnim { position: fixed !Important; z-index: 99999 !Important; top:0; left:0; background-color: #000; animation: fadeToTransparent 3s forwards; } @keyframes fadeToTransparent { 0%, 66.67% { /* 2 Sekunden schwarz bei einer Gesamtdauer von 3 Sekunden */ background-color: black; } 100% { background-color: transparent; } } #closeAnim { position: fixed; z-index: 999999 !Important; top:10px; right:10px; } #closeAnim svg { width: 40px; } .listEventGrid .uk-text-lead { text-transform: none; } .mobileEventlistPadBot { padding-bottom: 60px; } @media (max-width: 1200px) { svg.line_svg { padding-top: 0 !Important; padding-left: 2px !Important } a.uk-logo:before { top: 16px; width: 209px; } a.uk-logo:after { top: 16px; } .uk-logo source, .uk-logo img, .uk-logo svg { top: 18px; height: 80px; } }