/* PAGE MAIN COLOURS */
/* PAGE BREAKS */
/* LAYOUT BREAK POINTS */
* {
  box-sizing: border-box;
}
body.page-template-tpl-lp1-php,
body.page-template-tpl-lp1-1-php {
  background-color: #fff;
  color: #fff;
  font-family: "museo-sans", sans-serif;
  font-style: normal;
}
section {
  position: relative;
  /* FONT BASE */
  /* BUTTONS */
  /* woocommerce price */
  /* SPECIFIC SECTIONS */
}
section .background-opacity-lp1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
section .inner {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  padding: 0;
}
@media screen and (min-width: 1200px) {
  section .inner {
    padding: 0 50px;
  }
}
section h1 {
  font-family: "urw-antiqua", sans-serif;
  font-weight: 400;
  line-height: 1em;
  text-transform: none;
}
section h2 p,
section h5 {
  font-family: "museo-sans", sans-serif;
  font-weight: 500;
  line-height: 1.1em;
  text-transform: none;
}
section h4,
section p {
  line-height: 1em;
  font-weight: 300;
}
section h2 p {
  margin: 0 0 0.5em 0;
  font-size: 32px;
  padding: 15px 0;
}
@media screen and (min-width: 1200px) {
  section h2 p {
    font-size: 38px;
  }
}
section h3 {
  font-weight: 300;
  line-height: 1em;
  font-size: 16px;
  text-transform: uppercase;
}
section strong,
section b {
  font-weight: 500;
}
section .btn-v1,
section .btn-v2 {
  color: #fff;
  font-family: "museo-sans", sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}
section .btn-v1 {
  display: inline-block;
  padding: 13px 30px;
  margin-top: 30px;
  font-weight: 300;
  font-size: 12px;
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  transition: all ease 0.8s;
}
section .btn-v2 {
  padding-bottom: 2px;
  border-bottom: 1px solid;
  font-weight: 300;
  font-size: 12px;
  line-height: 1em;
}
section .owl-carousel {
  position: static;
}
section .owl-carousel .owl-nav {
  height: 0;
  display: none;
}
section .owl-carousel .owl-nav .owl-prev,
section .owl-carousel .owl-nav .owl-next {
  height: 0;
}
@media screen and (min-width: 1200px) {
  section .owl-carousel .owl-nav {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
  }
}
section .owl-carousel .owl-nav .owl-prev li:before {
  position: absolute;
  z-index: 3;
  top: 45%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
section .owl-carousel .owl-nav .owl-next li:before {
  position: absolute;
  z-index: 3;
  top: 45%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
section .owl-carousel .owl-nav .fa {
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
  font-size: 50px;
}
section .owl-carousel::after {
  display: none;
}
section .woocommerce-price-suffix {
  display: none;
}
section#intro {
  --height-img: 30rem;
  --height-under: 15rem;
  position: relative;
  height: calc(var(--height-img) + var(--height-under));
  width: 100%;
}
section#intro h1 {
  font-size: 11.7vw;
  color: #723147;
  padding: 10px 0;
}
@media screen and (min-width: 540px) {
  section#intro h1 {
    font-size: 68px;
  }
}
section#intro h3 {
  color: #1d2d2b;
}
section#intro h3:last-of-type {
  text-align: right;
}
section#intro .btn-v1 {
  background-color: var(--ziegelrot);
  box-shadow: inset 0 0 0 0 var(--burgunder);
}
section#intro .btn-v1:hover {
  box-shadow: inset 0 100px 0 0 var(--burgunder);
}
section#intro .content-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  section#intro .content-wrapper {
    width: 100%;
  }
}
section#intro .content-wrapper #slideshow-main {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 900px;
  padding: 0;
}
section#intro .content-wrapper #slideshow-main .owl-item {
  height: 100%;
}
section#intro .content-wrapper #slideshow-main .owl-wrapper {
  height: 100%;
}
section#intro .content-wrapper #slideshow-main .owl-lazy {
  width: 100%;
  height: var(--height-img);
  max-height: 900px;
  background-size: cover;
  background-position: center 0;
  /*display: -webkit-box;*/
  /*display: -ms-flexbox;*/
  display: flex;
  /*-webkit-box-align: center;*/
  /*-ms-flex-align: center;*/
  /*-ms-grid-row-align: center;*/
  align-items: center;
  position: relative;
}
@media screen and (min-width: 1200px) {
  section#intro .content-wrapper #slideshow-main .owl-lazy {
    background-position: 0 center;
  }
}
@media screen and (min-width: 1200px) {
  section#intro .content-wrapper #slideshow-main .owl-lazy .inner {
    padding: 0 50px;
  }
}
section#intro .content-wrapper #slideshow-main .owl-lazy .inner .content {
  position: relative;
  width: 80%;
  max-width: 500px;
}
section#intro .content-wrapper #slideshow-main .owl-stage-outer {
  height: calc(var(--height-img) + var(--height-under));
}
section#intro .content-wrapper #slideshow-main .owl-stage {
  height: calc(var(--height-img) + var(--height-under));
}

