* {margin:0;padding:0;}
html,body {height:100%;}

.contentContainer p {margin:20px 0;}

.left{float:left;}
.right{float:right;}
.center {text-align:center;}

.ofRow {position:fixed;left:0;top:0;width:100%;height:25px;text-align:center;background:transparent url('/of_bann_img/menuklei2.gif') repeat-x top;margin:0;padding:0;z-index:50;}

#backtotop {position:absolute;top:-70px;right:20px;}

.clearingItem {clear:both;float:none;}
.width_1 {margin:0;}
.width_2 {float:left;width:50%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:33.333%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 10px 0 0;}
.width_2.rightColumn {padding:0 0 0 10px;}
.width_3.leftColumn {padding:0 10px 0 0;}
.width_3.middleColumn {padding:0 5px;}
.width_3.rightColumn {padding:0 0 0 10px;}

.contentWidth {position:relative;width:100%;max-width:1190px;padding:0 10px;margin:0 auto;box-sizing:border-box;}

#content {font-family:Tahoma,sans-serif;font-size:12pt;}

/* ERRORPAGE */
.Success, .success {color:green;}
.error, .Error, .errorText {color:red;}
#errorContainer {width:600px;margin:auto;margin-top:10px;border:0;text-align:center;font-family:Arial;}
#errorContainer h1 {font-size:35px;color:#142F5D;text-align:center;font-family:Arial;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;font-family:Arial;}
#errorContainer .error {color:#142F5D;font-family:Arial;}

/* BODY-CONTAINERS */
#main {position:relative;width:100%;min-height:100%;margin:0;padding:0;}
#header {position:fixed;width:100%;height:178px;margin:0;top:0;padding:0px 0 0 0;box-sizing:border-box;background:rgba(38,38,38,0.5);border-bottom:1px solid rgba(255,255,255,0.5);z-index:10;transition:ease-out 300ms background, ease-out 300ms border-bottom;}
.headerColored #header {background:#262626;border-bottom:1px solid rgba(255,255,255,0.001);}
#header-content {position:relative;height:152px;margin:0 auto;padding:0;max-width: 1270px;}
#header #logo {position:absolute;padding:0;margin:12px 0 0 40px;z-index:11;}
#content {position:relative;padding-top:268px;padding-bottom:110px;box-sizing:border-box;}
#content.content-startpage {padding-top:90px;}
#footer {position:relative;width:100%;background:#262626;margin:0;padding:0;z-index:5;}
#footer-content {position:relative;margin:0 auto;padding:40px 0;box-sizing:border-box;}
#footer-content a {color:#fff !important;}
#newsletterRow {position:relative;padding:20px 0 40px 0;background:#cecece;}

