body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mod_visitors .invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    float: left;
	width:0px;
	height:0px;
}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/**
 * CLICKPRESS CSS-Grid
 * @author: Stefan Schulz-Lauterbach
 *
 * thanks to Dinko Skopljak for co-working
 */
.justify-items-start {
  justify-items: start;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-stretch {
  justify-items: stretch;
}

.content-start {
  align-content: start;
}

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

.content-end {
  align-content: end;
}

.items-start {
  align-items: start;
}

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

.items-end {
  align-items: end;
}

.items-stretch {
  align-items: stretch;
}

.items-baseline {
  align-items: baseline;
}

[class*=grid_] {
  display: grid;
  grid-gap: 1rem;
}
[class*=grid_] > .block {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .grid_mobile_100 {
    grid-template-columns: 1fr;
  }
  .grid_mobile_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_mobile_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_mobile_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_mobile_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_mobile_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_mobile_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_mobile_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_mobile_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_mobile_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_mobile_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_mobile_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_mobile_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_mobile_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_mobile_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_mobile_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .gap_mobile_0 {
    grid-gap: 0;
  }
  .gap_mobile_1 {
    grid-gap: 1rem;
  }
  .gap_mobile_2 {
    grid-gap: 2rem;
  }
  .gap_mobile_3 {
    grid-gap: 3rem;
  }
  .gap_mobile_4 {
    grid-gap: 4rem;
  }
  .gap_mobile_5 {
    grid-gap: 5rem;
  }
  .gap_mobile_6 {
    grid-gap: 6rem;
  }
  .gap_mobile_7 {
    grid-gap: 7rem;
  }
  .gap_mobile_8 {
    grid-gap: 8rem;
  }
  .gap_mobile_9 {
    grid-gap: 9rem;
  }
  .gap_mobile_10 {
    grid-gap: 10rem;
  }
  .gap_mobile_11 {
    grid-gap: 11rem;
  }
  .gap_mobile_12 {
    grid-gap: 12rem;
  }
}
@media (min-width: 768px) {
  .grid_tablet_100 {
    grid-template-columns: 1fr;
  }
  .grid_tablet_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_tablet_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_tablet_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_tablet_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_tablet_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_tablet_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_tablet_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_tablet_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_tablet_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_tablet_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_tablet_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_tablet_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_tablet_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_tablet_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_tablet_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .grid_tablet_20_40_40 {
    grid-template-columns: 1fr 2fr 2fr;
  }
  .grid_tablet_40_20_40 {
    grid-template-columns: 2fr 1fr 2fr;
  }
  .grid_tablet_40_40_20 {
    grid-template-columns: 2fr 2fr 1fr;
  }
  .gap_tablet_0 {
    grid-gap: 0;
  }
  .gap_tablet_1 {
    grid-gap: 1rem;
  }
  .gap_tablet_2 {
    grid-gap: 2rem;
  }
  .gap_tablet_3 {
    grid-gap: 3rem;
  }
  .gap_tablet_4 {
    grid-gap: 4rem;
  }
  .gap_tablet_5 {
    grid-gap: 5rem;
  }
  .gap_tablet_6 {
    grid-gap: 6rem;
  }
  .gap_tablet_7 {
    grid-gap: 7rem;
  }
  .gap_tablet_8 {
    grid-gap: 8rem;
  }
  .gap_tablet_9 {
    grid-gap: 9rem;
  }
  .gap_tablet_10 {
    grid-gap: 10rem;
  }
  .gap_tablet_11 {
    grid-gap: 11rem;
  }
  .gap_tablet_12 {
    grid-gap: 12rem;
  }
}
@media (min-width: 992px) {
  .grid_desktop_100 {
    grid-template-columns: 1fr;
  }
  .grid_desktop_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_desktop_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_desktop_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_desktop_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_desktop_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_desktop_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_desktop_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_desktop_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_desktop_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_desktop_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_desktop_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .grid_desktop_20_40_40 {
    grid-template-columns: 1fr 2fr 2fr;
  }
  .grid_desktop_40_20_40 {
    grid-template-columns: 2fr 1fr 2fr;
  }
  .grid_desktop_40_40_20 {
    grid-template-columns: 2fr 2fr 1fr;
  }
  .grid_desktop_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_desktop_40_20_20_20 {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
  .grid_desktop_20_40_20_20 {
    grid-template-columns: 1fr 2fr 1fr 1fr;
  }
  .grid_desktop_20_20_40_20 {
    grid-template-columns: 1fr 1fr 2fr 1fr;
  }
  .grid_desktop_20_20_20_40 {
    grid-template-columns: 1fr 1fr 1fr 2fr;
  }
  .grid_desktop_20_20_20_20_20 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gap_desktop_0 {
    grid-gap: 0;
  }
  .gap_desktop_1 {
    grid-gap: 1rem;
  }
  .gap_desktop_2 {
    grid-gap: 2rem;
  }
  .gap_desktop_3 {
    grid-gap: 3rem;
  }
  .gap_desktop_4 {
    grid-gap: 4rem;
  }
  .gap_desktop_5 {
    grid-gap: 5rem;
  }
  .gap_desktop_6 {
    grid-gap: 6rem;
  }
  .gap_desktop_7 {
    grid-gap: 7rem;
  }
  .gap_desktop_8 {
    grid-gap: 8rem;
  }
  .gap_desktop_9 {
    grid-gap: 9rem;
  }
  .gap_desktop_10 {
    grid-gap: 10rem;
  }
  .gap_desktop_11 {
    grid-gap: 11rem;
  }
  .gap_desktop_12 {
    grid-gap: 12rem;
  }
}

/*# sourceMappingURL=clickpress-grid.css.map */

.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* Reset margins */
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
pre,
code,
ol,
ul,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea {
    margin: 0;
    padding: 0;
}
/* Format basic elements */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption,
th,
td {
    vertical-align: top;
    text-align: left;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    font-variant: normal;
    cursor: help;
}
blockquote,
q {
    quotes: none;
}
fieldset,
img {
    border: 0;
}
li {
    list-style-type: none;
}
sup {
    vertical-align: text-top;
}
sub {
    vertical-align: text-bottom;
}
del {
    text-decoration: line-through;
}
ins {
    text-decoration: none;
}
strong {
    font-weight: 700;
}
a {
    text-decoration: none;
    color: #ED4197;
    /*+transition: all 500ms ease;*/
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
a:hover {
    color: #000;
}
:focus {
    outline: 0;
}
.more a,
.back a,
.roadmap.roadmap--orientation-horizontal .roadmap__navigation > * a,
.roadmap.roadmap--orientation-vertical .roadmap__navigation > * a,
.roadmap.roadmap--orientation-auto .roadmap__navigation > * a {
    background-color: #ED4197;
    padding: 0.5rem 0.75rem;
    /*+border-radius: 5px;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    font-style: normal;
    text-transform: lowercase;
    font-size: 90%;
    font-weight: normal;
}
.more a:hover,
.back a:hover,
.roadmap.roadmap--orientation-horizontal .roadmap__navigation > * a:hover,
.roadmap.roadmap--orientation-vertical .roadmap__navigation > * a,
.roadmap.roadmap--orientation-auto .roadmap__navigation > * a:hover {
    background-color: #574E5E;
}
/* Font settings */
body {
    font-size: 0.9rem;
    font-size: clamp(0.9rem, 0.8rem + 0.1778vw, 1rem);
    line-height: 1.66;
    font-family: "Open Sans", sans-serif;
    color: #574E5E;
    font-weight: 400;
}
input,
button,
textarea,
select {
    font-size: 99%;
    font-family: inherit;
    font-weight: inherit;
}
pre,
code {
    font: 12px "Lucida Console", Monaco, monospace;
}
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
table,
ol,
ul,
form {
    margin-bottom: 1rem;
    /* Should match the font size */
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-family: "Gilda Display", serif;
    font-weight: normal;
}
h1 {
    font-size: 3rem;
    font-size: clamp(2.2rem, 0.9755rem + 3.2653vw, 3rem);
    line-height: 1;
    margin: 1rem 0;
}
h2 {
    font-size: 2rem;
    font-size: clamp(1.6rem, 1.4rem + 0.5333vw, 2rem);
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    line-height: 1.5;
}
h3 {
    font-size: 1.6rem;
    line-height: 1.33;
}
.content-gallery h3 {
    margin-top: 2rem;
}
.center.content-headline {
    text-align: center;
}
strong {
    font-weight: 700;
}
table {
    font-size: inherit;
}
caption,
th {
    font-weight: bold;
}
.multi-column {
    column-width: 480px;
    column-gap: 4rem;
}
.multi-column h1,
.multi-column h2,
.multi-column h3 {
    column-span: all;
}
.multi-column.media--left > figure,
.multi-column.media--right > figure {
    columns: calc(160px + 1.66rem) auto;
}
.abstand {
    width: 4rem;
    display: inline-block;
}
/*Material Icons*/
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    vertical-align: bottom;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    vertical-align: middle;
    color: #ED4197;
}
.tiny.material-icons {
    font-size: 1rem;
}
.small.material-icons {
    font-size: 2rem;
}
.medium.material-icons {
    font-size: 3rem;
}
.large.material-icons {
    font-size: 4rem;
}

HTML
{
    background: url(../../files/theme_rm/img/rm_bg.jpg) center top / cover no-repeat fixed;
    scroll-behavior: smooth;
}
#wrapper
{
    background-color: rgba(255, 255, 255, 0.900);
    backdrop-filter: blur(5px);
    max-width: 1800px;
    min-height: 100vh;
    margin: 0 auto;
    /*+transition: 500ms ease-in-out;*/
    -webkit-transition: 500ms ease-in-out;
    -moz-transition: 500ms ease-in-out;
    -o-transition: 500ms ease-in-out;
    transition: 500ms ease-in-out;
    /*+box-shadow: 0 0 80px -20px rgba(0, 0, 0, 0.333);*/
    -moz-box-shadow: 0 0 80px -20px rgba(0, 0, 0, 0.333);
    -webkit-box-shadow: 0 0 80px -20px rgba(0, 0, 0, 0.333);
    box-shadow: 0 0 80px -20px rgba(0, 0, 0, 0.333);
}
#container .mod_article .articlewrapper
{
    padding: 2rem 1rem;
}
#container .mod_article.full .articlewrapper
{
    padding: 0;
    margin: 0;
    line-height: 0;
}
.mod_article.full .content-text
{
    padding: 2rem 1rem;
    line-height: 1.66;
}
#footersection
{
    background-color: #40012A;
    color: #FFFFFF;
}
#footersection H2
{
    margin-top: 1px;
}
#footersection A
{
    color: #ED4197;
}
#footersection .inside
{
    padding: 2rem 1rem;
}
#footer
{
}
#footer .inside
{
    padding: 2rem 1rem;
}
#footer .mod_footerKontakt
{
    text-align: right;
}
#footer DIV .mod_footerKontakt A
{
    color: #E0E0E0;
}
@media (min-width: calc(1800px + 4vw))
{
    #wrapper
    {
        min-height: calc(100vh - 4vw);
        margin: 2vw auto;
    }
}
@media (min-width: 600px)
{
    #container .mod_article .articlewrapper, .mod_article.full .content-text, #footersection .inside
    {
        padding: 4rem;
    }
    #footer .inside
    {
        padding: 2rem 4rem 1rem;
    }
}
.mod_article.hell
{
    background-color: #F5F0EF;
    background: url(../../files/theme_rm/img/rm_bg.jpg) center / cover no-repeat #F4E2DC;
}
.mod_article.grau
{
    background-color: #FBF6F3;
    background-image: linear-gradient(160deg, #FBF6F3 50%, #EFDDD0 200%);
    background-blend-mode:color-burn;
}

.mod_headerLogo {
    align-self: end;
}
.mod_headerLogo A {
    text-decoration: none;
    color: transparent;
}
#header .content-image {
    line-height: 0;
}
#header .headerphoto IMG {
    line-height: 0;
    object-fit: cover;
}
@media (min-width: 992px) {
    #header .headerphoto IMG {
        height: 400px;
    }
}
@media (min-width: 1602px) {
    #header .headerphoto IMG {
        height: 480px;
    }
}
#header {
    background: url(../../files/theme_rm/img/rm_bg.jpg) center / cover no-repeat #F4E2DC;
}
#header [class*=grid_] {
    grid-gap: 0;
}
#header .facebook {
    position: absolute;
    right: 80px;
    top: 7px;
}
#header .facebook IMG {
    width: 20px;
}
.mod_headerLogo {
    padding: 1rem;
    text-align: center;
}
.mod_headerLogo H1 {
    font-size: 3rem;
    font-size: clamp(2.6rem, 1.7rem + 2.4vw, 4.4rem);
    line-height: 1;
    color: #40012A;
    margin: 0;
}
.mod_headerLogo H2 {
    color: #DC9988;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 1.25rem;
    font-size: clamp(0.825rem, 0.6375rem + 0.5vw, 1.2rem);
    font-family: "Open Sans", sans-serif;
    margin: 0;
    line-height: 1.5;
}
@media (min-width: 576px) {
    .mod_headerLogo {
        padding: 2rem;
    }
}
@media (min-width: 992px) {
    .mod_headerLogo {
        padding: 4rem;
    }
}
/*.aktuelles .mod_headerLogo, .aktuelles #header
{
    background-color: #E9C6C0;
}*/
/*.aktuelles .mod_headerLogo H1
{
    color: #4D1723;
}*/
/*.aktuelles .mod_headerLogo H2
{
    color: #FFF;
}*/
/*.biografie .mod_headerLogo, .biografie #header
{
    background-color: #4D1723;
}*/
/*.biografie .mod_headerLogo H1
{
    color: #FFF;
}*/
/*.biografie .mod_headerLogo H2
{
    color: #92535C;
}*/
/*.diskografie .mod_headerLogo, .diskografie #header
{
    background-color: #E1C2A6;
}*/
/*.diskografie .mod_headerLogo H1
{
    color: #4D1723;
}*/
/*.diskografie .mod_headerLogo H2
{
    color: #FFF;
}*/
/*.galerie .mod_headerLogo, .galerie #header
{
    background-color: #9FC5C8;
}*/
/*.galerie .mod_headerLogo H1
{
    color: #4D1723;
}*/
/*.galerie .mod_headerLogo H2
{
    color: #FFF;
}*/
/*.repertoire .mod_headerLogo, .repertoire #header
{
    background-color: #000000;
}*/
/*.repertoire .mod_headerLogo H1
{
    color: #FFF;
}*/
/*.repertoire .mod_headerLogo H2
{
    color: #960021;
}*/
/*.hoerproben .mod_headerLogo, .hoerproben #header
{
    background-color: #4D1723;
}*/
/*.hoerproben .mod_headerLogo H1
{
    color: #92535C;
}*/
/*.hoerproben .mod_headerLogo H2
{
    color: #FFF;
}*/
/*.kontakt .mod_headerLogo, .kontakt #header
{
}*/
/*.kontakt .mod_headerLogo H1
{
    color: #FFF;
}*/
/*.kontakt .mod_headerLogo H2
{
    color: #92535C;
}*/
/*.gesangspaedagogik .mod_headerLogo, .gesangspaedagogik #header
{
    background-color: #C0B7A8;
}*/
/*.gesangspaedagogik .mod_headerLogo H1
{
    color: #762C55;
}*/
/*.gesangspaedagogik .mod_headerLogo H2
{
    color: #FFF;
}*/