section#intro .content-wrapper #controls-wrapper {
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  section#intro .content-wrapper #controls-wrapper {
    position: absolute;
    width: 100%;
    max-width: 1100px;
    padding: 0 50px;
    bottom: var(--height-under);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
section#intro .content-wrapper #controls-wrapper #intro-controls {
  display: block;
  position: absolute;
  width: 85px;
  height: 50px;
  bottom: 0;
  right: 0;
  background-color: #723147;
  cursor: pointer;
  z-index: 9;
}
@media screen and (min-width: 1200px) {
  section#intro .content-wrapper #controls-wrapper #intro-controls {
    position: relative;
    float: right;
  }
}
section#intro .content-wrapper #controls-wrapper #intro-controls .owl-prev {
  width: 50%;
  height: 100%;
  float: left;
}
section#intro .content-wrapper #controls-wrapper #intro-controls .owl-prev li:before {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 19px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
section#intro .content-wrapper #controls-wrapper #intro-controls .owl-next {
  width: 50%;
  height: 100%;
  float: left;
}
section#intro .content-wrapper #controls-wrapper #intro-controls .owl-next li:before {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 19px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
section#intro .content-wrapper #controls-wrapper #intro-controls .fa {
  font-size: 40px;
}

section#intro .owl-item .under {
  color: var(--black);
  position: relative;
}
section#intro .owl-item .under .header {

}
section#intro .owl-item .under .title {
  color: var(--ziegelrot);
  text-transform: none;
}
section#intro .owl-item .under .sub {

}

section#intro .owl-item .under .copyright {
  position: absolute;
  right: 0;
  top: 0;
}
section#intro .owl-item .under .copyright.desktop {
}
section#intro .owl-item .under .copyright.mobile {
}

@media ( max-width: 500px ) {
  section#intro .content-wrapper #slideshow-main .intro-slideshow-mobile {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  section#intro .owl-item .under .copyright.desktop {
    display: none;
  }
  section#intro .owl-item .under .copyright.mobile {
    display: block;
  }
}
@media ( min-width: 501px ) {
  section#intro .content-wrapper #slideshow-main .intro-slideshow-mobile {
    display: none;
  }
  section#intro .owl-item .under .copyright.desktop {
    display: block;
  }
  section#intro .owl-item .under .copyright.mobile {
    display: none;
  }
}

section#recommended h2,
section#recommended h4,
section#recommended .btn-v2 {
 color: var(--heading);
}
section#recommended h3,
section#recommended h5,
section#recommended .price {
  color: #1d2d2b;
}
section#recommended h4 {
  font-size: 13px;
  padding-top: 20px;
  text-transform: uppercase;
}
section#recommended h5 {
  padding: 10px 0;
  font-size: 16px;
  line-height: 1.3em;
  font-weight: 700;
}
section#recommended .subtext {
  margin-top: -1em;
  margin-bottom: 2em;
  color: black;
}
section#recommended .price {
  float: left;
  font-size: 13px;
  line-height: 1em;
}
section#recommended .price,
section#recommended .btn-v2 {
  display: inline;
}
section#recommended .btn-v2 {
  float: right;
  border-bottom-color: #c44452;
}
section#recommended .btn-v2:hover {
  border-bottom-color: #fff;
}
section#recommended .btn-v1 {
  margin-top: 0;
  float: right;
  background-color: #c44452;
  box-shadow: inset 0 0 0 0 #723147;
}
section#recommended .btn-v1:hover {
  box-shadow: inset 0 100px 0 0 #723147;
}
@media screen and (min-width: 1200px) {
  section#recommended .inner {
    position: relative;
  }
}
section#recommended .inner #slideshow-recommended {
  margin: 20px 0;
}
section#recommended .inner #slideshow-recommended .slide {
  display: none;
}
section#recommended .inner #slideshow-recommended .slide:first-of-type {
  display: block;
}
section#recommended .inner #slideshow-recommended .slide img {
  width: 100%;
  height: auto;
}
section#recommended .inner #slideshow-recommended .fa {
  color: #723147;
}
section#recommended .inner #slideshow-recommended .product-content {
  padding-top: 150%;
  background-size: cover;
  background-position: top center;
}
section#term h2 {
  color: #fff;
  padding: 20px;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