#headerSlider {position:relative;height:925px;width:100%;}
.headerSlide.slick-slide {position:relative;height:925px;background:no-repeat center center;background-size:cover;padding-top:177px;box-sizing:border-box;}
#headerSlider .slick-prev {z-index:9;position:absolute;width:70px;height:128px;left:20px;top:53%;background:transparent url('/templates/images/arrow-left.png') no-repeat;border:0;outline:0;cursor:pointer;}
#headerSlider .slick-next {z-index:9;position:absolute;width:70px;height:128px;right:20px;top:53%;background:transparent url('/templates/images/arrow-right.png') no-repeat;border:0;outline:0;cursor:pointer;}
#headerSlider .slick-list {z-index:8;}
.headerSlide .contentWidth {height:100%;color:#fff;font-family:'Open Sans Condensed', sans-serif;line-height:1.5;font-size:45px;letter-spacing:1px;}
.headerSlide .contentWidth > table {width:100%;height:100%;margin:0;padding:0;border:0;border-collapse:collapse;}
.headerSlide .contentWidth > table > tr > td {width:100%;height:100%;margin:0;padding:0;border:0;border-collapse:collapse;vertical-align:middle;}
.headerSlide .contentWidth h1, .headerSlide .contentWidth h2, .headerSlide .contentWidth h3, .headerSlide .contentWidth h4, .headerSlide .contentWidth h5, .headerSlide .contentWidth h6, .headerSlide .contentWidth a {color:#fff;}

#headerBoxes {position:relative;height: auto;width:100%;overflow:hidden;}

#headerBoxes a.box {position:relative;float:left;width:25%;padding:35px;box-sizing:border-box;color:#262626;text-decoration:none;display:block;}
#headerBoxes .box h1 {text-align:left;}
#headerBoxes .box p {font-size:16px;}
#headerBoxes .box1 {background:#a8e3c7;}
#headerBoxes .box2 {background:#b7adc5;}
#headerBoxes .box3 {background:#fee9a6;}
#headerBoxes .box4 {background:#cecece;}
#innerbox {background: url('/templates/images/bg-farbverlauf.png'); height: auto;}


#box-content {font-size: 26px; color: #fff; text-align: center; padding: 15px 0;width: 90%; margin: 0 auto;font-family:'Open Sans Condensed', sans-serif;}

/* NAVIGATIONS */
#menuButton {display:none;}
#navigation {position:absolute;right:0;list-style:none;margin:55px auto 0;padding:0;z-index:10;font-family:'Open Sans Condensed', sans-serif;line-height:1.5;}
#navigation li {position:relative;float:left;margin:0;padding:0;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;font-size:23px;text-transform:uppercase;color:#fff;padding:3px 10px;text-decoration:none;}
#navigation > li > a:after {content:"|";color:#fff;font-size:23px;position:absolute;top:2px;right:-2px;}
#navigation > li.last > a:after {content:'';display:none;}
#navigation li.active > a {color:#fee9a6;}
#navigation li:hover > a {text-decoration:none;color:#fee9a6;}
/* SUBNAVIGATIONS */
#navigation li ul .rightColNavi {display:none;}
#navigation li ul {display:none;}
#navigation li ul {position:absolute;list-style:none;margin:0;padding:0;background:#262626;width:190px;}
#navigation li ul li {float:none;margin:0;padding:0;width:100%;}
#navigation li ul li:hover {background:#cecece;}
#navigation li ul li a {font-size:20px;font-weight:normal;text-transform:none;color:#fff;padding:6px 12px;}
#navigation li ul li.active > a {color:#fee9a6;}
#navigation li ul li:hover > a {color:#262626;}
#navigation li ul li ul {left:190px;top:0;padding:0;}
#navigation li:hover > ul {display:block;}


/* NEWS */
.newsContainer {position:relative;border-top:1px solid #ddd;margin:0;padding:45px 0;min-height:196px;}
.newsContainer.first {margin:30px 0 0 0;border-top:0;}
.newsContainer.detailpage {border-top:0;}
.newsContentThumbnail {position:absolute;width:290px;height:196px;overflow:hidden;margin:0;padding:0;background:no-repeat center center;background-size:contain;}
.newsContentText {position:relative;margin:0 0 0 310px;padding:0 10px 0 0;}
.newsContentText h2 a {font-style:normal;text-decoration:none;color:#262626;}
.newsContentText p a {font-style:normal;}
.newsDate {line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#262626;}

/* CONTACTFORM */
.formRow {clear:both;float:none;}
.formRow label, .buttonRow label {position:relative;float:left;width:220px;line-height:40px;margin:0;padding:0;}
.formRow input[type=text] {position:relative;float:left;width:280px;height:40px;color:#262626;background:#fff;border:1px solid #cecece;line-height:40px;margin:0 0 15px 0;padding:0 10px;box-sizing:border-box;border-radius:0;}
.formRow textarea {position:relative;float:left;width:280px;height:130px;color:#262626;background:#fff;border:1px solid #cecece;resize:none;margin:0 0 10px 0;padding:15px;box-sizing:border-box;border-radius:0;}
/* BUTTONROW */
.buttonRow input {position:relative;font-family:'Open Sans Condensed', sans-serif;font-weight:bold;font-size:22px;letter-spacing:1px;height:40px;width:280px;line-height:40px;cursor:pointer;text-align:center;color:#262626;background:#cecece;border:none;margin:0;padding:0 10px;box-sizing:border-box;border-radius:0;text-transform:uppercase;cursor:pointer;}
a.button         {position:relative;font-family:'Open Sans Condensed', sans-serif;font-weight:bold;font-size:22px;letter-spacing:1px;height:40px;width:280px;line-height:40px;cursor:pointer;text-align:center;color:#262626;background:#cecece;border:none;margin:0;padding:0 10px;box-sizing:border-box;border-radius:0;text-transform:uppercase;display:inline-block;text-decoration:none;}
.buttonRow a.button, .buttonRow input {float:left;}
.buttonRow input:hover, a.button:hover {color:#fff;background:#262626;text-decoration: none;}


a.churchBox {float:left;background:#cecece no-repeat center center;background-size:cover;margin:0 14px 28px;width:calc(33% - 25px);min-height:183px;position:relative;text-decoration:none;display:block;}
.churchBox img {margin:1px 0 0 1px; display:none;}
.churchBox h3 {color:#262626!important;}
.churchBox .text {position:relative;margin:24px;color:#262626;}
.churchBox .text .date {width:70px;height:100px;background:#bedcff;float:left;font-family:'Open Sans Condensed', sans-serif;font-size:20px;text-transform:uppercase;color:#262626;text-align:center;line-height:1;}
.churchBox .text .date span {display:block;font-size:43px;font-weight:bold;line-height:1.5;}
.churchBox .text .date.c1 {background:#a8e3c7;}
.churchBox .text .date.c2 {background:#B7ADC5;}
.churchBox .text .date.c3 {background:#FEE9A6;}
.churchBox .text .detail {position:relative;float:left;margin-left:15px;width:calc(100% - 70px - 15px);}
.churchBox .text .detail h3 {color:#fff;margin:0 0 5px;}
.churchBox .text .detail p {margin:0;padding:0 0 0 24px;background:url('/templates/images/maps.png') no-repeat left 6px;font-family:'Open Sans Condensed', sans-serif;font-size:18px;}

.churchBox .text .detail p.noBg  {background:none; padding: 0 0 0 0;}
.churchBox .text .detail p.noBg i {background:none; padding: 0 6px 0 0;}

.contentCentered {text-align:center;}
.contentCentered a.button {width:calc(33% - 25px);}

.newsBox {float:left;background:no-repeat center center;background-size:cover;margin:0 14px 28px;width:calc(33% - 25px);height:420px;position:relative;text-decoration:none;overflow:hidden;}
.newsBox h2 a {color:#262626;text-decoration:none;}
.newsBox .desc {margin-top:10px;}
.newsBox a.more {font-style:italic;text-decoration:none;}
.newsBox .img {height:210px;display:block;width:100%;background:#fff no-repeat center top;background-size: contain; color:#262626;}

.nlboxA {float:left;width:26%;}
.nlboxA h1 {text-align:left;margin:21px 0 0;text-transform:uppercase;}
.nlboxB {float:left;width:74%;}
.nlbox {float:left;width:50%;padding:0 21px 0 0;box-sizing:border-box;position:relative;height:100%;box-sizing:border-box;}

.nlbox input, .nlbox button {width:100%;margin:21px 0 0 0;height:66px;background:#fff;border:0;border-radius:0;box-sizing:border-box;padding:0 20px;font-family:'Open Sans Condensed', sans-serif;font-size:18px;font-weight:bold;}
.nlbox input[type=submit] {position:relative;font-size:18px;letter-spacing:1px;line-height:66px;cursor:pointer;text-align:center;color:#262626;background:#fff;border:none;margin:0;padding:0 10px;box-sizing:border-box;border-radius:0;text-transform:uppercase;cursor:pointer;}
.nlbox input[type=submit]:hover {color:#fff;background:#262626;text-decoration: none;}
#sNlRecaptcha {margin:21px 0 9px 0;}
#newsletterError {position:absolute;width:100%;background:#cecece;top:21px;color:red;font-weight:bold;}

.footerBox {float:left;height:250px;box-sizing:border-box;padding:0 10px 0 35px;border-left:1px solid #7d7d7d;color:#fff;line-height:1.5;font-size:15px;text-transform:uppercase;font-family:'Open Sans Condensed', sans-serif;letter-spacing:1.2px; width:290px;}
.footerBox h4 {color:#fff;margin:0;line-height:1.5;}
.footerBox.first {padding-left:0;border-left:0;}
.footerBox a {text-decoration:underline;}

#footernavigation .rightColNavi {display:none;}
#footernavigation {list-style:none;}
#footernavigation li {padding:2px 0;}
#footernavigation li a {text-decoration:none;}
#footernavigation li a:hover {text-decoration:underline;}

#event-monthly-allowance {text-align:center;font-weight:bold;font-size:20px;margin-bottom:50px;}
#event-monthly-allowance .left, #event-monthly-allowance .right {cursor:pointer;}
#event-monthly-allowance .center {display:inline-block;}

.event {border-top:1px solid #ddd;padding:45px 0;}
.event.first {border-top:0;}
.event h2 a {text-decoration:none;color:#262626;}
.event-date a {text-decoration:none;color:#262626;}

.eventText {}
.eventText .eventImage {float:left; width: 290px; height: 220px;}
.eventText p {float:left; width: 860px; margin-left: 15px; }

.event-detail-thumbnail div {display:inline-block;position:absolute;width:290px;height:196px;overflow:hidden;margin:0;padding:0;background:no-repeat center center;background-size:cover;}
.event-detail-content {position:relative;margin:0 0 0 310px;padding:0 10px 0 0;}


.galleryCatAlbum {float:left;background:#cecece no-repeat center center;background-size:cover;margin:0 14px 25px;width:calc(25% - 28px);height:280px;position:relative;text-decoration:none;display:block;}
.galleryCatAlbum .mask {position:absolute;bottom:0;left:0;right:0;background:rgba(38,38,38,0.5);color:#fff;box-sizing:border-box;padding:10px;text-align:center;}
.galleryCatAlbum .mask h2 {color:#fff;margin:0;}
.galleryCatAlbum .mask span {color:#cecece;}
.galleryCatAlbum:hover .mask {background:rgba(38,38,38,0.95);}

.galleryAlbumImage {float:left;background:#cecece no-repeat center center;background-size:cover;margin:0 14px 25px;width:calc(25% - 28px);height:220px;position:relative;text-decoration:none;display:block;}


.hyphens {-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}


@media screen and (max-width:1380px) {
    #navigation {margin-top:58px;}
    #navigation li a {padding:3px 4px;font-size:22px;}
    #navigation > li > a:after {font-size:20px;top:3px;}
    #header #logo {margin:30px 0 0 5px;max-width:235px;}
    .footerBox {padding:0 33px;}
    .headerSlide .contentWidth {font-size:34px;box-sizing:border-box;padding:0 95px;}

    #headerBoxes a.box {padding:15px;height:100%;}
    #headerBoxes .box p {font-size:14px; }

    .newsBox .img {height:190px;}
}

@media screen and (max-width:1755px) {

    #navigation li a {font-size: 19px;}

}

@media screen and (max-width:1055px) {

    #menuButton {display:block;position:absolute;right:20px;top:26px;color:#fff;border:1px solid rgba(255,255,255,0.5);padding:0 10px;background:#262626;font-family:'Open Sans Condensed', sans-serif;font-size:18px;cursor:pointer;text-transform:uppercase;}

    #navigation {display:none;}

}

.youtubeVideo {
    position:relative;
    padding-bottom:56.25%; /* 16:9 */
    height:0;
}
.youtubeVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


.footerlink {text-transform: none;}

/* COOKIE BANNER */
/*
#cmsCookieChoiceBannerModal {position:fixed;left:0;bottom:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.01);opacity:0.01;z-index:9999;}
#cmsCookieChoiceBanner {position:fixed;bottom:0;left:0;right:0;background:rgba(240,240,240,0.9);color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;z-index:10000;box-shadow:0 0 15px rgba(0,0,0,0.2);max-height:300px;overflow:auto;}
#cmsCookieChoiceBannerInner {position:relative;margin:0 auto;max-width:1500px;padding:20px 10px 10px 10px;box-sizing:border-box;text-align:left;}
#cmsCookieChoiceBannerTitle {font-size:18px;font-weight:bold;margin-bottom:3px;}
#cmsCookieChoiceBannerText {margin-bottom:5px;}
#cmsCookieChoiceBanner  {-webkit-filter:unset;filter:unset;}

.cmsCookieChoiceBannerToolbox {color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;}
.cmsCookieChoiceBannerGroup {float:left;margin:10px 20px 10px 0;width:220px;}
.cmsCookieChoiceBannerGroupTitle {font-weight:bold;margin-bottom:5px;}
.cmsCookieChoiceBannerChoice {margin:5px 0 0;}
.cmsCookieChoiceBannerChoice input[type=checkbox] {margin:0 5px 0 0;background:unset;padding:unset;vertical-align:middle;}
.cmsCookieChoiceBannerChoice label {vertical-align:middle;}
.cmsCookieChoiceBannerChoice label.marked {font-weight:bold;}
.cmsCookieChoiceBannerChoiceInfoIcon {display:inline-block;margin:0 0 0 5px;opacity:0.6;cursor:pointer;padding:0 2px;vertical-align:middle;}
.cmsCookieChoiceBannerChoiceInfo {margin:3px 0 0;font-size:12px;opacity:0.8;}
.cmsCookieChoiceBannerToolboxButtons {margin:10px 0 0;}
.cmsCookieChoiceBannerToolboxButtons button {border:0;background:#999;color:#fff;margin:0 5px 5px 0;padding:5px 10px;font-size:14px;line-height:1.2;border-radius:0;-webkit-appearance:none;cursor:pointer;outline:0;}
.cmsCookieChoiceBannerToolboxButtons button.default {background: #B5ADC4;color: #fff;}
.cmsCookieChoiceBannerToolboxButtons button:hover {background:#444;}
.cmsCookieChoiceBannerToolboxButtons button.default:hover {background: #fff;color: #B5ADC4}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton {background: transparent;color:#000000;opacity:0.6;font-size:12px;padding:5px 5px;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton:hover {background: transparent;}

.cmsCookieChoiceBannerGroup {margin: 3px 20px 10px 0!important; width: 150px!important;}
#cmsCookieChoiceBannerTitle {position: absolute;}
#cmsCookieChoiceBannerText {max-width: 450px!important; position: relative; float: left; margin-right: 30px; margin-top: 25px;}
.cmsCookieChoiceBannerToolboxButtons {right: 70px!important; top: 25px!important; position: absolute; }


@media screen and (max-width: 1550px) {
    #cmsCookieChoiceBannerInner {width: 1250px!important;}
}


@media screen and (max-width: 1280px) {
    .cmsCookieChoiceBannerToolboxButtons {width: 300px; }
    #cmsCookieChoiceBannerInner {width: 80%!important;}
}
@media screen and (max-width: 1105px) {
    #cmsCookieChoiceBannerInner {width: 90%!important;}
}
@media screen and (max-width: 975px) {
    .cmsCookieChoiceBannerToolboxButtons {right: unset; top: unset; position: unset; }
}
*/
/* COOKIE BANNER */
#cmsCookieChoiceBannerModal {position:fixed;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.01);opacity:0.01;z-index:9999;}
#cmsCookieChoiceBanner {position:fixed;bottom:0;left:0;right:0;background:rgba(240,240,240,0.9);color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;z-index:10000;box-shadow:0 0 15px rgba(0,0,0,0.2);max-height:300px;overflow:auto;}
#cmsCookieChoiceBannerInner {position:relative;margin:0 auto;max-width:1500px;padding:20px 10px 10px 10px;box-sizing:border-box;text-align:left;}
#cmsCookieChoiceBannerTitle {font-size:18px;font-weight:bold;margin-bottom:3px;}
#cmsCookieChoiceBannerText {margin-bottom:5px;}
#cmsCookieChoiceBanner {-webkit-filter:unset;filter:unset;}

.cmsCookieChoiceBannerToolbox {color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;}
.cmsCookieChoiceBannerGroup {float:left;margin:10px 20px 10px 0;width:220px;}
.cmsCookieChoiceBannerGroupTitle {font-weight:bold;margin-bottom:5px;}
.cmsCookieChoiceBannerChoice {margin:5px 0 0;}
.cmsCookieChoiceBannerChoice input[type=checkbox] {margin:0 5px 0 0;background:unset;padding:unset;vertical-align:middle;}
.cmsCookieChoiceBannerChoice label {vertical-align:middle;}
.cmsCookieChoiceBannerChoice label.marked {font-weight:bold;}
.cmsCookieChoiceBannerChoiceInfoIcon {display:inline-block;margin:0 0 0 5px;opacity:0.6;cursor:pointer;padding:0 2px;vertical-align:middle;}
.cmsCookieChoiceBannerChoiceInfo {margin:3px 0 0;font-size:12px;opacity:0.8;}
.cmsCookieChoiceBannerToolboxButtons {margin:10px 0 0;}
.cmsCookieChoiceBannerToolboxButtons button {border:0;background:#999;color:#fff;margin:0 5px 5px 0;padding:5px 10px;font-size:14px;line-height:1.2;border-radius:0;-webkit-appearance:none;cursor:pointer;outline:0;}
.cmsCookieChoiceBannerToolboxButtons button.default {background: #B5ADC4;color: #fff;}
.cmsCookieChoiceBannerToolboxButtons button:hover {background:#444;}
.cmsCookieChoiceBannerToolboxButtons button.default:hover {background: #fff;color: #B5ADC4}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton {background: transparent;color:#000000;opacity:0.6;font-size:12px;padding:5px 5px;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton:hover {background: transparent;}
.cmsCookieOpen #cmsCookieChoiceBannerText{max-width: 100%!important;}