/*Aktuelles*/
.mod_newslist.blog {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-gap: 1rem;
    margin-bottom: 1rem;
}
.mod_newslist .layout_latest {
    background-color: #FFFFFF;
    position: relative;
}
.mod_newslist .layout_latest .newslatesttext {
    padding: 1rem 1rem 3rem 1rem;
}
.mod_newslist .layout_latest .ce_text {
    font-size: 90%;
}
.mod_newslist H2,
.mod_newslist H2 A {
    font-size: 1rem;
    font-size: clamp(1.1rem, 1.05rem + 0.1333vw, 1.2rem);
    margin-top: 0;
    color: #40012A;
    text-transform: none;
    text-transform: uppercase;
}
.mod_newslist H2 {
    border-bottom: 1px dotted #40022A;
    -webkit-hyphens: auto;
    hyphens: auto;
    padding-bottom: 1rem;
}
.mod_newslist H2:before {
    content: "";
    border: 0.5rem solid #ED4197;
    display: block;
    width: 0;
    height: 0;
    margin-bottom: 0.5rem;
}
.mod_newslist .layout_latest IMG {
    filter: sepia(50%) saturate(0);
    width: 100%;
}
.mod_newslist .layout_latest.featured IMG {
    filter: sepia(50%) saturate(2);
}
#main .mod_newslist .layout_latest IMG:hover {
    filter: none;
}
.mod_newslist .layout_latest.teaserimage H1 A {
    color: #000;
}
.mod_newslist .layout_latest .more {
    position: absolute;
    bottom: 0;
    left: 1rem;
}
.mod_newsreader .image_container {
    width: 280px;
    float: left;
    height: auto;
    margin-right: 40px;
    margin-bottom: 40px;
}
.mod_newsreader .info {
    display: none;
}
.mod_newsreader .back {
    border-top: 1px dotted #40062A;
    padding-top: 2rem;
    margin-top: 1rem;
}
.mod_newslist .layout_simple TIME {
    margin-right: 1rem;
}
/*Repertoire*/
.repertoire TABLE {
    width: 100%;
}
.repertoire TABLE THEAD TH {
    padding-bottom: 1rem;
    text-transform: uppercase;
    font-weight: normal;
    padding-top: 0;
}
.repertoire TABLE TR TH {
    width: 26%;
    padding-top: 0.5rem;
}
.repertoire TABLE TR TD {
    width: 37%;
    padding-bottom: 1rem;
    padding-top: 0.5rem;
}
.repertoire TABLE TR {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: rgba(87, 78, 94, 0.333);
}
.repertoire TABLE TD {
    width: auto;
}
.biografie .ce_download {
    font-size: 12px;
    font-style: italic;
}
.biografie .ce_download .mime_icon {
    vertical-align: text-bottom;
}
.kursiv {
    font-style: italic;
}
BLOCKQUOTE {
    font-family: "Gilda Display", serif;
    font-size: 1rem;
    font-size: clamp(0.8rem, 0.7rem + 0.2667vw, 1rem);
}
H3.pressetitel {
    font-size: 2rem;
    font-style: italic;
}
.zeitung {
    color: #404040;
}
.liste LI {
    list-style: none;
    margin-left: 1.4rem;
}
.liste LI:before {
    font-family: 'Material Icons';
    content: "\e5e1";
    color: #ED4197;
    margin-left: -1.4rem;
    margin-right: 0.5rem;
}
.liste LI LI {
    margin-left: 2em;
}
.compactdisc IMG {
    width: 100%;
    border-bottom: 1px solid currentColor;
    padding-bottom: 2rem;
    margin-bottom: 1rem;
}
/*Galerie*/
.content-gallery {
    line-height: 0;
    position: relative;
}
.content-gallery--cols-1 UL,
.content-gallery--cols-2 UL,
.content-gallery--cols-3 UL,
.content-gallery--cols-4 UL,
.content-gallery--cols-5 UL,
.content-gallery--cols-6 UL,
.content-gallery--cols-7 UL,
.content-gallery--cols-8 UL,
.content-gallery--cols-9 UL,
.content-gallery--cols-10 UL,
.content-gallery--cols-11 UL,
.content-gallery--cols-12 UL {
    display: grid;
    grid-gap: 1rem 1rem;
}
.content-gallery--cols-1 UL {
    grid-template-columns: 1fr;
}
.content-gallery--cols-2 UL {
    grid-template-columns: repeat(2, 1fr);
}
.content-gallery--cols-3 UL {
    grid-template-columns: repeat(3, 1fr);
}
.content-gallery--cols-4 UL {
    grid-template-columns: repeat(4, 1fr);
}
.content-gallery--cols-5 UL {
    grid-template-columns: repeat(5, 1fr);
}
.content-gallery--cols-6 UL {
    grid-template-columns: repeat(6, 1fr);
}
.content-gallery--cols-7 UL {
    grid-template-columns: repeat(7, 1fr);
}
.content-gallery--cols-8 UL {
    grid-template-columns: repeat(8, 1fr);
}
.content-gallery--cols-9 UL {
    grid-template-columns: repeat(9, 1fr);
}
.content-gallery--cols-10 UL {
    grid-template-columns: repeat(10, 1fr);
}
.content-gallery--cols-11 UL {
    grid-template-columns: repeat(11, 1fr);
}
.content-gallery--cols-12 UL {
    grid-template-columns: repeat(12, 1fr);
}
#main .content-gallery .image_container {
    overflow: hidden;
    /*+transition: 500ms ease-in-out;*/
    -webkit-transition: 500ms ease-in-out;
    -moz-transition: 500ms ease-in-out;
    -o-transition: 500ms ease-in-out;
    transition: 500ms ease-in-out;
    line-height: 0;
}
#main .content-gallery IMG,
#main A IMG {
    /*+transform: scale(1);*/
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    /*+transition: 500ms ease;*/
    -webkit-transition: 500ms ease;
    -moz-transition: 500ms ease;
    -o-transition: 500ms ease;
    transition: 500ms ease;
    overflow: hidden;
    line-height: 0;
}
#main .content-gallery IMG:hover,
#main .content-gallery.fullcolor IMG,
#main A IMG:hover {
    filter: sepia(50%) hue-rotate(-60deg) saturate(1.5);
}
@media (max-width: 899px) {
    .content-gallery--cols-5 UL,
    .content-gallery--cols-6 UL,
    .content-gallery--cols-7 UL,
    .content-gallery--cols-8 UL,
    .content-gallery--cols-9 UL,
    .content-gallery--cols-10 UL,
    .content-gallery--cols-11 UL,
    .content-gallery--cols-12 UL {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 599px) {
    .content-gallery--cols-1 UL,
    .content-gallery--cols-2 UL,
    .content-gallery--cols-3 UL,
    .content-gallery--cols-4 UL,
    .content-gallery--cols-5 UL,
    .content-gallery--cols-6 UL,
    .content-gallery--cols-7 UL,
    .content-gallery--cols-8 UL,
    .content-gallery--cols-9 UL,
    .content-gallery--cols-10 UL,
    .content-gallery--cols-11 UL,
    .content-gallery--cols-12 UL {
        grid-template-columns: repeat(2, 1fr);
    }
}
FIGURE
{
    position: relative;
}
FIGURE FIGCAPTION
{
    display: none;
}
.showCaption FIGURE FIGCAPTION
{
    margin: 0 auto;
    position: absolute;
    right: 1.5rem;
    bottom: 0;
    text-align: center;
    display: inherit;
    background-color: rgba(255, 255, 255, 0.500);
    font-size: 66%;
    padding: 0.25rem;
    display: normal;
    line-height: normal;
    color: #ED4197;
    /*+transform: rotate(90deg);*/
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: right bottom;
}
.full .content-gallery--cols-1 UL,
.full .content-gallery--cols-2 UL,
.full .content-gallery--cols-3 UL,
.full .content-gallery--cols-4 UL,
.full .content-gallery--cols-5 UL,
.full .content-gallery--cols-6 UL,
.full .content-gallery--cols-7 UL,
.full .content-gallery--cols-8 UL,
.full .content-gallery--cols-9 UL,
.full .content-gallery--cols-10 UL,
.full .content-gallery--cols-11 UL,
.full .content-gallery--cols-12 UL {
    display: grid;
    grid-gap: 0;
}
/*Video*/
.ce_video,
.ce_inlinemedia,
.ce_youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    margin: 1em 0;
    /*+box-shadow: 0 10px 20px -15px #000000;*/
    -moz-box-shadow: 0 10px 20px -15px #000000;
    -webkit-box-shadow: 0 10px 20px -15px #000000;
    box-shadow: 0 10px 20px -15px #000000;
}
.ce_video IFRAME,
.ce_video OBJECT,
.ce_video EMBED,
.ce_inlinemedia IFRAME,
.ce_youtube IFRAME {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
/*Swiper Slider*/
:root {
    --swiper-theme-color:#ED4197;
    --swiper-navigation-size:2rem;
}
BUTTON.swiper-button-next,
BUTTON.swiper-button-prev {
    padding: 2rem 1rem;
}
.swiper-button-next,
.swiper-button-prev {
    background-color: transparent;
    border: none;
    /*+transition: 500ms ease-in-out;*/
    -webkit-transition: 500ms ease-in-out;
    -moz-transition: 500ms ease-in-out;
    -o-transition: 500ms ease-in-out;
    transition: 500ms ease-in-out;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #F5F0EE;
}
.swiper-slide {
    text-align: center;
    width: 100% !important;
}
.swiper-slide .content-text {
    padding: 1rem 3rem;
}
.swiper-slide H3 {
    line-height: 1.25;
    font-size: 1.2rem;
}
/*Timeline*/
.roadmap.roadmap--orientation-horizontal .roadmap__navigation > * A,
.roadmap.roadmap--orientation-vertical .roadmap__navigation > * A,
.roadmap.roadmap--orientation-auto .roadmap__navigation > * A {
    padding: 1rem;
    font-size: 120%;
    margin: 1rem 0;
}
.slider-control-roadmap .slider-menu B {
    color: #F5F0EE;
}
.slider-control-roadmap .slider-menu B.active {
    color: #ED4197;
}
.slider-control-roadmap .slider-prev,
.slider-control-roadmap .slider-next {
    color: #969696;
}
.roadmap.roadmap--orientation-horizontal .roadmap__events__event:after,
.roadmap.roadmap--orientation-horizontal .roadmap__events__event:before,
.roadmap.roadmap--orientation-horizontal .roadmap__events:after,
.roadmap.roadmap--orientation-vertical .roadmap__events__event:after,
.roadmap.roadmap--orientation-vertical .roadmap__events__event:before,
.roadmap.roadmap--orientation-vertical .roadmap__events:after,
.roadmap.roadmap--orientation-auto .roadmap__events__event:after,
.roadmap.roadmap--orientation-auto .roadmap__events__event:before,
.roadmap.roadmap--orientation-auto .roadmap__events:after {
    background-color: #ED4197;
}
.roadmap .ce_text {
    font-size: clamp(0.9rem, 0.8rem + 0.1778vw, 1rem);
    line-height: 1.4;
}
.roadmap FIGURE {
    object-fit: scale-down !important;
}
.roadmap FIGCAPTION {
    display: none;
}
/*Vita Slider*/
.rsts-main,
.rsts-main * {
    background-color: rgba(133, 133, 133, 0.100);
}
.rsts-skin-default .rsts-caption {
    background-color: #EC4196;
    background-color: rgba(235, 65, 149, 0.333);
    font-size: 1.1rem;
    line-height: 1.33;
}
.mod_rocksolid_slider .rsts-text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem;
    background-color: #EC4196;
    background-color: rgba(235, 65, 149, 0.500);
    color: #FFFFFF;
    line-height: 1.33;
    backdrop-filter:blur(1rem);
    width: 100%;
    margin-bottom: 0;
}
.mod_rocksolid_slider .rsts-text STRONG {
    background-color: transparent;
}

