.regionBox {
            position: relative;
            height: auto;
            width: 910px;
            overflow: hidden;
            margin-bottom:40px;
            margin-top:40px;
        }

       
        .regionBox .regionCanvas {
            position: relative;
            width: 1800px;
            float: left;
            left: 0;
            -moz-transition: max-height 0.4s;
            -o-transition: max-height 0.4s;
            -webkit-transition: max-height 0.4s;
            transition: max-height 0.4s;
            overflow: hidden; /*wichtig sonst scrollbars*/
            
        }

         .regionBox .mapWrap {
            position: relative;
            background-color: #a7d0df;
            height: auto;
            float: left;
            width: 910px;
        }
         .regionBox .mapTop{
             float:left;
             background:#d3e7ef;
             width:100%;
             padding:15px 20px 0 20px;
             box-sizing:border-box;
         }
            .regionBox .mapTop .subheadline {
                padding: 0 0 0 0;
                margin-bottom: 10px;
                font-size: 1.625em;
                font-weight: normal;
                float: left;
                margin-top: 0;
                width: 100%;
                color: #565656;
                -moz-transition: opacity 0.6s;
                -o-transition: opacity 0.6s;
                -webkit-transition: opacity 0.6s;
                transition: opacity 0.6s;
            }
        .mapTop p {
            float: left;
            margin-top: 0;
            width: 100%;
            color: #565656;
            font-size: 0.85em;
            line-height: 1.35;
            -moz-transition: opacity 0.6s;
            -o-transition: opacity 0.6s;
            -webkit-transition: opacity 0.6s;
            transition: opacity 0.6s;
        }
        .regionBox .mapWrap object{
            display:block;
        }
        .regionBox .detailBox {
            display:none;
            background-color: #f6f4f1;
            height: auto;
            position: relative;
            border-top: 10px solid #d3e7ef;
            left: 0;
            width: 670px;
            float: left;

            -moz-transition: left 0.4s;
            -o-transition: left 0.4s;
            -webkit-transition: left 0.4s;
            transition: left 0.4s;
        }
        
       .regionBox .detailBox .inner {
            width: 670px;
            overflow-x: hidden;
        }

       .regionBox .detailBox .outer {
            width: 670px;
            overflow-y: visible;
        }

        .regionBox .detailBox .canvas {
            width: 8000px;
            position: relative;
            left: 0;
            -moz-transition: left 0.4s,max-height 0.4s;
            -o-transition: left 0.4s,max-height 0.4s;
            -webkit-transition: left 0.4s,max-height 0.4s;
            transition: left 0.4s,max-height 0.4s;
            float: left;
            overflow: hidden; /*wichtig sonst scrollbars*/
        }

        .regionBox .detailBox .anim {
        }

        .regionBox .detailBox .noanim {
            -moz-transition: none;
            -o-transition: none;
            -webkit-transition: none;
            transition: none;
        }

        .regionBox .detailBox .slide {
            float: left;
            position: relative;
            height: auto;
            width: 670px;
            padding-left:30px;
           box-sizing:border-box;
        }
            .regionBox .detailBox .slide .slidePrev{
                font-size: 0.85em;
                display:block;
                float:left;
                    padding-left: 20px;
               
                padding-bottom:25px;
                background-repeat:no-repeat;
                background-image:url('data:image/gif;base64,R0lGODlhCQAPAIAAAOEAEAAAACH5BAEAAAEALAAAAAAJAA8AAAIXjA95qBsJWHTQvXbnqhRbvnkG+IlZCRQAOw==');
            }
            .regionBox .detailBox .slide .slidePrev:hover{
                color:#e10a14;
            }
            .regionBox .detailBox .slide .slideNext{
                font-size: 0.85em;
                 display:block;     
                 float:right;
                     padding-right: 20px;
                        
                padding-bottom:25px;
                margin-right:30px;
                background-position:top right;
                background-repeat:no-repeat;
                background-image:url('data:image/gif;base64,R0lGODlhCQAPAIAAAOEAEAAAACH5BAEAAAEALAAAAAAJAA8AQAIXhIOpaJD9zoKr0nBvdJVJpU1fiI1fUgAAOw==');
            }
             .regionBox .detailBox .slide .slideNext:hover{
                color:#e10a14;
            }
        .regionBox .detailBox .slide .boxw440 {
            float: left;
            width: 405px;
            margin-right:15px;
        }
            .regionBox .detailBox .slide .boxw440 .textbox {
                    margin: 0 0 10px 0 !important;
            
                        font-size: 0.85em;
                line-height: 1.35;
                width:100% !important;
              
            }
            .regionBox .detailBox .slide .regionkeyvisual{
                margin-top:10px;
            }
                .regionBox .detailBox .slide .boxw440 .textbox strong {
                    font-size:inherit;
                }
            .regionBox .detailBox .slide .headlineSlide {
                position:relative;
                margin-top:25px;
                margin-bottom:15px;
                width:100%;
                float:left;
            }
        .regionBox .detailBox .slide h2 {
            font-size:1.625em;
            color:#565656;
            font-weight:normal;
            width:550px;
            float:left;
        }
        .regionBox .detailBox .slide .closeRegionDetail{
            display:block;
            float:left;
            position:absolute;
            right:30px;
            top:5px;
        }
        .regionBox .detailBox .slide .browseWrap{
            float:left;
            margin-top:30px;
            width:100%;
        }
        .regionBox .regionLink {
            width:100%;
            box-sizing:border-box;
            background:#e3dcd2;
            padding: 12px 20px 12px 20px;
            float:left;
            margin-top:6px;
        }

        .regionBox .regionLink a{
            font-size: 0.85em;
                display:block;
                float:left;
                    padding-left: 20px;
               font-weight:bold;
               line-height:1.375em;
               
                background-repeat:no-repeat;
                 background-image:url('data:image/gif;base64,R0lGODlhCQAPAIAAAOEAEAAAACH5BAEAAAEALAAAAAAJAA8AQAIXhIOpaJD9zoKr0nBvdJVJpU1fiI1fUgAAOw==');
        }
         .regionBox .regionLink a:hover{
                color:#e10a14;
            }
