/*
 Theme Name:   ClassicPress TwentySeventeen
 Theme URI:    https://www.classicpress.net/themes/classicpress-twentyseventeen/
 Description:  ClassicPress TwentySeventeen is a child theme of the WordPress TwentySeventeen Theme
 Author:       the ClassicPress team
 Author URI:   https://www.classicpress.net
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  classicpress-twentyseventeen
*/

/* HEADER */

.wp-custom-header > img {
    mix-blend-mode: luminosity;
}

/* PAGES */

header.entry-header {
  display: none;
}

.flex-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}

.flex-container > div {
  margin: 8px;
  padding: 0 1rem;
}

.flex-container h2 {
  margin: 0;
}

.flex-container > div:last-child {
    flex-grow: 2;
}

ul.simple {
  list-style-type: none;
  margin: 0;
}

#img1 {
  width: 25%;
  mix-blend-mode: multiply;
  filter: grayscale(.8);
}

#img2 {
  float: right;
  filter: grayscale(0.2);
  max-width: 20vw;
  max-height: 20vh;
}

.entry-content > address {
    border-left: 6px double #DA291C;
    padding-left: 1ex;
}

article#post-2 {
    background: url('https://exbuch24.ch/wp-content/uploads/2025/09/books-7423302_large_1920x699.webp'), linear-gradient(to top,rgba(221, 221, 221, 0.9) 5%, rgba(255, 255, 255, 1) 95%);
    background-blend-mode: color-dodge;
    background-size: contain;
    background-repeat: repeat;
    background-position: bottom;
}

article#panel1 {
    background: url(https://exbuch24.ch/wp-content/uploads/2025/09/books-6344402_s_red.webp);
    background-blend-mode: lighten;
    background-repeat: repeat-y;
    background-position: bottom left;
}

article#panel1 > .panel-content {
    background: url(https://exbuch24.ch/wp-content/uploads/2025/09/books-6344402_s_red.webp), linear-gradient(to bottom, #fff 0%, #cccccccf 100%);
    background-blend-mode: lighten;
    background-repeat: repeat-y;
    background-position: bottom right;
}

article#panel1 .wrap {
    background-color: #ffffffcc;
}

/* FORMIDABLE FORMS */
.frm_style_formidable-style.with_frm_style .frm_submit button {
    background-color: #DA291C;
    font-weight: 700;
    border-color: #DA421C;
}
.frm_style_formidable-style.with_frm_style .frm_submit button:hover {
    background-color: #FF0000;
    color: #fff;  
}

input[type="radio"] {
  filter: hue-rotate(135deg) grayscale(0.2);
}

/* FOOTER */

.site-footer {
  background-color: #eee;
}

/* Bookanimation */

.bookanimation {
  z-index: 1;
  perspective:3000px;
}

.bookanimation .book {
  position: relative;
  display: block;
  width: 400px;
  height: 550px;
  margin: 5% auto;
  border-radius: 2px 4px 4px 2px;
  background: linear-gradient(45deg,  #DAD5DC 0%, #f2ebf4 100%);
  font-family: acumin-pro, sans-serif;
  -webkit-box-shadow: 13px 13px 8px 0px rgba(151, 146, 153,0.6);
-moz-box-shadow: 13px 13px 8px 0px rgba(151, 146, 153,0.6);
box-shadow: 13px 13px 8px 0px rgba(151, 146, 153,0.6);
  font-weight: 400;
  color: #2b2b2b;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform .5s;
  -moz-transition: -moz-transform .5s;
  transition: transform .5s;
}

.bookanimation .book:hover {
  -webkit-transform: rotate3d(0,1,0,35deg);
  -moz-transform: rotate3d(0,1,0,35deg);
  transform: rotate3d(0,1,0,35deg);
}

.bookanimation .book > div,
.bookanimation .front > div {
  display: block;
  position: absolute;
}


.bookanimation .front {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform .5s;
  -moz-transition: -moz-transform .5s;
  transition: transform .5s;
  -webkit-transform: translate3d(0,0,20px);
  -moz-transform: translate3d(0,0,20px);
  transform: translate3d(0,0,20px);
  z-index: 10;
}

.bookanimation .front > div {
  width: 400px;
  height: 550px;
}

.bookanimation .left-side{
  width: 40px;
  left: -20px;
  height: 550px;
  background-color: rgba(232,229,234);
  -webkit-transform: rotate3d(0,1,0,-90deg);
  -moz-transform: rotate3d(0,1,0,-90deg);
  transform: rotate3d(0,1,0,-90deg);
}

.bookanimation .front > div {
  border-radius: 0 3px 3px 0;
  box-shadow: 
    inset 4px 0 10px rgba(0, 0, 0, 0.1);
}

.bookanimation .front:after {
  content: '';
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: -1px;
  width: 1px;
}

.bookanimation .cover:after {
  content: '';
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  width: 3px;
  background: rgba(0,0,0,0.1);
  box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1);
}


