@charset "UTF-8";



/* ************************************* */

/*                                       */

/* Global                                */

/*                                       */

/* ************************************* */



.mob{

  display: none !important;

}



/* ************************************* */

/*                                       */

/* <= Small Desktop Landscape            */

/*                                       */

/* ************************************* */

@media (max-width: 1366px){}

/* EOF Small Desktop Landscape ************************************************************************* */







/* ************************************* */

/*                                       */

/* <= Smaller Desktop Landscape          */

/*                                       */

/* ************************************* */

@media (max-width: 1280px){

/*  body {

    background-color:white;

    background-image:url(ruler.png);

    background-repeat: repeat-x;

    background-position: bottom left;

  }  */

}

/* EOF Smaller Desktop Landscape ************************************************************************* */







/* ************************************* */

/*                                       */

/* <= TABLET Landscape                   */

/*                                       */

/* ************************************* */

@media (max-width: 1024px){}

/* EOF Tablet Landscape ************************************************************************* */







/* ************************************* */

/*                                       */

/* <= Small Tablet Landscape (960px)     */

/*                                       */

/* ************************************* */



@media (max-width: 996px){



  .mob{

    display:block !important;

  }

  

  /* ************************************* */

  /* Layout                                */

  /* ************************************* */

  

  body{

    background-color: #ebebeb;

    font-size: 18px;

  }

  

  #page{

    width: 100%;
    padding: 0;

  }

  #main {
      padding: 0 20px 20px 20px;
  }



  #left{

    float:none;

    position:absolute;

    width:224px;

    padding: 20px 20px 0 0;

    display:none;

  }



  #content{

    width:auto !important;

    padding: 15px 20px 40px 20px;

    float:none;

  }



  .sidebar-left #content{

    width:auto !important;

  }



  #right{

    display:none;

  }



  /* ************************************* */

  /* Hidden                                */

  /* ************************************* */

  

  .no-mob{

    display:none !important;

  }

  

  nav.mob{

    display:none !important;

  }



  /* ************************************* */

  /* Header                                */

  /* ************************************* */



  header{

    height:auto;

    padding-bottom: 10px;

    background: white;

    margin-bottom: 0;

  }



  #family{

    display: none;

  }



  /* ************************************* */

  /* Logo und Slogan                       */

  /* ************************************* */



  #logo{

    position:relative;

    margin: 19px auto 18px auto;

    left: auto;

    top: auto;

  }



  #slogan{

    display:none;

  }


  /* ************************************* */

  /* Header box                            */

  /* ************************************* */

  #header-box{
    background: transparent;
    border-bottom: 1px dotted #7a8800;
    width: 100%;
    height: 35px;
    float: none;
    padding: 0 0 0 34px;
  }

  #header-box a.social{
    margin: 4px 4px 0 0;
  }

  #search{
    padding: 4px 12px 0;
    right: 26px;
    width: 270px;
  }



  /* ************************************* */

  /* Navigation                            */

  /* ************************************* */



  nav{

    padding: 20px;

  }

  

  nav.visible{

    display:block !important;

  }



  nav li{

    margin-bottom:15px;

  }



  nav li a

  {

    display:block;

    color:#7A8800;

    font-size: 15px;

    font-weight: 400;

    font-family: 'News Cycle', Arial, serif; 

    text-transform: uppercase;

    letter-spacing: 0.8px;

  } 



  nav li a:before{

    content:'\00BB';

    margin-right: 3px;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

    font-size:14px;

  }



  nav li.active a,

  nav li a:hover{

    color: #cf006c;

  }



  /* ************************************* */

  /* Metanavigation                        */

  /* ************************************* */



  #meta{

    position:relative;

    width:100%;

    height:auto;

    top:auto;

    right:auto;

    border-bottom:1px dotted #A5B900;

    border-top:1px dotted #A5B900;

    overflow: hidden;

  }



  #meta li{

    padding: 0;

    width:42.5%;

    text-align: center;

  } 

  #meta li.search-toggle{

    padding: 9px 0;
    width: 15%;
    text-align: center;
    background: transparent url(../img/icons/ico-searching.png) no-repeat center center;
  }



  #meta li:last-child{

    border-left:0;

  }



  #meta a,

  #meta span{

    padding: 15px 0 15px 0;

    display: block;

    color: #7A8800;

    cursor: pointer;

    font-size:15px;

  }



  /* ************************************* */

  /* Listen                                */

  /* ************************************* */


  .item .txt,
  .item.webschau .txt{
    margin-left:0px;
  }


  .banner p a img{
    display: block;
    margin: 0 auto;
  }

  .item .illu,
  .item.webschau img{
    display: none;
  }



  /* ************************************* */

  /* search-mob                            */

  /* ************************************* */


  #search-mobile{
    padding: 0;
    width: 100%;
    float: left;
    display: block;
  } 

  #search-mobile > div{
    padding: 0;
    display: none;
    margin: 20px auto -10px auto;
    width: 90%;
  } 


  /********   Google custom search style (need !important to be done) *******/
  #search-mobile .gsc-input-box{
    height: 31px!important;
  }

  .gsst_a {
      padding-top: 6px !important;
  }
  .gscb_a {
      font: 23px/0px arial,sans-serif !important;
  }

  /********   End Google custom search style *******/


  /* ************************************* */

  /* Inhalt                                */

  /* ************************************* */



  article div.column{

    width:100%;

    padding-top: 10px;

  }



  aside{

    overflow:hidden;

  }



  article .service{

    display:none;

  }



  article .tags{

    display:none;

  }



  /* ************************************* */

  /* Sektionen                             */

  /* ************************************* */



  section.category{

    margin-bottom: 5px;

  }



  section.illu{

    display:none;

  }



  section.txt{

    margin-left: 0;

  }



  .js-fixed-wrapper{

    position:relative;

    width:100%;

    top:auto;

    right:auto;

  }



  aside{

    position:relative;

    width:100%;

    top:auto;

    margin-top: 0;

  }



  aside.fixed{

    position:relative;

    top:auto;

  }



  aside > div{

    margin-bottom:5px;

    border:0;

    border-bottom:1px dotted #A5B900;

    padding:0 0 5px 0;

  }



  aside li {

    float:left;

    margin: 0 10px 0 0;

  }



  aside li a{

    display: block;

    padding: 5px 5px 5px 0;

  }



  /* ************************************* */

  /* Elemente                              */

  /* ************************************* */



  .meta{

/*    display: block;

    float:none;*/

  }



  /* to top */

  #back2top{

     display: none !important;

  }



  .banner,

  .banner:first-child {

    margin-top:1px;

  }

  

  .note_section{

  	font-size: 13px;

  }



  .shortlink{

    display:none;

  }



  /* ************************************* */

  /* WP Widgets / Bloecke                  */

  /* ************************************* */



  .widget{

    padding-bottom: 20px;

    border-bottom: 1px dotted #a5b900;

    margin-bottom: 20px;

  }

  

  /* ************************************* */

  /* Content                               */

  /* ************************************* */

  

  h1,h2{

    font-size: 24px;

  }

  

  .list h2,

  .banner h2,

  .widget h2{

    font-size:20px;

  }



  h3{

    font-size:18px;

  }



  .item.webschau h2{

    font-size: 16px;

  }



  /* ************************************* */

  /* Formulare                             */

  /* ************************************* */



  textarea{

    width: 99%;

    margin-left: 0px;

  }



  #main input[type="text"] {

    width: 80%;

  }



  #main input[type="submit"] {

    margin-left: 0;

  }



  #comments label{

    width:14%;

    margin-right: 5%;

  }



}



