/*
  Theme Name: goAstro v0.0.4
*/
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=latin-ext&display=swap");
@import url("https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&subset=latin-ext&display=swap");
.header-main {
  background-color: rgba(101, 78, 163, 0.1); }
  .header-main__signature {
    flex: 1;
    padding: 1rem 1rem 0 1rem; }
    @media (min-width: 1000px) {
      .header-main__signature {
        padding: 2rem 0; } }
  @media (min-width: 600px) {
    .header-main__cont {
      padding: 1rem 0; } }
  @media (min-width: 1000px) {
    .header-main__cont {
      display: flex;
      padding: 0 10vw; } }
  .header-main__cont .menu-header {
    flex: 2;
    display: none; }
    @media (min-width: 1000px) {
      .header-main__cont .menu-header {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        .header-main__cont .menu-header .menu-item {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 1rem;
          line-height: 1rem;
          color: white;
          text-align: center;
          margin: 0 1px 1px 0;
          padding: 1rem;
          background-color: rgba(22, 22, 29, 0.8); }
          .header-main__cont .menu-header .menu-item:hover {
            color: white;
            background-color: rgba(101, 78, 163, 0.6); } }
  .header-main__mark {
    display: flex;
    max-height: 5rem;
    margin-bottom: 1rem; }
    @media (min-width: 600px) {
      .header-main__mark {
        margin-bottom: 0; } }
  .header-main__description {
    display: none;
    font-size: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
    padding: .75rem; }
    @media (min-width: 600px) {
      .header-main__description {
        display: inherit; } }
    @media (min-width: 1000px) {
      .header-main__description {
        padding: 0;
        padding-top: 1rem; } }
    .header-main__description--in-bar {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1rem;
      line-height: 1rem;
      color: white;
      margin-right: 1px;
      background-color: rgba(22, 22, 29, 0.8); }

#goastro-mark {
  fill: #654EA3; }
  #goastro-mark #go {
    fill-opacity: .75; }
  #goastro-mark #stars {
    fill-opacity: .25; }

.nav-top {
  font-size: .8rem;
  line-height: .8rem;
  text-align: center; }
  @media (min-width: 400px) {
    .nav-top {
      font-size: 1rem;
      line-height: 1rem; } }
  @media (min-width: 900px) {
    .nav-top {
      padding: 0 2rem; } }
  .nav-top .menu {
    display: flex;
    margin: 1px 0 0 1px; }
    .nav-top .menu li {
      flex: 1;
      display: flex;
      margin: 0 1px 1px 0; }
    .nav-top .menu a {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #16161d;
      padding: 1rem;
      background-color: rgba(255, 255, 255, 0.8); }
      .nav-top .menu a:hover {
        color: white;
        background-color: rgba(101, 78, 163, 0.6); }

.nav-header {
  flex: 1; }

.nav-main {
  flex: 1; }

@media (min-width: 1000px) {
  .menus-cont {
    padding: 0 10vw; } }

.menus-cont__bar {
  display: flex; }
  @media (min-width: 600px) {
    .menus-cont__bar {
      display: none; } }

.menus-cont .menus-button {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 3rem;
  height: 3rem;
  padding: .8rem;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer; }
  .menus-cont .menus-button__line {
    width: 100%;
    height: 2px;
    background-color: #16161d;
    border-radius: 1px; }

.menus-cont .menus {
  display: none;
  flex-wrap: wrap; }
  @media (min-width: 600px) {
    .menus-cont .menus {
      display: inherit; } }
  @media (min-width: 1000px) {
    .menus-cont .menus {
      display: flex; } }
  .menus-cont .menus--is-visible {
    display: flex; }
  .menus-cont .menus .menu-header {
    flex: 1;
    display: flex;
    flex-wrap: wrap; }
    @media (min-width: 900px) {
      .menus-cont .menus .menu-header {
        padding: 0 2rem; } }
  .menus-cont .menus .menu-main {
    flex: 1;
    display: flex;
    flex-wrap: wrap; }
    @media (min-width: 900px) {
      .menus-cont .menus .menu-main {
        padding: 0 2rem; } }
  .menus-cont .menus .menu-header .menu-item {
    color: white;
    padding: 1rem;
    background-color: rgba(22, 22, 29, 0.8); }
    .menus-cont .menus .menu-header .menu-item:hover {
      background-color: rgba(101, 78, 163, 0.6); }

