/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Responsive  */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



@media (max-width: 1700px) {

    .pageTemplateId_1007 .vekaArea .slick-arrow,

    .pageTemplateId_1007 .newsArea .slick-arrow,

    .pageTemplateId_1007 .topNewsArea .slick-arrow {

        left:auto;

        right: 50%;

        top: auto;

        bottom: 60px;



        width: 55px;

        height: 60px;

    }



    .pageTemplateId_1007 .vekaArea .slick-next,

    .pageTemplateId_1007 .newsArea .slick-next,

    .pageTemplateId_1007 .topNewsArea .slick-next{

        left: 50%;

        right: auto;

    }



    .pageTemplateId_1007 .topNewsArea .slick-next{

        top:auto;



    }



    .pageTemplateId_1007 .vekaArea .slick-arrow:before,

    .pageTemplateId_1007 .newsArea .slick-arrow:before,

    .pageTemplateId_1007 .topNewsArea .slick-arrow:before{

        width:35px;

        height:35px;



        left:50%;

        top:10px;

        margin:0 0 0 -7px;



    }



    .pageTemplateId_1007 .vekaArea .slick-arrow.slick-next:before,

    .pageTemplateId_1007 .newsArea .slick-arrow.slick-next:before,

    .pageTemplateId_1007 .topNewsArea .slick-arrow.slick-next:before{

        margin:0 0 0 -30px;

    }

}



@media (max-width: 1375px) {



    #footerArea{

        font-size: 1.3em;

        line-height: 1.5em;

    }



    #addressArea{

        padding-left:120px;

    }



    #addressArea h1{

        font-size:1.8rem;

    }



    #addressArea .wrapper > ul .listItem_3,

    #addressArea .wrapper > ul .listItem_4{

        font-size:1.2em;

    }



    .pageTemplateId_1007 #bannerLabel .wrapper{

        bottom:170px;

    }

}



@media (max-width: 1300px) {

    #claimArea {

        width: 500px;

    }



    #bannerOverlay > .clearfix{

        margin-left:518px;

    }



    #claimArea .wrapper{

        font-size:4em;

    }



    .pageTemplateId_1007 .vekaArea .infoDate{

        font-size:2em;

    }



    .pageTemplateId_1007 .vekaArea .vekaFromDate{

        font-size:2.2em;

    }



    .pageTemplateId_1007 .vekaArea .infoTitle{

        font-size:2em;

    }



    .pageTemplateId_1007 .vekaArea .infoTeaser a{

        font-size:1.5em;

    }

}

@media (max-width: 1260px) {

    #fifthInfoArea li a div.staticLinkLabel {

        font-size: 1.2em;

    }

}





@media (max-width: 1215px) {



    .topNaviDropDownList > li > span > a {

        font-size: 1.8em;

        line-height: 1.1em;



    }



    .topNaviDropDownList li label {

        top: 5px;

    }



    .pageTemplateId_1007 #madChickCss_pageMaster > header:not(.navFixed) .logoArea > span,

    .pageTemplateId_1007 #madChickCss_pageMaster > header:not(.navFixed) .logoArea img{

        width: 273px;

        height: 102px;

    }



    .pageTemplateId_1007 .staticLinkArea ul{

        bottom:175px;

        right:56px;

    }



    .pageTemplateId_1007 #bannerLabel .wrapper{

        bottom:190px;

        /*right:95px;*/



        right:120px;

        z-index: 20;

    }



    #bannerArea .bannerContentArea{

        height:630px;

    }



    .pageTemplateId_1007 #bannerArea .bannerContentArea,

    .pageTemplateId_1007 #bannerArea .bannerItem{

        height:630px;

    }



    .staticLinkArea ul{

        bottom:190px;

    }



    #claimArea {

        width: 430px;

    }



    #bannerOverlay > .clearfix{

        margin-left:447px;

    }



    #claimArea .wrapper{

        font-size:3.5em;

    }



    .secondInfoArea h1{

        font-size:3.3em;

    }



    #secondInfoArea .redBoxArea{

        width: 500px;

        height: 500px;

    }



    #addressArea{

        width:45%;

    }



    .footerInfoArea{

        padding-left:45%;

    }



    .footerInfoArea h1{

        font-size:2.5rem;

    }

}



