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}
@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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
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}
.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}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#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}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/design/fonts/open-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../files/design/fonts/open-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/design/fonts/open-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/design/fonts/open-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/design/fonts/open-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/design/fonts/open-sans-v16-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/design/fonts/open-sans-v16-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../../files/design/fonts/open-sans-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/design/fonts/open-sans-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/design/fonts/open-sans-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/design/fonts/open-sans-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/design/fonts/open-sans-v16-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/design/fonts/open-sans-v16-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../../files/design/fonts/open-sans-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/design/fonts/open-sans-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/design/fonts/open-sans-v16-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/design/fonts/open-sans-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/design/fonts/open-sans-v16-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../../files/design/fonts/open-sans-v16-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../../files/design/fonts/open-sans-v16-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/design/fonts/open-sans-v16-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/design/fonts/open-sans-v16-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/design/fonts/open-sans-v16-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/design/fonts/open-sans-v16-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/design/fonts/open-sans-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../../files/design/fonts/open-sans-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/design/fonts/open-sans-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/design/fonts/open-sans-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/design/fonts/open-sans-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/design/fonts/open-sans-v16-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
    font:100% "Open Sans",sans-serif;
    color:#727272;
}
a,
a:link,
a:visited,
a:active {
    font-weight:normal;
    text-decoration:none;
    color:#7a041f;
}
a:hover {
    text-decoration:underline;
}
a.unerline,
.underline {
    text-decoration:underline;
}
h1,
h2,
h3,
h4,
h5,
h6,
#main h1 a:link,
#main h2 a:link,
#main h3 a:link,
#main h4 a:link,
#main h5 a:link,
#main h6 a:link,
#main h1 a,
#main h2 a,
#main h3 a,
#main h4 a,
#main h5 a,
#main h6 a,
#main h1 a:visited,
#main h2 a:visited,
#main h3 a:visited,
#main h4 a:visited,
#main h5 a:visited,
#main h6 a:visited {
    text-decoration:none;
    color:#174755;
}
h1 {
    font-size:1.8em;
    font-weight:bold;
}
h3.teaser,
h3.teaser a,
h3.teaser a:hover {
    margin-bottom:3px;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
    color:#174755;
}

.ce_text.mt-80 .image_container {
    margin-top: 80px;
}

#wrapper {
    width:100%;
    margin:0 auto;
}
#header .inside,
#footer .inside {
    width:960px;
    margin:0 auto;
}
.homepage #right {
    width:310px;
    max-width:310px;
}
#main table {
    max-width:100%;
}
#right {
    width:228px;
    max-width:228px;
    padding-top:25px;
    padding-right:0;
    padding-left:20px;
}
#logo {
    position:absolute;
    margin-top:20px;
}
#header_after {
    min-height:369px;
}
#header_after .mod_pageimage .image_container {
    width:960px;
    margin:0 auto;
}
#header_after .mod_pageimage .image_container img {
    width:100%;
}
#header_after .alpha {
    width:100%;
    height:15px;
    top:355px;
    position:absolute;
    background-color:rgba(255,255,255,.8);
    z-index:9;
}
#container {
    min-height:400px;
    max-width:960px;
    margin:0 auto;
}
#container {
    background-image:url("/files/design/shadow-right-start.png");
    background-repeat:no-repeat;
    background-size: 13px 100%;
    background-position: 700px 20px;
}
.homepage #main {
    width:650px;
    background-image:url("/files/design/shadow-right-start.png");
    background-repeat:no-repeat;
    background-size: 13px 100%;
        background-position: right 20px;
}
.homepage #container {
    background: none
}
#main {
    max-width:710px;
}
#main .inside {
    padding-right:30px;
    padding-bottom:30px;
}
#footer {
    background-color:#174755;
    border-top:15px solid #8b9fa6;
}
#footer .inside {
    height:71%;
    overflow:hidden;
    margin:0 auto;
    padding-top:50px;
    padding-bottom:15px;
    background-image:url("/files/design/logo-footer.png");
    background-repeat:no-repeat;
    font-size:.8em;
    color:#fff;
    background-position: 90px 20px;
}
#footerfirst {
    max-width:315px;
    display:inline-block;
}
#footersecond {
    max-width:200px;
    display:inline-block;
}
#footerthird {
    max-width:415px;
    float:right;
    display:inline-block;
}
#footerthird ul {
    margin:0;
}
#footerthird ul li {
    padding-bottom:3px;
}
#footer .inside h3 {
    margin:0 0 15px;
    padding:0;
    font-size:1.3em;
    font-weight:bold;
    color:#fff;
}
.col50 {
    width:45.93617%;
    min-height:1px;
    float:left;
    margin-right:1.06383%;
    margin-left:1.06383%;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.col30 {
    width:29.93617%;
    min-height:1px;
    float:left;
    margin-right:1.46383%;
    margin-left:1.46383%;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#startseite-unten {
    width:100%;
    margin-right:auto;
    margin-bottom:20px;
    vertical-align:top;
}
#canvasHolder {
    width:100%;
    height:369px;
    left:0;
    top:0;
    position:absolute;
    overflow:hidden;
    z-index: 1;
}
p.back {
    margin:15px 0;
    font-size:.9em;
}
#canvasHolder #canvas {
    width:100%;
    top:50%;
    position:absolute;
    margin-top:-185px;
}
.mod_pageimage .image_container {
    height:369px;
    position:relative;
    overflow:hidden;
    z-index: 2;
}
#main ul {
    margin-left:20px;
    list-style-type:disc;
}
#main ol {
    margin-left:20px;
    list-style-type:decimal;
}
#main ul li,
#main ol li {
    padding-bottom:1em;
}
#main .ce_downloads ul,
#main .ce_gallery ul,
#main .ce_download ul {
    margin:0;
    list-style-type:none;
}

