/* cmsms stylesheet: style modified: Dienstag, 21. April 2026 15:18:53 */
/* @import must be at top of file, otherwise CSS will not work */
@import url("https://cdn.fonts.net/t/1.css?apiType=css&projectid=4d1a676d-b6d4-43ce-a932-a9582d6e9a58");
  
@font-face {
  font-family: "AdobeGaramondRegular"; font-style: normal; font-stretch: normal; font-display: swap;
  src: url('/fonts/AdobeGaramondRegular/normal_normal_subset1.woff2') format('woff2'), url('/fonts/AdobeGaramondRegular/normal_normal_subset1.woff') format('woff');
  unicode-range: U+0020-0024,U+0026-003b,U+003d,U+003f-005b,U+005d-005e,U+0060-007b,U+007d-007e,U+00a3,U+00a5,U+00a7,U+00ab,U+00b4,U+00b7,U+00bb,U+00c0-00cf,U+00d1-00d4,U+00d6,U+00d8-00dc,U+00df-00ef,U+00f1-00f4,U+00f6,U+00f8-00fc,U+00ff-0103,U+010d,U+0112-0115,U+011e-011f,U+012a-012d,U+0130-0131,U+0142,U+014c-014f,U+0152-0153,U+015e-015f,U+016a-016d,U+0178,U+0440,U+060b,U+09f3,U+0e3f,U+17db,U+1e9e,U+2010-2011,U+2013-2014,U+2018-201a,U+201c,U+201e,U+2026,U+2039-203a,U+20a1,U+20a6-20a7,U+20a9-20ae,U+20b1-20b2,U+20b4-20b5,U+20b8-20ba,U+20bd-20be,U+2191;
}
@font-face {
  font-family: "TrajanRegular"; font-style: normal; font-stretch: normal; font-display: swap;
  src: url('/fonts/TrajanRegular/normal_normal.woff2') format('woff2'), url('/fonts/TrajanRegular/normal_normal.woff') format('woff');
}




html { background-color: black; min-height:100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat}
body { color: white; font-family:"AdobeGaramondRegular"; font-size: 1.3em; line-height: 140%; margin: 0; padding: 0;  }
h1 { font-family: "TrajanRegular"; display: inline-block; margin: 0.3em 0 0 0;
line-height: 90%; font-weight: normal; font-size: 2.4em; white-space: nowrap; }

a, a:hover { text-decoration: none; color: white }
a:hover { text-decoration: none; color: white }
p { margin-bottom: 0!important; padding: 0 }


.vegas-overlay { opacity: 0.3!important }
.uk-footer { position: fixed; bottom: 0; background: rgba(0,0,0,0.5); padding: 0; margin: 0; display: block; width: 100%; color: white }
.uk-footer a { color: white }
.uk-block { padding: 0 0.5em }

.menu { font-family: "AdobeGaramondRegular"; font-size: 1.3em; font-weight: normal; margin: 0.5em 0.2em 1em 0.25em; text-transform: none; letter-spacing: 2px }
.menu ul { display: inline; padding: 0 }
.menu ul li { display: inline; padding: 0 }
.menu ul li:before { content: "·"; margin: 0 0.3em }
.menu ul li:first-child:before { content: none }
.menuactive { color: #2bac3d!important }

ul, ul li { display: inline; padding: 0 }


#player { margin: 30px auto; width: 500px; height: 400px }

@media screen and (min-width: 481px) and (max-width: 768px) {
body { font-size: 1.8em; }
.content { font-size: 0.8em; line-height: 130% }
.uk-footer { background: rgba(0,0,0,0.8) }
h1 { font-size: 1.5em; margin: 0.5em 0 0 0 }
.menu { font-size: 0.8em; margin: 0.2em 0 0.6em 0.2em }
}


@media screen and (max-width: 639px) {
.bg-musik { background: black !important }
.bg-kontakt { background-image: url(/uploads/images/background/kontakt-m.jpg) !important }
}

@media screen and (max-width: 480px) {
body { font-size: 1.3em; }
.content { font-size: 0.9em; line-height: 130% }
h1 { font-size: 1.6em; margin: 0.5em 0 0 0 }
.uk-footer { background: rgba(0,0,0,0.7) }
.menu { font-size: 0.9em; letter-spacing: 0.04em; margin: 0.2em 0 0.6em 0.2em }
.uk-block { padding: 0 0.3em }
#player { width: 90%; height: 320px }
}