@media (max-width: 1120px) {

    #secondInfoArea .innerWrapper{

        padding-top:0;

    }

}





@media (max-width: 1100px) {



    #topNaviArea,

    #secondTopClaimArea{

        display: none;

    }



    .pageTemplateId_1007 #topClaimArea{

        z-index: 100;

    }



    header .staticLinkArea,

    /*#topClaimArea .languageSelectArea,*/

    #topClaimArea .displayControlArea{

        display: none;

    }



    #topClaimArea .languageSelectArea{

        margin: 20px 0 0 70px;

    }



    .offCanvas {

        display: block !important;

    }



    .offCanvas-trigger:checked ~ #madChickCss_pageMaster {

        left: 260px;

        right: auto;

    }



    .logoArea {

        margin:25px 0 25px 0;

    }







    .logoArea a > span,

    .logoArea > span,

    .logoArea .icon,

    .logoArea img{

        width:168px;

        height:65px;

    }



    #topClaimArea .logoArea{

        margin-top:0;

        right:22px;

        top:21px;

    }



    #topClaimArea > .wrapper{

        height:107px;

    }



    .masterCentered,

    .masterCenteredWide{

        width: auto;

        margin: 0;

        min-width: 0;

    }



    .col-span-7-of-12{

        width:55%;

    }



    .offCanvas .staticLinkArea li.listItem_1 a:hover:before{

        border-color: transparent #d42e0f transparent transparent;

    }



    .offCanvas li a:hover{

        text-decoration: none;



        background-color: #d42e0f;

        color:#ffffff;

    }



    .infoArea .infoBox li{

        width:33.33%;

    }



    .infoArea .infoBox li a{

        padding:20px;

    }



    #bannerArea .bannerContentArea{

        height:500px;

    }



    .pageTemplateId_1007 #bannerArea .bannerContentArea,

    .pageTemplateId_1007 #bannerArea .bannerItem{

        height:500px;

    }



    #bannerOverlay{

        height:140px;

    }



    #bannerOverlay .searchArea{

        display: none;

    }



    .pageTemplateId_1007 #madChickCss_pageMaster > header:not(.navFixed) #topClaimArea:before,

    .pageTemplateId_1007 #madChickCss_pageMaster > header:not(.navFixed) #topNaviArea .placeholder:before{

        display: none;

    }



    .pageTemplateId_1007 #bannerLabel .wrapper{

        bottom: 150px;

        /*right: 25px;*/

        right:50px;

    }



    #searchedArea{

        display: none;

    }



    #fifthInfoArea li a div.staticLinkLabel {

        font-size: 1em;

    }



    #text2SpeachArea{

        position: static;

        right: auto;

        width: auto;

        border-left: none;

        padding-left: 0;

    }



    #traceNaviArea{

        margin-bottom: 20px;

    }



}



@media (max-width: 1023px) {





    /*

    #traceNaviArea{

        padding-top:20px;

        padding-bottom:20px;

    }



    .traceNavi li,

    .traceNavi.cProject_customList nav > ul > li{

        font-size:1.2em;

    }



    .traceNavi li .nav-listBullet{

        top:0.4em;

    }



    .traceNavi .nav-Icon{

        top:10px;

    }

    */



    #secondInfoArea.colored .wrapperOuter{

        position: static;

        top:auto;

        left:auto;

        bottom:auto;

    }



    #secondInfoArea.colored .redBoxArea{

        position: absolute;

        right:-50px;



        height:auto;

          padding:60px 40px 60px 40px;



        -moz-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        transform: rotate(0deg);



        transform-origin: 100% 100%;

    }



    #secondInfoArea.colored .redBoxArea .wrapper{

        -moz-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        transform: rotate(0deg);

    }





    #toolBarArea{

        display: none;

    }







}