section#term h4 {
  color: #ffebc2;
  padding: 0 0 5px;
  font-size: 16px;
  text-transform: uppercase;
}
section#term h3,
section#term p {
  color: #fff;
}
section#term h3 {
  padding: 20px;
}
section#term p {
  font-family: "urw-antiqua", sans-serif;
  line-height: 1.3em;
  margin: 0;
  font-size: 20px;
}
section#term .btn-v1 {
  margin-top: 0;
  float: right;
  background-color: #174c4f;
  clear: both;
  box-shadow: inset 0 0 0 0 #296b73;
}
section#term .btn-v1:hover {
  box-shadow: inset 0 100px 0 0 #296b73;
}
section#term .inner {
  position: relative;
}
section#term .inner #slideshow-term-img {
  /*height: 600px;*/
  /*padding: 0;*/
  display: none; /* only shown on bigger screen */
}
@media screen and (min-width: 600px) {
  section#term .inner #slideshow-term-img {
    display: block; /* only shown on bigger screen */
    width: 50%;
    height: 500px;
    float: right;
  }
}
section#term .inner #slideshow-term-img .slides {
  height: 600px;
  background-size: cover;
  background-position: top center;
}
@media screen and (min-width: 600px) {
  section#term .inner #slideshow-term-img .slides {
    height: 500px;
  }
}
section#term .inner #slideshow-term-dates {
  position: relative;
  padding: 20px 0 50px;
  background-color: #296b73;
}
@media screen and (min-width: 600px) {
  section#term .inner #slideshow-term-dates {
    width: 50%;
    height: 500px;
    float: left;
  }
}
@media screen and (min-width: 600px) {
  section#term .inner #slideshow-term-dates #article-wrapper {
    height: 100%;
    padding-bottom: 70px;
  }
}
section#term .inner #slideshow-term-dates #article-wrapper article {
  position: relative;
  overflow: hidden;
  padding: 20px;
}
section#term .inner #slideshow-term-dates #article-wrapper article:hover,
section#term .inner #slideshow-term-dates #article-wrapper article.active {
  background-color: #276268;
  cursor: pointer;
}
section#term .inner #slideshow-term-dates #article-wrapper article.active .am-a {
  transform: translateX(0px);
  color: #ffebc2;
}
section#term .inner #slideshow-term-dates #article-wrapper article.active .am-a:hover {
  text-decoration: none;
}
section#term .inner #slideshow-term-dates #article-wrapper article.active p {
  padding-bottom: 20px;
}
section#term .inner #slideshow-term-dates #article-wrapper article p {
  padding-bottom: 0px;
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
section#term .inner #slideshow-term-dates #article-wrapper article .am-a {
  bottom: 10px;
  transform: translateX(-200px);
  -webkit-transition: all linear 0.4s;
  -moz-transition: all linear 0.4s;
  transition: all linear 0.4s;
  position: absolute;
  color: #fff;
  font-size: 12px;
  text-decoration: underline;
}
section#term .inner #slideshow-term-dates .owl-nav {
  display: block;
  position: absolute;
  width: 85px;
  height: 50px;
  bottom: 0;
  right: 0;
  background-color: #174c4f;
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  section#term .inner #slideshow-term-dates .owl-nav {
    top: auto;
    left: auto;
  }
}
section#term .inner #slideshow-term-dates .owl-nav .owl-prev {
  width: 50%;
  height: 100%;
  float: left;
}
section#term .inner #slideshow-term-dates .owl-nav .owl-prev li:before {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 19px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
section#term .inner #slideshow-term-dates .owl-nav .owl-next {
  width: 50%;
  height: 100%;
  float: left;
}
section#term .inner #slideshow-term-dates .owl-nav .owl-next li:before {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 19px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
section#term .inner #slideshow-term-dates .owl-nav .fa {
  font-size: 40px;
}
section#authors {
  background-color: #723147;
}
section#authors h3,
section#authors h4,
section#authors .btn-v2 {
  color: #ffebc2;
}
section#authors h5 {
  color: #fff;
}
section#authors h2 p {
  color: var(--heading);
}
section#authors h4 {
  font-size: 13px;
  padding-top: 20px;
  text-transform: uppercase;
}
section#authors h5 {
  padding: 10px 0;
  font-size: 16px;
  line-height: 1.3em;
  font-weight: 300;
}
section#authors .btn-v2 {
  float: right;
  border-bottom-color: #fff;
}
section#authors .btn-v2:hover {
  border-bottom-color: #723147;
}
section#authors .btn-v1 {
  float: right;
  background-color: #fff;
  color: #723147;
  box-shadow: inset 0 0 0 0 #296b73;
}
section#authors .btn-v1:hover {
  color: #fff;
  box-shadow: inset 0 100px 0 0 #296b73;
}
@media screen and (min-width: 1200px) {
  section#authors .inner {
    position: relative;
  }
}
section#authors .inner #slideshow-authors .slide {
  display: none;
}
section#authors .inner #slideshow-authors .slide:first-of-type {
  display: block;
}
section#authors .inner #slideshow-authors .slide img {
  width: 100%;
  height: auto;
}
section#aboutus {
  background: #296b73 url('../images/content/lp1/watermark.svg') 90% bottom no-repeat;
  background-size: 420px;
}
@media screen and (min-width: 1108px) {
  section#aboutus {
    background-position: 65% bottom;
  }
}
section#aboutus h2 p,
section#aboutus .btn-v2 {
  color: var(--heading);
  margin: 0;
}
section#aboutus h2 p {
  width: 100%;
}
section#aboutus h3,
section#aboutus p {
  color: #fff;
}
section#aboutus .body p {
  line-height: 1.3em;
  font-size: 16px;
}
section#aboutus .btn-v2 {
  float: right;
  border-bottom-color: #ffebc2;
}
section#aboutus .btn-v2:hover {
  border-bottom-color: #296b73;
}
@media screen and (min-width: 600px) {
  section#aboutus .inner .content {
    width: 600px;
    margin: 0;
  }
}
section#aboutus .inner .content .body {
  max-width: 500px;
}
section#news .owl-item {
  padding: 20px;
  margin-right: 40px;
  background-color: var(--hellgrau);
}
section#news h2 p,
section#news h4,
section#news .btn-v2 {
 color: var(--heading);
}
section#news h3,
section#news h5,
section#news p {
  color: #1d2d2b;
}
section#news h4 {
  font-size: 13px;
  padding-top: 20px;
  text-transform: uppercase;
}
section#news h5 {
  padding: 10px 0;
  font-size: 16px;
  line-height: 1.3em;
  font-weight: 700;
}
section#news #slideshow-news p {
  line-height: 1.3em;
  font-size: 16px;
}
section#news .btn-v2 {
  float: right;
  border-bottom-color: #c44452;
}
section#news .btn-v2:hover {
  border-bottom-color: #fff;
}
section#news .btn-v1 {
  float: right;
  background-color: #c44452;
  box-shadow: inset 0 0 0 0 #723147;
}
section#news .btn-v1:hover {
  box-shadow: inset 0 100px 0 0 #723147;
}
@media screen and (min-width: 1200px) {
  section#news .inner {
    position: relative;
  }
}
section#news .inner #slideshow-news {
  margin: 20px 0;
}
section#news .inner #slideshow-news .slide {
  display: none;
}
section#news .inner #slideshow-news .slide:first-of-type {
  display: block;
}
section#news .inner #slideshow-news .slide figure {
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
}
section#news .inner #slideshow-news .fa {
  color: #723147;
}

.showcase {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2em;
  align-items: end;
  padding-bottom: 1.4em;
}
@media (max-width: 600px) {
  .showcase {
    grid-template-columns: repeat(2, 1fr);
  }
}
.showcase .book {

}
.showcase .book img {
  width: 100%;
  box-shadow: 4px 4px 8px #bbb;
}