.menus-cont .menu-item {
  flex: 1;
  min-width: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1rem;
  text-align: center;
  padding: 1rem;
  margin: 0 1px 1px 0;
  background-color: rgba(255, 255, 255, 0.8); }
  .menus-cont .menu-item:hover {
    color: white;
    background-color: rgba(101, 78, 163, 0.6); }
  @media (min-width: 500px) {
    .menus-cont .menu-item {
      min-width: 30%; } }
  @media (min-width: 600px) {
    .menus-cont .menu-item {
      min-width: auto; } }

.banner-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1.5rem 2rem; }
  @media (min-width: 700px) {
    .banner-top {
      width: 100%; } }
  .banner-top .thumbnail {
    width: 25%;
    margin-bottom: 1rem; }
    @media (min-width: 470px) {
      .banner-top .thumbnail {
        width: 16%; } }
    @media (min-width: 800px) {
      .banner-top .thumbnail {
        width: 8%; } }
    .banner-top .thumbnail .sign__icon {
      width: 3rem; }
    .banner-top .thumbnail .sign__name {
      display: flex;
      justify-content: center;
      font-size: .8rem;
      line-height: .8rem;
      text-transform: initial; }
    .banner-top .thumbnail .sign__period, .banner-top .thumbnail .sign__comp {
      display: none; }
  .banner-top__dashboard-cont {
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0 2rem 5rem; }
    .banner-top__dashboard-cont h1,
    .banner-top__dashboard-cont h2 {
      padding-bottom: .5rem; }

.front-page {
  margin-top: 2rem; }

main.single {
  padding-top: 2rem; }

.post-single {
  margin-bottom: 2rem; }
  .post-single .thumbnail {
    position: relative;
    height: 20rem; }
    @media (min-width: 700px) {
      .post-single .thumbnail {
        margin-right: 2rem; } }
    .post-single .thumbnail__img {
      height: 100%;
      object-fit: cover; }
  .post-single__title {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #16161d;
    padding: 1rem 2rem;
    background-color: rgba(255, 255, 255, 0.8); }
  .post-single__txt {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 2rem; }
  .post-single .edit-this {
    position: absolute;
    top: 0;
    left: 2rem; }
    .post-single .edit-this a {
      display: inline-block;
      font-size: 1rem;
      line-height: 1rem;
      text-transform: uppercase;
      color: white;
      border-bottom-left-radius: .5rem;
      border-bottom-right-radius: .5rem;
      padding: 1rem;
      background-color: rgba(101, 78, 163, 0.8); }

main.horoskop .horoskop-preview {
  width: 100%;
  padding: 2rem;
  margin-bottom: 2rem;
  background-color: rgba(101, 78, 163, 0.1); }
  @media screen and (min-width: 500px) {
    main.horoskop .horoskop-preview {
      width: 47.5%; } }
  @media screen and (min-width: 1200px) {
    main.horoskop .horoskop-preview {
      width: 23%; } }
  main.horoskop .horoskop-preview .calendar-icon {
    padding-top: 2.5vw;
    min-height: 8rem; }
    main.horoskop .horoskop-preview .calendar-icon__img {
      width: 5rem;
      margin: 0 auto; }
  main.horoskop .horoskop-preview__description {
    text-align: center;
    padding: 0 2rem; }
    @media screen and (min-width: 500px) {
      main.horoskop .horoskop-preview__description {
        padding: 1rem 1rem 2rem; } }

.horoskop-preview {
  width: 30%; }
  .horoskop-preview h3 {
    font-size: 2rem;
    line-height: 2rem;
    text-align: center;
    text-transform: uppercase; }
    @media screen and (min-width: 500px) {
      .horoskop-preview h3 span {
        display: block; } }
  .horoskop-preview__description {
    font-size: 1.5rem;
    padding: 0 2vw; }
  .horoskop-preview .calendar-icon {
    position: relative; }
    .horoskop-preview .calendar-icon__txt {
      position: absolute;
      top: 55%;
      left: 50%;
      font-weight: 700;
      font-size: 2rem;
      text-align: center;
      text-transform: uppercase;
      color: #4A4A4A;
      transform: translate(-50%, -50%); }
  .horoskop-preview svg #calendar-icon {
    fill: #979797; }

