

html, body, form             { margin:0; padding:0; }
body                         { padding:0; margin:0; font-family: "calluna-sans", sans-serif; font-style: normal; font-weight: 300; color:#565656; font-size:20px; line-height: 28px; }
img                          { border:0; }
p                            { margin:0 0 15px 0; padding:0; color:#565656; }
a                            { outline:none !important; text-decoration:none; color:#950a2b; }
a:hover                      { outline:none; color:#565656; }
#wrapper                     { }
.logo                        { padding-top: 0px;
    padding-bottom: 30px;
    display: block;
    margin: 0 auto;
    width: 230px; }
.logo img                    { margin:0 auto; }
.row.layer                   { position:relative; z-index:2; }
.tabNavigationInner          { background:#e7e6eb; }

.container-fluid             { max-width: 1680px; }

.invisible                   { display:none; }


.kontrast_tel_wrapper        { display: flex; justify-content: flex-end; }
.callus .glyphicon           { top:3px; }
.callus a                    { color:#fff; }
.callus                      { background:#f3625e; color:#FFFFFF; font-style:normal; font-weight:300; display: inline-block; line-height:39px; padding:0 12px; font-size:18px; 
                               position:relative; }
.callus .glyphicon-earphone  { color:#FFFFFF; }

.border-bottom               { border-bottom:1px solid #d9d9d9; }

.navbar-nav                  { float: none !important; }

.topnav                      { border-top: 0; background: #FEEEEF; }
.navbar                      { margin:0; }
.navbar-default              { background:none; border:0; text-align:center; }

.superfish 												{ position:relative; z-index:70000; }

.nav_superfish											{ margin: 0; padding: 0; list-style: none; transition: margin ease .3s; }
.nav_superfish li 										{ position: relative; display: inline-block; list-style: none; white-space: nowrap; }
.nav_superfish li a,
.nav_superfish li strong                                { display: inline-block; position: relative; text-decoration: none; zoom: 1; padding: 20px 15px 16px; margin: 0;
														  transition: all ease .4s; font-size: 18px; color: rgba(149, 10, 43, 1);  }
.nav_superfish li a                                     {  }
.nav_superfish li a.submenu:after                       { content: url("../images/chevron-down-light.svg"); display: inline-block; color: rgba(149, 10, 43, 1); position: relative; left: 5px; width: 10px; }
                   
.nav_superfish li strong,
.nav_superfish li a:hover                               { color: rgba(86, 86, 86, 1);  }

.nav_superfish li.first a,
.nav_superfish li.first strong                          { margin-left: 0; }
.nav_superfish li.last a,
.nav_superfish li.last strong                           { margin-right: 0; }

.nav_superfish li a.trail                               { font-weight: bold; }
.nav_superfish li strong,
.nav_superfish li a.trail                               { color: #f3625e; }

.nav_superfish li:hover a,
.nav_superfish li a.active 								{ transition: all ease .4s; }

/*Level 2*/
.nav_superfish ul 										{ position: absolute; display: none; top: 100%; left: 0; z-index: 99999; padding: 0; 
														  text-align: left; text-transform: none; background: #FEEEEF; }
.nav_superfish ul li 									{ display: block; padding: 0; }

.nav_superfish ul li a                                  { display: flex; justify-content: space-between; }
.nav_superfish li li a.submenu:after                       { content: '›'; display: inline-block; color: rgba(149, 10, 43, 1); transform: rotate(0deg); position: relative; left: 0px; margin-left: 20px; }
.nav_superfish li li a.submenu:hover:after                       {  }

.nav_superfish ul li a,
.nav_superfish ul li strong,
.nav_superfish ul li a:hover                            { border: 0; width: 100%;  padding: 10px 15px 8px; }

.nav_superfish ul li a:hover,
.nav_superfish ul li a.active,
.nav_superfish ul li a.trail,
.nav_superfish ul li strong                             { background: #fff; color: rgba(149, 10, 43, 1); }

.nav_superfish ul li a.active,
.nav_superfish ul li a.trail,
.nav_superfish ul li strong                             { background: #fff; color: rgba(149, 10, 43, 1); font-weight: bold; }

/*Level 3*/
.nav_superfish ul ul 								    { position: absolute; display: none; top: 0; left: 100%; z-index: 99999; padding: 0; 
														  text-align: left; text-transform: none; background: #FEEEEF; border: 0; }


figcaption                                             { padding: 3px 0 0 0; font-size: 16px; color: #333; }

/* Downloads */
.content-downloads                                     { margin: 0 0 40px 0; }
.content-downloads ul                                  { margin: 0 !important; padding: 0 !important; list-style: none !important; } 
.content-downloads ul li                                    {  } 
.content-downloads ul li a             { display: flex; align-items: center; }
.content-downloads ul li a:hover             { color: #950a2b; text-decoration: none; }

.middlecontent .content-downloads ul li:before { display: none; }
.middlecontent .content-downloads ul li a:before {
    content: url('../images/pdf-icon.png');
    left: 0;
    background: none;
    display: inline-block;
    width: 38px;
    height: 38px;
    top: 0;
    margin-right: 15px;
}

/* Akkordeon */
.handorgel__header  { margin: 0 !important; padding: 0 !important; font-size: 21px !important; line-height: 24px !important; }
.handorgel__header__button:focus { outline: 0; }
.handorgel__header__button { padding: 20px 5px; ouline: 0; }
/* Barrierefreiheit */
.handorgel__header__button:focus-visible {
    outline: 3px solid #222 !Important; 
    outline-offset: 2px;
}


.hline 								{ border-bottom:1px solid #d4d4d4; margin:16px 0 10px 0; line-height:1; font-size:0; }
.hline1 							{ border-bottom:1px dotted #333333; margin-bottom:30px; }
.clearbox  							{ clear:both; }
h1, h2, h3, h4, h5, h6  								{ font-family:"Utopia-std-display", sans-serif; font-style:italic; font-weight:300; }
h1  								{ color:#950a2b; margin:0; padding:0 0 35px 0; line-height:36px; font-size:1.3em; }
h2  								{ color:#565656; margin:0; padding:0 0 45px 0; font-size:26px; line-height:1.3em; }
h3  								{ color:#950a2b; margin:0; padding:0 0 8px 0; font-size:24px; line-height:1.3em; }
h4  								{ color:#950a2b; margin:0; padding:0 0 8px 0; font-size:21px; line-height:1.3em; }
.fSmall  							{ font-size:14px !important; }
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td  			{ padding:8px 0; }
ul.list  							{ margin:0; padding:0 0 10px 15px; }
ul.list li  						{ margin:0; padding:3px 0 3px 22px; list-style-type:none; background:url(../images/bullet_go.png) no-repeat left 5px; line-height:20px; color:#31313b; }
ul.list li ul  						{ margin:0; padding:0 0 0 10px; }
ul.list li ul li  					{ background:none; padding:3px 0 3px 0; list-style-type:square; color:#31313b; }
.content-image img  				{ height:auto; width:100%; }

#close_menu                         { position: absolute; top: 15px; right: 15px; width: 17px; height: auto; z-index: 10; cursor: pointer; }
.mod_mmenu                          { position: fixed !important; }
.mm-wrapper--position-left .mm-slideout, 
.mm-wrapper--position-right .mm-slideout {  -webkit-transform: none;  transform: none; }

/*
#homenewsletter                          { background:-webkit-linear-gradient(90deg, #FFFFFF, #fce7e7); background:-o-linear-gradient(90deg, #FFFFFF, #fce7e7); background:-moz-linear-gradient(90deg, #FFFFFF, #fce7e7); background:linear-gradient(90deg, #FFFFFF, #fce7e7); }
#homenewsletter .newsletterbg                          { background:url(../images/newsletterbg.png) no-repeat left top; background-size:100%; padding-top:69px; padding-bottom:45px; }
#homenewsletter .newsletterbg                          { background:url(../images/newsletter-bg.svg) no-repeat -50px top; background-size:120%; }
#homenewsletter .newsletterbg .form-group                          { margin-bottom:3px; }
#homenewsletter .newsletterbg .btn                          { border-radius:0px; padding:13px 25px; width:150px; }
#homenewsletter form                          { margin:0 45px; }
#homenewsletter h1                          { font-family:"calluna-sans", sans-serif; font-style:normal; }
#homenewsletter h2                          { padding:0 0 42px; font-family:"Utopia-std-display", sans-serif; font-style:italic; }

*/

.form-control { border:1px solid #d9d9d9; border-radius:0; padding:12px 15px 11px; height:auto; box-shadow:none; }
.form-control:focus { border-color:#950a2b; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(149, 10, 43, 0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(149, 10, 43, 0.6); }


#midcontent                             { margin:0; padding:0; }
.mainbgw                                { position:relative; background:#FFFFFF; }
.mainbgw:before                         { left:-1000px; background:none repeat scroll 0% 0% #FFFFFF; }
.mainbgw:before, 
.mainbgw:after                          { display:block; position:absolute; top:0; height:100%; width:1000px; content:""; }


.custombreadcrumb                                     { position:relative; margin:0; padding:0 0; }
.custombreadcrumb .navbar                             { min-height:0; }
.custombreadcrumb:before                              { left:-1000px; background:#ff6c67; border-bottom:1px solid #FFFFFF; }
.custombreadcrumb:before, 
.custom:after                                         { display:block; position:absolute; top:0; height:100%; width:1000px; content:""; }
.custombreadcrumb .item                               { background:#ff6c67; margin-right:-15px; position:relative; z-index:1; padding: 30px 0 45px; border-bottom:1px solid #FFFFFF; }
.custombreadcrumb ul                                  { list-style:none; margin:0; padding:0; }
.custombreadcrumb ul li                               { float:left; margin:0; padding:0; }
.custombreadcrumb ul li:after                         { content: '›'; display: inline-block; color: #fff; margin-right: 10px; position: relative; top: 1px; }
.custombreadcrumb ul li:last-child:after                          { display: none; }
.custombreadcrumb ul > li > a {text-decoration:underline; transition: all ease .4s}
.custombreadcrumb ul > li > a, 
.custombreadcrumb li.active                           { padding:0 8px 0 0; border-bottom:0; color:#FFFFFF; font-size:16px; font-style:normal; }
.custombreadcrumb li.active {margin-top:2px}
.custombreadcrumb .dropdown-menu > li > a:hover       { background:none; color:#950a2b; }
.custombreadcrumb .delimiter                          { color:#fff; margin-right:10px; position:relative; top:1px; }
.custombreadcrumb ul > li > a:hover {color:#950a2b}

.customtitle                                   { position:relative; margin:0; padding:0 0; }
.customtitle:before                            { left:-1000px; background:#f3625e; }
.customtitle:before, 
.custom:after                                  { display:block; position:absolute; top:0; height:100%; width:1000px; content:""; }
.customtitle .item                             { background:#f3625e; margin-right:-15px; position:relative; z-index:1; padding:65px 85px 31px 0; }
.customtitle .item h1                          { color:#FFFFFF; font-size:46px; line-height:1.3em; letter-spacing:1px}
.customtitle .item p                           { color:#FFFFFF; font-size:24px; line-height:1.4em; }


.layout_form.cr_form select { border:1px solid #d9d9d9; border-radius:0; box-shadow:none; height:auto; padding:12px 15px 11px; width:100%; }


.middlecontent { padding:45px 45px 45px 0; position:relative; z-index:1; }
.middlecontent p { /*font-size:16px; line-height:20px;*/ }
.middlecontent hr { margin-bottom:30px; }
.middlecontent img { margin:0; }
.middlecontent p.text-danger { font-size:24px; line-height:1.4em; margin-bottom:35px; }
.middlecontent h3 { margin:0; padding:13px 0 10px; letter-spacing:1px}
.middlecontent ul { margin:0; padding:0 0 10px 0; }
.middlecontent ul li { margin:0; padding:3px 0 3px 18px; list-style-type:none;  color:#565656;  text-indent:-5px; }
.middlecontent ul li:before { content:""; position:relative; left:-10px; background-color:#F3625E; display:inline-block; width:5px; height:5px; top:-3px; border-radius: 50% }


.table > tbody > tr > td { font-size:16px; }
.borderbox { border:1px solid #d9d9d9; padding:20px; margin-bottom:30px; }
.borderbox h3 { padding:0 0 10px 0; }
.borderbox .table > tbody > tr > td { border:0; }

.table.no-border > tbody > tr > td { border:0; }
.content-image { margin:0 0 20px 0; }
.text-danger { color:#f3625e; }
.text-danger-dark { color:#950a2b; }


.interestedin { position:relative; margin:0; padding:0 0; z-index:1; }
.interestedin:before { left:-1000px; background:#950a2b; }
.interestedin:before, .custom:after { display:block; position:absolute; top:0; height:100%; width:1000px; content:""; }
.interestedin .interestbox { background:#950a2b; margin-right:-15px; position:relative; padding:33px 0 36px 0; }
.interestedin .interestbox .item .col-sm-4 { margin-right:-15px; }
.interestedin .interestbox h3 { color:#FFFFFF; padding-bottom:26px; font-family:"calluna-sans", sans-serif; font-style:normal; }
.interestedin .interestbox a { color:#FFFFFF; font-size:13px; font-weight:700; }
.interestedin .interestbox a:hover { text-decoration:none; }
.interestedin .interestbox a span { font-weight:400; font-style:italic; display:block; }
.interestedin .interestbox .carousel-control { display:none !important; }
.interestedin .interestbox .carousel-control.left { background:none; left:-110px; }
.interestedin .interestbox .carousel-control.right { background:none; right:-65px; }





.btn.btn-danger { background:#950a2b; border-radius:0px; border:0px; padding:10px 25px; }
.btn.btn-danger:hover { background:#f3625e; }
/*
.ui-accordion-header { background:url(../images/akkordeon-down.png) no-repeat right center; border:0; border-radius:0; color:#950a2b; font-style:normal; position:relative; cursor:pointer; font-size:18px; padding:15px 0; font-family:"Utopia-std-display", sans-serif; font-style:italic; font-weight:400; line-height:24px; }
.ce_accordionSingle { border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
.ce_accordionSingle.first { border-bottom:0; }
.ui-accordion-header-active { background:url(../images/akkordeon-up.png) no-repeat right center; }
.ui-accordion-header .togglerSubHeadline { color:#565656; display:block; font-family:"calluna-sans", sans-serif; font-size:16px; font-style:normal; font-weight:100; line-height:20px; }
*/

.contactcol .panel-group { border-bottom:1px solid #d9d9d9; }
.contactcol .panel-default > .panel-heading { background:none; border:0; border-radius:0; border-top:1px solid #d9d9d9; }
.contactcol .panel-title { color:#950a2b; font-style:normal; position:relative; }
.contactcol .panel-title a { font-size:18px; }
.contactcol .panel-title a span { font-size:16px; }
.contactcol .panel-title span { display:block; color:#565656; }
.contactcol .panel-group .panel-heading + .panel-collapse > .panel-body { border:0; }


.middlecontent .ce_download h3 { padding-top:18px; padding-bottom:23px; letter-spacing:1px}
.middlecontent .ce_download a { color:#565656; text-decoration:none; }
.middlecontent .ce_download a:hover { color:#565656; }
.middlecontent .ce_download a img { border:1px solid #e7e6eb; margin-right:10px; }
.middlecontent .ce_download a:hover img { border:1px solid #950a2b; }
.middlecontent .ce_download p { margin-bottom:10px; }



#top-link { bottom:50px; display:none; padding-top:5px; position:fixed; right:5%; width:66px; }
.mandetory { color:#FF0000; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
#footer { background:#e7e6eb url(../images/footbg.png) no-repeat left bottom; background-size:100%; padding:67px 0 70px; }
#footer { background:url(../images/footer-bg.svg) no-repeat -50px bottom #e7e6eb; background-size:120%; }
#footer h3 { margin:0; padding:0 0 5px 0; color:#3f4040; font-weight:700; border-bottom:1px solid #3f4040; font-size:16px; }
#footer ul { margin:0; padding:16px 0 40px 0; color:#3f4040; }
#footer ul li { margin:0; color:#3f4040; line-height:24px; list-style-type:none; font-size:16px; }
#footer ul li a { color:#3f4040; }
#footer p { margin:0; padding:3px 0; color:#565656; line-height:24px; }
#footer p a { color:#565656; }
#footer p a:hover { color:#565656; }
#footer p.copyright { font-family:"Utopia-std-display", sans-serif; font-style:italic; font-weight:300; }
#footer p.copyright span { color:#950a2b; }
#footer ul.footimg li {
    margin: 0px 0px;
    padding: 0 35px 0 0;
    list-style-type: none;
    display: table-cell;
    height: 160px;
    text-align: center;
}
#footer ul.footimg li.first {
    padding-left: 0;
}

#footer .footbox {
    height: 170px;
    position: relative;
}
#footer .footboxin {
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
#footer .footbox p {
    text-align: right;
}


/* Barrierefreiheit */
a:focus-visible, a:focus-visible img, button:focus-visible {
    outline: 3px solid #222 !Important; 
    outline-offset: 2px;
}

body.kontrast { filter: grayscale(100%); }
.skipLink:focus {
        pointer-events: auto;
        opacity: 1;
    color: #f3625e;
    }

.skipLink {
    pointer-events: none;
    opacity: 0;
    position: fixed;
    top: 21px;
    left: 30px;
    z-index: 9999;
    color: #f3625e;
    font-weight: bold;     
    font-size: 14px;
}
body.kontrast .skipLink { color: #000; }

#color-toggle {      
    position: relative;
    width: 39px;
    height: 39px;
    background-color: #f3625e;
    color: white;
    font-size: 0;
    text-align: center;
    line-height: 54px;
    transition: background-color 0.2s ease-in;
    border: 0; border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center; margin-right: 5px;
} 
body.kontrast #color-toggle { background-color: rgba(0, 0, 0, 1); }

#color-toggle:hover {
    text-decoration: none;
    background-color: #950a2b; transition: all ease .2s;
}

#color-toggle:hover             {  }
#color-toggle svg            { width: 26px; height: auto; fill: #fff; }

/* Text schwarz, Hintergründe weis */
body.kontrast,
body.kontrast .nav_superfish li a,
body.kontrast p,
body.kontrast #wellbeing .wellbox .wellboxcontent .headline p { color: #000 !important; }

body.kontrast #seniors .seniorbox .capcontent p { color: #FFFFFF !important; font-size: 16px; line-height: 22px; }
body.kontrast .customtitle .item p { color: #FFFFFF !important; }

body.kontrast .nav_superfish li strong,
body.kontrast .nav_superfish li a:hover                               { color: #f3625e; }
body.kontrast .nav_superfish ul li a:hover,
body.kontrast .nav_superfish ul li strong                             { background: #000; color: #fff !important; }

body.kontrast .callus,
body.kontrast .custombreadcrumb:before,
body.kontrast .custombreadcrumb .item,
body.kontrast .customtitle .item,
body.kontrast .customtitle:before { background: #000; }
body.kontrast #footer { background-color: #f5f5f5; }

@media (max-width: 992px) {
#color-toggle  { display: none; } 
}

/*.content-table table {
  width: 100%;
  border-collapse: collapse;
}

.content-table th,
.content-table td {
  padding: 5px;
  text-align: left;
}

.content-table th:nth-child(1),
.content-table td:nth-child(1) {
  width: 25%;
}

.content-table th:nth-child(2),
.content-table td:nth-child(2) {
  width: 40%;
}

.content-table th:nth-child(3),
.content-table td:nth-child(3) {
  width: 20%;
}

.content-table th:nth-child(4),
.content-table td:nth-child(4) {
  width: 15%;
}


.content-table tr {
  border-bottom: 1px solid #ccc;
}


.content-table tr:first-child {
  border-bottom: 2px solid #ccc;
}


.content-table tr:last-child {
  border-bottom: 2px solid #ccc;
}
*/
.content-table {
  width: 100%;
  border-collapse: collapse;
}

.content-table th,
.content-table td {
  padding: 8px;
  text-align: left;
}

/* Spaltenbreiten am Desktop */
.content-table th:nth-child(1),
.content-table td:nth-child(1) {
  width: 25%;
}

.content-table th:nth-child(2),
.content-table td:nth-child(2) {
  width: 40%;
}

.content-table th:nth-child(3),
.content-table td:nth-child(3) {
  width: 20%;
}

.content-table th:nth-child(4),
.content-table td:nth-child(4) {
  width: 15%;
}

/* Zeilenlinien */
.content-table tr {
  border-bottom: 1px solid #ccc;
}

.content-table tr:first-child {
  border-bottom: 2px solid #ccc;
}

.content-table tr:last-child {
  border-bottom: 2px solid #ccc;
}

/* Responsive Layout */

@media screen and (max-width: 600px) {
  .content-table {
    border: 0;
    width: 100%;
  }

  .content-table thead {
    display: none;
  }

  .content-table tr {
    display: block;
    margin-bottom: 1.5rem;
    padding: 16px;
    border: 2px solid #ccc;
    border-radius: 10px;
    background-color: #fff;
    width: 100%;
  }

  .content-table td {
    display: block;
    padding: 6px 0;
    text-align: left;
    width: 100%;
  }

  .content-table td::before {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
  }

  .content-table td:nth-child(1)::before { content: "Datum"; }
  .content-table td:nth-child(2)::before { content: "Veranstaltung"; }
  .content-table td:nth-child(3)::before { content: "Ort"; }
  .content-table td:nth-child(4)::before { content: "Uhrzeit"; }

  /* Spaltenbreiten auf Mobile resetten */
  .content-table th:nth-child(1),
  .content-table td:nth-child(1),
  .content-table th:nth-child(2),
  .content-table td:nth-child(2),
  .content-table th:nth-child(3),
  .content-table td:nth-child(3),
  .content-table th:nth-child(4),
  .content-table td:nth-child(4) {
    width: 100%;
  }
}

