.oembed.video,.oembed.codepen,.fr-video{display:block;width:100%;margin-bottom:0;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.oembed.video video,.oembed.codepen video,.fr-video video{width:100%}.oembed.video iframe,.oembed.codepen iframe,.fr-video iframe{border:none;height:100%;position:absolute;top:0;width:100%;left:0}img.fr-full-width{min-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw !important;margin-right:-50vw !important} :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(153, 0, 55, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(153, 0, 55, 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(123, 0, 25, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(153, 0, 55, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(67, 79, 77, 1.00);--text-color:rgba(46, 45, 44, 1.00);--link-color:rgba(153, 0, 55, 1.00);--link-color-hover:rgba(46, 45, 44, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--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(1450rem/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(67, 79, 77, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(51, 49, 48, 1.00);--link-color-hover:rgba(153, 0, 55, 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(14rem/16)}h1,.h1{font-size:calc(19rem/16)}h2,.h2{font-size:calc(17rem/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(14rem/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(15rem/16)}h1,.h1{font-size:calc(20rem/16)}h2,.h2{font-size:calc(18rem/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(15rem/16)}small{font-size:90%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(21rem/16)}h2,.h2{font-size:calc(19rem/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:90%}}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{background-color:rgba(240, 241, 243, 1.00);} @font-face{font-family:Roboto;font-style:normal;font-weight:normal;src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-regular.eot");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-regular.svg#font-pro") format("svg");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-regular.ttf") format("truetype");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-regular.woff2") format("woff2");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-regular.woff") format("woff");}@font-face{font-family:Roboto;font-style:normal;font-weight:bold;src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-700.eot");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-700.svg#font-pro") format("svg");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-700.ttf") format("truetype");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-700.woff2") format("woff2");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-700.woff") format("woff");}@font-face{font-family:Roboto;font-style:italic;font-weight:normal;src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-italic.eot");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-italic.eot?#iefix") format("embedded-opentype");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-italic.svg#font-pro") format("svg");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-italic.ttf") format("truetype");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-italic.woff2") format("woff2");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-italic.woff") format("woff");}@font-face{font-family:Roboto;font-style:italic;font-weight:bold;src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-700italic.eot");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-700italic.eot?#iefix") format("embedded-opentype");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-700italic.svg#font-pro") format("svg");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-700italic.ttf") format("truetype");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-700italic.woff2") format("woff2");src:url("https://www.brunnengemeinde.de/webfonts/roboto/roboto-v30-latin-700italic.woff") format("woff");} html,body, blockquote, a, ul,ul li,ol,ol li,dl,dl dd, fieldset,input,textarea,form label,input + label,fieldset label,input + datalist,legend, button,.button,.btn, p:not(.custom-font),.font-family-text,.text_stack:not(.custom-font),.fontpro-stacks_in_571_5{font-family:"Roboto",sans-serif }p:not(.custom-font),p.font-family-text:not(.custom-font),.text_stack:not(.custom-font){font-family:"Roboto",sans-serif } @font-face{font-family:Roboto Slab;font-style:normal;font-weight:normal;src:url("https://www.brunnengemeinde.de/webfonts/roboto-slab/roboto-slab-v24-latin-600.eot");src:url("https://www.brunnengemeinde.de/webfonts/roboto-slab/roboto-slab-v24-latin-600.eot?#iefix") format("embedded-opentype");src:url("https://www.brunnengemeinde.de/webfonts/roboto-slab/roboto-slab-v24-latin-600.svg#font-pro") format("svg");src:url("https://www.brunnengemeinde.de/webfonts/roboto-slab/roboto-slab-v24-latin-600.ttf") format("truetype");src:url("https://www.brunnengemeinde.de/webfonts/roboto-slab/roboto-slab-v24-latin-600.woff2") format("woff2");src:url("https://www.brunnengemeinde.de/webfonts/roboto-slab/roboto-slab-v24-latin-600.woff") format("woff");} html,body, h1,.font-family-h1,h1 a,.font-family-h1 a, h2,.font-family-h2,h2 a,.font-family-h2 a, h3,.font-family-h3,h3 a,.font-family-h3 a, h4,.font-family-h4,h4 a,.font-family-h4 a, h5,.font-family-h5,h5 a,.font-family-h5 a, h6,.font-family-h6,h6 a,.font-family-h6 a,.fontpro-stacks_in_571_8{font-family:"Roboto Slab",sans-serif } h2,.font-family-h2,h2 a,.font-family-h2 a, blockquote, ul,ul li,ol,ol li,dl,dl dd, fieldset,input,textarea,form label,input + label,fieldset label,input + datalist,legend, button,.button,.btn, p:not(.custom-font),.font-family-text,.text_stack:not(.custom-font),.fontpro-stacks_in_571_9{ color:rgba(46, 45, 44, 1.00) ;text-decoration-color:rgba(46, 45, 44, 1.00) ;}p:not(.custom-font),p.font-family-text:not(.custom-font),.text_stack:not(.custom-font){ color:rgba(46, 45, 44, 1.00) ;text-decoration-color:rgba(46, 45, 44, 1.00) ;} small{color:rgba(67, 79, 77, 1.00) ;} h1{margin-bottom:1.5rem ;} .kleiner{font-size:calc(13rem/16) ;}@media only screen and (min-width:40em) { .kleiner{font-size:calc(13rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .kleiner{font-size:calc(13rem/16) ;line-height:1.50 }} .logo{padding-top:20.00px ;padding-right:0.00px ;padding-bottom:40.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.logo{padding-top:30.00px ;padding-right:0.00px ;padding-bottom:50.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.logo{padding-top:40.00px ;padding-right:0.00px ;padding-bottom:60.00px ;padding-left:0.00px }} .losungen-lehrtext-top-bottom{font-size:calc(11rem/16) !important;}@media only screen and (min-width:40em) { .losungen-lehrtext-top-bottom{font-size:calc(12rem/16) !important;line-height:1.50 !important}}@media only screen and (min-width:64em) { .losungen-lehrtext-top-bottom{font-size:calc(13rem/16) !important;line-height:1.50 !important}} .losungen-lehrtext{font-size:calc(13rem/16) !important;font-style:italic !important;}@media only screen and (min-width:40em) { .losungen-lehrtext{font-size:calc(14rem/16) !important;line-height:1.50 !important}}@media only screen and (min-width:64em) { .losungen-lehrtext{font-size:calc(15rem/16) !important;line-height:1.50 !important}} .losungen-lehrtext-top-bottom{color:rgba(94, 94, 94, 1.00) ;} .losungen-lehrtext{color:rgba(94, 94, 94, 1.00) ;} .losungen{padding-top:20.00px !important;padding-right:10.00px !important;padding-bottom:20.00px !important;padding-left:10.00px !important;}@media only screen and (min-width:40em){.losungen{padding-top:25.00px !important;padding-right:12.00px !important;padding-bottom:25.00px !important;padding-left:12.00px !important}}@media only screen and (min-width:64em){.losungen{padding-top:35.00px !important;padding-right:15.00px !important;padding-bottom:35.00px !important;padding-left:15.00px !important}} @media screen and (min-width: 40em){.back-losungen{background-image:url('../files/bgimage-24-1F3.jpg') ;background-repeat:no-repeat ;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-size: cover ; }}@media (hover:none) and (pointer:coarse){.back-losungen{background-attachment:scroll!important}} @media screen and (max-width: 39.9375em){.back-losungen{background-image:url('../files/bgimage-25-1F3.jpg') ;background-repeat:no-repeat ;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-size: cover ; }}@media (hover:none) and (pointer:coarse){.back-losungen{background-attachment:scroll!important}} .losungen{padding-top:2.00% !important;padding-right:3.00% !important;padding-bottom:2.00% !important;padding-left:2.50% !important;}@media only screen and (min-width:40em){.losungen{padding-top:3.50% !important;padding-right:3.00% !important;padding-bottom:3.50% !important;padding-left:2.50% !important}}@media only screen and (min-width:64em){.losungen{padding-top:3.50% !important;padding-right:3.00% !important;padding-bottom:3.50% !important;padding-left:2.50% !important}} .contentback{background-color:rgba(255, 255, 255, 1.00) ;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){.contentback{background-attachment:scroll!important}} .left-column{position:fixed ;z-index:1 ;top:0px ;bottom:unset ;left:0px ;right:unset ;} .left-column{height:100vh ;} .left-column{width:0.00px ;}@media only screen and (min-width:40em){.left-column{width:0.00px }}@media only screen and (min-width:64em){.left-column{width:350.00px }} .right-column{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px ;}@media only screen and (min-width:40em){.right-column{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){.right-column{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:350.00px }} .right-content{padding-top:3.50% ;padding-right:3.50% ;padding-bottom:3.50% ;padding-left:3.50% ;}@media only screen and (min-width:40em){.right-content{padding-top:6.00% ;padding-right:6.00% ;padding-bottom:6.00% ;padding-left:6.00% }}@media only screen and (min-width:64em){.right-content{padding-top:5.00% ;padding-right:5.00% ;padding-bottom:5.00% ;padding-left:5.00% }} .right-column{min-width:0.00px ;max-width:1100.00px ;} .right-content{border-color:rgba(229, 229, 229, 1.00) ;border-width:1px ;border-style:solid ;} .footer{padding:1rem ;} .footer{border-color:rgba(229, 229, 229, 1.00) ;border-width:1px ;border-style:solid ;} .dropdown-pane{padding:0.0625rem ;} .main-menu>.dropdown a, .dropdown.main-menu a{--menu-link-color:rgba(153, 0, 55, 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(153, 0, 55, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .main-menu>.dropdown .menu-text, .dropdown.main-menu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .main-menu>.dropdown a:hover, .dropdown.main-menu a:hover{--menu-bg-color:rgba(153, 0, 55, 1.00)} .main-menu>.dropdown>li>a, .dropdown.main-menu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .main-menu>.dropdown .submenu>li>a, .dropdown.main-menu .submenu>li>a{padding-top:0.25rem;padding-bottom:0.25rem} .main-menu>.dropdown li.active>a, .main-menu>.dropdown li.is-active>a, .main-menu>.dropdown a.is-active, .dropdown.main-menu li.active>a, .dropdown.main-menu li.is-active>a, .dropdown.main-menu a.is-active{--menu-bg-color:rgba(153, 0, 55, 0.00);--menu-link-color:rgba(153, 0, 55, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(153, 0, 55, 1.00)} .main-menu>.dropdown .submenu li.active>a, .main-menu>.dropdown .submenu li.is-active>a, .main-menu>.dropdown .submenu a.is-active, .dropdown.main-menu .submenu li.active>a, .dropdown.main-menu .submenu li.is-active>a, .dropdown.main-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .main-menu>.dropdown .submenu a, .dropdown.main-menu .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .main-menu>.dropdown .submenu, .dropdown.main-menu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .main-menu>.dropdown .submenu a, .dropdown.main-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)} .main-menu>.dropdown .submenu .menu-text, .dropdown.main-menu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .main-menu>.dropdown .submenu li.active>a, .main-menu>.dropdown .submenu li.is-active>a, .main-menu>.dropdown .submenu a.is-active, .dropdown.main-menu .submenu li.active>a, .dropdown.main-menu .submenu li.is-active>a, .dropdown.main-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .submenu{padding:0.5rem !important;} .submenu{border-color:rgba(153, 153, 153, 0.00) ;border-width:0px ;border-style:solid ;} .submenu{background-color:rgba(245, 242, 236, 1.00) ;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){.submenu{background-attachment:scroll!important}} .submenu{transition:opacity 400ms ease 0ms } .menudivider{border-color:rgba(25, 25, 25, 0.15) ;border-bottom-width:1px ;border-bottom-style:solid ;} .menudivider{width:25% ;} .menudivider{position: relative ;z-index:1 ;top:unset ;bottom:unset ;left:50% ;right:50% ;transform:translateX(-50%) ;} .menudivider{margin-top:-0.0625rem ;} .burgerstyle{margin-top:0.75rem !important;} .menu-willkommen{position:relative;white-space:nowrap}.menu-willkommen:before{content:"";position:absolute;bottom:0px;left:0;width:calc(100% - 0rem / 8);margin:0 calc(0rem / 16);height:2px;background:currentcolor;transform:scaleX(0.00);transform-origin: center ;transition:transform 250ms ease-in;background-color:rgba(153, 0, 55, 1.00) ;}.menu-willkommen:hover:before{transform:scaleX(0.09);transform-origin: center } .menu-ueber-uns{position:relative;white-space:nowrap}.menu-ueber-uns:before{content:"";position:absolute;bottom:0px;left:0;width:calc(100% - 0rem / 8);margin:0 calc(0rem / 16);height:2px;background:currentcolor;transform:scaleX(0.00);transform-origin: center ;transition:transform 250ms ease-in;background-color:rgba(153, 0, 55, 1.00) ;}.menu-ueber-uns:hover:before{transform:scaleX(0.09);transform-origin: center } .menu-gemeindeleben{position:relative;white-space:nowrap}.menu-gemeindeleben:before{content:"";position:absolute;bottom:0px;left:0;width:calc(100% - 0rem / 8);margin:0 calc(0rem / 16);height:2px;background:currentcolor;transform:scaleX(0.00);transform-origin: center ;transition:transform 250ms ease-in;background-color:rgba(153, 0, 55, 1.00) ;}.menu-gemeindeleben:hover:before{transform:scaleX(0.09);transform-origin: center } .menu-glaube{position:relative;white-space:nowrap}.menu-glaube:before{content:"";position:absolute;bottom:0px;left:0;width:calc(100% - 0rem / 8);margin:0 calc(0rem / 16);height:2px;background:currentcolor;transform:scaleX(0.00);transform-origin: center ;transition:transform 250ms ease-in;background-color:rgba(153, 0, 55, 1.00) ;}.menu-glaube:hover:before{transform:scaleX(0.09);transform-origin: center } .menu-predigt-infos{position:relative;white-space:nowrap}.menu-predigt-infos:before{content:"";position:absolute;bottom:0px;left:0;width:calc(100% - 0rem / 8);margin:0 calc(0rem / 16);height:2px;background:currentcolor;transform:scaleX(0.00);transform-origin: center ;transition:transform 250ms ease-in;background-color:rgba(153, 0, 55, 1.00) ;}.menu-predigt-infos:hover:before{transform:scaleX(0.09);transform-origin: center } .menu-gemeindebriefe{position:relative;white-space:nowrap}.menu-gemeindebriefe:before{content:"";position:absolute;bottom:0px;left:0;width:calc(100% - 0rem / 8);margin:0 calc(0rem / 16);height:2px;background:currentcolor;transform:scaleX(0.00);transform-origin: center ;transition:transform 250ms ease-in;background-color:rgba(153, 0, 55, 1.00) ;}.menu-gemeindebriefe:hover:before{transform:scaleX(0.09);transform-origin: center } .menu-termine{position:relative;white-space:nowrap}.menu-termine:before{content:"";position:absolute;bottom:0px;left:0;width:calc(100% - 0rem / 8);margin:0 calc(0rem / 16);height:2px;background:currentcolor;transform:scaleX(0.00);transform-origin: center ;transition:transform 250ms ease-in;background-color:rgba(153, 0, 55, 1.00) ;}.menu-termine:hover:before{transform:scaleX(0.09);transform-origin: center } .menu-spenden{position:relative;white-space:nowrap}.menu-spenden:before{content:"";position:absolute;bottom:0px;left:0;width:calc(100% - 0rem / 8);margin:0 calc(0rem / 16);height:2px;background:currentcolor;transform:scaleX(0.00);transform-origin: center ;transition:transform 250ms ease-in;background-color:rgba(153, 0, 55, 1.00) ;}.menu-spenden:hover:before{transform:scaleX(0.09);transform-origin: center } .menu-kontakt{position:relative;white-space:nowrap}.menu-kontakt:before{content:"";position:absolute;bottom:0px;left:0;width:calc(100% - 0rem / 8);margin:0 calc(0rem / 16);height:2px;background:currentcolor;transform:scaleX(0.00);transform-origin: center ;transition:transform 250ms ease-in;background-color:rgba(153, 0, 55, 1.00) ;}.menu-kontakt:hover:before{transform:scaleX(0.09);transform-origin: center } :root{--weinrot:rgba(170, 24, 69, 1.00)} :root{--dunkelgrau:rgba(46, 45, 44, 1.00)} .main-menu>.menu a, .menu.main-menu a{--menu-link-color:rgba(153, 0, 55, 1.00);--menu-link-color-hover:rgba(153, 0, 55, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(153, 0, 55, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .main-menu>.menu .menu-text, .menu.main-menu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .main-menu>.menu a:hover, .menu.main-menu a:hover{--menu-bg-color:rgba(250, 250, 250, 0.00)} .main-menu>.menu>li>a, .menu.main-menu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .main-menu>.menu .submenu>li>a, .menu.main-menu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .main-menu>.menu li.active>a, .main-menu>.menu li.is-active>a, .main-menu>.menu a.is-active, .menu.main-menu li.active>a, .menu.main-menu li.is-active>a, .menu.main-menu a.is-active{--menu-bg-color:rgba(153, 0, 55, 0.00);--menu-link-color:rgba(153, 0, 55, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(153, 0, 55, 1.00)} .main-menu>.menu .submenu li.active>a, .main-menu>.menu .submenu li.is-active>a, .main-menu>.menu .submenu a.is-active, .menu.main-menu .submenu li.active>a, .menu.main-menu .submenu li.is-active>a, .menu.main-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .main-menu>.menu .submenu a, .menu.main-menu .submenu a{--menu-caret-color:rgba(153, 0, 55, 1.00)} .main-menu>.menu .submenu, .menu.main-menu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .main-menu>.menu .submenu a, .menu.main-menu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(153, 0, 55, 1.00)} .main-menu>.menu .submenu .menu-text, .menu.main-menu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .main-menu>.menu .submenu li.active>a, .main-menu>.menu .submenu li.is-active>a, .main-menu>.menu .submenu a.is-active, .menu.main-menu .submenu li.active>a, .menu.main-menu .submenu li.is-active>a, .menu.main-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(153, 0, 55, 0.00);--menu-link-color:rgba(153, 0, 55, 1.00);--menu-link-color-hover:rgba(153, 0, 55, 1.00)} .topbarstyle{background-color:rgba(204, 204, 204, 1.00) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){.topbarstyle{background-attachment:scroll!important}} .logo-mobile{position:fixed !important;z-index:999999 !important;top:10px !important;bottom:unset !important;left:20px !important;right:20px !important;} .logo-mobile{padding-top:0.25rem ;padding-right:2rem ;padding-left:2rem ;} .leftback{background-repeat:no-repeat ;background-position:center top ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.leftback{background-attachment:scroll!important}} .menudivider{border-color:rgba(255, 255, 255, 0.36) ;border-bottom-width:1px ;border-bottom-style:solid ;} .menu-spenden{font-size:calc(16rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) { .menu-spenden{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .menu-spenden{font-size:calc(16rem/16) ;line-height:1.50 }} .menu-spenden{position:relative;white-space:nowrap}.menu-spenden:before{content:"";position:absolute;bottom:0px;left:0;width:calc(100% - 0rem / 8);margin:0 calc(0rem / 16);height:2px;background:currentcolor;transform:scaleX(0.09);transform-origin: center ;transition:transform 250ms ease-in;background-color:rgba(153, 0, 55, 1.00) ;}.menu-spenden:hover:before{transform:scaleX(0.09);transform-origin: center } .stacks_in_568_2 img{width:100%;max-width:125px} .stacks_in_556_163 img{width:100%;max-width:233px} .hamburger { padding: 10px 14px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover, .hamburger:focus, .hamburger:active { background-color: transparent; } .hamburger.burger-left { display: block; margin-right: auto; } .hamburger.burger-right { display: block; margin-left: auto; } .hamburger.burger-center { display: block; margin-right: auto; margin-left: auto; } .hamburger:hover { opacity: 0.9; } .hamburger.is-active:hover { opacity: 0.9; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #333130; } .hamburger-box { width: 26px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 26px; height: 4px; background-color: #333130; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s; } form.blog-filter-form input,form.blog-filter-form select,form.blog-filter-form textarea,form.datastore-form input,form.datastore-form select,form.datastore-form textarea{padding:0.50rem;border-width:1px;border-radius:0px;margin-bottom:1.00rem;font-size:0.90rem;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(34, 34, 34, 1.00)}form.blog-filter-form select,form.datastore-form select{padding-right:1.5rem}form.blog-filter-form input,form.blog-filter-form select,form.datastore-form input,form.datastore-form select{height:2.30rem}form.blog-filter-form::placeholder,form.datastore-form::placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form:-ms-input-placeholder,form.datastore-form:-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form::-ms-input-placeholder,form.datastore-form::-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)}