@charset "UTF-8";
  html {
font-size: 62.5%;
}
span.excerpt-dash {
display: none !important;
}
.post-template-default .featured-image {
display: none !important;
}
.support-batch {
background-color: #fff;
padding: 20px;
margin-bottom: 40px;
}
.support-img {
max-width: 140px;
}
.slh {
line-height: 1 !important;
}
span.excerpt {
background: #000;
color: #fff;
text-decoration: none;
padding: 0 12px 6px;
font-size: 1.6rem;
}
span.separator {
margin-bottom: 0;
}
.generate-columns .inside-article {
padding: 20px !important;
}
article.type-bands {
position: relative !important;
}
.home .site.container {
margin-top: clamp(80px, 13vw, 160px) !important;
margin-bottom: clamp(60px, 10vw, 120px) !important;
}
.site.container {
margin-top: clamp(60px, 10vw, 120px) !important;
margin-bottom: clamp(60px, 10vw, 120px) !important;
}
p.time {
margin-bottom: 0;
position: absolute;
top: 0;
right: 0;
background: #000;
color: #fff;
padding: 12px 24px;
font-family: "Lilita One";
font-weight: bold;
font-size: clamp(1.6rem, 1.8vw, 2.2rem) !important;
}
@media screen and (max-width: 768px) {
p.time {
top: -35px;
}
}
.display-posts-listing + h2 {
margin-top: 25px;
}
.happyfiles-gallery + h3 {
margin-top: 35px !important;
}
div#posts-startseite {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 2em;
}
@media screen and (max-width: 768px) {
div#posts-startseite {
grid-template-columns: repeat(1, 1fr);
}
}
.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style {
background: #000;
border-radius: 0;
padding: 12px 24px;
text-transform: uppercase;
}
div#posts-startseite .listing-item {
background: #fff;
padding: 20px;
}
#posts-startseite span.title {
font-family: "Bree Serif" !important;
font-weight: 800;
text-transform: uppercase;
font-size: clamp(2rem, 3.3vw, 4rem) !important;
line-height: 1;
}
#posts-startseite div.content {
margin-top: 20px;
}
div#bands-donnerstag, div#bands-freitag, div#bands-samstag, div#bands-sonntag {
margin: 25px 0 55px;
}
div#goenner-sponsoren a {
display: block;
}
.home header h2.entry-title a {
pointer-events: none !important;
text-transform: uppercase;
}
.masonry-container .category-fotos {
display: none !important;
}
div#bands-donnerstag, div#bands-freitag, div#bands-samstag, div#bands-sonntag {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1em;
}
@media screen and (max-width: 1000px) {
div#bands-donnerstag, div#bands-freitag, div#bands-samstag, div#bands-sonntag {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 768px) {
div#bands-donnerstag, div#bands-freitag, div#bands-samstag, div#bands-sonntag {
grid-template-columns: repeat(1, 1fr);
}
}
div#bands-donnerstag .listing-item, div#bands-freitag .listing-item, div#bands-samstag .listing-item, div#bands-sonntag .listing-item {
display: flex;
flex-direction: column;
justify-content: start;
transition: all 0.7s ease;
}
div#bands-donnerstag .listing-item:hover, div#bands-freitag .listing-item:hover, div#bands-samstag .listing-item:hover, div#bands-sonntag .listing-item:hover {
transform: scale(0.95);
}
@media screen and (max-width: 768px) {
div#bands-donnerstag .listing-item:hover, div#bands-freitag .listing-item:hover, div#bands-samstag .listing-item:hover, div#bands-sonntag .listing-item:hover {
transform: none !important;
}
}
div#bands-donnerstag .listing-item.cat-donnerstag a.title, div#bands-freitag .listing-item.cat-freitag a.title, div#bands-samstag .listing-item.cat-samstag a.title, div#bands-sonntag .listing-item.cat-sonntag a.title {
background: #000;
color: #fff;
text-decoration: none;
padding: 6px 12px;
font-size: 2rem;
font-weight: 600 !important;
}
div#bands-donnerstag .listing-item.cat-donnerstag a.image, div#bands-freitag .listing-item.cat-freitag a.image, div#bands-samstag .listing-item.cat-samstag a.image, div#bands-sonntag .listing-item.cat-sonntag a.image {
line-height: 0;
}
div#bands-startseite {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: end !important;
justify-content: center;
gap: 0 2em;
}
@media screen and (max-width: 768px) {
div#bands-startseite {
justify-content: start !important;
}
}
div#bands-startseite a {
font-family: "Lilita One";
font-weight: 800;
line-height: 1.2;
text-decoration: none;
color: #fff;
text-transform: uppercase;
text-shadow: 6px 6px #000;
}
@media screen and (max-width: 768px) {
div#bands-startseite a {
text-shadow: 3px 3px #000;
}
}
div#bands-startseite .listing-item {
transition: all 0.5s ease;
}
div#bands-startseite .listing-item:hover {
transform: scale(0.98);
}
@media screen and (max-width: 768px) {
div#bands-startseite .listing-item:hover {
transform: none;
}
}
div#bands-startseite div.cat-gross a {
font-size: clamp(3.4rem, 5.8vw, 7rem) !important;
}
div#bands-startseite div.cat-mittel a {
font-size: clamp(2.4rem, 3.3vw, 4rem) !important;
}
div#bands-startseite div.cat-klein a {
font-size: clamp(2rem, 1.6vw, 2rem) !important;
}
h1.entry-title, h2, h3, h4 {
text-shadow: 2px 2px lightgrey;
}
.side {
position: relative;
}
.side-img {
position: absolute;
top: 20px;
right: -20px;
}
.tickets {
display: none;
}
@media screen and (max-width: 1000px) {
.tickets {
position: absolute !important;
top: 100px;
right: 0px;
background: #000;
padding: 8px 24px;
color: #fff;
display: block;
text-decoration: none;
font-family: "Lilita One";
font-weight: 800;
text-transform: uppercase;
}
.tickets:hover {
color: #fff !important;
}
.tickets:focus {
color: #fff !important;
}
}
.site-header {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
height: clamp(90px, 8.3vw, 100px) !important;
} li.current-menu-item a, li.menu-item a:hover, li.menu-item a:focus {
text-decoration: underline;
color: #fff !important;
}
.inside-header {
position: relative;
}
@media screen and (max-width: 1229px) {
.inside-header {
padding-left: 15px;
padding-right: 15px;
}
}
.header-datum {
position: absolute;
top: clamp(30px, 3.3vw, 25px) !important;
left: clamp(140px, 18.3vw, 260px) !important;
font-size: clamp(1.8rem, 1.8vw, 2rem) !important;
line-height: 1.2 !important;
}
.site-header .header-image {
max-width: clamp(110px, 13.7vw, 215px) !important;
padding: 10px !important;
box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.5) !important;
}
@media screen and (max-width: 940px) {
.site-header .header-image {
box-shadow: none !important;
}
}
.site-logo {
background: #fff !important;
position: relative;
top: -5px;
}
@media screen and (max-width: 1000px) {
.site-logo {
top: 30px;
}
}
@media screen and (max-width: 768px) {
.site-logo {
top: 10px;
}
}
.socialmedia-wrapper {
position: absolute;
top: 40px;
right: 0;
}
@media screen and (max-width: 1000px) {
.socialmedia-wrapper {
display: none !important;
}
}
@media screen and (max-width: 1229px) {
.socialmedia-wrapper {
top: 20%;
right: 15px;
}
}
.main-navigation {
margin-top: clamp(90px, 8.1vw, 100px) !important;
}
@media screen and (max-width: 1000px) {
.main-navigation {
margin-top: 0 !important;
}
}
.main-navigation ul li {
margin-left: 15px;
}
@media screen and (max-width: 1000px) {
.main-navigation ul li {
margin-left: 0 !important;
}
}
.main-navigation ul li a {
background: #000 !important;
}
button.menu-toggle {
background: #000 !important;
color: #fff !important;
font-size: clamp(1.8rem, 1.6vw, 2rem) !important;
line-height: 1 !important;
padding: 10px 12px !important;
}
.has-inline-mobile-toggle #site-navigation.toggled {
margin-top: 0 !important;
}
.slideout-navigation.do-overlay .inside-navigation {
padding-top: 100px !important;
}
.slideout-navigation.do-overlay .slideout-exit {
color: #fff !important;
position: fixed !important;
right: 20px !important;
top: 20px !important;
}
.slideout-navigation ul li a {
background: transparent !important;
text-shadow: 4px 4px #000;
}
.slideout-navigation ul li a:hover {
background: #000 !important;
color: #fff !important;
}
.slideout-navigation ul li.current-menu-item, .slideout-navigation ul li.current-menu-item a, .slideout-navigation ul li.current-menu-item a:hover, .slideout-navigation ul li.current-menu-item a:focus, .slideout-navigation li.menu-item a:hover, .slideout-navigation li.menu-item a:focus {
text-decoration: none !important;
}
.slideout-navigation ul li.current-menu-item a, .slideout-navigation ul li.current-menu-item a:hover, .slideout-navigation ul li.current-menu-item a:focus {
background-color: #000 !important;
}
.site-main .inside-article {
padding: 20px !important;
}
.single-bands .entry-title, .single-bands .entry-content {
padding-left: 20px !important;
padding-right: 20px !important;
}
.single-bands .entry-content {
padding-bottom: 20px !important;
}
.single-bands #band-link {
padding-left: 20px !important;
padding-right: 20px !important;
padding-bottom: 20px !important;
}
.single-bands .site-main .inside-article {
padding: 0 !important;
}
@media screen and (max-width: 1229px) {
.site.grid-container {
padding-left: 15px;
padding-right: 15px;
}
}
#gold-sponsoren {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1em;
}
#silber-sponsoren, #bronze-sponsoren, #kultur-foerderung {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1em;
}
#supporter-sponsoren {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 1em;
}
#sponsoren-sidebar #gold-sponsoren, #sponsoren-sidebar #silber-sponsoren, #sponsoren-sidebar #bronze-sponsoren, #sponsoren-sidebar #kultur-foerderung, #sponsoren-sidebar #supporter-sponsoren {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1em;
}
.sponsoren-wrapper {
margin-bottom: 45px;
}
div#sponsoren-sidebar {
background: #fff;
padding: 20px;
}
div#sponsoren-sidebar .sponsoren-wrapper {
margin-bottom: 20px;
}
@media (max-width: 768px) {
#gold-sponsoren {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1em;
}
#silber-sponsoren {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1em;
}
#bronze-sponsoren {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1em;
}
#kultur-foerderung {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1em;
}
#supporter-sponsoren {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1em;
}
}
div#fotos {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1em;
}
@media screen and (max-width: 1000px) {
div#fotos {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 768px) {
div#fotos {
grid-template-columns: repeat(1, 1fr);
}
}
div#fotos .listing-item {
display: flex;
flex-direction: column;
justify-content: start;
transition: all 0.7s ease;
}
div#fotos .listing-item:hover {
transform: scale(0.95);
}
@media screen and (max-width: 768px) {
div#fotos .listing-item:hover {
transform: none;
}
}
div#fotos .listing-item.cat-fotos a.title {
background: #000;
color: #fff;
text-decoration: none;
padding: 6px 12px;
font-size: 2rem;
}
div#fotos .listing-item.cat-fotos a.image {
line-height: 0;
}
.home .inside-article {
color: #000 !important;
}