:root {
  --tlog-font-main:'Aclonica', sans-serif;
  --tlog-font-header:'Bangers',cursive;
  --tlog-color-font-main:#211e1e/*#626672*/;
  --tlog-color-font-header:#211e1e/*#223645*/;
  --tlog-color-primary:#b91828;/*rot*/
  --tlog-color-primary-font-color:#fff;
  --tlog-color-secondary:#8da303;/*Grün*/
  --tlog-color-border:#211e1e;
  --tlog-color-primary-background:#b91828;
  --tlog-color-sekundary-background:#8da303;
  --tlog-color-third-background:#0f8bc6;
  --tlog-color-dark-background:#211e1e;
  --tlog-color-link: var(--tlog-color-primary);
  --tlog-color-linkactive:var(--tlog-color-primary);
  --tlog-pagination-color:var(--tlog-color-font-main);
  --tlog-pagination-backgroundcolor:#fff;
  --tlog-pagination-bordercolor:var(--tlog-color-border);
  --tlog-pagination-color-active:#fff;
  --tlog-pagination-backgroundcolor-active:var(--tlog-color-primary);
  --tlog-pagination-bordercolor-active:var(--tlog-color-primary);
  --tlog-btn-color:#fff;
  --tlog-btn-backgroundcolor:var(--tlog-color-primary-background);
  --tlog-btn-bordercolor:var(--tlog-color-primary-background);
  --tlog-btn-color-active:var(--tlog-color-primary-background);
  --tlog-btn-backgroundcolor-active:#fff;
  --tlog-btn-bordercolor-active:var(--tlog-color-primary);
  --tlog-gutter-y:80px;
  --tlog-gutter-footer-y:40px;
  --tlog-row-gutter-y:calc(var(--tlog-gutter-y) / 2);
  --tlog-nav-height:80px;
  --tlog-headerTop-height:46px;

}
/*from https://codepen.io/sosuke/pen/Pjoqqp*/
.svg {filter: invert(4%) sepia(8%) saturate(1314%) hue-rotate(314deg) brightness(100%) contrast(82%);}
#header {position:relative;background: url(../Images/banner-bg.jpg) no-repeat;background-size: cover;}
/*
#header::after {
    background: url(../Images/edge1-d.svg);
    content: "";
    padding: 30px;
    margin-top:0px;
    display: block;
}

#header::after {
  content: url(../Images/edge1-d.svg);
  display: block;
  width: 100%;
  height: 50px;
  margin-top:-30px;
}
*/
#headerTopWrap {}
#headerTopWrap .container {margin:0 auto;position: relative;}
#headerTop {color:#fff;background:transparent;position: relative;}
#headerNav {background:transparent;padding:0px 0 0px 0;display:flex;}
#headerNav .container {display:flex;justify-content:flex-end;align-content: center;}
#logo {position:absolute;top:0px;left:0;background: transparent;transition: all 0.8s ease 0s;z-index:10;padding:0px 0px 0px 0;}
#logo a {display:block;}
#headerTopIcon {display:none;}

.headerInfo {font-size:0.875rem;padding:0;display:flex;justify-content:space-between;}
.headerInfo, #menutitle, #nav_suchbox {/*color: #fff;*/}
.navwrap .headerInfo {display:none;}
.headerInfoLeft {}
.headerInfoCenter {padding:8px 0;}
.headerInfoRight {display:flex;}
.headerInfoLeft > div, .headerInfoRight > div {height:var(--tlog-headerTop-height);margin-right:45px;display:flex;}
.headerInfo #suchbox {margin-right:0;}
.headerInfo span {margin-left:10px;font-weight:normal;line-height:var(--tlog-headerTop-height);}
.headerInfo i {padding:0;font-size:1.125rem;vertical-align: -.15em;line-height:var(--tlog-headerTop-height);text-align:right;}
/*.suchboxlupe {cursor:pointer;}
#suchbox.active form {top:var(--tlog-headerTop-height);}*/
.headerContactButton {font-size: 0.875rem;padding:17px 0;width: 120px;hyphens: initial;}
.headerContactButton .btn {padding:10px;line-height: 1.5;}


/*Fixed menu
#headerNav.fixed {
	position:fixed;
	top:0;
	width:100%;
	padding:0px 0 0px 0;
	z-index:1000;
	box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
}
.fixed #logo {
	transform:scale(1);
	top:0;
	background: #fff;
}
*/
.headerBild {background:#fff;filter:grayscale(30%);background-size: cover !important;}
.headerBildOverlay {padding:120px 0;background:rgba(255,255,255,0.0);}



/*Teaser&Rootline*/
#teaser {
  background: url(../Images/edge1-d.svg);
  padding:55px 0 25px 0;
  position: relative;
  z-index: 1;
  color:var(--tlog-color-font-main);
}
#rootline {line-height:30px;}
#rootline ul, #rootline li {list-style:none;padding:0;}
#rootline li {display: inline-block;}

