@media only screen and (max-width: 1200px) {
  .frame-type-fm-4col .container-col {padding: 15px;}
  .stickywrapper {height: 180px;}
}
    
@media only screen and (max-width: 992px) {  
          .contentbox.imagefloat .right .parent, .contentbox.imagefloat .left .parent  {max-width: 100%; margin-left: 0; left:0; width: auto;}
  .contentbox .right, .contentbox .left {width: 100%;  position: relative; height: auto; height:200px !important;}
  .contentbox .child {display:inline-block;}
  .contentbox {text-align: center; margin-bottom: 50px;}
  .contentbox .boxtext {width: 100%; display: block; margin-left: auto; margin-right: auto; text-align: left; padding:15px; border: 0;}
  .contentbox  h2 {margin-top: 0px !important;}
  .row > div[class*="col-"] {margin-bottom: 15px;}
   .topmenu .row > div[class*="col-"] {margin-bottom: 0px;}
   .mainmenu {display: none;}
   mm-burger {display: inline-block;}
   #logo {text-align: center; margin: 0;}
   #logo img {padding: 10px;}
   .stickywrapper {height: 124px;}
   .sliderwrapper .swiper, .content .sliderwrapper {height: 45vh;}
   .subnavi, .slider {height: inherit;}
   .subnavi {margin-top: 10px;}
   .area1, .area2, .area3 {height: 40px;}  
    .subnavi span {font-size: 16px;}  
.subnavi span{min-width: 95%;} 
   .sliderwrapper {margin-bottom: 5px !important;}
   .navcontainer img {display:none;}
   .breakermap .cbQuickGoogleMap {position: relative; margin: 0; height: 400px;}
   .breaker .breakercontent {padding: 15px 10px;}
   footer li {
  display: inline-block;
  padding: 0 25px;
  width: 100%;
  text-align: left;
}
    }
  

@media only screen and (max-width: 768px) {
.topmenu nav {display: none;}
mm-burger {display: inline-block;}
  .swiper-button-prev {left: 0 !important;}
.swiper-button-next {right: 0 !important;}
.firstmenu {display:none;}
.topmenu #language {display: block;}
#m-toplogo {display: block;}
.swiper .news-list-view {
  padding-left: 40px;
  padding-right: 40px;}
.sliderwrapper .claim h1 {text-align: left; font-size: calc(20px + 2vw);}
h1 {text-align: left; font-size: calc(16px + 2vw)!important;}
h2 {text-align: left; font-size: calc(12px + 2vw)!important;}
h2 {text-align: left; font-size: calc(10px + 2vw)!important;}
footer sub { padding-top: 25px;}
footer .ce-gallery img {max-width: 230px; margin-bottom: 15px;}
.news .article .news-img-wrap a img {width: 100%;}    
.news-single .article .news-img-wrap {width: 100%; float:none; text-align: center; margin:0px; margin-bottom: 15px;}
.news-single .article .news-img-wrap .outer {display:inline-block;}
}   

        
@media only screen and (max-width: 480px) {
    #logo img {padding: 5px 15px 5px 0px;
  width: 120px;}
 .stickywrapper {
    height: 60px;
  }
  .cookie-consent-container .buttons .btn--secondary {
  width: 100%;
}
  .breadcrumbwrapper {display: none;}
  
 .main {margin-top: -30px;}

   .area1, .area2, .area3 {height: 40px;}  
.subnavi span {font-size: 16px;}  
  
.subnavi span{min-width: 95%;}    
.swiper-button-next::after, .swiper-button-prev::after {font-size: 24px !important;}
.news-list-view.sliding {
  padding-left: 35px;
  padding-right: 35px;
}

.news-single .article .news-img-wrap {
    float: none !important;
    width: 100% !important;
    margin: 0 0 25px 0 !important;
}

footer .footermenu li {
  display: block;
  padding: 0 5px;
}
.footermenu a {font-size: 14px;}
}


    
@media only screen and (max-width: 320px) {}