/* ----------------------------------------------------------------
	Font
-----------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Lato', sans-serif;
}
.font-primary { font-family: 'Lato', sans-serif; }
#logo a {
	font-family: 'Lato', sans-serif;
}
.menu-link {
	font-family: 'Lato', sans-serif;
}


/* ----------------------------------------------------------------
	Layout
-----------------------------------------------------------------*/

.content-wrap {
	padding-top: 50px;
}
.invisible {
	display: none;
}

/* ----------------------------------------------------------------
	Layout
-----------------------------------------------------------------*/

#header {
	display: none;
}


/* ----------------------------------------------------------------
	Article
-----------------------------------------------------------------*/

#content article {
	padding-bottom: 30pxr;
}
#content article h2 {
	font-size: 1.5rem;
	margin-bottom: 0;
}
#content article .teaser p {
	margin-bottom: 0;
}

@media (max-width: 769px) {
	#content article h2 {
	  font-size: 1.25rem;
	}
}



/* ----------------------------------------------------------------
	Logo
-----------------------------------------------------------------*/

.side-header #logo {
	margin: 0;
	left: -30px;
}
.side-header #logo a.desktop {
	width: 242px;
	height: 300px;
}
.side-header #logo a.desktop img {
	width: 100%;
}	
.side-header #logo a.mobile {
	width: 200px;
	height: 61px;
	margin: 15px 0;
}
.side-header #logo a.mobile img {
	margin-left: 30px;
}



/* ----------------------------------------------------------------
	Navigation
-----------------------------------------------------------------*/

@media (min-width: 992px) {
	.side-header .primary-menu {
		margin-left: -30px;
		width: 90%;
	}
}
.si-mailchimp:hover,
.si-colored.si-mailchimp { background-color: #ffdd46 !important; }

.sub-menu-container.display {
	display: block !important;
}

.mod_navigation li .menu-link.trail,
.mod_navigation li .menu-link.active {
  color: #336c81;
}


/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/

#slider h2 {
	margin-top: 200px;
	text-transform: none;
	font-weight: 400;
}
#slider .custom-shadow {
	text-shadow: 2px 2px 5px #000;
}

@media (max-height: 650px) {
	.slider-caption {
		/* display: none; */
	}
}

@media (max-width: 991.98px) {
	.swiper_wrapper .slider-caption p {
		font-size: 18px;
	}
}


/* ----------------------------------------------------------------
	Content
-----------------------------------------------------------------*/

.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
	text-transform: none;
}
.heading-block::after {
  border-color: #8c7855;
}
.heading-block.h2::after,
.heading-block.h3::after {
	display: none;
}
.heading-block.h3 {
	margin-bottom: 24px;
}

#content {
	padding-bottom: 40px;
}
#content p {
	color: #222222;
	line-height: 1.5rem;
	margin-bottom: 20px;
}
#content ul,
#content ol {
	margin-left: 22px;
}
#content li {
	color: #222222;
}
#content .video p {
	margin: 20px 0 30px 0;
}


/* ----------------------------------------------------------------
	Books
-----------------------------------------------------------------*/

.row.books img {
	padding-bottom: 14px;
}

/* ----------------------------------------------------------------
	Teaser
-----------------------------------------------------------------*/

#content .teaser p {
	margin-bottom: 0;
}

/* ----------------------------------------------------------------
	Newsletter
-----------------------------------------------------------------*/

.newsletter .button {
	padding: 15px 30px;
	margin-bottom: 20px;
	margin-left: 0;
	font-weight: bold;
	border: 1px #fff solid;
	background-color: #336c81;
	color: #fff;
}
.newsletter .button:hover {
	background-color: #fff;
	color: #336c81;
	border: 1px #336c81 solid;
}
.newsletter .input {
	width: 100%;
	max-width: 400px;
	border: 1px #336c81 solid;
}



/* ----------------------------------------------------------------
	News
-----------------------------------------------------------------*/

.fbox-content h3 {
	font-family: 'Lato', sans-serif;
	text-transform: none;
	color: #436f89;
}
.media-box .fbox-media {
  margin-bottom: 0;
}


