@media screen and (max-width: 1499.98px) {
  #headerContent .slidercontent.container .container { padding-left: 70px;}


}
/*xl //X-Large devices (large desktops, less than 1400px)*/
@media screen and (max-width: 1399.98px) {
/*  [class*='col-xxl'] {margin-top: var(--bs-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(--bs-gutter-y);}*/
  .navwrap { margin: 0 0 0 270px;  }
  .headerContactButton { padding: 22px 0 0 0; width: 100px;}
  #headerContent .slidercontent hgroup { max-width: 400px;}

}
@media screen and (min-width: 992px) and (max-width: 1199.98px) {

  .ce-left .ce-gallery[data-ce-columns="2"][data-ce-images="2"] {
    & .ce-row {
      & .ce-column:first-child {
        margin-right: 150px;
      }
    }
  }
  .ce-right .ce-gallery[data-ce-columns="2"][data-ce-images="2"] {
    & .ce-row {
      & .ce-column:first-child {
        margin-right: 150px;
      }
    }
  }


}
/*md // Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {
/*  [class*='col-lg'] {margin-top: var(--bs-gutter-y)!important;}*/
  .container, .gridelement, .parallax { margin:var(--tlog-row-gutter-y) auto;	}
  .sidebar-container > div:first-child { padding-top:0;}
   #primary { margin-top:var(--tlog-row-gutter-y) !important;	}
  #headerTopWrap {background:var(--tlog-color-primary-background);}
  .headerInfoCenter {display:none;}
  #header {/*padding-top:65px;*/}
  .headerInfoLeft > div, .headerInfoRight > div { height: 65px; padding:0;}
  #headerNav .container {max-width:100%; padding:0;}
  #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 {
		float:left;
		margin-right:15px;
	}
  #headerTop {display:none;}
