@media only screen and (max-width: 1200px) {
  .frame-type-fm-4col .container-col {padding: 15px;}
    .mainmenu {font-size: 17px;}
}
    
@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;}
    .shrink #logo {padding: 0 40px;}
    .sliderwrapper .claim h1 {font-size: 60px;}
    .sliderwrapper .claim h2 {font-size: 50px;}
    .sliderwrapper .swiper {min-height: 600px;}
.homeboxes .container-col {margin-bottom: 15px;}    
.breaker div[class*="col-"] {margin-bottom: 15px;}
    }
  

@media only screen and (max-width: 768px) {  
    .menusubpages
    .sliderwrapper .swiper {min-height: 370px;}    
.shrink #logo img {
    width: 140px;
    padding: 5px 0;
}

.shrink mm-burger {top: 0px;}
.shrink #logo {margin-top: 0;}
.searchbar {display: none;}
#logo {text-align: center;}
#logo img {width: 165px;}
.content-header {min-height: 350px;}
.topmenu nav {display: none;}
mm-burger {
  --mb-bar-width: 40px;
  --mb-bar-height: 4px;
  --mb-bar-spacing: 7px;
  position: absolute;
  top:10px;
  right:0;
}
.mainheader {height: 75px; overflow: hidden;}
  .swiper-button-prev {left: 0 !important;}
.swiper-button-next {right: 0 !important;}
.firstmenu {display:none;}
.topmenu #language {display: block;}
.menusubpages .header {font-size: 20px;}
.swiper .news-list-view {
  padding-left: 40px;
  padding-right: 40px;}
h1 {font-size: calc(16px + 2vw)!important;}
h2 {font-size: calc(14px + 2vw)!important; margin-top: 0px;}
h3, .menusubpages span {font-size: calc(12px + 2vw)!important;}
.sliderwrapper .claim h1 {font-size: calc(22px + 3vw) !important; text-align: left;}
.sliderwrapper .claim h2 {font-size: calc(18px + 3vw) !important; text-align: left;}
.accordion h3 {font-size: 16px !important;}                          

.homeboxes .container-col {font-size: 16px;}
body {font-size: 17px;}

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;}
footer .ce-center .ce-outer { position: relative; float: left; right: 0; }
footer .ce-center .ce-inner { position: relative; float: left; right: 0; }
footer img {margin-top: 25px;}
footer {font-size: 16px;}
}   

        
@media only screen and (max-width: 480px) {
.homeboxes img {width: 80px;}
.breakercontent .container {padding: 0px 10px;}
.teaser .content, .teaser .date {padding: 5px 15px;}
.teaser .day {font-size: 20px;}
.swiper-button-next::after, .swiper-button-prev::after {font-size: 24px !important;}
.news-list-view.sliding {
  padding-left: 35px;
  padding-right: 35px;
}
.breaker .container-col {padding: 25px !important;}
footer .footermenu li {
  display: block;
  padding: 0 5px;
}

.footermenu a {font-size: 14px;}
}


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