@media (max-width: 1000px) {

    .main-content,

    .main-aside {

        float: none;

        width: 70%;

    }



    #mainColArea,

    #rightColArea {

        margin: 0 0 80px 0;

        padding-right:0;

        padding-bottom: 0;

    }



    #rightColArea{

        border-left:none;

        padding:0;

    }



    #secondInfoArea.colored{

        height:auto;

        max-height:100%;

    }



    #infoArea .infoContentArea,

    #secondInfoArea .infoContentArea{

        padding-top:0;

        padding-bottom:40px;

    }



    #secondInfoArea.colored .redBoxArea{

        position: static;

        padding: 50px 25px 50px 25px;

        width:auto;

        right:auto;

        max-width:100%;



        border-top:5px solid #ffffff;

    }



    #secondInfoArea.colored .redBoxArea .cProject_arrowList li{

        padding-left:0;

    }





    #addressArea {

        bottom:auto;

        left: auto;

        width: auto;

        max-width: 100%;

        height: auto;



        margin-bottom:5px;

        padding: 50px 25px 50px 25px;



        background-color: rgba(212,49,15,1);

    }



    #addressArea,

    #addressArea .wrapper {

        position: relative;

        -moz-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    .footerInfoArea{

        padding: 50px 25px 50px 25px;

        min-height:0;

    }



    .footerInfoArea .awardArea{

        margin-top:50px;

    }



    .footerInfoArea .awardArea img{

        width:80%;

        height:auto;

    }



    .footerInfoArea .awardArea span{

        overflow: hidden;

        margin-right:0;

    }

}







@media (max-width: 900px) {



    #traceNaviArea{

        display: none;

    }



    .main-content{

        margin-top:50px;

    }



    .cEbs_organigram_unitTitle{

        font-size: 1.2em;

    }



    .cEbs_organigram_unit_level3 {

        margin-left: 20px;

    }



    .cEbs_organigram_unit_level2 {

        margin-left: 30px;

    }



    #cEbs_organigram_mayorSub{

        margin-left:30px;

    }



    .cEbs_organigram_unit_level1 {

        margin-left: 0;

    }



    .cEbs_organigram_unit_level2 .cEbs_organigram_unitHeader:before {

        left: -15px;

    }



    .cEbs_organigram_unit_level2 > .cEbs_organigram_unitHeader:after {

        left: -15px;

        width: 15px;

    }



    .cEbs_organigram_unit_level1 .cEbs_organigram_unitHeader:before {

        left: -15px;

    }



    .main-content,

    .main-aside,

    .pageTemplateId_1000 .main-content,

    .pageTemplateId_1000 .main-aside,

    .pageTemplateId_1000 .main-content.col-span-7-of-12{

        float:none;

        width:85%;

    }



    #fifthInfoArea li a{

        font-size:1.5em;

    }



}



@media (max-width: 820px) {



    #claimArea {

        width: 350px;

        height: 280px;



        padding: 70px;

        margin: -78px 0 -84px -12px;

    }



    #claimArea .wrapper{

        font-size:2.5em;

    }



    #bannerOverlay{

        height:95px;

    }



    #bannerOverlay > .clearfix{

        margin-left:359px;

    }



    #producerArea ul{

        float:left;

    }



    #producerArea li{

        margin:0 15px 0 0;

    }



    .pageTemplateId_1007 .topNewsArea .infoItem-Image,

    .pageTemplateId_1007 .secondTopNewsArea .infoItem-Image,

    .pageTemplateId_1007 .topNewsArea .infoItem-Image img,

    .pageTemplateId_1007 .secondTopNewsArea .infoItem-Image img{

        display: none;

    }



    #fourthInfoArea .infoRow{

        min-height: 0;

    }



    .pageTemplateId_1007 .topNewsArea .infoItem,

    .pageTemplateId_1007 .secondTopNewsArea .infoItem{

        width: auto;

    }









}





@media (max-width: 767px) {



    .headlineArea p{

        font-size:1.5rem;

    }



    .headlineArea h1{

        font-size:3.4em;

    }



    .main-content,

    .main-aside,

    .pageTemplateId_1000 .main-content,

    .pageTemplateId_1000 .main-aside,

    .pageTemplateId_1000 .main-content.col-span-7-of-12{

        float:none;

        width:100%;

    }



    .pageTemplateId_1007 .vekaArea .slick-arrow,

    .pageTemplateId_1007 .newsArea .slick-arrow,

    .pageTemplateId_1007 .topNewsArea .slick-arrow {

        bottom: 30px;

    }





    /* News */

    .cCore_searchResultDiv > div > div{

        clear:left!important;

        margin-left: 0!important;

        margin-bottom: 10px!important;

    }

}



