* {}

.width_2 {float:left;width:100%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:100%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 0 10px;}
.width_2.rightColumn {padding:0 0 10px;}
.width_3.leftColumn {padding:0 0 10px;}
.width_3.middleColumn {padding:0 0 10px;}
.width_3.rightColumn {padding:0 0 10px;}

.desktopOnly {display: none!important;}
.mobileOnly {display: block;}
.tabletOnly {display: none;}
.smartphoneOnly {display: block!important;}

#main {min-height:0;}
#content {padding: 0;}
#contentLeft{padding: 25px 15px 0px 15px;}
#footer {margin-top:0;}

.StartNewsContent{background: none;top:0;}
.StartNewsContent .singleitemworship{display: none;}
.StartNewsContent .singleitemcalendar{display: none;}
.StartNewsContent .predigtContainer{display: none;}
.StartNewsContent .fullWidthGrid{display: none;}

#HeaderSocialIcons {display: grid;
    grid-template-columns: 50% 50%;}


/* MOBILE CONTENT FIX */
#content img {max-width:100%;height:auto !important;}
#content table {max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;}

/* MOBILE NAVIGATION */
#menuButton {display:block;position: relative;top: 0;text-transform: uppercase;height: auto;right: 0;color: #FFFFFF;padding: 10px 20px;cursor: pointer;letter-spacing: 1.14px;font-size: 25px;line-height: 29px;font-weight: bold;}
#navigation {left:0;display:none;}
#navigation.opened {display:block;}
#navigation li {float:none;background:#00847e;display:block;margin:0;position:relative;width:100%;}
#navigation li:hover > ul {display:none;}
#navigation li.opened > ul {display:block;}
#navigation li.hasChilds > a {padding-right:24px;}
#navigation li.hasChilds > a > .mobilenavigationitem {display:block;position:absolute;top:15px;right:10px;width:20px;height:20px;background:url("./../../images/arrow-down.svg") no-repeat center;}
#navigation li.hasChilds.opened > a > .mobilenavigationitem {background:url("./../../images/arrow-up.svg") no-repeat center;}
#navigation li ul {position:relative;top:0;left:0;padding:0;width: 100%;}
#navigation li ul li ul {left:0;}
#navigation li:hover .mobilenavigationitem {filter: brightness(0) saturate(100%) invert(38%) sepia(97%) saturate(461%) hue-rotate(129deg) brightness(85%) contrast(101%);}
#navigation .active .mobilenavigationitem {filter: brightness(0) saturate(100%) invert(38%) sepia(97%) saturate(461%) hue-rotate(129deg) brightness(85%) contrast(101%);}

/* NEWS */
.newsContentThumbnail {float:none;width:100%;height:auto;margin:0;}
.newsContentText {float:none;width:100%;}

#header{height: 375px;}
#header-content{padding: 0 0px;}
#header-content #logo{width: calc(100% - 20px);margin: 0; top: 10px;left: 10px;max-height: 65px;}
#header-content #logo25 {position:absolute;max-height: 55px; width: calc(100% - 90px); padding:0; top: 10px; left: 0;}
#OFLogo{position: absolute;top:0;right: 0;width: 70px;}
#NaviWrapper{top: 85px;height: auto;}

#startpage{grid-template-columns: minmax(0, 1fr); grid-gap: 25px;}

.startpageBox {max-width: 100%;}

#content.startpage{padding: 0 0 35px 0;margin-top: -10px;}
.StartNewsContent .linkRow{margin: 0 auto;bottom: 0;right: 0;position: relative;grid-column-start: 1;grid-column-end: 3;}
.StartNewsContent{height: auto;padding: 10px;}
.startpageBox{height: auto;}
.StartNewsContent .buttonRow input{position: relative;bottom: 0; right: 0;}
.StartNewsContent input[type="text"], .StartNewsContent input[type="email"]{
    max-width: 100%;}
.StartNewsContent .buttonRow{text-align: center;margin-top: 5px;}
.StartNewsContent p{margin: 0 0 10px 0;}
.startpageBox .BildBoxThumbnail{width: 100%; height: auto;}
.StartNewsTitle{height: 55px;}
.StartNewsTitle h1{line-height: 55px;}
.StartNewsTitle h1 a{line-height: 55px;}
.startpageBox .overlay{bottom: 0px;background-image: linear-gradient(180deg, transparent 0%, #00BAB5 90%, #00BAB5 100%);}

#HeaderTopRow{top: 150px;flex-wrap: wrap;height: auto; position: relative; transform: scale(1); right: 0px;}
#HeaderSocialIcons{position: absolute;left: 5px;bottom: -10px;grid-gap: 0 10px;}
#searchForm{width: 100%;}
#searchInput{width: calc(100% - 50px);}
#HeaderButtonNavi{display: grid;grid-gap: 20px;}



#content{margin-top: 15px;}

#NaviWrapperContent{padding: 0;}

#content.nonStartpage{grid-template-columns: 100%;grid-gap: 20px;}
#contentRight .Veranstaltkungskalender .linkRow{margin: 0;}
#contentRight .Veranstaltkungskalender {display: inline-block;}
#contentRight #losungsbox .linkRow{margin: 0;}
#contentRight .StartNewsContent .linkRow{grid-column-start: unset;grid-column-end: unset;margin: unset; margin-top: 5px;}

#footer-content{padding: 15px;}
#footerNavi{display: none;}
#footerSitemap h1{background: url("./../../images/menu.png") no-repeat 0px center; padding-left: 50px;cursor: pointer;margin: 0;}
#footerSitemap hr{display: none;}
#footer-navigation{flex-wrap: wrap;justify-content: space-between;grid-gap: 0 100px;}
#footer-navigation li{margin: 0;}
#footerNavi .Depth1{margin-bottom: 15px;}

.forceOpen{display: block!important;}


#BoxGemeinde{grid-row: 4;}
#BoxNews{grid-row: 3;}
#BoxBild{grid-row: 7;}
#BoxGemeinde .headerboximage{display: none;}

.NewsSliderContainer{position:relative;}
.NewsSliderContainer h1{color: #fff;position: absolute;bottom: 10px;width: 50%;margin: 0 auto;left: 0;right: 0;font-size: 16px;text-align: center;}
#BoxNewsSlider{width: 65%;margin: 0 auto;}
.slick-arrow.next{transform: rotate(-45deg); right: -50px;}
.slick-arrow.prev{transform: rotate(135deg); left: -50px;}
.slick-arrow{width: 20px;height: 20px;border-right: 3px solid #00BAB5;border-bottom: 3px solid #00BAB5;position: absolute;top: 85px;}
#BoxNewsMobileGrid{grid-row: 3;}
#BoxNewsMobileGrid .smartphoneOnly .StartNewsTitle{margin-bottom: 25px;}

#relatedContentsContainer ul{list-style-type: none;}

@media only screen and (max-width: 375px) {
    #GemeindeGrid{font-size: 16px;}
}

.headerboximage img{width: 100% !important;height: unset!important;max-height: unset!important;}

#BoxSlider .slick-list{max-height: unset;height: unset;}
#BoxSlider{max-height: unset;height: unset;}
#BoxSlider .slick-track{height: unset;}


.startpageBox .BildBoxThumbnail img{width: unset;
    z-index: 3;
    padding: unset;
    position: relative;
    height: unset;
    top: unset;
    transform: unset;
    margin: 0 auto;
}

.nostartheader{height: 135px!important;}
.nostartheader #HeaderTopRow{display: none;}