.sign {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 45%;
  margin-bottom: 5vw; }
  .sign__period {
    line-height: 1rem;
    color: #979797;
    padding: 2.5vw;
    border-bottom: 1px solid #979797; }
  .sign__name {
    font-size: 1rem;
    line-height: 1rem;
    text-transform: uppercase;
    color: #654EA3;
    padding: 2.5vw 0 0; }
  .sign__comp {
    font-size: 1rem;
    line-height: 1rem;
    color: #4A4A4A; }
  .sign__icon {
    width: 3rem;
    margin: 0 auto; }
  @media screen and (min-width: 420px) {
    .sign {
      width: 30%; } }
  @media screen and (min-width: 500px) {
    .sign__period {
      padding: 2vw; }
    .sign__name {
      padding: 2vw 0 0; } }
  @media screen and (min-width: 600px) {
    .sign {
      width: 24%; } }
  @media screen and (min-width: 700px) {
    .sign {
      width: 30%;
      margin-bottom: 2.5vw; }
      .sign__period {
        padding: 1vw; }
      .sign__name {
        padding: 1vw 0 0; } }
  @media screen and (min-width: 800px) {
    .sign__period {
      padding: 1rem; }
    .sign__name {
      padding: 1rem 0 0; } }
  @media screen and (min-width: 1000px) {
    .sign {
      width: 21%; } }
  @media screen and (min-width: 1300px) {
    .sign {
      width: 15%; } }

.detail__title {
  display: block;
  width: 100%;
  font-weight: 300;
  padding-bottom: .5rem;
  border-bottom: 1px solid #979797; }
  .detail__title--sign {
    color: #654EA3; }
  .detail__title--range {
    font-weight: 300; }
  .detail__title--hyphen {
    display: none; }

.detail .current-day {
  padding: 1rem;
  text-align: center;
  border-bottom: 1px solid #979797; }

.detail .calendar {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.5rem;
  margin: 0 -0.5rem; }
  .detail .calendar .cell {
    flex: 1;
    border-radius: .25rem;
    text-align: center;
    color: white;
    padding: 1rem;
    margin: .125rem;
    background-color: rgba(101, 78, 163, 0.8);
    transition: all 0.1s; }
    .detail .calendar .cell:hover {
      background-color: rgba(101, 78, 163, 0.8);
      color: white; }

@media (min-width: 1000px) {
  .links-extra-cont {
    display: flex; } }

.links-extra {
  margin-top: 1.5rem;
  width: auto; }
  @media (min-width: 1000px) {
    .links-extra {
      flex: 1;
      margin-right: 1.5rem; }
      .links-extra:last-of-type {
        margin-right: 0;
        margin-left: 1.5rem; } }
  .links-extra a {
    display: block;
    text-align: center;
    padding: 1rem; }
    .links-extra a:not(:last-of-type) {
      border-bottom: 1px solid #979797; }

.article {
  padding-top: 1.5rem; }
  .article__title {
    padding-bottom: 1rem; }
  .article__txt a {
    color: #654EA3; }

main.tageshoroskop,
main.monatshoroskop,
main.wochenhoroskop {
  padding: 2rem; }
  main.tageshoroskop h2,
  main.monatshoroskop h2,
  main.wochenhoroskop h2 {
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #979797; }
  main.tageshoroskop .content,
  main.monatshoroskop .content,
  main.wochenhoroskop .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }

main.mondkalender {
  padding: 2rem; }
  main.mondkalender h2 {
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #979797; }
  main.mondkalender .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  main.mondkalender .mondkalender__date {
    font-size: 1rem;
    line-height: 1rem;
    border-bottom: 1px solid #979797;
    padding: 1rem; }
    @media screen and (min-width: 700px) {
      main.mondkalender .mondkalender__date {
        text-align: left; } }
  main.mondkalender .mondkalender__phase {
    text-align: center;
    padding: .25rem;
    background-color: rgba(101, 78, 163, 0.1); }
    @media screen and (min-width: 700px) {
      main.mondkalender .mondkalender__phase {
        text-align: left;
        padding-bottom: .125rem; } }
  main.mondkalender .mondkalender__keywords {
    padding: .25rem;
    border-bottom: 1px solid #979797; }
    @media screen and (min-width: 700px) {
      main.mondkalender .mondkalender__keywords {
        text-align: left;
        padding-bottom: .125rem; } }
  main.mondkalender h3.subtitle {
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #979797; }
  main.mondkalender .tip {
    padding-top: .5rem; }
    @media screen and (min-width: 700px) {
      main.mondkalender .tip {
        display: flex;
        align-items: center; } }
    main.mondkalender .tip__name {
      font-weight: 400;
      min-width: 6rem;
      padding: .125rem 0; }
      @media (min-width: 700px) {
        main.mondkalender .tip__name {
          text-align: right; } }
    main.mondkalender .tip__text {
      display: flex;
      align-items: center; }
      @media screen and (min-width: 700px) {
        main.mondkalender .tip__text {
          flex: 1;
          width: 0;
          border-left: 1px solid #979797;
          padding-left: .25rem;
          margin-left: .25rem; } }
  main.mondkalender .mondpausen {
    padding-top: 2rem; }
    main.mondkalender .mondpausen__start, main.mondkalender .mondpausen__end, main.mondkalender .mondpausen__moon {
      display: flex;
      align-items: center; }

main.tarot-pro-contra,
main.tageskarte {
  padding: 2rem; }
  main.tarot-pro-contra h2,
  main.tageskarte h2 {
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #979797; }
  main.tarot-pro-contra .content,
  main.tageskarte .content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (min-width: 500px) {
      main.tarot-pro-contra .content,
      main.tageskarte .content {
        flex-direction: row; } }
    @media (min-width: 700px) {
      main.tarot-pro-contra .content,
      main.tageskarte .content {
        flex-direction: column; } }
    @media (min-width: 900px) {
      main.tarot-pro-contra .content,
      main.tageskarte .content {
        flex-direction: row; } }
  main.tarot-pro-contra .instructions,
  main.tageskarte .instructions {
    padding: 1rem;
    margin: 0 0 3rem 0;
    background-color: rgba(101, 78, 163, 0.1); }
  main.tarot-pro-contra .stack-cont,
  main.tageskarte .stack-cont {
    display: flex;
    flex-wrap: wrap; }
  main.tarot-pro-contra .cont,
  main.tageskarte .cont {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: -0.125rem; }
  main.tarot-pro-contra .tarot__cell,
  main.tageskarte .tarot__cell {
    display: block;
    border-radius: .125rem;
    overflow: hidden;
    width: 4rem;
    height: 6rem;
    margin: -1rem;
    background-image: url("images/card-back.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.25s; }

#tarot-pro-contra-result {
  width: 100%; }
  #tarot-pro-contra-result h3 {
    font-weight: 300;
    font-size: 2rem;
    line-height: 2rem;
    text-transform: uppercase;
    text-align: center;
    min-height: 6.66667vw;
    padding: 5vw;
    border-bottom: 1px solid #979797; }
    @media screen and (min-width: 500px) {
      #tarot-pro-contra-result h3 {
        padding: 3.33333vw; } }
    @media screen and (min-width: 500px) {
      #tarot-pro-contra-result h3 {
        padding: 2.5vw; } }
  #tarot-pro-contra-result .result {
    flex: 1; }
    #tarot-pro-contra-result .result h3 {
      border-radius: 1rem 1rem 0 0; }
    #tarot-pro-contra-result .result.possible {
      margin-bottom: 10vw; }
      @media screen and (min-width: 700px) {
        #tarot-pro-contra-result .result.possible {
          margin-bottom: 5vw; } }
      #tarot-pro-contra-result .result.possible h3 {
        background-color: rgba(169, 211, 52, 0.2); }
    #tarot-pro-contra-result .result.not-possible h3 {
      background-color: rgba(101, 78, 163, 0.2); }
    #tarot-pro-contra-result .result .cont {
      margin: 0; }
      #tarot-pro-contra-result .result .cont h4 {
        font-size: 2rem;
        line-height: 2rem;
        padding: 5vw 0;
        border-bottom: 1px solid #979797; }
        @media screen and (min-width: 500px) {
          #tarot-pro-contra-result .result .cont h4 {
            padding: 2.5vw 0; } }
        @media screen and (min-width: 700px) {
          #tarot-pro-contra-result .result .cont h4 {
            padding: 1.66667vw 0; } }
      #tarot-pro-contra-result .result .cont .txt {
        flex: 1;
        font-size: 1.5rem;
        line-height: 2rem; }
        @media screen and (min-width: 1000px) {
          #tarot-pro-contra-result .result .cont .txt {
            font-size: 2rem;
            line-height: 2.5rem; } }
        #tarot-pro-contra-result .result .cont .txt ul {
          padding-top: 1rem; }
      #tarot-pro-contra-result .result .cont .img-cont {
        width: 7rem;
        min-height: 1rem;
        margin-right: 1rem;
        margin-top: 1rem; }
        @media (min-width: 400px) {
          #tarot-pro-contra-result .result .cont .img-cont {
            width: 8rem; } }
        @media (min-width: 600px) {
          #tarot-pro-contra-result .result .cont .img-cont {
            width: 15rem; } }
        @media (min-width: 700px) {
          #tarot-pro-contra-result .result .cont .img-cont {
            width: 8rem; } }
        @media (min-width: 900px) {
          #tarot-pro-contra-result .result .cont .img-cont {
            width: 15rem; } }

