/* RESPONSIVE CSS
-------------------------------------------------- */


div {
  /*   border:1px solid green;  */
}


@media screen and (max-width: 1950px) { 
    #wrap-topbild {
    max-height:480px !important;
    }


    #topbild {
        max-height:480px !important;
     }

    #topbild img { margin-top:-5% !important;
    }
}




@media screen and (max-width: 1170px) { 
     #logo { margin-right:0px !important; }
}





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

    .container {
        margin:0 auto;
        width: 1010px !important;
    	/*margin-left:15px !important;
    	margin-right:15px !important; */
    	padding-left: 0px !important;
        padding-right: 0px !important;
    	max-width: 1010px !important;
    }
	
	


}



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

	.container {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0px auto 0;
	}
	
	#home-icon { left:15px; }


}



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

	
    #header {
        padding-left: 15px !important;
        padding-right: 15px !important;
    	margin: 0px auto 0 !important;
    	width: 100% !important;
    	max-width: 100% !important;
    }

    #center {
        margin: 0px auto 0 !important;
        width:0px;
        width: 100% !important;
        max-width: 100% !important;
        padding: 50px 50px 30px 35px;
    }


    #center2 {
        margin: 0px auto 0 !important;
        width:0px;
        width: 100% !important;
        max-width: 100% !important;
        padding:50px 50px 30px 35px; 
    }



    #navcontainer {
        left: 20;
        position: absolute;
        top: 72px;
        }


    #header-rechts {
    float:right;
    width:auto !important;
    }


    #logo {
    width:214px;
    height:98px; 
    background-image:url('../bilder/logo_suhrepark_mobil.png');
    background-repeat:no-repeat;
    background-size:100%;
    }


    #wrap-topbild {
    width:100%;
    height:auto;
    max-height:500px;
    min-height:auto !important;
    }

    #topbild {
    position:relative;
    margin:0 auto;
    width:100% !important;
    height:auto;
    }


    #footer {
    	padding:8px 15px 8px 15px;

    	font-size:12px;
    }

    ul.menu li {
        width: 180px !important;
    }


}





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


    /* navbar */
    #navigation {
    display:none !important;
    height:0px;
    }

    ul.navi, ul.sub {
    /*display:none !important; */
    }

    #mobilenavi {
    display:none !important;
    }

  
     #linkbar {
    display:none !important;
    }

    #logo {
      z-index:200 !important;
    }



    

}





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


    .slicknav_menu { display:none;  }   /* turn off mobile menu */

    /* turn off menu punkt home  */
    .n0  { display:none !important; width:0px; height:0px; }

}




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

    
    div#pdf { display:none !important;}

    #header-links {
        display:none !important;
        height:0px;
    }

    #navcontainer, .menu  {display:none !important;}
   
	#home-icon { display:none;  }
   
    #center, #center2 {
        padding: 30px 20px 30px 20px;
    }

    .col-xs-12:after { 
    content: "";
    display: block;
    height: 20px;
    }


  div.csc-textpic div.csc-textpic-imagecolumn {
    float: none !important;
    margin-bottom:20px;
    }