.bookanimation h2 {
  width: 500px;
  height: 40px;
  color: #2b2b2b;
  font-size: 15px;
  line-height: 40px;
  padding-right: 10px;
  text-align: right;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(90deg) translateY(-40px);
  -moz-transform: rotate(90deg) translateY(-40px);
  transform: rotate(90deg) translateY(-40px);
}

.cover {
 background: linear-gradient(45deg,  #DAD5DC 0%, #f2ebf4 100%);
}


.left-side h2 span:first-child {
  font-weight: 400;
  font-size: 13px;
  padding-right: 20px;
}

.left-side h2 span:last-child{
  font-family: acumin-pro, sans-serif;
} 



/* Bookanimation 3 */

/* display the bookanimation on the front page only */
div.bookanimation3:not(body.home div.bookanimation3) {
  display: none;
}

.bookanimation3 {
  position: absolute;
  top: 20vh;
  left: 15vw;
  z-index: 1;
  perspective:2000px;
  margin-bottom: 8em;
}

.bookanimation3 .book3 {
  position: relative;
  display: block;
  width: 412px;
  height: 480px;
  margin: 5% auto;
  background: transparent;
  font-family: acumin-pro, sans-serif;
  /*-webkit-box-shadow: 13px 13px 8px 0px rgba(151, 146, 153,0.6);
  -moz-box-shadow: 13px 13px 8px 0px rgba(151, 146, 153,0.6);
  box-shadow: 13px 13px 8px 0px rgba(151, 146, 153,0.6);*/
  font-weight: 400;
  color: #2b2b2b;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform .8s;
  -moz-transition: -moz-transform .8s;
  transition: transform 0.8s;
    
    animation-name: spin;
    animation-duration: 29472ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /*animation-delay: 2857ms;*/
    
  transform: rotateY(38deg);
}

    @keyframes spin { 
        from { 
            transform: rotateY(38deg); 
        } to { 
            transform: rotateY(398deg); 
        }
    }


.bookanimation3 .book3:hover {
  -webkit-transform: rotate3d(0,1,0,35deg);
  -moz-transform: rotate3d(0,1,0,35deg);
  transform: rotate3d(0,1,0,-32deg);
}


.bookanimation3 .book3 div,
.bookanimation3 .front3 div {
  display: block;
  position: absolute;
  opacity: 100%;
}

.bookanimation3 .front3 {
    width: 412px;
    height: 480px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: translate3d(0,0,40px);
  -moz-transform: translate3d(0,0,40px);
  transform: translate3d(0,0,40px);
  z-index: 10;
}

.bookanimation3 .back3 {
    width: 412px;
    height: 480px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: translate3d(0,0,-40px);
  -moz-transform: translate3d(0,0,-40px);
  transform: translate3d(0,0,-40px);
  z-index: 10;
}

.bookanimation3 .left-side3 {
  width: 80px;
  height: calc(480px - 20px);
  background-color: #821011;
  top: 10px;
  left: -38px;
  -webkit-transform: rotate3d(0,1,0,-90deg);
  -moz-transform: rotate3d(0,1,0,-90deg);
  transform: rotate3d(0,1,0,-90deg);
}

.bookanimation3 .right-side3 {
  width: 80px;
  height: calc(480px - 20px);
  background-color: #ddd;
  background: linear-gradient(90deg,#ccc 0%, #ddd 50%, #ccc 100%);
  top: 10px;
  left: calc(412px - 44px);
  -webkit-transform: rotate3d(0,1,0,-90deg);
  -moz-transform: rotate3d(0,1,0,-90deg);
  transform: rotateX(180deg) rotate3d(0,1,0,-90deg);
}

.bookanimation3 .top-side3 {
  width: 80px;
  height: calc(412px - 40px);
  background-color: #ccc;
  top: 0;
  left: 20px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotateY(90deg) rotateX(90deg);
  -moz-transform: rotateY(90deg) rotateX(90deg);
  transform: rotateY(90deg) rotateX(90deg) translateX(-40px);
}

.bookanimation3 .bottom-side3 {
  width: 80px;
  height: calc(412px - 40px);
  background-color: #ccc;
  top: 0;
  left: 20px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(-480px) translateX(-40px);
  -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(-480px) translateX(-40px);
  transform: rotateY(90deg) rotateX(90deg) translateZ(-480px) translateX(-40px);
}

.bookanimation3 h2 {
  width: calc(412px - 0px);
  height: 80px;
  color: #fff !important;
  font-size: 42px;
  line-height: 80px;
  text-align: left;
  letter-spacing: 3px;
  padding-left: 12px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotateZ(90deg) translateY(-80px);
  -moz-transform: rotateZ(90deg) translateY(-80px);
  transform: rotateZ(90deg) translateY(-80px);
}