.ce_gallery ul.cols_3, .ce_gallery ul{
    display: grid;
     grid-template-columns: auto auto auto;
     gap: 1rem;
}

.ce_gallery ul.cols_2{
    display: grid;
     grid-template-columns: auto auto;
     gap: 1rem;
}

.ce_gallery ul.cols_4{
    display: grid;
     grid-template-columns: auto auto auto auto;
     gap: 1rem;
}


.ce_gallery .image_container, .ce_gallery .image_container a {
  height: 100%;
  width: 100%;
  display: block;
  aspect-ratio: 4/3;
}

.ce_gallery .image_container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#main .ce_gallery{
    padding: 2rem 0px;
}

#main .ce_gallery ul li{
    padding-bottom: 0em;
}

#footer .ce_downloads a,
#footer a {
    font-weight:normal;
    text-decoration:none;
    color:#fff;
}
#footer .underline .hyperlink_txt {
    margin-left:22px;
}
.sakramente .ce_image .image_container {
    min-height:420px;
}
.sakramente .ce_image .caption {
    min-height:150px;
    padding-bottom:5px;
    border-bottom:1px solid #727272;
    font-size:.9em;
}
#main ul.list_albums {
    margin:20px 0 0;
}
.mod_gallery_creator .tstamp,
.mod_gallery_creator .visitors {
    display:none;
}
#bannerliste .image_container .caption,
#buttonleiste .image_container .caption {
    max-width:96%;
    bottom:0;
    position:absolute;
    padding:.4em 0 .6em .6em;
    text-align:center;
    background-color:rgba(255,255,255,.6);
    font-size:.8em;
    color:#4d4d4d;
}
#bannerliste .image_container,
#buttonleiste .image_container {
    position:relative;
}
.ce_downloads.monatsinfo {
    margin:0 0 30px;
}
#right .ce_downloads.monatsinfo .enclosure h5 {
    margin:0;
}
#right #monatsinfo .teaser p {
    padding-bottom:12px;
}
#main #startseite .mod_newslist {
    margin-top:1em;
    border-top:1px solid #727272;
}
.imgtextbottom {
    bottom:0;
    position:absolute;
    margin-left:225px;
}
.textbottom {
    position:relative;
}
.pfarrinfobox {
    margin-bottom:20px;
}
#right .pfarrinfobox span {
    display:none;
}
#right .pfarrinfobox {
    font-size:.95rem;
    line-height:1.8rem;
}
#right .pfarrinfobox li {
    vertical-align:middle;
    line-height:1.8rem;
}
#right .pfarrinfobox li img {
    vertical-align:middle;
}
#right .pfarrinfobox li a {
    margin-left:7px;
}
.homepage #right .pfarrinfobox li a {
    width:100%;
}
.mt-25 {
    margin-top:25px;
}
.mb-25 {
    margin-bottom:25px;
}
.mb-30 {
    margin-bottom:30px;
}
.mb-35 {
    margin-bottom:35px;
}
.mb-50 {
    margin-bottom:50px;
}
.image_container .caption {
    position:relative;
    display:table-caption;
    font-size:.85rem;
    caption-side:bottom;
}
#main .ce_text > .image_container {
    display:table;
}
.canvasBlur {
    filter:blur(8px);
    -o-filter:blur(8px);
    -ms-filter:blur(8px);
    -moz-filter:blur(8px);
    -webkit-filter:blur(8px);
    width: 110%;
    height: 110%;
    display: block;
    margin: -20px 0px 0px -20px;
}
.video_container {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
    position: relative;
    padding-bottom: 56%; /* 16/9 Video */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video_container iframe,
.video_container object,
.video_container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}

