/*
Theme Name: Staack Responsive
Description: Individualanpassung für Tiertherapie Janika Staack
Author: Stefan Lipgens
Author URI: https://www.lipgens.de
Template: getwid-base
Version: 1.1
Tags:
*/
/* FONTS */
@font-face {
  font-family: "Supersonic-Rocketship";
  src: url('assets/fonts/Supersonic-Rocketship.woff2') format('woff2');
}
@font-face {
  font-family: "Avenir-Light";
  src: url('assets/fonts/Avenir-Light.woff2') format('woff2');
}
@font-face {
  font-family: "Avenir-Bold";
  src: url('assets/fonts/Avenir-Bold.woff2') format('woff2');
}
@font-face {
  font-family: "Roboto-Black";
  src: url('assets/fonts/Roboto-Black.woff2') format('woff2');
}
html {
  scroll-behavior: smooth;
}
html, body, div, span, applet, object, iframe, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
  font-family: "Avenir-Light", "Arial", sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: initial;
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
}
h1, h2 {
  font-family: "Supersonic-Rocketship", cursive;
  letter-spacing: normal !important;
  text-transform: uppercase;
}
body.page .site-main > .hentry > .entry-header {
  margin-top: 3.5em;
}
body .site-main > .error-404 .page-title {
   font-size: 6.375rem;
}
body .site-main > .error-404 .page-title .subtitle {
  font-size: 1.75rem;
}
body.page .site-main > .hentry > .entry-header .entry-title,
h1 {
  font-size: 2.75em;
  margin: 0;
}
h2 {
  font-size: 2em;
}
h3, h4, h5, h6 {
  font-family: "Roboto-Black", sans-serif;
  letter-spacing: normal !important;
}
h3 {
  font-size: 1.5em;
}
ul li, ol li {
  margin-top: 0.2em;
}
strong, b,
strong em {
  font-family: "Avenir-Bold", sans-serif;
}
p {
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
}
/* CUSTOM COLORS */
.background {
  backgorund-color: #fcf9f7;
}
.text-color,
.primary-menu-color{
  color:#3b3b3b;
}
.primary-color{
  color: #5ea296;
}
.headings-color,
.secondary-color{
  color: #2d4240;
}
.additional-color{
  color: #f8c0ba;
}
.f{
  color: #5ea296;
  color: #95a8a5;
  color: #57706c;
  color: #2d4240;
  color: #f8c0ba;
  color: #fdebe7;
  color: #fcf9f7;
}
.verlauf-peach {
  background: linear-gradient(180deg,rgb(253,235,231) 1%,rgb(183,140,137) 100%);
}
.site-footer,
.sub-verlauf-gruen .wp-block-getwid-content-timeline-item__card-wrapper,
.verlauf-gruen {
  background-image:linear-gradient(180deg,#5EA296 0%,#38615C 100%) !important;
}
.sub-verlauf-gruen .wp-block-getwid-content-timeline-item__card::after {
  background-color: #4b8179;
}
.wp-block-getwid-content-timeline .wp-block-getwid-content-timeline__line {
  background-color: #fcf9f7 !important;
}
body.home h1.entry-title {
  display:none;
  visibility: hidden;
}
a:focus {
  outline:none;
}
.site-content a {
  color: #5ea296;
  text-decoration: none;
}
.main-navigation .current_page_item > a,
.main-navigation a {
  color: inherit;
}
.main-navigation a_hover {
  color: #5ea296;
}
.site-content a:not(.vp-portfolio__item-meta):hover{
  background-color: #b78c89;
  color: #ffffff;
}
.wp-block-button a {
  text-decoration: none;
}
body.page .site-main > .hentry > .entry-header, body.page .site-main > .hentry > .entry-footer, body.page .site-main > .hentry > .post-thumbnail, body.page .site-main > .hentry > .entry-content > * {
  max-width: 1200px;
}
.site-header {
  position: fixed;
  z-index: 2;
  height: 5em;
  width: 100vw !important;
  max-width: 100vw !important;
  background-color: rgba(255,255,255,0.98);
}
.staack-header{
  position: fixed;
  height: 2em;
  top:0;
  left:0;
  margin-bottom: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  font-size: 0.8em;
  z-index: 3;
  background-color: #fcf9f7;
}
.staack-header .wp-block-getwid-section__inner-content {
  display: flex;
  justify-content: space-evenly;
  width: 50vw;
  margin: 0 auto;
}
.staack-header span{
  font-size: 0.8em;
  line-height: 2em;
  margin-bottom: 0;
}
.contact-button {
  position: fixed;
  top: 2.625em;
  left: 1em;
  z-index: 2;
  margin-bottom: 0 !important;
}
.wp-block-button.lowercase .wp-block-button__link,
.lowercase {
  text-transform: lowercase;
}
.contact-button a.wp-block-button__link {
  padding: 0.75em 1.1em 0.7em 1.1em;
  font-size: 0.65em;
}
.is-layout-fixed {
  position: fixed;
}
.bg-left .wp-block-cover__image-background{
  background-position: 0% 0% !important;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
  background-color: #5ea296;
  border-radius: 10px;
}
.site-content{
  padding-top: 5em;
}
.wp-block-column {
  padding: 1.5em;
}
:where(.wp-block-columns.is-layout-flex){
  gap:0;
}
:where(.wp-block-columns) {
  margin-bottom: 0;
}
.pswp__caption h3{
  font-family: "Avenir-Light", "Arial", sans-serif;
  font-size: 20px;
  line-height: 30px;
}
.site-footer {
  padding: 1em 2em;
  color: #ffffff;
  margin-top: 0;
}
.footer-sidebars-wrapper {
  padding: 0;
  margin: 0;
}
.footer-sidebars-wrapper .footer-sidebars .widget-area {
  padding: 1.25em 0;
  margin-bottom: 0;
}
#menu-footermenue li {
  display: inline-block;
}
#menu-footermenue li:not(:last-of-type)::after {
  content: " | ";
}
.site-footer a,
.footer-sidebars-wrapper .footer-sidebars .widget-area a,
#menu-footermenue a {
  color: #ffffff;
  text-decoration: none;
}
.site-footer a:hover,
.footer-sidebars-wrapper .footer-sidebars .widget-area a:hover,
#menu-footermenue a:hover {
  background-color: #b78c89;
  color: #ffffff;
}
.site-footer a:focus,
.footer-sidebars-wrapper .footer-sidebars .widget-area a:focus,
#menu-footermenue a:focus {
  color: #ffffff;
  text-decoration: none;
}
.wpcf7 {
  display: flex;
  justify-content: center;
}
.wpcf7-spinner {
  background-color: #f8c0ba;
  opacity: 1;
  margin: -7px -30px;
}
.wpcf7-spinner:before {
  background-color: #5ea296;
}
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
  border-bottom: 2px solid #5ea296;
  border-top: transparent;
  border-left: transparent;
  border-right: transparent;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  position: absolute;
  width: 340px;
  margin-top: -70px;
  margin-left: 210px;
  color: #dc3232;
  border-color: #dc3232;
  font-size: .95em;
}
form p {
  margin-bottom: 0;
}
input[type="tel"],
input[type="email"],
input[type="text"] {
  font-family: "Avenir-Light", sans-serif;
  background-color: #e8d9d6;
  border-top: transparent;
  border-left: transparent;
  border-right: transparent;
}
textarea {
  font-family: "Avenir-Light", sans-serif;
  background-color: #e8d9d6;
  border-top: transparent;
  border-left: transparent;
  border-right: transparent;
  height: 12em;
}
.site-content a.wp-block-social-link-anchor:hover {
  border-radius: 10px;
}

