<!-- start Simple Custom CSS and JS -->
<style type="text/css">
:root {
	--accentcolor: #cc0000;
	--textcolor: #444444;	
}
html {	scroll-behavior: smooth;
}
body {
	min-width: 300px;
}
::-moz-selection{ 
    background: #cc0000;
    color: #fff;
}
::selection{
    background: #cc0000;
    color: #fff;
}

div {
	scroll-margin-top: 120px;
}

* {
	accent-color: var(--accentcolor);
	word-break: break-word;
}

::file-selector-button {
   background-color: #333;
   border: none;
   padding: 10px 20px;
   color: #ffffff;
   text-transform: uppercase;
   letter-spacing: 0.02em;
   font-weight: bold;
   cursor: pointer;
   margin-right: 12px;
   font-size: 0.8em;
   transition: 0.3s;
}

* {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important; 
    print-color-adjust: exact !important; 
}

:is(a, button, input, select, textarea):focus {
  outline: none !important;
}
:is(a, button, input, select, textarea):focus-visible  {
  	outline: 2px #F9F9F9 solid !important;
	box-shadow: 0 0 0 4px #193146 !important;
}

main#main > .elementor :is(p,li,span):not(.elementor-icon-list-item) a,
main#main #content-wrap :is(p,li,span) a  {
	text-decoration-color: var(--accentcolor);
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}
main#main > .elementor :is(p,li,span) a:hover,
main#main #content-wrap :is(p,li,span) a:hover {
	text-decoration-style: dotted;
}

a[href$=".jpg"],
a[href$=".jpeg"],
a[href$=".png"]{
  cursor: zoom-in;
}

#site-logo #site-logo-inner a:hover img {
	opacity: 1;
}
.site-breadcrumbs a {
	cursor: pointer;
}
.custom-logo-link {
	display: block;
}



h1, h2, h3, h4, h5, h6 {
	margin: 0 0 2rem 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 2rem 0;
}
:is(h1, h2, h3, h4, h5, h6, p, ul) + :is(h2, h3, h4, h5, h6) {
	margin-top: 4rem;
}

h2 > span, h3 > span {
	color: var(--accentcolor);
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.3 !important;
}
@media (min-width:576px) {
	h1, h2, h3, h4, h5, h6 {
		line-height: 1.1 !important;
	}
}

#main ul, #main ol {
	margin: 0 0 15px 20px;
}
#main * + ul, #main  * + ol {
	margin-top: 15px;
}

b, strong {
	font-weight: 700;
}

option {
  font-family: sans-serif;
}

#content-wrap {
	padding-top: 60px !important;
}
#main .page-header {
	margin-bottom: 40px;
}
#main {
	max-width: 100vw;
}
#main .entry li,
#main .elementor-widget-container li {
	margin-bottom: 1em;
}

body.home main#main .page-header {
	display: none;
}

@media (min-width:1024px) {
	#main .page-header > .page-header-inner  {
		display:flex;
		justify-content: space-between;
	}
}
.page-header-inner::after {
	display: none !important;
}

/* ------ header ------ */
body:not(.elementor-editor-active ) #site-header.sticky_header {
	border-bottom: 2px solid #cc0000;
}

body:not(.elementor-editor-active ) #site-header {
	position: sticky !important;
	top: 0;
	z-index: 100;
}

#top-bar-wrap,
#site-header {
	z-index: 10;
}

#site-header.minimal-header #site-header-inner::after {
	display: none !important;
}
#site-header.minimal-header #site-header-inner {
	display: flex;
	justify-content: space-between;
}
#site-header.minimal-header #site-header-inner #site-navigation-wrap {
	float: none;
	right: 0;
	display: flex;
	align-items: center;
}
@media (max-width:1280px) {
	#site-header.minimal-header #site-header-inner #site-navigation-wrap {
		display: none;
	}
	#site-header.minimal-header #site-header-inner .oceanwp-mobile-menu-icon {
		display: flex;
		align-items: center; 
	}
}

#site-navigation .main-menu li:last-child a {
	padding-right: 0;
}

/*
#site-header {
	position: absolute;
	height: 80px;
	transition: height 500ms;
}
#site-header.fixed_tiny {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 60px;
}
#site-header.fixed_tiny a {
	line-height: 30px !important;
}
#site-header.fixed_tiny img.custom-logo {
	height: 36px !important;
}
#site-logo #site-logo-inner {
	height: auto !important;
}
#site-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between !important;
}
#site-header-inner > * {
	width: auto;
}
#site-navigation-wrap {
	margin: 0;
	float: none;
	position: static;
	width: 100%;
	display: flex;
	justify-content: flex-end;
} 
@media (max-width:1280px) {
	#site-header-inner .oceanwp-mobile-menu-icon {
		display: flex;
		justify-content: flex-end;
		width: 100%;
	}
}
*/

body.sidr-open #outer-wrap::after {
	content: "";
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0; 
	right: 0;
	z-index: 9999 !important;
	background-color: rgba(0,0,0,0.9) !important;
}

a.sidr-class-toggle-sidr-close i {
	font-size: 150%;
}


#site-navigation-wrap .dropdown-menu > li > a .nav-arrow {
	font-family: 'simple-line-icons';
	font-weight: normal;
	font-size: 60%;
}
#site-navigation-wrap .dropdown-menu > li > a .nav-arrow::before {
	content: "\e604";
}

/*
#mobile-dropdown > nav > ul > li > a {
	font-weight: 700;
}
*/

#mobile-fullscreen nav {
	padding: 90px 0;
	vertical-align: top;
}