/* EOF Small Tablet Landscape ************************************************************************* */







/* ************************************* */

/*                                       */

/* <= TABLET Portrait                    */

/*                                       */

/* ************************************* */



@media (max-width: 768px){



  #content{

    padding: 20px;

  }

  

  .banner img {

    width:100% ;

    height:auto;

  }

  

  section.header img {

    width:100% ;

    height:auto;

  }

  #search-mobile > div{
    width: 88%;
  } 



}



/* EOF Tablet Portrait ************************************************************************* */







/* ************************************* */

/*                                       */

/* <= Small TABLET Portrait              */

/*                                       */

/* ************************************* */



@media (max-width: 600px){



  body{

    font-size: 13px;

  }



  #page{

    padding: 0;

  }

  

  #meta li a,

  #meta a,

  #meta span {

    font-size: 13px;

  }

  

  /* ************************************* */

  /* Content                               */

  /* ************************************* */

  

  h1,h2{

    font-size: 19px;

  }

  

  .list h2,

  .banner h2,

  .widget h2{

    font-size:16px;

  }



  h3{

    font-size:13px;

  }



  .item.webschau h2{

    font-size: 16px;

  }

  

  .note_section {

    width:100%;

    margin-left:0 !important;

    margin-right: 0 !important;

  }

  

  /* ************************************* */

  /* Tabs                                  */

  /* ************************************* */



  .tabs {

    height:20px;

  }



  .tabs ul li span{

    width:auto;

    font-size: 11px;

    line-height:20px;

    height:20px;

    padding: 0 15px 0 15px;

  }

  #search-mobile > div{
    width: 83%;
  }
  
 
}



/* EOF Small Tablet Portrait ************************************************************************* */







/* ************************************* */

/*                                       */

/* <= PHONE Landscape                    */

/*                                       */

/* ************************************* */



@media (max-width: 568px){



  /* ************************************* */

  /* Global                                */

  /* ************************************* */



}



/* EOF PHONE Landscape ************************************************************************* */







/* ************************************* */

/*                                       */

/* <= Small PHONE Landscape              */

/*                                       */

/* ************************************* */



@media (max-width: 480px){



  #content{

    padding: 10px;

  }

  #main {
      padding: 0 15px 20px 15px;
  }

  

  .meta{

    float:none;

    display:block;

  }

  

  .avatar {

  float: none;

  }



  .textalign{

    margin-left:0;

  }

  

  /* ************************************* */

  /* Tabs                                  */

  /* ************************************* */

  

  .tabs ul li {

    margin: 0 5px 0 0;

  }


    /* ************************************* */

  /* Header box                            */

  /* ************************************* */

  #header-box{
    padding: 0 0 0 5px;
  }

  #header-box a.social{
    margin: 4px 0px 0 0;
  }

  #search{
    padding: 4px 0 0 0;
    right: 5px;
    width: 140px;
  }



}



/* EOF Small PHONE Landscape ************************************************************************* */







/* ************************************* */

/*                                       */

/* <= PHONE Portrait                     */

/*                                       */

/* ************************************* */



@media (max-width: 320px){



  /* ************************************* */

  /* Footer                                */

  /* ************************************* */



}



/* EOF PHONE Portrait ************************************************************************* */