/*    Mobile Menu Core Style   */
    .js .navbar-collapse {  display:none !important; }
    .js .mnenu {    display:block; z-index:50; }

    .slicknav_btn { position: relative;   display: block; vertical-align: middle; float: left; padding: 0px 0px 0px 15px; line-height: 1.125em; cursor: pointer; }

    .slicknav_menu  .slicknav_menutxt { display:none; }
    .slicknav_menu .slicknav_icon { float: left; margin:0px; padding:8px; /* background-color:#B8DFDF; */  }
    .slicknav_menu .slicknav_no-text { margin: 0 }
    .slicknav_menu .slicknav_icon-bar { display: block; width: 28px; height: 6px;  }
    .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }

    .slicknav_nav { clear: both }
    .slicknav_nav ul,
    .slicknav_nav li { display: block }
    .slicknav_nav .slicknav_arrow { font-size: 28px; margin: 0 0 0 0; float:right; padding-right:15px; font-weight:bold; }
    .slicknav_nav .slicknav_item { cursor: pointer; }
    .slicknav_nav .slicknav_row { display: block; }
    .slicknav_nav a { display: block }
    .slicknav_nav .slicknav_item a,
    .slicknav_nav .slicknav_parent-link a { display: inline }
    .slicknav_menu:before,
    .slicknav_menu:after { content: " "; display: table; }
    .slicknav_menu:after { clear: both }
    /* IE6/7 support */
    .slicknav_menu { *zoom: 1 }

    a.slicknav_open {
     /*padding-bottom:35px;  */
    }


    /*  User Default Style
        Change the following styles to modify the appearance of the menu.
    */

    .slicknav_menu {
        font-size:17px;
    }
    /* Button */
    .slicknav_btn {
        /* margin: 9px 15px 3px 3px; */
        text-decoration:none;
        background-color:none;
		margin-top:-90px; 
    }
    /* Button Text */
    .slicknav_menu  .slicknav_menutxt {
        color: #FFF;
        font-weight: bold;
        text-shadow: 0 1px 3px #000;
    }
    /* Button Lines */
    .slicknav_menu .slicknav_icon-bar {
      background-color: #8F80BB;
     }
     
     
    .slicknav_menu {
        background-color:transparent;
        position:absolute;
        top:0px;
        right:0px;
        width:auto;
         width: 100%;
        z-index:250;
        padding: 0px 0px 0px 0px !important;
        box-sizing: border-box; 
		margin-top:-10px; 
      }

    .slicknav_nav {
        color:#fff;
        margin:0;
        padding:0px 0px 15px 0px ;
        font-size:0.875em;
        width: 100%; 
        border-top:1px solid #333;
         
    }

    .slicknav_nav, .slicknav_nav ul {
        list-style: none;
        overflow:hidden;
       
    }
    .slicknav_nav ul {
        padding:0;
        margin:0 0 0 0;
    }

    .slicknav_nav ul li {
    /* border-bottom:1px solid #000;  */
    padding-left:15px !important;
    text-transform:uppercase;
    font-weight:400;
    }

    .slicknav_nav ul li:hover {
    /* background-color:#E2E2E2 !important; */
    }


    .slicknav_nav ul li ul li {
    border-bottom:none !important;
   /* background-color:#E2E2E2 !important; */
    text-transform:none !important;
    }



    .slicknav_nav .slicknav_row {
        padding:8px 0px 8px 8px;
        margin:0px 0px;
    }
    .slicknav_nav a{
        padding:8px 0px;
        margin:0px;
        text-decoration:none;
        color:#000;
    }
    .slicknav_nav .slicknav_item a,
    .slicknav_nav .slicknav_parent-link a {
        padding:0;
        margin:0;
    }


    .slicknav_nav .slicknav_row:hover {
           color:#000;
    }

    li.slicknav_open{
   /* background-color:#E2E2E2 !important; */
    }
       
  
ul li.top { border-bottom:1px solid #333; font-weight:700 !important; text-transform:uppercase; } 

.n0 { background-color: #EAEFA6; }
.n1 { background-color: #8F80BB; }
.n2 { background-color: #C4D200; }
.n3 { background-color: #01C2C1; }

.n0 a { padding:8px 0px 8px 8px; }

   
}




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

    #logo {
    width:180px;
     background-size:100%;
    }


}



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

    #kontakt {
     display:none !important;
     height:0px;
    }


}





@media screen and  (min-width:240px) and (max-width: 480px) { 

html {
height:100%;
background:none !important;

  } 

body {

}


.slicknav_menu {
	width: 100%;
}

.slicknav_nav {
padding:0px 0px 15px 0px !important;
width:100% !important;
}

.slicknav_btn {
margin-right:10px !important;
} 





}