section.search #searchform > div {
  display: flex; }

section.search #searchinput {
  font-size: 1rem;
  line-height: 1rem;
  width: 70%;
  padding: 1rem;
  border: none;
  background-color: rgba(151, 151, 151, 0.1); }

section.search #searchsubmit {
  font-weight: 100;
  font-size: 1rem;
  line-height: 1rem;
  text-transform: uppercase;
  color: white;
  width: 30%;
  padding: 1 .5rem;
  border: none;
  background-color: #A9D334;
  cursor: pointer; }

main.search-result {
  padding: 2.5rem 10vw; }
  main.search-result .content {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 5rem;
    padding: 1rem;
    background-color: rgba(151, 151, 151, 0.1); }
    main.search-result .content h3 {
      padding-bottom: .5rem; }
  @media screen and (min-width: 700px) {
    main.search-result {
      padding: 5rem 5rem 2.5rem 10vw; } }
  @media screen and (min-width: 800px) {
    main.search-result {
      padding: 5rem 0 2.5rem 10vw; } }
  main.search-result .edit-this a {
    display: block;
    text-align: center;
    color: white;
    padding: 1rem;
    margin-top: 1px;
    background-color: rgba(101, 78, 163, 0.9); }

.dreams {
  padding: 2rem; }
  .dreams__menu {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1px .9rem 0; }
    .dreams__menu a {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      min-width: 3rem;
      padding: 1rem;
      margin: 0 1px 1px 0;
      background-color: rgba(101, 78, 163, 0.8); }
    .dreams__menu li {
      flex: 1; }
  .dreams h2 {
    border-bottom: 1px solid #979797;
    padding-bottom: .5rem;
    margin-bottom: 1rem; }
  .dreams article {
    padding: 1rem;
    margin-top: 2rem;
    background-color: rgba(151, 151, 151, 0.1); }
    .dreams article h3 {
      padding-bottom: .5rem; }
    .dreams article .edit-this {
      margin-top: 1rem; }
  .dreams .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }

