body {
    background: rgb(246, 218, 144);
    background: linear-gradient(0deg, rgba(246, 218, 144, 1) 0%, rgba(252, 242, 215, 1) 100%);
    color: #333;
    font-family: "Open Sans", sans-serif;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

body .wrapper {flex: 1 0 0;}
body .wrapper-home {background: url('/images/bg.png') no-repeat 30% top;}
body .wrapper-content {background: url('/images/backgroundContent.png') top center no-repeat;}
.text-body {color: #333 !important;}
.bg-white-50 {background: rgba(255, 255, 255, 0.5);}

.img-logo img {position: relative; z-index: 2; width: 150px;}
.logo-content .img-logo {display: block; margin-bottom: 1rem; width: 100%; text-align: center;}

.z-index-2 {z-index: 2;}

/* SEARCH */
.form-control:focus {border-color: #f47920; box-shadow:0 0 0 0.2rem rgba(244, 121, 32, .25);}
.search-form {border: none; border-radius: 3rem; height: 100%; padding: .9375rem .75rem; font-size: .8125rem;}
.searchContentWrapperOnsite {display: flex;}
.btn-search {cursor: pointer;}
.btn-search-sm {background: #f47920; border: none; display: inline-flex; align-items: center; border-radius: 3rem; margin-left: -3rem; cursor: pointer; vertical-align: middle;}
.btn-search-sm:hover {background: #e5670b;}
.btn-search-sm a {padding: .375rem .75rem;}
.btn-search-sm a::after {content: '\f002'; font-family: 'Font Awesome 5 Free'; font-size: 1.5rem; font-weight: 900; color: #fff; display: inline-block;}

/* ADDRESS */
.icon {min-width: 48px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 1.5rem;}
.icon.facebook {background-color:#3b5998;}
.icon.facebook:hover {background-color:#314a7e; text-decoration: none;}
.icon.twitter {background-color:#598dca;}
.icon.twitter:hover {background-color:#3e7ac1; text-decoration: none;}

/* SLIDER */
.slide {display: flex;}
.slide > .container {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: flex-end;}
.slideshow-item-image {width: 100%;}
.slideshow {position: relative; touch-action: manipulation;}
.slideshow-container, .slide {border-radius: 1.25rem; overflow: hidden; position: relative;}
.slide-home .slideshow-image, .slideshow-image {height: 262px; width: 100%; background-size: cover; background-position: center; position: relative; opacity: .9;}
.slideshow-item-overlay {display: flex; flex-direction: column; justify-content: center; width: 100%; color: #fff; font-size: 1rem; position: absolute; top: 0; bottom: 0; padding: 1rem 2rem;}
.slideshow-item-overlay h2, .slideshow-intro {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* NEWS */
.newsOS {font-weight: 300; color: #fff; margin: 0 0 0 1.5rem;}
.newsOS .newsBlokTitle {font-size: 1.5rem; background: #0ba14b; border-radius: 1.25rem 1.25rem 0 0; padding: 1rem; text-align: right;}
.newsOS .newsBlokTitle a {color: #fff; text-decoration: none;}
.newsOS .newsOSContent {background: #0ba14b;}
.newsOS .allNews {background: #0ba14b; border-radius: 0 0 1.25rem 1.25rem;}
.newsOS .newsContentItem {margin-left: -1.5rem;}
.newsOS .allNews a {font-size: 0;}
.newsOS .dateTitle {display: flex; align-items: center;}
.newsOS .newsTitle {margin-left: 1rem;}
.newsOS .date {background: #f47920; width: 3rem; height: 3rem; border-radius: 50%; text-align: center; display: flex; line-height: 1rem; justify-content: center; flex-flow: column; flex-shrink: 0;}
.newsOS .date .dateDay {display: block; font-size: 1.25rem; font-weight: 300;}
.newsOS .date .dateMonth {font-size: .75rem; text-transform: uppercase; font-weight: 700;}
.newsOS .newsTitle a {color: #fff;}

/* CALENDAR */
.calendarOS {font-weight: 300; color: #fff; margin: 0 0 0 1.5rem;}
.calendarOS .calendarOSHeader {font-size: 1.5rem; background: #0075aa; border-radius: 1.25rem 1.25rem 0 0; padding: 1rem; text-align: right;}
.calendarOS .calendarOSHeader a {color: #fff; text-decoration: none;}
.calendarOS .calendarOSContent {background: #0075aa;}
.calendarOS .calendarOverview {background: #0075aa; border-radius: 0 0 1.25rem 1.25rem;}
.calendarOS .calendarOverview a {font-size: 0;}
.calendarOS .calendarItem {display: flex; align-items: center; margin-left: -1.5rem;}
.calendarOS .calendarItem + .calendarItem {margin-top: 1rem;}
.calendarOS .calendarItemTitle {color: #fff; margin-left: 1rem;}
.calendarOS .calendarItemDate {background: #f47920; width: 3rem; height: 3rem; border-radius: 50%; text-align: center; display: flex; line-height: 1rem; justify-content: center; flex-flow: column;}
.calendarOS .calendarItemDate .dateDay {display: block; font-size: 1.25rem; font-weight: 300;}
.calendarOS .calendarItemDate .dateMonth {font-size: .75rem; text-transform: uppercase; font-weight: 700;}

/* CONTENT */
.contentWrapper {margin: 0;}
.wrapper-home .news, .wrapper-home .calendar {min-width: 270px;}

/* NAV */
.navbar-nav .nav-link {font-weight: 300; font-size: 1.375rem;}
.navbar-light .navbar-nav .nav-link {color: #333;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #0ba14b;}
.navbar-light {background: rgba(255, 255, 255, 0.5);}

/* SUBMENU */
.dropdown-item {color: #fff; background-color: #0ba14b; font-size: 1.375rem; font-weight: 300; padding: .5rem 1rem;}
.dropdown-menu {border: none; border-radius: 1.25rem; padding: 0; margin: 0;}

.dropdown-menu .nav-item:first-child .dropdown-item,
.dropdown-menu .nav-item:first-child .dropdown-item:active, .dropdown-menu .nav-item:first-child .dropdown-item:focus, .dropdown-menu .nav-item:first-child .dropdown-item:hover {border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem;}
.dropdown-menu .nav-item:last-child .dropdown-item,
.dropdown-menu .nav-item:last-child .dropdown-item:active, .dropdown-menu .nav-item:last-child .dropdown-item:focus, .dropdown-menu .nav-item:last-child .dropdown-item:hover {border-bottom-left-radius: 1.25rem; border-bottom-right-radius: 1.25rem;}

.dropdown-item:focus, .dropdown-item:hover {color: #fff; background-color: #0075aa; outline: none;}
.dropdown-item.active, .dropdown-item:active {background: #f47920;}
.dropdown-submenu {position:relative;}
.dropdown-submenu > .dropdown-menu {top: 0; left: 100%; margin: 0; padding: .5rem;}

/* FOOTER */
footer .address span + span {display: block;}
.footer-top .brand {background: url('../images/brand.png') no-repeat center / contain; width: 100%; height: 79px;}

@media (min-width: 768px) {
    .slideshow-container::after {content: ''; position: absolute; top: 0; left: 0; right: 0; height: 78px; border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem; background: rgb(236,179,28); background: linear-gradient(90deg, rgba(245, 238, 218, 0.85) 0%, rgba(245, 238, 218, .25) 100%); z-index: 1;}
    .navbar-light {background: transparent;}
    .navbar-nav .nav-item:hover > .dropdown-menu {display: block;}
    .dropdown-submenu > .dropdown-menu {padding: 0;}
    .logo-content .img-logo {max-width: 272px;}
    .img-logo img {width: 473px; margin-bottom: -50%;}
    footer .address span + span {display: inline-block; border-left: 1px solid #333; padding-left: .5rem; margin-left: 0.5rem;}
}