/*
* CSS Definitionen für Mediaqueries: 
* Optionale Ergänzung zur normalen mediaqueries-CSS: 
*  Es werden alle Bestandteile sichtbar gemacht und
* nicht unsichtbar.
* 
* @Theme Name: Piratenkleider
* @Theme URI: https://github.com/xwolfde/Piratenkleider
* @Description: Allgemeines Wordpress Theme für Webauftritte der Piratenpartei
* @Author: Wolfgang Wiese (xwolf)
* @Author URI: http://www.xwolf.de 
*/


@media only screen and (max-width: 767px) {
   .sticker {
        display: block;
        width: 150px;    
        height: auto;
        padding: 0;       
        position: absolute;
        top: 0px;
        left: inherit;
        right: 200px;
        font-size: 0.8em;
    }    
    .sticker ul li {
        font-size: 24px;
        margin: 1px;
    }
}

@media only screen and (max-width: 600px) {
    .sticker {
       display: block;
        width: 75%;
        height: auto;
        padding: 0;       
        position: relative;
        top: 0;
        left: 0;
        right: inherit;
        margin: 0 auto;
    }      
    .teaser {
       display: block;
        height: auto;
        padding: 0;
        width: 100%;
    }
     .teaserlinks ul li a:hover,
     .teaserlinks ul li a:focus{      
      padding-left: 10px;     
      background: rgba(0,0,0,0.2);
  }
   
 .post-comments ol li .reply {
     display: block;
 }  
}