#topnav.block {
    float:right;
}
#topnav {
    margin-top:30px;
    font-weight:normal;
    text-transform:uppercase;
}
#topnav a,
#topnav span,
#topnav strong {
    float:right;
    padding-right:5px;
    padding-left:5px;
    font-weight:normal;
    color:#666;
}
#topnav a > span {
    padding-right:0;
    padding-left:0;
}
.mod_breadcrumb {
    float:left;
    margin-top:-30px;
}
#header_navigation {
    width:100%;
    background-color:#174755;
}
#header_navigation .inside {
    width:960px;
    margin:0 auto;
}
#main_nav ul {
    margin:0;
    padding:0;
    line-height:40px;
    list-style-type:none;
}
#main_nav ul.level_1 {
    width:100%;
    height:40px;
    display:block;
}
#main_nav li:first-of-type {
    margin-left:0;
    padding:0 26px;
}
#main_nav .active,
#main_nav .trail {
    text-decoration:none;
    color:#fff;
    background-color: transparent;
}
#main_nav .trail {
    background-color:#5C92A1;
}
#main_nav .level_1 .trail:hover,
#main_nav  .level_1 li.active {
    background-color:#5C92A1;
    color:#fff;
}
#main_nav li {
    height:40px;
    float:left;
    display:inline-block;
    margin:0;
    padding:0 2.2%;
    background-color:#174755;
}
.mod_navigation a,
.mod_navigation li,
.mod_navigation span,
.mod_navigation_pageimages  a,
.mod_navigation_pageimages li,
.mod_navigation_pageimages  span {
    height:40px;
    float:left;
    display:block;
    text-align:left;
    font-size:13px;
    text-decoration:none;
    color:#fff;
}
#main_nav li.submenu ul.level_2 {
    width:78.7%;
    min-height:110px;
    left:-999em;
    position:absolute;
    display:none;
    margin:40px 0 5px;
    padding-left:205px;
    background-color:rgba(92,146,161,.8);
    border-bottom:1px solid #666;
    z-index: 5;
}
#main_nav ul li:hover > ul,
#main_nav li.submenu:hover > ul {
    left:0;
    display:block;
}
#main_nav ul:after {
    content: ""; clear: both; display: block;
}
#main_nav li:hover {
    background-color:#5C92A1;
}
#main_nav li.submenu ul.level_2 li {
    width:175px;
    height:18px;
    float:left;
    padding:8px 2px 0 10px;
    border:0;
    font-size:12px;
    font-weight:normal;
    color:#000;
    background-color: transparent;
}
.mod_navigation .level_2  a,
.mod_navigation .level_2 li,
.mod_navigation .level_2 span,
.mod_navigation_pageimages .level_2  a,
.mod_navigation_pageimages .level_2 li,
.mod_navigation_pageimages .level_2 span {
    min-height:37px;
    float:left;
    display:inline-block;
    padding:.2em 0;
    font-size:13px;
    line-height:1.3em;
    font-weight:normal;
    text-decoration:none;
}
.mod_navigation_pageimages ul.level_2 a:hover,
.mod_navigation_pageimages ul.level_2 li:hover,
#main_nav ul.level_2 .active,
#main_nav .level_2 .trail,
#main_nav .level_2 .trail:hover {
    text-decoration:none;
    color:#174755;
    background-color: transparent;
}
#main_nav .level_2 .trail {
    background-color: transparent;
}
#main_nav .nav_image {
    left:-999em;
    position:absolute;
    z-index:6;
}
#main_nav li.submenu:hover .nav_image {
    left:15px;
    top:55px;
}


#buttonleiste {
    position:relative;
    clear:both;
    margin:0 0 40px;
    padding:20px 0 0;
    max-width: 620px;
    padding-right: 30px;
}
#right #buttonleiste {
    text-align:center;
}
#right #buttonleiste .ce_image {
    margin:10px auto;
}
#buttonleiste .ce_image {
    min-height:151px;
    max-height:151px;
    display:inline-block;
    margin:5px;
    border:1px solid #c0c0c1;
    box-shadow: 5px 5px 0px -1px #BEBEBE;
}
.ce_image .image_container a {
    display:inline-block;
}


#right .ce_headline.liturgie {
    margin:30px 0 10px;
}
.schott_button {
    text-align:left;
    font-family:"Open Sans",sans-serif;
    color:#174755;
    background:none;
    border: 0!important;
    border-radius: 0!important;
}
.schott_title {
    display:none;
}
#right .schott_data {
    padding:0;
    border: 0!important;
}
#right .schott_data ul li {
    padding-bottom:.7em;
}

