/* BREAKPOINTS (max-width: 991px) */
@media (max-width: 991px) {
	 body {
		font-size: 16px;
		line-height: 24px;
		background-color: #F5D0A9;
		}
	.ce_inside, .nav_main .level_1, .ce_table, h1, .suche,.mod_newslist, .mod_artikelblock, .mod_artikelblock_3
	{
		max-width: 991px;
	}
	
	.margin10{
		margin-bottom: 10px;
	}
	#container, .inside {
		position: sticky;}
	#header{
		height: 120px;
	}
	#header .inside{
		z-index: 10000;
		}
	#header img {
    height: 60%;
    width: 60%;
}
	/* schriften  */
		
	.font40, .pilz h1 {
		margin-bottom: 30px;
		margin-top: 25px;
	}	
	
	/* Kopflogo */
	#header .ce_image {
    padding-top: 5%;
    padding-bottom: 5%;
    max-width: 296px;
}

	
/* Zeilenschaltung verschwinden lassen	 */
span.blind{
	display: none;
	}

	/* Mobil Button Check */

	.nav_main{	
		display: none;
		opacity: 0;
		}
	input:checked ~ .nav_main {
		display: block;
		z-index: 9999;
		opacity: 100;
		background-color: #fbf4e2;
	}
	.button-nav-mobile:hover,
	.button-nav-mobile:focus,
	.button-nav-mobile:active {
		background-image:url("../../files/css/icon/Burgerbuttons_SM_XS.svg");
		background-repeat:no-repeat;
		cursor: pointer;
		background-size: auto auto;
		background-size: 2rem 2.0rem;
	}
	.button-nav-mobile {
		background-image:url("../../files/css/icon/Burgerbuttons_SM_XS.svg");
		display: block;
		width: 25rem;
		height: 6rem;
		background-repeat: no-repeat;
		background-position: 90% 50%;
		background-size: 2rem 2.0rem;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 99;
	}
	input:checked + .button-nav-mobile {
    background-image: url("../../files/css/icon/nav-close.svg");
    background-position: 90% 50%;
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    position: absolute;
	display: block;
}
	


.button-nav-search{
	background-color: red;
	
}	
	
	
/* .button-nav-search. .button-nav-search a {
		background-image: url("../../files/css/icon/Suche_MD_braun.svg");
		background-color: green;
		display: block;
		width: 25rem;
		height: 6rem;
		background-repeat: no-repeat;
		background-position: 10% 50%;
		background-size: 3rem 2.4rem;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 99;
	} */

	
/* Suche in Navigation	 */

.nav_main li.search.last{
	display: none;
    opacity: 0;
    }
