/*------------------------------------*\
:    Variables
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Type
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Flexbox
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Media Queries
\*------------------------------------*/
/*------------------------------------*\
:    Buttons
\*------------------------------------*/
/* line 15, ../../../scss/dev/blog/01-buttons.scss */
button.main-menu-toggle {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  padding: 0;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 15, ../../../scss/dev/blog/01-buttons.scss */
  button.main-menu-toggle {
    display: block;
  }
}
/* line 27, ../../../scss/dev/blog/01-buttons.scss */
button.main-menu-toggle.is-active span.line {
  -webkit-transition: top 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  -webkit-transition-delay: 0s, 0.15s;
  transition: top 0.15s ease-in-out, transform 0.15s ease-in-out 0.15s;
}
/* line 29, ../../../scss/dev/blog/01-buttons.scss */
button.main-menu-toggle.is-active span.line.line--1 {
  top: 23px;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 33, ../../../scss/dev/blog/01-buttons.scss */
button.main-menu-toggle.is-active span.line.line--2 {
  top: 23px;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
/* line 38, ../../../scss/dev/blog/01-buttons.scss */
button.main-menu-toggle.is-active span.line.line--3 {
  top: 23px;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 46, ../../../scss/dev/blog/01-buttons.scss */
span.line {
  width: 25px;
  height: 3px;
  background: #000000;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: top 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  -webkit-transition-delay: 0.15s, 0s;
  transition: top 0.15s ease-in-out 0.15s, transform 0.15s ease-in-out;
}
/* line 55, ../../../scss/dev/blog/01-buttons.scss */
body.page-template-page_mensen span.line, body.single-mensen span.line {
  background: #ffffff;
}
/* line 60, ../../../scss/dev/blog/01-buttons.scss */
span.line.line--1 {
  top: 14px;
}
/* line 63, ../../../scss/dev/blog/01-buttons.scss */
span.line.line--2 {
  top: 23px;
  -moz-transition: opacity 0.15s ease-in-out 0.15s;
  -o-transition: opacity 0.15s ease-in-out 0.15s;
  -webkit-transition: opacity 0.15s ease-in-out;
  -webkit-transition-delay: 0.15s;
  transition: opacity 0.15s ease-in-out 0.15s;
}
/* line 67, ../../../scss/dev/blog/01-buttons.scss */
span.line.line--3 {
  top: 32px;
}

/* line 72, ../../../scss/dev/blog/01-buttons.scss */
.sharebar__item {
  padding: 2px 0;
}

/* line 76, ../../../scss/dev/blog/01-buttons.scss */
.button--send-message {
  background: #d10303;
  padding: 10px 20px;
  border-radius: 20px;
  width: 100%;
  color: #ffffff;
  font-size: 20px;
  font-size: 2rem;
  font-family: "museoslab";
  text-transform: lowercase;
  margin: 20px 0 20px;
}
/* line 86, ../../../scss/dev/blog/01-buttons.scss */
.button--send-message:hover {
  color: #000000;
}

/* line 91, ../../../scss/dev/blog/01-buttons.scss */
.button--filled {
  background: #d10303;
  color: #ffffff !important;
  font-family: "museoslab";
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 10px 20px 8px;
  font-size: 20px;
  font-size: 2rem;
}
@media (min-width: 0px) and (max-width: 500px) {
  /* line 91, ../../../scss/dev/blog/01-buttons.scss */
  .button--filled {
    padding: 10px 15px;
  }
}
/* line 103, ../../../scss/dev/blog/01-buttons.scss */
.button--filled:hover {
  color: #ffffff;
  background: #000000;
  text-decoration: none;
}
/* line 107, ../../../scss/dev/blog/01-buttons.scss */
.button--filled:hover a {
  text-decoration: none;
}
/* line 111, ../../../scss/dev/blog/01-buttons.scss */
.button--filled a {
  color: #ffffff;
}

/* line 116, ../../../scss/dev/blog/01-buttons.scss */
.button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  width: 100%;
}
/* line 115, ../../../scss/dev/blog/_mixins.scss */
body.ie9 .button-wrapper {
  *zoom: 1;
}
/* line 38, ../../../../../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
body.ie9 .button-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

/* line 123, ../../../scss/dev/blog/01-buttons.scss */
.paging_button {
  width: 209px;
  text-align: center;
  margin: auto;
  display: block;
  padding: 0;
}
/* line 129, ../../../scss/dev/blog/01-buttons.scss */
.paging_button a {
  padding: 10px 20px 8px;
  display: block;
}