.mod_eventlist .header {
    width:70px;
    min-height:80px;
    overflow:hidden;
    float:left;
    display:inline-block;
    padding:0 2px 3px 0;
    background:#1c4b5a url("/files/design/kalenderblatt2.png") right bottom no-repeat;
    font-weight:bold;
    color:#fff;
}
.mod_eventlist .day {
    display:none;
}
.mod_eventlist .dateM,
.mod_eventlist .dateD,
.mod_eventlist .dateT {
    display:block;
    text-align:center;
}
.mod_eventlist .dateT {
    padding:4px 0;
    background-color:#69889e;
    font-size:.8em;
    font-weight:normal;
}
.mod_eventlist .dateM {
    margin-top:0;
    margin-bottom:5px;
    font-size:1em;
    line-height:1.3em;
    font-weight:normal;
}
.mod_eventlist .dateD {
    margin-top:5px;
    margin-bottom:0;
    font-size:1.8em;
    line-height:1.1em;
    font-weight:bold;
}
.mod_eventlist .event {
    width:225px;
    max-width:225px;
    float:right;
    display:inline-block;
    margin-left:10px;
}
.mod_eventlist .time {
    max-width:85px;
    float:left;
    padding:0 5px 0 0;
    font-size:.95em;
    color:#7A041F;
}
.mod_eventlist .eventcontent {
    width:140px;
    max-width:140px;
    float:right;
    text-align:left;
    font-size:.95em;
    line-height:1.1em;
}
.eventcontent p {
    margin:0 0 5px;
    padding:0;
}
.lSAction {
    display:none;
}
.lSSlideWrapper {
    min-height:310px;
}
.timetable .timetable_days {
    font-size:1em;
    font-weight:bold;
}
.timetable .event_time {
    min-width:100px;
    white-space:nowrap;
}
.timetable .timetable_days .head {
    min-width:140px;
    white-space:nowrap;
}
.timetable .timetable_events td {
    padding-top:5px;
    padding-right:0;
    padding-bottom:10px;
}
.timetable .timetable_days td {
    padding-top:10px;
    border-top:1px solid #727272;
}
.timetable .timetable_days:first-child td {
    border-top: 0;
}
.timetable table,
.timetable table tr,
.timetable table tr td {
    border: 0;
}
.timetable table {
    padding-bottom:10px;
    border-bottom:1px solid #727272;
}
.timetable .event_body p {
    margin:0;
}
.timetable_navi div {
    width:32.53617%;
    display:inline-block;
    text-align:center;
}
.timetable_navi div.current {
    font-weight:bold;
}
.timetable_navi {
    margin-top:15px;
    margin-bottom:15px;
    padding-top:8px;
    padding-bottom:8px;
    background-color:#e3e1e1;
}
.event_body .location {
    font-size:.7em;
    font-style:italic;
}
#main .mod_eventlist .header {
    width:100%;
    min-height:15px;
    overflow:auto;
    float:none;
    display:block;
    padding:0 2px 3px 0;
    font-weight:bold;
    color:#1c4b5a;
    background: none;
}
#main .mod_eventlist .event {
    width:100%;
    max-width:100%;
    float:none;
    display:block;
    margin:1em 0;
    padding:1em 0;
    border-bottom:1px solid #c0c0c1;
}
#main .mod_eventlist .day {
    display:inline-block;
    font-weight:normal;
}
#main .mod_eventlist .event h2,
#main .mod_eventlist .event h1 {
    margin:0 0 5px;
    font-size:1.3em;
    font-weight:normal;
}


.ce_form label {
    width:100%;
    display:block;
    margin:15px 0 3px;
    padding:0 0 4px;
    text-align:left;
    color:#174755;
}
.ce_form input.text,
.ce_form textarea.textarea,
.ce_form input.select {
    width:95%;
    padding:5px;
    font-size:1em;
}
div.captcha {
    width:95%;
    margin-top:15px;
    margin-bottom:10px;
    padding:5px 10px 10px;
    background-color:#dfe8eb;
    border-top:1px solid #8B9FA6;
    border-bottom:1px solid #8B9FA6;
}
div.captcha label {
    margin-top:5px;
}
.submit_container input,
.widget-submit .submit {
    width:40%;
    min-width:300px;
    margin:10px 0 0;
    padding:5px;
    text-align:center;
    background-color:#174755;
    -webkit-box-shadow:5px 5px 0 -1px #C0C0C1;
    box-shadow:5px 5px 0 -1px #C0C0C1;
    border:0px hidden;
    font-weight:bold;
    color:#fff;
    cursor: pointer;
}
.captcha_text {
    width:40%;
}
input.captcha {
    width:50px;
    margin-right:15px;
    padding:5px;
}
.widget-checkbox.datencheck {
    display: block;
    width: 100%;
    margin-top: 15px;
}
.widget-checkbox.datencheck legend {
    display: none;
}
.widget-checkbox.datencheck input.checkbox {
    float: left;
    margin: 20px 10px 0px 10px;
}
.widget-checkbox.datencheck label {
    float: left;
    display: inline-block;
    width: 80%;
}
.widget-checkbox.datencheck label > p {
    color: #000000!important;
}


