@media (max-width: 1140px) {
  .logo img {
        width: 120px !important;
        margin-left: 10px;
    }

    #menu,
    #headerUnderlay {
        height: 60px;
    }

  /* 
    .iconBar .icon a,
    .iconBar .icon a:visited {
        width: 29px;
        height: 29px;
        background-position: center;
    }
  */
  
}


@media screen and (max-width: 1000px) {

    body {
        font-size: 14px;
    }

    #menu ul {
        font-size: 0.9em;
    }

    #sliderWrap .csc-default {
        padding: 0;
    }

    .searchPanelMargins {

        max-width: auto;
        overflow: hidden;
        margin: 0 10px;
    }
  
  .hamburgerMenu {
        display: block !important;
    }

    #mobileMenu ul {
        text-align: left;
        width: 100%;
        font-family: DINWeb-Regular;
        list-style: none;
    }

    #mobileMenu ul.topLevel {
        padding-top: 0;
    }

    #mobileMenu ul.topLevel li {
        padding-bottom: 25px;
    }

    #mobileMenu ul.subLevel li {
        padding-bottom: 0;
        padding-top: 5px;
    }

    #mobileMenu ul.topLevel li a {
        display: block;
        border-bottom: 1px solid #000000;
        font-size: 1.1em
    }

    #mobileMenu ul.subLevel li a {
        display: block;
        border-bottom: none;
        font-size: 0.8em
    }

  #menu ul {
        display: none;
    }

  /**
    * social icons kleiner
    *
    * @author Michael Ochmann
    * @since 2019/02/15
    
    .iconBar .icon a,
    .iconBar .icon a:visited {
        width: 25px;
        height: 25px;
        background-size: 80%;
        background-repeat: no-repeat;
    } **/
  	#menu, #headerUnderlay {
        height: 75px; /* vorher 100px */
    }
}


@media screen and (max-width: 860px) {

    #c488 {
        display: none;
    }

    
    #slider figcaption.image-caption {
        font-size: 1rem;
    }

    

    .celayout1,
    .celayout2,
    .celayout3,
    .celayout4,
    .celayout5 {
        width: 100%;
        float: none;
    }

    .trennStreifen {
        padding: 0;
    }

    .trennStreifen:after {
        width: 100%;
        height: 1px;
        margin: 0 auto 10px;
    }

    #footerWrap {
        position: static;
    }

    .csc-textpic-imagewrap {
        float: none !important;
        margin: 0 0 20px !important;
    }

    #sliderWrap div.csc-textpic-caption-l .csc-textpic-caption,
    #sliderWrap .csc-textpic-imagewrap .csc-textpic-caption-l,
    #sliderWrap div.csc-textpic-caption-r .csc-textpic-caption,
    #sliderWrap .csc-textpic-imagewrap .csc-textpic-caption-r {
        font-size: 2em;
    }

    #sliderWrap h5,
    #sliderWrap h5.csc-header-alignment-right {
        bottom: 0px;
        top: initial !important;
        left: 20px !important;
    }

    #sliderWrap h5.csc-header-alignment-right {
        text-align: left !important;
    }

    .col2container {
        display: block !important;
    }

    .col2container .col {
        width: 100% !important;
        display: block !important;
    }

    .csc-mailform input[type="submit"] {
        margin-left: 0;
    }

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: 0;
        width: 90%;
        background: transparent;
        background: #ffffff;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        text-shadow: none;
        color: #111111;
        font-weight: 300;
        line-height: 24px;
        white-space: normal;
        text-align: left;
        padding: 13px 5% 8px 5%;
    }

    .siteMapSpalte {
        width: 100%;
        float: none;
    }

    .flex-direction-nav {
		display:none !important;
	}
}

@media screen and (min-width: 861px) {

    #mobileMenu {
        display: none;
    }

}

@media (max-width: 400px) {
  .logo img {
    width: 100px !important;
  }
}

@media (max-width: 375px) {
  header .iconBar .icon a {
    width: 30px;
    height: 30px;
    background-size: contain;
  }
}