.kopfslider {
    background: transparent;
    margin-bottom: 0rem;
    margin-left: 0;
    padding-bottom: .9375rem;
    position:relative;
    text-decoration:none!important
}

#breadcrumb {display:none}

div.text h3 span, div.text p, div.text p span {-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;}

.kopfslider:hover,.kopfslider div.text:hover h3,.kopfslider div.text:hover p {cursor:default;text-decoration:none!important}

.is-active > .accordion-title {font-weight:bold}

.inhalt-column figcaption{font-weight:300}

table.contenttable {background: #f3f3f3;border-spacing: 0;width:100%}
table tr:nth-of-type(2n), table tr {background:#f3f3f3}
table tbody tr td, table tr td {line-height:1.5}
table td {border-bottom:.125rem solid #fff;min-width:10rem}
table td:nth-of-type(2n-1){font-size:1.0625rem;min-width:16rem}
table td.weiss {background:#fff;height:.0625rem!important;line-height:.0625rem!important;display:none}
#inhalt table h3 {font-size:1.125rem;font-weight:bold}

input[type="text"] {height: 1.8rem}

input[type="submit"].csc-mailform-submit, input[type="button"].csc-mailform-submit {
max-width:300px;margin-bottom:1rem;text-align: center;cursor: pointer;font-family: "Roboto";
font-weight: 400;white-space: normal;min-height: 1.6rem;height: auto;border: 1px solid #555;
background-color: #555;line-height: 1.5;color: #fff;font-size: .875rem;padding: .5rem;
-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;
}

input[type="submit"].csc-mailform-submit:hover, input[type="button"].csc-mailform-submit:hover {
border: 1px solid #555;
background-color: #fff;
color: #555;  
  }

button.btn {
background:#f3f3f3;
font-size: 1.0625rem;
margin-bottom:.9375rem;
line-height: 1.5;
padding:.9375rem;
border:1px solid #f3f3f3;
}
button.btn.btn-primary {background:#fff;border-bottom:1px solid #fff;}

.panel.programm {margin:.0625rem 0}
.inhalt-column {margin-bottom:1.875rem}
.panel.programm img {border:none;max-width:100%;height:auto}

fieldset {border:0;padding:0}
.contenttable select {min-height:1.4rem;padding:0.2rem .5rem;height:auto;width:auto}

.read-more-show,.read-more-show:hover {text-decoration: none;
color: #555;background:#fff;font-size:1.25rem;
padding: .5rem 2rem .5rem .5rem;display: inline-block;
border: 1px solid #555;position:relative;
margin: 1rem 0;}

.read-more-show::after,.read-more-show.close::after {
    content: "\f078";padding-left: 1rem;font-family: "FontAwesome";
    font-weight: 300;font-size: .875rem;color: #555;
  position:absolute;right:.5rem
}
.read-more-show.close::after {content: "\f077"}
td p, td li {line-height:1.5}
td p.beitrag {font-weight:bold}
td p.redner {font-style:italic; margin-top: -1.3rem; padding: 0 0 0 2rem}

.read-more-show.close {height:auto}

h3.termin {font-size:.9rem;font-weight:bold}
h3.termin:before {font-family:"FontAwesome";font-weight:300;content:"\f073";padding-right:.125rem}

p.kursiv {font-style:italic}

@media only screen and (max-width:37.5rem){
a, p, ul, ol, dl, li, td, div {font-size: 1.0625rem}
h1 {padding-top:1.5rem}
h2 {font-size:1.25rem}
.p80 {display:none}
/*.kopfslider {background: #e6f0d8;padding:1.25rem .9375rem}*/
.kopfslider figure {margin-bottom:0}
.kopfslider div.text {
position: relative;
left: 0;bottom:0;background:transparent;
width: 100%;opacity:1;
height: auto;
  }
div.text h3 {
    font-size: 1.25rem;
    font-weight: bold;
    text-align: left;
    padding: 0;
    line-height: 1.45;
    color: #81b23e;
    margin: 0;max-width:100%
}
div.text p {font-size: 1rem;font-weight: bold;/*color:#81b23e;*/max-width:100%}
div.text h3 span, div.text p, div.text p span {background:transparent;padding:0}
.kopfslider div.text:hover h3,.kopfslider div.text:hover p {color:#81b23e}
.read-more-show,.read-more-show:hover {width:100%;padding-right:5%}
.read-more-show::after, .read-more-show.close::after {top:.75rem}
td p {font-size:1rem}
}

legend.powermail_legend {display:none}
.inhalt-column .ce-bodytext a.button:before {content: "";padding:0}
.inhalt-column .ce-bodytext a.button,a.button {background:#555;border:1px solid #555;color:#fff;font-size:1rem;font-weight:bold;padding: 0.5em 1em;text-decoration:none}
.inhalt-column .ce-bodytext a.button:hover,.inhalt-column .ce-bodytext a.button:focus,
a.button:hover,a.button:focus,
.inhalt-column .ce-bodytext a.button.weiss,a.button.weiss
 {background:#fff;color:#555!important;}
.inhalt-column .ce-bodytext a.button.weiss:hover,.inhalt-column .ce-bodytext a.button.weiss:focus {background:#555;border:1px solid #555;color:#fff!important;font-size:1rem;font-weight:bold;padding: 0.5em 1em;text-decoration:none}

.powermail_fieldwrap a.button.prev {background:#fff;color:#555!important;margin-right:1.875rem;}
.powermail_fieldwrap a.button.prev:hover,.powermail_fieldwrap a.button.prev:focus {background:#555;color:#fff!important;}

div.checkbox {padding-bottom:.5rem}
.panel {background: #fff;margin-bottom:0;margin-top:1.25rem}
.panel.grey {background: #f3f3f3;}
.aside .panel {margin-top:0;margin-bottom:1.25rem}
.parsley-error label, .powermail_field_error, .powermail_field_error label {color:#f00}
.parsley-required, .powermail_field_error_container li, .powermail-errors-list li {color:#f00}
/*.powermail_fieldwrap_type_check {margin-bottom:.5rem}*/
.powermail_field label, .powermail_field label a {font-size:1.0625rem;font-weight:300;line-heigth:1.5}
.powermail_field label a {text-decoration:underline}
.checkbox label {margin-bottom:0}
.powermail_fieldwrap_bestaetigung label {margin-bottom:1.875rem}
input[type="submit"].powermail_submit {font-size:1.0625rem;height:auto;margin-bottom:1.875rem}
legend.powermail_legend {display:none}
a.button {background:#555;border:1px solid #555;color:#fff;font-size:1rem;font-weight:bold;padding: 0.5em 1em;}
a.button:hover,a.button:focus {background:#fff;color:#555;}

.panel {background: #fff;margin-bottom:0;margin-top:1.25rem}

fieldset .panel {margin-top:0;padding:0}
/*Veranstaltungsanmeldung:*/
div.tx-powermail {margin: 0;padding-top:0}
fieldset.layout1 legend.powermail_legend, fieldset.layout2 legend.powermail_legend {color:#555;display:block;font-size:1.5rem;font-weight:bold;padding-bottom:.9375rem}
.powermail_fieldset.powermail_fieldset_8 legend.powermail_legend {display:none}
.powermail_fieldset.layout1 {border-bottom:1px solid #cacaca;margin-bottom:1.875rem;padding-bottom:.9375rem}
.powermail_fieldset{margin-bottom:1rem}
label.powermail_label,fieldset.layout1 .medium-9, .powermail_fieldwrap_type_check .medium-9, .powermail_field.medium-9 {display:block;width:100%!important}
label.powermail_label,.form-group label {font-weight:300;padding-bottom: .625rem;padding-top: .93175rem;}
label.powermail_label.text-right {text-align:left}
input[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
  border-radius: .125rem;
  box-shadow: none;
  height: auto;
}
::placeholder {color:#cacaca;font-weight:300}
input[type="submit"].powermail_submit {margin-top:.9375rem}
.powermail_fieldwrap_bestaetigung label {margin-bottom:0}

a.button {background:#555;border:1px solid #555;color:#fff;font-size:1rem;font-weight:bold;padding: 0.5em 1em;}
a.button:hover,a.button:focus {background:#fff;color:#555;}
div.checkbox, div.radio {padding-top: .46875rem;padding-bottom:.5rem}
div.checkbox label, div.radio label, .powermail_field label a, select, option, label {font-weight:300}
.checkbox label.dsgvo, .checkbox label.dsgvo a, [type='checkbox'] + label, label a {font-size:1.0625rem;line-height:1.5}
.checkbox label.dsgvo {padding-top:0}
.panel {background: #fff;margin-bottom:0;margin-top:1.25rem}
fieldset .panel {margin-top:0;padding:0}
.checkbox [type="checkbox"] {margin-top: .375rem;}

.inhalt-column ul.noIcon {list-style-type:none;margin-left:0}
.noIcon label.width95 {max-width:75%;vertical-align:top}
p.abstand {font-size:.0625rem}
p.font-weight-400 {font-weight:400}


@media only screen and (max-width:37.5rem){
.noIcon label,.noIcon label.width95 {max-width:80%;vertical-align:top}
}
@media only screen and (max-width:40rem){
p {font-weight:300}
figcaption *, p.mediumsmall {
    font-size: 1.0625rem;
    line-height: 1.5;
}
.xcolumns h1 {padding-right:.625rem;padding-left:.625rem}
.row.powermail_pi1 {padding:0 .9375rem}
.checkbox [type="checkbox"] {display: inline;margin-top: .375rem;}
.checkbox label, .radio label {max-width:85%} 
div.tx-powermail {margin: 0;padding-top:1.875remrem}
fieldset.layout1 legend.powermail_legend, fieldset.layout2 legend.powermail_legend {font-size:1.25rem;padding-bottom:0}

.noIcon label,.noIcon label.width95 {max-width:90%;vertical-align:top}

}

@media only screen and (min-width:46.0625rem){
table td {-webkit-hyphens: none;-moz-hyphens: none;hyphens: none}
}
@media only screen and (max-width:59.375rem){
.noIcon label,.noIcon label.width95 {max-width:90%;vertical-align:top}
}
@media only screen and (min-width:59.5rem){
.noIcon label,.noIcon label.width95 {max-width:95%;vertical-align:top}
}
/*Veranstaltungsanmeldung: Ende*/


pre {font-size:.75rem;line-height:1.25}

@media only screen and (max-width:40rem){
table td:nth-of-type(2n-1){font-size:0}
/*table tbody tr td, table tr td {line-height:0}*/
table td:nth-of-type(2n-1) p, table td:nth-of-type(2n-1) strong, table td:nth-of-type(2n-1) li {font-size:1.0625rem;line-height:1.5}
table tbody tr td strong,table tbody tr td p,table tbody tr td ul {padding: .5625rem;}
table tbody tr td p strong {padding: 0;}
table td:nth-of-type(2n) {padding-bottom:1rem}
}
@media only screen and (max-width:46rem){
table td {position: relative !important;padding:.3125rem .625rem;display: block;line-height: 1.5;border-bottom:none}
table td:nth-of-type(2n) {border-bottom:.125rem solid #fff}

}

@media only screen and (min-width:37.5625rem){
.kopfslider div.text {bottom:7rem}

.read-more-show,.read-more-show:hover {min-width:22rem}
}


@media only screen and (min-width:46.0625rem){
table td:nth-of-type(2n-1) {width:25%;min-width:auto}
table td:nth-of-type(2n) {width:75%}
table td {-webkit-hyphens: none;-moz-hyphens: none;hyphens: none}
}

@media only screen and (max-width:40.0625rem){
  .kopfslider div.text {
      background: transparent;bottom:0;
      left: 0;
      opacity: .9;
      padding: 0;
      position: relative;
      width: 100%;
      background:#f3f3f3;
      padding:.5rem;min-height:9rem;}
  div.text h3 {font-size: 1.25rem}
  div.text h3 span {display:inline-block}
  div.text h3 span,div.text p {background-color: transparent;}
  div.text p span {display:inline-block;
    background-color: transparent;
    background-color: rgba(#fff,0);
  }
  div.text p span::after {
    font-family: "FontAwesome";
    content: "";
    line-height: 1.2;
    padding-left: 0;
    font-size: 1rem;
    height: 0;
    vertical-align: middle;
    padding-bottom: 0;
}
}
@media only screen and (min-width: 40.0625rem) {
h1 {padding-bottom:2rem}
.nolabel .medium-10 {width:100%}
.nolabel .powermail_fieldwrap_type_input .medium-10 {width:83.333%}
/*.powermail_fieldwrap_bestaetigung label, .powermail_fieldwrap_bestaetigung label a {font-size:.875rem;font-weight:300}*/
p.mediumsmall, p.mediumsmall a, .mediumsmall {font-size:.875rem!important}
}
@media only screen and (min-width: 50.0625rem) {
    .kopfslider {background:transparent}
    .kopfslider div.text {
    position: absolute;
    left: 5%;
    width: 90%;
    max-height: 80% /*50%*/;
    }
    div.text h3 {
        font-size: 2rem;
        font-weight: normal; display:inline-block;
        text-align: left;padding: 0;line-height:1.45;
        display:block;margin:0;
    }

    div.text p {
 line-height: 1.6em;
 font-size: 1.125rem;
  display: inline;max-width:50%;
 }
div.text p span {background-color: #fff;background-color: rgba(#fff,0.7); padding: .2rem .5rem;box-decoration-break: clone;-webkit-box-decoration-break:clone}

div.text h3 span {
 padding: 0.2rem .5rem .0rem .5rem;
 box-shadow: 0.2rem 0 0 transparent, -0.2rem 0 0 transparent;
 background-color: #fff;
 background-color: rgba(#fff,0.7);box-decoration-break: clone;
 }

}

@media only screen and (min-width: 64.0625rem) {
div.text h3 {font-size: 2.5rem;}
}

@media print {
.show-for-small-only .kopfslider .text {display:block;clear:both;width:100%;left: 0;position:relative;margin-bottom:10pt;border-bottom:1px solid #000}
.kopfslider h3 span {font-size:20pt;font-weight:bold;display:block;padding:0}
header h1.titel,.hide-for-small .kopfslider, .kopfslider img {display:none}
.inhalt-column {display:block;clear:both;width:100%;float:none;position:relative}

.read-more-content {display:block!important}
.read-more-show {border:none!important; border-bottom:1px solid #000}
.read-more-show::after {content: ""!important;}
table td:nth-of-type(2n-1),table td:nth-of-type(2n) {width:100%!important;display:block}
}