/* News */
.layout_latest h2,
.layout_latest h2 a {
    margin-top:0;
    margin-bottom:3px;
    font-size:1em;
    font-weight:bold;
    text-decoration:none;
    color:#7a041f;
}
.layout_latest .image_container {
    width:100px;
    height:100px;
    overflow:hidden;
    float:left;
    display:inline-block;
    -webkit-box-shadow:5px 5px 0 0 #bebebe;
    box-shadow:5px 5px 0 0 #bebebe;
}
.layout_latest {
    min-height:110px;
    clear:left;
    margin-bottom:25px;
}
.layout_latest p.info {
    margin:0 10px;
    padding:0;
    font-size:.8em;
    font-weight:normal;
    display: none;
}
.teaser p {
    margin-bottom:0;
    padding-bottom:0;
}
.teaser .archiv {
    float:left;
    padding-right:5px;
}
#monatsinfo h5 {
    margin:0;
    padding:0;
}
#startseite .mod_newslist .layout_latest .image_container {
    margin-right:25px;
    margin-left:0;
}
#right #monatsinfo .mod_newslist {
    margin:0 0 30px;
    padding:0;
}
#right .mod_article .image_container,
#right .mod_article .ce_headline {
    margin:0;
}
#monatsinfo .image_container img {
    -webkit-box-shadow:5px 5px 0 0 #bebebe;
    box-shadow:5px 5px 0 0 #bebebe;
}
#right #monatsinfo h3 {
    margin-bottom:12px;
}
#right .teaser .more {
    float:none;
}
#right time {
    font-size:1em;
    color:#7A041F;
}
#right .mod_newslist .layout_simple h4 {
    margin:5px 0;
    padding:0;
    font-size:1em;
}
#right .mod_newslist .layout_simple {
    margin-bottom:20px;
}
#main .mod_newslist .image_container {
    margin-right:30px;
    margin-bottom:20px;
}
.newsinfo {
    margin:0;
    padding:0;
    font-size:11px;
}
.image_container.float_right {
    margin-bottom:30px;
    margin-left:50px;
}
.image_container.float_left {
    margin-right:50px;
    margin-bottom:30px;
}
.pfarrbriefliste .layout_simple,
.monatsinfoliste .layout_simple {
    margin-bottom:15px;
}
#right .monatsinfo h3 {
    margin-bottom:0;
}
#right .monatsinfo h5 {
    margin-top:0;
}
.pagination {
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    border-top:1px solid #727272;
}
.pagination p {
    text-align:left;
}
#main .pagination ul {
    margin:0 auto;
}
#main .pagination ul li {
    display:inline;
    padding:5px;
    text-align:center;
    border-right:1px solid #727272;
    font-weight:normal;
    list-style-type:none;
}
#main .pagination ul li a,
#main .pagination ul li span {
    padding-right:10px;
    padding-left:10px;
}
#main .pagination li.next {
    border-right:0px hidden;
}


/* Cookie Consent */
.contao-cookiebar .cc-head p {
margin-bottom: 15px;
font-size: 0.85rem;
}

.contao-cookiebar .cc-head h4 {
font-size: 1rem;
font-weight: bold;
}

.contao-cookiebar .cc-btn.deny{
border: 1px solid #387283;
color: #ffffff;
background: #174755;
}


button.ccbutton, .ccbutton > a {
width: 90%;
min-width: 300px;
margin: 10px 0 0;
padding: 5px;
text-align: center;
background-color: #174755;
-webkit-box-shadow: 5px 5px 0 -1px #c0c0c1;
box-shadow: 5px 5px 0 -1px #c0c0c1;
border: 0px hidden;
font-weight: bold;
color: #fff;
cursor: pointer;
text-decoration: none;
display: block;
}

.ce_cookiebarOpener.ccbutton{
padding: 5px 0px 5px 0px;
}

.ccb-element-blocker {
font-size: 14px;
font-family: sans-serif;
text-align: center;
color: #6f6f6f;
background-color: rgba(195,195,195,0.4);
padding: 25px;
}
.ccb-element-blocker .cc-icon {
position: relative;
width: 220px;
height: 110px;
margin: 0 auto 8px;
}

.ccb-element-blocker .cc-icon.youtube {
width: 140px;
height: 40px;
}

.ccb-element-blocker .cc-icon:after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
background-image: url("/bundles/contaocookiebar/images/default.png");
}

.ccb-element-blocker .cc-title{
font-weight: bold;
}
.ccb-element-blocker .cc-btn{
display: inline-block;
cursor: pointer;
padding: 8px 14px;
font-size: 15px;
outline: 0 none;
border: 1px solid #174755;
border-radius: 4px;
color: #ffff;
background: #174755;
}
.ccb-element-blocker .cc-btn:hover{
background: #76a8b7;
color: #174755;
}



