/* Reset
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { text-decoration:underline;}
mark { font-family: 'Passion One', cursive; font-weight: 400; font-size:20px; 
color:rgba(160,160,160,1); letter-spacing:.7px; line-height:0; position:relative; top:0px; }
del, strike { text-decoration: line-through; }
abbr[title], dfn[title], acronym { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:24px 0; padding:0; }
input, select { vertical-align:middle; }
/*
*/

html { scroll-behavior: smooth; 
overflow-x: hidden; 
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
width:100%;
height:100%;
}
*:focus { outline: none; }

h2,p,ul,table,figure {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}

/* Typo
*/
body { width:100%; height: 100%;
font-smooth: always;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
ms-word-wrap: break-word; 
word-wrap: break-word;
}
/*
-webkit-font-smoothing: subpixel-antialiased;
overflow-x: hidden;
*/
body { 
font-family: 'Oxygen', sans-serif; 
line-height: 1.5; font-weight: 400;
font-size:16px; 
background-color: rgba(15,15,15,1);
background-repeat:  no-repeat;
background-size:cover; 
background-position: top center;
background-attachment: fixed;
}
/*
background-image:url(../background-170331.jpg);
background-image:url(../background-170409.jpg);
*/

@media (max-width:980px) {
body {
background-attachment:scroll;
background-repeat:repeat;
}
}
pre, code, kbd, samp { font-family: monospace, sans-serif; }
body, select, input, textarea { 
color: #575757; 
color:rgba(160,160,160,1);
font-family: 'Oxygen', sans-serif; 
}
input, textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

h1,h2,h3,h4,h5,h6 { font-family: 'Oxygen', sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; color:rgba(200,200,200,1); margin-bottom:12px; }
h1 { font-size:30px; }
h2 { font-size:26px; line-height:1.2; text-transform:uppercase; }
h2 mark { font-size:38px; color:rgba(200,200,200,1); text-transform:uppercase; }
h2.show-title { font-size:26px; line-height:1.1; font-family: 'Passion One', cursive; font-weight: 400; text-transform:uppercase; }
h2.show-title.small { font-size:22px; line-height:1; font-family: 'Passion One', cursive; font-weight: 400; text-transform:uppercase; }
h2.musiker { font-family: 'Passion One', cursive; font-weight: 400; text-transform:none; }
h3 { font-size:20px; } 
h3 mark { font-size:20px; } 
h4 { font-size:18px; } 
h4 mark { text-transform:uppercase; }
h4.musiker { font-family: 'Passion One', cursive; font-weight: 400; color:rgba(160,160,160,1); font-size:22px; line-height:1.1;} 
h5 { font-size:16px; } 
h6 { font-size:14px; } 
h5 { font-size:150%; color:red; } 
h6 { font-size:125%; } 

@media (max-width:980px) {
h2 { font-size:20px; line-height: 1.2; }
h2 mark { font-size:36px; color:rgba(200,200,200,1); text-transform:uppercase; }
h4 { font-size:16px; }
h4.musiker { font-size:18px; } 
}

a { 
color:#444; 
text-decoration:none; 
}
a.is-search-link { 
border-bottom:2px solid rgba(237,237,237,1);
}
a.is-search-link:hover { 
border-bottom:2px solid rgba(197,197,197,1);
}
.has-border {
border:1px solid rgba(255,140,0,1);
border:1px solid red;
padding:6px;
border-radius:3px;
width:95%;
}
.has-background {
background:rgba(245,245,245,1);
padding:6px;
border-radius:3px;
}
.color-is-orange {
color:rgba(255,140,0,1);
}
.color-is-red {
color:red;
}
.list-marker {
position:relative;
left:-50px;
margin-bottom:-24px;
top:0;
}
.list-marker .fa-plus-square {
position:relative;
top:40px;
}

.list-marker .fa-minus-square {
position:relative;
top:6px;
}
.list-marker i {
color:red;
color:rgba(51,51,102,1);
color:rgba(255,140,0,1);
color:rgba(197,197,197,1);
color:rgba(188,188,188,1);
}

a:hover, a:active { outline: none; }
a:hover, a:active,a:focus { text-decoration:none; outline: none; }
p { margin-bottom:12px; }

p.musiker { 
*background-color:rgba(227,0,24,0.75); /* HKS-13*/
position:relative; top:-0.15rem; margin:2rem 0; vertical-align: middle; }

p.musiker.hasbg { 
background-color:rgba(227,0,24,0.75); /* HKS-13 */
background-color:rgba(255,189,89,0.8); /* 2025 */
background-color: rgba(244,145,2,1); /* 2025 */
}

@media (max-width:580px) { 

p.musiker { font-size:90% !important; max-width:70%; max-width:100%; padding:0.25rem 0.5rem !important; }
p.musiker mark { font-size:115% !important; }

}

@media (max-width:980px) {

.show-info p:nth-of-type(1) { 
max-width:calc(100% - 6rem); 
max-width:calc(100% - 3rem); 
}

}

.show-info p.musiker { margin:28px 0 36px 0; }

a .musiker,
a .musiker mark { 
font-weight: 700;
color:rgba(254,254,254,1); /* 2025 */
background-color:transparent; 
display:inline-block; padding:0 4px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-decoration-break: clone; -webkit-box-decoration-break: clone;
}

a.musiker-href,
a.musiker-href mark {
color:rgba(254,254,254,1); /* 2025 */
background-color: rgba(244,145,2,1); /* 2025 */
display:inline-block; padding:0 4px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-decoration-break: clone; -webkit-box-decoration-break: clone; margin-right:4px;
}

a.musiker-href:nth-child(1) { margin-top:28px; margin-bottom:6px; }

