@media only screen and (max-width: 1200px) {
.home .content, .content {
    margin-top: -5px;
}
}
    
@media only screen and (max-width: 992px) {

    
.kursmenu .box:hover, .cat-33 .cat-sprachen, .cat-34 .cat-gesundheit, .cat-36 .cat-kultur, .cat-35 .cat-grundbildung, .cat-32 .cat-beruf,  .cat-31 .cat-gesellschaft {       
    box-shadow: none;
        -webkit-transform: none;
        transform: none;}    

.kursmenu .title, .kursmenu .last .title,.kursmenu .first .title {border: none;}
#home .ce-textpic .ce-border img.image-embed-item {border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0}

.mainnavi {display: none;}

.header .logo {text-align: center;}
a.mobilemenu {display: inherit;}
.logo img {margin: auto; max-width: 80%;}

.eventsearch {
   padding: 0px 5px 15px 5px;
}

.hidden-sm {display: none;}

.kursmenu .title {

    background: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    font-size: 26px;
    font-family: "Roboto", sans-serif;
    padding-top: 8px;
    color: #fff;
    text-align: left;
    padding-left: 100px;
}

.kursmenu {display: none;}
#home .kursmenu {display: block;}

 .header .fbwrapper {
    position: fixed;
    top: 15px;
    z-index: 999;
    right: 5px;
  }
.header-icon-text {display:none;}
.minimenu span i {padding-right: 5px; color: #00285a;}

.header .logo {
  padding: 30px 25px;
}
.footerwrap {
    float: left;
    position: relative;
    color: #fff;
    float: left;
    height: auto;
    width: 100%;
    background: rgb(0,40,90);
}

.kursmenu div[class*="cat-"] .icon {
    margin-left: 25px;
    display: inline-block;
    width: 50px;
    height: 51px;
    padding:0;
    padding-top: 3px;
}
.mobilemenuwrapper {display: block; height: 45px;}
.hamburger {display: inline-block;}
.mainwrapper {padding-top: 45px;}
.footer {background:none; margin-top: 0px;}

.footer .frame {display: block;}

.footer .col {margin-bottom: 15px;}
.maincontent {padding: 0 0 15px 0;}  
.row .news-list-item {display:block; float: left;}
.footercontent [class*="col-"] {
    display: inline-block;
    float: left;
}
.event-detail .caticon img {padding-left:0; padding-right: 0;}

.event-list .icon {
    margin:0;
}
.icon { padding-right: 0; padding-top: 35px;}
}

       
    @media only screen and (max-width: 767px) { 
        .shariff-button.whatsapp {display: block;}
        .event-list-header .header {display: none;}
.event-list-item .title {font-weight: 600;}
.tx-sf-event-mgt .event-list-header {height: 30px;}
        .event-detail .caticon img {max-width: 20%;}
        .contentbox {margin-left: auto; margin-right: auto;}
        .home .content, .content {margin-top: 25px; border: none; padding-left: 15px; padding-right: 15px;}
        h1 {font-size: 28px;}
        h3 {font-size: 20px;}
        .slogan {padding-right: 0px;
padding-left: 0px;}
.slogancontent {text-align: left; padding-left: 40px;}
.slider, .claim {display: none;} 
.toppic {overflow: hidden;} 

.contactbox, .box {margin: auto; margin-top: 10px;}
.kursmenu .box {margin: auto; margin-top: 0px;}

#home .ce-textpic .ce-border img.image-embed-item {border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%}
        
    }


    

        
    @media only screen and (max-width: 480px) {
    .event-detail .caticon img {max-width: 20%; padding-left:0; padding-right: 0;}
    }

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