/** /!!! core css Should not edit !!!/**/

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-timing-function: inherit;
    transition-timing-function: inherit;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit;
    transition-timing-function: inherit;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    opacity: 0.7;
    overflow: hidden;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('../../files/design/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/* CSS Document */
@-ms-viewport {
width: device-width;
}

@viewport {
width: device-width;
}

@media only screen and (max-width: 767px) {
 
  #header .inside, #header_navigation .inside{
 	margin: 0px auto 0px 0px;
 }

.ce_gallery ul, .ce_gallery ul.cols_2, .ce_gallery ul.cols_3, .ce_gallery ul.cols_4{
    display: grid;
     grid-template-columns: auto auto;
     gap: 1rem;
}

#right .video_container > iframe{
max-width: 228px;
}


}

/* Tablet Portrait  */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {


#header .inside, #footer .inside , #header_after .mod_pageimage .image_container, #container, #startinfo, #header_navigation .inside{
width: 100%;
max-width: 720px;
margin: 0 auto;
}


 #header .inside, #header_navigation .inside{
 	margin: 0px auto 0px 0px;
 }

#header {
height: 130px;
}

#header_after {
min-height: 295px;
}

#canvasHolder[style]{
background-size: auto 100%!important;
}

#canvasHolder{
height: 298px;
max-height: 298px;
min-height: 298px;
}

.mod_pageimage .image_container {
height: 305px;
}

#header_after .alpha{
top: 278px;
height: 22px;
}

#main_nav li{
padding: 0 1.455%;
}

#main_nav li.submenu ul.level_2{
max-width: 550px;
width: 100%;
margin: 40px 0 5px;
left: -20px;
}

#main_nav li.submenu ul.level_2 li{
width: 27%;
padding: 8px 2px 0 4%;
}


.mod_navigation .level_2 a, .mod_navigation .level_2 li, .mod_navigation .level_2 span, .mod_navigation_pageimages .level_2 a, .mod_navigation_pageimages .level_2 li, .mod_navigation_pageimages .level_2 span{
width: 100%;
padding: .2em 0px 0.2em 10px;
}

#logo {
position: absolute;
margin-top: 20px;
margin-left: 10px;
max-width: 480px;
}

#topnav {
margin-top: 20px;
font-weight: normal;
text-transform: uppercase;
}

#main, .homepage #main{
width: 100%;
float: none;
}

#main .inside {
padding-right: 0px;
background-image: none;
background-color: #ffffff;
}

#right, .homepage #right{
width: 100%;
max-width: 720px;
float: none;
margin: 0px;
padding-left: 0px;
border-top: solid 1px #174755;
}

.lSSlideOuter {
max-width: 100%;
}


.lSSlideWrapper{
max-height: 195px;
min-height: 195px;
}

.lSAction[style]{
display: none!important;
}

.mod_eventlist .eventcontent{
width: 100%;
max-width: 450px;
}
.mod_eventlist .event{
margin-right: 40px;
width: 95%;
max-width: 550px;
}

#eventslide{
min-height: 200px;
}



#container{
margin: 0px 20px;
background-image: none;
}

#buttonleiste .ce_image{
width: 47.5%;
}



#bannerliste .image_container, #buttonleiste .image_container {
text-align: center;
}

#bannerliste .image_container .caption[style], #buttonleiste .image_container .caption[style]{
width: 100%!important;
text-align: center;
}

#right #buttonleiste .ce_image{
margin: 5px 5px 5px 0px;
text-align: left;
}

#right #buttonleiste{
text-align:left!important;
}

#footer{
height: auto;
min-height: 240px;
}

#footer .inside{
padding-bottom: 30px;
}

#schottCanvas[style]{
float: none!important;
width: 100%!important;
}


#right .video_container > iframe{
max-width: 100%;
}


}

/* Tablet Landscape */

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) {

#wrapper{
width: 100%;
}
#header .inside, #footer .inside , #header_after .mod_pageimage .image_container, #container{
width: 950px;
margin: 0 auto;
}

#right {
padding-left: 15px;
}

#buttonleiste .ce_image{
max-width: 21%;
height: 151px;
}

#right #buttonleiste .ce_image{
width: 100%;
max-width: 100%;
}

#right #buttonleiste{
text-align:center;
}


#footer{
height: auto;
min-height: 240px;
}

#footer .inside{
padding-bottom: 30px;
}

#right .video_container > iframe{
max-width: 100%;
}

}


 /* CSS Document */
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

.mod_mobile_menu{
	display: none;	
}

 /* smartphone optimierung */
 @media only screen and (max-width: 767px) {



#header .inside, #footer .inside , #header_after .mod_pageimage .image_container, #container, #startinfo, #header_navigation .inside{
    width: 100%;
	max-width: 480px;
    margin: 0 auto;
}

 #header .inside, #header_navigation .inside{
 	margin: 0px auto 0px 0px;
 }