/*Hauptmenü*/
#nav { }

.navwrap {margin:0;}
.navwrap #menutitle, .navwrap #menutitle_content {display:none;}
.navwrap button {border:0;background:transparent;color:inherit;}

#nav ul { list-style:none; margin:0 auto; padding:0;position:relative;display:table;max-width:100%;}
#nav ul li { display:block;z-index:10;float:left;text-align:center;margin:0;padding:35px 0;position:relative;}
#nav ul li.last {  }
#nav ul li.level_1.first { display: none; }
#nav ul li a {
	display:block;
	position:relative;
  /*color: #fff;*/
	text-decoration:none;
  padding:0;
	margin:0px 15px 0px 15px;
	z-index: 50;
	font-weight:400;
  font-size:1.25rem;
	line-height:var(--tlog-nav-height);
}
/*Sprungmarken Korrektur um Menuhöhe */
html {
/*  scroll-padding-top: var(--tlog-nav-height);*/
}
#nav > ul > li > a::before {
    content: '';
    width: 0px;
    border-top: 2px solid var(--tlog-color-border);
    display: inherit;
    margin: 0 0 0 0px;
    position: absolute;
    bottom: 44px;
    left: 0%;
    transition: all 0.8s ease 0s;
}
#nav > ul > li > a.hassub::after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-size: 0.625rem;
    line-height: 38px;
    color: inherit;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 8px;
}
#nav > ul > li.first > a {}
#nav > ul > li.last > a {padding-right:0;margin-right:0;}
#nav > ul > li.last > a::before {margin: 0;}

#nav > ul > li .nav_overlay {
	display:block;
	height:var(--tlog-nav-height);
  margin-top:calc(var(--tlog-nav-height) * -1);
	position:relative;
	z-index: 60;
	width:100%;
}
#nav li:hover {z-index: 100;}
#nav li:hover .nav_overlay {width:0px;}
#nav ul li .submenuicon {display:none;}


#nav > ul > li > a:focus,
#nav > ul > li > a:hover,
#nav > ul > li > a:active  {
  color:var(--tlog-color-primary);
}
#nav > ul > li > a:hover::before, #nav > ul > li > a:focus::before {
  /*width: 100%;*/
}
#nav > ul > li > a#current,
#nav > ul > li > a.current {
  color:var(--tlog-color-primary);
}
#nav > ul > li > a#current::before,
#nav > ul > li > a.current::before {
  /*width: 100%;*/
}


/*2.te Ebene als FoldOut */
  #nav ul > li > ul {
    position:absolute;
    top:-10000em;
    /*margin-left:-50%;*/
    padding: 0;
    background:#fff;
    z-index:50;
    list-style:none;
    border:4px solid var(--tlog-color-border);
    border-radius:8px;

  }

  #nav ul li:hover,
  #nav ul li.hover  {}
	#nav ul li:hover > ul,
  #nav ul li.hover > ul { top:115px;}
	#nav ul li.hover ul { }

	#nav ul li.last ul {right:0;}
  #nav ul li ul li {
  width: 240px;
  padding:12px 30px 12px 15px;
	float:none;
  text-align: left;
  border-top:1px solid var(--tlog-color-border);
  position: relative;
}
  #nav ul li ul li:first-child {
	background: none;
  border-top:none;
}
  #nav ul li ul li a {
	padding: 0;
	margin: 0;
	display: block;
	text-align: left;
	font-size:0.875rem;
	line-height:20px;
	white-space: nowrap;
}
/*
#nav ul li ul li a::before {
  display: inline-block;
  opacity: 0;
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 0%;
  left: -15px;
  margin-top:0px;
  transition: all 0.8s ease 0s;
}

#nav ul li ul li a#subcurrent::before,
#nav ul li ul li a.subcurrent::before {
  opacity: 1;
  left: 0;
}
*/
#nav ul li ul li a#subcurrent,
#nav ul li ul li a.subcurrent {
  /*padding-left: 15px;*/
  color:var(--tlog-color-primary);
}

#nav ul li ul li a:focus,
#nav ul li ul li a:hover,
#nav ul li ul li a:active {
  /*padding-left: 15px;*/
  color:var(--tlog-color-primary);
}
/*
#nav ul li ul li a:focus::before,
#nav ul li ul li a:hover::before,
#nav ul li ul li a:active::before {
  opacity: 1;
  left: 0;
}
*/
/*2. Ebene Mega*/
  #nav ul li.layout_1 ul {left:-275px;width:1140px;padding:20px 0;}
  #nav ul li.layout_1 ul li {
	float:left;
	width:20%;
	padding:0 10px;
}
	#nav ul li.layout_1 ul li:nth-child(6){clear:left;}
  #nav ul li.layout_1 ul li a{border-bottom:1px solid #fff;padding:8px 10px;margin:0;}