.regionBox .caption {
    right: 3px;
    text-align: right;
    font-size: 0.65em;
    color: #999;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
    position: absolute;
    padding-top: 2px;
}

#mapCover{
    display:none;
    position:absolute;
    cursor:pointer;
    float:left;
}
        /*für mobile Version*/
         .mobile .regionBox{
            width:100%;
            /*margin-bottom:unset;
            margin-top:unset;*/
        
        }
          .mobile .regionBox .regionCanvas{
            width:100%;
        }
         .mobile .regionBox .mapWrap{
            width:100%;
        }
        .mobile #map{
            width:160% !important;
        }
         .mobile .outer{
            width:100%;
        }
          .mobile .inner{
            width:100%;
        }
           .mobile .regionBox .detailBox .slide{
           
            float:left !important;
            clear:none !important;
            padding-left:10px !important;
            padding-right:10px !important;
        }
            .mobile .regionBox .detailBox .regionkeyvisual{
           
            float:left !important;
            clear:none !important;
            border:0;
            padding-bottom:25px;
            background:none;
        }
             .mobile .regionBox .detailBox .regionkeyvisual_img{
           
            float:left !important;
            clear:none !important;
            
        }
              .mobile .regionBox .detailBox{
            width:100%;
            border-top:none;
        }
        .mobile .regionBox .detailBox .slide .slidePrev{
            float:left !important;
            clear:none !important;
             background-position: left 0px top 2px;
             width:30px;
             overflow:hidden;
             color:transparent;
        }
        .mobile .regionBox .detailBox .slide .slideNext{
             float:right !important;
            clear:none !important;
            background-position: right 0px top 2px;
            margin-right:0;
        }
        .mobile .regionBox .detailBox .slide h2 {
            font-size:1.2em;
            padding-right:20px;
        }
        
        .mobile .regionBox .detailBox .slide .boxw440 {
            width:100% !important;
        }
        .mobile .regionBox .detailBox .slide .boxw220 {
            width:100% !important;
        }
        .mobile .regionBox .detailBox .slide .closeRegionDetail {
            right:0;
        }
.mobile .regionBox .detailBox .slide .browseWrap {
    float:left !important;

}
.mobile .regionBox .mapTop {
     float:left !important;
            clear:none !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:10px 10px 10px 10px;
}
	.mobile .regionBox .mapTop .subheadline {
		font-size: 1.2em;
		float: left !important;
		clear: none !important;
		border: 0;
		background-color: #d3e7ef;
	}

.mobile .regionBox .detailBox .slide .boxw440 .textbox {
    background-color:transparent !important;
    padding:0 !important;
     float:left !important;
     border:0 !important;
}
.mobile .regionBox .detailBox .slide .boxw440 .textbox p {
font-size: 1em !important;
    line-height: 1.3 !important;
}
.mobile .regionBox .detailBox .slide .boxw440 .textbox ul li {
font-size: 1em !important;
    line-height: 1.3 !important;
}
.mobile .regionBox .regionLink {
    padding-top:8px;
    padding-bottom:8px;
}
.mobile .regionBox .regionLink a{
    background-position:0 3px;
}
.mobile .regionBox .caption {
    right:auto !important;
    left:0;
    top:2px;
    text-align:left !important;
    font-size:0.5125em;
        position: relative !important;
    padding-right: 10px !important;
    padding-top: 0 !important;
    overflow: visible !important;
    height: 0;
    z-index: 100;

}