/*!
Theme Name: Gluecksspirale-Theme
Theme URI: https://sustywp.com
Author: MRM Theme
Author URI: --
Description: A theme for WordPress focused on performance and sustainability.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gluecksspirale-theme
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Susty is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.btn--primary {
  color: #666566;
  background-color: #ffc31a;
  border-color: #ffc31a;
}

.btn--primary:active,
.btn--primary:hover {
  color: #fff;
  background-color: #666566;
  border-color: #666566;
}

.main a:hover:not(.btn),
.main a:focus:not(.btn) {
  color: #ffc31a;
}

.mod > h3 {
  padding-top: 22px;
}

.mod-overlay,
.mod-footer-links {
  cursor: pointer;
}

.mod-overlay {
  background-color: #fff;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999999;
}

.mod-overlay__wrapper {
  height: 100%;
  overflow-y: auto;
  padding: 20% 10% 10%;
  position: absolute;
  width: 100%;
}

.mod-overlay__close {
  height: 24px;
  position: absolute;
  right: 20px;
  top: 65px;
  width: 24px;
}

.mod-footer-links {
  padding: 0 0 16px;
}

.mod-footer-links ul {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: center;
  list-style: none;
}

.mod-footer-links ul li {
  padding: 10px 0;
}

.mod-footer-links ul li a {
  color: #565655;
  padding: 10px 20px;
  text-decoration: none;
}

.mod-footer-links ul li span {
  color: #ccc;
}

.mod-breadcrumb__nav li {
  display: inline-block;
  font-family: "Univers LT Roman", Helvetica, Arial, sans-serif;
}

.mod-breadcrumb {
  margin-bottom: 32px;
}

.mod-breadcrumb__container {
  padding: 0 16px;
}

.mod-breadcrumb__nav li:before {
  border-color: #565655;
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: "";
  display: inline-block;
  height: 0.45em;
  left: -0.1em;
  position: relative;
  top: 0.45em;
  transform: rotate(45deg);
  vertical-align: top;
  width: 0.45em;
}

.mod-slider .slick-slide {
  height: auto;
}

.mod-slider .slick-arrow.slick-next:before,
.mod-slider .slick-arrow.slick-prev:before {
  content: "";
  border-color: #f1efed;
  border-style: solid;
  border-width: 4px 4px 0 0;
  position: relative;
  left: 11px;
  top: 11px;
  height: 30px;
  width: 30px;
  vertical-align: top;
}

.mod-slider .slick-arrow.slick-next:before {
  transform: rotate(45deg);
}
.mod-slider .slick-arrow.slick-prev:before {
  transform: rotate(-135deg);
}

.mod-slider .slick-dots {
  margin-top: 10px;
}

.mod-slider .slick-dots li.slick-active button {
  background-color: #ffc31a;
}

.mod-slider .slick-dots button {
  background-color: #666566;
  border: 0 transparent;
  border-radius: 50%;
  height: 13px;
  overflow: hidden;
  width: 13px;
}

.mod-slider .slider:not(.slick-initialized) .mod-info-teaser {
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
}

.mod-slider .slider .slick-arrow {
  font-size: 50px;
}

.mod-overlay,
.mod-overview-list__item:nth-child(n + 9),
.mod-breadcrumb__nav li:first-child:before,
.slick-slide.slick-loading img {
  display: none;
}

.mod-breadcrumb__nav,
.mod-cookie-disclaimer,
.mod-info-teaser section .btn {
  margin-bottom: 0;
}

.mod-info-teaser section {
  padding: 16px;
}

.mod-breadcrumb__nav li a,
.mod-breadcrumb__nav li a:hover,
.mod-breadcrumb__nav li a:focus,
.mod-info-teaser a {
  color: #565655;
  text-decoration: none;
}

.mod-info-teaser,
.mod-slider .slider:not(.slick-initialized) {
  position: relative;
}

.mod-info-teaser__link {
  text-align: right;
  margin-bottom: 0;
}
.mod-info-teaser--right {
  left: auto;
  right: 55px;
}
.mod-info-teaser--left {
  left: 55px;
  right: auto;
}

.mod-info-teaser h3,
.mod-info-teaser h4 {
  font-weight: 700;
}

.mod-info-teaser:hover h3,
.mod-info-teaser:hover h4 {
  color: #ffc31a;
}

@media (min-width: 720px) {
  .mod-overlay__close {
    top: 120px;
  }
}

@media (max-width: 767px) {
  .mod-slider .slick-arrow.slick-next:before,
  .mod-slider .slick-arrow.slick-prev:before {
    display: none;
  }
}

@media (min-width: 768px) {
  .mod-overlay__wrapper {
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    max-height: 70%;
    max-width: 700px;
    padding: 0;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .mod-breadcrumb__container {
    padding: 0;
  }

  .mod-info-teaser section {
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 25px;
    width: 370px;
  }

  .mod-info-teaser--right {
    right: 2px;
  }

  .mod-slider {
    margin-bottom: 82px;
  }

  .mod-slider .slick-dots {
    position: absolute;
    width: 100%;
  }
}

@media (min-width: 850px) {
  .mod-info-teaser section {
    width: 350px;
  }

  .mod-info-teaser--right {
    right: 55px;
  }
}

@media (min-width: 992px) {
  .mod-footer-links {
    padding: 24px 82px 32px;
  }
}