






:root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(119, 17, 68, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 10, 38, 1.00);--warning:rgba(204, 0, 0, 1.00);--alert:rgba(179, 25, 102, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(89, 0, 38, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 0, 8, 1.00);--warning-dark:rgba(174, 0, 0, 1.00);--alert-dark:rgba(149, 0, 72, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(119, 17, 68, 1.00);--link-color-hover:rgba(179, 25, 102, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:underline;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(119, 17, 68, 1.00);--link-color-hover:rgba(179, 25, 102, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{}
 p,.p,           .einzeilig{font-size:calc(16rem/16) ;line-height:1.00 ;}@media only screen and (min-width:40em) { p,.p,           .einzeilig{font-size:calc(16rem/16) ;line-height:1.00 }}@media only screen and (min-width:64em) { p,.p,           .einzeilig{font-size:calc(16rem/16) ;line-height:1.00 }}
html,body, p,.p, h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6, blockquote, .menu li, li, form, .button,.myclass{font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif }
.audio-player{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ; background-image: linear-gradient(15deg, #714 20%, white 100%) }@media (hover:none) and (pointer:coarse){.audio-player{background-attachment:scroll!important}}
.audio-player{border-radius:100px ;}
.audio-player{margin-top:-0.75rem ;}  


 .mymenu>.menu a, .menu.mymenu a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(204, 204, 204, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(119, 17, 68, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mymenu>.menu .menu-text, .menu.mymenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.menu>li>a, .menu.mymenu>li>a{padding-top:1rem;padding-bottom:1rem} .mymenu>.menu .submenu>li>a, .menu.mymenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mymenu>.menu li.active>a, .mymenu>.menu li.is-active>a, .mymenu>.menu a.is-active, .menu.mymenu li.active>a, .menu.mymenu li.is-active>a, .menu.mymenu a.is-active{--menu-bg-color:rgba(179, 25, 102, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(119, 17, 68, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .submenu a{--menu-caret-color:rgba(119, 17, 68, 1.00)} .mymenu>.menu .submenu, .menu.mymenu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .mymenu>.menu .submenu .menu-text, .menu.mymenu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(179, 25, 102, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)}
 .mobile-menu>.menu a, .menu.mobile-menu a{--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(119, 17, 68, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mobile-menu>.menu .menu-text, .menu.mobile-menu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu>li>a, .menu.mobile-menu>li>a{padding-top:1rem;padding-bottom:1rem} .mobile-menu>.menu .submenu>li>a, .menu.mobile-menu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mobile-menu>.menu li.active>a, .mobile-menu>.menu li.is-active>a, .mobile-menu>.menu a.is-active, .menu.mobile-menu li.active>a, .menu.mobile-menu li.is-active>a, .menu.mobile-menu a.is-active{--menu-bg-color:rgba(67, 10, 38, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(119, 17, 68, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mobile-menu>.menu .submenu li.active>a, .mobile-menu>.menu .submenu li.is-active>a, .mobile-menu>.menu .submenu a.is-active, .menu.mobile-menu .submenu li.active>a, .menu.mobile-menu .submenu li.is-active>a, .menu.mobile-menu .submenu a.is-active{--menu-caret-color:rgba(119, 17, 68, 1.00)} .mobile-menu>.menu .submenu a, .menu.mobile-menu .submenu a{--menu-caret-color:rgba(119, 17, 68, 1.00)} .mobile-menu>.menu .submenu, .menu.mobile-menu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mobile-menu>.menu .submenu a, .menu.mobile-menu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu .submenu .menu-text, .menu.mobile-menu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu .submenu li.active>a, .mobile-menu>.menu .submenu li.is-active>a, .mobile-menu>.menu .submenu a.is-active, .menu.mobile-menu .submenu li.active>a, .menu.mobile-menu .submenu li.is-active>a, .menu.mobile-menu .submenu a.is-active{--menu-caret-color:rgba(119, 17, 68, 1.00);--menu-bg-color:rgba(67, 10, 38, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)}
.hero{background-image:url('../index_files/bgimage-8-41B.jpg') ;background-repeat:no-repeat    ;background-size:  cover ;background-position:right center ;background-attachment:scroll   ;background-origin:padding-box ;background-blend-mode:screen ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.hero{background-attachment:scroll!important}}
.hero-overlay{background-color:var(--overlay-color) ;}
.hero-overlay{height:50vh ;} @media only screen and (min-width:40em){.hero-overlay{height:75vh }}@media only screen and (min-width:64em){.hero-overlay{height:75vh }} 
h1 h2{text-shadow:2px 2px 5px rgba(0, 0, 0, 0.60);}
.mymenu{position: absolute  !important;z-index:5 !important;top:unset !important;bottom:0px !important;left:unset !important;right:unset !important;}
.burger{position: absolute  ;z-index:1 ;top:10px ;bottom:unset ;left:10px ;right:unset ;}
.mobile-menu-wrapper{height:100% ;}  
.hero-header-h1{display:inline-block;white-space:nowrap}
.hero-header-h2{display:inline-block;white-space:nowrap}
            .mobile-menu{font-size:calc(24rem/16) ;}@media only screen and (min-width:40em){            .mobile-menu{font-size:calc(24rem/16) }}@media only screen and (min-width:64em){            .mobile-menu{font-size:calc(24rem/16) }}
            .mymenu{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em){            .mymenu{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){            .mymenu{font-size:calc(18rem/16) }}
            .mobile-menu{font-size:calc(24rem/16) ;}@media only screen and (min-width:40em){            .mobile-menu{font-size:calc(24rem/16) }}@media only screen and (min-width:64em){            .mobile-menu{font-size:calc(24rem/16) }}
            .mymenu{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em){            .mymenu{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){            .mymenu{font-size:calc(18rem/16) }}

.subheader-bg{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ; background-image: linear-gradient(15deg, #714 20%, white 100%) }@media (hover:none) and (pointer:coarse){.subheader-bg{background-attachment:scroll!important}}
.subheader-left-column{min-height:4rem ;max-height:none ;}
.subheader-text{text-shadow:1px -1px 3px var(--medium-gray);}
.stacks_in_59 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


.stacks_in_90 > *{display:inline-block;white-space:nowrap}

.mybg{background-image:url('../index_files/bgimage-22.png') ;background-repeat:no-repeat    ;background-size:  cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.mybg{background-attachment:scroll!important}}
.mybg{min-height:16rem ;max-height:none ;}
.textblock{padding-top:2.5rem ;}  
.stacks_in_25 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}