/* ----------------------------------------------------------------
	Events
-----------------------------------------------------------------*/

#content .mod_eventlist .fbox-content p {
	margin-bottom: 0;
}
#content .mod_eventlist .media-box.angebote p {
  margin-top: 8px;
}



/* ----------------------------------------------------------------
	Buttons (Mail)
-----------------------------------------------------------------*/

.button-sb {
  --cnvs-btn-color: #436f89;
  width: inherit;
  letter-spacing: 0 !important;
  text-transform: none;
	word-break: keep-all;
  text-align: center;
}
@media (max-width: 769px) {
	.button-sb {
	  font-size: 15px !important;
	  padding-left: 6px !important;
	  padding-right: 6px !important;
	}
}


/* ----------------------------------------------------------------
	Services (Angebote)
-----------------------------------------------------------------*/

@media (min-width: 768px) {
	.mod_eventlist.services h3 {
		font-size: 22px;
	}
}




/* ----------------------------------------------------------------
	Gallery
-----------------------------------------------------------------*/

.ce_gallery ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  gap: 10px;
  margin-left: 0 !important;
}
.ce_gallery li {
  flex-basis: 250px; /* width: 350px; */
  list-style: none;
}
@media (min-width: 992px) {
	.ce_gallery li {
	  flex-basis: 400px; /* width: 350px; */
	}
}
@media (min-width: 768px) {
	.ce_gallery li {
	  flex-basis: 300px; /* width: 350px; */
	}
}
@media (max-width: 577px) {
	.ce_gallery li {
	  flex-basis: 100%;
	}
}
.ce_gallery li img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.ce_gallery li figure {
  margin-bottom: 0;
}


/* ----------------------------------------------------------------
	Form
-----------------------------------------------------------------*/

.formbody label {
	display: block;
	margin-bottom: 4px;
}
.formbody span.mandatory {
	padding-left: 6px;
	color: #cc0000;
}
.formbody .widget {
	margin-top: 12px;
}
.formbody .widget select,
.formbody .widget input.text,
.formbody .widget textarea {
	width: 100%;
	max-width: 400px;
	border: 1px #336c81 solid;

}
.formbody .widget select,
.formbody .widget input.text {
	height: 34px;
    -webkit-appearance: none;
    padding-left: 10px;
}
.formbody .widget-checkbox fieldset {
	margin-bottom: 0;
}
.formbody .widget-checkbox input {
	float: left;
	margin-right: 15px;
}
.formbody .widget-checkbox label {
	float: left;
}
.formbody .widget-explanation {
	margin-top: 0;
}
.formbody .widget-submit button {
	padding: 15px 30px;
	margin-bottom: 20px;
	font-weight: bold;
	border: 1px #fff solid;
	background-color: #336c81;
	color: #fff;
}
.formbody .widget-submit button:hover {
	background-color: #fff;
	color: #336c81;
	border: 1px #336c81 solid;
}
#content .formbody p.error {
	color: #ff0033;
}



/* ----------------------------------------------------------------
	Social News
-----------------------------------------------------------------*/

.sboard .sb-item .sb-footer {
	text-shadow: none !important;
}
.sboard.sb-modern .sb-item .sb-footer i {
	display: none !important;
}

/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/

#footer.dark {
	background-color: #8c7855;
}
#footer.dark, #footer.dark h1, #footer.dark h2, #footer.dark h3, #footer.dark h4, #footer.dark h5, #footer.dark h6, #footer.dark p, #footer.dark small, #footer.dark a, #footer.dark i, #footer.dark div, #footer.dark ::placeholder {
	color: #fff;
}
#footer.dark input,
#footer.dark .input-group-text {
	border-color: #706047;
}



#footer .footer-widgets-wrap {
	padding-bottom: 30px;
}
footer p,
footer address {
	margin-bottom: 10px;
}
footer #widget-subscribe-form {
	max-width: 340px;
}
footer .btn-success,
footer .btn-success:hover {
	background-color: #294c5b;
	border-color: #294c5b;
}
footer #copyrights .website {
	color: #b79e71;
}