@charset "UTF-8";
/***!  https://gaffel.hovi.info/modules/mod_gaffelhaus/assets/css/styles.css  !***/

div.footerPlaceholder{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:24px}#gaffel-animation{position:relative;bottom:0;width:100%;background:#fff;z-index:1;overflow:hidden}#gaffel-animation div.tatteredContent{position:relative;background:url(https://gaffel.hovi.info/modules/mod_gaffelhaus/assets/images/section_tattered_background_repeat.png) #fff3d8 repeat-x 0 0;background-size:contain;height:260px;text-align:center}#gaffel-animation div.tatteredContent div.tatteredPosition{position:absolute;bottom:0;width:100%}#gaffel-animation div.tatteredContent ul,#gaffel-animation div.tatteredContent ul li{list-style:none;margin:0;padding:0}#gaffel-animation div.tatteredContent ul{position:relative;left:95px;width:660px;height:251px;margin:0 auto;-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px)}#gaffel-animation div.tatteredContent ul li{position:absolute;top:0;left:0;-webkit-transform:translate(0px,0px) rotate(0deg);-moz-transform:translate(0px,0px) rotate(0deg);-o-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}#gaffel-animation div.tatteredContent ul li:nth-child(1){left:0;z-index:4;-webkit-transform:translateY(0px) rotate(-16deg);-moz-transform:translateY(0px) rotate(-16deg);-o-transform:translateY(0px) rotate(-16deg);transform:translateY(0px) rotate(-16deg)}#gaffel-animation div.tatteredContent ul li:nth-child(1):hover{-webkit-transform:translateY(-15px) rotate(-16deg);-moz-transform:translateY(-15px) rotate(-16deg);-o-transform:translateY(-15px) rotate(-16deg);transform:translateY(-15px) rotate(-16deg)}#gaffel-animation div.tatteredContent ul li:nth-child(2){top:24px;left:90px;z-index:6;-webkit-transform:translateY(0px) rotate(-12deg);-moz-transform:translateY(0px) rotate(-12deg);-o-transform:translateY(0px) rotate(-12deg);transform:translateY(0px) rotate(-12deg)}#gaffel-animation div.tatteredContent ul li:nth-child(2):hover{-webkit-transform:translateY(-15px) rotate(-12deg);-moz-transform:translateY(-15px) rotate(-12deg);-o-transform:translateY(-15px) rotate(-12deg);transform:translateY(-15px) rotate(-12deg)}#gaffel-animation div.tatteredContent ul li:nth-child(3){left:180px;z-index:8;-webkit-transform:translateY(0px) rotate(-7deg);-moz-transform:translateY(0px) rotate(-7deg);-o-transform:translateY(0px) rotate(-7deg);transform:translateY(0px) rotate(-7deg)}#gaffel-animation div.tatteredContent ul li:nth-child(3):hover{-webkit-transform:translateY(-15px) rotate(-8deg);-moz-transform:translateY(-15px) rotate(-8deg);-o-transform:translateY(-15px) rotate(-8deg);transform:translateY(-15px) rotate(-8deg)}#gaffel-animation div.tatteredContent ul li:nth-child(4){top:24px;left:270px;z-index:6;-webkit-transform:translateY(0px) rotate(-4deg);-moz-transform:translateY(0px) rotate(-4deg);-o-transform:translateY(0px) rotate(-4deg);transform:translateY(0px) rotate(-4deg)}#gaffel-animation div.tatteredContent ul li:nth-child(4):hover{-webkit-transform:translateY(-15px) rotate(-4deg);-moz-transform:translateY(-15px) rotate(-4deg);-o-transform:translateY(-15px) rotate(-4deg);transform:translateY(-15px) rotate(-4deg)}#gaffel-animation div.tatteredContent ul li:nth-child(5){left:360px;z-index:4;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}#gaffel-animation div.tatteredContent ul li:nth-child(5):hover{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}#gaffel-animation div.tatteredContent ul li:nth-child(6){left:450px;z-index:4;-webkit-transform:translateY(0px) rotate(4deg);-moz-transform:translateY(0px) rotate(4deg);-o-transform:translateY(0px) rotate(4deg);transform:translateY(0px) rotate(4deg)}#gaffel-animation div.tatteredContent ul li:nth-child(6):hover{-webkit-transform:translateY(-15px) rotate(4deg);-moz-transform:translateY(-15px) rotate(4deg);-o-transform:translateY(-15px) rotate(4deg);transform:translateY(-15px) rotate(4deg)}#gaffel-animation div.tatteredContent ul li:nth-child(7){left:640px;z-index:4;-webkit-transform:translateY(0px) rotate(8deg);-moz-transform:translateY(0px) rotate(8deg);-o-transform:translateY(0px) rotate(8deg);transform:translateY(0px) rotate(8deg)}#gaffel-animation div.tatteredContent ul li:nth-child(7):hover{-webkit-transform:translateY(-15px) rotate(8deg);-moz-transform:translateY(-15px) rotate(8deg);-o-transform:translateY(-15px) rotate(8deg);transform:translateY(-15px) rotate(8deg)}#gaffel-animation div.tatteredContent ul li:nth-child(8){left:730px;z-index:4;-webkit-transform:translateY(0px) rotate(12deg);-moz-transform:translateY(0px) rotate(12deg);-o-transform:translateY(0px) rotate(12deg);transform:translateY(0px) rotate(12deg)}#gaffel-animation div.tatteredContent ul li:nth-child(8):hover{-webkit-transform:translateY(-15px) rotate(12deg);-moz-transform:translateY(-15px) rotate(12deg);-o-transform:translateY(-15px) rotate(12deg);transform:translateY(-15px) rotate(12deg)}#gaffel-animation div.tatteredContent ul li:nth-child(9){left:810px;z-index:4;-webkit-transform:translateY(0px) rotate(16deg);-moz-transform:translateY(0px) rotate(16deg);-o-transform:translateY(0px) rotate(16deg);transform:translateY(0px) rotate(16deg)}#gaffel-animation div.tatteredContent ul li:nth-child(9):hover{-webkit-transform:translateY(-15px) rotate(16deg);-moz-transform:translateY(-15px) rotate(16deg);-o-transform:translateY(-15px) rotate(16deg);transform:translateY(-15px) rotate(16deg)}#gaffel-animation div.tatteredContent ul li:nth-child(10){left:900px;z-index:4;-webkit-transform:translateY(0px) rotate(16deg);-moz-transform:translateY(0px) rotate(16deg);-o-transform:translateY(0px) rotate(16deg);transform:translateY(0px) rotate(16deg)}#gaffel-animation div.tatteredContent ul li:nth-child(10):hover{-webkit-transform:translateY(-15px) rotate(16deg);-moz-transform:translateY(-15px) rotate(16deg);-o-transform:translateY(-15px) rotate(16deg);transform:translateY(-15px) rotate(16deg)}#gaffel-animation div.tatteredContent ul li:last-child:before{content:"";background:url(https://gaffel.hovi.info/modules/mod_gaffelhaus/assets/images/footer_arrow.png) no-repeat center center;background-size:72px 44px;position:absolute}#gaffel-animation div.tatteredContent ul li.leftItem a{-webkit-transform:translate(-5px,0);-moz-transform:translate(-5px,0);-o-transform:translate(-5px,0);transform:translate(-5px,0)}#gaffel-animation div.tatteredContent ul li.rightItem a{-webkit-transform:translate(5px,0);-moz-transform:translate(5px,0);-o-transform:translate(5px,0);transform:translate(5px,0)}#gaffel-animation div.tatteredContent ul li{-webkit-transition:transform 0.2s ease-in;-moz-transition:transform 0.2s ease-in;-o-transition:transform 0.2s ease-in;transition:transform 0.2s ease-in}#gaffel-animation div.tatteredContent ul li:hover{-webkit-transition:transform 0.2s ease-out;-moz-transition:transform 0.2s ease-out;-o-transition:transform 0.2s ease-out;transition:transform 0.2s ease-out}#gaffel-animation div.tatteredContent ul li a{display:block;-webkit-transition:transform 0.25s cubic-bezier(0.17,0.67,0.4,1.22) 0s;-moz-transition:transform 0.25s cubic-bezier(0.17,0.67,0.4,1.22) 0s;-o-transition:transform 0.25s cubic-bezier(0.17,0.67,0.4,1.22) 0s;transition:transform 0.25s cubic-bezier(0.17,0.67,0.4,1.22) 0s;-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);-o-transform:translate(0px,0px);transform:translate(0px,0px)}#gaffel-animation div.tatteredContent a{position:relative;bottom:0;width:90px;height:280px}#gaffel-animation div.tatteredContent a img{width:100% !important;height:auto !important}#gaffel-animation div.tattered{position:absolute;top:-8px;width:100%;height:8px;background:url(https://gaffel.hovi.info/modules/mod_gaffelhaus/assets/images/footer_background_repeat.png) repeat 0 0}@media screen and (max-width:1006px){div.footerPlaceholder{display:none}#gaffel-animation div.tatteredContent{display:none}#gaffel-animation{position:relative;bottom:auto}#gaffel-animation div.tattered{display:none}}@media only screen and (min-width:1007px){#gaffel-animation div.tatteredContent{height:15.10vw}#gaffel-animation div.tatteredContent div.tatteredPosition{bottom:0}#gaffel-animation div.tatteredContent ul{left:4.94vw;width:49.37vw;height:13.07vw}#gaffel-animation div.tatteredContent ul li:nth-child(2){left:4vw}#gaffel-animation div.tatteredContent ul li:nth-child(3){top:0.52vw;left:8vw}#gaffel-animation div.tatteredContent ul li:nth-child(4){top:0.52vw;left:12vw}#gaffel-animation div.tatteredContent ul li:nth-child(5){left:16vw}#gaffel-animation div.tatteredContent ul li:nth-child(6){top:0.52vw;left:20vw}#gaffel-animation div.tatteredContent ul li:nth-child(7){top:0.52vw;left:24vw}#gaffel-animation div.tatteredContent ul li:nth-child(8){left:28vw}#gaffel-animation div.tatteredContent ul li:nth-child(9){left:32vw}#gaffel-animation div.tatteredContent ul li:nth-child(10){left:36vw}#gaffel-animation div.tatteredContent ul li:last-child{top:1.56vw;left:43.12vw;-webkit-transition:unset;-moz-transition:unset;-o-transition:unset;transition:unset;-webkit-transform:unset;-moz-transform:unset;-o-transform:unset;transform:unset}#gaffel-animation div.tatteredContent ul li:last-child:before{background-size:3.75vw 2.29vw;width:3.75vw;height:2.29vw;margin-left:-80%;left:0;margin-top:1.04vw}#gaffel-animation div.tatteredContent ul li:last-child p{text-align:left;font-family:Arial,sans-serif;font-size:0.89vw;color:#b79855;line-height:1.25}#gaffel-animation div.tatteredContent ul li:last-child:hover{-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}#gaffel-animation div.tatteredContent a{width:4.16vw;height:15.62vw}#gaffel-animation div.tattered{height:0.41vw;top:-0.41vw;background-size:1vw}}@media screen and (min-width:1007px) and (max-width:1575px){#gaffel-animation div.tatteredContent{height:290px}}