/*xl //X-Large devices (large desktops, less than 1400px)*/
@media screen and (max-width: 1399.98px) {
  [class*='col-xxl'] {margin-top: var(--tlog-row-gutter-y);}
  #back-top {left:auto;right:10px;margin:0;}



}
/*lg // Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {
  [class*='col-xl'] {margin-top: var(--tlog-row-gutter-y);}
  .navwrap { margin: 0 0 0 270px;  }
  #headerContent .slidercontent h1, #headerContent .slidercontent h2 { font-size: 5rem;}
  h1, h2 { font-size: 2.4rem;font-weight: 500;}
  .swingFont {font-size: 5rem;font-weight: 500;  }
  h2.swingFont + h3 { font-size: 1.75rem;}
}
/*md // Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {
  [class*='col-lg'] {margin-top: var(--tlog-row-gutter-y)!important;}
  .container, .gridelement, .parallax { margin:var(--tlog-row-gutter-y) auto;	}
  #header {padding-top:65px;}
  #nav {}
	.navwrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: end;
    left: 0;
    padding: 0;
    margin:0;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index:1000;
    background:var(--tlog-color-primary-background);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1);
	}
	.navwrap #menutitle {
		cursor: pointer;
		display: block;
		font-size: 24px;
		font-weight:300;
		line-height: 65px;
		margin: 0;
		padding: 0;
		background:transparent;
		height:65px;
		text-align:left;
		display:none;
	 	}
	.navwrap #menutitle_icon {
		margin-right:15px;
    padding:0;
    background:transparent;
    color:#fff;
	}
  #headerTop {display:none;}
/*Logo oben klein*/
  #logo{position:fixed;width:auto;left:0;top:0px;margin:0;padding:0;z-index:1001;}
  #logo img {max-height:65px;width:auto;}
/*nav*/
  .navwrap #menutitle {	display:block;padding:0px 15px 0 0;}
  .navwrap #menutitle_icon {transition: all 0.4s linear 0s;position:relative;transform:translateZ(0);}
  .navwrap #menutitle_icon::after {content: "\f0c9";font-family:"Font Awesome 5 Pro";opacity:1;transition: opacity 0.2s linear;position:absolute;top:0;left:0;}
  .navwrap #menutitle_icon.opend::after {content: "\f0c9";font-family:"Font Awesome 5 Pro";transition: opacity 0.2s linear;opacity:0;}
  .navwrap #menutitle_icon::before {content: "\f060";font-family:"Font Awesome 5 Pro";line-height:24px;opacity:0;transition: opacity 0.2s linear;}
  .navwrap #menutitle_icon.opend::before {content: "\f060";font-family:"Font Awesome 5 Pro";opacity:1;transition: opacity 0.2s linear;}
  .navwrap #menutitle_icon.opend {transform:rotate(180deg);}
	.navwrap #menutitle_content {float: left;}

  #nav ul {display:none;float:none;text-align:left;margin:0;padding:0;width:320px;background:#fff;position:absolute;top:65px;right:0;z-index:1002;}
  #nav ul#dropdown {box-shadow: 5px 0 5px 0 rgba(0,0,0,0.1);overflow-y:scroll;overflow-x:hidden;}
  #nav > ul {padding:10px 0 30px 0;}
  #nav ul li {float:none;text-align:left;margin:0;padding:0;border:none;z-index:100;position:relative;}
	#nav ul li .nav_overlay {display:none;}
 	#nav ul li .submenuicon {position:absolute;top:0;right:0;cursor:pointer;float:right;padding: 0 20px;transition: all 0.2s linear 0s;line-height:54px;}
  #nav ul li .submenuicon::after {content: "\f103";font-family:"Font Awesome 5 Pro";}
  #nav ul li .submenuicon.opend {transform:rotate(180deg);}
  #nav ul li.last { }
  #nav ul li.level_1.first {display:inherit;}
  #nav ul li.level_1.first > a::before {display:none;}
  #nav ul li a {font-size:1rem;display:inline-block;padding:0px 15px 0 15px;height:3em;line-height:3em;text-transform: none;font-size:1rem;}
  #nav ul li.level_1.first > a {height:3em;line-height:3em;padding:0px 30px 0 15px;width:auto;overflow: inherit;}
	#nav ul li a.hassub::after {display: none;}
  #nav ul li a::before {display: none;}
  #nav ul li a::after, #nav ul li a.hassub::after {
      content: '';
      width: 0px;
      border-top: 1px solid var(--tlog-btn-backgroundcolor);
      display: inherit;
      margin: 0;
      position: absolute;
      bottom: auto;
      left: 15px;
      top:36px;
  }
  #nav ul li a:focus,
  #nav ul li a:hover,
  #nav ul li a:active  { background:none;text-decoration:none;color: inherit;}
  #nav ul li a:hover::after, #nav ul li a:focus::after {
    width: 30px;
	}
  #nav ul li a#current, #nav ul li a.current, #nav ul li a#current:hover, #nav ul li a#current:focus { background:none;text-decoration:none; color: inherit;}
  #nav ul li a#current::after, #nav ul li a.current::after { width: 30px; }

  /*2. ebene*/
  #nav ul li ul {width: 320px;position:relative;top:0;left:0;display:none;border:none;background:none;padding:5px 0 0 0;margin:0 0 0 30px;box-shadow:none;float:none;opacity:1;}
	#nav ul li:hover ul,
	#nav ul li.hover ul { top:0;}
  #nav ul li ul::before {display:none;}
  #nav ul li ul li {margin:0 0 0 10px;padding:5px 0;position:relative;top:0;left:0;right:auto;background:none;border:none; }
  #nav ul li ul li a {background:none;padding:0;text-align:left;background:none;height:auto;line-height:2em;white-space: inherit; }
  #nav ul li ul li a::after  {
  	margin: 0;
		position: absolute;
		bottom: 0px;
    left:0px;
    top:30px;
		border-color:inherit;
  }
  #nav ul li ul li a:focus,
  #nav ul li ul li a:hover,
  #nav ul li ul li a:active  {background:none; color: inherit; }
  #nav ul li ul li a#subcurrent, #nav ul li a#subcurrent:hover, #nav ul li a#subcurrent:focus { background:none;text-decoration:none;color: inherit; }

  #nav ul li ul li a#subcurrent::after { width:30px; }

  #nav ul li.layout_1 ul {left:auto;width:auto;padding:0;}
  #nav ul li.layout_1 ul li {
	float:none;
	width:auto;
	padding:0;
	}
	#nav ul li.layout_1 ul li a {
    border-bottom: none;
    padding:0;
    margin: 0;
	}
