@media (max-width: 767px) {
    
    /*Animation*/
    
    .slickdefault .textpic-item.textpic-text {
        top:0;
    }
    .slickdefault .textpic-item.textpic-text h2, .slickdefault .textpic-item.textpic-text h3 {
      padding: 6px 14px 3px 0;
      font-size: 21px;
      width: 80%;
    }
    .slickdefauli .textpic-text p {
        
    }
    
    /*Animation*/
    
    
    
    
    
    
    
    .highlights .standardlayout {
      width: 32.3%;
    }

    .minimenu {
        display: block;
        z-index: 1000;
        padding-top:0;
        position: fixed;
    }
    .megamenu {
        display: none;
    }
.bildimhintergrund #c575 .gallery-item picture {
  width: 150%;
  margin-left: -100px;
  max-height: 410px;
  position: relative;
  float: left;
}
    .row {
        --bs-gutter-x:0px;
    }
    .bildimhintergrund .gallery-item img, .bildimhintergrund .gallery-item picture {
        width:200%;
    }
    .bildimhintergrund #c52 .gallery-item img, .bildimhintergrund #c52 .gallery-item picture {
        margin:0 0 0 -35%;
    }
    .klassenhover .frame {
    min-height: inherit;
}
    .logo {
      position: fixed;
      top: 5px;
      right: 5px;
      width: 50px;
    }
    .klassenhover .gallery-item:hover .image {
        top:inherit !important;
    }
    .klassenhover .gallery-item {
        max-height: inherit;
        overflow: visible;
        max-width: inherit;
    }
    .klassenhover {
    
    width:100%;
    }
    .highlights .highlight {
      width: 25%;
      padding: 0 10px;
    }
    .footercontainer,
    .footerino, 
    .footerino .container-fluid,
    .footerino .container, 
    .footerino .standardlayout {
        position: relative;
        float: left;
        width:100%;
        padding:0;
        --bs-gutter-x: 0px;
        display: block;
        text-align: center;
    }
    .footercontainer h4 {
        padding:25px 0 2px 0 !important;
    }
    .highlights {
      padding: 3px 0;
      background: url("../../user_upload/logo/Highlights_q.png");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      background-size: auto;
      background-position: -1% 104%;
      background-repeat: no-repeat;
      position: relative;
      float: left;
      width: 100%;
      background-size: 80%;
        padding:20px 0 25px 0;
    }
    .bildimhintergrund .gallery-item {
        position: relative;
    }
    .navbar-toggler.kopfbereich {
        overflow: inherit;
    }
    
    .kopfbereich {
        overflow: scroll;
        max-height: 100%;
    }
    .megamenu ul.navilo li {
        width:100%;
    }
    .megamenu ul.navilo li ul li a {
  padding: 0px 5px 0px 15px;
    }
    
    .sub3 li a {
        padding:6px 5px 5px 15px !important;
    }
    main .frame-type-menu_sitemap_pages li {
        float: left;
        width:100%;
        position: relative;
    }
    
    
    
    .bhvmenu {
        overflow-y: scroll;
    }
    .megamenu ul.navilo li:first-child {
        width:100%;
        
    }
    .megamenu ul.navilo li:nth-child(4) {
        clear:both;
    }

    
    
	.hiddenmobile {display: none;}
	.mobilelogo .gallery-item picture {
  max-width: 40vw !important;
}
	
	
	.frame-custom-30 .table {
  max-width: 100%;
  margin: 0 auto;
}
	
	.carousel .carousel-item {padding: 0;}
	
	
	footer .gallery-item picture {
  max-width: 50vw !important;
}
	
	.rootline {display: none;}
	
	.headerimage .carousel-inner {
  overflow: hidden;
  width: 200%;
  margin-left: -50%;
}
	
	
	.news .headline, .news h3 {
  font-size: 1.4rem;
  margin-top: 4%;
}
	
	
	main .carousel-inner .carousel-text-inner {padding: 14%;}
	.textmedia {gap:0;}
	
	.mobilehead {display: block;}
	
	
	.carousel-small .item {
		height: auto;}
	
	main .btn {font-size: 0.8rem; padding: 12px 20px !important;}
	
	
	.news-list-view .news-img-wrap {
  height: 30vh !important;
}
	
	main .textmedia-item {margin-bottom: 1%;  display: block;}
	
}