/* .nav_main li.search.last a{
    background-image: url("../../files/css/icon/Suche_MD_braun.svg");
	background-color: #FBF4E2;
	padding: 9px;
	}
.nav_main li.search.last a:hover{
	background-image: url("../../files/css/icon/Suche_MD_weiss.svg");
  	background-color: #846D71;
	padding: 9px;
	}
li.active.search.last{
	background-color: #846D71;
	padding: 9px;
	background-image: url("../../files/css/icon/Suche_MD_weiss.svg");
    margin-right: 18px;
	margin-left: 1px;
} */
	
	
/* Navigation */
	.nav_main li{
		border-top: 1px solid #846d71;	
	}
	 .nav-wrapper {
		position: fixed;
		right: 0;
		top: 100px;
		width: 25rem;
		height: 100%;
		box-sizing: border-box;
		opacity: 0;
		z-index: -1;
		overflow-y: scroll; }
	.mod_navigation {
		height: 44px;
		line-height: 44px;
		}
	 .nav_main {
		height: auto;
		box-sizing: border-box;
		opacity: 1;
		z-index: 100;
		background-color: #fff;}
		.nav_main .submenu.open > ul {
		  display: none;
		  opacity: 1;
		  }
		  
	 .nav_main .level_1{
			  padding: 0;
			 /*  margin-left: 5px; */
		  }
	.nav_main .active{
			text-align: left;
		}  
    .nav_main .level_1, .nav_main .level_2, .nav_main .level_3 {
      width: 100%; }
      .nav_main .level_1 li, .nav_main .level_2 li, .nav_main .level_3 li {
        display: block;
        float: none; }
        .nav_main .level_1 li a, .nav_main .level_1 li a:link, .nav_main .level_1 li a:visited, .nav_main .level_2 li a, .nav_main .level_2 li a:link, .nav_main .level_2 li a:visited, .nav_main .level_3 li a, .nav_main .level_3 li a:link, .nav_main .level_3 li a:visited {
          text-align: left;
          line-height: 3rem; }
        .nav_main .level_1 li .active, .nav_main .level_2 li .active, .nav_main .level_3 li .active {
          text-align: left;
          line-height: 3rem; }
        .nav_main .level_1 li:hover .level_2, .nav_main .level_1 li:hover .level_3, .nav_main .level_1 li:focus .level_2, .nav_main .level_1 li:focus .level_3, .nav_main .level_1 li:active .level_2, .nav_main .level_1 li:active .level_3, .nav_main .level_2 li:hover .level_2, .nav_main .level_2 li:hover .level_3, .nav_main .level_2 li:focus .level_2, .nav_main .level_2 li:focus .level_3, .nav_main .level_2 li:active .level_2, .nav_main .level_2 li:active .level_3, .nav_main .level_3 li:hover .level_2, .nav_main .level_3 li:hover .level_3, .nav_main .level_3 li:focus .level_2, .nav_main .level_3 li:focus .level_3, .nav_main .level_3 li:active .level_2, .nav_main .level_3 li:active .level_3 {
          width: auto;
          text-align: left;
          opacity: 1; }
        .nav_main .level_1 li span.active, .nav_main .level_1 li a.trail, .nav_main .level_1 li span.trail, .nav_main .level_2 li span.active, .nav_main .level_2 li a.trail, .nav_main .level_2 li span.trail, .nav_main .level_3 li span.active, .nav_main .level_3 li a.trail, .nav_main .level_3 li span.trail {
          line-height: 3rem; }
    .nav_main li .submenu-toggle, .nav_main ul.level_1 > li .submenu-toggle {
      content: "+";
      cursor: pointer;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 1rem;
      box-sizing: border-box;
      font-size: 3.5rem;
      line-height: 3rem;
      text-align: center;
      font-weight: 300;
      font-style: normal;
      }
      .nav_main li .submenu-toggle:before, .nav_main ul.level_1 > li .submenu-toggle:before {
        content: "+"; }
    .nav_main li.open > .submenu .submenu-toggle {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: -webkit-transform 0.5s;
      -moz-transition: -moz-transform 0.5s;
      transition: transform 0.5s; }
    .nav_main .level_2, .nav_main .level_3 {
      position: relative;
      display: none;
      top: 0; }
      .nav_main .level_2 li, .nav_main .level_3 li {
       /*  float: none;  display: none; */}
        .nav_main .level_2 li span.active, .nav_main .level_2 li .active, .nav_main .level_2 li .trail, .nav_main .level_3 li span.active, .nav_main .level_3 li .active, .nav_main .level_3 li .trail {
          line-height: 3rem !important;
          padding: 0 1.5rem; }
        .nav_main .level_2 li a, .nav_main .level_2 li a:link, .nav_main .level_2 li a:visited, .nav_main .level_3 li a, .nav_main .level_3 li a:link, .nav_main .level_3 li a:visited {
          line-height: 3rem !important;
          padding: 0 1.5rem; }
    .nav_main .level_3 {
      left: auto; }
}
@media (min-width: 766px) and (max-width: 990px) {
	
#navi-level2 .inside {
   width: 90%;
}
.leiste li {
		width: 100%;
}

.leiste #navi-level2 .inside {
    width: 90%;
}
.mod_navigation.level-2 li {
	width: 100%;}
}
}
@media (min-width: 361px) and (max-width: 767px) {
	 body {
		font-size: 16px;
		line-height: 24px;
		background-color: #E3F6CE;
		}
	.ce_inside, .nav_main .level_1, .ce_table, h1, .suche
	{
		max-width: 768px;
	}
		
	.margin10{
		margin-bottom: 10px;
	}
}
@media (min-width: 0px) and (max-width: 360px) {
	
}