@media (max-width: 991px) {
  .wp-block-getwid-content-timeline-item__mobile-meta p {
    color: #ffffff;
  }
  .bg-left .wp-block-cover__image-background{
    background-size: cover !important;
  }
}
@media (min-width: 811px) {
  .mobile-only,
  .menu-toggle {
    display:none;
  }
  .main-navigation .primary-menu-wrapper{
    display: block;
    padding: 0;
    max-width: 1130px;
    margin: 0 auto;
  }
  .primary-menu-wrapper .primary-menu-container{
    height: 5em;
    padding-top: 2em;
    justify-content: flex-end;
    max-width: 1000px;
    float: right;
    width: 100%;
  }
  .primary-menu-wrapper .menu {
    display: flex;
    flex-wrap: nowrap;
    opacity: 1;
    align-items: center;
    max-width: calc(80vw - 20px);
  }
  .primary-menu-wrapper .menu a {
    font-size: 0.85em;
  }
  .wp-block-column:not(:last-child) {
    margin-right: 0.1em;
  }
  .wp-block-column:not(:last-child) {
    margin-right: 0.1em;
  }
  .wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) {
    margin-left: 0.1em;
  }
  .wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) {
    margin-left: 0.1em;
  }
}
@media (max-width: 810px) {
  html, body, div, span, applet, object, iframe, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
    font-size: 17px;
    line-height: 1.5em;
  }
  .site-header {
    height: 3em;
    background-color: #fcf9f7;
  }
  .staack-header {
    height: 3em;
    align-items: center;
  }
  .staack-header .wp-block-getwid-section__inner-content {
    height: 3em;
    align-items: center;
    flex-wrap: wrap;
  }
  .separator,
  .staack-description {
    display: none;
  }
  .contact-button {
    top: 0.65em;
    left: 2em;
    z-index: 3;
  }
  .main-navigation .lnr {
    font-size: 0.75em;
  }
  .main-navigation:not(.toggled) .primary-menu-wrapper {
    height: 0;
    padding: 0;
  }
  .not-mobile {
    display:none;
  }
  .site-content {
    padding-top: 3em;
  }
  #welcome > .wp-block-cover__inner-container > .wp-block-getwid-section > .wp-block-getwid-section__wrapper {
    padding: 0;
  }
  .wp-block-getwid-section.verlauf-gruen > .wp-block-getwid-section__wrapper {
    padding: 0.2em;
  }
  .wp-block-column,
  p.has-background {
    padding: 1em;
  }
  p {
    margin-bottom: 0.5em;
  }
  .wp-block-column > * {
    margin-bottom: 0.5em;
  }
  body.page .site-main > .hentry > .entry-header .entry-title,
  h1 {
    font-size: 2.25em;
    margin: 0 ;
  }
  h2 {
    font-size: 1.75em;
    margin: 0.75em 0 0.5em 0;
  }
  h3 {
    font-size: 1.1em;
  }
  body.page .site-main > .hentry > .entry-header {
    margin-top: 2.5em;
  }
  input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {
    padding: .2em 0.5em;
    margin-bottom: 1em;
    width: 80vw;
  }
  textarea + span.wpcf7-not-valid-tip,
  input + span.wpcf7-not-valid-tip {
    margin-top: -1em;
    margin-bottom: 1em
  }
  .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    position: relative;
    width: 80vw;
    margin: 2em 0;
  }
  textarea {
    height: 8em;
    width: 80vw;
  }
  label {
    margin-bottom: 0;
  }
  .wp-block-getwid-price-list {
    flex-direction: row;
  }
  .wp-block-getwid-price-list__image-wrapper {
    margin: 0 10px 0 -20px;
    width: 20vw;
  }
  .wp-block-getwid-price-list.has-dots .wp-block-getwid-price-list__price-line {
    border-bottom: 3px dotted currentColor;
  }
}
@media (max-width: 476px) {
  .slick-arrow,
  .phone{
    display: none !important;
  }
}