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


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

}



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

   #content-columns {
   /*  background: url(../bilder/content_bg.png) repeat-y top right;  */
   }

    #content-columns .row {
       margin-left: 0px;
    }


}



@media screen and (max-width: 1140px) { 
    
    .container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0px auto 0;
       /*  margin-top:10px !important;   */
        }
        
    #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: 100% !important;
        max-width: 100% !important;

    }


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

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


    .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    #content-columns {
    padding-right:0px !important;
    }


    #footer {
        width:auto;
        padding:8px 15px 8px 15px;
        font-size:14px;
         margin-left:15px;  
        margin-right:15px !important;
    }

}




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

    #rechts { display:none !important;  width:0px !important; }
    
    #news-short { display:block; height: 40px; width:100%; background-color:#B3B3B3; margin-bottom:10px; }

   
    .col-sm-3 {
        width:30% !important;
    }

    
     .col-sm-9 {
        width:70% !important;
    }

     #content-columns {
      /* padding-right:15px !important; */
    }



    #content-columns .row {
        margin-right:-15px !important ;
      /*  margin-right:0px !important ;  */
        padding-right:15px;
    }


    #content-inner {
  /*  display: inline-block !important;
    height: 100% !important; */
    width: 100%; 
     background-color:#DFDFDF;  

      height: 100%;
    display: inline-table;

    }
    
}





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

    #stablink-icons .fa { padding-left: 5px !important; }
    .fa-lg {   font-size: 1.5em !important; }
}




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

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

 }



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

   #main .col-sm-9 {
    width:100% !important;
    padding-left:0px;
    padding-right:0px;
   }

   #content-columns {
    padding-right: 0px !important;
    }

   #content-columns .row {
    margin-right: 0px !important;
   }


    #inhalt, #inhaltnews, .inhalt {
        padding:40px 25px 35px 25px;
        margin-left:0px !important;
     }


    #navcontainer, .menu  {display:none !important;}
    #header-links, #header-mitte { display:none;}
    #header-rechts { float:right !important;}
    #suche, #stablinks {display:none; }
    #links { display:none;  }
   
     #fleft {
        display: none; 
     }
	 #megura {
        display: none; 
     }
	 
	 #fleft_mobil {
	 display:block;
  float:left;
  width:70%;
  text-align:left;
}

    #fright {
        display:block;
        width:30%;
    }

   #sercie-links {
     display:block;
    }




    /*    SlickNav Mobile Menu Core Style   */
    /*-------------------------------------------------- */
    #mobilenavi { display:none !important;}
    .navcontainer {  display:none !important; height:0px; }
     .js .mobilenavi {  display:block; z-index:50; }
    /* .menu {  display:none !important; height:0px; }  */

    .mhead {z-index:1;}
    .slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0px 0px 0px 30px; line-height: 1.125em; cursor: pointer;  /* padding: 0.438em 0.625em 0.438em 0.625em; */}

    .slicknav_menu  .slicknav_menutxt { display:none; }
    .slicknav_menu .slicknav_icon { float: left; margin:0px; padding:8px; background-color:#DA074F;  }
    .slicknav_menu .slicknav_no-text { margin: 0 }
    .slicknav_menu .slicknav_icon-bar { display: block; width: 22px; height: 4px;  }
    .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; float:right; margin: 0 0 0 0 !important,  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 {
     margin-bottom:25px;
    }
    
       
    /* 
        User Default Style
        Change the following styles to modify the appearance of the menu.
    */

    .slicknav_menu {
        font-size:17px;
    }
    /* Button */
    .slicknav_btn {
        margin: 30px 15px 3px 0px;
        text-decoration:none;
        background-color:none;
    }
    /* 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: #fff;
     }
     
     
    .slicknav_menu {
        background-color:transparent;
        position:absolute; 
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        z-index:50;
     
        width: 100%;
        max-width:940px;
        padding: 0px 0px 0px 0px !important;
      }

    .slicknav_nav {
      color:#fff;
      margin:0px !important;
      padding:0px 0px 0px 0px ;
      background-color: #DA074F;
      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 .slicknav_row {
             margin:0px 0px;
    }
    
    .slicknav_nav  li a {
        padding:6px 0px 6px 0px; 
        text-decoration:none;
        color:#fff; 
    } 

    .slicknav_nav .slicknav_item a,
    .slicknav_nav .slicknav_parent-link a {       }


    .slicknav_nav li     {border-bottom:1px solid #333; } 
    .slicknav_nav li a   { padding-left:15px; text-transform:uppercase; font-weight:700 !important; } 
    .slicknav_nav li a:hover   {  background-color:#EEEEEE !important; color:#000000 !important;  } 
    .slicknav_row a { padding-left:0px !important; margin-left:0px !important; }
    

    /* 2. Stufe  */
    .slicknav_nav li ul li   {  border-bottom:none !important; }
    .slicknav_nav li ul li a {  padding-left:30px; font-weight:400 !important; font-size:16px; text-transform:none; }

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

   
   /* 3. Stufe  */
    .slicknav_nav li ul li ul li a       {  padding-left:45px !important; font-weight:400; padding-top: 4px; padding-bottom:4px; font-size:14px !important; color:#000 !important;}
    .slicknav_nav li ul li ul li a.slicknav_row a { padding-left:0px !important; margin-left:0px !important; color:#000 !important; }

 
    /* 4. Stufe */
    .slicknav_nav li ul li ul li ul li a       {  padding-left:55px !important; font-weight:400; padding-top: 4px; padding-bottom:4px; font-size:14px !important; color:blue !important;}
    .slicknav_nav li ul li ul li ul li a.slicknav_row a { padding-left:0px !important; margin-left:0px !important; }
    
    
    li.slicknav_open {  background-color:#EEEEEE !important;   }
    li.slicknav_open a {   color:#000 !important;    }

    .dropdown { overflow: hidden !important; width:100% !important;}
  
    ul.menu-mobile li span.slicknav_arrow { padding-right:25px; float:right !important; margin-top:-6px; }
    ul.menu-mobile li > ul li span.slicknav_arrow { padding-right:15px !important; margin-right:20px; width:20px; margin-top:-9px; text-align:center; } 

    li.slicknav_open {  background-color:#EEEEEE !important;   }
    li.slicknav_open a {   color:#000 !important;    }

}








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

    .slicknav_btn {
        padding-left:10px !important;
    }


    #logo {
        height: 45px;
        right: 5px !important;
     }

     #inhalt, #inhaltnews, .inhalt {
        padding:15px 0px 15px 0px;
        margin-left:0px !important;
        }

    h1, .h1 {
    font-size: 24px;
    }

    .print-page {
        display:none !important;
    }

    #main {
    padding-left:  0px;
    padding-right: 0px;
    }
	
	#footer {margin-left:0px !important; margin-right:0px !important;}


}


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

    #logo {
        right:0px !important;
        top:28px;
        width:290px;

    }
   
    #logo img {
        width:290px;
        height:48px;
    }

}




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

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


#logo {
    width:240px;
}


 #logo img {
        width:240px;
        height:auto;
    }

}