@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local(''),url('/typo3conf/ext/frommo_template/Resources/Public/Fonts/roboto-v30-latin-300.woff2') format('woff2'),url('/typo3conf/ext/frommo_template/Resources/Public/Fonts/roboto-v30-latin-300.woff') format('woff')}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local(''),url('/typo3conf/ext/frommo_template/Resources/Public/Fonts/roboto-v30-latin-regular.woff2') format('woff2'),url('/typo3conf/ext/frommo_template/Resources/Public/Fonts/roboto-v30-latin-regular.woff') format('woff')}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local(''),url('/typo3conf/ext/frommo_template/Resources/Public/Fonts/roboto-v30-latin-500.woff2') format('woff2'),url('/typo3conf/ext/frommo_template/Resources/Public/Fonts/roboto-v30-latin-500.woff') format('woff')}*{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;outline:none}::-moz-selection{color:#F0EFED;background:#384E46;text-shadow:none}::selection{color:#F0EFED;background:#384E46;text-shadow:none}.keyboard-focus :focus{outline:3px solid #f86117}html,body{width:100%;height:100%}html{scroll-behavior:smooth}body{font-family:'Roboto',sans-serif;font-weight:300;letter-spacing:1px;font-size:calc(17px + 0.9vw);line-height:1.4;overflow:hidden;background-color:#F0EFED;color:#384E46;transition:background 0.8s ease-in-out;-moz-transition:background 0.8s ease-in-out;-webkit-transition:background 0.8s ease-in-out;-o-transition:background 0.8s ease-in-out;touch-action:none}body>*{transition-property:none;-moz-transition-property:none;-webkit-transition-property:none;-o-transition-property:none}body.night{background-color:#384E46;color:#F0EFED}body.night ::-moz-selection{color:#384E46;background:#F0EFED;text-shadow:none}body.night ::selection{color:#384E46;background:#F0EFED;text-shadow:none}body.night #header{background-color:#384E46;border-bottom:1px solid rgba(240,239,237,0.2)}body.night #header svg{fill:#F0EFED}body.night .pagination li{border-color:#F0EFED;background-color:#384E46}body.night .pagination li.active{background-color:#F0EFED}body.night .scroll-me svg{fill:rgba(240,239,237,0.5)}body.night a:hover,body.night:focus:hover,body.night:visited:hover{color:white}body.night footer{background-color:#384E46}body.night .modal{box-shadow:0 0 20px #1c2723;background-color:#384E46}body.night .tooltip{background:#F0EFED;color:#384E46}body.night .tooltip::after{border-color:rgba(240,239,237,0);border-left-color:#F0EFED}body.night a{color:#F0EFED}body.night a:hover{color:#c2beb5}body.night .showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .back{color:#384E46;background-color:#F0EFED}body.night .showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .back h3{color:#384E46}body.night .showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .back .btn{color:#384E46;border:1px solid #384E46}body.night .showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .back .btn:hover{background:#384E46;color:#F0EFED}body.night .itemprev svg,body.night .itemnext svg{fill:#F0EFED}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}h1,h2{font-size:calc(17px + 3vw);margin-bottom:50px;font-weight:300}.modal-datenschutz h2{font-size:calc(14px + 0.8vw);font-weight:30}h3{font-size:calc(14px + 0.8vw);font-weight:300}p{margin-bottom:15px}ol,ul{margin-left:15px}a,:focus,:visited{color:#384E46;transition:color 0.8s ease-in-out;text-decoration:none}a:hover,:focus:hover,:visited:hover{color:#0d1311}.scroll-me{height:50px;width:50px;position:fixed;bottom:50px;left:calc(50% - 25px);z-index:9999;background-color:transparent;border:none;margin:15px;cursor:pointer;opacity:1;transition:all 0.7s ease-in-out;visibility:visible;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}.scroll-me i{font-size:30px}.scroll-me.you-shall-not-scroll{visibility:hidden;opacity:0}.scroll-me svg{fill:rgba(56,78,70,0.5)}#header{position:fixed;transition:background 0.8s ease-in-out;-moz-transition:background 0.8s ease-in-out;-webkit-transition:background 0.8s ease-in-out;-o-transition:background 0.8s ease-in-out;top:0;left:0;right:0;z-index:2;border-bottom:1px solid rgba(56,78,70,0.2);background-color:#F0EFED;padding:15px 0px;width:100%}#header .header-inner{width:70%;margin:0 auto;transition-property:none}#header svg{max-width:250px;cursor:pointer;fill:#384E46}section,main{height:100%;width:100%}.page-content{display:flex;flex-direction:column;justify-content:center;height:100%;width:70%;margin:0 auto}.page-content img{max-width:100%;width:100%;height:auto}.tooltip{position:fixed;top:50%;right:80px;width:140px;background:#384E46;color:#F0EFED;font-size:calc(16px + 0.2vw);padding:8px 10px;border-radius:4px;opacity:1;transition:opacity 0.3s ease-in-out;z-index:3}.tooltip::after{left:100%;top:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(56,78,70,0);border-left-color:#384E46;border-width:10px;margin-top:-10px}.tooltip.hidden{opacity:0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;margin:100px;z-index:10000;border-radius:0px;box-shadow:0 0 20px #1c2723;background-color:#F0EFED;font-size:calc(14px + 0.2vw)}.modal.hidden{display:none}.modal .modal-content{overflow-y:auto;overflow-x:hidden;height:calc(100% - 60px);padding:30px}.modal .modal-content h2{margin-bottom:20px}.modal .close{position:absolute;right:-20px;top:-20px;border-radius:50%;width:40px;height:40px;background-color:#384E46;text-align:center;line-height:3;color:#F0EFED;text-decoration:none}.modal .close svg{fill:#F0EFED}footer{position:fixed;bottom:0;right:0;left:0;background-color:#F0EFED;height:60px;transition:background 0.8s ease-in-out;-moz-transition:background 0.8s ease-in-out;-webkit-transition:background 0.8s ease-in-out;-o-transition:background 0.8s ease-in-out}footer button.lumos,footer button.nox{position:absolute;height:50px;width:50px;border-radius:50%;padding:10px;border:none;right:10px;bottom:10px;cursor:pointer}footer button.lumos svg,footer button.nox svg{fill:#384E46}footer ul.metanav{position:absolute;z-index:9;bottom:27px;right:80px;color:#F0EFED;font-size:calc(10px + 0.3vw)}footer ul.metanav li{display:inline-block;margin-left:10px}svg{image-rendering:pixelated}.pagination{list-style:none;z-index:999;position:fixed;right:20px;top:calc(50% - 48px);margin:0}.pagination li{cursor:pointer;display:block;width:10px;height:10px;margin-bottom:10px;border-radius:50%;border:1px solid #384E46;background-color:#F0EFED}.pagination li.active{background-color:#384E46}.frame-hashtags{font-size:calc(14px + 0.3vw);margin-top:30px;font-family:'Courier New',Courier,monospace}.frame-hashtags:before{content:'<!-- ';display:inline-block;margin-right:10px}.frame-hashtags:after{content:'--> ';display:inline-block;margin-left:10px}.frame-hashtags p{display:inline}@-webkit-keyframes bounce{from,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0) scaleY(0.95);transform:translate3d(0,0,0) scaleY(0.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{from,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0) scaleY(0.95);transform:translate3d(0,0,0) scaleY(0.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.showcase{position:relative}.showcase .itemprev,.showcase .itemnext{text-decoration:none;position:absolute;top:calc(50% - 45px);width:45px;height:60px;display:block}.showcase .itemprev.hidden,.showcase .itemnext.hidden{opacity:0.2}.showcase .itemprev svg,.showcase .itemnext svg{pointer-events:none;fill:#384E46}.showcase .itemprev{left:-80px}.showcase .itemnext{right:-50px}.showcase .showcase-inner{list-style:none;margin:0 -15px;padding:0;position:relative;width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.showcase .showcase-inner .showcase-item{min-height:200px;width:33.333%;position:relative;display:none;animation:0.3s ease-in-out}.showcase .showcase-inner .showcase-item.active{display:block}.showcase .showcase-inner .showcase-item.next{display:block;position:absolute;top:0;width:33.333%}.showcase .showcase-inner .showcase-item.to-left{animation-name:left}.showcase .showcase-inner .showcase-item.from-right{animation-name:right}.showcase .showcase-inner .showcase-item.to-right{animation-name:right;animation-direction:reverse}.showcase .showcase-inner .showcase-item.from-left{animation-name:left;animation-direction:reverse}.showcase .showcase-inner .showcase-item .frommo-flipper-item{perspective:1500px;height:25vh;position:relative;padding-right:15px;padding-left:15px;margin-bottom:30px}.showcase .showcase-inner .showcase-item .frommo-flipper-item:hover .flipper{transform:rotateY(180deg)}.showcase .showcase-inner .showcase-item .frommo-flipper-item.flipped .flipper{transform:rotateY(180deg)}.showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper{transition:0.8s;transform-style:preserve-3d;position:relative;height:100%}.showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .front,.showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .back{transform:rotateX(0deg);backface-visibility:hidden;transform-style:preserve-3d;position:absolute;width:100%;height:100%}.showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .front{background-position:top center;background-repeat:no-repeat;background-size:cover;z-index:2}.showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .front .content{transform:translateZ(30px);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .front img{object-fit:cover;display:block}.showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .front h3{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);text-align:center;color:#F0EFED;width:90%;padding:5px 10px;text-shadow:0 0 5px #384E46}.showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .front:before{background-color:rgba(56,78,70,0.7);position:absolute;top:0;right:0;bottom:0;left:0;content:''}.showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .back{transform:rotateY(180deg);z-index:1;color:#F0EFED;background-color:#384E46;padding:15px;width:calc(100% - 30px);height:calc(100% - 30px);font-size:calc(12px + 0.3vw);display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .back .content{transform:translateZ(50px) scale(0.8);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .back h3{color:#F0EFED;font-size:calc(12px + 0.5vw);text-transform:uppercase}.showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .back p{width:100%;margin-top:8px}.showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .back p:last-of-type{margin-bottom:0}.showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .back .btn{transition:all 0.3s ease-in-out;display:block;text-align:center;padding:5px 15px;border:1px solid #F0EFED;color:#F0EFED;text-decoration:none;font-weight:400;margin-top:15px}.showcase .showcase-inner .showcase-item .frommo-flipper-item .flipper .back .btn:hover{background:#F0EFED;color:#384E46}@keyframes left{from{left:0;opacity:1}to{left:-100%;opacity:0}}@keyframes right{from{left:100%;opacity:0}to{left:0;opacity:1}}@media (max-width:700px){.showcase .showcase-inner .showcase-item{width:100%}.showcase .showcase-inner .showcase-item.next{width:100%}}@media (max-width:767px){body{font-size:calc(16px + 0.2vw)}h1,h2{margin-bottom:30px}.frame-hashtags{font-size:calc(12px + 0.3vw)}#header .header-inner,.page-content{width:calc(90% - 15px);padding-right:15px}button.lumos,button.nox{width:40px;height:40px;right:9px;bottom:auto}.scroll-me{height:30px;width:30px;left:calc(50% - 15px)}.pagination{right:10px}.modal{width:85%;margin:10% auto}.modal .modal-content{padding:15px;height:calc(100% - 30px)}.showcase .showcase-inner{margin:0 auto}.showcase .itemprev,.showcase .itemnext{top:initial;width:25px;height:40px}.showcase .showcase-inner .showcase-item .frommo-flipper-item{margin-bottom:15px}.showcase .showcase-inner .showcase-item{min-height:initial}.showcase .itemnext{right:15px}.showcase .itemprev{left:15px}}@media (max-width:1100px){.frommo-flipper{margin:0 -8px}.frommo-flipper .frommo-flipper-item{height:140px;padding:0 8px;margin-bottom:16px;width:calc(50% - 16px)}.frommo-flipper .frommo-flipper-item .back h3{display:none}.frommo-flipper .frommo-flipper-item .back p{margin-top:0 !important}.frommo-flipper .frommo-flipper-item .back .btn{display:none !important}}@media (max-width:1299px){.frommo-flipper{width:100%}}@media (min-width:768px) and (max-width:1450px){.showcase .showcase-inner .showcase-item{width:50%}.showcase .showcase-inner .showcase-item.next{width:50%}}