/*Main Navigation*/
#mainmenu {
    background-color: #40012A;
}
#mainmenu UL.level_1 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    line-height: 0;
    margin: 0;
}
#mainmenu UL.level_2 {
    display: block;
    position: absolute;
    top: auto;
    z-index: 999;
}
#mainmenu .level_1 A,
#mainmenu .level_1 STRONG {
    display: block;
    text-align: center;
    font-size: 1.23rem;
    font-size: clamp(1rem, 0.85rem + 0.2667vw, 1.15rem);
    text-decoration: none;
    color: #FFFFFF;
    /*+transition: all 500ms ease;*/
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    line-height: 1;
    padding:clamp(1rem, 0.85rem + 0.2667vw, 1.15rem);
    text-transform: uppercase;
    letter-spacing: 0.025vw;
}
#mainmenu .level_1 LI A:hover {
    color: #FFFFFF;
    background-color: #710273;
}
#mainmenu .level_1 A.trail,
#mainmenu .level_1 LI .active {
    color: #FFFFFF;
    font-weight: normal;
    background-color: #ED4197;
}
@media (max-width: 900px) {
    #mainmenu {
        display: none;
    }
}
/*Dropdown*/
#mainmenu .level_2 LI A,
#mainmenu .level_2 LI STRONG {
    font-size: 1em;
    text-align: center;
    color: #FFFFFF;
    padding: 1rem;
    margin: 0;
    text-transform: none;
    background-color: #40022A;
    line-height: 1.5;
    border-bottom: 1px solid #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.025vw;
}
#mainmenu .level_2 LI A.last,
#mainmenu .level_2 LI .active.last,
#mainmenu .level_2 LI.last A:hover {
    border-bottom: none;
}
#mainmenu .level_2 LI A:hover {
    background-color: #710273;
}
#mainmenu .level_2 LI .active,
#mainmenu .level_2 LI .forward {
    background-color: #ED4197;
}
#mainmenu .level_2 LI.first.active {
    background-color: transparent;
}
#mainmenu .level_2 LI.first {
    position: relative;
}
#mainmenu .level_2 LI.first:before {
    display: block;
    content: no-close-quote;
    line-height: 0;
    width: 0;
    height: 0;
    border-width: 0 15px 15px;
    border-color: transparent transparent #40022A transparent;
    border-style: solid;
    /*+transform: rotate(360deg);*/
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    margin-left: 50%;
    /*+transform: translateX(-50%);*/
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: transparent;
}
#mainmenu .level_2 {
    position: absolute;
    left: auto;
    right: auto;
    top: auto;
    z-index: 9999;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
}
#mainmenu .submenu:hover .level_2 {
    opacity: 1;
    overflow: visible;
    width: 20%;
    /*+transition: 500ms ease-in-out;*/
    -webkit-transition: 500ms ease-in-out;
    -moz-transition: 500ms ease-in-out;
    -o-transition: 500ms ease-in-out;
    transition: 500ms ease-in-out;
}
@media (max-width: 899px) {
    #mainmenu {
        display: none;
    }
    .mod_mobile_menu {
        background-color: #40012A;
    }
    .mobile_menu_trigger {
        color: #FFFFFF;
        font-size: 3rem;
        padding: 0 4rem;
        line-height: 1;
        cursor: pointer;
    }
    .mobile_menu .inner {
        background-color: #40012A;
        padding: 2rem 0;
    }
}
@media (max-width: 599px) {
    .mobile_menu_trigger {
        padding: 0.5rem 1rem;
    }
}
#mobileNAV A,
#mobileNAV STRONG {
    display: block;
    font-size: 1.23rem;
    font-size: clamp(1rem, 0.85rem + 0.2667vw, 1.15rem);
    text-decoration: none;
    color: #FFFFFF;
    /*+transition: all 500ms ease;*/
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: "Open Sans", sans-serif;
    line-height: 1;
    padding: 1rem;
    text-transform: uppercase;
}
#mobileNAV A:hover {
    color: #FFFFFF;
    background-color: #710273;
}
#mobileNAV STRONG,
#mobileNAV A.trail,
#mobileNAV A.active {
    color: #FFFFFF;
    font-weight: normal;
    background-color: #ED4197;
}
#mobileNAV .level_2 LI A,
#mobileNAV .level_2 LI STRONG {
    padding: 1rem 1rem 1rem 3rem;
    line-height: 1.6;
}
#mobileNAV .level_2 LI A:before {
    font-family: 'Material Icons';
    content: "\e5e1";
    color: #ED4197;
    vertical-align: bottom;
    padding-right: 0.25rem;
    margin-left: -1.25rem;
}
#mobileNAV .level_2 LI STRONG.active:before {
    color: #FFFFFF;
}
/*Disclaimer*/
#disclaimerNAV LI {
    display: inline-block;
}
#disclaimerNAV A,
#disclaimerNAV STRONG {
    padding-right: 0.5rem;
    font-size: 0.925rem;
    color: #40022A;
    font-weight: normal;
}
#disclaimerNAV A:hover,
#disclaimerNAV STRONG,
#disclaimerNAV A.trail,
#disclaimerNAV A.active {
    color: #ED4197;
}
@media (max-width: 576px) {
    #disclaimerNAV LI {
        display: block;
    }
}
/*Onepage*/
#onepage {
    padding-top: 1rem;
}
#onepage LI {
    display: inline-block;
}
#onepage LI:before {
    font-family: 'Material Icons';
    content: "\e5e1";
    color: #ED4197;
}
#onepage A,
#onepage STRONG {
    padding-right: 0.5rem;
    font-size: 1.25rem;
    text-transform: uppercase;
    color: #40022A;
    font-weight: normal;
}
#onepage A:hover,
#onepage STRONG,
#onepage A.trail,
#onepage A.active {
    color: #ED4197;
}
@media (max-width: 576px) {
    #onepage LI {
        display: block;
    }
}
/*Sprachenwechsler*/
.mod_changelanguage
{
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
}
.mod_changelanguage A {
    padding: 0.75rem;
    display: block;
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.666);
    text-decoration: none;
    font-size: 80%;
    line-height: 1;
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.333);
    /*+border-radius: 3px;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    /*+box-shadow: 0 0 1rem -0.5rem rgba(0, 0, 0, 0.250);*/
    -moz-box-shadow: 0 0 1rem -0.5rem rgba(0, 0, 0, 0.250);
    -webkit-box-shadow: 0 0 1rem -0.5rem rgba(0, 0, 0, 0.250);
    box-shadow: 0 0 1rem -0.5rem rgba(0, 0, 0, 0.250);
}
.mod_changelanguage A:hover {
    background-color: rgba(255, 255, 255, 0.333);
}
@media (max-width: 992px) {
    .mod_changelanguage {
        position: absolute;
        /*+transform: rotate(90deg);*/
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        right: 0;
    }
}
@media (max-width: 576px) {
    .mod_changelanguage {
        position: relative;
        /*+transform: none;*/
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0;
        right: 0;
    }
    .mod_changelanguage A {
        /*+border-radius: 0;*/
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        border-radius: 0;
    }
}
/*Pagination*/
.mod_changelanguage LI {
}
#main .pagination {
    line-height: 1em;
    font-size: 13px;
    margin-top: 30px;
    border-top: 1px solid #F2F2F2;
    padding-top: 20px;
}
#main .pagination P {
    display: block;
    float: right;
    line-height: 2em;
}
#main .pagination LI {
    display: inline-block;
    width: auto;
    margin-right: 5px;
}
#main .pagination A,
#main .pagination STRONG {
    display: block;
    text-decoration: none;
    /*color: #FFFFFF;*/
    text-transform: lowercase;
    /*background-color: #ED4197;*/
    padding: 5px 8px;
    /*+transition: all 500ms ease-in-out;*/
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
/*#main .pagination A:hover
{
    color: #FFFFFF;
    background-color: #C3D523;
}*/
#main .pagination STRONG,
#main .pagination A.trail,
#main .pagination A.active {
    /*background-color: #677317;*/
}
/*Toplink*/
.nach_oben_link I {
    font-size: 2.5rem;
    color: #FFFFFF;
}
.nach_oben_link A {
    color: #FFFFFF;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0.2rem;
    line-height: 1;
    z-index: 9999;
    cursor: pointer;
    background-color: #ED4197;
}
.nach_oben_link A:hover {
    background-color: #700173;
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/theme_rm/fonts/open-sans-v43-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/theme_rm/fonts/open-sans-v43-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/theme_rm/fonts/open-sans-v43-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../../files/theme_rm/fonts/open-sans-v43-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gilda-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Gilda Display';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/theme_rm/fonts/gilda-display-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* material-icons-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/theme_rm/fonts/material-icons-v143-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* material-icons-outlined-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/theme_rm/fonts/material-icons-outlined-v110-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*

 SoundManager 2: "page as playlist" example
 ------------------------------------------
 http://schillmania.com/projects/soundmanager2/

*/
/* peak data */
ul.playlist {
 list-style-type: none;
 margin: 0 auto;
 padding: 0;
 /* font trickery */
 -moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased;
 /*+transition: 500ms ease-in-out;*/
 -webkit-transition: 500ms ease-in-out;
 -moz-transition: 500ms ease-in-out;
 -o-transition: 500ms ease-in-out;
 transition: 500ms ease-in-out;
}

ul.playlist li {
 /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
 position: relative;
 font-size: 1rem;
 border: none;
 background-color: #ED4197;
 /*+transition: 500ms ease-in-out;*/
 -webkit-transition: 500ms ease-in-out;
 -moz-transition: 500ms ease-in-out;
 -o-transition: 500ms ease-in-out;
 transition: 500ms ease-in-out;
 overflow: visible;
 /*+border-radius: 0.25rem;*/
 -moz-border-radius: 0.25rem;
 -webkit-border-radius: 0.25rem;
 -khtml-border-radius: 0.25rem;
 border-radius: 0.25rem;
 padding: 1rem;
 line-height: 1;
}

ul.playlist li a {
 display: block;
 text-decoration: none;
 color: #FFFFFF;
 outline: none;
 position: relative;
 z-index: 2;
 letter-spacing: 0;
 padding-left: 3rem;
 padding-bottom: 0.5rem;
}

ul.playlist li a:before {
 font-family: 'Material Icons';
 content: "\e038";
 color: #FFFFFF;
 /*+transition: 500ms ease-in-out;*/
 -webkit-transition: 500ms ease-in-out;
 -moz-transition: 500ms ease-in-out;
 -o-transition: 500ms ease-in-out;
 transition: 500ms ease-in-out;
 font-size: 2rem;
 vertical-align: middle;
 padding-right: 1rem;
 margin-left: -3rem;
}

ul.playlist li.sm2_playing,
ul.playlist li.sm2_paused,
ul.playlist li.sm2_playing a {
 color: #FFF;
}

ul.playlist li.sm2_playing a:before {
 color: #FFFFFF;
 content: "\e1a2";
 font-family: 'Material Icons';
}

ul.playlist li:hover {
 background-color: #40012A;
}

ul.playlist li:hover a,
ul.playlist li:hover a:before {
 color: #FFFFFF;
}

ul.playlist li.sm2_playing,
ul.playlist li.sm2_playing:hover {
 background-color: #40012A;
}

ul.playlist li.sm2_paused {
 opacity: 0.5;
}

ul.playlist li.sm2_playing:hover a,
ul.playlist li.sm2_paused a {
 color: #FFF;
}

ul.playlist li .controls {
 display: none;
}

ul.playlist li .peak,
ul.playlist.use-peak li .peak {
 display: none;
 position: absolute;
 top: 0.55em;
 right: 0.5em;
}

ul.playlist li.sm2_playing .controls,
ul.playlist li.sm2_paused .controls {
 position: relative;
 display: block;
}

ul.playlist.use-peak li.sm2_playing .peak,
ul.playlist.use-peak li.sm2_paused .peak {
 display: inline;
 display: inline-block;
}

ul.playlist.use-peak li .peak {
 display: none;
 /* IE 7 */
}

ul.playlist li.sm2_paused .controls {
 background-color: #666;
}

ul.playlist li:hover .controls .statusbar {
 position: relative;
 cursor:-moz-grab;
 cursor:-webkit-grab;
 cursor:grab;
}

ul.playlist li.sm2_paused .controls .statusbar {
 background-color: #CCC;
}

ul.playlist li .controls {
 position: relative;
 margin-top: 0.25em;
 margin-bottom: 0.25em;
 background-color: #99CCFF;
}

ul.playlist li .controls .statusbar {
 position: relative;
 height: 0.5em;
 background-color: #CCDDFF;
 border: 2px solid #FFF;
 border-radius: 2px;
 overflow: hidden;
 cursor:-moz-grab;
 cursor:-webkit-grab;
 cursor:grab;
}

ul.playlist li .controls.dragging .statusbar {
 cursor:-moz-grabbing;
 cursor:-webkit-grabbing;
 cursor:grabbing;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading,
ul.playlist li .controls .statusbar .annotation {
 position: absolute;
 left: 0px;
 top: 0px;
 height: 0.5em;
}

ul.playlist li .controls .statusbar .position {
 background-color: #ED4197;
 border-radius: 3px;
}

ul.playlist li.sm2_paused .controls .statusbar .position {
 background-color: #666;
 border-color: #666;
}

ul.playlist li .controls .statusbar .loading {
 background-color: #EEE;
 transition: width 0.15s ease-in-out;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading {
 width: 0px;
}

ul.playlist li.sm2_playing a.sm2_link,
ul.playlist li.sm2_paused a.sm2_link {
 margin-right: 4.5em;
 /* room for timing stuff */
}

ul.playlist li .timing {
 position: absolute;
 top: 1.4rem;
 right: 1rem;
 display: none;
 text-align: center;
 color: #ED4197;
}

ul.playlist li:hover .timing {
 z-index: 2;
}

ul.playlist li .timing div.sm2_timing {
 margin: 0px;
 padding: 0px;
}

ul.playlist li.sm2_playing .timing,
ul.playlist li.sm2_paused .timing {
 display: block;
}

ul.playlist li.sm2_paused .timing .sm2_position {
 text-decoration: blink;
 /* hee hee. first actual appropriate use? :D */
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; -webkit-transform: translate3d(0,0,0); }
#cboxWrapper { max-width: none; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background-color: rgba(0, 0, 0, 0.666); opacity: 0.66; filter: alpha(opacity = 66); backdrop-filter:blur(10px); }
#colorbox { outline: 0; }
#cboxContent { margin-top: 32px; overflow: visible; background: #000; }
.cboxIframe { background: #FFFFFF; }
#cboxError { padding: 50px; border: 1px solid #CCC; }
#cboxLoadedContent { background: #000; padding: 0; }
#cboxLoadingGraphic { background: url(../../files/theme_rm/img/loading.gif) no-repeat center center; }
#cboxLoadingOverlay { background: #000; }
#cboxTitle
{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFFFFF;
    background-color: #EC4196;
    padding: 0.5rem 0.75rem;
    max-width: 66%;
    font-size: 80%;
    line-height: 1.3;
}

#cboxCurrent { position: absolute; top: -1.5rem; right: 205px; text-indent: -9999px; }
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: -20px; background: url(../../files/theme_rm/img/controls.png) no-repeat 0 0; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }
#cboxPrevious { background-position: 0px 0px; right: 44px; }
#cboxPrevious:hover { background-position: 0px -25px; }
#cboxNext { background-position: -25px 0px; right: 22px; }
#cboxNext:hover { background-position: -25px -25px; }
#cboxClose { background-position: -50px 0px; right: 0; }
#cboxClose:hover { background-position: -50px -25px; }
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 66px; }
.cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; }
.cboxSlideshow_on #cboxSlideshow:hover { background-position: -100px -25px; }
.cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; }
.cboxSlideshow_off #cboxSlideshow:hover { background-position: -75px -25px; }