/*Logo oben klein*/
  #logo{position:absolute;;width:auto;left:10px;top:0;margin:0;padding:0;z-index:1001;}
  #logo img {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:var(--tlog-font-awesome);opacity:1;transition: opacity 0.2s linear;position:absolute;top:3px;left:0;font-weight: 300;}
  .navwrap #menutitle_icon.opend::after {content: "\f0c9";font-family:var(--tlog-font-awesome);transition: opacity 0.2s linear;opacity:0;}
  .navwrap #menutitle_icon::before {content: "\f060";font-family:var(--tlog-font-awesome);line-height:24px;opacity:0;transition: opacity 0.2s linear;}
  .navwrap #menutitle_icon.opend::before {content: "\f060";font-family:var(--tlog-font-awesome);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:var(--tlog-font-awesome);}
  #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-color-primary);
      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;}
  #nav ul li a:hover::after, #nav ul li a:focus::after {
    width: 30px;
	}
  #nav ul li a#current, #nav ul li a#current:hover, #nav ul li a#current:focus { background:none;text-decoration:none; }
  #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 40px;box-shadow:none;float:none;opacity:1;transition: inherit;}
	#nav ul li:hover ul,
  #nav ul li.hover ul {top:0; display:none;}
  #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;text-align:left;background:none;height:auto;line-height:2em;white-space: inherit; }
  #nav ul li ul li a::before  {display:none;  }
  #nav ul li ul li a::after, #nav ul li ul li a.hassub::after  {
  	margin: 0;
		position: absolute;
		bottom: 0px;
    left:inherit;
    top:28px;
    /*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;padding-left:0;  }
  #nav ul li ul li a#subcurrent, #nav ul li a#subcurrent:hover, #nav ul li a#subcurrent:focus { background:none;text-decoration:none; }
  #nav ul li ul li a#subcurrent, #nav ul li ul li a.subcurrent {
    padding-left: 0px;
  }
  #nav ul li ul li a#subcurrent::after, #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:20px;/*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; }
  #nav ul li ul li ul li a#subsubcurrent, #nav ul li ul li ul li a#subsubcurrent:hover, #nav ul li ul li ul li a#subsubcurrent:focus { background:none;text-decoration:none; }
  #nav ul li ul li ul li a#subsubcurrent::after, #nav ul li ul li ul li a.subsubcurrent::after { width:30px; }
  .headerContactButton {  display:none;}
	.langMenu { display:none;}
	.navwrap .langMenu {display:block;float: left;}
  #suchbox{display:none;}
  #navSuchbox{display:block;margin-right:45px;padding:0;}
  #navSuchbox > button{padding:0;}
  #navSuchbox .suchboxlupe { width: auto;line-height:65px;height:65px;}
  #navSuchbox .suchboxlupe i{line-height:65px;width:20px;color:inherit;vertical-align: -.15em;}
	.headerInfo {display:none;}
	.navwrap .headerInfo {display:flex;line-height:65px;}
	.headerInfo {padding:0;font-size:0.875rem;}
	.headerInfo > div { height:65px;margin-right: 0px;}
	.headerInfo span {line-height:65px;}
	.headerInfo i {line-height:65px;}
  #back-top a::after {opacity: 0.5; }
  #headerContent .slidercontent::before { background: linear-gradient(0deg, rgb(255,255,255) 0%, rgba(255,255,255,0.85) 20%, rgba(255,255,255,0) 45%);  }
  #headerContent .slidercontent.container .container { align-items: end;padding-left:inherit;}
  #headerContent .slidercontent hgroup { max-width: 100%; }
  .teaser {flex-direction: column;}
  .teaserImage { max-width: 100%;width: 100%;}
  .bg-secondary .ce-left .image { max-width:100%;}
  #anfrageTeaser form fieldset {width: 690px;}
  #anfrageTeaser input {width:170px;}
  .announcer { background-image: linear-gradient(var(--tlog-color-primary-background)); }
  .announcer .ce-bodytext { padding: inherit;}
  #footer img {max-width:200px;}
  #copyright, #footer_nav { text-align: center;padding:10px 0;}
  .contentSlider .swiper-button-prev, .contentSlider .swiper-button-next {width: 60px;height: 60px;margin-top:-40px;}
  .swiper-button-next i, .swiper-button-prev i {line-height: 50px;font-size:40px;}

  .ce-intext .ce-gallery { float:none;max-width:100%;width:100%;margin:0 0 30px 0 !important;}
  .textPicAwesome, .textPicAwesome .ce-row, .textPicAwesome .ce-gallery {overflow:hidden;}
  .container .bg-primary .container, .container .bg-secondary .container, .container .bg-third .container, #primary .bg-third .container {
  padding: var(--tlog-row-gutter-y) 20px;
  }

}
@media screen and (min-width: 768px) and (max-width: 992px) {

  .ce-left .ce-gallery[data-ce-columns="2"][data-ce-images="2"] {
    .ce-row {
      .ce-column {
        max-width:60% !important;
        figure {
          width: 100%;
          picture {width: 100%;
            img {width: 100%;}
          }
        }
      }
      .ce-column:first-child {
        margin-top: 30px;
        margin-right: 0px;
        img {width:420px;}
      }
      .ce-column:nth-child(2) {
        position: absolute;
        top: 0px;
        right: 0px;
        border-radius: 20px;
        img {
          width: 320px;
        }
      }
    }
  }
  .ce-right .ce-gallery[data-ce-columns="2"][data-ce-images="2"] {
    .ce-row {
      .ce-column {
        max-width:60% !important;
        figure {
          width: 100%;
          picture {width: 100%;
            img {width: 100%;}
          }
        }
      }
      .ce-column:first-child {
        margin-top: 30px;
        margin-right: 0px;
        img {width:420px;}
      }
      .ce-column:nth-child(2) {
        position: absolute;
        top: 0px;
        right: 0px;
        border-radius: 20px;
        img {
          width: 320px;
        }
      }
    }
  }


}
/*sm // Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) {
/*  [class*='col-md'] {margin-top: var(--bs-gutter-y);}*/
  main > div:first-child {  padding-top: var(--tlog-row-gutter-y);  }
  .headerInfoLeft > div, .headerInfoRight > div, #navSuchbox { margin-right: 35px;  }
  .swiperBackground .swiper-container { height: 30vh;}
	.ce-column {float:none;margin-bottom:24px;margin-right:0;}
  .ce-column img {width: 100%;}
  .ce-row .ce-column:last-child {margin-bottom:0;}
  .ce-left .bigIconOuter { padding: 0 15px;}
  .ce-border img {clip-path:none;}
  .contentSlider .swiper-button-prev, .contentSlider .swiper-button-next {width: 40px;height: 40px;margin-top:-30px;}
  .swiper-button-next i, .swiper-button-prev i {line-height: 30px;font-size:30px;}
  .ce-left .ce-gallery[data-ce-columns="2"][data-ce-images="2"] {
    & .ce-row {
      & .ce-column:first-child {
        margin-right: 150px;
      }
    }
  }
  .ce-right .ce-gallery[data-ce-columns="2"][data-ce-images="2"] {
    & .ce-row {
      & .ce-column:first-child {
        margin-right: 150px;
      }
    }
  }
  /*Cookiebanner*/
  .modal-footer { justify-content: center;}
  .btn-group, .btn-group-vertical {flex-direction: column-reverse;}

}
/*xs // X-Small devices (portrait phones, less than 576px)*/
@media screen and (max-width: 575.98px) {
/*  [class*='col-sm'] {margin-top: var(--bs-gutter-y);}*/
  .news-image-wrap .row { margin-bottom: 0px;}
  .news-image-wrap .col-sm { margin-bottom: 15px;}
  /*Logo oben */
  #headerNav .container { flex-direction: column;  }
  #logo{position:relative;width:auto;top:0px;margin:0;padding:10px 0 0 0;z-index: 1;margin: 0 auto;background: transparent;}
  #nav ul, #navSearchForm { top: 140px; }
  /*Logo oben */
  #headerContent .slidercontent::before { background: linear-gradient(0deg, rgb(255,255,255) 0%, rgba(255,255,255,0.85) 40%, rgba(255,255,255,0) 65%);  }
  #headerContent .slidercontent.container .container { padding:12px;text-align:center;}
  #headerContent .slidercontent hgroup {width: 100%;}
  #headerContent hgroup p { font-size: 1rem;}
  .container-fluid, .bg-secondary .container,
  .timelineWrap > .container, .bg-primary .container { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5);}
  .bg-third {padding-right: 0!important;padding-left: 0!important;}
  .contentSlider .swiper-button-prev {left:0;}
  .contentSlider .swiper-button-next {right: 0;}
.row{overflow-x: hidden}
}
@media screen and (max-width: 435px) {
  #footer_nav a {display: block;}
  #footer_nav .pipesymbol {display: none;}
  .ce-left .ce-gallery[data-ce-columns="2"][data-ce-images="2"] {
    & .ce-row {
      & .ce-column:nth-child(2) {
        & img {
          width: 200px;
        }
      }
    }
  }
  .ce-right .ce-gallery[data-ce-columns="2"][data-ce-images="2"] {
    & .ce-row {
      & .ce-column:nth-child(2) {
        & img {
          width: 200px;
        }
      }
    }
  }

}
@media screen and (max-width: 365px) {
  .headerInfoLeft > div, .headerInfoRight > div, #navSuchbox { margin-right: 20px;  }
  main {min-width:320px;}

}