/*3. ebene*/
  #nav ul li ul li ul {display:block;margin-left:0px;padding:0;}
  #nav ul li ul li ul li {margin-left:10px;}
  #nav ul li ul li ul li a {font-size:0.875rem;}
  #nav ul li ul li ul li a::after {top:28px;left:1px; }

	.langMenu { display:none;}
  .navwrap .langMenu {display:block;margin:0;}
  #suchbox{display:none;}
	#nav_suchbox {display:block;padding:0 0px 0 0;}
  #nav_suchbox .suchboxlupe { width: auto;line-height:65px;height:65px;}
  #nav_suchbox .suchboxlupe i{line-height:65px;width:20px;}
	#nav_suchbox form { left: 0;right: auto;z-index:-1;}
	#nav_suchbox.active form { left: 0;right: auto;top:65px;padding:0;z-index:1002;}
	.headerInfo {display:none;}
	.navwrap .headerInfo {display:flex;line-height:65px;}
	.headerInfo {padding:0;font-size:0.875rem;}
	.headerInfo > div { height:65px;margin-right: 0px;}
  .headerInfoLeft > div, .headerInfoRight > div {height:65px;margin-right:30px;}
	.headerInfo span {line-height:65px;}
	.headerInfo i {line-height:65px;}
  #back-top a::after {opacity: 0.5; }

  .teaser {flex-direction: column;}
  .teaserImage { max-width: 100%;width: 100%;}
  .ce-left .bigIconOuter { padding: 0 12px; }




}
@media screen and (min-width: 768px) and (max-width: 992px) {


}
/*sm // Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) {
  [class*='col-md'] {margin-top: var(--tlog-row-gutter-y);}
  .ce-intext .ce-gallery { float:none;max-width:100%;width:100%;margin:0 0 30px 0 !important;}
	.ce-column {float:none;margin-bottom:24px;margin-right:0;}
  .ce-column img {width: 100%;}
  .ce-row .ce-column:last-child {margin-bottom:0;}
  #headerContent .slidercontent h1, #headerContent .slidercontent h2 { font-size: 2rem; }
  #headerContent .slidercontent h3 { font-size: 1rem;}
  #headerContent hgroup p { font-size: 1rem;}
  h1, h2 { font-size: 2rem; }

}
/*xs // X-Small devices (portrait phones, less than 576px)*/
@media screen and (max-width: 575.98px) {
  [class*='col-sm'] {margin-top: var(--tlog-row-gutter-y);}
  .news-image-wrap .row { margin-bottom: 0px;}
  .news-image-wrap .col-sm { margin-bottom: 15px;}
  .container-fluid, .bg-primary .container, .bg-secondary .container,
  .timelineWrap > .container { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5);}
  .swiper {padding:0;}

}
@media screen and (max-width: 435px) {
  #logo{position:relative;width:auto;top:0px;margin:0;padding:10px 0;z-index: 1;margin: 0 auto;background: transparent;}
  .ce-left .ce-gallery[data-ce-columns="1"][data-ce-images="3"] {
    & div .ce-row:first-child {
      margin-bottom: 30px;
      margin-right: 0px;
    }
  }
}
@media screen and (max-width: 365px) {
  #headerContent .slidercontent h1, #headerContent .slidercontent h2 { font-size: 1.25rem; }

}