/*3.te Ebene */
  #nav ul li ul li ul {display:none;position:relative;top:0;left:0;padding:13px 0 0 0;box-shadow:none;width:auto;border:none;}

  #nav ul li ul li:hover,
  #nav ul li ul li.hover  {}
	#nav ul li ul li:hover ul,
	#nav ul li ul li.hover ul {top:0; }
	#nav ul li ul li.hover ul { }

  #nav ul li ul li ul li {float:none;padding:0;margin:0 0 7px 0;}
  #nav ul li ul li ul li a {
  	padding: 0;
		margin: 0;
	 	float: none;
		display: block;
		text-align: left;
		text-transform:none;
}
  #nav ul li ul li ul li a#subsubcurrent {
	}
  #nav ul li ul li ul li a:focus,
  #nav ul li ul li ul li a:hover,
  #nav ul li ul li ul li a:active {
	}
	/*3. Ebene Mega*/
  #nav ul li.layout_1 ul li ul {display:block;left:0;width:100%;padding:0;}
  #nav ul li.layout_1 ul li ul li{
	float:none;
	width:auto;
	padding:0;
}
  #nav ul li.layout_1 ul li ul li a{border-bottom:none;padding:3px 0px 3px 10px;margin:0;}

/*Hauptmenü Ende*/

/*Submenü*/

  #subMenu {
      box-shadow: 0 0 12px rgba(0,0,0,.2);
      padding-bottom: 15px;
      background: #fff;
  }
  #subMenu h2{
      color: #fff;
      background: #a90177;
      padding: 5px 15px;
  }

  #subMenu ul { list-style:none; margin:0; padding:0;}
  #subMenu ul > li { margin:0;padding:3px 0 3px 15px;color:#333;}
	#subMenu > ul > li:first-child {padding-top:15px;}
  #subMenu ul > li a {
  	padding:0 0 0 0px;
	}
	#subMenu ul > li#subcurrent > a {
  	text-decoration: underline;
	}
  #subMenu ul > li a i{
  	padding:0 10px 0 0px;
  	transition: all 0.2s ease-out;
	}
  #subMenu ul > li a:hover i{
  	padding:0 5px 0 5px;
	}
	#subMenu ul li ul li#subsubcur > a {
  	text-decoration: underline;
	}



/*Margin&Padding*/
.container, .gridelement, .parallax { margin:var(--tlog-gutter-y) auto;	}
html :first-child { margin-top:0;}
.row > * {margin-top: var(--bs-gutter-y)!important;}
html :last-child { margin-bottom:0;}
.none-frame {margin:0 auto!important;}
main > div:first-child,
.sidebar-container > div:first-child {padding-top:var(--tlog-gutter-y);}
#page_1 main > div:first-child {padding-top:0;}
.sidebar-container main > div:first-child,
main > div.none-frame:first-child,
main > div.bg-primary:first-child  {padding-top:0px;}
main > div:last-child {padding-bottom:var(--tlog-gutter-y);}
main > div.frame-type-div:last-child, main > div.none-frame:last-child,
main > div.bg-primary:last-child, main > div.bg-secondary:last-child,
main > div.bg-image:last-child, main > div.container-fluid:last-child {padding-bottom:0px;}
.timelineWrap > .container {padding: var(--tlog-gutter-y) 0;}

/*
.swiper, .bg-image, .bg-primary, .bg-secondary, .bg-third, .frame-bg-image-1, .frame-bg-image-2, .frame-bg-image-3, .textImage {margin-top: 0 !important;margin-bottom: 0 !important;}
*/
.container-fluid .ce-intext.ce-right .ce-gallery,
.container-fluid .ce-intext.ce-left .ce-gallery {margin-bottom:0;}
.container-fluid .ce-intext.ce-right .ce-bodytext, .container-fluid .ce-intext.ce-left .ce-bodytext { padding: 12px;}

.footerContent {padding:var(--tlog-gutter-footer-y) 0 0 0;}
#footer hgroup p {font-size:0.875rem;}





/*content*/
#copyright {text-align: center;}
#copyright a {padding:0 5px;}
#copyright a:first-child {padding-left: 0;}

#footer {background:var(--tlog-color-dark-background);color:#fff;}
#footer_nav {text-align: right;}
.footer_wrap .container {border-top:0px solid var(--tlog-color-border);padding-top:20px;padding-bottom: 20px;}