.china-result {
  margin-top: 2.5rem; }
  .china-result__date--color {
    color: #654EA3; }
  @media (min-width: 500px) {
    .china-result__top-row {
      display: flex;
      margin-top: 1.5rem;
      border-top: 1px solid #16161d;
      border-bottom: 1px solid #16161d; } }
  .china-result__sign {
    display: flex;
    align-items: center;
    min-width: 3rem;
    max-width: 4rem;
    margin: .5rem auto; }
    @media (min-width: 500px) {
      .china-result__sign {
        margin: 1rem 1rem 1rem 0; } }
  .china-result__pre-result {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: .5rem 0;
    margin: .5rem 0;
    border-top: 1px solid #16161d;
    border-bottom: 1px solid #16161d; }
    @media (min-width: 500px) {
      .china-result__pre-result {
        border: none; } }
    .china-result__pre-result--color {
      display: block;
      font-weight: 400;
      color: #654EA3; }
      @media (min-width: 500px) {
        .china-result__pre-result--color {
          display: inline; } }
    @media (min-width: 500px) {
      .china-result__pre-result {
        flex: 1; } }
  .china-result__item {
    margin-top: 1.5rem; }

.tageskarte .content,
.tageskarte-result .content {
  display: flex;
  flex-direction: column; }
  @media (min-width: 500px) {
    .tageskarte .content,
    .tageskarte-result .content {
      flex-direction: row; } }
  @media (min-width: 700px) {
    .tageskarte .content,
    .tageskarte-result .content {
      flex-direction: column; } }
  @media (min-width: 900px) {
    .tageskarte .content,
    .tageskarte-result .content {
      flex-direction: row; } }

.tageskarte__img,
.tageskarte-result__img {
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (min-width: 500px) {
    .tageskarte__img,
    .tageskarte-result__img {
      align-items: flex-start; } }
  @media (min-width: 700px) {
    .tageskarte__img,
    .tageskarte-result__img {
      align-items: center; } }
  @media (min-width: 900px) {
    .tageskarte__img,
    .tageskarte-result__img {
      align-items: flex-start; } }
  .tageskarte__img img,
  .tageskarte-result__img img {
    width: auto; }

@media (min-width: 500px) {
  .tageskarte__cont,
  .tageskarte-result__cont {
    flex: 1;
    width: 0; } }

.tageskarte .subheadline,
.tageskarte-result .subheadline {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #16161d;
  margin-bottom: .5rem; }

.sternzeichen {
  padding: 2rem; }
  .sternzeichen__title {
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #979797; }
  .sternzeichen__content {
    padding-top: 2rem; }
  .sternzeichen .edit-this {
    margin-top: 1rem; }

.sternzeichen-sign {
  padding: 2.5rem 10vw; }
  .sternzeichen-sign__title {
    font-weight: 300;
    padding-bottom: .5rem;
    margin-right: 0;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #979797; }

.children-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }

.children-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  margin-bottom: 1rem; }
  @media (min-width: 470px) {
    .children-link {
      width: 16%; } }
  @media (min-width: 700px) {
    .children-link {
      width: 25%; } }
  @media (min-width: 800px) {
    .children-link {
      width: 16%; } }
  .children-link__icon {
    width: 3rem; }
  .children-link__title {
    display: flex;
    justify-content: center;
    font-size: .8rem;
    line-height: .8rem;
    text-transform: initial; }

.sign {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 45%;
  margin-bottom: 1rem; }
  .sign__period {
    font-size: .8rem;
    line-height: .8rem;
    padding: .25rem;
    border-bottom: 1px solid #979797; }
  .sign__name {
    font-size: 1rem;
    line-height: 1rem;
    text-transform: uppercase;
    color: #654EA3;
    padding: 1rem 0 0; }
  .sign__comp {
    font-size: .8rem;
    line-height: .8rem; }
  .sign__icon {
    width: 60%;
    margin: 0 auto; }
  @media screen and (min-width: 420px) {
    .sign {
      width: 30%; } }
  @media screen and (min-width: 700px) {
    .sign__period {
      padding: .125rem; }
    .sign__name {
      padding: .125rem 0 0; } }
  @media screen and (min-width: 1000px) {
    .sign {
      width: 21%; } }
  @media screen and (min-width: 1300px) {
    .sign {
      width: 15%; } }

.years-cont {
  display: flex;
  flex-wrap: wrap; }

.month-cont {
  margin-top: 2rem; }
  .month-cont h4 {
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #16161d; }

.month {
  display: flex;
  flex-wrap: wrap; }

.phases {
  display: flex;
  flex-wrap: wrap; }
  .phases .cell {
    min-width: 5rem; }

.cell {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  min-width: 3rem;
  padding: 1rem .5rem;
  margin: 1px;
  background-color: rgba(101, 78, 163, 0.6);
  border-radius: 2px; }

.horoscope {
  margin: 2rem; }
  .horoscope__date {
    color: #654EA3; }
  .horoscope__title {
    text-align: left;
    width: 100%;
    margin-top: 1.5rem; }
    .horoscope__title--detail {
      font-weight: 400; }
    .horoscope__title--color {
      color: #654EA3; }
  .horoscope--detail {
    margin: 0; }

.horizontal-divider {
  margin: 1rem 0;
  border-bottom: 1px solid #16161d; }

.title {
  display: block;
  margin: 0; }
  .title--avant {
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(22, 22, 29, 0.1); }
  .title--section {
    padding: .5rem 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(22, 22, 29, 0.1); }

.content--horoscope-partner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  .content--horoscope-partner p {
    margin: 0; }
  .content--horoscope-partner h1,
  .content--horoscope-partner h2,
  .content--horoscope-partner h3,
  .content--horoscope-partner h4,
  .content--horoscope-partner h5,
  .content--horoscope-partner h5 {
    width: 100%;
    padding-bottom: .5rem; }

.number-result__sign {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 4rem;
  line-height: 4rem;
  color: #654EA3;
  padding: 1rem 1.5rem;
  background-color: rgba(101, 78, 163, 0.1);
  border-radius: .5rem; }
  @media (min-width: 500px) {
    .number-result__sign {
      margin-top: 1rem;
      margin-bottom: 1rem; } }

* {
  box-sizing: border-box; }

html {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  color: #4A4A4A; }

body {
  margin: 0; }

h1,
h2,
h3,
h4,
h5 {
  font-weight: 600;
  color: rgba(22, 22, 29, 0.85);
  padding: 0;
  margin: 0;
  padding-bottom: .5rem; }

h1 {
  font-size: 2.5rem;
  line-height: 2.5rem; }

p + h1 {
  padding-top: 2rem;
  padding-bottom: .5rem; }

h2 {
  font-size: 2rem;
  line-height: 2rem; }

p + h2 {
  padding-top: 2rem;
  padding-bottom: .5rem; }

h3 {
  font-size: 1.75rem;
  line-height: 1.75rem; }

p + h3 {
  padding-top: 2rem;
  padding-bottom: .5rem; }

h4 {
  font-size: 1.5rem;
  line-height: 1.5rem; }

p + h4 {
  padding-top: 2rem;
  padding-bottom: .5rem; }

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

a {
  text-decoration: none;
  color: #654EA3; }

img {
  display: block;
  width: 100%; }

svg {
  width: 100%; }

p {
  font-size: 1rem;
  line-height: 1.4rem;
  padding: 0;
  margin: 0; }
  p:not(:last-of-type) {
    padding-bottom: .5rem; }

@media (min-width: 700px) {
  #wrapper {
    display: flex;
    flex-wrap: wrap; } }

@media (min-width: 1000px) {
  #wrapper {
    width: 1000px;
    margin: 0 auto; } }

main {
  flex: 1; }

.content {
  font-size: 1rem;
  line-height: 1.5rem; }

.edit-button {
  display: inline-block; }
  .edit-button a {
    display: inline-block;
    color: white;
    text-transform: uppercase;
    padding: 1rem;
    border-radius: .25rem;
    overflow: hidden;
    background-color: rgba(101, 78, 163, 0.8); }

.footer {
  padding: 4rem 10vw;
  background-color: rgba(101, 78, 163, 0.2); }

@media (min-width: 700px) {
  .widgets {
    display: flex; } }

.widgets .msg {
  font-size: 1rem;
  line-height: 1rem;
  text-align: center;
  color: red;
  padding: 2rem;
  border: 1px solid white; }
  @media (min-width: 700px) {
    .widgets .msg {
      flex: 45%;
      width: 0;
      margin-left: 5%; } }

@media (min-width: 700px) {
  .widgets .widget {
    flex: 45%;
    width: 0; }
    .widgets .widget:first-of-type {
      margin-right: 5%; }
    .widgets .widget:last-of-type {
      margin-left: 5%; } }

.widgets .widget__title {
  display: none; }

.widgets .widget > ul > li:not(:last-of-type) {
  border-bottom: 1px solid white; }

.widgets .widget > ul > li a {
  display: block;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1rem;
  text-align: center;
  padding: 1rem; }
  .widgets .widget > ul > li a:hover {
    font-weight: 500;
    color: white; }

.widgets .widget .page_item:not(:last-of-type) {
  border-bottom: 1px solid white; }

.widgets .widget .page_item a {
  display: block;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1rem;
  text-align: center;
  padding: 1rem; }
  .widgets .widget .page_item a:hover {
    font-weight: 500;
    color: white; }

aside.ads-cont {
  width: 100%;
  min-height: 70vh;
  margin-top: 2rem;
  background-color: rgba(151, 151, 151, 0.2); }
  @media (min-width: 700px) {
    aside.ads-cont {
      width: 300px; } }
  @media (min-width: 900px) {
    aside.ads-cont {
      margin-right: 2rem; } }
  aside.ads-cont .widgets {
    display: block; }
    aside.ads-cont .widgets--aside {
      width: 250px;
      margin: 0 auto; }
  aside.ads-cont .widget {
    width: auto;
    margin-top: 1rem; }
    aside.ads-cont .widget:first-of-type {
      margin-right: 0; }
    aside.ads-cont .widget:last-of-type {
      margin-left: 0; }

.widget-goastro {
  padding: .25rem;
  background-color: rgba(169, 211, 52, 0.5); }
  .widget-goastro:hover {
    background-color: #a9d334; }
  .widget-goastro__kat-mark {
    background-color: white;
    padding: .5rem 1.5rem .5rem 1rem; }
    .widget-goastro__kat-mark svg {
      width: 100%; }
  .widget-goastro__name {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    color: #16161d;
    padding: .5rem;
    background-color: rgba(255, 255, 255, 0.85);
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem; }
    .widget-goastro__name:hover {
      color: #A9D334; }
  .widget-goastro__content {
    position: relative; }
  .widget-goastro__status {
    position: absolute;
    top: 1.5rem;
    left: .5rem;
    width: 1rem;
    height: 1rem;
    border-radius: .5rem;
    animation: statusButtonAnimation 2s infinite; }
  .widget-goastro__img {
    float: left;
    width: 6rem;
    margin: 1rem 1rem .5rem 0; }
  .widget-goastro__txt {
    color: #16161d;
    height: 100%;
    padding: 1rem;
    background-color: white;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem; }
  .widget-goastro__clearfix {
    clear: both; }

.single-post {
  width: 100%; }

.go-title {
  font-weight: 400;
  font-size: 2rem;
  line-height: 2rem; }

.go-content {
  font-size: 1rem;
  line-height: 1.4rem; }

.go-main {
  padding: 2rem; }

.home {
  margin-top: 2rem; }

.wp-audio-shortcode.mejs-audio {
  display: inline-block;
  max-width: 500px; }

.children-link__title span {
  text-transform: none; }

@keyframes waveAnimation {
  0% {
    fill: #54494B; }
  25% {
    fill: #D5CBBC; }
  75% {
    fill: #D5CBBC; }
  100% {
    fill: #54494B; } }

@keyframes statusButtonAnimation {
  0% {
    background-color: rgba(169, 211, 52, 0.75); }
  25% {
    background-color: rgba(169, 211, 52, 0.25); }
  75% {
    background-color: rgba(169, 211, 52, 0.25); }
  100% {
    background-color: rgba(169, 211, 52, 0.75); } }

#kat-mark #Kartenlegen-am-Telef {
  font-family: 'Dosis', sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.3rem;
  fill: #54494B; }

#kat-mark #card__border-1 {
  fill: #54494B; }

#kat-mark #card__border-2 {
  fill: #54494B; }

#kat-mark #card__a-background {
  fill: #D5CBBC; }

#kat-mark #card__b-background {
  fill: #D5CBBC; }

#kat-mark #card__wave-1 {
  fill: #54494B;
  animation: waveAnimation 2s infinite; }

#kat-mark #card__wave-2 {
  fill: #54494B;
  animation: waveAnimation 2s infinite; }

#kat-mark #card__star-fill {
  fill: white; }

#kat-mark #card__star-stroke {
  fill: #B36757; }

#kat-mark #chat-stroke {
  fill: #B36757; }

.google-auto-placed {
  padding: .5rem 0;
  margin-top: .5rem;
  border-top: 1px solid black; }
  .google-auto-placed::before {
    content: 'Anzeige';
    display: block;
    padding-bottom: .5rem; }