body{margin:0;padding:0;font-family:Open Sans;font-weight:400;line-height:1.7}*{box-sizing:border-box}.content-frame{width:100%;padding:75px 25px;display:flex;justify-content:center;background-attachment:fixed;background-size:cover;background-position:center}.content-frame.grey{background:#ececec}.content-frame.story{background-image:url("../img/backgrounds/story.JPG")}.content-frame.story2{background-image:url("../img/backgrounds/story-2.JPG")}.content-frame.desk{background-image:url("../img/backgrounds/book-desk.jpg")}.content-frame>.content{width:100%;max-width:1200px}.content-frame>.content.book-middle{display:flex;justify-content:center}.title{color:#292140;font-weight:800;font-size:clamp(24px, 3vw, 48px);margin-bottom:15px;text-transform:uppercase;line-height:1.2}.caption{background:#c95a42;display:inline-block;color:#fff;padding:5px 10px;font-size:12px;font-weight:700;font-style:italic}button,.button{padding:20px 20px;text-align:center;width:200px;background:#c95a42;color:#fff;font-size:12px;font-weight:600;margin:20px 0 0;position:relative;overflow:hidden;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#803525}.book-container{display:flex;justify-content:center;align-items:center;margin-bottom:75px;flex-direction:column}.book-container>img{width:100%;max-width:250px}.title-box{background:#c95a42;width:100%;text-align:center;color:#fff;font-size:24px;font-weight:600;text-transform:uppercase;position:sticky;top:60px;padding:10px 25px}.book-preview-container{display:flex;flex-direction:column;gap:15px}.book-preview{width:100%}.product{display:flex;gap:30px;flex-wrap:wrap-reverse}.content-left{width:220px}.content-left>img{width:100%;max-width:300px}@media (max-width: 740px){.content-left{width:100%;display:flex;flex-direction:column;align-items:center}}.content-right{width:calc(100% - 250px)}@media (max-width: 740px){.content-right{width:100%}}@media (max-width: 800px){.mobile-off{display:none !important}}@media (min-width: 801px){.mobile-on{display:none}}@media (max-width: 800px){.mobile-on{display:block}}.details{width:100%;display:flex;gap:10px;padding:20px 0;margin-bottom:20px;border-bottom:1px solid #e1e1e1;flex-wrap:wrap}.detail-container{width:23.9%;display:flex;flex-direction:column;align-items:center;gap:10px}@media (max-width: 1000px){.detail-container{width:calc(50% - 5px);padding:0 5px}}.detail-container>.detail-title{font-size:12px;color:#c95a42}.detail-container>.detail-thumb{font-size:12px;font-weight:600;text-align:center}.detail-icon{height:24px;width:24px;background-image:url("../img/icon/icons.png")}.detail-icon.seitenzahl{background-position:-210px -2px}.detail-icon.herausgeber{background-position:-314px -2px}.detail-icon.erscheinung{background-position:-288px -2px}.detail-icon.isbn{background-position:-158px -2px}.book-text{padding-bottom:20px;border-bottom:1px solid #e1e1e1}.amazon-button{padding:15px;background:#f90;display:flex;justify-content:center;align-items:center;max-width:300px;width:300px}@media (min-width: 801px){.amazon-button.mobile-on{display:none !important}}@media (max-width: 800px){.amazon-button.mobile-on{display:flex !important}}.amazon-caption{font-size:12px;font-weight:600;font-style:italic;margin-bottom:5px}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:url("../fonts/open-sans-v34-latin-300.eot");src:local(""),url("../fonts/open-sans-v34-latin-300.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans-v34-latin-300.woff2") format("woff2"),url("../fonts/open-sans-v34-latin-300.woff") format("woff"),url("../fonts/open-sans-v34-latin-300.ttf") format("truetype"),url("../fonts/open-sans-v34-latin-300.svg#OpenSans") format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url("../fonts/open-sans-v34-latin-regular.eot");src:local(""),url("../fonts/open-sans-v34-latin-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans-v34-latin-regular.woff2") format("woff2"),url("../fonts/open-sans-v34-latin-regular.woff") format("woff"),url("../fonts/open-sans-v34-latin-regular.ttf") format("truetype"),url("../fonts/open-sans-v34-latin-regular.svg#OpenSans") format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:500;src:url("../fonts/open-sans-v34-latin-500.eot");src:local(""),url("../fonts/open-sans-v34-latin-500.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans-v34-latin-500.woff2") format("woff2"),url("../fonts/open-sans-v34-latin-500.woff") format("woff"),url("../fonts/open-sans-v34-latin-500.ttf") format("truetype"),url("../fonts/open-sans-v34-latin-500.svg#OpenSans") format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:url("../fonts/open-sans-v34-latin-600.eot");src:local(""),url("../fonts/open-sans-v34-latin-600.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans-v34-latin-600.woff2") format("woff2"),url("../fonts/open-sans-v34-latin-600.woff") format("woff"),url("../fonts/open-sans-v34-latin-600.ttf") format("truetype"),url("../fonts/open-sans-v34-latin-600.svg#OpenSans") format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url("../fonts/open-sans-v34-latin-700.eot");src:local(""),url("../fonts/open-sans-v34-latin-700.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans-v34-latin-700.woff2") format("woff2"),url("../fonts/open-sans-v34-latin-700.woff") format("woff"),url("../fonts/open-sans-v34-latin-700.ttf") format("truetype"),url("../fonts/open-sans-v34-latin-700.svg#OpenSans") format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:url("../fonts/open-sans-v34-latin-800.eot");src:local(""),url("../fonts/open-sans-v34-latin-800.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans-v34-latin-800.woff2") format("woff2"),url("../fonts/open-sans-v34-latin-800.woff") format("woff"),url("../fonts/open-sans-v34-latin-800.ttf") format("truetype"),url("../fonts/open-sans-v34-latin-800.svg#OpenSans") format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:url("../fonts/open-sans-v34-latin-300italic.eot");src:local(""),url("../fonts/open-sans-v34-latin-300italic.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans-v34-latin-300italic.woff2") format("woff2"),url("../fonts/open-sans-v34-latin-300italic.woff") format("woff"),url("../fonts/open-sans-v34-latin-300italic.ttf") format("truetype"),url("../fonts/open-sans-v34-latin-300italic.svg#OpenSans") format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:url("../fonts/open-sans-v34-latin-italic.eot");src:local(""),url("../fonts/open-sans-v34-latin-italic.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans-v34-latin-italic.woff2") format("woff2"),url("../fonts/open-sans-v34-latin-italic.woff") format("woff"),url("../fonts/open-sans-v34-latin-italic.ttf") format("truetype"),url("../fonts/open-sans-v34-latin-italic.svg#OpenSans") format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:500;src:url("../fonts/open-sans-v34-latin-500italic.eot");src:local(""),url("../fonts/open-sans-v34-latin-500italic.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans-v34-latin-500italic.woff2") format("woff2"),url("../fonts/open-sans-v34-latin-500italic.woff") format("woff"),url("../fonts/open-sans-v34-latin-500italic.ttf") format("truetype"),url("../fonts/open-sans-v34-latin-500italic.svg#OpenSans") format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:url("../fonts/open-sans-v34-latin-600italic.eot");src:local(""),url("../fonts/open-sans-v34-latin-600italic.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans-v34-latin-600italic.woff2") format("woff2"),url("../fonts/open-sans-v34-latin-600italic.woff") format("woff"),url("../fonts/open-sans-v34-latin-600italic.ttf") format("truetype"),url("../fonts/open-sans-v34-latin-600italic.svg#OpenSans") format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:url("../fonts/open-sans-v34-latin-700italic.eot");src:local(""),url("../fonts/open-sans-v34-latin-700italic.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans-v34-latin-700italic.woff2") format("woff2"),url("../fonts/open-sans-v34-latin-700italic.woff") format("woff"),url("../fonts/open-sans-v34-latin-700italic.ttf") format("truetype"),url("../fonts/open-sans-v34-latin-700italic.svg#OpenSans") format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:url("../fonts/open-sans-v34-latin-800italic.eot");src:local(""),url("../fonts/open-sans-v34-latin-800italic.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans-v34-latin-800italic.woff2") format("woff2"),url("../fonts/open-sans-v34-latin-800italic.woff") format("woff"),url("../fonts/open-sans-v34-latin-800italic.ttf") format("truetype"),url("../fonts/open-sans-v34-latin-800italic.svg#OpenSans") format("svg")}details summary::-webkit-details-marker{display:none}summary::before{font-family:"Hiragino Mincho ProN", "Open Sans", sans-serif;content:"▶";position:absolute;top:1rem;left:0.8rem;transform:rotate(0);transform-origin:center;transition:0.2s transform ease}details[open]>summary:before{transform:rotate(90deg);transition:0.45s transform ease}details{overflow:hidden}details summary{position:relative;z-index:10}@keyframes details-show{from{margin-bottom:-80%;opacity:0;transform:translateY(-100%)}}details>*:not(summary){animation:details-show 500ms ease-in-out;position:relative;z-index:1;transition:all 0.3s ease-in-out;color:transparent;overflow:hidden}details[open]>*:not(summary){color:inherit}details.style4 summary{padding-right:2.2rem;padding-left:1rem}details.style4 summary::before{content:"×";color:#c95a42;font-size:2rem;line-height:1rem;transform:rotate(-45deg);top:1.2rem;left:unset;right:0.6rem}details[open].style4>summary:before{transform:rotate(90deg);color:#c95a42 !important;transition:color ease 2s, transform ease 1s}summary{border:1px solid #bdbdbd;outline:none;padding:1rem;display:block;background:#d1d1d1;color:#000;padding-left:2.2rem;position:relative;cursor:pointer}details[open] summary,summary:hover{background:#afafaf}summary:hover strong,details[open] summary strong,summary:hover::before,details[open] summary::before{color:#FFA128}.header{background-image:url(../img/backgrounds/header-index.jpg);height:clamp(300px, 50vw, 500px);width:100%;background-size:cover;display:flex;justify-content:flex-start;align-items:center;padding:0 50px}.header.impdat{background-image:url("../img/backgrounds/impdat.jpg") !important}.header-title{max-width:600px;width:100%;font-weight:800;font-size:clamp(24px, 3.5vw, 68px);line-height:1;color:#fff;text-transform:uppercase}.navi-container{padding:0 20px;background:#ffffff;position:sticky;top:0;width:100%;z-index:100000;display:flex;box-shadow:0 0 15px -10px #000000}.navi-container>a>img{padding:10px 0}.menu{width:calc(100% - 125px);display:flex;justify-content:flex-end;align-items:center}.menu>img{padding-left:15px;cursor:pointer}.menu>a{text-decoration:none;margin:15px;font-weight:600;color:#000;transition:.5s;font-size:14px}.menu>a:hover{color:#c95a42}.whatsapp-button{background:#03C000;height:60px;width:60px;border-radius:100%;position:fixed;bottom:0;right:0;margin:15px;display:flex;justify-content:center;align-items:center;z-index:20001;cursor:pointer}@media (max-width: 600px){.whatsapp-button{top:none;bottom:0 !important}}.whatsapp-button:hover{background:#027400}.whatsapp-shadow{background:#03C000;height:60px;width:60px;border-radius:100%;margin:15px;position:fixed;bottom:0;right:0;z-index:20000;animation-name:grow;animation-duration:1.5s;opacity:0;animation-iteration-count:infinite}@media (max-width: 600px){.whatsapp-shadow{top:none;bottom:0 !important}}@keyframes grow{0%{height:60px;width:60px;margin:15px;opacity:0.8}90%{height:80px;width:80px;margin:5px;opacity:0}91%{display:none}}.navi-overlay{position:fixed;width:100%;height:100vh;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);z-index:100000;display:none;justify-content:center;align-items:center;flex-direction:column;gap:10px}.navi-overlay.active{display:flex}.navi-overlay>.close{position:fixed;top:15px;right:15px;background:#c95a42;border-radius:20px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.navi-overlay>.close:hover{background:#803525}.navi-overlay>a{background:#c95a42;color:#fff;padding:10px 25px;transform:rotate(-3deg);text-decoration:none;transition:.2s}.navi-overlay>a:hover{transform:rotate(0deg)}.timeline{display:flex;flex-direction:column;margin:10px auto;position:relative}.timeline__event{margin-bottom:10px;position:relative;display:flex;margin:10px 0;border-radius:6px;align-self:center;width:50vw}.timeline__event:nth-child(2n+1){flex-direction:row-reverse}.timeline__event:nth-child(2n+1) .timeline__event__date{border-radius:0 6px 6px 0}.timeline__event:nth-child(2n+1) .timeline__event__content{border-radius:6px 0 0 6px}.timeline__event:nth-child(2n+1) .timeline__event__icon:before{content:"";width:2px;height:100%;background:#A13315;position:absolute;top:0%;left:50%;right:auto;z-index:-1;transform:translateX(-50%);animation:fillTop 2s forwards 4s ease-in-out}.timeline__event:nth-child(2n+1) .timeline__event__icon:after{content:"";width:100%;height:2px;background:#A13315;position:absolute;right:0;z-index:-1;top:50%;left:auto;transform:translateY(-50%);animation:fillLeft 2s forwards 4s ease-in-out}.timeline__event__title{font-size:1.2rem;line-height:1.4;text-transform:uppercase;font-weight:600;color:#C6593C;letter-spacing:1.5px}.timeline__event__content{padding:10px;box-shadow:0 30px 60px -12px rgba(50,50,93,0.25),0 18px 36px -18px rgba(0,0,0,0.3),0 -12px 36px -8px rgba(0,0,0,0.025);background:#fff;width:calc(40vw - 84px);border-radius:0 6px 6px 0}.timeline__event__date{color:#fff;font-size:1.5rem;font-weight:600;background:#C6593C;display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 10px;border-radius:6px 0 0 6px}.timeline__event__icon{display:flex;align-items:center;justify-content:center;color:#C6593C;padding:10px;align-self:center;margin:0 10px;background:#A13315;border-radius:100%;width:40px;box-shadow:0 30px 60px -12px rgba(50,50,93,0.25),0 18px 36px -18px rgba(0,0,0,0.3),0 -12px 36px -8px rgba(0,0,0,0.025);padding:40px;height:40px;position:relative}.timeline__event__icon i{font-size:32px}.timeline__event__icon:before{content:"";width:2px;height:100%;background:#A13315;position:absolute;top:0%;z-index:-1;left:50%;transform:translateX(-50%);animation:fillTop 2s forwards 4s ease-in-out}.timeline__event__icon:after{content:"";width:100%;height:2px;background:#A13315;position:absolute;left:0%;z-index:-1;top:50%;transform:translateY(-50%);animation:fillLeftOdd 2s forwards 4s ease-in-out}.timeline__event__description{flex-basis:60%}.timeline__event--type2:after{background:#7D2107}.timeline__event--type2 .timeline__event__date{color:#fff;background:#7D2107}.timeline__event--type2:nth-child(2n+1) .timeline__event__icon:before,.timeline__event--type2:nth-child(2n+1) .timeline__event__icon:after{background:#400E00}.timeline__event--type2 .timeline__event__icon{background:#400E00;color:#7D2107}.timeline__event--type2 .timeline__event__icon:before,.timeline__event--type2 .timeline__event__icon:after{background:#400E00}.timeline__event--type2 .timeline__event__title{color:#7D2107}.timeline__event--type3:after{background:#DE3C10}.timeline__event--type3 .timeline__event__date{color:#fff;background-color:#DE3C10}.timeline__event--type3:nth-child(2n+1) .timeline__event__icon:before,.timeline__event--type3:nth-child(2n+1) .timeline__event__icon:after{background:#B03310}.timeline__event--type3 .timeline__event__icon{background:#B03310;color:#DE3C10}.timeline__event--type3 .timeline__event__icon:before,.timeline__event--type3 .timeline__event__icon:after{background:#B03310}.timeline__event--type3 .timeline__event__title{color:#DE3C10}.timeline__event:last-child .timeline__event__icon:before{content:none}@media (max-width: 786px){.timeline__event{width:100%}.timeline__event{flex-direction:column;align-self:center}.timeline__event__content{width:100%}.timeline__event__icon{border-radius:6px 6px 0 0;width:100%;margin:0;box-shadow:none}.timeline__event__icon:before,.timeline__event__icon:after{display:none}.timeline__event__date{border-radius:0;padding:10px}.timeline__event:nth-child(2n+1){flex-direction:column;align-self:center}.timeline__event:nth-child(2n+1) .timeline__event__date{border-radius:0;padding:10px}.timeline__event:nth-child(2n+1) .timeline__event__icon{border-radius:6px 6px 0 0;margin:0}}@keyframes fillLeft{100%{right:100%}}@keyframes fillTop{100%{top:100%}}@keyframes fillLeftOdd{100%{left:100%}}.timeline-picture{height:30px;width:30px}main#carousel{grid-row:1 / 2;grid-column:1 / 8;width:100%;height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;transform-style:preserve-3d;perspective:600px;--items: 4;--middle: 3;--position: 1}div.item{position:absolute;width:300px;height:400px;background-size:cover;--r: calc(var(--position) - var(--offset));--abs: max(calc(var(--r) * -1), var(--r));transition:all 0.25s linear;transform:rotateY(calc(-10deg * var(--r))) translateX(calc(-300px * var(--r)));z-index:calc((var(--position) - var(--abs)));cursor:pointer}div.item>.overlay{height:100%;width:100%;background:#fff;background:-webkit-linear-gradient(bottom, #fff 0%, rgba(255,255,255,0.5522584034) 40%, rgba(255,255,255,0.5018382353) 64%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(bottom, #fff 0%, rgba(255,255,255,0.5522584034) 40%, rgba(255,255,255,0.5018382353) 64%, rgba(255,255,255,0) 100%);background:linear-gradient(to top, #fff 0%, rgba(255,255,255,0.5522584034) 40%, rgba(255,255,255,0.5018382353) 64%, rgba(255,255,255,0) 100%);opacity:0;transition:.5s;display:flex;justify-content:center;align-items:flex-end;padding:10px}div.item:hover>.overlay{opacity:1}div.item:nth-of-type(1){--offset: 1;background-image:url("../book-cover/allgemein.png")}div.item:nth-of-type(2){--offset: 2;background-image:url("../book-cover/gk1.png")}div.item:nth-of-type(3){--offset: 3;background-image:url("../book-cover/gk2.png")}div.item:nth-of-type(4){--offset: 4;background-image:url("../book-cover/tx.png")}div.item:nth-of-type(5){--offset: 5;background-color:#e9ff70}input:nth-of-type(1){grid-column:2 / 3;grid-row:2 / 3}input:nth-of-type(1):checked ~ main#carousel{--position: 1}input:nth-of-type(2){grid-column:3 / 4;grid-row:2 / 3}input:nth-of-type(2):checked ~ main#carousel{--position: 2}input:nth-of-type(3){grid-column:4 /5;grid-row:2 / 3}input:nth-of-type(3):checked ~ main#carousel{--position: 3}input:nth-of-type(4){grid-column:5 / 6;grid-row:2 / 3}input:nth-of-type(4):checked ~ main#carousel{--position: 4}input:nth-of-type(5){grid-column:6 / 7;grid-row:2 / 3}input:nth-of-type(5):checked ~ main#carousel{--position: 5}input[type="radio"]{height:20px;width:20px}.book{transition:opacity 0.4s 0.2s}.page{width:30vw;height:44vw;background-color:#111111;float:left;margin-bottom:0.5em;background:left top no-repeat;background-size:cover}.page:nth-child(even){clear:both}.book{perspective:250vw}.book .pages{width:60vw;height:44vw;position:relative;transform-style:preserve-3d;backface-visibility:hidden;border-radius:4px}.book .page{float:none;clear:none;margin:0;position:absolute;top:0;width:30vw;height:44vw;transform-origin:0 0;transition:transform 1.4s;backface-visibility:hidden;transform-style:preserve-3d;cursor:pointer;user-select:none;background-color:#f0f0f0}.book .page:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:transparent;transition:background 0.7s;z-index:2}.book .page:nth-child(odd){pointer-events:all;transform:rotateY(0deg);right:0;border-radius:0 4px 4px 0}.book .page:nth-child(odd):hover{transform:rotateY(-15deg)}.book .page:nth-child(odd):hover:before{background:rgba(0,0,0,0.03)}.book .page:nth-child(odd):before{background:transparent}.book .page:nth-child(even){pointer-events:none;transform:rotateY(180deg);transform-origin:100% 0;left:0;border-radius:4px 0 0 4px;border-color:black}.book .page:nth-child(even):before{background:rgba(0,0,0,0.2)}.book .page.grabbing{transition:none}.book .page.flipped:nth-child(odd){pointer-events:none;transform:rotateY(-180deg)}.book .page.flipped:nth-child(odd):before{background:rgba(0,0,0,0.2)}.book .page.flipped:nth-child(even){pointer-events:all;transform:rotateY(0deg)}.book .page.flipped:nth-child(even):hover{transform:rotateY(15deg)}.book .page.flipped:nth-child(even):hover:before{background:rgba(0,0,0,0.03)}.book .page.flipped:nth-child(even):before{background:transparent}*,* :before,*:after{box-sizing:border-box}.page:nth-child(odd){background-position:right top}.page-1{background-image:url("../img/book/mantel-1.png")}.footer{width:100%;background:#292140;display:flex;justify-content:center}.footer-content{width:100%;max-width:1200px;padding:50px 25px;background:#292140;display:flex;flex-wrap:wrap-reverse;justify-content:center;gap:15px}.footer-left,.footer-middle,.footer-right{width:calc(100%/3 - 15px);display:flex;align-items:center}@media (max-width: 600px){.footer-left,.footer-middle,.footer-right{width:100%;justify-content:center !important}}.footer-left{justify-content:flex-start;color:#fff}.footer-left>.fat{color:#615e69;font-weight:800;padding-right:5px}.footer-left>.mid-fat{font-weight:600}.footer-middle{justify-content:center}.footer-middle>img{width:150px}.footer-right{justify-content:flex-end}.footer-right>a{color:#fff;text-decoration:none;padding:5px}.footer-right>a:hover{color:#c95a42}.subfooter{width:100%;background-color:#EF7F1A;padding:10px 25px;font-weight:600;color:#ffffff;display:flex;align-items:center;justify-content:center}.subfooter>a>img{height:50px;margin-left:20px}