/* ------ top bar custom ------ */
@media (max-width:767.9px) {
	#topbar-template .elementor-icon-list-text {
		/*display: none;*/
	}
}
#topbar-template .elementor-icon-list-item  {
	padding: 10px;
}

/* ------ page header title ------ */
/*
.page-header-title {
	display: none;
}
*/
.background-image-page-header-overlay {
	opacity: 0.7 !important;
}


/* elementor ------ */
.elementor div:not(.nodeco) h2 {
	position: relative;
	margin-bottom: 20px;
  	padding-bottom: 14px;
}
.elementor div:not(.nodeco) h2:after {
	background: #cc0000;
  	border-radius: 3px;
  	position: absolute;
  	content: "";
  	left: 0;
  	bottom: 0;
  	height: 3px;
  	width: 50px;
}
.elementor div.nodeco h2 {
	margin-bottom: auto;
  	padding-bottom: 0;
}
.elementor div.nodeco h2:after {
	display: none;
}

.elementor-icon-list-item {
	list-style-type: none;
}

@media (min-width:576px) {
	.boxed_main {
		width: 90% !important;
		max-width: 90% !important;
	}
	.menu_wrapper, 
	/*#site-header-inner,*/
	footer .footer-widgets-inner > .elementor > .e-flex.e-con-boxed.e-con > .e-con-inner,
	#main > .elementor > .e-flex.e-con-boxed.e-con > .e-con-inner {
		width: calc(90% + 40px) !important;
	}
}

#main > .elementor > .elementor-element > .e-con-inner> .elementor-element:not(.e-child):not(.e-flex):not(.e-con)
{
	padding: 10px;
}


.sticky {
	position: sticky;
	top: 100px;
}






/* oceanwp ------ */
form.oceanwp-searchform button,
form.oceanwp-searchform button:hover {
	color: inherit;
}

/* page post passwort form ------ */
.post-password-form {
	padding: 20px;
	margin: 20px auto;
	max-width: 600px;
}
.post-password-form input {
	margin: 20px 0;
}

/* ------ custom top bar ------ */
#top-bar-content {
	text-align: left !important;
}

/* footer */


/* contactform ------   */
.wpcf7 form .wpcf7-response-output {
	margin: 2em 0;
}
.wpcf7-acceptance .wpcf7-list-item {
	margin: 4px 0;
}
input[type="checkbox"] {
	margin-right: 4px;
}
.wpcf7-not-valid-tip {
	font-size: 12px;
}
.wpcf7-not-valid-tip::before {
	content: "↑ ";
}
.wpcf7-submit[disabled] {
	opacity: 0.5;
}
form input, form select, form textarea {
	border-radius: 0 !important;
}
form input.wpcf7-submit {
	display: inline-block;
	border-radius: 3px !important;
}


/* wp blog ------ */
#blog-entries {
  margin: 0 -6px;
}

.meta-cat a {
	white-space: nowrap !important;
}

.blog-entry .meta-cat i {
	display: none;
}

/* Unlimited Elements for Elementor - Post Blocks */
.ue_post_blocks_content .ue_post_blocks_title {
	order: -1;
}

/* custom menu buttons */
.elementor-widget-wp-widget-ocean_custom_menu.menu_buttons li {
	margin: 0 0.25em 0 0.25em;
	padding: 0;
}
.elementor-widget-wp-widget-ocean_custom_menu.menu_buttons li a {
	padding: 0.25em 0.75em;
	border: 1px solid #444;
	color: #444;
	background-color: #fff;
	line-height: 1.2;
	font-size: 0.9em;
}
.elementor-widget-wp-widget-ocean_custom_menu.menu_buttons li a:hover,
.elementor-widget-wp-widget-ocean_custom_menu.menu_buttons li.current-menu-item a
{
	color: #fff;
	background-color: #444;
}

/* custom blog filter buttons */
#myBtnContainer button {
	padding: 0.25em 0.75em;
	border: 1px solid #444;
	color: #444;
	background-color: #fff;
	font-size: 0.9em;
}
#myBtnContainer button:hover, 
#myBtnContainer button.active {
	color: #fff;
  	background-color: #444;
}
.fitered .ue_post_blocks_box {
  display: none !important;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.fitered .ue_post_blocks_box.show {
  display: flex !important;
  opacity: 1;
}

#scroll-top {
	border-radius: 200px;
}
@media (min-width:1600px) {
	#scroll-top {
		right: 100px;
		bottom: 60px;
	}
}

/* lightbox -------- */
.lb-data .lb-close {
	position: absolute;
  	top: -40px;
  	right: 10px;
}

/* ------ media queries for devices with a mouse ------ */
@media (pointer:fine) {
	a[data-elementor-open-lightbox="yes"] {
		cursor: zoom-in;
	}
}

/* ------ media queries for touch display devices ------ */
@media (pointer:coarse) {
	
}




/* hide blog category from breadcrumb */
.site-breadcrumbs li {
	padding: 2px;
}
.site-breadcrumbs a {
	display: inline-block;
}
body.single-post .site-breadcrumbs .trail-item:not(.trail-begin):not(.trail-end) {
	display: none;
}

@media (min-width:992px) {
	.bornemann_carousel .ue_post_carousel_item {
		display: flex;
	}
	.bornemann_carousel .ue_post_carousel_item > div {
		width: 50%;
	}
}


/* ----- custom classes ----- */


/* ------ print ------ */
@media print {
	
	#main > .page-header, 
	#scroll-top, 
	#top-bar-wrap,
	#site-header,
	.elementor-widget-ucaddon_dn_copy_share_url,
	#footer 
	{
		display: none !important;
	}
	
	img {
		max-width: 7cm !important;
	}
	
}

</style>
<!-- end Simple Custom CSS and JS -->