img { max-width:100%; }
em { 
font-style: italic; 
font-style: normal; 
color:rgba(160,160,160,1); 
background-color:rgba(255,0,0,.4); 
display: inline;
padding:0px 6px;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
}
em.sp {
background:rgba(237,237,237,1);
background-color:rgba(255,0,0,0.6);
background-color:rgba(0,0,0,0.6);
font-style: normal;
display:inline;
color:#575757;
color: #fff;
position: relative;
left:6px;
}
small,.small { font-size: 85%; }
strong { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { }
hr { background-color: #EDEDED; border: 0; clear: both; height: 1px; margin:18px 0; }
iframe, embed, video, audio { max-width:100%; }

dl { padding-top:20px; padding-bottom:20px; }
dt { float: left; clear: left; width: 130px; text-align: right; font-weight: bold; }
dt:after { content: ":"; }
dd { margin: 0 0 0 150px; padding: 0 0 0.5em 0; }

ul, ol { }
ol { }
ol, ul.square, ul.circle, ul.disc, ul { margin-left: 20px; }
ul { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul { padding:0 0 20px 0px; }
li { }
ul.large li { line-height: 21px; }
nav ul, nav li { margin: 0; }

ul.is-search {
list-style: none;
margin-left:0px; 
max-width:560px;
margin:0 auto;
}
ul.is-search li {
display:inline-block;
position:relative;
margin-right:10px;
}

ul.is-search-list {
list-style: none;
margin-left:0px; 
max-width:640px;
margin:0 auto;
}
ul.is-search-list li {
display:block;
position:relative;
margin-right:10px;
line-height: 2;
}
ul.is-search-list li .isactive { 
border-bottom:2px solid rgba(197,197,197,1);
}
hr.item-trenner {
position:relative;
top:-6px;
}

/*
*/

.mb2 { margin-bottom:2rem !important; }
.mb4 { margin-bottom:4rem !important; }

.mt-5 { margin-top:-5rem !important; }
.pb5 { padding-bottom:5rem !important; }

.navspacer { height:4rem;
}

/*
*/

.wrapper {
clear:both;
width:100%;
background-color:rgba(10,10,10,.75);
padding-bottom:40px;
padding-bottom:0px;
}
@media (max-width:980px) {
.wrapper {
margin-top:-20px;
padding-top:0px;
}
.jumpto {
padding-top:10px;
margin-top:-10px;
}
}
@media (min-width:981px) {
.wrapper {
position:relative;
margin-top:0px;
padding-top:80px;
}
.jumpto {
padding-top:90px;
margin-top:-90px;
}
}
.item-box {
max-width:100%;
max-width:880px;
max-width:960px;
margin:0 auto;
margin-top:20px;
padding-top:60px;
padding-top:4rem;
padding-bottom:60px;
padding-bottom:4rem;
border-bottom:10px solid rgba(244,145,2,1); /* 2025 */

}
.border-bottom-none {
border-bottom:none !important;
padding-bottom:0 !important;
}
.border-bottom {
padding-bottom:60px !important;
border-bottom:10px solid rgba(244,145,2,1); /* 2025 */
}
.item-box-logos {
width:100%; 
position: relative;
left:4px;
margin:0 0 -60px 0;
}
@media (max-width:980px) {
.item-box {
width:100%;
max-width:100%;
margin:0 auto;
margin-top:0px;
margin-bottom:0px;
padding-bottom:60px;
border-bottom:10px solid rgba(244,145,2,1); /* 2025 */
}
@media (max-width:480px) {
.item-box {
padding-bottom:0px;
}
}
.item-box-logos {
width:100%; 
margin:-40px 0 -40px 0;
}
}
@media (max-width:680px) {
.item-box-logos {
width:100%;
position: relative;
left:1px;
margin:-100px 0 -80px 0;
}
}
.item-box-pages {
clear:both;
max-width:100%;
max-width:950px;
margin:0 auto;
display:block;
border-bottom:2px solid rgba(197,197,197,1);
margin-bottom:40px;
padding-bottom:20px;
min-height:480px;
}
.item-image-box-plakat,
.item-content-box-plakat {
display:inline-block;
}
.item-image-box-plakat img:hover  {
position:relative;
top:0px;
-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-ms-transform:scale(1.1);
-o-transform:scale(1.1); 
transform:scale(1.1);
z-index:1;
transition:all 0.4s ease;
}
.item-image-box-plakat .something {
text-align: center;
}
@media (max-width:980px) {
.item-image-box-plakat,
.item-content-box-plakat {
display:block;
}
.item-image-box-plakat {
position:relative;
vertical-align: top;
max-width:calc(100% - 25px);
max-width:-moz-calc(100% - 25px);
text-align: center;
}
.item-image-box-plakat .something {
max-width:calc(45% - 40px);
max-width:-moz-calc(45% - 40px);
margin:0 auto;
text-align: center;
}
.item-image-box-plakat img {
max-width:149px;
max-width:249px;
margin-right:4px;
}
.item-image-box-plakat:hover  {
}
}
/*
position:relative;
top:0px;
-webkit-transform:scale(1); 
-moz-transform:scale(1); 
-ms-transform:scale(1);
-o-transform:scale(1); 
transform:scale(1);
z-index:99;
*/
@media (max-width:580px) {
.item-image-box-plakat .something {
max-width:calc(90% - 20px);
max-width:-moz-calc(90% - 20px);
margin:0 auto;
text-align: center;
}
}
@media (min-width:981px) {
.item-image-box-plakat {
max-width:180px;
max-width:280px;
position:relative;
vertical-align: top;
}
}
.item-image-box-plakat.no-image {
width:180px;
position:relative;
vertical-align: top;
}
.item-image-box-plakat img {
border:1px solid #e1e1e1;
border:1px solid rgba(59,59,59,1);
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.item-content-box-plakat {
max-width:490px;
max-width:510px;
max-width:500px;
max-width:640px;
position: relative;
left:20px;
}
@media (max-width:980px) {
.item-image-box-plakat {
width:100%;
margin:0 auto;
position: relative;
left:0px;
padding:0 10px;
}
.item-image-box-plakat img {
width:45% !important;
width:80% !important;
margin:0 4px;
*vertical-align: middle;
}
.item-content-box-plakat {
width:100%;
margin:0 auto;
position: relative;
left:0px;
margin-top:20px;
width:calc(100% - 20px);
width:-moz-calc(100% - 20px);
}
.item-content-box-plakat p {
font-size: 14px;
font-size:1rem; 
}
}
.item-image-box-title {
margin:0 auto;
max-width:690px;
max-width:720px;
border:1px solid rgba(59,59,59,1);
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.item-image-box-poster {
position:relative;
display:inline-block;
max-width:560px;
max-width:640px;
/*
left:calc(50% - 280px);
left:-moz-calc(50% - 280px);
left:calc(50% - 321px);
left:-moz-calc(50% - 321px);
*/
}
.item-content-box {
max-width:140px;
max-width:560px;
max-width:640px;
max-width:840px;
position:relative;
margin: 0 auto;
margin-top:20px;
}
.item-content-box-poster,
.item-content-box-poster-list {
max-width:140px;
max-width:560px;
max-width:640px;
position:relative;
left:calc(50% - 322px);
left:-moz-calc(50% - 322px);
margin-top:20px;
text-align: left;
}
.item-content-box-poster-list h2,
.item-content-box-poster-list h4 {
color:rgba(160,160,160,1) !important;
}
.item-image-box-poster img,
.item-image-box-poster-list img {
border:1px solid #e1e1e1;
border:1px solid rgba(59,59,59,1);
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
max-width:560px;
max-width:640px;
display:inline-block;
}
@media (max-width:980px) {
.item-image-box-poster,
.item-image-box-poster-list {
position:relative;
display:inline-block;
max-width:640px;
margin-bottom:20px;
/*
left:calc(50% - 440px);
left:-moz-calc(50% - 440px);
*/
margin:0 auto;
}
.item-image-box-poster img,
.item-image-box-poster-list img {
max-width:320px;
max-width:640px;
max-width:100%;
}
.item-content-box,
.item-content-box-poster,
.item-content-box-poster-list {
position: relative;
width:100%;
max-width:100%;
max-width:640px;
margin:0 auto;
left:0px;
*left:-20px;
margin-top:20px;
width:calc(100% - 20px);
width:-moz-calc(100% - 20px);
margin:0 auto;
}
}
@media (max-width:680px) {
.item-image-box-poster,
.item-image-box-poster-list {
display:inline-block;
position:relative;
max-width:320px;
*left:calc(50% - 160px);
*left:-moz-calc(50% - 160px);
margin:0 auto;
}
.item-image-box-poster img,
.item-image-box-poster-list img {
display:inline-block;
position:relative;
max-width:100%;
text-align: center;
}
.item-content-box-poster,
.item-content-box-poster-list {
position: relative;
width:100%;
max-width:100%;
margin:0 auto;
margin-top:20px;
left:0px;
*left:-20px;
width:calc(100% - 20px);
width:-moz-calc(100% - 20px);
}
}
@media (min-width:0px) {
.item-box.stretch {
border-bottom:none;
}
.item-box.stretch section {
padding:20px 0;
}
.item-box.sponsoren {
border-bottom:none;
}
.item-box.sponsoren section {
*padding:120px 0;
}
}

/* Karten
*/

.karten button { cursor:pointer; position:relative;display:inline; 
color:rgba(254,254,254,1); /* 2025 */
background-color: rgba(244,145,2,1); /* 2025 */
border-radius:3px; border:1px solid transparent;
}

.karten button:hover { 
color:rgba(254,254,254,1); /* 2025 */
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}

.karten button mark { position:relative; 
color:rgba(210,210,210,0.7);
color:rgba(10,10,10,0.9); 
font-size:200%; line-height:3rem; 
}

.karten button:hover mark { 
color:rgba(254,254,254,1); /* 2025 */
}

div.programm { z-index:1; position:absolute;display:block; right:0; padding:0; margin:0; }
div.programm a { position:relative;display:inline-block; padding:0; margin:0; }

div.programm .karten button mark {  }

@media (max-width:640px) {
.karten button { *line-height:2.5rem; }
.toleft .karten button { right:-1.5rem !important }
.karten button mark { font-size:150%; }
div.programm .karten button mark { position:relative;top:0.1rem; 
line-height:2.25rem; 
line-height:1.75rem;
}
}

/*
*/

figure.display--block {
display:inline-block;
margin-top:8px;height:32px;
font-size:80%;
line-height:1.2;
position:relative;
left:0px;
color:rgba(160,160,160,1);
}
.item-box.grid {
position:relative;
margin:0 auto;
left:0px;
width:100%;
max-width:880px;
max-width:960px;
margin:0 auto;
*overflow-x: hidden;
*background:orange;
text-align: center;
}
@media (max-width:920px) {
.item-box.grid {
width:100%;
width:calc(100% - 40px);
width:-moz-calc(100% - 40px);
padding-bottom:3rem;
}
}
.grid-item:before,
.grid-item:after {
content: '';
display:block;
display:inline-block;
clear: both;
}
.grid-item { 
margin:0;
padding:0;
width:20%; 
width:100%; 
max-width: 100% !important;
}
.grid-item .bgimg25 {
/*
height:230px;
height:200px;
*/
height:228px;
height:171px;
background-size:cover; 
background-position:50% 50%;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
z-index:99;
}
/* chrome has a bug with hover and transform, use display:inline-block; */
.bgimg25:hover  {
position:relative;
top:15px;
-webkit-transform:scale(1.2); 
-moz-transform:scale(1.2); 
-ms-transform:scale(1.2);
-o-transform:scale(1.2); 
transform:scale(1.2);
transition:all 0.4s ease;
z-index:99;
}
.grid-item .bgimg55 {
/*
height:230px;
height:200px;
height:228px;
*/
height:360px;
*height:699px;
background-size:cover; 
background-position:50% 50%;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
z-index:99;
}
.bgimg55:hover  {
position:relative;
top:15px;
-webkit-transform:scale(1.2); 
-moz-transform:scale(1.2); 
-ms-transform:scale(1.2);
-o-transform:scale(1.2); 
transform:scale(1.2);
transition:all 0.4s ease;
z-index:99;
}
.grid-item .bgimg75 {
/*
height:230px;
height:200px;
*/
height:228px;
height:342px;
height:699px;
background-size:cover; 
background-position:50% 50%;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
z-index:99;
}
.bgimg75:hover  {
position:relative;
top:15px;
-webkit-transform:scale(1.2); 
-moz-transform:scale(1.2); 
-ms-transform:scale(1.2);
-o-transform:scale(1.2); 
transform:scale(1.2);
transition:all 0.4s ease;
z-index:99;
}
.grid-item.w20 {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
/*
width:19.5%;
width:16%;
*/
width:160px;
width:120px;
display:inline-block;
vertical-align: top;
margin:0 2px;
}

@media (max-width:980px) {
.grid-item .bgimg25 {
/*
height:160px;
height:200px;
height:160px;
height:171px;
*/
}
.grid-item.w20 {
/*
width:19.4%;
width:15.4%;
width:120px;
*/
}
}
@media (max-width:640px) {
.grid-item.w20 {
/*
width:19.1%;
width:32.5%;
*/
}
}
@media (max-width:360px) {
.grid-item.w20 {
/*
width:18.7%;
width:32.5%;
*/
}
}
.grid-item.w43 {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
/*
width:35%;
width:33%;
*/
width:240px;
display:inline-block;
vertical-align: top;
margin:0 2px;
}
.grid-item.w55 {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
/*
width:35%;
width:33%;
*/
width:360px;
display:inline-block;
vertical-align: top;
margin:0 2px;
}
@media (max-width:360px) {
.grid-item.w43 {
/*
width:48.5%;
*/
}
}

.grid-item.w20,
.grid-item.w43 { 
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
-moz-user-select: none; -ms-user-select: none; user-select: none; 
}
.grid-item.w20 figure,
.grid-item.w43 figure {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
hyphens: none;
}

.item-box.grid .text-box { 
font-size:18px; 
font-size:17px; 
margin:0; padding:10px 0;
padding:10px 10%; padding:10px 5%; max-width:80%; max-width:90%; 
}
@media (max-width:640px) {
.item-box.grid .text-box { font-size:16px; font-size:15px !important; margin:0; padding:10px 0;
padding:10px 10%; padding:10px 0%; max-width:80%; max-width:100%; 
}
.item-box.grid .text-box mark { font-family: 'Passion One', cursive; font-weight: 400; font-size:16px; color:rgba(160,160,160,1); letter-spacing:.7px; line-height:0; position:relative; top:0px; 
}
}

.align-center { text-align:center; }

.item-box.grid ul.ul-box { 
margin:0 auto;
*padding:10px 5%;
max-width:80%; 
max-width:48rem; 
*background:rgba(185,6,6,0.9);
*color:rgba(10,10,10,1);
border-radius:3px;
font-size:110%;
text-align: left;
}
.item-box.grid ul.ul-box li:nth-child(1) { 
*padding-top:1.52rem;
}

.item-box.grid ul.ul-box li:nth-last-child(1) { 
*padding-bottom:1.5rem;
}

/*
*/
.item-image-right {
width:180px;
height:200px;
position:relative;
margin-top:8px;
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
display: inline-block;
float:right;
border:1px solid rgba(59,59,59,1);
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
background-position: center;
background-size: cover
}
/*
*/
.title-infos {
font-weight:700;
font-size:95%;
margin:6px 0 30px 6px;
line-height: 1.4;
}
/*
*/
.menue-box {
width:100%;
max-width:960px;
max-width:100%;
margin:0 auto;
line-height:40px;
line-height:38px;
border-bottom:2px solid rgba(244,145,2,1); /* 2025 */
margin-top:0px;
padding-top:18px;
padding-top:22px;
margin-bottom:0px;
background:rgba(20,20,20,1);
display:inline-block;
position: fixed;
z-index:9999;
text-align: center;
}
@media (max-width:980px) {
.menue-box {
position:relative;
}
}
.pages_select {
display: inline-block;
margin-left:10px;
}
@media (max-width:1080px) {
.pages_select {
position:relative;
margin:0 auto;
}
}
@media (min-width:1120px) {
.pages_select {
position:relative;
margin:0 auto;
margin-left:10px;
left:calc(0% - 150px);
left:-moz-calc(0% - 150px);
left:calc(0% - 0px);
left:-moz-calc(0% - 0px);
}
}

img.stufi-logo { margin:0;padding:0;position:relative;
width:100px;top:-13px;display:inline-block;
margin-bottom:-30px;
}
@media (max-width:520px) {
.pages_select {
position:relative;
width:100%;
text-align: center;
left:-10px;
}
}
.menue-box ul {
margin-left:0;
display:inline-block;
}
.menue-box li {
list-style: none;
display:inline-block;
position:relative;
}
@media (max-width:1080px) {
.menue-box ul {
text-align: center;
display:block;
}
}
.menue-box ul.pages {
position:relative;
display: inline-block;
margin-bottom:-10px;
}
.menue-box ul.select {
position:relative;
margin-left:0;
display: inline-block;
*margin-left:20px;
}
.menue-box li.item-select a {
display:inline-block;
}
@media (max-width:520px) {
.menue-box li.item-select a:nth-child(5) {
margin-top:10px;
}
.menue-box ul.select {
margin-left:20px;
}
}
.menue-box ul.info {
position:relative;
margin-left:20px;
}
@media (max-width:1080px) {
.menue-box .item-pages {
display:block;
font-size:80%;
}
.menue-box li.item-select a {
display:inline-block;
font-size:80%;
}
.menue-box .item-select {
display:block;
}
.menue-box .item-info {
display:block;
width:100%;
position:relative;
top:-10px;
}
}
@media (max-width:980px) {
.menue-box .info {
position:relative;
margin:0 auto;
margin-left:10px;
width:100%;
text-align: center;
display:inline-block;
}
}
@media (min-width:1430px) {
.menue-box .info {
position:relative;
}
}
.menue-box a {
position:relative;
margin:0;
padding:12px 12px;
margin-right:4px;
border:1px solid rgba(197,197,197,.2);
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.menue-box .item-nav {
display:inline-block;
}
.menue-box .item-nav a {
position:relative;
top:0px;
padding:12px 12px;
border:1px solid transparent;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.menue-box .item-nav.right {
position:relative;
margin-left:8px;
}
.menue-box .item-title { }
@media (max-width:480px) {
.menue-box .item-title { 
}
}
@media (max-width:1080px) {
.menue-box .item-nav.left {
position:relative;
float:left;
margin-left:-20px;
width:50px !important;
}
.menue-box .item-title { 
}
.menue-box .item-nav.right {
position:relative;
float:right;
margin-left:-2px;
right:15px;
width:55px !important;
}
}
.menue-box .item-title a { }
.menue-box .item-nav a i {
position:relative;
top:6px;
}
.menue-box .item-pages a {
position:relative;
padding:12px 12px;
padding:12px 6px;
color:rgba(244,145,2,1); /* 2025 */
border:1px solid rgba(244,145,2,1); /* 2025 */
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.menue-box .item-pages a:nth-child(2) {
border:1px solid transparent;
background:transparent;
}
.menue-box .item-select a {
position:relative;
padding:2px 12px;
padding:2px 6px;
color:rgba(244,145,2,1); /* 2025 */
border:1px solid rgba(244,145,2,1); /* 2025 */

border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
@media (max-width:520px) {
.menue-box li.item-select a { }
}
.menue-box .item-info { }
.menue-box .item-info a {
position:relative;
padding:12px 0px;
color:rgba(69,69,69,1);
border:1px solid transparent;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.menue-box .item-info a:hover {
background:rgba(237,237,237,1);
}
.menue-box .item-pages a:hover {
position:relative;
padding:12px 12px;
padding:12px 6px;
color:rgba(254,254,254,1); /* 2025 */
background-color: rgba(244,145,2,1); /* 2025 */
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.menue-box .item-select a:hover {
position:relative;
padding:2px 12px;
padding:2px 6px;
color:rgba(254,254,254,1); /* 2025 */
background-color: rgba(244,145,2,1); /* 2025 */
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.menue-box .item-pages a:hover:nth-child(2) {
background:none;
}
.menue-box .item-title a:hover { }
.menue-box .item-select .active {
background-color:rgba(244,145,2,1); /* 2025 */
color:rgba(254,254,254,1); /* 2025 */
border:1px solid rgba(244,145,2,1); /* 2025 */

font-weight: 700;
font-weight:400;
}
.menue-box .item-select .active:hover {
background:rgba(197,197,197,1);
background-color:rgba(255,0,0,1);
background-color:rgba(46,139,87,1);
background-color:rgba(0,164,127,1); /* HKS-53 */
background-color:rgba(0,206,157,1); /* HKS-53 */
background-color:rgba(0,184,228,0.8); /* 2023 hellblau */
background-color:rgba(227,0,24,0.8); /* HKS-13 */
background-color:rgba(255,145,77,1); /* 2025 */
font-weight:400;
}
.menue-box .item-pages .active {
padding:12px 6px;
color:rgba(255,255,255,1);
color:rgba(10,10,10,1);
background:rgba(255,0,0,1);
background-color:rgba(46,139,87,1);
background-color:rgba(0,164,127,1); /* HKS-53 */
background-color:rgba(0,206,157,1); /* HKS-53 */
background-color:rgba(0,184,228,0.8); /* 2023 hellblau */
background-color:rgba(227,0,24,0.8); /* HKS-13 */
background-color:rgba(255,145,77,1); /* 2025 */
font-weight:700;
font-weight:400;
}
.menue-box .item-pages .active:hover {
padding:12px 6px;
background:rgba(197,197,197,1);
background:rgba(255,0,0,1);
background-color:rgba(46,139,87,0.7);
background-color:rgba(0,164,127,1); /* HKS-53 */
background-color:rgba(0,206,157,1); /* HKS-53 */
background-color:rgba(0,184,228,0.8); /* 2023 hellblau */
background-color:rgba(227,0,24,0.8); /* HKS-13 */
background-color:rgba(255,145,77,1); /* 2025 */
color:rgba(10,10,10,1);
font-weight:700;
font-weight:400;
}

.menue-box {
-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; 
}

/*
*/

.nav-box {
width:100%;
max-width:100%;
margin:0 auto;
margin-top:0px;
padding-top:18px;
margin-bottom:0px;
background-color:rgba(10,10,10,.75);
display:inline-block;
z-index:999;
text-align: center;
color:rgba(161,8,8,1);
}
.nav-box ul {
margin-left:0;
display:inline-block;
width:100%;
}
.nav-box li {
list-style: none;
display:inline-block;
position:relative;
width:30%;
}
.nav-box li:nth-child(1) {
text-align: left;
}
.nav-box li:nth-child(2) {
text-align: right;
}
@media (max-width:1080px) {
.nav-box ul {
display:block;
width:100%;
}
.nav-box li {
width:100%;
}
}
.nav-box .item-nav {
display:inline-block;
}
.nav-box .item-nav a {
position:relative;
top:0px;
padding:12px 12px;
border:1px solid transparent;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
color: rgba(244,145,2,1); /* 2025 */
}
.nav-box .item-nav a span {
font-weight: 700;
font-weight: 400;
font-size: 110%;
position:relative;
top:-5px;
padding:0 8px;
}

/*
*/

.menue-box.colophon {
max-width:860px;
}
@media (max-width:680px) {
.menue-box.colophon {
width:100%;
}
}
/*
*/
.item-box.accordion17 {
max-width:100%;
max-width:960px;
border-bottom:10px solid red;
margin-bottom:40px;
padding-bottom:20px;
min-height:280px;
}
/*
*/
.timetable-box {
}
.st-content .timetable-box {
position:relative;
display:block;
margin:20px 0;
width:100%;
}
.timetable-box ul {
position:relative;
display:block;
margin-left:0px;
}
@media (max-width:680px) {
.timetable-box ul {
left:0px;
}
}
.timetable-box li {
list-style: none;
position:relative;
font-size:90%;
display:inline-block;
border-right:1px solid red;
line-height:24px;
text-align:center;
margin-left:-1.5px;
margin-right:-2px;
padding:2px 1px;
}
.timetable-box.li7 li {
width:13.5% !important;
}
.timetable-box li:nth-child(7) {
border-right:none;
}
.timetable-box.li8 {
position:relative;
margin-right:-20px;
}
.timetable-box.li8 li {
position:relative;
width:12% !important;
font-size:13px;
vertical-align: top;
}
.st-content .timetable-box.li8 li {
position:relative;
width:10.5% !important;
font-size:13px;
z-index:10;
}
.timetable-box.li8 ul a {
position:relative;
top:0px;
z-index:10;
}
.timetable-box.li9 li {
width:12% !important;
font-size:12px;
vertical-align: top;
}
.timetable-box.li9 li:nth-child(1),
.timetable-box.li9 li:nth-child(8),
.timetable-box.li9 li:nth-child(9) {
border-right:none;
}
.timetable-box.li9 li:nth-child(7) {
border-right:1px solid red;
}
.timetable-box.li9 li:nth-child(1),
.timetable-box.li9 li:nth-child(9) {
width:5% !important;
}
.timetable-box.li9 ul a {
position:relative;
top:4px;
font-size:22px;
border:1px solid transparent;
padding:8px 4px;
color:rgba(197,197,197,1);
}
.timetable-box.li9 ul a:hover {
background:none;
border:1px solid transparent;
}
.timetable-box li.active {
position:relative;
background:rgba(237,237,237,1);
}
.st-content .timetable-box li.active {
position:relative;
background:rgba(237,237,237,1);
display:inline-block;
z-index:1;
margin:0;
padding:0;
}
.timetable-box li p {
border-top:1px solid red;
position:relative;
margin-bottom:0px;
}
.st-content .timetable-box li p {
}
.timetable-box ul a {
position:relative;
display:inline-block;
top:-10px;
padding:14px 4px;
border:1px solid rgba(197,197,197,1);
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.timetable-box ul a:hover {
background:rgba(237,237,237,1);
border:1px solid rgba(197,197,197,1);
}
.jumptoparent.active {
background:rgba(237,237,237,1);
}
@media (max-width:980px) {
.st-content .timetable-box.li8 li {
width:10% !important;
font-size:80%;
}
}
@media (max-width:480px) {
.timetable-box li {
font-size:75% !important;
display:inline-block;
line-height:1.5;
margin-bottom:6px;
}
.timetable-box.li7 li {
width:13% !important;
}
.timetable-box.li8 ul {
margin-left:-5px;
}
.timetable-box.li8 li {
width:11.5% !important;
word-break: keep-all;
}
.st-content .timetable-box.li8 li {
width:12% !important;
font-size:60% !important;
}
.timetable-box.li8 ul a {
font-size:70% !important;
}
.sub-accordion .timetable-box {
display:block;
margin-left:-5px;
}
.sub-accordion .timetable-box.li8 li {
width:11.2% !important;
position:relative;
left:0px;
vertical-align: top;
}
.sub-accordion .timetable-box.li8 ul a {
position:relative;
font-size:80%;
padding:12px 2px;
}
.timetable-box.li9 ul {
position: relative;
margin-left:5px;
width:100%;
}
.timetable-box.li9 ul a {
position: relative;
top:10px;
left:-20px;
padding:8px 20px;
z-index: 99;
}
.timetable-box.li9 li {
width:11% !important;
font-size:12px;
}
.timetable-box.li9 li:nth-child(1) {
}
.timetable-box li {
font-size:80%;
display:inline-block;
line-height:1.5;
margin-bottom:6px;
}
.timetable-box li p {
position:relative;
line-height:2;
}
.timetable-box ul a {
padding:12px 2px;
}
}
@media (max-width:680px) {
.timetable-box li p {
padding:0 0px;
}
}
/*
*/
.table-box table { 
width:100%; 
max-width:560px; 
text-align: center; 
font-size:14px;
position:relative;
left:0px;
margin-bottom:20px;
}
@media (max-width:680px) {
.table-box table { 
}
}
.table-box table {
border-collapse: separate;
}
.table-box td {
border-right:1px solid red;
border-right:1px solid rgba(46,139,87,1);
border-right:1px solid rgba(0,164,127,1); /* HKS-53 */
border-right:1px solid rgba(0,206,157,1); /* HKS-53 */
border-right:1px solid rgba(0,184,228,0.8); /* 2023 hellblau */
border-right:1px solid rgba(227,0,24,0.8); /* HKS-13 */
border-right:1px solid rgba(255,189,89,0.8); /* 2025 */
padding:1px 0;
padding:0;
line-height:1.6;
}
.table-box td:nth-child(1),
.table-box td:nth-child(8),
.table-box td:nth-child(9) {
border-right:1px solid transparent;
}
.table-box td:nth-child(1),
.table-box td:nth-child(9) {
width:10px;
}
.table-box.tds7 td:nth-child(1),
.table-box.tds8 td:nth-child(1) {
width:0px;
}
.table-box.tds8 td a {
color:rgba(0,184,228,0.8); /* 2023 hellblau */
color:rgba(227,0,24,0.8); /* HKS-13*/
color:rgba(160,160,160,1);
}

.table-box.tds8 td:nth-child(9) {
width:30px;
}
.table-box .active {
position:relative;
background:rgba(237,237,237,.3);
background-color:rgba(60,60,60,1);
border-radius:3px;
margin:0 0px;
}
.table-box td p {
position:relative;
top:2px;
border-top:1px solid transparent;
margin:0 2px;
padding:2px 0;
}
.table-box td p:nth-child(2) {

border-top:1px solid red;
border-top:1px solid rgba(46,139,87,1);
border-top:1px solid rgba(0,164,127,1); /* HKS-53 */
border-top:1px solid rgba(0,206,157,1); /* HKS-53 */
border-top:1px solid rgba(0,184,228,0.8); /* 2023 hellblau */
border-top:1px solid rgba(227,0,24,0.8); /* HKS-13*/
border-top:1px solid rgba(255,189,89,0.8); /* 2025 */
padding-bottom:12px;
}
@media (max-width:680px) {
.table-box td p {
font-size:10px;
}
}

.table-box a {
position:relative;
display:block;
padding:14px 0;
border:1px solid rgba(197,197,197,1);
border:1px solid rgba(227,0,24,0.8); /* HKS-13 */
border:1px solid rgba(255,189,89,0.8); /* 2025 */
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
line-height:2;
}
.table-box.tds8 a {
padding:14px 4px;
}
@media (max-width:440px) {
.table-box a {
top:18px;
}
.table-box.tds8 a {
padding:14px 2px;
}
}

.table-box td i {
font-size:24px;
position:relative;
top:0px;
font-weight: 700;
border:1px solid transparent;
color:rgba(197,197,197,1);
}
.table-box a:hover {
border:1px solid rgba(197,197,197,1);
border:1px solid rgba(227,0,24,0.8); /* HKS-13 */
border:1px solid rgba(255,189,89,0.8); /* 2025 */
}
.table-box a.chevron {
border:1px solid transparent;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.table-box a.chevron:hover {
border:1px solid transparent;
background:none;
}

/* Scroll to top 
*/
.scrollToTop { width:50px; height:45px; line-height:45px; text-align:center; background: #000; background: rgba(0, 0, 0, 0.25); color: #fff; text-decoration: none; position:fixed; z-index:9999; 
right:20px;
bottom:20px;
bottom:140px;
bottom:90px;
display:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; transition: background 0.4s; }
.scrollToTop:hover { background: rgba(0, 0, 0, 0.35); color:#fff; }

@media (max-width:980px) {
.scrollToTop { *bottom:20px; right:10px; }
}

/* Scroll to section 
*/
section {
margin:0 auto;
min-height:1px;
}
section.week {
margin:0 auto;
min-height:1px;
padding-top:30px;
margin-top:-30px;
}
@media (max-width:980px) {
section.week {
}
}
#scrollToSection {
position:fixed;
right:20px; 
bottom:80px;
bottom:20px;
z-index:9999;
}
#scrollToSection a {
display:block;
cursor:pointer;
width:50px; height:45px; line-height:45px; text-align:center; background: #000; background: rgba(0,0,0,0.25); color:#fff; text-decoration: none; 
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; transition: background 0.4s;
margin-bottom:20px;
}
#scrollToSection a:hover { 
background: rgba(0, 0, 0, 0.35); color:#fff; 
}
#scrollToSection a.up {
margin-bottom:5px;
}
#scrollToSection a.down {
margin-bottom:20px;
}
@media (max-width:980px) {
section { padding-top:8px; margin-top:-8px; }
#scrollToSection { right:10px; }
}

/*
*/
.button-box {
text-align: center;
line-height:4;
width:98%;
margin-bottom:20px;
}
.button_txt {
font-family:'Oxygen', sans-serif; font-weight:700; font-size:12px;
color:rgba(10,10,10,1); text-transform:uppercase; letter-spacing:1pt;
line-height: 1; text-align: center;
padding:10px 6px; 
margin-bottom:0px;
cursor: pointer;
border: 2px solid rgba(80,80,80,1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
a.button_txt{
font-family:'Oxygen', sans-serif; font-weight:700; font-size:12px;
color:rgba(10,10,10,1); text-transform:uppercase; letter-spacing:1pt;
line-height: 1; text-align: center;
padding:10px 6px; 
margin-bottom:0px;
cursor: pointer;
border: 2px solid rgba(80,80,80,1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.button_txt:hover {
color: #333333;
text-decoration: none;
background-color:rgba(196,196,196,1);
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}

/*
*/
.fs-fields [required] { }
.invalid input:required:invalid, 
.invalid textarea:required:invalid, 
.invalid select:required:invalid { background:red; }
.invalid input:required:valid,
.invalid textarea:required:valid, 
.invalid select:required:valid { }

.select_box {
float:left;
padding-bottom:0px;
margin:2px 0px 0px 0px;
width:100%; 
font-size:95%;
}
.input_txt { 
font-size:95%;
color: #666666; line-height:20px; border: 1px solid #e1e1e1; background: #ffffff; 
border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; 
margin:2px 0px 2px 0px;
padding:4px 0px 4px 8px; 
width: 100%;
display:inline-block;
width:92%;
}
.select_txt_datum_beginn { 
font-size:95%;
color: #666666; 
border: 1px solid #e1e1e1; background: #ffffff; 
border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; 
margin:2px 2px 2px 0px; 
padding:4px 8px 4px 4px;
width:92.5%;
}
.input_nachricht { 
font-size:95%;
line-height:20px; 
color: #666666; 
border: 1px solid #e1e1e1; background: #ffffff; 
margin:2px 0px 2px 0px;
padding:4px 0px 4px 8px; 
border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; 
width:92%;
display:inline-block;
}
.input_checkbox {
display:inline-block;
}
input[type=checkbox] { 
position:relative; left:-2px; top:-1px;
vertical-align:middle; 
width:1.6em; height:2.5em;
-ms-transform: scale(1.4);
-moz-transform: scale(1.4);
-webkit-transform: scale(1.4);
-o-transform: scale(1.4);
}

/* phplist subscribe 
*/
#content_box_scribe { }
@media (min-width:0px) and (max-width:580px) {
#content_box_scribe { }
}
@media (min-width:581px) and (max-width:690px) {
#content_box_scribe { }
}
@media (min-width:691px) and (max-width:1100px) {
#content_box_scribe {
}
}

#content_box_scribe p {clear: both; margin-top:20px;
}
#content_box_scribe p:nth-child(7) a,
#content_box_scribe p:nth-child(8) a {
font-family:'Oxygen', sans-serif; font-size:10px;
color: #333333; font-weight:700; text-transform:uppercase; 
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); line-height: 20px; text-align: center;
padding:8px 6px 8px 6px;
cursor: pointer;
background-color: #f5f5f5;
border: 1px solid #bbbbbb;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#content_box_scribe p:nth-child(7) a:hover,
#content_box_scribe p:nth-child(8) a:hover {
color: #333333;
text-decoration: none;
background-color: #e6e6e6;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
#content_box_scribe p:nth-child(7) {
margin:20px 0 20px 0;
}
#content_box_scribe p:nth-child(8) {
}
#content_box_scribe img {
display:none;
}
#content_box_scribe .required {
}
#content_box_scribe input[type=submit] {
font-family:'Oxygen', sans-serif; font-size:10px;
color: #333333; font-weight:700; text-transform:uppercase; 
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); line-height: 20px; text-align: center;
padding:6px 6px 6px 6px;
cursor: pointer;
background-color: #f5f5f5;
border: 1px solid #bbbbbb;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/*
*/
.fa-map-marker i {
color:rgba(227,0,24,0.8); /* HKS-13 */
color: rgba(244,145,2,1); /* 2025 */
}
.fa-facebook-square,
.fa-youtube-square {
color:rgba(227,0,24,0.8); /* HKS-13 */
color:rgba(255,189,89,0.8); /* 2025 */
color:rgba(244,145,2,1); /* 2025 */
}

.fa-marker {
position:relative;
display: inline-block;
font-size:4rem;
padding:1rem 1.9rem;
border-radius:50%;
color: rgba(244,145,2,1); /* 2025 */
border:2px solid rgba(244,145,2,1); /* 2025 */
}

.fa-marker-sm { 
font-size:100%;
padding:6px 10px;
border-radius:50%;
color: rgba(244,145,2,1); /* 2025 */
border:2px solid rgba(244,145,2,1); /* 2025 */
position:relative;
margin-right:8px;
}
@media (max-width:980px) {
.fa-marker-sm { 
padding:6px 9px;
}
}
.location {
margin:36px 0 20px 0;opacity:.7;
}
img.location {
max-width:60px;
}
.fa-marker:hover,
.location:hover {
-webkit-transform:scale(1.2); 
-moz-transform:scale(1.2); 
-ms-transform:scale(1.2);
-o-transform:scale(1.2); 
transform:scale(1.2);
z-index:99;
}
/*
*/
.item-content-box-table {
display:block;
position:relative;
margin:0 auto;
margin-top:-10px;
width:calc(100% - 20px);
width:-moz-calc(100% - 20px);
*max-width:100%;
*left:20px;
}
@media (max-width:980px) {
.item-content-box-table {
display:block;
position:relative;
margin:0 auto;
*left:10px;
width:calc(80% - 10px);
width:-moz-calc(80% - 10px);
width:calc(80% - 0px);
width:-moz-calc(80% - 0px);
max-width:100%;
}
}

@media (max-width:480px) {
.item-content-box-table {
display:block;
position:relative;
margin:0 auto;
*left:10px;
width:calc(100% - 20px);
width:-moz-calc(100% - 20px);
max-width:100%;
}
}
.two-cols {
display:block;
position:relative;
left:140px;
left:10.5rem;
margin-bottom:40px;
max-width:800px;
text-align:left;
cursor:default;
}
.two-cols.toleft {
position:relative;
left:4rem !important;
max-width:720px;
max-width:90%;
}
@media (min-width:0px) and (max-width:640px) {
.two-cols.toleft {
position:relative;
left:-1rem !important;
max-width:100% !important;
margin: 0 auto;
}
}
@media (min-width:641px) and (max-width:880px) {
.two-cols.toleft {
position:relative;
left:1rem !important;
max-width:90% !important;
margin: 0 auto;
}
}
@media (min-width:881px) (max-width:980px) {
.two-cols.toleft {
position:relative;
left:0rem !important;
max-width:580px !important;
}
}
.two-cols.active {
background:rgba(255,0,0,.6);
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.two-cols a {
margin-bottom:40px;
color:rgba(160,160,160,1) !important;
display:block;
}
.two-cols h2 {
color:rgba(160,160,160,1) !important;
font-size:200%;
position:relative;
left:calc(0% + 150px);
left:-moz-calc(0% + 150px);
margin-top:0px !important;
padding-bottom:20px;
}
.two-cols.item-pdf {
display:block;
position:relative;
width:max-width:100%;
margin-top:1rem;
}
@media (min-width:0px) and (max-width:640px) {
.show-info.item-pdf {
display:block;
position:relative;
left:0 !important;
width:100% !important;
margin-top:-1rem;
font-size:80% !important;
text-align: center !important;
}
}
.item-pdf.item-home {
display:block;
position:relative;
width:100%;
max-width:960px;
margin-top:20px;
text-align: center;
}
.item-pdf a {
position:relative;
color:rgba(160,160,160,1) !important;
display:inline-block;
font-size:100%;
margin:0;
padding:0;
padding:0.25rem 0.5rem;
margin-bottom: 0.5rem;
}
@media (min-width:0px) and (max-width:480px) {
.item-pdf.mainpage { 
}
}
@media (max-width:481px) {
.item-pdf a { }
.item-pdf.mainpage a { }
}
.item-pdf a:hover {
color:rgba(254,254,254,1) !important; /* 2025 */
background-color: rgba(244,145,2,1); /* 2025 */
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.item-pdf a i {
margin-right:8px;
color:rgba(244,145,2,1); /* 2025 */
font-weight: 700;
}
.item-pdf a:hover i {
color:rgba(254,254,254,1) !important; /* 2025 */
}
@media (max-width:980px) {
.two-cols {
position:relative;
left:0;
margin-bottom:40px;
}
.two-cols h2 {
left:0px;
}
.item-pdf {
display:block;
position:relative;
left:0.2rem;
margin-top:1rem;
}
.item-pdf a { }
.item-pdf.mainpage a { 
}
}
@media (max-width:480px) {
.two-cols h2 mark {
font-size:80%;
left:1rem;
}
}
.two-cols h2.date-only {
position:relative;
left:10px;
}
.two-cols .date.active,
.two-cols .date.active mark {
color:rgba(254,254,254,1); /* 2025 */
background-color: rgba(244,145,2,1); /* 2025 */
}
.two-cols a:hover .date {
color:rgba(254,254,254,1); /* 2025 */
background-color: rgba(244,145,2,1); /* 2025 */
}

.two-cols a:hover .date mark {
color:rgba(254,254,254,1); /* 2025 */
}

.two-cols .date {
width:110px;
display: inline-block;
vertical-align: top;
padding-top:25px;
position:relative;
top:2px;
border:1px solid rgba(165,165,165,.1);
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
text-align: center;
}
.two-cols .date.item-pdf {
border:none;
}
.two-cols .date mark {
font-family: "Oxygen", sans-serif;
font-weight:400;
}
.two-cols .date mark:nth-child(2) {
position:relative;
font-size:250%;
margin-left:0px;
right:-4px;
}
.two-cols .show-info {
position:relative;
left:30px;
display: inline-block;
width:calc(100% - 160px);
width:-moz-calc(100% - 160px);
font-size:120%;
}
.two-cols .show-info .show-info-image {
display:inline-block;width:20%;margin-right:4%;
}
.two-cols .show-info .show-info-image:hover  {
position:relative;
top:0px;
-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-ms-transform:scale(1.1);
-o-transform:scale(1.1); 
transform:scale(1.1);
z-index:1;
transition:all 0.4s ease;
}
.two-cols .show-info .show-info-image img {
width:100%;
margin-bottom:-3rem;
}
.two-cols .show-info .show-info-text {
display:inline-block;vertical-align:top;width:65%;
}
@media (max-width:980px) {
.two-cols .date {
width:70px;
width:60px;
width:auto;
display: inline-block;
vertical-align: top;
padding-top:18px;
position:relative;
top:2px;
border:1px solid rgba(165,165,165,.1);
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
text-align: center;
}
.two-cols .date mark {
font-family: "Oxygen", sans-serif;
font-weight:400;
font-size:80%;
}
.two-cols .date mark:nth-child(2) {
font-size:130%;
margin-left:4px;
margin-left:0;
}
.two-cols .show-info {
position:relative;
/*
width:100%;
*/
display: inline-block;
width:calc(100% - 80px);
width:-moz-calc(100% - 80px);
left:0px;
font-size:100%;
}
.two-cols .show-info .show-info-image {
display:none;
}
.two-cols .show-info .show-info-text {
width:100%;
}
}
.two-cols.date-only {
font-size:80%;
position:relative;
*float:left;
display:inline-block;
}
.two-cols .show-info p:nth-child(1) {
margin:0;
}
.two-cols .show-info p:nth-child(2),
.two-cols .show-info p:nth-child(3) {
margin:0;
}
.two-cols .show-info p:nth-child(1) mark {
font-size:130%;
}
.two-cols .show-info p:nth-child(2) {
font-size:100%;
}
.two-cols .show-info p:nth-child(2) mark,
.two-cols .show-info p:nth-child(3) mark {
font-size:120%;
}
.two-cols .show-info p.plus {
font-size:85%;
}
.two-cols .show-info p.musiker {
max-width: 95%;
font-size:90%;
line-height:1.4;
position:relative;
top:2px;
}

/*
*/

.bc-wrapper {
*margin-bottom:2rem;
}
.bc-parent { 
position: relative;
width: 95%;
overflow: hidden;
*max-height:none;
*max-height:12rem;
}
@media (max-width:980px) {
.bc-parent { 
overflow: hidden;
*max-height:none;
max-height:12rem;
}
}
@media (min-width:981px) {
}
.bc-parent--showall {
max-height: none;
}
.bc-item { position: relative;
width: 95%;
box-sizing: border-box;
}
p.bc-item { 
margin:0;
padding:0;
}
.btn-expand {
display: none;
z-index: 3;
position: absolute;
right: 0px;
bottom: 0px;
padding: 3px;
}
.btn-show {
display: block;
color: rgba(182,3,3,1);
border-radius:3px;
border:1px solid rgba(182,3,3,1);
}

/*
pages
*/

.toggle { cursor: pointer; }
.toggle:hover { }
.toggle:focus { }
.menue-content { display:none; position:relative; margin-top: 80px;z-index:999; }
.show { display:block;position:fixed;z-index:999;width:100%;overflow-y:scroll;}

.bottom { display:block;
margin-top:10px;
*padding-top:20px;
background:rgba(10,10,10,.8);
}
.bottom .pages-box {
border-bottom:none;
background:rgba(242,242,242,1);
background:rgba(10,10,10,.8);
margin-top:0px;
margin-bottom:0px;
padding-top:10rem;
padding-bottom:10px;
padding-bottom:10rem;
}
/*
*/
.pages-box { 
clear:both;
width:100%;
margin:0 auto;
border-bottom:2px solid rgba(244,145,2,1); /* 2025 */
padding-top:0px;
padding-top:4rem;
padding-bottom:0px;
padding:2rem 0;

display:inline-block;
height: 100%;
*float:left;
cursor:text;
background:rgba(10,10,10,.99);
background:rgba(20,20,20,.999);
background:rgba(20,20,20,1);
}
.pages-box-wrapper { 
width:100%;
max-width:950px;
margin:0 auto;
display:block;
}
@media (max-width:980px) {
.show { display:block;position:relative;margin-top:-80px;z-index:888;width:100%;overflow-y:scroll;}
.pages-box { margin-top:80px;padding-top:0px;padding:2rem 0; }
}
@media (max-width:720px) {
.show { }
.pages-box { padding:2rem 0; }
}
/*
*/
.pages-content {
font-size:105%;
margin-top:40px;
margin-bottom:40px;
max-width:880px;
}
.pages-content-image-box {
position: relative;
float:right;
display:inline-block;
max-width:360px;
margin-left:5%;
margin-bottom:20px;
}
.pages-content-image-box img {
border:1px solid #e1e1e1;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
@media (max-width:980px) {
.pages-content {
width:100%;
margin:0 auto;
margin-top:40px;
margin-bottom:40px;
position: relative;
left:0px;
width:calc(100% - 40px);
width:-moz-calc(100% - 40px);
}
.pages-content-image-box {
margin-left:5%;
}
}
@media (max-width:580px) {
.pages-content {
width:calc(100% - 20px);
width:-moz-calc(100% - 20px);
font-size:90%;
}
.pages-content h1 {
font-size:150%;
}
.pages-content h4 {
}
}
@media (max-width:580px) {
.pages-content-image-box {
width:100%;
max-width:100%;
display:block;
position: relative;
margin-bottom:20px;
}
}
/*
*/
.pages-menue { 
width:100%;
margin:0 auto;
*font-size:95%;
*background-color:orange;
}
.mainnav {
display:inline-block;
*padding-top:30px;
*padding-bottom:10px;
padding:2rem 0;
*background-color:orange;
font-family: "Oxygen", sans-serif; 
}
.mainnav li {

}
.mainnav li a {
}
.mainnav.child-1 {
float:left;
width:22%;
width:24.5%;
display:inline-block;
}
.mainnav.child-1 li {
margin-left:40px;
margin-left:0;
}
.mainnav.child-2 {
float:left;
width:30%;
width:22%;
width:24.5%;
display:inline-block;
}
.mainnav.child-3 {
float:left;
width:22%;
width:24.5%;
display:inline-block;
}
.mainnav.child-4 {
float:left;
width:20%;
width:24.5%;
display:inline-block;
}
.mainnav.child-5 {
/*
float:left;
width:20%;
display:inline-block;
*/
display:none;
}
.mainnav.child-4 {
padding-bottom:0px;
}
.mainnav.child-5 {
padding-top:0px;
}
@media (max-width:940px) {
.mainnav.child-1 {
margin:0 auto;
width:31%;
width:32%;
display:inline-block;
}
.mainnav.child-2 {
margin:0 auto;
width:40%;
width:32%;
display:inline-block;
}
.mainnav.child-3 {
margin:0 auto;
width:28%;
width:32%;
display:inline-block;
}
.mainnav.child-4,
.mainnav.child-5 {
margin:0 auto;
width:31%;
width:32%;
display:inline-block;
}
.mainnav.child-2 {
padding-bottom:0px;
}
.mainnav.child-4 { }
.mainnav.child-5 {
padding-top:0px;
display:none;
}


.mainnav.child-4 li {
*margin-left:40px;
}
}
@media (max-width:720px) {
.mainnav.child-1,
.mainnav.child-3 {
width:42%;
width:49.5%;
padding-top:20px;
}
.mainnav.child-2,
.mainnav.child-4,
.mainnav.child-5 {
margin:0 auto;
width:57%;
width:49.5%;
padding-top:20px;
padding-bottom:0px;
*border-bottom:2px solid red;
display:inline-block;
}
.mainnav.child-2 {
padding-bottom:0px;
}
.mainnav.child-5 {
padding-bottom:0px;
display:none;
}
.mainnav.child-1 li,
.mainnav.child-2 li,
.mainnav.child-3 li {
margin-left:40px;
margin-left:2rem;
}
.mainnav.child-4 li {
margin-left:10px;
margin-left:2rem;
}
.mainnav.child-5 {
*border-bottom:2px solid transparent;
}
}
@media (max-width:510px) {
.mainnav.child-1,
.mainnav.child-2,
.mainnav.child-3,
.mainnav.child-4,
.mainnav.child-5 {
width:100%;
text-align:center;
position:relative;
*left:-10px;
}
.mainnav.child-4 {
}
.mainnav.child-5 {
display:none;
}
.mainnav.child-1 {
padding-bottom:0px;
}
.mainnav.child-1 li,
.mainnav.child-2 li,
.mainnav.child-3 li {
margin-left:20px;
}
.mainnav.child-3 {
padding-bottom:20px;
}
}

.pages-menue ul { 
margin:0px;
}
.pages-menue li { 
margin:0px;
list-style: none;
background:none;
display:block;
line-height:2.2;
vertical-align: top;
margin-left:10px;
*color:rgba(255,0,0,.7);
}
.pages-menue li a { 
padding:4px 0px;
*background:rgba(237,237,237,1);
/*border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;*/
border-bottom:2px solid transparent;
max-width:100%;
display:inline-block;
line-height:1.1;
color:rgba(255,0,0,.7);
color:rgba(46,139,87,1);
color:rgba(0,164,127,1); /* HKS-53 */
color:rgba(0,206,157,1); /* HKS-53 */
color:rgba(0,184,228,0.8); /* 2023 hellblau */
color:rgba(227,0,24,0.8); /* HKS-13 */
color:rgba(255,189,89,0.8); /* 2025 */
color:rgba(244,145,2,1); /* 2025 */
}
.hks-13 {
color:rgba(227,0,24,0.8); /* HKS-13*/
}
.pages-menue li.facebook {
position:relative;
*top:-4px;
*margin-bottom:-8px;
}
.pages-menue li.facebook i {
line-height:0.5 !important;
}

.pages-menue li a:hover { 
border-bottom:2px solid rgba(237,237,237,1);
border-bottom:2px solid rgba(255,0,0,.7);
border-bottom:2px solid rgba(46,139,87,1);
border-bottom:2px solid rgba(0,164,127,1); /* HKS-53 */
border-bottom:2px solid rgba(0,206,157,1); /* HKS-53 */
border-bottom:2px solid rgba(0,184,228,0.8); /* 2023 hellblau */
border-bottom:2px solid rgba(227,0,24,0.8); /* HKS-13 */
border-bottom:2px solid rgba(255,189,89,0.8); /* 2025 */
}
.bottom .pages-menue li a:hover { 
border-bottom:2px solid rgba(100,100,100,1);
border-bottom:2px solid rgba(255,0,0,.7);
border-bottom:2px solid rgba(46,139,87,1);
border-bottom:2px solid rgba(0,164,127,1); /* HKS-53 */
border-bottom:2px solid rgba(0,206,157,1); /* HKS-53 */
border-bottom:2px solid rgba(0,184,228,0.8); /* 2023 hellblau */
border-bottom:2px solid rgba(227,0,24,0.8); /* HKS-13 */
border-bottom:2px solid rgba(255,189,89,0.8); /* 2025 */
}
.pages-menue li .isactive { 
border-bottom:2px solid rgba(197,197,197,1);
border-bottom:2px solid rgba(255,0,0,.7);
border-bottom:2px solid rgba(46,139,87,1);
border-bottom:2px solid rgba(0,164,127,1); /* HKS-53 */
border-bottom:2px solid rgba(0,206,157,1); /* HKS-53 */
border-bottom:2px solid rgba(0,184,228,0.8); /* 2023 hellblau */
border-bottom:2px solid rgba(227,0,24,0.8); /* HKS-13 */
border-bottom:2px solid rgba(255,189,89,0.8); /* 2025 */
}
.pages-menue li .fa-facebook-square,
.pages-menue li .fa-instagram { 
vertical-align:-4px;
margin-right:8px;
color:rgba(66,103,178,1);
color:rgba(227,0,24,0.8); /* HKS-13 */
color:rgba(255,189,89,0.8); /* 2025 */
color:rgba(254,254,254,1); /* 2025 */
color:rgba(244,145,2,1); /* 2025 */
*background-color: rgba(244,145,2,1); /* 2025 */
}
.pages-menue li .fa-clock-o { 
vertical-align:-4px;
margin-right:8px;
}
.pages-menue li .fa-user { 
vertical-align:-4px;
margin-right:8px;
}
.pages-menue li .fa-scissors { 
vertical-align:-4px;
margin-right:8px;
}
.pages-menue li .fa-paperclip { 
vertical-align:-4px;
margin-right:8px;
}