/*lg // Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199px) {
 .grid-item {height:210px;}
 .grid-item--height2 {height:450px;}
 .grid-item--height2 .grid-item-image, .grid-item--height2 .grid-item-image img {height:100%;}
  #nav ul li.layout_1 ul {left:-215px;width:970px;}
	#headerContent .slidercontent h2 {font-size: 300%;}
	.bigIcon {
		float: none;
	  width: 110px;
	  margin: 0 auto 20px auto;
	}
	.bigIcon + h3, .bigIcon + h3 + p {
	    font-size: inherit;
	    text-align: center;
	}
  .abisz a, .abisz span { padding:0px 4px;}
  .frame-bg-image-3 .container-fluid .ce-bodytext {
      width: 50%;
      margin-top: -40%;
  }
  #anfrageTeaser legend {
	    line-height: 4.4rem;
	    margin: 0.1em 1em 0 0;
	    font-size: 1.5em;
	}
}
@media screen and (max-width: 1070px) {

}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #nav ul li a {
    padding: 0px 10px 0px 10px;
  }
}
/*md // Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991px) {
  .headerInfo i { font-size: 1.5rem; }
  .suchboxlupe i { font-size: 1.25rem; }
	#header {padding-top:65px;}
  #nav {}
	.navwrap {
    left: 0;
    padding: 0;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index:1000;
    background:#377757;
    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:#377757;
  	height:65px;
  	text-align:left;
    color:#fff;
 	}
  .navwrap #menutitle_icon {
  	float:left;
  }
  #headerTop {display:none;}
  #headerTopInnerWrap {border:none;padding:0;}
  #headerTopRight  {margin:0;padding:0 20px;box-shadow: 5px 0 5px 0 rgba(0,0,0,0.1);}
  #headerTopRight span {display:block;margin:10px 0;}
  #headerNav .container { padding-top: 0px; }
/*Logo oben klein*/
  #logo{position:fixed;width:auto;left:0px;top:0px;margin:0;padding:0;z-index: 1001;}
  #logo img {max-height:65px;width:auto;}

