:root {
  --tlog-font-main:'Outfit', sans-serif;
  --tlog-font-header:'Outfit', sans-serif;
  --tlog-color-font-main:#202020;
  --tlog-color-font-header:#202020/*#3c3c3c*/;
  --tlog-color-primary:#00838F;
  --tlog-color-primary-font-color:#454545;
  --tlog-color-secondary:#0800ff;
  --tlog-color-border:#00838F;
  --tlog-color-primary-background:#00838F;
  --tlog-color-sekundary-background:#e5f2f4;
  --tlog-color-third-background:#fec300;
  --tlog-color-link: #CC0000; /*var(--tlog-color-font-main);*/
  --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:90px;
  --tlog-headerTop-height:50px;
}
/*from https://codepen.io/sosuke/pen/Pjoqqp*/
.svg {filter: invert(34%) sepia(95%) saturate(634%) hue-rotate(185deg) brightness(84%) contrast(81%);}
#header {}
#headerTopWrap .container {margin:0 auto;position: relative;}
#headerTop {background-color:var(--tlog-color-primary-background) /*#F9F7F4*/;position: relative;}
#headerNav {/*background:#fff;*/padding:0px 0 0px 0;display:flex;}
#headerNav .container {display:flex;justify-content:space-between;align-content: center;}
#logo {position:absolute;top:0px;left:12px;background: transparent;transition: all 0.8s ease 0s;z-index:10;padding:10px 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:17px 0;text-align: center;}
.headerInfoRight {display:flex;}
.headerInfoLeft > div, .headerInfoRight > div {height:var(--tlog-headerTop-height);padding:0;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 {/*color:var(--tlog-color-primary);*/font-weight: 500;padding:0;font-size:1.125rem;vertical-align: -.15em;line-height:var(--tlog-headerTop-height);text-align:right;}
.suchboxlupe {cursor:pointer;}
#suchbox form i {color:var(--tlog-color-font-header);}
#suchbox.active form {top:var(--tlog-headerTop-height);}
.headerContactButton {font-size: 0.875rem;padding:0px 0 0 0;width: 120px;line-height: var(--tlog-nav-height);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);
  background-color:var(--tlog-color-primary-background);
}
.fixed #logo {
/*	transform:scale(0.5);
	top:-55px;
*/
}

.headerBild {color:#fff;background-size: cover !important;text-align: center;}
.headerBildOverlay {padding:120px 0;background:rgba(0,0,0,0.6);}



/*Teaser&Rootline*/
#teaser {background:#fff;}
#rootline {line-height:30px;padding:25px 0;}
ul#rootline, #rootline li {list-style:none;}
#rootline li {display: inline-block;}

/*Hauptmenü*/
#nav { }

.navwrap {margin:0 0 0 350px;}
.navwrap #menutitle, .navwrap #menutitle_content {display:none;}
.navwrap button {border:0;}

#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:15px 0;position:relative;}
#nav ul li.last {  }
#nav ul li.level_1.first { display: none; }
#nav ul li a {
  font-family: var(--tlog-font-header);
	display:block;
	position:relative;
  color: var(--tlog-color-font-header);
	text-decoration:none;
  padding: 0 15px;
	margin:0px;
	z-index: 50;
	font-weight:400;
	font-size:1rem;
  line-height:calc(var(--tlog-nav-height) - 30px);
  text-transform: uppercase;
}
#headerNav.fixed #nav > ul > li > a {color: #fff;}
/*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-primary);
    display: inherit;
    margin: 0 0 0 0px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    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;border:none;}


#nav > ul > li > a:focus,
#nav > ul > li > a:hover,
#nav > ul > li > a:active  {
  background:var(--tlog-color-primary);
  color:#fff;
}
#headerNav.fixed #nav > ul > li > a:focus,
#headerNav.fixed #nav > ul > li > a:hover,
#headerNav.fixed #nav > ul > li > a:active  {
  background:#fff;
  color: var(--tlog-color-primary);
}
#nav > ul > li > a:hover::before, #nav > ul > li > a:focus::before {
  left: 0;
  width: 100%;
}

#nav > ul > li > a#current,
#nav > ul > li > a.current {
  background:var(--tlog-color-primary);
  color:#fff;
}
#headerNav.fixed #nav > ul > li > a#current,
#headerNav.fixed #nav > ul > li > a.current {background:#fff;color: var(--tlog-color-primary);}

/*
#nav > ul > li > a#current::before,
#nav > ul > li > a.current::before {
  left: 0;
  width: 100%;
}
*/

/*2.te Ebene als FoldOut */
  #nav ul > li > ul {
    position:absolute;
    top:-10000em;
    margin-left:-15px;
    padding: 0;
    background:var(--tlog-color-sekundary-background);
    z-index:50;
    list-style:none;
    border-top:0px solid var(--tlog-color-primary);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15);
    min-width: 220px;
  }


    #nav ul li:hover,
    #nav ul li.hover  {}
  	#nav ul li:hover > ul,
  	#nav ul li.hover > ul { top:var(--tlog-nav-height);}
  	#nav ul li.hover ul { }

  	#nav ul li.last ul {right:0;}
    #nav ul li ul li {
      width: 240px;
      padding:0;
    	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: 15px;
  	margin: 0;
  	display: block;
  	text-align: left;
  	font-size:1rem;
  	line-height:20px;
  	white-space: nowrap;
  }
  /*
  #nav ul li ul li a::before {
    content: '';
    width: 0px;
    border-top: 1px solid var(--tlog-color-primary);
    margin: 0;
    position: absolute;
    bottom: 10px;
    left: 15px;
    transition: all 0.8s ease 0s;
  }
*/
  #nav ul li ul li a#subcurrent::before,
  #nav ul li ul li a.subcurrent::before {
    width: 30px;
  }
  #nav ul li ul li a#subcurrent,
  #nav ul li ul li a.subcurrent {
    background:var(--tlog-color-primary);
    color:#fff;

  }

  #nav ul li ul li a:focus,
  #nav ul li ul li a:hover,
  #nav ul li ul li a:active {
    background:var(--tlog-color-primary);
    color:#fff;

  }
  #nav ul li ul li a:focus::before,
  #nav ul li ul li a:hover::before,
  #nav ul li ul li a:active::before {
    width: 30px;
  }

/*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;	}
/*#footer .container, #footer .gridelement, #footer .parallax { margin:var(--tlog-gutter-footer-y) auto;	}*/
#footer { padding:var(--tlog-gutter-footer-y) 0;	}
html :first-child { margin-top:0;}
html :last-child { margin-bottom:0;}
.none-frame {margin:0 auto;}
main > div:first-child {padding-top:var(--tlog-gutter-y);}
.sidebar-container main > div:first-child,
main > div.none-frame:first-child,
main > div.bg-primary:first-child,
main > div.bg-secondary: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-top:var(--tlog-gutter-footer-y);}
*/
#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-sekundary-background);}
#footer_nav {text-align: right;}
.footer_wrap .container {border-top:1px solid var(--tlog-color-border);padding-top:20px;padding-bottom: 20px;}