#header {
    height: 100px;
}

#header_after {
    min-height: 150px;
	max-height: 150px;
	overflow: hidden;
}

#header_navigation{
	padding: 5px 0px;
}


#main_nav{
	display: none;
}


.mod_mobile_menu, .mod_mobile_menu .mobile_menu_trigger{
	display: block;
	height: 40px;
}

.mod_mobile_menu .mobile_menu_trigger{
	color: #FFFFFF;
  line-height: 40px;
  display: inline-block;
  position: relative;
  padding-left: 50px;
  margin-left: 20px;
}


.mobile_menu_trigger span {
  display: inline-block;
  box-shadow: inset 0 6px #174755, inset 0 12px #FFFFFF, inset 0 18px #174755, inset 0 24px #FFFFFF, inset 0 30px #174755, inset 0 36px #FFFFFF;
  position: absolute;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: #174755;
  border: 0;
  left: 0;
}

.mobile_menu .inner {
	background: #000;
	font-size: 15px;
	background: #174755;
	color: #fff;
}


.mobile_menu .cmenu {
  width: 100%;
  text-align: right;
  background-color: #8B9FA6;
  display: inline-block;
}

.mobile_menu .cmenu a {
  color: #ffffff;
  border: 1px solid #fff;
  padding: 0px;
  margin: 5px;
  display: inline-block;
  width: 28px;
  text-align: center;
  height: 28px;
  line-height: 28px;
  text-decoration: none;
}

.mobile_menu ul {
  display: block;
  margin: 0 0 15px;
  padding: 0;
}

.mobile_menu ul li {
  display: block;
  margin: 0;
  line-height: 48px;
  border-bottom: 1px solid #8B9FA6;
}


.mobile_menu ul li a, .mobile_menu ul li span {
  padding: 0 15px;
  display: block;
  text-decoration: none;
  color: #fff;
}

.mobile_menu ul li ul li a, .mobile_menu ul li ul li span {
  color: rgba(255, 255, 255, 0.8);
  padding-left: 30px;
  font-size: 15px;
}

.mobile_menu .level_1 li.trail, .mobile_menu .level_1 li.active {
  background-color: #5C92A1;
  color: #174755;
}

.mobile_menu ul li ul {
  border-bottom: 0;
  margin: 0;
  background-color: #8B9FA6;
}

.mobile_menu .level_2 li:first-of-type {
  border-top: solid 1px #174755;
}

.mobile_menu ul li ul li {
  line-height: 40px;
  font-size: 13px;
  border-bottom: solid 1px #174755;
}

#canvasHolder[style]{
	background-size: auto 100%!important;
	display: none;
}

#topnav{
	display: none;
}
#logo {
    position: absolute;
    margin-top: 20px;
	margin-left: 4%;
	max-width: 90%;
	max-height: 75px;
}


#main, .homepage #main{
	width: 100%;
	float: none;
}

#main h1{
	margin-top: 1em;
	font-size: 1.5em;
}

#main .inside {
    padding-right: 0px;
	padding-bottom: 0px;
	background-image: none;
	background-color: #ffffff;
}

#right, .homepage #right{
		width: 100%;
		max-width: 480px;
	float: none;
	margin: 0px;
	padding-left: 0px;
	margin-top: 1.5em;
	padding-top: 1.5em;
	border-top: solid 1px #174755;
}

.lSSlideOuter {
	width: 100%;
	max-width: 480px;
	margin-bottom: 3em;
}

#right .eventslide[style]{
	margin-right: 0px!important;
	border-right: solid 1px #ffffff;
}

.homepage #main .mod_newslist{
	border-top: solid 1px #174755;
	margin-top: 1.5em;
	padding-top: 1.5em;
}




.mod_newslist h3, #right #monatsinfo h3{
	margin-top: 0px;
}


.lSSlideWrapper{
	min-height: 300px;
}
#eventslide{
	min-height: 200px;
}

.image_container.float_left, .image_container.float_left[style]{
	margin-right: 4%!important;
margin-bottom: 1%!important;
}

.image_container.float_right, .image_container.float_right[style]{
	margin-left: 4%!important;
margin-bottom: 1%!important;
}

.ce_text .image_container.float_left, .ce_text .image_container.float_right{
	max-width: 45%;
}


#main .mod_newslist .image_container.float_left, #main .mod_newslist .image_container.float_left[style]{
	margin-right: 30px!important;
margin-bottom: 15px!important;
}



.col50{
	width: 100%;
	float: none;
}


#container{
	margin: 0px 4%;
	width: 92%
}

#buttonleiste .ce_image, #bannerliste .ce_image{
	width: 44.5%;