/*Logo unter Menü
  #logo{position:relative;width:auto;top:0px;margin:0;padding:10px 0;text-align:center;}
*/
  .navwrap #menutitle {	float:right;display:block;padding:0px 15px 0 0;}
  .navwrap #menutitle_icon {float:left;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:300px;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 {color:#333;font-size:1rem;display:inline-block;padding:0px 15px 0 15px;height:3em;line-height:3em;text-transform: none;}
  #nav ul li.level_1.first > a {height:3em;line-height:3em;padding:0px 30px 0 15px;width:auto;overflow: inherit;}
	#nav li a.hassub {}
  #nav ul li a::after {
        content: '';
        width: 0px;
        border-top: 3px solid #377757;
        display: inherit;
        margin: 0;
        position: absolute;
        bottom: auto;
        left: 15px;
        top:36px;
  }
  #nav ul li a:hover::after, #nav ul li a:focus::after {
      width: 30px;
	}
  #nav ul li a:focus,
  #nav ul li a:hover,
  #nav ul li a:active  { background:none;text-decoration:none;}
  #nav ul li a#current, #nav ul li a#current:hover, #nav ul li a#current:focus { background:none;text-decoration:none; }
  /*2. ebene*/
  #nav ul li ul {position:relative;top:0;left:0;display:none;border:none;background:none;padding:5px 0 0 0;margin:0 0 0 10px;background: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 20px;position:relative;top:0;left:0;right:auto;background:none; }
	#nav ul li ul li a {color:#333;background:none;text-align:left;background:none;height:auto;line-height:2em; }
  #nav ul li ul li a::after  {
  	margin: 0;
		position: absolute;
		bottom: 0px;
		left:3px;
		top:38px;
    border-color:#377757;
  }
  #nav ul li ul li a:focus,
  #nav ul li ul li a:hover,
  #nav ul li ul li a:active  {background:none;  }
  #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.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; }

	.tx-srlanguagemenu { display:none;}
	.navwrap .tx-srlanguagemenu {display:block;float: left;}
	#suchbox{display:none;}
  #nav_suchbox {display:block;padding:0;line-height:65px;}
  #nav_suchbox .suchboxlupe { width: 44px;line-height:65px;height:65px;}
	#nav_suchbox .suchboxlupe i{line-height:65px;}
	#nav_suchbox form { left: 0;right: auto;z-index:-1;}
	#nav_suchbox.active form { left: 0;right: auto;top:65px;padding:0;z-index:10;}
	.headerInfo {display:none;}
	.navwrap .headerInfo {display:block;float:right;line-height:65px;background:none;color:#fff;}
	.headerInfo {padding:0;font-size:0.875rem;}
  .headerInfo a {color:#fff;}
	.headerInfo > div { margin-right: 10px;}
	.headerInfo span {line-height:65px;}
	.headerInfo i {line-height:65px;height:65px;}
  .headerInfo .tx-srlanguagemenu div, .headerInfo .tx-srlanguagemenu i {margin-right:0;}
	.featured-content figcaption{	transform:none;}
	.featured-content .btn{
		opacity: 1;
		transform: none;
	}
  .container, .gridelement, .parallax { margin:30px auto;	}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
		padding-bottom:30px;
	}
	.grid-item.col-lg-1, .grid-item.col-lg-10, .grid-item.col-lg-11, .grid-item.col-lg-12, .grid-item.col-lg-2, .grid-item.col-lg-3, .grid-item.col-lg-4, .grid-item.col-lg-5, .grid-item.col-lg-6,
	 .grid-item.col-lg-7, .grid-item.col-lg-8, .grid-item.col-lg-9, .grid-item.col-md-1, .grid-item.col-md-10, .grid-item.col-md-11, .grid-item.col-md-12, .grid-item.col-md-2, .grid-item.col-md-3,
	  .grid-item.col-md-4, .grid-item.col-md-5, .grid-item.col-md-6, .grid-item.col-md-7, .grid-item.col-md-8, .grid-item.col-md-9, .grid-item.col-sm-1, .grid-item.col-sm-10, .grid-item.col-sm-11,
	   .grid-item.col-sm-12, .grid-item.col-sm-2, .grid-item.col-sm-3, .grid-item.col-sm-4, .grid-item.col-sm-5, .grid-item.col-sm-6, .grid-item.col-sm-7, .grid-item.col-sm-8, .grid-item.col-sm-9,
	    .grid-item.col-xs-1, .grid-item.col-xs-10, .grid-item.col-xs-11, .grid-item.col-xs-12, .grid-item.col-xs-2, .grid-item.col-xs-3, .grid-item.col-xs-4, .grid-item.col-xs-5, .grid-item.col-xs-6,
	     .grid-item.col-xs-7, .grid-item.col-xs-8, .grid-item.col-xs-9 {
		padding-bottom:0px;
	}
/*  .row div:last-child {padding-bottom:0 !important;}
	.row .row div:last-child {padding-bottom:0 !important;}
*/	.powermail_fieldwrap, .powermail_fieldwrap label, .powermail_fieldwrap div {padding-bottom:0;}
	.news-image-wrap .row { margin-top: 0px;}
  .news-image-wrap .row:first-child { margin-top: 20px;}
	.grid-sizer {/* width: 25%;*/ }
	.grid-item { width: 25%;height:150px;overflow:hidden; }
	.grid-item--width2 {width:50%; }
	.grid-item--height2 { height:330px; }
  .abisz a, .abisz span { padding:0px 6px;}
  #footer .text-right {text-align:left !important;}

  .frame-bg-image-3 .container {position:relative;}
	.frame-bg-image-3 .ce-bodytext { width: 100%;margin-top: 0;float:none;}
	.frame-bg-image-3 .container-fluid .ce-bodytext { width: 100%;margin-top: 0;}
	.frame-bg-image-3 .ce-row {max-width:100%;}
  #anfrageTeaser form fieldset {width: 690px;}
  #anfrageTeaser input {width:170px;}
  h1, h2 {font-size: 2.25rem;}
  h3, #footer h1, #footer h2{font-size: 1.5rem;}
  h4 {font-size: 1.25rem;}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .teaser img {max-width:50%;}
  .gridelement .teaser h2 {font-size: 1.25rem;}
  .featuredContent h3 { font-size: 1.25rem;}
}
/*sm Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767px) {
  .row div:last-child {padding-bottom:0 !important;}
	.row .row div:last-child {padding-bottom:0 !important;}
	.headerInfo {margin-right:0;}
	#copyright, #footer_nav {text-align:center;font-size:90%;}
	.ce-intext .ce-gallery { float:none;max-width:100%;width:100%;margin:0 0 30px 0 !important;}
/*	.ce-row {margin-bottom: 0px;}
*/	.ce-column {float:none;margin-bottom:15px;margin-right:0;}
	.align-justify {
	    text-align: left;
	}
	.grid-sizer{width:25%;}
	.grid-item { width:50%;height:240px; }
	.grid-item-image img {width:100%;}
	.grid-item--width2 {width:100%; }
	.grid-item--height2 { height:510px; }
	.ce-gallery .swiper-next,.ce-gallery .swiper-prev {	 width:45px; height:45px;	}
	.ce-gallery  .swiper-prev { right:45px;	}
	.swiper-prev i, .swiper-next i { font-size: 24px; line-height: 45px;width:45px;	}
  .abisz { font: 20px/26px "Montserrat", sans-serif; margin-bottom: 20px;  }
  .abisz a, .abisz span { padding:0px 4px;}
  #anfrageTeaser form fieldset {width: 510px;}
  #anfrageTeaser input {width:130px;}
  #anfrageTeaser button {padding:11px;}
  #anfrageTeaser legend, #anreiseTeaser, #abreiseTeaser { margin-right: 0.5em; }
  .teaser img { margin-bottom: 30px;}

}
/* xs Extra small devices (portrait phones, less than 576px)*/
@media screen and (max-width: 575px) {
  .container, .gridelement, .parallax { margin: 20px auto;  }
  .container {max-width:400px;}
  /*Logo unter Menü  */
  #logo{position:relative;width:auto;top:0px;margin:0;padding:10px 0;z-index: 1;text-align:center;background: transparent;}
  #logo img {max-height:inherit;max-width:300px;}
  #teaser {display:none;}
  .slidercontent.container {max-width:100%;  }
  h1, h2 {font-size: 1.75rem;}
  h3, #footer h1, #footer h2{font-size: 1.25rem;}
  h4 {font-size: 1.125rem;}
	main .tx-indexedsearch-form {float: none;}
	main #tx-indexedsearch-searchbox-button-submit {
    margin-left: 0px;
    margin-top:20px;
	}
  main > div:first-child {padding-top:30px;}
  main > div:last-child {padding-bottom:30px;}

  .bg-primary, .bg-secondary, .bg-third {padding:20px 10px;}
 #footer_nav span {word-wrap: break-word;}
 #nav_suchbox .tx-indexedsearch-form { width: 60%;}
 .grid-item { height:170px; }
 .grid-item--height2 { height:370px; }
	aside {float: none;}
 .big { font-size: 130%;}
 .abisz { font: 16px/20px "Montserrat", sans-serif; margin-bottom: 10px;  }
 .abisz a, .abisz span { padding:0px 2px;}
 #headerContent .swiper-button-next, #headerContent .swiper-button-prev { margin-top: -44px; }
 #anfrageTeaser {position:relative;width: auto;overflow: hidden;}
 #anfrageTeaser form fieldset {width:210px;margin:0 auto;text-align:center;}
 #anfrageTeaser button {margin-top:30px;}
 #anfrageTeaser legend {line-height: 2.6em;}
 #anfrageTeaser legend, #anreiseTeaser, #abreiseTeaser {
   float: none;
   margin-right: 0;
 }
 #anfrageTeaser input {width:210px;}
 #anfrageTeaser button {padding:11px 22px;}
 #anfrageTeaser legend, #anreiseTeaser, #abreiseTeaser { margin-right: 1.5em; }
 #anreiseTeaser label::after, #abreiseTeaser label::after {
     top: 45px;
     right: 50px;
 }
 .custom-shape-divider-top-1595006573 {display:none;}
 .footerContent { padding: 30px 0 30px 0;}
}
@media screen and (max-width: 435px) {
	.btn {white-space: inherit;}
	.tx-powermail .container-fluid {padding-left:0;padding-right:0;}
	.big { font-size: 110%;}
	#headerContent .slidercontent h2 {font-size: 2rem;}
  /*.headerInfo div { margin-right: 0px; }*/
  h1, h2 {font-size: 1.5rem;}
/*	h1 {font-size: 1.75rem;}
	h2, .frame-bg-image-1 .container h2 {font-size:1.5rem;}
	h3 {font-size:1.25rem;}
*/ .align-justify {text-align:left;}
 #nav #menutitle_content {	display:none;}
 .grid-item { height:135px; }
 .grid-item--height2 { height:300px; }
 .abisz a, .abisz span { padding:0px 2px;}
}
@media screen and (max-width: 365px) {
  main > .container {min-width:330px;}
  .container .container, .container-fluid, .container-fluid .container {
/*	    padding-left: 15px;
	    padding-right: 15px;
*/	}
	.container figure.container, .container article.container {padding:0;}
  #primary .container {
	    padding-left: 0;
	    padding-right: 0;
	}
  .grid-sizer { width: 100%; }
  .grid-item--height2 { height:auto; }
  .grid-item, .grid-item--width2 { width:100%;height:auto;}
  .grid-item--width2.grid-item--height2 { height:auto; }

}