/*
Theme Name: Lidia Streifling
Theme URI: http://wordpress.lernenhoch2.de
Description: Template zum Wordpress Tutorial auf http://wordpress.lernenhoch2.de
Author: Christian Strang
Author URI: http://lernenhoch2.de
*/
body {
  color: #333;
  /*background-color: #e3e4ef !important;*/
}

#wrapper {
  width: 100%;
  margin: 0px auto 0px auto;
  text-align: left;
  background: #fff;
  height: 100%;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  align-content: space-between;
  align-items: space-between;
  justify-content: space-between;
  /*background-color: #e3e4ef;*/
}
#header {
  height: 160px;
}
#main {
  border: 0px solid;
  /*width: 100%;*/
  padding: 0px 12% 20px 12%;
  float: left;
  background-color: white;
}
#sidebar {
  width: 30%;
  padding: 0px;
  float: left;
  margin-left: 20px;
  /*background-color: #E25338;*/
}
#footer {
  clear: both;
  height: auto;
  padding: 40px 0px 40px 0px;
  /*margin-top: 20px;*/
  background-color: #c31c34;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
/*@media screen and (max-width: 1024px) {*/
@media screen and (max-width: 1138px) {
  
  #wrapper {
    width: 100%;
  }
  #main {
   /* width: 100%;
    padding: 0px 40px 0px 20px;*/
  }
  #sidebar {
    width: 100%;
    margin-left: 0px;
  }
  #footer {
    display: flex;
    flex-direction: column;
    background-color: #c31c34;
  }
}
/*@media screen and (max-width: 1300px) {*/
 @media screen and (max-width: 1320px) {  
  #footer {
    display: flex;
    flex-direction: column;
  }
}
.post-navigation .nav-links {
  display: flex;
}

.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
  width: 50%;
}

.post-navigation .nav-links .nav-next {
  text-align: right;
}

.post-navigation .nav-links .nav-subtitle {
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #888;
}

.post-navigation .nav-links .nav-previous .nav-subtitle:before {
  content: "\00AB"; /* Left Arrow */
}

.post-navigation .nav-links .nav-next .nav-subtitle:after {
  content: "\00BB"; /* Right Arrow */
}