@media (max-width: 700px) {



    #topClaimArea .languageSelectArea{

        margin: 100px 0 0 -4px;

    }



    .navFixed #topClaimArea .languageSelectArea{

        display: none;

    }



    .infoArea .infoBox li{

        width:50%;

    }



    .infoArea .infoBox li .listContent{

        font-size:1.8em;

    }



    .secondInfoArea h1,

    .footerInfoArea h1{

        font-size:2.3rem;

    }



    .secondInfoArea h1 span,

    .footerInfoArea h1 span{

        font-size:1.2rem;



    }



    #fifthInfoArea ul{

        display: block;

    }



    #fifthInfoArea li{

        width:100%;

        flex-direction: column;

    }



    #fifthInfoArea li .wrapper{

        padding-top:50%;

    }



    #fifthInfoArea li a{

        font-size:1.5em;

    }



    /*

    #fifthInfoArea li a div {

        font-size: 1.2em;

    }

    */



    .pageTemplateId_1007 .vekaArea .slick-arrow,

    .pageTemplateId_1007 .newsArea .slick-arrow,

    .pageTemplateId_1007 .topNewsArea .slick-arrow{

        display: none;

    }



    .pageTemplateId_1007 .vekaArea .slick-dots,

    .pageTemplateId_1007 .newsArea .slick-dots{

        float:left;

        position: relative;

        left:50%;

        margin:30px auto 0 auto;

    }



    .pageTemplateId_1007 .vekaArea .slick-dots li,

    .pageTemplateId_1007 .newsArea .slick-dots li{

        position: relative;

        right:50%;

        float:left;

    }





}



@media (max-width: 540px){



    .headlineArea h1{

        font-size:3em;

    }



    .infoArea .infoBox li .listContent{

        font-size:1.5em;

    }



    .pageTemplateId_1007 #madChickCss_pageMaster > header:not(.navFixed) .logoArea > span,

    .pageTemplateId_1007 #madChickCss_pageMaster > header:not(.navFixed) .logoArea img{

        width: 220px;

        height: 83px;

    }



    .pictureListItem .pictureListLeft{

        width: 25%;

    }



    .pictureListItem .pictureListRight{

        width:73%;

    }



}



@media (max-width: 500px) {



    .headlineArea h1{

        font-size:2.5em;

    }



    #bannerArea .bannerContentArea{

        height:400px;

    }



    .pageTemplateId_1007 #bannerArea .bannerContentArea,

    .pageTemplateId_1007 #bannerArea .bannerItem{

        height:400px;

    }



    .pageTemplateId_1007 #bannerLabel{

        display: none;

    }



    .cEbs_organigram_unitTitle{

        font-size: 1em;

    }



    .cEbs_organigram_unit_level3 {

        margin-left: 10px;

    }



    .uwd_warningText,

    .uwd_unwetter .uwd_weatherBar > div{

        font-size:16px !important;

        line-height: 1.3em;

    }



    .uwd_unwetter .uwd_openScreen.uwd_inner{

        display: none;

    }



    #mainColArea{

        padding-top:10px;

    }



    #footerArea{

        font-size:1.1rem;

    }



    .pageTemplateId_1007 .topNewsArea .infoItem-Content h1,

    .pageTemplateId_1007 .topNewsArea .infoItem-Content h2,

    .pageTemplateId_1007 .secondTopNewsArea .infoItem-Content h2{

        font-size:2.2em ;

    }



    #fifthInfoArea li a{

        font-size: 1.2em;

    }



    #fifthInfoArea li a div.staticLinkLabel:before{

        margin-bottom: 20px;

    }





}





@media (max-width: 400px) {



    .pageTemplateId_1007 #madChickCss_pageMaster > header:not(.navFixed) .logoArea > span,

    .pageTemplateId_1007 #madChickCss_pageMaster > header:not(.navFixed) .logoArea img{

        width: 185px;

        height: 69px;

    }



}