position: relative;
max-height: 150px;
max-width: 150px;
display: inline-block;
vertical-align: middle;
text-align: left;
}

#right #buttonleiste{
	text-align: left;
}

#right #buttonleiste .ce_image{
	margin: 5px 5px;
}

#bannerliste .image_container, #buttonleiste .image_container {
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	left: 0;
}

#bannerliste .image_container a, #buttonleiste .image_container a {
	display: inline-block;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
		width: 100%;
	height: 100%;
	vertical-align: middle;
}


#bannerliste .image_container img ,#buttonleiste .image_container img {
    min-height:90px;
}

#footer{
	height: auto;
	min-height: 240px;
}



#footer .inside{
	padding-bottom: 30px;
	margin: 0px 4%;
	width: 92%;
}

#footerfirst, #footersecond, #footerthird{
	width: 100%;
	float: none;
}

 #footersecond, #footerthird{
display: none;
}


#footerfirst{
	width: 100%;
	max-width: 480px;
}

#footerfirst p{
	line-height: 1.8em;
}

.submit_container input{
	width: 100%;
}


/* Sakramante */

.col30{
	width: 47%;
}


.col30 .caption[style]{
	width: 100%!important;
}

.sakramente h4{
	font-size: 1em;
}

.sakramente .ce_image .caption{
	min-height: 185px;
}






#main .ce_text .image_container.float_right .caption, #main .ce_text .image_container.float_left .caption{
	font-size: 0.8em;
}

#main .ce_text.textbottom{
min-height: 180px;
}

#main .ce_text.textbottom .image_container{
	width: 32%;
	max-width: 180px;
}

.textbottom .image_container img{
width: 100%;
	
}

.textbottom .imgtextbottom{
	margin-left: 38%;
}


/* Tabelle */

table td{
	font-size: 100%
}

.timetable table{
	border-bottom: 0;
}

.timetable .timetable_days, .timetable .timetable_events {
display: inline-block;
width: 100%;
}

.timetable .timetable_days td{
	display: inline-block;
	width: 100%;
	padding-bottom: 5px;
}

.timetable .timetable_days .head br{

}



.timetable_days td:nth-child(2), .timetable_days td:nth-child(3){
display: none!important;
}

.head.previous, .head.next{
	width: 15%;
position: relative;
}


.head.current{
	width: 65%;
}

.head.next{
	text-align: right;
}

.head.previous a{
	width: 30px;
display: inline-block;
text-align: left;
text-indent: -9999px;
min-height: 30px;
border: solid 1px #727272;
background-color: #727272;

}

.head.previous a:before{
display: block;
width: 30px;
height: 30px;
content: '<';
position: absolute;
left: 10px;
color: #ffffff;
font-size: 25px;
line-height: 30px;
text-align: center; 
text-indent: 0;
}

.head.next a:after{
display: block;
width: 30px;
height: 30px;
content: '>';
position: absolute;
right: 0px;
top: 0;
color: #ffffff;
font-size: 25px;
line-height: 30px;
text-align: center; 
text-indent: 0;
}


.head.next a{
	width: 30px;
display: inline-block;
text-align: center;
text-indent: -9999px;
min-height: 30px;
border: solid 1px #727272;
background-color: #727272;
}

/* Monatsinfo */
#monatsinfo h5 a, .monatsinfo h5 a{
	line-height: 2em;
	display: block;
	width: 100%;
	padding-left: 40px;
}

#monatsinfo h5 a:before, .monatsinfo h5 a:before{
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	background: transparent url('/files/design/iconPDF.svg') no-repeat center left;
	background-size: 90% auto;
	left: 0;
	
}

#monatsinfo .enclosure, .monatsinfo .enclosure{
	margin-top: 10px;
}


/* Gallery */

.gallery_creator .list_albums .col_1{
	width: 45%;
}

.gallery_creator .list_albums .col_2{
	margin-left: 4%;
		width: 48%;
}

.gallery_creator .list_albums .col_2 h2, .gallery_creator h2{
	font-size: 1.2em;
}

#main ul.album_preview{
	margin-left: 0px;
}

.gallery_creator .album_preview .col_first{
	clear: none;
}


#main ul.album_preview li{
	max-width: 49.5%;
	padding-bottom: 0px;
}




/* Pagination */

.pagination p{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}


#main .pagination ul{
	min-height: 35px;
	height: 35px;
	display: inline-block;
}

#main .pagination ul li{
	    display: inline-block;
	    line-height: 25px;
	    min-width: 30px;
	    margin-bottom: 10px;
}



#main .pagination ul li.last, #main .pagination ul li.first{
	text-align: right;
	border-right: 0px;
	border-left: 0px;
}

.seelsorger #main .ce_text .image_container{
max-width: 200px;
width: 35%;
}

  #right .video_container > iframe{
	max-width: 100%;
}

 }
